809 lines
12 KiB
CSS
809 lines
12 KiB
CSS
@import url("/css/balloonHelp.css");
|
|
@import url("/css/calendar.css");
|
|
|
|
body {
|
|
font-family: sans-serif;
|
|
background: white;
|
|
color: black;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
a:link, a:visited {
|
|
text-decoration: underline;
|
|
color: #436976;
|
|
}
|
|
|
|
img {
|
|
border: none;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
p {
|
|
margin: 0.5em 0em 1em 0em;
|
|
text-align: justify;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
p a:active {
|
|
color: red;
|
|
}
|
|
|
|
p img {
|
|
border: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
|
|
hr {
|
|
clear: both;
|
|
height: 1px;
|
|
color: #8cacbb;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
color: black;
|
|
clear: left;
|
|
font: 100% sans-serif;
|
|
margin: 0;
|
|
padding-top: 1em;
|
|
border-bottom: 1px solid #8cacbb;
|
|
}
|
|
|
|
div#top h1 {
|
|
border: 0;
|
|
font-size: 300%;
|
|
letter-spacing: 0.1em;
|
|
color: #8cacbb;
|
|
padding: 0.5em;
|
|
font-weight: bold;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 160%;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 150%;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 140%;
|
|
}
|
|
|
|
h4 {
|
|
font-size: 120%;
|
|
}
|
|
|
|
h5 {
|
|
font-size: 100%;
|
|
}
|
|
|
|
h6 {
|
|
font-size: 80%;
|
|
}
|
|
|
|
ul {
|
|
line-height: 1.5em;
|
|
margin-left: 2em;
|
|
padding:0;
|
|
}
|
|
|
|
ol {
|
|
line-height: 1.5em;
|
|
margin-left: 2em;
|
|
padding:0;
|
|
}
|
|
|
|
dl {
|
|
}
|
|
|
|
dt {
|
|
font-weight: bold;
|
|
}
|
|
|
|
dd {
|
|
line-height: 1.5em;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
|
|
fieldset {
|
|
/*border: 1px solid #8cacbb;*/
|
|
border: 0;
|
|
margin: 0.5em 0em;
|
|
padding: 0.5em 0em;
|
|
}
|
|
|
|
fieldset select {
|
|
margin-bottom: 0.5em;
|
|
}
|
|
|
|
fieldset input {
|
|
margin-left: 1em;
|
|
}
|
|
|
|
legend {
|
|
background: White;
|
|
padding: 0.5em;
|
|
}
|
|
|
|
|
|
form {
|
|
border: none;
|
|
margin: 0;
|
|
}
|
|
|
|
textarea {
|
|
border: 1px solid #8cacbb;
|
|
color: black;
|
|
background-color: white;
|
|
width: 93%;
|
|
padding: 0.1em;
|
|
}
|
|
|
|
input, a.button {
|
|
text-decoration: none;
|
|
border: 1px solid #8cacbb;
|
|
color: black;
|
|
background-color: white;
|
|
vertical-align: middle;
|
|
margin-bottom: 1px; /* IE bug fix */
|
|
/*padding: 0.1em;*/
|
|
margin-right: 1em;
|
|
padding-bottom: 1px;
|
|
padding-top: 1px;
|
|
}
|
|
|
|
input.button:hover, a.button:hover {
|
|
cursor: pointer;
|
|
background-color: #f7f9fa;
|
|
}
|
|
|
|
select {
|
|
border: 1px solid #8cacbb;
|
|
vertical-align: top;
|
|
}
|
|
|
|
abbr, acronym, .explain {
|
|
border-bottom: 1px dotted black;
|
|
color: black;
|
|
cursor: help;
|
|
}
|
|
|
|
q {
|
|
font-style: italic;
|
|
font-size: 120%;
|
|
}
|
|
|
|
blockquote {
|
|
font-style: italic;
|
|
font-size: 120%;
|
|
}
|
|
|
|
code {
|
|
font-size: 120%;
|
|
color: black;
|
|
background-color: #dee7ec;
|
|
}
|
|
|
|
pre {
|
|
font-size: 120%;
|
|
padding: 1em;
|
|
border: 1px solid #8cacbb;
|
|
color: black;
|
|
background-color: #dee7ec;
|
|
}
|
|
|
|
div#top {
|
|
/* Top section */
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.logo {
|
|
/* Logo properties */
|
|
margin: 1em 0em 1em 2em;
|
|
padding: 0;
|
|
}
|
|
|
|
|
|
div#searchBox {
|
|
/*searchbox style and positioning */
|
|
color: black;
|
|
float: right;
|
|
margin: 3em 0em 0em 0em;
|
|
padding: 0em 2em 0em 0em;
|
|
text-align: right;
|
|
text-transform: lowercase;
|
|
width: 30%;
|
|
}
|
|
|
|
input.searchButton {
|
|
font-size: 100% ! important;
|
|
margin-bottom: 1px ! important;
|
|
}
|
|
|
|
div#tabs {
|
|
/* Navigational tabs */
|
|
border-collapse: collapse;
|
|
border-bottom-color: #8cacbb;
|
|
border-bottom-style: solid;
|
|
border-bottom-width: 1px;
|
|
padding: 0.5em 0em 0em 3em;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
div#tabs a {
|
|
/* The normal, unselected tabs. They are all links */
|
|
border-color: #8cacbb;
|
|
border-width: 1px;
|
|
border-style: solid solid none solid;
|
|
color: #436976;
|
|
font-weight: normal;
|
|
margin-right: 0.5em;
|
|
padding: 0em 2em;
|
|
text-transform: lowercase;
|
|
text-decoration: none;
|
|
}
|
|
|
|
div#tabs a.selected {
|
|
/* The selected tab. There's only one of this */
|
|
background: #dee7ec;
|
|
border: 1px solid #8cacbb;
|
|
border-bottom: #DEE7EC 1px solid;
|
|
color: #436976;
|
|
font-weight: normal;
|
|
}
|
|
|
|
div#tabs a:hover {
|
|
background: #dee7ec;
|
|
border-color: #8cacbb;
|
|
border-bottom-color: #dee7ec;
|
|
color: #436976;
|
|
}
|
|
|
|
div#personalBar {
|
|
/* Bar with personalized menu (user preferences, favorites etc) */
|
|
background: #dee7ec;
|
|
border-bottom-color: #8cacbb;
|
|
border-bottom-style: solid;
|
|
border-bottom-width: 1px;
|
|
color: black;
|
|
padding-right: 3em;
|
|
text-align: right;
|
|
text-transform: lowercase;
|
|
}
|
|
|
|
div#personalBar a.button {
|
|
border: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
div#personalBar a {
|
|
text-decoration: none;
|
|
color: #436976;
|
|
font-weight: normal;
|
|
margin-left: 1em;
|
|
}
|
|
|
|
div#personalBar img {
|
|
vertical-align: top;
|
|
}
|
|
|
|
div#pathBar {
|
|
/* The path bar, including breadcrumbs and add to favorites */
|
|
border-bottom-color: #8cacbb;
|
|
border-bottom-style: solid;
|
|
border-bottom-width: 1px;
|
|
padding-left: 3em;
|
|
padding-right: 2em;
|
|
text-transform: lowercase;
|
|
}
|
|
|
|
div#pathBar a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
|
|
div#top, div#tabs, div#personalBar, div#pathBar {
|
|
font-size: 60%;
|
|
}
|
|
|
|
|
|
#footer {
|
|
background: #dee7ec;
|
|
border-top: 1px solid #8cacbb;
|
|
border-bottom: 1px solid #8cacbb;
|
|
color: black;
|
|
clear: both;
|
|
float: none;
|
|
margin: 2em 0em;
|
|
padding: 0.5em 0em 1em 0em;
|
|
text-align: center;
|
|
font-size: 60%;
|
|
}
|
|
|
|
div#main-content {
|
|
float: left;
|
|
width: 80%;
|
|
padding-bottom: 2em;
|
|
}
|
|
|
|
div#main-content form {
|
|
font-size: 80%;
|
|
}
|
|
|
|
div#main-content form a.button {
|
|
font-size: 100%;
|
|
}
|
|
|
|
div#main-content a.button {
|
|
font-size: 60%;
|
|
}
|
|
|
|
a.button {
|
|
padding-left: 3px;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
#leftBar {
|
|
float: left;
|
|
width: 12%;
|
|
padding: 10px;
|
|
margin-right: 3%;
|
|
font-size: 60%;
|
|
z-index: 1000;
|
|
}
|
|
|
|
#leftBar span.boxTitle {
|
|
background: #dee7e7;
|
|
border: 1px solid #8cacbb;
|
|
border-style: solid solid none solid;
|
|
color: black;
|
|
padding: 0em 1em 0em 1em;
|
|
text-transform: lowercase;
|
|
}
|
|
|
|
div#navBox ul {
|
|
border: 1px solid #8cacbb;
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
div#navBox li {
|
|
margin-left: 1em;
|
|
}
|
|
|
|
div#loginBox form {
|
|
border: 1px solid #8cacbb;
|
|
margin: 0;
|
|
padding: 1em;
|
|
}
|
|
|
|
div#loginBox label {
|
|
font-weight: bold;
|
|
}
|
|
|
|
div#loginBox input.button {
|
|
margin-top: 1em;
|
|
}
|
|
|
|
div#loginBox div {
|
|
border: 1px solid #8cacbb;
|
|
border-top: 0;
|
|
margin: 0;
|
|
padding: 1em;
|
|
}
|
|
|
|
div#loginBox div a.button {
|
|
border: 0;
|
|
}
|
|
|
|
table.rst, table.spip, table.objects-table {
|
|
border: 1px solid #8cacbb;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
table.spip a, table.objects-table a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
table.rst th, table.spip th, table.objects-table th {
|
|
background: #dee7ec;
|
|
border: 1px solid #8cacbb;
|
|
color: black;
|
|
font-weight: normal;
|
|
padding: 0em 1em 0em 1em;
|
|
text-transform: lowercase;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
table.rst td, table.spip td, table.objects-table td {
|
|
border-left: 1px solid #8cacbb;
|
|
padding: 0em 1em;
|
|
text-align: left;
|
|
}
|
|
|
|
div#main-content h1, div#main-content h3 {
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.error {
|
|
/* Class for error indication in forms */
|
|
background: #ffce7b;
|
|
border: 1px solid #ffa500;
|
|
padding: 1em;
|
|
margin: 0;
|
|
width: 85% !important;
|
|
}
|
|
|
|
div.error-message {
|
|
background: #ffce7b;
|
|
border: 1px solid #ffa500;
|
|
color: black;
|
|
font-weight: bold;
|
|
font-size: 80%;
|
|
margin: 0;
|
|
padding: 0em 1em;
|
|
vertical-align: middle;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
div.error-message h1 {
|
|
border: 0;
|
|
}
|
|
|
|
span.error-message {
|
|
display: block;
|
|
font: bold smaller sans-serif;
|
|
}
|
|
|
|
div#personalBar a.button, a.button {
|
|
padding-left: 18px;
|
|
background: url("/images/item.png") 8px 40% no-repeat;
|
|
}
|
|
|
|
input[type="submit"] {
|
|
padding-left: 10px;
|
|
background: white url("/images/submit.png") 5px 40% no-repeat;
|
|
}
|
|
|
|
div#personalBar a.user {
|
|
padding-left: 12px;
|
|
background: url("/images/user.png") left top no-repeat;
|
|
}
|
|
|
|
div.election-results {
|
|
}
|
|
|
|
div.election-results table {
|
|
margin-left: 2em;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
table.election-details,
|
|
table.election-votes,
|
|
table.election-pairwise-matrix,
|
|
table.election-ratings {
|
|
border: 1px solid #8cacbb;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
table.election-details td,
|
|
table.election-votes td,
|
|
table.election-pairwise-matrix td,
|
|
table.election-ratings td {
|
|
border: 1px solid #8cacbb;
|
|
color: black;
|
|
text-align: center;
|
|
}
|
|
|
|
table.election-details th,
|
|
table.election-votes th,
|
|
table.election-pairwise-matrix th,
|
|
table.election-ratings th {
|
|
padding-left: 1em;
|
|
padding-right: 1em;
|
|
font-weight: bold;
|
|
border: 1px solid #8cacbb;
|
|
text-align: center;
|
|
}
|
|
|
|
table.election-details caption,
|
|
table.election-votes caption,
|
|
table.election-pairwise-matrix caption,
|
|
table.election-ratings caption,
|
|
table.election-results caption {
|
|
display: none;
|
|
}
|
|
|
|
table.election-results th {
|
|
text-align: right;
|
|
padding-left: 1em;
|
|
padding-right: 1em;
|
|
font-weight: bold;
|
|
}
|
|
|
|
table.election-results td {
|
|
text-align: center;
|
|
}
|
|
|
|
th.owned-vote {
|
|
background-color: #f7f9fa;
|
|
}
|
|
|
|
div.buttons-bar {
|
|
margin-top: 2em;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
div#main-content span.label {
|
|
font-weight: bold;
|
|
}
|
|
|
|
div#main-content form div.row {
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
div#main-content .cell {
|
|
display: block;
|
|
margin: 0;
|
|
padding: 0;
|
|
margin-left: 1em;
|
|
}
|
|
|
|
.required:after {
|
|
/* Used in addition to class "label" on required elements */
|
|
content: "\00a0\25cf";
|
|
color: red;
|
|
}
|
|
|
|
.preview {
|
|
margin-top: 1em;
|
|
margin-left: 5em;
|
|
margin-right: 5em;
|
|
padding: 5px;
|
|
border: 1px solid #8cacbb;
|
|
}
|
|
|
|
div.error-message {
|
|
padding-left: 50px;
|
|
background: #ffce7b url("/images/info.png") 2% 45% no-repeat;
|
|
}
|
|
|
|
|
|
/*pre {
|
|
overflow: scroll;
|
|
}*/
|
|
|
|
|
|
.even {
|
|
background-color: #f7f9fa;
|
|
}
|
|
|
|
.odd {
|
|
}
|
|
|
|
div#main-content h3.author {
|
|
margin: 0;
|
|
padding-top: 5px;
|
|
font-size: 80%;
|
|
border-bottom: 0;
|
|
margin-left: 1em;
|
|
}
|
|
|
|
div#main-content p.pubdate {
|
|
font-size: 70%;
|
|
margin-left: 1em;
|
|
}
|
|
|
|
div#main-content h2 {
|
|
padding-top: 0;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
div.license {
|
|
font-size: 80%;
|
|
}
|
|
|
|
body#popupMonth {
|
|
font-size: 80%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-top: auto;
|
|
margin-bottom: auto;
|
|
vertical-align: middle;
|
|
height: 100%;
|
|
position: absolute;
|
|
}
|
|
|
|
body#popupMonth h1 {
|
|
margin: 1em 0;
|
|
padding: 0;
|
|
font-size: 120%;
|
|
font-weight: bold;
|
|
}
|
|
|
|
table.calendar-month-full {
|
|
text-align: right;
|
|
border: 1px solid #8cacbb;
|
|
border-collapse: collapse;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-top: 1em;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
table.calendar-month-full th {
|
|
border-bottom: 1px solid #8cacbb;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
background-color: #f7f9fa;
|
|
padding: 0px 3px;
|
|
font-size: 80%;
|
|
}
|
|
|
|
table.calendar-month-full td {
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
font-size: 70%;
|
|
border: 1px solid #8cacbb;
|
|
}
|
|
|
|
table.calendar-month-full .today {
|
|
border: 2px solid #ffa500;
|
|
}
|
|
|
|
a.online-help {
|
|
vertical-align: top;
|
|
float: right;
|
|
font-size: 110%;
|
|
border: 1px solid #8cacbb;
|
|
padding: 0px 5px;
|
|
text-decoration: none
|
|
}
|
|
|
|
hr {
|
|
color: #8cacbb;
|
|
background-color: #8cacbb;
|
|
width: 80%;
|
|
border: 0;
|
|
height: 1px;
|
|
}
|
|
|
|
div.system-message {
|
|
/* Class for error indication in forms */
|
|
background: #ffce7b;
|
|
border: 1px solid #ffa500;
|
|
padding: 1em;
|
|
margin: 0;
|
|
margin-bottom: 0.5em;
|
|
font-size: 80%;
|
|
}
|
|
|
|
div.diff-context {
|
|
}
|
|
|
|
div.diff-error {
|
|
font-size: 80%;
|
|
}
|
|
|
|
div.diff-new {
|
|
background-color: #80ff80;
|
|
}
|
|
|
|
div.diff-old {
|
|
background-color: #ffff80;
|
|
}
|
|
|
|
hr.diff {
|
|
}
|
|
|
|
span.diff-equal {
|
|
white-space: pre;
|
|
}
|
|
|
|
span.diff-new {
|
|
background-color: #80ff80;
|
|
white-space: pre;
|
|
}
|
|
|
|
span.diff-old {
|
|
background-color: #ffff80;
|
|
white-space: pre;
|
|
}
|
|
|
|
span.spellcheck {
|
|
cursor: help;
|
|
border-bottom: 1px dashed red;
|
|
}
|
|
|
|
div.comment {
|
|
border: 1px solid #8cacbb;
|
|
margin-bottom: 2em;
|
|
padding-left: 1em;
|
|
}
|
|
|
|
div.comment h4 {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
div.comment .comment-infos {
|
|
margin-left: 2em;
|
|
font-size: 80%;
|
|
}
|
|
|
|
div.comment .comment-time {
|
|
display: none;
|
|
}
|
|
|
|
div.comment a.button {
|
|
float: right;
|
|
}
|
|
|
|
table.calendar-month-full {
|
|
text-align: right;
|
|
border-color: #8cacbb;
|
|
}
|
|
|
|
table.calendar-month-full th {
|
|
text-align: center;
|
|
background: #dee7ec;
|
|
font-size: 80%;
|
|
border: 1px solid #8cacbb;
|
|
}
|
|
|
|
table.calendar-month-full td {
|
|
font-family: monospace;
|
|
font-size: 70%;
|
|
}
|
|
|
|
table.calendar-month-full td {
|
|
font-size: inherit;
|
|
border: 1px solid #8cacbb;
|
|
}
|
|
|
|
table.calendar-month-full .noday {
|
|
background-color: #f7fef6;
|
|
border: 0;
|
|
}
|
|
|
|
table.calendar-month-full .today {
|
|
border: 3px solid #8cacbb;
|
|
}
|
|
|
|
table.calendar-week-full {
|
|
text-align: right;
|
|
border-color: #8cacbb;
|
|
}
|
|
|
|
table.calendar-week-full th {
|
|
text-align: center;
|
|
background: #dee7ec;
|
|
font-size: 80%;
|
|
border: 1px solid #8cacbb;
|
|
}
|
|
|
|
table.calendar-week-full td {
|
|
font-family: monospace;
|
|
font-size: 70%;
|
|
}
|
|
|
|
table.calendar-week-full td {
|
|
font-size: inherit;
|
|
border: 1px solid #8cacbb;
|
|
}
|
|
|
|
table.calendar-week-full td.hour-busy {
|
|
background-color: #dee7ec;
|
|
}
|
|
|
|
ul.multi {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|