CSS de Wilson

Puntuación:

Puntuación: +2+x

Puntuación c/ Módulo de Créditos:

Puntuación: +2+x

Para utilizar este tema, ponga la siguiente sintaxis en la parte superior de su artículo.

[[include theme:wilsons]]

Encabezado

Encabezado de Nivel 2


header header header header header header
cell-content cell-content cell-content cell-content cell-content cell-content

Link sin visitar (Link visitado)


Encabezado

Subtítulo

Para el borde que rodea todas las partes:

[[div class="wilson-border"]]

Para el elemento de cabecera:

[[div class="wilson-header"]]
Texto aquí.
[[/div]]

Para el elemento de subtítulo:

[[div class="wilson-subtitle"]]
Texto aquí.
[[/div]]

Para el elemento del cuerpo (esta parte):

[[div class="wilson-body"]]
Texto aquí.
[[/div]]

Cierra el borde poniendo lo siguiente al final de todos los elementos interiores:

[[/div]]

@import url("https://lafundacionscp.wdfiles.com/local--files/theme%3Awilsons/national-park-full.css");
@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@800&display=swap');
 
/*
    Wilson's Wildlife Theme
    [2018 Wikidot Theme, 2021 Revamp]
    Created by stormbreath and DarkStuff.
    The new WWS logo (both normal and trans pride variants) was created by Jade Skylar.
    The National Park Font is licensed under the SIL Open Font License and can be found here: https://nationalparktypeface.com/
*/
 
@supports(--css:variables) {
 
:root {
    --national-park-thin: 'national_parkthin', 'Dosis', sans-serif;
    --national-park: 'national_parkregular', 'Comfortaa', sans-serif;
    --national-park-heavy: 'national_parkheavy', 'Nunito', sans-serif;
 
    --wilson-header: rgb(163, 193, 98); /* Wilson's Format Header */
    --wilson-subtitle: rgb(200, 226, 147); /* Wilson's Format Subtitle */
    --wilson-body: rgb(209, 237, 154); /* Wilson's Format Body */
    --wilson-quote: rgb(220, 242, 176);
    --wilson-text: rgb(102, 87, 49); /* Wilson's Format Text */
}
 
/* Links */
a,
#page-options-container a {
    color: rgb(18, 94, 18);
}
 
a.newpage {
    color: #c8e293;
}
 
a:visited {
    color: rgb(75, 104, 78);
}
 
/* HEADER */
div#container-wrap {
    background: url(none);
}
 
div#extra-div-1 {
    height: 140px;
    width: 100%;
    top: 0;
    position: absolute;
    background: linear-gradient(
           to bottom right,
           var(--wilson-header) 0%,
           var(--wilson-subtitle) 80%,
           var(--wilson-body) 100%);
} /* Light green gradient */
 
div#extra-div-2 {
    height: 22px;
    width: 100%;
    top: 140px;
    position: absolute;
    background: linear-gradient(to top,
      rgb(51, 43, 24),      
      var(--wilson-text));
    box-shadow: 0 5px 10px rgba(0,0,0,.3);
} /* Dark brown gradient for top-bar */
 
#header {
    background: url("https://lafundacionscp.wdfiles.com/local--files/theme%3Awilsons/WWS_Logo_2.2_abrv.png") 15px 40px no-repeat;
    background-size: 6rem;
}
 
@media (max-width: 580px) and (min-width: 480px) {
    #header {
        background-position: 0.5em 4.5em ;
        background-size: 66px 66px ;
    }
}
 
@media (max-width: 479px) {
    #header {
        background-position: 0 5.5em ;
        background-size: 55px 55px ;
    }
}
 
#header h1 a {
    color: transparent;
    text-shadow: none;
    font-family: var(--national-park);
}
 
#header h1 a::before {
    content: "Soluciones de Wilson para la Fauna Silvestre";
    color: #fff;
font-size: 75%;
 
}
 
#header h2 span {
    color: transparent;
    text-shadow: none;
    font-family: var(--national-park);
}
#header h2 span::before {
    content: "Donde Todas Las Criaturas Son Bienvenidas";
    color: #fff;
}
 
