151 lines
2.8 KiB
Plaintext
151 lines
2.8 KiB
Plaintext
/*
|
|
*{
|
|
border: 1px solid black;
|
|
}
|
|
.ves-container{
|
|
.row-level-1{
|
|
border: 1px solid blue;
|
|
}
|
|
.col-inner{
|
|
border: 1px solid yellow;
|
|
}
|
|
}
|
|
*/
|
|
|
|
/******/
|
|
|
|
body::before {
|
|
content: 'Development Server (DEVBUILDID)';
|
|
background: #f00;
|
|
padding: 5px 10px;
|
|
display: block;
|
|
position: fixed;
|
|
bottom: 0;
|
|
right: 0;
|
|
color: white;
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
z-index: 9999;
|
|
}
|
|
|
|
/*
|
|
.nav-1 .submenu.level0{
|
|
display: flex !important;
|
|
}
|
|
.nav-1-4 .submenu.level1{
|
|
display: block !important;
|
|
}
|
|
*/
|
|
|
|
|
|
/* desktop */
|
|
@media (min-width: 768px) { /* desktop */
|
|
/* transparent background*/
|
|
.navigation ul{
|
|
background-color: rgba(255,255,255,0) !important;
|
|
}
|
|
.navigation ul.level0{
|
|
background-color: rgba(255,255,255,0.95) !important;
|
|
width: 95% !important;
|
|
}
|
|
|
|
/* remove borders and shadow */
|
|
.navigation ul ul ul{
|
|
box-shadow: none !important;
|
|
border: none !important;
|
|
}
|
|
|
|
/* bold 1st level (headers) */
|
|
.navigation li.level1>a{
|
|
font-weight: bold;
|
|
/* remove icon*/
|
|
.ui-menu-icon{
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
/* make all parents static so absolute positions work */
|
|
.navigation,
|
|
.navigation>ul,
|
|
.navigation>ul>.level0{
|
|
position: static !important;
|
|
}
|
|
/* put the sub menus into the layout columns */
|
|
.submenu.level1{
|
|
position: static !important;
|
|
display: block !important;
|
|
}
|
|
|
|
/* make the level 0 a flex layout so sub menus become columns */
|
|
/* and center it */
|
|
.submenu.level0[aria-expanded="true"]{
|
|
display: flex !important;
|
|
justify-content: center;
|
|
left: 50% !important;
|
|
transform: translateX(-50%);
|
|
padding-top: 55px !important;
|
|
}
|
|
/*
|
|
.submenu.level0>li{
|
|
flex-grow: 1;
|
|
flex-shrink: 1;
|
|
max-width: auto !important;
|
|
min-width: auto !important;
|
|
width: auto !important;
|
|
}
|
|
*/
|
|
.submenu.level0>li{
|
|
max-width: auto !important;
|
|
min-width: auto !important;
|
|
width: 15% !important;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/* desktop only */
|
|
@media (min-width: 989px) {
|
|
body{
|
|
background:#ff8;
|
|
}
|
|
|
|
.offset-down{
|
|
padding-top:8em;
|
|
}
|
|
.offset-down-box{
|
|
padding-top:4em;
|
|
}
|
|
.overlap>div:first-child{
|
|
margin-right: -100px;
|
|
margin-left: 50px;
|
|
}
|
|
.left-col{
|
|
margin-right:3vw;
|
|
.product-item-details, .widget-images .image-description{
|
|
text-align:left;
|
|
}
|
|
}
|
|
.right-col{
|
|
margin-left:3vw;
|
|
.product-item-details, .widget-images .image-description{
|
|
text-align:right;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* mobile & ipad only */
|
|
@media (max-width: 990px) {
|
|
body{
|
|
background:#0ff;
|
|
}
|
|
|
|
.box-padding{
|
|
padding:25px !important;
|
|
}
|
|
.mob-reverse{
|
|
display: flex;
|
|
flex-direction: column-reverse;
|
|
}
|
|
}
|