← Back to branch summary

~canonical-sysadmins/wordpress/4.7.2

« back to all changes in this revision

Viewing changes to wp-content/themes/twentytwelve/style.css

  • Committer: Jacek Nykis
  • Date: 2015-01-05 16:17:05 UTC
  • Revision ID: jacek.nykis@canonical.com-20150105161705-w544l1h5mcg7u4w9
Initial commit

Show diffs side-by-side

added added

removed removed

Lines of Context:
wp-content/themes/twentytwelve/style.css
 
1
/*
 
2
Theme Name: Twenty Twelve
 
3
Theme URI: http://wordpress.org/themes/twentytwelve
 
4
Author: the WordPress team
 
5
Author URI: http://wordpress.org/
 
6
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
 
7
Version: 1.5
 
8
License: GNU General Public License v2 or later
 
9
License URI: http://www.gnu.org/licenses/gpl-2.0.html
 
10
Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
 
11
Text Domain: twentytwelve
 
12
 
 
13
This theme, like WordPress, is licensed under the GPL.
 
14
Use it to make something cool, have fun, and share what you've learned with others.
 
15
*/
 
16
 
 
17
/* =Notes
 
18
--------------------------------------------------------------
 
19
This stylesheet uses rem values with a pixel fallback. The rem
 
20
values (and line heights) are calculated using two variables:
 
21
 
 
22
$rembase:     14;
 
23
$line-height: 24;
 
24
 
 
25
---------- Examples
 
26
 
 
27
* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
 
28
        padding: 5px 0;
 
29
        padding: 0.357142857rem 0; (5 / $rembase)
 
30
 
 
31
* Set a font-size and then set a line-height based on the font-size
 
32
        font-size: 16px
 
33
        font-size: 1.142857143rem; (16 / $rembase)
 
34
        line-height: 1.5; ($line-height / 16)
 
35
 
 
36
---------- Vertical spacing
 
37
 
 
38
Vertical spacing between most elements should use 24px or 48px
 
39
to maintain vertical rhythm:
 
40
 
 
41
.my-new-div {
 
42
        margin: 24px 0;
 
43
        margin: 1.714285714rem 0; ( 24 / $rembase )
 
44
}
 
45
 
 
46
---------- Further reading
 
47
 
 
48
http://snook.ca/archives/html_and_css/font-size-with-rem
 
49
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/
 
50
 
 
51
 
 
52
/* =Reset
 
53
-------------------------------------------------------------- */
 
54
 
 
55
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
 
56
        margin: 0;
 
57
        padding: 0;
 
58
        border: 0;
 
59
        font-size: 100%;
 
60
        vertical-align: baseline;
 
61
}
 
62
body {
 
63
        line-height: 1;
 
64
}
 
65
ol,
 
66
ul {
 
67
        list-style: none;
 
68
}
 
69
blockquote,
 
70
q {
 
71
        quotes: none;
 
72
}
 
73
blockquote:before,
 
74
blockquote:after,
 
75
q:before,
 
76
q:after {
 
77
        content: '';
 
78
        content: none;
 
79
}
 
80
table {
 
81
        border-collapse: collapse;
 
82
        border-spacing: 0;
 
83
}
 
84
caption,
 
85
th,
 
86
td {
 
87
        font-weight: normal;
 
88
        text-align: left;
 
89
}
 
90
h1,
 
91
h2,
 
92
h3,
 
93
h4,
 
94
h5,
 
95
h6 {
 
96
        clear: both;
 
97
}
 
98
html {
 
99
        overflow-y: scroll;
 
100
        font-size: 100%;
 
101
        -webkit-text-size-adjust: 100%;
 
102
        -ms-text-size-adjust: 100%;
 
103
}
 
104
a:focus {
 
105
        outline: thin dotted;
 
106
}
 
107
article,
 
108
aside,
 
109
details,
 
110
figcaption,
 
111
figure,
 
112
footer,
 
113
header,
 
114
hgroup,
 
115
nav,
 
116
section {
 
117
        display: block;
 
118
}
 
119
audio,
 
120
canvas,
 
121
video {
 
122
        display: inline-block;
 
123
}
 
124
audio:not([controls]) {
 
125
        display: none;
 
126
}
 
127
del {
 
128
        color: #333;
 
129
}
 
130
ins {
 
131
        background: #fff9c0;
 
132
        text-decoration: none;
 
133
}
 
134
hr {
 
135
        background-color: #ccc;
 
136
        border: 0;
 
137
        height: 1px;
 
138
        margin: 24px;
 
139
        margin-bottom: 1.714285714rem;
 
140
}
 
141
sub,
 
142
sup {
 
143
        font-size: 75%;
 
144
        line-height: 0;
 
145
        position: relative;
 
146
        vertical-align: baseline;
 
147
}
 
148
sup {
 
149
        top: -0.5em;
 
150
}
 
151
sub {
 
152
        bottom: -0.25em;
 
153
}
 
154
small {
 
155
        font-size: smaller;
 
156
}
 
157
img {
 
158
        border: 0;
 
159
        -ms-interpolation-mode: bicubic;
 
160
}
 
161
 
 
162
/* Clearing floats */
 
163
.clear:after,
 
164
.wrapper:after,
 
165
.format-status .entry-header:after {
 
166
        clear: both;
 
167
}
 
168
.clear:before,
 
169
.clear:after,
 
170
.wrapper:before,
 
171
.wrapper:after,
 
172
.format-status .entry-header:before,
 
173
.format-status .entry-header:after {
 
174
        display: table;
 
175
        content: "";
 
176
}
 
177
 
 
178
 
 
179
/* =Repeatable patterns
 
180
-------------------------------------------------------------- */
 
181
 
 
182
/* Small headers */
 
183
.archive-title,
 
184
.page-title,
 
185
.widget-title,
 
186
.entry-content th,
 
187
.comment-content th {
 
188
        font-size: 11px;
 
189
        font-size: 0.785714286rem;
 
190
        line-height: 2.181818182;
 
191
        font-weight: bold;
 
192
        text-transform: uppercase;
 
193
        color: #636363;
 
194
}
 
195
 
 
196
/* Shared Post Format styling */
 
197
article.format-quote footer.entry-meta,
 
198
article.format-link footer.entry-meta,
 
199
article.format-status footer.entry-meta {
 
200
        font-size: 11px;
 
201
        font-size: 0.785714286rem;
 
202
        line-height: 2.181818182;
 
203
}
 
204
 
 
205
/* Form fields, general styles first */
 
206
button,
 
207
input,
 
208
select,
 
209
textarea {
 
210
        border: 1px solid #ccc;
 
211
        border-radius: 3px;
 
212
        font-family: inherit;
 
213
        padding: 6px;
 
214
        padding: 0.428571429rem;
 
215
}
 
216
button,
 
217
input {
 
218
        line-height: normal;
 
219
}
 
220
textarea {
 
221
        font-size: 100%;
 
222
        overflow: auto;
 
223
        vertical-align: top;
 
224
}
 
225
 
 
226
/* Reset non-text input types */
 
227
input[type="checkbox"],
 
228
input[type="radio"],
 
229
input[type="file"],
 
230
input[type="hidden"],
 
231
input[type="image"],
 
232
input[type="color"] {
 
233
        border: 0;
 
234
        border-radius: 0;
 
235
        padding: 0;
 
236
}
 
237
 
 
238
/* Buttons */
 
239
.menu-toggle,
 
240
input[type="submit"],
 
241
input[type="button"],
 
242
input[type="reset"],
 
243
article.post-password-required input[type=submit],
 
