MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
Content added Content deleted
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
@import url('https://fonts.googleapis.com/css?family=Archivo:400,500,700'); |
|||
body { |
|||
background-color: #F2F2F2; |
|||
} |
|||
body, |
|||
.mw-body-content { |
|||
font-family: 'Archivo', sans-serif !important; |
|||
font-size: 16px !important; |
|||
color: #012169 !important; |
|||
line-height: 1.6em !important; |
|||
} |
|||
.mw-wiki-logo { |
|||
background-image: url(https://static.miraheze.org/cyberlawwiki/3/39/Cyber-logo.png); |
|||
width: 114px !important; |
|||
height: 114px !important; |
|||
background-size: cover; |
|||
margin-top: 32px !important; |
|||
} |
|||
#mw-panel { |
|||
width: 216px; |
|||
background-color: #F2F2F2; |
|||
padding: 0; |
|||
} |
|||
#p-logo { |
|||
width: 216px; |
|||
height: auto; |
|||
} |
|||
#p-logo .mw-wiki-logo { |
|||
margin: 0 auto; |
|||
margin-left: 24px; |
|||
} |
|||
#mw-panel .portal { |
|||
margin: 0 24px; |
|||
} |
|||
#mw-panel .portal h3 { |
|||
margin: 0; |
|||
margin-top: 24px; |
|||
font-size: 16px; |
|||
color: #82868B; |
|||
border-bottom: 1px solid #979797; |
|||
} |
|||
.sidebar-banners { |
|||
padding: 24px; |
|||
padding-top: 40px; |
|||
} |
|||
.sidebar-banners__img { |
|||
display: block; |
|||
margin-bottom: 24px; |
|||
} |
|||
.sidebar-banners__img img { |
|||
width: 100%; |
|||
height: auto; |
|||
} |
|||
#mw-head { |
|||
background-color: #fff; |
|||
} |
|||
.page-Main_Page #mp-topbanner { |
|||
display: none; |
|||
} |
|||
.mw-body { |
|||
border: 0; |
|||
} |
|||
.navigation-wrapper { |
|||
background: #f2f2f2; |
|||
display: flex; |
|||
} |
|||
#left-navigation { |
|||
margin: 0; |
|||
} |
|||
#right-navigation { |
|||
display: flex; |
|||
align-items: center; |
|||
margin: 0; |
|||
margin-left: auto; |
|||
} |
|||
.mw-parser-output .res-img .image > img { |
|||
width: 100%; |
|||
max-width: 1920px; |
|||
height: auto; |
|||
} |
|||
.mw-body, |
|||
#mw-head-base, |
|||
#left-navigation, |
|||
#footer { |
|||
margin-left: 216px; |
|||
} |
|||
#mw-panel .portal .body { |
|||
margin: 0 !important; |
|||
} |
|||
#mw-panel .portal .body li { |
|||
padding: 0; |
|||
} |
|||
#mw-panel .portal .body li a, |
|||
#mw-panel .portal .body li a:visited { |
|||
color: #012169; |
|||
font-size: 16px; |
|||
font-weight: 500; |
|||
display: block; |
|||
padding: 8px 0; |
|||
line-height: 1.1; |
|||
-webkit-transition: color 0.3s ease; |
|||
transition: color 0.3s ease; |
|||
} |
|||
#mw-panel .portal .body li a:hover, |
|||
#mw-panel .portal .body li a:focus { |
|||
color: #00B5E2; |
|||
text-decoration: none; |
|||
} |
|||
#p-personal li { |
|||
margin: 0 8px; |
|||
} |
|||
#p-personal li a, |
|||
#p-personal li a.new, |
|||
#p-personal li a.new:visited { |
|||
font-size: 16px; |
|||
font-weight: 500; |
|||
color: #012169; |
|||
padding: 8px 0; |
|||
line-height: 1.1; |
|||
-webkit-transition: color 0.3s ease; |
|||
transition: color 0.3s ease; |
|||
} |
|||
#p-personal li a:hover, |
|||
#p-personal li a:focus, |
|||
#p-personal li a.new:visited:hover { |
|||
color: #00B5E2; |
|||
text-decoration: none; |
|||
} |
|||
#p-personal li.active a { |
|||
color: #00B5E2; |
|||
} |
|||
#p-personal { |
|||
height: 56px; |
|||
display: flex; |
|||
flex-direction: row-reverse; |
|||
position: static; |
|||
} |
|||
#p-personal ul { |
|||
display: flex; |
|||
align-items: center; |
|||
margin-right: 18px; |
|||
} |
|||
#pt-userpage a, |
|||
#pt-anonuserpage { |
|||
background-position: left center; |
|||
padding-left: 24px !important; |
|||
} |
|||
.vectorTabs { |
|||
background: transparent; |
|||
height: auto; |
|||
} |
|||
.vectorTabs span { |
|||
display: block; |
|||
} |
|||
.vectorTabs ul { |
|||
display: flex; |
|||
align-items: center; |
|||
background: transparent; |
|||
height: auto; |
|||
margin-left: -1px; |
|||
border-top: 1px solid #f2f2f2; |
|||
} |
|||
.vectorTabs ul li { |
|||
background: #F2F2F2; |
|||
} |
|||
.vectorTabs li.selected { |
|||
background: #fff; |
|||
} |
|||
.vectorTabs ul li span { |
|||
background: transparent; |
|||
} |
|||
.vectorTabs li a, |
|||
.vectorTabs li.new a, |
|||
.vectorTabs li.new a:visited { |
|||
color: #012169; |
|||
font-size: 16px; |
|||
padding: 12px 16px; |
|||
display: flex; |
|||
align-items: center; |
|||
-webkit-transition: color 0.3s ease; |
|||
transition: color 0.3s ease; |
|||
} |
|||
.vectorTabs li a:hover, |
|||
.vectorTabs li.selected a { |
|||
color: #00B5E2 !important; |
|||
text-decoration: none; |
|||
} |
|||
.vectorTabs #ca-unwatch.icon a, |
|||
.vectorTabs #ca-watch.icon a { |
|||
background-position: 50% 50%; |
|||
height: 54px; |
|||
text-indent: -999999px; |
|||
padding: 0 8px; |
|||
} |
|||
#p-cactions { |
|||
height: 100%; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
#mw-head .vectorMenu h3 { |
|||
background: transparent; |
|||
height: auto; |
|||
} |
|||
#mw-head .vectorMenu h3 span { |
|||
color: #012169; |
|||
font-size: 16px; |
|||
padding: 8px 16px; |
|||
-webkit-transition: color 0.3s ease; |
|||
transition: color 0.3s ease; |
|||
} |
|||
#mw-head #p-cactions.vectorMenu:hover h3 span { |
|||
color: #00B5E2; |
|||
} |
|||
#mw-head .vectorMenu h3 span:after { |
|||
top: 0; |
|||
} |
|||
.vectorMenu .menu { |
|||
top: 100%; |
|||
background: #f2f2f2; |
|||
border: 0; |
|||
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); |
|||
} |
|||
.vectorMenu .menu ul li { |
|||
text-align: center; |
|||
} |
|||
.vectorMenu .menu li a { |
|||
color: #012169; |
|||
font-size: 14px; |
|||
padding: 8px; |
|||
-webkit-transition: color 0.3s ease; |
|||
transition: color 0.3s ease; |
|||
} |
|||
.vectorMenu .menu li a:hover { |
|||
color: #00B5E2; |
|||
text-decoration: none; |
|||
} |
|||
#mw-head-base { |
|||
height: 110px; |
|||
} |
|||
a.feedlink { |
|||
padding-left: 16px !important; |
|||
} |
|||
/* --- Search input --- */ |
|||
#p-search { |
|||
display: flex; |
|||
height: 100%; |
|||
margin-right: 24px; |
|||
} |
|||
#p-search form, |
|||
#p-search input { |
|||
margin: 0; |
|||
height: 100%; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
#simpleSearch { |
|||
background: #fff; |
|||
margin: 0; |
|||
height: 38px; |
|||
border: 1px solid #F2F2F2; |
|||
border-radius: 3px; |
|||
} |
|||
#simpleSearch:hover { |
|||
border-color: #012169; |
|||
} |
|||
#simpleSearch #searchInput { |
|||
padding: 8px; |
|||
font-size: 16px; |
|||
color: #82868B; |
|||
} |
|||
#simpleSearch #searchButton { |
|||
padding: 16px; |
|||
} |
|||
#simpleSearch #searchButton:focus { |
|||
outline: 0; |
|||
} |
|||
/* --- Content --- */ |
|||
#mp-left, |
|||
#mp-right, |
|||
#mp-lower { |
|||
background-color: #fff !important; |
|||
border: 1px solid #E6E6E6 !important; |
|||
padding: 24px !important; |
|||
padding-bottom: 16px !important; |
|||
border-radius: 3px !important; |
|||
} |
|||
#mp-right { |
|||
border: 0 !important; |
|||
padding-left: 10px !important; |
|||
padding-right: 0 !important; |
|||
} |
|||
#mp-left { |
|||
border: 0 !important; |
|||
padding-left: 0 !important; |
|||
padding-right: 10px !important; |
|||
} |
|||
div#content h1, |
|||
div#content h2 { |
|||
font-family: 'Archivo', sans-serif; |
|||
} |
|||
#mp-tfa-h2, |
|||
#mp-itn-h2, |
|||
#mp-dyk-h2, |
|||
#mp-otd-h2, |
|||
#mp-other { |
|||
color: #012169 !important; |
|||
font-size: 34px !important; |
|||
background: transparent !important; |
|||
border: 0 !important; |
|||
padding: 0 !important; |
|||
margin: 0 !important; |
|||
margin-bottom: 16px !important; |
|||
font-weight: normal !important; |
|||
} |
|||
#mp-tfa { |
|||
color: #012169; |
|||
} |
|||
#mp-itn, |
|||
#mp-tfa, |
|||
#mp-dyk, |
|||
#mp-otd, |
|||
#mp-other-content { |
|||
padding: 0 !important; |
|||
} |
|||
#bodyContent a, |
|||
.mw-parser-output a.external, |
|||
a.new, |
|||
#p-personal a.new { |
|||
color: #00B5E2; |
|||
} |
|||
#mp-other-content + p { |
|||
display: none; |
|||
} |
|||
#mp-other-content ul { |
|||
margin: 0; |
|||
list-style: none; |
|||
} |
|||
#mp-other-content ul li { |
|||
margin-bottom: 6px; |
|||
} |
|||
#mp-other-content ul li b { |
|||
font-weight: 500; |
|||
} |
|||
.page-Main_Page .firstHeading { |
|||
margin-top: -8px !important; |
|||
} |
|||
.firstHeading { |
|||
border: 0; |
|||
} |
|||
.mw-parser-output table.wikitable { |
|||
background-color: #f2f2f2; |
|||
} |
|||
.mw-parser-output table.wikitable tr td, |
|||
.mw-parser-output table.wikitable tr th { |
|||
border: 1px solid #E6E6E6; |
|||
padding: 8px; |
|||
} |
|||
div.floatleft { |
|||
margin: 0 16px 16px 0; |
|||
} |
|||
div.floatright { |
|||
margin: 0 0 16px 16px; |
|||
} |
|||
.fileinfo-paramfield { |
|||
background: #f2f2f2; |
|||
} |
|||
/* --- Card --- */ |
|||
.card-wrapper { |
|||
padding: 24px; |
|||
border: 1px solid #E6E6E6; |
|||
border-radius: 3px; |
|||
} |
|||
.card-wrapper--gray { |
|||
background-color: #F2F2F2; |
|||
} |
|||
.card-wrapper + .card-wrapper, |
|||
#mp-upper .card-wrapper + h2 { |
|||
margin-top: 24px !important; |
|||
} |
|||
/* --- Front-page table --- */ |
|||
#mp-dyk .wikitable { |
|||
background: transparent; |
|||
table-layout: fixed; |
|||
width: 100%; |
|||
} |
|||
#mp-dyk .wikitable > * > tr > td { |
|||
border: 2px solid #fff; |
|||
border-radius: 3px; |
|||
background-color: #F2F2F2; |
|||
padding: 12px; |
|||
vertical-align: top; |
|||
} |
|||
#mp-dyk .wikitable > * > tr > td.is-empty-cell { |
|||
background-color: transparent; |
|||
} |
|||
#mp-dyk .wikitable > * > tr > td a { |
|||
color: #012169; |
|||
line-height: 24px; |
|||
-webkit-transition: color 0.3s ease; |
|||
transition: color 0.3s ease; |
|||
} |
|||
#mp-dyk .wikitable > * > tr > td a:hover { |
|||
color: #00B5E2; |
|||
text-decoration: none; |
|||
} |
|||
#mp-dyk .wikitable > * > tr > td a > img { |
|||
width: 100%; |
|||
max-width: 120px; |
|||
height: auto; |
|||
border-radius: 3px; |
|||
margin-bottom: 4px; |
|||
} |
|||
table.wikitable.mw-collapsible { |
|||
background-color: #f2f2f2 !important; |
|||
width: 100%; |
|||
} |
|||
table.wikitable.mw-collapsible tr td, |
|||
table.wikitable.mw-collapsible tr th { |
|||
padding: 16px; |
|||
} |
|||
table.wikitable.mw-collapsible tr th { |
|||
background-color: #f2f2f2 !important; |
|||
} |
|||
table.wikitable.mw-collapsible tr th, |
|||
table.wikitable.mw-collapsible tr th > a { |
|||
font-size: 24px; |
|||
line-height: 28px; |
|||
font-weight: 400; |
|||
-webkit-transition: color 0.3s ease; |
|||
transition: color 0.3s ease; |
|||
} |
|||
table.wikitable.mw-collapsible tr th > a:hover { |
|||
color: #012169 !important; |
|||
text-decoration: none; |
|||
} |
|||
table.wikitable.mw-collapsible .mw-collapsible-toggle { |
|||
font-size: 16px; |
|||
} |
|||
table.wikitable.mw-collapsible .mw-collapsible-toggle.mw-collapsible-toggle-default a { |
|||
-webkit-transition: color 0.3s ease; |
|||
transition: color 0.3s ease; |
|||
} |
|||
table.wikitable.mw-collapsible .mw-collapsible-toggle.mw-collapsible-toggle-default a:hover { |
|||
text-decoration: none; |
|||
color: #012169 !important; |
|||
} |
|||
table.wikitable.mw-collapsible .mw-collapsible-toggle.mw-collapsible-toggle-default:focus { |
|||
outline: 0; |
|||
} |
|||
/* --- Footer --- */ |
|||
.catlinks { |
|||
border: 1px solid #E6E6E6; |
|||
background-color: #F2F2F2; |
|||
border-radius: 3px; |
|||
padding: 16px 24px; |
|||
margin-top: 24px; |
|||
} |
|||
#footer { |
|||
padding-left: 0; |
|||
} |
|||
#footer #footer-info li { |
|||
color: #82868B; |
|||
font-size: 14px; |
|||
line-height: 24px; |
|||
} |
|||
#footer #footer-info li a { |
|||
color: #012169; |
|||
} |
|||
#footer #footer-info li a:hover { |
|||
color: #00B5E2; |
|||
} |
|||
#footer #footer-places li, |
|||
#footer #footer-places li a { |
|||
color: #012169; |
|||
font-size: 14px; |
|||
line-height: 24px; |
|||
} |
|||
#footer-copyrightico, |
|||
#footer-poweredbyico { |
|||
display: none; |
|||
} |
|||
/* --- Single page --- */ |
|||
.mw-body .firstHeading { |
|||
color: #012169; |
|||
font-size: 46px; |
|||
line-height: 56px; |
|||
margin-top: 24px; |
|||
} |
|||
#toc { |
|||
padding: 24px; |
|||
background-color: #F2F2F2; |
|||
border-radius: 3px; |
|||
border: 1px solid #E6E6E6; |
|||
margin: 24px 0; |
|||
} |
|||
.toc .toctitle { |
|||
text-align: left; |
|||
} |
|||
.toc .toctitle + ul { |
|||
margin-top: 16px !important; |
|||
} |
|||
.toc .toctitle h2 { |
|||
display: initial; |
|||
font-size: 34px; |
|||
font-weight: 400; |
|||
color: #012169; |
|||
line-height: 48px; |
|||
border: 0; |
|||
} |
|||
.toc .toctitle .toctogglespan { |
|||
color: #00B5E2; |
|||
margin-left: 8px; |
|||
} |
|||
.toc .toctitle .toctogglelabel { |
|||
color: #012169; |
|||
} |
|||
.toc .toctitle .toctogglespan:focus, |
|||
.toc .toctitle .toctogglelabel:focus { |
|||
outline: none; |
|||
} |
|||
.mw-content-ltr .toc ul { |
|||
margin: 0; |
|||
} |
|||
.mw-content-ltr .toc ul li { |
|||
margin-bottom: 6px; |
|||
} |
|||
.mw-content-ltr .toc ul li .tocnumber { |
|||
color: #012169; |
|||
font-size: 16px; |
|||
line-height: 24px; |
|||
} |
|||
.mw-content-ltr .toc ul li .toctext { |
|||
color: #00B5E2; |
|||
font-size: 16px; |
|||
line-height: 24px; |
|||
-webkit-transition: color 0.3s ease; |
|||
transition: color 0.3s ease; |
|||
} |
|||
.mw-content-ltr .toc ul li a:hover, |
|||
.mw-content-ltr .toc ul li a:hover .toctext { |
|||
text-decoration: none; |
|||
color: #012169; |
|||
} |
|||
.thumb .thumbinner { |
|||
border: 1px solid #E6E6E6; |
|||
border-radius: 3px; |
|||
background-color: #fff; |
|||
padding: 16px; |
|||
} |
|||
.thumb .thumbinner .thumbimage { |
|||
border: 0; |
|||
margin-bottom: 16px; |
|||
} |
|||
.mw-content-ltr .thumbcaption { |
|||
color: #82868B; |
|||
font-size: 14px; |
|||
line-height: 20px; |
|||
} |
|||
.mw-body-content h2 { |
|||
font-size: 34px; |
|||
line-height: 48px; |
|||
} |
|||
.mw-body-content h3 { |
|||
font-size: 24px; |
|||
line-height: 32px; |
|||
} |
|||
.mw-body-content h4 { |
|||
font-size: 20px; |
|||
} |
|||
.mw-body-content h5 { |
|||
font-size: 16px; |
|||
} |
|||
.mw-body-content h1, |
|||
.mw-body-content h2, |
|||
.mw-body-content h3, |
|||
.mw-body-content h4, |
|||
.mw-body-content h5 { |
|||
color: #012169; |
|||
font-weight: 400; |
|||
display: flex; |
|||
align-items: center; |
|||
border-bottom: 1px solid #E6E6E6; |
|||
padding-bottom: 8px; |
|||
margin-bottom: 16px; |
|||
} |
|||
.mw-content-ltr .mw-editsection { |
|||
margin-top: 4px; |
|||
} |
|||
.mw-content-ltr .mw-editsection .mw-editsection-bracket { |
|||
display: none; |
|||
} |
|||
.mw-content-ltr .mw-editsection a { |
|||
font-size: 14px; |
|||
text-transform: capitalize; |
|||
} |
|||
/* --- Buttons --- */ |
|||
.oo-ui-buttonElement-button { |
|||
font-weight: 500 !important; |
|||
color: #072365!important; |
|||
} |
|||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { |
|||
color: #fff !important; |
|||
} |
|||
/* --- Notifications --- */ |
|||
.mw-notification-area-layout { |
|||
top: 8em; |
|||
} |
|||
.mw-notification-area { |
|||
right: 10px; |
|||
} |
|||
.mw-notification { |
|||
padding: 16px; |
|||
border: 1px solid #E6E6E6; |
|||
box-shadow: 0 4px 10px 0 rgba(0,0,0,0.15); |
|||
border-radius: 3px; |
|||
} |
|||
.mw-notification .mw-notification-content { |
|||
color: #012169; |
|||
} |
|||
.mw-notification .mw-notification-content a { |
|||
color: #00B5E2; |
|||
} |
|||
/* --- Responsive --- */ |
|||
@media only screen and (max-width: 1200px) { |
|||
#simpleSearch { |
|||
width: 150px; |
|||
} |
|||
} |
|||
/* To make images responsive */ |
/* To make images responsive */ |
||
.res-img img { |
.res-img img { |
Revision as of 09:23, 25 March 2019
@import url('https://fonts.googleapis.com/css?family=Archivo:400,500,700');
body {
background-color: #F2F2F2;
}
body,
.mw-body-content {
font-family: 'Archivo', sans-serif !important;
font-size: 16px !important;
color: #012169 !important;
line-height: 1.6em !important;
}
.mw-wiki-logo {
background-image: url(https://static.miraheze.org/cyberlawwiki/3/39/Cyber-logo.png);
width: 114px !important;
height: 114px !important;
background-size: cover;
margin-top: 32px !important;
}
#mw-panel {
width: 216px;
background-color: #F2F2F2;
padding: 0;
}
#p-logo {
width: 216px;
height: auto;
}
#p-logo .mw-wiki-logo {
margin: 0 auto;
margin-left: 24px;
}
#mw-panel .portal {
margin: 0 24px;
}
#mw-panel .portal h3 {
margin: 0;
margin-top: 24px;
font-size: 16px;
color: #82868B;
border-bottom: 1px solid #979797;
}
.sidebar-banners {
padding: 24px;
padding-top: 40px;
}
.sidebar-banners__img {
display: block;
margin-bottom: 24px;
}
.sidebar-banners__img img {
width: 100%;
height: auto;
}
#mw-head {
background-color: #fff;
}
.page-Main_Page #mp-topbanner {
display: none;
}
.mw-body {
border: 0;
}
.navigation-wrapper {
background: #f2f2f2;
display: flex;
}
#left-navigation {
margin: 0;
}
#right-navigation {
display: flex;
align-items: center;
margin: 0;
margin-left: auto;
}
.mw-parser-output .res-img .image > img {
width: 100%;
max-width: 1920px;
height: auto;
}
.mw-body,
#mw-head-base,
#left-navigation,
#footer {
margin-left: 216px;
}
#mw-panel .portal .body {
margin: 0 !important;
}
#mw-panel .portal .body li {
padding: 0;
}
#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
color: #012169;
font-size: 16px;
font-weight: 500;
display: block;
padding: 8px 0;
line-height: 1.1;
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease;
}
#mw-panel .portal .body li a:hover,
#mw-panel .portal .body li a:focus {
color: #00B5E2;
text-decoration: none;
}
#p-personal li {
margin: 0 8px;
}
#p-personal li a,
#p-personal li a.new,
#p-personal li a.new:visited {
font-size: 16px;
font-weight: 500;
color: #012169;
padding: 8px 0;
line-height: 1.1;
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease;
}
#p-personal li a:hover,
#p-personal li a:focus,
#p-personal li a.new:visited:hover {
color: #00B5E2;
text-decoration: none;
}
#p-personal li.active a {
color: #00B5E2;
}
#p-personal {
height: 56px;
display: flex;
flex-direction: row-reverse;
position: static;
}
#p-personal ul {
display: flex;
align-items: center;
margin-right: 18px;
}
#pt-userpage a,
#pt-anonuserpage {
background-position: left center;
padding-left: 24px !important;
}
.vectorTabs {
background: transparent;
height: auto;
}
.vectorTabs span {
display: block;
}
.vectorTabs ul {
display: flex;
align-items: center;
background: transparent;
height: auto;
margin-left: -1px;
border-top: 1px solid #f2f2f2;
}
.vectorTabs ul li {
background: #F2F2F2;
}
.vectorTabs li.selected {
background: #fff;
}
.vectorTabs ul li span {
background: transparent;
}
.vectorTabs li a,
.vectorTabs li.new a,
.vectorTabs li.new a:visited {
color: #012169;
font-size: 16px;
padding: 12px 16px;
display: flex;
align-items: center;
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.vectorTabs li a:hover,
.vectorTabs li.selected a {
color: #00B5E2 !important;
text-decoration: none;
}
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a {
background-position: 50% 50%;
height: 54px;
text-indent: -999999px;
padding: 0 8px;
}
#p-cactions {
height: 100%;
display: flex;
align-items: center;
}
#mw-head .vectorMenu h3 {
background: transparent;
height: auto;
}
#mw-head .vectorMenu h3 span {
color: #012169;
font-size: 16px;
padding: 8px 16px;
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease;
}
#mw-head #p-cactions.vectorMenu:hover h3 span {
color: #00B5E2;
}
#mw-head .vectorMenu h3 span:after {
top: 0;
}
.vectorMenu .menu {
top: 100%;
background: #f2f2f2;
border: 0;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.vectorMenu .menu ul li {
text-align: center;
}
.vectorMenu .menu li a {
color: #012169;
font-size: 14px;
padding: 8px;
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.vectorMenu .menu li a:hover {
color: #00B5E2;
text-decoration: none;
}
#mw-head-base {
height: 110px;
}
a.feedlink {
padding-left: 16px !important;
}
/* --- Search input --- */
#p-search {
display: flex;
height: 100%;
margin-right: 24px;
}
#p-search form,
#p-search input {
margin: 0;
height: 100%;
display: flex;
align-items: center;
}
#simpleSearch {
background: #fff;
margin: 0;
height: 38px;
border: 1px solid #F2F2F2;
border-radius: 3px;
}
#simpleSearch:hover {
border-color: #012169;
}
#simpleSearch #searchInput {
padding: 8px;
font-size: 16px;
color: #82868B;
}
#simpleSearch #searchButton {
padding: 16px;
}
#simpleSearch #searchButton:focus {
outline: 0;
}
/* --- Content --- */
#mp-left,
#mp-right,
#mp-lower {
background-color: #fff !important;
border: 1px solid #E6E6E6 !important;
padding: 24px !important;
padding-bottom: 16px !important;
border-radius: 3px !important;
}
#mp-right {
border: 0 !important;
padding-left: 10px !important;
padding-right: 0 !important;
}
#mp-left {
border: 0 !important;
padding-left: 0 !important;
padding-right: 10px !important;
}
div#content h1,
div#content h2 {
font-family: 'Archivo', sans-serif;
}
#mp-tfa-h2,
#mp-itn-h2,
#mp-dyk-h2,
#mp-otd-h2,
#mp-other {
color: #012169 !important;
font-size: 34px !important;
background: transparent !important;
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
margin-bottom: 16px !important;
font-weight: normal !important;
}
#mp-tfa {
color: #012169;
}
#mp-itn,
#mp-tfa,
#mp-dyk,
#mp-otd,
#mp-other-content {
padding: 0 !important;
}
#bodyContent a,
.mw-parser-output a.external,
a.new,
#p-personal a.new {
color: #00B5E2;
}
#mp-other-content + p {
display: none;
}
#mp-other-content ul {
margin: 0;
list-style: none;
}
#mp-other-content ul li {
margin-bottom: 6px;
}
#mp-other-content ul li b {
font-weight: 500;
}
.page-Main_Page .firstHeading {
margin-top: -8px !important;
}
.firstHeading {
border: 0;
}
.mw-parser-output table.wikitable {
background-color: #f2f2f2;
}
.mw-parser-output table.wikitable tr td,
.mw-parser-output table.wikitable tr th {
border: 1px solid #E6E6E6;
padding: 8px;
}
div.floatleft {
margin: 0 16px 16px 0;
}
div.floatright {
margin: 0 0 16px 16px;
}
.fileinfo-paramfield {
background: #f2f2f2;
}
/* --- Card --- */
.card-wrapper {
padding: 24px;
border: 1px solid #E6E6E6;
border-radius: 3px;
}
.card-wrapper--gray {
background-color: #F2F2F2;
}
.card-wrapper + .card-wrapper,
#mp-upper .card-wrapper + h2 {
margin-top: 24px !important;
}
/* --- Front-page table --- */
#mp-dyk .wikitable {
background: transparent;
table-layout: fixed;
width: 100%;
}
#mp-dyk .wikitable > * > tr > td {
border: 2px solid #fff;
border-radius: 3px;
background-color: #F2F2F2;
padding: 12px;
vertical-align: top;
}
#mp-dyk .wikitable > * > tr > td.is-empty-cell {
background-color: transparent;
}
#mp-dyk .wikitable > * > tr > td a {
color: #012169;
line-height: 24px;
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease;
}
#mp-dyk .wikitable > * > tr > td a:hover {
color: #00B5E2;
text-decoration: none;
}
#mp-dyk .wikitable > * > tr > td a > img {
width: 100%;
max-width: 120px;
height: auto;
border-radius: 3px;
margin-bottom: 4px;
}
table.wikitable.mw-collapsible {
background-color: #f2f2f2 !important;
width: 100%;
}
table.wikitable.mw-collapsible tr td,
table.wikitable.mw-collapsible tr th {
padding: 16px;
}
table.wikitable.mw-collapsible tr th {
background-color: #f2f2f2 !important;
}
table.wikitable.mw-collapsible tr th,
table.wikitable.mw-collapsible tr th > a {
font-size: 24px;
line-height: 28px;
font-weight: 400;
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease;
}
table.wikitable.mw-collapsible tr th > a:hover {
color: #012169 !important;
text-decoration: none;
}
table.wikitable.mw-collapsible .mw-collapsible-toggle {
font-size: 16px;
}
table.wikitable.mw-collapsible .mw-collapsible-toggle.mw-collapsible-toggle-default a {
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease;
}
table.wikitable.mw-collapsible .mw-collapsible-toggle.mw-collapsible-toggle-default a:hover {
text-decoration: none;
color: #012169 !important;
}
table.wikitable.mw-collapsible .mw-collapsible-toggle.mw-collapsible-toggle-default:focus {
outline: 0;
}
/* --- Footer --- */
.catlinks {
border: 1px solid #E6E6E6;
background-color: #F2F2F2;
border-radius: 3px;
padding: 16px 24px;
margin-top: 24px;
}
#footer {
padding-left: 0;
}
#footer #footer-info li {
color: #82868B;
font-size: 14px;
line-height: 24px;
}
#footer #footer-info li a {
color: #012169;
}
#footer #footer-info li a:hover {
color: #00B5E2;
}
#footer #footer-places li,
#footer #footer-places li a {
color: #012169;
font-size: 14px;
line-height: 24px;
}
#footer-copyrightico,
#footer-poweredbyico {
display: none;
}
/* --- Single page --- */
.mw-body .firstHeading {
color: #012169;
font-size: 46px;
line-height: 56px;
margin-top: 24px;
}
#toc {
padding: 24px;
background-color: #F2F2F2;
border-radius: 3px;
border: 1px solid #E6E6E6;
margin: 24px 0;
}
.toc .toctitle {
text-align: left;
}
.toc .toctitle + ul {
margin-top: 16px !important;
}
.toc .toctitle h2 {
display: initial;
font-size: 34px;
font-weight: 400;
color: #012169;
line-height: 48px;
border: 0;
}
.toc .toctitle .toctogglespan {
color: #00B5E2;
margin-left: 8px;
}
.toc .toctitle .toctogglelabel {
color: #012169;
}
.toc .toctitle .toctogglespan:focus,
.toc .toctitle .toctogglelabel:focus {
outline: none;
}
.mw-content-ltr .toc ul {
margin: 0;
}
.mw-content-ltr .toc ul li {
margin-bottom: 6px;
}
.mw-content-ltr .toc ul li .tocnumber {
color: #012169;
font-size: 16px;
line-height: 24px;
}
.mw-content-ltr .toc ul li .toctext {
color: #00B5E2;
font-size: 16px;
line-height: 24px;
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.mw-content-ltr .toc ul li a:hover,
.mw-content-ltr .toc ul li a:hover .toctext {
text-decoration: none;
color: #012169;
}
.thumb .thumbinner {
border: 1px solid #E6E6E6;
border-radius: 3px;
background-color: #fff;
padding: 16px;
}
.thumb .thumbinner .thumbimage {
border: 0;
margin-bottom: 16px;
}
.mw-content-ltr .thumbcaption {
color: #82868B;
font-size: 14px;
line-height: 20px;
}
.mw-body-content h2 {
font-size: 34px;
line-height: 48px;
}
.mw-body-content h3 {
font-size: 24px;
line-height: 32px;
}
.mw-body-content h4 {
font-size: 20px;
}
.mw-body-content h5 {
font-size: 16px;
}
.mw-body-content h1,
.mw-body-content h2,
.mw-body-content h3,
.mw-body-content h4,
.mw-body-content h5 {
color: #012169;
font-weight: 400;
display: flex;
align-items: center;
border-bottom: 1px solid #E6E6E6;
padding-bottom: 8px;
margin-bottom: 16px;
}
.mw-content-ltr .mw-editsection {
margin-top: 4px;
}
.mw-content-ltr .mw-editsection .mw-editsection-bracket {
display: none;
}
.mw-content-ltr .mw-editsection a {
font-size: 14px;
text-transform: capitalize;
}
/* --- Buttons --- */
.oo-ui-buttonElement-button {
font-weight: 500 !important;
color: #072365!important;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
color: #fff !important;
}
/* --- Notifications --- */
.mw-notification-area-layout {
top: 8em;
}
.mw-notification-area {
right: 10px;
}
.mw-notification {
padding: 16px;
border: 1px solid #E6E6E6;
box-shadow: 0 4px 10px 0 rgba(0,0,0,0.15);
border-radius: 3px;
}
.mw-notification .mw-notification-content {
color: #012169;
}
.mw-notification .mw-notification-content a {
color: #00B5E2;
}
/* --- Responsive --- */
@media only screen and (max-width: 1200px) {
#simpleSearch {
width: 150px;
}
}
/* To make images responsive */
.res-img img {
max-width:100%;
height:auto;
}