// some sass/compass magic for color schemes… and few new bugs to fix with layout
This commit is contained in:
Kevin Granger
@@ -252,8 +252,8 @@ body {
|
||||
font-family: "Open Sans", Helvetica, Arial, sans-serif;
|
||||
font-size: 12px;
|
||||
line-height: 1.42857;
|
||||
color: #333333;
|
||||
background-color: black; }
|
||||
color: #555555;
|
||||
background-color: #272a31; }
|
||||
|
||||
input,
|
||||
button,
|
||||
@@ -264,12 +264,12 @@ textarea {
|
||||
line-height: inherit; }
|
||||
|
||||
a {
|
||||
color: #272822;
|
||||
color: #ef1778;
|
||||
text-decoration: none; }
|
||||
|
||||
a:hover,
|
||||
a:focus {
|
||||
color: black;
|
||||
color: #ae0c55;
|
||||
text-decoration: underline; }
|
||||
|
||||
a:focus {
|
||||
@@ -903,7 +903,7 @@ th {
|
||||
.table tbody + tbody {
|
||||
border-top: 2px solid #dddddd; }
|
||||
.table .table {
|
||||
background-color: black; }
|
||||
background-color: #272a31; }
|
||||
|
||||
.table-condensed thead > tr > th,
|
||||
.table-condensed thead > tr > td,
|
||||
@@ -978,7 +978,7 @@ th {
|
||||
.table-hover > tbody > tr:hover > td, .table > tbody > tr:hover > td,
|
||||
.table-hover > tbody > tr:hover > th,
|
||||
.table > tbody > tr:hover > th {
|
||||
background-color: #e1f3e5; }
|
||||
background-color: #e7f4dc; }
|
||||
|
||||
table col[class^="col-"] {
|
||||
float: none;
|
||||
@@ -1346,7 +1346,7 @@ input[type="color"].input-small {
|
||||
display: block;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 10px;
|
||||
color: #737373; }
|
||||
color: #959595; }
|
||||
|
||||
.input-group {
|
||||
display: table;
|
||||
@@ -1489,29 +1489,29 @@ input[type="color"].input-small {
|
||||
box-shadow: none; }
|
||||
|
||||
.btn-default {
|
||||
color: white;
|
||||
background-color: #48525f;
|
||||
border-color: #48525f; }
|
||||
color: #555555;
|
||||
background-color: white;
|
||||
border-color: #cccccc; }
|
||||
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
|
||||
background-color: #3d4550;
|
||||
border-color: #323942; }
|
||||
background-color: #f2f2f2;
|
||||
border-color: #b3b3b3; }
|
||||
.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
|
||||
background-color: #48525f;
|
||||
border-color: #48525f; }
|
||||
background-color: white;
|
||||
border-color: #cccccc; }
|
||||
|
||||
.btn-primary {
|
||||
color: white;
|
||||
background-color: #272822;
|
||||
border-color: #272822; }
|
||||
color: #555555;
|
||||
background-color: white;
|
||||
border-color: #5cb85c; }
|
||||
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
|
||||
background-color: #1a1a16;
|
||||
border-color: #0c0c0b; }
|
||||
background-color: #f2f2f2;
|
||||
border-color: #449d44; }
|
||||
.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
|
||||
background-color: #272822;
|
||||
border-color: #272822; }
|
||||
background-color: white;
|
||||
border-color: #5cb85c; }
|
||||
|
||||
.btn-warning {
|
||||
color: white;
|
||||
color: #555555;
|
||||
background-color: #f0ad4e;
|
||||
border-color: #f0ad4e; }
|
||||
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active {
|
||||
@@ -1522,7 +1522,7 @@ input[type="color"].input-small {
|
||||
border-color: #f0ad4e; }
|
||||
|
||||
.btn-danger {
|
||||
color: white;
|
||||
color: #555555;
|
||||
background-color: #d9534f;
|
||||
border-color: #d9534f; }
|
||||
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active {
|
||||
@@ -1533,7 +1533,7 @@ input[type="color"].input-small {
|
||||
border-color: #d9534f; }
|
||||
|
||||
.btn-success {
|
||||
color: white;
|
||||
color: #555555;
|
||||
background-color: #5cb85c;
|
||||
border-color: #5cb85c; }
|
||||
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {
|
||||
@@ -1544,7 +1544,7 @@ input[type="color"].input-small {
|
||||
border-color: #5cb85c; }
|
||||
|
||||
.btn-info {
|
||||
color: white;
|
||||
color: #555555;
|
||||
background-color: #5bc0de;
|
||||
border-color: #5bc0de; }
|
||||
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
|
||||
@@ -1555,7 +1555,7 @@ input[type="color"].input-small {
|
||||
border-color: #5bc0de; }
|
||||
|
||||
.btn-link {
|
||||
color: #272822;
|
||||
color: #ef1778;
|
||||
font-weight: normal;
|
||||
cursor: pointer;
|
||||
border-radius: 0; }
|
||||
@@ -1567,7 +1567,7 @@ input[type="color"].input-small {
|
||||
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
|
||||
border-color: transparent; }
|
||||
.btn-link:hover, .btn-link:focus {
|
||||
color: black;
|
||||
color: #ae0c55;
|
||||
text-decoration: underline;
|
||||
background-color: transparent; }
|
||||
.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
|
||||
@@ -1671,25 +1671,25 @@ input[type="button"].btn-block {
|
||||
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
background-color: #1a1a16;
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#272822), to(#1a1a16));
|
||||
background-image: -webkit-linear-gradient(top, #272822, #1a1a16);
|
||||
background-image: -moz-linear-gradient(top, #272822, #1a1a16);
|
||||
background-image: linear-gradient(to bottom, #272822, #1a1a16);
|
||||
background-color: #dd0f6c;
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ef1778), to(#dd0f6c));
|
||||
background-image: -webkit-linear-gradient(top, #ef1778, #dd0f6c);
|
||||
background-image: -moz-linear-gradient(top, #ef1778, #dd0f6c);
|
||||
background-image: linear-gradient(to bottom, #ef1778, #dd0f6c);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF272822', endColorstr='#FF1A1A16', GradientType=0); }
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEF1778', endColorstr='#FFDD0F6C', GradientType=0); }
|
||||
|
||||
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
outline: 0;
|
||||
background-color: #1a1a16;
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#272822), to(#1a1a16));
|
||||
background-image: -webkit-linear-gradient(top, #272822, #1a1a16);
|
||||
background-image: -moz-linear-gradient(top, #272822, #1a1a16);
|
||||
background-image: linear-gradient(to bottom, #272822, #1a1a16);
|
||||
background-color: #dd0f6c;
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ef1778), to(#dd0f6c));
|
||||
background-image: -webkit-linear-gradient(top, #ef1778, #dd0f6c);
|
||||
background-image: -moz-linear-gradient(top, #ef1778, #dd0f6c);
|
||||
background-image: linear-gradient(to bottom, #ef1778, #dd0f6c);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF272822', endColorstr='#FF1A1A16', GradientType=0); }
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEF1778', endColorstr='#FFDD0F6C', GradientType=0); }
|
||||
|
||||
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
|
||||
color: #999999; }
|
||||
@@ -1773,12 +1773,12 @@ a.list-group-item:hover, a.list-group-item:focus {
|
||||
a.list-group-item.active {
|
||||
z-index: 2;
|
||||
color: white;
|
||||
background-color: #272822;
|
||||
border-color: #272822; }
|
||||
background-color: #ef1778;
|
||||
border-color: #ef1778; }
|
||||
a.list-group-item.active .list-group-item-heading {
|
||||
color: inherit; }
|
||||
a.list-group-item.active .list-group-item-text {
|
||||
color: #919482; }
|
||||
color: #fcd6e7; }
|
||||
|
||||
.panel {
|
||||
padding: 15px;
|
||||
@@ -1808,11 +1808,11 @@ a.list-group-item.active {
|
||||
border-bottom-right-radius: 2px; }
|
||||
|
||||
.panel-primary {
|
||||
border-color: #272822; }
|
||||
border-color: #ef1778; }
|
||||
.panel-primary .panel-heading {
|
||||
color: white;
|
||||
background-color: #272822;
|
||||
border-color: #272822; }
|
||||
background-color: #ef1778;
|
||||
border-color: #ef1778; }
|
||||
|
||||
.panel-success {
|
||||
border-color: #d6e9c6; }
|
||||
@@ -1856,8 +1856,8 @@ a.list-group-item.active {
|
||||
min-height: 20px;
|
||||
padding: 19px;
|
||||
margin-bottom: 20px;
|
||||
background-color: lightgrey;
|
||||
border: 1px solid #c1c1c1;
|
||||
background-color: #e9e9e9;
|
||||
border: 1px solid #d7d7d7;
|
||||
border-radius: 3px;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
|
||||
@@ -1929,8 +1929,8 @@ button.close {
|
||||
margin-top: 9px; }
|
||||
.nav.open > a, .nav.open > a:hover, .nav.open > a:focus {
|
||||
color: #fff;
|
||||
background-color: #272822;
|
||||
border-color: #272822; }
|
||||
background-color: #ef1778;
|
||||
border-color: #ef1778; }
|
||||
.nav.open > a .caret, .nav.open > a:hover .caret, .nav.open > a:focus .caret {
|
||||
border-top-color: #fff;
|
||||
border-bottom-color: #fff; }
|
||||
@@ -1957,7 +1957,7 @@ button.close {
|
||||
border-color: #eeeeee #eeeeee #dddddd; }
|
||||
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
|
||||
color: #555555;
|
||||
background-color: black;
|
||||
background-color: #272a31;
|
||||
border: 1px solid #ddd;
|
||||
border-bottom-color: transparent;
|
||||
cursor: default; }
|
||||
@@ -1970,7 +1970,7 @@ button.close {
|
||||
margin-left: 2px; }
|
||||
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
|
||||
color: #fff;
|
||||
background-color: #272822; }
|
||||
background-color: #ef1778; }
|
||||
|
||||
.nav-stacked > li {
|
||||
float: none; }
|
||||
@@ -1993,7 +1993,7 @@ button.close {
|
||||
border-bottom: 1px solid #ddd;
|
||||
margin-right: 0; }
|
||||
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a {
|
||||
border-bottom-color: black; }
|
||||
border-bottom-color: #272a31; }
|
||||
|
||||
.nav-header {
|
||||
display: block;
|
||||
@@ -2022,12 +2022,12 @@ button.close {
|
||||
display: block; }
|
||||
|
||||
.nav .caret {
|
||||
border-top-color: #272822;
|
||||
border-bottom-color: #272822; }
|
||||
border-top-color: #ef1778;
|
||||
border-bottom-color: #ef1778; }
|
||||
|
||||
.nav a:hover .caret {
|
||||
border-top-color: black;
|
||||
border-bottom-color: black; }
|
||||
border-top-color: #ae0c55;
|
||||
border-bottom-color: #ae0c55; }
|
||||
|
||||
.nav-tabs .dropdown-menu {
|
||||
margin-top: -1px;
|
||||
@@ -2239,10 +2239,10 @@ button.close {
|
||||
color: white; }
|
||||
|
||||
.btn .caret {
|
||||
border-top-color: white; }
|
||||
border-top-color: #555555; }
|
||||
|
||||
.dropup .btn .caret {
|
||||
border-bottom-color: white; }
|
||||
border-bottom-color: #555555; }
|
||||
|
||||
.btn-group,
|
||||
.btn-group-vertical {
|
||||
@@ -2847,7 +2847,7 @@ button.close {
|
||||
.img-thumbnail {
|
||||
padding: 4px;
|
||||
line-height: 1.42857;
|
||||
background-color: black;
|
||||
background-color: #272a31;
|
||||
border: 1px solid #dddddd;
|
||||
border-radius: 3px;
|
||||
-webkit-transition: all 0.2s ease-in-out;
|
||||
@@ -2860,7 +2860,7 @@ button.close {
|
||||
|
||||
a.thumbnail:hover,
|
||||
a.thumbnail:focus {
|
||||
border-color: #272822; }
|
||||
border-color: #ef1778; }
|
||||
|
||||
.thumbnail > img {
|
||||
margin-left: auto;
|
||||
@@ -2868,7 +2868,7 @@ a.thumbnail:focus {
|
||||
|
||||
.thumbnail .caption {
|
||||
padding: 9px;
|
||||
color: #333333; }
|
||||
color: #555555; }
|
||||
|
||||
.media,
|
||||
.media-body {
|
||||
@@ -2888,7 +2888,7 @@ a.thumbnail:focus {
|
||||
.media-heading {
|
||||
margin: 0 0 5px; }
|
||||
|
||||
.media > .pull-left, #content .page-head .media > h2.page-title {
|
||||
.media > .pull-left, .page-head .media > h2.page-title {
|
||||
margin-right: 10px; }
|
||||
.media > .pull-right {
|
||||
margin-left: 10px; }
|
||||
@@ -2964,7 +2964,7 @@ a.list-group-item.active > .badge, a.list-group-item.active > .badge-success, a.
|
||||
.nav-pills > .active > a > .badge,
|
||||
.nav-pills > .active > a > .badge-success,
|
||||
.nav-pills > .active > a > .badge-error {
|
||||
color: #272822;
|
||||
color: #ef1778;
|
||||
background-color: #fff; }
|
||||
|
||||
.nav-pills > li > a > .badge, .nav-pills > li > a > .badge-success, .nav-pills > li > a > .badge-error {
|
||||
@@ -3022,7 +3022,7 @@ a.list-group-item.active > .badge, a.list-group-item.active > .badge-success, a.
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
background-color: #272822;
|
||||
background-color: #ef1778;
|
||||
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
|
||||
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
|
||||
-webkit-transition: width 0.6s ease;
|
||||
@@ -3031,7 +3031,7 @@ a.list-group-item.active > .badge, a.list-group-item.active > .badge-success, a.
|
||||
transition: width 0.6s ease; }
|
||||
|
||||
.progress-striped .progress-bar {
|
||||
background-color: #272822;
|
||||
background-color: #ef1778;
|
||||
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
|
||||
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
||||
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
||||
@@ -3114,7 +3114,7 @@ a.list-group-item.active > .badge, a.list-group-item.active > .badge-success, a.
|
||||
.pull-right {
|
||||
float: right; }
|
||||
|
||||
.pull-left, #content .page-head h2.page-title {
|
||||
.pull-left, .page-head h2.page-title {
|
||||
float: left; }
|
||||
|
||||
.hide {
|
||||
@@ -3439,12 +3439,12 @@ a [class*=" icon-"] {
|
||||
.pull-right {
|
||||
float: right; }
|
||||
|
||||
.pull-left, #content .page-head h2.page-title {
|
||||
.pull-left, .page-head h2.page-title {
|
||||
float: left; }
|
||||
|
||||
[class^="icon-"].pull-left, #content .page-head h2[class^="icon-"].page-title,
|
||||
[class^="icon-"].pull-left, .page-head h2[class^="icon-"].page-title,
|
||||
[class*=" icon-"].pull-left,
|
||||
#content .page-head h2[class*=" icon-"].page-title {
|
||||
.page-head h2[class*=" icon-"].page-title {
|
||||
margin-right: .3em; }
|
||||
|
||||
[class^="icon-"].pull-right,
|
||||
@@ -3505,10 +3505,10 @@ a [class*=" icon-"] {
|
||||
.nav-pills [class*=" icon-"].icon-large {
|
||||
line-height: .9em; }
|
||||
|
||||
.btn [class^="icon-"].pull-left.icon-2x, .btn #content .page-head h2[class^="icon-"].icon-2x.page-title, #content .page-head .btn h2[class^="icon-"].icon-2x.page-title,
|
||||
.btn [class^="icon-"].pull-left.icon-2x, .btn .page-head h2[class^="icon-"].icon-2x.page-title, .page-head .btn h2[class^="icon-"].icon-2x.page-title,
|
||||
.btn [class*=" icon-"].pull-left.icon-2x,
|
||||
.btn #content .page-head h2[class*=" icon-"].icon-2x.page-title,
|
||||
#content .page-head .btn h2[class*=" icon-"].icon-2x.page-title,
|
||||
.btn .page-head h2[class*=" icon-"].icon-2x.page-title,
|
||||
.page-head .btn h2[class*=" icon-"].icon-2x.page-title,
|
||||
.btn [class^="icon-"].pull-right.icon-2x,
|
||||
.btn [class*=" icon-"].pull-right.icon-2x {
|
||||
margin-top: .18em; }
|
||||
@@ -3517,10 +3517,10 @@ a [class*=" icon-"] {
|
||||
.btn [class*=" icon-"].icon-spin.icon-large {
|
||||
line-height: .8em; }
|
||||
|
||||
.btn.btn-small [class^="icon-"].pull-left.icon-2x, .btn.btn-small #content .page-head h2[class^="icon-"].icon-2x.page-title, #content .page-head .btn.btn-small h2[class^="icon-"].icon-2x.page-title,
|
||||
.btn.btn-small [class^="icon-"].pull-left.icon-2x, .btn.btn-small .page-head h2[class^="icon-"].icon-2x.page-title, .page-head .btn.btn-small h2[class^="icon-"].icon-2x.page-title,
|
||||
.btn.btn-small [class*=" icon-"].pull-left.icon-2x,
|
||||
.btn.btn-small #content .page-head h2[class*=" icon-"].icon-2x.page-title,
|
||||
#content .page-head .btn.btn-small h2[class*=" icon-"].icon-2x.page-title,
|
||||
.btn.btn-small .page-head h2[class*=" icon-"].icon-2x.page-title,
|
||||
.page-head .btn.btn-small h2[class*=" icon-"].icon-2x.page-title,
|
||||
.btn.btn-small [class^="icon-"].pull-right.icon-2x,
|
||||
.btn.btn-small [class*=" icon-"].pull-right.icon-2x {
|
||||
margin-top: .25em; }
|
||||
@@ -3529,18 +3529,18 @@ a [class*=" icon-"] {
|
||||
.btn.btn-large [class*=" icon-"] {
|
||||
margin-top: 0; }
|
||||
|
||||
.btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large #content .page-head h2[class^="icon-"].icon-2x.page-title, #content .page-head .btn.btn-large h2[class^="icon-"].icon-2x.page-title,
|
||||
.btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large .page-head h2[class^="icon-"].icon-2x.page-title, .page-head .btn.btn-large h2[class^="icon-"].icon-2x.page-title,
|
||||
.btn.btn-large [class*=" icon-"].pull-left.icon-2x,
|
||||
.btn.btn-large #content .page-head h2[class*=" icon-"].icon-2x.page-title,
|
||||
#content .page-head .btn.btn-large h2[class*=" icon-"].icon-2x.page-title,
|
||||
.btn.btn-large .page-head h2[class*=" icon-"].icon-2x.page-title,
|
||||
.page-head .btn.btn-large h2[class*=" icon-"].icon-2x.page-title,
|
||||
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
|
||||
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
|
||||
margin-top: .05em; }
|
||||
|
||||
.btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large #content .page-head h2[class^="icon-"].icon-2x.page-title, #content .page-head .btn.btn-large h2[class^="icon-"].icon-2x.page-title,
|
||||
.btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large .page-head h2[class^="icon-"].icon-2x.page-title, .page-head .btn.btn-large h2[class^="icon-"].icon-2x.page-title,
|
||||
.btn.btn-large [class*=" icon-"].pull-left.icon-2x,
|
||||
.btn.btn-large #content .page-head h2[class*=" icon-"].icon-2x.page-title,
|
||||
#content .page-head .btn.btn-large h2[class*=" icon-"].icon-2x.page-title {
|
||||
.btn.btn-large .page-head h2[class*=" icon-"].icon-2x.page-title,
|
||||
.page-head .btn.btn-large h2[class*=" icon-"].icon-2x.page-title {
|
||||
margin-right: .2em; }
|
||||
|
||||
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
|
||||
@@ -4789,7 +4789,7 @@ https://github.com/ghinda/css-toggle-switch
|
||||
display: none; }
|
||||
|
||||
.switch {
|
||||
background-color: #bababa;
|
||||
background-color: #d0d0d0;
|
||||
border-radius: 3px; }
|
||||
|
||||
.switch label {
|
||||
@@ -4997,13 +4997,13 @@ https://github.com/ghinda/css-toggle-switch
|
||||
.prestashop-switch .slide-button {
|
||||
position: relative;
|
||||
margin-right: 3px;
|
||||
border-color: #adadad;
|
||||
border-color: #c3c3c3;
|
||||
color: white;
|
||||
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e0e0e0), color-stop(100%, #c7c7c7));
|
||||
background: -webkit-linear-gradient(top, #e0e0e0, #c7c7c7);
|
||||
background: -moz-linear-gradient(top, #e0e0e0, #c7c7c7);
|
||||
background: -o-linear-gradient(top, #e0e0e0, #c7c7c7);
|
||||
background: linear-gradient(top, #e0e0e0, #c7c7c7);
|
||||
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6f6f6), color-stop(100%, #dddddd));
|
||||
background: -webkit-linear-gradient(top, #f6f6f6, #dddddd);
|
||||
background: -moz-linear-gradient(top, #f6f6f6, #dddddd);
|
||||
background: -o-linear-gradient(top, #f6f6f6, #dddddd);
|
||||
background: linear-gradient(top, #f6f6f6, #dddddd);
|
||||
-webkit-box-shadow: white 0 0 0 1px inset;
|
||||
box-shadow: white 0 0 0 1px inset; }
|
||||
|
||||
@@ -5018,12 +5018,10 @@ html, body {
|
||||
|
||||
body.fixed-top {
|
||||
position: relative;
|
||||
top: 35px;
|
||||
margin-bottom: 50px;
|
||||
background-color: #272822; }
|
||||
top: 35px; }
|
||||
|
||||
#header_infos {
|
||||
background-color: #0c0c0b;
|
||||
background-color: #101215;
|
||||
z-index: 9999; }
|
||||
#header_infos #header_shopname {
|
||||
font-size: 1.6em;
|
||||
@@ -5032,7 +5030,7 @@ body.fixed-top {
|
||||
#header_infos #notifs_icon_wrapper i {
|
||||
font-size: 1.5em; }
|
||||
#header_infos #notifs_icon_wrapper .badge, #header_infos #notifs_icon_wrapper .badge-success, #header_infos #notifs_icon_wrapper .badge-error {
|
||||
background-color: #dc315e; }
|
||||
background-color: #ef1778; }
|
||||
|
||||
#main {
|
||||
position: relative; }
|
||||
@@ -5056,12 +5054,11 @@ body.fixed-top {
|
||||
-moz-transition-timing-function: ease-out;
|
||||
-o-transition-timing-function: ease-out;
|
||||
transition-timing-function: ease-out;
|
||||
background-color: #e0e0e0;
|
||||
background-image: url("../img/patterns/bedge_grunge.png"); }
|
||||
background-color: #f6f6f6; }
|
||||
#content fieldset, #content .panel {
|
||||
padding: 20px;
|
||||
margin-bottom: 20px;
|
||||
border: solid 1px #c7c7c7;
|
||||
border: solid 1px #dddddd;
|
||||
background-color: white;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
@@ -5074,17 +5071,16 @@ body.fixed-top {
|
||||
height: 30px;
|
||||
padding: 0 5px;
|
||||
margin: -16px -16px 15px -16px;
|
||||
clear: both;
|
||||
line-height: 30px;
|
||||
color: white;
|
||||
color: contrasted(#daeec8);
|
||||
font-size: 1.2em;
|
||||
font-weight: 300;
|
||||
text-transform: uppercase;
|
||||
background-color: #272822; }
|
||||
background-color: #daeec8; }
|
||||
#content h3 i, #content .panel-heading i, #content h3 a, #content .panel-heading a, #content .panel-heading i, #content .panel-heading a {
|
||||
color: #60c276 !important; }
|
||||
color: contrasted(#daeec8); }
|
||||
#content h3 .badge, #content .panel-heading .badge, #content h3 .badge-success, #content .panel-heading .badge-success, #content h3 .badge-error, #content .panel-heading .badge-error, #content .panel-heading .badge, #content .panel-heading .badge-success, #content .panel-heading .badge-error {
|
||||
background-color: #5d5f51;
|
||||
background-color: white;
|
||||
border-radius: 0;
|
||||
height: 29px;
|
||||
line-height: 25px;
|
||||
@@ -5094,7 +5090,7 @@ body.fixed-top {
|
||||
float: left;
|
||||
margin-left: -5px; }
|
||||
#content .panel-danger .panel-heading {
|
||||
background-color: #dc315e !important; }
|
||||
background-color: #ef1778 !important; }
|
||||
#content .panel-heading-big {
|
||||
font-size: 2em;
|
||||
text-align: center; }
|
||||
@@ -5107,46 +5103,42 @@ body.fixed-top {
|
||||
background-color: white;
|
||||
color: #59a1e0;
|
||||
border: none;
|
||||
border-bottom: solid 1px #c7c7c7;
|
||||
border-bottom: solid 1px #dddddd;
|
||||
-webkit-box-shadow: white 0 0 0 1px inset;
|
||||
box-shadow: white 0 0 0 1px inset; }
|
||||
#content .page-head {
|
||||
width: 100%;
|
||||
height: 69px;
|
||||
padding: 5px 10px 0 0;
|
||||
margin: 0;
|
||||
border-bottom: 4px solid #348847;
|
||||
position: fixed;
|
||||
top: 37px;
|
||||
left: 0px;
|
||||
z-index: 9000;
|
||||
background-color: #60c276;
|
||||
-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 7px 0, rgba(255, 255, 255, 0.15) 0 -1px 0 inset;
|
||||
box-shadow: rgba(0, 0, 0, 0.15) 0 7px 0, rgba(255, 255, 255, 0.15) 0 -1px 0 inset; }
|
||||
#content .page-head h2.page-title {
|
||||
padding: 0 0 0 260px;
|
||||
font-size: 20px;
|
||||
line-height: 25px;
|
||||
color: white;
|
||||
text-transform: uppercase; }
|
||||
#content .page-head .btn-toolbar {
|
||||
|
||||
.page-head {
|
||||
width: 100%;
|
||||
height: 65px;
|
||||
padding: 5px 10px 0 0;
|
||||
margin: 0;
|
||||
border-bottom: 4px solid #71b238;
|
||||
position: fixed;
|
||||
top: 37px;
|
||||
left: 0px;
|
||||
z-index: 9000;
|
||||
background-color: #8bc954;
|
||||
-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 7px 0, rgba(255, 255, 255, 0.15) 0 -1px 0 inset;
|
||||
box-shadow: rgba(0, 0, 0, 0.15) 0 7px 0, rgba(255, 255, 255, 0.15) 0 -1px 0 inset; }
|
||||
.page-head h2.page-title {
|
||||
padding: 0 0 0 260px;
|
||||
font-size: 20px;
|
||||
line-height: 25px;
|
||||
color: white;
|
||||
text-transform: uppercase; }
|
||||
.page-head .btn-toolbar {
|
||||
margin: 0; }
|
||||
.page-head .btn-toolbar .nav-tabs {
|
||||
margin: 0; }
|
||||
#content .page-head .btn-toolbar .nav-tabs {
|
||||
margin: 0; }
|
||||
#content .page-head .btn-toolbar .nav-tabs > li > a {
|
||||
color: #333333; }
|
||||
#content .page-head .btn-toolbar .nav-tabs > li > a > .active > a, #content .page-head .btn-toolbar .nav-tabs > li > a > .active > a:hover {
|
||||
color: #3399ff;
|
||||
background: whitesmoke; }
|
||||
.page-head .btn-toolbar .nav-tabs > li > a {
|
||||
color: #333333; }
|
||||
|
||||
#sidebar {
|
||||
z-index: 9001;
|
||||
float: left;
|
||||
position: absolute;
|
||||
width: 240px;
|
||||
background-color: #272822;
|
||||
border-bottom: 1px solid #34362e;
|
||||
border-right: 1px solid black; }
|
||||
background-color: #272a31;
|
||||
border-bottom: 1px solid #32363f; }
|
||||
#sidebar > ul > li > ul.sub-menu {
|
||||
display: none;
|
||||
list-style: none;
|
||||
@@ -5156,7 +5148,7 @@ body.fixed-top {
|
||||
margin: 0;
|
||||
padding: 0; }
|
||||
#sidebar > ul li {
|
||||
background-color: #272822;
|
||||
background-color: #272a31;
|
||||
list-style: none; }
|
||||
#sidebar > ul li:not(.active) ul {
|
||||
display: none; }
|
||||
@@ -5164,18 +5156,22 @@ body.fixed-top {
|
||||
display: block;
|
||||
background-color: white; }
|
||||
#sidebar > ul > li:hover > a, #sidebar > ul > li.active > a {
|
||||
color: white;
|
||||
background-color: #1a1a16;
|
||||
-webkit-box-shadow: #60c276 -4px 0 0 inset;
|
||||
box-shadow: #60c276 -4px 0 0 inset; }
|
||||
background-color: #8bc954;
|
||||
color: #333333;
|
||||
background-color: #8bc954;
|
||||
border-top: 1px solid #a5d57b;
|
||||
border-bottom: 1px solid #71b238;
|
||||
-webkit-box-shadow: #71b238 -4px 0 0 inset;
|
||||
box-shadow: #71b238 -4px 0 0 inset; }
|
||||
#sidebar > ul > li:hover > a i, #sidebar > ul > li.active > a i {
|
||||
color: #60c276 !important; }
|
||||
color: #8bc954 !important;
|
||||
background-color: white; }
|
||||
#sidebar > ul > li > a {
|
||||
display: block;
|
||||
padding: 5px 0 5px 5px;
|
||||
border-top: 1px solid #34362e;
|
||||
border-bottom: 1px solid black;
|
||||
color: #9da08f;
|
||||
border-top: 1px solid #32363f;
|
||||
border-bottom: 1px solid #101215;
|
||||
color: #a8a9ac;
|
||||
text-transform: uppercase;
|
||||
text-decoration: none;
|
||||
-webkit-transition-property: background-color, border, box-shadow;
|
||||
@@ -5190,10 +5186,10 @@ body.fixed-top {
|
||||
-moz-transition-timing-function: ease-out;
|
||||
-o-transition-timing-function: ease-out;
|
||||
transition-timing-function: ease-out;
|
||||
-webkit-box-shadow: black -4px 0 0 inset;
|
||||
box-shadow: black -4px 0 0 inset; }
|
||||
-webkit-box-shadow: #050506 -4px 0 0 inset;
|
||||
box-shadow: #050506 -4px 0 0 inset; }
|
||||
#sidebar > ul > li > a i {
|
||||
color: #6a6d5d !important;
|
||||
color: #606778 !important;
|
||||
-webkit-transition-property: color;
|
||||
-moz-transition-property: color;
|
||||
-o-transition-property: color;
|
||||
@@ -5211,28 +5207,27 @@ body.fixed-top {
|
||||
#sidebar > ul > li ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-bottom: 1px solid #cecece;
|
||||
background-color: white; }
|
||||
#sidebar > ul > li ul li a {
|
||||
display: block;
|
||||
padding: 3px 10px 3px 10px;
|
||||
font-size: 12px;
|
||||
border: none;
|
||||
border-bottom: 1px solid #bce5c5;
|
||||
background-color: white; }
|
||||
#sidebar > ul > li ul li a i {
|
||||
margin-top: 3px;
|
||||
color: #60c276; }
|
||||
color: #8bc954; }
|
||||
#sidebar > ul > li ul li a:hover {
|
||||
background-color: #e1f3e5;
|
||||
background-color: #e7f4dc;
|
||||
text-decoration: none; }
|
||||
#sidebar > ul > li ul li a:hover i {
|
||||
color: #272822; }
|
||||
color: #272a31; }
|
||||
#sidebar > ul > li ul li.active a {
|
||||
color: #1a1a1a;
|
||||
background-color: #60c276; }
|
||||
background-color: #8bc954;
|
||||
color: #333333;
|
||||
background-color: #8bc954; }
|
||||
#sidebar > ul > li ul li.active a i {
|
||||
color: #272822; }
|
||||
color: #272a31; }
|
||||
|
||||
.page-sidebar-closed #sidebar {
|
||||
width: 50px;
|
||||
@@ -5253,21 +5248,36 @@ body.fixed-top {
|
||||
display: none; }
|
||||
.page-sidebar-closed #sidebar ul.submenu {
|
||||
display: none !important; }
|
||||
.page-sidebar-closed #sidebar > ul > li:hover {
|
||||
width: 250px !important;
|
||||
position: relative;
|
||||
-webkit-box-shadow: rgba(0, 0, 0, 0.15) 4px 4px 0;
|
||||
box-shadow: rgba(0, 0, 0, 0.15) 4px 4px 0; }
|
||||
.page-sidebar-closed #sidebar > ul > li:hover span.title {
|
||||
display: inline-block; }
|
||||
.page-sidebar-closed #sidebar > ul > li:hover ul.submenu {
|
||||
display: block !important;
|
||||
position: absolute;
|
||||
left: 50px;
|
||||
width: 200px !important;
|
||||
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 4px 4px 8px;
|
||||
box-shadow: rgba(0, 0, 0, 0.3) 4px 4px 8px; }
|
||||
.page-sidebar-closed #content {
|
||||
margin-left: 50px; }
|
||||
.page-sidebar-closed #content .page-head h2.page-title {
|
||||
padding: 0 0 0 70px; }
|
||||
|
||||
.menu-collapse {
|
||||
height: 70px;
|
||||
height: 67px;
|
||||
width: 100%;
|
||||
font-size: 2em;
|
||||
text-align: center;
|
||||
line-height: 68px;
|
||||
display: block;
|
||||
background-color: black; }
|
||||
background-color: #7ec341;
|
||||
border-bottom: 4px solid #659e32; }
|
||||
.menu-collapse i {
|
||||
color: white !important; }
|
||||
color: #a5d57b; }
|
||||
|
||||
#menu .maintab > a [class^="icon-"], #menu .maintab > a [class*=" icon-"] {
|
||||
font-size: 22px;
|
||||
@@ -5280,7 +5290,6 @@ body.fixed-top {
|
||||
line-height: 35px; }
|
||||
|
||||
.toolbar_btn {
|
||||
border: solid 1px #97d7a6;
|
||||
position: relative;
|
||||
padding: 2px 5px !important;
|
||||
margin-right: 3px;
|
||||
@@ -5290,9 +5299,9 @@ body.fixed-top {
|
||||
text-align: center;
|
||||
text-shadow: none; }
|
||||
.toolbar_btn:hover {
|
||||
color: #348847;
|
||||
color: #8bc954;
|
||||
border-color: white;
|
||||
background-color: white; }
|
||||
background-color: white !important; }
|
||||
|
||||
.icon-AdminDashboard {
|
||||
background-color: #87c795; }
|
||||
@@ -5334,9 +5343,9 @@ body.fixed-top {
|
||||
background-color: #87c795; }
|
||||
|
||||
[class^="icon-Admin"] {
|
||||
background-color: #0c0c0b;
|
||||
background-color: #101215;
|
||||
margin-right: 6px;
|
||||
color: #424439 !important; }
|
||||
color: #3e424d !important; }
|
||||
|
||||
[class^="process-icon-"], [class*=" process-icon-"] {
|
||||
height: 32px;
|
||||
@@ -5366,9 +5375,9 @@ label.control-label {
|
||||
label.control-label span.label-tooltip {
|
||||
text-decoration: none;
|
||||
font-size: 13px;
|
||||
background-color: lightgrey;
|
||||
background-color: #e9e9e9;
|
||||
border: none;
|
||||
border-bottom: solid 1px #c7c7c7;
|
||||
border-bottom: solid 1px #dddddd;
|
||||
padding: 0 5px;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
@@ -5407,65 +5416,47 @@ input[type="password"].input-tiny {
|
||||
.fixed-width-XL {
|
||||
width: 200px; }
|
||||
|
||||
.btn {
|
||||
text-transform: uppercase; }
|
||||
|
||||
.btn-default {
|
||||
border-color: #adadad;
|
||||
color: #4f5145;
|
||||
background-color: white;
|
||||
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 -2px 0 inset;
|
||||
box-shadow: rgba(0, 0, 0, 0.1) 0 -2px 0 inset; }
|
||||
.btn-default:hover, .btn-default:focus {
|
||||
border-color: #949494;
|
||||
color: #4f5145;
|
||||
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e0e0e0), color-stop(100%, #d3d3d3));
|
||||
background: -webkit-linear-gradient(top, #e0e0e0, #d3d3d3);
|
||||
background: -moz-linear-gradient(top, #e0e0e0, #d3d3d3);
|
||||
background: -o-linear-gradient(top, #e0e0e0, #d3d3d3);
|
||||
background: linear-gradient(top, #e0e0e0, #d3d3d3); }
|
||||
|
||||
.btn-primary {
|
||||
border-color: #60c276;
|
||||
color: #4f5145;
|
||||
background-color: #f3fbf5;
|
||||
-webkit-box-shadow: #aadeb6 0 -2px 0 inset;
|
||||
box-shadow: #aadeb6 0 -2px 0 inset; }
|
||||
.btn-primary:hover, .btn-primary:focus {
|
||||
border-color: #60c276;
|
||||
color: white;
|
||||
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #60c276), color-stop(100%, #42ad5a));
|
||||
background: -webkit-linear-gradient(top, #60c276, #42ad5a);
|
||||
background: -moz-linear-gradient(top, #60c276, #42ad5a);
|
||||
background: -o-linear-gradient(top, #60c276, #42ad5a);
|
||||
background: linear-gradient(top, #60c276, #42ad5a); }
|
||||
|
||||
.btn-default[disabled] {
|
||||
border-color: #858874;
|
||||
color: #4f5145;
|
||||
background-color: #cecfc7;
|
||||
-webkit-box-shadow: #b5b8ab 0 -2px 0 inset;
|
||||
box-shadow: #b5b8ab 0 -2px 0 inset; }
|
||||
.btn-default[disabled]:hover, .btn-default[disabled]:focus {
|
||||
border-color: #60c276;
|
||||
color: white;
|
||||
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #60c276), color-stop(100%, #42ad5a));
|
||||
background: -webkit-linear-gradient(top, #60c276, #42ad5a);
|
||||
background: -moz-linear-gradient(top, #60c276, #42ad5a);
|
||||
background: -o-linear-gradient(top, #60c276, #42ad5a);
|
||||
background: linear-gradient(top, #60c276, #42ad5a); }
|
||||
|
||||
.btn-group-action {
|
||||
display: inline-block;
|
||||
white-space: nowrap; }
|
||||
.btn-group-action a {
|
||||
text-decoration: none; }
|
||||
|
||||
.btn {
|
||||
text-transform: uppercase; }
|
||||
|
||||
.btn-default {
|
||||
-webkit-box-shadow: #e6e6e6 0 -2px 0 inset;
|
||||
box-shadow: #e6e6e6 0 -2px 0 inset; }
|
||||
.btn-default:hover, .btn-default:focus {
|
||||
background-color: #555555;
|
||||
border-color: #222222;
|
||||
-webkit-box-shadow: #222222 0 -2px 0 inset;
|
||||
box-shadow: #222222 0 -2px 0 inset; }
|
||||
|
||||
.btn-primary {
|
||||
-webkit-box-shadow: #c7e6c7 0 -2px 0 inset;
|
||||
box-shadow: #c7e6c7 0 -2px 0 inset; }
|
||||
.btn-primary:hover, .btn-primary:focus {
|
||||
background-color: #555555;
|
||||
border-color: #222222;
|
||||
-webkit-box-shadow: #222222 0 -2px 0 inset;
|
||||
box-shadow: #222222 0 -2px 0 inset; }
|
||||
|
||||
.btn-default[disabled] {
|
||||
border-color: #999999;
|
||||
color: #999999;
|
||||
background-color: #f2f2f2;
|
||||
-webkit-box-shadow: #cccccc 0 -2px 0 inset;
|
||||
box-shadow: #cccccc 0 -2px 0 inset; }
|
||||
|
||||
.btn .caret {
|
||||
border-top-color: #4f5145 !important; }
|
||||
border-top-color: #333333 !important; }
|
||||
.btn:hover .caret, .btn:focus .caret {
|
||||
border-top-color: white !important; }
|
||||
|
||||
hr {
|
||||
border-color: #c7c7c7;
|
||||
border-color: #dddddd;
|
||||
border-bottom: 1px solid white; }
|
||||
|
||||
.table {
|
||||
@@ -5473,7 +5464,7 @@ hr {
|
||||
border-spacing: 0 2px;
|
||||
margin-bottom: 5px; }
|
||||
.table thead th {
|
||||
background-color: #c7c7c7; }
|
||||
background-color: #dddddd; }
|
||||
.table thead > tr > th {
|
||||
font-weight: normal;
|
||||
vertical-align: top; }
|
||||
@@ -5523,10 +5514,10 @@ tr.filter {
|
||||
border-color: #a39f95; }
|
||||
|
||||
.breadcrumb {
|
||||
background-color: #f2f2f2; }
|
||||
background-color: white; }
|
||||
|
||||
.badge, .badge-success, .badge-error {
|
||||
background-color: #60c276; }
|
||||
background-color: #8bc954; }
|
||||
|
||||
.badge-success {
|
||||
background-color: #5cb85c; }
|
||||
@@ -5536,7 +5527,7 @@ tr.filter {
|
||||
|
||||
.icon-big {
|
||||
font-size: 4em;
|
||||
color: #adadad; }
|
||||
color: #c3c3c3; }
|
||||
|
||||
#module-list h3, #module-list #content .panel-heading, #content #module-list .panel-heading {
|
||||
position: relative;
|
||||
@@ -5545,7 +5536,7 @@ tr.filter {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: transparent;
|
||||
color: #272822;
|
||||
color: #272a31;
|
||||
font-weight: 500; }
|
||||
|
||||
#footer {
|
||||
@@ -5599,7 +5590,6 @@ tr.filter {
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
background-color: rgba(0, 0, 0, 0.8); }
|
||||
#footer .go-top i {
|
||||
color: #666666;
|
||||
font-size: 22px;
|
||||
margin-bottom: 5px; }
|
||||
|
||||
#nobootstrap {
|
||||
float: left; }
|
||||
|
||||
@@ -1,44 +1,64 @@
|
||||
//variables
|
||||
$icon-color: #87C795
|
||||
|
||||
//$bg-content-color: #F8F9FB // bleu gris clair
|
||||
//$bg-content-color: #F8FBF8 // vert gris clair
|
||||
//$bg-content-color: #F8F8F8 // gris
|
||||
$bg-content-color: #E0E0E0 // gris foncé
|
||||
|
||||
//$bg-head-color: white
|
||||
//$bg-head-color: #F5792B // orange
|
||||
//$bg-head-color: #81A98C //vert d'eau
|
||||
//$bg-head-color: #0091B0 // bleu
|
||||
//$bg-head-color: #00C3C1 //turquoise
|
||||
//$bg-head-color: #9DC44B // vert pomme
|
||||
//$bg-head-color: #97C885 // vert menthe
|
||||
//$bg-head-color: #4691D2 // bleu ciel
|
||||
//$bg-head-color: #814C76 //violet
|
||||
//$bg-head-color: #FE635F //saumon
|
||||
//$bg-head-color: #F8235A //rose
|
||||
//$bg-head-color: #F2B100 //moutarde
|
||||
//$bg-head-color: #F7854E // abricot
|
||||
//$bg-head-color: #665D5C // taupe clair
|
||||
$bg-head-color: #60C276 //vert
|
||||
|
||||
//do some sass magic with color schemes
|
||||
//light
|
||||
//$brand-primary: #98958C // sable
|
||||
//$brand-primary: #92979B //gris
|
||||
//$brand-primary: #A9B6C1 //bleu
|
||||
//$main-color: #DBD8CF //sable
|
||||
//$main-color: #CFD7DD //bleu
|
||||
//dark
|
||||
//$brand-primary: #3D3D3D // gris
|
||||
//$brand-primary: #515561 // gris bleu clair
|
||||
//$brand-primary: #4D4645 //taupe
|
||||
$brand-primary: #272822 // gris vert
|
||||
//$brand-primary: #313A45 // gris
|
||||
//$brand-primary: #4F2E4A // violet
|
||||
//$brand-primary: #373E35 // vert camo
|
||||
//$brand-primary: #262C3F // bleu nuit
|
||||
$main-color: #272A31 //bleu PrestaShop
|
||||
//$main-color: #3D3D3D //gris
|
||||
//$main-color: #515561 //gris bleu clair
|
||||
//$main-color: #4D4645 //taupe
|
||||
//$main-color: #272822 //gris vert
|
||||
//$main-color: #313A45 //gris bleu
|
||||
//$main-color: #443A42 //violet
|
||||
//$main-color: #373E35 //vert camo
|
||||
//$main-color: #262C3F //bleu nuit - pretty sure that a girl could do better naming the colors, sorry about that...
|
||||
//$main-color: white
|
||||
|
||||
$panel-color: $brand-primary
|
||||
$bg-body-color: $brand-primary
|
||||
$badge-panel-color: #DC315E
|
||||
//$secondary-color: white //blanc
|
||||
//$secondary-color: #F5792B //orange
|
||||
//$secondary-color: #81A98C //vert d'eau
|
||||
//$secondary-color: #1EAEC0 //bleu
|
||||
//$secondary-color: #00C3C1 //turquoise
|
||||
//$secondary-color: #97C885 //vert menthe
|
||||
//$secondary-color: #4691D2 //bleu ciel
|
||||
//$secondary-color: #814C76 //violet
|
||||
//$secondary-color: #FE635F //saumon
|
||||
//$secondary-color: #F8235A //rose
|
||||
//$secondary-color: #F2B100 //moutarde
|
||||
//$secondary-color: #F7854E //abricot
|
||||
//$secondary-color: #937976 //taupe clair
|
||||
//$secondary-color: #60C276 //vert
|
||||
$secondary-color: #9DC44B //vert pomme
|
||||
$secondary-color: #8BC954 //vert PrestaShop
|
||||
|
||||
//some tests
|
||||
//$secondary-color: invert($main-color)
|
||||
//$secondary-color: lighten(complement($main-color),20%)
|
||||
//$secondary-color: adjust-hue($main-color, 80%)
|
||||
//$hue: hue(adjust-hue($main-color, 80%))
|
||||
//$secondary-color: hsl($hue, 50%, 50%) //Creates a Color from hue, saturation, and lightness values
|
||||
|
||||
//dark and light, love and war, fire and ice, etc...
|
||||
$contrasted-dark-default: #333
|
||||
$contrasted-light-default: white
|
||||
$contrasted-lightness-threshold: 40% //30% default
|
||||
|
||||
//50 shades of gray
|
||||
//$bg-content-color: #F8F9FB //bleu gris clair
|
||||
//$bg-content-color: #F8FBF8 //vert gris clair
|
||||
//$bg-content-color: #F8F8F8 //gris
|
||||
//$bg-content-color: #E0E0E0 //gris foncé
|
||||
$bg-content-color: #F6F6F6 //gris
|
||||
|
||||
//heading
|
||||
//$bg-header-color: darken($secondary-color,20%)
|
||||
$bg-header-color: darken($main-color,10%)
|
||||
$bg-page-head-color : $secondary-color
|
||||
$bg-panel-heading-color: lighten($secondary-color,30%)
|
||||
|
||||
//others
|
||||
$badge-notif-color: #EF1778
|
||||
$icon-color: #87C795
|
||||
|
||||
@import "compass"
|
||||
@import "bootstrap/variables"
|
||||
@@ -53,11 +73,9 @@ html, body
|
||||
body.fixed-top
|
||||
position: relative
|
||||
top: 35px
|
||||
margin-bottom: 50px
|
||||
background-color: $bg-body-color
|
||||
|
||||
#header_infos
|
||||
background-color: darken($brand-primary,10%)
|
||||
background-color: $bg-header-color
|
||||
z-index: 9999
|
||||
#header_shopname
|
||||
font-size: 1.6em
|
||||
@@ -67,7 +85,7 @@ body.fixed-top
|
||||
i
|
||||
font-size: 1.5em
|
||||
.badge
|
||||
background-color: $badge-panel-color
|
||||
background-color: $badge-notif-color
|
||||
|
||||
#main
|
||||
position: relative
|
||||
@@ -83,7 +101,7 @@ body.fixed-top
|
||||
@include transition-duration(0.4s)
|
||||
@include transition-timing-function(ease-out)
|
||||
background-color: $bg-content-color
|
||||
background-image: url('../img/patterns/bedge_grunge.png')
|
||||
//background-image: url('../img/patterns/bedge_grunge.png') // texture
|
||||
fieldset, .panel
|
||||
padding: 20px
|
||||
margin-bottom: 20px
|
||||
@@ -97,17 +115,16 @@ body.fixed-top
|
||||
height: 30px
|
||||
padding: 0 5px
|
||||
margin: -16px -16px 15px -16px
|
||||
clear: both
|
||||
line-height: 30px
|
||||
color: white
|
||||
color: contrasted($bg-panel-heading-color)
|
||||
font-size: 1.2em
|
||||
font-weight: 300
|
||||
text-transform: uppercase
|
||||
background-color: $panel-color
|
||||
background-color: $bg-panel-heading-color
|
||||
i, a
|
||||
color: $bg-head-color!important
|
||||
color: contrasted($bg-panel-heading-color)
|
||||
.badge
|
||||
background-color: lighten($panel-color,20%)
|
||||
background-color: lighten($bg-panel-heading-color,20%)
|
||||
border-radius: 0
|
||||
height: 29px
|
||||
line-height: 25px
|
||||
@@ -117,7 +134,7 @@ body.fixed-top
|
||||
float: left
|
||||
margin-left: -5px
|
||||
.panel-danger .panel-heading
|
||||
background-color: $badge-panel-color!important
|
||||
background-color: $badge-notif-color!important
|
||||
.panel-heading-big
|
||||
font-size: 2em
|
||||
text-align: center
|
||||
@@ -132,43 +149,43 @@ body.fixed-top
|
||||
border: none
|
||||
border-bottom: solid 1px darken($bg-content-color,10%)
|
||||
@include box-shadow(white 0 0 0 1px inset)
|
||||
.page-head
|
||||
width: 100%
|
||||
height: 69px
|
||||
padding: 5px 10px 0 0
|
||||
|
||||
.page-head
|
||||
width: 100%
|
||||
height: 65px
|
||||
padding: 5px 10px 0 0
|
||||
margin: 0
|
||||
border-bottom: 4px solid darken($secondary-color,10%)
|
||||
position: fixed
|
||||
top: 37px
|
||||
left: 0px
|
||||
z-index: 9000
|
||||
background-color: $secondary-color
|
||||
@include box-shadow(rgba(black,0.15) 0 7px 0, rgba(white,0.15) 0 -1px 0 inset)
|
||||
h2.page-title
|
||||
@extend .pull-left
|
||||
padding: 0 0 0 260px
|
||||
font-size: 20px
|
||||
line-height: 25px
|
||||
color: white
|
||||
text-transform: uppercase
|
||||
.btn-toolbar
|
||||
margin: 0
|
||||
border-bottom: 4px solid darken($bg-head-color,20%)
|
||||
position: fixed
|
||||
top: 37px
|
||||
left: 0px
|
||||
z-index: 9000
|
||||
background-color: $bg-head-color
|
||||
@include box-shadow(rgba(black,0.15) 0 7px 0, rgba(white,0.15) 0 -1px 0 inset)
|
||||
h2.page-title
|
||||
@extend .pull-left
|
||||
padding: 0 0 0 260px
|
||||
font-size: 20px
|
||||
line-height: 25px
|
||||
color: white
|
||||
text-transform: uppercase
|
||||
.btn-toolbar
|
||||
.nav-tabs
|
||||
margin: 0
|
||||
.nav-tabs
|
||||
margin: 0
|
||||
.nav-tabs > li > a
|
||||
color: #333
|
||||
> .active > a, > .active > a:hover
|
||||
color: #3399ff
|
||||
background: #f5f5f5
|
||||
.nav-tabs > li > a
|
||||
color: #333
|
||||
> .active > a, > .active > a:hover
|
||||
//color: #3399ff
|
||||
//background: #f5f5f5
|
||||
|
||||
#sidebar
|
||||
z-index: 9001
|
||||
float: left
|
||||
position: absolute
|
||||
//position: absolute
|
||||
width: 240px
|
||||
background-color: $brand-primary
|
||||
border-bottom: 1px solid lighten($brand-primary,5%)
|
||||
border-right: 1px solid black
|
||||
background-color: $main-color
|
||||
border-bottom: 1px solid lighten($main-color,5%)
|
||||
> ul > li > ul.sub-menu
|
||||
display: none
|
||||
list-style: none
|
||||
@@ -178,7 +195,7 @@ body.fixed-top
|
||||
margin: 0
|
||||
padding: 0
|
||||
li
|
||||
background-color: lighten($brand-primary,0)
|
||||
background-color: $main-color
|
||||
list-style: none
|
||||
li:not(.active) ul
|
||||
display: none
|
||||
@@ -188,25 +205,29 @@ body.fixed-top
|
||||
background-color: white
|
||||
> li
|
||||
&:hover > a, &.active > a
|
||||
color: white
|
||||
background-color: darken($brand-primary,5%)
|
||||
@include box-shadow($bg-head-color -4px 0 0 inset)
|
||||
@include contrasted($secondary-color)
|
||||
background-color: $secondary-color
|
||||
border-top: 1px solid lighten($secondary-color,10%)
|
||||
border-bottom: 1px solid darken($secondary-color,10%)
|
||||
@include box-shadow(darken($secondary-color,10%) -4px 0 0 inset)
|
||||
i
|
||||
color: $bg-head-color!important
|
||||
color: $secondary-color!important
|
||||
background-color: white
|
||||
> a
|
||||
display: block
|
||||
padding: 5px 0 5px 5px
|
||||
border-top: 1px solid lighten($brand-primary,5%)
|
||||
border-bottom: 1px solid darken($brand-primary,15%)
|
||||
color: lighten($brand-primary,45%)
|
||||
border-top: 1px solid lighten($main-color,5%)
|
||||
border-bottom: 1px solid darken($main-color,10%)
|
||||
$color: contrast-color($main-color, #333, white, 30%)
|
||||
color: mix($color, $main-color, 60%)
|
||||
text-transform: uppercase
|
||||
text-decoration: none
|
||||
@include transition-property(background-color, border, box-shadow)
|
||||
@include transition-duration(0.4s)
|
||||
@include transition-timing-function(ease-out)
|
||||
@include box-shadow(darken($brand-primary,15%) -4px 0 0 inset)
|
||||
@include box-shadow(darken($main-color,15%) -4px 0 0 inset)
|
||||
i
|
||||
color: lighten($brand-primary,25%)!important
|
||||
color: lighten($main-color,25%)!important
|
||||
@include transition-property(color)
|
||||
@include transition-duration(0.4s)
|
||||
@include transition-timing-function(ease-out)
|
||||
@@ -215,7 +236,6 @@ body.fixed-top
|
||||
ul
|
||||
margin: 0
|
||||
padding: 0
|
||||
border-bottom: 1px solid #CECECE
|
||||
background-color: white
|
||||
li
|
||||
a
|
||||
@@ -223,22 +243,21 @@ body.fixed-top
|
||||
padding: 3px 10px 3px 10px
|
||||
font-size: 12px
|
||||
border: none
|
||||
border-bottom: 1px solid lighten($bg-head-color,25%)
|
||||
background-color: white
|
||||
i
|
||||
margin-top: 3px
|
||||
color: $bg-head-color
|
||||
color: $secondary-color
|
||||
&:hover
|
||||
background-color: lighten($bg-head-color,35%)
|
||||
background-color: lighten($secondary-color,35%)
|
||||
text-decoration: none
|
||||
i
|
||||
color: $brand-primary
|
||||
color: $main-color
|
||||
&.active
|
||||
a
|
||||
color: #1A1A1A
|
||||
background-color: $bg-head-color
|
||||
@include contrasted(darken($secondary-color,0%))
|
||||
background-color: darken($secondary-color,0%)
|
||||
i
|
||||
color: $brand-primary
|
||||
color: $main-color
|
||||
|
||||
.page-sidebar-closed
|
||||
#sidebar
|
||||
@@ -251,23 +270,35 @@ body.fixed-top
|
||||
display: none
|
||||
ul.submenu
|
||||
display: none!important
|
||||
> ul > li:hover
|
||||
width: 250px!important
|
||||
position: relative
|
||||
@include box-shadow(rgba(black,0.15) 4px 4px 0 )
|
||||
span.title
|
||||
display: inline-block
|
||||
ul.submenu
|
||||
display: block!important
|
||||
position: absolute
|
||||
left: 50px
|
||||
width: 200px!important
|
||||
@include box-shadow(rgba(black,0.30) 4px 4px 8px )
|
||||
|
||||
#content
|
||||
margin-left: 50px
|
||||
.page-head h2.page-title
|
||||
padding: 0 0 0 70px
|
||||
|
||||
|
||||
.menu-collapse
|
||||
height: 70px
|
||||
height: 67px
|
||||
width: 100%
|
||||
font-size: 2em
|
||||
text-align: center
|
||||
line-height: 68px
|
||||
display: block
|
||||
background-color: black
|
||||
background-color: darken($secondary-color,5%)
|
||||
border-bottom: 4px solid darken($secondary-color,15%)
|
||||
i
|
||||
color: white!important
|
||||
|
||||
color: lighten($secondary-color,10%)
|
||||
|
||||
#menu .maintab > a [class^="icon-"], #menu .maintab > a [class*=" icon-"]
|
||||
font-size: 22px
|
||||
@@ -281,7 +312,6 @@ body.fixed-top
|
||||
|
||||
// Tool bar
|
||||
.toolbar_btn
|
||||
border: solid 1px lighten($bg-head-color,15%)
|
||||
position: relative
|
||||
padding: 2px 5px !important
|
||||
margin-right: 3px
|
||||
@@ -291,9 +321,9 @@ body.fixed-top
|
||||
text-align: center
|
||||
text-shadow: none
|
||||
&:hover
|
||||
color: darken($bg-head-color,20%)
|
||||
color: $secondary-color
|
||||
border-color: white
|
||||
background-color: white
|
||||
background-color: white!important
|
||||
|
||||
.icon-AdminDashboard
|
||||
@extend .icon-dashboard
|
||||
@@ -336,9 +366,9 @@ body.fixed-top
|
||||
background-color: adjust-hue($icon-color, 360)
|
||||
|
||||
[class^="icon-Admin"]
|
||||
background-color: darken($brand-primary,10%)
|
||||
background-color: darken($main-color,10%)
|
||||
margin-right: 6px
|
||||
color: lighten($brand-primary,10%)!important
|
||||
color: lighten($main-color,10%)!important
|
||||
|
||||
[class^="process-icon-"], [class*=" process-icon-"]
|
||||
height: 32px
|
||||
@@ -453,48 +483,41 @@ input[type="password"].input-tiny
|
||||
width: 200px
|
||||
|
||||
|
||||
.btn
|
||||
text-transform: uppercase
|
||||
|
||||
.btn-default
|
||||
border-color: darken($bg-content-color,20%)
|
||||
color: lighten($brand-primary,15%)
|
||||
//@include background(linear-gradient(top,$bg-content-color, darken($bg-content-color,10%)))
|
||||
background-color: white
|
||||
@include box-shadow(rgba(black,0.10) 0 -2px 0 inset)
|
||||
&:hover, &:focus
|
||||
border-color: darken($bg-content-color,30%)
|
||||
color: lighten($brand-primary,15%)
|
||||
@include background(linear-gradient(top, darken($bg-content-color,0%), darken($bg-content-color,5%)))
|
||||
|
||||
.btn-primary
|
||||
border-color: $bg-head-color
|
||||
color: lighten($brand-primary,15%)
|
||||
background-color: lighten($bg-head-color,40%)
|
||||
//@include background(linear-gradient(top,lighten($bg-head-color,10%),lighten($bg-head-color,0%)))
|
||||
@include box-shadow(lighten($bg-head-color,20%) 0 -2px 0 inset)
|
||||
&:hover, &:focus
|
||||
border-color: $bg-head-color
|
||||
color: lighten($bg-head-color,70%)
|
||||
@include background(linear-gradient(top,darken($bg-head-color,0%),darken($bg-head-color,10%)))
|
||||
|
||||
.btn-default[disabled]
|
||||
border-color: lighten($brand-primary,35%)
|
||||
color: lighten($brand-primary,15%)
|
||||
background-color: lighten($brand-primary,65%)
|
||||
@include box-shadow(lighten($brand-primary,55%) 0 -2px 0 inset)
|
||||
&:hover, &:focus
|
||||
border-color: $bg-head-color
|
||||
color: lighten($bg-head-color,70%)
|
||||
@include background(linear-gradient(top,darken($bg-head-color,0%),darken($bg-head-color,10%)))
|
||||
|
||||
.btn-group-action
|
||||
display: inline-block
|
||||
white-space: nowrap
|
||||
a
|
||||
text-decoration: none
|
||||
.btn .caret
|
||||
border-top-color: lighten($brand-primary,15%)!important
|
||||
|
||||
.btn
|
||||
text-transform: uppercase
|
||||
|
||||
.btn-default
|
||||
@include box-shadow(darken($btn-default-bg,10%) 0 -2px 0 inset)
|
||||
&:hover, &:focus
|
||||
background-color: $gray
|
||||
border-color: $gray-darker
|
||||
@include box-shadow($gray-darker 0 -2px 0 inset)
|
||||
|
||||
.btn-primary
|
||||
@include box-shadow(lighten($brand-success,30%) 0 -2px 0 inset)
|
||||
&:hover, &:focus
|
||||
background-color: $gray
|
||||
border-color: $gray-darker
|
||||
@include box-shadow($gray-darker 0 -2px 0 inset)
|
||||
|
||||
.btn-default[disabled]
|
||||
border-color: $gray-light
|
||||
color: $gray-light
|
||||
background-color: lighten($gray-light,35%)
|
||||
@include box-shadow(lighten($gray-light,20%) 0 -2px 0 inset)
|
||||
|
||||
.btn
|
||||
.caret
|
||||
border-top-color: $gray-dark!important
|
||||
&:hover, &:focus
|
||||
.caret
|
||||
border-top-color: white!important
|
||||
|
||||
|
||||
hr
|
||||
@@ -563,7 +586,7 @@ tr.filter
|
||||
background-color: lighten($bg-content-color,7%)
|
||||
|
||||
.badge
|
||||
background-color: $bg-head-color
|
||||
background-color: $secondary-color
|
||||
|
||||
.badge-success
|
||||
@extend .badge
|
||||
@@ -578,7 +601,6 @@ tr.filter
|
||||
color: darken($bg-content-color,20%)
|
||||
|
||||
|
||||
|
||||
#module-list
|
||||
h3
|
||||
position: relative
|
||||
@@ -587,7 +609,7 @@ tr.filter
|
||||
margin: 0
|
||||
padding: 0
|
||||
background-color: transparent
|
||||
color: $brand-primary
|
||||
color: $main-color
|
||||
font-weight: 500
|
||||
|
||||
#footer
|
||||
@@ -639,9 +661,5 @@ tr.filter
|
||||
font-size: 16px
|
||||
background-color: rgba(0,0,0,0.8)
|
||||
|
||||
|
||||
.go-top i
|
||||
color: #666
|
||||
font-size: 22px
|
||||
margin-bottom: 5px
|
||||
|
||||
#nobootstrap
|
||||
float: left
|
||||
|
||||
@@ -10,27 +10,26 @@
|
||||
// Grays
|
||||
// -------------------------
|
||||
|
||||
// $gray-darker: lighten(#000, 13.5%) ; #222
|
||||
// $gray-dark: lighten(#000, 20%) ; #333
|
||||
// $gray: lighten(#000, 33.5%) ; #555
|
||||
// $gray-light: lighten(#000, 60%) ; #999
|
||||
// $gray-lighter: lighten(#000, 93.5%) ; #eee
|
||||
$gray-darker: lighten(#000, 13.5%) ; //#222
|
||||
$gray-dark: lighten(#000, 20%) ; //#333
|
||||
$gray: lighten(#000, 33.5%) ; //#555
|
||||
$gray-light: lighten(#000, 60%) ; //#999
|
||||
$gray-lighter: lighten(#000, 93.5%) ; //#eee
|
||||
|
||||
// Brand colors
|
||||
// -------------------------
|
||||
|
||||
//$brand-primary: #163631 ;
|
||||
$brand-primary: #EF1778 ;
|
||||
$brand-success: #5cb85c ;
|
||||
|
||||
// $brand-warning: #f0ad4e ;
|
||||
// $brand-danger: #d9534f ;
|
||||
// $brand-info: #5bc0de ;
|
||||
$brand-warning: #f0ad4e ;
|
||||
$brand-danger: #d9534f ;
|
||||
$brand-info: #5bc0de ;
|
||||
|
||||
// Scaffolding
|
||||
// -------------------------
|
||||
|
||||
$body-bg: darken($brand-primary,30%) ;
|
||||
// $text-color: $gray-dark ;
|
||||
$body-bg: $main-color ;
|
||||
$text-color: $gray ;
|
||||
|
||||
// Links
|
||||
// -------------------------
|
||||
@@ -84,7 +83,7 @@ $border-radius-base: 3px ;
|
||||
|
||||
// $table-bg: transparent ; overall background-color
|
||||
// $table-bg-accent: #f9f9f9 ; for striping
|
||||
$table-bg-hover: lighten($bg-head-color,35%) ;
|
||||
$table-bg-hover: lighten($secondary-color,35%) ;
|
||||
|
||||
// $table-border-color: #ddd ; table and cell border
|
||||
|
||||
@@ -92,13 +91,13 @@ $table-bg-hover: lighten($bg-head-color,35%) ;
|
||||
// Buttons
|
||||
// -------------------------
|
||||
|
||||
// $btn-default-color: #fff ;
|
||||
$btn-default-bg: #48525F ;
|
||||
// $btn-default-border: $btn-default-bg ;
|
||||
$btn-default-color: $text-color ;
|
||||
$btn-default-bg: white ;
|
||||
$btn-default-border: #ccc ;
|
||||
|
||||
// $btn-primary-color: $btn-default-color ;
|
||||
// $btn-primary-bg: $brand-primary ;
|
||||
// $btn-primary-border: $btn-primary-bg ;
|
||||
$btn-primary-color: $btn-default-color ;
|
||||
$btn-primary-bg: white ;
|
||||
$btn-primary-border: $brand-success ;
|
||||
|
||||
// $btn-success-color: $btn-default-color ;
|
||||
// $btn-success-bg: $brand-success ;
|
||||
|
||||
Reference in New Issue
Block a user