Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.
- Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
- Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
- Internet Explorer/Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
- Opera: Strg+F5
/********************************* Zwei Spalten formatierung Responsive *********************************/ @media only screen { /* klassischer Desktop, zweispaltig; Grundstruktur */ #spalten { overflow: auto; padding-bottom: 1px; } #links, #rechts { float: left; width: calc(50% - 0.5em - 0.005px); } #links { margin-right: 1em; } #unten { clear: both; } #oben .hauptseite-box-title, #unten .hauptseite-box-title { text-align: center; } } @media only screen and (max-width: 54rem) { /* Platzmangel */ #links, #rechts { float: none; margin-right: 0; width: auto; } #oben .hauptseite-box-title, #unten .hauptseite-box-title, #willkommen p:first-child { text-align: left; } } @media only screen and (max-width: 42rem) { /* Besonders kleiner Screen */ #hauptseite-toc { display: none; } #oben .hauptseite-upward { display: none; } } @media only screen and (min-width: 180rem) { /* Mehr als zweispaltig; 121rem */ #links { float: none; margin-right: 0; width: auto; } #links-oben, #links-unten { float: left; } #oben .hauptseite-box, #unten .hauptseite-box { max-width: none; width: auto; } } @media only screen and (min-width: 99999rem) { /* Dreispaltig */ #links-oben, #links-unten { margin-right: 3%; width: 28%; } #rechts { width: 38%; } } @media only screen and (min-width: 180rem) { /* Vierspaltig */ #rechts { float: none; width: auto; } #links-oben, #links-unten, #rechts-oben, #rechts-unten { width: 23%; } #links-oben, #links-unten, #rechts-oben, #rechts-unten { margin-left: 1%; margin-right: 1%; } #rechts-oben, #rechts-unten { float: left; } } @media only screen and (min-width: 260rem) { /* Fünfspaltig */ #rechts-unten { float: none; width: auto; } #links-oben, #links-unten, #rechts-oben, #rechts-unten-1, #rechts-unten-2 { margin-left: 1%; margin-right: 1%; width: 18%; } #rechts-unten-1, #rechts-unten-2 { float: left; } #rechts-unten-2 { margin-right: 0; } .hauptseite-box { max-width: 75em; } #unten .hauptseite-box { max-width: none; } } @media print { .hauptseite-portale, #intern, #schwesterprojekte, .hauptseite-mehr { display: none; } .hauptseite-box { margin-left: 10%; max-width: 70em; width: 80%; } } /********************************* infobox *********************************/ .infobox { border: solid 2px #929DA3; box-shadow: inset 0px 0px 0px 2px #FFFFFD; background-color: #62C694; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /********************************* header-format *********************************/ h1 { border-left: 8px solid #0D1E41; padding: 4px 8px; font-weight: bold; border-bottom: 4px solid #0D1E41; margin: 0 0 10px ; color: #0F2A3A; } h2 { border-left: 4px solid #0D1E41; padding: 4px 8px; font-size: 16px; font-weight: bold; border-bottom: 4px solid #0D1E41; margin: 0 0 10px ; color: #0F2A3A; } h3 { border-left: 2px solid #0D1E41; padding: 2px 4px; font-size: 13px; font-weight: bold; border-bottom: 2px solid #0D1E41; margin: 0 0 10px ; color: #0F2A3A; } /***************************************** Tabellenformatierung *****************************************/ table.table, table.innerborder {border-collapse:collapse;} table.table > thead > tr > td, table.table > thead > tr > th, table.table > tbody > tr > td, table.table > tbody > tr > th, table.table > tfoot > tr > td, table.table > tfoot > tr > th {border:2px outset #0D1E41;} /********************************************************************************** Sevengamer - Standard-Tabelle ***********************************************************************************/ table.datatable-SGtable, table.SGtable { border-collapse:collapse; background-color: transparent; } table.datatable-SGtable th, table.SGtable th, table.datatable td { font-weight: bold; color:#ffffff; padding: 4px; } table.datatable-SGtable th, table.SGtable th { text-align: left; background-color: #335AB6; } table.datatable-SGtable tr, table.SGtable tr { border: 1px solid black; background-color: #E8E8E8; } table.datatable-SGtable tr:hover, table.SGtable tr:hover { background-color: #CFCFCF; } /********************************* Ansicht der Kategoriebox *********************************/ div.catlinks { background:#f9f9f9; background:linear-gradient(top,#f9f9f9,#ddd); background:-o-linear-gradient(top,#f9f9f9,#ddd); background:-ms-linear-gradient(top,#f9f9f9,#ddd); background:-moz-linear-gradient(top,#f9f9f9,#ddd); background:-webkit-linear-gradient(top,#f9f9f9,#ddd); border-radius:8px; padding:5px 11px !important; } div.catlinks span { padding:0 8px; } /********************************* Markierung von Weiterleitungen in [[Special:Allpages]] *********************************/ .allpagesredirect { font-weight: bold; } /********************************* ± Zahl) wird in den letzen Änderungen bei minus rot dargestellt, bei plus grün *********************************/ span.mw-plusminus-pos {color: #006400 !important; font-weight: bold;} span.mw-plusminus-neg {color: #8B0000 !important; font-weight: bold;} /********************************* Farbeneinteilung von Bestimmten User *********************************/ /*Bürokraten & Admins*/ .page-Spezial_Letzte_Änderungen a[title="Benutzer:BlueAngel"], .page-Spezial_Letzte_Änderungen a[title="Benutzer:Yukii"], .page-Spezial_Letzte_Änderungen a[title="Benutzer:KingSazh"], .page-Spezial_Letzte_Änderungen a[title="Benutzer:Sunset"], .page-Spezial_WhosOnline a[href$="Benutzer:BlueAngel"], .page-Spezial_WhosOnline a[href$="Benutzer:Yukii"], .page-Spezial_WhosOnline a[href$="Benutzer:KingSazh"], .page-Spezial_WhosOnline a[href$="Benutzer:Sunset"] { font-weight: bold; color:#000; text-shadow: 0 0 6px #D2691E, 0 0 7px #D2691E, 0 0 9px #D2691E, 0 0 12px #D2691E, 0 0 17px #D2691E; background-image: url(http://sqex.sevengamer.de/images/se/8/8a/Logo-mini.jpg); background-position: left center; background-repeat: no-repeat; height:16px; font-family:'Viner Hand ITC'; padding-left: 18px; /* Or size of icon + spacing */ } /*********************************************** Entfernt pfeil bei externen links ***********************************************/ #bodyContent a.external[href^="http://www.playonline.com"], [href^="http://lodestone.finalfantasyxiv.com"], [href^="http://sqex.to"], [href^="http://www.finalfantasyxi.com"], [href^="http://www.finalfantasyxiv.com"], [href^="http://forum.square-enix.com"], [href^="http://www.square-enix.com"], [href^="http://www.sevengamer.de"], [href^="http://archiv.ffxiv.sevengamer.de"], [href^="http://facebook.sevengamer.de"], [href^="http://twitter.sevengamer.de"], [href^="http://youtube.sevengamer.de"], [href^="http://steam.sevengamer.de"] { background-image: none !important; padding-right: 0 !important; } /********************************* Ausblenden diverser Inhalte *********************************/ #f-poweredbyico { display: none; } /************************************************************ Test ************************************************************/ .navi > li { position: relative; align: center; display: inline-block; } .navi > li > ul { position: absolute; align: center; width: 96px; top: 100%; left: 0; margin: 0; display: none; } .navi > li:hover > ul { align: center; display: block; } .navi > li > ul > li { align: center; display: block; } /************************************ TOC-format ************************************* / .toc { float: right !important; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; border-bottom-left-radius: 0.5em; border-bottom-right-radius: 0.5em; } /************************************* Gallery-format **************************************/ li.gallerybox{vertical-align:top;display:-moz-inline-box;display:inline-block} ul.gallery,li.gallerybox{zoom:1;*display:inline} ul.gallery{margin:2px;padding:2px;display:block} li.gallerycaption{font-weight:bold;text-align:center;display:block;word-wrap:break-word} li.gallerybox div.thumb { text-align:center; border:1px solid #ccc; margin:2px; -webkit-border-radius: 10px !important; -moz-border-radius: 10px !importrant; border-radius: 10px !important; } div.gallerytext{overflow:hidden;font-size:94%;padding:2px 4px;word-wrap:break-word;} /************************************* Seitennotiz #siteNotice { position:fixed !important; right:0px !important; bottom:0px !important; } **************************************/