mirror of
https://github.com/LaCasemate/fab-manager.git
synced 2025-02-26 20:54:21 +01:00
Syntax improvements in scss files
This commit is contained in:
Sylvain
parent
df8ff77597
commit
36adddad53
@ -6,6 +6,7 @@
|
|||||||
- Updated angular-translate
|
- Updated angular-translate
|
||||||
- Updated eslint
|
- Updated eslint
|
||||||
- Renamed production documentation
|
- Renamed production documentation
|
||||||
|
- Syntax improvements in scss files
|
||||||
- Fix a bug: invalid translation keys in closing accounting period interface
|
- Fix a bug: invalid translation keys in closing accounting period interface
|
||||||
- Fix a bug: since PostgreSQL release 9.6.17, the new installations will fail to start complaining for missing password (#194)
|
- Fix a bug: since PostgreSQL release 9.6.17, the new installations will fail to start complaining for missing password (#194)
|
||||||
- Fix a bug: missing translations for some error messages
|
- Fix a bug: missing translations for some error messages
|
||||||
|
|||||||
@ -2,41 +2,54 @@
|
|||||||
html {
|
html {
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
}
|
}
|
||||||
|
|
||||||
.h1, .h2, .h3, .h4, .h5, .h6{
|
.h1, .h2, .h3, .h4, .h5, .h6 {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1, .page-title {
|
h1, .page-title {
|
||||||
line-height: rem-calc(24);
|
line-height: rem-calc(24);
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
font-weight: 900;
|
font-weight: 900;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
//color: $red;
|
//color: $red;
|
||||||
line-height: rem-calc(24);
|
line-height: rem-calc(24);
|
||||||
font-weight: 900;
|
font-weight: 900;
|
||||||
}
|
}
|
||||||
h3 { font-weight: 600; }
|
|
||||||
h4 { font-weight: bold; }
|
h3 {
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
h4 {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
h5 {
|
h5 {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
position: relative;
|
position: relative;
|
||||||
line-height: rem-calc(18);
|
line-height: rem-calc(18);
|
||||||
//color: $red;
|
|
||||||
font-size: rem-calc(16);
|
//color: $red;
|
||||||
&:after {
|
font-size: rem-calc(16);
|
||||||
position: absolute;
|
|
||||||
top: 18px;
|
&:after {
|
||||||
left: 0;
|
position: absolute;
|
||||||
content: '';
|
top: 18px;
|
||||||
width: 35%;
|
left: 0;
|
||||||
height: 1px;
|
content: '';
|
||||||
//background-color: $red;
|
width: 35%;
|
||||||
}
|
height: 1px;
|
||||||
|
|
||||||
|
//background-color: $red;
|
||||||
|
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Links
|
// Links
|
||||||
@ -46,78 +59,97 @@ a {
|
|||||||
//color: $link-color;
|
//color: $link-color;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:hover,
|
a:hover,
|
||||||
a:focus {
|
a:focus {
|
||||||
//color: $link-hover-color;
|
//color: $link-hover-color;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
label{ font-weight: 600; }
|
label {
|
||||||
small, .small{font-size: $font-size-sm;}
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
pre { padding: 0; }
|
small, .small {
|
||||||
|
font-size: $font-size-sm;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
font-size: rem-calc($font-size-base);
|
font-size: rem-calc($font-size-base);
|
||||||
line-height: rem-calc(24);
|
line-height: rem-calc(24);
|
||||||
|
|
||||||
&.intro, .intro {
|
&.intro, .intro {
|
||||||
font-size: rem-calc(16);
|
font-size: rem-calc(16);
|
||||||
line-height: rem-calc(24);
|
line-height: rem-calc(24);
|
||||||
margin: 1.038em 0 30px 0;
|
margin: 1.038em 0 30px 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
dt {
|
dt {
|
||||||
color: $black-light;
|
color: $black-light;
|
||||||
}
|
}
|
||||||
|
|
||||||
dd {
|
dd {
|
||||||
color: $black-light;
|
color: $black-light;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
//
|
//
|
||||||
// -------------------------
|
// -------------------------
|
||||||
|
|
||||||
.col-0{clear:left;}
|
.col-0 {
|
||||||
|
clear: left;
|
||||||
|
}
|
||||||
|
|
||||||
.row.no-gutter{
|
.row.no-gutter {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.no-gutter > [class*="col"]{
|
.no-gutter > [class*="col"] {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* centered columns styles */
|
/* centered columns styles */
|
||||||
.row-centered {
|
.row-centered {
|
||||||
text-align:center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.col-centered {
|
.col-centered {
|
||||||
display:inline-block;
|
display: inline-block;
|
||||||
float:none;
|
float: none;
|
||||||
/* reset the text-align */
|
|
||||||
text-align:left;
|
/* reset the text-align */
|
||||||
/* inline-block space fix */
|
text-align: left;
|
||||||
margin-right:-4px;
|
|
||||||
|
/* inline-block space fix */
|
||||||
|
margin-right: -4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
::-webkit-input-placeholder {
|
||||||
|
/* WebKit browsers */
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
::-webkit-input-placeholder { /* WebKit browsers */
|
:-moz-placeholder {
|
||||||
color: black;
|
/* Mozilla Firefox 4 to 18 */
|
||||||
|
color: black;
|
||||||
|
opacity: 1;
|
||||||
}
|
}
|
||||||
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
|
|
||||||
color: black;
|
::-moz-placeholder {
|
||||||
opacity: 1;
|
/* Mozilla Firefox 19+ */
|
||||||
|
color: black;
|
||||||
|
opacity: 1;
|
||||||
}
|
}
|
||||||
::-moz-placeholder { /* Mozilla Firefox 19+ */
|
|
||||||
color: black;
|
:-ms-input-placeholder {
|
||||||
opacity: 1;
|
/* Internet Explorer 10+ */
|
||||||
}
|
color: black;
|
||||||
:-ms-input-placeholder { /* Internet Explorer 10+ */
|
|
||||||
color: black;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// .ng-hide-remove-active {
|
// .ng-hide-remove-active {
|
||||||
@ -130,11 +162,13 @@ dd {
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
@include transition(all .7s ease-in-out);
|
|
||||||
|
@include transition(all 0.7s ease-in-out);
|
||||||
}
|
}
|
||||||
|
|
||||||
[ui-view].ng-enter {
|
[ui-view].ng-enter {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
|
|
||||||
// -webkit-transform:scale3d(0.5, 0.5, 0.5);
|
// -webkit-transform:scale3d(0.5, 0.5, 0.5);
|
||||||
// -moz-transform:scale3d(0.5, 0.5, 0.5);
|
// -moz-transform:scale3d(0.5, 0.5, 0.5);
|
||||||
// transform:scale3d(0.5, 0.5, 0.5);
|
// transform:scale3d(0.5, 0.5, 0.5);
|
||||||
@ -142,6 +176,7 @@ dd {
|
|||||||
|
|
||||||
[ui-view].ng-enter-active {
|
[ui-view].ng-enter-active {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
|
|
||||||
// -webkit-transform:scale3d(1, 1, 1);
|
// -webkit-transform:scale3d(1, 1, 1);
|
||||||
// -moz-transform:scale3d(1, 1, 1);
|
// -moz-transform:scale3d(1, 1, 1);
|
||||||
// transform:scale3d(1, 1, 1);
|
// transform:scale3d(1, 1, 1);
|
||||||
@ -149,6 +184,7 @@ dd {
|
|||||||
|
|
||||||
[ui-view].ng-leave {
|
[ui-view].ng-leave {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
|
|
||||||
/*padding-left: 0px;*/
|
/*padding-left: 0px;*/
|
||||||
// -webkit-transform:translate3d(0, 0, 0);
|
// -webkit-transform:translate3d(0, 0, 0);
|
||||||
// -moz-transform:translate3d(0, 0, 0);
|
// -moz-transform:translate3d(0, 0, 0);
|
||||||
@ -157,6 +193,7 @@ dd {
|
|||||||
|
|
||||||
[ui-view].ng-leave-active {
|
[ui-view].ng-leave-active {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
|
|
||||||
/*padding-left: 100px;*/
|
/*padding-left: 100px;*/
|
||||||
// -webkit-transform:translate3d(100px, 0, 0);
|
// -webkit-transform:translate3d(100px, 0, 0);
|
||||||
// -moz-transform:translate3d(100px, 0, 0);
|
// -moz-transform:translate3d(100px, 0, 0);
|
||||||
|
|||||||
@ -1,27 +1,25 @@
|
|||||||
|
|
||||||
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
|
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
|
||||||
|
background-color: #f2f2f2;
|
||||||
background-color: #f2f2f2;
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn{
|
.btn {
|
||||||
> i{
|
> i {
|
||||||
&.pull-left,
|
&.pull-left,
|
||||||
&.pull-right{
|
&.pull-right {
|
||||||
line-height: 1.428571429;
|
line-height: 1.428571429;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-warning-full {
|
.btn-warning-full {
|
||||||
outline: 0;
|
outline: 0;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
//border: 3px solid $yellow;
|
|
||||||
//background-color: $yellow;
|
//border: 3px solid $yellow;
|
||||||
&:hover {
|
//background-color: $yellow;
|
||||||
background-color: white;
|
&:hover {
|
||||||
}
|
background-color: white;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-facebook {
|
.btn-facebook {
|
||||||
@ -48,23 +46,22 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.btn-block {
|
.btn-block {
|
||||||
padding-left: 12px;
|
padding-left: 12px;
|
||||||
padding-right: 12px;
|
padding-right: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-group-vertical > .btn:first-child:not(:last-child){
|
.btn-group-vertical > .btn:first-child:not(:last-child) {
|
||||||
border-top-right-radius: $border-radius-base;
|
border-top-right-radius: $border-radius-base;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-group-vertical > .btn:last-child:not(:first-child){
|
.btn-group-vertical > .btn:last-child:not(:first-child) {
|
||||||
border-bottom-left-radius: $border-radius-base;
|
border-bottom-left-radius: $border-radius-base;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-inactive{
|
.btn-inactive {
|
||||||
-webkit-box-shadow: none !important;
|
-webkit-box-shadow: none !important;
|
||||||
box-shadow: none !important;
|
box-shadow: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-loading:after {
|
.btn-loading:after {
|
||||||
@ -72,9 +69,9 @@
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
content: "\f110";
|
content: "\f110";
|
||||||
font-family: FontAwesome;
|
font-family: FontAwesome;
|
||||||
-webkit-animation:spin 4s linear infinite;
|
-webkit-animation: spin 4s linear infinite;
|
||||||
-moz-animation:spin 4s linear infinite;
|
-moz-animation: spin 4s linear infinite;
|
||||||
animation:spin 4s linear infinite;
|
animation: spin 4s linear infinite;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-no-overflow {
|
.btn-no-overflow {
|
||||||
@ -84,6 +81,21 @@
|
|||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
|
|
||||||
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
|
@-moz-keyframes spin {
|
||||||
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
|
100% {
|
||||||
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
|
-moz-transform: rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes spin {
|
||||||
|
100% {
|
||||||
|
-webkit-transform: rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes spin {
|
||||||
|
100% {
|
||||||
|
-webkit-transform: rotate(360deg);
|
||||||
|
transform: rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@ -1,49 +1,140 @@
|
|||||||
|
.bg-light {
|
||||||
|
background-color: $brand-light;
|
||||||
|
}
|
||||||
|
|
||||||
.bg-light { background-color: $brand-light; }
|
|
||||||
//.bg-red { background-color: $red; color: white; }
|
//.bg-red { background-color: $red; color: white; }
|
||||||
//.bg-red-dark { background-color: $red-dark; }
|
//.bg-red-dark { background-color: $red-dark; }
|
||||||
//.bg-yellow { background-color: $yellow !important; }
|
//.bg-yellow { background-color: $yellow !important; }
|
||||||
.bg-token { background-color: rgba(230, 208, 137, 0.49); }
|
.bg-token {
|
||||||
.bg-machine { background-color: $beige; }
|
background-color: rgba(230, 208, 137, 0.49);
|
||||||
.bg-space { background-color: $cyan }
|
}
|
||||||
.bg-formation { background-color: $violet; }
|
|
||||||
.bg-event { background-color: $japonica; }
|
|
||||||
.bg-atelier { background-color: $blue; }
|
|
||||||
.bg-stage { background-color: $violet; }
|
|
||||||
.bg-success { background-color: $brand-success; }
|
|
||||||
.bg-info { background-color: $brand-info; }
|
|
||||||
.border-machine { border-color: $beige !important; }
|
|
||||||
.border-space { border-color: $cyan !important; }
|
|
||||||
.border-formation { border-color: $violet !important; }
|
|
||||||
.border-event { border-color: $japonica !important; }
|
|
||||||
|
|
||||||
.bg-black-light { background-color: #424242 !important; }
|
.bg-machine {
|
||||||
|
background-color: $beige;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-space {
|
||||||
|
background-color: $cyan;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-formation {
|
||||||
|
background-color: $violet;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-event {
|
||||||
|
background-color: $japonica;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-atelier {
|
||||||
|
background-color: $blue;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-stage {
|
||||||
|
background-color: $violet;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-success {
|
||||||
|
background-color: $brand-success;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-info {
|
||||||
|
background-color: $brand-info;
|
||||||
|
}
|
||||||
|
|
||||||
|
.border-machine {
|
||||||
|
border-color: $beige !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.border-space {
|
||||||
|
border-color: $cyan !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.border-formation {
|
||||||
|
border-color: $violet !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.border-event {
|
||||||
|
border-color: $japonica !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-black-light {
|
||||||
|
background-color: #424242 !important;
|
||||||
|
}
|
||||||
|
|
||||||
.bg-white {
|
.bg-white {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
color: $text-color;
|
color: $text-color;
|
||||||
a {
|
|
||||||
color: $link-color;
|
a {
|
||||||
&:hover{
|
color: $link-color;
|
||||||
color: darken($link-color, 10%);
|
|
||||||
}
|
&:hover {
|
||||||
}
|
color: darken($link-color, 10%);
|
||||||
.text-muted{color: $text-muted !important;}
|
}
|
||||||
}
|
}
|
||||||
.bg-white-only{background-color:#fff;}
|
|
||||||
.bg-empty{background-color: transparent;}
|
.text-muted {
|
||||||
|
color: $text-muted !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-white-only {
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-empty {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-black {
|
||||||
|
color: #000 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-black-light {
|
||||||
|
color: #424242 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-gray {
|
||||||
|
color: #5a5a5a !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-white {
|
||||||
|
color: #fff !important;
|
||||||
|
}
|
||||||
|
|
||||||
.text-black{ color: #000 !important; };
|
|
||||||
.text-black-light { color: #424242 !important; }
|
|
||||||
.text-gray { color: #5a5a5a !important; }
|
|
||||||
.text-white { color: #fff !important; }
|
|
||||||
//.text-yellow { color: $yellow !important; }
|
//.text-yellow { color: $yellow !important; }
|
||||||
.text-blue { color: $blue; }
|
.text-blue {
|
||||||
.text-muted { color: $text-muted; }
|
color: $blue;
|
||||||
.text-danger, .red { color: $red !important; }
|
}
|
||||||
.text-red-only { color: $red !important; }
|
|
||||||
.text-purple { color: $violet !important; }
|
.text-muted {
|
||||||
.text-japonica { color: $japonica !important; }
|
color: $text-muted;
|
||||||
.text-beige { color: $beige !important; }
|
}
|
||||||
.text-cyan { color: $cyan !important; }
|
|
||||||
.text-green, .green { color: #79C84A !important; }
|
.text-danger, .red {
|
||||||
|
color: $red !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-red-only {
|
||||||
|
color: $red !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-purple {
|
||||||
|
color: $violet !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-japonica {
|
||||||
|
color: $japonica !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-beige {
|
||||||
|
color: $beige !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-cyan {
|
||||||
|
color: $cyan !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-green, .green {
|
||||||
|
color: #79C84A !important;
|
||||||
|
}
|
||||||
|
|||||||
@ -1,47 +1,60 @@
|
|||||||
.widget {
|
.widget {
|
||||||
|
h1, h2, h3 {
|
||||||
h1, h2, h3 {
|
margin: 0;
|
||||||
margin: 0;
|
line-height: rem-calc(18);
|
||||||
line-height: rem-calc(18);
|
font-size: rem-calc(14);
|
||||||
font-size: rem-calc(14);
|
font-weight: 600;
|
||||||
font-weight: 600;
|
color: black;
|
||||||
color: black;
|
|
||||||
}
|
|
||||||
h1 {
|
|
||||||
font-size: rem-calc(16); text-transform: uppercase;
|
|
||||||
}
|
}
|
||||||
h2 { font-weight: bold; }
|
|
||||||
//h3 { color: $red; }
|
h1 {
|
||||||
|
font-size: rem-calc(16);
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
//h3 { color: $red; }
|
||||||
h4 {
|
h4 {
|
||||||
font-size: rem-calc(12);
|
font-size: rem-calc(12);
|
||||||
margin: 8px 0;
|
margin: 8px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
font-size: rem-calc(14);
|
||||||
|
margin-top: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
p { font-size: rem-calc(14); margin-top: 15px; }
|
a {
|
||||||
|
color: $black-light;
|
||||||
|
|
||||||
a {
|
&:hover {
|
||||||
color: $black-light;
|
color: $red;
|
||||||
&:hover { color: $red; }
|
}
|
||||||
}
|
}
|
||||||
.fa {
|
|
||||||
// color: $red;
|
|
||||||
}
|
|
||||||
|
|
||||||
.widget-content {
|
.fa {
|
||||||
font-size: rem-calc(14);
|
// color: $red;
|
||||||
}
|
|
||||||
|
}
|
||||||
|
|
||||||
.list-group-item {
|
.widget-content {
|
||||||
&.no-b {
|
font-size: rem-calc(14);
|
||||||
padding: 10px 15px;
|
}
|
||||||
}
|
|
||||||
}
|
.list-group-item {
|
||||||
|
&.no-b {
|
||||||
|
padding: 10px 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
//modal
|
//modal
|
||||||
.modal-dialog { top: 90px; }
|
.modal-dialog {
|
||||||
|
top: 90px;
|
||||||
|
}
|
||||||
|
|
||||||
.modal-header {
|
.modal-header {
|
||||||
.modal-logo {
|
.modal-logo {
|
||||||
@ -52,12 +65,15 @@
|
|||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
max-height: 44px;
|
max-height: 44px;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
margin: 25px 0 20px 0;
|
margin: 25px 0 20px 0;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
//color: $red;
|
//color: $red;
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -90,16 +106,20 @@
|
|||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
background-color: rgba(43,46,56,0.8);
|
background-color: rgba(43, 46, 56, 0.8);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
-webkit-transition: all 0.1s ease-out;
|
-webkit-transition: all 0.1s ease-out;
|
||||||
transition: all 0.1s ease-out;
|
transition: all 0.1s ease-out;
|
||||||
height: 180px;
|
height: 180px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
.btn-group { margin-top: 70px;}
|
|
||||||
|
.btn-group {
|
||||||
|
margin-top: 70px;
|
||||||
|
}
|
||||||
|
|
||||||
.btn {
|
.btn {
|
||||||
background: rgba(255,255,255,0.1);
|
background: rgba(255, 255, 255, 0.1);
|
||||||
border: 1px solid #fff;
|
border: 1px solid #fff;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
@ -115,6 +135,7 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
display: block;
|
display: block;
|
||||||
padding: 1.25rem;
|
padding: 1.25rem;
|
||||||
|
|
||||||
.card-header-bg {
|
.card-header-bg {
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
@ -122,8 +143,10 @@
|
|||||||
height: 180px;
|
height: 180px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-block {
|
.card-block {
|
||||||
padding: 0 1.25rem 1.25rem 1.25rem;
|
padding: 0 1.25rem 1.25rem 1.25rem;
|
||||||
|
|
||||||
.card-title {
|
.card-title {
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
@ -131,10 +154,11 @@
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-meta {
|
.card-meta {
|
||||||
font-size: 1.2rem;
|
font-size: 1.2rem;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
text-align: center
|
text-align: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -143,14 +167,20 @@
|
|||||||
max-width: $screen-md-min;
|
max-width: $screen-md-min;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
|
||||||
h2, h3, h4, h5 { margin: 1.8em 0 1em 0; }
|
h2, h3, h4, h5 {
|
||||||
|
margin: 1.8em 0 1em 0;
|
||||||
|
}
|
||||||
|
|
||||||
h2, h3 {
|
h2, h3 {
|
||||||
color: $red;
|
color: $red;
|
||||||
font-size: rem-calc(18);
|
font-size: rem-calc(18);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
h2 { text-transform: uppercase; }
|
|
||||||
|
h2 {
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
h4 {
|
h4 {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-size: rem-calc(16);
|
font-size: rem-calc(16);
|
||||||
@ -164,6 +194,7 @@
|
|||||||
max-height: 400px;
|
max-height: 400px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
display: block;
|
display: block;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
@ -172,47 +203,63 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.label-staging {
|
.label-staging {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50px;
|
top: 50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.notification-open {
|
.notification-open {
|
||||||
a {
|
a {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
.badge {
|
.badge {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 18px; right: 18px;
|
top: 18px;
|
||||||
|
right: 18px;
|
||||||
padding: 3px 6px 1px 6px;
|
padding: 3px 6px 1px 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu-badge {
|
.menu-badge {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0; right: 0;
|
top: 0;
|
||||||
|
right: 0;
|
||||||
padding: 2px 4px 1px 3px;
|
padding: 2px 4px 1px 3px;
|
||||||
border: 2px solid white;
|
border: 2px solid white;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.fa { color: black; font-size: rem-calc(24); }
|
|
||||||
}
|
|
||||||
|
|
||||||
|
.fa {
|
||||||
|
color: black;
|
||||||
|
font-size: rem-calc(24);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.panel {
|
.panel {
|
||||||
margin-bottom: 30px;
|
margin-bottom: 30px;
|
||||||
|
|
||||||
.panel-heading {
|
.panel-heading {
|
||||||
&.small {
|
&.small {
|
||||||
padding: 15px 15px;
|
padding: 15px 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.picture {
|
&.picture {
|
||||||
height: 250px;
|
height: 250px;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
@include transition(opacity .5s ease);
|
|
||||||
|
@include transition(opacity 0.5s ease);
|
||||||
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
padding:0;
|
padding: 0;
|
||||||
img { @include border-radius(6px 6px 0 0); }
|
|
||||||
|
img {
|
||||||
|
@include border-radius(6px 6px 0 0);
|
||||||
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
opacity: 0.8;
|
opacity: 0.8;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.align {
|
.align {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -7px;
|
top: -7px;
|
||||||
@ -225,32 +272,47 @@
|
|||||||
|
|
||||||
&:first-child {
|
&:first-child {
|
||||||
border-right: none;
|
border-right: none;
|
||||||
|
|
||||||
@include border-radius(3px 0 0 3px);
|
@include border-radius(3px 0 0 3px);
|
||||||
}
|
}
|
||||||
|
|
||||||
&:last-child {
|
&:last-child {
|
||||||
@include border-radius(0 3px 3px 0);
|
@include border-radius(0 3px 3px 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
margin: 10px 0;
|
margin: 10px 0;
|
||||||
font-size: rem-calc(16);
|
font-size: rem-calc(16);
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
color: black;
|
color: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
padding: 15px 0;
|
padding: 15px 0;
|
||||||
background-color: $bg-gray;
|
background-color: $bg-gray;
|
||||||
|
|
||||||
.wrap {
|
.wrap {
|
||||||
width: 100px; height: 100px;
|
width: 100px;
|
||||||
|
height: 100px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
background: white;
|
background: white;
|
||||||
|
|
||||||
@include border-radius(50%);
|
@include border-radius(50%);
|
||||||
border: 3px solid;// $yellow;
|
|
||||||
|
border: 3px solid;
|
||||||
|
|
||||||
|
// $yellow;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.price {
|
.price {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: 5px; left: 5px;
|
top: 5px;
|
||||||
height: 84px; width: 84px;
|
left: 5px;
|
||||||
|
height: 84px;
|
||||||
|
width: 84px;
|
||||||
background-color: black;
|
background-color: black;
|
||||||
|
|
||||||
@include border-radius(50%);
|
@include border-radius(50%);
|
||||||
|
|
||||||
.amount {
|
.amount {
|
||||||
@ -261,6 +323,7 @@
|
|||||||
font-size: rem-calc(18);
|
font-size: rem-calc(18);
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.period {
|
.period {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -6px;
|
top: -6px;
|
||||||
@ -269,8 +332,10 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.cta-button {
|
.cta-button {
|
||||||
margin: 20px 0;
|
margin: 20px 0;
|
||||||
|
|
||||||
.btn {
|
.btn {
|
||||||
outline: 0;
|
outline: 0;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
@ -278,7 +343,9 @@
|
|||||||
background-color: white;
|
background-color: white;
|
||||||
padding-left: 30px;
|
padding-left: 30px;
|
||||||
padding-right: 30px;
|
padding-right: 30px;
|
||||||
|
|
||||||
//&:hover { background-color: $yellow; }
|
//&:hover { background-color: $yellow; }
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -288,8 +355,10 @@
|
|||||||
//border-color: #ffdc4e;
|
//border-color: #ffdc4e;
|
||||||
//background-color: #ffdc4e;
|
//background-color: #ffdc4e;
|
||||||
@include border-radius(3px);
|
@include border-radius(3px);
|
||||||
|
|
||||||
padding: 5px 10px;
|
padding: 5px 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.well-disabled {
|
&.well-disabled {
|
||||||
border-color: $gray-lighter;
|
border-color: $gray-lighter;
|
||||||
background-color: $gray-lighter;
|
background-color: $gray-lighter;
|
||||||
@ -310,25 +379,29 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.avatar{
|
.avatar {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: block;
|
display: block;
|
||||||
border-radius: 500px;
|
border-radius: 500px;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
|
||||||
&.avatar-block {
|
&.avatar-block {
|
||||||
white-space: inherit;
|
white-space: inherit;
|
||||||
height: 76px;
|
height: 76px;
|
||||||
|
|
||||||
.user-name {
|
.user-name {
|
||||||
display: block;
|
display: block;
|
||||||
font-size: rem-calc(14);
|
font-size: rem-calc(14);
|
||||||
line-height: rem-calc(14);
|
line-height: rem-calc(14);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
img{
|
|
||||||
|
img {
|
||||||
border-radius: 500px;
|
border-radius: 500px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
i{
|
|
||||||
|
i {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
@ -337,31 +410,38 @@
|
|||||||
border-width: 2px;
|
border-width: 2px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-radius: 100%;
|
border-radius: 100%;
|
||||||
&.md{
|
|
||||||
|
&.md {
|
||||||
width: 12px;
|
width: 12px;
|
||||||
height: 12px;
|
height: 12px;
|
||||||
margin: 1px;
|
margin: 1px;
|
||||||
}
|
}
|
||||||
&.right{
|
|
||||||
|
&.right {
|
||||||
left: auto;
|
left: auto;
|
||||||
right: 0;
|
right: 0;
|
||||||
}
|
}
|
||||||
&.bottom{
|
|
||||||
|
&.bottom {
|
||||||
left: auto;
|
left: auto;
|
||||||
top: auto;
|
top: auto;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
}
|
}
|
||||||
&.on{
|
|
||||||
|
&.on {
|
||||||
background-color: $brand-success;
|
background-color: $brand-success;
|
||||||
}
|
}
|
||||||
&.off{
|
|
||||||
|
&.off {
|
||||||
background-color: $text-muted;
|
background-color: $text-muted;
|
||||||
}
|
}
|
||||||
&.busy{
|
|
||||||
|
&.busy {
|
||||||
background-color: $brand-danger;
|
background-color: $brand-danger;
|
||||||
}
|
}
|
||||||
&.away{
|
|
||||||
|
&.away {
|
||||||
background-color: $brand-warning;
|
background-color: $brand-warning;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -369,6 +449,7 @@
|
|||||||
|
|
||||||
.block-link {
|
.block-link {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
//&:hover { background-color: $yellow; }
|
//&:hover { background-color: $yellow; }
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -381,7 +462,11 @@
|
|||||||
font-size: rem-calc(26);
|
font-size: rem-calc(26);
|
||||||
padding: 0px 10px 0px 11px;
|
padding: 0px 10px 0px 11px;
|
||||||
vertical-align: bottom;
|
vertical-align: bottom;
|
||||||
&.label-icon { font-size: rem-calc(22); padding: 4px 9px 1px 10px; }
|
|
||||||
|
&.label-icon {
|
||||||
|
font-size: rem-calc(22);
|
||||||
|
padding: 4px 9px 1px 10px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -390,8 +475,10 @@
|
|||||||
z-index: 101;
|
z-index: 101;
|
||||||
height: 93%;
|
height: 93%;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
@include transition(.5s linear all);
|
|
||||||
opacity:1;
|
@include transition(0.5s linear all);
|
||||||
|
|
||||||
|
opacity: 1;
|
||||||
|
|
||||||
.about-picture {
|
.about-picture {
|
||||||
padding: 70px 0;
|
padding: 70px 0;
|
||||||
@ -399,18 +486,23 @@
|
|||||||
background-size: cover;
|
background-size: cover;
|
||||||
margin-bottom: 30px;
|
margin-bottom: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.about-title, .about-title p {
|
.about-title, .about-title p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-size: rem-calc(50);
|
font-size: rem-calc(50);
|
||||||
line-height: rem-calc(48);
|
line-height: rem-calc(48);
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-weight: 900; //black
|
font-weight: 900;
|
||||||
|
|
||||||
|
//black
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.about-title-aside {
|
.about-title-aside {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
font-size: rem-calc(18);
|
font-size: rem-calc(18);
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
font-size: rem-calc(18);
|
font-size: rem-calc(18);
|
||||||
line-height: rem-calc(30);
|
line-height: rem-calc(30);
|
||||||
@ -420,20 +512,19 @@
|
|||||||
|
|
||||||
&.ng-hide {
|
&.ng-hide {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
@include transition(.5s linear all);
|
|
||||||
|
@include transition(0.5s linear all);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.ng-hide-add,
|
&.ng-hide-add,
|
||||||
&.ng-hide-remove {
|
&.ng-hide-remove {
|
||||||
display:block!important;
|
display: block !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.last-update {
|
.last-update {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
margin-bottom: 2em;
|
margin-bottom: 2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.event {
|
.event {
|
||||||
@ -446,7 +537,6 @@
|
|||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.event:hover * {
|
.event:hover * {
|
||||||
color: #eee !important;
|
color: #eee !important;
|
||||||
border-color: #eee;
|
border-color: #eee;
|
||||||
@ -460,12 +550,13 @@
|
|||||||
.half-w {
|
.half-w {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.b-light-dark {
|
.b-light-dark {
|
||||||
border-color: #d0d0d0;
|
border-color: #d0d0d0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-sm {
|
.p-sm {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.crop-155 {
|
.crop-155 {
|
||||||
@ -496,24 +587,26 @@ padding: 10px;
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// angular-bootstrap accordions (enlightened version)
|
// angular-bootstrap accordions (enlightened version)
|
||||||
.light-accordion > .panel-heading {
|
.light-accordion > .panel-heading {
|
||||||
padding-top: 0.2em;
|
padding-top: 0.2em;
|
||||||
padding-bottom: 0.2em;
|
padding-bottom: 0.2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.light-accordion > .panel-heading > .panel-title {
|
.light-accordion > .panel-heading > .panel-title {
|
||||||
font-size: 12pt;
|
font-size: 12pt;
|
||||||
}
|
}
|
||||||
|
|
||||||
.app-generator {
|
.app-generator {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 0; right: 10px;
|
bottom: 0;
|
||||||
|
right: 10px;
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
padding: 3px 15px;
|
padding: 3px 15px;
|
||||||
border: 1px solid $border-color;
|
border: 1px solid $border-color;
|
||||||
border-top-left-radius: 8px;
|
border-top-left-radius: 8px;
|
||||||
background: $bg-gray;
|
background: $bg-gray;
|
||||||
|
|
||||||
@media only screen and (max-width: 768px) {
|
@media only screen and (max-width: 768px) {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
@ -533,7 +626,7 @@ padding: 10px;
|
|||||||
right: 0;
|
right: 0;
|
||||||
background: rgba(230, 230, 230, 0.7);
|
background: rgba(230, 230, 230, 0.7);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index:10;
|
z-index: 10;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -573,6 +666,7 @@ padding: 10px;
|
|||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
line-height: 0;
|
line-height: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.afterAmount {
|
.afterAmount {
|
||||||
margin-left: -35px;
|
margin-left: -35px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
@ -592,10 +686,13 @@ padding: 10px;
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.link-icon {
|
.link-icon {
|
||||||
color: #1c94c4;
|
color: #1c94c4;
|
||||||
i { margin: 0 5px 0 10px; }
|
|
||||||
|
i {
|
||||||
|
margin: 0 5px 0 10px;
|
||||||
|
}
|
||||||
|
|
||||||
span {
|
span {
|
||||||
border-bottom: 1px dashed #00b3ee;
|
border-bottom: 1px dashed #00b3ee;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
@ -603,7 +700,6 @@ padding: 10px;
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.description-hover {
|
.description-hover {
|
||||||
span {
|
span {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@ -651,6 +747,7 @@ padding: 10px;
|
|||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.calendar-legend-block {
|
.calendar-legend-block {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
padding-right: 2em;
|
padding-right: 2em;
|
||||||
@ -659,10 +756,12 @@ padding: 10px;
|
|||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
.legends {
|
.legends {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row-reverse;
|
flex-direction: row-reverse;
|
||||||
}
|
}
|
||||||
|
|
||||||
.calendar-legend {
|
.calendar-legend {
|
||||||
border: 1px solid;
|
border: 1px solid;
|
||||||
border-left: 3px solid;
|
border-left: 3px solid;
|
||||||
|
|||||||
@ -1,13 +1,14 @@
|
|||||||
// This is the default html and body font-size for the base rem value.
|
// This is the default html and body font-size for the base rem value.
|
||||||
$rem-base: 10px !default;
|
$rem-base: 10px !default;
|
||||||
|
|
||||||
|
|
||||||
// IMPORT ONCE
|
// IMPORT ONCE
|
||||||
// We use this to prevent styles from being loaded multiple times for compenents that rely on other components.
|
// We use this to prevent styles from being loaded multiple times for compenents that rely on other components.
|
||||||
$modules: () !default;
|
$modules: () !default;
|
||||||
|
|
||||||
@mixin exports($name) {
|
@mixin exports($name) {
|
||||||
@if (index($modules, $name) == false) {
|
@if index($modules, $name) == false {
|
||||||
$modules: append($modules, $name);
|
$modules: append($modules, $name);
|
||||||
|
|
||||||
@content;
|
@content;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -16,7 +17,6 @@ $modules: () !default;
|
|||||||
// @functions
|
// @functions
|
||||||
//
|
//
|
||||||
|
|
||||||
|
|
||||||
// STRIP UNIT
|
// STRIP UNIT
|
||||||
// It strips the unit of measure and returns it
|
// It strips the unit of measure and returns it
|
||||||
@function strip-unit($num) {
|
@function strip-unit($num) {
|
||||||
@ -24,13 +24,17 @@ $modules: () !default;
|
|||||||
}
|
}
|
||||||
|
|
||||||
// CONVERT TO REM
|
// CONVERT TO REM
|
||||||
@function convert-to-rem($value, $base-value: $rem-base) {
|
@function convert-to-rem($value, $base-value: $rem-base) {
|
||||||
$value: strip-unit($value) / strip-unit($base-value) * 1rem;
|
$value: strip-unit($value) / strip-unit($base-value) * 1rem;
|
||||||
@if ($value == 0rem) { $value: 0; } // Turn 0rem into 0
|
|
||||||
|
@if $value == 0rem {
|
||||||
|
$value: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Turn 0rem into 0
|
||||||
@return $value;
|
@return $value;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// REM CALC
|
// REM CALC
|
||||||
|
|
||||||
// New Syntax, allows to optionally calculate on a different base value to counter compounding effect of rem's.
|
// New Syntax, allows to optionally calculate on a different base value to counter compounding effect of rem's.
|
||||||
@ -53,11 +57,15 @@ $modules: () !default;
|
|||||||
@function rem-calc($values, $base-value: $rem-base) {
|
@function rem-calc($values, $base-value: $rem-base) {
|
||||||
$max: length($values);
|
$max: length($values);
|
||||||
|
|
||||||
@if $max == 1 { @return convert-to-rem(nth($values, 1), $base-value); }
|
@if $max == 1 {
|
||||||
|
@return convert-to-rem(nth($values, 1), $base-value);
|
||||||
|
}
|
||||||
|
|
||||||
$remValues: ();
|
$remValues: ();
|
||||||
|
|
||||||
@for $i from 1 through $max {
|
@for $i from 1 through $max {
|
||||||
$remValues: append($remValues, convert-to-rem(nth($values, $i), $base-value));
|
$remValues: append($remValues, convert-to-rem(nth($values, $i), $base-value));
|
||||||
}
|
}
|
||||||
|
|
||||||
@return $remValues;
|
@return $remValues;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,321 +1,364 @@
|
|||||||
/*layout*/
|
/*layout*/
|
||||||
.header,
|
.header,
|
||||||
.footer{
|
.footer {
|
||||||
min-height: 50px;
|
min-height: 50px;
|
||||||
padding: 0 15px;
|
padding: 0 15px;
|
||||||
> p{
|
|
||||||
margin-top: 15px;
|
> p {
|
||||||
display: inline-block;
|
margin-top: 15px;
|
||||||
}
|
display: inline-block;
|
||||||
> .btn,
|
}
|
||||||
> .btn-group,
|
|
||||||
> .btn-toolbar
|
> .btn,
|
||||||
{
|
> .btn-group,
|
||||||
margin-top: 14px;
|
> .btn-toolbar {
|
||||||
}
|
margin-top: 14px;
|
||||||
> .btn-lg{
|
}
|
||||||
margin-top: 0;
|
|
||||||
}
|
> .btn-lg {
|
||||||
.nav-tabs {
|
margin-top: 0;
|
||||||
border: none;
|
}
|
||||||
margin-left: -15px;
|
|
||||||
margin-right: -15px;
|
.nav-tabs {
|
||||||
> li {
|
border: none;
|
||||||
a{
|
margin-left: -15px;
|
||||||
border: none !important;
|
margin-right: -15px;
|
||||||
border-radius: 0;
|
|
||||||
padding-top: 15px;
|
> li {
|
||||||
padding-bottom: 15px;
|
a {
|
||||||
line-height: 20px;
|
border: none !important;
|
||||||
&:hover,
|
border-radius: 0;
|
||||||
&:focus
|
padding-top: 15px;
|
||||||
{
|
padding-bottom: 15px;
|
||||||
background-color: transparent;
|
line-height: 20px;
|
||||||
}
|
|
||||||
}
|
&:hover,
|
||||||
&.active a{
|
&:focus {
|
||||||
color: $text-color;
|
background-color: transparent;
|
||||||
&,
|
}
|
||||||
&:hover{
|
}
|
||||||
background-color: $body-bg;
|
|
||||||
}
|
&.active a {
|
||||||
}
|
color: $text-color;
|
||||||
}
|
|
||||||
&.nav-white{
|
&,
|
||||||
> li.active a{
|
&:hover {
|
||||||
&,
|
background-color: $body-bg;
|
||||||
&:hover{
|
}
|
||||||
background-color: #fff;
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
}
|
&.nav-white {
|
||||||
}
|
> li.active a {
|
||||||
&.navbar{
|
&,
|
||||||
border-radius: 0;
|
&:hover {
|
||||||
border: none;
|
background-color: #fff;
|
||||||
margin-bottom: 0;
|
}
|
||||||
padding:0;
|
}
|
||||||
position: relative !important;
|
}
|
||||||
z-index: 1000;
|
}
|
||||||
}
|
|
||||||
|
&.navbar {
|
||||||
|
border-radius: 0;
|
||||||
|
border: none;
|
||||||
|
margin-bottom: 0;
|
||||||
|
padding: 0;
|
||||||
|
position: relative !important;
|
||||||
|
z-index: 1000;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.header {
|
.header {
|
||||||
background-color: $header-bg;
|
background-color: $header-bg;
|
||||||
@include box-shadow(0 1px 0px #cfcfcf);
|
|
||||||
|
@include box-shadow(0 1px 0px #cfcfcf);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.heading {
|
.heading {
|
||||||
|
.heading-btn {
|
||||||
|
a {
|
||||||
|
width: 100%;
|
||||||
|
padding: 35px 40%;
|
||||||
|
display: inline-block;
|
||||||
|
cursor: pointer;
|
||||||
|
color: black;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
//background-color: $yellow;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
i:before {
|
||||||
|
content: "\f177";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.heading-btn {
|
|
||||||
a {
|
|
||||||
width: 100%;
|
|
||||||
padding: 35px 40%;
|
|
||||||
display: inline-block;
|
|
||||||
cursor: pointer;
|
|
||||||
color: black;
|
|
||||||
&:hover {
|
|
||||||
//background-color: $yellow;
|
|
||||||
}
|
|
||||||
i:before { content: "\f177"; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.heading-icon {
|
.heading-icon {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 35px 40%;
|
padding: 35px 40%;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
color: black;
|
color: black;
|
||||||
}
|
}
|
||||||
.heading-title {
|
|
||||||
//overflow: hidden;
|
.heading-title {
|
||||||
height: 94px;
|
//overflow: hidden;
|
||||||
h1 {
|
height: 94px;
|
||||||
margin: 0 0 0 15px;
|
|
||||||
padding: 36px 15px;
|
h1 {
|
||||||
}
|
margin: 0 0 0 15px;
|
||||||
}
|
padding: 36px 15px;
|
||||||
.heading-actions {
|
}
|
||||||
height: 94px;
|
}
|
||||||
text-align: center;
|
|
||||||
}
|
.heading-actions {
|
||||||
|
height: 94px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
body.container{
|
body.container {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.aside-md{
|
.aside-md {
|
||||||
width: 250px;
|
width: 250px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
body.container{
|
body.container {
|
||||||
@include box-shadow(0 3px 60px rgba(0,0,0,0.3));
|
@include box-shadow(0 3px 60px rgba(0, 0, 0, 0.3));
|
||||||
border-left: 1px solid darken($border-color, 10%);
|
|
||||||
border-right: 1px solid darken($border-color, 10%);
|
|
||||||
}
|
|
||||||
.app{
|
|
||||||
&,
|
|
||||||
body{
|
|
||||||
height:100%;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
.hbox{
|
|
||||||
&.stretch{
|
|
||||||
height:100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.vbox{
|
|
||||||
> section,
|
|
||||||
> footer{
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
&.flex{
|
|
||||||
> section{
|
|
||||||
> section{
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.hbox{
|
border-left: 1px solid darken($border-color, 10%);
|
||||||
display: table;
|
border-right: 1px solid darken($border-color, 10%);
|
||||||
table-layout: fixed;
|
}
|
||||||
border-spacing: 0;
|
|
||||||
width: 100%;
|
|
||||||
> aside,
|
|
||||||
> section{
|
|
||||||
display: table-cell;
|
|
||||||
vertical-align: top;
|
|
||||||
height: 100%;
|
|
||||||
float: none;
|
|
||||||
&.show,
|
|
||||||
&.hidden-sm {
|
|
||||||
display: table-cell !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.vbox{
|
.app {
|
||||||
display: table;
|
&,
|
||||||
border-spacing:0;
|
body {
|
||||||
position: relative;
|
height: 100%;
|
||||||
height: 100%;
|
overflow: hidden;
|
||||||
width: 100%;
|
}
|
||||||
> section,
|
|
||||||
> footer {
|
|
||||||
top: 0;
|
|
||||||
bottom: 0;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
> header{
|
|
||||||
~ section {
|
|
||||||
top: 50px;
|
|
||||||
}
|
|
||||||
&.header-md{
|
|
||||||
~ section {
|
|
||||||
top: $header-md-height+2;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
> section{
|
|
||||||
&.w-f{
|
|
||||||
bottom: 50px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
> footer {
|
|
||||||
top: auto;
|
|
||||||
z-index: 100;
|
|
||||||
~ section {
|
|
||||||
bottom: 50px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.flex{
|
|
||||||
> header,
|
|
||||||
> section,
|
|
||||||
> footer {
|
|
||||||
position: inherit;
|
|
||||||
}
|
|
||||||
> section{
|
|
||||||
display: table-row;
|
|
||||||
height: 100%;
|
|
||||||
> section {
|
|
||||||
position: relative;
|
|
||||||
height: 100%;
|
|
||||||
-webkit-overflow-scrolling:touch;
|
|
||||||
.ie & {
|
|
||||||
display: table-cell;
|
|
||||||
}
|
|
||||||
> section {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.aside-xs{
|
.hbox {
|
||||||
width: 60px;
|
&.stretch {
|
||||||
}
|
height: 100%;
|
||||||
.aside-sm{
|
}
|
||||||
width: 150px;
|
}
|
||||||
}
|
|
||||||
.aside{
|
|
||||||
width: 200px;
|
|
||||||
}
|
|
||||||
.aside-md{
|
|
||||||
width: 250px;
|
|
||||||
}
|
|
||||||
.aside-lg{
|
|
||||||
width: 300px;
|
|
||||||
}
|
|
||||||
.aside-xl{
|
|
||||||
width: 360px;
|
|
||||||
}
|
|
||||||
.aside-xxl{
|
|
||||||
width: 480px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header-md{
|
.vbox {
|
||||||
height: $header-md-height;
|
> section,
|
||||||
.navbar-form{
|
> footer {
|
||||||
margin-top: floor( ($header-md-height - 30)/2 );
|
position: absolute;
|
||||||
margin-bottom: floor( ($header-md-height - 30)/2 );
|
}
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.scrollable{
|
&.flex {
|
||||||
-webkit-overflow-scrolling:touch;
|
> section {
|
||||||
}
|
> section {
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
::-webkit-scrollbar {
|
.hbox {
|
||||||
width: 10px;
|
display: table;
|
||||||
height: 10px;
|
table-layout: fixed;
|
||||||
}
|
border-spacing: 0;
|
||||||
::-webkit-scrollbar-thumb {
|
width: 100%;
|
||||||
background-color:rgba(50,50,50,0.25);
|
|
||||||
border: 2px solid transparent;
|
> aside,
|
||||||
border-radius: 10px;
|
> section {
|
||||||
background-clip: padding-box;
|
display: table-cell;
|
||||||
}
|
vertical-align: top;
|
||||||
::-webkit-scrollbar-thumb:hover{
|
height: 100%;
|
||||||
background-color:rgba(50,50,50,0.5);
|
float: none;
|
||||||
}
|
|
||||||
::-webkit-scrollbar-track {
|
&.show,
|
||||||
background-color:rgba(50,50,50,0.05);
|
&.hidden-sm {
|
||||||
}
|
display: table-cell !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.vbox {
|
||||||
|
display: table;
|
||||||
|
border-spacing: 0;
|
||||||
|
position: relative;
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
> section,
|
||||||
|
> footer {
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
> header {
|
||||||
|
~ section {
|
||||||
|
top: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.header-md {
|
||||||
|
~ section {
|
||||||
|
top: $header-md-height + 2;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
> section {
|
||||||
|
&.w-f {
|
||||||
|
bottom: 50px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
> footer {
|
||||||
|
top: auto;
|
||||||
|
z-index: 100;
|
||||||
|
|
||||||
|
~ section {
|
||||||
|
bottom: 50px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.flex {
|
||||||
|
> header,
|
||||||
|
> section,
|
||||||
|
> footer {
|
||||||
|
position: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
> section {
|
||||||
|
display: table-row;
|
||||||
|
height: 100%;
|
||||||
|
|
||||||
|
> section {
|
||||||
|
position: relative;
|
||||||
|
height: 100%;
|
||||||
|
-webkit-overflow-scrolling: touch;
|
||||||
|
|
||||||
|
.ie & {
|
||||||
|
display: table-cell;
|
||||||
|
}
|
||||||
|
|
||||||
|
> section {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.aside-xs {
|
||||||
|
width: 60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aside-sm {
|
||||||
|
width: 150px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aside {
|
||||||
|
width: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aside-md {
|
||||||
|
width: 250px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aside-lg {
|
||||||
|
width: 300px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aside-xl {
|
||||||
|
width: 360px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aside-xxl {
|
||||||
|
width: 480px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-md {
|
||||||
|
height: $header-md-height;
|
||||||
|
|
||||||
|
.navbar-form {
|
||||||
|
margin-top: floor(($header-md-height - 30) / 2);
|
||||||
|
margin-bottom: floor(($header-md-height - 30) / 2);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.scrollable {
|
||||||
|
-webkit-overflow-scrolling: touch;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar {
|
||||||
|
width: 10px;
|
||||||
|
height: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar-thumb {
|
||||||
|
background-color: rgba(50, 50, 50, 0.25);
|
||||||
|
border: 2px solid transparent;
|
||||||
|
border-radius: 10px;
|
||||||
|
background-clip: padding-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar-thumb:hover {
|
||||||
|
background-color: rgba(50, 50, 50, 0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar-track {
|
||||||
|
background-color: rgba(50, 50, 50, 0.05);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.scrollable{
|
.scrollable {
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.no-touch {
|
.no-touch {
|
||||||
.scrollable.hover {
|
.scrollable.hover {
|
||||||
overflow-y: hidden;
|
overflow-y: hidden;
|
||||||
&:hover
|
|
||||||
{
|
&:hover {
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
::-webkit-scrollbar-button {
|
|
||||||
width: 10px;
|
::-webkit-scrollbar-button {
|
||||||
height: 6px;
|
width: 10px;
|
||||||
background-color:rgba(50,50,50,0.05);
|
height: 6px;
|
||||||
}
|
background-color: rgba(50, 50, 50, 0.05);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.slimScrollBar{
|
.slimScrollBar {
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
border: 2px solid transparent;
|
border: 2px solid transparent;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
background-clip: padding-box !important;
|
background-clip: padding-box !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@media print {
|
@media print {
|
||||||
html, body, .hbox, .vbox{
|
html, body, .hbox, .vbox {
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
.vbox{
|
|
||||||
> section,
|
.vbox {
|
||||||
> footer{
|
> section,
|
||||||
position: relative;
|
> footer {
|
||||||
}
|
position: relative;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.datepicker-container {
|
.datepicker-container {
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
@ -327,7 +370,7 @@ body.container{
|
|||||||
padding-top: 0.5em;
|
padding-top: 0.5em;
|
||||||
padding-bottom: 0.5em;
|
padding-bottom: 0.5em;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right:0;
|
right: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
|
|
||||||
@ -339,7 +382,7 @@ body.container{
|
|||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
|
|
||||||
div.input-group {
|
div.input-group {
|
||||||
float:right;
|
float: right;
|
||||||
|
|
||||||
ul.dropdown-menu {
|
ul.dropdown-menu {
|
||||||
left: -5em !important;
|
left: -5em !important;
|
||||||
@ -355,10 +398,9 @@ body.container{
|
|||||||
}
|
}
|
||||||
|
|
||||||
.customMenuInput {
|
.customMenuInput {
|
||||||
width:100% !important;
|
width: 100% !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.reservations-locked {
|
.reservations-locked {
|
||||||
background-color: #f5f5f5;
|
background-color: #f5f5f5;
|
||||||
}
|
}
|
||||||
@ -369,8 +411,8 @@ body.container{
|
|||||||
background-color: #e4e4e4;
|
background-color: #e4e4e4;
|
||||||
padding: 0.7em 0.7em;
|
padding: 0.7em 0.7em;
|
||||||
font-size: 90%;
|
font-size: 90%;
|
||||||
display:inline-block;
|
display: inline-block;
|
||||||
vertical-align:middle;
|
vertical-align: middle;
|
||||||
|
|
||||||
.reservation-time {
|
.reservation-time {
|
||||||
color: #606060;
|
color: #606060;
|
||||||
@ -387,7 +429,6 @@ body.container{
|
|||||||
float: left;
|
float: left;
|
||||||
margin-right: 1em;
|
margin-right: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.custom-logo-container {
|
.custom-logo-container {
|
||||||
@ -410,7 +451,7 @@ body.container{
|
|||||||
width: auto;
|
width: auto;
|
||||||
max-height: 44px;
|
max-height: 44px;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
margin:auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover .tools-box {
|
&:hover .tools-box {
|
||||||
@ -453,7 +494,7 @@ body.container{
|
|||||||
width: auto;
|
width: auto;
|
||||||
max-height: 16px;
|
max-height: 16px;
|
||||||
max-width: 16px;
|
max-width: 16px;
|
||||||
margin:auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover .tools-box {
|
&:hover .tools-box {
|
||||||
@ -491,7 +532,7 @@ body.container{
|
|||||||
width: auto;
|
width: auto;
|
||||||
max-height: 185px;
|
max-height: 185px;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
margin:auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover .tools-box {
|
&:hover .tools-box {
|
||||||
@ -546,7 +587,6 @@ body.container{
|
|||||||
.profile-top-infos {
|
.profile-top-infos {
|
||||||
padding: 30px 15px 30px 15px;
|
padding: 30px 15px 30px 15px;
|
||||||
|
|
||||||
|
|
||||||
.private-profile {
|
.private-profile {
|
||||||
color: #000;
|
color: #000;
|
||||||
border: 1px solid $border-color;
|
border: 1px solid $border-color;
|
||||||
@ -565,10 +605,10 @@ body.container{
|
|||||||
padding: 43px 15px 15px 15px;
|
padding: 43px 15px 15px 15px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
|
|
||||||
.avatar {
|
.avatar {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 140px;
|
width: 140px;
|
||||||
|
|
||||||
img {
|
img {
|
||||||
border: 9px solid #fff;
|
border: 9px solid #fff;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
@ -593,7 +633,9 @@ body.container{
|
|||||||
color: $input-color;
|
color: $input-color;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
|
|
||||||
i { vertical-align: middle; }
|
i {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -1,452 +1,529 @@
|
|||||||
/*primary nav*/
|
/*primary nav*/
|
||||||
.navbar-header{
|
.navbar-header {
|
||||||
position: relative;
|
position: relative;
|
||||||
> .btn{
|
|
||||||
position: absolute;
|
> .btn {
|
||||||
font-size: 1.3em;
|
position: absolute;
|
||||||
padding: 9px 16px;
|
font-size: 1.3em;
|
||||||
line-height: 30px;
|
padding: 9px 16px;
|
||||||
right: 0;
|
line-height: 30px;
|
||||||
}
|
right: 0;
|
||||||
.navbar-brand + .btn{
|
}
|
||||||
right: 0;
|
|
||||||
top:0;
|
.navbar-brand + .btn {
|
||||||
left: auto;
|
right: 0;
|
||||||
}
|
top: 0;
|
||||||
|
left: auto;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar-brand{
|
.navbar-brand {
|
||||||
float: none;
|
float: none;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
height: auto;
|
height: auto;
|
||||||
line-height: 50px;
|
line-height: 50px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 0 15px;
|
padding: 0 15px;
|
||||||
&:hover{
|
|
||||||
text-decoration: none;
|
&:hover {
|
||||||
}
|
text-decoration: none;
|
||||||
img{
|
}
|
||||||
max-height: 20px;
|
|
||||||
margin-top: -4px;
|
img {
|
||||||
vertical-align: middle;
|
max-height: 20px;
|
||||||
display: initial;
|
margin-top: -4px;
|
||||||
}
|
vertical-align: middle;
|
||||||
|
display: initial;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-primary {
|
.nav-primary {
|
||||||
li {
|
li {
|
||||||
> a > i{
|
> a > i {
|
||||||
margin: floor(-($nav-primary-height - $line-height-computed)/2) -10px;
|
margin: floor(-($nav-primary-height - $line-height-computed) / 2) -10px;
|
||||||
line-height: $nav-primary-height;
|
line-height: $nav-primary-height;
|
||||||
width: $nav-primary-height;
|
width: $nav-primary-height;
|
||||||
float: left;
|
float: left;
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
&:before{
|
|
||||||
position: relative;
|
|
||||||
z-index: 2;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
ul.nav {
|
|
||||||
> li {
|
|
||||||
> a{
|
|
||||||
padding: floor(($nav-primary-height - $line-height-computed)/2) 15px;
|
|
||||||
position: relative;
|
|
||||||
font-size: 14px;
|
|
||||||
@include transition(background-color .2s ease-in-out 0s);
|
|
||||||
.no-borders & {
|
|
||||||
border-width: 0 !important;
|
|
||||||
}
|
|
||||||
> .badge{
|
|
||||||
font-size: 11px;
|
|
||||||
padding: 2px 5px 2px 4px;
|
|
||||||
margin-top: 2px;
|
|
||||||
}
|
|
||||||
> .text-muted{
|
|
||||||
margin: 0 3px;
|
|
||||||
}
|
|
||||||
&.active{
|
|
||||||
.text{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.text-active{
|
|
||||||
display: inline-block !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
li a{
|
|
||||||
font-weight: normal;
|
|
||||||
text-transform: none;
|
|
||||||
}
|
|
||||||
&.active{
|
|
||||||
> ul{
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
> li.menu-spacer {
|
|
||||||
height: 1px;
|
|
||||||
margin: 6px 80% 6px 5px;
|
|
||||||
background: linear-gradient(45deg, black, transparent);
|
|
||||||
}
|
|
||||||
ul{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.bg-black &{
|
&:before {
|
||||||
> ul.nav-main{
|
position: relative;
|
||||||
> li{
|
z-index: 2;
|
||||||
&:hover,
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.nav {
|
||||||
|
> li {
|
||||||
|
> a {
|
||||||
|
padding: floor(($nav-primary-height - $line-height-computed) / 2) 15px;
|
||||||
|
position: relative;
|
||||||
|
font-size: 14px;
|
||||||
|
|
||||||
|
@include transition(background-color 0.2s ease-in-out 0s);
|
||||||
|
|
||||||
|
.no-borders & {
|
||||||
|
border-width: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
> .badge {
|
||||||
|
font-size: 11px;
|
||||||
|
padding: 2px 5px 2px 4px;
|
||||||
|
margin-top: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
> .text-muted {
|
||||||
|
margin: 0 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.active {
|
||||||
|
.text {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-active {
|
||||||
|
display: inline-block !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
li a {
|
||||||
|
font-weight: normal;
|
||||||
|
text-transform: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.active {
|
||||||
|
> ul {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
> li.menu-spacer {
|
||||||
|
height: 1px;
|
||||||
|
margin: 6px 80% 6px 5px;
|
||||||
|
background: linear-gradient(45deg, black, transparent);
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-black & {
|
||||||
|
> ul.nav-main {
|
||||||
|
> li {
|
||||||
|
&:hover,
|
||||||
&:focus,
|
&:focus,
|
||||||
&:active,
|
&:active,
|
||||||
&.active{
|
&.active {
|
||||||
> a{
|
> a {
|
||||||
background-color: $brand-success;
|
background-color: $brand-success;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.visible-nav-xs{display: none;}
|
.visible-nav-xs {
|
||||||
.nav-xs {
|
display: none;
|
||||||
width: $nav-xs-width;
|
}
|
||||||
> .nav-container { width: $nav-xs-width; }
|
|
||||||
.slimScrollDiv,
|
|
||||||
.slim-scroll {
|
|
||||||
overflow: visible !important;
|
|
||||||
}
|
|
||||||
.slimScrollBar,
|
|
||||||
.slimScrollRail {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
.scrollable{
|
|
||||||
overflow: visible;
|
|
||||||
}
|
|
||||||
.nav-primary{
|
|
||||||
> ul {
|
|
||||||
> li {
|
|
||||||
> a {
|
|
||||||
position: relative;
|
|
||||||
padding: 0 !important;
|
|
||||||
font-size: 11px;
|
|
||||||
text-align: center;
|
|
||||||
height: $nav-xs-height;
|
|
||||||
overflow-y: hidden;
|
|
||||||
border: none !important;
|
|
||||||
span {
|
|
||||||
display: table-cell;
|
|
||||||
vertical-align: middle;
|
|
||||||
height: $nav-xs-height;
|
|
||||||
width: $nav-xs-width;
|
|
||||||
&.pull-right{
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
i{
|
|
||||||
width: auto;
|
|
||||||
float: none;
|
|
||||||
display: block;
|
|
||||||
font-size: 16px;
|
|
||||||
margin: 0;
|
|
||||||
line-height: $nav-xs-height;
|
|
||||||
border: none !important;
|
|
||||||
@include transition(margin-top 0.2s);
|
|
||||||
b{
|
|
||||||
left: 0 !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.badge{
|
|
||||||
position: absolute;
|
|
||||||
right: 10px;
|
|
||||||
top: 4px;
|
|
||||||
z-index: 3;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&:hover,
|
|
||||||
&:focus,
|
|
||||||
&:active,
|
|
||||||
&.active
|
|
||||||
{
|
|
||||||
> a{
|
|
||||||
i{
|
|
||||||
margin-top: -$nav-xs-height;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
ul{
|
|
||||||
display: none !important;
|
|
||||||
position: absolute;
|
|
||||||
left: 100%;
|
|
||||||
top: 0;
|
|
||||||
z-index: 1050;
|
|
||||||
width: 220px;
|
|
||||||
-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.1);
|
|
||||||
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
li:hover,
|
|
||||||
li:focus,
|
|
||||||
li:active
|
|
||||||
{
|
|
||||||
> ul{
|
|
||||||
display: block !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.nav-xs-right{
|
|
||||||
.nav-primary > ul ul{
|
|
||||||
left: auto;
|
|
||||||
right: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
> .vbox > .header,
|
|
||||||
> .vbox > .footer {
|
|
||||||
padding:0 floor(($nav-xs-width - 30px)/2);
|
|
||||||
}
|
|
||||||
.hidden-nav-xs{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.visible-nav-xs{
|
|
||||||
display: inherit;
|
|
||||||
}
|
|
||||||
.text-center-nav-xs{
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-user{
|
.nav-xs {
|
||||||
padding-left: 0;
|
width: $nav-xs-width;
|
||||||
padding-right: 0;
|
|
||||||
.avatar{
|
> .nav-container {
|
||||||
float: none !important;
|
width: $nav-xs-width;
|
||||||
margin-right: 0;
|
}
|
||||||
}
|
|
||||||
.dropdown{
|
.slimScrollDiv,
|
||||||
> a{
|
.slim-scroll {
|
||||||
display: block;
|
overflow: visible !important;
|
||||||
text-align: center;
|
}
|
||||||
}
|
|
||||||
}
|
.slimScrollBar,
|
||||||
}
|
.slimScrollRail {
|
||||||
.navbar-header{
|
display: none !important;
|
||||||
float: none;
|
}
|
||||||
}
|
|
||||||
.navbar-brand{
|
.scrollable {
|
||||||
display: block;
|
overflow: visible;
|
||||||
padding: 0;
|
}
|
||||||
img{
|
|
||||||
margin-right:0;
|
.nav-primary {
|
||||||
}
|
> ul {
|
||||||
}
|
> li {
|
||||||
.navbar{
|
> a {
|
||||||
padding: 0
|
position: relative;
|
||||||
}
|
padding: 0 !important;
|
||||||
}
|
font-size: 11px;
|
||||||
.navbar-brand{
|
text-align: center;
|
||||||
.header-md &{
|
height: $nav-xs-height;
|
||||||
line-height: $header-md-height;
|
overflow-y: hidden;
|
||||||
img{
|
border: none !important;
|
||||||
max-height: 44px;
|
|
||||||
}
|
span {
|
||||||
}
|
display: table-cell;
|
||||||
}
|
vertical-align: middle;
|
||||||
.navbar-nav{
|
height: $nav-xs-height;
|
||||||
> li{
|
width: $nav-xs-width;
|
||||||
> a{
|
|
||||||
.header-md &{
|
&.pull-right {
|
||||||
padding: floor(($header-md-height - $line-height-computed)/2 - 1);
|
display: none !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
}
|
i {
|
||||||
|
width: auto;
|
||||||
|
float: none;
|
||||||
|
display: block;
|
||||||
|
font-size: 16px;
|
||||||
|
margin: 0;
|
||||||
|
line-height: $nav-xs-height;
|
||||||
|
border: none !important;
|
||||||
|
|
||||||
|
@include transition(margin-top 0.2s);
|
||||||
|
|
||||||
|
b {
|
||||||
|
left: 0 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.badge {
|
||||||
|
position: absolute;
|
||||||
|
right: 10px;
|
||||||
|
top: 4px;
|
||||||
|
z-index: 3;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover,
|
||||||
|
&:focus,
|
||||||
|
&:active,
|
||||||
|
&.active {
|
||||||
|
> a {
|
||||||
|
i {
|
||||||
|
margin-top: -$nav-xs-height;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
display: none !important;
|
||||||
|
position: absolute;
|
||||||
|
left: 100%;
|
||||||
|
top: 0;
|
||||||
|
z-index: 1050;
|
||||||
|
width: 220px;
|
||||||
|
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
|
||||||
|
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
li:hover,
|
||||||
|
li:focus,
|
||||||
|
li:active {
|
||||||
|
> ul {
|
||||||
|
display: block !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.nav-xs-right {
|
||||||
|
.nav-primary > ul ul {
|
||||||
|
left: auto;
|
||||||
|
right: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
> .vbox > .header,
|
||||||
|
> .vbox > .footer {
|
||||||
|
padding: 0 floor(($nav-xs-width - 30px) / 2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.hidden-nav-xs {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.visible-nav-xs {
|
||||||
|
display: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-center-nav-xs {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-user {
|
||||||
|
padding-left: 0;
|
||||||
|
padding-right: 0;
|
||||||
|
|
||||||
|
.avatar {
|
||||||
|
float: none !important;
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown {
|
||||||
|
> a {
|
||||||
|
display: block;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-header {
|
||||||
|
float: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-brand {
|
||||||
|
display: block;
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
|
img {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-brand {
|
||||||
|
.header-md & {
|
||||||
|
line-height: $header-md-height;
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-height: 44px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-nav {
|
||||||
|
> li {
|
||||||
|
> a {
|
||||||
|
.header-md & {
|
||||||
|
padding: floor(($header-md-height - $line-height-computed) / 2 - 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
.navbar-fixed-top-xs{
|
.navbar-fixed-top-xs {
|
||||||
position: fixed !important;
|
position: fixed !important;
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
z-index: 1100;
|
z-index: 1100;
|
||||||
// + *{
|
|
||||||
// padding-top: 50px !important;
|
|
||||||
// }
|
|
||||||
}
|
|
||||||
.nav-bar-fixed-bottom{
|
|
||||||
position: fixed;
|
|
||||||
left: 0;
|
|
||||||
bottom: 0;
|
|
||||||
width: 100%;
|
|
||||||
z-index: 1100;
|
|
||||||
}
|
|
||||||
/* .off screen nav from left or right*/
|
|
||||||
html, body{
|
|
||||||
overflow-x: hidden;
|
|
||||||
min-height: 100%;
|
|
||||||
}
|
|
||||||
.nav-primary{
|
|
||||||
.dropdown-menu{
|
|
||||||
position: relative;
|
|
||||||
float:none;
|
|
||||||
left: 0;
|
|
||||||
margin-left: 0;
|
|
||||||
padding: 0;
|
|
||||||
a{
|
|
||||||
padding: 15px;
|
|
||||||
border-bottom: 1px solid #eee;
|
|
||||||
}
|
|
||||||
li:last-child{
|
|
||||||
a{
|
|
||||||
border-bottom: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.navbar-header{
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.nav-user{
|
|
||||||
margin: 0;
|
|
||||||
padding: 15px;
|
|
||||||
&.open{
|
|
||||||
display: inherit !important;
|
|
||||||
}
|
|
||||||
.dropdown-menu{
|
|
||||||
display: block;
|
|
||||||
position: static;
|
|
||||||
float: none;
|
|
||||||
}
|
|
||||||
.dropdown > a{
|
|
||||||
display: block;
|
|
||||||
text-align: center;
|
|
||||||
font-size: 18px;
|
|
||||||
padding-bottom: 10px;
|
|
||||||
}
|
|
||||||
.avatar{
|
|
||||||
width: 160px !important;
|
|
||||||
float: none !important;
|
|
||||||
display: block;
|
|
||||||
margin: 20px auto;
|
|
||||||
padding: 5px;
|
|
||||||
background-color: rgba(255, 255, 255, 0.1);
|
|
||||||
position: relative;
|
|
||||||
&:before {
|
|
||||||
content: "";
|
|
||||||
position: absolute;
|
|
||||||
left: 5px;
|
|
||||||
right: 5px;
|
|
||||||
bottom: 5px;
|
|
||||||
top: 5px;
|
|
||||||
border: 4px solid #fff;
|
|
||||||
border-radius: 500px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.nav-off-screen {
|
|
||||||
display: block !important;
|
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
top: 0;
|
|
||||||
bottom: 0;
|
|
||||||
width: $off-screen-nav-width;
|
|
||||||
visibility: visible;
|
|
||||||
overflow-x: hidden;
|
|
||||||
overflow-y: auto;
|
|
||||||
-webkit-overflow-scrolling: touch;
|
|
||||||
.nav-primary{
|
|
||||||
display: block !important;
|
|
||||||
}
|
|
||||||
.navbar-fixed-top-xs{
|
|
||||||
width: $off-screen-nav-width;
|
|
||||||
}
|
|
||||||
&.push-right{
|
|
||||||
.navbar-fixed-top-xs{
|
|
||||||
left: 100% - $off-screen-nav-width;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.push-right{
|
|
||||||
left: auto;
|
|
||||||
right: 0;
|
|
||||||
+ *{
|
|
||||||
@include translate3d(-$off-screen-nav-width, 0px, 0px);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
+ *{
|
|
||||||
background-color: $body-bg;
|
|
||||||
@include transition-transform(0.2s ease-in-out);
|
|
||||||
@include transition-delay(0s);
|
|
||||||
@include translate3d(0px, 0px, 0px);
|
|
||||||
@include backface-visibility(hidden);
|
|
||||||
@include translate3d($off-screen-nav-width, 0px, 0px);
|
|
||||||
overflow: hidden;
|
|
||||||
position: absolute;
|
|
||||||
width: 100%;
|
|
||||||
top: 0;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
z-index: 2;
|
|
||||||
.nav-off-screen-block {
|
|
||||||
display:block !important;
|
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
top: 0;
|
|
||||||
bottom: 0;
|
|
||||||
z-index: 1950;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar + section{
|
// + *{
|
||||||
.nav-off-screen{
|
// padding-top: 50px !important;
|
||||||
top: 50px;
|
// }
|
||||||
+ *{
|
|
||||||
top: 50px;
|
}
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.slimScrollDiv,
|
.nav-bar-fixed-bottom {
|
||||||
.slim-scroll {
|
position: fixed;
|
||||||
overflow: visible !important;
|
left: 0;
|
||||||
height: auto !important;
|
bottom: 0;
|
||||||
}
|
width: 100%;
|
||||||
.slimScrollBar,
|
z-index: 1100;
|
||||||
.slimScrollRail {
|
}
|
||||||
display: none !important;
|
|
||||||
}
|
/* .off screen nav from left or right*/
|
||||||
|
html, body {
|
||||||
|
overflow-x: hidden;
|
||||||
|
min-height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-primary {
|
||||||
|
.dropdown-menu {
|
||||||
|
position: relative;
|
||||||
|
float: none;
|
||||||
|
left: 0;
|
||||||
|
margin-left: 0;
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
|
a {
|
||||||
|
padding: 15px;
|
||||||
|
border-bottom: 1px solid #eee;
|
||||||
|
}
|
||||||
|
|
||||||
|
li:last-child {
|
||||||
|
a {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-header {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-user {
|
||||||
|
margin: 0;
|
||||||
|
padding: 15px;
|
||||||
|
|
||||||
|
&.open {
|
||||||
|
display: inherit !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown-menu {
|
||||||
|
display: block;
|
||||||
|
position: static;
|
||||||
|
float: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown > a {
|
||||||
|
display: block;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 18px;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.avatar {
|
||||||
|
width: 160px !important;
|
||||||
|
float: none !important;
|
||||||
|
display: block;
|
||||||
|
margin: 20px auto;
|
||||||
|
padding: 5px;
|
||||||
|
background-color: rgba(255, 255, 255, 0.1);
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
&:before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
left: 5px;
|
||||||
|
right: 5px;
|
||||||
|
bottom: 5px;
|
||||||
|
top: 5px;
|
||||||
|
border: 4px solid #fff;
|
||||||
|
border-radius: 500px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-off-screen {
|
||||||
|
display: block !important;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
width: $off-screen-nav-width;
|
||||||
|
visibility: visible;
|
||||||
|
overflow-x: hidden;
|
||||||
|
overflow-y: auto;
|
||||||
|
-webkit-overflow-scrolling: touch;
|
||||||
|
|
||||||
|
.nav-primary {
|
||||||
|
display: block !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-fixed-top-xs {
|
||||||
|
width: $off-screen-nav-width;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.push-right {
|
||||||
|
.navbar-fixed-top-xs {
|
||||||
|
left: 100% - $off-screen-nav-width;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.push-right {
|
||||||
|
left: auto;
|
||||||
|
right: 0;
|
||||||
|
|
||||||
|
+ * {
|
||||||
|
@include translate3d(-$off-screen-nav-width, 0px, 0px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
+ * {
|
||||||
|
background-color: $body-bg;
|
||||||
|
|
||||||
|
@include transition-transform(0.2s ease-in-out);
|
||||||
|
@include transition-delay(0s);
|
||||||
|
@include translate3d(0px, 0px, 0px);
|
||||||
|
@include backface-visibility(hidden);
|
||||||
|
@include translate3d($off-screen-nav-width, 0px, 0px);
|
||||||
|
|
||||||
|
overflow: hidden;
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
z-index: 2;
|
||||||
|
|
||||||
|
.nav-off-screen-block {
|
||||||
|
display: block !important;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
z-index: 1950;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar + section {
|
||||||
|
.nav-off-screen {
|
||||||
|
top: 50px;
|
||||||
|
|
||||||
|
+ * {
|
||||||
|
top: 50px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.slimScrollDiv,
|
||||||
|
.slim-scroll {
|
||||||
|
overflow: visible !important;
|
||||||
|
height: auto !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slimScrollBar,
|
||||||
|
.slimScrollRail {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
#nav {
|
#nav {
|
||||||
// border-right: 1px solid $red-dark;
|
// border-right: 1px solid $red-dark;
|
||||||
.nav {
|
.nav {
|
||||||
//background-color: $red;
|
//background-color: $red;
|
||||||
> li {
|
> li {
|
||||||
> a {
|
> a {
|
||||||
padding: 13px 17px;
|
padding: 13px 17px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: white;
|
color: white;
|
||||||
&:hover,
|
|
||||||
&:focus, &.active {
|
&:hover,
|
||||||
//background-color: $red-light;
|
&:focus, &.active {
|
||||||
color: white;
|
//background-color: $red-light;
|
||||||
}
|
color: white;
|
||||||
&.active {
|
}
|
||||||
border-left: 3px solid;// #870003;
|
|
||||||
}
|
&.active {
|
||||||
}
|
border-left: 3px solid;
|
||||||
}
|
|
||||||
}
|
// #870003;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// overrides bootstrap
|
// overrides bootstrap
|
||||||
@ -454,7 +531,6 @@
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.user-profile-nav > a {
|
.user-profile-nav > a {
|
||||||
display: inline-block !important;
|
display: inline-block !important;
|
||||||
padding: 11px 44px !important;
|
padding: 11px 44px !important;
|
||||||
|
|||||||
@ -1,23 +1,25 @@
|
|||||||
// medium editor placeholder
|
// medium editor placeholder
|
||||||
.medium-editor-placeholder {
|
.medium-editor-placeholder {
|
||||||
min-height: 30px; // fix for firefox
|
min-height: 30px;
|
||||||
|
|
||||||
|
// fix for firefox
|
||||||
}
|
}
|
||||||
|
|
||||||
//xeditable
|
//xeditable
|
||||||
.editable-buttons{
|
.editable-buttons {
|
||||||
button[type=submit].btn-primary{
|
button[type=submit].btn-primary {
|
||||||
@extend .btn-warning;
|
@extend .btn-warning;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
//summernote
|
//summernote
|
||||||
.note-editor .note-editable {
|
.note-editor .note-editable {
|
||||||
background-color: white;
|
background-color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-editor {
|
.note-editor {
|
||||||
.form-group {
|
.form-group {
|
||||||
margin-left: 0px;
|
margin-left: 0px;
|
||||||
margin-right: 0px;
|
margin-right: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -30,7 +32,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// Growl
|
// Growl
|
||||||
.growl {
|
.growl {
|
||||||
top: 90px;
|
top: 90px;
|
||||||
@ -57,6 +58,7 @@
|
|||||||
height: 40px;
|
height: 40px;
|
||||||
line-height: 18px;
|
line-height: 18px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
|
|
||||||
//&:hover, &:active, &.fc-state-active { background-color: $yellow; }
|
//&:hover, &:active, &.fc-state-active { background-color: $yellow; }
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -105,7 +107,10 @@
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
z-index: 9999;
|
z-index: 9999;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
.training-reserve &, .machine-reserve &, .public-calendar & { display: none; }
|
|
||||||
|
.training-reserve &, .machine-reserve &, .public-calendar & {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.fc-v-event.fc-end {
|
.fc-v-event.fc-end {
|
||||||
@ -127,18 +132,13 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.fc-selected {
|
.fc-selected {
|
||||||
box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12),0 3px 5px -1px rgba(0,0,0,0.2);
|
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.editable-input label {
|
.editable-input label {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* ==========================================================================
|
/* ==========================================================================
|
||||||
Slider
|
Slider
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
@ -158,29 +158,37 @@
|
|||||||
color: white;
|
color: white;
|
||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: white;
|
color: white;
|
||||||
&:hover { color: $yellow; }
|
|
||||||
|
&:hover {
|
||||||
|
color: $yellow;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.description {
|
.description {
|
||||||
font-size: rem-calc(18);
|
font-size: rem-calc(18);
|
||||||
line-height: rem-calc(18);
|
line-height: rem-calc(18);
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.carousel-control {
|
.carousel-control {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
background: none;
|
background: none;
|
||||||
|
|
||||||
@include border-radius($border-radius-base);
|
@include border-radius($border-radius-base);
|
||||||
|
|
||||||
&:hover, &:focus {
|
&:hover, &:focus {
|
||||||
//color: $yellow;
|
//color: $yellow;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.glyphicon-chevron-left {
|
.glyphicon-chevron-left {
|
||||||
font-family: 'fontawesome' !important;
|
font-family: 'fontawesome' !important;
|
||||||
|
|
||||||
&:before {
|
&:before {
|
||||||
content: "\f053" !important;
|
content: "\f053" !important;
|
||||||
}
|
}
|
||||||
@ -188,12 +196,13 @@
|
|||||||
|
|
||||||
.glyphicon-chevron-right {
|
.glyphicon-chevron-right {
|
||||||
font-family: 'fontawesome' !important;
|
font-family: 'fontawesome' !important;
|
||||||
|
|
||||||
&:before {
|
&:before {
|
||||||
content: "\f054" !important;
|
content: "\f054" !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.carousel-indicators {
|
.carousel-indicators {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
@ -222,47 +231,55 @@
|
|||||||
// }
|
// }
|
||||||
// }
|
// }
|
||||||
|
|
||||||
|
.banner {}
|
||||||
|
|
||||||
.banner { }
|
|
||||||
|
|
||||||
.slider {
|
.slider {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
&.slider-min {
|
&.slider-min {
|
||||||
.slider-arrows {
|
.slider-arrows {
|
||||||
bottom: 40%;
|
bottom: 40%;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.slider-arrow {
|
.slider-arrow {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
color: black;
|
color: black;
|
||||||
border: none;
|
border: none;
|
||||||
|
|
||||||
&.slider-arrow--left {
|
&.slider-arrow--left {
|
||||||
left: -16px;
|
left: -16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.slider-arrow--right {
|
&.slider-arrow--right {
|
||||||
right: -16px;
|
right: -16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon {
|
.icon {
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
|
|
||||||
&.icon-angle-left {
|
&.icon-angle-left {
|
||||||
width: 18px;
|
width: 18px;
|
||||||
}
|
}
|
||||||
&:hover { color: $yellow; }
|
|
||||||
}
|
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: $yellow;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.slider-actu {
|
&.slider-actu {
|
||||||
.slider-arrows {
|
.slider-arrows {
|
||||||
.slider-arrow--left { display: none; }
|
.slider-arrow--left {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
.slider-arrow--right {
|
.slider-arrow--right {
|
||||||
bottom: 41px;
|
bottom: 41px;
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -271,9 +288,11 @@
|
|||||||
.slides {
|
.slides {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
||||||
/* Clear fix */
|
/* Clear fix */
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
*zoom: 1;
|
*zoom: 1;
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Prevent blinking issue
|
* Prevent blinking issue
|
||||||
* Not tested. Experimental.
|
* Not tested. Experimental.
|
||||||
@ -286,6 +305,7 @@
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
float: left;
|
float: left;
|
||||||
clear: none;
|
clear: none;
|
||||||
|
|
||||||
&.content_article {
|
&.content_article {
|
||||||
height: 620px;
|
height: 620px;
|
||||||
-webkit-background-size: cover;
|
-webkit-background-size: cover;
|
||||||
@ -296,6 +316,7 @@
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content_article-wrapper {
|
.content_article-wrapper {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
@ -304,6 +325,7 @@
|
|||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
left: 0;
|
left: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
|
|
||||||
.content_article-h {
|
.content_article-h {
|
||||||
font-weight: 900;
|
font-weight: 900;
|
||||||
color: white;
|
color: white;
|
||||||
@ -314,6 +336,7 @@
|
|||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
line-height: 50px;
|
line-height: 50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content_article-c {
|
.content_article-c {
|
||||||
color: $red;
|
color: $red;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
@ -321,6 +344,7 @@
|
|||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content_article-p {
|
.content_article-p {
|
||||||
// font-family: $font-proxima-condensed;
|
// font-family: $font-proxima-condensed;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
@ -328,13 +352,16 @@
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
line-height: 30px;
|
line-height: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content_article-btns {
|
.content_article-btns {
|
||||||
margin-top: 40px;
|
margin-top: 40px;
|
||||||
clear: both;
|
clear: both;
|
||||||
|
|
||||||
.header_nav-item-a {
|
.header_nav-item-a {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header_nav-item-a--btn {
|
.header_nav-item-a--btn {
|
||||||
padding: 12px 20px;
|
padding: 12px 20px;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
@ -343,6 +370,7 @@
|
|||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
font-family: $font-proxima-condensed;
|
font-family: $font-proxima-condensed;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: $yellow;
|
background-color: $yellow;
|
||||||
color: black;
|
color: black;
|
||||||
@ -358,11 +386,16 @@
|
|||||||
margin-bottom: -20px;
|
margin-bottom: -20px;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
color: white;
|
color: white;
|
||||||
|
width: 58px;
|
||||||
width: 58px; height: 58px;
|
height: 58px;
|
||||||
border: 3px solid white;
|
border: 3px solid white;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
&:hover { border-color: $yellow; color: $yellow; }
|
|
||||||
|
&:hover {
|
||||||
|
border-color: $yellow;
|
||||||
|
color: $yellow;
|
||||||
|
}
|
||||||
|
|
||||||
.icon {
|
.icon {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@ -373,12 +406,15 @@
|
|||||||
right: 0;
|
right: 0;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
width: 12px;
|
width: 12px;
|
||||||
|
|
||||||
&.icon-angle-left {
|
&.icon-angle-left {
|
||||||
width: 18px;
|
width: 18px;
|
||||||
}
|
}
|
||||||
&:hover { color: $yellow; }
|
|
||||||
}
|
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: $yellow;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.home {
|
.home {
|
||||||
@ -420,12 +456,12 @@
|
|||||||
background: #ccc;
|
background: #ccc;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// Twitter
|
// Twitter
|
||||||
#twitter {
|
#twitter {
|
||||||
ul {
|
ul {
|
||||||
margin: 0px 15px;
|
margin: 0px 15px;
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
|
|
||||||
li {
|
li {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,3 +1,3 @@
|
|||||||
/*
|
/*
|
||||||
*= require fullcalendar/dist/fullcalendar.print
|
*= require fullcalendar/dist/fullcalendar.print
|
||||||
*/
|
*/
|
||||||
|
|||||||
@ -1,6 +1,8 @@
|
|||||||
|
|
||||||
@media screen and (max-width: $screen-sm-min) {
|
@media screen and (max-width: $screen-sm-min) {
|
||||||
.modal-dialog { top: 0; }
|
.modal-dialog {
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.modal-header {
|
.modal-header {
|
||||||
.modal-logo {
|
.modal-logo {
|
||||||
display: none;
|
display: none;
|
||||||
@ -8,38 +10,43 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.about-fablab {
|
.about-fablab {
|
||||||
.about-title {
|
.about-title {
|
||||||
font-size: rem-calc(30);
|
font-size: rem-calc(30);
|
||||||
line-height: rem-calc(28);
|
line-height: rem-calc(28);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.about-picture {
|
|
||||||
padding: 70px 0;
|
.about-picture {
|
||||||
height: 226px;
|
padding: 70px 0;
|
||||||
}
|
height: 226px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// fix for full-calendar display on small devices
|
// fix for full-calendar display on small devices
|
||||||
.fc-toolbar {
|
.fc-toolbar {
|
||||||
margin-bottom: 2.5em !important;
|
margin-bottom: 2.5em !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: $screen-md-min) {
|
@media screen and (max-width: $screen-md-min) {
|
||||||
|
.heading {
|
||||||
|
.heading-title {
|
||||||
|
h1 {
|
||||||
|
font-size: rem-calc(16);
|
||||||
|
padding: 26px 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.heading {
|
.m-t-xxl-on-md {
|
||||||
.heading-title {
|
margin-top: 60px;
|
||||||
h1 {
|
}
|
||||||
font-size: rem-calc(16);
|
|
||||||
padding: 26px 15px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.m-t-xxl-on-md { margin-top: 60px; }
|
.m-t-3xl-on-md {
|
||||||
.m-t-3xl-on-md { margin-top: 80px; }
|
margin-top: 80px;
|
||||||
.m-t-4xl-on-md { margin-top: 100px; }
|
}
|
||||||
|
|
||||||
|
.m-t-4xl-on-md {
|
||||||
|
margin-top: 100px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -1,67 +1,142 @@
|
|||||||
.nopadding {
|
.nopadding {
|
||||||
padding: 0 !important;
|
padding: 0 !important;
|
||||||
margin: 0 !important;
|
margin: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.no-upper {
|
.no-upper {
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.font-felt { font-family: $font-felt; }
|
.font-felt {
|
||||||
|
font-family: $font-felt;
|
||||||
p.font-felt {
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
p.font-felt {}
|
||||||
|
|
||||||
p, .widget p {
|
p, .widget p {
|
||||||
&.font-felt, .font-felt { font-size: rem-calc(18) !important; }
|
&.font-felt, .font-felt {
|
||||||
|
font-size: rem-calc(18) !important;
|
||||||
|
}
|
||||||
|
|
||||||
&.fleche-left {
|
&.fleche-left {
|
||||||
position: relative;
|
position: relative;
|
||||||
padding-left: 5px;
|
padding-left: 5px;
|
||||||
|
|
||||||
span.or {
|
span.or {
|
||||||
border: 2px solid $yellow;
|
border: 2px solid $yellow;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
padding: 10px 17px 10px 17px;
|
padding: 10px 17px 10px 17px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
img.fleche-left {
|
img.fleche-left {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: -35px;
|
left: -35px;
|
||||||
top: 15px;
|
top: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
img.fleche-right {
|
img.fleche-right {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: -35px;
|
right: -35px;
|
||||||
top: 15px;
|
top: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
img.fleche-left-from-top {
|
img.fleche-left-from-top {
|
||||||
transform: rotate(90deg) scaleX(-1);
|
transform: rotate(90deg) scaleX(-1);
|
||||||
}
|
}
|
||||||
|
|
||||||
img.fleche-right-from-top {
|
img.fleche-right-from-top {
|
||||||
transform: rotate(270deg)
|
transform: rotate(270deg);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.pos-rlt{position: relative;}
|
.pos-rlt {
|
||||||
.pos-stc{position: static;}
|
position: relative;
|
||||||
.pos-abt{position: absolute;}
|
}
|
||||||
.line {*width: 100%;height: 2px;margin: 10px 0;font-size:0;overflow: hidden;}
|
|
||||||
.line-s{height: 1px;}
|
|
||||||
.line-xs{margin: 0}
|
|
||||||
.line-lg{margin-top:15px;margin-bottom: 15px}
|
|
||||||
.line-dashed{border-style: dashed !important;background-color: transparent;border-width:0;}
|
|
||||||
.no-line{border-width: 0}
|
|
||||||
.no-border, .no-borders{border-color:transparent;border-width:0}
|
|
||||||
.no-radius{border-radius: 0}
|
|
||||||
.block{display:block;}
|
|
||||||
.block.hide{display: none;}
|
|
||||||
.inline{display:inline-block !important;}
|
|
||||||
.none{display: none;}
|
|
||||||
.pull-left{float: left;}
|
|
||||||
.pull-right-lg{float: right;}
|
|
||||||
.pull-none{float: none;}
|
|
||||||
.rounded{border-radius: 500px;}
|
|
||||||
|
|
||||||
.h480 { height: 480px; }
|
.pos-stc {
|
||||||
|
position: static;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pos-abt {
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
|
.line {
|
||||||
|
*width: 100%;
|
||||||
|
height: 2px;
|
||||||
|
margin: 10px 0;
|
||||||
|
font-size: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.line-s {
|
||||||
|
height: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.line-xs {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.line-lg {
|
||||||
|
margin-top: 15px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.line-dashed {
|
||||||
|
border-style: dashed !important;
|
||||||
|
background-color: transparent;
|
||||||
|
border-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.no-line {
|
||||||
|
border-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.no-border, .no-borders {
|
||||||
|
border-color: transparent;
|
||||||
|
border-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.no-radius {
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.block {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.block.hide {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.inline {
|
||||||
|
display: inline-block !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.none {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pull-left {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pull-right-lg {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pull-none {
|
||||||
|
float: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rounded {
|
||||||
|
border-radius: 500px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h480 {
|
||||||
|
height: 480px;
|
||||||
|
}
|
||||||
|
|
||||||
// .btn-s-xs{min-width: 90px}
|
// .btn-s-xs{min-width: 90px}
|
||||||
// .btn-s-sm{min-width: 100px}
|
// .btn-s-sm{min-width: 100px}
|
||||||
@ -69,251 +144,747 @@ p, .widget p {
|
|||||||
// .btn-s-lg{min-width: 150px}
|
// .btn-s-lg{min-width: 150px}
|
||||||
// .btn-s-xl{min-width: 200px}
|
// .btn-s-xl{min-width: 200px}
|
||||||
|
|
||||||
.l-h-2x{line-height: rem-calc(18);}
|
.l-h-2x {
|
||||||
|
line-height: rem-calc(18);
|
||||||
|
}
|
||||||
|
|
||||||
// .l-h-1x{line-height: 1.2;}
|
// .l-h-1x{line-height: 1.2;}
|
||||||
// .l-h{line-height: 1.5;}
|
// .l-h{line-height: 1.5;}
|
||||||
.l-n { line-height: 1em; }
|
.l-n {
|
||||||
.v-middle{vertical-align: middle !important;}
|
line-height: 1em;
|
||||||
.v-top{vertical-align: top !important;}
|
}
|
||||||
.v-bottom{vertical-align: bottom !important;}
|
|
||||||
|
|
||||||
.font-normal{font-weight: normal;}
|
.v-middle {
|
||||||
.font-thin{font-weight: 300;}
|
vertical-align: middle !important;
|
||||||
.font-sbold{font-weight: 600;}
|
}
|
||||||
.font-bold{font-weight: 700;}
|
|
||||||
.font-ebold{font-weight: 900;}
|
|
||||||
|
|
||||||
.text-xl{font-size: $font-size-xl;}
|
.v-top {
|
||||||
.text-lg{font-size: $font-size-lg;}
|
vertical-align: top !important;
|
||||||
.text-md{font-size: $font-size-md;}
|
}
|
||||||
.text-sm{font-size: $font-size-sm;}
|
|
||||||
.text-xs{font-size: $font-size-xs;}
|
.v-bottom {
|
||||||
.text-base{font-size: $font-size-base;}
|
vertical-align: bottom !important;
|
||||||
.text-ellipsis{
|
}
|
||||||
|
|
||||||
|
.font-normal {
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.font-thin {
|
||||||
|
font-weight: 300;
|
||||||
|
}
|
||||||
|
|
||||||
|
.font-sbold {
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.font-bold {
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.font-ebold {
|
||||||
|
font-weight: 900;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-xl {
|
||||||
|
font-size: $font-size-xl;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-lg {
|
||||||
|
font-size: $font-size-lg;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-md {
|
||||||
|
font-size: $font-size-md;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-sm {
|
||||||
|
font-size: $font-size-sm;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-xs {
|
||||||
|
font-size: $font-size-xs;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-base {
|
||||||
|
font-size: $font-size-base;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-ellipsis {
|
||||||
display: block;
|
display: block;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow:ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
.text-u-c, .upper{text-transform: uppercase;}
|
|
||||||
.text-l-t{text-decoration: line-through;}
|
|
||||||
.text-u-l, .underline {text-decoration: underline;}
|
|
||||||
.text-c { text-transform: capitalize; }
|
|
||||||
|
|
||||||
.text-italic { font-style: italic; }
|
.text-u-c, .upper {
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
.text-left { text-align: left !important; }
|
.text-l-t {
|
||||||
.text-center { text-align: center; }
|
text-decoration: line-through;
|
||||||
.text-right { text-align: right; }
|
}
|
||||||
|
|
||||||
.text-active, .active > .text, .active > .auto .text{display: none !important;}
|
.text-u-l, .underline {
|
||||||
.active > .text-active, .active > .auto .text-active{display: inline-block !important;}
|
text-decoration: underline;
|
||||||
.box-shadow{
|
}
|
||||||
|
|
||||||
|
.text-c {
|
||||||
|
text-transform: capitalize;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-italic {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-left {
|
||||||
|
text-align: left !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-right {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-active, .active > .text, .active > .auto .text {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.active > .text-active, .active > .auto .text-active {
|
||||||
|
display: inline-block !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-shadow {
|
||||||
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
|
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
|
||||||
}
|
}
|
||||||
|
|
||||||
.cover { background-size:cover; }
|
.cover {
|
||||||
.break-word { word-wrap: break-word; }
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
.wrapper-xxs{padding: 4px 6px;}
|
.break-word {
|
||||||
.wrapper-sm{padding: 5px 10px;}
|
word-wrap: break-word;
|
||||||
.wrapper{padding: 15px;}
|
}
|
||||||
.wrapper-md{padding: 20px;}
|
|
||||||
.wrapper-lg{padding: 30px;}
|
|
||||||
.wrapper-xl{padding: 50px;}
|
|
||||||
.padder{padding-left:15px;padding-right: 15px}
|
|
||||||
.padder-icon{padding-left:30px;padding-right: 0px; padding-top: 3px; height: 21px}
|
|
||||||
.padder-v{padding-top:15px;padding-bottom: 15px}
|
|
||||||
.no-padder{padding: 0 !important;}
|
|
||||||
.pull-in{margin-left: -15px;margin-right: -15px;}
|
|
||||||
.pull-out{margin:-10px -15px;}
|
|
||||||
|
|
||||||
.width-35 { width: 35% !important; }
|
.wrapper-xxs {
|
||||||
.width-70 { width: 70%; }
|
padding: 4px 6px;
|
||||||
.width-90 { width: 90%; }
|
}
|
||||||
|
|
||||||
.b{border: 1px solid rgba(0, 0, 0, 0.05)}
|
.wrapper-sm {
|
||||||
.b-a{border: 1px solid $border-color}
|
padding: 5px 10px;
|
||||||
.b-t{border-top: 1px solid $border-color}
|
}
|
||||||
.b-r{border-right: 1px solid $border-color !important;}
|
|
||||||
.b-b{border-bottom: 1px solid $border-color}
|
|
||||||
.b-l{border-left: 1px solid $border-color}
|
|
||||||
.b-light{border-color: darken($brand-light, 5%)}
|
|
||||||
.b-dark{border-color: lighten($brand-dark, 5%)}
|
|
||||||
.b-primary{border-color: lighten($brand-primary, 5%)}
|
|
||||||
.b-success{border-color: lighten($brand-success, 5%)}
|
|
||||||
.b-info{border-color: lighten($brand-info, 5%)}
|
|
||||||
.b-warning{border-color: lighten($brand-warning, 5%)}
|
|
||||||
.b-danger{border-color: lighten($brand-danger, 5%)}
|
|
||||||
.b-black{border-color: lighten($brand-black, 5%)}
|
|
||||||
.b-white{border-color: #fff}
|
|
||||||
.b-dashed{border-style: dashed !important;}
|
|
||||||
|
|
||||||
.b-2x{border-width: 2px}
|
.wrapper {
|
||||||
.b-3x{border-width: 3px}
|
padding: 15px;
|
||||||
.b-4x{border-width: 4px}
|
}
|
||||||
.b-5x{border-width: 5px}
|
|
||||||
|
|
||||||
.no-b { border: none !important; }
|
.wrapper-md {
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
.r{
|
.wrapper-lg {
|
||||||
|
padding: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wrapper-xl {
|
||||||
|
padding: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.padder {
|
||||||
|
padding-left: 15px;
|
||||||
|
padding-right: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.padder-icon {
|
||||||
|
padding-left: 30px;
|
||||||
|
padding-right: 0px;
|
||||||
|
padding-top: 3px;
|
||||||
|
height: 21px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.padder-v {
|
||||||
|
padding-top: 15px;
|
||||||
|
padding-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.no-padder {
|
||||||
|
padding: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pull-in {
|
||||||
|
margin-left: -15px;
|
||||||
|
margin-right: -15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pull-out {
|
||||||
|
margin: -10px -15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.width-35 {
|
||||||
|
width: 35% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.width-70 {
|
||||||
|
width: 70%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.width-90 {
|
||||||
|
width: 90%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.b {
|
||||||
|
border: 1px solid rgba(0, 0, 0, 0.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
.b-a {
|
||||||
|
border: 1px solid $border-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
.b-t {
|
||||||
|
border-top: 1px solid $border-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
.b-r {
|
||||||
|
border-right: 1px solid $border-color !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.b-b {
|
||||||
|
border-bottom: 1px solid $border-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
.b-l {
|
||||||
|
border-left: 1px solid $border-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
.b-light {
|
||||||
|
border-color: darken($brand-light, 5%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.b-dark {
|
||||||
|
border-color: lighten($brand-dark, 5%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.b-primary {
|
||||||
|
border-color: lighten($brand-primary, 5%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.b-success {
|
||||||
|
border-color: lighten($brand-success, 5%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.b-info {
|
||||||
|
border-color: lighten($brand-info, 5%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.b-warning {
|
||||||
|
border-color: lighten($brand-warning, 5%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.b-danger {
|
||||||
|
border-color: lighten($brand-danger, 5%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.b-black {
|
||||||
|
border-color: lighten($brand-black, 5%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.b-white {
|
||||||
|
border-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.b-dashed {
|
||||||
|
border-style: dashed !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.b-2x {
|
||||||
|
border-width: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.b-3x {
|
||||||
|
border-width: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.b-4x {
|
||||||
|
border-width: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.b-5x {
|
||||||
|
border-width: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.no-b {
|
||||||
|
border: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.r {
|
||||||
border-radius: $border-radius-base $border-radius-base $border-radius-base $border-radius-base;
|
border-radius: $border-radius-base $border-radius-base $border-radius-base $border-radius-base;
|
||||||
}
|
}
|
||||||
.r-l{
|
|
||||||
|
.r-l {
|
||||||
border-radius: $border-radius-base 0 0 $border-radius-base;
|
border-radius: $border-radius-base 0 0 $border-radius-base;
|
||||||
}
|
}
|
||||||
|
|
||||||
.r-r{
|
.r-r {
|
||||||
border-radius: 0 $border-radius-base $border-radius-base 0;
|
border-radius: 0 $border-radius-base $border-radius-base 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.r-t{
|
.r-t {
|
||||||
border-radius: $border-radius-base $border-radius-base 0 0;
|
border-radius: $border-radius-base $border-radius-base 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.r-b{
|
.r-b {
|
||||||
border-radius: 0 0 $border-radius-base $border-radius-base;
|
border-radius: 0 0 $border-radius-base $border-radius-base;
|
||||||
}
|
}
|
||||||
.r-n { border-radius: 0 0 0 0; }
|
|
||||||
|
|
||||||
.p-xs { padding: 5px;}
|
.r-n {
|
||||||
.p-s { padding: 10px;}
|
border-radius: 0 0 0 0;
|
||||||
.p-lg { padding: 30px; }
|
}
|
||||||
.p-l { padding: 16px; }
|
|
||||||
|
|
||||||
.p-h-xs { padding-left: 5px; padding-right: 5px; }
|
.p-xs {
|
||||||
.p-h-s { padding-left: 10px; padding-right: 10px; }
|
padding: 5px;
|
||||||
.p-h-l { padding-left: 16px; padding-right: 16px; }
|
}
|
||||||
.p-h-lg { padding-left: 30px; padding-right: 30px; }
|
|
||||||
|
|
||||||
.m-xxs{margin: 2px 4px}
|
.p-s {
|
||||||
.m-xs{margin: 5px;}
|
padding: 10px;
|
||||||
.m-sm{margin: 10px;}
|
}
|
||||||
.m{margin: 15px;}
|
|
||||||
.m-md{margin: 20px;}
|
|
||||||
.m-lg{margin: 30px;}
|
|
||||||
.m-xl{margin: 50px;}
|
|
||||||
.m-n{margin: 0 !important}
|
|
||||||
|
|
||||||
.m-l-none{margin-left: 0}
|
.p-lg {
|
||||||
.m-l-xs{margin-left: 5px;}
|
padding: 30px;
|
||||||
.m-l-sm{margin-left: 10px;}
|
}
|
||||||
.m-l{margin-left: 15px}
|
|
||||||
.m-l-md{margin-left: 20px;}
|
|
||||||
.m-l-lg{margin-left: 30px;}
|
|
||||||
.m-l-xl{margin-left: 40px;}
|
|
||||||
|
|
||||||
.m-l-n-xxs{margin-left: -1px}
|
.p-l {
|
||||||
.m-l-n-xs{margin-left: -5px}
|
padding: 16px;
|
||||||
.m-l-n-sm{margin-left: -10px}
|
}
|
||||||
.m-l-n{margin-left: -15px}
|
|
||||||
.m-l-n-md{margin-left: -20px}
|
|
||||||
.m-l-n-lg{margin-left: -30px}
|
|
||||||
.m-l-n-xl{margin-left: -40px}
|
|
||||||
|
|
||||||
.m-t-none{margin-top:0}
|
.p-h-xs {
|
||||||
.m-t-xxs{margin-top: 1px;}
|
padding-left: 5px;
|
||||||
.m-t-xs{margin-top: 5px;}
|
padding-right: 5px;
|
||||||
.m-t-sm{margin-top: 10px;}
|
}
|
||||||
.m-t{margin-top: 15px}
|
|
||||||
.m-t-md{margin-top: 20px;}
|
|
||||||
.m-t-lg{margin-top: 30px;}
|
|
||||||
.m-t-xl{margin-top: 40px;}
|
|
||||||
|
|
||||||
.m-t-n-xxs{margin-top: -1px}
|
.p-h-s {
|
||||||
.m-t-n-xs{margin-top: -5px}
|
padding-left: 10px;
|
||||||
.m-t-n-sm{margin-top: -10px}
|
padding-right: 10px;
|
||||||
.m-t-n{margin-top: -15px}
|
}
|
||||||
.m-t-n-md{margin-top: -20px}
|
|
||||||
.m-t-n-lg{margin-top: -30px}
|
|
||||||
.m-t-n-xl{margin-top: -40px}
|
|
||||||
|
|
||||||
.m-r-none{margin-right: 0}
|
.p-h-l {
|
||||||
.m-r-xxs{margin-right: 1px}
|
padding-left: 16px;
|
||||||
.m-r-xs{margin-right: 5px}
|
padding-right: 16px;
|
||||||
.m-r-sm{margin-right: 10px}
|
}
|
||||||
.m-r{margin-right: 15px}
|
|
||||||
.m-r-md{margin-right: 20px}
|
|
||||||
.m-r-lg{margin-right: 30px}
|
|
||||||
.m-r-xl{margin-right: 40px}
|
|
||||||
|
|
||||||
.m-r-n-xxs{margin-right: -1px}
|
.p-h-lg {
|
||||||
.m-r-n-xs{margin-right: -5px}
|
padding-left: 30px;
|
||||||
.m-r-n-sm{margin-right: -10px}
|
padding-right: 30px;
|
||||||
.m-r-n{margin-right: -15px}
|
}
|
||||||
.m-r-n-md{margin-right: -20px}
|
|
||||||
.m-r-n-lg{margin-right: -30px}
|
|
||||||
.m-r-n-xl{margin-right: -40px}
|
|
||||||
|
|
||||||
.m-b-none{margin-bottom: 0}
|
.m-xxs {
|
||||||
.m-b-xxs{margin-bottom: 1px;}
|
margin: 2px 4px;
|
||||||
.m-b-xs{margin-bottom: 5px;}
|
}
|
||||||
.m-b-sm{margin-bottom: 10px;}
|
|
||||||
.m-b{margin-bottom: 15px;}
|
|
||||||
.m-b-md{margin-bottom: 20px;}
|
|
||||||
.m-b-lg{margin-bottom: 30px;}
|
|
||||||
.m-b-xl{margin-bottom: 40px;}
|
|
||||||
|
|
||||||
.m-b-n-xxs{margin-bottom: -1px}
|
.m-xs {
|
||||||
.m-b-n-xs{margin-bottom: -5px}
|
margin: 5px;
|
||||||
.m-b-n-sm{margin-bottom: -10px}
|
}
|
||||||
.m-b-n{margin-bottom: -15px}
|
|
||||||
.m-b-n-md{margin-bottom: -20px}
|
|
||||||
.m-b-n-lg{margin-bottom: -30px}
|
|
||||||
.m-b-n-xl{margin-bottom: -40px}
|
|
||||||
|
|
||||||
.m-h-none{margin-left: 0; margin-right: 0;}
|
.m-sm {
|
||||||
.m-h-xs{margin-left: 5px; margin-right: 5px;}
|
margin: 10px;
|
||||||
.m-h-sm{margin-left: 10px; margin-right: 10px;}
|
}
|
||||||
.m-h{margin-left: 15px; margin-right: 15px;}
|
|
||||||
.m-h-md{margin-left: 20px; margin-right: 20px;}
|
|
||||||
.m-h-lg{margin-left: 30px; margin-right: 30px;}
|
|
||||||
.m-h-xl{margin-left: 40px; margin-right: 40px;}
|
|
||||||
|
|
||||||
.media-xs{min-width: 50px}
|
.m {
|
||||||
.media-sm{min-width: 80px}
|
margin: 15px;
|
||||||
.media-md{min-width: 90px}
|
}
|
||||||
.media-lg{min-width: 120px}
|
|
||||||
|
.m-md {
|
||||||
|
margin: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-lg {
|
||||||
|
margin: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-xl {
|
||||||
|
margin: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-n {
|
||||||
|
margin: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-l-none {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-l-xs {
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-l-sm {
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-l {
|
||||||
|
margin-left: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-l-md {
|
||||||
|
margin-left: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-l-lg {
|
||||||
|
margin-left: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-l-xl {
|
||||||
|
margin-left: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-l-n-xxs {
|
||||||
|
margin-left: -1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-l-n-xs {
|
||||||
|
margin-left: -5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-l-n-sm {
|
||||||
|
margin-left: -10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-l-n {
|
||||||
|
margin-left: -15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-l-n-md {
|
||||||
|
margin-left: -20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-l-n-lg {
|
||||||
|
margin-left: -30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-l-n-xl {
|
||||||
|
margin-left: -40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-t-none {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-t-xxs {
|
||||||
|
margin-top: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-t-xs {
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-t-sm {
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-t {
|
||||||
|
margin-top: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-t-md {
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-t-lg {
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-t-xl {
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-t-n-xxs {
|
||||||
|
margin-top: -1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-t-n-xs {
|
||||||
|
margin-top: -5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-t-n-sm {
|
||||||
|
margin-top: -10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-t-n {
|
||||||
|
margin-top: -15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-t-n-md {
|
||||||
|
margin-top: -20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-t-n-lg {
|
||||||
|
margin-top: -30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-t-n-xl {
|
||||||
|
margin-top: -40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-r-none {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-r-xxs {
|
||||||
|
margin-right: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-r-xs {
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-r-sm {
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-r {
|
||||||
|
margin-right: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-r-md {
|
||||||
|
margin-right: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-r-lg {
|
||||||
|
margin-right: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-r-xl {
|
||||||
|
margin-right: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-r-n-xxs {
|
||||||
|
margin-right: -1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-r-n-xs {
|
||||||
|
margin-right: -5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-r-n-sm {
|
||||||
|
margin-right: -10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-r-n {
|
||||||
|
margin-right: -15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-r-n-md {
|
||||||
|
margin-right: -20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-r-n-lg {
|
||||||
|
margin-right: -30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-r-n-xl {
|
||||||
|
margin-right: -40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-b-none {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-b-xxs {
|
||||||
|
margin-bottom: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-b-xs {
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-b-sm {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-b {
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-b-md {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-b-lg {
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-b-xl {
|
||||||
|
margin-bottom: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-b-n-xxs {
|
||||||
|
margin-bottom: -1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-b-n-xs {
|
||||||
|
margin-bottom: -5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-b-n-sm {
|
||||||
|
margin-bottom: -10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-b-n {
|
||||||
|
margin-bottom: -15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-b-n-md {
|
||||||
|
margin-bottom: -20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-b-n-lg {
|
||||||
|
margin-bottom: -30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-b-n-xl {
|
||||||
|
margin-bottom: -40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-h-none {
|
||||||
|
margin-left: 0;
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-h-xs {
|
||||||
|
margin-left: 5px;
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-h-sm {
|
||||||
|
margin-left: 10px;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-h {
|
||||||
|
margin-left: 15px;
|
||||||
|
margin-right: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-h-md {
|
||||||
|
margin-left: 20px;
|
||||||
|
margin-right: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-h-lg {
|
||||||
|
margin-left: 30px;
|
||||||
|
margin-right: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-h-xl {
|
||||||
|
margin-left: 40px;
|
||||||
|
margin-right: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.media-xs {
|
||||||
|
min-width: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.media-sm {
|
||||||
|
min-width: 80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.media-md {
|
||||||
|
min-width: 90px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.media-lg {
|
||||||
|
min-width: 120px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.thumb-38 {
|
||||||
|
width: 38px !important;
|
||||||
|
height: 38px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.thumb-50 {
|
||||||
|
width: 50px !important;
|
||||||
|
height: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.thumb-128 {
|
||||||
|
width: 128px !important;
|
||||||
|
height: 128px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.thumb-140 {
|
||||||
|
width: 140px !important;
|
||||||
|
height: 140px;
|
||||||
|
}
|
||||||
|
|
||||||
.thumb-38 { width: 38px !important; height: 38px; }
|
|
||||||
.thumb-50 { width: 50px !important; height: 50px; }
|
|
||||||
.thumb-128 { width: 128px !important; height: 128px; }
|
|
||||||
.thumb-140 { width: 140px !important; height: 140px; }
|
|
||||||
.thumb-128-wrapper {
|
.thumb-128-wrapper {
|
||||||
img {
|
img {
|
||||||
width: 128px !important; height: 128px;
|
width: 128px !important;
|
||||||
@extend .img-circle;
|
height: 128px;
|
||||||
}
|
|
||||||
}
|
|
||||||
.thumb-140-wrapper {
|
|
||||||
img {
|
|
||||||
width: 140px !important; height: 140px;
|
|
||||||
@extend .img-circle;
|
@extend .img-circle;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.thumb-lg{width: 128px;display: inline-block}
|
.thumb-140-wrapper {
|
||||||
.thumb-md{width: 64px;display: inline-block}
|
img {
|
||||||
.thumb{width: 50px;display: inline-block}
|
width: 140px !important;
|
||||||
.thumb-sm{width: 34px;display: inline-block}
|
height: 140px;
|
||||||
.thumb-xs{width: 24px;display: inline-block}
|
|
||||||
.thumb-wrapper{padding: 2px; border: 1px solid #ddd}
|
@extend .img-circle;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.thumb-lg {
|
||||||
|
width: 128px;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.thumb-md {
|
||||||
|
width: 64px;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.thumb {
|
||||||
|
width: 50px;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.thumb-sm {
|
||||||
|
width: 34px;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.thumb-xs {
|
||||||
|
width: 24px;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.thumb-wrapper {
|
||||||
|
padding: 2px;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
}
|
||||||
|
|
||||||
.thumb img,
|
.thumb img,
|
||||||
.thumb-xs img,
|
.thumb-xs img,
|
||||||
.thumb-sm img,
|
.thumb-sm img,
|
||||||
.thumb-md img,
|
.thumb-md img,
|
||||||
.thumb-lg img,
|
.thumb-lg img,
|
||||||
.thumb-btn img{
|
.thumb-btn img {
|
||||||
// height: auto;
|
// height: auto;
|
||||||
// max-width: 100%;
|
// max-width: 100%;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
.img-full{
|
|
||||||
|
.img-full {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
> img{
|
|
||||||
|
> img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.fa-img {
|
.fa-img {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
height: 0.9em;
|
height: 0.9em;
|
||||||
@ -331,36 +902,57 @@ p, .widget p {
|
|||||||
line-height: 1.7em !important;
|
line-height: 1.7em !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contrast-250 { -webkit-filter: contrast(250%); filter: contrast(250%); }
|
.contrast-250 {
|
||||||
.clear{display:block;overflow: hidden;}
|
-webkit-filter: contrast(250%);
|
||||||
|
filter: contrast(250%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.clear {
|
||||||
|
display: block;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.scroll-x, .scroll-y {
|
||||||
|
overflow: hidden;
|
||||||
|
-webkit-overflow-scrolling: touch;
|
||||||
|
}
|
||||||
|
|
||||||
|
.scroll-y {
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.scroll-x {
|
||||||
|
overflow-x: auto;
|
||||||
|
}
|
||||||
|
|
||||||
.scroll-x, .scroll-y{overflow:hidden;-webkit-overflow-scrolling:touch;}
|
|
||||||
.scroll-y{overflow-y:auto;}
|
|
||||||
.scroll-x{overflow-x:auto;}
|
|
||||||
.no-touch {
|
.no-touch {
|
||||||
.scroll-x,
|
.scroll-x,
|
||||||
.scroll-y{
|
.scroll-y {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
.scroll-x{
|
|
||||||
|
.scroll-x {
|
||||||
&:hover,
|
&:hover,
|
||||||
&:focus,
|
&:focus,
|
||||||
&:active{
|
&:active {
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.scroll-y{
|
|
||||||
|
.scroll-y {
|
||||||
&:hover,
|
&:hover,
|
||||||
&:focus,
|
&:focus,
|
||||||
&:active{
|
&:active {
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.hover-action{
|
|
||||||
|
.hover-action {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hover:hover {
|
.hover:hover {
|
||||||
.hover-action{
|
.hover-action {
|
||||||
display: inherit;
|
display: inherit;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -368,7 +960,7 @@ p, .widget p {
|
|||||||
|
|
||||||
.exponent {
|
.exponent {
|
||||||
font-size: 0.7em;
|
font-size: 0.7em;
|
||||||
vertical-align: super
|
vertical-align: super;
|
||||||
}
|
}
|
||||||
|
|
||||||
.help-cursor {
|
.help-cursor {
|
||||||
@ -385,33 +977,76 @@ p, .widget p {
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width: $screen-lg-min) {
|
@media screen and (min-width: $screen-lg-min) {
|
||||||
.b-r-lg {border-right: 1px solid $border-color; }
|
.b-r-lg {
|
||||||
.hide-b-r-lg { border: none !important; }
|
border-right: 1px solid $border-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hide-b-r-lg {
|
||||||
|
border: none !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/*desktop*/
|
/*desktop*/
|
||||||
@media screen and (min-width: $screen-md-min) {
|
@media screen and (min-width: $screen-md-min) {
|
||||||
.b-r-md {border-right: 1px solid $border-color; }
|
.b-r-md {
|
||||||
.col-lg-2-4{width: 20.000%;float: left;}
|
border-right: 1px solid $border-color;
|
||||||
|
}
|
||||||
|
|
||||||
.hide-b-md { border: none; }
|
.col-lg-2-4 {
|
||||||
|
width: 20.000%;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hide-b-md {
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/*phone*/
|
/*phone*/
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
.shift{display: none !important;}
|
.shift {
|
||||||
.shift.in{display: block !important;}
|
display: none !important;
|
||||||
.row-2 [class*="col"]{width: 50%;float: left}
|
}
|
||||||
.row-2 .col-0{clear: none}
|
|
||||||
.row-2 li:nth-child(odd) { clear: left;margin-left: 0}
|
.shift.in {
|
||||||
.text-center-xs{text-align: center;}
|
display: block !important;
|
||||||
.text-left-xs{text-align: left;}
|
}
|
||||||
.pull-none-xs{float: none !important;}
|
|
||||||
.dropdown-menu.pull-none-xs{left: 0;}
|
.row-2 [class*="col"] {
|
||||||
.hidden-xs.show{display: inherit !important;}
|
width: 50%;
|
||||||
.wrapper-lg{padding: 15px;}
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row-2 .col-0 {
|
||||||
|
clear: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row-2 li:nth-child(odd) {
|
||||||
|
clear: left;
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-center-xs {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-left-xs {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pull-none-xs {
|
||||||
|
float: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown-menu.pull-none-xs {
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hidden-xs.show {
|
||||||
|
display: inherit !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wrapper-lg {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
1041
app/assets/stylesheets/bootstrap_and_overrides.scss
vendored
1041
app/assets/stylesheets/bootstrap_and_overrides.scss
vendored
@ -1,60 +1,70 @@
|
|||||||
// a flag to toggle asset pipeline / compass integration
|
// a flag to toggle asset pipeline / compass integration
|
||||||
// defaults to true if twbs-font-path function is present (no function => twbs-font-path('') parsed as string == right side)
|
// defaults to true if twbs-font-path function is present (no function => twbs-font-path('') parsed as string == right side)
|
||||||
// in Sass 3.3 this can be improved with: function-exists(twbs-font-path)
|
// in Sass 3.3 this can be improved with: function-exists(twbs-font-path)
|
||||||
$bootstrap-sass-asset-helper: (twbs-font-path("") != unquote('twbs-font-path("")')) !default;
|
$bootstrap-sass-asset-helper: twbs-font-path("") != unquote('twbs-font-path("")') !default;
|
||||||
|
|
||||||
//
|
//
|
||||||
// Variables
|
// Variables
|
||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
|
|
||||||
|
|
||||||
//== Colors
|
//== Colors
|
||||||
//
|
//
|
||||||
//## Gray and brand colors for use across Bootstrap.
|
//## Gray and brand colors for use across Bootstrap.
|
||||||
|
|
||||||
$gray-darker: lighten(#000, 13.5%) !default; // #222
|
$gray-darker: lighten(#000, 13.5%) !default;
|
||||||
$gray-dark: lighten(#000, 20%) !default; // #333
|
|
||||||
$gray: lighten(#000, 33.5%) !default; // #555
|
|
||||||
$gray-light: lighten(#000, 60%) !default; // #999
|
|
||||||
$gray-lighter: lighten(#000, 93.5%) !default; // #eee
|
|
||||||
|
|
||||||
$brand-primary: #d92227 !default;
|
// #222
|
||||||
$brand-success: #7bca38 !default;
|
$gray-dark: lighten(#000, 20%) !default;
|
||||||
$brand-info: #1d98ec !default;
|
|
||||||
$brand-warning: #fdde3f !default;
|
|
||||||
$brand-danger: $brand-primary !default;
|
|
||||||
|
|
||||||
|
// #333
|
||||||
|
$gray: lighten(#000, 33.5%) !default;
|
||||||
|
|
||||||
|
// #555
|
||||||
|
$gray-light: lighten(#000, 60%) !default;
|
||||||
|
|
||||||
|
// #999
|
||||||
|
$gray-lighter: lighten(#000, 93.5%) !default;
|
||||||
|
|
||||||
|
// #eee
|
||||||
|
|
||||||
|
$brand-primary: #d92227 !default;
|
||||||
|
$brand-success: #7bca38 !default;
|
||||||
|
$brand-info: #1d98ec !default;
|
||||||
|
$brand-warning: #fdde3f !default;
|
||||||
|
$brand-danger: $brand-primary !default;
|
||||||
|
|
||||||
// ADD by sleede ------------------
|
// ADD by sleede ------------------
|
||||||
$brand-black: #12131a;
|
$brand-black: #12131a;
|
||||||
$brand-dark: #222733;
|
$brand-dark: #222733;
|
||||||
$brand-light: #f4f3f3; //#f1f3f7
|
$brand-light: #f4f3f3;
|
||||||
$brand-inverse: #433599;
|
|
||||||
|
|
||||||
$black-light: #444444;
|
//#f1f3f7
|
||||||
|
$brand-inverse: #433599;
|
||||||
|
|
||||||
$bg-gray: #f5f5f5;
|
$black-light: #444444;
|
||||||
|
|
||||||
$red-dark: #cb1117;
|
$bg-gray: #f5f5f5;
|
||||||
$red: $red-dark;
|
|
||||||
$red-light: #e13f45;
|
|
||||||
|
|
||||||
$yellow: #fd0;
|
$red-dark: #cb1117;
|
||||||
$blue: $brand-info;
|
$red: $red-dark;
|
||||||
$green: $brand-success;
|
$red-light: #e13f45;
|
||||||
$beige: #e4cd78;
|
|
||||||
$violet: #bd7ae9;
|
$yellow: #fd0;
|
||||||
$cyan: #3fc7ff;
|
$blue: $brand-info;
|
||||||
|
$green: $brand-success;
|
||||||
|
$beige: #e4cd78;
|
||||||
|
$violet: #bd7ae9;
|
||||||
|
$cyan: #3fc7ff;
|
||||||
$japonica: #dd7e6b;
|
$japonica: #dd7e6b;
|
||||||
|
|
||||||
$border-color: #dddddd;
|
$border-color: #dddddd;
|
||||||
$header-bg: $bg-gray;
|
$header-bg: $bg-gray;
|
||||||
|
|
||||||
$off-screen-nav-width: 75%;
|
|
||||||
$nav-primary-height: 36px;
|
|
||||||
$nav-xs-width: 90px;
|
|
||||||
$nav-xs-height: 50px;
|
|
||||||
$header-md-height: 73px;
|
|
||||||
|
|
||||||
|
$off-screen-nav-width: 75%;
|
||||||
|
$nav-primary-height: 36px;
|
||||||
|
$nav-xs-width: 90px;
|
||||||
|
$nav-xs-height: 50px;
|
||||||
|
$header-md-height: 73px;
|
||||||
|
|
||||||
//------------------------------------------
|
//------------------------------------------
|
||||||
|
|
||||||
@ -63,14 +73,17 @@ $header-md-height: 73px;
|
|||||||
//## Settings for some of the most global styles.
|
//## Settings for some of the most global styles.
|
||||||
|
|
||||||
//** Background color for `<body>`.
|
//** Background color for `<body>`.
|
||||||
$body-bg: #fff !default;
|
$body-bg: #fff !default;
|
||||||
|
|
||||||
//** Global text color on `<body>`.
|
//** Global text color on `<body>`.
|
||||||
$text-color: black !default;
|
$text-color: black !default;
|
||||||
|
|
||||||
//** Global textual link color.
|
//** Global textual link color.
|
||||||
$link-color: #cb1117 !default;
|
$link-color: #cb1117 !default;
|
||||||
|
|
||||||
//** Link hover color set via `darken()` function.
|
//** Link hover color set via `darken()` function.
|
||||||
$link-hover-color: #840b0f !default;
|
$link-hover-color: #840b0f !default;
|
||||||
|
|
||||||
//** Link hover decoration.
|
//** Link hover decoration.
|
||||||
$link-hover-decoration: underline;
|
$link-hover-decoration: underline;
|
||||||
|
|
||||||
@ -80,52 +93,75 @@ $link-hover-decoration: underline;
|
|||||||
|
|
||||||
// Semibold = 600, Bold = 700, ExtraB = 800
|
// Semibold = 600, Bold = 700, ExtraB = 800
|
||||||
|
|
||||||
$font-family-sans-serif: 'proxima-nova', 'Open Sans', Helvetica, Arial, sans-serif !default;
|
$font-family-sans-serif: "proxima-nova", "Open Sans", Helvetica, Arial, sans-serif !default;
|
||||||
$font-proxima-condensed: 'proxima-nova-condensed', 'Open Sans Condensed', Helvetica, Arial, sans-serif !default;
|
$font-proxima-condensed: "proxima-nova-condensed", "Open Sans Condensed", Helvetica, Arial, sans-serif !default;
|
||||||
$font-family-serif: Georgia, 'Times New Roman', Times, serif !default;
|
$font-family-serif: Georgia, "Times New Roman", Times, serif !default;
|
||||||
$font-felt: 'felt-tip-roman', 'Loved by the King', cursive, sans-serif;
|
$font-felt: "felt-tip-roman", "Loved by the King", cursive, sans-serif;
|
||||||
|
|
||||||
//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
|
//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
|
||||||
// $font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace !default;
|
// $font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace !default;
|
||||||
|
|
||||||
$font-family-base: $font-family-sans-serif !default;
|
$font-family-base: $font-family-sans-serif !default;
|
||||||
$font-family-monospace: $font-family-base;
|
$font-family-monospace: $font-family-base;
|
||||||
|
|
||||||
$font-size-base: 16px !default;
|
$font-size-base: 16px !default;
|
||||||
$font-size-large: ceil(($font-size-base * 1.125)) !default; // ~18px
|
$font-size-large: ceil($font-size-base * 1.125) !default;
|
||||||
$font-size-medium: ceil(($font-size-base * 0.875)) !default; // ~14px
|
|
||||||
$font-size-small: ceil(($font-size-base * 0.75)) !default; // ~12px
|
// ~18px
|
||||||
|
$font-size-medium: ceil($font-size-base * 0.875) !default;
|
||||||
|
|
||||||
|
// ~14px
|
||||||
|
$font-size-small: ceil($font-size-base * 0.75) !default;
|
||||||
|
|
||||||
|
// ~12px
|
||||||
|
|
||||||
//add sleede
|
//add sleede
|
||||||
$font-size-xl: rem-calc(32);
|
$font-size-xl: rem-calc(32);
|
||||||
$font-size-lg: rem-calc(20);
|
$font-size-lg: rem-calc(20);
|
||||||
$font-size-md: rem-calc(18);
|
$font-size-md: rem-calc(18);
|
||||||
$font-size-sm: rem-calc(14);
|
$font-size-sm: rem-calc(14);
|
||||||
$font-size-xs: rem-calc(12); // ~11px
|
$font-size-xs: rem-calc(12);
|
||||||
|
|
||||||
$font-size-h1: rem-calc(24) !default; // ~24px
|
// ~11px
|
||||||
$font-size-h2: rem-calc(20) !default; // ~20px
|
|
||||||
$font-size-h3: rem-calc(18) !default; // ~18px
|
|
||||||
$font-size-h4: rem-calc(16) !default; // ~16px
|
|
||||||
$font-size-h5: rem-calc(14) !default; // ~14px
|
|
||||||
$font-size-h6: rem-calc(12) !default; // ~12px
|
|
||||||
|
|
||||||
|
$font-size-h1: rem-calc(24) !default;
|
||||||
|
|
||||||
|
// ~24px
|
||||||
|
$font-size-h2: rem-calc(20) !default;
|
||||||
|
|
||||||
|
// ~20px
|
||||||
|
$font-size-h3: rem-calc(18) !default;
|
||||||
|
|
||||||
|
// ~18px
|
||||||
|
$font-size-h4: rem-calc(16) !default;
|
||||||
|
|
||||||
|
// ~16px
|
||||||
|
$font-size-h5: rem-calc(14) !default;
|
||||||
|
|
||||||
|
// ~14px
|
||||||
|
$font-size-h6: rem-calc(12) !default;
|
||||||
|
|
||||||
|
// ~12px
|
||||||
|
|
||||||
//** Unit-less `line-height` for use in components like buttons.
|
//** Unit-less `line-height` for use in components like buttons.
|
||||||
$line-height-base: 1.5 !default; // 24/16
|
$line-height-base: 1.5 !default;
|
||||||
|
|
||||||
|
// 24/16
|
||||||
//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
|
//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
|
||||||
$line-height-computed: floor(($font-size-base * $line-height-base)) !default; // ~20px
|
$line-height-computed: floor($font-size-base * $line-height-base) !default;
|
||||||
|
|
||||||
|
// ~20px
|
||||||
|
|
||||||
//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
|
//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
|
||||||
$line-height-computed: floor(($font-size-base * $line-height-base)) !default; // ~20px
|
$line-height-computed: floor($font-size-base * $line-height-base) !default;
|
||||||
|
|
||||||
|
// ~20px
|
||||||
|
|
||||||
//** By default, this inherits from the `<body>`.
|
//** By default, this inherits from the `<body>`.
|
||||||
$headings-font-family: $font-family-base !default;
|
$headings-font-family: $font-family-base !default;
|
||||||
$headings-font-weight: 400 !default;
|
$headings-font-weight: 400 !default;
|
||||||
$headings-line-height: 1.5 !default;
|
$headings-line-height: 1.5 !default;
|
||||||
$headings-color: black !default;
|
$headings-color: black !default;
|
||||||
|
|
||||||
|
|
||||||
//== Iconography
|
//== Iconography
|
||||||
//
|
//
|
||||||
@ -133,148 +169,161 @@ $headings-color: black !default;
|
|||||||
|
|
||||||
//** Load fonts from this directory.
|
//** Load fonts from this directory.
|
||||||
$icon-font-path: "bootstrap/" !default;
|
$icon-font-path: "bootstrap/" !default;
|
||||||
|
|
||||||
//** File name for all font files.
|
//** File name for all font files.
|
||||||
$icon-font-name: "glyphicons-halflings-regular" !default;
|
$icon-font-name: "glyphicons-halflings-regular" !default;
|
||||||
|
|
||||||
//** Element ID within SVG icon file.
|
//** Element ID within SVG icon file.
|
||||||
$icon-font-svg-id: "glyphicons_halflingsregular" !default;
|
$icon-font-svg-id: "glyphicons_halflingsregular" !default;
|
||||||
|
|
||||||
$icon-css-prefix: fa;
|
|
||||||
|
|
||||||
|
$icon-css-prefix: fa;
|
||||||
|
|
||||||
//== Components
|
//== Components
|
||||||
//
|
//
|
||||||
//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
|
//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
|
||||||
|
|
||||||
$padding-base-vertical: 6px !default;
|
$padding-base-vertical: 6px !default;
|
||||||
$padding-base-horizontal: 12px !default;
|
$padding-base-horizontal: 12px !default;
|
||||||
|
|
||||||
$padding-large-vertical: 10px !default;
|
$padding-large-vertical: 10px !default;
|
||||||
$padding-large-horizontal: 16px !default;
|
$padding-large-horizontal: 16px !default;
|
||||||
|
|
||||||
$padding-small-vertical: 5px !default;
|
$padding-small-vertical: 5px !default;
|
||||||
$padding-small-horizontal: 10px !default;
|
$padding-small-horizontal: 10px !default;
|
||||||
|
|
||||||
$padding-xs-vertical: 1px !default;
|
$padding-xs-vertical: 1px !default;
|
||||||
$padding-xs-horizontal: 5px !default;
|
$padding-xs-horizontal: 5px !default;
|
||||||
|
|
||||||
$line-height-large: 1.33 !default;
|
$line-height-large: 1.33 !default;
|
||||||
$line-height-small: 1.5 !default;
|
$line-height-small: 1.5 !default;
|
||||||
|
|
||||||
$border-radius-base: 4px !default;
|
$border-radius-base: 4px !default;
|
||||||
$border-radius-large: 6px !default;
|
$border-radius-large: 6px !default;
|
||||||
$border-radius-small: 3px !default;
|
$border-radius-small: 3px !default;
|
||||||
|
|
||||||
//** Global color for active items (e.g., navs or dropdowns).
|
//** Global color for active items (e.g., navs or dropdowns).
|
||||||
$component-active-color: #fff !default;
|
$component-active-color: #fff !default;
|
||||||
|
|
||||||
//** Global background color for active items (e.g., navs or dropdowns).
|
//** Global background color for active items (e.g., navs or dropdowns).
|
||||||
$component-active-bg: $gray-lighter !default;
|
$component-active-bg: $gray-lighter !default;
|
||||||
|
|
||||||
//** Width of the `border` for generating carets that indicator dropdowns.
|
//** Width of the `border` for generating carets that indicator dropdowns.
|
||||||
$caret-width-base: 4px !default;
|
$caret-width-base: 4px !default;
|
||||||
//** Carets increase slightly in size for larger components.
|
|
||||||
$caret-width-large: 5px !default;
|
|
||||||
|
|
||||||
|
//** Carets increase slightly in size for larger components.
|
||||||
|
$caret-width-large: 5px !default;
|
||||||
|
|
||||||
//== Tables
|
//== Tables
|
||||||
//
|
//
|
||||||
//## Customizes the `.table` component with basic values, each used across all table variations.
|
//## Customizes the `.table` component with basic values, each used across all table variations.
|
||||||
|
|
||||||
//** Padding for `<th>`s and `<td>`s.
|
//** Padding for `<th>`s and `<td>`s.
|
||||||
$table-cell-padding: 8px !default;
|
$table-cell-padding: 8px !default;
|
||||||
|
|
||||||
//** Padding for cells in `.table-condensed`.
|
//** Padding for cells in `.table-condensed`.
|
||||||
$table-condensed-cell-padding: 5px !default;
|
$table-condensed-cell-padding: 5px !default;
|
||||||
|
|
||||||
//** Default background color used for all tables.
|
//** Default background color used for all tables.
|
||||||
$table-bg: transparent !default;
|
$table-bg: transparent !default;
|
||||||
|
|
||||||
//** Background color used for `.table-striped`.
|
//** Background color used for `.table-striped`.
|
||||||
$table-bg-accent: #f9f9f9 !default;
|
$table-bg-accent: #f9f9f9 !default;
|
||||||
|
|
||||||
//** Background color used for `.table-hover`.
|
//** Background color used for `.table-hover`.
|
||||||
$table-bg-hover: $bg-gray !default;
|
$table-bg-hover: $bg-gray !default;
|
||||||
$table-bg-active: $table-bg-hover !default;
|
$table-bg-active: $table-bg-hover !default;
|
||||||
|
|
||||||
//** Border color for table and cell borders.
|
//** Border color for table and cell borders.
|
||||||
$table-border-color: #ddd !default;
|
$table-border-color: #ddd !default;
|
||||||
|
|
||||||
|
|
||||||
//== Buttons
|
//== Buttons
|
||||||
//
|
//
|
||||||
//## For each of Bootstrap's buttons, define text, background and border color.
|
//## For each of Bootstrap's buttons, define text, background and border color.
|
||||||
|
|
||||||
$btn-font-weight: normal !default;
|
$btn-font-weight: normal !default;
|
||||||
|
|
||||||
$btn-default-color: $text-color !default;
|
$btn-default-color: $text-color !default;
|
||||||
$btn-default-bg: lighten($brand-light, 3%) !default;
|
$btn-default-bg: lighten($brand-light, 3%) !default;
|
||||||
$btn-default-border: darken($border-color, 8%) !default;
|
$btn-default-border: darken($border-color, 8%) !default;
|
||||||
|
|
||||||
$btn-primary-color: #fff !default;;
|
$btn-primary-color: #fff !default;
|
||||||
$btn-primary-bg: $brand-primary !default;;
|
$btn-primary-bg: $brand-primary !default;
|
||||||
$btn-primary-border: $btn-primary-bg !default;;
|
$btn-primary-border: $btn-primary-bg !default;
|
||||||
|
|
||||||
$btn-success-color: #fff !default;
|
$btn-success-color: #fff !default;
|
||||||
$btn-success-bg: $brand-success !default;
|
$btn-success-bg: $brand-success !default;
|
||||||
$btn-success-border: $btn-success-bg !default;
|
$btn-success-border: $btn-success-bg !default;
|
||||||
|
|
||||||
$btn-info-color: #fff !default;
|
$btn-info-color: #fff !default;
|
||||||
$btn-info-bg: $brand-info !default;
|
$btn-info-bg: $brand-info !default;
|
||||||
$btn-info-border: $btn-info-bg !default;
|
$btn-info-border: $btn-info-bg !default;
|
||||||
|
|
||||||
$btn-warning-color: #000 !default;
|
$btn-warning-color: #000 !default;
|
||||||
$btn-warning-bg: $brand-warning !default;
|
$btn-warning-bg: $brand-warning !default;
|
||||||
$btn-warning-border: $btn-warning-bg !default;
|
$btn-warning-border: $btn-warning-bg !default;
|
||||||
|
|
||||||
$btn-danger-color: #fff !default;
|
$btn-danger-color: #fff !default;
|
||||||
$btn-danger-bg: $red !default;
|
$btn-danger-bg: $red !default;
|
||||||
$btn-danger-border: $btn-default-border !default;
|
$btn-danger-border: $btn-default-border !default;
|
||||||
|
|
||||||
$btn-link-disabled-color: $gray-light !default;
|
$btn-link-disabled-color: $gray-light !default;
|
||||||
|
|
||||||
// Allows for customizing button radius independently from global border radius
|
// Allows for customizing button radius independently from global border radius
|
||||||
$btn-border-radius-base: $border-radius-base;
|
$btn-border-radius-base: $border-radius-base;
|
||||||
$btn-border-radius-large: $border-radius-large;
|
$btn-border-radius-large: $border-radius-large;
|
||||||
$btn-border-radius-small: $border-radius-small;
|
$btn-border-radius-small: $border-radius-small;
|
||||||
|
|
||||||
|
|
||||||
//== Forms
|
//== Forms
|
||||||
//
|
//
|
||||||
//##
|
//##
|
||||||
|
|
||||||
//** `<input>` background color
|
//** `<input>` background color
|
||||||
$input-bg: #fff !default;
|
$input-bg: #fff !default;
|
||||||
|
|
||||||
//** `<input disabled>` background color
|
//** `<input disabled>` background color
|
||||||
$input-bg-disabled: $gray-lighter !default;
|
$input-bg-disabled: $gray-lighter !default;
|
||||||
|
|
||||||
//** Text color for `<input>`s
|
//** Text color for `<input>`s
|
||||||
$input-color: $gray !default;
|
$input-color: $gray !default;
|
||||||
|
|
||||||
//** `<input>` border color
|
//** `<input>` border color
|
||||||
$input-border: darken($border-color, 10%) !default;
|
$input-border: darken($border-color, 10%) !default;
|
||||||
|
|
||||||
//** `<input>` border radius
|
//** `<input>` border radius
|
||||||
$input-border-radius: $border-radius-base !default;
|
$input-border-radius: $border-radius-base !default;
|
||||||
|
|
||||||
//** Border color for inputs on focus
|
//** Border color for inputs on focus
|
||||||
$input-border-focus: $brand-warning !default;
|
$input-border-focus: $brand-warning !default;
|
||||||
|
|
||||||
//** Large `.form-control` border radius
|
//** Large `.form-control` border radius
|
||||||
$input-border-radius-large: $border-radius-large;
|
$input-border-radius-large: $border-radius-large;
|
||||||
|
|
||||||
//** Small `.form-control` border radius
|
//** Small `.form-control` border radius
|
||||||
$input-border-radius-small: $border-radius-small;
|
$input-border-radius-small: $border-radius-small;
|
||||||
|
|
||||||
//** Placeholder text color
|
//** Placeholder text color
|
||||||
$input-color-placeholder: $gray-light !default;
|
$input-color-placeholder: $gray-light !default;
|
||||||
|
|
||||||
//** Default `.form-control` height
|
//** Default `.form-control` height
|
||||||
$input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2) !default;
|
$input-height-base: $line-height-computed + $padding-base-vertical * 2 + 2 !default;
|
||||||
//** Large `.form-control` height
|
|
||||||
$input-height-large: (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2) !default;
|
|
||||||
//** Small `.form-control` height
|
|
||||||
$input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default;
|
|
||||||
|
|
||||||
$legend-color: $gray-dark !default;
|
//** Large `.form-control` height
|
||||||
$legend-border-color: #e5e5e5 !default;
|
$input-height-large: ceil($font-size-large * $line-height-large) + $padding-large-vertical * 2 + 2 !default;
|
||||||
|
|
||||||
|
//** Small `.form-control` height
|
||||||
|
$input-height-small: floor($font-size-small * $line-height-small) + $padding-small-vertical * 2 + 2 !default;
|
||||||
|
|
||||||
|
$legend-color: $gray-dark !default;
|
||||||
|
$legend-border-color: #e5e5e5 !default;
|
||||||
|
|
||||||
//** Background color for textual input addons
|
//** Background color for textual input addons
|
||||||
$input-group-addon-bg: $gray-lighter !default;
|
$input-group-addon-bg: $gray-lighter !default;
|
||||||
|
|
||||||
//** Border color for textual input addons
|
//** Border color for textual input addons
|
||||||
$input-group-addon-border-color: $input-border !default;
|
$input-group-addon-border-color: $input-border !default;
|
||||||
|
|
||||||
//** Disabled cursor for form controls and buttons.
|
//** Disabled cursor for form controls and buttons.
|
||||||
$cursor-disabled: not-allowed;
|
$cursor-disabled: not-allowed;
|
||||||
$form-group-margin-bottom: 15px !default;
|
$form-group-margin-bottom: 15px !default;
|
||||||
|
|
||||||
//== Dropdowns
|
//== Dropdowns
|
||||||
@ -282,35 +331,40 @@ $form-group-margin-bottom: 15px !default;
|
|||||||
//## Dropdown menu container and contents.
|
//## Dropdown menu container and contents.
|
||||||
|
|
||||||
//** Background for the dropdown menu.
|
//** Background for the dropdown menu.
|
||||||
$dropdown-bg: #fff !default;
|
$dropdown-bg: #fff !default;
|
||||||
|
|
||||||
//** Dropdown menu `border-color`.
|
//** Dropdown menu `border-color`.
|
||||||
$dropdown-border: rgba(0,0,0,.15) !default;
|
$dropdown-border: rgba(0, 0, 0, 0.15) !default;
|
||||||
|
|
||||||
//** Dropdown menu `border-color` **for IE8**.
|
//** Dropdown menu `border-color` **for IE8**.
|
||||||
$dropdown-fallback-border: #ccc !default;
|
$dropdown-fallback-border: #ccc !default;
|
||||||
|
|
||||||
//** Divider color for between dropdown items.
|
//** Divider color for between dropdown items.
|
||||||
$dropdown-divider-bg: #e5e5e5 !default;
|
$dropdown-divider-bg: #e5e5e5 !default;
|
||||||
|
|
||||||
//** Dropdown link text color.
|
//** Dropdown link text color.
|
||||||
$dropdown-link-color: $gray-dark !default;
|
$dropdown-link-color: $gray-dark !default;
|
||||||
|
|
||||||
//** Hover color for dropdown links.
|
//** Hover color for dropdown links.
|
||||||
$dropdown-link-hover-color: darken($gray-dark, 5%) !default;
|
$dropdown-link-hover-color: darken($gray-dark, 5%) !default;
|
||||||
|
|
||||||
//** Hover background for dropdown links.
|
//** Hover background for dropdown links.
|
||||||
$dropdown-link-hover-bg: $bg-gray !default;
|
$dropdown-link-hover-bg: $bg-gray !default;
|
||||||
|
|
||||||
//** Active dropdown menu item text color.
|
//** Active dropdown menu item text color.
|
||||||
$dropdown-link-active-color: $component-active-color !default;
|
$dropdown-link-active-color: $component-active-color !default;
|
||||||
|
|
||||||
//** Active dropdown menu item background color.
|
//** Active dropdown menu item background color.
|
||||||
$dropdown-link-active-bg: $component-active-bg !default;
|
$dropdown-link-active-bg: $component-active-bg !default;
|
||||||
|
|
||||||
//** Disabled dropdown menu item background color.
|
//** Disabled dropdown menu item background color.
|
||||||
$dropdown-link-disabled-color: $gray-light !default;
|
$dropdown-link-disabled-color: $gray-light !default;
|
||||||
|
|
||||||
//** Text color for headers within dropdown menus.
|
//** Text color for headers within dropdown menus.
|
||||||
$dropdown-header-color: $gray-light !default;
|
$dropdown-header-color: $gray-light !default;
|
||||||
|
|
||||||
//** Deprecated `$dropdown-caret-color` as of v3.1.0
|
//** Deprecated `$dropdown-caret-color` as of v3.1.0
|
||||||
$dropdown-caret-color: #000 !default;
|
$dropdown-caret-color: #000 !default;
|
||||||
|
|
||||||
|
|
||||||
//-- Z-index master list
|
//-- Z-index master list
|
||||||
//
|
//
|
||||||
@ -319,14 +373,13 @@ $dropdown-caret-color: #000 !default;
|
|||||||
//
|
//
|
||||||
// Note: These variables are not generated into the Customizer.
|
// Note: These variables are not generated into the Customizer.
|
||||||
|
|
||||||
$zindex-navbar: 1000 !default;
|
$zindex-navbar: 1000 !default;
|
||||||
$zindex-dropdown: 1000 !default;
|
$zindex-dropdown: 1000 !default;
|
||||||
$zindex-popover: 1060 !default;
|
$zindex-popover: 1060 !default;
|
||||||
$zindex-tooltip: 1070 !default;
|
$zindex-tooltip: 1070 !default;
|
||||||
$zindex-navbar-fixed: 1030 !default;
|
$zindex-navbar-fixed: 1030 !default;
|
||||||
$zindex-modal-background: 1040 !default;
|
$zindex-modal-background: 1040 !default;
|
||||||
$zindex-modal: 1050 !default;
|
$zindex-modal: 1050 !default;
|
||||||
|
|
||||||
|
|
||||||
//== Media queries breakpoints
|
//== Media queries breakpoints
|
||||||
//
|
//
|
||||||
@ -334,608 +387,648 @@ $zindex-modal: 1050 !default;
|
|||||||
|
|
||||||
// Extra small screen / phone
|
// Extra small screen / phone
|
||||||
//** Deprecated `$screen-xs` as of v3.0.1
|
//** Deprecated `$screen-xs` as of v3.0.1
|
||||||
$screen-xs: 480px !default;
|
$screen-xs: 480px !default;
|
||||||
|
|
||||||
//** Deprecated `$screen-xs-min` as of v3.2.0
|
//** Deprecated `$screen-xs-min` as of v3.2.0
|
||||||
$screen-xs-min: $screen-xs !default;
|
$screen-xs-min: $screen-xs !default;
|
||||||
|
|
||||||
//** Deprecated `$screen-phone` as of v3.0.1
|
//** Deprecated `$screen-phone` as of v3.0.1
|
||||||
$screen-phone: $screen-xs-min !default;
|
$screen-phone: $screen-xs-min !default;
|
||||||
|
|
||||||
// Small screen / tablet
|
// Small screen / tablet
|
||||||
//** Deprecated `$screen-sm` as of v3.0.1
|
//** Deprecated `$screen-sm` as of v3.0.1
|
||||||
$screen-sm: 768px !default;
|
$screen-sm: 768px !default;
|
||||||
$screen-sm-min: $screen-sm !default;
|
$screen-sm-min: $screen-sm !default;
|
||||||
|
|
||||||
//** Deprecated `$screen-tablet` as of v3.0.1
|
//** Deprecated `$screen-tablet` as of v3.0.1
|
||||||
$screen-tablet: $screen-sm-min !default;
|
$screen-tablet: $screen-sm-min !default;
|
||||||
|
|
||||||
// Medium screen / desktop
|
// Medium screen / desktop
|
||||||
//** Deprecated `$screen-md` as of v3.0.1
|
//** Deprecated `$screen-md` as of v3.0.1
|
||||||
$screen-md: 992px !default;
|
$screen-md: 992px !default;
|
||||||
$screen-md-min: $screen-md !default;
|
$screen-md-min: $screen-md !default;
|
||||||
|
|
||||||
//** Deprecated `$screen-desktop` as of v3.0.1
|
//** Deprecated `$screen-desktop` as of v3.0.1
|
||||||
$screen-desktop: $screen-md-min !default;
|
$screen-desktop: $screen-md-min !default;
|
||||||
|
|
||||||
// Large screen / wide desktop
|
// Large screen / wide desktop
|
||||||
//** Deprecated `$screen-lg` as of v3.0.1
|
//** Deprecated `$screen-lg` as of v3.0.1
|
||||||
$screen-lg: 1200px !default;
|
$screen-lg: 1200px !default;
|
||||||
$screen-lg-min: $screen-lg !default;
|
$screen-lg-min: $screen-lg !default;
|
||||||
|
|
||||||
//** Deprecated `$screen-lg-desktop` as of v3.0.1
|
//** Deprecated `$screen-lg-desktop` as of v3.0.1
|
||||||
$screen-lg-desktop: $screen-lg-min !default;
|
$screen-lg-desktop: $screen-lg-min !default;
|
||||||
|
|
||||||
// So media queries don't overlap when required, provide a maximum
|
// So media queries don't overlap when required, provide a maximum
|
||||||
$screen-xs-max: ($screen-sm-min - 1) !default;
|
$screen-xs-max: $screen-sm-min - 1 !default;
|
||||||
$screen-sm-max: ($screen-md-min - 1) !default;
|
$screen-sm-max: $screen-md-min - 1 !default;
|
||||||
$screen-md-max: ($screen-lg-min - 1) !default;
|
$screen-md-max: $screen-lg-min - 1 !default;
|
||||||
|
|
||||||
|
|
||||||
//== Grid system
|
//== Grid system
|
||||||
//
|
//
|
||||||
//## Define your custom responsive grid.
|
//## Define your custom responsive grid.
|
||||||
|
|
||||||
//** Number of columns in the grid.
|
//** Number of columns in the grid.
|
||||||
$grid-columns: 12 !default;
|
$grid-columns: 12 !default;
|
||||||
|
|
||||||
//** Padding between columns. Gets divided in half for the left and right.
|
//** Padding between columns. Gets divided in half for the left and right.
|
||||||
$grid-gutter-width: 30px !default;
|
$grid-gutter-width: 30px !default;
|
||||||
|
|
||||||
// Navbar collapse
|
// Navbar collapse
|
||||||
//** Point at which the navbar becomes uncollapsed.
|
//** Point at which the navbar becomes uncollapsed.
|
||||||
$grid-float-breakpoint: $screen-sm-min !default;
|
$grid-float-breakpoint: $screen-sm-min !default;
|
||||||
//** Point at which the navbar begins collapsing.
|
|
||||||
$grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;
|
|
||||||
|
|
||||||
|
//** Point at which the navbar begins collapsing.
|
||||||
|
$grid-float-breakpoint-max: $grid-float-breakpoint - 1 !default;
|
||||||
|
|
||||||
//== Container sizes
|
//== Container sizes
|
||||||
//
|
//
|
||||||
//## Define the maximum width of `.container` for different screen sizes.
|
//## Define the maximum width of `.container` for different screen sizes.
|
||||||
|
|
||||||
// Small screen / tablet
|
// Small screen / tablet
|
||||||
$container-tablet: ((720px + $grid-gutter-width)) !default;
|
$container-tablet: 720px + $grid-gutter-width !default;
|
||||||
|
|
||||||
//** For `$screen-sm-min` and up.
|
//** For `$screen-sm-min` and up.
|
||||||
$container-sm: $container-tablet !default;
|
$container-sm: $container-tablet !default;
|
||||||
|
|
||||||
// Medium screen / desktop
|
// Medium screen / desktop
|
||||||
$container-desktop: ((940px + $grid-gutter-width)) !default;
|
$container-desktop: 940px + $grid-gutter-width !default;
|
||||||
|
|
||||||
//** For `$screen-md-min` and up.
|
//** For `$screen-md-min` and up.
|
||||||
$container-md: $container-desktop !default;
|
$container-md: $container-desktop !default;
|
||||||
|
|
||||||
// Large screen / wide desktop
|
// Large screen / wide desktop
|
||||||
$container-large-desktop: ((1140px + $grid-gutter-width)) !default;
|
$container-large-desktop: 1140px + $grid-gutter-width !default;
|
||||||
//** For `$screen-lg-min` and up.
|
|
||||||
$container-lg: $container-large-desktop !default;
|
|
||||||
|
|
||||||
|
//** For `$screen-lg-min` and up.
|
||||||
|
$container-lg: $container-large-desktop !default;
|
||||||
|
|
||||||
//== Navbar
|
//== Navbar
|
||||||
//
|
//
|
||||||
//##
|
//##
|
||||||
|
|
||||||
// Basics of a navbar
|
// Basics of a navbar
|
||||||
$navbar-height: 50px !default;
|
$navbar-height: 50px !default;
|
||||||
$navbar-margin-bottom: $line-height-computed !default;
|
$navbar-margin-bottom: $line-height-computed !default;
|
||||||
$navbar-border-radius: $border-radius-base !default;
|
$navbar-border-radius: $border-radius-base !default;
|
||||||
$navbar-padding-horizontal: floor(($grid-gutter-width / 2)) !default;
|
$navbar-padding-horizontal: floor($grid-gutter-width / 2) !default;
|
||||||
$navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2) !default;
|
$navbar-padding-vertical: ($navbar-height - $line-height-computed) / 2 !default;
|
||||||
$navbar-collapse-max-height: 340px !default;
|
$navbar-collapse-max-height: 340px !default;
|
||||||
|
|
||||||
$navbar-default-color: #777 !default;
|
$navbar-default-color: #777 !default;
|
||||||
$navbar-default-bg: #f8f8f8 !default;
|
$navbar-default-bg: #f8f8f8 !default;
|
||||||
$navbar-default-border: darken($navbar-default-bg, 6.5%) !default;
|
$navbar-default-border: darken($navbar-default-bg, 6.5%) !default;
|
||||||
|
|
||||||
// Navbar links
|
// Navbar links
|
||||||
$navbar-default-link-color: #777 !default;
|
$navbar-default-link-color: #777 !default;
|
||||||
$navbar-default-link-hover-color: #333 !default;
|
$navbar-default-link-hover-color: #333 !default;
|
||||||
$navbar-default-link-hover-bg: transparent !default;
|
$navbar-default-link-hover-bg: transparent !default;
|
||||||
$navbar-default-link-active-color: #555 !default;
|
$navbar-default-link-active-color: #555 !default;
|
||||||
$navbar-default-link-active-bg: darken($navbar-default-bg, 6.5%) !default;
|
$navbar-default-link-active-bg: darken($navbar-default-bg, 6.5%) !default;
|
||||||
$navbar-default-link-disabled-color: #ccc !default;
|
$navbar-default-link-disabled-color: #ccc !default;
|
||||||
$navbar-default-link-disabled-bg: transparent !default;
|
$navbar-default-link-disabled-bg: transparent !default;
|
||||||
|
|
||||||
// Navbar brand label
|
// Navbar brand label
|
||||||
$navbar-default-brand-color: $navbar-default-link-color !default;
|
$navbar-default-brand-color: $navbar-default-link-color !default;
|
||||||
$navbar-default-brand-hover-color: darken($navbar-default-brand-color, 10%) !default;
|
$navbar-default-brand-hover-color: darken($navbar-default-brand-color, 10%) !default;
|
||||||
$navbar-default-brand-hover-bg: transparent !default;
|
$navbar-default-brand-hover-bg: transparent !default;
|
||||||
|
|
||||||
// Navbar toggle
|
// Navbar toggle
|
||||||
$navbar-default-toggle-hover-bg: #ddd !default;
|
$navbar-default-toggle-hover-bg: #ddd !default;
|
||||||
$navbar-default-toggle-icon-bar-bg: #888 !default;
|
$navbar-default-toggle-icon-bar-bg: #888 !default;
|
||||||
$navbar-default-toggle-border-color: #ddd !default;
|
$navbar-default-toggle-border-color: #ddd !default;
|
||||||
|
|
||||||
|
|
||||||
// Inverted navbar
|
// Inverted navbar
|
||||||
// Reset inverted navbar basics
|
// Reset inverted navbar basics
|
||||||
$navbar-inverse-color: $gray-light !default;
|
$navbar-inverse-color: $gray-light !default;
|
||||||
$navbar-inverse-bg: #222 !default;
|
$navbar-inverse-bg: #222 !default;
|
||||||
$navbar-inverse-border: darken($navbar-inverse-bg, 10%) !default;
|
$navbar-inverse-border: darken($navbar-inverse-bg, 10%) !default;
|
||||||
|
|
||||||
// Inverted navbar links
|
// Inverted navbar links
|
||||||
$navbar-inverse-link-color: $gray-light !default;
|
$navbar-inverse-link-color: $gray-light !default;
|
||||||
$navbar-inverse-link-hover-color: #fff !default;
|
$navbar-inverse-link-hover-color: #fff !default;
|
||||||
$navbar-inverse-link-hover-bg: transparent !default;
|
$navbar-inverse-link-hover-bg: transparent !default;
|
||||||
$navbar-inverse-link-active-color: $navbar-inverse-link-hover-color !default;
|
$navbar-inverse-link-active-color: $navbar-inverse-link-hover-color !default;
|
||||||
$navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 10%) !default;
|
$navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 10%) !default;
|
||||||
$navbar-inverse-link-disabled-color: #444 !default;
|
$navbar-inverse-link-disabled-color: #444 !default;
|
||||||
$navbar-inverse-link-disabled-bg: transparent !default;
|
$navbar-inverse-link-disabled-bg: transparent !default;
|
||||||
|
|
||||||
// Inverted navbar brand label
|
// Inverted navbar brand label
|
||||||
$navbar-inverse-brand-color: $navbar-inverse-link-color !default;
|
$navbar-inverse-brand-color: $navbar-inverse-link-color !default;
|
||||||
$navbar-inverse-brand-hover-color: #fff !default;
|
$navbar-inverse-brand-hover-color: #fff !default;
|
||||||
$navbar-inverse-brand-hover-bg: transparent !default;
|
$navbar-inverse-brand-hover-bg: transparent !default;
|
||||||
|
|
||||||
// Inverted navbar toggle
|
// Inverted navbar toggle
|
||||||
$navbar-inverse-toggle-hover-bg: #333 !default;
|
$navbar-inverse-toggle-hover-bg: #333 !default;
|
||||||
$navbar-inverse-toggle-icon-bar-bg: #fff !default;
|
$navbar-inverse-toggle-icon-bar-bg: #fff !default;
|
||||||
$navbar-inverse-toggle-border-color: #333 !default;
|
$navbar-inverse-toggle-border-color: #333 !default;
|
||||||
|
|
||||||
|
|
||||||
//== Navs
|
//== Navs
|
||||||
//
|
//
|
||||||
//##
|
//##
|
||||||
|
|
||||||
//=== Shared nav styles
|
//=== Shared nav styles
|
||||||
$nav-link-padding: 10px 15px !default;
|
$nav-link-padding: 10px 15px !default;
|
||||||
$nav-link-hover-bg: $gray-lighter !default;
|
$nav-link-hover-bg: $gray-lighter !default;
|
||||||
|
|
||||||
$nav-disabled-link-color: $gray-light !default;
|
$nav-disabled-link-color: $gray-light !default;
|
||||||
$nav-disabled-link-hover-color: $gray-light !default;
|
$nav-disabled-link-hover-color: $gray-light !default;
|
||||||
|
|
||||||
$nav-open-link-hover-color: #fff !default;
|
$nav-open-link-hover-color: #fff !default;
|
||||||
|
|
||||||
//== Tabs
|
//== Tabs
|
||||||
$nav-tabs-border-color: #ddd !default;
|
$nav-tabs-border-color: #ddd !default;
|
||||||
|
|
||||||
$nav-tabs-link-hover-border-color: $gray-lighter !default;
|
$nav-tabs-link-hover-border-color: $gray-lighter !default;
|
||||||
|
|
||||||
$nav-tabs-active-link-hover-bg: $body-bg !default;
|
$nav-tabs-active-link-hover-bg: $body-bg !default;
|
||||||
$nav-tabs-active-link-hover-color: $gray !default;
|
$nav-tabs-active-link-hover-color: $gray !default;
|
||||||
$nav-tabs-active-link-hover-border-color: #ddd !default;
|
$nav-tabs-active-link-hover-border-color: #ddd !default;
|
||||||
|
|
||||||
$nav-tabs-justified-link-border-color: #ddd !default;
|
$nav-tabs-justified-link-border-color: #ddd !default;
|
||||||
$nav-tabs-justified-active-link-border-color: $body-bg !default;
|
$nav-tabs-justified-active-link-border-color: $body-bg !default;
|
||||||
|
|
||||||
//== Pills
|
//== Pills
|
||||||
$nav-pills-border-radius: $border-radius-base !default;
|
$nav-pills-border-radius: $border-radius-base !default;
|
||||||
$nav-pills-active-link-hover-bg: $component-active-bg !default;
|
$nav-pills-active-link-hover-bg: $component-active-bg !default;
|
||||||
$nav-pills-active-link-hover-color: $component-active-color !default;
|
$nav-pills-active-link-hover-color: $component-active-color !default;
|
||||||
|
|
||||||
|
|
||||||
//== Pagination
|
//== Pagination
|
||||||
//
|
//
|
||||||
//##
|
//##
|
||||||
|
|
||||||
$pagination-color: $link-color !default;
|
$pagination-color: $link-color !default;
|
||||||
$pagination-bg: #fff !default;
|
$pagination-bg: #fff !default;
|
||||||
$pagination-border: #ddd !default;
|
$pagination-border: #ddd !default;
|
||||||
|
|
||||||
$pagination-hover-color: $link-hover-color !default;
|
$pagination-hover-color: $link-hover-color !default;
|
||||||
$pagination-hover-bg: $gray-lighter !default;
|
$pagination-hover-bg: $gray-lighter !default;
|
||||||
$pagination-hover-border: #ddd !default;
|
$pagination-hover-border: #ddd !default;
|
||||||
|
|
||||||
$pagination-active-color: #fff !default;
|
$pagination-active-color: #fff !default;
|
||||||
$pagination-active-bg: $brand-primary !default;
|
$pagination-active-bg: $brand-primary !default;
|
||||||
$pagination-active-border: $brand-primary !default;
|
$pagination-active-border: $brand-primary !default;
|
||||||
|
|
||||||
$pagination-disabled-color: $gray-light !default;
|
|
||||||
$pagination-disabled-bg: #fff !default;
|
|
||||||
$pagination-disabled-border: #ddd !default;
|
|
||||||
|
|
||||||
|
$pagination-disabled-color: $gray-light !default;
|
||||||
|
$pagination-disabled-bg: #fff !default;
|
||||||
|
$pagination-disabled-border: #ddd !default;
|
||||||
|
|
||||||
//== Pager
|
//== Pager
|
||||||
//
|
//
|
||||||
//##
|
//##
|
||||||
|
|
||||||
$pager-bg: $pagination-bg !default;
|
$pager-bg: $pagination-bg !default;
|
||||||
$pager-border: $pagination-border !default;
|
$pager-border: $pagination-border !default;
|
||||||
$pager-border-radius: 15px !default;
|
$pager-border-radius: 15px !default;
|
||||||
|
|
||||||
$pager-hover-bg: $pagination-hover-bg !default;
|
$pager-hover-bg: $pagination-hover-bg !default;
|
||||||
|
|
||||||
$pager-active-bg: $pagination-active-bg !default;
|
$pager-active-bg: $pagination-active-bg !default;
|
||||||
$pager-active-color: $pagination-active-color !default;
|
$pager-active-color: $pagination-active-color !default;
|
||||||
|
|
||||||
$pager-disabled-color: $pagination-disabled-color !default;
|
|
||||||
|
|
||||||
|
$pager-disabled-color: $pagination-disabled-color !default;
|
||||||
|
|
||||||
//== Jumbotron
|
//== Jumbotron
|
||||||
//
|
//
|
||||||
//##
|
//##
|
||||||
|
|
||||||
$jumbotron-padding: 30px !default;
|
$jumbotron-padding: 30px !default;
|
||||||
$jumbotron-color: inherit !default;
|
$jumbotron-color: inherit !default;
|
||||||
$jumbotron-bg: $gray-lighter !default;
|
$jumbotron-bg: $gray-lighter !default;
|
||||||
$jumbotron-heading-color: inherit !default;
|
$jumbotron-heading-color: inherit !default;
|
||||||
$jumbotron-font-size: ceil(($font-size-base * 1.5)) !default;
|
$jumbotron-font-size: ceil($font-size-base * 1.5) !default;
|
||||||
$jumbotron-heading-font-size: ceil(($font-size-base * 4.5));
|
$jumbotron-heading-font-size: ceil($font-size-base * 4.5);
|
||||||
|
|
||||||
|
|
||||||
//== Form states and alerts
|
//== Form states and alerts
|
||||||
//
|
//
|
||||||
//## Define colors for form feedback states and, by default, alerts.
|
//## Define colors for form feedback states and, by default, alerts.
|
||||||
|
|
||||||
$state-success-text: #3c763d !default;
|
$state-success-text: #3c763d !default;
|
||||||
$state-success-bg: #dff0d8 !default;
|
$state-success-bg: #dff0d8 !default;
|
||||||
$state-success-border: darken(adjust-hue($state-success-bg, -10), 5%) !default;
|
$state-success-border: darken(adjust-hue($state-success-bg, -10), 5%) !default;
|
||||||
|
|
||||||
$state-info-text: #31708f !default;
|
$state-info-text: #31708f !default;
|
||||||
$state-info-bg: #d9edf7 !default;
|
$state-info-bg: #d9edf7 !default;
|
||||||
$state-info-border: darken(adjust-hue($state-info-bg, -10), 7%) !default;
|
$state-info-border: darken(adjust-hue($state-info-bg, -10), 7%) !default;
|
||||||
|
|
||||||
$state-warning-text: #8a6d3b !default;
|
$state-warning-text: #8a6d3b !default;
|
||||||
$state-warning-bg: #fcf8e3 !default;
|
$state-warning-bg: #fcf8e3 !default;
|
||||||
$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 5%) !default;
|
$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 5%) !default;
|
||||||
|
|
||||||
$state-danger-text: #a94442 !default;
|
|
||||||
$state-danger-bg: #f2dede !default;
|
|
||||||
$state-danger-border: darken(adjust-hue($state-danger-bg, -10), 5%) !default;
|
|
||||||
|
|
||||||
|
$state-danger-text: #a94442 !default;
|
||||||
|
$state-danger-bg: #f2dede !default;
|
||||||
|
$state-danger-border: darken(adjust-hue($state-danger-bg, -10), 5%) !default;
|
||||||
|
|
||||||
//== Tooltips
|
//== Tooltips
|
||||||
//
|
//
|
||||||
//##
|
//##
|
||||||
|
|
||||||
//** Tooltip max width
|
//** Tooltip max width
|
||||||
$tooltip-max-width: 200px !default;
|
$tooltip-max-width: 200px !default;
|
||||||
|
|
||||||
//** Tooltip text color
|
//** Tooltip text color
|
||||||
$tooltip-color: white !default;
|
$tooltip-color: white !default;
|
||||||
|
|
||||||
//** Tooltip background color
|
//** Tooltip background color
|
||||||
$tooltip-bg: #424242 !default;
|
$tooltip-bg: #424242 !default;
|
||||||
$tooltip-opacity: .9 !default;
|
$tooltip-opacity: 0.9 !default;
|
||||||
|
|
||||||
//** Tooltip arrow width
|
//** Tooltip arrow width
|
||||||
$tooltip-arrow-width: 5px !default;
|
$tooltip-arrow-width: 5px !default;
|
||||||
|
|
||||||
//** Tooltip arrow color
|
//** Tooltip arrow color
|
||||||
$tooltip-arrow-color: $tooltip-bg !default;
|
$tooltip-arrow-color: $tooltip-bg !default;
|
||||||
|
|
||||||
//add sleede
|
//add sleede
|
||||||
$tooltip-fallback-color: rgba(0,0,0,.9) !default;
|
$tooltip-fallback-color: rgba(0, 0, 0, 0.9) !default;
|
||||||
|
|
||||||
//== Arrow
|
//== Arrow
|
||||||
// add by sleede
|
// add by sleede
|
||||||
//##
|
//##
|
||||||
$arrow-width: 7px;
|
$arrow-width: 7px;
|
||||||
$arrow-color: #fff;
|
$arrow-color: #fff;
|
||||||
$arrow-outer-width: ($arrow-width + 1);
|
$arrow-outer-width: $arrow-width + 1;
|
||||||
$arrow-outer-color: rgba(0,0,0,.1);
|
$arrow-outer-color: rgba(0, 0, 0, 0.1);
|
||||||
$arrow-outer-fallback-color: #eee;
|
$arrow-outer-fallback-color: #eee;
|
||||||
|
|
||||||
|
|
||||||
//== Popovers
|
//== Popovers
|
||||||
//
|
//
|
||||||
//##
|
//##
|
||||||
|
|
||||||
//** Popover body background color
|
//** Popover body background color
|
||||||
$popover-bg: #fff !default;
|
$popover-bg: #fff !default;
|
||||||
|
|
||||||
//** Popover maximum width
|
//** Popover maximum width
|
||||||
$popover-max-width: 276px !default;
|
$popover-max-width: 276px !default;
|
||||||
|
|
||||||
//** Popover border color
|
//** Popover border color
|
||||||
$popover-border-color: rgba(0,0,0,.2) !default;
|
$popover-border-color: rgba(0, 0, 0, 0.2) !default;
|
||||||
|
|
||||||
//** Popover fallback border color
|
//** Popover fallback border color
|
||||||
$popover-fallback-border-color: #ccc !default;
|
$popover-fallback-border-color: #ccc !default;
|
||||||
|
|
||||||
//** Popover title background color
|
//** Popover title background color
|
||||||
$popover-title-bg: darken($popover-bg, 3%) !default;
|
$popover-title-bg: darken($popover-bg, 3%) !default;
|
||||||
|
|
||||||
//** Popover arrow width
|
//** Popover arrow width
|
||||||
$popover-arrow-width: 10px !default;
|
$popover-arrow-width: 10px !default;
|
||||||
|
|
||||||
//** Popover arrow color
|
//** Popover arrow color
|
||||||
$popover-arrow-color: #fff !default;
|
$popover-arrow-color: #fff !default;
|
||||||
|
|
||||||
//** Popover outer arrow width
|
//** Popover outer arrow width
|
||||||
$popover-arrow-outer-width: ($popover-arrow-width + 1) !default;
|
$popover-arrow-outer-width: $popover-arrow-width + 1 !default;
|
||||||
//** Popover outer arrow color
|
|
||||||
$popover-arrow-outer-color: fade_in($popover-border-color, 0.05) !default;
|
|
||||||
//** Popover outer arrow fallback color
|
|
||||||
$popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%) !default;
|
|
||||||
|
|
||||||
|
//** Popover outer arrow color
|
||||||
|
$popover-arrow-outer-color: fade_in($popover-border-color, 0.05) !default;
|
||||||
|
|
||||||
|
//** Popover outer arrow fallback color
|
||||||
|
$popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%) !default;
|
||||||
|
|
||||||
//== Labels
|
//== Labels
|
||||||
//
|
//
|
||||||
//##
|
//##
|
||||||
|
|
||||||
//** Default label background color
|
//** Default label background color
|
||||||
$label-default-bg: $gray-light !default;
|
$label-default-bg: $gray-light !default;
|
||||||
|
|
||||||
//** Primary label background color
|
//** Primary label background color
|
||||||
$label-primary-bg: $brand-primary !default;
|
$label-primary-bg: $brand-primary !default;
|
||||||
|
|
||||||
//** Success label background color
|
//** Success label background color
|
||||||
$label-success-bg: $brand-success !default;
|
$label-success-bg: $brand-success !default;
|
||||||
|
|
||||||
//** Info label background color
|
//** Info label background color
|
||||||
$label-info-bg: $brand-info !default;
|
$label-info-bg: $brand-info !default;
|
||||||
|
|
||||||
//** Warning label background color
|
//** Warning label background color
|
||||||
$label-warning-bg: $brand-warning !default;
|
$label-warning-bg: $brand-warning !default;
|
||||||
|
|
||||||
//** Danger label background color
|
//** Danger label background color
|
||||||
$label-danger-bg: $brand-danger !default;
|
$label-danger-bg: $brand-danger !default;
|
||||||
|
|
||||||
//** Default label text color
|
//** Default label text color
|
||||||
$label-color: #424242 !default;
|
$label-color: #424242 !default;
|
||||||
//** Default text color of a linked label
|
|
||||||
$label-link-hover-color: $red !default;
|
|
||||||
|
|
||||||
|
//** Default text color of a linked label
|
||||||
|
$label-link-hover-color: $red !default;
|
||||||
|
|
||||||
//== Modals
|
//== Modals
|
||||||
//
|
//
|
||||||
//##
|
//##
|
||||||
|
|
||||||
//** Padding applied to the modal body
|
//** Padding applied to the modal body
|
||||||
$modal-inner-padding: 15px !default;
|
$modal-inner-padding: 15px !default;
|
||||||
|
|
||||||
//** Padding applied to the modal title
|
//** Padding applied to the modal title
|
||||||
$modal-title-padding: 8px !default;
|
$modal-title-padding: 8px !default;
|
||||||
|
|
||||||
//** Modal title line-height
|
//** Modal title line-height
|
||||||
$modal-title-line-height: $line-height-base !default;
|
$modal-title-line-height: $line-height-base !default;
|
||||||
|
|
||||||
//** Background color of modal content area
|
//** Background color of modal content area
|
||||||
$modal-content-bg: #fff !default;
|
$modal-content-bg: #fff !default;
|
||||||
|
|
||||||
//** Modal content border color
|
//** Modal content border color
|
||||||
$modal-content-border-color: rgba(0,0,0,.2) !default;
|
$modal-content-border-color: rgba(0, 0, 0, 0.2) !default;
|
||||||
|
|
||||||
//** Modal content border color **for IE8**
|
//** Modal content border color **for IE8**
|
||||||
$modal-content-fallback-border-color: #999 !default;
|
$modal-content-fallback-border-color: #999 !default;
|
||||||
|
|
||||||
//** Modal backdrop background color
|
//** Modal backdrop background color
|
||||||
$modal-backdrop-bg: #000 !default;
|
$modal-backdrop-bg: #000 !default;
|
||||||
|
|
||||||
//** Modal backdrop opacity
|
//** Modal backdrop opacity
|
||||||
$modal-backdrop-opacity: .9 !default;
|
$modal-backdrop-opacity: 0.9 !default;
|
||||||
|
|
||||||
//** Modal header border color
|
//** Modal header border color
|
||||||
$modal-header-border-color: #e5e5e5 !default;
|
$modal-header-border-color: #e5e5e5 !default;
|
||||||
|
|
||||||
//** Modal footer border color
|
//** Modal footer border color
|
||||||
$modal-footer-border-color: $modal-header-border-color !default;
|
$modal-footer-border-color: $modal-header-border-color !default;
|
||||||
|
|
||||||
$modal-lg: 600px !default;
|
|
||||||
$modal-md: 440px !default;
|
|
||||||
$modal-sm: 340px !default;
|
|
||||||
|
|
||||||
|
$modal-lg: 600px !default;
|
||||||
|
$modal-md: 440px !default;
|
||||||
|
$modal-sm: 340px !default;
|
||||||
|
|
||||||
//== Alerts
|
//== Alerts
|
||||||
//
|
//
|
||||||
//## Define alert colors, border radius, and padding.
|
//## Define alert colors, border radius, and padding.
|
||||||
|
|
||||||
$alert-padding: 15px !default;
|
$alert-padding: 15px !default;
|
||||||
$alert-border-radius: $border-radius-base !default;
|
$alert-border-radius: $border-radius-base !default;
|
||||||
$alert-link-font-weight: bold !default;
|
$alert-link-font-weight: bold !default;
|
||||||
|
|
||||||
$alert-success-bg: $state-success-bg !default;
|
$alert-success-bg: $state-success-bg !default;
|
||||||
$alert-success-text: $state-success-text !default;
|
$alert-success-text: $state-success-text !default;
|
||||||
$alert-success-border: $state-success-border !default;
|
$alert-success-border: $state-success-border !default;
|
||||||
|
|
||||||
$alert-info-bg: $state-info-bg !default;
|
$alert-info-bg: $state-info-bg !default;
|
||||||
$alert-info-text: $state-info-text !default;
|
$alert-info-text: $state-info-text !default;
|
||||||
$alert-info-border: $state-info-border !default;
|
$alert-info-border: $state-info-border !default;
|
||||||
|
|
||||||
$alert-warning-bg: $state-warning-bg !default;
|
$alert-warning-bg: $state-warning-bg !default;
|
||||||
$alert-warning-text: $state-warning-text !default;
|
$alert-warning-text: $state-warning-text !default;
|
||||||
$alert-warning-border: $state-warning-border !default;
|
$alert-warning-border: $state-warning-border !default;
|
||||||
|
|
||||||
$alert-danger-bg: $state-danger-bg !default;
|
|
||||||
$alert-danger-text: $state-danger-text !default;
|
|
||||||
$alert-danger-border: $state-danger-border !default;
|
|
||||||
|
|
||||||
|
$alert-danger-bg: $state-danger-bg !default;
|
||||||
|
$alert-danger-text: $state-danger-text !default;
|
||||||
|
$alert-danger-border: $state-danger-border !default;
|
||||||
|
|
||||||
//== Progress bars
|
//== Progress bars
|
||||||
//
|
//
|
||||||
//##
|
//##
|
||||||
|
|
||||||
//** Background color of the whole progress component
|
//** Background color of the whole progress component
|
||||||
$progress-bg: $bg-gray !default;
|
$progress-bg: $bg-gray !default;
|
||||||
|
|
||||||
//** Progress bar text color
|
//** Progress bar text color
|
||||||
$progress-bar-color: #fff !default;
|
$progress-bar-color: #fff !default;
|
||||||
|
|
||||||
//** Variable for setting rounded corners on progress bar.
|
//** Variable for setting rounded corners on progress bar.
|
||||||
$progress-border-radius: $border-radius-base;
|
$progress-border-radius: $border-radius-base;
|
||||||
|
|
||||||
//** Default progress bar color
|
//** Default progress bar color
|
||||||
$progress-bar-bg: $brand-primary !default;
|
$progress-bar-bg: $brand-primary !default;
|
||||||
//** Success progress bar color
|
|
||||||
$progress-bar-success-bg: $brand-success !default;
|
|
||||||
//** Warning progress bar color
|
|
||||||
$progress-bar-warning-bg: $brand-warning !default;
|
|
||||||
//** Danger progress bar color
|
|
||||||
$progress-bar-danger-bg: $brand-danger !default;
|
|
||||||
//** Info progress bar color
|
|
||||||
$progress-bar-info-bg: $brand-info !default;
|
|
||||||
|
|
||||||
|
//** Success progress bar color
|
||||||
|
$progress-bar-success-bg: $brand-success !default;
|
||||||
|
|
||||||
|
//** Warning progress bar color
|
||||||
|
$progress-bar-warning-bg: $brand-warning !default;
|
||||||
|
|
||||||
|
//** Danger progress bar color
|
||||||
|
$progress-bar-danger-bg: $brand-danger !default;
|
||||||
|
|
||||||
|
//** Info progress bar color
|
||||||
|
$progress-bar-info-bg: $brand-info !default;
|
||||||
|
|
||||||
//== List group
|
//== List group
|
||||||
//
|
//
|
||||||
//##
|
//##
|
||||||
|
|
||||||
//** Background color on `.list-group-item`
|
//** Background color on `.list-group-item`
|
||||||
$list-group-bg: #fff !default;
|
$list-group-bg: #fff !default;
|
||||||
|
|
||||||
//** `.list-group-item` border color
|
//** `.list-group-item` border color
|
||||||
$list-group-border: #ddd !default;
|
$list-group-border: #ddd !default;
|
||||||
|
|
||||||
//** List group border radius
|
//** List group border radius
|
||||||
$list-group-border-radius: $border-radius-base !default;
|
$list-group-border-radius: $border-radius-base !default;
|
||||||
|
|
||||||
//** Background color of single list items on hover
|
//** Background color of single list items on hover
|
||||||
$list-group-hover-bg: $bg-gray !default;
|
$list-group-hover-bg: $bg-gray !default;
|
||||||
|
|
||||||
//** Text color of active list items
|
//** Text color of active list items
|
||||||
$list-group-active-color: $brand-info !default;
|
$list-group-active-color: $brand-info !default;
|
||||||
|
|
||||||
//** Background color of active list items
|
//** Background color of active list items
|
||||||
$list-group-active-bg: $component-active-bg !default;
|
$list-group-active-bg: $component-active-bg !default;
|
||||||
|
|
||||||
//** Border color of active list elements
|
//** Border color of active list elements
|
||||||
$list-group-active-border: $list-group-active-bg !default;
|
$list-group-active-border: $list-group-active-bg !default;
|
||||||
|
|
||||||
//** Text color for content within active list items
|
//** Text color for content within active list items
|
||||||
$list-group-active-text-color: lighten($list-group-active-bg, 40%) !default;
|
$list-group-active-text-color: lighten($list-group-active-bg, 40%) !default;
|
||||||
|
|
||||||
//** Text color of disabled list items
|
//** Text color of disabled list items
|
||||||
$list-group-disabled-color: $gray-light !default;
|
$list-group-disabled-color: $gray-light !default;
|
||||||
|
|
||||||
//** Background color of disabled list items
|
//** Background color of disabled list items
|
||||||
$list-group-disabled-bg: $gray-lighter !default;
|
$list-group-disabled-bg: $gray-lighter !default;
|
||||||
|
|
||||||
//** Text color for content within disabled list items
|
//** Text color for content within disabled list items
|
||||||
$list-group-disabled-text-color: $list-group-disabled-color !default;
|
$list-group-disabled-text-color: $list-group-disabled-color !default;
|
||||||
|
|
||||||
$list-group-link-color: #555 !default;
|
$list-group-link-color: #555 !default;
|
||||||
$list-group-link-hover-color: $list-group-link-color !default;
|
$list-group-link-hover-color: $list-group-link-color !default;
|
||||||
$list-group-link-heading-color: #333 !default;
|
$list-group-link-heading-color: #333 !default;
|
||||||
|
|
||||||
|
|
||||||
//== Panels
|
//== Panels
|
||||||
//
|
//
|
||||||
//##
|
//##
|
||||||
|
|
||||||
$panel-bg: #fff !default;
|
$panel-bg: #fff !default;
|
||||||
$panel-body-padding: 15px !default;
|
$panel-body-padding: 15px !default;
|
||||||
$panel-heading-padding: 18px 15px !default;
|
$panel-heading-padding: 18px 15px !default;
|
||||||
$panel-footer-padding: $panel-heading-padding !default;
|
$panel-footer-padding: $panel-heading-padding !default;
|
||||||
$panel-border-radius: $border-radius-large !default;
|
$panel-border-radius: $border-radius-large !default;
|
||||||
|
|
||||||
// add sleede
|
// add sleede
|
||||||
$panel-border: $border-color !default;
|
$panel-border: $border-color !default;
|
||||||
$panel-heading-bg: #fff !default;
|
$panel-heading-bg: #fff !default;
|
||||||
$panel-footer-bg: #fff !default;
|
$panel-footer-bg: #fff !default;
|
||||||
|
|
||||||
//** Border color for elements within panels
|
//** Border color for elements within panels
|
||||||
$panel-inner-border: #ddd !default;
|
$panel-inner-border: #ddd !default;
|
||||||
$panel-footer-bg: $bg-gray !default;
|
$panel-footer-bg: $bg-gray !default;
|
||||||
|
|
||||||
$panel-default-text: $gray-dark !default;
|
$panel-default-text: $gray-dark !default;
|
||||||
$panel-default-border: #ddd !default;
|
$panel-default-border: #ddd !default;
|
||||||
$panel-default-heading-bg: $bg-gray !default;
|
$panel-default-heading-bg: $bg-gray !default;
|
||||||
|
|
||||||
$panel-primary-text: #fff !default;
|
$panel-primary-text: #fff !default;
|
||||||
$panel-primary-border: #cbcbcb !default;
|
$panel-primary-border: #cbcbcb !default;
|
||||||
$panel-primary-heading-bg: #fff !default;
|
$panel-primary-heading-bg: #fff !default;
|
||||||
|
|
||||||
$panel-success-text: $state-success-text !default;
|
$panel-success-text: $state-success-text !default;
|
||||||
$panel-success-border: $state-success-border !default;
|
$panel-success-border: $state-success-border !default;
|
||||||
$panel-success-heading-bg: $state-success-bg !default;
|
$panel-success-heading-bg: $state-success-bg !default;
|
||||||
|
|
||||||
$panel-info-text: $state-info-text !default;
|
$panel-info-text: $state-info-text !default;
|
||||||
$panel-info-border: $state-info-border !default;
|
$panel-info-border: $state-info-border !default;
|
||||||
$panel-info-heading-bg: $state-info-bg !default;
|
$panel-info-heading-bg: $state-info-bg !default;
|
||||||
|
|
||||||
$panel-warning-text: $state-warning-text !default;
|
$panel-warning-text: $state-warning-text !default;
|
||||||
$panel-warning-border: $state-warning-border !default;
|
$panel-warning-border: $state-warning-border !default;
|
||||||
$panel-warning-heading-bg: $state-warning-bg !default;
|
$panel-warning-heading-bg: $state-warning-bg !default;
|
||||||
|
|
||||||
$panel-danger-text: $state-danger-text !default;
|
|
||||||
$panel-danger-border: $state-danger-border !default;
|
|
||||||
$panel-danger-heading-bg: $state-danger-bg !default;
|
|
||||||
|
|
||||||
|
$panel-danger-text: $state-danger-text !default;
|
||||||
|
$panel-danger-border: $state-danger-border !default;
|
||||||
|
$panel-danger-heading-bg: $state-danger-bg !default;
|
||||||
|
|
||||||
//== Thumbnails
|
//== Thumbnails
|
||||||
//
|
//
|
||||||
//##
|
//##
|
||||||
|
|
||||||
//** Padding around the thumbnail image
|
//** Padding around the thumbnail image
|
||||||
$thumbnail-padding: 4px !default;
|
$thumbnail-padding: 4px !default;
|
||||||
|
|
||||||
//** Thumbnail background color
|
//** Thumbnail background color
|
||||||
$thumbnail-bg: $body-bg !default;
|
$thumbnail-bg: $body-bg !default;
|
||||||
|
|
||||||
//** Thumbnail border color
|
//** Thumbnail border color
|
||||||
$thumbnail-border: #ddd !default;
|
$thumbnail-border: #ddd !default;
|
||||||
|
|
||||||
//** Thumbnail border radius
|
//** Thumbnail border radius
|
||||||
$thumbnail-border-radius: $border-radius-base !default;
|
$thumbnail-border-radius: $border-radius-base !default;
|
||||||
|
|
||||||
//** Custom text color for thumbnail captions
|
//** Custom text color for thumbnail captions
|
||||||
$thumbnail-caption-color: $text-color !default;
|
$thumbnail-caption-color: $text-color !default;
|
||||||
//** Padding around the thumbnail caption
|
|
||||||
$thumbnail-caption-padding: 9px !default;
|
|
||||||
|
|
||||||
|
//** Padding around the thumbnail caption
|
||||||
|
$thumbnail-caption-padding: 9px !default;
|
||||||
|
|
||||||
//== Wells
|
//== Wells
|
||||||
//
|
//
|
||||||
//##
|
//##
|
||||||
|
|
||||||
$well-bg: #fff !default;
|
$well-bg: #fff !default;
|
||||||
$well-border: darken($well-bg, 7%) !default;
|
$well-border: darken($well-bg, 7%) !default;
|
||||||
|
|
||||||
|
|
||||||
//== Badges
|
//== Badges
|
||||||
//
|
//
|
||||||
//##
|
//##
|
||||||
|
|
||||||
$badge-color: #fff !default;
|
$badge-color: #fff !default;
|
||||||
|
|
||||||
//** Linked badge text color on hover
|
//** Linked badge text color on hover
|
||||||
$badge-link-hover-color: #fff !default;
|
$badge-link-hover-color: #fff !default;
|
||||||
$badge-bg: $gray-light !default;
|
$badge-bg: $gray-light !default;
|
||||||
|
|
||||||
//** Badge text color in active nav link
|
//** Badge text color in active nav link
|
||||||
$badge-active-color: $link-color !default;
|
$badge-active-color: $link-color !default;
|
||||||
|
|
||||||
//** Badge background color in active nav link
|
//** Badge background color in active nav link
|
||||||
$badge-active-bg: #fff !default;
|
$badge-active-bg: #fff !default;
|
||||||
|
|
||||||
$badge-font-weight: bold !default;
|
|
||||||
$badge-line-height: 1 !default;
|
|
||||||
$badge-border-radius: 10px !default;
|
|
||||||
|
|
||||||
|
$badge-font-weight: bold !default;
|
||||||
|
$badge-line-height: 1 !default;
|
||||||
|
$badge-border-radius: 10px !default;
|
||||||
|
|
||||||
//== Breadcrumbs
|
//== Breadcrumbs
|
||||||
//
|
//
|
||||||
//##
|
//##
|
||||||
|
|
||||||
$breadcrumb-padding-vertical: 8px !default;
|
$breadcrumb-padding-vertical: 8px !default;
|
||||||
$breadcrumb-padding-horizontal: 15px !default;
|
$breadcrumb-padding-horizontal: 15px !default;
|
||||||
//** Breadcrumb background color
|
|
||||||
$breadcrumb-bg: $bg-gray !default;
|
|
||||||
//** Breadcrumb text color
|
|
||||||
$breadcrumb-color: #ccc !default;
|
|
||||||
//** Text color of current page in the breadcrumb
|
|
||||||
$breadcrumb-active-color: $gray-light !default;
|
|
||||||
//** Textual separator for between breadcrumb elements
|
|
||||||
$breadcrumb-separator: "/" !default;
|
|
||||||
|
|
||||||
|
//** Breadcrumb background color
|
||||||
|
$breadcrumb-bg: $bg-gray !default;
|
||||||
|
|
||||||
|
//** Breadcrumb text color
|
||||||
|
$breadcrumb-color: #ccc !default;
|
||||||
|
|
||||||
|
//** Text color of current page in the breadcrumb
|
||||||
|
$breadcrumb-active-color: $gray-light !default;
|
||||||
|
|
||||||
|
//** Textual separator for between breadcrumb elements
|
||||||
|
$breadcrumb-separator: "/" !default;
|
||||||
|
|
||||||
//== Carousel
|
//== Carousel
|
||||||
//
|
//
|
||||||
//##
|
//##
|
||||||
|
|
||||||
$carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6) !default;
|
$carousel-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) !default;
|
||||||
|
|
||||||
$carousel-control-color: #fff !default;
|
$carousel-control-color: #fff !default;
|
||||||
$carousel-control-width: 15% !default;
|
$carousel-control-width: 15% !default;
|
||||||
$carousel-control-opacity: .5 !default;
|
$carousel-control-opacity: 0.5 !default;
|
||||||
$carousel-control-font-size: 20px !default;
|
$carousel-control-font-size: 20px !default;
|
||||||
|
|
||||||
$carousel-indicator-active-bg: #fff !default;
|
$carousel-indicator-active-bg: #fff !default;
|
||||||
$carousel-indicator-border-color: #fff !default;
|
$carousel-indicator-border-color: #fff !default;
|
||||||
|
|
||||||
$carousel-caption-color: #fff !default;
|
|
||||||
|
|
||||||
|
$carousel-caption-color: #fff !default;
|
||||||
|
|
||||||
//== Close
|
//== Close
|
||||||
//
|
//
|
||||||
//##
|
//##
|
||||||
|
|
||||||
$close-font-weight: bold !default;
|
$close-font-weight: bold !default;
|
||||||
$close-color: #000 !default;
|
$close-color: #000 !default;
|
||||||
$close-text-shadow: 0 1px 0 #fff !default;
|
$close-text-shadow: 0 1px 0 #fff !default;
|
||||||
|
|
||||||
|
|
||||||
//== Code
|
//== Code
|
||||||
//
|
//
|
||||||
//##
|
//##
|
||||||
|
|
||||||
$code-color: #c7254e !default;
|
$code-color: #c7254e !default;
|
||||||
$code-bg: #f9f2f4 !default;
|
$code-bg: #f9f2f4 !default;
|
||||||
|
|
||||||
$kbd-color: #fff !default;
|
$kbd-color: #fff !default;
|
||||||
$kbd-bg: #333 !default;
|
$kbd-bg: #333 !default;
|
||||||
|
|
||||||
$pre-bg: transparent !default;
|
|
||||||
$pre-color: $gray-dark !default;
|
|
||||||
$pre-border-color: transparent !default;
|
|
||||||
$pre-scrollable-max-height: 340px !default;
|
|
||||||
|
|
||||||
|
$pre-bg: transparent !default;
|
||||||
|
$pre-color: $gray-dark !default;
|
||||||
|
$pre-border-color: transparent !default;
|
||||||
|
$pre-scrollable-max-height: 340px !default;
|
||||||
|
|
||||||
//== Type
|
//== Type
|
||||||
//
|
//
|
||||||
//##
|
//##
|
||||||
//** Horizontal offset for forms and lists.
|
//** Horizontal offset for forms and lists.
|
||||||
$component-offset-horizontal: 180px !default;
|
$component-offset-horizontal: 180px !default;
|
||||||
//** Text muted color
|
|
||||||
$text-muted: $gray-light !default;
|
|
||||||
//** Abbreviations and acronyms border color
|
|
||||||
$abbr-border-color: $gray-light !default;
|
|
||||||
//** Headings small color
|
|
||||||
$headings-small-color: $gray-light !default;
|
|
||||||
//** Blockquote small color
|
|
||||||
$blockquote-small-color: $gray-light !default;
|
|
||||||
//** Blockquote font size
|
|
||||||
$blockquote-font-size: ($font-size-base * 1.25) !default;
|
|
||||||
//** Blockquote border color
|
|
||||||
$blockquote-border-color: $gray-lighter !default;
|
|
||||||
//** Page header border color
|
|
||||||
$page-header-border-color: $gray-lighter !default;
|
|
||||||
//** Width of horizontal description list titles
|
|
||||||
$dl-horizontal-offset: $component-offset-horizontal !default;
|
|
||||||
//** Point at which .dl-horizontal becomes horizontal
|
|
||||||
$dl-horizontal-breakpoint: $grid-float-breakpoint;
|
|
||||||
//** Horizontal line color.
|
|
||||||
$hr-border: $gray-lighter !default;
|
|
||||||
|
|
||||||
|
//** Text muted color
|
||||||
|
$text-muted: $gray-light !default;
|
||||||
|
|
||||||
|
//** Abbreviations and acronyms border color
|
||||||
|
$abbr-border-color: $gray-light !default;
|
||||||
|
|
||||||
|
//** Headings small color
|
||||||
|
$headings-small-color: $gray-light !default;
|
||||||
|
|
||||||
|
//** Blockquote small color
|
||||||
|
$blockquote-small-color: $gray-light !default;
|
||||||
|
|
||||||
|
//** Blockquote font size
|
||||||
|
$blockquote-font-size: $font-size-base * 1.25 !default;
|
||||||
|
|
||||||
|
//** Blockquote border color
|
||||||
|
$blockquote-border-color: $gray-lighter !default;
|
||||||
|
|
||||||
|
//** Page header border color
|
||||||
|
$page-header-border-color: $gray-lighter !default;
|
||||||
|
|
||||||
|
//** Width of horizontal description list titles
|
||||||
|
$dl-horizontal-offset: $component-offset-horizontal !default;
|
||||||
|
|
||||||
|
//** Point at which .dl-horizontal becomes horizontal
|
||||||
|
$dl-horizontal-breakpoint: $grid-float-breakpoint;
|
||||||
|
|
||||||
|
//** Horizontal line color.
|
||||||
|
$hr-border: $gray-lighter !default;
|
||||||
|
|
||||||
// Core variables and mixins
|
// Core variables and mixins
|
||||||
// @import "bootstrap/variables"; //overrides
|
// @import "bootstrap/variables"; //overrides
|
||||||
|
|||||||
@ -1,5 +1,4 @@
|
|||||||
li.abuse {
|
li.abuse {
|
||||||
|
|
||||||
list-style: none;
|
list-style: none;
|
||||||
border: 1px solid #ddd;
|
border: 1px solid #ddd;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
|
|||||||
@ -8,19 +8,22 @@
|
|||||||
padding: 3rem;
|
padding: 3rem;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
-webkit-box-shadow: 0 4px 10px 2px rgba(224,224,224,0.43);
|
-webkit-box-shadow: 0 4px 10px 2px rgba(224, 224, 224, 0.43);
|
||||||
-moz-box-shadow: 0 4px 10px 2px rgba(224,224,224,0.43);
|
-moz-box-shadow: 0 4px 10px 2px rgba(224, 224, 224, 0.43);
|
||||||
box-shadow: 0 4px 10px 2px rgba(224,224,224,0.43);
|
box-shadow: 0 4px 10px 2px rgba(224, 224, 224, 0.43);
|
||||||
|
|
||||||
.cookies-actions {
|
.cookies-actions {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
button {
|
button {
|
||||||
flex-basis: 50%;
|
flex-basis: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
button.decline {
|
button.decline {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
button.accept {
|
button.accept {
|
||||||
background-color: red;
|
background-color: red;
|
||||||
border: 0;
|
border: 0;
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
.calendar-form {
|
.calendar-form {
|
||||||
margin : 2em;
|
margin: 2em;
|
||||||
border: 1px solid #ddd;
|
border: 1px solid #ddd;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
@ -21,4 +21,4 @@
|
|||||||
.external-calendar-legend {
|
.external-calendar-legend {
|
||||||
border-left: 3px solid;
|
border-left: 3px solid;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,4 +1,3 @@
|
|||||||
|
|
||||||
// admin invoices
|
// admin invoices
|
||||||
|
|
||||||
.chained {
|
.chained {
|
||||||
@ -18,8 +17,7 @@
|
|||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-color: #aeaeae #979797 #7b7b7b;
|
border-color: #aeaeae #979797 #7b7b7b;
|
||||||
box-shadow: 2px 3px 6px 0 #898989,
|
box-shadow: 2px 3px 6px 0 #898989, -2px 3px 6px 0 #898989;
|
||||||
-2px 3px 6px 0 #898989;
|
|
||||||
padding: 2em;
|
padding: 2em;
|
||||||
|
|
||||||
.invoice-buyer-infos {
|
.invoice-buyer-infos {
|
||||||
@ -61,7 +59,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.invoice-data table {
|
.invoice-data table {
|
||||||
width: 100%
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.invoice-data tr, .invoice-data th, .invoice-data td {
|
.invoice-data tr, .invoice-data th, .invoice-data td {
|
||||||
@ -93,11 +91,10 @@
|
|||||||
border: 1px dashed #c4c4c4;
|
border: 1px dashed #c4c4c4;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
&:after {
|
&:after {
|
||||||
content:"";
|
content: "";
|
||||||
display:block;
|
display: block;
|
||||||
margin-top:30%;
|
margin-top: 30%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.vat-line {
|
.vat-line {
|
||||||
@ -116,26 +113,27 @@
|
|||||||
.right {
|
.right {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.custom-invoice {
|
.custom-invoice {
|
||||||
.modal-header {
|
.modal-header {
|
||||||
@extend .modal-header;
|
@extend .modal-header;
|
||||||
|
|
||||||
// padding-left: 4em;
|
// padding-left: 4em;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background-color: #e6e6e6;
|
background-color: #e6e6e6;
|
||||||
}
|
}
|
||||||
|
|
||||||
.modal-body {
|
.modal-body {
|
||||||
|
|
||||||
.elements ul {
|
.elements ul {
|
||||||
@extend .list-unstyled;
|
@extend .list-unstyled;
|
||||||
}
|
}
|
||||||
|
|
||||||
.elements li {
|
.elements li {
|
||||||
@extend .btn;
|
@extend .btn;
|
||||||
|
|
||||||
@extend .btn-default;
|
@extend .btn-default;
|
||||||
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -151,18 +149,23 @@
|
|||||||
.bottom-notes {
|
.bottom-notes {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.partial-avoir-table tr {
|
.partial-avoir-table tr {
|
||||||
float:left;
|
float: left;
|
||||||
|
|
||||||
.input-col { min-width: 2em; }
|
.input-col {
|
||||||
.label-col { min-width: 18em; }
|
min-width: 2em;
|
||||||
.amount-col { min-width: 6em; }
|
}
|
||||||
|
|
||||||
|
.label-col {
|
||||||
|
min-width: 18em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.amount-col {
|
||||||
|
min-width: 6em;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.partial-avoir-selected-item {
|
.partial-avoir-selected-item {
|
||||||
@ -171,8 +174,8 @@
|
|||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
&:after {
|
&:after {
|
||||||
content:"Rembourser";
|
content: "Rembourser";
|
||||||
display:inline-block;
|
display: inline-block;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 0.8em;
|
right: 0.8em;
|
||||||
top: 1.8em;
|
top: 1.8em;
|
||||||
@ -193,7 +196,6 @@
|
|||||||
color: #5a5a5a;
|
color: #5a5a5a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
table.closings-table {
|
table.closings-table {
|
||||||
@extend table.scrollable-3-cols;
|
@extend table.scrollable-3-cols;
|
||||||
|
|
||||||
@ -223,6 +225,7 @@ table.closings-table {
|
|||||||
i {
|
i {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:after {
|
&:after {
|
||||||
content: '\f019';
|
content: '\f019';
|
||||||
font-family: 'fontawesome';
|
font-family: 'fontawesome';
|
||||||
@ -234,22 +237,26 @@ table.scrollable-3-cols {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
|
|
||||||
thead, tbody, tr, th, td { display: block; }
|
thead, tbody, tr, th, td {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
thead tr {
|
thead tr {
|
||||||
/* fallback */
|
/* fallback */
|
||||||
width: 97%;
|
width: 97%;
|
||||||
|
|
||||||
/* minus scroll bar width */
|
/* minus scroll bar width */
|
||||||
width: -webkit-calc(100% - 16px);
|
width: -webkit-calc(100% - 16px);
|
||||||
width: -moz-calc(100% - 16px);
|
width: -moz-calc(100% - 16px);
|
||||||
width: calc(100% - 16px);
|
width: calc(100% - 16px);
|
||||||
}
|
}
|
||||||
|
|
||||||
thead tr th {
|
thead tr th {
|
||||||
border-bottom: 0;
|
border-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
tr:after { /* clearing float */
|
tr:after {
|
||||||
|
/* clearing float */
|
||||||
content: ' ';
|
content: ' ';
|
||||||
display: block;
|
display: block;
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
@ -263,12 +270,13 @@ table.scrollable-3-cols {
|
|||||||
}
|
}
|
||||||
|
|
||||||
tbody td, thead th {
|
tbody td, thead th {
|
||||||
width: 32%; /* 32% is less than (100% / 3 cols) = 33.33% */
|
width: 32%;
|
||||||
|
|
||||||
|
/* 32% is less than (100% / 3 cols) = 33.33% */
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.period-info-title {
|
.period-info-title {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -5,6 +5,7 @@
|
|||||||
.note-toolbar .note-btn-group .note-btn .nugget {
|
.note-toolbar .note-btn-group .note-btn .nugget {
|
||||||
font-family: "FontAwesome";
|
font-family: "FontAwesome";
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-editing-area .note-editable {
|
.note-editing-area .note-editable {
|
||||||
#news {
|
#news {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@ -20,29 +21,35 @@
|
|||||||
|
|
||||||
#projects {
|
#projects {
|
||||||
@extend #news;
|
@extend #news;
|
||||||
|
|
||||||
line-height: 523px;
|
line-height: 523px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#twitter {
|
#twitter {
|
||||||
@extend #news;
|
@extend #news;
|
||||||
|
|
||||||
line-height: 162px;
|
line-height: 162px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#members {
|
#members {
|
||||||
@extend #news;
|
@extend #news;
|
||||||
|
|
||||||
line-height: 320px;
|
line-height: 320px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#events {
|
#events {
|
||||||
@extend #news;
|
@extend #news;
|
||||||
|
|
||||||
line-height: 621px;
|
line-height: 621px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.home-page-style {
|
.home-page-style {
|
||||||
.panel {
|
.panel {
|
||||||
border: 0;
|
border: 0;
|
||||||
|
|
||||||
.panel-heading {
|
.panel-heading {
|
||||||
background: none;
|
background: none;
|
||||||
|
|
||||||
|
|||||||
@ -5,24 +5,29 @@
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.required-row {
|
.required-row {
|
||||||
div.input-group {
|
div.input-group {
|
||||||
width: 95%;
|
width: 95%;
|
||||||
display: inline-table;
|
display: inline-table;
|
||||||
}
|
}
|
||||||
|
|
||||||
select.form-control {
|
select.form-control {
|
||||||
width: 95%;
|
width: 95%;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.exponent {
|
.exponent {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -14px;
|
top: -14px;
|
||||||
right: -4px;
|
right: -4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.exponent-select {
|
.exponent-select {
|
||||||
top: -1px;
|
top: -1px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.info-required {
|
.info-required {
|
||||||
color: #5a5a5a;
|
color: #5a5a5a;
|
||||||
font-size: 8pt;
|
font-size: 8pt;
|
||||||
|
|||||||
@ -4,7 +4,6 @@
|
|||||||
z-index: 10000;
|
z-index: 10000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.ui-tour-popup.popover {
|
.ui-tour-popup.popover {
|
||||||
max-width: 414px;
|
max-width: 414px;
|
||||||
}
|
}
|
||||||
@ -22,10 +21,22 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.shift-right-40 { margin-left: 40px; }
|
.shift-right-40 {
|
||||||
|
margin-left: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
.shift-left-40 { margin-left: -40px; }
|
.shift-left-40 {
|
||||||
.shift-left-50 { margin-left: -50px; }
|
margin-left: -40px;
|
||||||
.shift-left-80 { margin-left: -80px; }
|
}
|
||||||
|
|
||||||
.width-350 { width: 350px; }
|
.shift-left-50 {
|
||||||
|
margin-left: -50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.shift-left-80 {
|
||||||
|
margin-left: -80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.width-350 {
|
||||||
|
width: 350px;
|
||||||
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user