diff options
Diffstat (limited to 'frontend/static/sass/stylesheets')
20 files changed, 3968 insertions, 0 deletions
diff --git a/frontend/static/sass/stylesheets/avatar.css b/frontend/static/sass/stylesheets/avatar.css new file mode 100644 index 0000000..8173e9a --- /dev/null +++ b/frontend/static/sass/stylesheets/avatar.css @@ -0,0 +1,91 @@ +/* line 1, ../src/avatar.sass */ +table { + float: left; +} + +/* line 3, ../src/avatar.sass */ +.avatar-right { + left: 250px; +} + +/* line 5, ../src/avatar.sass */ +.message { + vertical-align: top; +} + +/* line 7, ../src/avatar.sass */ +.tri { + vertical-align: top; + height: 100%; +} + +/* line 10, ../src/avatar.sass */ +.triangle-left { + width: 0; + height: 0; + border-top: 10px solid transparent; + border-bottom: 5px solid transparent; + border-right: 25px solid white; + position: relative; + top: 10px; + left: 5px; + margin-left: -16px; +} + +/* line 20, ../src/avatar.sass */ +.triangle-right { + width: 0; + height: 0; + border-top: 10px solid transparent; + border-bottom: 5px solid transparent; + border-left: 25px solid white; + position: relative; + top: 10px; + margin-left: -12px; +} + +/* line 29, ../src/avatar.sass */ +.message .message-blurb { + box-shadow: 2px 2px 10px #112233; + max-width: 250px; + font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; + background-color: white; + border-top: 2px solid #f0f0f8; + border-left: 2px solid #ebeeef; + border-right: 2px solid #dddddd; + border-bottom: 2px solid #dddddd; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + padding: 10px; + color: #222222; + word-wrap: break-word; +} + +/* line 43, ../src/avatar.sass */ +#chat img { + max-width: 250px; + max-height: 250px; +} + +/* line 46, ../src/avatar.sass */ +#chat .ytlink:hover { + color: #ff33cc; +} + +/* line 48, ../src/avatar.sass */ +#chat .ytlink { + color: #cc33dd; +} + +/* line 50, ../src/avatar.sass */ +#chat .ytlink.playing { + color: #6600bb; +} + +/* line 52, ../src/avatar.sass */ +div.frame { + display: inline-block; + padding: 2px; + height: 300px; + overflow: visible; +} diff --git a/frontend/static/sass/stylesheets/calendar.css b/frontend/static/sass/stylesheets/calendar.css new file mode 100644 index 0000000..f429555 --- /dev/null +++ b/frontend/static/sass/stylesheets/calendar.css @@ -0,0 +1,141 @@ +/* line 1, ../src/calendar.sass */ +body { + background-color: #f8f8f8; + overflow: hidden; +} + +/* line 4, ../src/calendar.sass */ +#calendar { + position: absolute; + z-index: 10; +} +/* line 6, ../src/calendar.sass */ +#calendar * { + font-size: 18px; +} + +/* line 10, ../src/calendar.sass */ +#playlist ul#queue li.playing span.score { + color: #bbbbbb; +} + +/* line 13, ../src/calendar.sass */ +#playlist ul#queue li span.score { + color: #333333; +} +/* line 15, ../src/calendar.sass */ +#playlist ul#queue li span.title { + color: #222222; +} + +/* line 17, ../src/calendar.sass */ +#player { + z-index: 6; +} + +/* line 19, ../src/calendar.sass */ +#playlistbg { + z-index: 7; + background-color: #f8f8f8; +} + +/* line 22, ../src/calendar.sass */ +#water-cooler { + position: fixed; + bottom: -10px; + left: -30px; + height: 500px; + z-index: 7; +} + +/* line 28, ../src/calendar.sass */ +#office-plant { + position: fixed; + bottom: 20px; + left: 160px; + z-index: 8; +} + +/* line 33, ../src/calendar.sass */ +#carpet { + position: fixed; + width: 100%; + height: 70px; + bottom: 0; + left: 0; + background-color: white; + z-index: 6; +} + +/* line 41, ../src/calendar.sass */ +#bg { + opacity: 0.1; + display: none; +} + +/* line 44, ../src/calendar.sass */ +#likebutton { + position: fixed; + right: 20px; + top: 30px; + opacity: 0.7; +} + +/* line 49, ../src/calendar.sass */ +#calendar { + z-index: 10; + box-shadow: #666666 5px 5px 10px; + display: none; +} + +/* line 53, ../src/calendar.sass */ +#logo h1 { + color: #bb88dd; +} + +/* line 55, ../src/calendar.sass */ +#player #projector #video-title { + bottom: 5px; + left: 5px; +} + +/* line 58, ../src/calendar.sass */ +.arrow-play { + width: 0; + height: 0; + border-top: 4.5px solid transparent; + border-left: 9.5px solid white; + border-bottom: 4.5px solid transparent; + display: inline-block; +} + +/* line 65, ../src/calendar.sass */ +.arrow-pause { + width: 0; + height: 0; + border-top: 5px solid white; + border-right: 2.5px solid white; + border-bottom: 4px solid white; + border-left: 0; + display: inline-block; +} + +/* line 73, ../src/calendar.sass */ +.arrow-prev { + width: 0; + height: 0; + border-top: 4px solid transparent; + border-right: 4px solid white; + border-bottom: 4px solid transparent; + display: inline-block; +} + +/* line 80, ../src/calendar.sass */ +.arrow-next { + width: 0; + height: 0; + border-top: 4px solid transparent; + border-left: 4px solid white; + border-bottom: 4px solid transparent; + display: inline-block; +} diff --git a/frontend/static/sass/stylesheets/diornights.css b/frontend/static/sass/stylesheets/diornights.css new file mode 100644 index 0000000..e833dbd --- /dev/null +++ b/frontend/static/sass/stylesheets/diornights.css @@ -0,0 +1,182 @@ +/* line 17, /var/lib/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +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; +} + +/* line 22, /var/lib/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +html { + line-height: 1; +} + +/* line 24, /var/lib/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +ol, ul { + list-style: none; +} + +/* line 26, /var/lib/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +table { + border-collapse: collapse; + border-spacing: 0; +} + +/* line 28, /var/lib/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +caption, th, td { + text-align: left; + font-weight: normal; + vertical-align: middle; +} + +/* line 30, /var/lib/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +q, blockquote { + quotes: none; +} +/* line 103, /var/lib/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +q:before, q:after, blockquote:before, blockquote:after { + content: ""; + content: none; +} + +/* line 32, /var/lib/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +a img { + border: none; +} + +/* line 116, /var/lib/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { + display: block; +} + +/* line 8, ../src/diornights.sass */ +html { + height: 100%; + width: 100%; +} + +/* line 11, ../src/diornights.sass */ +body { + font-family: trebuchet ms, helvetica, arial, sans-serif; + width: 100%; + height: 100%; + overflow-x: hidden; + background: white; + background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.28, white), color-stop(0.64, #faf7fa)); + background-image: -moz-linear-gradient(center bottom, white 28%, #faf7fa 64%); + background-attachment: fixed; + font-size: 11px; + font-family: "lucida grande", tahoma, verdana, arial, sans-serif; + color: #333333; +} + +/* line 23, ../src/diornights.sass */ +#bg { + position: fixed; + top: 0; + left: 0; + opacity: 1; + z-index: -3; + width: 100%; + height: 100%; +} + +/* line 31, ../src/diornights.sass */ +#bg img { + width: 100%; + height: 100%; + -ms-interpolation-mode: nearest-neighbor; + image-rendering: -moz-crisp-edges; + image-rendering: -webkit-optimize-contrast; +} + +/* line 37, ../src/diornights.sass */ +#container { + position: absolute; + top: 0; + left: 50%; + width: 950px; + min-height: 100%; + margin-left: -475px; + background: white; + padding-bottom: 2000px; +} + +/* line 48, ../src/diornights.sass */ +#header { + width: 100%; +} +/* line 50, ../src/diornights.sass */ +#header #logo { + height: 160px; +} +/* line 52, ../src/diornights.sass */ +#header #likebutton { + position: absolute; + top: 80px; + right: 30px; +} + +/* line 56, ../src/diornights.sass */ +#menu { + width: 100%; + border-top: 1px solid #eeeeee; + border-bottom: 1px solid #eeeeee; +} +/* line 61, ../src/diornights.sass */ +#menu ul li { + display: inline-block; + width: 153px; + padding: 5px 0 5px 0px; + text-align: center; +} +/* line 66, ../src/diornights.sass */ +#menu ul li a { + color: #333333; + text-decoration: none; + display: block; +} +/* line 70, ../src/diornights.sass */ +#menu ul li a:hover { + color: #3333ff; +} + +/* line 72, ../src/diornights.sass */ +.box { + width: 300px; + margin: 10px 0 0 10px; +} +/* line 75, ../src/diornights.sass */ +.box img { + width: 100%; + opacity: 0.9; +} +/* line 78, ../src/diornights.sass */ +.box img:hover { + opacity: 1; +} +/* line 82, ../src/diornights.sass */ +.box#feed ul li { + display: inline-block; + height: 32px; + vertical-align: middle; +} +/* line 86, ../src/diornights.sass */ +.box#feed img { + width: 32px; + height: 32px; +} diff --git a/frontend/static/sass/stylesheets/disaro.css b/frontend/static/sass/stylesheets/disaro.css new file mode 100644 index 0000000..9787b67 --- /dev/null +++ b/frontend/static/sass/stylesheets/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/sass/stylesheets/embed.css b/frontend/static/sass/stylesheets/embed.css new file mode 100644 index 0000000..37f8f61 --- /dev/null +++ b/frontend/static/sass/stylesheets/embed.css @@ -0,0 +1,163 @@ +/* line 1, ../src/embed.sass */ +body { + background: black; + overflow: hidden; +} + +/* line 4, ../src/embed.sass */ +#logo, #form, #logobg, #sitez { + opacity: 0; + z-index: -20; +} + +/* line 7, ../src/embed.sass */ +#lastlogbox *, #lastlogbox h4 { + font-size: 12px; + padding: 1px; +} + +/* line 10, ../src/embed.sass */ +#lastlogbox { + padding: 1px; +} + +/* line 12, ../src/embed.sass */ +#chat { + font-size: 6px; + line-height: 120%; + overflow-y: hidden; +} +/* line 16, ../src/embed.sass */ +#chat a.u { + min-width: 10px; +} +/* line 18, ../src/embed.sass */ +#chat img { + max-height: 30px; + max-width: 30px; +} + +/* line 21, ../src/embed.sass */ +#player { + padding: 0; + margin: 0; +} + +/* line 24, ../src/embed.sass */ +#player *, #playlist *, #queue * { + font-size: 12px; +} + +/* line 26, ../src/embed.sass */ +#playlist ul#queue li { + padding: 1px; +} +/* line 28, ../src/embed.sass */ +#playlist ul#queue li.playing { + background-color: #665577; +} + +/* line 30, ../src/embed.sass */ +#playlist ul#queue li span.like { + display: none; +} + +/* line 32, ../src/embed.sass */ +#playlist ul#queue li a.user { + font-size: 10px; +} + +/* line 34, ../src/embed.sass */ +#playlist { + overflow-y: hidden; +} + +/* line 36, ../src/embed.sass */ +#queue { + overflow-y: scroll; +} + +/* line 39, ../src/embed.sass */ +nav button { + font-size: 12px; + padding: 1px; + overflow: hidden; + position: relative; + top: 3px; + left: 3px; +} +/* line 46, ../src/embed.sass */ +nav #video-link { + position: relative; + top: 2px; + left: 3px; + padding: 4px; + font-size: 10px; +} + +/* line 53, ../src/embed.sass */ +#player nav#controls span.instructions { + font-size: 11px; + color: #dddddd; + position: relative; + top: 3px; + left: 5px; +} + +/* line 59, ../src/embed.sass */ +#player nav#controls { + z-index: 90; + overflow: visible; +} + +/* line 62, ../src/embed.sass */ +#player #projector #video-title { + bottom: 10px; + left: 2px; +} + +/* line 65, ../src/embed.sass */ +*, #chat { + overflow: hidden; +} + +/* line 67, ../src/embed.sass */ +.arrow-play { + width: 0; + height: 0; + border-top: 4.5px solid transparent; + border-left: 9.5px solid white; + border-bottom: 4.5px solid transparent; + display: inline-block; +} + +/* line 74, ../src/embed.sass */ +.arrow-pause { + width: 0; + height: 0; + border-top: 5px solid white; + border-right: 2.5px solid white; + border-bottom: 4px solid white; + border-left: 0; + display: inline-block; +} + +/* line 82, ../src/embed.sass */ +.arrow-prev { + width: 0; + height: 0; + border-top: 4px solid transparent; + border-right: 4px solid white; + border-bottom: 4px solid transparent; + display: inline-block; +} + +/* line 89, ../src/embed.sass */ +.arrow-next { + width: 0; + height: 0; + border-top: 4px solid transparent; + border-left: 4px solid white; + border-bottom: 4px solid transparent; + display: inline-block; +} diff --git a/frontend/static/sass/stylesheets/feederbleeder.css b/frontend/static/sass/stylesheets/feederbleeder.css new file mode 100644 index 0000000..cdfc556 --- /dev/null +++ b/frontend/static/sass/stylesheets/feederbleeder.css @@ -0,0 +1,41 @@ +/* line 1, ../src/feederbleeder.sass */ +#chat { + text-align: center; +} +/* line 3, ../src/feederbleeder.sass */ +#chat img { + width: 500px; + max-width: none; + max-height: none; + border: 10px solid black; + margin: 10px auto 0; + margin-right: 100px; +} +/* line 10, ../src/feederbleeder.sass */ +#chat a.u { + font-size: 14px; + min-width: 100px; + letter-spacing: -1px; + text-align: right; + padding-right: 20px; +} +/* line 16, ../src/feederbleeder.sass */ +#chat * { + font-size: 14px; +} +/* line 18, ../src/feederbleeder.sass */ +#chat .chatline { + width: 510px; + background-color: black; + padding: 5px; + text-align: left; + margin: 0 auto; + opacity: 0.9; + margin-right: 100px; +} +/* line 26, ../src/feederbleeder.sass */ +#chat span { + color: #666666; + text-shadow: none; + font-weight: normal; +} diff --git a/frontend/static/sass/stylesheets/frederick.css b/frontend/static/sass/stylesheets/frederick.css new file mode 100644 index 0000000..94cd43d --- /dev/null +++ b/frontend/static/sass/stylesheets/frederick.css @@ -0,0 +1,5 @@ +/* line 2, ../src/frederick.sass */ +#chat span { + color: #004b27; + text-shadow: 0 0 2px white; +} diff --git a/frontend/static/sass/stylesheets/gallery-white.css b/frontend/static/sass/stylesheets/gallery-white.css new file mode 100644 index 0000000..ef7fcd8 --- /dev/null +++ b/frontend/static/sass/stylesheets/gallery-white.css @@ -0,0 +1,353 @@ +/* line 1, ../src/gallery-white.sass */ +body { + background: white; +} + +/* line 3, ../src/gallery-white.sass */ +#loading { + background: transparent; + color: #e6f0f0; + text-shadow: #e6f0f0 0 0 50px; +} + +/* line 7, ../src/gallery-white.sass */ +#player { + background: white; +} +/* line 9, ../src/gallery-white.sass */ +#player #projector { + background-color: black; +} +/* line 11, ../src/gallery-white.sass */ +#player #projector #video-title { + color: white; +} +/* line 16, ../src/gallery-white.sass */ +#player nav#controls #scan.blinkOn { + background-color: white; + color: black; +} +/* line 19, ../src/gallery-white.sass */ +#player nav#controls #scan.blinkOff { + background-color: black; + color: white; +} +/* line 22, ../src/gallery-white.sass */ +#player nav#controls #like { + color: #ffaaee; +} +/* line 24, ../src/gallery-white.sass */ +#player nav#controls #like.liked { + color: #8888ff; +} + +/* line 26, ../src/gallery-white.sass */ +#playlistbg { + background-color: white; +} + +/* line 30, ../src/gallery-white.sass */ +#playlist ul#queue li { + border-bottom: 1px solid #dddddd; +} +/* line 32, ../src/gallery-white.sass */ +#playlist ul#queue li span.title { + color: #333333; +} +/* line 34, ../src/gallery-white.sass */ +#playlist ul#queue li a.user { + color: #d33682; +} +/* line 36, ../src/gallery-white.sass */ +#playlist ul#queue li span.like { + color: #657b83; +} +/* line 38, ../src/gallery-white.sass */ +#playlist ul#queue li span.like.liked { + color: #c357a3; +} +/* line 40, ../src/gallery-white.sass */ +#playlist ul#queue li.playing { + background-color: #333333; +} +/* line 42, ../src/gallery-white.sass */ +#playlist ul#queue li.playing span.title { + color: white; +} + +/* line 44, ../src/gallery-white.sass */ +#curtain { + background: #080810; + opacity: 0.3; +} + +/* line 47, ../src/gallery-white.sass */ +#login { + background: white; + box-shadow: 0 5px 10px black; +} +/* line 51, ../src/gallery-white.sass */ +#login label { + color: black; +} +/* line 54, ../src/gallery-white.sass */ +#login #button-shim button { + padding: 2px 5px; +} +/* line 56, ../src/gallery-white.sass */ +#login #login-username, #login #login-password { + border: 2px solid #880066; +} +/* line 58, ../src/gallery-white.sass */ +#login a { + color: #6688ff; +} + +/* line 62, ../src/gallery-white.sass */ +#sitez div:hover { + background-color: #333333; +} +/* line 64, ../src/gallery-white.sass */ +#sitez div.opened { + background-color: #333333; +} + +/* line 67, ../src/gallery-white.sass */ +nav button { + background-color: #888888; +} + +/* line 69, ../src/gallery-white.sass */ +#logobg { + background-color: black; + opacity: 0.7; +} + +/* line 76, ../src/gallery-white.sass */ +#logo h1 { + color: #88ffff; +} +/* line 78, ../src/gallery-white.sass */ +#logo h2 { + color: #839496; +} +/* line 80, ../src/gallery-white.sass */ +#logo h2 a { + color: #268bd2; +} + +/* line 85, ../src/gallery-white.sass */ +#likereport a { + background-color: #222222; + opacity: 0.95; +} + +/* line 88, ../src/gallery-white.sass */ +#form { + background-color: white; +} +/* line 90, ../src/gallery-white.sass */ +#form #chat-message { + border: 1px solid #333333; +} +/* line 92, ../src/gallery-white.sass */ +#form button { + background-color: #dddddd; + color: #333333; +} +/* line 95, ../src/gallery-white.sass */ +#form button:hover { + background-color: #c8cbd6; +} + +/* line 97, ../src/gallery-white.sass */ +#formbg { + background-color: white; + opacity: 0.7; +} + +/* line 100, ../src/gallery-white.sass */ +#chatbg { + background-color: white; + opacity: 0.1; +} + +/* line 103, ../src/gallery-white.sass */ +#chat { + background: transparent; +} +/* line 105, ../src/gallery-white.sass */ +#chat a { + color: #4444ff; +} +/* line 107, ../src/gallery-white.sass */ +#chat a.u { + color: #ff0066; + opacity: 0.9; +} +/* line 110, ../src/gallery-white.sass */ +#chat a.pic { + opacity: 1; +} +/* line 112, ../src/gallery-white.sass */ +#chat span { + color: #333333; + text-shadow: black 0 0 0; +} +/* line 115, ../src/gallery-white.sass */ +#chat .ytlink { + color: #8aaab3; + text-shadow: black 0 0 0; +} +/* line 118, ../src/gallery-white.sass */ +#chat .ytlink:hover { + color: #11182f; + text-shadow: black 0 0 0; +} +/* line 121, ../src/gallery-white.sass */ +#chat .ytlink.playing { + color: #cc22bb; +} + +/* line 126, ../src/gallery-white.sass */ +#lastlogbg { + background-color: white; + opacity: 0.3; +} + +/* line 129, ../src/gallery-white.sass */ +#lastlogbox { + opacity: 0.8; +} +/* line 131, ../src/gallery-white.sass */ +#lastlogbox h4 { + color: #666666; +} +/* line 133, ../src/gallery-white.sass */ +#lastlogbox ul { + border-top: 1px solid #dddddd; +} + +/* line 136, ../src/gallery-white.sass */ +li.ll a { + color: #4a5a73; + border-bottom: 1px solid #dddddd; + text-shadow: black 0 0 0; +} + +/* line 142, ../src/gallery-white.sass */ +button { + background: #dddddd; + color: #333333; +} + +/* line 145, ../src/gallery-white.sass */ +#settings-container, #rooms-container, #about-container { + background-color: #222222; + color: #657b83; +} +/* line 148, ../src/gallery-white.sass */ +#settings-container .close, #rooms-container .close, #about-container .close { + color: #ded8c5; + background-color: #000b16; +} +/* line 151, ../src/gallery-white.sass */ +#settings-container .close:hover, #rooms-container .close:hover, #about-container .close:hover { + color: white; +} +/* line 154, ../src/gallery-white.sass */ +#settings-container h5, #rooms-container h5, #about-container h5 { + color: #93a1a1; + background-color: #333333; +} +/* line 157, ../src/gallery-white.sass */ +#settings-container p, #rooms-container p, #about-container p { + color: #b3c1c1; + background-color: #1b1b1f; +} +/* line 160, ../src/gallery-white.sass */ +#settings-container label, #rooms-container label, #about-container label { + color: #657b83; +} +/* line 162, ../src/gallery-white.sass */ +#settings-container span, #rooms-container span, #about-container span { + color: #839496; +} +/* line 169, ../src/gallery-white.sass */ +#settings-container ul li, #rooms-container ul li, #about-container ul li { + border-top: 1px solid black; + color: #83a1a1; +} +/* line 172, ../src/gallery-white.sass */ +#settings-container ul li:hover, #rooms-container ul li:hover, #about-container ul li:hover { + color: #fdf6e3; +} +/* line 174, ../src/gallery-white.sass */ +#settings-container ul a li, #rooms-container ul a li, #about-container ul a li { + color: #83a1a1; +} +/* line 176, ../src/gallery-white.sass */ +#settings-container ul a, #rooms-container ul a, #about-container ul a { + color: #83a1a1; +} + +/* line 181, ../src/gallery-white.sass */ +#chat { + text-align: center; +} +/* line 183, ../src/gallery-white.sass */ +#chat img { + width: 520px; + max-width: none; + max-height: none; + border: 0; + margin: 0 auto; +} +/* line 189, ../src/gallery-white.sass */ +#chat a.u { + font-size: 14px; + min-width: 100px; + letter-spacing: -1px; + text-align: right; + padding-right: 20px; +} +/* line 195, ../src/gallery-white.sass */ +#chat a.pic { + padding: 0; + margin: 0; +} +/* line 198, ../src/gallery-white.sass */ +#chat * { + font-size: 14px; +} +/* line 200, ../src/gallery-white.sass */ +#chat .chatimg { + margin: 0 auto; + padding: 0; +} +/* line 203, ../src/gallery-white.sass */ +#chat .chatline { + width: 510px; + background-color: white; + padding: 2px 5px 2px 5px; + line-height: 16px; + text-align: left; + margin: 0 auto; + opacity: 0.9; +} +/* line 211, ../src/gallery-white.sass */ +#chat span { + color: #666666; + text-shadow: none; + font-weight: normal; +} + +/* line 216, ../src/gallery-white.sass */ +#logo h2#topic { + left: 5px; +} +/* line 218, ../src/gallery-white.sass */ +#logo #likebutton { + position: relative; + left: 30px; +} diff --git a/frontend/static/sass/stylesheets/glitter.css b/frontend/static/sass/stylesheets/glitter.css new file mode 100644 index 0000000..3690a2d --- /dev/null +++ b/frontend/static/sass/stylesheets/glitter.css @@ -0,0 +1,29 @@ +/* line 1, ../src/glitter.sass */ +#chat *, #chat span, #chat span a { + font-size: 30px; + line-height: 38px; + text-shadow: black 0 0 5px, black 0 0 5px, black 0 0 5px, black 0 0 5px, black 0 0 5px, black 0 0 5px, black 0 0 5px, black 0 0 5px, black 0 0 5px, black 0 0 5px, black 0 0 5px, black 0 0 5px, black 0 0 5px, black 0 0 5px, black 0 0 5px, black 0 0 5px, black 0 0 5px, black 0 0 5px, black 0 0 5px; + font-family: papyrus, comic sans, comic sans ms, sans-serif; + letter-spacing: -1px; + overflow: hidden; +} + +/* line 8, ../src/glitter.sass */ +#heading img { + position: relative; + top: -35px; + left: -18px; + z-index: 47; +} + +/* line 13, ../src/glitter.sass */ +#likebutton { + position: relative; + top: -90px; + left: -16px; +} + +/* line 17, ../src/glitter.sass */ +#chat a.u { + font-size: 24px; +} diff --git a/frontend/static/sass/stylesheets/ie.css b/frontend/static/sass/stylesheets/ie.css new file mode 100644 index 0000000..5cd5b6c --- /dev/null +++ b/frontend/static/sass/stylesheets/ie.css @@ -0,0 +1,5 @@ +/* Welcome to Compass. Use this file to write IE specific override styles. + * Import this file using the following HTML or equivalent: + * <!--[if IE]> + * <link href="/stylesheets/ie.css" media="screen, projection" rel="stylesheet" type="text/css" /> + * <![endif]--> */ diff --git a/frontend/static/sass/stylesheets/main.css b/frontend/static/sass/stylesheets/main.css new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/frontend/static/sass/stylesheets/main.css diff --git a/frontend/static/sass/stylesheets/print.css b/frontend/static/sass/stylesheets/print.css new file mode 100644 index 0000000..b0e9e45 --- /dev/null +++ b/frontend/static/sass/stylesheets/print.css @@ -0,0 +1,3 @@ +/* Welcome to Compass. Use this file to define print styles. + * Import this file using the following HTML or equivalent: + * <link href="/stylesheets/print.css" media="print" rel="stylesheet" type="text/css" /> */ diff --git a/frontend/static/sass/stylesheets/profile.css b/frontend/static/sass/stylesheets/profile.css new file mode 100644 index 0000000..b7d5219 --- /dev/null +++ b/frontend/static/sass/stylesheets/profile.css @@ -0,0 +1,799 @@ +/* line 17, /var/lib/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +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; +} + +/* line 22, /var/lib/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +html { + line-height: 1; +} + +/* line 24, /var/lib/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +ol, ul { + list-style: none; +} + +/* line 26, /var/lib/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +table { + border-collapse: collapse; + border-spacing: 0; +} + +/* line 28, /var/lib/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +caption, th, td { + text-align: left; + font-weight: normal; + vertical-align: middle; +} + +/* line 30, /var/lib/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +q, blockquote { + quotes: none; +} +/* line 103, /var/lib/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +q:before, q:after, blockquote:before, blockquote:after { + content: ""; + content: none; +} + +/* line 32, /var/lib/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +a img { + border: none; +} + +/* line 116, /var/lib/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { + display: block; +} + +/* line 8, ../src/profile.sass */ +body { + background: #888888; + overflow-y: hidden; + overflow-x: hidden; + font-family: trebuchet ms, sans-serif; +} + +/* line 14, ../src/profile.sass */ +#logo { + position: absolute; + z-index: 20; + top: 15px; + left: 20px; +} +/* line 19, ../src/profile.sass */ +#logo a { + display: inline-block; +} +/* line 21, ../src/profile.sass */ +#logo a img { + padding-top: 5px; + display: inline-block; +} +/* line 24, ../src/profile.sass */ +#logo h1 { + position: relative; + top: -10px; + left: 10px; + font-size: 34px; + font-weight: normal; + font-style: italic; + font-family: georgia, garamond, serif; + color: #ff88bb; + display: inline-block; +} +/* line 34, ../src/profile.sass */ +#logo h2 { + position: relative; + display: inline-block; + font-size: 12px; + color: white; + max-width: 250px; + left: 10px; + top: -6px; + padding-right: 20px; +} + +/* line 43, ../src/profile.sass */ +#logobg { + position: absolute; + top: 10px; + left: 0; + width: 100%; + height: 64px; + background-color: black; + opacity: 0.8; + z-index: 19; +} + +/* line 52, ../src/profile.sass */ +#likebutton { + display: inline-block; + display: none; + z-index: -1; + min-width: 90px; +} +/* line 57, ../src/profile.sass */ +#likebutton a { + color: #3333ff; +} + +/* line 59, ../src/profile.sass */ +#flower { + position: absolute; + top: 0; + right: 10%; + z-index: 20; + pointer-events: none; + display: none; +} + +/* line 66, ../src/profile.sass */ +#contact { + position: absolute; + left: 0; + display: none; +} +/* line 70, ../src/profile.sass */ +#contact #avatar, #contact .avatar { + display: none; + width: 100%; +} +/* line 74, ../src/profile.sass */ +#contact .avatar { + display: block; +} +/* line 77, ../src/profile.sass */ +#contact #bio p { + color: #dddddd; + background-color: black; + padding: 10px 5px; + text-align: center; + opacity: 0.7; +} +/* line 83, ../src/profile.sass */ +#contact #bio a { + color: #eebbff; + display: block; +} +/* line 86, ../src/profile.sass */ +#contact #bio img { + width: 100%; +} + +/* line 89, ../src/profile.sass */ +#sitez { + position: absolute; + top: 30px; + right: 20px; + text-align: right; + z-index: 20; +} +/* line 95, ../src/profile.sass */ +#sitez div { + color: #dddddd; + cursor: pointer; + display: inline-block; + padding: 4px 8px 4px 8px; + float: left; +} +/* line 101, ../src/profile.sass */ +#sitez div a { + color: #bbbbcc; +} +/* line 103, ../src/profile.sass */ +#sitez div#settings-hook { + display: none; + z-index: 82; +} +/* line 104, ../src/profile.sass */ +#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: #333333; + color: white; +} +/* line 108, ../src/profile.sass */ +#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: #333333; + color: white; +} + +/* line 114, ../src/profile.sass */ +#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: white; + z-index: 100; + display: none; +} + +/* line 128, ../src/profile.sass */ +#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: #222222; + color: #657b83; + display: none; + box-shadow: 0 5px 10px black; +} +/* line 139, ../src/profile.sass */ +#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; +} +/* line 151, ../src/profile.sass */ +#settings-container .close:hover { + color: white; + cursor: pointer; +} +/* line 154, ../src/profile.sass */ +#settings-container #rooms-loading { + margin: 10px; +} +/* line 156, ../src/profile.sass */ +#settings-container h5 { + font-size: 16px; + color: #93a1a1; + display: block; + padding: 10px; + background-color: #333333; + -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; +} +/* line 163, ../src/profile.sass */ +#settings-container p { + padding: 10px 10px 10px 10px; + font-size: 14px; + line-height: 18px; + color: #b3c1c1; + background-color: #1b1b1f; +} +/* line 169, ../src/profile.sass */ +#settings-container label { + margin: 2px 0 0 10px; + font-size: 14px; + color: #657b83; + width: 150px; + text-align: right; + padding-right: 5px; + display: inline-block; +} +/* line 177, ../src/profile.sass */ +#settings-container span { + margin: 2px 10px 0 0; + color: #839496; + font-size: 14px; +} +/* line 181, ../src/profile.sass */ +#settings-container input { + margin: 2px 10px 0 0; + width: 100px; +} +/* line 184, ../src/profile.sass */ +#settings-container #profile-avatar, #settings-container #profile-bg { + width: 300px; +} +/* line 186, ../src/profile.sass */ +#settings-container #profile-settings-save { + font-size: 14px; +} +/* line 188, ../src/profile.sass */ +#settings-container textarea { + width: 300px; + height: 150px; +} +/* line 191, ../src/profile.sass */ +#settings-container .shim { + width: 1px; + height: 10px; +} +/* line 194, ../src/profile.sass */ +#settings-container ul { + text-decoration: none; + cursor: pointer; +} +/* line 197, ../src/profile.sass */ +#settings-container ul li { + list-style-type: none; + padding: 10px; + cursor: pointer; + border-top: 1px solid black; + background-color: transparent; + text-decoration: none; + font-size: 14px; + color: #83a1a1; +} +/* line 206, ../src/profile.sass */ +#settings-container ul li:hover { + color: #fdf6e3; +} +/* line 208, ../src/profile.sass */ +#settings-container ul a li { + color: #83a1a1; + text-decoration: none; +} +/* line 211, ../src/profile.sass */ +#settings-container ul a { + color: #83a1a1; + text-decoration: none; +} + +/* line 214, ../src/profile.sass */ +#msg { + z-index: 100; + position: fixed; + top: 10px; + right: 10px; + padding: 5px; + width: 250px; + max-height: 80%; + font-size: 12px; + background-color: #eeeeee; + overflow-y: scroll; + overflow-x: hidden; + color: #333333; +} +/* line 227, ../src/profile.sass */ +#msg strong { + color: #859900; +} +/* line 229, ../src/profile.sass */ +#msg em { + color: #dc322f; +} +/* line 231, ../src/profile.sass */ +#msg b { + color: #002b36; +} + +/* line 233, ../src/profile.sass */ +#player { + padding: 10px; + position: absolute; + background: black; +} +/* line 237, ../src/profile.sass */ +#player #projector { + display: block; + position: fixed; + background-color: black; +} +/* line 241, ../src/profile.sass */ +#player #projector #screen { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 19; +} +/* line 248, ../src/profile.sass */ +#player #projector #screen #soundcloud, #player #projector #screen #audio { + position: absolute; + top: 0; + right: 0; + background-color: black; + z-index: 21; +} +/* line 254, ../src/profile.sass */ +#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: black; + z-index: 20; +} +/* line 263, ../src/profile.sass */ +#player #projector #screen #soundcloud-dl *, #player #projector #screen #audio-dl * { + color: #839496; +} +/* line 266, ../src/profile.sass */ +#player #projector #screen #soundcloud-img, #player #projector #screen #audio-img { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 20; +} +/* line 273, ../src/profile.sass */ +#player #projector #screen #soundcloud-img img, #player #projector #screen #audio-img img { + max-width: 100%; + min-height: 100%; + max-height: 100%; +} +/* line 277, ../src/profile.sass */ +#player #projector #ytscreen { + z-index: 19; + position: absolute; + top: 0; + left: 0; +} +/* line 282, ../src/profile.sass */ +#player #projector #video-title { + position: absolute; + bottom: 0; + left: 10px; + color: white; + z-index: 20; +} +/* line 288, ../src/profile.sass */ +#player #projector #video-title.fullscreen { + position: fixed; + bottom: 90px; + left: auto; + right: 30px; + font-size: 24px; +} +/* line 294, ../src/profile.sass */ +#player #projector #projimg { + width: 100%; + height: 100%; +} +/* line 297, ../src/profile.sass */ +#player nav#controls { + z-index: 40; + position: absolute; + display: none; +} +/* line 301, ../src/profile.sass */ +#player nav#controls #video-link { + color: #839496; +} +/* line 303, ../src/profile.sass */ +#player nav#controls #scan.blinkOn { + background-color: white; + color: black; +} +/* line 306, ../src/profile.sass */ +#player nav#controls #scan.blinkOff { + background-color: black; + color: white; +} +/* line 309, ../src/profile.sass */ +#player nav#controls #like { + color: #ee44bb; +} +/* line 311, ../src/profile.sass */ +#player nav#controls #like.liked { + color: #4444ff; +} + +/* line 313, ../src/profile.sass */ +#playlistbg { + position: absolute; + background-color: black; + opacity: 0.5; +} + +/* line 317, ../src/profile.sass */ +#playlist { + position: absolute; + z-index: 90; + width: 100%; +} +/* line 321, ../src/profile.sass */ +#playlist ul#queue { + width: 100%; + border-top: 1px solid #888888; + border-left: 1px solid #888888; + border-bottom: 1px solid #888888; + -webkit-padding-start: 0; + -webkit-margin-before: 0; + overflow-y: scroll; + overflow-x: hidden; + z-index: 90; +} +/* line 331, ../src/profile.sass */ +#playlist ul#queue li { + padding: 5px; + display: block; + cursor: pointer; + border-bottom: 1px solid #333333; +} +/* line 336, ../src/profile.sass */ +#playlist ul#queue li span.title { + color: #dddddd; + display: block; + padding: 5px; + font-size: 15px; + z-index: 1; +} +/* line 342, ../src/profile.sass */ +#playlist ul#queue li span.title:hover { + color: white; +} +/* line 344, ../src/profile.sass */ +#playlist ul#queue li a.user { + float: right; + font-size: 14px; + padding: 0 5px; + color: #d33682; + padding: 5px; + z-index: 2; + text-decoration: none; +} +/* line 352, ../src/profile.sass */ +#playlist ul#queue li span.like { + float: right; + font-size: 14px; + color: #657b83; + padding: 5px; + z-index: 3; +} +/* line 358, ../src/profile.sass */ +#playlist ul#queue li span.like.liked { + color: #c357a3; +} +/* line 360, ../src/profile.sass */ +#playlist ul#queue li span.score { + float: right; + font-size: 14px; + color: #bbbbbb; + padding: 5px 10px 5px 5px; +} +/* line 365, ../src/profile.sass */ +#playlist ul#queue li.playing { + background-color: #222222; +} +/* line 367, ../src/profile.sass */ +#playlist ul#queue li.playing span.title { + color: white; +} +/* line 369, ../src/profile.sass */ +#playlist ul#queue li#queueLess { + color: white; + text-align: center; + border: 0; + border-bottom: 1px solid #333333; + font-size: 18px; + padding: 10px 0; + cursor: pointer; +} +/* line 372, ../src/profile.sass */ +#playlist ul#queue li#queueLess:hover { + background-color: #666666; + color: white; +} +/* line 380, ../src/profile.sass */ +#playlist ul#queue li#queueMore { + color: white; + text-align: center; + border: 0; + font-size: 33px; + padding: 20px 20px 20px 20px; + cursor: pointer; +} +/* line 383, ../src/profile.sass */ +#playlist ul#queue li#queueMore:hover { + background-color: #666666; + color: white; +} +/* line 390, ../src/profile.sass */ +#playlist ul#queue li#queueDone { + color: #dddddd; + text-align: center; + border: 0; + font-size: 33px; + padding: 80px 20px 200px 20px; +} +/* line 396, ../src/profile.sass */ +#playlist ul#queue li#queueLoading { + text-align: center; + color: white; + font-size: 24px; + padding: 80px; +} +/* line 401, ../src/profile.sass */ +#playlist ol { + -webkit-padding-start: 0; + -webkit-margin-before: 0; + -webkit-margin-after: 0; + display: block; + position: relative; + top: 1px; +} +/* line 408, ../src/profile.sass */ +#playlist ol li { + padding: 5px 8px 8px 8px; + margin: 0 0 0 10px; + list-style-type: none; + border-top: 1px solid black; + border-right: 1px solid black; + border-left: 1px solid black; + border-bottom: 1px solid #888888; + display: inline-block; + background-color: #333333; + color: #bbbbbb; + cursor: pointer; + opacity: 0.7; + z-index: 89; +} +/* line 422, ../src/profile.sass */ +#playlist ol li.mode { + position: relative; + padding: 8px 8px 8px 8px; + border-color: #888888; + border-bottom: 1px solid #111111; + background-color: #111111; + color: white; + z-index: 91; +} + +/* line 430, ../src/profile.sass */ +nav { + z-index: 10; + margin: 0 auto; +} +/* line 433, ../src/profile.sass */ +nav button, nav #video-link { + background-color: #333333; + color: #dddddd; + border: 0; + font-size: 14px; + min-width: 40px; + min-height: 20px; + padding: 5px 5px; + position: relative; + top: -1px; +} +/* line 436, ../src/profile.sass */ +nav button:hover, nav #video-link:hover { + background-color: #666666; + color: white; +} +/* line 446, ../src/profile.sass */ +nav #video-link { + padding: 6px 5px 5px 5px; +} + +/* line 448, ../src/profile.sass */ +#msg { + display: none; +} + +/* line 450, ../src/profile.sass */ +#gif-container { + position: absolute; + left: 0; + width: 100%; + padding-left: 10%; + display: block; + padding-bottom: 200px; +} +/* line 457, ../src/profile.sass */ +#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 black; + background-color: white; +} +/* line 466, ../src/profile.sass */ +#gif-container #gifs div { + padding: 10px; + display: inline-block; +} +/* line 469, ../src/profile.sass */ +#gif-container #gifs div img { + max-width: 350px; + max-height: 400px; +} + +/* line 472, ../src/profile.sass */ +#bg { + position: fixed; + top: 0; + left: 0; + opacity: 1; + z-index: -3; + width: 100%; + height: 100%; + display: none; +} +/* line 481, ../src/profile.sass */ +#bg img { + width: 100%; + height: 100%; +} + +/* line 485, ../src/profile.sass */ +.arrow-play { + width: 0; + height: 0; + border-top: 4.5px solid transparent; + border-left: 9.5px solid white; + border-bottom: 4.5px solid transparent; + display: inline-block; +} + +/* line 492, ../src/profile.sass */ +.arrow-pause { + width: 0; + height: 0; + border-top: 5px solid white; + border-right: 2.5px solid white; + border-bottom: 4px solid white; + border-left: 0; + display: inline-block; +} + +/* line 500, ../src/profile.sass */ +.arrow-prev { + width: 0; + height: 0; + border-top: 4px solid transparent; + border-right: 4px solid white; + border-bottom: 4px solid transparent; + display: inline-block; +} + +/* line 507, ../src/profile.sass */ +.arrow-next { + width: 0; + height: 0; + border-top: 4px solid transparent; + border-left: 4px solid white; + border-bottom: 4px solid transparent; + display: inline-block; +} diff --git a/frontend/static/sass/stylesheets/roomlist.css b/frontend/static/sass/stylesheets/roomlist.css new file mode 100644 index 0000000..c74dcd2 --- /dev/null +++ b/frontend/static/sass/stylesheets/roomlist.css @@ -0,0 +1,179 @@ +/* line 1, ../src/roomlist.sass */ +.roomdiv { + width: 200px; + height: 100px; + display: block; + float: left; + text-align: center; + vertical-align: bottom; + position: relative; + font-size: 30px; + color: white; + padding-top: 160px; + background-color: black; + cursor: pointer; +} +/* line 14, ../src/roomlist.sass */ +.roomdiv * { + cursor: pointer; +} +/* line 16, ../src/roomlist.sass */ +.roomdiv .count { + font-size: 160px; + color: white; + position: absolute; + left: 0; + top: 10px; + width: 100%; + text-align: center; + vertical-align: middle; + z-index: 3; + opacity: 0.9; +} +/* line 27, ../src/roomlist.sass */ +.roomdiv .roomname { + position: absolute; + left: 0; + top: 180px; + width: 100%; + text-align: center; + vertical-align: middle; + opacity: 0.9; + z-index: 4; +} +/* line 36, ../src/roomlist.sass */ +.roomdiv .roombg { + position: absolute; + background-position: center center; + left: 0; + top: 0; + width: 100%; + height: 100%; + opacity: 0.8; + z-index: 1; + cursor: pointer; +} +/* line 47, ../src/roomlist.sass */ +.roomdiv:hover .roomname { + opacity: 1; +} +/* line 49, ../src/roomlist.sass */ +.roomdiv:hover .count { + opacity: 1; +} +/* line 51, ../src/roomlist.sass */ +.roomdiv:hover .roombg { + opacity: 0.9; +} + +/* line 53, ../src/roomlist.sass */ +#roomlist { + padding-top: 90px; +} + +/* line 55, ../src/roomlist.sass */ +#roomlist a { + text-decoration: none; + cursor: pointer; +} + +/* line 58, ../src/roomlist.sass */ +body { + overflow-y: scroll; + background: black; +} + +/* line 61, ../src/roomlist.sass */ +#logo { + top: 5px; + left: 10px; +} +/* line 65, ../src/roomlist.sass */ +#logo h1#header { + font-size: 30px; + color: #44ddff; + top: 8px; + max-width: 500px; +} +/* line 71, ../src/roomlist.sass */ +#logo h2.preamblish { + display: inline-block; + position: relative; + top: -15px; + left: 10px; + font-size: 12px; + color: white; + max-width: 250px; + padding-right: 20px; +} + +/* line 81, ../src/roomlist.sass */ +#curtain { + background: #080810; + opacity: 0.3; + width: 100%; + height: 100%; + position: fixed; + top: 0; + left: 0; + z-index: 10; + display: none; +} + +/* line 91, ../src/roomlist.sass */ +#login { + background: black; + 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 black; +} +/* line 104, ../src/roomlist.sass */ +#login img { + margin-bottom: 20px; +} +/* line 106, ../src/roomlist.sass */ +#login label { + min-width: 20%; + display: inline-block; + text-align: right; + padding-right: 10px; + font-size: 18px; + color: white; +} +/* line 113, ../src/roomlist.sass */ +#login #button-shim { + width: 30%; + display: inline-block; + text-align: left; + padding: 10px 10px 10px 0; + margin-right: 20px; +} +/* line 119, ../src/roomlist.sass */ +#login #button-shim button { + padding: 2px 5px; +} +/* line 121, ../src/roomlist.sass */ +#login #login-username, #login #login-password { + width: 30%; + margin-right: 10px; + font-size: 24px; + border: 2px solid #880066; + padding: 10px; +} +/* line 127, ../src/roomlist.sass */ +#login a { + color: #6688ff; + text-decoration: underline; +} +/* line 130, ../src/roomlist.sass */ +#login button { + font-size: 24px; +} diff --git a/frontend/static/sass/stylesheets/screen.css b/frontend/static/sass/stylesheets/screen.css new file mode 100644 index 0000000..548cbb9 --- /dev/null +++ b/frontend/static/sass/stylesheets/screen.css @@ -0,0 +1,1323 @@ +/* line 17, ../../../../../lib/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +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; +} + +/* line 22, ../../../../../lib/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +html { + line-height: 1; +} + +/* line 24, ../../../../../lib/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +ol, ul { + list-style: none; +} + +/* line 26, ../../../../../lib/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +table { + border-collapse: collapse; + border-spacing: 0; +} + +/* line 28, ../../../../../lib/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +caption, th, td { + text-align: left; + font-weight: normal; + vertical-align: middle; +} + +/* line 30, ../../../../../lib/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +q, blockquote { + quotes: none; +} +/* line 103, ../../../../../lib/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +q:before, q:after, blockquote:before, blockquote:after { + content: ""; + content: none; +} + +/* line 32, ../../../../../lib/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +a img { + border: none; +} + +/* line 116, ../../../../../lib/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { + display: block; +} + +/* line 7, ../src/screen.sass */ +body { + font-family: trebuchet ms, helvetica, arial, sans-serif; + width: 100%; + height: 100%; + overflow: hidden; + background: black; +} + +/* line 13, ../src/screen.sass */ +#bg { + position: fixed; + top: 0; + left: 0; + opacity: 1; + z-index: -3; + width: 100%; + height: 100%; +} + +/* line 21, ../src/screen.sass */ +#bg img { + width: 100%; + height: 100%; + -ms-interpolation-mode: nearest-neighbor; + image-rendering: -moz-crisp-edges; + image-rendering: -webkit-optimize-contrast; +} + +/* line 27, ../src/screen.sass */ +#loading { + z-index: 20; + background: transparent; + color: #06033c; + text-shadow: #060363 0 0 50px; + display: block; + position: fixed; + width: 100%; + padding: 20px; + top: 30%; + left: 10%; + font-size: 170px; + font-weight: bold; + text-align: left; + white-space: no-wrap; + letter-spacing: -3px; + pointer-events: none; +} + +/* line 45, ../src/screen.sass */ +#msg { + z-index: 100; + position: fixed; + top: 10px; + right: 10px; + padding: 5px; + width: 350px; + max-height: 80%; + font-size: 12px; + background-color: #eeeeee; + overflow-y: scroll; + overflow-x: hidden; + color: #333333; +} +/* line 58, ../src/screen.sass */ +#msg strong { + color: #859900; +} +/* line 60, ../src/screen.sass */ +#msg em { + color: #dc322f; +} +/* line 62, ../src/screen.sass */ +#msg b { + color: #002b36; +} + +/* line 64, ../src/screen.sass */ +#player { + padding: 10px; + position: absolute; + background: black; +} +/* line 68, ../src/screen.sass */ +#player #projector { + display: block; + position: absolute; + background-color: black; +} +/* line 72, ../src/screen.sass */ +#player #projector #screen { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 19; +} +/* line 79, ../src/screen.sass */ +#player #projector #screen #soundcloud, #player #projector #screen #audio { + position: absolute; + top: 0; + right: 0; + background-color: black; + z-index: 21; +} +/* line 85, ../src/screen.sass */ +#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: black; + z-index: 20; +} +/* line 94, ../src/screen.sass */ +#player #projector #screen #soundcloud-dl *, #player #projector #screen #audio-dl * { + color: #839496; +} +/* line 97, ../src/screen.sass */ +#player #projector #screen #soundcloud-img, #player #projector #screen #audio-img { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 20; +} +/* line 104, ../src/screen.sass */ +#player #projector #screen #soundcloud-img img, #player #projector #screen #audio-img img { + max-width: 100%; + min-height: 100%; + max-height: 100%; +} +/* line 108, ../src/screen.sass */ +#player #projector #ytscreen { + z-index: 19; + position: absolute; + top: 0; + left: 0; +} +/* line 113, ../src/screen.sass */ +#player #projector #video-title { + position: absolute; + bottom: 0; + left: 0; + color: white; + z-index: 20; +} +/* line 119, ../src/screen.sass */ +#player #projector #video-title.fullscreen { + position: fixed; + bottom: 90px; + left: auto; + right: 30px; + font-size: 24px; +} +/* line 125, ../src/screen.sass */ +#player #projector #projimg { + width: 100%; + height: 100%; +} +/* line 128, ../src/screen.sass */ +#player nav#controls { + z-index: 40; + position: absolute; +} +/* line 131, ../src/screen.sass */ +#player nav#controls #video-link { + color: #839496; +} +/* line 133, ../src/screen.sass */ +#player nav#controls #scan.blinkOn { + background-color: white; + color: black; +} +/* line 136, ../src/screen.sass */ +#player nav#controls #scan.blinkOff { + background-color: black; + color: white; +} +/* line 139, ../src/screen.sass */ +#player nav#controls #like { + color: #ee44bb; +} +/* line 141, ../src/screen.sass */ +#player nav#controls #like.liked { + color: #4444ff; +} +/* line 143, ../src/screen.sass */ +#player nav#controls #mute.muted { + background-color: white; + color: black; +} + +/* line 146, ../src/screen.sass */ +#playlistbg { + position: absolute; + background-color: black; + opacity: 0.3; +} + +/* line 150, ../src/screen.sass */ +#playlist { + position: absolute; + z-index: 90; + width: 100%; + overflow-y: auto; + overflow-x: hidden; +} +/* line 156, ../src/screen.sass */ +#playlist ul#queue { + width: 100%; +} +/* line 161, ../src/screen.sass */ +#playlist ul#queue li { + padding: 5px; + display: block; + cursor: pointer; + border-bottom: 1px solid #333333; +} +/* line 166, ../src/screen.sass */ +#playlist ul#queue li span.title { + color: #dddddd; + display: block; + padding: 5px; + z-index: 1; +} +/* line 171, ../src/screen.sass */ +#playlist ul#queue li span.title:hover { + color: #dd88ff; + cursor: pointer; +} +/* line 174, ../src/screen.sass */ +#playlist ul#queue li a.user { + float: right; + font-size: 14px; + padding: 0 5px; + color: #d33682; + padding: 5px; + z-index: 2; + text-decoration: none; +} +/* line 182, ../src/screen.sass */ +#playlist ul#queue li span.like { + float: right; + font-size: 14px; + color: #657b83; + padding: 5px; + z-index: 3; +} +/* line 188, ../src/screen.sass */ +#playlist ul#queue li span.like.liked { + color: #c357a3; +} +/* line 190, ../src/screen.sass */ +#playlist ul#queue li.playing { + background-color: #222222; +} +/* line 192, ../src/screen.sass */ +#playlist ul#queue li.playing span.title { + color: white; +} + +/* line 194, ../src/screen.sass */ +#room, user { + padding: 10px; +} +/* line 196, ../src/screen.sass */ +#room label, user label { + color: #657b83; + width: 100px; + text-align: right; + padding-right: 5px; + display: inline-block; +} +/* line 202, ../src/screen.sass */ +#room span, user span { + color: #073642; +} + +/* line 206, ../src/screen.sass */ +#curtain { + background: #080810; + opacity: 0.3; + width: 100%; + height: 100%; + position: fixed; + top: 0; + left: 0; + z-index: 10; + display: none; +} + +/* line 216, ../src/screen.sass */ +#login { + background: black; + 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 black; +} +/* line 229, ../src/screen.sass */ +#login img { + margin-bottom: 20px; +} +/* line 231, ../src/screen.sass */ +#login label { + min-width: 20%; + display: inline-block; + text-align: right; + padding-right: 10px; + font-size: 18px; + color: white; +} +/* line 238, ../src/screen.sass */ +#login #button-shim { + width: 30%; + display: inline-block; + text-align: left; + padding: 10px 10px 10px 0; + margin-right: 20px; +} +/* line 244, ../src/screen.sass */ +#login #button-shim button { + padding: 2px 5px; +} +/* line 246, ../src/screen.sass */ +#login #login-username, #login #login-password { + width: 30%; + margin-right: 10px; + font-size: 24px; + border: 2px solid #880066; + padding: 10px; +} +/* line 252, ../src/screen.sass */ +#login a { + color: #6688ff; + text-decoration: underline; +} + +/* line 255, ../src/screen.sass */ +#sitez { + position: fixed; + top: 24px; + right: 30px; + color: #888888; + z-index: 82; + color: #aaaaaa; +} +/* line 262, ../src/screen.sass */ +#sitez a, #sitez #logout { + cursor: pointer; + color: #aaaaaa; + text-decoration: underline; +} +/* line 266, ../src/screen.sass */ +#sitez select option { + color: #666666; + text-decoration: none; + padding-right: 3px; +} +/* line 270, ../src/screen.sass */ +#sitez button { + font-size: 24px; + background: #030303; + color: white; + padding: 2px; +} +/* line 275, ../src/screen.sass */ +#sitez a#faqlink { + color: #88ffff; +} +/* line 277, ../src/screen.sass */ +#sitez div { + cursor: pointer; + display: inline-block; + padding: 8px 8px 5px 8px; +} +/* line 281, ../src/screen.sass */ +#sitez div: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: #333333; +} +/* line 284, ../src/screen.sass */ +#sitez div.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: #333333; +} + +/* line 287, ../src/screen.sass */ +nav { + z-index: 10; + margin: 0 auto; +} +/* line 290, ../src/screen.sass */ +nav button, nav #video-link { + background-color: #333333; + color: #dddddd; + border: 0; + font-size: 14px; + min-width: 40px; + min-height: 20px; + padding: 5px 5px; + position: relative; + top: -1px; +} +/* line 293, ../src/screen.sass */ +nav button:hover, nav #video-link:hover { + background-color: #666666; + color: white; +} +/* line 303, ../src/screen.sass */ +nav #video-link { + top: -2px; + padding-bottom: 6px; +} + +/* line 306, ../src/screen.sass */ +#lunacy { + z-index: 40; + background: #dddddd; + color: black; + display: block; + width: 700px; + position: fixed; + top: 20%; + left: 50%; + margin-left: -390px; + opacity: 0.7; + padding: 40px; + text-align: center; + font-size: 48px; +} + +/* line 320, ../src/screen.sass */ +#plea { + z-index: 30; + background: #dddddd; + color: black; + display: block; + width: 400px; + position: fixed; + top: 20%; + left: 50%; + margin-left: -240px; + opacity: 0.7; + padding: 40px; + text-align: center; + font-size: 48px; +} + +/* line 335, ../src/screen.sass */ +#logobg { + position: fixed; + top: 10px; + left: 0; + width: 100%; + height: 64px; + background-color: black; + opacity: 0.8; + z-index: 45; +} + +/* line 344, ../src/screen.sass */ +#logo { + position: fixed; + top: 10px; + z-index: 46; + left: 10px; +} +/* line 349, ../src/screen.sass */ +#logo a { + float: left; + display: inline-block; +} +/* line 352, ../src/screen.sass */ +#logo a img { + display: inline-block; +} +/* line 354, ../src/screen.sass */ +#logo #scanjam { + padding: 10px 15px 10px 0; +} +/* line 356, ../src/screen.sass */ +#logo #preamble { + display: inline-block; + font-size: 12px; + color: white; + max-width: 80px; + padding-left: 15px; +} +/* line 362, ../src/screen.sass */ +#logo h1 { + padding: 15px 15px 0 10px; + font-size: 34px; + color: white; + font-weight: normal; + font-style: italic; + font-family: georgia, garamond, serif; + color: #88ffff; + display: inline-block; +} +/* line 371, ../src/screen.sass */ +#logo h2 { + display: inline-block; + font-size: 16px; + color: white; + position: relative; + left: 20px; + top: -5px; + color: #839496; +} +/* line 379, ../src/screen.sass */ +#logo h2 a { + display: inline; + float: none; + color: #268bd2; +} +/* line 383, ../src/screen.sass */ +#logo h2 img { + max-height: 20px; + max-width: 20px; + display: inline-block; +} +/* line 387, ../src/screen.sass */ +#logo h2.preamblish { + font-size: 12px; + color: white; + max-width: 250px; + left: 0; + top: 9px; + padding-right: 20px; +} +/* line 394, ../src/screen.sass */ +#logo h2.radio { + font-size: 12px; + top: -8px; + left: 30px; +} +/* line 395, ../src/screen.sass */ +#logo h2.radio a { + color: #ddeeff; +} +/* line 400, ../src/screen.sass */ +#logo #likebutton { + display: inline-block; + display: none; + position: relative; + top: -5px; + width: 90px; + height: 21px; + z-index: -1; +} + +/* line 408, ../src/screen.sass */ +#glasspopcornlogo { + position: absolute; + top: 80px; + left: 15px; + pointer-events: none; + opacity: 0.5; + z-index: 8; +} +/* line 415, ../src/screen.sass */ +#glasspopcornlogo img { + z-index: 8; + pointer-events: none; +} + +/* line 418, ../src/screen.sass */ +#likereport { + position: fixed; + width: 100px; + padding: 20px; + z-index: 100; + overflow-y: hidden; +} +/* line 424, ../src/screen.sass */ +#likereport a { + background-color: #222222; + display: block; + text-decoration: none; + padding: 5px; + opacity: 0.95; +} + +/* line 431, ../src/screen.sass */ +#form { + position: fixed; + bottom: 10px; + left: 10px; + padding: 10px 10px 10px 10px; + background-color: black; + white-space: nowrap; + z-index: 31; +} +/* line 439, ../src/screen.sass */ +#form #chat-message { + border: 0; + outline: 0; + font-size: 18px; + padding: 5px; + margin-right: 5px; + background-color: #f8f8f8; +} +/* line 446, ../src/screen.sass */ +#form #chat-message:hover { + background-color: white; +} +/* line 448, ../src/screen.sass */ +#form button { + margin: 0; + outline: 0; + border: 0; + background-color: #333333; + color: #dddddd; + padding: 4px 6px; + position: relative; + top: 1px; + font-size: 20px; +} +/* line 454, ../src/screen.sass */ +#form button:hover { + background-color: #666666; + color: white; +} +/* line 462, ../src/screen.sass */ +#form #videochat-badge { + cursor: auto; + pointer-events: none; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + -o-border-radius: 8px; + border-radius: 8px; + font-size: 10px; + background-color: red; + color: white; + position: absolute; + width: 10px; + height: 10px; + text-align: center; + padding: 2px 2px; + display: none; + z-index: 32; +} + +/* line 476, ../src/screen.sass */ +#formbg { + background-color: black; + opacity: 0.7; +} + +/* line 480, ../src/screen.sass */ +#chatbg { + position: fixed; + bottom: 100px; + left: 20px; + padding: 10px; + width: 600px; + background-color: black; + padding: 0 10px 5px 10px; + opacity: 0.25; + z-index: 9; +} + +/* line 491, ../src/screen.sass */ +#chat { + padding: 0 10px 5px 10px; + position: fixed; + font-size: 18px; + line-height: 26px; + vertical-align: bottom; + overflow-y: hidden; + overflow-x: hidden; + background: transparent; + z-index: 30; +} +/* line 501, ../src/screen.sass */ +#chat a { + font-weight: normal; + font-size: 11px; + opacity: 0.8; + color: #44bbff; + text-decoration: underline; +} +/* line 507, ../src/screen.sass */ +#chat a.u { + font-weight: bold; + padding-right: 10px; + display: inline-block; + color: #ff0066; + opacity: 1; + text-decoration: none; + min-width: 80px; + overflow-x: hidden; + font-size: 16px; + line-height: 26px; + vertical-align: bottom; +} +/* line 519, ../src/screen.sass */ +#chat a.pic { + opacity: 1; +} +/* line 521, ../src/screen.sass */ +#chat span { + color: honeydew; + text-shadow: black 0 0 2px; + font-weight: bold; +} +/* line 525, ../src/screen.sass */ +#chat .ytlink { + font-size: 11px; + color: #88dddd; + cursor: pointer; + text-decoration: underline; + text-shadow: none; + text-shadow: black 0 0 1px; + font-weight: normal; + opacity: 1; +} +/* line 534, ../src/screen.sass */ +#chat .ytlink:hover { + color: #dd66ff; + text-decoration: underline; + text-shadow: black 0 0 1px; +} +/* line 538, ../src/screen.sass */ +#chat .ytlink.playing { + color: #ddaaff; + font-size: 12px; + font-weight: normal; + text-decoration: none; +} +/* line 543, ../src/screen.sass */ +#chat .ytlink.playing::before { + text-decoration: none; + content: "\25b6 "; + font-weight: normal; +} +/* line 547, ../src/screen.sass */ +#chat img { + max-width: 350px; + max-height: 400px; + border: 0; +} +/* line 551, ../src/screen.sass */ +#chat #shim { + width: 10px; + height: 500px; +} + +/* line 554, ../src/screen.sass */ +#chat.fullscreen { + overflow-y: hidden; +} +/* line 556, ../src/screen.sass */ +#chat.fullscreen:hover { + overflow-y: hidden; +} + +/* line 558, ../src/screen.sass */ +#webcam-container { + z-index: 100; + position: fixed; + right: 500px; + bottom: 100px; + background-color: black; + padding: 10px; + display: none; +} + +/* line 566, ../src/screen.sass */ +#lastlogbg { + position: fixed; + background-color: black; + opacity: 0.5; + padding: 10px; + z-index: 31; +} + +/* line 572, ../src/screen.sass */ +#lastlogbox { + position: fixed; + font-size: 14px; + padding: 10px; + z-index: 32; +} +/* line 577, ../src/screen.sass */ +#lastlogbox h4 { + font-size: 12px; + font-weight: bold; + color: #eeeeee; + padding-bottom: 5px; +} +/* line 582, ../src/screen.sass */ +#lastlogbox ul { + border-top: 1px solid black; +} + +/* line 584, ../src/screen.sass */ +li.ll { + list-style-type: none; +} +/* line 586, ../src/screen.sass */ +li.ll a { + color: #d0e0fe; + padding: 5px 0; + border-bottom: 1px solid black; + display: block; + text-shadow: black 0 0 2px; + text-decoration: underline; + font-size: 16px; + font-weight: bold; +} + +/* line 596, ../src/screen.sass */ +#flower { + position: absolute; + top: 0; + right: 10%; + z-index: 50; + pointer-events: none; + display: none; +} + +/* line 603, ../src/screen.sass */ +#plant { + position: absolute; + bottom: 0; + right: 50%; + z-index: 50; + pointer-events: none; + display: none; +} + +/* line 610, ../src/screen.sass */ +#msg { + display: none; +} + +/* line 612, ../src/screen.sass */ +button { + font-size: 24px; + background: #030303; + color: white; + padding: 2px; +} + +/* line 617, ../src/screen.sass */ +#settings-container, #rooms-container, #about-container, #videochat-container { + position: fixed; + top: 59px; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + -o-border-radius: 10px; + border-radius: 10px; + right: 20px; + z-index: 80; + width: 500px; + background-color: #222222; + color: #657b83; + display: none; + box-shadow: 0 5px 10px black; +} +/* line 628, ../src/screen.sass */ +#settings-container .close, #rooms-container .close, #about-container .close, #videochat-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; +} +/* line 640, ../src/screen.sass */ +#settings-container .close:hover, #rooms-container .close:hover, #about-container .close:hover, #videochat-container .close:hover { + color: white; + cursor: pointer; +} +/* line 643, ../src/screen.sass */ +#settings-container #rooms-loading, #rooms-container #rooms-loading, #about-container #rooms-loading, #videochat-container #rooms-loading { + margin: 10px; +} +/* line 645, ../src/screen.sass */ +#settings-container h5, #rooms-container h5, #about-container h5, #videochat-container h5 { + font-size: 16px; + color: #93a1a1; + display: block; + padding: 10px; + background-color: #333333; + -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; +} +/* line 652, ../src/screen.sass */ +#settings-container p, #rooms-container p, #about-container p, #videochat-container p { + padding: 10px 10px 10px 10px; + font-size: 14px; + line-height: 18px; + color: #b3c1c1; + background-color: #1b1b1f; +} +/* line 658, ../src/screen.sass */ +#settings-container label, #rooms-container label, #about-container label, #videochat-container label { + margin: 2px 0 0 10px; + font-size: 14px; + color: #657b83; + width: 150px; + text-align: right; + padding-right: 5px; + display: inline-block; +} +/* line 666, ../src/screen.sass */ +#settings-container span, #rooms-container span, #about-container span, #videochat-container span { + margin: 2px 10px 0 0; + color: #839496; + font-size: 14px; +} +/* line 670, ../src/screen.sass */ +#settings-container span#room-mod-tag a, #rooms-container span#room-mod-tag a, #about-container span#room-mod-tag a, #videochat-container span#room-mod-tag a { + float: right; + padding: 0 10px 10px 0; + display: block; + color: #dc322f; +} +/* line 675, ../src/screen.sass */ +#settings-container span#gallery-link a, #rooms-container span#gallery-link a, #about-container span#gallery-link a, #videochat-container span#gallery-link a { + color: #268bd2; + padding: 0 10px 10px 0; + display: block; + float: right; +} +/* line 680, ../src/screen.sass */ +#settings-container button, #rooms-container button, #about-container button, #videochat-container button { + position: relative; + left: 3px; +} +/* line 683, ../src/screen.sass */ +#settings-container input, #rooms-container input, #about-container input, #videochat-container input { + margin: 2px 10px 0 0; + width: 100px; +} +/* line 686, ../src/screen.sass */ +#settings-container #room-topic, #settings-container #room-bg, #settings-container #room-bgreset, #rooms-container #room-topic, #rooms-container #room-bg, #rooms-container #room-bgreset, #about-container #room-topic, #about-container #room-bg, #about-container #room-bgreset, #videochat-container #room-topic, #videochat-container #room-bg, #videochat-container #room-bgreset { + width: 300px; +} +/* line 688, ../src/screen.sass */ +#settings-container #room-settings-save, #rooms-container #room-settings-save, #about-container #room-settings-save, #videochat-container #room-settings-save { + font-size: 14px; +} +/* line 690, ../src/screen.sass */ +#settings-container .shim, #rooms-container .shim, #about-container .shim, #videochat-container .shim { + width: 1px; + height: 10px; +} +/* line 693, ../src/screen.sass */ +#settings-container ul, #rooms-container ul, #about-container ul, #videochat-container ul { + text-decoration: none; + cursor: pointer; +} +/* line 696, ../src/screen.sass */ +#settings-container ul li, #rooms-container ul li, #about-container ul li, #videochat-container ul li { + list-style-type: none; + padding: 10px; + cursor: pointer; + border-top: 1px solid black; + background-color: transparent; + text-decoration: none; + font-size: 14px; + color: #83a1a1; +} +/* line 705, ../src/screen.sass */ +#settings-container ul li:hover, #rooms-container ul li:hover, #about-container ul li:hover, #videochat-container ul li:hover { + color: #fdf6e3; +} +/* line 707, ../src/screen.sass */ +#settings-container ul a li, #rooms-container ul a li, #about-container ul a li, #videochat-container ul a li { + color: #83a1a1; + text-decoration: none; +} +/* line 710, ../src/screen.sass */ +#settings-container ul a, #rooms-container ul a, #about-container ul a, #videochat-container ul a { + color: #83a1a1; + text-decoration: none; +} + +/* line 713, ../src/screen.sass */ +#rooms-container { + right: 20px; + z-index: 80; + width: 300px; + max-height: 300px; +} + +/* line 718, ../src/screen.sass */ +#about-container { + right: 20px; + z-index: 80; + width: 300px; +} + +/* line 722, ../src/screen.sass */ +#videochat-container { + right: 20px; + z-index: 80; + width: 300px; + display: none; + cursor: pointer; +} +/* line 728, ../src/screen.sass */ +#videochat-container #videochat-disable { + display: none; +} + +/* line 730, ../src/screen.sass */ +#tokbox-embed { + position: absolute; + bottom: 10px; + left: 10px; + height: 150px; + z-index: 80; + display: none; + overflow-y: auto; +} +/* line 738, ../src/screen.sass */ +#tokbox-embed #tokbox-publisher, #tokbox-embed #tokbox-subscribers { + float: left; +} +/* line 740, ../src/screen.sass */ +#tokbox-embed #tokbox-publisher object, #tokbox-embed #tokbox-subscribers object { + float: left; +} +/* line 742, ../src/screen.sass */ +#tokbox-embed #tokbox-settings { + position: absolute; + top: 0; + right: 10px; + padding: 5px; + font-size: 12px; + color: #bbbbbb; + background-color: black; + text-align: right; +} +/* line 751, ../src/screen.sass */ +#tokbox-embed #tokbox-settings button { + padding: 2px; + font-size: 12px; + background-color: #333333; + color: #888888; + min-width: 30px; +} +/* line 757, ../src/screen.sass */ +#tokbox-embed #tokbox-settings button.on { + background-color: #dd3333; + color: white; +} + +/* line 760, ../src/screen.sass */ +.roomhello { + width: 400px; + color: white; + padding: 10px; + font-size: 18px; + background-color: black; + cursor: pointer; + position: fixed; + top: 85px; + left: 15px; + opacity: 0.9; +} + +/* line 771, ../src/screen.sass */ +.modhello { + width: 400px; + color: white; + padding: 5px; + background-color: black; + cursor: pointer; + margin-top: 10px; +} + +/* line 778, ../src/screen.sass */ +.glitter { + pointer-events: none; + position: absolute; + z-index: 23; +} + +/* line 783, ../src/screen.sass */ +.arrow-play { + width: 0; + height: 0; + border-top: 4.5px solid transparent; + border-left: 9.5px solid white; + border-bottom: 4.5px solid transparent; + display: inline-block; +} + +/* line 790, ../src/screen.sass */ +.arrow-pause { + width: 0; + height: 0; + border-top: 5px solid white; + border-right: 2.5px solid white; + border-bottom: 4px solid white; + border-left: 0; + display: inline-block; +} + +/* line 798, ../src/screen.sass */ +.arrow-prev { + width: 0; + height: 0; + border-top: 4px solid transparent; + border-right: 4px solid white; + border-bottom: 4px solid transparent; + display: inline-block; +} + +/* line 805, ../src/screen.sass */ +.arrow-next { + width: 0; + height: 0; + border-top: 4px solid transparent; + border-left: 4px solid white; + border-bottom: 4px solid transparent; + display: inline-block; +} + +/* line 813, ../src/screen.sass */ +#search-terms { + font-size: 14px; + padding: 2px 2px; + width: 200px; + position: relative; + top: -4px; + left: -10px; + background-image: url("/img/magnify.png"); + background-position: right center; + background-repeat: no-repeat; + border: 0; + outline: 0; + background-color: #dddddd; +} +/* line 826, ../src/screen.sass */ +#search-terms:hover { + background-color: white; +} +/* line 828, ../src/screen.sass */ +#search-terms:focus { + background-color: white; +} + +/* line 830, ../src/screen.sass */ +#search-results-container { + position: fixed; + top: 53px; + right: 21px; + z-index: 100; + width: 334px; + border: 2px solid black; + background: #333333; + display: none; +} +/* line 839, ../src/screen.sass */ +#search-results-container #search-loading { + margin: 10px; +} +/* line 841, ../src/screen.sass */ +#search-results-container #search-instructions { + font-size: 11px; + color: white; + padding: 3px 3px 3px 38px; + background-color: black; + width: 100%; +} +/* line 847, ../src/screen.sass */ +#search-results-container #search-results { + height: 300px; + width: 100%; + overflow-x: hidden; + overflow-y: scroll; +} +/* line 852, ../src/screen.sass */ +#search-results-container #search-results li { + clear: both; + height: 54px; + overflow: hidden; + position: relative; + border-bottom: 2px solid black; + font-size: 12px; + line-height: 15px; + color: #bbbbbb; + opacity: 0.9; +} +/* line 858, ../src/screen.sass */ +#search-results-container #search-results li div.thumb { + width: 32px; + height: 54px; + float: left; + background-position: center center; + margin: 0 5px 0 0; + border-right: 2px solid black; + cursor: pointer; +} +/* line 866, ../src/screen.sass */ +#search-results-container #search-results li h4 { + white-space: nowrap; + overflow: hidden; + font-size: 14px; + color: white; + margin: 3px 0 3px 0; + cursor: pointer; +} +/* line 873, ../src/screen.sass */ +#search-results-container #search-results li span.metadata { + cursor: pointer; + display: block; + width: 200px; +} +/* line 882, ../src/screen.sass */ +#search-results-container #search-results li a.preview { + position: absolute; + bottom: 3px; + right: 5px; + color: #268bd2; + text-decoration: underline; +} +/* line 888, ../src/screen.sass */ +#search-results-container #search-results li:hover { + background: black; + opacity: 1; +} diff --git a/frontend/static/sass/stylesheets/sewergreats.css b/frontend/static/sass/stylesheets/sewergreats.css new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/frontend/static/sass/stylesheets/sewergreats.css diff --git a/frontend/static/sass/stylesheets/test.css b/frontend/static/sass/stylesheets/test.css new file mode 100644 index 0000000..3f12363 --- /dev/null +++ b/frontend/static/sass/stylesheets/test.css @@ -0,0 +1,478 @@ +/* line 17, /var/lib/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +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; +} + +/* line 22, /var/lib/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +html { + line-height: 1; +} + +/* line 24, /var/lib/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +ol, ul { + list-style: none; +} + +/* line 26, /var/lib/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +table { + border-collapse: collapse; + border-spacing: 0; +} + +/* line 28, /var/lib/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +caption, th, td { + text-align: left; + font-weight: normal; + vertical-align: middle; +} + +/* line 30, /var/lib/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +q, blockquote { + quotes: none; +} +/* line 103, /var/lib/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +q:before, q:after, blockquote:before, blockquote:after { + content: ""; + content: none; +} + +/* line 32, /var/lib/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +a img { + border: none; +} + +/* line 116, /var/lib/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { + display: block; +} + +/* line 8, ../src/test.sass */ +body { + font-family: trebuchet ms; +} + +/* line 10, ../src/test.sass */ +#msg { + position: fixed; + top: 10px; + right: 10px; + padding: 5px; + width: 250px; + max-height: 80%; + font-size: 12px; + background-color: #eeeeee; + overflow-y: scroll; + overflow-x: hidden; + color: #333333; + z-index: 100; +} +/* line 23, ../src/test.sass */ +#msg strong { + color: #859900; +} +/* line 25, ../src/test.sass */ +#msg em { + color: #dc322f; +} +/* line 27, ../src/test.sass */ +#msg b { + color: #002b36; +} + +/* line 30, ../src/test.sass */ +#player #projector { + display: block; + position: absolute; + background-color: black; + width: 320px; + height: 240px; +} +/* line 36, ../src/test.sass */ +#player #projector #screen { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 20; +} +/* line 43, ../src/test.sass */ +#player #projector #screen #soundcloud { + position: absolute; + top: 0; + right: 0; + z-index: 21; +} +/* line 48, ../src/test.sass */ +#player #projector #screen #soundcloud-dl { + position: absolute; + top: 81px; + right: 10px; + padding: 5px; + background-color: black; + z-index: 20; +} +/* line 54, ../src/test.sass */ +#player #projector #screen #soundcloud-dl * { + color: #839496; +} +/* line 57, ../src/test.sass */ +#player #projector #screen #soundcloud-img { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 20; +} +/* line 64, ../src/test.sass */ +#player #projector #screen #soundcloud-img img { + max-width: 100%; + max-height: 100%; +} +/* line 67, ../src/test.sass */ +#player #projector #ytscreen { + z-index: 19; + position: absolute; + top: 0; + left: 0; +} +/* line 72, ../src/test.sass */ +#player #projector #video-title { + position: absolute; + bottom: 0; + left: 0; + color: #998888; + z-index: 20; +} +/* line 78, ../src/test.sass */ +#player #projector #projimg { + width: 100%; + height: 100%; +} +/* line 81, ../src/test.sass */ +#player nav { + position: absolute; + top: 260px; +} +/* line 84, ../src/test.sass */ +#player nav button { + color: black; +} +/* line 86, ../src/test.sass */ +#player nav #scan.blinkOn { + background-color: white; + color: black; +} +/* line 89, ../src/test.sass */ +#player nav #scan.blinkOff { + background-color: black; + color: white; +} +/* line 92, ../src/test.sass */ +#player nav #like { + color: #ee44bb; +} +/* line 94, ../src/test.sass */ +#player nav #like.liked { + color: #4444ff; +} +/* line 96, ../src/test.sass */ +#player #playlist { + position: absolute; + left: 330px; + z-index: 20; + width: 300px; +} +/* line 101, ../src/test.sass */ +#player #playlist ul#queue { + width: 100%; +} +/* line 103, ../src/test.sass */ +#player #playlist ul#queue li { + display: block; + cursor: pointer; + border-bottom: 1px solid #dddddd; +} +/* line 107, ../src/test.sass */ +#player #playlist ul#queue li span.title { + display: block; + padding: 5px; + z-index: 1; +} +/* line 111, ../src/test.sass */ +#player #playlist ul#queue li a.user { + float: right; + padding: 0 5px; + color: #d33682; + padding: 5px; + z-index: 2; +} +/* line 117, ../src/test.sass */ +#player #playlist ul#queue li span.like { + float: right; + color: #657b83; + padding: 5px; + z-index: 3; +} +/* line 122, ../src/test.sass */ +#player #playlist ul#queue li span.like.liked { + color: #a35783; +} +/* line 124, ../src/test.sass */ +#player #playlist ul#queue li.playing { + background-color: #073642; + color: white; +} + +/* line 127, ../src/test.sass */ +#room, #user { + padding: 10px; +} +/* line 129, ../src/test.sass */ +#room label, #user label { + color: #657b83; + width: 200px; + text-align: right; + padding-right: 5px; + display: inline-block; +} +/* line 135, ../src/test.sass */ +#room span, #user span { + color: #93a1a1; +} + +/* line 137, ../src/test.sass */ +a { + color: #268bd2; +} +/* line 139, ../src/test.sass */ +a:visited { + color: #6c71c4; +} + +/* line 141, ../src/test.sass */ +body { + font-size: 16px; +} + +/* line 143, ../src/test.sass */ +#bg { + position: fixed; + top: 0; + left: 0; + z-index: -1; + opacity: 0.3; +} + +/* line 149, ../src/test.sass */ +#pnp { + position: fixed; + right: 20px; + bottom: 20px; + width: 400px; + height: 285px; + background: white; +} + +/* line 156, ../src/test.sass */ +#stats { + position: fixed; + right: 20px; + top: 20px; + width: 390px; + font-size: 14px; + background-color: white; + padding: 5px; + display: none; + overflow-y: scroll; +} + +/* line 166, ../src/test.sass */ +#videos { + width: 800px; + padding-right: 5px; +} +/* line 169, ../src/test.sass */ +#videos li { + width: 100%; + list-style-type: none; + display: block; + margin-top: 3px; +} +/* line 174, ../src/test.sass */ +#videos li a, #videos li span { + display: inline-block; + margin-left: 5px; +} +/* line 177, ../src/test.sass */ +#videos li .date { + opacity: 0.8; + width: 60px; + text-align: right; + font-size: 14px; +} +/* line 182, ../src/test.sass */ +#videos li .time { + opacity: 0.8; + width: 40px; + text-align: right; + font-size: 14px; +} +/* line 187, ../src/test.sass */ +#videos li .user { + font-size: 14px; + width: 100px; + overflow: hidden; +} +/* line 191, ../src/test.sass */ +#videos li .type { + width: 20px; + text-align: center; + font-variant: small-caps; +} +/* line 195, ../src/test.sass */ +#videos li .title { + text-decoration: none; + width: 300px; + overflow: hidden; + white-space: nowrap; +} +/* line 201, ../src/test.sass */ +#videos li .remove { + color: #dc322f; + width: 200px; + cursor: pointer; + text-decoration: underline; + text-transform: uppercase; + opacity: 0.5; +} +/* line 209, ../src/test.sass */ +#videos li:hover .remove { + opacity: 1; +} +/* line 211, ../src/test.sass */ +#videos li:hover .title { + text-decoration: underline; +} + +/* line 213, ../src/test.sass */ +a#return-link { + position: absolute; + top: 10px; + left: 10px; + font-size: 14px; +} + +/* line 218, ../src/test.sass */ +h1 { + color: #bbbbbb; + font-size: 48px; + text-align: center; + width: 80%; + padding-bottom: 10px; +} + +/* line 224, ../src/test.sass */ +h2 { + color: #bbbbbb; + font-size: 24px; + padding-left: 20px; + text-transform: uppercase; +} +/* line 229, ../src/test.sass */ +h2 #room-name { + color: white; +} + +/* line 231, ../src/test.sass */ +#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: #dddddd; +} +/* line 241, ../src/test.sass */ +#search-terms:hover { + background-color: white; +} +/* line 243, ../src/test.sass */ +#search-terms:focus { + background-color: white; +} + +/* line 245, ../src/test.sass */ +#search-results-container { + width: 350px; + border: 2px solid black; + background: #333333; + display: none; +} +/* line 250, ../src/test.sass */ +#search-results-container #search-loading { + margin: 10px; +} +/* line 252, ../src/test.sass */ +#search-results-container #search-results { + height: 400px; + width: 100%; + overflow-x: hidden; + overflow-y: scroll; +} +/* line 257, ../src/test.sass */ +#search-results-container #search-results li { + clear: both; + height: 54px; + overflow: hidden; + border-bottom: 2px solid black; + font-size: 12px; + line-height: 15px; + color: #bbbbbb; + opacity: 0.9; + cursor: pointer; +} +/* line 262, ../src/test.sass */ +#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 black; +} +/* line 269, ../src/test.sass */ +#search-results-container #search-results li h4 { + white-space: nowrap; + overflow: hidden; + font-size: 14px; + color: white; + margin: 3px 0 3px 0; +} +/* line 281, ../src/test.sass */ +#search-results-container #search-results li:hover { + background: black; + cursor: pointer; + opacity: 1; +} diff --git a/frontend/static/sass/stylesheets/tiny.css b/frontend/static/sass/stylesheets/tiny.css new file mode 100644 index 0000000..a12c01b --- /dev/null +++ b/frontend/static/sass/stylesheets/tiny.css @@ -0,0 +1,69 @@ +/* line 1, ../src/tiny.sass */ +#logo, #form, #logobg, #sitez { + opacity: 0; + z-index: -20; +} + +/* line 4, ../src/tiny.sass */ +#lastlogbox *, #lastlogbox h4 { + font-size: 5px; + padding: 1px; +} + +/* line 7, ../src/tiny.sass */ +#lastlogbox { + padding: 1px; +} + +/* line 9, ../src/tiny.sass */ +#chat { + font-size: 6px; + line-height: 120%; + overflow-y: hidden; +} +/* line 13, ../src/tiny.sass */ +#chat a.u { + min-width: 10px; +} +/* line 15, ../src/tiny.sass */ +#chat img { + max-height: 30px; + max-width: 30px; +} + +/* line 18, ../src/tiny.sass */ +#player *, #playlist *, #queue * { + font-size: 5px; +} + +/* line 20, ../src/tiny.sass */ +#playlist ul#queue li { + padding: 1px; +} + +/* line 22, ../src/tiny.sass */ +#playlist ul#queue li span.like { + font-size: 5px; +} + +/* line 24, ../src/tiny.sass */ +#playlist ul#queue li a.user { + font-size: 5px; +} + +/* line 26, ../src/tiny.sass */ +nav button { + font-size: 10px; + padding: 1px; + border: 1px solid #888888; + min-width: 10px; + max-width: 10px; + min-height: 10px; + max-height: 10px; + overflow: hidden; +} + +/* line 35, ../src/tiny.sass */ +*, #chat { + overflow: hidden; +} diff --git a/frontend/static/sass/stylesheets/top.css b/frontend/static/sass/stylesheets/top.css new file mode 100644 index 0000000..802b6da --- /dev/null +++ b/frontend/static/sass/stylesheets/top.css @@ -0,0 +1,77 @@ +/* line 1, ../src/top.sass */ +body { + background-color: #311296; + overflow: hidden; +} + +/* line 4, ../src/top.sass */ +#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%); +} +/* line 14, ../src/top.sass */ +#bg img { + width: 100%; + height: 100%; +} + +/* line 17, ../src/top.sass */ +#plant1 { + z-index: -2; + position: fixed; + left: -200px; + bottom: 0; +} + +/* line 22, ../src/top.sass */ +#plant2 { + z-index: -2; + position: fixed; + right: -200px; + bottom: 0; +} + +/* line 27, ../src/top.sass */ +.cloudleft { + background-image: url(/static/other_rooms/img/cloudz1.png); + position: fixed; + bottom: 0; + left: 0; + width: 600px; + height: 400px; + opacity: 0.7; + pointer-events: none; + z-index: -1; +} + +/* line 37, ../src/top.sass */ +.cloudright { + background-image: url(/static/other_rooms/img/cloudz2.png); + position: fixed; + bottom: 0; + right: 0; + width: 600px; + height: 400px; + opacity: 0.8; + pointer-events: none; + z-index: -1; +} + +/* line 47, ../src/top.sass */ +.shimmer { + margin: 0 0 -20px 0; + opacity: 0.5; +} + +/* line 50, ../src/top.sass */ +.shimmer2 { + margin: 0 0 -40px 0; + opacity: 0.5; +} diff --git a/frontend/static/sass/stylesheets/waterfall.css b/frontend/static/sass/stylesheets/waterfall.css new file mode 100644 index 0000000..c62049c --- /dev/null +++ b/frontend/static/sass/stylesheets/waterfall.css @@ -0,0 +1,29 @@ +#logo h1 + { + color: #dde; + } +#lastlogbg + { + opacity: 0.8; + } +#controls button#like + { + color: #06f; + } +#chat a.u + { + color: #ddd; + } +#chat span a.ytlink + { + color: #8cf; + } +#chat span + { + color: #000; + text-shadow: #fff 0 0 3px; + } +#chat span .ytlink.playing + { + color: #bef; + } |