-
-
Save gustavoquinalha/9f6a71b25259caf909dc986236432566 to your computer and use it in GitHub Desktop.
menu cacique css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#orders-list { | |
margin: 0 0 20px 0; | |
padding: 0; | |
list-style: none; | |
width: 100%; | |
float: left; | |
} | |
#orders-list li { | |
margin: 0 0 10px 0; | |
padding: 10px; | |
background: #f1f5ff; | |
border: 1px solid #cbd8fb; | |
border-radius: 5px; | |
font-size: 14px; | |
color: #666; | |
overflow: hidden; | |
position: relative; | |
} | |
#orders-list li .wrap { | |
text-align: right; | |
float: right; | |
} | |
#orders-list li .wrap .code { | |
margin: 0 0 10px 0; | |
font-weight: normal; | |
font-size: 22px; | |
} | |
#orders-list li .wrap .value { | |
margin: 0; | |
font-weight: normal; | |
font-size: 18px; | |
} | |
#orders-list li p { | |
margin: 0; | |
font-weight: bold; | |
} | |
#orders-list li p span { | |
width: 80px; | |
margin: 0 5px 0 0; | |
font-weight: normal; | |
text-align: right; | |
display: inline-block; | |
vertical-align: top; | |
} | |
#orders-list li .status strong { | |
padding: 2px 4px 2px 4px; | |
background: #244EA8; | |
border-radius: 2px; | |
font-size: 11px; | |
color: #fff; | |
text-transform: uppercase; | |
} | |
#orders-list li .status.cancelado strong { | |
background: #c13434; | |
} | |
#orders-list li .status.entregue strong { | |
background: #618e39; | |
} | |
#orders-list li .status a { | |
color: #fff; | |
} | |
#orders-list li .products-btn { | |
padding: 3px 5px 3px 5px; | |
background: #ccc; | |
font-weight: bold; | |
font-size: 13px; | |
color: #fff; | |
text-transform: uppercase; | |
text-decoration: none; | |
line-height: 13px; | |
position: absolute; | |
right: 0; | |
bottom: 0; | |
} | |
#orders-list .products { | |
padding: 20px 10px 10px 10px; | |
font-size: 13px; | |
display: none; | |
} | |
#orders-list .products table { | |
background: #fff; | |
} | |
.customers-customer_edit .venas-single-post { | |
margin-top: 20px; | |
} | |
.customers-customer_edit .venas-single-post h1 { | |
margin-bottom: 20px; | |
} | |
.orders-customer_index .venas-single-post { | |
margin-top: 20px; | |
} | |
.orders-customer_index .venas-single-post h1 { | |
margin-bottom: 20px; | |
} | |
#fancybox-content { | |
background: white!important; | |
} | |
.btn-18 { | |
text-align: center; | |
margin-top: 10px; | |
} | |
#fancybox-content h2 { | |
text-align: center; | |
} | |
.btn-18 button { | |
margin: 13px; | |
font-size: 22px; | |
} | |
.header-menu { | |
float: left; | |
background: #c51700; | |
width: 100%; | |
z-index: 999; | |
position: relative; | |
} | |
.header-menu-mobile-button { | |
display: none; | |
} | |
.header-menu-item { | |
list-style: none | |
} | |
.header-menu-item:hover .submenu::before { | |
content: "\00a0"; | |
display: block; | |
position: absolute; | |
width: 0; | |
height: 0; | |
top: -19px; | |
left: 36px; | |
bottom: auto; | |
border-width: 10px; | |
border-style: solid; | |
border-color: transparent transparent #CAD5E0; | |
} | |
.header-menu-item:hover .submenu .box-category { | |
display: block; | |
margin-left: 246px; | |
clear: both; | |
border-right: 1px solid #008139; | |
} | |
.container { | |
position: relative!important; | |
} | |
.container-flex { | |
display: -webkit-box; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-pack: center; | |
-ms-flex-pack: center; | |
justify-content: center; | |
-webkit-box-align: start; | |
-ms-flex-align: start; | |
align-items: flex-start; | |
background: #fff; | |
box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1); | |
width: 90%; | |
-ms-flex-wrap: wrap; | |
flex-wrap: wrap; | |
margin: 0 auto; | |
} | |
.container-flex li { | |
-webkit-box-flex: 1; | |
-ms-flex-positive: 1; | |
flex-grow: 1; | |
-ms-flex-preferred-size: 200px; | |
flex-basis: 200px; | |
max-width: 200px; | |
padding-top: 10px; | |
padding-bottom: 10px; | |
} | |
.container-flex li:first-child { | |
margin-left: 10px; | |
} | |
.header-menu-mobile-button { | |
display: none; | |
} | |
.header-menu-list { | |
display: -webkit-box; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-pack: center; | |
-ms-flex-pack: center; | |
justify-content: center; | |
text-align: center; | |
-webkit-box-align: center; | |
-ms-flex-align: center; | |
align-items: center; | |
} | |
.header-menu-item { | |
text-align: center!important; | |
min-width: 200px; | |
} | |
.header-menu-item > a { | |
padding: 10px 6px 3px 11px; | |
font-size: 12px; | |
color: #ffffff; | |
text-transform: uppercase; | |
text-shadow: -1px -1px 0 #1b6186; | |
line-height: 39px; | |
display: block; | |
margin-top: 0px; | |
} | |
@-moz-document url-prefix() { | |
.header-menu-item > a { | |
padding: 4px 5px 0 11px; | |
} | |
} | |
.header-menu-item > a:hover { | |
text-decoration: none; | |
color: #ccc; | |
background: #3B1E11; | |
padding: 10px 6px 3px 11px; | |
} | |
.header-menu-item:hover .submenu ul { | |
display: -webkit-box; | |
display: -ms-flexbox; | |
display: flex; | |
width: 100%; | |
margin: 0 auto | |
} | |
.header-menu-item:hover .submenu { | |
display: block; | |
width: 100%; | |
} | |
.header-menu-item:hover .submenu::before { | |
content: "\00a0"; | |
display: block; | |
position: absolute; | |
width: 0; | |
height: 0; | |
top: -19px; | |
left: 0; | |
bottom: auto; | |
border-width: 10px; | |
border-style: solid; | |
border-color: transparent transparent #CAD5E0; | |
display: none | |
} | |
.header-menu-item:hover .submenu .box-category { | |
display: block; | |
margin-left: 246px; | |
clear: both; | |
border-right: 1px solid #008139; | |
} | |
.header-menu-item .submenu { | |
margin: 0; | |
padding: 0; | |
background: #fff; | |
list-style: none; | |
position: absolute; | |
display: none; | |
z-index: 99; | |
top: 83px; | |
left: 0 | |
/* height: 300px; */ | |
} | |
.header-menu-item .submenu ul { | |
margin-top: -1px; | |
margin: 0; | |
padding: 0; | |
list-style: none; | |
position: absolute; | |
display: none; | |
z-index: 99; | |
float: left; | |
width: 222px; | |
} | |
.submenu-sub { | |
left: 222px; | |
top: 0px; | |
} | |
.header-menu-item .submenu ul li .submenu-sub { | |
display: none; | |
} | |
.header-menu-item .submenu ul li:hover .submenu-sub { | |
display: block; | |
margin-top: -5px; | |
width: 250px; | |
margin: 0; | |
padding: 0; | |
list-style: none; | |
position: absolute; | |
z-index: 99; | |
float: left; | |
width: 210px; | |
height: 10px; | |
} | |
.header-menu-item .submenu ul li a { | |
padding: 7px 22px; | |
background: #fff; | |
font-size: 14px; | |
font-weight: bold; | |
color: #4e4e4e; | |
display: block; | |
margin-top: 0px; | |
-webkit-transition: .3s; | |
transition: .3s | |
} | |
.header-menu-item .submenu ul li a:hover { | |
background: #c51700; | |
color: #fff | |
} | |
.header-menu-item .submenu ul .ver-todas a { | |
display: none | |
} | |
.cart { | |
float: right; | |
} | |
.header-cart:hover { | |
text-decoration: none; | |
color: #ffffff; | |
} | |
.ico-carrinho { | |
float: left; | |
width: 177px; | |
margin-top: 18px; | |
margin-right: 18px; | |
} | |
.ico-carrinho a:hover { | |
color: #ccc; | |
} | |
.header-cart { | |
font-size: 14px; | |
margin-left: 11px; | |
color: #fff; | |
font-weight: bold; | |
} | |
.header-cart a:hover { | |
color: #ccc; | |
} | |
.header-menu-item .icon { | |
background: url(../img/icones-categorias.png) no-repeat; | |
height: 32px; | |
width: 32px; | |
display: block; | |
margin: 0 auto; | |
position: relative; | |
top: 5px; | |
} | |
span.icon.bebidas { | |
background-position: 0px -1px; | |
height: 31px; | |
} | |
span.icon.headshop { | |
background-position: 0px -34px; | |
height: 29px; | |
} | |
span.icon.tabacaria { | |
background-position: 1px -64px; | |
height: 31px; | |
width: 33px; | |
} | |
span.icon.mercearia { | |
background-position: 0px -96px; | |
height: 30px; | |
} | |
.header-menu-item:nth-last-child(1) .submenu.image::before { | |
left: 499px; | |
} | |
.header-menu-item:nth-last-child(2) .submenu.image::before { | |
left: 409px; | |
} | |
.header-menu-item:nth-last-child(3) .submenu.image::before { | |
left: 300px; | |
} | |
.header-menu-item:nth-last-child(4) .submenu.image::before { | |
left: 214px; | |
} | |
.header-menu-item:nth-last-child(5) .submenu.image::before { | |
left: 129px; | |
} | |
span.icon.ferramentas { | |
background-position: -28px 0px; | |
} | |
span.icon.equipamentos { | |
height: 21px; | |
background-position: -28px -20px; | |
} | |
span.icon.ferragens { | |
background-position: -28px -40px; | |
} | |
span.icon.movimentacao-de-cargas { | |
height: 21px; | |
background-position: -28px -59px; | |
} | |
span.icon.adesivos { | |
height: 21px; | |
background-position: -28px -80px; | |
} | |
span.icon.lavadoras { | |
background-position: -28px -100px; | |
} | |
span.icon.motores { | |
background-position: -28px -120px; | |
height: 21px; | |
width: 22px; | |
} | |
span.icon.organizadores { | |
background-position: -28px -140px; | |
} | |
span.icon.soldagem { | |
background-position: -28px -160px; | |
} | |
span.icon.abrasivos { | |
background-position: -28px -180px; | |
height: 21px; | |
} | |
span.icon.construcao { | |
background-position: -28px -200px; | |
} | |
span.icon.compressores { | |
background-position: -28px -220px; | |
} | |
span.icon.quimicos { | |
background-position: -28px -240px; | |
} | |
/*ajusts submeu*/ | |
.submenu.no-image.compressores { | |
margin-left: -34px; | |
} | |
.logo-mobile { | |
float: left; | |
width: 177px; | |
height: 50px; | |
margin-top: 11px; | |
} | |
.logo-mobile img { | |
height: 100%; | |
} | |
.header-menu-mobile { | |
width: 100%; | |
background: #c51700; | |
height: 75px; | |
float: left; | |
} | |
.header-menu-mobile .search-holder { | |
float: left; | |
max-width: 500px; | |
width: 100%; | |
} | |
.header-menu-mobile .nav-container { | |
background: url('images/nav_bg.jpg') repeat-x 0 0; | |
} | |
/*.header-menu-menu-mobile .f-nav{ z-index: 9999; position: fixed; left: 0; top: 0; width: 100%;} /* this make our menu fixed top */ | |
*/ .header-menu-mobile .nav { | |
height: 42px; | |
} | |
.header-menu-mobile .nav ul { | |
list-style: none; | |
} | |
.header-menu-mobile .nav ul li { | |
float: left; | |
margin-top: 6px; | |
padding: 6px; | |
border-right: 1px solid #ACACAC; | |
} | |
.header-menu-mobile .nav ul li:first-child { | |
padding-left: 0; | |
} | |
.header-menu-mobile .nav ul li a {} .header-menu-mobile .nav ul li a:hover { | |
text-decoration: underline; | |
} | |
.header-menu-top.fixed { | |
position: fixed; | |
left: 0; | |
top: 0; | |
width: 100%; | |
z-index: 9999; | |
} | |
.header-menu-top.fixed .header-menu { | |
background: #a51c0a; | |
} | |
.header-menu-top.fixed .top-menu { | |
min-height: auto; | |
border-bottom: 0px solid #a51300; | |
float: left; | |
width: 100%; | |
} | |
#toggle-categories { | |
float: left; | |
width: 91px; | |
font-size: 30px; | |
padding-top: 15px; | |
color: white; | |
text-align: center; | |
} | |
#toggle-categories i { | |
color: white; | |
} | |
#user-categories { | |
float: left; | |
width: 91px; | |
font-size: 30px; | |
padding-top: 15px; | |
color: white; | |
text-align: center; | |
} | |
#user-categories i { | |
color: white; | |
} | |
.mangueiras { | |
background-position: 0px 0px !important; | |
} | |
.carvoes { | |
background-position: 0px -32px !important; | |
} | |
.essencias { | |
background-position: 0px -158px !important; | |
} | |
.essencias { | |
background-position: 0px -158px !important; | |
} | |
.acessorios { | |
background-position: 0px -64px !important; | |
height: 28px !important; | |
} | |
.queimadores { | |
background-position: 0 -92px !important; | |
} | |
.pratos { | |
background-position: 0 -124px !important; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment