snappymail/dev/Styles/_BootstrapFix.less

233 lines
3.8 KiB
Plaintext

label {
cursor: pointer;
}
label.inline, span.inline {
display: inline-block;
}
.legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: @baseLineHeight;
font-size: @baseFontSize * 1.5;
line-height: @baseLineHeight * 2;
color: @grayDark;
border: 0;
border-bottom: 1px solid #e5e5e5;
small {
font-size: @baseLineHeight * .75;
color: @grayLight;
};
}
.legend + .control-group {
margin-top: @baseLineHeight;
-webkit-margin-top-collapse: separate;
}
.input-append input, .input-append select, .input-append .uneditable-input {
border-radius: 3px;
}
.btn-small.btn-small-small {
padding: 3px 9px;
font-size: 11px;
line-height: 11px;
}
.btn.btn-thin {
padding: 4px 9px;
}
.btn.btn-thin-2 {
padding: 4px 7px;
}
.btn.btn-ellipsis {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.btn.btn-transparent {
background: none !important;
border-color: transparent !important;
text-shadow: none !important;
box-shadow: none !important;
opacity: .6;
[class^="icon-"] {
width: 19px;
height: 19px;
font-size: 19px;
}
&:hover {
opacity: 1;
}
}
.btn-group.open .btn.btn-transparent.dropdown-toggle {
color: #BD362F;
.caret {
border-top-color: #BD362F;
}
[class^="icon-"]:before {
color: #BD362F;
}
}
.btn {
// &:active {
// .box-shadow(~"inset 0 2px 4px rgba(0,0,0,.3), 0 0 0 rgba(0,0,0,.1)");
// }
html.textshadow &{
text-shadow: 0 1px 0 #fff;
&.btn-danger, &.btn-success, &.btn-primary, &.btn-warning {
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}
}
}
//.btn-group.open {
// .dropdown-toggle {
// .box-shadow(~"inset 0 2px 4px rgba(0,0,0,.3), 0 0 0 rgba(0,0,0,.1)");
// }
//}
.dropdown-menu * + .dividerbar {
margin-top: 9px;
padding-top: 9px;
border-top: 1px solid #e5e5e5;
/*
border-image: linear-gradient(to right, #00F 10%, #FFF 10%, #FFF 19%, #F00 19%, #F00 28%, #FFF 28%, #FFF 37%, #00F 37%, #00F 46%, #FFF 46%, #FFF 55%, #F00 55%, #F00 64%, #FFF 64%, #FFF 73%, #00F 73%, #00F 82%, #FFF 82%, #FFF 91%, #F00 91%) 1;
*/
}
.btn-group > .btn.single {
border-radius: @btnBorderRadius !important;
}
.dropdown.colored-toggle.open .btn.dropdown-toggle {
color: #BD362F;
.caret {
border-top-color: #BD362F;
}
[class^="icon-"]:before {
color: #BD362F;
}
}
textarea, input[type="text"], input[type="password"], input[type="email"], input[type="search"] {
border: @rlInputBorderSize solid @inputBorder;
&:focus {
background-color: #fff;
border: @rlInputBorderSize solid darken(@inputBorder, 20%);
box-shadow: none;
}
}
input[type="text"], input[type="password"], input[type="email"], input[type="search"] {
height: @baseLineHeight - (@rlInputBorderSize - 1) * 2;
line-height: @baseLineHeight - (@rlInputBorderSize - 1) * 2;
}
select {
border: @rlInputBorderSize solid @inputBorder;
}
.alert a {
text-decoration: underline;
}
.alert.alert-null-left-margin {
margin-left: 0;
}
.alert a {
color: #c09853;
}
.alert.alert-info a {
color: #3a87ad;
}
.alert.alert-error a {
color: #b94a48;
}
.nav-tabs > li > a {
color: #555;
}
.form-horizontal.long-label .control-group {
.control-label {
width: 160px;
}
.controls {
margin-left: 180px;
}
}
.control-label.remove-padding-top {
padding-top: 0;
}
/* mobile and tablet */
@media screen and (max-width: 999px) {
#rl-popups .modal {
width: calc(~'100% - 20px') !important;
}
.b-settings-content {
padding: 10px;
padding-left: 20px;
}
.form-horizontal {
.control-group {
.control-label {
text-align: left;
float: none;
}
.controls {
margin-left: 0;
}
}
}
}
.close-input-wrp {
display: inline-block;
position: relative;
input {
padding-right: 15px;
}
.close {
position: absolute;
right: 0;
top: 5px;
margin: 0 7px;
z-index: 100;
vertical-align: middle;
opacity: .4;
&:hover {
opacity: .6;
}
}
}