topaLE
/
theme.park.app
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

more mylar3 stuff

pull/258/head
GilbN 4 years ago
parent
b63c531304
commit
82c8bff25e
1 changed files with 134 additions and 36 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 170
      CSS/themes/mylar3/mylar3-base.css

170
CSS/themes/mylar3/mylar3-base.css
View File

@ -141,14 +141,14 @@ a .ui-icon {
}
.links a {
color: #b5b5b5;
color: var(--link-color);
clear: both;
display: inline-block;
float: left;
}
.links a:hover {
color: #4183c4;
color: var(--link-color-hover);
}
.links a .ui-icon {
@ -326,6 +326,7 @@ table td a {
border: 1px solid rgb(255 255 255 / 10%);
font-size: 15px;
padding: 2px 4px;
color: var(--text);
}
table.display thead th {
@ -516,6 +517,17 @@ button {
font: 99%;
}
select {
background: rgba(255, 255, 255, 0.15);
color: var(--text);
}
select:focus {
background: #1f1f1f;
color: var(--text);
}
#more {
display: none;
}
@ -603,6 +615,15 @@ input[type="button"] {
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0);
}
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="submit"]:active,
input[type="button"]:active {
background: var(--button-color-hover);
border-bottom: 1px solid var(--button-color-hover);
color: var(--button-text-hover);
}
form legend,
form h2 {
font-size: 16px;
@ -619,7 +640,7 @@ form fieldset {
}
form fieldset small.heading {
color: #666;
color: var(--text-hover);
display: block;
font-style: italic;
margin-bottom: 10px;
@ -650,27 +671,33 @@ form .row input {
form .row input[type=text],
form .row input[type=password] {
border: 1px solid #DDD;
border-top: 1px solid #CDCDCD;
-moz-box-shadow: 0 1px 0 #f1f1f1;
-webkit-box-shadow: 0 1px 0 #f1f1f1;
-o-box-shadow: 0 1px 0 #f1f1f1;
box-shadow: 0 1px 0 #f1f1f1;
-moz-box-shadow: inset 0 1px 1px #e0e0e0;
-webkit-box-shadow: inset 0 1px 1px #e0e0e0;
-o-box-shadow: inset 0 1px 1px #e0e0e0;
box-shadow: inset 0 1px 1px #e0e0e0;
color: #343434;
border: 1px solid rgba(255, 255, 255, 0.1);
border-top: 1px solid transparent;
-moz-box-shadow: 0 1px 0 transparent;
-webkit-box-shadow: 0 1px 0 transparent;
-o-box-shadow: 0 1px 0 transparent;
box-shadow: 0 1px 0 transparent;
-moz-box-shadow: inset 0 1px 1px transparent;
-webkit-box-shadow: inset 0 1px 1px transparent;
-o-box-shadow: inset 0 1px 1px transparent;
box-shadow: inset 0 1px 1px transparent;
color: var(--text);
font-size: 14px;
height: auto;
line-height: normal;
max-width: 230px;
margin-right: 5px;
padding: 3px 5px;
background: rgba(255, 255, 255, 0.1);
}
form .row input[type=text]:focus,
form .row input[type=password]:focus {
background: rgba(255, 255, 255, 0.25);
}
form .row small {
color: #999;
color: var(--text-muted);
display: block;
font-size: 11px;
line-height: 12px;
@ -2509,7 +2536,7 @@ DIV.progress-container>DIV {
}
#version {
color: #999;
color: var(--text-muted);
font-size: 10px;
position: relative;
z-index: 999;
@ -2519,7 +2546,7 @@ DIV.progress-container>DIV {
}
#backendstatus {
color: #999;
color: var(--text-muted);
font-size: 10px;
position: relative;
z-index: 999;
@ -2810,9 +2837,9 @@ table tr td#status a {
.issue-popup {
width: 600px;
display: none;
background: #333;
background: var(--modal-bg-color);
padding: 5px;
border: 2px solid #ddd;
border: 2px solid rgba(221, 221, 221, 0);
color: white;
font-size: 1.2em;
position: absolute;
@ -2820,11 +2847,11 @@ table tr td#status a {
left: 50%;
z-index: 99999;
text-align: left;
box-shadow: 0px 0px 20px #999;
box-shadow: 0px 0px 20px transparent;
/* CSS3 */
-moz-box-shadow: 0px 0px 20px #999;
-moz-box-shadow: 0px 0px 20px transparent;
/* Firefox */
-webkit-box-shadow: 0px 0px 20px #999;
-webkit-box-shadow: 0px 0px 20px transparent;
/* Safari, Chrome */
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px;
@ -3054,25 +3081,21 @@ table#annual_table td#aoptions {
}
#btn_menu a {
background-image: -moz-linear-gradient(#616161, #4e4e4e) !important;
background-image: linear-gradient(#616161, #4e4e4e) !important;
background-image: -webkit-linear-gradient(#616161, #4e4e4e) !important;
background-image: -o-linear-gradient(#616161, #4e4e4e) !important;
filter: progid:dximagetransform.microsoft.gradient(startColorstr=#6a6a6a, endColorstr=#4a4a4a) !important;
background: var(--button-color) !important;
border: 1px solid rgba(255, 255, 255, 0.1);
filter: none !important;
font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
font-size: 12px;
font-weight: normal;
color: var(--button-text)
}
#btn_container #btn_menu a:hover,
#btn_container_center #btn_menu a:hover {
background-image: -moz-linear-gradient(#599bdc, #3072b3) !important;
background-image: linear-gradient(#599bdc, #3072b3) !important;
background-image: -webkit-linear-gradient(#599bdc, #3072b3) !important;
background-image: -o-linear-gradient(#599bdc, #3072b3) !important;
filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
color: #FFF;
border-color: #272b30 #272b30 #272b30;
background: var(--button-color-hover) !important;
filter: none !important;
color: var(--button-text-hover) !important;
border-color: var(--button-color-hover) !important;
}
input[type="checkbox"]+label.series_metadata_local::before {
@ -3114,9 +3137,9 @@ input[type="checkbox"]+label.series_metadata_local::before {
fieldset.fieldset_header {
margin: 5px;
padding: 0px 5px 5px;
border: 1px solid #666;
border: 1px solid rgba(255, 255, 255, 0);
border-radius: 8px;
box-shadow: 0px 0px 10px #666;
box-shadow: 0px 0px 10px rgba(255, 255, 255, 0);
padding-top: 5px;
}
@ -3172,4 +3195,79 @@ div.alphabetInfo {
padding-top: 0.4em;
text-align: center;
z-index: 1;
}
/* JQUERY UI */
.ui-tabs .ui-tabs-panel {
background: rgba(0, 0, 0, 0.15);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
border: 1px solid rgba(255, 255, 255, 0.1);
background-color: rgb(var(--accent-color), .2);
border-color: rgba(255, 255, 255, 0.1);
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
color: rgb(var(--accent-color));
}
.ui-tabs .ui-tabs-nav li {
background: rgba(255, 255, 255, 0.25);
color: var(--text);
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
color: var(--text);
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 1px solid rgba(255, 255, 255, 0.1);
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
border: 1px solid rgba(255, 255, 255, 0.1);
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 19px;
margin: -10px 0 0 0;
padding: 1px;
height: 18px;
background: transparent;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: var(--modal-bg-color);
overflow: auto;
zoom: 1;
}
.ui-widget-header {
border: 1px solid transparent;
background: var(--modal-bg-color);
color: var(--text-hover);
}
.ui-widget-content {
border: 2px solid #1c1e2200;
background: var(--modal-bg-color);
color: var(--text);
}
Write Preview
Loading…
Cancel
Save