cyberpresidentvanellope/CHOMPstation
1
0
Fork 0
mirror of https://github.com/CHOMPstation/CHOMPstation.git synced 2026-08-26 13:36:48 +01:00
Code Issues Packages Projects Releases Wiki Activity

Quick UI fix for communicators

Browse Source
This commit is contained in:
SinTwo
2016-05-19 23:25:33 -04:00
parent 365ea43a60
commit dc6d796e19
4 changed files with 130 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files
nano/css/shared.css
+92 -11
View File
@@ -320,6 +320,19 @@ div.notice {
overflow-y: auto;
}
.statusDisplayComm {
width: 100%;
background: rgba(0, 0, 0, 0.5);
color: #ffffff;
padding-bottom: 4px;
border-top: 0 none;
border-left: 0 none;
border-right: 0 none;
border-bottom: 2px inset #40628a;
margin: 3px 0;
overflow: hidden;
}
.statusLabel {
width: 138px;
float: left;
@@ -611,10 +624,10 @@ div.homeContainer {
}
div.homeScreen {
width: 90%;
padding: 0 20px 0 20px;
}
.link64, .linkOn64, .linkOff64, .selected64, .disabled64, .yellowButton64, .redButton64 {
.link64 {
float: left;
min-width: 15px;
max-width: 68px;
@@ -622,22 +635,90 @@ div.homeScreen {
text-align: center;
color: #ffffff;
text-decoration: none;
background: #40628a;
background: rgba(64, 98, 138, 0.6);
border: 1px solid #161616;
padding: 0 0 4px 0;
margin: 0 0 30px 5.5%;
cursor: default;
white-space: nowrap;
border-radius: 15px;
border-radius: 10px;
}
.linkOn64, a.linkOn:link, a.linkOn:visited, a.linkOn:active, a.linkOn:hover, .selected, a.selected:link, a.selected:visited, a.selected:active, a.selected:hover {
color: #ffffff;
background: #2f943c;
.link64:hover {
font-size: 13px;
}
.linkOff64, a.linkOff:link, a.linkOff:visited, a.linkOff:active, a.linkOff:hover, .disabled, a.disabled:link, a.disabled:visited, a.disabled:active, a.disabled:hover {
/*Communicator Dialing*/
.dialPad {
clear: both;
text-align: center;
margin: auto;
}
.dialPadKeys {
float: left;
width: 47px;
height: 47px;
font-size: 32px;
text-align: center;
color: #ffffff;
background: #999999;
border-color: #666666;
text-decoration: none;
background: rgba(64, 98, 138, 0.15);
border: 1px inset rgba(100, 100, 100, 0.25);
cursor: default;
line-height: 47px;
}
.dialPadKeys:hover {
background: rgba(80, 122, 172, 0.5);
}
.dialPadButtons {
float: left;
width: 63.2px;
height: 63.2px;
text-align: center;
color: #ffffff;
text-decoration: none;
background: rgba(64, 98, 138, 0.15);
border: 1px inset rgba(100, 100, 100, 0.25);
padding: 0 0 4px 0;
cursor: default;
margin-bottom: 25px;
}
.dialPadButtons:hover {
background: rgba(80, 122, 172, 0.5);
font-size: 13px;
}
.dialPadAddress {
float: left;
width: 192px;
height: 18px;
background: rgba(64, 98, 138, 0.15);
color: #ffffff;
border-left: 1px inset #40628a;
border-top: 1px inset #40628a;
border-bottom: 1px inset #40628a;
}
.dialPadAddress:hover{
background: rgba(80, 122, 172, 0.5);
}
.dialPadClear {
float: left;
width: 19%;
height: 18px;
background: rgba(64, 98, 138, 0.15);
color: #ffffff;
border-right: 1px inset #40628a;
border-top: 1px inset #40628a;
border-bottom: 1px inset #40628a;
}
.dialPadClear:hover{
background: rgba(80, 122, 172, 0.5);
}