style Dashboard
This commit is contained in:
Lieu Le
0
assets/.DS_Store
vendored
Normal file → Executable file
0
assets/.DS_Store
vendored
Normal file → Executable file
0
assets/images/avatar-placeholder.jpg
Normal file → Executable file
0
assets/images/avatar-placeholder.jpg
Normal file → Executable file
|
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 2.6 KiB |
0
assets/images/placeholder.png
Normal file → Executable file
0
assets/images/placeholder.png
Normal file → Executable file
|
Before Width: | Height: | Size: 3.3 KiB After Width: | Height: | Size: 3.3 KiB |
0
assets/images/walk-score.png
Normal file → Executable file
0
assets/images/walk-score.png
Normal file → Executable file
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 2.1 KiB |
0
assets/map/close.png
Normal file → Executable file
0
assets/map/close.png
Normal file → Executable file
|
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.3 KiB |
@@ -3566,8 +3566,14 @@ header#masthead {
|
||||
border-radius: 50%;
|
||||
animation: spinner-border .75s linear infinite; }
|
||||
|
||||
.opalestate-admin-box {
|
||||
.dashboard-grid.opal-row > div {
|
||||
margin-bottom: 30px; }
|
||||
|
||||
.opalestate-admin-box {
|
||||
margin-bottom: 30px;
|
||||
padding: 30px;
|
||||
background-color: #FFF;
|
||||
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); }
|
||||
.opalestate-admin-box h3 {
|
||||
border-bottom: 1px #ebebeb solid;
|
||||
padding-bottom: 15px;
|
||||
@@ -3592,12 +3598,6 @@ header#masthead {
|
||||
.cmb2-wrap .cmb-td {
|
||||
padding: 4px 0; }
|
||||
|
||||
.bg-info {
|
||||
background-color: #0288d1 !important; }
|
||||
|
||||
.bg-warning {
|
||||
background-color: #ffca28 !important; }
|
||||
|
||||
.alert.alert-success {
|
||||
background: #0F93FA; }
|
||||
|
||||
@@ -3648,25 +3648,12 @@ header#masthead {
|
||||
|
||||
.dashboard-navbar {
|
||||
background-color: #FFF;
|
||||
padding: 9px 30px;
|
||||
border-bottom: 1px solid #ebebeb; }
|
||||
padding: 15px 30px;
|
||||
border-bottom: 1px solid #ebebeb;
|
||||
margin-bottom: 15px; }
|
||||
.dashboard-navbar ul {
|
||||
margin-bottom: 0; }
|
||||
|
||||
.card-item {
|
||||
background-color: #FFF;
|
||||
border: solid 1px #ebebeb;
|
||||
padding: 15px; }
|
||||
.card-item i {
|
||||
background: rgba(0, 0, 0, 0.18);
|
||||
padding: 15px;
|
||||
border-radius: 50%; }
|
||||
.card-item h5 {
|
||||
font-size: 200%;
|
||||
text-align: center; }
|
||||
.card-item span {
|
||||
font-weight: 700; }
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
.page-template-user-management .opalestate-box {
|
||||
margin-right: 15px; } }
|
||||
@@ -3686,21 +3673,84 @@ header#masthead {
|
||||
padding-top: 45px;
|
||||
padding-bottom: 45px; }
|
||||
|
||||
.admin-bar .opalestate-user-management .user-dasboard-sidebar {
|
||||
padding-top: 32px; }
|
||||
|
||||
.opalmembership-dashboard .btn-link {
|
||||
background-color: #02ce76;
|
||||
color: #FFF; }
|
||||
.opalmembership-dashboard .btn-link:hover {
|
||||
background-color: #2f73e9; }
|
||||
|
||||
.admin-bar .body-inner {
|
||||
background-color: #f1f1f1; }
|
||||
|
||||
.admin-bar .opalestate-user-management .user-dasboard-sidebar {
|
||||
padding-top: 30px; }
|
||||
|
||||
.admin-bar .bg-primary {
|
||||
background-color: #FFF !important; }
|
||||
|
||||
.admin-bar .bg-info {
|
||||
background-color: #FFF !important; }
|
||||
|
||||
.admin-bar .bg-warning {
|
||||
background-color: #FFF !important; }
|
||||
|
||||
.admin-bar .opalestate-popup .popup-body {
|
||||
padding: 0 !important;
|
||||
top: 59px; }
|
||||
.admin-bar .opalestate-popup .popup-body .account-dashboard-content a {
|
||||
font-size: 14px; }
|
||||
.admin-bar .opalestate-popup .popup-body .account-dashboard-content a:not(:hover) {
|
||||
color: #7e7e7e; }
|
||||
.admin-bar .opalestate-popup .popup-body .account-dashboard-content::before {
|
||||
right: -15px;
|
||||
left: auto;
|
||||
position: absolute;
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
content: "";
|
||||
z-index: 2;
|
||||
transform: translateX(-50%);
|
||||
left: 50%;
|
||||
top: -14px;
|
||||
border-bottom: 25px solid white;
|
||||
border-left: 20px solid transparent;
|
||||
border-right: 20px solid transparent; }
|
||||
|
||||
.admin-bar .opalestate-box {
|
||||
background-color: #FFF; }
|
||||
|
||||
.card-item {
|
||||
background-color: #FFF;
|
||||
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
|
||||
padding: 15px; }
|
||||
.card-item .heading {
|
||||
margin-bottom: 30px;
|
||||
border-bottom: 1px solid #eee;
|
||||
padding-bottom: 15px; }
|
||||
.card-item .heading i {
|
||||
background: rgba(0, 0, 0, 0.18);
|
||||
padding: 15px;
|
||||
border-radius: 50%;
|
||||
min-width: 45px;
|
||||
text-align: center;
|
||||
margin-right: 10px;
|
||||
color: #FFF; }
|
||||
.card-item .heading span {
|
||||
font-size: 14px;
|
||||
color: #23282d;
|
||||
font-weight: 500; }
|
||||
.card-item h5 {
|
||||
font-size: 200%;
|
||||
text-align: center; }
|
||||
.card-item .opalestate-admin-box {
|
||||
box-shadow: none; }
|
||||
|
||||
.opalestate-user-management {
|
||||
min-height: 600px; }
|
||||
min-height: 742px; }
|
||||
.opalestate-user-management .property-submission-form .opalestate-box {
|
||||
margin-right: 0; }
|
||||
.opalestate-user-management .user-dasboard-sidebar {
|
||||
background-color: #0a1938;
|
||||
background-color: #23282d;
|
||||
min-height: 900px;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
@@ -3721,12 +3771,15 @@ header#masthead {
|
||||
width: 100%;
|
||||
display: block;
|
||||
font-weight: 500;
|
||||
color: #7e7e7e; }
|
||||
color: #eee; }
|
||||
.opalestate-user-management .account-links a i {
|
||||
margin-right: 6px;
|
||||
color: #7e7e7e; }
|
||||
.opalestate-user-management .account-links a:hover {
|
||||
background-color: #2f73e9; }
|
||||
color: #a0a5aa; }
|
||||
.opalestate-user-management .account-links a:hover, .opalestate-user-management .account-links a:focus {
|
||||
background-color: #0073aa;
|
||||
color: #fff; }
|
||||
.opalestate-user-management .account-links a:hover i, .opalestate-user-management .account-links a:focus i {
|
||||
color: #00b9eb; }
|
||||
.opalestate-user-management .site-main {
|
||||
padding-top: 15px; }
|
||||
|
||||
|
||||
@@ -1,5 +1,15 @@
|
||||
.dashboard-grid {
|
||||
&.opal-row {
|
||||
> div {
|
||||
margin-bottom: $grid-gutter-width;
|
||||
}
|
||||
}
|
||||
}
|
||||
.opalestate-admin-box{
|
||||
margin-bottom:$padding-base*2;
|
||||
margin-bottom:$grid-gutter-width;
|
||||
padding: $grid-gutter-width;
|
||||
background-color: $white;
|
||||
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
|
||||
h3 {
|
||||
border-bottom:1px $border-color solid;
|
||||
padding-bottom:15px;
|
||||
@@ -30,13 +40,6 @@
|
||||
padding: 4px 0;
|
||||
}
|
||||
|
||||
|
||||
.bg-info {
|
||||
background-color:#0288d1 !important;
|
||||
}
|
||||
.bg-warning {
|
||||
background-color:#ffca28!important;
|
||||
}
|
||||
.alert.alert-success{
|
||||
background: #0F93FA;
|
||||
}
|
||||
@@ -53,7 +56,6 @@
|
||||
*/
|
||||
|
||||
@media( max-width: $screen-xs-max ) {
|
||||
|
||||
.user-dasboard-sidebar {
|
||||
display:none;
|
||||
}
|
||||
@@ -75,6 +77,7 @@
|
||||
.navbar-left {
|
||||
display:flex;
|
||||
}
|
||||
|
||||
.opalestate-user-greeting {
|
||||
.popup-head {
|
||||
float:right;
|
||||
@@ -103,34 +106,15 @@
|
||||
}
|
||||
|
||||
.dashboard-navbar {
|
||||
|
||||
background-color: $white;
|
||||
padding:9px $grid-gutter-width;
|
||||
|
||||
border-bottom:1px solid $border-color;
|
||||
background-color: $white;
|
||||
padding:$grid-gutter-width/2 $grid-gutter-width;
|
||||
border-bottom:1px solid $border-color;
|
||||
margin-bottom: $grid-gutter-width/2;
|
||||
ul{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.card-item {
|
||||
background-color:$white;
|
||||
border:solid 1px $border-color;
|
||||
padding:$padding-base;
|
||||
i {
|
||||
background:rgba(0, 0, 0, .18);
|
||||
padding:15px;
|
||||
border-radius:50%;
|
||||
}
|
||||
h5 {
|
||||
font-size:200%;
|
||||
text-align:center;
|
||||
}
|
||||
span {
|
||||
font-weight:700
|
||||
}
|
||||
}
|
||||
|
||||
.page-template-user-management {
|
||||
.opalestate-box{
|
||||
@media screen and (min-width:768px){
|
||||
@@ -152,13 +136,7 @@
|
||||
padding-bottom: $padding-base*3;
|
||||
}
|
||||
}
|
||||
.admin-bar{
|
||||
.opalestate-user-management{
|
||||
.user-dasboard-sidebar{
|
||||
padding-top: 32px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.opalmembership-dashboard{
|
||||
.btn-link{
|
||||
background-color: $secondary;
|
||||
@@ -168,15 +146,105 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.admin-bar{
|
||||
.body-inner {
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
.opalestate-user-management{
|
||||
.user-dasboard-sidebar{
|
||||
padding-top: 30px;
|
||||
}
|
||||
}
|
||||
.bg-primary {
|
||||
background-color: $white!important;
|
||||
//background-color:#0288d1 !important;
|
||||
}
|
||||
.bg-info {
|
||||
background-color: $white!important;
|
||||
//background-color:#0288d1 !important;
|
||||
}
|
||||
|
||||
.bg-warning {
|
||||
background-color: $white!important;
|
||||
//background-color:#ffca28!important;
|
||||
}
|
||||
|
||||
.opalestate-popup .popup-body {
|
||||
padding:0 !important;
|
||||
top: 59px;
|
||||
.account-dashboard-content {
|
||||
a {
|
||||
font-size: 14px;
|
||||
&:not(:hover){
|
||||
color: #7e7e7e;
|
||||
}
|
||||
}
|
||||
&::before {
|
||||
right: -15px;
|
||||
left: auto;
|
||||
position: absolute;
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
content: "";
|
||||
z-index: 2;
|
||||
transform: translateX(-50%);
|
||||
left: 50%;
|
||||
top: -14px;
|
||||
border-bottom: 25px solid rgb(255, 255, 255);
|
||||
border-left: 20px solid transparent;
|
||||
border-right: 20px solid transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
.opalestate-box {
|
||||
background-color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
.card-item {
|
||||
background-color:$white;
|
||||
//border:solid 1px $border-color;
|
||||
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
|
||||
padding:$padding-base;
|
||||
.heading {
|
||||
margin-bottom: $grid-gutter-width;
|
||||
border-bottom:1px solid #eee;
|
||||
padding-bottom: $grid-gutter-width/2;
|
||||
i {
|
||||
background:rgba(0, 0, 0, .18);
|
||||
padding:15px;
|
||||
border-radius:50%;
|
||||
min-width: 45px;
|
||||
text-align: center;
|
||||
margin-right: 10px;
|
||||
color:$white;
|
||||
}
|
||||
span {
|
||||
font-size: 14px;
|
||||
color: #23282d;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size:200%;
|
||||
text-align:center;
|
||||
}
|
||||
.opalestate-admin-box {
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.opalestate-user-management {
|
||||
min-height: 600px;
|
||||
min-height: 742px;
|
||||
.property-submission-form{
|
||||
.opalestate-box{
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
.user-dasboard-sidebar {
|
||||
background-color:$headings-color;
|
||||
background-color:#23282d;
|
||||
min-height:900px;
|
||||
position:fixed;
|
||||
left:0;
|
||||
@@ -191,7 +259,6 @@
|
||||
.navbar-brand {
|
||||
padding:32px $padding-base;
|
||||
}
|
||||
|
||||
|
||||
.account-links {
|
||||
list-style:none;
|
||||
@@ -202,14 +269,18 @@
|
||||
width:100%;
|
||||
display:block;
|
||||
font-weight:500 ;
|
||||
color:#eee;
|
||||
i {
|
||||
margin-right:6px;
|
||||
color:$body-color;
|
||||
color:#a0a5aa;
|
||||
}
|
||||
color:$body-color;
|
||||
&:hover {
|
||||
background-color:$primary;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color:#0073aa;
|
||||
color:#fff;
|
||||
i {
|
||||
color:#00b9eb;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -247,7 +318,5 @@
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.dashboard {
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user