phpBB • Free and Open Source Forum Software

RSS Facebook Twitter
Menu

Style changes from 3.0.0-RC5 up to 3.0.3

For support and discussion related to templates, themes, and imagesets in phpBB 3.0.
Scam Warning
Forum rules
READ: phpBB.com Board-Wide Rules and Regulations
Thatbitextra
Former Team Member
Posts: 7604
Joined: Mon Mar 21, 2005 5:04 am
Location: A place where something is or could be located; a site.

Re: Style changes from RC5 up to Gold

Post by Thatbitextra »

skyler-d wrote:is there the changes for subsilver 2 from rc8 to gold?
No, there weren't any.
Styles KB
My MODs: Choose Who to Accept PMs From (Prevents unwanted PMs!) | Warn of Old Topic Before Posting Reply
Style: subBlack (Now updated to phpBB 2.0.22 and 5 new color schemes!)
Top
User avatar
genkisan
Registered User
Posts: 2
Joined: Fri Jul 28, 2006 5:43 am

Re: Style changes from RC5 up to Gold

Post by genkisan »

Thanks for the guide.
Have "delicious" it at my blog ;)
[spam]
phpBBCast: delivering news on phpBB3 mods, styles, tips & tricks
Top
FPClub
Registered User
Posts: 49
Joined: Mon Jan 03, 2005 3:23 pm

Re: Style changes from RC5 to RC6 | And RC6 to RC7

Post by FPClub »

Raimon wrote:@tupeu;

what are you doing , what is the use to type the changes that i posted already?
He was pointing out that what you wrote doesn't make complete sense, it needs fixed. While going through these massive changes there are multiple times where you have to figure things out for yourself because you've written them either wrong or confusingly. It makes an already incredibly long process even longer. We appreciate the post but it's got some errors in it. They always do and he was just pointing one out.

Raimon wrote:Prosilver changes for RC8 :

open: /styles/prosilver/template/viewforum_body.html

search:

Code: Select all

<div class="<!-- IF S_IS_LOCKED -->locked-icon<!-- ELSE -->post-icon<!-- ENDIF -->"><a href="{U_POST_NEW_TOPIC}"><span><!-- IF S_IS_LOCKED -->{L_FORUM_LOCKED}<!-- ELSE -->{L_POST_TOPIC}<!-- ENDIF --></span></a></div>

replace with:

Code: Select all

<div class="<!-- IF S_IS_LOCKED -->locked-icon<!-- ELSE -->post-icon<!-- ENDIF -->"><a href="{U_POST_NEW_TOPIC}" title="<!-- IF S_IS_LOCKED -->{L_FORUM_LOCKED}<!-- ELSE -->{L_POST_TOPIC}<!-- ENDIF -->"><span></span><!-- IF S_IS_LOCKED -->{L_FORUM_LOCKED}<!-- ELSE -->{L_POST_TOPIC}<!-- ENDIF --></a></div>
search:

Code: Select all

<div class="<!-- IF S_IS_LOCKED -->locked-icon<!-- ELSE -->post-icon<!-- ENDIF -->"><a href="{U_POST_NEW_TOPIC}"><span><!-- IF S_IS_LOCKED -->{L_FORUM_LOCKED}<!-- ELSE -->{L_POST_TOPIC}<!-- ENDIF --></span></a></div>

replace with:

Code: Select all

<div class="<!-- IF S_IS_LOCKED -->locked-icon<!-- ELSE -->post-icon<!-- ENDIF -->" title="<!-- IF S_IS_LOCKED -->{L_FORUM_LOCKED}<!-- ELSE -->{L_POST_TOPIC}<!-- ENDIF -->"><a href="{U_POST_NEW_TOPIC}"><span></span><!-- IF S_IS_LOCKED -->{L_FORUM_LOCKED}<!-- ELSE -->{L_POST_TOPIC}<!-- ENDIF --></a></div>
I don't have this. The word LOCKED isn't in my viewforum file anywhere so I just left it out.

Raimon wrote: THEME changes:

Open: /styles/prosilver/theme/buttons.css

search:

