GPN11:Stylesheet: Unterschied zwischen den Versionen

aus dem Wiki des Entropia e.V., CCC Karlsruhe
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
   /* http://code.google.com/webfonts/family?family=Geo */
   /* http://code.google.com/webfonts/family?family=Geo */
   @import url(https://fonts.googleapis.com/css?family=Geo);   
   @import url(https://fonts.googleapis.com/css?family=Geo);   
Zeile 7: Zeile 6:


   
   
   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 {
   html, #content, #p-navigation li a, #p-fnord li a, #p-tb li a, #p-cactions, #column-content, #bodyContent, body img, #catlinks, #globalWrapper, #p-logo, .pBody ul, #searchform, body code {
     background: black;
     background: black;
     color: #cccccc;
     color: #cccccc;
   }
   }
    
    
   #firstHeading { font-size: 150%; }
   #firstHeading {
    font-size: 150%;
    background: black;
    color: #ffffff;
  }
    
    
   /* text */
   /* text */
Zeile 36: Zeile 39:
   table tbody tr td {
   table tbody tr td {
     vertical-align:top;
     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;
   }
   }
    
    
Zeile 76: Zeile 63:
    
    
   /* links */
   /* links */
   body a:link,    #p-personal li a:link,    #p-personal li a.new:link                          { color: #eeeeee; }
   body a:link,    #p-personal li a:link,    #p-personal li a.new:link                          { color: #ffffff; }
   body a:visited, #p-personal li a:visited, #p-personal li a.new:visited                      { color: #dddddd; }
   body a:visited, #p-personal li a:visited, #p-personal li a.new:visited                      { color: #e3e3e3; }
   body a:active,  #p-personal li a:active,  #p-personal li a.new:active                        { color: #ffffff; }
   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 #cccccc; } */
    
    
   #bodyContent a.external { color: #eeeeee; }
   #bodyContent a.external { color: #ffffff; }
   #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 #ffffff; }
/*  #bodyContent a.external:hover { margin: -1px; padding: 0 15px 0 -2px; border: 1px solid #cccccc; } */
    
    
   #bodyContent a.new,      #p-personal a.new      { text-decoration:line-through; color:#eeeeee;}
   #bodyContent a.new,      #p-personal a.new      { text-decoration:line-through; color:#eeeeee;}

Version vom 8. März 2011, 09:18 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, #bodyContent, body img, #catlinks, #globalWrapper, #p-logo, .pBody ul, #searchform, body code {
   background: black;
   color: #cccccc;
 }
 
 #firstHeading {
   font-size: 150%;
   background: black;
   color: #ffffff;
 }
 
 /* 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: #ffffff; }
 
 /*  */
 body p, body ul, body code, td {
   color:       #ccc;
   font-family: 'Vollkorn', Arial, sans-serif;
 }
 #bodyContent h2, #bodyContent div.NavFrame {
   font-family: 'Geo', arial, serif;
 }
 
 table tbody tr td {
   vertical-align:top;
 }
 
 /* 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: #ffffff; }
 body a:visited, #p-personal li a:visited, #p-personal li a.new:visited                       { color: #e3e3e3; }
 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 #cccccc; }  */
 
 #bodyContent a.external { color: #ffffff; }
 #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 #cccccc; } */

 #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; }