1
|
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}body{background:#888;overflow-y:hidden;overflow-x:hidden;font-family:trebuchet ms,sans-serif}#logo{position:absolute;z-index:20;top:15px;left:20px}#logo a{display:inline-block}#logo a img{padding-top:5px;display:inline-block}#logo h1{position:relative;top:-10px;left:10px;font-size:34px;font-weight:normal;font-style:italic;font-family:georgia,garamond,serif;color:#f8b;display:inline-block}#logo h2{position:relative;display:inline-block;font-size:12px;color:#fff;max-width:250px;left:10px;top:-6px;padding-right:20px}#logobg{position:absolute;top:10px;left:0;width:100%;height:64px;background-color:#000;opacity:0.8;z-index:19}#likebutton{display:inline-block;display:none;z-index:-1;min-width:90px}#likebutton a{color:#33f}#flower{position:absolute;top:0;right:10%;z-index:20;pointer-events:none;display:none}#contact{position:absolute;left:0;display:none}#contact #avatar,#contact .avatar{display:none;width:100%}#contact .avatar{display:block}#contact #bio p{color:#ddd;background-color:#000;padding:10px 5px;text-align:center;opacity:0.7}#contact #bio a{color:#ebf;display:block}#contact #bio img{width:100%}#sitez{position:absolute;top:30px;right:20px;text-align:right;z-index:20}#sitez div{color:#ddd;cursor:pointer;display:inline-block;padding:4px 8px 4px 8px;float:left}#sitez div a{color:#bbc}#sitez div#settings-hook{display:none;z-index:82}#sitez div#settings-hook:hover{-moz-border-radius:10px 10px 3px 3px;-webkit-border-radius:10px 10px 3px 3px;-o-border-radius:10px 10px 3px 3px;border-radius:10px 10px 3px 3px;background-color:#333;color:#fff}#sitez div#settings-hook.opened{-moz-border-radius:10px 10px 3px 3px;-webkit-border-radius:10px 10px 3px 3px;-o-border-radius:10px 10px 3px 3px;border-radius:10px 10px 3px 3px;background-color:#333;color:#fff}#fullscreen-warning{position:fixed;top:50%;left:50%;width:600px;margin-left:-300px;margin-top:-20px;text-align:center;font-size:24px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;z-index:100;display:none}#settings-container{position:fixed;top:53px;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;border-radius:10px;right:20px;z-index:80;width:500px;background-color:#222;color:#657b83;display:none;box-shadow:0 5px 10px #000}#settings-container .close{margin:10px 10px 0 0;float:right;color:#ded8c5;width:20px;height:14px;font-size:14px;padding:3px 0;text-align:center;vertical-align:middle;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;border-radius:10px;background-color:#000b16}#settings-container .close:hover{color:#fff;cursor:pointer}#settings-container #rooms-loading{margin:10px}#settings-container h5{font-size:16px;color:#93a1a1;display:block;padding:10px;background-color:#333;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;-o-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0}#settings-container p{padding:10px 10px 10px 10px;font-size:14px;line-height:18px;color:#b3c1c1;background-color:#1b1b1f}#settings-container label{margin:2px 0 0 10px;font-size:14px;color:#657b83;width:150px;text-align:right;padding-right:5px;display:inline-block}#settings-container span{margin:2px 10px 0 0;color:#839496;font-size:14px}#settings-container input{margin:2px 10px 0 0;width:100px}#settings-container #profile-avatar,#settings-container #profile-bg{width:300px}#settings-container #profile-settings-save{font-size:14px}#settings-container textarea{width:300px;height:150px}#settings-container .shim{width:1px;height:10px}#settings-container ul{text-decoration:none;cursor:pointer}#settings-container ul li{list-style-type:none;padding:10px;cursor:pointer;border-top:1px solid #000;background-color:transparent;text-decoration:none;font-size:14px;color:#83a1a1}#settings-container ul li:hover{color:#fdf6e3}#settings-container ul a li{color:#83a1a1;text-decoration:none}#settings-container ul a{color:#83a1a1;text-decoration:none}#msg{z-index:100;position:fixed;top:10px;right:10px;padding:5px;width:250px;max-height:80%;font-size:12px;background-color:#eee;overflow-y:scroll;overflow-x:hidden;color:#333}#msg strong{color:#859900}#msg em{color:#dc322f}#msg b{color:#002b36}#player{padding:10px;position:absolute;background:#000}#player #projector{display:block;position:fixed;background-color:#000}#player #projector #screen{position:absolute;top:0;left:0;width:100%;height:100%;z-index:19}#player #projector #screen #soundcloud,#player #projector #screen #audio{position:absolute;top:0;right:0;background-color:#000;z-index:21}#player #projector #screen #soundcloud-dl,#player #projector #screen #audio-dl{position:absolute;top:81px;right:0;width:81px;padding:5px 0 5px 0;font-size:13px;text-align:center;background-color:#000;z-index:20}#player #projector #screen #soundcloud-dl *,#player #projector #screen #audio-dl *{color:#839496}#player #projector #screen #soundcloud-img,#player #projector #screen #audio-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20}#player #projector #screen #soundcloud-img img,#player #projector #screen #audio-img img{max-width:100%;min-height:100%;max-height:100%}#player #projector #ytscreen{z-index:19;position:absolute;top:0;left:0}#player #projector #video-title{position:absolute;bottom:0;left:10px;color:#fff;z-index:20}#player #projector #video-title.fullscreen{position:fixed;bottom:90px;left:auto;right:30px;font-size:24px}#player #projector #projimg{width:100%;height:100%}#player nav#controls{z-index:40;position:absolute;display:none}#player nav#controls #video-link{color:#839496}#player nav#controls #scan.blinkOn{background-color:#fff;color:#000}#player nav#controls #scan.blinkOff{background-color:#000;color:#fff}#player nav#controls #like{color:#e4b}#player nav#controls #like.liked{color:#44f}#playlistbg{position:absolute;background-color:#000;opacity:0.5}#playlist{position:absolute;z-index:90;width:100%}#playlist ul#queue{width:100%;border-top:1px solid #888;border-left:1px solid #888;border-bottom:1px solid #888;-webkit-padding-start:0;-webkit-margin-before:0;overflow-y:scroll;overflow-x:hidden;z-index:90}#playlist ul#queue li{padding:5px;display:block;cursor:pointer;border-bottom:1px solid #333}#playlist ul#queue li span.title{color:#ddd;display:block;padding:5px;font-size:15px;z-index:1}#playlist ul#queue li span.title:hover{color:#fff}#playlist ul#queue li a.user{float:right;font-size:14px;padding:0 5px;color:#d33682;padding:5px;z-index:2;text-decoration:none}#playlist ul#queue li span.like{float:right;font-size:14px;color:#657b83;padding:5px;z-index:3}#playlist ul#queue li span.like.liked{color:#c357a3}#playlist ul#queue li span.score{float:right;font-size:14px;color:#bbb;padding:5px 10px 5px 5px}#playlist ul#queue li.playing{background-color:#222}#playlist ul#queue li.playing span.title{color:#fff}#playlist ul#queue li#queueLess{color:#fff;text-align:center;border:0;border-bottom:1px solid #333;font-size:18px;padding:10px 0;cursor:pointer}#playlist ul#queue li#queueLess:hover{background-color:#666;color:#fff}#playlist ul#queue li#queueMore{color:#fff;text-align:center;border:0;font-size:33px;padding:20px 20px 20px 20px;cursor:pointer}#playlist ul#queue li#queueMore:hover{background-color:#666;color:#fff}#playlist ul#queue li#queueDone{color:#ddd;text-align:center;border:0;font-size:33px;padding:80px 20px 200px 20px}#playlist ul#queue li#queueLoading{text-align:center;color:#fff;font-size:24px;padding:80px}#playlist ol{-webkit-padding-start:0;-webkit-margin-before:0;-webkit-margin-after:0;display:block;position:relative;top:1px}#playlist ol li{padding:5px 8px 8px 8px;margin:0 0 0 10px;list-style-type:none;border-top:1px solid #000;border-right:1px solid #000;border-left:1px solid #000;border-bottom:1px solid #888;display:inline-block;background-color:#333;color:#bbb;cursor:pointer;opacity:0.7;z-index:89}#playlist ol li.mode{position:relative;padding:8px 8px 8px 8px;border-color:#888;border-bottom:1px solid #111;background-color:#111;color:#fff;z-index:91}nav{z-index:10;margin:0 auto}nav button,nav #video-link{background-color:#333;color:#ddd;border:0;font-size:14px;min-width:40px;min-height:20px;padding:5px 5px;position:relative;top:-1px}nav button:hover,nav #video-link:hover{background-color:#666;color:#fff}nav #video-link{padding:6px 5px 5px 5px}#msg{display:none}#gif-container{position:absolute;left:0;width:100%;padding-left:10%;display:block;padding-bottom:200px}#gif-container #gifs{clear:both;display:block;text-align:center;top:0;max-width:80%;margin:0 0 200px 0;box-shadow:0 5px 10px #000;background-color:#fff}#gif-container #gifs div{padding:10px;display:inline-block}#gif-container #gifs div img{max-width:350px;max-height:400px}#bg{position:fixed;top:0;left:0;opacity:1;z-index:-3;width:100%;height:100%;display:none}#bg img{width:100%;height:100%}.arrow-play{width:0;height:0;border-top:4.5px solid transparent;border-left:9.5px solid #fff;border-bottom:4.5px solid transparent;display:inline-block}.arrow-pause{width:0;height:0;border-top:5px solid #fff;border-right:2.5px solid #fff;border-bottom:4px solid #fff;border-left:0;display:inline-block}.arrow-prev{width:0;height:0;border-top:4px solid transparent;border-right:4px solid #fff;border-bottom:4px solid transparent;display:inline-block}.arrow-next{width:0;height:0;border-top:4px solid transparent;border-left:4px solid #fff;border-bottom:4px solid transparent;display:inline-block}
|
