MediaWiki:Vector.css: Difference between revisions

From Enderscrolls
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
/* ===========================
/* ===========================
   Enderscrolls / Minecraft Fan-Wiki Styles
   Enderscrolls Vector Skin
  Vector Skin
=========================== */
  =========================== */


/* ---------------------------
/* ---------------------------
   Body & Seitenhintergrund
   Seitenhintergrund & Text
---------------------------- */
---------------------------- */
body {
body {
     background-color: #1e1e1e !important;
     background-color: #1e1e1e !important; /* dunkelgrau */
     color: #f4f4f4 !important;
     color: #e0e0e0 !important;           /* hellgrau */
     font-family: "Verdana", sans-serif;
     font-family: "Verdana", sans-serif;
}
}
Line 16: Line 15:
   Header & Navigation
   Header & Navigation
---------------------------- */
---------------------------- */
#mw-head {
#mw-head, #p-navigation, #p-personal {
    background: linear-gradient(90deg, #140c0c, #962402);
     background-color: #2a1e3f !important; /* dunkel-lila */
    color: #fc997c;
     border-bottom: 2px solid #6a1b9a;   /* Akzentlinie */
    border-bottom: 3px solid #ffb84d;
}
 
#p-navigation, #p-personal {
     background-color: #962402 !important;
     border-bottom: 2px solid #ffb84d;
}
}


#p-navigation a, #p-personal a {
#p-navigation a, #p-personal a {
     color: #fc997c !important;
     color: #b39ddb !important; /* hell-lila */
     font-weight: bold;
     font-weight: bold;
    text-decoration: none;
}
}


#p-navigation a:hover, #p-personal a:hover {
#p-navigation a:hover, #p-personal a:hover {
     color: #ffffff !important;
     color: #d1c4e9 !important; /* hellere Akzentfarbe */
}
}


/* ---------------------------
/* ---------------------------
   Links & Buttons
   Hauptboxen & Infoboxen
---------------------------- */
---------------------------- */
a, a:visited {
.table-infobox, .mw-portlet, .infobox, .navbox, .vertical-navbox {
     color: #ffb84d !important;
    background-color: #2b2b2b !important; /* dunkle Box */
    border: 2px solid #6a1b9a !important; /* lila Akzent */
     color: #e0e0e0 !important;
    border-radius: 5px;
    padding: 8px;
}
}


a:hover {
/* ---------------------------
    color: #ffecb3 !important;
  Links & Buttons
}
---------------------------- */
a, a:visited { color: #b39ddb !important; }
a:hover { color: #d1c4e9 !important; }


button, .mw-ui-button {
button, .mw-ui-button {
     background-color: #962402 !important;
     background-color: #6a1b9a !important;
     color: #fc997c !important;
     color: #e0e0e0 !important;
     border: 1px solid #ffb84d !important;
     border: 1px solid #b39ddb !important;
     border-radius: 3px;
     border-radius: 3px;
     padding: 2px 6px;
     padding: 2px 6px;
Line 56: Line 56:


button:hover, .mw-ui-button:hover {
button:hover, .mw-ui-button:hover {
     background-color: #ffb84d !important;
     background-color: #b39ddb !important;
     color: #140c0c !important;
     color: #1e1e1e !important;
}
 
/* ---------------------------
  Tabellen
---------------------------- */
table {
    border-collapse: collapse;
    margin-bottom: 1em;
}
 
th, td {
    border: 1px solid #6a1b9a !important;
    padding: 4px 8px;
}
 
th {
    background-color: #2a1e3f !important;
    color: #b39ddb !important;
}
 
td {
    background-color: #2b2b2b !important;
    color: #e0e0e0 !important;
}
}


Line 64: Line 87:
---------------------------- */
---------------------------- */
h1, h2, h3, h4, h5, h6 {
h1, h2, h3, h4, h5, h6 {
     color: #ffb84d !important;
     color: #b39ddb !important;
     text-shadow: 1px 1px 2px #140c0c;
     text-shadow: 1px 1px 2px #1e1e1e;
}
}


/* ---------------------------
/* ---------------------------
   Infoboxen, Portlets & Boxen
   Footer
---------------------------- */
---------------------------- */
.table-infobox, .mw-portlet, .infobox, .navbox, .vertical-navbox {
#footer {
     background-color: #2a1e1e !important;
     background-color: #1e1e1e !important;
    border: 2px solid #962402 !important;
     color: #b39ddb !important;
     color: #fc997c !important;
     border-top: 2px solid #6a1b9a;
     border-radius: 5px;
    padding: 8px;
}
}
/* ---------------------------
  Tabellen
-------------------------

Revision as of 09:56, 18 September 2025

/* ===========================
   Enderscrolls Vector Skin
=========================== */

/* ---------------------------
   Seitenhintergrund & Text
---------------------------- */
body {
    background-color: #1e1e1e !important; /* dunkelgrau */
    color: #e0e0e0 !important;           /* hellgrau */
    font-family: "Verdana", sans-serif;
}

/* ---------------------------
   Header & Navigation
---------------------------- */
#mw-head, #p-navigation, #p-personal {
    background-color: #2a1e3f !important; /* dunkel-lila */
    border-bottom: 2px solid #6a1b9a;    /* Akzentlinie */
}

#p-navigation a, #p-personal a {
    color: #b39ddb !important; /* hell-lila */
    font-weight: bold;
    text-decoration: none;
}

#p-navigation a:hover, #p-personal a:hover {
    color: #d1c4e9 !important; /* hellere Akzentfarbe */
}

/* ---------------------------
   Hauptboxen & Infoboxen
---------------------------- */
.table-infobox, .mw-portlet, .infobox, .navbox, .vertical-navbox {
    background-color: #2b2b2b !important; /* dunkle Box */
    border: 2px solid #6a1b9a !important; /* lila Akzent */
    color: #e0e0e0 !important;
    border-radius: 5px;
    padding: 8px;
}

/* ---------------------------
   Links & Buttons
---------------------------- */
a, a:visited { color: #b39ddb !important; }
a:hover { color: #d1c4e9 !important; }

button, .mw-ui-button {
    background-color: #6a1b9a !important;
    color: #e0e0e0 !important;
    border: 1px solid #b39ddb !important;
    border-radius: 3px;
    padding: 2px 6px;
}

button:hover, .mw-ui-button:hover {
    background-color: #b39ddb !important;
    color: #1e1e1e !important;
}

/* ---------------------------
   Tabellen
---------------------------- */
table {
    border-collapse: collapse;
    margin-bottom: 1em;
}

th, td {
    border: 1px solid #6a1b9a !important;
    padding: 4px 8px;
}

th {
    background-color: #2a1e3f !important;
    color: #b39ddb !important;
}

td {
    background-color: #2b2b2b !important;
    color: #e0e0e0 !important;
}

/* ---------------------------
   Überschriften
---------------------------- */
h1, h2, h3, h4, h5, h6 {
    color: #b39ddb !important;
    text-shadow: 1px 1px 2px #1e1e1e;
}

/* ---------------------------
   Footer
---------------------------- */
#footer {
    background-color: #1e1e1e !important;
    color: #b39ddb !important;
    border-top: 2px solid #6a1b9a;
}