immortalwrt/package/ctcgfw/luci-theme-darkmatter/htdocs/luci-static/darkmatter/css/style.css

2 lines
29 KiB
CSS
Raw Normal View History

2019-07-20 02:33:17 +08:00
*,body,html{margin:0;padding:0}abbr,footer>a,header>.container>.brand{text-decoration:none}.main,.panel-title,header,table{width:100%}@font-face{font-family:icomoon;src:url(../fonts/icon.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:DIN;src:url(../fonts/DIN.woff) format("woff");font-weight:400;font-style:normal;font-stretch:normal;unicode-range:U+0020-F000}.cbi-button-down,.cbi-button-up,.cbi-value-helpicon,.main>.loading>span,.showSide{speak:none;font-style:normal!important;font-weight:400!important;font-variant:normal!important;text-transform:none!important;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:400;line-height:1;color:inherit}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body,html{height:100%;font-family:DIN,Helvetica,Arial,sans-serif}a,a:active,a:hover,a:link,a:visited{color:rgba(117,137,12,.75);text-decoration:none}input,select{background-color:#1f1e1a;color:#fff;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000,0 0 3px #000;border:1px solid #4f4e4a;outline:0;padding:0;box-shadow:inset 0 0 12px #000;border-radius:0;background-image:none;height:1.9rem;font-size:1rem}input{padding-left:4px}input[type=checkbox],input[type=radio]{background:0 0;box-shadow:none}input[type=file]{padding:0!important;height:inherit}input:focus,select:not([multiple=multiple]):focus{border-color:rgba(117,136,12,.94)}select[multiple=multiple]{height:auto}code{color:#0f0e0a;text-shadow:none}abbr{color:rgba(117,137,12,.85);text-shadow:0 0 2px rgba(0,0,0,1),0 0 2px rgba(0,0,0,1);cursor:help}hr{margin:1rem 0;border-color:#1f1e1a;opacity:.1}header{height:56px;background:url(../img/stripes.svg) #1f1e1a;color:#d8d3c5;box-shadow:0 2px 5px rgba(0,0,0,.26),inset 0 0 42px 0 #000;transition:box-shadow .2s;float:left;position:fixed;z-index:101}header>.container{padding:0 1rem;height:56px;line-height:56px}header>.container>.brand{font-size:1.5rem;color:#d8d3c5;cursor:default;vertical-align:text-bottom}footer{text-align:right;padding:1rem;color:#aaa;font-size:.8rem;text-shadow:0 0 2px #BBB}.cbi-button,.cbi-section-table-cell,.cbi-section-table-row,.main>.loading>span{text-align:center}.main-right,.main>.main-left>.nav>li a{text-shadow:-1px 0 #1f1e1a,0 1px #1f1e1a,1px 0 #1f1e1a,0 -1px #1f1e1a,0 0 3px #1f1e1a}footer>a{color:#aaa}.main{top:56px;bottom:0;position:relative;height:100%;height:calc(100% - 56px)}.main-left,.main>.loading{height:100%;position:fixed}.main>.loading{width:100%;z-index:1000;display:block;background-color:#4f4e4a;top:0}.main>.loading>span{display:block;margin-top:20%;color:#d8d3c5;font-size:2rem}.main>.loading>span>.loading-img:before{font-family:icomoon;content:"\e603"}.main>.loading>span>.loading-img{animation:anim-rotate 2s infinite linear;margin-right:1rem;display:inline-block;color:rgba(117,137,12,1)}@keyframes anim-rotate{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}.main-left{float:left;top:56px;width:15%;width:calc(0% + 15rem);height:calc(100% - 56px);color:#d8d3c5;background:#2f2e2a;background:linear-gradient(to bottom,#2f2e2a 0,#1f1e1a 100%);background:-webkit-linear-gradient(top,#2f2e2a 0,#1f1e1a 100%);overflow-x:auto}.main-right,.pull-right{float:right}.main-right{width:85%;width:calc(100% - 15rem);height:100%;font-size:.85rem;background-color:#4f4e4a}.main-right>#maincontent{background-color:#4f4e4a;color:#fafafa}.pull-left{float:left}.warning{background-color:#FF7D60!important;color:#FFF}.alert-message,.errorbox{margin:2rem 0 0;padding:2rem;border:0;font-weight:400;font-style:normal;line-height:1;font-family:inherit;min-width:inherit;overflow:auto;border-radius:0;background-color:#FFF;box-shadow:0 2px 2px 0 rgba(0,0,0,.16),0 0 2px 0 rgba(0,0,0,.12)}.errorbox{color:#fff;background-color:#f0ad4e;border-color:#eea236}.error{color:red}#maincontent>.container>div:nth-child(1).alert-message.warning>a{font:inherit;ov