993
edições
Sem resumo de edição |
Sem resumo de edição |
||
(29 revisões intermediárias pelo mesmo usuário não estão sendo mostradas) | |||
Linha 1: | Linha 1: | ||
/**/ | .changelog__link, | ||
. | .changelog__link:visited { | ||
color: #680cab; | |||
font-family: Verdana, Geneva, Tahoma, sans-serif; | |||
font-weight: 500; | |||
font-size: .85rem; | |||
display: flex; | |||
justify-content: space-between; | |||
align-items: center; | |||
padding: .5rem .95rem; | |||
border-bottom: 1px solid rgb(120, 120, 120); | |||
transition: background .25s ease; | |||
} | |||
.changelog__link:last-child { | |||
border-bottom: 0; | |||
} | |||
.changelog__link:hover { | |||
text-decoration: none; | |||
background: #f3eaff; | |||
} | |||
/*.changelog__link::after {*/ | |||
/* content: ">";*/ | |||
/*font-weight:lighter;*/ | |||
/*}*/ | |||
.px-0 { | |||
padding-inline: 0!important; | |||
} | |||
.pt-0 { | |||
padding-top: 0!important; | |||
} | |||
.pb-0 { | |||
padding-bottom: 0!important; | |||
} | |||
.changelog { | |||
margin-inline: auto; | |||
max-width: 256px!important; | |||
padding-bottom: 0!important; | |||
margin-top: 1rem; | |||
} | |||
/*Select search*/ | |||
.selectwithSearch__container { | |||
width: 100%; | |||
box-sizing:border-box; | |||
padding: 0 2rem; | |||
} | |||
.selectwithSearch__selectBtn { | |||
display: flex; | |||
align-items: center; | |||
cursor: pointer; | |||
} | |||
.selectwithSearch__selectBtn { | |||
height: 2.8rem; | |||
padding: 0 1rem; | |||
font-size: 1rem; | |||
background: #fff; | |||
border-radius: 8px; | |||
justify-content: space-between; | |||
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); | |||
} | |||
.selectwithSearch__selectBtn svg { | |||
font-size: 2rem; | |||
transition: transform .3s linear; | |||
} | |||
.selectwithSearch__container.active .selectwithSearch__selectBtn svg { | |||
transform: rotate(-180deg); | |||
} | |||
.selectwithSearch__content { | |||
display: none; | |||
padding: 1.2rem; | |||
margin-top: .45rem; | |||
background: #fff; | |||
border-radius: 8px; | |||
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); | |||
} | } | ||
. | .selectwithSearch__container.active .selectwithSearch__content { | ||
display: block; | display: block; | ||
position: absolute; | |||
width: calc(100% - 4rem); | |||
box-sizing: border-box; | box-sizing: border-box; | ||
z-index: 999; | |||
} | |||
.selectwithSearch__container.active .selectwithSearch__content.small { | |||
width: auto !important; | |||
} | } | ||
. | .selectwithSearch__content .selectwithSearch__search { | ||
position: relative; | |||
} | |||
.selectwithSearch__search svg { | |||
top: 50%; | |||
left: 1rem; | |||
color: #999; | |||
font-size: 1.2rem; | |||
pointer-events: none; | |||
transform: translateY(-50%); | |||
position: absolute; | position: absolute; | ||
} | |||
.selectwithSearch__search input{ | |||
box-sizing: border-box; | |||
height: 3.25rem; | |||
width: 100%; | width: 100%; | ||
max-height: | outline: none; | ||
overflow: auto; | font-size: 1rem; | ||
border-radius: 8px; | |||
padding: 0 1.2rem 0 4rem; | |||
border: 1px solid #B3B3B3; | |||
} | |||
.selectwithSearch__search input:focus { | |||
padding-left: 4rem; | |||
border: 2px solid #4285f4; | |||
} | |||
.selectwithSearch__search input::placeholder { | |||
color: #bfbfbf; | |||
} | |||
.selectwithSearch__options { | |||
margin-left: 0!important; | |||
margin-right: 0!important; | |||
} | |||
.selectwithSearch__content .selectwithSearch__options { | |||
margin-top: .5rem; | |||
padding-right: .5rem; | |||
max-height: 250px; | |||
overflow-y: auto; | |||
} | |||
.selectwithSearch__options::-webkit-scrollbar { | |||
width: 8px; | |||
} | |||
.selectwithSearch__options::-webkit-scrollbar-track { | |||
background: #f1f1f1; | |||
border-radius: 25px; | |||
} | } | ||
. | .selectwithSearch__options::-webkit-scrollbar-thumb { | ||
background: #ccc; | |||
border-radius: 25px; | |||
} | } | ||
. | .selectwithSearch__options::-webkit-scrollbar-thumb:hover { | ||
background | background: #b3b3b3; | ||
} | } | ||
. | .selectwithSearch__options li { | ||
display: flex; | |||
pointer | align-items: center; | ||
padding: .25rem .75rem; | |||
font-size: 1.075rem; | |||
cursor: pointer; | |||
} | } | ||
. | li.groupTitle { | ||
height: 2.25rem; | |||
font-size: 1.125rem; | |||
background-color: rgb(179 163 255 / 21%); | |||
cursor: default; | |||
margin-bottom: .25rem; | |||
margin-top: .35rem; | |||
border-bottom: 1px solid #d1d1d1; | |||
border-radius: 12px 12px 0 0 !important; | |||
} | |||
li.groupTitle:hover { | |||
border-radius: 12px 12px 0 0 !important; | |||
background-color: rgb(179 163 255 / 21%) !important; | |||
} | |||
.selectwithSearch__options li:hover, | |||
li.selected { | |||
border-radius: 8px; | |||
background: #f2f2f2; | |||
} | } | ||
/**/ | /*Select search*/ | ||
/** o código CSS colocado aqui será aplicado a todos os temas */ | /** o código CSS colocado aqui será aplicado a todos os temas */ | ||
Linha 223: | Linha 376: | ||
.d-none { | .d-none { | ||
display: none!important; | display: none!important; | ||
} | |||
.d-block { | |||
display: block!important; | |||
} | } | ||
Linha 249: | Linha 406: | ||
.space-around { justify-content: space-around; } | .space-around { justify-content: space-around; } | ||
.align-start { align-items: flex-start !important; } | |||
.flex-center { | .flex-center { | ||
Linha 757: | Linha 916: | ||
} | } | ||
/*Formulario de boost*/ | /*Formulario de boost*/ | ||
.input-default { | |||
position: relative; | |||
width: 100%; | |||
box-sizing: border-box; | |||
padding: .45rem .8rem; | |||
border: 1px solid #ced4da; | |||
border-radius: 8px; | |||
font-size: .9rem; | |||
transition: all .25s ease; | |||
} | |||
.input-default:focus { | |||
border-color: #80bdff; | |||
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25); | |||
outline: 0; | |||
} | |||
@media screen and (max-width: 1450px) { | @media screen and (max-width: 1450px) { |