GPN11:Stylesheet: Unterschied zwischen den Versionen

aus dem Wiki des Entropia e.V., CCC Karlsruhe
K (:hover fix)
(background soll hier schwarz sein, wahrscheinlich durch update des basis-themes broken/update nötig)
 
(152 dazwischenliegende Versionen von 7 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
  @import url(https://fonts.googleapis.com/css?family=Geo);  
  div#content, div#footer, html, #content, #p-navigation li a, #p-fnord li a, #p-tb li a, #p-cactions, #column-content, #bodyContent, #mw-content-text, body img, #catlinks, #globalWrapper, #p-logo, .pBody ul, #searchform, body code, #p-cactions li {
    background-color: black;
    color: #ccc;
  }
    
    
   html, #content, #p-navigation li a, #p-fnord li a, #p-tb li a, #p-cactions, #column-content, #firstHeading, #bodyContent, body img, #catlinks, #globalWrapper, #p-logo, .pBody ul, #searchform, body code {
   #blafasel {
    font-size: 150%;
     background: black;
     background: black;
     color: #ffff00;
     color: #ffffff;
   }
   }
    
    
   #firstHeading { font-size: 150%; }
   #firstHeading { /* warum ist der scheiss so klein und ignoriert den font? */
    font-size: 180%;
    font-family: monospace;
    background: black;
    color: #eeeeee;
  }
  .mw-headline {
    font-family: monospace;
    background: black;
    color: #ffffff;
  }
    
    
   /* text */
   /* text */
   body h2, body h3, body b, #catlinks {
   body h2, body h3, body b, #catlinks {
     color: #ffff00;
     color: #aaa;
   }
   }
   /* h* */ body h1, body h2, body h3, body h4, body h5, body h6,
   /* h* */ body h1, body h2, body h3, body h4, body h5, body h6,
   /* left-navigation */ #p-navigation ul li, #p-portlet2 ul li, #p-portlet3 ul li, #p-search ul li, #p-tb ul li, #p-fnord ul li {
   /* left-navigation */ #p-navigation ul li, #p-portlet2 ul li, #p-portlet3 ul li, #p-search ul li, #p-tb ul li, #p-fnord ul li {
     border-bottom-color: #ffff00;
     border-bottom-color: #cccccc;
   }
   }
   .catlinks { border-color: #ffff56; }
  /* Kategorie Links */
 
   .catlinks { border-color: #ffffff; }
  /* font-family: Helvetica,Arial,sans-serif;*/
 
   
   body p, body ul, body code, td {
   body p, body ul, body code, td {
     color: #fffffc;
     color:       #ccc;
    border-color: #888;
    font-family: sans-serif;
   }
   }
   #bodyContent h2, #bodyContent div.NavFrame {
     font-family: 'Geo', arial, serif;
   body code {
     font-family: monospace;
    background-color: #222;
   }
   }
    
    
   table tbody tr td {
   table, tr {
     vertical-align:top;
    border-color:      #888;
    font-family: sans-serif;
  }
  tr > td:first-child {
     vertical-align: top;
  }
  #box { border-color: #222; color: #222 }
  #bodyContent h2, #bodyContent div.NavFrame {
    color:      #fff;
    font-family: monospace;
   }
   }
 
   test div#bodyContent, test div#bodyContent p, test div#bodyContent ul { /* remove any test in this line for round corners and shadow */
   body b {
    border: 1px solid #888;
     font-weight: bolder;
    border-shadow:5px;
     color: #fff
     border-shadow-fade:50%;
     -webkit-border-radius: 5px;    /* for Safari */
    -webkit-box-shadow: 10px 10px 5px #888;   
    -moz-border-radius: 5px;      /* for Firefox */
    -moz-box-shadow: 10px 10px 5px #888;
 
    -o-box-shadow: 10px 10px 5px #888;
    -icab-box-shadow: 10px 10px 5px #888;
    -khtml-box-shadow: 10px 10px 5px #888;
 
 
    box-shadow: 10px 10px 5px #888;
   }
   }
    
    
Zeile 57: Zeile 75:
   div.thumbinner {
   div.thumbinner {
     background-color: black;
     background-color: black;
     border-width: 0;
     border-width: 1;
    border-color: #333
   }
   }
    
    
   html .thumbimage {
   html .thumbimage {
Zeile 72: Zeile 90:
    
    
   /* links */
   /* links */
   body a:link, #bodyContent a.external, #p-personal li a:link, #p-personal li a.new:link { color: #ff0000; }
   body a:link,   #p-personal li a:link,   #p-personal li a.new:link                         { color: #fff; }
   body a:visited, #p-personal li a:visited, #p-personal li a.new:visited { color: #ff0000; }
   body a:visited, #p-personal li a:visited, #p-personal li a.new:visited                       { color: #fff; }
   body a:active, #p-personal li a:active, #p-personal li a.new:active { color: #ff0000; }
   body a:active, #p-personal li a:active, #p-personal li a.new:active                       { color: #ccc; }
   body a, #bodyContent a.external, #p-personal li a, #p-personal li a.new { text-decoration: none;
   body a,         #p-personal li a,         #p-personal li a.new       { text-decoration: underline; margin: -2px; padding: 0 3px; }
          margin: -3px; padding: 0 3px; }
   body a:hover,   #p-personal li a:hover,   #p-personal li a.new:hover { text-decoration: none; margin: -3px; padding: 0 3px; border: 1px solid #ccc; }
   body a:hover, #p-personal li a:hover, #p-personal li a.new:hover { margin: -3px; padding: 0 2px; border: 1px solid #ffff00; }
 
 
  #bodyContent a.external { color: #ffffff; }
   #bodyContent a.external { margin: 0px; padding: 0 16px 0 3px; }
  #bodyContent a.external { text-decoration: underline; margin: -3px; padding: 0 3px; }
   #bodyContent a.external:hover { margin: -1px; padding: 0 15px 0 -2px; border: 1px solid #ffff00; }
 
 
   #bodyContent a.external       { margin: 0px; padding: 0 16px 0 3px; }
   #bodyContent a.new, #p-personal a.new { text-decoration:line-through; color:#ff0000;}
   #bodyContent a.external:hover { margin: -1px; padding: 0 15px 0 -2px; border: 1px solid #cccccc; }
   #bodyContent a.new:hover , #p-personal a.new:hover { text-decoration:line-through; color:#ff0000;}
 
   #bodyContent a.new,       #p-personal a.new       {color: #fa8; text-decoration: underline; margin: -2px; padding: 0 3px; }
   #bodyContent a.new:hover, #p-personal a.new:hover {color: #fa8; text-decoration: none; margin: -3px; padding: 0 3px; border: 1px solid #ccc; }
    
    
   /* links: navi oben */
   /* links: navi oben */
   #p-cactions li a { background: #ffff00; }
   #p-cactions li a         { background: #888; }
   #p-cactions li.selected a { background: #ff0000; }
   #p-cactions li.selected a { background: #aaa; }
   #p-cactions li a:hover { background: #ffff56; }
   #p-cactions li a:hover   { background: #ccc; }
   #p-cactions li a:active { background: #cf461a; }
   #p-cactions li a:active   { background: #fff; }
    
    
   /* search */
   /* search */
   input {
   input {
     background-color: black;
     background-color: black;
     color: #ffff00;
     color: #dddddd;
     border: solid 1px;
     border: solid 1px;
   }
   }
Zeile 100: Zeile 120:
   div.NavHead {
   div.NavHead {
     background-color: black;
     background-color: black;
    color: #dddddd;
   }
   }
    
    
   table.gallery, table.gallery tbody tr td { background-color: black; border: 0; }
   table.gallery, table.gallery tbody tr td { background-color: black; border: 1; }
   table.toc, table.toc tbody tr td { background-color: black; border: 0; }
   table.toc,     table.toc tbody tr td     { background-color: black; border: 0; }
  #toc, .toc    { padding: 0px; background-color: #000000; }
  li.gallerybox { background-color: #000000; border-color: #333; }
  li.gallerybox div.thumb { border: none;    }
 
  div.NavFrame div.NavPic    { margin-bottom: 15px; bottom: 15px; top: 5px; }
[[Kategorie:GPN11]]

Aktuelle Version vom 22. Juni 2023, 19:25 Uhr

div#content, div#footer, html, #content, #p-navigation li a, #p-fnord li a, #p-tb li a, #p-cactions, #column-content, #bodyContent, #mw-content-text, body img, #catlinks, #globalWrapper, #p-logo, .pBody ul, #searchform, body code, #p-cactions li {
   background-color: black;
   color: #ccc;
 }
 
 #blafasel {
   font-size: 150%;
   background: black;
   color: #ffffff;
 }
 
 #firstHeading { /* warum ist der scheiss so klein und ignoriert den font? */
   font-size: 180%;
   font-family: monospace;
   background: black;
   color: #eeeeee;
 }

 .mw-headline {
   font-family: monospace;
   background: black;
   color: #ffffff;
 }
 
 /* text */
 body h2, body h3, body b, #catlinks {
   color: #aaa;
 }
 /* h* */ body h1, body h2, body h3, body h4, body h5, body h6,
 /* left-navigation */ #p-navigation ul li, #p-portlet2 ul li, #p-portlet3 ul li, #p-search ul li, #p-tb ul li, #p-fnord ul li {
   border-bottom-color: #cccccc;
 }
 /* Kategorie Links */
 .catlinks { border-color: #ffffff; }
  

 body p, body ul, body code, td {
   color:       #ccc;
   border-color: #888;
   font-family: sans-serif;
 }

 body code {
   font-family: monospace;
   background-color: #222;
 }
 
 table, tr {
   border-color:       #888;
   font-family: sans-serif;
 }

 tr > td:first-child {
   vertical-align: top;
 }

 #box { border-color: #222; color: #222 }

 #bodyContent h2, #bodyContent div.NavFrame {
   color:       #fff;
   font-family: monospace;
 }

 body b {
   font-weight: bolder;
   color: #fff
 }
 
 /* side-banner weg */
 .generated-sidebar img {
   display: none;
 }
 
 /* verdammtes thumbnail nervt, also workaround */
  div.thumbinner {
   background-color: black;
   border-width: 1;
   border-color: #333
 }
 
 html .thumbimage {
   background-color: black;
   border-style: none;
 }
 
 div.tright, div.tleft {
   border-width: 0;
   padding: 1em;
 }
 
 /* links */
 body a:link,    #p-personal li a:link,    #p-personal li a.new:link                          { color: #fff; }
 body a:visited, #p-personal li a:visited, #p-personal li a.new:visited                       { color: #fff; }
 body a:active,  #p-personal li a:active,  #p-personal li a.new:active                        { color: #ccc; }
 body a,         #p-personal li a,         #p-personal li a.new       { text-decoration: underline; margin: -2px; padding: 0 3px; }
 body a:hover,   #p-personal li a:hover,   #p-personal li a.new:hover { text-decoration: none; margin: -3px; padding: 0 3px; border: 1px solid #ccc; }
 
 #bodyContent a.external { color: #ffffff; }
 #bodyContent a.external { text-decoration: underline; margin: -3px; padding: 0 3px; }
 
 #bodyContent a.external       { margin:  0px; padding: 0 16px 0  3px; }
 #bodyContent a.external:hover { margin: -1px; padding: 0 15px 0 -2px; border: 1px solid #cccccc; }
 
 #bodyContent a.new,       #p-personal a.new       {color: #fa8; text-decoration: underline; margin: -2px; padding: 0 3px; }
 #bodyContent a.new:hover, #p-personal a.new:hover {color: #fa8; text-decoration: none; margin: -3px; padding: 0 3px; border: 1px solid #ccc; }
 
 /* links: navi oben */
 #p-cactions li a          { background: #888; }
 #p-cactions li.selected a { background: #aaa; }
 #p-cactions li a:hover    { background: #ccc; }
 #p-cactions li a:active   { background: #fff; }
 
 /* search */
 input {
   background-color: black;
   color: #dddddd;
   border: solid 1px;
 }
 
 div.NavHead {
   background-color: black;
   color: #dddddd;
 }
 
 table.gallery, table.gallery tbody tr td { background-color: black; border: 1; }
 table.toc,     table.toc tbody tr td     { background-color: black; border: 0; }
 #toc, .toc    { padding: 0px; background-color: #000000; }
 li.gallerybox { background-color: #000000; border-color: #333; }
 li.gallerybox div.thumb { border: none;    }
 
 div.NavFrame div.NavPic    { margin-bottom: 15px; bottom: 15px; top: 5px; }