A couple of fixes for Morning and Zenburn themes
- Removes white background on `#main` which flashes while chat is loading - Removes 5px padding on the left of the whole window on mobile devices - Brings back Leave and Send buttons - Style buttons to be a darker style (leave, send, show more history)
This commit is contained in:
parent
3e85130d17
commit
e838a33f25
@ -1,7 +1,6 @@
|
|||||||
/*
|
/*
|
||||||
Darker theme for Shout.
|
Morning theme for Shout.
|
||||||
Has a bit more eye-friendly color scheme and hides some IMO unnecessary features such as
|
Has a bit more eye-friendly color scheme.
|
||||||
"Leave" and "Submit" buttons.
|
|
||||||
|
|
||||||
Installation instructions can be found here
|
Installation instructions can be found here
|
||||||
http://shout-irc.com/docs/server/configuration.html#theme
|
http://shout-irc.com/docs/server/configuration.html#theme
|
||||||
@ -19,7 +18,10 @@ BORDERS #2a323d
|
|||||||
QUIT #d0907d
|
QUIT #d0907d
|
||||||
*/
|
*/
|
||||||
|
|
||||||
#windows .chan, #windows .window {
|
#main,
|
||||||
|
#chat .sidebar,
|
||||||
|
#windows .chan,
|
||||||
|
#windows .window {
|
||||||
background: #333c4a;
|
background: #333c4a;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -36,10 +38,6 @@ QUIT #d0907d
|
|||||||
color: #cccccc;
|
color: #cccccc;
|
||||||
}
|
}
|
||||||
|
|
||||||
#chat .sidebar {
|
|
||||||
background: #333c4a;
|
|
||||||
}
|
|
||||||
|
|
||||||
#chat .count {
|
#chat .count {
|
||||||
background-color: #2e3642;
|
background-color: #2e3642;
|
||||||
}
|
}
|
||||||
@ -114,31 +112,36 @@ QUIT #d0907d
|
|||||||
border-color: #242a33;
|
border-color: #242a33;
|
||||||
}
|
}
|
||||||
|
|
||||||
#form .input {
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#form #input {
|
#form #input {
|
||||||
background-color: #2e3642;
|
background-color: #2e3642;
|
||||||
border-color: #242a33;
|
border-color: #242a33;
|
||||||
color: #cccccc;
|
color: #cccccc;
|
||||||
padding-left: 1em !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#form #nick {
|
#form #nick {
|
||||||
display: none;
|
background: #242a33;
|
||||||
|
color: #CCC;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Buttons */
|
||||||
|
#chat .show-more-button,
|
||||||
|
#form #submit,
|
||||||
|
#windows .header .button {
|
||||||
|
background: #2e3642;
|
||||||
|
border-color: #242a33;
|
||||||
|
color: #CCC;
|
||||||
|
}
|
||||||
|
|
||||||
|
#chat .show-more-button:hover,
|
||||||
|
#form #submit:hover,
|
||||||
|
#windows .header .button:hover {
|
||||||
|
color: #FFF;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
#chat .header {
|
#chat .header {
|
||||||
color: #99a2b4;
|
color: #99a2b4;
|
||||||
}
|
}
|
||||||
/* Hide unnecessary buttons */
|
|
||||||
#windows .header .button,
|
|
||||||
#form #submit {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* Setup text colors */
|
/* Setup text colors */
|
||||||
#chat .msg {
|
#chat .msg {
|
||||||
@ -197,6 +200,9 @@ QUIT #d0907d
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
|
#main {
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
#footer {
|
#footer {
|
||||||
left: -220px;
|
left: -220px;
|
||||||
width: 225px;
|
width: 225px;
|
||||||
|
@ -22,7 +22,10 @@ body {
|
|||||||
background: #2b2b2b;
|
background: #2b2b2b;
|
||||||
}
|
}
|
||||||
|
|
||||||
#windows .chan, #windows .window {
|
#main,
|
||||||
|
#chat .sidebar,
|
||||||
|
#windows .chan,
|
||||||
|
#windows .window {
|
||||||
background: #3f3f3f;
|
background: #3f3f3f;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -57,10 +60,6 @@ body {
|
|||||||
border-top: 1px solid #000;
|
border-top: 1px solid #000;
|
||||||
}
|
}
|
||||||
|
|
||||||
#chat .sidebar {
|
|
||||||
background: #3f3f3f;
|
|
||||||
}
|
|
||||||
|
|
||||||
#chat .count {
|
#chat .count {
|
||||||
background-color: #434443;
|
background-color: #434443;
|
||||||
}
|
}
|
||||||
@ -134,31 +133,37 @@ body {
|
|||||||
border-color: #101010;
|
border-color: #101010;
|
||||||
}
|
}
|
||||||
|
|
||||||
#form .input {
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#form #input {
|
#form #input {
|
||||||
background-color: #434443;
|
background-color: #434443;
|
||||||
border-color: #101010;
|
border-color: #101010;
|
||||||
color: #dcdccc;
|
color: #dcdccc;
|
||||||
padding-left: 1em !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#form #nick {
|
#form #nick {
|
||||||
display: none;
|
background: #101010;
|
||||||
|
color: #dcdccc;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Buttons */
|
||||||
|
#chat .show-more-button,
|
||||||
|
#form #submit,
|
||||||
|
#windows .header .button {
|
||||||
|
background: #434443;
|
||||||
|
border-color: #101010;
|
||||||
|
color: #dcdccc;
|
||||||
|
}
|
||||||
|
|
||||||
|
#chat .show-more-button:hover,
|
||||||
|
#form #submit:hover,
|
||||||
|
#windows .header .button:hover {
|
||||||
|
color: #FFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
#chat .header {
|
#chat .header {
|
||||||
color: #d2d39b;
|
color: #d2d39b;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Hide unnecessary buttons */
|
|
||||||
#windows .header .button,
|
|
||||||
#form #submit {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Setup text colors */
|
/* Setup text colors */
|
||||||
#chat .msg {
|
#chat .msg {
|
||||||
color: #ffcfaf;
|
color: #ffcfaf;
|
||||||
@ -212,6 +217,9 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
|
#main {
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
#footer {
|
#footer {
|
||||||
left: -220px;
|
left: -220px;
|
||||||
width: 225px;
|
width: 225px;
|
||||||
|
Loading…
Reference in New Issue
Block a user