phpBB.com

Home of phpBB
https://www.phpbb.com/community/

How to Add a Sidebar in prosilver Tutorial

https://www.phpbb.com/community/viewtopic.php?t=624715

Page 12 of 23

Re: How to Add a Sidebar in prosilver Tutorial

Posted: Mon Mar 30, 2009 5:03 pm
by WWu777
Greenweaver wrote:You should note that the tutorial you have linked to is for "subSilver2" where as this topic is for the "proSilver" style.
W: But it works for phpBB3 too, not just phpBB2. I already noted that. It's easy and works with any style. You just insert simple codes in the header and footer files.

Have a look at my phpBB3 forum where I used the same tutorial, and you will see that it worked there too.

http://www.pinayexchange.com/forum/index.php

Re: How to Add a Sidebar in prosilver Tutorial

Posted: Thu Apr 16, 2009 1:41 pm
by unknown2
Hi there! Im using Black Pearl Template, and i would like to know if its possible to apply the sidebars on them?

Because i was trying to follow the tuturial and this template doesn't have the first code on overall_footer.html
This doesnt exist:
<div id="page-footer">
<div class="navbar">


Best regards

Re: How to Add a Sidebar in prosilver Tutorial

Posted: Fri Apr 17, 2009 8:09 am
by antonza
mukundis wrote:I have a better tute. :)
No Tables Nothing. Just DIV DIV And Pure DIVS. God I hate Tables. :(

Code: Select all

First Create a sidebar.html file in the template directory and add whatever you want.
Open template\overall_footer.html
NOTE: The reason I am putting the code in overall_footer is that I wanted to load the sidebar after my forum is rendered. As I will be displaying advertisements on the sidebar, It only makes sense to load them after the forum gets loaded so that Adsense bot can understand better as to what it needs to display.

Find

Code: Select all

<div id="page-footer">
	<div class="navbar">
Add Before

Code: Select all

<div class="page-sidebar">
<!-- INCLUDE sidebar.html -->
</div>

Save the file.

Go to Administration Panel -> Styles -> Theme and click on Edit
Find

Code: Select all

#page-body {
For Displaying Sidebar on Left Add after

Code: Select all

width:85%;
float:left
Also Remove the Following line bellow #page-body

Code: Select all

float:auto

NOTE #page-body should look like this

Code: Select all

#page-body {
float:left;
margin:4px 0pt;
width:81%;
}
Go To The Last line and add After

Code: Select all

.page-sidebar {
float:right;
margin-top:4px;
width:14%;
}




For Displaying Sidebar on Right Add after

Code: Select all

width:85%;
float:Right
Go To The Last line and add After

Code: Select all

.page-sidebar {
float:left;
margin-top:4px;
width:14%;
}


U can Play With the width to adjust the size and all. Just change the percentage.
I mean instead of 85% you can make it 80% or something.



DEMO
http://iluvdesi.com

Let me know my mistakes and any help u want.




Edit I made some typos. Corrected it. it Should Work now
Well after struggling and finding out I missed a ; in css file I got it working, brilliant, just what I was looking for.

Now another thing, how can I make the add, well mine is just a jpg image, scroll with when you you move up and down the page?

In the index page there is enough room, but when in the forum there is space left below. So now it would be a nice feature to have it go up and down when you scroll down the forum page.

PS. Using prosilver

Re: How to Add a Sidebar in prosilver Tutorial

Posted: Sat Apr 18, 2009 12:46 pm
by unknown2
Raimon wrote:Open overall_header.html

search:

Code: Select all

<a name="top"></a>
after add:

Code: Select all

<table width="100%" border="0" cellspacing="10" cellpadding="0">
       <tr>
                  <td valign="top">
				  Here the content :D
open overall_footer.html
search:

Code: Select all

<td class="rightshadow" width="9" valign="top"><img src="{T_THEME_PATH}/images/spacer.gif" alt="" width="9" height="1" /></td>
	</tr>
</table>
after add:

Code: Select all

</td>
</tr></table>
edit

Code: Select all

