Actions

MediaWiki

Difference between revisions of "Common.css"

From Tenipuri Info

m (Blanked the page)
Tags: Blanking Reverted
m (news image)
 
(11 intermediate revisions by the same user not shown)
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;}
.infobox th[colspan="2"] {
text-align:center; }
/*Table of Contents box*/
div.toctitle, .mw-parser-output div.toctitle {
    padding:3px 3px 10px 3px !important;}
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.5em;}
div.toc ul li {
    font-size: 14px;
    line-height: 15px;
}
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;
    margin:1.5em 0 0 0;}
/*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;}
.explore h3{
text-align:right;
border-right:#c6eb8a solid 18px;
border-left:0;
padding-right:6px;}
h3#tagline, h3.newsdate{
    border-left-width:38px;
    padding:2px;
    padding-left:6px;
    font-style: italic;
    font-size: small;
    margin-bottom: 0.5em;
    color: #6f6f6f;
}
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:inherit;
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, .mw-gallery-nolines .gallerytext p, ul.mw-gallery-nolines li.gallerybox div.gallerytext p {
    font-size: 13px;
    color: #999;
    display: block;
    padding: 5px;
    background-color: #eaecf0;}
/*news*/
.HvR {
    background-image: url("https://tenipuri.info/w/images/thumb/1/1b/EnglishposterHvR.jpg/1024px-EnglishposterHvR.jpg");
    background-position: center center;
    background-size: cover;
    height: 120px;}

Latest revision as of 18:18, 17 July 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;}

.infobox th[colspan="2"] {
text-align:center; }


		/*Table of Contents box*/


div.toctitle, .mw-parser-output div.toctitle {
    padding:3px 3px 10px 3px !important;}

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.5em;}

div.toc ul li {
    font-size: 14px;
    line-height: 15px;
}

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;
    margin:1.5em 0 0 0;}


		/*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;}

.explore h3{
text-align:right;
border-right:#c6eb8a solid 18px;
border-left:0;
padding-right:6px;}

h3#tagline, h3.newsdate{
    border-left-width:38px;
    padding:2px;
    padding-left:6px;
    font-style: italic;
    font-size: small;
    margin-bottom: 0.5em;
    color: #6f6f6f;
}

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:inherit;
	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, .mw-gallery-nolines .gallerytext p, ul.mw-gallery-nolines li.gallerybox div.gallerytext p {
    font-size: 13px;
    color: #999;
    display: block;
    padding: 5px;
    background-color: #eaecf0;}

/*news*/

.HvR {
    background-image: url("https://tenipuri.info/w/images/thumb/1/1b/EnglishposterHvR.jpg/1024px-EnglishposterHvR.jpg");
    background-position: center center;
    background-size: cover;
    height: 120px;}