MediaWiki:Common.css: Porovnání verzí

Verze z 17. 1. 2015, 14:48

/* Zde uvedené CSS bude ovlivňovat všechny styly */

/* Z anglické Grepolis wiki - Thass */
/* Složení levé lišty do složek. */
var sidebar_settings = JSON.parse (localStorage.getItem ("sidebar_settings")) || {};

function save_sidebar () {
	localStorage.setItem ("sidebar_settings", JSON.stringify (sidebar_settings));
}

function set_sidebar (id, folded) {
	if (document.getElementById (id).parentElement.id != "column-one")
		return;
	if (folded)
		sidebar_settings [id] = true;
	else
		delete sidebar_settings [id];
	save_sidebar ();
}

var fold = "http://wiki.de.grepolis.com/images/7/7e/Einklappen.png";
var unfold = "http://wiki.de.grepolis.com/images/0/06/Ausklappen.png";
function sidebar_click (node) {
	var content = $ (node.parentElement.lastElementChild);
	if (content.css ("display") == "none") {
		content.css ("display", "block");
		node.firstElementChild.alt = "[-]";
		node.firstElementChild.src = fold;
		set_sidebar (node.parentElement.id, false);
	} else {
		content.css ("display", "none");
		node.firstElementChild.alt = "[+]";
		node.firstElementChild.src = unfold;
		set_sidebar (node.parentElement.id, true);
	}
	return false;
}

var sidebar_links = $ ("#column-one .generated-sidebar.portlet h5").slice (1).replaceWith (function () {
	if (! sidebar_settings [this.parentElement.id])
		return $ ('<a href="#" style="text-align:center"><img src="' + fold + '" style="float:left" alt="[-]" /><h5>' + this.innerHTML + '</h5></a>').click (function () {
			return sidebar_click (this);
		});

	$ (this.nextElementSibling).css ("display", "none");
	return $ ('<a href="#" style="text-align:center"><img src="' + unfold + '" style="float:left" alt="[+]" /><h5>' + this.innerHTML + '</h5></a>').click (function () {
		return sidebar_click (this);
	});
});

console.log ("sidebar ready");

/* Z holandskej Wiki Grepolis - Wolfy */
/* Spriesvitnenie obrázka po ukázaní myšou. */

div.mvisto:hover {
opacity:0.7;
filter:alpha(opacity=70);
}


/* Z anglickej Wiki Grepolis - Wolfy */
/* Skládacie tabuľky. */

table.collapsed tr.collapsible {
        display: none;
}
 
.collapseButton {                /* 'show'/'hide' buttons created dynamically by the               */
        float: right;               /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
        font-weight: normal;        /* are styled here so they can be customised.               */
        text-align: right;
        width: auto;
        color: white;
}



/* Z klasickej Wikipédie - Wolfy */
/* Limitovaný obsah */

/* Allow limiting of which header levels are shown in a TOC;
   <div class="toclimit-3">, for instance, will limit to
   showing ==headings== and ===headings=== but no further
   (as long as there are no =headings= on the page, which
   there shouldn't be according to the MoS).
 */
.toclimit-2 .toclevel-2,
.toclimit-3 .toclevel-3,
.toclimit-4 .toclevel-4,
.toclimit-5 .toclevel-5,
.toclimit-6 .toclevel-6,
.toclimit-7 .toclevel-7 { display: none; }



/* Z ruskej Wiki Grepolis - Wolfy */
/* Skládacie zoznamy. */

/** Размещённый здесь CSS будет применяться ко всем темам оформления */
table.struct {margin-left:5%; width:90%; cellpadding:2px; margin-top:10px; backgroud:#feb; border-radius:8px; border:2px solid black; text-align:center;}
table.struct th {background:#edb; border-top:1px solid grey; border-right:1px solid grey; padding: 8px 0px 8px 0px;}
table.struct td {background:#feb; border-top:1px solid grey;}

table.t1 {backgroud:#feb; border-radius:8px; border:2px solid black; text-align:center;}
table.t1 th {background:#edb; border-top:1px solid grey; border-right:1px solid grey; padding: 8px 0px 8px 0px;}
table.t1 td {background:#feb; border-top:1px solid grey;}

table.data {backgroud:#feb; border-collapse:collapse; border:1px solid grey;}
table.data th {background:#edb; font-size:small;}
table.data td {border-top:1px solid grey;}

/* my menu */
.mn {width:140px; position:relative; z-index:10;}
.mn ul {padding:0; margin:0;}
.mn ul li {position:relative; margin-top:0; margin-bottom:0; border:0;}
.mn ul li p {margin-top:0; margin-bottom:0; display:block; width:135px; height:18px; text-align:left; font-color:black; font-size:12px; overflow:hidden;}
.mn ul li ul {display: none;}
.mn ul li ul li ul {display: none;}

.mn ul li:hover li ul {display: none;}
.mn ul li:hover p {background:#ef8;}
.mn ul li:hover p.title {background:#ccc;}
.mn ul li:hover ul {display:block; position:absolute; top:0px; left:128px; width:180px; z-index:11; border-left:2px solid #cba; border-right:2px solid #cba;}
.mn ul li:hover ul li {display:block; width:180px; height:20px; text-align:left; background:#eda;}
.mn ul li:hover ul li p {padding-left:4px; margin-top:0; margin-bottom:0; display:block; text-decoration:none; width:180px; height:20px; text-align:left; font-color:black; background:#eda;}
.mn ul li:hover ul li:hover p {background:#dca;}
.mn ul li:hover ul li:hover p.title {background:#ccc;}

.mn ul li:hover ul li:hover ul {display:block; position:absolute; top:0px; left:176px; width:180px; z-index:11; border-left:2px solid #cba; border-right:2px solid #cba; background:#eda;}
.mn ul li:hover ul li:hover ul li {display:block; width:180px; height:20px; text-align:left; background:#eda;}
.mn ul li:hover ul li:hover ul li p {padding-left:4px; margin-top:0; margin-bottom:0; display:block; text-decoration:none; width:180px; height:20px; text-align:left; font-color:black; background:#eda;}
.mn ul li:hover ul li:hover ul li:hover p {background:#dca;}
.mn ul li:hover ul li:hover ul li:hover p.title {background:#ccc;}