Code: Select all

 /* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
 .buttons div span		{ display: none; }
 .buttons div a:hover	{ background-image: none; }
replace with:

Code: Select all

  /* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
 /*.buttons div span		{ display: none; }*/
 /*.buttons div a:hover	{ background-image: none; }*/
 .buttons div span			{ position: absolute; width: 100%; height: 100%; cursor: pointer;}
 .buttons div a:hover span	{ background-position: 0 100%; }
search:

Code: Select all

  /* Big button images */
 .reply-icon, .reply-icon a			{ background: transparent none 0 0 no-repeat; }
 .post-icon, .post-icon a				{ background: transparent none 0 0 no-repeat; }
 .locked-icon, .locked-icon a			{ background: transparent none 0 0 no-repeat; }
 .pmreply-icon, .pmreply-icon a		{ background: none 0 0 no-repeat; }
 .newpm-icon, .newpm-icon a			{ background: none 0 0 no-repeat; }
 .forwardpm-icon, .forwardpm-icon a 	{ background: none 0 0 no-repeat; }
replace with:

Code: Select all

  /* Big button images */
 .reply-icon span	{ background: transparent none 0 0 no-repeat; }
 .post-icon span		{ background: transparent none 0 0 no-repeat; }
 .locked-icon span	{ background: transparent none 0 0 no-repeat; }
 .pmreply-icon span	{ background: none 0 0 no-repeat; }
 .newpm-icon span 	{ background: none 0 0 no-repeat; }
 .forwardpm-icon span 	{ background: none 0 0 no-repeat; }
open: /styles/prosilver/theme/colours.css

search:

Code: Select all

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

Code: Select all

  /* Big button images */
 .reply-icon span	{ background-image: url("{IMG_BUTTON_TOPIC_REPLY_SRC}"); }
 .post-icon span		{ background-image: url("{IMG_BUTTON_TOPIC_NEW_SRC}"); }
 .locked-icon span	{ background-image: url("{IMG_BUTTON_TOPIC_LOCKED_SRC}"); }
 .pmreply-icon span	{ background-image: url("{IMG_BUTTON_PM_REPLY_SRC}") ;}
 .newpm-icon span 	{ background-image: url("{IMG_BUTTON_PM_NEW_SRC}") ;}
 .forwardpm-icon span	{ background-image: url("{IMG_BUTTON_PM_FORWARD_SRC}") ;}
Doing this made my buttons not show up at all. A few of them did (delete button, quote) but the big ones didn't. ALL buttons had the text over top of them after these changes. I put the big button code back (both files) and got my buttons to show up but I still have the text on top of them. I'll have to work backwards and see what screwed that up. Just wanted to post and see if anyone had any ideas on what went wrong and also so if others have the same problem they'll know they aren't alone.

EDIT: Fixed the text-over-the-button nonsense. Un-replaced this.
Raimon wrote:Open: /styles/prosilver/theme/buttons.css

search:

Code: Select all

    /* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
    .buttons div span      { display: none; }
    .buttons div a:hover   { background-image: none; }


replace with:

Code: Select all

      /* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
    /*.buttons div span      { display: none; }*/
    /*.buttons div a:hover   { background-image: none; }*/
    .buttons div span         { position: absolute; width: 100%; height: 100%; cursor: pointer;}
    .buttons div a:hover span   { background-position: 0 100%; }
Edit 2: Ok maybe it's not fixed. After I clicked a topic I got a bunch of "unexpected $end" errors in the viewtopic_body file. RE-uploaded a fresh copy and the forum works but the text overlay is still there for the smaller buttons. Really annoyed at all these updates to things I don't need just to get PM popups working again.

Image
Top
User avatar
Raimon
Former Team Member
Posts: 12088
Joined: Tue May 30, 2006 5:31 pm
Location: Netherlands
Name: Raimon Meuldijk

Re: Style changes from RC5 to RC6 | And RC6 to RC7

Post by Raimon »

FPClub wrote:
Raimon wrote:@tupeu;

what are you doing , what is the use to type the changes that i posted already?
He was pointing out that what you wrote doesn't make complete sense, it needs fixed. While going through these massive changes there are multiple times where you have to figure things out for yourself because you've written them either wrong or confusingly. It makes an already incredibly long process even longer. We appreciate the post but it's got some errors in it. They always do and he was just pointing one out.
Not really, when you search well you find only the first line, nothing more or less, or it must be written different.



