KevinMidboe/zoff
1
0
Fork 0
mirror of https://github.com/KevinMidboe/zoff.git synced 2026-01-06 17:45:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

More contrast in chat, and fixed skipbutton highlight bug on mobile

Browse Source
This commit is contained in:
Kasper Rynning-Tønnesen
2017-10-11 14:45:19 +02:00
parent 80c37d9cba
commit f38b5ad3e9
1 changed files with 5 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
server/public/assets/css/style.css
View File

@@ -324,6 +324,10 @@ li.disabled span {
background: rgba(0,0,0,.1); background: rgba(0,0,0,.1);
} }
#chatchannel li:nth-child(odd), #chatall li:nth-child(odd) {
background: rgba(0,0,0,.2);
}
#chatchannel li, #chatall li{ #chatchannel li, #chatall li{
cursor:text; cursor:text;
-webkit-touch-callout: initial; -webkit-touch-callout: initial;
@@ -964,65 +968,6 @@ hide mdi-action-visibility mdi-action-visibility-off
opacity: 0.72; opacity: 0.72;
} }
/*.listen-button, .contact-button-submit{
background: none;
border: none;
background-size: auto;
border-bottom: 1px solid white;
border-left:1px solid rgba(255,255,255,0);
border-right:1px solid rgba(255,255,255,0);
border-top:1px solid rgba(255,255,255,0);
cursor: pointer;
height: 43px;
line-height: 35.625px;
margin-left: 20px;
padding-left: 30px;
padding-right: 30px;
text-shadow: none;
color: rgb(255, 255, 255);
text-shadow: rgba(18, 18, 18, 0.76) 0px 1px 4px;
-webkit-transition : border 500ms ease-out;
-moz-transition : border 500ms ease-out;
-o-transition : border 500ms ease-out;
transition : border 500ms ease-out;
border-left:1px solid rgba(255,255,255,1);
border-right:1px solid rgba(255,255,255,1);
border-top:1px solid rgba(255,255,255,1);
border-radius: 2px;
}
.listen-button:hover{
border-left:1px solid rgba(255,255,255,1);
border-right:1px solid rgba(255,255,255,1);
border-top:1px solid rgba(255,255,255,1);
border-radius: 2px;
background-color:white;
color:rgba(255,255,255,0);
text-shadow: rgba(18, 18, 18, 0.76) 0px 0px 0px;
}
.listen-button:focus{
border-left:1px solid rgba(255,255,255,1);
border-right:1px solid rgba(255,255,255,1);
border-top:1px solid rgba(255,255,255,1);
border-radius: 2px;
background-color:rgba(255,255,255,0);
color:rgba(255,255,255,1);
text-shadow: rgba(18, 18, 18, 0.76) 0px 1px 4px;
}
.contact-button-submit{
background-color:#FAFAFA;
color:#2d2d2d;
border-left:1px solid #2D2D2D;
border-right:1px solid #2D2D2D;
border-top:1px solid #2D2D2D;
border-bottom:1px solid #2D2D2D;
border-radius: 2px;
text-shadow:rgba(0,0,0,0) 0px 0px 0px;
}*/
.listen-button { .listen-button {
background: #2d2d2d !important; background: #2d2d2d !important;
display: flex; display: flex;
@@ -2048,6 +1993,7 @@ nav ul li:hover, nav ul li.active {
.prev.playbar, #playpause, .skip.playbar { .prev.playbar, #playpause, .skip.playbar {
padding: 0 2.5px; padding: 0 2.5px;
height: 51px;
} }
.margin-playbar, #volume-button .margin-playbar, #volume-button