MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus DarkfleetWiki
Wechseln zu: Navigation, Suche
(wir bleiben bei der alten)
K (schnee)
Zeile 100: Zeile 100:
 
   overflow: hidden;
 
   overflow: hidden;
 
}
 
}
 +
 +
 +
/*
 +
== schnee ==
 +
*/
 +
 +
////////////////////////////////////////////////////////////////////////
 +
// SnowFlakes-Script (c) 2009, Dominik Scholz / go4u.de Webdesign
 +
////////////////////////////////////////////////////////////////////////
 +
 +
// amount of snow flakes
 +
var snow_amount = 50;
 +
// colors of snowflakes
 +
var snow_color = new Array('#AAAACC', '#DDDDFF', '#CCCCDD', '#F3F3F3', '#F0FFFF');
 +
// fonts to be used for snowflakes
 +
var snow_type = new Array('Arial Black', 'Arial Narrow', 'Times', 'Comic Sans MS');
 +
// char used for snowflakes
 +
var snow_char = '*';
 +
// vertical snowflakes speed
 +
var snow_speed = 2.4;
 +
// timeout for animation
 +
var snow_timeout = 70;
 +
// maximum size of snowflakes
 +
var snow_maxsize = 22;
 +
// minimum size of snowflakes
 +
var snow_minsize = 8;
 +
// maximal drift in each direction (left/right)
 +
var snow_drift = 15;
 +
 +
 +
 +
////////////////////// don't edit below this line //////////////////////
 +
var snow_flakes = new Array();
 +
var snow_body_width = 0;
 +
var snow_body_height = 0;
 +
var snow_resizing = false;
 +
var snow_range = snow_maxsize - snow_minsize;
 +
var snow_eventHandlerResize = window.onresize;
 +
var snow_eventHandlerLoad = window.onload;
 +
 +
// register window resize event
 +
//window.onresize = snow_resize;
 +
//window.onload = snow_start;
 +
 +
// Schnee nur auf Hauptseite , by JaPPe
 +
var url=document.URL.split("/");
 +
if( url[4] == "Hauptseite" ) {
 +
  window.onresize = snow_resize;
 +
  window.onload = snow_start;
 +
}
 +
 +
// start snow
 +
function snow_start()
 +
{
 +
if (snow_eventHandlerLoad != null) snow_eventHandlerLoad();
 +
 +
// init window size
 +
snow_window_size();
 +
 +
// add new flakes
 +
while (snow_amount > snow_flakes.length)
 +
snow_flake_create(snow_flakes.length);
 +
 +
// start to move snow
 +
snow_move();
 +
}
 +
 +
 +
////////////////////////////// functions ///////////////////////////////
 +
 +
// creates a new snowflake
 +
function snow_flake_create(i)
 +
{
 +
// select body tag
 +
var insertBody = document.getElementsByTagName('body')[0];
 +
 +
// create span child for flake
 +
var insertFlake = document.createElement('div');
 +
insertFlake.id            = 'flake'+i;
 +
insertFlake.style.position = 'absolute';
 +
insertFlake.style.left    = '0px';
 +
insertFlake.style.top      = '-'+snow_maxsize+'px';
 +
insertFlake.style.zIndex  = 20000;
 +
insertFlake.innerHTML      = snow_char;
 +
insertBody.appendChild(insertFlake);
 +
 +
// create array element
 +
snow_flakes[i]      = new Array();
 +
snow_flakes[i].x    = snow_random(snow_body_width-2*snow_drift-snow_maxsize-3) + snow_drift+1;
 +
snow_flakes[i].y    = -snow_maxsize-snow_random(snow_body_height);
 +
snow_flakes[i].size  = snow_random(snow_range) + snow_minsize;
 +
snow_flakes[i].count = snow_random(10000);
 +
insertFlake.style.color = snow_color[snow_random(snow_color.length-1)];
 +
insertFlake.style.family = snow_type[snow_random(snow_type.length-1)];
 +
insertFlake.style.fontSize = (snow_random(snow_range)+snow_minsize)+"px";
 +
}
 +
 +
// restarts an existing snow flake
 +
function snow_flake_restart(i)
 +
{
 +
snow_flakes[i]      = new Array();
 +
snow_flakes[i].x    = snow_random(snow_body_width-2*snow_drift-snow_maxsize-3) + snow_drift+1;
 +
snow_flakes[i].y    = -snow_maxsize;
 +
snow_flakes[i].size  = snow_random(snow_range) + snow_minsize;
 +
snow_flakes[i].count = 0;
 +
}
 +
 +
