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