User:George Orwell III/modern.css

@charset "UTF-8"; /*********************************** Ripped from MediaWiki:Gadget-dynamic-menus.css div#p-personal, div#mw_portlets { margin: 0 auto 0 auto; width: calc(100% / 6); }	box-sizing: border-box; height: auto; overflow: visible; top: 2.00em; left: auto; position: absolute; z-index: 1000; width: calc(100% / 6); /* ***** $var1 ***** This needs to be customized for each wiki. It is 100% divided on the number of .portlets */ } /*********************************** The following need to be customized for each wiki. It contains the IDs of each individual portlet, and their positions. #p-search is placed separately; it should always be to the right. The first one must have a value the same as $var1, the second one is 2 × $var1, the third one is 3 × $var1 and so on. right: calc(100% / 6) !important; }	right: calc((100% / 6) * 2); }	left: 0 !important; width: calc(100% / 6); }	left: calc(100% / 6) !important; }	left: calc((100% / 6) * 2) !important; }
 * 1) p-personal, #mw_portlets .portlet:not(#p-lang) {
 * 1) p-personal {
 * 1) p-personal {
 * 1) p-coll-print_export {
 * 1) p-navigation {
 * 1) p-tb {
 * 1) p-do {

/*********************************** End of .portlet ID section. right: 0; width: calc(100% / 6); }	display: block; background-color: #3c78b5; cursor: default; color: white; font-size: calc(1rem - 3px); line-height: 1.0; font-variant: small-caps; font-weight: bold; height: 1em; text-transform: lowercase; text-align: center; } .portlet h3 { border-bottom: none; padding: 0.25em 1.0em 0.25em 1.0em; width: auto; }	display: none; box-sizing: border-box; background-color: #eee; border-left: 1px solid #036; border-right: 1px solid #036; border-bottom: 5px solid #036; font-variant: normal; height: auto; margin: 0; padding: 0; width: auto; }	background-color: #eee; height: auto; line-height: 1.5; margin: 0; padding: 0; }	display: block; border-bottom: 1px solid #ddd; float: none; font-weight: normal; text-transform: none; margin: 0; height: auto; }	color: #036; width: auto; padding: 0 1em; }	width: calc(100% - 1em); }	margin: 0; }	box-sizing: border-box; margin: 0; }	margin: 0; padding: 0; }	padding: 0 1em; }	margin-left: 0.25em; } form#mw-watchlist-resetbutton { position: absolute; top: 6.0em; right: 0.25em; padding: 0 0 0.5em 0.5em; } /* The following elements are the ones that make the actual dynamics */ border-top: 2px solid #3c78b5; background-color: #036; }	text-decoration: underline; color: #036; }	background-color:#ddd; }	display: block; box-sizing: border-box; }	-moz-box-shadow: #aaa 5px 5px 5px -2px; }	-moz-box-shadow: #aaa -2px 5px 5px -2px; }
 * 1) p-search {
 * 1) p-search {
 * 1) p-personal h3, #mw_portlets h3 {
 * 1) p-personal div.pBody, #mw_portlets div.pBody {
 * 1) p-personal ul, #mw_portlets .portlet ul, #searchBody {
 * 1) p-personal li, #mw_portlets li {
 * 1) p-personal li a, #mw_portlets li a {
 * 1) searchInput {
 * 1) mw_contentwrapper, #mw_content {
 * 1) p-cactions {
 * 1) p-cactions li {
 * 1) p-cactions li a {
 * 1) pt-notifications .mw-echo-notifications-badge {
 * 1) p-personal:hover h3, #mw_portlets .portlet:hover h3 {
 * 1) p-personal li a:hover, #mw_portlets li a:hover {
 * 1) p-personal li:hover, #mw_portlets li:hover {
 * 1) p-personal:hover div.pBody, #mw_portlets .portlet:hover div.pBody {
 * 1) p-personal:hover, #mw_portlets .portlet:hover {
 * 1) p-search.portlet:hover {

/****************************
 * 1) p-lang module

position: absolute; top: 6.0em; max-height: 80%; left: -200px; width: 200px; border-right: 8px solid orange; }	display: block; box-sizing: border-box; border-bottom: 1px solid #036; }	height: 1.125em; }	height: 1.00em; }	position: absolute; top: 6.0em; left: 0; background-color: #f0f0f0; border: 1px solid #036; border-bottom: 4px solid #036; overflow: auto; }	border: 0; }
 * 1) p-lang {
 * 1) p-lang div.pBody {
 * 1) p-lang h3 {
 * 1) p-lang:hover h3 {
 * 1) p-lang:hover {
 * 1) p-lang:hover .pBody, #p-lang.portlet:hover h3 {

/* based on v1.1.4 */