157 lines
2.6 KiB
CSS
157 lines
2.6 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.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;
|
|
}
|
|
|