/* Theme Name: WND Media Theme URI: http://c3mdigital.com Description: WordPress Theme Developed for WND's media focused sites Version: 1.1 Author: Chris Olbekson, Extended by Senyo Gault-Williams Tags: roots, boilerplate, blueprint, starkers License: This software is licensed for the exclusive use of World Net Daily Copyright 2011 WND World Net Daily All Rights Reserved */ /* License: This software is licensed for the exclusive use of World Net Daily for the website http://michaelsavage.wnd.com */ /*_____________________ HTML5 CSS RESET ___________________________*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } article, aside, figure, footer, header, hgroup, nav, section {display: block; overflow:hidden;} /* Responsive images and other embedded objects Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */ img, object, embed {max-width: 100%;} audio {background:#555;} object { padding: 10px 0; } /* force a vertical scrollbar to prevent a jumpy page */ html {overflow-y: scroll;} /* we use a lot of ULs that aren't bulleted. don't forget to restore the bullets within content. */ ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;} del {text-decoration: line-through;} abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;} /* tables still need cellspacing="0" in the markup */ table {border-collapse: collapse; border-spacing: 0;} th {font-weight: bold; vertical-align: bottom;} td {font-weight: normal; vertical-align: top;} hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;} input, select {vertical-align: middle;} pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ } input[type="radio"] {vertical-align: text-bottom;} input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;} .ie6 input {vertical-align: text-bottom;} select, input, textarea {font: 99% sans-serif;} table {font-size: inherit; font: 100%;} /* Accessible focus treatment people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active {outline: none;} small {font-size: 85%;} strong, th {font-weight: bold;} td, td img {vertical-align: top;} /* Make sure sup and sub don't screw with your line-heights gist.github.com/413930 */ sub, sup {font-size: 75%; line-height: 0; position: relative;} sup {top: -0.5em;} sub {bottom: -0.25em;} /* standardize any monospaced elements */ pre, code, kbd, samp {font-family: monospace, sans-serif;} /* hand cursor on clickable elements */ .clickable, label, input[type=button], input[type=submit], button {cursor: pointer;} /* Webkit browsers add a 2px margin outside the chrome of form elements */ button, input, select, textarea {margin: 0;} /* make buttons play nice in IE */ button {width: auto; overflow: visible;} /* scale images in IE7 more attractively */ .ie7 img {-ms-interpolation-mode: bicubic;} /* prevent BG image flicker upon hover */ .ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} /* let's clear some floats */ .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /*_____________________ TYPOGRAPHY, FONT STACK & HTML ___________________________*/ /* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */ body {font: 13px Helmet, Freesans, sans-serif;} /* we like off-black for text */ body, select, input, textarea {color: #333;} a {color: #444; text-decoration:none;} a:hover {color: #000;} h1, h2, h3, h4, h5 { /* WHY? font-size:17px; line-height: 22px; font-weight:bold; */ } h1 { font-size: 34px; font-weight: 500; } h2 { font-size: 28px; font-weight: 500; } h3 { font-size: 20px; font-weight: 600; } h4 { font-size: 16px; font-weight: 600; } h5 { font-size: 14px; font-weight: 800; } /* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */ ::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;} ::selection {background: #fcd700; color: #fff; text-shadow: none;} /* j.mp/webkit-tap-highlight-color */ a:link {-webkit-tap-highlight-color: #fcd700;} ins {background-color: #fcd700; color: #000; text-decoration: none;} mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;} /*_____________________ STRUCTURE & POST BOXES ___________________________*/ html {background: #e9e9e9;} body {background: white; width: 996px; margin: 20px auto; padding: 0; overflow: hidden;} .post-box.light a {color:#333!important;} .post-box.light a:hover {color:#444;text-decoration: none;} .post-box.dark a {color:#fff!important;} .post-box.dark a:hover {color:#f8f8f8; text-decoration: none;} .post-box.dark a {color:whiteSmoke!important;} .post-box.light {color:#111;} .post-box-link:hover .post-box.light { background:rgba(255, 255, 255, 0.82); } .post-box-link:hover .post-box.dark { background:rgba(0, 0, 0, 0.9); } .post-box-title { color: #fff !important; font-size: 16px; font-weight: 700; } .post-box-title .air-date { white-space: nowrap; color: #aaa; } .post {background:transparent;} .post p {font-size:13px; line-height:19px;} .post-box {height: 82px; background:url(images/post-box-lt.png) repeat; background:rgba(255, 255, 255, 0.72);padding:5px; position:absolute; bottom:10px; left: 10px; right: 10px; overflow:hidden; } /*.post-box {background:url(images/post-box-lt.png) repeat; background:rgba(255, 255, 255, 0.8); height:82px;padding:10px; position:absolute; bottom:10px; left: 10px;width:270px; overflow:hidden; }*/ .post-box.none {background:transparent!important;visability:hidden;} .post-box.dark {background:url(images/post-box-dk.png) repeat; background: rgba(0, 0, 0, 0.8);color:#fff !important;} /*li.double-single .post-box, li.double-double .post-box {width:585px; }*/ /* li.single-double .post-box {min-height:200px;} */ /* .post-box {width:585px; min-height:150px;} */ .double { width:585px; height: 120px;} #links li {font-size:16px; padding: 5px 0;} #links li a:hover {text-decoration:underline;} .sortable {clear:both;} .isotope {margin-left: 12px;} .sortable:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; } .ui-state-default {float:left; margin:12px;position:relative;min-height:250px;min-width:300px;} .single-single {width:300px; height:250px; } .single-double {width:300px; height:524px;} .single-triple {width:300px; height:774px;} .double-single, .double-single-custom {width:624px; height:250px;} .double-double {width:624px; height:524px;overflow: hidden;} /* WRONG HEIGHT but leaving for reference .double-triple {width:624px; height:774px;} */ .double-triple {width:624px; height:798px;} .double-single-custom { background: url(images/legal-bg.jpg) no-repeat!important; } .savage-donate { margin-top: 128px; margin-left: 89px; } section.affiliatemap { margin: 40px auto 0; width: 630px; } section.single-post, section.single.page, section.list-page { border-top: dotted 1px #000; margin-left: 18px; margin-right: 18px; margin-top: 12px; } .entry-content {} .entry-content p, .entry p {margin:15px 0;font-size:14px;line-height:22px;color:#444;} /*.entry-title {color: #941E2D;font-size: 1.5em;margin: 14px 0;}*/ .entry-title {margin: 14px 0;} .entry-date {font-size: 14px; margin: 10px 0 20px;} .entry-content p:last-child, .entry p:last-child {margin-bottom:25px;} .entry {margin-top:12px;} img#loading-animation {display:none;} .entry-content a { color:darkred;} .entry-content a:hover { border-bottom: 1px dotted;} .page-link a { color: darkRed; } .page-link a:hover {border-bottom:1px dotted;} .page-link { font-size: 1.5em;float: right;margin-right:30px;} img.alignright {float:right; margin-left:25px; margin-bottom:25px;} img.alignleft {float:left; margin-right:25px; margin-bottom:25px;} .single-post article.post, .post-list { float: left; box-sizing: border-box; width: 632px; } #sidebar { float: left; box-sizing: border-box; width: 328px; padding: 15px 0 0 28px; } #sidebar .widget { width: 300px; margin-bottom: 20px; } .image img { margin: 0; padding: 0; border: none; } .image a { display: block; padding: 0; margin: 0; line-height: 10px; } /* #meta {} .postmetadata {} .navgation {} #s {} #searchsubmt {} */ /*_____________________ Post Meta ___________________________*/ .byline { margin-right: 15px; } /*_____________________ POST NAV ___________________________*/ .next-posts, prev-posts { padding: 10px 0; } .next-posts a { font-size: 14px; text-transform: uppercase; } .prev-posts a { font-size: 14px; text-transform: uppercase; } /*_____________________ SEARCH ___________________________*/ #searchform { padding: 30px 0; } #searchform label { font-size: 16px; vertical-align: middle; } #s { height: 30px; margin: 0 8px; padding: 4px 8px; width: 280px; box-sizing: border-box; } #searchsubmit { width: 80px; height: 30px; line-height: 30px; border: none; box-sizing: border-box; text-transform: uppercase; background: rgba(245,245,245, 0.8); color: #000; font-weight: bold; } /*_____________________ CUSTOM ITEM STYLES ___________________________*/ #link-box-home {background:url(images/link-box-home.jpg) no-repeat center center; /* float:right;margin-right:25px; */} .masthead {background: url(images/masthead.png) no-repeat center 0; height:188px; margin-top: 0; margin-left: 0; clear:both;} .ie7 .masthead {margin-top: 10px;} .date {margin-right:25px; text-align:right; display:block;} .ie7 aside.right.date {margin-right:25px; margin-left: -25px; text-align:right:display:block;} #footer { background: none repeat scroll 0 0 #E9E9E9; margin-left: -12px; margin-top: 30px;padding-left: 25px;padding-top: 25px;width: 1000px; } .footer-logo { width: 180px; } #footer small { color: #999; } .mute {margin:5px 25px 0 0;} #auto-play { height: 0; width: 0;} input.stop {background:url(images/play.png) no-repeat; border:none;text-indent:-999em; width:20px;height:24px;} input.go {background:url(images/mute.png) no-repeat;border:none;text-indent:-999em; width:20px;height:24px;} #menu-footer {margin-left:250px;text-transform: uppercase; text-shadow: 0px 1px 0px rgba(0, 0, 0, .8);letter-spacing: 1px;margin-top: -12px; } .sortable {float:left;} ul.menu-footer {float: left;} #menu-footer .menu-item { display: -moz-inline-stack; display: inline-block; *display: inline; width: 240px; vertical-align: top; } #menu-footer .menu-item a {font-size:12px; line-height: 40px; display:block; } #emvForm { margin-left: 12px; overflow: hidden; clear: both;float: left; } .form-label.left { margin-right: 10px; } .left.button-head { background: #B4D270; border: none; outline: none; color: #333; margin-left: 10px; font-size: 11px; padding: 3px; } #EMAIL_FIELD { height: 14px; color:gray;} .swf-audio { margin:25px 0; } #savage-eye-gallery li {float: left; margin: 10px; width:225px; } /* .ie8 #savage-eye-gallery li {float:none; display:inline; } */ #savage-eye-gallery { margin-left: -12px; overflow: hidden; margin-right: -25px; } #email-subscribe { padding-right: 10px; padding-left: 10px; } a.post-edit-link {display: block;text-indent: -999em;line-height: 0;background: url(images/edit.png) no-repeat center;width: 16px;height: 16px;position: absolute;left: 20px;top: 0;} .alignright.wp-post-image { margin-bottom: 60px; } .post-list h2 { padding: 10px 0 20px; } /* ??? */ .wp-audio-shortcode { box-sizing: border-box; visibility: visible !important; } .pw-widget { margin-top: 25px; } /*_____________________ CUSTOM GLOBAL CLASSES ______________________*/ .hidden {text-indent: -999em;} .left {float:left;} .right {float:right;} .clear {clear:both;} .hide {display:none;} img.box-image {width: 100%;} .page-template-custom-page-tile-php .ui-sortable a.box-image-link, .page-template-custom-page-tile-php .ui-sortable .post-box-link, .page-template-custom-page-tile-php .ui-sortable article, .isotope-item a.box-image-link, .isotope-item .post-box-link, .isotope-item article { display: block; height: 100%; } .isotope-item a.box-image-link { background-size: auto 100%; background-repeat: no-repeat; background-position: center top; } /*_____________________ NAVIGATION MENU ___________________________*/ .menu-main-menu-container { position: relative; padding: 5px 24px; font-size: 18px; text-transform: uppercase; white-space: nowrap; font-weight: bold; } #menu-main-menu .menu-item { /*float: left;*/ display: -moz-inline-stack; display: inline-block; *display: inline; box-sizing: border-box; } /* nav.primary {margin-left: -10px;padding-bottom: 10px;overflow:hidden;} nav.primary li {float:left;} nav.primary li a {height:26px;display:block;text-indent: -999em;} */ /* This is custom work for the MS */ li.home a, li.page-2 a, li.about a, li.advertise a, li.online-store a {height:25px;display:block;text-indent: -999em;} li.home {background:url(images/menu/home.png) no-repeat center top; width: 43px; margin-left: 0; height: 25px; line-height: 25px;} li.page-2 {background:url(images/menu/page2.png) no-repeat center top; width: 110px; margin-left: 47px; height: 25px; line-height: 25px;} li.about {background:url(images/menu/about.png) no-repeat center top; width: 193px; margin-left: 36px; height: 25px; line-height: 25px;} li.advertise {background:url(images/menu/advertise.png) no-repeat center top; width: 193px; margin-left: 42px; height: 25px; line-height: 25px;} li.online-store {background:url(images/menu/online-store.png) no-repeat center top; width: 182px; margin-left: 32px; height: 25px; line-height: 25px;} li.home:hover, body.home li.home {background:url(images/menu/home-over.png) no-repeat center top;} li.page-2:hover, body.page-template-custom-page-two-php li.page-2 {background:url(images/menu/page2-over.png) no-repeat center top;} li.about:hover, body.page-id-38 li.about {background:url(images/menu/about-over.png) no-repeat center top; } li.advertise:hover {background:url(images/menu/advertise-over.png) no-repeat center top;} li.online-store:hover {background:url(images/menu/online-store-over.png) no-repeat center top;} #box-delete { position: absolute; top: 0; left: 0; width: 16px;height: 16px; } .admin-ad-holder { margin-top: 50px; margin-left: 20px; font-size: 24px; } .entry-content ul { list-style-type: disc; padding-left: 26px; } .entry-content ul li { margin-top: 6px; font-size: 19px; } /*___________________________ POST COLUMNS SHORT CODE CSS ______________________*/ .column { margin-right:4%; position:relative; float:left; } .column.last { clear:right; margin-right:0; } .one_half { width:48%; } .one_third { width:30.66%; } .two_thirds { width:65.33%; } .one_fourth { width:22%; } .three_fourths { width:74%; } .one_fifth { width:16.8%; } .two_fifths { width:37.6%; } .three_fifths { width:58.4%; } .four_fifths { width:79.2%; } .one_sixth { width:13.33%; } .five_sixths { width:82.67%; } /*___________________________ JQUERY CORE UI CSS ______________________*/ /* * jQuery UI CSS Framework 1.8.12 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .placeholder { min-height: 250px; min-width:300px; margin: 12px; border: 3px dashed #000; float:left; } .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI Selectable 1.8.12 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Selectable#theming */ .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } /* * jQuery UI CSS Framework 1.8.12 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/ */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; } .ui-widget-content a { color: #222222/*{fcContent}*/; } .ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; } .ui-widget-header a { color: #222222/*{fcHeader}*/; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border:*{borderColorDefault}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; } .ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border:*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-top { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-bottom { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-right { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-left { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-all { -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; } .ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; } iframe { background:#fff;} /* Header ----------------------------------*/ #header aside { padding: 12px 0 0 12px; } /* jPlayer ----------------------------------*/ @charset "UTF-8"; @font-face { font-family: flat-audio; src: url(font/flat-audio.eot); src: url(font/flat-audio.eot#iefix) format('embedded-opentype'), url("data:font/woff;base64,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") format('woff'), url(font/flat-audio.ttf) format('truetype'), url(font/flat-audio.svg#flat-audio) format('svg'); font-weight: 400; font-style: normal } .jp-audio { position: relative; margin: 15px 0; font-family: 'Source Sans Pro', sans-serif; text-align: left; min-width: 320px; max-width: 1280px; width: 100%; height: 44px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fff } .jp-audio, .jp-audio * { margin: 0 0 15px 0; padding: 0; border: 0; font-size: 0; line-height: 0 } .jp-control { position: absolute; top: 0; width: 44px; height: 100%; background-color: #00aef6; border-radius: 5px 0 0 5px; } .jp-control:hover { box-shadow: 0 0 0 15px rgba(255,255,255,0.1) inset; } .play-control { left: 0 } .jp-audio .button { text-decoration: none; font-size: 32px; line-height: 44px; text-align: center; cursor: pointer; color: #fff !important; } .jp-pause { display: none; } .jp-audio .button:before { display: inline-block; font-family: flat-audio; font-style: normal; font-weight: 400; text-decoration: none; font-variant: normal; text-transform: none; speak: none; width: 44px; line-height: 44px; text-align: center; opacity: 1 } .jp-pause:before { content: '\2016' } .jp-play:hover, .jp-pause:hover { text-decoration: none !important; border-bottom: none !important; } .jp-play:before { content: '\25b6' } .jp-audio .bar { position: absolute; top: 0; left: 44px; right: 0; height: 100%; background-color: #292929; border-radius: 0 5px 5px 0; } .jp-audio .jp-seek-bar { position: absolute; top: 0; left: 0; min-width: 100%; height: 100%; cursor: pointer } .jp-play-bar { position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: #0082b2; box-shadow: -1px 0 0 rgba(255,255,255, 0.4) inset; } .jp-audio .details, .jp-audio .timing { position: absolute; top: 0; left: 0; right: 0; height: 100%; padding: 0 12px; font-size: 16px; line-height: 44px } .jp-audio .timing { text-align: right } .jp-audio .jp-title, .jp-audio .jp-duration { font-size: 16px; line-height: 44px } .jp-audio .jp-title .air-date { font-size: 16px; line-height: 44px; color: #aaa; } /* .jp-volume-bar, .jp-volume-bar-value { position: relative; font-size: 5px; height: 5px; } */ .jp-audio .no-solution { position: absolute; top: 0; left: 44px; right: 0; height: 48px; padding: 8px 0; line-height: 24px; font-size: 16px; text-align: center; display: none; color: #000; background-color: #b28282 } .jp-audio-mini .jp-control { border-radius: 30px; height: 44px; } .jp-audio-mini .jp-play { text-indent: 2px; } .jp-audio-mini .button { text-decoration: none; font-size: 32px; line-height: 44px; text-align: center; cursor: pointer; color: #fff !important; } .jp-audio-mini .button:before { display: inline-block; font-family: flat-audio; font-style: normal; font-weight: 400; text-decoration: none; font-variant: normal; text-transform: none; speak: none; width: 44px; line-height: 44px; text-align: center; opacity: 1 } .box-player { position: relative; float: left; width: 30px; height: 30px; margin-right: 10px; } .box-player.jp-audio-mini .jp-control { border-radius: 3px; border: solid 1px rgba(0,0,0, 0.4); width: 30px; height: 30px; } /* .box-player.jp-audio-mini .jp-control:hover { box-shadow: 0 0 0 15px rgba(255,255,255,0.08) inset; } */ .box-player.jp-audio-mini .jp-pause.button, .box-player.jp-audio-mini .jp-play.button { line-height: 30px; } .box-player.jp-audio-mini .jp-play.button:before { text-indent: 3px; font-size: 30px; line-height: 30px; width: 30px; } .box-player.jp-audio-mini .jp-pause.button:before { text-indent: 1px; font-size: 30px; line-height: 30px; width: 30px; }