GPN11:Stylesheet: Unterschied zwischen den Versionen

aus dem Wiki des Entropia e.V., CCC Karlsruhe
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:




Zeile 18: Zeile 17:
   /* text */
   /* text */
   body h2, body h3, body b, #catlinks {
   body h2, body h3, body b, #catlinks {
     color: #ffff00;
     color: #cccccc;
   }
   }
   /* 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;
   }
   }
   /* Kategorie Links */
   /* Kategorie Links */
Zeile 78: Zeile 77:
    
    
   /* links */
   /* links */
   body a:link,    #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: #eeeeee; }
   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: #dddddd; }
   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: #ffffff; }
   body a,        #p-personal li a,        #p-personal li a.new      { text-decoration: none; margin: -3px; padding: 0 3px; }
   body a,        #p-personal li a,        #p-personal li a.new      { text-decoration: none; margin: -3px; padding: 0 3px; }
   body a:hover,  #p-personal li a:hover,  #p-personal li a.new:hover { margin: -3px; padding: 0 2px; border: 1px solid #ffff00; }
   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: #ff1010; }
   #bodyContent a.external { color: #eeeeee; }
   #bodyContent a.external { text-decoration: none; margin: -3px; padding: 0 3px; }
   #bodyContent a.external { text-decoration: none; margin: -3px; padding: 0 3px; }
    
    
   #bodyContent a.external      { margin:  0px; padding: 0 16px 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 #ffff00; }
   #bodyContent a.external:hover { margin: -1px; padding: 0 15px 0 -2px; border: 1px solid #ffffff; }
    
    
   #bodyContent a.new,      #p-personal a.new      { text-decoration:line-through; color:#ff5050;}
   #bodyContent a.new,      #p-personal a.new      { text-decoration:line-through; color:#eeeeee;}
   #bodyContent a.new:hover, #p-personal a.new:hover { text-decoration:line-through; color:#ff5050;}
   #bodyContent a.new:hover, #p-personal a.new:hover { text-decoration:line-through; color:#ffffff;}
    
    
   /* links: navi oben */
   /* links: navi oben */
   #p-cactions li a          { background: #ffff00; }
   #p-cactions li a          { background: #eeeeee; }
   #p-cactions li.selected a { background: #ff0000; }
   #p-cactions li.selected a { background: #dddddd; }
   #p-cactions li a:hover    { background: #ffff56; }
   #p-cactions li a:hover    { background: #ffffff; }
   #p-cactions li a:active  { background: #cf461a; }
   #p-cactions li a:active  { background: #dddddd; }
    
    
   /* search */
   /* search */
   input {
   input {
     background-color: black;
     background-color: black;
     color: #ff0000;
     color: #dddddd;
     border: solid 1px;
     border: solid 1px;
   }
   }
Zeile 108: Zeile 107:
   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: 0; }
   table.toc,    table.toc tbody tr td    { background-color: black; border: 0; }
   table.toc,    table.toc tbody tr td    { background-color: black; border: 0; }

Version vom 8. März 2011, 09:07 Uhr


 /* http://code.google.com/webfonts/family?family=Geo */
 @import url(https://fonts.googleapis.com/css?family=Geo);  
 /* http://code.google.com/webfonts/family?family=Vollkorn */
 @import url(http://fonts.googleapis.com/css?family=Vollkorn);


 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 {
   background: black;
   color: #cccccc;
 }
 
 #firstHeading { font-size: 150%; }
 
 /* text */
 body h2, body h3, body b, #catlinks {
   color: #cccccc;
 }
 /* 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: #ffff56; }
 
 /*  */
 body p, body ul, body code, td {
   color:       #fffffc;
   font-family: 'Vollkorn', Arial, sans-serif;
 }
 #bodyContent h2, #bodyContent div.NavFrame {
   font-family: 'Geo', arial, serif;
 }
 
 table tbody tr td {
   vertical-align:top;
 }
 
 test div#bodyContent, test div#bodyContent p, test div#bodyContent ul { /* remove any test in this line for round corners and shadow */
   border: 1px solid #888;
   border-shadow: 5px;
   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;
 }
 
 /* side-banner weg */
 .generated-sidebar img {
   display: none;
 }
 
 /* verdammtes thumbnail nervt, also workaround */
  div.thumbinner {
   background-color: black;
   border-width: 0;
 }
 
 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: #eeeeee; }
 body a:visited, #p-personal li a:visited, #p-personal li a.new:visited                       { color: #dddddd; }
 body a:active,  #p-personal li a:active,  #p-personal li a.new:active                        { color: #ffffff; }
 body a,         #p-personal li a,         #p-personal li a.new       { text-decoration: none; margin: -3px; padding: 0 3px; }
 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: #eeeeee; }
 #bodyContent a.external { text-decoration: none; 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 #ffffff; }
 
 #bodyContent a.new,       #p-personal a.new       { text-decoration:line-through; color:#eeeeee;}
 #bodyContent a.new:hover, #p-personal a.new:hover { text-decoration:line-through; color:#ffffff;}
 
 /* links: navi oben */
 #p-cactions li a          { background: #eeeeee; }
 #p-cactions li.selected a { background: #dddddd; }
 #p-cactions li a:hover    { background: #ffffff; }
 #p-cactions li a:active   { background: #dddddd; }
 
 /* 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: 0; }
 table.toc,     table.toc tbody tr td     { background-color: black; border: 0; }