Tema Technoblast

Puntuación:

Puntuación: +4+x

Puntuación con Módulo de Créditos:

Puntuación: +4+x

Este es un tema estético hecho por EstrellaYoshteEstrellaYoshte para el canon de DAIA.

Para importar este tema a tu página, pon el siguiente texto en cualquier lugar de la misma:

[[include theme:technoblast]]

Ejemplos

logoaiad.png

logo

Una regla horizontal puede crearse con 5 guiones "- - - - -" y se extiende a lo largo de toda la página si no se coloca dentro de nada (por ej. un cita de bloque). Las líneas que separan las secciones de este documento son reglas horizontales.


Los títulos pueden crearse poniendo entre uno y seis más "+" al principio de la línea.

Esta es una vista de pestaña.

Esta es una cita en bloque, creada poniendo "> " al principio de cada línea.

Mas texto


Es una regla horizontal

Blockquotes anidados

Esta es una tabla
Ya debes saber como hacer estas
actualmente

La fuente del encabezado es Orbitron.

La fuente del cuerpo es Cairo.

La fuente del monoespaciado es Fira Code.



Código Fuente:

/*
    Technoblast Theme
    [2020 Wikidot Theme]
    By EstrellaYoshte
    Based on:
        Simple Yonder Theme by EstrellaYoshte
        Anderson Robotics Theme by Croquembouche
        Flopstyle CSS by Lt Flops
*/
 
@import url('https://fonts.googleapis.com/css2?family=Cairo&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@700&display=swap');
@import url(https://fonts.googleapis.com/css2?family=Fira+Code&display=swap);
 
#page-content { font-size: 0.91rem; }
 
body {
    color: #000000;
    font-family: 'Cairo', sans-serif;
    word-break: unset;
}
 
.page-source, .code pre, .code p, .code, tt{ /* ---- Code by Croquembouche ---- */
    font-family: "Fira Code", monospace;
}
 
a {
    color: #00AAB3;
}
a:visited {
    color: #013737;
}
 
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #013737;
    font-family: 'Orbitron', sans-serif;
    font-weight: bold;
}
 
/* ---- HEADER ---- */
 
 div#container-wrap{
     background-image: url('https://lafundacionscp.wdfiles.com/local--files/theme%3Atechnoblast/bg.png');
}
 
div#header {
    background-image: url('https://lafundacionscp.wdfiles.com/local--files/theme%3Atechnoblast/logoaiad.png');
    background-size: 7.3rem;
    background-position: 3px 29px;
}
@media (max-width: 767px) and (min-width: 480px) {
    div#header {
      background-size: 6rem;
      background-position: -4px 44px;
    }
}
@media (max-width: 479px) {
    div#header {
      background-size: 4.6rem;
      background-position: -3px 58px;
    }
}
 
#account-topbutton{
    border: 0px;
}
 
#login-status,
#login-status a {
    color: white;
    font-weight: bold;
}
 
#search-top-box-input,
#search-top-box-input:hover,
#search-top-box-input:focus {
    border: none;
    background: #013737;
    box-shadow: none;
    border-radius: 0px;
    color: #f4f4f4;
}
#search-top-box-form input[type=submit],
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    border: solid 1px #00ffff;
    background: #013737;
    box-shadow: none;
    border-radius: 0px;
    color: #00ffff;
}
#search-top-box input.empty {
    color: #bbbbbb;
}
 
input {
    -webkit-appearance: none;
}
 
div#header h1 a span {
    font-family: 'Orbitron', sans-serif;
    font-weight: bold;
    font-size: 0.9em;
    color: #00ffff;
    text-shadow: 0px 0px 0px #000;
}
div#header h2 span {
    font-family: 'Cairo', sans-serif;
    font-weight: bold;
    font-size: 1.2em;
    color: #ff9944;
    padding: 17px 0;
    text-shadow: 0px 0px 0px #000;
    white-space: pre;
}
 
/* ---- TOP MENU ---- */
 
#top-bar a {
    color: #00ffff;
    font-weight: normal;
}
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a,
#login-status ul a,
#login-status ul a:hover {
    color: #00AAB3;
}
 
/* ---- SIDE BAR ---- */
 
 #side-bar .side-block{
     border: none;
     border-radius: 3px;
     box-shadow: none;
     background: linear-gradient(rgba(1,55,55,0), rgba(1,55,55,0)), url('https://lafundacionscp.wdfiles.com/local--files/theme%3Atechnoblast/darkbg.png') !important;
     color: #00ffff;
}
#side-bar .side-block.media > * {
    display: flex;
    justify-content: space-evenly;
}
 
 #side-bar .heading{
     color: #ff9944;
     border-bottom: solid 2px #ff9944;
}
 
