phpBB.de

Code: Alles auswählen

/*
--------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */

html, body {
        color: #000000;
        background-color: #000000;
        background-image: url("{T_THEME_PATH}/images/bg_retro4.jpg");
        background-attachment: fixed;



}

h1 {
        color: #FFFFFF;
}

h2 {
        color: #28313F;
}

h3 {
        border-bottom-color: #CCCCCC;
        color: #030303;
}

hr {
        border-color: #FFFFFF;
        border-top-color: #CCCCCC;
}

hr.dashed {
        border-top-color: #CCCCCC;
}

/* Search box
--------------------------------------------- */

#search-box {
        color: #FFFFFF;
}

#search-box #keywords {
        background-color: #FFF;
}

#search-box input {
        border-color: #0075B0;
}

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
        background: #FFFFFF url("{T_THEME_PATH}/images/back_v6.jpg") no-repeat ;
        max-width: 1400px;
        height: 200px;
        color: #FFFFFF;
        margin: 0 auto;
        margin-bottom: 0px;
        margin-top: 0px;
        min-width: 590px;
}

.navbar {
        background-color: #d2d2d2;


}

.navbar2 {
        background-color: #d2d2d2;
          background-image: url("{T_THEME_PATH}/images/bg_menuunten.jpg");
        height: 66px

}





.forabg {
        background-color: #000000;
        background-image: url("{T_THEME_PATH}/images/bg_list.gif");
}

.forumbg {
        background-color: #000000;
        background-image: url("{T_THEME_PATH}/images/bg_list.gif");
}

.panel {
        background-color: #e1e1e1;
        color: #28313F;
}

.post:target .content {
        color: #000000;
}

.post:target h3 a {
        color: #000000;
}

.bg1        { background-color: #e1e1e1; }
.bg2        { background-color: #e6e6e6;  }
.bg3        { background-color: #e3e3e3; }

.ucprowbg {
        background-color: #DCDEE2;
}

.fieldsbg {
        background-color: #E7E8EA;
}

span.corners-top {
        background-image: url("{T_THEME_PATH}/images/corners_left.png");
}

span.corners-top span {
        background-image: url("{T_THEME_PATH}/images/corners_right.png");
}

span.corners-bottom {
        background-image: url("{T_THEME_PATH}/images/corners_left.png");
}

span.corners-bottom span {
        background-image: url("{T_THEME_PATH}/images/corners_right.png");
}

/* Horizontal lists
----------------------------------------*/

ul.navlinks {
        border-bottom-color: #FFFFFF;
}

/* Table styles
----------------------------------------*/
table.table1 thead th {
        color: #FFFFFF;
}

table.table1 tbody tr {
        border-color: #BFC1CF;
}

table.table1 tbody tr:hover, table.table1 tbody tr.hover {
        background-color: #CFE1F6;

        color: #000;
}

table.table1 td {
        color: #536482;
}

table.table1 tbody td {
        border-top-color: #FAFAFA;
}

table.table1 tbody th {
        border-bottom-color: #000000;
        color: #333333;
        background-color: #FFFFFF;
}

table.info tbody th {
        color: #000000;
}

/* Misc layout styles
---------------------------------------- */
dl.details dt {
        color: #000000;
}

dl.details dd {
        color: #536482;
}

.sep {
        color: #1198D9;
}

/* Pagination
---------------------------------------- */

.pagination span strong {
        color: #FFFFFF;
        background-color: #4692BF;
        border-color: #4692BF;
}

.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
        color: #5C758C;
        background-color: #ECEDEE;
        border-color: #B4BAC0;
}

.pagination span a:hover {
        border-color: #368AD2;
        background-color: #368AD2;
        color: #FFF;
}

/* Pagination in viewforum for multipage topics */
.row .pagination {
        background-image: url("{T_THEME_PATH}/images/icon_pages.gif");
}

.row .pagination span a, li.pagination span a {
        background-color: #FFFFFF;
}

.row .pagination span a:hover, li.pagination span a:hover {
        background-color: #368AD2;
}

/* Miscellaneous styles
---------------------------------------- */

.copyright {
        color: #555555;
}

.error {
        color: #BC2A4D;
}

.reported {
        background-color: #F7ECEF;
}

li.reported:hover {
        background-color: #ECD5D8 !important;
}
.sticky, .announce {
        /* you can add a background for stickies and announcements*/
}

div.rules {
        background-color: #ECD5D8;
        color: #BC2A4D;
}

p.rules {
        background-color: #ECD5D8;
        background-image: none;
}

/*
--------------------------------------------------------------
Colours and backgrounds for links.css
-------------------------------------------------------------- */

a:link        { color: #000000; }
a:visited        { color: #000000; }
a:hover        { color: #D31141; }
a:active        { color: #368AD2; }

/* Links on gradient backgrounds */
#search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
        color: #FFFFFF;
}

#search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited {
        color: #FFFFFF;
}

#search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover {
        color: #A8D8FF;
}

#search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active {
        color: #C8E6FF;
}

/* Links for forum/topic lists */
a.forumtitle {
        color: #000000;
}

/* a.forumtitle:visited { color: #000000; } */

a.forumtitle:hover {
        color: #BC2A4D;
}

a.forumtitle:active {
        color: #000000;
}

a.topictitle {
        color: #000000;
}

/* a.topictitle:visited { color: #368AD2; } */

a.topictitle:hover {
        color: #BC2A4D;
}

a.topictitle:active {
        color: #000000;
}

/* Post body links */
.postlink {
        color: #368AD2;
        border-bottom-color: #368AD2;
}

.postlink:visited {
        color: #5D8FBD;
        border-bottom-color: #666666;
}

.postlink:active {
        color: #368AD2;
}

.postlink:hover {
        background-color: #D0E4F6;
        color: #0D4473;
}

.signature a, .signature a:visited, .signature a:active, .signature a:hover {
        background-color: transparent;
}

/* Profile links */
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
        color: #000000;
}

.postprofile a:hover, .postprofile dt.author a:hover {
        color: #D31141;
}

/* Profile searchresults */
.search .postprofile a {
        color: #000000;
}

.search .postprofile a:hover {
        color: #D31141;
}

/* Back to top of page */
a.top {
        background-image: url("{IMG_ICON_BACK_TOP_SRC}");
}

a.top2 {
        background-image: url("{IMG_ICON_BACK_TOP_SRC}");
}

/* Arrow links  */
a.up                { background-image: url("{T_THEME_PATH}/images/arrow_up.gif") }
a.down                { background-image: url("{T_THEME_PATH}/images/arrow_down.gif") }
a.left                { background-image: url("{T_THEME_PATH}/images/arrow_left.gif") }
a.right                { background-image: url("{T_THEME_PATH}/images/arrow_right.gif") }

a.up:hover {
        background-color: transparent;
}

a.left:hover {
        color: #368AD2;
}

a.right:hover {
        color: #368AD2;
}


/*
--------------------------------------------------------------
Colours and backgrounds for content.css
-------------------------------------------------------------- */

ul.forums {
        background-color: #FEFCFF;
        background-image: url("{T_THEME_PATH}/images/gradient.gif");
}

ul.topiclist li {
        color: #000000;
}

ul.topiclist dd {
        border-left-color: #FFFFFF;
}

.rtl ul.topiclist dd {
        border-right-color: #fff;
        border-left-color: transparent;
}

ul.topiclist li.row dt a.subforum.read {
        background-image: url("{IMG_SUBFORUM_READ_SRC}");
}

ul.topiclist li.row dt a.subforum.unread {
        background-image: url("{IMG_SUBFORUM_UNREAD_SRC}");
}

li.row {
        border-top-color:  #FFFFFF;
        border-bottom-color: #00608F;
}

li.row strong {
        color: #000000;
}

li.row:hover {
        background-color: #F6F4D0;
}

li.row:hover dd {
        border-left-color: #CCCCCC;
}

.rtl li.row:hover dd {
        border-right-color: #CCCCCC;
        border-left-color: transparent;
}

li.header dt, li.header dd {
        color: #FFFFFF;
}

/* Forum list column styles */
ul.topiclist dd.searchextra {
        color: #333333;
}

/* Post body styles
----------------------------------------*/
.postbody {
        color: #333333;
}

/* Content container styles
----------------------------------------*/
.content {
        color: #333333;
}

.content h2, .panel h2 {
        color: #000000;
        border-bottom-color:  #CCCCCC;
}

dl.faq dt {
        color: #333333;
}

.posthilit {
        background-color: #F3BFCC;
        color: #BC2A4D;
}

/* Post signature */
.signature {
        border-top-color: #CCCCCC;
}

/* Post noticies */
.notice {
        border-top-color:  #CCCCCC;
}

/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
        background-color: #EBEADD;
        background-image: url("{T_THEME_PATH}/images/quote.gif");
        border-color:#DBDBCE;
}