#login-status,
#login-status a,
#account-topbutton {
    color: #fff;
}
 
#login-status ul a {
    color: var(--wilson-text);
}
 
/* Search Bar */
#search-top-box-input {
    border: solid 1px var(--wilson-text);
    color: var(--wilson-text) !important;
    background-color: rgb(187,214,129);
    font-family: var(--national-park-thin);
}
 
#search-top-box-input:hover,
#search-top-box-input:focus {
    background-color: var(--wilson-quote);
}
 
#search-top-box-form input[type=submit] {
    border: solid 1px rgb(66, 56, 31);
    color: #fff;
    background: rgb(66, 56, 31);
    font-family: var(--national-park);
}
 
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    border: solid 1px var(--wilson-text);
    background: var(--wilson-body);
    color: var(--wilson-text);
}
 
/* Top-Bar */
#top-bar ul li a {
   font-family: var(--national-park-heavy);
}
 
#top-bar ul li ul li a {
    font-family: var(--national-park);
}
 
#top-bar ul li ul {
    border: solid 1px #3d2b1f;
    background: rgba(66, 56, 31, .9);
}
 
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
    border-top: 1px solid #665731;
}
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background: transparent;
    color: #fff;
}
 
#top-bar ul li ul a,
#top-bar a:hover {
    color: #fff;
}
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: rgb(126, 145, 84); /* top bar hover background color */
    color: #fff;
}
 
/* ----- Side Bar ----- */
#side-bar .side-block,
#interwiki .side-block {
    border-radius: 0;
    border: 1px solid #665731;
    box-shadow: none;
}
 
#side-bar .side-block.media {
    background: var(--wilson-header);
}
 
#side-bar .side-block.resources {
    background: var(--wilson-quote);
}
 
#interwiki .side-block {
    background: var(--wilson-body);
}
 
#side-bar .heading,
#interwiki .heading {
    color: var(--wilson-text);
    border-color: var(--wilson-text);
    font-family: var(--national-park-heavy);
    font-size: 13px;
}
 
#side-bar a,
#side-bar a:visited,
#side-bar a.newpage,
#interwiki a,
#interwiki a:visited,
#interwiki a.newpage {
    color: var(--wilson-text);
    font-family: var(--national-park-thin);
}
 
#interwiki .menu-item img {
    filter: hue-rotate(63deg);
}
 
#side-bar .collapsible-block-unfolded-link {
    border-bottom: solid 1px var(--wilson-text);
}
 
#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
    color: var(--wilson-text);
    font-family: var(--national-park-heavy);
    font-size: 13px;
}
 
#side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
    color: var(--wilson-text);
}
 
#top-bar .open-menu a {
     border: 0.15em solid var(--wilson-text);
     background-color: var(--wilson-body);
     color: var(--wilson-text);
}
 
/* ----- Footer ----- */
#footer {
    background: rgb(80, 68, 37);
    color: #d1ed9a;
}
 
/* ----- Page Elements ----- */
/* Titles */
#page-title,
.meta-title {
    color: var(--wilson-text);
    font-family: var(--national-park-thin);
    font-size: 2.25em;
}
 
#page-title {
    border-color: var(--wilson-text);
}
 
#content-wrap h1,
.owindow h1 {
    font-family: var(--national-park-heavy);
    color: var(--wilson-text);
}
 
/* Tables */
#page-content .wiki-content-table tr th {
    background-color: var(--wilson-header);
    color: #fff;
    border: 1px solid var(--wilson-text);
}
 
/* Quote Blocks */
blockquote,
div.blockquote,
#toc,
.code {
    border-color: var(--wilson-quote);
    background-color: var(--wilson-quote);
    color: var(--wilson-text);
}
 
/* Line Breaks */
hr {
    background-color: var(--wilson-text);
}
 