#side-bar .menu-item > img {
  display: none;
}
 
#side-bar .menu-item > a:hover {
    background-color: #00ffff;
    color: #013737;
    text-decoration: none;
}
 
#top-bar div.open-menu a {
    border-radius: 3px;
    box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.2), 0px 3px 10px 0 rgba(0, 0, 0, 0.19);
    color: #00ffff;
    background-color: #013737;
    border: none;
}
 
#side-bar a,
#side-bar a:visited {
    color: #00ffff;
}
 
#side-bar .collapsible-block-folded{
    background: none;
}
 
#side-bar .collapsible-block-unfolded-link{
    border-bottom: solid 2px #ff9944;
}
 
#side-bar .collapsible-block-unfolded-link .collapsible-block-link{
    color: #ff9944;
}
 
@media (max-width: 767px) {
    #main-content {
        padding: 0;
        margin: 0 5%;
        border-left: none;
    }
    #page-title {
        margin-top: 0.7em;
    }
    #side-bar {
        background-color: #013737;
        left: -19em;
    }
    #side-bar:target {
        border: none;
        box-shadow: 3px 0 1px -2px rgba(0,0,0,0.04), 1px 0 5px 0 rgba(0,0,0,0.2);
    }
    #side-bar .close-menu {
        transition: width 0.5s ease-in-out 0.1s,
                    opacity 1s ease-in-out 0s;
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        background: rgba(0,0,0,0.3);
        background-position: 19em 50%;
        z-index: -1;
        opacity: 0;
        pointer-events: none;
    }
    #side-bar:target .close-menu {
        width: calc(100% - 19em);
        right: 0;
        left: auto;
        opacity: 1;
        pointer-events: auto;
    }
    #page-content > hr, #page-content > .list-pages-box > .list-pages-item > hr {
        margin: 3em -5.5%;
    }
    #side-bar {
        top: 0;
    }
    #side-bar .heading {
        padding-left: 1em;
        margin-left: -1em;
    }
    #search-top-box {
        top: 107px;
    }
}
 
/* ---- TABS ---- */
 
/* ---- YUI TAB BASE ---- */
.yui-navset .yui-nav a,.yui-navset .yui-navset-top .yui-nav a{background-color:inherit;background-image:inherit}.yui-navset .yui-nav a:hover,.yui-navset .yui-nav a:focus{background:inherit;text-decoration:inherit}.yui-navset .yui-nav .selected a,.yui-navset .yui-nav .selected a:focus,.yui-navset .yui-nav .selected a:hover{color:inherit;background:inherit}.yui-navset .yui-nav,.yui-navset .yui-navset-top .yui-nav{border-color:inherit}.yui-navset li{line-height:inherit}
 
/* ---- YUI TAB CUSTOMIZATION ----*/
 
 .yui-navset .yui-nav,
 .yui-navset .yui-navset-top .yui-nav{
     display: flex;
     flex-wrap: wrap;
     width: calc(100% - .125rem);
     margin: 0 auto;
     border-color: #013737;
     box-shadow: none;
}
 .yui-navset .yui-nav a, /* ---- Link Modifier ---- */
 .yui-navset .yui-navset-top .yui-nav a{
     color: #013737;
    /* ---- Tab Background Colour | [UNSELECTED] ---- */
     background-color: #f4f4f4;
     border: unset;
}
 .yui-navset .yui-nav a:hover,
 .yui-navset .yui-nav a:focus{
     color: #f4f4f4;
    /* ---- Tab Background Colour | [HOVER] ---- */
     background-color: #00AAB3;
}
 .yui-navset .yui-nav li, /* ---- Listitem Modifier ---- */
 .yui-navset .yui-navset-top .yui-nav li{
     position: relative;
     display: flex;
     flex-grow: 2;
     max-width: 100%;
     margin: 0;
     padding: 0;
     color: #00ffff;
     background-color: #f4f4f4;
     border-color: transparent;
     box-shadow: none;
}
 .yui-navset .yui-nav li a,
 .yui-navset-top .yui-nav li a,
 .yui-navset-bottom .yui-nav li a{
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
}
 .yui-navset .yui-nav li em{
     border: unset;
}
 .yui-navset .yui-nav a em,
 .yui-navset .yui-navset-top .yui-nav a em{
     padding: .35em .75em;
 
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
}
 .yui-navset .yui-nav .selected, /* ---- Selection Modifier ---- */
 .yui-navset .yui-navset-top .yui-nav .selected{
     flex-grow: 2;
     margin: 0;
     padding: 0;
    /* ---- Tab Background Colour | [SELECTED] ---- */
     background: linear-gradient(rgba(1,55,55,0), rgba(1,55,55,0)), url('https://lafundacionscp.wdfiles.com/local--files/theme%3Atechnoblast/darkbg.png');
}
 .yui-navset .yui-nav .selected a,
 .yui-navset .yui-nav .selected a em{
     border: none;
}
 .yui-navset .yui-nav .selected a{
     width: 100%;
     color: #00ffff;
}
 .yui-navset .yui-nav .selected a:focus,
 .yui-navset .yui-nav .selected a:active{
     color: #00ffff;
     background-color: #013737;
}
 .yui-navset-left .yui-content{
    /* ---- Content Background ---- */
     background: linear-gradient(rgba(1,55,55,0), rgba(1,55,55,0)), url('https://lafundacionscp.wdfiles.com/local--files/theme%3Atechnoblast/darkbg.png');
}
 .yui-navset .yui-content,
 .yui-navset .yui-navset-top .yui-content{
     padding: .5em;
     border: none;
}
 
