Style edits for Firefox & Chromium:

- remove box-shadow from checkbox inputs. - Merge .dialog rule from Technetium into .box - Darken tab borders in Stygium and Technetium.
cburschka · May 26, 2015 · 39e16ca · 39e16ca
1 parent 7820d7f
commit 39e16ca
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 9 deletions.
diff --git a/css/alt/Selenium.css b/css/alt/Selenium.css
@@ -26,6 +26,7 @@ h3 { background: linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%)
 .ui-tabs .ui-tabs-nav li { border-bottom: none }
 .ui-tabs li.ui-tabs-active { background: rgba(255, 255, 255, 0.05) }
 .dialog, .dialog input, .dialog select, .dialog button, .dialog textarea { box-shadow: 0 0 4px white }
+.dialog input[type=checkbox] { box-shadow: none }
 select, button, input { background: rgba(0,0,0,0.4) }
 option { background: #202341 }
 button:hover { background: rgba(0,0,0,0.3) }

diff --git a/css/alt/Stygium.css b/css/alt/Stygium.css
@@ -12,4 +12,5 @@ button, input, select, #inputFieldContainer, textarea.form-field, .ui-tabs-activ
 button:hover { background: #444 }
 button:active { background: #666 }
 .dialog { border: 1px solid #222; background: black }
+.ui-tabs .ui-tabs-nav li { border-color: #444 }
 .context-menu-item.hover { background-color: #222 }
diff --git a/css/alt/Technetium.css b/css/alt/Technetium.css
@@ -16,26 +16,27 @@ a:hover {
   transition: all 0.1s ease-in 0s;
   text-decoration: underline;
 }
-.box, input, #headlineContainer input, select, textarea.form-field, .ui-tabs-nav li {
-  background: none repeat scroll 0 0 #161616;
+input, select, textarea.form-field, .ui-tabs .ui-tabs-nav li {
+  background: #161616;
   border: 2px solid #272727;
 }
+.ui-tabs .ui-tabs-nav li { border-bottom: none }
 button { background-color: #06b }
-button, #loginContainer input { border: 1px solid #06b } /* blue borders around login fields */
+button, #loginContainer input { border: 1px solid #06b }
 .box, .container {
-  background: url("Technetium/stripe.png");
+  background: url("Technetium/stripe.png") #161616;
   border: 2px solid #272727;
 }
-.ui-tabs-nav .ui-tabs-active { background: #272727 }
+.ui-tabs-nav li.ui-tabs-active { background: #272727 }
 .box, .container, button, input, select, textarea.form-field, .ui-tabs-nav li {
   box-shadow: 0 5px 8px rgba(10, 10, 10, 0.75) inset;
   border-radius: 10px
-} /* rounded corners everywhere! */
-.row:nth-child(n) { background: none } /* cancel the alternating background */
+}
+input[type=checkbox] { box-shadow: none }
+.row:nth-child(n) { background: none }
 .row:hover {
   box-shadow: 5px 5px 8px 5px rgba(10, 10, 10, 0.75) inset;
   transition-duration: 0.1s;
   transition-timing-function: cubic-bezier(0.2, 0.4, 0.7, 0.8);
 }
-.user-role-bot { color:#32cd32 }
-.dialog { background: url("Technetium/stripe.png") #161616; box-shadow: 0 0 4px black }
+.user-role-bot { color: #32cd32 }