mirror of
https://github.com/unraid/webgui.git
synced 2026-03-12 13:59:50 -05:00
Patch jQuery Ui widget to Dynamic black theme.
This commit is contained in:
@@ -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;}
|
||||
|
||||
60
plugins/dynamix.docker.manager/styles/style-black.css
Normal file
60
plugins/dynamix.docker.manager/styles/style-black.css
Normal 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;
|
||||
}
|
||||
Reference in New Issue
Block a user