archive/nntpchan
Archived
1
0
Fork 0
Code

switch livechan.css to use dark theme

Browse Source
This commit is contained in:
Jeff Becker 2016-07-08 08:47:46 -04:00
parent 1a5862213c
commit 375713390e
No known key found for this signature in database
GPG Key ID: AB950234D6EA286B
1 changed files with 56 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

84
contrib/static/livechan.css
View File

@ -1,29 +1,38 @@
input, textarea, select { input {
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
color: white;
}
textarea, select {
-moz-border-radius: 0px; -moz-border-radius: 0px;
-webkit-border-radius: 0px; -webkit-border-radius: 0px;
border-radius: 0px; border-radius: 0px;
} }
.livechan_chat_input { .livechan_chat_input {
padding: 0; padding: 0;
margin: 0; margin: 0;
position: absolute; position: absolute;
width: 100%; width: 100%;
bottom: 0; bottom: 0;
height: 60px;
left: 0; left: 0;
right: 0; right: 0;
padding:none;
} }
.livechan_chat_input_name, .livechan_chat_input_convo { .livechan_chat_input_name, .livechan_chat_input_convo {
padding: 0; padding: 0;
padding-left: 2px; padding-left: none;
margin: 0; margin: 0;
width: 50%; width: 80%;
color: black;
} }
.livechan_chat_input_left { .livechan_chat_input_left {
width: 30%; width: 19%;
} }
.livechan_chat_input_message_div { .livechan_chat_input_message_div {
@ -33,7 +42,7 @@ input, textarea, select {
width: 70%; width: 70%;
left: 20%; left: 20%;
top: 3px; top: 3px;
bottom: 3px; bottom: 0;
} }
.livechan_chat_input_message { .livechan_chat_input_message {
@ -47,11 +56,12 @@ input, textarea, select {
.livechan_chat_input_submit { .livechan_chat_input_submit {
position: absolute; position: absolute;
width: 47px; width: 8%;
top: 3px; top: 3px;
right: 3px; right: 1px;
bottom: 3px; bottom: 0;
border: none; border: none;
color: black;
} }
.livechan_chat_output { .livechan_chat_output {
@ -59,9 +69,9 @@ input, textarea, select {
top: 20px; top: 20px;
left: 0; left: 0;
right: 0; right: 0;
bottom: 70px; bottom: 60px;
overflow: auto; overflow: auto;
width: 90%; width: 89%;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
} }
@ -101,7 +111,7 @@ input, textarea, select {
} }
.livechan_captcha_inner { .livechan_captcha_inner {
padding: 20%; padding: 200px;
} }
.livechan_captcha_image { .livechan_captcha_image {
@ -122,8 +132,7 @@ input, textarea, select {
.livechan_convo_label { .livechan_convo_label {
padding: 5px; padding: 5px;
color: #a239ab; color: white;
font-weight: bold;
} }
.livechan_convobar_root { .livechan_convobar_root {
@ -131,11 +140,9 @@ input, textarea, select {
top: 20px; top: 20px;
right: 0; right: 0;
width: 10%; width: 10%;
hieght: 90%;
} }
.livechan_convobar_item { .livechan_convobar_item {
margin: 5px;
padding: 5px; padding: 5px;
} }
@ -153,26 +160,45 @@ input, textarea, select {
} }
.hover , .hover > img { .hover {
z-index: 100; position: relative;
position: absolute; padding: 1px;
left: 10%; left: -1000px
max-width: 900px; border: 1px dashed black;
max-height: 900px; visibility: hidden;
}
.hover > img {
position: fixed;
top: 0%;
right: 0;
max-width: 75%;
max-height: 75%;
visibility: visible;
} }
.livechan_chat_output, .livechan_captcha, .livechan_convobar_root, #chat { .livechan_chat_output, .livechan_captcha, .livechan_convobar_root, #chat {
background: #EEF2FF; background: #050505;
} }
.livechan_chat_output_chat, .livechan_navbar, .livechan_convobar_item { .livechan_convobar_root {
background: #D6DAF0; background: #111;
color: white;
}
.livechan_chat_output_chat, .livechan_navbar {
background: #111;
}
.livechan_convobar_item {
background: #111;
} }
.livechan_chat_output_chat { .livechan_chat_output_chat {
font-family: sans-serif; font-family: monospace;
margin: 4px; margin: 4px;
padding: 4px; padding: 4px;
color: white;
} }
.livechan_chat_output_name { .livechan_chat_output_name {
@ -185,8 +211,7 @@ input, textarea, select {
} }
.livechan_chat_input { .livechan_chat_input {
background: #98E; background: #111;
padding: 5px;
} }
.livechan_greentext { .livechan_greentext {
@ -198,7 +223,7 @@ input, textarea, select {
} }
.livechan_internallink { .livechan_internallink {
color: blue; color: cyan;
} }
.livechan_internallink:hover { .livechan_internallink:hover {
@ -231,3 +256,4 @@ input, textarea, select {
color: #af0a0f; color: #af0a0f;
font-weight: bold; font-weight: bold;
} }