diff options
| author | root <root@lalalizard.com> | 2012-11-26 12:05:40 -0500 |
|---|---|---|
| committer | root <root@lalalizard.com> | 2012-11-26 12:05:40 -0500 |
| commit | ef51b60c6481254d88c5fc3c34f4127b7f881a58 (patch) | |
| tree | 42a9596a7d53951d2a10f60fea4c2854fc9348af /frontend/static/sass | |
| parent | ddc5b25b4a47ef8175aced9c06fc1767d004e826 (diff) | |
Frontend static/ folder
Diffstat (limited to 'frontend/static/sass')
116 files changed, 8578 insertions, 0 deletions
diff --git a/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/avatar.sassc b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/avatar.sassc Binary files differnew file mode 100644 index 0000000..8a0db6b --- /dev/null +++ b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/avatar.sassc diff --git a/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/calendar.sassc b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/calendar.sassc Binary files differnew file mode 100644 index 0000000..e889bee --- /dev/null +++ b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/calendar.sassc diff --git a/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/diornights.sassc b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/diornights.sassc Binary files differnew file mode 100644 index 0000000..da9d4c0 --- /dev/null +++ b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/diornights.sassc diff --git a/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/disaro.sassc b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/disaro.sassc Binary files differnew file mode 100644 index 0000000..69cbe30 --- /dev/null +++ b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/disaro.sassc diff --git a/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/embed.sassc b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/embed.sassc Binary files differnew file mode 100644 index 0000000..55466ce --- /dev/null +++ b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/embed.sassc diff --git a/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/feederbleeder.sassc b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/feederbleeder.sassc Binary files differnew file mode 100644 index 0000000..5a70484 --- /dev/null +++ b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/feederbleeder.sassc diff --git a/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/frederick.sassc b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/frederick.sassc Binary files differnew file mode 100644 index 0000000..2ca0e38 --- /dev/null +++ b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/frederick.sassc diff --git a/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/gallery-white.sassc b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/gallery-white.sassc Binary files differnew file mode 100644 index 0000000..815beae --- /dev/null +++ b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/gallery-white.sassc diff --git a/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/glitter.sassc b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/glitter.sassc Binary files differnew file mode 100644 index 0000000..f3c2034 --- /dev/null +++ b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/glitter.sassc diff --git a/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/ie.scssc b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/ie.scssc Binary files differnew file mode 100644 index 0000000..87e5588 --- /dev/null +++ b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/ie.scssc diff --git a/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/main.sassc b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/main.sassc Binary files differnew file mode 100644 index 0000000..3357d68 --- /dev/null +++ b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/main.sassc diff --git a/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/print.scssc b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/print.scssc Binary files differnew file mode 100644 index 0000000..7aa4c4a --- /dev/null +++ b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/print.scssc diff --git a/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/profile.sassc b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/profile.sassc new file mode 100644 index 0000000..ad2a2bb --- /dev/null +++ b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/profile.sassc @@ -0,0 +1,770 @@ +3.1.7 (Brainy Betty) +4ace3b0de5fad49de2024e2901b21909688a81a0 +o:Sass::Tree::RootNode :@template" #@import compass/reset +@mixin rounded($width) + -moz-border-radius: $width + -webkit-border-radius: $width + -o-border-radius: $width + border-radius: $width + +body + background: #888 + // overflow-y: scroll + overflow-y: hidden + overflow-x: hidden + font-family: trebuchet ms, sans-serif +#logo + position: absolute + z-index: 20 + top: 15px + left: 20px + a + display: inline-block + img + padding-top: 5px + display: inline-block + 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 + 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 + 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 + #avatar, .avatar + display: none + width: 100% + // max-height: 300px + .avatar + display: block + #bio + p + color: #ddd + background-color: #000 + padding: 10px 5px + text-align: center + opacity: 0.7 + a + color: #ebf + display: block + img + width: 100% + // max-height: 300px +#sitez + position: absolute + top: 30px + right: 20px + text-align: right + z-index: 20 + div + color: #ddd + cursor: pointer + display: inline-block + padding: 4px 8px 4px 8px + float: left + a + color: #bbc + div#settings-hook + &:hover + @include rounded(10px 10px 3px 3px) + background-color: #333 + color: #fff + &.opened + @include rounded(10px 10px 3px 3px) + background-color: #333 + color: #fff + display: none + z-index: 82 +#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 +#settings-container + position: fixed + top: 53px + @include rounded (10px) + right: 20px + z-index: 80 + width: 500px + background-color: #222 + color: #657b83 + display: none + box-shadow: 0 5px 10px #000 + .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 + @include rounded(10px) + background-color: #000b16 + &:hover + color: #fff + cursor: pointer + #rooms-loading + margin: 10px + h5 + font-size: 16px + color: #93a1a1 + display: block + padding: 10px + background-color: #333 + @include rounded(10px 10px 0 0) + p + padding: 10px 10px 10px 10px + font-size: 14px + line-height: 18px + color: #b3c1c1 + background-color: #1b1b1f + label + margin: 2px 0 0 10px + font-size: 14px + color: #657b83 + width: 150px + text-align: right + padding-right: 5px + display: inline-block + span + margin: 2px 10px 0 0 + color: #839496 + font-size: 14px + input + margin: 2px 10px 0 0 + width: 100px + #profile-avatar, #profile-bg + width: 300px + #profile-settings-save + font-size: 14px + textarea + width: 300px + height: 150px + .shim + width: 1px + height: 10px + ul + text-decoration: none + cursor: pointer + 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 + &:hover + color: #fdf6e3 + a li + color: #83a1a1 + text-decoration: none + 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: #eeeeee + overflow-y: scroll + overflow-x: hidden + color: #333 + strong + color: #859900 + em + color: #dc322f + b + color: #002b36 +#player + padding: 10px + position: absolute + background: #000 + #projector + display: block + position: fixed + background-color: #000 + #screen + position: absolute + top: 0 + left: 0 + width: 100% + height: 100% + z-index: 19 + #soundcloud, #audio + position: absolute + top: 0 + right: 0 + background-color: #000 + z-index: 21 + #soundcloud-dl, #audio-dl + position: absolute + top: 81px + right: 0 + width: 81px + padding: 5px 0 5px 0 + font-size: 13px + text-align: center + background-color: #000 + * + color: #839496 + z-index: 20 + #soundcloud-img, #audio-img + position: absolute + top: 0 + left: 0 + width: 100% + height: 100% + z-index: 20 + img + max-width: 100% + min-height: 100% + max-height: 100% + #ytscreen + z-index: 19 + position: absolute + top: 0 + left: 0 + #video-title + position: absolute + bottom: 0 + left: 10px + color: #fff + z-index: 20 + &.fullscreen + position: fixed + bottom: 90px + left: auto + right: 30px + font-size: 24px + #projimg + width: 100% + height: 100% + nav#controls + z-index: 40 + position: absolute + display: none + #video-link + color: #839496 + #scan.blinkOn + background-color: #fff + color: #000 + #scan.blinkOff + background-color: #000 + color: #fff + #like + color: #e4b + #like.liked + color: #44f +#playlistbg + position: absolute + background-color: #000 + opacity: 0.5 +#playlist + position: absolute + z-index: 90 + width: 100% + 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 + li + padding: 5px + display: block + cursor: pointer + border-bottom: 1px solid #333 + span.title + color: #ddd + display: block + padding: 5px + font-size: 15px + z-index: 1 + &:hover + color: #fff + a.user + float: right + font-size: 14px + padding: 0 5px + color: #d33682 + padding: 5px + z-index: 2 + text-decoration: none + span.like + float: right + font-size: 14px + color: #657b83 + padding: 5px + z-index: 3 + span.like.liked + color: #c357a3 + span.score + float: right + font-size: 14px + color: #bbb + padding: 5px 10px 5px 5px + li.playing + background-color: #222 + span.title + color: #fff + li#queueLess + color: #fff + text-align: center + &:hover + background-color: #666 + color: #fff + border: 0 + border-bottom: 1px solid #333 + font-size: 18px + padding: 10px 0 + cursor: pointer + li#queueMore + color: #fff + text-align: center + &:hover + background-color: #666 + color: #fff + border: 0 + font-size: 33px + padding: 20px 20px 20px 20px + cursor: pointer + li#queueDone + color: #ddd + text-align: center + border: 0 + font-size: 33px + padding: 80px 20px 200px 20px + li#queueLoading + text-align: center + color: #fff + font-size: 24px + padding: 80px + ol + -webkit-padding-start: 0 + -webkit-margin-before: 0 + -webkit-margin-after: 0 + display: block + position: relative + top: 1px + 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 + 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 + button, #video-link + background-color: #333 + color: #ddd + &:hover + background-color: #666 + color: #fff + border: 0 + font-size: 14px + min-width: 40px + min-height: 20px + padding: 5px 5px + position: relative + top: -1px + #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 + #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 + div + padding: 10px + display: inline-block + 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 + img + width: 100% + height: 100% + +.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 +.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 +.arrow-prev + width: 0 + height: 0 + border-top: 4px solid transparent + border-right: 4px solid white + border-bottom: 4px solid transparent + display: inline-block +.arrow-next + width: 0 + height: 0 + border-top: 4px solid transparent + border-left: 4px solid white + border-bottom: 4px solid transparent + display: inline-block + +:
@options{ +@linei; [ +@name" rounded;@;T: +@args[[o:Sass::Script::Variable;" +width;{:project_name" +sass/: +cacheT:cache_location"?/var/www/vhosts/scannerjammer.com/sandbox/sass/.sass-cache:
importero: Sass::Importers::Filesystem: +@root"7/var/www/vhosts/scannerjammer.com/sandbox/sass/src:line_commentsT:original_filename@ :output_style:compressed:filesystem_importerc Sass::Importers::Filesystem:cache_storeo: Sass::CacheStores::Chain: @caches[u: Sass::CacheStores::Memory +style;:
filename@ : +quietT: syntax: sass:property_syntax0: loud[:identical:overwrite: create:load_paths[ o;;"7/var/www/vhosts/scannerjammer.com/sandbox/sass/srco;;"V/usr/local/lib/ruby/gems/1.8/gems/compass-0.11.5/frameworks/blueprint/stylesheetso;;"T/usr/local/lib/ruby/gems/1.8/gems/compass-0.11.5/frameworks/compass/stylesheetso: Compass::SpriteImporter: @uri" +width0; @ ;
i; [ o:Sass::Tree::PropNode
: +@tabsi +width;@;0" +width;
i;
i; [ +width;@;0" +width;
i ;
i ; [ +width;@;0" +width;
i +;
i +; [ +width;@;0" +width;
i ;
i ; [ +@rule[" body:@parsed_ruleso:"Sass::Selector::CommaSequence:
@members[o: Sass::Selector::Sequence;:[o:#Sass::Selector::SimpleSequence;:[o: Sass::Selector::Element :@namespace0;[" body; @ ;
i
; @ ;
i
; @ ;
i
; @ ;
i
; [ +o;1
;2i +alphai: +greeniˆ: blueiˆ;50;
i;
i; [ +@loud0;@; @ : @silentT;5"// overflow-y: scroll;
i; [ +@type:identifier;5" hidden;
i;
i; [ +comma;5[o;L ;@;M: +space;5[o;I ;@;J;K;5"trebuchet;
io;I ;@;J;K;5"ms;
i;
io;I ;@;J;K;5"sans-serif;
i;
i;
i; [ +#logo;8o;9;:[o;;;:[o;<;:[o:Sass::Selector::Id;[" logo; @ ;
i; @ ;
i; @ ;
i; @ ;
i; [ o;1
;2i +;
i;
i; [ +-10px;5iñ;
i ;
i ; [ +serif;
i$;
i$;
i$; [ +color;@;3;4; @ ;5o;? ;@;@{ ;Aiÿ;Bi;Ciˆ;Di»;50;
i%;
i%; [ +color;@;3;4; @ ;5o;? ;@;@{ ;Aiÿ;Bi;Ciÿ;Diÿ;50;
i+;
i+; [ +250px;5iú;
i,;
i,; [ +width;@;3;4; @ ;5o;Q ;R[ +o;1
;2i +color;@;3;4; @ ;5o;? ;@;@{ ;Ai8;Bi;Ci8;Diÿ;50;
i?;
i?; [ +right;@;3;4; @ ;5o;Q ;R[ +width;@;3;4; @ ;5o;Q ;R[ +block;
iP;
iP; [ +o;1
;2i +color;@;3;4; @ ;5o;? ;@;@{ ;AiÝ;Bi;CiÝ;DiÝ;50;
iS;
iS; [ +;
iU;
iU;
iU; [ +color;@;3;4; @ ;5o;? ;@;@{ ;Aiî;Bi;Ci»;Diÿ;50;
iY;
iY; [ +block;
iZ;
iZ; [ +width;@;3;4; @ ;5o;Q ;R[ +sitez; @ ;
i^; @ ;
i^; @ ;
i^; @ ;
i^; [ o;1
;2i +right;@;3;4; @ ;5o;Q ;R[ +right;
ib;
ib; [ +color;@;3;4; @ ;5o;? ;@;@{ ;AiÝ;Bi;CiÝ;DiÝ;50;
ie;
ie; [ +float;@;3;4; @ ;5o;I ;@;J;K;5" left;
ii;
ii; [ +color;@;3;4; @ ;5o;? ;@;@{ ;Ai»;Bi;Ci»;DiÌ;50;
ik;
ik; [ +;[" +hover: @arg0; @ ;J: +class;
im; @ ;
im; @ ;
im; @ ;
im; [o:Sass::Tree::MixinNode :@keywords{ +color;@;3;4; @ ;5o;? ;@;@{ ;Aiÿ;Bi;Ciÿ;Diÿ;50;
ip;
ip; [ +color;@;3;4; @ ;5o;? ;@;@{ ;Aiÿ;Bi;Ciÿ;Diÿ;50;
it;
it; [ +fixed;
ix;
ix; [ +width;@;3;4; @ ;5o;Q ;R[ +600px;5iX;
i{;
i{; [ +-20px;5iç;
i};
i}; [ +;[{ +color;@;3;4; @ ;5o;? ;@;@{ ;Aiÿ;Bi;Ciÿ;Diÿ;50;
i};
i}; [ +fixed;
i;
i; [ +right;@;3;4; @ ;5o;Q ;R[ +width;@;3;4; @ ;5o;Q ;R[ +500px;5iô;
i†;
i†; [ +color;@;3;4; @ ;5o;? ;@;@{ ;Aij;Bi;Ci{;Diƒ;50;
iˆ;
iˆ; [ +;
iŠo;Q ;R[ +close; @ ;
i‹; @ ;
i‹; @ ;
i‹; @ ;
i‹; [o;1
;2i +float;@;3;4; @ ;5o;I ;@;J;K;5" +right;
i;
i; [ +color;@;3;4; @ ;5o;? ;@;@{ ;AiÞ;Bi;CiØ;DiÅ;50;
iŽ;
iŽ; [ +width;@;3;4; @ ;5o;Q ;R[ +;[" +hover;X0; @ ;J;Y;
i—; @ ;
i—; @ ;
i—; @ ;
i—; [o;1
;2i +color;@;3;4; @ ;5o;? ;@;@{ ;Aiÿ;Bi;Ciÿ;Diÿ;50;
i˜;
i˜; [ +color;@;3;4; @ ;5o;? ;@;@{ ;Ai“;Bi;Ci¡;Di¡;50;
iž;
iž; [ +block;
iŸ;
iŸ; [ +o;1
;2i +color;@;3;4; @ ;5o;? ;@;@{ ;Ai³;Bi;CiÁ;DiÁ;50;
i§;
i§; [ +label;8o;9;:[o;;;:[o;<;:[o;= ;>0;[" +label; @ ;
i©; @ ;
i©; @ ;
i©; @ ;
i©; [ o;1
;2i +color;@;3;4; @ ;5o;? ;@;@{ ;Aij;Bi;Ci{;Diƒ;50;
i¬;
i¬; [ +width;@;3;4; @ ;5o;Q ;R[ +150px;5i–;
i;
i; [ +right;
i®;
i®; [ +;
i¯;
i¯; [ +color;@;3;4; @ ;5o;? ;@;@{ ;Aiƒ;Bi;Ci”;Di–;50;
i³;
i³; [ +input;8o;9;:[o;;;:[o;<;:[o;= ;>0;[" +input; @ ;
iµ; @ ;
iµ; @ ;
iµ; @ ;
iµ; [o;1
;2i +width;@;3;4; @ ;5o;Q ;R[ +100px;5ii;
i·;
i·; [ +width;@;3;4; @ ;5o;Q ;R[ +300px;5i,;
i¹;
i¹; [ +width;@;3;4; @ ;5o;Q ;R[ +300px;5i,;
i½;
i½; [ +150px;5i–;
i¾;
i¾; [ +.shim;8o;9;:[o;;;:[o;<;:[o;U;[" shim; @ ;
i¿; @ ;
i¿; @ ;
i¿; @ ;
i¿; [o;1
;2i +width;@;3;4; @ ;5o;Q ;R[ +o;1
;2i +solid;
iÉo;? ;@;@{ ;Ai +color;@;3;4; @ ;5o;? ;@;@{ ;Aiƒ;Bi;Ci¡;Di¡;50;
iÍ;
iÍ; [ +;[" +hover;X0; @ ;J;Y;
iÎ; @ ;
iÎ; @ ;
iÎ; @ ;
iÎ; [o;1
;2i +color;@;3;4; @ ;5o;? ;@;@{ ;Aiý;Bi;Ciö;Diã;50;
iÏ;
iÏ; [ +color;@;3;4; @ ;5o;? ;@;@{ ;Aiƒ;Bi;Ci¡;Di¡;50;
iÑ;
iÑ; [ +color;@;3;4; @ ;5o;? ;@;@{ ;Aiƒ;Bi;Ci¡;Di¡;50;
iÔ;
iÔ; [ +fixed;
iØ;
iØ; [ +right;@;3;4; @ ;5o;Q ;R[ +;
iÛ;
iÛ; [ +width;@;3;4; @ ;5o;Q ;R[ +250px;5iú;
iÜ;
iÜ; [ +color;@;3;4; @ ;5o;? ;@;@{ ;Ai8;Bi;Ci8;Di8;50;
iâ;
iâ; [ +color;@;3;4; @ ;5o;? ;@;@{ ;Ai…;Bi;Ci™;Di +color;@;3;4; @ ;5o;? ;@;@{ ;AiÜ;Bi;Ci7;Di4;50;
iæ;
iæ; [ +color;@;3;4; @ ;5o;? ;@;@{ ;Ai +o;1
;2i +block;
iî;
iî; [ +fixed;
iï;
iï; [ +width;@;3;4; @ ;5o;Q ;R[ +audio; @ ;
iø; @ ;
iø; @ ;
iø; @ ;
iø; [ +o;1
;2i +right;@;3;4; @ ;5o;Q ;R@Š;@;S[ +right;@;3;4; @ ;5o;Q ;R@Š;@;S[ +width;@;3;4; @ ;5o;Q ;R[ +;
io;Q ;R@Š;@;S[ +;
io;Q ;R@Š;@;S[ +color;@;3;4; @ ;5o;? ;@;@{ ;Aiƒ;Bi;Ci”;Di–;50;
i;
i; [ +; @ ;
i +o;;;:[o;<;:[o;P;["audio-img; @ ;
i +; @ ;
i +; @ ;
i +; @ ;
i +; [ o;1
;2i +width;@;3;4; @ ;5o;Q ;R[ +color;@;3;4; @ ;5o;? ;@;@{ ;Aiÿ;Bi;Ciÿ;Diÿ;50;
i ;
i ; [ +o;1
;2i +fixed;
i!;
i!; [ +right;@;3;4; @ ;5o;Q ;R[ +width;@;3;4; @ ;5o;Q ;R[ +color;@;3;4; @ ;5o;? ;@;@{ ;Aiƒ;Bi;Ci”;Di–;50;
i.;
i.; [ +color;@;3;4; @ ;5o;? ;@;@{ ;Ai +color;@;3;4; @ ;5o;? ;@;@{ ;Aiÿ;Bi;Ciÿ;Diÿ;50;
i4;
i4; [ +#like;8o;9;:[o;;;:[o;<;:[o;P;[" like; @ ;
i5; @ ;
i5; @ ;
i5; @ ;
i5; [o;1
;2i +color;@;3;4; @ ;5o;? ;@;@{ ;Aiî;Bi;CiI;Di»;50;
i6;
i6; [ +liked; @ ;
i7; @ ;
i7; @ ;
i7; @ ;
i7; [o;1
;2i +color;@;3;4; @ ;5o;? ;@;@{ ;AiI;Bi;CiI;Diÿ;50;
i8;
i8; [ +o;1
;2i +width;@;3;4; @ ;5o;Q ;R[ +queue; @ ;
iA; @ ;
iA; @ ;
iA; @ ;
iA; [o;1
;2i +width;@;3;4; @ ;5o;Q ;R[ +solid;
iCo;? ;@;@{ ;Aiˆ;Bi;Ciˆ;Diˆ;50;
iC;
iC;
iC; [ +solid;
iDo;? ;@;@{ ;Aiˆ;Bi;Ciˆ;Diˆ;50;
iD;
iD;
iD; [ +solid;
iEo;? ;@;@{ ;Aiˆ;Bi;Ciˆ;Diˆ;50;
iE;
iE;
iE; [ +;
iL;
iL; [ +block;
iM;
iM; [ +solid;
iOo;? ;@;@{ ;Ai8;Bi;Ci8;Di8;50;
iO;
iO;
iO; [ +title; @ ;
iP; @ ;
iP; @ ;
iP; @ ;
iP; [ o;1
;2i +color;@;3;4; @ ;5o;? ;@;@{ ;AiÝ;Bi;CiÝ;DiÝ;50;
iQ;
iQ; [ +block;
iR;
iR; [ +;
iS;
iS; [ +;[" +hover;X0; @ ;J;Y;
iV; @ ;
iV; @ ;
iV; @ ;
iV; [o;1
;2i +color;@;3;4; @ ;5o;? ;@;@{ ;Aiÿ;Bi;Ciÿ;Diÿ;50;
iW;
iW; [ +float;@;3;4; @ ;5o;I ;@;J;K;5" +right;
iY;
iY; [ +;
i[;
i[;
i[; [ +color;@;3;4; @ ;5o;? ;@;@{ ;AiÓ;Bi;Ci;;Di‚;50;
i\;
i\; [ +;
i];
i]; [ +o;1
;2i +float;@;3;4; @ ;5o;I ;@;J;K;5" +right;
ia;
ia; [ +color;@;3;4; @ ;5o;? ;@;@{ ;Aij;Bi;Ci{;Diƒ;50;
ic;
ic; [ +;
id;
id; [ +liked; @ ;
if; @ ;
if; @ ;
if; @ ;
if; [o;1
;2i +color;@;3;4; @ ;5o;? ;@;@{ ;AiÃ;Bi;Ci\;Di£;50;
ig;
ig; [ +score; @ ;
ih; @ ;
ih; @ ;
ih; @ ;
ih; [ o;1
;2i +float;@;3;4; @ ;5o;I ;@;J;K;5" +right;
ii;
ii; [ +color;@;3;4; @ ;5o;? ;@;@{ ;Ai»;Bi;Ci»;Di»;50;
ik;
ik; [ +;
ilo;Q ;R[ +;
ilo;Q ;R[ +;
il;
il;
il; [ +title; @ ;
io; @ ;
io; @ ;
io; @ ;
io; [o;1
;2i +color;@;3;4; @ ;5o;? ;@;@{ ;Aiÿ;Bi;Ciÿ;Diÿ;50;
ip;
ip; [ +color;@;3;4; @ ;5o;? ;@;@{ ;Aiÿ;Bi;Ciÿ;Diÿ;50;
ir;
ir; [ +;[" +hover;X0; @ ;J;Y;
it; @ ;
it; @ ;
it; @ ;
it; [o;1
;2i +color;@;3;4; @ ;5o;? ;@;@{ ;Aiÿ;Bi;Ciÿ;Diÿ;50;
iv;
iv; [ +solid;
ixo;? ;@;@{ ;Ai8;Bi;Ci8;Di8;50;
ix;
ix;
ix; [ +color;@;3;4; @ ;5o;? ;@;@{ ;Aiÿ;Bi;Ciÿ;Diÿ;50;
i};
i}; [ +;[" +hover;X0; @ ;J;Y;
i; @ ;
i; @ ;
i; @ ;
i; [o;1
;2i +color;@;3;4; @ ;5o;? ;@;@{ ;Aiÿ;Bi;Ciÿ;Diÿ;50;
i;
i; [ +o;1
;2i +color;@;3;4; @ ;5o;? ;@;@{ ;AiÝ;Bi;CiÝ;DiÝ;50;
i‡;
i‡; [ +200px;5iÈ;
i‹o;Q ;R[ +color;@;3;4; @ ;5o;? ;@;@{ ;Aiÿ;Bi;Ciÿ;Diÿ;50;
iŽ;
iŽ; [ +block;
i•;
i•; [ +;
i™o;Q ;R[ +solid;
iœo;? ;@;@{ ;Ai +solid;
io;? ;@;@{ ;Ai +solid;
ižo;? ;@;@{ ;Ai +solid;
iŸo;? ;@;@{ ;Aiˆ;Bi;Ciˆ;Diˆ;50;
iŸ;
iŸ;
iŸ; [ +color;@;3;4; @ ;5o;? ;@;@{ ;Ai»;Bi;Ci»;Di»;50;
i¢;
i¢; [ +solid;
iªo;? ;@;@{ ;Ai;Bi;Ci;Di;50;
iª;
iª;
iª; [ +color;@;3;4; @ ;5o;? ;@;@{ ;Aiÿ;Bi;Ciÿ;Diÿ;50;
i¬;
i¬; [ +color;@;3;4; @ ;5o;? ;@;@{ ;AiÝ;Bi;CiÝ;DiÝ;50;
i³;
i³; [ +;[" +hover;X0; @ ;J;Y;
i´; @ ;
i´; @ ;
i´; @ ;
i´; [o;1
;2i +color;@;3;4; @ ;5o;? ;@;@{ ;Aiÿ;Bi;Ciÿ;Diÿ;50;
i¶;
i¶; [ +;
i»o;Q ;R[ +;
i»;
i»;
i»; [ +;
i¿o;Q ;R[ +;
i¿o;Q ;R[ +;
i¿;
i¿;
i¿; [ +width;@;3;4; @ ;5o;Q ;R[ +block;
iÇ;
iÇ; [ +200px;5iÈ;
iÈ;
iÈ; [ +#gifs;8o;9;:[o;;;:[o;<;:[o;P;[" gifs; @ ;
iÉ; @ ;
iÉ; @ ;
iÉ; @ ;
iÉ; [o;1
;2i +clear;@;3;4; @ ;5o;I ;@;J;K;5" both;
iÊ;
iÊ; [ +block;
iË;
iË; [ +200px;5iÈ;
iÏo;Q ;R@Š;@;S[ +;
iÐo;Q ;R[ +350px;5i^;
iÖ;
iÖ; [ +400px;5i;
i×;
i×; [ +fixed;
iÙ;
iÙ; [ +width;@;3;4; @ ;5o;Q ;R[ +width;@;3;4; @ ;5o;Q ;R[ +width;@;3;4; @ ;5o;Q ;R@Š;@;S[ +4.5px;5f4.5;
ièo;I ;@;J;K;5" +solid;
ièo;I ;@;J;K;5"transparent;
iè;
iè;
iè; [ +9.5px;5f9.5;
iéo;I ;@;J;K;5" +solid;
iéo;? ;@;@{ ;Aiÿ;Bi;Ciÿ;Diÿ;50;
ié;
ié;
ié; [ +4.5px;5f4.5;
iêo;I ;@;J;K;5" +solid;
iêo;I ;@;J;K;5"transparent;
iê;
iê;
iê; [ +width;@;3;4; @ ;5o;Q ;R@Š;@;S[ +;
iïo;I ;@;J;K;5" +solid;
iïo;? ;@;@{ ;Aiÿ;Bi;Ciÿ;Diÿ;50;
iï;
iï;
iï; [ +2.5px;5f2.5;
iðo;I ;@;J;K;5" +solid;
iðo;? ;@;@{ ;Aiÿ;Bi;Ciÿ;Diÿ;50;
ið;
ið;
ið; [ +solid;
iño;? ;@;@{ ;Aiÿ;Bi;Ciÿ;Diÿ;50;
iñ;
iñ;
iñ; [ +width;@;3;4; @ ;5o;Q ;R@Š;@;S[ +solid;
i÷o;I ;@;J;K;5"transparent;
i÷;
i÷;
i÷; [ +solid;
iøo;? ;@;@{ ;Aiÿ;Bi;Ciÿ;Diÿ;50;
iø;
iø;
iø; [ +solid;
iùo;I ;@;J;K;5"transparent;
iù;
iù;
iù; [ +width;@;3;4; @ ;5o;Q ;R@Š;@;S[ +solid;
iþo;I ;@;J;K;5"transparent;
iþ;
iþ;
iþ; [ +solid;
iÿo;? ;@;@{ ;Aiÿ;Bi;Ciÿ;Diÿ;50;
iÿ;
iÿ;
iÿ; [ +solid;
i diff --git a/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/roomlist.sassc b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/roomlist.sassc Binary files differnew file mode 100644 index 0000000..5bbfb43 --- /dev/null +++ b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/roomlist.sassc diff --git a/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/screen.sassc b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/screen.sassc new file mode 100644 index 0000000..5f6fba9 --- /dev/null +++ b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/screen.sassc @@ -0,0 +1,1281 @@ +3.1.7 (Brainy Betty) +41c3aa6f199c6bf0e0c4cd6e5723f521d3b9c545 +o:Sass::Tree::RootNode :@template"ñ:@import compass/reset +@mixin rounded($width) + -moz-border-radius: $width + -webkit-border-radius: $width + -o-border-radius: $width + border-radius: $width +body + font-family: trebuchet ms, helvetica, arial, sans-serif + width: 100% + height: 100% + overflow: hidden + background: #000 +#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 +#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 + +#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: #333 + strong + color: #859900 + em + color: #dc322f + b + color: #002b36 +#player + padding: 10px + position: absolute + background: #000 + #projector + display: block + position: absolute + background-color: #000 + #screen + position: absolute + top: 0 + left: 0 + width: 100% + height: 100% + z-index: 19 + #soundcloud, #audio + position: absolute + top: 0 + right: 0 + background-color: #000 + z-index: 21 + #soundcloud-dl, #audio-dl + position: absolute + top: 81px + right: 0 + width: 81px + padding: 5px 0 5px 0 + font-size: 13px + text-align: center + background-color: #000 + * + color: #839496 + z-index: 20 + #soundcloud-img, #audio-img + position: absolute + top: 0 + left: 0 + width: 100% + height: 100% + z-index: 20 + img + max-width: 100% + min-height: 100% + max-height: 100% + #ytscreen + z-index: 19 + position: absolute + top: 0 + left: 0 + #video-title + position: absolute + bottom: 0 + left: 0 + color: #fff + z-index: 20 + #video-title.fullscreen + position: fixed + bottom: 90px + left: auto + right: 30px + font-size: 24px + #projimg + width: 100% + height: 100% + nav#controls + z-index: 40 + position: absolute + #video-link + color: #839496 + #scan.blinkOn + background-color: #fff + color: #000 + #scan.blinkOff + background-color: #000 + color: #fff + #like + color: #e4b + #like.liked + color: #44f + #mute.muted + background-color: #fff + color: #000 +#playlistbg + position: absolute + background-color: #000 + opacity: 0.3 +#playlist + position: absolute + z-index: 90 + width: 100% + overflow-y: auto + overflow-x: hidden + ul#queue + // overflow-y: none + // &:hover + // overflow-y: auto + width: 100% + li + padding: 5px + display: block + cursor: pointer + border-bottom: 1px solid #333 + span.title + color: #ddd + display: block + padding: 5px + z-index: 1 + &:hover + color: #d8f + cursor: pointer + a.user + float: right + font-size: 14px + padding: 0 5px + color: #d33682 + padding: 5px + z-index: 2 + text-decoration: none + span.like + float: right + font-size: 14px + color: #657b83 + padding: 5px + z-index: 3 + span.like.liked + color: #c357a3 + li.playing + background-color: #222 + span.title + color: #fff +#room, user + padding: 10px + label + color: #657b83 + width: 100px + text-align: right + padding-right: 5px + display: inline-block + span + color: #073642 + + +#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 + img + margin-bottom: 20px + label + min-width: 20% + display: inline-block + text-align: right + padding-right: 10px + font-size: 18px + color: #fff + #button-shim + width: 30% + display: inline-block + text-align: left + padding: 10px 10px 10px 0 + margin-right: 20px + button + padding: 2px 5px + #login-username, #login-password + width: 30% + margin-right: 10px + font-size: 24px + border: 2px solid #806 + padding: 10px + a + color: #68f + text-decoration: underline +#sitez + position: fixed + top: 24px + right: 30px + color: #888 + z-index: 82 + color: #aaa + a, #logout + cursor: pointer + color: #aaa + text-decoration: underline + select option + color: #666 + text-decoration: none + padding-right: 3px + button + font-size: 24px + background: #030303 + color: #fff + padding: 2px + a#faqlink + color: #8ff + div + cursor: pointer + display: inline-block + padding: 8px 8px 5px 8px + &:hover + @include rounded(10px 10px 3px 3px) + background-color: #333 + &.opened + @include rounded(10px 10px 3px 3px) + background-color: #333 +nav + z-index: 10 + margin: 0 auto + button, #video-link + background-color: #333 + color: #ddd + &:hover + background-color: #666 + color: #fff + border: 0 + font-size: 14px + min-width: 40px + min-height: 20px + padding: 5px 5px + position: relative + top: -1px + #video-link + top: -2px + padding-bottom: 6px +#lunacy + z-index: 40 + background: #ddd + color: #000 + display: block + width: 700px + position: fixed + top: 20% + left: 50% + margin-left: -390px + opacity: 0.7 + padding: 40px + text-align: center + font-size: 48px +#plea + z-index: 30 + background: #ddd + color: #000 + display: block + width: 400px + position: fixed + top: 20% + left: 50% + margin-left: -240px + opacity: 0.7 + padding: 40px + text-align: center + font-size: 48px + +#logobg + position: fixed + top: 10px + left: 0 + width: 100% + height: 64px + background-color: #000 + opacity: 0.8 + z-index: 45 +#logo + position: fixed + top: 10px + z-index: 46 + left: 10px + a + float: left + display: inline-block + img + display: inline-block + #scanjam + padding: 10px 15px 10px 0 + #preamble + display: inline-block + font-size: 12px + color: #fff + max-width: 80px + padding-left: 15px + h1 + padding: 15px 15px 0 10px + font-size: 34px + color: #fff + font-weight: normal + font-style: italic + font-family: georgia, garamond, serif + color: #8ff + display: inline-block + h2 + display: inline-block + font-size: 16px + color: #fff + position: relative + left: 20px + top: -5px + color: #839496 + a + display: inline + float: none + color: #268bd2 + img + max-height: 20px + max-width: 20px + display: inline-block + h2.preamblish + font-size: 12px + color: #fff + max-width: 250px + left: 0 + top: 9px + padding-right: 20px + h2.radio + a + color: #def + font-size: 12px + top: -8px + left: 30px + #likebutton + display: inline-block + display: none + position: relative + top: -5px + width: 90px + height: 21px + z-index: -1 +#glasspopcornlogo + position: absolute + top: 80px + left: 15px + pointer-events: none + opacity: 0.5 + z-index: 8 + img + z-index: 8 + pointer-events: none +#likereport + position: fixed + width: 100px + padding: 20px + z-index: 100 + overflow-y: hidden + a + background-color: #222 + display: block + text-decoration: none + padding: 5px + opacity: 0.95 + +#form + position: fixed + bottom: 10px + left: 10px + padding: 10px 10px 10px 10px + background-color: #000 + white-space: nowrap + z-index: 31 + #chat-message + border: 0 + outline: 0 + font-size: 18px + padding: 5px + margin-right: 5px + background-color: #f8f8f8 + &:hover + background-color: #ffffff + button + margin: 0 + outline: 0 + border: 0 + background-color: #333 + color: #ddd + &:hover + background-color: #666 + color: #fff + // @include rounded(2px) + padding: 4px 6px + position: relative + top: 1px + font-size: 20px + #videochat-badge + cursor: auto + pointer-events: none + @include rounded(8px) + font-size: 10px + background-color: #f00 + color: #fff + position: absolute + width: 10px + height: 10px + text-align: center + padding: 2px 2px + display: none + z-index: 32 +#formbg + background-color: #000 + opacity: 0.7 + +#chatbg + position: fixed + bottom: 100px + left: 20px + padding: 10px + width: 600px + background-color: #000 + padding: 0 10px 5px 10px + opacity: 0.25 + z-index: 9 + +#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 + a + opacity: 0.8 + color: #44bbff + text-decoration: underline + a.u + font-weight: normal + padding-right: 10px + display: inline-block + color: #ff0066 + opacity: 1 + text-decoration: none + min-width: 80px + overflow-x: hidden + font-size: 18px + line-height: 26px + vertical-align: bottom + a.pic + opacity: 1 + span + color: #f0fff0 + text-shadow: #000 0 0 2px + font-weight: bold + .ytlink + color: #88dddd + cursor: pointer + text-decoration: underline + text-shadow: none + text-shadow: #000 0 0 1px + opacity: 1 + .ytlink:hover + color: #dd66ff + text-decoration: underline + text-shadow: #000 0 0 1px + .ytlink.playing + color: #daf + font-weight: bold + text-decoration: none + .ytlink.playing::before + text-decoration: none + content: "\25b6 " + font-weight: bold + img + max-width: 350px + max-height: 400px + border: 0 + #shim + width: 10px + height: 500px +#chat.fullscreen + overflow-y: hidden + &:hover + overflow-y: hidden +#webcam-container + z-index: 100 + position: fixed + right: 500px + bottom: 100px + background-color: #000 + padding: 10px + display: none +#lastlogbg + position: fixed + background-color: #000 + opacity: 0.5 + padding: 10px + z-index: 31 +#lastlogbox + position: fixed + font-size: 14px + padding: 10px + z-index: 32 + h4 + font-size: 12px + font-weight: bold + color: #eee + padding-bottom: 5px + ul + border-top: 1px solid #000 +li.ll + list-style-type: none + a + color: #d0e0fe + padding: 5px 0 + border-bottom: 1px solid #000 + display: block + text-shadow: #000 0 0 2px + text-decoration: underline + font-size: 16px + font-weight: bold + +#flower + position: absolute + top: 0 + right: 10% + z-index: 50 + pointer-events: none + display: none +#plant + position: absolute + bottom: 0 + right: 50% + z-index: 50 + pointer-events: none + display: none +#msg + display: none +button + font-size: 24px + background: #030303 + color: #fff + padding: 2px +#settings-container, #rooms-container, #about-container, #videochat-container + position: fixed + top: 59px + @include rounded (10px) + right: 20px + z-index: 80 + width: 500px + background-color: #222 + color: #657b83 + display: none + box-shadow: 0 5px 10px #000 + .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 + @include rounded(10px) + background-color: #000b16 + &:hover + color: #fff + cursor: pointer + #rooms-loading + margin: 10px + h5 + font-size: 16px + color: #93a1a1 + display: block + padding: 10px + background-color: #333 + @include rounded(10px 10px 0 0) + p + padding: 10px 10px 10px 10px + font-size: 14px + line-height: 18px + color: #b3c1c1 + background-color: #1b1b1f + label + margin: 2px 0 0 10px + font-size: 14px + color: #657b83 + width: 150px + text-align: right + padding-right: 5px + display: inline-block + span + margin: 2px 10px 0 0 + color: #839496 + font-size: 14px + span#room-mod-tag a + float: right + padding: 0 10px 10px 0 + display: block + color: #dc322f + span#gallery-link a + color: #268bd2 + padding: 0 10px 10px 0 + display: block + float: right + button + position: relative + left: 3px + input + margin: 2px 10px 0 0 + width: 100px + #room-topic, #room-bg, #room-bgreset + width: 300px + #room-settings-save + font-size: 14px + .shim + width: 1px + height: 10px + ul + text-decoration: none + cursor: pointer + 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 + &:hover + color: #fdf6e3 + a li + color: #83a1a1 + text-decoration: none + a + color: #83a1a1 + text-decoration: none +#rooms-container + right: 20px + z-index: 80 + width: 300px + max-height: 300px +#about-container + right: 20px + z-index: 80 + width: 300px +#videochat-container + right: 20px + z-index: 80 + width: 300px + display: none + cursor: pointer + #videochat-disable + display: none +#tokbox-embed + position: absolute + bottom: 10px + left: 10px + height: 150px + z-index: 80 + display: none + overflow-y: auto + #tokbox-publisher, #tokbox-subscribers + float: left + object + float: left + #tokbox-settings + position: absolute + top: 0 + right: 10px + padding: 5px + font-size: 12px + color: #bbb + background-color: black + text-align: right + button + padding: 2px + font-size: 12px + background-color: #333 + color: #888 + min-width: 30px + &.on + background-color: #d33 + color: #fff +.roomhello + width: 400px + color: #fff + padding: 10px + font-size: 18px + background-color: #000 + cursor: pointer + position: fixed + top: 85px + left: 15px + opacity: 0.9 +.modhello + width: 400px + color: #fff + padding: 5px + background-color: #000 + cursor: pointer + margin-top: 10px +.glitter + pointer-events: none + position: absolute + z-index: 23 + +.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 +.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 +.arrow-prev + width: 0 + height: 0 + border-top: 4px solid transparent + border-right: 4px solid white + border-bottom: 4px solid transparent + display: inline-block +.arrow-next + width: 0 + height: 0 + border-top: 4px solid transparent + border-left: 4px solid white + border-bottom: 4px solid transparent + display: inline-block + +#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: #ddd + &:hover + background-color: #fff + &:focus + background-color: #fff +#search-results-container + position: fixed + top: 53px + right: 21px + z-index: 100 + width: 334px + border: 2px solid black + background: #333 + display: none + #search-loading + margin: 10px + #search-instructions + font-size: 11px + color: white + padding: 3px 3px 3px 38px + background-color: #000 + width: 100% + #search-results + height: 300px + width: 100% + overflow-x: hidden + overflow-y: scroll + li + clear: both + height: 54px + overflow: hidden + position: relative + // padding-right: 5px + div.thumb + width: 32px + height: 54px + float: left + background-position: center center + margin: 0 5px 0 0 + border-right: 2px solid black + cursor: pointer + h4 + white-space: nowrap + overflow: hidden + font-size: 14px + color: #fff + margin: 3px 0 3px 0 + cursor: pointer + span.metadata + cursor: pointer + display: block + width: 200px + border-bottom: 2px solid black + font-size: 12px + line-height: 15px + color: #bbb + opacity: 0.9 + a.preview + position: absolute + bottom: 3px + right: 5px + color: #268bd2 + text-decoration: underline + &:hover + background: black + opacity: 1.0 + +:
@options{ +@linei; [ +@name" rounded;@;T: +@args[[o:Sass::Script::Variable;" +width;{:project_name" +sass/: +cacheT:cache_location"?/var/www/vhosts/scannerjammer.com/sandbox/sass/.sass-cache:
importero: Sass::Importers::Filesystem: +@root"7/var/www/vhosts/scannerjammer.com/sandbox/sass/src:line_commentsT:original_filename@ :output_style:compressed:filesystem_importerc Sass::Importers::Filesystem:cache_storeo: Sass::CacheStores::Chain: @caches[u: Sass::CacheStores::Memory +style;:
filename@ :css_filename"J/var/www/vhosts/scannerjammer.com/sandbox/sass/stylesheets/screen.css: +quietT: syntax: sass:property_syntax0: loud[:identical:overwrite: create:load_paths[ o;;"7/var/www/vhosts/scannerjammer.com/sandbox/sass/srco;;"V/usr/local/lib/ruby/gems/1.8/gems/compass-0.11.5/frameworks/blueprint/stylesheetso;;"T/usr/local/lib/ruby/gems/1.8/gems/compass-0.11.5/frameworks/compass/stylesheetso: Compass::SpriteImporter: @uri" +width0; @ ;
i; [ o:Sass::Tree::PropNode
: +@tabsi +width;@;1" +width;
i;
i; [ +width;@;1" +width;
i ;
i ; [ +width;@;1" +width;
i +;
i +; [ +width;@;1" +width;
i ;
i ; [ +@rule[" body:@parsed_ruleso:"Sass::Selector::CommaSequence:
@members[o: Sass::Selector::Sequence;;[o:#Sass::Selector::SimpleSequence;;[o: Sass::Selector::Element :@namespace0;[" body; @ ;
i ; @ ;
i ; @ ;
i ; @ ;
i ; [ +o;2
;3i +comma;6[ o;@ ;@;A: +space;6[o:Sass::Script::String ;@: +@type:identifier;6"trebuchet;
i
o;D ;@;E;F;6"ms;
i
;
i
o;D ;@;E;F;6"helvetica;
i
o;D ;@;E;F;6" +arial;
i
o;D ;@;E;F;6"sans-serif;
i
;
i
;
i
; [ +width;@;4;5; @ ;6o:Sass::Script::Number :@denominator_units[ +alphai: +greeni +fixed;
i;
i; [ +width;@;4;5; @ ;6o;G ;H[ +o;2
;3i +width;@;4;5; @ ;6o;G ;H[ +color;@;4;5; @ ;6o;K ;@;L{ ;Mi ;Ni;Oi;PiA;60;
i#;
i#; [ +block;
i%;
i%; [ +fixed;
i&;
i&; [ +width;@;4;5; @ ;6o;G ;H[ +170px;6iª;
i+;
i+; [ +fixed;
i4;
i4; [ +right;@;4;5; @ ;6o;G ;H[ +;
i7;
i7; [ +width;@;4;5; @ ;6o;G ;H[ +350px;6i^;
i8;
i8; [ +color;@;4;5; @ ;6o;K ;@;L{ ;Mi8;Ni;Oi8;Pi8;60;
i>;
i>; [ +color;@;4;5; @ ;6o;K ;@;L{ ;Mi…;Ni;Oi™;Pi +color;@;4;5; @ ;6o;K ;@;L{ ;MiÜ;Ni;Oi7;Pi4;60;
iB;
iB; [ +color;@;4;5; @ ;6o;K ;@;L{ ;Mi +o;2
;3i +block;
iJ;
iJ; [ +width;@;4;5; @ ;6o;G ;H[ +audio; @ ;
iT; @ ;
iT; @ ;
iT; @ ;
iT; [ +o;2
;3i +right;@;4;5; @ ;6o;G ;H@—;@;I[ +right;@;4;5; @ ;6o;G ;H@—;@;I[ +width;@;4;5; @ ;6o;G ;H[ +;
i_o;G ;H@—;@;I[ +;
i_o;G ;H@—;@;I[ +color;@;4;5; @ ;6o;K ;@;L{ ;Miƒ;Ni;Oi”;Pi–;60;
id;
id; [ +width;@;4;5; @ ;6o;G ;H[ +o;2
;3i +color;@;4;5; @ ;6o;K ;@;L{ ;Miÿ;Ni;Oiÿ;Piÿ;60;
iz;
iz; [ +o;2
;3i +fixed;
i};
i}; [ +right;@;4;5; @ ;6o;G ;H[ +width;@;4;5; @ ;6o;G ;H[ +color;@;4;5; @ ;6o;K ;@;L{ ;Miƒ;Ni;Oi”;Pi–;60;
i„;
i„; [ +color;@;4;5; @ ;6o;K ;@;L{ ;Mi +color;@;4;5; @ ;6o;K ;@;L{ ;Miÿ;Ni;Oiÿ;Piÿ;60;
iŠ;
iŠ; [ +#like;9o;:;;[o;<;;[o;=;;[o;Q;[" like; @ ;
i‹; @ ;
i‹; @ ;
i‹; @ ;
i‹; [o;2
;3i +color;@;4;5; @ ;6o;K ;@;L{ ;Miî;Ni;OiI;Pi»;60;
iŒ;
iŒ; [ +liked; @ ;
i; @ ;
i; @ ;
i; @ ;
i; [o;2
;3i +color;@;4;5; @ ;6o;K ;@;L{ ;MiI;Ni;OiI;Piÿ;60;
iŽ;
iŽ; [ +muted; @ ;
i; @ ;
i; @ ;
i; @ ;
i; [o;2
;3i +color;@;4;5; @ ;6o;K ;@;L{ ;Mi +width;@;4;5; @ ;6o;G ;H[ +queue; @ ;
iœ; @ ;
iœ; @ ;
iœ; @ ;
iœ; [ o: Sass::Tree::CommentNode
: @lines[ +@loud0;@; @ : @silentT;6"8// overflow-y: none +// &:hover +// overflow-y: auto;
i; [ +width;@;4;5; @ ;6o;G ;H[ +;
i¢;
i¢; [ +block;
i£;
i£; [ +solid;
i¥o;K ;@;L{ ;Mi8;Ni;Oi8;Pi8;60;
i¥;
i¥;
i¥; [ +title; @ ;
i¦; @ ;
i¦; @ ;
i¦; @ ;
i¦; [ +o;2
;3i +color;@;4;5; @ ;6o;K ;@;L{ ;MiÝ;Ni;OiÝ;PiÝ;60;
i§;
i§; [ +block;
i¨;
i¨; [ +;
i©;
i©; [ +;[" +hover: @arg0; @ ;E: +class;
i«; @ ;
i«; @ ;
i«; @ ;
i«; [o;2
;3i +color;@;4;5; @ ;6o;K ;@;L{ ;MiÝ;Ni;Oiˆ;Piÿ;60;
i¬;
i¬; [ +float;@;4;5; @ ;6o;D ;@;E;F;6" +right;
i¯;
i¯; [ +;
i±;
i±;
i±; [ +color;@;4;5; @ ;6o;K ;@;L{ ;MiÓ;Ni;Oi;;Pi‚;60;
i²;
i²; [ +;
i³;
i³; [ +o;2
;3i +float;@;4;5; @ ;6o;D ;@;E;F;6" +right;
i·;
i·; [ +color;@;4;5; @ ;6o;K ;@;L{ ;Mij;Ni;Oi{;Piƒ;60;
i¹;
i¹; [ +;
iº;
iº; [ +liked; @ ;
i¼; @ ;
i¼; @ ;
i¼; @ ;
i¼; [o;2
;3i +color;@;4;5; @ ;6o;K ;@;L{ ;MiÃ;Ni;Oi\;Pi£;60;
i½;
i½; [ +title; @ ;
iÀ; @ ;
iÀ; @ ;
iÀ; @ ;
iÀ; [o;2
;3i +color;@;4;5; @ ;6o;K ;@;L{ ;Miÿ;Ni;Oiÿ;Piÿ;60;
iÁ;
iÁ; [ +label;9o;:;;[o;<;;[o;=;;[o;> ;?0;[" +label; @ ;
iÄ; @ ;
iÄ; @ ;
iÄ; @ ;
iÄ; [ +o;2
;3i +color;@;4;5; @ ;6o;K ;@;L{ ;Mij;Ni;Oi{;Piƒ;60;
iÅ;
iÅ; [ +width;@;4;5; @ ;6o;G ;H[ +100px;6ii;
iÆ;
iÆ; [ +right;
iÇ;
iÇ; [ +;
iÈ;
iÈ; [ +color;@;4;5; @ ;6o;K ;@;L{ ;Mi ;Ni;Oi;;PiG;60;
iË;
iË; [ +width;@;4;5; @ ;6o;G ;H[ +fixed;
iÓ;
iÓ; [ +login; @ ;
iØ; @ ;
iØ; @ ;
iØ; @ ;
iØ; [o;2
;3i +block;
iÚ;
iÚ; [ +width;@;4;5; @ ;6o;G ;H[ +fixed;
iâ;
iâ; [ +;
iäo;G ;H[ +label;9o;:;;[o;<;;[o;=;;[o;> ;?0;[" +label; @ ;
iç; @ ;
iç; @ ;
iç; @ ;
iç; [ o;2
;3i +right;
iê;
iê; [ +color;@;4;5; @ ;6o;K ;@;L{ ;Miÿ;Ni;Oiÿ;Piÿ;60;
ií;
ií; [ +width;@;4;5; @ ;6o;G ;H[ +;
iõ;
iõ;
iõ; [ +o;2
;3i +width;@;4;5; @ ;6o;G ;H[ +solid;
iúo;K ;@;L{ ;Miˆ;Ni;Oi +color;@;4;5; @ ;6o;K ;@;L{ ;Mik;Ni;Oiˆ;Piÿ;60;
iý;
iý; [ +sitez; @ ;
iÿ; @ ;
iÿ; @ ;
iÿ; @ ;
iÿ; [o;2
;3i +fixed;
i +right;@;4;5; @ ;6o;G ;H[ +color;@;4;5; @ ;6o;K ;@;L{ ;Miˆ;Ni;Oiˆ;Piˆ;60;
i;
i; [ +color;@;4;5; @ ;6o;K ;@;L{ ;Miª;Ni;Oiª;Piª;60;
i;
i; [ +color;@;4;5; @ ;6o;K ;@;L{ ;Miª;Ni;Oiª;Piª;60;
i;
i; [ +; @ ;
i +o;=;;[o;> ;?0;[" option; @ ;
i +; @ ;
i +; @ ;
i +; @ ;
i +; [o;2
;3i +color;@;4;5; @ ;6o;K ;@;L{ ;Mik;Ni;Oik;Pik;60;
i ;
i ; [ +color;@;4;5; @ ;6o;K ;@;L{ ;Miÿ;Ni;Oiÿ;Piÿ;60;
i;
i; [ +color;@;4;5; @ ;6o;K ;@;L{ ;Miˆ;Ni;Oiÿ;Piÿ;60;
i;
i; [ +o;2
;3i +;
io;G ;H[ +;[" +hover;Z0; @ ;E;[;
i; @ ;
i; @ ;
i; @ ;
i; [o:Sass::Tree::MixinNode :@keywords{ +color;@;4;5; @ ;6o;K ;@;L{ ;MiÝ;Ni;OiÝ;PiÝ;60;
i$;
i$; [ +;[" +hover;Z0; @ ;E;[;
i%; @ ;
i%; @ ;
i%; @ ;
i%; [o;2
;3i +color;@;4;5; @ ;6o;K ;@;L{ ;Miÿ;Ni;Oiÿ;Piÿ;60;
i';
i'; [ +;
i,o;G ;H[ +;
i,;
i,;
i,; [ +color;@;4;5; @ ;6o;K ;@;L{ ;Mi +block;
i6;
i6; [ +width;@;4;5; @ ;6o;G ;H[ +700px;6i¼;
i7;
i7; [ +fixed;
i8;
i8; [ +#plea;9o;:;;[o;<;;[o;=;;[o;Q;[" plea; @ ;
i@; @ ;
i@; @ ;
i@; @ ;
i@; [o;2
;3i +color;@;4;5; @ ;6o;K ;@;L{ ;Mi +block;
iD;
iD; [ +width;@;4;5; @ ;6o;G ;H[ +400px;6i;
iE;
iE; [ +fixed;
iF;
iF; [ +fixed;
iP;
iP; [ +width;@;4;5; @ ;6o;G ;H[ +#logo;9o;:;;[o;<;;[o;=;;[o;Q;[" logo; @ ;
iX; @ ;
iX; @ ;
iX; @ ;
iX; [o;2
;3i +fixed;
iY;
iY; [ +float;@;4;5; @ ;6o;D ;@;E;F;6" left;
i^;
i^; [ +o;2
;3i +color;@;4;5; @ ;6o;K ;@;L{ ;Miÿ;Ni;Oiÿ;Piÿ;60;
ig;
ig; [ +color;@;4;5; @ ;6o;K ;@;L{ ;Miÿ;Ni;Oiÿ;Piÿ;60;
im;
im; [ +serif;
ip;
ip;
ip; [ +color;@;4;5; @ ;6o;K ;@;L{ ;Miˆ;Ni;Oiÿ;Piÿ;60;
iq;
iq; [ +color;@;4;5; @ ;6o;K ;@;L{ ;Miÿ;Ni;Oiÿ;Piÿ;60;
iv;
iv; [ +color;@;4;5; @ ;6o;K ;@;L{ ;Miƒ;Ni;Oi”;Pi–;60;
iz;
iz; [ +float;@;4;5; @ ;6o;D ;@;E;F;6" none;
i};
i}; [ +color;@;4;5; @ ;6o;K ;@;L{ ;Mi+;Ni;Oi‹;PiÒ;60;
i~;
i~; [ +color;@;4;5; @ ;6o;K ;@;L{ ;Miÿ;Ni;Oiÿ;Piÿ;60;
i…;
i…; [ +250px;6iú;
i†;
i†; [ +radio; @ ;
iŠ; @ ;
iŠ; @ ;
iŠ; @ ;
iŠ; [ o;7
;3i +color;@;4;5; @ ;6o;K ;@;L{ ;MiÝ;Ni;Oiî;Piÿ;60;
iŒ;
iŒ; [ +width;@;4;5; @ ;6o;G ;H[ +fixed;
i£;
i£; [ +width;@;4;5; @ ;6o;G ;H[ +100px;6ii;
i¤;
i¤; [ +o;2
;3i +block;
iª;
iª; [ +;
i¬;
i¬; [ +#form;9o;:;;[o;<;;[o;=;;[o;Q;[" form; @ ;
i¯; @ ;
i¯; @ ;
i¯; @ ;
i¯; [o;2
;3i +fixed;
i°;
i°; [ +;
i»;
i»; [ +;
i¼;
i¼; [ +;[" +hover;Z0; @ ;E;[;
i¾; @ ;
i¾; @ ;
i¾; @ ;
i¾; [o;2
;3i +color;@;4;5; @ ;6o;K ;@;L{ ;MiÝ;Ni;OiÝ;PiÝ;60;
iÅ;
iÅ; [ +;[" +hover;Z0; @ ;E;[;
iÆ; @ ;
iÆ; @ ;
iÆ; @ ;
iÆ; [o;2
;3i +color;@;4;5; @ ;6o;K ;@;L{ ;Miÿ;Ni;Oiÿ;Piÿ;60;
iÈ;
iÈ; [ +color;@;4;5; @ ;6o;K ;@;L{ ;Miÿ;Ni;Oiÿ;Piÿ;60;
iÔ;
iÔ; [ +width;@;4;5; @ ;6o;G ;H[ +fixed;
iá;
iá; [ +100px;6ii;
iâ;
iâ; [ +width;@;4;5; @ ;6o;G ;H[ +600px;6iX;
iå;
iå; [ +;
iço;G ;H[ +#chat;9o;:;;[o;<;;[o;=;;[o;Q;[" chat; @ ;
ië; @ ;
ië; @ ;
ië; @ ;
ië; [o;2
;3i +;
iìo;G ;H[ +fixed;
ií;
ií; [ +color;@;4;5; @ ;6o;K ;@;L{ ;MiI;Ni;Oi»;Piÿ;60;
i÷;
i÷; [ +color;@;4;5; @ ;6o;K ;@;L{ ;Miÿ;Ni;Oi +a.pic;9o;:;;[o;<;;[o;=;;[o;> ;?0;["a; @ ;
io;S;["pic; @ ;
i; @ ;
i; @ ;
i; @ ;
i; [o;2
;3i +color;@;4;5; @ ;6o;K ;@;L{ ;Mið;Ni;Oiÿ;Pið;60;
i;
i; [ +;
i +; [ +color;@;4;5; @ ;6o;K ;@;L{ ;Miˆ;Ni;OiÝ;PiÝ;60;
i ;
i ; [ +;[" +hover;Z0; @ ;E;[;
i; @ ;
i; @ ;
i; @ ;
i; [o;2
;3i +color;@;4;5; @ ;6o;K ;@;L{ ;MiÝ;Ni;Oik;Piÿ;60;
i;
i; [ +color;@;4;5; @ ;6o;K ;@;L{ ;MiÝ;Ni;Oiª;Piÿ;60;
i;
i; [ +;[" before;Z0; @ ;E: element;
i; @ ;
i; @ ;
i; @ ;
i; [o;2
;3i +350px;6i^;
i ;
i ; [ +400px;6i;
i ;
i ; [ +#shim;9o;:;;[o;<;;[o;=;;[o;Q;[" shim; @ ;
i"; @ ;
i"; @ ;
i"; @ ;
i"; [o;2
;3i +width;@;4;5; @ ;6o;G ;H[ +500px;6iô;
i$;
i$; [ +;[" +hover;Z0; @ ;E;[;
i'; @ ;
i'; @ ;
i'; @ ;
i'; [o;2
;3i +fixed;
i+;
i+; [ +right;@;4;5; @ ;6o;G ;H[ +500px;6iô;
i,;
i,; [ +100px;6ii;
i-;
i-; [ +o;2
;3i +fixed;
i2;
i2; [ +fixed;
i8;
i8; [ +color;@;4;5; @ ;6o;K ;@;L{ ;Miî;Ni;Oiî;Piî;60;
i?;
i?; [ +;
i@;
i@; [ +solid;
iBo;K ;@;L{ ;Mi +li.ll;9o;:;;[o;<;;[o;=;;[o;> ;?0;["li; @ ;
iCo;S;["ll; @ ;
iC; @ ;
iC; @ ;
iC; @ ;
iC; [o;2
;3i +color;@;4;5; @ ;6o;K ;@;L{ ;MiÐ;Ni;Oià;Piþ;60;
iF;
iF; [ +;
iGo;G ;H@—;@;I[ +solid;
iHo;K ;@;L{ ;Mi +block;
iI;
iI; [ +right;@;4;5; @ ;6o;G ;H[ +plant; @ ;
iV; @ ;
iV; @ ;
iV; @ ;
iV; [ o;2
;3i +right;@;4;5; @ ;6o;G ;H[ +color;@;4;5; @ ;6o;K ;@;L{ ;Miÿ;Ni;Oiÿ;Piÿ;60;
ib;
ib; [ +fixed;
ie;
ie; [ +right;@;4;5; @ ;6o;G ;H[ +width;@;4;5; @ ;6o;G ;H[ +500px;6iô;
ij;
ij; [ +color;@;4;5; @ ;6o;K ;@;L{ ;Mij;Ni;Oi{;Piƒ;60;
il;
il; [ +;
ino;G ;H[ +close; @ ;
io; @ ;
io; @ ;
io; @ ;
io; [o;2
;3i +float;@;4;5; @ ;6o;D ;@;E;F;6" +right;
iq;
iq; [ +color;@;4;5; @ ;6o;K ;@;L{ ;MiÞ;Ni;OiØ;PiÅ;60;
ir;
ir; [ +width;@;4;5; @ ;6o;G ;H[ +;[" +hover;Z0; @ ;E;[;
i{; @ ;
i{; @ ;
i{; @ ;
i{; [o;2
;3i +color;@;4;5; @ ;6o;K ;@;L{ ;Miÿ;Ni;Oiÿ;Piÿ;60;
i|;
i|; [ +color;@;4;5; @ ;6o;K ;@;L{ ;Mi“;Ni;Oi¡;Pi¡;60;
i‚;
i‚; [ +block;
iƒ;
iƒ; [ +o;2
;3i +color;@;4;5; @ ;6o;K ;@;L{ ;Mi³;Ni;OiÁ;PiÁ;60;
i‹;
i‹; [ +label;9o;:;;[o;<;;[o;=;;[o;> ;?0;[" +label; @ ;
i; @ ;
i; @ ;
i; @ ;
i; [ o;2
;3i +color;@;4;5; @ ;6o;K ;@;L{ ;Mij;Ni;Oi{;Piƒ;60;
i;
i; [ +width;@;4;5; @ ;6o;G ;H[ +150px;6i–;
i‘;
i‘; [ +right;
i’;
i’; [ +;
i“;
i“; [ +color;@;4;5; @ ;6o;K ;@;L{ ;Miƒ;Ni;Oi”;Pi–;60;
i—;
i—; [ +float;@;4;5; @ ;6o;D ;@;E;F;6" +right;
iš;
iš; [ +block;
iœ;
iœ; [ +color;@;4;5; @ ;6o;K ;@;L{ ;MiÜ;Ni;Oi7;Pi4;60;
i;
i; [ +color;@;4;5; @ ;6o;K ;@;L{ ;Mi+;Ni;Oi‹;PiÒ;60;
iŸ;
iŸ; [ +block;
i¡;
i¡; [ +float;@;4;5; @ ;6o;D ;@;E;F;6" +right;
i¢;
i¢; [ +input;9o;:;;[o;<;;[o;=;;[o;> ;?0;[" +input; @ ;
i¦; @ ;
i¦; @ ;
i¦; @ ;
i¦; [o;2
;3i +width;@;4;5; @ ;6o;G ;H[ +100px;6ii;
i¨;
i¨; [ +width;@;4;5; @ ;6o;G ;H[ +300px;6i,;
iª;
iª; [ +.shim;9o;:;;[o;<;;[o;=;;[o;S;[" shim; @ ;
i; @ ;
i; @ ;
i; @ ;
i; [o;2
;3i +width;@;4;5; @ ;6o;G ;H[ +o;2
;3i +solid;
i·o;K ;@;L{ ;Mi +color;@;4;5; @ ;6o;K ;@;L{ ;Miƒ;Ni;Oi¡;Pi¡;60;
i»;
i»; [ +;[" +hover;Z0; @ ;E;[;
i¼; @ ;
i¼; @ ;
i¼; @ ;
i¼; [o;2
;3i +color;@;4;5; @ ;6o;K ;@;L{ ;Miý;Ni;Oiö;Piã;60;
i½;
i½; [ +color;@;4;5; @ ;6o;K ;@;L{ ;Miƒ;Ni;Oi¡;Pi¡;60;
i¿;
i¿; [ +color;@;4;5; @ ;6o;K ;@;L{ ;Miƒ;Ni;Oi¡;Pi¡;60;
iÂ;
iÂ; [ +right;@;4;5; @ ;6o;G ;H[ +width;@;4;5; @ ;6o;G ;H[ +300px;6i,;
iÇ;
iÇ; [ +300px;6i,;
iÈ;
iÈ; [ +right;@;4;5; @ ;6o;G ;H[ +width;@;4;5; @ ;6o;G ;H[ +300px;6i,;
iÌ;
iÌ; [ +right;@;4;5; @ ;6o;G ;H[ +width;@;4;5; @ ;6o;G ;H[ +300px;6i,;
iÐ;
iÐ; [ +150px;6i–;
iÙ;
iÙ; [ +float;@;4;5; @ ;6o;D ;@;E;F;6" left;
iÞ;
iÞ; [ +float;@;4;5; @ ;6o;D ;@;E;F;6" left;
ià;
ià; [ +right;@;4;5; @ ;6o;G ;H[ +;
iå;
iå; [ +color;@;4;5; @ ;6o;K ;@;L{ ;Mi»;Ni;Oi»;Pi»;60;
iç;
iç; [ +right;
ié;
ié; [ +color;@;4;5; @ ;6o;K ;@;L{ ;Miˆ;Ni;Oiˆ;Piˆ;60;
iî;
iî; [ +color;@;4;5; @ ;6o;K ;@;L{ ;Miÿ;Ni;Oiÿ;Piÿ;60;
iò;
iò; [ +width;@;4;5; @ ;6o;G ;H[ +400px;6i;
iô;
iô; [ +color;@;4;5; @ ;6o;K ;@;L{ ;Miÿ;Ni;Oiÿ;Piÿ;60;
iõ;
iõ; [ +fixed;
iú;
iú; [ +width;@;4;5; @ ;6o;G ;H[ +400px;6i;
iÿ;
iÿ; [ +color;@;4;5; @ ;6o;K ;@;L{ ;Miÿ;Ni;Oiÿ;Piÿ;60;
i +;
i;
i; [ +; @ ;
i +; @ ;
i +; @ ;
i +; [ o;2
;3i +width;@;4;5; @ ;6o;G ;H@—;@;I[ +4.5px;6f4.5;
i
o;D ;@;E;F;6" +solid;
i
o;D ;@;E;F;6"transparent;
i
;
i
;
i
; [ +9.5px;6f9.5;
io;D ;@;E;F;6" +solid;
io;K ;@;L{ ;Miÿ;Ni;Oiÿ;Piÿ;60;
i;
i;
i; [ +4.5px;6f4.5;
io;D ;@;E;F;6" +solid;
io;D ;@;E;F;6"transparent;
i;
i;
i; [ +width;@;4;5; @ ;6o;G ;H@—;@;I[ +;
io;D ;@;E;F;6" +solid;
io;K ;@;L{ ;Miÿ;Ni;Oiÿ;Piÿ;60;
i;
i;
i; [ +2.5px;6f2.5;
io;D ;@;E;F;6" +solid;
io;K ;@;L{ ;Miÿ;Ni;Oiÿ;Piÿ;60;
i;
i;
i; [ +solid;
io;K ;@;L{ ;Miÿ;Ni;Oiÿ;Piÿ;60;
i;
i;
i; [ +width;@;4;5; @ ;6o;G ;H@—;@;I[ +solid;
i o;D ;@;E;F;6"transparent;
i ;
i ;
i ; [ +solid;
i o;K ;@;L{ ;Miÿ;Ni;Oiÿ;Piÿ;60;
i ;
i ;
i ; [ +solid;
i o;D ;@;E;F;6"transparent;
i ;
i ;
i ; [ +width;@;4;5; @ ;6o;G ;H@—;@;I[ +solid;
i#o;D ;@;E;F;6"transparent;
i#;
i#;
i#; [ +solid;
i$o;K ;@;L{ ;Miÿ;Ni;Oiÿ;Piÿ;60;
i$;
i$;
i$; [ +solid;
i%o;D ;@;E;F;6"transparent;
i%;
i%;
i%; [ +width;@;4;5; @ ;6o;G ;H[ +200px;6iÈ;
i+;
i+; [ +-10px;6iñ;
i.;
i.; [ +;]{ +right;
i0o;D ;@;E;F;6" center;
i0;
i0;
i0; [ +;[" +hover;Z0; @ ;E;[;
i5; @ ;
i5; @ ;
i5; @ ;
i5; [o;2
;3i +;[" +focus;Z0; @ ;E;[;
i7; @ ;
i7; @ ;
i7; @ ;
i7; [o;2
;3i +fixed;
i:;
i:; [ +right;@;4;5; @ ;6o;G ;H[ +width;@;4;5; @ ;6o;G ;H[ +334px;6iN;
i>;
i>; [ +solid;
i?o;K ;@;L{ ;Mi +o;2
;3i +color;@;4;5; @ ;6o;K ;@;L{ ;Miÿ;Ni;Oiÿ;Piÿ;60;
iF;
iF; [ +width;@;4;5; @ ;6o;G ;H[ +o;2
;3i +300px;6i,;
iK;
iK; [ +width;@;4;5; @ ;6o;G ;H[ +clear;@;4;5; @ ;6o;D ;@;E;F;6" both;
iP;
iP; [ +thumb; @ ;
iU; @ ;
iU; @ ;
iU; @ ;
iU; [ o;2
;3i +width;@;4;5; @ ;6o;G ;H[ +float;@;4;5; @ ;6o;D ;@;E;F;6" left;
iX;
iX; [ +;
iZo;G ;H@—;@;I[ +solid;
i[o;K ;@;L{ ;Mi +color;@;4;5; @ ;6o;K ;@;L{ ;Miÿ;Ni;Oiÿ;Piÿ;60;
ia;
ia; [ +block;
if;
if; [ +width;@;4;5; @ ;6o;G ;H[ +200px;6iÈ;
ig;
ig; [ +solid;
iho;K ;@;L{ ;Mi +color;@;4;5; @ ;6o;K ;@;L{ ;Mi»;Ni;Oi»;Pi»;60;
ik;
ik; [ +o;2
;3i +right;@;4;5; @ ;6o;G ;H[ +;
ip;
ip; [ +color;@;4;5; @ ;6o;K ;@;L{ ;Mi+;Ni;Oi‹;PiÒ;60;
iq;
iq; [ +;[" +hover;Z0; @ ;E;[;
is; @ ;
is; @ ;
is; @ ;
is; [o;2
;3i diff --git a/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/sewergreats.sassc b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/sewergreats.sassc Binary files differnew file mode 100644 index 0000000..3357d68 --- /dev/null +++ b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/sewergreats.sassc diff --git a/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/sexydj_main.sassc b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/sexydj_main.sassc Binary files differnew file mode 100644 index 0000000..c8dcae6 --- /dev/null +++ b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/sexydj_main.sassc diff --git a/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/sexydj_player.sassc b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/sexydj_player.sassc Binary files differnew file mode 100644 index 0000000..73f3239 --- /dev/null +++ b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/sexydj_player.sassc diff --git a/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/test.sassc b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/test.sassc Binary files differnew file mode 100644 index 0000000..1440dd7 --- /dev/null +++ b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/test.sassc diff --git a/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/tiny.sassc b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/tiny.sassc Binary files differnew file mode 100644 index 0000000..711c906 --- /dev/null +++ b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/tiny.sassc diff --git a/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/top.sassc b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/top.sassc Binary files differnew file mode 100644 index 0000000..7b69797 --- /dev/null +++ b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/top.sassc diff --git a/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/vtest1.sassc b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/vtest1.sassc Binary files differnew file mode 100644 index 0000000..f78709a --- /dev/null +++ b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/vtest1.sassc diff --git a/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/vtest2.sassc b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/vtest2.sassc Binary files differnew file mode 100644 index 0000000..4271e7a --- /dev/null +++ b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/vtest2.sassc diff --git a/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/vtest3.sassc b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/vtest3.sassc Binary files differnew file mode 100644 index 0000000..d0c3dd9 --- /dev/null +++ b/frontend/static/sass/.sass-cache/644f2f2d5fca6dddf0ddfc92ac7e786fa6152755/vtest3.sassc diff --git a/frontend/static/sass/.sass-cache/8d1bbecbf03b462f4c6289df796a863187871fc8/_reset.scssc b/frontend/static/sass/.sass-cache/8d1bbecbf03b462f4c6289df796a863187871fc8/_reset.scssc Binary files differnew file mode 100644 index 0000000..4f281b6 --- /dev/null +++ b/frontend/static/sass/.sass-cache/8d1bbecbf03b462f4c6289df796a863187871fc8/_reset.scssc diff --git a/frontend/static/sass/.sass-cache/979cb0604153df91b26ad31e4a3968c997fc15e0/_utilities.scssc b/frontend/static/sass/.sass-cache/979cb0604153df91b26ad31e4a3968c997fc15e0/_utilities.scssc Binary files differnew file mode 100644 index 0000000..ba33dbc --- /dev/null +++ b/frontend/static/sass/.sass-cache/979cb0604153df91b26ad31e4a3968c997fc15e0/_utilities.scssc diff --git a/frontend/static/sass/.sass-cache/9ec6fa9d6c0b37ad8c4a639ff5b392374f95acc9/_utilities.scssc b/frontend/static/sass/.sass-cache/9ec6fa9d6c0b37ad8c4a639ff5b392374f95acc9/_utilities.scssc Binary files differnew file mode 100644 index 0000000..f4f01b9 --- /dev/null +++ b/frontend/static/sass/.sass-cache/9ec6fa9d6c0b37ad8c4a639ff5b392374f95acc9/_utilities.scssc diff --git a/frontend/static/sass/.sass-cache/aa657dc61a4d909775004a1ed5620272d7fbb16b/_reset.scssc b/frontend/static/sass/.sass-cache/aa657dc61a4d909775004a1ed5620272d7fbb16b/_reset.scssc Binary files differnew file mode 100644 index 0000000..c9970d4 --- /dev/null +++ b/frontend/static/sass/.sass-cache/aa657dc61a4d909775004a1ed5620272d7fbb16b/_reset.scssc diff --git a/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/avatar.sassc b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/avatar.sassc Binary files differnew file mode 100644 index 0000000..9f8407f --- /dev/null +++ b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/avatar.sassc diff --git a/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/calendar.sassc b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/calendar.sassc Binary files differnew file mode 100644 index 0000000..c085577 --- /dev/null +++ b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/calendar.sassc diff --git a/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/diornights.sassc b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/diornights.sassc Binary files differnew file mode 100644 index 0000000..0270bf2 --- /dev/null +++ b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/diornights.sassc diff --git a/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/embed.sassc b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/embed.sassc Binary files differnew file mode 100644 index 0000000..6afd6ac --- /dev/null +++ b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/embed.sassc diff --git a/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/feederbleeder.sassc b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/feederbleeder.sassc Binary files differnew file mode 100644 index 0000000..6773b0a --- /dev/null +++ b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/feederbleeder.sassc diff --git a/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/frederick.sassc b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/frederick.sassc Binary files differnew file mode 100644 index 0000000..d4aa292 --- /dev/null +++ b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/frederick.sassc diff --git a/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/gallery-white.sassc b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/gallery-white.sassc Binary files differnew file mode 100644 index 0000000..c8953b3 --- /dev/null +++ b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/gallery-white.sassc diff --git a/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/glitter.sassc b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/glitter.sassc Binary files differnew file mode 100644 index 0000000..125a8a5 --- /dev/null +++ b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/glitter.sassc diff --git a/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/ie.scssc b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/ie.scssc Binary files differnew file mode 100644 index 0000000..cc5a38b --- /dev/null +++ b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/ie.scssc diff --git a/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/main.sassc b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/main.sassc Binary files differnew file mode 100644 index 0000000..bb6fc74 --- /dev/null +++ b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/main.sassc diff --git a/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/print.scssc b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/print.scssc Binary files differnew file mode 100644 index 0000000..20cafa3 --- /dev/null +++ b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/print.scssc diff --git a/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/profile.sassc b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/profile.sassc Binary files differnew file mode 100644 index 0000000..e9c2f25 --- /dev/null +++ b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/profile.sassc diff --git a/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/roomlist.sassc b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/roomlist.sassc Binary files differnew file mode 100644 index 0000000..040b28f --- /dev/null +++ b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/roomlist.sassc diff --git a/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/screen.sassc b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/screen.sassc Binary files differnew file mode 100644 index 0000000..c7aa667 --- /dev/null +++ b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/screen.sassc diff --git a/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/screen.scssc b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/screen.scssc Binary files differnew file mode 100644 index 0000000..f438403 --- /dev/null +++ b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/screen.scssc diff --git a/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/sewergreats.sassc b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/sewergreats.sassc Binary files differnew file mode 100644 index 0000000..804a3e8 --- /dev/null +++ b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/sewergreats.sassc diff --git a/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/sexydj_main.sassc b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/sexydj_main.sassc Binary files differnew file mode 100644 index 0000000..4101611 --- /dev/null +++ b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/sexydj_main.sassc diff --git a/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/sexydj_player.sassc b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/sexydj_player.sassc Binary files differnew file mode 100644 index 0000000..e91b803 --- /dev/null +++ b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/sexydj_player.sassc diff --git a/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/test.sassc b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/test.sassc Binary files differnew file mode 100644 index 0000000..a72448f --- /dev/null +++ b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/test.sassc diff --git a/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/tiny.sassc b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/tiny.sassc Binary files differnew file mode 100644 index 0000000..8adb51c --- /dev/null +++ b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/tiny.sassc diff --git a/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/top.sassc b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/top.sassc Binary files differnew file mode 100644 index 0000000..a8989a9 --- /dev/null +++ b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/top.sassc diff --git a/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/vtest.sassc b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/vtest.sassc Binary files differnew file mode 100644 index 0000000..f366092 --- /dev/null +++ b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/vtest.sassc diff --git a/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/vtest1.sassc b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/vtest1.sassc Binary files differnew file mode 100644 index 0000000..fb08d9c --- /dev/null +++ b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/vtest1.sassc diff --git a/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/vtest2.sassc b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/vtest2.sassc Binary files differnew file mode 100644 index 0000000..8b0d65e --- /dev/null +++ b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/vtest2.sassc diff --git a/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/vtest3.sassc b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/vtest3.sassc Binary files differnew file mode 100644 index 0000000..3ef990f --- /dev/null +++ b/frontend/static/sass/.sass-cache/aaa7be21d89e0c59dac401ea2fc1869bdfa76e53/vtest3.sassc diff --git a/frontend/static/sass/.sass-cache/dc3c2ad9455a8346a847e74b89758086fe56fd21/_utilities.scssc b/frontend/static/sass/.sass-cache/dc3c2ad9455a8346a847e74b89758086fe56fd21/_utilities.scssc Binary files differnew file mode 100644 index 0000000..841cfc5 --- /dev/null +++ b/frontend/static/sass/.sass-cache/dc3c2ad9455a8346a847e74b89758086fe56fd21/_utilities.scssc diff --git a/frontend/static/sass/.sass-cache/e708b27684b7743d4ded18d0ddc82a270ca22e62/_reset.scssc b/frontend/static/sass/.sass-cache/e708b27684b7743d4ded18d0ddc82a270ca22e62/_reset.scssc Binary files differnew file mode 100644 index 0000000..8704630 --- /dev/null +++ b/frontend/static/sass/.sass-cache/e708b27684b7743d4ded18d0ddc82a270ca22e62/_reset.scssc diff --git a/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/avatar.sassc b/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/avatar.sassc Binary files differnew file mode 100644 index 0000000..ed51a72 --- /dev/null +++ b/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/avatar.sassc diff --git a/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/calendar.sassc b/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/calendar.sassc Binary files differnew file mode 100644 index 0000000..30d9763 --- /dev/null +++ b/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/calendar.sassc diff --git a/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/diornights.sassc b/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/diornights.sassc Binary files differnew file mode 100644 index 0000000..e206d30 --- /dev/null +++ b/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/diornights.sassc diff --git a/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/disaro.sassc b/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/disaro.sassc Binary files differnew file mode 100644 index 0000000..b1a4a56 --- /dev/null +++ b/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/disaro.sassc diff --git a/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/embed.sassc b/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/embed.sassc Binary files differnew file mode 100644 index 0000000..e43306a --- /dev/null +++ b/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/embed.sassc diff --git a/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/feederbleeder.sassc b/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/feederbleeder.sassc Binary files differnew file mode 100644 index 0000000..ea64774 --- /dev/null +++ b/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/feederbleeder.sassc diff --git a/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/frederick.sassc b/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/frederick.sassc Binary files differnew file mode 100644 index 0000000..3c26800 --- /dev/null +++ b/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/frederick.sassc diff --git a/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/gallery-white.sassc b/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/gallery-white.sassc Binary files differnew file mode 100644 index 0000000..b8bd078 --- /dev/null +++ b/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/gallery-white.sassc diff --git a/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/glitter.sassc b/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/glitter.sassc Binary files differnew file mode 100644 index 0000000..63f4007 --- /dev/null +++ b/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/glitter.sassc diff --git a/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/ie.scssc b/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/ie.scssc Binary files differnew file mode 100644 index 0000000..ef0d5ea --- /dev/null +++ b/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/ie.scssc diff --git a/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/main.sassc b/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/main.sassc Binary files differnew file mode 100644 index 0000000..b9a2aac --- /dev/null +++ b/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/main.sassc diff --git a/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/print.scssc b/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/print.scssc Binary files differnew file mode 100644 index 0000000..315187b --- /dev/null +++ b/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/print.scssc diff --git a/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/profile.sassc b/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/profile.sassc Binary files differnew file mode 100644 index 0000000..283640e --- /dev/null +++ b/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/profile.sassc diff --git a/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/roomlist.sassc b/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/roomlist.sassc Binary files differnew file mode 100644 index 0000000..5db7588 --- /dev/null +++ b/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/roomlist.sassc diff --git a/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/screen.sassc b/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/screen.sassc Binary files differnew file mode 100644 index 0000000..102f29a --- /dev/null +++ b/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/screen.sassc diff --git a/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/screen.scssc b/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/screen.scssc Binary files differnew file mode 100644 index 0000000..6709109 --- /dev/null +++ b/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/screen.scssc diff --git a/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/sewergreats.sassc b/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/sewergreats.sassc Binary files differnew file mode 100644 index 0000000..b9a2aac --- /dev/null +++ b/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/sewergreats.sassc diff --git a/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/test.sassc b/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/test.sassc Binary files differnew file mode 100644 index 0000000..c76d494 --- /dev/null +++ b/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/test.sassc diff --git a/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/tiny.sassc b/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/tiny.sassc Binary files differnew file mode 100644 index 0000000..41c4f29 --- /dev/null +++ b/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/tiny.sassc diff --git a/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/top.sassc b/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/top.sassc Binary files differnew file mode 100644 index 0000000..c625e12 --- /dev/null +++ b/frontend/static/sass/.sass-cache/f4fe17d0b25f3c47a894db7e72560c19b9e43ba3/top.sassc diff --git a/frontend/static/sass/config.rb b/frontend/static/sass/config.rb new file mode 100644 index 0000000..fa78bdd --- /dev/null +++ b/frontend/static/sass/config.rb @@ -0,0 +1,9 @@ +# Require any additional compass plugins here. +# Set this to the root of your project when deployed: +http_path = "/" +css_dir = "stylesheets" +sass_dir = "src" +images_dir = "images" +javascripts_dir = "javascripts" +# To enable relative paths to assets via compass helper functions. Uncomment: +# relative_assets = true diff --git a/frontend/static/sass/src/avatar.sass b/frontend/static/sass/src/avatar.sass new file mode 100644 index 0000000..790b4e8 --- /dev/null +++ b/frontend/static/sass/src/avatar.sass @@ -0,0 +1,56 @@ +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/sass/src/calendar.sass b/frontend/static/sass/src/calendar.sass new file mode 100644 index 0000000..ffb19d0 --- /dev/null +++ b/frontend/static/sass/src/calendar.sass @@ -0,0 +1,87 @@ +body + background-color: #f8f8f8 + overflow: hidden +#calendar + position: absolute + * + font-size: 18px + z-index: 10 +#playlist ul#queue li.playing + span.score + color: #bbb +#playlist ul#queue li + span.score + color: #333 + 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: white + 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 white + border-bottom: 4.5px solid transparent + display: inline-block +.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 +.arrow-prev + width: 0 + height: 0 + border-top: 4px solid transparent + border-right: 4px solid white + border-bottom: 4px solid transparent + display: inline-block +.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/src/diornights.sass b/frontend/static/sass/src/diornights.sass new file mode 100644 index 0000000..e52d602 --- /dev/null +++ b/frontend/static/sass/src/diornights.sass @@ -0,0 +1,88 @@ +@import compass/reset +@mixin rounded($width) + -moz-border-radius: $width + -webkit-border-radius: $width + -o-border-radius: $width + border-radius: $width + +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, rgb(255,255,255)), color-stop(0.64, rgb(250,247,250))) + background-image: -moz-linear-gradient( center bottom, rgb(255,255,255) 28%, rgb(250,247,250) 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 + // border-right: 1px solid #eee + // border-left: 1px solid #eee +#header + width: 100% + #logo + height: 160px + #likebutton + position: absolute + top: 80px + right: 30px +#menu + width: 100% + border-top: 1px solid #eee + border-bottom: 1px solid #eee + ul + li + display: inline-block + width: (918px/6) + padding: 5px 0 5px 0px + text-align: center + a + color: #333 + text-decoration: none + display: block + &:hover + color: #33f +.box + width: 300px + margin: 10px 0 0 10px + img + width: 100% + opacity: 0.9 + &:hover + opacity: 1.0 + &#feed + ul + li + display: inline-block + height: 32px + vertical-align: middle + img + width: 32px + height: 32px diff --git a/frontend/static/sass/src/disaro.sass b/frontend/static/sass/src/disaro.sass new file mode 100644 index 0000000..d4641ce --- /dev/null +++ b/frontend/static/sass/src/disaro.sass @@ -0,0 +1,29 @@ +#chat + text-align: center + img + width: 500px + max-width: none + max-height: none + border: 10px solid black + margin: 10px auto 0 + margin-right: 100px + a.u + font-size: 14px + min-width: 100px + letter-spacing: -1px + text-align: right + padding-right: 20px + * + font-size: 14px + .chatline + width: 510px + background-color: black + padding: 5px + text-align: left + margin: 0 auto + opacity: 0.9 + margin-right: 100px + span + color: #666 + text-shadow: none + font-weight: normal diff --git a/frontend/static/sass/src/embed.sass b/frontend/static/sass/src/embed.sass new file mode 100644 index 0000000..abce351 --- /dev/null +++ b/frontend/static/sass/src/embed.sass @@ -0,0 +1,96 @@ +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 + a.u + min-width: 10px + img + max-height: 30px + max-width: 30px +#player + padding: 0 + margin: 0 +#player *,#playlist *,#queue * + font-size: 12px +#playlist ul#queue li + padding: 1px + &.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 + #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 white + border-bottom: 4.5px solid transparent + display: inline-block +.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 +.arrow-prev + width: 0 + height: 0 + border-top: 4px solid transparent + border-right: 4px solid white + border-bottom: 4px solid transparent + display: inline-block +.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/src/feederbleeder.sass b/frontend/static/sass/src/feederbleeder.sass new file mode 100644 index 0000000..d4641ce --- /dev/null +++ b/frontend/static/sass/src/feederbleeder.sass @@ -0,0 +1,29 @@ +#chat + text-align: center + img + width: 500px + max-width: none + max-height: none + border: 10px solid black + margin: 10px auto 0 + margin-right: 100px + a.u + font-size: 14px + min-width: 100px + letter-spacing: -1px + text-align: right + padding-right: 20px + * + font-size: 14px + .chatline + width: 510px + background-color: black + padding: 5px + text-align: left + margin: 0 auto + opacity: 0.9 + margin-right: 100px + span + color: #666 + text-shadow: none + font-weight: normal diff --git a/frontend/static/sass/src/frederick.sass b/frontend/static/sass/src/frederick.sass new file mode 100644 index 0000000..4bc0857 --- /dev/null +++ b/frontend/static/sass/src/frederick.sass @@ -0,0 +1,4 @@ +#chat + span + color: #004b27 + text-shadow: 0 0 2px #fff diff --git a/frontend/static/sass/src/gallery-white.sass b/frontend/static/sass/src/gallery-white.sass new file mode 100644 index 0000000..f51853a --- /dev/null +++ b/frontend/static/sass/src/gallery-white.sass @@ -0,0 +1,220 @@ +body + background: #fff +#loading + background: transparent + color: #e6f0f0 + text-shadow: #e6f0f0 0 0 50px +#player + background: #fff + #projector + background-color: #000 + #video-title + color: #fff + #video-title.fullscreen + #projimg + nav#controls + #scan.blinkOn + background-color: #fff + color: #000 + #scan.blinkOff + background-color: #000 + color: #fff + #like + color: #fae + #like.liked + color: #88f +#playlistbg + background-color: #fff +#playlist + ul#queue + li + border-bottom: 1px solid #ddd + span.title + color: #333 + a.user + color: #d33682 + span.like + color: #657b83 + span.like.liked + color: #c357a3 + li.playing + background-color: #333 + span.title + color: #fff +#curtain + background: #080810 + opacity: 0.3 +#login + background: #fff + box-shadow: 0 5px 10px #000 + img + label + color: #000 + #button-shim + button + padding: 2px 5px + #login-username, #login-password + border: 2px solid #806 + a + color: #68f +#sitez + div + &:hover + background-color: #333 + &.opened + background-color: #333 +nav + button + background-color: #888 +#logobg + background-color: #000 + opacity: 0.7 +#logo + a + img + #scanjam + h1 + color: #8ff + h2 + color: #839496 + a + color: #268bd2 + img + #likebutton +#likereport + a + background-color: #222 + opacity: 0.95 +#form + background-color: #fff + #chat-message + border: 1px solid #333 + button + background-color: #ddd + color: #333 + &:hover + background-color: #c8cbd6 +#formbg + background-color: #fff + opacity: 0.7 +#chatbg + background-color: #fff + opacity: 0.1 +#chat + background: transparent + a + color: #4444ff + a.u + color: #ff0066 + opacity: 0.9 + a.pic + opacity: 1 + span + color: #333 + text-shadow: #000 0 0 0 + .ytlink + color: #8aaab3 + text-shadow: #000 0 0 0 + .ytlink:hover + color: #11182f + text-shadow: #000 0 0 0 + .ytlink.playing + color: #c2b + .ytlink.playing::before + img + #shim +#lastlogbg + background-color: #fff + opacity: 0.3 +#lastlogbox + opacity: 0.8 + h4 + color: #666 + ul + border-top: 1px solid #ddd +li.ll + a + color: #4a5a73 + border-bottom: 1px solid #ddd + text-shadow: #000 0 0 0 +#flower +#plant +button + background: #ddd + color: #333 +#settings-container, #rooms-container, #about-container + background-color: #222 + color: #657b83 + .close + color: #ded8c5 + background-color: #000b16 + &:hover + color: #fff + #rooms-loading + h5 + color: #93a1a1 + background-color: #333 + p + color: #b3c1c1 + background-color: #1b1b1f + label + color: #657b83 + span + color: #839496 + input + #room-topic, #room-bg, #room-bgreset + #room-settings-save + .shim + ul + li + border-top: 1px solid #000 + color: #83a1a1 + &:hover + color: #fdf6e3 + a li + color: #83a1a1 + a + color: #83a1a1 +#rooms-container +#about-container + +#chat + text-align: center + img + width: 520px + max-width: none + max-height: none + border: 0 + margin: 0 auto + a.u + font-size: 14px + min-width: 100px + letter-spacing: -1px + text-align: right + padding-right: 20px + a.pic + padding: 0 + margin: 0 + * + font-size: 14px + .chatimg + margin: 0 auto + padding: 0 + .chatline + width: 510px + background-color: #fff + padding: 2px 5px 2px 5px + line-height: 16px + text-align: left + margin: 0 auto + opacity: 0.9 + span + color: #666 + text-shadow: none + font-weight: normal +#logo + h2#topic + left: 5px + #likebutton + position: relative + left: 30px diff --git a/frontend/static/sass/src/glitter.sass b/frontend/static/sass/src/glitter.sass new file mode 100644 index 0000000..fd5e463 --- /dev/null +++ b/frontend/static/sass/src/glitter.sass @@ -0,0 +1,18 @@ +#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/sass/src/ie.scss b/frontend/static/sass/src/ie.scss new file mode 100644 index 0000000..5cd5b6c --- /dev/null +++ b/frontend/static/sass/src/ie.scss @@ -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/src/main.sass b/frontend/static/sass/src/main.sass new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/frontend/static/sass/src/main.sass diff --git a/frontend/static/sass/src/print.scss b/frontend/static/sass/src/print.scss new file mode 100644 index 0000000..b0e9e45 --- /dev/null +++ b/frontend/static/sass/src/print.scss @@ -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/src/profile.sass b/frontend/static/sass/src/profile.sass new file mode 100644 index 0000000..0d88ea5 --- /dev/null +++ b/frontend/static/sass/src/profile.sass @@ -0,0 +1,514 @@ +@import compass/reset +@mixin rounded($width) + -moz-border-radius: $width + -webkit-border-radius: $width + -o-border-radius: $width + border-radius: $width + +body + background: #888 + // overflow-y: scroll + overflow-y: hidden + overflow-x: hidden + font-family: trebuchet ms, sans-serif +#logo + position: absolute + z-index: 20 + top: 15px + left: 20px + a + display: inline-block + img + padding-top: 5px + display: inline-block + 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 + 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 + 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 + #avatar, .avatar + display: none + width: 100% + // max-height: 300px + .avatar + display: block + #bio + p + color: #ddd + background-color: #000 + padding: 10px 5px + text-align: center + opacity: 0.7 + a + color: #ebf + display: block + img + width: 100% + // max-height: 300px +#sitez + position: absolute + top: 30px + right: 20px + text-align: right + z-index: 20 + div + color: #ddd + cursor: pointer + display: inline-block + padding: 4px 8px 4px 8px + float: left + a + color: #bbc + div#settings-hook + &:hover + @include rounded(10px 10px 3px 3px) + background-color: #333 + color: #fff + &.opened + @include rounded(10px 10px 3px 3px) + background-color: #333 + color: #fff + display: none + z-index: 82 +#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 +#settings-container + position: fixed + top: 53px + @include rounded (10px) + right: 20px + z-index: 80 + width: 500px + background-color: #222 + color: #657b83 + display: none + box-shadow: 0 5px 10px #000 + .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 + @include rounded(10px) + background-color: #000b16 + &:hover + color: #fff + cursor: pointer + #rooms-loading + margin: 10px + h5 + font-size: 16px + color: #93a1a1 + display: block + padding: 10px + background-color: #333 + @include rounded(10px 10px 0 0) + p + padding: 10px 10px 10px 10px + font-size: 14px + line-height: 18px + color: #b3c1c1 + background-color: #1b1b1f + label + margin: 2px 0 0 10px + font-size: 14px + color: #657b83 + width: 150px + text-align: right + padding-right: 5px + display: inline-block + span + margin: 2px 10px 0 0 + color: #839496 + font-size: 14px + input + margin: 2px 10px 0 0 + width: 100px + #profile-avatar, #profile-bg + width: 300px + #profile-settings-save + font-size: 14px + textarea + width: 300px + height: 150px + .shim + width: 1px + height: 10px + ul + text-decoration: none + cursor: pointer + 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 + &:hover + color: #fdf6e3 + a li + color: #83a1a1 + text-decoration: none + 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: #eeeeee + overflow-y: scroll + overflow-x: hidden + color: #333 + strong + color: #859900 + em + color: #dc322f + b + color: #002b36 +#player + padding: 10px + position: absolute + background: #000 + #projector + display: block + position: fixed + background-color: #000 + #screen + position: absolute + top: 0 + left: 0 + width: 100% + height: 100% + z-index: 19 + #soundcloud, #audio + position: absolute + top: 0 + right: 0 + background-color: #000 + z-index: 21 + #soundcloud-dl, #audio-dl + position: absolute + top: 81px + right: 0 + width: 81px + padding: 5px 0 5px 0 + font-size: 13px + text-align: center + background-color: #000 + * + color: #839496 + z-index: 20 + #soundcloud-img, #audio-img + position: absolute + top: 0 + left: 0 + width: 100% + height: 100% + z-index: 20 + img + max-width: 100% + min-height: 100% + max-height: 100% + #ytscreen + z-index: 19 + position: absolute + top: 0 + left: 0 + #video-title + position: absolute + bottom: 0 + left: 10px + color: #fff + z-index: 20 + &.fullscreen + position: fixed + bottom: 90px + left: auto + right: 30px + font-size: 24px + #projimg + width: 100% + height: 100% + nav#controls + z-index: 40 + position: absolute + display: none + #video-link + color: #839496 + #scan.blinkOn + background-color: #fff + color: #000 + #scan.blinkOff + background-color: #000 + color: #fff + #like + color: #e4b + #like.liked + color: #44f +#playlistbg + position: absolute + background-color: #000 + opacity: 0.5 +#playlist + position: absolute + z-index: 90 + width: 100% + 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 + li + padding: 5px + display: block + cursor: pointer + border-bottom: 1px solid #333 + span.title + color: #ddd + display: block + padding: 5px + font-size: 15px + z-index: 1 + &:hover + color: #fff + a.user + float: right + font-size: 14px + padding: 0 5px + color: #d33682 + padding: 5px + z-index: 2 + text-decoration: none + span.like + float: right + font-size: 14px + color: #657b83 + padding: 5px + z-index: 3 + span.like.liked + color: #c357a3 + span.score + float: right + font-size: 14px + color: #bbb + padding: 5px 10px 5px 5px + li.playing + background-color: #222 + span.title + color: #fff + li#queueLess + color: #fff + text-align: center + &:hover + background-color: #666 + color: #fff + border: 0 + border-bottom: 1px solid #333 + font-size: 18px + padding: 10px 0 + cursor: pointer + li#queueMore + color: #fff + text-align: center + &:hover + background-color: #666 + color: #fff + border: 0 + font-size: 33px + padding: 20px 20px 20px 20px + cursor: pointer + li#queueDone + color: #ddd + text-align: center + border: 0 + font-size: 33px + padding: 80px 20px 200px 20px + li#queueLoading + text-align: center + color: #fff + font-size: 24px + padding: 80px + ol + -webkit-padding-start: 0 + -webkit-margin-before: 0 + -webkit-margin-after: 0 + display: block + position: relative + top: 1px + 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 + 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 + button, #video-link + background-color: #333 + color: #ddd + &:hover + background-color: #666 + color: #fff + border: 0 + font-size: 14px + min-width: 40px + min-height: 20px + padding: 5px 5px + position: relative + top: -1px + #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 + #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 + div + padding: 10px + display: inline-block + 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 + img + width: 100% + height: 100% + +.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 +.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 +.arrow-prev + width: 0 + height: 0 + border-top: 4px solid transparent + border-right: 4px solid white + border-bottom: 4px solid transparent + display: inline-block +.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/src/roomlist.sass b/frontend/static/sass/src/roomlist.sass new file mode 100644 index 0000000..9bff4cc --- /dev/null +++ b/frontend/static/sass/src/roomlist.sass @@ -0,0 +1,131 @@ +.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 + * + cursor: pointer + .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 + .roomname + position: absolute + left: 0 + top: 180px + width: 100% + text-align: center + vertical-align: middle + opacity: 0.9 + z-index: 4 + .roombg + position: absolute + background-position: center center + left: 0 + top: 0 + width: 100% + height: 100% + opacity: 0.8 + z-index: 1 + cursor: pointer + &:hover + .roomname + opacity: 1 + .count + opacity: 1 + .roombg + opacity: 0.9 +#roomlist + padding-top: 90px +#roomlist a + text-decoration: none + cursor: pointer +body + overflow-y: scroll + background: #000 +#logo + //top: 22px + top: 5px + left: 10px + h1#header + font-size: 30px + color: #4df + // top: -8px + top: 8px + max-width: 500px + 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 + img + margin-bottom: 20px + label + min-width: 20% + display: inline-block + text-align: right + padding-right: 10px + font-size: 18px + color: #fff + #button-shim + width: 30% + display: inline-block + text-align: left + padding: 10px 10px 10px 0 + margin-right: 20px + button + padding: 2px 5px + #login-username, #login-password + width: 30% + margin-right: 10px + font-size: 24px + border: 2px solid #806 + padding: 10px + a + color: #68f + text-decoration: underline + button + font-size: 24px diff --git a/frontend/static/sass/src/screen.sass b/frontend/static/sass/src/screen.sass new file mode 100644 index 0000000..f8b4429 --- /dev/null +++ b/frontend/static/sass/src/screen.sass @@ -0,0 +1,891 @@ +@import compass/reset +@mixin rounded($width) + -moz-border-radius: $width + -webkit-border-radius: $width + -o-border-radius: $width + border-radius: $width +body + font-family: trebuchet ms, helvetica, arial, sans-serif + width: 100% + height: 100% + overflow: hidden + background: #000 +#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 +#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 + +#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: #333 + strong + color: #859900 + em + color: #dc322f + b + color: #002b36 +#player + padding: 10px + position: absolute + background: #000 + #projector + display: block + position: absolute + background-color: #000 + #screen + position: absolute + top: 0 + left: 0 + width: 100% + height: 100% + z-index: 19 + #soundcloud, #audio + position: absolute + top: 0 + right: 0 + background-color: #000 + z-index: 21 + #soundcloud-dl, #audio-dl + position: absolute + top: 81px + right: 0 + width: 81px + padding: 5px 0 5px 0 + font-size: 13px + text-align: center + background-color: #000 + * + color: #839496 + z-index: 20 + #soundcloud-img, #audio-img + position: absolute + top: 0 + left: 0 + width: 100% + height: 100% + z-index: 20 + img + max-width: 100% + min-height: 100% + max-height: 100% + #ytscreen + z-index: 19 + position: absolute + top: 0 + left: 0 + #video-title + position: absolute + bottom: 0 + left: 0 + color: #fff + z-index: 20 + #video-title.fullscreen + position: fixed + bottom: 90px + left: auto + right: 30px + font-size: 24px + #projimg + width: 100% + height: 100% + nav#controls + z-index: 40 + position: absolute + #video-link + color: #839496 + #scan.blinkOn + background-color: #fff + color: #000 + #scan.blinkOff + background-color: #000 + color: #fff + #like + color: #e4b + #like.liked + color: #44f + #mute.muted + background-color: #fff + color: #000 +#playlistbg + position: absolute + background-color: #000 + opacity: 0.3 +#playlist + position: absolute + z-index: 90 + width: 100% + overflow-y: auto + overflow-x: hidden + ul#queue + // overflow-y: none + // &:hover + // overflow-y: auto + width: 100% + li + padding: 5px + display: block + cursor: pointer + border-bottom: 1px solid #333 + span.title + color: #ddd + display: block + padding: 5px + z-index: 1 + &:hover + color: #d8f + cursor: pointer + a.user + float: right + font-size: 14px + padding: 0 5px + color: #d33682 + padding: 5px + z-index: 2 + text-decoration: none + span.like + float: right + font-size: 14px + color: #657b83 + padding: 5px + z-index: 3 + span.like.liked + color: #c357a3 + li.playing + background-color: #222 + span.title + color: #fff +#room, user + padding: 10px + label + color: #657b83 + width: 100px + text-align: right + padding-right: 5px + display: inline-block + span + color: #073642 + + +#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 + img + margin-bottom: 20px + label + min-width: 20% + display: inline-block + text-align: right + padding-right: 10px + font-size: 18px + color: #fff + #button-shim + width: 30% + display: inline-block + text-align: left + padding: 10px 10px 10px 0 + margin-right: 20px + button + padding: 2px 5px + #login-username, #login-password + width: 30% + margin-right: 10px + font-size: 24px + border: 2px solid #806 + padding: 10px + a + color: #68f + text-decoration: underline +#sitez + position: fixed + top: 24px + right: 30px + color: #888 + z-index: 82 + color: #aaa + a, #logout + cursor: pointer + color: #aaa + text-decoration: underline + select option + color: #666 + text-decoration: none + padding-right: 3px + button + font-size: 24px + background: #030303 + color: #fff + padding: 2px + a#faqlink + color: #8ff + div + cursor: pointer + display: inline-block + padding: 8px 8px 5px 8px + &:hover + @include rounded(10px 10px 3px 3px) + background-color: #333 + &.opened + @include rounded(10px 10px 3px 3px) + background-color: #333 +nav + z-index: 10 + margin: 0 auto + button, #video-link + background-color: #333 + color: #ddd + &:hover + background-color: #666 + color: #fff + border: 0 + font-size: 14px + min-width: 40px + min-height: 20px + padding: 5px 5px + position: relative + top: -1px + #video-link + top: -2px + padding-bottom: 6px +#lunacy + z-index: 40 + background: #ddd + color: #000 + display: block + width: 700px + position: fixed + top: 20% + left: 50% + margin-left: -390px + opacity: 0.7 + padding: 40px + text-align: center + font-size: 48px +#plea + z-index: 30 + background: #ddd + color: #000 + display: block + width: 400px + position: fixed + top: 20% + left: 50% + margin-left: -240px + opacity: 0.7 + padding: 40px + text-align: center + font-size: 48px + +#logobg + position: fixed + top: 10px + left: 0 + width: 100% + height: 64px + background-color: #000 + opacity: 0.8 + z-index: 45 +#logo + position: fixed + top: 10px + z-index: 46 + left: 10px + a + float: left + display: inline-block + img + display: inline-block + #scanjam + padding: 10px 15px 10px 0 + #preamble + display: inline-block + font-size: 12px + color: #fff + max-width: 80px + padding-left: 15px + h1 + padding: 15px 15px 0 10px + font-size: 34px + color: #fff + font-weight: normal + font-style: italic + font-family: georgia, garamond, serif + color: #8ff + display: inline-block + h2 + display: inline-block + font-size: 16px + color: #fff + position: relative + left: 20px + top: -5px + color: #839496 + a + display: inline + float: none + color: #268bd2 + img + max-height: 20px + max-width: 20px + display: inline-block + h2.preamblish + font-size: 12px + color: #fff + max-width: 250px + left: 0 + top: 9px + padding-right: 20px + h2.radio + a + color: #def + font-size: 12px + top: -8px + left: 30px + #likebutton + display: inline-block + display: none + position: relative + top: -5px + width: 90px + height: 21px + z-index: -1 +#glasspopcornlogo + position: absolute + top: 80px + left: 15px + pointer-events: none + opacity: 0.5 + z-index: 8 + img + z-index: 8 + pointer-events: none +#likereport + position: fixed + width: 100px + padding: 20px + z-index: 100 + overflow-y: hidden + a + background-color: #222 + display: block + text-decoration: none + padding: 5px + opacity: 0.95 + +#form + position: fixed + bottom: 10px + left: 10px + padding: 10px 10px 10px 10px + background-color: #000 + white-space: nowrap + z-index: 31 + #chat-message + border: 0 + outline: 0 + font-size: 18px + padding: 5px + margin-right: 5px + background-color: #f8f8f8 + &:hover + background-color: #ffffff + button + margin: 0 + outline: 0 + border: 0 + background-color: #333 + color: #ddd + &:hover + background-color: #666 + color: #fff + // @include rounded(2px) + padding: 4px 6px + position: relative + top: 1px + font-size: 20px + #videochat-badge + cursor: auto + pointer-events: none + @include rounded(8px) + font-size: 10px + background-color: #f00 + color: #fff + position: absolute + width: 10px + height: 10px + text-align: center + padding: 2px 2px + display: none + z-index: 32 +#formbg + background-color: #000 + opacity: 0.7 + +#chatbg + position: fixed + bottom: 100px + left: 20px + padding: 10px + width: 600px + background-color: #000 + padding: 0 10px 5px 10px + opacity: 0.25 + z-index: 9 + +#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 + a + font-weight: normal + font-size: 11px + opacity: 0.8 + color: #44bbff + text-decoration: underline + 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 + a.pic + opacity: 1 + span + color: #f0fff0 + text-shadow: #000 0 0 2px + font-weight: bold + .ytlink + font-size: 11px + color: #88dddd + cursor: pointer + text-decoration: underline + text-shadow: none + text-shadow: #000 0 0 1px + font-weight: normal + opacity: 1 + .ytlink:hover + color: #dd66ff + text-decoration: underline + text-shadow: #000 0 0 1px + .ytlink.playing + color: #daf + font-size: 12px + font-weight: normal + text-decoration: none + .ytlink.playing::before + text-decoration: none + content: "\25b6 " + font-weight: normal + img + max-width: 350px + max-height: 400px + border: 0 + #shim + width: 10px + height: 500px +#chat.fullscreen + overflow-y: hidden + &:hover + overflow-y: hidden +#webcam-container + z-index: 100 + position: fixed + right: 500px + bottom: 100px + background-color: #000 + padding: 10px + display: none +#lastlogbg + position: fixed + background-color: #000 + opacity: 0.5 + padding: 10px + z-index: 31 +#lastlogbox + position: fixed + font-size: 14px + padding: 10px + z-index: 32 + h4 + font-size: 12px + font-weight: bold + color: #eee + padding-bottom: 5px + ul + border-top: 1px solid #000 +li.ll + list-style-type: none + a + color: #d0e0fe + padding: 5px 0 + border-bottom: 1px solid #000 + display: block + text-shadow: #000 0 0 2px + text-decoration: underline + font-size: 16px + font-weight: bold + +#flower + position: absolute + top: 0 + right: 10% + z-index: 50 + pointer-events: none + display: none +#plant + position: absolute + bottom: 0 + right: 50% + z-index: 50 + pointer-events: none + display: none +#msg + display: none +button + font-size: 24px + background: #030303 + color: #fff + padding: 2px +#settings-container, #rooms-container, #about-container, #videochat-container + position: fixed + top: 59px + @include rounded (10px) + right: 20px + z-index: 80 + width: 500px + background-color: #222 + color: #657b83 + display: none + box-shadow: 0 5px 10px #000 + .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 + @include rounded(10px) + background-color: #000b16 + &:hover + color: #fff + cursor: pointer + #rooms-loading + margin: 10px + h5 + font-size: 16px + color: #93a1a1 + display: block + padding: 10px + background-color: #333 + @include rounded(10px 10px 0 0) + p + padding: 10px 10px 10px 10px + font-size: 14px + line-height: 18px + color: #b3c1c1 + background-color: #1b1b1f + label + margin: 2px 0 0 10px + font-size: 14px + color: #657b83 + width: 150px + text-align: right + padding-right: 5px + display: inline-block + span + margin: 2px 10px 0 0 + color: #839496 + font-size: 14px + span#room-mod-tag a + float: right + padding: 0 10px 10px 0 + display: block + color: #dc322f + span#gallery-link a + color: #268bd2 + padding: 0 10px 10px 0 + display: block + float: right + button + position: relative + left: 3px + input + margin: 2px 10px 0 0 + width: 100px + #room-topic, #room-bg, #room-bgreset + width: 300px + #room-settings-save + font-size: 14px + .shim + width: 1px + height: 10px + ul + text-decoration: none + cursor: pointer + 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 + &:hover + color: #fdf6e3 + a li + color: #83a1a1 + text-decoration: none + a + color: #83a1a1 + text-decoration: none +#rooms-container + right: 20px + z-index: 80 + width: 300px + max-height: 300px +#about-container + right: 20px + z-index: 80 + width: 300px +#videochat-container + right: 20px + z-index: 80 + width: 300px + display: none + cursor: pointer + #videochat-disable + display: none +#tokbox-embed + position: absolute + bottom: 10px + left: 10px + height: 150px + z-index: 80 + display: none + overflow-y: auto + #tokbox-publisher, #tokbox-subscribers + float: left + object + float: left + #tokbox-settings + position: absolute + top: 0 + right: 10px + padding: 5px + font-size: 12px + color: #bbb + background-color: black + text-align: right + button + padding: 2px + font-size: 12px + background-color: #333 + color: #888 + min-width: 30px + &.on + background-color: #d33 + color: #fff +.roomhello + width: 400px + color: #fff + padding: 10px + font-size: 18px + background-color: #000 + cursor: pointer + position: fixed + top: 85px + left: 15px + opacity: 0.9 +.modhello + width: 400px + color: #fff + padding: 5px + background-color: #000 + cursor: pointer + margin-top: 10px +.glitter + pointer-events: none + position: absolute + z-index: 23 + +.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 +.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 +.arrow-prev + width: 0 + height: 0 + border-top: 4px solid transparent + border-right: 4px solid white + border-bottom: 4px solid transparent + display: inline-block +.arrow-next + width: 0 + height: 0 + border-top: 4px solid transparent + border-left: 4px solid white + border-bottom: 4px solid transparent + display: inline-block + +#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: #ddd + &:hover + background-color: #fff + &:focus + background-color: #fff +#search-results-container + position: fixed + top: 53px + right: 21px + z-index: 100 + width: 334px + border: 2px solid black + background: #333 + display: none + #search-loading + margin: 10px + #search-instructions + font-size: 11px + color: white + padding: 3px 3px 3px 38px + background-color: #000 + width: 100% + #search-results + height: 300px + width: 100% + overflow-x: hidden + overflow-y: scroll + li + clear: both + height: 54px + overflow: hidden + position: relative + // padding-right: 5px + div.thumb + width: 32px + height: 54px + float: left + background-position: center center + margin: 0 5px 0 0 + border-right: 2px solid black + cursor: pointer + h4 + white-space: nowrap + overflow: hidden + font-size: 14px + color: #fff + margin: 3px 0 3px 0 + cursor: pointer + span.metadata + cursor: pointer + display: block + width: 200px + border-bottom: 2px solid black + font-size: 12px + line-height: 15px + color: #bbb + opacity: 0.9 + a.preview + position: absolute + bottom: 3px + right: 5px + color: #268bd2 + text-decoration: underline + &:hover + background: black + opacity: 1.0 + diff --git a/frontend/static/sass/src/screen.scss b/frontend/static/sass/src/screen.scss new file mode 100644 index 0000000..81de847 --- /dev/null +++ b/frontend/static/sass/src/screen.scss @@ -0,0 +1,6 @@ +/* Welcome to Compass. + * In this file you should write your main styles. (or centralize your imports) + * Import this file using the following HTML or equivalent: + * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */ + +@import "compass/reset"; diff --git a/frontend/static/sass/src/sewergreats.sass b/frontend/static/sass/src/sewergreats.sass new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/frontend/static/sass/src/sewergreats.sass diff --git a/frontend/static/sass/src/test.sass b/frontend/static/sass/src/test.sass new file mode 100644 index 0000000..15e46c4 --- /dev/null +++ b/frontend/static/sass/src/test.sass @@ -0,0 +1,285 @@ +@import compass/reset +@mixin rounded($width) + -moz-border-radius: $width + -webkit-border-radius: $width + -o-border-radius: $width + border-radius: $width + +body + font-family: trebuchet ms +#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: #333 + z-index: 100 + strong + color: #859900 + em + color: #dc322f + b + color: #002b36 +#player + #projector + display: block + position: absolute + background-color: #000 + width: 320px + height: 240px + #screen + position: absolute + top: 0 + left: 0 + width: 100% + height: 100% + z-index: 20 + #soundcloud + position: absolute + top: 0 + right: 0 + z-index: 21 + #soundcloud-dl + position: absolute + top: 81px + right: 10px + padding: 5px + background-color: #000 + * + color: #839496 + z-index: 20 + #soundcloud-img + position: absolute + top: 0 + left: 0 + width: 100% + height: 100% + z-index: 20 + img + max-width: 100% + max-height: 100% + #ytscreen + z-index: 19 + position: absolute + top: 0 + left: 0 + #video-title + position: absolute + bottom: 0 + left: 0 + color: #988 + z-index: 20 + #projimg + width: 100% + height: 100% + nav + position: absolute + top: 260px + button + color: #000 + #scan.blinkOn + background-color: #fff + color: #000 + #scan.blinkOff + background-color: #000 + color: #fff + #like + color: #e4b + #like.liked + color: #44f + #playlist + position: absolute + left: 330px + z-index: 20 + width: 300px + ul#queue + width: 100% + li + display: block + cursor: pointer + border-bottom: 1px solid #ddd + span.title + display: block + padding: 5px + z-index: 1 + a.user + float: right + padding: 0 5px + color: #d33682 + padding: 5px + z-index: 2 + span.like + float: right + color: #657b83 + padding: 5px + z-index: 3 + span.like.liked + color: #a35783 + li.playing + background-color: #073642 + color: #fff +#room, #user + padding: 10px + label + color: #657b83 + width: 200px + text-align: right + padding-right: 5px + display: inline-block + span + color: #93a1a1 +a + color: #268bd2 + &: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 + li + width: 100% + list-style-type: none + display: block + margin-top: 3px + a,span + display: inline-block + margin-left: 5px + .date + opacity: 0.8 + width: 60px + text-align: right + font-size: 14px + .time + opacity: 0.8 + width: 40px + text-align: right + font-size: 14px + .user + font-size: 14px + width: 100px + overflow: hidden + .type + width: 20px + text-align: center + font-variant: small-caps + .title + // color: #93a1a1 + text-decoration: none + width: 300px + overflow: hidden + white-space: nowrap + .remove + color: #dc322f + width: 200px + cursor: pointer + text-decoration: underline + text-transform: uppercase + opacity: 0.5 + li:hover + .remove + opacity: 1 + .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 + #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 + &:hover + background-color: #fff + &:focus + background-color: #fff +#search-results-container + width: 350px + border: 2px solid black + background: #333 + display: none + #search-loading + margin: 10px + #search-results + height: 400px + width: 100% + overflow-x: hidden + overflow-y: scroll + li + clear: both + height: 54px + overflow: hidden + // padding-right: 5px + div.thumb + width: 80px + height: 54px + float: left + background-position: center center + margin: 0 5px 0 0 + border-right: 2px solid black + h4 + white-space: nowrap + overflow: hidden + font-size: 14px + color: #fff + margin: 3px 0 3px 0 + border-bottom: 2px solid black + font-size: 12px + line-height: 15px + color: #bbb + opacity: 0.9 + cursor: pointer + &:hover + background: black + cursor: pointer + opacity: 1.0 + diff --git a/frontend/static/sass/src/tiny.sass b/frontend/static/sass/src/tiny.sass new file mode 100644 index 0000000..3be302d --- /dev/null +++ b/frontend/static/sass/src/tiny.sass @@ -0,0 +1,36 @@ +#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 + a.u + min-width: 10px + 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/sass/src/top.sass b/frontend/static/sass/src/top.sass new file mode 100644 index 0000000..3f55c57 --- /dev/null +++ b/frontend/static/sass/src/top.sass @@ -0,0 +1,52 @@ +body + background-color: rgb(49,18,150) + 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, rgb(49,18,150)), color-stop(0.67, rgb(143,38,255)), color-stop(0.84, rgb(157,66,255))) + background-image: -moz-linear-gradient( center bottom, rgb(49,18,150) 11%, rgb(143,38,255) 67%, rgb(157,66,255) 84%) + 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 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; + } |