OpenSlides/docs/_static/default.css

474 lines
9.3 KiB
CSS
Raw Normal View History

2011-07-31 10:46:29 +02:00
/*
OpenSlides CSS
@import url("basic.css");
*/
2011-08-01 07:57:15 +02:00
/*@import url(http://fonts.googleapis.com/css?family=Ubuntu);*/
@font-face {
font-family: 'Ubuntu';
font-style: normal;
font-weight: normal;
src: local('Ubuntu'), url('ubuntu-v1.woff') format('woff');
}
2011-07-31 10:46:29 +02:00
body { font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Geneva', 'Verdana',
sans-serif; font-size: 13px; color: #000; }
a { color: #185F6D; border-bottom: 1px dotted #2BABC4; text-decoration: none; }
a:hover { color: #2794AA; border-bottom: 1px solid #2794AA; }
2011-08-01 07:57:15 +02:00
.box { width: 800px; margin: 20px auto; }
2011-07-31 10:46:29 +02:00
h1, h2, h3 { font-family: 'Ubuntu', 'Lucida Grande', 'Lucida Sans Unicode', 'Geneva',
'Verdana', sans-serif; font-weight: normal; }
2011-08-01 07:57:15 +02:00
.header { height: 100px; }
.header h1 { margin: 0 0 30px 0; font-size: 50px; font-weight: bold; padding-top: 50px; height: 120px; }
2011-07-31 10:46:29 +02:00
.header p { font-size: 15px; margin: -90px 0 0 0; }
h1 { font-size: 34px; margin: 25px 0 5px 0; }
h2 { font-size: 18px; margin: 25px 0 5px 0; }
h3 { font-size: 19px; margin: 25px 0 5px 0; }
textarea, code,
pre { font-family: 'Consolas', 'Menlo', 'Deja Vu Sans Mono', 'Bitstream Vera Sans Mono',
monospace!important; font-size: 15px; background: #E8EFF0; }
pre { padding: 7px 30px; margin: 15px -30px; line-height: 1.3; }
.ig { color: #888; }
p { line-height: 1.4; color:#444444;}
ul { margin: 15px 0 15px 0; padding: 0; list-style: none; line-height: 1.4; }
ul li:before { content: "\00BB \0020"; color: #888; position: absolute; margin-left: -19px; }
ol { line-height: 1.4; margin: 15px 0 15px 30px; padding: 0; }
blockquote { margin: 15px 0; font-style: italic; color: #444; }
.footer { font-size: 10px; color: #888; text-align: right; margin-top: 25px; }
.more { text-align: right; margin-top: 0; font-size: 0.9em; font-style: italic; }
2011-08-01 07:57:15 +02:00
.nav { text-align: left; margin: 20px 0 0 0; }
2011-07-31 10:46:29 +02:00
table { border: 1px solid black; border-collapse: collapse;
margin: 15px 0; }
td, th { border: 1px solid black; padding: 4px 10px;
text-align: left; }
th { background: #eee; font-weight: normal; }
td input { border: none; padding: 0; }
2011-08-01 07:57:15 +02:00
/* Header */
#logo {
position:relative;
left: 42px;
}
#header_title {
font-family: 'Ubuntu', 'Lucida Grande', 'Lucida Sans Unicode', 'Geneva', sans-serif;
height:40px;
font-size:50px;
color:#444444;
}
#header_subtitle {
font-family: 'Ubuntu', 'Lucida Grande', 'Lucida Sans Unicode', 'Geneva', sans-serif;
color:#444444;
font-size:14px;
}
/* Wrapper */
#wrapper {
float:left;
line-height:140%;
width: 100%;
}
/* Header */
#header {
margin-left: 150px;
padding: 20px;
}
/* Content */
#content {
margin-left: 150px;
padding: 3px 20px;
}
/* Sub Menu */
#submenu {
float: left;
width: 150px;
margin-left: -100%;
}
#language {
position: relative;
left:10px;
top: 10px
}
2011-07-31 10:46:29 +02:00
/* latest version button */
.latestver { margin: 20px 0 0 0; float: right; font-style: italic; }
.latestver strong { font-weight: normal; }
div.document {
width: 940px;
margin: 30px auto 0 auto;
}
div.documentwrapper {
float: left;
width: 100%;
}
div.bodywrapper {
margin: 0 0 0 220px;
}
div.sphinxsidebar {
width: 220px;
}
hr {
border: 1px solid #B1B4B6;
}
div.body {
background-color: #ffffff;
color: #3E4349;
padding: 0 30px 0 30px;
}
img.floatingflask {
padding: 0 0 10px 10px;
float: right;
}
div.footer {
width: 940px;
margin: 20px auto 30px auto;
font-size: 14px;
color: #888;
text-align: right;
}
div.footer a {
color: #888;
}
div.related {
display: none;
}
div.sphinxsidebar a {
color: #444;
text-decoration: none;
border-bottom: 1px dotted #999;
}
div.sphinxsidebar a:hover {
border-bottom: 1px solid #999;
}
div.sphinxsidebar {
font-size: 13px;
line-height: 1.5;
}
div.sphinxsidebarwrapper {
padding: 18px 10px;
}
div.sphinxsidebarwrapper p.logo {
padding: 0 0 20px 0;
margin: 0;
text-align: center;
}
div.sphinxsidebar h3,
div.sphinxsidebar h4 {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Geneva', 'Verdana', sans-serif;
color: #444;
font-size: 24px;
font-weight: normal;
margin: 0 0 5px 0;
padding: 0;
}
div.sphinxsidebar h4 {
font-size: 20px;
}
div.sphinxsidebar h3 a {
color: #444;
}
div.sphinxsidebar p.logo a,
div.sphinxsidebar h3 a,
div.sphinxsidebar p.logo a:hover,
div.sphinxsidebar h3 a:hover {
border: none;
}
div.sphinxsidebar p {
color: #555;
margin: 10px 0;
}
div.sphinxsidebar ul {
margin: 10px 0;
padding: 0;
color: #000;
}
div.sphinxsidebar input {
border: 1px solid #ccc;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Geneva', 'Verdana', sans-serif;
font-size: 14px;
}
div.sphinxsidebar form.search input[name="q"] {
width: 130px;
}
/* -- body styles ----------------------------------------------------------- */
a {
color: #185F6D;
text-decoration: underline;
}
a:hover {
color: #2794AA;
text-decoration: underline;
}
div.body h1,
div.body h2,
div.body h3,
div.body h4,
div.body h5,
div.body h6 {
font-family: 'Ubuntu', 'Lucida Grande', 'Lucida Sans Unicode', 'Geneva', 'Verdana', sans-serif;
font-weight: normal;
margin: 30px 0px 10px 0px;
padding: 0;
color: black;
}
div.body h1 { margin-top: 0; padding-top: 0; font-size: 240%; }
div.body h2 { font-size: 180%; }
div.body h3 { font-size: 150%; }
div.body h4 { font-size: 130%; }
div.body h5 { font-size: 100%; }
div.body h6 { font-size: 100%; }
a.headerlink {
color: #ddd;
padding: 0 4px;
text-decoration: none;
}
a.headerlink {
visibility: hidden;
}
h1:hover > a.headerlink, h2:hover > a.headerlink, h3:hover > a.headerlink, h4:hover > a.headerlink, h5:hover > a.headerlink, h6:hover > a.headerlink, dt:hover > a.headerlink {
visibility: visible;
}
a.headerlink:hover {
color: #444;
background: #eaeaea;
}
div.body p, div.body dd, div.body li {
line-height: 1.4em;
}
div.admonition {
background: #fafafa;
margin: 20px -30px;
padding: 10px 30px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
div.admonition tt.xref, div.admonition a tt {
border-bottom: 1px solid #fafafa;
}
dd div.admonition {
margin-left: -60px;
padding-left: 60px;
}
div.admonition p.admonition-title {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Geneva', 'Verdana', sans-serif;
font-weight: normal;
font-size: 24px;
margin: 0 0 10px 0;
padding: 0;
line-height: 1;
}
div.admonition p.last {
margin-bottom: 0;
}
div.highlight {
background-color: white;
}
dt:target, .highlight {
background: #FAF3E8;
}
div.note {
background-color: #eee;
border: 1px solid #ccc;
}
div.seealso {
background-color: #ffc;
border: 1px solid #ff6;
}
div.topic {
background-color: #eee;
}
p.admonition-title {
display: inline;
}
p.admonition-title:after {
content: ":";
}
pre, tt {
font-family: 'Consolas', 'Menlo', 'Deja Vu Sans Mono', 'Bitstream Vera Sans Mono', monospace;
font-size: 0.9em;
}
img.screenshot {
}
tt.descname, tt.descclassname {
font-size: 0.95em;
}
tt.descname {
padding-right: 0.08em;
}
img.screenshot {
-moz-box-shadow: 2px 2px 4px #eee;
-webkit-box-shadow: 2px 2px 4px #eee;
box-shadow: 2px 2px 4px #eee;
}
table.docutils {
border: 1px solid #888;
-moz-box-shadow: 2px 2px 4px #eee;
-webkit-box-shadow: 2px 2px 4px #eee;
box-shadow: 2px 2px 4px #eee;
}
table.docutils td, table.docutils th {
border: 1px solid #888;
padding: 0.25em 0.7em;
}
table.field-list, table.footnote {
border: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
table.footnote {
margin: 15px 0;
width: 100%;
border: 1px solid #eee;
background: #fdfdfd;
font-size: 0.9em;
}
table.footnote + table.footnote {
margin-top: -15px;
border-top: none;
}
table.field-list th {
padding: 0 0.8em 0 0;
}
table.field-list td {
padding: 0;
}
table.footnote td.label {
width: 0px;
padding: 0.3em 0 0.3em 0.5em;
}
table.footnote td {
padding: 0.3em 0.5em;
}
dl {
margin: 0;
padding: 0;
}
dl dd {
margin-left: 30px;
}
blockquote {
margin: 0 0 0 30px;
padding: 0;
}
ul, ol {
margin: 10px 0 10px 30px;
padding: 0;
}
pre {
background: #E8EFF0;
padding: 7px 30px;
margin: 15px -30px;
line-height: 1.3em;
}
dl pre, blockquote pre, li pre {
margin-left: -60px;
padding-left: 60px;
}
dl dl pre {
margin-left: -90px;
padding-left: 90px;
}
tt {
background-color: #E8EFF0;
color: #222;
/* padding: 1px 2px; */
}
tt.xref, a tt {
background-color: #E8EFF0;
border-bottom: 1px solid white;
}
a.reference {
text-decoration: none;
border-bottom: 1px dotted #2BABC4;
}
a.reference:hover {
border-bottom: 1px solid #2794AA;
}
a.footnote-reference {
text-decoration: none;
font-size: 0.7em;
vertical-align: top;
border-bottom: 1px dotted #004B6B;
}
a.footnote-reference:hover {
border-bottom: 1px solid #6D4100;
}
a:hover tt {
background: #EEE;
}