summaryrefslogtreecommitdiff
path: root/frontend/static/sass/stylesheets/screen.css
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/static/sass/stylesheets/screen.css')
-rwxr-xr-x[-rw-r--r--]frontend/static/sass/stylesheets/screen.css211
1 files changed, 106 insertions, 105 deletions
diff --git a/frontend/static/sass/stylesheets/screen.css b/frontend/static/sass/stylesheets/screen.css
index 548cbb9..79e6d73 100644..100755
--- a/frontend/static/sass/stylesheets/screen.css
+++ b/frontend/static/sass/stylesheets/screen.css
@@ -1,4 +1,5 @@
-/* line 17, ../../../../../lib/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+@charset "UTF-8";
+/* line 5, ../../../../../../../usr/lib/ruby/gems/2.2.0/gems/compass-1.0.3/vendor/bundle/ruby/2.2.0/gems/compass-core-1.0.3/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,
@@ -20,46 +21,46 @@ time, mark, audio, video {
vertical-align: baseline;
}
-/* line 22, ../../../../../lib/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+/* line 22, ../../../../../../../usr/lib/ruby/gems/2.2.0/gems/compass-1.0.3/vendor/bundle/ruby/2.2.0/gems/compass-core-1.0.3/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 */
+/* line 24, ../../../../../../../usr/lib/ruby/gems/2.2.0/gems/compass-1.0.3/vendor/bundle/ruby/2.2.0/gems/compass-core-1.0.3/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 */
+/* line 26, ../../../../../../../usr/lib/ruby/gems/2.2.0/gems/compass-1.0.3/vendor/bundle/ruby/2.2.0/gems/compass-core-1.0.3/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 */
+/* line 28, ../../../../../../../usr/lib/ruby/gems/2.2.0/gems/compass-1.0.3/vendor/bundle/ruby/2.2.0/gems/compass-core-1.0.3/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 */
+/* line 30, ../../../../../../../usr/lib/ruby/gems/2.2.0/gems/compass-1.0.3/vendor/bundle/ruby/2.2.0/gems/compass-core-1.0.3/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 */
+/* line 103, ../../../../../../../usr/lib/ruby/gems/2.2.0/gems/compass-1.0.3/vendor/bundle/ruby/2.2.0/gems/compass-core-1.0.3/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 */
+/* line 32, ../../../../../../../usr/lib/ruby/gems/2.2.0/gems/compass-1.0.3/vendor/bundle/ruby/2.2.0/gems/compass-core-1.0.3/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 {
+/* line 116, ../../../../../../../usr/lib/ruby/gems/2.2.0/gems/compass-1.0.3/vendor/bundle/ruby/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
@@ -69,7 +70,7 @@ body {
width: 100%;
height: 100%;
overflow: hidden;
- background: black;
+ background: #000;
}
/* line 13, ../src/screen.sass */
@@ -125,7 +126,7 @@ body {
background-color: #eeeeee;
overflow-y: scroll;
overflow-x: hidden;
- color: #333333;
+ color: #333;
}
/* line 58, ../src/screen.sass */
#msg strong {
@@ -144,13 +145,13 @@ body {
#player {
padding: 10px;
position: absolute;
- background: black;
+ background: #000;
}
/* line 68, ../src/screen.sass */
#player #projector {
display: block;
position: absolute;
- background-color: black;
+ background-color: #000;
}
/* line 72, ../src/screen.sass */
#player #projector #screen {
@@ -166,7 +167,7 @@ body {
position: absolute;
top: 0;
right: 0;
- background-color: black;
+ background-color: #000;
z-index: 21;
}
/* line 85, ../src/screen.sass */
@@ -178,7 +179,7 @@ body {
padding: 5px 0 5px 0;
font-size: 13px;
text-align: center;
- background-color: black;
+ background-color: #000;
z-index: 20;
}
/* line 94, ../src/screen.sass */
@@ -212,7 +213,7 @@ body {
position: absolute;
bottom: 0;
left: 0;
- color: white;
+ color: #fff;
z-index: 20;
}
/* line 119, ../src/screen.sass */
@@ -239,32 +240,32 @@ body {
}
/* line 133, ../src/screen.sass */
#player nav#controls #scan.blinkOn {
- background-color: white;
- color: black;
+ background-color: #fff;
+ color: #000;
}
/* line 136, ../src/screen.sass */
#player nav#controls #scan.blinkOff {
- background-color: black;
- color: white;
+ background-color: #000;
+ color: #fff;
}
/* line 139, ../src/screen.sass */
#player nav#controls #like {
- color: #ee44bb;
+ color: #e4b;
}
/* line 141, ../src/screen.sass */
#player nav#controls #like.liked {
- color: #4444ff;
+ color: #44f;
}
/* line 143, ../src/screen.sass */
#player nav#controls #mute.muted {
- background-color: white;
- color: black;
+ background-color: #fff;
+ color: #000;
}
/* line 146, ../src/screen.sass */
#playlistbg {
position: absolute;
- background-color: black;
+ background-color: #000;
opacity: 0.3;
}
@@ -285,18 +286,18 @@ body {
padding: 5px;
display: block;
cursor: pointer;
- border-bottom: 1px solid #333333;
+ border-bottom: 1px solid #333;
}
/* line 166, ../src/screen.sass */
#playlist ul#queue li span.title {
- color: #dddddd;
+ color: #ddd;
display: block;
padding: 5px;
z-index: 1;
}
/* line 171, ../src/screen.sass */
#playlist ul#queue li span.title:hover {
- color: #dd88ff;
+ color: #d8f;
cursor: pointer;
}
/* line 174, ../src/screen.sass */
@@ -323,11 +324,11 @@ body {
}
/* line 190, ../src/screen.sass */
#playlist ul#queue li.playing {
- background-color: #222222;
+ background-color: #222;
}
/* line 192, ../src/screen.sass */
#playlist ul#queue li.playing span.title {
- color: white;
+ color: #fff;
}
/* line 194, ../src/screen.sass */
@@ -362,7 +363,7 @@ body {
/* line 216, ../src/screen.sass */
#login {
- background: black;
+ background: #000;
display: block;
width: 50%;
top: 20%;
@@ -373,7 +374,7 @@ body {
z-index: 20;
position: fixed;
text-align: center;
- box-shadow: 0 5px 10px black;
+ box-shadow: 0 5px 10px #000;
}
/* line 229, ../src/screen.sass */
#login img {
@@ -386,7 +387,7 @@ body {
text-align: right;
padding-right: 10px;
font-size: 18px;
- color: white;
+ color: #fff;
}
/* line 238, ../src/screen.sass */
#login #button-shim {
@@ -405,12 +406,12 @@ body {
width: 30%;
margin-right: 10px;
font-size: 24px;
- border: 2px solid #880066;
+ border: 2px solid #806;
padding: 10px;
}
/* line 252, ../src/screen.sass */
#login a {
- color: #6688ff;
+ color: #68f;
text-decoration: underline;
}
@@ -419,19 +420,19 @@ body {
position: fixed;
top: 24px;
right: 30px;
- color: #888888;
+ color: #888;
z-index: 82;
- color: #aaaaaa;
+ color: #aaa;
}
/* line 262, ../src/screen.sass */
#sitez a, #sitez #logout {
cursor: pointer;
- color: #aaaaaa;
+ color: #aaa;
text-decoration: underline;
}
/* line 266, ../src/screen.sass */
#sitez select option {
- color: #666666;
+ color: #666;
text-decoration: none;
padding-right: 3px;
}
@@ -439,12 +440,12 @@ body {
#sitez button {
font-size: 24px;
background: #030303;
- color: white;
+ color: #fff;
padding: 2px;
}
/* line 275, ../src/screen.sass */
#sitez a#faqlink {
- color: #88ffff;
+ color: #8ff;
}
/* line 277, ../src/screen.sass */
#sitez div {
@@ -458,7 +459,7 @@ body {
-webkit-border-radius: 10px 10px 3px 3px;
-o-border-radius: 10px 10px 3px 3px;
border-radius: 10px 10px 3px 3px;
- background-color: #333333;
+ background-color: #333;
}
/* line 284, ../src/screen.sass */
#sitez div.opened {
@@ -466,7 +467,7 @@ body {
-webkit-border-radius: 10px 10px 3px 3px;
-o-border-radius: 10px 10px 3px 3px;
border-radius: 10px 10px 3px 3px;
- background-color: #333333;
+ background-color: #333;
}
/* line 287, ../src/screen.sass */
@@ -476,8 +477,8 @@ nav {
}
/* line 290, ../src/screen.sass */
nav button, nav #video-link {
- background-color: #333333;
- color: #dddddd;
+ background-color: #333;
+ color: #ddd;
border: 0;
font-size: 14px;
min-width: 40px;
@@ -488,8 +489,8 @@ nav button, nav #video-link {
}
/* line 293, ../src/screen.sass */
nav button:hover, nav #video-link:hover {
- background-color: #666666;
- color: white;
+ background-color: #666;
+ color: #fff;
}
/* line 303, ../src/screen.sass */
nav #video-link {
@@ -500,8 +501,8 @@ nav #video-link {
/* line 306, ../src/screen.sass */
#lunacy {
z-index: 40;
- background: #dddddd;
- color: black;
+ background: #ddd;
+ color: #000;
display: block;
width: 700px;
position: fixed;
@@ -517,8 +518,8 @@ nav #video-link {
/* line 320, ../src/screen.sass */
#plea {
z-index: 30;
- background: #dddddd;
- color: black;
+ background: #ddd;
+ color: #000;
display: block;
width: 400px;
position: fixed;
@@ -538,7 +539,7 @@ nav #video-link {
left: 0;
width: 100%;
height: 64px;
- background-color: black;
+ background-color: #000;
opacity: 0.8;
z-index: 45;
}
@@ -567,7 +568,7 @@ nav #video-link {
#logo #preamble {
display: inline-block;
font-size: 12px;
- color: white;
+ color: #fff;
max-width: 80px;
padding-left: 15px;
}
@@ -575,18 +576,18 @@ nav #video-link {
#logo h1 {
padding: 15px 15px 0 10px;
font-size: 34px;
- color: white;
+ color: #fff;
font-weight: normal;
font-style: italic;
font-family: georgia, garamond, serif;
- color: #88ffff;
+ color: #8ff;
display: inline-block;
}
/* line 371, ../src/screen.sass */
#logo h2 {
display: inline-block;
font-size: 16px;
- color: white;
+ color: #fff;
position: relative;
left: 20px;
top: -5px;
@@ -607,7 +608,7 @@ nav #video-link {
/* line 387, ../src/screen.sass */
#logo h2.preamblish {
font-size: 12px;
- color: white;
+ color: #fff;
max-width: 250px;
left: 0;
top: 9px;
@@ -621,7 +622,7 @@ nav #video-link {
}
/* line 395, ../src/screen.sass */
#logo h2.radio a {
- color: #ddeeff;
+ color: #def;
}
/* line 400, ../src/screen.sass */
#logo #likebutton {
@@ -659,7 +660,7 @@ nav #video-link {
}
/* line 424, ../src/screen.sass */
#likereport a {
- background-color: #222222;
+ background-color: #222;
display: block;
text-decoration: none;
padding: 5px;
@@ -672,7 +673,7 @@ nav #video-link {
bottom: 10px;
left: 10px;
padding: 10px 10px 10px 10px;
- background-color: black;
+ background-color: #000;
white-space: nowrap;
z-index: 31;
}
@@ -687,15 +688,15 @@ nav #video-link {
}
/* line 446, ../src/screen.sass */
#form #chat-message:hover {
- background-color: white;
+ background-color: #ffffff;
}
/* line 448, ../src/screen.sass */
#form button {
margin: 0;
outline: 0;
border: 0;
- background-color: #333333;
- color: #dddddd;
+ background-color: #333;
+ color: #ddd;
padding: 4px 6px;
position: relative;
top: 1px;
@@ -703,8 +704,8 @@ nav #video-link {
}
/* line 454, ../src/screen.sass */
#form button:hover {
- background-color: #666666;
- color: white;
+ background-color: #666;
+ color: #fff;
}
/* line 462, ../src/screen.sass */
#form #videochat-badge {
@@ -715,8 +716,8 @@ nav #video-link {
-o-border-radius: 8px;
border-radius: 8px;
font-size: 10px;
- background-color: red;
- color: white;
+ background-color: #f00;
+ color: #fff;
position: absolute;
width: 10px;
height: 10px;
@@ -728,7 +729,7 @@ nav #video-link {
/* line 476, ../src/screen.sass */
#formbg {
- background-color: black;
+ background-color: #000;
opacity: 0.7;
}
@@ -739,7 +740,7 @@ nav #video-link {
left: 20px;
padding: 10px;
width: 600px;
- background-color: black;
+ background-color: #000;
padding: 0 10px 5px 10px;
opacity: 0.25;
z-index: 9;
@@ -785,8 +786,8 @@ nav #video-link {
}
/* line 521, ../src/screen.sass */
#chat span {
- color: honeydew;
- text-shadow: black 0 0 2px;
+ color: #f0fff0;
+ text-shadow: #000 0 0 2px;
font-weight: bold;
}
/* line 525, ../src/screen.sass */
@@ -796,7 +797,7 @@ nav #video-link {
cursor: pointer;
text-decoration: underline;
text-shadow: none;
- text-shadow: black 0 0 1px;
+ text-shadow: #000 0 0 1px;
font-weight: normal;
opacity: 1;
}
@@ -804,11 +805,11 @@ nav #video-link {
#chat .ytlink:hover {
color: #dd66ff;
text-decoration: underline;
- text-shadow: black 0 0 1px;
+ text-shadow: #000 0 0 1px;
}
/* line 538, ../src/screen.sass */
#chat .ytlink.playing {
- color: #ddaaff;
+ color: #daf;
font-size: 12px;
font-weight: normal;
text-decoration: none;
@@ -816,7 +817,7 @@ nav #video-link {
/* line 543, ../src/screen.sass */
#chat .ytlink.playing::before {
text-decoration: none;
- content: "\25b6 ";
+ content: "▶";
font-weight: normal;
}
/* line 547, ../src/screen.sass */
@@ -846,7 +847,7 @@ nav #video-link {
position: fixed;
right: 500px;
bottom: 100px;
- background-color: black;
+ background-color: #000;
padding: 10px;
display: none;
}
@@ -854,7 +855,7 @@ nav #video-link {
/* line 566, ../src/screen.sass */
#lastlogbg {
position: fixed;
- background-color: black;
+ background-color: #000;
opacity: 0.5;
padding: 10px;
z-index: 31;
@@ -871,12 +872,12 @@ nav #video-link {
#lastlogbox h4 {
font-size: 12px;
font-weight: bold;
- color: #eeeeee;
+ color: #eee;
padding-bottom: 5px;
}
/* line 582, ../src/screen.sass */
#lastlogbox ul {
- border-top: 1px solid black;
+ border-top: 1px solid #000;
}
/* line 584, ../src/screen.sass */
@@ -887,9 +888,9 @@ li.ll {
li.ll a {
color: #d0e0fe;
padding: 5px 0;
- border-bottom: 1px solid black;
+ border-bottom: 1px solid #000;
display: block;
- text-shadow: black 0 0 2px;
+ text-shadow: #000 0 0 2px;
text-decoration: underline;
font-size: 16px;
font-weight: bold;
@@ -924,7 +925,7 @@ li.ll a {
button {
font-size: 24px;
background: #030303;
- color: white;
+ color: #fff;
padding: 2px;
}
@@ -939,10 +940,10 @@ button {
right: 20px;
z-index: 80;
width: 500px;
- background-color: #222222;
+ background-color: #222;
color: #657b83;
display: none;
- box-shadow: 0 5px 10px black;
+ box-shadow: 0 5px 10px #000;
}
/* line 628, ../src/screen.sass */
#settings-container .close, #rooms-container .close, #about-container .close, #videochat-container .close {
@@ -963,7 +964,7 @@ button {
}
/* line 640, ../src/screen.sass */
#settings-container .close:hover, #rooms-container .close:hover, #about-container .close:hover, #videochat-container .close:hover {
- color: white;
+ color: #fff;
cursor: pointer;
}
/* line 643, ../src/screen.sass */
@@ -976,7 +977,7 @@ button {
color: #93a1a1;
display: block;
padding: 10px;
- background-color: #333333;
+ background-color: #333;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
-o-border-radius: 10px 10px 0 0;
@@ -1053,7 +1054,7 @@ button {
list-style-type: none;
padding: 10px;
cursor: pointer;
- border-top: 1px solid black;
+ border-top: 1px solid #000;
background-color: transparent;
text-decoration: none;
font-size: 14px;
@@ -1127,7 +1128,7 @@ button {
right: 10px;
padding: 5px;
font-size: 12px;
- color: #bbbbbb;
+ color: #bbb;
background-color: black;
text-align: right;
}
@@ -1135,23 +1136,23 @@ button {
#tokbox-embed #tokbox-settings button {
padding: 2px;
font-size: 12px;
- background-color: #333333;
- color: #888888;
+ background-color: #333;
+ color: #888;
min-width: 30px;
}
/* line 757, ../src/screen.sass */
#tokbox-embed #tokbox-settings button.on {
- background-color: #dd3333;
- color: white;
+ background-color: #d33;
+ color: #fff;
}
/* line 760, ../src/screen.sass */
.roomhello {
width: 400px;
- color: white;
+ color: #fff;
padding: 10px;
font-size: 18px;
- background-color: black;
+ background-color: #000;
cursor: pointer;
position: fixed;
top: 85px;
@@ -1162,9 +1163,9 @@ button {
/* line 771, ../src/screen.sass */
.modhello {
width: 400px;
- color: white;
+ color: #fff;
padding: 5px;
- background-color: black;
+ background-color: #000;
cursor: pointer;
margin-top: 10px;
}
@@ -1225,20 +1226,20 @@ button {
position: relative;
top: -4px;
left: -10px;
- background-image: url("/img/magnify.png");
+ background-image: url("/static/img/magnify.png");
background-position: right center;
background-repeat: no-repeat;
border: 0;
outline: 0;
- background-color: #dddddd;
+ background-color: #ddd;
}
/* line 826, ../src/screen.sass */
#search-terms:hover {
- background-color: white;
+ background-color: #fff;
}
/* line 828, ../src/screen.sass */
#search-terms:focus {
- background-color: white;
+ background-color: #fff;
}
/* line 830, ../src/screen.sass */
@@ -1249,7 +1250,7 @@ button {
z-index: 100;
width: 334px;
border: 2px solid black;
- background: #333333;
+ background: #333;
display: none;
}
/* line 839, ../src/screen.sass */
@@ -1261,7 +1262,7 @@ button {
font-size: 11px;
color: white;
padding: 3px 3px 3px 38px;
- background-color: black;
+ background-color: #000;
width: 100%;
}
/* line 847, ../src/screen.sass */
@@ -1280,7 +1281,7 @@ button {
border-bottom: 2px solid black;
font-size: 12px;
line-height: 15px;
- color: #bbbbbb;
+ color: #bbb;
opacity: 0.9;
}
/* line 858, ../src/screen.sass */
@@ -1298,7 +1299,7 @@ button {
white-space: nowrap;
overflow: hidden;
font-size: 14px;
- color: white;
+ color: #fff;
margin: 3px 0 3px 0;
cursor: pointer;
}
generated by cgit v1.2.3-70-g09d2 (git 2.51.0) at 2025-12-10 21:14:06 +0000