|
|
| 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;
| |
| position: absolute;
| |
| width: calc(100% - 4rem);
| |
| 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;
| |
| }
| |
|
| |
| .selectwithSearch__search input{
| |
| box-sizing: border-box;
| |
| height: 3.25rem;
| |
| width: 100%;
| |
| outline: none;
| |
| 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: #b3b3b3;
| |
| }
| |
|
| |
| .selectwithSearch__options li {
| |
| display: flex;
| |
| 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 */
| |
| #ca-viewsource { display: none !important; }
| |
|
| |
| #ca-history { display: none !important;}
| |
|
| |
| /* Efeitos */
| |
| .hover-minimizeAndRotateContainer a,
| |
| .hover-minimizeAndRotate img{
| |
| transition: transform .25s ease;
| |
| }
| |
|
| |
| .hover-minimizeAndRotateContainer a:hover,
| |
| .hover-minimizeAndRotate img:hover{
| |
| transform: scale(.95) rotateZ(-4deg);
| |
| }
| |
|
| |
| .hover-minimize img,
| |
| .hover-minimize a img,
| |
| .hover-minimize.initialPage__topicContainer {
| |
| transition: transform .25s ease;
| |
| }
| |
|
| |
| .hover-minimize:not(.initialPage__topicContainer) img:hover,
| |
| .hover-minimize a img:hover,
| |
| .hover-minimize.initialPage__topicContainer:hover{
| |
| transform: scale(.95);
| |
| }
| |
| /* Efeitos */
| |
|
| |
| body {
| |
| position: relative;
| |
| }
| |
|
| |
| body::before {
| |
| content: '';
| |
| position: fixed;
| |
| top: 0;
| |
| left: 0;
| |
| width: 100%;
| |
| height: 100vh;
| |
| background: url('https://wiki.pokexgames.com//images/a/af/Fundo-wiki.jpeg') no-repeat;
| |
| filter: brightness(0.8);
| |
|
| |
| background-attachment: fixed;
| |
| background-position: center;
| |
| background-repeat: no-repeat;
| |
| background-size: cover;
| |
| z-index: -1;
| |
| }
| |
|
| |
| .mw-body {
| |
| border-right: 0 !important;
| |
| }
| |
|
| |
| .mw-body, .parsoid-body, #mw-panel {
| |
| background: #fffffff0;
| |
| border-radius: 6px;
| |
| border: 5px solid transparent;
| |
| border-image: url('https://wiki.pokexgames.com/images/9/9a/Borda-wiki.png') 15 stretch;
| |
| }
| |
|
| |
| #p-logo a {
| |
| background-size: contain;
| |
| }
| |
|
| |
| .mw-list-item a {
| |
| color: white;
| |
| }
| |
|
| |
| .mw-list-item a:visited {
| |
| color: #dddddd;
| |
| }
| |
|
| |
| @media screen and (min-width: 982px) {
| |
| .mw-body, #mw-head-base, #left-navigation, #mw-data-after-content, .mw-footer {
| |
| margin-left: 13em;
| |
| }
| |
| }
| |
|
| |
| #mw-panel {
| |
| width: 10.5em;
| |
| margin-top: 2.2rem;
| |
| border-left: none;
| |
| }
| |
|
| |
| /*Ocultamentos e Remoções de estilo*/
| |
| #p-tb { display: none; }
| |
|
| |
| .css-links {
| |
| pointer-events: none;
| |
| opacity: 0;
| |
| margin: 0 !important;
| |
| }
| |
|
| |
| #footer-info-lastmod { display: none; }
| |
|
| |
| .firstHeading {display: none;}
| |
|
| |
| .catlinks { display: none; }
| |
|
| |
| .vector-menu-tabs-legacy .selected { background: none!important; }
| |
|
| |
| .vector-menu-tabs-legacy li { background: none!important; }
| |
|
| |
| #mw-page-base { background: none!important;}
| |
|
| |
| #ca-view { display: none; }
| |
|
| |
| #ca-talk {display: none;}
| |
|
| |
| .vector-search-box-input:focus, .vector-search-box-inner:hover .vector-search-box-input:focus {
| |
| border-color: #cc7ee0;
| |
| box-shadow: inset 0 0 0 1px #cc7ee0;
| |
| }
| |
|
| |
| .vector-search-box-inner:hover .vector-search-box-input { border-color: #cc7ee0; }
| |
|
| |
| .vector-search-box-input {
| |
| border: 1px solid #9f4eea;
| |
| background: white;
| |
| }
| |
|
| |
| /*Wikitable*/
| |
|
| |
| .wikitable th,
| |
| .wikitable td {
| |
| color : #202122 !important;
| |
| }
| |
|
| |
| .wikitable td.table-no-background {
| |
| background-color: none;
| |
| }
| |
|
| |
| .wikitable th {
| |
| background-color: #d1c1e0 !important;
| |
| }
| |
|
| |
| .wikitable td {
| |
| background-color: #f2e8f8 !important;
| |
| }
| |
|
| |
| .wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
| |
| border-color: white !important;
| |
| border-width: 2px !important;
| |
| }
| |
|
| |
| /*Wikitable*/
| |
|
| |
| /*Ajustes visuais de elementos da wiki*/
| |
|
| |
| .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
| |
| background-image: none;
| |
| }
| |
|
| |
| #footer-places li a {
| |
| color: #adadad;
| |
| }
| |
|
| |
| #right-navigation {
| |
| margin-top: 2em;
| |
| }
| |
|
| |
| .mw-list-item.selected{
| |
| margin-top: -.2rem;
| |
| display: block;
| |
| border-radius: 6px;
| |
| border: 5px solid transparent;
| |
| border-image: url('https://wiki.pokexgames.com/images/9/9a/Borda-wiki.png') 15 stretch;
| |
| }
| |
|
| |
| .mw-list-item.selected a {
| |
| padding: .35rem;
| |
| background: white;
| |
| height: auto !important;
| |
| }
| |
|
| |
| /* Utilitarios */
| |
| .d-none {
| |
| display: none!important;
| |
| }
| |
|
| |
| .d-block {
| |
| display: block!important;
| |
| }
| |
|
| |
| .d-flex {
| |
| display: flex;
| |
| }
| |
|
| |
| .d-flex > p,
| |
| .d-flex > br {
| |
| display: none !important;
| |
| }
| |
|
| |
| .w-100 {
| |
| width: 100%;
| |
| }
| |
|
| |
| .align-center {
| |
| align-items: center;
| |
| }
| |
|
| |
| .justify-center, .list-center, .center-tab .tabber__tabs {
| |
| justify-content: center;
| |
| }
| |
|
| |
| .space-between { justify-content: space-between; }
| |
|
| |
| .space-around { justify-content: space-around; }
| |
|
| |
| .align-start { align-items: flex-start !important; }
| |
|
| |
| .flex-center {
| |
| display: flex;
| |
| justify-content:center;
| |
| align-items: center;
| |
| }
| |
|
| |
| .flex-column { flex-direction: column; }
| |
|
| |
| .flex-wrap, .break-row { flex-wrap: wrap; }
| |
|
| |
| .bg-none { background: none !important; }
| |
|
| |
| .text-center { text-align: center; }
| |
|
| |
| .border-0 { border: none !important; }
| |
|
| |
| .gap-1{ gap: .5rem; }
| |
|
| |
| .gap-2 { gap: 1rem; }
| |
|
| |
| .gap-3 { gap: 1.5rem; }
| |
|
| |
| .margin-center {
| |
| margin-left: auto !important;
| |
| margin-right: auto !important;
| |
| }
| |
|
| |
| .mx-2 {
| |
| margin-right: 1rem;
| |
| margin-left: 1rem;
| |
| }
| |
|
| |
| .mr-2 { margin-right: 1rem !important; }
| |
| .mr-4 { margin-right: 2rem !important; }
| |
|
| |
| .mt-1 { margin-top: .5rem; }
| |
| .mt-2 { margin-top: 1rem !important; }
| |
| .mb-2 { margin-bottom: 1rem; }
| |
|
| |
| .p-1 { padding: .5rem; }
| |
| .p-2 { padding: 1rem; }
| |
| .p-3 { padding: 1.5rem; }
| |
|
| |
| .pr-1 { padding-right: .5rem; }
| |
| /* Utilitarios */
| |
|
| |
| /* Cartões dos NPCs */
| |
| .npcCard {
| |
| box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
| |
| background-color: rgb(250, 250, 250);
| |
| padding: 1rem .75rem;
| |
| margin-top: 1rem;
| |
| margin-bottom: 1rem;
| |
| height: 9.5rem;
| |
| width: 11.5rem;
| |
|
| |
| border-top: 5px solid;
| |
| border-radius: 8px;
| |
|
| |
| display: flex;
| |
| flex-direction: column;
| |
| justify-content: center;
| |
| align-items: center;
| |
| transition: all .25s ease;
| |
| }
| |
|
| |
| h2.npcCard__title{
| |
| border: none;
| |
| font-size: 1.25rem !important;
| |
| font-weight: 400;
| |
| }
| |
|
| |
| .npcCard__link {
| |
| display: table;
| |
| }
| |
|
| |
| .npcCard__link:hover {
| |
| text-decoration: none !important;
| |
| }
| |
|
| |
| .npcCard__link:hover .npcCard {
| |
| transform: scale(.98);
| |
| }
| |
|
| |
| .npcCard__portrait {
| |
| padding: .55rem .8rem;
| |
| border-radius: 50%;
| |
| margin-bottom: .5rem;
| |
| }
| |
|
| |
| .npcCard__list {
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| align-items: center;
| |
| }
| |
|
| |
| .npcCard__list .npcCard {
| |
| margin-bottom: 1rem;
| |
| }
| |
|
| |
| .npcCard__list a {
| |
| display: block;
| |
| margin-right: 1rem;
| |
| }
| |
|
| |
| /* Cartões dos NPCs - Cores */
| |
| .npcCard.default .npcCard__portrait {
| |
| background-color: #f7eeff;
| |
| }
| |
|
| |
| .npcCard.default {
| |
| border-color: #e89dff;
| |
| }
| |
| /* Cartões dos NPCs - Cores */
| |
| /* Cartões dos NPCs */
| |
|
| |
| /* Componente veja mais */
| |
| .seeMore {
| |
| height: 3.2rem;
| |
| padding: .5rem .575rem;
| |
| border: 1px dashed #e89dff;
| |
| background-color: #f9f2ff;
| |
| border-radius: 12px;
| |
| margin: 1rem auto 1rem 0px;
| |
| }
| |
|
| |
| .flex-center .seeMore {
| |
| margin: 0;
| |
| }
| |
|
| |
| .seeMore__image {
| |
| text-align: center;
| |
| width: 2rem;
| |
| }
| |
| /* Componente veja mais */
| |
|
| |
| /* Cartão*/
| |
| .card {
| |
| background: white;
| |
| box-shadow: rgb(67 71 85 / 27%) 0px 0px 0.25em, rgb(90 125 188 / 5%) 0px 0.25em 1em;
| |
| padding-bottom: .2rem;
| |
| margin-bottom: .75rem;
| |
| border-radius: 8px;
| |
| }
| |
|
| |
| .card-title {
| |
| text-align: center;
| |
| background-color: #944EC7;
| |
| color: white;
| |
| padding: .25rem 1rem;
| |
| letter-spacing: .03rem;
| |
| font-size: 1.15rem;
| |
| font-weight: bold;
| |
| border-radius: 8px 8px 0 0;
| |
| }
| |
|
| |
| .card-container {
| |
| padding: .75rem 1rem;
| |
| }
| |
|
| |
| /* Cartão */
| |
|
| |
| /*Navegação rápida*/
| |
| .linkWithIcon__link {
| |
| display: flex;
| |
| flex-direction: column;
| |
| align-items: center;
| |
| justify-content: center;
| |
| }
| |
|
| |
| .linkWithIcon__imageContainer {
| |
| height: 10rem;
| |
| box-sizing: border-box;
| |
| padding: 1rem;
| |
| display: flex;
| |
| align-items: flex-end;
| |
| }
| |
|
| |
| .linkWithIcon__imageContainer img {
| |
| width: 100%;
| |
| margin-bottom: .2rem;
| |
| height: auto;
| |
| max-height: 9rem;
| |
| }
| |
|
| |
| .linkWithIcon__link img{
| |
| height: 100%;
| |
| }
| |
|
| |
| .linkWithIcon__link span {
| |
| font-size: 1rem;
| |
| font-weight: bold;
| |
| margin-top: .5rem;
| |
| }
| |
|
| |
| .fastNav__linksContainer {
| |
| margin-top: 1rem;
| |
| margin-bottom: 1rem;
| |
| display: flex;
| |
| gap: 2rem 0;
| |
| flex-wrap: wrap;
| |
| justify-content: space-between;
| |
| align-items: flex-start;
| |
| }
| |
|
| |
| /*Prevent paragraph spacement*/
| |
| .fastNav__linksContainer p {
| |
| display: none;
| |
| }
| |
|
| |
| .fastNav__linksContainer a:not([href]) {
| |
| display: none;
| |
| }
| |
|
| |
| .fastNav__linksContainer .linkWithIcon__link,
| |
| .fastNav__linksContainer a{
| |
| width: 19.5%;
| |
| max-width: 13rem;
| |
| padding: .65rem;
| |
| box-sizing: border-box;
| |
| }
| |
|
| |
| .fastNav__linksContainer a img {
| |
| width: 100%;
| |
| height: auto;
| |
| }
| |
|
| |
| /*Navegação rápida*/
| |
| .initialPage__container {
| |
| max-width: 1650px;
| |
| }
| |
|
| |
| .initialPage__contentContainer {
| |
| display: flex;
| |
| align-items: flex-start;
| |
| justify-content: flex-start;
| |
| padding: 0 1rem;
| |
| box-sizing: border-box;
| |
| }
| |
|
| |
| .initialPage__mainContent {
| |
| margin-top: 2.5rem;
| |
| padding: 0 2rem;
| |
| box-sizing: border-box;
| |
| width: 75%;
| |
| }
| |
|
| |
| .initialPage__sideContent {
| |
| margin-top: 2.5rem;
| |
| width: 25%;
| |
| padding: 0 1rem;
| |
| box-sizing: border-box;
| |
| }
| |
|
| |
| .initialPage__welcomeBadge {
| |
| text-align: center;
| |
| }
| |
|
| |
| .initialPage__welcomeBadgeImg {
| |
| max-width: 800px;
| |
| width: 100%;
| |
| border-radius: 12px;
| |
| }
| |
|
| |
| .initialPage__highlightCardContainer {
| |
| display: flex;
| |
| justify-content: space-between;
| |
| align-items: center;
| |
| padding: 0 .5rem;
| |
| margin-bottom: 1.5rem;
| |
| gap: 1.5rem;
| |
| }
| |
|
| |
| .initialPage__highlightCard {
| |
| flex: 1;
| |
| max-width: 19rem;
| |
| min-width: 14rem;
| |
| }
| |
|
| |
| .initialPage__highlightCard .badge-img {
| |
| cursor: pointer;
| |
| }
| |
|
| |
| .badge-img {
| |
| box-shadow: rgb(67 71 85 / 27%) 0px 0px 0.25em, rgb(90 125 188 / 5%) 0px 0.25em 1em;
| |
| border-radius: 12px;
| |
| width: 100%;
| |
| transition: transform .35s ease;
| |
| }
| |
|
| |
| /*Social media*/
| |
| .socialMedia__title {
| |
| font-weight: bold;
| |
| font-size: 1.25rem;
| |
| display: block;
| |
| text-align: center;
| |
| margin-top: 1rem;
| |
| color: #747176;
| |
| letter-spacing: .02rem;
| |
| }
| |
|
| |
| .socialMedia__linkContainer {
| |
| display: flex;
| |
| flex-direction: column;
| |
| align-items: center;
| |
| justify-content: center;
| |
| gap: .65rem;
| |
| margin-top: .5rem;
| |
| }
| |
|
| |
| a.socialMedia__link img {
| |
| width: 100%;
| |
| max-width: 16rem;
| |
| height: auto;
| |
| border-radius: 12px;
| |
| filter: grayscale(.5);
| |
|
| |
| transition: all .25s ease;
| |
| }
| |
|
| |
| a.socialMedia__link:hover img{
| |
| filter: grayscale(0);
| |
| transform: scale(.98);
| |
| }
| |
|
| |
| /* Indice da pagina inicial */
| |
| .initialPage__indexContent {
| |
| margin-bottom: .75rem;
| |
| }
| |
|
| |
| .initialPage__indexLinks {
| |
| display: block;
| |
| border-bottom: 2px dotted gray;
| |
| padding-bottom: .5rem;
| |
| }
| |
|
| |
| /* Formulario poll daddy */
| |
| .css-box.pds-box {
| |
| width: 100%!important;
| |
| max-width: 300px;
| |
| margin: 0 auto !important;
| |
| }
| |
|
| |
| /*Topico componente*/
| |
| .initialPage__topicContainer {
| |
| display: block;
| |
| width: 30rem;
| |
| aspect-ratio: 1 / .27;
| |
| display: flex;
| |
| align-items: stretch;
| |
| border: 5px solid transparent;
| |
| border-image: url('https://wiki.pokexgames.com/images/9/9a/Borda-wiki.png') 15 stretch;
| |
| }
| |
|
| |
| .initialPage__topicContainer h4 {
| |
| font-size: 1.3rem;
| |
| text-align: center;
| |
| }
| |
|
| |
| .initialPage__topicContainer p {
| |
| font-size: 1rem;
| |
| text-align: center;
| |
| }
| |
|
| |
| .initialPage__topicImage {
| |
| width: 55%;
| |
| height: unset;
| |
| margin-right: .5rem;
| |
| }
| |
|
| |
| .initialPage__topicContainer img {
| |
| width: 100%;
| |
| height: 100%;
| |
|
| |
| border-right: 5px solid transparent;
| |
| border-image: url('https://wiki.pokexgames.com/images/9/9a/Borda-wiki.png') 15 stretch;
| |
| }
| |
|
| |
| .initialPage__topicContent {
| |
| width: 100%;
| |
| padding: .5rem;
| |
| }
| |
|
| |
| /*Formulario de boost*/
| |
| .boostCalc__form {
| |
| width: 35rem;
| |
| margin: 0 auto;
| |
| box-sizing: border-box;
| |
| }
| |
|
| |
| .input-group {
| |
| position: relative;
| |
| margin-top: 2rem;
| |
| }
| |
|
| |
| .checkbox-group {
| |
| margin-top: .35rem;
| |
| padding-left: .7rem;
| |
| display: flex;
| |
| justify-content: flex-start;
| |
| align-items: center;
| |
| }
| |
|
| |
| .checkbox-group label {
| |
| padding-left: .35rem;
| |
| font-size: .8rem;
| |
| padding-top: .15rem;
| |
| letter-spacing: .02rem;
| |
| color: #6e6e6e;
| |
| font-weight: bold;
| |
| }
| |
|
| |
| .boostCalc__label {
| |
| position: absolute;
| |
| left: .5rem;
| |
| top: 50%;
| |
| transform: translate(0%, -50%);
| |
| font-size: .95rem;
| |
| color: #626262;
| |
| pointer-events: none;
| |
| transition: all .25s ease;
| |
| }
| |
|
| |
| .boostCalc__input,
| |
| .boostCalc__select {
| |
| position: relative;
| |
| width: 100%;
| |
| box-sizing: border-box;
| |
| padding: .65rem 1.1rem;
| |
| border: 1px solid #ced4da;
| |
| border-radius: 8px;
| |
| font-size: 1.2rem;
| |
| transition: all .25s ease;
| |
| }
| |
|
| |
| .boostCalc__input:focus {
| |
| border-color: #80bdff;
| |
| box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
| |
| outline: 0;
| |
| }
| |
|
| |
| .boostCalc__input:focus,
| |
| .boostCalc__input:not(:placeholder-shown) {
| |
| background: rgba(0, 123, 255, .035);
| |
| }
| |
|
| |
| .boostCalc__input:focus+.boostCalc__label,
| |
| .boostCalc__input:not(:placeholder-shown)+.boostCalc__label,
| |
| .boostCalc__select:focus+.boostCalc__label,
| |
| .boostCalc__select:not(:placeholder-shown)+.boostCalc__label {
| |
| top: -.7rem;
| |
| font-size: .9rem;
| |
| }
| |
|
| |
| .boostTo-container {
| |
| margin-top: 2rem;
| |
| display: flex;
| |
| justify-content: space-around;
| |
| align-items: center;
| |
| }
| |
|
| |
| .boostTo-container div {
| |
| width: 28%;
| |
| }
| |
|
| |
| .boostTo-container .input-group {
| |
| margin-top: 0;
| |
| width: 35%;
| |
| }
| |
|
| |
| .boostTo-container div img {
| |
| width: 100%;
| |
| padding: 0 1.8rem;
| |
| box-sizing: border-box;
| |
| }
| |
|
| |
| .boostCalc__resultContainer {
| |
| text-align: center;
| |
| background: #ffffff;
| |
| width: 32rem;
| |
| margin: 0 auto;
| |
| padding: 1rem;
| |
| padding-top: .35rem;
| |
| border-radius: 12px;
| |
| border-color: #80bdff;
| |
| box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
| |
| outline: 0;
| |
| }
| |
|
| |
| .boostCalc__resultTitle {
| |
| margin: 0;
| |
| font-size: 1.2rem !important;
| |
| padding: 0;
| |
| color: #4c4b4b;
| |
| font-weight: bolder;
| |
| }
| |
|
| |
| .boostCalc__result {
| |
| font-weight: 500;
| |
| font-size: .925rem !important;
| |
| }
| |
|
| |
| .boostCalc__result span {
| |
| padding-right: .5rem;
| |
| font-weight: bold;
| |
| }
| |
| /*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) {
| |
| .linkWithIcon__imageContainer {
| |
| height: 8rem;
| |
| }
| |
| }
| |
|
| |
| @media screen and (max-width: 1360px) {
| |
| html {
| |
| font-size: 14px;
| |
| }
| |
| }
| |
|
| |
| @media screen and (max-width: 1250px) {
| |
| .initialPage__mainContent {
| |
| padding: 0;
| |
| }
| |
|
| |
| .fastNav__linksContainer {
| |
| gap: .5rem 0;
| |
| margin-top: 0;
| |
| }
| |
| }
| |
|
| |
| @media screen and (max-width: 1150px) {
| |
| .initialPage__contentContainer {
| |
| flex-direction: column;
| |
| align-items: center;
| |
| }
| |
|
| |
| .initialPage__mainContent,
| |
| .initialPage__sideContent {
| |
| width: 100%;
| |
| padding: 0 3rem;
| |
| }
| |
|
| |
| .fastNav__linksContainer {
| |
| gap: 1.5rem 0;
| |
| padding: 1.5rem 1rem;
| |
| }
| |
|
| |
| .fastNav__linksContainer .linkWithIcon__link, .fastNav__linksContainer a {
| |
| max-width: 9.95rem;
| |
| }
| |
|
| |
| .socialMedia__linkContainer {
| |
| flex-direction: row;
| |
| }
| |
| }
| |