MediaWiki:GRAF.css

/*========================================
        Nicht einstellbare Werte
========================================*/

/* Transparentwert einstellen */
.page__main {
	background-color: rgba(var(--theme-page-background-color--rgb), 90%);
}

/*  Rechte Spalte - Farb-Fix  */
.page__right-rail, .right-rail-wrapper, .rail-module {
    background-color: rgba(var(--theme-page-background-color--rgb), 80%);
}

/*Macht die Rechtecke transparent*/
.rail-module, .admin-dashboard__module {
    background-color: transparent !important;
}

/* Rechte Spalte - Modul-Abstand */
.right-rail-wrapper .rail-module {
	padding: 10px;
}


/*========================================
		   Code für Themes-Text
========================================*/

.theme-fandomdesktop-dark .farbe, .theme-fandomdesktop-dark .farbe {
    color: #aabbdd;
}

.theme-fandomdesktop-light .farbe, .theme-fandomdesktop-light .farbe {
    color: #112244;
}

.theme-fandomdesktop-dark .farbe2, .theme-fandomdesktop-dark .farbe2 {
    color: #eeeeee;
}

.theme-fandomdesktop-light .farbe2, .theme-fandomdesktop-light .farbe2 {
    color: #111111;
}


/*========================================
         Regeln für Namen-Farbcode
========================================*/
 
.theme-fandomdesktop-dark [href='/wiki/Benutzer:Ulimann644'],
.theme-fandomdesktop-dark a[href$="/Ulimann644"],
.theme-fandomdesktop-dark a[href$=":Ulimann644"],
.theme-fandomdesktop-dark a[href$="/Ulimann644"] > span.a[href$="/Ulimann644"] > em,
.theme-fandomdesktop-dark .tabs .selected a[href^="/wiki/Benutzer:Ulimann644"] {
    background: -webkit-linear-gradient(360deg,lime,yellow,red);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0px 0px 0px #ff002b);
}

.theme-fandomdesktop-dark a:visited:hover, .theme-fandomdesktop-dark a:hover, .theme-fandomdesktop-dark .module a:visited:hover {
	-webkit-text-fill-color: yellow;
	text-shadow:1px 1px 1px #ffff00;
	text-decoration: none;
}

.theme-fandomdesktop-light [href='/wiki/Benutzer:Ulimann644'],
.theme-fandomdesktop-light a[href$="/Ulimann644"],
.theme-fandomdesktop-light a[href$=":Ulimann644"],
.theme-fandomdesktop-light a[href$="/Ulimann644"] > span.a[href$="/Ulimann644"] > em,
.theme-fandomdesktop-light .tabs .selected a[href^="/wiki/Benutzer:Ulimann644"] {
    background: -webkit-linear-gradient(360deg,green,#887700,#770000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0px 0px 0px #ff002b);
}

.theme-fandomdesktop-light a:visited:hover, .theme-fandomdesktop-light a:hover, .theme-fandomdesktop-light .module a:visited:hover {
	-webkit-text-fill-color: #EE5500;
	text-shadow:1px 1px 1px #ee5500;
	text-decoration: none;
}

a.new:visited:hover, a.new:hover, .module a.new:visited:hover {
	-webkit-text-fill-color: #ff2244;
	text-shadow:1px 1px 1px #ff2244;
	text-decoration: none;
}


/*========================================
        	Regeln für Links
========================================*/

.theme-fandomdesktop-dark .page-content a, .theme-fandomdesktop-dark .page-content a:visited {color:#6c93b1}

.theme-fandomdesktop-dark .toc a, .theme-fandomdesktop-dark .toc a:visited {color:#ffffff}

.theme-fandomdesktop-light .page-content a, .theme-fandomdesktop-light .page-content a:visited {color:#1853b3}

.theme-fandomdesktop-light .toc a, .theme-fandomdesktop-light .toc a:visited {color:#444444}

.theme-fandomdesktop-dark .page-content a.new, .theme-fandomdesktop-dark .page-content a.new:visited {color:#ff0000}

.theme-fandomdesktop-light .page-content a.new, .theme-fandomdesktop-light .page-content a.new:visited {color:#ff0000}


/*===========================================
	 Grafik Right-Rail für beide Themes
===========================================*/

.theme-fandomdesktop-dark .page__right-rail {
    background: url(https://static.wikia.nocookie.net/aboveandbeyond/images/5/5c/RAIL-02a.jpg/revision/latest?cb=20210813203026&path-prefix=de) right center fixed !important;
    background-size: contain !important;
}

.theme-fandomdesktop-light .page__right-rail {
    background: url(https://static.wikia.nocookie.net/aboveandbeyond/images/9/99/RAIL-01a.jpg/revision/latest?cb=20210813202954&path-prefix=de) right center fixed !important;
    background-size: contain !important;
}

/*inner rail borders*/
.rail-module,
#FounderProgressWidget > h2, #WikiFeaturesWidget > h2 {
    border-bottom: 1px solid rgb(var(--theme-page-text-color--rgb),0.35);
}


/*========================================
    	Aussehen Profilbanner
========================================*/

/*----- Eigene Buttons für das User-Profil -----*/

.user-identity-header__tag {
   color: inherit;
}
 
.theme-fandomdesktop-dark .user-identity-header__tag {
   box-shadow: inset 0 1px rgba(50,200,255,0.6), 
               inset 0 10px rgba(10,255,255,0.2),
               inset 0 10px 20px rgba(200,200,255,0.23),
               inset 0 -15px 30px rgba(20,40,120,0.75);
   color: #FFF !important;
   text-shadow: 1px 1px 3px #036 !important;
   font-family: Helvetica Neue,Helvetica,Arial,sans-serif !important;
   letter-spacing: 0.6px !important;
}

.theme-fandomdesktop-light .user-identity-header__tag {
   box-shadow: inset 0 1px rgba(25,60,100,0.6), 
               inset 0 10px rgba(220,250,255,0.2),
               inset 0 10px 20px rgba(140,200,220,0.23),
               inset 0 -15px 30px rgba(120,160,180,0.75);
   color: #124 !important;
   text-shadow: 1px 1px 3px #79c !important;
   font-family: Helvetica Neue,Helvetica,Arial,sans-serif !important;
   letter-spacing: 0.6px !important;
}


/*======================================
		 Aussehen der Galerie
======================================*/
/** Landscape **/
.gallery-landscape .mw-gallery-packed .gallerybox,
.gallery-landscape .mw-gallery-packed .gallerybox div {
    width: 180px !important;     /* adjust this value as desired */
    height: 150px;               /* adjust this value as desired */
}

.gallery-landscape li.gallerybox div.thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/*========================================
  Ändert Aussehen: "Letzte Bearbeitung"
========================================*/

.theme-fandomdesktop-dark .WikiaRail .module, .theme-fandomdesktop-dark .rail-module, .theme-fandomdesktop-dark .chat-module,.theme-fandomdesktop-dark .discussions-rail-theme {
    box-sizing: border-box;
    background: #0b1018;
}

.theme-fandomdesktop-light .WikiaRail .module, .theme-fandomdesktop-light .rail-module, .theme-fandomdesktop-light .chat-module, .theme-fandomdesktop-light .discussions-rail-theme {
    box-sizing: border-box;
    background: #cacdda;
}

#wikia-recent-activity h2 {
    margin-bottom: 10px !important;
}
 
.rail-module .wds-button, .chat-module .wds-button {
    font-size: 10px;
}

.theme-fandomdesktop-dark .rail-module a:visited:hover {
    color: #FFFF00 !important;
    text-decoration: none;
}

.theme-fandomdesktop-light .rail-module a:visited:hover {
    color: #DD5500 !important;
    text-decoration: none;
}


/*========================================
     Entfernt den Titel der Hauptseite
========================================*/
 
.mainpage .resizable-container .page-header__title {
    display: none;
}

/*--------------------------------------*/

.mw-parser-output .mw-editsection {
    display: none;
}
 
.mw-parser-output h0, h1, h2 .mw-editsection {
    display: inline;
}


/*========================================
       User-Banner für Theme-Dark
========================================*/

.theme-fandomdesktop-dark #userProfileApp {
    background: url("https://static.wikia.nocookie.net/aboveandbeyond/images/0/01/Community-Page-Header.jpg/revision/latest?cb=20210810114011&path-prefix=de") no-repeat -0px 40%/cover;
    overflow: hidden;
    padding-bottom: 0;
}


/*========================================
       User-Banner für Theme-Light
========================================*/

.theme-fandomdesktop-light #userProfileApp {
    background: url("https://static.wikia.nocookie.net/aboveandbeyond/images/2/24/UserBanner2.jpg/revision/latest?cb=20210803110402&path-prefix=de") no-repeat -0px 40%/cover;
    overflow: hidden;
    padding-bottom: 0;
}


/*========================================
       Kategorie-Grafik: Dark-Theme
========================================*/

.theme-fandomdesktop-dark .WikiaArticleCategories, .theme-fandomdesktop-dark .article-categories, .theme-fandomdesktop-dark .CategorySelect.articlePage {
    background: #111122;
    background-image: url(https://static.wikia.nocookie.net/scififanfiction/images/2/28/TOI-FF-Kategorie.jpg/revision/latest?cb=20210304024725&path-prefix=de) !important;
    overflow: hidden;
    background-size: cover !important;
    background-color: #112244 hsla(0,0%,100%,0.0);
    border: 2px solid #99A0C0 !important;
    line-height: 20px !important;
    padding: 10px 10px 0px 10px;
}
 
.theme-fandomdesktop-dark .CategorySelect.articlePage > .toolbar {
    background-color: transparent;
    border-top: 5;
    color:#FFFFFF;
}
 
.theme-fandomdesktop-dark .WikiaArticleCategories, .theme-fandomdesktop-dark .CategorySelect.articlePage a , .theme-fandomdesktop-dark .catlinks ul , .theme-fandomdesktop-dark .mw-normal-catlinks a , .theme-fandomdesktop-dark .article-categories, .theme-fandomdesktop-dark .CategorySelect.articlePage {
	color:#FFFFFF;
	opacity: 1;
	border-radius:5px;
}
 
.theme-fandomdesktop-dark .CategorySelect.articlePage .input {
    background-color: ghostwhite;
    border-radius: 5px;
    color: #fffefe;
}

.theme-fandomdesktop-dark .CategorySelect.articlePage .category.new, .theme-fandomdesktop-dark .CategorySelect.articlePage .placeholder {
    background-color: #FFFFFF;
    border: 2px solid ghostwhite;
}


/*========================================
       Kategorie-Grafik: Light-Theme
========================================*/

.theme-fandomdesktop-light .WikiaArticleCategories, .theme-fandomdesktop-light .article-categories, .theme-fandomdesktop-light .CategorySelect.articlePage {
    background: #000000;
    background-image: url(https://static.wikia.nocookie.net/mondbasis-alpha-1/images/3/34/EX-Hellblau-KAT.jpg/revision/latest?cb=20210804195319&path-prefix=de) !important;
    overflow: hidden;
    background-size: cover !important;
    background-color: #000000 hsla(0,0%,100%,0.0);
    border: 2px solid #334070 !important;
    line-height: 20px !important;
    padding: 10px 10px 0px 10px;
}

.theme-fandomdesktop-light .CategorySelect.articlePage > .toolbar {
    background-color: transparent;
    border-top: 5;
    color:#000000;
}
 
.theme-fandomdesktop-light .WikiaArticleCategories, .theme-fandomdesktop-light .CategorySelect.articlePage a , .theme-fandomdesktop-light .catlinks ul , .theme-fandomdesktop-light .mw-normal-catlinks a , .theme-fandomdesktop-light .article-categories, .theme-fandomdesktop-light .CategorySelect.articlePage {
	color:#000000;
	opacity: 1;
	border-radius:5px;
}
 
.theme-fandomdesktop-light .CategorySelect.articlePage .input {
    background-color: ghostwhite;
    border-radius: 5px;
    color: #000000;
}

.theme-fandomdesktop-light .CategorySelect.articlePage .category.new, .theme-fandomdesktop-light .CategorySelect.articlePage .placeholder {
    background-color: #000000;
    border: 2px solid ghostwhite;
}


/*========================================
            Eigene Scrollbar
========================================*/

::-webkit-scrollbar {
    width: 12px;
    box-shadow: 0 0 2px rgba(0, 50, 255, 0.5);
}
 
::-webkit-scrollbar-track {
    background: transparent;
    -webkit-box-shadow: inset 0 0 0px rgba(255,255,255,0.0);
    -moz-box-shadow: inset 0 0 0px rgba(255,255,255,0.0);
    border: 2px solid #323232;
    border-radius: 12px;
}
 
::-webkit-scrollbar-thumb {
    background: linear-gradient(#2266aa, #bbeeff); 
    border: 2px solid #77bbff;
    border-radius: 12px;
    -webkit-box-shadow: 0 0 0px #99bbff;
    -moz-box-shadow: 0 0 0px #99bbff;
    box-shadow: 0 0 0px #99bbff;
}
 
::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(#bbeeff, #aaddee);
    border: 2px solid #77bbff;
    border-radius: 12px;
    -webkit-box-shadow: 0 0 0px #aaddff;
    -moz-box-shadow: 0 0 0px #aaddff;
    box-shadow: 0 0 0px #aaddff;
}
 
::-webkit-scrollbar-thumb:active {
    background: linear-gradient(#bbeeff, #2266aa);
    border: 2px solid #6688ff;
    border-radius: 12px;
    -webkit-box-shadow: 0 0 0px #7799ff;
    -moz-box-shadow: 0 0 0px #7799ff;
    box-shadow: 0 0 0px #7799ff;
}