1 |
html { margin: 0; padding: 0; background: #fff; } |
2 |
body { margin: 0 auto; padding: 20px 40px; font-size: 100%; } |
3 |
h1, h2, h3 { font-family: Pacifico, "Times New Roman", serif; font-weight: normal; font-effect: outline; } |
4 |
h1 { margin: 0 0 0.5em 0; font-size: 260%; } |
5 |
h2 { margin: 1em 0 0.5em 0; font-size: 180%; } |
6 |
a, a:link, a:visited { color: #2383c2; text-decoration: none; } |
7 |
a:hover { text-decoration: underline; } |
8 |
img { border: 0; } |
9 |
figure, figcaption { display: block; margin: 0; padding: 0; } |
10 |
#hi { margin: 10px 0 0 0; width: 350px; |
11 |
-webkit-box-shadow: 0 0 40px #555; -moz-box-shadow: 0 0 40px #555; |
12 |
box-shadow: 0 0 40px #555; |
13 |
-webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease-in; |
14 |
transition: all 1.5s ease; |
15 |
border: 4px solid #fff; |
16 |
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; |
17 |
} |
18 |
#hi:active, |
19 |
#hi.flipped { -webkit-transform: translateZ(0); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); } |
20 |
#hi p { padding: 2em; } |
21 |
#hicomment { width: 342px; padding: 1em 4px; color: #cccccc; font-size: 70%; font-family: Verdana, Arial; } |
22 |
#hicomment a { color: #bbbbbb; } |
23 |
p, ul, ol { font-family: "Trebuchet MS"; font-size: 90%; color: #222; } |
24 |
section { float: left; margin-left: 20px; } |
25 |
aside { float: left; text-align: left; margin-left: 60px; width: 350px; display: block; } |
26 |
article { display: block; width: auto; margin: auto; } |
27 |
footer { clear: both; color: #aaa; margin-top: 2em; } |
28 |
footer h2, footer h3 { margin: 0; } |
29 |
footer p { color: #aaa; } |
30 |
footer a { acolor: #aaa; text-decoration: none; } |
31 |
p.yours { font-size: 70%; color: #aaa; font-family: Verdana; } |
32 |
p.yours a { color: #aaa; } |
33 |
div.clear { clear: both; } |
34 |
.sign { font-family: Pacifico; font-weight: normal; border-top: 1px solid #ccc; } |
35 |
.sign a { color: #3594dd; /*#56b6f5*/ } |
36 |
|
37 |
.send { width: 550px; } |
38 |
#send { |
39 |
padding: 0.4em 1em; |
40 |
font-family: "Courier" !important; |
41 |
background: #eeeeee; |
42 |
-webkit-box-shadow: 0 0 6px #aaa; |
43 |
} |
44 |
#send p, |
45 |
#send input, |
46 |
#send textarea { |
47 |
font-family: Courier, fixed, monospace; |
48 |
} |