@media all
and (max-width: 600px) {
body {
background-color:#EAECF0;
}
.mw-body {
border:none;
max-width:100%;
overflow-x:scroll;
}
.mw-body-content p {
font-size: 16px;
overflow:scroll;
}
div#mw-panel {
display:none;
position:absolute;
left:0px;
top:50px;
width:100%;
background:#fff;
box-shadow:0px 10px 20px rgba(0,0,0,0.2);
}
div#mw-panel #p-logo + div.portal div.body,
div#mw-panel div.portal div.body {
margin:0;
background-image:none;
}
#p-logo {
display:none;
}
div#mw-panel div.portal div.body ul,
div#mw-panel div.portal div.body ul > li {
margin:0;
padding:0;
width:100%;
display:block;
}
div#mw-panel div.portal div.body ul > li {
border-bottom:1px solid rgba(0,0,0,0.05);
}
div#mw-panel div.portal div.body ul > li:last-child {
border-bottom:none;
}
div#mw-panel div.portal div.body ul > li > a {
display:block;
width:100%;
padding: 12px 0px;
font-size:14px;
font-weight:500;
}
div#mw-panel div.portal h3 {
font-size:24px;
font-weight:200;
margin:0;
margin-top:20px;
margin-bottom:10px;
padding:0;
}
.mw-body,
#left-navigation, #right-navigation
{
margin:0;
padding-top:110px;
}
#p-personal {
display:none;
background: #fff;
top: 50px;
right:0;
width: 100%;
padding:10px;
}
#p-personal > ul {
padding-left: 2em;
}
#p-personal > ul > li {
display:block;
float:inherit;
padding:0;
}
#p-personal > ul > li > a {
display:block;
padding:10px;
font-size:16px;
font-weight:bold;
color:#36c;
}
table.infobox {
display:block;
float:none;
width:100% !important;
margin:20px 0px;
padding:0;
border:none;
box-shadow:0px 10px 20px rgba(0,0,0,0.2), 0px 0px 0px 1px rgba(0,0,0,0.1);
border-radius:2px;
font-size:14px;
}
table.infobox td,
table.infobox th {
padding:4px 7px;
border-bottom:1px solid #F2F4F7;
}
div.vectorTabs > ul > li {
background:none;
height:auto;
}
.vectorTabs > ul > li a, #ca-watch.icon a{
font-size:16px;
font-weight:bold;
text-indent:-9999px;
min-width:44px;
margin:0;
height:100%;
padding:13px 5px;
}
.vectorTabs > ul > li span{
background:none;
}
.vectorTabs > ul > li.selected a {
color:#36c;
border-bottom:2px solid #36c;
}
#p-search {
position:absolute;
top: 48px;
left: 15px;
width: 93%;
margin:0;
}
div#simpleSearch {
width:100%;
max-width:inherit;
box-sizing:border-box;
margin:0;
height:40px;
border:0;
border-radius:2px;
box-shadow:0px 2px 10px rgba(0,0,0,0.05);
background-image:none;
}
div#simpleSearch #searchInput {
height:100%;
font-size:16px;
padding-left: 40px;
}
div#simpleSearch #searchInput:focus {
font-size:16px;
}
div#simpleSearch #searchButton, div#simpleSearch #mw-searchButton {
left:12px;
}
div.suggestions {
box-shadow:0px 10px 20px rgba(0,0,0,0.2);
}
div.suggestions-results {
border:0;
}
div.suggestions-results > a {
font-size:16px;
}
div.suggestions-result {
font-size:16px;
padding: 10px 15px;
}
#ca-view {
display:none;
}
div.tright, div.floatright, table.floatright,
div.tleft, div.floatleft, table.floatleft{
float:none !important;
display:block;
clear:both;
}
.thumb {
display:block;
}
div.thumbinner,span.mwe-math-element {
background:none;
border:0;
width:100% !important;
overflow:scroll;
}
#mw-head-base {
height:110px;
margin:0;
background: #EAECF0;
}
#mw-head {
border-bottom:1px solid #EAECF0;
}
#mw-page-base {
display:none;
}
.ui-header {
height:110px;
}
.hamburgerMenu:focus, .userMenu:focus {
outline: 0;
}
.hamburgerMenu {
position:absolute;
top:0px;
left:15px;
-webkit-appearance: none;
-moz-appearance: none;
border:0;
height:44px;
width:44px;
display:inline-block;
background-image:url("https://cdn.rawgit.com/nirzar/icons/master/hamburger.svg");
background-repeat:no-repeat;
background-position:left center;
}
.hamburgerMenu:checked {
background-image:url("https://cdn.rawgit.com/nirzar/icons/master/close.svg");
background-color:transparent;
}
.userMenu {
position:absolute;
top:0px;
right:15px;
border:0;
-webkit-appearance: none;
-moz-appearance: none;
height:44px;
width:44px;
display:inline-block;
background-image: url("https://cdn.rawgit.com/nirzar/icons/master/profile.svg");
background-repeat:no-repeat;
background-position:right center;
background-size:24px 24px;
}
.userMenu:checked {
background-image:url("https://cdn.rawgit.com/nirzar/icons/master/close.svg");
background-color:transparent;
}
div.vectorTabs {
height:2.8em;
}
div.vectorTabs ul, div.vectorTabs {
background:none;
}
div.vectorTabs li a,
#ca-watch.icon a,
#ca-unwatch.icon a,
.siteWordmark{
background-repeat:no-repeat;
background-position:center center;
}
#ca-nstab-main > span > a,
#ca-nstab-user > span > a {
background-image:url("https://cdn.rawgit.com/nirzar/icons/master/page.svg");
}
#ca-nstab-main.selected > span > a,
#ca-nstab-user.selected > span > a{
background-image:url("https://cdn.rawgit.com/nirzar/icons/master/page-selected.svg");
}
#ca-talk > span > a {
background-image:url("https://cdn.rawgit.com/nirzar/icons/master/talk.svg");
}
#ca-talk.selected > span > a {
background-image:url("https://cdn.rawgit.com/nirzar/icons/master/talk-selected.svg");
}
#ca-addsection > span > a {
background-image:url("https://cdn.rawgit.com/nirzar/icons/master/add-section.svg");
}
#ca-edit > span > a {
background-image:url("https://cdn.rawgit.com/nirzar/icons/master/edit.svg");
}
#ca-edit.selected > span > a {
background-image:url("https://cdn.rawgit.com/nirzar/icons/master/edit-selected.svg");
}
#ca-history > span > a {
background-image:url("https://cdn.rawgit.com/nirzar/icons/master/history.svg");
}
#ca-history.selected > span > a {
background-image:url("https://cdn.rawgit.com/nirzar/icons/master/history-selected.svg");
}
#ca-watch.icon a, #ca-watch.icon a:hover {
background-image:url("https://cdn.rawgit.com/nirzar/icons/master/star.svg");
}
#ca-unwatch.icon a, #ca-unwatch.icon a:hover {
background-image:url("https://cdn.rawgit.com/nirzar/icons/master/star-selected.svg");
}
#ca-watch.selected > span > a {
background-image:url("https://cdn.rawgit.com/nirzar/icons/master/star-selected.svg");
}
.siteWordmark {
background-image:url("https://cdn.rawgit.com/nirzar/icons/master/wikipedia-wordmark.svg");
display: inline-block;
width: 120px;
height: 18px;
position: absolute;
top: 16px;
background-position: left center;
left: 60px;
}
.mw-notification-area {
bottom:10px;
width:100%;
top:auto;
}
#siteSub {
display:none;
}
#firstHeading {
border-bottom:none;
}
div#content {
padding-top:70px;
}
div#content p {
/*font-family:"Charis SIL", Georgia, serif;*/
}
table.ambox {
margin:0;
}
.ambox td.mbox-image {
display:none;
}
.mw-body-content h2 {
/*font-family:"Helvetica-Neue", Helvetica, arial, sans-serif;*/
font-size:25px;
/*font-weight:bold;*/
margin-top:40px;
border-bottom:none;
}
.mw-editsection {
float:right;
font-size:15px;
margin-top:5px;
}
div.hatnote {
padding:5px 10px;
margin:10px 0;
background:#F2F4F7;
font-style:normal;
border-radius:2px;
font-size:12px;
}
div.hatnote + div.hatnote {
margin-top:1px;
}
blockquote {
border-left:2px solid #333;
font-family:serif;
}
.navbox {
overflow-x:scroll;
}
#coordinates {
position:inherit;
}
.wikitable {
display:block;
width:100%;
overflow-x:scroll;
margin:20px 0px;
}
div#footer {
margin:20px 0;
}
.catlinks {
overflow: hidden;
margin-top: 20px;
border:none;
background:transparent;
}
.catlinks ul {
list-style-type: none;
margin: 0;
}
.catlinks ul li {
float: left;
display: inline-block;
border: 1px solid #36c;
background-color:#EAF3FF;
border-radius: 40px;
margin: 3px;
}
.catlinks ul li a {
border: none;
padding: 0px 8px;
font-size: 12px;
font-weight: 500;
color:#36c;
}
#mw-normal-catlinks > a {
font-family: "Charis SIL", serif;
border: none;
font-weight: bold;
font-size: 21px;
display:none;
}
#p-cactions {
display:none;
}
}