244
.bypostauthor cite span {
 
245
        padding: 6px 10px;
 
246
        padding: 0.428571429rem 0.714285714rem;
 
247
        font-size: 11px;
 
248
        font-size: 0.785714286rem;
 
249
        line-height: 1.428571429;
 
250
        font-weight: normal;
 
251
        color: #7c7c7c;
 
252
        background-color: #e6e6e6;
 
253
        background-repeat: repeat-x;
 
254
        background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
 
255
        background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
 
256
        background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
 
257
        background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
 
258
        background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
 
259
        border: 1px solid #d2d2d2;
 
260
        border-radius: 3px;
 
261
        box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
 
262
}
 
263
.menu-toggle,
 
264
button,
 
265
input[type="submit"],
 
266
input[type="button"],
 
267
input[type="reset"] {
 
268
        cursor: pointer;
 
269
}
 
270
button[disabled],
 
271
input[disabled] {
 
272
        cursor: default;
 
273
}
 
274
.menu-toggle:hover,
 
275
.menu-toggle:focus,
 
276
button:hover,
 
277
input[type="submit"]:hover,
 
278
input[type="button"]:hover,
 
279
input[type="reset"]:hover,
 
280
article.post-password-required input[type=submit]:hover {
 
281
        color: #5e5e5e;
 
282
        background-color: #ebebeb;
 
283
        background-repeat: repeat-x;
 
284
        background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
 
285
        background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
 
286
        background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
 
287
        background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
 
288
        background-image: linear-gradient(top, #f9f9f9, #ebebeb);
 
289
}
 
290
.menu-toggle:active,
 
291
.menu-toggle.toggled-on,
 
292
button:active,
 
293
input[type="submit"]:active,
 
294
input[type="button"]:active,
 
295
input[type="reset"]:active {
 
296
        color: #757575;
 
297
        background-color: #e1e1e1;
 
298
        background-repeat: repeat-x;
 
299
        background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
 
300
        background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
 
301
        background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
 
302
        background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
 
303
        background-image: linear-gradient(top, #ebebeb, #e1e1e1);
 
304
        box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
 
305
        border-color: transparent;
 
306
}
 
307
.bypostauthor cite span {
 
308
        color: #fff;
 
309
        background-color: #21759b;
 
310
        background-image: none;
 
311
        border: 1px solid #1f6f93;
 
312
        border-radius: 2px;
 
313
        box-shadow: none;
 
314
        padding: 0;
 
315
}
 
316
 
 
317
/* Responsive images */
 
318
.entry-content img,
 
319
.comment-content img,
 
320
.widget img {
 
321
        max-width: 100%; /* Fluid images for posts, comments, and widgets */
 
322
}
 
323
img[class*="align"],
 
324
img[class*="wp-image-"],
 
325
img[class*="attachment-"] {
 
326
        height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
 
327
}
 
328
img.size-full,
 
329
img.size-large,
 
330
img.header-image,
 
331
img.wp-post-image {
 
332
        max-width: 100%;
 
333
        height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
 
334
}
 
335
 
 
336
/* Make sure videos and embeds fit their containers */
 
337
embed,
 
338
iframe,
 
339
object,
 
340
video {
 
341
        max-width: 100%;
 
342
}
 
343
.entry-content .twitter-tweet-rendered {
 
344
        max-width: 100% !important; /* Override the Twitter embed fixed width */
 
345
}
 
346
 
 
347
/* Images */
 
348
.alignleft {
 
349
        float: left;
 
350
}
 
351
.alignright {
 
352
        float: right;
 
353
}
 
354
.aligncenter {
 
355
        display: block;
 
356
        margin-left: auto;
 
357
        margin-right: auto;
 
358
}
 
359
.entry-content img,
 
360
.comment-content img,
 
361
.widget img,
 
362
img.header-image,
 
363
.author-avatar img,
 
364
img.wp-post-image {
 
365
        /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
 
366
        border-radius: 3px;
 
367
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
 
368
}
 
369
.wp-caption {
 
370
        max-width: 100%; /* Keep wide captions from overflowing their container. */
 
371
        padding: 4px;
 
372
}
 
373
.wp-caption .wp-caption-text,
 
374
.gallery-caption,
 
375
.entry-caption {
 
376
        font-style: italic;
 
377
        font-size: 12px;
 
378
        font-size: 0.857142857rem;
 
379
        line-height: 2;
 
380
        color: #757575;
 
381
}
 
382
img.wp-smiley,
 
383
.rsswidget img {
 
384
        border: 0;
 
385
        border-radius: 0;
 
386
        box-shadow: none;
 
387
        margin-bottom: 0;
 
388
        margin-top: 0;
 
389
        padding: 0;
 
390
}
 
391
.entry-content dl.gallery-item {
 
392
        margin: 0;
 
393
}
 
394
.gallery-item a,
 
395
.gallery-caption {
 
396
        width: 90%;
 
397
}
 
398
.gallery-item a {
 
399
        display: block;
 
400
}
 
401
.gallery-caption a {
 
402
        display: inline;
 
403
}
 
404
.gallery-columns-1 .gallery-item a {
 
405
        max-width: 100%;
 
406
        width: auto;
 
407
}
 
408
.gallery .gallery-icon img {
 
409
        height: auto;
 
410
        max-width: 90%;
 
411
        padding: 5%;
 
412
}
 
413
.gallery-columns-1 .gallery-icon img {
 
414
        padding: 3%;
 
415
}
 
416
 
 
417
/* Navigation */
 
418
.site-content nav {
 
419
        clear: both;
 
420
        line-height: 2;
 
421
        overflow: hidden;
 
422
}
 
423
#nav-above {
 
424
        padding: 24px 0;
 
425
        padding: 1.714285714rem 0;
 
426
}
 
427
#nav-above {
 
428
        display: none;
 
429
}
 
430
.paged #nav-above {
 
431
        display: block;
 
432
}
 
433
.nav-previous,
 
434
.previous-image {
 
435
        float: left;
 
436
        width: 50%;
 
437
}
 
438
.nav-next,
 
439
.next-image {
 
440
        float: right;
 
441
        text-align: right;
 
442
        width: 50%;
 
443
}
 
444
.nav-single + .comments-area,
 
445
#comment-nav-above {
 
446
        margin: 48px 0;
 
447
        margin: 3.428571429rem 0;
 
448
}
 
449
 
 
450
/* Author profiles */
 
451
.author .archive-header {
 
452
        margin-bottom: 24px;
 
453
        margin-bottom: 1.714285714rem;
 
454
}
 
455
.author-info {
 
456
        border-top: 1px solid #ededed;
 
457
        margin: 24px 0;
 
458
        margin: 1.714285714rem 0;
 
459
        padding-top: 24px;
 
460
        padding-top: 1.714285714rem;
 
461
        overflow: hidden;
 
462
}
 
463
.author-description p {
 
464
        color: #757575;
 
465
        font-size: 13px;
 
466
        font-size: 0.928571429rem;
 
467
        line-height: 1.846153846;
 
468
}
 
469
.author.archive .author-info {
 
470
        border-top: 0;
 
471
        margin: 0 0 48px;
 
472
        margin: 0 0 3.428571429rem;
 
473
}
 
474
.author.archive .author-avatar {
 
475
        margin-top: 0;
 
476
}
 
477
 
 
478
 
 
479
/* =Basic structure
 
480
-------------------------------------------------------------- */
 
481
 
 
482
/* Body, links, basics */
 
483
html {
 
484
        font-size: 87.5%;
 
485
}
 