/* Image Blocks */
.scp-image-block {
    border: solid 1px var(--wilson-text);
}
.scp-image-block .scp-image-caption {
    background-color: var(--wilson-body);
    border-top: solid 1px var(--wilson-text);
}
 
/* ----- RATING MODULE ----- */
div.page-rate-widget-box .rate-points {
    background-color: var(--wilson-header);
    border: solid 1px var(--wilson-header);
    text-transform: capitalize;
}
 
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: var(--wilson-body);
    border-top: solid 1px var(--wilson-header);
    border-bottom: solid 1px var(--wilson-header);
}
 
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    color: var(--wilson-text);
}
 
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover{
    background: var(--wilson-subtitle);
    color: var(--wilson-text);
}
 
.page-rate-widget-box .cancel {
    background-color: var(--wilson-header);
    border: solid 1px var(--wilson-header);
}
 
.page-rate-widget-box .cancel a {
    color: #fff;
}
 
.page-rate-widget-box .cancel a:hover {
    background: var(--wilson-subtitle);
    color: var(--wilson-text);
}
 
/* Info Module */
#page-content .rate-box-with-credit-button{
    background-color: var(--wilson-header);
    border: solid 1px var(--wilson-header);
}
 
#page-content .creditButton p a {
    border-left-color: #fff;
}
 
.close-credits,
.credit-back {
    filter: hue-rotate(140deg);
}
 
#page-content .modalbox {
    box-shadow: 0 2px 6px rgba(0,30,0,.5);
}
 
.info-container {
    --barColour: var(--wilson-header);
}
 
/* Wikimodule Component */
#page-content .collection .collapsible-block-unfolded-link a,
#page-content .collection .collapsible-block-folded a,
#page-content .titlecolumn,
#page-content .namerow,
#page-content .namerow a {
    background-color: var(--wilson-body);
    color: var(--wilson-text);
}
 
/* ----- Scrollbar and Selection ----- */
::-webkit-scrollbar-track {
    background: #DAEAB9;
}
 
::-webkit-scrollbar-thumb {
    background: #755400;
}
 
::selection {
   background: rgb(126, 145, 84);
   color: #fff;
}
 
/* ----- Mobile Reformatting ----- */
@media (max-width: 767px) {
    #side-bar {
          background-color: var(--wilson-body);
     }
}
 
/* ----- Wikidot Elements ----- */
#lock-info {
    background-color: var(--wilson-body);
    border-color: var(--wilson-body);
    color: var(--wilson-text);
}
 
div.buttons input,
input.button,
button,
file,
a.button {
    background: var(--wilson-body);
    border-color: var(--wilson-body);
    color: var(--wilson-text);
}
 
div.buttons input:hover,
input.button:hover,
button:hover,
a.button:hover {
    color: var(--wilson-text);
    background: var(--wilson-header);
}
 
.hovertip {
    background: var(--wilson-body) !important;
    color: var(--wilson-text) !important;
    border: 1px solid var(--wilson-text) !important;
}
 
.pager .current {
    background: var(--wilson-header);
    border: 1px solid var(--wilson-text);
}
 
} /* <-- This closes the @supports */
 
/* Wilson's Divs */
/* Wilson's Divs placed outside supports @supports(--css:variables) to ensure most crucial part of theme remains visually intact if fallback occurs. */
div.wilson-border {
    border: 0.063em solid rgb(102, 87, 49);  
    box-shadow: 0em 0.063em 0.125em rgba(0, 0, 0, 0.1);
}
 
div.wilson-header {
    color: white;
    background: rgb(163, 193, 98);
    padding: 1em;
    font-size: 150%;
    font-weight: bold;
    text-align: center;
}
 
div.wilson-subtitle {
    color: rgb(102, 87, 49);
    background: rgba(200, 226, 147);
    padding: 0.313em;
    text-align: right;
    font-weight: bold;
}
 
div.wilson-body {
    color: rgba(102, 87, 49);
    background: rgb(209, 237, 154);
    padding: 1em;
}

Si no se indica lo contrario, el contenido de esta página se ofrece bajo Creative Commons Attribution-ShareAlike 3.0 License