/** @license deepsouthsounds.css ---------------------------------------------- Copyright (c) 2012, Fergal Moran. All rights reserved. Code provided under the BSD License: */ body { font-size: 14px; font-weight: 300; line-height: 1.5em; padding-top: 45px; padding-bottom: 40px; padding-right: 32px; /*background: url('../img/bg.gif');*/ } /* IE/Chrome image fix */ img.event-content { width: auto; height: auto; } #header { margin-top: 20px; } .nav-tabs { margin-top: 10px; } .bordered { border-bottom: 3px solid #CEC3B3; } .bordered-faint { border-bottom: 1px solid #CEC3B3; } .page-header { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border: 0 none -moz-use-text-color; border-bottom: 1px solid #E5E5E5; color: #333333; display: block; font-size: 19.5px; line-height: 36px; margin-bottom: 27px; padding: 0; width: 100%; } .mix-listing { } #mix-comments-list ul { list-style-type: none; } ul.comment-listing .comment-entry { border-bottom: 1px solid #D2D9E7; } .comment-entry { padding-top: 5px; } .comment-details { padding-top: 1px; padding-left: 5px; display: table-cell; vertical-align: top; width: 10000px; } .image-avatar-small { float: left; } .image-avatar-small { width: 32px; height: 32px; } .social_login_providers { width: 100%; float: left; cursor: pointer; margin: 0; } .social_login_provider { width: 64px; height: 64px; float: left; margin: 0 6px 6px 0; } .social_login_provider_button { width: 64px; height: 64px; cursor: pointer; display: block; position: relative; z-index: 9998; outline: 0; margin: 0 auto; background: transparent url(../img/social-sprites.png) no-repeat; font-size: 0; color: transparent; } #facebook_button { background-position: -64px 0; } #facebook_button:hover { background-position: 0 0; } #twitter_button { background-position: -320px 0; } #twitter_button:hover { background-position: -256px 0; } #google_button { background-position: -192px 0; } #google_button:hover { background-position: -128px 0; } .release-image { max-width: 100%; height: 200px; width: 200px; /* ie8 */ } #release-audio-slide-nav li { display: inline; list-style-type: none; padding-right: 20px; } .selector-button a.on { background-position: 0 -24px; } .selector-button a { background-image: url(../img/slide-nav.png); float: left; width: 24px; height: 24px; display: inline; font-size: 11px; margin: 0 5px 0 0; line-height: 24px; font-weight: bold; text-align: center; text-decoration: none; background-position: 0 0; background-repeat: no-repeat; } .selector-button a:link, .selector-button a:visited { color: white; text-decoration: none; } .list-nostyle { list-style: none outside none; margin: 0; } .list-horiz li { float: left; list-style-type: none; position: relative; padding-right: 20px; } .bordered-right { border-right: 1px solid #F2F2F2; } .stats-item { border-right-color: #E5E5E5; margin-right: 7px; padding-right: 7px; } .stats { border: 0; font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; } table.tablesorter { font-size: 12px; background-color: #4D4D4D; width: 1024px; border: 1px solid #000; } table.tablesorter th { text-align: left; padding: 5px; background-color: #6E6E6E; } table.tablesorter td { color: #FFF; padding: 5px; } table.tablesorter .even { background-color: #3D3D3D; } table.tablesorter .odd { background-color: #6E6E6E; } table.tablesorter .header { background-image: url(../img/bg.png); background-repeat: no-repeat; border-left: 1px solid #FFF; border-right: 1px solid #000; border-top: 1px solid #FFF; padding-left: 30px; padding-top: 8px; height: auto; } table.tablesorter .headerSortUp { background-image: url(../img/asc.png); background-repeat: no-repeat; } table.tablesorter .headerSortDown { background-image: url(../img/desc.png); background-repeat: no-repeat; } table .header { cursor: pointer; } table .header:after { content: ""; float: right; margin-top: 7px; border-width: 0 4px 4px; border-style: solid; border-color: #000000 transparent; visibility: hidden; } table .headerSortUp, table .headerSortDown { background-color: #f7f7f9; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); } table .header:hover:after { visibility: visible; } table .headerSortDown:after, table .headerSortDown:hover:after { visibility: visible; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; } table .headerSortUp:after { border-bottom: none; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #000000; visibility: visible; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; } /* input[type="checkbox"] { visibility: hidden; } */ div.event-content img { width: auto; height: auto; max-width: none; } div.event-content td { padding: 12px; } .side-player { display: block; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #BFD4D9; border-radius: 3px 3px 3px 3px; list-style: none outside none; overflow-x: auto; overflow-y: hidden; margin: 0 0 10px 25px; } #whats-on { padding: 15px 0 15px 70px; background: url(../img/whats-on.png) no-repeat left; margin: 0; } #embed-insert { padding: 15px 15px 15px 70px; } .mix-profile-insert { } .activity-list-item { margin-bottom: 5px; margin-left: 5px; } .mix-container { padding-left: 16px; } #sidebar-content-activity { font-size: 85%; } [data-bypass="true"] { /* Styles */ cursor: pointer; } .dss-tag-button { -moz-box-shadow: inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff; box-shadow: inset 0px 1px 0px 0px #ffffff; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9)); background: -moz-linear-gradient(center top, #f9f9f9 5%, #e9e9e9 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9'); background-color: #f9f9f9; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 2px solid #dcdcdc; display: inline-block; color: #363636; font-size: 8px; font-weight: bold; text-decoration: none; text-shadow: 1px 1px 0px #ffffff; } .dss-tag-button:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9)); background: -moz-linear-gradient(center top, #e9e9e9 5%, #f9f9f9 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9'); background-color: #e9e9e9; } .dss-tag-button:active { position: relative; top: 1px; } .dss-option-table td { text-align: center; vertical-align: middle; } #div_avatar_image_upload { width: 100%; text-align: center; } #div_avatar_image { display: inline-block; } .mix-image-container img { height: 120px; width: 180px; } .btn.loading { background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, .10)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(0, 0, 0, .10)), color-stop(.75, rgba(0, 0, 0, .10)), color-stop(.75, transparent), to(transparent)); background-image: -moz-linear-gradient(-45deg, rgba(0, 0, 0, .10) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .10) 50%, rgba(0, 0, 0, .10) 75%, transparent 75%, transparent); background-size: 50px 50px; -moz-background-size: 50px 50px; -webkit-background-size: 50px 50px; -webkit-animation: animate-stripes 2s linear infinite; } @-webkit-keyframes animate-stripes { from { background-position: 0 0; } to { background-position: -50px 0; } } .now-playing-image { width: 32px; height: 32px; } .accessible-description { display: none !important; } .player-button { width: 32px; height: 32px; background: url(../img/player-sprite.png); cursor: pointer; color: #f77f00; text-decoration: none; display: inline-block; } .now-playing-play { background-position: -90px 0px; } .now-playing-pause{ background-position: -210px 0px; } .now-playing-bio p { display: inline-block; margin-left: 5px; } #aaaa{ border: 1px solid #802c59; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .now-playing-image-container { display: inline-block; } #sidebar-top-content { margin-bottom: 12px; padding: 8px; } .div-small-heading{ width: 98%; text-align: center; margin-bottom: 8px; } dss-datatable{ cellpadding: 0; cellspacing: 0; border: 0; }