Pastor Rick
Moderator
Registered: 07-2005
Location: Texas
Posts: 10257
Karma: 272 (+331/-59)
|
|
Reply | Quote
|
|
Purple Passions [Theme] (updated June 24, 2018)
A Theme Update Project
by: Smackdown5 and Pastor Rick
Purple Passions
Installation InstructionsFirst, switch your board over to custom mode (details are located here)
Custom CSScopy and paste the following CSS code into your Custom CSS box
/* PURPLE PASSIONS NON-STANDARD CSS CLASSES */
body a:hover {
color: #240037;
text-decoration: underline overline;
text-decoration-color: #7834a8;
}
/* THREE BACKGROUND SECTIONS */
.bghead {
margin:0 auto;
background-image:url(/img/layouts/smackdown5_1/bghead.gif);
background-repeat:no-repeat;
background-position:center;
border-top-left-radius: 21px;
border-top-right-radius: 21px;
width:770px;
height:40px;
}
.bgmid {
background-image:url(/img/layouts/smackdown5_1/bgmid.gif);
background-repeat:repeat-y;
background-position:center;
padding-top:5px;
width:770px;
margin:0 auto;
}
.bgfoot {
margin:0 auto;
background-image:url(/img/layouts/smackdown5_1/bgfoot.gif);
background-repeat:no-repeat;
background-position:center;
border-bottom-left-radius: 21px;
border-bottom-right-radius: 21px;
width:770px;
height:40px;
}
/* BANNER, WELCOME BOX & BACK TO TOP LINK */
.banner {
background:url(http://img.runboard.com/img/layouts/smackdown5_1/samplebanner.jpg);
height:120px;
width:740px;
margin:0 auto;
margin-bottom:.5em;
color:#000;
text-align:center;
}
.backtotop {
font-family:verdana,"Open Sans",sans-serif;
font-size:11px;
color:#000;
padding-top:15px;
text-align:center;
}
.backtotop img {
display: inline-block;
vertical-align: text-bottom;
}
.welcomebox {
border:1px solid #000;
border-top-width: 2px;
background-color:#9CA1B9;
width:740px;
margin:0 auto;
text-align:center;
font-family:verdana,"Open Sans",sans-serif;
font-size:11px;
color:#000;
}
.welcomeboxtitle {
font-family:verdana,"Open Sans",sans-serif;
font-size:12px;
line-height:200%;
font-weight:700;
color:#000;
text-align:center;
}
/* TEXT LINES IN WELCOME BOX */
span.line {
display:inline-block;
}
/* STANDARD RUNBOARD CSS CLASSES BELOW! */
/* REMOVES THE PAGES MARGINS BUT LEAVES A SMALL MARGIN AT THE TOP AND BOTTOM */
body {
margin:0;
margin-top:6px;
margin-bottom:6px;
}
/* THE BACKGROUND COLOR SHOWN WHILST IMAGE IS LOADING */
body {
background-color:#525269;
}
/* SETS THE OUTER TABLES WIDTH TO KEEP NON-TABLE CONTENT WITHIN A MAX WIDTH*/
.ak_msg_master_table {
border:none;
width:760px;
font-family:verdana,"Open Sans",sans-serif;
font-size:11px;
}
.ak_msg_loclinks {
padding: 0 5px;
}
.ak_miscoptbar_table {
padding: 0px 10px;
}
.miscoptbar {
font-size: 11px;
}
.forumlistadministrators, .forumlistmoderators {
font-size: 11px;
padding: 0 10px;
}
/* SETS THE WIDTH AND BORDERS OF THE FORUM/TOPIC/POST/MEMBER LIST TABLES */
.forum_list_table, .topic_list_table, .forumlistwhosonlinetable, .forumlistboardstatstable, .ak_msg_post_master_table, .ak_msg_seememberlist_table {
width:740px;
border-style:solid;
border-width:1px;
border-color:#000;
background-color:#9CA1B9;
}
.forum_list_table, .topic_list_table {
border-spacing: 0;
border-collapse: collapse;
}
.ak_tl_topicrow_mouseover_off {
padding: 5px;
border-width: 0;
}
.ak_msg_seememberlist_head_user_td, .ak_msg_seememberlist_head_date_td, .ak_msg_seememberlist_head_im_td, .ak_msg_seememberlist_head_pm_td, .ak_msg_seememberlist_head_email_td, .ak_poll_table_header, .forum_list_header_newtext_td, .forum_list_header_forum_td, .forum_list_header_topics_td, .forum_list_header_posts_td, .forum_list_header_lastpost_td, .forumlistboardstatsheader, .forumlist_separator_td, .topic_list_header_modbox_td, .topic_list_header_newtext_td, .topic_list_header_posticon_td, .topic_list_header_topic_td, .topic_list_header_startedby_td, .topic_list_header_replies_td, .topic_list_header_views_td, .topic_list_header_lastpost_td, .msgform_clickable_smiley_box_h, .ak_subject_posticon_head_td {
font-family: verdana,"Open Sans",sans-serif;
font-size: 12px;
height: 22px;
background-image: url(/img/layouts/smackdown5_1/separator.gif);
background-repeat: repeat-x;
padding-top: 0;
padding-bottom: 0;
color: #000;
}
.ak_msgform_poll_options_head_td {
font-family: verdana,"Open Sans",sans-serif;
font-size: 12px;
height: 22px;
background-image: url(/img/layouts/smackdown5_1/separator.gif);
background-size: contain;
padding-top: 0;
padding-bottom: 0;
color: #000;
}
/* CHANGES AND ADJUSTS THE WHO IS ONLINE TABLE */
.forumlistwhosonlinetable {
border-top-width: 2px;
background:#9CA1B9;
}
.forumlistwhosonline {
font-size: 11px;
}
.forumlistwhosonlinetd {
padding:6px;
}
/* SETTINGS FONT TYPE, COLOR AND SIZE TO REMAINING ELEMENTS */
span.locationboard, span.locationforum, span.locationtopic {
font-size:15px;
font-family:verdana,"Open Sans",sans-serif;
}
.forumlistforumname, .topiclisttopicname {
color:#000;
font-size:12px;
font-family:verdana,"Open Sans",sans-serif;
}
.ak_msg_topic_preview_div {
border: solid #260042;
border-width: 2px 1px 1px 1px;
background-color: #cacdd9;
color: #111;
}
.forumlistnumtopics, .forumlistnumposts, .forumlistlastpost {
font-size:12px;
font-family:verdana,"Open Sans",sans-serif;
font-weight:400;
}
span.topiclistnewswitch,span.forumlistnewswitch {
color:#000;
font-size:12px;
font-family:verdana,"Open Sans",sans-serif;
}
.forumlistboardstatsheader {
font-family:verdana,"Open Sans",sans-serif;
font-size: 11px;
border-width: 0;
padding-left: 10px;
color: #000;
}
span.forumlistheader,span.topiclistheader,span.forumlistseparator,span.topiclisttopicname,span.topiclistreplies,span.topiclistviews,span.topicliststartedby {
color:#000;
font-family:verdana,"Open Sans",sans-serif;
font-size:12px;
}
span.topiclistlastpost {
font-family:verdana,"Open Sans",sans-serif;
font-size:12px;
}
span.forumlistdescription {
color:#404040;
}
.forumlistdescription {
font-size: 11px;
}
span.topiclisttopicclosed,span.topiclisttopicsticky,span.topiclisttopichidden {
font-size:12px;
font-weight:400;
font-family:verdana,"Open Sans",sans-serif;
}
.forumlistboardstatstitle, .forumlistboardstatsdata {
font-size: 11px;
border-style: none;
padding-top: 2px;
padding-bottom: 3px;
padding-left: 10px;
}
/* POP-OUT MENU SETTINGS */
.user_popup {
background: #cacdd9;
}
.share_hidden {
background: #cacdd9;
border: 1px solid #7a82a0;
}
.share_hidden h4 {
background: #5c6486;
}
/* POST TABLE */
.ak_msg_post_master_table {
font-family:verdana,"Open Sans",sans-serif;
font-size:12px;
border:1px solid #000;
}
.ak_msg_post_master_table td {
border: 1px solid #000;
border-left: 0;
border-top: 0;
}
span.postlistusername a,span.postlistpostname {
color:#000;
font-family:verdana,"Open Sans",sans-serif;
font-size:12px;
}
span.postlistpostbody {
font-size: 13px;
}
.ak_msg_post_signature_block {
font-size: 0.945em;
}
.ak_msg_post_table {
padding-left:3px;
}
.ak_msg_post_table img {
margin: 3px 0;
}
span.postlistusertitle font {
color:#000;
}
blockquote {
border-width:1px;
border-style:solid;
border-color:#000;
background-color:#91A1B9;
font-family:verdana,"Open Sans",sans-serif;
font-size:11px;
color:#000;
}
blockquote blockquote {
background-color:#959FAB;
}
blockquote blockquote blockquote {
background-color:#91A1B9;
}
blockquote blockquote blockquote blockquote {
background-color:#959FAB;
}
blockquote hr {
display:none;
}
span.postlist_link_to_post {
border:0;
padding:0;
margin-right: .3em;
}
/* HORIZONTAL RULE FOR CROSS COMPATIBILITY REASONS WE USE THE BORDER TO GIVE THE LINE EFFECT */
hr {
height:0;
width:100%;
border:none;
border-bottom:1px solid #000;
}
/* DEFAULT 'FORUM READY' MSGS ARE MADE SCROLL INSTEAD OF DISTORTING TABLES */
.postlistpostbody pre {
font-size:12px;
font-family:verdana,"Open Sans",sans-serif;
font-weight:400;
overflow:scroll;
width:500px;
border:1px solid #000;
}
.postlistpostbody img {
max-width: 550px;
}
.postlistpostbody object, .postlistpostbody embed {
width : 550px;
height : 385px;
}
span.postlisteditedby {
color: #535353;
font-size: 10px;
font-style: italic;
}
span.postlisteditedbyvalue {
color: #6a28a8;
font-size: 10px;
font-style: italic;
}
/* WRITE MESSAGE */
.ak_msgform_master_table {
background-color:#9CA1B9;
border:1px solid #000;
font-family:verdana,"Open Sans",sans-serif;
font-size:11px;
}
.ak_msgform_master_table td {
border:1px solid #000;
}
.ak_msgform_newtopic_submit_button,.ak_msgform_newtopic_preview_button,.ak_msgform_postreply_submit_button,.ak_msgform_postreply_preview_button,.ak_msgform_editpost_submit_button,.ak_msgform_editpost_preview_button {
font-family:verdana,"Open Sans",sans-serif;
font-size:12px;
border:1px solid #000;
background-color:#868DB1;
}
.ak_msgform_newtopic_submit_button:hover, .ak_msgform_newtopic_preview_button:hover, .ak_msgform_postreply_submit_button:hover, .ak_msgform_postreply_preview_button:hover, .ak_msgform_editpost_submit_button:hover, .ak_msgform_editpost_preview_button:hover {
background-color: #9ea3c0;
}
.qcode_bar_but {
font-family: verdana,"Open Sans",sans-serif;
border: 1px solid #000;
background-color: #868DB1;
font-size: 12px;
margin-top: 2px;
margin-bottom: 1px;
}
.qcode_bar_but:hover {
background-color: #9ea3c0;
}
.ak_msgform_subject_right_td input,.ak_msgform_message_right_td textarea,textarea {
background-color:#868DB1;
border-style:solid;
border-width:1px;
border-color:#000;
color:#000;
width:340px;
font-family:verdana,"Open Sans",sans-serif;
font-size:13px;
}
.ak_msgform_master_table {
border: 1px solid #330033;
border-top: 2px ridge #330033;
}
.ak_msgform_poll_options_table {
border:1px solid #000;
}
.ak_msgform_poll_options_table td {
padding-left: 5px;
border: 0;
border-bottom: 1px solid #000;
}
.ak_msgform_poll_options_right_td input {
border: 1px solid #000;
background-color: #bec2d1;
padding-top: 1px;
padding-bottom: 1px;
margin: 1px;
font-family: verdana,"Open Sans",sans-serif;
font-size: 12px;
color: #000;
}
.ak_msg_post_master_table {
margin:0 auto;
margin-bottom: 4px;
}
/* POLL TABLE AND ITS PARTS */
.ak_poll_table {
font-size:12px;
font-family:verdana,"Open Sans",sans-serif;
text-align:center;
border-width:1px;
border-style:solid;
border-color:#000;
background-color:#9CA1B9;
margin-bottom:15px;
}
.ak_poll_table td {
border:0 solid #000;
}
.ak_poll_table_header {
height:22px;
padding:0 25px;
font-size:11px;
}
.ak_poll_table_header br {
display:none;
}
.ak_poll_table_header a {
padding-left:12px;
}
.ak_poll_table_button_cell input {
background-color:#868DB1;
border-width:1px;
border-style:solid;
border-color:#000;
height:22px;
font-family:verdana,"Open Sans",sans-serif;
font-size:11px;
}
.ak_poll_table_option_rcell1 input,.ak_poll_table_option_rcell2 input {
border:none;
}
.ak_poll_table_viewres_cell {
background-image: url(/img/layouts/smackdown5_1/separator.gif);
background-size: contain;
font-weight: 700;
font-size: 11px;
}
.ak_poll_table_option_gback1 {
background-color: #726e98;
}
.ak_poll_table_option_gback2 {
background-color: #706e98;
}
.ak_poll_table_option_gcell1,.ak_poll_table_option_gcell2 {
border:1px solid #000;
}
/* MEMBERSHIP LIST */
.ak_msg_seememberlist_table td {
border-width:0;
text-align:center;
}
.ak_msg_seememberlist_table {
margin: 0 auto;
font-size:12px;
}
.ak_msg_seememberlist_head_user_td,.ak_msg_seememberlist_head_date_td,.ak_msg_seememberlist_head_im_td,.ak_msg_seememberlist_head_pm_td,.ak_msg_seememberlist_head_email_td {
color:#000;
font-family:verdana,"Open Sans",sans-serif;
font-size:11px;
padding:1px;
text-align:center;
}
.ak_msg_seememberlist_showing {
font-size:12px;
font-family:verdana,"Open Sans",sans-serif;
color:#000;
}
/* NEW TOPIC & ADD REPLY BUTTONS */
.topiclistpostnewtopic a, .postlistaddareply a {
border: 1px solid;
border-radius: 10px;
background-position: center;
padding-top: 9px;
padding-bottom: 9px;
padding-left: 23px;
padding-right: 23px;
font-size: 12px;
font-family: verdana,"Open Sans",sans-serif;
background-image: url(/img/layouts/smackdown5_1/button.gif);
background-repeat: no-repeat;
background-size: cover;
}
.topiclistpostnewtopic a:hover, .postlistaddareply a:hover {
border: 1px solid;
border-radius: 10px;
background-position: center;
padding-top: 9px;
padding-bottom: 9px;
padding-left: 23px;
padding-right: 23px;
font-size: 12px;
font-family: verdana,"Open Sans",sans-serif;
background-image: url(http://rbbt.net/themes/purple-passions/buttonh.png);
background-repeat: no-repeat;
}
/* POSTICON TABLE */
.ak_subject_posticon_table {
padding-top: 0;
border: 1px solid #000;
margin-bottom: 4px;
}
.ak_subject_posticon_table td {
border:none;
}
.ak_clickposticon_table,.ak_clickposticon_td,.ak_subject_posticon_icons_td,.ak_subject_posticon_icons_td td {
border:none;
}
.ak_subject_posticon_head_td {
text-align:center;
font-family:verdana,"Open Sans",sans-serif;
font-size:12px;
color:#000;
}
/* SMILIE TABLE */
.msgform_clickable_smiley_box_h {
font-family:verdana,"Open Sans",sans-serif;
font-size:12px;
line-height: 12px;
padding:5px;
border:1px solid #000;
background-color:#9CA1B9;
}
.msgform_clickable_smiley_box_b {
padding-top:5px;
}
.msgform_clickable_smiley_box_b,.msgform_clickable_smiley_box_b td {
margin:0 auto;
border-width:0;
}
/* BOTTOM LINKS AND INFO LINE */
.bottominfoline {
text-align:center;
}
.msg_foot_linkbar {
font-size: 10px;
text-align: center;
margin-top: 1.1em;
padding: 5px;
}
.msg_foot_linkbar a {
margin: 0 1.1em;
}
a[href$=linktous]:after {
content:' (Runboard)';
}
a[href$=blogs]+a:after {
content:none;
}
/* POSTING HACKS */
b b b {
display: block;
font: 700 130% 'comic sans ms';
height: 24px;
width: 548px;
color: #461591;
background: url(http://img.runboard.com/img/layouts/smackdown5_1/separator.gif) bottom repeat-x;
background-size: contain;
border: 1px solid #305;
line-height: 24px;
padding: 0 0.5em;
}
i i i {
display: block;
width: 548px;
overflow: auto;
font: 400 11px 'Open Sans','courier new', courier, sans-serif;
padding: 0.5em 0.5em 1.5em 0.5em;
border: 1px solid #305;
background: #cacdd9;
margin: 0 auto;
max-height: 20em;
height: auto !important;
height: 15em;
}
HTML HEADERcopy and paste the following HTML code into your Custom HTML header
<div class="bghead"></div>
<div class="bgmid">
<!-- START OF SAMPLE BANNER (BANNER IMAGE IS IN THIS BOARDS CUSTOM CSS) -->
<div class="banner"></div>
<!-- END OF SAMPLE BANNER -->
<!-- START OF WELCOME BOX -->
<div class="welcomebox">
<span class="welcomeboxtitle">Welcome To This Message Board:</span><p>
<span class="line">You can edit this message here and replace the sample banner with your own. Goto;</span>
<span class="line">Control Panel > Select Your Board > Click 'Manage' > Click 'Edit Colors/Layout Of Your Board' > Click 'Manage Custom HTML Content' ></span>
<p>~ Thanks For Using The Purple Passions Theme ~</p>
</div>
<!-- END OF WELCOME BOX -->
HTML FOOTERcopy and paste the following HTML code into your Custom HTML footer
</div><div class="bgfoot">
<!-- START OF BACK TO TOP LINK -->
<div class="backtotop">
<a href="#"><img src="/img/layouts/smackdown5_1/top.gif"> Back To Top <img src="/img/layouts/smackdown5_1/top.gif"></a>
</div>
<!-- END OF BACK TO TOP LINK -->
</div>
EDIT COLORS/LAYOUT (ECL)find and change the following in your: Control Panel :: Board management :: Edit colors and theme
Miscellaneous options
Use extra CSS options?: 
Use CSS trick 1?: 
Use CSS trick 2?:
Background color: #757DA0
Background color transparent:
Background image (optional):
Background image tile X:
Background image tile Y:
Text color: #1E0931
Bottom info line color: #404040
Link Options
Link color: #404040
Link overlined:
Link line-through:
Link underlined:
Visited link color: #020003
Visited link overlined:
Visited link line-through:
Visited link underlined:
Hover link color: #240037
Hover link overlined:
Hover link line-through:
Hover link underlined:
Forum List Layout Options
Forum list master table background color :
Forum list master table border color: #000000
Forum list master table border width (pixels): 0
Forum list table background color: #9CA1B9
Forum list table background image:
Forum list table border color: #FFFFFF
Forum list table border width (pixels): 0
Forum list table header background color:
Forum list table header background image:
Forum list table header border color: #444444
Forum list table header border width (pixels): 0
Forum list table header text color: #1E0931
Forum list table first alternate background color: #9CA1B9
Forum list table second alternate background color: #9CA1B9
Forum list table text color (optional): #000000
Forum list table description color: #1E0931
Forum list table separator background color:
Forum list table separator background image:
Forum list table separator text color: #1E0931
Forum list master table width (percents): 100
Forum list table width (percents): 95
Topic List Layout Options
Topic list master table background color:
Topic list master table border color: #000000
Topic list master table border width (pixels): 0
Topic list table background color: #9CA1B9
Topic list table background image:
Topic list table border color: #FFFFFF
Topic list table border width (pixels): 0
Topic list table header background color:
Topic list table header background image:
Topic list table header border color: #444444
Topic list table header border width (pixels): 0
Topic list table header text color: #1E0931
Topic list table first alternate background color: #9CA1B9
Topic list table second alternate background color: #9CA1B9
Topic list table text color (optional): #000000
Topic list master table width (percents): 100
Topic list table width (percents): 95
Post List Layout Options
Post list master table background color:
Post list master table border width (pixels): 0
Post list master table border color: #000000
Post list master table width (percents) : 100
Post list table width (percents): 95
Post list table first alternate background color: #9CA1B9
Post list table second alternate background color: #9CA1B9
Post list table border color: #FFFFFF
Post list table border width (pixels): 0
CUSTOM LANGUAGE SET (CLS)(optional)find and change the following in your: Control Panel :: Board management :: Customize the language set
No Changes Made
THIRD PARTY OPTIONAL ADDITION----> I used two CSS "Hacks" to post the themes new codes. If you want the hacks on your message board then copy and paste the following at the end of your custom CSS. <---
/* POSTING HACKS */
b b b {
display: block;
font: 700 130% 'comic sans ms';
height: 24px;
width: 548px;
color: #461591;
background: url(http://img.runboard.com/img/layouts/smackdown5_1/separator.gif) bottom repeat-x;
background-size: contain;
border: 1px solid #305;
line-height: 24px;
padding: 0 0.5em;
}
i i i {
display: block;
width: 548px;
overflow: auto;
font: 400 11px 'Open Sans','courier new', courier, sans-serif;
padding: 0.5em 0.5em 1.5em 0.5em;
border: 1px solid #305;
background: #cacdd9;
margin: 0 auto;
max-height: 20em;
height: auto !important;
height: 15em;
}
|
