wikipedia clear style by kefiijrw

/* ==UserStyle==
@name           wikipedia clear style
@namespace      wikipedia.org
@version        1.0.0
@description    wikipedia clear style
@author         kefiijrw
==/UserStyle== */

@-moz-document domain("wikipedia.org") {
#p-personal, /* панель юзера */
#left-navigation, /* обсуждение страницы */
#p-views, /* Читать или править */
#siteNotice, /* Банер объявления сверху */
#p-navigation, /* Боковые панели */
#p-participation, /* Боковые панели */
#p-tb, /* Боковые панели */
#p-coll-print_export, /* Боковые панели */
#p-wikibase-otherprojects, /* Боковые панели */
#p-lang-label, /* заголовок раздела языков */
.uls-settings-trigger, /* заголовок раздела языков */
.after-portlet-lang, /* управление ссылками на языковые версии */
#siteSub, /* Материал из Википедии — свободной энциклопедии */
#mw-fr-reviewnotice,
.mw-editsection,
.toctoggle, /* Скрыть сворачивалку оглавления */
table.ambox{ /*  */
	display: none;
}

/* везде убираем обводки */
*{ 
	border: none !important;
}


/* тело статьи */
.mw-body-content p, 
.mw-content-ltr ul, 
.mw-content-rtl .mw-content-ltr ul{
    padding: 0px 10% 0 0;
    max-width: 45em;
}


/*  */
.mw-body h1, 
.mw-body-content h1 {
    font-size: 2.5em;
}

/*  */
h1, 
.mw-body-content h2{
    font-family: 'PT Serif' !important;
}

/*  */
.mw-body-content h3, 
.mw-body-content h4, 
.mw-body-content h5, 
.mw-body-content h6 {
    margin-top: 1em;
}

/*  */
.mw-body-content h2{
    margin-top: 2em;
    font-size: 1.8em;
}



/* поиск */
div#simpleSearch{
    background: none;
    border: solid 1px #efefef !important;
}

/*  */
div#simpleSearch input::placeholder{
    color: #ccc;
}

/*  */
#right-navigation {
    margin-top: 0;
}

/*  */
div#simpleSearch:hover{
    border: solid 1px #ccc !important;
}

/* отступ над заголовком */
#mw-head-base {
    height: 2em;
}





/* ссылки на источники забледняем */
.reference { 
    position: relative;
    background-color: white;
    margin-left:-1px;
    opacity:0.4;
    font-size: 60% !important;
}

/*  */
.reference:hover{
    opacity:1;
}

/* скрываем квадратные скобки */
.reference:before {
    content: "[";
    position: absolute;
    top: 2px;
    left: 0;
    background-color: white;
    color: white;
}

/* скрываем квадратные скобки */
.reference:after {
    content: "]";
    position: absolute;
    top: 2px;
    right: 0;
    background-color: white;
    color: white;
}




/* убираем буллеты у списков */
ul {
    list-style-type: none;
    list-style-image: none;
}

/*  */
li:before {
/*  content: "— ";
  margin-left: -1.3em;*/
}

/*  */
li{
    margin: 0.5em 0;
}



/* цитаты */
blockquote {
	font-style: italic;
    font-family: 'PT serif';
    background: none;
    font-size: 1.2em;
    letter-spacing: 0.015em;
    max-width: 40em;
    margin-top: 1.3em;
}





/* убираем подложки под картинками */
div.thumbinner{
	background: none;
}


/* картинки слева перебрасываем направо */
.thumb.tleft{
    clear: right;
    float: right;
    margin: 0.5em 0 1.3em 4.4em;
}

/* отступ слева у правых блоков */
div.tright {
    margin-left: 4.4em;
}








/* Ссылки на геолокации на разных сервисах */
.geo-services{
    display: none;
} 


/* скрываем лишнее в блоке геоссылок */
.mw-kartographer-maplink { 
    /* font-size: 0; */
    width: 0px;
    height: 20px;
    overflow: hidden;
    display: inline-block;
}




/* строчка под заголовком типа «ты пришел отсюда, тебя переслали» */
.dablink, 
.rellink {
    padding-left: 0;
    color: gray;
    font-size: 80%;
}


