MediaWiki:Common.css

@import url("https://fonts.googleapis.com/css?family=Heebo:500&display=swap");

/*hide main page title*/
body.page-Main_Page.action-view h1#firstHeading, body.page-Main_Page.action-submit h1#firstHeading, body.page-Main_Page h1.firstheading, body.page-Main_Page h3#tagline, body.page-Main_Page div#contentSub, body.page-Main_Page .mw-editsection { display: none; }

body.page-Main_Page #page-content{
margin:0;}



/* CSS placed here will be applied to all skins */
/* fonts */

body {
font-family: "helvetica", sans-serif;}

.top-bar-section ul li > a{
font-size:0.9em;
font-family:  Helvetica, sans-serif;
font-weight:700;}

div#content h1, div#content h2, h3, h4, h5, h6 {
font-family:"Helvetica neue", helvetica, sans-serif; font-weight:700;}

.namespace.label, a.label, h4.namespace.label, #catlinks .label{
font-size:0.7em;
letter-spacing:1px;
text-transform:uppercase;
padding:8px;
border-radius: 14px;
}

a.label:hover{
opacity:0.8;}

h1, h2, h3{
letter-spacing:-0.4px;}

div.title-name {
font-family:helvetica,sans-serif;
font-weight:bold;}

/* info box */
.infobox, .infob {
    float: right;
    margin: 0 0 1em 1em;
    padding: 1em;
    width: 350px;
}
.infobox-title {
    font-size: 2em;
    text-align: center;
}
.infobox-image {
    text-align: center;
}
.infobox th {
    text-align: right;
    vertical-align: top;
    width: 120px;
}
.infobox td {
    vertical-align: top;
}
/*Table of Contents box*/

div.toctitle {
padding:15px 15px 15px 15px;
}
div.toctitle h2, .mw-parser-output div.toctitle h2, .toctitle h2 {
padding-bottom:-15px;
font-weight:normal;
color:#888 !important;
display: inline;
font-size: 1.75em;
}
div.toc>ul>li {
padding-right:10px;
}
div.toc>ul>li:last-of-type{
margin-bottom:15px;
}
div.toc>ul>li:first-of-type{
margin-top:-10px;
}
#toc, .toc{
padding:5px;}


		/*Headers*/

h1#firstHeading.title{    
font-size: 3em !important;font-weight:800;}

h2{
margin-bottom:10px;
font-weight:bold;
font-size:2.3rem;
color:#333}

h3{
color: #333;
    margin-bottom: 14px;
    font-size: 1.7em;
    font-weight: 500;
border-left: #c6eb8a solid 18px; 
padding:3px; 
padding-left:6px;}

h3#tagline{
border-left-width:38px;padding:2px;padding-left:6px;}

h4{
font-weight: bold;
font-size: 1.3em;
color: #555;}

.wikitable h4, .wikitable h3{
font-size:inherit;
display:inline;
color:inherit;
font-weight:inherit;
border:none; padding:inherit;}

.mw-content-ltr h4,.mw-content-ltr h2{
margin-bottom:13px;
}


		/*Infobox*/

table.wikitable.infob {
font-size:0.9em; !important}

table.infob a, table.infob a:active, table.infob a:visited, table.infob a:hover{
font-size:inherit;
}

table.wikitable.infob ul, table.wikitable ul li, table.wikitable td ul li{
font-size:0.9em;
}

/*table.wikitable td{
font-size:0.9em !important;}*/

table.wikitable ul{
margin-left:15px;
margin-top:0px;
}

table.wikitable ul{
list-style-type:square;
padding-left:0px;
}

table.pkill tr>td>p,table.pkill tr>th>p{
display:none;
}
table.wikitable th{font-weight:bold;}


		/*Miscellaneous Styling*/

a:hover{color:#9abd61;}

		
sup{
font-style:italic;
padding:1px;}

sup a{
font-style:normal;
padding:0;}

h1 sup, h2 sup, h3 sup, h4 sup{
font-size:50%;}

.mw-editsection,.toctogglespan,.mw-editsection-bracket{
font-family:arimo,arial,sans-serif;color:#888;}

.toctogglelabel, .mw-editsection a{
font-size:80%;
color:#008CBA;
font-weight:bold;
padding:1px;}


/*end of article stuff*/

div.mw-references-wrap{
margin:20px auto 20px auto;}

#catlinks, div#mw-data-after-content {
    padding: 0.3em 2em 0.3em 2em;
border:none;
    border-top: #f8f9fa solid 8px;
    margin: 5px 0 0px 0;
    display: table-cell;
}

#catlinks.catlinks-allhidden{
display:none;}

div.group {
    display: contents;
}
    
/*Actions button*/
    span.show-for-medium-up {
    font-family: 'heebo';
}

a#actions-button {
    float: right;
    z-index: 499;
    font-family: heebo;
    color: #666;
    border-radius: 14px;
}

/* NAV BAR */

.top-bar .button.search {
background-color:#c6eb8a;
color:#333;
font-weight:bold;
line-height:14px;
margin-left:5px;
margin-top:9px;}

a.parent-link {
text-align:center;
font-weight:bold;
display:block; color:#c6eb8a;}

@media only screen and (max-width: 641px){
#catlinks, div#mw-data-after-content {
display:block;}
li.title.back.js-generated h5{background-color:#555;font-size:12px;}

span.mw-headline#Welcome_to_Tenipuri_Info.21{
display:block!important;
}

@media only screen and (max-width: 480px){
input#searchInput{width:100%;display:block;margin:2px;height:35px;} 
.top-bar .button.search{
display:block;width:100%;margin:2px 2px 2px 2px;}
}

/* MOBILE STUFF */
@media only screen and (max-width:501px){
.fullwmobile,div.thumb{
width:100% !important;} 
}

@media only screen and (max-width:1072px){

ul#top-bar-left{
float:right!important;}
}