Here the content :D
with your code.
after that refresh your template ( acp -> styles -> templates -> refresh ) .
I tested this one and it worked with text, but when i insert imagens it doesn't work =(


I was trying to insert in the left side the one grey image for testing (http://discutivel.comuf.com/teste.jpg) with the link for someother site when clicked , but what happened was this:
Image

Can someone tell me how do i insert banners on that spot ?

best regards

Re: How to Add a Sidebar in prosilver Tutorial

Posted: Sat Apr 18, 2009 1:59 pm
by Fridge
unknown2 wrote:Can someone tell me how do i insert banners on that spot ?
Looks like you are trying to use BBcode, try using html ;)

Example:

Code: Select all

<a href="http://discutivel.comuf.com/"><img src="http://discutivel.comuf.com/teste.jpg"/></a>

Re: How to Add a Sidebar in prosilver Tutorial

Posted: Sat Apr 18, 2009 2:22 pm
by unknown2
Ok, tks for your help!
It worket and the image now is appearing.

But the problem now is the position where it is. I want that the image stays at left of the football, but it is actually appearring in the upper side of the forum =( (im using black pearl style)
Image

Question: How can i make the image goes to the spot where is the red square??

Best regards

Re: How to Add a Sidebar in prosilver Tutorial

Posted: Wed Apr 22, 2009 7:45 am
by ZRPG.net
I have tried everything listed in this whole thread, spent hours trying to implement it, tweak it to my own devious means, and have failed. Haha.

The problem: I am not using prosilver....

But, my skin is so pretty.

Should I make another thread and try to get help, or does this thread work as well?

Re: How to Add a Sidebar in prosilver Tutorial

Posted: Sun Apr 26, 2009 8:32 am
by Ariane A
EDIT: problem solved.

Re: How to Add a Sidebar in prosilver Tutorial

Posted: Sun Apr 26, 2009 1:24 pm
by Gator-Fan
POST REMOVED BY SUBMITTER

Due to a lack of any answer to the question posed, submitter deleted his post to help preserve bandwidth.

Re: How to Add a Sidebar in prosilver Tutorial

Posted: Thu Apr 30, 2009 1:19 pm
by Ariane A
Hi,

I have read all 12 pages! but couldn't find an answer to my question.

I have followed the instructions in the first post, and successfully added a sidebar on all pages of my board (right side).

Now I would like to have this sidebar only on the index page and on some viewforum pages.
What changes have to be done in the css?

Currently I have:

Code: Select all

.page-sidebar {
    float: right;
    margin-top: 4px;
    width: 13%;
}

and

#page-body {
    width: 86%;
    float: left;
    margin: 4px 0pt;
}
I also have to move the code from overall_footer.html to index_body.html and viewforum_body.html .
I guess some changes have to be done on these pages too?

Thanks a lot for your help.

Re: How to Add a Sidebar in prosilver Tutorial

Posted: Fri May 01, 2009 7:42 pm
by drankur
just add the code in index_body.html before INCLUDE FOOTER LINE instead of overall_footer.html

Re: How to Add a Sidebar in prosilver Tutorial

Posted: Fri May 01, 2009 8:12 pm
by unknown2
drankur wrote:just add the code in index_body.html before INCLUDE FOOTER LINE instead of overall_footer.html
Are you talking with me? Are you awnsering my question?

Re: How to Add a Sidebar in prosilver Tutorial

Posted: Fri May 01, 2009 8:14 pm
by drankur
no with Ariane A

Re: How to Add a Sidebar in prosilver Tutorial

Posted: Sat May 02, 2009 7:28 am
by Ariane A
Thank you! but what about the css? If I leave it like that, all pages will have a page-body of 86%.

Re: How to Add a Sidebar in prosilver Tutorial

