From 5109711e75d8896e9602c15249dbb112f375cf8d Mon Sep 17 00:00:00 2001 From: bergware Date: Thu, 25 May 2017 17:34:38 +0200 Subject: [PATCH] Theme optimizations and alignments --- plugins/dynamix/styles/default-azure.css | 20 +++++----- plugins/dynamix/styles/default-black.css | 50 ++++++++++++------------ plugins/dynamix/styles/default-gray.css | 20 +++++----- plugins/dynamix/styles/default-white.css | 50 ++++++++++++------------ plugins/dynamix/styles/dynamix-azure.css | 2 +- plugins/dynamix/styles/dynamix-black.css | 12 +++--- plugins/dynamix/styles/dynamix-gray.css | 2 +- plugins/dynamix/styles/dynamix-white.css | 12 +++--- 8 files changed, 85 insertions(+), 83 deletions(-) diff --git a/plugins/dynamix/styles/default-azure.css b/plugins/dynamix/styles/default-azure.css index 963269e58..8e48b7807 100644 --- a/plugins/dynamix/styles/default-azure.css +++ b/plugins/dynamix/styles/default-azure.css @@ -16,10 +16,10 @@ i.spacing{margin-left:0;margin-right:10px;} i.icon{margin-right:4px;} 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:13px; font-weight:bold;text-transform:uppercase;} +big{font-size:14px;font-weight:bold;text-transform:uppercase;} hr{border-color:#EDEAEF;} -input[type=text],input[type=password],input[type=number],input[type=url],input[type=email],textarea,.textarea{font-weight:normal;background-color:transparent;border:1px solid #606E7F;padding:5px 10px;min-height:20px;line-height:20px;outline:none;width:326px;margin:0 20px 0 0;box-shadow:none;color:#606E7F;box-sizing:border-box;} -input[type=button],input[type=reset],input[type=submit],button,a.button{border:1px solid #9F9180;border-radius:5px;margin:10px 20px 10px 0;padding:6px 12px;cursor:pointer;outline:none;color:#9F9180;background:#EDEAEF;} +input[type=text],input[type=password],input[type=number],input[type=url],input[type=email],textarea,.textarea{font-size:13px;background-color:transparent;border:1px solid #606E7F;padding:5px 10px;min-height:20px;line-height:20px;outline:none;width:326px;margin:0 20px 0 0;box-shadow:none;color:#606E7F;box-sizing:border-box;} +input[type=button],input[type=reset],input[type=submit],button,a.button{font-size:13px;border:1px solid #9F9180;border-radius:5px;margin:10px 20px 10px 0;padding:8px 12px;cursor:pointer;outline:none;color:#9F9180;background:#EDEAEF;} 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;} @@ -28,7 +28,7 @@ input:hover[type=button],input:hover[type=reset],input:hover[type=submit],button 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:#C7C5CB;opacity:0.5;cursor:default;} input::-webkit-input-placeholder{color:#00529B;} -select{min-width:188px;max-width:326px;padding:6px 10px;margin:0 10px 0 0;border:#606E7F 1px solid;box-shadow:none;color:#606E7F;background:transparent;outline:none;display:inline-block;cursor:pointer;} +select{font-size:13px;min-width:188px;max-width:326px;padding:6px 10px;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:#EDEAEF;} select:focus{border-color:#0072C6;} select[disabled]{color:#808080;border-color:#808080;background:#C7C5CB;opacity:0.5;cursor:default;} @@ -113,15 +113,15 @@ span[id^='txt-tub']{margin-top:7px;} .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:#E4E2E4;} +.usage-bar{position:fixed;top:60px;left:420px;height:22px;line-height:22px;width:140px;background-color:rgba(228,226,228,0.4);} .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:transparent;float:right;} +.usage-disk{height:25px;line-height:25px;background-color:rgba(237,234,239,0.4);} .usage-disk>span{display:block;height:3px;background-color:#606E7F;text-align:left;} .usage-disk>span>span{font-size:11px;color:#606E7F;} -.usage-disk.sys{float:none;} -.usage-disk.all{float:none;} +.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:11px;} .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);} @@ -206,7 +206,7 @@ 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:#EDEAEF;} -span.label{font-size:small;padding:2px 0 2px 6px;margin-right:6px;border-radius:4px;display:inline;width:auto;vertical-align:middle;} +span.label{font-size:11px;padding:2px 0 2px 6px;margin-right:6px;border-radius:4px;display:inline;width:auto;vertical-align:middle;} span.temp-text{font-size:11px;color:#4F8A10;} span.heat-text{font-size:11px;color:#F0000C;} span.cpu-speed{display:block;color:#3B5998;} @@ -217,7 +217,7 @@ 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.big{font-size:14px;} span.small{font-size:11px;} span.one{margin-left:-13px;} span.two{margin-left:-17px;} diff --git a/plugins/dynamix/styles/default-black.css b/plugins/dynamix/styles/default-black.css index 18e4adf8f..08e038a15 100644 --- a/plugins/dynamix/styles/default-black.css +++ b/plugins/dynamix/styles/default-black.css @@ -1,4 +1,5 @@ -html,body{font-family:arimo;font-size:12px;color:#808080;background-color:#000000;padding:0;margin:0;} +html{font-family:arimo;} +body{font-size:12px;color:#808080;background-color:#000000;padding:0;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} #template{min-width:1080px;margin:0 10px;} img{border:0;text-decoration:none;vertical-align:middle;} p{text-align:justify;} @@ -15,8 +16,8 @@ a.nohand{cursor:default;} i.spacing{margin-left:-6px;} i.icon{margin-right:4px;} hr{border-color:rgba(255,255,255,0.25);} -input[type=text],input[type=password],input[type=number],input[type=url],input[type=email],textarea,.textarea{font-family:arimo;font-size:11px;color:#808080;background-color:#000000;border:1px solid #404040;border-radius:4px;padding:2px 8px;min-height:20px;line-height:20px;outline:none;width:301px;margin:0 10px 0 0;box-shadow:inset 1px 1px 5px #404040;} -input[type=button],input[type=reset],input[type=submit],button,a.button{font-family:arimo;font-size:11px;border:1px solid #303030;border-radius:6px;margin:7px 14px 0 0;padding:6px 12px;text-decoration:none;white-space:nowrap;cursor:pointer;outline:none;color:#808080;background:-webkit-radial-gradient(#505050,#181818);background:linear-gradient(#505050,#181818);} +input[type=text],input[type=password],input[type=number],input[type=url],input[type=email],textarea,.textarea{font-size:12px;color:#808080;background-color:#000000;border:1px solid #404040;border-radius:4px;padding:2px 8px;min-height:20px;line-height:20px;outline:none;width:301px;margin:0 10px 0 0;box-shadow:inset 1px 1px 5px #404040;} +input[type=button],input[type=reset],input[type=submit],button,a.button{font-size:12px;border:1px solid #303030;border-radius:6px;margin:7px 14px 0 0;padding:8px 12px;text-decoration:none;white-space:nowrap;cursor:pointer;outline:none;color:#808080;background:-webkit-radial-gradient(#505050,#181818);background:linear-gradient(#505050,#181818);} 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;} @@ -25,7 +26,7 @@ input:hover[type=button],input:hover[type=reset],input:hover[type=submit],button input:active[type=button],input:active[type=reset],input:active[type=submit],button:active{border-color:#6AB034;box-shadow:inset 0 0 8px 4px #548C29,0 1px 0 0 #101010;} 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:#505050;border-color:#181818;background:linear-gradient(#202020,#101010);background:-webkit-radial-gradient(#202020,#101010);cursor:default;} input::-webkit-input-placeholder{color:#486DBA;} -select{min-width:150px;max-width:320px;font-family:arimo;font-size:11px;color:#A0A0A0;background:-webkit-radial-gradient(#505050,#303030);background:linear-gradient(#505050,#303030);padding:4px 6px;margin:0 10px 0 0;border:none;box-shadow:0 2px 0 #404040;border-radius:4px;outline:none;display:inline-block;cursor:pointer;} +select{min-width:150px;max-width:320px;font-size:12px;color:#A0A0A0;background:-webkit-radial-gradient(#505050,#303030);background:linear-gradient(#505050,#303030);padding:4px 6px;margin:0 10px 0 0;border:none;box-shadow:0 2px 0 #404040;border-radius:4px;outline:none;display:inline-block;cursor:pointer;} select[disabled]{color:#505050;background:-webkit-radial-gradient(#303030,#101010);background:linear-gradient(#303030,#101010);box-shadow:0 2px 0 #202020;cursor:default;} select[name=enter_view]{padding:0;float:right;} select[name=enter_share]{padding:0;float:right;} @@ -36,16 +37,16 @@ select.slot{min-width:400px;max-width:400px;} input.narrow{width:132px;} input.trim{width:50px;} #header{height:90px;} -#header.image{background-size:100% 90px; border-radius:5px;color:#D0D0D0;} +#header.image{background-size:100% 90px;border-radius:5px;color:#D0D0D0;} #header .logo{float:left;margin-top:20px;margin-left:20px;} #header .logo img{margin:0 0 2px 1px;} #header .logo a{color:#478406;font-size:18px;} -#header .block{margin:10px 5px 0 0;float:right;text-align:right;background-color:rgba(0, 0, 0, 0.4);border-radius:10px;padding:2px 8px;} +#header .block{margin:10px 5px 0 0;float:right;text-align:right;background-color:rgba(0,0,0,0.4);border-radius:10px;padding:2px 8px;} #header .text-left{float:left;text-align:right;padding-right:5px;border-right:solid medium #478406;} #header .text-right{float:right;text-align:left;padding-left:5px;min-width:165px;} #title{margin:20px 0 22px 0;padding:5px 10px;clear:both;border-top-left-radius:5px;border-top-right-radius:5px;border:1px solid #282828;border-bottom:1px solid #383838;background:-webkit-radial-gradient(#202020,#303030);background:linear-gradient(#202020,#303030);} #title span.left{font-size:13px;} -#title span.right{font-size:10px;padding-top:2px;padding-right:10px;float:right;} +#title span.right{font-size:11px;padding-top:2px;padding-right:10px;float:right;} #title span img{padding-right:4px;} #menu{height:32px;line-height:32px;border-radius:5px;background:-webkit-radial-gradient(#606060,#303030);background:linear-gradient(#606060,#303030);} #nav-block{color:#F0F0F0;} @@ -55,7 +56,7 @@ input.trim{width:50px;} #nav-block #nav-user{display:block;float:left;text-align:center;border:none;} #nav-right #nav-item{border-right:none;border-left:thin solid #606060;} #nav-block #nav-item .system{vertical-align:middle;padding-bottom:2px;padding-right:4px;} -#nav-block #nav-user .probe{font-size:smaller;margin-left:3px;margin-right:8px;} +#nav-block #nav-user .probe{font-size:11px;margin-left:3px;margin-right:8px;} #nav-block #nav-item:hover{border-bottom:thick solid #478406;border-radius:5px;background:-webkit-radial-gradient(#3B3F40,#28292D);background:linear-gradient(#3B3F40,#28292D);} #nav-block #nav-item.active{color:#FFFFFF;border-right:thin solid #606060;border-bottom:thick solid #478406;border-radius:5px;background:-webkit-radial-gradient(#303030,#000000);background:linear-gradient(#303030,#000000);} #nav-block #nav-item a{color:#F0F0F0;font-style:normal;display:block;padding-left:10px;padding-right:10px;min-width:46px;} @@ -67,7 +68,7 @@ input.trim{width:50px;} #footer{position:fixed;bottom:0;left:0;color:#808080;background:#0F0F0F;padding:5px 0;width:100%;height:16px;line-height:16px;text-align:center;} #statusraid{float:left;padding-left:10px;} #countdown{margin:0 auto;} -#copyright{font-family:bitstream;font-size:10px;float:right;padding-right:10px;} +#copyright{font-family:bitstream;font-size:11px;float:right;padding-right:10px;} #indexer{margin:-12px auto 0 auto;} #indexer tr:nth-child(even){background-color:#0C0C0C;} #indexer td:first-child{width:4%;} @@ -78,7 +79,7 @@ input.trim{width:50px;} #indexer tr:first-child>td{padding-bottom:4px;} #indexer tr:last-child>td{text-align:left;} #indexer td{padding:2px 0;} -#indexer span{font-size:smaller;} +#indexer span{font-size:11px;} #indexer div{margin-left:8px;} .green{color:#4F8A10;padding-left:5px;padding-right:5px;} .red{color:#F0000C;padding-left:5px;padding-right:5px;} @@ -90,14 +91,14 @@ input.trim{width:50px;} .grey-text{color:#606060;} .usage-bar{float:left;height:16px;line-height:16px;width:130px;padding:1px 1px 1px 2px;margin:6px 12px;border-radius:3px;background-color:#585858;box-shadow:0 1px 0 #989898,inset 0 1px 0 #202020;} .usage-bar>span{display:block;height:100%;text-align:right;border-radius:2px;background-color:#808080;box-shadow:inset 0 1px 0 rgba(255,255,255,.5);} -.usage-bar>span>span{padding:0 4px;font-size:10px;} +.usage-bar>span>span{padding:0 4px;font-size:11px;} .usage-disk{height:16px;line-height:16px;padding:0;margin:0;border-radius:3px;background-color:#585858;} .usage-disk>span{display:block;height:100%;border-radius:2px;background-color:#808080;box-shadow:inset 0 1px 0 rgba(255,255,255,.5);text-align:left;} -.usage-disk>span>span{padding:0 6px;font-size:10px;color:#FFFFFF;} +.usage-disk>span>span{padding:0 6px;font-size:11px;color:#FFFFFF;} .usage-disk.sys{height:20px;line-height:20px;margin-right:8px;padding:1px 0 1px 1px;} .usage-disk.sys>span{text-align:right;color:#FFFFFF;} .usage-disk.all{margin-right:2px;} -.usage-disk.all>span{text-align:right;color:#FFFFFF;font-size:10px;} +.usage-disk.all>span{text-align:right;color:#FFFFFF;font-size:11px;} .notice{background:#FFF6BF url(../images/notice.png) no-repeat;background-position:15px 50%;text-align:left;padding:15px 15px 15px 100px;display:table-cell;height:30px;width:1270px;vertical-align:middle;border-top:2px solid #FFD324;border-bottom:2px 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);} @@ -132,17 +133,16 @@ table.array_status tr>td{text-align:left;white-space:nowrap;padding-left:12px;wi table.array_status tr>td+td{padding-left:2px;width:17%;} table.array_status tr>td+td+td{width:auto;} table.array_status td.line{border-top:1px solid #202020;} -table.settings{padding:0;} table.settings{padding-top:8px;} table.settings td:first-child{font-weight:bold;width:33%;padding-left:12px;} -table.settings tr>td+td{font-size:11px;white-space:nowrap;} +table.settings tr>td+td{white-space:nowrap;} table.settings.shifted{padding:0;margin-left:-26px;margin-top:0;} table.settings.shifted td:first-child{font-size:12px;padding-left:0;} table.access_list{border-spacing:0;margin-top:10px;border:0;} table.access_list tr:first-child td{font-size:15px;vertical-align:middle;text-align:left;border-top-left-radius:5px;border-top-right-radius:5px;border:1px solid #101010;border-bottom:1px solid #282828;background:-webkit-radial-gradient(#101010,#202020);background:linear-gradient(#101010,#202020);} table.access_list td:first-child{font-weight:bold;width:33%;padding-left:12px;} table.access_list tr:first-child td:first-child{font-weight:normal;} -table.access_list tr>td+td{font-size:11px;white-space:nowrap;} +table.access_list tr>td+td{white-space:nowrap;} table.share_status{border-collapse:collapse;white-space:nowrap;} table.share_status thead tr:first-child td{font-size:13px;background:-webkit-radial-gradient(#101010,#202020);background:linear-gradient(#101010,#202020);} table.share_status thead tr:last-child{border-bottom:1px solid #282828;} @@ -188,19 +188,19 @@ 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:#0F0F0F;} -span.label{font-size:small;padding:2px 0 2px 6px;margin-right:6px;border-radius:4px;display:inline;width:auto;vertical-align:middle;} -span.temp-text{font-size:10px;color:#4F8A10;} -span.heat-text{font-size:10px;color:#F0000C;} +span.label{font-size:11px;padding:2px 0 2px 6px;margin-right:6px;border-radius:4px;display:inline;width:auto;vertical-align:middle;} +span.temp-text{font-size:11px;color:#4F8A10;} +span.heat-text{font-size:11px;color:#F0000C;} span.cpu-speed{display:block;color:#3B5998;} span.status{float:right;font-size:14px;margin-top:0px;padding-right:8px;} span.status.vhshift{margin-top:-12px;margin-right:-22px;} span.status.hshift{margin-right:-6px;} span.diskinfo{float:left;clear:both;margin-top:5px;padding-left:10px;} -span.bitstream{font-family:bitstream;font-size:10px;} +span.bitstream{font-family:bitstream;font-size:11px;} span.p0{padding-left:0;} span.strong{font-weight:bold;} -span.big{font-size:larger;} -span.small{font-size:smaller;} +span.big{font-size:13px;} +span.small{font-size:11px;} span.one{margin-left:-13px;} span.two{margin-left:-17px;} span.three{margin-left:-20px;} @@ -224,11 +224,11 @@ div.user-list{float:left;padding:10px;margin-right:10px;margin-bottom:24px;borde div.user-list img{margin-bottom:12px;} div.up{margin-top:-20px;border:1px solid #202020;padding:4px 6px;overflow:auto;} pre.up{margin-top:-20px;} -pre{border:1px solid #202020;font-family:bitstream;font-size:11px;padding:4px 6px;overflow:auto;} -iframe#progressFrame{position:fixed;bottom:32px;left:0;margin:0;padding:8px 8px 0 8px;width:100%;height:12px;line-height:12px;border-style:none;overflow:hidden;font-family:bitstream;font-size:10px;color:#A0A0A0;white-space:nowrap;z-index:-10;} +pre{border:1px solid #202020;font-family:bitstream;padding:4px 6px;overflow:auto;} +iframe#progressFrame{position:fixed;bottom:32px;left:0;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:#A0A0A0;white-space:nowrap;z-index:-10;} dl{margin:0;padding-left:12px;line-height:26px;} dt{clear:left;float:left;width:33%;font-weight:bold;} -dd{margin-bottom:12px;font-size:11px;white-space:nowrap;} +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-top:2px solid #bce8f1;border-bottom:2px solid #bce8f1;color:#3a87ad;background-color:#d9edf7;} diff --git a/plugins/dynamix/styles/default-gray.css b/plugins/dynamix/styles/default-gray.css index aad234446..e1e520b56 100644 --- a/plugins/dynamix/styles/default-gray.css +++ b/plugins/dynamix/styles/default-gray.css @@ -16,10 +16,10 @@ i.spacing{margin-left:0;margin-right:10px;} i.icon{margin-right:4px;} 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:13px; font-weight:bold;text-transform:uppercase;} +big{font-size:14px;font-weight:bold;text-transform:uppercase;} hr{border-color:#121510;} -input[type=text],input[type=password],input[type=number],input[type=url],input[type=email],textarea,.textarea{font-weight:normal;background-color:transparent;border:1px solid #606E7F;padding:5px 10px;min-height:20px;line-height:20px;outline:none;width:326px;margin:0 20px 0 0;box-shadow:none;color:#606E7F;box-sizing:border-box;} -input[type=button],input[type=reset],input[type=submit],button,a.button{border:1px solid #606E7F;border-radius:5px;margin:10px 20px 10px 0;padding:6px 12px;cursor:pointer;outline:none;color:#606E7F;background:#121510;} +input[type=text],input[type=password],input[type=number],input[type=url],input[type=email],textarea,.textarea{font-size:13px;background-color:transparent;border:1px solid #606E7F;padding:5px 10px;min-height:20px;line-height:20px;outline:none;width:326px;margin:0 20px 0 0;box-shadow:none;color:#606E7F;box-sizing:border-box;} +input[type=button],input[type=reset],input[type=submit],button,a.button{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;} @@ -28,7 +28,7 @@ input:hover[type=button],input:hover[type=reset],input:hover[type=submit],button 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{min-width:188px;max-width:326px;padding:6px 10px;margin:0 10px 0 0;border:#606E7F 1px solid;box-shadow:none;color:#606E7F;background:transparent;outline:none;display:inline-block;cursor:pointer;} +select{font-size:13px;min-width:188px;max-width:326px;padding:6px 10px;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;} @@ -113,15 +113,15 @@ span[id^='txt-tub']{margin-top:7px;} .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:#1B1D1B;} +.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:transparent;float:right;} +.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:11px;color:#606E7F;} -.usage-disk.sys{float:none;} -.usage-disk.all{float:none;} +.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:11px;} .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);} @@ -206,7 +206,7 @@ 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:small;padding:2px 0 2px 6px;margin-right:6px;border-radius:4px;display:inline;width:auto;vertical-align:middle;} +span.label{font-size:11px;padding:2px 0 2px 6px;margin-right:6px;border-radius:4px;display:inline;width:auto;vertical-align:middle;} span.temp-text{font-size:11px;color:#4F8A10;} span.heat-text{font-size:11px;color:#F0000C;} span.cpu-speed{display:block;color:#3B5998;} @@ -217,7 +217,7 @@ 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.big{font-size:14px;} span.small{font-size:11px;} span.one{margin-left:-13px;} span.two{margin-left:-17px;} diff --git a/plugins/dynamix/styles/default-white.css b/plugins/dynamix/styles/default-white.css index 4f05fc1d2..095efe9ac 100644 --- a/plugins/dynamix/styles/default-white.css +++ b/plugins/dynamix/styles/default-white.css @@ -1,4 +1,5 @@ -html,body{font-family:arimo;font-size:12px;color:#303030;background-color:#FFFFFF;padding:0;margin:0;} +html{font-family:arimo;} +body{font-size:12px;color:#303030;background-color:#FFFFFF;padding:0;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} #template{min-width:1080px;margin:0 10px;} img{border:0;text-decoration:none;vertical-align:middle;} p{text-align:justify;} @@ -15,8 +16,8 @@ a.nohand{cursor:default;} i.spacing{margin-left:-6px;} i.icon{margin-right:4px;} hr{border-color:rgba(255,255,255,0.25);} -input[type=text],input[type=password],input[type=number],input[type=url],input[type=email],textarea,.textarea{font-family:arimo;font-size:11px;color:#303030;background-color:#FFFFFF;border:1px solid #E0E0E0;border-radius:4px;padding:2px 8px;min-height:20px;line-height:20px;outline:none;width:301px;margin:0 10px 0 0;box-shadow:inset 1px 1px 5px #F0F0F0;} -input[type=button],input[type=reset],input[type=submit],button,a.button{font-family:arimo;font-size:11px;border:1px solid #E8E8E8;border-radius:6px;margin:7px 14px 0 0;padding:6px 12px;text-decoration:none;white-space:nowrap;cursor:pointer;outline:none;color:#303030;background:-webkit-radial-gradient(#F0F0F0,#C8C8C8);background:linear-gradient(#F0F0F0,#C8C8C8);} +input[type=text],input[type=password],input[type=number],input[type=url],input[type=email],textarea,.textarea{font-size:12px;color:#303030;background-color:#FFFFFF;border:1px solid #E0E0E0;border-radius:4px;padding:2px 8px;min-height:20px;line-height:20px;outline:none;width:301px;margin:0 10px 0 0;box-shadow:inset 1px 1px 5px #F0F0F0;} +input[type=button],input[type=reset],input[type=submit],button,a.button{font-size:12px;border:1px solid #E8E8E8;border-radius:6px;margin:7px 14px 0 0;padding:8px 12px;text-decoration:none;white-space:nowrap;cursor:pointer;outline:none;color:#303030;background:-webkit-radial-gradient(#F0F0F0,#C8C8C8);background:linear-gradient(#F0F0F0,#C8C8C8);} 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;} @@ -25,26 +26,27 @@ input:hover[type=button],input:hover[type=reset],input:hover[type=submit],button input:active[type=button],input:active[type=reset],input:active[type=submit],button:active{border-color:#6AB034;box-shadow:inset 0 0 8px 4px #548C29,0 1px 0 0 #E0E0E0;} 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:#F0F0F0;background:linear-gradient(#F0F0F0,#F8F8F8);background:-webkit-radial-gradient(#F0F0F0,#F8F8F8);cursor:default;} input::-webkit-input-placeholder{color:#00529B;} -select{min-width:150px;max-width:320px;font-family:arimo;font-size:11px;padding:4px 6px;margin:0 10px 0 0;border:none;border-radius:4px;box-shadow:0 2px 0 #E0E0E0,inset 0 -1px #FFFFFF;background:#F8F8F8;outline:none;display:inline-block;cursor:pointer;} +select{min-width:150px;max-width:320px;font-size:12px;padding:4px 6px;margin:0 10px 0 0;border:none;border-radius:4px;box-shadow:0 2px 0 #E0E0E0,inset 0 -1px #FFFFFF;background:#F8F8F8;outline:none;display:inline-block;cursor:pointer;} select[disabled]{background-color:#F8F8F8;cursor:default;box-shadow:0 2px 0 #F0F0F0,inset 0 -1px #FFFFFF;} select[name=enter_view]{padding:0;float:right;} select[name=enter_share]{padding:0;float:right;} +select option{background-color:#FFFFFF;} select.narrow{min-width:69px;} select.auto{min-width:auto;} select.slot{min-width:400px;max-width:400px;} input.narrow{width:132px;} input.trim{width:50px;} #header{height:90px;} -#header.image{background-size:100% 90px; border-radius:5px;color:#202020;} +#header.image{background-size:100% 90px;border-radius:5px;color:#202020;} #header .logo{float:left;margin-top:20px;margin-left:20px;} #header .logo img{margin:0 0 2px 1px;} #header .logo a{color:#478406;font-size:18px;} -#header .block{margin:10px 5px 0 0;float:right;text-align:right;background-color:rgba(255, 255, 255, 0.4);border-radius:10px;padding:2px 8px;} +#header .block{margin:10px 5px 0 0;float:right;text-align:right;background-color:rgba(255,255,255,0.4);border-radius:10px;padding:2px 8px;} #header .text-left{float:left;text-align:right;padding-right:5px;border-right:solid medium #478406;} #header .text-right{float:right;text-align:left;padding-left:5px;min-width:165px;} #title{margin:20px 0 22px 0;padding:5px 10px;clear:both;border-top-left-radius:5px;border-top-right-radius:5px;border:1px solid #E8E8E8;border-bottom:1px solid #C8C8C8;background:-webkit-radial-gradient(#D0D0D0,#C0C0C0);background:linear-gradient(#D0D0D0,#C0C0C0);} #title span.left{font-size:13px;} -#title span.right{font-size:10px;padding-top:2px;padding-right:10px;float:right;} +#title span.right{font-size:11px;padding-top:2px;padding-right:10px;float:right;} #title span img{padding-right:4px;} #menu{height:32px;line-height:32px;border-radius:5px;background:-webkit-radial-gradient(#606060,#303030);background:linear-gradient(#606060,#303030);} #nav-block{color:#F0F0F0;} @@ -54,7 +56,7 @@ input.trim{width:50px;} #nav-block #nav-user{display:block;float:left;text-align:center;border:none;} #nav-right #nav-item{border-right:none;border-left:thin solid #585858;} #nav-block #nav-item .system{vertical-align:middle;padding-bottom:2px;padding-right:4px;} -#nav-block #nav-user .probe{font-size:smaller;margin-left:3px;margin-right:8px;} +#nav-block #nav-user .probe{font-size:11px;margin-left:3px;margin-right:8px;} #nav-block #nav-item:hover{border-bottom:thick solid #478406;border-radius:5px;background:-webkit-radial-gradient(#3B3F40,#28292D);background:linear-gradient(#3B3F40,#28292D);} #nav-block #nav-item.active{color:#FFFFFF;border-right:thin solid #585858;border-bottom:thick solid #478406;border-radius:5px;background:-webkit-radial-gradient(#303030,#000000);background:linear-gradient(#303030,#000000);} #nav-block #nav-item a{color:#F0F0F0;font-style:normal;display:block;padding-left:10px;padding-right:10px;min-width:46px;} @@ -66,7 +68,7 @@ input.trim{width:50px;} #footer{position:fixed;bottom:0;left:0;color:#A0A0A0;background:#F0F0F0;padding:5px 0;width:100%;height:16px;line-height:16px;text-align:center;} #statusraid{float:left;padding-left:10px;} #countdown{margin:0 auto;} -#copyright{font-family:bitstream;font-size:10px;float:right;padding-right:10px;} +#copyright{font-family:bitstream;font-size:11px;float:right;padding-right:10px;} #indexer{margin:-12px auto 0 auto;} #indexer tr:nth-child(even){background-color:#F8F8F8;} #indexer td:first-child{width:4%;} @@ -77,7 +79,7 @@ input.trim{width:50px;} #indexer tr:first-child>td{padding-bottom:4px;} #indexer tr:last-child>td{text-align:left;} #indexer td{padding:2px 0;} -#indexer span{font-size:smaller;} +#indexer span{font-size:11px;} #indexer div{margin-left:8px;} .green{color:#4F8A10;padding-left:5px;padding-right:5px;} .red{color:#F0000C;padding-left:5px;padding-right:5px;} @@ -89,14 +91,14 @@ input.trim{width:50px;} .grey-text{color:#606060;} .usage-bar{float:left;height:16px;line-height:16px;width:130px;padding:1px 1px 1px 2px;margin:6px 12px;border-radius:3px;background-color:#585858;box-shadow:0 1px 0 #989898,inset 0 1px 0 #202020;} .usage-bar>span{display:block;height:100%;text-align:right;border-radius:2px;background-color:#808080;box-shadow:inset 0 1px 0 rgba(255,255,255,.5);} -.usage-bar>span>span{padding:0 4px;font-size:10px;} +.usage-bar>span>span{padding:0 4px;font-size:11px;} .usage-disk{height:16px;line-height:16px;padding:0;margin:0;border-radius:3px;background-color:#585858;} .usage-disk>span{display:block;height:100%;border-radius:2px;background-color:#808080;box-shadow:inset 0 1px 0 rgba(255,255,255,.5);text-align:left;} -.usage-disk>span>span{padding:0 6px;font-size:10px;color:#FFFFFF;} +.usage-disk>span>span{padding:0 6px;font-size:11px;color:#FFFFFF;} .usage-disk.sys{height:20px;line-height:20px;margin-right:8px;padding:1px 0 1px 1px;} .usage-disk.sys>span{text-align:right;color:#FFFFFF;} .usage-disk.all{margin-right:2px;} -.usage-disk.all>span{text-align:right;color:#FFFFFF;font-size:10px;} +.usage-disk.all>span{text-align:right;color:#FFFFFF;font-size:11px;} .notice{background:#FFF6BF url(../images/notice.png) no-repeat;background-position:15px 50%;text-align:left;padding:15px 15px 15px 100px;display:table-cell;height:30px;width:1270px;vertical-align:middle;border-top:2px solid #FFD324;border-bottom:2px 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);} @@ -133,14 +135,14 @@ table.array_status tr>td+td+td{width:auto;} table.array_status td.line{border-top:1px solid #F0F0F0;} table.settings{padding-top:8px;} table.settings td:first-child{font-weight:bold;width:33%;padding-left:12px;} -table.settings tr>td+td{font-size:11px;white-space:nowrap;} +table.settings tr>td+td{white-space:nowrap;} table.settings.shifted{padding:0;margin-left:-26px;margin-top:0;} table.settings.shifted td:first-child{font-size:12px;padding-left:0;} table.access_list{border-spacing:0;margin-top:10px;border:0;} table.access_list tr:first-child td{font-size:15px;vertical-align:middle;text-align:left;border-top-left-radius:5px;border-top-right-radius:5px;border:1px solid #E0E0E0;border-bottom:1px solid #D8D8D8;background:-webkit-radial-gradient(#E0E0E0,#D0D0D0);background:linear-gradient(#E0E0E0,#D0D0D0);} table.access_list td:first-child{font-weight:bold;width:33%;padding-left:12px;} table.access_list tr:first-child td:first-child{font-weight:normal;} -table.access_list tr>td+td{font-size:11px;white-space:nowrap;} +table.access_list tr>td+td{white-space:nowrap;} table.share_status{border-collapse:collapse;white-space:nowrap;} table.share_status thead tr:first-child td{font-size:13px;background:-webkit-radial-gradient(#E0E0E0,#C0C0C0);background:linear-gradient(#E0E0E0,#C0C0C0);} table.share_status thead tr:last-child{border-bottom:1px solid #F0F0F0;} @@ -186,19 +188,19 @@ 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:#E0E0E0;} -span.label{font-size:small;padding:2px 0 2px 6px;margin-right:6px;border-radius:4px;display:inline;width:auto;vertical-align:middle;} -span.temp-text{font-size:10px;color:#4F8A10;} -span.heat-text{font-size:10px;color:#F0000C;} +span.label{font-size:11px;padding:2px 0 2px 6px;margin-right:6px;border-radius:4px;display:inline;width:auto;vertical-align:middle;} +span.temp-text{font-size:11px;color:#4F8A10;} +span.heat-text{font-size:11px;color:#F0000C;} span.cpu-speed{display:block;color:#3B5998;} span.status{float:right;font-size:14px;margin-top:0px;padding-right:8px;} span.status.vhshift{margin-top:-12px;margin-right:-22px;} span.status.hshift{margin-right:-6px;} span.diskinfo{float:left;clear:both;margin-top:5px;padding-left:10px;} -span.bitstream{font-family:bitstream;font-size:10px;} +span.bitstream{font-family:bitstream;font-size:11px;} span.p0{padding-left:0;} span.strong{font-weight:bold;} -span.big{font-size:larger;} -span.small{font-size:smaller;} +span.big{font-size:13px;} +span.small{font-size:11px;} span.one{margin-left:-13px;} span.two{margin-left:-17px;} span.three{margin-left:-20px;} @@ -222,11 +224,11 @@ div.user-list{float:left;padding:10px;margin-right:10px;margin-bottom:24px;borde div.user-list img{margin-bottom:12px;} div.up{margin-top:-20px;border:1px solid #D0D0D0;padding:4px 6px;overflow:auto;} pre.up{margin-top:-20px;} -pre{border:1px solid #D0D0D0;font-family:bitstream;font-size:11px;padding:4px 6px;overflow:auto;} -iframe#progressFrame{position:fixed;bottom:32px;left:0;margin:0;padding:8px 8px 0 8px;width:100%;height:12px;line-height:12px;border-style:none;overflow:hidden;font-family:bitstream;font-size:10px;color:#505050;white-space:nowrap;z-index:-10;} +pre{border:1px solid #D0D0D0;font-family:bitstream;padding:4px 6px;overflow:auto;} +iframe#progressFrame{position:fixed;bottom:32px;left:0;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:#505050;white-space:nowrap;z-index:-10;} dl{margin:0;padding-left:12px;line-height:26px;} dt{clear:left;float:left;width:33%;font-weight:bold;} -dd{margin-bottom:12px;font-size:11px;white-space:nowrap;} +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-top:2px solid #bce8f1;border-bottom:2px solid #bce8f1;color:#3a87ad;background-color:#d9edf7;} diff --git a/plugins/dynamix/styles/dynamix-azure.css b/plugins/dynamix/styles/dynamix-azure.css index def105ea3..da292456e 100644 --- a/plugins/dynamix/styles/dynamix-azure.css +++ b/plugins/dynamix/styles/dynamix-azure.css @@ -236,4 +236,4 @@ div.icon-eml{background:url('../images/file-types.png') -96px -144px;width:16px; .tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative} .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px} .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px} -.fileTree{background-color:#fff;} \ No newline at end of file +.fileTree{background-color:#FFF;} \ No newline at end of file diff --git a/plugins/dynamix/styles/dynamix-black.css b/plugins/dynamix/styles/dynamix-black.css index d367b53b5..11c8d36e9 100644 --- a/plugins/dynamix/styles/dynamix-black.css +++ b/plugins/dynamix/styles/dynamix-black.css @@ -23,9 +23,9 @@ div.jGrowl div.jGrowl-closer.top{position:fixed;top:0;} .ui-dropdownchecklist-dropcontainer{background:#000000;border:1px solid #404040;} .ui-state-disabled{background:linear-gradient(#202020,#101010);background:-webkit-radial-gradient(#202020,#101010);} .ui-dropdownchecklist-indent{padding-left:7px;} -.ui-dropdownchecklist-text{color:#A0A0A0;font-size:11px;} +.ui-dropdownchecklist-text{color:#A0A0A0;font-size:12px;} .ui-dropdownchecklist-item{} -#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:arimo,arial,sans-serif;color:#333333;} +#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{color:#333333;} #sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;} #sb-overlay{position:relative;height:100%;width:100%;} #sb-wrapper{position:absolute;visibility:hidden;width:100px;box-shadow:0px 2px 10px 1px #474747;border-radius:5px;background:#F9F9F9} @@ -48,7 +48,7 @@ div.jGrowl div.jGrowl-closer.top{position:fixed;top:0;} #sb-counter{float:left;width:45%;} #sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;} #sb-counter a.sb-counter-current{text-decoration:underline;} -table.tablesorter{font-family:arimo;margin:0 0 15px 0;} +table.tablesorter{margin:0 0 15px 0;} table.tablesorter thead tr th{font-size:13px;font-weight:normal;background:-webkit-radial-gradient(#101010,#202020);background:linear-gradient(#101010,#202020);padding:5px 20px 5px 6px;white-space:nowrap;text-align:left;} table.tablesorter thead tr .header{background-repeat:no-repeat;background-position:center right;cursor:pointer;} table.tablesorter thead tr .headerSortUp{background-image:url(../images/sort-asc.png);} @@ -70,7 +70,7 @@ span.select ul.unused{display:block;} span.select ul li.nosort{font-weight:bold;} span.select ul li.ident{padding-left:7px;} span.select ul li span{display:none;} -span.select{font-family:arimo;font-size:11px;color:#A0A0A0;background:-webkit-radial-gradient(#505050,#303030);background:linear-gradient(#505050,#303030);padding:3px 6px;margin:0 10px 0 0;border:none;box-shadow:0 2px 0 #404040;border-radius:4px;outline:none;display:inline-block;cursor:pointer;width:120px;} +span.select{font-size:12px;color:#A0A0A0;background:-webkit-radial-gradient(#505050,#303030);background:linear-gradient(#505050,#303030);padding:3px 6px;margin:0 10px 0 0;border:none;box-shadow:0 2px 0 #404040;border-radius:4px;outline:none;display:inline-block;cursor:pointer;width:120px;} span.select[disabled]{color:#505050;background:-webkit-radial-gradient(#303030,#101010);background:linear-gradient(#303030,#101010);cursor:default;box-shadow:0 2px 0 #202020;} div.sb-message{font-size:12px;padding:10px;text-align:center;} div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;} @@ -184,10 +184,10 @@ div.icon-eml{background:url('../images/file-types.png') -96px -144px;width:16px; .tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform} .tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)} .tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)} -.tooltipster-fall.tooltipster-initial{top:0!important} +.tooltipster-fall.tooltipster-initial{top:0} .tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0} .tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)} -.tooltipster-slide.tooltipster-initial{left:-40px!important} +.tooltipster-slide.tooltipster-initial{left:-40px} .tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0} @keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}} .tooltipster-update-fade{animation:tooltipster-fading .4s} diff --git a/plugins/dynamix/styles/dynamix-gray.css b/plugins/dynamix/styles/dynamix-gray.css index 87e4b6b58..9db526e15 100644 --- a/plugins/dynamix/styles/dynamix-gray.css +++ b/plugins/dynamix/styles/dynamix-gray.css @@ -236,4 +236,4 @@ div.icon-eml{background:url('../images/file-types.png') -96px -144px;width:16px; .tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative} .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px} .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px} -.fileTree{background-color:#fff;} \ No newline at end of file +.fileTree{background-color:#FFF;} \ No newline at end of file diff --git a/plugins/dynamix/styles/dynamix-white.css b/plugins/dynamix/styles/dynamix-white.css index a3d750284..e38afb4b7 100644 --- a/plugins/dynamix/styles/dynamix-white.css +++ b/plugins/dynamix/styles/dynamix-white.css @@ -23,9 +23,9 @@ div.jGrowl div.jGrowl-closer.top{position:fixed;top:0;} .ui-dropdownchecklist-dropcontainer{background:#FFFFFF;border:1px solid #E0E0E0;} .ui-state-disabled{background:linear-gradient(#F0F0F0,#F8F8F8);background:-webkit-radial-gradient(#F0F0F0,#F8F8F8);} .ui-dropdownchecklist-indent{padding-left:7px;} -.ui-dropdownchecklist-text{color:#303030;font-size:11px;} +.ui-dropdownchecklist-text{color:#303030;font-size:12px;} .ui-dropdownchecklist-item{} -#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:arimo,arial,sans-serif;color:#333333;} +#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{color:#333333;} #sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;} #sb-overlay{position:relative;height:100%;width:100%;} #sb-wrapper{position:absolute;visibility:hidden;width:100px;box-shadow:0px 2px 10px 1px #474747;border-radius:5px;background:#F9F9F9} @@ -48,7 +48,7 @@ div.jGrowl div.jGrowl-closer.top{position:fixed;top:0;} #sb-counter{float:left;width:45%;} #sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;} #sb-counter a.sb-counter-current{text-decoration:underline;} -table.tablesorter{font-family:arimo;margin:0 0 15px 0;} +table.tablesorter{margin:0 0 15px 0;} table.tablesorter thead tr th{font-size:13px;font-weight:normal;background:-webkit-radial-gradient(#E0E0E0,#C0C0C0);background:linear-gradient(#E0E0E0,#C0C0C0);padding:5px 20px 5px 6px;white-space:nowrap;text-align:left;} table.tablesorter thead tr .header{background-repeat:no-repeat;background-position:center right;cursor:pointer;} table.tablesorter thead tr .headerSortUp{background-image:url(../images/sort-asc.png);} @@ -70,7 +70,7 @@ span.select ul.unused{display:block;} span.select ul li.nosort{font-weight:bold;} span.select ul li.ident{padding-left:7px;} span.select ul li span{display:none;} -span.select{font-family:arimo;font-size:11px;padding:3px 6px;margin:0 10px 0 0;border:none;border-radius:4px;box-shadow:0 2px 0 #E0E0E0,inset 0 -1px #FFFFFF;background:#F8F8F8;outline:none;display:inline-block;cursor:pointer;width:120px;} +span.select{font-size:12px;padding:3px 6px;margin:0 10px 0 0;border:none;border-radius:4px;box-shadow:0 2px 0 #E0E0E0,inset 0 -1px #FFFFFF;background:#F8F8F8;outline:none;display:inline-block;cursor:pointer;width:120px;} span.select[disabled]{color:#808080;background-color:#F8F8F8;cursor:default;box-shadow:0 2px 0 #F0F0F0,inset 0 -1px #FFFFFF;} div.sb-message{font-size:12px;padding:10px;text-align:center;} div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;} @@ -184,10 +184,10 @@ div.icon-eml{background:url('../images/file-types.png') -96px -144px;width:16px; .tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform} .tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)} .tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)} -.tooltipster-fall.tooltipster-initial{top:0!important} +.tooltipster-fall.tooltipster-initial{top:0} .tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0} .tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)} -.tooltipster-slide.tooltipster-initial{left:-40px!important} +.tooltipster-slide.tooltipster-initial{left:-40px} .tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0} @keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}} .tooltipster-update-fade{animation:tooltipster-fading .4s}