189 строки
2.7 KiB
SCSS
189 строки
2.7 KiB
SCSS
html, body {
|
|
height: 100%;
|
|
}
|
|
|
|
body {
|
|
font-family: 'Open Sans', sans-serif;
|
|
-webkit-font-smoothing: antialiased;
|
|
background: $body-bg;
|
|
position: relative;
|
|
height: 100%;
|
|
&.white {
|
|
background: #fff;
|
|
> .container-fluid {
|
|
overflow: auto;
|
|
}
|
|
.inner__wrap {
|
|
> .row.content {
|
|
min-height: 100%;
|
|
margin-bottom: -89px;
|
|
}
|
|
}
|
|
}
|
|
.inner__wrap {
|
|
height: 100%;
|
|
> .row.main {
|
|
height: 100%;
|
|
position: relative;
|
|
}
|
|
}
|
|
> .container-fluid {
|
|
@include clearfix;
|
|
height: 100%;
|
|
position: relative;
|
|
}
|
|
}
|
|
|
|
img {
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
.input-group-addon {
|
|
background: transparent;
|
|
}
|
|
|
|
.popover {
|
|
color: #333;
|
|
&.bottom {
|
|
>.arrow:after {
|
|
border-bottom-color: rgba(white, 0.5);
|
|
}
|
|
}
|
|
.popover-title {
|
|
background: rgba(black, 0.05);
|
|
}
|
|
}
|
|
|
|
.dropdown-menu {
|
|
.divider {
|
|
@include opacity(0.15);
|
|
}
|
|
> li > a {
|
|
color: inherit;
|
|
&:focus, &:hover {
|
|
color: inherit;
|
|
}
|
|
}
|
|
}
|
|
|
|
.word-break--all {
|
|
word-break: break-all;
|
|
}
|
|
|
|
a {
|
|
word-break: break-word;
|
|
color: $primary-color;
|
|
}
|
|
|
|
a:focus, a:hover {
|
|
color: $primary-color;
|
|
}
|
|
|
|
.tooltip {
|
|
.tooltip-inner {
|
|
word-break: break-word;
|
|
}
|
|
}
|
|
|
|
.nopadding {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.text-danger {
|
|
color: #E05F5D;
|
|
}
|
|
|
|
.btn {
|
|
&.btn-danger {
|
|
color: #fff;
|
|
&:hover, &:active {
|
|
color: #fff;
|
|
}
|
|
}
|
|
}
|
|
|
|
.form-control {
|
|
@include border-radius(2px);
|
|
&:focus {
|
|
@include box-shadow(none);
|
|
}
|
|
&.no-resize {
|
|
resize: none;
|
|
}
|
|
}
|
|
|
|
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
|
|
cursor: auto;
|
|
}
|
|
|
|
.form-group {
|
|
&.form-group--small {
|
|
margin-bottom: 10px;
|
|
}
|
|
}
|
|
|
|
.error-panel {
|
|
max-width: 275px;
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 40px;
|
|
z-index: 100;
|
|
}
|
|
|
|
.nav>li>a:focus, .nav>li>a:hover {
|
|
background: transparent;
|
|
}
|
|
|
|
.btn {
|
|
@include single-transition(all, 0.25s, ease-in);
|
|
@include border-radius(1px);
|
|
&.btn-primary {
|
|
border-color: transparent;
|
|
background: $primary-color;
|
|
&:hover, &:focus, &:active {
|
|
background: $primary-color--hover;
|
|
}
|
|
}
|
|
&.btn-inactive {
|
|
border-color: transparent;
|
|
background: #707070;
|
|
color: #fff;
|
|
}
|
|
}
|
|
|
|
.relative-div {
|
|
position:relative;
|
|
}
|
|
|
|
@-webkit-keyframes spin2 {
|
|
from { -webkit-transform: rotate(0deg);}
|
|
to { -webkit-transform: rotate(360deg);}
|
|
}
|
|
|
|
@keyframes spin {
|
|
from { transform: scale(1) rotate(0deg);}
|
|
to { transform: scale(1) rotate(360deg);}
|
|
}
|
|
|
|
.glyphicon-refresh-animate {
|
|
@include animation(spin .7s infinite linear);
|
|
}
|
|
|
|
.black-bg {
|
|
background-color: black !important;
|
|
}
|
|
|
|
.white-bg {
|
|
background-color: white !important;
|
|
}
|
|
|
|
.emoji {
|
|
width: 1.5em;
|
|
height: 1.5em;
|
|
display: inline-block;
|
|
margin-bottom: 0.25em;
|
|
background-size: contain;
|
|
}
|