Posted: Tue May 05, 2009 12:04 pm
by Bash
mukundis wrote:I have a better tute. :)
No Tables Nothing. Just DIV DIV And Pure DIVS. God I hate Tables. :(

Code: Select all

First Create a sidebar.html file in the template directory and add whatever you want.
Open template\overall_footer.html
NOTE: The reason I am putting the code in overall_footer is that I wanted to load the sidebar after my forum is rendered. As I will be displaying advertisements on the sidebar, It only makes sense to load them after the forum gets loaded so that Adsense bot can understand better as to what it needs to display.

Find

Code: Select all

<div id="page-footer">
	<div class="navbar">
Add Before

Code: Select all

<div class="page-sidebar">
<!-- INCLUDE sidebar.html -->
</div>
Save the file.

Go to Administration Panel -> Styles -> Theme and click on Edit
Find

Code: Select all

#page-body {
For Displaying Sidebar on Left Add after

Code: Select all

width:85%;
float:left
Also Remove the Following line bellow #page-body

Code: Select all

float:auto
NOTE #page-body should look like this

Code: Select all

#page-body {
float:left;
margin:4px 0pt;
width:81%;
}
Go To The Last line and add After

Code: Select all

.page-sidebar {
float:right;
margin-top:4px;
width:14%;
}
For Displaying Sidebar on Right Add after

Code: Select all

width:85%;
float:Right
Go To The Last line and add After

Code: Select all

.page-sidebar {
float:left;
margin-top:4px;
width:14%;
}
U can Play With the width to adjust the size and all. Just change the percentage.
I mean instead of 85% you can make it 80% or something.

DEMO
http://iluvdesi.com

Let me know my mistakes and any help u want.

Edit I made some typos. Corrected it. it Should Work now
I'm trying to add a fixed sidebar to the left, but to a different theme (Hermes) and there is no:

#page-body {

Or in fact a 'common.css' file (just stylesheet.css)

Code: Select all

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

html {
	font-size: 100%;
}

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #a0a0a0;
	background: #1F222A url(images/body.gif);
	font-size: 10px;
	margin: 0;
	padding: 5px;
}
#body-simple {
	background: #1A1F29;
	padding: 5px;
}

/* Misc stuff */
img {
	border: none;
}

.gen {
	margin: 1px 1px;
	font-size: 1.2em;
}

.genmed {
	margin: 1px 1px;
	font-size: 1.1em;
}

.gensmall {
	margin: 1px 1px;
	font-size: 1em;
}

.titles {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	text-decoration: none;
}

.error, table td .error {
	color: #CA2E15;
}

.spacer {
	color: #4D5F87;
	background: #222736 url(images/th.gif) top left repeat-x;
	border: solid 1px #33373F;
	padding: 1px;
}

hr	{ height: 0px; border: solid #3E434C 0px; border-top-width: 1px;}

.pagination {
	padding: 4px;
	font-size: 1em;
	font-weight: bold;
}

/* Links
 ------------ */
a {
	color: #5873B0;
	text-decoration: none;
}

a:active,
a:visited {
	color: #5873B0;
	text-decoration: none;
}

a:hover {
	color: #CA2E15;
	text-decoration: underline;
}

a.forumlink {
	font-weight: bold;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
}

a.topictitle {
	margin: 1px 0px;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
}

a.topictitle, .postbody a {
	color: #5873B0;
}
a.topictitle:visited, .postbody a:visited {
	color: #4C659D;
}
a.topictitle:visited:hover, .postbody a:visited:hover {
	color: #667FB8;
}
a.topictitle:hover, .postbody a:hover {
	color: #CA2E15;
}

/* Header and logo */
#maintable {
    margin: 0 auto;
}

#logorow { background: #1A1F29 url(images/logo_top.gif) top left repeat-x; padding: 0; }
#logorow1 { background: url(images/logo_bot.gif) bottom left repeat-x; padding: 0; }
#logo-left {
    background: url(images/logo_left_bot.gif) bottom left no-repeat;
    padding: 0;
    padding-bottom: 4px;
    text-align: left;
}
#logo-right {
    background: url(images/logo_right_bot.gif) bottom right no-repeat;
    padding: 0;
    padding-bottom: 4px;
    text-align: right;
}
#logo-mid { 
    text-align: center;
    padding: 1px;
}
#logo1 { background: url(images/logo_left.gif) top left repeat-y; }
#logo2 { background: url(images/logo_right.gif) top right repeat-y; }