/* оглавление меньше */
#toc, 
.toc, 
.mw-warning, 
.toccolours {
    padding: 15px 30px 10px 15px;
    font-size: 70%;
    line-height: 1.2em;
}

/* заголовок оглавления двигаем налево */
#toc #toctitle, 
.toc #toctitle, 
#toc .toctitle, 
.toc .toctitle{
	text-align:left;
}

.mw-body-content #toc h2{
	font-family: sans-serif !important;
}




table.standard{
    margin-left: 0;
}

/*  */
table{
    background: none !important;
}

/*  */
tr{
    background: none !important;
}

.infobox td, 
.infobox td div{
	background: none !important;
} 

td, th {
    text-align: left !important;
    vertical-align: top;
    font-weight: inherit;
}


/*  */
td{
    vertical-align: top;
}


/* правый блок - отступ и без фона */
.infobox {
    margin-left: 4.4em;
    background: none;
}

/* выравнивание в таблицах */
.infobox td, 
.infobox th{
    text-align: left !important;
    background: none !important;
    padding-bottom: 0.4em;
    vertical-align: top;
}

.center, caption{
	text-align: left !important;
}


.infobox tr:first-child td, 
.infobox tr:last-child td{
/*    text-align: center !important;*/
}

/* заголовок правого блока */
.fn.org{
/*	text-align: center;
    display: none;*/
	font-weight: bold;    
}

.nickname{
	font-weight: normal;
}




/*  */
b {
    font-weight: normal;
}

/*  */
#contentSub{
	margin-left: 0;
}





/* распахивалка */
.collapseButton {
    background-color: rgb(226, 241, 253);
    border-radius: 4px;
    padding: 2px 1px;
    line-height: 1.2;
    font-size: 75%;
    color: rgb(226, 241, 253);
}

/*  */
.collapseButton:hover{
	background-color: #c7e6ff;
    color: #c7e6ff;
}

/*  */
.collapseButton:hover a, 
.collapseButton:link a, 
.collapseButton:active a{
	text-decoration: none;
}



/* убираем страшные синие стрелки внутренних ссылок */
img[src="//upload.wikimedia.org/wikipedia/commons/thumb/4/45/Arrow_Blue_Right_001.svg/10px-Arrow_Blue_Right_001.svg.png"]{
    display: none;
}


/* убираем страшные синие стрелки внутренних ссылок */
img[src="//upload.wikimedia.org/wikipedia/commons/thumb/4/45/Arrow_Blue_Right_001.svg/10px-Arrow_Blue_Right_001.svg.png"]:after{
    content: ' →';
}



a.NavToggle{
	float: none;
}

div.NavFrame div.NavHead{
	font-weight: normal;
    background: none;
}

    
    
    #mw-panel{
        background-color: #f6f6f6;
    }
    
    
    #mw-panel::after{
        content: '';
        background: linear-gradient(0deg, rgba(246, 246, 246, 0) 0%, rgb(246, 246, 246) 100%);
        display: block;
        height: 40px;
        position: relative;
        bottom: -40px;
    }

    #toc{
/*        position: sticky;
        top: 0px;
        background: none;
        width: 200px;  */
        
        position: fixed;
        top: 0px;
        background: none;
        width: 160px;
        left: 0px;
        display: block;
        font-size: 65%;
        height: 100vh;
        overflow-y: scroll;
        padding: 10px 10px;
        box-sizing: border-box;        
        
    }    
    
    .hatnote{
        font-size: 80%;
        padding-left: 0;
        max-width: 40em;
        line-height: 1.4;
        padding-bottom: 0.5em;
    }
    
    /*#toc > ul{
        position: relative;
        left: -204px;
        top: 60px;
    }*/
    
    #toc ul{
        padding:0;
    }
    
    
    #toc .toctitle, .tocnumber, #mw-indicator-audio{
        display:none;
    }
    
    .mw-content-ltr .toc ul ul, .mw-content-rtl .mw-content-ltr .toc ul ul{
        margin-left: 0.75em;
    }
    
    @media screen and (min-width: 982px){
        
        #mw-panel{
            width: 10.5em;
        }      
        
        #toc{
            width: 176px;
        }
        
    }    
    


}