/* ---- INFO BAR ---- */
 
 body{
     --barColour: #013737;
}
 
 .info-container .collapsible-block-content .wiki-content-table{
     width: 100%;
}
 
/* ---- INFO PANE ---- */
 
#page-content .creditRate{
     margin: unset;
}
#page-content .rate-box-with-credit-button {
    background-color: #013737;
    border: solid 1px #013737;
    box-shadow: none;
    border-radius: 0;
}
 
#page-content .rate-box-with-credit-button .fa-info {
    border: none;
    color: #ff9944;
}
 
#page-content .rate-box-with-credit-button .fa-info:hover {
    background: #ff9944;
    color: #013737;
}
 
.rate-box-with-credit-button .cancel {
    border: solid 1px #013737;
}
 
/* ---- PAGE RATING ---- */
 
.page-rate-widget-box {
    box-shadow: none;
    margin: unset;
    border-radius: 0;
}
 
div.page-rate-widget-box .rate-points {
    background-color: #013737;
    color: #00ffff;
    border: solid 1px #013737;
    border-radius: 0;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: #013737;
    border-top: solid 1px #013737;
    border-bottom: solid 1px #013737;
}
 
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background: transparent;
    color: #00ffff;
}
 
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    background: #00ffff;
    color: #013737;
}
 
.page-rate-widget-box .cancel {
    background: transparent;
    background-color: #013737;
    border: solid 1px #013737;
    border-radius: 0;
}
 
.page-rate-widget-box .cancel a {
    color: #00ffff;
}
.page-rate-widget-box .cancel a:hover {
    background: #00ffff;
    color: #013737;
    border-radius: 0;
}
 
/* ---- PAGE ELEMENTS ---- */
 
#page-title {
    font-family: 'Orbitron', sans-serif;
    font-size: 2.2em;
    font-weight: bold;
    color: #013737;
    border-color: #013737;
}
 
#page-content .wiki-content-table tr th {
    border: solid 1px #013737;
    color: #f4f4f4;
    background: linear-gradient(rgba(1,55,55,0), rgba(1,55,55,0)), url('https://lafundacionscp.wdfiles.com/local--files/theme%3Atechnoblast/darkbg.png');
    /* set border for table title */
}
 
#page-content .wiki-content-table tr td {
    border: solid 1px #013737;
    /* set border for table content */
}
 
blockquote,
div.blockquote,
#toc,
.code {
     background-color: #f5f5f5;
     border: solid 1px #013737;
}
 
.scp-image-block {
    border: solid 1px #013737;
    box-shadow: none;
}
.scp-image-block .scp-image-caption {
    background: linear-gradient(rgba(1,55,55,0), rgba(1,55,55,0)), url('https://lafundacionscp.wdfiles.com/local--files/theme%3Atechnoblast/darkbg.png');
    border-top: solid 1px #013737;
    color: #f4f4f4;
}
 
/* ---- Horizontal Rules ---- */
 
hr {
  background-color: rgba(1,55,55,1);
}
 
/* ---- Footer ---- */
#footer { background: transparent; }
#footer a { color: #00AAB3; }
Si no se indica lo contrario, el contenido de esta página se ofrece bajo Creative Commons Attribution-ShareAlike 3.0 License