.rtl blockquote {
        background-image: url("{T_THEME_PATH}/images/quote_rtl.gif");
}

blockquote blockquote {
        /* Nested quotes */
        background-color:#EFEED9;
}

blockquote blockquote blockquote {
        /* Nested quotes */
        background-color: #EBEADD;
}

/* Code block */
dl.codebox {
        background-color: #FFFFFF;
        border-color: #C9D2D8;
}

dl.codebox dt {
        border-bottom-color:  #CCCCCC;
}

dl.codebox code {
        color: #2E8B57;
}

.syntaxbg                { color: #FFFFFF; }
.syntaxcomment        { color: #FF8000; }
.syntaxdefault        { color: #0000BB; }
.syntaxhtml                { color: #000000; }
.syntaxkeyword        { color: #007700; }
.syntaxstring        { color: #DD0000; }

/* Attachments
----------------------------------------*/
.attachbox {
        background-color: #FFFFFF;
        border-color:  #C9D2D8;
}

.pm-message .attachbox {
        background-color: #F2F3F3;
}

.attachbox dd {
        border-top-color: #C9D2D8;
}

.attachbox p {
        color: #666666;
}

.attachbox p.stats {
        color: #666666;
}

.attach-image img {
        border-color: #999999;
}

/* Inline image thumbnails */

dl.file dd {
        color: #666666;
}

dl.thumbnail img {
        border-color: #666666;
        background-color: #FFFFFF;
}

dl.thumbnail dd {
        color: #666666;
}

dl.thumbnail dt a:hover {
        background-color: #EEEEEE;
}

dl.thumbnail dt a:hover img {
        border-color: #368AD2;
}

/* Post poll styles
----------------------------------------*/

fieldset.polls dl {
        border-top-color: #DCDEE2;
        color: #666666;
}

fieldset.polls dl.voted {
        color: #000000;
}

fieldset.polls dd div {
        color: #FFFFFF;
}

.rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 {
        border-right-color: transparent;
}

.pollbar1 {
        background-color: #AA2346;
        border-bottom-color: #74162C;
        border-right-color: #74162C;
}

.rtl .pollbar1 {
        border-left-color: #74162C;
}

.pollbar2 {
        background-color: #BE1E4A;
        border-bottom-color: #8C1C38;
        border-right-color: #8C1C38;
}

.rtl .pollbar2 {
        border-left-color: #8C1C38;
}

.pollbar3 {
        background-color: #D11A4E;
        border-bottom-color: #AA2346;
        border-right-color: #AA2346;
}

.rtl .pollbar3 {
        border-left-color: #AA2346;
}

.pollbar4 {
        background-color: #E41653;
        border-bottom-color: #BE1E4A;
        border-right-color: #BE1E4A;
}

.rtl .pollbar4 {
        border-left-color: #BE1E4A;
}

.pollbar5 {
        background-color: #F81157;
        border-bottom-color: #D11A4E;
        border-right-color: #D11A4E;
}

.rtl .pollbar5 {
        border-left-color: #D11A4E;
}

/* Poster profile block
----------------------------------------*/
.postprofile {
        color: #666666;
        border-left-color: #FFFFFF;
}

.rtl .postprofile {
        border-right-color: #FFFFFF;
        border-left-color: transparent;
}

.pm .postprofile {
        border-left-color: #DDDDDD;
}

.rtl .pm .postprofile {
        border-right-color: #DDDDDD;
        border-left-color: transparent;
}

.postprofile strong {
        color: #000000;
}

.online {
        background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
}

/*
--------------------------------------------------------------
Colours and backgrounds for buttons.css
-------------------------------------------------------------- */

/* Big button images */
.reply-icon span                        { background-image: url("{IMG_BUTTON_TOPIC_REPLY_SRC}"); }
.post-icon span                                { background-image: url("{IMG_BUTTON_TOPIC_NEW_SRC}") ;}
.locked-icon span                        { background-image: url("{IMG_BUTTON_TOPIC_LOCKED_SRC}"); }
.pmreply-icon span                        { background-image: url("{IMG_BUTTON_PM_REPLY_SRC}") ;}
.newpm-icon span                        { background-image: url("{IMG_BUTTON_PM_NEW_SRC}") ;}
.forwardpm-icon span                         { background-image: url("{IMG_BUTTON_PM_FORWARD_SRC}") ;}

a.print {
        background-image: url("{T_THEME_PATH}/images/icon_print.gif");
}

a.sendemail {
        background-image: url("{T_THEME_PATH}/images/icon_sendemail.gif");
}

a.fontsize {
        background-image: url("{T_THEME_PATH}/images/icon_fontsize.gif");
}

/* Icon images
---------------------------------------- */
.sitehome                                                { background-image: url("{T_THEME_PATH}/images/icon_home.gif"); }
.icon-faq                                                { background-image: url("{T_THEME_PATH}/images/icon_faq.png"); }
.icon-members                                        { background-image: url("{T_THEME_PATH}/images/icon_members.gif"); }
.icon-home                                                { background-image: url("{T_THEME_PATH}/images/icon_home.gif"); }
.icon-ucp                                                { background-image: url("{T_THEME_PATH}/images/icon_ucp.gif"); }
.icon-register                                        { background-image: url("{T_THEME_PATH}/images/icon_register.gif"); }
.icon-logout                                        { background-image: url("{T_THEME_PATH}/images/icon_logout.gif"); }
.icon-bookmark                                        { background-image: url("{T_THEME_PATH}/images/icon_bookmark.gif"); }
.icon-bump                                                { background-image: url("{T_THEME_PATH}/images/icon_bump.gif"); }
.icon-subscribe                                        { background-image: url("{T_THEME_PATH}/images/icon_subscribe.gif"); }
.icon-unsubscribe                                { background-image: url("{T_THEME_PATH}/images/icon_unsubscribe.gif"); }
.icon-pages                                                { background-image: url("{T_THEME_PATH}/images/icon_pages.gif"); }
.icon-search                                        { background-image: url("{T_THEME_PATH}/images/icon_search.gif"); }

/* Profile & navigation icons */
.email-icon, .email-icon a                { background-image: url("{IMG_ICON_CONTACT_EMAIL_SRC}"); }
.aim-icon, .aim-icon a                        { background-image: url("{IMG_ICON_CONTACT_AIM_SRC}"); }
.yahoo-icon, .yahoo-icon a                { background-image: url("{IMG_ICON_CONTACT_YAHOO_SRC}"); }
.web-icon, .web-icon a                        { background-image: url("{IMG_ICON_CONTACT_WWW_SRC}"); }
.msnm-icon, .msnm-icon a                        { background-image: url("{IMG_ICON_CONTACT_MSNM_SRC}"); }
.icq-icon, .icq-icon a                        { background-image: url("{IMG_ICON_CONTACT_ICQ_SRC}"); }
.jabber-icon, .jabber-icon a                { background-image: url("{IMG_ICON_CONTACT_JABBER_SRC}"); }
.pm-icon, .pm-icon a                                { background-image: url("{IMG_ICON_CONTACT_PM_SRC}"); }
.quote-icon, .quote-icon a                { background-image: url("{IMG_ICON_POST_QUOTE_SRC}"); }

/* Moderator icons */
.report-icon, .report-icon a                { background-image: url("{IMG_ICON_POST_REPORT_SRC}"); }
.edit-icon, .edit-icon a                        { background-image: url("{IMG_ICON_POST_EDIT_SRC}"); }
.delete-icon, .delete-icon a                { background-image: url("{IMG_ICON_POST_DELETE_SRC}"); }
.info-icon, .info-icon a                        { background-image: url("{IMG_ICON_POST_INFO_SRC}"); }
.warn-icon, .warn-icon a                        { background-image: url("{IMG_ICON_USER_WARN_SRC}"); } /* Need updated warn icon */

/*
--------------------------------------------------------------
Colours and backgrounds for cp.css
-------------------------------------------------------------- */

/* Main CP box
----------------------------------------*/

#cp-main h3, #cp-main hr, #cp-menu hr {
        border-color: #A4B3BF;
}

#cp-main .panel li.row {
        border-bottom-color: #B5C1CB;
        border-top-color: #F9F9F9;
}

ul.cplist {
        border-top-color: #B5C1CB;
}

#cp-main .panel li.header dd, #cp-main .panel li.header dt {
        color: #000000;
}

#cp-main table.table1 thead th {
        color: #333333;
        border-bottom-color: #333333;
}

#cp-main .pm-message {
        border-color: #DBDEE2;
        background-color: #FFFFFF;
}

/* CP tabbed menu
----------------------------------------*/
#tabs a {
        background-image: url("{T_THEME_PATH}/images/bg_tabs1.png");
}