// move existing flakes
 +
function snow_move()
 +
{
 +
 +
for (i=0; i<snow_flakes.length; i++)
 +
{
 +
var flake = document.getElementById('flake'+i);
 +
 +
// restart existing flake
 +
if ((snow_flakes[i].y + snow_flakes[i].size + 20) >= snow_body_height)
 +
snow_flake_restart(i);
 +
 +
snow_flakes[i].count++;
 +
snow_flakes[i].y += snow_speed;
 +
 +
x = snow_flakes[i].x + Math.sin(snow_flakes[i].count / snow_flakes[i].size) * 15;
 +
y = snow_flakes[i].y;
 +
 +
 +
flake.style.left = x + 'px';
 +
flake.style.top  = y + 'px';
 +
}
 +
 +
// do it again
 +
window.setTimeout('snow_move();', snow_timeout);
 +
}
 +
 +
function snow_random(range)
 +
{
 +
    return Math.floor(Math.random() * range);
 +
}
 +
 +
function snow_window_size()
 +
{
 +
// save old width
 +
var old_width = snow_body_width;
 +
 +
// get new width
 +
    snow_body_width = document.body.clientWidth - snow_maxsize - 20;
 +
    snow_body_height = document.body.clientHeight;
 +
if ((window.innerHeight) && (window.innerHeight > snow_body_height))
 +
snow_body_height = window.innerHeight;
 +
else if ((document.body && document.body.offsetHeight) && (document.body.offsetHeight > snow_body_height))
 +
    snow_body_height = document.body.offsetHeight;
 +
 +
// calculate correction ratio
 +
var ratio = snow_body_width / old_width;
 +
 +
// for all flakes
 +
for (i=0; i<snow_flakes.length; i++)
 +
{
 +
var flake = document.getElementById('flake'+i);
 +
 +
// do width correction
 +
snow_flakes[i].x *= ratio;
 +
 +
// restart existing flake
 +
if ((snow_flakes[i].y + snow_flakes[i].size + 20) >= snow_body_height)
 +
snow_flake_restart(i);
 +
}
 +
}
 +
 +
// handle resize event
 +
function snow_resize()
 +
{
 +
if (snow_eventHandlerResize != null) snow_eventHandlerResize();
 +
snow_window_size();
 +
}
 +
 +
// END snow
 +
// ============================================================

Version vom 12. Dezember 2012, 23:38 Uhr

