/* --------------------------------------- YORK --------------------------------------- by Ryan Sims simmy.tumblr.com --------------------------------------- */ /* ---------- GLOBAL STYLING RULES & RESETS ---------- */ * { margin: 0px; padding: 0px; } @font-face { font-family: 'Bebas Neue'; src: url('virb.com/_assets/_fonts/BebasNeue-webfont.eot?') format('eot'), url('virb.com/_assets/_fonts/BebasNeue-webfont.woff') format('woff'), url('virb.com/_assets/_fonts/BebasNeue-webfont.ttf') format('truetype'), url('virb.com/_assets/_fonts/BebasNeue-webfont.svg#webfont') format('svg'); font-weight: normal; font-style: normal; } body { background: #ffffff; font: normal 13px ff-tisa-web-pro-1, ff-tisa-web-pro-2, 'Courier New', Monaco, Courier, "Andale Mono", monospace; color: #333333; line-%; } div#container_left { display: block; position: fixed; float: left; *float: none; left: 0; top: 0; px; %; padding: 0 20px; background: #ffffff; z-index: 2; } div#container_right { display: block; float: left; auto; margin: 0 0 0 280px; padding: 35px 0 0 0; z-index: 1; } hr { display: none; } #page hr { display: block; border: none 0; border-top: 1px solid #dddddd; %; px; margin: 0 0 20px 0; } input, option, textarea, button { font: normal 13px 'Courier New', Monaco, Courier, "Andale Mono", monospace; } ul, ol { list-style-type: none; } q:before, q:after { content: ""; } big { px; } small { px; } img { border: none; } a { color: #e04cda; text-decoration: none; outline: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } a:hover { color: #333333; } p, h1, h2, h3, h4, h5, h6, ol, ul { line-%; } #container_right p { line-%; } /* ---------- HEADER ---------- */ div#header { padding: 30px 0 20px 0; } #header h1 { font: normal 21px 'Bebas Neue', Helvetica, Arial, sans-serif; line-%; } #header h1 a, #header h1 a:hover { color: #333333; } #header h1 img { display: block; max-px; } #header h2 { font-weight: normal; px; color: #999999; line-%; padding-top: 3px; } /* ---------- NAVIGATION ---------- */ div#site_nav { margin: 0 0 20px 0; padding: 0 0 15px 0; px; border-bottom: 1px dotted #CCC; text-transform: uppercase; } #site_nav ul li { padding: 0 0 10px 0; } #site_nav ul li.section { padding: 5px 0 15px 0; } #site_nav ul li ul li { padding: 0; } #site_nav ul li a, body.homepage #site_nav ul li.page a { color: #333333; cursor: pointer; } #site_nav ul li a:hover, body.homepage #site_nav ul li a:hover, #site_nav ul li.page.active a { color: #e04cda; } #site_nav ul li.page.active a { cursor: default; } #site_nav ul li span.section_name { cursor: default; color: #999999; } /* ---------- PAGE ---------- */ div#page { position: relative; clear: both; px; *px; padding: 0 0 50px 0; } #page div#title, #page div#count { display: none; } #page div#description { position: relative; padding: 0; } #page #description p { padding: 0 0 20px 0; } div#share { display: block; position: relative; clear: both; padding: 10px 0 0 0; } /* Page: Types */ /* ---------- PAGE: CUSTOM ---------- */ div#custom { px; padding: 0 0 50px 0; } #custom #description p { padding: 0 0 20px 0; } #custom #description img { position: relative; display: block; max-px; border: 0; padding: 0; margin: 0; } #custom #description img[style] { auto !important; } /* ---------- PAGE: TOPSPIN ---------- */ #topspin #media table td { vertical-align: top; } #topspin #media table td .entry { min-px; } /* general styles */ #topspin #media .entry { margin-top: 40px; overflow: hidden; } #topspin #media .entry h3 { margin: 0px 40px 0px 0px; padding: 0px; px; font-weight: normal; } #topspin #media .entry img { margin: 20px 20px 20px 0px; max-px; float: left; } #topspin #media .entry p.price { margin: 20px 40px 0px 0px; padding: 0px; px; color: #aaaaaa; } #topspin #media .entry p.description { margin: 20px 40px 0px 0px; padding: 0px; } #topspin #media .entry .embed { margin: 20px 0px 0px 0px; } #topspin #media table td#column_1 .entry .embed { margin-right: 40px; } #topspin #media .entry .embed .topspin-widget-buy-button a.ts_buttonlink { display: inline-block; margin: 0px 10px 0px 0px; padding: 0px 5px 0px 5px; px; line-px; font-weight: bold; text-decoration: none; text-transform: lowercase; vertical-align: middle; background: #e04cda; color: #ffffff; border: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } #topspin #media .entry .embed .topspin-widget-buy-button a.ts_buttonlink:hover { background: #333333; } /* ---------- PAGE: EVENTS ---------- */ #description ul.events { list-style: none; } #description ul.events li { padding: 0 0 20px 0; px; } #custom #description ul.events li p { padding: 0; } #description ul.events li span.event_venue { display: block; px; } #description table { border-top: 1px solid #dddddd; border-collapse: collapse; } #description table tr { border-bottom: 1px dotted #dddddd; } #description table td { padding: 7px; } /* ---------- PAGE: INDEX ---------- */ div#index:after { display: block; visibility: hidden; clear: both; content: "."; } #index ul.thumbs { margin: 0 0 0 -20px; } #index ul.thumbs li { float: left; px; margin: 0 0 0 20px; padding: 0 0 20px 0; text-align: center; } #index ul.thumbs li.li_4, #index ul.thumbs li.li_7, #index ul.thumbs li.li_10, #index ul.thumbs li.li_13, #index ul.thumbs li.li_16, #index ul.thumbs li.li_19, #index ul.thumbs li.li_22, #index ul.thumbs li.li_25, #index ul.thumbs li.li_28 { clear: both; } #index ul.thumbs li h3 { px; font-weight: normal; px; overflow: hidden; } #index ul.thumbs li:hover h3 a { color: #333333; } #index ul.thumbs li p { padding: 0 0 5px 0; } #index ul.thumbs li img { px; position: relative; margin: 0; padding: 0; border: 0; opacity: 1.00; -moz-opacity: 1.00; filter:alpha(opacity=100); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #index ul.thumbs li:hover img { opacity: 0.70; -moz-opacity: 0.70; filter:alpha(opacity=70); } /* ---------- PAGE: ALBUM ---------- */ #art p { float: left; display: block; px; padding: 0 0 25px 0; margin: 0 30px 0 0; } #art p img { display: block; position: relative; border: 0; padding: 0; px; } #media ol { float: left; display: block; px; list-style-type: decimal-leading-zero; *list-style-type: decimal; list-style-position: inside; padding: 0 0 40px 0; border-top: 1px solid #dddddd; } #media ol li { position: relative; padding: 10px 10px 10px 35px; px; line-px; border-bottom: 1px solid #dddddd; color: #333333; } /* Player Controls */ #album #media ol li .album_image { display: none; } #album #media ol li .controls .prev { display: none; } #album #media ol li .controls .next { display: none; } #album #media ol li h4 { display: none; } #album #media ol li .playpause a { z-index: 6; position: absolute; top: 8px; left: 5px; display: block; px; px; text-indent: -9999px; overflow: hidden; "password"] { color: #333333; background: #fff; border: 1px solid #333333; px; px; padding: 5px; margin: 0 5px 0 0; } #password input[type="submit"] { color: #ffffff; background: #e04cda; border: 1px solid #e04cda; text-transform: uppercase; px; padding: 5px 15px; } #password input[type="submit"]:hover { cursor: pointer; background: #333333; border: 1px solid #333333; } /* ---------- SIDEBAR ---------- */ #sidebar .module { padding: 0 0 20px 0; overflow: hidden; } #sidebar .module h4 { font-weight: normal; margin-bottom: 10px; color: #999999; } #sidebar .module h4 a { color: #999999; } #sidebar .module h4 a:hover { color: #333333; } #sidebar .module.twitter span.date, #sidebar .module.lastfm span.date { display: block; padding: 0 0 10px 0; } #sidebar .module.twitter span.date { padding-top: 5px; } #sidebar .module.twitter, #sidebar .module.custom { margin-bottom: -10px; } #sidebar .module.custom p { padding: 0 0 10px 0; } #sidebar .module.twitter .date a, #sidebar .module.lastfm span.date { px; color: #aaaaaa; } #sidebar .module.lastfm ol { list-style-type: decimal; list-style-position: inside; } #sidebar .module.lastfm ol.top_tracks li, #sidebar .module.lastfm ul.upcoming_events li { padding-bottom: 10px; } #sidebar .module.lastfm ol li img { display: none; } #sidebar .module.audio_player ul { position: relative; text-align: center; *text-align: left; border: 1px solid #dddddd; padding: 0 0 15px 0; } #sidebar .module.audio_player li { display: none; } #sidebar .module.audio_player li.selected { display: block; } #sidebar span.album_image img { display: block; *display: inline; position: relative; px; border: 14px solid #ffffff; border-bottom: 0; padding: 0; margin: 0; } #sidebar .audio_player .playpause a, #sidebar .audio_player .prev a, #sidebar .audio_player .next a { z-index: 6; position: absolute; top: 175px; left: 74px; display: block; px; px; text-indent: -9999px; overflow: hidden; background: url(g.virbcdn.com/_assets/_themes/york/btn_play_big.png) no-repeat; } #sidebar .audio_player ul li.playing .playpause a { background: url(g.virbcdn.com/_assets/_themes/york/btn_pause_big.png) no-repeat; } #sidebar .audio_player .prev a, #sidebar .audio_player .next a { top: 179px; left: 110px; px; px; background: url(g.virbcdn.com/_assets/_themes/york/btn_fwd.png) no-repeat; } #sidebar .audio_player .prev a { left: 45px; background: url(g.virbcdn.com/_assets/_themes/york/btn_back.png) no-repeat; } #sidebar .audio_player ul audio { z-index: 6; position: absolute; top: 175px; left: 14px; px; } #sidebar .audio_player ul h3, #sidebar .audio_player ul h4 { px; font-weight: normal; px; padding: 50px 15px 0 15px; *text-align: center; } #sidebar .audio_player ul h4 { padding-top: 0; color: #333333; } #sidebar .audio_player small.download { position: absolute; top: 149px; *top: 148px; right: 14px; text-transform: lowercase; } #sidebar .audio_player small a { background: #e04cda; color: #ffffff; padding: 3px 5px; } #sidebar .audio_player small a:hover { background: #333333; } #sidebar .audio_player .length { display: block; position: relative; px; px; border: solid 1px #dddddd; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin-left: 15px; } #sidebar .audio_player .load { px; %; display: block; background: #dddddd; position: absolute; } #sidebar .audio_player .progress { px; %; display: block; background: #e04cda; position: absolute; } #sidebar .audio_player .time { position: absolute; top: -3px; left: 120px; px; text-align: right; color: #aaaaaa; } /* ---------- FOOTER ---------- */ div#footer { padding: 0; } #footer p { line-px; } #footer p a { color: #333333; } #footer p a:hover { color: #e04cda; } /* ---------- COLORS ---------- */
gipoco.com is neither affiliated with the authors of this page nor responsible for its contents. This is a safe-cache copy of the original web site.