#contentrow { background: #1A1F29 url(images/content_top.gif) top left repeat-x; padding: 0; }
#contentrow1 { background: url(images/content_bot.gif) bottom left repeat-x; padding: 0; }
#content1 { background: url(images/content_left.gif) top left repeat-y; }
#content2 { background: url(images/content_right.gif) top right repeat-y; }
#content-left { background: url(images/content_bot_left.gif) bottom left no-repeat; text-align: left; padding: 0; }
#content-right { background: url(images/content_bot_right.gif) bottom right no-repeat; text-align: right; padding: 0; }
#content-mid { padding: 7px 3px; }

.pm-notify-new, .pm-notify-unread {
    border: solid 1px #494F5F;
	background: #14171F url(images/cell.gif) top left repeat-x;
	margin: 10px 0;
	padding: 10px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}
.pm-notify-new a, .pm-notify-new a:visited, .pm-notify-unread a, .pm-notify-unread a:visited { text-decoration: underline; }
.pm-notify-header {
	margin-bottom: 10px;
	color: #CA2E15;
}
.pm-notify-new { 
    border: solid 1px #CA2E15;
    padding: 30px; 
}

/* Navigation buttons */
.navrow {
	height: 21px;
	overflow: hidden;
	color: #a0a0a0;
	text-align: center;
	font-size: 11px;
	padding: 5px;
}
/* * html .navrow { padding: 0; } */
.navrow b, .navrow strong { font-weight: normal; }
.navrow a, .navrow a:visited {
	color: #5873B0;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}
.navrow a:hover { 
	color: #CA2E15; 
	text-decoration: underline; 
}

a.link-new, a.link-new:visited { color: #CA2E15; }
a.link-new:hover, a.link-new:visited:hover { color: #E0462D; }

/* Content and tables */
.tablebg {
	border: solid 1px #494F5F; 
	background-color: #000;
}
.block-start .tablebg, .block-start .tablebg .block-start .tablebg { 
    border-top-width: 0; 
    border-bottom-width: 0; 
}
.block-start .tablebg .tablebg { 
    border-top-width: 1px; 
    border-bottom-width: 1px; 
}

.row1, .row2, .row3, .legend, .forumrules, tr.row1 .row, tr.row2 .row, tr.row3 .row, .postbottom {
	background: #14171F url(images/cell.gif) top left repeat-x;
	border: solid 1px #33373F;
	padding: 4px;
}
th {
	color: #4D5F87; 
	font-size: 11px; 
	font-weight: bold;
	background: #222736 url(images/th.gif) top left repeat-x;
	border: solid 1px #33373F;
	white-space: nowrap;
	padding: 0 5px;
	text-align: center;
	height: 26px;
}
th a, th a:visited {
	color: #4D5F87 !important;
	text-decoration: underline;
}
th a:hover {
	color: #61739B;
	text-decoration: underline;
}

td {
	padding: 2px;
}
td.profile {
	padding: 4px;
}
.catdiv, .cat, .cathead {
	height: 24px;
	padding: 0 3px;
	background: #0F1625 url(images/cathead.gif) top left repeat-x;
	border: solid 1px #33373F;
}

.cat, .cathead {
	text-indent: 4px;
}

/* Table header */
caption, .cap-div { 
	margin: 0; 
	padding: 0;
	background: url(images/hdr_mid.gif) top left repeat-x;
	white-space: nowrap;
	height: 27px;
	text-align: center;
}
.cap-left {
	background: url(images/hdr_left.gif) top left no-repeat;
}
.cap-right {
	background: url(images/hdr_right.gif) top right no-repeat;
	padding-top: 6px;
	height: 21px;
}
caption, caption h1, caption h2, caption h3, caption h4, caption span,
.cap-div, .cap-div h1, .cap-div h2, .cap-div h3, .cap-div h4, .cap-div span { 
	font-size: 12px;
	font-weight: bold;
	color: #c4c4c4;
}
caption h1, caption h2, caption h3, caption h4, caption span,
.cap-div h1, .cap-div h2, .cap-div h3, .cap-div h4, .cap-div span { 
	display: inline;
}
caption a, caption a:visited, .cap-div a, .cap-div a:visited {
	color: #c4c4c4;
	text-decoration: underline;
}
caption a:hover, .cap-div a:hover {
	color: #dcdcdc;
	text-decoration: underline;
}

.block-start { background: url(images/ftr_mid.gif) bottom left repeat-x; }
.block-end-left { background: url(images/ftr_left.gif) top left no-repeat; }
.block-end-right { background: url(images/ftr_right.gif) top right no-repeat; }
.block-end-left, .block-end-right { height: 4px; overflow: hidden; padding: 0; }

/* Footer */
#wrapfooter {
	text-align: center;
	color: #8a8a8a;
	padding-top: 10px;
}

.copyright {
	color: #8a8a8a;
	font-weight: normal;
	font-size: 9px;
	line-height: 1.2em;
}
.copyright a, .copyright a:visited {
	color: #8a8a8a;
	text-decoration: underline;
}
.copyright a:hover { color: #aaa; }


/* Breadcrumbs */
.breadcrumb { background-color: #000; }
.breadcrumb .row1 { 
    background: #14171F;
}
p.breadcrumbs {
	margin: 0;
	padding: 0;
	float: left;
	color: #a0a0a0;
	font-weight: bold;
	white-space: normal;
	font-size: 1em;
}
.rtl p.breadcrumbs {
	float: right;
}

p.datetime {
	margin: 0;
	padding: 0;
	float: right;
	white-space: nowrap;
	font-size: 1em;
}

.rtl p.datetime {
	float: left;
}

/* Index/viewforum */
.subforum.read { 
	background: url(images/sub_old.gif) top left no-repeat;
	padding-left: 12px;
}
.subforum.unread { 
	background: url(images/sub_new.gif) top left no-repeat;
	padding-left: 12px;
}
.legend {
	text-align: center;
	margin: 0 auto;
	padding: 2px;
}
.legend-viewforum { 
	margin: 0; 
	text-align: left; 
}

.forumrules {
	padding: 4px;
	font-weight: normal;
	font-size: 1.1em;
	border: solid 1px #494F5F;
	background: #14171F;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.forumrules h3 {
	color: #CA2E15;
}

/* Post */
.postsubject {
	font-size: 12px;
	font-weight: bold;
	color: #5873B0;
}
td.postbottom { 
	background: #111622 url(images/profile.gif) top left repeat-x; 
	font-size: 10px;
	color: #909090;
	white-space: nowrap;
	padding: 2px;
	vertical-align: middle;
	border: solid 1px #33373F;
}
td.postbuttons { padding-top: 3px; }
.postdetails { 
	color: #b0b0b0;
	font-size: 10px; 
	text-align: left;
}
.postdetails b {
	color: #b0b0b0;
	font-weight: normal;
}
.posterrank		{ font-size: 9px; color: #909090; }
.posterprofile	{ font-size: 10px; color: #5873B0; }

.postauthor {
	color: #5873B0;
	font-size: 12px;
	margin-bottom: 3px;
	font-weight: bold;
}
.postonline { margin-bottom: 2px; }

.postreported, .postreported a:visited, .postreported a:hover, .postreported a, .postreported a:active {
	margin: 1px 0px;
	color: #CA2E15;
	font-weight: bold;
}

.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a, .postapprove a:active {
	color: #27A833;
	font-weight: bold;
}

.postapprove img, .postreported img {
	vertical-align: bottom;
}

.postbody {
	font-size: 12px;
	line-height: 1.4em;
	margin: 3px 0;
}
.signature {
	font-size: 11px;
	color: #909090;
	margin-top: 5px;
}
.signature .line { color: #797979; }

.postbody li, ol, ul {
	margin: 0 0 0 1.5em;
}

.rtl .postbody li, .rtl ol, .rtl ul {
	margin: 0 1.5em 0 0;
}

.posthilit {
	background-color: #B3BCC1;
}

.postsubject {
	font-size: 12px;
	font-weight: bold;
	color: #5873B0;
}

.postbody a { text-decoration: underline; }

/* UCP */
.folder-current a, .folder-current a:visited {
	color: #CA2E15;
	font-weight: bold;
}
.folder-current a:hover { color: #CA2E15; }

td.pm_marked_colour { background: #CA2E15; }
td.pm_marked_colour_left { border-left: solid 3px #CA2E15; padding-left: 2px; }
td.pm_marked_colour_right { border-right: solid 3px #CA2E15; padding-right: 2px; }

td.pm_replied_colour { background: #5873B0; }
td.pm_replied_colour_left { border-left: solid 3px #5873B0; padding-left: 2px; }
td.pm_replied_colour_right { border-right: solid 3px #5873B0; padding-right: 2px; }

td.pm_friend_colour { background: #007700; }
td.pm_friend_colour_left { border-left: solid 3px #007700; padding-left: 2px; }
td.pm_friend_colour_right { border-right: solid 3px #007700; padding-right: 2px; }

td.pm_foe_colour { background: #DD0000; }
td.pm_foe_colour_left { border-left: solid 3px #DD0000; padding-left: 2px; }
td.pm_foe_colour_right { border-right: solid 3px #DD0000; padding-right: 2px; }


/* Form Elements
 ------------ */
form {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

textarea, select, .post, .btnbbcode, .btnmain, .btnlite, .btnfile, .helpline {
	font-weight: normal;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	color: #a0a0a0;
	border: 1px solid #494F5F;
	background-color: #131C32;
}
.cat .btnmain, .cat .btnlite, .cat select {
	color: #a0a0a0;
	background-color: #131C32;
    border-color: #494F5F;
}

input {
	font-size: 1.1em;
	padding: 1px;
}
textarea {
	font-size: 1.3em; 
	line-height: 1.4em;
	padding: 2px;
}
select {
	font-size: 1.1em;
	padding: 1px;
}

option {
	padding: 0 1em 0 0;
}

.rtl option {
	padding: 0 0 0 1em;
}

.post {
	border-style: solid;
	border-width: 1px;
}

.btnbbcode {
	font-size: 1.1em;
	color: #a0a0a0;
	border: 1px solid #33373F;
	background-color: #14171F;
}
.btnbbcode:hover {
	color: #fff;
}

.btnmain {
	font-weight: bold;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 1.1em;
}

.btnlite {
	font-weight: normal;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 1.1em;
}

.btnfile {
	font-weight: normal;
	padding: 1px 5px;
	font-size: 1.1em;
}

.helpline {
	background-color: transparent;
	color: #b0b0b0;
	border-style: none;
}
#helpline { color: #b0b0b0; }

* html textarea, * html select, * html .post, * html .btnmain, * html .btnlite, * html .btnfile {
}
* html .cat .btnmain, * html .cat .btnlite {
}
textarea:hover, select:hover, .post:hover, .btnmain:hover, .btnlite:hover, .btnfile:hover {
	border-color: #757D90;
}
textarea:focus, select:focus, .post:focus, .btnmain:focus, .btnlite:focus, .btnfile:focus {
	border-color: #8891A4; 
	color: #a8a8a8;
	background-color: #162038;
}
.cat .btnmain:hover, .cat .btnlite:hover, .cat select:hover {
    border-color: #757D90;
}
.cat .btnmain:focus, .cat .btnlite:focus, .cat select:focus {
    border-color: #8891A4;
    color: #fff;
}

label:hover { 
	color: #a8a8a8; 
}

/* BBCode
 ------------ */
.bb-wrapper {
	clear: both;
	margin: 10px 20px;
}
.bb-wrapper .bb-wrapper {
	margin: 5px 10px;
}
.bb-left-top, .bb-right-top, .bb-left-bot, .bb-right-bot {
    width: 4px;
    height: 4px;
    overflow: hidden;
    padding: 0;
}
.bb-left-top { background: url(images/bb_left_top.gif) top left no-repeat; }
.bb-right-top { background: url(images/bb_right_top.gif) top right no-repeat; }
.bb-left-bot { background: url(images/bb_left_bot.gif) bottom left no-repeat; }
.bb-right-bot { background: url(images/bb_right_bot.gif) bottom right no-repeat; }
.bb-top, .bb-bot {
    height: 4px;
    overflow: hidden;
    padding: 0;
}
.bb-top { background: #1A1F29 url(images/bb_top.gif) top left repeat-x; }
.bb-bot { background: #1A1F29 url(images/bb_bot.gif) bottom left repeat-x; }
.bb-left, .bb-right {
    width: 4px;
    overflow: hidden;
    background-color: #1A1F29;
    padding: 0;
}
.bb-left { border-left: solid 1px #2A334A; }
.bb-right { border-right: solid 1px #2A334A; }
.bb-content {
    background-color: #1A1F29;
    padding: 0 2px;
}
.bb-quote { 
    background-image: url(images/bg_quote.gif);
    background-repeat: no-repeat;
    background-position: top right;
}
.bb-code { 
    background-image: url(images/bg_code.gif);
    background-repeat: no-repeat;
    background-position: top right;
}
.bb-attach { 
    background-image: url(images/bg_attach.gif);
    background-repeat: no-repeat;
    background-position: top right;
}
  
 
.quotetitle, .attachtitle, .codetitle {
	color: #5873B0;
	font-size: 0.85em;
	font-weight: bold;
	padding-bottom: 3px;
}
.quotetitle .quotetitle {
	font-size: 1em;
}

.quotecontent, .attachcontent {
	font-weight: normal;
	font-size: 1em;
	line-height: 1.4em;
/*	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif; */
	color: #a0a0a0;
}
.attachcontent {
	font-size: 0.85em;
}

.codecontent {
	direction: ltr;
	font-weight: normal;
	font-size: 11px;
	font-family: Monaco, 'Courier New', monospace;
	color: #a0a0a0;
}

.attachcontent, html>body .postbody {
	overflow: auto;
	overflow-x: auto;
}

.syntaxbg {
	color: #a0a0a0;
}

.syntaxcomment {
	color: #808080;
}

.syntaxdefault {
	color: #a0a0a0;
}

.syntaxhtml {
	color: #b0b0b0;
}

.syntaxkeyword {
	color: #ccc;
}

.syntaxstring {
	color: #5873B0;
}


/* More misc stuff */
h1 {
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.8em;
	text-decoration: none;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	text-decoration: none;
	line-height: 120%;
}

h3 {
	font-size: 1.3em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 120%;
}

h4 {
	margin: 0px;
	font-size: 1.1em;
	font-weight: bold;
}

p {
	font-size: 1.1em;
}

p.moderators {
	margin: 0px;
	float: left;
	color: #5873B0;
	font-weight: bold;
}

.rtl p.moderators {
	float: right;
}

p.linkmcp {
	margin: 0px;
	float: right;
	white-space: nowrap;
}

.rtl p.linkmcp {
	float: left;
}

p.searchbar {
	padding: 2px 0;
	white-space: nowrap;
} 

p.searchbarreg {
	margin: 0px;
	float: right;
	white-space: nowrap;
}

.rtl p.searchbarreg {
	float: left;
}

p.forumdesc {
	padding-bottom: 4px;
}

p.topicauthor {
	margin: 1px 0px;
}

p.topicdetails {
	margin: 1px 0px;
}
td.history-current, tr.row1 td.history-current, tr.row2 td.history-current {
	background: #2F3444;
}

table.colortable td {
	padding: 0;
}

pre {
	font-size: 1.1em;
	font-family: Monaco, 'Courier New', monospace;
}

.nowrap {
	white-space: nowrap;
}

.username-coloured {
	font-weight: bold;
}

.sep {
	color: #5873B0;
}


/* bugs */
@media all and (min-width: 0px)
{
	/* reset file input style for Opera - it changes only text color and border, but not bg color */
	.btnfile, .btnfile:hover, .btnfile:focus { 
		border: none; 
		background-color: #FFF;
		color: #000;
	}

}
Can anyone help?
All times are UTC
Page 12 of 23

Powered by phpBB® Forum Software © phpBB Limited