486
body {
 
487
        font-size: 14px;
 
488
        font-size: 1rem;
 
489
        font-family: Helvetica, Arial, sans-serif;
 
490
        text-rendering: optimizeLegibility;
 
491
        color: #444;
 
492
}
 
493
body.custom-font-enabled {
 
494
        font-family: "Open Sans", Helvetica, Arial, sans-serif;
 
495
}
 
496
a {
 
497
        outline: none;
 
498
        color: #21759b;
 
499
}
 
500
a:hover {
 
501
        color: #0f3647;
 
502
}
 
503
 
 
504
/* Assistive text */
 
505
.assistive-text,
 
506
.site .screen-reader-text {
 
507
        position: absolute !important;
 
508
        clip: rect(1px, 1px, 1px, 1px);
 
509
}
 
510
.main-navigation .assistive-text:focus {
 
511
        background: #fff;
 
512
        border: 2px solid #333;
 
513
        border-radius: 3px;
 
514
        clip: auto !important;
 
515
        color: #000;
 
516
        display: block;
 
517
        font-size: 12px;
 
518
        padding: 12px;
 
519
        position: absolute;
 
520
        top: 5px;
 
521
        left: 5px;
 
522
        z-index: 100000; /* Above WP toolbar */
 
523
}
 
524
 
 
525
/* Page structure */
 
526
.site {
 
527
        padding: 0 24px;
 
528
        padding: 0 1.714285714rem;
 
529
        background-color: #fff;
 
530
}
 
531
.site-content {
 
532
        margin: 24px 0 0;
 
533
        margin: 1.714285714rem 0 0;
 
534
}
 
535
.widget-area {
 
536
        margin: 24px 0 0;
 
537
        margin: 1.714285714rem 0 0;
 
538
}
 
539
 
 
540
/* Header */
 
541
.site-header {
 
542
        padding: 24px 0;
 
543
        padding: 1.714285714rem 0;
 
544
}
 
545
.site-header h1,
 
546
.site-header h2 {
 
547
        text-align: center;
 
548
}
 
549
.site-header h1 a,
 
550
.site-header h2 a {
 
551
        color: #515151;
 
552
        display: inline-block;
 
553
        text-decoration: none;
 
554
}
 
555
.site-header h1 a:hover,
 
556
.site-header h2 a:hover {
 
557
        color: #21759b;
 
558
}
 
559
.site-header h1 {
 
560
        font-size: 24px;
 
561
        font-size: 1.714285714rem;
 
562
        line-height: 1.285714286;
 
563
        margin-bottom: 14px;
 
564
        margin-bottom: 1rem;
 
565
}
 
566
.site-header h2 {
 
567
        font-weight: normal;
 
568
        font-size: 13px;
 
569
        font-size: 0.928571429rem;
 
570
        line-height: 1.846153846;
 
571
        color: #757575;
 
572
}
 
573
.header-image {
 
574
        margin-top: 24px;
 
575
        margin-top: 1.714285714rem;
 
576
}
 
577
 
 
578
/* Navigation Menu */
 
579
.main-navigation {
 
580
        margin-top: 24px;
 
581
        margin-top: 1.714285714rem;
 
582
        text-align: center;
 
583
}
 
584
.main-navigation li {
 
585
        margin-top: 24px;
 
586
        margin-top: 1.714285714rem;
 
587
        font-size: 12px;
 
588
        font-size: 0.857142857rem;
 
589
        line-height: 1.42857143;
 
590
}
 
591
.main-navigation a {
 
592
        color: #5e5e5e;
 
593
}
 
594
.main-navigation a:hover,
 
595
.main-navigation a:focus {
 
596
        color: #21759b;
 
597
}
 
598
.main-navigation ul.nav-menu,
 
599
.main-navigation div.nav-menu > ul {
 
600
        display: none;
 
601
}
 
602
.main-navigation ul.nav-menu.toggled-on,
 
603
.menu-toggle {
 
604
        display: inline-block;
 
605
}
 
606
 
 
607
/* Banner */
 
608
section[role="banner"] {
 
609
        margin-bottom: 48px;
 
610
        margin-bottom: 3.428571429rem;
 
611
}
 
612
 
 
613
/* Sidebar */
 
614
.widget-area .widget {
 
615
        -webkit-hyphens: auto;
 
616
        -moz-hyphens: auto;
 
617
        hyphens: auto;
 
618
        margin-bottom: 48px;
 
619
        margin-bottom: 3.428571429rem;
 
620
        word-wrap: break-word;
 
621
}
 
622
.widget-area .widget h3 {
 
623
        margin-bottom: 24px;
 
624
        margin-bottom: 1.714285714rem;
 
625
}
 
626
.widget-area .widget p,
 
627
.widget-area .widget li,
 
628
.widget-area .widget .textwidget {
 
629
        font-size: 13px;
 
630
        font-size: 0.928571429rem;
 
631
        line-height: 1.846153846;
 
632
}
 
633
.widget-area .widget p {
 
634
        margin-bottom: 24px;
 
635
        margin-bottom: 1.714285714rem;
 
636
}
 
637
.widget-area .textwidget ul {
 
638
        list-style: disc outside;
 
639
        margin: 0 0 24px;
 
640
        margin: 0 0 1.714285714rem;
 
641
}
 
642
.widget-area .textwidget li {
 
643
        margin-left: 36px;
 
644
        margin-left: 2.571428571rem;
 
645
}
 
646
.widget-area .widget a {
 
647
        color: #757575;
 
648
}
 
649
.widget-area .widget a:hover {
 
650
        color: #21759b;
 
651
}
 
652
.widget-area .widget a:visited {
 
653
        color: #9f9f9f;
 
654
}
 
655
.widget-area #s {
 
656
        width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */
 
657
}
 
658
 
 
659
/* Footer */
 
660
footer[role="contentinfo"] {
 
661
        border-top: 1px solid #ededed;
 
662
        clear: both;
 
663
        font-size: 12px;
 
664
        font-size: 0.857142857rem;
 
665
        line-height: 2;
 
666
        max-width: 960px;
 
667
        max-width: 68.571428571rem;
 
668
        margin-top: 24px;
 
669
        margin-top: 1.714285714rem;
 
670
        margin-left: auto;
 
671
        margin-right: auto;
 
672
        padding: 24px 0;
 
673
        padding: 1.714285714rem 0;
 
674
}
 
675
footer[role="contentinfo"] a {
 
676
        color: #686868;
 
677
}
 
678
footer[role="contentinfo"] a:hover {
 
679
        color: #21759b;
 
680
}
 
681
 
 
682
 
 
683
/* =Main content and comment content
 
684
-------------------------------------------------------------- */
 
685
 
 
686
.entry-meta {
 
687
        clear: both;
 
688
}
 
689
.entry-header {
 
690
        margin-bottom: 24px;
 
691
        margin-bottom: 1.714285714rem;
 
692
}
 
693
.entry-header img.wp-post-image {
 
694
        margin-bottom: 24px;
 
695
        margin-bottom: 1.714285714rem;
 
696
}
 
697
.entry-header .entry-title {
 
698
        font-size: 20px;
 
699
        font-size: 1.428571429rem;
 
700
        line-height: 1.2;
 
701
        font-weight: normal;
 
702
}
 
703
.entry-header .entry-title a {
 
704
        text-decoration: none;
 
705
}
 
706
.entry-header .entry-format {
 
707
        margin-top: 24px;
 
708
        margin-top: 1.714285714rem;
 
709
        font-weight: normal;
 
710
}
 
