/************************************************************************* Default CSS served INLINE because wp-content/uploads is not writable. This will change once wp-content/uploads is writable **************************************************************************/ /* CSS Grid */.test10 { }.row, .row5, .lw { width: 960px; margin: 0 auto; } .row > div, .row5 > div, .row > nav, .row5 > nav { float: left; position: relative; } /* column widths */.col1 {width:80px} .col2 {width:160px} .col3 {width:240px} .col4 {width:320px}.col5 {width:400px} .col6 {width:480px} .col7 {width:560px} .col8 {width:640px}.col9 {width:720px} .col10 {width:800px} .col11 {width:880px} .col12 {width:960px}/* Source order */.push1 {left:80px} .push2 {left:160px} .push3 {left:240px} .push4 {left:320px}.push5 {left:400px} .push6 {left:480px} .push7 {left:560px} .push8 {left:640px}.push9 {left:720px} .push10 {left:800px} .push11 {left:880px} .pull1 {right:80px} .pull2 {right:160px} .pull3 {right:240px} .pull4 {right:320px}.pull5 {right:400px} .pull6 {right:480px} .pull7 {right:560px} .pull8 {right:640px}.pull9 {right:720px} .pull10 {right:800px} .pull11 {right:880px}/* 5 equal width columns */.row5 > div {width:192px}.row5 .push1 {left:192px} .row5 .push2 {left:384px} .row5 .push3 {left:576px} .row5 .push4 {left:768px}.row5 .pull1 {right:192px} .row5 .pull2 {right:384px} .row5 .pull3 {right:576px} .row5 .pull4 {right:768px}/******************************** 720 pixels *******************************/@media only screen and (min-width: 768px) and (max-width: 959px) {/* row width */.row, .row5, .lw {width:720px;}/* column widths */.col1 {width:60px} .col2 {width:120px} .col3 {width:180px} .col4 {width:240px}.col5 {width:300px} .col6 {width:360px} .col7 {width:420px} .col8 {width:480px}.col9 {width:540px} .col10 {width:600px} .col11 {width:660px} .col12 {width:720px}/* Source order */.push1 {left:60px} .push2 {left:120px} .push3 {left:180px} .push4 {left:240px}.push5 {left:300px} .push6 {left:360px} .push7 {left:420px} .push8 {left:480px}.push9 {left:540px} .push10 {left:600px} .push11 {left:660px}.pull1 {right:60px} .pull2 {right:120px} .pull3 {right:180px} .pull4 {right:240px}.pull5 {right:300px} .pull6 {right:360px} .pull7 {right:420px} .pull8 {right:480px}.pull9 {right:540px} .pull10 {right:600px} .pull11 {right:660px}/* 5 equal width columns */.row5 > div {width:144px}.row5 .push1 {left:144px} .row5 .push2 {left:288px} .row5 .push3 {left:432px} .row5 .push4 {left:576px}.row5 .pull1 {right:144px} .row5 .pull2 {right:288px} .row5 .pull3 {right:432px} .row5 .pull4 {right:576px}}/******************************** Mobile *******************************/@media only screen and (max-width: 767px) { body { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }.row, .row5, .lw { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; }.row > div, .row5 > div { margin: 0 !important; float: none !important }/* Make all columns full width */.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12,.row5 > div { width:100% !important; } /* No source ordering on mobile */.push1, .push2, .push3, .push4, .push5, .push6, .push7, .push8, .push9, .push10, .push11, .push12 { left:auto !important; } .pull1, .pull2, .pull3, .pull4, .pull5, .pull6, .pull7, .pull8, .pull9, .pull10, .pull11, .pull12 { right:auto !important; } }/******************************************************************** BORDER-BOX Browser-support: IE8+ See also http://paulirish.com/2012/box-sizing-border-box-ftw/ ********************************************************************/ * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; o-box-sizing: border-box; } .row, .lw { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; o-box-sizing: content-box; } /******************************************************************** for TEXT ********************************************************************/ body { margin: 0; padding: 0; font-family: "Segoe UI", "Lucida Grande", "Helvetica Neue", sans-serif; font-size: 15px; opacity: 0; /* <--- will be turned on ( = set to '1' ) with jQuery after google fonts, if any, have loaded and masonry layout, if any, was applied */ } /******************************************************************** HTML5 tags for IE8 and older ********************************************************************/ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /******************************************************************** LINKS ********************************************************************/ a { color: #0090d3; text-decoration: none; } a:hover { text-decoration: underline; } a:active { } a:visited { } /* These get a fat dotted underline on hover */ .post-bodycopy a, .widget a, .singlenav a, .commentlist a, .logged-in-as a { border-bottom: dotted 2px transparent; /* "invisible" placeholder for link hover color */ } .post-bodycopy a:hover, .widget a:hover, .singlenav a:hover, .commentlist a:hover, .logged-in-as a:hover { border-bottom-color: #0090d3; text-decoration: none; color: #0090d3; } /******************************************************************** Animation Add all CSS selectors that should be animated on hover ********************************************************************/ a, .widget > h3, .widget > h3 i, .ed_button, #submit, .thumb-shadow, .firstpart, #menu1 i, .commentlist li > div, .commentlist .avatar { transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; } /********************************************************************

-

HEADINGS ********************************************************************/ h1, h2, h3, h4, h5, h6 { font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: normal; margin: 20px 0 10px 0; } h1 { font-size: 40px; line-height: 44px; } h2 { font-size: 36px; line-height: 40px; } h3 { font-size: 32px; line-height: 35px; } h4 { font-size: 28px; line-height: 33px; } h5 { font-size: 24px; line-height: 27px; } h6 { font-size: 20px; line-height: 22px; } /******************************************************************** IMAGES ********************************************************************/ a img { border: none; } .wp-caption { } .wp-caption.alignleft, .wp-caption.alignnone { margin-left: -9px; } .wp-caption.alignright { margin-right: -9px; } .wp-caption img { background: #fff; padding: 10px; border: solid 2px #cccccc; } .wp-caption-text { color: #999999; font-size: 14px; text-align: center; padding: 5px; margin-bottom: 0; /* this is a p element, turn off its bottom margin */ } iframe .player-container { border: solid 3px #000000; } .alignleft { float: left; margin: 5px 15px 10px 0; } .alignright { float: right; margin: 5px 0 10px 15px; } .aligncenter { display: block; margin: 0 auto; } .gallery-caption { } /* images inside posts on singular pages */ body.page .hentry img, body.single .hentry img { padding: 7px; border: solid 1px #dddddd; } /******************************************************************** Resizing content ********************************************************************/ .widget, .hentry { word-wrap: break-word; } input, textarea { max-width: 100%; } img { max-width: 100%; height: auto; display: block; width: auto; /* makes IE8 keep aspect ratio, adjusts the height */ } img.wp-smiley { display: inline; /* reset display:block for smileys */ } .wp-caption { max-width: 100% !important; /* WP adds 'width="..."' inline to images with .wp-caption, and to embedded videos, adding !important to overwrite that */ width: auto; /* makes IE8 keep aspect ratio, adjusts the height */ height: auto; } embed { max-width: 100% !important; /* WP adds 'width="..."' inline to images with .wp-caption, and to embedded videos, adding !important to overwrite that */ border: none; height: auto; } /********************************************************************