Move sass files out of public to resources/sass

This commit is contained in:
Nabeel Shahzad
2018-03-27 16:34:37 -05:00
parent 30a8028827
commit 999b11deb5
85 changed files with 3561 additions and 10887 deletions

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@@ -1,702 +0,0 @@
/*! X-editable - v1.5.0
* In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery
* http://github.com/vitalets/x-editable
* Copyright (c) 2013 Vitaliy Potapov; Licensed MIT */
.editableform {
margin-bottom: 0; /* overwrites bootstrap margin */
}
.editableform .control-group {
margin-bottom: 0; /* overwrites bootstrap margin */
white-space: nowrap; /* prevent wrapping buttons on new line */
line-height: 20px; /* overwriting bootstrap line-height. See #133 */
}
.editable-buttons {
display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */
vertical-align: top;
margin-left: 7px;
/* inline-block emulation for IE7*/
zoom: 1;
*display: inline;
}
.editable-buttons.editable-buttons-bottom {
display: block;
margin-top: 7px;
margin-left: 0;
}
.editable-input {
vertical-align: top;
display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */
width: auto; /* bootstrap-responsive has width: 100% that breakes layout */
white-space: normal; /* reset white-space decalred in parent*/
/* display-inline emulation for IE7*/
zoom: 1;
*display: inline;
}
.editable-buttons .editable-cancel {
margin-left: 7px;
}
/*for jquery-ui buttons need set height to look more pretty*/
.editable-buttons button.ui-button-icon-only {
height: 24px;
width: 30px;
}
.editableform-loading {
background: url('../img/loading.gif') center center no-repeat;
height: 25px;
width: auto;
min-width: 25px;
}
.editable-inline .editableform-loading {
background-position: left 5px;
}
.editable-error-block {
max-width: 300px;
margin: 5px 0 0 0;
width: auto;
white-space: normal;
}
/*add padding for jquery ui*/
.editable-error-block.ui-state-error {
padding: 3px;
}
.editable-error {
color: red;
}
/* ---- For specific types ---- */
.editableform .editable-date {
padding: 0;
margin: 0;
float: left;
}
/* move datepicker icon to center of add-on button. See https://github.com/vitalets/x-editable/issues/183 */
.editable-inline .add-on .icon-th {
margin-top: 3px;
margin-left: 1px;
}
/* checklist vertical alignment */
.editable-checklist label input[type="checkbox"],
.editable-checklist label span {
vertical-align: middle;
margin: 0;
}
.editable-checklist label {
white-space: nowrap;
}
/* set exact width of textarea to fit buttons toolbar */
.editable-wysihtml5 {
width: 566px;
height: 250px;
}
/* clear button shown as link in date inputs */
.editable-clear {
clear: both;
font-size: 0.9em;
text-decoration: none;
text-align: right;
}
/* IOS-style clear button for text inputs */
.editable-clear-x {
background: url('../img/clear.png') center center no-repeat;
display: block;
width: 13px;
height: 13px;
position: absolute;
opacity: 0.6;
z-index: 100;
top: 50%;
right: 6px;
margin-top: -6px;
}
.editable-clear-x:hover {
opacity: 1;
}
.editable-pre-wrapped {
white-space: pre-wrap;
}
.editable-container.editable-popup {
max-width: none !important; /* without this rule poshytip/tooltip does not stretch */
}
.editable-container.popover {
width: auto; /* without this rule popover does not stretch */
}
.editable-container.editable-inline {
display: inline-block;
vertical-align: middle;
width: auto;
/* inline-block emulation for IE7*/
zoom: 1;
*display: inline;
}
.editable-container.ui-widget {
font-size: inherit; /* jqueryui widget font 1.1em too big, overwrite it */
z-index: 9990; /* should be less than select2 dropdown z-index to close dropdown first when click */
}
.editable-click,
a.editable-click,
a.editable-click:hover {
text-decoration: none;
border-bottom: dashed 1px #0088cc;
}
.editable-click.editable-disabled,
a.editable-click.editable-disabled,
a.editable-click.editable-disabled:hover {
color: #585858;
cursor: default;
border-bottom: none;
}
.editable-empty, .editable-empty:hover, .editable-empty:focus {
font-style: italic;
color: #DD1144;
/* border-bottom: none; */
text-decoration: none;
}
.editable-unsaved {
font-weight: bold;
}
.editable-unsaved:after {
/* content: '*'*/
}
.editable-bg-transition {
-webkit-transition: background-color 1400ms ease-out;
-moz-transition: background-color 1400ms ease-out;
-o-transition: background-color 1400ms ease-out;
-ms-transition: background-color 1400ms ease-out;
transition: background-color 1400ms ease-out;
}
/*see https://github.com/vitalets/x-editable/issues/139 */
.form-horizontal .editable {
padding-top: 5px;
display: inline-block;
}
/*!
* Datepicker for Bootstrap
*
* Copyright 2012 Stefan Petre
* Improvements by Andrew Rowls
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
*/
.datepicker {
padding: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
direction: ltr;
/*.dow {
border-top: 1px solid #ddd !important;
}*/
}
.datepicker-inline {
width: 220px;
}
.datepicker.datepicker-rtl {
direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
float: right;
}
.datepicker-dropdown {
top: 0;
left: 0;
}
.datepicker-dropdown:before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
top: -7px;
left: 6px;
}
.datepicker-dropdown:after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #ffffff;
position: absolute;
top: -6px;
left: 7px;
}
.datepicker > div {
display: none;
}
.datepicker.days div.datepicker-days {
display: block;
}
.datepicker.months div.datepicker-months {
display: block;
}
.datepicker.years div.datepicker-years {
display: block;
}
.datepicker table {
margin: 0;
}
.datepicker td,
.datepicker th {
text-align: center;
width: 20px;
height: 20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
background-color: transparent;
}
.datepicker table tr td.day:hover {
background: #eeeeee;
cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
color: #999999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
background: none;
color: #999999;
cursor: default;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
background-color: #fde19a;
background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
background-image: linear-gradient(top, #fdd49a, #fdf59a);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
border-color: #fdf59a #fdf59a #fbed50;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #000;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
background-color: #fdf59a;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
background-color: #fbf069 \9;
}
.datepicker table tr td.today:hover:hover {
color: #000;
}
.datepicker table tr td.today.active:hover {
color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
background: #eeeeee;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
background-color: #f3d17a;
background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);
background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);
background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);
background-image: linear-gradient(top, #f3c17a, #f3e97a);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
border-color: #f3e97a #f3e97a #edde34;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
background-color: #f3e97a;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
background-color: #efe24b \9;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
background-color: #9e9e9e;
background-image: -moz-linear-gradient(top, #b3b3b3, #808080);
background-image: -ms-linear-gradient(top, #b3b3b3, #808080);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);
background-image: -o-linear-gradient(top, #b3b3b3, #808080);
background-image: linear-gradient(top, #b3b3b3, #808080);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
border-color: #808080 #808080 #595959;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
background-color: #808080;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
background-color: #666666 \9;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
background-color: #006dcc;
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
background-image: linear-gradient(top, #0088cc, #0044cc);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
border-color: #0044cc #0044cc #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
background-color: #0044cc;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
background-color: #003399 \9;
}
.datepicker table tr td span {
display: block;
width: 23%;
height: 54px;
line-height: 54px;
float: left;
margin: 1%;
cursor: pointer;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.datepicker table tr td span:hover {
background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
background: none;
color: #999999;
cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
background-color: #006dcc;
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
background-image: linear-gradient(top, #0088cc, #0044cc);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
border-color: #0044cc #0044cc #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
background-color: #0044cc;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
background-color: #003399 \9;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
color: #999999;
}
.datepicker th.datepicker-switch {
width: 145px;
}
.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
cursor: pointer;
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
background: #eeeeee;
}
.datepicker .cw {
font-size: 10px;
width: 12px;
padding: 0 2px 0 5px;
vertical-align: middle;
}
.datepicker thead tr:first-child th.cw {
cursor: default;
background-color: transparent;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
display: block;
cursor: pointer;
width: 16px;
height: 16px;
}
.input-daterange input {
text-align: center;
}
.input-daterange input:first-child {
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.input-daterange .add-on {
display: inline-block;
width: auto;
min-width: 16px;
height: 18px;
padding: 4px 5px;
font-weight: normal;
line-height: 18px;
text-align: center;
text-shadow: 0 1px 0 #ffffff;
vertical-align: middle;
background-color: #eeeeee;
border: 1px solid #ccc;
margin-left: -5px;
margin-right: -5px;
}

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@@ -1 +0,0 @@
{"version":3,"file":"/assets/admin/vendor/paper-dashboard.css","sources":[],"mappings":";;;;;;;;;;;;;;A","sourceRoot":""}

View File

@@ -1,46 +0,0 @@
/*!
=========================================================
* Paper Dashboard - v1.1.2
=========================================================
* Product Page: http://www.creative-tim.com/product/paper-dashboard
* Copyright 2017 Creative Tim (http://www.creative-tim.com)
* Licensed under MIT (https://github.com/creativetimofficial/paper-dashboard/blob/master/LICENSE.md)
=========================================================
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
*/
@import "paper/variables";
@import "paper/mixins";
@import "paper/typography";
// Core CSS
@import "paper/misc";
@import "paper/sidebar-and-main-panel";
@import "paper/badges";
@import "paper/buttons";
@import "paper/inputs";
@import "paper/alerts";
@import "paper/tables";
@import "paper/checkbox-radio";
@import "paper/navbars";
@import "paper/footers";
// Fancy Stuff
@import "paper/dropdown";
@import "paper/cards";
@import "paper/chartist";
@import "paper/responsive";

View File

@@ -1,64 +0,0 @@
.alert{
border: 0;
border-radius: 0;
color: #FFFFFF;
padding: 10px 15px;
font-size: 14px;
.container &{
border-radius: 4px;
}
.navbar &{
border-radius: 0;
left: 0;
position: absolute;
right: 0;
top: 85px;
width: 100%;
z-index: 3;
}
.navbar:not(.navbar-transparent) &{
top: 70px;
}
span[data-notify="icon"]{
font-size: 30px;
display: block;
left: 15px;
position: absolute;
top: 50%;
margin-top: -20px;
}
.close ~ span{
display: block;
max-width: 89%;
}
&[data-notify="container"]{
padding: 10px 10px 10px 20px;
border-radius: $border-radius-base;
}
&.alert-with-icon{
padding-left: 65px;
}
}
.alert-info{
background-color: $bg-info;
color: $info-states-color;
}
.alert-success {
background-color: $bg-success;
color: $success-states-color;
}
.alert-warning {
background-color: $bg-warning;
color: $warning-states-color;
}
.alert-danger {
background-color: $danger-color;
color: #FFF;
}

View File

@@ -1,47 +0,0 @@
/* badges */
.badge {
border-radius: 8px;
padding: 4px 8px;
text-transform: uppercase;
font-size: $font-size-mini;
line-height: 12px;
background-color: $transparent-bg;
border: $border;
margin-bottom: 5px;
border-radius: $border-radius-extreme;
}
.badge-icon {
padding: 0.4em 0.55em;
i {
font-size: 0.8em;
}
}
.badge-default {
@include badge-color($default-color);
}
.badge-primary {
@include badge-color($primary-color);
}
.badge-info {
@include badge-color($info-color);
}
.badge-success {
@include badge-color($success-color);
}
.badge-warning {
@include badge-color($warning-color);
}
.badge-danger {
@include badge-color($danger-color);
}
.badge-neutral {
@include badge-color($white-color);
}

View File

@@ -1,115 +0,0 @@
.btn,
.navbar .navbar-nav > li > a.btn{
//border-radius: $border-radius-btn-base;
box-sizing: border-box;
//border-width: $border-thick;
background-color: $transparent-bg;
font-size: $font-size-base;
font-weight: $font-weight-semi;
margin-top: 5px;
padding: $padding-small-vertical $padding-base-horizontal;
@include btn-styles($default-color, $default-states-color);
@include transition($fast-transition-time, linear);
&:hover,
&:focus{
outline: 0 !important;
}
&:active,
&.active,
.open > &.dropdown-toggle {
@include box-shadow(none);
outline: 0 !important;
}
&.btn-icon{
padding: $padding-base-vertical;
}
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group{
margin-left: -2px;
}
// Apply the mixin to the buttons
//.btn-default { @include btn-styles($default-color, $default-states-color); }
.navbar .navbar-nav > li > a.btn-primary, .btn-primary { @include btn-styles($primary-color, $primary-states-color); }
.navbar .navbar-nav > li > a.btn-success, .btn-success { @include btn-styles($success-color, $success-states-color); }
.navbar .navbar-nav > li > a.btn-info, .btn-info { @include btn-styles($info-color, $info-states-color); }
.navbar .navbar-nav > li > a.btn-warning, .btn-warning { @include btn-styles($warning-color, $warning-states-color); }
.navbar .navbar-nav > li > a.btn-danger, .btn-danger { @include btn-styles($danger-color, $danger-states-color); }
.btn-neutral {
@include btn-styles($white-color, $white-color);
&:hover,
&:focus{
color: $default-color;
}
&:active,
&.active,
.open > &.dropdown-toggle{
background-color: $white-color;
color: $default-color;
}
&.btn-fill{
color: $default-color;
}
&.btn-fill:hover,
&.btn-fill:focus{
color: $default-states-color;
}
&.btn-simple:active,
&.btn-simple.active{
background-color: transparent;
}
}
.btn{
&:disabled,
&[disabled],
&.disabled{
@include opacity(.5);
}
}
.btn-simple{
border: $none;
padding: $padding-base-vertical $padding-base-horizontal;
&.btn-icon{
padding: $padding-base-vertical;
}
}
.btn-lg{
@include btn-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $border-radius-btn-large, $line-height-small);
font-weight: $font-weight-normal;
}
.btn-sm{
@include btn-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $border-radius-btn-small, $line-height-small);
}
.btn-xs {
@include btn-size($padding-xs-vertical, $padding-xs-horizontal, $font-size-xs, $border-radius-btn-small, $line-height-small);
}
.btn-wd {
min-width: 140px;
}
.btn-group.select{
width: 100%;
}
.btn-group.select .btn{
text-align: left;
}
.btn-group.select .caret{
position: absolute;
top: 50%;
margin-top: -1px;
right: 8px;
}

View File

@@ -1,292 +0,0 @@
.card {
border: 0;
border-radius: $border-radius-extra-small;
box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5);
background-color: #FFFFFF;
color: $card-black-color;
margin-bottom: 20px;
position: relative;
z-index: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
background-color: #fff;
.card-block {
flex: 1 1 auto;
padding: 1.25rem;
}
a {
color: #f96332;
}
.image{
width: 100%;
overflow: hidden;
height: 260px;
border-radius: $border-radius-extreme $border-radius-extreme 0 0;
position: relative;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
img {
width: 100%;
}
}
.content{
padding: 15px 15px 10px 15px;
}
.header{
padding: 0px 0px 10px 0;
}
.description{
font-size: $font-paragraph;
color: $font-color;
}
h5 {
font-size: 1.57em;
line-height: 1.4em;
margin-bottom: 15px;
}
h6{
font-size: $font-size-small;
margin: 0;
}
.category,
label{
font-size: $font-size-base;
font-weight: $font-weight-normal;
color: $dark-gray;
text-transform: capitalize;
margin-bottom: 0px;
i{
font-size: $font-paragraph;
}
}
label{
font-size: 15px;
margin-bottom: 5px;
text-transform: capitalize;
display: inline-block;
vertical-align: middle;
}
.title{
margin: $none;
color: $card-black-color;
font-weight: $font-weight-light;
}
.avatar{
width: 50px;
height: 50px;
overflow: hidden;
border-radius: 50%;
margin-right: 5px;
}
.footer{
padding: 0;
line-height: 30px;
.legend{
padding: 5px 0;
}
hr{
margin-top: 5px;
margin-bottom: 5px;
}
}
.stats{
color: #a9a9a9;
font-weight: 300;
i{
margin-right: 2px;
min-width: 15px;
display: inline-block;
}
}
.footer div{
display: inline-block;
}
.author{
font-size: $font-size-small;
font-weight: $font-weight-bold;
text-transform: uppercase;
}
.author i{
font-size: $font-size-base;
}
&.card-separator:after{
height: 100%;
right: -15px;
top: 0;
width: 1px;
background-color: $medium-gray;
content: "";
position: absolute;
}
.ct-chart{
margin: 30px 0 30px;
height: 245px;
}
.table{
tbody td:first-child,
thead th:first-child{
padding-left: 15px;
}
tbody td:last-child,
thead th:last-child{
padding-right: 15px;
}
}
.alert{
border-radius: $border-radius-base;
position: relative;
&.alert-with-icon{
padding-left: 65px;
}
}
.icon-big{
font-size: 3em;
min-height: 64px;
}
.numbers{
font-size: 2em;
text-align: right;
p{
margin: 0;
}
}
ul.team-members{
li{
padding: 10px 0px;
&:not(:last-child){
border-bottom: 1px solid $medium-pale-bg;
}
}
}
.btn-primary {
@include btn-styles($primary-color, $primary-states-color);
}
.btn-success {
@include btn-styles($success-color, $success-states-color);
}
.btn-info {
@include btn-styles($info-color, $info-states-color);
}
.btn-warning {
@include btn-styles($warning-color, $warning-states-color);
}
.btn-danger {
@include btn-styles($danger-color, $danger-states-color);
}
.btn-neutral {
@include btn-styles($white-color, $white-color);
}
}
.card-user{
.image{
border-radius: 8px 8px 0 0;
height: 150px;
position: relative;
overflow: hidden;
img{
width: 100%;
}
}
.image-plain{
height: 0;
margin-top: 110px;
}
.author{
text-align: center;
text-transform: none;
margin-top: -65px;
.title{
color: $default-states-color;
small{
color: $card-muted-color;
}
}
}
.avatar{
width: 100px;
height: 100px;
border-radius: 50%;
position: relative;
margin-bottom: 15px;
&.border-white{
border: 5px solid $white-color;
}
&.border-gray{
border: 5px solid $card-muted-color;
}
}
.title{
font-weight: 600;
line-height: 24px;
}
.description{
margin-top: 10px;
}
.content{
min-height: 200px;
}
&.card-plain{
.avatar{
height: 190px;
width: 190px;
}
}
}
.card-map{
.map{
height: 500px;
padding-top: 20px;
> div{
height: 100%;
}
}
}
.card-user,
.card-price{
.footer{
padding: 5px 15px 10px;
}
hr{
margin: 5px 15px;
}
}
.card-plain{
background-color: transparent;
box-shadow: none;
border-radius: 0;
.image{
border-radius: 4px;
}
}

View File

@@ -1,230 +0,0 @@
@mixin ct-responsive-svg-container($width: 100%, $ratio: $ct-container-ratio) {
display: block;
position: relative;
width: $width;
&:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: $ratio * 100%;
}
&:after {
content: "";
display: table;
clear: both;
}
> svg {
display: block;
position: absolute;
top: 0;
left: 0;
}
}
@mixin ct-align-justify($ct-text-align: $ct-text-align, $ct-text-justify: $ct-text-justify) {
-webkit-box-align: $ct-text-align;
-webkit-align-items: $ct-text-align;
-ms-flex-align: $ct-text-align;
align-items: $ct-text-align;
-webkit-box-pack: $ct-text-justify;
-webkit-justify-content: $ct-text-justify;
-ms-flex-pack: $ct-text-justify;
justify-content: $ct-text-justify;
// Fallback to text-align for non-flex browsers
@if($ct-text-justify == 'flex-start') {
text-align: left;
} @else if ($ct-text-justify == 'flex-end') {
text-align: right;
} @else {
text-align: center;
}
}
@mixin ct-flex() {
// Fallback to block
display: block;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
@mixin ct-chart-label($ct-text-color: $ct-text-color, $ct-text-size: $ct-text-size, $ct-text-line-height: $ct-text-line-height) {
fill: $ct-text-color;
color: $ct-text-color;
font-size: $ct-text-size;
line-height: $ct-text-line-height;
}
@mixin ct-chart-grid($ct-grid-color: $ct-grid-color, $ct-grid-width: $ct-grid-width, $ct-grid-dasharray: $ct-grid-dasharray) {
stroke: $ct-grid-color;
stroke-width: $ct-grid-width;
@if ($ct-grid-dasharray) {
stroke-dasharray: $ct-grid-dasharray;
}
}
@mixin ct-chart-point($ct-point-size: $ct-point-size, $ct-point-shape: $ct-point-shape) {
stroke-width: $ct-point-size;
stroke-linecap: $ct-point-shape;
}
@mixin ct-chart-line($ct-line-width: $ct-line-width, $ct-line-dasharray: $ct-line-dasharray) {
fill: none;
stroke-width: $ct-line-width;
@if ($ct-line-dasharray) {
stroke-dasharray: $ct-line-dasharray;
}
}
@mixin ct-chart-area($ct-area-opacity: $ct-area-opacity) {
stroke: none;
fill-opacity: $ct-area-opacity;
}
@mixin ct-chart-bar($ct-bar-width: $ct-bar-width) {
fill: none;
stroke-width: $ct-bar-width;
}
@mixin ct-chart-donut($ct-donut-width: $ct-donut-width) {
fill: none;
stroke-width: $ct-donut-width;
}
@mixin ct-chart-series-color($color) {
.#{$ct-class-point}, .#{$ct-class-line}, .#{$ct-class-bar}, .#{$ct-class-slice-donut} {
stroke: $color;
}
.#{$ct-class-slice-pie}, .#{$ct-class-area} {
fill: $color;
}
}
@mixin ct-chart($ct-container-ratio: $ct-container-ratio, $ct-text-color: $ct-text-color, $ct-text-size: $ct-text-size, $ct-grid-color: $ct-grid-color, $ct-grid-width: $ct-grid-width, $ct-grid-dasharray: $ct-grid-dasharray, $ct-point-size: $ct-point-size, $ct-point-shape: $ct-point-shape, $ct-line-width: $ct-line-width, $ct-bar-width: $ct-bar-width, $ct-donut-width: $ct-donut-width, $ct-series-names: $ct-series-names, $ct-series-colors: $ct-series-colors) {
.#{$ct-class-label} {
@include ct-chart-label($ct-text-color, $ct-text-size);
}
.#{$ct-class-chart-line} .#{$ct-class-label},
.#{$ct-class-chart-bar} .#{$ct-class-label} {
@include ct-flex();
}
.#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-start} {
@include ct-align-justify(flex-end, flex-start);
// Fallback for browsers that don't support foreignObjects
text-anchor: start;
}
.#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-end} {
@include ct-align-justify(flex-start, flex-start);
// Fallback for browsers that don't support foreignObjects
text-anchor: start;
}
.#{$ct-class-label}.#{$ct-class-vertical}.#{$ct-class-start} {
@include ct-align-justify(flex-end, flex-end);
// Fallback for browsers that don't support foreignObjects
text-anchor: end;
}
.#{$ct-class-label}.#{$ct-class-vertical}.#{$ct-class-end} {
@include ct-align-justify(flex-end, flex-start);
// Fallback for browsers that don't support foreignObjects
text-anchor: start;
}
.#{$ct-class-chart-bar} .#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-start} {
@include ct-align-justify(flex-end, center);
// Fallback for browsers that don't support foreignObjects
text-anchor: start;
}
.#{$ct-class-chart-bar} .#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-end} {
@include ct-align-justify(flex-start, center);
// Fallback for browsers that don't support foreignObjects
text-anchor: start;
}
.#{$ct-class-chart-bar}.#{$ct-class-horizontal-bars} .#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-start} {
@include ct-align-justify(flex-end, flex-start);
// Fallback for browsers that don't support foreignObjects
text-anchor: start;
}
.#{$ct-class-chart-bar}.#{$ct-class-horizontal-bars} .#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-end} {
@include ct-align-justify(flex-start, flex-start);
// Fallback for browsers that don't support foreignObjects
text-anchor: start;
}
.#{$ct-class-chart-bar}.#{$ct-class-horizontal-bars} .#{$ct-class-label}.#{$ct-class-vertical}.#{$ct-class-start} {
//@include ct-chart-label($ct-text-color, $ct-text-size, center, $ct-vertical-text-justify);
@include ct-align-justify(center, flex-end);
// Fallback for browsers that don't support foreignObjects
text-anchor: end;
}
.#{$ct-class-chart-bar}.#{$ct-class-horizontal-bars} .#{$ct-class-label}.#{$ct-class-vertical}.#{$ct-class-end} {
@include ct-align-justify(center, flex-start);
// Fallback for browsers that don't support foreignObjects
text-anchor: end;
}
.#{$ct-class-grid} {
@include ct-chart-grid($ct-grid-color, $ct-grid-width, $ct-grid-dasharray);
}
.#{$ct-class-point} {
@include ct-chart-point($ct-point-size, $ct-point-shape);
}
.#{$ct-class-line} {
@include ct-chart-line($ct-line-width);
}
.#{$ct-class-area} {
@include ct-chart-area();
}
.#{$ct-class-bar} {
@include ct-chart-bar($ct-bar-width);
}
.#{$ct-class-slice-donut} {
@include ct-chart-donut($ct-donut-width);
}
@if $ct-include-colored-series {
@for $i from 0 to length($ct-series-names) {
.#{$ct-class-series}-#{nth($ct-series-names, $i + 1)} {
$color: nth($ct-series-colors, $i + 1);
@include ct-chart-series-color($color);
}
}
}
}
@if $ct-include-classes {
@include ct-chart();
@if $ct-include-alternative-responsive-containers {
@for $i from 0 to length($ct-scales-names) {
.#{nth($ct-scales-names, $i + 1)} {
@include ct-responsive-svg-container($ratio: nth($ct-scales, $i + 1));
}
}
}
}