711
.entry-header .comments-link {
 
712
        margin-top: 24px;
 
713
        margin-top: 1.714285714rem;
 
714
        font-size: 13px;
 
715
        font-size: 0.928571429rem;
 
716
        line-height: 1.846153846;
 
717
        color: #757575;
 
718
}
 
719
.comments-link a,
 
720
.entry-meta a {
 
721
        color: #757575;
 
722
}
 
723
.comments-link a:hover,
 
724
.entry-meta a:hover {
 
725
        color: #21759b;
 
726
}
 
727
article.sticky .featured-post {
 
728
        border-top: 4px double #ededed;
 
729
        border-bottom: 4px double #ededed;
 
730
        color: #757575;
 
731
        font-size: 13px;
 
732
        font-size: 0.928571429rem;
 
733
        line-height: 3.692307692;
 
734
        margin-bottom: 24px;
 
735
        margin-bottom: 1.714285714rem;
 
736
        text-align: center;
 
737
}
 
738
.entry-content,
 
739
.entry-summary,
 
740
.mu_register {
 
741
        line-height: 1.714285714;
 
742
}
 
743
.entry-content h1,
 
744
.comment-content h1,
 
745
.entry-content h2,
 
746
.comment-content h2,
 
747
.entry-content h3,
 
748
.comment-content h3,
 
749
.entry-content h4,
 
750
.comment-content h4,
 
751
.entry-content h5,
 
752
.comment-content h5,
 
753
.entry-content h6,
 
754
.comment-content h6 {
 
755
        margin: 24px 0;
 
756
        margin: 1.714285714rem 0;
 
757
        line-height: 1.714285714;
 
758
}
 
759
.entry-content h1,
 
760
.comment-content h1 {
 
761
        font-size: 21px;
 
762
        font-size: 1.5rem;
 
763
        line-height: 1.5;
 
764
}
 
765
.entry-content h2,
 
766
.comment-content h2,
 
767
.mu_register h2 {
 
768
        font-size: 18px;
 
769
        font-size: 1.285714286rem;
 
770
        line-height: 1.6;
 
771
}
 
772
.entry-content h3,
 
773
.comment-content h3 {
 
774
        font-size: 16px;
 
775
        font-size: 1.142857143rem;
 
776
        line-height: 1.846153846;
 
777
}
 
778
.entry-content h4,
 
779
.comment-content h4 {
 
780
        font-size: 14px;
 
781
        font-size: 1rem;
 
782
        line-height: 1.846153846;
 
783
}
 
784
.entry-content h5,
 
785
.comment-content h5 {
 
786
        font-size: 13px;
 
787
        font-size: 0.928571429rem;
 
788
        line-height: 1.846153846;
 
789
}
 
790
.entry-content h6,
 
791
.comment-content h6 {
 
792
        font-size: 12px;
 
793
        font-size: 0.857142857rem;
 
794
        line-height: 1.846153846;
 
795
}
 
796
.entry-content p,
 
797
.entry-summary p,
 
798
.comment-content p,
 
799
.mu_register p {
 
800
        margin: 0 0 24px;
 
801
        margin: 0 0 1.714285714rem;
 
802
        line-height: 1.714285714;
 
803
}
 
804
.entry-content a:visited,
 
805
.comment-content a:visited {
 
806
        color: #9f9f9f;
 
807
}
 
808
.entry-content ol,
 
809
.comment-content ol,
 
810
.entry-content ul,
 
811
.comment-content ul,
 
812
.mu_register ul {
 
813
        margin: 0 0 24px;
 
814
        margin: 0 0 1.714285714rem;
 
815
        line-height: 1.714285714;
 
816
}
 
817
.entry-content ul ul,
 
818
.comment-content ul ul,
 
819
.entry-content ol ol,
 
820
.comment-content ol ol,
 
821
.entry-content ul ol,
 
822
.comment-content ul ol,
 
823
.entry-content ol ul,
 
824
.comment-content ol ul {
 
825
        margin-bottom: 0;
 
826
}
 
827
.entry-content ul,
 
828
.comment-content ul,
 
829
.mu_register ul {
 
830
        list-style: disc outside;
 
831
}
 
832
.entry-content ol,
 
833
.comment-content ol {
 
834
        list-style: decimal outside;
 
835
}
 
836
.entry-content li,
 
837
.comment-content li,
 
838
.mu_register li {
 
839
        margin: 0 0 0 36px;
 
840
        margin: 0 0 0 2.571428571rem;
 
841
}
 
842
.entry-content blockquote,
 
843
.comment-content blockquote {
 
844
        margin-bottom: 24px;
 
845
        margin-bottom: 1.714285714rem;
 
846
        padding: 24px;
 
847
        padding: 1.714285714rem;
 
848
        font-style: italic;
 
849
}
 
850
.entry-content blockquote p:last-child,
 
851
.comment-content blockquote p:last-child {
 
852
        margin-bottom: 0;
 
853
}
 
854
.entry-content code,
 
855
.comment-content code {
 
856
        font-family: Consolas, Monaco, Lucida Console, monospace;
 
857
        font-size: 12px;
 
858
        font-size: 0.857142857rem;
 
859
        line-height: 2;
 
860
}
 
861
.entry-content pre,
 
862
.comment-content pre {
 
863
        border: 1px solid #ededed;
 
864
        color: #666;
 
865
        font-family: Consolas, Monaco, Lucida Console, monospace;
 
866
        font-size: 12px;
 
867
        font-size: 0.857142857rem;
 
868
        line-height: 1.714285714;
 
869
        margin: 24px 0;
 
870
        margin: 1.714285714rem 0;
 
871
        overflow: auto;
 
872
        padding: 24px;
 
873
        padding: 1.714285714rem;
 
874
}
 
875
.entry-content pre code,
 
876
.comment-content pre code {
 
877
        display: block;
 
878
}
 
879
.entry-content abbr,
 
880
.comment-content abbr,
 
881
.entry-content dfn,
 
882
.comment-content dfn,
 
883
.entry-content acronym,
 
884
.comment-content acronym {
 
885
        border-bottom: 1px dotted #666;
 
886
        cursor: help;
 
887
}
 
888
.entry-content address,
 
889
.comment-content address {
 
890
        display: block;
 
891
        line-height: 1.714285714;
 
892
        margin: 0 0 24px;
 
893
        margin: 0 0 1.714285714rem;
 
894
}
 
895
img.alignleft,
 
896
.wp-caption.alignleft {
 
897
        margin: 12px 24px 12px 0;
 
898
        margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
 
899
}
 
900
img.alignright,
 
901
.wp-caption.alignright {
 
902
        margin: 12px 0 12px 24px;
 
903
        margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
 
904
}
 
905
img.aligncenter,
 
906
.wp-caption.aligncenter {
 
907
        clear: both;
 
908
        margin-top: 12px;
 
909
        margin-top: 0.857142857rem;
 
910
        margin-bottom: 12px;
 
911
        margin-bottom: 0.857142857rem;
 
912
}
 
913
.entry-content embed,
 
914
.entry-content iframe,
 
915
.entry-content object,
 
916
.entry-content video {
 
917
        margin-bottom: 24px;
 
918
        margin-bottom: 1.714285714rem;
 
919
}
 
920
.entry-content dl,
 
921
.comment-content dl {
 
922
        margin: 0 24px;
 
923
        margin: 0 1.714285714rem;
 
924
}
 
925
.entry-content dt,
 
926
.comment-content dt {
 
927
        font-weight: bold;
 
928
        line-height: 1.714285714;
 
929
}
 
