మీడియావికీ:Gadget-FlatSidebar.css

వికీసోర్స్ నుండి

గమనిక: భద్రపరచిన తర్వాత, మార్పులను చూడాలంటే మీ విహారిణి కోశాన్ని తీసేయాల్సిరావచ్చు.

  • ఫైర్‌ఫాక్స్‌ / సఫారి: Shift మీటని నొక్కిపట్టి Reloadని నొక్కండి లేదా Ctrl-F5 గానీ Ctrl-R (మాకింటోషులో ⌘-Shift-R) గానీ నొక్కండి
  • గూగుల్ క్రోమ్: Ctrl-Shift-R (మాక్ లో ⌘-Shift-R) నొక్కండి
  • ఇంటర్నెట్ ఎక్ప్లోరర్/ఎడ్జి: Ctrl ను నొక్కిపట్టి Refresh నొక్కండి లేదా Ctrl-F5 నొక్కండి.
  • ఒపేరా:* Ctrl-F5 నొక్కండి.
/**
 * CSS Stylesheet for Flat-list Sidebar gadget
 * ver. 0.1.5; June 13, 2015 
 *
 * @track [File:Gadget-FlatSidebar.js]
 */
body .mw-body {
	border-left-width: 0;
	margin-left: 0;
}
body #footer {
	margin-left: 0;
}
#mw-navigation #left-navigation {
	margin-left: 0;
}
#a-icon-toggle {
	font-style: normal;
}
#mw-navigation #p-personal ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#mw-navigation #p-logo-text, #mw-navigation #p-panel, #mw-navigation #p-personal {
	position: absolute;
	top: 0.25em;
	z-index: 100;
}
#mw-navigation #p-logo-text {
	left: 1.00em;
	width: 8.00em;
	height: 2.25em;
}
#mw-navigation #p-logo-text a {
	display: inline-block;
	color: #000000;
	font-family: 'Linux Libertine',Georgia,sans-serif;
	font-size: 1.50rem;
	line-height: 1.0;
	font-weight: 400;
	text-align: center;
	vertical-align: top;
}
#mw-navigation #p-logo-text a:hover, #mw-navigation #p-logo-text a:focus {
	color: #000000;
	text-decoration: none;
}
@media screen {
	#p-panel {
		left: 0.50em;
		margin-left: 8.00em;
		padding-top: 1.25em;
	}
	#p-namespaces {
		margin-left: 1.00em;
	}
	#p-personal {
		right: 0.50em;
		margin-left: 8.50em;
	}
}
@media screen and (min-width:982px) {
	#p-panel {
		left: 1.00em;
		margin-left: 8.00em;
		padding-top: 0;
	}
	#p-namespaces {
		margin-left: 1.50em;
	}
	#p-personal {
		right: 0.75em;
		margin-left: 0.50em;
	}
}
#p-panel .panel {
	display: inline-block;
	height: 1.25em;
	vertical-align: top;
}
#p-panel .panel .panelLabel {
	color: #0645ad;
	background-image: url(/w/skins/Vector/images/arrow-collapsed-ltr.png);
	background-image: -moz-linear-gradient(transparent, transparent), url(/w/skins/Vector/images/arrow-collapsed-ltr.png);
	background-image: -webkit-linear-gradient(transparent, transparent), url(/w/skins/Vector/images/arrow-collapsed-ltr.png);
	background-image: linear-gradient(transparent, transparent), url(/w/skins/Vector/images/arrow-collapsed-ltr.png);
	background-position: 0% 50%;
	background-repeat: no-repeat;
	font-size: 0.75em;
	font-weight: 400;
	line-height: 1.1250;
	margin-top: 0.50em;
	margin-bottom: 0;
	margin-left: 0.75em;
	padding-left: 1.50em;
}
#p-panel .panel .body {
	background-image: none !important;
	box-shadow: 0 3px 8px rgba(50, 50, 50, 0.35);
	margin: 0 0 0 1.75em;
	padding-top: 0;
	display: none;
}
#p-panel .panel .body ul {
	background-color: #ffffff;
	border-top: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	font-size: 0.75em;
	line-height: 1.1250;
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
#p-panel .panel .body ul li {
	margin-top: 0.50em;
	margin-bottom: 0.50em;
	padding: 0 0.50em 0 0.50em;
}
#p-panel .panel .body ul li a {
	color: #0645ad;
	cursor: pointer;
	white-space: nowrap;
}
/* Atom RSS feed inline background icon
#p-panel .panel .body ul li a.feedlink {
	background-position: center left;
	background-repeat: no-repeat;
	background-size: 12px 12px;
}
*/
#p-panel div.bodyForceShow div.panelLabel {
	background-position: left bottom;
}
#p-panel div.panel:hover div.panelLabel, #p-panel div.bodyForceShow div.panelLabel {
	color: #0645ad;
	cursor: pointer;
	background-image: url(/w/skins/Vector/images/arrow-expanded.png);
	background-image: -moz-linear-gradient(transparent, transparent), url(/w/skins/Vector/images/arrow-expanded.png);
	background-image: -webkit-linear-gradient(transparent, transparent), url(/w/skins/Vector/images/arrow-expanded.png);
	background-image: linear-gradient(transparent, transparent), url(/w/skins/Vector/images/arrow-expanded.png);
	background-position: 0% 50%;
	background-repeat: no-repeat;
	overflow: visible;
}
#p-panel div.panel:hover div.panelLabel a, #p-panel div.bodyForceShow div.panelLabel a {
	color: #4d4d4d;
	text-decoration: none;
}
/* Enable forcing showing of the menu for accessibility */
#p-panel div.panel:hover div.body, #p-panel div.bodyForceShow div.body {
	display: block;
}
.skin-vector .panel#p-lang .uls-settings-trigger {
	margin-top: 0.25em;
	margin-left: 0.50em;
}
#p-lang-label {
	display: inline-block;
}