-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathstyle.css
323 lines (226 loc) · 14.4 KB
/
style.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
/*
Theme Name: Less Is Less
Description: Less is Less, but usually better: This is a minimalist, beautiful and customizable theme for Wordpress, created by <a href"http://miguelsantirso.es/">Miguel Santirso</a>. The theme allows you to choose from three diferent color schemes (green, blue and pink) and includes a full translation into spanish and belorusian.
Also includes a .po file so that you can translate it into any language you want.
Version: 1.4
Author: Miguel Santirso
Author URI: http://miguelsantirso.es
Theme URI: http://miguelsantirso.es/less-is-less-%e2%80%94-wordpress-theme/
Tags: green, blue, pink, light, white, black, fixed-width, two-columns, right-sidebar, threaded-comments, sticky-post, theme-options
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-3.0.html
*/
/* load Nevis font (CSS3) */
@font-face { font-family: Verdana, sans-serif,Nevis; src: url('nevis.ttf'); font-weight:normal; font-style:normal;}
/* a tiny reset... */
body, html, input { margin: 0; padding: 0; }
body { font-size: 85%; Georgia, sans-serif;font-weight:normal;font-style:normal;}
/* global styles */
a { color: green; }
a:hover { color: #10bc10; }
pre {background: #F4F8FB; color: #000000; overflow: hidden; margin: 10px; padding: 10px;font-size: 14px;}
blockquote { border:1px solid #999999;margin:10px 20px;padding:0 20px;background: #ddeeee;}
/* alignments */
img.alignright { margin: 0 7px 2px 0; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignleft { margin: 0 0 2px 7px; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
/* blog title */
/*h1#blogTitle { display: none; }*/
h1#blogTitle { font: bold 35px Nevis, sans-serif; text-transform: uppercase; letter-spacing: -2px; line-height: 85%; margin: 30px 0 1px; }
h1#blogTitle a { color: #72bc72; text-decoration: none; }
h1#blogTitle a:hover { color: red; }
/* header */
div#header { height: 45px; background: #fff url('images/blurLine.png') no-repeat bottom; }
div#headerContent { width: 1000px; margin: 0 auto; }
/* search form */
form#searchform { float: right; padding-top: 4px; }
form#searchform #searchInput { font-size: 13px; color: #696969; }
form#searchform #searchInput:focus { color: black; }
/* blog menu */
ul#blogMenu { list-style-type: none; margin: 0; padding: 10px 0 0; }
ul#blogMenu li { height: 32px; float: left; border: 3px solid transparent; border-bottom: 0; margin: 0 2px; font: 12px Georgia, sans-serif;font-weight:normal;font-style:normal; letter-spacing: -1px; }
ul#blogMenu li > a:focus, ul#blogMenu li:hover, ul#blogMenu li.selected, li:hover.selected, ul#blogMenu li.current_page_item, li:hover.current_page_item
{ border-color: #e8e8e8; background: #fff; -moz-border-radius: 4px 4px 0 0; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; }
ul#blogMenu li.selected, ul#blogMenu li:hover.selected, ul#blogMenu li.current_page_item { font-weight: bold; }
ul#blogMenu li a { display: block; color: green; text-decoration: none; outline: 0; padding: 10px 15px 6px; }
ul#blogMenu li a:hover, ul#blogMenu li a:focus { text-decoration: underline; color: black; }
/* menu dropdown */
ul#blogMenu li ul { display: none; position: absolute; margin: 0 0 0 -3px; padding: 5px 5px 5px 5px; border: 3px solid #e8e8e8; border-top: 0; -moz-border-radius: 0 0px 4px 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; background: #fff; }
ul#blogMenu li:hover ul { display: block; }
ul#blogMenu li ul li { display: block; height: auto; float: none; border: 0; }
ul#blogMenu li ul li:hover, ul#blogMenu li ul#archiveDropdown li > a:focus
{ background: none; border: 0; }
ul#blogMenu li ul li a { margin: 0; padding: 3px; }
/* menu dropdown sublists */
ul#blogMenu li ul * ul { display: default; position: relative; list-style-type: none; border: 0; margin: 0 0 0 0.5em; padding: 0; }
ul#blogMenu li ul * ul li { border-left: 3px solid #e8e8e8 !important; padding-left: 0.5em; }
ul#blogMenu li ul * ul li:hover { border-color: green !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; }
/* content div */
#content { width: 1000px; margin: 0 auto; }
/* main content */
#mainContent {font-family: Georgia, serif; font-weight:normal;font-style:normal; padding-right: 30px; width: 583px; float: left; }
/* contextual info */
div#contextualInfo { padding: 20px; margin: 15px 5px 25px; background-color: #f1f1f1; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
div#contextualInfo p { font: bold 19px Nevis, sans-serif; margin: 0; text-align: center; text-transform: uppercase; color: #666; }
div#contextualInfo p span{ color: #10bc10; }
/* post */
div.post { }
/* sticky post */
.sticky { border-bottom: 8px solid #333; margin-bottom: 10px; }
/* post title */
/* post title */
/* post title */
div.postTitle { border-bottom: 3px solid #444; margin-bottom: 1.8em; }
div.postTitle h2 { font: bold 23px Nevis, sans-serif; color: #333; letter-spacing: -3px; text-align: center; margin: 0; text-transform: none; }
div.postTitle h2 a { padding: 2px 0 6px 0; color: green; display: block; }
div.postTitle h2 a:first-line { font-size: 23px; }
div.postTitle h2 a:hover { color: red; }
div.postTitle h2 a:active { color: green; }
div.postTitle h2 a:link{text-decoration:none;}
/* post date */
p.postDate { color: #696969; text-align: center; margin-bottom: 2px; font-size: 12px; }
/* comment count */
a.commentCount { position: absolute; font-size: 15px; font-family: Tahoma,verdana,sans-serif; margin-left: 555px; color: #333; text-decoration: none; }
a.commentCount:hover { color: #333; }
a.commentCount span.commentCountNumber { background-color: #333; color: white; -moz-border-radius: 20px 20px 20px 0; -webkit-border-radius: 13px; -webkit-border-bottom-left-radius: 0; padding: 4px 10px; }
a.commentCount:hover span.commentCountNumber { background-color: green; color: white; }
a.commentCount span.commentCountText { display: none; background: white; padding: 2px; }
a.commentCount:hover span.commentCountText { color: green; }
div.postTitle:hover span.commentCountText { display: inline; }
/* post content */
/* kudos to Type is beautiful for finding those Chinese typefaces */
div.entry { text-align: justify; font-family: Georgia, serif; font-weight:normal;font-style:normal; color:#5F5F5F; line-height: 1.5em; overflow: auto;}
/* post content headings */
/* post links */
div.entry a:hover { text-decoration: none; }
div.entry a img { padding: 4px; border: 0; margin: 2px 4px; }
/* captions */
.wp-caption { text-align: center; background-color: #f3f3f3; padding-top: 5px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 12px; line-height: 17px; padding: 0 4px 5px; margin: 0; border-bottom: 3px solid #696969; color: #696969; }
/* more link */
a.more-link { color: #333; margin-top: 10px; padding: 15px 20px 12px; display: block; background: #e8e8e8 url('images/arrowShape.gif') center right no-repeat; font: bold 20px Nevis, sans-serif; text-transform: uppercase; text-decoration: none; }
a.more-link:hover { color: #10bc10; background-color: #444; }
a.more-link:active { color: white; background-color: #10bc10; }
/* post metadata */
div.postmetadata { background: #ddeedd; color: #666; margin: 5px 0 0 0; padding-bottom: 10px; border-bottom: 5px solid #444; }
div.postmetadata h3 { font: bold 15px Nevis, sans-serif; color: #444; background: white; text-transform: uppercase; padding-left: 5px; line-height: 11px; margin-bottom: 13px; }
div.postmetadata p { margin: 5px 15px; }
div.postmetadata p a { color: #555; font-weight: bold; text-decoration: none; }
div.postmetadata p a:hover { color: black; text-decoration: underline; }
/* post metadata header */
div.postmetadata_head{color: #aaa;font-style: italic;}
div.postmetadata_head p a { color:#008000; font-weight: bold; text-decoration: none; }
div.postmetadata_head p a:hover { color: red; text-decoration: underline; }
/* comments wrapper */
div.commentsWrapper { margin-top: 50px; color: #444; }
div.commentsWrapper a { color: #00bc00; text-decoration: none; }
div.commentsWrapper a:hover { color: green; text-decoration: underline; }
/* comments title */
h3#comments, h3#pings { font: bold 15px Nevis, sans-serif; color: #696969; text-transform: uppercase; letter-spacing: -1px; border-bottom: 3px solid #696969; }
h3#comments, h3#pings { margin-left: 90px; }
h3#comments span, h3#pings span { font-size: 25px; display: block; color: #333; }
/* comments */
ol.commentlist, ul.children { list-style-type: none; margin: 0; padding: 0; }
ol.commentlist li.comment, ol.commentlist li.ping { padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #e8e8e8; position: relative; }
ol.commentlist li.comment, ol.commentlist li.ping { padding-left: 100px; }
ol.commentlist li.comment img.avatar { margin-left: -100px; float: left; }
/* nested comments */
ul.children { margin-top: 15px; border-top: 1px solid #e8e8e8; padding-top: 20px; margin-bottom: -30px; }
ul.children li.comment { padding-left: 50px !important; border-bottom: 0 !important; margin-bottom: 10px !important; }
ul.children img.avatar { width: 40px; height: 40px; margin-left: -50px !important; }
/* comments metadata */
div.comment-author { color: #999; padding-bottom: 5px; border-bottom: 1px solid #696969; text-transform: lowercase; }
div.comment-author cite { font-weight: bold; font-style: normal; text-transform: none; }
div.comment-meta { position: absolute; top: 0; right: 0; font-size: small; }
/* comment form */
#respond { background-color: #ddeedd; padding: 8px 0 8px 8px; border-bottom: 4px solid #444; }
#respond h3 { background-color: white; margin-top: -8px; margin-left: -8px; font: bold 19px Nevis, sans-serif; color: #333; text-transform: uppercase; }
#respond input { padding: 4px; font-size: normal; color: #444; }
#respond textarea { width: 90%; padding: 6px; font-family: sans-serif; color: #444; }
/* sidebar */
div#sidebar { margin-left: 640px; width: 350px; padding: 9px 0 0 0px; }
.about {width:350px; padding:20px 0px 20px 0px;}
.left-sidecolumn {clear:right; float:left; width:165px; padding:0 10px 0 0px;}
.right-sidecolumn {clear:right; float:right; width:165px; padding:0 10px 0 px;}
/* blog logo */
div#sidebar div#about img {
float: left;
margin: 10px;
border:0px;
}
div#about_body p { margin: 0 auto 6px auto; }
div#blogLogo { text-align: right; }
/*div#theLogo { border-top: 8px solid #222; background: #72bc72; padding: 35px 0; text-align: center; }*/
#theBlogDescription { border-top: 8px solid #222; background: #72bc72; padding: 15px 15px; text-align: right; }
#theBlogDescription p { font: bold 20px Nevis, sans-serif; color: white; margin: 0; }
/* sidebar widgets */
ul#widgetBar { list-style-type: none; padding: 0; margin: 0; font-family: Tahoma,Georgia,"Times New Roman",Times,"Hiragino Sans GB","Hiragino Kaku Gothic Pro","STXihei",Hei,SimSun,"WenQuanYi Micro Hei",sans-serif; color:#7F7F7F; }
ul#widgetBar li.widget { background: #ddeeee; color: #666;}
ul#widgetBar h2 { font: bold 25px; font-family: Tahoma,Georgia,"Times New Roman",Times,"Hiragino Sans GB","Hiragino Kaku Gothic Pro","STXihei",Hei,SimSun,"WenQuanYi Micro Hei",sans-serif; color:#5F5F5F;
color: #333; display: block; background: #72BC72; letter-spacing: -2px; padding-left: 0.3em; margin: 0 0 0 0; line-height: 25px; }
/* sidebar widgets links */
ul#widgetBar li.widget a { color: #555; text-decoration: none; }
ul#widgetBar li.widget a:hover { color: #008000; text-decoration: underline; }
/* sidebar widgets lists */
ul#widgetBar li.widget ul { list-style-type: none; padding: 0.5em 0.4em; }
ul#widgetBar li.widget ul li { padding: 3px 8px; }
/* sidebar tag cloud */
li#tag_cloud { padding-bottom: 15px !important; }
li#tag_cloud h3 { margin-bottom: 15px; text-align: left; }
li.widget_tag_cloud { text-align: center; }
/* sidebar text widget */
ul#widgetBar li.widget_text div.textwidget { padding: 10px; }
/* navigation */
div.navigation { margin-top: -30px; height: 75px; }
div.navigation div { width: 50%; }
div.navigation div.alignright a { text-align: right; background: #444 url('images/arrowShape.gif') right center no-repeat; }
div.navigation div.alignleft a { text-align: left; background: #444 url('images/arrowShape_left.gif') left center no-repeat; }
div.navigation div a { display: block; padding: 10px 30px; font: bold 15px Nevis, sans-serif; text-transform: uppercase; color: white; text-decoration: none; }
div.navigation div a:hover { background-color: #10bc10; }
div.navigation div a:active { background-color: #444; color: #10bc10; }
/* footer */
#footer { clear: both; position: relative; height: 105px; margin-top: 35px; }
#footer a { color: #10bc10; text-decoration: none; font-size: 12px; }
#footer a:hover { text-decoration: underline; }
/* less is less */
p#lessisless {position: absolute; bottom: 20px; margin: 20px 0 0 20px; text-transform: uppercase; font: bold 25px Nevis, sans-serif; color: #696969; width: 450px; letter-spacing: -1px; }
p#lessisless:first-line { font-size: 44px; letter-spacing: -3px; line-height: 44px; }
/* theme info */
p#footerInfo { margin: 5px; font: 10px Georgia, sans-serif;font-weight:normal;font-style:normal; color: #444; line-height: 18px; text-transform: uppercase; text-align: right; position: absolute; bottom: 20px; right: 0; }
/* footer options */
div#footerOptions { width: 100%; height: 26px; margin: 0; position: absolute; bottom: 0px; font: 12px Georgia, sans-serif;font-weight:normal;font-style:normal; background: #444; color: #888; }
div#footerOptions p { margin: 6px 0 0 6px; }
/* google ads */
#google-ad-signal{
margin:0 auto;
text-align:center;
}
#google-ad{
margin-top:4em;
}
div#google-ad-left,div#google-ad-right{
width:304px;
display:inline;
}
div#google-ad-left{
float:left;
}
div#google-ad-right{
float:right;
}
#google-ad div#google-ad-inner{
text-align:center;
width:608px;
margin:auto;
}
/* ADs */
.widget-content {
margin-top: 10px;
margin-bottom: 20px;
font-size: 12px;
padding: 10pt 5pt 5pt 0pt;
}