when rolled over */
.menubar-2018 ol a:hover {
color: #666666;
}
/* .ui-state-disabled goes on the menu item */
.menubar-2018 .user-menu .ui-state-disabled {
margin: 0;
opacity: 1.0;
}
.menubar-2018 .user-menu .ui-state-disabled a {
cursor: pointer;
color: #aaa;
}
.has-menubar.invertIconography #menubar.menubar-2018 .svg-icon {
fill: #FFFFFF;
}
/* JOBS BANNER - (hiring) */
/* omit hiring banner unless localized text is available */
body:lang(ja) .hd-banner-2018.pre-translation,
body:lang(fr) .hd-banner-2018.pre-translation,
body:lang(ja) .hd-banner-mobile-2018.pre-translation,
body:lang(fr) .hd-banner-mobile-2018.pre-translation {
display: none;
}
.li-banner-2018,
.hd-banner-2018 {
font-size: 14px;
font-weight: 600;
}
.li-banner-2018.corp-message,
.hd-banner-2018.corp-message {
padding-left: 10px;
padding-right: 20px;
overflow: hidden;
font-weight: 500;
}
.li-banner-2018.corp-message > *,
.hd-banner-2018.corp-message > * {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.hd-banner-2018-inner.blue-gradient,
.menubar-2018 .hd-banner-2018-inner.blue-gradient {
color: #408ea3;
background: -webkit-linear-gradient(left, #6046FE, #1DA0C3);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: 600;
}
.menubar-2018 #user-nav li.menubar-item.li-banner-2018.small {
display: none;
}
/* GIFT CARD BALANCE */
.menubar-2018 .gift-card-icon-bordered {
margin-top: 1px;
margin-right: 6px;
}
.menubar-2018 .hide-balance-number .gift-card-balance {
display: none;
}
.menubar-2018 .gift-card-balance {
font-size: 13px;
font-weight: 500;
}
.menubar-2018 .hide-balance-number .gift-card-icon-bordered {
margin-bottom: 0;
margin-right: 0;
margin-top: 14px;
}
/* when signed in as a band on band pages, //bc anchors to the left of the window if there's space */
.menubar-2018 {
position: static;
text-align: right;
}
.menubar-2018 .li {
text-align: left;
}
.menubar-2018 #feed-main.feed-small-collection {
display: none;
}
/* Undo standardization of trackpipe_basic.css for placeholder color in menubar*/
.menubar-2018 input::-webkit-input-placeholder, .menubar-2018 textarea::-webkit-input-placeholder {
color: #666 !important;
}
.menubar-2018 input:-moz-placeholder, .menubar-2018 textarea:-moz-placeholder {
color: #666 !important;
}
.menubar-2018 input:-ms-input-placeholder, .menubar-2018 textarea:-ms-input-placeholder {
color: #666 !important;
}
.menubar-2018 .user-menu .menu-switch {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
width: auto;
padding: 10px 20px 10px 20px;
font-size: 15px;
font-weight: bold;
line-height: 32px;
}
.menubar-2018 .user-menu .linked-accounts-menu.menu-switch {
cursor: pointer !important;
}
.menubar-2018 .label-artist-menu {
display: flex;
flex-direction: column;
min-height: 80px;
flex-shrink: 1;
overflow: scroll;
overflow-x: hidden;
}
.menubar-2018 .linked-accounts-wrapper {
flex-shrink: 1;
flex-grow: 1;
padding: 0;
}
.menubar-2018 .user-menu .menu-text {
display: block;
float: left;
padding: 0 0 0 40px;
line-height: 32px;
height: 32px;
}
.menubar-2018 .user-menu .menu-bandname {
font-size: 15px;
max-width: 110px;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
float: left;
}
.menubar-2018 .user-menu.label .menu-bandname {
max-width: 180px;
}
.menubar-2018 .user-menu strong {
font-size: 14px;
}
.menubar-2018 .user-menu {
width: 236px;
background-color: #FFF;
border: #EEE 1px solid;
box-shadow: 0px 1px 4px rgba(0,0,0,0.1);
font-size: 15px;
color: #000;
line-height: 32px;
border-radius: 5px;
z-index: 1;
top: 46px;
padding: 10px 0;
}
.menubar-2018 .user-menu.label {
width: 300px;
padding: 10px 0;
right: 100%;
}
.menubar-2018 .user-menu .user-menu-wrapper {
-ms-overflow-style: none; /* IE 10+ */
overflow: -moz-scrollbars-none; /* Firefox < 64 */
scrollbar-width: none; /* Firefox >= 64 */
max-height: calc(100vh - 74px);
overflow-y: scroll;
overflow-x: hidden;
}
.menubar-2018 .user-menu .user-menu-wrapper::-webkit-scrollbar {
display: none; /* Chrome/Safari */
width: 0;
height: 0;
}
.menubar-2018 .user-menu.label .user-menu-wrapper {
display: flex;
flex-direction: column;
}
.menubar-2018 .user-menu.label .all-user-option {
font-size: 12px;
line-height: 28px;
color: #333;
margin: 10px 0 0 0;
}
.menubar-2018 .artist-filter-text {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
padding: 5px;
width: 245px;
font-size: 13px;
border: 1px solid #EDEDED;
color: #666;
-webkit-user-select: text;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
outline: none;
margin: 0 20px 5px 20px;
}
.menubar-2018 .artist-filter-text:focus {
color: #333;
}
.menubar-2018 .no-results {
margin: auto;
color: #666;
font-family: "georgia";
font-size: 13px;
font-style: italic;
pointer-events: none;
}
.menubar-2018 .artist-filter-text.ui-state-disabled {
margin: 0 10px 10px 10px;
}
.menubar-2018 ul#site-nav > li,
.menubar-2018 ul#user-nav > li,
.menubar-2018 ul#user-nav > .li-wrapper > li {
text-align: left;
}
.menubar-2018 .user-menu .ui-menu-item a {
overflow: hidden;
text-overflow: ellipsis;
}
.menubar-2018 .no-image-placeholder {
background-color: #408ea3;
background: -webkit-linear-gradient(left, #6046FE, #1DA0C3);
}
.has-menubar.invertIconography #menubar.menubar-2018 .menubar-item.signup-tooltip-parent.show-tooltip .svg-icon,
.has-menubar.invertIconography #menubar.menubar-2018 .inner-circle-wrapper .svg-icon, /* for when a fan signs up from a dark colourway tralbum page */
.menubar-2018 .svg-icon {
fill: #000000;
}
.menubar-2018 .hidden {
display: none;
}
.menubar-2018 .menu-artistitem,
.menubar-2018 .user-menu li .menu-artistitem {
overflow: hidden;
text-overflow: ellipsis;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
line-height: 32px;
height: 32px;
padding: 4px 20px;
}
.menubar-2018 .menu-artistitem .show-more {
float: right;
display: none;
color: #000000;
letter-spacing: 2px;
font-size: 20px;
line-height: 1.6;
padding: 0 0 0 0;
}
.menubar-2018 .menu-artistitem:hover .show-more {
float: right;
display: inline-block;
}
.menubar-2018 .menu-artistitem .show-more:hover {
opacity: 0.5;
}
.menubar-2018 .user-menu .ui-state-disabled .label-member-band a {
width: 260px;
font-size: 13px;
color: #000; /*to override effects of ui-state-disabled, used to allow ellipsis to be clicked */
}
.menubar-2018 .label-artist-menu .show-less {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
padding-left: 60px;
color: #a9a9a9;
line-height: 32px;
font-size: 12px;
}
.hd-banner-mobile-2018 {
display: none;
}
@media all and (min-width: 1182px) {
.menubar-2018 .menubar-item.bclogo {
position: static;
}
.menubar-2018 .out .menubar-item.bclogo {
position: static;
}
.menubar-2018 #user-nav li.menubar-item.li-banner-2018.small {
display: none;
}
}
@media all and (max-width: 1182px) {
.menubar-2018 .menubar-item.bclogo {
display: block;
}
.menubar-2018 .out .menubar-item.bclogo {
display: block;
}
.menubar-2018 #user-nav li.menubar-item.li-banner-2018.wide {
display: none;
}
.menubar-2018 #user-nav li.menubar-item.li-banner-2018.small {
display: flex;
}
}
/* cart - desktop */
.header-rework-2018 .cart-wrapper-corp-lo:hover a,
.menubar-2018 .cart-wrapper:hover span {
text-decoration: none;
}
.menubar-2018 .cart-wrapper svg.menubar-cart-icon text,
.header-rework-2018 .cart-wrapper-corp-lo svg.menubar-cart-icon text {
font-size: 9px;
font-weight: 600;
stroke: none;
}
.header-rework-2018 svg.menubar-cart-icon,
.menubar-2018 svg.menubar-cart-icon {
vertical-align: middle;
}
#notification-center-container .unread-indicator {
display: inline-block;
background-color: #f9780a;
width: 5px;
height: 5px;
border-radius: 50%;
margin: 10px
}
.menubar-2018 .unread-messages-indicator {
background-color: #f9780a;
width: 6px;
height: 6px;
border-radius: 50%;
margin: 8px;
top: 34px;
position: absolute;
}
.menubar-2018 .unread-messages-indicator.hide {
background-color: transparent;
}
/* trackpipe/public/css/artists_menu.css */
/*
* A multi-column (if necessary) menu of artists
* used for label accounts in the menubar and in the
* by-artist filter on music and merch grid pages
*
* Expects markup like this (inside a jquery ui menu or version thereof):
*
*
*/
.menu-artistitem {
height: 35px;
line-height: 35px;
padding: 2px 15px;
}
.menu-artistitem > .badge-pro {
display: block;
position: absolute;
right: 15px;
margin-top: 11px;
}
.menu-artistitem > .menu-icon {
margin: 6px 0 0 -18px;
}
.menu-artistitem .menu-artistpic {
display: block;
position: absolute;
/* left: 15px; */
background-color: #fff;
margin: 3px 8px 0 0;
width: 25px;
height: 25px;
border: solid 1px rgba(0,0,0,.2);
}
.menubar-2018 .menu-artistitem .menu-artistpic {
margin: 1px;
width: 29px;
height: 29px;
border: none;
}
.menu-artistitem .menu-artistpic > img {
display: block;
width: 100%;
height: 100%;
}
.menu-artistitem .menu-bandname {
display: block;
float: left;
padding: 0 32px 0 35px;
line-height: 35px;
height: 35px;
}
.has-multiple-columns .multi-column-artist-menu {
display: table-row;
}
.has-multiple-columns .multi-column-artist-menu ol {
display: table-cell;
width: 15.6em;
vertical-align: top;
}
.has-multiple-columns .menu-artistitem .menu-bandname {
width: 11em;
padding-left: 2.6em;
padding-right: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; /* IE 6+, FF 7+, Op 11+, Saf 1.3+, Chr 1+ */
-o-text-overflow: ellipsis; /* for Opera 9 & 10 */
}
.has-multiple-columns .multi-column-artist-menu .is-pro .menu-bandname {
width: 8.6em;
padding-right: 2.4em;
}
.has-multiple-columns .no-pro-badges .is-pro .menu-bandname {
width: 11em;
padding-right: 0;
}
.no-pro-badges .badge-pro {
display: none;
}
/* trackpipe/public/css/dialog_yui.css */
/*** YUI Dialogs ***********************************************/
.masked .mask {
background: #888;
background: -webkit-radial-gradient(rgba(127, 127, 127, 1.0), rgba(127, 127, 127, 1.0) 35%, rgba(0, 0, 0, 0.8));
opacity: 0.6;
}
/* used for edit design dialog, b/c we want modal behavior, but transparent mask so that we can see effect of color changes */
.transparent_mask .mask {
opacity: 0;
filter: alpha(opacity=0);
}
.yui-dialog .yui-panel {
border: none;
background: none;
}
.yui-panel-none {
border: none;
background: none;
}
.mask-none {
background: none;
}
.yui-dialog .hd {
padding: 0px;
border: none;
border-radius: 11px 11px 0px 0px;
-moz-border-radius: 11px 11px 0px 0px;
position: relative;
background: #5E5E5E;
}
.yui-dialog .hd .content {
font-size: 131%;
letter-spacing: 0.02em;
line-height: 1.9em;
width: auto;
max-width: none;
box-sizing: inherit;
margin: 0 45px 0 15px;
padding: 0;
overflow: hidden;
background-color: inherit;
}
.yui-dialog .bd {
background: white;
border: solid #5E5E5E;
padding: 24px;
}
.yui-dialog .footerless {
border-width: 0px 1px 1px 1px;
border-radius: 0px 0px 11px 11px;
-moz-border-radius: 0px 0px 11px 11px;
}
.yui-dialog .footered {
border-width: 0px 1px 0px 1px;
}
.yui-dialog .alertDlg {
padding-top: 18px;
}
.yui-dialog .corner {
position: absolute;
top: 0px;
width: 9px;
}
.yui-dialog .hd .tl {
display: none;
}
.yui-dialog .ft {
background: white;
border: solid #5E5E5E;
padding: 4px 24px 20px 24px;
border-radius: 0px 0px 11px 11px;
-moz-border-radius: 0px 0px 11px 11px;
border-width: 0px 1px 1px 1px;
}
.yui-dialog .ft button {
display: inline-block;
min-width: 5em;
min-height: 28px;
margin: 0 12px 0 0;
padding: 0;
font-family: arial,helvetica,clean,sans-serif;
font-size: 116%;
text-align: center;
border: 1px solid silver;
background: white;
cursor: pointer;
}
.yui-dialog .ft button:last-child {
margin-right: 0;
}
.yui-dialog .ft button:hover {
text-decoration: none;
}
.yui-dialog .ft button div {
padding: 0.25em;
}
.yui-dialog .ft .default button {
font-weight: bold;
}
.yui-dialog .progress_outer {
height: 17px;
width: 90%;
margin:0px auto;
text-align: left;
background: #999999;
border: none;
}
.yui-dialog .progress_inner {
height: 17px;
width: 0px;
background: #ecc252;
}
.yui-panel .container-close {
position: absolute;
top: 8px;
right: 15px;
width: 25px;
height: 15px;
background: url(../png/sprite.png) no-repeat 0 -300px;
}
/* trackpipe/public/css/popup_image.css */
/* popup image viewer */
/* .imageviewer_XXX styles refers to the original implementation and will be deleted eventually
* .popupimage_XXX is the new black. the desktop version of the new code is still being developed,
* so the .imageviewer_XXX are still the ones active in production. -- kj
*/
.popupimage_gallery {
display: table-cell;
vertical-align: middle;
position: fixed;
left: 0; top: 0;
bottom: 0; right: 0;
background: rgba( 255, 255, 255, 0.5 );
z-index: 10;
}
.popupimage_container {
position: relative;
display: table;
left: 0;
height: 100%; width: 1000%;
list-style: none;
padding: 0;
}
.popupimage_item {
display: table-cell;
vertical-align: middle;
height: 100%;
width: auto;
}
.popupimage_item img {
display: block;
background: #000;
margin-left: auto;
margin-right: auto;
}
.popupimage_item.loading {
background: url(../gif/playerbusy_transp.gif) no-repeat;
background-position: 50% 50%;
}
/* --- widgets --- */
.popupimage_nav {
display: inline-block;
position: absolute;
height: 100%;
width: 33%;
-webkit-tap-highlight-color: rgba( 0,0,0,0 );
}
.popupimage_nav.dismiss {
left: 33%;
width: 34%;
}
.popupimage_nav.prev {
left: 0;
}
.popupimage_nav.next {
right: 0;
}
.popupimage_navicon {
/* *** old:
display: inline-block;
visibility: hidden;
position: absolute;
cursor: pointer;
top: 50%;
margin-top: -15px;
background-image:url(/img/popup_image.png);
background-repeat:no-repeat;
width: 30px;
height: 30px;
*** */
display: inline-block;
position: absolute;
top: 85%;
margin: auto;
background: url(https://s4.bcbits.com/img/mobile-sprites-20150520.svg) no-repeat;
background-size: 500% auto;
width: 2rem;
height: 2rem;
cursor: pointer;
z-index: 1;
}
.no-svg .popupimage_navicon {
background-image: url(../png/mobile-sprites-20150520.png);
}
.popupimage_navicon.dismiss {
left: 50%;
margin-left: -1rem;
background-position: 0 31.6%;
}
.popupimage_navicon.prev {
left: 1em;
background-position: 0 35.8%;
}
.popupimage_navicon.next {
right: 1em;
background-position: 0 40.0%;
}
.popupimage_loading {
position: absolute;
display: inline-block;
background-color: black;
opacity: 0.5;
filter:alpha(opacity=50);
text-align: center;
vertical-align: middle;
z-index: 1;
}
.popupimage_spinny_lg {
position: absolute;
width: 100%;
height: 100%;
opacity: 0.5;
filter:alpha(opacity=50);
background: url(../gif/playerbusy.gif) no-repeat;
background-position: 50% 50%;
}
.popupimage_spinny_sm {
position: absolute;
width: 100%;
height: 100%;
opacity: 0.5;
filter:alpha(opacity=50);
background: url(../gif/playerbusy_small.gif) no-repeat;
background-position: 50% 50%;
}
/* ---------- */
.imageviewer_top {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
text-align: center;
z-index: 201; /* on top of menubar 2018 */
}
.imageviewer_top td {
border: 0;
}
.imageviewer_back {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
background: #fff;
opacity: 0.5;
filter: alpha(opacity=50);
z-index: -1;
}
.imageviewer_dismiss {
cursor: pointer;
position: relative;
top: 2em; left: -1em;
background-image: url(../png/popup_image_v2.png);
background-size: 30px;
background-repeat:no-repeat;
width:30px;
height:30px;
z-index: 10;
}
.imageviewer_image {
clear: both;
border: 2px solid rgba(0,0,0,0.1);
max-width: none;
display: inherit;
}
.imageviewer_nav {
display: inline-block;
position: absolute;
height: 100%;
width: 200px;
max-width: 33%;
top: 0;
}
.ie .imageviewer_nav {
/* fixes problems laying out empty elements */
background: white;
filter: alpha(opacity=0);
opacity: 0;
}
.imageviewer_nav.prev {
left: 0;
}
.imageviewer_nav.next {
right: 0;
}
.imageviewer_navicon {
display: inline-block;
visibility: hidden;
position: absolute;
cursor: pointer;
top: 50%;
margin-top: -15px;
background-image: url(../png/popup_image_v2.png);
background-size: 30px;
background-repeat:no-repeat;
width: 30px;
height: 30px;
}
.imageviewer_navicon.next {
right: 30px;
background-position:0 center;
}
.imageviewer_navicon.prev {
left: 30px;
background-position:0 bottom;
}
.imageviewer_nav:hover span.imageviewer_navicon {
visibility: visible;
}
.imageviewer_loading {
position: absolute;
display: inline-block;
background-color: black;
opacity: 0.5;
filter:alpha(opacity=50);
text-align: center;
vertical-align: middle;
}
.imageviewer_spinny_lg {
position: absolute;
width: 100%;
height: 100%;
opacity: 0.5;
filter:alpha(opacity=50);
background: url(../gif/playerbusy_transp.gif) no-repeat;
background-position: 50% 50%;
}
.imageviewer_spinny_sm {
position: absolute;
width: 100%;
height: 100%;
opacity: 0.5;
filter:alpha(opacity=50);
background: url(../gif/playerbusy_small.gif) no-repeat;
background-position: 50% 50%;
}
/* trackpipe/public/css/webapp_selector.css */
.webapp-selector-ui {
margin: 7px 5px 7px 15px;
}
/* trackpipe/public/jslib/yui/2.9.0/container/assets/container.css */
/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/
.yui-overlay,
.yui-panel-container {
visibility:hidden;
position:absolute;
z-index: 100;
}
.yui-tt {
visibility:hidden;
position:absolute;
color:#333;
background-color:#FDFFB4;
font-family:arial,helvetica,verdana,sans-serif;
padding:2px;
border:1px solid #FCC90D;
font:100% sans-serif;
width:auto;
}
/*
PLEASE NOTE: The element used for a Tooltip's shadow is appended
to its root element via JavaScript once it has been rendered. The
code that creates the shadow lives in the Tooltip's public "onRender"
event handler that is a prototype method of YAHOO.widget.Tooltip.
Implementers wishing to remove a Tooltip's shadow or add any other markup
required for a given skin for Tooltip should override the "onRender" method.
*/
.yui-tt-shadow {
display: none;
}
* html body.masked select {
visibility:hidden;
}
* html div.yui-panel-container select {
visibility:inherit;
}
* html div.drag select {
visibility:hidden;
}
* html div.hide-select select {
visibility:hidden;
}
.mask {
z-index: 1;
display:none;
position:absolute;
top:0;
left:0;
-moz-opacity: 0.5;
opacity:.50;
filter: alpha(opacity=50);
background-color:#CCC;
}
/*
There are two known issues with YAHOO.widget.Overlay (and its subclasses) that
manifest in Gecko-based browsers on Mac OS X:
1) Elements with scrollbars will poke through Overlay instances floating
above them.
2) An Overlay's scrollbars and the scrollbars of its child nodes remain
visible when the Overlay is hidden.
To fix these bugs:
1) The "overflow" property of an Overlay instance's root element and child
nodes is toggled between "hidden" and "auto" (through the application
and removal of the "hide-scrollbars" and "show-scrollbars" CSS classes)
as its "visibility" configuration property is toggled between
"false" and "true."
2) The "display" property of elements that are child nodes of the
Overlay instance's root element is set to "none" when it is hidden.
PLEASE NOTE:
1) The "hide-scrollbars" and "show-scrollbars" CSS classes classes are
applied only for Gecko on Mac OS X and are added/removed to/from the
Overlay's root HTML element (DIV) via the "hideMacGeckoScrollbars" and
"showMacGeckoScrollbars" methods of YAHOO.widget.Overlay.
2) There may be instances where the CSS for a web page or application
contains style rules whose specificity override the rules implemented by
the Container CSS files to fix this bug. In such cases, is necessary to
leverage the provided "hide-scrollbars" and "show-scrollbars" classes to
write custom style rules to guard against this bug.
** For more information on this issue, see:
+ https://bugzilla.mozilla.org/show_bug.cgi?id=187435
+ YUILibrary bug #1723530
*/
.hide-scrollbars,
.hide-scrollbars * {
overflow: hidden;
}
.hide-scrollbars select {
display: none;
}
.show-scrollbars {
overflow: auto;
}
.yui-panel-container.show-scrollbars {
overflow: visible;
}
.yui-panel-container.show-scrollbars .underlay {
overflow: auto;
}
.yui-panel-container.focused {
}
/* Panel underlay styles */
.yui-panel-container .underlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.yui-panel-container.matte {
padding: 3px;
background-color: #fff;
}
.yui-panel-container.shadow .underlay {
top: 3px;
bottom: -3px;
right: -3px;
left: 3px;
background-color: #000;
opacity: .12;
filter: alpha(opacity=12); /* For IE */
}
/*
Workaround for Safari 2.x - the yui-force-redraw class is applied, and then removed when
the Panel's content changes, to force Safari 2.x to redraw the underlay.
We attempt to choose a CSS property which has no visual impact when added,
removed, but still causes Safari to redraw
*/
.yui-panel-container.shadow .underlay.yui-force-redraw {
padding-bottom: 1px;
}
.yui-effect-fade .underlay {
display:none;
}
.yui-panel {
visibility:hidden;
border-collapse:separate;
position:relative;
left:0;
top:0;
font:1em Arial;
background-color:#FFF;
border:1px solid #000;
z-index:1;
overflow:hidden;
}
.yui-panel .hd {
background-color:#3d77cb;
color:#FFF;
font-size:100%;
line-height:100%;
border:1px solid #FFF;
border-bottom:1px solid #000;
font-weight:bold;
padding:4px;
white-space:nowrap;
}
.yui-panel .bd {
overflow:hidden;
padding:4px;
}
.yui-panel .bd p {
margin:0 0 1em;
}
.yui-panel .container-close {
position:absolute;
top:5px;
right:4px;
z-index:6;
height:12px;
width:12px;
margin:0px;
padding:0px;
background:url(../close12_1.html) no-repeat;
cursor:pointer;
visibility:inherit;
text-indent:-10000em;
overflow:hidden;
text-decoration:none;
}
.yui-panel .ft {
padding:4px;
overflow:hidden;
}
.yui-simple-dialog .bd .yui-icon {
background-repeat:no-repeat;
width:16px;
height:16px;
margin-right:10px;
float:left;
}
.yui-simple-dialog .bd span.blckicon {
background: url(../blck16_1.html) no-repeat;
}
.yui-simple-dialog .bd span.alrticon {
background: url(../alrt16_1.html) no-repeat;
}
.yui-simple-dialog .bd span.hlpicon {
background: url(../hlp16_1.html) no-repeat;
}
.yui-simple-dialog .bd span.infoicon {
background: url(../info16_1.html) no-repeat;
}
.yui-simple-dialog .bd span.warnicon {
background: url(../warn16_1.html) no-repeat;
}
.yui-simple-dialog .bd span.tipicon {
background: url(../tip16_1.html) no-repeat;
}
.yui-dialog .ft,
.yui-simple-dialog .ft {
padding-bottom:5px;
padding-right:5px;
text-align:right;
}
.yui-dialog form,
.yui-simple-dialog form {
margin:0;
}
.button-group button {
font:100 76% verdana;
text-decoration:none;
background-color: #E4E4E4;
color: #333;
cursor: hand;
vertical-align: middle;
border: 2px solid #797979;
border-top-color:#FFF;
border-left-color:#FFF;
margin:2px;
padding:2px;
}
.button-group button.default {
font-weight:bold;
}
.button-group button:hover,
.button-group button.hover {
border:2px solid #90A029;
background-color:#EBF09E;
border-top-color:#FFF;
border-left-color:#FFF;
}
.button-group button:active {
border:2px solid #E4E4E4;
background-color:#BBB;
border-top-color:#333;
border-left-color:#333;
}
.yui-override-padding {
padding:0 !important;
}
/* trackpipe/public/css/contact.css */
#contact-page-form, #contact-page-info {
-webkit-font-smoothing: antialiased;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.contactHeader {
font-size: 125%;
font-weight: bold;
}
#contactForm {
max-height: calc(100vh - 100px);
overflow-y: auto;
font-size: 14px;
padding: 24px 40px 24px 40px;
}
#contactForm dl.tableLayout {
display: flex;
display: -webkit-flex;
flex-direction: column;
align-items: center;
margin: 0;
}
#contactForm dl.tableLayout .tableLayoutRow {
display: flex;
display: -webkit-flex;
flex-direction: column;
width: 100%;
margin-left: 0;
}
#contactForm dl.tableLayout .tableLayoutRow dd,
#contact-page-form #contactForm dl.tableLayout .tableLayoutRow dd {
width: 100%;
display: flex;
display: -webkit-flex;
flex-direction: column;
}
#contactForm dl.tableLayout .tableLayoutRow dd .toggleable,
#contact-page-form #contactForm dl.tableLayout .tableLayoutRow dd {
display: flex;
display: -webkit-flex;
}
#contactForm dl.tableLayout .tableLayoutRow dd .toggleable {
justify-content: space-between;
width: 100%;
}
#contactForm dl.tableLayout .tableLayoutRow dd .toggleable .toggle-edit {
color: rgb(0,161,198);
cursor: pointer;
padding-left: 1%;
align-self: center;
font-size: 14px;
font-weight: bold;
}
#contact-page-form #contactForm dl.tableLayout .tableLayoutRow dd {
font-size: 12px;
cursor: pointer;
}
#contactForm dl.tableLayout dt {
float: none;
clear: left;
width: auto;
margin: 0 0 5px;
padding-top: 0.45em; /* imperfect baseline alignment */
text-align: left;
color: #333;
line-height: 1.1em;
font-size: 12px;
}
#contactForm dl.tableLayout dd {
float: none;
width: 70%; /* appears to prevent layout problems at large font sizes in FF */
margin: 0px;
padding: 0px 0px 10px 0px;
}
/* setting the border here is important - some browsers do funky
things with elt padding otherwise */
#contactForm .textInput {
width: 97%;
border: 1px solid #ccc;
margin: 0px;
padding: 0.3em;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
outline: none;
}
#contactForm .textInput.no-edit {
border: none;
padding-left: 0;
outline: none;
width: 80%;
}
#contactForm .textInput:focus {
outline: none;
}
#contactForm button {
color: #0687f5;
text-decoration: none;
cursor: pointer;
margin-right: 0.5em;
padding: 0.25em;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 150%;
text-align: center;
border: 1px solid silver;
background: white;
}
#contactForm button:hover, #contactForm button.hover {
text-decoration: underline;
}
#contactForm button:focus {
outline: none;
}
#contactForm button.disabled {
background: #eee;
color: #888;
}
#contactForm button div {
min-width: 4em;
white-space: nowrap;
}
#contactForm .alert {
display: none;
color: #c00;
font-size: 12px;
font-weight: bold;
margin-top: .3rem;
margin-bottom: 0;
padding: 0;
}
#contactForm .alertActive {
display: block;
}
#contactForm #contact\.banner {
margin: 0.3rem 1.5rem 1.8rem;
background-color: #E8A2AB;
border: thin solid red;
padding: 0.8rem 1rem;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #9C0000;
font-size: 1rem;
}
#contactForm #contact\.languages {
margin: 0;
background-color: #fdfac7;
padding: 0.8rem 1rem;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1rem;
}
#contactForm dl.tableLayout dd.contact-action-buttons {
display: flex;
display: -webkit-flex;
flex-direction: column;
margin: 5% 0 0;
width: 100%;
align-items: center;
}
#contact-page-form #contactForm dl.tableLayout dd.contact-action-buttons {
display: flex;
display: -webkit-flex;
flex-direction: column;
margin: 5% 5% 0 0;
max-width: 100%;
padding-left: 0;
font-size: 14px;
}
/* Submit button */
#contactForm dl.tableLayout dd.contact-action-buttons button[type='submit'] {
width: 100%;
border: none;
background: rgb(0,161,198);
font-size: 14px;
font-weight: bold;
color: #FFF;
border-radius: 4px;
padding: 5px;
margin: 0;
min-height: 36px;
}
#contactForm dl.tableLayout dd.contact-action-buttons button[type='submit']:hover {
text-decoration: none;
}
/* Cancel button */
#contactForm dl.tableLayout dd.contact-action-buttons button[type='button'] {
border: none;
width: 25%;
color: rgb(0,161,198);
font-size: 14px;
font-weight: bold;
padding: 5% 0 0;
background: none;
height: 36px;
}
/* These rules are specific to the stand-alone contact form page at /contact */
#contact-page-info {
text-align: left;
display: flex;
display: -webkit-flex;
flex-direction: column;
align-items: center;
width: 489px;
max-width: 500px;
margin: 50px auto 0;
}
#contact-page-info h2 {
text-align: left;
margin-top: 0;
color: #2E3332;
font-size: 36px;
font-weight: 400;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin: 30px 0 50px 0;
width: 100%;
font-size: 32px;
text-align: center;
margin: 30px 0 20px 0;
}
#contact-page-form h1{
margin-top: 5%;
}
#contact-page-form h1 a {
font-weight: normal;
line-height: 2rem;
}
#contact-page-form {
margin: 1rem auto 0;
width: 489px;
}
#contact-page-form .contact-form-optional {
font-size: 12px;
margin-left: 135px;
font-style: italic;
}
#contact-page-form #contact-form {
margin: 0 ;
}
#contact-page-form dl.tableLayout {
align-items: flex-start;
}
#contact-page-form dl.tableLayout dd {
width: 90%;
display: block;
font-size: 125%;
}
#contact-page-form dl.tableLayout dt {
width: 100%;
text-align: left;
margin: 0 0 5px; /* (right originally .1rem) */
padding-right: 0;
color: #333;
font-size: 14px;
}
/* Contact banner tweaks */
#contact-banner {
font-size: 14px;
display: flex;
display: -webkit-flex;
line-height: 19px;
margin-bottom: 8%;
color: #333;
}
/* Contact banner (/contact) */
#contact-banner.page {
margin-bottom: 4%;
border: 1px solid #00a1c6;
padding: 15px;
background-color: #f5fdff;
border-radius: 2px;
}
#contact-banner.page .contact-banner-img img {
max-width: 52px;
width: 52px;
}
/* If there's something to show next to the image then move it over */
#contact-banner.page .contact-banner-img + .contact-banner-message {
margin-left: 5%;
}
#contact-banner.page .contact-banner-message {
max-width: 85%
}
#contact-banner.page .contact-banner-message p {
margin: 0;
}
.contact-banner-message p {
color: #333;
}
.contact-banner-faq {
font-size: 14px;
width: 100%;
color: #333;
text-align: center;
margin: 0 auto;
}
.vinyl-contact-banner-faq {
width: 83%;
line-height: 24px;
}
.contact-banner-message a, .contact-banner-faq a {
color: rgb(0,161,198);
font-weight: bold;
}
/* Contact form modal tweaks */
#contactForm dl.tableLayout dd #contact\.message {
background-color: #F9F9F9;
}
/* Contact banner modal */
#contact-banner.modal {
flex-direction: column;
align-items: center;
margin: 0;
}
#contact-banner.modal .contact-banner-img img {
max-width: 52px;
width: 52px;
}
#contact-banner.modal .contact-banner-img {
margin-bottom: 5%;
}
#contact-banner.modal .contact-banner-message {
display: flex;
display: -webkit-flex;
flex-direction: column;
align-items: center;
text-align: center;
width: 100%;
}
#contact-banner.modal .contact-banner-message-header {
display: flex;
display: -webkit-flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.contact-verification {
display: flex;
display: -webkit-flex;
flex-direction: column;
align-items: center;
line-height: 19px
}
#contact-page-form .contact-verification {
border: 1px solid #eee;
border-radius: 3px;
padding: 50px 80px;
}
.contact-verification h1, .contact-verification p {
font-size: 14px;
}
.contact-verification a {
color: rgb(0,161,198);
}
.contact-verification .contact-verification-img {
margin: 5% 0;
}
.contact-verification .contact-verification-message {
display: flex;
display: -webkit-flex;
flex-direction: column;
align-items: center;
text-align: center;
width: 100%;
}
.contact-verification .contact-verification-message h1 {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.contact-dlg .hd {
background-color: #F5F5F5;
display: flex;
display: -webkit-flex;
justify-content: center;
border: none;
padding: 10px 45px 5px;
border-bottom: 1px solid #ededed;
cursor: default !important;
border-radius: 5px 5px 0px 0px;
}
.contact-dlg .ft {
background-color: #FFFFFF;
border: none;
}
.contact-dlg .hd .content {
margin: 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: 400;
color: #2E3332;
letter-spacing: 0;
}
.contact-dlg .bd {
background-color: #FFFFFF;
border: none;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
padding: 24px 45px 0px;
}
.contact-dlg .bd.footerless {
padding: 0px;
}
.contact-dlg .bd.footered.alertDlg {
padding: 24px 45px 0px;
}
.contact-dlg .ft {
display: flex;
display: -webkit-flex;
justify-content: center;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
padding: 20px 45px 45px;
margin-top: -1px;
border-radius: 0px 0px 5px 5px;
}
.contact-dlg .footerless {
border-radius: 0px 0px 5px 5px;
}
.contact-dlg .ft .button-group {
display: flex;
display: -webkit-flex;
align-items: center;
flex-direction: column;
width: 100%;
}
.contact-dlg .ft .button-group button {
border: none;
background: rgb(0,161,198);
font-size: 14px;
color: #FFF;
border-radius: 4px;
padding: 3%;
font-weight: bold;
height: 36px;
}
.contact-dlg .ft .button-group .default {
padding: 1.5%;
width: 100%;
}
.contact-dlg .ft .button-group button:focus {
outline: none;
}
.contact-dlg .yui-module.yui-overlay.yui-panel {
width: 448px !important;
border-radius: 5px 5px 0px 0px;
}
.contact-dlg .yui-panel {
-webkit-font-smoothing: antialiased;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.contact-dlg .yui-panel .container-close {
right: 20px;
width: 13px;
height: 13px;
background: url(https://s4.bcbits.com/img/x_close_dialog.svg) no-repeat;
margin-top: 10px;
}
.contact-dlg {
top: 50% !important;
left: 50% !important;
position: fixed;
transform: translate(-50%, -50%);
}
#contact-issue-selector {
max-width: 408px;
margin: 0 auto 1.3125rem;
font-size: 14px;
color: #333;
}
#contact-issue-selector select {
display: block;
width: 100%;
border: 1px solid #ccc;
margin: 2% 0;
padding: 0.3em;
color: #333;
max-width: 408px;
}
/* trackpipe/public/css/about_2015.css */
/* used on: about, fair_trade_music_policy, terms_of_use, copyright, privacy, jobs */
body {
background:#fff;
}
a:hover {
text-decoration: underline;
}
.hd {
background-color: #eef2f3;
box-shadow: 0 0 1px 0 rgba(0,0,0,0.2);
position: relative;
}
.hd-banner-inner {
background: #fff;
}
.bd-section > .row {
margin-bottom: 3em;
}
.bd {
margin-top: 48px;
padding: 0;
}
.bd h1 {
color: #161113;
font-size: 24px;
font-weight: normal;
line-height: 32px;
margin-bottom: 1.5em;
}
.bd h2,
.bd h3 {
color: #161113;
margin: 0 0 1em;
}
.bd p,
.bd ul,
.bd ol {
color: #494748;
font-size: 14px;
line-height: 22px;
padding:0 0 1.6em;
margin: 0;
}
.bd .list-section p,
.bd .list-section ul,
.bd .list-section ol {
padding-bottom: 1em;
}
.bd li ul,
.bd li ol {
padding-left: 1.5em;
}
.bd-section p,
.bd-section ul {
font-size: 16px;
line-height: 24px;
}
.bd-section h3 {
font-size: 16px;
font-weight: bold;
}
.row-1 p:last-child {
padding:0;
}
.bd .req,
.bd .traditional-list {
padding-left: 1em;
}
.col:not(.searchwidget) {
text-align: left;
text-rendering: optimizeLegibility;
}
.col > img {
display: block;
height: auto;
max-width: 100%;
outline: 1px solid rgba(0,0,0,0.05);
outline-offset: -1px;
width: 100%;
}
.caption {
color: #777;
display: block;
font-size: 14px;
line-height: 18px;
margin: 0;
padding: 18px 24px;
}
.caption a {
display: inline-block;
font-weight: bold;
}
.row-2 .col.no-gutter {
position: initial;
}
.caption-1 {
bottom: 0;
position: absolute;
}
.caption-2 {
text-align: right;
}
.factoid {
color: #2e3332;
display: inline-block;
font-weight: bold;
padding-right: 15%;
}
.factoid span {
display: inline-block;
}
em > span {
display: inline-block;
}
hr {
background: #ccc;
box-shadow: rgba(0,0,0,0.05);
border: none;
height: 1px;
margin: 0 0 2em;
}
.aboutlinks {
display: inline-block;
}
p.tldr {
color: #2e3332;
}
.em {
font-weight: bold;
}
.tri {
background: url('../png/triangles-hypercolor.png') no-repeat 50%;
background-size: 50%;
height: 0;
margin: 20px 0 0;
padding: 100% 0 0;
width:100%;
}
.votebig {
background: url('../png/icon-vote-bandcamp.png') no-repeat 50%;
background-size: 50%;
height: 0;
margin: 20px 0 0;
padding: 100% 0 0;
width:100%;
background-position: 50% 10%;
}
.vote a:link {
color: #1da0c3;
}
.vote h1 {
font-weight: bold;
font-style: italic;
font-size:22px;
margin: 2rem 0 0;
padding: 0;
line-height: 120%;
text-align: center;
}
.vote h2 {
font-weight: normal;
font-style: italic;
font-size:12px;
text-align: center;
margin: 0.5rem 0 2rem;
}
/* yui contact form overrides */
.contact-dlg {
margin: -284px -224px 0;
transform: none;
}
.contact-dlg .hd {
box-shadow: none;
height: auto;
width: auto;
transition: none;
}
.contact-dlg .bd {
margin: 0;
}
.bcoaklandimgs {
display: flex;
flex-wrap: wrap;
}
.bcoaklandimgs .bcoak1 {
width: 56%;
height: 27vw;
margin: 0 2% 1.7vw 0;
background: url('../jpg/bandacmp-oakland-store-performance-space-main-1.jpg');
background-size: cover;
}
.bcoaklandimgs .bcoak2 {
width: 42%;
height: 27vw;
background: url('../jpg/bandcamp-oakland-performance-yrmedia-remixyourlife.jpg');
background-size: cover;
background-position: 50%;
}
.bcoaklandimgs .bcoak3 {
width: 28%;
margin: 0 2% 0 -4%;
display: flex;
flex-wrap: wrap;
}
.bcoaklandimgs .bcoak3a {
width: 100%;
margin: 0 0 1.7vw 0;
height: 35vw;
background: url('../jpg/bandcamp-oakland-performance-christianscottatundeadjuah.jpg');
background-size: cover;
background-position: 50%;
}
.bcoaklandimgs .bcoak3b {
width: 100%;
height: 12.7vw;
background: url('../jpg/bandcamp-oakland-performance-spiritualcramp.jpg');
background-size: cover;
}
.bcoaklandimgs .bcoak4 {
width: 74%;
display: flex;
flex-wrap: wrap;
}
.bcoaklandimgs .bcoak4a {
width: 70%;
margin: 0 3% 1.7vw 0;
height: 27.7vw;
background: url('../jpg/bandcamp-oakland-performance-lealani.jpg');
background-size: cover;
}
.bcoaklandimgs .bcoak4b {
width: 27%;
height: 27.7vw;
margin: 0 0 1.7vw 0;
}
.bcoaklandimgs .bcoak4b1 {
width: 100%;
margin: 0 0 1.7vw 0;
height: 15vw;
background: url('../jpg/bandcamp-oakland-performance-christianscottatundeadjuah2.jpg');
background-size: cover;
}
.bcoaklandimgs .bcoak4b2 {
width: 100%;
margin: 0;
height: 11vw;
background: url('../jpg/bandcamp-oakland-yrmediaremixyourlife.jpg');
background-size: cover;
}
.bcoaklandimgs .bcoak4c {
width: 48%;
margin: 0 3% 0 0;
height: 20vw;
background: url('../jpg/bandcamp-oakland-performance-ghostandthecity.jpg');
background-size: cover;
}
.bcoaklandimgs .bcoak4d {
width: 49%;
height: 20vw;
background: url('../jpg/bandcamp-oakland-listening-booth.jpg');
background-size: cover;
}
.bcoaklandimgs .bcoak5 {
width: 60%;
height: 20vw;
margin: 1.7vw 1.7vw 0 0;
background: url('../jpg/bandcamp-oakland-performance-lealani2.jpg');
background-size: cover;
background-position: 50%;
}
.bcoaklandimgs .bcoak6 {
width: 35%;
height: 16vw;
margin: 1.7vw 0 0;
background: url('../jpg/bandcamp-oakland-performance-ritualsofmine.jpg');
background-size: cover;
}
/*------------------------------------------------------------*/
@media (max-width:740px) {
/* about_2015_phone */
.col,
.col+.col,
.col.no-gutter {
float: none;
margin-left: 0;
width: 100%;
}
.row-1 {
margin-top: 0;
}
.caption-1 {
bottom: inherit;
position: relative;
}
.bd {
margin-top: 0;
}
.hd-banner-inner {
background: #ffffc5;
}
.tri.mobile {
margin: 20px auto 0;
padding: 50% 0 0;
width: 50%;
}
.votebig.mobile {
margin: 20px 0 0;
padding: 30% 0 0;
width:100%;
background-size: 25%;
background-position: 50% 50%;
}
.bcoaklandimgs .bcoak1,
.bcoaklandimgs .bcoak2,
.bcoaklandimgs .bcoak3,
.bcoaklandimgs .bcoak3a,
.bcoaklandimgs .bcoak3b,
.bcoaklandimgs .bcoak4,
.bcoaklandimgs .bcoak4a,
.bcoaklandimgs .bcoak4b,
.bcoaklandimgs .bcoak4b1,
.bcoaklandimgs .bcoak4b2,
.bcoaklandimgs .bcoak4c,
.bcoaklandimgs .bcoak4d,
.bcoaklandimgs .bcoak5,
.bcoaklandimgs .bcoak6 {
width: 100%;
height: 80vw;
background-position: 50%;
margin: 0 0 4vw 0;
}
.bcoaklandimgs .bcoak3,
.bcoaklandimgs .bcoak4 {
height: auto;
margin: 0;
}
/* hacky */
div.col-8-12.offset-2-12 {
width: 100%;
margin: 0;
}
}
/* new header */
.header-rework-2018 .hd {
background-color: #FFF;
box-shadow: 0 0 1px 0 rgba(0,0,0,0.2);
position: relative;
}
/* trackpipe/public/css/hljs-agate.css */
/*!
* Agate by Taufik Nurrohman
* ----------------------------------------------------
*
* #ade5fc
* #a2fca2
* #c6b4f0
* #d36363
* #fcc28c
* #fc9b9b
* #ffa
* #fff
* #333
* #62c8f3
* #888
*
*/
.hljs {
display: block;
overflow-x: auto;
padding: 0.5em;
background: #333;
color: white;
}
.hljs-name,
.hljs-strong {
font-weight: bold;
}
.hljs-code,
.hljs-emphasis {
font-style: italic;
}
.hljs-tag {
color: #62c8f3;
}
.hljs-variable,
.hljs-template-variable,
.hljs-selector-id,
.hljs-selector-class {
color: #ade5fc;
}
.hljs-string,
.hljs-bullet {
color: #a2fca2;
}
.hljs-type,
.hljs-title,
.hljs-section,
.hljs-attribute,
.hljs-quote,
.hljs-built_in,
.hljs-builtin-name {
color: #ffa;
}
.hljs-number,
.hljs-symbol,
.hljs-bullet {
color: #d36363;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-literal {
color: #fcc28c;
}
.hljs-comment,
.hljs-deletion,
.hljs-code {
color: #888;
}
.hljs-regexp,
.hljs-link {
color: #c6b4f0;
}
.hljs-meta {
color: #fc9b9b;
}
.hljs-deletion {
background-color: #fc9b9b;
color: #333;
}
.hljs-addition {
background-color: #a2fca2;
color: #333;
}
.hljs a {
color: inherit;
}
.hljs a:focus,
.hljs a:hover {
color: inherit;
text-decoration: underline;
}
/* trackpipe/public/css/api_documentation.css */
#pgContent {
-webkit-font-smoothing: antialiased;
}
.bd ul {
list-style: none;
}
.bd ul.field-list .field-list {
padding-bottom: 0;
}
h3.api {
font-size: x-large;
margin-top: 3em;
}
h3.api.first{
margin-top: 0;
}
dl.field-list {
position: relative;
padding-bottom: 0;
margin-top: 0;
}
dl.field-list dt {
float: left;
clear: left;
font-weight: bold;
min-width: 300px;
}
dl.field-list.params dt {
min-width: 0;
font-family: courier, serif;
font-weight: normal;
}
dl.field-list.params dd {
margin-left: 160px;
}
dl.field-list.item-params {
left: -140px;
margin-top:5px;
}
dl.field-list.item-params dt {
font-family: courier, serif;
font-weight: normal;
}
dl.field-list.item-params dd {
margin-left: 175px;
}
dl.field-list dt.hdr, dl.field-list dd.hdr {
font-size: 16px;
font-weight: bold;
text-decoration: underline;
margin-bottom: 0.5em;
}
dl.field-list.params+h3{
clear:both;
}
.tt {
font-family: courier, serif;
}
.ital {
font-style: italic;
}
.call-parts{
padding:0;
margin:0;
}
.return-values{
margin-top: 1.5em;
}
p.return-values-text{
padding-bottom:0;
}
.centered {
padding-left: 33%;
}
.bd p+p {
margin-top: -1em;
}
a.within-page {
color: #ccc;
font-size: 70%;
}
.content .tbc {
display: none;
}
.api-menu {
border-right: 1px solid #eaeaea;
height: 100%;
margin: 0px;
padding-left: 0px;
}
.api-menu ul {
padding: 0 0 1em;
}
.api-menu li ul {
padding: 0 0 0.75em 1.5em;
}
.api-menu li {
border-radius: 2px 0 0 2px;
margin: 0px;
position: relative;
}
.api-menu > li {
margin-bottom: 4px;
}
.api-menu li.active:hover {
background-color: #fff;
}
.api-menu > li.active {
border-bottom: 1px solid #eaeaea;
border-right: 0;
border-top: 1px solid #eaeaea;
}
.api-menu > li.active:after {
background-color: #1da0c3;
border-radius: 2px 0 0 2px;
bottom: -1px;
content: '';
display: block;
left: 0px;
position: absolute;
top: -1px;
width: 3px;
}
.api-menu a {
border-radius: 2px 0 0 2px;
display: block;
font-size: 13px;
font-weight: bold;
overflow: hidden;
padding: 0.5em 1.5em;
text-decoration: none;
text-overflow: ellipsis;
/*white-space: nowrap;*/
}
.api-menu a:hover {
background-color: #e9e9e9;
}
.api-menu > .active > a:hover {
background-color: inherit;
cursor: default;
}
.api-menu li ul a {
font-weight: 500;
}
.api-menu li.active > a {
color: #000;
}
.field-list {
padding-left: 0px;
}
pre {
line-height: 1.5em;
margin: 0 0 2em;
overflow-x: auto;
padding: 0;
white-space: pre;
-webkit-font-smoothing: subpixel-antialiased;
}
p+pre {
margin-top:-1em;
}
pre > code {
background-color: #e9e9e9;
border-radius: 3px;
display: block;
padding: 8px 12px 10px;
}
.hljs {
padding: 8px 12px 10px;
}
.yui-panel .hd {
background-color: #5e5e5e;
border-color: #5e5e5e;
height: auto;
width: auto;
}
.yui-panel .bd {
margin-top: 0;
}
.bd p.version-selector {
margin: 0 0 1em;
}
.version-button {
display: inline-block;
vertical-align: baseline;
line-height: 1;
margin-right: 0.5em;
padding: 0.5em;
background: #fff;
border: 1px solid #ddd;
border-radius: 3px;
}
.version-button.selected {
font-weight: bold;
border-color: #333;
}
.changelog {
margin-bottom: 2em;
padding: 1em 1em 0;
background: #eee;
}
.changelog h4 {
margin-top: 0;
margin-bottom: 0.5em;
}
.changelog li {
list-style-type: disc;
margin-left: 2em;
}
/*------------------------------------------------------------*/
@media (max-width:740px) {
.bd h1 {
margin-bottom: 0.67em;
}
.api-menu {
border: none;
}
.api-menu > li.active {
border: 1px solid #eaeaea;
border-radius: 2px;
}
.api-menu li ul {
border-radius: 2px;
padding: 0 1.5em 0.75em;
}
}