use htmlspecialchars to escape authorname
[dylansserver.git] / includes / 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 margin:0;
25 padding:0;
26 }
27
28 body {
29 background-image: url('../images/gray_jean.png');
30 }
31
32 h3 {
33 margin-top:15px;
34 font-family:MuseoSlab500;
35 }
36
37 h1,h2 {
38 font-size:150%;
39 font-family:MuseoSlab500;
40 }
41
42 a {
43 text-decoration:none;
44 }
45
46 li {
47 list-style:none;
48 display:block;
49 }
50
51 #structure {
52 width:960px;
53 margin:30px auto 0;
54 }
55
56 #banner {
57 margin-left:15px;
58 }
59
60 #content {
61 width:725px;
62 min-height:300px;
63 margin-bottom:20px;
64 margin-right:15px;
65 text-align:left;
66 padding:5px 5px 25px 20px;
67 }
68
69 #portfolio {
70 float:left;
71 width:350px;
72 }
73
74 #portfolio li {
75 font-family:InconsolataMedium;
76 }
77
78 #exhibit {
79 float:right;
80 margin-left:17px;
81 font-family:InconsolataMedium;
82 }
83
84 #exhibit h1 {
85 margin-bottom:15px;
86 }
87
88 .exhibit {
89 width:300px;
90 min-height:475px;
91 border:1px solid #000;
92 display:none;
93 text-align:left;
94 padding:10px;
95 }
96
97 .shownDiv {
98 border:1px solid #000;
99 }
100
101 #contact_me {
102 margin-top:100px;
103 text-align:left;
104 clear:both;
105 }
106
107 #notes,#note {
108 text-align:left;
109 margin-top:20px;
110 font-family:InconsolataMedium;
111 }
112
113 #notes h1 {
114 margin-bottom:10px;
115 }
116
117 .date {
118 color:grey;
119 }
120
121 #comment_link {
122 font-size:80%;
123 }
124
125 .note {
126 margin-bottom:40px;
127 font-family:InconsolataMedium;
128 }
129
130 p {
131 margin-top:15px;
132 }
133
134 pre {
135 margin-top:20px;
136 margin-bottom:20px;
137 width:100%;
138 overflow:auto;
139 }
140
141 #navigation {
142 text-align:left;
143 }
144
145 #comments {
146 margin-top:30px;
147 border-left:1px solid #000;
148 padding-left:15px;
149 }
150
151 .comment {
152 margin-bottom:30px;
153 }
154
155 #comment {
156 padding-left:15px;
157 border-left:1px solid #000;
158 margin-top:15px;
159 text-align:left;
160 }
161
162 #comment .submit {
163 border:none;
164 color:blue;
165 cursor:pointer;
166 font-size:120%;
167 font-weight:700;
168 margin-top:20px;
169 }
170
171 #recaptcha_widget {
172 position:relative;
173 display:none;
174 }
175
176 #recaptcha_image {
177 top:0;
178 right:0;
179 float:left;
180 position:relative;
181 width:100px;
182 }
183
184 .recaptcha_help {
185 font-family:MuseoSlab500;
186 font-size:80%;
187 }
188
189 #drawcss_title,#drawcss_entry,#youtube_backup_title,#i_like_pandora_title,#fvlc_title,#irssi-notify_title {
190 font-size:1.6em;
191 }
192
193 #youtube_backup_entry,#i_like_pandora_entry,#matrixnullspace_entry,#fvlc_entry,#irssi-notify_entry,#dylansserver_entry,#metadata_writer_entry {
194 font-size:1.4em;
195 }
196
197 #comment input,#comment textarea {
198 border:1px solid grey;
199 font-family:InconsolataMedium;
200 }
201
202 #not_human,#blank_comment {
203 color:red;
204 display:none;
205 font-weight:700;
206 margin-bottom:15px;
207 margin-top:15px;
208 }