diff --git a/installation/template/css/template.css b/installation/template/css/template.css index 6254a80476f34..3ab30592af889 100644 --- 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); +} \ No newline at end of file diff --git a/installation/template/index.php b/installation/template/index.php index 0e8701ae17401..9c7b7cf5023b2 100644 --- a/installation/template/index.php +++ b/installation/template/index.php @@ -8,10 +8,6 @@ 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'); @@ -19,6 +15,9 @@ 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');