[phpBB2] Indexboxen

Code:

/* GENERAL */

body
{
  background-image: url(http://img15.hostingpics.net/pics/389153fond.jpg),
    url(http://img15.hostingpics.net/pics/782516backbase01.jpg);
  background-position: top center, top left;
  background-repeat: repeat-y, repeat;
  background-color: #efefef;
}
a:link, a:hover
{
  text-decoration: none !important;
}
#i_logo
{
  margin-top: -18px;
  margin-bottom: -40px;
}

.bodylinewidth
{
  width: 800px;
  margin: auto;
}
#page-body
{
  width: 880px;
  margin: auto;
}

.forumline
{
  width: 100%;
  background: #e3dbcc;
  margin: 10px auto;
  border: 1px solid #d9cdb4;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -htm-border-radius: 20px;
  -o-border-radius: 20px;
  -webkit-border-radius: 20px;
}
.table
{
  width: 100%;
}

/* CATEGORIES */

.titre_cate
{
  width: 800px;
  height: 100px;
  background: url(http://img15.hostingpics.net/pics/492889fondtitrecate.png);
  margin: 20px auto 0 auto;
}
.titre_cate2
{
  display: block;
  width: 700px;
  margin: auto;
  text-align: center;
  padding-top: 6px;
}
.titre_cate2 h2
{
  font-familly: arial black;
  font-size: 32px;
  color: #e49225;
  text-transform: uppercase;
  text-shadow: 1px 1px 0px #d7550f;
  letter-spacing: 2px;
}
.forum
{
  width: 800px;
  height: 120px;
  margin: auto;
  overflow: hidden;
  background: #e3dbcc;
  border: 1px solid #d9cdb4;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -htm-border-radius: 20px;
  -o-border-radius: 20px;
  -webkit-border-radius: 20px;
}
.icone_forum
{
  float: left;
}
.forumlink
{
  display: inline-block;
  width: 600px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-bottom: 2px solid #77bdd7;
  margin-bottom: 3px;
  padding: 2px 0;
}
.illu
{
  float: right;
}
.description
{
  font-size: 11px;
  text-align: justify;
}
.description_contenu
{
  display: inline-block;
  width: 600px;
  height: 50px;
  overflow: auto;
}
.sous_forum
{
  clear: both;
}
.sous_forum img
{
  vertical-align: middle;
}

/* CHAMPS DE SAISIE ET BOUTONS */

#text_editor_iframe, input.post, select, textarea.inputbox, textarea.post, textarea
{
  background: #F8F8F8;
  border: 1px solid #eacc8a;
  padding: 2px;
}
#text_editor_iframe:focus, input.post:focus, select:focus, textarea.inputbox:focus,
textarea.post:focus, textarea:focus
{
  border: 1px solid #59b6d1;
}
.mainoption, .liteoption
{
  background: linear-gradient(#ffffff, #d3dadc);
  background: -webkit-linear-gradient(#ffffff, #d3dadc);
  background: -o-linear-gradient(#ffffff, #d3dadc);
  background: -moz-linear-gradient(#ffffff, #d3dadc);
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 3px #d5842c;
  -moz-box-shadow: 0px 0px 3px #d5842c;
  -htm-box-shadow: 0px 0px 3px #d5842c;
  -o-box-shadow: 0px 0px 3px #d5842c;
  -webkit-box-shadow: 0px 0px 3px #d5842c;
  border-radius: 5px;
  -o-border-radius: 5px;
  -htm-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  cursor: pointer;
}
.mainoption:hover, .liteoption:hover
{
  box-shadow: 0px 0px 3px #389bc6;
  -moz-box-shadow: 0px 0px 3px #389bc6;
  -htm-box-shadow: 0px 0px 3px #389bc6;
  -o-box-shadow: 0px 0px 3px #389bc6;
  -webkit-box-shadow: 0px 0px 3px #389bc6;
}
#smileyContainer
{
  width: 200px !important;
}
.sceditor-container
{
  width: 580px !important;
  margin: auto !important;
  background: #deebf2 !important;
}
.sceditor-toolbar
{
  background: #4eb1d1 !important;
  border: 1px solid #328abf !important;
}
.sceditor-group
{
  background: #e3dbcc !important;
  border: 1px solid #d9cdb4 !important;
}
.sceditor-container textarea, .sceditor-container iframe
{
  background: #F8F8F8 !important;
  border: 1px solid #eacc8a !important;
  color: #645A4F !important;
  font-size: 11px;
  padding: 2px;
}
.sceditor-container textarea:focus, .sceditor-container iframe:focus
{
  border: 1px solid #328abf !important;
}
.code, .quote, .spoiler_closed, .spoiler_content, .hidecode dd
{
  background: #ffffff !important;
  border: 1px solid #d9cdb4;
  padding: 2px;
}

/* BORDURES */

.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}

/* FOOTER */

#page-footer a
{
  font-size: 10px;
}

.quote{background-color:#2c2a25;border:1px solid #6c6657;background-image:url('http://i55.servimg.com/u/f55/18/33/94/88/tumblr10.png');-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#caba9f;padding:5px;-moz-box-shadow:0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;}


a[href="/u1"] {
    text-shadow: 0 0 12px;
}

a[href="/u2"] {
    text-shadow: 0 0 12px;
}

a[href="/u24"] {
    text-shadow: 0 0 12px;
}
a[href="/u2"] {
    text-shadow: 0 0 12px;
}

a[href="/u2"] {
    text-shadow: 0 0 12px;
}

a[href="/u2"] {
    text-shadow: 0 0 12px;
}
a[href="/u2"] {
    text-shadow: 0 0 12px;
}

    .selectCode {
        color: #0372BE;
        cursor: pointer;
        float: right;
        font-weight: normal;  
   }



    /* Staff Beiträge einfärben Beginn */
        .post.admin-beitr, .admin-beitr td.row1, .admin-beitr td.row2 {
        background-image: url("http://i13.servimg.com/u/f13/15/32/27/07/15gthl10.png") !important;
        background-position: right bottom;
        background-repeat: repeat-x;
        background-color: # !important;
    }

        .post.co-admin-beitr, .co-admin-beitr td.row1, .co-admin-beitr td.row2 {
        background-image: url("http://i11.servimg.com/u/f11/16/03/94/01/15gthl10.png") !important;
        background-position: right bottom;
        background-repeat: repeat-x;
        background-color: # !important;
    }

        .post.grafitech-beitr, .grafitech-beitr td.row1, .grafitech-beitr td.row2 {
        background-image: url("http://i45.tinypic.com/15gthlh.png") !important;
        background-position: right bottom;
        background-repeat: repeat-x;
        background-color: # !important;
    }

.post.mod-beitr, .mod-beitr td.row1, .mod-beitr td.row2 {
        background-image: url("http://i13.servimg.com/u/f13/15/32/27/07/15gthl11.png") !important;
        background-position: right bottom;
        background-repeat: repeat-x;
        background-color: # !important;
    }

.post.npc-beitr, .npc-beitr td.row1, .npc-beitr td.row2 {
        background-image: url("http://i13.servimg.com/u/f13/15/32/27/07/15gthl11.png") !important;
        background-position: right bottom;
        background-repeat: repeat-x;
        background-color: # !important;
    }
    /* Staff Beiträge einfärben Ende */

        /*--- Ab hier können die Farben in der Chatbox verändert werden. Dazu das Wort "Farbcode" durch den gewünschten Wert ersetzen (Format #XXXXXX)---*/
    /*Hintergrundfarbe der Chatbox*/
    body.chatbox {
    background-image:url(http://i55.servimg.com/u/f55/18/33/94/88/109-st10.jpg);
    }
    /*Textfarbe im Titel der Chatbox*/

    #chatbox_header .catBottom .cattitle {
        color: #808080;
    }

    /*Textfarbe der Links im oberen Teil der Chatbox*/

    #chatbox_header .chatbox-options .genmed,
    #chatbox_header .chatbox-options,
    #chatbox_header .chatbox-options a {
        color: #000000;
    }

    /*Textfarbe in der Onlineliste (Userliste auf der linken Seite)*/

    #chatbox_members ul li,
    #chatbox_members ul li a {
        color: #808080;
     }

    /*Hintergrundfarbe im Chat-Stream (Hauptfeld, in dem die Nachrichten angezeigt werden)*/

    .chatbox_row_1,
    .chatbox_row_2,
    .chatbox_row_3,
    .chatbox_row_1 a,
    .chatbox_row_2 a,
    .chatbox_row_3 a  {
        background-color: transparent;
    }

    /*Textfarbe im Chat-Stream (Hauptfeld, in dem die Nachrichten angezeigt werden)*/

    .chatbox_row_1,
    .chatbox_row_2,
    .chatbox_row_3,
    .chatbox_row_1 a,
    .chatbox_row_2 a,
    .chatbox_row_3 a  {
        color: #808080;
    }
    /*---Hier endet der Bereich zum Einstellen der Farben in der Chatbox---*/

.forumlink
{
display: inline-block;
width: 600px;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
border-bottom: 2px solid #77bdd7;
margin-bottom: 3px;
padding: 2px 0;
}