mirror/webgui
1
0
Fork 0
mirror of https://github.com/unraid/webgui.git synced 2026-04-24 02:58:57 -05:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #411 from bergware/master

Browse Source 
Black & White theme: make select arrow consistent for all browsers
This commit is contained in:
tom mortensen
2018-11-12 08:53:22 -08:00
committed by GitHub
parent 209afb0626 b6d39ef340
commit 055d6792cb
15 changed files with 136 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files
plugins/dynamix/DashStats.page
+16 -4
View File
@@ -402,6 +402,8 @@ if (!count($shares)) echo "<tr><td colspan='4' style='text-align:center;padding-
<script>
var timer2,timer30;
var orange = 70;
var red = 90;
function changeMode(item) {
if (item==0) $.removeCookie('enter_share',{path:'/'}); else $.cookie('enter_share',item,{path:'/',expires:3650});
@@ -444,7 +446,7 @@ function update30() {
$.post('<?=$url?>',{cmd:'port',view:tag,ports:'<?=implode(',',$ports)?>'},function(data) {
if (data) $.each(data.split('#'),function(k,v) {$('#'+tag+k).html(v);});
});
$.post('<?=$url?>',{cmd:'disk',hot:'<?=$display['hot']?>',max:'<?=$display['max']?>',unit:'<?=$display['unit']?>',slots:<?=$slots?>},function(data) {
$.post('<?=$url?>',{cmd:'disk',hot:'<?=$display['hot']?>',max:'<?=$display['max']?>',unit:'<?=$display['unit']?>',slots:<?=$slots?>,text:<?=$display['text']?>,critical:'<?=$display['critical']?>',warning:'<?=$display['warning']?>'},function(data) {
<?if ($slots <= 30):?>
if (data) $('#dash0').html(data);
<?else:?>
@@ -477,7 +479,13 @@ function update60() {
if (data) $('#parity').html(data);
});
$.post('<?=$url?>',{cmd:'sys'},function(data) {
if (data) $.each(data.split('#'),function(k,v) {$('#sys'+k).animate({width:v},{step:function(){$('#sys'+k).css('overflow','visible');}}).text(v);});
if (data) $.each(data.split('#'),function(k,v) {
var load = v.slice(0,-1);
if (load >= red) var color = 'redbar';
else if (load >= orange) var color = 'orangebar';
else var color = '';
$('#sys'+k).animate({width:v},{step:function(){$('#sys'+k).css('overflow','visible').removeClass().addClass(color);}}).text(v);
});
setTimeout(update60,60000);
});
}
@@ -530,8 +538,12 @@ $.each(json["cpuload"],function(k,v) {
//data is the cpuload.ini file contents
var ini = parseINI(data);
$.each(ini,function(k,v) {
var load = v['host']+'%';
$('#'+k).animate({width:load},{step:function(){$('#'+k).css('overflow','visible');}}).text(load);
var load = v['host'];
if (load >= red) var color = 'redbar';
else if (load >= orange) var color = 'orangebar';
else var color = '';
load += '%';
$('#'+k).animate({width:load},{step:function(){$('#'+k).css('overflow','visible').removeClass().addClass(color);}}).text(load);
});
});
$(function() {
plugins/dynamix/DisplaySettings.page
+17 -6
View File
@@ -23,7 +23,7 @@ $icon = "<i class='fa fa-trash top' title='Restore default image' onclick='resto
<style>
span#dropbox{margin-right:20px;}
i.top{position:absolute;padding-left:4px;cursor:pointer;}
i.top{position:relative;padding-left:4px;cursor:pointer;}
</style>
<script src="<?autov('/webGui/javascript/jquery.filedrop.js')?>"></script>
@@ -50,6 +50,9 @@ function presetTime(form) {
if (system) form.time.selectedIndex = 0;
form.time.disabled = system;
}
function presetHeader(form) {
if (form.header.value) $('#background').show(); else $('#background').hide();
}
function presetBanner(form) {
if (form.banner.selectedIndex == 0) $('#custom').hide(); else $('#custom').show();
}
@@ -110,6 +113,7 @@ $(function() {
if ($('#dropbox').triggerHandler({type:'drop',dataTransfer:{files:files}})==false) e.stopImmediatePropagation();
});
presetTime(document.display_settings);
presetHeader(document.display_settings);
presetBanner(document.display_settings);
});
</script>
@@ -211,6 +215,18 @@ Show array utilization indicator:
<?=mk_option($display['usage'], "1", "Yes")?>
</select>
Header custom text color:
: <input type="text" class="narrow" name="header" value="<?=$display['header']?>" maxlength="6" pattern="[0-9a-fA-F]{3,6}" title="HTML color code of 3 or 6 hexadecimal digits">
> Overrule the default text color in the header. This can be used to match the text color with a background image.
<div id="background" markdown="1" style="display:none">
Header custom background color:
: <input type="text" class="narrow" name="background" value="<?=$display['background']?>" maxlength="6" pattern="[0-9a-fA-F]{3,6}" title="HTML color code of 3 or 6 hexadecimal digits">
> Overrule the default background color in the header. This can be used to match the background color with a custom text color.
</div>
Show banner:
: <select name="banner" size="1" onchange="presetBanner(this.form)">
<?=mk_option($display['banner'], "", "No")?>
@@ -231,11 +247,6 @@ Custom banner:
> Image will be scaled to 1920x90 pixels. The maximum image file upload size is 512 kB (524,288 bytes).
Custom header text color:
: <input type="text" class="narrow" name="header" value="<?=$display['header']?>" maxlength="6" pattern="[0-9a-fA-F]{3,6}" title="HTML color code of 3 or 6 hexadecimal digits">
> Overrule the default text color in the header. This may be used to match text color with a background image.
Show Dashboard apps:
: <select name="dashapps" size="1">
<?=mk_option($display['dashapps'], "icons", "Docker + VMs")?>
plugins/dynamix/Syslinux.page
+32 -29
View File
@@ -14,11 +14,8 @@ Tag="edit"
* all copies or substantial portions of the Software.
*/
?>
> Use this page to make changes to your `syslinux.cfg` file.
> You will need to reboot your server for these changes to take effect.
<?
$top = strstr('white,black',$display['theme']) ? -58 : -44;
$top = $themes1 ? -58 : -44;
function strip($area) {
return preg_replace(["/^|(\n) /","/\n$/"],["$1",""],$area);
@@ -37,20 +34,21 @@ $mark = 'label ';
<style>
div.basic{display:block}
div.advanced{display:none}
textarea.raw{resize:none;font-family:bitstream;width:65.5%}
<?
switch ($display['theme']) {
case 'gray':
case 'azure':
echo "span.array,span.system{margin-left:33.33%;width:65.5%;padding:2px 10px;font-weight:bold;border:solid 1px #606E7F;border-bottom:none}\n";
echo "textarea.menu{margin-left:33.33%;width:65.5%;margin-bottom:12px;font-family:bitstream;resize:none;border-top:none}\n";
echo "textarea.menu{margin-left:33.33%;width:65.5%;margin-bottom:12px;padding:4px 10px;font-family:bitstream;resize:none;border-top:none}\n";
break;
case 'white':
echo "span.array,span.system{margin-left:33.33%;width:65.5%;padding:2px 10px;font-weight:bold;border:solid 1px #1c1c1c;border-bottom:none}\n";
echo "textarea.menu{margin-left:33.33%;width:65.5%;margin-bottom:12px;font-family:bitstream;resize:none;border-top:none}\n";
echo "textarea.menu{margin-left:33.33%;width:65.5%;margin-bottom:12px;padding:4px 10px;font-family:bitstream;resize:none;border:1px solid #1c1b1b;border-top:none}\n";
break;
case 'black':
echo "span.array,span.system{margin-left:33.33%;width:65.5%;padding:2px 10px;font-weight:bold;border:solid 1px #f2f2f2;border-bottom:none}\n";
echo "textarea.menu{margin-left:33.33%;width:65.5%;margin-bottom:12px;font-family:bitstream;resize:none;border-top:none}\n";
echo "textarea.menu{margin-left:33.33%;width:65.5%;margin-bottom:12px;padding:4px 10px;font-family:bitstream;resize:none;border:1px solid #f2f2f2;border-top:none}\n";
break;
}
?>
@@ -71,8 +69,6 @@ Array.prototype.spliceArray = function(i,n,a) {
function prepareMenu(form) {
$('input[name="#arg[1]"]').val(form.boot.checked?1:0);
if ($('div.basic').is(':visible')) {
form.text.value = form.basic.value+'\n';
} else {
var label = [], area = [];
$(form).find('span[id^=label]').each(function(){
label.push($(this).text());
@@ -90,9 +86,13 @@ function prepareMenu(form) {
text.push(area[i].replace(/^|(\n)/g,'$1 '));
}
}
// menu view
form.text.value = text.join('\n')+'\n';
} else {
// raw view
form.text.value = form.raw.value+'\n';
}
form.basic.disabled = true;
form.raw.disabled = true;
}
function setDefault(form) {
var text = <?=json_encode(array_map('strip',explode($mark,$default)))?>;
@@ -111,7 +111,7 @@ function setDefault(form) {
$(this).remove();
}
});
$(form).find('textarea.text').val(<?=json_encode($default)?>).prop('rows',$(this).val().match(/\n/g).length+1).trigger('change');
$(form).find('textarea.raw').val(<?=json_encode($default)?>).prop('rows',$(this).val().match(/\n/g).length+1).trigger('change');
}
function changeMenu(form,id,update) {
$(form).find('input.menu').each(function(){
@@ -127,16 +127,16 @@ function changeMenu(form,id,update) {
}
});
if (update) {
// advanced view -> update basic view
// menu view -> update raw view
var n = 0, o = null;
var x = id.split('-')[1];
var text = form.basic.value.split('\n');
var text = form.raw.value.split('\n');
for (var i=0; i < text.length; i++) {
if (text[i].indexOf(mark) >= 0) if (++n == x) o = i + 1;
if (text[i].indexOf(menu) >= 0) text.splice(i,1);
}
if (o) text.splice(o,0,' '+menu);
$(form).find('textarea.text').val(text.join('\n')).prop('rows',text.length);
$(form).find('textarea.raw').val(text.join('\n')).prop('rows',text.length);
}
}
$(function(){
@@ -146,12 +146,12 @@ $(function(){
// propogate changes to 'other' view mode
var form = $(this).closest('form');
if ($(this).prop('class')=='menu') {
// advanced view -> update basic view
// menu view -> update raw view
var n = 0, o = 0, x = null;
var id = $(this).prop('id').split('-')[1];
var area = $(this).val().split('\n');
var basic = form.find('textarea.text');
var text = basic.val().split('\n');
var raw = form.find('textarea.raw');
var text = raw.val().split('\n');
for (var i=0; i < text.length; i++) {
if (text[i].indexOf(mark) >= 0) {
if (n++ == id) x = i; else o = i + 1;
@@ -160,14 +160,14 @@ $(function(){
if (x) break;
}
text.spliceArray(o,(x||text.length)-o,area.indent(o));
basic.val(text.join('\n')).prop('rows',text.length);
raw.val(text.join('\n')).prop('rows',text.length);
} else {
// basic view -> update advanced view
// raw view -> update menu view
var n = 0, id = null, area = [];
var text = $(this).val().split('\n');
for (var i=0; i < text.length; i++) {
if (text[i].indexOf(mark) >= 0) {
$('#text-'+(n++)).val(area.join('\n')).prop('rows',area.length);
$('#menu-'+(n++)).val(area.join('\n')).prop('rows',area.length);
var label = $('#label-'+n);
label.html(label.html().replace(/^.*(<span.*)/,text[i].replace(mark,'')+'$1'));
area = [];
@@ -175,7 +175,7 @@ $(function(){
if (text[i].indexOf(menu) >= 0) id = 'input-'+n; else if (text[i].length) area.push(text[i].replace(/^ /,''));
}
}
$('#text-'+n).val(area.join('\n')).prop('rows',area.length);
$('#menu-'+n).val(area.join('\n')).prop('rows',area.length);
if (id) changeMenu(form,id,false);
}
});});
@@ -185,8 +185,8 @@ $(function(){
}
$('.advancedview').switchButton({
labels_placement: 'left',
on_label: 'Advanced View',
off_label: 'Basic View',
off_label: 'Menu View',
on_label: 'Raw View',
checked: $.cookie('syslinux_viewmode')=='advanced'
});
$('.advancedview').change(function() {
@@ -198,6 +198,9 @@ $(function(){
</script>
<span class="status" style="margin-top:<?=$top?>px"><input type="checkbox" class="advancedview"></span>
> Use this page to make changes to your `syslinux.cfg` file.
> You will need to reboot your server for these changes to take effect.
<form markdown="1" method="POST" action="/update.php" target="progressFrame" onsubmit="prepareMenu(this)">
<input type="hidden" name="#include" value="/webGui/include/update.file.php">
<input type="hidden" name="#file" value="<?=$file;?>">
@@ -206,11 +209,6 @@ $(function(){
<input type="hidden" name="text" value="">
<div markdown="1" class="basic">
Syslinux configuration:
: <textarea class="text" name="basic" spellcheck="false" cols="80" rows="<?=substr_count($current,"\n")+1?>" maxlength="2048" style="resize:none;font-family:bitstream;width:65.5%"><?=$current?></textarea>
</div>
<div markdown="1" class="advanced">
Syslinux configuration:
: <?$i=0;
foreach (array_map('strip',explode($mark,$current)) as $area):
$area = explode("\n", $area);
@@ -219,9 +217,14 @@ Syslinux configuration:
if ($start) unset($area[array_search($menu,$area)]);
?><span id="label-<?=$i?>" class="<?=$start?'array':'system'?>"><?=$label?>
<?if ($i):?><span style="float:right"><input type="checkbox" id="input-<?=$i?>" class="menu" <?=$start?'checked':''?> title="Set default boot menu" onchange="changeMenu(this.form,this.id,true)"></span><?endif;?></span>
<textarea class="menu" id="text-<?=$i++?>" spellcheck="false" cols="80" rows="<?=count($area)?>" maxlength="2048"><?=implode("\n",$area)?></textarea>
<textarea class="menu" id="menu-<?=$i++?>" spellcheck="false" cols="80" rows="<?=count($area)?>" maxlength="2048"><?=implode("\n",$area)?></textarea>
<?endforeach;?>
</div>
<div markdown="1" class="advanced">
Syslinux configuration:
: <textarea class="raw" name="raw" spellcheck="false" cols="80" rows="<?=substr_count($current,"\n")+1?>" maxlength="2048"><?=$current?></textarea>
</div>
Server boot mode:
: <?=is_dir('/sys/firmware/efi') ? 'UEFI' : 'Legacy'?>
plugins/dynamix/default.cfg
+1
View File
@@ -13,6 +13,7 @@ wwn="0"
total="1"
banner=""
header=""
background=""
dashapps="icons"
tabs="1"
users="Tasks:3"
plugins/dynamix/include/DashUpdate.php
+11 -3
View File
@@ -49,8 +49,16 @@ function my_smart(&$source,$name,$page) {
$title .= "Click for context menu";
my_insert($source, "<span id='smart-$name' name='$page' class='$thumb'><img src=\"$path/$thumb.png\" onmouseover=\"this.style.cursor='pointer'\" title=\"$title\"></span>");
}
function my_usage(&$source,$used) {
my_insert($source, $used ? "<div class='usage-disk all'><span style='width:$used'>$used</span></div>" : "-");
function my_usage(&$source,$used,&$disk) {
if ($used && ($_POST['text']==2 || $_POST['text']==21)) {
$load = substr($used,0,-1);
$critical = $disk['critical'] ?? $_POST['critical'];
$warning = $disk['warning'] ?? $_POST['warning'];
if ($load >= $critical) $class = 'redbar';
elseif ($load >= $warning) $class = 'orangebar';
else $class = 'greenbar';
} else $class = false;
my_insert($source, $used ? ($_POST['text']%10==0 ? $used : "<div class='usage-disk all'><span style='width:$used'".($class?" class='$class'":"").">$used</span></div>") : "-");
}
function my_temp($value,$unit) {
return ($unit=='F' ? round(9/5*$value+32) : $value)." $unit";
@@ -207,7 +215,7 @@ case 'disk':
else
if (!strpos($state,'blink') && $temp>0) my_insert($row6[$n],"<span class='temp-text'>".my_temp($temp,$_POST['unit'])."</span>");
if ($disk['device'] && !strpos($state,'blink')) my_smart($row7[$n],$disk['name'],'Device');
my_usage($row8[$n],($disk['type']!='Parity' && $disk['fsStatus']=='Mounted')?(($disk['fsSize'] ? round((1-$disk['fsFree']/$disk['fsSize'])*100):0).'%'):'');
my_usage($row8[$n],($disk['type']!='Parity' && $disk['fsStatus']=='Mounted')?(($disk['fsSize'] ? round((1-$disk['fsFree']/$disk['fsSize'])*100):0).'%'):'',$disk);
}
};
$devRow = function($n,$disk) use (&$row4,&$row6,&$row7,$path) {
plugins/dynamix/include/DefaultPageLayout.php
+22 -6
View File
@@ -10,6 +10,14 @@
* all copies or substantial portions of the Software.
*/
?>
<?
$font = $display['font'];
$theme = $display['theme'];
$header = $display['header'];
$backgnd = $display['background'];
$themes1 = in_array($theme,['black','white']);
$themes2 = in_array($theme,['gray','azure']);
?>
<!DOCTYPE html>
<html lang="en">
<head>
@@ -28,13 +36,21 @@
<link type="text/css" rel="stylesheet" href="<?autov("/webGui/styles/dynamix-{$display['theme']}.css")?>">
<style>
<?if ($display['font']):?>
html{font-size:<?=$display['font']?>}
<?if ($font):?>
html{font-size:<?=$font?>}
<?endif;?>
<?if ($display['header']):?>
#header,#header .logo,#header .text-right a{color:#<?=$display['header']?>}
<?if ($header):?>
#header,#header .logo,#header .text-right a{color:#<?=$header?>}
#header .block{background-color:transparent}
<?endif;?>
<?if ($backgnd):?>
#header{background-color:#<?=$backgnd?>}
<?if ($header && $themes1):?>
#menu{background-color:#<?=$backgnd?>}
#nav-block #nav-item a{color:#<?=$header?>}
#nav-block #nav-item.active:after{background-color:#<?=$header?>}
<?endif;?>
<?endif;?>
.inline_help{display:none}
.upgrade_notice{position:fixed;top:1px;left:0;width:100%;height:40px;line-height:40px;color:#E68A00;background:#FEEFB3;border-bottom:#E68A00 1px solid;text-align:center;font-size:1.4rem;z-index:999}
.upgrade_notice i{margin:14px;float:right;cursor:pointer}
@@ -47,7 +63,7 @@ $banner = '/boot/config/plugins/dynamix/banner.png';
echo "#header.image{background-image:url(";
echo file_exists($banner) ? autov($banner) : '/webGui/images/banner.png';
echo ")}\n";
if (strstr('gray,azure',$display['theme'])) {
if ($themes2) {
foreach ($tasks as $page) if ($page['Code']) echo "#nav-item a[href='/{$page['name']}']:before{content:'\\{$page['Code']}'}\n";
foreach ($buttons as $page) if ($page['Code']) echo "#nav-item.{$page['name']} a:before{content:'\\{$page['Code']}'}\n";
}
@@ -496,7 +512,7 @@ $(window).scroll(function() {
} else {
$('.back_to_top').fadeOut(backtotopduration);
}
<?if (strstr('black,white',$display['theme'])):?>
<?if ($themes1):?>
var top = $('div#header').height() - 1; // header height has 1 extra pixel to cover overlap
$('div#menu').css($(this).scrollTop() > top ? {position:'fixed',top:'0'} : {position:'absolute',top:top+'px'});
<?endif;?>
plugins/dynamix/include/DeviceList.php
+3 -3
View File
@@ -313,7 +313,7 @@ function array_slots() {
$out = "<form method='POST' action='/update.htm' target='progressFrame'>";
$out .= "<input type='hidden' name='csrf_token' value='{$var['csrf_token']}'>";
$out .= "<input type='hidden' name='changeSlots' value='apply'>";
$out .= "<select class='auto' name='SYS_ARRAY_SLOTS' onChange='this.form.submit()'>";
$out .= "<select class='narrow' name='SYS_ARRAY_SLOTS' onChange='this.form.submit()'>";
for ($n=$min; $n<=$max; $n++) {
$selected = ($n == $var['SYS_ARRAY_SLOTS'])? ' selected' : '';
$out .= "<option value='$n'{$selected}>$n</option>";
@@ -328,7 +328,7 @@ function cache_slots() {
$out = "<form method='POST' action='/update.htm' target='progressFrame'>";
$out .= "<input type='hidden' name='csrf_token' value='{$var['csrf_token']}'>";
$out .= "<input type='hidden' name='changeSlots' value='apply'>";
$out .= "<select class='auto' name='SYS_CACHE_SLOTS' onChange='this.form.submit()'>";
$out .= "<select class='narrow' name='SYS_CACHE_SLOTS' onChange='this.form.submit()'>";
for ($n=$min; $n<=$max; $n++) {
$option = $n ? $n : 'none';
$selected = ($n == $var['SYS_CACHE_SLOTS'])? ' selected' : '';
@@ -359,7 +359,7 @@ case 'flash':
$data = explode(' ',$diskio[$disk['device']] ?? '0 0');
$disk['fsUsed'] = $disk['fsSize']-$disk['fsFree'];
$flash = &$sec['flash']; $share = "";
if ($flash['export']=='e' && $flash['security']=='public')
if ($var['shareSMBEnabled']=='yes' && $flash['export']=='e' && $flash['security']=='public')
$share = "<a class='info nohand' onclick='return false'><i class='fa fa-warning fa-fw orange-text'></i><span>Flash device is set as public share<br>Please change share SMB security</span></a>";
echo "<tr>";
echo "<td>".$share.device_info($disk,true)."</td>";
plugins/dynamix/styles/default-azure.css
+6 -6
View File
@@ -22,7 +22,7 @@ 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:1.4rem;font-weight:bold;text-transform:uppercase}
hr{border:none;height:1px!important;color:#606e7f;background-color:#606e7f}
input[type=text],input[type=password],input[type=number],input[type=url],input[type=email],input[type=date],input[type=file],textarea,.textarea{font-family:clear-sans;font-size:1.3rem;background:transparent;border:1px solid #606e7f;padding:5px 10px;min-height:2rem;line-height:2rem;outline:none;width:304px;margin:0 20px 0 0;box-shadow:none;border-radius:0;color:#606e7f}
input[type=text],input[type=password],input[type=number],input[type=url],input[type=email],input[type=date],input[type=file],textarea,.textarea{font-family:clear-sans;font-size:1.3rem;background:transparent;border:1px solid #606e7f;padding:5px 6px;min-height:2rem;line-height:2rem;outline:none;width:300px;margin:0 20px 0 0;box-shadow:none;border-radius:0;color:#606e7f}
input[type=button],input[type=reset],input[type=submit],button,button[type=button],a.button{font-family:clear-sans;font-size:1.2rem;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}
@@ -32,18 +32,18 @@ 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,button:active[type=button],a.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],button:hover[type=button][disabled],input:active[type=button][disabled],input:active[type=reset][disabled],input:active[type=submit][disabled],button:active[disabled],button:active[type=button][disabled],textarea[disabled]{color:#808080;border-color:#808080;background:#c7c5cb;opacity:0.5;cursor:default}
input::-webkit-input-placeholder{color:#00529b}
select{font-family:clear-sans;font-size:1.3rem;min-width:188px;max-width:326px;padding:6px 6px;margin:0 10px 0 0;border:#606e7f 1px solid;box-shadow:none;border-radius:0;color:#606e7f;background:transparent;outline:none;display:inline-block;cursor:pointer}
select{-webkit-appearance:none;font-family:clear-sans;font-size:1.3rem;min-width:188px;max-width:314px;padding:6px 14px 6px 6px;margin:0 10px 0 0;border:#606e7f 1px solid;box-shadow:none;border-radius:0;color:#606e7f;background-color:transparent;background-image:linear-gradient(66.6deg, transparent 60%, #606e7f 40%),linear-gradient(113.4deg, #606e7f 40%, transparent 60%);background-position:calc(100% - 8px),calc(100% - 4px);background-size:4px 6px,4px 6px;background-repeat:no-repeat;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}
select[disabled]{color:#808080;border-color:#808080;background-color:#c7c5cb;opacity:0.5;cursor:default}
select[name=enter_view]{padding:0;float:right}
select[name=enter_share]{padding:0;float:right}
select.narrow{min-width:87px}
select.auto{min-width:auto}
select.slot{min-width:44rem;max-width:44rem}
input.narrow{width:166px}
input.trim{width:50px}
form+p{display:none}
input.narrow{width:174px}
input.trim{width:74px;min-width:74px}
textarea{resize:none}
#header{position:fixed;top:0;left:0;width:100%;height:90px;z-index:100;margin:0;background-color:#edeaef;background-size:100% 90px;background-repeat:no-repeat;border-bottom:#9794a0 1px solid}
#header .logo{float:left;margin-left:75px;color:#e22828;width:160px;text-align:center}
#header .logo svg{width:160px;display:block;margin:25px 50px 8px 0}
plugins/dynamix/styles/default-black.css
+6 -7
View File
@@ -20,7 +20,7 @@ i.spacing{margin-left:-6px}
i.icon{margin-right:4px}
i.title{margin-right:8px}
hr{border:none;height:1px!important;color:#2b2b2b;background-color:#2b2b2b}
input[type=text],input[type=password],input[type=number],input[type=url],input[type=email],input[type=date],input[type=file],textarea,.textarea{font-family:clear-sans;font-size:1.3rem;background:transparent;border:none;border-bottom:1px solid #e5e5e5;padding:5px 0;min-height:2rem;line-height:2rem;outline:none;width:300px;margin:0 20px 0 0;box-shadow:none;border-radius:0;color:#f2f2f2}
input[type=text],input[type=password],input[type=number],input[type=url],input[type=email],input[type=date],input[type=file],textarea,.textarea{font-family:clear-sans;font-size:1.3rem;background:transparent;border:none;border-bottom:1px solid #e5e5e5;padding:4px 0;text-indent:0;min-height:2rem;line-height:2rem;outline:none;width:300px;margin:0 20px 0 0;box-shadow:none;border-radius:0;color:#f2f2f2}
input[type=button],input[type=reset],input[type=submit],button,button[type=button],a.button{font-family:clear-sans;font-size:1.1rem;font-weight:bold;letter-spacing:2px;text-transform:uppercase;margin:10px 12px 10px 0;padding:9px 18px;text-decoration:none;white-space:nowrap;cursor:pointer;outline:none;border-radius:4px;border:0;color:#ff8c2f;background:-webkit-gradient(linear,left top,right top,from(#e22828),to(#ff8c2f)) 0 0 no-repeat,-webkit-gradient(linear,left top,right top,from(#e22828),to(#ff8c2f)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#e22828),to(#e22828)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#ff8c2f),to(#ff8c2f)) 100% 100% no-repeat;background:linear-gradient(90deg,#e22828 0,#ff8c2f) 0 0 no-repeat,linear-gradient(90deg,#e22828 0,#ff8c2f) 0 100% no-repeat,linear-gradient(0deg,#e22828 0,#e22828) 0 100% no-repeat,linear-gradient(0deg,#ff8c2f 0,#ff8c2f) 100% 100% no-repeat;background-size:100% 2px,100% 2px,2px 100%,2px 100%}
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}
@@ -30,20 +30,20 @@ input:hover[type=button],input:hover[type=reset],input:hover[type=submit],button
input[disabled],textarea[disabled]{color:#f2f2f2;border-bottom-color:#6c6c6c;opacity:0.5;cursor:default}
input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled],button[disabled],button[type=button][disabled],a.button[disabled]
input:hover[type=button][disabled],input:hover[type=reset][disabled],input:hover[type=submit][disabled],button:hover[disabled],button:hover[type=button][disabled],a.button:hover[disabled]
input:active[type=button][disabled],input:active[type=reset][disabled],input:active[type=submit][disabled],button:active[disabled],button:active[type=button][disabled],a.button:active[disabled]
{cursor:default;color:#808080;background:-webkit-gradient(linear,left top,right top,from(#404040),to(#808080)) 0 0 no-repeat,-webkit-gradient(linear,left top,right top,from(#404040),to(#808080)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#404040),to(#404040)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#808080),to(#808080)) 100% 100% no-repeat;background:linear-gradient(90deg,#404040 0,#808080) 0 0 no-repeat,linear-gradient(90deg,#404040 0,#808080) 0 100% no-repeat,linear-gradient(0deg,#404040 0,#404040) 0 100% no-repeat,linear-gradient(0deg,#808080 0,#808080) 100% 100% no-repeat;background-size:100% 2px,100% 2px,2px 100%,2px 100%}
input:active[type=button][disabled],input:active[type=reset][disabled],input:active[type=submit][disabled],button:active[disabled],button:active[type=button][disabled],a.button:active[disabled]{cursor:default;color:#808080;background:-webkit-gradient(linear,left top,right top,from(#404040),to(#808080)) 0 0 no-repeat,-webkit-gradient(linear,left top,right top,from(#404040),to(#808080)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#404040),to(#404040)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#808080),to(#808080)) 100% 100% no-repeat;background:linear-gradient(90deg,#404040 0,#808080) 0 0 no-repeat,linear-gradient(90deg,#404040 0,#808080) 0 100% no-repeat,linear-gradient(0deg,#404040 0,#404040) 0 100% no-repeat,linear-gradient(0deg,#808080 0,#808080) 100% 100% no-repeat;background-size:100% 2px,100% 2px,2px 100%,2px 100%}
input::-webkit-input-placeholder{color:#486dba}
select{font-family:clear-sans;font-size:1.3rem;min-width:166px;max-width:300px;padding:6px 0;margin:0 10px 0 0;border:none;border-bottom:#e5e5e5 1px solid;box-shadow:none;border-radius:0;color:#f2f2f2;background:transparent;outline:none;display:inline-block;cursor:pointer}
select{-webkit-appearance:none;font-family:clear-sans;font-size:1.3rem;min-width:166px;max-width:300px;padding:4px 8px 4px 0;text-indent:0;margin:0 10px 0 0;border:none;border-bottom:#e5e5e5 1px solid;box-shadow:none;border-radius:0;color:#f2f2f2;background-color:transparent;background-image:linear-gradient(66.6deg, transparent 60%, #f2f2f2 40%),linear-gradient(113.4deg, #f2f2f2 40%, transparent 60%);background-position:calc(100% - 4px),100%;background-size:4px 6px,4px 6px;background-repeat:no-repeat;outline:none;display:inline-block;cursor:pointer}
select option{color:#f2f2f2;background-color:#262626}
select:focus{outline:0}
select[disabled]{color:#f2f2f2;border-bottom-color:#6c6c6c;opacity:0.5;cursor:default}
select[name=enter_view]{padding:0;float:right}
select[name=enter_share]{padding:0;float:right}
select.narrow{min-width:64px}
select.narrow{min-width:76px}
select.auto{min-width:auto}
select.slot{min-width:44rem;max-width:44rem}
input.narrow{width:166px}
input.trim{width:50px}
input.trim{width:76px;min-width:76px}
textarea{resize:none}
#header{position:absolute;top:0;left:0;width:100%;height:91px;z-index:100;margin:0;color:#1c1b1b;background:#f2f2f2;background-size:100% 90px;background-repeat:no-repeat}
#header .logo{float:left;margin-left:10px;color:#e22828;width:160px;text-align:center}
#header .logo svg{width:160px;display:block;margin:25px 50px 8px 0}
@@ -117,7 +117,6 @@ table.disk_status tr>td+td{width:auto}
table.disk_status tr>td+td+td{width:6.5%;text-align:center;padding-left:4px;padding-right:8px}
table.disk_status tr>td+td+td+td{text-align:right;padding-left:0;padding-right:12px}
table.disk_status tr td:last-child{width:4%;padding-right:10px}
table.disk_status select{background:transparent}
table.disk_status tbody tr:nth-child(even){background-color:#212121}
table.disk_status.stats tr>td+td{text-align:left;padding-left:0;padding-right:12px}
table.array_status td{padding:4px 0}
plugins/dynamix/styles/default-gray.css
+6 -6
View File
@@ -22,7 +22,7 @@ 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:1.4rem;font-weight:bold;text-transform:uppercase}
hr{border:none;height:1px!important;color:#606e7f;background-color:#606e7f}
input[type=text],input[type=password],input[type=number],input[type=url],input[type=email],input[type=date],input[type=file],textarea,.textarea{font-family:clear-sans;font-size:1.3rem;background:transparent;border:1px solid #606e7f;padding:5px 10px;min-height:2rem;line-height:2rem;outline:none;width:304px;margin:0 20px 0 0;box-shadow:none;border-radius:0;color:#606e7f}
input[type=text],input[type=password],input[type=number],input[type=url],input[type=email],input[type=date],input[type=file],textarea,.textarea{font-family:clear-sans;font-size:1.3rem;background:transparent;border:1px solid #606e7f;padding:5px 6px;min-height:2rem;line-height:2rem;outline:none;width:300px;margin:0 20px 0 0;box-shadow:none;border-radius:0;color:#606e7f}
input[type=button],input[type=reset],input[type=submit],button,button[type=button],a.button{font-family:clear-sans;font-size:1.2rem;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}
@@ -32,18 +32,18 @@ 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,button:active[type=button],a.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],button:hover[type=button][disabled],input:active[type=button][disabled],input:active[type=reset][disabled],input:active[type=submit][disabled],button:active[disabled],button:active[type=button][disabled],textarea[disabled]{color:#808080;border-color:#808080;background:#383a34;opacity:0.3;cursor:default}
input::-webkit-input-placeholder{color:#00529b}
select{font-family:clear-sans;font-size:1.3rem;min-width:188px;max-width:326px;padding:6px 6px;margin:0 10px 0 0;border:#606e7f 1px solid;box-shadow:none;border-radius:0;color:#606e7f;background:transparent;outline:none;display:inline-block;cursor:pointer}
select{-webkit-appearance:none;font-family:clear-sans;font-size:1.3rem;min-width:188px;max-width:314px;padding:6px 14px 6px 6px;margin:0 10px 0 0;border:#606e7f 1px solid;box-shadow:none;border-radius:0;color:#606e7f;background-color:transparent;background-image:linear-gradient(66.6deg, transparent 60%, #606e7f 40%),linear-gradient(113.4deg, #606e7f 40%, transparent 60%);background-position:calc(100% - 8px),calc(100% - 4px);background-size:4px 6px,4px 6px;background-repeat:no-repeat;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}
select[disabled]{color:#808080;border-color:#808080;background-color:#383a34;opacity:0.3;cursor:default}
select[name=enter_view]{padding:0;float:right}
select[name=enter_share]{padding:0;float:right}
select.narrow{min-width:87px}
select.auto{min-width:auto}
select.slot{min-width:44rem;max-width:44rem}
input.narrow{width:166px}
input.trim{width:50px}
form+p{display:none}
input.narrow{width:174px}
input.trim{width:74px;min-width:74px}
textarea{resize:none}
#header{position:fixed;top:0;left:0;width:100%;height:90px;z-index:100;margin:0;background-color:#121510;background-size:100% 90px;background-repeat:no-repeat;border-bottom:#42453e 1px solid}
#header .logo{float:left;margin-left:75px;color:#e22828;width:160px;text-align:center}
#header .logo svg{width:160px;display:block;margin:25px 50px 8px 0}
plugins/dynamix/styles/default-white.css
+6 -7
View File
@@ -20,7 +20,7 @@ i.spacing{margin-left:-6px}
i.icon{margin-right:4px}
i.title{margin-right:8px}
hr{border:none;height:1px!important;color:#e3e3e3;background-color:#e3e3e3}
input[type=text],input[type=password],input[type=number],input[type=url],input[type=email],input[type=date],input[type=file],textarea,.textarea{font-family:clear-sans;font-size:1.3rem;background:transparent;border:none;border-bottom:1px solid #1c1c1c;padding:5px 0;min-height:2rem;line-height:2rem;outline:none;width:300px;margin:0 20px 0 0;box-shadow:none;border-radius:0;color:#1c1c1c}
input[type=text],input[type=password],input[type=number],input[type=url],input[type=email],input[type=date],input[type=file],textarea,.textarea{font-family:clear-sans;font-size:1.3rem;background:transparent;border:none;border-bottom:1px solid #1c1c1c;padding:4px 0;text-indent:0;min-height:2rem;line-height:2rem;outline:none;width:300px;margin:0 20px 0 0;box-shadow:none;border-radius:0;color:#1c1c1c}
input[type=button],input[type=reset],input[type=submit],button,button[type=button],a.button{font-family:clear-sans;font-size:1.1rem;font-weight:bold;letter-spacing:2px;text-transform:uppercase;margin:10px 12px 10px 0;padding:9px 18px;text-decoration:none;white-space:nowrap;cursor:pointer;outline:none;border-radius:4px;border:0;color:#ff8c2f;background:-webkit-gradient(linear,left top,right top,from(#e22828),to(#ff8c2f)) 0 0 no-repeat,-webkit-gradient(linear,left top,right top,from(#e22828),to(#ff8c2f)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#e22828),to(#e22828)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#ff8c2f),to(#ff8c2f)) 100% 100% no-repeat;background:linear-gradient(90deg,#e22828 0,#ff8c2f) 0 0 no-repeat,linear-gradient(90deg,#e22828 0,#ff8c2f) 0 100% no-repeat,linear-gradient(0deg,#e22828 0,#e22828) 0 100% no-repeat,linear-gradient(0deg,#ff8c2f 0,#ff8c2f) 100% 100% no-repeat;background-size:100% 2px,100% 2px,2px 100%,2px 100%}
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}
@@ -30,20 +30,20 @@ input:hover[type=button],input:hover[type=reset],input:hover[type=submit],button
input[disabled],textarea[disabled]{color:#1c1c1c;border-bottom-color:#a2a2a2;opacity:0.5;cursor:default}
input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled],button[disabled],button[type=button][disabled],a.button[disabled]
input:hover[type=button][disabled],input:hover[type=reset][disabled],input:hover[type=submit][disabled],button:hover[disabled],button:hover[type=button][disabled],a.button:hover[disabled]
input:active[type=button][disabled],input:active[type=reset][disabled],input:active[type=submit][disabled],button:active[disabled],button:active[type=button][disabled],a.button:active[disabled]
{cursor:default;color:#808080;background:-webkit-gradient(linear,left top,right top,from(#404040),to(#808080)) 0 0 no-repeat,-webkit-gradient(linear,left top,right top,from(#404040),to(#808080)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#404040),to(#404040)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#808080),to(#808080)) 100% 100% no-repeat;background:linear-gradient(90deg,#404040 0,#808080) 0 0 no-repeat,linear-gradient(90deg,#404040 0,#808080) 0 100% no-repeat,linear-gradient(0deg,#404040 0,#404040) 0 100% no-repeat,linear-gradient(0deg,#808080 0,#808080) 100% 100% no-repeat;background-size:100% 2px,100% 2px,2px 100%,2px 100%}
input:active[type=button][disabled],input:active[type=reset][disabled],input:active[type=submit][disabled],button:active[disabled],button:active[type=button][disabled],a.button:active[disabled]{cursor:default;color:#808080;background:-webkit-gradient(linear,left top,right top,from(#404040),to(#808080)) 0 0 no-repeat,-webkit-gradient(linear,left top,right top,from(#404040),to(#808080)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#404040),to(#404040)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#808080),to(#808080)) 100% 100% no-repeat;background:linear-gradient(90deg,#404040 0,#808080) 0 0 no-repeat,linear-gradient(90deg,#404040 0,#808080) 0 100% no-repeat,linear-gradient(0deg,#404040 0,#404040) 0 100% no-repeat,linear-gradient(0deg,#808080 0,#808080) 100% 100% no-repeat;background-size:100% 2px,100% 2px,2px 100%,2px 100%}
input::-webkit-input-placeholder{color:#486dba}
select{font-family:clear-sans;font-size:1.3rem;min-width:166px;max-width:300px;padding:6px 0;margin:0 10px 0 0;border:none;border-bottom:#1c1c1c 1px solid;box-shadow:none;border-radius:0;color:#1c1c1c;background:transparent;outline:none;display:inline-block;cursor:pointer}
select{-webkit-appearance:none;font-family:clear-sans;font-size:1.3rem;min-width:166px;max-width:300px;padding:4px 8px 4px 0;text-indent:0;margin:0 10px 0 0;border:none;border-bottom:#1c1c1c 1px solid;box-shadow:none;border-radius:0;color:#1c1c1c;background-color:transparent;background-image:linear-gradient(66.6deg, transparent 60%, #1c1c1c 40%),linear-gradient(113.4deg, #1c1c1c 40%, transparent 60%);background-position:calc(100% - 4px),100%;background-size:4px 6px,4px 6px;background-repeat:no-repeat;outline:none;display:inline-block;cursor:pointer}
select option{color:#1c1c1c;background-color:#e8e8e8}
select:focus{outline:0}
select[disabled]{color:#1c1c1c;border-bottom-color:#a2a2a2;opacity:0.5;cursor:default}
select[name=enter_view]{padding:0;float:right}
select[name=enter_share]{padding:0;float:right}
select.narrow{min-width:64px}
select.narrow{min-width:76px}
select.auto{min-width:auto}
select.slot{min-width:44rem;max-width:44rem}
input.narrow{width:166px}
input.trim{width:50px}
input.trim{width:76px;min-width:76px}
textarea{resize:none}
#header{position:absolute;top:0;left:0;width:100%;height:91px;z-index:100;margin:0;color:#f2f2f2;background:#1c1b1b;background-size:100% 90px;background-repeat:no-repeat}
#header .logo{float:left;margin-left:10px;color:#e22828;width:160px;text-align:center}
#header .logo svg{width:160px;display:block;margin:25px 50px 8px 0}
@@ -117,7 +117,6 @@ table.disk_status tr>td+td{width:auto}
table.disk_status tr>td+td+td{width:6.5%;text-align:center;padding-left:4px;padding-right:8px}
table.disk_status tr>td+td+td+td{text-align:right;padding-left:0;padding-right:12px}
table.disk_status tr td:last-child{width:4%;padding-right:10px}
table.disk_status select{background:transparent}
table.disk_status tbody tr:nth-child(even){background-color:#ededed}
table.disk_status.stats tr>td+td{text-align:left;padding-left:0;padding-right:12px}
table.array_status td{padding:4px 0}
plugins/dynamix/styles/dynamix-azure.css
+4 -4
View File
@@ -15,14 +15,14 @@ div.jGrowl div.jGrowl-notify div.jGrowl-close{float:right;cursor:pointer}
div.jGrowl div.jGrowl-closer{width:400px;color:#808080;background-color:#121510;opacity:0.96;border:2px solid #B0B0B0;margin:5px 0;padding:4px 0;cursor:pointer;font-weight:bold;text-align:center;border-radius:6px}
div.jGrowl div.jGrowl-closer.top{position:fixed;top:91px}
@media print{div.jGrowl{display:none}}
.ui-dropdownchecklist{background:transparent;border:none;box-shadow:0 1px 0 #606E7F;outline:none;height:3.2rem;line-height:3.2rem;cursor:pointer}
.ui-dropdownchecklist-selector{border:1px solid #606E7F;display:inline-block;cursor:pointer;padding:1px 9px 1px 11px}
.ui-dropdownchecklist-group{font-weight:normal;font-style:italic;padding:1px 9px 1px 11px}
.ui-dropdownchecklist{background-color:transparent;background-image:linear-gradient(66.6deg, transparent 60%, #606e7f 40%),linear-gradient(113.4deg, #606e7f 40%, transparent 60%);background-position:calc(100% - 8px),calc(100% - 4px);background-size:4px 6px,4px 6px;background-repeat:no-repeat;border:none;box-shadow:0 1px 0 #606E7F;outline:none;height:3rem;line-height:3rem;cursor:pointer}
.ui-dropdownchecklist-selector{border:1px solid #606E7F;display:inline-block;cursor:pointer;padding:1px 14px 1px 6px}
.ui-dropdownchecklist-group{font-weight:normal;font-style:italic;padding:1px 14px 1px 6px}
.ui-dropdownchecklist-selector-wrapper{vertical-align:middle;font-size:0}
.ui-state-active{border-color:#0072C6;background:transparent}
.ui-dropdownchecklist-dropcontainer{color:#606E7F;background-color:#EDEAEF;border:#0072C6 1px solid}
.ui-state-disabled{border-color:#808080;background:#C7C5CB;opacity:0.5}
.ui-dropdownchecklist-indent{padding-left:7px}
.ui-dropdownchecklist-indent{padding-left:9px}
.ui-dropdownchecklist-text{font-family:clear-sans;font-size:1.2rem;color:#606E7F}
.ui-dropdownchecklist-item{height:2.2rem;line-height:2.2rem}
.ui-dropdownchecklist-item input{vertical-align:top}
plugins/dynamix/styles/dynamix-black.css
+1 -1
View File
@@ -15,7 +15,7 @@ div.jGrowl div.jGrowl-notify div.jGrowl-close{float:right;cursor:pointer}
div.jGrowl div.jGrowl-closer{width:400px;color:#808080;background-color:#121510;opacity:0.96;border:2px solid #B0B0B0;margin:5px 0;padding:4px 0;cursor:pointer;font-weight:bold;text-align:center;border-radius:6px}
div.jGrowl div.jGrowl-closer.top{position:fixed;top:130px}
@media print{div.jGrowl{display:none}}
.ui-dropdownchecklist{background:transparent;border:none;box-shadow:0 1px 0 #f2f2f2;outline:none;height:3.2rem;line-height:3.2rem;cursor:pointer}
.ui-dropdownchecklist{background-color:transparent;background-image:linear-gradient(66.6deg, transparent 60%, #f2f2f2 40%),linear-gradient(113.4deg, #f2f2f2 40%, transparent 60%);background-position:calc(100% - 4px),100%;background-size:4px 6px,4px 6px;background-repeat:no-repeat;border:none;box-shadow:0 1px 0 #f2f2f2;outline:none;height:2.5rem;line-height:2.5rem;cursor:pointer}
.ui-dropdownchecklist-selector{border:none;border-bottom:1px solid #f2f2f2;outline:none;display:inline-block;cursor:pointer;padding:1px 0}
.ui-dropdownchecklist-group{font-weight:normal;font-style:italic;padding:1px 0}
.ui-dropdownchecklist-selector-wrapper{vertical-align:middle;font-size:0}
plugins/dynamix/styles/dynamix-gray.css
+4 -4
View File
@@ -15,14 +15,14 @@ div.jGrowl div.jGrowl-notify div.jGrowl-close{float:right;cursor:pointer}
div.jGrowl div.jGrowl-closer{width:400px;color:#808080;background-color:#121510;opacity:0.96;border:2px solid #383A34;margin:5px 0;padding:4px 0;cursor:pointer;font-weight:bold;text-align:center;border-radius:6px}
div.jGrowl div.jGrowl-closer.top{position:fixed;top:91px}
@media print{div.jGrowl{display:none}}
.ui-dropdownchecklist{background:transparent;border:none;box-shadow:0 1px 0 #606E7F;outline:none;height:3.2rem;line-height:3.2rem;cursor:pointer}
.ui-dropdownchecklist-selector{border:1px solid #606E7F;display:inline-block;cursor:pointer;padding:1px 9px 1px 11px}
.ui-dropdownchecklist-group{font-weight:normal;font-style:italic;padding:1px 9px 1px 11px}
.ui-dropdownchecklist{background-color:transparent;background-image:linear-gradient(66.6deg, transparent 60%, #606e7f 40%),linear-gradient(113.4deg, #606e7f 40%, transparent 60%);background-position:calc(100% - 8px),calc(100% - 4px);background-size:4px 6px,4px 6px;background-repeat:no-repeat;border:none;box-shadow:0 1px 0 #606E7F;outline:none;height:3rem;line-height:3rem;cursor:pointer}
.ui-dropdownchecklist-selector{border:1px solid #606E7F;display:inline-block;cursor:pointer;padding:1px 10px}
.ui-dropdownchecklist-group{font-weight:normal;font-style:italic;padding:1px 10px}
.ui-dropdownchecklist-selector-wrapper{vertical-align:middle;font-size:0}
.ui-state-active{border-color:#0072C6;background:transparent}
.ui-dropdownchecklist-dropcontainer{color:#606E7F;background-color:#121510;border:#0072C6 1px solid}
.ui-state-disabled{border-color:#808080;background:#383A34;opacity:0.3}
.ui-dropdownchecklist-indent{padding-left:7px}
.ui-dropdownchecklist-indent{padding-left:9px}
.ui-dropdownchecklist-text{font-family:clear-sans;font-size:1.2rem;color:#606E7F}
.ui-dropdownchecklist-item{height:2.2rem;line-height:2.2rem}
.ui-dropdownchecklist-item input{vertical-align:top}
plugins/dynamix/styles/dynamix-white.css
+1 -1
View File
@@ -15,7 +15,7 @@ div.jGrowl div.jGrowl-notify div.jGrowl-close{float:right;cursor:pointer}
div.jGrowl div.jGrowl-closer{width:400px;color:#808080;background-color:#121510;opacity:0.96;border:2px solid #B0B0B0;margin:5px 0;padding:4px 0;cursor:pointer;font-weight:bold;text-align:center;border-radius:6px}
div.jGrowl div.jGrowl-closer.top{position:fixed;top:130px}
@media print{div.jGrowl{display:none}}
.ui-dropdownchecklist{background:transparent;border:none;box-shadow:0 1px 0 #1c1c1c;outline:none;height:3.2rem;line-height:3.2rem;cursor:pointer}
.ui-dropdownchecklist{background-color:transparent;background-image:linear-gradient(66.6deg, transparent 60%, #1c1c1c 40%),linear-gradient(113.4deg, #1c1c1c 40%, transparent 60%);background-position:calc(100% - 4px),100%;background-size:4px 6px,4px 6px;background-repeat:no-repeat;border:none;box-shadow:0 1px 0 #1c1c1c;outline:none;height:2.5rem;line-height:2.5rem;cursor:pointer}
.ui-dropdownchecklist-selector{border:none;border-bottom:1px solid #1c1c1c;outline:none;display:inline-block;cursor:pointer;padding:1px 0}
.ui-dropdownchecklist-group{font-weight:normal;font-style:italic;padding:1px 0}
.ui-dropdownchecklist-selector-wrapper{vertical-align:middle;font-size:0}