/** CSS an dieser Stelle wirkt sich auf alle Skins aus */
 .generallyHide { display:none; }

 a .NPC, a:link .NPC { display:none; }
 a:hover .NPC, a:active.NPC { display:inherit; }

 .maplink { text-decoration: none; }
 .maplink a:link { text-decoration: none; }
 .maplink { z-index:2; }
 .maplink a:hover { text-decoration: none; }
 .maplink { line-height: 1em; }

 .QP { display:none; }
 .QPvisible .QP { display:inherit; }

 .NI { display:none; }
 .NIvisible .NI { display:inherit; }

 *[class].IEonly { display:none; }
 *.noIE { display:none; }
 *[class].noIE { display:inherit; }

 .blacklink a:link, .blacklink a:visited { color:#4040FF; }

 .brandheiss { background:url(http://www.fwwiki.de/images/f/fc/Brandhei%C3%9F.gif) center no-repeat; font-weight:bold; }

 .linktomap { background:url(http://www.fwwiki.de/images/4/41/12px-Erde.png) center no-repeat; }

 /* Bilder von Unicode-Zeichen für IE-Nutzer */
 .unicode span { visibility:hidden; }
 .unicode#✓ { background:url(http://www.fwwiki.de/images/e/e5/%E2%9C%93.gif) no-repeat; }
 .unicode#✗ { background:url(http://www.fwwiki.de/images/2/23/%E2%9C%97.gif) no-repeat; }
 .unicode#✓colorgreen { background:url(http://www.fwwiki.de/images/e/e2/%E2%9C%93green.gif) no-repeat; }
 .unicode#✗colorred { background:url(http://www.fwwiki.de/images/9/95/%E2%9C%97red.gif) no-repeat; }
 .unicode#☮font-size2em { background:url(http://www.fwwiki.de/images/5/56/%E2%98%AE.gif) no-repeat 0em 0.3em; }
 *[class].unicode span { visibility:visible; }
 *[class].unicode#✓, *[class].unicode#✓colorgreen, *[class].unicode#✗colorred, *[class].unicode#☮font-size2em { background-image:url(); }


 /* Stylesheet-Ergänzung zu Standard-Navigationsleisten */
 .BoxenVerschmelzen, .NavFrame, .VTabs
         { margin: 0px; padding: 2px; border: 1px solid #aaaaaa; text-align: center; border-collapse: collapse; font-size: 95%; clear:both; }
 .VTabs { text-align:left; margin: 0; padding: 0; border-collapse: separate; background: transparent; }
 .VTab { width: 100%;  }
 .BoxenVerschmelzen .NavFrame, .BoxenVerschmelzen .VTabs { border-style: none; border-style: hidden; width: 100%; }
 .NavFrame + .NavFrame { border-top-style: none; border-top-style: hidden; }
 .NavPic { background-color: #ffffff; margin: 0px; padding: 2px; float: left; }
 .NavHead, .VTabCaption { height: 1.6em; font-weight: bold; font-size: 100%; background-color: #efefef; }
 .NavFrame p { font-size: 100%; }
 .NavContent { font-size: 100%; }
 .NavContent p { font-size: 100%; }
 .NavEnd { margin: 0px; padding: 0px; line-height: 1px; clear: both; }
 .VTabCaption { margin: 2px; }
 .VTabContent { height: 0; overflow: hidden; }
 .NavToggle { font-size: x-small; float:right; }

 
 /* Navigationsleisten nicht mit ausdrucken */
 @media print { .NavFrame, .BoxenVerschmelzen, .VTabs { display: none; } }

 /* Abgerundete Ecken für Rahmen (noch kein CSS-Standard, kommt in CSS 3.0) */
 .rundeecken 
 {
  -moz-border-radius:10px;
 }

#navbar
 {  
 position:absolute; z-index:1; border:none; background:none;
 right:12px; top:-3.2em; float:right; margin:0.0em;
 padding:0.0em; line-height:1.5em; text-align:right; text-indent:0;
 font-size:85%; text-transform:none; white-space:normal;
 }


 /* Einstellungen für [[Cold Sunfire]]-ähnliche Tabellen */
 table.coldsunfire { border-collapse: collapse; font-size: 12px; }
 table.coldsunfire td { padding: 2px; padding-left: 5px; background-color: #ECE9E6; border: 1px solid #D6CBC2; }
 table.coldsunfire th { border: 1px solid #A2A09F; font-weight: bold; padding: 2px; padding-left: 5px; background-image: url(http://www.fwwiki.de/images/a/ae/Button_bg.jpg); text-align: left; }

 /* Gesamtkartenspezifisches */
 .brownlink a { color:#775533 }
 .gesamtkartenwarnung { display:none; }

 /* Dient der Anzeige von [[MediaWiki:Anoneditwarning]] */
 #mw-anon-edit-warning
 {
 background: #d3e1f2;
 border: 1px solid #1a47ff;
 margin: 1em auto;
 padding: 1em;
 width: 80%;
 }

/* Alternativlogo: Standard weg */
/* #p-logo { display: none; } */

/* SVG-Errors */
.MediaTransformError {
  overflow: hidden;
}


/*
== schnee ==
 */
 
////////////////////////////////////////////////////////////////////////
// SnowFlakes-Script (c) 2009, Dominik Scholz / go4u.de Webdesign
////////////////////////////////////////////////////////////////////////

// amount of snow flakes
	var snow_amount = 50;
// colors of snowflakes
	var snow_color = new Array('#AAAACC', '#DDDDFF', '#CCCCDD', '#F3F3F3', '#F0FFFF');
// fonts to be used for snowflakes
	var snow_type = new Array('Arial Black', 'Arial Narrow', 'Times', 'Comic Sans MS');
// char used for snowflakes
	var snow_char = '*';
// vertical snowflakes speed
	var snow_speed = 2.4;
// timeout for animation
	var snow_timeout = 70;
// maximum size of snowflakes
	var snow_maxsize = 22;
// minimum size of snowflakes
	var snow_minsize = 8;
// maximal drift in each direction (left/right)
	var snow_drift = 15;



////////////////////// don't edit below this line //////////////////////
var snow_flakes = new Array();
var snow_body_width = 0;
var snow_body_height = 0;
var snow_resizing = false;
var snow_range = snow_maxsize - snow_minsize;
var snow_eventHandlerResize = window.onresize;
var snow_eventHandlerLoad = window.onload;

// register window resize event
//window.onresize = snow_resize;
//window.onload = snow_start;

// Schnee nur auf Hauptseite , by JaPPe
var url=document.URL.split("/");
if( url[4] == "Hauptseite" ) {
  window.onresize = snow_resize;
  window.onload = snow_start;
}

// start snow
function snow_start()
{
	if (snow_eventHandlerLoad != null) snow_eventHandlerLoad();

	// init window size
	snow_window_size();

	// add new flakes
	while (snow_amount > snow_flakes.length)
		snow_flake_create(snow_flakes.length);

	// start to move snow
	snow_move();
}


////////////////////////////// functions ///////////////////////////////

// creates a new snowflake
function snow_flake_create(i)
{
	// select body tag
	var insertBody = document.getElementsByTagName('body')[0];

	// create span child for flake
	var insertFlake = document.createElement('div');
	insertFlake.id             = 'flake'+i;
	insertFlake.style.position = 'absolute';
	insertFlake.style.left     = '0px';
	insertFlake.style.top      = '-'+snow_maxsize+'px';
	insertFlake.style.zIndex   = 20000;
	insertFlake.innerHTML      = snow_char;
	insertBody.appendChild(insertFlake);

	// create array element
	snow_flakes[i]       = new Array();
	snow_flakes[i].x     = snow_random(snow_body_width-2*snow_drift-snow_maxsize-3) + snow_drift+1;
	snow_flakes[i].y     = -snow_maxsize-snow_random(snow_body_height);
	snow_flakes[i].size  = snow_random(snow_range) + snow_minsize;
	snow_flakes[i].count = snow_random(10000);
	insertFlake.style.color = snow_color[snow_random(snow_color.length-1)];
	insertFlake.style.family = snow_type[snow_random(snow_type.length-1)];
	insertFlake.style.fontSize = (snow_random(snow_range)+snow_minsize)+"px";
}

// restarts an existing snow flake
function snow_flake_restart(i)
{
	snow_flakes[i]       = new Array();
	snow_flakes[i].x     = snow_random(snow_body_width-2*snow_drift-snow_maxsize-3) + snow_drift+1;
	snow_flakes[i].y     = -snow_maxsize;
	snow_flakes[i].size  = snow_random(snow_range) + snow_minsize;
	snow_flakes[i].count = 0;
}

// move existing flakes
function snow_move()
{

	for (i=0; i<snow_flakes.length; i++)
	{
		var flake = document.getElementById('flake'+i);

		// restart existing flake
		if ((snow_flakes[i].y + snow_flakes[i].size + 20) >= snow_body_height)
			snow_flake_restart(i);

		snow_flakes[i].count++;
		snow_flakes[i].y += snow_speed;

		x = snow_flakes[i].x + Math.sin(snow_flakes[i].count / snow_flakes[i].size) * 15;
		y = snow_flakes[i].y;

		
		flake.style.left = x + 'px';
		flake.style.top  = y + 'px';
	}

	// do it again
	window.setTimeout('snow_move();', snow_timeout);
}

function snow_random(range)
{
    return Math.floor(Math.random() * range);
}

function snow_window_size()
{
	// save old width
	var old_width = snow_body_width;

	// get new width
    snow_body_width = document.body.clientWidth - snow_maxsize - 20;
    snow_body_height = document.body.clientHeight;
	if ((window.innerHeight) && (window.innerHeight > snow_body_height))
		snow_body_height = window.innerHeight;
	else if ((document.body && document.body.offsetHeight) && (document.body.offsetHeight > snow_body_height))
    	snow_body_height = document.body.offsetHeight;

	// calculate correction ratio
	var ratio = snow_body_width / old_width;
		
	// for all flakes
	for (i=0; i<snow_flakes.length; i++)
	{
		var flake = document.getElementById('flake'+i);

		// do width correction
		snow_flakes[i].x *= ratio;
		
		// restart existing flake
		if ((snow_flakes[i].y + snow_flakes[i].size + 20) >= snow_body_height)
			snow_flake_restart(i);
	}
}

// handle resize event
function snow_resize()
{
	if (snow_eventHandlerResize != null) snow_eventHandlerResize();
	snow_window_size();
}
 
 // END snow
 // ============================================================