Doing this made my buttons not show up at all. A few of them did (delete button, quote) but the big ones didn't. ALL buttons had the text over top of them after these changes. I put the big button code back (both files) and got my buttons to show up but I still have the text on top of them. I'll have to work backwards and see what screwed that up. Just wanted to post and see if anyone had any ideas on what went wrong and also so if others have the same problem they'll know they aren't alone.

EDIT: Fixed the text-over-the-button nonsense. Un-replaced this.
Not really, just refresh your theme on your administrationpanel, will solve this problem and a reload of your browser.

Edit 2: Ok maybe it's not fixed. After I clicked a topic I got a bunch of "unexpected $end" errors in the viewtopic_body file. RE-uploaded a fresh copy and the forum works but the text overlay is still there for the smaller buttons. Really annoyed at all these updates to things I don't need just to get PM popups working again.
See above for the answer.
Need phpBB installation, extenstions, Styles or integrate phpBB with you website?
Contact me @ www.raimon.nl for fair prices and good service!
Top
FPClub
Registered User
Posts: 49
Joined: Mon Jan 03, 2005 3:23 pm

Re: Style changes from RC5 to RC6 | And RC6 to RC7

Post by FPClub »

Raimon wrote: Not really, when you search well you find only the first line, nothing more or less, or it must be written different.
It's something that you can figure out but it's not written like all the other items in the list like it should be. That's all I'm saying.




[quote"Raimon"]Not really, just refresh your theme on your administrationpanel, will solve this problem and a reload of your browser.[/quote]

I really hate when I see that suggested, because it doesn't work. ACP refresh never does anything. I put the "new" code back into the files and refreshed by browser. Not only did it not work but the text re-appeared over the big buttons as I expected it to. Did a theme refresh in ACP, refreshed the browser and it's still there. Loaded up IE which is only there for testing stuff like this and sure enough, text all over the buttons. The code isn't working for me and it's not a refresh issue.

I think from now on when I want to fix the popup issue that should never have been i'll just look for that fix and ignore the rest of these. I don't use the MCP for anything other than reading reports so why should I spend an hour changing things that I don't care about and should be available in a package-download anyways. This takes too long. I'm just going to re-upload my clean files from RC8, fix the popup issue that's finally been addressed and watch my forum go back to normal WITHOUT a refresh in the ACP.

Thanks anyways.

Edit 2: Ok maybe it's not fixed. After I clicked a topic I got a bunch of "unexpected $end" errors in the viewtopic_body file. RE-uploaded a fresh copy and the forum works but the text overlay is still there for the smaller buttons. Really annoyed at all these updates to things I don't need just to get PM popups working again.
See above for the answer.[/quote]
Top
User avatar
nGAGE™
Registered User
Posts: 14
Joined: Sun Dec 16, 2007 4:29 pm
Location: Probably at a Computer

Re: Style changes from RC5 up to Gold

Post by nGAGE™ »

Sorry in advance for not reading all of this, but notice somebody with the "text over button" issue.

This fixed it for me, when I ran into it:
FIND:

Code: Select all

/* Big button images */
.reply-icon, .reply-icon a			{ background: transparent none 0 0 no-repeat; }
.post-icon, .post-icon a				{ background: transparent none 0 0 no-repeat; }
.locked-icon, .locked-icon a			{ background: transparent none 0 0 no-repeat; }
.pmreply-icon, .pmreply-icon a		{ background: none 0 0 no-repeat; }
.newpm-icon, .newpm-icon a			{ background: none 0 0 no-repeat; }
.forwardpm-icon, .forwardpm-icon a 	{ background: none 0 0 no-repeat; }
REPLACE WITH:

Code: Select all

/* Big button images */
.reply-icon span	{ background: transparent none 0 0 no-repeat; }
.post-icon span		{ background: transparent none 0 0 no-repeat; }
.locked-icon span	{ background: transparent none 0 0 no-repeat; }
.pmreply-icon span	{ background: none 0 0 no-repeat; }
.newpm-icon span 	{ background: none 0 0 no-repeat; }
.forwardpm-icon span 	{ background: none 0 0 no-repeat; }
Hope it helps!
Top
pixel001
Registered User
Posts: 100
Joined: Thu Aug 23, 2007 11:38 am

Re: Style changes from RC5 up to Gold