930
.entry-content dd,
 
931
.comment-content dd {
 
932
        line-height: 1.714285714;
 
933
        margin-bottom: 24px;
 
934
        margin-bottom: 1.714285714rem;
 
935
}
 
936
.entry-content table,
 
937
.comment-content table {
 
938
        border-bottom: 1px solid #ededed;
 
939
        color: #757575;
 
940
        font-size: 12px;
 
941
        font-size: 0.857142857rem;
 
942
        line-height: 2;
 
943
        margin: 0 0 24px;
 
944
        margin: 0 0 1.714285714rem;
 
945
        width: 100%;
 
946
}
 
947
.entry-content table caption,
 
948
.comment-content table caption {
 
949
        font-size: 16px;
 
950
        font-size: 1.142857143rem;
 
951
        margin: 24px 0;
 
952
        margin: 1.714285714rem 0;
 
953
}
 
954
.entry-content td,
 
955
.comment-content td {
 
956
        border-top: 1px solid #ededed;
 
957
        padding: 6px 10px 6px 0;
 
958
}
 
959
.site-content article {
 
960
        border-bottom: 4px double #ededed;
 
961
        margin-bottom: 72px;
 
962
        margin-bottom: 5.142857143rem;
 
963
        padding-bottom: 24px;
 
964
        padding-bottom: 1.714285714rem;
 
965
        word-wrap: break-word;
 
966
        -webkit-hyphens: auto;
 
967
        -moz-hyphens: auto;
 
968
        hyphens: auto;
 
969
}
 
970
.page-links {
 
971
        clear: both;
 
972
        line-height: 1.714285714;
 
973
}
 
974
footer.entry-meta {
 
975
        margin-top: 24px;
 
976
        margin-top: 1.714285714rem;
 
977
        font-size: 13px;
 
978
        font-size: 0.928571429rem;
 
979
        line-height: 1.846153846;
 
980
        color: #757575;
 
981
}
 
982
.single-author .entry-meta .by-author {
 
983
        display: none;
 
984
}
 
985
.mu_register h2 {
 
986
        color: #757575;
 
987
        font-weight: normal;
 
988
}
 
989
 
 
990
 
 
991
/* =Archives
 
992
-------------------------------------------------------------- */
 
993
 
 
994
.archive-header,
 
995
.page-header {
 
996
        margin-bottom: 48px;
 
997
        margin-bottom: 3.428571429rem;
 
998
        padding-bottom: 22px;
 
999
        padding-bottom: 1.571428571rem;
 
1000
        border-bottom: 1px solid #ededed;
 
1001
}
 
1002
.archive-meta {
 
1003
        color: #757575;
 
1004
        font-size: 12px;
 
1005
        font-size: 0.857142857rem;
 
1006
        line-height: 2;
 
1007
        margin-top: 22px;
 
1008
        margin-top: 1.571428571rem;
 
1009
}
 
1010
 
 
1011
/* =Single audio/video attachment view
 
1012
-------------------------------------------------------------- */
 
1013
 
 
1014
.attachment .entry-content .mejs-audio {
 
1015
        max-width: 400px;
 
1016
}
 
1017
 
 
1018
.attachment .entry-content .mejs-container {
 
1019
        margin-bottom: 24px;
 
1020
}
 
1021
 
 
1022
 
 
1023
/* =Single image attachment view
 
1024
-------------------------------------------------------------- */
 
1025
 
 
1026
.article.attachment {
 
1027
        overflow: hidden;
 
1028
}
 
1029
.image-attachment div.attachment {
 
1030
        text-align: center;
 
1031
}
 
1032
.image-attachment div.attachment p {
 
1033
        text-align: center;
 
1034
}
 
1035
.image-attachment div.attachment img {
 
1036
        display: block;
 
1037
        height: auto;
 
1038
        margin: 0 auto;
 
1039
        max-width: 100%;
 
1040
}
 
1041
.image-attachment .entry-caption {
 
1042
        margin-top: 8px;
 
1043
        margin-top: 0.571428571rem;
 
1044
}
 
1045
 
 
1046
 
 
1047
/* =Aside post format
 
1048
-------------------------------------------------------------- */
 
1049
 
 
1050
article.format-aside h1 {
 
1051
        margin-bottom: 24px;
 
1052
        margin-bottom: 1.714285714rem;
 
1053
}
 
1054
article.format-aside h1 a {
 
1055
        text-decoration: none;
 
1056
        color: #4d525a;
 
1057
}
 
1058
article.format-aside h1 a:hover {
 
1059
        color: #2e3542;
 
1060
}
 
1061
article.format-aside .aside {
 
1062
        padding: 24px 24px 0;
 
1063
        padding: 1.714285714rem;
 
1064
        background: #d2e0f9;
 
1065
        border-left: 22px solid #a8bfe8;
 
1066
}
 
1067
article.format-aside p {
 
1068
        font-size: 13px;
 
1069
        font-size: 0.928571429rem;
 
1070
        line-height: 1.846153846;
 
1071
        color: #4a5466;
 
1072
}
 
1073
article.format-aside blockquote:last-child,
 
1074
article.format-aside p:last-child {
 
1075
        margin-bottom: 0;
 
1076
}
 
1077
 
 
1078
 
 
1079
/* =Post formats
 
1080
-------------------------------------------------------------- */
 
1081
 
 
1082
/* Image posts */
 
1083
article.format-image footer h1 {
 
1084
        font-size: 13px;
 
1085
        font-size: 0.928571429rem;
 
1086
        line-height: 1.846153846;
 
1087
        font-weight: normal;
 
1088
}
 
1089
article.format-image footer h2 {
 
1090
        font-size: 11px;
 
1091
        font-size: 0.785714286rem;
 
1092
        line-height: 2.181818182;
 
1093
}
 
1094
article.format-image footer a h2 {
 
1095
        font-weight: normal;
 
1096
}
 
1097
 
 
1098
/* Link posts */
 
1099
article.format-link header {
 
1100
        padding: 0 10px;
 
1101
        padding: 0 0.714285714rem;
 
1102
        float: right;
 
1103
        font-size: 11px;
 
1104
        font-size: 0.785714286rem;
 
1105
        line-height: 2.181818182;
 
1106
        font-weight: bold;
 
1107
        font-style: italic;
 
1108
        text-transform: uppercase;
 
1109
        color: #848484;
 
1110
        background-color: #ebebeb;
 
1111
        border-radius: 3px;
 
1112
}
 
1113
article.format-link .entry-content {
 
1114
        max-width: 80%;
 
1115
        float: left;
 
1116
}
 
1117
article.format-link .entry-content a {
 
1118
        font-size: 22px;
 
1119
        font-size: 1.571428571rem;
 
1120
        line-height: 1.090909091;
 
1121
        text-decoration: none;
 
1122
}
 
1123
 
 
1124
/* Quote posts */
 
1125
article.format-quote .entry-content p {
 
1126
        margin: 0;
 
1127
        padding-bottom: 24px;
 
1128
        padding-bottom: 1.714285714rem;
 
1129
}
 
1130
article.format-quote .entry-content blockquote {
 
1131
        display: block;
 
1132
        padding: 24px 24px 0;
 
1133
        padding: 1.714285714rem 1.714285714rem 0;
 
1134
        font-size: 15px;
 
1135
        font-size: 1.071428571rem;
 
1136
        line-height: 1.6;
 
1137
        font-style: normal;
 
1138
        color: #6a6a6a;
 
1139
        background: #efefef;
 
1140
}
 
1141
 
 
1142
/* Status posts */
 
