mirror of
https://github.com/unraid/webgui.git
synced 2026-01-14 13:39:58 -06:00
263 lines
17 KiB
CSS
263 lines
17 KiB
CSS
html{font-family:arimo}
|
|
body{font-size:14px;color:#606E7F;background-color:#1B1D1B;padding:0;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
|
|
@media (max-width:1280px){#template{min-width:1080px;margin:0}}
|
|
@media (min-width:1281px){#template{min-width:1280px;margin:0}}
|
|
@media (min-width:1921px){#template{min-width:1280px;max-width:1920px;margin:0 auto}}
|
|
img{border:0;text-decoration:none;vertical-align:middle}
|
|
p{text-align:left}
|
|
p.centered{text-align:left}
|
|
a:hover{text-decoration:underline}
|
|
a{color:#486DBA;text-decoration:none}
|
|
a.none{color:#606E7F}
|
|
a.img{text-decoration:none;border:none}
|
|
a.info{position:relative}
|
|
a.info span{display:none;white-space:nowrap;font-variant:small-caps;position:absolute;top:16px;left:10px;color:#B0B0B0;font-size:13px;line-height:20px;padding:5px 8px;border:1px solid #42453E;border-radius:3px;background-color:#121510}
|
|
a.info:hover span{display:block;z-index:1}
|
|
a.nohand{cursor:default}
|
|
i.spacing{margin-left:0;margin-right:10px}
|
|
i.icon{margin-right:4px}
|
|
i.title{display:none}
|
|
pre ul{margin:0;padding-top:0;padding-bottom:0;padding-left:28px}
|
|
pre li{margin:0;padding-top:0;padding-bottom:0;padding-left:18px}
|
|
big{font-size:15px;font-weight:bold;text-transform:uppercase}
|
|
hr{border:none;height:1px;color:#606E7F;background-color:#606E7F}
|
|
input[type=text],input[type=password],input[type=number],input[type=url],input[type=email],input[type=date],input[type=file],textarea,.textarea{font-family:arimo;font-size:13px;background:transparent;border:1px solid #606E7F;padding:5px 10px;min-height:20px;line-height:20px;outline:none;width:304px;margin:0 20px 0 0;box-shadow:none;color:#606E7F}
|
|
input[type=button],input[type=reset],input[type=submit],button,a.button{font-family:arimo;font-size:13px;border:1px solid #606E7F;border-radius:5px;margin:10px 20px 10px 0;padding:8px 12px;cursor:pointer;outline:none;color:#606E7F;background:#121510}
|
|
input[type=checkbox]{vertical-align:middle;margin-right:6px}
|
|
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}
|
|
input[type=number]{-moz-appearance:textfield}
|
|
input:focus[type=text],input:focus[type=password],input:focus[type=number],input:focus[type=url],input:focus[type=file],input:focus[type=email],textarea:focus{background:#121510;border-color:#0072C6}
|
|
input:hover[type=button],input:hover[type=reset],input:hover[type=submit],button:hover,a.button:hover{border-color:#0072C6;color:#B0B0B0}
|
|
input:active[type=button],input:active[type=reset],input:active[type=submit],button:active{border-color:#0072C6;box-shadow:none}
|
|
input[disabled],button[disabled],input:hover[type=button][disabled],input:hover[type=reset][disabled],input:hover[type=submit][disabled],button:hover[disabled],input:active[type=button][disabled],input:active[type=reset][disabled],input:active[type=submit][disabled],button:active[disabled],textarea[disabled]{color:#808080;border-color:#808080;background:#383A34;opacity:0.3;cursor:default}
|
|
input::-webkit-input-placeholder{color:#00529B}
|
|
select{font-family:arimo;font-size:13px;min-width:188px;max-width:326px;padding:6px 6px;margin:0 10px 0 0;border:#606E7F 1px solid;box-shadow:none;color:#606E7F;background:transparent;outline:none;display:inline-block;cursor:pointer}
|
|
select option{color:#606E7F;background-color:#121510}
|
|
select:focus{border-color:#0072C6}
|
|
select[disabled]{color:#808080;border-color:#808080;background:#383A34;opacity:0.3;cursor:default}
|
|
select[name=enter_view]{padding:0;float:right}
|
|
select[name=enter_share]{padding:0;float:right}
|
|
select.narrow{min-width:87px}
|
|
select.auto{min-width:auto}
|
|
select.slot{min-width:440px;max-width:440px}
|
|
input.narrow{width:166px}
|
|
input.trim{width:50px}
|
|
form+p{display:none}
|
|
#header{position:fixed;top:0;left:0;width:100%;height:90px;z-index:100;margin:0;background-color:#121510;background-size:100% 90px;border-bottom:#42453E 1px solid}
|
|
#header .logo{float:left;margin-top:20px;margin-left:100px}
|
|
#header .logo img{margin:0 0 2px 1px}
|
|
#header .logo a{color:#5D6833;font-size:18px}
|
|
#header .block{margin:8px 10px 0 0;float:right;text-align:right;background-color:rgba(27,29,27,0.5);color:#99A5B2;border-radius:10px;padding:2px 8px}
|
|
#header .text-left{float:left;text-align:right;padding-right:5px;border-right:solid medium #5D6833}
|
|
#header .text-right{float:right;text-align:left;padding-left:5px;padding-right:20px}
|
|
#menu{position:fixed;top:0;left:0;bottom:12px;width:65px;padding:0;margin:0;background:#383A34;z-index:100;box-shadow:inset -1px 0 2px #121510}
|
|
#nav-block{position:absolute;top:0;bottom:12px;color:#5D6833;white-space:nowrap;float:left;overflow-y:scroll;direction:rtl}
|
|
#nav-block::-webkit-scrollbar{display:none}
|
|
#nav-block{-ms-overflow-style:none;overflow:-moz-scrollbars-none}
|
|
#nav-block.mozilla{margin-left:-17px;overflow-y:scroll}
|
|
#nav-block>div{direction:ltr}
|
|
#nav-item{width:24px;text-align:left;padding:14px 24px 14px 16px;border-bottom:#42453E 1px solid;font-size:18px;overflow:hidden}
|
|
#nav-item:hover{width:150px;color:#5D6833;background:#ABC056;border-bottom-color:#5D6833;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}
|
|
#nav-item:hover a{color:#5D6833;background:#ABC056}
|
|
#nav-item img{display:none}
|
|
#nav-item a{color:#A6A7A7;text-decoration:none}
|
|
#nav-item a:before{font-family:docker-icon,fontawesome;font-size:26px;margin-right:25px}
|
|
#nav-item.active,#nav-item.active a{color:#5D6833;background:#ABC056}
|
|
#nav-item.HelpButton.active:hover{background:#ABC056;font-size:18px}
|
|
#nav-item.HelpButton.active{background:#121510;font-size:0}
|
|
#nav-item a i{display:none}
|
|
#nav-user{display:block;float:left;text-align:center;border:none}
|
|
#nav-user.probe{font-size:11px;margin-left:3px;margin-right:8px}
|
|
#nav-tub1{position:fixed;top:56px;left:330px}
|
|
#nav-tub2{position:fixed;top:56px;left:360px}
|
|
#nav-tub3{position:fixed;top:56px;left:390px}
|
|
span.tub span[id^='txt-tub']{margin-top:7px}
|
|
#title{color:#39587f;margin:20px 0 10px 0;padding:10px 0;clear:both;background:#1B1D1B;border-bottom:#606E7F 1px solid}
|
|
#title span.left{font-size:20px;text-transform:uppercase}
|
|
#title span.right{font-size:20px;padding-right:10px;float:right}
|
|
#title span img,#title p{display:none}
|
|
#title:first-child{margin-top:0}
|
|
#clear{clear:both}
|
|
#footer{position:fixed;bottom:0;left:0;color:#808080;background:#121510;padding:5px 0;width:100%;height:16px;line-height:16px;text-align:center;z-index:100}
|
|
#statusraid{float:left;padding-left:10px}
|
|
#countdown{margin:0 auto}
|
|
#copyright{font-family:bitstream;font-size:11px;float:right;padding-right:10px}
|
|
.green{color:#4F8A10;padding-left:5px;padding-right:5px}
|
|
.red{color:#F0000C;padding-left:5px;padding-right:5px}
|
|
.orange{color:#E68A00;padding-left:5px;padding-right:5px}
|
|
.blue{color:#3B5998;padding-left:5px;padding-right:5px}
|
|
.green-text,.passed{color:#4F8A10}
|
|
.red-text,.failed{color:#F0000C}
|
|
.orange-text,.warning{color:#E68A00}
|
|
.blue-text{color:#3B5998}
|
|
.grey-text{color:#606060}
|
|
.usage-bar{position:fixed;top:60px;left:420px;height:22px;line-height:22px;width:140px;background-color:rgba(27,29,27,0.2)}
|
|
.usage-bar>span{display:block;height:3px;background-color:#606E7F;text-align:left}
|
|
.usage-bar>span>span{padding-left:4px;color:#606E7F}
|
|
.usage-disk{height:25px;line-height:25px;background-color:rgba(18,21,16,0.3)}
|
|
.usage-disk>span{display:block;height:3px;background-color:#606E7F;text-align:left}
|
|
.usage-disk>span>span{font-size:13px;color:#606E7F}
|
|
.usage-disk.sys{background-color:transparent}
|
|
.usage-disk.sys>span{font-size:13px}
|
|
.usage-disk.all{background-color:transparent}
|
|
.usage-disk.all>span{font-size:12px}
|
|
.notice{background:#FFF6BF url(../images/notice.png) no-repeat;background-position:20px 50%;text-align:left;padding:0 0 0 100px;display:block;height:70px;width:100%;vertical-align:middle;border-top:1px solid #FFD324;border-bottom:1px solid #FFD324;box-sizing:border-box;line-height:65px;border-left:1px solid #FFD324;border-right:1px solid #FFD324}
|
|
.whitebar{background:-webkit-radial-gradient(#C7C7C7,#EEEEEE);background:linear-gradient(#C7C7C7,#EEEEEE)}
|
|
.greenbar{background:-webkit-radial-gradient(#127A05,#17BF0B);background:linear-gradient(#127A05,#17BF0B)}
|
|
.orangebar{background:-webkit-radial-gradient(#CE7C10,#F0B400);background:linear-gradient(#CE7C10,#F0B400)}
|
|
.redbar{background:-webkit-radial-gradient(#941C00,#DE1100);background:linear-gradient(#941C00,#DE1100)}
|
|
.graybar{background:-webkit-radial-gradient(#949494,#D9D9D9);background:linear-gradient(#949494,#D9D9D9)}
|
|
table{border-collapse:collapse;border-spacing:0;margin:0;width:100%}
|
|
table.preclear{margin-top:0}
|
|
table tbody tr.tr_last{border-bottom:1px solid #606E7F}
|
|
table td.cpu-info{border:1px solid #0072C6}
|
|
table.disk_status{white-space:nowrap}
|
|
table.disk_status thead tr:first-child td{text-transform:uppercase;color:#42453E;border-bottom:#606E7F 1px solid}
|
|
table.disk_status td span{margin-left:10px}
|
|
table.disk_status tr>td{width:8%;padding:10px 10px 10px 0;white-space:nowrap}
|
|
table.disk_status tr>td+td{width:auto}
|
|
table.disk_status tr>td+td+td{width:6.5%;text-align:center;padding-left:4px;padding-right:8px}
|
|
table.disk_status tr>td+td+td+td{text-align:right;padding-left:0;padding-right:12px}
|
|
table.disk_status tr td:last-child{width:4%;padding-right:10px}
|
|
table.disk_status tbody tr{border-bottom:#0C0F0B 1px solid;line-height:30px}
|
|
table.disk_status.stats tr>td+td{text-align:left;padding-left:0;padding-right:12px}
|
|
table.array_status{line-height:30px}
|
|
table.array_status td{padding:4px 0}
|
|
table.array_status td:first-child{text-transform:uppercase}
|
|
table.array_status tr>td{text-align:left;white-space:nowrap;padding-left:12px;width:30%}
|
|
table.array_status tr>td+td{padding-left:2px;width:20%}
|
|
table.array_status tr>td+td+td{width:auto}
|
|
table.array_status td.line{border-top:1px solid #0C0F0B}
|
|
table.settings{padding-top:8px;line-height:42px}
|
|
table.settings td:first-child{width:35%;padding-left:12px}
|
|
table.settings tr>td+td{line-height:16px}
|
|
table.settings.shifted{padding:0;margin-left:0;margin-top:0}
|
|
table.settings.shifted td:first-child{padding-left:0}
|
|
table.share_status{white-space:nowrap;margin-top:12px}
|
|
table.share_status thead tr:first-child td{text-transform:uppercase;color:#42453E;border-bottom:#606E7F 1px solid}
|
|
table.share_status tr>td{text-align:left;padding-left:12px}
|
|
table.share_status tr>td+td{padding-left:0}
|
|
table.share_status tr.share_status_size>td{padding-left:40px}
|
|
table.share_status tr.share_status_size>td+td{padding-left:15px}
|
|
table.share_status tbody tr{border-bottom:#0C0F0B 1px solid;line-height:30px}
|
|
table.share_status tbody tr:last-child td{border-bottom:#606E7F 1px solid}
|
|
table.share_status tbody tr.alert{color:#F0000C;background-color:#FF9E9E}
|
|
table.share_status tbody tr.warn{color:#E68A00;background-color:#FEEFB3}
|
|
table.share_status.share tr td:last-child{width:4%;text-align:right;padding-right:10px}
|
|
table.share_status.fixed thead tr>td+td{font-size:11px}
|
|
table.share_status.fixed tr td:first-child{width:100px}
|
|
table.share_status.fixed tr>td+td{min-width:30px;text-align:center;padding:0}
|
|
table.share_status.fixed tbody tr{border-bottom:1px #0C0F0B solid}
|
|
table.share_status.fixed tbody tr td:first-child{padding-right:10px}
|
|
table.share_status.table{margin-top:36px}
|
|
table.share_status.table tr>td{width:50%}
|
|
table.share_status.dash{float:left;width:35%;margin-top:36px;margin-right:6px;border:none}
|
|
table.share_status.dash thead tr:first-child td{line-height:30px}
|
|
table.share_status.dash thead tr:last-child>td{border-bottom:1px solid #606E7F;text-align:left;color:#606E7F}
|
|
table.share_status.dash tbody td.blue{color:#606E7F}
|
|
table.share_status.dash.line tbody tr.wide{height:40px;line-height:40px}
|
|
table.share_status.dash.line tbody td{padding:3px 4px 3px 10px}
|
|
table.share_status.dash.line tr>td{width:25%}
|
|
table.share_status.dash.line tr>td[colspan='2']{width:50%}
|
|
table.share_status.dash.line tr>td[colspan='3']{width:75%}
|
|
table.share_status.dash.line tr>td[colspan='4']{width:100%}
|
|
table.share_status.dash.line tr>td:last-child{white-space:normal}
|
|
table.share_status.dash tr.h48{height:48px}
|
|
table.share_status.dash td:first-child{width:25%}
|
|
@media (max-width:1440px){
|
|
table.share_status.dash.line{width:49%;margin-right:2%;table-layout:fixed}
|
|
table.share_status.m36{width:49%;margin-left:0;margin-right:0}
|
|
table.share_status.m36 tr>td+td+td{width:12%}
|
|
table.share_status.m0{width:49%;margin-left:0;margin-right:0}
|
|
table.share_status.m0 tr>td+td+td{width:12%}
|
|
}
|
|
@media (min-width:1441px){
|
|
table.share_status.dash.line{width:33%;margin-right:7px;table-layout:fixed}
|
|
table.share_status.m36{width:33%;margin-left:0;margin-right:0}
|
|
table.share_status.m36 tr>td+td+td{width:12%}
|
|
table.share_status.m0{width:33%;margin-left:0;margin-right:7px}
|
|
table.share_status.m0 tr>td+td+td{width:12%}
|
|
}
|
|
tr.alert{color:#F0000C;background-color:#FF9E9E}
|
|
tr.warn{color:#E68A00;background-color:#FEEFB3}
|
|
tr.past{color:#D63301;background-color:#FFDDD1}
|
|
[name=arrayOps]{margin-top:12px}
|
|
span.error{color:#F0000C;background-color:#FF9E9E;display:block;width:100%}
|
|
span.warn{color:#E68A00;background-color:#FEEFB3;display:block;width:100%}
|
|
span.system{color:#00529B;background-color:#BDE5F8;display:block;width:100%}
|
|
span.array{color:#4F8A10;background-color:#DFF2BF;display:block;width:100%}
|
|
span.login{color:#D63301;background-color:#FFDDD1;display:block;width:100%}
|
|
span.lite{background-color:#121510}
|
|
span.label{font-size:12px;padding:2px 0 2px 6px;margin-right:6px;border-radius:4px;display:inline;width:auto;vertical-align:middle}
|
|
span.temp-text{font-size:12px;color:#4F8A10}
|
|
span.heat-text{font-size:12px;color:#F0000C}
|
|
span.cpu-speed{display:block;color:#3B5998}
|
|
span.status{float:right;font-size:15px}
|
|
span.status.vhshift{margin-top:-16px;margin-right:-20px}
|
|
span.status.hshift{margin-right:-20px}
|
|
span.diskinfo{float:left;clear:both;margin-top:5px;padding-left:10px}
|
|
span.bitstream{font-family:bitstream;font-size:11px}
|
|
span.p0{padding-left:0}
|
|
span.strong{font-weight:bold}
|
|
span.big{font-size:15px}
|
|
span.small{font-size:12px}
|
|
span.one{margin-left:-13px}
|
|
span.two{margin-left:-17px}
|
|
span.three{margin-left:-20px}
|
|
span.tub{margin-right:8px;font-size:24px;cursor:pointer}
|
|
span.score{font-size:11px;color:#FFFFFF;position:absolute}
|
|
span#dropbox{background:none;line-height:60px;margin-right:20px}
|
|
i.padlock{margin-right:8px;cursor:default}
|
|
i.nolock{visibility:hidden;margin-right:8px}
|
|
i.lock{margin-left:8px;cursor:default}
|
|
img.icon{margin:-3px 4px 0 0}
|
|
img.list{width:auto;max-width:48px;height:48px}
|
|
div.content{position:absolute;top:0;left:0;width:100%;padding-bottom:30px;z-index:-1;clear:both}
|
|
div.content.shift{margin-top:1px}
|
|
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{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;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}
|
|
div.Panel:hover .PanelText{text-decoration:underline}
|
|
div.Panel br,.vmtemplate br{display:none}
|
|
div.Panel img.PanelImg{float:left;width:auto;max-width:32px;height:32px;margin:10px}
|
|
div.Panel i.PanelIcon{float:left;font-size:32px;margin:10px}
|
|
div.Panel .PanelText{font-size:15px;padding-top:16px;text-align:center}
|
|
div.user-list{float:left;padding:10px;margin-right:10px;margin-bottom:24px;border:1px solid #0C0F0B;border-radius:5px;line-height:20px;height:100px;width:100px}
|
|
div.user-list img{width:auto;max-width:48px;height:48px;margin-bottom:16px}
|
|
div.user-list:hover{background-color:#121510}
|
|
div.vmheader{display:block;clear:both}
|
|
div.vmtemplate:hover{background-color:#121510}
|
|
div.vmtemplate{height:120px;width:120px;border:1px solid #0C0F0B}
|
|
div.vmtemplate img{margin-top:20px}
|
|
div.up{margin-top:-20px;border:1px solid #0C0F0B;padding:4px 6px;overflow:auto}
|
|
div.spinner{height:32px;width:32px;margin:24px auto;
|
|
-webkit-animation: fa-spin .6s infinite linear;
|
|
-moz-animation: fa-spin .6s infinite linear;
|
|
-o-animation: fa-spin .6s infinite linear;
|
|
animation: fa-spin .6s infinite linear;
|
|
border-left:6px solid rgba(0,174,239,.15);
|
|
border-right:6px solid rgba(0,174,239,.15);
|
|
border-bottom:6px solid rgba(0,174,239,.15);
|
|
border-top:6px solid rgba(0,174,239,.8);
|
|
border-radius:100%;}
|
|
div.spinner.fixed{display:none;position:absolute;left:47%;top:40px}
|
|
pre.up{margin-top:0}
|
|
pre{border:1px solid #0C0F0B;font-family:bitstream;font-size:12px;padding:0;overflow:auto;margin-bottom:10px;padding:10px}
|
|
iframe#progressFrame{position:fixed;bottom:32px;left:60px;margin:0;padding:8px 8px 0 8px;width:100%;height:12px;line-height:12px;border-style:none;overflow:hidden;font-family:bitstream;font-size:11px;color:#808080;white-space:nowrap;z-index:-2}
|
|
dl{margin-top:0;padding-left:12px;line-height:26px}
|
|
dt{clear:left;float:left;width:35%}
|
|
dd{margin-bottom:12px;white-space:nowrap}
|
|
dd p{margin:0 0 4px 0}
|
|
dd blockquote{padding-left:0}
|
|
blockquote{width:90%;margin:10px auto;text-align:left;padding:4px 20px;border:1px solid #BCE8F1;color:#3A87AD;background-color:#D9EDF7;box-sizing:border-box}
|
|
blockquote.ontop{margin-top:0;margin-bottom:46px}
|