codekasten/umfrage_kirchenplatz2012/media/style.css
2012-08-21 16:05:20 +00:00

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;
}