Start on tour UI and make some small changes to the overall Quay UI
This commit is contained in:
parent
654c50b90d
commit
c244f367ba
9 changed files with 347 additions and 122 deletions
|
@ -9,6 +9,18 @@
|
|||
}
|
||||
}
|
||||
|
||||
nav.navbar {
|
||||
border: 0px;
|
||||
border-radius: 0px;
|
||||
background-image: linear-gradient(to bottom, #485664 0%,#81878D 100%);
|
||||
}
|
||||
|
||||
nav.navbar-default .navbar-nav>li>a {
|
||||
color: white;
|
||||
letter-spacing: 0.5px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.notification-view-element {
|
||||
cursor: pointer;
|
||||
margin-bottom: 10px;
|
||||
|
@ -4036,4 +4048,55 @@ have a fixed width and height (but it's not required).
|
|||
.jcarousel-pagination {
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.tour-section-container {
|
||||
text-align: center;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
.tour-sections {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.tour-sections li {
|
||||
margin: 0px;
|
||||
font-size: 16px;
|
||||
list-style: none;
|
||||
display: inline-block;
|
||||
border-right: 1px solid #eee;
|
||||
border-bottom: 2px solid transparent;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.tour-sections li a {
|
||||
display: block;
|
||||
color: black;
|
||||
padding: 10px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
.tour-sections li:hover {
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
.tour-sections li.active {
|
||||
border-bottom: 2px solid #428bca;
|
||||
}
|
||||
|
||||
.tour-sections li:first-child {
|
||||
border-left: 1px solid #eee;
|
||||
}
|
||||
|
||||
.tour-action {
|
||||
text-align: center;
|
||||
padding: 40px;
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
.tour-action button {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
|
Reference in a new issue