dashboard page
This commit is contained in:
parent
6890c82122
commit
12844ac0d9
6 changed files with 236 additions and 5 deletions
|
|
@ -18,4 +18,60 @@
|
|||
background: url(../../datacenterlight/img/pattern.jpg) no-repeat center center;
|
||||
background-size: cover;
|
||||
z-index: -2;
|
||||
}
|
||||
|
||||
.hosting-dashboard .dashboard-container-head {
|
||||
color: #fff;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
.hosting-dashboard-item {
|
||||
background: #e9ebee;
|
||||
box-shadow: 1px 3px 3px rgba(0,0,0,0.5);
|
||||
padding: 25px;
|
||||
color: rgba(124, 139, 175, 0.7);
|
||||
font-size: 19px;
|
||||
}
|
||||
.hosting-dashboard-item:hover,
|
||||
.hosting-dashboard-item:focus,
|
||||
.hosting-dashboard-item:active {
|
||||
text-decoration: none;
|
||||
color: #7c8baf;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.hosting-dashboard-item h2 {
|
||||
margin: 0;
|
||||
font-size: 19px;
|
||||
padding-bottom: 10px;
|
||||
border-bottom: 2px solid #acb5cf;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
.hosting-dashboard-image {
|
||||
height: 100px;
|
||||
fill: #8b9bb7;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.hosting-dashboard-image img,
|
||||
.hosting-dashboard-image svg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
max-height: 65px;
|
||||
}
|
||||
.hosting-dashboard-image img {
|
||||
opacity: 0.2;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.hosting-dashboard-content {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.hosting-dashboard-item {
|
||||
width: 32%;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue