MediaWiki:Skin/Komplementärfarbe.css: Unterschied zwischen den Versionen

aus Kamelopedia, der wüsten Enzyklopädie
Zur Navigation springen Zur Suche springen
K
K (Textersetzung - „"http://kamelopedia.mormo.org/images/“ durch „"../images/“)
 
(25 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
 +
/* Hintergrundbild invertieren */
 +
 
  body {
 
  body {
 
     background: #000C22 url("images/5/5b/Invershintergrund.jpg") 0px 0px no-repeat !important;
 
     background: #000C22 url("images/5/5b/Invershintergrund.jpg") 0px 0px no-repeat !important;
Zeile 6: Zeile 8:
 
     }
 
     }
 
   
 
   
 +
/* Wiki-Logo invertieren */
 +
 
 
  #p-logo a { background-image: url("images/1/19/Wikiinvert.png") !important; }
 
  #p-logo a { background-image: url("images/1/19/Wikiinvert.png") !important; }
 
   
 
   
 +
/* Seitennachricht weiß */
 +
 
 
  #siteNotice { color: white; }
 
  #siteNotice { color: white; }
 
   
 
   
  #bodyContent, #content, #footer {
+
/* Seiteninhalt weiß */
 +
 +
  #bodyContent {
 +
    background: none;
 +
    color: #FFFFFF;
 +
    }
 +
 
 +
/* Seitenrahmen + Hintergrundfarbe */
 +
 +
#content {
 +
    border: 1px solid #555555;
 
     background-color: #000000;
 
     background-color: #000000;
 
     color: #FFFFFF;
 
     color: #FFFFFF;
 
     }
 
     }
 
   
 
   
  #bodyContent {  
+
/* GNU-Lizenz + MediaWiki invertieren */
     background: none;  
+
 +
  #footer {
 +
    border: 1px solid #0542DC;
 +
     background-color: #000000;
 +
    color: #FFFFFF;
 
     }
 
     }
 
   
 
   
  h1, h2, h3, h4, h5, h6 { color: #FFFFFF; }
+
/* Überschriften weiß (auch in der Sidebar!) */
 +
 +
  h1, h2, h3, h4, h5, h6 {  
 +
    color: #FFFFFF;
 +
    border-bottom: 1px solid #555555; }
 +
 +
  /* Hyperlinks Orange, besuchte Links Olivgrün,  */
 +
 
  a { color: #FFD447; }
 
  a { color: #FFD447; }
  a:visited { color: #888888; }
+
  a:visited { color: #A5C969; }
  a:hover { text-decoration: none; }
+
   
  a.new { color: red; }
+
  /* rote Links türkis */
  #bodyContent a.extiw, #bodyContent a.extiw:active { color: #999999; }
+
   
  #bodyContent a.extiw:visited { color: #888888; }
+
  a.new { color: #33DDFF !important; }
#bodyContent a.external { color: #999999; }
+
   
  #bodyContent a.external:visited { color: #888888; }
+
  /* externe Links in hässlichem braun */
  #bodyContent a.stub, #bodyContent a.stub:visited { color: #FF5500; }
 
 
   
 
   
 +
a.external { color: #CC9944; }
 +
#bodyContent a.extiw, #bodyContent a.extiw:active { color: #CC9944; }
 +
#bodyContent a.external { color: #CC9944; }
 +
 +
/* Hintergrund + Rahmen der Sidebar */
 +
 
 
  .pBody {
 
  .pBody {
     border: 1px solid #555555 !important;
+
     border: 1px solid #555555;
 
     border-left: none !important;
 
     border-left: none !important;
 
     background-color: #000000;
 
     background-color: #000000;
Zeile 37: Zeile 69:
 
     }
 
     }
 
   
 
   
  #bodyContent a.extiw, #bodyContent a.extiw:active {
+
  /* Hintergrund + Rahmen der Sidebar-Überschriften */
     background: none;
+
     padding: 0;
+
.portlet h5 {
 +
    background-color: #1F1C19 !important;
 +
    border: 1px solid #555555 !important;
 +
    -moz-border-radius-topright: 0.5em;
 +
    border-left:none!important;
 +
    border-bottom: 1px solid #000000; !important;
 +
    padding-bottom:1px;
 +
    }
 +
 +
/* Listenzeichen in der Sidebar invertieren */
 +
 +
.portlet ul {
 +
     list-style-type: square;
 +
     list-style-image: url("../images/f/f4/P_ulinvers.gif") !important;
 
     }
 
     }
 
   
 
   
  #bodyContent div.noicon a {
+
/* Inaktive Bearbeitungs-Leiste invertieren */
     background: none;
+
 
    padding: 0;
+
  #p-cactions  ul li {
 +
     border: 1px solid #555555 !important;
 
     }
 
     }
 
   
 
   
  .selected {
+
  #p-cactions  ul li a {
 
     background-color: #000000;
 
     background-color: #000000;
     color: #FFFFFF;
+
     color: #FFD447;
    border-color: #CCCCCC;
 
 
     }
 
     }
 
   
 
   
  #p-cactions ul li a {
+
  #p-cactions ul li a:hover {
 
     background-color: #000000;
 
     background-color: #000000;
     color: #FFD447;
+
     }
 +
 
 +
/* Aktive Bearbeitungs-Leiste invertieren */
 +
 +
#p-cactions li.selected {
 +
    border: 1px solid #0542DC !important;
 +
    border-bottom: none !important;
 
     }
 
     }
 
   
 
   
Zeile 62: Zeile 113:
 
     color: #FFD447 !important;
 
     color: #FFD447 !important;
 
     }
 
     }
 +
 +
/* Benutzername und so */
 
   
 
   
  pre {
+
  #p-personal a {
     background-color: transparent;
+
     color: #FFA769 !important;
    color: inherit;
 
    border: none;
 
 
     }
 
     }
 
   
 
   
  #p-personal {
+
  /* das Person-Symbol links neben dem Benutzername für angemeldete... */
    background-color: transparent;
 
    color: #999999;
 
    }
 
 
   
 
   
  #p-personal a {
+
  li#pt-userpage {
     color: #FFD447 !important;
+
     background: url("../images/2/26/MiniS2invert.png") top left no-repeat !important;
     background-color: transparent;
+
     background-repeat: no-repeat;
 +
    padding-left: 20px;
 +
    text-transform: none;
 
     }
 
     }
 
   
 
   
  #p-personal a:hover { background-color: transparent !important; }
+
  /* ...und für anonyme Kamele invertieren */
 
   
 
   
  .portlet h5 {
+
  li#pt-anonuserpage, li#pt-login {
     background-color: #1F1C19 !important;
+
     background:  url("../images/b/bc/MiniS2ainvert.png") top left no-repeat !important;
     border: 1px solid #555555 !important;
+
     background-repeat: no-repeat;
    -moz-border-radius-topright: 0.5em;
+
     padding-left: 20px;
     border-left:none!important;
+
     text-transform: none;
     border-bottom:1px solid #1F1C19 !important;
 
 
     }
 
     }
 
   
 
   
  .portlet ul {
+
  /* Listenzeichen in ein weißes Kamel umwandeln */
    list-style-type: square;
 
    list-style-image: url("http://kamelopedia.mormo.org/images/f/f4/P_ulinvers.gif")  !important;
 
    }
 
 
   
 
   
 
  ul {  
 
  ul {  
     list-style-image: url("http://kamelopedia.mormo.org/images/c/c4/K_ulinvers.gif") !important;
+
     list-style-image: url("../images/c/c4/K_ulinvers.gif") !important;
 
     }
 
     }
 +
 +
/* Suche invertieren */
 +
 +
#searchInput {
 +
    background-color: black;
 +
    color: white;
 +
}
 +
 +
.feedback_reviewform {
 +
    background-color:#060606;
 +
}

Aktuelle Version vom 23. November 2013, 19:58 Uhr

 /* Hintergrundbild invertieren */
 
 body {
    background: #000C22 url("images/5/5b/Invershintergrund.jpg") 0px 0px no-repeat !important;
    color: Black;
    margin: 0;
    padding: 0;
    }
 
 /* Wiki-Logo invertieren */
  
 #p-logo a { background-image: url("images/1/19/Wikiinvert.png") !important; }
 
 /* Seitennachricht weiß */
  
 #siteNotice { color: white; }
 
 /* Seiteninhalt weiß */
 
 #bodyContent {
    background: none; 
    color: #FFFFFF;
    }
  
 /* Seitenrahmen + Hintergrundfarbe */ 
 
 #content {
    border: 1px solid #555555;
    background-color: #000000;
    color: #FFFFFF;
    }
 
 /* GNU-Lizenz + MediaWiki invertieren */
 
 #footer {
    border: 1px solid #0542DC;
    background-color: #000000;
    color: #FFFFFF;
    }
 
 /* Überschriften weiß (auch in der Sidebar!) */
 
 h1, h2, h3, h4, h5, h6 { 
    color: #FFFFFF; 
    border-bottom: 1px solid #555555; }
 
  /* Hyperlinks Orange, besuchte Links Olivgrün,  */
 
 a { color: #FFD447; }
 a:visited { color: #A5C969; }
 
 /* rote Links türkis */
 
 a.new { color: #33DDFF !important; }
 
 /* externe Links in hässlichem braun */
 
 a.external { color: #CC9944; }
 #bodyContent a.extiw, #bodyContent a.extiw:active { color: #CC9944; }
 #bodyContent a.external { color: #CC9944; }
 
 /* Hintergrund + Rahmen der Sidebar */
  
 .pBody {
    border: 1px solid #555555;
    border-left: none !important;
    background-color: #000000;
    color: #FFFFFF;
    }
 
 /* Hintergrund + Rahmen der Sidebar-Überschriften */
 
 .portlet h5 {
    background-color: #1F1C19 !important;
    border: 1px solid #555555 !important;
    -moz-border-radius-topright: 0.5em;
    border-left:none!important;
    border-bottom: 1px solid #000000; !important; 
    padding-bottom:1px;
    }
 
 /* Listenzeichen in der Sidebar invertieren */
 
 .portlet ul {
    list-style-type: square;
    list-style-image: url("../images/f/f4/P_ulinvers.gif") !important;
    }
 
 /* Inaktive Bearbeitungs-Leiste invertieren */

 #p-cactions  ul li {
    border: 1px solid #555555 !important;
    }
 
 #p-cactions  ul li a {
    background-color: #000000;
    color: #FFD447;
    }
 
 #p-cactions  ul li a:hover {
    background-color: #000000;
    }
  
 /* Aktive Bearbeitungs-Leiste invertieren */
 
 #p-cactions li.selected {
    border: 1px solid #0542DC !important;
    border-bottom: none !important;
    }
 
 #p-cactions li.selected a {
    background-color: #000000 !important;
    color: #FFD447 !important;
    }

 /* Benutzername und so */
 
 #p-personal a {
    color: #FFA769 !important;
    }
 
 /* das Person-Symbol links neben dem Benutzername für angemeldete... */
 
 li#pt-userpage {
    background:  url("../images/2/26/MiniS2invert.png") top left no-repeat !important;
    background-repeat: no-repeat;
    padding-left: 20px;
    text-transform: none;
    }
 
 /* ...und für anonyme Kamele invertieren */
 
 li#pt-anonuserpage, li#pt-login {
    background:  url("../images/b/bc/MiniS2ainvert.png") top left no-repeat !important;
    background-repeat: no-repeat;
    padding-left: 20px;
    text-transform: none;
    }
 
 /* Listenzeichen in ein weißes Kamel umwandeln */
 
 ul { 
    list-style-image: url("../images/c/c4/K_ulinvers.gif") !important;
    }
 
 /* Suche invertieren */
 
 #searchInput {
    background-color: black;
    color: white;
 }

 .feedback_reviewform {
    background-color:#060606;
 }