Difference between revisions of "Common.css"
From Tenipuri Info
m |
m (news image) |
||
(28 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
@import url("https://fonts.googleapis.com/css?family=Heebo:500&display=swap"); | @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.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 h3#tagline, body.page-Main_Page div#contentSub, body.page-Main_Page .mw-editsection { | ||
display: none; } | |||
body.page-Main_Page #page-content{ | body.page-Main_Page #page-content{ | ||
margin:0;} | margin:0;} | ||
/* | /*Tables*/ | ||
.cargoTable{ | .cargoTable{ | ||
width:inherit; | width:inherit;} | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
body { | |||
font-family: "helvetica", sans-serif; | body, p, ul, ol, dl { | ||
} | font-family: "helvetica", sans-serif; | ||
font-size:15px;} | |||
.top-bar-section ul li > a{ | .top-bar-section ul li > a{ | ||
font-size:0.9em; | font-size:0.9em; | ||
font-family: Helvetica, sans-serif; | font-family: "Helvetica", sans-serif; | ||
font-weight:700;} | font-weight:700;} | ||
div#content h1, div#content h2, h3, h4, h5, h6 { | div#content h1, div#content h2, h3, h4, h5, h6 { | ||
font-family:"Helvetica neue", helvetica, sans-serif; font-weight:700;} | font-family:"Helvetica neue", "helvetica", sans-serif; | ||
font-weight:700;} | |||
.namespace.label, a.label, h4.namespace.label, #catlinks .label{ | .namespace.label, a.label, h4.namespace.label, #catlinks .label{ | ||
font-size:0.7em; | font-size:0.7em; | ||
letter-spacing:1px; | letter-spacing:1px; | ||
text-transform:uppercase; | text-transform:uppercase; | ||
padding:8px; | padding:8px; | ||
border-radius: 14px; | border-radius: 14px;} | ||
} | |||
a.label:hover{ | a.label:hover{ | ||
opacity:0.8;} | opacity:0.8;} | ||
h1, h2, h3{ | h1, h2, h3{ | ||
letter-spacing:-0.4px;} | letter-spacing:-0.4px;} | ||
div.title-name { | div.title-name { | ||
font-family:helvetica,sans-serif; | font-family:helvetica,sans-serif; | ||
font-weight:bold;} | font-weight:bold;} | ||
/* info box */ | |||
.infobox, .infob { | .infobox, .infob { | ||
float: right; | float: right; | ||
margin: 0 0 1em 1em; | margin: 0 0 1em 1em; | ||
padding: 1em; | padding: 1em; | ||
width: 350px; | width: 350px;} | ||
.infobox-title { | .infobox-title { | ||
font-size: 2em; | font-size: 2em; | ||
text-align: center; | text-align: center;} | ||
.infobox-image { | .infobox-image { | ||
text-align: center; | text-align: center;} | ||
.infobox th { | .infobox th { | ||
text-align: right; | text-align: right; | ||
vertical-align: top; | vertical-align: top; | ||
width: 120px; | width: 120px;} | ||
.infobox td { | .infobox td { | ||
vertical-align: top; | vertical-align: top;} | ||
} | |||
/*Table of Contents box*/ | .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 { | div.toctitle h2, .mw-parser-output div.toctitle h2, .toctitle h2 { | ||
padding-bottom:-15px; | padding-bottom:-15px; | ||
font-weight:normal; | font-weight:normal; | ||
color:#888 !important; | color:#888 !important; | ||
display: inline; | display: inline; | ||
font-size: 1. | font-size: 1.5em;} | ||
div.toc | div.toc ul li { | ||
font-size: 14px; | |||
line-height: 15px; | |||
} | } | ||
div.toc>ul>li:last-of-type{ | div.toc>ul>li:last-of-type{ | ||
margin-bottom:15px; | margin-bottom:15px;} | ||
div.toc>ul>li:first-of-type{ | div.toc>ul>li:first-of-type{ | ||
margin-top:-10px; | margin-top:-10px;} | ||
#toc, .toc{ | #toc, .toc{ | ||
padding:5px;} | padding:5px; | ||
border:none; | |||
border-left:#ddd solid 6px; | |||
margin:1.5em 0 0 0;} | |||
/*Headers*/ | /*Headers*/ | ||
h1#firstHeading.title{ | h1#firstHeading.title{ | ||
font-size: 2.6em !important;font-weight:800;} | font-size: 2.6em !important; | ||
font-weight:800;} | |||
h2{ | h2{ | ||
margin-bottom:10px; | margin-bottom:10px; | ||
font-weight:bold; | font-weight:bold; | ||
font-size: | font-size:1.9rem; | ||
color:#333} | color:#333} | ||
h3{ | h3{ | ||
color: #333; | color: #333; | ||
margin-bottom: 14px; | margin-bottom: 14px; | ||
font-size: 1.5em; | font-size: 1.5em; | ||
font-weight: 500; | font-weight: 500; | ||
border-left: #c6eb8a solid 18px; | border-left: #c6eb8a solid 18px; | ||
padding:3px; | padding:3px; | ||
padding-left:6px;} | padding-left:6px;} | ||
.explore h3{ | |||
text-align:right; | |||
border-right:#c6eb8a solid 18px; | |||
border-left:0; | |||
padding-right:6px;} | |||
h3#tagline{ | h3#tagline, h3.newsdate{ | ||
border-left-width:38px;padding:2px;padding-left:6px;} | border-left-width:38px; | ||
padding:2px; | |||
padding-left:6px; | |||
font-style: italic; | |||
font-size: small; | |||
margin-bottom: 0.5em; | |||
color: #6f6f6f; | |||
} | |||
h4{ | h4{ | ||
font-weight: bold; | font-weight: bold; | ||
font-size: 1.3em; | font-size: 1.3em; | ||
color: # | color: #444; | ||
letter-spacing: 0.02rem;} | |||
.wikitable h4, .wikitable h3{ | .wikitable h4, .wikitable h3{ | ||
font-size:inherit; | font-size:inherit; | ||
display:inline; | display:inline; | ||
color:inherit; | color:inherit; | ||
font-weight:inherit; | font-weight:inherit; | ||
border:none; padding:inherit;} | border:none; | ||
padding:inherit;} | |||
.mw-content-ltr h4,.mw-content-ltr h2{ | .mw-content-ltr h4,.mw-content-ltr h2{ | ||
margin-bottom:13px; | margin-bottom:13px;} | ||
} | |||
/*Infobox*/ | /*Infobox*/ | ||
table.wikitable.infob { | table.wikitable.infob { | ||
font-size:0.9em; !important} | font-size:0.9em; !important;} | ||
table.infob a, table.infob a:active, table.infob a:visited, table.infob a:hover{ | table.infob a, table.infob a:active, table.infob a:visited, table.infob a:hover{ | ||
font-size:inherit; | font-size:inherit;} | ||
} | |||
table.wikitable.infob ul, table.wikitable ul li, table.wikitable td ul li{ | table.wikitable.infob ul, table.wikitable ul li, table.wikitable td ul li{ | ||
font-size:0.9em; | font-size:0.9em;} | ||
} | |||
/*table.wikitable td{ | /*table.wikitable td{ | ||
Line 151: | Line 182: | ||
table.wikitable ul{ | table.wikitable ul{ | ||
margin-left:15px; | margin-left:15px; | ||
margin-top:0px; | margin-top:0px;} | ||
} | |||
table.wikitable ul{ | table.wikitable ul{ | ||
list-style-type:square; | list-style-type:square; | ||
padding-left:0px; | padding-left:0px;} | ||
} | |||
table.pkill tr>td>p,table.pkill tr>th>p{ | table.pkill tr>td>p,table.pkill tr>th>p{ | ||
display:none; | display:none;} | ||
table.wikitable th{font-weight:bold;} | table.wikitable th{ | ||
font-weight:bold;} | |||
/*Miscellaneous Styling*/ | /*Miscellaneous Styling*/ | ||
.noP p{ | |||
display:none;} | |||
table.wikitable td p{ | table.wikitable td p{ | ||
font-size:inherit; | font-size:inherit;} | ||
} | |||
ul{list-style-type:square;} | ul{ | ||
list-style-type:square;} | |||
a:hover{color:#9abd61;} | a:hover{ | ||
color:#9abd61;} | |||
.mw-redirectedfrom{ | .mw-redirectedfrom{ | ||
Line 183: | Line 215: | ||
font-weight:normal; | font-weight:normal; | ||
font-style:italic; | font-style:italic; | ||
color:#444; | color:#444;} | ||
} | |||
sup{ | sup{ | ||
font-style:italic; | font-style:italic; | ||
padding:1px;} | padding:1px;} | ||
sup a{ | sup a{ | ||
font-style:normal; | font-style:normal; | ||
padding:0;} | padding:0;} | ||
h1 sup, h2 sup, h3 sup, h4 sup{ | h1 sup, h2 sup, h3 sup, h4 sup{ | ||
font-size:50%;} | font-size:50%;} | ||
.mw-editsection,.toctogglespan,.mw-editsection-bracket{ | .mw-editsection,.toctogglespan,.mw-editsection-bracket{ | ||
font-family:arimo,arial,sans-serif;color:#888;} | 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{ | .toctogglelabel, .mw-editsection a{ | ||
font-size: | font-size:10px; | ||
color:#008CBA; | color:#008CBA; | ||
font-weight:bold; | font-weight:bold; | ||
padding:1px;} | padding:1px;} | ||
/*end of article stuff*/ | /*end of article stuff*/ | ||
div.mw-references-wrap{ | div.mw-references-wrap{ | ||
margin:20px auto 20px auto;} | margin:20px auto 20px auto;} | ||
#catlinks, div#mw-data-after-content { | #catlinks, div#mw-data-after-content { | ||
padding: 0.3em 2em 0.3em 2em; | padding: 0.3em 2em 0.3em 2em; | ||
border:none; | border:none; | ||
border-top: #f8f9fa solid 8px; | border-top: #f8f9fa solid 8px; | ||
margin: 5px 0 0px 0; | margin: 5px 0 0px 0; | ||
display: table-cell; | display: table-cell;} | ||
} | |||
#catlinks.catlinks-allhidden{ | #catlinks.catlinks-allhidden{ | ||
display:none;} | display:none;} | ||
div.group { | div.group { | ||
display: contents; | display: contents;} | ||
} | |||
/*Actions button*/ | /*Actions button*/ | ||
span.show-for-medium-up { | span.show-for-medium-up { | ||
font-family: 'heebo'; | font-family: 'heebo';} | ||
} | |||
a#actions-button { | a#actions-button { | ||
float: right; | float: right; | ||
z-index: 499; | z-index: 499; | ||
font-family: heebo; | font-family: "heebo"; | ||
color: #666; | color: #666; | ||
border-radius: 14px; | border-radius: 14px;} | ||
/* NAV BAR */ | /* NAV BAR */ | ||
Line 246: | Line 286: | ||
border-bottom:5px solid #c6eb8a;} | 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;} | |||
background-color:#c6eb8a; | |||
color:#333; | |||
font-weight:bold; | |||
line-height:14px; | |||
margin-left:5px; | |||
margin-top:9px;} | |||
a.parent-link { | a.parent-link { | ||
text-align:center; | text-align:center; | ||
font-weight:bold; | font-weight:bold; | ||
display:block; color:#c6eb8a;} | display:block; | ||
color:#c6eb8a;} | |||
.top-bar-section ul li a:hover{ | |||
color:#c6eb8a;} | |||
@media only screen and (max-width: 641px){ | @media only screen and (max-width: 641px){ | ||
h1#underline{ | #catlinks, div#mw-data-after-content { | ||
display:block; | display:block;} | ||
width:100%; | |||
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){ | @media only screen and (max-width: 480px){ | ||
input#searchInput{width:100%;display:block;margin:2px;height:35px;} | |||
.top-bar .button.search{ | input#searchInput{ | ||
display:block;width:100%;margin:2px 2px 2px 2px;} | width:100%; | ||
display:block; | |||
margin:2px; | |||
height:35px;} | |||
.top-bar .button.search{ | |||
display:block; | |||
width:100%; | |||
margin:2px 2px 2px 2px;} | |||
ul .dropdown{ | ul .dropdown{ | ||
border-bottom:none; | |||
box-shadow:none;} | |||
} | |||
} | } | ||
/* MOBILE STUFF */ | |||
/* MOBILE STUFF */ | |||
@media only screen and (max-width:501px){ | @media only screen and (max-width:501px){ | ||
.fullwmobile,div.thumb{ | |||
width:100% !important;} | .fullwmobile,div.thumb{ | ||
width:100% !important;} | |||
} | } | ||
@media only screen and (max-width:1072px){ | @media only screen and (max-width:1072px){ | ||
ul#top-bar-left{ | ul#top-bar-left{ | ||
float:right!important;} | float:right!important;} | ||
} | } | ||
/* INPUTS */ | |||
/* INPUTS */ | |||
.oo-ui-checkboxInputWidget [type='checkbox'] + span { | .oo-ui-checkboxInputWidget [type='checkbox'] + span { | ||
width:20px; | width:20px; | ||
height:20px; | height:20px;} | ||
} | |||
.oo-ui-checkboxInputWidget [type='checkbox']:checked:not(:indeterminate) + span{ | .oo-ui-checkboxInputWidget [type='checkbox']:checked:not(:indeterminate) + span{ | ||
background-size:15px; | background-size:15px;} | ||
} | |||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, | .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, | ||
Line 325: | Line 381: | ||
.oo-ui-buttonElement-button{ | .oo-ui-buttonElement-button{ | ||
background-color:#b2d678; | background-color:#b2d678; | ||
border-color:#b2d678; | border-color:#b2d678;} | ||
.oo-ui-buttonElement-button:hover, | .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-framed:hover, .oo-ui-widget-enabled.oo-ui-flaggedElement-primary:hover,.oo-ui-flaggedElement-progressive | ||
Line 337: | Line 392: | ||
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:focus, .mw-widget-calendarWidget-item:hover{ | .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:focus, .mw-widget-calendarWidget-item:hover{ | ||
background-color:#008CBA; | background-color:#008CBA; | ||
border-color:#008CBA; | border-color:#008CBA;} | ||
} | |||
input#wpPreview{ | input#wpPreview{ | ||
border-color:#e9e9e9; | border-color:#e9e9e9;} | ||
} | |||
.mw-widget-dateInputWidget-calendar { | .mw-widget-dateInputWidget-calendar { | ||
margin-top: 1.2em; | margin-top: 1.2em;} | ||
} | |||
#ooui-php-23{ | #ooui-php-23{ | ||
max-width:700px; | max-width:700px;} | ||
.oo-ui-fieldLayout { | .oo-ui-fieldLayout { | ||
display: inline-block; | display: inline-block; | ||
margin-right:12px; | margin-right:12px;} | ||
} | |||
#wpSummaryWidget { | #wpSummaryWidget { | ||
width: 500px; | width: 500px;} | ||
/*collapsible table buttons*/ | |||
.mw-collapsible-toggle a { | .mw-collapsible-toggle a { | ||
Line 365: | Line 418: | ||
font-size: 12px; | font-size: 12px; | ||
font-weight: bold; | font-weight: bold; | ||
text-transform: uppercase; | text-transform: uppercase;} | ||
.mw-collapsible-toggle { | .mw-collapsible-toggle { | ||
opacity:0.9; | opacity:0.9; | ||
font-weight: normal; | font-weight: normal; | ||
letter-spacing: 1px; | letter-spacing: 1px;} | ||
} | |||
.tleft { | .tleft { | ||
margin-right: 4px; | margin-right: 4px;} | ||
/* FILES GALLERY */ | |||
.gallery{ | .gallery{ | ||
text-align:center; | text-align:center;} | ||
} | |||
.gallerytext{ | .gallerytext{ | ||
font-size:10px; | font-size:10px;} | ||
.gallerytext i{ | .gallerytext i{ | ||
font-size:13px; | font-size:13px;} | ||
} | |||
.gallerytext a{ | .gallerytext a{ | ||
font-size: | font-size:inherit; | ||
margin-bottom:4px; | margin-bottom:4px;} | ||
} | |||
.galleryfilename, .galleryfilename-truncate { | .galleryfilename, .galleryfilename-truncate { | ||
font-weight: bold; | font-weight: bold;} | ||
.gallerybox { | .gallerybox { | ||
margin-left: 3px; | margin-left: 3px; | ||
margin-right: 3px;} | margin-right: 3px;} | ||
/*gallery for pages*/ | |||
/*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; | font-size: 13px; | ||
color: #999; | color: #999; | ||
display: block; | display: block; | ||
padding: 5px; | padding: 5px; | ||
background-color: #eaecf0; | 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;}