Installation flat repaint

joomla · Sep 3, 2016 · 5b8dc3a · 5b8dc3a
1 parent ac1151e
commit 5b8dc3a
Show file tree

Hide file tree

Showing 3 changed files with 169 additions and 5 deletions.
diff --git a/administrator/templates/isis/css/jui/chosen.css b/administrator/templates/isis/css/jui/chosen.css
@@ -343,7 +343,7 @@
 .chzn-container-active.chzn-with-drop .chzn-single div {
 /*  background: transparent;
   border-left: none;*/
-  border-bottom: 1px solid #b3b3b3;
+  border-bottom: 1px solid #cccccc;
   border-bottom-left-radius: 3px;
 }
 .chzn-container-active.chzn-with-drop .chzn-single[rel="value_0"] div,

diff --git a/installation/template/css/template.css b/installation/template/css/template.css
@@ -131,3 +131,168 @@ textarea.noResize {
 .tooltip {
 	white-space: pre-wrap;
 }
+
+/* Flat Repaint */
+.btn {
+	background-image: none;
+	border: 1px solid rgba(0, 0, 0, 0.2);
+	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+}
+.btn-primary:hover, .btn-primary:focus {
+    background-color: #185b91;
+    color: #fff;
+    text-decoration: none;
+}
+.chzn-container-single .chzn-single {
+    background-color: #ffffff;
+    background-image: none;
+    border: 1px solid rgba(0, 0, 0, 0.2);
+    border-radius: 3px;
+    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
+    height: auto;
+    line-height: 26px;
+}
+.chzn-container-single .chzn-single div {
+    background-color: #f3f3f3;
+    border-left: 1px solid #cccccc;
+    text-align: center;
+    width: 28px;
+    height: auto;
+    bottom: 0;
+}
+.chzn-container-single .chzn-drop {
+    background-clip: padding-box;
+    border-color: #0088cc;
+}
+.chzn-container-active .chzn-single {
+    color: #0088cc;
+}
+.chzn-container-active.chzn-with-drop .chzn-single div {
+    border-bottom: 1px solid #cccccc;
+    border-bottom-left-radius: 3px;
+    background-color: #f3f3f3;
+    border-left: 1px solid #cccccc;
+}
+.chzn-container-single .chzn-single div b {
+	background-position: 2px 2px;
+    display: inline-block;
+    height: 16px;
+    width: 16px;
+}
+.chzn-container-active.chzn-with-drop  .chzn-single div b {
+	background-position: -16px 2px;
+}
+.chzn-container-active.chzn-with-drop .chzn-single {
+	background-image: none;
+    border: 1px solid #0088cc;
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+}
+
+.chzn-container .chzn-results {
+    background-color: #fff;
+    border-radius: 0 0 3px 3px;
+    margin: 0;
+    padding: 0;
+}
+.chzn-container-single .chzn-search input[type="text"] {
+    border: 1px solid #aaa;
+    border-radius: 3px;
+    box-shadow: none;
+    background: transparent url("../../../media/jui/css/chosen-sprite.png") no-repeat scroll 100% -20px
+}
+.chzn-container .chzn-results li.highlighted {
+  background-color: #0088cc;
+  background-image: none;
+}
+.chzn-container-single .chzn-search input[type="text"]:focus {
+	border-color: #0088cc;
+}
+fieldset {
+	margin-bottom: 10px;
+}
+textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
+	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
+}
+
+/* Flat repaint */
+.btn {
+    background-image: none;
+    border: 1px solid rgba(0, 0, 0, 0.2);
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+}
+.btn-primary:hover, .btn-primary:focus {
+    background-color: #185b91;
+    color: #fff;
+    text-decoration: none;
+}
+.chzn-container-single .chzn-single {
+    background-color: #ffffff;
+    background-image: none;
+    border: 1px solid rgba(0, 0, 0, 0.2);
+    border-radius: 3px;
+    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
+    height: auto;
+    line-height: 26px;
+}
+.chzn-container-single .chzn-single div {
+    background-color: #f3f3f3;
+    border-left: 1px solid #cccccc;
+    bottom: 0;
+    height: auto;
+    text-align: center;
+    width: 28px;
+}
+.chzn-container-single .chzn-drop {
+    background-clip: padding-box;
+    border-color: #0088cc;
+}
+.chzn-container-active .chzn-single {
+    color: #0088cc;
+}
+.chzn-container-active.chzn-with-drop .chzn-single div {
+    background-color: #f3f3f3;
+    border-bottom: 1px solid #cccccc;
+    border-bottom-left-radius: 3px;
+    border-left: 1px solid #cccccc;
+}
+.chzn-container-single .chzn-single div b {
+    background-position: 2px 2px;
+    display: inline-block;
+    height: 16px;
+    width: 16px;
+}
+.chzn-container-active.chzn-with-drop .chzn-single div b {
+    background-position: -16px 2px;
+}
+.chzn-container-active.chzn-with-drop .chzn-single {
+    background-image: none;
+    border: 1px solid #0088cc;
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+}
+.chzn-container .chzn-results {
+    background-color: #fff;
+    border-radius: 0 0 3px 3px;
+    margin: 0;
+    padding: 0;
+}
+.chzn-container-single .chzn-search input[type="text"] {
+    background: transparent url("../../../media/jui/css/chosen-sprite.png") no-repeat scroll 100% -20px;
+    border: 1px solid #aaa;
+    border-radius: 3px;
+    box-shadow: none;
+}
+.chzn-container .chzn-results li.highlighted {
+    background-color: #0088cc;
+    background-image: none;
+}
+.chzn-container-single .chzn-search input[type="text"]:focus {
+    border-color: #0088cc;
+}
+fieldset {
+    margin-bottom: 10px;
+}
+textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
+    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
+}
diff --git a/installation/template/index.php b/installation/template/index.php
@@ -8,17 +8,16 @@
 
 defined('_JEXEC') or die;
 
-// Add Stylesheets
-JHtml::_('bootstrap.loadCss', true, $this->direction);
-JHtml::_('stylesheet', 'installation/template/css/template.css');
-
 // Load the JavaScript behaviors
 JHtml::_('bootstrap.framework');
 JHtml::_('formbehavior.chosen', 'select');
 JHtml::_('behavior.keepalive');
 JHtml::_('behavior.formvalidator');
 JHtml::_('script', 'installation/template/js/installation.js');
 
+// Add Stylesheets
+JHtml::_('bootstrap.loadCss', true, $this->direction);
+JHtml::_('stylesheet', 'installation/template/css/template.css');
 
 // Load JavaScript message titles
 JText::script('ERROR');