Aligned docker style sheets for poup window

This commit is contained in:
bergware
2018-08-23 09:24:57 +02:00
parent 2a38f555e9
commit 1183430a75
4 changed files with 114 additions and 206 deletions
@@ -1,50 +1,56 @@
.ui-dropdownchecklist .ui-state-default {
background:-webkit-radial-gradient(#F4F4F4,#FCFCFC);
background:linear-gradient(#F4F4F4,#FCFCFC);
.ui-dropdownchecklist .ui-state-default{
background:#f2f2f2;
border:none;
box-shadow:0 2px 0 #E0E0E0,inset 0 -1px #FFFFFF;
border-radius:4px;
box-shadow:none;
outline:none;
cursor:pointer;
height:22px;
line-height:22px;
}
.ui-dropdownchecklist-group {
.ui-dropdownchecklist-group{
font-weight:normal;
font-style:italic;
padding:1px 9px 1px 8px;
}
.ui-dropdownchecklist-selector {
border:1px solid #E0E0E0;
.ui-dropdownchecklist-selector{
border:1px solid #1c1c1c;
display:inline-block;
cursor:pointer;
padding:1px 9px 1px 8px;
}
.ui-dropdownchecklist-selector-wrapper {
.ui-dropdownchecklist-selector-wrapper{
vertical-align:middle;
font-size:0;
}
.ui-state-active {
background:linear-gradient(#E8E8E8,#F8F8F8);
background:-webkit-radial-gradient(#E8E8E8,#F8F8F8);
.ui-widget-header{
border:none;
background:#e3e3e3;
color:#1c1c1c;
font-weight:bold;
}
.ui-dropdownchecklist-dropcontainer {
background:#FFFFFF;
border:1px solid #E0E0E0;
.ui-widget-content{
border:1px solid #1c1c1c;
background:#f2f2f2;
color:#1c1c1c;
.ui-state-active{
background:#e8e8e8;
}
.ui-state-disabled {
background:linear-gradient(#F0F0F0,#F8F8F8);
background:-webkit-radial-gradient(#F0F0F0,#F8F8F8);
.ui-dropdownchecklist-dropcontainer{
background:#f2f2f2;
border:1px solid #1c1c1c;
}
.ui-dropdownchecklist-indent {
.ui-state-disabled{
color:#1c1c1c;border-color:#a2a2a2;background:#e8e8e8;opacity:0.5;
}
.ui-dropdownchecklist-indent{
padding-left:7px;
}
.ui-dropdownchecklist-text {
color:#303030;
font-size:11px;
.ui-dropdownchecklist-text{
color:#1c1c1c;
font-size:14px;
}
.ui-dropdownchecklist .ui-widget-content .ui-state-default {
background:#FFFFFF;
.ui-dropdownchecklist .ui-widget-content .ui-state-default{
background:#f2f2f2;
border:0px;
}
@@ -1,70 +1,7 @@
/*
jQuery UI adaptation to unRAID's style
*/
.ui-dialog .ui-dialog-title {
text-align: center;
width: 100%
}
.ui-dialog .ui-dialog-content {
padding: 15px;
font-weight: bold;
}
.ui-button-text {
padding: 0px 5px;
}
.ui-dialog .ui-dialog-titlebar-close {
top:45%;
}
.ui-dialog .ui-button-text-only {
margin: .5em .4em .5em 0;
cursor: pointer;
text-decoration:none;
white-space:nowrap;
cursor:pointer;
outline:none;
}
.ui-widget-content {
border:1px solid #303030;
background:#000000;
color:#808080;
}
.ui-widget-header {
border: 0px solid #101010;
background: -webkit-radial-gradient(#606060,#303030);
background: linear-gradient(#606060,#303030);
color:#F0F0F0;
font-weight: bold;
}
.ui-dialog .ui-button-text-only, .ui-dialog .ui-dialog-titlebar-close {
border:1px solid #303030;
color:#808080;
background:-webkit-radial-gradient(#505050,#181818);
background:linear-gradient(#505050,#181818);
}
.ui-dialog .ui-button-text-only:hover, .ui-dialog .ui-dialog-titlebar-close:hover {
border-color:#6AB034;
color:#FFFFFF;
background:-webkit-radial-gradient(#5E9E2E,#8FD956);
background:linear-gradient(#5E9E2E,#8FD956);
}
.ui-dialog .ui-button-text-only:active, .ui-dialog .ui-dialog-titlebar-close:active {
border-color:#6AB034;
box-shadow:inset 0 0 8px 4px #548C29,0 1px 0 0 #101010;
}
.ui-dialog .ui-button-text-only[disabled], .ui-dialog .ui-dialog-titlebar-close[disabled]{
color:#505050;
border-color:#181818;
background:linear-gradient(#202020,#101010);
background:-webkit-radial-gradient(#202020,#101010);
cursor:default;
}
.ui-dropdownchecklist,
.ui-dropdownchecklist-selector{
background:-webkit-radial-gradient(#505050,#303030);
background:linear-gradient(#505050,#303030);
.ui-dropdownchecklist .ui-state-default{
background:#1c1c1c;
border:none;
box-shadow:0 2px 0 #404040;
border-radius:4px;
box-shadow:none;
outline:none;
cursor:pointer;
height:22px;
@@ -76,33 +13,44 @@ jQuery UI adaptation to unRAID's style
padding:1px 9px 1px 8px;
}
.ui-dropdownchecklist-selector{
border:1px solid #404040;
display:inline-block;cursor:pointer;
border:1px solid #e5e5e5;
display:inline-block;
cursor:pointer;
padding:1px 9px 1px 8px;
}
.ui-dropdownchecklist-selector-wrapper{
vertical-align:middle;
font-size:0;
}
.ui-widget-header{
border:none;
background:#2b2b2b;
color:#f2f2f2;
font-weight:bold;
}
.ui-widget-content{
border:1px solid #e5e5e5;
background:#1c1c1c;
color:#f2f2f2;
.ui-state-active{
background:linear-gradient(#303030,#101010);
background:-webkit-radial-gradient(#303030,#101010);
background:#262626;
}
.ui-dropdownchecklist-dropcontainer{background:#000000;
border:1px solid #404040;
.ui-dropdownchecklist-dropcontainer{
background:#1c1c1c;
border:1px solid #e5e5e5;
}
.ui-state-disabled{background:linear-gradient(#202020,#101010);
background:-webkit-radial-gradient(#202020,#101010);
.ui-state-disabled{
color:#f2f2f2;border-color:#6c6c6c;background:#262626;opacity:0.5;
}
.ui-dropdownchecklist-indent{
padding-left:7px;
}
.ui-dropdownchecklist-text{
color:#A0A0A0;
font-size:11px;
color:#f2f2f2;
font-size:14px;
}
.ui-dropdownchecklist .ui-widget-content .ui-state-default{
background:#000000;
background:#1c1c1c;
border:0px;
}
@@ -1,70 +1,7 @@
/*
jQuery UI adaptation to unRAID's style
*/
.ui-dialog .ui-dialog-title {
text-align: center;
width: 100%
}
.ui-dialog .ui-dialog-content {
padding: 15px;
font-weight: bold;
}
.ui-button-text {
padding: 0px 5px;
}
.ui-dialog .ui-dialog-titlebar-close {
top:45%;
}
.ui-dialog .ui-button-text-only {
margin: .5em .4em .5em 0;
cursor: pointer;
text-decoration:none;
white-space:nowrap;
cursor:pointer;
outline:none;
}
.ui-widget-content {
border:1px solid #303030;
background:#000000;
color:#808080;
}
.ui-widget-header {
border: 0px solid #101010;
background: -webkit-radial-gradient(#606060,#303030);
background: linear-gradient(#606060,#303030);
color:#F0F0F0;
font-weight: bold;
}
.ui-dialog .ui-button-text-only, .ui-dialog .ui-dialog-titlebar-close {
border:1px solid #303030;
color:#808080;
background:-webkit-radial-gradient(#505050,#181818);
background:linear-gradient(#505050,#181818);
}
.ui-dialog .ui-button-text-only:hover, .ui-dialog .ui-dialog-titlebar-close:hover {
border-color:#6AB034;
color:#FFFFFF;
background:-webkit-radial-gradient(#5E9E2E,#8FD956);
background:linear-gradient(#5E9E2E,#8FD956);
}
.ui-dialog .ui-button-text-only:active, .ui-dialog .ui-dialog-titlebar-close:active {
border-color:#6AB034;
box-shadow:inset 0 0 8px 4px #548C29,0 1px 0 0 #101010;
}
.ui-dialog .ui-button-text-only[disabled], .ui-dialog .ui-dialog-titlebar-close[disabled]{
color:#505050;
border-color:#181818;
background:linear-gradient(#202020,#101010);
background:-webkit-radial-gradient(#202020,#101010);
cursor:default;
}
.ui-dropdownchecklist,
.ui-dropdownchecklist-selector{
background:-webkit-radial-gradient(#505050,#303030);
background:linear-gradient(#505050,#303030);
.ui-dropdownchecklist .ui-state-default{
background:#1c1c1c;
border:none;
box-shadow:0 2px 0 #404040;
border-radius:4px;
box-shadow:none;
outline:none;
cursor:pointer;
height:22px;
@@ -76,33 +13,44 @@ jQuery UI adaptation to unRAID's style
padding:1px 9px 1px 8px;
}
.ui-dropdownchecklist-selector{
border:1px solid #404040;
display:inline-block;cursor:pointer;
border:1px solid #e5e5e5;
display:inline-block;
cursor:pointer;
padding:1px 9px 1px 8px;
}
.ui-dropdownchecklist-selector-wrapper{
vertical-align:middle;
font-size:0;
}
.ui-widget-header{
border:none;
background:#2b2b2b;
color:#f2f2f2;
font-weight:bold;
}
.ui-widget-content{
border:1px solid #e5e5e5;
background:#1c1c1c;
color:#f2f2f2;
.ui-state-active{
background:linear-gradient(#303030,#101010);
background:-webkit-radial-gradient(#303030,#101010);
background:#262626;
}
.ui-dropdownchecklist-dropcontainer{background:#000000;
border:1px solid #404040;
.ui-dropdownchecklist-dropcontainer{
background:#1c1c1c;
border:1px solid #e5e5e5;
}
.ui-state-disabled{background:linear-gradient(#202020,#101010);
background:-webkit-radial-gradient(#202020,#101010);
.ui-state-disabled{
color:#f2f2f2;border-color:#6c6c6c;background:#262626;opacity:0.5;
}
.ui-dropdownchecklist-indent{
padding-left:7px;
}
.ui-dropdownchecklist-text{
color:#A0A0A0;
font-size:11px;
color:#f2f2f2;
font-size:14px;
}
.ui-dropdownchecklist .ui-widget-content .ui-state-default{
background:#000000;
background:#1c1c1c;
border:0px;
}
@@ -1,50 +1,56 @@
.ui-dropdownchecklist .ui-state-default {
background:-webkit-radial-gradient(#F4F4F4,#FCFCFC);
background:linear-gradient(#F4F4F4,#FCFCFC);
.ui-dropdownchecklist .ui-state-default{
background:#f2f2f2;
border:none;
box-shadow:0 2px 0 #E0E0E0,inset 0 -1px #FFFFFF;
border-radius:4px;
box-shadow:none;
outline:none;
cursor:pointer;
height:22px;
line-height:22px;
}
.ui-dropdownchecklist-group {
.ui-dropdownchecklist-group{
font-weight:normal;
font-style:italic;
padding:1px 9px 1px 8px;
}
.ui-dropdownchecklist-selector {
border:1px solid #E0E0E0;
.ui-dropdownchecklist-selector{
border:1px solid #1c1c1c;
display:inline-block;
cursor:pointer;
padding:1px 9px 1px 8px;
}
.ui-dropdownchecklist-selector-wrapper {
.ui-dropdownchecklist-selector-wrapper{
vertical-align:middle;
font-size:0;
}
.ui-state-active {
background:linear-gradient(#E8E8E8,#F8F8F8);
background:-webkit-radial-gradient(#E8E8E8,#F8F8F8);
.ui-widget-header{
border:none;
background:#e3e3e3;
color:#1c1c1c;
font-weight:bold;
}
.ui-dropdownchecklist-dropcontainer {
background:#FFFFFF;
border:1px solid #E0E0E0;
.ui-widget-content{
border:1px solid #1c1c1c;
background:#f2f2f2;
color:#1c1c1c;
.ui-state-active{
background:#e8e8e8;
}
.ui-state-disabled {
background:linear-gradient(#F0F0F0,#F8F8F8);
background:-webkit-radial-gradient(#F0F0F0,#F8F8F8);
.ui-dropdownchecklist-dropcontainer{
background:#f2f2f2;
border:1px solid #1c1c1c;
}
.ui-dropdownchecklist-indent {
.ui-state-disabled{
color:#1c1c1c;border-color:#a2a2a2;background:#e8e8e8;opacity:0.5;
}
.ui-dropdownchecklist-indent{
padding-left:7px;
}
.ui-dropdownchecklist-text {
color:#303030;
font-size:11px;
.ui-dropdownchecklist-text{
color:#1c1c1c;
font-size:14px;
}
.ui-dropdownchecklist .ui-widget-content .ui-state-default {
background:#FFFFFF;
.ui-dropdownchecklist .ui-widget-content .ui-state-default{
background:#f2f2f2;
border:0px;
}