tobast/glowingbear-mainbox
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Merge pull request #590 from glowing-bear/thdesign

Browse source 
[WIP] Improve footer, more monochrome dark design
This commit is contained in:
Lorenz Hübschle-Schneider 2015-03-29 16:39:27 +02:00
commit c145457b91
5 changed files with 42 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

11
css/glowingbear.css
View file

@ -54,9 +54,18 @@ td.message {
#sendMessage {
width: 100%;
height: 36px;
height: 35px;
resize: none;
}
#sendMessage:focus, #sendMessage:active {
border-bottom: 2px solid #555;
}
.input-group-addon, .input-group-btn {
vertical-align: top;
}
.footer button {
border-radius: 0;
}

26
css/themes/dark.css
View file

@ -20,8 +20,12 @@ html {
color: #333;
}
.nav-pills > li.active > a {
background-color: #555;
}
/* fix for mobile firefox which ignores :hover */
.nav-pills > li > a:active, .nav-pills > li > a:active span {
.nav-pills > li > a:active, .nav-pills > li > a:active span, .nav-pills > li.active > a:hover {
background-color: #eee;
color: #222;
}
@ -39,6 +43,15 @@ tr.bufferline:hover {
color: black;
}
.btn-default {
background-color: #555;
border-color: #444;
}
.btn-default:hover {
background-color: #666;
border-color: #555;
}
li.notification {
color: green;
}
@ -56,11 +69,19 @@ li.notification {
}
input[type=text], input[type=password], #sendMessage, .badge {
color: #ccc;
box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), 0px 1px 7px 0px rgba(0, 0, 0, 0.8) inset;
}
input[type=text], input[type=password], #sendMessage, .badge, .btn-send {
color: #ccc;
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
}
.btn-send:hover, .btn-send:focus {
background-color: #555;
color: white;
}
#connection-infos {
color: #aaa;
}
@ -87,6 +108,7 @@ input[type=text], input[type=password], #sendMessage, .badge {
#topbar .actions {
background: #282828;
color: #666;
}
#topbar, #sidebar, .panel, .dropdown-menu, .modal-content {

5
css/themes/light.css
View file

@ -22,6 +22,11 @@ html {
background-color: #222;
}
.btn-send {
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.3);
color: #428BCA;
}
tr.bufferline:hover {
background-color: #efefef;
}