1143
.format-status .entry-header {
 
1144
        margin-bottom: 24px;
 
1145
        margin-bottom: 1.714285714rem;
 
1146
}
 
1147
.format-status .entry-header header {
 
1148
        display: inline-block;
 
1149
}
 
1150
.format-status .entry-header h1 {
 
1151
        font-size: 15px;
 
1152
        font-size: 1.071428571rem;
 
1153
        font-weight: normal;
 
1154
        line-height: 1.6;
 
1155
        margin: 0;
 
1156
}
 
1157
.format-status .entry-header h2 {
 
1158
        font-size: 12px;
 
1159
        font-size: 0.857142857rem;
 
1160
        font-weight: normal;
 
1161
        line-height: 2;
 
1162
        margin: 0;
 
1163
}
 
1164
.format-status .entry-header header a {
 
1165
        color: #757575;
 
1166
}
 
1167
.format-status .entry-header header a:hover {
 
1168
        color: #21759b;
 
1169
}
 
1170
.format-status .entry-header img {
 
1171
        float: left;
 
1172
        margin-right: 21px;
 
1173
        margin-right: 1.5rem;
 
1174
}
 
1175
 
 
1176
 
 
1177
/* =Comments
 
1178
-------------------------------------------------------------- */
 
1179
 
 
1180
.comments-title {
 
1181
        margin-bottom: 48px;
 
1182
        margin-bottom: 3.428571429rem;
 
1183
        font-size: 16px;
 
1184
        font-size: 1.142857143rem;
 
1185
        line-height: 1.5;
 
1186
        font-weight: normal;
 
1187
}
 
1188
.comments-area article {
 
1189
        margin: 24px 0;
 
1190
        margin: 1.714285714rem 0;
 
1191
}
 
1192
.comments-area article header {
 
1193
        margin: 0 0 48px;
 
1194
        margin: 0 0 3.428571429rem;
 
1195
        overflow: hidden;
 
1196
        position: relative;
 
1197
}
 
1198
.comments-area article header img {
 
1199
        float: left;
 
1200
        padding: 0;
 
1201
        line-height: 0;
 
1202
}
 
1203
.comments-area article header cite,
 
1204
.comments-area article header time {
 
1205
        display: block;
 
1206
        margin-left: 85px;
 
1207
        margin-left: 6.071428571rem;
 
1208
}
 
1209
.comments-area article header cite {
 
1210
        font-style: normal;
 
1211
        font-size: 15px;
 
1212
        font-size: 1.071428571rem;
 
1213
        line-height: 1.42857143;
 
1214
}
 
1215
.comments-area cite b {
 
1216
        font-weight: normal;
 
1217
}
 
1218
.comments-area article header time {
 
1219
        line-height: 1.714285714;
 
1220
        text-decoration: none;
 
1221
        font-size: 12px;
 
1222
        font-size: 0.857142857rem;
 
1223
        color: #5e5e5e;
 
1224
}
 
1225
.comments-area article header a {
 
1226
        text-decoration: none;
 
1227
        color: #5e5e5e;
 
1228
}
 
1229
.comments-area article header a:hover {
 
1230
        color: #21759b;
 
1231
}
 
1232
.comments-area article header cite a {
 
1233
        color: #444;
 
1234
}
 
1235
.comments-area article header cite a:hover {
 
1236
        text-decoration: underline;
 
1237
}
 
1238
.comments-area article header h4 {
 
1239
        position: absolute;
 
1240
        top: 0;
 
1241
        right: 0;
 
1242
        padding: 6px 12px;
 
1243
        padding: 0.428571429rem 0.857142857rem;
 
1244
        font-size: 12px;
 
1245
        font-size: 0.857142857rem;
 
1246
        font-weight: normal;
 
1247
        color: #fff;
 
1248
        background-color: #0088d0;
 
1249
        background-repeat: repeat-x;
 
1250
        background-image: -moz-linear-gradient(top, #009cee, #0088d0);
 
1251
        background-image: -ms-linear-gradient(top, #009cee, #0088d0);
 
1252
        background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
 
1253
        background-image: -o-linear-gradient(top, #009cee, #0088d0);
 
1254
        background-image: linear-gradient(top, #009cee, #0088d0);
 
1255
        border-radius: 3px;
 
1256
        border: 1px solid #007cbd;
 
1257
}
 
1258
.comments-area .bypostauthor cite span {
 
1259
        position: absolute;
 
1260
        margin-left: 5px;
 
1261
        margin-left: 0.357142857rem;
 
1262
        padding: 2px 5px;
 
1263
        padding: 0.142857143rem 0.357142857rem;
 
1264
        font-size: 10px;
 
1265
        font-size: 0.714285714rem;
 
1266
}
 
1267
.comments-area .bypostauthor cite b {
 
1268
        font-weight: bold;
 
1269
}
 
1270
a.comment-reply-link,
 
1271
a.comment-edit-link {
 
1272
        color: #686868;
 
1273
        font-size: 13px;
 
1274
        font-size: 0.928571429rem;
 
1275
        line-height: 1.846153846;
 
1276
}
 
1277
a.comment-reply-link:hover,
 
1278
a.comment-edit-link:hover {
 
1279
        color: #21759b;
 
1280
}
 
1281
.commentlist .pingback {
 
1282
        line-height: 1.714285714;
 
1283
        margin-bottom: 24px;
 
1284
        margin-bottom: 1.714285714rem;
 
1285
}
 
1286
 
 
1287
/* Comment form */
 
1288
#respond {
 
1289
        margin-top: 48px;
 
1290
        margin-top: 3.428571429rem;
 
1291
}
 
1292
#respond h3#reply-title {
 
1293
        font-size: 16px;
 
1294
        font-size: 1.142857143rem;
 
1295
        line-height: 1.5;
 
1296
}
 
1297
#respond h3#reply-title #cancel-comment-reply-link {
 
1298
        margin-left: 10px;
 
1299
        margin-left: 0.714285714rem;
 
1300
        font-weight: normal;
 
1301
        font-size: 12px;
 
1302
        font-size: 0.857142857rem;
 
1303
}
 
1304
#respond form {
 
1305
        margin: 24px 0;
 
1306
        margin: 1.714285714rem 0;
 
1307
}
 
1308
#respond form p {
 
1309
        margin: 11px 0;
 
1310
        margin: 0.785714286rem 0;
 
1311
}
 
1312
#respond form p.logged-in-as {
 
1313
        margin-bottom: 24px;
 
1314
        margin-bottom: 1.714285714rem;
 
1315
}
 
1316
#respond form label {
 
1317
        display: block;
 
1318
        line-height: 1.714285714;
 
1319
}
 
1320
#respond form input[type="text"],
 
1321
#respond form textarea {
 
1322
        -moz-box-sizing: border-box;
 
1323
        box-sizing: border-box;
 
1324
        font-size: 12px;
 
1325
        font-size: 0.857142857rem;
 
1326
        line-height: 1.714285714;
 
1327
        padding: 10px;
 
1328
        padding: 0.714285714rem;
 
1329
        width: 100%;
 
1330
}
 
1331
#respond form p.form-allowed-tags {
 
1332
        margin: 0;
 
1333
        font-size: 12px;
 
1334
        font-size: 0.857142857rem;
 
1335
        line-height: 2;
 
1336
        color: #5e5e5e;
 
1337
}
 
1338
.required {
 
1339
        color: red;
 
1340
}
 
1341
 
 
1342
 
 
1343
/* =Front page template
 
1344
-------------------------------------------------------------- */
 
