Kategorien
Bitte befüllt die Seite DarkfleetWiki:NoSpamUser in alphabetischer Reihenfolge mit den Namen von Wikibenutzern, welche keine Spam-Bots sind. |
MediaWiki:Common.css: Unterschied zwischen den Versionen
Aus DarkfleetWiki
Galak (Diskussion | Beiträge) (wir bleiben bei der alten) |
Stehta (Diskussion | Beiträge) 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 // ============================================================