|
|
| Linha 1: |
Linha 1: |
| /*text formatting*/ | | /*text formatting*/ |
| @import url('https://fonts.googleapis.com/css2?family=Spectral:wght@300&display=swap'); | | @import url('https://fonts.googleapis.com/css2?family=Spectral:wght@300&display=swap'); |
| .skin-citizen-dark,
| |
| .skin-citizen-dark #content {
| |
| background: url(https://wiki.institutodaguerra.com/images/d/d9/Background-black-noise.jpg);
| |
| }
| |
| .skin-citizen-light,
| |
| .skin-citizen-light #content
| |
| {
| |
| background: url(https://wiki.institutodaguerra.com/images/f/f3/Hero-background.jpg);
| |
| }
| |
|
| |
|
| .citizen-table-wrapper {
| | body { |
| overflow-x: visible!important;
| | font-family: 'Spectral', serif; |
| | text-align: justify; |
| } | | } |
|
| |
|
| .page-Página_Principal .tabber h5{
| | a { |
| margin-top: 0px!important; | | color: #A88541; |
| margin-bottom: 0px!important;
| |
| } | | } |
|
| |
|
| .ext-wpb-pagebanner .wpb-banner-image-panorama a img{
| | a:hover { |
| margin-top:0 !important;
| | color: #800A0C; |
| }
| |
| .ext-wpb-pagebanner .wpb-banner-image-panorama{
| |
| max-height:none !important; | |
| }
| |
| .tabber ul{
| |
| margin: 0.2rem 0 0.2rem 1.6rem
| |
| } | | } |
|
| |
|
| .tabber__header {
| | #content p { |
| margin-bottom: 1em;
| | text-align: justify; |
| }
| |
| .citizen-body h3, .citizen-body h4, .citizen-body h5, .citizen-body h6 {
| |
| margin-top: 10px;
| |
| margin-bottom: 7px;
| |
| } | | } |
|
| |
|
| .page-Rune_RPG .firstHeading,
| | #content h1, |
| .page-Rune_RPG .mw-side,
| | #content h2, |
| .page-Rune_RPG #siteSub {
| | #content h3 { |
| display: none!important;
| | font-family: 'Spectral', serif; |
| }
| |
| .page-Página_Principal .firstHeading,
| |
| .page-Página_Principal .mw-side,
| |
| .page-Página_Principal #siteSub {
| |
| display: none!important; | |
| }
| |
| .page-Página_Principal h5{
| |
| margin-top: 0px!important;
| |
| } | | } |
| body {
| |
| font-family: 'Spectral', serif;
| |
| text-align: justify;
| |
| }
| |
| a {
| |
| color: #A88541;
| |
| }
| |
| a:hover {
| |
| color: #800A0C;
| |
| }
| |
| #content p {
| |
| text-align: justify;
| |
| }
| |
| #content h1,
| |
| #content h2,
| |
| #content h3 {
| |
| font-family: 'Spectral', serif;
| |
| }
| |
| table{
| |
|
| |
| }
| |
| th, td {
| |
| text-align: justify;
| |
| padding:5px;
| |
| }
| |
|
| |
|
| /*Custom classes*/
| | table.wikitable { |
| .sublinhado{
| | border: 2px solid #897051; |
| border-bottom: 1px solid;
| |
| }
| |
| .tabulado{
| |
| margin-left: 3%;
| |
| }
| |
| .loretext{
| |
| margin-left: 5%;
| |
| margin-right: 5%;
| |
| font-style: italic;
| |
| }
| |
| .indent{
| |
| text-indent: 25px
| |
| }
| |
| .trait{
| |
| margin-left: 3%;
| |
| text-indent: -25px
| |
| }
| |
| .three-column{
| |
| display: grid;
| |
| grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
| |
| }
| |
| .column-three {
| |
| column-count: 3;
| |
| }
| |
| .column-three .citizen-body h5 {
| |
| margin-top: 0px !important;
| |
| margin-bottom: 5px !important;
| |
| }
| |
| .btn-div{
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| justify-content: center;
| |
| }
| |
| .btn {
| |
| background-color: #800A0C;
| |
| border: none;
| |
| padding: 10px 24px;
| |
| margin:15px;
| |
| border-radius: 12px;
| |
| display:flex;
| |
| align-content: center;
| |
| text-align: center;
| |
| font-family: 'Spectral', serif;
| |
| text-decoration:none;
| |
| transition-duration: 0.4s;
| |
| }
| |
| .btn:hover{
| |
| background-color: #A88541;
| |
| box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
| |
| }
| |
|
| |
| /*Home Cards*/
| |
| #home-nav { | |
| margin-top: 1rem;
| |
| } | | } |
|
| |
|
| #home-nav .home-card__background:after {
| | th, |
| position: absolute; | | td { |
| pointer-events: none;
| | text-align: justify; |
| top: 0;
| | padding: 5px; |
| right: 0;
| |
| bottom: 0;
| |
| left: 0;
| |
| display: block;
| |
| background: linear-gradient(to right,#000,transparent);
| |
| content: "";
| |
| } | | } |
|
| |
|
| #home-nav .home-card__foreground {
| | .section-subheading span:empty { |
| pointer-events: none;
| | display: none; |
| height: 100%;
| |
| width: 100%;
| |
| display: flex;
| |
| align-items: center;
| |
| padding: 0 15px;
| |
| color: #fff;
| |
| font-weight: 500;
| |
| }
| |
| .home-grid {
| |
| display: grid; | |
| grid: auto-flow dense/repeat( auto-fit, minmax( 9.375rem, 1fr ) );
| |
| grid-auto-rows: minmax( 3rem, auto );
| |
| grid-gap: 0.625rem;
| |
| } | | } |
|
| |
|
| .home-grid--col2 { | | /*Citizen Skin*/ |
| grid-template-columns: 1fr 1fr;
| | .skin-citizen-dark, |
| } | | .skin-citizen-dark #content { |
| | background: url(https://wiki.institutodaguerra.com/images/d/d9/Background-black-noise.jpg); |
| | } |
|
| |
|
| .home-grid a.external { | | .skin-citizen-light, |
| background-image: none;
| | .skin-citizen-light #content { |
| } | | background: url(https://wiki.institutodaguerra.com/images/f/f3/Hero-background.jpg); |
| | } |
|
| |
|
| .home-card { | | .citizen-table-wrapper { |
| position: relative;
| | overflow-x: visible !important; |
| padding: 15px;
| | } |
| background: var( --color-surface-1 );
| |
| border-radius: 8px;
| |
| box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.04 ), 0 3px 6px rgba( 0, 0, 0, 0.0575 ); | |
| font-size: 0.875rem;
| |
| } | |
|
| |
|
| .home-card table.timeline { | | .citizen-body h3, |
| margin-top: 0.2rem;
| | .citizen-body h4, |
| } | | .citizen-body h5, |
| | .citizen-body h6 { |
| | margin-top: 10px; |
| | margin-bottom: 7px; |
| | } |
|
| |
|
| .home-card--col2 {
| | /*Specific Page style*/ |
| grid-column: span 2;
| |
| }
| |
|
| |
|
| .home-card--row3 { | | /*Página Principal*/ |
| grid-row: span 3; | | .page-Página_Principal .tabber h5 { |
| } | | margin-top: 0px !important; |
| | margin-bottom: 0px !important; |
| | } |
| | .page-Página_Principal .firstHeading, |
| | .page-Página_Principal .mw-side, |
| | .page-Página_Principal #siteSub { |
| | display: none !important; |
| | } |
|
| |
|
| .home-card--row4 { | | .page-Página_Principal h5 { |
| grid-row: span 4;
| | margin-top: 0px !important; |
| } | | } |
|
| |
|
| .home-card--row8 {
| | /*Rune RPG*/ |
| grid-row: span 8 / auto; | |
| }
| |
|
| |
|
| .home-card__label { | | .page-Rune_RPG .firstHeading, |
| color: var( --color-base--subtle ); | | .page-Rune_RPG .mw-side, |
| font-size: 0.8125rem; | | .page-Rune_RPG #siteSub { |
| letter-spacing: 0.75px; | | display: none !important; |
| } | | } |
|
| |
|
| h3.home-card__header {
| | /*Page Banner*/ |
| margin-top: 0; | | .ext-wpb-pagebanner .wpb-banner-image-panorama a img { |
| font-size: 1rem;
| | margin-top: 0 !important; |
| } | | } |
|
| |
|
| .home-card__header a { | | .ext-wpb-pagebanner .wpb-banner-image-panorama { |
| display: flex; | | max-height: none !important; |
| align-items: center;
| |
| justify-content: space-between;
| |
| } | | } |
|
| |
|
| .home-card__header a:after {
| | /*Tabber Config*/ |
| content: '▶';
| |
| font-size: 0.8125rem;
| |
| }
| |
|
| |
|
| .home-card__background { | | .tabber ul { |
| position: absolute; | | margin: 0.2rem 0 0.2rem 1.6rem |
| top: 0;
| |
| right: 0;
| |
| bottom: 0;
| |
| left: 0;
| |
| background: #242a31;
| |
| border-radius: 8px;
| |
| } | | } |
|
| |
|
| .home-card__background img { | | .tabber__header { |
| width: 100%; | | margin-bottom: 1em; |
| height: 100%;
| |
| object-fit: cover;
| |
| object-position: center;
| |
| }
| |
| | |
| .home-card__foreground {
| |
| position: absolute;
| |
| } | | } |
|
| |
|
| .home-card__foreground .home-card__label {
| |
| color: #bababa;
| |
| }
| |
|
| |
|
| .home-card__foreground .home-card__header { | | /*Custom classes*/ |
| color: #fff; | | .sublinhado { |
| | border-bottom: 1px solid; |
| } | | } |
|
| |
|
| .home-card p { | | .tabulado { |
| margin-top: 0.2rem; | | margin-left: 3%; |
| font-size: 0.875rem;
| |
| } | | } |
|
| |
|
| .home-card.home-card--button { | | .loretext { |
| overflow: hidden; | | margin-left: 5%; |
| padding: 0; | | margin-right: 5%; |
| background: #242a31; | | font-style: italic; |
| } | | } |
|
| |
|
| .home-card--button a { | | .indent { |
| display: flex; | | text-indent: 25px |
| height: 100%;
| |
| justify-content: center;
| |
| align-items: center;
| |
| padding: 0 15px;
| |
| background: transparent;
| |
| color: #fff;
| |
| font-weight: 500;
| |
| } | | } |
|
| |
|
| .home-card--button .home-card__background a { | | .trait { |
| padding: 0; | | margin-left: 3%; |
| | text-indent: -25px |
| } | | } |
|
| |
|
| .home-card--button img { | | .three-column { |
| transition: transform 0.2s ease;
| |
| }
| |
| | |
| .home-card--button:hover img {
| |
| transform: scale(1.1);
| |
| }
| |
| | |
| .home-link {
| |
| display: grid; | | display: grid; |
| margin-top: 6px; | | grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); |
| font-size: 0.875rem;
| |
| font-weight: 500;
| |
| grid-gap: 6px;
| |
| text-align: center;
| |
| } | | } |
|
| |
|
| .home-link__button { | | .column-three { |
| display: flex; | | column-count: 3; |
| } | | } |
|
| |
|
| .home-link__button a { | | .column-three .citizen-body h5 { |
| flex-grow: 1; | | margin-top: 0px !important; |
| padding: 0.3rem 0.6rem;
| | margin-bottom: 5px !important; |
| border: 1px solid;
| |
| border-color: var( --border-color-base );
| |
| background: var( --background-color-framed );
| |
| border-radius: 12px; | |
| color: var( --color-base--emphasized );
| |
| } | | } |
|
| |
|
| .home-link__button a:hover { | | .navegador { |
| background: var( --background-color-framed--hover );
| | width: 100%; |
| }
| | table-layout: fixed; |
| | | margin: auto; |
| .home-link__button a:active {
| |
| background: var( --background-color-framed--active );
| |
| }
| |
| | |
| #home-content {
| |
| margin-top: 1.6rem;
| |
| }
| |
| | |
| .home-stats {
| |
| flex-grow: 1;
| |
| line-height: 1;
| |
| }
| |
| | |
| .home-stats__value {
| |
| font-size: 1.5rem;
| |
| font-weight: 600;
| |
| }
| |
| | |
| .home-stats__unit {
| |
| margin-top: 0.2rem;
| |
| color: var( --color-base--subtle );
| |
| font-size: 0.8125rem;
| |
| }
| |
| | |
| #home-card-discord {
| |
| background: #5865f2;
| |
| }
| |
| | |
| #home-card-drive {
| |
| background: #fff;
| |
| }
| |
| | |
| #home-card-apoio {
| |
| background: #FF5733;
| |
| }
| |
| | |
| #home-card-apoio {
| |
| background: #fff;
| |
| }
| |
| | |
| #home-card-twitter {
| |
| background: #fff;
| |
| }
| |
| | |
| /*Home Headers*/
| |
| .home-footer {
| |
| font-size: 0.8125rem;
| |
| font-family: monospace;
| |
| text-align: center;
| |
| }
| |
| .home-header {
| |
| margin-top: 2rem;
| |
| margin-bottom: 2rem;
| |
| padding-top: 2rem;
| |
| }
| |
| | |
| .header-rune {
| |
| margin-top: 2rem;
| |
| margin-bottom: 2rem;
| |
| padding-top: 1rem;
| |
| }
| |
| | |
| .home-header__title {
| |
| margin-top: 0;
| |
| font-size: 1.5rem;
| |
| }
| |
| | |
| .home-header .home-header__subtitle {
| |
| margin-top: 0.4rem;
| |
| color: var( --color-base--subtle );
| |
| font-size: 0.875rem;
| |
| }
| |
| | |
| .home-header__search {
| |
| max-width: 600px;
| |
| padding: 0.6rem 0.8rem;
| |
| margin: 0.8rem auto 0 auto;
| |
| background: var( --color-surface-1 );
| |
| border-radius: 100px;
| |
| box-shadow: var( --box-shadow-card );
| |
| color: var( --color-base--subtle );
| |
| cursor: pointer;
| |
| font-size: 0.875rem;
| |
| }
| |
| | |
| .home-header__searchIcon img {
| |
| margin-right: 0.5rem;
| |
| opacity: var( --opacity-icon-base );
| |
| }
| |
| | |
| .keyboard-text {
| |
| padding: 0 5px;
| |
| border: 1px solid;
| |
| margin: 0 2px;
| |
| border-radius: 4px;
| |
| }
| |
| | |
| html.skin-citizen-dark .home-header__searchIcon img {
| |
| filter: invert( 1 );
| |
| }
| |
| | |
| @media ( min-width: 682px ) {
| |
| .home-header {
| |
| text-align: center;
| |
| }
| |
| }
| |
| | |
| @media ( hover: none ) {
| |
| .desktoponly {
| |
| display: none;
| |
| }
| |
| }
| |
| | |
| /*Header Main Page*/
| |
| | |
| .home-header {
| |
| margin-top: 2rem;
| |
| margin-bottom: 2rem;
| |
| padding-top: 2rem;
| |
| padding-bottom: 2rem;
| |
| background-image: url(https://wiki.institutodaguerra.com/images/7/70/Pg_Inicial.png);
| |
| background-repeat: no-repeat;
| |
| background-size: cover;
| |
| background-position: center;
| |
| }
| |
| | |
| .home-header__title {
| |
| margin-top: 0;
| |
| font-size: 1.5rem;
| |
| text-align: center;
| |
| }
| |
| | |
| .home-header .home-header__subtitle {
| |
| margin-top: 0.4rem;
| |
| color: var( --color-base--subtle );
| |
| font-size: 0.875rem;
| |
| }
| |
| | |
| .home-header-box {
| |
| max-width: 600px;
| |
| margin: 0.8rem auto 0 auto;
| |
| background: var( --color-surface-1 );
| |
| border-radius: 50px;
| |
| box-shadow: var( --box-shadow-card );
| |
| color: var( --color-base--subtle );
| |
| }
| |
| | |
| | |
| .home-header__search {
| |
| max-width: 450px; | |
| padding: 0.6rem 0.8rem;
| |
| margin: 0.8rem auto 0 auto;
| |
| background: var( --color-surface-1 );
| |
| border-radius: 100px;
| |
| box-shadow: var( --box-shadow-card );
| |
| color: var( --color-base--subtle );
| |
| cursor: pointer;
| |
| font-size: 0.875rem;
| |
| }
| |
| | |
| @media screen and (max-width: 600px) {
| |
| .home-header__search {
| |
| visibility: hidden;
| |
| display: none;
| |
| }
| |
| .home-header__title {
| |
| margin-top: 0;
| |
| font-size: 1rem;
| |
| text-align: center;
| |
| }
| |
| .home-header .home-header__subtitle {
| |
| margin-top: 0.4rem;
| |
| color: var( --color-base--subtle );
| |
| font-size: 0.75rem;
| |
| }
| |
| .home-header {
| |
| background-repeat: no-repeat;
| |
| background-size: cover;
| |
| background-position: center;
| |
| }
| |
| }
| |
| | |
| .home-header__searchIcon img {
| |
| margin-right: 0.5rem;
| |
| opacity: var( --opacity-icon-base );
| |
| }
| |
| | |
| .keyboard-text {
| |
| padding: 0 5px;
| |
| border: 1px solid;
| |
| margin: 0 2px;
| |
| border-radius: 4px;
| |
| }
| |
| | |
| html.skin-citizen-dark .home-header__searchIcon img {
| |
| filter: invert( 1 );
| |
| }
| |
| | |
| @media ( min-width: 682px ) {
| |
| .home-header {
| |
| text-align: center;
| |
| }
| |
| }
| |
| | |
| @media ( hover: none ) {
| |
| .desktoponly {
| |
| display: none;
| |
| }
| |
| }
| |
| | |
| .header-rune {
| |
| background-image: url(https://wiki.institutodaguerra.com/images/5/57/Banner_RUNE.png);
| |
| background-repeat: no-repeat;
| |
| background-size: initial;
| |
| }
| |
| | |
| .navegador{
| |
| width: 100%;
| |
| table-layout: fixed;
| |
| margin: auto;
| |
| border-bottom: 2px solid var( --color-surface-1 );
| |
| margin-bottom: 2em; | | margin-bottom: 2em; |
| vertical-align: bottom; | | vertical-align: bottom; |
| } | | } |
|
| |
|
| .navegador table{ | | .navegador table { |
| vertical-align: bottom; | | vertical-align: bottom; |
| }
| |
|
| |
| .section-subheading span:empty{
| |
| display:none;
| |
| } | | } |