2015-12-13 04:42:28 +00:00
|
|
|
*, *:before, *:after {
|
|
|
|
box-sizing: border-box;
|
|
|
|
outline: none;
|
|
|
|
}
|
|
|
|
|
2016-03-05 09:01:12 +00:00
|
|
|
body, html {
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
2016-01-17 05:14:12 +00:00
|
|
|
|
2016-03-05 09:01:12 +00:00
|
|
|
input, select, button, textarea, .btn {
|
2016-03-13 03:28:43 +00:00
|
|
|
appearance: none;
|
2015-12-13 04:42:28 +00:00
|
|
|
border: 0;
|
|
|
|
outline: 0;
|
|
|
|
font-family: $fontFamily;
|
|
|
|
font-size: $fontSize;
|
|
|
|
font-weight: $fontWeight_Thin;
|
|
|
|
padding: 4px 8px;
|
|
|
|
border-radius: 3px;
|
|
|
|
|
|
|
|
&:required, &:invalid {
|
|
|
|
box-shadow: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.dirty {
|
|
|
|
background: $colorDirtyInputBgr;
|
|
|
|
}
|
|
|
|
|
|
|
|
&[type="search"] {
|
|
|
|
border-radius: 12px;
|
|
|
|
height: 24px;
|
|
|
|
padding: 0 6px;
|
|
|
|
}
|
|
|
|
|
|
|
|
&[type="text"] {
|
|
|
|
display: block;
|
|
|
|
}
|
2016-01-17 05:14:12 +00:00
|
|
|
|
|
|
|
&:focus { outline: none !important; }
|
|
|
|
&::-moz-focus-inner { border: 0 !important; }
|
2015-12-13 04:42:28 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
input[type="checkbox"] {
|
2016-01-06 16:41:59 +00:00
|
|
|
border: 1px solid rgba(255, 255, 255, .3);
|
|
|
|
border-radius: 0;
|
|
|
|
background: transparent;
|
|
|
|
color: #555;
|
|
|
|
clear: none;
|
|
|
|
cursor: pointer;
|
|
|
|
display: inline-block;
|
|
|
|
line-height: 0;
|
|
|
|
height: 16px;
|
|
|
|
margin: -4px 4px 0 0;
|
|
|
|
outline: 0;
|
|
|
|
padding: 0!important;
|
|
|
|
text-align: center;
|
|
|
|
vertical-align: middle;
|
|
|
|
width: 16px;
|
|
|
|
min-width: 16px;
|
|
|
|
box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
|
|
|
|
|
|
|
|
&:checked{
|
|
|
|
background: #fff;
|
|
|
|
|
|
|
|
&:before {
|
|
|
|
font-family: FontAwesome;
|
|
|
|
content: "\f00c";
|
|
|
|
color: $colorHighlight;
|
|
|
|
display: inline-block;
|
|
|
|
vertical-align: middle;
|
|
|
|
width: 14px;
|
|
|
|
height: 14px;
|
|
|
|
line-height: 14px;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
}
|
2015-12-13 04:42:28 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
a, a:link, a:visited {
|
|
|
|
color: $colorLink;
|
|
|
|
text-decoration: none;
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
|
|
|
|
.clear, .clearfix {
|
2015-12-19 16:36:44 +00:00
|
|
|
&::after {
|
2015-12-13 04:42:28 +00:00
|
|
|
content: " ";
|
|
|
|
clear: both;
|
2015-12-19 16:36:44 +00:00
|
|
|
display: block;
|
2015-12-13 04:42:28 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.side {
|
|
|
|
width: 256px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ir {
|
|
|
|
color: transparent;
|
|
|
|
font: 0/0 serif;
|
|
|
|
}
|
|
|
|
|
|
|
|
.control {
|
|
|
|
cursor: pointer;
|
|
|
|
color: $colorLink;
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
color: $colorLinkHovered;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
p {
|
|
|
|
line-height: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.help {
|
|
|
|
opacity: .7;
|
|
|
|
font-size: 90%;
|
|
|
|
line-height: 16px;
|
|
|
|
}
|
|
|
|
|
|
|
|
label {
|
|
|
|
font-size: 110%;
|
|
|
|
margin-bottom: 8px;
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
2016-02-21 11:04:57 +00:00
|
|
|
button, input[type="submit"], input[type="reset"], input[type="button"], .btn {
|
2015-12-13 04:42:28 +00:00
|
|
|
background: $colorBtnBgr;
|
|
|
|
color: $colorBtnText;
|
|
|
|
font-size: 14px;
|
|
|
|
padding: 8px 12px;
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
|
|
@include inset-when-pressed();
|
2016-02-21 11:04:57 +00:00
|
|
|
|
|
|
|
&.btn-green {
|
|
|
|
background-color: $colorGreen;
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
background-color: darken($colorGreen, 10%);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2016-03-05 09:01:12 +00:00
|
|
|
&.btn-white {
|
|
|
|
background-color: #fff;
|
|
|
|
color: #333;
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
background-color: darken(#fff, 10%);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2016-02-21 11:04:57 +00:00
|
|
|
&.btn-red {
|
|
|
|
background-color: $colorRed;
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
background-color: darken($colorRed, 10%);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&.btn-blue {
|
|
|
|
background-color: $colorBlue;
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
background-color: darken($colorBlue, 10%);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&.btn-grey {
|
|
|
|
background-color: $colorGrey;
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
background-color: darken($colorGrey, 10%);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&.btn-orange {
|
|
|
|
background-color: $colorOrange;
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
background-color: darken($colorOrange, 10%);
|
|
|
|
}
|
|
|
|
}
|
2015-12-13 04:42:28 +00:00
|
|
|
}
|
|
|
|
|
2016-03-05 09:01:12 +00:00
|
|
|
.tabs {
|
|
|
|
.header {
|
|
|
|
$tabColor: #5c5c5c;
|
|
|
|
border-bottom: 1px solid $tabColor;
|
|
|
|
|
|
|
|
a {
|
|
|
|
padding: 8px 12px;
|
|
|
|
margin-left: 4px;
|
|
|
|
border-radius: 4px 4px 0 0;
|
|
|
|
text-transform: uppercase;
|
|
|
|
color: lighten($tabColor, 50%);
|
|
|
|
opacity: .4;
|
|
|
|
border: 1px solid $tabColor;
|
|
|
|
margin-bottom: -1px;
|
|
|
|
float: left;
|
|
|
|
|
|
|
|
&.active {
|
|
|
|
border-bottom: 1px solid $colorExtraBgr;
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.panes {
|
|
|
|
padding: 16px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.tabs-white {
|
|
|
|
.header {
|
|
|
|
border-bottom-color: #aaa;
|
|
|
|
|
|
|
|
a {
|
|
|
|
color: #333;
|
|
|
|
border-color: #aaa;
|
|
|
|
|
|
|
|
&.active {
|
|
|
|
border-bottom-color: #fff;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2015-12-13 04:42:28 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.form-row {
|
|
|
|
margin-top: 16px;
|
2016-03-05 09:01:12 +00:00
|
|
|
position: relative;
|
2015-12-13 04:42:28 +00:00
|
|
|
}
|