ombi: fixed a couple of mobile issues, added some more theme specific accents, added new style on buttons, and fixed the size of all buttons.
This commit is contained in:
gilbN
parent
6e0c6029cf
commit
788dfab4a8
@ -20,4 +20,5 @@
|
||||
--request-button-hover: #12afa0;
|
||||
--loading-bar: #0b3161;
|
||||
--accent-color: #eee;
|
||||
--label-color: #009688;
|
||||
}
|
||||
|
||||
@ -20,4 +20,5 @@
|
||||
--request-button-hover: rgba(255, 255, 255, 0.25);
|
||||
--loading-bar: #df691a;
|
||||
--accent-color: #c1c1c1;
|
||||
--label-color: rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
|
||||
@ -20,4 +20,6 @@
|
||||
--request-button-hover: #0b3161;
|
||||
--loading-bar: #F44336 ;
|
||||
--accent-color: #ff6155;
|
||||
--label-color: rgba(11, 49, 97, 0.75);
|
||||
|
||||
}
|
||||
@ -49,10 +49,18 @@ body {
|
||||
}
|
||||
/* Navbar */
|
||||
@media (max-width: 924px) {
|
||||
.collapse.in {
|
||||
.collapse.in, .navbar-nav {
|
||||
background: var(--main-bg-color);
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 924px) {
|
||||
.navbar-left, .navbar-right {
|
||||
float: none!important;
|
||||
box-shadow: 0px 15px 10px -10px rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-default .navbar-brand {
|
||||
color: var(--accent-color);
|
||||
}
|
||||
@ -111,6 +119,10 @@ background-color:var(--modal-bg-color) !important;
|
||||
background-color: rgba(0, 0, 0, 0.25) !important;
|
||||
border-radius: 0px;
|
||||
}
|
||||
.form-control-search {
|
||||
height: 49px;
|
||||
}
|
||||
|
||||
.right-radius {
|
||||
border-radius: 0px;
|
||||
}
|
||||
@ -138,6 +150,9 @@ background-color:var(--modal-bg-color) !important;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.refine-option[_ngcontent-c1] {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
/* Expand season request */
|
||||
.content-space[_ngcontent-c3] {
|
||||
@ -168,6 +183,7 @@ table.table>thead>tr>th.active {
|
||||
/*dropdown menu */
|
||||
.dropdown-menu {
|
||||
background: var(--modal-bg-color);
|
||||
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
.dropdown-menu>li>a:hover {
|
||||
background-color: rgba(255, 255, 255, 0.08);
|
||||
@ -192,7 +208,7 @@ hr {
|
||||
}
|
||||
.open>.btn-primary-outline.dropdown-toggle,.btn-primary-outline.active, .btn-primary-outline.focus, .btn-primary-outline:active, .btn-primary-outline:focus, .btn-primary-outline:hover{
|
||||
background-color: var(--request-button-hover) !important;
|
||||
border-color: var(--request-button-hover)!important;
|
||||
border-color: transparent !important;
|
||||
}
|
||||
|
||||
.btn-primary-outline:hover {
|
||||
@ -209,10 +225,94 @@ hr {
|
||||
outline: none !important;
|
||||
border: 1px solid transparent !important;
|
||||
margin-right: 1px;
|
||||
background: none;
|
||||
padding: 5px 10px;
|
||||
width: auto !important;
|
||||
}
|
||||
.btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover {
|
||||
background: rgba(255, 255, 255, 0.35) !important;
|
||||
}
|
||||
|
||||
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
|
||||
margin-left: 3px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.btn-success-outline {
|
||||
-o-transition: all .8s;
|
||||
-moz-transition: all .8s;
|
||||
-webkit-transition: all .8s;
|
||||
transition: all .8s;
|
||||
color: #ffffff!important;
|
||||
background-color: rgba(255, 255, 255, 0.35);
|
||||
background-image: none;
|
||||
text-transform: uppercase;
|
||||
border-color: transparent !important;
|
||||
width: 137.28px;
|
||||
text-align: center !important;
|
||||
font-size: 12px;
|
||||
height: 29.45px;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
.btn-success-outline.active, .btn-success-outline.focus, .btn-success-outline:active, .btn-success-outline:focus, .btn-success-outline:hover, .open>.btn-success-outline.dropdown-toggle {
|
||||
color: #fff!important;
|
||||
background-color: rgba(92, 184, 92, .75)!important;
|
||||
border-color: transparent!important;
|
||||
}
|
||||
|
||||
.btn-primary-outline {
|
||||
-o-transition: all .8s;
|
||||
-moz-transition: all .8s;
|
||||
-webkit-transition: all .8s;
|
||||
transition: all .8s;
|
||||
color: #ffffff !important;
|
||||
border-color: #f4433600 !important;
|
||||
outline: none !important;
|
||||
text-transform: uppercase;
|
||||
background: rgba(255, 255, 255, 0.35);
|
||||
font-size: 12px;
|
||||
height: 29.45px;
|
||||
width: 137.28px;
|
||||
padding: 5px 10px;
|
||||
text-align: center !important;
|
||||
|
||||
}
|
||||
|
||||
.btn-info-outline, .btn-danger-outline {
|
||||
-o-transition: all .8s;
|
||||
-moz-transition: all .8s;
|
||||
-webkit-transition: all .8s;
|
||||
transition: all .8s;
|
||||
color: #ffffff!important;
|
||||
background-color: rgba(255, 255, 255, 0.35);
|
||||
background-image: none;
|
||||
border-color: transparent !important;
|
||||
width: 137.28px;
|
||||
text-transform: uppercase;
|
||||
text-align: center !important;
|
||||
height: 29.45px;
|
||||
font-size: 12px;
|
||||
}
|
||||
.btn-info-outline.active, .btn-info-outline.focus, .btn-info-outline:active, .btn-info-outline:focus, .btn-info-outline:hover, .open>.btn-info-outline.dropdown-toggle {
|
||||
color: #fff!important;
|
||||
background-color: rgba(91, 192, 222, 0.75)!important;
|
||||
border-color: transparent !important;
|
||||
}
|
||||
|
||||
@media (max-width: 1090px) {
|
||||
.btn-danger-outline, .btn-info-outline, .btn-primary-outline, .btn-success-outline, .fa-eye:before, .fa-check:before,.fa-plus:before {
|
||||
width: 104.61px !important;
|
||||
content: "";
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1090px) {
|
||||
.caret {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* Settings menu */
|
||||
|
||||
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {
|
||||
@ -231,6 +331,7 @@ hr {
|
||||
.nav>li>a:focus, .nav>li>a:hover {
|
||||
background-color: rgba(255, 255, 255, 0.08);
|
||||
border-radius: 3px;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
@ -253,7 +354,9 @@ a.active {
|
||||
.ui-state-highlight {
|
||||
background: var(--modal-bg-color);
|
||||
}
|
||||
|
||||
legend {
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
/* Main page */
|
||||
.backdrop {
|
||||
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6) !important;
|
||||
@ -261,3 +364,34 @@ background: var(--modal-bg-color);
|
||||
a>h4 {
|
||||
color: var(--accent-color);
|
||||
}
|
||||
.label-info {
|
||||
background-color: var(--label-color);
|
||||
}
|
||||
.label-success {
|
||||
background-color: rgba(92, 184, 92, 0.75);
|
||||
}
|
||||
.fa-film:before {
|
||||
content: "\F008";
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.input-group-addon .btn-group {
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
top: 54px;
|
||||
box-shadow: 0 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Issues */
|
||||
|
||||
.side-back {
|
||||
box-shadow: 0 0 10px #000000ad;
|
||||
}
|
||||
.form-control:focus {
|
||||
border-color: transparent;
|
||||
outline: 0;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px #000;
|
||||
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px #000;
|
||||
}
|
||||
@ -20,4 +20,6 @@
|
||||
--request-button-hover: #e59029;
|
||||
--loading-bar: #cc7b19 ;
|
||||
--accent-color: #f9be03;
|
||||
--label-color: #cc7b19;
|
||||
|
||||
}
|
||||
@ -20,4 +20,6 @@
|
||||
--request-button-hover: #607D8B;
|
||||
--loading-bar: #81a6b7;
|
||||
--accent-color: #c3dde8;
|
||||
--label-color: #607d8b;
|
||||
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user