Post by pixel001 »

Hi,

the first page of this post doesn't render correctly on my browser. the <code> tags overlap with the post text making it all unreadable. i'm using firefox 2,0,0,11 on os X.
Top
User avatar
Raimon
Former Team Member
Posts: 12088
Joined: Tue May 30, 2006 5:31 pm
Location: Netherlands
Name: Raimon Meuldijk

Re: Style changes from RC5 up to Gold

Post by Raimon »

pixel001 wrote:Hi,

the first page of this post doesn't render correctly on my browser. the <code> tags overlap with the post text making it all unreadable. i'm using firefox 2,0,0,11 on os X.
You mean code tags with white content perhaps?
If that is the case , yes i know that problem , but with a fresh f5 can do the Trix sometimes.

@nGAGE™ that was a part of the code changes that is updated for phpBB 3.0.x ;)
Need phpBB installation, extenstions, Styles or integrate phpBB with you website?
Contact me @ www.raimon.nl for fair prices and good service!
Top
jukel
Registered User
Posts: 9
Joined: Fri Dec 28, 2007 6:54 pm

Re: Style changes from RC5 up to Gold

Post by jukel »

Where is update RC8 to Gold - ProSilver
Top
chandlerou
Registered User
Posts: 233
Joined: Thu May 24, 2007 3:32 am

Re: Style changes from RC5 up to Gold

Post by chandlerou »

http://www.phpbb.com/downloads/olympus.php

Refer to: Update Packages (RC7/RC8 to 3.0.0)
We are looking for talented stylers to join our team! PM Me for Details!
Current Project: Aphotic Umbra: Age of Conan
Top
Mr.Stone
Registered User
Posts: 32
Joined: Sat Nov 25, 2006 12:59 pm

Re: Style changes from RC5 up to Gold

Post by Mr.Stone »

And are there any changes in the /theme/ files from RC1 ? I modified a lot of files there and I don't want to lose that. I tried to modify the "Gold" files to get the same as before but that's pretty hard because I used some mods and I did some things that I can't remember how to do it again etc.
www.24fans.be the dutch 24 fansite with forums.
Top
statm
Registered User
Posts: 451
Joined: Thu Jul 21, 2005 11:03 am
Location: NC, USA
Name: Matt

Re: Style changes from RC5 up to Gold

Post by statm »

Yes there are many changes in all the css files since RC1.

Trying to convert a RC1 style to gold is a tedious task. But what I do is just go RC to RC. Compare the RC1 to RC2 changes then RC2 to RC3 and so on. That way there is less that has changed and isn't such a mess as comparing a RC1 style to Gold.
Top
User avatar
Raimon
Former Team Member
Posts: 12088
Joined: Tue May 30, 2006 5:31 pm
Location: Netherlands
Name: Raimon Meuldijk

Re: Style changes from RC5 up to Gold

Post by Raimon »

There are a few rtl changes IIRC

CSS changes from RC4 to RC5:

open: styles/prosilver/theme/bidi.css

search: (line 13)

Code: Select all

	text-align: left;
  }
after add:

Code: Select all

.rtl div.rules ul {
 	margin-left: 0;
	margin-right: 20px;
 }
search: (line 67)

Code: Select all

	text-align: left;
  }
after add:

Code: Select all

 .rtl ul.leftside li, .rtl ul.rightside li {
	float: left;
 }
 .rtl ul.leftside {
 	float: right;
	margin-left: 5px;
	margin-right: 0;
 	text-align: right;
 }
 
 .rtl ul.rightside {
	float: left;
	margin-left: -5px;
 	margin-right: 5px;
 	text-align: left;
 }
search:

