How to Add a Sidebar in prosilver Tutorial

For support and discussion related to templates, themes, and imagesets in phpBB 3.0.
Ideas Centre
Locked
WWu777
Registered User
Posts: 618
Joined: Tue Aug 14, 2007 12:40 pm
Contact:

Re: How to Add a Sidebar in prosilver Tutorial

Post 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

unknown2
Registered User
Posts: 676
Joined: Sat Mar 07, 2009 1:34 pm

Re: How to Add a Sidebar in prosilver Tutorial

Post 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

User avatar
antonza
Registered User
Posts: 41
Joined: Mon Dec 29, 2008 9:58 am
Location: Johannesburg,ZA
Contact:

Re: How to Add a Sidebar in prosilver Tutorial

Post 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
We are ready for the World, is the World ready for Us?
Football World Cup 2010 - South Africa

unknown2
Registered User
Posts: 676
Joined: Sat Mar 07, 2009 1:34 pm

Re: How to Add a Sidebar in prosilver Tutorial

Post 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

Fridge
Registered User
Posts: 307
Joined: Sat Nov 11, 2006 1:41 am
Location: Rotterdam, The Netherlands
Name: Martin
Contact:

Re: How to Add a Sidebar in prosilver Tutorial

Post 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>

unknown2
Registered User
Posts: 676
Joined: Sat Mar 07, 2009 1:34 pm

Re: How to Add a Sidebar in prosilver Tutorial

Post 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
Last edited by unknown2 on Sat May 09, 2009 11:11 am, edited 1 time in total.

ZRPG.net
Registered User
Posts: 21
Joined: Wed Apr 22, 2009 7:37 am
Location: Being Admins on an RP Board. Lol
Contact:

Re: How to Add a Sidebar in prosilver Tutorial

Post 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?

Ariane A
Registered User
Posts: 296
Joined: Thu Apr 03, 2008 5:26 pm
Location: Switzerland, by the Leman Lake
Contact:

Re: How to Add a Sidebar in prosilver Tutorial

Post by Ariane A »

EDIT: problem solved.
Last edited by Ariane A on Thu Apr 30, 2009 1:09 pm, edited 2 times in total.
Ariane
https://www.zeldaspalace.com - About the Legend of Zelda video games

User avatar
Gator-Fan
Registered User
Posts: 164
Joined: Sun Jun 22, 2008 4:09 pm
Location: Tampa Bay, Florida, USA
Contact:

Re: How to Add a Sidebar in prosilver Tutorial

Post 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.
Last edited by Gator-Fan on Mon May 11, 2009 2:27 pm, edited 2 times in total.

Ariane A
Registered User
Posts: 296
Joined: Thu Apr 03, 2008 5:26 pm
Location: Switzerland, by the Leman Lake
Contact:

Re: How to Add a Sidebar in prosilver Tutorial

Post 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.
Ariane
https://www.zeldaspalace.com - About the Legend of Zelda video games

drankur
Registered User
Posts: 271
Joined: Sat Dec 22, 2007 4:16 am

Re: How to Add a Sidebar in prosilver Tutorial

Post by drankur »

just add the code in index_body.html before INCLUDE FOOTER LINE instead of overall_footer.html

unknown2
Registered User
Posts: 676
Joined: Sat Mar 07, 2009 1:34 pm

Re: How to Add a Sidebar in prosilver Tutorial

Post 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?

drankur
Registered User
Posts: 271
Joined: Sat Dec 22, 2007 4:16 am

Re: How to Add a Sidebar in prosilver Tutorial

Post by drankur »

no with Ariane A

Ariane A
Registered User
Posts: 296
Joined: Thu Apr 03, 2008 5:26 pm
Location: Switzerland, by the Leman Lake
Contact:

Re: How to Add a Sidebar in prosilver Tutorial

Post 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%.
Last edited by Ariane A on Tue May 05, 2009 12:52 pm, edited 2 times in total.
Ariane
https://www.zeldaspalace.com - About the Legend of Zelda video games

Bash
Registered User
Posts: 337
Joined: Wed Mar 11, 2009 3:36 pm
Location: London, England
Name: Glenn

Re: How to Add a Sidebar in prosilver Tutorial

Post 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?

Locked

Return to “[3.0.x] Styles Support & Discussion”