168 lines
2.8 KiB
CSS
168 lines
2.8 KiB
CSS
body {
|
|
color: #464646;
|
|
}
|
|
|
|
h1, h2, h3 {
|
|
margin-bottom: 0;
|
|
font-weight: normal;
|
|
color: #549900;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 220%;
|
|
margin-bottom: 0.5em;
|
|
text-align: center;
|
|
}
|
|
|
|
h2 { font-size: 130%; }
|
|
|
|
p, ul, ol {
|
|
text-align: justify;
|
|
}
|
|
|
|
a { color: #D99821; }
|
|
|
|
a:hover { text-decoration: none; }
|
|
|
|
a img { border: none; }
|
|
|
|
div#fullpage {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
div#fullpage>div {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
div.description {
|
|
text-align: center;
|
|
width: 70%;
|
|
border-width: 2px;
|
|
background-color: lightgreen;
|
|
border-style: groove;
|
|
padding: 5px;
|
|
margin: 0.5em 15% 1em 15%;
|
|
}
|
|
|
|
div.timeout p {
|
|
text-align: center;
|
|
font-size: 80%;
|
|
}
|
|
|
|
div.timeout em {
|
|
color: red;
|
|
font-size: 180%;
|
|
font-weight: bold;
|
|
}
|
|
|
|
div.error {
|
|
width: 70%;
|
|
border-width: 2px;
|
|
background-color: #FBB;
|
|
border-style: groove;
|
|
padding: 5px;
|
|
margin: 0.5em 15% 1em 15%;
|
|
}
|
|
|
|
div.start_evaluation {
|
|
text-align: center;
|
|
}
|
|
|
|
div.start_evaluation form input[type=submit] {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
div#footer {
|
|
margin-top: 2em;
|
|
margin-bottom: 1em;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
display: table;
|
|
}
|
|
|
|
div#footer>div {
|
|
display: table-cell;
|
|
padding-left: 5%;
|
|
padding-right: 5%;
|
|
}
|
|
|
|
div#footer>div:first-child {
|
|
border-left: none;
|
|
}
|
|
|
|
div#footer>div {
|
|
border-left: 2px solid #f00;
|
|
}
|
|
|
|
div#footer ul li {
|
|
padding-left: 20px;
|
|
}
|
|
|
|
div#summary {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
max-width: 768px;
|
|
width: 80%;
|
|
}
|
|
|
|
div#summary form div { text-align: center; }
|
|
div#summary form table td { text-align: left; }
|
|
div#summary form table { width: 100%; }
|
|
div#summary input[type=text] { width: 100%; }
|
|
div#summary textarea { width: 100%; }
|
|
div#summary input[type=submit] {
|
|
text-align: center;
|
|
}
|
|
|
|
table.options label {
|
|
font-style: italic;
|
|
}
|
|
|
|
table.options td {
|
|
padding: 5px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
table.options td ul {
|
|
padding: 2px 20px 2px 20px;
|
|
}
|
|
|
|
table.options td ul li {
|
|
margin-left: 2px;
|
|
}
|
|
|
|
table.options td.answer {
|
|
text-align: center;
|
|
}
|
|
|
|
ul.quality li { list-style-type: none; }
|
|
ul.quality li span.key { font-weight: bold; min-width: 1.5em; display: inline-block; }
|
|
ul.quality li span.text { font-style: italic; }
|
|
|
|
table.options th {
|
|
font-size: 150%;
|
|
font-weight: bold;
|
|
}
|
|
|
|
table.options tr.option_image td {
|
|
text-align: center;
|
|
}
|
|
|
|
/* colors taken from the tango desktop project
|
|
* http://tango.freedesktop.org/Tango_Icon_Theme_Guidelines
|
|
*/
|
|
table.options td.column0 { background-color: #fce94f; }
|
|
table.options td.column1 { background-color: #fcaf3e; }
|
|
table.options td.column2 { background-color: #8ae234; }
|
|
table.options td.column3 { background-color: #729fcf; }
|
|
table.options td.column4 { background-color: #ad7fa8; }
|
|
table.options td.column5 { background-color: #ef2929; }
|
|
table.options td.column6 { background-color: #e9b96e; }
|
|
|
|
input[type=submit], input[type=button] {
|
|
font-weight: bold;
|
|
}
|
|
|