Ergebnisse des CSS Crunching von www.clearprog.de

Mal sehen was wir getan haben für www.clearprog.de

CSSCruncher.com hat dieser Webseite
41,27 %Code erspart! Ich fasse es nicht!

Crunched CSS Code:

body{font-size:12px;font-family:arial,sans-serif,verdana;background-color:white;background-image:url(http://www.shtools.de/bilder/back.gif)}
.forumline{background-color:#FFFFFF;border:2px #006699 solid}
.kopfbg{background-color:#BBD2EA}
.topic{background-color:#006699;background-image:url(http://www.shtools.de/bilder/cellpic3.gif);text-align:left;font-size:12pt;font-weight:bold;border:1px solid #006699;border-width:1px;color:#FFFFFF;border-style:solid;border-color:#006699}
.bgcol{background-color:#006699}
.bordercol{border-color:#006699}
.tabbg{background-color:#EEEFEF}
.sitebg{background-color:#FFFFFF}
.menudbg{background-color:#BBD2EA}
.downlbg{background-color:#FF6}
td.bordertop{border-top:1px solid #006699;border-left:1px solid #006699;border-right:1px solid #006699;border-top-width:1px;border-top-style:solid;border-left-width:1px;border-left-style:solid;border-right-width:1px;border-right-style:solid}
td.bordermiddle{border-left:1px solid #006699;border-right:1px solid #006699;border-left-width:1px;border-left-style:solid;border-right-width:1px;border-right-style:solid}
td.br{border-right:1px solid #006699;border-right-width:1px;border-right-style:solid}
td.bl{border-left:1px solid #006699;border-left-width:1px;border-left-style:solid}
td.bu{border-bottom:1px solid #006699;border-bottom-width:1px;border-bottom-style:solid}
td.bo{border-top:1px solid #006699;border-top-width:1px;border-top-style:solid}
td.borderbottom{border-bottom:1px solid #006699;border-left:1px solid #006699;border-right:1px solid #006699;border-bottom-width:1px;border-bottom-style:solid;border-left-width:1px;border-left-style:solid;border-right-width:1px;border-right-style:solid}
td.kopf{border:1px solid #006699;border-width:1px;border-style:solid}
td.start{border-left:1px solid #006699;border-right:1px solid #006699;border-left-width:1px;border-left-style:solid;border-right-width:1px;border-right-style:solid;text-align:left;font-size:14pt;font-weight:bold}
td.fuss{border-left:1px solid #006699;border-right:2px solid #006699;border-bottom:1px solid #006699;border-left-width:1px;border-left-style:solid;border-right-width:1px;border-right-style:solid;border-bottom-width:1px;border-bottom-style:solid;text-align:left;font-size:12pt;font-weight:bold}
td.disc{border:1px solid #006699;border-width:1px;border-style:solid;text-align:left;font-size:12pt;font-weight:normal}
td.news{font-size:12px;font-weight:bold}
td.normal{font-size:12px;font-weight:normal}
span.normal{text-align:left;font-size:12px;font-weight:normal}
span.bold{text-align:left;font-size:12px;font-weight:bold}
a.normalb:link{text-align:left;font-size:12px;font-weight:bold;color:#000000;text-decoration:none}
a.normalb:visited{text-align:left;font-size:12px;font-weight:bold;color:#000000;text-decoration:none}
a.normalb:hover{text-align:left;font-size:12px;font-weight:bold;color:blue;text-decoration:underline}
a.normal:link{text-align:left;font-size:12px;font-weight:normal;color:blue;text-decoration:none}
a.normal:visited{text-align:left;font-size:12px;font-weight:normal;color:blue;text-decoration:none}
a.normal:hover{text-align:left;font-size:12px;font-weight:normal;color:blue;text-decoration:underline}
a.newsb:link{text-align:left;font-size:13px;font-weight:normal;color:#000000;text-decoration:none}
a.newsb:visited{text-align:left;font-size:13px;font-weight:normal;color:#000000;text-decoration:none}
a.newsb:hover{text-align:left;font-size:13px;font-weight:normal;color:blue;text-decoration:underline}
a.newsr:link{text-align:left;font-size:13px;font-weight:normal;color:red;text-decoration:none}
a.newsr:visited{text-align:left;font-size:13px;font-weight:normal;color:red;text-decoration:none}
a.newsr:hover{text-align:left;font-size:13px;font-weight:normal;color:red;text-decoration:underline;border-bottom:0px solid red}
td.menukopf{border:1px solid #006699;border-width:1px;border-style:solid;text-align:left;font-size:12pt;font-weight:normal}
a.menu{font-size:14px;font-weight:normal}
a.menu:link{color:#000000;text-decoration:none}
a.menu:visited{color:#000000;text-decoration:none}
a.menu:hover{color:blue;text-decoration:underline}
a.menua{font-size:14px;font-weight:normal}
a.menua:link{color:blue;text-decoration:none}
a.menua:visited{color:#0000FF;text-decoration:none}
a.menua:hover{color:#0000FF;text-decoration:none}
td.nlkopf{border:1px solid #006699;border-width:1px 1px 1px 1px;border-style:solid;text-align:left;font-size:8pt;font-weight:bold}
td.nlbg{background-color:#D7D7D7}
td.nl{border-left:1px solid #006699;border-right:1px solid #006699;border-left-width:1px;border-left-style:solid;border-right-width:1px;border-right-style:solid;font-size:8pt;font-weight:normal}
td.nlfuss{border-left:1px solid #006699;border-right:1px solid #006699;border-bottom:1px solid #006699;border-left-width:1px;border-left-style:solid;border-right-width:1px;border-right-style:solid;border-bottom-width:1px;border-bottom-style:solid;text-align:center;font-size:8pt;font-weight:normal}

» Zeige den Original CSS code

« Verberge den Original CSS code

/* Allgemein */

body             { font-size: 12px; font-family: arial, sans-serif, verdana; background-color: white; background-image: url(http://www.shtools.de/bilder/back.gif)}

/* ==================================================================================================*/
/* Hintergrundfarben */
/* ==================================================================================================*/

.forumline       { background-color: #FFFFFF; border: 2px #006699 solid; }

.kopfbg          { background-color: #BBD2EA; }     /* Farbe für Überschriften/Menü */

.topic           { background-color: #006699;
                   background-image: url(http://www.shtools.de/bilder/cellpic3.gif); 
                   text-align:left; 
                   font-size:12pt; 
                   font-weight:bold;
                   border: 1px solid #006699;
                   border-width: 1px; 
                   color: #FFFFFF;
                   border-style: solid;
                   border-color: #006699; }
 
.bgcol            { background-color: #006699;}     /* Farbe der Tabellen-Rahmen auf den Seiten */ 
.bordercol        { border-color: #006699;}         /* Farbe der Tabellen-Rahmen auf den Seiten */ 
 
.tabbg            { background-color: #EEEFEF; }    /* Farbe für die Texte/Hover im Menü */ 
.sitebg           { background-color: #FFFFFF; }    /* Hintergrundfarbe der Seite */ 
.menudbg          { background-color: #BBD2EA; }    /* dunklere Farbe für das Menü */ 
.downlbg          { background-color: #FF6; }       /* Hintergrund der Download-Tabelle */

/* ==================================================================================================*/
/* Stylesheet für Tabellen-Rahmen */
/* ==================================================================================================*/

td.bordertop      { border-top: 1px solid #006699; border-left: 1px solid #006699; border-right: 1px solid #006699; 
                    /* Netscape Border */
                    border-top-width: 1px; border-top-style: solid; border-left-width: 1px; border-left-style: solid; border-right-width: 1px; border-right-style: solid;}
td.bordermiddle   { border-left: 1px solid #006699; border-right: 1px solid #006699; 
                    /* Netscape Border */
                    border-left-width: 1px; border-left-style: solid; border-right-width: 1px; border-right-style: solid;}
td.br             { border-right: 1px solid #006699; 
                    /* Netscape Border */
                    border-right-width: 1px; border-right-style: solid;}
td.bl             { border-left: 1px solid #006699; 
                    /* Netscape Border */
                    border-left-width: 1px; border-left-style: solid; }
td.bu             { border-bottom: 1px solid #006699;  
                    /* Netscape Border */
                    border-bottom-width: 1px; border-bottom-style: solid;}
td.bo             { border-top: 1px solid #006699;  
                    /* Netscape Border */
                    border-top-width: 1px; border-top-style: solid;}
td.borderbottom   { border-bottom: 1px solid #006699; border-left: 1px solid #006699; border-right: 1px solid #006699; 
                    /* Netscape Border */
                    border-bottom-width: 1px; border-bottom-style: solid; border-left-width: 1px; border-left-style: solid; border-right-width: 1px; border-right-style: solid;}

/* ==================================================================================================*/
/* Stylesheet für die Startseite */
/* ==================================================================================================*/

td.kopf           { border: 1px solid #006699; border-width: 1px; border-style: solid;}
td.start          { border-left: 1px solid #006699; border-right: 1px solid #006699; 
                    /* Netscape Border */
                    border-left-width: 1px; border-left-style: solid; border-right-width: 1px; border-right-style: solid;
                    text-align:left; font-size:14pt; font-weight:bold; }
td.fuss           { border-left: 1px solid #006699; border-right: 2px solid #006699; border-bottom: 1px solid #006699;
                    /* Netscape Border */
                    border-left-width: 1px; border-left-style: solid; border-right-width: 1px; border-right-style: solid; border-bottom-width: 1px; border-bottom-style: solid; 
                    text-align:left; font-size:12pt; font-weight:bold; }
td.disc           { border: 1px solid #006699; border-width: 1px; border-style: solid; text-align:left; font-size:12pt; font-weight:normal; }             
 
td.news           { font-size:12px; font-weight:bold; }
td.normal         { font-size:12px; font-weight:normal; }

span.normal       { text-align:left; font-size:12px; font-weight:normal; }
span.bold         { text-align:left; font-size:12px; font-weight:bold; }

a.normalb:link    { text-align:left; font-size:12px; font-weight:bold; color:#000000; text-decoration:none; }
a.normalb:visited { text-align:left; font-size:12px; font-weight:bold; color:#000000; text-decoration:none; }
a.normalb:hover   { text-align:left; font-size:12px; font-weight:bold; color:blue; text-decoration:underline; }

a.normal:link     { text-align:left; font-size:12px; font-weight:normal; color:blue; text-decoration:none; }
a.normal:visited  { text-align:left; font-size:12px; font-weight:normal; color:blue; text-decoration:none; }
a.normal:hover    { text-align:left; font-size:12px; font-weight:normal; color:blue; text-decoration:underline; }

a.newsb:link      { text-align:left; font-size:13px; font-weight:normal; color:#000000; text-decoration:none; }
a.newsb:visited   { text-align:left; font-size:13px; font-weight:normal; color:#000000; text-decoration:none; }
a.newsb:hover     { text-align:left; font-size:13px; font-weight:normal; color:blue; text-decoration:underline; }

a.newsr:link      { text-align:left; font-size:13px; font-weight:normal; color:red; text-decoration:none; }
a.newsr:visited   { text-align:left; font-size:13px; font-weight:normal; color:red; text-decoration:none; }
a.newsr:hover     { text-align:left; font-size:13px; font-weight:normal; color:red; text-decoration:underline; border-bottom:0px solid red; }

/* ==================================================================================================*/
/* Stylesheet für die Menü-Seite */
/* ==================================================================================================*/

td.menukopf       { border: 1px solid #006699; border-width: 1px; border-style: solid; text-align:left; font-size:12pt; font-weight:normal; }

a.menu            { font-size:14px; font-weight:normal; }                             
a.menu:link       { color:#000000; text-decoration:none; }
a.menu:visited    { color:#000000; text-decoration:none; }
a.menu:hover      { color:blue; text-decoration:underline;}
a.menua           { font-size:14px; font-weight:normal; }                             
a.menua:link      { color:blue; text-decoration:none; }
a.menua:visited   { color:#0000FF; text-decoration:none;}
a.menua:hover     { color:#0000FF; text-decoration:none;}

/* ==================================================================================================*/
/* ==== Newsletter =======*/
/* ==================================================================================================*/

td.nlkopf         { border: 1px solid #006699;
                    border-width: 1px 1px 1px 1px; border-style: solid;
                    text-align:left; font-size:8pt; font-weight:bold; }
td.nlbg           { background-color: #D7D7D7; }
td.nl             { border-left: 1px solid #006699; border-right: 1px solid #006699; 
                    /* ### Border für Netscape ### */
                    border-left-width: 1px; border-left-style: solid; border-right-width: 1px; border-right-style: solid;
                    font-size:8pt; font-weight:normal; }
td.nlfuss         { border-left: 1px solid #006699; border-right: 1px solid #006699; border-bottom: 1px solid #006699; 
                    /* ### Border für Netscape ### */
                    border-left-width: 1px; border-left-style: solid; border-right-width: 1px; border-right-style: solid; border-bottom-width: 1px; border-bottom-style: solid; 
                    text-align:center; font-size:8pt; font-weight:normal; }