/* ==================== NORMALIZE ============================== */ /* * HTML5 Boilerplate * * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. * * Detailed information about this CSS: h5bp.com/css * * ==|== normalize ========================================================== */ /* ============================================================================= HTML5 display definitions ========================================================================== */ 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; } /* ============================================================================= Base ========================================================================== */ /* * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units * 2. Force vertical scrollbar in non-IE * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g */ /* html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } */ html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; font-size: 13px; line-height: 1.231; } body, button, input, select, textarea { font-family: sans-serif; color: #222; } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection declarations have to be separate * Also: hot pink! (or customize the background color to match your design) */ ::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; } ::selection { background: #feb80f; color: #fff; text-shadow: none; } /* ============================================================================= Links ========================================================================== */ a { color: #00e; } a:visited { color: #551a8b; } a:hover { color: #06e; } a:focus { outline: thin dotted; } /* Improve readability when focused and hovered in all browsers: h5bp.com/h */ a:hover, a:active { outline: 0; } /* ============================================================================= Typography ========================================================================== */ 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; } /* Redeclare monospace font family: h5bp.com/j */ pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } /* Improve readability of pre-formatted text in all browsers */ 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%; } /* Position subscript and superscript content without affecting line-height: h5bp.com/k */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ============================================================================= Embedded content ========================================================================== */ /* * 1. Improve image quality when scaled in IE7: h5bp.com/d * 2. Remove the gap between images and borders on image containers: h5bp.com/e */ img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } /* * Correct overflow not hidden in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= Figures ========================================================================== */ figure { margin: 0; } /* ============================================================================= Forms ========================================================================== */ form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } /* Indicate that 'label' will shift focus to the associated form element */ label { cursor: pointer; } /* * 1. Correct color not inheriting in IE6/7/8/9 * 2. Correct alignment displayed oddly in IE6/7 */ legend { border: 0; *margin-left: -7px; padding: 0; } /* * 1. Correct font-size not inheriting in all browsers * 2. Remove margins in FF3/4 S5 Chrome * 3. Define consistent vertical alignment display in all browsers */ button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } /* * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet) * 2. Correct inner spacing displayed oddly in IE6/7 */ button, input { line-height: normal; *overflow: visible; } /* * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7 */ table button, table input { *overflow: auto; } /* * 1. Display hand cursor for clickable form elements * 2. Allow styling of clickable form elements in iOS */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } /* * Consistent box sizing and appearance */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } 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 { -webkit-appearance: none; } /* * Remove inner padding and border in FF3/4: h5bp.com/l */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Remove default vertical scrollbar in IE6/7/8/9 * 2. Allow only vertical resizing */ textarea { overflow: auto; vertical-align: top; resize: vertical; } /* Colors for form validity */ input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } /* ============================================================================= Tables ========================================================================== */ table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } /* ==|== primary styles ===================================================== Author: ========================================================================== */ /* ==|== non-semantic helper classes ======================================== Please define your styles before this section. ========================================================================== */ /* For image replacement */ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } /* Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* Contain floats: h5bp.com/q */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* ==|== media queries ====================================================== PLACEHOLDER Media Queries for Responsive Design. These override the primary ('mobile first') styles Modify as content requires. ========================================================================== */ @media only screen and (min-width: 480px) { /* Style adjustments for viewports 480px and over go here */ } @media only screen and (min-width: 768px) { /* Style adjustments for viewports 768px and over go here */ } /* ==|== print styles ======================================================= Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ 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: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* Bootstrap v1.1 Variables and mixins to bootstrap any new web development project. */ /* Variables ------------------------------------------------- */ /* Mixins ------------------------------------------------- */ .clearfix { zoom: 1; } .clearfix:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } .center-block { display: block; margin: 0 auto; } .container { width: 940px; margin: 0 auto; zoom: 1; } .container:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } #flexbox .display-box { display: -moz-box; display: -webkit-box; display: box; } #reset .global-reset html, #reset .global-reset body, #reset .global-reset div, #reset .global-reset span, #reset .global-reset applet, #reset .global-reset object, #reset .global-reset iframe, #reset .global-reset h1, #reset .global-reset h2, #reset .global-reset h3, #reset .global-reset h4, #reset .global-reset h5, #reset .global-reset h6, #reset .global-reset p, #reset .global-reset blockquote, #reset .global-reset pre, #reset .global-reset a, #reset .global-reset abbr, #reset .global-reset acronym, #reset .global-reset address, #reset .global-reset big, #reset .global-reset cite, #reset .global-reset code, #reset .global-reset del, #reset .global-reset dfn, #reset .global-reset em, #reset .global-reset img, #reset .global-reset ins, #reset .global-reset kbd, #reset .global-reset q, #reset .global-reset s, #reset .global-reset samp, #reset .global-reset small, #reset .global-reset strike, #reset .global-reset strong, #reset .global-reset sub, #reset .global-reset sup, #reset .global-reset tt, #reset .global-reset var, #reset .global-reset b, #reset .global-reset u, #reset .global-reset i, #reset .global-reset center, #reset .global-reset dl, #reset .global-reset dt, #reset .global-reset dd, #reset .global-reset ol, #reset .global-reset ul, #reset .global-reset li, #reset .global-reset fieldset, #reset .global-reset form, #reset .global-reset label, #reset .global-reset legend, #reset .global-reset table, #reset .global-reset caption, #reset .global-reset tbody, #reset .global-reset tfoot, #reset .global-reset thead, #reset .global-reset tr, #reset .global-reset th, #reset .global-reset td, #reset .global-reset article, #reset .global-reset aside, #reset .global-reset canvas, #reset .global-reset details, #reset .global-reset embed, #reset .global-reset figure, #reset .global-reset figcaption, #reset .global-reset footer, #reset .global-reset header, #reset .global-reset hgroup, #reset .global-reset menu, #reset .global-reset nav, #reset .global-reset output, #reset .global-reset ruby, #reset .global-reset section, #reset .global-reset summary, #reset .global-reset time, #reset .global-reset mark, #reset .global-reset audio, #reset .global-reset video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } #reset .global-reset body { line-height: 1; } #reset .global-reset ol, #reset .global-reset ul { list-style: none; } #reset .global-reset table { border-collapse: collapse; border-spacing: 0; } #reset .global-reset caption, #reset .global-reset th, #reset .global-reset td { text-align: left; font-weight: normal; vertical-align: middle; } #reset .global-reset q, #reset .global-reset blockquote { quotes: none; } #reset .global-reset q:before, #reset .global-reset blockquote:before, #reset .global-reset q:after, #reset .global-reset blockquote:after { content: ""; content: none; } #reset .global-reset a img { border: none; } #reset .global-reset article, #reset .global-reset aside, #reset .global-reset details, #reset .global-reset figcaption, #reset .global-reset figure, #reset .global-reset footer, #reset .global-reset header, #reset .global-reset hgroup, #reset .global-reset menu, #reset .global-reset nav, #reset .global-reset section { display: block; } #reset .reset-box-model { margin: 0; padding: 0; border: 0; } #reset .reset-font { font-size: 100%; font: inherit; vertical-align: baseline; } #reset .reset-focus { outline: 0; } #reset .reset-body { line-height: 1; } #reset .reset-list-style { list-style: none; } #reset .reset-table { border-collapse: collapse; border-spacing: 0; } #reset .reset-table-cell { text-align: left; font-weight: normal; vertical-align: middle; } #reset .reset-quotation { quotes: none; } #reset .reset-quotation:before, #reset .reset-quotation:after { content: ""; content: none; } #reset .reset-image-anchor-border { border: none; } #reset .reset-html5 article, #reset .reset-html5 aside, #reset .reset-html5 details, #reset .reset-html5 figcaption, #reset .reset-html5 figure, #reset .reset-html5 footer, #reset .reset-html5 header, #reset .reset-html5 hgroup, #reset .reset-html5 menu, #reset .reset-html5 nav, #reset .reset-html5 section { display: block; } /* END OF BOOSTRAP */ /* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 6, 2012 03:28:38 PM America/New_York */ @font-face { font-family: 'RobotoBoldCondensed'; src: url('http://www.djbooth.net/fonts/Roboto-BoldCondensed-webfont.eot'); src: url('http://www.djbooth.net/fonts/Roboto-BoldCondensed-webfont.eot?#iefix') format('embedded-opentype'), url('http://www.djbooth.net/fonts/Roboto-BoldCondensed-webfont.woff') format('woff'), url('http://www.djbooth.net/fonts/Roboto-BoldCondensed-webfont.ttf') format('truetype'), url('http://www.djbooth.net/fonts/Roboto-BoldCondensed-webfont.svg#RobotoBoldCondensed') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'BebasNeueRegular'; src: url('http://www.djbooth.net/fonts/BebasNeue-webfont.eot'); src: url('http://www.djbooth.net/fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('http://www.djbooth.net/fonts/BebasNeue-webfont.woff') format('woff'), url('http://www.djbooth.net/fonts/BebasNeue-webfont.ttf') format('truetype'), url('http://www.djbooth.net/fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg'); font-weight: normal; font-style: normal; } h1 { color: #feb80f; display: inline-block; background: #000; margin: 0; padding: 4px 10px 0 10px; font-size: 24px; font-style: uppercase; font-family: 'RobotoBoldCondensed'; font-weight: normal; position: relative; } h1:after { content: ' '; background: rgba(0, 0, 0, 0.15); width: 8px; height: 75%; position: absolute; bottom: 0px; right: -8px; } h1 + hr, h1 + nav + hr { margin-top: 0; outline: none; border-top: 6px solid #000; } h2 { color: #feb80f; display: inline-block; background: #000; margin: 0; padding: 4px 10px 0 10px; font-size: 24px; font-style: uppercase; font-family: 'RobotoBoldCondensed'; font-weight: normal; position: relative; } h2:after { content: ' '; background: rgba(0, 0, 0, 0.15); width: 8px; height: 75%; position: absolute; bottom: 0px; right: -8px; } h2 + hr, h2 + nav + hr { margin-top: 0; outline: none; border-top: 6px solid #000; } h3 { font-size: 24px; font-weight: normal; font-family: 'RobotoBoldCondensed'; margin-bottom: 10px; margin-top: 15px; } h3 + hr { margin: 0; outline: none; margin-bottom: 10px; border-top: 1px dotted #828282; } h3.block { color: #feb80f; display: inline-block; background: #000; margin: 0; padding: 4px 10px 0 10px; font-size: 24px; font-style: uppercase; font-family: 'RobotoBoldCondensed'; font-weight: normal; position: relative; } h3.block:after { content: ' '; background: rgba(0, 0, 0, 0.15); width: 8px; height: 75%; position: absolute; bottom: 0px; right: -8px; } h3.block + hr, h3.block + nav + hr { margin-top: 0; outline: none; border-top: 6px solid #000; } h4 { font-weight: normal; color: #000; font-size: 20px; font-family: 'RobotoBoldCondensed'; margin: 0; line-height: 26px; } p { font-size: 13.5px; line-height: 19px; color: #393939; } /* UTILS */ .pull-right { float: right; } .pull-left { float: left; } .shadow-box { background: #fff; -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.06); -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.06); box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.06); } .left-slit { position: relative; } .left-slit:before { content: ' '; width: 0; height: 0; position: absolute; bottom: -8px; left: -1px; border-width: 4px; border-style: solid; border-color: #f06f06 #f06f06 transparent transparent; z-index: -500; } .right-slit { position: relative; } .right-slit:after { content: ' '; width: 0; height: 0; position: absolute; bottom: -8px; right: 0px; border-width: 4px; border-style: solid; border-color: #f06f06 transparent transparent #f06f06; z-index: -500; } .slits { position: relative; position: relative; } .slits:before { content: ' '; width: 0; height: 0; position: absolute; bottom: -8px; left: -1px; border-width: 4px; border-style: solid; border-color: #f06f06 #f06f06 transparent transparent; z-index: -500; } .slits:after { content: ' '; width: 0; height: 0; position: absolute; bottom: -8px; right: 0px; border-width: 4px; border-style: solid; border-color: #f06f06 transparent transparent #f06f06; z-index: -500; } #djbooth .content-main { } #djbooth .content-main .slider-wrapper { width: 100%; zoom: 1; position: relative; } #djbooth .content-main .slider-wrapper:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } /* ==== COMPLEX ADS ======= */ #cmn_ad_tag_head, #cmn_ad_tag_head div, #cmn_ad_tag_head table, #cmn_ad_tag_head table td { margin: 0 auto; text-align: center; } #cmn_wrap { margin:0 auto; } /* This code keeps the skin stagnant when dynamically refreshing the ads */ /* ==== OLD INDEX WITH LARGE IMAGES ==== */ #djbooth .content-main .slider-wrapper .features { position: absolute; top: 0; left: 0; width: 100%; height: 595px; overflow: hidden; } #djbooth .content-main .slider-wrapper .feature { position: absolute; top: 0; left: 0; width: 500px; height: 595px; position: relative; } #djbooth .content-main .slider-wrapper .feature h4 a { color: inherit; text-decoration: none; } #djbooth .content-main .slider-wrapper .feature h4 a:hover { color: #ed000f; } #djbooth .content-main .slider-wrapper .feature .feature-image { position: absolute; top: 0; left: 0; width: 500px; height: 500px; } #djbooth .content-main .slider-wrapper .feature .feature-info { position: absolute; bottom: 0; left: 20px; background: #fff; min-height: 125px; padding: 15px 15px 0px 15px; width: 435px; } #djbooth .content-main .slider-wrapper .feature .feature-info h4 { font-size: 26px; margin-bottom: 7px; line-height: 30px; } #djbooth .content-main .slider-wrapper .feature .feature-info .stats { width: 415px; zoom: 1; } #djbooth .content-main .slider-wrapper .feature .feature-info .stats:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } #djbooth .content-main .slider-wrapper .feature .feature-info .stats span.date { color: #ed000f; font-weight: bold; font-size: 12px; margin-right: 15px; float: left; } #djbooth .content-main .slider-wrapper .feature .feature-info .stats .tweets { float: left; } #djbooth .content-main .slider-wrapper .feature .feature-info .stats .fb-like { float: left; } #djbooth .content-main .slider-wrapper .feature .feature-info p { width: 570px; margin-top: 10px; margin-bottom: 0px; color: #393939; line-height: 16px; } /* END OLD INDEX */ #djbooth .content-main .slider-wrapper .slider-nav { position: absolute; top: 0; right: 0; z-index: 1000; width: 102px; height: 500px; background: #fff; margin: 0; padding: 0; list-style-type: none; zoom: 1; } #djbooth .content-main .slider-wrapper .slider-nav:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } #djbooth .content-main .slider-wrapper .slider-nav li { float: right; margin-bottom: 6px; } #djbooth .content-main .slider-wrapper .slider-nav li a { display: block; border: 5px solid #000; position: relative; } #djbooth .content-main .slider-wrapper .slider-nav li a:hover, #djbooth .content-main .slider-wrapper .slider-nav li a.active { border-color: #feb80f; } #djbooth .content-main .slider-wrapper .slider-nav li a.active:before { content: ' '; position: absolute; border-bottom: 10px solid transparent; border-top: 10px solid transparent; border-right: 11px solid #feb80f; left: -13px; top: 35px; display: block; } /* ============== HOMEPAGE ================ */ #djbooth .content-main .ad-strip { text-align:center; margin: 12px 0 0 0; } /* TOP STORIES */ #djbooth .content-main .left-home { float: left; width: 400px; margin: 15px 7px 0 15px; position: relative; } #djbooth .content-main .right-home { float: right; width: 535px; margin: 15px 15px 0 8px; } #djbooth .content-main .top-story { width: 100%; zoom: 1; position: relative; } #djbooth .content-main .top-story:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } #djbooth .content-main .top-story .features { position: absolute; top: 0; left: 0; width: 100%; height: 475px; overflow: hidden; } #djbooth .content-main .top-story .feature { position: absolute; top: 0; left: 0; width: 400px; height: 475px; position: relative; } #djbooth .content-main .top-story .feature h4 a { color: inherit; text-decoration: none; } #djbooth .content-main .top-story .feature h4 a:hover { color: #ed000f; } #djbooth .content-main .top-story .feature .feature-image { position: absolute; top: 0; left: 0; width: 400px; height: 400px; border: 3px solid black; } #djbooth .content-main .top-story .feature .feature-image:hover { border-color: #ed000f; } #djbooth .content-main .top-story .feature .feature-info { position: absolute; bottom: 0; left: 10px; background: #fff; min-height: 105px; padding: 15px 15px 7px 15px; width: 380px; } #djbooth .content-main .top-story .feature .feature-info h4 { font-size: 26px; margin-bottom: 7px; line-height: 30px; } #djbooth .content-main .top-story .feature .feature-info p { width: 350px; margin-top: 10px; margin-bottom: 0px; color: #393939; line-height: 16px; } #djbooth .content-main ul.coverart-row { margin: 0; padding: 0; list-style-type: none; zoom: 1; } #djbooth .content-main ul.coverart-row:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } #djbooth .content-main ul.coverart-row li { width: 159px; height:225px; display: block; float: left; margin: 0 28px 8px 0; overflow: hidden; } #djbooth .content-main ul.coverart-row li a { font-weight: bold; font-size: 12px; font-family: arial; color: black; text-decoration: none; line-height: 14px; display: block; } #djbooth .content-main ul.coverart-row li a span { padding: 10px 10px 10px 10px; display: block; } #djbooth .content-main ul.coverart-row li a span span { display: inline; padding: 0; color: #f00b0b; } #djbooth .content-main ul.coverart-row li a img { overflow: hidden; border: 7px solid black; } #djbooth .content-main ul.coverart-row li:hover { background-color: black; color: white !important; } #djbooth .content-main ul.coverart-row li a:hover { color: white !important; } #djbooth .content-main ul.coverart-row li.end1 { margin-right: 0px; } #djbooth .content-main ul.coverart-row li.end2 { margin-right: 0px; margin-bottom: 0px; } #djbooth .content-main ul.coverart-row li.row2 { margin-bottom: 0px; } /* END TOP STORIES */ #djbooth .content-main .popout { float: left; width: 1000px; height: 250px; background: url(http://static.djbooth.net/images/popout-bg.png) repeat #ffffff; margin: 15px 0px 15px -10px; padding: 20px 22px 20px 22px; -webkit-box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.21); -moz-box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.21); box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.21); position: relative; position: relative; } #djbooth .content-main .popout:before { content: ' '; width: 0; height: 0; position: absolute; bottom: -8px; left: -1px; border-width: 4px; border-style: solid; border-color: #f06f06 #f06f06 transparent transparent; z-index: -500; } #djbooth .content-main .popout:after { content: ' '; width: 0; height: 0; position: absolute; bottom: -8px; right: 0px; border-width: 4px; border-style: solid; border-color: #f06f06 transparent transparent #f06f06; z-index: -500; } #djbooth .content-main .popout:before { border-width: 5px; bottom: -10px; left: -1px; } #djbooth .content-main .popout:after { border-width: 5px; bottom: -10px; right: 0px; } #djbooth .content-main .popout ul.coverart-row { margin: 0; padding: 0; list-style-type: none; zoom: 1; } #djbooth .content-main .popout ul.coverart-row:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } #djbooth .content-main .popout ul.coverart-row li { width: 159px; display: block; float: left; margin: 0px 40px 0px 0px; } #djbooth .content-main .popout ul.coverart-row li a { font-weight: bold; font-size: 12px; font-family: arial; color: black; text-decoration: none; line-height: 14px; display: block; } #djbooth .content-main .popout ul.coverart-row li a span { padding: 10px 10px 10px 10px; display: block; } #djbooth .content-main .popout ul.coverart-row li a span span { display: inline; padding: 0; color: #f00b0b; } #djbooth .content-main .popout ul.coverart-row li a img { overflow: hidden; border: 7px solid black; } #djbooth .content-main .popout ul.coverart-row li:hover { background-color: black; color: white !important; } #djbooth .content-main .popout ul.coverart-row li a:hover { color: white !important; } #djbooth .content-main .popout ul.coverart-row li:last-child { margin-right: 0px; } #djbooth .content-main .new-booth { } #djbooth .content-main .new-booth p.homepage-callout { color: #ed000f; font-weight: bold; font-size: 13px; text-align:center; } #djbooth .content-main .new-booth nav { float: right; margin-top: 7px; margin-right: 7px; } #djbooth .content-main .new-booth nav.left { float: left; margin: 7px 7px 7px 0; } #djbooth .content-main .new-booth nav ul { list-style-type: none; margin: 0px; padding: 0px; zoom: 1; } #djbooth .content-main .new-booth nav ul:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } #djbooth .content-main .new-booth nav ul li { float: left; font-size: 12px; font-weight: bold; } #djbooth .content-main .new-booth nav ul li:not(:last-child) { margin-right: 2px; } #djbooth .content-main .new-booth nav ul li a { text-decoration: none; padding: 3px 9px; display: block; color: #000; -moz-border-radius: 2px; border-radius: 2px; } #djbooth .content-main .new-booth nav ul li a:hover { background: #fecf5b; } #djbooth .content-main .new-booth nav ul li a.active { background: #feb80f; } #djbooth .content-main .new-booth ul.features { list-style-type: none; padding: 0px; margin: 0px; zoom: 1; } #djbooth .content-main .new-booth ul.features:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } #djbooth .content-main .new-booth ul.features li:nth-child(even) { margin-left: 8px; } #djbooth .content-main .new-booth ul.features li:nth-child(odd) { margin-right: 8px; } #djbooth .content-main .new-booth ul.features li.feature { height: 435px; position: relative; width: 296px; min-height: 296px; float: left; margin-top: 8px; margin-bottom: 8px; } #djbooth .content-main .new-booth ul.features li.feature .feature-head { display: block; width: 296px; height: 296px; position: relative; text-decoration: none; } #djbooth .content-main .new-booth ul.features li.feature .feature-head img { position: absolute; top: 0; left: 0; width: 296px; height: 296px; overflow: hidden; } #djbooth .content-main .new-booth ul.features li.feature .feature-head .overlay { opacity: 0; width: 100%; height: 100%; background: url(http://static.djbooth.net/images/feature-image-overlay.png) no-repeat; position: absolute; top: 0; left: 0; -webkit-transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; } #djbooth .content-main .new-booth ul.features li.feature .feature-head:hover .overlay { opacity: 1; } #djbooth .content-main .new-booth ul.features li.feature .feature-head .callout { display: block; position: absolute; top: 15px; left: -7px; font-family: 'BebasNeueRegular'; font-size: 20px; color: #000; background: #feb80f; padding: 5px 7px; line-height: 14px; } #djbooth .content-main .new-booth ul.features li.feature .feature-head .callout:before { content: ' '; display: block; position: absolute; left: 0; bottom: -8px; border-width: 4px; border-style: solid; border-color: #ce9305 #ce9305 transparent transparent; } #djbooth .content-main .new-booth ul.features li.feature .feature-info { width: 240px; min-height: 160px; padding: 13px; background: #fff; position: absolute; bottom: 0; left: 20px; } #djbooth .content-main .new-booth ul.features li.feature .feature-info h4 a { color: inherit; text-decoration: none; } #djbooth .content-main .new-booth ul.features li.feature .feature-info h4 a:hover { color: #ed000f; } #djbooth .content-main .new-booth ul.features li.feature .feature-info p.desc { margin: 5px 0px; font-size: 12px; line-height: 16px; color: #393939; width: 260px; } #djbooth .content-main .new-booth ul.features li.feature .feature-info .rating-wrapper { width: 260px; margin: 10px 0px 5px 0px; } #djbooth .content-main .new-booth ul.features li.feature .feature-info .rating-wrapper .label { font-size: 12px; } #djbooth .content-main .new-booth ul.features li.feature .feature-info .rating-wrapper .stars { position: relative; display: inline-block; vertical-align: text-bottom; width: 80px; height: 13px; background: url(http://static.djbooth.net/images/star-grey.png) repeat-x; margin: 0px 3px; } #djbooth .content-main .new-booth ul.features li.feature .feature-info .rating-wrapper .stars .rating { display: block; width: 0px; height: 13px; background: url(http://static.djbooth.net/images/star-orange.png) repeat-x; } #djbooth .content-main .new-booth ul.features li.feature .feature-info .rating-wrapper .votes { font-size: 12px; color: #959595; } #djbooth .content-main .new-booth ul.features li.feature .feature-info .social { margin-top: 10px; width: 260px; zoom: 1; } #djbooth .content-main .new-booth ul.features li.feature .feature-info .social:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } #djbooth .content-main .new-booth ul.features li.feature .feature-info .social .tweet-wrapper { width: 100px; margin-right: 10px; } #djbooth .content-main .new-booth ul.features li.feature .feature-info .social .tweet-wrapper, #djbooth .content-main .new-booth ul.features li.feature .feature-info .social .fb-like { float: left; } /* ==== My Code === */ #djbooth .content-main .new-booth ul.features li.feature .feature-info .play-buttons { float:left; font-size:12px; font-weight:bold; margin:5px 0 0 0; } #djbooth .content-main .new-booth ul.features li.feature .feature-info .play-buttons a { text-decoration: none; padding: 3px 9px; display: block; color: #000; -moz-border-radius: 2px; border-radius: 2px; background: #fecf5b; float:left; margin-right:5px; } #djbooth .content-main .new-booth ul.features li.feature .feature-info .play-buttons a:hover { background: #feb80f; } /* === End My Code === */ #djbooth .content-main .new-booth ul.features li.feature.video .feature-head .callout { color: #fff; background: #ed000f; } #djbooth .content-main .new-booth ul.features li.feature.video .feature-head .callout:before { border-color: #000 #000 transparent transparent; } #djbooth .content-main .pagination { width: 100%; margin: 15px auto; display: inline-block; text-align: center; } #djbooth .content-main .pagination .page { background: #feb80f; text-decoration: none; color: #000; font-size: 16px; font-family: 'RobotoBoldCondensed'; display: inline-block; padding: 11px; /*-webkit-box-shadow: 7px 6px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 7px 6px 0px rgba(0, 0, 0, 0.15); box-shadow: 7px 6px 0px rgba(0, 0, 0, 0.15);*/ } #djbooth .content-main .pagination .page:hover { color: #fff; background: #000; } /* #djbooth .content-main .pagination .page:active { transform: translatey(3px); -moz-transform: translatey(3px); -webkit-transform: translatey(3px); } */ #djbooth .content-main .pagination .page.prev:before, #djbooth .content-main .pagination .page.next:after { width: 8px; height: 14px; background: url(http://static.djbooth.net/images/pagination-arrows.png) no-repeat; content: ''; display: inline-block; vertical-align: text-top; } #djbooth .content-main .pagination .page.next:after { margin-left: 7px; } #djbooth .content-main .pagination .page.prev:before { background-position: -8px 0px; margin-right: 7px; } #djbooth .content-main .pagination .page.prev + .page.next { margin-left: 14px; } #djbooth .content-main .advertisement-right { width: 100%; min-height: 275px; overflow: hidden; background: #e5e5e5; padding: 13px; } #djbooth .content-main .charts > p { margin-bottom: 25px; } #djbooth .content-main .charts .full-chart-link { color: #e21a1a; font-weight: bold; font-size: 12px; text-decoration: none; border-bottom: 1px solid #fff; } #djbooth .content-main .charts .full-chart-link:hover { color: #000; border-bottom: 1px solid #e21a1a; } #djbooth .content-main .charts ul.chart { list-style-type: none; padding: 0; margin-bottom: 0; zoom: 1; } #djbooth .content-main .charts ul.chart:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } #djbooth .content-main .charts ul.chart li { margin-bottom: 15px; zoom: 1; } #djbooth .content-main .charts ul.chart li:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } #djbooth .content-main .charts ul.chart a img { width: 100px; height: 100px; overflow: hidden; border: 7px solid #000; float: left; -webkit-border-radius: 3px; border-radius: 3px; } #djbooth .content-main .charts ul.chart a img:hover { border-color: #FEB80F; } #djbooth .content-main .charts ul.chart .text { float: left; font-size: 12px; width: 226px; padding: 0px 0px 0px 10px; } #djbooth .content-main .charts ul.chart .text-sidebar { float: left; font-size: 12px; width: 300px; padding: 0px 0px 0px 10px; } #djbooth .content-main .charts ul.chart .text .rank { color: #feb80f; font-family: 'RobotoBoldCondensed'; font-size: 35px; display: inline-block; width: 30px; height: 30px; margin-right: 5px; vertical-algin:top; } #djbooth .content-main .charts ul.chart .text-sidebar .rank { color: #feb80f; font-family: 'RobotoBoldCondensed'; font-size: 35px; display: inline-block; width: 30px; height: 30px; margin-right: 5px; } #djbooth .content-main .charts ul.chart .text .rank:before { content: '#'; vertical-align: super; font-size: 18px; } #djbooth .content-main .charts ul.chart .text-sidebar .rank:before { content: '#'; vertical-align: super; font-size: 18px; } #djbooth .content-main .charts ul.chart .text a.title { font-size: 17px; font-weight: bold; color: #000; text-decoration: none; display: inline-block; width: 180px; line-height: 18px; vertical-align: top; padding-top:4px; } #djbooth .content-main .charts ul.chart .text-sidebar a.title-sidebar { font-size: 14px; font-weight: bold; color: #000; text-decoration: none; display: inline-block; width: 255px; line-height: 16px; } #djbooth .content-main .charts ul.chart .text a.title:hover { color: #e21a1a; } #djbooth .content-main .charts ul.chart .text-sidebar a.title-sidebar:hover { color: #e21a1a; } #djbooth .content-main .charts ul.chart .text p.desc { margin-top: 5px; line-height: 15px; } #djbooth .content-top .top-bar { width: 795px; float: right; font-size: 12px; zoom: 1; margin: 10px 0 0 0; } #djbooth .content-top .top-bar:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } #djbooth .content-top .top-bar .news-slider { float: left; position: relative; width: 695px !important; height: 32px; margin-left: 17px; z-index: 9999; } #djbooth .content-top .top-bar .news-slider .news-item { display: block; height: 32px; width: 100% !important; text-decoration: none; background: #fff; display: none; } #djbooth .content-top .top-bar .news-slider .news-item span { color:#e21a1a; } #djbooth .content-top .top-bar .news-slider p:first-child { font-weight: bold; font-style: normal; width: 690px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #djbooth .content-top .top-bar .top-latest-news-title { background-color: black; color: #feb80f; font-size: 12px; font-weight: bold; padding: 8px 15px 5px 15px; width: 55px; height: 32px; float: left; line-height: 14px; position: relative; } #djbooth .content-top .top-bar .top-latest-news-title:after { content: ' '; position: absolute; top: 0; right: -16px; border-bottom: 16px solid transparent; border-top: 16px solid transparent; border-left: 16px solid black; } #djbooth .content-top .top-bar p { color: #000; font-size: 11px; display: inline-block; vertical-align: top; margin-left: 10px; margin-top: 6px; font-style: italic; } #djbooth .content-top .top-bar p .date { color: #616161; text-decoration: none; } #djbooth .content-top .top-bar .thumbnail-wrapper { position: relative; width: 36px; height: 36px; padding-right: 6px; display: inline-block; margin: -2px 0px 0px 10px; } #djbooth .content-top .top-bar .thumbnail-wrapper .overlay { width: 36px; height: 36px; position: absolute; -webkit-box-shadow: 0px 0 5px rgba(0, 0, 0, 0.22); -moz-box-shadow: 0px 0 5px rgba(0, 0, 0, 0.22); box-shadow: 0px 0 5px rgba(0, 0, 0, 0.22); border: 2px solid white; } #djbooth .content-top .top-bar .thumbnail-wrapper img { width: 36px; height: 36px; position: absolute; margin: 0 !important; } #djbooth .content-top .top-bar .top-more { float: right; margin: 8px 10px 0 0; } #djbooth .content-top .top-bar .top-more a { font-family: 'RobotoBoldCondensed'; font-size: 15px; color: black; text-transform: uppercase; text-decoration: none; } #djbooth .content-top .top-bar .top-more a:after { width: 15px; height: 15px; content: url(http://static.djbooth.net/images/circle-arrow-right.png); vertical-align: text-top; padding: 0px 0px 0 7px; } #djbooth .content-top header { width: 100%; height: 99px; float: left; margin: 12px auto; } #djbooth .content-top header span.logo { width: 180px; height: 130px; display: block; text-indent: -2222em; background: url(http://static.djbooth.net/images/logo.png) no-repeat; margin: -40px 15px 0 15px; float: left; } #djbooth .content-top header span.logo a { display: block; width: 100%; height: 100%; } #djbooth .content-top header .nav-wrapper { float: left; width: 770px; height: 100%; } #djbooth .content-top header .nav-wrapper .row-1 { border-left: 1px solid #ebebeb; height: 39px; margin-left: 10px; width: 762px; overflow:hidden; } #djbooth .content-top header .nav-wrapper .row-1 ul { list-style-type: none; margin: 0; padding: 0; } #djbooth .content-top header .nav-wrapper .row-1 ul li { margin: 0; padding: 0; float: left; } #djbooth .content-top header .nav-wrapper .row-1 ul li a { font-family: 'RobotoBoldCondensed', Times; font-size: 15px; color: black; text-transform: uppercase; text-decoration: none; } #djbooth .content-top header .nav-wrapper .row-1 ul li.account { padding: 10px 0px 0 3px; } #djbooth .content-top header .nav-wrapper .row-1 ul li.account :after { width: 15px; height: 15px; content: url(http://static.djbooth.net/images/circle-arrow-down.png); vertical-align: text-top; padding: 0px 0px 0 10px; } #djbooth .content-top header .nav-wrapper .row-1 ul li.social { padding: 9px 0 0 15px; } #djbooth .content-top header .nav-wrapper .row-1 ul li.social .tweets { display: inline-block; vertical-align: top; } #djbooth .content-top header .nav-wrapper .row-1 ul li.social .fb-like { display: inline-block; vertical-align: top; } #djbooth .content-top header .nav-wrapper .row-1 ul li.rss { margin: 10px 0 0 3px; display: block; } #djbooth .content-top header .nav-wrapper .row-1 ul li.rss a { width: 16px; height: 16px; display: block; background: url(http://static.djbooth.net/images/rss-button.png) no-repeat; } #djbooth .content-top header .nav-wrapper .row-1 ul li.search { margin-right: 2px; float: right; } #djbooth .content-top header .nav-wrapper .row-1 ul li.search input.search-box { outline: 0; border: none; margin: 0; height: 39px; padding-left: 15px; width: 233px; background-color: black; color: white; float: left; -webkit-appearance: none; font-size: 12px; font-weight: bold; } #djbooth .content-top header .nav-wrapper .row-1 ul li.search input.search-box::-webkit-input-placeholder, #djbooth .content-top header .nav-wrapper .row-1 ul li.search input.search-box::-moz-placeholder { color: #fff; } #djbooth .content-top header .nav-wrapper .row-1 ul li.search button.search-btn { float: left; outline: 0; border: none; vertical-align: top; background-color: #feb80f; height: 39px; text-transform: uppercase; margin: 0px; padding: 0px 15px 0 15px ; font-family: 'RobotoBoldCondensed'; font-size: 15px; } #djbooth .content-top header .nav-wrapper .row-2 { height: 60px; width: 771px; border-top: 1px solid #ebebeb; } #djbooth .content-top header .nav-wrapper .row-2 ul { list-style-type: none; margin: 0; padding: 0; height: 100%; width: 100%; zoom: 1; } #djbooth .content-top header .nav-wrapper .row-2 ul:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } #djbooth .content-top header .nav-wrapper .row-2 ul li { float: left; margin: 0; height: 100%; overflow: hidden; } #djbooth .content-top header .nav-wrapper .row-2 ul li a { display: block; height: 100%; border-right: 1px solid #ebebeb; font-family: 'RobotoBoldCondensed', Times; font-size: 24px; color: black; text-decoration: none; padding: 21px 19px 0px 19px; -webkit-transition: background 0.25s ease-in-out, color 0.25s ease-in-out; -moz-transition: background 0.25s ease-in-out, color 0.25s ease-in-out; -o-transition: background 0.25s ease-in-out, color 0.25s ease-in-out; transition: background 0.25s ease-in-out, color 0.25s ease-in-out; } #djbooth .content-top header .nav-wrapper .row-2 ul li a:hover, #djbooth .content-top header .nav-wrapper .row-2 ul li a.active { color: #feb80f; background: #000; } #djbooth .content-top header .nav-wrapper .row-2 ul li:first-child { padding: 0px; } #djbooth .content-top header .nav-wrapper .row-2 ul li:first-child a { border-left: 1px solid #ebebeb; display: block; width: 77px; background: url(http://static.djbooth.net/images/house-black.png) center center no-repeat; } #djbooth .content-top header .nav-wrapper .row-2 ul li:first-child a:hover, #djbooth .content-top header .nav-wrapper .row-2 ul li:first-child a.active { background: url(http://static.djbooth.net/images/house-white.png) center center no-repeat #000000; } #djbooth .content-top header .nav-wrapper .row-2 ul li:last-child a { width: 74px; border-right: none; } #djbooth .content-bottom .to-top { float: right; display: inline-block; font-size: 15px; font-family: 'RobotoBoldCondensed'; color: #000; margin-top: 10px; text-decoration: none; } #djbooth .content-bottom .to-top:after { width: 15px; height: 15px; content: url(http://static.djbooth.net/images/circle-arrow-right.png); vertical-align: text-top; padding: 0px 0px 0 7px; margin-right: 5px; } #djbooth .content-bottom .footer-advertisement { margin: 0px auto 0px auto; width: 728px; /* height: 90px; */ /* padding-top: 30px;*/ } #djbooth .content-bottom .inner { padding: 30px 32px 30px 33px; } #djbooth .content-bottom .inner ul.coverart-row { display: block; margin: 0; padding: 0; list-style-type: none; min-height: 200px; } #djbooth .content-bottom .inner ul.coverart-row li { width: 159px; display: block; float: left; margin: 0px 30px 0 0; } #djbooth .content-bottom .inner ul.coverart-row li a { display: block; font-weight: bold; font-size: 12px; font-family: arial; color: black; text-decoration: none; line-height: 14px; } #djbooth .content-bottom .inner ul.coverart-row li a span { text-align: center; padding: 10px 10px 10px 10px; display: block; } #djbooth .content-bottom .inner ul.coverart-row li a span span { display: inline; padding: 0; color: #f00b0b; } #djbooth .content-bottom .inner ul.coverart-row li a img { overflow: hidden; border: 7px solid black; } #djbooth .content-bottom .inner ul.coverart-row li:hover { background-color: black; color: white!important; } #djbooth .content-bottom .inner ul.coverart-row li a:hover { color: white!important; } #djbooth .content-bottom .inner ul.coverart-row li:last-child { margin-right: 0px; } footer.djbooth .footer-content-gradient { margin: 0 auto; width: 100%; height: 300px; background: url(http://static.djbooth.net/images/footer-gradient.png) no-repeat top center; } footer.djbooth .footer-content-gradient .footer-content { width: 980px; height: 100%; margin: 0 auto; padding: 60px 0px; color: white; text-align: center; } footer.djbooth .footer-content-gradient .footer-content p.copyright { color: white; font-family: 'RobotoBoldCondensed'; font-size: 13px; text-align: center; line-height: 22px; } footer.djbooth .footer-content-gradient .footer-content ul { list-style-type: none; text-align: center; margin: 30px auto; } footer.djbooth .footer-content-gradient .footer-content ul li { text-align: center; display: inline-block; color: white; font-family: arial; font-size: 12px; } footer.djbooth .footer-content-gradient .footer-content ul li span { color: rgba(255, 255, 255, 0.35); } footer.djbooth .footer-content-gradient .footer-content ul li a { padding: 0 8px; line-height: 20px; text-align: center; font-family: arial; font-size: 12px; color: white; text-decoration: none; } footer.djbooth .footer-content-gradient .footer-content ul li a:hover { color: #cccccc; } footer.djbooth .footer-content-gradient .footer-content ul li a.green { color: #a0bd1b; } footer.djbooth .footer-content-gradient .footer-content ul li a.green:hover { color: #c7e441; } footer.djbooth .footer-content-gradient .footer-content ul.credits { font-style: italic; } footer.djbooth .footer-content-gradient .footer-content ul.credits li:nth-child(1) { padding-right: 6px; } footer.djbooth .footer-content-gradient .footer-content ul.credits li:nth-child(3) { padding-left: 6px; } /* apply a natural box layout model to all elements */ * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } body { margin: 0; padding: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; -webkit-font-smoothing: antialiased; background: url(http://static.djbooth.net/images/tiled-background.png) repeat #f1f1f1; /* background: url(http://static.djbooth.net/images/ads/roc-nation/rocawear-barclays4.jpg) fixed #000000; background-position:top center; background-repeat: no-repeat; */ } body .background-fixed { margin-top: 120px; background: url(http://static.djbooth.net/images/djbooth-guy.png) top left no-repeat; position: fixed; width: 100%; height: 100%; z-index: -9999; } .advertisement { /* width: 728px; height: 90px; */ margin: 0 auto; /* border: 1px solid #d2d2d2; */ } #djbooth { width: 1000px; margin: 0 auto; min-height: 500px; } #djbooth .content-top { width: 980px; min-height: 100px; margin: 12px auto 0px auto; zoom: 1; } #djbooth .content-top:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } #djbooth .content-main { width: 980px; min-height: 600px; margin: 0 auto; border-top: solid 6px #000; } #djbooth .content-bottom { width: 980px; margin: 30px auto 30px auto; } #djbooth .content-main { zoom: 1; } #djbooth .content-main:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } #djbooth .content-main .left-col { float: left; width: 609px; min-height:1750px; margin: 15px 7px 15px 15px; position: relative; } #djbooth .content-main .right-col { float: right; width: 326px; margin: 10px 15px 10px 7px; } #djbooth .content-bottom h2 { font-size: 22px; margin-left: 14px; padding: 9px; } #djbooth .content-bottom .inner { width: 100%; min-height: 200px; border-bottom: solid 6px #000; } footer.djbooth { height: 300px; width: 100%; background: #000; position: relative; } footer.djbooth .bottom { width: 100%; height: 28px; background: #fff; position: fixed; bottom: 0px; z-index: 9999; } /* ====================== RIGHT Rail =================================== */ /* -------- MUSIC CHARTS LIST -------- */ #djbooth .content-main #posts-feed { width: 350px; margin-right: -10px; margin-bottom: 15px; background: url(http://static.djbooth.net/images/feeds-djbooth-guy.png) no-repeat top right #000000; min-height: 300px; padding: 15px; position: relative; } #djbooth .content-main #posts-feed:after { content: ' '; width: 0; height: 0; position: absolute; bottom: -8px; right: 0px; border-width: 4px; border-style: solid; border-color: #f06f06 transparent transparent #f06f06; z-index: -500; } #djbooth .content-main #posts-feed h2 { padding: 0; } #djbooth .content-main #posts-feed a.rss { width: 16px; height: 16px; background: url(http://static.djbooth.net/images/rss-button.png) no-repeat; display: inline-block; float: right; } #djbooth .content-main #posts-feed a.rss:active { transform: translatey(1px); -moz-transform: translatey(1px); -webkit-transform: translatey(1px); } #djbooth .content-main #posts-feed hr { outline: none; border-top: 1px solid rgba(255, 255, 255, 0.25); margin: 10px 0px; } #djbooth .content-main #posts-feed ul { list-style-position: inside; list-style-image: url(http://static.djbooth.net/images/feed-bullet.png); list-style-type: circle; color: #feb80f; margin: 0px; padding: 5px 8px; font-size: 11px; font-weight: bold; } #djbooth .content-main #posts-feed ul li { width: 100%; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #djbooth .content-main #posts-feed ul a { color: #fff; width: 100%; text-decoration: none; line-height: 22px; } #djbooth .content-main #posts-feed ul a:hover { color: #feb80f; } #djbooth .content-main #posts-feed.top-twenty h3 { color: #fff; display:inline-block; margin:0; } #djbooth .content-main #posts-feed.top-twenty h3 a { color: #fff; text-decoration:none; } #djbooth .content-main #posts-feed.top-twenty .hotflame { margin-top: -20px; } #djbooth .content-main #posts-feed.top-twenty p { color: #fff; } #djbooth .content-main #posts-feed.top-twenty { margin: 0 -10px 20px 0; min-height: 180px; } #djbooth .content-main #posts-feed.top-twenty ul { /*list-style-image: url(../img/feed-bullet-red.png);*/ list-style-image: none; list-style-type: none; } #djbooth .content-main #posts-feed.top-twenty ul li { float: left; font-size: 12px; width: 25%; } #djbooth .content-main #posts-feed.top-twenty ul li a { color: #feb80f; font-size:15px; } .top-twenty p a:hover, #djbooth .content-main #posts-feed.top-twenty ul li a:hover { color: #fff; } #djbooth .content-main #posts-feed.top-twenty ul li:before { color: #ff0000; /* Red */ content: "\2022"; /* Numerical unicode for • */ font-size: 1em; /* Set the font-size of the bullet. Make sure to use em or % */ padding-right: 7px; /* Give the bullet some padding */ position: relative; top: .1em; /* set the vertical position of the bullet if necessary. Make sure to use em or % */ } /*------------- TRENDING NOW ----------*/ #djbooth .content-main ul.trending { list-style-type: none; padding: 0; margin: -9px 0 20px 0; zoom: 1; } #djbooth .content-main ul.trending:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } #djbooth .content-main ul.trending li { border-bottom: 1px solid #ebebeb; /*margin-bottom: 15px;*/ height: 95px; padding: 12px 0; position: relative; /*width: 386px;*/ zoom: 1; } #djbooth .content-main ul.trending li:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } #djbooth .content-main ul.trending a img { width: 70px; height: 70px; overflow: hidden; float: left; } #djbooth .content-main ul.trending .text { width: 226px; /* Vertical align Works in webkit only display: table; height: auto; margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; */ position: absolute; left: 190px; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 226px; height: auto; } #djbooth .content-main ul.trending .text a { font-family: 'Roboto Condensed', 'RobotoBoldCondensed'; color:#d71313; font-size: 22px; font-weight: 500; line-height: 1em; text-decoration: none; } #djbooth .content-main ul.trending .text a:hover { color:#000; } /* ------------- Global Styles ------------- */ body.stanton{ background-color:#000000; background-repeat:no-repeat; background-image:url(http://static.djbooth.net/images/ads/stanton/stanton-skin.jpg); background-position:top center; background-attachment:fixed; margin:0; } .large-text{ font-family:Arial, sans-serif, Helvetica; font-size: 14px; color: #111111; } .large-text a:link, .large-text a:visited, .large-text a:active{ font-family:Arial, sans-serif, Helvetica; font-size: 14px; color: #02232A; text-decoration:none; font-weight:bold; } .large-text a:hover { font-family:Arial, sans-serif, Helvetica; font-size: 14px; color: #F57E22; text-decoration:underline; font-weight:bold; } .med-text{ font-family:Arial, sans-serif, Helvetica; font-size: 13.5px; line-height: 19px; color: #393939; } .med-text a:link, .med-text a:visited, .med-text a:active{ font-family:Arial, sans-serif, Helvetica; font-size: 12px; color: #02232A; text-decoration:none; font-weight:bold; } .med-text a:hover { font-family:Arial, sans-serif, Helvetica; font-size: 12px; color: #F57E22; text-decoration:none; font-weight:bold; } .med-text li { font-family:Arial, sans-serif, Helvetica; font-size: 12px; color: #111111; line-height:130%; padding-bottom:5px; padding-top:2px; } .med-text-bold{ font-family:Arial, sans-serif, Helvetica; font-size: 12px; color: #111111; font-weight:bold; } .small-text{ font-family:Arial, sans-serif, Helvetica; font-size: 11px; color: #333333; } .small-text a:link, .small-text a:visited, .small-text a:active{ font-family:Arial, sans-serif, Helvetica; font-size: 11px; color: #02232A; text-decoration:none; } .small-text a:hover { font-family:Arial, sans-serif, Helvetica; font-size: 11px; color: #F57E22; text-decoration:underline; } .press-release { margin:10px 50px 0 50px; padding:5px 10px 5px 10px; border:1px solid #444444; background-color:#eeeeee; font-family:Arial, sans-serif, Helvetica; font-size: 12px; color: #111111; font-style: italic; } .clear {clear:both;} .image-left { float:left; margin: 5px 15px 3px 0; } .filter-link a:link, .filter-link a:active, .filter-link a:visited { color: #010101; background: #feb80f; font: bold 12px Arial, Helvetica, Sans-serif; text-decoration: none; padding: 5px; margin: 0 7px 0 0; float:left; } .filter-link-selected a:link, .filter-link-selected a:active, .filter-link-selected a:visited { color: #feb80f; background: #010101; font: bold 12px Arial, Helvetica, Sans-serif; text-decoration: none; padding: 5px; margin: 0 7px 0 0; float:left; } .filter-link a:hover { color: #feb80f; background: #010101; } .home-charts { float:left; width:300px; font: 11px Arial, Helvetica, sans-serif; color: #555555; } .home-charts h3 { margin: 15px 0 0 0; padding:0; } .home-charts h3 a:link, .home-charts a:visited, .home-charts a:active{ font-family:Arial, sans-serif, Helvetica; font-size: 15px; color: #02232A; text-decoration:none; font-weight:bold; margin: 15px 0 0 0; padding:0; } .home-charts h2 a:link, .home-charts a:visited, .home-charts a:active{ font-family:Arial, sans-serif, Helvetica; font-size: 15px; color: #02232A; text-decoration:none; font-weight:bold; margin: 15px 0 0 0; padding:0; } .home-charts-image-container { margin: 0 10px 10px 0; vertical-align: middle; padding:0; float:left; } img.home-charts-image { border: 2px solid #000000; } a:hover img.home-charts-image { border: 2px solid #F57E22; } .home-charts h3 a:hover { font-family:Arial, sans-serif, Helvetica; font-size: 15px; color: #F57E22; text-decoration:none; font-weight:bold; } .home-charts-line { display:block; margin:0 0 5px 0; } .home-charts a:link, .home-charts a:visited, .home-charts a:active{ font-family:Arial, sans-serif, Helvetica; font-size: 12px; color: #02232A; text-decoration:none; font-weight:bold; } .home-charts a:hover { font-family:Arial, sans-serif, Helvetica; font-size: 12px; color: #F57E22; text-decoration:none; font-weight:bold; } .vertical-box { margin:10px 25px 0 0; float:left; width:130px; font: 11px Arial, Helvetica, sans-serif; color: #555555; } .vertical-box1 { margin:10px 0 0 0; float:left; width:134px; font: 11px Arial, Helvetica, sans-serif; color: #555555; } .vertical-box-link { text-align:center; padding: 5px 0 5px 0; } .vertical-box-link a:link, .vertical-box-link a:visited, .vertical-box-link a:active{ font-family:Arial, sans-serif, Helvetica; font-size: 12px; color: #02232A; text-decoration:none; font-weight:bold; } .vertical-box-link a:hover { font-family:Arial, sans-serif, Helvetica; font-size: 12px; color: #F57E22; text-decoration:none; font-weight:bold; } .vertical-box-snippet { height:140px; } img.vertical-img { display:block; border: 2px solid #000000; } a:hover img.vertical-img { border: 2px solid #F57E22; } /*---------------- Text Headers ------------------------- */ .subhead-text { font: 11px Arial, Helvetica, sans-serif; color: #555555; margin: 0 0 10px 0; } .subhead-text a:link, .subhead-text a:visited, .subhead-text a:active { font: 11px Arial, Helvetica, sans-serif; color: #555555; font-weight: bold; text-decoration:none; } .subhead-text a:hover { color: #F57E22; text-decoration:none; font-weight: bold; } /* --------------- Index Pages ------------------- */ #djbooth .index-features { margin-bottom: 15px; } #djbooth .index-features .one-f { margin-bottom: 16px; clear: both; padding-bottom: 16px; margin-bottom: 20px; border-bottom: 1px solid #e5e5e5; } #djbooth .index-features .one-f .f-img { border: 7px solid #000; display: block; float: left; -webkit-border-radius: 5px; border-radius: 5px; } #djbooth .index-features .one-f .f-img:hover { border: 7px solid #ffbc03; } #djbooth .index-features .f-info { width: 434px; margin: 0 0 0 175px; padding-right: 10px; } #djbooth .index-features .f-info h3 { margin:0; padding:0; } #djbooth .index-features .f-info h3 a { font: 25px 'RobotoBoldCondensed'; text-decoration: none; color: #000; margin: 0; } #djbooth .index-features .f-info h3 a:hover { color: #ED000F; } #djbooth .index-features .f-info h3 a span { font: 18px 'RobotoBoldCondensed'; text-decoration: none; color: black; margin: 0; } #djbooth .index-features .f-info h4 { color: #ffbc03; font-size: 13px; text-transform: uppercase; text-decoration: none; } #djbooth .index-features .f-info h4 span { color:#7a7a7a; font-family:arial; text-transform:none; font-size:11px; } #djbooth .index-features .f-info p { margin: 1px 12px 0 0; font-size: 13.5px; } #djbooth .index-features .f-info p a { color:#ed000f; text-decoration:none; } #djbooth .index-features .f-info p a:hover { text-decoration:underline; } #djbooth .index-features .f-info .f-buttons { float:left; width: 167px; } #djbooth .index-features .f-info .f-rating { font-size: 12px; float: right; width: 250px; margin: 12px 0 0 0; } #djbooth .index-features .f-info .avg-rating { float: right; width: 140px; } #djbooth .index-features .f-info .tweet-support { float: right; margin-top:-4px; } /* #djbooth .index-features .f-info .rating { text-align: left; display: block; float: left; margin-right: 30px; margin-top: 9px; } */ #djbooth .index-features .f-info .y-btn { background-color: #ffce50; text-decoration: none; padding: 3px 9px; box-shadow: none; text-transform: capitalize; font: bold 12px Arial; letter-spacing: 0; margin: 8px 14px 7px 0; float: left; color: #000; } #djbooth .index-features .f-info .y-btn:hover { background-color: #000; color: #fff; } /*Subnavigation*/ .index-subnav ul { padding: 0px 0 40px 0; } .index-subnav li { display: block; float: left; margin: 10px 10px 0 0; } .index-subnav li a { padding: 8px 10px; font: 16px/24px 'RobotoBoldCondensed'; text-transform: uppercase; text-decoration: none; color: #000; } .index-subnav li .active, .index-subnav li a:hover { background: #000000; color: #fff; -webkit-box-shadow: 7px 6px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 7px 6px 0px rgba(0, 0, 0, 0.15); box-shadow: 7px 6px 0px rgba(0, 0, 0, 0.15); } /* Index Description */ .index-description { clear:both; font-weight: bold; font-style: italic; color: #6F6F6F; margin: 0 0 20px 0; } /* Small Text */ .subtext-left { font: 11px Arial, Helvetica, sans-serif; color: #555555; text-align:left; margin:0 0 10px 0; font-weight:bold; } .subtext-right { font: 11px Arial, Helvetica, sans-serif; color: #555555; text-align:right; margin:5px 0 10px 0; } .subtext-right a:link, .subtext-right a:visited, .subtext-right a:active { font: 11px Arial, Helvetica, sans-serif; color: #555555; text-decoration:none; } .subtext-right a:hover { font: 11px Arial, Helvetica, sans-serif; color: #F57E22; text-decoration:underline; } /* --------------- Entry Pages --------------*/ /* Bread Crumbs */ #djbooth .content-main .popout.breadcrumbs { height: 33px; padding: 7px 11px; margin: -3px 0px 12px -22px; width: 630px; } #djbooth .content-main .popout.breadcrumbs:before { bottom: -8px; left: 0px; border-width: 4px; border-color: #ff7800 #ff7800 transparent transparent; } #djbooth .content-main .popout.breadcrumbs ul { padding-left: 0; margin-top: 0; } #djbooth .content-main .popout.breadcrumbs .right { float: right; } #djbooth .content-main .popout.breadcrumbs .left { float: left; } #djbooth .content-main .popout.breadcrumbs li { display: block; float: left; font: bold 11px/20px Arial, Verdana, Tahoma; } #djbooth .content-main .popout.breadcrumbs a { display: block; padding-right: 14px; margin-right: 6px; font: bold 11px/18px Arial, Verdana, Tahoma; color: #000; background: url(http://static.djbooth.net/images/breadcrumbs-circle-orange.png) 100% 8px no-repeat; } #djbooth .content-main .popout.breadcrumbs a:hover { display: block; padding-right: 14px; margin-right: 6px; font: bold 11px/18px Arial, Verdana, Tahoma; text-decoration: underline; color: #000; background: url(http://static.djbooth.net/images/breadrumbs-circle-orange.png) 100% 8px no-repeat; } #djbooth .content-main .popout.breadcrumbs .next a { background: url(http://static.djbooth.net/images/breadcrumbs-arrow-right.png) 100% 7px no-repeat; margin-right: 0; } /* Entry Description */ #djbooth .content-main .about-song { clear: both; position: relative; } /* Entry Description Left Column */ #djbooth .content-main .about-song .cover { width: 300px; margin: 0 15px 15px 0; float: left; overflow: hidden; } #djbooth .content-main .about-song .cover img { -webkit-border-radius: 8px; border-radius: 8px; } #djbooth .content-main .rating { text-align: center; color: #959595; line-height: 20px; } #djbooth .content-main .rating strong { color: #1c1c1c; line-height: 16px; } #djbooth .content-main .rating .grey-stars, #djbooth .content-main .rating .orange-stars { display: inline-block; height: 13px; } #djbooth .content-main .rating .grey-stars { position: relative; width: 75px; background: url(http://static.djbooth.net/images/star-0.gif) 0 0 repeat-x; top: 2px; margin: 0 5px 0 2px; } #djbooth .content-main .rating .orange-stars { position: absolute; top: 0; left: 0; background: url(http://static.djbooth.net/images/star-100.gif) 0 0 repeat-x; } /* Entry Description Right Column */ #djbooth .content-main .about-song .overview { margin-left: 315px; } #djbooth .content-main .about-song .overview h1 { padding: 2px 0 0 0; margin-bottom: 3px; color: black; line-height: 26px; background: white; font-size: 24px; } #djbooth .content-main .about-song .overview h1:after { width: 0px; } #djbooth .content-main .about-song .overview p { color: #393939; margin-bottom: 5px; margin-top: 0; } #djbooth .content-main .about-song .overview strong { color: #1c1c1c; } #djbooth .content-main .about-song a { color: #e50713; text-decoration: none; } #djbooth .content-main .about-song a:hover { color: #FEB80F; text-decoration: none; } #djbooth .content-main .about-song .orange-button { margin: 3px 14px 7px 0; background: #feb80f; text-decoration: none; color: #000; font-size: 16px; font-family: 'RobotoBoldCondensed'; display: inline-block; padding: 8px 11px; -webkit-box-shadow: 7px 6px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 7px 6px 0px rgba(0, 0, 0, 0.15); box-shadow: 7px 6px 0px rgba(0, 0, 0, 0.15); letter-spacing: -1px; } #djbooth .content-main .about-song .orange-button:hover { color: #fff; background-color: #000; } #djbooth .content-main .about-song .more, #djbooth .content-main .about-song .send { color: #000; font: 16px/18px 'RobotoBoldCondensed'; text-transform: uppercase; position: relative; top: 4px; letter-spacing: -1px; } #djbooth .content-main .about-song .more span, #djbooth .content-main .about-song .send span { width: 36px; background-repeat: no-repeat; background-position: center center; position: relative; top: -4px; } #djbooth .content-main .about-song .more span { background-image: url(http://static.djbooth.net/images/more-icon.png); } #djbooth .content-main .about-song .send span { background-image: url(http://static.djbooth.net/images/send-icon.png); } #djbooth .content-main .about-song .more:hover span, #djbooth .content-main .about-song .send:hover span { color: #fff; background-color: #000; } #djbooth .content-main .about-song .more:hover span { background-image: url(http://static.djbooth.net/images/more-icon-hover.png); } #djbooth .content-main .about-song .send:hover span { background-image: url(http://static.djbooth.net/images/send-icon-hover.png); } #djbooth .content-main .about-song .entry-share { margin:10px 0; height:66px } /* SONG PLAYER */ #djbooth .content-main .entry-song-player { clear:both; width:100%; min-height:30px; margin:10px 0 5px 0; } /* OLD Floating Social Styles */ .social-white { position: fixed; width: 80px; left: 50%; margin-left: -590px; padding: 16px 12px 15px 10px; top: 190px; background: #ddd; z-index: 999; border-radius: 7px; /* border: 1px solid #C7C7C7;*/ } .social-white .facebook { margin-left: 7px; padding-bottom: 12px; } .social-white .twitter { padding-bottom: 12px; } .social-white .google { margin-left: 4px; } /* Text and links styles */ #djbooth .content-main .content { margin: 10px 0 5px 0; font-size: 13.5px; line-height: 19px; color: #393939; } #djbooth .content-main .content clear { clear:both; } #djbooth .content-main .content a { color: #e50713; text-decoration: none; } #djbooth .content-main .content a:hover { text-decoration: underline; } #djbooth .content-main .content ul li a { color: #e50713; text-decoration: none; } #djbooth .content-main .content ul li a:hover { text-decoration: underline; } #djbooth .content-main .content .listen-to { font-size: 13.5px; margin: 8px 0 8px 0; } #djbooth .content-main .content .listen-to a { font-weight: bold; } /* Text Download Buttons and Follow Buttons Under Review */ #djbooth .content-main .text-download { float:left; width:400px; margin:12px 0 12px 0; } #djbooth .content-main .text-download a { color: #e50713; text-decoration: none; font-weight:bold; } #djbooth .content-main .text-download a:hover { text-decoration: underline; } #djbooth .content-main .entry-follow { float:left; width:209px; text-align:right; margin-top:9px } #djbooth .content-main .tweets { float:left; } /* Artist Profile */ #djbooth .content-main .artist-profile { clear:both; margin:5px 0 20px 0; padding:7px; width:100%; overflow:hidden; background: url(http://static.djbooth.net/images/popout-bg.png) repeat; -webkit-box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.21); -moz-box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.21); box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.21); } #djbooth .content-main .artist-profile .artist-name { width: 100%; height: 32px; border-bottom: 1px solid #e5e5e5; margin: 0 0 10px 0; } #djbooth .content-main .artist-profile .artist-name .name { /*width: 250px;*/ float:left; overflow:hidden; } #djbooth .content-main .artist-profile .artist-name .name h2 { margin:0; padding:0; background: transparent; } #djbooth .content-main .artist-profile .artist-name .name h2:after { height: 0px; width: 0px; } #djbooth .content-main .artist-profile .artist-name .name h2 a { color:#e50713; text-decoration:none; } #djbooth .content-main .artist-profile .artist-name .name h2 a:hover { color:#000; } #djbooth .content-main .artist-profile .artist-name .social { float:right; text-align:right; padding-top:3px; overflow: hidden; } #djbooth .content-main .artist-profile .artist-info { float:left; width:160px; font-size: 10px; color:grey; line-height:12px; overflow:hidden; } #djbooth .content-main .artist-profile .artist-info p { font-size: 10px; color:grey; line-height:12px; margin: 0 0 10px 0; } #djbooth .content-main .artist-profile .artist-info span { font-size: 14px; color:#000; line-height:17px; font-weight:bold; } #djbooth .content-main .artist-profile .artist-info a { color:#e50713; text-decoration:none; } #djbooth .content-main .artist-profile .artist-info a:hover { color:#000; text-decoration:none; } #djbooth .content-main .artist-profile .artist-features { float:left; width:264px; } #djbooth .content-main .artist-profile .artist-features span{ font-size:14px; font-weight:bold; } #djbooth .content-main .artist-profile .artist-features ul { margin:7px 0 0 17px; padding:0; list-style-type:square; line-height:14px } #djbooth .content-main .artist-profile .artist-features ul li{ margin-bottom:3px; font-size:10px; color:grey; } #djbooth .content-main .artist-profile .artist-features ul li a { color:#e50713; font-size:14px; font-weight:bold; text-decoration:none; } #djbooth .content-main .artist-profile .artist-features ul li a:hover { color:#000; } #djbooth .content-main .artist-profile .artist-features p { text-align:right; margin:7px 0; } #djbooth .content-main .artist-profile .artist-features p a { font-size: 12px; color: #e50713; text-decoration: none; font-weight: bold; } #djbooth .content-main .artist-profile .artist-features p a:hover { color: #000; } #djbooth .content-main .artist-profile .artist-pic { float:left; width:160px; text-align:center; margin-right:10px; } #djbooth .content-main .artist-profile .artist-pic img { border:5px solid #000; margin-bottom:7px; } #djbooth .content-main .artist-profile .artist-pic img:hover { border-color:#feb80f; } /* More From Cover Art */ #djbooth .content-main .more-from ul.coverart-row { margin: 0; padding: 0; list-style-type: none; zoom: 1; } #djbooth .content-main .more-from ul.coverart-row:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } #djbooth .content-main .more-from ul.coverart-row li { width: 130px; display: block; float: left; margin: 0px 27px 0px 0px; } #djbooth .content-main .more-from ul.coverart-row li a { font-weight: bold; font-size: 12px; font-family: arial; color: black; text-decoration: none; line-height: 14px; display: block; } #djbooth .content-main .more-from ul.coverart-row li a span { padding: 10px 10px 10px 10px; display: block; } #djbooth .content-main .more-from ul.coverart-row li a span span { display: inline; padding: 0; color: #f00b0b; } #djbooth .content-main .more-from ul.coverart-row li a img { overflow: hidden; border: 5px solid black; } #djbooth .content-main .more-from ul.coverart-row li:hover { background-color: black; color: white !important; } #djbooth .content-main .more-from ul.coverart-row li a:hover { color: white !important; } #djbooth .content-main .more-from ul.coverart-row li:last-child { margin-right: 0px; } /* Next and Previous */ #djbooth .content-main .popout.breadcrumbs.next-prev { min-height: 82px; position: relative; margin-bottom: 30px; } #djbooth .content-main .popout.breadcrumbs.next-prev a { background: none; text-decoration: none!important; } #djbooth .content-main .next-prev a { display: block; width: 165px; position: absolute; padding-top: 8px; } #djbooth .content-main .next-prev .next { right: 14px; } #djbooth .content-main .next-prev .prev { left: 28px; } #djbooth .content-main .next-prev .all { left: 240px; } #djbooth .content-main .next-prev .all strong { padding-left: 20px; } #djbooth .content-main .next-prev a:hover { text-decoration: none!important; } #djbooth .content-main .next-prev strong { color: #e82626; font: 19px/24px 'RobotoBoldCondensed'; } #djbooth .content-main .next-prev span { display: block; line-height: 14px; } #djbooth .content-main .next-prev a:hover span { color: #e82626; } /* OLD */ .entry-details { float:left; width:310px; margin: 5px 0 0 0; font: 12px Arial, Helvetica, sans-serif; color: #333333; text-align:left; overflow:hidden; } .entry-details a:link, .entry-details a:visited, .entry-details a:active { font: 12px Arial, Helvetica, sans-serif; color: #333333; text-decoration:underline; font-weight:bold; } .entry-details a:hover { font: 12px Arial, Helvetica, sans-serif; color: #F57E22; text-decoration:underline; font-weight:bold; } .entry-bullets { width:300px; margin:7px 0 12px 5px; } .entry-bullets TD {vertical-align:top;} .entry-text { font: 13px Arial, Helvetica, sans-serif; color: #111111; margin: 7px 0 0 0; line-height:140%; } .entry-text a:link, .entry-text a:visited, .entry-text a:active { font: 13px Arial, Helvetica, sans-serif; color: #06414D; text-decoration: underline; font-weight:bold; line-height:140%; } .entry-text a:hover { font: 13px Arial, Helvetica, sans-serif; color: #F57E22; text-decoration:underline; font-weight:bold; line-height:140%; } .entry-text p { font: 13px Arial, Helvetica, sans-serif; color: #111111; margin:0 0 7px 0; line-height:140%; } .entry-text p a:link, .entry-text p a:visited, .entry-text p a:active { font: 13px Arial, Helvetica, sans-serif; color: #06414D; text-decoration: underline; font-weight:bold; line-height:140%; } .entry-text p a:hover { font: 13px Arial, Helvetica, sans-serif; color: #F57E22; text-decoration:underline; font-weight:bold; line-height:140%; } .entry-author { font: 11px Arial, Helvetica, sans-serif; color: #555555; text-align:right; margin:0 0 7px 0; } .entry-author a:link, .entry-author a:visited, .entry-author a:active { font: 11px Arial, Helvetica, sans-serif; color: #555555; text-decoration:none; } .entry-author a:hover { font: 11px Arial, Helvetica, sans-serif; color: #F57E22; text-decoration:underline; } .entry-rating { font: 11px Arial, Helvetica, sans-serif; color: #555555; font-weight:bold; margin: 7px 0 12px 50px; } ul.below-entry-nav { clear:both; margin:0; padding:0; } ul.below-entry-nav li { display:inline; text-align: -webkit-match-parent; line-height: 18px; } ul.below-entry-nav li a { float: left; padding: 0 14px; line-height: 34px; text-decoration: none; border: 1px solid #DDD; margin: 0 0 0 10px; color: #003366; font-weight: bold; } ul.below-entry-nav li a:hover { border: 1px solid #DDD; background: #FEB80F; color: #000; } /* ============ BEGIN PLAYLIST Code ========== */ ol.html5_playlist { width: 609px; /* counter-reset: li;*/ /* Initiate a counter */ margin-left: 0; /* Remove the default left margin */ padding-left: 0; /* Remove the default left padding */ list-style: none; } ol.html5_playlist > li { position: relative; /* Create a positioning context */ margin: 0 0 0 2em; /* Give each list item a left margin to make room for the numbers */ padding: 4px 8px; /* Add some spacing around the content */ list-style: none; /* Disable the normal item numbering */ /*border-top: 2px solid #666; background: #f6f6f6;*/ } /* ol.html5_playlist > li:before { content: counter(li); /* Use the counter as content */ /*counter-increment: li; /* Increment the counter by 1 */ /* Position and style the number */ /*position: absolute; top: -2px; left: -2em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 2em; /* Some space between the number and the content in browsers that support generated content but not positioning it*/ /*margin-right: 8px; padding: 4px; border-top: 2px solid #666; color: #fff; background: #666; font-weight: bold; font-family: "Helvetica Neue", Arial, sans-serif; text-align: center; }*/ ol.html5_playlist li ol, ol.html5_playlist li ul { margin-top: 6px; } ol.html5_playlist ol li:last-child { margin-bottom: 0; } ol.html5_playlist li:hover { cursor: pointer; color: #E82832; } ol.html5_playlist li div.content { display: none; } ol.html5_playlist li.current_song { background-color: #BBBBBB; } div.html5_player audio { background-color: #424242; width: 100%; height: 30px; position: absolute; bottom: 0; left: 0; } div.html5_player { /*display: none;*/ clear: both; margin-top: 10px; background-color: #424242; width: 609px; height: 343px; -webkit-box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.75); position: relative; } div.html5_player img.play_img { margin-left: 176.5px; margin-top: 43.5px; cursor: pointer; } div.html5_player img.cover_img { margin-left: 154.5px; margin-top: 7px; } div.html5_player span.via_soundcloud { float: right; } #html5_playlist_previous, #html5_playlist_next { display: none; z-index: 99; top: 250px; position: absolute; opacity:0.20; outline:none; background: #feb80f; text-decoration: none; color: #000; font-size: 20px; font-family: 'RobotoBoldCondensed'; padding: 8px 11px; /*-webkit-box-shadow: 7px 6px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 7px 6px 0px rgba(0, 0, 0, 0.15); box-shadow: 7px 6px 0px rgba(0, 0, 0, 0.15);*/ letter-spacing: -1px; } #html5_playlist_previous:hover, #html5_playlist_next:hover { opacity:1; } #html5_playlist_previous { left: 20px; } #html5_playlist_next { right: 20px; } #html5_playlist_small_info { line-height:17px; position:relative; padding: 5px; margin-top: 10px; margin-bottom: 10px; max-height: 100px; display: none; overflow: hidden; cursor: pointer; -webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75); } #html5_playlist_small_info img.cover_img_thumb { -webkit-border-radius: 8px; border-radius: 8px; margin-right: 10px; width: 90px; height: 90px; border: 2px solid #000000; -webkit-box-shadow: 0px 0px 2px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 2px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 2px rgba(50, 50, 50, 0.75); float: left; } #html5_playlist_small_info div.small_info_content { /*margin-left: 100px;*/ } #html5_playlist_small_info div.small_info_content a { color: #e50713; text-decoration: none; } #html5_playlist_small_info span.small_info_more_less { background:#000000; color: #EEB80F; padding: 2px; font-weight:bold; position: absolute; bottom: 0; right: 0; } #html5_playlist_small_info:hover span.small_info_more_less { color:#FFFFFF; } #html5_playlist_small_info span.small_info_title { margin-bottom: 3px; color: black; line-height: 22px; font-size: 20px; font-family: 'RobotoBoldCondensed'; } #djbooth .content-main .playlist-share { font-weight:bold; text-align:center; } .playlist_container_scroll { overflow-y:scroll; overflow-x:hidden; max-height:620px; box-shadow: inset -5px -2px 10px rgba(50, 50, 50, 0.30); -moz-box-shadow: inset -5px -2px 10px rgba(50, 50, 50, 0.30); -webkit-box-shadow: inset -5px -2px 10px rgba(50, 50, 50, 0.30); margin-bottom: 10px; } /*.playlist_container_scroll .title_div {*/ .player_title_div { float:left; margin-top:2%; font-weight:bold; text-transform:uppercase; font-size:11px; } /*ol.html5_playlist li { margin:0 !important; padding:0 !important; cursor: default; } ol.html5_playlist li .title { border-bottom:1px solid #C0C0C0; } ol.html5_playlist li .title div { float:left; margin-top:2%; margin-right:2%; white-space:nowrap; overflow:hidden; }*/ ol.html5_playlist li .title div a { text-decoration:none; color:#393939; } ol.html5_playlist li .title div a:hover { text-decoration:underline; cursor:pointer; } ol.html5_playlist li .title div.cover_img_play { background:#000000; width:100%; height:43px; text-align:center; padding-top:8px; display:none; color:#FFFFFF; font-size:22px; } ol.html5_playlist li .title div.cover_img_overplay { width:28px; height:28px; left: 7.5px; top: 7.5px; position: absolute; } ol.html5_playlist li .title div.cover_img_overplay img { width: 100%; height: 100%; } /* ------------- 360 media player ---------- */ /* Media Player -------------------------------------------------------------------------------- */ .media-player { position: absolute; /*top: 22px; left: 22px; width: 54px; height: 54px;*/ top: 28px; left: 28px; width: 100px; height: 100px; -webkit-tap-highlight-color: transparent; } .media-player.video a { display: block; width: 100%; height: 100%; background: url(http://static.djbooth.net/plugins/soundmanager/360-player/360-button-play.png) no-repeat 50% 50%; background-size: 79%; } .ui360 .sm2-timing { font: 14px/38px "Roboto Condensed", sans-serif !important; font-size: 1rem; } .ui360, .sm2-360ui { /* size of the container for the circle, etc. */ width:100%; height:100%; } #video-box { display: none; border-bottom: 2px solid #000; } .btn-close { display: none; float: right; height: 20px; width: 20px; background: #000000; color: #FF002F; z-index: 100; text-align: center; margin-top: 3px; font-weight: bold; } /*---------------- 360 PLAYER CSS ------------------------- */ #yt_modal_div { background: #FFFFFF; z-index: 99999; position: fixed; padding:5px; width: 40%; height: 40%; top: 30%; left: 30%; text-align: center; display: none; fot-size: 14px; font-weight: normal; text-transform: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 10px 2px rgba(50, 50, 50, 1); -moz-box-shadow: 0px 0px 10px 2px rgba(50, 50, 50, 1); box-shadow: 0px 0px 10px 2px rgba(50, 50, 50, 1); } #yt_modal_close { z-index: 99999; position: fixed; width: 5%; top: 24%; right: 30%; text-align: center; display: none; cursor: pointer; } #yt_modal_bg { position: fixed; z-index:9999; width: 100%; height: 100%; top: 0; left: 0; background: rgba(50, 50, 50, 0.7); display: none; } /* General warning: Beta-ish. Code could be a bit cleaner. */ .ui360, /* entire UI */ .sm2-360ui {/* canvas container */ position: relative; } .ui360, .sm2-360ui { min-width: 52px; /* should always be at least this. */ min-height: 52px; } .sm2-360ui { width: 100px; height: 100px; } .ui360, .ui360 * { vertical-align: middle; } .sm2-360ui { position: relative; display: inline-block; /* firefox 3 et al */ float: left; /* IE 6+7, firefox 2 needs this, inline-block would work with fx3 and others */ *display: inline; /* clear:left; */ } .sm2-360ui.sm2_playing, .sm2-360ui.sm2_paused { /* bump on top when active */ z-index: 10; } .ui360 a {/* .sm2_link class added to playable links by SM2 */ float: left; display: inline; position: relative; color: #000; text-decoration: none; left: 3px; /* slight spacing on left UI */ top: 18px; /* vertical align */ text-indent: 50px; /* make room for UI at left */ } .ui360 a.sm2_link {/* SM2 has now started */ text-indent: 0px; /* UI now in place. */ } .ui360 a, .ui360 a:hover, .ui360 a:focus { padding: 2px; margin-left: -2px; margin-top: -2px; } .ui360 a:hover, .ui360 a:focus { background: #eee; border-radius: 3px; outline: none; } .ui360 .sm2-canvas { position: absolute; left: 0px; top: 0px; } .ui360 .sm2-timing { position: absolute; display: block; left: 21px; top: 21px; width: 58.5px; height: 58.5px; margin: 0px; font: 11px "helvetica neue", helvetica, monaco, lucida, terminal, monospace; color: #fff; text-align: center; line-height: 58.5px !important; background-color: rgba(0,0,0,0.5); border-radius: 22px; z-index: 1; visibility: hidden; } .ui360 .sm2-cover { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 2; display: none; background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==); /* old-skool bug: IE 9 won't catch mouse events otherwise. /smash */ } .ui360 .sm2-360btn { position: relative; display: block; width: 100%; height: 100%; cursor: pointer; z-index: 3; } .ui360 .sm2-360data { display: inline-block; font-family: helvetica; } .ui360 .sm2-360ui.sm2_playing .sm2-cover, .ui360 .sm2-360ui.sm2_paused .sm2-cover { display: block; } /* this could be optimized a fair bit. */ .ui360, .ui360 .sm2-360btn-default, .ui360 .sm2-360ui.sm2_paused .sm2-360btn { background: url(http://static.djbooth.net/plugins/soundmanager/360-player/360-button-play.png) no-repeat 50% 50%; background-size: 79%; } .ui360 .sm2-360ui.sm2_paused .sm2-360btn { background: transparent url(http://static.djbooth.net/plugins/soundmanager/360-player/360-button-pause.png) no-repeat 50% 50%; background-size: 79%; cursor: pointer; } .ui360 .sm2-360btn-default:active, .ui360 .sm2-360ui.sm2_paused .sm2-360btn:active { background: transparent url(http://static.djbooth.net/plugins/soundmanager/360-player/360-button-play.png) no-repeat 50% 50%; cursor: pointer; background-size: 79%; } .ui360 .sm2-360ui.sm2_playing .sm2-360btn:active, .ui360 .sm2-360btn-playing:active { background: transparent url(http://static.djbooth.net/plugins/soundmanager/360-player/360-button-pause.png) no-repeat 50% 50%; cursor: pointer; background-size: 79%; } .ui360 .sm2-360ui.sm2_playing .sm2-timing { visibility: visible; } .ui360 .sm2-360ui.sm2_buffering .sm2-timing { visibility: hidden; } /*.ui360 .sm2-360ui .sm2-timing, .ui360 .sm2-360ui .sm2-360btn:hover + .sm2-timing, */ .ui360 .sm2-360ui.sm2_paused .sm2-timing { visibility: hidden; } .ui360 .sm2-360ui.sm2_dragging .sm2-timing, .ui360 .sm2-360ui.sm2_dragging .sm2-360btn:hover + .sm2-timing { /* paused + dragging */ visibility: visible; } .ui360 .sm2-360ui.sm2_playing .sm2-360btn, .ui360 .sm2-360ui.sm2_dragging .sm2-360btn, .ui360 .sm2-360ui.sm2_dragging .sm2-360btn:hover, .ui360 .sm2-360ui.sm2_dragging .sm2-360btn-playing:hover { /* don't let pause button show on hover when dragging (or paused and dragging) */ background: transparent;//url(http://static.djbooth.net/plugins/soundmanager/360-player/360-button-pause.png) no-repeat 50% 50%; cursor: auto; background-size: 79%; } .ui360 .sm2-360ui.sm2_buffering .sm2-360btn, .ui360 .sm2-360ui.sm2_buffering .sm2-360btn:hover { background: transparent url(http://static.djbooth.net/plugins/soundmanager/360-player/icon_loading_spinner_bigger.gif) no-repeat 50% 50%; /*opacity:0.5;*/ visibility: visible; -webkit-background-size: 45%; background-size: 45%; } /* inline list style */ .sm2-inline-list .ui360, .sm2-inline-block .ui360 { position: relative; display: inline-block; float: left; _display: inline; margin-bottom: -15px; } .sm2-inline-list .ui360 { /* inline player: minor tweak, tighten spacing */ margin-right: -2px; } .sm2-inline-block .ui360 { margin-right: 8px; } .sm2-inline-list .ui360 a { display: none; } /* annotations */ ul.ui360playlist { list-style-type: none; } ul.ui360playlist, ul.ui360playlist li { margin: 0px; padding: 0px; } div.ui360 div.metadata { display: none; } div.ui360 a span.metadata, div.ui360 a span.metadata * { /* name of track, note etc. */ vertical-align: baseline; } /*---------------Purchase-------------*/ .purchase { float:left; width:290px; text-align:center; border:1px solid #1A2F4F; font-family:Arial, sans-serif, Helvetica; font-size:13px; color:#1A2F4F; font-weight:600; margin:5px 0 10px 0; padding:7px 5px 7px 5px; } .purchase p { margin:7px 0 7px 0 } .purchase-premium { width:130px; float:left; margin:0 20px 10px 5px; color:#191919 } .purchase-premium p { text-align:left; font: 11px Arial, Helvetica, sans-serif; color:#555555; margin:3px 0 7px 5px; } .purchase-free { width:120px; float:left; margin:0 0 20px 0; color:#191919; } .purchase-free p { text-align:left; font: 11px Arial, Helvetica, sans-serif; color:#555555; margin:3px 0 7px 20px; } .purchase-streaming { clear:both; text-align:center; margin:15px 0 0 0; } .purchase-streaming a:link, .purchase-streaming a:visited, .purchase-streaming a:active{ font-family:Arial, sans-serif, Helvetica; font-size: 12px; color: #02232A; text-decoration:underline; font-weight:bold; } /*---------------DJ Equipment----------------*/ .blog-post { margin:0 0 20px 0; clear:both; } .blog-post h3 a { font: 28px 'RobotoBoldCondensed'; text-decoration: none; color: black; margin: 0; padding:0; } .blog-post h3 a:hover { color: #ED000F; } .blog-post .f-img { text-align:center; } .blog-post-social { float:left; width:300px; margin:3px 0 0 0; } .blog-post-social .facebook { float:left; } .blog-post-social .twitter { float:left; } .more-boxes { float:left; width:300px; text-align:right; margin: 0 0 20px 0; } .more-boxes a:link,.more-boxes a:active,.more-boxes a:visited { color:#010101; background:#feb80f; font:bold 12px Arial, Helvetica, Sans-serif; text-decoration:none; float:right; margin:0 0 0 10px; padding:5px; } .more-boxes a:hover { background:#010101; color:#feb80f; } .blog-post hr { clear:both; } .more-box a:link,.more-box a:active,.more-box a:visited { color:#010101; background:#e9e9e9; font:bold 12px Arial, Helvetica, Sans-serif; text-decoration:none; float:left;margin:0 10px 5px 0; padding:5px } .more-box a:hover {background:#feb80f;} /* -------------------- RESIDENT DJs AND DJ EQUIP TOP STORIES -------------- */ #djbooth .content-main .featured-djs { margin: 0 0 20px 0; position: relative; margin-right: -23px; } #djbooth .content-main .featured-djs:after { content: ' '; width: 0; height: 0; position: absolute; bottom: -8px; right: 0px; border-width: 4px; border-style: solid; border-color: #f06f06 transparent transparent #f06f06; z-index: -500; } #djbooth .content-main .featured-djs .featured-in { background: url('http://static.djbooth.net/images/popout-bg.png') 0 0 repeat; padding: 15px 15px 8px 15px; -moz-box-shadow: 0 2px 7px rgba(0,0,0,.21); -webkit-box-shadow: 0 2px 7px rgba(0,0,0,.21); box-shadow: 0 2px 7px rgba(0,0,0,.21); } #djbooth .content-main .featured-djs .featured-in img { border: 5px solid #000; display: block; float: left; margin-right: 10px; -webkit-border-radius: 3px; border-radius: 3px; } #djbooth .content-main .featured-djs .featured-in img:hover { border-color: #feb80f; } #djbooth .content-main .featured-djs .featured-in .featured-info { margin-left: 112px; } #djbooth .content-main .featured-djs .featured-in .featured-info .downloadnow { color: #0084ff; font: bold 12px Arial, Verdana, Tahoma; text-decoration: none; text-transform: uppercase; } #djbooth .content-main .featured-djs .featured-in .featured-info h3 { font-size: 24px; line-height: 26px; margin: 3px 0; } #djbooth .content-main .featured-djs .featured-in .featured-info h3 a { text-decoration: none; color: #000; } #djbooth .content-main .featured-djs .featured-in .featured-info h3 a:hover { color: #E50713; } #djbooth .content-main .featured-djs .featured-in .featured-info p { color: #393939; font-family: Arial, Verdana, Tahoma; margin: 0; } /*---------------Recommendations-------------*/ .recommendation-header { font-family:Arial, sans-serif, Helvetica; font-size: 14px; color: #111111; font-weight:bold; text-align:center; } .recommendations { width:130px; margin:0 7px 10px 9px; text-align:center; float:left; } .recommendations a:link, .recommendations a:visited, .recommendations a:active{ font-family:Arial, sans-serif, Helvetica; font-size: 12px; color: #02232A; text-decoration:none; font-weight:bold; } .recommendations a:hover { color: #F57E22; text-decoration:none; } .recommendations img { border:2px solid #000000; margin:0 3px 0 0; } .recommendations a:hover img { border: 2px solid #F57E22; } /* --------------- Ratings and Comments --------------*/ /* Submit a Rating */ .rating_form { font-family: Arial, sans-serif, Helvetica; font-size: 15px; color: #111111; margin-bottom:30px; } .rating_form .rating_box { float:right; width:385px; height:65px; } .rating_form .comment_box { width:523px; height:65px; float:left;" } .rating_form .submit_rating { margin: 0 0 0 60px; background: #feb80f; text-decoration: none; color: #000; font-size: 15px; padding: 3px 7px; font-weight: bold; border: none; } .rating_form .submit_comment { margin: 20px 0 0 20px; background: #feb80f; text-decoration: none; color: #000; font-size: 15px; padding: 3px 7px; font-weight: bold; border: none; } .rating_form .submit_rating:hover { background: #000; color: #fff; } .ratings-show { float:left; margin:0 15px 10px 0; } .ratings-buttons { float:left; margin:0 0 10px 3px; } .rating_form .loading { height:65px; display:none; } .rating_form .rating_submitted { height:65px; display:none; } /* Show Comments */ .comment { float: left; padding: 7px 11px; margin: 15px 0 19px -23px; background: url(http://static.djbooth.net/images/popout-bg.png) repeat #ffffff; box-shadow: 0 2px 10px rgba(0,0,0, .2); -webkit-box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.21); -moz-box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.21); box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.21); position: relative; } .comment:before { content: ' '; width: 0; height: 0; position: absolute; bottom: -8px; left: 0; border-width: 4px; border-style: solid; border-color:rgb(255, 120, 0) rgb(255, 120, 0) transparent transparent; z-index: -500; } .comment-rating { float:left; margin-bottom: 7px; } .comment-rating span { float:left; } .comment .top-songs { float: left; width: 275px; margin-left:10px; } .comment .top-songs a { font: 12px Arial, sans-serif, Helvetica; color: #e50713; text-decoration: none; } .comment .top-songs a:hover { color: #000; } .comment .posted { float:right;font-size: 11px; } .thumbnail { border:3px #fff solid; width:95px; margin: -20px 10px 5px 20px; box-shadow: 0 2px 5px rgba(0,0,0, .3); } .comment .username { text-align:center; padding: 0 5px; } .comment .username h4 { line-height: 18px; overflow: hidden; } .comment .username h4 a { font-weight: normal; color: #e21a1a; font-size: 16px; font-family: 'RobotoBoldCondensed'; margin: 0; line-height: 18px; text-decoration:none; } .comment .username h4 a:hover { color: #000; } .comment .username .member-group { text-align:center; font-weight:bold; font-size:11px; } .comment .username .member-total-ratings { text-align:center; font-size:10px; color: #5f5f5f; } .comment .thecomment { border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; margin-bottom:10px; word-wrap:break-word; } .comment .signature { float:left; text-align:right; } .comment .signature a { display: inline; width: auto; position: relative; padding-top: 8px; color:#e72c33; text-decoration:none; font-weight:bold; } .comment .signature a:hover { color:#000; } .comment .rating_reply { float:right; text-align:right } .comment .rating_reply a { display: inline; width: auto; position: relative; padding-top: 8px; color:#e72c33; text-decoration:none; font-weight:bold; } .comment .rating_reply a:hover { color:#000; } .comment .rating_voting { float:right; color:#e72c33; font-weight: regular; text-align: right; } .comment .rating_voting a { display: inline; width: auto; position: relative; padding-top: 8px; color:#e72c33; text-decoration:none; font-weight:bold; } .comment .rating_voting a:hover { color:#000; } .comment .span6 { width: 460px; float:left; } .comment .span5 { width: 357px; float:left;; } .comment .span2 { width: 140px; float:left; } /* Submit Reply */ .comment_form_row { clear:both; } .comment_form_row .reply_box { float: left; width: 520px; height: 65px; margin: 10px 16px 0 0; } .comment_form_row input { float: left; margin-top: 25px; } .thereply { margin-bottom: 10px; } /* Show Replies */ .subcomment { margin-left:80px; clear: both; position: relative; top: -5px; margin-bottom:10px; } /* Show More Ratings and Comments */ #djbooth .content-main .rating_pagination { width: 100%; margin: 15px auto; display: inline-block; text-align: center; } #djbooth .content-main .rating_pagination a { background: #feb80f; text-decoration: none; color: #000; font-size: 16px; font-family: 'RobotoBoldCondensed'; display: inline-block; padding: 11px; /*-webkit-box-shadow: 7px 6px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 7px 6px 0px rgba(0, 0, 0, 0.15); box-shadow: 7px 6px 0px rgba(0, 0, 0, 0.15);*/ } #djbooth .content-main .rating_pagination a:hover { color: #fff; background: #000; } /* TOOLTIP */ .tooltip { position: absolute; z-index: 1030; display: block; padding: 5px; font-size: 11px; opacity: 0; filter: alpha(opacity=0); visibility: visible; } .tooltip.in { opacity: 0.8; filter: alpha(opacity=80); } .tooltip.top { margin-top: -3px; } .tooltip.right { margin-left: 3px; } .tooltip.bottom { margin-top: 3px; } .tooltip.left { margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #ffffff; text-align: center; text-decoration: none; background-color: #000000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-color: #000000; border-width: 5px 5px 0; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-right-color: #000000; border-width: 5px 5px 5px 0; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-left-color: #000000; border-width: 5px 0 5px 5px; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-color: #000000; border-width: 0 5px 5px; } /* Login to Rate */ .ratings-login-container {display:none;} .ratings-login-container p { margin: 7px 0 5px 0; text-align:center; font-family:Arial, sans-serif, Helvetica; font-size: 15px; color: #ff0000; font-weight:bold; } .ratings-login { float:left; width:170px; height:242px; border:1px solid black; padding:7px 10px 7px 10px; margin:7px; font-family:Arial, sans-serif, Helvetica; font-size: 12px; color: #111111; } .ratings-login a:link, .ratings-login a:visited, .ratings-login a:active{ color: #02232A; } .ratings-login a:hover { color: #F57E22; } .ratings-login p { margin: 0 0 10px 0; text-align:center; font-family:Arial, sans-serif, Helvetica; font-size: 14px; color: #111111; font-weight:bold; } .ratings-login .input { margin: 0 0 5px 0; width: 160px } .ratings-login .ratings-submit { margin:12px 0 12px 0; text-align:center; } /* --------------- NEWSLETTER --------------- */ #djbooth .content-main #newsletter { margin-bottom: 20px; } #djbooth .content-main .right-col #newsletter hr { margin-bottom: 1em; } #djbooth .content-main #newsletter p { display: block; margin-left: 10px; } #djbooth .content-main #newsletter form { padding-left: 10px; } #djbooth .content-main #newsletter .searchfield { border: none; background-color: #ededed; color: #000; padding: 11px 5px 11px 16px; font-size: 12px; font-weight: bold; width: 205px; } #djbooth .content-main #newsletter .searchbtn { border: none; background: #000; color: #fff; text-transform: uppercase; font-size: 13px; font-family: Arial; font-weight: bold; padding: 11px 16px 12px; } /* --------------- Search Results ----------- */ #djbooth .content-main .search-pagination { width: 100%; margin: 15px auto; display: inline-block; text-align: center; font-size: 16px; font-family: 'RobotoBoldCondensed'; } #djbooth .content-main .search-pagination a { background: #FEB80F; text-decoration: none; color: #000; font-size: 16px; font-family: 'RobotoBoldCondensed'; display: inline-block; padding: 11px; -webkit-box-shadow: 7px 6px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 7px 6px 0px rgba(0, 0, 0, 0.15); box-shadow: 7px 6px 0px rgba(0, 0, 0, 0.15); } #djbooth .content-main .search-pagination a:hover { color: #fff; background: #000; } #djbooth .content-main .search-pagination a:active { transform: translatey(3px); -moz-transform: translatey(3px); -webkit-transform: translatey(3px); } /* --------------- Popup Player -------------- */ #radio-box { border:1px black solid; background-color:white; width:740px; height:670px; } .player-details { font: 12px Arial, Helvetica, sans-serif; color: #333333; text-align:left; } .player-details a:link, .player-details a:visited, .player-details a:active { font: 12px Arial, Helvetica, sans-serif; color: #333333; text-decoration:underline; font-weight:bold; } .player-details a:hover { font: 12px Arial, Helvetica, sans-serif; color: #F57E22; text-decoration:underline; font-weight:bold; } .player-details TD {vertical-align:top;} #djbooth.player { background: #fff; width: 760px; height: 500px; border-top: 6px solid #000; margin: 20px; background: url(http://static.djbooth.net/images/player-bg.png) no-repeat center 15px #ffffff; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); } #djbooth.player h2 { text-transform: uppercase; font-size: 20px; } #djbooth.player .button-wrapper { text-align: center; } #djbooth.player .button, #djbooth.player button, #djbooth.player input[type=submit] { background: #feb80f; text-decoration: none; color: #000; font-size: 16px; font-family: 'RobotoBoldCondensed'; display: inline-block; padding: 7px 11px 5px 11px; text-transform: uppercase; outline: none; border: none; -webkit-box-shadow: 7px 6px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 7px 6px 0px rgba(0, 0, 0, 0.15); box-shadow: 7px 6px 0px rgba(0, 0, 0, 0.15); } #djbooth.player .button:hover, #djbooth.player button:hover, #djbooth.player input[type=submit]:hover { color: #fff; background: #000; } #djbooth.player .button:active, #djbooth.player button:active, #djbooth.player input[type=submit]:active { transform: translatey(3px); -moz-transform: translatey(3px); -webkit-transform: translatey(3px); } #djbooth.player .left-col { width: 500px; float: left; height: 380px; } #djbooth.player .right-col { width: 260px; float: right; height: 380px; } #djbooth.player .bottom-row { width: 100%; height: 115px; padding: 12px; } #djbooth.player #media .top, #djbooth.player #media .bottom { margin: 15px; } #djbooth.player #media .top { height: 145px; } #djbooth.player #media .bottom { height: 130px; background: #f5f5f5; border: 1px solid #e6e6e6; padding: 0px 10px; overflow: auto; } #djbooth.player #media .artwork { width: 130px; height: 130px; overflow: hidden; float: left; } #djbooth.player #media .media-info { float: left; font-size: 12px; line-height: 18px; } #djbooth.player #media .media-info table tr td { padding: 0px 0px 0px 15px; } #djbooth.player #media .media-info table tr td .whiteout { background: #fff; padding: 3px; } #djbooth.player #media .media-info table td.rating .stars { position: relative; display: inline-block; vertical-align: text-bottom; width: 80px; height: 13px; background: url(http://static.djbooth.net/images/star-grey.png) repeat-x; margin: 0px 3px; } #djbooth.player #media .media-info table td.rating .stars .rating { display: block; width: 0px; height: 13px; background: url(http://static.djbooth.net/images/star-orange.png) repeat-x; } #djbooth.player #media .media-info a { color: #E21A1A; font-weight: bold; } #djbooth.player #media .media-info a:hover { color: #000; } #djbooth.player #media.djbooth .player-wrapper { height: 30px; background: #696969; width: 100%; margin-bottom: 15px; margin-top: 20px; } #djbooth.player #media.soundcloud .top { height: 130px; } #djbooth.player #media.soundcloud .bottom { height: 171px; margin-bottom: 20px; } #djbooth.player #media.video .video-wrapper { width: 475px; height: 278px; overflow: hidden; margin: 15px auto 0px auto; background: #f0f0f0; } #djbooth.player #media.video h3.video-title { padding: 0px 15px 0px 15px; font-size: 18px; display: block; float: left; width: 375px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #djbooth.player #media.video .button { margin-top: 15px; margin-right: 15px; } #djbooth.player .social { list-style-type: none; padding: 0; text-align: center; } #djbooth.player .social li { display: inline-block; vertical-align: top; width:85px; } #djbooth.player .social li.download { margin-top: -7px; margin-left: -20px; } #djbooth.player #related-links { width: 265px; margin-right: -10px; margin-bottom: 10px; margin-top: 15px; background: url(http://static.djbooth.net/images/player-bg-right.png) no-repeat top right #000000; height: 150px; padding: 15px; position: relative; } #djbooth.player #related-links:after { content: ' '; width: 0; height: 0; position: absolute; bottom: -8px; right: 0px; border-width: 4px; border-style: solid; border-color: #f06f06 transparent transparent #f06f06; z-index: -500; } #djbooth.player #related-links h2 { padding: 0; text-transform: uppercase; font-size: 24px; } #djbooth.player #related-links hr { outline: none; border-top: 1px solid rgba(255, 255, 255, 0.25); margin: 6px 0px 0px 0px; } #djbooth.player #related-links ul { list-style-position: inside; list-style-image: url(http://static.djbooth.net/images/feed-bullet.png); list-style-type: circle; color: #feb80f; margin: 0px; padding: 5px 0px; font-size: 11px; font-weight: bold; } #djbooth.player #related-links ul li { width: 100%; color: #fff; height: 18px; padding-right: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #djbooth.player #related-links ul a { color: #fff; width: 100%; text-decoration: none; line-height: 18px; } #djbooth.player #related-links ul a:hover { color: #feb80f; } #djbooth.player #comment-box { padding-right: 15px; } #djbooth.player #comment-box h2 { padding-bottom: 1px; } #djbooth.player #comment-box hr { margin: 0; } #djbooth.player #comment-box .comment-success { padding: 10px; } #djbooth.player #comment-box .comment-success a { color:#E21A1A; font-weight:bold; } #djbooth.player #comment-box .comment-success a:hover { color:#000;Candace BaileyCandace Bailey } #djbooth.player #comment-box form.disabled textarea { opacity: 0.75; pointer-events: none; } #djbooth.player #comment-box form.disabled .rating-wrapper { pointer-events: none; opacity: 0.75; } #djbooth.player #comment-box form.disabled input[type=submit] { pointer-events: none; opacity: 0.75; } #djbooth.player #comment-box textarea { width: 100%; height: 95px; padding: 10px; color: #b1b1b1; background: #f5f5f5; border: 1px solid #e7e7e7; resize: none; font-size: 11px; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-bottom: 7px; } #djbooth.player #comment-box textarea:focus { border: 1px solid #b4b4b4; outline: none; color: #656565; } #djbooth.player #comment-box .rating-wrapper { text-align: center; margin: 7px 0px; width: 260px; } #djbooth.player #comment-box .rating-wrapper .label { font-size: 12px; } #djbooth.player #comment-box .rating-wrapper .stars { position: relative; display: inline-block; vertical-align: text-bottom; width: 80px; height: 13px; background: url(http://static.djbooth.net/images/star-grey.png) repeat-x; margin: 0px 3px; cursor: pointer; } #djbooth.player #comment-box .rating-wrapper .stars .rating { display: block; width: 0px; height: 13px; background: url(http://static.djbooth.net/images/star-orange.png) repeat-x; } #djbooth.player #comment-box .rating-wrapper .votes { font-size: 12px; color: #959595; } #djbooth.player #comment-box .logged-out a { color:#E21A1A; } #djbooth.player #comment-box .logged-out-links a:hover { color:#000; } /* -------------------- FEATURED ALBUM -------------- */ #djbooth .content-main .featured-album { margin: 0 0 20px 0; position: relative; margin-right: -23px; } #djbooth .content-main .featured-album:after { content: ' '; width: 0; height: 0; position: absolute; bottom: -8px; right: 0px; border-width: 4px; border-style: solid; border-color: #f06f06 transparent transparent #f06f06; z-index: -500; } #djbooth .content-main .featured-album .featured-in { background: url('http://static.djbooth.net/images/popout-bg.png') 0 0 repeat; padding: 15px 15px 18px; -moz-box-shadow: 0 2px 7px rgba(0,0,0,.21); -webkit-box-shadow: 0 2px 7px rgba(0,0,0,.21); box-shadow: 0 2px 7px rgba(0,0,0,.21); } #djbooth .content-main .featured-in img { border: 5px solid #000; display: block; float: left; margin-right: 10px; -webkit-border-radius: 3px; border-radius: 3px; } #djbooth .content-main .featured-in img:hover { border-color: #feb80f; } #djbooth .content-main .featured-in .featured-info { margin-left: 142px; } #djbooth .content-main .featured-in .featured-info .downloadnow { color: #0084ff; font: bold 12px Arial, Verdana, Tahoma; text-decoration: none; text-transform: uppercase; } #djbooth .content-main .featured-in .featured-info h4 { font-size: 24px; line-height: 26px; margin-top: 2px; } #djbooth .content-main .featured-in .featured-info h4 a { text-decoration: none; color: #000; } #djbooth .content-main .featured-in .featured-info h4 a:hover { color: #E50713; } #djbooth .content-main .featured-in .featured-info p { color: #393939; font-family: Arial, Verdana, Tahoma; margin-top: 3px; } #djbooth .content-main .featured-in .featured-info strong { color: #000; } /* ------------------- COMPLEX TV --------------- */ #djbooth .content-main .complex-video-player { width: 100%; border: 12px solid #e5e5e5; margin: 25px 0; clear: both; } /* -------------------- MUSIC CHARTS ------------ */ #chart-number { background-image: url(http://static.djbooth.net/images/chart-number-bg.png); height: 82px; width: 82px; } /*List on Index page*/ .chart-index { width: 300px; font-family:Arial, sans-serif, Helvetica; font-size: 13px; color: #111111; font-weight:bold; } .chart-index a:link, .chart-index a:visited, .chart-index a:active{ font-family:Arial, sans-serif, Helvetica; font-size: 12px; color: #02232A; text-decoration:none; font-weight:bold; } .chart-index a:hover { font-family:Arial, sans-serif, Helvetica; font-size: 12px; color: #F57E22; text-decoration:underline; font-weight:bold; } .picture-overlay-130 { position: absolute; z-index:10; width: 15px; height: 15px; font-family:Arial, sans-serif, Helvetica; font-size: 15px; color: #000000; text-decoration:none; font-weight:bold; padding:3px 3px 3px 3px; margin:2px 2px 2px 111px; background-color:#e9e9e9; text-align:center; } /* --------------- Profile Pages ------------------- */ div#user_members { margin: 0; padding: 10px; clear: both; } #user_members p { margin: 0; padding: 10px 0 0 0; display: block; clear: both; } #user_members p label { width: 200px; line-height: 20px; padding-right: 10px; float: left; } #user_members p span.required { color: #ff0000; } #user_members p label span.guide { font-size: 10px; color: #747474; line-height: normal; } #user_members p label.form_fix { width: auto; float: none; } #user_members p input { width: 350px; } #user_members p input.form_fix { width: auto; } #user_members div.legal { margin: 10px 0px; padding: 10px; border: 1px solid #747474; clear: both; } #user_members div.legal p { font-size: 11px; color: #525252; font-style: italic; margin: 0; padding: 0px; } div.field { margin-bottom: 12px; } table.profile-ratings { width: 595px; table-layout: fixed; margin: 0 0 20px 0; border-collapse: collapse; word-wrap:break-word; } /* --------------------- MODAL WINDOWS ------------------ */ /* ======= This fixed the modal windows from being unclickable when there was a complex skin but affected other things. Instead we moved the modal to outside of the cmn_wrap======== body #cmn_wrap { z-index:auto!important; } */ #lean_overlay { position: fixed; z-index:10000; top: 0px; left: 0px; height:100%; width:100%; background: #000; display: none; } .modal-embed { display: none; width: 540px; height: 265px; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); *border: 1px solid #999; /* IE6-7 */ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } .modal-embed .modal-header { padding: 0 15px 9px; border-bottom: 1px solid #eee; } .modal-embed .modal-header h3 { font: 16px/18px 'RobotoBoldCondensed'; text-transform: uppercase; letter-spacing: -1px; } .modal-embed .modal-header .modal_close { float: right; font-size: 20px; font-weight: bold; line-height: 18px; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); border: 0px none; background: none; position: relative; top: -5px; } .modal-embed .modal-header .modal_close:hover { color: #000000; text-decoration: none; opacity: 0.4; filter: alpha(opacity=40); cursor: pointer; } .modal-embed .modal-body { padding: 15px; } .modal-embed .modal-body .embed-text { width: 508px; height: 80px; border: 1px solid #ccc; margin-top: 10px; color: #393939; font-size: 12px; line-height: 16px; } /* --------------------- Sidebar ------------------ */ .side-features { text-align:center; float:left; } .side-features img { border: 2px solid #000000; margin:0 10px 20px 5px; } .side-features a:hover img { border: 2px solid #F57E22; } .side-features-text { font: 11px Arial, Helvetica, sans-serif; color: #555555; margin: 5px 0 5px 0; } .side-features-link a:link, .side-features-link a:active, .side-features-link a:visited { color: #010101; background: #E9E9E9; font: bold 11px Arial, Helvetica, Sans-serif; text-decoration: none; padding: 2px; margin: 0 7px 0 0; float:right; } .side-features-link a:hover { color: #feb80f; background: #010101; } /*---------------- Mixtape Player ------------------------- */ .mixtape-player { width:609px; margin: 20px 0 40px; clear:both; } .mixtape-player-button { float:left; width:35px; height:35px; background-color: #feb80f; -webkit-box-shadow: 7px 6px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 7px 6px 0px rgba(0, 0, 0, 0.15); box-shadow: 7px 6px 0px rgba(0, 0, 0, 0.15); position: relative; cursor: hand; cursor: pointer; } .mixtape-player-button:hover { background-color: #000; } .mixtape-player-button a { display: block; width: 100%; height: 100%; left: 0; top: 0; } .mixtape-player-button #jwplayer_prv { background: url(http://static.djbooth.net/images/jwplayer_prv.png) center center no-repeat; } .mixtape-player-button #jwplayer_nxt { background: url(http://static.djbooth.net/images/jwplayer_nxt.png) center center no-repeat; } .mixtape-player-button img { display: none; } .mixtape-player-middle { float:left; border: 2px solid #696969; border-bottom: 3px solid #696969; margin: 0 15px; } .mixtape-player-spacer { clear:both; height:7px; } .mixtape-player-link { float:left; width:100px; margin: 0 0 0 15px; } .mixtape-player-link .orange-button { margin: 0 14px 7px 0; background: #feb80f; text-decoration: none; color: #000; font-size: 16px; font-family: 'RobotoBoldCondensed'; display: inline-block; padding: 8px 11px; -webkit-box-shadow: 7px 6px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 7px 6px 0px rgba(0, 0, 0, 0.15); box-shadow: 7px 6px 0px rgba(0, 0, 0, 0.15); letter-spacing: -1px; } .mixtape-player-link .orange-button:hover { color: #fff; background-color: #000; } #playlist { width: 609px; margin: 0 0 15px 0; float:left; } #playlist .song { display: block; clear: both; margin-bottom: 7px; height: 23px; padding: 1px; } .song > div { color: #000; float: left; display: block; font: 23px 'RobotoBoldCondensed'; padding-left: 2px; padding-right: 2px; padding-bottom: 2px; white-space:nowrap; overflow: hidden; } .song .download { width: 22px; height: 19px; background: #fec12d url(http://static.djbooth.net/images/icon-downloadit-mini.png) center center no-repeat; position: relative; top: 1px; margin: 0 12px 0 10px; cursor: hand; cursor: pointer; } .song .download:hover { background-color: #000; } .song .title { width: 525px; overflow: hidden; text-align: left; } .song .title a { text-decoration: none; color: #1c1c1c; font: bold 13px Arial, Verdana, Tahoma; position: relative; top: -2px; } .song .title a:hover { color: #e82832; } .song .spacer { clear: both; } .play { font-weight: bold !important; color: white !important; background-color: #abcabc !important; height:50px; } .play a { font-weight: bold !important; } /* new Styles */ .review-title { padding: 6px 0 0 0 !important; margin: 0px !important; } .review-title a:link, .review-title a:visited, .review-title a:active { font: bold 17px Arial, Helvetica, Sans-serif !important; padding: 0px !important; margin: 0px !important; } .full-chart-text a:link, .full-chart-text a:active, .full-chart-text a:visited { color: #010101; background: #feb80f; font: bold 12px Arial, Helvetica, Sans-serif; text-decoration: none; padding: 5px; float: right; } .full-chart-text a:hover { color: #feb80f; background: #010101; } .listen-more { width: 150px; height: 30px; float: left; padding-left: 20px; } .listen-more a:link, .listen-more a:visited, .listen-more a:active { font: bold 12px Arial, Helvetica, Sans-serif; color: #000000; text-decoration: none; position: relative; top: -14px; } .listen-more a:hover { font: bold 12px Arial, Helvetica, Sans-serif; color: #F57E22; text-decoration: none; } .listen-more img { position: relative; top: 10px; padding-right: 6px; } .entry-rating { font: bold 12px Arial, Helvetica, sans-serif; color: #555555; padding: 14px 0px 6px 40px !important; width: 268px; margin: 0px !important; height: 40px; float: left; text-align: left; line-height: 140%; border: solid 1px #d6d6d6; margin: 5px 0 8px 0 !important; } .album-info-container { width: 272px; background: #f4f4f4; padding: 36px 18px 10px 0px; margin: 0 0 26px 0; } .album-info-container .entry-bullets { padding: 0px 0px 0 22px; width: 246px; } .album-info-container .med-text { width: 288px; padding: 20px 18px 0 0; } .icons-container { width: 295px; float: left; text-align: left; } .icons-container p { float: left; padding: 5px 0px 10px 0px; margin: 0px; width: 145px; } .icons-container p a:link, .icons-container p a:active, .icons-container p a:visited { font: bold 12px Arial, Helvetica, Sans-serif; text-decoration: none; color: #101010; } .icons-container p a:hover { font: bold 12px Arial, Helvetica, Sans-serif; text-decoration: none; color: #F57E22; } .icons-container p img { float: left; margin: 0px 6px 0px 0; vertical-align: middle; } .rh-link { text-align:center; } .rh-link a:link, .rh-link a:visited, .rh-link a:active{ font-family:Arial, sans-serif, Helvetica; font-size: 12px; color: #a8050a; font-weight:bold; } /* ==================== TWITTER BOOTSTRAP ================== */ /* Alerts */ .alert { clear:both; padding: 8px 35px 8px 14px; margin-bottom: 12px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .alert, .alert h4 { color: #c09853; } .alert h4 { margin: 0; } .alert .close { position: relative; top: -2px; right: -21px; line-height: 20px; } .alert-success { background-color: #e5e5e5; border-color: #c4c4c4; color: #000; font-weight:bold; } .alert-success .alert-link a { color: #E50713; text-decoration: none; } .alert-success .alert-link a:hover { text-decoration: underline; } .alert-success h4 { color: #468847; } .alert-danger, .alert-error { background-color: #f2dede; border-color: #eed3d7; color: #b94a48; } .alert-danger h4, .alert-error h4 { color: #b94a48; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad; } .alert-info h4 { color: #3a87ad; } .alert-block { padding-top: 14px; padding-bottom: 14px; } .alert-block > p, .alert-block > ul { margin-bottom: 0; } .alert-block p + p { margin-top: 5px; } div.feedburnerFeedBlock ul {padding: 7px 10px 0 10px;margin: 0;list-style-position: outside;list-style: none;} div.feedburnerFeedBlock ul li span.headline a:hover {color:#000000;} div.feedburnerFeedBlock ul li span.headline a {font-family:Arial, sans-serif, Helvetica;font-size:14px;color:#730000; font-weight:bold;} div.feedburnerFeedBlock ul li div {margin:5px 0 10px 0;font-family:Arial, sans-serif, Helvetica;font-size:12px;color:#000000;} /* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */ div.rating{cursor:pointer;margin:2em;clear:both;display:block} div.rating:after{content:'.';display:block;height:0;width:0;clear:both;visibility:hidden} div.cancel,div.star{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden} div.cancel,div.cancel a{background:url('http://static.djbooth.net/images/delete.gif') no-repeat 0 -16px} div.star,div.star a{background:url('http://static.djbooth.net/images/star.gif') no-repeat 0 0px} div.cancel a,div.star a{display:block;width:16px;height:100%;background-position:0 0;} div.star_on a{background-position:0 -16px!important} div.star_hover a,div.star_live a:hover{background-position:0 -32px} /* Read Only CSS */ div.star_readonly a,div.star_readonly a:hover{cursor:default !important} /* Partial Star CSS */ div.star{background:transparent!important;overflow:hidden!important} /* END jQuery.Rating Plugin CSS */ /* Facebook CSS */ .fblogin { padding-left: 10px; } .fblogin a:hover { font-size: 11px; !important; } .comment-login .fblogin { margin: 0px 0px 10px 0px; text-align: center; } .newscomment.fblogin { margin: 10px 0px 10px 0px; text-align: center; } .reviews.fblogin { margin: 10px 0px 10px 300px; text-align: center; } .FB_profile_pic { margin-bottom: 5px; }