#tabs a span {
        background-image: url("{T_THEME_PATH}/images/bg_tabs2.png");
        color: #000000;
}

#tabs a:hover span {
        color: #BC2A4D;
}

#tabs .activetab a {
        border-bottom-color: #e1e1e1;
}

#tabs .activetab a span {
        color: #333333;
}

#tabs .activetab a:hover span {
        color: #000000;
}

/* Mini tabbed menu used in MCP
----------------------------------------*/
#minitabs li {
        background-color: #e1e1e1;
}

#minitabs li.activetab {
        background-color: #F9F9F9;
}

#minitabs li.activetab a, #minitabs li.activetab a:hover {
        color: #333333;
}

/* UCP navigation menu
----------------------------------------*/

/* Link styles for the sub-section links */
#navigation a {
        color: #333;
        background-color: #bababa;
        background-image: url("{T_THEME_PATH}/images/bg_menu.gif");
}

.rtl #navigation a {
        background-image: url("{T_THEME_PATH}/images/bg_menu_rtl.gif");
        background-position: 0 100%;
}

#navigation a:hover {
        background-color: #ababab;
        color: #BC2A4D;
}

#navigation #active-subsection a {
        color: #D31141;
        background-color: #F9F9F9;
        background-image: none;
}

#navigation #active-subsection a:hover {
        color: #D31141;
}

