Ticket #25592: 25592.diff
File 25592.diff, 83.3 KB (added by , 12 years ago) |
---|
-
wp-content/themes/twentyfourteen/functions.php
100 100 add_theme_support( 'custom-background', apply_filters( 'twentyfourteen_custom_background_args', array( 101 101 'default-color' => 'f5f5f5', 102 102 ) ) ); 103 104 /* 105 * This theme uses its own gallery styles. 106 */ 107 add_filter( 'use_default_gallery_style', '__return_false' ); 103 108 } 104 109 endif; // twentyfourteen_setup 105 110 add_action( 'after_setup_theme', 'twentyfourteen_setup' ); … … 112 117 * @return void 113 118 */ 114 119 function twentyfourteen_content_width() { 115 if ( is_ page_template( 'full-width-page.php' ) || is_attachment() )120 if ( is_attachment() ) 116 121 $GLOBALS['content_width'] = 810; 117 122 } 118 123 add_action( 'template_redirect', 'twentyfourteen_content_width' ); -
wp-content/themes/twentyfourteen/sidebar.php
17 17 <?php endif; ?> 18 18 19 19 <?php if ( has_nav_menu( 'secondary' ) ) : ?> 20 <nav role="navigation" class="navigation s econdary-navigation">20 <nav role="navigation" class="navigation site-navigation secondary-navigation"> 21 21 <?php wp_nav_menu( array( 'theme_location' => 'secondary' ) ); ?> 22 22 </nav> 23 23 <?php endif; ?> 24 24 </div><!-- #secondary-top --> 25 25 26 <div id="secondary-bottom" class="widget-area" role="complementary"> 26 <?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?> 27 <div id="primary-sidebar" class="primary-sidebar widget-area" role="complementary"> 27 28 <?php 28 29 do_action( 'before_sidebar' ); 29 30 dynamic_sidebar( 'sidebar-1' ); 30 31 ?> 31 32 </div><!-- #secondary-bottom --> 33 <?php endif; ?> 32 34 </div><!-- #secondary --> -
wp-content/themes/twentyfourteen/style.css
14 14 */ 15 15 16 16 17 /* =Reset 18 ----------------------------------------------- */ 17 /** 18 * Table of Contents: 19 * 20 * 1.0 - Reset 21 * 2.0 - Repeatable Patterns 22 * 3.0 - Basic Structure 23 * 4.0 - Header 24 * 5.0 - Navigations 25 * 6.0 - Content 26 * 6.1 - Post Thumbnail 27 * 6.1 - Entry Header 28 * 6.2 - Entry Meta 29 * 6.3 - Entry Content 30 * 6.4 - Galleries 31 * 6.5 - Post Formats 32 * 6.6 - Post/Paging Navigation 33 * 6.7 - Attachments 34 * 6.8 - Archives 35 * 6.9 - Contributor Page 36 * 6.10 - 404 Page 37 * 6.11 - Front Page 38 * 6.12 - Comments 39 * 7.0 - Sidebar 40 * 7.1 - Widgets 41 * 7.2 - Content Sidebar Widgets 42 * 8.0 - Footer 43 * 9.0 - Featured Content 44 * 10.0 - Media Queries 45 * ----------------------------------------------------------------------------- 46 */ 19 47 20 html, body, div, span, applet, object, iframe, 21 h1, h2, h3, h4, h5, h6, p, blockquote, pre, 22 a, abbr, acronym, address, big, cite, code, 23 del, dfn, em, font, ins, kbd, q, s, samp, 24 small, strike, strong, sub, sup, tt, var, 25 dl, dt, dd, ol, ul, li, 26 fieldset, form, label, legend, 27 table, caption, tbody, tfoot, thead, tr, th, td { 48 49 50 /** 51 * 1.0 Reset 52 * 53 * Resetting and rebuilding styles have been helped along thanks to the fine 54 * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html 55 * along with Nicolas Gallagher and Jonathan Neal 56 * http://necolas.github.com/normalize.css/ and Blueprint 57 * http://www.blueprintcss.org/ 58 * 59 * ----------------------------------------------------------------------------- 60 */ 61 62 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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 28 63 border: 0; 29 64 font-family: inherit; 30 65 font-size: 100%; … … 35 70 padding: 0; 36 71 vertical-align: baseline; 37 72 } 38 html { 39 font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ 40 overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */ 41 -webkit-text-size-adjust: 100%; 42 -ms-text-size-adjust: 100%; 43 } 44 body { 45 background: #fff; 46 } 73 47 74 article, 48 75 aside, 49 76 details, … … 56 83 section { 57 84 display: block; 58 85 } 59 ol, ul { 60 list-style: none; 86 87 audio, 88 canvas, 89 video { 90 display: inline-block; 61 91 } 62 table { /* tables still need 'cellspacing="0"' in the markup */ 63 border-collapse: separate; 64 border-spacing: 0; 92 93 html { 94 overflow-y: scroll; 95 -webkit-text-size-adjust: 100%; 96 -ms-text-size-adjust: 100%; 65 97 } 66 caption, th, td {67 font-weight: normal;68 text-align: left;69 }70 blockquote:before, blockquote:after,71 q:before, q:after {72 content: "";73 }74 blockquote, q {75 quotes: "" "";76 }77 a:focus {78 outline: thin dotted;79 }80 a:hover,81 a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */82 outline: 0;83 }84 a img {85 border: 0;86 display: block;87 }88 98 89 /* =Global90 ----------------------------------------------- */91 92 99 body, 93 100 button, 94 101 input, 95 102 select, 96 103 textarea { 97 104 color: #2b2b2b; 98 font-family: lato, sans-serif;105 font-family: Lato, sans-serif; 99 106 font-size: 16px; 100 107 font-weight: 400; 101 108 line-height: 1.5; 102 109 } 103 110 104 /* Selection */ 105 ::-moz-selection { 106 background: #24890d; 107 color: #fff; 108 text-shadow: none; 111 body { 112 background: #f5f5f5; 109 113 } 110 ::selection { 111 background: #24890d; 112 color: # fff;113 text- shadow: none;114 115 a { 116 color: #24890d; 117 text-decoration: none; 114 118 } 115 119 116 /* Headings */ 117 h1,h2,h3,h4,h5,h6 { 120 a:focus { 121 outline: thin dotted; 122 } 123 124 a:hover, 125 a:active { 126 outline: 0; 127 } 128 129 a:hover, 130 a:focus, 131 a:active { 132 color: #5ff23d; 133 } 134 135 h1, 136 h2, 137 h3, 138 h4, 139 h5, 140 h6 { 118 141 clear: both; 119 142 font-weight: 700; 120 143 margin: 36px 0 12px; 121 144 } 145 122 146 h1 { 123 147 font-size: 26px; 124 148 line-height: 1.3846153846; 125 149 } 150 126 151 h2 { 127 152 font-size: 24px; 128 153 line-height: 1; 129 154 } 155 130 156 h3 { 131 157 font-size: 22px; 132 158 line-height: 1.0909090909; 133 159 } 160 134 161 h4 { 135 162 font-size: 20px; 136 163 line-height: 1.2; 137 164 } 165 138 166 h5 { 139 167 font-size: 18px; 140 168 line-height: 1.3333333333; 141 169 } 170 142 171 h6 { 143 172 font-size: 16px; 144 173 line-height: 1.5; 145 174 } 146 h1 a,147 h2 a,148 h3 a,149 h4 a,150 h5 a,151 h6 a {152 color: #2b2b2b;153 text-decoration: none;154 }155 h1 a:hover,156 h2 a:hover,157 h3 a:hover,158 h4 a:hover,159 h5 a:hover,160 h6 a:hover {161 color: #24890d;162 text-decoration: none;163 }164 hr {165 background-color: rgba(0, 0, 0, 0.1);166 border: 0;167 height: 1px;168 margin-bottom: 23px;169 }170 175 171 /* Text elements */ 172 p { 176 address { 173 177 margin-bottom: 24px; 174 178 } 175 ul, ol { 176 margin: 0 0 24px 22px; 179 180 abbr, 181 acronym { 182 border-bottom: 1px dotted #2b2b2b; 183 cursor: help; 177 184 } 178 ul { 179 list-style: disc; 185 186 b, 187 strong { 188 font-weight: 700; 180 189 } 181 ol { 182 list-style: decimal; 190 191 dfn, 192 em, 193 i { 194 font-style: italic; 183 195 } 184 li > ul, 185 li > ol { 186 margin-bottom: 0; 187 margin-left: 20px; 196 197 mark, 198 ins { 199 background: #fff9c0; 200 text-decoration: none; 188 201 } 189 dt { 190 font-weight: bold; 202 203 code, 204 kbd, 205 tt, 206 var, 207 samp, 208 pre { 209 font-family: monospace, serif; 210 font-size: 15px; 211 line-height: 1.6; 191 212 } 192 dd { 193 margin: 0 0 24px; 213 214 pre { 215 background: #eee; 216 margin-bottom: 24px; 217 max-width: 100%; 218 overflow: auto; 219 padding: 12px; 194 220 } 195 b, strong { 196 font-weight: bold; 221 222 blockquote, 223 q { 224 quotes: none; 197 225 } 198 dfn, cite, em, i { 199 font-style: italic; 226 227 blockquote:before, 228 blockquote:after, 229 q:before, 230 q:after { 231 content: ""; 232 content: none; 200 233 } 234 201 235 blockquote { 236 color: #767676; 237 font-size: 19px; 202 238 font-style: italic; 203 239 font-weight: 300; 204 margin: 0 0 24px; 240 line-height: 1.2631578947; 241 margin-bottom: 24px; 205 242 } 206 blockquote em, blockquote i, blockquote cite { 243 244 blockquote em, 245 blockquote i, 246 blockquote cite { 207 247 font-style: normal; 208 248 } 209 blockquote p { 210 color: #767676; 211 font-size: 19px; 212 line-height: 1.2631578947; 213 } 249 214 250 blockquote cite { 215 251 color: #2b2b2b; 216 252 font-size: 16px; 217 253 font-weight: 400; 218 254 line-height: 1.5; 219 255 } 220 address { 221 margin: 0 0 24px; 256 257 blockquote strong, 258 blockquote b { 259 font-weight: 400; 222 260 } 223 pre { 224 background: #eee; 225 font-family: 'Courier 10 Pitch', Courier, monospace; 226 font-size: 15px; 227 line-height: 1.6; 228 margin-bottom: 24px; 229 max-width: 100%; 230 overflow: auto; 231 padding: 12px; 261 262 small { 263 font-size: 75%; 232 264 } 233 code, kbd, tt, var { 234 font: 15px/1.6 Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace; 265 266 big { 267 font-size: 125%; 235 268 } 236 abbr, acronym { 237 border-bottom: 1px dotted #2b2b2b; 238 cursor: help; 239 } 240 mark, ins { 241 background: #fff9c0; 242 text-decoration: none; 243 } 269 244 270 sup, 245 271 sub { 246 272 font-size: 75%; … … 249 275 position: relative; 250 276 vertical-align: baseline; 251 277 } 278 252 279 sup { 253 280 bottom: 1ex; 254 281 } 282 255 283 sub { 256 284 top: .5ex; 257 285 } 258 small { 259 font-size: 75%; 286 287 dl { 288 margin-bottom: 24px; 260 289 } 261 big { 262 font-size: 125%; 290 291 dt { 292 font-weight: bold; 263 293 } 294 295 dd { 296 margin-bottom: 24px; 297 } 298 299 ul, 300 ol { 301 list-style: none; 302 margin: 0 0 24px 20px; 303 } 304 305 ul { 306 list-style: disc; 307 } 308 309 ol { 310 list-style: decimal; 311 } 312 313 li > ul, 314 li > ol { 315 margin: 0 0 0 20px; 316 } 317 318 img { 319 -ms-interpolation-mode: bicubic; 320 border: 0; 321 vertical-align: middle; 322 } 323 264 324 figure { 265 325 margin: 0; 266 326 } 327 328 table, 329 th, 330 td { 331 border: 1px solid rgba(0, 0, 0, 0.1); 332 } 333 267 334 table { 268 margin: 0 0 24px; 335 border-collapse: separate; 336 border-spacing: 0; 337 border-width: 1px 0 0 1px; 338 margin-bottom: 24px; 269 339 width: 100%; 270 340 } 341 342 caption, 343 th, 344 td { 345 font-weight: normal; 346 text-align: left; 347 } 348 271 349 th { 350 border-width: 0 1px 1px 0; 272 351 font-weight: bold; 273 352 } 353 354 td { 355 border-width: 0 1px 1px 0; 356 } 357 358 del { 359 color: #767676; 360 } 361 362 hr { 363 background-color: rgba(0, 0, 0, 0.1); 364 border: 0; 365 height: 1px; 366 margin-bottom: 23px; 367 } 368 369 ::selection { 370 background: #24890d; 371 color: #fff; 372 text-shadow: none; 373 } 374 375 ::-moz-selection { 376 background: #24890d; 377 color: #fff; 378 text-shadow: none; 379 } 380 381 p { 382 margin-bottom: 24px; 383 } 384 274 385 button, 275 386 input, 276 387 select, 277 388 textarea { 278 font-size: 100%; /* Corrects font size not being inherited in all browsers */ 279 margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ 389 font-size: 100%; 390 margin: 0; 391 max-width: 100%; 280 392 } 393 281 394 button, 282 395 input { 283 line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */ 284 *overflow: visible; /* Corrects inner spacing displayed oddly in IE6/7 */ 396 line-height: normal; 285 397 } 398 286 399 button, 287 .contributor-posts-link, 400 input[type="button"], 401 input[type="checkbox"], 402 input[type="email"], 403 input[type="password"], 404 input[type="radio"], 405 input[type="reset"], 406 input[type="search"], 407 input[type="submit"] 408 input[type="text"], 409 input[type="url"], 410 textarea { 411 -webkit-box-sizing: border-box; 412 -moz-box-sizing: border-box; 413 box-sizing: border-box; 414 } 415 416 button, 288 417 html input[type="button"], 289 418 input[type="reset"], 290 419 input[type="submit"] { 420 -webkit-appearance: button; 421 cursor: pointer; 422 } 423 424 input[type="checkbox"], 425 input[type="radio"] { 426 padding: 0; 427 } 428 429 input[type="search"] { 430 -webkit-appearance: textfield; 431 } 432 433 input[type="search"]::-webkit-search-decoration { 434 -webkit-appearance: none; 435 } 436 437 button::-moz-focus-inner, 438 input::-moz-focus-inner { 439 border: 0; 440 padding: 0; 441 } 442 443 textarea { 444 overflow: auto; 445 vertical-align: top; 446 } 447 448 449 /** 450 * 2.0 Repeatable Patterns 451 * ----------------------------------------------------------------------------- 452 */ 453 454 /* Buttons */ 455 456 button, 457 .contributor-posts-link, 458 input[type="button"], 459 input[type="reset"], 460 input[type="submit"] { 291 461 background-color: #24890d; 292 462 border: none; 293 463 border-radius: 2px; 294 464 color: #fff; 295 465 font-size: 12px; 296 466 font-weight: 700; 297 line-height: 1; 298 padding: 13px 33px 11px; 467 padding: 11px 30px 10px; 299 468 text-transform: uppercase; 300 469 vertical-align: top; 301 470 } 471 302 472 button:hover, 473 button:focus, 303 474 .contributor-posts-link:hover, 304 html input[type="button"]:hover, 475 input[type="button"]:hover, 476 input[type="button"]:focus, 305 477 input[type="reset"]:hover, 478 input[type="reset"]:focus, 306 479 input[type="submit"]:hover, 307 button:focus,308 html input[type="button"]:focus,309 input[type="reset"]:focus,310 480 input[type="submit"]:focus { 311 481 background-color: #35921f; 312 482 color: #fff; 313 cursor: pointer;314 483 } 484 315 485 button:active, 316 486 .contributor-posts-link:active, 317 htmlinput[type="button"]:active,487 input[type="button"]:active, 318 488 input[type="reset"]:active, 319 489 input[type="submit"]:active { 320 490 background-color: #5ff23d; 321 491 } 322 input[type="checkbox"], 323 input[type="radio"] { 324 -webkit-box-sizing: border-box; 325 -moz-box-sizing: border-box; 326 box-sizing: border-box; 327 padding: 0; /* Addresses excess padding in IE8/9 */ 328 } 329 input[type="search"] { 330 -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */ 331 -webkit-box-sizing: content-box; 332 -moz-box-sizing: content-box; 333 box-sizing: content-box; 334 } 335 input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ 336 -webkit-appearance: none; 337 } 338 button::-moz-focus-inner, 339 input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ 340 border: 0; 341 padding: 0; 342 } 492 493 /* Input Fields */ 494 495 input[type="email"], 496 input[type="password"], 497 input[type="search"], 343 498 input[type="text"], 344 input[type="email"],345 499 input[type="url"], 346 input[type="search"],347 input[type="password"],348 500 textarea { 349 501 border: 1px solid rgba(0, 0, 0, 0.1); 350 502 border-radius: 2px; 351 -webkit-box-sizing: border-box;352 -moz-box-sizing: border-box;353 box-sizing: border-box;354 503 color: #2b2b2b; 504 padding: 8px 10px 7px; 355 505 } 506 507 input[type="email"]:focus, 508 input[type="password"]:focus, 509 input[type="search"]:focus, 356 510 input[type="text"]:focus, 357 input[type="email"]:focus,358 511 input[type="url"]:focus, 359 input[type="search"]:focus,360 input[type="password"]:focus,361 512 textarea:focus { 362 513 color: #2b2b2b; 363 514 } 364 input[type="text"], 365 input[type="email"], 366 input[type="url"], 367 input[type="search"], 368 input[type="password"] { 369 padding: 8px 10px; 370 } 515 371 516 textarea { 372 overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */373 517 padding: 8px 10px; 374 vertical-align: top; /* Improves readability and alignment in all browsers */375 518 width: 100%; 376 519 } 520 377 521 .search-field { 378 522 width: 100%; 379 523 } 380 524 381 /* Links */ 382 a { 383 color: #24890d; 384 text-decoration: none; 525 .search-submit { 526 display: none; 385 527 } 386 a:hover, 387 a:focus, 388 a:active { 389 color: #5FF23D; 528 529 /* Responsive images. Fluid images for posts, comments, and widgets */ 530 531 .entry-content img, 532 .entry-summary img, 533 .comment-content img, 534 #site-header img, 535 .widget img, 536 .wp-caption { 537 max-width: 100%; 390 538 } 391 539 540 /** 541 * Make sure images with WordPress-added height and width attributes are 542 * scaled correctly. 543 */ 544 545 .entry-content img, 546 .entry-summary img, 547 .comment-content img[height], 548 img[class*="align"], 549 img[class*="wp-image-"], 550 img[class*="attachment-"], 551 #site-header img { 552 height: auto; 553 } 554 555 img.size-full, 556 img.size-large, 557 img.wp-post-image { 558 height: auto; 559 max-width: 100%; 560 } 561 562 .attachment-featured-featured img, 563 .attachment-featured-thumbnail img { 564 height: auto; 565 max-width: 100%; 566 } 567 568 /* Make sure embeds and iframes fit their containers */ 569 570 embed, 571 iframe, 572 object, 573 video { 574 margin-bottom: 24px; 575 max-width: 100%; 576 } 577 578 p > embed, 579 p > iframe, 580 p > object, 581 span > embed, 582 span > iframe, 583 span > object { 584 margin-bottom: 0; 585 } 586 392 587 /* Alignment */ 588 393 589 .alignleft { 394 590 display: inline; 395 591 float: left; 396 592 margin-right: 24px; 397 593 } 594 398 595 .alignright { 399 596 display: inline; 400 597 float: right; 401 598 margin-left: 24px; 402 599 } 600 403 601 .aligncenter { 404 602 clear: both; 405 603 display: block; 406 604 margin: 0 auto; 407 605 } 408 606 607 blockquote.alignleft, 608 img.alignleft, 609 .wp-caption.alignleft { 610 margin: 7px 24px 7px 0; 611 } 612 613 blockquote.alignright, 614 img.alignright, 615 .wp-caption.alignright { 616 margin: 7px 0 7px 24px; 617 } 618 619 blockquote.aligncenter, 620 img.aligncenter, 621 .wp-caption.aligncenter { 622 margin-top: 7px; 623 margin-bottom: 7px; 624 } 625 626 .site-content blockquote.alignleft, 627 .site-content blockquote.alignright { 628 border-top: 1px solid rgba(0, 0, 0, 0.1); 629 border-bottom: 1px solid rgba(0, 0, 0, 0.1); 630 padding-top: 17px; 631 width: 50%; 632 } 633 634 .site-content blockquote.alignleft p, 635 .site-content blockquote.alignright p { 636 margin-bottom: 17px; 637 } 638 639 .wp-caption { 640 margin-bottom: 24px; 641 } 642 643 .wp-caption img[class*="wp-image-"] { 644 display: block; 645 margin: 0; 646 } 647 648 .wp-caption { 649 color: #767676; 650 } 651 652 .wp-caption-text { 653 -webkit-box-sizing: border-box; 654 -moz-box-sizing: border-box; 655 box-sizing: border-box; 656 font-size: 12px; 657 font-style: italic; 658 line-height: 1.5; 659 margin: 9px 0; 660 } 661 662 img.wp-smiley { 663 border: none; 664 margin-bottom: 0; 665 margin-top: 0; 666 padding: 0; 667 } 668 409 669 /* Assistive text */ 670 410 671 .screen-reader-text { 411 672 clip: rect(1px, 1px, 1px, 1px); 412 673 position: absolute !important; … … 433 694 z-index: 100000; /* Above WP toolbar */ 434 695 } 435 696 436 /* Hidden */437 697 .hide { 438 698 display: none; 439 699 } 440 700 441 /* Clearing */ 701 /* Clearing floats */ 702 442 703 .clear:before, 443 704 .clear:after, 705 .footer-sidebar:before, 706 .footer-sidebar:after, 444 707 .hentry:before, 445 708 .hentry:after, 446 .footer-sidebar:before,447 .footer-sidebar:after,448 709 [class*="content"]:before, 449 710 [class*="content"]:after, 450 711 [class*="site"]:before, 451 712 [class*="site"]:after { 452 content: '';713 content: ""; 453 714 display: table; 454 715 } 455 716 456 717 .clear:after, 718 .footer-sidebar:after, 457 719 .hentry:after, 458 .footer-sidebar:after,459 720 [class*="content"]:after, 460 721 [class*="site"]:after { 461 722 clear: both; 462 723 } 463 724 464 725 /* Genericons */ 726 727 .comment-edit-link:before, 728 .comment-reply-link:before, 729 .comment-reply-login:before, 730 .contributor-posts-link:before, 465 731 .search-toggle:before, 466 .contributor-posts-link:before,467 732 .widget_twentyfourteen_ephemera .widget-title:before { 468 733 -webkit-font-smoothing: antialiased; 469 734 display: inline-block; 470 font-family: 'Genericons';735 font-family: Genericons; 471 736 font-size: 16px; 472 737 font-style: normal; 473 738 font-weight: normal; … … 476 741 vertical-align: top; 477 742 } 478 743 744 /* Separator */ 479 745 480 /* =Basic Structure 481 ----------------------------------------------- */ 746 .site-content span + .entry-date:before, 747 .full-size-link:before, 748 .parent-post-link:before, 749 span + .byline:before, 750 span + .comments-link:before, 751 span + .edit-link:before, 752 .widget_twentyfourteen_ephemera .entry-title:after { 753 content: "\0020\007c\0020"; 754 } 482 755 483 body { 484 background-color: #f5f5f5; 485 } 756 757 /** 758 * 3.0 Basic Structure 759 * ----------------------------------------------------------------------------- 760 */ 761 486 762 .site { 487 763 background-color: #fff; 488 764 max-width: 1260px; 489 765 position: relative; 490 766 } 491 .content-area {492 padding-top: 24px;493 }494 767 495 768 496 /* =Header 497 ----------------------------------------------- */ 769 /** 770 * 4.0 Header 771 * ----------------------------------------------------------------------------- 772 */ 498 773 774 #site-header { 775 position: relative; 776 z-index: 3; 777 } 778 499 779 .site-header { 500 780 background-color: #000; 501 781 max-width: 1260px; … … 504 784 z-index: 3; 505 785 } 506 786 507 /* Fixed Header */508 .site-header.masthead-fixed {509 box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);510 position: fixed;511 top: 0;512 }513 .admin-bar .site-header.masthead-fixed {514 top: 28px;515 }516 .admin-bar.mp6 .site-header.masthead-fixed {517 top: 32px;518 }519 #site-header {520 position: relative;521 z-index: 3;522 }523 787 .header-main { 524 788 margin-right: 48px; 525 789 min-height: 48px; 526 790 padding-left: 10px; 527 791 } 792 528 793 .header-extra { 529 794 background-color: #24890d; 530 795 float: right; 531 796 } 797 532 798 .site-title { 533 799 display: inline-block; 534 800 float: left; … … 537 803 line-height: 48px; 538 804 margin: 0; 539 805 } 806 540 807 .site-title a { 541 808 color: #fff; 542 809 } 543 #nav-toggle { 544 background-color: #000; 545 line-height: 1; 546 padding: 16px; 547 position: absolute; 548 top:0; 549 right: 0; 550 } 551 #nav-toggle:before { 552 color: #fff; 553 content: '\F419'; 554 } 555 #nav-toggle:hover { 556 cursor: pointer; 557 } 810 811 /* Search in the header */ 812 558 813 .search-toggle { 559 814 background-color: #24890d; 560 815 -webkit-box-sizing: border-box; 561 816 -moz-box-sizing: border-box; 562 817 box-sizing: border-box; 563 818 color: #fff; 819 cursor: pointer; 564 820 display: block; 565 821 float: left; 566 822 font-size: 10px; … … 571 827 text-align: center; 572 828 text-transform: uppercase; 573 829 } 574 .search-toggle a, 575 .search-toggle a:hover { 576 color: #fff; 577 } 830 578 831 .search-toggle:hover, 579 832 .search-toggle.active { 580 833 background-color: #35921f; 581 834 } 582 .search-toggle:hover { 583 cursor: pointer; 584 } 835 585 836 .search-toggle:before { 586 837 color: #fff; 587 content: '\f400';838 content: "\f400"; 588 839 margin-left: -8px; 589 840 position: absolute; 590 591 841 top: 9px; 842 left: 50%; 592 843 } 844 845 .search-toggle a, 846 .search-toggle a:hover { 847 color: #fff; 848 } 849 593 850 .search-box-wrapper { 594 851 -webkit-box-sizing: border-box; 595 852 -moz-box-sizing: border-box; … … 598 855 width: 100%; 599 856 z-index: 2; 600 857 } 858 601 859 .search-box { 602 860 background-color: #35921f; 603 861 } 862 604 863 .search-box .search-field { 605 864 background-color: #fff; 606 865 float: right; … … 610 869 width: 326px; 611 870 } 612 871 872 /* Fixed Header */ 613 873 614 /* =Menu 615 ----------------------------------------------- */ 874 .site-header.masthead-fixed { 875 box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2); 876 position: fixed; 877 top: 0; 878 } 616 879 880 .admin-bar .site-header.masthead-fixed { 881 top: 28px; 882 } 883 884 .admin-bar.mp6 .site-header.masthead-fixed { 885 top: 32px; 886 } 887 888 889 /** 890 * 5.0 Navigations 891 * ----------------------------------------------------------------------------- 892 */ 893 894 .site-navigation a { 895 color: #fff; 896 text-transform: uppercase; 897 } 898 899 .site-navigation .current_page_item > a, 900 .site-navigation .current-menu-item > a { 901 color: #5ff23d; 902 } 903 904 .site-navigation ul { 905 list-style: none; 906 } 907 617 908 /* Primary Navigation */ 909 618 910 .primary-navigation { 619 911 display: none; 620 912 float: right; 621 913 font-size: 11px; 622 font-weight: 700;623 914 line-height: 1.6363636363; 624 915 margin: 0 10px 0 -10px; 625 text-transform: uppercase;626 916 } 917 627 918 .primary-navigation ul { 628 list-style: none;629 919 margin: 0; 630 920 padding-left: 0; 631 921 } 922 632 923 .primary-navigation li { 633 924 -webkit-box-sizing: border-box; 634 925 -moz-box-sizing: border-box; … … 638 929 line-height: 48px; 639 930 position: relative; 640 931 } 932 641 933 .primary-navigation a { 642 color: #fff;643 934 display: inline-block; 644 935 padding: 0 10px; 645 936 text-decoration: none; 646 937 white-space: nowrap; 647 938 } 939 648 940 .primary-navigation ul ul { 649 941 background-color: #24890d; 650 942 float: left; 651 943 position: absolute; 652 653 944 top: 48px; 945 left: -999em; 654 946 z-index: 99999; 655 947 } 948 656 949 .primary-navigation li li { 657 950 display: block; 658 951 height: auto; 659 952 line-height: 1.6363636363; 660 953 } 954 661 955 .primary-navigation ul ul ul { 662 956 left: -999em; 663 957 top: 0; 664 958 } 959 665 960 .primary-navigation ul ul a { 666 961 padding: 9px 12px; 667 962 white-space: normal; 668 963 width: 148px; 669 964 } 670 .primary-navigation ul ul li { 671 } 965 672 966 .primary-navigation li:hover > a { 673 967 background-color: #24890d; 674 968 color: #fff; 675 969 } 970 676 971 .primary-navigation ul ul a:hover { 677 972 background-color: #000; 678 973 } 974 679 975 .primary-navigation ul li:hover > ul, 680 976 .primary-navigation ul li.focus > ul { 681 977 left: auto; 682 978 } 979 683 980 .primary-navigation ul ul li:hover > ul, 684 981 .primary-navigation ul ul li.focus > ul { 685 982 left: 100%; 686 983 } 687 .primary-navigation .current_page_item > a,688 .primary-navigation .current-menu-item > a {689 color: #5ff23d;690 }691 984 692 985 /* Secondary Navigation */ 986 693 987 .secondary-navigation { 694 988 border-bottom: 1px solid rgba(255, 255, 255, 0.4); 695 989 font-size: 14px; 696 990 margin: 0 auto 48px; 697 991 max-width: 474px; 698 992 } 993 699 994 .secondary-navigation a { 700 color: #fff;701 995 display: block; 702 font-weight: 700; 703 padding: 7px 0 7px; 704 text-transform: uppercase; 996 padding: 7px 0; 705 997 } 998 706 999 .secondary-navigation a:hover { 707 color: #5 FF23D;1000 color: #5ff23d; 708 1001 } 1002 709 1003 .secondary-navigation ul { 710 list-style: none;711 1004 margin: 0; 712 1005 } 1006 713 1007 .secondary-navigation ul ul { 714 margin : 0 0 020px;1008 margin-left: 20px; 715 1009 } 1010 716 1011 .secondary-navigation li { 717 1012 border-top: 1px solid rgba(255, 255, 255, 0.4); 718 1013 } 1014 719 1015 .secondary-navigation li li { 720 1016 border-top: 1px solid rgba(255, 255, 255, 0.2); 721 1017 } 722 #secondary .current_page_item > a,723 #secondary .current-menu-item > a {724 color: #5FF23D;725 }726 1018 727 1019 /* Mobile Navigations */ 1020 728 1021 #mobile-navigations { 729 1022 margin: 1px auto 0; 730 1023 max-width: 474px; 731 1024 } 1025 732 1026 .mobile-navigation { 733 1027 background-color: #000; 734 1028 -webkit-box-sizing: border-box; 735 1029 -moz-box-sizing: border-box; 736 1030 box-sizing: border-box; 737 1031 font-size: 14px; 738 font-weight: 700;739 1032 padding: 24px 10px 0; 740 text-transform: uppercase;741 1033 } 1034 742 1035 .mobile-navigation ul { 743 list-style: none;744 1036 margin: 0; 745 1037 } 1038 746 1039 .mobile-navigation li { 747 1040 border-top: 1px solid rgba(255, 255, 255, 0.4); 748 1041 } 1042 749 1043 .mobile-navigation li li { 750 1044 border-top: 1px solid rgba(255, 255, 255, 0.2); 751 1045 } 1046 752 1047 .mobile-navigation ul ul li { 753 1048 margin-left: 15px; 754 1049 } 1050 755 1051 .mobile-navigation a { 756 color: rgba(255, 255, 255, 1);757 1052 display: block; 758 padding: 7px 0 7px;1053 padding: 7px 0; 759 1054 text-decoration: none; 760 1055 } 1056 761 1057 .mobile-navigation a:hover { 762 1058 color: rgba(255, 255, 255, 0.7); 763 1059 } 764 1060 1061 #nav-toggle { 1062 background-color: #000; 1063 cursor: pointer; 1064 line-height: 1; 1065 padding: 16px; 1066 position: absolute; 1067 top: 0; 1068 right: 0; 1069 } 765 1070 766 /* =Content 767 ----------------------------------------------- */ 1071 #nav-toggle:before { 1072 color: #fff; 1073 content: "\f419"; 1074 } 768 1075 769 .sticky .entry-date { 770 display: none; 1076 1077 /** 1078 * 6.0 Content 1079 * ----------------------------------------------------------------------------- 1080 */ 1081 1082 .content-area { 1083 padding-top: 24px; 771 1084 } 1085 772 1086 .hentry { 773 1087 margin-bottom: 24px; 774 1088 max-width: 672px; 775 1089 } 776 .attachment-featured-thumbnail { 1090 1091 .full-width .hentry { 1092 max-width: 100%; 1093 } 1094 1095 .site-content .entry-header, 1096 .site-content .entry-content, 1097 .site-content .entry-summary, 1098 .site-content .entry-meta, 1099 .page-content { 1100 margin: 0 auto; 1101 max-width: 474px; 1102 } 1103 1104 1105 /** 1106 * 6.1 Post Thumbnail 1107 * ----------------------------------------------------------------------------- 1108 */ 1109 1110 .attachment-featured-thumbnail { 777 1111 background: #767676; 778 1112 background-attachment: fixed; 779 1113 background-image: -webkit-linear-gradient(135deg, #767676 12.5%, #fff 12.5%, #fff 50%, #767676 50%, #767676 62.5%, #fff 62.5%); … … 788 1122 height: auto; 789 1123 z-index: 0; 790 1124 } 791 .has-featured-image .attachment-featured-thumbnail, 792 .format-standard .attachment-featured-thumbnail { 793 display: block; 794 } 1125 795 1126 .attachment-featured-thumbnail:hover { 796 1127 background: #919191; 797 1128 background-attachment: fixed; … … 799 1130 background-image: linear-gradient(135deg, #919191 12.5%, #fff 12.5%, #fff 50%, #919191 50%, #919191 62.5%, #fff 62.5%); 800 1131 background-size: 4px 4px; 801 1132 } 1133 802 1134 .attachment-featured-thumbnail img { 803 1135 display: block; 804 1136 margin: 0 auto; 805 1137 } 1138 1139 .has-featured-image .attachment-featured-thumbnail, 1140 .format-standard .attachment-featured-thumbnail { 1141 display: block; 1142 } 1143 1144 1145 /** 1146 * 6.2 Entry Header 1147 * ----------------------------------------------------------------------------- 1148 */ 1149 806 1150 .entry-header { 807 1151 position: relative; 808 1152 z-index: 1; 809 1153 } 1154 1155 .site-content .entry-header { 1156 background-color: #fff; 1157 padding: 0 10px 12px; 1158 } 1159 1160 .site-content .has-featured-image .entry-header, 1161 .site-content .format-standard .entry-header { 1162 padding-top: 24px; 1163 } 1164 1165 .site-content .format-standard.post-password-required .entry-header { 1166 padding-top: 0; 1167 } 1168 810 1169 .entry-title { 811 1170 clear: none; 812 1171 font-size: 15px; … … 814 1173 line-height: 18px; 815 1174 margin: 0 0 6px 0; 816 1175 } 1176 1177 .site-content .entry-title { 1178 font-size: 33px; 1179 font-weight: 300; 1180 line-height: 1.0909090909; 1181 margin-bottom: 12px; 1182 text-transform: uppercase; 1183 } 1184 817 1185 .entry-title a { 818 1186 color: #2b2b2b; 819 1187 } 1188 820 1189 .entry-title a:hover { 821 1190 color: #24890d; 822 1191 } 1192 1193 1194 1195 /** 1196 * 6.3 Entry Meta 1197 * ----------------------------------------------------------------------------- 1198 */ 1199 823 1200 .entry-meta { 824 1201 clear: both; 825 1202 color: #767676; … … 827 1204 font-weight: 400; 828 1205 line-height: 1.3333333333; 829 1206 } 1207 1208 .site-content .entry-meta { 1209 background-color: #fff; 1210 margin-bottom: 8px; 1211 text-transform: uppercase; 1212 } 1213 830 1214 .entry-meta a { 831 1215 color: #767676; 832 1216 } 1217 833 1218 .entry-meta a:hover { 834 1219 color: #2b2b2b; 835 1220 } 1221 1222 .sticky .entry-date { 1223 display: none; 1224 } 1225 836 1226 .cat-links { 837 1227 font-weight: 900; 838 1228 text-transform: uppercase; 839 1229 } 1230 840 1231 .cat-links a { 841 1232 color: #2b2b2b; 842 1233 } 1234 843 1235 .cat-links a:hover { 844 1236 color: #24890d; 845 1237 } 1238 846 1239 .byline { 847 1240 display: none; 848 1241 } 1242 849 1243 .single .byline, 850 1244 .group-blog .byline { 851 1245 display: inline; 852 1246 } 853 .widget_twentyfourteen_ephemera .entry-title:after, 854 .content-area span + .entry-date:before, 855 span + .byline:before, 856 span + .comments-link:before, 857 span + .edit-link:before, 858 .full-size-link:before, 859 .parent-post-link:before { 860 content: '\0020\007c\0020'; 1247 1248 .site-content footer.entry-meta { 1249 margin: 12px auto 36px; 1250 padding: 0 10px; 861 1251 } 1252 1253 1254 /* Tag links style */ 1255 1256 .tag-links a { 1257 background-color: #767676; 1258 border-radius: 0 2px 2px 0; 1259 color: #fff; 1260 display: inline-block; 1261 font-size: 11px; 1262 font-weight: 700; 1263 line-height: 1.2727272727; 1264 margin: 0 4px 4px 10px; 1265 padding: 3px 7px; 1266 position: relative; 1267 text-transform: uppercase; 1268 } 1269 1270 .tag-links a:hover, 1271 .tag-links a:focus { 1272 background-color: #2b2b2b; 1273 color: #fff; 1274 text-decoration: none; 1275 } 1276 1277 .tag-links a:before { 1278 border-top: 10px solid transparent; 1279 border-right: 8px solid #767676; 1280 border-bottom: 10px solid transparent; 1281 content: ""; 1282 position: absolute; 1283 top: 0; 1284 left: -8px; 1285 width: 0; 1286 height: 0; 1287 } 1288 1289 .tag-links a:hover:before, 1290 .tag-links a:focus:before { 1291 border-right-color: #2b2b2b; 1292 } 1293 1294 .tag-links a:after { 1295 background-color: #fff; 1296 border-radius: 50%; 1297 content: ""; 1298 position: absolute; 1299 top: 8px; 1300 left: -2px; 1301 width: 4px; 1302 height: 4px; 1303 } 1304 1305 @-moz-document url-prefix() { /* For Firefox to avoid jagged edge */ 1306 .tag-links a:before { 1307 border-right: 10px solid #767676; 1308 left: -10px; 1309 } 1310 } 1311 1312 1313 /** 1314 * 6.3 Entry Content 1315 * ----------------------------------------------------------------------------- 1316 */ 1317 862 1318 .entry-content, 863 1319 .page-content, 864 1320 .entry-summary { 865 1321 position: relative; 866 1322 z-index: 2; 867 1323 } 1324 1325 .site-content .entry-content, 1326 .site-content .entry-summary, 1327 .page-content { 1328 background-color: #fff; 1329 padding: 12px 10px 0; 1330 } 1331 1332 .page .entry-content { 1333 padding-top: 0; 1334 } 1335 868 1336 .entry-content a, 869 1337 .page-content a, 870 1338 .entry-summary a, 871 1339 .comment-content a { 872 1340 text-decoration: underline; 873 1341 } 1342 874 1343 .entry-content table, 875 1344 .comment-content table { 876 border: 1px solid rgba(0, 0, 0, 0.1);877 border-width: 1px 0 1px 1px;878 1345 font-size: 14px; 879 1346 line-height: 1.2857142857; 880 1347 margin-bottom: 24px; 881 1348 } 1349 882 1350 .entry-content th, 883 1351 .comment-content th { 884 border-right: 1px solid rgba(0, 0, 0, 0.1);885 1352 font-weight: 700; 886 1353 padding: 8px; 887 1354 text-transform: uppercase; 888 1355 } 1356 889 1357 .entry-content td, 890 1358 .comment-content td { 891 border-top: 1px solid rgba(0, 0, 0, 0.1);892 border-right: 1px solid rgba(0, 0, 0, 0.1);893 1359 padding: 8px; 894 1360 } 895 .site-content blockquote.alignleft, 896 .site-content blockquote.alignright { 897 border-top: 1px solid rgba(0, 0, 0, 0.1); 898 border-bottom: 1px solid rgba(0, 0, 0, 0.1); 899 padding-top: 17px; 900 width: 50%; 1361 1362 .entry-content .edit-link { 1363 clear: both; 1364 display: block; 901 1365 } 902 .site-content blockquote.alignleft p, 903 .site-content blockquote.alignright p { 904 margin-bottom: 17px; 1366 1367 /* Mediaelements */ 1368 1369 .hentry .mejs-container { 1370 margin: 12px 0 18px; 905 1371 } 906 .entry-content .video-player, 907 .entry-content .PDS_Poll { 908 margin-bottom: 24px; 1372 1373 .hentry .mejs-mediaelement, 1374 .hentry .mejs-container .mejs-controls { 1375 background: #000; 909 1376 } 910 footer.entry-meta { 911 margin-bottom: 36px; 1377 1378 .hentry .mejs-controls .mejs-time-rail .mejs-time-loaded, 1379 .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { 1380 background: #fff; 912 1381 } 913 1382 914 /* .content-area specific styles */ 915 .content-area .entry-header, 916 .content-area .entry-content, 917 .content-area .entry-summary, 918 .content-area .entry-meta, 919 .page-content { 920 margin: 0 auto; 921 max-width: 474px; 1383 .hentry .mejs-controls .mejs-time-rail .mejs-time-current { 1384 background: #24890d; 922 1385 } 923 .content-area .entry-header { 924 background-color: #fff; 925 padding: 0 10px 12px; 1386 1387 .hentry .mejs-controls .mejs-time-rail .mejs-time-total, 1388 .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { 1389 background: #595959; 926 1390 } 927 .content-area .has-featured-image .entry-header, 928 . content-area .format-standard .entry-header{929 padding-top: 24px;1391 1392 .hentry .mejs-container .mejs-controls .mejs-time { 1393 padding-top: 9px; 930 1394 } 931 .content-area .format-standard.post-password-required .entry-header { 932 padding-top: 0; 1395 1396 .hentry .mejs-controls .mejs-time-rail span, 1397 .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, 1398 .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { 1399 border-radius: 0; 933 1400 } 934 .content-area .entry-title { 935 font-size: 33px; 936 font-weight: 300; 937 line-height: 1.0909090909; 938 margin-bottom: 12px; 939 text-transform: uppercase; 1401 1402 .hentry .mejs-overlay-loading { 1403 background: transparent; 940 1404 } 941 .content-area .entry-meta { 942 background-color: #fff; 943 margin-bottom: 8px; 944 text-transform: uppercase; 945 } 946 .content-area .entry-content, 947 .content-area .entry-summary, 948 .page-content { 949 background-color: #fff; 950 padding: 12px 10px 0; 951 } 952 .content-area footer.entry-meta { 953 margin-top: 12px; 954 padding: 0 10px; 955 } 956 .content-area footer.entry-meta { 957 margin-bottom: 24px; 958 } 959 .content-area footer.entry-meta .entry-title { 960 font-size: 12px; 961 font-weight: 400; 962 line-height: 1.3333333333; 963 margin-bottom: 8px; 964 text-transform: none; 965 } 966 footer.entry-meta .entry-title a { 967 color: #767676; 968 } 969 footer.entry-meta .entry-title a:hover { 970 color: #2b2b2b; 971 } 972 .format-aside .entry-content, 973 .format-aside .entry-summary, 974 .format-quote .entry-content, 975 .format-quote .entry-summary, 976 .format-link .entry-content, 977 .format-link.entry-summary { 978 padding-top: 0; 979 } 980 /* Page specific styles */ 981 .page .entry-content, 982 .error404 .page-header, 983 .error404 .page-content, 984 .attachment .entry-content { 985 padding-top: 0; 986 } 987 .attachment footer.entry-meta { 988 text-transform: none; 989 } 990 .more-link, 991 .post-format-archive-link { 992 font-size: 14px; 993 text-transform: uppercase; 994 white-space: pre; 995 } 996 .more-link:hover, 997 .post-format-archive-link:hover { 998 text-decoration: none; 999 } 1000 .more-link .meta-nav, 1001 .post-format-archive-link .meta-nav { 1002 position: relative; 1003 left: 0; 1004 } 1005 .more-link:hover .meta-nav, 1006 .post-format-archive-link:hover .meta-nav { 1007 left: 5px; 1008 } 1405 1406 /* Page links */ 1407 1009 1408 .page-links { 1010 1409 clear: both; 1011 1410 font-size: 12px; 1012 1411 font-weight: 900; 1013 1412 line-height: 2; 1014 margin : 0 024px;1413 margin-bottom: 24px; 1015 1414 text-transform: uppercase; 1016 1415 } 1416 1017 1417 .page-links a, 1018 1418 .page-links > span { 1019 1419 background: #fff; 1020 1420 border: 1px solid #fff; 1021 border-radius: 2px;1022 1421 display: inline-block; 1023 1422 margin: 0 1px 2px 0; 1024 1423 text-align: center; 1025 1424 width: 22px; 1026 1425 height: 22px; 1027 1426 } 1427 1028 1428 .page-links a { 1029 1429 background: #000; 1030 1430 border: 1px solid #000; 1031 1431 color: #fff; 1032 1432 text-decoration: none; 1033 1433 } 1434 1034 1435 .page-links a:hover { 1035 1436 background: #24890d; 1036 1437 border: 1px solid #24890d; 1037 1438 color: #fff; 1038 1439 } 1440 1039 1441 .page-links > span.page-links-title { 1040 1442 margin: 0; 1041 1443 padding-right: 9px; 1042 1444 width: auto; 1043 1445 height: auto; 1044 1446 } 1045 .tag-links a { 1046 background-color: #767676; 1047 border-radius: 0 2px 2px 0; 1048 color: #fff; 1049 display: inline-block; 1050 font-size: 11px; 1051 font-weight: 700; 1052 line-height: 1.2727272727; 1053 margin: 0 4px 4px 10px; 1054 padding: 3px 7px; 1055 position: relative; 1447 1448 /* More link */ 1449 1450 .more-link, 1451 .post-format-archive-link { 1452 font-size: 14px; 1056 1453 text-transform: uppercase; 1454 white-space: pre; 1057 1455 } 1058 .tag-links a:hover, 1059 .tag-links a:focus { 1060 background-color: #2b2b2b; 1061 color: #fff; 1456 1457 .more-link:hover, 1458 .post-format-archive-link:hover { 1062 1459 text-decoration: none; 1063 1460 } 1064 .tag-links a:before { 1065 border-top: 10px solid transparent; 1066 border-right: 8px solid #767676; 1067 border-bottom: 10px solid transparent; 1068 content: ''; 1069 position: absolute; 1070 top: 0; 1071 left: -8px; 1072 width: 0; 1073 height: 0; 1461 1462 .more-link .meta-nav, 1463 .post-format-archive-link .meta-nav { 1464 position: relative; 1465 left: 0; 1074 1466 } 1075 /* For Firefox to avoid jagged edge */ 1076 @-moz-document url-prefix() { 1077 .tag-links a:before { 1078 border-right: 10px solid #767676; 1079 left: -10px; 1080 } 1467 1468 .more-link:hover .meta-nav, 1469 .post-format-archive-link:hover .meta-nav { 1470 left: 5px; 1081 1471 } 1082 .tag-links a:hover:before,1083 .tag-links a:focus:before {1084 border-right-color: #2b2b2b;1085 }1086 .tag-links a:after {1087 background-color: #fff;1088 border-radius: 50%;1089 content: '';1090 position: absolute;1091 top: 8px;1092 left: -2px;1093 width: 4px;1094 height: 4px;1095 }1096 .archive-header,1097 .page-header {1098 margin: 0 auto 12px;1099 max-width: 474px;1100 }1101 .archive-title,1102 .page-title {1103 font-size: 16px;1104 font-weight: 900;1105 line-height: 1.5;1106 margin: 0 0 24px;1107 }1108 .taxonomy-description {1109 color: #767676;1110 font-size: 12px;1111 line-height: 1.5;1112 margin-bottom: 18px;1113 }1114 .taxonomy-description p:last-child {1115 margin: 0;1116 }1117 .entry-content .edit-link {1118 clear: both;1119 display: block;1120 }1121 1472 1122 1473 1123 /* =Front Page 1124 ----------------------------------------------- */ 1474 /** 1475 * 6.4 Gallery 1476 * ----------------------------------------------------------------------------- 1477 */ 1125 1478 1126 . front-page-content-wrapper{1127 width: 100%;1479 .gallery { 1480 margin-bottom: 20px; 1128 1481 } 1129 1482 1483 .gallery-item { 1484 float: left; 1485 margin: 0 4px 4px 0; 1486 overflow: hidden; 1487 position: relative; 1488 } 1130 1489 1131 /* =404 Page 1132 ----------------------------------------------- */ 1133 1134 .error404 .page-content .search-form { 1135 margin-bottom: 36px; 1490 .gallery-columns-1.gallery-size-medium, 1491 .gallery-columns-1.gallery-size-thumbnail, 1492 .gallery-columns-2.gallery-size-thumbnail, 1493 .gallery-columns-3.gallery-size-thumbnail { 1494 display: table; 1495 margin: 0 auto 20px; 1136 1496 } 1137 .error404 .page-content .widget-title {1138 border-top: 5px solid #000;1139 color: #2b2b2b;1140 padding-top: 7px;1141 }1142 1497 1143 1144 /* =Full-width Layout 1145 ----------------------------------------------- */ 1146 1147 .full-width .hentry { 1498 .gallery-columns-1 .gallery-item { 1148 1499 max-width: 100%; 1149 1500 } 1150 1501 1502 .gallery-columns-2 .gallery-item { 1503 max-width: 48%; 1504 max-width: -webkit-calc(50% - 4px); 1505 max-width: calc(50% - 4px); 1506 } 1151 1507 1152 /* =Featured Content 1153 ----------------------------------------------- */ 1508 .gallery-columns-3 .gallery-item { 1509 max-width: 32%; 1510 max-width: -webkit-calc(33.3% - 4px); 1511 max-width: calc(33.3% - 4px); 1512 } 1154 1513 1155 .featured-content { 1156 background: #000; 1157 background-attachment: fixed; 1158 background-image: -webkit-linear-gradient(135deg, #4d4d4d 12.5%, #000 12.5%, #000 50%, #4d4d4d 50%, #4d4d4d 62.5%, #000 62.5%); 1159 background-image: linear-gradient(135deg, #4d4d4d 12.5%, #000 12.5%, #000 50%, #4d4d4d 50%, #4d4d4d 62.5%, #000 62.5%); 1160 background-size: 4px 4px; 1161 -webkit-box-sizing: border-box; 1162 -moz-box-sizing: border-box; 1163 box-sizing: border-box; 1164 width: 100%; 1514 .gallery-columns-4 .gallery-item { 1515 max-width: 23%; 1516 max-width: -webkit-calc(25% - 4px); 1517 max-width: calc(25% - 4px); 1165 1518 } 1166 .featured-content .hentry { 1167 color: #fff; 1168 margin: 0; 1169 width: 100%; 1519 1520 .gallery-columns-5 .gallery-item { 1521 max-width: 19%; 1522 max-width: -webkit-calc(20% - 4px); 1523 max-width: calc(20% - 4px); 1170 1524 } 1171 .attachment-featured-featured { 1172 background-color: #2b2b2b; 1173 display: block; 1174 min-height: 168px; 1525 1526 .gallery-columns-6 .gallery-item { 1527 max-width: 15%; 1528 max-width: -webkit-calc(16.7% - 4px); 1529 max-width: calc(16.7% - 4px); 1175 1530 } 1176 .attachment-featured-featured:hover img { 1177 opacity: 0.85; 1531 1532 .gallery-columns-7 .gallery-item { 1533 max-width: 13%; 1534 max-width: -webkit-calc(14.28% - 4px); 1535 max-width: calc(14.28% - 4px); 1178 1536 } 1179 .featured-content .entry-wrap { 1180 background-color: #000; 1181 overflow: hidden; 1182 padding: 12px 10px; 1537 1538 .gallery-columns-8 .gallery-item { 1539 max-width: 11%; 1540 max-width: -webkit-calc(12.5% - 4px); 1541 max-width: calc(12.5% - 4px); 1183 1542 } 1184 .featured-content a { 1185 color: #fff; 1543 1544 .gallery-columns-9 .gallery-item { 1545 max-width: 9%; 1546 max-width: -webkit-calc(11.1% - 4px); 1547 max-width: calc(11.1% - 4px); 1186 1548 } 1187 .featured-content a:hover { 1188 color: #5FF23d; 1549 1550 .gallery-columns-1 .gallery-item:nth-of-type(1n), 1551 .gallery-columns-2 .gallery-item:nth-of-type(2n), 1552 .gallery-columns-3 .gallery-item:nth-of-type(3n), 1553 .gallery-columns-4 .gallery-item:nth-of-type(4n), 1554 .gallery-columns-5 .gallery-item:nth-of-type(5n), 1555 .gallery-columns-6 .gallery-item:nth-of-type(6n), 1556 .gallery-columns-7 .gallery-item:nth-of-type(7n), 1557 .gallery-columns-8 .gallery-item:nth-of-type(8n), 1558 .gallery-columns-9 .gallery-item:nth-of-type(9n) { 1559 margin-right: 0; 1189 1560 } 1190 .featured-content .entry-meta {1191 font-size: 11px;1192 font-weight: 700;1193 line-height: 1.0909090909;1194 }1195 .featured-content .cat-links {1196 font-weight: 700;1197 }1198 .featured-content .entry-title {1199 font-size: 18px;1200 font-weight: 300;1201 line-height: 1.3333333333;1202 margin-bottom: 0;1203 overflow: hidden;1204 text-overflow: ellipsis;1205 text-transform: uppercase;1206 white-space: nowrap;1207 }1208 .featured-content .entry-summary {1209 background-color: transparent;1210 color: rgba(255, 255, 255, 0.75);1211 font-size: 11px;1212 line-height: 1.6363636363;1213 padding: 9px 0 12px;1214 }1215 .featured-content .more-link {1216 color: #5FF23d;1217 font-size: 11px;1218 }1219 1561 1220 1221 /* =Media 1222 ----------------------------------------------- */ 1223 1224 img { 1225 max-width: 100%; 1226 height: auto; 1227 } 1228 .attachment-featured-featured img, 1229 .attachment-featured-thumbnail img { 1230 height: auto; 1231 max-width: 100%; 1232 } 1233 img.alignleft, 1234 .wp-caption.alignleft, 1235 blockquote.alignleft { 1236 margin: 7px 24px 7px 0; 1237 } 1238 img.alignright, 1239 .wp-caption.alignright, 1240 blockquote.alignright { 1241 margin: 7px 0 7px 24px; 1242 } 1243 img.aligncenter, 1244 .wp-caption.aligncenter { 1245 margin-top: 7px; 1246 margin-bottom: 7px; 1247 } 1248 .wp-smiley { 1249 border: none; 1250 margin-bottom: 0; 1251 margin-top: 0; 1252 padding: 0; 1253 } 1254 .wp-caption { 1255 margin-bottom: 24px; 1256 max-width: 100%; 1257 } 1258 .wp-caption img[class*="wp-image-"] { 1259 display: block; 1260 height: auto; 1562 .gallery-caption { 1563 background-color: rgba(0, 0, 0, 0.7); 1564 box-sizing: border-box; 1565 color: #fff; 1566 font-size: 12px; 1567 line-height: 1.5; 1261 1568 margin: 0; 1262 max-width: 100%; 1263 } 1264 .wp-caption-text { 1265 -webkit-box-sizing: border-box; 1266 -moz-box-sizing: border-box; 1267 box-sizing: border-box; 1268 font-size: 12px; 1269 font-style: italic; 1270 line-height: 1.6666666666; 1271 margin: 4px 0; 1272 padding: 0 10px 0 0; /* Avoid the caption to overflow the width of the image because wp-caption has 10px wider width */ 1569 max-height: 50%; 1570 opacity: 0; 1571 padding: 6px 8px; 1572 position: absolute; 1573 bottom: 0; 1574 left: 0; 1273 1575 text-align: left; 1576 width: 100%; 1274 1577 } 1275 .site-content .gallery a img {1276 border: none;1277 height: auto;1278 vertical-align: middle; /* Remove a little margin bottom */1279 }1280 .site-content .gallery .gallery-icon {1281 line-height: 1; /* Remove a little margin bottom */1282 }1283 .site-content .gallery .gallery-item {1284 margin: 0 0 12px 0;1285 }1286 .site-content .gallery {1287 margin-bottom: 12px;1288 }1289 .site-content .gallery dd {1290 margin: 4px 0 0 0; /* Reset the margin and add a bit of margin-top to captions */1291 }1292 .gallery-caption {1293 padding: 0;1294 }1295 .gallery-item .wp-caption-text {1296 text-align: center;1297 }1298 .hentry .tiled-gallery {1299 margin-bottom: 24px;1300 }1301 .site-content .gallery-columns-1 a img {1302 max-width: 100%;1303 }1304 .site-content .gallery-columns-2 a img {1305 max-width: 96%;1306 }1307 .site-content .gallery-columns-3 a img {1308 max-width: 94%;1309 }1310 .site-content .gallery-columns-4 a img {1311 max-width: 92%;1312 }1313 .site-content .gallery-columns-5 a img {1314 max-width: 90%;1315 }1316 .site-content .gallery-columns-6 a img,1317 .site-content .gallery-columns-7 a img,1318 .site-content .gallery-columns-8 a img,1319 .site-content .gallery-columns-9 a img {1320 max-width: 88%;1321 }1322 .entry-attachment .attachment {1323 margin-bottom: 24px;1324 }1325 1578 1326 /* Mediaelements */ 1327 .hentry .mejs-container { 1328 margin: 12px 0 18px; 1579 .gallery-caption:before { 1580 content: ""; 1581 height: 100%; 1582 min-height: 49px; 1583 position: absolute; 1584 left: 0; 1585 top: 0; 1586 width: 100%; 1329 1587 } 1330 1588 1331 .hentry .mejs-mediaelement, 1332 .hentry .mejs-container .mejs-controls { 1333 background: #000; 1589 .gallery-item:hover .gallery-caption { 1590 opacity: 1; 1334 1591 } 1335 1592 1336 .hentry .mejs-controls .mejs-time-rail .mejs-time-loaded, 1337 .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { 1338 background: #fff; 1593 .gallery-columns-7 .gallery-caption, 1594 .gallery-columns-8 .gallery-caption, 1595 .gallery-columns-9 .gallery-caption { 1596 display: none; 1339 1597 } 1340 1598 1341 .hentry .mejs-controls .mejs-time-rail .mejs-time-current {1342 background: #24890d;1343 }1344 1599 1345 .hentry .mejs-controls .mejs-time-rail .mejs-time-total, 1346 .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { 1347 background: #595959; 1348 } 1600 /** 1601 * 6.5 Post Formats 1602 * ----------------------------------------------------------------------------- 1603 */ 1349 1604 1350 .hentry .mejs-container .mejs-controls .mejs-time { 1351 padding-top: 9px; 1605 .format-aside .entry-content, 1606 .format-aside .entry-summary, 1607 .format-quote .entry-content, 1608 .format-quote .entry-summary, 1609 .format-link .entry-content, 1610 .format-link.entry-summary { 1611 padding-top: 0; 1352 1612 } 1353 1613 1354 .hentry .mejs-controls .mejs-time-rail span, 1355 .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, 1356 .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { 1357 border-radius: 0; 1614 .site-content .entry-meta .entry-title { 1615 font-size: 12px; 1616 font-weight: 400; 1617 line-height: 1.3333333333; 1618 margin-bottom: 8px; 1619 text-transform: none; 1358 1620 } 1359 1621 1360 . hentry .mejs-overlay-loading{1361 background: transparent;1622 .entry-meta .entry-title a { 1623 color: #767676; 1362 1624 } 1363 1625 1364 /* Make sure embeds and iframes fit their containers */ 1365 embed, 1366 iframe, 1367 object, 1368 video { 1369 margin-bottom: 24px; 1370 max-width: 100%; 1626 .entry-meta .entry-title a:hover { 1627 color: #2b2b2b; 1371 1628 } 1372 p > embed,1373 p > iframe,1374 p > object,1375 span > embed,1376 span > iframe,1377 span > object {1378 margin-bottom: 0;1379 }1380 1629 1381 1630 1382 /* =Navigation 1383 ----------------------------------------------- */ 1631 /** 1632 * 6.6 Post/Image/Paging Navigation 1633 * ----------------------------------------------------------------------------- 1634 */ 1384 1635 1385 . paging-navigation{1636 .nav-links { 1386 1637 border-top: 1px solid rgba(0, 0, 0, 0.1); 1387 margin: 36px 0;1388 1638 } 1389 .paging-navigation .loop-pagination { 1390 margin-top: -1px; 1391 text-align: center; 1392 } 1393 .paging-navigation .page-numbers { 1394 border-top: 1px solid transparent; 1395 display: inline-block; 1396 font-size: 12px; 1397 font-weight: 900; 1398 margin-right: 5px; 1399 padding: 9px 15px; 1400 text-transform: uppercase; 1401 } 1402 .paging-navigation .page-numbers.current { 1403 border-top: 1px solid #24890d; 1404 color: #24890d; 1405 } 1406 .paging-navigation a { 1407 color: #2b2b2b; 1408 } 1409 .paging-navigation a:hover { 1410 background-color: #f5f5f5; 1411 border-top: 1px solid #000; 1412 color: #2b2b2b; 1413 } 1639 1414 1640 .post-navigation, 1415 1641 .image-navigation { 1416 1642 margin: 24px auto 48px; 1417 1643 max-width: 474px; 1418 1644 padding: 0 10px; 1419 1645 } 1420 .nav-links { 1421 border-top: 1px solid rgba(0, 0, 0, 0.1); 1422 } 1646 1423 1647 .post-navigation [rel="prev"], 1424 1648 .post-navigation [rel="next"], 1425 1649 .image-navigation .previous-image, … … 1433 1657 text-align: left; 1434 1658 width: 100%; 1435 1659 } 1436 .post-navigation [rel="next"] { 1437 margin: 0; 1438 } 1660 1439 1661 .post-navigation .meta-nav { 1440 1662 color: #767676; 1441 1663 display: block; … … 1444 1666 line-height: 2; 1445 1667 text-transform: uppercase; 1446 1668 } 1447 .site-content .post-navigation a, 1448 .site-content .image-navigation a { 1669 1670 .post-navigation a, 1671 .image-navigation a { 1449 1672 color: #2b2b2b; 1450 1673 display: block; 1451 1674 font-size: 14px; … … 1453 1676 line-height: 1.7142857142; 1454 1677 text-transform: none; 1455 1678 } 1456 .site-content .post-navigation a:hover, 1457 . site-content .image-navigation a:hover {1458 background-color: rgba(0, 0, 0, 0.01); 1679 1680 .post-navigation a:hover, 1681 .image-navigation a:hover { 1459 1682 color: #24890d; 1460 1683 } 1461 .comment-navigation { 1684 1685 /* Paging Navigation */ 1686 1687 .paging-navigation { 1688 border-top: 5px solid #000; 1689 margin: 36px 0; 1690 } 1691 1692 .paging-navigation .loop-pagination { 1693 margin-top: -5px; 1694 text-align: center; 1695 } 1696 1697 .paging-navigation .page-numbers { 1698 border-top: 5px solid transparent; 1699 display: inline-block; 1700 font-size: 13px; 1701 font-weight: 900; 1702 margin-right: 1px; 1703 padding: 7px 15px; 1704 text-transform: uppercase; 1705 } 1706 1707 .paging-navigation .page-numbers.current { 1708 border-top: 5px solid #24890d; 1709 color: #24890d; 1710 } 1711 1712 .paging-navigation a { 1713 color: #2b2b2b; 1714 } 1715 1716 .paging-navigation a:hover { 1717 background-color: #f5f5f5; 1718 border-top: 5px solid #24890d; 1719 color: #2b2b2b; 1720 } 1721 1722 1723 /** 1724 * 6.7 Attachments 1725 * ----------------------------------------------------------------------------- 1726 */ 1727 1728 .attachment .entry-content { 1729 padding-top: 0; 1730 } 1731 1732 .attachment footer.entry-meta { 1733 text-transform: none; 1734 } 1735 .entry-attachment .attachment { 1736 margin-bottom: 24px; 1737 } 1738 1739 1740 /** 1741 * 6.8 Archives 1742 * ----------------------------------------------------------------------------- 1743 */ 1744 1745 .archive-header, 1746 .page-header { 1747 margin: 0 auto 12px; 1748 max-width: 474px; 1749 } 1750 1751 .archive-title, 1752 .page-title { 1753 font-size: 16px; 1754 font-weight: 900; 1755 line-height: 1.5; 1756 margin: 0 0 24px; 1757 } 1758 1759 .taxonomy-description { 1760 color: #767676; 1462 1761 font-size: 12px; 1463 line-height: 2; 1464 margin-bottom: 48px; 1762 line-height: 1.5; 1763 margin-bottom: 18px; 1764 } 1765 1766 .taxonomy-description p:last-child { 1767 margin: 0; 1768 } 1769 1770 1771 /** 1772 * 6.9 Contributor Page 1773 * ----------------------------------------------------------------------------- 1774 */ 1775 1776 .contributor { 1777 border-bottom: 1px solid rgba(0, 0, 0, 0.1); 1778 -webkit-box-sizing: border-box; 1779 -moz-box-sizing: border-box; 1780 box-sizing: border-box; 1781 padding: 48px 10px; 1782 } 1783 1784 .contributor-info { 1785 margin: 0 auto; 1786 max-width: 474px; 1787 } 1788 1789 .contributor-avatar { 1790 border: 1px solid rgba(0, 0, 0, 0.1); 1791 float: left; 1792 margin: 0 30px 20px 0; 1793 padding: 2px; 1794 } 1795 1796 .contributor-name { 1797 font-size: 16px; 1798 font-weight: 900; 1799 line-height: 1.5; 1800 margin: 0; 1465 1801 text-transform: uppercase; 1466 1802 } 1467 .comment-navigation .nav-previous, 1468 .comment-navigation .nav-next { 1803 1804 .contributor-bio { 1805 color: #767676; 1806 } 1807 1808 .contributor-posts-link { 1469 1809 display: inline-block; 1810 line-height: 1; 1811 padding: 13px 30px 11px; 1470 1812 } 1471 .comment-navigation .nav-previous a { 1472 margin-right: 10px; 1813 1814 .contributor-posts-link:before { 1815 content: "\f443"; 1816 margin: -3px 5px -2px -3px; 1473 1817 } 1474 #comment-nav-above { 1475 margin-top: 36px; 1476 margin-bottom: 0; 1818 1819 1820 /** 1821 * 6.10 404 Page 1822 * ----------------------------------------------------------------------------- 1823 */ 1824 1825 .error404 .page-header, 1826 .error404 .page-content { 1827 padding-top: 0; 1477 1828 } 1478 1829 1830 .error404 .page-content .search-form { 1831 margin-bottom: 36px; 1832 } 1479 1833 1480 /* =Comments1481 ----------------------------------------------- */1482 1834 1835 /** 1836 * 6.11 Front Page 1837 * ----------------------------------------------------------------------------- 1838 */ 1839 1840 .front-page-content-wrapper { 1841 width: 100%; 1842 } 1843 1844 1845 /** 1846 * 6.11 Comments 1847 * ----------------------------------------------------------------------------- 1848 */ 1849 1483 1850 .comments-area { 1484 1851 margin: 48px auto; 1485 1852 max-width: 474px; 1486 1853 padding: 0 10px; 1487 1854 } 1488 .comments-title, 1489 .comment-reply-title { 1855 1856 .comment-reply-title, 1857 .comments-title, { 1490 1858 font-size: 16px; 1491 1859 font-weight: 900; 1492 1860 line-height: 1.5; 1493 1861 margin-bottom: 0; 1494 1862 text-transform: uppercase; 1495 1863 } 1864 1496 1865 .comment-form { 1497 1866 background: #fff; 1498 1867 } 1868 1499 1869 .comment-list { 1500 1870 list-style: none; 1501 1871 margin: 0 0 48px 0; 1502 1872 } 1873 1503 1874 .comment-author { 1504 1875 font-size: 14px; 1505 1876 line-height: 1.7142857142; 1506 1877 text-transform: uppercase; 1507 1878 } 1508 .comment-metadata, 1509 .comment-list .reply { 1879 1880 .comment-list .reply, 1881 .comment-metadata { 1510 1882 font-size: 12px; 1511 1883 line-height: 2; 1512 1884 text-transform: uppercase; 1513 1885 } 1886 1514 1887 .comment-author .fn { 1515 1888 font-weight: 900; 1516 1889 text-transform: uppercase; 1517 1890 } 1891 1518 1892 .comment-author a { 1519 1893 color: #2b2b2b; 1520 1894 } 1521 .comment-metadata a, 1895 1522 1896 .comment-list .trackback a, 1523 .comment-list .pingback a { 1897 .comment-list .pingback a, 1898 .comment-metadata a { 1524 1899 color: #767676; 1525 1900 } 1901 1526 1902 .comment-author a:hover, 1527 .comment- metadataa:hover,1903 .comment-list .pingback a:hover, 1528 1904 .comment-list .trackback a:hover, 1529 .comment- list .pingbacka:hover {1905 .comment-metadata a:hover { 1530 1906 color: #24890d; 1531 1907 text-decoration: none; 1532 1908 } 1909 1533 1910 .comments-area article, 1534 .comment-list . trackback,1535 .comment-list . pingback {1911 .comment-list .pingback, 1912 .comment-list .trackback { 1536 1913 border-top: 1px solid rgba(0, 0, 0, 0.1); 1537 1914 margin-bottom: 24px; 1538 1915 padding-top: 24px; 1539 1916 } 1917 1540 1918 .comment-list li:first-child article { 1541 1919 border: none; 1542 1920 } 1921 1543 1922 .comments-area article { 1544 1923 background: none; 1545 1924 min-height: 48px; 1546 1925 } 1926 1547 1927 .comment-author { 1548 1928 padding-left: 36px; 1549 1929 position: relative; 1550 1930 } 1931 1551 1932 .comment-author .avatar { 1552 1933 border: 1px solid rgba(0, 0, 0, 0.1); 1553 1934 padding: 2px; 1554 1935 position: absolute; 1555 1556 1936 top: 0; 1937 left: 0; 1557 1938 width: 18px; 1558 1939 height: 18px; 1559 1940 } 1941 1560 1942 .bypostauthor .avatar { 1561 1943 background-color: #000; 1562 1944 } 1945 1563 1946 .says { 1564 1947 display: none; 1565 1948 } 1949 1566 1950 .comment-author .fn { 1567 1951 font-style: normal; 1568 1952 } 1569 .comment-metadata, 1953 1570 1954 .comment-content, 1571 .comment-list .reply { 1955 .comment-list .reply, 1956 .comment-metadata { 1572 1957 padding-left: 36px; 1573 1958 } 1574 .comment-edit-link:before, 1575 .comment-reply-link:before, 1576 .comment-reply-login:before { 1577 display: inline-block; 1578 -webkit-font-smoothing: antialiased; 1579 font: normal 16px/1 'Genericons'; 1580 vertical-align: top; 1581 } 1959 1960 1961 1582 1962 .comment-edit-link { 1583 1963 margin-left: 10px; 1584 1964 } 1965 1585 1966 .comment-edit-link:before { 1586 1967 content: "\f411"; 1587 1968 margin: 3px 2px 0 0; 1588 1969 } 1970 1589 1971 .comment-reply-link:before, 1590 1972 .comment-reply-login:before { 1591 1973 content: "\f412"; 1592 1974 margin: 3px 3px 0 0; 1593 1975 } 1976 1594 1977 .comment-content { 1595 1978 word-wrap: break-word; 1596 1979 } 1980 1597 1981 .comment-content ul, 1598 1982 .comment-content ol { 1599 1983 margin: 0 0 24px 22px; 1600 1984 } 1985 1601 1986 .comment-content li > ul, 1602 1987 .comment-content li > ol { 1603 1988 margin-bottom: 0; 1604 1989 } 1990 1605 1991 .comment-list .children { 1606 1992 list-style: none; 1607 1993 margin-left: 18px; 1608 1994 } 1995 1609 1996 .comments-area .children article { 1610 1997 border: none; 1611 1998 } 1999 1612 2000 .comment-respond { 1613 2001 margin-bottom: 24px; 1614 2002 padding: 0; 1615 2003 } 2004 1616 2005 .comment .comment-respond { 1617 2006 margin-left: 36px; 1618 2007 } 2008 1619 2009 .comment-respond h3 { 1620 2010 margin-top: 0; 1621 2011 margin-bottom: 24px; 1622 2012 } 2013 1623 2014 .no-comments { 1624 2015 color: #767676; 1625 2016 font-size: 16px; … … 1629 2020 padding: 0 10px; 1630 2021 text-transform: uppercase; 1631 2022 } 2023 1632 2024 .comment-form label { 1633 2025 display: block; 1634 2026 } 2027 1635 2028 .comment-form input[type=text] { 1636 2029 width: 100%; 1637 2030 } 2031 1638 2032 .form-allowed-tags { 1639 2033 display: none; 1640 2034 } 2035 1641 2036 .comment-form p:last-child { 1642 2037 margin-bottom: 0; 1643 2038 } 1644 2039 2040 .comment-navigation { 2041 font-size: 12px; 2042 line-height: 2; 2043 margin-bottom: 48px; 2044 text-transform: uppercase; 2045 } 1645 2046 1646 /* =Primary Sidebar 1647 ----------------------------------------------- */ 2047 .comment-navigation .nav-next, 2048 .comment-navigation .nav-previous { 2049 display: inline-block; 2050 } 1648 2051 2052 .comment-navigation .nav-previous a { 2053 margin-right: 10px; 2054 } 2055 2056 #comment-nav-above { 2057 margin-top: 36px; 2058 margin-bottom: 0; 2059 } 2060 2061 2062 /** 2063 * 7.0 Sidebars 2064 * ----------------------------------------------------------------------------- 2065 */ 2066 2067 /* Primary Sidebar */ 2068 1649 2069 #secondary { 1650 2070 background-color: #000; 1651 2071 border-bottom: 1px solid rgba(255, 255, 255, 0.2); 1652 2072 clear: both; 1653 2073 color: rgba(255, 255, 255, 0.55); 1654 padding: 48px 10px 0; 2074 font-size: 14px; 2075 line-height: 1.2857142857; 2076 padding: 0 10px; 1655 2077 position: relative; 1656 2078 z-index: 2; 1657 2079 } … … 1663 2085 font-weight: 400; 1664 2086 } 1665 2087 2088 .primary-sidebar { 2089 padding-top: 48px; 2090 } 1666 2091 1667 /* =Widgets1668 ----------------------------------------------- */1669 1670 2092 .widget-area p { 1671 2093 margin-bottom: 18px; 1672 2094 } 1673 2095 1674 2096 .widget-area a { 1675 color: #bfbfbf;2097 color: rgba(255, 255, 255, 0.75); 1676 2098 } 1677 2099 1678 2100 .widget-area a:hover { … … 1685 2107 color: #fff; 1686 2108 } 1687 2109 2110 /* Content Sidebar */ 2111 2112 .content-sidebar { 2113 border-top: 1px solid rgba(0, 0, 0, 0.1); 2114 border-bottom: 1px solid rgba(0, 0, 0, 0.1); 2115 -webkit-box-sizing: border-box; 2116 -moz-box-sizing: border-box; 2117 box-sizing: border-box; 2118 color: #767676; 2119 font-size: 14px; 2120 line-height: 1.2857142857; 2121 margin: 0 auto; 2122 padding: 36px 10px 0; 2123 position: relative; 2124 } 2125 2126 .content-sidebar.widget-area a { 2127 color: #2b2b2b; 2128 } 2129 2130 .content-sidebar.widget-area a:hover { 2131 color: #24890d; 2132 } 2133 2134 2135 /** 2136 * 7.1 Widgets 2137 * ----------------------------------------------------------------------------- 2138 */ 2139 1688 2140 .widget { 1689 2141 margin: 0 auto 48px; 1690 2142 max-width: 474px; … … 1697 2149 margin: 0; 1698 2150 } 1699 2151 1700 .widget li > ul,1701 .widget li > ol {2152 .widget li > ol, 2153 .widget li > ul { 1702 2154 margin-left: 10px; 1703 2155 } 1704 2156 2157 .widget select, 2158 .widget iframe { 2159 margin-left: 1px; 2160 max-width: 99%; 2161 } 2162 1705 2163 .widget-title { 1706 2164 font-size: 14px; 1707 2165 font-weight: 900; … … 1711 2169 } 1712 2170 1713 2171 .widget-area button, 1714 .widget-area htmlinput[type="button"],2172 .widget-area input[type="button"], 1715 2173 .widget-area input[type="reset"], 1716 2174 .widget-area input[type="submit"] { 1717 2175 font-size: 11px; 1718 2176 padding: 6px 24px; 1719 2177 } 1720 2178 2179 .widget-area input[type="email"], 2180 .widget-area input[type="password"], 2181 .widget-area input[type="search"], 1721 2182 .widget-area input[type="text"], 1722 .widget-area input[type="email"],1723 2183 .widget-area input[type="url"], 1724 .widget-area input[type="search"],1725 .widget-area input[type="password"],1726 2184 .widget-area textarea { 1727 background-color: #2b2b2b;2185 background-color: rgba(255, 255, 255, 0.15); 1728 2186 border: 1px solid rgba(255, 255, 255, 0.2); 1729 2187 color: #fff; 1730 2188 max-width: 100%; 1731 2189 padding: 4px; 1732 2190 } 1733 2191 1734 .widget select, 1735 .widget iframe { 1736 margin-left: 1px; 1737 max-width: 99%; 2192 /* Calendar Widget*/ 2193 2194 .widget_calendar table, 2195 .widget_calendar th, 2196 .widget_calendar td { 2197 border-color: rgba(255, 255, 255, 0.2); 1738 2198 } 1739 2199 1740 /* Calendar widget*/1741 2200 .widget_calendar table { 1742 border: 1px solid rgba(255, 255, 255, 0.2);1743 border-width: 1px 0 1px 1px;1744 2201 line-height: 2; 1745 2202 margin: 0; 1746 2203 } … … 1754 2211 text-transform: uppercase; 1755 2212 } 1756 2213 1757 .widget_calendar thead th, 1758 .widget_calendar tbody td { 1759 border: 1px solid rgba(255, 255, 255, 0.2); 1760 border-width: 0 1px 1px 0; 2214 .widget_calendar thead th { 2215 background-color: rgba(255, 255, 255, 0.1); 2216 } 2217 2218 .widget_calendar tbody td, 2219 .widget_calendar thead th { 1761 2220 text-align: center; 1762 2221 } 1763 2222 … … 1780 2239 } 1781 2240 1782 2241 .widget_calendar #next { 1783 border-right: 1px solid rgba(255, 255, 255, 0.2);1784 2242 padding-right: 5px; 1785 2243 text-align: right; 1786 2244 } 1787 2245 1788 2246 /* Cloud Widgets */ 2247 1789 2248 .widget_tag_cloud div { 1790 2249 word-wrap: break-word; 1791 2250 } 1792 2251 1793 /* Ephemera widget*/ 2252 /* Ephemera Widget*/ 2253 1794 2254 .widget_twentyfourteen_ephemera .hentry { 1795 2255 margin-bottom: 0; 1796 2256 } … … 1831 2291 margin-bottom: 18px; 1832 2292 } 1833 2293 2294 .widget_twentyfourteen_ephemera .entry-content a { 2295 word-wrap: break-word; 2296 } 2297 1834 2298 .widget_twentyfourteen_ephemera .entry-content blockquote p cite { 1835 2299 font-size: 13px; 1836 2300 line-height: 1.3846153846; 1837 2301 } 1838 2302 2303 /* List Style Widgets*/ 2304 2305 .widget_archive li, 2306 .widget_categories li, 2307 .widget_links li, 2308 .widget_meta li, 2309 .widget_nav_menu li, 2310 .widget_pages li, 2311 .widget_recent_comments li, 2312 .widget_recent_entries li { 2313 border-top: 1px solid rgba(255, 255, 255, 0.2); 2314 padding: 8px 0 9px; 2315 } 2316 2317 .widget_archive li:first-child, 2318 .widget_categories li:first-child, 2319 .widget_links li:first-child, 2320 .widget_meta li:first-child, 2321 .widget_nav_menu li:first-child, 2322 .widget_pages li:first-child, 2323 .widget_recent_comments li:first-child, 2324 .widget_recent_entries li:first-child { 2325 border-top: none; 2326 } 2327 2328 .widget_archive li li, 2329 .widget_categories li li, 2330 .widget_links li li, 2331 .widget_meta li li, 2332 .widget_nav_menu li li, 2333 .widget_pages li li, 2334 .widget_recent_comments li li, 2335 .widget_recent_entries li li { 2336 border-top: none; 2337 padding-bottom: 0; 2338 } 2339 1839 2340 /* Recent Posts Widget */ 2341 1840 2342 .widget_recent_entries .post-date { 1841 2343 display: block; 1842 2344 } 1843 2345 1844 2346 /* RSS Widget */ 2347 1845 2348 .widget_rss a img { 1846 display: inline;1847 2349 margin-top: -5px; 1848 vertical-align: middle;1849 2350 } 1850 2351 1851 2352 .widget_rss li { … … 1856 2357 margin-bottom: 0; 1857 2358 } 1858 2359 1859 /* Search widget */ 1860 .search-submit { 1861 display: none; 1862 } 2360 /* Text Widget */ 1863 2361 1864 1865 /* =Content Sidebar 1866 ----------------------------------------------- */ 1867 1868 .content-sidebar { 1869 border-top: 1px solid rgba(0, 0, 0, 0.1); 1870 border-bottom: 1px solid rgba(0, 0, 0, 0.1); 1871 -webkit-box-sizing: border-box; 1872 -moz-box-sizing: border-box; 1873 box-sizing: border-box; 1874 color: #767676; 1875 font-size: 14px; 1876 line-height: 1.2857142857; 1877 margin: 0 auto; 1878 padding: 36px 10px 0; 1879 position: relative; 2362 .widget_text > div > :last-child { 2363 margin-bottom: 0; 1880 2364 } 1881 2365 1882 .content-sidebar.widget-area a {1883 color: #2b2b2b;1884 }1885 2366 1886 .content-sidebar.widget-area a:hover { 1887 color: #24890d; 1888 } 2367 /** 2368 * 7.2 Content Sidebar Widgets 2369 * ----------------------------------------------------------------------------- 2370 */ 1889 2371 1890 2372 .content-sidebar.widget-area .widget-title { 1891 2373 border-top: 5px solid #000; … … 1903 2385 } 1904 2386 1905 2387 .content-sidebar.widget-area button, 1906 .content-sidebar.widget-area htmlinput[type="button"],2388 .content-sidebar.widget-area input[type="button"], 1907 2389 .content-sidebar.widget-area input[type="reset"], 1908 2390 .content-sidebar.widget-area input[type="submit"] { 1909 2391 font-size: 12px; 1910 2392 } 1911 2393 2394 .content-sidebar.widget-area input[type="email"], 2395 .content-sidebar.widget-area input[type="password"], 2396 .content-sidebar.widget-area input[type="search"], 1912 2397 .content-sidebar.widget-area input[type="text"], 1913 .content-sidebar.widget-area input[type="email"],1914 2398 .content-sidebar.widget-area input[type="url"], 1915 .content-sidebar.widget-area input[type="search"],1916 .content-sidebar.widget-area input[type="password"],1917 2399 .content-sidebar.widget-area textarea { 1918 2400 background-color: #fff; 1919 2401 border: 1px solid rgba(0, 0, 0, 0.1); … … 1921 2403 } 1922 2404 1923 2405 /* List Style Widgets*/ 2406 1924 2407 .content-sidebar .widget_archive li, 1925 2408 .content-sidebar .widget_categories li, 2409 .content-sidebar .widget_links li, 2410 .content-sidebar .widget_meta li, 2411 .content-sidebar .widget_nav_menu li, 1926 2412 .content-sidebar .widget_pages li, 1927 .content-sidebar .widget_meta li,1928 2413 .content-sidebar .widget_recent_comments li, 1929 .content-sidebar .widget_recent_entries li, 1930 .content-sidebar .widget_nav_menu li { 1931 border-top: 1px solid rgba(0, 0, 0, 0.1); 1932 padding: 8px 0 9px; 2414 .content-sidebar .widget_recent_entries li { 2415 border-color: rgba(0, 0, 0, 0.1); 1933 2416 } 1934 2417 1935 .content-sidebar .widget li:first-child {1936 border-top: none;1937 }1938 1939 .content-sidebar .widget li li {1940 border-top: none;1941 padding-bottom: 0;1942 }1943 1944 2418 .content-sidebar .widget .children, 1945 2419 .content-sidebar .widget .sub-menu { 1946 2420 margin-left: 18px; 1947 2421 } 1948 2422 1949 /* Calendar widget*/ 2423 /* Calendar Widget */ 2424 1950 2425 .content-sidebar .widget_calendar table, 1951 .content-sidebar .widget_calendar thead th, 1952 .content-sidebar .widget_calendar tbody td, 1953 .content-sidebar .widget_calendar #next { 2426 .content-sidebar .widget_calendar th, 2427 .content-sidebar .widget_calendar td { 1954 2428 border-color: rgba(0, 0, 0, 0.1); 1955 2429 } 1956 2430 … … 2028 2502 } 2029 2503 2030 2504 .content-sidebar .widget_twentyfourteen_ephemera .entry-meta { 2031 color: rgba(0, 0, 0, 0.2);2505 color: #ccc; 2032 2506 } 2033 2507 2034 2508 .content-sidebar .widget_twentyfourteen_ephemera .entry-meta a { … … 2049 2523 } 2050 2524 2051 2525 2052 /* =Footer 2053 ----------------------------------------------- */ 2526 /** 2527 * 8.0 Footer 2528 * ----------------------------------------------------------------------------- 2529 */ 2054 2530 2055 #supplementary{2531 .site-footer { 2056 2532 background-color: #000; 2057 border-bottom: 1px solid rgba(255, 255, 255, 0.2);2058 2533 color: #949a92; 2059 padding: 48px 10px 0;2060 position: relative;2061 z-index: 3;2062 }2063 2064 .site-footer {2065 background-color: #000;2066 color: rgba(255, 255, 255, 0.55);2067 2534 font-size: 12px; 2068 2535 position: relative; 2069 2536 z-index: 3; … … 2078 2545 width: 315px; 2079 2546 } 2080 2547 2548 .footer-sidebar { 2549 border-bottom: 1px solid rgba(255, 255, 255, 0.2); 2550 padding: 48px 10px 0; 2551 } 2552 2081 2553 .site-info { 2082 color: #bfbfbf;2554 color: rgba(255, 255, 255, 0.75); 2083 2555 padding: 15px 10px; 2084 2556 } 2085 2557 2086 2558 .site-info a { 2087 color: #bfbfbf;2559 color: rgba(255, 255, 255, 0.75); 2088 2560 } 2089 2561 2090 2562 .site-info a:hover { … … 2092 2564 } 2093 2565 2094 2566 2095 /* =Contributor Page 2096 ----------------------------------------------- */ 2567 /** 2568 * 9.0 Featured Content 2569 * ----------------------------------------------------------------------------- 2570 */ 2097 2571 2098 .contributor { 2099 border-bottom: 1px solid rgba(0, 0, 0, 0.1); 2572 .featured-content { 2573 background: #000; 2574 background-attachment: fixed; 2575 background-image: -webkit-linear-gradient(135deg, #4d4d4d 12.5%, #000 12.5%, #000 50%, #4d4d4d 50%, #4d4d4d 62.5%, #000 62.5%); 2576 background-image: linear-gradient(135deg, #4d4d4d 12.5%, #000 12.5%, #000 50%, #4d4d4d 50%, #4d4d4d 62.5%, #000 62.5%); 2577 background-size: 4px 4px; 2100 2578 -webkit-box-sizing: border-box; 2101 -moz-box-sizing: border-box;2102 box-sizing: border-box;2103 padding: 48px 10px;2579 -moz-box-sizing: border-box; 2580 box-sizing: border-box; 2581 width: 100%; 2104 2582 } 2105 .contributor-info { 2106 margin: 0 auto; 2107 max-width: 474px; 2583 2584 .featured-content .hentry { 2585 color: #fff; 2586 margin: 0; 2587 width: 100%; 2108 2588 } 2109 .contributor-avatar { 2110 border: 1px solid rgba(0, 0, 0, 0.1); 2111 float: left;2112 margin: 0 30px 20px 0;2113 padding: 2px;2589 2590 .attachment-featured-featured { 2591 background-color: #000; 2592 display: block; 2593 overflow: hidden; 2114 2594 } 2115 .contributor-avatar .avatar { 2116 vertical-align: middle; 2595 2596 .attachment-featured-featured:hover img { 2597 opacity: 0.85; 2117 2598 } 2118 .contributor-name { 2119 font-size: 16px; 2120 font-weight: 900; 2121 line-height: 1.5; 2122 margin: 0; 2123 text-transform: uppercase; 2599 2600 .featured-content .entry-wrap { 2601 background-color: #000; 2602 border: 12px solid #000; 2603 overflow: hidden; 2124 2604 } 2125 .contributor-bio { 2126 color: #767676; 2605 2606 .featured-content a { 2607 color: #fff; 2127 2608 } 2128 .contributor-posts-link { 2129 display: inline-block; 2609 2610 .featured-content a:hover { 2611 color: #5ff23d; 2130 2612 } 2131 .contributor-posts-link:before { 2132 content: '\f443'; 2133 margin: -3px 5px -2px -3px; 2613 2614 .featured-content .entry-meta { 2615 font-size: 11px; 2616 font-weight: 700; 2617 line-height: 1.0909090909; 2618 margin-bottom: 12px; 2134 2619 } 2135 2620 2621 .featured-content .cat-links { 2622 font-weight: 700; 2623 } 2136 2624 2137 /* =Media Queries 2138 ----------------------------------------------- */ 2625 .featured-content .entry-title { 2626 font-size: 18px; 2627 font-weight: 300; 2628 line-height: 1.3333333333; 2629 margin-bottom: 0; 2630 text-transform: uppercase; 2631 } 2139 2632 2140 /* Mobile list style */ 2633 2634 /** 2635 * 10.0 Media Queries 2636 * ----------------------------------------------------------------------------- 2637 */ 2638 2141 2639 @media screen and (max-width: 400px) { 2142 .list-view .content-area {2143 padding: 12px 10px;2144 }2145 .list-view .content-area .hentry {2146 border-bottom: 1px solid rgba(0, 0, 0, 0.1);2147 margin-bottom: 12px;2148 min-height: 60px;2149 padding-bottom: 9px;2150 }2151 .list-view .content-area .cat-links,2152 .list-view .content-area .entry-content,2153 .list-view .content-area .entry-summary,2154 .list-view .content-area footer.entry-meta {2155 display: none;2156 }2157 2640 .list-view .attachment-featured-thumbnail { 2158 2641 background: none; 2159 2642 min-height: 0; 2160 2643 width: auto; 2161 2644 z-index: 2; 2162 2645 } 2646 2163 2647 .list-view .attachment-featured-thumbnail img { 2164 2648 float: left; 2165 2649 margin: 0 10px 3px 0; 2166 2650 width: 84px; 2167 2651 } 2168 .list-view .content-area .entry-header { 2652 2653 .list-view .site-content .entry-header { 2169 2654 background-color: transparent; 2170 2655 padding: 0; 2171 2656 } 2172 .list-view .content-area .entry-title { 2657 2658 .list-view .content-area { 2659 padding: 12px 10px; 2660 } 2661 2662 .list-view .site-content .hentry { 2663 border-bottom: 1px solid rgba(0, 0, 0, 0.1); 2664 margin-bottom: 12px; 2665 min-height: 60px; 2666 padding-bottom: 9px; 2667 } 2668 2669 .list-view .site-content .cat-links, 2670 .list-view .site-content .entry-content, 2671 .list-view .site-content .entry-summary, 2672 .list-view .site-content footer.entry-meta { 2673 display: none; 2674 } 2675 2676 .list-view .site-content .entry-title { 2173 2677 font-size: 15px; 2174 2678 font-weight: 900; 2175 2679 line-height: 1.2; 2176 2680 margin-bottom: 6px; 2177 2681 text-transform: none; 2178 2682 } 2179 .list-view .content-area .entry-meta { 2683 2684 .list-view .site-content .format-aside .entry-title, 2685 .list-view .site-content .format-link .entry-title, 2686 .list-view .site-content .format-quote .entry-title { 2687 display: block; 2688 } 2689 2690 .list-view .site-content .entry-meta { 2180 2691 background-color: transparent; 2181 2692 clear: none; 2182 2693 margin: 0; 2183 2694 text-transform: none; 2184 2695 } 2185 .list-view .content-area .format-aside .entry-title, 2186 .list-view .content-area .format-quote .entry-title, 2187 .list-view .content-area .format-link .entry-title { 2188 display: block; 2189 } 2696 2190 2697 .archive-header, 2191 2698 .page-header { 2192 2699 border-bottom: 1px solid rgba(0, 0, 0, 0.1); 2193 2700 padding-top: 12px; 2194 2701 } 2702 2195 2703 .error404 .page-header { 2196 2704 border-bottom: 0; 2197 2705 padding: 0 10px; … … 2202 2710 a.attachment-featured-thumbnail:hover img { 2203 2711 opacity: 0.85; 2204 2712 } 2205 .content-area span + .entry-date:before, 2206 .content-area span + .byline:before, 2207 .content-area span + .comments-link:before, 2208 .content-area span + .edit-link:before, 2713 2209 2714 .full-size-link:before, 2210 .parent-post-link:before { 2211 content: ''; 2715 .parent-post-link:before, 2716 .site-content span + .byline:before, 2717 .site-content span + .comments-link:before, 2718 .site-content span + .edit-link:before, 2719 .site-content span + .entry-date:before { 2720 content: ""; 2212 2721 } 2213 .content-area .featured-post:before, 2214 .content-area .post-format a:before, 2215 .content-area .entry-date a:before, 2722 2216 2723 .attachment span.entry-date:before, 2217 .content-area .byline a:before,2218 .content-area .comments-link a:before,2219 2724 .entry-meta .edit-link a:before, 2220 .content-area .full-size-link a:before, 2221 .content-area .parent-post-link a:before { 2725 .site-content .byline a:before, 2726 .site-content .comments-link a:before, 2727 .site-content .entry-date a:before, 2728 .site-content .featured-post:before, 2729 .site-content .full-size-link a:before, 2730 .site-content .parent-post-link a:before, 2731 .site-content .post-format a:before { 2732 -webkit-font-smoothing: antialiased; 2222 2733 display: inline-block; 2223 -webkit-font-smoothing: antialiased; 2224 font: normal 16px/1 'Genericons'; 2225 margin: 0 2px 0 0; 2734 font-family: Genericons; 2735 font-size: 16px; 2736 font-style: normal; 2737 font-weight: normal; 2226 2738 text-transform: none; 2227 2739 vertical-align: top; 2228 2740 } 2229 .content-area .entry-meta > span { 2741 2742 .site-content .entry-meta > span { 2230 2743 margin-right: 10px; 2231 2744 } 2232 .content-area .format-video .post-format a:before { 2233 content: '\F104'; 2234 margin: -1px 2px 0 0; 2745 2746 .site-content .format-video .post-format a:before { 2747 content: "\f104"; 2748 margin: -2px 2px 0 0; 2235 2749 } 2236 .content-area .format-image .post-format a:before { 2237 content: '\F102'; 2238 margin: -1px 2px 0 0; 2750 2751 .site-content .format-image .post-format a:before { 2752 content: "\f102"; 2753 margin: -3px 3px 0 0; 2239 2754 } 2240 .content-area .format-quote .post-format a:before { 2241 content: '\F106'; 2755 2756 .site-content .format-quote .post-format a:before { 2757 content: "\f106"; 2758 margin: -3px 3px 0 0; 2242 2759 } 2243 .content-area .format-gallery .post-format a:before { 2244 content: '\F103'; 2245 margin: -1px 4px 0 0; 2760 2761 .site-content .format-gallery .post-format a:before { 2762 content: "\f103"; 2763 margin: -3px 4px 0 0; 2246 2764 } 2247 .content-area .format-aside .post-format a:before { 2248 content: '\F101'; 2765 2766 .site-content .format-aside .post-format a:before { 2767 content: "\f101"; 2768 margin: -2px 3px 0 0; 2249 2769 } 2250 .content-area .format-link .post-format a:before { 2251 content: '\F107'; 2770 2771 .site-content .format-link .post-format a:before { 2772 content: "\f107"; 2773 margin: -2px 3px 0 0; 2252 2774 } 2253 .content-area .featured-post:before { 2254 content: '\F308'; 2255 margin: -1px 3px 0 0; 2775 2776 .site-content .featured-post:before { 2777 content: "\f308"; 2778 margin: -3px 3px 0 0; 2256 2779 } 2257 .content-area .entry-date a:before, 2780 2781 .site-content .entry-date a:before, 2258 2782 .attachment span.entry-date:before { 2259 content: '\F303';2260 margin: 01px 0 0;2783 content: "\f303"; 2784 margin: -2px 1px 0 0; 2261 2785 } 2262 .content-area .byline a:before { 2263 content: '\F304'; 2264 margin: -1px 0 0 0; 2786 2787 .site-content .byline a:before { 2788 content: "\f304"; 2789 margin: -3px 0 0 0; 2265 2790 } 2266 .content-area .comments-link a:before { 2267 content: '\F300'; 2268 margin: -1px 2px 0 0; 2791 2792 .site-content .comments-link a:before { 2793 content: "\f300"; 2794 margin: -3px 2px 0 0; 2269 2795 } 2796 2270 2797 .entry-meta .edit-link a:before { 2271 content: '\F411';2272 margin: - 1px 2px 0 0;2798 content: "\f411"; 2799 margin: -3px 2px 0 0; 2273 2800 } 2274 .content-area .full-size-link a:before { 2275 content: '\F402'; 2801 2802 .site-content .full-size-link a:before { 2803 content: "\f402"; 2804 margin: -3px 2px 0 0; 2276 2805 } 2277 .content-area .parent-post-link a:before { 2278 content: '\F301'; 2806 2807 .site-content .parent-post-link a:before { 2808 content: "\f301"; 2809 margin: -3px 2px 0 0; 2279 2810 } 2811 2812 .list-view .site-content .has-featured-image .attachment-featured-thumbnail, 2813 .list-view .site-content .format-standard .attachment-featured-thumbnail { 2814 margin-top: -49px; 2815 } 2816 2817 .list-view .site-content .hentry { 2818 border-top: 1px solid rgba(0, 0, 0, 0.1); 2819 padding-top: 48px; 2820 } 2821 2280 2822 .archive-header, 2281 2823 .page-header { 2282 2824 margin-bottom: 24px; 2283 2825 padding: 0 10px; 2284 2826 } 2285 .list-view .content-area .hentry {2286 border-top: 1px solid rgba(0, 0, 0, 0.1);2287 padding-top: 48px;2288 }2289 .list-view .content-area .has-featured-image .attachment-featured-thumbnail,2290 .list-view .content-area .format-standard .attachment-featured-thumbnail {2291 margin-top: -49px;2292 }2293 2827 } 2294 2828 2295 2829 @media screen and (min-width: 642px) { 2296 . content-area.entry-header {2830 .site-content .entry-header { 2297 2831 padding-right: 30px; 2298 2832 padding-left: 30px; 2299 2833 } 2300 .content-area .has-featured-image .entry-header, 2301 .content-area .format-standard .entry-header { 2834 2835 .site-content .has-featured-image .entry-header, 2836 .site-content .format-standard .entry-header { 2302 2837 margin-top: -48px; 2303 2838 } 2304 .content-area .format-standard.post-password-required .entry-header { 2839 2840 .site-content .format-standard.post-password-required .entry-header { 2305 2841 margin-top: 0; 2306 2842 } 2307 2843 } … … 2312 2848 padding-top: 36px; 2313 2849 width: 100%; 2314 2850 } 2851 2315 2852 .site-content { 2316 2853 margin-right: 33.33333333%; 2317 2854 } 2318 .content-area .has-featured-image .entry-header, 2319 .content-area .format-standard .entry-header { 2855 2856 .full-width .site-content { 2857 margin-right: 0; 2858 } 2859 2860 .site-content .has-featured-image .entry-header, 2861 .site-content .format-standard .entry-header { 2320 2862 margin-top: 0; 2321 2863 } 2322 .content-area .entry-content, 2323 .content-area .entry-summary, 2324 .content-area footer.entry-meta, 2864 2865 .full-width .site-content .has-featured-image .entry-header, 2866 .full-width .site-content .format-standard .entry-header { 2867 margin-top: -48px; 2868 } 2869 2325 2870 .archive-header, 2871 .comments-area, 2872 .image-navigation, 2326 2873 .page-header, 2327 2874 .page-content, 2328 2875 .post-navigation, 2329 .image-navigation, 2330 .comments-area { 2876 .site-content .entry-content, 2877 .site-content .entry-summary, 2878 .site-content footer.entry-meta { 2331 2879 padding-right: 30px; 2332 2880 padding-left: 30px; 2333 2881 } 2882 2883 #secondary { 2884 padding: 0 30px; 2885 } 2886 2334 2887 .content-sidebar { 2335 2888 border: 0; 2336 2889 float: right; … … 2338 2891 padding: 36px 30px 24px; 2339 2892 width: 33.33333333%; 2340 2893 } 2341 #secondary { 2342 padding: 48px 30px 0; 2894 2895 .attachment-featured-featured { 2896 height: 240px; 2343 2897 } 2898 2344 2899 .featured-content .hentry { 2345 2900 float: left; 2346 2901 width: 50%; 2347 2902 } 2903 2348 2904 .featured-content .hentry:nth-child( 2n+1 ) { 2349 2905 clear: both; 2350 2906 } 2907 2351 2908 .featured-content .entry-wrap { 2352 2909 height: 96px; 2353 2910 } 2354 .full-width .site-content {2355 margin-right: 0;2356 }2357 .full-width .content-area .has-featured-image .entry-header,2358 .full-width .content-area .format-standard .entry-header {2359 margin-top: -48px;2360 }2361 2911 } 2362 2912 2363 2913 @media screen and (min-width: 770px) { 2364 2914 .header-main { 2365 2915 margin-right: 0; 2366 2916 } 2917 2367 2918 .primary-navigation { 2368 2919 display: block; 2369 2920 } 2370 2921 } 2371 2922 2372 2923 @media screen and (min-width: 810px) { 2373 .full-width .entry-content img.size-medium.alignleft, 2374 .full-width .entry-content img.size-large.alignleft, 2375 .full-width .entry-content img.size-full.alignleft, 2376 .full-width .entry-content .wp-caption.alignleft, 2377 .full-width .entry-content blockquote.alignleft { 2924 .full-width .site-content blockquote.alignleft, 2925 .full-width .site-content blockquote.alignright { 2926 width: -webkit-calc(50% + 130px); 2927 width: calc(50% + 130px); 2928 } 2929 2930 .full-width .site-content blockquote.alignleft, 2931 .full-width .site-content img.size-full.alignleft, 2932 .full-width .site-content img.size-large.alignleft, 2933 .full-width .site-content img.size-medium.alignleft, 2934 .full-width .site-content .wp-caption.alignleft { 2378 2935 margin-left: -168px; 2379 2936 } 2380 .full-width .entry-content img.size-medium.alignright, 2381 .full-width .entry-content img.size-large.alignright, 2382 .full-width .entry-content img.size-full.alignright, 2383 .full-width .entry-content .wp-caption.alignright, 2384 .full-width .entry-content blockquote.alignright { 2937 2938 .full-width .site-content blockquote.alignrigh, 2939 .full-width .site-content img.size-full.alignright, 2940 .full-width .site-content img.size-large.alignright, 2941 .full-width .site-content img.size-medium.alignright, 2942 .full-width .site-content .wp-caption.alignright { 2385 2943 margin-right: -168px; 2386 2944 } 2387 .full-width .entry-content img.size-full.alignnone, 2945 2388 2946 .attachment .entry-content .attachment { 2389 2947 margin-right: -168px; 2390 2948 margin-left: -168px; 2391 2949 max-width: 810px; 2392 2950 } 2393 .attachment .entry-content .attachment img { 2951 2952 .attachment .site-content .attachment img { 2953 display: block; 2394 2954 margin: 0 auto; 2395 2955 } 2396 .full-width .entry-content blockquote.alignleft, 2397 .full-width .entry-content blockquote.alignright { 2398 width: -webkit-calc(50% + 130px); 2399 width: calc(50% + 130px); 2400 } 2956 2401 2957 .contributor-avatar { 2402 2958 margin-left: -168px; 2403 2959 } 2960 2404 2961 .contributor-summary { 2405 2962 float: left; 2406 2963 } … … 2411 2968 .content-sidebar { 2412 2969 padding-top: 72px; 2413 2970 } 2414 .content-area .has-featured-image .entry-header, 2415 .content-area .format-standard .entry-header { 2971 2972 .site-content .has-featured-image .entry-header, 2973 .site-content .format-standard .entry-header { 2416 2974 margin-top: -48px; 2417 2975 } 2418 .content-area .format-standard.post-password-required .entry-header { 2976 2977 .site-content .format-standard.post-password-required .entry-header { 2419 2978 margin-top: 0; 2420 2979 } 2421 .comments-area article, 2980 2422 2981 .comment-list .trackback, 2423 .comment-list .pingback { 2982 .comment-list .pingback, 2983 .comments-area article { 2424 2984 margin-bottom: 36px; 2425 2985 padding-top: 36px; 2426 2986 } 2987 2427 2988 .comment-author .avatar { 2428 2989 top: 2px; 2429 2990 width: 34px; 2430 2991 height: 34px; 2431 2992 } 2993 2432 2994 .comment-author, 2433 .comment-metadata,2434 2995 .comment-content, 2435 .comment-list .reply { 2996 .comment-list .reply, 2997 .comment-metadata { 2436 2998 padding-left: 54px; 2437 2999 } 3000 2438 3001 .comment-list .children { 2439 3002 margin-left: 37px; 2440 3003 } 3004 2441 3005 .comment .comment-respond { 2442 3006 margin-left: 60px; 2443 3007 } 2444 .content-sidebar { 2445 padding-top: 72px; 3008 3009 .attachment-featured-featured { 3010 height: 192px; 2446 3011 } 3012 2447 3013 .featured-content .hentry { 2448 3014 width: 33.3333333%; 2449 3015 } 3016 2450 3017 .featured-content .hentry:nth-child( 2n+1 ) { 2451 3018 clear: none; 2452 3019 } 3020 2453 3021 .featured-content .hentry:nth-child( 3n+1 ) { 2454 3022 clear: both; 2455 3023 } … … 2459 3027 .header-main { 2460 3028 padding-left: 27px; 2461 3029 } 3030 2462 3031 .search-box-wrapper { 2463 3032 padding-left: 182px; 2464 3033 } 3034 2465 3035 .site-content { 2466 3036 margin: 0 29.04761904% 0 182px; 2467 3037 } 3038 3039 .site-content .entry-header { 3040 margin-top: 0; 3041 } 3042 3043 .site-content .has-featured-image .entry-header, 3044 .site-content .format-standard .entry-header { 3045 margin-top: 0; 3046 } 3047 2468 3048 .content-sidebar { 2469 3049 margin-left: -29.04761904%; 2470 3050 width: 29.04761904%; 2471 3051 } 2472 .content-area .entry-header { 2473 margin-top: 0; 2474 } 3052 2475 3053 .site:before { 2476 3054 background-color: #000; 2477 content: '';3055 content: ""; 2478 3056 display: block; 2479 3057 height: 100%; 2480 3058 min-height: 100%; 2481 3059 position: absolute; 2482 2483 3060 top: 0; 3061 left: 0; 2484 3062 width: 182px; 2485 3063 z-index: 2; 2486 3064 } 3065 2487 3066 #secondary { 2488 3067 background-color: transparent; 2489 3068 border-bottom: 0; … … 2496 3075 padding: 0 27px; 2497 3076 width: 128px; 2498 3077 } 2499 body.footer-widgets #secondary { 2500 min-height: 0; 3078 3079 .primary-sidebar { 3080 padding-top: 0; 2501 3081 } 3082 .footer-sidebar .widget_archive li, 3083 .footer-sidebar .widget_categories li, 3084 .footer-sidebar .widget_links li, 3085 .footer-sidebar .widget_meta li, 3086 .footer-sidebar .widget_nav_menu li, 3087 .footer-sidebar .widget_pages li, 3088 .footer-sidebar .widget_recent_comments li, 3089 .footer-sidebar .widget_recent_entries li, 3090 .primary-sidebar .widget_archive li, 3091 .primary-sidebar .widget_categories li, 3092 .primary-sidebar .widget_links li, 3093 .primary-sidebar .widget_meta li, 3094 .primary-sidebar .widget_nav_menu li, 3095 .primary-sidebar .widget_pages li, 3096 .primary-sidebar .widget_recent_comments li, 3097 .primary-sidebar .widget_recent_entries li { 3098 border-top: none; 3099 padding: 0; 3100 } 3101 2502 3102 .site-description { 2503 3103 display: block; 2504 3104 line-height: 1.6363636363; 2505 3105 margin: -3px 0 21px; 2506 3106 } 3107 2507 3108 .secondary-navigation { 2508 3109 border-bottom: 1px solid rgba(255, 255, 255, 0.2); 2509 3110 font-size: 11px; 2510 3111 } 3112 2511 3113 .secondary-navigation ul, 2512 3114 .secondary-navigation ul ul { 2513 3115 list-style: none; 2514 3116 margin: 0; 2515 3117 } 3118 2516 3119 .secondary-navigation li { 2517 3120 border-top: 1px solid rgba(255, 255, 255, 0.2); 2518 3121 position: relative; 2519 3122 } 3123 2520 3124 .secondary-navigation a { 2521 3125 padding: 8px 0 9px; 2522 3126 } 3127 2523 3128 .secondary-navigation ul ul { 2524 3129 background: rgba(0, 0, 0, 0.9); 2525 3130 display: none; 2526 3131 position: absolute; 2527 2528 3132 top: -1px; 3133 left: 128px; 2529 3134 width: 128px; 2530 3135 z-index: 9999; 2531 3136 } 3137 2532 3138 .secondary-navigation ul li:hover { 2533 3139 background: #000; 2534 3140 } 3141 2535 3142 .secondary-navigation ul li:hover > ul { 2536 3143 display: block; 2537 3144 } 2538 #secondary .widget, 2539 #supplementary .widget { 2540 margin-bottom: 48px; 2541 } 2542 #secondary .widget-title, 2543 #supplementary .widget-title { 3145 3146 .primary-sidebar .widget-title, 3147 .footer-sidebar .widget-title { 2544 3148 font-size: 11px; 2545 3149 font-weight: 700; 2546 3150 line-height: 1.6363636363; 2547 3151 margin-bottom: 18px; 2548 3152 } 2549 #supplementary { 3153 3154 .footer-sidebar { 2550 3155 font-size: 11px; 2551 3156 line-height: 1.6363636363; 2552 3157 padding: 48px 0 0; 2553 3158 } 3159 2554 3160 .site-info { 2555 3161 padding-left: 27px; 2556 3162 } 3163 2557 3164 .front-page-content-wrapper { 2558 3165 float: left; 2559 3166 } 3167 2560 3168 .featured-content { 2561 3169 padding-left: 182px; 2562 3170 } 2563 .content-area .has-featured-image .entry-header,2564 .content-area .format-standard .entry-header {2565 margin-top: 0;2566 }2567 3171 } 2568 3172 2569 3173 @media screen and (min-width: 1040px) { 2570 . content-area.has-featured-image .entry-header,2571 . content-area.format-standard .entry-header {3174 .site-content .has-featured-image .entry-header, 3175 .site-content .format-standard .entry-header { 2572 3176 margin-top: -48px; 2573 3177 } 2574 .content-area .format-standard.post-password-required .entry-header { 3178 3179 .site-content .format-standard.post-password-required .entry-header { 2575 3180 margin-top: 0; 2576 3181 } 2577 .content-area .entry-header, 2578 .content-area .entry-content, 2579 .content-area .entry-summary, 2580 .content-area footer.entry-meta, 3182 2581 3183 .archive-header, 3184 .comments-area, 3185 .image-navigation, 2582 3186 .page-header, 2583 3187 .page-content, 2584 3188 .post-navigation, 2585 .image-navigation, 2586 .comments-area { 3189 .site-content .entry-header, 3190 .site-content .entry-content, 3191 .site-content .entry-summary, 3192 .site-content footer.entry-meta { 2587 3193 padding-right: 15px; 2588 3194 padding-left: 15px; 2589 3195 } 2590 .full-width .content-area .entry-header, 2591 .full-width .content-area .entry-content, 2592 .full-width .content-area .entry-summary, 2593 .full-width .content-area footer.entry-meta, 3196 2594 3197 .full-width .archive-header, 3198 .full-width .comments-area, 3199 .full-width .image-navigation, 2595 3200 .full-width .page-header, 2596 3201 .full-width .page-content, 2597 3202 .full-width .post-navigation, 2598 .full-width .image-navigation, 2599 .full-width .comments-area { 2600 padding-right: 30px; 2601 padding-left: 30px; 3203 .full-width .site-content .entry-header, 3204 .full-width .site-content .entry-content, 3205 .full-width .site-content .entry-summary, 3206 .full-width .site-content footer.entry-meta { 3207 padding-right: 30px; 3208 padding-left: 30px; 2602 3209 } 2603 3210 } 2604 3211 2605 3212 @media screen and (min-width: 1080px) { 3213 .site-content { 3214 margin-left: 222px; 3215 } 3216 2606 3217 .site:before { 2607 3218 width: 222px; 2608 3219 } 3220 2609 3221 .search-box-wrapper, 2610 3222 .featured-content { 2611 3223 padding-left: 222px; 2612 3224 } 2613 .site-content { 2614 margin-left: 222px; 2615 } 3225 2616 3226 #secondary, 2617 3227 .secondary-navigation ul ul { 2618 3228 width: 168px; … … 2623 3233 } 2624 3234 2625 3235 @media screen and (min-width: 1110px) { 2626 .content-area .entry-header,2627 .content-area .entry-content,2628 .content-area .entry-summary,2629 .content-area footer.entry-meta,2630 3236 .archive-header, 3237 .comments-area, 3238 .image-navigation, 2631 3239 .page-header, 2632 3240 .page-content, 2633 3241 .post-navigation, 2634 .image-navigation, 2635 .comments-area { 3242 .site-content .entry-header, 3243 .site-content .entry-content, 3244 .site-content .entry-summary, 3245 .site-content footer.entry-meta { 2636 3246 padding-right: 30px; 2637 3247 padding-left: 30px; 2638 3248 } 2639 3249 } 2640 3250 2641 3251 @media screen and (min-width: 1218px) { 2642 .content-area .entry-header,2643 .content-area .entry-content,2644 .content-area .entry-summary,2645 .content-area footer.entry-meta,2646 3252 .archive-header, 3253 .comments-area, 3254 .image-navigation, 2647 3255 .page-header, 2648 3256 .page-content, 2649 3257 .post-navigation, 2650 .image-navigation, 2651 .comments-area { 3258 .site-content .entry-header, 3259 .site-content .entry-content, 3260 .site-content .entry-summary, 3261 .site-content footer.entry-meta { 2652 3262 margin-right: 54px; 2653 3263 } 2654 .full-width .content-area .entry-header, 2655 .full-width .content-area .entry-content, 2656 .full-width .content-area .entry-summary, 2657 .full-width .content-area footer.entry-meta, 3264 2658 3265 .full-width .archive-header, 3266 .full-width .comments-area, 3267 .full-width .image-navigation, 2659 3268 .full-width .page-header, 2660 3269 .full-width .page-content, 2661 3270 .full-width .post-navigation, 2662 .full-width .image-navigation, 2663 .full-width .comments-area { 3271 .full-width .site-content .entry-header, 3272 .full-width .site-content .entry-content, 3273 .full-width .site-content .entry-summary, 3274 .full-width .site-content footer.entry-meta { 2664 3275 margin-right: auto; 2665 3276 } 2666 3277 } 2667 3278 2668 3279 @media screen and (min-width: 1260px) { 2669 . entry-content blockquote.alignleft,2670 . entry-content blockquote.alignright {3280 .site-content blockquote.alignleft, 3281 .site-content blockquote.alignright { 2671 3282 width: -webkit-calc(50% + 18px); 2672 3283 width: calc(50% + 18px); 2673 3284 } 2674 . entry-content blockquote.alignleft {3285 .site-content blockquote.alignleft { 2675 3286 margin-left: -18%; 2676 3287 } 2677 . entry-content blockquote.alignright {3288 .site-content blockquote.alignright { 2678 3289 margin-right: -18%; 2679 3290 } 2680 3291 } 3292 No newline at end of file