Common.css
From Tenipuri Info
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
@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;}
/*tables*/
.cargoTable{
width:inherit;
}
/* 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*/
.noP p{
display:none;}
ul{list-style-type:square;}
a:hover{color:#9abd61;}
.mw-redirectedfrom{
font-size:0.8em;
font-weight:normal;
font-style:italic;
color:#444;
}
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, ul.dropdown{
border-bottom:5px solid #c6eb8a;}
ul.dropdown{box-shadow: 0px 0px 2px #555}
ul.dropdown li a:hover{
color:#008CBA!important;line-height:inherit;opacity:0.95;
}
.top-bar-section ul li a:HOVER{
color:#008CBA!important;
}
.top-bar-section ul{
background-color:#333;
}
.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;}
h1#underline{
display:block;
width:100%;
}}
@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;}
ul .dropdown{
border-bottom:none;box-shadow:none;
}
}
.top-bar-section ul li a:hover{
color:#c6eb8a;
}
/* 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;}
}
/* INPUTS */
.oo-ui-checkboxInputWidget [type='checkbox'] + span {
width:20px;
height:20px;
}
.oo-ui-checkboxInputWidget [type='checkbox']:checked:not(:indeterminate) + span{
background-size:15px;
}
.oo-ui-textInputWidget, .oo-ui-inputWidget-input,.mw-widget-dateInputWidget-handle {
height:30px;
padding:4px;
max-width:600px;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive >
.oo-ui-buttonElement-button{
background-color:#b2d678;
border-color:#b2d678;
}
.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed:hover, .oo-ui-widget-enabled.oo-ui-flaggedElement-primary:hover,.oo-ui-flaggedElement-progressive
> .oo-ui-buttonElement-button:hover,.oo-ui-widget-enabled [type='checkbox']:checked:hover + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive
> .oo-ui-buttonElement-button:hover, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span,
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:focus{
background-color:#008CBA;
border-color:#008CBA;
}
input#wpPreview{
border-color:#e9e9e9;
}
.mw-widget-dateInputWidget-calendar {
margin-top: 1.2em;
}
.oo-ui-buttonElement-button,.oo-ui-labelElement, .oo-ui-labelElement-label {
line-height: 1em!important;
}
#ooui-php-23{
max-width:700px;
}
.oo-ui-fieldLayout {
display: inline-block;
margin-right:12px;
}
#wpSummaryWidget {
width: 500px;
}
/*collapsible table buttons*/
.mw-collapsible-toggle a {
margin: 2px;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
}
.mw-collapsible-toggle {
opacity:0.9;
font-weight: normal;
letter-spacing: 1px;
}
.gallery{
text-align:center;
}
.gallerytext{
font-size:10px;
}
.gallerytext i{
font-size:13px;
}
.gallerytext a{
font-size:15px
margin-bottom:4px;
}
.galleryfilename, .galleryfilename-truncate {
font-weight: bold;
}
.gallerybox {
margin-left: 3px;
margin-right: 3px;}