Skip to content

GitLab

Commit 11a58dc3 authored by Olga Brani's avatar Olga Brani Committed by Alex Pyrgiotis
Browse files
Options

admin-ui: White theme

parent 7fdfc801
Hide whitespace changes
Inline Side-by-side
Showing with 347 additions and 287 deletions
snf-admin-app/synnefo_admin/admin/static/css/bootstrap.css
View file @ 11a58dc3
......@@ -390,8 +390,8 @@ body {
font-family: "Open Sans", sans-serif;
font-size: 14px;
line-height: 1.42857;
color: white;
background-color: #303030;
color: #222222;
background-color: white;
}
/* line 39, ../sass/bootstrap/_scaffolding.scss */
......@@ -402,17 +402,17 @@ textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
color: white;
color: #222222;
}
/* line 49, ../sass/bootstrap/_scaffolding.scss */
a {
color: #4d99d8;
color: #005b9a;
text-decoration: none;
}
/* line 54, ../sass/bootstrap/_scaffolding.scss */
a:hover, a:focus {
color: #83b8e4;
color: #ee5161;
}
/* line 58, ../sass/bootstrap/_scaffolding.scss */
a:focus {
......@@ -2108,12 +2108,12 @@ th {
padding: 10px;
line-height: 1.42857;
vertical-align: top;
border-top: 1px solid white;
border-top: 1px solid #cccccc;
}
/* line 35, ../sass/bootstrap/_tables.scss */
.table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid white;
border-bottom: 2px solid #cccccc;
}
/* line 45, ../sass/bootstrap/_tables.scss */
.table > caption + thead > tr:first-child > th,
......@@ -2126,11 +2126,11 @@ th {
}
/* line 51, ../sass/bootstrap/_tables.scss */
.table > tbody + tbody {
border-top: 2px solid white;
border-top: 2px solid #cccccc;
}
/* line 56, ../sass/bootstrap/_tables.scss */
.table .table {
background-color: #303030;
background-color: white;
}
/* line 70, ../sass/bootstrap/_tables.scss */
......@@ -2145,7 +2145,7 @@ th {
/* line 82, ../sass/bootstrap/_tables.scss */
.table-bordered {
border: 1px solid white;
border: 1px solid #cccccc;
}
/* line 89, ../sass/bootstrap/_tables.scss */
.table-bordered > thead > tr > th,
......@@ -2154,7 +2154,7 @@ th {
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
border: 1px solid white;
border: 1px solid #cccccc;
}
/* line 96, ../sass/bootstrap/_tables.scss */
.table-bordered > thead > tr > th,
......@@ -2297,7 +2297,7 @@ table th[class*="col-"] {
overflow-y: hidden;
overflow-x: scroll;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid white;
border: 1px solid #cccccc;
-webkit-overflow-scrolling: touch;
}
/* line 182, ../sass/bootstrap/_tables.scss */
......@@ -2736,7 +2736,7 @@ select[multiple].input-lg,
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: white;
color: #626262;
}
@media (min-width: 768px) {
......@@ -3099,7 +3099,7 @@ select[multiple].input-lg,
/* line 85, ../sass/bootstrap/_buttons.scss */
.btn-link {
color: #4d99d8;
color: #005b9a;
font-weight: normal;
cursor: pointer;
border-radius: 0;
......@@ -3116,7 +3116,7 @@ select[multiple].input-lg,
}
/* line 105, ../sass/bootstrap/_buttons.scss */
.btn-link:hover, .btn-link:focus {
color: #83b8e4;
color: #ee5161;
text-decoration: underline;
background-color: transparent;
}
......@@ -4811,7 +4811,7 @@ input[type="button"].btn-block {
/* line 48, ../sass/bootstrap/_navs.scss */
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
background-color: #d9d9d9;
border-color: #4d99d8;
border-color: #005b9a;
}
/* line 59, ../sass/bootstrap/_navs.scss */
.nav .nav-divider {
......@@ -4827,7 +4827,7 @@ input[type="button"].btn-block {
/* line 76, ../sass/bootstrap/_navs.scss */
.nav-tabs {
border-bottom: 1px solid inherit;
border-bottom: 1px solid #e6e6e6;
}
/* line 78, ../sass/bootstrap/_navs.scss */
.nav-tabs > li {
......@@ -4840,17 +4840,17 @@ input[type="button"].btn-block {
line-height: 1.42857;
border: 1px solid transparent;
border-radius: 0 0 0 0;
color: white;
color: #222222;
}
/* line 91, ../sass/bootstrap/_navs.scss */
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
background: inherit;
border-color: inherit inherit inherit;
border-color: inherit inherit #e6e6e6;
}
/* line 102, ../sass/bootstrap/_navs.scss */
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
color: white;
background-color: #4e4e4e;
color: #222222;
background-color: #d9d9d9;
border: 1px solid inherit;
border-bottom-color: transparent;
cursor: default;
......@@ -5316,8 +5316,8 @@ input[type="button"].btn-block {
/* line 383, ../sass/bootstrap/_navbar.scss */
.navbar-default {
background-color: #222222;
border-color: inherit;
background-color: whitesmoke;
border-color: #e6e6e6;
}
/* line 387, ../sass/bootstrap/_navbar.scss */
.navbar-default .navbar-brand {
......@@ -5326,7 +5326,7 @@ input[type="button"].btn-block {
/* line 390, ../sass/bootstrap/_navbar.scss */
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
color: #e6e6e6;
background-color: transparent;
background-color: #008b44;
}
/* line 396, ../sass/bootstrap/_navbar.scss */
.navbar-default .navbar-text {
......@@ -5334,22 +5334,22 @@ input[type="button"].btn-block {
}
/* line 401, ../sass/bootstrap/_navbar.scss */
.navbar-default .navbar-nav > li > a {
color: white;
color: #222222;
}
/* line 405, ../sass/bootstrap/_navbar.scss */
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: white;
background-color: #333333;
color: #222222;
background-color: #ededed;
}
/* line 411, ../sass/bootstrap/_navbar.scss */
.navbar-default .navbar-nav > .has-dropdown:hover > a:first-child {
color: white;
background-color: #333333;
color: #222222;
background-color: #ededed;
}
/* line 419, ../sass/bootstrap/_navbar.scss */
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: #303030;
background-color: white;
color: white;
background-color: #ee5161;
}
/* line 427, ../sass/bootstrap/_navbar.scss */
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
......@@ -5371,27 +5371,27 @@ input[type="button"].btn-block {
/* line 446, ../sass/bootstrap/_navbar.scss */
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: inherit;
border-color: #e6e6e6;
}
/* line 456, ../sass/bootstrap/_navbar.scss */
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
background-color: white;
color: #303030;
background-color: #ee5161;
color: white;
}
@media (max-width: 767px) {
/* line 465, ../sass/bootstrap/_navbar.scss */
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: white;
color: #222222;
}
/* line 468, ../sass/bootstrap/_navbar.scss */
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: white;
background-color: #333333;
color: #222222;
background-color: #ededed;
}
/* line 476, ../sass/bootstrap/_navbar.scss */
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #303030;
background-color: white;
color: white;
background-color: #ee5161;
}
/* line 484, ../sass/bootstrap/_navbar.scss */
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
......@@ -5401,16 +5401,16 @@ input[type="button"].btn-block {
}
/* line 498, ../sass/bootstrap/_navbar.scss */
.navbar-default .navbar-link {
color: white;
color: #222222;
}
/* line 500, ../sass/bootstrap/_navbar.scss */
.navbar-default .navbar-link:hover {
color: white;
color: #222222;
}
/* line 509, ../sass/bootstrap/_navbar.scss */
.navbar-inverse {
background-color: #4e4e4e;
background-color: #cccccc;
border-color: transparent;
}
/* line 513, ../sass/bootstrap/_navbar.scss */
......@@ -5424,20 +5424,20 @@ input[type="button"].btn-block {
}
/* line 522, ../sass/bootstrap/_navbar.scss */
.navbar-inverse .navbar-text {
color: white;
color: #222222;
}
/* line 527, ../sass/bootstrap/_navbar.scss */
.navbar-inverse .navbar-nav > li > a {
color: white;
color: #222222;
}
/* line 531, ../sass/bootstrap/_navbar.scss */
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
color: #303030;
color: #222222;
background-color: #d9d9d9;
}
/* line 537, ../sass/bootstrap/_navbar.scss */
.navbar-inverse .navbar-nav > li.has-dropdown:hover > a:first-child {
color: #303030;
color: #222222;
background-color: #d9d9d9;
}
/* line 545, ../sass/bootstrap/_navbar.scss */
......@@ -5465,7 +5465,7 @@ input[type="button"].btn-block {
/* line 573, ../sass/bootstrap/_navbar.scss */
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #3c3c3c;
border-color: #bababa;
}
/* line 582, ../sass/bootstrap/_navbar.scss */
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
......@@ -5483,11 +5483,11 @@ input[type="button"].btn-block {
}
/* line 597, ../sass/bootstrap/_navbar.scss */
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: white;
color: #222222;
}
/* line 600, ../sass/bootstrap/_navbar.scss */
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
color: #303030;
color: #222222;
background-color: #d9d9d9;
}
/* line 608, ../sass/bootstrap/_navbar.scss */
......@@ -5503,11 +5503,11 @@ input[type="button"].btn-block {
}
/* line 625, ../sass/bootstrap/_navbar.scss */
.navbar-inverse .navbar-link {
color: white;
color: #222222;
}
/* line 627, ../sass/bootstrap/_navbar.scss */
.navbar-inverse .navbar-link:hover {
color: #303030;
color: #222222;
}
/* line 4, ../sass/bootstrap/_pagination.scss */
......@@ -5678,12 +5678,12 @@ input[type="button"].btn-block {
padding: .2em .6em .3em;
font-size: 13px;
line-height: 1;
color: #303030;
color: white;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
background: #eeeeee;
background: #444444;
}
/* line 20, ../sass/bootstrap/_labels.scss */
.label[href]:hover, .label[href]:focus {
......@@ -5703,12 +5703,12 @@ input[type="button"].btn-block {
/* line 42, ../sass/bootstrap/_labels.scss */
.label-default {
background-color: #eeeeee;
background-color: #444444;
color: white;
}
/* line 584, ../sass/bootstrap/_mixins.scss */
.label-default[href]:hover, .label-default[href]:focus {
background-color: #d4d4d4;
background-color: #2b2b2b;
}
/* line 46, ../sass/bootstrap/_labels.scss */
......@@ -5885,7 +5885,7 @@ a.list-group-item.active > .badge,
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
border-color: #4d99d8;
border-color: #005b9a;
}
/* line 9, ../sass/bootstrap/_alerts.scss */
......@@ -6461,7 +6461,7 @@ a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-g
/* line 140, ../sass/bootstrap/_panels.scss */
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
border-top: 1px solid white;
border-top: 1px solid #cccccc;
}
/* line 144, ../sass/bootstrap/_panels.scss */
.panel > .table > tbody:first-child > tr:first-child th,
......
snf-admin-app/synnefo_admin/admin/static/css/global.css
View file @ 11a58dc3
......@@ -7,7 +7,7 @@
.spinner > div {
width: 8px;
height: 8px;
background-color: white;
background-color: #222222;
border-radius: 100%;
display: inline-block;
-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
......@@ -59,14 +59,14 @@
Disabled buttons are transparent with light gray border
and light gray font colors
*/
/* line 115, ../sass/_bars-btns.scss */
/* line 116, ../sass/_bars-btns.scss */
.line-btn {
display: inline-block;
text-align: center;
opacity: 1;
background-color: #222222;
border-bottom: 2px solid #222222;
color: white;
background-color: #e6e6e6;
border-bottom: 2px solid #e6e6e6;
color: #222222;
}
/* line 29, ../sass/_bars-btns.scss */
.line-btn span {
......@@ -101,17 +101,18 @@ and light gray font colors
}
/* line 109, ../sass/_bars-btns.scss */
.line-btn:hover, .line-btn:focus {
border-bottom-color: white;
color: white;
opacity: 1;
border-bottom-color: #222222;
color: #222222;
}
/* line 119, ../sass/_bars-btns.scss */
/* line 120, ../sass/_bars-btns.scss */
.outline-btn {
display: inline-block;
text-align: center;
opacity: 1;
border: 1px solid white;
color: white;
border: 1px solid #222222;
color: #222222;
}
/* line 29, ../sass/_bars-btns.scss */
.outline-btn span {
......@@ -151,7 +152,7 @@ and light gray font colors
}
/* line 65, ../sass/_bars-btns.scss */
.outline-btn:hover span, .outline-btn:focus span {
border-color: white;
border-color: #222222;
}
/* line 69, ../sass/_bars-btns.scss */
.outline-btn.disabled {
......@@ -163,7 +164,7 @@ and light gray font colors
border-color: transparent;
}
/* line 123, ../sass/_bars-btns.scss */
/* line 124, ../sass/_bars-btns.scss */
.custom-btn {
display: inline-block;
text-align: center;
......@@ -227,59 +228,59 @@ and light gray font colors
.custom-btn.disabled:hover span, .custom-btn.disabled:focus span {
color: #818181 !important;
}
/* line 125, ../sass/_bars-btns.scss */
/* line 126, ../sass/_bars-btns.scss */
.custom-btn[data-karma="neutral"] {
background-color: #3c96e0;
border-color: #3c96e0;
}
/* line 129, ../sass/_bars-btns.scss */
/* line 130, ../sass/_bars-btns.scss */
.custom-btn[data-karma="good"] {
background-color: #00a551;
border-color: #00a551;
}
/* line 134, ../sass/_bars-btns.scss */
/* line 135, ../sass/_bars-btns.scss */
.custom-btn[data-karma="bad"] {
background-color: #d2881f;
border-color: #d2881f;
}
/* line 139, ../sass/_bars-btns.scss */
/* line 140, ../sass/_bars-btns.scss */
.custom-btn[data-caution="warning"][data-karma="good"], .custom-btn[data-caution="warning"][data-karma="neutral"] {
background-color: #d2881f;
border-color: #d2881f;
}
/* line 144, ../sass/_bars-btns.scss */
/* line 145, ../sass/_bars-btns.scss */
.custom-btn[data-caution="dangerous"][data-karma="bad"], .custom-btn[data-caution="dangerous"][data-karma="neutral"] {
background-color: #e42a48;
border-color: #e42a48;
}
/* Sidebar */
/* line 156, ../sass/_bars-btns.scss */
/* line 157, ../sass/_bars-btns.scss */
.sidebar {
margin: 0 30px 0 0;
width: 110px;
height: auto;
float: left;
}
/* line 161, ../sass/_bars-btns.scss */
/* line 162, ../sass/_bars-btns.scss */
.sidebar .btn-group-vertical {
width: 100%;
}
@media (max-width: 1200px) {
/* line 156, ../sass/_bars-btns.scss */
/* line 157, ../sass/_bars-btns.scss */
.sidebar {
width: auto;
margin: 20px auto;
float: none;
}
/* line 169, ../sass/_bars-btns.scss */
/* line 170, ../sass/_bars-btns.scss */
.sidebar .btn-group-vertical a {
margin-right: 10px;
display: inline-block;
}
}
/* line 177, ../sass/_bars-btns.scss */
/* line 178, ../sass/_bars-btns.scss */
.sidebar.sidebar-fixed {
top: 80px;
left: auto;
......@@ -295,26 +296,26 @@ and light gray font colors
/*
Positioning or customizing buttons
*/
/* line 195, ../sass/_bars-btns.scss */
/* line 196, ../sass/_bars-btns.scss */
.sidebar .custom-btn {
display: block;
margin: 0 0 1em;
}
/* line 198, ../sass/_bars-btns.scss */
/* line 199, ../sass/_bars-btns.scss */
.sidebar .custom-btn span {
padding: 8px;
}
/* line 204, ../sass/_bars-btns.scss */
/* line 205, ../sass/_bars-btns.scss */
body .custom-buttons {
float: left;
margin-right: 10px;
}
/* line 207, ../sass/_bars-btns.scss */
/* line 208, ../sass/_bars-btns.scss */
body .custom-buttons .line-btn {
margin-right: 1em;
}
/* line 210, ../sass/_bars-btns.scss */
/* line 211, ../sass/_bars-btns.scss */
body .custom-buttons .disabled {
display: none;
}
......@@ -322,11 +323,11 @@ body .custom-buttons .disabled {
/*
Extra-button is used to show total selected rows
*/
/* line 228, ../sass/_bars-btns.scss */
/* line 229, ../sass/_bars-btns.scss */
.extra-btn span {
display: inline-block;
}
/* line 231, ../sass/_bars-btns.scss */
/* line 232, ../sass/_bars-btns.scss */
.extra-btn .badge {
background: transparent;
line-height: 0.8;
......@@ -335,57 +336,57 @@ Extra-button is used to show total selected rows
font-weight: normal;
font-size: 1em;
}
/* line 238, ../sass/_bars-btns.scss */
/* line 239, ../sass/_bars-btns.scss */
.extra-btn .badge::before {
content: "(";
}
/* line 241, ../sass/_bars-btns.scss */
/* line 242, ../sass/_bars-btns.scss */
.extra-btn .badge::after {
content: ")";
}
/* line 247, ../sass/_bars-btns.scss */
/* line 248, ../sass/_bars-btns.scss */
.show-hide-all {
float: right;
}
/* line 249, ../sass/_bars-btns.scss */
/* line 250, ../sass/_bars-btns.scss */
.show-hide-all em {
font-style: normal;
}
/* line 252, ../sass/_bars-btns.scss */
/* line 253, ../sass/_bars-btns.scss */
.show-hide-all.line-btn {
padding: 8px;
}
/* line 254, ../sass/_bars-btns.scss */
/* line 255, ../sass/_bars-btns.scss */
.show-hide-all.line-btn span {
display: inline;
}
/* line 261, ../sass/_bars-btns.scss */
/* line 262, ../sass/_bars-btns.scss */
.actions-per-item .custom-btn {
margin: 10px 10px 10px 0;
}
/* line 266, ../sass/_bars-btns.scss */
/* line 267, ../sass/_bars-btns.scss */
.charts .chart {
display: none;
}
/* line 269, ../sass/_bars-btns.scss */
/* line 270, ../sass/_bars-btns.scss */
.charts .well {
padding-left: 140px;
}
/* line 272, ../sass/_bars-btns.scss */
/* line 273, ../sass/_bars-btns.scss */
.charts .sidebar {
position: fixed;
}
/* line 275, ../sass/_bars-btns.scss */
/* line 276, ../sass/_bars-btns.scss */
.charts .sidebar a {
margin-bottom: 1em;
display: inline-block;
text-align: center;
opacity: 1;
border: 1px solid white;
color: white;