Page 4 of 4

Compatibility with other styles?

Posted: 20 Jan 2012, 19:18
by Savant
Hey, yeah, I did it manually. Automod put went schizo on this one unfortunately :D .

As far as mootools and conflicting with jquerry, that's unfortunately over my head, pardon my ignorance... Is there some way to test if that's the case in this instance and that's what's problematic? Or if there's some relatively simple way to isolate them from each other somehow?
mobius wrote:that style also has to have jquery loaded onto it. did you manually copy over that edit? and you have mootools from using rocket theme stuff, they can conflict

Compatibility with other styles?

Posted: 20 Jan 2012, 19:19
by Savant
Also, the other files, my colours.css:

Code: Select all

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

html, body {
	color: #536482;
	background-color: #FFFFFF;
}

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

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

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

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

#search-box {
	color: #FFFFFF;
}

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

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

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
	background-color: #12A3EB;
	background-image: url("{T_THEME_PATH}/images/bg_header.gif");
	color: #FFFFFF;
}

.navbar {
	background-color: #cadceb;
}

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

.forumbg {
	background-color: #12A3EB;
	background-image: url("{T_THEME_PATH}/images/bg_header.gif");
}

.panel {
	background-color: #ECF1F3;
}





.bg1	{ background-color: #ECF3F7; }
.bg2	{ background-color: #e1ebf2;  }
.bg3	{ background-color: #cadceb; }

.ucprowbg {
	background-color: #DCDEE2;
}

.fieldsbg {
	background-color: #E7E8EA;
}

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

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

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

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

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

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

/* Table styles
----------------------------------------*/


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

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



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

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

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

/* Misc layout styles
---------------------------------------- */

dl.details dd {
	color: #536482;
}

.sep {
	color: #1198D9;
}

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

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

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

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

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

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

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

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

.copyright {
	color: #555555;
}

.error {
	color: #BC2A4D;
}

.reported {
	background-color: #F7ECEF;
}

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

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

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

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

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


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

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

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

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

a.topictitle {
	color: #105289;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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



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

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

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

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

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

li.row strong {
	color: #000000;
}

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

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

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

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

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

/* Post body styles
----------------------------------------*/


/* Content container styles
----------------------------------------*/


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



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

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

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

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


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

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

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

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

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

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

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

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

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

.attachbox p {
	color: #666666;
}

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

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

/* Inline image thumbnails */

dl.file dd {
	color: #666666;
}

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

dl.thumbnail dd {
	color: #666666;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.postprofile strong {
	color: #000000;
}

.online {
	background-image: url("{IMG_ICON_USER_ONLINE_SRC}");
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#tabs .activetab a {
	border-bottom-color: #CADCEB;
}
/* Mini tabbed menu used in MCP
----------------------------------------*/
#minitabs li {
	background-color: #E1EBF2;
}

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

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

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

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

#navigation a:hover {
                   background-image: none;
	background-color: #aabac6;
}

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



/* Preferences pane layout
----------------------------------------*/


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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

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

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

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



option.disabled-option {
	color: graytext;
}

/* Definition list layout for forms
---------------------------------------- */




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

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

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

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

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

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

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

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

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

input.button3 {
	background-image: none;
}

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

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

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

input.search {
	background-image: url("{T_THEME_PATH}/images/icon_textbox_search.gif");
}
/* Top Stats Mod */
#vertical-ticker{
	position:relative;
	height:123px;
	overflow:hidden;
}

#vertical-ticker li{
	display:block;
}
input.disabled {
	color: #666666;
}
and my tweaks.css:

Code: Select all

/* proSilver Style Sheet Tweaks

These style definitions are mainly IE specific 
tweaks required due to its poor CSS support.
-------------------------------------------------*/

* html table, * html select, * html input { font-size: 100%; }
* html hr { margin: 0; }
* html span.corners-top, * html span.corners-bottom { background-image: url("{T_THEME_PATH}/images/corners_left.gif"); }
* html span.corners-top span, * html span.corners-bottom span { background-image: url("{T_THEME_PATH}/images/corners_right.gif"); }

table.table1 {
	width: 99%;		/* IE < 6 browsers */
	/* Tantek hack */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 100%;
}
html>body table.table1 { width: 100%; }	/* Reset 100% for opera */

* html ul.topiclist li { position: relative; }
* html .postbody h3 img { vertical-align: middle; }

