Difference between revisions of "Common.css"
From Tenipuri Info
m (Blanked the page) Tags: Blanking Reverted |
Tag: Undo |
||
Line 1: | Line 1: | ||
@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 */ | |||
body, p, ul, ol, dl { | |||
font-family: "helvetica", sans-serif; | |||
font-size:15px;} | |||
.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.7em;} | |||
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; | |||
border:none; | |||
border-left:#ddd solid 6px;} | |||
/*Headers*/ | |||
h1#firstHeading.title{ | |||
font-size: 2.6em !important; | |||
font-weight:800;} | |||
h2{ | |||
margin-bottom:10px; | |||
font-weight:bold; | |||
font-size:1.9rem; | |||
color:#333} | |||
h3{ | |||
color: #333; | |||
margin-bottom: 14px; | |||
font-size: 1.5em; | |||
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: #444; | |||
letter-spacing: 0.02rem;} | |||
.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;} | |||
table.wikitable td p{ | |||
font-size:inherit;} | |||
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;} | |||
.mw-editsection { | |||
letter-spacing: 0; | |||
margin: 1px; | |||
padding: 1px; | |||
display: inline-block; | |||
font-size: 10px;} | |||
h2 span.mw-editsection-divider { | |||
padding: 3px;} | |||
.toctogglelabel, .mw-editsection a{ | |||
font-size:10px; | |||
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;} | |||
.top-bar-section ul li a:hover{ | |||
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;} | |||
} | |||
/* 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-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, .mw-widget-calendarWidget-item:hover{ | |||
background-color:#008CBA; | |||
border-color:#008CBA;} | |||
input#wpPreview{ | |||
border-color:#e9e9e9;} | |||
.mw-widget-dateInputWidget-calendar { | |||
margin-top: 1.2em;} | |||
#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;} | |||
.tleft { | |||
margin-right: 4px;} | |||
/* FILES GALLERY */ | |||
.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;} | |||
/*gallery for pages*/ | |||
ul.mw-gallery-packed div.gallerytext p { | |||
font-size: 13px; | |||
color: #999; | |||
display: block; | |||
padding: 5px; | |||
background-color: #eaecf0;} |
Revision as of 20:37, 24 June 2021
@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 */
body, p, ul, ol, dl {
font-family: "helvetica", sans-serif;
font-size:15px;}
.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.7em;}
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;
border:none;
border-left:#ddd solid 6px;}
/*Headers*/
h1#firstHeading.title{
font-size: 2.6em !important;
font-weight:800;}
h2{
margin-bottom:10px;
font-weight:bold;
font-size:1.9rem;
color:#333}
h3{
color: #333;
margin-bottom: 14px;
font-size: 1.5em;
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: #444;
letter-spacing: 0.02rem;}
.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;}
table.wikitable td p{
font-size:inherit;}
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;}
.mw-editsection {
letter-spacing: 0;
margin: 1px;
padding: 1px;
display: inline-block;
font-size: 10px;}
h2 span.mw-editsection-divider {
padding: 3px;}
.toctogglelabel, .mw-editsection a{
font-size:10px;
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;}
.top-bar-section ul li a:hover{
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;}
}
/* 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-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, .mw-widget-calendarWidget-item:hover{
background-color:#008CBA;
border-color:#008CBA;}
input#wpPreview{
border-color:#e9e9e9;}
.mw-widget-dateInputWidget-calendar {
margin-top: 1.2em;}
#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;}
.tleft {
margin-right: 4px;}
/* FILES GALLERY */
.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;}
/*gallery for pages*/
ul.mw-gallery-packed div.gallerytext p {
font-size: 13px;
color: #999;
display: block;
padding: 5px;
background-color: #eaecf0;}