GPN11:Stylesheet: Unterschied zwischen den Versionen

aus dem Wiki des Entropia e.V., CCC Karlsruhe
K (test und formatierung)
KKeine Bearbeitungszusammenfassung
Zeile 16: Zeile 16:
     border-bottom-color: #ffff00;
     border-bottom-color: #ffff00;
   }
   }
  /* Kategorie Links */
   .catlinks { border-color: #ffff56; }
   .catlinks { border-color: #ffff56; }
    
    
   /*  font-family: Helvetica,Arial,sans-serif;*/
   /*  */
   body p, body ul, body code, td {
   body p, body ul, body code, td {
     color: #fffffc;
     color:       #fffffc;
    font-family: Helvetica,Arial,sans-serif;
   }
   }
   #bodyContent h2, #bodyContent div.NavFrame {
   #bodyContent h2, #bodyContent div.NavFrame {
     font-family: 'Geo', arial, serif;
     font-family: 'Geo', arial, serif;
   }
   }
    
    
   table tbody tr td {
   table tbody tr td {
Zeile 34: Zeile 34:
   test div#bodyContent, test div#bodyContent p, test div#bodyContent ul { /* remove any test in this line for round corners and shadow */
   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: 1px solid #888;
     border-shadow:5px;
     border-shadow: 5px;
     border-shadow-fade:50%;
     border-shadow-fade:50%;
     -webkit-border-radius: 5px;    /* for Safari */
     -webkit-border-radius: 5px;    /* for Safari */
     -webkit-box-shadow: 10px 10px 5px #888;     
     -webkit-box-shadow: 10px 10px 5px #888;     
     -moz-border-radius: 5px;      /* for Firefox */
     -moz-border-radius: 5px;      /* for Firefox */
     -moz-box-shadow: 10px 10px 5px #888;
     -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;
    
    
    -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;
     box-shadow: 10px 10px 5px #888;
Zeile 59: Zeile 58:
     border-width: 0;
     border-width: 0;
   }
   }
    
    
   html .thumbimage {
   html .thumbimage {
Zeile 77: Zeile 75:
   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: #ff00ff; }
   #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 #ffff00; }
 
 
   #bodyContent a.new,      #p-personal a.new      { text-decoration:line-through; color:#ff0000;}
   #bodyContent a.new,      #p-personal a.new      { text-decoration:line-through; color:#ff0000;}
   #bodyContent a.new:hover, #p-personal a.new:hover { text-decoration:line-through; color:#ff00ff;}
   #bodyContent a.new:hover, #p-personal a.new:hover { text-decoration:line-through; color:#ff00ff;}
    
    
   /* links: navi oben */
   /* links: navi oben */
   #p-cactions li a { background: #ffff00; }
   #p-cactions li a         { background: #ffff00; }
   #p-cactions li.selected a { background: #ff0000; }
   #p-cactions li.selected a { background: #ff0000; }
   #p-cactions li a:hover { background: #ffff56; }
   #p-cactions li a:hover   { background: #ffff56; }
   #p-cactions li a:active { background: #cf461a; }
   #p-cactions li a:active   { background: #cf461a; }
    
    
   /* search */
   /* search */
   input {
   input {
     background-color: black;
     background-color: black;
     color: #ffff00;
     color: #ff0000;
     border: solid 1px;
     border: solid 1px;
   }
   }
Zeile 106: Zeile 103:
    
    
   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 6. Januar 2011, 16:58 Uhr

@import url(https://fonts.googleapis.com/css?family=Geo); 
 
 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: #ffff00;
 }
 
 #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: Helvetica,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:#ff0000;}
 #bodyContent a.new:hover, #p-personal a.new:hover { text-decoration:line-through; color:#ff00ff;}
 
 /* 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; }