mirror of
https://github.com/by-jp/www.byjp.me.git
synced 2025-08-09 09:46:11 +01:00
166 lines
2.1 KiB
CSS
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;
|
|
}
|