/* Preferences pane layout
----------------------------------------*/
#cp-main h2 {
        color: #333333;
}

#cp-main .panel {
        background-color: #F9F9F9;
}

#cp-main .pm {
        background-color: #FFFFFF;
}

#cp-main span.corners-top, #cp-menu span.corners-top {
        background-image: url("{T_THEME_PATH}/images/corners_left2.gif");
}

#cp-main span.corners-top span, #cp-menu span.corners-top span {
        background-image: url("{T_THEME_PATH}/images/corners_right2.gif");
}

#cp-main span.corners-bottom, #cp-menu span.corners-bottom {
        background-image: url("{T_THEME_PATH}/images/corners_left2.gif");
}

#cp-main span.corners-bottom span, #cp-menu span.corners-bottom span {
        background-image: url("{T_THEME_PATH}/images/corners_right2.gif");
}

/* Topicreview */
#cp-main .panel #topicreview span.corners-top, #cp-menu .panel #topicreview span.corners-top {
        background-image: url("{T_THEME_PATH}/images/corners_left.gif");
}

#cp-main .panel #topicreview span.corners-top span, #cp-menu .panel #topicreview span.corners-top span {
        background-image: url("{T_THEME_PATH}/images/corners_right.gif");
}

#cp-main .panel #topicreview span.corners-bottom, #cp-menu .panel #topicreview span.corners-bottom {
        background-image: url("{T_THEME_PATH}/images/corners_left.gif");
}

#cp-main .panel #topicreview span.corners-bottom span, #cp-menu .panel #topicreview span.corners-bottom span {
        background-image: url("{T_THEME_PATH}/images/corners_right.gif");
}

/* Friends list */
.cp-mini {
        background-color: #F9F9F9;
}

dl.mini dt {
        color: #425067;
}

/* PM Styles
----------------------------------------*/
/* PM Message history */
.current {
        color: #000000 !important;
}

/* PM panel adjustments */
.pm-panel-header,
#cp-main .pm-message-nav {
        border-bottom-color: #A4B3BF;
}

/* PM marking colours */
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
        border-left-color: #BC2A4D;
        border-right-color: #BC2A4D;
}

.pmlist li.pm_marked_colour, .pm_marked_colour {
        border-color: #FF6600;
}

.pmlist li.pm_replied_colour, .pm_replied_colour {
        border-color: #A9B8C2;
}

.pmlist li.pm_friend_colour, .pm_friend_colour {
        border-color: #5D8FBD;
}

.pmlist li.pm_foe_colour, .pm_foe_colour {
        border-color: #000000;
}

/* Avatar gallery */
#gallery label {
        background-color: #FFFFFF;
        border-color: #CCC;
}

#gallery label:hover {
        background-color: #EEE;
}

/*
--------------------------------------------------------------
Colours and backgrounds for forms.css
-------------------------------------------------------------- */

/* General form styles
----------------------------------------*/
select {
        border-color: #666666;
        background-color: #FAFAFA;
        color: #000;
}

label {
        color: #425067;
}

option.disabled-option {
        color: graytext;
}

/* Definition list layout for forms
---------------------------------------- */
dd label {
        color: #333;
}

/* Hover effects */
fieldset dl:hover dt label {
        color: #000000;
}

fieldset.fields2 dl:hover dt label {
        color: inherit;
}

/* Quick-login on index page */
fieldset.quick-login input.inputbox {
        background-color: #F2F3F3;
}

/* Posting page styles
----------------------------------------*/

#message-box textarea {
        color: #333333;
}

/* Input field styles
---------------------------------------- */
.inputbox {
        background-color: #FFFFFF;
        border-color: #B4BAC0;
        color: #333333;
}