Code: Select all

  .rtl dl.details dt {
  	float: right;
  	text-align: left;
  }
  
  .rtl dl.details dd {
 	margin-right: 16em;
  	margin-left: 0;
  	padding-right: 5px;
  	padding-left: 0;
  }
  
  /* Pagination
replace with:

Code: Select all

.rtl dl.details dt {
  	float: right;
	clear: right;
  	text-align: left;
  }
  
  .rtl dl.details dd {
	margin-right: 0;
  	margin-left: 0;
  	padding-right: 5px;
  	padding-left: 0;
	float: right;
 }
 
 *:first-child+html dl.details dd {
 	margin-right: 15em;
 	float: none;
 }
 
 * html dl.details dd {
	margin-right: 15em;
	float: none;
  }
  
  /* Pagination
search:

Code: Select all

.rtl .sitehome, .rtl .icon-faq, .rtl .icon-members, .rtl .icon-home, .rtl .icon-ucp, .rtl .icon-register, .rtl .icon-logout,
  .rtl .icon-bookmark, .rtl .icon-bump, .rtl .icon-subscribe, .rtl .icon-unsubscribe, .rtl .icon-pages, .rtl .icon-search {
  	background-position: 100% 50%;
after add:

Code: Select all

padding: 1px 17px 0 0;
open: styles/prosilver/theme/colours.css

search:

Code: Select all

.announce, .unreadpost {
	/* Highlight the announcements & unread posts box */
 	border-left-color: #BC2A4D;
 	border-right-color: #BC2A4D;
 }
and deleted it.

open: /styles/prosilver/theme/common.css

search: (line: 326)

Code: Select all

	font-weight: bold;
  }
after add:

Code: Select all

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

Code: Select all

dl.details dt {
  	float: left;
 	width: 16em;
  	text-align: right;
  	color: #000000;
  	display: block;
  }
  
  dl.details dd {
 	margin-left: 16em;
  	padding-left: 5px;
  	margin-bottom: 5px;
  	color: #828282;
  }
  
  /* Pagination
replace with:

Code: Select all

dl.details dt {
  	float: left;
	clear: left;
 	width: 15em;
  	text-align: right;
  	color: #000000;
  	display: block;
  }
  
  dl.details dd {
	margin-left: 0;
  	padding-left: 5px;
  	margin-bottom: 5px;
  	color: #828282;
 	float: left;
  }
  
  /* Pagination
search:

Code: Select all

div.rules li {
  	margin-left: 20px;
  }
replace with:

Code: Select all

div.rules ul {
  	margin-left: 20px;
  }
open: /styles/prosilver/theme/tweaks.css

search:

margin-right: 35px;
}

after add:

Code: Select all

/* Correctly clear floating for details on profile view */
 *:first-child+html dl.details dd {
 	margin-left: 15em;
 	float: none;
 }
 
 * html dl.details dd {
	margin-left: 15em;
	float: none;
 }
CSS changes from RC3 to RC4:

open: styles/prosilver/theme/buttons.css

search:

Code: Select all

a.sendemail:hover {
	background-position: 0 -18px;
 }
and delete it

open: /styles/prosilver/theme/common.css

search:

Code: Select all

 ul.navlinks {
  	padding-bottom: 1px;
after add:

Code: Select all

margin-bottom: 1px;
search : (581)

Code: Select all

	font-size: 1.1em;
  }
after add:

Code: Select all

div.rules li {
	margin-left: 20px;
 }
open: /styles/prosilver/theme/forms.css

search:

Code: Select all

  /* Specific layout 1 */
  fieldset.fields1 dt {
	width: 10em;
  	border-right-width: 0;
  }
  
  fieldset.fields1 dd {
	margin-left: 10em;
  	border-left-width: 0;
  }
replace with:

Code: Select all

 /* Specific layout 1 */
  fieldset.fields1 dt {
	width: 15em;
  	border-right-width: 0;
  }
  
  fieldset.fields1 dd {
	margin-left: 15em;
  	border-left-width: 0;
  }
search:

Code: Select all

input.tiny		{ width: 110px; }
replace with:

Code: Select all

input.tiny		{ width: 125px; }
open: styles/subsilver2/theme/stylesheet.css

search:

Code: Select all

 	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  }
after add:

Code: Select all

 .forumrules h3 {
 	color: red;
 }

CSS changes from RC2 to RC3:

open: /styles/prosilver/theme/tweaks.css

search:

Code: Select all

