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);   
   /* http://code.google.com/webfonts/family?family=Vollkorn */
   /* http://code.google.com/webfonts/family?family=Vollkorn */
   @import url(http://fonts.googleapis.com/css?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: #ffff00;
  }
  /* 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: #ffff00;
  }
  /* Kategorie Links */
  .catlinks { border-color: #ffff56; }
    
    
   div#bodyContent {
   /*  */
  border: 7px #555555;
  body p, body ul, body code, td {
    color:       #fffffc;
    font-family: 'Vollkorn', Arial, sans-serif;
   }
   }
 
  #bodyContent h2, #bodyContent div.NavFrame {
div#NavContent {
    font-family: 'Geo', arial, serif;
   background-color: 7px #0000FF;
  }
 
  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;
   }
   }
 
 
   div.pBody ul{
   /* verdammtes thumbnail nervt, also workaround */
     background-color: #222222;
  div.thumbinner {
     background-color: black;
    border-width: 0;
   }
   }
   #p-navigation a, #p-portlet2 a, #p-portlet3 a, #p-search a, #p-tb a, #p-fnord a {
    
      color: #FFFFFF;
  html .thumbimage {
      background-color: #222222;
    background-color: black;
    border-style: none;
   }
   }
 
 
 
  div.tright, div.tleft {
 
    border-width: 0;
   #column-one, #column-content, #globalWrapper, #content, #searchBody, #visualClear, #firstHeading .portlet{
    padding: 1em;
    color: #FFFFFF;
  }
     background-color: #FF0000;
 
  /* links */
   body a:link,    #p-personal li a:link,    #p-personal li a.new:link                          { color: #ff0000; }
  body a:visited, #p-personal li a:visited, #p-personal li a.new:visited                      { color: #ff0000; }
  body a:active, #p-personal li a:active, #p-personal li a.new:active                        { color: #ff0000; }
  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: #ff1010; }
  #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 #ffff00; }
 
  #bodyContent a.new,       #p-personal a.new      { text-decoration:line-through; color:#ff5050;}
  #bodyContent a.new:hover, #p-personal a.new:hover { text-decoration:line-through; color:#ff5050;}
 
  /* links: navi oben */
  #p-cactions li a          { background: #ffff00; }
  #p-cactions li.selected a { background: #ff0000; }
  #p-cactions li a:hover    { background: #ffff56; }
  #p-cactions li a:active  { background: #cf461a; }
 
  /* search */
  input {
     background-color: black;
    color: #ff0000;
    border: solid 1px;
   }
   }
   .NavFrame, div.NavHead {
    
    color: #FFFFFF;
  div.NavHead {
     background-color: #222222;
     background-color: black;
   }
   }
 
  table.gallery, table.gallery 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, 10:00 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: #ffff00;
 }
 /* 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: #ffff00;
 }
 /* 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: #ff0000; }
 body a:visited, #p-personal li a:visited, #p-personal li a.new:visited                       { color: #ff0000; }
 body a:active,  #p-personal li a:active,  #p-personal li a.new:active                        { color: #ff0000; }
 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: #ff1010; }
 #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 #ffff00; }
 
 #bodyContent a.new,       #p-personal a.new       { text-decoration:line-through; color:#ff5050;}
 #bodyContent a.new:hover, #p-personal a.new:hover { text-decoration:line-through; color:#ff5050;}
 
 /* links: navi oben */
 #p-cactions li a          { background: #ffff00; }
 #p-cactions li.selected a { background: #ff0000; }
 #p-cactions li a:hover    { background: #ffff56; }
 #p-cactions li a:active   { background: #cf461a; }
 
 /* search */
 input {
   background-color: black;
   color: #ff0000;
   border: solid 1px;
 }
 
 div.NavHead {
   background-color: black;
 }
 
 table.gallery, table.gallery tbody tr td { background-color: black; border: 0; }
 table.toc,     table.toc tbody tr td     { background-color: black; border: 0; }