.inputbox:hover {
        border-color: #11A3EA;
}

.inputbox:focus {
        border-color: #11A3EA;
        color: #0F4987;
}

/* Form button styles
---------------------------------------- */

a.button1, input.button1, input.button3, a.button2, input.button2 {
        color: #000;
        background-color: #FAFAFA;
        background-image: url("{T_THEME_PATH}/images/bg_button.gif");
}

a.button1, input.button1 {
        border-color: #666666;
}

input.button3 {
        background-image: none;
}

/* Alternative button */
a.button2, input.button2, input.button3 {
        border-color: #666666;
}

/* <a> button in the style of the form buttons */
a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active {
        color: #000000;
}

/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
        border-color: #BC2A4D;
        color: #BC2A4D;
}

input.search {
        background-image: url("{T_THEME_PATH}/images/icon_textbox_search.gif");
}

input.disabled {
        color: #666666;
}

.top-left, .top-right, .bottom-left, .bottom-right {
   height: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */   /* DNC: correction IE for height of the <div>'s */
   }

.top-left {
   background-color: transparent;
   background-image: url("{T_THEME_PATH}/images/corners_top.gif"); background-repeat:no-repeat; /* CHANGE: path and name of your image */
   background-position: 0 -20px; /* CHANGE: replace second number by negative height of one of your corners */
   margin-left: 2px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: 0px;  /* CHANGE: replace by the height of one of your corners */
   margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
   }
.top-right {
   background-color: transparent;
   background-image: url("{T_THEME_PATH}/images/corners_top.gif"); background-repeat:no-repeat; /* CHANGE: path and name of your image */
   background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
   margin-left: 0px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
   margin-right: 1px; /* CHANGE: replace by the width of one of your corners */
   }
.top-center {
   background-color: transparent;
   background-color: transparent;
   background-repeat: repeat-x;
   background-image: url("{T_THEME_PATH}/images/bg_headers.gif"); /* CHANGE: path and name of your image */
   background-position: 0 0px; /* CHANGE: replace second number by negative height of one of your corners */
   height: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */   /* DNC: correction IE for height of the <div>'s */
   margin-left: 20px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: -20px;  /* CHANGE: replace by the height of one of your corners */
   margin-right: 20px; /* CHANGE: replace by the width of one of your corners */
   margin-bottom: -20px; /* CHANGE: replace by the width of one of your corners */
   }

.bottom-left  {
   background-color: transparent;
   background-image: url("{T_THEME_PATH}/images/corners_bottom.gif"); background-repeat:no-repeat; /* CHANGE: path and name of your image */
   background-position: 0 0px; /* CHANGE: replace second number by negative height of one of your corners */
   margin-right: 0px; /* CHANGE: replace by the width of one of your corners */
   margin-left: 2px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: 0px;  /* CHANGE: replace by the height of one of your corners */
   }
.bottom-right {
   background-color: transparent;
   background-image: url("{T_THEME_PATH}/images/corners_bottom.gif"); background-repeat:no-repeat; /* CHANGE: path and name of your image */
   background-position: 100% -20px; /* CHANGE: replace second number by negative height of one of your corners */
   margin-right: 1px; /* CHANGE: replace by the width of one of your corners */
   margin-left: 0px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: -20px;  /* CHANGE: replace by the height of one of your corners */
   }
.bottom-center {
   background-color: transparent;
   background-repeat: repeat-x;
   background-image: url("{T_THEME_PATH}/images/bg_footers.gif"); /* CHANGE: path and name of your image */
   background-position: 0 0px; /* CHANGE: replace second number by negative height of one of your corners */
   height: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */   /* DNC: correction IE for height of the <div>'s */
   margin-left: 20px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: -20px;  /* CHANGE: replace by the height of one of your corners */
   margin-right: 20px; /* CHANGE: replace by the width of one of your corners */
   margin-bottom: -20px; /* CHANGE: replace by the width of one of your corners */
   }

.inside {
   color: #000000;                 /* YCC: default text-color of the inside */
   margin-left: 5px;              /* YCC: all texts at some distance of the left border */
   margin-right: 5px;   /* YCC: all texts at some distance of the right border */
   width: auto;
   background-image: url("{T_THEME_PATH}/images/bg_9.png");
   background-attachment: fixed;
   background-color: white; /* CHANGE: path and name of your image */
   }

.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */

#left-border {
        background-image: url('{T_THEME_PATH}/images/bg_left.gif');
        background-position: 0% 100%;
        background-repeat: repeat-y;
        padding-left: 17px;
}

#right-border  {
        background-image: url('{T_THEME_PATH}/images/bg_right.gif');
        background-position: 100% 0%;
        background-repeat: repeat-y;
        margin-right: -2px;
        padding-right: 17px;
}

#box {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        padding: 0;
        text-align: left;
        width:95%;                                /* <-- use this to tie width to viewport size */
        min-width: 660px;
}

Code: Alles auswählen

/* General proSilver Markup Styles
---------------------------------------- */

* {
        /* Reset browsers default margin, padding and font sizes */
        margin: 0;
        padding: 0;
}

html {
        font-size: 100%;
        /* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
        height: 101%;
}

body {
        /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
        font-family: Verdana, Helvetica, Arial, sans-serif;
        color: #828282;
        background-color: #aba7a0;
        /*font-size: 62.5%;                         This sets the default font size to be equivalent to 10px */
        font-size: 10px;
        margin: 0;
        padding: 12px 0;
}

h1 {
        /* Forum name */
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        color: #FFFFFF;
        margin-bottom:auto;
        margin-left:auto;
        margin-top:auto;
        margin-right:auto;
        font-weight: bold;
        font-size: 2em;
}