/* Nice method for clearing floated blocks without having to insert any extra markup (like spacer above)
    From http://www.positioniseverything.net/easyclearing.html */
  #tabs:after, #minitabs:after, .post:after, .navbar:after, fieldset dl:after, ul.topiclist dl:after, ul.linklist:after, dl.polls:after {
  	content: "."; 
  	display: block; 
  	height: 0; 
  	clear: both; 
  	visibility: hidden;
 }
  
 #tabs, #minitabs, .post, .navbar, fieldset dl, ul.topiclist dl, ul.linklist, dl.polls {
  	height: 1%;
  }
  
  /* Simple fix so forum and topic lists always have a min-height set, even in IE6
replace with:

Code: Select all

  /* Nice method for clearing floated blocks without having to insert any extra markup (like spacer above)
   From http://www.positioniseverything.net/easyclearing.html 
  #tabs:after, #minitabs:after, .post:after, .navbar:after, fieldset dl:after, ul.topiclist dl:after, ul.linklist:after, dl.polls:after {
  	content: "."; 
  	display: block; 
  	height: 0; 
  	clear: both; 
  	visibility: hidden;
 }*/
  
 .clearfix, #tabs, #minitabs, .post, .navbar, fieldset dl, ul.topiclist dl, ul.linklist, dl.polls {
  	height: 1%;
 	overflow: hidden;
  }
/* Simple fix so forum and topic lists always have a min-height set, even in IE6
CSS changes from RC1 to RC2:

adding of the bidi.css file into the theme directory

open: /styles/prosilver/theme/buttons.css

search:

Code: Select all

 .rtl .button {
	float: right;
 }
and delete it.

search:

Code: Select all

.rtl .button div {
	float: right;
	margin: 0 0 0 5px;
}
and delete it.

search:

Code: Select all

  /* Icon images
  ---------------------------------------- */
  .sitehome, .icon-faq, .icon-members, .icon-home, .icon-ucp, .icon-register, .icon-logout,
 .icon-bookmark, .icon-bump, .icon-subscribe, .icon-unsubscribe, .icon-pages, .icon-search{
  	background-position: 0 50%;
  	background-repeat: no-repeat;
  	background-image: none;
  	padding: 1px 0 0 17px;
  }
  
 .rtl .sitehome, .rtl .icon-faq, .rtl .icon-members, .rtl .icon-home, .rtl .icon-ucp, .rtl .icon-register, .rtl .icon-logout,
 .rtl .icon-bookmark, .rtl .icon-bump, .rtl .icon-subscribe, .rtl .icon-unsubscribe, .rtl .icon-pages, .rtl .icon-search{
	background-position: 100% 50%;
 	padding: 1px 17px 0 0;
 }

  /* Poster profile icons
  ----------------------------------------*/
  ul.profile-icons {
replace with:

Code: Select all

/* Icon images
  ---------------------------------------- */
 .icon-bookmark, .icon-bump, .icon-subscribe, .icon-unsubscribe, .icon-pages, .icon-search {
  	background-position: 0 50%;
  	background-repeat: no-repeat;
  	background-image: none;
  	padding: 1px 0 0 17px;
  }
  
  /* Poster profile icons
  ----------------------------------------*/
  ul.profile-icons {
search:

Code: Select all

.rtl ul.profile-icons li {
 	margin: 0 0 3px 6px;
 }
and delete it.

search:

Code: Select all

.rtl ul.profile-icons li.edit-icon	{ margin: 0 3px 0 0; }
 .rtl ul.profile-icons li.quote-icon	{ margin: 0 10px 0 0; }
 .rtl ul.profile-icons li.info-icon, .rtl ul.profile-icons li.report-icon	{ margin: 0 0 0 3px; }
and delete it.

open: /styles/prosilver/theme/colours.css

search:

Code: Select all

 	border-left-color: #FFFFFF;
  }
after add:

Code: Select all

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

Code: Select all

 	border-left-color: #CCCCCC;
  }
after add:

Code: Select all

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

Code: Select all

.attachbox p.stats
 {
replace with:

Code: Select all

.attachbox p.stats {
search:

Code: Select all

 	color: #FFFFFF;
  }
after add:

Code: Select all

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

Code: Select all

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

Code: Select all

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

Code: Select all

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

Code: Select all

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

Code: Select all

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

Code: Select all

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

Code: Select all

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

Code: Select all

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

Code: Select all

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

Code: Select all

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

Code: Select all

  	border-left-color: #FFFFFF;
  }
after add:

Code: Select all

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

Code: Select all

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

Code: Select all

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

Code: Select all

	color: #425067;
  }
after add:

Code: Select all

 option.disabled-option {
	color: graytext;
 }
search:

