Skip to content

Commit

Permalink
Chzn flat styling separated to chzn-override.less
Browse files Browse the repository at this point in the history
  • Loading branch information
@ciar4n
ciar4n committed Sep 5, 2016
1 parent 381105f commit 5b07b4d
Show file tree
Hide file tree
Showing 8 changed files with 549 additions and 520 deletions.
467 changes: 0 additions & 467 deletions administrator/templates/isis/css/jui/chosen.css
View file

This file was deleted.

195 changes: 177 additions & 18 deletions administrator/templates/isis/css/template-rtl.css
View file
Expand Up @@ -7037,6 +7037,161 @@ div.modal.jviewport-width100 {
.icon-back:before {
content: "\e008";
}
.chzn-container .chzn-drop {
border-radius: 0 0 3px 3px;
}
.chzn-container-single .chzn-single {
background-color: #ffffff;
background-clip: inherit;
background-image: none;
border: 1px solid #cccccc;
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-single div b {
background-image: none;
display: inline-block;
}
.chzn-container-single .chzn-single div b:after {
content: '\E011';
font-family: IcoMoon;
}
.chzn-container-single .chzn-single abbr {
background: none;
right: 36px;
top: 0;
}
.chzn-container-single .chzn-single abbr:before {
font-family: IcoMoon;
content: '\0049';
font-size: 10px;
line-height: 26px;
}
.chzn-container-single .chzn-single abbr:hover {
color: #000;
}
.chzn-container-single .chzn-search:after {
content: '\0053';
font-family: IcoMoon;
position: relative;
right: 20px;
top: 2px;
}
.chzn-container-single .chzn-search input[type="text"] {
background: none;
border-radius: 3px;
border: 1px solid #cccccc;
box-shadow: none;
height: 25px;
}
.chzn-container-single .chzn-search input[type="text"]:focus {
border-color: #3071a9;
}
.chzn-container-single .chzn-drop {
background-clip: padding-box;
border-color: #3071a9;
border-radius: 0 0 3px 3px;
}
.chzn-container-active .chzn-single {
color: #3071a9;
}
.chzn-container-active.chzn-with-drop .chzn-single {
background-image: none;
border: 1px solid #3071a9;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.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-active.chzn-with-drop .chzn-single div b:after {
content: '\E00F';
font-family: IcoMoon;
}
.chzn-container-active.chzn-container-multi .chzn-choices {
border: 1px solid #3071a9;
box-shadow: none;
}
.chzn-container .chzn-results {
background-color: #ffffff;
border-radius: 0 0 3px 3px;
margin: 0;
padding: 0;
}
.chzn-container .chzn-results li.highlighted {
background-color: #3071a9;
background-image: none;
}
.chzn-color[rel="value_"] div {
background-color: #f3f3f3;
border-left: 1px solid #cccccc;
}
.chzn-color-state.chzn-single div,
.chzn-color.chzn-single[rel="value_0"] div,
.chzn-color.chzn-single[rel="value_1"] div,
.chzn-color-state.chzn-single[rel="value_-1"] div,
.chzn-color-state.chzn-single[rel="value_-2"] div,
.chzn-color.chzn-single[rel="value_hide"] div,
.chzn-color.chzn-single[rel="value_show_no_link"] div,
.chzn-color.chzn-single[rel="value_show_with_link"] div {
background-color: transparent !important;
border: none !important;
}
.chzn-container-active .chzn-choices {
border: 1px solid #3071a9;
}
.chzn-container-multi .chzn-choices {
background-image: none;
border-radius: 3px;
border: 1px solid #cccccc;
}
.chzn-container-multi .chzn-choices li.search-choice {
background-color: #3071a9;
background-image: none;
border: 0;
box-shadow: none;
color: #fff;
line-height: 20px;
padding: 0 7px;
}
.chzn-container-multi .chzn-choices li.search-choice .search-choice-close {
color: #f5f5f5;
display: inline-block;
margin-left: 5px;
position: relative;
top: 0;
left: 0;
background-image: none;
font-size: inherit;
}
.chzn-container-multi .chzn-choices li.search-choice .search-choice-close:hover {
text-decoration: none;
}
.chzn-container-multi .chzn-choices li.search-choice .search-choice-close:before {
font-family: IcoMoon;
content: '\004A';
position: relative;
right: 1px;
top: 0;
}
.js-stools .js-stools-container-bar .js-stools-field-filter .chzn-container {
margin: 1px 0;
padding: 0 !important;
}
/* Body */
html {
height: 100%;
Expand Down Expand Up @@ -7233,6 +7388,12 @@ body .navbar-fixed-top {
-moz-box-shadow: none;
box-shadow: none;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
background-image: none;
}
.navbar-fixed-bottom {
bottom: 0;
}
Expand Down Expand Up @@ -8079,21 +8240,6 @@ input.input-large-text {
margin-bottom: 10px;
}
/* Chosen color styles */
[class^="chzn-color"].chzn-single,
[class*=" chzn-color"].chzn-single,
[class^="chzn-color"].chzn-single .chzn-single-with-drop,
[class*=" chzn-color"].chzn-single .chzn-single-with-drop {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
[class^="chzn-color"].chzn-single div,
[class*=" chzn-color"].chzn-single div,
[class^="chzn-color"].chzn-single .chzn-single-with-drop div,
[class*=" chzn-color"].chzn-single .chzn-single-with-drop div {
background-color: transparent;
border: none;
}
.chzn-color.chzn-single[rel="value_1"],
.chzn-color-reverse.chzn-single[rel="value_0"],
.chzn-color-state.chzn-single[rel="value_1"],
Expand All @@ -8102,7 +8248,8 @@ input.input-large-text {
background-color: #46a546;
*background-color: #46a546;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
color: #fff;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
color: #ffffff;
}
.chzn-color.chzn-single[rel="value_1"]:hover,
.chzn-color-reverse.chzn-single[rel="value_0"]:hover,
Expand Down Expand Up @@ -8159,7 +8306,8 @@ input.input-large-text {
background-color: #bd362f;
*background-color: #bd362f;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
color: #fff;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
color: #ffffff;
}
.chzn-color.chzn-single[rel="value_0"]:hover,
.chzn-color-reverse.chzn-single[rel="value_1"]:hover,
Expand Down Expand Up @@ -8369,7 +8517,7 @@ textarea:focus,
input:focus,
.uneditable-input:focus {
box-shadow: none;
border: 1px solid #3071A9 !important;
border: 1px solid #3071a9 !important;
}
/* Customize Textarea Resizing */
textarea {
Expand Down Expand Up @@ -9124,6 +9272,13 @@ input[type="url"] {
.chzn-container-single .chzn-single abbr {
left: 36px;
}
.chzn-container-active.chzn-with-drop .chzn-single div {
background-color: #f3f3f3;
border-bottom: 1px solid #cccccc;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 3px;
border-left: 1px solid #cccccc;
}
.chzn-container-multi .chzn-choices .search-choice {
padding-left: 7px;
}
Expand All @@ -9135,6 +9290,10 @@ input[type="url"] {
.chzn-container .chzn-single.chzn-color[rel="value_1"] div {
border-right: none;
}
.chzn-container-single .chzn-search::after {
left: 20px;
right: auto;
}
.container-logo {
padding-top: 0;
float: left;
Expand Down

0 comments on commit 5b07b4d

Please sign in to comment.