1345
 
 
1346
.entry-page-image {
 
1347
        margin-bottom: 14px;
 
1348
        margin-bottom: 1rem;
 
1349
}
 
1350
.template-front-page .site-content article {
 
1351
        border: 0;
 
1352
        margin-bottom: 0;
 
1353
}
 
1354
.template-front-page .widget-area {
 
1355
        clear: both;
 
1356
        float: none;
 
1357
        width: auto;
 
1358
        padding-top: 24px;
 
1359
        padding-top: 1.714285714rem;
 
1360
        border-top: 1px solid #ededed;
 
1361
}
 
1362
.template-front-page .widget-area .widget li {
 
1363
        margin: 8px 0 0;
 
1364
        margin: 0.571428571rem 0 0;
 
1365
        font-size: 13px;
 
1366
        font-size: 0.928571429rem;
 
1367
        line-height: 1.714285714;
 
1368
        list-style-type: square;
 
1369
        list-style-position: inside;
 
1370
}
 
1371
.template-front-page .widget-area .widget li a {
 
1372
        color: #757575;
 
1373
}
 
1374
.template-front-page .widget-area .widget li a:hover {
 
1375
        color: #21759b;
 
1376
}
 
1377
.template-front-page .widget-area .widget_text img {
 
1378
        float: left;
 
1379
        margin: 8px 24px 8px 0;
 
1380
        margin: 0.571428571rem 1.714285714rem 0.571428571rem 0;
 
1381
}
 
1382
 
 
1383
 
 
1384
/* =Widgets
 
1385
-------------------------------------------------------------- */
 
1386
 
 
1387
.widget-area .widget ul ul {
 
1388
        margin-left: 12px;
 
1389
        margin-left: 0.857142857rem;
 
1390
}
 
1391
.widget_rss li {
 
1392
        margin: 12px 0;
 
1393
        margin: 0.857142857rem 0;
 
1394
}
 
1395
.widget_recent_entries .post-date,
 
1396
.widget_rss .rss-date {
 
1397
        color: #aaa;
 
1398
        font-size: 11px;
 
1399
        font-size: 0.785714286rem;
 
1400
        margin-left: 12px;
 
1401
        margin-left: 0.857142857rem;
 
1402
}
 
1403
#wp-calendar {
 
1404
        margin: 0;
 
1405
        width: 100%;
 
1406
        font-size: 13px;
 
1407
        font-size: 0.928571429rem;
 
1408
        line-height: 1.846153846;
 
1409
        color: #686868;
 
1410
}
 
1411
#wp-calendar th,
 
1412
#wp-calendar td,
 
1413
#wp-calendar caption {
 
1414
        text-align: left;
 
1415
}
 
1416
#wp-calendar #next {
 
1417
        padding-right: 24px;
 
1418
        padding-right: 1.714285714rem;
 
1419
        text-align: right;
 
1420
}
 
1421
.widget_search label {
 
1422
        display: block;
 
1423
        font-size: 13px;
 
1424
        font-size: 0.928571429rem;
 
1425
        line-height: 1.846153846;
 
1426
}
 
1427
.widget_twitter li {
 
1428
        list-style-type: none;
 
1429
}
 
1430
.widget_twitter .timesince {
 
1431
        display: block;
 
1432
        text-align: right;
 
1433
}
 
1434
 
 
1435
 
 
1436
/* =Plugins
 
1437
----------------------------------------------- */
 
1438
 
 
1439
img#wpstats {
 
1440
        display: block;
 
1441
        margin: 0 auto 24px;
 
1442
        margin: 0 auto 1.714285714rem;
 
1443
}
 
1444
 
 
1445
 
 
1446
/* =Media queries
 
1447
-------------------------------------------------------------- */
 
1448
 
 
1449
/* Does the same thing as <meta name="viewport" content="width=device-width">,
 
1450
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 
1451
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 
1452
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 
1453
 */
 
1454
@-ms-viewport {
 
1455
        width: device-width;
 
1456
}
 
1457
@viewport {
 
1458
        width: device-width;
 
1459
}
 
1460
 
 
1461
/* Minimum width of 600 pixels. */
 
1462
@media screen and (min-width: 600px) {
 
1463
        .author-avatar {
 
1464
                float: left;
 
1465
                margin-top: 8px;
 
1466
                margin-top: 0.571428571rem;
 
1467
        }
 
1468
        .author-description {
 
1469
                float: right;
 
1470
                width: 80%;
 
1471
        }
 
1472
        .site {
 
1473
                margin: 0 auto;
 
1474
                max-width: 960px;
 
1475
                max-width: 68.571428571rem;
 
1476
                overflow: hidden;
 
1477
        }
 
1478
        .site-content {
 
1479
                float: left;
 
1480
                width: 65.104166667%;
 
1481
        }
 
1482
        body.template-front-page .site-content,
 
1483
        body.attachment .site-content,
 
1484
        body.full-width .site-content {
 
1485
                width: 100%;
 
1486
        }
 
1487
        .widget-area {
 
1488
                float: right;
 
1489
                width: 26.041666667%;
 
1490
        }
 
1491
        .site-header h1,
 
1492
        .site-header h2 {
 
1493
                text-align: left;
 
1494
        }
 
1495
        .site-header h1 {
 
1496
                font-size: 26px;
 
1497
                font-size: 1.857142857rem;
 
1498
                line-height: 1.846153846;
 
1499
                margin-bottom: 0;
 
1500
        }
 
1501
        .main-navigation ul.nav-menu,
 
1502
        .main-navigation div.nav-menu > ul {
 
1503
                border-bottom: 1px solid #ededed;
 
1504
                border-top: 1px solid #ededed;
 
1505
                display: inline-block !important;
 
1506
                text-align: left;
 
1507
                width: 100%;
 
1508
        }
 
1509
        .main-navigation ul {
 
1510
                margin: 0;
 
1511
                text-indent: 0;
 
1512
        }
 
1513
        .main-navigation li a,
 
1514
        .main-navigation li {
 
1515
                display: inline-block;
 
1516
                text-decoration: none;
 
1517
        }
 
1518
        .main-navigation li a {
 
1519
                border-bottom: 0;
 
1520
                color: #6a6a6a;
 
1521
                line-height: 3.692307692;
 
1522
                text-transform: uppercase;
 
1523
                white-space: nowrap;
 
1524
        }
 
1525
        .main-navigation li a:hover,
 
1526
        .main-navigation li a:focus {
 
1527
                color: #000;
 
1528
        }
 
1529
        .main-navigation li {
 
1530
                margin: 0 40px 0 0;
 
1531
                margin: 0 2.857142857rem 0 0;
 
1532
                position: relative;
 
1533
        }
 
1534
        .main-navigation li ul {
 
1535
                margin: 0;
 
1536
                padding: 0;
 
1537
                position: absolute;
 
1538
                top: 100%;
 
1539
                z-index: 1;
 
1540
                height: 1px;
 
1541
                width: 1px;
 
1542
                overflow: hidden;
 
1543
                clip: rect(1px, 1px, 1px, 1px);
 
1544
        }
 
1545
        .main-navigation li ul ul {
 
1546
                top: 0;
 
1547
                left: 100%;
 
1548
        }
 
1549
        .main-navigation ul li:hover > ul,
 
1550
        .main-navigation ul li:focus > ul,
 
1551
        .main-navigation .focus > ul {
 
1552
                border-left: 0;
 
1553
                clip: inherit;
 
1554
                overflow: inherit;
 
1555
                height: inherit;
 
1556
                width: inherit;
 
1557
        }
 
1558
        .main-navigation li ul li a {
 
1559
                background: #efefef;
 
1560
                border-bottom: 1px solid #ededed;
 
1561
                display: block;
 
1562
                font-size: 11px;
 
1563
                font-size: 0.785714286rem;
 
1564
                line-height: 2.181818182;
 
1565
                padding: 8px 10px;
 
1566
                padding: 0.571428571rem 0.714285714rem;
 
1567
                width: 180px;
 
1568
                width: 12.85714286rem;
 
1569
                white-space: normal;
 
1570
        }
 
1571
        .main-navigation li ul li a:hover,
 
1572
        .main-navigation li ul li a:focus {
 
1573
                background: #e3e3e3;
 
1574
                color: #444;
 
1575
        }
 
1576
        .main-navigation .current-menu-item > a,
 
1577
        .main-navigation .current-menu-ancestor > a,
 
1578
        .main-navigation .current_page_item > a,
 
1579
        .main-navigation .current_page_ancestor > a {
 
1580
                color: #636363;
 
1581
                font-weight: bold;
 
1582
        }
 
1583
        .menu-toggle {
 
1584
                display: none;
 
1585
        }
 
1586
        .entry-header .entry-title {
 
1587
                font-size: 22px;
 
1588
                font-size: 1.571428571rem;
 
1589
        }
 
1590
        #respond form input[type="text"] {
 
1591
                width: 46.333333333%;
 
1592
        }
 