/* Form styles */
html>body dd label input { vertical-align: text-bottom; }	/* Align checkboxes/radio buttons nicely */

* html input.button1, * html input.button2 {
	padding-bottom: 0;
	margin-bottom: 1px;
}

/* Misc layout styles */
* html .column1, * html .column2 { width: 45%; }

/* 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, fieldset dl, ul.topiclist dl, dl.polls {
	height: 1%;
	overflow: hidden;
}

/* viewtopic fix */
* html .post {
	height: 25%;
	overflow: hidden;
}

/* navbar fix */
* html .clearfix, * html .navbar, ul.linklist {
	height: 4%;
	overflow: hidden;
}

/* Simple fix so forum and topic lists always have a min-height set, even in IE6
	From http://www.dustindiaz.com/min-height-fast-hack */
dl.icon {
	min-height: 35px;
	height: auto !important;
	height: 35px;
}
* html li.row dl.icon dt {
	height: 35px;
	overflow: visible;
}

* html #search-box {
	width: 25%;
}
* html #vertical-ticker li{
	height: 38px;
}
/* Correctly clear floating for details on profile view */
*:first-child+html dl.details dd {
	margin-left: 30%;
	float: none;
}

* html dl.details dd {
	margin-left: 30%;
	float: none;
}

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

Thanks again for the help you guys...

Compatibility with other styles?

Posted: 20 Jan 2012, 19:41
by mobius
ok i did this.

Code: Select all

<!-- INCLUDE styleswitcher.html -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>

<script type="text/javascript">
// <![CDATA[
!window.jQuery && document.write('<script type="text\/javascript" src="http://code.jquery.com/jquery-latest.min.js"><\/script>');
// local backup if online cdn fails
!window.jQuery && document.write('<script type="text\/javascript" src="{ROOT_PATH}script/jquery-1.7.min.js"><\/script>');
// ]]>
</script>

<script type="text/javascript" src="{T_TEMPLATE_PATH}/rt_js/mootools-release-1.11.js?<!-- PHP --> echo time(); <!-- ENDPHP -->"></script>

<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="copyright" content="2000, 2002, 2005, 2007 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="" />

{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

<!--
   phpBB style name: Replicant2
   Based on style:   prosilver (this is the default phpBB3 style)
   Original author:  Tom Beddard ( http://www.subBlue.com/ )
   Modified by: RocketTheme, LLC (C) Copyright. All rights reserved.
   
   NOTE: This page was generated by phpBB, the free open-source bulletin board package.
         The phpBB Group is not responsible for the content of this page and forum. For more information
         about phpBB please visit http://www.phpbb.com
-->

<!-- IF S_ENABLE_FEEDS -->
<!-- IF S_ENABLE_FEEDS_OVERALL --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{U_FEED}" /><!-- ENDIF -->
   <!-- IF S_ENABLE_FEEDS_NEWS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_NEWS}" href="{U_FEED}?mode=news" /><!-- ENDIF -->
   <!-- IF S_ENABLE_FEEDS_FORUMS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_FORUMS}" href="{U_FEED}?mode=forums" /><!-- ENDIF -->
   <!-- IF S_ENABLE_FEEDS_TOPICS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_NEW}" href="{U_FEED}?mode=topics" /><!-- ENDIF -->
   <!-- IF S_ENABLE_FEEDS_TOPICS_ACTIVE --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_ACTIVE}" href="{U_FEED}?mode=topics_active" /><!-- ENDIF -->
   <!-- IF S_ENABLE_FEEDS_FORUM and S_FORUM_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FORUM} - {FORUM_NAME}" href="{U_FEED}?f={S_FORUM_ID}" /><!-- ENDIF -->
   <!-- IF S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_TOPIC} - {TOPIC_TITLE}" href="{U_FEED}?f={S_FORUM_ID}&t={S_TOPIC_ID}" /><!-- ENDIF -->
<!-- ENDIF -->
<!-- INCLUDE ../../../rokbb3.php -->
<!-- INCLUDE replicant2.php -->

