User:Vector2.0/common.css

@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; } }