app/assets/stylesheets/alchemy/jquery.sb.css.scss in alchemy_cms-2.1.12 vs app/assets/stylesheets/alchemy/jquery.sb.css.scss in alchemy_cms-2.2.rc1
- old
+ new
@@ -1,254 +1,254 @@
@import "alchemy/defaults";
/* always visible styles */
#alchemy select.has_sb {
- display: none !important;
+ display: none !important;
}
#alchemy .selectbox {
- display: inline-block;
- *display: inline;
- margin: 0;
- position: relative;
- zoom: 1;
- font-size: 11px;
- @include disable-user-select;
+ display: inline-block;
+ *display: inline;
+ margin: 0;
+ position: relative;
+ zoom: 1;
+ font-size: 11px;
+ @include disable-user-select;
}
#alchemy .selectbox.full_width .display.full_width {
- width: 402px;
+ width: 402px;
}
#alchemy .selectbox .display {
- border: 1px solid $button-border-color;
- cursor: default;
- display: block;
- font-weight: normal;
- height: 23px;
- line-height: 23px;
- padding: 0 23px 0 5px;
- position: relative;
- text-decoration: none;
- overflow: hidden;
- @include rounded-corner;
- background: $button-bg-color image-url('alchemy/shading.png') repeat-x 0 -69px;
+ border: 1px solid $button-border-color;
+ cursor: default;
+ display: block;
+ font-weight: normal;
+ height: 23px;
+ line-height: 23px;
+ padding: 0 23px 0 5px;
+ position: relative;
+ text-decoration: none;
+ overflow: hidden;
+ @include rounded-corner;
+ background: $button-bg-color image-url('alchemy/shading.png') repeat-x 0 -69px;
}
#alchemy .content_editor.validation_failed .selectbox .display {
- border-color: #931f23;
+ border-color: #931f23;
}
#alchemy .selectbox .display .text {
- text-shadow: $button-text-shadow;
+ text-shadow: $button-text-shadow;
}
#alchemy .selectbox .display {
- width: 190px;
+ width: 190px;
}
#alchemy .selectbox .display.short {
- width: 60px;
+ width: 60px;
}
#alchemy .selectbox .display.medium {
- width: 100px;
+ width: 100px;
}
#alchemy .selectbox .display.long {
- width: 220px;
+ width: 220px;
}
#alchemy .selectbox .display.very_long {
- width: 280px;
+ width: 280px;
}
#alchemy .selectbox.disabled .display {
- color: #999;
+ color: #999;
}
#alchemy .selectbox.focused .display {
- border: 1px solid $button-hover-border-color;
+ border: 1px solid $button-hover-border-color;
}
#alchemy .selectbox.focused .display .text {
- text-shadow: none;
+ text-shadow: none;
}
#alchemy .selectbox.focused .display .arrow_btn,
#alchemy .selectbox .display:hover .arrow_btn {
- background: $button-hover-bg-color image-url('alchemy/shading.png') repeat-x 50% -75px;
+ background: $button-hover-bg-color image-url('alchemy/shading.png') repeat-x 50% -75px;
}
#alchemy .selectbox .display:active .arrow_btn {
- background-color: #e5e5e5;
+ background-color: #e5e5e5;
}
#alchemy .selectbox .display:active .arrow_btn .interior {
- background-color: #e5e5e5;
+ background-color: #e5e5e5;
}
#alchemy .selectbox .display.hover {
- cursor: pointer;
+ cursor: pointer;
}
#alchemy .selectbox .display.hover .arrow_btn .interior {
- background: #e6f0f5 image-url('alchemy/shading.png') repeat-x 0 -75px;
+ background: #e6f0f5 image-url('alchemy/shading.png') repeat-x 0 -75px;
}
#alchemy .selectbox .display .arrow_btn {
- background: #ededed image-url('alchemy/shading.png') repeat-x 0 -75px;
- display: block;
- height: 23px;
- padding: 0;
- position: absolute;
- right: 0;
- top: 0;
- width: 19px;
+ background: #ededed image-url('alchemy/shading.png') repeat-x 0 -75px;
+ display: block;
+ height: 23px;
+ padding: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+ width: 19px;
}
#alchemy .selectbox .display .arrow_btn .interior {
- display: block;
- height: 23px;
- width: 19px;
+ display: block;
+ height: 23px;
+ width: 19px;
}
#alchemy .selectbox .display .arrow_btn .arrow {
- background: image-url('alchemy/ui-icons_666666_256x240.png') no-repeat -63px -11px;
- display: block;
- height: 23px;
- width: 19px;
+ background: image-url('alchemy/ui-icons_666666_256x240.png') no-repeat -63px -11px;
+ display: block;
+ height: 23px;
+ width: 19px;
}
#alchemy .selectbox .text {
- line-height: 24px;
- text-align: left;
+ line-height: 24px;
+ text-align: left;
}
#alchemy .selectbox .value {
- display: none;
+ display: none;
}
/* dropdown styles */
#alchemy .items {
- background: $button-bg-color;
- border: 1px solid $button-border-color;
- display: block;
- list-style-type: none;
- margin: 0;
- overflow-x: hidden;
- overflow-y: auto;
- z-index: 99999;
- -moz-box-shadow: 0 3px 5px rgba(0,0,0,.5);
- -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.5);
- box-shadow: 0 3px 5px rgba(0,0,0,.5);
- @include rounded-corner;
- padding: 0;
- line-height: 15px;
- font-size: 11px;
+ background: $button-bg-color;
+ border: 1px solid $button-border-color;
+ display: block;
+ list-style-type: none;
+ margin: 0;
+ overflow-x: hidden;
+ overflow-y: auto;
+ z-index: 99999;
+ -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, .5);
+ -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .5);
+ box-shadow: 0 3px 5px rgba(0, 0, 0, .5);
+ @include rounded-corner;
+ padding: 0;
+ line-height: 15px;
+ font-size: 11px;
}
#alchemy .items.short {
- width: 88px;
+ width: 88px;
}
#alchemy .items.medium {
- width: 128px;
+ width: 128px;
}
#alchemy .items {
- width: 218px;
+ width: 218px;
}
#alchemy .items.long {
- width: 248px;
+ width: 248px;
}
#alchemy .items.very_long {
- width: 308px;
+ width: 308px;
}
#alchemy .items.full_width {
- width: 431px;
+ width: 431px;
}
-#new_page_form tbody tr td.second_row div.selectbox .display{
- width: 100px;
+#new_page_form tbody tr td.second_row div.selectbox .display {
+ width: 100px;
}
#alchemy .items.above {
-
+
}
#alchemy .items li {
- display: block;
- margin: 0;
- padding: 0;
- white-space:nowrap;
+ display: block;
+ margin: 0;
+ padding: 0;
+ white-space: nowrap;
}
#alchemy .items li:first-child {
- margin-top: 0;
+ margin-top: 0;
}
#alchemy .items li .item {
- color: $text-color;
- cursor: default;
- display: block;
- text-decoration: none;
- padding: 2px 12px 2px 6px;
+ color: $text-color;
+ cursor: default;
+ display: block;
+ text-decoration: none;
+ padding: 2px 12px 2px 6px;
}
#alchemy .items li.selected .item {
- background-color: #e6f0f5;
- color: $text-color;
+ background-color: #e6f0f5;
+ color: $text-color;
}
#alchemy .items li.disabled .item {
- color: #999;
+ color: #999;
}
#alchemy .items li.hover > .item {
- background-color: #e6f0f5;
- color: $text-color;
- cursor: pointer;
+ background-color: #e6f0f5;
+ color: $text-color;
+ cursor: pointer;
}
#alchemy .items .value {
- display: none;
+ display: none;
}
/* optgroup styles */
#alchemy .items .optgroup .items {
- border: none;
- margin: 0;
- padding: 0;
- -moz-box-shadow: none;
- -webkit-box-shadow: none;
+ border: none;
+ margin: 0;
+ padding: 0;
+ -moz-box-shadow: none;
+ -webkit-box-shadow: none;
}
#alchemy .items .optgroup>.label {
- font-weight: bold;
- line-height: 23px;
+ font-weight: bold;
+ line-height: 23px;
}
#alchemy .items .optgroup .items li .item {
- padding-left: 1em;
+ padding-left: 1em;
}
#alchemy .items>li.first .item {
- @include top-rounded-border;
+ @include top-rounded-border;
}
#alchemy .items>li.last .item {
- @include bottom-rounded-border;
+ @include bottom-rounded-border;
}
/* for optgroups */
#alchemy .items>li>.label {
- line-height: 27px;
- padding: 4px 6px;
+ line-height: 27px;
+ padding: 4px 6px;
}