blob: 78ed893c4ae4664520d3600258d29ad5852e35de [file] [log] [blame]
Giulio Fidente433e96b2013-04-01 11:12:08 +02001body {
2 margin: 0;
3 padding: 0;
4 background-color: #ffffff;
5 color: #4d4d4d;
6 font-family: 'PT Sans', sans-serif;
7 font-size: 1em;
8}
9a {
10 color: #000000;
11 text-decoration: none;
12}
13hr {
14 color: #eeeeee;
15 background-color: #eeeeee;
16 height: 1px;
17 border: none;
18}
19aside div#user_meta {
20 padding: 40px;
21 text-align: center;
22}
23aside div#user_meta h1 {
24 margin: 15px 0 5px 0;
25}
26aside div#user_meta p {
27 margin: 0 0 15px 0;
28 font-size: 0.75em;
29}
30aside div#user_meta ul {
31 margin: 40px 0 0 0;
32 padding-left: 0;
33 font-size: 0.875em;
34 list-style-type: none;
35}
36aside div#user_meta ul li {
37 margin-right: 5px;
38 display: inline;
39}
40aside div#user_meta ul li a {
41 padding: 5px 15px 5px 15px;
42 border: 3px solid #eeeeee;
43 border-radius: 15px;
44 -moz-border-radius: 15px;
45 -webkit-border-radius: 15px;
46 color: #999999;
47}
48main header {
49 padding: 40px;
50 border-top: #eeeeee 1px solid;
51 border-bottom: #eeeeee 1px solid;
52}
53main header p {
54 font-weight: bold;
55 font-size: 0.75em;
56 text-transform: uppercase;
57}
58main article {
59 max-width: 640px;
60 padding: 40px;
61}
62main article div#article_text {
63 line-height: 1.5em;
64}
65main article div#article_text a {
66 text-decoration: underline;
67}
68main article div#article_text code {
69 margin: 2px;
70 padding: 2px;
71 color: #000000;
72 font-size: 0.875em;
73 font-family: 'PT Mono', monospace;
74 background: #eeeeee;
75}
76main article div#article_text pre {
77 margin: 2px;
78 padding: 2px;
79 color: #000000;
80 border-left: 3px solid #0e94ec;
81 font-size: 0.875em;
82 font-family: 'PT Mono', monospace;
83 background: #eeeeee;
84 line-height: 1.25em;
85}
86main article div#article_text blockquote {
87 margin: 2px;
88 padding-left: 40px;
89 color: #999999;
90}
91main article div#article_meta {
92 font-size: 0.625em;
93 color: #999999;
94}
95main footer {
96 border-top: #eeeeee 1px solid;
97 border-bottom: #eeeeee 1px solid;
98 padding: 40px;
99}
100main footer a.button_accent {
101 padding: 10px;
102 border: 2px solid #0e94ec;
103 border-radius: 20px;
104 -moz-border-radius: 20px;
105 -webkit-border-radius: 20px;
106 text-transform: uppercase;
107 color: #0e94ec;
108 font-size: 1.125em;
109}
110main footer a.button_accent:hover {
111 color: #ffffff;
112 background-color: #0e94ec;
113}
114main footer a.button_accent:active {
115 color: #ffffff;
116 background-color: #0e94ec;
117}
118main div#ending_message {
119 padding: 0 40px 0 40px;
120 font-color: #eeeeee;
121 font-size: 0.75em;
122}
123@media screen and (min-width: 1024px) {
124 aside {
125 width: 25%;
126 height: 100%;
127 position: fixed;
128 top: 0;
129 left: 0;
130 border-right: #eeeeee 1px solid;
131 }
132 aside h1 {
133 margin: 10px 0 0 0;
134 }
135 aside div#user_meta {
136 max-width: 192px;
137 text-align: left;
138 }
139 aside div#user_meta ul li {
140 margin-bottom: 26px;
141 display: block;
142 }
143 main {
144 width: 75%;
145 position: absolute;
146 top: 0;
147 left: 25%;
148 overflow-x: hidden;
149 overflow-y: hidden;
150 }
151 main article {
152 max-width: 640px;
153 }
154 main header {
155 border-top: 0;
156 }
157}