diff options
Diffstat (limited to 'frontend/static/stylesheets')
19 files changed, 76 insertions, 0 deletions
diff --git a/frontend/static/stylesheets/src/avatar.css b/frontend/static/stylesheets/src/avatar.css new file mode 100644 index 0000000..6f237a8 --- /dev/null +++ b/frontend/static/stylesheets/src/avatar.css @@ -0,0 +1 @@ +table{float:left}.avatar-right{left:250px}.message{vertical-align:top}.tri{vertical-align:top;height:100%}.triangle-left{width:0;height:0;border-top:10px solid transparent;border-bottom:5px solid transparent;border-right:25px solid #fff;position:relative;top:10px;left:5px;margin-left:-16px}.triangle-right{width:0;height:0;border-top:10px solid transparent;border-bottom:5px solid transparent;border-left:25px solid #fff;position:relative;top:10px;margin-left:-12px}.message .message-blurb{box-shadow:2px 2px 10px #123;max-width:250px;font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;background-color:#fff;border-top:2px solid #f0f0f8;border-left:2px solid #ebeeef;border-right:2px solid #ddd;border-bottom:2px solid #ddd;-moz-border-radius:20px;-webkit-border-radius:20px;padding:10px;color:#222;word-wrap:break-word}#chat img{max-width:250px;max-height:250px}#chat .ytlink:hover{color:#f3c}#chat .ytlink{color:#c3d}#chat .ytlink.playing{color:#60b}div.frame{display:inline-block;padding:2px;height:300px;overflow:visible} diff --git a/frontend/static/stylesheets/src/calendar.css b/frontend/static/stylesheets/src/calendar.css new file mode 100644 index 0000000..fceae74 --- /dev/null +++ b/frontend/static/stylesheets/src/calendar.css @@ -0,0 +1 @@ +body{background-color:#f8f8f8;overflow:hidden}#calendar{position:absolute;z-index:10}#calendar *{font-size:18px}#playlist ul#queue li.playing span.score{color:#bbb}#playlist ul#queue li span.score{color:#333}#playlist ul#queue li span.title{color:#222}#player{z-index:6}#playlistbg{z-index:7;background-color:#f8f8f8}#water-cooler{position:fixed;bottom:-10px;left:-30px;height:500px;z-index:7}#office-plant{position:fixed;bottom:20px;left:160px;z-index:8}#carpet{position:fixed;width:100%;height:70px;bottom:0;left:0;background-color:#fff;z-index:6}#bg{opacity:0.1;display:none}#likebutton{position:fixed;right:20px;top:30px;opacity:0.7}#calendar{z-index:10;box-shadow:#666 5px 5px 10px;display:none}#logo h1{color:#b8d}#player #projector #video-title{bottom:5px;left:5px}.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} diff --git a/frontend/static/stylesheets/src/diornights.css b/frontend/static/stylesheets/src/diornights.css new file mode 100644 index 0000000..c24259b --- /dev/null +++ b/frontend/static/stylesheets/src/diornights.css @@ -0,0 +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}html{height:100%;width:100%}body{font-family:trebuchet ms,helvetica,arial,sans-serif;width:100%;height:100%;overflow-x:hidden;background:#fff;background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0.28, #fff), color-stop(0.64, #faf7fa));background-image:-moz-linear-gradient(center bottom, #fff 28%, #faf7fa 64%);background-attachment:fixed;font-size:11px;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;color:#333}#bg{position:fixed;top:0;left:0;opacity:1;z-index:-3;width:100%;height:100%}#bg img{width:100%;height:100%;-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast}#container{position:absolute;top:0;left:50%;width:950px;min-height:100%;margin-left:-475px;background:#fff;padding-bottom:2000px}#header{width:100%}#header #logo{height:160px}#header #likebutton{position:absolute;top:80px;right:30px}#menu{width:100%;border-top:1px solid #eee;border-bottom:1px solid #eee}#menu ul li{display:inline-block;width:153px;padding:5px 0 5px 0px;text-align:center}#menu ul li a{color:#333;text-decoration:none;display:block}#menu ul li a:hover{color:#33f}.box{width:300px;margin:10px 0 0 10px}.box img{width:100%;opacity:0.9}.box img:hover{opacity:1}.box#feed ul li{display:inline-block;height:32px;vertical-align:middle}.box#feed img{width:32px;height:32px} diff --git a/frontend/static/stylesheets/src/disaro.css b/frontend/static/stylesheets/src/disaro.css new file mode 100644 index 0000000..9787b67 --- /dev/null +++ b/frontend/static/stylesheets/src/disaro.css @@ -0,0 +1 @@ +#chat{text-align:center}#chat img{width:500px;max-width:none;max-height:none;border:10px solid #000;margin:10px auto 0;margin-right:100px}#chat a.u{font-size:14px;min-width:100px;letter-spacing:-1px;text-align:right;padding-right:20px}#chat *{font-size:14px}#chat .chatline{width:510px;background-color:#000;padding:5px;text-align:left;margin:0 auto;opacity:0.9;margin-right:100px}#chat span{color:#666;text-shadow:none;font-weight:normal} diff --git a/frontend/static/stylesheets/src/embed.css b/frontend/static/stylesheets/src/embed.css new file mode 100644 index 0000000..74c415c --- /dev/null +++ b/frontend/static/stylesheets/src/embed.css @@ -0,0 +1 @@ +body{background:#000;overflow:hidden}#logo,#form,#logobg,#sitez{opacity:0;z-index:-20}#lastlogbox *,#lastlogbox h4{font-size:12px;padding:1px}#lastlogbox{padding:1px}#chat{font-size:6px;line-height:120%;overflow-y:hidden}#chat a.u{min-width:10px}#chat img{max-height:30px;max-width:30px}#player{padding:0;margin:0}#player *,#playlist *,#queue *{font-size:12px}#playlist ul#queue li{padding:1px}#playlist ul#queue li.playing{background-color:#657}#playlist ul#queue li span.like{display:none}#playlist ul#queue li a.user{font-size:10px}#playlist{overflow-y:hidden}#queue{overflow-y:scroll}nav button{font-size:12px;padding:1px;overflow:hidden;position:relative;top:3px;left:3px}nav #video-link{position:relative;top:2px;left:3px;padding:4px;font-size:10px}#player nav#controls span.instructions{font-size:11px;color:#ddd;position:relative;top:3px;left:5px}#player nav#controls{z-index:90;overflow:visible}#player #projector #video-title{bottom:10px;left:2px}*,#chat{overflow:hidden}.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} diff --git a/frontend/static/stylesheets/src/feederbleeder.css b/frontend/static/stylesheets/src/feederbleeder.css new file mode 100644 index 0000000..9787b67 --- /dev/null +++ b/frontend/static/stylesheets/src/feederbleeder.css @@ -0,0 +1 @@ +#chat{text-align:center}#chat img{width:500px;max-width:none;max-height:none;border:10px solid #000;margin:10px auto 0;margin-right:100px}#chat a.u{font-size:14px;min-width:100px;letter-spacing:-1px;text-align:right;padding-right:20px}#chat *{font-size:14px}#chat .chatline{width:510px;background-color:#000;padding:5px;text-align:left;margin:0 auto;opacity:0.9;margin-right:100px}#chat span{color:#666;text-shadow:none;font-weight:normal} diff --git a/frontend/static/stylesheets/src/frederick.css b/frontend/static/stylesheets/src/frederick.css new file mode 100644 index 0000000..3d6aeef --- /dev/null +++ b/frontend/static/stylesheets/src/frederick.css @@ -0,0 +1 @@ +#chat span{color:#004b27;text-shadow:0 0 2px #fff} diff --git a/frontend/static/stylesheets/src/gallery-white.css b/frontend/static/stylesheets/src/gallery-white.css new file mode 100644 index 0000000..e528b88 --- /dev/null +++ b/frontend/static/stylesheets/src/gallery-white.css @@ -0,0 +1 @@ +body{background:#fff}#loading{background:transparent;color:#e6f0f0;text-shadow:#e6f0f0 0 0 50px}#player{background:#fff}#player #projector{background-color:#000}#player #projector #video-title{color:#fff}#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:#fae}#player nav#controls #like.liked{color:#88f}#playlistbg{background-color:#fff}#playlist ul#queue li{border-bottom:1px solid #ddd}#playlist ul#queue li span.title{color:#333}#playlist ul#queue li a.user{color:#d33682}#playlist ul#queue li span.like{color:#657b83}#playlist ul#queue li span.like.liked{color:#c357a3}#playlist ul#queue li.playing{background-color:#333}#playlist ul#queue li.playing span.title{color:#fff}#curtain{background:#080810;opacity:0.3}#login{background:#fff;box-shadow:0 5px 10px #000}#login label{color:#000}#login #button-shim button{padding:2px 5px}#login #login-username,#login #login-password{border:2px solid #806}#login a{color:#68f}#sitez div:hover{background-color:#333}#sitez div.opened{background-color:#333}nav button{background-color:#888}#logobg{background-color:#000;opacity:0.7}#logo h1{color:#8ff}#logo h2{color:#839496}#logo h2 a{color:#268bd2}#likereport a{background-color:#222;opacity:0.95}#form{background-color:#fff}#form #chat-message{border:1px solid #333}#form button{background-color:#ddd;color:#333}#form button:hover{background-color:#c8cbd6}#formbg{background-color:#fff;opacity:0.7}#chatbg{background-color:#fff;opacity:0.1}#chat{background:transparent}#chat a{color:#44f}#chat a.u{color:#f06;opacity:0.9}#chat a.pic{opacity:1}#chat span{color:#333;text-shadow:#000 0 0 0}#chat .ytlink{color:#8aaab3;text-shadow:#000 0 0 0}#chat .ytlink:hover{color:#11182f;text-shadow:#000 0 0 0}#chat .ytlink.playing{color:#c2b}#lastlogbg{background-color:#fff;opacity:0.3}#lastlogbox{opacity:0.8}#lastlogbox h4{color:#666}#lastlogbox ul{border-top:1px solid #ddd}li.ll a{color:#4a5a73;border-bottom:1px solid #ddd;text-shadow:#000 0 0 0}button{background:#ddd;color:#333}#settings-container,#rooms-container,#about-container{background-color:#222;color:#657b83}#settings-container .close,#rooms-container .close,#about-container .close{color:#ded8c5;background-color:#000b16}#settings-container .close:hover,#rooms-container .close:hover,#about-container .close:hover{color:#fff}#settings-container h5,#rooms-container h5,#about-container h5{color:#93a1a1;background-color:#333}#settings-container p,#rooms-container p,#about-container p{color:#b3c1c1;background-color:#1b1b1f}#settings-container label,#rooms-container label,#about-container label{color:#657b83}#settings-container span,#rooms-container span,#about-container span{color:#839496}#settings-container ul li,#rooms-container ul li,#about-container ul li{border-top:1px solid #000;color:#83a1a1}#settings-container ul li:hover,#rooms-container ul li:hover,#about-container ul li:hover{color:#fdf6e3}#settings-container ul a li,#rooms-container ul a li,#about-container ul a li{color:#83a1a1}#settings-container ul a,#rooms-container ul a,#about-container ul a{color:#83a1a1}#chat{text-align:center}#chat img{width:520px;max-width:none;max-height:none;border:0;margin:0 auto}#chat a.u{font-size:14px;min-width:100px;letter-spacing:-1px;text-align:right;padding-right:20px}#chat a.pic{padding:0;margin:0}#chat *{font-size:14px}#chat .chatimg{margin:0 auto;padding:0}#chat .chatline{width:510px;background-color:#fff;padding:2px 5px 2px 5px;line-height:16px;text-align:left;margin:0 auto;opacity:0.9}#chat span{color:#666;text-shadow:none;font-weight:normal}#logo h2#topic{left:5px}#logo #likebutton{position:relative;left:30px} diff --git a/frontend/static/stylesheets/src/glitter.css b/frontend/static/stylesheets/src/glitter.css new file mode 100644 index 0000000..4e4967f --- /dev/null +++ b/frontend/static/stylesheets/src/glitter.css @@ -0,0 +1 @@ +#chat *,#chat span,#chat span a{font-size:30px;line-height:38px;text-shadow:#000 0 0 5px,#000 0 0 5px,#000 0 0 5px,#000 0 0 5px,#000 0 0 5px,#000 0 0 5px,#000 0 0 5px,#000 0 0 5px,#000 0 0 5px,#000 0 0 5px,#000 0 0 5px,#000 0 0 5px,#000 0 0 5px,#000 0 0 5px,#000 0 0 5px,#000 0 0 5px,#000 0 0 5px,#000 0 0 5px,#000 0 0 5px;font-family:papyrus,comic sans,comic sans ms,sans-serif;letter-spacing:-1px;overflow:hidden}#heading img{position:relative;top:-35px;left:-18px;z-index:47}#likebutton{position:relative;top:-90px;left:-16px}#chat a.u{font-size:24px} diff --git a/frontend/static/stylesheets/src/ie.css b/frontend/static/stylesheets/src/ie.css new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/frontend/static/stylesheets/src/ie.css diff --git a/frontend/static/stylesheets/src/main.css b/frontend/static/stylesheets/src/main.css new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/frontend/static/stylesheets/src/main.css diff --git a/frontend/static/stylesheets/src/print.css b/frontend/static/stylesheets/src/print.css new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/frontend/static/stylesheets/src/print.css diff --git a/frontend/static/stylesheets/src/profile.css b/frontend/static/stylesheets/src/profile.css new file mode 100644 index 0000000..84b1b6d --- /dev/null +++ b/frontend/static/stylesheets/src/profile.css @@ -0,0 +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} diff --git a/frontend/static/stylesheets/src/roomlist.css b/frontend/static/stylesheets/src/roomlist.css new file mode 100644 index 0000000..e5e91ca --- /dev/null +++ b/frontend/static/stylesheets/src/roomlist.css @@ -0,0 +1 @@ +.roomdiv{width:200px;height:100px;display:block;float:left;text-align:center;vertical-align:bottom;position:relative;font-size:30px;color:#fff;padding-top:160px;background-color:#000;cursor:pointer}.roomdiv *{cursor:pointer}.roomdiv .count{font-size:160px;color:#fff;position:absolute;left:0;top:10px;width:100%;text-align:center;vertical-align:middle;z-index:3;opacity:0.9}.roomdiv .roomname{position:absolute;left:0;top:180px;width:100%;text-align:center;vertical-align:middle;opacity:0.9;z-index:4}.roomdiv .roombg{position:absolute;background-position:center center;left:0;top:0;width:100%;height:100%;opacity:0.8;z-index:1;cursor:pointer}.roomdiv:hover .roomname{opacity:1}.roomdiv:hover .count{opacity:1}.roomdiv:hover .roombg{opacity:0.9}#roomlist{padding-top:90px}#roomlist a{text-decoration:none;cursor:pointer}body{overflow-y:scroll;background:#000}#logo{top:5px;left:10px}#logo h1#header{font-size:30px;color:#4df;top:8px;max-width:500px}#logo h2.preamblish{display:inline-block;position:relative;top:-15px;left:10px;font-size:12px;color:#fff;max-width:250px;padding-right:20px}#curtain{background:#080810;opacity:0.3;width:100%;height:100%;position:fixed;top:0;left:0;z-index:10;display:none}#login{background:#000;display:block;width:50%;top:20%;left:50%;margin-left:-25%;padding:30px;padding-bottom:60px;z-index:20;position:fixed;text-align:center;box-shadow:0 5px 10px #000}#login img{margin-bottom:20px}#login label{min-width:20%;display:inline-block;text-align:right;padding-right:10px;font-size:18px;color:#fff}#login #button-shim{width:30%;display:inline-block;text-align:left;padding:10px 10px 10px 0;margin-right:20px}#login #button-shim button{padding:2px 5px}#login #login-username,#login #login-password{width:30%;margin-right:10px;font-size:24px;border:2px solid #806;padding:10px}#login a{color:#68f;text-decoration:underline}#login button{font-size:24px} diff --git a/frontend/static/stylesheets/src/screen.css b/frontend/static/stylesheets/src/screen.css new file mode 100644 index 0000000..9ac8bdc --- /dev/null +++ b/frontend/static/stylesheets/src/screen.css @@ -0,0 +1,62 @@ +/* +Syntax error: Invalid CSS after "10px": expected expression (e.g. 1px, bold), was ";" + on line 524 of /var/www/scannerjammer.com/httpdocs/sass/src/screen.sass + +Backtrace: +/var/www/scannerjammer.com/httpdocs/sass/src/screen.sass:524 +/var/lib/gems/1.9.1/gems/sass-3.2.1/lib/sass/scss/parser.rb:1130:in `expected' +/var/lib/gems/1.9.1/gems/sass-3.2.1/lib/sass/script/lexer.rb:199:in `expected!' +/var/lib/gems/1.9.1/gems/sass-3.2.1/lib/sass/script/parser.rb:486:in `assert_done' +/var/lib/gems/1.9.1/gems/sass-3.2.1/lib/sass/script/parser.rb:50:in `parse' +/var/lib/gems/1.9.1/gems/sass-3.2.1/lib/sass/script/parser.rb:166:in `parse' +/var/lib/gems/1.9.1/gems/sass-3.2.1/lib/sass/script.rb:31:in `parse' +/var/lib/gems/1.9.1/gems/sass-3.2.1/lib/sass/engine.rb:875:in `parse_script' +/var/lib/gems/1.9.1/gems/sass-3.2.1/lib/sass/engine.rb:608:in `parse_property' +/var/lib/gems/1.9.1/gems/sass-3.2.1/lib/sass/engine.rb:597:in `parse_property_or_rule' +/var/lib/gems/1.9.1/gems/sass-3.2.1/lib/sass/engine.rb:578:in `parse_line' +/var/lib/gems/1.9.1/gems/sass-3.2.1/lib/sass/engine.rb:471:in `build_tree' +/var/lib/gems/1.9.1/gems/sass-3.2.1/lib/sass/engine.rb:490:in `block in append_children' +/var/lib/gems/1.9.1/gems/sass-3.2.1/lib/sass/engine.rb:489:in `each' +/var/lib/gems/1.9.1/gems/sass-3.2.1/lib/sass/engine.rb:489:in `append_children' +/var/lib/gems/1.9.1/gems/sass-3.2.1/lib/sass/engine.rb:480:in `block in build_tree' +/var/lib/gems/1.9.1/gems/sass-3.2.1/lib/sass/engine.rb:473:in `each' +/var/lib/gems/1.9.1/gems/sass-3.2.1/lib/sass/engine.rb:473:in `build_tree' +/var/lib/gems/1.9.1/gems/sass-3.2.1/lib/sass/engine.rb:490:in `block in append_children' +/var/lib/gems/1.9.1/gems/sass-3.2.1/lib/sass/engine.rb:489:in `each' +/var/lib/gems/1.9.1/gems/sass-3.2.1/lib/sass/engine.rb:489:in `append_children' +/var/lib/gems/1.9.1/gems/sass-3.2.1/lib/sass/engine.rb:480:in `block in build_tree' +/var/lib/gems/1.9.1/gems/sass-3.2.1/lib/sass/engine.rb:473:in `each' +/var/lib/gems/1.9.1/gems/sass-3.2.1/lib/sass/engine.rb:473:in `build_tree' +/var/lib/gems/1.9.1/gems/sass-3.2.1/lib/sass/engine.rb:490:in `block in append_children' +/var/lib/gems/1.9.1/gems/sass-3.2.1/lib/sass/engine.rb:489:in `each' +/var/lib/gems/1.9.1/gems/sass-3.2.1/lib/sass/engine.rb:489:in `append_children' +/var/lib/gems/1.9.1/gems/sass-3.2.1/lib/sass/engine.rb:345:in `_to_tree' +/var/lib/gems/1.9.1/gems/sass-3.2.1/lib/sass/engine.rb:315:in `_render' +/var/lib/gems/1.9.1/gems/sass-3.2.1/lib/sass/engine.rb:262:in `render' +/var/lib/gems/1.9.1/gems/compass-0.12.2/lib/compass/compiler.rb:140:in `block (2 levels) in compile' +/var/lib/gems/1.9.1/gems/compass-0.12.2/lib/compass/compiler.rb:126:in `timed' +/var/lib/gems/1.9.1/gems/compass-0.12.2/lib/compass/compiler.rb:139:in `block in compile' +/var/lib/gems/1.9.1/gems/compass-0.12.2/lib/compass/logger.rb:45:in `red' +/var/lib/gems/1.9.1/gems/compass-0.12.2/lib/compass/compiler.rb:138:in `compile' +/var/lib/gems/1.9.1/gems/compass-0.12.2/lib/compass/compiler.rb:118:in `compile_if_required' +/var/lib/gems/1.9.1/gems/compass-0.12.2/lib/compass/compiler.rb:103:in `block (2 levels) in run' +/var/lib/gems/1.9.1/gems/compass-0.12.2/lib/compass/compiler.rb:101:in `each' +/var/lib/gems/1.9.1/gems/compass-0.12.2/lib/compass/compiler.rb:101:in `block in run' +/var/lib/gems/1.9.1/gems/compass-0.12.2/lib/compass/compiler.rb:126:in `timed' +/var/lib/gems/1.9.1/gems/compass-0.12.2/lib/compass/compiler.rb:100:in `run' +/var/lib/gems/1.9.1/gems/compass-0.12.2/lib/compass/commands/watch_project.rb:147:in `recompile' +/var/lib/gems/1.9.1/gems/compass-0.12.2/lib/compass/commands/watch_project.rb:68:in `perform' +/var/lib/gems/1.9.1/gems/compass-0.12.2/lib/compass/commands/base.rb:18:in `execute' +/var/lib/gems/1.9.1/gems/compass-0.12.2/lib/compass/commands/project_base.rb:19:in `execute' +/var/lib/gems/1.9.1/gems/compass-0.12.2/lib/compass/exec/sub_command_ui.rb:43:in `perform!' +/var/lib/gems/1.9.1/gems/compass-0.12.2/lib/compass/exec/sub_command_ui.rb:15:in `run!' +/var/lib/gems/1.9.1/gems/compass-0.12.2/bin/compass:30:in `block in <top (required)>' +/var/lib/gems/1.9.1/gems/compass-0.12.2/bin/compass:44:in `call' +/var/lib/gems/1.9.1/gems/compass-0.12.2/bin/compass:44:in `<top (required)>' +/usr/local/bin/compass:23:in `load' +/usr/local/bin/compass:23:in `<main>' +*/ +body:before { + white-space: pre; + font-family: monospace; + content: "Syntax error: Invalid CSS after \"10px\": expected expression (e.g. 1px, bold), was \";\"\A on line 524 of /var/www/scannerjammer.com/httpdocs/sass/src/screen.sass"; } diff --git a/frontend/static/stylesheets/src/sewergreats.css b/frontend/static/stylesheets/src/sewergreats.css new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/frontend/static/stylesheets/src/sewergreats.css diff --git a/frontend/static/stylesheets/src/test.css b/frontend/static/stylesheets/src/test.css new file mode 100644 index 0000000..220e6fc --- /dev/null +++ b/frontend/static/stylesheets/src/test.css @@ -0,0 +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{font-family:trebuchet ms}#msg{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;z-index:100}#msg strong{color:#859900}#msg em{color:#dc322f}#msg b{color:#002b36}#player #projector{display:block;position:absolute;background-color:#000;width:320px;height:240px}#player #projector #screen{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20}#player #projector #screen #soundcloud{position:absolute;top:0;right:0;z-index:21}#player #projector #screen #soundcloud-dl{position:absolute;top:81px;right:10px;padding:5px;background-color:#000;z-index:20}#player #projector #screen #soundcloud-dl *{color:#839496}#player #projector #screen #soundcloud-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20}#player #projector #screen #soundcloud-img img{max-width: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:0;color:#988;z-index:20}#player #projector #projimg{width:100%;height:100%}#player nav{position:absolute;top:260px}#player nav button{color:#000}#player nav #scan.blinkOn{background-color:#fff;color:#000}#player nav #scan.blinkOff{background-color:#000;color:#fff}#player nav #like{color:#e4b}#player nav #like.liked{color:#44f}#player #playlist{position:absolute;left:330px;z-index:20;width:300px}#player #playlist ul#queue{width:100%}#player #playlist ul#queue li{display:block;cursor:pointer;border-bottom:1px solid #ddd}#player #playlist ul#queue li span.title{display:block;padding:5px;z-index:1}#player #playlist ul#queue li a.user{float:right;padding:0 5px;color:#d33682;padding:5px;z-index:2}#player #playlist ul#queue li span.like{float:right;color:#657b83;padding:5px;z-index:3}#player #playlist ul#queue li span.like.liked{color:#a35783}#player #playlist ul#queue li.playing{background-color:#073642;color:#fff}#room,#user{padding:10px}#room label,#user label{color:#657b83;width:200px;text-align:right;padding-right:5px;display:inline-block}#room span,#user span{color:#93a1a1}a{color:#268bd2}a:visited{color:#6c71c4}body{font-size:16px}#bg{position:fixed;top:0;left:0;z-index:-1;opacity:0.3}#pnp{position:fixed;right:20px;bottom:20px;width:400px;height:285px;background:#fff}#stats{position:fixed;right:20px;top:20px;width:390px;font-size:14px;background-color:#fff;padding:5px;display:none;overflow-y:scroll}#videos{width:800px;padding-right:5px}#videos li{width:100%;list-style-type:none;display:block;margin-top:3px}#videos li a,#videos li span{display:inline-block;margin-left:5px}#videos li .date{opacity:0.8;width:60px;text-align:right;font-size:14px}#videos li .time{opacity:0.8;width:40px;text-align:right;font-size:14px}#videos li .user{font-size:14px;width:100px;overflow:hidden}#videos li .type{width:20px;text-align:center;font-variant:small-caps}#videos li .title{text-decoration:none;width:300px;overflow:hidden;white-space:nowrap}#videos li .remove{color:#dc322f;width:200px;cursor:pointer;text-decoration:underline;text-transform:uppercase;opacity:0.5}#videos li:hover .remove{opacity:1}#videos li:hover .title{text-decoration:underline}a#return-link{position:absolute;top:10px;left:10px;font-size:14px}h1{color:#bbb;font-size:48px;text-align:center;width:80%;padding-bottom:10px}h2{color:#bbb;font-size:24px;padding-left:20px;text-transform:uppercase}h2 #room-name{color:#fff}#search-terms{font-size:14px;padding:2px 2px;width:200px;background-image:url("/img/magnify.png");background-position:right center;background-repeat:no-repeat;border:0;outline:0;background-color:#ddd}#search-terms:hover{background-color:#fff}#search-terms:focus{background-color:#fff}#search-results-container{width:350px;border:2px solid #000;background:#333;display:none}#search-results-container #search-loading{margin:10px}#search-results-container #search-results{height:400px;width:100%;overflow-x:hidden;overflow-y:scroll}#search-results-container #search-results li{clear:both;height:54px;overflow:hidden;border-bottom:2px solid #000;font-size:12px;line-height:15px;color:#bbb;opacity:0.9;cursor:pointer}#search-results-container #search-results li div.thumb{width:80px;height:54px;float:left;background-position:center center;margin:0 5px 0 0;border-right:2px solid #000}#search-results-container #search-results li h4{white-space:nowrap;overflow:hidden;font-size:14px;color:#fff;margin:3px 0 3px 0}#search-results-container #search-results li:hover{background:#000;cursor:pointer;opacity:1} diff --git a/frontend/static/stylesheets/src/tiny.css b/frontend/static/stylesheets/src/tiny.css new file mode 100644 index 0000000..defd75c --- /dev/null +++ b/frontend/static/stylesheets/src/tiny.css @@ -0,0 +1 @@ +#logo,#form,#logobg,#sitez{opacity:0;z-index:-20}#lastlogbox *,#lastlogbox h4{font-size:5px;padding:1px}#lastlogbox{padding:1px}#chat{font-size:6px;line-height:120%;overflow-y:hidden}#chat a.u{min-width:10px}#chat img{max-height:30px;max-width:30px}#player *,#playlist *,#queue *{font-size:5px}#playlist ul#queue li{padding:1px}#playlist ul#queue li span.like{font-size:5px}#playlist ul#queue li a.user{font-size:5px}nav button{font-size:10px;padding:1px;border:1px solid #888;min-width:10px;max-width:10px;min-height:10px;max-height:10px;overflow:hidden}*,#chat{overflow:hidden} diff --git a/frontend/static/stylesheets/src/top.css b/frontend/static/stylesheets/src/top.css new file mode 100644 index 0000000..765c387 --- /dev/null +++ b/frontend/static/stylesheets/src/top.css @@ -0,0 +1 @@ +body{background-color:#311296;overflow:hidden}#bg{position:fixed;top:0;left:0;height:100%;width:100%;display:block;opacity:1;background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0.11, #311296), color-stop(0.67, #8f26ff), color-stop(0.84, #9d42ff));background-image:-moz-linear-gradient(center bottom, #311296 11%, #8f26ff 67%, #9d42ff 84%)}#bg img{width:100%;height:100%}#plant1{z-index:-2;position:fixed;left:-200px;bottom:0}#plant2{z-index:-2;position:fixed;right:-200px;bottom:0}.cloudleft{background-image:url(/bgz/cloudz1.png);position:fixed;bottom:0;left:0;width:600px;height:400px;opacity:0.7;pointer-events:none;z-index:-1}.cloudright{background-image:url(/bgz/cloudz2.png);position:fixed;bottom:0;right:0;width:600px;height:400px;opacity:0.8;pointer-events:none;z-index:-1}.shimmer{margin:0 0 -20px 0;opacity:0.5}.shimmer2{margin:0 0 -40px 0;opacity:0.5} |