/* Normalize CSS */
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
HTML5 display definitions
========================================================================== */
/*
* Corrects `block` display not defined in IE 8/9.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block;
}
/*
* Corrects `inline-block` display not defined in IE 8/9.
*/
audio,
canvas,
video {
display: inline-block;
}
/*
* Prevents modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/*
* Addresses styling for `hidden` attribute not present in IE 8/9.
*/
[hidden] {
display: none;
}
/* ==========================================================================
Base
========================================================================== */
/*
* 1. Sets default font family to sans-serif.
* 2. Prevents iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
-ms-text-size-adjust: 100%; /* 2 */
}
/*
* Removes default margin and padding.
*/
body {
margin: 0;
padding: 0;
}
/* ==========================================================================
Links
========================================================================== */
/*
* Addresses `outline` inconsistency between Chrome and other browsers.
*/
a:focus {
outline: thin dotted;
}
/*
* Improves readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* ==========================================================================
Typography
========================================================================== */
/*
* Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
* Safari 5, and Chrome.
*/
h1 {
font-size: 2em;
}
/*
* Addresses styling not present in IE 8/9, Safari 5, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/*
* Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
*/
b,
strong {
font-weight: bold;
}
/*
* Addresses styling not present in Safari 5 and Chrome.
*/
dfn {
font-style: italic;
}
/*
* Addresses styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/*
* Corrects font family set oddly in Safari 5 and Chrome.
*/
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
}
/*
* Improves readability of pre-formatted text in all browsers.
*/
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
/*
* Sets consistent quote types.
*/
q {
quotes: "\201C" "\201D" "\2018" "\2019";
}
/*
* Addresses inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/*
* Prevents `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* ==========================================================================
Embedded content
========================================================================== */
/*
* Removes border when inside `a` element in IE 8/9.
*/
img {
border: 0;
}
/*
* Corrects overflow displayed oddly in IE 9.
*/
svg:not(:root) {
overflow: hidden;
}
/* ==========================================================================
Figures
========================================================================== */
/*
* Addresses margin not present in IE 8/9 and Safari 5.
*/
figure {
margin: 0;
}
/* ==========================================================================
Forms
========================================================================== */
/*
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/*
* 1. Corrects color not being inherited in IE 8/9.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0; /* 1 */
padding: 0; /* 2 */
}
/*
* 1. Corrects font family not being inherited in all browsers.
* 2. Corrects font size not being inherited in all browsers.
* 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
*/
button,
input,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 2 */
margin: 0; /* 3 */
}
/*
* Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
button,
input {
line-height: normal;
}
/*
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Corrects inability to style clickable `input` types in iOS.
* 3. Improves usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
}
/*
* Re-set default cursor for disabled elements.
*/
button[disabled],
input[disabled] {
cursor: default;
}
/*
* 1. Addresses box sizing set to `content-box` in IE 8/9.
* 2. Removes excess padding in IE 8/9.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/*
* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box;
}
/*
* Removes inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/*
* Removes inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/*
* 1. Removes default vertical scrollbar in IE 8/9.
* 2. Improves readability and alignment in all browsers.
*/
textarea {
overflow: auto; /* 1 */
vertical-align: top; /* 2 */
}
/* ==========================================================================
Tables
========================================================================== */
/*
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
/*
#846170 // purple
#70929c // blue
#e6846e // orange
#8e8485 // beige
*/
.sc-artwork {
background-size: cover;
background-position: 50% 50%;
display: inline-block;
}
.sc-artwork.sc-artwork-placeholder-0 {
background-image: linear-gradient(135deg, #846170, #70929c);
}
.sc-artwork.sc-artwork-placeholder-1 {
background-image: linear-gradient(135deg, #846170, #e6846e);
}
.sc-artwork.sc-artwork-placeholder-2 {
background-image: linear-gradient(135deg, #846170, #8e8485);
}
.sc-artwork.sc-artwork-placeholder-3 {
background-image: linear-gradient(135deg, #70929c, #846170);
}
.sc-artwork.sc-artwork-placeholder-4 {
background-image: linear-gradient(135deg, #70929c, #e6846e);
}
.sc-artwork.sc-artwork-placeholder-5 {
background-image: linear-gradient(135deg, #70929c, #8e8485);
}
.sc-artwork.sc-artwork-placeholder-6 {
background-image: linear-gradient(135deg, #e6846e, #846170);
}
.sc-artwork.sc-artwork-placeholder-7 {
background-image: linear-gradient(135deg, #e6846e, #70929c);
}
.sc-artwork.sc-artwork-placeholder-8 {
background-image: linear-gradient(135deg, #e6846e, #8e8485);
}
.sc-artwork.sc-artwork-placeholder-9 {
background-image: linear-gradient(135deg, #8e8485, #846170);
}
.sc-artwork.sc-artwork-placeholder-10 {
background-image: linear-gradient(135deg, #8e8485, #70929c);
}
.sc-artwork.sc-artwork-placeholder-11 {
background-image: linear-gradient(135deg, #8e8485, #e6846e);
}
/* ==========================================================================
Backgrounds
========================================================================== */
/* solid orange should never be used in large area.
Use a gradient instead */
.sc-background-orange {
background-color: #f50;
background-image: -webkit-linear-gradient(top, #f70 0%, #f30 100%);
background-image: linear-gradient(to bottom, #f70 0%, #f30 100%);
}
.sc-background-blue { background-color: #38d; }
.sc-background-darkgrey { background-color: #333; }
.sc-background-grey { background-color: #666; }
.sc-background-lightgrey { background-color: #999; }
.sc-background-white { background-color: #fff; }
.sc-background-dark { background-color: #e5e5e5; }
.sc-background-light { background-color: #f2f2f2; }
/* ==========================================================================
Borders
========================================================================== */
.sc-border-dark { border: 1px solid #e5e5e5; }
.sc-border-dark-top { border-top: 1px solid #e5e5e5; }
.sc-border-dark-right { border-right: 1px solid #e5e5e5; }
.sc-border-dark-bottom { border-bottom: 1px solid #e5e5e5; }
.sc-border-dark-left { border-left: 1px solid #e5e5e5; }
.sc-border-light { border: 1px solid #f2f2f2; }
.sc-border-light-top { border-top: 1px solid #f2f2f2; }
.sc-border-light-right { border-right: 1px solid #f2f2f2; }
.sc-border-light-bottom { border-bottom: 1px solid #f2f2f2; }
.sc-border-light-left { border-left: 1px solid #f2f2f2; }
.sc-border-orange { border: 1px solid #f50; }
.sc-border-orange-top { border-top: 1px solid #f50; }
.sc-border-orange-right { border-right: 1px solid #f50; }
.sc-border-orange-bottom { border-bottom: 1px solid #f50; }
.sc-border-orange-left { border-left: 1px solid #f50; }
.sc-border-box {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sc-browsers-enable-gpu {
/*
This enables hardware acceleration in WebKit and only works in it because it does not target layers automatically
that should use hardware accelaration, more info about that:
http://stackoverflow.com/questions/9068132/why-arent-browsers-smart-enough-to-hardware-accelerate-without-tricks
*/
-webkit-transform: translate3d(0,0,0);
}
/* ==========================================================================
Buttons
========================================================================== */
/*
* Example HTML:
*
*
*/
.sc-button {
display: inline-block;
position: relative;
height: 26px;
margin: 0;
padding: 2px 11px 2px 10px;
border: 1px solid #e5e5e5;
border-radius: 3px;
background-color: #fff;
cursor: pointer;
color: #333;
font-size: 14px;
line-height: 20px;
white-space: nowrap;
font-family: "Interstate", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Garuda, Verdana, Tahoma, sans-serif;
font-weight: 100;
text-align: center;
vertical-align: baseline;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* =SIZES
----------------------------------------------------------------------------- */
.sc-button-small {
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Garuda, Verdana, Tahoma, sans-serif;
font-size: 11px;
padding: 2px 9px 2px 8px;
height: 22px;
line-height: 16px;
}
.sc-button-large {
font-size: 16px;
line-height: 18px;
padding: 10px 15px;
height: 40px;
}
/* Follow button has a fixed width */
.sc-button-medium.sc-button-follow { min-width: 98px; }
.sc-button-small.sc-button-follow { min-width: 81px; }
/* =REGULAR STATES (see special states at the bottom)
----------------------------------------------------------------------------- */
/* Focus & Hover */
.sc-button:hover,
.sc-button:focus,
.sc-button-focus {
color: #333;
outline: 0;
border-color: #ccc;
}
/* Active & Selected */
.sc-button-active,
.sc-button-selected {
color: #f50;
}
.sc-button-active:hover,
.sc-button-active:focus,
.sc-button-active.sc-button-focus,
.sc-button-selected:hover,
.sc-button-selected:focus,
.sc-button-selected.sc-button-focus {
color: #f50;
border: 1px solid #f50;
}
/* Visited */
.sc-button:visited {
color: #333;
}
/* =VARIATIONS
----------------------------------------------------------------------------- */
.sc-button-visual,
.sc-button-visual:hover,
.sc-button-visual:focus,
.sc-button-visual:active,
.sc-button-visual:visited {
border: 1px solid transparent;
background: rgba(0, 0, 0, .6);
color: #fff;
}
.sc-button-visual:hover { background: rgba(0, 0, 0, .7); }
.sc-button-visual:active { background: rgba(0, 0, 0, .8); }
.sc-button-selected.sc-button-visual {
background: rgba(0, 0, 0, .9);
color: #fff;
}
.sc-button-nostyle,
.sc-button-nostyle:hover,
.sc-button-nostyle:focus,
.sc-button-nostyle:active,
.sc-button.sc-button-nostyle:disabled,
.sc-button.sc-button-nostyle:disabled:hover {
border: 0;
background: none;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.sc-button-nostyle:focus {
outline: thin dotted;
}
/* Translucent buttons */
.sc-button.sc-button-translucent:not(.sc-button-cta) {
background-color: rgba(255, 255, 255, 0.8);
border-color: rgba(0, 0, 0, 0.1);
background-clip: padding-box;
transition: background-color 0.2s ease-in-out,
border-color 0.2s ease-in-out;
}
.sc-button.sc-button-translucent:not(.sc-button-cta):hover,
.sc-button.sc-button-translucent.sc-button-active:not(.sc-button-cta) {
background-color: rgba(255, 255, 255, 1);
border-color: rgba(0, 0, 0, 0.3);
}
.sc-button-lightfg,
.sc-button-lightfg:hover,
.sc-button-lightfg:visited {
color: #fff;
}
.sc-button-lightfg:focus,
.sc-button-lightfg:active {
color: #ccc;
outline: 0;
}
/* =PLAY BUTTONS
----------------------------------------------------------------------------- */
.sc-button-play,
.sc-button-pause,
.sc-button-prev,
.sc-button-next {
width: 24px;
height: 24px;
/* align play button with normal button */
margin: 1px 0;
padding: 0;
/* Hide inner text */
text-indent: -100000px;
/* Firefox doesn't create perfectly round buttons without border: 0; */
border: 0;
}
.sc-button-play:hover,
.sc-button-play:focus,
.sc-button-play.sc-button-focus,
.sc-button-pause:hover,
.sc-button-pause:focus,
.sc-button-pause.sc-button-focus,
.sc-button-prev:hover,
.sc-button-prev:focus,
.sc-button-prev.sc-button-focus,
.sc-button-next:hover,
.sc-button-next:focus,
.sc-button-next.sc-button-focus {
background-color: #f50;
}
.sc-button-play,
.sc-button-pause,
.sc-button-prev,
.sc-button-next,
.sc-button.sc-button-blocked,
.sc-button.sc-button-play:disabled,
.sc-button.sc-button-play:disabled:hover,
.sc-button.sc-button-play.sc-button-disabled:disabled {
background-color: #f50;
border-radius: 50%;
}
.sc-button-play:active,
.sc-button-pause:active,
.sc-button-prev:active,
.sc-button-next:active {
background-color: #f30;
border-color: #f30;
}
.sc-button.sc-button-play.sc-button-blocked,
.sc-button.sc-button-play:disabled,
.sc-button.sc-button-play.sc-button-disabled:disabled {
opacity: 0.4;
}
.sc-button-play:before,
.sc-button-pause:before,
.sc-button-prev:before,
.sc-button-next:before {
display: block;
position: absolute;
top: 0;
left: 1px;
width: 100%;
height: 100%;
content: "";
background-repeat: no-repeat;
opacity: 1;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
background-position: center center;
}
.sc-button-pause:before {
left: 0;
}
.sc-button-play:after,
.sc-button-pause:after,
.sc-button-prev:after,
.sc-button-next:after {
content: '';
opacity: 0;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.sc-button-play:before { background-size: undefinedpx undefinedpx; background-image: url(c798fbf8cd9ca74a85a648f1bebdffb0929e6a98.) ; }
.sc-button-pause:before { background-size: undefinedpx undefinedpx; background-image: url(6406fd8104eb58208fb4807e564ac4291f6ac984.) ; }
/* Play button sizes */
.sc-button-small.sc-button-play,
.sc-button-small.sc-button-pause,
.sc-button-small.sc-button-prev,
.sc-button-small.sc-button-next {
width: 20px;
height: 20px;
margin: 1px 0;
line-height: 20px;
}
.sc-button-small.sc-button-play:before { background-size: undefinedpx undefinedpx; background-image: url(c5032d232fe685cd92b40d7b59fa1d7206876377.) ; }
.sc-button-small.sc-button-pause:before { background-size: undefinedpx undefinedpx; background-image: url(43cee82d3f68f791133fdbc3856bc1bce3468071.) ; top: -1px; }
.sc-button-small.sc-button-prev:before { background-image: url(809207698ad9e7e16929dacaf97803496fe65465.) ; }
.sc-button-small.sc-button-next:before { background-image: url(285b253566ae8bba7aea15fd7084b4f7845c3a22.) ; }
.sc-button-large.sc-button-play,
.sc-button-large.sc-button-pause {
width: 28px;
height: 28px;
margin: 1px 0 1px 1px;
line-height: 42px;
}
.sc-button-large.sc-button-play:before { background-size: undefinedpx undefinedpx; background-image: url(0be1302635e480c45804ddac6681e0fad8890dbc.) ; }
.sc-button-large.sc-button-pause:before { background-size: undefinedpx undefinedpx; background-image: url(7407355c56d7da1cfe46e84864962f6af2e6a589.) ; left: 0;}
.sc-button-xlarge.sc-button-play,
.sc-button-xlarge.sc-button-pause {
width: 36px;
height: 36px;
}
.sc-button-xlarge.sc-button-play:before { background-size: undefinedpx undefinedpx; background-image: url(0be1302635e480c45804ddac6681e0fad8890dbc.) ; background-size: 12px 18px;}
.sc-button-xlarge.sc-button-pause:before { background-size: undefinedpx undefinedpx; background-image: url(7407355c56d7da1cfe46e84864962f6af2e6a589.) ; background-size: 12px 18px; left: 0;}
/* =Buffering
----------------------------------------------------------------------------- */
.sc-button-play.sc-button-buffering:before,
.sc-button-play.sc-button-pause.sc-button-buffering:before {
opacity: 0;
}
.sc-button-play.sc-button-buffering:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
opacity: 1;
background-repeat: no-repeat;
background-size: 24px 24px;
background-image: url(dde5199feb39387d947edc2008b4c9df3402393d.) ;
background-position: center center;
left: 0;
top: 0;
}
/* Buffering Sizes */
.sc-button-small.sc-button-play.sc-button-buffering:after {
background-size: 20px 20px;
background-image: url(707d3469d8c753417b91ad7f18e293361f8bcdd7.) ;
}
.sc-button-large.sc-button-play.sc-button-buffering:after {
background-size: 28px 28px;
background-image: url(155d9481c93e8bc0ea1cf894d5ecb40ebe533cac.) ;
}
/* HiDPI Buffering Images */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
.sc-button-play.sc-button-buffering:after {
background-image: url(d5c2dc9764df07a7a873a9385a6ff2514e771645.) ;
}
.sc-button-small.sc-button-play.sc-button-buffering:after {
background-image: url(8067f97860c98293bdc45cd8b78e293efe9f5897.) ;
}
.sc-button-large.sc-button-play.sc-button-buffering:after {
background-image: url(7ddf50ec9311310d1b76bc54247389f2baaafa8f.) ;
}
}
/* =ICON BUTTONS
----------------------------------------------------------------------------- */
/* Small button with icon */
.sc-button-block,
.sc-button-buy,
.sc-button-camera,
.sc-button-delete,
.sc-button-download,
.sc-button-edit,
.sc-button-like,
.sc-button-message,
.sc-button-moderate,
.sc-button-more,
.sc-button-pageleft,
.sc-button-pageright,
.sc-button-reply,
.sc-button-repost,
.sc-button-share,
.sc-button-thumbup,
.sc-button-thumbdown,
.sc-button-upload {
text-indent: 19px;
}
.sc-button-addtogroup,
.sc-button-addtoset {
text-indent: 20px;
}
.sc-button-addtogroup:before,
.sc-button-addtoset:before,
.sc-button-block:before,
.sc-button-buy:before,
.sc-button-camera:before,
.sc-button-delete:before,
.sc-button-download:before,
.sc-button-edit:before,
.sc-button-instagram:before,
.sc-button-like:before,
.sc-button-message:before,
.sc-button-moderate:before,
.sc-button-more:before,
.sc-button-pageleft:before,
.sc-button-pageright:before,
.sc-button-pc:before,
.sc-button-reply:before,
.sc-button-repost:before,
.sc-button-share:before,
.sc-button-thumbup:before,
.sc-button-thumbdown:before,
.sc-button-upload:before {
content: "";
display: block;
position: absolute;
background-repeat: no-repeat;
background-position: center center;
width: 20px;
height: 20px;
top: 0;
bottom: 0;
margin: auto 0;
left: 4px;
}
.sc-button-addtoset:before,
.sc-button-like:before {
left: 5px;
}
.sc-button-small:before {
width: 20px;
height: 20px;
}
.sc-button-small.sc-button-like:before { background-size: 16px 16px; background-image: url(25c25d171b7575e0bc425643e2f209d5eb1ea8cc.) ; }
.sc-button-small.sc-button-share:before { background-size: 16px 16px; background-image: url(9025010b83e80ce4fa17b5dc4eafa6dab902ec7b.) ; }
.sc-button-small.sc-button-selected.sc-button-like:before,
.sc-button-small.sc-button-selected.sc-button-like.sc-button-lightfg:before,
.sc-button-small.sc-button-selected.sc-button-like.sc-button-visual:before { background-size: 16px 16px; background-image: url(408c40331031331a87fd1f28a502711d24c102c9.) ; }
.sc-button-small.sc-button-selected.sc-button-like.sc-button-lightfg:focus:before { background-size: 16px 16px; background-image: url(697854b6c930ed70363c9014db1dbb27b848920f.) ; }
.sc-button-small.sc-button-selected.sc-button-repost:before,
.sc-button-small.sc-button-selected.sc-button-repost.sc-button-lightfg:before,
.sc-button-small.sc-button-selected.sc-button-repost.sc-button-visual:before { background-size: 16px 16px; background-image: url(b0dd9b1581e7c92c7b5b9eaf4d7084557f308275.) ; }
.sc-button-small.sc-button-selected.sc-button-repost.sc-button-lightfg:focus:before { background-size: 16px 16px; background-image: url(868a71388174ac21eebe5d239d95f231384dbad3.) ; }
.sc-button-small.sc-button-selected.sc-button-share.sc-button-lightfg:before,
.sc-button-small.sc-button-selected.sc-button-share.sc-button-visual:before,
.sc-button-small.sc-button-active.sc-button-share:before { background-size: 16px 16px; background-image: url(bd195fd59498dfbd7c05aee5c727756f8f86a634.) ; }
.sc-button-small.sc-button-selected.sc-button-share.sc-button-lightfg:focus:before { background-size: 16px 16px; background-image: url(9cdde66fdddb92d3e47d823f4c858ceb857ecdff.) ; }
.sc-button-small.sc-button-selected.sc-button-more:before,
.sc-button-small.sc-button-active.sc-button-more:before { background-size: 14px 4px; background-image: url(cb99b7e68a3a35be94c8fa2306f9257a993db4a1.) ; }
.sc-button-small.sc-button-like.sc-button-lightfg:before,
.sc-button-small.sc-button-like.sc-button-visual:before { background-size: 16px 16px; background-image: url(ba57d980935dcb40408efdfb4f2e8bec0f7df3a4.) ; }
.sc-button-small.sc-button-like.sc-button-lightfg:focus:before { background-size: 16px 16px; background-image: url(46cd7a28de52bb7c00185568c58f46d15fa2b9a8.) ; }
.sc-button-small.sc-button-addtoset:before { background-size: 16px 16px; background-image: url(b4cccd023705ebdef3fffe4dd9bc18e240650d95.) ; }
.sc-button-small.sc-button-camera:before { background-size: 15px 12px; background-image: url(7a8b978ee2737f2822a533f64e17935dced9abca.) ; }
.sc-button-small.sc-button-delete:before { background-size: 16px 16px; background-image: url(b0eb22c4cc39c4810bf6ea4457fa6459fc1f6be2.) ; }
.sc-button-small.sc-button-download:before { background-size: 16px 16px; background-image: url(e1239807ff9992a5fddc9225a4a4513b3b485ead.) ; }
.sc-button-small.sc-button-edit:before { background-size: 16px 16px; background-image: url(f4d101bf188928fe8c0d1bbbae1b89e84748715b.) ; }
.sc-button-small.sc-button-more:before { background-size: 14px 4px; background-image: url(c344b29f03c681be2901998cbb903acde09624af.) ; }
.sc-button-small.sc-button-repost:before { background-size: 16px 16px; background-image: url(3ed757d7244f19e26024cafa0ce40588cd127c25.) ; }
.sc-button-small.sc-button-more.sc-button-lightfg:before { background-size: 14px 4px; background-image: url(d65106faf2734b013fdc57639ee701dc5eb4efd3.) ; }
.sc-button-small.sc-button-more.sc-button-lightfg:focus:before { background-size: 14px 4px; background-image: url(517a88abe60dc035552dede5726ee9e8f472862d.) ; }
/*
* Positioning a 15x15 background on a 20x20 elements
* results in background-position: 2px 2px in Firefox
* and 3px 3px in all others. Forcing 3px here:
*/
.sc-button-small.sc-button-thumbdown:before { background-image: url(87be5ad26a1ab85ec9c1cd21308e3473d64aa446.) ; }
.sc-button-small.sc-button-thumbup:before { background-image: url(cb632a28ecd5a9ff131e5f6afaa911040d02dd6a.) ; }
.sc-button-small.sc-button-upload:before { background-image: url(bf70f2ef865964da887191fd5186635d7161fb6f.) ; }
.sc-button-small.sc-button-moderate:before { background-image: url(c61b1b73e043abcf9717e2d73417c32f9f303447.) ; }
.sc-button-small.sc-button-pageleft:before { background-image: url(af9553f5f933f14f7855c530bb959dce68b13e4e.) ; }
.sc-button-small.sc-button-pageright:before { background-image: url(9749cafc953db280cc6e21571fa4347515fa8a2b.) ; }
.sc-button-small.sc-button-reply:before { background-image: url(83fff94bd9ba8c8b2866f34e1cf0ad86201d1efe.) ; }
.sc-button-small.sc-button-addtogroup:before { background-image: url(073d2046a1d9c8cc86340d3d6e326156fa90e7ed.) ; }
.sc-button-small.sc-button-buy:before { background-image: url(f095d9669508c47771028f5adca5cfc31d9305b7.) ; }
.sc-button-small.sc-button-block:before { background-image: url(6cb3a5960f6266855cfbf5bfc594da97c2ed99b9.) ; }
.sc-button-small.sc-button-lightfg.sc-button-repost:before,
.sc-button-small.sc-button-visual.sc-button-repost:before { background-size: 16px 16px; background-image: url(53ce733bdd0b2c38602bb36d9c97caaa04db5e15.) ; }
.sc-button-small.sc-button-visual.sc-button-download:before { background-size: 16px 16px; background-image: url(83cd3b501f96eb02b8f2ce2e8bcd9cf4fb0fd89c.) ; }
.sc-button-small.sc-button-visual.sc-button-share:before { background-size: 16px 16px; background-image: url(6af447242879db02ee90f57856458d0943754845.) ; }
.sc-button-small.sc-button-lightfg.sc-button-share:focus:before { background-size: 16px 16px; background-image: url(02f88fa50ce4e78a5a4f4aa898a4fc337ef5397d.) ; }
.sc-button-small.sc-button-lightfg.sc-button-download:focus:before { background-size: 16px 16px; background-image: url(8a8cfc7f1a1f6d8d682f92e7eac1e74d37b3c19f.) ; }
.sc-button-small.sc-button-lightfg.sc-button-repost:focus:before { background-size: 16px 16px; background-image: url(217c58ebb1d9874d527d04a063ee7f678a52446b.) ; }
.sc-button-small.sc-button-lightfg.sc-button-buy:before,
.sc-button-small.sc-button-visual.sc-button-buy:before { background-image: url(803127077fefec6050ada9507d0bbf41b489b384.) ; }
/* Retina buttons
========================================================================== */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
.sc-button-small.sc-button-buy:before {
background-size: 15px 15px;
background-image: url(1c1cd9d4763ada5bdf5c654cf17c92e541c3ade3.) ;
}
.sc-button-small.sc-button-buy.sc-button-lightfg:before,
.sc-button-small.sc-button-buy.sc-button-visual:before {
background-size: 15px 15px;
background-image: url(cc2b26630168cc65ca4fb37a77ecf73970ed6796.) ;
}
.sc-button-small.sc-button-pageleft:before {
background-size: 16px 16px;
background-image: url(a0b92e965dceeee032607d14812358ac16cbcfaa.) ;
}
.sc-button-small.sc-button-pageright:before {
background-size: 16px 16px;
background-image: url(303da4ac2a0957123459ae243b15e9da025b16ef.) ;
}
}
/* Medium button with icon */
.sc-button-medium.sc-button-addtogroup,
.sc-button-medium.sc-button-addtoset,
.sc-button-medium.sc-button-camera,
.sc-button-medium.sc-button-delete,
.sc-button-medium.sc-button-download,
.sc-button-medium.sc-button-edit,
.sc-button-medium.sc-button-instagram,
.sc-button-medium.sc-button-like,
.sc-button-medium.sc-button-message,
.sc-button-medium.sc-button-moderate,
.sc-button-medium.sc-button-pageleft,
.sc-button-medium.sc-button-pageright,
.sc-button-medium.sc-button-pc,
.sc-button-medium.sc-button-reply,
.sc-button-medium.sc-button-repost,
.sc-button-medium.sc-button-share {
text-indent: 19px;
}
.sc-button-medium.sc-button-addtogroup {
text-indent: 20px;
}
.sc-button-medium.sc-button-addtogroup:before,
.sc-button-medium.sc-button-camera:before,
.sc-button-medium.sc-button-delete:before,
.sc-button-medium.sc-button-download:before,
.sc-button-medium.sc-button-edit:before,
.sc-button-medium.sc-button-instagram:before,
.sc-button-medium.sc-button-like:before,
.sc-button-medium.sc-button-message:before,
.sc-button-medium.sc-button-moderate:before,
.sc-button-medium.sc-button-pc:before,
.sc-button-medium.sc-button-reply:before,
.sc-button-medium.sc-button-repost:before,
.sc-button-medium.sc-button-share:before {
left: 5px;
}
.sc-button-medium.sc-button-addtoset:before {
left: 6px;
}
.sc-button-medium.sc-button-edit:before {
top: 1px;
}
.sc-button-medium.sc-button-addtogroup:before { background-image: url(d1a78e48ba59c499780f871030711281b0ee6ed8.) ; }
.sc-button-medium.sc-button-addtoset:before { background-size: 16px 16px; background-image: url(b4cccd023705ebdef3fffe4dd9bc18e240650d95.) ; }
.sc-button-medium.sc-button-camera:before { background-size: 15px 12px; background-image: url(7a8b978ee2737f2822a533f64e17935dced9abca.) ; }
.sc-button-medium.sc-button-edit:before { background-image: url(7c2d7749c4ee2f73090a0dfde02f2e5c17c6d039.) ; }
.sc-button-medium.sc-button-instagram:before { background-image: url(9b15a551d78f90b577aad6eb8d46c083a41a9b22.) ; }
.sc-button-medium.sc-button-delete:before { background-image: url(ff2ac228bc5fa506f94d405af324c4b44472ffb0.) ; }
.sc-button-medium.sc-button-download:before { background-size: 16px 16px; background-image: url(e1239807ff9992a5fddc9225a4a4513b3b485ead.) ; }
.sc-button-medium.sc-button-like:before { background-size: 16px 16px; background-image: url(4095c791c4aad8c79e5a4af64be91dbf5ec62679.) ; }
.sc-button-medium.sc-button-message:before { background-image: url(01c5cdb1f3a957abafd544342f1c984de9f4cb8f.) ; }
.sc-button-medium.sc-button-more:before { background-size: 14px 4px; background-image: url(c344b29f03c681be2901998cbb903acde09624af.) ; }
.sc-button-medium.sc-button-pageleft:before { background-image: url(af9553f5f933f14f7855c530bb959dce68b13e4e.) ; }
.sc-button-medium.sc-button-pageright:before { background-image: url(9749cafc953db280cc6e21571fa4347515fa8a2b.) ; }
.sc-button-medium.sc-button-pc:before { background-image: url(a218a3d3c09d7ce1cc2d1785fbbf74c5323fe343.) ; }
.sc-button-medium.sc-button-reply:before { background-image: url(884dc13b1ff2f3507d61b9a10476a05a64e90fca.) ; }
.sc-button-medium.sc-button-repost:before { background-size: 16px 16px; background-image: url(3ed757d7244f19e26024cafa0ce40588cd127c25.) ; }
.sc-button-medium.sc-button-share:before { background-size: 16px 16px; background-image: url(9025010b83e80ce4fa17b5dc4eafa6dab902ec7b.) ; }
.sc-button-selected.sc-button-medium.sc-button-more:before,
.sc-button-active.sc-button-medium.sc-button-more:before { background-size: 14px 4px; background-image: url(cb99b7e68a3a35be94c8fa2306f9257a993db4a1.) ; }
.sc-button-medium.sc-button-addtoset.sc-button-lightfg:before { background-size: 16px 16px; background-image: url(d9f5aa545a9dc8ce6c433f2c4eb0c2742e5da3b1.) ; }
.sc-button-medium.sc-button-camera.sc-button-lightfg:before { background-size: 15px 12px; background-image: url(f8ddcb2b60e11b8313ef0593450a227668614967.) ; }
.sc-button-medium.sc-button-download.sc-button-lightfg:before { background-size: 16px 16px; background-image: url(83cd3b501f96eb02b8f2ce2e8bcd9cf4fb0fd89c.) ; }
.sc-button-medium.sc-button-like.sc-button-lightfg:before { background-size: 16px 16px; background-image: url(ba57d980935dcb40408efdfb4f2e8bec0f7df3a4.) ; }
.sc-button-medium.sc-button-more.sc-button-lightfg:before { background-size: 14px 4px; background-image: url(d65106faf2734b013fdc57639ee701dc5eb4efd3.) ; }
.sc-button-medium.sc-button-repost.sc-button-lightfg:before { background-size: 16px 16px; background-image: url(53ce733bdd0b2c38602bb36d9c97caaa04db5e15.) ; }
.sc-button-medium.sc-button-share.sc-button-lightfg:before { background-size: 16px 16px; background-image: url(6af447242879db02ee90f57856458d0943754845.) ; }
.sc-button-medium.sc-button-addtoset.sc-button-lightfg:focus:before { background-size: 16px 16px; background-image: url(45bd11bcc10c330b216a3a0b6d6129408d4a03b0.) ; }
.sc-button-medium.sc-button-camera.sc-button-lightfg:focus:before { background-size: 15px 12px; background-image: url(7a3ee7aa4d595e25e38347b007855bd32f9480b3.) ; }
.sc-button-medium.sc-button-download.sc-button-lightfg:focus:before { background-size: 16px 16px; background-image: url(8a8cfc7f1a1f6d8d682f92e7eac1e74d37b3c19f.) ; }
.sc-button-medium.sc-button-like.sc-button-lightfg:focus:before { background-size: 16px 16px; background-image: url(46cd7a28de52bb7c00185568c58f46d15fa2b9a8.) ; }
.sc-button-medium.sc-button-more.sc-button-lightfg:focus:before { background-size: 14px 4px; background-image: url(517a88abe60dc035552dede5726ee9e8f472862d.) ; }
.sc-button-medium.sc-button-repost.sc-button-lightfg:focus:before { background-size: 16px 16px; background-image: url(217c58ebb1d9874d527d04a063ee7f678a52446b.) ; }
.sc-button-medium.sc-button-share.sc-button-lightfg:focus:before { background-size: 16px 16px; background-image: url(02f88fa50ce4e78a5a4f4aa898a4fc337ef5397d.) ; }
.sc-button-selected.sc-button-medium.sc-button-like:before { background-size: 16px 16px; background-image: url(408c40331031331a87fd1f28a502711d24c102c9.) ; }
.sc-button-selected.sc-button-medium.sc-button-repost:before { background-size: 16px 16px; background-image: url(b0dd9b1581e7c92c7b5b9eaf4d7084557f308275.) ; }
.sc-button-selected.sc-button-medium.sc-button-like:active:before,
.sc-button-selected.sc-button-medium.sc-button-like:focus:before { background-size: 16px 16px; background-image: url(697854b6c930ed70363c9014db1dbb27b848920f.) ; }
.sc-button-selected.sc-button-medium.sc-button-repost:active:before,
.sc-button-selected.sc-button-medium.sc-button-repost:focus:before { background-size: 16px 16px; background-image: url(868a71388174ac21eebe5d239d95f231384dbad3.) ; }
/* Retina buttons
========================================================================== */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
.sc-button-medium.sc-button-pageleft:before {
background-size: 16px 16px;
background-image: url(a0b92e965dceeee032607d14812358ac16cbcfaa.) ;
}
.sc-button-medium.sc-button-pageright:before {
background-size: 16px 16px;
background-image: url(303da4ac2a0957123459ae243b15e9da025b16ef.) ;
}
}
/* Icon only */
.sc-button-small.sc-button-icon,
.sc-button-medium.sc-button-icon {
text-align: left;
text-indent: -100000px;
}
.sc-button-small.sc-button-icon,
.sc-button-small.sc-button-responsive {
min-width: 25px;
}
.sc-button-medium.sc-button-icon,
.sc-button-medium.sc-button-responsive {
min-width: 31px;
}
.sc-button-small.sc-button-icon:before { left: 1px; }
.sc-button-medium.sc-button-icon:before { left: 4px; }
/* =BUTTON GROUPS
----------------------------------------------------------------------------- */
/*
* Example HTML:
*
*
*
*
*
*
*/
.sc-button-toolbar {
margin: 0 0 7px 0;
}
.sc-button-toolbar:before,
.sc-button-toolbar:after {
content: "";
display: table;
}
.sc-button-toolbar:after {
clear: both;
}
/*
* Example HTML:
*
*
*/
.sc-button-group {
vertical-align: middle;
display: inline-block;
clear: both;
}
.sc-button-toolbar > .sc-button,
.sc-button-group > .sc-button {
float: left;
margin-right: 5px;
}
.sc-button-toolbar > .sc-button:last-child,
.sc-button-group > .sc-button:last-child {
margin-right: 0;
}
.sc-button-toolbar > .sc-button-group {
float: left;
clear: none;
padding-right: 5px;
padding-left: 5px;
}
.sc-button-toolbar > .sc-button-group-medium {
padding-right: 10px;
padding-left: 10px;
}
.sc-button-toolbar > .sc-button-group:first-child {
padding-left: 0;
border-left: none;
}
.sc-button-toolbar > .sc-button-group:last-child {
padding-right: 0;
}
.sc-button-group-pill > .sc-button:not(:last-child) {
margin-right: 0;
border-radius: 0;
border-right: 0;
}
.sc-button-group-pill > .sc-button-visual:not(:last-child) {
margin-right: 1px;
}
.sc-button-group-pill > .sc-button:first-child {
border-radius: 4px 0 0 4px;
}
.sc-button-group-pill > .sc-button:last-child {
border-radius: 0 4px 4px 0;
}
.sc-button-group-pill > .sc-button:first-child:last-child {
border-radius: 4px;
}
/* =CALL TO ACTION BUTTONS
----------------------------------------------------------------------------- */
.sc-button-cta,
.sc-button-cta:hover,
.sc-button-cta:focus,
.sc-button-cta:visited {
background-color: #f50;
border-color: #f50;
color: white;
}
/* =FACEBOOK BUTTONS
----------------------------------------------------------------------------- */
.sc-button-facebook,
.sc-button-facebook:hover,
.sc-button-facebook:focus,
.sc-button-facebook:visited {
background-color: #264285;
background-image: -webkit-linear-gradient(#3857A1, #264285);
background-image: linear-gradient(#3857A1, #264285);
border-color: #264285;
color: white;
}
.sc-button-facebook:hover,
.sc-button-facebook:focus,
.sc-button-facebook:visited {
background-color: #264285;
background-image: -webkit-linear-gradient(#3857A1, #264285);
background-image: linear-gradient(#3857A1, #264285);
border-color: #264285;
color: white;
}
.sc-button-facebook:before {
content: "";
display: block;
position: absolute;
background-repeat: no-repeat;
background-position: center center;
top: 0;
left: 0;
border-right: 1px solid #264285;
}
/* Medium size */
.sc-button-medium.sc-button-facebook { text-indent: 24px; }
.sc-button-medium.sc-button-facebook:before {
width: 24px;
height: 24px;
background-image: url(fc4b5b6d256b7851e297bc422802c3e9f2d3ecb3.) ;
}
/* Large size */
.sc-button-large.sc-button-facebook { text-indent: 38px; }
.sc-button-large.sc-button-facebook:before {
width: 38px;
height: 38px;
background-image: url(91423bd2fc89db52245160a3be55ef5a73fb1b6d.) ;
}
/* =CUSTOM DROPDOWN BUTTON
----------------------------------------------------------------------------- */
.sc-button-dropdown {
border: 1px solid #f50;
cursor: pointer;
color: #f50;
text-align: left;
text-overflow: ellipsis;
}
.sc-button-dropdown.sc-button-dropdown-plain {
border-color: #ccc;
color: #333;
}
.sc-button-medium.sc-button-dropdown {
height: 32px;
padding: 0 25px 0 10px;
}
.sc-button-small.sc-button-dropdown {
height: 26px;
padding: 0 25px 0 10px;
font-size: 14px;
font-weight: 100;
font-family: "Interstate", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Garuda, Verdana, Tahoma, sans-serif;
}
.sc-button-dropdown:focus {
outline: none;
box-shadow: 0 0 0 4px #e5e5e5;
}
.sc-button-dropdown.sc-button-active:not(.sc-button-dropdown-plain),
.sc-button-dropdown:hover:not(.sc-button-dropdown-plain) {
background-color: #f50;
border-color: #f50;
color: #fff;
}
.sc-button-dropdown.sc-button-dropdown-plain:hover {
border-color: #aaa;
}
.sc-button-dropdown:after {
content: ' ';
border-right: 1px solid #f50;
border-bottom: 1px solid #f50;
height: 5px;
width: 5px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
right: 10px;
top: 10px;
}
.sc-button-dropdown.sc-button-dropdown-plain:after,
.sc-button-dropdown.sc-button-dropdown-plain:hover:after,
.sc-button-dropdown.sc-button-dropdown-plain.sc-button-active:after {
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.sc-button-small.sc-button-dropdown:after {
right: 8px;
top: 7px;
}
.sc-button-dropdown.sc-button-active:after,
.sc-button-dropdown:hover:after {
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
}
.sc-button-dropdown,
.sc-button-dropdown:after {
transition: all 0.08s;
}
/* =SPECIAL STATES
----------------------------------------------------------------------------- */
/* Disabled */
.sc-button:disabled,
.sc-button:disabled:hover,
.sc-button-disabled,
.sc-button-disabled:hover,
.sc-button-disabled:focus,
.sc-button.sc-pending,
.sc-button.sc-pending:hover {
background-color: #f2f2f2;
border-color: #e5e5e5;
color: #ccc;
cursor: default;
}
/* For icons of disabled buttons */
.sc-button:disabled:before,
.sc-button-disabled:before {
opacity: 0.3;
}
/* Pending */
.sc-button.sc-pending,
.sc-button.sc-pending:hover {
color: #bbb;
pointer-events: none;
background-color: #eee;
}
/* =ALTERNATE LABELS
----------------------------------------------------------------------------- */
/**
* When a button has different labels (eg: a hover label, or a different label when active), specify all possible values
* using alternate labels so the width of the button doesn't change when the labels do. That is, it will take the length
* of the longest of the alternate labels.
*
* Instead of a plain text label, add a span with class "sc-button-alt-labels", and inside, several spans each with one
* of the following classes:
* - `sc-button-label-default` for the label to display by default. Exactly one of these must exist.
* - `sc-button-label-hover` for the label to display when hovering. Exactly one of these must exist. If you don't want
* a different hover text, but do still want to reserve extra space, then include the same text twice, sorry.
* - `sc-button-label-alt` for labels which *may later* be applied to this button (eg: after clicking). These will not
* be displayed, but will take up horizontal space. To make them display, use JS to switch class names around. Any
* number of these may exist.
*
* Example HTML:
*
*
*
* It works by putting each of the alternate labels on top of each other while still taking horizontal width. The active
* label is then made visible again as appropriate.
*/
.sc-button-alt-labels {
visibility: hidden;
display: inline-block;
line-height: 0;
}
.sc-button-label-default:before,
.sc-button-label-hover:before,
.sc-button-label-alt:before {
white-space: pre;
content: "\A"; /* line break, believe it or not */
}
.sc-button-label-default,
.sc-button:hover .sc-button-label-hover {
visibility: visible;
}
.sc-button:hover .sc-button-label-default {
visibility: hidden;
}
/* ==========================================================================
Buy Links
========================================================================== */
.sc-buylink,
.sc-buylink:visited {
display: inline-block;
position: relative;
color: #333;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sc-buylink:hover {
color: #000;
}
/* Buy Links Variations
========================================================================== */
.sc-buylink-small {
height: 22px;
padding: 3px 0;
font-size: 11px;
line-height: 16px;
text-indent: 18px;
}
.sc-buylink-medium {
height: 26px;
padding: 3px 0;
font-size: 14px;
line-height: 20px;
text-indent: 22px;
font-weight: 100;
font-family: "Interstate", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Garuda, Verdana, Tahoma, sans-serif;
}
/* Icons
========================================================================== */
/* TODO create a default buy icon */
.sc-buylink-default {
text-indent: 0;
}
.sc-buylink-amazon:before,
.sc-buylink-beatport:before,
.sc-buylink-digitaltunes:before,
.sc-buylink-djdownload:before,
.sc-buylink-flattr:before,
.sc-buylink-ganxy:before,
.sc-buylink-gettyimages:before,
.sc-buylink-itunes:before,
.sc-buylink-juno:before,
.sc-buylink-legitmix:before,
.sc-buylink-promohutt:before,
.sc-buylink-minno:before,
.sc-buylink-surus:before,
.sc-buylink-trackitdown:before,
.sc-buylink-whatpeopleplay:before,
.sc-buylink-zeroinch:before,
.sc-buylink-zero:before {
content: "";
display: block;
position: absolute;
background-repeat: no-repeat;
background-position: center center;
width: 14px;
height: 14px;
top: 3px;
left: 0;
}
.sc-buylink-medium:before {
width: 20px;
height: 20px;
top: 2px;
left: 0;
}
.sc-buylink-amazon:before { background-image: url(6a37f431383ed5aec509599ba7de63dc042e4d4e.) ; }
.sc-buylink-beatport:before { background-image: url(9f397c9b077f56210b6bb6e1dac3b61e20e14fde.) ; }
.sc-buylink-digitaltunes:before { background-image: url(c9f067a1892013dcd423beb59e8364d5a2fefcc7.) ; }
.sc-buylink-djdownload:before { background-image: url(1015c794049235e781b5f7d312d2453f1828c3b3.) ; }
.sc-buylink-flattr:before { background-image: url(a6154aff57a31cc77d611bd3e515a00caecede66.) ; }
.sc-buylink-ganxy:before { background-image: url(5fb02d2214953ac88a47ff7e191220a13b675642.) ; }
.sc-buylink-gettyimages:before { background-image: url(947d00e5883917ca9038be75172f5f75e0dc99ac.) ; }
.sc-buylink-itunes:before { background-image: url(f2e01a9b66c19c9bc37cd60eb6e02ee9ab384cfa.) ; }
.sc-buylink-juno:before { background-image: url(2c0ec462b5a9b819541e142bdc5dda7168947537.) ; }
.sc-buylink-legitmix:before { background-image: url(ef99bee20d74d9d3dbbfb80c10f8283910ef8d39.) ; }
.sc-buylink-promohutt:before { background-image: url(20a3be7830e5889ac649255f427317b8d9e03848.) ; }
.sc-buylink-minno:before { background-image: url(7d833fb19d7722c78ce10ad96ce1cbd924fe70d6.) ; }
.sc-buylink-surus:before { background-image: url(15be6ce4c4e3aa6bee8d6fb2bfb6e1b8d61641d1.) ; }
.sc-buylink-trackitdown:before { background-image: url(7e22f72afb5e4add03a725358d97def4852eadb6.) ; }
.sc-buylink-whatpeopleplay:before { background-image: url(a3afc5754d996ef2e7031f4cb27e0a35378694f0.) ; }
.sc-buylink-zero:before,
.sc-buylink-zeroinch:before { background-image: url(08f8146e18a33a177ddab387bbaa87ccb00af856.) ; }
.sc-buylink-medium.sc-buylink-amazon:before { background-image: url(b4d4190f006af17c3e7d8e0cd332692b5faf392d.) ; }
.sc-buylink-medium.sc-buylink-beatport:before { background-image: url(d78921422a19313edb40851ffe8b1f1ef75ac85c.) ; }
.sc-buylink-medium.sc-buylink-digitaltunes:before { background-image: url(d580b2ea70780d9d48d6c16472b38d29b27984d8.) ; }
.sc-buylink-medium.sc-buylink-djdownload:before { background-image: url(9337966ad0795cbde6e6f936204a97d3c51e5348.) ; }
.sc-buylink-medium.sc-buylink-flattr:before { background-image: url(18860161529580d53e550090f3d88e0314030675.) ; }
.sc-buylink-medium.sc-buylink-ganxy:before { background-image: url(f1c28f8c4ef879e17c691eb35d231efe81b44314.) ; }
.sc-buylink-medium.sc-buylink-gettyimages:before { background-image: url(8cb1d5eb7fe3a2e81de661b5693869f0c8a633ac.) ; }
.sc-buylink-medium.sc-buylink-itunes:before { background-image: url(3edf61eb4ed7a7768a9b1d1503886034c3e83db6.) ; }
.sc-buylink-medium.sc-buylink-juno:before { background-image: url(ccd62e1f07985c07076f464ead61cb72dc296753.) ; }
.sc-buylink-medium.sc-buylink-legitmix:before { background-image: url(831ebf9657699856d0213306bbd901e9a59d3620.) ; }
.sc-buylink-medium.sc-buylink-promohutt:before { background-image: url(ea9bed620168449af8a957d50e9c4b7e457d9426.) ; }
.sc-buylink-medium.sc-buylink-minno:before { background-image: url(a66a2f2eb3155656b4ad418530dc62d92a76b981.) ; }
.sc-buylink-medium.sc-buylink-surus:before { background-image: url(6facf632d9bcd56280d26b1d4a5bd2d1ba7b848f.) ; }
.sc-buylink-medium.sc-buylink-trackitdown:before { background-image: url(e8c10b3be5eba196da5cf493cee8b6d582f9258b.) ; }
.sc-buylink-medium.sc-buylink-whatpeopleplay:before { background-image: url(5feb996de0cf930263740b379528b31cf29bb8a8.) ; }
.sc-buylink-medium.sc-buylink-zero:before,
.sc-buylink-medium.sc-buylink-zeroinch:before { background-image: url(8ebb8009b5d898a4bfee5452042c22268e24e061.) ; }
/* http://nicolasgallagher.com/micro-clearfix-hack/ */
.sc-clearfix:before,
.sc-clearfix:after {
content: "";
display: table;
}
.sc-clearfix:after {
clear: both;
}
.sc-checkbox {
cursor: pointer;
display: inline-block;
line-height: 13px;
}
.sc-checkbox-check {
position: relative;
background: #f2f2f2 no-repeat 50% 50%;
background-size: 9px;
display: inline-block;
width: 13px;
height: 13px;
border-radius: 2px;
border: 1px solid #999;
margin-right: 1px;
vertical-align: top;
box-sizing: border-box;
transition: background-color .2s;
}
.sc-checkbox-check:after {
content: '';
position: absolute;
top: -10px;
right: -10px;
bottom: -10px;
left: -10px;
}
.sc-checkbox-input:focus + .sc-checkbox-check,
.sc-checkbox:hover .sc-checkbox-check {
border-color: #666;
}
.sc-checkbox-indeterminate .sc-checkbox-check {
background-image: url(47fc875cbbb34e3bb7b76257554c4f6fcb1bf6a9.)
}
.sc-checkbox-input:checked + .sc-checkbox-check {
background-image: url(39b9d6cec3f44d0fda7e378804f3f354c53bba72.) ;
}
/* =DISABLED
----------------------------------------------------------------------------- */
.sc-checkbox-disabled {
cursor: default;
}
.sc-checkbox-input:disabled + .sc-checkbox-check,
.sc-checkbox:hover .sc-checkbox-input:disabled + .sc-checkbox-check {
background-color: #ddd;
border-color: #999;
opacity: 0.6;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
.sc-checkbox-indeterminate .sc-checkbox-check {
background-image: url(3fae596ae7a1e8857efe6dbb737e7884cb51a477.)
}
.sc-checkbox-input:checked + .sc-checkbox-check {
background-image: url(84b92b5e63c10c5ce32b774db41317b06d239c15.) ;
}
}
/* ==========================================================================
Colors
========================================================================== */
.sc-orange { color: #f50; }
.sc-blue { color: #38d; }
.sc-left {
float: left;
}
.sc-right {
float: right;
}
@font-face {
font-family: "Interstate";
src: local('☁'), url(ee5fa339f9896086503e15f9c0aae5de8ad6293d.) format("woff");
font-weight: 100;
}
@font-face {
font-family: "Interstate";
src: local('☁'), url(c5083c6485f957cac6b08a5a3d69b48478f7e7ea.) format("woff");
font-weight: normal;
}
@font-face {
font-family: "InterstateSound Tnum";
src: local('☁'), url(13fe63e3faedffa70f00700294423c1ca1843ebe.) format("woff");
font-weight: 100;
}
@font-face {
font-family: "InterstateSound Tnum";
src: local('☁'), url(122a0144d6eb6a67e2fe47328f16eada8decb0c1.) format("woff");
font-weight: normal;
}
.sc-font {
font-family: "Interstate", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Garuda, Verdana, Tahoma, sans-serif;
}
.sc-font-light {
font-family: "Interstate", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Garuda, Verdana, Tahoma, sans-serif;
font-weight: 100;
}
.sc-font-tabular {
font-family: "InterstateSound Tnum", "Interstate", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Garuda, Verdana, Tahoma, sans-serif;
}
.sc-font-tabular-light {
font-family: "InterstateSound Tnum", "Interstate", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Garuda, Verdana, Tahoma, sans-serif;
font-weight: 100;
}
.sc-font-body {
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Garuda, Verdana, Tahoma, sans-serif;
}
textarea,
select,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="date"],
input[type="password"],
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* these two can't be combined… */
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder { color: #999; font-weight: 100; }
textarea:-moz-placeholder,
select:-moz-placeholder,
input[type="text"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
input[type="date"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="search"]:-moz-placeholder { color: #999; font-weight: 100; }
input[type="search"] {
-webkit-appearance: none;
}
button[disabled],
input[disabled] {
color: #999;
}
textarea,
select,
button,
input {
font-family: inherit;
color: #333;
}
textarea,
select,
input {
background: #fff;
border: 1px solid #ccc;
}
textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="date"]:focus,
input[type="password"]:focus,
input[type="search"]:focus {
outline: 0;
border-color: #999;
}
input[type="checkbox"],
input[type="radio"] {
vertical-align: bottom;
}
/**
* Cross browser solution for doing word wrapping using CSS only
* @via http://blog.kenneth.io/blog/2012/03/04/word-wrapping-hypernation-using-css/
*/
.sc-hyphenate {
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word; /* Non standard for webkit */
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
/* ==========================================================================
Icons
========================================================================== */
/*
* Example HTML:
*
*
*/
.sc-icon,
.sc-icon-medium,
.sc-icon-large {
display: inline-block;
vertical-align: top;
background-repeat: no-repeat;
background-position: center center;
}
.sc-icon-medium {
width: 18px;
height: 18px;
vertical-align: text-bottom;
}
.sc-icon-large {
width: 24px;
height: 24px;
background-size: 24px 24px;
}
/* Medium Icons
========================================================================== */
.sc-icon-medium.sc-icon-add { background-image: url(e508e65c3096b5315b39a7143e4cfb9d43d9f571.) ; }
.sc-icon-medium.sc-icon-add-light { background-image: url(8b82db3cffe02a72e7cae7835a56e34002d32755.) ; }
.sc-icon-medium.sc-icon-comment { background-image: url(0c1167513530350f64bd2b48fd7b18e28a90488a.) ; }
.sc-icon-medium.sc-icon-comment-light { background-image: url(3bcf545b9e0ddbc103a29edacc0efd0fb2d852b8.) ; }
.sc-icon-medium.sc-icon-like { background-image: url(7972888a226edaff03f192cdb203bd729347a072.) ; }
.sc-icon-medium.sc-icon-like-light { background-image: url(7e3bf88eb2ff3cb67557c39ad641528891e87146.) ; }
.sc-icon-medium.sc-icon-lock { background-size: 12px 16px; background-image: url(a85220817e07a4c5f7b122e15b1d8be952a2b493.) ; background-size: 12px 16px; }
.sc-icon-medium.sc-icon-repost { background-image: url(27b9c46e5212cef84bad1935319bf8f212499bb4.) ; }
.sc-icon-medium.sc-icon-repost-light { background-size: 16px 16px; background-image: url(55699fce9bfb087aea4c5f560f46304adc1f418b.) ; background-position: 50% 3px; }
.sc-icon-medium.sc-icon-sound { background-image: url(ceaecc740f2096c2941ab448dab40a3a9ce121ee.) ; }
.sc-icon-medium.sc-icon-sound-light { background-image: url(c312ffdbcdb1d5bad4ef4bc5e0237508751988d3.) ; }
.sc-icon-medium.sc-icon-follower { background-image: url(0dec5615179d0110a9c68ffec2e46406b2ebc773.) ; }
.sc-icon-medium.sc-icon-follower-light { background-image: url(ef9b6656d39ae3bfd14db69923f575c9bcd6b0c7.) ; }
.sc-icon-medium.sc-icon-mention { background-image: url(40be82317b4c742940479067fb10b2230a0b162f.) ; }
.sc-icon-medium.sc-icon-mention-light { background-image: url(d8800de7c5ea080ac90555213055a31e4ea54576.) ; }
.sc-icon-medium.sc-icon-date { background-image: url(fe4fd2beab747da82ec4a929e849a7081d07ff35.) ; }
.sc-icon-medium.sc-icon-duration { background-image: url(f40cfa0e6633ccb48ab7d5cde527e4c70551ca12.) ; }
.sc-icon-medium.sc-icon-license { background-image: url(f7ef19c9c51ea3eb5c71b0b3004e8cf1bc5c0f86.) ; }
.sc-icon-medium.sc-icon-shuffle { background-image: url(05200d7a0731c911c955d1cc91e0423f276fd3ec.) ; background-size: 19px 15px; }
.sc-icon-medium.sc-icon-shuffle-orange { background-image: url(136aa19c71e0a37aab37d3122085a0406a941bc9.) ; background-size: 19px 15px; }
.sc-icon-medium.sc-icon-success { background-size: 12px 12px; background-image: url(0f6f8d3c9a25a360e8ec0b3d6dd0ae5c264af249.) ; background-size: 12px 12px; }
.sc-icon-medium.sc-icon-error { background-size: 12px 12px; background-image: url(7618aa8ba29db492686e0e31fe215901e807476b.) ; background-size: 12px 12px; }
/* Large Icons
========================================================================== */
.sc-icon-large.sc-icon-access { background-image: url(6e79968fbc55dea9b82106ab75c73f7adce9194b.) ; }
.sc-icon-large.sc-icon-activity { background-image: url(8116bb0be045771ecb65741b72270f07f286ea4c.) ; }
.sc-icon-large.sc-icon-activity-dark { background-image: url(1527505ee041cf267fa89bbca8da692a3eb32be0.) ; }
.sc-icon-large.sc-icon-add { background-image: url(b68f468a7336d7c4161e0acd2a2b2d2e644a7acb.) ; }
.sc-icon-large.sc-icon-add-dark { background-image: url(881e00750a039eec6ddd5f9a790f6f960c7a6e28.) ; }
.sc-icon-large.sc-icon-bandpage { background-image: url(fcdfcead33e773977bfd2bb29b2dab42765e29ed.) ; }
.sc-icon-large.sc-icon-calendar { background-image: url(989851d5425fe194d4d9175f990227562257feb9.) ; }
.sc-icon-large.sc-icon-check { background-image: url(c886afb148416ee38e818352a808597949383a70.) ; }
.sc-icon-large.sc-icon-comment { background-image: url(51f45e91aca767d896c00318ba56e457d6274467.) ; }
.sc-icon-large.sc-icon-comment-dark { background-image: url(9ae4b62313f00b4a450a873c0e8d8fb510f6fb1b.) ; }
.sc-icon-large.sc-icon-comment-empty { background-image: url(361b8db8e7fb317d6d58c239b7c0135c1a683f8d.) ; }
.sc-icon-large.sc-icon-created-with { background-image: url(05623321caa8f036b43320751cb1f8c6e8758a8f.) ; }
.sc-icon-large.sc-icon-follower { background-image: url(d0b302ec0efaee0fba94ee2ef96270f054da9dfd.) ; }
.sc-icon-large.sc-icon-follower-dark { background-image: url(50adeb80c143ad278c1b02d4a466eddf4f80ac89.) ; }
.sc-icon-large.sc-icon-following { background-image: url(a1f04277a047892840710052e8064f647d340410.) ; }
.sc-icon-large.sc-icon-following-dark { background-image: url(ab05568f690874312c3ec31d77c58db69c7ae2cd.) ; }
.sc-icon-large.sc-icon-group { background-image: url(9f384a7b434653bdccc8ccdc792f7a1d0dbdc888.) ; }
.sc-icon-large.sc-icon-group-dark { background-image: url(b84af3431651e4e9eb24833b45c3f5c6ec4052c8.) ; }
.sc-icon-large.sc-icon-info { background-image: url(8bf30a6d71efcfb112d6ce1882fd2ece8224b8a0.) ; }
.sc-icon-large.sc-icon-like { background-image: url(cf81a2da43c83be366d19c16a0f53bf63532ded5.) ; }
.sc-icon-large.sc-icon-like-dark { background-image: url(fe7a2b6a879222ea5c7e446953451a1a47d45013.) ; }
.sc-icon-large.sc-icon-location { background-image: url(9dbc6de29ffbf78090103c42afffe890eecaaae9.) ; }
.sc-icon-large.sc-icon-location-dark { background-image: url(9afe2d18003e13146bdd4571d801da023052e681.) ; }
.sc-icon-large.sc-icon-repost { background-image: url(632b5c86665eb407a6e6f5c3d800c9e5dfd11c1e.) ; }
.sc-icon-large.sc-icon-repost-dark { background-image: url(c5957f869b1d1d56df4c6f4d5f83ddad548b1f7e.) ; }
.sc-icon-large.sc-icon-sound { background-image: url(ab7286b7c907b20eba64c1554b4ba11aec75431b.) ; }
.sc-icon-large.sc-icon-sound-dark { background-image: url(fe99528c45f84b4e4b03ac433c713cfb53c2ef0e.) ; }
.sc-icon-large.sc-icon-set { background-image: url(f9ff85820f378b10333bc159dddbeba863f273bc.) ; }
.sc-icon-large.sc-icon-set-dark { background-image: url(efe9b264be71f73a40275cb07962c075ad5cbcc6.) ; }
.sc-icon-large.sc-icon-user { background-image: url(6404bc24906f142819d5a0605b9d8eeb2bdbd7bf.) ; }
.sc-icon-large.sc-icon-user-dark { background-image: url(045eb039aa7289dfc6e9dc050e1aca53efd74bc0.) ; }
.sc-icon-large.sc-icon-stats { background-image: url(e740e462ac1834ea2a7fd26bdda0b4c11ccb35ff.) ; }
.sc-icon-large.sc-icon-songkick { background-image: url(41b99dee6d6b99d8a7a523db254de3e1c7bf187c.) ; }
.sc-icon-large.sc-icon-comment-orange { background-image: url(ab58317b33f343dafe18bc5026e15e76183245ee.) ; }
.sc-icon-large.sc-icon-follower-orange { background-image: url(cd501f7ed202886b8789971a00fcfdfc8bca1084.) ; }
.sc-icon-large.sc-icon-following-orange { background-image: url(3cd4e5eca65de2714764655e96d64ca3d30fc538.) ; }
.sc-icon-large.sc-icon-group-orange { background-image: url(e0398611522f2abe6021d3535ad351c9d8395717.) ; }
.sc-icon-large.sc-icon-like-orange { background-image: url(949fc90524ae74a0495f90f2acf3470387b63862.) ; }
.sc-icon-large.sc-icon-repost-orange { background-image: url(b8685e3943dd12cc75ef65a3f530dfbcc8b4a562.) ; }
.sc-icon-large.sc-icon-set-orange { background-image: url(3c7c131d6a3602145d9bda9cb6bd8a922451908e.) ; }
.sc-icon-large.sc-icon-sound-orange { background-image: url(90dc17cede19b07abe7cdb19bdad75592bc105e2.) ; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
.sc-icon-medium.sc-icon-lock { background-size: 24px 32px; background-image: url(a85220817e07a4c5f7b122e15b1d8be952a2b493.) ; }
.sc-icon-large.sc-icon-access { background-image: url(87fc38aea26b7f3f62edd3cd1536c22c075e4345.) ; }
.sc-icon-large.sc-icon-bandpage { background-image: url(664342a139619916a3870126ebfb62404ea8ba8f.) ; }
.sc-icon-large.sc-icon-comment-empty { background-image: url(a0d838a7c14877899a94175e2956b2cc2e58787c.) ; }
.sc-icon-large.sc-icon-info { background-image: url(6eaff9a5dd0cbc9dc69e92a225e48d1f8312194b.) ; }
.sc-icon-large.sc-icon-shuffle { background-image: url(09bc5c160c2cd8e4656db2cb4adaaa95f666c6a9.) ; }
.sc-icon-large.sc-icon-shuffle-orange { background-image: url(0683489867d4d8ad6bbc7eba42817a62e6514513.) ; }
}
.sc-input {
display: inline-block;
font-family: "Interstate", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Garuda, Verdana, Tahoma, sans-serif;
font-weight: 100;
font-size: 14px;
line-height: 20px;
padding: 2px 7px;
border-radius: 4px;
border: 1px solid #ccc;
-webkit-transition: border-color .1s;
-moz-transition: border-color .1s;
-o-transition: border-color .1s;
transition: border-color .1s;
}
.sc-input-small {
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Garuda, Verdana, Tahoma, sans-serif;
font-size: 11px;
line-height: 16px;
padding: 2px 6px;
border-radius: 3px;
}
.sc-input-large {
font-size: 18px;
line-height: 24px;
padding: 7px 8px;
border-radius: 5px;
}
.sc-license-icon,
.sc-license-icon:before,
.sc-license-icon:after {
width: 14px;
height: 14px;
display: inline-block;
vertical-align: top;
background-repeat: no-repeat;
background-position: center center;
content: "";
}
.sc-license-icon-cc-by-nc,
.sc-license-icon-cc-by-nd,
.sc-license-icon-cc-by-sa {
margin-left: 16px;
}
.sc-license-icon-cc-by-nc:before,
.sc-license-icon-cc-by-nd:before,
.sc-license-icon-cc-by-sa:before,
.sc-license-icon-cc-by-nc-nd:before,
.sc-license-icon-cc-by-nc-sa:before {
margin-left: -16px;
}
.sc-license-icon-cc-by-nc-nd,
.sc-license-icon-cc-by-nc-sa {
margin-left: 32px;
}
.sc-license-icon-cc-by-nc-nd:before,
.sc-license-icon-cc-by-nc-sa:before {
margin-left: -32px;
}
.sc-license-icon-cc-by-nc-nd:after,
.sc-license-icon-cc-by-nc-sa:after {
margin-left: 2px;
}
.sc-license-icon-cc-by,
.sc-license-icon-cc-by-nc:before,
.sc-license-icon-cc-by-nd:before,
.sc-license-icon-cc-by-sa:before,
.sc-license-icon-cc-by-nc-nd:before,
.sc-license-icon-cc-by-nc-sa:before { background-image: url(455a06b593d6196a83b13d78d45d02a228e1a3c4.) ; }
.sc-license-icon-cc-by-nc,
.sc-license-icon-cc-by-nc-nd:after,
.sc-license-icon-cc-by-nc-sa:after { background-image: url(f379271c71f9b14239f5d84c2ab927dde488c775.) ; }
.sc-license-icon-cc-by-nd,
.sc-license-icon-cc-by-nc-nd { background-image: url(007652315a67d5e7a6d2b878983a80c5fe4f697e.) ; }
.sc-license-icon-cc-by-sa,
.sc-license-icon-cc-by-nc-sa { background-image: url(ddea5ce9c3039e16d998602ccf5b7a8402cf8efb.) ; }
.sc-license-icon-white.sc-license-icon-cc-by,
.sc-license-icon-white.sc-license-icon-cc-by-nc:before,
.sc-license-icon-white.sc-license-icon-cc-by-nd:before,
.sc-license-icon-white.sc-license-icon-cc-by-sa:before,
.sc-license-icon-white.sc-license-icon-cc-by-nc-nd:before,
.sc-license-icon-white.sc-license-icon-cc-by-nc-sa:before { background-image: url(bbad7a2abaa07694e7feaecd5a2a51d049e12d1c.) ; }
.sc-license-icon-white.sc-license-icon-cc-by-nc,
.sc-license-icon-white.sc-license-icon-cc-by-nc-nd:after,
.sc-license-icon-white.sc-license-icon-cc-by-nc-sa:after { background-image: url(dcc57ba41c5b51a683d7e43bdb75fe09a4873878.) ; }
.sc-license-icon-white.sc-license-icon-cc-by-nd,
.sc-license-icon-white.sc-license-icon-cc-by-nc-nd { background-image: url(244b1450e49d91a5c5ae5bf3558372ec0f46645b.) ; }
.sc-license-icon-white.sc-license-icon-cc-by-sa,
.sc-license-icon-white.sc-license-icon-cc-by-nc-sa { background-image: url(0a7f71e69acafaf11b2eebef740d56017ac76ea9.) ; }
/* ==========================================================================
labels
========================================================================== */
/*
* Example HTML:
* dubstep
*/
.sc-label {
border: 1px solid transparent;
position: relative;
display: inline-block;
padding: 0 11px;
border-radius: 4px;
background: #f2f2f2;
font-size: 14px;
line-height: 20px;
height: 20px;
font-family: "Interstate", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Garuda, Verdana, Tahoma, sans-serif;
font-weight: 100;
}
.sc-label,
.sc-label:visited {
color: #999;
}
.sc-label-small {
font-size: 11px;
line-height: 16px;
height: 16px;
padding: 0 7px;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Garuda, Verdana, Tahoma, sans-serif;
}
.sc-label-large {
font-size: 16px;
line-height: 24px;
height: 24px;
}
.sc-label:hover {
color: #999;
background: #e5e5e5;
}
.sc-label-small.sc-label-private,
.sc-label-small.sc-label-restricted,
.sc-label-small.sc-label-monetizable,
.sc-label-small.sc-label-monetizable-pending,
.sc-label-small.sc-label-geoblocked,
.sc-label-small.sc-label-clearance,
.sc-label-small.sc-label-scheduled {
text-indent: 12px;
}
.sc-label.sc-label-private,
.sc-label.sc-label-restricted,
.sc-label.sc-label-monetizable,
.sc-label.sc-label-monetizable-pending,
.sc-label.sc-label-geoblocked,
.sc-label.sc-label-clearance,
.sc-label.sc-label-scheduled {
color: #fff;
text-indent: 14px;
}
.sc-label-private:before,
.sc-label-restricted:before,
.sc-label-monetizable:before,
.sc-label-monetizable-pending:before,
.sc-label-geoblocked:before,
.sc-label-clearance:before,
.sc-label-scheduled:before {
display: block;
position: absolute;
top: -1px;
left: 3px;
width: 22px;
height: 22px;
content: "";
background-size: 100%;
}
.sc-label-small.sc-label-private:before,
.sc-label-small.sc-label-restricted:before,
.sc-label-small.sc-label-monetizable:before,
.sc-label-small.sc-label-monetizable-pending:before,
.sc-label-small.sc-label-geoblocked:before,
.sc-label-small.sc-label-clearance:before,
.sc-label-small.sc-label-scheduled:before {
width: 18px;
height: 18px;
left: 2px;
}
.sc-label-large.sc-label-private:before,
.sc-label-large.sc-label-restricted:before,
.sc-label-large.sc-label-monetizable:before,
.sc-label-large.sc-label-monetizable-pending:before,
.sc-label-large.sc-label-geoblocked:before,
.sc-label-large.sc-label-clearance:before,
.sc-label-large.sc-label-scheduled:before {
top: 1px;
left: 2px;
}
/* type specific colors */
.sc-label.sc-label-private {
background: #f50;
}
.sc-label.sc-label-monetizable-pending {
background: #aaa;
}
.sc-label.sc-label-restricted,
.sc-label.sc-label-monetizable,
.sc-label.sc-label-geoblocked,
.sc-label.sc-label-clearance,
.sc-label.sc-label-scheduled {
background: #38d;
}
/* icon-only labels */
.sc-label.sc-label-icon-only {
text-indent: 50px;
overflow: hidden;
width: 20px;
padding-left: 0;
padding-right: 0;
}
.sc-label.sc-label-icon-only:before {
left: -1px;
}
.sc-label-large.sc-label-icon-only {
width: 24px;
}
.sc-label-large.sc-label-icon-only:before {
left: 1px;
}
.sc-label-small.sc-label-icon-only {
width: 16px;
}
/* type specific icons */
.sc-label-private:before {
background-image: url(5a1113c466d8c41971e14ed3b10c27e9f7918f01.) ;
}
.sc-label-private.sc-label-small:before {
background-image: url(6956ab27ba987a408f8f9e373d837dfbca4ee7a0.) ;
}
.sc-label-restricted:before {
background-image: url(c3a0728e7f1184ba47d0df7307430e335d186ad6.) ;
}
.sc-label-restricted.sc-label-small:before {
background-image: url(73baaadc6b47dadb370919390bc108da07bbf785.) ;
}
.sc-label-monetizable:before {
background-image: url(ebb257ae523c9ab72f96c242de1bf32589039026.) ;
}
.sc-label-monetizable.sc-label-small:before {
background-image: url(64c8037ee5ea29be5ad977669b94f47afb2ee471.) ;
}
.sc-label-monetizable-pending:before {
background-image: url(c6a9d419cc98a1908d94e76ec84a3fa434dae035.) ;
}
.sc-label-monetizable-pending.sc-label-small:before {
background-image: url(6c373eaf7348bc0acaaa1776da8a338543d53c3f.) ;
}
.sc-label-geoblocked:before {
background-image: url(14495aef74df57fee7cdbf7e59dbb70fe712442d.) ;
}
.sc-label-geoblocked.sc-label-small:before {
background-image: url(6bcca462e78e95266fdf4789ade98e3b174ea91a.) ;
}
.sc-label-clearance:before {
background-image: url(b8447f366b861e8d0d09330ae93f624dd267fdb7.) ;
}
.sc-label-clearance.sc-label-small:before {
background-image: url(8d2dbc93166ceb7d7f6b9a5a8a655ec9982d4694.) ;
}
.sc-label-scheduled:before {
background-image: url(460f7fdbfc75a5ac2f636ab5e95c3c3fa54986f9.) ;
}
.sc-label-scheduled.sc-label-small:before {
background-image: url(b328a78d87194c6d5be5bba44481f8746273b28d.) ;
}
@media (-webkit-min-device-pixel-ratio: 2), /* Webkit-based browsers */
(min-resolution: 2dppx), /* The standard way */
(min-resolution: 192dpi) { /* dppx fallback */
.sc-label-private:before {
background-image: url(193e316942d2fa2d95f6bdac550d0a534f60c5c3.) ;
}
.sc-label-private.sc-label-small:before {
background-image: url(f3e1a23d0611289d0667a125c97a6839d9772ec0.) ;
}
.sc-label-restricted:before {
background-image: url(4b48904f37dcd6ad628828aa4214017989ff8858.) ;
}
.sc-label-restricted.sc-label-small:before {
background-image: url(0f592e78e17d3aa8cd0945b5ae2c9ae8f16657e8.) ;
}
.sc-label-monetizable:before {
background-image: url(52095fe52902e64c6a09ecd0d48cd5da2e138498.) ;
}
.sc-label-monetizable.sc-label-small:before {
background-image: url(a08f0d8dc0f8d781dde69ced94469745523e0175.) ;
}
.sc-label-monetizable-pending:before {
background-image: url(aa3c091d948810e7434143b0b020467662ded872.) ;
}
.sc-label-monetizable-pending.sc-label-small:before {
background-image: url(dca236ac46b563a4fa2db5b3a4a69a470ba25f5f.) ;
}
.sc-label-geoblocked:before {
background-image: url(a32f1d354580d1330c330304c7bd8396bb24c889.) ;
}
.sc-label-geoblocked.sc-label-small:before {
background-image: url(42223d7750cd7e7fff12a0db66737e4bb1068ba2.) ;
}
.sc-label-clearance:before {
background-image: url(a5da81f80f3437ce32a8a2d7cfb88eebd7365d38.) ;
}
.sc-label-clearance.sc-label-small:before {
background-image: url(0b014f5607e50e5db3f9428fa36e4208194dd54b.) ;
}
.sc-label-scheduled:before {
background-image: url(bf07017b6c674b6447bc45532b006af099e471ac.) ;
}
.sc-label-scheduled.sc-label-small:before {
background-image: url(02f9e5b1eda448a15a0fc05a50594769688abfe4.) ;
}
}
/* Label groups
========================================================================== */
/*
* Example HTML:
*
*
*/
.sc-label-group {
list-style: none;
margin: 0;
}
.sc-label-group:before,
.sc-label-group:after {
content:"";
display:table;
}
.sc-label-group:after {
clear:both;
}
.sc-label-group > .sc-label {
float: left;
margin: 0 5px 7px 0;
}
.sc-label-group > .sc-label:last-child {
margin-right: 0;
}
a, a:visited {
color: #38d;
text-decoration: none;
}
a:hover {
color: #333;
}
a.sc-link-dark { color: #333; }
a.sc-link-medium { color: #666; }
a.sc-link-light { color: #999; }
a.sc-link-verylight { color: #ccc; }
a.sc-link-white { color: #fff; }
a.sc-link-dark:hover { color: #000; }
a.sc-link-medium:hover { color: #000; }
a.sc-link-light:hover { color: #333; }
a.sc-link-verylight:hover { color: #999; }
a.sc-link-white:hover { color: #fff; }
ul, ol {
padding: 0;
margin: 0 0 18px 25px;
}
ul ul,
ul ol,
ol ol,
ol ul {
margin-bottom: 0;
}
ul { list-style: disc; }
ol { list-style: decimal; }
.sc-list-nostyle {
list-style: none;
margin: 0;
}
.sc-list-bullet {
list-style: outside url(70bf9a72cfcd45c317e30c8ecfa0e0c401efb772.) ;
margin-left: 15px;
}
/* https://github.com/stubbornella/oocss */
.sc-media, .sc-media-content, .sc-media-body { overflow: hidden; }
.sc-media-image, .sc-media-left { float: left; margin-right: 10px; }
.sc-media-extra, .sc-media-right { float: right; margin-left: 10px; }
.sc-media-image img, .sc-media-extra img, .sc-media-object,
.sc-media-image .sc-artwork, .sc-media-extra .sc-artwork { display: block; }
/* ==========================================================================
Ministats
========================================================================== */
/*
* Example HTML:
*
*
* Reposts: 11
*
*/
.sc-ministats {
display: inline-block;
font-family: "InterstateSound Tnum", "Interstate", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Garuda, Verdana, Tahoma, sans-serif;
font-weight: 100;
color: #999;
}
a.sc-ministats {
color: #999;
}
a.sc-ministats:hover {
color: #333;
}
/* Sizes
========================================================================== */
.sc-ministats-small {
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Garuda, Verdana, Tahoma, sans-serif;
color: #999;
font-size: 10px;
line-height: 12px;
}
.sc-ministats-medium {
font-size: 14px;
line-height: 16px;
}
.sc-ministats-large {
font-size: 18px;
line-height: 20px;
color: #333;
}
a.sc-ministats-large {
color: #333;
}
/* Colour variations
========================================================================== */
.sc-ministats-inverted,
a.sc-ministats-inverted,
a.sc-ministats-inverted:hover {
color: #fff;
}
/* Ministats Icons
========================================================================== */
.sc-ministats:before {
display: inline-block;
content: "";
width: 16px;
height: 16px;
vertical-align: top;
background-repeat: no-repeat;
background-position: center center;
}
.sc-ministats.sc-ministats-small:before {
width: 16px;
height: 12px;
}
.sc-ministats.sc-ministats-large:before {
width: 20px;
height: 20px;
}
/* Ministats text only
========================================================================== */
.sc-ministats-text:before {
display: none;
}
/* Small */
.sc-ministats-small.sc-ministats-plays:before { background-size: 16px 16px; background-image: url(b4a53e8386b9622ef1319ad0272e34c1145df607.) ; }
.sc-ministats-small.sc-ministats-likes:before { background-size: 16px 16px; background-image: url(9ebea629367ff6ad230fd71a6c82d3df5a03f899.) ; }
.sc-ministats-small.sc-ministats-comments:before { background-size: 16px 16px; background-image: url(56ebcf13955c3e4c58a13d1152bc52498cffe31f.) ; }
.sc-ministats-small.sc-ministats-reposts:before { background-size: 16px 16px; background-image: url(55699fce9bfb087aea4c5f560f46304adc1f418b.) ; }
.sc-ministats-small.sc-ministats-downloads:before { background-size: 16px 16px; background-image: url(737010f6c5a5cc68f65c9621266f73c212312e00.) ; }
.sc-ministats-small.sc-ministats-followers:before { background-size: 16px 16px; background-image: url(bd6314d1b1b2fdb13cb1e8eb735a4538cd144e7b.) ; }
.sc-ministats-small.sc-ministats-plays.sc-ministats-inverted:before { background-size: 16px 16px; background-image: url(d729d93acc8de56b5a69d37e0c2ba85a1199b345.) ; }
.sc-ministats-small.sc-ministats-likes.sc-ministats-inverted:before { background-size: 16px 16px; background-image: url(ba57d980935dcb40408efdfb4f2e8bec0f7df3a4.) ; }
.sc-ministats-small.sc-ministats-comments.sc-ministats-inverted:before { background-size: 16px 16px; background-image: url(5baa0abb2e3403adf487b945bd2b140d69099897.) ; }
.sc-ministats-small.sc-ministats-reposts.sc-ministats-inverted:before { background-size: 16px 16px; background-image: url(53ce733bdd0b2c38602bb36d9c97caaa04db5e15.) ; }
.sc-ministats-small.sc-ministats-followers.sc-ministats-inverted:before{ background-size: 16px 16px; background-image: url(faae9df3c74c484c4fe3e78ca662685773ea9e37.) ; }
.sc-ministats-small.sc-ministats-sounds:before { background-size: 16px 16px; background-image: url(8ce7882456a74d4ad31ddb0e93e70743fa3be1e2.) ; }
.sc-ministats-small.sc-ministats-sounds.sc-ministats-inverted:before { background-size: 16px 16px; background-image: url(436431242d8faa241e07b2310bd57ffd5fe40669.) ; }
/* Medium */
.sc-ministats-medium.sc-ministats-plays:before { background-size: 16px 16px; background-image: url(b4a53e8386b9622ef1319ad0272e34c1145df607.) ; }
.sc-ministats-medium.sc-ministats-likes:before { background-size: 16px 16px; background-image: url(9ebea629367ff6ad230fd71a6c82d3df5a03f899.) ; }
.sc-ministats-medium.sc-ministats-comments:before { background-size: 16px 16px; background-image: url(56ebcf13955c3e4c58a13d1152bc52498cffe31f.) ; }
.sc-ministats-medium.sc-ministats-reposts:before { background-size: 16px 16px; background-image: url(55699fce9bfb087aea4c5f560f46304adc1f418b.) ; }
.sc-ministats-medium.sc-ministats-downloads:before { background-size: 16px 16px; background-image: url(737010f6c5a5cc68f65c9621266f73c212312e00.) ; }
/* Large */
.sc-ministats-large.sc-ministats-followers:before { background-size: 22px 22px; background-image: url(e641bb2c9a656536f181e2f20c8fc0a9f5950c03.) ; }
.sc-ministats-large.sc-ministats-sounds:before { background-size: 28px 28px; background-image: url(8ce7882456a74d4ad31ddb0e93e70743fa3be1e2.) ; }
.sc-ministats-large.sc-ministats-sets:before { background-image: url(efe9b264be71f73a40275cb07962c075ad5cbcc6.) ; }
/* Ministats group
========================================================================== */
/*
* Example HTML:
*
*
*/
.sc-ministats-group {
list-style: none;
margin: 0;
}
.sc-ministats-group:before,
.sc-ministats-group:after {
content:"";
display: table;
}
.sc-ministats-group:after {
clear: both;
}
.sc-ministats-group > .sc-ministats-item {
float: left;
}
.sc-ministats-group .sc-ministats {
margin-top: 5px;
margin-bottom: 5px;
margin-right: 7px;
padding-right: 6px;
}
.sc-ministats-group .sc-ministats-small {
margin-right: 5px;
padding-right: 4px;
}
.sc-ministats-group .sc-ministats-large {
margin-right: 11px;
padding-right: 10px;
}
.sc-ministats-group .sc-ministats-inverted {
border-color: #fff;
}
.sc-ministats-group > .sc-ministats-item:last-child .sc-ministats {
margin-right: 0;
padding-right: 0;
}
@-webkit-keyframes sc-pending { to { background-position: 16px 0; } }
@-moz-keyframes sc-pending { to { background-position: 16px 0; } }
@-o-keyframes sc-pending { to { background-position: 16px 0; } }
@keyframes sc-pending { to { background-position: 16px 0; } }
.sc-pending,
.sc-pending:hover,
.sc-pending-dark,
.sc-pending-dark:hover {
background-image: url(1a6e3be0c8d4cea80876d34d6ee799b601eb52c7.) !important;
background-repeat: repeat !important;
-webkit-animation: sc-pending .5s linear infinite;
-moz-animation: sc-pending .5s linear infinite;
-o-animation: sc-pending .5s linear infinite;
animation: sc-pending .5s linear infinite;
}
.sc-pending-dark,
.sc-pending-dark:hover {
background-image: url(00a5cbe40f828fe5473b1a91be1094163fbed219.) !important;
}
.sc-pointer {
cursor: pointer;
}
/* ==========================================================================
Promoted Icons
========================================================================== */
/*
* Example HTML:
* Currently only one size
* Promoted
*/
.sc-promoted-icon {
display: inline-block;
padding-left: 15px;
background-repeat: no-repeat;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Garuda, Verdana, Tahoma, sans-serif;
background-size: 12px 11px;
}
.sc-promoted-icon-small {
font-size: 11px;
line-height: 11px;
}
.sc-promoted-icon-medium {
font-size: 12px;
line-height: 12px;
}
/* Icons
========================================================================== */
.sc-promoted-icon-small.sc-promoted-icon,
.sc-promoted-icon-medium.sc-promoted-icon {
background-image: url(f4c77a6dc83d25cfa08066492c9a15971d022c08.) ;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
.sc-promoted-icon-small.sc-promoted-icon,
.sc-promoted-icon-medium.sc-promoted-icon {
background-image: url(a0ae5db8591d6d49e41788bd3718f603d02eebe2.) ;
}
}
.sc-radio {
cursor: pointer;
display: inline-block;
line-height: 14px;
}
.sc-radio-radio {
position: relative;
background-color: #f2f2f2;
display: inline-block;
width: 14px;
height: 14px;
border-radius: 50%;
border: 1px solid #999;
margin-right: 1px;
vertical-align: top;
box-sizing: border-box;
transition: background-color .2s, box-shadow .2s;
}
.sc-radio-radio:after {
content: '';
position: absolute;
top: -10px;
right: -10px;
bottom: -10px;
left: -10px;
}
.sc-radio-input:focus + .sc-radio-radio,
.sc-radio:hover .sc-radio-radio {
border-color: #666;
}
.sc-radio-input:checked + .sc-radio-radio {
background-color: #404040;
box-shadow: inset 0 0 0 2px #f2f2f2;
}
.sc-radio-input:checked:focus + .sc-radio-radio {
box-shadow: inset 0 0 0 3px #f2f2f2;
}
/* =DISABLED
----------------------------------------------------------------------------- */
.sc-radio-input:disabled + .sc-radio-radio,
.sc-radio:hover .sc-radio-input:disabled + .sc-radio-radio {
background-color: #e5e5e5;
border-color: #ccc;
}
.sc-radio-input:checked:disabled + .sc-radio-radio,
.sc-radio:hover .sc-radio-input:checked:disabled + .sc-radio-radio {
background-color: #f2f2f2;
}
.sc-select {
display: inline-block;
box-sizing: border-box;
vertical-align: top;
height: 26px;
font-family: "Interstate", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Garuda, Verdana, Tahoma, sans-serif;
font-weight: 100;
font-size: 14px;
padding: 2px 4px;
border-radius: 4px;
border: 1px solid #ccc;
-webkit-transition: border-color .1s;
-moz-transition: border-color .1s;
-o-transition: border-color .1s;
transition: border-color .1s;
}
.sc-select-small {
font-size: 11px;
height: 22px;
padding: 2px;
border-radius: 3px;
}
.sc-select-large {
font-size: 18px;
height: 40px;
padding: 8px 5px;
border-radius: 5px;
}
.sc-selection-text {
-webkit-user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-o-user-select: text;
user-select: text;
cursor: auto;
}
.sc-selection-disabled {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
cursor: default;
outline: 0;
}
.sc-snippet-badge {
text-transform: uppercase;
font-family: "Interstate", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Garuda, Verdana, Tahoma, sans-serif;
font-weight: 100;
font-size: 14px;
border: 1px solid;
padding: 0 0.5em;
display: inline;
color: #000;
}
.sc-snippet-badge-small {
font-size: 10px;
}
.sc-snippet-badge-medium {
font-size: 12px;
padding-bottom: 1px; /* to make it 18px high */
}
.sc-snippet-badge-light {
color: #fff;
}
.sc-snippet-badge-grey {
color: #666;
border-color: #ccc;
}
/* ==========================================================================
Status Icons
========================================================================== */
/*
* Example HTML:
*
*
*/
.sc-status-icon {
display: inline-block;
vertical-align: top;
overflow: hidden;
width: 12px;
height: 12px;
text-indent: 20px;
background-size: 12px 12px;
background-size: undefinedpx undefinedpx; background-image: url(20d21f2a22e53c1d11901d7f879053ee4db8171a.) ;
}
.sc-status-icon-medium {
width: 18px;
height: 18px;
background-size: 18px 18px;
}
/* ==========================================================================
Social icons
========================================================================== */
.sc-social-icon {
display: inline-block;
width: 16px;
height: 16px;
background: url(24e5702a6e19b8b3173a1d5af378c4a10f8384fa.) no-repeat 50% 50%;
vertical-align: top;
text-indent: 16px;
white-space: nowrap;
overflow: hidden;
background-size: 16px 16px;
}
.sc-social-icon-bandpage { background-image: url(a345e9688e3b1c61438e149905b849cf08f9d4ef.) ; }
.sc-social-icon-bandsintown { background-image: url(3cf5fbdc7e491e12eaa53791ca8c27a7237a6348.) ; }
.sc-social-icon-email { background-image: url(d733a31e8910b77b642341e669b9decf7a5d5c98.) ; }
.sc-social-icon-facebook { background-image: url(26d302dcfba638d1571f536b34d43b493d05f960.) ; }
.sc-social-icon-flickr { background-image: url(3097093d7a6030572e4347ced4a6683858da0bda.) ; }
.sc-social-icon-foursquare { background-image: url(2914a8b5dc094df0942745ae47796788b7d1d044.) ; }
.sc-social-icon-googleplus { background-image: url(fc043af6cf7f82a1c3374cba8f1d77e99fde1ab8.) ; }
.sc-social-icon-lastfm { background-image: url(b87171e78aa4ac30670fe13d5922fa6539133bc4.) ; }
.sc-social-icon-mixi { background-image: url(9c7f6d2a1ccf2e6122ec3595a6ec82dcd528f5e9.) ; }
.sc-social-icon-myspace { background-image: url(4dea3cd734326b7161da4a12d3a1c92f015518cc.) ; }
.sc-social-icon-orkut { background-image: url(b8cd9d56542a3054ef71994f5fee7c613a7c25e4.) ; }
.sc-social-icon-pinterest { background-image: url(a2fbef39367e4856bcabfca1296349402ebf2e55.) ; }
.sc-social-icon-posterous { background-image: url(7926e67b03a8f4e0367f27cc6a74f9116e0e07d9.) ; }
.sc-social-icon-rdio { background-image: url(7316aad910776356f48af4613bbb5d51244a757d.) ; }
.sc-social-icon-reddit { background-image: url(21f6a89cc8b7eb27814e97785ce7d3cce0aeb175.) ; }
.sc-social-icon-songkick { background-image: url(1094f9169f84345e65e72e4e0a5fcfa43409a8f0.) ; }
.sc-social-icon-soundcloud { background-image: url(d19e8063b0c02eac25e657db8c35ae048e3bdc62.) ; }
.sc-social-icon-spotify { background-image: url(7a15ced1d7b917bfc8eed93cadacdd381e870622.) ; }
.sc-social-icon-stumbleupon { background-image: url(4a208a8a60f6d1a5ffaf8083a685256bc6317ae4.) ; }
.sc-social-icon-thisismyjam { background-image: url(c9cf5e443089e5536dde5ef01cf8305cc455b7d7.) ; }
.sc-social-icon-tuenti { background-image: url(31129bdb7fd67d53c86b4da0ae6725f8cca6d989.) ; }
.sc-social-icon-tumblr { background-image: url(59d9f513de5f62bec44c31b9e9be797632bfa1a6.) ; }
.sc-social-icon-twitter { background-image: url(677e3854ecab3a7109e8676dc05434b1573a2c98.) ; }
.sc-social-icon-vimeo { background-image: url(6996cff9e0f0ec6465163eb7c99900f2d75f7001.) ; }
.sc-social-icon-vkontakte { background-image: url(9435d4572fa4ce546dad3905990410447838f110.) ; }
.sc-social-icon-weibo { background-image: url(f96206d11e332cf2f980f49d237015b1a9840ddd.) ; }
.sc-social-icon-youtube { background-image: url(4f5801288c4a3bbbbd739a151b566cd5c0cc71ec.) ; }
.sc-social-icon-instagram { background-image: url(a33687c78e86ae8c28860baa2dee461fca198d58.) ; }
.sc-social-icon-32x32 {
display: inline-block;
width: 32px;
height: 32px;
background: url(e7ab7bd23d517fec5643d6fd478aa67a53676f8a.) no-repeat 50% 50%;
background-size: 32px 32px;
vertical-align: top;
text-indent: 32px;
white-space: nowrap;
overflow: hidden;
}
.sc-social-icon-email-32x32 { background-image: url(978c4852109409c006d93afe325d26a789d737c8.) ; }
.sc-social-icon-facebook-32x32 { background-image: url(39e0a0ef464966c3597112f9f4c162060b7efb69.) ; }
.sc-social-icon-googleplus-32x32 { background-image: url(37da2ed745f4a72fab4b3885d242109e49b2b4d0.) ; }
.sc-social-icon-instagram-32x32 { background-image: url(19a0b99a80e82d18c0a89bbfb35c9bbfb3cd7668.) ; }
.sc-social-icon-mixi-32x32 { background-image: url(ea77f5d89706490c3cff02fa573df33736234f15.) ; }
.sc-social-icon-pinterest-32x32 { background-image: url(e416c2a1f9d4b4b877dba55cdd956d67521998de.) ; }
.sc-social-icon-thisismyjam-32x32 { background-image: url(b25e8426f0bee42e59b4e2f715fa234c1d0118e5.) ; }
.sc-social-icon-tuenti-32x32 { background-image: url(0cfc176706773fae65fea29f710d93ab9bd7a05b.) ; }
.sc-social-icon-tumblr-32x32 { background-image: url(cbb092da57d4bb5bb4d3ba157c16963046dab9cb.) ; }
.sc-social-icon-twitter-32x32 { background-image: url(092c25bf6f6487da1ba655b014eee32d223b3dc7.) ; }
.sc-social-icon-vkontakte-32x32 { background-image: url(67b989ab26e501e1d5e11d5affa363a1a00a1286.) ; }
.sc-social-icon-weibo-32x32 { background-image: url(d4e2109f2b5fa96264746234d2a5710b445e9728.) ; }
.sc-social-icon-line-32x32 { background-image: url(2f0aa6def426115dadf12da059966cff1679e9d3.) ; }
/* Social icon group
========================================================================== */
/*
* Example HTML:
*
*
*/
.sc-social-icon-group {
vertical-align: middle;
display: inline-block;
clear: both;
}
.sc-social-icon-group > .sc-social-icon {
float: left;
margin-right: 5px;
}
.sc-social-icon-group > .sc-social-icon:last-child {
margin-right: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
.sc-social-icon-bandpage { background-image: url(da8d7a0a597f89f41af01f9bfe224bd8e3eebd12.) ; }
.sc-social-icon-bandsintown { background-image: url(66b0eb8a8c631f863c6abf2c09b38b1c9494c027.) ; }
}
/* ==========================================================================
Tags
========================================================================== */
/*
* Example HTML:
* dubstep
*/
.sc-tag,
.sc-tag:visited {
position: relative;
display: inline-block;
height: 20px;
padding: 0 7px;
background: #999;
border: 1px solid #999;
border-left-width: 0;
color: #fff;
font-family: "Interstate", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Garuda, Verdana, Tahoma, sans-serif;
font-weight: 100;
font-size: 14px;
line-height: 20px;
white-space: nowrap;
cursor: pointer;
-webkit-border-radius: 20px;
border-radius: 20px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
.sc-tag:before {
content: "#";
display: block;
float: left;
margin-right: 3px;
}
.sc-tag:hover {
background: #666;
border-color: #666;
color: #fff;
}
/* Selected state
========================================================================== */
.sc-tag-selected,
.sc-tag-selected:hover,
.sc-tag-selected:visited {
background-color: #f50;
border-color: #f50;
}
.sc-tag-selected:hover:before,
.sc-tag-selected:before {
border-color: transparent #f50 transparent transparent;
}
/* Sizes
========================================================================== */
.sc-tag-small,
.sc-tag-small:visited {
height: 16px;
padding: 0 6px;
line-height: 16px;
font-size: 12px;
}
.sc-tag-small:before {
margin-right: 2px;
}
.sc-tag-large,
.sc-tag-large:visited {
height: 24px;
padding: 0 8px;
line-height: 24px;
font-size: 16px;
}
/* Truncate support
========================================================================== */
.sc-tag > .sc-truncate {
display: inline-block;
}
/* Tag groups
========================================================================== */
/*
* Example HTML:
*
*
*/
.sc-tag-group {
list-style: none;
margin: 0;
}
.sc-tag-group:before,
.sc-tag-group:after {
content:"";
display:table;
}
.sc-tag-group:after {
clear:both;
}
.sc-tag-group > .sc-tag {
float: left;
margin: 0 6px 6px 0;
}
.sc-tag-group > .sc-tag-small {
margin: 0 5px 5px 0;
}
.sc-tag-group > .sc-tag-large {
margin: 0 7px 7px 0;
}
.sc-tag-group > .sc-tag:last-child {
margin-right: 0;
}
/* ==========================================================================
Text colors
========================================================================== */
.sc-text { color: #333; }
.sc-text-light { color: #999; }
.sc-text-verylight { color: #ccc; }
.sc-text-link { color: #38d; }
.sc-text-orange { color: #f50; }
/* ==========================================================================
Toggle something on or off; really, another type of checkbox
Visually inpsired by the iOS toggle switches.
========================================================================== */
.sc-toggle {
box-sizing: border-box;
display: inline-block;
width: 50px;
height: 29px;
border: 2px solid #e5e5e5;
border-radius: 14px;
transition: all 0.2s;
position: relative;
background: #e5e5e5;
cursor: pointer;
user-select: none;
}
.sc-toggle:before {
content: '';
position: absolute;
left: -2px;
top: -2px;
width: 50px;
height: 29px;
background: #f50;
transition: opacity 0.2s;
opacity: 0;
border-radius: 14px;
}
.sc-toggle.sc-toggle-active:before {
opacity: 1;
}
/* The round part of the toggle */
.sc-toggle-handle {
position: absolute;
z-index: 1;
left: 0;
top: -1px;
width: 27px;
height: 27px;
background: #fff;
display: block;
border-radius: 50%;
transition: all 0.2s;
}
.sc-toggle-active .sc-toggle-handle {
left: 20px;
}
/* Icons */
.sc-toggle-icon-active,
.sc-toggle-icon-inactive {
position: absolute;
top: 2px;
left: 2px;
transition: opacity 0.2s;
}
.sc-toggle-medium .sc-toggle-icon-active,
.sc-toggle-medium .sc-toggle-icon-inactive {
top: 4px;
left: 5px;
}
.sc-toggle-active .sc-toggle-icon-inactive {
opacity: 0;
}
.sc-toggle-icon-active {
opacity: 0;
}
.sc-toggle-active .sc-toggle-icon-active {
opacity: 1;
}
.sc-truncate {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
word-break: normal;
}
/* ==========================================================================
Typography
========================================================================== */
body {
font: 12px/1.4 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Garuda, Verdana, Tahoma, sans-serif;
color: #333;
}
h1, .sc-type-h1,
h2, .sc-type-h2,
h3, .sc-type-h3,
h4, .sc-type-h4,
h5, .sc-type-h5,
h6, .sc-type-h6 {
font-family: "Interstate", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Garuda, Verdana, Tahoma, sans-serif;
font-weight: normal;
margin: 18px 0 0 0;
line-height: 1.3;
}
h1:first-child, .sc-type-h1:first-child,
h2:first-child, .sc-type-h2:first-child,
h3:first-child, .sc-type-h3:first-child,
h4:first-child, .sc-type-h4:first-child,
h5:first-child, .sc-type-h5:first-child,
h6:first-child, .sc-type-h6:first-child {
margin-top: 0;
}
h1, .sc-type-h1 {
font-size: 32px;
}
h2, .sc-type-h2 {
font-size: 16px;
}
h3, .sc-type-h3 {
font-size: 14px;
}
h4, .sc-type-h4 {
margin-top: 0;
}
p {
margin: 0 0 10px 0;
}
hr {
background: #ccc;
position: relative;
height: 1px;
margin: 18px 0 17px 0;
border: none;
width: 100%;
}
b, strong {
font-weight: normal;
}
pre, code {
font-family: 'Monaco', 'Courier New', monospace, serif;
font-size: 1em;
}
/* General styles
========================================================================== */
.sc-type-small {
font-size: 14px;
font-family: "Interstate", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Garuda, Verdana, Tahoma, sans-serif;
font-weight: 100;
}
.sc-type-medium {
font-size: 16px;
font-family: "Interstate", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Garuda, Verdana, Tahoma, sans-serif;
font-weight: 100;
}
.sc-type-large {
font-size: 18px;
font-family: "Interstate", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Garuda, Verdana, Tahoma, sans-serif;
font-weight: 100;
}
.sc-type-light {
font-weight: 100;
color: #999;
}
/* Sub headings
========================================================================== */
h1 > .sc-type-light,
.sc-type-h1 > .sc-type-light {
font-size: 16px;
}
h2 > .sc-type-light,
.sc-type-h2 > .sc-type-light {
font-size: 14px;
}
h3 > .sc-type-light,
.sc-type-h3 > .sc-type-light {
font: 12px/1.4 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Garuda, Verdana, Tahoma, sans-serif;
}
/*
* Basic classes taken from html5boilerplate
* https://github.com/h5bp/html5-boilerplate/blob/master/css/style.css
*/
/* For image replacement */
.sc-ir { border:0; font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; }
/* Hide from both screenreaders and browsers: h5bp.com/u */
.sc-hidden { display: none !important; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.sc-visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.sc-visuallyhidden.sc-focusable:active, .sc-visuallyhidden.sc-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.sc-invisible { visibility: hidden; }
.sc-hr {
border-top: 1px solid #EBEBEB;
border-bottom: 1px solid #FFF;
height: 0;
}
/* ==========================================================================
Legacy styles (you should not use these)
========================================================================== */
/* Text only button
========================================================================== */
.sc-button-text,
.sc-button-text:hover,
.sc-button-text:focus {
border-color: transparent;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
text-shadow: 0px 1px 0 #fff;
}
.sc-button-text {
color: #999;
}
.sc-button-text:hover,
.sc-button-text:focus {
color: #666;
}
.sc-button-small.sc-button-text {
padding-left: 0;
padding-right: 0;
}