View File

@@ -1,132 +0,0 @@
/* Checkbox and radio */
.checkbox,
.radio {
margin-bottom: 12px;
padding-left: 30px;
position: relative;
-webkit-transition: color,opacity 0.25s linear;
transition: color,opacity 0.25s linear;
font-size: $font-size-base;
font-weight: normal;
line-height: 1.5;
color: $font-color;
cursor: pointer;
.icons {
color: $font-color;
display: block;
height: 20px;
left: 0;
position: absolute;
top: 0;
width: 20px;
text-align: center;
line-height: 21px;
font-size: 20px;
cursor: pointer;
-webkit-transition: color,opacity 0.15s linear;
transition: color,opacity 0.15s linear;
opacity: .50;
}
&.checked{
.icons{
opacity: 1;
}
}
input{
outline: none !important;
display: none;
}
}
.checkbox,
.radio{
label{
padding-left: 10px;
}
}
.checkbox .icons .first-icon,
.radio .icons .first-icon,
.checkbox .icons .second-icon,
.radio .icons .second-icon {
display: inline-table;
position: absolute;
left: 0;
top: 0;
background-color: transparent;
margin: 0;
@include opacity(1);
}
.checkbox .icons .second-icon,
.radio .icons .second-icon {
@include opacity(0);
}
.checkbox:hover,
.radio:hover {
-webkit-transition: color 0.2s linear;
transition: color 0.2s linear;
}
.checkbox:hover .first-icon,
.radio:hover .first-icon {
@include opacity(0);
}
.checkbox:hover .second-icon,
.radio:hover .second-icon {
@include opacity (1);
}
.checkbox.checked,
.radio.checked {
// color: $info-color;
}
.checkbox.checked .first-icon,
.radio.checked .first-icon {
opacity: 0;
filter: alpha(opacity=0);
}
.checkbox.checked .second-icon,
.radio.checked .second-icon {
opacity: 1;
filter: alpha(opacity=100);
// color: $info-color;
-webkit-transition: color 0.2s linear;
transition: color 0.2s linear;
}
.checkbox.disabled,
.radio.disabled {
cursor: default;
color: $medium-gray;
}
.checkbox.disabled .icons,
.radio.disabled .icons {
color: $medium-gray;
}
.checkbox.disabled .first-icon,
.radio.disabled .first-icon {
opacity: 1;
filter: alpha(opacity=100);
}
.checkbox.disabled .second-icon,
.radio.disabled .second-icon {
opacity: 0;
filter: alpha(opacity=0);
}
.checkbox.disabled.checked .icons,
.radio.disabled.checked .icons {
color: $medium-gray;
}
.checkbox.disabled.checked .first-icon,
.radio.disabled.checked .first-icon {
opacity: 0;
filter: alpha(opacity=0);
}
.checkbox.disabled.checked .second-icon,
.radio.disabled.checked .second-icon {
opacity: 1;
color: $medium-gray;
filter: alpha(opacity=100);
}

View File

@@ -1,115 +0,0 @@
.dropdown-menu{
background-color: $pale-bg;
border: 0 none;
border-radius: $border-radius-extreme;
display: block;
margin-top: 10px;
padding: 0px;
position: absolute;
visibility: hidden;
z-index: 9000;
@include opacity(0);
@include box-shadow($dropdown-shadow);
// the style for opening dropdowns on mobile devices; for the desktop version check the _responsive.scss file
.open &{
@include opacity(1);
visibility: visible;
}
.divider{
background-color: $medium-pale-bg;
margin: 0px;
}
.dropdown-header{
color: $dark-gray;
font-size: $font-size-small;
padding: $padding-dropdown-vertical $padding-dropdown-horizontal;
}
// the style for the dropdown menu that appears under select, it is different from the default one
.select &{
border-radius: $border-radius-bottom;
@include box-shadow(none);
@include transform-origin($select-coordinates);
@include transform-scale(1);
@include transition($fast-transition-time, $transition-linear);
margin-top: -20px;
}
.select.open &{
margin-top: -1px;
}
> li > a {
color: $font-color;
font-size: $font-size-base;
padding: $padding-dropdown-vertical $padding-dropdown-horizontal;
@include transition-none();
img{
margin-top: -3px;
}
}
> li > a:focus{
outline: 0 !important;
}
.btn-group.select &{
min-width: 100%;
}
> li:first-child > a{
border-top-left-radius: $border-radius-extreme;
border-top-right-radius: $border-radius-extreme;
}
> li:last-child > a{
border-bottom-left-radius: $border-radius-extreme;
border-bottom-right-radius: $border-radius-extreme;
}
.select & > li:first-child > a{
border-radius: 0;
border-bottom: 0 none;
}
> li > a:hover,
> li > a:focus {
background-color: $default-color;
color: $fill-font-color;
opacity: 1;
text-decoration: none;
}
&.dropdown-primary > li > a:hover,
&.dropdown-primary > li > a:focus{
background-color: $primary-color;
}
&.dropdown-info > li > a:hover,
&.dropdown-info > li > a:focus{
background-color: $info-color;
}
&.dropdown-success > li > a:hover,
&.dropdown-success > li > a:focus{
background-color: $success-color;
}
&.dropdown-warning > li > a:hover,
&.dropdown-warning > li > a:focus{
background-color: $warning-color;
}
&.dropdown-danger > li > a:hover,
&.dropdown-danger > li > a:focus{
background-color: $danger-color;
}
}
//fix bug for the select items in btn-group
.btn-group.select{
overflow: hidden;
}
.btn-group.select.open{
overflow: visible;
}

View File

@@ -1,42 +0,0 @@
.footer{
background-attachment: fixed;
position: relative;
line-height: 20px;
nav {
ul {
list-style: none;
margin: 0;
padding: 0;
font-weight: normal;
li{
display: inline-block;
padding: 10px 15px;
margin: 15px 3px;
line-height: 20px;
text-align: center;
}
a:not(.btn){
color: $font-color;
display: block;
margin-bottom: 3px;
&:focus,
&:hover{
color: $default-states-color;
}
}
}
}
.copyright{
color: $font-color;
padding: 10px 15px;
font-size: 14px;
white-space: nowrap;
margin: 15px 3px;
line-height: 20px;
text-align: center;
}
.heart{
color: $danger-color;
}
}

View File

@@ -1,202 +0,0 @@
input {
margin-top: 5px;
border: none;
font-size: 1rem;
cursor: text;
//font-family: "Inconsolata", "Monaco", "Consolas", "Lucida Console", monospace !important;
font-family: "Avenir-light", "AvenirLTStd-Light", sans-serif !important;
}
.form-control::-moz-placeholder{
@include placeholder($medium-gray,1);
}
.form-control:-moz-placeholder{
@include placeholder($medium-gray,1);
}
.form-control::-webkit-input-placeholder{
@include placeholder($medium-gray,1);
}
.form-control:-ms-input-placeholder{
@include placeholder($medium-gray,1);
}
.form-control {
font-family: "Avenir-light", "AvenirLTStd-Light", sans-serif !important;
display: block;
width: 100%;
/*font-size: $font-size-base;*/
line-height: 1.846;
color: #666666;
border: medium none;
border-radius: $border-radius-extra-small;
border-bottom: 2px solid #0f5b8c;
vertical-align: middle;
/*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);*/
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
@include input-size($padding-small-vertical, $padding-small-horizontal, 30px);
/*background-color: $gray-input-bg;
border: medium none;
border-radius: $border-radius-base;
color: $font-color;
font-size: $font-size-base;
transition: background-color 0.3s ease 0s;
@include input-size($padding-base-vertical, $padding-base-horizontal, $height-base);
@include box-shadow(none);*/
&:focus{
background-color: $white-bg;
//@include box-shadow(none);
outline: 0 !important;
border-bottom: 2px solid #2196f3;
/*-webkit-box-shadow: inset 0 -2px 0 #2196f3;
box-shadow: inset 0 -2px 0 #2196f3;*/
}
.has-success &,
.has-error &,
.has-success &:focus,
.has-error &:focus{
@include box-shadow(none);
}
.has-success &{
background-color: $success-input-bg;
color: $success-color;
&.border-input{
border: 1px solid $success-color;
}
}
.has-success &:focus{
background-color: $white-bg;
}
.has-error &{
background-color: $danger-input-bg;
color: $danger-color;
&.border-input{
border: 1px solid $danger-color;
}
}
.has-error &:focus{
background-color: $white-bg;
}
& + .form-control-feedback{
border-radius: $border-radius-large;
font-size: $font-size-base;
margin-top: -7px;
position: absolute;
right: 10px;
top: 50%;
vertical-align: middle;
}
&.border-input{
border: 1px solid $table-line-color;
}
.open &{
border-bottom-color: transparent;
}
}
.input-lg{
height: 55px;
padding: $padding-large-vertical $padding-large-horizontal;
font-size: 17px;
line-height: 1.3333333;
border-radius: 3px;
}
.has-error{
.form-control-feedback, .control-label{
color: $danger-color;
}
}
.has-success{
.form-control-feedback, .control-label{
color: $success-color;
}
}
.input-group-addon {
background-color: $gray-input-bg;
border: medium none;
border-radius: $border-radius-base;
.has-success &,
.has-error &{
background-color: $white-color;
}
.has-error .form-control:focus + &{
color: $danger-color;
}
.has-success .form-control:focus + &{
color: $success-color;
}
.form-control:focus + &,
.form-control:focus ~ &{
background-color: $white-color;
}
}
.border-input{
.input-group-addon{
border: solid 1px $table-line-color;
}
}
.input-group{
margin-bottom: 15px;
}
.input-group[disabled]{
.input-group-addon{
background-color: $light-gray;
}
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
border-right: 0 none;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child) {
border-left: 0 none;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
background-color: $light-gray;
cursor: not-allowed;
@include placeholder($dark-gray,1);
}
.form-control[disabled]::-moz-placeholder{
@include placeholder($dark-gray,1);
}
.form-control[disabled]:-moz-placeholder{
@include placeholder($medium-gray,1);
}
.form-control[disabled]::-webkit-input-placeholder{
@include placeholder($medium-gray,1);
}
.form-control[disabled]:-ms-input-placeholder{
@include placeholder($medium-gray,1);
}
.input-group-btn .btn{
border-width: $border-thin;
padding: $padding-round-vertical $padding-base-horizontal;
}
.input-group-btn .btn-default:not(.btn-fill){
border-color: $medium-gray;
}
.input-group-btn:last-child > .btn{
margin-left: 0;
}
textarea.form-control{
max-width: 100%;
padding: 10px 18px;
resize: none;
}

View File

@@ -1,71 +0,0 @@
/* General overwrite */
body{
color: $font-color;
font-size: $font-size-base;
font-family: 'Muli', Arial, sans-serif;
.wrapper{
min-height: 100vh;
position: relative;
}
}
a{
color: $info-color;
&:hover, &:focus{
color: $info-states-color;
text-decoration: none;
}
}
a:focus, a:active,
button::-moz-focus-inner,
input::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{
outline:0 !important;
}
.ui-slider-handle:focus,
.navbar-toggle,
input:focus,
button:focus {
outline : 0 !important;
-webkit-box-shadow: inset 0 -2px 0 #2196f3;
box-shadow: inset 0 -2px 0 #2196f3;
}
/* Animations */
.form-control,
.input-group-addon,
.tagsinput,
.navbar,
.navbar .alert{
@include transition($general-transition-time, $transition-linear);
}
.sidebar .nav a,
.table > tbody > tr .td-actions .btn{
@include transition($fast-transition-time, $transition-ease-in);
}
.btn{
@include transition($ultra-fast-transition-time, $transition-ease-in);
}
.fa{
width: 21px;
text-align: center;
}
.fa-base{
font-size: 1.25em !important;
}
.margin-top{
margin-top: 50px;
}
hr{
border-color: $medium-pale-bg;
}
.wrapper{
position: relative;
top: 0;
height: 100vh;
}

View File

@@ -1,18 +0,0 @@
//Utilities
@import "mixins/transparency";
@import "mixins/vendor-prefixes";
//Components
@import "mixins/badges";
@import "mixins/buttons";
@import "mixins/inputs";
@import "mixins/labels";
@import "mixins/tabs";
@import "mixins/navbars";
@import "mixins/icons";
@import "mixins/cards";
@import "mixins/chartist";
@import "mixins/sidebar";

View File

@@ -1,296 +0,0 @@
.nav {
> li{
> a:hover,
> a:focus{
background-color: transparent;
}
}
}
.navbar{
border: $none;
border-radius: 0;
font-size: $font-size-navbar;
z-index: 3;
.navbar-brand{
color: $white-color;
font-weight: $font-weight-light;;
margin: $navbar-margin-brand;
padding: $navbar-padding-brand;
font-size: $font-size-large-navbar;
}
.navbar-nav{
> li > a {
line-height: 1.42857;
margin: $navbar-margin-a;
padding: $navbar-padding-a;
i,
p{
display: inline-block;
margin: 0;
}
i{
position: relative;
margin-right: 5px;
top: 1px;
}
}
> li > a.btn{
margin: $navbar-margin-a-btn;
padding: $padding-base-vertical $padding-base-horizontal;
}
}
.btn{
margin: $navbar-margin-btn;
font-size: $font-size-base;
}
.btn-simple{
font-size: $font-size-medium;
}
}
.navbar-nav > li > .dropdown-menu{
border-radius: $border-radius-extreme;
margin-top: -5px;
}
.navbar-default {
color: $white-color;
background-color: $phpvms-blue;
border-bottom: 1px solid $medium-gray;
.brand{
color: $white-color !important;
}
.navbar-nav{
> li > a:not(.btn){
color: $white-color;
}
> .active > a,
> .active > a:not(.btn):hover,
> .active > a:not(.btn):focus,
> li > a:not(.btn):hover,
> li > a:not(.btn):focus {
background-color: transparent;
border-radius: 3px;
color: $info-color;
@include opacity(1);
}
> .dropdown > a:hover .caret,
> .dropdown > a:focus .caret {
border-bottom-color: $info-color;
border-top-color: $info-color;
}
> .open > a,
> .open > a:hover,
> .open > a:focus{
background-color: transparent;
color: $info-color;
}
.navbar-toggle:hover,.navbar-toggle:focus {
background-color: transparent;
}
}
&:not(.navbar-transparent) .btn-default:hover{
color: $info-color;
border-color: $info-color;
}
&:not(.navbar-transparent) .btn-neutral,
&:not(.navbar-transparent) .btn-neutral:hover,
&:not(.navbar-transparent) .btn-neutral:active{
color: $dark-gray;
}
}
.navbar-form{
@include box-shadow(none);
.form-control{
@include light-form();
height: 22px;
font-size: $font-size-navbar;
line-height: $line-height-general;
color: $light-gray;
}
.navbar-transparent & .form-control,
[class*="navbar-ct"] & .form-control{
color: $white-color;
border: $none;
border-bottom: 1px solid rgba($white-color,.6);
}
}
.navbar-ct-primary{
@include navbar-color($bg-primary);
}
.navbar-ct-info{
@include navbar-color($bg-info);
}
.navbar-ct-success{
@include navbar-color($bg-success);
}
.navbar-ct-warning{
@include navbar-color($bg-warning);
}
.navbar-ct-danger{
@include navbar-color($bg-danger);
}
.navbar-transparent{
padding-top: 15px;
background-color: transparent;
border-bottom: 1px solid transparent;
}
.navbar-toggle{
margin-top: 19px;
margin-bottom: 19px;
border: $none;
.icon-bar {
background-color: $white-color;
}
.navbar-collapse,
.navbar-form {
border-color: transparent;
}
&.navbar-default .navbar-toggle:hover,
&.navbar-default .navbar-toggle:focus {
background-color: transparent;
}
}
.navbar-transparent, [class*="navbar-ct"]{
.navbar-brand{
@include opacity(.9);
&:focus,
&:hover{
background-color: transparent;
@include opacity(1);
}
}
.navbar-brand:not([class*="text"]){
color: $white-color;
}
.navbar-nav{
> li > a:not(.btn){
color: $white-color;
border-color: $white-color;
@include opacity(0.8);
}
> .active > a:not(.btn),
> .active > a:hover:not(.btn),
> .active > a:focus:not(.btn),
> li > a:hover:not(.btn),
> li > a:focus:not(.btn){
background-color: transparent;
border-radius: 3px;
color: $white-color;
@include opacity(1);
}
.nav > li > a.btn:hover{
background-color: transparent;
}
> .dropdown > a .caret,
> .dropdown > a:hover .caret,
> .dropdown > a:focus .caret{
border-bottom-color: $white-color;
border-top-color: $white-color;
}
> .open > a,
> .open > a:hover,
> .open > a:focus {
background-color: transparent;
color: $white-color;
@include opacity(1);
}
}
.btn-default{
color: $white-color;
border-color: $white-color;
}
.btn-default.btn-fill{
color: $dark-gray;
background-color: $white-color;
@include opacity(.9);
}
.btn-default.btn-fill:hover,
.btn-default.btn-fill:focus,
.btn-default.btn-fill:active,
.btn-default.btn-fill.active,
.open .dropdown-toggle.btn-fill.btn-default{
border-color: $white-color;
@include opacity(1);
}
}

View File

@@ -1,447 +0,0 @@
@media (min-width: 992px){
.navbar{
min-height: 75px;
}
.navbar-form {
margin-top: 21px;
margin-bottom: 21px;
padding-left: 5px;
padding-right: 5px;
}
.navbar-search-form{
display: none;
}
.navbar-nav > li > .dropdown-menu,
.dropdown .dropdown-menu{
transform: translate3d(0px, -40px, 0px);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, opacity 0.3s ease 0s, height 0s linear 0.35s;
}
.navbar-nav > li.open > .dropdown-menu, .dropdown.open .dropdown-menu{
transform: translate3d(0px, 0px, 0px);
}
.navbar-nav > li > .dropdown-menu:before{
border-bottom: 11px solid $medium-pale-bg;
border-left: 11px solid rgba(0, 0, 0, 0);
border-right: 11px solid rgba(0, 0, 0, 0);
content: "";
display: inline-block;
position: absolute;
right: 12px;
top: -11px;
}
.navbar-nav > li > .dropdown-menu:after {
border-bottom: 11px solid $pale-bg;
border-left: 11px solid rgba(0, 0, 0, 0);
border-right: 11px solid rgba(0, 0, 0, 0);
content: "";
display: inline-block;
position: absolute;
right: 12px;
top: -10px;
}
.navbar-nav.navbar-left > li > .dropdown-menu:before{
right: auto;
left: 12px;
}
.navbar-nav.navbar-left > li > .dropdown-menu:after{
right: auto;
left: 12px;
}
.navbar{
.navbar-header{
margin-left: 10px;
}
}
.footer:not(.footer-big){
nav > ul{
li:first-child{
margin-left: 0;
}
}
}
body > .navbar-collapse.collapse{
display: none !important;
}
.card{
form{
[class*="col-"]{
padding: 6px;
}
[class*="col-"]:first-child{
padding-left: 15px;
}
[class*="col-"]:last-child{
padding-right: 15px;
}
}
}
}
/* Changes for small display */
@media (max-width: 991px){
.sidebar{
display: none;
}
.main-panel{
width: 100%;
}
.navbar-transparent{
padding-top: 15px;
background-color: rgba(0, 0, 0, 0.45);
}
body {
position: relative;
}
h6{
font-size: 1em;
}
.wrapper{
@include transform-translate-x(0px);
@include transition (0.33s, cubic-bezier(0.685, 0.0473, 0.346, 1));
left: 0;
background-color: white;
}
.navbar .container{
left: 0;
width: 100%;
@include transition (0.33s, cubic-bezier(0.685, 0.0473, 0.346, 1));
position: relative;
}
.navbar .navbar-collapse.collapse,
.navbar .navbar-collapse.collapse.in,
.navbar .navbar-collapse.collapsing{
display: none !important;
}
.navbar-nav > li{
float: none;
position: relative;
display: block;
}
.off-canvas-sidebar {
position: fixed;
display: block;
top: 0;
height: 100%;
width: 230px;
right: 0;
z-index: 1032;
visibility: visible;
background-color: #999;
overflow-y: visible;
border-top: none;
text-align: left;
padding-right: 0px;
padding-left: 0;
@include transform-translate-x(230px);
@include transition (0.33s, cubic-bezier(0.685, 0.0473, 0.346, 1));
.sidebar-wrapper {
position: relative;
z-index: 3;
overflow-y: scroll;
height: 100%;
box-shadow: inset 1px 0px 0px 0px $medium-gray;
}
.nav{
margin-top: 0;
padding: 10px $margin-base-vertical 0;
> li{
> a{
margin: 0px 0px;
color: $default-color;
text-transform: uppercase;
font-weight: 600;
font-size: $font-size-small;
line-height: $line-height-general;
padding: 10px 0;
&:hover,
&.active{
color: $default-states-color;
}
p,
.notification,
.caret
{
display: inline-block;
}
.caret{
float: right;
position: relative;
top: 12px;
}
i{
font-size: 18px;
margin-right: 10px;
line-height: 26px;
}
}
&.active > a{
&:before{
border-right: none;
border-left: 12px solid $medium-gray;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
right: auto;
margin-left: -$margin-base-vertical;
left: 0px;
top: 10px;
}
&:after{
border-right: none;
border-left: 12px solid $bg-nude;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
right: auto;
margin-left: -$margin-base-vertical;
left: -1px;
top: 10px;
}
}
}
}
&::after{
top: 0;
left: 0;
height: 100%;
width: 100%;
position: absolute;
background-color: $bg-nude;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(112, 112, 112, 0) 60%, rgba(186, 186, 186, 0.15) 100%);
display: block;
content: "";
z-index: 1;
}
&.has-image::after{
@include black-filter(.8);
}
.logo{
position: relative;
z-index: 4;
padding-top: 11px;
padding-bottom: 11px;
}
.divider{
height: 1px;
margin: 10px 0;
}
}
.nav-open .navbar-collapse{
@include transform-translate-x(0px);
}
.nav-open .navbar .container{
left: -230px;
}
.nav-open .wrapper{
left: 0;
@include transform-translate-x(-230px);
}
.navbar-toggle .icon-bar {
display: block;
position: relative;
background: #fff;
width: 24px;
height: 2px;
border-radius: 1px;
margin: 0 auto;
}
.navbar-header .navbar-toggle {
margin: 10px 15px 10px 0;
width: 40px;
height: 40px;
}
.bar1,
.bar2,
.bar3 {
outline: 1px solid transparent;
}
.bar1 {
top: 0px;
@include bar-animation($topbar-back);
}
.bar2 {
opacity: 1;
}
.bar3 {
bottom: 0px;
@include bar-animation($bottombar-back);
}
.toggled .bar1 {
top: 6px;
@include bar-animation($topbar-x);
}
.toggled .bar2 {
opacity: 0;
}
.toggled .bar3 {
bottom: 6px;
@include bar-animation($bottombar-x);
}
@include topbar-x-rotation();
@include topbar-back-rotation();
@include bottombar-x-rotation();
@include bottombar-back-rotation();
@-webkit-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@-moz-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
.dropdown-menu .divider{
background-color: rgba(229, 229, 229, 0.15);
}
.navbar-nav {
margin: 1px 0;
}
.dropdown-menu {
display: none;
& > li > a{
&:hover,
&:focus{
background-color: transparent;
}
}
}
.navbar-fixed-top {
-webkit-backface-visibility: hidden;
}
#bodyClick {
height: 100%;
width: 100%;
position: fixed;
opacity: 0;
top: 0;
left: auto;
right: 230px;
content: "";
z-index: 9999;
overflow-x: hidden;
}
.form-control + .form-control-feedback{
margin-top: -8px;
}
.navbar-toggle:hover,.navbar-toggle:focus {
background-color: transparent !important;
}
.btn.dropdown-toggle{
margin-bottom: 0;
}
.media-post .author{
width: 20%;
float: none !important;
display: block;
margin: 0 auto 10px;
}
.media-post .media-body{
width: 100%;
}
.navbar-collapse.collapse{
height: 100% !important;
}
.navbar-collapse.collapse.in {
display: block;
}
.navbar-header .collapse, .navbar-toggle {
display:block !important;
}
.navbar-header {
float:none;
}
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.main-panel > .content{
padding-left: 0;
padding-right: 0;
}
.nav .open > a{
&,
&:focus,
&:hover{
background-color: transparent;
}
}
.footer .copyright{
padding: 0px 15px;
width: 100%;
}
}
//overwrite table responsive for 768px screens
@media (min-width: 992px){
.table-full-width{
margin-left: -15px;
margin-right: -15px;
}
.table-responsive{
overflow: visible;
}
}
@media (max-width: 991px){
.table-responsive {
width: 100%;
margin-bottom: 15px;
border: 1px solid #dddddd;
overflow-x: scroll;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
-webkit-overflow-scrolling: touch;
}
}

View File

