mirror/webgui
1
0
Fork 0
mirror of https://github.com/unraid/webgui.git synced 2026-01-14 13:39:58 -06:00
Code Issues Packages Projects Releases Wiki Activity

select arrow style improvement

Browse Source
This commit is contained in:
bergware
2018-11-09 18:54:33 +01:00
parent 9c84ac4884
commit ec80af42c5
8 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
plugins/dynamix/styles/default-azure.css
View File

@@ -32,7 +32,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,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{-webkit-appearance:none;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-color:transparent;background-image:linear-gradient(66.6deg, transparent 50%, #606e7f 50%),linear-gradient(113.4deg, #606e7f 50%, transparent 50%);background-position:calc(100% - 1.3rem),calc(100% - .8rem);background-size:.5rem .8rem,.5rem .8rem;background-repeat:no-repeat;outline:none;display:inline-block;cursor:pointer}
select{-webkit-appearance:none;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-color:transparent;background-image:linear-gradient(66.6deg, transparent 50%, #606e7f 50%),linear-gradient(113.4deg, #606e7f 50%, transparent 50%);background-position:calc(100% - 13px),calc(100% - 8px);background-size:5px 8px,5px 8px;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-color:#c7c5cb;opacity:0.5;cursor:default}

2
plugins/dynamix/styles/default-black.css
View File

@@ -32,7 +32,7 @@ input[type=button][disabled],input[type=reset][disabled],input[type=submit][disa
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::-webkit-input-placeholder{color:#486dba}
select{-webkit-appearance:none;font-family:clear-sans;font-size:1.3rem;min-width:166px;max-width:300px;padding:2px 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 50%, #f2f2f2 50%),linear-gradient(113.4deg, #f2f2f2 50%, transparent 50%);background-position:calc(100% - .5rem),100%;background-size:.5rem .8rem,.5rem .8rem;background-repeat:no-repeat;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:2px 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 50%, #f2f2f2 50%),linear-gradient(113.4deg, #f2f2f2 50%, transparent 50%);background-position:calc(100% - 5px),100%;background-size:5px 8px,5px 8px;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}

2
plugins/dynamix/styles/default-gray.css
View File

@@ -32,7 +32,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,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{-webkit-appearance:none;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-color:transparent;background-image:linear-gradient(66.6deg, transparent 50%, #606e7f 50%),linear-gradient(113.4deg, #606e7f 50%, transparent 50%);background-position:calc(100% - 1.3rem),calc(100% - .8rem);background-size:.5rem .8rem,.5rem .8rem;background-repeat:no-repeat;outline:none;display:inline-block;cursor:pointer}
select{-webkit-appearance:none;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-color:transparent;background-image:linear-gradient(66.6deg, transparent 50%, #606e7f 50%),linear-gradient(113.4deg, #606e7f 50%, transparent 50%);background-position:calc(100% - 13px),calc(100% - 8px);background-size:5px 8px,5px 8px;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-color:#383a34;opacity:0.3;cursor:default}

2
plugins/dynamix/styles/default-white.css
View File

@@ -32,7 +32,7 @@ input[type=button][disabled],input[type=reset][disabled],input[type=submit][disa
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::-webkit-input-placeholder{color:#486dba}
select{-webkit-appearance:none;font-family:clear-sans;font-size:1.3rem;min-width:166px;max-width:300px;padding:2px 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 50%, #1c1c1c 50%),linear-gradient(113.4deg, #1c1c1c 50%, transparent 50%);background-position:calc(100% - .5rem),100%;background-size:.5rem .8rem,.5rem .8rem;background-repeat:no-repeat;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:2px 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 50%, #1c1c1c 50%),linear-gradient(113.4deg, #1c1c1c 50%, transparent 50%);background-position:calc(100% - 5px),100%;background-size:5px 8px,5px 8px;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}

2
plugins/dynamix/styles/dynamix-azure.css
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:91px}
@media print{div.jGrowl{display:none}}
.ui-dropdownchecklist{background-color:transparent;background-image:linear-gradient(66.6deg, transparent 50%, #606e7f 50%),linear-gradient(113.4deg, #606e7f 50%, transparent 50%);background-position:calc(100% - 1.3rem),calc(100% - .8rem);background-size:.5rem .8rem,.5rem .8rem;background-repeat:no-repeat;border:none;box-shadow:0 1px 0 #606E7F;outline:none;height:3rem;line-height:3rem;cursor:pointer}
.ui-dropdownchecklist{background-color:transparent;background-image:linear-gradient(66.6deg, transparent 50%, #606e7f 50%),linear-gradient(113.4deg, #606e7f 50%, transparent 50%);background-position:calc(100% - 13px),calc(100% - 8px);background-size:5px 8px,5px 8px;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 9px 1px 11px}
.ui-dropdownchecklist-group{font-weight:normal;font-style:italic;padding:1px 9px 1px 11px}
.ui-dropdownchecklist-selector-wrapper{vertical-align:middle;font-size:0}

2
plugins/dynamix/styles/dynamix-black.css
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-color:transparent;background-image:linear-gradient(66.6deg, transparent 50%, #f2f2f2 50%),linear-gradient(113.4deg, #f2f2f2 50%, transparent 50%);background-position:calc(100% - .5rem),100%;background-size:.5rem .8rem,.5rem .8rem;background-repeat:no-repeat;border:none;box-shadow:0 1px 0 #f2f2f2;outline:none;height:2.3rem;line-height:2.3rem;cursor:pointer}
.ui-dropdownchecklist{background-color:transparent;background-image:linear-gradient(66.6deg, transparent 50%, #f2f2f2 50%),linear-gradient(113.4deg, #f2f2f2 50%, transparent 50%);background-position:calc(100% - 5px),100%;background-size:5px 8px,5px 8px;background-repeat:no-repeat;border:none;box-shadow:0 1px 0 #f2f2f2;outline:none;height:2.3rem;line-height:2.3rem;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}

2
plugins/dynamix/styles/dynamix-gray.css
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 #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-color:transparent;background-image:linear-gradient(66.6deg, transparent 50%, #606e7f 50%),linear-gradient(113.4deg, #606e7f 50%, transparent 50%);background-position:calc(100% - 1.3rem),calc(100% - .8rem);background-size:.5rem .8rem,.5rem .8rem;background-repeat:no-repeat;border:none;box-shadow:0 1px 0 #606E7F;outline:none;height:3rem;line-height:3rem;cursor:pointer}
.ui-dropdownchecklist{background-color:transparent;background-image:linear-gradient(66.6deg, transparent 50%, #606e7f 50%),linear-gradient(113.4deg, #606e7f 50%, transparent 50%);background-position:calc(100% - 13px),calc(100% - 8px);background-size:5px 8px,5px 8px;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 9px 1px 11px}
.ui-dropdownchecklist-group{font-weight:normal;font-style:italic;padding:1px 9px 1px 11px}
.ui-dropdownchecklist-selector-wrapper{vertical-align:middle;font-size:0}

2
plugins/dynamix/styles/dynamix-white.css
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-color:transparent;background-image:linear-gradient(66.6deg, transparent 50%, #1c1c1c 50%),linear-gradient(113.4deg, #1c1c1c 50%, transparent 50%);background-position:calc(100% - .5rem),100%;background-size:.5rem .8rem,.5rem .8rem;background-repeat:no-repeat;border:none;box-shadow:0 1px 0 #1c1c1c;outline:none;height:2.3rem;line-height:2.3rem;cursor:pointer}
.ui-dropdownchecklist{background-color:transparent;background-image:linear-gradient(66.6deg, transparent 50%, #1c1c1c 50%),linear-gradient(113.4deg, #1c1c1c 50%, transparent 50%);background-position:calc(100% - 5px),100%;background-size:5px 8px,5px 8px;background-repeat:no-repeat;border:none;box-shadow:0 1px 0 #1c1c1c;outline:none;height:2.3rem;line-height:2.3rem;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}