Created
August 5, 2012 13:00
-
-
Save consindo/3264642 to your computer and use it in GitHub Desktop.
Pretty Whitespaced & Relative Urls
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| article, | |
| aside, | |
| details, | |
| figcaption, | |
| figure, | |
| footer, | |
| header, | |
| hgroup, | |
| nav, | |
| section { display: block } | |
| audio, | |
| canvas, | |
| video { | |
| display: inline-block; | |
| *display: inline; | |
| *zoom: 1; | |
| } | |
| audio:not([controls]) { display: none } | |
| [hidden] { display: none } | |
| html { | |
| font-size: 100%; | |
| -webkit-text-size-adjust: 100%; | |
| -ms-text-size-adjust: 100%; | |
| } | |
| html, | |
| button, | |
| input, | |
| select, | |
| textarea { | |
| font-family: sans-serif; | |
| color: #222; | |
| } | |
| body { | |
| margin: 0; | |
| font-size: 1em; | |
| line-height: 1.4; | |
| } | |
| ::-moz-selection { | |
| background: #ed6637; | |
| color: #fff; | |
| text-shadow: none; | |
| } | |
| ::selection { | |
| background: #ed6637; | |
| color: #fff; | |
| text-shadow: none; | |
| } | |
| a { color: #00e } | |
| a:visited { color: #551a8b } | |
| a:hover { color: #06e } | |
| a:focus { outline: thin dotted } | |
| a:hover, | |
| a:active { outline: 0 } | |
| abbr[title] { border-bottom: 1px dotted } | |
| b, | |
| strong { font-weight: bold } | |
| blockquote { margin: 1em 40px } | |
| dfn { font-style: italic } | |
| hr { | |
| display: block; | |
| height: 1px; | |
| border: 0; | |
| border-top: 1px solid #ccc; | |
| margin: 1em 0; | |
| padding: 0; | |
| } | |
| ins { | |
| background: #ff9; | |
| color: #000; | |
| text-decoration: none; | |
| } | |
| mark { | |
| background: #ff0; | |
| color: #000; | |
| font-style: italic; | |
| font-weight: bold; | |
| } | |
| pre, | |
| code, | |
| kbd, | |
| samp { | |
| font-family: monospace, serif; | |
| _font-family: 'courier new', monospace; | |
| font-size: 1em; | |
| } | |
| pre { | |
| white-space: pre; | |
| white-space: pre-wrap; | |
| word-wrap: break-word; | |
| } | |
| q { quotes: none } | |
| q:before, | |
| q:after { | |
| content: ""; | |
| content: none; | |
| } | |
| small { font-size: 85% } | |
| sub, | |
| sup { | |
| font-size: 75%; | |
| line-height: 0; | |
| position: relative; | |
| vertical-align: baseline; | |
| } | |
| sup { top: -0.5em } | |
| sub { bottom: -0.25em } | |
| ul, | |
| ol { | |
| margin: 1em 0; | |
| padding: 0 0 0 40px; | |
| } | |
| dd { margin: 0 0 0 40px } | |
| nav ul, | |
| nav ol { | |
| list-style: none; | |
| list-style-image: none; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| img { | |
| border: 0; | |
| -ms-interpolation-mode: bicubic; | |
| vertical-align: middle; | |
| } | |
| svg:not(:root) { overflow: hidden } | |
| figure { margin: 0 } | |
| form { margin: 0 } | |
| fieldset { | |
| border: 0; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| label { cursor: pointer } | |
| legend { | |
| border: 0; | |
| *margin-left: -7px; | |
| padding: 0; | |
| white-space: normal; | |
| } | |
| button, | |
| input, | |
| select, | |
| textarea { | |
| font-size: 100%; | |
| margin: 0; | |
| vertical-align: baseline; | |
| *vertical-align: middle; | |
| } | |
| button, | |
| input { line-height: normal } | |
| button, | |
| input[type="button"], | |
| input[type="reset"], | |
| input[type="submit"] { | |
| cursor: pointer; | |
| -webkit-appearance: button; | |
| *overflow: visible; | |
| } | |
| button[disabled], | |
| input[disabled] { cursor: default } | |
| input[type="checkbox"], | |
| input[type="radio"] { | |
| box-sizing: border-box; | |
| padding: 0; | |
| *width: 13px; | |
| *height: 13px; | |
| } | |
| input[type="search"] { | |
| -webkit-appearance: textfield; | |
| -moz-box-sizing: content-box; | |
| -webkit-box-sizing: content-box; | |
| box-sizing: content-box; | |
| } | |
| input[type="search"]::-webkit-search-decoration, | |
| input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none } | |
| button::-moz-focus-inner, | |
| input::-moz-focus-inner { | |
| border: 0; | |
| padding: 0; | |
| } | |
| textarea { | |
| overflow: auto; | |
| vertical-align: top; | |
| resize: vertical; | |
| } | |
| input:invalid, | |
| textarea:invalid { background-color: #f0dddd } | |
| table { | |
| border-collapse: collapse; | |
| border-spacing: 0; | |
| } | |
| td { vertical-align: top } | |
| .chromeframe { | |
| margin: 0.2em 0; | |
| background: #ccc; | |
| color: black; | |
| padding: 0.2em 0; | |
| } | |
| body { | |
| background-color: #F7F6F5; | |
| font-family: "Ubuntu","Helvetica Neue","Helvetica","Arial",sans-serif; | |
| color: #4F4F4F; | |
| overflow-x: hidden; | |
| } | |
| .screen-reader-text { display: none } | |
| #top { | |
| max-width: 960px; | |
| margin: 0 auto; | |
| height: 40px; | |
| text-align: right; | |
| } | |
| #branding { | |
| height: 80px; | |
| position: relative; | |
| z-index: 2; | |
| -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5); | |
| -moz-box-shadow: 0 0 3px rgba(0,0,0,0.5); | |
| box-shadow: 0 0 3px rgba(0,0,0,0.5); | |
| background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7d2755), color-stop(100%, #4d1f41)); | |
| background: -webkit-linear-gradient(top, #7d2755 0%,#4d1f41 100%); | |
| background: -moz-linear-gradient(top, #7d2755 0%,#4d1f41 100%); | |
| background: -o-linear-gradient(top, #7d2755 0%,#4d1f41 100%); | |
| background: -ms-linear-gradient(top, #7d2755 0%,#4d1f41 100%); | |
| background: linear-gradient(top, #7d2755 0%,#4d1f41 100%); | |
| background-color: #4d1f41; | |
| } | |
| #branding .wrap { | |
| max-width: 960px; | |
| margin: 0 auto; | |
| } | |
| #branding #site-title { | |
| float: left; | |
| background: url(images/logo.png); | |
| background-size: 150px; | |
| width: 150px; | |
| height: 150px; | |
| margin: 0; | |
| position: relative; | |
| top: -30px; | |
| -webkit-transition: 200ms all ease; | |
| -moz-transition: 200ms all ease; | |
| -ms-transition: 200ms all ease; | |
| -o-transition: 200ms all ease; | |
| transition: 200ms all ease; | |
| } | |
| #branding #site-title span { display: none } | |
| #branding #site-title:hover { | |
| -webkit-transform: rotate(-5deg); | |
| -moz-transform: rotate(-5deg); | |
| -ms-transform: rotate(-5deg); | |
| -o-transform: rotate(-5deg); | |
| transform: rotate(-5deg); | |
| } | |
| #branding nav { | |
| display: inline-block; | |
| vertical-align: top; | |
| margin-left: 15px; | |
| float: left; | |
| } | |
| #branding nav li { | |
| display: inline-block; | |
| vertical-align: top; | |
| } | |
| #branding nav li:hover { opacity: 0.9 } | |
| #branding nav li a { | |
| display: inline-block; | |
| color: #fff; | |
| font-size: 13px; | |
| font-family: "Ubuntu Light","Ubuntu","Helvetica Neue","Helvetica","Arial",sans-serif; | |
| font-weight: 300; | |
| text-transform: uppercase; | |
| text-align: center; | |
| text-shadow: 0 1px 0 #4d1f41; | |
| padding: 13px 8px 14px; | |
| } | |
| #branding nav li .icon { | |
| display: block; | |
| margin: 0 auto 5px; | |
| } | |
| #branding nav li .icon.apps { | |
| background-image: url('images/sprites-s3719704e20.png'); | |
| background-position: 0 0; | |
| background-repeat: no-repeat; | |
| height: 30px; | |
| width: 30px; | |
| } | |
| @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 2) { | |
| #branding nav li .icon.apps { | |
| -webkit-background-size: 60px auto; | |
| -moz-background-size: 60px auto; | |
| -o-background-size: 60px auto; | |
| background-size: 60px auto; | |
| background-image: url('images/sprites-retina-sd381259ce7.png'); | |
| } | |
| } | |
| #branding nav li .icon.reviews { | |
| background-image: url('images/sprites-s3719704e20.png'); | |
| background-position: 0 -60px; | |
| background-repeat: no-repeat; | |
| height: 30px; | |
| width: 30px; | |
| } | |
| @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 2) { | |
| #branding nav li .icon.reviews { | |
| background-position: 0 -60px; | |
| -webkit-background-size: 60px auto; | |
| -moz-background-size: 60px auto; | |
| -o-background-size: 60px auto; | |
| background-size: 60px auto; | |
| background-image: url('images/sprites-retina-sd381259ce7.png'); | |
| } | |
| } | |
| #branding nav li .icon.news { | |
| background-image: url('images/sprites-s3719704e20.png'); | |
| background-position: 0 -30px; | |
| background-repeat: no-repeat; | |
| height: 30px; | |
| width: 30px; | |
| } | |
| @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 2) { | |
| #branding nav li .icon.news { | |
| background-position: 0 -30px; | |
| -webkit-background-size: 60px auto; | |
| -moz-background-size: 60px auto; | |
| -o-background-size: 60px auto; | |
| background-size: 60px auto; | |
| background-image: url('images/sprites-retina-sd381259ce7.png'); | |
| } | |
| } | |
| #branding nav li .icon.editorials { | |
| background-image: url('images/sprites-s3719704e20.png'); | |
| background-position: 0 -90px; | |
| background-repeat: no-repeat; | |
| height: 30px; | |
| width: 30px; | |
| } | |
| @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 2) { | |
| #branding nav li .icon.editorials { | |
| background-position: 0 -136px; | |
| -webkit-background-size: 60px auto; | |
| -moz-background-size: 60px auto; | |
| -o-background-size: 60px auto; | |
| background-size: 60px auto; | |
| background-image: url('images/sprites-retina-sd381259ce7.png'); | |
| } | |
| } | |
| #branding nav li .icon.interviews { | |
| background-image: url('images/sprites-s3719704e20.png'); | |
| background-position: 0 -120px; | |
| background-repeat: no-repeat; | |
| height: 30px; | |
| width: 30px; | |
| } | |
| @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 2) { | |
| #branding nav li .icon.interviews { | |
| background-position: 0 -166px; | |
| -webkit-background-size: 60px auto; | |
| -moz-background-size: 60px auto; | |
| -o-background-size: 60px auto; | |
| background-size: 60px auto; | |
| background-image: url('images/sprites-retina-sd381259ce7.png'); | |
| } | |
| } | |
| #branding form input[type=text] { | |
| margin-top: 22px; | |
| height: 18px; | |
| font-size: 16px; | |
| float: right; | |
| font-family: "Ubuntu","Helvetica Neue","Helvetica","Arial",sans-serif; | |
| padding: 7px 25px 7px 10px; | |
| border-radius: 3px; | |
| border: 1px solid #7d2755; | |
| box-shadow: 0 1px 1px #4d1f41; | |
| outline: 0; | |
| } | |
| #branding form input[type=text]:focus { box-shadow: 0 0 3px #f5ae95 } | |
| #branding form input[type=submit] { | |
| position: relative; | |
| font-size: 0; | |
| top: 30px; | |
| left: -11px; | |
| margin-left: -28px; | |
| border: 0; | |
| background-image: url('images/sprites-s3719704e20.png'); | |
| background-position: 0 -977px; | |
| background-repeat: no-repeat; | |
| height: 18px; | |
| width: 18px; | |
| float: right; | |
| background-color: transparent; | |
| } | |
| @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 2) { | |
| #branding form input[type=submit] { | |
| background-position: 0 -848px; | |
| -webkit-background-size: 60px auto; | |
| -moz-background-size: 60px auto; | |
| -o-background-size: 60px auto; | |
| background-size: 60px auto; | |
| background-image: url('images/sprites-retina-sd381259ce7.png'); | |
| } | |
| } | |
| #site-description { display: none } | |
| #access { | |
| vertical-align: top; | |
| display: block; | |
| } | |
| #access ul li { display: inline-block } | |
| #access ul li a { | |
| color: #fff; | |
| display: inline-block; | |
| font-family: "Ubuntu Light","Ubuntu","Helvetica Neue","Helvetica","Arial",sans-serif; | |
| text-decoration: none; | |
| text-transform: uppercase; | |
| font-weight: 300; | |
| color: rgba(255,255,255,0.95); | |
| text-shadow: 0 1px 0 rgba(0,0,0,0.75); | |
| padding: 50px 10px 0; | |
| } | |
| #access #menu-primary-navigation { | |
| float: left; | |
| font-size: 13px; | |
| padding-left: 10px; | |
| } | |
| #access #menu-primary-navigation a { | |
| background-size: 30px; | |
| background-repeat: no-repeat; | |
| background-position: 50% 16px; | |
| } | |
| #access #menu-secondary { | |
| display: block; | |
| text-align: right; | |
| margin: 40px 0 10px; | |
| font-size: 18px; | |
| } | |
| #access #menu-secondary li:not(:last-child) a::after { | |
| content: "·"; | |
| padding-left: 10px; | |
| } | |
| #access #menu-secondary a { | |
| padding-top: 0; | |
| padding-right: 0; | |
| } | |
| #main { | |
| margin: 0 auto; | |
| max-width: 960px; | |
| background-image: url(images/postbg.png); | |
| box-shadow: 0 5px 20px rgba(0,0,0,0.3); | |
| background-color: #fff; | |
| border-top: 0; | |
| padding-top: 50px; | |
| top: -70px; | |
| position: relative; | |
| margin-bottom: 40px; | |
| border-radius: 0 0 3px 3px; | |
| } | |
| #main .overbanner { | |
| display: inline-block; | |
| position: absolute; | |
| top: 70px; | |
| right: 0; | |
| z-index: 1; | |
| border-bottom-left-radius: 3px; | |
| box-shadow: 0 1px 2px rgba(0,0,0,0.3); | |
| padding: 7px 10px; | |
| text-transform: uppercase; | |
| font-weight: bold; | |
| font-size: 14px; | |
| line-height: 1; | |
| background: #E6E6E6; | |
| -webkit-transform: perspective(1200px) translateY(-30px); | |
| -moz-transform: perspective(1200px) translateY(-30px); | |
| -ms-transform: perspective(1200px) translateY(-30px); | |
| -o-transform: perspective(1200px) translateY(-30px); | |
| transform: perspective(1200px) translateY(-30px); | |
| -webkit-transition: 500ms ease all; | |
| -moz-transition: 500ms ease all; | |
| -ms-transition: 500ms ease all; | |
| -o-transition: 500ms ease all; | |
| transition: 500ms ease all; | |
| -webkit-transform-origin: 0 0 50%; | |
| -moz-transform-origin: 0 0 50%; | |
| -ms-transform-origin: 0 0 50%; | |
| -o-transform-origin: 0 0 50%; | |
| transform-origin: 0 0 50%; | |
| } | |
| #main .overbanner.loaded { | |
| -webkit-transform: perspective(1200px) translateY(0px); | |
| -moz-transform: perspective(1200px) translateY(0px); | |
| -ms-transform: perspective(1200px) translateY(0px); | |
| -o-transform: perspective(1200px) translateY(0px); | |
| transform: perspective(1200px) translateY(0px); | |
| } | |
| #main .overbanner ul { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| #main .overbanner li { | |
| line-height: 1; | |
| padding: 0 10px; | |
| list-style-type: none; | |
| display: inline-block; | |
| } | |
| #main .overbanner li a { | |
| color: #4F4F4F; | |
| text-shadow: 0 1px 0 #fafafa; | |
| } | |
| #main .overbanner li a:hover { color: #237989 } | |
| #main #banner { | |
| width: 100%; | |
| overflow: hidden; | |
| } | |
| #progress { | |
| width: 100%; | |
| height: 3px; | |
| background-color: #000; | |
| background-image: url(images/slider.png); | |
| background-repeat: no-repeat; | |
| background-size: 0 3px; | |
| -webkit-transition: background-size 4500ms linear; | |
| -moz-transition: background-size 4500ms linear; | |
| -ms-transition: background-size 4500ms linear; | |
| -o-transition: background-size 4500ms linear; | |
| transition: background-size 4500ms linear; | |
| } | |
| #progress.snap { | |
| -webkit-transition: none; | |
| -moz-transition: none; | |
| -ms-transition: none; | |
| -o-transition: none; | |
| transition: none; | |
| } | |
| #progress.animate { background-size: 100% 3px } | |
| #progress.stop { | |
| -webkit-transition: none; | |
| -moz-transition: none; | |
| -ms-transition: none; | |
| -o-transition: none; | |
| transition: none; | |
| background-image: none; | |
| } | |
| .box { | |
| display: -webkit-box; | |
| display: -moz-box; | |
| display: -ms-box; | |
| display: box; | |
| } | |
| .no-flexboxlegacy .box { font-size: 0 } | |
| .no-flexboxlegacy #primary { | |
| width: 620px; | |
| display: inline-block; | |
| vertical-align: top; | |
| } | |
| .no-flexboxlegacy #secondary { | |
| display: inline-block; | |
| vertical-align: top; | |
| } | |
| .no-flexboxlegacy #secondary .widget.Events li .left { text-align: left } | |
| .no-flexboxlegacy .post .left { float: left } | |
| .no-flexboxlegacy .post .right { padding-left: 80px } | |
| #primary { | |
| padding-top: 30px; | |
| -webkit-box-flex: 1; | |
| -moz-box-flex: 1; | |
| -ms-box-flex: 1; | |
| box-flex: 1; | |
| padding-top: 15px; | |
| padding-bottom: 40px; | |
| border-right: 1px solid #ddd; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| #secondary { | |
| width: 340px; | |
| max-width: 340px; | |
| padding-bottom: 40px; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| #secondary img { | |
| width: 100%; | |
| max-width: 300px; | |
| margin: 0 auto; | |
| height: auto; | |
| } | |
| #secondary iframe { | |
| width: 100% !important; | |
| height: 100% !important; | |
| } | |
| #secondary .cat { | |
| font-size: 0; | |
| border-bottom: 1px solid #ddd; | |
| } | |
| #secondary .cat li { display: inline-block } | |
| #secondary .cat li:nth-child(1) a { width: 61px } | |
| #secondary .cat li:nth-child(2) a { width: 57px } | |
| #secondary .cat li:nth-child(3) a { width: 78px } | |
| #secondary .cat li:nth-child(4) a { width: 79px } | |
| #secondary .cat li:nth-child(5) a { | |
| width: 65px; | |
| text-shadow: 0 1px 0 #ae3910; | |
| box-shadow: 0 1px 0 #ae3910,-1px 0 0 #ae3910,-1px 1px 0 #ae3910; | |
| color: #fff; | |
| background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ed6637), color-stop(100%, #dd4814)); | |
| background: -webkit-linear-gradient(#ed6637,#dd4814); | |
| background: -moz-linear-gradient(#ed6637,#dd4814); | |
| background: -o-linear-gradient(#ed6637,#dd4814); | |
| background: -ms-linear-gradient(#ed6637,#dd4814); | |
| background: linear-gradient(#ed6637,#dd4814); | |
| border-right: 0; | |
| } | |
| #secondary .cat li:nth-child(5) a:hover { | |
| background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f18a66), color-stop(100%, #ed6637)); | |
| background: -webkit-linear-gradient(#f18a66,#ed6637); | |
| background: -moz-linear-gradient(#f18a66,#ed6637); | |
| background: -o-linear-gradient(#f18a66,#ed6637); | |
| background: -ms-linear-gradient(#f18a66,#ed6637); | |
| background: linear-gradient(#f18a66,#ed6637); | |
| } | |
| #secondary .cat li a { | |
| font-size: 14px; | |
| text-transform: uppercase; | |
| letter-spacing: -1px; | |
| text-align: center; | |
| height: 40px; | |
| line-height: 40px; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| border-right: 1px solid #ddd; | |
| color: #444; | |
| display: inline-block; | |
| background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f4f4f4)); | |
| background: -webkit-linear-gradient(#ffffff,#f4f4f4); | |
| background: -moz-linear-gradient(#ffffff,#f4f4f4); | |
| background: -o-linear-gradient(#ffffff,#f4f4f4); | |
| background: -ms-linear-gradient(#ffffff,#f4f4f4); | |
| background: linear-gradient(#ffffff,#f4f4f4); | |
| } | |
| #secondary .cat li a:hover { | |
| background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e4e4e4)); | |
| background: -webkit-linear-gradient(#ffffff,#e4e4e4); | |
| background: -moz-linear-gradient(#ffffff,#e4e4e4); | |
| background: -o-linear-gradient(#ffffff,#e4e4e4); | |
| background: -ms-linear-gradient(#ffffff,#e4e4e4); | |
| background: linear-gradient(#ffffff,#e4e4e4); | |
| } | |
| #secondary .widget { | |
| padding: 20px; | |
| border-bottom: 1px solid #ddd; | |
| } | |
| #secondary .widget h4, | |
| #secondary .widget h2.dsq-widget-title { | |
| font-size: 26px; | |
| margin: 0; | |
| font-family: "Ubuntu Light","Ubuntu","Helvetica Neue","Helvetica","Arial",sans-serif; | |
| font-weight: 300; | |
| color: #dd4814; | |
| border-bottom: 1px dotted #ddd; | |
| } | |
| #secondary .widget ul { | |
| padding: 0; | |
| margin: 1em 0 0; | |
| counter-reset: li; | |
| } | |
| #secondary .widget ul>li { | |
| position: relative; | |
| border-bottom: 1px solid #eee; | |
| list-style-type: none; | |
| font-size: 15px; | |
| line-height: 17px; | |
| min-height: 22px; | |
| padding: 0 5px; | |
| padding-bottom: 10px; | |
| margin-bottom: 10px; | |
| } | |
| #secondary .widget ul>li:last-child { | |
| padding-bottom: 0; | |
| border: 0; | |
| margin-bottom: 0; | |
| } | |
| #secondary .widget.widget_wmp_widget ul>li { margin: 0 0 10px 1.8em } | |
| #secondary .widget.widget_wmp_widget ul>li:before { | |
| content: counter(li); | |
| counter-increment: li; | |
| position: absolute; | |
| top: -7px; | |
| left: -2.5em; | |
| margin-right: 8px; | |
| padding: 4px; | |
| color: #999; | |
| font-style: italic; | |
| width: 2em; | |
| font-size: 26px; | |
| line-height: 34px; | |
| text-align: right; | |
| } | |
| #secondary .widget.Events li { | |
| display: -webkit-box; | |
| display: -moz-box; | |
| display: -ms-box; | |
| display: box; | |
| line-height: 1; | |
| padding-bottom: 15px; | |
| } | |
| #secondary .widget.Events li .left { | |
| margin-right: 15px; | |
| text-align: center; | |
| } | |
| #secondary .widget.Events li .left .day { | |
| font-size: 44px; | |
| letter-spacing: -2px; | |
| } | |
| #secondary .widget.Events li .left .month { | |
| font-family: "Ubuntu Light","Ubuntu","Helvetica Neue","Helvetica","Arial",sans-serif; | |
| font-weight: 300; | |
| font-size: 24px; | |
| text-transform: uppercase; | |
| color: #888; | |
| letter-spacing: -1px; | |
| } | |
| #secondary .widget.Events li .right { | |
| -webkit-box-flex: 1; | |
| -moz-box-flex: 1; | |
| -ms-box-flex: 1; | |
| box-flex: 1; | |
| padding-top: 5px; | |
| } | |
| #secondary .widget.Events li .right h3, | |
| #secondary .widget.Events li .right h3 a { | |
| font-size: 20px; | |
| color: #4d1f41; | |
| margin: 0 0 5px; | |
| } | |
| #secondary .widget.Events li .right h5 { color: #0091ab } | |
| #secondary .widget .appofweek img { margin: 10px auto } | |
| #secondary .widget .appofweek h2 { | |
| margin-top: 0; | |
| line-height: 1; | |
| color: #0091ab; | |
| } | |
| #secondary .widget .appofweek h3 { | |
| margin: 0; | |
| line-height: 1; | |
| } | |
| #secondary .widget .appofweek p { | |
| margin: 1em 0 0; | |
| color: #444; | |
| font-size: 14px; | |
| } | |
| #secondary .widget .quotes blockquote { | |
| color: #444; | |
| margin: 1em 0.3em 0; | |
| } | |
| #secondary .widget .quotes aside { | |
| padding: 0.5em 0 1em; | |
| border-bottom: 1px solid #eee; | |
| font-size: 14px; | |
| color: #777; | |
| } | |
| #secondary .widget .quotes aside:last-child { | |
| padding-bottom: 0; | |
| border-bottom: 0; | |
| } | |
| #secondary .widget .picks img { margin-top: 15px } | |
| #secondary .widget_search form div { | |
| display: -webkit-box; | |
| display: -moz-box; | |
| display: -ms-box; | |
| display: box; | |
| } | |
| #secondary .widget_search form div input[type=text] { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| height: 30px; | |
| font-family: "Ubuntu","Helvetica Neue","Helvetica","Arial",sans-serif; | |
| display: block; | |
| -webkit-box-flex: 1; | |
| -moz-box-flex: 1; | |
| -ms-box-flex: 1; | |
| box-flex: 1; | |
| border: 1px solid #ddd; | |
| border-right: 0; | |
| padding: 0 5px; | |
| font-size: 14px; | |
| border-radius: 3px 0 0 3px; | |
| } | |
| #secondary .widget_search form div input[type=text]:focus { outline: 0 } | |
| #secondary .widget_search form div input[type=submit] { | |
| font-family: "Ubuntu","Helvetica Neue","Helvetica","Arial",sans-serif; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| display: block; | |
| border-radius: 0 3px 3px 0; | |
| width: 80px; | |
| height: 30px; | |
| padding: 0; | |
| font-size: 14px; | |
| text-shadow: 0 1px 0 #ae3910; | |
| border: 1px solid #ae3910; | |
| color: #fff; | |
| background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #dd4814), color-stop(100%, #ed6637)); | |
| background: -webkit-linear-gradient(bottom, #dd4814,#ed6637); | |
| background: -moz-linear-gradient(bottom, #dd4814,#ed6637); | |
| background: -o-linear-gradient(bottom, #dd4814,#ed6637); | |
| background: -ms-linear-gradient(bottom, #dd4814,#ed6637); | |
| background: linear-gradient(bottom, #dd4814,#ed6637); | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$orange", endColorstr="lighten($orange, 10%)",GradientType=0); | |
| } | |
| #secondary .widget_search form div .screen-reader-text { display: none } | |
| #secondary .sidesocial h4 { | |
| vertical-align: top; | |
| margin-right: 15px; | |
| border-bottom: 0; | |
| display: inline-block; | |
| } | |
| #secondary .sidesocial img { | |
| width: 38px; | |
| height: 39px; | |
| margin-right: 5px; | |
| } | |
| #secondary .widget ul>li.dsq-widget-item { | |
| font-size: 13px; | |
| position: relative; | |
| padding: 10px; | |
| margin: 15px 0; | |
| } | |
| #secondary .widget ul>li.dsq-widget-item::before { display: none } | |
| #secondary .widget ul>li .dsq-widget-avatar { | |
| position: absolute; | |
| left: 0; | |
| width: 48px; | |
| height: 48px; | |
| padding: 0; | |
| border-radius: 3px; | |
| } | |
| #nav-above { display: none } | |
| .home .post { | |
| margin-bottom: 3em; | |
| width: 100%; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| .post { | |
| font-size: 13px; | |
| padding: 0 20px; | |
| } | |
| .post .entry-share { | |
| height: 32px; | |
| margin-top: 10px; | |
| padding: 5px; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| border: 1px solid #EBF3F5; | |
| z-index: 9; | |
| width: 100%; | |
| background: rgba(255,255,255,0.9); | |
| } | |
| .post .entry-share .share-text { | |
| color: #C4D8DE; | |
| font-weight: bold; | |
| margin: 0 10px 0 0; | |
| text-shadow: 0 1px 0 white; | |
| text-transform: uppercase; | |
| padding: 1px 0 0; | |
| } | |
| .post .entry-share div { float: left } | |
| .post .tag-links { | |
| display: block; | |
| margin: 20px 0 10px; | |
| clear: both; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| .post .tag-links li { | |
| background-color: #efefef; | |
| background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #efefef)); | |
| background: -webkit-linear-gradient(#ffffff,#efefef); | |
| background: -moz-linear-gradient(#ffffff,#efefef); | |
| background: -o-linear-gradient(#ffffff,#efefef); | |
| background: -ms-linear-gradient(#ffffff,#efefef); | |
| background: linear-gradient(#ffffff,#efefef); | |
| border: 1px solid #D8D8D8; | |
| border-left: none; | |
| margin-bottom: 10px; | |
| margin-left: 0; | |
| display: inline-block; | |
| list-style-type: none; | |
| margin-right: 10px; | |
| } | |
| .post .tag-links li:hover { | |
| background-color: #dedede; | |
| background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #efefef), color-stop(100%, #dedede)); | |
| background: -webkit-linear-gradient(#efefef,#dedede); | |
| background: -moz-linear-gradient(#efefef,#dedede); | |
| background: -o-linear-gradient(#efefef,#dedede); | |
| background: -ms-linear-gradient(#efefef,#dedede); | |
| background: linear-gradient(#efefef,#dedede); | |
| } | |
| .post .tag-links a { | |
| display: inline-block; | |
| color: #444; | |
| padding: 0 6px 0 14px; | |
| height: 24px; | |
| line-height: 24px; | |
| position: relative; | |
| font-size: 11px; | |
| margin: -1px 0; | |
| background: url("images/tag.png") no-repeat; | |
| } | |
| .post header .entry-meta { | |
| font-size: 12px; | |
| margin-bottom: 1em; | |
| color: #666; | |
| } | |
| .post header .entry-meta a { color: #666 } | |
| .post footer { | |
| font-size: 14px; | |
| padding: 0.5em 0; | |
| border-top: 1px dotted #ddd; | |
| border-bottom: 1px dotted #ddd; | |
| } | |
| .post footer .more { | |
| font-weight: bold; | |
| text-transform: uppercase; | |
| } | |
| .post footer .right { float: right } | |
| .post footer .social { margin-left: 5px } | |
| .post footer .social .twitter { | |
| background-image: url('images/sprites-s3719704e20.png'); | |
| background-position: 0 -1048px; | |
| background-repeat: no-repeat; | |
| height: 16px; | |
| width: 16px; | |
| } | |
| @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 2) { | |
| .post footer .social .twitter { | |
| background-position: 0 -1078px; | |
| -webkit-background-size: 60px auto; | |
| -moz-background-size: 60px auto; | |
| -o-background-size: 60px auto; | |
| background-size: 60px auto; | |
| background-image: url('images/sprites-retina-sd381259ce7.png'); | |
| } | |
| } | |
| .post footer .social .facebook { | |
| background-image: url('images/sprites-s3719704e20.png'); | |
| background-position: 0 -150px; | |
| background-repeat: no-repeat; | |
| height: 16px; | |
| width: 16px; | |
| } | |
| @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 2) { | |
| .post footer .social .facebook { | |
| background-position: 0 -832px; | |
| -webkit-background-size: 60px auto; | |
| -moz-background-size: 60px auto; | |
| -o-background-size: 60px auto; | |
| background-size: 60px auto; | |
| background-image: url('images/sprites-retina-sd381259ce7.png'); | |
| } | |
| } | |
| .post footer .social .googleplus { | |
| background-image: url('images/sprites-s3719704e20.png'); | |
| background-position: 0 -166px; | |
| background-repeat: no-repeat; | |
| height: 16px; | |
| width: 16px; | |
| } | |
| @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 2) { | |
| .post footer .social .googleplus { | |
| background-position: 0 -120px; | |
| -webkit-background-size: 60px auto; | |
| -moz-background-size: 60px auto; | |
| -o-background-size: 60px auto; | |
| background-size: 60px auto; | |
| background-image: url('images/sprites-retina-sd381259ce7.png'); | |
| } | |
| } | |
| .post footer .social a { | |
| border-radius: 2px; | |
| display: inline-block; | |
| vertical-align: middle; | |
| } | |
| .post footer .comments-link a { color: #dd4814 } | |
| #disqus_thread { padding: 0 20px 20px } | |
| #colophon { | |
| margin-top: 0; | |
| border-top: 1px solid #ddd; | |
| background: #F7F6F5; | |
| min-height: 100px; | |
| border-radius: 0 0 3px 3px; | |
| } | |
| #colophon .social { padding: 25px 20px 10px } | |
| #colophon .social a { | |
| opacity: 0.7; | |
| display: inline-block; | |
| } | |
| #colophon .social a:hover { opacity: 0.9 } | |
| #colophon .social a.facebook { | |
| background-image: url('images/sprites-s3719704e20.png'); | |
| background-position: 0 -1295px; | |
| background-repeat: no-repeat; | |
| height: 24px; | |
| width: 24px; | |
| } | |
| @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 2) { | |
| #colophon .social a.facebook { | |
| background-position: 0 -1272px; | |
| -webkit-background-size: 60px auto; | |
| -moz-background-size: 60px auto; | |
| -o-background-size: 60px auto; | |
| background-size: 60px auto; | |
| background-image: url('images/sprites-retina-sd381259ce7.png'); | |
| } | |
| } | |
| #colophon .social a.twitter { | |
| background-image: url('images/sprites-s3719704e20.png'); | |
| background-position: 0 -1271px; | |
| background-repeat: no-repeat; | |
| height: 24px; | |
| width: 24px; | |
| } | |
| @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 2) { | |
| #colophon .social a.twitter { | |
| background-position: 0 -1248px; | |
| -webkit-background-size: 60px auto; | |
| -moz-background-size: 60px auto; | |
| -o-background-size: 60px auto; | |
| background-size: 60px auto; | |
| background-image: url('images/sprites-retina-sd381259ce7.png'); | |
| } | |
| } | |
| #colophon .social a.googleplus { | |
| background-image: url('images/sprites-s3719704e20.png'); | |
| background-position: 0 -1223px; | |
| background-repeat: no-repeat; | |
| height: 24px; | |
| width: 24px; | |
| } | |
| @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 2) { | |
| #colophon .social a.googleplus { | |
| background-position: 0 -1200px; | |
| -webkit-background-size: 60px auto; | |
| -moz-background-size: 60px auto; | |
| -o-background-size: 60px auto; | |
| background-size: 60px auto; | |
| background-image: url('images/sprites-retina-sd381259ce7.png'); | |
| } | |
| } | |
| #colophon .social a.youtube { | |
| background-image: url('images/sprites-s3719704e20.png'); | |
| background-position: 0 -1247px; | |
| background-repeat: no-repeat; | |
| height: 24px; | |
| width: 24px; | |
| } | |
| @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 2) { | |
| #colophon .social a.youtube { | |
| background-position: 0 -1224px; | |
| -webkit-background-size: 60px auto; | |
| -moz-background-size: 60px auto; | |
| -o-background-size: 60px auto; | |
| background-size: 60px auto; | |
| background-image: url('images/sprites-retina-sd381259ce7.png'); | |
| } | |
| } | |
| #colophon #menu-footer { | |
| margin: 0; | |
| padding-left: 20px; | |
| font-size: 0; | |
| } | |
| #colophon #menu-footer li { | |
| list-style-type: none; | |
| display: inline-block; | |
| font-size: 12px; | |
| } | |
| #colophon #menu-footer li a { color: #666 } | |
| #colophon #menu-footer li:not(:last-child) a::after { | |
| content: "·"; | |
| padding: 0 10px; | |
| } | |
| #colophon .left { float: left } | |
| #colophon #ohsologo { | |
| float: right; | |
| padding: 23px 5px; | |
| } | |
| #colophon .right { | |
| padding: 28px 20px; | |
| float: right; | |
| } | |
| #colophon .right p { | |
| margin: 0; | |
| font-size: 11px; | |
| color: #666; | |
| } | |
| h1.page-title { | |
| margin: 5px 20px 20px; | |
| font-size: 32px; | |
| } | |
| .entry-title { margin: 0 } | |
| h1, | |
| h2, | |
| .entry-title a { | |
| font-family: "Ubuntu Light","Ubuntu","Helvetica Neue","Helvetica","Arial",sans-serif; | |
| text-decoration: none; | |
| font-weight: 300; | |
| letter-spacing: -1px; | |
| font-size: 26px; | |
| color: #4d1f41; | |
| margin-bottom: 3px; | |
| line-height: 1.2; | |
| display: block; | |
| } | |
| .entry-title a:visited { color: #4D1F41 } | |
| .entry-title a:hover { color: #b53e7e } | |
| h3, | |
| h4, | |
| h5, | |
| h6 { | |
| font-weight: normal; | |
| clear: both; | |
| } | |
| h2 { color: #f15d22 } | |
| h3 { | |
| font-size: 16px; | |
| color: #dd4814; | |
| margin-top: 0.5em; | |
| margin-bottom: 0.5em; | |
| } | |
| h4 { | |
| font-size: 16px; | |
| color: #4d1f41; | |
| margin-top: 0.5em; | |
| margin-bottom: 0.5em; | |
| } | |
| h5 { | |
| font-size: 13px; | |
| color: #dd4814; | |
| margin-top: 0.5em; | |
| margin-bottom: 0.5em; | |
| } | |
| h6 { | |
| font-size: 13px; | |
| color: #4d1f41; | |
| margin-top: 0.5em; | |
| margin-bottom: 0.5em; | |
| } | |
| hr { | |
| background-color: #999; | |
| border: 0; | |
| height: 1px; | |
| margin-bottom: 1.5em; | |
| } | |
| a { | |
| color: #0091ab; | |
| text-decoration: none; | |
| -webkit-transition: color 0.15s ease-in; | |
| -moz-transition: color 0.15s ease-in; | |
| -o-transition: color 0.15s ease-in; | |
| } | |
| a:visited { color: #237989 } | |
| a:hover { color: #08a8c5 } | |
| p { margin-bottom: 1.5em } | |
| ul { | |
| padding: 0 0 0 25px; | |
| margin: 0 0 1.5em 0; | |
| } | |
| ol { | |
| padding: 0 0 0 25px; | |
| margin: 0 0 1.5em 0; | |
| } | |
| ul { list-style: disc } | |
| ol { list-style-type: decimal } | |
| ol ol { list-style: upper-alpha } | |
| ol ol ol { list-style: lower-roman } | |
| ol ol ol ol { list-style: lower-alpha } | |
| ul ul, | |
| ol ol, | |
| ul ol, | |
| ol ul { margin-bottom: 0 } | |
| dl { margin: 0 1.5em } | |
| dt { font-weight: bold } | |
| dd { margin-bottom: 1.5em } | |
| strong { font-weight: bold } | |
| cite, | |
| em, | |
| i { font-style: italic } | |
| blockquote { | |
| margin: 20px 25px; | |
| font-family: "Ubuntu Condensed","Ubuntu","Helvetica Neue","Helvetica","Arial",sans-serif; | |
| font-size: 22px; | |
| line-height: 1; | |
| letter-spacing: -1px; | |
| color: #dd4814; | |
| position: relative; | |
| text-transform: uppercase; | |
| } | |
| blockquote:before { | |
| content: "\201c"; | |
| position: absolute; | |
| left: -10px; | |
| } | |
| blockquote p { margin: 0 } | |
| blockquote em, | |
| blockquote i, | |
| blockquote cite { font-style: normal } | |
| pre { | |
| font: 11px Monaco, monospace; | |
| line-height: 1.5; | |
| margin-bottom: 1.5em; | |
| } | |
| code { font: 11px Monaco, monospace } | |
| abbr, | |
| acronym { | |
| border-bottom: 1px dotted #666; | |
| cursor: help; | |
| } | |
| ins { text-decoration: none } | |
| sup, | |
| sub { | |
| height: 0; | |
| line-height: 1; | |
| vertical-align: baseline; | |
| position: relative; | |
| } | |
| sup { bottom: 1ex } | |
| sub { top: .5ex } | |
| .entry-content img { margin: 0 0 1.5em 0 } | |
| .alignleft, | |
| img.alignleft { | |
| display: inline; | |
| float: left; | |
| margin-right: 1.5em; | |
| } | |
| .alignright, | |
| img.alignright { | |
| display: inline; | |
| float: right; | |
| margin-left: 1.5em; | |
| } | |
| .aligncenter, | |
| img.aligncenter { | |
| clear: both; | |
| display: block; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| .wp-caption { | |
| text-align: center; | |
| margin-bottom: 1.5em; | |
| } | |
| .wp-caption img { | |
| border: 0 none; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| .wp-caption p.wp-caption-text { margin: 0 } | |
| .wp-smiley { | |
| max-height: 1em; | |
| margin: 0 !important; | |
| } | |
| .gallery dl { margin: 0 } | |
| .gallery-caption { margin: -1.5em 0 0 0 } | |
| blockquote.left { | |
| float: left; | |
| margin-left: 0; | |
| margin-right: 20px; | |
| text-align: right; | |
| width: 33%; | |
| } | |
| blockquote.right { | |
| float: right; | |
| margin-left: 20px; | |
| margin-right: 0; | |
| text-align: left; | |
| width: 33%; | |
| } | |
| .single .post>p:first-child { font-weight: bold } | |
| .home .post .entry-content img { display: none } | |
| .home .post .entry-content img.background { | |
| margin: 5px 20px 20px 0; | |
| max-width: 150px; | |
| height: auto; | |
| display: block; | |
| float: left; | |
| } | |
| .post { | |
| display: -webkit-box; | |
| display: -moz-box; | |
| display: -ms-box; | |
| display: box; | |
| } | |
| .post .left { | |
| margin-top: 7px; | |
| width: 60px; | |
| padding-right: 20px; | |
| } | |
| .post .left .avatar { | |
| margin-bottom: 10px; | |
| border-radius: 3px; | |
| width: 60px; | |
| } | |
| .post .left ul { | |
| list-style-type: none; | |
| margin: 0 0 5px; | |
| padding: 0; | |
| } | |
| .post .left ul li a { | |
| color: #fff; | |
| background-color: #888 !important; | |
| display: inline-block; | |
| border-radius: 3px 0 3px 0; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| margin-bottom: 5px; | |
| font-size: 10px; | |
| text-transform: uppercase; | |
| text-align: center; | |
| padding-top: 40px; | |
| line-height: 0; | |
| -webkit-transition: 580ms ease all; | |
| -moz-transition: 580ms ease all; | |
| -ms-transition: 580ms ease all; | |
| -o-transition: 580ms ease all; | |
| transition: 580ms ease all; | |
| } | |
| .post .left ul li a:hover { background-color: #404448 !important } | |
| .post .left ul li a.cat-app { | |
| background-image: url('images/sprites-s3719704e20.png'); | |
| background-position: 0 -235px; | |
| background-repeat: no-repeat; | |
| height: 53px; | |
| width: 60px; | |
| } | |
| @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 2) { | |
| .post .left ul li a.cat-app { | |
| background-position: 0 -514px; | |
| -webkit-background-size: 60px auto; | |
| -moz-background-size: 60px auto; | |
| -o-background-size: 60px auto; | |
| background-size: 60px auto; | |
| background-image: url('images/sprites-retina-sd381259ce7.png'); | |
| } | |
| } | |
| .post .left ul li a.cat-news { | |
| background-image: url('images/sprites-s3719704e20.png'); | |
| background-position: 0 -341px; | |
| background-repeat: no-repeat; | |
| height: 53px; | |
| width: 60px; | |
| } | |
| @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 2) { | |
| .post .left ul li a.cat-news { | |
| background-position: 0 -196px; | |
| -webkit-background-size: 60px auto; | |
| -moz-background-size: 60px auto; | |
| -o-background-size: 60px auto; | |
| background-size: 60px auto; | |
| background-image: url('images/sprites-retina-sd381259ce7.png'); | |
| } | |
| } | |
| .post .left ul li a.cat-review { | |
| background-image: url('images/sprites-s3719704e20.png'); | |
| background-position: 0 -659px; | |
| background-repeat: no-repeat; | |
| height: 53px; | |
| width: 60px; | |
| } | |
| @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 2) { | |
| .post .left ul li a.cat-review { | |
| background-position: 0 -620px; | |
| -webkit-background-size: 60px auto; | |
| -moz-background-size: 60px auto; | |
| -o-background-size: 60px auto; | |
| background-size: 60px auto; | |
| background-image: url('images/sprites-retina-sd381259ce7.png'); | |
| } | |
| } | |
| .post .left ul li a.cat-editorial { | |
| background-image: url('images/sprites-s3719704e20.png'); | |
| background-position: 0 -1064px; | |
| background-repeat: no-repeat; | |
| height: 53px; | |
| width: 60px; | |
| } | |
| @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 2) { | |
| .post .left ul li a.cat-editorial { | |
| background-position: 0 -1025px; | |
| -webkit-background-size: 60px auto; | |
| -moz-background-size: 60px auto; | |
| -o-background-size: 60px auto; | |
| background-size: 60px auto; | |
| background-image: url('images/sprites-retina-sd381259ce7.png'); | |
| } | |
| } | |
| .post .left ul li a.cat-video { | |
| background-image: url('images/sprites-s3719704e20.png'); | |
| background-position: 0 -1117px; | |
| background-repeat: no-repeat; | |
| height: 53px; | |
| width: 60px; | |
| } | |
| @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 2) { | |
| .post .left ul li a.cat-video { | |
| background-position: 0 -1094px; | |
| -webkit-background-size: 60px auto; | |
| -moz-background-size: 60px auto; | |
| -o-background-size: 60px auto; | |
| background-size: 60px auto; | |
| background-image: url('images/sprites-retina-sd381259ce7.png'); | |
| } | |
| } | |
| .post .left ul li a.cat-download { | |
| background-image: url('images/sprites-s3719704e20.png'); | |
| background-position: 0 -712px; | |
| background-repeat: no-repeat; | |
| height: 53px; | |
| width: 60px; | |
| } | |
| @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 2) { | |
| .post .left ul li a.cat-download { | |
| background-position: 0 -779px; | |
| -webkit-background-size: 60px auto; | |
| -moz-background-size: 60px auto; | |
| -o-background-size: 60px auto; | |
| background-size: 60px auto; | |
| background-image: url('images/sprites-retina-sd381259ce7.png'); | |
| } | |
| } | |
| .post .left ul li a.cat-how-to { | |
| background-image: url('images/sprites-s3719704e20.png'); | |
| background-position: 0 -447px; | |
| background-repeat: no-repeat; | |
| height: 53px; | |
| width: 60px; | |
| } | |
| @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 2) { | |
| .post .left ul li a.cat-how-to { | |
| background-position: 0 -302px; | |
| -webkit-background-size: 60px auto; | |
| -moz-background-size: 60px auto; | |
| -o-background-size: 60px auto; | |
| background-size: 60px auto; | |
| background-image: url('images/sprites-retina-sd381259ce7.png'); | |
| } | |
| } | |
| .post .left ul li a.cat-interview { | |
| background-image: url('images/sprites-s3719704e20.png'); | |
| background-position: 0 -818px; | |
| background-repeat: no-repeat; | |
| height: 53px; | |
| width: 60px; | |
| } | |
| @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 2) { | |
| .post .left ul li a.cat-interview { | |
| background-position: 0 -90px; | |
| -webkit-background-size: 60px auto; | |
| -moz-background-size: 60px auto; | |
| -o-background-size: 60px auto; | |
| background-size: 60px auto; | |
| background-image: url('images/sprites-retina-sd381259ce7.png'); | |
| } | |
| } | |
| .post .left ul li a.cat-breaking { | |
| background-image: url('images/sprites-s3719704e20.png'); | |
| background-position: 0 -765px; | |
| background-repeat: no-repeat; | |
| height: 53px; | |
| width: 60px; | |
| } | |
| @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 2) { | |
| .post .left ul li a.cat-breaking { | |
| background-position: 0 -726px; | |
| -webkit-background-size: 60px auto; | |
| -moz-background-size: 60px auto; | |
| -o-background-size: 60px auto; | |
| background-size: 60px auto; | |
| background-image: url('images/sprites-retina-sd381259ce7.png'); | |
| } | |
| } | |
| .post .left ul li a.cat-idea { | |
| background-image: url('images/sprites-s3719704e20.png'); | |
| background-position: 0 -500px; | |
| background-repeat: no-repeat; | |
| height: 53px; | |
| width: 60px; | |
| } | |
| @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 2) { | |
| .post .left ul li a.cat-idea { | |
| background-position: 0 -408px; | |
| -webkit-background-size: 60px auto; | |
| -moz-background-size: 60px auto; | |
| -o-background-size: 60px auto; | |
| background-size: 60px auto; | |
| background-image: url('images/sprites-retina-sd381259ce7.png'); | |
| } | |
| } | |
| .post .left ul li a.cat-list { | |
| background-image: url('images/sprites-s3719704e20.png'); | |
| background-position: 0 -1170px; | |
| background-repeat: no-repeat; | |
| height: 53px; | |
| width: 60px; | |
| } | |
| @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 2) { | |
| .post .left ul li a.cat-list { | |
| background-position: 0 -1147px; | |
| -webkit-background-size: 60px auto; | |
| -moz-background-size: 60px auto; | |
| -o-background-size: 60px auto; | |
| background-size: 60px auto; | |
| background-image: url('images/sprites-retina-sd381259ce7.png'); | |
| } | |
| } | |
| .post .left ul li a.cat-poll { | |
| background-image: url('images/sprites-s3719704e20.png'); | |
| background-position: 0 -182px; | |
| background-repeat: no-repeat; | |
| height: 53px; | |
| width: 60px; | |
| } | |
| @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 2) { | |
| .post .left ul li a.cat-poll { | |
| background-position: 0 -249px; | |
| -webkit-background-size: 60px auto; | |
| -moz-background-size: 60px auto; | |
| -o-background-size: 60px auto; | |
| background-size: 60px auto; | |
| background-image: url('images/sprites-retina-sd381259ce7.png'); | |
| } | |
| } | |
| .post .left ul li a.cat-wallpaper { | |
| background-image: url('images/sprites-s3719704e20.png'); | |
| background-position: 0 -871px; | |
| background-repeat: no-repeat; | |
| height: 53px; | |
| width: 60px; | |
| } | |
| @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 2) { | |
| .post .left ul li a.cat-wallpaper { | |
| background-position: 0 -972px; | |
| -webkit-background-size: 60px auto; | |
| -moz-background-size: 60px auto; | |
| -o-background-size: 60px auto; | |
| background-size: 60px auto; | |
| background-image: url('images/sprites-retina-sd381259ce7.png'); | |
| } | |
| } | |
| .post .left ul li a.cat-pro-user { | |
| background-image: url('images/sprites-s3719704e20.png'); | |
| background-position: 0 -995px; | |
| background-repeat: no-repeat; | |
| height: 53px; | |
| width: 60px; | |
| } | |
| @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 2) { | |
| .post .left ul li a.cat-pro-user { | |
| background-position: 0 -919px; | |
| -webkit-background-size: 60px auto; | |
| -moz-background-size: 60px auto; | |
| -o-background-size: 60px auto; | |
| background-size: 60px auto; | |
| background-image: url('images/sprites-retina-sd381259ce7.png'); | |
| } | |
| } | |
| .post .left ul li a.cat-event { | |
| background-image: url('images/sprites-s3719704e20.png'); | |
| background-position: 0 -288px; | |
| background-repeat: no-repeat; | |
| height: 53px; | |
| width: 60px; | |
| } | |
| @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 2) { | |
| .post .left ul li a.cat-event { | |
| background-position: 0 -866px; | |
| -webkit-background-size: 60px auto; | |
| -moz-background-size: 60px auto; | |
| -o-background-size: 60px auto; | |
| background-size: 60px auto; | |
| background-image: url('images/sprites-retina-sd381259ce7.png'); | |
| } | |
| } | |
| .post .left ul li a.cat-exclusive { | |
| background-image: url('images/sprites-s3719704e20.png'); | |
| background-position: 0 -924px; | |
| background-repeat: no-repeat; | |
| height: 53px; | |
| width: 60px; | |
| } | |
| @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 2) { | |
| .post .left ul li a.cat-exclusive { | |
| background-position: 0 -673px; | |
| -webkit-background-size: 60px auto; | |
| -moz-background-size: 60px auto; | |
| -o-background-size: 60px auto; | |
| background-size: 60px auto; | |
| background-image: url('images/sprites-retina-sd381259ce7.png'); | |
| } | |
| } | |
| .post .left ul li a.cat-gaming { | |
| background-image: url('images/sprites-s3719704e20.png'); | |
| background-position: 0 -553px; | |
| background-repeat: no-repeat; | |
| height: 53px; | |
| width: 60px; | |
| } | |
| @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 2) { | |
| .post .left ul li a.cat-gaming { | |
| background-position: 0 -461px; | |
| -webkit-background-size: 60px auto; | |
| -moz-background-size: 60px auto; | |
| -o-background-size: 60px auto; | |
| background-size: 60px auto; | |
| background-image: url('images/sprites-retina-sd381259ce7.png'); | |
| } | |
| } | |
| .post .left ul li a.cat-dev { | |
| background-image: url('images/sprites-s3719704e20.png'); | |
| background-position: 0 -394px; | |
| background-repeat: no-repeat; | |
| height: 53px; | |
| width: 60px; | |
| } | |
| @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 2) { | |
| .post .left ul li a.cat-dev { | |
| background-position: 0 -355px; | |
| -webkit-background-size: 60px auto; | |
| -moz-background-size: 60px auto; | |
| -o-background-size: 60px auto; | |
| background-size: 60px auto; | |
| background-image: url('images/sprites-retina-sd381259ce7.png'); | |
| } | |
| } | |
| .post .left .social div, | |
| .post .left .social .twitter-share-button { | |
| margin: 0 auto !important; | |
| display: block !important; | |
| margin-bottom: 10px !important; | |
| } | |
| .post .left .social .fb_iframe_widget span { | |
| width: 48px !important; | |
| display: block !important; | |
| margin: 0 auto !important; | |
| } | |
| .post .right { | |
| -webkit-box-flex: 1; | |
| -moz-box-flex: 1; | |
| -ms-box-flex: 1; | |
| box-flex: 1; | |
| } | |
| .post img { | |
| max-width: 100%; | |
| text-align: center; | |
| height: auto; | |
| margin-bottom: 1.5em; | |
| } | |
| .related { | |
| padding: 20px 20px 25px; | |
| margin: 25px 0; | |
| border-top: 1px dotted #ddd; | |
| border-bottom: 1px dotted #ddd; | |
| } | |
| .related h2 { | |
| margin: 0; | |
| margin-bottom: 5px; | |
| } | |
| .related ul { | |
| font-size: 15px; | |
| margin: 0; | |
| } | |
| #nav-below { | |
| padding: 15px 25px; | |
| font-weight: bold; | |
| text-transform: uppercase; | |
| font-size: 14px; | |
| border-top: 1px dashed #eee; | |
| border-bottom: 1px dashed #eee; | |
| } | |
| #nav-below .section-heading { display: none } | |
| #nav-below div { display: inline-block } | |
| .flex-container a:active, | |
| .flexslider a:active, | |
| .flex-container a:focus, | |
| .flexslider a:focus { outline: none } | |
| .slides, | |
| .flex-control-nav, | |
| .flex-direction-nav { | |
| margin: 0; | |
| padding: 0; | |
| list-style: none; | |
| } | |
| .flexslider { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| .flexslider .slides>li { | |
| display: none; | |
| -webkit-backface-visibility: hidden; | |
| } | |
| .flexslider .slides img { | |
| width: 100%; | |
| display: block; | |
| } | |
| .flex-pauseplay span { text-transform: capitalize } | |
| .slides:after { | |
| content: "."; | |
| display: block; | |
| clear: both; | |
| visibility: hidden; | |
| line-height: 0; | |
| height: 0; | |
| } | |
| html[xmlns] .slides { display: block } | |
| * html .slides { height: 1% } | |
| .no-js .slides>li:first-child { display: block } | |
| .flexslider { | |
| position: relative; | |
| zoom: 1; | |
| } | |
| .flex-viewport { | |
| max-height: 2000px; | |
| -webkit-transition: all 1s ease; | |
| -moz-transition: all 1s ease; | |
| transition: all 1s ease; | |
| } | |
| .loading .flex-viewport { max-height: 300px } | |
| .flexslider .slides { zoom: 1 } | |
| .carousel li { margin-right: 5px } | |
| .flex-direction-nav a { | |
| width: 30px; | |
| height: 30px; | |
| margin: -10px 0 0; | |
| display: block; | |
| background: url(images/bg_direction_nav.png) no-repeat 0 0; | |
| position: absolute; | |
| top: 50%; | |
| cursor: pointer; | |
| text-indent: -9999px; | |
| opacity: 0; | |
| -webkit-transition: all .3s ease; | |
| } | |
| .flex-direction-nav .flex-next { | |
| background-position: 100% 0; | |
| right: -36px; | |
| } | |
| .flex-direction-nav .flex-prev { left: -36px } | |
| .flexslider:hover .flex-next { | |
| opacity: 0.8; | |
| right: 5px; | |
| } | |
| .flexslider:hover .flex-prev { | |
| opacity: 0.8; | |
| left: 5px; | |
| } | |
| .flexslider:hover .flex-next:hover, | |
| .flexslider:hover .flex-prev:hover { opacity: 1 } | |
| .flex-direction-nav .disabled { | |
| opacity: .3!important; | |
| filter: alpha(opacity=30); | |
| cursor: default; | |
| } | |
| .flex-control-nav { | |
| width: 100%; | |
| position: absolute; | |
| bottom: -40px; | |
| text-align: center; | |
| } | |
| .flex-control-nav li { | |
| margin: 0 6px; | |
| display: inline-block; | |
| zoom: 1; | |
| *display: inline; | |
| } | |
| .flex-control-paging li a { | |
| width: 11px; | |
| height: 11px; | |
| display: block; | |
| background: #666; | |
| background: rgba(0,0,0,0.5); | |
| cursor: pointer; | |
| text-indent: -9999px; | |
| -webkit-border-radius: 20px; | |
| -moz-border-radius: 20px; | |
| -o-border-radius: 20px; | |
| border-radius: 20px; | |
| box-shadow: inset 0 0 3px rgba(0,0,0,0.3); | |
| } | |
| .flex-control-paging li a:hover { | |
| background: #333; | |
| background: rgba(0,0,0,0.7); | |
| } | |
| .flex-control-paging li a.flex-active { | |
| background: #000; | |
| background: rgba(0,0,0,0.9); | |
| cursor: default; | |
| } | |
| .flex-control-thumbs { | |
| margin: 5px 0 0; | |
| position: static; | |
| overflow: hidden; | |
| } | |
| .flex-control-thumbs li { | |
| width: 25%; | |
| float: left; | |
| margin: 0; | |
| } | |
| .flex-control-thumbs img { | |
| width: 100%; | |
| display: block; | |
| opacity: .7; | |
| cursor: pointer; | |
| } | |
| .flex-control-thumbs img:hover { opacity: 1 } | |
| .flex-control-thumbs .active { | |
| opacity: 1; | |
| cursor: default; | |
| } | |
| @media screen and (max-width: 860px) { | |
| .flex-direction-nav .flex-prev { | |
| opacity: 1; | |
| left: 0; | |
| } | |
| .flex-direction-nav .flex-next { | |
| opacity: 1; | |
| right: 0; | |
| } | |
| } | |
| @media only screen and (max-width: 980px) { | |
| #access, | |
| #branding form { padding: 0 20px } | |
| #branding #site-title { margin-left: 10px } | |
| } | |
| @media only screen and (max-width: 940px) { | |
| #ohsologo, | |
| #omgbanner { display: none } | |
| #main { | |
| box-shadow: none; | |
| margin-bottom: 0; | |
| background-image: none; | |
| border-bottom: 1px solid #ddd; | |
| } | |
| #branding form input[type="text"] { width: 150px } | |
| } | |
| @media only screen and (max-width: 800px) { | |
| .box { display: block } | |
| #branding form input[type="text"] { width: 120px } | |
| #primary, | |
| #secondary { width: 100% } | |
| #primary { padding-bottom: 0 } | |
| #primary .post:last-child { margin-bottom: 0 } | |
| .post img.background { max-width: 150px } | |
| #nav-below { | |
| border-top: 1px solid #ddd; | |
| border-bottom: 0; | |
| } | |
| #secondary { | |
| max-width: 100%; | |
| -webkit-column-count: 2; | |
| -webkit-column-gap: 20px; | |
| -webkit-column-rule: 1px solid #ddd; | |
| -webkit-column-gap: 1px; | |
| -moz-column-count: 2; | |
| -moz-column-gap: 20px; | |
| -moz-column-rule: 1px solid #ddd; | |
| -moz-column-gap: 1px; | |
| column-count: 2; | |
| column-gap: 20px; | |
| column-rule: 1px solid #ddd; | |
| column-gap: 1px; | |
| padding-bottom: 0; | |
| border-top: 1px solid #ddd; | |
| } | |
| #secondary .widget { -webkit-column-break-inside: avoid } | |
| #secondary img { | |
| margin: 0 auto; | |
| display: block; | |
| } | |
| #main { margin-bottom: 0 } | |
| #primary { border-right: 0 } | |
| #colophon { | |
| height: auto; | |
| position: relative; | |
| } | |
| #colophon #menu-footer { margin-top: 35px } | |
| #colophon .left, | |
| #colophon .right { float: none } | |
| #colophon .social { display: none } | |
| } | |
| @media only screen and (max-width: 700px) { | |
| #top { height: 30px } | |
| #branding { height: 70px } | |
| #branding nav { display: none } | |
| #branding form input[type="text"] { margin-top: 18px } | |
| #branding form input[type="submit"] { top: 26px } | |
| #branding #site-title { | |
| background-size: 120px; | |
| width: 120px; | |
| height: 120px; | |
| top: -25px; | |
| } | |
| #main { top: -50px } | |
| #main .overbanner { top: 50px } | |
| } | |
| @media only screen and (max-width: 580px) { | |
| .left, | |
| #progress, | |
| #main .overbanner { display: none } | |
| .no-flexboxlegacy .post .right { padding-left: 0 } | |
| #banner { border-bottom: 1px solid #ddd } | |
| #banner.flexslider .slides>li:first-child { display: block } | |
| #secondary { | |
| -webkit-column-count: 1; | |
| -moz-column-count: 1; | |
| column-count: 1; | |
| } | |
| #main, | |
| #colophon { | |
| border-top: 0; | |
| border-radius: 0; | |
| } | |
| } | |
| @media only screen and (max-width: 400px) { | |
| #top { height: 20px } | |
| #branding #site-title { | |
| background-size: 100px; | |
| width: 100px; | |
| height: 100px; | |
| top: -15px; | |
| } | |
| #branding form input[type="text"] { width: 100px } | |
| .social { display: none } | |
| } | |
| div#omc-review-wrapper { | |
| background: #fafafa; | |
| color: #444; | |
| border: 1px solid #e8e8e8; | |
| } | |
| div#omc-review-wrapper.omc-review-placement-b { | |
| width: 100%; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| div#omc-review-wrapper.omc-review-placement-t { width: 50% } | |
| div.omc-review-criteria { | |
| position: relative; | |
| height: 35px; | |
| border-bottom: 1px dotted #ddd; | |
| } | |
| span.omc-criteria-percentage { | |
| position: absolute; | |
| z-index: 100; | |
| background: #f9ba00; | |
| display: block; | |
| height: 100%; | |
| } | |
| span.omc-criteria-description { | |
| position: absolute; | |
| top: 10px; | |
| left: 10px; | |
| z-index: 101; | |
| font-weight: 700; | |
| } | |
| div#omc-review-header { | |
| height: 33px; | |
| background: #111; | |
| padding-top: 11px; | |
| } | |
| #omc-full-article div#omc-review-header h2 { | |
| margin-left: 10px; | |
| color: #FFF; | |
| font-size: 16px; | |
| font-weight: 700; | |
| margin-top: 0px; | |
| text-shadow: none; | |
| white-space: nowrap; | |
| width: 90%; | |
| text-overflow: ellipsis; | |
| overflow: hidden; | |
| } | |
| span.omc-criteria-star-under { | |
| position: absolute; | |
| top: 8px; | |
| right: 10px; | |
| height: 18px; | |
| width: 97px; | |
| background: url(images/star-sprite-criteria-hex-f9ba00.png) scroll transparent no-repeat; | |
| background-position: 0px -20px; | |
| } | |
| span.omc-criteria-star-top { | |
| position: absolute; | |
| top: 0px; | |
| left: 0px; | |
| height: 18px; | |
| background: url(images/star-sprite-criteria-hex-f9ba00.png) scroll transparent no-repeat; | |
| } | |
| div.omc-review-summary.omc-final-score-percent { | |
| background: #222; | |
| position: relative; | |
| overflow: hidden; | |
| min-height: 84px; | |
| } | |
| div.omc-review-summary.omc-final-score-stars { | |
| background: #F6F6F6; | |
| position: relative; | |
| overflow: hidden; | |
| min-height: 109px; | |
| padding: 0 10px; | |
| } | |
| div#omc-criteria-final-score { | |
| text-align: center; | |
| padding: 7px 0px 0px 0px; | |
| width: 118px; | |
| position: absolute; | |
| top: 0px; | |
| right: 0px; | |
| background: #F2F2F2; | |
| height: 500px; | |
| border-left: 1px dotted #DDD; | |
| } | |
| div#omc-criteria-final-score h3 { | |
| font-size: 26px; | |
| line-height: 1; | |
| margin: 0.3em; | |
| font-weight: bold; | |
| color: #444; | |
| } | |
| #omc-full-article div#omc-criteria-final-score h3 { | |
| font-size: 36px; | |
| color: #FFF; | |
| font-weight: 700; | |
| margin: -3px 0px; | |
| text-shadow: none; | |
| } | |
| div#omc-criteria-final-score h3 span { font-size: 18px } | |
| #omc-full-article div#omc-criteria-final-score h4 { | |
| font-size: 14px; | |
| color: #FFF; | |
| font-weight: 700; | |
| margin-bottom: 4px; | |
| margin-top: 0px; | |
| text-shadow: none; | |
| } | |
| span#omc-final-score-stars-under { | |
| margin: auto; | |
| position: relative; | |
| z-index: 100; | |
| width: 97px; | |
| height: 18px; | |
| display: block; | |
| background: url(images/star-sprite-criteria-hex-f9ba00.png) scroll transparent no-repeat; | |
| background-position: 0px -20px; | |
| } | |
| span#omc-final-score-stars-top { | |
| position: absolute; | |
| top: 0px; | |
| left: 0px; | |
| height: 18px; | |
| display: block; | |
| background: url(images/star-sprite-criteria-hex-f9ba00.png) scroll transparent no-repeat; | |
| } | |
| div#omc-short-summary { | |
| width: 60%; | |
| float: left; | |
| } | |
| article#omc-full-article div#omc-short-summary p { | |
| color: #DDD; | |
| margin: 11px 0px 10px 10px; | |
| font-size: 1em; | |
| line-height: 1.5em; | |
| } | |
| #secondary .widget ul.dsq-widget-list { padding-left: 67px } | |
| li.dsq-widget-item { | |
| background: #f8f8f8; | |
| width: 100%; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| padding: 10px; | |
| line-height: 16px; | |
| margin: 15px 0 0 auto !important; | |
| border-radius: 3px; | |
| box-shadow: 0 0 0 #ddd; | |
| color: #555; | |
| border: 1px solid #EFEFEF !important; | |
| text-shadow: 0 1px 0 #fff; | |
| word-wrap: break-word; | |
| } | |
| li.dsq-widget-item::before { | |
| top: 12px !important; | |
| left: -10px !important; | |
| content: "" !important; | |
| width: 0 !important; | |
| height: 0 !important; | |
| display: block !important; | |
| font-size: 0 !important; | |
| padding: 0 !important; | |
| position: absolute; | |
| border-top: 10px solid transparent; | |
| border-bottom: 10px solid transparent; | |
| border-right: 10px solid #EFEFEF; | |
| } | |
| .dsq-widget-item a:hover { color: #08A8C5 } | |
| .dsq-widget-item a[href*=disqus]:first-child { | |
| background: url(http://i.imgur.com/gpKjX.png) no-repeat 59px 10px; | |
| display: block; | |
| position: relative; | |
| top: -10px; | |
| left: -78px; | |
| width: 70px; | |
| margin: 0 -70px -50px 0; | |
| float: left; | |
| } | |
| img.dsq-widget-avatar { border-radius: 3px } | |
| p.dsq-widget-meta { | |
| text-align: right; | |
| margin-top: 5px !important; | |
| height: 13px; | |
| overflow: hidden; | |
| } | |
| p.dsq-widget-meta { font-size: 0px !important } | |
| p.dsq-widget-meta a { | |
| text-decoration: underline; | |
| display: none; | |
| font-size: 10px !important; | |
| color: #4f4f4f; | |
| } | |
| p.dsq-widget-meta a:first-child { display: inline } | |
| .widget_post { | |
| background: #FFFFFF; | |
| margin: 0px; | |
| padding: 10px; | |
| width: 500px; | |
| } | |
| .ir { | |
| display: block; | |
| border: 0; | |
| text-indent: -999em; | |
| overflow: hidden; | |
| background-color: transparent; | |
| background-repeat: no-repeat; | |
| text-align: left; | |
| direction: ltr; | |
| *line-height: 0; | |
| } | |
| .ir br { display: none } | |
| .hidden { | |
| display: none !important; | |
| visibility: hidden; | |
| } | |
| .visuallyhidden { | |
| border: 0; | |
| clip: rect(0 0 0 0); | |
| height: 1px; | |
| margin: -1px; | |
| overflow: hidden; | |
| padding: 0; | |
| position: absolute; | |
| width: 1px; | |
| } | |
| .visuallyhidden.focusable:active, | |
| .visuallyhidden.focusable:focus { | |
| clip: auto; | |
| height: auto; | |
| margin: 0; | |
| overflow: visible; | |
| position: static; | |
| width: auto; | |
| } | |
| .invisible { visibility: hidden } | |
| .clearfix:before, | |
| .clearfix:after { | |
| content: ""; | |
| display: table; | |
| } | |
| .clearfix:after { clear: both } | |
| .clearfix { *zoom: 1 } | |
| @media print { | |
| * { | |
| background: transparent !important; | |
| color: black !important; | |
| box-shadow: none !important; | |
| text-shadow: none !important; | |
| filter: none !important; | |
| -ms-filter: none !important; | |
| } | |
| a, | |
| a:visited { text-decoration: underline } | |
| a[href]:after { content: " (" attr(href) ")" } | |
| abbr[title]:after { content: " (" attr(title) ")" } | |
| .ir a:after, | |
| a[href^="javascript:"]:after, | |
| a[href^="#"]:after { content: "" } | |
| pre, | |
| blockquote { | |
| border: 1px solid #999; | |
| page-break-inside: avoid; | |
| } | |
| thead { display: table-header-group } | |
| tr, | |
| img { page-break-inside: avoid } | |
| img { max-width: 100% !important } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment