Quero deixa meu fórum mais ou menos assim o

Qual é minha questão: Eu quero dexar mais ou menos assim tem como? http://www.centrorpgmaker.com/ eu quero um branco com laranja e um fundo daqeli tem como por assim ? alguem sabe um tma mas ou menos ou podi muda minha css pras cores? aqui ta minha css

Código:

* { margin: 0px; padding: 0px; } * html { scrollbar-face-color: #; scrollbar-highlight-color: #; scrollbar-shadow-color: #; scrollbar-3dlight-color: #; scrollbar-arrow-color: #; scrollbar-track-color: #; scrollbar-darkshadow-color: #; } *+ html { scrollbar-face-color: #; scrollbar-highlight-color: #; scrollbar-shadow-color: #; scrollbar-3dlight-color: #; scrollbar-arrow-color: #; scrollbar-track-color: #; scrollbar-darkshadow-color: #; } body { background-color: #7eb1c8; background-image: url('http://www.dodaj.rs/f/2l/bA/25Kdpi6i/blah.jpg'); background-repeat: repeat-x; color: #7e7e7e; font-size: 12px; font-family: Verdana,Arial,Helvetica,sans-serif; } /* Wrap .pun-------------------------------------------------------------*/ .pun { width: 1000px; margin: 0 auto; padding: 0px; background-image: url('http://www.dodaj.rs/f/2h/hy/BuBCyEc/bvb-body-copy.png'); background-repeat: repeat-y; /* Fix for RTL min-width bug, left here for consistency */ min-width: 768px; line-height: 130%; } .pun div, .pun td, .sig-line { border-color: ##d5d5d5; color: ##d5d5d5; } .pun img, .pun fieldset { border: none; } .pun a:link { color: #4f9bbb; text-decoration: none; } .pun a:visited { color: #4f9bbb; text-decoration: none; } .pun a:hover { color: #4f9bbb; text-decoration: none; } .pun a:active { color: #4f9bbb; text-decoration: none; } .pun a:focus { color: #4f9bbb; text-decoration: none; } .pun h2, .pun h3, .pun th, .pun input, .pun select { font: normal 1em Verdana, Arial, sans-serif; } /* Main heading (Logo and description)-------------------------------------------------------------*/ #pun-intro { margin: 0; padding: 1.5em 1em 1em 1em; border-bottom: 0px solid #296fa5; background-color: transparent; background-image: url('http://i43.tinypic.com/2m43pm9.jpg'); text-align: center; background-repeat: no-repeat; width: 1000px; height: 343px; margin-top: 0px; } *+ html #pun-head { margin-top: -5px; } * html #pun-head { margin-top: -5px; } #pun-logo { float: none; margin-left: -370px; } #pun-title { padding-left: 5px; white-space: nowrap; color: #ffffff; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 20px; } #pun-title h1 { font-size: inherit; font-weight: inherit; color: inherit; } p#pun-desc { color:#d5d5d5; padding: 0.3em 0 0 5px; } /* Main navigation (Menu, information and crumbs)-------------------------------------------------------------*/ #i_icon_mini_index { background-image: url('http://www4.slikomat.com/10/0912/52q-nav-02.png'); width: 69px; height: 36px; } #i_icon_mini_new_message { background-image: url('http://www4.slikomat.com/10/0912/eol-nav-10.png'); width: 66px; height: 36px; } #i_icon_mini_login { background-image: url('http://www4.slikomat.com/10/0912/2po-nav-11.png'); width: 59px; height: 36px; } #i_icon_mini_register { background-image: url('http://www4.slikomat.com/10/0912/maa-nav-13.png'); width: 90px; height: 36px; } #i_icon_mini_logout { background-image: url('http://www4.slikomat.com/10/0912/ye3-nav-12.png'); width: 69px; height: 36px; } #i_icon_mini_portal { background-image: url('http://www4.slikomat.com/10/0912/n6n-nav-03.png'); width: 63px; height: 36px; } #i_icon_mini_gallery { background-image: url('http://i67.servimg.com/u/f67/14/27/55/08/galler10.png'); width: 70px; height: 36px; } #i_icon_mini_profile { background-image: url('http://www4.slikomat.com/10/0912/axg-nav-09.png'); width: 70px; height: 36px; } #i_icon_mini_message { background-image: url('http://www4.slikomat.com/10/0912/mgh-nav-08.png'); width: 90px; height: 36px; } #i_icon_mini_members { background-image: url('http://www4.slikomat.com/10/0912/g6n-nav-07.png'); width: 85px; height: 36px; } #i_icon_mini_search { background-image: url('http://www4.slikomat.com/10/0912/wc1-nav-04.png'); width: 65px; height: 36px; } #i_icon_mini_groups { background-image: url('http://www4.slikomat.com/10/0912/dpy-nav-06.png'); width: 69px; height: 36px; } #pun-head #pun-navlinks { padding: 0.5em 1.1em 0.6em 1.1em; background-color: transparent; border-color: #d5d5d5; border: 0px; margin-top: -376px; margin-bottom: 340px; } #pun-navlinks ul { list-style: none; text-align: center; } #pun-navlinks li { display: inline; font-size: 1.15em; } #pun-navlinks li a { margin: 0 0em 0 0; } #pun-navlinks a, #pun-navlinks a:visited { /*color: #fff; */ text-decoration: none; } #pun-navlinks a:hover, #pun-navlinks a:active, #pun-navlinks a:focus { text-decoration: underline; /*color: #fff; */ } #pun-visit,.main-box { border-color: #d5d5d5; border-style: solid; border-width: 0px; padding: 0.6em 1em; background-color: transparent; margin: 0 0 1em 0; } #pun-visit ul,.main-box ul { float: right; width: 70%; text-align: right; list-style-type: none; } .main-box ul { float: left; width: auto; } #pun-visit li,.main-box li { margin-left: 0.7em; white-space: nowrap; float: right; } .pun-crumbs { padding: 0.2em 1em; margin: 0 1px 1em 1px; } .pun-crumbs p { margin: 0; line-height: 1.5; font-size: 1.11em; color: #666; } .pun-crumbs a { text-decoration: none; } /* **************************************************************************Most stable Standards-compliant 3-column layout by Ryan Brillhttp://www.alistapart.com/articles/negativemargins /************************************************************************** */ #content-container div#container { width: 100%; float: left; margin-right: -0px; } #content-container div#content { margin-right: 0px; } #content-container div#main { margin-bottom: 1em; overflow: hidden; /* Fixes 3-column negative margins float clearing bug: http://archivist.incutio.com/viewlist/css-discuss/97678 Thanks Georg! */ } *+ html #content-container div#main { margin-left: 0px; } #content-container div#left { width: 0px; float: left; margin-right: 0px; overflow: hidden; } #content-container div#right { width: 0px; float: right; overflow: hidden; } * html #content-container #main-content { /* FIX for IE6... For some reason, if we insert comment before this series, the star html hack don't work no more... ?? */ overflow: visible; margin-right: 0px; } * html #content-container div#main { /* FIX for IE6 */ margin-right: -99%; width: 100%; float: left; } #page-body { margin: 4px 0; width: 930px; margin-left: 35px; } /* Announcement Box-------------------------------------------------------------*/ #pun-announcement { border-style: solid; border-width: 1px; padding: 1em; background-color: #d5d5d5; } .pun .main .main-content.message { background-color: #d5d5d5; } .pun .main .main-content p.message { margin: 1.7em; padding: 1em; background-color: #d5d5d5; border: 1px solid #bcbcbc; } /* Main headings and Pagination-------------------------------------------------------------*/ .pun .main, .pun .main-category { margin: 1em 0; } .main .main-head, .main .main-foot { padding: 0.7em 1.3em; font-weight: normal; color: #4f9bbb; background-color: transparent; border: 1px #bcbcbc solid; } .main .main-head { background-image: url('http://www.dodaj.rs/f/3N/13j/3TKEsFD3/sky.jpg'); margin-top: 5px; } .main .main-head .page-title { font-size: 12px; font-weight: normal; } .pun .main-content { border: 1px solid #bcbcbc; background-color: #d5d5d5; } .pun .style1 { background-color: #d5d5d5; padding: 0.5em; } .pun .style2 { background-color: #d5d5d5; padding: 0.5em; } .pun .main-foot .h2, .pun .main-head .h2 { float: left; } .pun .main .options { float: right; text-align: right; color: #ccc; } .pun .main .options a,.pun .main .options a:link,.pun .main .options a:visited { margin-left: 0.5em; color: #ccc; text-decoration: none; } .pun .main-foot .options a,.pun .main-foot .options a:link,.pun .main-foot .options a:visited { margin-left: 0.6em; color: #ccc; text-decoration: underline; } /* Table-------------------------------------------------------------*/ .pun table.table { width: 100%; table-layout: fixed; empty-cells: show; border-collapse: collapse; } .pun .frm .frm-form table { border: 1px solid #bcbcbc; border-top: 1px solid #bcbcbc; border-color: #d5d5d5; } .pun table.table th { padding: 0.5em 0; border-style: none; border-color: #bcbcbc; background-color: #d5d5d5; color: #4f9bbb; } .pun table.table td { padding: 0.6em 0 0.7em; border-bottom: 1px solid #bcbcbc; border-left: 2px solid #bcbcbc; line-height: 130%; border-right: 2px solid #bcbcbc; background-color: #d5d5d5; background-image: url('http://www.dodaj.rs/f/F/Yy/38vmiSEt/sky2.jpg'); background-repeat: repeat-x; background-position: top; border-top: 1px #bcbcbc solid; border-bottom: 0px; } .pun .main table td.tc3 { background-image: url(http://www.dodaj.rs/f/43/32/xe5cJpB/skyy.jpg); background-repeat: repeat-x; background-position: top; border-top: 1px #bcbcbc; background-color: #bdbdbd; } .pun .main table td.tc2 { background-image: url(http://www.dodaj.rs/f/43/32/xe5cJpB/skyy.jpg); background-repeat: repeat-x; background-position: top; border-top: 1px #bcbcbc; background-color: #bdbdbd; } .pun table.table td table td { border: none; padding: 0px; } .pun table .tcl { width: 50%; overflow: hidden; text-align: left; } .pun table.table th.tcl { padding-left: 0.5em; } .pun .frm .frm-form table .tc2 { text-align: left; padding-left: 0.5em; } .pun .table .tc2, .pun .table .tc3 { width: 10%; text-align: center; } .pun .frm .frm-form table .tc4 { text-align: center; width: 5%; } .pun table .tcr { width: 30%; overflow: hidden; text-align: left; padding: 0 0 0 0.5em !important; } .pun table th.tcl,.pun table th.tc2,.pun table th.tc3,.pun table th.tc4,.pun table th.tcr { overflow: hidden; } .pun table .report { width: 9%; } .pun .main table.table td.report { background-color: #d5d5d5; } .pun table .tdtopics { padding-left: 42px; } .pun table .tdtopics .status { margin-left: -32px; } .pun table .tdtopics img, .pun .posthead img { vertical-align: middle; } table .tcl.memberlist { width: 25%; } .pun tbody.statused td.tcl { padding-left: 3.4em; } .pun tbody.statused span.status { position: absolute; } .pun table td.tcl { border-left-style: none; border-left-width: 0; vertical-align: top; height: 42px; padding-left: 0.5em; min-height: 24px; } pun table td.tcl .height-giver { min-height: 42px; visibility: hidden; width: 1px; } td.avatar-mini a { text-decoration: none; } td.avatar-mini a span { text-decoration: underline; } td.avatar-mini img { background-color: #fff; border: 1px solid #bcbcbc; vertical-align: middle; width: 38px; height: 38px; } * html .pun table { position: relative; } * html .pun table td.tcl { position: relative; } .pun table td.tcl h2 { font-weight: bold; } .pun .main table.table td.td-title { background-color: #d5d5d5; } .pun .main table.table th.name { padding-left: 0.5em; } .pun .sticky-separator { border-top: 5px double #d5d5d5 !important; } .mod-text { font-weight: bold; } h2.topic-title { display: inline; } .hierarchy { display: inline; text-transform: none; border: none; font-size: 10px; font-weight: bold !important; } /* Stats-------------------------------------------------------------*/ #stats { padding: 0.6em 1em; line-height: 150%; background-color: transparent; background-image: url('http://www.dodaj.rs/f/F/Yy/38vmiSEt/sky2.jpg'); background-repeat: repeat-x; background-position: top center; } td.stat-bar { padding: 0 10px !important; } td.stat-bar div { white-space: nowrap; } #onlinelist { border-top: 1px dashed #d5d5d5; padding: 0.6em 1em; background-color: transparent; background-image: url('http://www.dodaj.rs/f/F/Yy/38vmiSEt/sky2.jpg'); } #onlinelist img { float: left; } #onlinelist h3 { float: left; margin-right: 0.5em; line-height: 150%; } #onlinelist p { line-height: 150%; } #onlinechat { border-top: 1px dashed #d5d5d5; padding: 0.6em 1em; background-color: transparent; } /* Legend-------------------------------------------------------------*/ ul.pun-legend,ul#pun-legend{ list-style-type: none; text-align: center; margin-bottom: 20px; } ul.pun-legend li { display: inline; margin-right: 20px; } ul.pun-legend li img { vertical-align: bottom; } /* Faq-------------------------------------------------------------*/ .faq { padding: 1em; background-color: #fbfbfb; } .faq a { text-decoration: none; } .faq a:hover { text-decoration: underline; } .faq dd { margin: 1em 1.7em; padding:1em; background-color:#f4f9fd; border:1px solid #E6E6E6; color:#666666; } .faq p { margin: 0 0 1em 0; } noscript div.message { background-color: #ffffe1; border: 1px solid #F0F0B4; } noscript div.message p { padding: 0 1.3em 0; margin: 1em 0; } /* bbCode */ .codebox { margin: 1em; background-color: #d5d5d5; border: 1px dotted #bcbcbc; } .codebox dt { padding: 0.25em; border-bottom: 1px dotted #bcbcbc; } .codebox dd { margin: 0.5em; padding: 0.5em; background-color: #d5d5d5; } .faq dd ul { margin: 0 2em; } .codebox + blockquote { margin: 0.5em 3em; padding: 0.5em; background-color: #fff; border: 1px dotted #d5d5d5; } /* Forms-------------------------------------------------------------*/ .main .main-content.frm { background-color: #d5d5d5; } .main .main-content.google { background-color: #d5d5d5; padding: 10px 10px 0px 10px; } .main .frm-info { margin: 1.7em; padding: 1em 1em; background: #d5d5d5; border: 1px solid #bcbcbc; } .main ul.frm-info { list-style-type: none; } .main .frm-info li { padding: 0 0 1em 2em; background: url('blue.png') no-repeat top left; } fieldset.frm-set { margin: 1.7em; padding: 0 0 1em 0; border: none; } fieldset.left { width: 35%; float: left; } fieldset.right { width: 45%; float: right; } .pun .set1 { border-top: none; padding-top: 0; margin: 0; } fieldset.frm-set.multi { border-bottom: 1px dashed #d5d5d5; } fieldset.frm-set.last { padding-bottom: 0; } fieldset.frm-set dl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html fieldset.frm-set dl { height: 1%; } *+ html fieldset.frm-set dl { height: 1%; } fieldset.frm-set dl dt,fieldset.frm-set dl dd { padding: 0.5em; } fieldset.frm-set dl dt { display: block; width: 16em; text-align: right; float: left; font-weight: bold; } fieldset.frm-set dl dd { margin-left: 17em; } *+ html fieldset.frm-set dl dt { height: 1%; } fieldset.frm-set dl dd label { margin: 0 1em 0 0; } fieldset.frm-set .required { margin: 0 0.25em; font-style: normal; color: #b42000} * html fieldset.frm-set dl { height: 1%; } .frm-buttons { padding: 0.7em 0 0 17.5em; border-top: 3px double #d5d5d5; margin-bottom: -0.7em; margin-top: 0.5em; } .frm-buttons-right { padding: 0.7em 0 0 17.5em; border-top: 3px double #d5d5d5; margin-bottom: -0.7em; margin-top: 0.5em; text-align:right; } .frm-buttons.full { padding: 0.7em 0 0 0em; } dl.frm-buttons { padding: 0px; } fieldset.frm-set .frm-buttons .button { overflow: visible; /* IE hack for buttons */ padding: 1px 0.5em 2px 0.5em; font-size: 1em; vertical-align: middle; line-height: 1.2; margin-right: 1em; } .frm-form fieldset.frm-set .inputbox { width: 40%; } .frm-form fieldset.frm-set textarea.inputbox { width: 99%; } .frm-form fieldset.frm-set .italic { font-size: 0.9em; } .frm-form fieldset.frm-set input[type="radio"] { margin: 0 0.5em 0 0; } .frm-form fieldset.frm-set input[type="checkbox"] { margin: 0 0.5em 0 0; } .frm-form select option { padding: 0 2em 0 0; } .sub-head { margin: 0.5em 1.7em; padding: 0 0 0.5em 0; border-bottom: 1px solid #bcbcbc; } .sub-head h2 { display: inline; color: #d5d5d5; font-weight: bold; } .sub-head span { color: #d5d5d5; font-weight: bold; } .pun .frm .frm-buttons input { overflow: visible; padding: 1px 0.5em 2px 0.5em; font-size: 1em; vertical-align: middle; line-height: 1.2; margin-right: 1em; } .pun .frm dd.frm-input, .pun .frm dd.frm-input input, .pun .frm dd.frm-textarea { width: 82%; } *+ html dd.frm-input,*+ html .dd-textarea { display: inline; margin: 0 !important; } *+ html dd.frm-input input { width: 60% !important; } * html dd.frm-input,* html .dd-textarea { display: inline; margin: 0 !important; } * html dd.frm-input input { width: 60% !important; } dd.frm-textarea #text_editor_textarea, #textarea_content dd.frm-textarea iframe#text_editor_iframe { width: 100%; } .pun .frm #textarea_content dd.frm-textarea iframe#text_editor_iframe { height: 250px; margin-top: -15px; } dd.dd-textarea iframe#text_editor_iframe { background-color:#FFFFFF; } /* Advanced profile-------------------------------------------------------------*/ div.nav-head { margin: -1px 0 0 0; padding: 0.7em 1.3em; font-weight: normal; color: #dedfdf; background: #1F537B; } #tabs { min-width: 932px; } * html #tabs { width: 100%; } #tabs ul { list-style-position: outside; list-style-type: none; padding: 0 1.8em; white-space: nowrap; } #tabs ul li { float: left; margin: 0; padding: 0 4px 0 0; } #tabs ul li.activetab a { background-color: #d5d5d5; border-color:#bcbcbc; color: #d5d5d5; text-decoration:underline; } #tabs ul li.activetab a:hover { background-color: #d5d5d5; } #tabs ul li a { float: left; padding: 0 1em; background-color: #d5d5d5; border: 1px solid #bcbcbc; font-size:1.1em; font-weight:normal; line-height: 2em; text-decoration:none; } #tabs ul li a:hover { background-color: #d5d5d5; } /*Profile View*/ fieldset.profile-view dl dt { width: 8em; text-align: left; font-weight: normal; } fieldset.profile-view dl dd { margin: 0; } #profile-advanced-layout { float: left; margin-right: -302px; width: 100%; } #profile-advanced-left { margin-right: 302px; } #profile-advanced-left .main { margin-top: 0; } #profile-advanced-avatar { float: left; width: 30%; } #profile-advanced-points, #profile-advanced-reputation { float: left; } #profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-details { margin-right: 4px; } #profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-right .module { margin-bottom: 4px; } #profile-advanced-details .main-content { padding: 4px; } #profile-advanced-details .pagination { float: left; } #profile-advanced-details ol { list-style: none; } #profile-advanced-details ol li { display: block; margin-bottom: 4px; } #profile-advanced-details .avatar { float: left; } .avatar { width: 50px; border: 1px solid #1f537b; background-color: #fff; } .avatar img { width: 50px; } .friend-block .avatar { margin: 0 auto; cursor:pointer; } .friend-block { float: left; width: 70px; margin: 1px; text-align: center; overflow: hidden; } .friend_list_online_status { line-height: 11px; font-size: .7em; } .friend_list_online_status img { vertical-align: middle; } .friends-foes-list { float: left; width: 200px; height: 2em; } #profile-advanced-details .message-block { margin-left: 57px; } #profile-advanced-details .message-header { border-top: 1px solid #bcbcbc; background: #f4f4f4; padding: 4px; margin-bottom: 4px; } #profile-advanced-details .message-date { float: right; } #profile-advanced-details .message-body { margin-bottom: 4px; } #profile-advanced-details .message-footer { text-align: right; } #profile-advanced-details .message-footer li { display: inline; margin: 0 0.25em; /* Spacing between generation dot */ } #profile-advanced-details .message-footer li:after { content: ' .'; /* Beware of character: can create a whitepage in IE6 if char does not exist in lang. */ } #profile-advanced-details .message-footer li a { margin-right: 0.25em; /* Spacing between generation dot */ text-decoration: underline; } #profile-advanced-details .message-footer li.last:after { content: normal; } #profile-advanced-layout #new-message { position: relative; margin-top: 20px; } #profile-advanced-layout #tabs { position: absolute; bottom: 0; } #profile-advanced-layout #new-message-link { position: absolute; bottom: 0; right: 4px; padding-bottom: 4px; } #profile-advanced-details .top { margin-bottom: 16px; } #profile-advanced-details .bottom { margin-top: 16px; } #profile-advanced-right { float: right; width: 302px; } #profile-advanced-add { margin-right: 4px; padding: 7px 0 6px; text-align: right; } #profile-advanced-details .stats-field { margin: 4px 0 10px 4px; padding: 0 10px 6px; } #profile-advanced-details .stats-field legend { font-weight: bold; } #profile-advanced-details .stats-field ul { list-style-type:none; text-indent: 10px; padding: 0; } #profile-advanced-details .stats-field li { margin: 4px 0; } /* Calendar-------------------------------------------------------------*/ .pun .main fieldset.calendar { margin: 0; padding: 0; } .pun p.left-box { float: left; } .pun p.right-box { float: right; } * html p.left-box,* html p.right-box { position: relative; /*fixes IE6 peekaboo bug*/ } .pun .main p.right-box a,.pun .main p.left-box a { color: #dedfdf; } * html .pun .main p.right-box a,* html .pun .main p.left-box a { height: 1%; } .pun .main table.calendar { border: none; } .pun .main table.calendar thead th { padding: 0.5em; background-color: #f4f4f4; font-weight: bold; } .pun .main table.calendar td { padding: 0; border: 1px solid #bcbcbc; overflow: hidden; } .pun .main table.calendar td.row2:hover { background-color: #f4f9fd; } .pun .main table.calendar .row3 { padding: 0.25em; background-color: #f4f4f4; } table.calendar ul { list-style-type: none; height: 10em; } table.calendar ul li { margin: 0.25em; } table.calendar p.right-event { padding: 0.25em; text-align: right; } .overview.calendar .left-overview { padding: 0.25em; } #mini-calendar { float: left; width: 270px; margin: 1em; } #mini-calendar .table { margin-bottom: 1em; border-left: 1px solid #bcbcbc; border-bottom: 1px solid #bcbcbc; border-right: 1px solid #bcbcbc; } #calendar-result { margin: 1em 0; float: left; width: 68%; } .bday { border: 1px solid #bcbcbc; } .bday td { text-align: center; } .bday .name { width: 20%; text-align: left; } .bday .www { width: 10%; text-align: center; overflow: hidden; } /* Gallery-------------------------------------------------------------*/ .gallery-cat { float:left; margin-left: 1%; margin-bottom: 0.5em; min-height:125px; background-color: #fff; border: 1px solid #bcbcbc; } * html .gallery-cat { height: 125px; } br.clear-column { display:none; } * html .clear-column { display: block !important; clear: both; } .gallery-cat p { padding: 0.5em; } fieldset.gallery input.inputbox { width: 80%; } .gallery-nav .gallery-cat { width: 19%; margin: 1% 0 1% 1%; padding: 1em 0 0; text-align: center; } .gallery-cat img { margin: 0.25em; } .gallery-cat:hover { background-color: #f4f9fd; } .gallery-cat .info-gallery { text-align: center; font-size: 0.9em; clear: both; } .pic-container { overflow: auto; } /* Special effects */ fieldset.effects dl { float: left; width: 19%; min-height: 10em; margin: 0 0.5em 0.5em 0; border: 1px solid #bcbcbc; } fieldset.effects dl:hover { background-color: #f4f9fd; } fieldset.effects dt { float: left; padding: 0.25em; font-weight: bold; } fieldset.effects dd { padding: 0.25em; border-top: 1px solid #bcbcbc; text-align: center; margin-top: 2em; } fieldset.effects dd.check { float: right; width: 1em; margin: 0.15em; border: none; clear: right; } /* Mod Control Panel */ table.mod-cp { width: 100%; border-bottom: 1px solid #bcbcbc; } table.mod-cp th { padding: 0.6em 1em 0.7em; background-color: ; } table.mod-cp th.name,table.stats th.name { width: 25%; text-align: left; } table.search th { text-align: left; } table.search th.fixed { width: 8em; } table.mod-cp td { text-align: center; } table.mod-cp td.long-string { text-align: left; } .main .mark { margin: 1.7em 1.7em 0; } .main .mark a { color: #00569C !important; } .main .mark a:hover { color: #B42000 !important; } .gallery.overview img { float: left; margin: 1em 1em 0.5em 0.5em; padding: 0.25em; border: 2px dashed #bcbcbc; } table.stats th.smallcell { width: 3%; } table.stats td { text-align: center; } table.search td,table.search .tcl { text-align: center; } /* Avatar Gallery */ .main .avatar-gallery { padding: 1.7em; } .main .avatar-gallery div p.select-avatar { position: absolute; bottom: 0; left: 0; right: 0; padding: 0.25em; background-color: #bcbcbc; text-align: center; } * html .main .avatar-gallery div p.select-avatar { width: 114px; } .main .avatar-gallery div div { float: left; position:relative; width: auto; height: 260px; margin: 0.5em 0.25em; background-color: #f4f9fd; text-align: center; border: 1px solid #bcbcbc; overflow: hidden; } .main .avatar-gallery div div img { margin: 0.5em; border: 1px solid #bcbcbc; } /* Stand-alone classes-------------------------------------------------------------*/ .main-content.standalone { margin: 0.5em 0; padding: 1em; background-color: #fbfbfb; } .main-content.standalone h2 { margin: 0 0 1em 0; border-bottom: 1px solid #bcbcbc; font-size: 1.7em; } .main-content.standalone .button { margin: 1em; padding: 0.5em 1em; border: 1px solid #bcbcbc; } .main-content.standalone .button.button1 { font-weight: bold; } .main-content.standalone .button:hover { background-color: #fff; border: 1px solid #bcbcbc; } .posting-confirm { margin: 1em; } /* Pagination-------------------------------------------------------------*/ .pun .paged-head, .pun .paged-foot { border: 1px solid #bcbcbc; background-color: transparent; background-image: url('http://www.dodaj.rs/f/F/Yy/38vmiSEt/sky2.jpg'); background-repeat: repeat-xy; padding: 0.6em 1.3em 0.3em 1.3em; } .pun .paged .posting { float: right; font-weight: bold; font-size: 1.2em} .pun .paging { float: left; font-weight: bold; font-size: 1.1em} strong.pagination { font-weight: normal; } /* Post Basic Layout-------------------------------------------------------------*/ .pun .topic { border: 1px solid #bcbcbc; border-style: none solid; background: #2e2c2c; background-position: top center; background-repeat: repeat-xy; background-image: url('http://www.dodaj.rs/f/F/Yy/38vmiSEt/sky2.jpg'); } .pun .post { border-style: solid none; border-width: 2px 0 1px 0; border-color: #bcbcbc; } * html .pun .post { height: 1%; } *+ html .pun .post { min-height: 1px; } .pun .postmain { background: #d5d5d5; border-left: 1px solid #bcbcbc; border-top: 1px solid #bcbcbc; margin-left: 17em; position: relative; } .pun .posthead { padding: 0.5em 1.3em 0.5em 1em; background: #d5d5d5; border-bottom: 1px dashed #ccc; } .pun .posthead h2 strong { float: right; } .pun .postbody { width: 100%; } .pun .post-entry { padding: 1em 1em 0 1em; } .pun .entry-content { padding-bottom: 0.8em; overflow: hidden; width: 100%} .pun .entry-content ul,.pun .entry-content ol { margin-left: 2em; } /*Posting layouts*/ .postmain blockquote { padding: 0.5em 1em; background-color: #fff; border: 1px solid #2e2c2c; } .postmain cite { display: block; margin: 0 0 1em 0; font-weight: bold; font-style: normal; } .vote { float: right; width: 9px; margin-left: 4px; } .vote .vote-button { text-align: center; font-weight: bold; margin-left: -1px; } .vote .vote-button a { text-decoration: none !important; } .vote .vote-bar { width: 3px; height: 50px; margin: 0 auto; border: 1px solid #333333; font-size: 0; } .vote .vote-no-bar { letter-spacing:-2px; margin-left:-2px; white-space:nowrap; } .vote .vote-bar-plus { background-color: #0f0; } .vote .vote-bar-minus { background-color: #f00; } /* User information general layout-------------------------------------------------------------*/ .pun .user { padding-top: 1.6em; overflow: hidden; width: 15em; white-space: normal; display: inline; } .pun .post .user { float: left; margin-left: -16em; margin-top: -1.8em; position:relative; } .pun .user .user-ident { padding: 0 0 0.7em 0; font-size: 12px; } .pun .user-ident .username { font-size: 1.2em; font-weight: bold; display: block; position: absolute; top: 0; text-decoration: none; color: #666; } * html .pun .user-ident .username { padding: 0 0 0.25em; } *+ html .pun .user-ident .username { padding: 0 0 0.3em; } .pun .user-ident .username a{ text-decoration:none} .pun .user-ident .user-basic-info { font-weight: bold; } .pun .user .user-info { color: #666; line-height: 1.8em; } .postfoot { margin-left: -17em; text-align: right; clear: both; position: relative; border-top: 0px solid #bcbcbc; padding: 0.3em 0.6em; background-color: transparent; background-image: url('http://www.dodaj.rs/f/F/Yy/38vmiSEt/sky2.jpg'); background-repeat: repeat-xy; } div.post-options img{ cursor: pointer; } .pun .postfoot .user-contact { float: left; width: 15em; text-align: left; } * html .pun .postfoot { margin-left: 0; } .pun .sig-content { padding-top: 0.8emmargin-left: -17em; clear:both; position: relative; padding: 0.5em 1em; } .pun .p-hidden { text-align:center; padding: 15px 0px; border-bottom: 1px solid #bcbcbc; } .pun .sig-content .sig-line { margin: 0 auto; border-top-style: solid; border-top-width: 1px; border-color: #bcbcbc; display: block; padding-bottom: 0.5em; width: 250px; } /* Plus menu-------------------------------------------------------------*/ .overview { background-color: #f4f9fd; border: 1px solid #2e2c2c; font-family: Verdana,Arial,Helvetica,sans-serif; } .title-overview { background-color: #f4f9fd; padding: 5px 5px 0 0; } .overview h1 { border-bottom: 1px solid #2e2c2c; font-size: 1em; text-align: center; padding: 0.25em 0.5em; } .left-overview { padding: 5px 5px 0; } .left-overview a { font-weight: normal; } .center-overview { padding: 0.5em; text-align: center; } p.center-overview a { color: #00569c !important; } * html .center-overview { height: 1%; } .topic-overview { padding: 0.5em; background-color: #fff; } .overview-info { padding: 0.25em 0.5em; background-color: #fbfbfb; font-size: 0.8em; border-bottom: 1px dotted #2e2c2c; } .dashed { color: #f4f9fd; background-color: #f4f9fd; border: none; } #search_menu .forumline { padding: 0.5em; } #search_menu .forumline .thHead { font-weight: bold; } #search_menu .forumline td { padding: 0.5em 0; } #search_menu .forumline span.genmed a { color: #333333 !important; font-size: 0.9em; } #search_menu .forumline input.post { border: 1px solid #2e2c2c; } /* Table forumline-------------------------------------------------------------*/ table.forumline { background-color: #f4f9fd; border: 1px solid #2e2c2c; } /* Text editor (quick reply)-------------------------------------------------------------*/ .pun .main-head a.exthelp,.pun .main-head a.exthelp:link,.pun .main-head a.exthelp:visited { padding-left: 20px; background-repeat: no-repeat; background-position: left; background-image: url('http://2img.net/i/fa/punbb/helpdark.png'); } .pun .frm-form { background-color: transparent; background-image: url('http://www.dodaj.rs/f/F/Yy/38vmiSEt/sky2.jpg'); background-repeat: repeat-xy; border: none; } .pun div.frm-form { margin: 1.7em; } .dd-textarea { width: 72%; } button.button2, input.button2 { font-size: 0.9em; border: 1px solid #BCBCBC; width: auto !important; margin: 0px 0.25em 0; padding: 2px 3px; font-family: Verdana,Arial,Helvetica,sans-serif; color: #000000; background-repeat: repeat-x; background-color: #FAFAFA; background-image: url('http://2img.net/i/fa/prosilver/bg_button.gif'); background-position: top; overflow: visible; vertical-align:middle; } body:last-child a.button1, input.button1, a.button2, input.button2, button.button2 { /* Opera does not see this */ padding: 1px 0; } button.button2:hover, input.button2:hover { border: 1px solid #b42000; color: #b42000; background-position: 0 100%; } * html button.button2, * html input.button2 { padding-bottom: 0; margin: 0 0.25em; height: 24px; padding-right: 3px; padding-left: 3px; } *+html button.button2, *+html input.button2 { height: 24px; padding-right: 3px; padding-left: 3px; } *+html button.button2 img { vertical-align: middle; } * html button.button2 img { vertical-align: middle; } .select { background-color: #ffffff; border: 1px solid #BCBCBC; position: absolute; z-index: 999; top: 0; left: 0; overflow: hidden; width: 0px; margin: -15px 0px 0px -30px; } * html .select { margin-top: -9px; } .select p { padding: 4px 6px; font-size: 0.9em; margin: 0px; } .select button { padding: 4px; font-size: 0.9em; margin: 0px; background-color: #FFF; border: none; text-align: left; } .select button.button2 { border: 1px solid #BCBCBC; padding: 0px; } *+html .select button.button2 { padding-right: 3px; padding-left: 3px; } * html .select button.button2 { padding-right: 3px; padding-left: 3px; } .select button.button2:hover { border: 1px solid #b42000; color: #b42000; background-position: 0 100%; } .select button:hover,.selectHover { cursor: pointer; background-color: #EEE; } button.bbcode { border: 1px solid #e3adad; background-image: url("http://2img.net/i/fa/wysiwyg/bg_button.png"); } #text_editor_controls { margin: 10px 0px 0px 210px; } #textarea_content iframe#text_editor_iframe,#text_editor_textarea { width: 100%; /*height: 100%; */ } *+ html #textarea_content iframe#text_editor_iframe,*+ html #text_editor_textarea { width: 60%; } * html #textarea_content iframe#text_editor_iframe,* html #text_editor_textarea { width: 60%; } *+ html #text_editor_textarea.quick_reply_textarea { width: 60% !important; } * html #text_editor_textarea.quick_reply_textarea { width: 60% !important; } #quick_reply .frm-buttons { padding-left: 210px; } div.posting-block { width: 80%; float: left; margin-right: 20px; } .pun .frm div.posting-block dd.frm-textarea { width: auto; } .helpline { margin-left: 210px; } *+ html .helpline { display: block; height: 1em; } * html .helpline { display: block; height: 1em; } /* Smilies-------------------------------------------------*/ #smiley-box { float: left; width: 15%; margin: 6px 0px 0px 0px; } #smiley-box iframe{ border: none; overflow: auto; height: 300px; width: 100%; height: 260px; } .smiley-element { margin-top: 5px; } .smiley-element img { margin: 0px 15px 10px 0px; } .smiley-element a,.smiley-element a img { border:none; } #smiley-box-wysiwyg { float: left; margin: 25px 0px 0px 15px; width: 20%; background-color: #fbfbfb; } * html #smiley-box-wysiwyg { margin: 25px 3px 0px 0px; } *+html #smiley-box-wysiwyg { margin: 25px 3px 0px 0px; } #smiley-box-wysiwyg iframe{ border: none; overflow: auto; height: 300px; width: 100%; height: 280px; background-color: #fbfbfb; } /* Privmsg-------------------------------------------------------------*/ .pun-privmsg { list-style-type: none; text-align: center; } .pun-privmsg li { display: inline; margin-left: 15px; font-weight: bold; } .pun-privmsg li a { font-weight: normal; } .pun-privmsg li img { vertical-align: middle; } /* Popup-------------------------------------------------------------*/ .popup { margin: 0px; min-width: 390px; } .popup h1 { font-size: 1.1em; margin-top: 5px; } /* Chatbox-------------------------------------------------------------*/ body.chatbox { background-image: none; padding: 0; margin: 0; background-color: #ffffff; } #chatbox_header { height: 30px; } #chatbox_header.main-head { padding: 0 1.3em; color: #dedfdf; background-color: #1f537b; } .chatbox-title,.chatbox-title a.chat-title { color: #dedfdf; text-decoration: none; } .chatbox-title { float: left; margin: 0; padding: 2px 5px 0 5px; width: 15em; } .chatbox-options { float: right; list-style: none; font-size: 11px; margin: 0.7em 0.5em 0.5em 0.5em; } .chatbox-options li { display:inline; } .chatbox-options li,.chatbox-options li a,.chatbox-options li label { color: #dedfdf; } #chatbox_members { position: absolute; top: 30px; bottom: 30px; width: 180px; overflow: auto; border-right: 1px dashed #ccc; } #chatbox_messenger_form { margin: 10px 0 0 0; } #chatbox_members .member-title { text-align: center; padding: 0.5em 0.25em; background-image: none; font-size: 12px; background-color: #f4f9fd; color : #00569c; font-family: Verdana,Arial,Helvetica,sans-serif; } #chatbox_members ul { list-style: none; margin: 0 0 0 1em; } #chatbox_members ul li { margin: 0.5em 0.5em 0.5em 0; } #chatbox { position: absolute; top: 30px; left: 181px; right: 0; bottom: 30px; overflow: auto; line-height: 10px; } #chatbox p { line-height: 1.2em; } .chatbox_row_1 { padding: 4px; background-color: #fbfbfb; } .chatbox_row_2 { padding: 4px; background-color: #f4f4f4; } .chatbox_row_3 { padding: 4px; background-color: #f4f9fd; } #chatbox .user { font-weight: bold; } .memberlist_row_1 { background-color: #fbfbfb; } #chatbox_footer { position: absolute; bottom: 0; left: 0; right: 0; border-top: 1px dashed #ccc; } #message,#submit_button{ border-width: 1px; } .fontbutton { padding: 1px; cursor: pointer; text-align: left; } .fontbutton_normal { background: #E1E1E2; } .fontbutton_selected { background: #BBC7CE; border: 1px solid #22229C; } .fontbutton_clicked { background: #959595; border: 1px solid #22229C; } .fontbutton_hover { background: #E1E1E2; border: 1px solid #22229C; } .fontbutton { background:#E1E1E2 none repeat scroll 0%; border:medium none; color:#000000; float:left; margin-right:10px; padding:1px; } /*Internet Explorer fixers and hacks for Chatbox * /* html #chatbox-members { /* IE expressions helping IE work in Standards mode */ height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px"); } * html #chatbox { /* IE expressions helping IE work in Standards mode */ height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px"); width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px"); } * html #chatbox-footer { /* IE expressions helping IE work in Standards mode */ width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px"); } #chatbox_contextmenu { border: 2px solid black; background-color: #f4f9fd; } #chatbox_contextmenu p { margin:0; padding: 1px 4px; font-family: verdana, arial, sans-serif; background: #fbfbfb; border-bottom:1px solid #777; } #chatbox_contextmenu p.hover { background: #f4f4f4; } #chatbox_contextmenu p.close { padding: 1px; font-size: 95%; color:#fff; background: url(''); } #chatbox_contextmenu p.close img { vertical-align: middle; padding-left: 20px; } #chatbox_contextmenu a { color: #00569c; text-decoration: none; font-size: 95%; } #chatbox_contextmenu a:hover { color: ; } /* Portal / Modules-------------------------------------------------------------*/ .module { overflow: hidden !important; } .module.main { margin: 0 !important; } .module .main-content { padding: 1em; } .module .main-content table { table-layout: fixed; } .module .main-content ul { margin: 0 2em; } .module p.author { padding: 0.25em; background-color: #f4f4f4; border-bottom: 1px solid #2e2c2c; font-size: 0.9em; } .module h3.news { padding: 0.5em; background-color: #2e2c2c; font-weight: bold; } .module div.body { padding: 0.5em; } .module .full-reading { margin-top: 2em; } .module div.body ul,.module div.body ol { margin-left: 2em; } .module p.comments { padding: 0.25em 0.25em 1em; border-top: 1px dashed #2e2c2c; font-size: 0.8em; } fieldset.frm-set.login { margin: 0; } fieldset.frm-set.login dl dt { width: auto; margin: 0 1em 0 0; text-align: left; } fieldset.frm-set.login dl dd { margin: 0; } .module .details img { border: 1px solid #2e2c2c; margin: 0 1em; } .module .details dt { font-weight: bold; } #calendar.main-content { padding: 0; } #calendar .calendar-header,#mini-calendar .calendar-header { border-left: none; border-bottom: 1px solid #2e2c2c; } #calendar table tr.date td:first-child,#mini-calendar table tr.date td:first-child{ border-left: none; } .module #calendar { min-width: 180px; } .module hr { height: 1px; margin: 1em 0; border: 0.5px solid #2e2c2c; } .ballot fieldset { margin: 0.5em 0; } .ballot fieldset dd { float: left; } /* Groups-------------------------------------------------------------*/ .frm-set dd ul { list-style-type: none; } /* Donate-------------------------------------------------------------*/ .donate .quotebox { padding: 1em; background-color: #f4f4f4; border-bottom: 1px solid #2e2c2c; } .donate .donate-form p { padding: 1.7em; } .donate .column { width: 49%; } /* Report Abuse-------------------------------------------------------------*/ .captcha div.captcha-img { float: left; margin: 0 1em 0 0; } .captcha .inputbox{ margin-top: 0.5em; } .warning { color: #ff3333; } .report-abuse-textarea { width: 70%; } /* RPG-------------------------------------------------------------*/ fieldset.frm-set.left.rpg,fieldset.frm-set.right.rpg { width: 47%; margin: 5px; } fieldset.frm-set.rpg dt { text-align: left !important; width: auto; float: none !important; } fieldset.frm-set.rpg dd { margin-left: 0 !important; } fieldset.frm-set.rpg dd table { display: table; width: 100%; border: 1px solid #2e2c2c; padding: 0; border-spacing: 0; border-collapse: collapse; } fieldset.frm-set.rpg dd table td { padding: 5px; } /* Helpful classes-------------------------------------------------------------*/ .center { text-align: center; } .right { float: right; } .left { float: left; } .margin-field { margin: 0px 1.7em; } .normal { font-weight: normal; } .bold { font-weight: bold; } .clear { clear: both; height: 1px; } * html .clear { /* removes useless space in ie6 */ display: none; } .clearfix:after { content: "."; display: block; width: 80%; height: 0; clear: both; visibility: hidden; } *+ html .clearfix { min-height: 1px; } * html .clearfix { height: 1%; clear: both; } /* Footer-------------------------------------------------------------*/ #pun-about { border-style: solid; border-width: 0px; border-color: #2e2c2c; text-align: center; line-height: 150%; padding: 0.6em 1em; font-size: 10px; background-color: transparent; } #pun-about ul { list-style-type: none; } #pun-about ul li { display: inline; } #pun-about ul li a { font-weight: bold; } #pun-about #qjump { float: left; text-align: left; margin-left: 25px; } #pun-about #qjump label { font-weight: bold; } #pun-about #qjump fieldset { border: none; } #pun-foot { background-image: url('http://www.dodaj.rs/f/2N/HK/3ABX68YY/qnv-footer-copy.jpg'); background-repeat: no-repeat; background-color: transparent; width: 1000px; height: 190px; background-position: center bottom; max-height: 210px; } #pun-foot h3 { margin-top: 20px; } #pun-foot #pun-about ul li strong { font-weight: normal; } td.fav-icon img { float: left; margin: 0 1em 2em 0.5em; } /* Login Popup---------------------------------------------------*/ #login_popup { position: absolute; z-index: 999; display: none; background-color: #fbfbfb; border: 1px solid #2e2c2c; } #login_popup_buttons { position: absolute; bottom: 8px; right: 6px; } #login_popup_buttons input { margin-left: 6px; } /* BEGIN TESTING FOR MEDIA PRINT */ @media print { * { background-image: none; background-color: #fff; color: #000; } body { margin: 0; } /* Header */ body div.pun { width: 95%; margin: 0; } div#pun-intro { padding: 0 0 1em 0; text-align: left; } p#pun-desc#pun-intro #pun-logo,p#pun-desc,#pun-navlinks,#pun-visit,.noprint { display: none; } /* Posts */ .pun .main .paged-head,.pun .main .main-head p.h2 a,.pun .main .sig-content,.pun .main .paged-foot,.pun .main .postmain img,.pun .main .postmain .postfoot,.pun .main .main-foot,.pun .main .user-ident .user-basic-info,.pun .main .user-info,.pun #pun-qpost { display:none; } .pun .main .main-head { border-bottom: 1px solid #ddd; } .pun .main .main-head p.h2 { margin: 0; padding: 0; } .pun .main .main-head .h2 strong { margin-left: 0.25em; } .pun .main .posthead h2 a { margin-right: 0.5em; } .pun .main .main-content { border: none; } .pun .main .post { border: none; border-bottom: 1px solid #ddd; } .pun .main .post .user { float: none; } /* Footer */ .pun .pun-crumbs .crumbs { font-size: 0.8em; } .pun .pun-crumbs .crumbs a { margin: 0 1.25em 0 0.5em; } #pun-foot,#pun-info { display: none; } } /* END TESTING FOR MEDIA PRINT */ ul.profile_field_list { padding:0; } html ul.profile_field_list li { list-style-type: none; } ul.profile_field_list > li { list-style-type: none; } .inputURL { font-size:10px; font-family:"Courier New", "Times New roman"; letter-spacing:-1px; } .middleline { line-height:2em; } .invisible{ display:none; visibility:hidden; } .visible{ display:block; visibility:visible; } /* ajax profil */ .ajax-profil_hover{ background:transparent} .ajax-profil_parent{ position:relative; zoom:1} .ajax-profil_edit{ cursor:pointer; position:absolute; top:6px; left:-12px; } .ajax-profil_edit img{ margin-left:4px} .ajax-profil_valid{ cursor:pointer; margin-left:4px; vertical-align:middle} #profile-advanced-details dl{ padding:8px 10 8px 0; width:98%; margin:10px 0 0; } #profile-advanced-details dl dt{ float:left; display:block; width:10em; } #profile-advanced-details dl dd{ margin-left:10em; padding-left:12px; } #profile-advanced-details div.separator{ clear:both; font-size:1px; line-height:1px; border-bottom:1px solid #dcdcdc; padding-top:10px; } #profile-advanced-details .ajax-profil_edit{ left:-4px; } /* jqModal */ .jqmWindow { display: none; position: fixed; left: 50%; width: 450px; margin-left: -225px; top: 50%; margin-top: -125px; background-color: #ffffff; border: 1px solid #f4f9fd; } .jqmWindow .main { margin: 0; } .jqmOverlay { background-color: #000; } .jqDrag { cursor: move; } /* First Post */ #first-post-br { width: 80%; border: 0; border-top: solid 1px #2e2c2c; margin: 20px auto; } /* Blog */ .blog_cal-border { display: inline; float: left; border: 1px solid #1f537b; background: #fbfbfb; padding: 1px; font-size: 1.2em; margin-right: 3em; } .blog_cal-content { width: 2.9em; background: #1f537b; padding: 1px; line-height: 1.4em; text-align: center; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Sans-Serif; color: #ffffff; } .blog_cal-content span { display: block; } .blog_cal-day { padding-left: 0.2em; font-size: 1.6em; letter-spacing: 0.2em; } .blog_cal-month { line-height: 0.7em; font-size: 2em; font-weight: bold; } .blog_cal-year { line-height: 1.2em; font-size: 0.8em; } .blog_title { padding-top: 1.1em; font-size: 1.2em; } .blog_title .status { margin-top: -0.1em; } .blog_title .topictitle { font-size: 1.1em; text-decoration: none; } .blog_message { margin-top: 0.5em; font-size: 1.1em; } .blog_comments { margin-right: 0.5em; font-size: 0.8em; text-align: right; } .blog_comments img { vertical-align: middle; } #blog_comments { width: 90%; margin: 0 auto; } #blog_comments .posthead { padding: 2px 4px; } .blog_comment-avatar { float: left; } .blog_comment-avatar img { background-color: #fff; border: 1px solid #1f537b; vertical-align: middle; width: 38px; margin: 2px 2px 4px; } #blog_comments .h3 { overflow: hidden; margin-top: 0; margin-left: 45px; padding: 0; min-height: 22px; } .blog_comment-title { float: left; min-height: 12px; margin-top: 7px; } #blog_comments .postfoot { margin-left: inherit; } .no_comment { padding: 10px 0; } /* Social bookmarking */ #bookmarks { float: right; } #bookmarks a img { width: 20px; height: 20px; background: url(http://2img.net/i/fa/social_bookmarking/social_bookmarking.png) no-repeat scroll; vertical-align: middle; } #bookmarks a img.twitter { width: 16px; height: 16px; margin: 2px; background: url(http://2img.net/i/fa/social_bookmarking/twitter.png) no-repeat scroll; } #bookmarks img.delicious { background-position: -10px -10px; } #bookmarks img.digg { background-position: -10px -50px; } #bookmarks img.excite { background-position: -9px -90px; } #bookmarks img.facebook { background-position: -9px -128px; } #bookmarks img.furl { background-position: -10px -166px; } #bookmarks img.google { background-position: -10px -206px; } #bookmarks img.live { background-position: -9px -246px; } #bookmarks img.netscape { background-position: -9px -284px; } #bookmarks img.newsvine { background-position: -9px -322px; } #bookmarks img.reddit { background-position: -10px -360px; } #bookmarks img.slashdot { background-position: -10px -400px; } #bookmarks img.smarking { background-position: -9px -440px; } #bookmarks img.stumbleupon { background-position: -10px -478px; } #bookmarks img.technorati { background-position: -10px -518px; } #bookmarks img.yahoo { background-position: -10px -558px; } /* wysiwyg */ .mceContentBody{ background: #f4f4f4; color: #333333; } /* resize image */ .resize_process .resizebox { display: none; } .resize_process img.resize_img { display: none; } .resizebox a.enlarge, .resizebox a.fullsize, .resizebox a.resize { display: inline-block; zoom: 1; *display: inline; } .resizebox.enlarged a.enlarge { display: none; } .resizebox.enlarged a.resize { display: inline-block; } .resizebox a.resize { display: none; } .resizebox { background-color: #ffffe1; max-width: 100%; line-height: 1.1em; cursor: default; font-size: 11; font-weight: normal; font-style: normal; margin: 0; text-align: left; display: inline-block; } .resizebox div { font-weight: normal; font-style: normal; margin: 0; } .resizebox .resize_border { border: 1px solid #fbfbfb; display: block; } .resizebox .resize_content { padding: 5px 10px; display: inline-block; zoom: 1; *display: inline; } .resizebox .resize_filler { border: none; padding: 0; width: 40px; display: inline-block; zoom: 1; *display: inline; } .attachbox { background-color:#ffffe1; border:1px dashed #f4f9fd; clear:left; float:left; margin:5px 5px 5px 0; padding:6px; width:auto; color:#333333; } .attachbox dt { font-family:Arial,Helvetica,sans-serif; text-transform:uppercase; } .attachbox dd { border-top:1px solid #2c2e2e; clear:left; font-size:0.9em; margin-left:10px; padding:0; } dl.file { display:block; font-family:Verdana,Arial,Helvetica,sans-serif; margin-bottom:10px; } dl.file dt { font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:bold; margin:0; padding:0; text-transform:none; } dl.file dt img { vertical-align:middle} .info { font-size:10px; font-style:italic; } /* Spoiler */ .spoiler_content { display:none; } .spoiler_content.hidden { display:block; } /* Style pour nouveau personnal Ad */ .adtitle { color:#006699; font-size:11px; font-weight:bold; line-height:12px; text-decoration:underline !important; padding-bottom:5px; } .adbody { color:#000000; font-size:10px; line-height:12px; text-decoration:none; } .adbody:hover { text-decoration:none !important; } .adlink { color:#006699; font-size:10px; line-height:12px; text-decoration:none; } .adlink:hover { text-decoration:none !important; } .tradeDoubler { height:88px; float:left; padding: 0 10px 0 10px; width:20%; text-align:justify; } .tradeDoubler a { display:block; } a.mainmenu{ filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; } a.mainmenu:hover{ filter:alpha(opacity=70); -moz-opacity: 0.65; opacity: 0.65; } .postbody .user{text-align:center}.postbody .user h4.username{margin-left:38%}

Medidas que eu tomei para corrigir o problema: eu tentei muda mais eu num consigu Links e imagens do meu problema: n precisa Endereço do meu fórum: http://www.centrodorpg.forumeiros.com Versão do meu fórum: PUNBB

Olá, creio que este site não seja do forumeiros, mas se deseja colocar o fundo tem como, até mais;)

quero deixa com o logo dai o menu embaixo e o fórum em poca largura e o resto o fundo tem como? dai deixa branco e laranja igual esse pode se? consegui edita?

Olá,

Não compriendi direito, poderia esclarecer o que realmente deseja? Lembre-se que é permitido apenas uam pergunta por tópico.

Até mais

Eu quero que deixe o fórum com o logo em cima, o corpo do fórum magro ali tipo aquele e por trás o fundo só isso ... eu to perguntando coisas relacionadas a uma só . dai eu quero branco e laranja ta tudo no css ai .. e so edita so que eu num sei

Olá,

Mas o fórum não é do Serviço Forumeiros. Você quer exatamente igual ou pelo menos algo parecido? Tem temas no hitskin.com , são parecidos.

Ola

Pois o layout desse Site nao é conpativel ao forumeiros , me Desculpe.

O fórum que está indicando usa a plataforma SMF ( Simple Machine Forum ) .
Sendo assim, não há como deixar o fórum igual.

Eu quero que deixe o fórum com o logo em cima, o corpo do fórum magro ali tipo aquele e por trás o fundo só isso ... eu to perguntando coisas relacionadas a uma só . dai eu quero branco e laranja ta tudo no css ai .. e so edita so que eu num sei

Espero ter ajudado.