h2 {
        /* Forum header titles */
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #3f3f3f;
        font-size: 2em;
        margin: 0.8em 0 0.2em 0;
}

h2.solo {
        margin-bottom: 1em;
}

h3 {
        /* Sub-headers (also used as post headers, but defined later) */
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        border-bottom: 1px solid #CCCCCC;
        margin-bottom: 3px;
        padding-bottom: 2px;
        font-size: 1.05em;
        color: #989898;
        margin-top: 20px;
}

h4 {
        /* Forum and topic list titles */
        font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
        font-size: 1.3em;
}

p {
        line-height: 1.3em;
        font-size: 1.1em;
        margin-bottom: 1.5em;
}

img {
        border-width: 0;
}

hr {
        /* Also see tweaks.css */
        border: 0 none #FFFFFF;
        border-top: 1px solid #CCCCCC;
        height: 1px;
        margin: 5px 0;
        display: block;
        clear: both;
}

hr.dashed {
        border-top: 1px dashed #CCCCCC;
        margin: 10px 0;
}

hr.divider {
        display: none;
}

p.right {
        text-align: right;
}

/* Main blocks
---------------------------------------- */
#wrap {
        padding: 0 10px;
        width: auto;
        margin: 0 auto;
        min-width: 600px;
}

#simple-wrap {
        padding: 6px 10px;
    background-color: #ffffff;
}

#page-body {
        margin: 4px 0;
        clear: both;
}

#page-footer {
        clear: both;
}

#page-footer h3 {
        margin-top: 20px;
}

#logo {
        width: auto;
        padding: 0px 0px 0 0px;
}

a#logo:hover {
        text-decoration: none;
}

/* Search box
--------------------------------------------- */
#search-box {
        color: #FFFFFF;
        position: relative;
        margin-top: 30px;
        margin-right: 5px;
        display: block;
        float: right;
        text-align: right;
        white-space: nowrap; /* For Opera */
}

#search-box #keywords {
        width: 95px;
        background-color: #FFF;
}

#search-box input {
        border: 1px solid #b0b0b0;
}

/* .button1 style defined later, just a few tweaks for the search button version */
#search-box input.button1 {
        padding: 1px 5px;
}

#search-box li {
        text-align: right;
        margin-top: 4px;
}

#search-box img {
        vertical-align: middle;
        margin-right: 3px;
}

/* Site description and logo */
#site-description {
        float: left;
        width: 70%;
}

#site-description h1 {
        margin-right: 0;
}
/*header tweaks */
.header-pad {
        padding-top: 30px;        /* adjust this according to the size of your site logo */
        padding-left: 25px;

}

.site-desc {
        padding-left: 30px;        /* padding left has to be changed to 25px if there is no blank space on the left side of the site logo */

}




/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
        color: #FFFFFF;
        padding: 0 5px;
        height: 150px ;

}

.navbar {
        background-color: #8B0000;
        padding: 0 10px;
}

.navbar2 {
        background-color: #804040;

        padding: 0 10px;
}



.forabg {
        background: #b1b1b1 none repeat-x 0 0;
        margin-bottom: 4px;
        padding: 0 5px;
        clear: both;
}

.forumbg {
        background: #ebebeb none repeat-x 0 0;
        margin-bottom: 4px;
        padding: 0 5px;
        clear: both;
}

.panel {
        margin-bottom: 4px;
        padding: 0 10px;
        background-color: #f3f3f3;
        color: #3f3f3f;
}

.post {
        padding: 0 10px;
        margin-bottom: 4px;
        background-repeat: no-repeat;
        background-position: 100% 0;
}

.post:target .content {
        color: #000000;
}

.post:target h3 a {
        color: #000000;
}

