www.byjp.me/static/standalone/project-prime/quizical.css
2023-05-25 12:52:32 +01:00

166 lines
2.1 KiB
CSS

body {
color: #333;
font-family:verdana,arial,sans-serif;
font-size:0.7em;
margin:0 0 0 1em;
}
#content {
width:43em;
margin-left:auto;
margin-right:auto;
margin-bottom:4em;
}
a {
text-decoration: none;
color:#08927a;
}
h3 a {
color: #000;
}
a:hover {
text-decoration: underline;
color:#19a39b;
}
p {
text-align:justify;
}
#clue {
padding:0.4em;
text-align:center;
font-size:1.2em;
border-top:0.2em solid #000;
border-bottom:0.2em solid #000;
}
p.important {
font-style:italic;
background-color:#ffffef;
border:1px dashed #aaa;
padding:0.2em;
text-align:center;
}
p.important em {
font-style:normal;
}
p.why {
padding-left:1em;
border-left:0.5em solid #eee;
padding-right:1em;
border-right:0.5em solid #eee;
}
#quiz {
min-width:30em;
width:42%;
}
div.input {
text-align:center;
margin-bottom:1.5em;
position:relative;
}
div.input input,div.input select {
border:1px solid #ddd;
text-align:center;
font-size:1.5em;
background-color:#fafaff;
}
div.input option {
background-color:#fafaff;
}
#counter {
position:absolute;
top:0.6em;
right:1.2em;
}
div.slider .knob {
background-color:#eee;
border:1px solid #aaa;
height:2em;
width:1.2em;
top:-1em;
line-height:1.8em;
text-align:center;
font-family:tahoma;
color:#777;
}
div.slider {
position:relative;
border:1px solid #eee;
height:0.2em;
top:0.4em;
cursor:pointer;
}
h1 {
text-align:center;
margin-top:2em;
}
.ie {
background-color:#efefff;
border:1px dashed #aaa;
padding:0.2em;
text-align:center;
}
#share {
position:fixed;
right:10px;
top:10px;
}
#sofarcont {
position:fixed;
text-align:center;
bottom:4px;
left:0px;
right:0px;
}
#sofar {
padding:0.40em;
color:#ccc;
font-family:georgia;
border-left:3px solid;
border-right:3px solid;
background-color:#fff;
padding:5px 10px;
}
#sofar em {
color:#888;
}
#sofar strong {
color:#aaa;
}
#sofar em:before {
content:'“';
font-size:4em;
position:relative;
top:0.5em;
font-style:normal;
color:#eee;
}
#sofar em:after {
content:'”';
font-size:4em;
position:relative;
top:0.5em;
font-style:normal;
color:#eee;
}