Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Newer
Older
100644 585 lines (484 sloc) 9.531 kb
8249a3b9 »
2011-12-01 First commit.
1 /*
2 Theme Name: Victoria Park
3 Author: Terry Sutton
4 Author URI: http://waterstreetgm.org/
381b32a5 »
2012-06-18 Light reworking
5 Description: A reworking of the victoria_park theme from Automattic.
6 Version: 0.2
0c9af4c2 »
2011-12-31 Add LiveReload script, LESS.js, and elements.less
7
8249a3b9 »
2011-12-01 First commit.
8 */
9
10
11
0c9af4c2 »
2011-12-31 Add LiveReload script, LESS.js, and elements.less
12
13 @import "elements.less";
7915062d »
2012-05-23 Remove Eric Meyer resets, add normalize.css, compile style.css from LESS
14 @import "normalize.css";
0c9af4c2 »
2011-12-31 Add LiveReload script, LESS.js, and elements.less
15
16
17 /* Colour Variables */
18 @blue: #5B83AD;
19 @light-blue: @blue + #111;
20
21
d9208680 »
2012-09-05 Update style.less
22 * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
0c9af4c2 »
2011-12-31 Add LiveReload script, LESS.js, and elements.less
23
24
8249a3b9 »
2011-12-01 First commit.
25 /* =Structure
26 -------------------------------------------------------------- */
27 body{
28 font: 16px/28px Georgia, serif;
0c9af4c2 »
2011-12-31 Add LiveReload script, LESS.js, and elements.less
29 }
8249a3b9 »
2011-12-01 First commit.
30
31 #page {
32 display: block;
33 margin: 1em auto;
34 width: 960px;
35 }
36
37 #main{
38 overflow:hidden;
0c9af4c2 »
2011-12-31 Add LiveReload script, LESS.js, and elements.less
39 box-shadow: 0 0 5px @blue;
8249a3b9 »
2011-12-01 First commit.
40 padding: 10px;
41 }
42 header#branding{
43 background: #eee;
44 padding: 5px;
45 }
46
47 #primary {
0c9af4c2 »
2011-12-31 Add LiveReload script, LESS.js, and elements.less
48 .drop-shadow(0, 1px, 2px, 0.2);
8249a3b9 »
2011-12-01 First commit.
49 float: left;
50 width: 640px;
51 border: 1px solid #eee;
52 padding: 25px;
53 }
54
381b32a5 »
2012-06-18 Light reworking
55 #content { }
56
8249a3b9 »
2011-12-01 First commit.
57 article{
58 width: 550px;
59 border-bottom: 1px solid;
60 margin-bottom: 25px;
61 }
62
63 #secondary {
64 float: right;
65 overflow: hidden;
66 width: 220px;
67 border: 1px solid #ccc;
68 }
69 #colophon {
70 clear: both;
71 display: block;
72 width: 100%;
73 border: 1px solid;
74 }
75
76
77 /* =Type and basics
78 -------------------------------------------------------------- */
79
80 a{
81 color:#444;
82 text-decoration: none;
83 border-bottom: 1px solid;
0c9af4c2 »
2011-12-31 Add LiveReload script, LESS.js, and elements.less
84 .transition(.5s, ease-out);
85
8249a3b9 »
2011-12-01 First commit.
86 }
87
8de091c4 »
2011-12-08 Adding em and strong styles
88 em{
89 font-style: italic;
90 }
91
92 strong{
93 font-weight: bold;
94 }
95
8249a3b9 »
2011-12-01 First commit.
96
97 p {
98 margin: 0 0 1em;
99 }
100
101
102 h1,h2,h3,h4,h5 {
103 margin: 0 0 1em;
104 }
105
602806dc »
2012-05-23 add style.css and normalize.css, the right way this time
106 h1 {
107 font-size: 1em;
108 }
109
8249a3b9 »
2011-12-01 First commit.
110 h1.entry-title{
111 font-size: 24px;
602806dc »
2012-05-23 add style.css and normalize.css, the right way this time
112 font-weight: normal;
8249a3b9 »
2011-12-01 First commit.
113 }
114
115
116 /* Alignment */
117 .alignleft {
118 display: inline;
119 float: left;
120 }
121 .alignright {
122 display: inline;
123 float: right;
124 }
125 .aligncenter {
126 clear: both;
127 display: block;
128 margin-left: auto;
129 margin-right: auto;
130 }
131
132
133 /* =Header
134 -------------------------------------------------------------- */
135
136 #site-title {
137 font-size: 2em;
138 font-weight: bold;
139 margin: .67em 0;
140 }
141 #site-description {
142 font-size: 1em;
143 font-weight: normal;
144 margin: 0 0 1em;
145 }
146
147
148 /* =Menu
149 -------------------------------------------------------------- */
150
151 #access {
152 background: #ccc;
153 display: block;
154 float: left;
155 margin: 20px auto 1em;
156 width: 100%;
157 }
158 #access ul {
159 list-style: none;
160 margin: 0;
161 padding-left: 0;
162 }
163 #access li {
164 float: left;
165 position: relative;
166 }
167 #access a {
168 display: block;
169 line-height: 2em;
170 padding: 0 1em;
171 text-decoration: none;
172 }
173 #access ul ul {
174 box-shadow: 0 3px 3px rgba(0,0,0,0.2);
175 -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
176 -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
177 display: none;
178 float: left;
179 position: absolute;
180 top: 2em;
181 left: 0;
182 z-index: 99999;
183 }
184 #access ul ul ul {
185 left: 100%;
186 top: 0;
187 }
188 #access ul ul a {
189 background: #dedede;
190 line-height: 1em;
191 padding: .5em .5em .5em 1em;
192 width: 10em;
193 height: auto;
194 }
195 #access li:hover > a,
196 #access ul ul :hover > a {
197 background: #dedede;
198 }
199 #access ul ul a:hover {
200 background: #cecece;
201 }
202 #access ul li:hover > ul {
203 display: block;
204 }
205
206
207 /* =Content
208 -------------------------------------------------------------- */
209
381b32a5 »
2012-06-18 Light reworking
210 .sticky { }
211
8249a3b9 »
2011-12-01 First commit.
212 .entry-meta {
213 clear: both;
214 display: block;
215 font-size: 80%;
216 font-style: italic;
217 }
218 .single-author .entry-meta .byline {
219 display: none;
220 }
221 #content nav {
222 display: block;
223 overflow: hidden;
224 }
225 #content nav .nav-previous {
226 float: left;
227 width: 50%;
228 }
229 #content nav .nav-next {
230 float: right;
231 text-align: right;
232 width: 50%;
233 }
234 #content #nav-above {
235 display: none;
236 }
237 .paged #content #nav-above,
238 .single #content #nav-above {
239 display: block;
240 }
241 #nav-below {
242 margin: 1em 0 0;
243 }
244 .page-link {
245 clear: both;
246 margin: 0 0 1em;
247 }
248 .page .edit-link {
249 clear: both;
250 display: block;
251 }
252
253 /* 404 page */
254 .error404 .widget {
255 float: left;
256 width: 33%;
257 }
258 .error404 .widget .widgettitle,
259 .error404 .widget ul {
260 margin-right: 1em;
261 }
262 .error404 .widget_tag_cloud {
263 clear: both;
264 float: none;
265 width: 100%;
266 }
267
cb98c00b »
2011-12-12 Button styles
268 /* Buttons */
269 button {
270 display: inline-block;
271 font-weight: bold;
272 line-height: 27px;
273 min-width: 50px;
274 overflow: hidden;
275 padding: 0 9px;
276 text-overflow: ellipsis;
277 white-space: nowrap;
278 text-align: center;
279 margin: 0;
280 -webkit-border-radius: 3px;
281 -webkit-background-clip: padding-box;
282 -webkit-box-sizing: border-box;
283 color: #505c77;
284 text-shadow: 0 1px 0 rgba(255, 255, 255, .6);
285 border: solid 1px;
286 background: -webkit-gradient(linear, left top, left bottom, from(#fdfefe), to(#f0f1f2));
287 -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, .05);
288 box-sizing: border-box;
289 border-color: #ccc #c0c1c2 #bdbec0;
290 }
291
292 button.blue {
293 font-size: 13px;
294 line-height: 36px;
295 font-family: sans-serif;
296 font-weight: bold;
297 color: #fff;
298 padding: 0 15px;
299 border: solid 1px;
300 border-radius: 3px;
301 background: -webkit-gradient( linear, left top, left bottom, from(#50A9E7), to(#307CB3) );
302 -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 1px rgba(0,0,0,.08);
303 text-shadow: 0 -1px 0 rgba(0,0,0,.25);
304 border-color: #2978B0 #266FA5 #1C557D;
305 }
306
8249a3b9 »
2011-12-01 First commit.
307 /* Notices */
308 .post .notice,
309 .error404 #searchform {
310 background: #eee;
311 display: block;
312 padding: 1em;
313 }
314
315 /* Image Attachments */
316 .image-attachment div.entry-meta {
317 float: left;
318 }
319 .image-attachment nav {
320 float: right;
321 margin: 0 0 1em 0;
322 }
323 .image-attachment .entry-content {
324 clear: both;
325 }
326 .image-attachment .entry-content .entry-attachment {
327 background: #eee;
328 margin: 0 0 1em;
329 padding: 1em;
330 text-align: center;
331 }
332 .image-attachment .entry-content .attachment {
333 display: block;
334 margin: 0 auto;
335 text-align: center;
336 }
337
338 /* Aside Posts */
339 .format-aside .entry-header {
340 display: none;
341 }
342 .single .format-aside .entry-header {
343 display: block;
344 }
345 .format-aside .entry-content,
346 .format-aside .entry-summary {
347 padding-top: 1em;
348 }
349 .single .format-aside .entry-content,
350 .single .format-aside .entry-summary {
351 padding-top: 0;
352 }
353
354 /* Gallery Posts */
355 .format-gallery .gallery-thumb {
356 float: left;
357 margin: 0 1em 0 0;
358 }
359
360 /* Image Posts */
361 .format-image .entry-header {
362 display: none;
363 }
364 .single .format-image .entry-header {
365 display: block;
366 }
367 .format-image .entry-content,
368 .format-image .entry-summary {
369 padding-top: 1em;
370 }
371 .single .format-image .entry-content,
372 .single .format-image .entry-summary {
373 padding-top: 0;
374 }
375
376
377 /* =Images
378 -------------------------------------------------------------- */
379
380 a img {
381 border: none;
382 }
383 p img {
384 margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */
385 }
386 /*
387 Resize images to fit the main content area.
388 - Applies only to images uploaded via WordPress by targeting size-* classes.
389 - Other images will be left alone. Use "size-auto" class to apply to other images.
390 */
391 img.size-auto,
392 img.size-full,
393 img.size-large,
394 img.size-medium,
395 .attachment img,
396 .widget-area img {
397 max-width: 100%; /* When images are too wide for containing element, force them to fit. */
398 height: auto; /* Override height to match resized width for correct aspect ratio. */
399 }
400 img.alignleft {
401 margin-right: 1em;
402 }
403 img.alignright {
404 margin-left: 1em;
405 }
406 .wp-caption {
407 padding: .5em;
408 text-align: center;
409 }
410 .wp-caption img {
411 margin: .25em;
412 }
413 .wp-caption .wp-caption-text {
414 margin: .5em;
415 }
416 .gallery-caption {
417 }
418 .wp-smiley {
419 margin: 0;
420 }
421
422
423 /* =Forms
424 -------------------------------------------------------------- */
425
426 #searchform label {
427 display: none;
428 }
429 #searchform input#s {
430 width: 60%;
431 }
432 input[type=text],
433 input#s {
434 margin: 0 1em 0 0;
435 width: 60%;
436 }
437 textarea {
438 width: 80%;
439 }
440
441 /* Class for labelling required form items */
442 .required {
443 color: #cc0033;
444 }
445
446
447 /* =Comments
448 -------------------------------------------------------------- */
449
450 article.comment {
451 display: block;
452 }
453 #respond input[type=text] {
454 display: block;
455 width: 60%;
456 }
457 #respond textarea {
458 display: block;
459 margin: 0 0 1em;
460 width: 80%;
461 }
462 #respond .form-allowed-tags {
463 clear: both;
464 width: 80%;
465 }
466 #respond .form-allowed-tags code {
467 display: block;
468 }
469
470
471 /* =Widgets
472 -------------------------------------------------------------- */
473
474 .widget {
475 display: block;
476 }
477 .widget-area .widget_search {
478 overflow: hidden;
479 }
480 .widget-area .widget_search input {
481 float: left;
482 }
483
484
381b32a5 »
2012-06-18 Light reworking
485
486
487
488 /* Increase the size of the content area for templates without sidebars */
489 .full-width #content,
490 .image-attachment #content,
491 .error404 #content {
492 margin: 0;
493 }
494
495 /* Text meant only for screen readers */
496 .screen-reader-text,
497 .assistive-text {
498 position: absolute !important;
499 clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
500 clip: rect(1px, 1px, 1px, 1px);
501 }
502
503
504
505
8249a3b9 »
2011-12-01 First commit.
506 /* =Footer
507 -------------------------------------------------------------- */
508
509 #colophon {
510 padding: 1em 0 0;
511 }
512
513
514
b2af7882 »
2012-02-16 Remove Javascript LESS compiling.
515 /* =Group/Clearfix
516 -------------------------------------------------------------- */
517 .group:before,
518 .group:after {
519 content:"";
520 display:table;
521 }
522 .group:after {
523 clear:both;
524 }
525 .group {
526 zoom:1; /* For IE 6/7 (trigger hasLayout) */
527 }
528
529
530
531
8249a3b9 »
2011-12-01 First commit.
532 ::selection {background: rgb(255,255,158);}
533 ::-moz-selection {background: rgb(255,255,158);}
534 img::selection {background: transparent;}
535 img::-moz-selection {background: transparent;}
536 body {-webkit-tap-highlight-color: rgb(255,255,158);}
537
538
539
540
541
542 /* =Reponsive styles
543 -------------------------------------------------------------- */
544
545
546
547 @media only screen and (min-width: 768px) and (max-width: 991px) {
548
549 body {
550 width: 712px;
551 background: #eee;
552 }
553 }
554
555
556
557 /* iPhone standard layout: 320px.
558 Gutters: 24px.
559 Outer margins: 34px.
560 Inherits styles from: Default Layout.
561 ---------------------------------------------
562 cols 1 2 3
563 px 68 160 252 */
564
565 @media only screen and (max-width: 767px) {
566
567 body {
568 width: 252px;
569 background: #ccc;
570 }
571
572 }
573
574
575
576 /* iPhone wide Layout: 480px. */
577
578 @media only screen and (min-width: 480px) and (max-width: 767px) {
579
580 body {
581 width: 436px;
582 background: #eee;
583 }
584
585 }
Something went wrong with that request. Please try again.