.bg1        { background-color: #f7f7f7;}
.bg2        { background-color: #f2f2f2; }
.bg3        { background-color: #ebebeb; }

.rowbg {
        margin: 5px 5px 2px 5px;
}

.ucprowbg {
        background-color: #e2e2e2;
}

.fieldsbg {
        /*border: 1px #DBDEE2 solid;*/
        background-color: #eaeaea;
}

span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
        font-size: 1px;
        line-height: 1px;
        display: block;
        height: 5px;
        background-repeat: no-repeat;
}

span.corners-top {
        background-image: none;
        background-position: 0 0;
        margin: 0 -5px;
}

span.corners-top span {
        background-image: none;
        background-position: 100% 0;
}

span.corners-bottom {
        background-image: none;
        background-position: 0 100%;
        margin: 0 -5px;
        clear: both;
}

span.corners-bottom span {
        background-image: none;
        background-position: 100% 100%;
}

.headbg span.corners-bottom {
        margin-bottom: -1px;
}

.post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom {
        margin: 0 -10px;
}

.navbar2 span.corners-top, .navbar2 span.corners-bottom {
        margin: 0 0px;
}

.rules span.corners-top {
        margin: 0 -10px 5px -10px;
}

.rules span.corners-bottom {
        margin: 5px -10px 0 -10px;
}

/* Horizontal lists
----------------------------------------*/
ul.linklist {
        display: block;
        margin: 0;
}

ul.linklist li {
        display: block;
        list-style-type: none;
        float: left;
        width: auto;
        margin-right: 5px;
        font-size: 1.1em;
        line-height: 2.2em;
}

ul.linklist li.rightside, p.rightside {
        float: right;
        margin-right: 0;
        margin-left: 5px;
        text-align: right;
}

ul.navlinks {
        padding-bottom: 1px;
        margin-bottom: 1px;
        border-bottom: 1px solid #FFFFFF;
        font-weight: bold;
}

ul.leftside {
        float: left;
        margin-left: 0;
        margin-right: 5px;
        text-align: left;
}

ul.rightside {
        float: right;
        margin-left: 5px;
        margin-right: -5px;
        text-align: right;
}

/* Table styles
----------------------------------------*/
table.table1 {
        /* See tweaks.css */
}

#ucp-main table.table1 {
        padding: 2px;
}

table.table1 thead th {
        font-weight: normal;
        text-transform: uppercase;
        color: #FFFFFF;
        line-height: 1.3em;
        font-size: 1em;
        padding: 0 0 4px 3px;
}

table.table1 thead th span {
        padding-left: 7px;
}

table.table1 tbody tr {
        border: 1px solid #cfcfcf;
}

table.table1 tbody tr:hover, table.table1 tbody tr.hover {
        background-color: #f6f6f6;
        color: #000;
}

table.table1 td {
        color: #6a6a6a;
        font-size: 1.1em;
}

table.table1 tbody td {
        padding: 5px;
        border-top: 1px solid #FAFAFA;
}

table.table1 tbody th {
        padding: 5px;
        border-bottom: 1px solid #000000;
        text-align: left;
        color: #333333;
        background-color: #FFFFFF;
}

/* Specific column styles */
table.table1 .name                { text-align: left; }
table.table1 .posts                { text-align: center !important; width: 7%; }
table.table1 .joined        { text-align: left; width: 15%; }
table.table1 .active        { text-align: left; width: 15%; }
table.table1 .mark                { text-align: center; width: 7%; }
table.table1 .info                { text-align: left; width: 30%; }
table.table1 .info div   { width: 100%; white-space: normal; overflow: hidden; }
table.table1 .autocol        { line-height: 2em; white-space: nowrap; }
table.table1 thead .autocol { padding-left: 1em; }

table.table1 span.rank-img {
        float: right;
        width: auto;
}

table.info td {
        padding: 3px;
}

table.info tbody th {
        padding: 3px;
        text-align: right;
        vertical-align: top;
        color: #000000;
        font-weight: normal;
}

.forumbg table.table1 {
        margin: 0 -2px -1px -1px;
}

/* Misc layout styles
---------------------------------------- */
/* column[1-2] styles are containers for two column layouts
   Also see tweaks.css */
.column1 {
        float: left;
        clear: left;
        width: 49%;
}

.column2 {
        float: right;
        clear: right;
        width: 49%;
}

/* General classes for placing floating blocks */
.left-box {
        float: left;
        width: auto;
        text-align: left;
}

.right-box {
        float: right;
        width: auto;
        text-align: right;
}

dl.details {
        /*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
        font-size: 1.1em;
}

dl.details dt {
        float: left;
        clear: left;
        width: 30%;
        text-align: right;
        color: #000000;
        display: block;
}

dl.details dd {
        margin-left: 0;
        padding-left: 5px;
        margin-bottom: 5px;
        color: #828282;
        float: left;
        width: 65%;
}

/* Pagination
---------------------------------------- */
.pagination {
        height: 1%; /* IE tweak (holly hack) */
        width: auto;
        text-align: right;
        margin-top: 5px;
        float: right;
}

.pagination span.page-sep {
        display: none;
}

li.pagination {
        margin-top: 0;
}

.pagination strong, .pagination b {
        font-weight: normal;
}

.pagination span strong {
        padding: 0 2px;
        margin: 0 2px;
        font-weight: normal;
        color: #FFFFFF;
        background-color: #bfbfbf;
        border: 1px solid #bfbfbf;
        font-size: 0.9em;
}

.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
        font-weight: normal;
        text-decoration: none;
        color: #747474;
        margin: 0 2px;
        padding: 0 2px;
        background-color: #eeeeee;
        border: 1px solid #bababa;
        font-size: 0.9em;
        line-height: 1.5em;
}

.pagination span a:hover {
        border-color: #d2d2d2;
        background-color: #d2d2d2;
        color: #FFF;
        text-decoration: none;
}

.pagination img {
        vertical-align: middle;
}

/* Pagination in viewforum for multipage topics */
.row .pagination {
        display: block;
        float: right;
        width: auto;
        margin-top: 0;
        padding: 1px 0 1px 15px;
        font-size: 0.9em;
        background: none 0 50% no-repeat;
}

.row .pagination span a, li.pagination span a {
        background-color: #FFFFFF;
}

.row .pagination span a:hover, li.pagination span a:hover {
        background-color: #d2d2d2;
}

/* Miscellaneous styles
---------------------------------------- */
#forum-permissions {
        float: right;
        width: auto;
        padding-left: 5px;
        margin-left: 5px;
        margin-top: 10px;
        text-align: right;
}

.copyright {
        padding: 5px;
        text-align: center;
        color: #555555;
}

.small {
        font-size: 0.9em !important;
}

.titlespace {
        margin-bottom: 15px;
}

.headerspace {
        margin-top: 20px;
}

.error {
        color: #bcbcbc;
        font-weight: bold;
        font-size: 1em;
}

.reported {
        background-color: #f7f7f7;
}

li.reported:hover {
        background-color: #ececec;
}

div.rules {
        background-color: #ececec;
        color: #bcbcbc;
        padding: 0 10px;
        margin: 10px 0;
        font-size: 1.1em;
}

div.rules ul, div.rules ol {
        margin-left: 20px;
}

p.rules {
        background-color: #ececec;
        background-image: none;
        padding: 5px;
}

p.rules img {
        vertical-align: middle;
        padding-top: 5px;
}

p.rules a {
        vertical-align: middle;
        clear: both;
}

#top {
        position: absolute;
        top: -20px;
}

.clear {
        display: block;
        clear: both;
        font-size: 1px;
        line-height: 1px;
        background: transparent;
}

Code: Alles auswählen

<body id="phpbb" style="padding:0px" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
<!--- box border START -->


     <div class="headerbar">
                        <div class="inner">
                        <div style="height: 10px ;">


<div style="text-align: right;">
<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
</div>

                        <div id="site-description">






                                <p class="site-desc">{SITE_DESCRIPTION}</p>
                                <p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
                        </div>

                <!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->

                <!-- ENDIF -->
    </div>










       <!-- IF $S_IN_PORTAL or S_DISPLAY_PHPBB_MENU -->



           <!-- ENDIF -->

                        </div>
                </div>




                <div class="navbar2">
                        <div class="inner">

                        <ul class="linklist navlinks">
                                <li class="icon-home"><!-- IF U_PORTAL --><a href="{U_PORTAL}" class="mleiste">{L_PORTAL}</a> &#187; <!-- ENDIF --><a href="{U_INDEX}" accesskey="h" class="mleiste">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>&#8249;</strong> <a href="{navlinks.U_VIEW_FORUM}" class="mleiste">{navlinks.FORUM_NAME}</a><!-- END navlinks --></li>

                                <li class="rightside"><a href="#" onclick="fontsizeup(); return false;" onkeypress="return fontsizeup(event);" class="fontsize" title="{L_CHANGE_FONT_SIZE}">{L_CHANGE_FONT_SIZE}</a></li>

                                <!-- IF U_EMAIL_TOPIC --><li class="rightside"><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}" class="sendemail">{L_EMAIL_TOPIC}</a></li><!-- ENDIF -->
                                <!-- IF U_EMAIL_PM --><li class="rightside"><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}" class="sendemail">{L_EMAIL_PM}</a></li><!-- ENDIF -->
                                <!-- IF U_PRINT_TOPIC --><li class="rightside"><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p" class="print">{L_PRINT_TOPIC}</a></li><!-- ENDIF -->
                                <!-- IF U_PRINT_PM --><li class="rightside"><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p" class="print">{L_PRINT_PM}</a></li><!-- ENDIF -->
                        </ul>

                        <!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
                        <ul class="linklist leftside">
                                <li class="icon-ucp">
                                        <a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="e" class="mleiste2">{L_PROFILE}</a>
                                                <!-- IF S_DISPLAY_PM --> (<a href="{U_PRIVATEMSGS}" class="mleiste2">{PRIVATE_MESSAGE_INFO}</a>)<!-- ENDIF -->
                                        <!-- IF S_DISPLAY_SEARCH --> &bull;
                                        <a href="{U_SEARCH_SELF}" class="mleiste2">{L_SEARCH_SELF}</a>
                                        <!-- ENDIF -->
                                        <!-- IF U_RESTORE_PERMISSIONS --> &bull;
                                        <a href="{U_RESTORE_PERMISSIONS}" class="mleiste2">{L_RESTORE_PERMISSIONS}</a>
                                        <!-- ENDIF -->
                                </li>
                        </ul>
                        <!-- ENDIF -->

                        <ul class="linklist rightside">

                                <li class="icon-ucp"><a href="{U_ARCADE}" title="{L_ARCADE_EXPLAIN}" class="mleiste2">{L_ARCADE}</a></li>

                                <li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}" class="mleiste2">{L_FAQ}</a></li>

                                <li class="icon-gallery"><a href="{U_GALLERY_MOD}" title="{L_GALLERY_EXPLAIN}" class="mleiste2">{L_GALLERY}</a></li>

                                <li class="icon-members"><a href="{CHAT_LINK}" class="mleiste2" title="{CHAT_TITLE}" target="_tab">{CHAT_LABEL}</a></li>


                                <!-- IF not S_IS_BOT -->
                                        <!-- IF S_DISPLAY_MEMBERLIST --><li class="icon-members"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}" class="mleiste2">{L_MEMBERLIST}</a></li><!-- ENDIF -->
                                        <!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><li class="icon-register"><a href="{U_REGISTER}" class="mleiste2">{L_REGISTER}</a></li><!-- ENDIF -->
                                        <li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x" class="mleiste2">{L_LOGIN_LOGOUT}</a></li>
                                <!-- ENDIF -->

                                <li class="icon-disclaimer"><a href="{U_IMPRESSUM}" title="{L_IMPRESSUM_TITLE}" accesskey="l" class="mleiste2">{L_IMPRESSUM_TITLE}</a></li>
                        </ul>



                        </div>



                </div>








<div id="box">

<div id="left-border">
<div id="right-border">

<!--- box border END -->
<div class="inside">
 <div class="notopgap">
<div id="wrap">
        <a id="top" name="top" accesskey="t"></a>
        <div id="page-header">






         </div>

                              <div>
<center>
                <table>
                <tr>
                <td>
                <script type="text/javascript"><!--
google_ad_client = "xxxxxxxxxxxxxx";
/* 468x60, Erstellt 08.03.10 */
google_ad_slot = "xxxxxxxxxxxxxx";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</td>
                <td>
                <script type="text/javascript"><!--
google_ad_client = "pub-xxxxxxxxxxxxxxxxx";
/* 468x60, Erstellt 08.03.10 */
google_ad_slot = "xxxxxxxxxx";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>                </td>
                </tr>
                </table>
                </center>

                      </div>


        <a name="start_here"></a>
        <div id="page-body">

                <!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
                <div id="information" class="rules">
                        <div class="inner"><span class="corners-top"><span></span></span>
                                <strong>{L_INFORMATION}:</strong> {L_BOARD_DISABLED}
                        <span class="corners-bottom"><span></span></span></div>
                </div>
                <!-- ENDIF -->

                <!-- INCLUDE arcade/arcade_info_body.html -->