7f2e6cd09c3be5eff87b8836e8c8d6a62015bff0
[dylansserver.git] / style.css
1 @font-face {
2 font-family: 'InconsolataMedium';
3 src: url('/font/inconsolata-webfont.eot');
4 src: url('/font/inconsolata-webfont.eot?#iefix') format('embedded-opentype'),
5 url('/font/inconsolata-webfont.woff') format('woff'),
6 url('/font/inconsolata-webfont.ttf') format('truetype'),
7 url('/font/inconsolata-webfont.svg#InconsolataMedium') format('svg');
8 font-weight: normal;
9 font-style: normal;
10 }
11
12 @font-face {
13 font-family: 'MuseoSlab500';
14 src: url('/font/museo_slab_500-webfont.eot');
15 src: url('/font/museo_slab_500-webfont.eot?#iefix') format('embedded-opentype'),
16 url('/font/museo_slab_500-webfont.woff') format('woff'),
17 url('/font/museo_slab_500-webfont.ttf') format('truetype'),
18 url('/font/museo_slab_500-webfont.svg#MuseoSlab500') format('svg');
19 font-weight: normal;
20 font-style: normal;
21 }
22
23 * {
24 padding: 0;
25 margin: 0;
26 }
27
28 h3 {
29 margin-top:15px;
30 font-family:sans-serif;
31 font-family:'MuseoSlab500';
32 }
33
34 h1, h2 {
35 font-size:150%;
36 font-family:'MuseoSlab500';
37 }
38
39 a {
40 text-decoration:none;
41 }
42
43 li {
44 list-style:none;
45 display:block;
46 }
47
48 #structure {
49 width:960px;
50 margin: 0 auto;
51 margin-top: 30px;
52 }
53
54 #banner {
55 /* float:left;
56 margin-right:15px;
57 */
58 margin-left:15px;
59 }
60
61 #content {
62 width:725px;
63 min-height:300px;
64 margin-bottom: 20px;
65 margin-right:15px;
66 padding:5px;
67 padding-left:20px;
68 padding-bottom:25px;
69 text-align:left;
70 }
71
72 #portfolio {
73 float:left;
74 width:350px;
75 }
76
77 #portfolio li{
78 font-family:sans-serif;
79 }
80
81 #exhibit {
82 float:right;
83 margin-left:17px;
84 font-family:'InconsolataMedium';
85 }
86
87 #exhibit h1 {
88 margin-bottom:15px;
89 }
90
91 .exhibit {
92 width:300px;
93 min-height:475px;
94 border:1px solid black;
95 padding:10px;
96 display:none;
97 text-align:left;
98 }
99
100 .shownDiv {
101 border:1px solid black;
102 }
103
104 #contact_me {
105 margin-top:100px;
106 font-family:sans-serif;
107 text-align:left;
108 clear:both;
109 }
110
111 /* drawcss */
112 #drawcss_title {
113 font-size:1.6em;
114 }
115
116 #drawcss_entry {
117 font-size:1.6em;
118 }
119
120 /* youtube_backup */
121 #youtube_backup_title {
122 font-size:1.6em;
123 }
124
125 #youtube_backup_entry {
126 font-size:1.4em;
127 }
128
129 /* i_like_pandora */
130 #i_like_pandora_title {
131 font-size:1.6em;
132 }
133
134 #i_like_pandora_entry {
135 font-size:1.4em;
136 }
137
138 /* notes */
139 #notes, #note {
140 text-align:left;
141 margin-top:20px;
142 font-family:'InconsolataMedium';
143 }
144
145 #notes h1 {
146 margin-bottom:10px;
147 }
148
149
150 .date {
151 color:grey;
152 }
153
154 #comment_link {
155 font-size:80%;
156 }
157
158 .note {
159 margin-bottom:40px;
160 font-family:'InconsolataMedium';
161 }
162
163 p {
164 margin-top:15px;
165 }
166
167 pre {
168 margin-top:20px;
169 margin-bottom:20px;
170 width:100%;
171 overflow:auto;
172 }
173
174 #navigation {
175 text-align:left;
176 font-family:sans-serif;
177 }
178
179 #comments {
180 margin-top:30px;
181 border-left:1px solid black;
182 padding-left:15px;
183 }
184
185 .comment {
186 margin-bottom:30px;
187 }
188
189 #comment {
190 padding-left:15px;
191 border-left:1px solid black;
192 margin-top:15px;
193 text-align:left;
194 }
195
196 #comment input {
197 border:1px solid grey;
198 font-family:'InconsolataMedium';
199 }
200
201 #comment textarea {
202 border:1px solid grey;
203 font-family:'InconsolataMedium';
204 }
205
206 #comment .submit {
207 background:#FFF;
208 border:1px solid white;
209 color:blue;
210 cursor:pointer;
211 font-size:120%;
212 font-weight:bold;
213 margin-top:20px;
214 }
215
216 #recaptcha_widget {
217 position:relative;
218 }
219
220 #recaptcha_image {
221 position:absolute;
222 top:0px;
223 right:0px;
224 float:left;
225 position:relative;
226 width:100px;
227 }
228
229 #recaptcha_widget {
230 display:none;
231 }
232
233 .recaptcha_help {
234 font-family:'MuseoSlab500';
235 font-size:80%;
236 }
237
238 #not_human {
239 display:none;
240 font-weight:bold;
241 font-family:sans-serif;
242 color:red;
243 margin-top:15px;
244 margin-bottom:15px;
245 }
246
247 #blank_comment {
248 display:none;
249 font-weight:bold;
250 font-family:sans-serif;
251 color:red;
252 margin-top:15px;
253 margin-bottom:15px;
254 }