/************************************************* *** Dev styles *** *** To be integrated into css later. *** *************************************************/ /********** REMOVAL ***************************/ .page-blogs h1#page-title {display: none;} /*********** MEDIA RESPONSIVE *********************/ /*** Breaking points **** 480px, 960px **** / /*** MENU ****/ /*********** BASE STYLE *********************/ #main {margin-top: ;} h1.title {font-family: Franklin Gothic Medium,Franklin Gothic,ITC Franklin Gothic,Helvetica,Arial,sans-serif;} a {text-decoration:none; font-weight: bold; color: #000;} a:hover {color: #f00;} /********** BODY SERIF *******************/ p, .node ul, .node ol, .views-field-field-summary, .field-name-field-summary {font-family: Georgia,"Times New Roman",Times,serif;} /*********** LAYOUT *********************/ .front #main {padding-top: 0px;} #main {padding-top: 50px;} @media all and (min-width: 959px) { .region-front-main-story {height: 580px;} } /** * Remove sidebar columns for smaller screens. */ @media all and (max-width: 959px) { .sidebars {display: none;} } #front_main_story {display: block; float: left; clear: both;} .region-front-main-story {display: block; float: left; margin-top:10px;} .sidebar-first #content {padding-left:5px;clear: both;} .sidebar-first .region-sidebar-first {padding-right:5px;} /*********** HEADER *********************/ #header {padding: 0px;position:fixed; top:0px; margin:auto; z-index:800; width:100%;background:#fff;max-width:1200px;} .logged-in.navbar-vertical #header {margin:20px 0 0;} .logged-in.navbar-horizontal #header {margin:37px 0 0;} .logged-in.navbar-vertical.navbar-tray-open #header {margin:37px 0 0;} .logged-in.navbar-horizontal.navbar-tray-open #header {margin:77px 0 0;} #header a {font-weight: normal;} #navbar-administration.navbar-oriented .navbar-bar {z-index: 999;} #navbar-administration .navbar-tray {z-index: 950;} .header__logo {margin: 10px;} .header__region {clear: none;} #secondary-menu {margin-top: 10px;} #secondary-menu a {font-size: 9pt;text-transform: capitalize;} /***------------------- Shrink the nav --------- */ @media all and (max-width: 480px) { #header #logo {float:none; } /*** temporary removal of broken mobile elements **/ .header__region {display: none;} #secondary-menu {display: none;} #navigation {display: none;} .logged-in #main {margin-top: 150px;} #main {margin-top: 130px;} #header {height: 100px;} #header #logo img.header__logo-image {display: block; margin: 10px auto;} #header #block-search-form {float: none;} #header #block-search-form .form-wrapper{float: none;display: inline;} #header #block-search-form .form-text {font-size: 20pt; height: 30px;} #header .header__region {text-align: center;} #header #secondary-menu {display: none;} #header #navigation {width: 100%; border-top: 2px solid; border-bottom: 2px solid; padding: 10px 0;} #header #navigation .region-navigation {height: unset;} #header #navigation .sf-accordion-toggle.sf-style-light-blue a {font-size: 50pt;} #page #leaderboard {display: none;} } /*********** SEARCH ********************/ #block-search-form {float: right;} #block-search-form .form-submit {width:16px; height: 16px;} #block-search-form .form-wrapper {padding:4px 0 0 5px; float: right; display:block;} #block-search-form .form-text {height: 20px; font-size: 8pt;} #block-search-form {margin: 10px;} /*********** NAVIGATION *********************/ #navigation {position: relative; padding: 0; float: left;} .region-navigation {height: 50px; clear: both; width: auto;} .region-navigation li a {font-size:13pt;text-transform:uppercase; cursor: pointer;font-style: normal;line-height: 15px;margin: 0;padding: 2px 12px 0;text-decoration: none; font-weight: normal; } .region-navigation li.sf-depth-2 a {font-size:10pt;text-transform: capitalize; } .region-navigation #superfish-1 {border-bottom: 1px solid #888;border-top: 1px solid #888;} .sf-menu.sf-style-light-blue li, .sf-menu.sf-style-light-blue.sf-navbar { background: #ccc none repeat scroll 0 0; } .sf-menu.sf-style-light-blue li:hover, .sf-menu.sf-style-light-blue li.sfHover, .sf-menu.sf-style-light-blue a:focus, .sf-menu.sf-style-light-blue a:hover, .sf-menu.sf-style-light-blue a:active, .sf-menu.sf-style-light-blue span.nolink:hover { background: #f00 none repeat scroll 0 0; color: #fff; } li.sfHover .sf-depth-1.menuparent.active {color: #fff;} .sf-menu.sf-style-light-blue.sf-navbar li ul {background-color: #bbb;} .sf-menu.sf-style-light-blue.sf-navbar li li {background: #bbb;} .sf-menu.sf-style-light-blue a, .sf-menu.sf-style-light-blue span.nolink {color: #000;} .sf-menu li:hover > ul, .sf-menu li.sfHover > ul {top: 2.3em;} .sf-menu.sf-style-light-blue li, .sf-menu.sf-style-light-blue.sf-navbar,.sf-menu.sf-style-light-blue li:hover, .sf-menu.sf-style-light-blue li.sfHover, .sf-menu.sf-style-light-blue a:focus, .sf-menu.sf-style-light-blue a:hover, .sf-menu.sf-style-light-blue a:active, .sf-menu.sf-style-light-blue span.nolink:hover, .sf-menu.sf-style-light-blue.sf-navbar li li, .sf-menu.sf-style-light-blue.sf-navbar li ul {background: ;} .breadcrumb {clear: both; margin-bottom: 1em; border-bottom: 1px solid #6f6f6f; width: 100%;} .breadcrumb a {color: #b1b1b1; font-weight: normal;} #header .sf-accordion-toggle.sf-style-light-blue {float: left; clear: both;} #header .sf-accordion-toggle.sf-style-light-blue a {background: none repeat scroll 0 0;border: medium none;font-size: 20pt;padding: 0;} /*********** FRONT - GENERAL *********************/ .front h2, .region-sidebar-first h2 {background: #f00; padding:5px; color: #fff; text-transform: uppercase; font-size: 1em; line-height:1em; } /*********** FRONT TOP BLOCKS *********************/ #block-views-front-photo-block-1 {} #block-views-front-photo-block-1 img {/*** border: 1px solid #ccc; padding: 2px; **/} #block-views-front-photo-block-1 .views-field-field-connected-story {font-size: 30pt; line-height: 40pt; } #block-views-front-photo-block-1 .pager {background: #f00;} #block-views-front-photo-block-1 .pager li a, #block-views-front-photo-block-1 .pager li {font-size: 9pt; color: #fff; font-weight: normal;} #block-views-front-in-cahoots-block {} #block-views-front-in-cahoots-block .views-row {margin-bottom: 1em;} #block-views-front-in-cahoots-block img {float: right; margin: 0 0 5px 5px;border: 1px solid #ccc; padding: 2px;} #block-views-front-in-cahoots-block .views-field-field-summary {font-size:10pt;} .view-front-top-picks tr {margin: 0 0 2em; clear: both;} .view-display-id-block_1 table td {vertical-align: top; width: 25%;padding:25px 4% 25px 0;} .view-display-id-block_1 table td.col-first {padding-right: 25px 4% 25px 0;width: 25%;} .view-display-id-block_1 table td.col-last {padding: 25px 0;width: 21%} .view-display-id-block_1 .views-field-type .field-content {font-size: 8pt;} .view-display-id-block_1 .views-field-field-story-publish-date {font-size: 8pt;} .view-display-id-block_1 {} .view-display-id-block_1 {} .view-display-id-block_1 {} /*********** ADS *********************/ #leaderboard {clear:both; margin-top: 120px; background:#fff; padding: 2px;} .logged-in #leaderboard {margin-top: 140px} #leaderboard .block {margin: 0px;} #block-dfp-d7-728-90 {clear:both; text-align:center;} /*********** STORIES *********************/ .node .field-type-image img {} .node .group-top-story-info {display: block; float: left; clear: left; margin: .5em 0;} .node .group-top-story-info .field {float: left; padding-right: 1em;} .node .group-top-story-info .field .field-item {float: left;padding-right:0.5em;} /* .node .group-top-story-info .field.field-name-taxonomy-vocabulary-14 a::before {content: "by ";} */ /* .node .group-top-story-info .field .date-display-single::before {content: "Posted: ";} */ .node .group-top-sections {display: block; float: right; clear: right; margin: .5em 0;width: 500px;} .node .group-top-sections .field {padding-left: 1em;text-transform:uppercase;} .node .group-top-sections .field-name-taxonomy-vocabulary-17 a, .node .group-top-sections .field-name-taxonomy-vocabulary-10 a, .node .group-top-sections .field-name-taxonomy-vocabulary-5 a, .node .group-top-sections .field-name-taxonomy-vocabulary-3 a, .node .group-top-sections .field-name-taxonomy-vocabulary-22 a {float: right; background: #f00; color: #fff; padding: 0 1em; margin: 0 0 0.5em 1em; font-weight:normal;} /*********** ACTIVIST TOOLKIT ****************/ .node-activist-toolkit .group-top-story-info {background: #777 none repeat scroll 0 0; padding: 0 1em; width: 96%;} .node-activist-toolkit .group-top-story-info .field a {color: #fff; font-size: 10pt;} /********** BOOKS *******************/ .node .field-name-field-dek {font-size: 2em; font-style: italic; line-height: 1em;} .group_book_publishing_information_html5 {float: right; padding: 1em; border: #ccc 1px solid; margin: 1em 0 1em 1em; font-size: 9pt;line-height: 12pt;} .group_book_publishing_information_html5 .field-name-field-title-of-book .field-item {font-style: italic; font-weight: bold;} .group_book_publishing_information_html5 .field-name-field-autho-of-book .field-item::before {content: "by ";} .group_book_publishing_information_html5 .field-name-field-publisher-of-book .field-item::before {content: "(";} .group_book_publishing_information_html5 .field-name-field-publisher-of-book .field-item::after, .group_book_publishing_information_html5 .field-name-field-published-date .field-item::after {content: ",";} .group_book_publishing_information_html5 .field-name-field-price-of-book .field-item::after {content: ")";} .group_book_publishing_information_html5 .field-name-field-publisher-of-book .field-item, .field-name-field-published-date .field-item, .field-name-field-price-of-book .field-item {float: left; padding-right: 5px;} /********** IN CAHOOTS **************/ .field-name-field-story-source {clear: both;} .node-teaser .field-name-field-story-source {clear: none;} /********* RABBLETV ******************/ .node .field-name-field-embedded-video, .node .field-name-field-where-to-find {text-align: center;} /*********** SUBSCRIBE BOX *********************/ .sidebar #block-block-2 {background: #ff0000 none repeat scroll 0 0;margin: 1em 2px 1.5em;padding: 0px;} .sidebar #block-block-2 h2.block-title {color: #fff;font-size: 1em;padding: 2px 6px;text-transform:uppercase;text-align: center;} .sidebar #block-block-2 #subscribe-submit {clear: both; text-align: center; padding:1em; margin-bottom:2em;} /*********** FRONT BABBLE *********************/ .view-display-id-block_3 {line-height: 14pt;} .view-display-id-block_3 td {padding-bottom: 15px;} .view-display-id-block_3 .views-field-taxonomy-forums {background: #ccc; padding: 1px 5px; font-size: 11pt;} .view-display-id-block_3 .views-field-last-comment-name {font-size: 8pt;font-style: italic; margin-left:10px;} .view-display-id-block_3 .views-field-title {font-size:10pt;margin-left:10px;} /*********** SIDEBAR ADS *********************/ .region-sidebar-first .block-google-admanager {text-align: 0px;} /*********** EVENTS *********************/ .view-display-id-block_2 td {padding-bottom: 15px;font-size: 10pt; } .view-display-id-block_2 .views-field-field-image-for-node {float:left; padding: 0 10px 5px 0;} .view-display-id-block_2 .views-field-city .field-content {text-transform:uppercase; background: #f00; color: #fff; padding:2px 8px;} .view-display-id-block_2 .views-field-field-eventstart {} .view-display-id-block_2 .views-field-title {margin-left: 110px;font-size: 1.2em;} /*********** SPONSORS *********************/ .view-front-sustainers {font-family:Georgia,"Times New Roman",Times,serif;} /*********** LISTING PAGES *******************/ .view table td {vertical-align: top; width: 30%; padding: 0 0 2em; clear: both;} .view table td.col-first {padding-right: 5%;width: 35%;} .view table td.col-last {padding-left: 5%;width: 35%} .view h2 {font-size: 16pt; line-height: 22pt;} .view .views-field-type .field-content, .view .content-type {font-size: 1.1em;} .view-front-top-picks .views-field-type .field-content, .view .content-type, .view-content-list-pages .views-field-taxonomy-vocabulary-10 .field-content,.view-content-list-pages .views-field-taxonomy-vocabulary-20 .field-content, .view-content-list-pages .views-field-taxonomy-vocabulary-17 .field-content,.view-content-list-pages .views-field-type .field-content,.view-content-list-pages .views-field-taxonomy-vocabulary-3 .field-content,.view-display-id-page_2 .views-field-taxonomy-vocabulary-14 .field-content, .view-content-list-pages .views-field-city, .view-content-list-pages .views-field-taxonomy-vocabulary-11-1 .field-content, .view-bloggers .field-name-field-blog-title .field-item {background:#f00; padding: 4px 5px 0px; color: #fff; text-transform:uppercase;font-style:normal;font-family: Helvetica; display: inline;} .view-front-top-picks .views-field-field-story-publish-date, .view-content-list-pages .views-field-field-story-publish-date, .view-content-list-pages .views-field-field-eventstart, .view .field-name-field-story-publish-date {float: right; font-color: #ccc; clear: right;font-family: Helvetica;} .view .views-field-field-image-for-node, .view .views-field-field-embedded-video, .view .field-name-field-image-for-node, .view .views-field-field-taxonomy-image, .node-teaser .field-name-field-embedded-video {padding: 0 1em 2em 0;float: left;} .view-front-photo .views-field-field-image-for-node {padding: 0 0 0 0;} .view-content-list-pages .views-field-taxonomy-vocabulary-14 {} .view-content-list-pages .views-field-field-summary {} .view-feature-item .views-field-nothing .field-content {background:#f00; padding: 2px 5px;font-size: 10pt; color: #fff; text-transform:uppercase;font-style:normal;} .view .views-field-title, .view h2.node-title {font-family: Helvetica; font-size: 1.5em; line-height: 1.5em;} .view-taxonomy-term-rewrite article.node {width:100%} /*** LIST HEADER ***/ .view-content-list-pages .view-header, .view-feature-item .view-header, .view-blogger-pages .view-header {margin: 0 0 3em;min-height: 55px;padding: 5px 0 1em;border-bottom:1px solid #999;float: left; width:100%;} .view-content-list-pages .view-header img.section-logo, .view-feature-item .view-header img.section-logo {clear: left;float: left;margin: 0 0 1em;} .view-content-list-pages .view-header .list-header-description, .view-feature-item .view-header .list-header-description{font-size: 9pt; line-height: 13pt;} .view-content-list-pages .view-header .list-header-links, .view-feature-item .view-header .list-header-links {float: right; font-size: 9pt; line-height: 13pt;} .section-header {} .section-header.section-logo {float: left;margin: 0 0 10px;} .section-header .section-logo img {float: left;margin-right: 50px;} .section-header .section-desc {font-size: 0.8em;font-style:italic;} /*** BOOK BLOG ***/ /*********** TAXONOMY TERMS *********************/ .page-taxonomy-term h1#page-title {background: #f00 none repeat scroll 0 0;color: #fff;font-size: 10pt;padding: 2px 5px;text-transform: uppercase;} .term-listing-heading {clear: both; border: 1px solid #ccc; margin-bottom: 3em;float: left; padding: 1em;width: 96%;} .page-taxonomy-term article {padding-bottom: 2em; float: left; clear: both;} .page-taxonomy-term .node-in-cahoots .field-name-field-story-source{font-size: 1.5em;line-height: 1.5em; padding-bottom: 5px;} .term-listing-heading .field-type-image {float: left; margin: 0 20px 20px 0;} .term-listing-heading .taxonomy-term-description {} .page-taxonomy-term article.node-in-cahoots h2.node-title {display: none;} .taxonomy-term .taxonomy-term-description p {margin: 0; font-size: 10pt; line-height: 14pt; font-style: italic;} /*********** NODES *********************/ h2 {line-height: 1.5em;} .node fieldset.further-reading {border:none; padding: 0; margin: 2em 0;} .node fieldset.further-reading .fieldset-legend {background:#f00; padding: 2px 5px;font-size: 10pt; color: #fff; text-transform:uppercase;font-style:normal;} .node fieldset.further-reading legend {margin-bottom: 1em;} .node fieldset.further-reading .field {background: #eee; padding: 10px;} .node fieldset.further-reading .field-type-link-field {padding-bottom: 0px;} .node fieldset.further-reading .field-type-text {margin-bottom: 1em; padding-top: 0px;} .node fieldset.group-terms {border:none; padding: 0; margin: 2em 0;} .node fieldset.group-terms .field-item a {background: #f00 none repeat scroll 0 0;color: #fff;float: right;padding: 0 1em;margin:.5em;font-weight:normal;text-transform: uppercase;uppercase} /*********** EDIT NODES *********************/ fieldset.group-summaries .description {font-size: .85em;} form#node-form {margin-top:10px;} .node-form .form-region-main .form-text, .node-form .form-region-right .form-select, .node-form .form-region-right .form-text {width: 99%;} .node-form .form-region-main {width: 560px; border: 1px solid #ccc; padding:0 9px;} .node-form .form-region-main .teaser-checkbox {display:none;} .node-form .form-region-main .form-item {margin: 0 0 10px 0;} .node-form .form-region-main input.form-submit {margin:10px 5px 20px 10px} .node-form .form-region-main #edit-field-connected-story-0-nid-nid-wrapper {margin-bottom: 10px;} .node-form .form-region-right {width: 250px; padding: 5px 10px 25px; background: #ccc;} .node-form .form-region-right legend {background:none repeat-x scroll 0 top #545454;color:#FFFFFF;font-size:8.5pt;font-weight:normal;width: 201px; height:19px;letter-spacing:1px;line-height:12pt;padding:2px 5px 0;text-align:center;text-transform:uppercase; margin:10px 0 0; } .node-form .form-region-right legend a {background:none repeat-x scroll 0 top #545454;color:#FFFFFF;font-size:8.5pt;font-weight:normal;height:19px;letter-spacing:1px;line-height:12pt;padding:2px 5px 0;text-align:center;text-transform:uppercase;} .node-form .form-region-right .container-inline-date {margin: 0 10px;} .node-form .form-region-right input.form-submit {margin:0px 0px 10px 10px} .node-form .form-region-right #edit-taxonomy-1-wrapper option {font-size:8pt;} .node-form .form-region-right input#edit-taxonomy-tags-14 {width: 200px;} .node-form .form-region-right input#edit-taxonomy-tags-9 {width: 200px;} #content .node-add {width: 825px;} .node-add .help {background-color:#EEEEEE;border:1px solid #CCCCCC;clear:both;display:block;margin-bottom:1em;padding:0 1em 1em;width:95%;} .node-add * {font-size: 9pt; line-height:15pt;} .node-add .resizable-textarea {width: 99%;} .node-add input#edit-field-image-for-node-upload {width: 300px;} /************* BLOGS ******************/ .view-blogger-pages .blogger-title {background: #f00 none repeat scroll 0 0; color: #fff; font-family: Helvetica; font-style: normal; padding: 4px 10px 0; text-transform: uppercase;} .view-blogger-pages .blogger-image {float: left; font-size: 0; margin: 0 15px 10px 0;} .view-blogger-pages .blogger-description {font-style: italic;} .view-blogger-pages .view-header {border-bottom:0.3em solid #f00;} .view-bloggers .section-header, .block .section-header {margin: 0 0 3em;min-height: 55px;padding: 5px 0 1em;border-bottom:1px solid #999;float: left; width:100%;} .view-display-id-page_1 table td {padding: 0px;} .view-display-id-page_1 .field-name-field-image-for-node {padding: 0 1em 0 0;} /************* COMMENTS ******************/ .comment-guidelines {float: left; clear: both;font-size: 8pt;line-height: 10pt;} .comment-guidelines li {list-style: inside square;} .comment-guidelines-intro {} .comment-dos {float: left;margin: 10px .5%;width: 43%;} .comment-donts {float: right;margin: 10px .5%;width: 43%;} .comment-guidelines h2 {margin: 0px; padding 0px;} .comment-guidelines h2#comments-title {margin: 10px 0;background:#f00; padding: 2px 5px;font-size: 10pt; color: #fff; text-transform:uppercase;font-style:normal;} /************* BABBLE FORUMS ******************/ .forum-table-topics td.views-field-topic-icon {width: 5%;} .forum-table-topics td.views-field-last-updated {width: 15%;} .view .forum-table .views-field-title {font-size: 1em;} .forum-post-links ul.links li.comment-reply {display: none;} /*********** SUSTAINERS *********************/ #footer #block-views-front-sustainers-block-1 {float: left; clear: both;} #footer #block-views-front-sustainers-block-1 .view-content {margin:0 auto;} #footer #block-views-front-sustainers-block-1 .views-field-field-image-for-node {padding: 1em 2em 3em 0;} /*********** FOOTER *********************/ #footer {margin-top: 4em 0 0; padding:0;} #footer #block-block-4 {border-top: 1px solid #999; margin-top:1em; background: #ccc; padding: 0 10px; float: left; clear: both;} /********** PODCAST *************/ div.view-podcast-term-rewrite .view-header { margin-bottom: 4em; } div.view-podcast-term-rewrite .view-header img { float: left; margin-right: 1em; margin-bottom: 1em; } div.view-podcast-term-rewrite .view-header a.feed-icon img { margin: 0; } /*********************************************/ /* Podcasts - jPlayer Override */ /*********************************************/ div.jp-audio {width: 100%;} div.jp-interface {-moz-border-bottom-colors:#FF0000;-moz-border-left-colors:#FF0000;-moz-border-right-colors:#FF0000;-moz-border-top-colors:#FF0000;-moz-border-radius: 7px 7px 0 0; border-color:#FF0000 #FF0000;border-radius:7px 7px 0 0;width: 99.8%; height:61px;} div.jp-playlist {-moz-border-radius:0 0 7px 7px;background-color:#FF0000;border-radius:0 0 7px 7px;border-right:none;border-style:none;border-width:0;color:#FFFFFF;width:100%;} div.jp-playlist ul a {color:#FFFFFF;} div.jp-type-single div.jp-playlist li {background-image: url("/modules/file/icons/audio-x-generic.png");background-position: left center;background-repeat: no-repeat;} a.jp-play, a.jp-pause {top:10px;} a.jp-stop {top:16px;} a.jp-volume-min {top:23px;} a.jp-volume-max {top:23px;} div.jp-progress {top:23px;} div.jp-play-time, div.jp-total-time {top:40px;} div.jp-volume-bar {top:28px;} a.jp-play {background: url("/sites/default/themes/rabble/images/jplayer.jpg") 0 0 no-repeat;} a.jp-play:hover {background: url("/sites/default/themes/rabble/images/jplayer.jpg") -41px 0 no-repeat;} a.jp-pause {background: url("/sites/default/themes/rabble/images/jplayer.jpg") 0 -42px no-repeat;} a.jp-pause:hover {background: url("/sites/default/themes/rabble/images/jplayer.jpg") -41px -42px no-repeat;} a.jp-stop {background: url("/sites/default/themes/rabble/images/jplayer.jpg") 0 -83px no-repeat;} a.jp-stop:hover {background: url("/sites/default/themes/rabble/images/jplayer.jpg") -29px -83px no-repeat;} a.jp-previous {background: url("/sites/default/themes/rabble/images/jplayer.jpg") 0 -112px no-repeat;} a.jp-previous:hover {background: url("/sites/default/themes/rabble/images/jplayer.jpg") -29px -112px no-repeat;} a.jp-next {background: url("/sites/default/themes/rabble/images/jplayer.jpg") 0 -141px no-repeat;} a.jp-next:hover {background: url("/sites/default/themes/rabble/images/jplayer.jpg") -29px -141px no-repeat;} div.jp-seek-bar {background: url("/sites/default/themes/rabble/images/jplayer.jpg") 0 -202px repeat-x;} div.jp-play-bar {background: url("/sites/default/themes/rabble/images/jplayer.jpg") 0 -218px repeat-x ;} a.jp-mute {background: url("/sites/default/themes/rabble/images/jplayer.jpg") 0 -186px no-repeat;} a.jp-mute:hover {background: url("/sites/default/themes/rabble/images/jplayer.jpg") -19px -170px no-repeat;} a.jp-unmute {background: url("/sites/default/themes/rabble/images/jplayer.jpg") 0 -170px no-repeat;} a.jp-unmute:hover {background: url("/sites/default/themes/rabble/images/jplayer.jpg") -19px -186px no-repeat;} div.jp-volume-bar {background: url("/sites/default/themes/rabble/images/jplayer.jpg") 0 -250px repeat-x;} div.jp-volume-bar-value {background: url("/sites/default/themes/rabble/images/jplayer.jpg") 0 -256px repeat-x;}