Last active
May 14, 2021 19:53
-
-
Save gabrielqmatos88/9405944a1a9815c38f6411d474296527 to your computer and use it in GitHub Desktop.
muambator-extender
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
ul.encomendas { | |
margin: 0; | |
padding: 25px 15px; | |
position: relative; | |
} | |
ul.encomendas li { | |
display: block; | |
transition-duration: 0.5s; | |
position: relative; | |
color: #fff; | |
font-size: 16px; | |
font-weight: bold; | |
} | |
ul.encomendas li:hover { | |
cursor: pointer; | |
} | |
ul.encomendas li ul { | |
visibility: hidden; | |
opacity: 0; | |
position: absolute; | |
transition: all 0.5s ease; | |
margin-top: 1rem; | |
left: 0; | |
display: none; | |
position: absolute; | |
width: 240px; | |
} | |
ul.encomendas a { | |
padding: 3px 7px; | |
} | |
ul.encomendas li:hover > ul { | |
background-color: #fff; | |
border-radius: 3px; | |
box-shadow: 1px 1px 1px #353434; | |
} | |
ul.encomendas li ul a, ul.encomendas li ul a:hover { | |
color: #4f7c21 !important; | |
padding: 3px 7px !important; | |
} | |
ul.encomendas li ul a:hover { | |
background: #6eaf2c !important; | |
color: #fff !important; | |
display: block; | |
border-radius: 3px; | |
} | |
ul.encomendas li:hover > ul, | |
ul.encomendas li ul:hover { | |
visibility: visible; | |
opacity: 1; | |
display: block; | |
margin: 0; | |
padding: 3px; | |
} | |
ul.encomendas li ul li { | |
clear: both; | |
width: 100%; | |
} | |
h2.pacote-header { | |
display: flex; | |
justify-content: space-between; | |
align-items: center; | |
} | |
h2.pacote-header strong { | |
width: 40%; | |
} | |
h2.pacote-header strong { | |
width: 40%; | |
} | |
h2.pacote-header input { | |
border: 1px solid #bfbfbf; | |
background: whitesmoke; | |
font-size: 0.7em; | |
padding: 5px; | |
flex-grow: 1; | |
} | |
h2.pacote-header input:focus-visible { | |
outline-color: #609e20; | |
} | |
h2.pacote-header button { | |
background: #6eaf2c; | |
border: 1px solid #6eaf2c; | |
font-size: 0.6em; | |
color: #fff; | |
box-sizing: border-box; | |
padding: 3px 7px; | |
margin-left: 10px; | |
border-radius: 3px; | |
width: 60px; | |
} | |
#encomenda { | |
display: flex; | |
width: 60%; | |
} | |
#banner-pro .pro-list li span.novo { | |
font-size: 18px; | |
background-color: #7dbf3d; | |
font-weight: 600; | |
color: #fff; | |
margin-right: 5px; | |
border-radius: 3px; | |
padding: 3px 5px; | |
box-sizing: border-box; | |
box-shadow: 1px 1px 1px #33323282; | |
} | |
#banner-pro .btn-muambator { | |
border-radius: 3px; | |
padding: 3px 5px; | |
box-sizing: border-box; | |
box-shadow: 1px 1px 1px #33323282; | |
} | |
.lista-encomendas { | |
position: absolute; | |
top: 0; | |
right: 0; | |
} | |
.lista-encomendas .item-encomenda { | |
display: flex; | |
justify-content: space-between; | |
background: #6eaf2c; | |
box-sizing: border-box; | |
padding: 4px 8px; | |
border-radius: 3px; | |
color: #fff; | |
box-shadow: 1px 1px 1px #4a4a4a9e; | |
} | |
.lista-encomendas .item-encomenda .encomenda { | |
text-align: left; | |
flex-grow: 1; | |
} | |
.lista-encomendas .item-encomenda .encomenda, .lista-encomendas .item-encomenda .close-icon { | |
color: #ffffff; | |
} | |
.lista-encomendas .item-encomenda:hover { | |
cursor: pointer; | |
background: #4a7322; | |
} | |
.lista-encomendas .item-encomenda:hover .encomenda, .lista-encomendas .item-encomenda:hover .close-icon{ | |
color: #ffffff; | |
} | |
.lista-encomendas .item-encomenda + .item-encomenda { | |
margin-top: 5px; | |
} | |
.lista-encomendas .item-encomenda .close-icon { | |
margin-left: 10px; | |
cursor: pointer; | |
} | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment