MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus wiki.llyria.art
Zur Navigation springen Zur Suche springen
 
(54 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
 
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
 
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
  
 +
@font-face {
 +
  font-family: 'LocalTangerine';
 +
  src:  url('/fonts/Tangerine.woff2') format('woff2'),
 +
        url('/fonts/Tangerine.eot') format('embedded-opentype'),
 +
        url('/fonts/Tangerine.ttf') format('truetype'),
 +
        url('/fonts/Tangerine.svg') format('svg'),
 +
        url('/fonts/Tangerine.woff')  format('woff');
 +
}
  
 
body {
 
body {
Zeile 7: Zeile 15:
 
     font-family: 'Times New Roman', serif;
 
     font-family: 'Times New Roman', serif;
 
     font-size: 1.1rem;
 
     font-size: 1.1rem;
 +
}
 +
 +
 +
/** hide Diskussion tab***/
 +
#ca-talk {
 +
  display: none;
 +
}
 +
 +
/** hide view sourcecode tab **/
 +
#ca-viewsource {
 +
  display: none;
 
}
 
}
  
Zeile 26: Zeile 45:
 
#mw-page-base {
 
#mw-page-base {
 
     background-image: url( /images/css/wiki-background.jpg);  
 
     background-image: url( /images/css/wiki-background.jpg);  
}
 
 
#content {
 
    border-radius: 0px 0px 3px 3px;;
 
 
}
 
}
  
Zeile 37: Zeile 52:
 
     border-bottom: 1px solid #666;
 
     border-bottom: 1px solid #666;
 
     border-right: none;
 
     border-right: none;
 +
}
 +
 +
#bodyContent {
 +
    max-width: 1024px;
 +
    padding: 20px;
 +
}
 +
 +
#firstHeading {
 +
  font-family: 'LocalTangerine';
 +
  font-size: 54px;
 +
}
 +
 +
.mw-body h1, .mw-body-content h1 {
 +
    font-size: 1.9em;
 +
    font-weight: normal;
 +
    font-family: 'Times New Roman','serif';
 +
}
 +
 +
h1, h2 {
 +
    margin-bottom: 0.6em;
 +
    border-bottom: 1px solid #666;
 +
}
 +
 +
.mw-body-content h2 {
 +
    margin-top: 1em;
 +
    font-size: 1.8em;
 +
    font-family: 'Times New Roman', 'serif';
 +
}
 +
 +
.mw-body-content h3, .mw-body-content h4 {
 +
    font-weight: normal;
 +
    font-size: 1.4em;
 +
    border-bottom: 1px solid #a2a9b1;
 +
}
 +
 +
#mw-pages h3, #mw-subcategories h3 {
 +
    border-bottom: none;
 +
}
 +
 +
a.new:visited, #p-personal a.new:visited {
 +
    color: #6d2700;
 +
}
 +
 +
.toctext, .toctogglelabel {
 +
  color: #6d2700;
 +
}
 +
 +
.toctext:hover, .toctogglelabel:hover {
 +
  color: #c4591c;
 +
}
 +
 +
.vector-menu-dropdown li a {
 +
  color: #6d2700;
 +
}
 +
 +
.vector-menu-dropdown li a:hover {
 +
  color: #c4591c;
 +
}
 +
 +
.vector-menu-dropdown li a, a:visited, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
 +
  color: #6d2700;
 +
}
 +
 +
.vector-menu-content-list a {
 +
  color: #6d2700;
 +
}
 +
 +
.vector-menu-content-list a:hover  {
 +
  color: #c4591c;
 +
}
 +
 +
 +
a, a:visited, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
 +
  color: #c4591c;
 +
}
 +
 +
.a:hover, .mw-parser-output a.extiw:visited:hover, .mw-parser-output a.external:visited:hover {
 +
  color: #ff9e5e;
 
}
 
}
  
Zeile 43: Zeile 136:
 
     border-radius: 3px;
 
     border-radius: 3px;
 
     box-shadow: 1px 1px 3px rgba(30,15,0,0.5);
 
     box-shadow: 1px 1px 3px rgba(30,15,0,0.5);
 +
}
 +
 +
#mw-panel .portal-first {
 +
    background-image: none;
 +
    background-color: #fff;
 +
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
 +
    border-radius: 3px;
 +
}
 +
 +
#mw-panel h3 {
 +
    color: #000;
 +
    font-size: 1rem;
 +
}
 +
 +
#mw-panel .portal h3, .vector-menu-portal h3 {
 +
    background-image: linear-gradient(to right,rgba(200,204,209,0) 0,#000 33%,#000 66%,rgba(0, 0, 0, 0) 100%);
 
}
 
}
  
 
.vector-menu-tabs li {
 
.vector-menu-tabs li {
     background-image: linear-gradient(to bottom,rgba(255,255,255,0) 0,#ffffff 100%);
+
     background-image: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,0.6));
 +
}
 +
 
 +
.vector-menu-tabs {
 +
    background-image: none;
 
}
 
}
 +
  
 
.vector-menu-tabs a {
 
.vector-menu-tabs a {
 
     background-image: linear-gradient(to bottom,rgba(255,255,255,0.5) 0,#686868 100%);
 
     background-image: linear-gradient(to bottom,rgba(255,255,255,0.5) 0,#686868 100%);
 
}
 
}
 +
 +
.vector-menu-tabs li a {
 +
    color: #6d2700;
 +
}
 +
 +
.vector-menu-tabs li a:hover {
 +
    color: #c4591c;
 +
}
 +
 +
.mw-category-generated {
 +
    margin-top: 30px;
 +
    border-top: 1px solid #666;
 +
}
 +
 +
#mw-pages, #mw-subcategories {
 +
    background-color: #f4f4f3;
 +
    padding: 2px 20px 20px 20px;
 +
    margin-top: 30px;
 +
}
 +
 +
 +
/* INHALTSVERZEICHNIS */
 +
 +
.mw-body-content .toc h2 {
 +
    font-family: 'Times New Roman', 'serif';
 +
    font-size: 120%;
 +
    font-weight: normal;
 +
}
 +
 +
#toc {
 +
    background-color: #f4f4f3;
 +
    border: 1px solid #666;
 +
}
 +
 +
.toctitle {
 +
    border-bottom: 1px solid #666;
 +
}
 +
 +
.portal .body li a, .vector-menu-portal .body li a {
 +
  color: #6d2700;
 +
}
 +
 +
.portal .body li a:visited, .vector-menu-portal .body li a:visited {
 +
  color: #6d2700;
 +
}
 +
 +
.portal .body li a:hover, .vector-menu-portal .body li a:hover {
 +
  color: #c4591c;
 +
}
 +
 +
 +
/* BUTTONS */
 +
 +
.Infobutton a {
 +
    display: block;
 +
    padding: 3px 5px 3px 5px;
 +
    border: 1px solid #666;
 +
    background-color: #f4f4f3;
 +
    width: 100px;
 +
    text-align: center;
 +
    font-size: 0.9em;
 +
    color: #c4591c;
 +
}
 +
 +
.Infobutton a:hover {
 +
    background-color: #f9f9f9;
 +
    text-decoration: none;
 +
    color: #ff9e5e;
 +
}
 +
 +
 +
/* WIKITABLES */
 +
 +
.wikitable-lexikon {
 +
    background-color: #f8f9fa;
 +
    color: #202122;
 +
    margin: 20px 10px 35px 0px;
 +
    border-collapse: collapse;
 +
    border: 1px solid #666;
 +
    width: 100%;
 +
}
 +
 +
.wikitable-lexikon> * > tr > th {
 +
    background-color: #e3e2df;
 +
    font-size: 1.3rem;
 +
    font-weight: 300;
 +
}
 +
 +
.wikitable-lexikon > * > tr > td {
 +
    padding: 15px;
 +
}
 +
 +
.wikitable-lexikon p > a {
 +
    display: block;
 +
    padding: 5px;
 +
    border: 1px solid #666;
 +
    background-color: #dedede;
 +
    width: 100px;
 +
    text-align: center;
 +
    color: #c4591c;
 +
}
 +
 +
.wikitable-lexikon p > a:hover {
 +
    background-color: #ebe9e9;
 +
    color: #ff9e5e;
 +
}
 +
 +
.wikitable-lexikon a:hover {
 +
    text-decoration: none;
 +
}
 +
 +
 +
/*** SPOILER TOGGLE ***/
 +
 +
.mw-collapsible.mw-made-collapsible.mw-collapsed {
 +
    background-color: #f4f4f3;
 +
}
 +
 +
 +
.mw-collapsible.mw-made-collapsible > p {
 +
    background-color: #f4f4f3;
 +
}
 +
 +
 +
.mw-collapsible-content {
 +
    background-color: #fff;
 +
}
 +
  
  
Zeile 59: Zeile 301:
 
     background-color: rgba(255,255,255,0.7);
 
     background-color: rgba(255,255,255,0.7);
 
     box-shadow: 1px 1px 3px rgba(30,15,0,0.5);
 
     box-shadow: 1px 1px 3px rgba(30,15,0,0.5);
 +
    border-radius: 0px 0px 3px 3px;
 +
}
 +
 +
 +
 +
/***** MEDIA QUERIES ***** /
 +
 +
 +
@media only screen and (max-width: 1124px) {
 
}
 
}

Aktuelle Version vom 26. Dezember 2022, 18:03 Uhr

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */

@font-face {
  font-family: 'LocalTangerine';
  src:  url('/fonts/Tangerine.woff2') format('woff2'),
        url('/fonts/Tangerine.eot') format('embedded-opentype'),
        url('/fonts/Tangerine.ttf') format('truetype'),
        url('/fonts/Tangerine.svg') format('svg'),
        url('/fonts/Tangerine.woff')  format('woff');
}

body {
    background-image: url( /images/css/wiki-background.jpg); 
    background-color: #000000;
    font-family: 'Times New Roman', serif;
    font-size: 1.1rem;
}


/** hide Diskussion tab***/
#ca-talk {
  display: none;
}

/** hide view sourcecode tab **/
#ca-viewsource {
  display: none;
}


/*** HEADER & LOGO ***/

.mw-wiki-logo {
    background-image: url( /images/css/wiki-llogo.png) !important;
}

#mw-head-base {
    background-color: rgba(255,255,255,0.7);
}


/*** BODY ***/


#mw-page-base {
    background-image: url( /images/css/wiki-background.jpg); 
}

.mw-body {
    border-top: 1px solid #666;
    border-left: none;
    border-bottom: 1px solid #666;
    border-right: none;
}

#bodyContent {
    max-width: 1024px;
    padding: 20px;
}

#firstHeading {
   font-family: 'LocalTangerine';
   font-size: 54px;
}

.mw-body h1, .mw-body-content h1 {
    font-size: 1.9em;
    font-weight: normal;
    font-family: 'Times New Roman','serif';
}

h1, h2 {
    margin-bottom: 0.6em;
    border-bottom: 1px solid #666;
}

.mw-body-content h2 {
    margin-top: 1em;
    font-size: 1.8em;
    font-family: 'Times New Roman', 'serif';
}

.mw-body-content h3, .mw-body-content h4 {
    font-weight: normal;
    font-size: 1.4em;
    border-bottom: 1px solid #a2a9b1;
}

#mw-pages h3, #mw-subcategories h3 {
    border-bottom: none;
}

a.new:visited, #p-personal a.new:visited {
    color: #6d2700;
}

.toctext, .toctogglelabel {
  color: #6d2700;
}

.toctext:hover, .toctogglelabel:hover {
  color: #c4591c;
}

.vector-menu-dropdown li a {
  color: #6d2700;
}

.vector-menu-dropdown li a:hover {
  color: #c4591c;
}

.vector-menu-dropdown li a, a:visited, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
  color: #6d2700;
}

.vector-menu-content-list a {
  color: #6d2700;
}

.vector-menu-content-list a:hover  {
  color: #c4591c;
}


a, a:visited, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
  color: #c4591c;
}

.a:hover, .mw-parser-output a.extiw:visited:hover, .mw-parser-output a.external:visited:hover {
  color: #ff9e5e;
}

#mw-panel {
    background-color: rgba(255,255,255,0.7);
    border-radius: 3px;
    box-shadow: 1px 1px 3px rgba(30,15,0,0.5);
}

#mw-panel .portal-first {
    background-image: none;
    background-color: #fff;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    border-radius: 3px;
}

#mw-panel h3 {
    color: #000;
    font-size: 1rem;
}

#mw-panel .portal h3, .vector-menu-portal h3 {
    background-image: linear-gradient(to right,rgba(200,204,209,0) 0,#000 33%,#000 66%,rgba(0, 0, 0, 0) 100%);
}

.vector-menu-tabs li {
    background-image: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,0.6));
}

.vector-menu-tabs {
    background-image: none;
}


.vector-menu-tabs a {
    background-image: linear-gradient(to bottom,rgba(255,255,255,0.5) 0,#686868 100%);
}

.vector-menu-tabs li a {
    color: #6d2700;
}

.vector-menu-tabs li a:hover {
    color: #c4591c;
}

.mw-category-generated {
    margin-top: 30px;
    border-top: 1px solid #666;
}

#mw-pages, #mw-subcategories {
    background-color: #f4f4f3;
    padding: 2px 20px 20px 20px;
    margin-top: 30px;
}


/* INHALTSVERZEICHNIS */

.mw-body-content .toc h2 {
    font-family: 'Times New Roman', 'serif';
    font-size: 120%;
    font-weight: normal;
}

#toc {
    background-color: #f4f4f3;
    border: 1px solid #666;
}

.toctitle {
    border-bottom: 1px solid #666;
}

.portal .body li a, .vector-menu-portal .body li a {
  color: #6d2700;
}

.portal .body li a:visited, .vector-menu-portal .body li a:visited {
  color: #6d2700;
}

.portal .body li a:hover, .vector-menu-portal .body li a:hover {
  color: #c4591c;
}


/* BUTTONS */

.Infobutton a {
    display: block;
    padding: 3px 5px 3px 5px;
    border: 1px solid #666;
    background-color: #f4f4f3;
    width: 100px;
    text-align: center;
    font-size: 0.9em;
    color: #c4591c;
}

.Infobutton a:hover {
    background-color: #f9f9f9;
    text-decoration: none;
    color: #ff9e5e;
}


/* WIKITABLES */

.wikitable-lexikon {
    background-color: #f8f9fa;
    color: #202122;
    margin: 20px 10px 35px 0px;
    border-collapse: collapse;
    border: 1px solid #666;
    width: 100%;
}

.wikitable-lexikon> * > tr > th {
    background-color: #e3e2df;
    font-size: 1.3rem;
    font-weight: 300;
}

.wikitable-lexikon > * > tr > td {
    padding: 15px;
}

.wikitable-lexikon p > a {
    display: block;
    padding: 5px;
    border: 1px solid #666;
    background-color: #dedede;
    width: 100px;
    text-align: center;
    color: #c4591c;
}

.wikitable-lexikon p > a:hover {
    background-color: #ebe9e9;
    color: #ff9e5e;
}

.wikitable-lexikon a:hover {
    text-decoration: none;
}


/*** SPOILER TOGGLE ***/

.mw-collapsible.mw-made-collapsible.mw-collapsed {
    background-color: #f4f4f3;
}


.mw-collapsible.mw-made-collapsible > p {
    background-color: #f4f4f3;
}


.mw-collapsible-content {
    background-color: #fff;
}



/*** FOOTER ***/

.mw-footer {
    background-color: rgba(255,255,255,0.7);
    box-shadow: 1px 1px 3px rgba(30,15,0,0.5);
    border-radius: 0px 0px 3px 3px;
}



/***** MEDIA QUERIES ***** /


@media only screen and (max-width: 1124px) {
}