<script type="text/javascript">
// <![CDATA[
   var jump_page = '{LA_JUMP_PAGE}:';
   var on_page = '{ON_PAGE}';
   var per_page = '{PER_PAGE}';
   var base_url = '{A_BASE_URL}';
   var style_cookie = 'phpBBstyle';
   var onload_functions = new Array();
   var onunload_functions = new Array();

   <!-- IF S_USER_PM_POPUP and S_NEW_PM -->
      var url = '{UA_POPUP_PM}';
      window.open(url.replace(/&/g, '&'), '_phpbbprivmsg', 'height=225,resizable=yes,scrollbars=yes, width=400');
   <!-- ENDIF -->

   /**
   * Find a member
   */
   function find_username(url)
   {
      popup(url, 760, 570, '_usersearch');
      return false;
   }

   /**
   * New function for handling multiple calls to window.onload and window.unload by pentapenguin
   */
   window.onload = function()
   {
      for (var i = 0; i < onload_functions.length; i++)
      {
         eval(onload_functions[i]);
      }
   }

   window.onunload = function()
   {
      for (var i = 0; i < onunload_functions.length; i++)
      {
         eval(onunload_functions[i]);
      }
   }

// ]]>
</script>

<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="{T_THEME_PATH}/<!-- IF REP2_BODYSTYLE -->{REP2_BODYSTYLE}<!-- ELSE -->bodystyle1<!-- ENDIF -->.css" rel="stylesheet" type="text/css" />
<link href="{T_THEME_PATH}/<!-- IF REP2_STYLE -->color{REP2_STYLE}<!-- ELSE -->{DEFAULT_REP2_SCHEME}<!-- ENDIF -->.css" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="{T_THEME_PATH}/rokmoomenu.css" rel="stylesheet" type="text/css" />

