codekasten/umfrage_kirchenplatz2012/media/style.css

158 lines
2.6 KiB
CSS
Raw Normal View History

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