1593
        #respond form textarea.blog-textarea {
 
1594
                width: 79.666666667%;
 
1595
        }
 
1596
        .template-front-page .site-content,
 
1597
        .template-front-page article {
 
1598
                overflow: hidden;
 
1599
        }
 
1600
        .template-front-page.has-post-thumbnail article {
 
1601
                float: left;
 
1602
                width: 47.916666667%;
 
1603
        }
 
1604
        .entry-page-image {
 
1605
                float: right;
 
1606
                margin-bottom: 0;
 
1607
                width: 47.916666667%;
 
1608
        }
 
1609
        .template-front-page .widget-area .widget,
 
1610
        .template-front-page.two-sidebars .widget-area .front-widgets {
 
1611
                float: left;
 
1612
                width: 51.875%;
 
1613
                margin-bottom: 24px;
 
1614
                margin-bottom: 1.714285714rem;
 
1615
        }
 
1616
        .template-front-page .widget-area .widget:nth-child(odd) {
 
1617
                clear: right;
 
1618
        }
 
1619
        .template-front-page .widget-area .widget:nth-child(even),
 
1620
        .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
 
1621
                float: right;
 
1622
                width: 39.0625%;
 
1623
                margin: 0 0 24px;
 
1624
                margin: 0 0 1.714285714rem;
 
1625
        }
 
1626
        .template-front-page.two-sidebars .widget,
 
1627
        .template-front-page.two-sidebars .widget:nth-child(even) {
 
1628
                float: none;
 
1629
                width: auto;
 
1630
        }
 
1631
        .commentlist .children {
 
1632
                margin-left: 48px;
 
1633
                margin-left: 3.428571429rem;
 
1634
        }
 
1635
}
 
1636
 
 
1637
/* Minimum width of 960 pixels. */
 
1638
@media screen and (min-width: 960px) {
 
1639
        body {
 
1640
                background-color: #e6e6e6;
 
1641
        }
 
1642
        body .site {
 
1643
                padding: 0 40px;
 
1644
                padding: 0 2.857142857rem;
 
1645
                margin-top: 48px;
 
1646
                margin-top: 3.428571429rem;
 
1647
                margin-bottom: 48px;
 
1648
                margin-bottom: 3.428571429rem;
 
1649
                box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
 
1650
        }
 
1651
        body.custom-background-empty {
 
1652
                background-color: #fff;
 
1653
        }
 
1654
        body.custom-background-empty .site,
 
1655
        body.custom-background-white .site {
 
1656
                padding: 0;
 
1657
                margin-top: 0;
 
1658
                margin-bottom: 0;
 
1659
                box-shadow: none;
 
1660
        }
 
1661
}
 
1662
 
 
1663
 
 
1664
/* =Print
 
1665
----------------------------------------------- */
 
1666
 
 
1667
@media print {
 
1668
        body {
 
1669
                background: none !important;
 
1670
                color: #000;
 
1671
                font-size: 10pt;
 
1672
        }
 
1673
        footer a[rel=bookmark]:link:after,
 
1674
        footer a[rel=bookmark]:visited:after {
 
1675
                content: " [" attr(href) "] "; /* Show URLs */
 
1676
        }
 
1677
        a {
 
1678
                text-decoration: none;
 
1679
        }
 
1680
        .entry-content img,
 
1681
        .comment-content img,
 
1682
        .author-avatar img,
 
1683
        img.wp-post-image {
 
1684
                border-radius: 0;
 
1685
                box-shadow: none;
 
1686
        }
 
1687
        .site {
 
1688
                clear: both !important;
 
1689
                display: block !important;
 
1690
                float: none !important;
 
1691
                max-width: 100%;
 
1692
                position: relative !important;
 
1693
        }
 
1694
        .site-header {
 
1695
                margin-bottom: 72px;
 
1696
                margin-bottom: 5.142857143rem;
 
1697
                text-align: left;
 
1698
        }
 
1699
        .site-header h1 {
 
1700
                font-size: 21pt;
 
1701
                line-height: 1;
 
1702
                text-align: left;
 
1703
        }
 
1704
        .site-header h2 {
 
1705
                color: #000;
 
1706
                font-size: 10pt;
 
1707
                text-align: left;
 
1708
        }
 
1709
        .site-header h1 a,
 
1710
        .site-header h2 a {
 
1711
                color: #000;
 
1712
        }
 
1713
        .author-avatar,
 
1714
        #colophon,
 
1715
        #respond,
 
1716
        .commentlist .comment-edit-link,
 
1717
        .commentlist .reply,
 
1718
        .entry-header .comments-link,
 
1719
        .entry-meta .edit-link a,
 
1720
        .page-link,
 
1721
        .site-content nav,
 
1722
        .widget-area,
 
1723
        img.header-image,
 
1724
        .main-navigation {
 
1725
                display: none;
 
1726
        }
 
1727
        .wrapper {
 
1728
                border-top: none;
 
1729
                box-shadow: none;
 
1730
        }
 
1731
        .site-content {
 
1732
                margin: 0;
 
1733
                width: auto;
 
1734
        }
 
1735
 
 
1736
        .entry-header .entry-title,
 
1737
        .entry-title {
 
1738
                font-size: 21pt;
 
1739
        }
 
1740
        footer.entry-meta,
 
1741
        footer.entry-meta a {
 
1742
                color: #444;
 
1743
                font-size: 10pt;
 
1744
        }
 
1745
        .author-description {
 
1746
                float: none;
 
1747
                width: auto;
 
1748
        }
 
1749
 
 
1750
        /* Comments */
 
1751
        .commentlist > li.comment {
 
1752
                background: none;
 
1753
                position: relative;
 
1754
                width: auto;
 
1755
        }
 
1756
        .commentlist .avatar {
 
1757
                height: 39px;
 
1758
                left: 2.2em;
 
1759
                top: 2.2em;
 
1760
                width: 39px;
 
1761
        }
 
1762
        .comments-area article header cite,
 
1763
        .comments-area article header time {
 
1764
                margin-left: 50px;
 
1765
                margin-left: 3.57142857rem;
 
1766
        }
 
1767
}
 
 
b'\\ No newline at end of file'