<style type="text/css">
   div.wrapper { margin: 0 auto; <!-- IF REP2_WIDTH -->width:{REP2_WIDTH}px;<!-- ELSE -->width:962px;<!-- ENDIF -->padding:0;}
   #body-bg {background-attachment:scroll;}
   #leftcol { <!-- IF REP2_MENUPOSITION == left -->width:<!-- IF REP2_SIDECOL_WIDTH -->{REP2_SIDECOL_WIDTH}<!-- ELSE -->225<!-- ENDIF -->px;<!-- ELSE -->width:0px;<!-- ENDIF --> padding:0;}
   #rightcol { <!-- IF REP2_MENUPOSITION == right -->width:<!-- IF REP2_SIDECOL_WIDTH -->{REP2_SIDECOL_WIDTH}<!-- ELSE -->225<!-- ENDIF -->px;<!-- ELSE -->width:0px;<!-- ENDIF -->padding:0;}
   #maincol { <!-- IF REP2_MENUPOSITION == left -->margin-left:<!-- IF REP2_SIDECOL_WIDTH -->{REP2_SIDECOL_WIDTH}<!-- ELSE -->225<!-- ENDIF -->px;<!-- ELSE -->margin-left:0px;<!-- ENDIF --><!-- IF REP2_MENUPOSITION == right -->margin-right:<!-- IF REP2_SIDECOL_WIDTH -->{REP2_SIDECOL_WIDTH}<!-- ELSE -->225<!-- ENDIF -->px;<!-- ELSE -->margin-right:0px;<!-- ENDIF --> padding:0;}
   #mainblock {margin-left:0px;margin-right:0px;padding:0;}
   #banner-left { width:0px;padding:0;}
   #banner-right { width:0px;padding:0;}
   #moduleslider-size { height:200px;}
   
   <!-- IF REP2_MENUPOSITION == left or REP2_MENUPOSITION == right -->
   #wrap {width:665px;}
   #postingbox .autowidth {width: 100% !important;}
   #postingbox .column2 { width: 75%; margin-top:-75px; position: relative;}
   #postingbox .column1 { width: 70%;}
   <!-- PHP -->if (rok_isIe(7)) {print("#postingbox .column2 { width: 75%; margin-top:0px; position: relative; margin-left: -300px;}");}<!-- ENDPHP -->
   <!-- PHP -->if (rok_isIe(6)) {print("#wrap {width:660px;} #postingbox {width: 470px;}#postingbox #message-box {width: 75%;}#postingbox .column2 { width: 75%; margin-top:0px; position: relative; margin-left: -300px;}#postingbox .column1 { width: 75%;}");}<!-- ENDPHP -->
   <!-- ENDIF -->
   
   <!-- IF AVATAR_POSITION == left -->
   .pm .postprofile {border: 0px none;}
   .pm .postprofile {border-right: 1px solid #222222;}
   .postprofile {float: left; border: 0px; margin:5px 5px 10px 10px; margin-left: -6px;border-right: 1px solid #222222;}
   .postbody {float: right;}
   ul.profile-icons {margin-right: 40px;}
      <!-- ENDIF -->
</style>

<script type="text/javascript">
window.templatePath = 'http://<!-- PHP --> echo $config['server_name']; <!-- ENDPHP -->/phpbb3/styles/replicant2/theme';
</script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/rt_js/roktopmenu.js?<!-- PHP --> echo time(); <!-- ENDPHP -->"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/rt_js/rokfonts.js?<!-- PHP --> echo time(); <!-- ENDPHP -->"></script>

<script type="text/javascript">
   window.addEvent('domready', function() {
      var modules = ['module','moduletable','submenu-block'];
      var header = "h3";
      RokBuildSpans(modules, header);
   });
</script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/rt_js/rokmoomenu.js?<!-- PHP --> echo time(); <!-- ENDPHP -->"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/rt_js/mootools.bgiframe.js?<!-- PHP --> echo time(); <!-- ENDPHP -->"></script>

<script type="text/javascript">
window.addEvent('domready', function() {
   new Rokmoomenu($E('ul.menutop '), {
      bgiframe: false,
      delay: 500,
      animate: {
         props: ['height', 'opacity'],
         opts: {
            duration: 400,
            transition: Fx.Transitions.Sine.easeInOut
         }
      },
      bg: {
         enabled: true,
         overEffect: {
            duration: 100,
            transition: Fx.Transitions.Expo.easeOut
         },
         outEffect: {
            duration: 800,
            transition: Fx.Transitions.Sine.easeIn
         }
      },
      submenus: {
         enabled: true,
         overEffect: {
            duration: 50,
            transition: Fx.Transitions.Expo.easeOut
         },
         outEffect: {
            duration: 600,
            transition: Fx.Transitions.Sine.easeIn
         },
         offsets: {
            top: 5,
            right: 15,
            bottom: 5,
            left: 5
         }
      }
   });
});
</script>

<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/styleswitcher.js"></script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/forum_fn.js"></script>
<!-- IF (S_TSRAT_ENABLE and S_TS_JSSCROLL) or (S_TSRAT_ENABLE and S_TS_TICKER) -->
<!-- IF S_TS_JSSCROLL and not S_TS_TICKER -->
<script src="{ROOT_PATH}script/jquery.totemticker.min.js" type="text/javascript"></script>
<script type="text/javascript">
// <![CDATA[
$(document).ready(function() {
   $('#vertical-ticker').totemticker({
            row_height   :   '41px',
            max_items   :   3,
            speed       :   {JSSCROLL_SPEED},
            interval    :   {JSSCROLL_INTERVAL},
            <!-- IF TS_JSSCROLL_NAVIGATION -->
            next      :   '#ticker-next',
            previous   :   '#ticker-previous',
            stop      :   '#stop',
            start      :   '#start',
            <!-- ENDIF -->
            mousestop   :   true,
            direction   :   '<!-- IF TS_JSSCROLL_DIRECTION -->down<!-- ELSE -->up<!-- ENDIF -->'
   });
});
// ]]>
</script>
<!-- ELSEIF S_TS_TICKER and not S_TS_JSSCROLL -->
<script src="{ROOT_PATH}script/jquery.newsticker.js" type="text/javascript"></script>
<script type="text/javascript">
// <![CDATA[
$(document).ready(function() {
   $("#news").newsTicker();
});
// ]]>
</script>
<!-- ENDIF -->
<!-- ENDIF -->


<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />

<link href="{T_THEME_PATH}/normal.css" rel="stylesheet" type="text/css" title="A" />
<link href="{T_THEME_PATH}/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
<link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />

<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
   <link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->

<!-- IF REP2_STYLE_NUM > 1 -->
<script type="text/javascript">
window.addEvent('domready', function() {
  var newImagePath = '{ROOT_PATH}/styles/replicant2_style{REP2_STYLE_NUM}/imageset/'; // remember to add the ending forward slash
  var classToSearch = '.icon';
  
  var els = $$(classToSearch);
  if (els.length) {
    els.each(function(el) {
      var bg = el.getStyle('background-image'), newBg, imgSource;
      bg = bg.replace('")', '').replace(")", '');
      var tmp = bg.split('/');
      imgSource = tmp[tmp.length - 1];
      el.setStyle('background-image', 'url('+newImagePath+imgSource+')');     
    });
  }
});
</script>
<!-- ENDIF -->

<!-- [if lte IE 6] -->
<link href="{T_THEME_PATH}/template_ie6.php?colorstyle=<!-- IF REP2_STYLE -->color{REP2_STYLE}<!-- ELSE -->{DEFAULT_REP2_SCHEME}<!-- ENDIF -->&bodystyle=<!-- IF REP2_BODYSTYLE -->{REP2_BODYSTYLE}<!-- ELSE -->bodystyle1<!-- ENDIF -->" rel="stylesheet" type="text/css" />
<!-- [endif]-->

<!-- [if IE 7] -->
<link href="{T_THEME_PATH}/template_ie7.css" rel="stylesheet" type="text/css" />
<!-- [endif] -->

<!-- [if IE 6] -->
<script type="text/javascript" src="{T_TEMPLATE_PATH}/rt_js/roksameheight.js?<!-- PHP --> echo time(); <!-- ENDPHP -->"></script>
<!-- [endif] -->

<!-- RokBox phpBB3 Code Start -->
<!-- IF ROKBOX -->
<script type="text/javascript" src="{T_TEMPLATE_PATH}/rokbox/rokbox.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/rokbox/themes/<!-- IF ROKBOX_THEME -->{ROKBOX_THEME}<!-- ELSE -->light<!-- ENDIF -->/rokbox-config.js"></script>
<link href="{T_TEMPLATE_PATH}/rokbox/themes/<!-- IF ROKBOX_THEME -->{ROKBOX_THEME}<!-- ELSE -->light<!-- ENDIF -->/rokbox-style.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- IF IE_VERSION eq '6' -->
<link href="{T_TEMPLATE_PATH}/rokbox/themes/<!-- IF ROKBOX_THEME -->{ROKBOX_THEME}<!-- ELSE -->light<!-- ENDIF -->/rokbox-style-ie6.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->
<!-- IF IE_VERSION eq '7' -->
<link href="{T_TEMPLATE_PATH}/rokbox/themes/<!-- IF ROKBOX_THEME -->{ROKBOX_THEME}<!-- ELSE -->light<!-- ENDIF -->/rokbox-style-ie7.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->
<!-- IF IE_VERSION eq '8' -->
<link href="{T_TEMPLATE_PATH}/rokbox/themes/<!-- IF ROKBOX_THEME -->{ROKBOX_THEME}<!-- ELSE -->light<!-- ENDIF -->/rokbox-style-ie8.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->
<!-- ENDIF -->
<!-- RokBox phpBB3 Code End -->
</head>

this is your overall_header up to the </head> tag. i put jquery and mootools right near the top and fixed some <!-- [if lte IE 6]> . backup you existing overall_header copy then copy and paste this. IT IS NOT THE WHOLE OVERALL_HEADER . just up to the </head> closing tag.

if your rocketheme stuff stops working but the jquery stuff does then you have a conflict. these are the relevant lines of code

Code: Select all

<script type="text/javascript">
// <![CDATA[
!window.jQuery && document.write('<script type="text\/javascript" src="http://code.jquery.com/jquery-latest.min.js"><\/script>');
// local backup if online cdn fails
!window.jQuery && document.write('<script type="text\/javascript" src="{ROOT_PATH}script/jquery-1.7.min.js"><\/script>');
// ]]>
</script>

<script type="text/javascript" src="{T_TEMPLATE_PATH}/rt_js/mootools-release-1.11.js?<!-- PHP --> echo time(); <!-- ENDPHP -->"></script>
in this case jquery loads before mootools. if every thing works fine then just leave it. if it all goes horribly wrong, well you backed up the file first so just copy it back over.

Compatibility with other styles?

Posted: 20 Jan 2012, 19:56
by Savant
AWESOME! Thanks for the help. That was pretty quick... It would be cool to be as proficient at this as you guys are... In any case, I am running a backup now, and will give this a shot as soon as it completes, and will update. Thanks again!

Compatibility with other styles?

Posted: 20 Jan 2012, 20:31
by Savant
Okay, well this is odd, but what happened is that the rocketheme stuff (which I think is pretty much just the style switcher) still works, and the topstats mod still does not work, and is visually the same as before in the pic I linked to. The notable changes are that it ate the site logo on the top right, and if you see in that pic how there's a sort of translucent border which surrounds the forum spaces... well, they're all still there EXCEPT for the one along the very top which borders the top side of the forum, beneath the logo area. Nothing else seems to have changed... Does this reveal or imply anything?

Compatibility with other styles?

Posted: 20 Jan 2012, 21:12
by mobius
link to you board.