Code: Select all

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

Code: Select all

  /* Quick-login on index page */
 fieldset.quick-login input.inputbox {
  	background-color: #F2F3F3;
  }
open: styles/prosilver/theme/common.css

search:

Code: Select all

 .rtl #search-box {
	float: left;
	text-align: left;
	margin-right: 0;
	margin-left: 5px;
 }
and delete it.

search:

Code: Select all

 .rtl #site-description {
 	float: right;
}
and delete it.

search:

Code: Select all

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

Code: Select all

.pagination span.page-sep {
	display: none;
  }
open: /styles/prosilver/theme/content.css

search:

Code: Select all

	padding: 0 0 0 12px;
  }
after add:

Code: Select all

 .forum-image {
 	float: left;
 	padding-top: 5px;
 	margin-right: 5px;
 }
search:

Code: Select all

 /* Quote block */
  blockquote {
	/* Also see tweaks.css */
	margin: 1em 1px 1em 25px;
	padding: 5px;
  	background: #ebebeb none 6px 8px no-repeat;
	border:1px solid #dbdbdb;
	font-size:0.95em;
	margin:1em 1px 1em 25px;
	overflow:hidden;
 	padding:5px;
  }
  
  blockquote blockquote {
  	/* Nested quotes */
	background-color:#bababa;
	font-size:1em;
 	margin:0.5em 1px 0pt 15px;	
  }
replace with:

Code: Select all

 /* Quote block */
  blockquote {
  	background: #ebebeb none 6px 8px no-repeat;
 	border: 1px solid #dbdbdb;
 	font-size: 0.95em;
 	margin: 0.5em 1px 0 25px;
 	overflow: hidden;
 	padding: 5px;
  }
  
  blockquote blockquote {
  	/* Nested quotes */
 	background-color: #bababa;
 	font-size: 1em;
	margin: 0.5em 1px 0 15px;	
  }
open: /styles/prosilver/theme/forms.css

search:

Code: Select all

 	padding-right: 1em;
  }
after add:

Code: Select all

 option.disabled-option {
 	color: graytext;
 }
search:

Code: Select all

 fieldset.quick-login input {
after add:

Code: Select all

width: auto;
 }
 
 fieldset.quick-login input.inputbox {
search:

Code: Select all

input.checkbox {
 	width: auto !important;
 	background-color: transparent !important;
 }
and delete it.

open: /styles/prosilver/theme/tweaks.css

search:

Code: Select all

* html .rtl #search-box {
 	margin-right: 0;
 	margin-left: 35px;
}
and delete it.

open: /styles/subsilver2/theme/stylesheet.css

search:

Code: Select all

.rowgood {
	background-color: #C2D6CD;
	padding: 4px;
 }

 .rowneutral {
 	background-color: #CAC1D7;
 	padding: 4px;
 }

 .rowbad {
	background-color: #D7C1C3;
	padding: 4px;
 }
and delete it.

search:

Code: Select all

	padding: 0 1em 0 0;
  }
after add:

Code: Select all

 option.disabled-option {
 	color: graytext;
 }
and that is it 8-)
Need phpBB installation, extenstions, Styles or integrate phpBB with you website?
Contact me @ www.raimon.nl for fair prices and good service!
Top
Mr.Stone
Registered User
Posts: 32
Joined: Sat Nov 25, 2006 12:59 pm

Re: Style changes from RC5 up to Gold

Post by Mr.Stone »

Raimon, you're great!

many thanks for this reply!!


Grtz Mr.Stone
www.24fans.be the dutch 24 fansite with forums.
Top
tupeu
Registered User
Posts: 320
Joined: Wed Jul 25, 2007 5:47 pm
Location: roFLmania

Re: Style changes from RC5 up to Gold

Post by tupeu »

ok, great job with this topic, it isn`t perfect because I found 4-5 writing mistakes that you`ve made but is ok...
In my opinion you deserve a place in the phpbb.com official team for you work until now :-)

Just 1 question: from RC8 till current 3.0.1 version there are no other changes to the official skins (prosilver & subsilver2)?

EDIT: when the new version will appear pls post the other skin changes between RC8 and phpBB 3.0.1
Last edited by tupeu on Tue Jan 08, 2008 3:40 am, edited 2 times in total.
Top

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