iBet uBet web content aggregator. Adding the entire web to your favor.
iBet uBet web content aggregator. Adding the entire web to your favor.



Link to original content: https://www.riaa.com/wp-content/plugins/riaa-gnp/css/gnp-style.css?ver=1.0
/*.GoldPlatinum .header-img{ display: none; }*/ .upper_style{ text-transform: uppercase !important; } .info-detail{ padding-left: 10px; margin-bottom: -3px; } .GoldPlatinum .header-GP{ position: relative; margin: 0; padding: 0; } .GoldPlatinum tr.recent_table{ padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #FFF; font-size: 14px; } .GoldPlatinum .more_detail_div tr.recent_table th{ padding-bottom: 10px; } .GoldPlatinum .more_detail_div tr.content_recent_table td{ padding-top: 7px; } .GoldPlatinum tr.content_recent_table{ font-size: 14px; padding-bottom: 5px; } .GoldPlatinum .header-GP img{ float: left; } .GoldPlatinum .header-GP .textAbs{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .GoldPlatinum .header-GP .textLeft{ color: #fff } .GoldPlatinum .header-GP .textLeft h1{ font-weight: 900; font-size: 4em; line-height: 1em; text-transform: uppercase; padding: 1em 0 0.5em 0 } .GoldPlatinum .header-GP .textLeft ul li{ border-bottom: 1px solid #fff; padding: 6px 0; } .GoldPlatinum .header-GP .textLeft ul{ width: 260px } .GoldPlatinum .header-GP .textLeft ul li:last-child{ border-bottom: none; } .GoldPlatinum .header-GP .textLeft ul li a{ color: #fff; font-size: 20px; font-weight: 500 } .GoldPlatinum .header-GP .textLeft ul li a:hover{text-decoration: none;} .GoldPlatinum .header-GP .textRight h2{ font-size: 18px; font-weight: bold; padding: 4em 0 1em 0; line-height: 1.4em; } .GoldPlatinum .header-GP .textRight img{float: none} .GoldPlatinum .header-GP .textRight p{ font-size: 16px; font-weight: 500; padding-bottom: 1em; line-height: 1.2em; } .GoldPlatinum .header-GP .textRight p.popular{ font-size: 17px; padding-bottom: 8px } .GoldPlatinum .header-GP .textRight p strong{ font-weight: bold } .GoldPlatinum .header-GP .textRight ul li{ float: left; border-right: 1px solid #000; padding-right: 8px; margin-right: 8px; } .GoldPlatinum .header-GP .textRight ul li:last-child{ border-right: none } .GoldPlatinum .header-GP .textRight ul li a{ font-weight: 500; color: #000; text-decoration: none; } .GoldPlatinum .header-GP .textRight .more{ color: #000; font-weight: bold; } .header-img .entry-title{ line-height: 1em; } .advanced-tab-active{ background-color: #454444; } .advanced-search, .advanced-search-by-artist, .advanced-search-by-album, .advanced-search-by-tallies{ background-color: #454444; color: #FFFFFF; } .advanced-search-by-tallies { padding: 15px; } .advanced-search-by-tallies button { background-color: #454444; border: 1px solid #FFFFFF; color: #FFFFFF; text-align: center; padding: 10px 8px; margin-top: 12px; margin-bottom: 12px; cursor: pointer; width: 100%; word-break: break-all; } .dropdown-menu-tallies li:last-child { padding-right: 0; } .advanced-search-link{ font-size: 13px; cursor: pointer; } .label-form-advanced{ font-size: 14px; line-height: 14px; padding-bottom: 4px; } .search_button{ background-color: #000000; color: #FFFFFF; } .clear { clear: both; } .fleft { float: left } .fright { float: right; } .mobile { display: none; } .row_detail span{ font-weight: normal; font-size: 10px; } .advanced_search_by_artist_form select{ color: #000; } .advanced-search .select-advanced-search:before { content: ""; right: 6px; top: 0px; width: 20px; height: 20px; position: absolute; pointer-events: none; display: block; } .advanced-search .select-advanced-search, .advanced-search .input-calendar-advanced-search{ padding-left: 0; padding-right: 0; margin-bottom: 20px; text-align: right; font-family: 'Raleway', sans-serif; font-weight: 400; font-weight: 700; font-size: 1.1em; } /*.select-advanced-search select{ padding-right: 18px; color:black; }*/ span.capitalize { text-transform: capitalize; } .more_detail_div{ background-color: #454444; color: #FFFFFF; padding-bottom: 20px; } .advanced-search .select-advanced-search select, .advanced-search input[type="text"], .select-advanced-search select { border: 1px solid #000000; border-radius: 0; font-size: 13px; padding: 3px 15px; background: #FFFFFF; outline: none; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: 38px; color: #7f7f7f; cursor: pointer; font-weight: bold; text-transform: uppercase; } .advanced-search-by-album .select-advanced-search:before, .advanced-search-by-artist .select-advanced-search:before { content: ""; right: 6px; top: 0px; width: 20px; height: 20px; position: absolute; pointer-events: none; display: block; } .advanced-search-by-album .select-advanced-search, .advanced-search .input-calendar-advanced-search, .advanced-search-by-artist .select-advanced-search, .advanced-search .input-calendar-advanced-search{ padding-left: 0; padding-right: 0; margin-bottom: 20px; text-align: right; font-family: 'Raleway', sans-serif; font-weight: 400; font-weight: 700; font-size: 1.1em; } .advanced-search-by-album .select-advanced-search select, .advanced-search-by-album input[type="text"], .select-advanced-search select, .advanced-search-by-artist .select-advanced-search select, .advanced-search-by-artist input[type="text"], .select-advanced-search select { border: 1px solid #000000; border-radius: 0; font-size: 13px; padding: 3px 15px; background: #FFFFFF; outline: none; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: 38px; color: #7f7f7f; cursor: pointer; font-weight: bold; text-transform: uppercase; } .advanced-search-by-album .select-advanced-search:after, .advanced-search-by-artist .select-advanced-search:after { content: "\f0d7"; color: #000000; } .advanced-search-by-album .select-advanced-search:after, .advanced-search .input-calendar-advanced-search:after, .advanced-search-by-artist .select-advanced-search:after, .advanced-search-by-artist .input-calendar-advanced-search:after { font-family: FontAwesome; right: 27px; top: 33px; padding: 0px 0px 2px; position: absolute; pointer-events: none; } .advanced-search-by-album .input-calendar-advanced-search:after, .advanced-search-by-artist .input-calendar-advanced-search:after { content: "\f073"; color: #999; } .advanced-search input[type="submit"] { border: 1px solid #000000; border-radius: 0; padding: 3px 15px; background: #000000; color:#FFFFFF; outline: none; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 38px; cursor: pointer; } .search_button{ margin-top: 15px; } .advanced-search .select-advanced-search:after { content: "\f0d7"; color: #000000; } .advanced-search .select-advanced-search:after, .advanced-search .input-calendar-advanced-search:after { font-family: FontAwesome; right: 27px; top: 33px; padding: 0px 0px 2px; position: absolute; pointer-events: none; } .advanced-search .input-calendar-advanced-search:after { content: "\f073"; color: #999; } .advanced-type{ vertical-align: middle; height: 51px; padding-top: 30px; text-align: right; } .advanced-type .right-radio{ margin-left: 10px; } @media screen and (max-width: 320px){ } @media screen and (max-width: 400px) and (min-width: 321px) { } @media screen and (max-width: 480px) and (min-width: 401px) { } @media screen and (max-width: 568px) and (min-width: 481px) { } @media screen and (max-width: 685px) and (min-width: 569px) { } @media screen and (max-width: 767px) and (min-width: 686px) { } @media screen and (max-width: 979px) and (min-width: 768px) { } @media screen and (max-width: 1024px) and (min-width: 980px) { } @media screen and (max-width: 1280px) and (min-width: 1025px) { } @media screen and (min-width: 1281px) { } #text-abb text { font-family: Arial, Helvetica, sans-serif; -moz-user-select: none; -webkit-user-select: none; user-select: none; } .map-tip { display: none; padding: 0px; z-index: 1000; float: left; position: absolute; background-color: #fdc532; min-width: 350px; } .map-tip .sting-tooltip-title { background-color: #5d606b; color: #fff; padding: 10px; font-size: 1.2em; } .map-tip .bordered { border-bottom: 3px solid #5d606b; } .map-tip .sting-tooltip-dataset { padding: 5px; background-image: linear-gradient(to right, #eef5e0, #76ab04); } .map-tip .floatedRight { margin-right: 15px; float:left; } .map-tip .dark { background-color: #d9a82b; } .map-tip .light { background-color: #fdc532; } .map-tip .map-tip-row { padding-left: 10px; padding-right: 10px; padding-top: 7px; padding-bottom: 7px; } .map-tip .map-tip-footer { margin: 30px; padding: 10px; text-transform: uppercase; color: #fff; background-color: #5d606b; } .map-tip .map-tip-footer a { color: #fff; font-size: 1.2em; } .dataset-map, .map-detail-top { margin-top: 50px; } .sentencing-select { background: #e2e0d8; border-color: transparent; border-radius: 0; box-shadow: none; color: #9a9a9a; height: 40px !important; width: 100%; padding: 0 15px!important; margin-bottom: 0; font-size: 1.05em; } .sentencing-select.left { border-bottom: 4px solid #0270cd; } .sentencing-select.right { border-bottom: 4px solid #8dcd02; } .dataset-map h4 { font-size: 16px; font-style: normal; font-variant: normal; font-weight: 900; letter-spacing: 0; margin: 0; padding: 0; color: #5d606b; } .dataset-social-header li { padding: 0 11px; } .dataset-social-header li a { color: #9a9a9a; font-size: 32px; } .dataset-social-header li a:hover { color: #9a9a9a; } .dataset-social-header li:last-child { padding-right: 0; } .dataset-social-header li:first-child { padding-left: 0; } .dataset-social-header .list-inline { margin: 0; margin-top: -10px; } .dataset-social-header .list-inline a:hover { text-decoration: none; color: #fdc532; } .dataset-social-header p { margin-top: 10px; } .dataset-legend { min-height: 90px; } .dataset-legend h4 { /*font-family: Arial, Helvetica, sans-serif;*/ font-size: 16px; font-style: normal; font-variant: normal; font-weight: 900; letter-spacing: 0; color: #5d606b; } .dataset-footer { padding: 20px; } .share_text{ font-size: 13px; font-weight: bold; padding-top: 5px; display: block; text-align: center; } .share_text img{ margin-bottom: -3px; } #search-award-table .award_cell .share_text { text-align: left; } .simple_search_field { background-color: #FFFFFF; background-image: url(../img/search_icon.png); background-position: 95% center; background-repeat: no-repeat; background-size: 24px 24px; border: none; cursor: pointer; height: 40px; margin: 3px 0; padding: 0 44px 0 10px; position: relative; color: #000; width: 95%; -webkit-transition: width 400ms ease, background 400ms ease; transition: width 400ms ease, background 400ms ease; } .content_awards{ margin-top: 20px; } .options-search-item{ padding: 8px; padding-top: 10px; padding-bottom: 10px; } .options-search-item-active{ background-color: #454444; } .default-award table, .recent-award table, .awards_by_artist table, .awards_by_album table, .content_awards table { width: 100%; margin: 40px auto 0 auto; } .awards_by_album table { width: 95%; } .default-award table td,.recent-award table td, .recent-award table th, .awards_by_artist table td, .awards_by_artist table th, , .awards_by_album table td, .awards_by_album table th { padding-left: 10px; } .link-arrow-gnp { font-family: 'Raleway', sans-serif; font-weight: 400; font-weight: 700; font-size: 1.2em; color: #000000; text-decoration: none; text-transform: uppercase; margin-bottom: 10px; } .loadmore-gnp{ padding-bottom: 110px; } .link-arrow-gnp:after { content: "\f178"; margin-left: 5px; font-family: "FontAwesome"; } .link-arrow-gnp:hover span{ text-decoration: underline; margin-right: 5px !important; color: #000000; } .link-arrow-gnp:visited, .link-arrow-gnp:link{ color: #000000; } .link-arrow-gnp span { position: relative; margin-right: 0px; } .loadmore-gnp{ padding-top: 45px; } .options-tabs { background-color: #000000; color: #FFFFFF; } .award_cell { padding: 10px; } .award_cell img.award{ width: 60px; max-width: 60px !important; height: 60px; } .artists_cell{ font-weight: bold; } .artists_cell, .others_cell { vertical-align: top; padding-top: 20px; min-height: 50px; font-size: 18px; } .others_cell{ font-size: 16px; font-weight: 500 } .label-tab-item{ padding:10px; margin-top:12px; margin-bottom:12px; text-align: right; } .options-tab-item div { background-color: #000000; border: 1px solid #FFFFFF; color: #FFFFFF; text-align: center; padding:10px 8px; margin-top:12px; margin-bottom:12px; cursor: pointer; } .options-tab-item.tab-active div { background-color: #454444; border: 1px solid #454444; } .options-search-item.tab-active:after { content: ""; position: absolute; top: 100%; left: 50%; z-index: 1000; border-top: 10px solid #fdc532; border-left: 10px solid transparent; border-right: 10px solid transparent; margin-left: -10px } .options-tab-item.left { margin-right: 0px; padding-right: 0px; } .options-tab-item.right { margin-left: 0px; padding-left: 0px; } .table_award_header{ font-weight: bold; text-transform: uppercase; font-family: 'Roboto', sans-serif !important; padding-bottom: 10px; border-bottom: 3px solid #000000; font-size: 20px; height: 30px; } .table_award_header th{padding: 0 2%} .table_award_header th:first-child{min-width: 100px;} .table_award_header th sup{font-size: 12px;} .table_award_header th span{ text-transform: none; font-weight: 500; font-size: 17px; } .awards_by_artist .table_award_header, .awards_by_album .table_award_header{height: 50px} /*.awards_by_album .table_award_header th:last-child , .awards_by_album .table_award_row td:last-child{padding-left: 60px}*/ .table_award_row, .table_by_artists_row{border-bottom: 1px solid #b5b6b7;} .table_award_row td, .table_by_artists_row td{padding: 1% 2%} .table_award_row td.format_cell{padding-right: 0;} .top_tallies .table_award_row td.format_cell{text-align: left} .table_by_artists_row td.format_cell{padding-right: 0;} .table_by_artists_row td.award_cell{padding: 0.7% 0; text-align: center;} .format_details{font-size: 11px; margin-top: 49px;} .format_details img{padding-left: 4px} .format_details a, .format_details a:hover, .format_details a:visited{color: #000} .radioOptions{float: right; font-size: 11px} .radioOptions p{float: left; padding-left: 10px} @media (min-width: 768px) and (max-width: 1320px) { .table_award_row td.format_cell{ padding-left: 0px; text-align: left; } #recent-award-table .table_award_row td.format_cell, .top_tallies .table_award_row td.format_cell { padding-left: 2%; } #search-award-table .table_award_header th:last-child, #search-award-table .table_award_row td.format_cell, .awards_by_album .table_award_header th:last-child, .awards_by_album .table_award_row td.format_cell { padding-left: 3%; } .awards_by_album .table_award_header th:nth-child(5), .awards_by_album .table_award_row td:nth-child(5), #search-award-table .table_award_header th:nth-child(4), #search-award-table .table_award_row td:nth-child(4) { padding-left: 0%; } #search-award-table .table_award_header th:nth-child(5), #search-award-table .table_award_row td:nth-child(5) { padding-left: 5%; } } @media (max-width: 767px) { .options-tab-item.right { margin-right: 0px; padding-right: 0px; } .format_details{font-size: 11px;} } .dataset-legend-bottom { text-align: center; margin-bottom: 20px; } .dataset-legend-bottom h3 { font-weight: 700; text-transform: uppercase; color: #76ab04; margin-top: 20px; } .dataset-legend-bottom div.colorbar { height: 30px; width: 250px; margin-top: 10px; margin-left: auto; margin-right: auto; background-image: linear-gradient(to right, #eef5e0, #76ab04); border-radius: 5px; } .dataset-legend-bottom .limits { width: 125px; margin-top: 10px; display: inline-block; } .map-detail-combos, .map-detail-comparison, .map-detail-footer { padding-top: 30px; background-color: #f7f7f5; } .comparison-table-item.title-one { padding: 15px; background-color: #5d606b; color: #fff; font-weight: 700; margin-top: 30px; } .comparison-table-item.title-one:first-child { margin-top: 0px; } .comparison-table-item.item-dark { padding: 10px; padding-left: 15px; background-color: #e2e0d8; color: #5d606b; } .comparison-table-item.item-bold { font-weight: 700; } .comparison-table-item.item-light { padding: 10px; padding-left: 15px; color: #5d606b; } .comparison-table-item.item-highlight { background: #fdc532; } #table-comparison-left { padding-right: 0px; } #table-comparison-right { padding-left: 0px; border-left: 1px dotted #5d606b; } .comparison-table-item div:first-child { float:left; max-width: 80%; } .comparison-table-item div:last-child { float:right; } .map-ranking { margin-top: 30px; } .ranking-tooltip { padding-left:25px; padding-right:25px; background:#5d606b; color:#fdc532; min-height:30px; border: 0px; text-align: center; } .ranking-tooltip:after { content: ""; position: absolute; top: 50%; left: 0%; z-index: 1000; border-bottom: 10px solid transparent; border-top: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid #5d606b; margin-left: -20px; margin-top: -7px; } .ranking-tooltip .state-text { padding-top: 10px; padding-bottom: 10px; font-size: 16px; font-weight: bold; } .ranking-tooltip .dataset-text { color: #e2e0d8; min-width: 180px; padding-bottom: 10px; } .ranking-tooltip .strong { font-weight: 700; } .detail-tooltip { padding-top: 5px; padding-bottom: 5px; padding-left:20px; padding-right:20px; background:#fdc532; color:#5d606b; min-height:30px; min-width: 250px; border: 0px; } .detail-tooltip div:first-child div:first-child, .detail-tooltip div:last-child div:first-child { font-size: 14px; font-weight: 700; float: left; } .detail-tooltip div:first-child div:last-child, .detail-tooltip div:last-child div:last-child { font-size: 14px; font-weight: 700; float: right; } .comparison-table-mobile { width: 100%; } .comparison-table-mobile tr.title-one { background-color: #5d606b; color: #fff; font-weight: 700; } .comparison-table-mobile tr.title-one td { padding: 15px; } .comparison-table-mobile tr.item-light td, .comparison-table-mobile tr.item-dark td { padding: 10px; padding-left: 15px; } .comparison-table-mobile .item-light { color: #5d606b; } .comparison-table-mobile .item-dark { background-color: #e2e0d8; color: #5d606b; } .comparison-table-mobile .item-bold { font-weight: 700; } .background-outside { } @media (min-width: 768px) { .background-outside { margin-left: -50%; padding-left: 50%; margin-right: -33%; padding-right: 33%; background-color: #f7f7f5; } body { overflow-x: hidden; } } /*************** Bootstrap tooltip *******************/ .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 12px; opacity: 0; margin-left: 5px; filter: alpha(opacity=0); } .tooltip.in { opacity: 0.9; filter: alpha(opacity=90); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #ffffff; text-align: center; background-color: #000000; 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-width: 5px 5px 0; border-top-color: #000000; } .tooltip.top-left .tooltip-arrow { bottom: 0; right: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000000; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000000; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000000; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000000; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 14px; background-color: #ffffff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { margin: 0; padding: 8px 14px; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { border-width: 10px; content: ""; } .popover.top > .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; } .popover.top > .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #ffffff; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); } .popover.right > .arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #ffffff; } .popover.bottom > .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; } .popover.bottom > .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #ffffff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25); } .popover.left > .arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #ffffff; bottom: -10px; } p[share] { position: relative; cursor: pointer; } .share-container { position: absolute; left: 90px; top: -75px; z-index: 1000; max-width: 400px; } .share-dialog { background: #f6dd0a; padding: 30px; position: relative; min-height: 180px; box-shadow: 3px 3px 2px #B9B9B9; cursor: default; min-width: 400px; } .share-dialog [close] { color: #656364 !important; margin-bottom: 10px !important; margin-top: -5px; } .share-dialog img { opacity: 1; width: 100%; margin: 0 auto; } .share-dialog .arrow{ width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #f6dd0a; position: absolute; top: 45%; left: -10px; } .share-dialog .r{ padding-right: 70px; } .share-dialog .l{ padding-left: 30px; } .share-dialog .title{ font-family: 'Raleway', sans-serif; font-weight: 400; font-weight: 800; text-transform: uppercase; font-size: 2.3em; line-height: 2.4em; line-height: 100%; width: 100%; margin-bottom: 10px; /*word-break: break-word;*/ white-space: normal; } .share-dialog .desc{ font-size: 16px; font-weight: 500; word-break: break-word; white-space: normal; } .share-dialog .social-share { padding-left: 0; padding-right: 0; background: #000000; color: #ffffff; padding-top: 20px; text-align: center; position: absolute; right: 0px; top: 0px; bottom: 0px; width: 55px; } .share-dialog .social-share span a { display: block; color: #ffffff; font-size: 1.4em; margin-bottom: 13px; } .share-dialog .social-share [legend] { display: block; margin: 0 auto; font-size: 85%; margin-bottom: -5px; } .link-arrow-gnp:hover { color: #000000; text-decoration: none; } @media (min-width: 768px) and (max-width: 1050px) { .table_award_header.artist th { padding: 0; padding-left:2%; font-size:15px; } .table_award_row td, .table_by_artists_row td { padding: 1% 2%; } .table_by_artists_row td.format_cell { padding-left: 2%; padding-right: 0; } } th[sort] { cursor: pointer; } .advanced-search select::-ms-expand, .advanced-search-by-album select::-ms-expand, .advanced-search-by-artist select::-ms-expand { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 5-7 */ filter: alpha(opacity=0); /* Good browsers :) */ opacity:0; } .advanced-search select, .advanced-search-by-album select, .advanced-search-by-artist select { -webkit-appearance: none !important; -webkit-rtl-ordering: logical !important; align-items: center !important; background-attachment: scroll !important; background-clip: border-box !important; background-color: rgb(255, 255, 255) !important; background-image: none !important; background-origin: padding-box !important; background-size: auto !important; border-bottom-color: rgb(0, 0, 0) !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; border-image-outset: 0px !important; border-image-repeat: stretch !important; border-image-slice: 100% !important; border-image-source: none !important; border-image-width: 1 !important; border-left-color: rgb(0, 0, 0) !important; border-left-style: solid !important; border-left-width: 1px !important; border-right-color: rgb(0, 0, 0) !important; border-right-style: solid !important; border-right-width: 1px !important; border-top-color: rgb(0, 0, 0) !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-top-style: solid !important; border-top-width: 1px !important; box-sizing: border-box !important; color: rgb(127, 127, 127) !important; cursor: pointer !important; display: inline-block !important; font-family: Raleway, sans-serif !important; font-size: 13px !important; font-stretch: normal !important; font-style: normal !important; font-variant: normal !important; font-weight: normal !important; height: 38px !important; letter-spacing: normal !important; line-height: 19.2px !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; outline-color: rgb(127, 127, 127) !important; outline-style: none !important; outline-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; padding-bottom: 3px !important; padding-left: 15px !important; padding-right: 15px !important; padding-top: 3px !important; text-align: start !important; text-indent: 0px !important; text-rendering: auto !important; text-shadow: none !important; text-transform: uppercase !important; white-space: pre !important; word-spacing: 0px !important; writing-mode: lr-tb !important; -webkit-writing-mode: horizontal-tb !important; } .advanced-search input::-ms-clear{ /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 5-7 */ filter: alpha(opacity=0); /* Good browsers :) */ opacity:0; display: none; } .format_details a { width: 110px; white-space: nowrap; } .noresults { padding-top: 100px; padding-bottom: 30px; margin-bottom: 100px; } .advanced-search-by-tallies .active{ border: 1px solid gray; background-color: gray; } /* Tallies */ .top_tallies .award_cell{ width: 15%; text-align: center; } .top_tallies .award_cell .share_text img{ margin-right: -8px; } .top_tallies table { width: 100%; } /* T1A Section */ .t1a .artists_cell{ width: 30%; } .t1a .title_cell{ width: 30%; } .t1a .label_cell{ width: 10%; } .t1a .format_cell{ width: 15%; } /* TAA Section */ .taa .artists_cell{ width: 70%; } .taa .format_cell{ width: 15%; } /* TAS Section */ .tas .artists_cell{ width: 70%; } .tas .format_cell{ width: 15%; } /* DA Section */ .da .table_award_header th:first-child , .da .award_cell , .da .format_cell, .da .certun, .dal .table_award_header th:first-child , .dal .award_cell , .dal .format_cell, .dal .certun { padding-left: 5px; padding-right: 5px; min-width: auto; } .da .award_cell, .dal .award_cell { width: 5%; } .da .format_cell, .dal .format_cell { width: 5%; } .da .artists_cell, .dal .artists_cell { width: 10%; } .da .title_cell, .dal .title_cell { width: 10%; } .da .label_cell, .dal .label_cell { width: 10%; } .da .cert_date_cell, .dal .cert_date_cell { width: 10%; } .da .for_cell, .dal .for_cell { width: 10%; } .advancedSearch .col-sm-24.col-sm-offset-2.col-lg-offset-2.col-lg-24.form-group { margin: 15px 0 15px 8.33%; } #advanced_search_by_artist_form .advancedSearch .col-sm-24.col-sm-offset-2.col-lg-offset-2.col-lg-24.form-group .advanced-type { padding: 0; height: auto; } .content-container-fix { clear:both; position:relative; padding: 0; margin: 0; width 100%; } .content-container-fix .container-fix { margin: auto; width: 90%; } .filtewidth-filter { width: 45%; display: inline-block; } .advancedSearch.row.advanced-search { padding-top: 15px; } #search_section #filters { display: inline-block; width: 65%; } #search_section #filters .col-sm-5 { padding-right: 0; } .filtersMenuContainer { width: 53%; display: inline-block; float: none; } #recent-award-table tr td:nth-child(5), #recent-award-table th:nth-child(5) { padding-left: 4%; } .advancedSearch .advanced-type { text-align: right; } #advanced_search_by_artist_form .advanced-type { height: auto; padding: 0; } .advancedSearch .col-sm-4 { width: 20%; padding-right: 0; } .advancedSearch .col-sm-24.text-right { padding: 0; } .advancedSearch .type-filters { float: right; margin: 0; padding: 0; text-align: right; } .advancedSearch.row, .advancedSearch, .advancedSearch .row { margin: 0; padding: 0; } .advancedSearch { padding: 12px 0; } .advancedSearch.advanced-search-by-artist { padding: 20px 0; } .regular-radio { display: none; } .regular-radio + label { -webkit-appearance: none; background-color: #3f9ff5; border: 8px solid #3f9ff5; border-radius: 10px; margin: 0px 3px; vertical-align: middle; } .regular-radio:checked + label { border: 6px solid #FFF; box-shadow: 0px 0.1px 0px 3px #3f9ff5; } .row.awards_by_artist .row, .row.awards_by_artist { margin: 0; } .advancedSearch.advanced-search-by-artist .advanced-type span span { margin: 0; } .advancedSearch .searchButton { float: right; padding-bottom: 10px; padding-left: 15px; width: 40%; } .advancedSearch .searchButton .search_button { width: 100%; } .filterTitleInputArtist, .filterInputsArtist { display: inline-block; margin-left: 25px; padding: 15px 0 15px 25px; } .filterTitleInputArtist { float: left; padding: 15px 0; } .filterInputsArtist.last { border-left: 1px solid #FFF; } .advanced-search-by-tallies button span { display: block; } .advanced-search-by-tallies button.taab, .advanced-search-by-tallies button.tasb { padding: 0; } @media (min-width: 1224px) { #search.col-sm-6 { width: 25%; } #search_section #filters { display: inline-block; width: 65%; float: right; } .advanced-search-by-artist .col-sm-5 { float: right; padding: 0; } .advanced-search-by-artist .col-sm-5 p { padding: 13px 0; } } @media (max-width: 1224px) { .advanced-search-by-tallies button span { display: inline-block; } .advanced-search-by-tallies button.taab, .advanced-search-by-tallies button.tasb { padding: 10px 8px; } .filterwidth-filler { width: 0%; } .filtersMenuContainer, .content-container-fix .container-fix { width: 100%; } .advancedSearch.advanced-search-by-artist .container-fix, #search_section #search > form, .content_awards.content-container-fix { width: 95%; margin: auto; } #search_section #search { float: none; padding: 10px 0; width: 100%; } #search_section .simple_search_field { padding: 0 45px 0 0; background-position: 98% center; width: 100%; } #search_section #filters { padding: 15px 0 30px; text-align: center; width: 100%; display: block; float: none; } #search_section #filters .label-tab-item { display: none; } .row.advanced-search, .row.advanced-search-by-album > form, .row.advanced-search-by-artist > form, #search_section #filters .options-tab-item div { padding: 10px; } .row.advanced-search .col-sm-24.col-sm-offset-1.col-lg-offset-1.col-lg-24.form-group, .row.advanced-search { margin: auto; } .row.advanced-search .col-sm-24.col-sm-offset-2.col-lg-offset-2.col-lg-24.form-group { float: none; margin: auto; } .advancedSearch.row, .advancedSearch .row { margin: 0; padding: 0; } .advancedSearch .col-sm-4 { width: 95%; margin: auto; padding: 0; float: none; display: block; text-align: left; } .advancedSearch .type-filters { float: none; padding-bottom: 10px; } .advancedSearch .col-sm-24.text-right { float: none; margin: auto; width: 95%; padding: 0; } .advancedSearch .searchButton { float: none; display: inline-block; } .advancedSearch .advanced-type { text-align: left; } .col-sm-4.label-tab-item { margin-bottom: 14px; } .advanced-search input#ar, .advanced-search input#ti, .advanced-search input#lab { margin-bottom: 20px; } .advanced-search .col-sm-24.col-sm-offset-2.col-lg-offset-2.col-lg-24.form-group .col-sm-4 { width: 18%; float: none; display: inline-block; } .advanced-search-by-artist .col-sm-4 { float: none; margin: auto; width: 100%; } #advanced_search_by_artist_form .advanced-type { text-align: center; height: auto; padding: 0; } .dropdown-menu-tallies li { padding: 0; width: 100%; } .dropdown-menu-tallies button:hover { background-color: gray; } .advanced-search-by-tallies button { margin: -1px 0; border-left: 0; border-right: 0; } } @media (max-width: 1200px) { .table_award_header { font-size: 16px; } } @media (min-width: 1024px) and (max-width: 1224px) { #search_section #filters { padding: 0; width: 95%; margin: auto; } #search_section #filters > div { display: block; width: 25%; margin: auto; padding: 0 5px; } #search_section #filters #recent-award { padding: 0; } .advancedSearch #advanced_search_by_album_form .col-sm-4 { width: 22%; padding: 0 15px 0 0; float: left; } .advancedSearch #advanced_search_by_album_form .col-sm-4.label-tab-item { width: 8%; margin: 3% 0 0 3%; } } @media (max-width: 980px) { .content_awards tr th { white-space: normal; } } @media (max-width: 992px) { .share-container .col-md-10.l { width: 41.6666%; float:left; } .share-container .col-md-10.r { width: 58.333%; float:left; } .awards_by_album .table_award_header th:last-child, .awards_by_album .table_award_row td:last-child, .awards_by_album .table_award_row td.format_cell { padding-left: 0px; } } @media (max-width: 1024px) { .default-award table, .recent-award table, .awards_by_artist table, .awards_by_album table, .content_awards table, .default-award #search-award-table, .top_tallies.da table, .top_tallies.at table { width: 100% !important; } #search_section #filters div { float: none; padding: 0; display: block; width: 100%; margin: -1px auto; border-left: 0; border-right: 0; } #search_section #filters .tab-active div { margin: 1px 0; } #search_section #filters div:hover { background-color: #454444; } #search_section #filters .label-tab-item { display: none !important; } .award_mobile .more_details .share_text { position: relative; } .table_award_row td { padding: 0; } .filterTitleInputArtist, .row.more_detail_div, .table_award_row td, .table_by_artists_row td, .table_award_header { display: none; } .table_award_header.noresults { display: block; text-align: center; border-bottom: 0; } .advancedSearch .label-tab-item, .advancedSearch .advanced-type { text-align: left; } .dropdown-menu-tallies li.col-xs-4 { width: 100%; float: none; display: block; margin: auto; padding: 0; } .dropdown-menu-tallies li.col-xs-4 button { margin: -1px 0; padding: 10px 0; width: 100%; border-left: 0; border-right: 0; } .advanced-search-by-tallies { padding: 15px 0; } .table_by_artists_row td.mobile, .table_award_row td.mobile, .mobile { display: block; } .table-responsive, .table_award_row, .table_by_artists_row { border: 0 !important; } .awards_by_album .table_award_header th:last-child, .awards_by_album .table_award_row td:last-child { padding: 0; margin: 0; } .award_mobile { border: 1px solid #000; margin: 0 auto 20px; padding: 10px 10px 0; position: relative; font-family: "Roboto", sans-serif; } .award_mobile figure { float: left; width: 25%; text-align: center; } .award_mobile figure img { width: 90%; } .award_mobile .share_text img { width: 23px; margin-bottom: -7px; } .award_mobile .meta_award_data { float: right; width: 65%; position: relative; min-height: 150px; } .award_mobile .meta_award_data.award_withouth_block_icon{ width:100%; min-height:auto; } .award_mobile .meta_award_data h2 { font-weight: bold; display: block; font-size: 22px; } .award_mobile .meta_award_data h4 { font-size: 16px; } .award_mobile .more_details .share_text { padding: 0; width: 25%; font-size: 11px; } .award_mobile .award_more_details .expanded td, .award_mobile .award_more_details .expanded div, .award_mobile .award_more_details .expanded table { display: block; } .award_mobile .award_more_details { clear: both; position: relative; width: 100%; } .award_mobile .award_more_details .more_detail_div { color: #000; background-color: #FFF; } .award_mobile .award_more_detail.expanded { clear: both; padding: 13px 6px; } .award_mobile .award_more_detail .award_more_details_content h3 > span:first-child { font-weight: bold; margin-right: 5px; } .award_mobile .award_more_details_content { border-bottom: 1px solid #000; border-top: 1px solid #000; padding: 10px; background-color: #454444; color: #FFF; font-size: 15px; } .award_mobile .award_more_details_content > h4 { margin-left: 5%; } .award_mobile .more_details a { color: #000; font-size: 11px; } .award_more_details_content hr { width: 100%; background-color: #FFF; height: 1px; margin: 10px 0; } .share-container .row { width: 88%; } .award_mobile .share_text .share-dialog .r { padding-right: 15px; } .award_mobile .share_text .share-dialog img { width: 100%; } .award_mobile .meta_award_data span { font-weight: bold; margin-right: 5px; } .advancedSearch .col-sm-24.col-sm-offset-2.col-lg-offset-2.col-lg-24.form-group { margin: 0 10px; } #advanced_search_by_artist_form .col-sm-24.col-sm-offset-2.col-lg-offset-2.col-lg-24.form-group .advanced-type { height: auto; padding: 0; } .award_mobile .share-container .row .col-md-10.l, .award_mobile .share-container .row .col-md-14.r { width: 50%; float: left; } .award_mobile .clear.more_details, .award_mobile .container-fluid.share-dialog { padding: 15px 0; } .award_mobile .container-fluid.share-dialog > .row { margin: 0; } } @media (max-width: 680px) { .row.advanced-search { display: none; } .award_mobile .more_details .share-container { left: 111px; top: 77px; } .share-container .row { width: 88%; } .share-dialog .title { word-break: break-all; } .share-dialog { min-width: inherit; } .share-dialog .social-share { right: -15px; } } @media (max-width: 480px) { .filterInputsArtist.last { border: 0; } .artistfiltercontainer { float: none; text-align: center; } .filterInputsArtist { display: block; margin: 5px 0; padding: 0; } } @media (max-width: 340px) { .share-dialog .social-share { width: 40px; right: 0; } } .inner-content.container .table_award_header { display: table-row !important; } .inner-content.container .table_award_row td { display: table-cell !important; }