Patch jQuery Ui widget to Dynamic black theme.

This commit is contained in:
gfjardim
2016-03-14 11:24:11 -03:00
parent fea79851c0
commit 0289168bf1
3 changed files with 61 additions and 0 deletions

View File

@@ -618,6 +618,7 @@ $showAdditionalInfo = '';
<link type="text/css" rel="stylesheet" href="/webGui/styles/jquery.ui.css">
<link type="text/css" rel="stylesheet" href="/webGui/styles/jquery.switchbutton.css">
<link type="text/css" rel="stylesheet" href="/webGui/styles/jquery.filetree.css">
<link rel="stylesheet" type="text/css" href="/plugins/dynamix.docker.manager/styles/style-<?=$display['theme'];?>.css">
<style>
body{-webkit-overflow-scrolling:touch;}
.fileTree{width:240px;height:150px;overflow:scroll;position:absolute;z-index:100;display:none;margin-bottom: 100px;}

View File

@@ -0,0 +1,60 @@
/*
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;
}