peluchan.net / 4chan v2 nuevo by el_flaco_pastore

/* ==UserStyle==
@name           peluchan.net / 4chan v2
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("peluchan.net") {
    :root{
        --amarillo: #ffe;
        --rosa: #f0e0d6;
        --rosa2: #d9bfb7;
        --rojo: #cc1105;
        --bordo: #800000;
        --azul: #00e;
        --verde: #117743;
        --gris: #707070;
        --naranja: #EEAA88;
    }
    
    body{
        background: #eef2ff url(/image/fade-blue.png) top center repeat-x;
    color: #000 !important;
    font-family: arial,helvetica,sans-serif!important;
    font-size: 12pt;
      }
    
    #content{
    padding-top: 300px;
    padding-bottom: 100px; 
     }  
     
    .form-signin {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: auto;
    position: relative;
    left: 300px;    
     }
     
     .page-home .header_descatados a{
        position: relative;
        top: 0px;
        left: 0px;   
        background-color: #8992CD !important;
        color: #fff;
     
    }
          
    ._mbmenu_ .item, ._mbmenu_ .popmenu-header h5, ._mbmenu_ .popmenu button.icon24, ._mbmenu_ .popmenu-header {
        background-image: url("https://i.postimg.cc/kXFXkM7c/fade-blue.png");
    }
    
     @media (max-width: 767px){
        #content{
               padding-top: 30px;
            padding-bottom: 30px;
        }
        .page-home .nav-tabs .editor_button a{
            position: absolute;
    top: 0px!important;
    left: -220px!important;
    width: 200px;
    height: 50px;
    text-align: center;
    font-size: 30px;
    color: var(--azul)!important;
    background-color: transparent;
        }
        }
    
 /*** PAGINA PRINCIPAL / HEADER **************/
    
    .rLmtSQKDjm-container{
        padding: 0px 0px 180px 0px;
        background-image: url("https://i.postimg.cc/kgLBcCPf/cajon-letras-celestes.png");
        background-repeat: no-repeat;
        background-position-x: center;
        background-position-y:  50%;
        background-color: transparent;   
        animation: none;
        background-size: contain;
    }    
    
    .css-1mtektl{
        background-image: url("https://i.postimg.cc/GtFgJ6Zg/fade-blue.png");
        background-size: contain;
        box-shadow: none;
        transform: none;
        position: absolute;
        animation: none;
    }
    
    .rLmtSQKDjm-content{
        display: flex;
    align-items: center;
    height: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-content: space-between;
    }
    
    .rLmtSQKDjm-groud{
    height: 50px;
    display: flex;
    align-items: center;
    flex-direction: row;
    }
    
    .home-stats{
    position: absolute;
    z-index: 100;
    top: -355px;
    right: -150px;
    width: 330px;
    }
    
    .logo-normal{
       position: fixed;
        right: 895px;
        top: 90px;  
	    opacity: 0;
		height: 10%;  
    }

 /*** PAGINA PRINCIPAL / COLUMNAS **************/
    
  
    .page-post article._post_,  .page-post .comments, .page-post .panel .perfil, .page-home .secionA, .panel23, .page-user>div>.content, .page-user .panel .perfil, .my-4, .css_commentslist .comments, .__shout__._underline_, .page-setting .panel .perfil, .page-setting>div>.content {
     background-color: #d6daf0;
    border: 1px solid #b7c5d9;
    border-left: none;
    border-top: none !important;
    padding: 10px;
     }
     
    .page-home .secionB .panel{
          background-color: #d6daf0;
    border: 1px solid #b7c5d9;
    border-left: none;
    border-top: none !important;
    padding: 10px;
     }
     
     .isNotMobile .page-home .tops_de_la_semana{
         background:  #bec5ea;
     }
     
     .css-oiokhr .MuiTooltip-tooltip,.dropdown-menu{
         background-color: #d6daf0;
     }
     
     .dropdown-item{
         color: #000;
     }
     
     .page-post .informacion{
         background-color: #d6daf0;
    border: 1px solid #b7c5d9;
    border-left: none;
    border-top: none !important;
    padding: 10px;     
     }
     
     .page-post .informacion .puntear .puntos span{
         color: #000;
         background:  #bec5ea;
         margin-top: 20px;
         text-shadow: none;
     }
     
     .mb-4{
         margin-top: 0px;
     }
    
    .__shout__._a1_{
        background-color: #d6daf0;
    border: 1px solid #b7c5d9;
    border-left: none;
    border-top: none;
    padding: 10px;
        position: relative;
       top:-50px;
        padding-top: 70px
    }
     
     .page-mi .penel412{
         margin-top: 8px !important;
     }
     
  
    
    .page-home .shouts_destacados .nav-link.active{
        position: relative;
        top: 10px;
        z-index: 100;
        color: var(--rojo)!important;
        border-bottom-color: transparent !important;
    }
    
    .page-home .nav-tabs .editor_button a{
        position: absolute;
        top: -130px;
        left: 20px;
        width: 200px;
        height: 50px;
        text-align: center;
        font-size: 30px;
        color: #8992CD!important;
        background-color: transparent;
        }    
    }

    .page-home .nav-tabs .nav-link.active, .page-mi .nav-tabs.tabs23 .nav-link.active, .page-user>div>.content .nav-tabs .nav-link.active, .nav-tabs.tabs23 .nav-link.active, .panel_style0 .nav-link.active, .page-setting>div>.content .nav-tabs .nav-link.active, .title.v-panel, .title.v-panel {
        background-color: transparent !important;
        border-bottom-color: transparent !important;
        color: #000!important;
    }
    
    .nav-tabs{
        border-bottom: none;
    }
    
    .page-home .nav-tabs{
        border-bottom-color: transparent !important
    }
    
    .post_mini .media-body h5{
        color: #000;
    }
    
    .post_mini .media-body a{
        color: var(--verde);
    }
    
    .color_username{
        color: #8b8bf7;
    }
    
    .post_mini .media-body>span{
        color: var(--gris);
    }
    
    .post_mini .media-body .info-icon .fill, .post_mini .media-body .material-icons .fill{
        fill: var(--gris);
    }
    
    ._comment_ .content .header .name{
        color: var(--verde);
    }
    
    a {
        color: var(--verde);
    }
    
    footer span{
        color: var(--bordo);
    }
    
    .color_time{
        color: var(--gris);
    }
    
    .IOgSB-link, .IOgSB-span{
        color: #8992CD ;
    }
    
    .oXjalm27Ks-link .material-icons{
        color: #8992CD;
    }
    
    ._comment_ .content .___body___ a[etiqueta], ._comment_ .content .___body___ span[etiqueta]{
        color: var(--azul);
    }
    
    ._comment_ .content .header .username{
         color: #8b8bf7;
    }
    
    .oXjalm27Ks-notis .oXjalm27Ks-num{
        background: #e48d08;
    }
    
    ._comment_ .content .___body___, ._comment_ .content .___body___ div, ._comment_ .content .___body___ h1, ._comment_ .content .___body___ h2, ._comment_ .content .___body___ h3, ._comment_ .content .___body___ h4, ._comment_ .content .___body___ h5, ._comment_ .content .___body___ p, ._comment_ .content .___body___ span{
        color:#000;
    }
    
    .noti_container .noti .header span{
        color: var(--gris);
    }
    
    .noti_container .noti .header .time{
        color: var(--bordo);
    }
    
    .page-post .comments .title{
        color: #000;
    }
    
    .page-post .panel .perfil .name, .page-user .panel .panel .perfil .name, .page-setting .panel .perfil .name, .color_user {
        color: var(--verde);
    }
    
    .page-post .panel .perfil .username, .page-user .panel .perfil .username, .page-setting .panel .perfil .username, .user_perfil_mobile .username, .page-post .panel .perfil .username, .color_rosa {
        color:  #8b8bf7;
    }
    
    .page-post article._post_ .___title___ .title{
        color: #000;
    }
    
    .___body___{
        color: #000;
    }
    
    .post_mini .media-body .info-icon svg, .post_mini .media-body .material-icons svg{
        fill: #8b8bf7;
    }
    
    ._comment_._editor_ .footer .boton_editor, .btn-primary.style, .btn-primary, .btn-outline-secondary, .btn-outline-secondary.disabled, .btn-outline-secondary:disabled, .create-shout-content .tox-tbtn, .css-1fdnbuz, .page-register form .input-group-text, .DfNcb-button_add, .DfNcb-button_back, .page-setting>div>.content .input-group-text, .tox .tox-button.tox-button--icon, .tox .tox-button--secondary, .tox .tox-button, button.close, ._mbmenu_ .popmenu-header button, .css-1fu6yju  {
       background-color: #8992CD!important;
        border-color: #8992CD !important;
        color: #fff !important;
    }
    
.css-11pk7ab{
    border: 1px solid #b7c5d9;
    color: #000;
    
}

    .page-setting>div>.content label, .page-setting>div>.content p, .page-post .comments .light_message .message{
        color: var(--bordo);
    }

    .create-shout-content .tox-tbtn:disabled svg, .create-shout-content .tox-tbtn svg{
        fill: #fff;
    }
    
    .tox .tox-menubar + .tox-toolbar-overlord .tox-toolbar__primary, .page-post .comments .title{
        background-color: #bec5ea;
    }
    
    .tox .tox-tbtn svg{
        fill: #8992CD;
    }
    
    .tags-item{
        color: var(--gris);
    }
    
    .page-post .panel .perfil .puntos-YzbTb, .page-post .panel .perfil .metas .meta, .etiquetas23 li, .page-post article._post_ .options .category, .page-user .panel .perfil .puntos-YzbTb, .page-user .panel .perfil .metas .meta, .page-setting .panel .perfil .puntos, .page-setting .panel .perfil .puntos-YzbTb, .page-setting .panel .perfil .metas .meta, .user_...