@@ -1,209 +0,0 @@
.sidebar{
position: absolute;
top: 0;
bottom: 0;
left: 0;
z-index: 1;
background-size: cover;
background-position: center center;
.sidebar-wrapper{
position: relative;
max-height: none;
min-height: 100%;
overflow: hidden;
width: 260px;
z-index: 4;
box-shadow: inset -1px 0px 0px 0px $medium-gray;
}
.sidebar-background{
position: absolute;
z-index: 1;
height: 100%;
width: 100%;
display: block;
top: 0;
left: 0;
background-size: cover;
background-position: center center;
}
}
.sidebar,
.off-canvas-sidebar{
width: 260px;
display: block;
font-weight: 200;
.logo{
padding: 18px 0px;
margin: 0 20px;
p{
float: left;
font-size: 20px;
margin: 10px 10px;
line-height: 20px;
}
.simple-text{
text-transform: uppercase;
padding: $padding-small-vertical $padding-zero;
display: block;
font-size: $font-size-large;
text-align: center;
font-weight: $font-weight-normal;
line-height: 30px;
}
}
.nav{
margin-top: 20px;
li{
> a{
//margin: 10px 0px;
padding-left: 25px;
padding-right: 25px;
opacity: .7;
}
&:hover > a{
opacity: 1;
}
&.active > a{
color: $primary-color;
opacity: 1;
&:before{
border-right: 17px solid $medium-gray;
border-top: 17px solid transparent;
border-bottom: 17px solid transparent;
content: "";
display: inline-block;
position: absolute;
right: 0;
top: 8px;
}
&:after{
border-right: 17px solid $bg-nude;
border-top: 17px solid transparent;
border-bottom: 17px solid transparent;
content: "";
display: inline-block;
position: absolute;
right: -1px;
top: 8px;
}
}
h5 {
-webkit-font-smoothing: antialiased;
font-family: Roboto, 'Helvetica Neue', Arial, sans-serif;
padding-left: 30px;
}
> a.menu {
padding: 0px;
padding-top: 10px;
}
ul {
margin-top: 0px;
}
}
p{
margin: 0;
line-height: 30px;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
}
i{
font-size: 24px;
float: left;
margin-right: 15px;
line-height: 30px;
width: 30px;
text-align: center;
}
}
&:after,
&:before{
display: block;
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 2;
background: $white-background-color;
}
&,
&[data-background-color="white"]{
@include sidebar-background-color($white-background-color, $default-color);
}
&[data-background-color="black"]{
@include sidebar-background-color($black-background-color, $white-color);
}
&[data-active-color="primary"]{
@include sidebar-active-color($primary-color);
}
&[data-active-color="info"]{
@include sidebar-active-color($info-color);
}
&[data-active-color="success"]{
@include sidebar-active-color($success-color);
}
&[data-active-color="warning"]{
@include sidebar-active-color($warning-color);
}
&[data-active-color="danger"]{
@include sidebar-active-color($danger-color);
}
}
.main-panel{
background-color: $bg-nude;
position: relative;
z-index: 2;
float: right;
width: $sidebar-width;
min-height: 100%;
> .content{
padding: 30px 15px;
min-height: calc(100% - 123px);
}
> .footer{
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.navbar{
margin-bottom: 0;
}
}
.sidebar,
.main-panel{
overflow: auto;
max-height: 100%;
height: 100%;
-webkit-transition-property: top,bottom;
transition-property: top,bottom;
-webkit-transition-duration: .2s,.2s;
transition-duration: .2s,.2s;
-webkit-transition-timing-function: linear,linear;
transition-timing-function: linear,linear;
-webkit-overflow-scrolling: touch;
}

View File

@@ -1,77 +0,0 @@
.table{
thead,
tbody,
tfoot{
tr > th,
tr > td{
border-top: 1px solid $table-line-color;
}
}
> thead > tr > th{
border-bottom-width: 0;
font-size: $font-size-h5;
font-weight: $font-weight-light;
}
.radio,
.checkbox{
margin-top: 0;
margin-bottom: 22px;
padding: 0;
width: 15px;
}
> thead > tr > th,
> tbody > tr > th,
> tfoot > tr > th,
> thead > tr > td,
> tbody > tr > td,
> tfoot > tr > td{
padding: 12px;
vertical-align: middle;
}
.th-description{
max-width: 150px;
}
.td-price{
font-size: 26px;
font-weight: $font-weight-light;
margin-top: 5px;
text-align: right;
}
.td-total{
font-weight: $font-weight-bold;
font-size: $font-size-h5;
padding-top: 20px;
text-align: right;
}
.td-actions .btn{
&.btn-sm,
&.btn-xs{
padding-left: 3px;
padding-right: 3px;
}
}
> tbody > tr{
position: relative;
}
}
.table-striped{
tbody > tr:nth-of-type(2n+1) {
background-color: #fff;
}
tbody > tr:nth-of-type(2n) {
background-color: $pale-bg;
}
> thead > tr > th,
> tbody > tr > th,
> tfoot > tr > th,
> thead > tr > td,
> tbody > tr > td,
> tfoot > tr > td{
padding: 15px 8px;
}
}

View File

@@ -1,126 +0,0 @@
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .navbar, .brand, a, .td-name, td{
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
//font-family: 'Roboto', "Helvetica", Arial, sans-serif;
font-family: "Roboto","Helvetica Neue",Arial,sans-serif;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4{
font-weight: $font-weight-normal;
margin: $margin-large-vertical 0 $margin-base-vertical;
}
h1, .h1 {
font-size: $font-size-h1;
}
h2, .h2{
font-size: $font-size-h2;
}
h3, .h3{
font-size: $font-size-h3;
line-height: 1.4;
font-weight: $font-weight-light;
margin: 20px 0 10px;
}
h4, .h4{
font-size: $font-size-h4;
font-weight: $font-weight-light;
line-height: 1.2em;
}
h5, .h5 {
font-size: $font-size-h5;
font-weight: $font-weight-light;
line-height: 1.4em;
margin-bottom: 15px;
}
h6, .h6{
font-size: $font-size-h6;
font-weight: $font-weight-light;
text-transform: uppercase;
}
p{
font-size: $font-paragraph;
line-height: $line-height-general;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
color: $dark-gray;
font-weight: $font-weight-light;
line-height: $line-height-general;
}
h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small {
font-size: 60%;
}
.title-uppercase{
text-transform: uppercase;
}
blockquote{
font-style: italic;
}
blockquote small{
font-style: normal;
}
.text-muted{
color: $medium-gray;
}
.text-primary, .text-primary:hover{
color: $primary-states-color;
}
.text-info, .text-info:hover{
color: $info-states-color;
}
.text-success, .text-success:hover{
color: $success-states-color;
}
.text-warning, .text-warning:hover{
color: $warning-states-color;
}
.text-danger, .text-danger:hover{
color: $danger-states-color;
}
.glyphicon{
line-height: 1;
}
strong{
color: $default-states-color;
}
.icon-primary{
color: $primary-color;
}
.icon-info{
color: $info-color;
}
.icon-success{
color: $success-color;
}
.icon-warning{
color: $warning-color;
}
.icon-danger{
color: $danger-color;
}
.chart-legend{
.text-primary, .text-primary:hover{
color: $primary-color;
}
.text-info, .text-info:hover{
color: $info-color;
}
.text-success, .text-success:hover{
color: $success-color;
}
.text-warning, .text-warning:hover{
color: $warning-color;
}
.text-danger, .text-danger:hover{
color: $danger-color;
}
}
.description,
.card-description,
.footer-big p {
color: $dark-gray;
font-weight: $font-weight-light;
}

View File

@@ -1,308 +0,0 @@
$phpvms-blue: #067ec1 !default;
$font-color: #4b4743 !default;
$fill-font-color: rgba(182, 182, 182, 0.7);
$none: 0 !default;
$border-thin: 1px !default;
$border-thick: 2px !default;
$white-color: #FFFFFF !default;
$white-bg: #FFFFFF !default;
$smoke-bg: #F5F5F5 !default;
$pale-bg: #FFFCF5 !default;
$medium-pale-bg: #F1EAE0 !default;
$table-line-color: #CCC5B9 !default;
$muted-color: #a49e93 !default;
$black-bg: rgba(30,30,30,.97) !default;
$black-color: #333333 !default;
$black-hr: #444444 !default;
$white-background-color: #FFFFFF !default;
//$black-background-color: #212120 !default;
//$black-background-color: #1a2932 !default;
$black-background-color: #0c1419 !default;
$light-gray: #E3E3E3 !default;
$medium-gray: #DDDDDD !default;
$dark-gray: #9A9A9A !default;
$gray-input-bg: #fffcf5 !default;
$danger-input-bg: #fffcf5 !default;
$success-input-bg: #fffcf5 !default;
$other-medium-gray: #A49E93 !default;
$transparent-bg: transparent !default;
$default-color: #2f2d2a !default; //#66615B !default;
$default-bg: #66615B !default;
$default-states-color: #403D39 !default;
//$primary-color: #7A9E9F !default;
$primary-color: #f96332 !default;
$primary-bg: darken($primary-color, 5%) !default;
$primary-states-color: #427C89 !default;
//$success-color: #7AC29A !default;
$success-color: #18ce0f !default;
$success-bg: darken($success-color, 5%) !default;
$success-states-color: darken($success-color, 5%) !default;
$info-color: #2CA8FF !default;
$info-bg: #109CFF !default;
$info-states-color: #3091B2 !default;
$warning-color: #F3BB45 !default;
$warning-bg: darken($warning-color, 5%) !default;
$warning-states-color: #BB992F !default;
$danger-color: #FF3636 !default;
$danger-bg: darken($danger-color, 5%) !default;
$danger-states-color: darken($danger-color, 5%) !default;
/*
$default-color: #B8B8B8 !default;
$default-states-color: darken($default-color, 5%) !default;
$default-color-opacity: rgba(182, 182, 182, .6) !default;
$primary-color: #f96332 !default;
$primary-states-color: darken($primary-color, 5%) !default;
$primary-color-opacity: rgba(249, 99, 50, .3) !default;
$primary-color-alert: rgba(249, 99, 50, .8) !default;
$success-color: #18ce0f !default;
$success-states-color: darken($success-color, 5%) !default;
$success-color-opacity: rgba(24, 206, 15, .3) !default;
$success-color-alert: rgba(24, 206, 15, .8) !default;
$info-color: #2CA8FF !default;
$info-states-color: #109CFF !default;
$info-color-opacity: rgba(44, 168, 255, .3) !default;
$info-color-alert: rgba(44, 168, 255, .8) !default;
$warning-color: #FFB236 !default;
$warning-states-color: darken($warning-color, 5%) !default;
$warning-color-opacity: rgba(255, 178, 54, .3) !default;
$warning-color-alert: rgba(255, 178, 54, .8) !default;
$danger-color: #FF3636 !default;
$danger-states-color: darken($danger-color, 5%) !default;
$danger-color-opacity: rgba(255, 54, 54, .3) !default;
$danger-color-alert: rgba(255, 54, 54, .8) !default;
*/
$link-disabled-color: #666666 !default;
/* light colors - used for select dropdown */
$light-blue: rgba($primary-color, .2);
$light-azure: rgba($info-color, .2);
$light-green: rgba($success-color, .2);
$light-orange: rgba($warning-color, .2);
$light-red: rgba($danger-color, .2);
//== Components
//
$padding-base-vertical: 7px !default;
$padding-base-horizontal: 18px !default;
$padding-round-vertical: 9px !default;
$padding-round-horizontal: 18px !default;
$padding-simple-vertical: 10px !default;
$padding-simple-horizontal: 18px !default;
$padding-large-vertical: 11px !default;
$padding-large-horizontal: 30px !default;
$padding-small-vertical: 4px !default;
$padding-small-horizontal: 10px !default;
$padding-xs-vertical: 2px !default;
$padding-xs-horizontal: 5px !default;
$padding-label-vertical: 2px !default;
$padding-label-horizontal: 12px !default;
// padding for links inside dropdown menu
$padding-dropdown-vertical: 10px !default;
$padding-dropdown-horizontal: 15px !default;
$margin-large-vertical: 30px !default;
$margin-base-vertical: 15px !default;
// border radius for buttons
$border-radius-btn-small: 26px !default;
$border-radius-btn-base: 20px !default;
$border-radius-btn-large: 50px !default;
// Cristina: am schimbat aici si s-au modificat inputurile
$margin-bottom: 0 0 10px 0 !default;
$border: 1px solid !default;
$border-radius-extra-small: 0.125rem !default;
$border-radius-tiny: 0.1875rem !default;
$border-radius-small: 3px !default;
$border-radius-base: 4px !default;
$border-radius-large: 6px !default;
$border-radius-extreme: 6px !default;
$border-radius-large-top: $border-radius-large $border-radius-large 0 0 !default;
$border-radius-large-bottom: 0 0 $border-radius-large $border-radius-large !default;
$btn-round-radius: 30px !default;
$height-base: 40px !default;
$btn-icon-font-size: 24px !default;
$btn-icon-size: 56px !default;
$btn-icon-size-mini: 36px !default;
$btn-icon-font-size-mini: 14px !default;
$font-size-base: 14px !default;
$font-size-xs: 12px !default;
$font-size-small: 12px !default;
$font-size-medium: 16px !default;
$font-size-large: 18px !default;
$font-size-large-navbar: 20px !default;
$font-size-h1: 3.2em !default;
$font-size-h2: 2.6em !default;
$font-size-h3: 1.825em !default;
$font-size-h4: 1.5em !default;
$font-size-h5: 1.25em !default;
$font-size-h6: 0.9em !default;
$font-paragraph: 16px !default;
$font-size-navbar: 16px !default;
$font-size-small: 12px !default;
$font-size-mini: 0.7142em !default;
$font-weight-light: 300 !default;
$font-weight-normal: 400 !default;
$font-weight-semi: 500 !default;
$font-weight-bold: 600 !default;
$line-height-small: 20px !default;
$line-height-general: 1.4em !default;
$line-height: 36px !default;
$line-height-lg: 54px !default;
$border-radius-top: 10px 10px 0 0 !default;
$border-radius-bottom: 0 0 10px 10px !default;
$dropdown-shadow: 0 2px rgba(17, 16, 15, 0.1), 0 2px 10px rgba(17, 16, 15, 0.1);
$general-transition-time: 300ms !default;
$slow-transition-time: 300ms !default;
$dropdown-coordinates: 29px -50px !default;
$fast-transition-time: 150ms !default;
$select-coordinates: 50% -40px !default;
$transition-linear: linear !default;
$transition-bezier: cubic-bezier(0.34, 1.61, 0.7, 1) !default;
$transition-ease: ease 0s;
$navbar-padding-a: 10px 15px;
$navbar-margin-a: 15px 0px;
$padding-social-a: 10px 5px;
$navbar-margin-a-btn: 15px 3px;
$navbar-margin-a-btn-round: 16px 3px;
$navbar-padding-brand: 20px 15px;
$navbar-margin-brand: 5px 0px;
$navbar-margin-brand-icons: 12px auto;
$navbar-margin-btn: 15px 3px;
$height-icon: 64px !default;
$width-icon: 64px !default;
$padding-icon: 12px !default;
$border-radius-icon: 15px !default;
$white-navbar: rgba(#FFFFFF, .96);
$blue-navbar: rgba(#34ACDC, .98);
$azure-navbar: rgba(#5BCAFF, .98);
$green-navbar: rgba(#4CD964, .98);
$orange-navbar: rgba(#FF9500, .98);
$red-navbar: rgba(#FF4C40, .98);
$bg-nude: #ebeff2 !default;
$bg-primary: #8ECFD5 !default;
$bg-info: #7CE4FE !default;
$bg-success: #8EF3C5 !default;
$bg-warning: #FFE28C !default;
$bg-danger: #FF4C40 !default;
$topbar-x: topbar-x !default;
$topbar-back: topbar-back !default;
$bottombar-x: bottombar-x !default;
$bottombar-back: bottombar-back !default;
$transition-linear: linear !default;
$transition-bezier: cubic-bezier(0.34, 1.61, 0.7, 1) !default;
$transition-ease: ease 0s;
$transition-ease-in: ease-in !default;
$transition-ease-out: ease-out !default;
$general-transition-time: 300ms !default;
$slow-transition-time: 370ms !default;
$dropdown-coordinates: 29px -50px !default;
$fast-transition-time: 150ms !default;
$ultra-fast-transition-time: 100ms !default;
$select-coordinates: 50% -40px !default;
$padding-zero: 0px !default;
$sidebar-width: calc(100% - 260px) !default;
$medium-dark-gray: #AAAAAA !default;
//variables used in cards
$card-black-color: #252422 !default;
$card-muted-color: #ccc5b9 !default;
//variables used for sidebar
$sidebar-background-dark-blue: #506367;
$sidebar-background-blue: #b8d8d8 !default;
$sidebar-font-blue: #506568 !default;
$sidebar-subtitle-blue: #7a9e9f !default;
$sidebar-background-green: #d5e5a3 !default;
$sidebar-font-green: #60773d !default;
$sidebar-subtitle-green: #92ac56 !default;
$sidebar-background-yellow: #ffe28c !default;
$sidebar-font-yellow: #b25825 !default;
$sidebar-subtitle-yellow: #d88715 !default;
$sidebar-background-brown: #d6c1ab !default;
$sidebar-font-brown: #75442e !default;
$sidebar-subtitle-brown: #a47e65 !default;
$sidebar-background-purple: #baa9ba !default;
$sidebar-font-purple: #3a283d !default;
$sidebar-subtitle-purple: #5a283d !default;
$sidebar-background-orange: #ff8f5e !default;
$sidebar-font-orange: #772510 !default;
$sidebar-subtitle-orange: #e95e37 !default;

View File

@@ -1,4 +0,0 @@
@mixin badge-color($color) {
border-color: $color;
color: $color;
}

View File

@@ -1,152 +0,0 @@
// Mixin for generating new styles
@mixin btn-styles($btn-color, $btn-states-color) {
background-color: $btn-color;
&:hover,
&:focus,
&:active,
&.active,
&:active:focus,
&:active:hover,
&.active:focus,
&.active:hover,
.open > &.dropdown-toggle,
.open > &.dropdown-toggle:focus,
.open > &.dropdown-toggle:hover {
background-color: $btn-states-color;
color: $white-color;
}
&.disabled,
&:disabled,
&[disabled],
fieldset[disabled] & {
&,
&:hover,
&:focus,
&.focus,
&:active,
&.active {
background-color: $btn-color;
border-color: $btn-color;
}
}
&.focus,
&:focus {
box-shadow: none;
}
// btn-neutral style
@if $btn-color == $white-color {
color: $white-color;
&.btn-danger {
color: $danger-color;
&:hover,
&:focus,
&:active {
color: $danger-states-color;
}
}
&.btn-info {
color: $white-color;
&:hover,
&:focus,
&:active {
color: $info-states-color;
}
}
&.btn-warning {
color: $white-color;
&:hover,
&:focus,
&:active {
color: $warning-states-color;
}
}
&.btn-success {
color: $white-color;
&:hover,
&:focus,
&:active {
color: $success-states-color;
}
}
&.btn-default {
color: $white-color;
&:hover,
&:focus,
&:active {
color: $default-states-color;
}
}
&.active,
&:active:focus,
&:active:hover,
&.active:focus,
&.active:hover,
.open > &.dropdown-toggle,
.open > &.dropdown-toggle:focus,
.open > &.dropdown-toggle:hover {
background-color: $white-color;
color: $primary-color;
}
&:hover,
&:focus,
&:active {
color: $primary-states-color;
}
} @else {
color: $white-color;
}
&.btn-simple {
color: $btn-color;
border-color: $btn-color;
&:hover,
&:focus,
&:active {
background-color: $transparent-bg;
color: $btn-states-color;
border-color: $btn-states-color;
}
}
&.btn-link {
color: $btn-color;
&:hover,
&:focus,
&:active {
background-color: $transparent-bg;
color: $btn-states-color;
text-decoration: none;
}
}
}
@mixin btn-size($padding-vertical, $padding-horizontal, $font-size, $border, $line-height){
font-size: $font-size;
//border-radius: $border;
padding: $padding-vertical $padding-horizontal;
&.btn-simple{
padding: $padding-vertical + 2 $padding-horizontal;
}
}

View File

@@ -1,8 +0,0 @@
@mixin filter($color){
@if $color == #FFFFFF{
background-color: rgba($color,.91);
} @else {
background-color: rgba($color,.69);
}
}

View File

@@ -1,104 +0,0 @@
// Scales for responsive SVG containers
$ct-scales: ((1), (15/16), (8/9), (5/6), (4/5), (3/4), (2/3), (5/8), (1/1.618), (3/5), (9/16), (8/15), (1/2), (2/5), (3/8), (1/3), (1/4)) !default;
$ct-scales-names: (ct-square, ct-minor-second, ct-major-second, ct-minor-third, ct-major-third, ct-perfect-fourth, ct-perfect-fifth, ct-minor-sixth, ct-golden-section, ct-major-sixth, ct-minor-seventh, ct-major-seventh, ct-octave, ct-major-tenth, ct-major-eleventh, ct-major-twelfth, ct-double-octave) !default;
// Class names to be used when generating CSS
$ct-class-chart: ct-chart !default;
$ct-class-chart-line: ct-chart-line !default;
$ct-class-chart-bar: ct-chart-bar !default;
$ct-class-horizontal-bars: ct-horizontal-bars !default;
$ct-class-chart-pie: ct-chart-pie !default;
$ct-class-chart-donut: ct-chart-donut !default;
$ct-class-label: ct-label !default;
$ct-class-series: ct-series !default;
$ct-class-line: ct-line !default;
$ct-class-point: ct-point !default;
$ct-class-area: ct-area !default;
$ct-class-bar: ct-bar !default;
$ct-class-slice-pie: ct-slice-pie !default;
$ct-class-slice-donut: ct-slice-donut !default;
$ct-class-grid: ct-grid !default;
$ct-class-vertical: ct-vertical !default;
$ct-class-horizontal: ct-horizontal !default;
$ct-class-start: ct-start !default;
$ct-class-end: ct-end !default;
// Container ratio
$ct-container-ratio: (1/1.618) !default;
// Text styles for labels
$ct-text-color: rgba(0, 0, 0, 0.4) !default;
$ct-text-size: 0.9em !default;
$ct-text-align: flex-start !default;
$ct-text-justify: flex-start !default;
$ct-text-line-height: 1;
// Grid styles
$ct-grid-color: rgba(0, 0, 0, 0.2) !default;
$ct-grid-dasharray: 2px !default;
$ct-grid-width: 1px !default;
// Line chart properties
$ct-line-width: 4px !default;
$ct-line-dasharray: false !default;
$ct-point-size: 10px !default;
// Line chart point, can be either round or square
$ct-point-shape: round !default;
// Area fill transparency between 0 and 1
$ct-area-opacity: 0.7 !default;
// Bar chart bar width
$ct-bar-width: 10px !default;
// Donut width (If donut width is to big it can cause issues where the shape gets distorted)
$ct-donut-width: 60px !default;
// If set to true it will include the default classes and generate CSS output. If you're planning to use the mixins you
// should set this property to false
$ct-include-classes: true !default;
// If this is set to true the CSS will contain colored series. You can extend or change the color with the
// properties below
$ct-include-colored-series: $ct-include-classes !default;
// If set to true this will include all responsive container variations using the scales defined at the top of the script
$ct-include-alternative-responsive-containers: $ct-include-classes !default;
// Series names and colors. This can be extended or customized as desired. Just add more series and colors.
$ct-series-names: (a, b, c, d, e, f, g, h, i, j, k, l, m, n, o) !default;
$ct-series-colors: (
$info-color,
$warning-color,
$danger-color,
$success-color,
$primary-color,
rgba($info-color,.8),
rgba($success-color,.8),
rgba($warning-color,.8),
rgba($danger-color,.8),
rgba($primary-color,.8),
rgba($info-color,.6),
rgba($success-color,.6),
rgba($warning-color,.6),
rgba($danger-color,.6),
rgba($primary-color,.6)
) !default;
// Paper Kit Colors
.ct-blue{
stroke: $primary-color !important;
}
.ct-azure{
stroke: $info-color !important;
}
.ct-green{
stroke: $success-color !important;
}
.ct-orange{
stroke: $warning-color !important;
}
.ct-red{
stroke: $danger-color !important;
}

View File

@@ -1,13 +0,0 @@
@mixin icon-background ($icon-url){
background-image : url($icon-url);
}
@mixin icon-shape ($size, $padding, $border-radius) {
height: $size;
width: $size;
padding: $padding;
border-radius: $border-radius;
display: inline-table;
}

View File

@@ -1,17 +0,0 @@
@mixin input-size($padding-vertical, $padding-horizontal, $height){
padding: $padding-vertical $padding-horizontal;
height: $height;
}
@mixin placeholder($color, $opacity){
color: $color;
@include opacity(1);
}
@mixin light-form(){
border-radius: 0;
border:0;
padding: 0;
background-color: transparent;
}

View File

@@ -1,21 +0,0 @@
@mixin label-style(){
padding: $padding-label-vertical $padding-label-horizontal;
border: 1px solid $default-color;
border-radius: $border-radius-small;
color: $default-color;
font-weight: $font-weight-semi;
font-size: $font-size-small;
text-transform: capitalize;
display: inline-block;
vertical-align: middle;
}
@mixin label-color($color){
border-color: $color;
color: $color;
}
@mixin label-color-fill($color){
border-color: $color;
color: $white-color;
background-color: $color;
}

View File

@@ -1,11 +0,0 @@
@mixin navbar-color($color){
background-color: $color;
}
@mixin center-item(){
left: 0;
right: 0;
margin-right: auto;
margin-left: auto;
position: absolute;
}

View File

@@ -1,42 +0,0 @@
@mixin sidebar-background-color($background-color, $font-color){
&:after,
&:before{
background-color: $background-color;
}
.logo{
border-bottom: 1px solid rgba($font-color,.3);
p{
color: $font-color;
}
.simple-text{
color: $font-color;
}
}
.nav{
li:not(.active){
> a{
color: $font-color;
}
}
.divider{
background-color: rgba($font-color,.2);
}
}
}
@mixin sidebar-active-color($font-color){
.nav{
li{
&.active > a{
color: $font-color;
opacity: 1;
}
}
}
}

View File

@@ -1,4 +0,0 @@
@mixin pill-style($color){
border: 1px solid $color;
color: $color;
}

View File

@@ -1,20 +0,0 @@
// Opacity
@mixin opacity($opacity) {
opacity: $opacity;
// IE8 filter
$opacity-ie: ($opacity * 100);
filter: #{alpha(opacity=$opacity-ie)};
}
@mixin black-filter($opacity){
top: 0;
left: 0;
height: 100%;
width: 100%;
position: absolute;
background-color: rgba(17,17,17,$opacity);
display: block;
content: "";
z-index: 1;
}

View File

@@ -1,197 +0,0 @@
// User select
// For selecting text on the page
@mixin user-select($select) {
-webkit-user-select: $select;
-moz-user-select: $select;
-ms-user-select: $select; // IE10+
user-select: $select;
}
@mixin box-shadow($shadow...) {
-webkit-box-shadow: $shadow; // iOS <4.3 & Android <4.1
box-shadow: $shadow;
}
// Box sizing
@mixin box-sizing($boxmodel) {
-webkit-box-sizing: $boxmodel;
-moz-box-sizing: $boxmodel;
box-sizing: $boxmodel;
}
@mixin transition($time, $type){
-webkit-transition: all $time $type;
-moz-transition: all $time $type;
-o-transition: all $time $type;
-ms-transition: all $time $type;
transition: all $time $type;
}
@mixin transition-none(){
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
}
@mixin transform-scale($value){
-webkit-transform: scale($value);
-moz-transform: scale($value);
-o-transform: scale($value);
-ms-transform: scale($value);
transform: scale($value);
}
@mixin transform-translate-x($value){
-webkit-transform: translate3d($value, 0, 0);
-moz-transform: translate3d($value, 0, 0);
-o-transform: translate3d($value, 0, 0);
-ms-transform: translate3d($value, 0, 0);
transform: translate3d($value, 0, 0);
}
@mixin transform-origin($coordinates){
-webkit-transform-origin: $coordinates;
-moz-transform-origin: $coordinates;
-o-transform-origin: $coordinates;
-ms-transform-origin: $coordinates;
transform-origin: $coordinates;
}
@mixin icon-gradient ($top-color, $bottom-color){
background: $top-color;
background: -moz-linear-gradient(top, $top-color 0%, $bottom-color 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$top-color), color-stop(100%,$bottom-color));
background: -webkit-linear-gradient(top, $top-color 0%,$bottom-color 100%);
background: -o-linear-gradient(top, $top-color 0%,$bottom-color 100%);
background: -ms-linear-gradient(top, $top-color 0%,$bottom-color 100%);
background: linear-gradient(to bottom, $top-color 0%,$bottom-color 100%);
background-size: 150% 150%;
}
@mixin radial-gradient($extern-color, $center-color){
background: $extern-color;
background: -moz-radial-gradient(center, ellipse cover, $center-color 0%, $extern-color 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,$center-color), color-stop(100%,$extern-color)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, $center-color 0%,$extern-color 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, $center-color 0%,$extern-color 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, $center-color 0%,$extern-color 100%); /* IE10+ */
background: radial-gradient(ellipse at center, $center-color 0%,$extern-color 100%); /* W3C */
background-size: 550% 450%;
}
@mixin vertical-align {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@mixin rotate-180(){
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
@mixin bar-animation($type){
-webkit-animation: $type 500ms linear 0s;
-moz-animation: $type 500ms linear 0s;
animation: $type 500ms 0s;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@mixin topbar-x-rotation(){
@keyframes topbar-x {
0% {top: 0px; transform: rotate(0deg); }
45% {top: 6px; transform: rotate(145deg); }
75% {transform: rotate(130deg); }
100% {transform: rotate(135deg); }
}
@-webkit-keyframes topbar-x {
0% {top: 0px; -webkit-transform: rotate(0deg); }
45% {top: 6px; -webkit-transform: rotate(145deg); }
75% {-webkit-transform: rotate(130deg); }
100% { -webkit-transform: rotate(135deg); }
}
@-moz-keyframes topbar-x {
0% {top: 0px; -moz-transform: rotate(0deg); }
45% {top: 6px; -moz-transform: rotate(145deg); }
75% {-moz-transform: rotate(130deg); }
100% { -moz-transform: rotate(135deg); }
}
}
@mixin topbar-back-rotation(){
@keyframes topbar-back {
0% { top: 6px; transform: rotate(135deg); }
45% { transform: rotate(-10deg); }
75% { transform: rotate(5deg); }
100% { top: 0px; transform: rotate(0); }
}
@-webkit-keyframes topbar-back {
0% { top: 6px; -webkit-transform: rotate(135deg); }
45% { -webkit-transform: rotate(-10deg); }
75% { -webkit-transform: rotate(5deg); }
100% { top: 0px; -webkit-transform: rotate(0); }
}
@-moz-keyframes topbar-back {
0% { top: 6px; -moz-transform: rotate(135deg); }
45% { -moz-transform: rotate(-10deg); }
75% { -moz-transform: rotate(5deg); }
100% { top: 0px; -moz-transform: rotate(0); }
}
}
@mixin bottombar-x-rotation(){
@keyframes bottombar-x {
0% {bottom: 0px; transform: rotate(0deg);}
45% {bottom: 6px; transform: rotate(-145deg);}
75% {transform: rotate(-130deg);}
100% {transform: rotate(-135deg);}
}
@-webkit-keyframes bottombar-x {
0% {bottom: 0px; -webkit-transform: rotate(0deg);}
45% {bottom: 6px; -webkit-transform: rotate(-145deg);}
75% {-webkit-transform: rotate(-130deg);}
100% {-webkit-transform: rotate(-135deg);}
}
@-moz-keyframes bottombar-x {
0% {bottom: 0px; -moz-transform: rotate(0deg);}
45% {bottom: 6px; -moz-transform: rotate(-145deg);}
75% {-moz-transform: rotate(-130deg);}
100% {-moz-transform: rotate(-135deg);}
}
}
@mixin bottombar-back-rotation{
@keyframes bottombar-back {
0% { bottom: 6px;transform: rotate(-135deg);}
45% { transform: rotate(10deg);}
75% { transform: rotate(-5deg);}
100% { bottom: 0px;transform: rotate(0);}
}
@-webkit-keyframes bottombar-back {
0% {bottom: 6px;-webkit-transform: rotate(-135deg);}
45% {-webkit-transform: rotate(10deg);}
75% {-webkit-transform: rotate(-5deg);}
100% {bottom: 0px;-webkit-transform: rotate(0);}
}
@-moz-keyframes bottombar-back {
0% {bottom: 6px;-moz-transform: rotate(-135deg);}
45% {-moz-transform: rotate(10deg);}
75% {-moz-transform: rotate(-5deg);}
100% {bottom: 0px;-moz-transform: rotate(0);}
}
}