nils/gluon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

gluon-config-mode-theme: clean up SCSS

Browse Source 
Remove unused and obsolete code.
This commit is contained in:
Matthias Schiffer 2020-07-02 23:45:34 +02:00
parent 7360e97a9c
commit 5263583b74
No known key found for this signature in database
GPG Key ID: 16EF3F64CB201D9C
2 changed files with 33 additions and 156 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package/gluon-config-mode-theme/files/lib/gluon/config-mode/www/static/gluon.css
View File

File diff suppressed because one or more lines are too long

187
package/gluon-config-mode-theme/sass/gluon.scss
View File

@ -24,7 +24,6 @@ $red: #ee3300;
} }
display: inline-block; display: inline-block;
zoom: 1;
line-height: normal; line-height: normal;
white-space: nowrap; white-space: nowrap;
vertical-align: baseline; vertical-align: baseline;
@ -36,8 +35,8 @@ $red: #ee3300;
font-size: 100%; font-size: 100%;
padding: 0.5em 1em; padding: 0.5em 1em;
color: rgba(0, 0, 0, 0.80); color: rgba(0, 0, 0, 0.80);
border: none rgba(0, 0, 0, 0);
background-color: #E6E6E6; background-color: #E6E6E6;
border: none;
text-decoration: none; text-decoration: none;
border-radius: 2px; border-radius: 2px;
@ -65,24 +64,10 @@ $red: #ee3300;
} }
} }
@mixin button-primary {
background-color: $ffzusatz;
color: #fff;
}
.lang_he {
direction: RTL;
unicode-bidi: embed;
}
.hidden {
display: none;
}
html { html {
min-height: 100%; min-height: 100%;
height: auto; height: auto;
position:relative; position: relative;
} }
body, input, select, option { body, input, select, option {
@ -100,11 +85,6 @@ body {
background-color: #f3f3f3; background-color: #f3f3f3;
} }
a img {
border: none;
text-decoration: none;
}
.tabmenu1 { .tabmenu1 {
text-align: center; text-align: center;
} }
@ -142,38 +122,10 @@ ul.tabmenu li {
} }
} }
abbr,
acronym {
font-style: normal;
font-variant: normal;
}
abbr[title],
acronym[title] {
border-bottom: 1px dotted;
cursor: help;
}
a:link abbr[title],
a:visited abbr[title],
a:link acronym[title],
a:visited acronym[title] {
cursor: pointer;
}
code {
font-family: monospace;
white-space: pre;
}
#maincontent ul { #maincontent ul {
margin-left: 2em; margin-left: 2em;
} }
.clear {
clear: both;
}
.error { .error {
color: #ff0000; color: #ff0000;
background-color: white; background-color: white;
@ -207,7 +159,7 @@ code {
} }
} }
#menubar div.hostinfo { #menubar .hostinfo {
position: relative; position: relative;
margin: 0; margin: 0;
padding: 0.5em; padding: 0.5em;
@ -216,7 +168,7 @@ code {
font-size: 80%; font-size: 80%;
} }
#menubar div.hostinfo a { #menubar .hostinfo a {
&:link, &:visited { &:link, &:visited {
text-decoration: none; text-decoration: none;
font-weight: bold; font-weight: bold;
@ -269,15 +221,15 @@ code {
} }
.gluon-section h2 { .gluon-section h2 {
margin: 0em 0 0.5em -0.5em !important; margin: 0em 0 0.5em -0.5em;
} }
.gluon-section h3 { .gluon-section h3 {
text-decoration: none !important; text-decoration: none;
font-weight: bold !important; font-weight: bold;
color: #555555 !important; color: #555555;
margin: 0.25em !important; margin: 0.25em;
font-size: 100% !important; font-size: 100%;
} }
.gluon-section-descr { .gluon-section-descr {
@ -290,19 +242,11 @@ code {
margin-bottom: 1em; margin-bottom: 1em;
} }
input:placeholder { input::placeholder {
color: #aaaaaa; color: #aaaaaa;
} }
input:-webkit-input-placeholder { input::-webkit-input-placeholder {
color: #aaaaaa;
}
input:-moz-placeholder {
color: #aaaaaa;
}
input:-ms-input-placeholder {
color: #aaaaaa; color: #aaaaaa;
} }
@ -317,7 +261,7 @@ input[type=checkbox] {
margin: 0; margin: 0;
} }
&:checked + label:after { &:checked + label::after {
content: '✔'; content: '✔';
color: $ffmagenta; color: $ffmagenta;
vertical-align: middle; vertical-align: middle;
@ -347,7 +291,7 @@ input[type=radio] {
border-radius: 50%; border-radius: 50%;
} }
&:checked + label:after { &:checked + label::after {
content: '•'; content: '•';
color: $ffmagenta; color: $ffmagenta;
vertical-align: middle; vertical-align: middle;
@ -363,7 +307,6 @@ input[type=radio] {
input[type=submit], input[type=submit],
input[type=reset], input[type=reset],
input[type=image],
input[type=button] { input[type=button] {
cursor: pointer; cursor: pointer;
} }
@ -388,33 +331,30 @@ option {
background: lighten($ffyellow, 30); background: lighten($ffyellow, 30);
} }
input[type=image] {
border: none;
}
select, select,
input[type=text], input[type=text],
input[type=password] { input[type=password] {
min-width: 20em; min-width: 20em;
} }
input.gluon-button { .gluon-button {
@include button; @include button;
margin-left: 0.5em; margin-left: 0.5em;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
input.gluon-button-reset { .gluon-button-reset {
background-color: $red; background-color: $red;
color: #fff; color: #fff;
} }
input.gluon-button-submit {
@include button-primary;
}
input.gluon-button-submit:active { .gluon-button-submit {
background: grey; background-color: $ffzusatz;
color: #fff;
}
.gluon-button-submit:active {
background: grey;
} }
.gluon-input-invalid { .gluon-input-invalid {
@ -422,25 +362,12 @@ input.gluon-button-submit:active {
color: white; color: white;
} }
div.gluon-section-remove input {
border-bottom: none;
}
textarea { textarea {
margin-left: -1px; margin-left: -1px;
margin-bottom: 0.5em; margin-bottom: 0.5em;
} }
.gluon-section .gluon-rowstyle-1 h3 { .gluon-value {
background-color: #eeeeff;
color: #555555;
}
.gluon-rowstyle-2 {
color: #000000;
}
div.gluon-value {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
margin-bottom: 0.5em; margin-bottom: 0.5em;
@ -458,7 +385,7 @@ div.gluon-value {
font-weight: bold; font-weight: bold;
} }
div.gluon-value-field { .gluon-value-field {
flex: 3; flex: 3;
position: relative; position: relative;
@ -467,12 +394,12 @@ div.gluon-value-field {
} }
} }
div.gluon-value-field-text { .gluon-value-field-text {
flex: 3; flex: 3;
padding-top: 0.39em; padding-top: 0.39em;
} }
div.gluon-value-field-long { .gluon-value-field-long {
flex: 10; flex: 10;
position: relative; position: relative;
margin-top: 0.65em; margin-top: 0.65em;
@ -482,29 +409,15 @@ div.gluon-value-field-long {
} }
} }
div.gluon-value-field-long-after { .gluon-value-field-long-after {
flex: 2; flex: 2;
} }
div.gluon-value-description { .gluon-value-description {
font-size: 8pt; font-size: 8pt;
} }
div.gluon-section-create { .gluon-form-descr {
clear: left;
white-space: nowrap;
vertical-align: top;
}
div.gluon-section-create .gluon-button {
margin: 0.25em;
}
input.gluon-section-create-name {
margin-right: -0.25em;
}
div.gluon-form-descr {
margin-bottom: 1em; margin-bottom: 1em;
} }
@ -523,42 +436,18 @@ div.gluon-form-descr {
flex-flow: row-reverse; flex-flow: row-reverse;
} }
div.gluon-optionals {
padding: 0.25em;
border-bottom: 1px dotted #bbbbbb;
}
div.gluon-section-remove {
float: right;
}
.gluon-section-node { .gluon-section-node {
clear: both; clear: both;
position: relative; position: relative;
border: none; border: none;
} }
.gluon-section-node-tabbed {
border-top-left-radius: 0;
}
div.gluon-error {
font-size: 95%;
font-weight: bold;
color: #ff0000;
background-color: #ffffff;
}
.gluon-value-error input, .gluon-value-error input,
.gluon-value-error select { .gluon-value-error select {
background-color: #ffcccc; background-color: #ffcccc;
} }
.gluon-value-field var { .gluon-add::after, .gluon-remove::after {
color: #2222FF;
}
.gluon-add:after, .gluon-remove:after {
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
text-align: center; text-align: center;
@ -584,7 +473,7 @@ div.gluon-error {
left: -0.08em; left: -0.08em;
} }
&:after { &::after {
content: '+'; content: '+';
} }
} }
@ -595,23 +484,11 @@ div.gluon-error {
position: relative; position: relative;
top: -0.03em; top: -0.03em;
&:after { &::after {
content: '–'; content: '–';
} }
} }
.left {
text-align: left !important;
}
.right {
text-align: right !important;
}
.inline {
display: inline;
}
.error500 { .error500 {
border: 1px dotted #ff0000; border: 1px dotted #ff0000;
background-color: #ffffff; background-color: #ffffff;