mirror/webgui
1
0
Fork 0
mirror of https://github.com/unraid/webgui.git synced 2026-04-18 23:50:34 -05:00
Code Issues Packages Projects Releases Wiki Activity

Adjusted TAB color styling for all themes

Browse Source
This commit is contained in:
bergware
2018-04-26 11:39:39 +02:00
parent 0c1b591ea0
commit 4e810dedf0
4 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
plugins/dynamix/styles/default-azure.css
View File

@@ -219,11 +219,11 @@ label+.content{margin-top:64px}
div.tabs{position:relative;margin:110px 30px 30px 100px;background-color:#E4E2E4}
div.tab{float:left;margin-top:23px}
div.tab input[id^='tab']{display:none}
div.tab [type=radio]+label:hover{background:#606E7F;color:#B0B0B0;cursor:pointer;border-color:#0072C6}
div.tab [type=radio]:checked+label{cursor:default;background:#606E7F;color:#B0B0B0}
div.tab [type=radio]+label:hover{cursor:pointer;border-color:#004E86;opacity:1}
div.tab [type=radio]:checked+label{cursor:default;background:transparent;color:#606E7F;border-color:#004E86;opacity:1}
div.tab [type=radio]+label~.content{display:none}
div.tab [type=radio]:checked+label~.content{display:inline}
div.tab [type=radio]+label{position:relative;padding:10px 10px;margin-right:2px;border-top-left-radius:12px;border-top-right-radius:12px;border:#004E86 1px solid;border-bottom:none}
div.tab [type=radio]+label{position:relative;padding:10px 10px;margin-right:2px;border-top-left-radius:12px;border-top-right-radius:12px;background:#606E7F;color:#B0B0B0;border:#8B98A7 1px solid;border-bottom:none;opacity:0.5}
div.tab [type=radio]+label img{display:none}
div.Panel{width:25%;height:auto;float:left;margin:0;padding:5px;border-right:#F3F0F4 1px solid;border-bottom:#F3F0F4 1px solid;box-sizing:border-box}
div.Panel:hover{background-color:#EDEAEF}

6
plugins/dynamix/styles/default-black.css
View File

@@ -211,11 +211,11 @@ div.content.shift{margin-top:-70px}
div.tabs{position:relative;margin:24px 0 0 0}
div.tab{float:left;margin:0 0 12px 0}
div.tab input[id^="tab"]{display:none}
div.tab [type=radio]+label:hover{background:#000000;color:#478406;cursor:pointer}
div.tab [type=radio]:checked+label{cursor:default;background:-webkit-radial-gradient(#303030,#505050);background:linear-gradient(#303030,#505050);color:#808080}
div.tab [type=radio]+label:hover{background:transparent;color:#478406;cursor:pointer;opacity:1}
div.tab [type=radio]:checked+label{cursor:default;background:transparent;color:#808080;opacity:1}
div.tab [type=radio]+label~.content{display:none}
div.tab [type=radio]:checked+label~.content{display:inline}
div.tab [type=radio]+label{position:relative;font-size:14px;padding:4px 10px;margin-right:2px;border-top-left-radius:5px;border-top-right-radius:5px;border:1px solid #303030;border-bottom:1px solid #606060;background:-webkit-radial-gradient(#101010,#202020);background:linear-gradient(#101010,#202020)}
div.tab [type=radio]+label{position:relative;font-size:14px;padding:4px 10px;margin-right:2px;border-top-left-radius:5px;border-top-right-radius:5px;border:1px solid #303030;border-bottom:none;background:-webkit-radial-gradient(#101010,#202020);background:linear-gradient(#101010,#202020);opacity:0.6}
div.tab [type=radio]+label img{padding-right:4px}
div.Panel{text-align:center;float:left;margin:0 30px 30px 12px;height:80px}
div.Panel .PanelText{padding-top:10px}

6
plugins/dynamix/styles/default-gray.css
View File

@@ -219,11 +219,11 @@ label+.content{margin-top:64px}
div.tabs{position:relative;margin:110px 30px 30px 100px;background-color:#1B1D1B}
div.tab{float:left;margin-top:23px}
div.tab input[id^='tab']{display:none}
div.tab [type=radio]+label:hover{background:#606E7F;color:#B0B0B0;cursor:pointer;border-color:#0072C6}
div.tab [type=radio]:checked+label{cursor:default;background:#606E7F;color:#B0B0B0}
div.tab [type=radio]+label:hover{cursor:pointer;border-color:#0072C6;opacity:1}
div.tab [type=radio]:checked+label{cursor:default;background:transparent;color:#606E7F;border-color:#004E86;opacity:1}
div.tab [type=radio]+label~.content{display:none}
div.tab [type=radio]:checked+label~.content{display:inline}
div.tab [type=radio]+label{position:relative;padding:10px 10px;margin-right:2px;border-top-left-radius:12px;border-top-right-radius:12px;border:#004E86 1px solid;border-bottom:none}
div.tab [type=radio]+label{position:relative;padding:10px 10px;margin-right:2px;border-top-left-radius:12px;border-top-right-radius:12px;background:#606E7F;color:#B0B0B0;border:#8B98A7 1px solid;border-bottom:none;opacity:0.5}
div.tab [type=radio]+label img{display:none}
div.Panel{width:25%;height:auto;float:left;margin:0;padding:5px;border-right:#0C0F0B 1px solid;border-bottom:#0C0F0B 1px solid;box-sizing:border-box}
div.Panel:hover{background-color:#121510}

6
plugins/dynamix/styles/default-white.css
View File

@@ -211,11 +211,11 @@ div.content.shift{margin-top:-70px}
div.tabs{position:relative;margin:24px 0 0 0}
div.tab{float:left;margin:0 0 12px 0}
div.tab input[id^="tab"]{display:none}
div.tab [type=radio]+label:hover{background:#FFFFFF;color:#478406;cursor:pointer}
div.tab [type=radio]:checked+label{cursor:default;background:-webkit-radial-gradient(#F8F8F8,#E8E8E8);background:linear-gradient(#F8F8F8,#E8E8E8);color:#303030}
div.tab [type=radio]+label:hover{background:transparent;color:#478406;cursor:pointer;opacity:1}
div.tab [type=radio]:checked+label{cursor:default;background:transparent;color:#303030;opacity:1}
div.tab [type=radio]+label~.content{display:none}
div.tab [type=radio]:checked+label~.content{display:inline}
div.tab [type=radio]+label{position:relative;font-size:14px;padding:4px 10px;margin-right:2px;border-top-left-radius:5px;border-top-right-radius:5px;border:1px solid #E8E8E8;border-bottom-color:#D8D8D8;background:-webkit-radial-gradient(#D8D8D8,#B8B8B8);background:linear-gradient(#D8D8D8,#B8B8B8)}
div.tab [type=radio]+label{position:relative;font-size:14px;padding:4px 10px;margin-right:2px;border-top-left-radius:5px;border-top-right-radius:5px;border:1px solid #E8E8E8;border-bottom:none;background:-webkit-radial-gradient(#D8D8D8,#B8B8B8);background:linear-gradient(#D8D8D8,#B8B8B8);opacity:0.6}
div.tab [type=radio]+label img{padding-right:4px}
div.Panel{text-align:center;float:left;margin:0 30px 30px 12px;height:80px}
div.Panel .PanelText{padding-top:10px}