Pastor Rick
Admin
Registered: 07-2005
Location: Texas
Posts: 704
Karma: 10 (+10/-0)
|
|
Reply | Quote
|
|
Mystery
Thank You to: Smackdown5, Joshin Josh, Lesigner Girl, and Skokey
by: Pastor Rick
Mystery
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
/* BASIC BOARD LAYOUT */
* html #main {
height:100%;
width:100%;
}
* html #sidebar,* html {
position:absolute;
}
body {
font-family:verdana, tahoma;
border:0;
height:100%;
max-height:100%;
overflow-y:auto;
background:#252525 url(http://www.rbbt.net/skins/PR/mystery/smoke.gif) repeat;
background-attachment:fixed;
margin:0;
padding:0;
}
#main {
display:block;
height:100%;
max-height:100%;
width:inherit;
margin:0 0 50px 185px;
padding:0;
}
#marquee {
text-align:center;
margin:0 7px;
}
#b2t {
background:url(http://www.rbbt.net/skins/PR/mystery/coffin.png) no-repeat top center;
height:23px;
padding-top:35px;
text-align:center;
font:700 16px verdana, tahoma;
text-shadow:#000 2px -1px 0;
}
.bottominfoline {
line-height:26px;
}
/* COMMUNITY BANNER */
#community {
text-align:center;
width:95%;
height:93px;
border-width:0;
margin:0 auto;
padding:3px;
}
/* THE BEVELLED GREY BAR */
.greybar {
background:#252525 url(http://img.runboard.com/img/layouts/smackdown5_10/separator.jpg) repeat-x top center;
height:22px;
width:100%;
font:700 12px verdana, tahoma;
color:#FCF6D1;
line-height:22px;
}
/* SIDEBAR SETTINGS */
#sidebar {
display:block;
position:fixed;
text-align:center;
top:5px;
left:0;
width:180px;
padding:0 0 0 5px;
}
#sl {
text-align:center;
height:93px;
border-width:0;
}
/* NAVIGATION MENU*/
#navbar {
text-align:center;
background:#252525 url(http://img.runboard.com/img/layouts/smackdown5_10/separator.jpg) repeat-x top center;
height:22px;
width:180px;
border:1px solid #464646;
font:700 14px verdana, tahoma;
color:#FCF6D1;
line-height:22px;
}
#nav {
background:url(http://www.rbbt.net/skins/PR/mystery/shadow.gif) no-repeat;
border:1px solid;
height:475px;
text-align:left;
border-color:#464646;
}
#nav,#nav li {
list-style:none;
width:180px;
margin:0;
padding:0;
}
.extend {
cursor: pointer;
}
.extend span {
display:block;
background:url(http://img.runboard.com/img/layouts/smackdown5_10/separator.jpg) repeat-x;
border-bottom:1px solid #464646;
border-top:1px solid #000;
}
.extend ul {
font-size:80%;
color:#ccc;
display:none;
margin:0;
padding:0;
}
.extend li {
margin:0;
padding:0 0 0 3px;
}
.extend:hover ul {
display:block;
}
/* STANDARD RUNBOARD CSS CLASSES BELOW! REMOVES BORDER FROM OUTER-MOST TABLE*/
.ak_msg_master_table {
border:none;
font:400 12px verdana, tahoma;
color:#CCC;
text-align:center;
}
.forumlist_separator_td {
height:16px;
background-color:#464646;
text-align:left;
text-indent:20px;
line-height:22px;
}
span.forumlistseparator {
font:700 14px verdana, tahoma;
color:#FCF6D1;
letter-spacing:1px;
}
span.forumlistnumtopics,span.forumlistnumposts {
font:400 11px verdana, tahoma;
color:#FFFFB7;
}
span.forumlistadministrators,span.forumlistmoderators {
background:#252525 repeat scroll 0 0;
border:1px solid #464646;
width:100%;
float:right;
font:700 12px verdana, tahoma;
color:#FCF6D1;
}
/* MEMBERS RUNBOARD NAVIGATION LINKS */
.ak_miscoptbar_table {
background:#000;
border:1px solid #464646;
letter-spacing:-2px;
}
.ak_miscoptbar_table td {
padding:1px;
}
.ak_miscoptbar_table a {
font-weight:700;
border-right:1px solid #464646;
text-align:center;
letter-spacing:0;
margin:0 1px;
padding:3px;
}
.ak_miscoptbar_table a:link,.ak_miscoptbar_table a:visited {
color:#FFFFB7;
text-decoration:none;
}
.ak_miscoptbar_table a:hover {
color:#FFDF7D;
background:#424242;
text-decoration:none;
}
/* WHO IS ONLINE DEFINITIONS */
.forumlistwhosonlinetable {
width:100%;
background-color:#252525;
border:1px solid #464646;
color:#FCF6D1;
}
.forumlistwhosonlinetd,.forumlistwhosonline {
font-size:11px;
font-weight:400;
padding:3px;
}
/* MOUSEOVER FORUM/TOPIC ROW (TURNED ON BY DEFAULT) */
.ak_tl_topicrow_mouseover_on,.ak_fl_forumrow_mouseover_on {
background-color:#424242;
padding:5px;
}
.ak_tl_topicrow_mouseover_off,.ak_fl_forumrow_mouseover_off {
background-color:#252525;
padding:5px;
}
/* LOCATION AND BOARD ACTIVITY */
span.locationboard,span.locationforum,span.locationtopic,span.locationboard a,span.locationforum a,span.locationtopic a {
font:700 16px verdana, tahoma;
color:#FCF6D1;
letter-spacing:1px;
}
.forum_list_table,.topic_list_table,.ak_msgform_poll_options_table {
border:1px solid #464646;
}
.forum_list_header_forum_td,.forum_list_header_lastpost_td,.topic_list_header_topic_td,.topic_list_header_lastpost_td {
text-indent:10px;
text-align:left;
padding-top:0;
padding-bottom:0;
height:26px;
letter-spacing:1px;
}
.forum_list_header_newtext_td,.forum_list_header_topics_td,.forum_list_header_posts_td,.topic_list_header_modbox_td,.topic_list_header_newtext_td,.topic_list_header_posticon_td,.topic_list_header_replies_td,.topic_list_header_views_td,.topic_list_header_startedby_td {
text-align:center;
padding-top:0;
padding-bottom:0;
height:26px;
letter-spacing:1px;
}
.forumlistforumname,.topiclisttopicname {
font:400 12px verdana, tahoma;
letter-spacing:1px;
}
span.forumlistheader,span.topiclistheader {
font:400 12px verdana, tahoma;
color:#FCF6D1;
letter-spacing:1px;
}
span.forumlistnonewswitch,span.forumlistnewswitch,span.topiclistnewswitch,span.topiclistnonewswitch {
font:400 12px verdana, tahoma;
color:#FCF6D1;
}
span.forumlistdescription,span.forumlistlastpost,span.topicliststartedby,span.topiclistreplies,span.topiclistviews,span.topiclistlastpost,span.topiclisttopicclosed,span.topiclisttopicsticky,span.topiclisttopichidden,.ak_msg_seememberlist_showing {
font:400 11px verdana, tahoma;
color:#CCC;
}
/* BOARD STATS TABLE */
.forumlistboardstatsheader {
color:#FCF6D1;
text-indent:10px;
background:#252525 url(http://img.runboard.com/img/layouts/smackdown5_10/separator.jpg) repeat-x;
border-bottom:1px solid #000;
letter-spacing:1px;
}
.forumlistboardstatstable {
background-color:#252525;
border:1px solid #464646;
}
.forumlistboardstatstitle {
width:25%;
text-align:center;
font-size:11px;
font-family:verdana, tahoma;
}
.forumlistboardstatsdata {
width:25%;
background-color:#464646;
text-align:center;
border-left:1px solid #000;
border-right:1px solid #000;
font-size:11px;
font-family:verdana, tahoma;
}
.forumlistboardstatstable td {
vertical-align:top;
}
/* BOARD STATS RIGHT HEADER MESSAGE */
#bsh {
margin-top:-14px;
text-align:right;
}
/* DEFAULT 'FORUM READY' MSGS - SCROLL INSTEAD OF DISTORTING TABLES */
.postlistpostbody pre {
font:400 11px verdana, tahoma;
overflow:scroll;
width:500px;
border:1px solid #000;
}
/* POST TABLE */
.ak_msg_post_master_table {
border:1px solid #464646;
background-color:#252525;
margin:0 auto;
}
.ak_msg_post_master_table td {
border:1px solid #8D8D8D;
}
.ak_msg_post_table {
background:#000;
}
.ak_msg_postlist_betweenposts_table,.ak_msg_postlist_betweenposts_table_td {
height:3px;
display:block;
}
/* POST TABLE MSG CONTENTS*/
span.postlistquotedtext,span.postlistdate,span.postlistpostname,span.postlistpostbody {
font:400 14px verdana, tahoma;
color:#FFFFB7;
}
.postlistpostname {
background:#414141 url(http://img.runboard.com/img/layouts/smackdown5_10/separator.jpg) repeat-x;
border:1px solid #000;
color:#FFFFB7;
display:block;
line-height:26px;
padding-left:0.5em;
vertical-align:middle;
}
.postlistdate_td,.postlistcontact,.bottominfoline {
background:#414141 url(http://img.runboard.com/img/layouts/smackdown5_10/separator.jpg) repeat-x;
}
.postlistdate_td,.postlistcontact {
line-height:14px;
}
span.postlisteditedby,span.postlisteditedbyvalue {
color:#8D8D8D;
font-size:11px;
}
.postlistpostblock a:active,.postlistpostblock a:visited {
color:#FFDF7D;
}
/* WRITE MESSAGE */
.ak_msgform_master_table {
border:1px solid #000;
background-color:#252525;
font:400 12px verdana, tahoma;
}
.ak_msgform_master_table td {
border:1px solid #000;
}
.ak_msgform_subject_right_td input,.ak_msgform_message_right_td textarea,textarea {
background-color:#424242;
border:1px solid #000;
color:#FFFFB7;
width:500px;
font:400 12px verdana, tahoma;
padding:3px;
}
.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,.qcode_bar_but {
font:400 11px verdana, tahoma;
background:#252525 url(http://img.runboard.com/img/layouts/smackdown5_10/separator.jpg) repeat-x;
border:1px solid #000;
height:22px;
color:#FFFFB7;
margin-top:1px;
padding:0 2px 1px;
}
/* POST DISPLAY */
span.postlistusername a,span.postlistpostname {
color:#FFFFB7;
font:400 14px verdana, tahoma;
letter-spacing:1px;
}
blockquote {
display:block;
border:1px solid #000;
background-color:#464646;
font:400 12px verdana, tahoma;
color:#FFFFB7;
margin:1em;
padding:5px;
}
blockquote blockquote,blockquote blockquote blockquote blockquote,blockquote blockquote blockquote blockquote blockquote blockquote,blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote,blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote,.ak_poll_table_option_gback1 {
background-color:#414141;
}
blockquote blockquote blockquote,blockquote blockquote blockquote blockquote blockquote,blockquote blockquote blockquote blockquote blockquote blockquote blockquote,blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote,blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote,.ak_poll_table_option_gback2 {
background-color:#464646;
}
span.postlistusertitle,span.postlistusername,span.postlistusertype,span.postlistregistered,span.postlistregisteredvalue,span.postlistlocation,span.postlistlocationvalue,span.postlistposts,span.postlistpostsvalue,span.postlist_karma,span.postlist_karma_value,span.postlistedit,span.postlistreply,span.postlistdelete,span.postlistaddareply,span.postlistsendpm,span.postlistsendicq,span.postlistsendaim,span.postlistsendmsn,span.postlistsendyahoo,span.postlistblog,span.postlist_karma_applaud,span.postlist_karma_smite {
font:400 11px verdana, tahoma;
}
span.postlist_link_to_post a,span.postlistsendicq a,span.postlistsendaim a,span.postlistsendmsn a,span.postlistsendyahoo a,span.postlistsendpm a,span.postlistblog a,span.postlist_karma_applaud a,span.postlist_karma_smite a,span.share_menu a {
background:#000;
border:1px solid #CCC;
padding-left:2px;
padding-right:2px;
text-decoration:none;
}
span.postlist_link_to_post {
border:0;
margin:0;
padding:0;
}
/* USER POPUP */
.user_popup {
border:1px solid #999;
background:#111;
}
.user_popup a:hover {
text-decoration:none;
background:#444;
}
/* HORIZONTAL RULE GRAPHIC SETTINGS */
.ak_msg_post_signature_block {
background:url("http://www.rbbt.net/skins/PR/mystery/line.gif") repeat-x scroll 0 0;
color:#414141;
font-size:75%;
}
/* NEW TOPIC & ADD REPLY BUTTONS */
.topiclistpostnewtopic a {
font:400 12px verdana, tahoma;
background:url("http://www.rbbt.net/skins/PR/mystery/button.gif") no-repeat;
border:0;
letter-spacing:1px;
background-position:center;
padding:10px 18px;
}
.postlistaddareply a {
font:400 12px verdana, tahoma;
background:url("http://www.rbbt.net/skins/PR/mystery/button.gif") no-repeat;
border:0;
letter-spacing:1px;
background-position:center;
padding:10px 28px;
}
/* POLL TABLE AND ITS PARTS */
.ak_poll_table {
font:400 11px verdana, tahoma;
border:1px solid #000;
background-color:#252525;
margin-bottom:10px;
}
.ak_poll_table_option_gcell1,.ak_poll_table_option_gcell2 {
border:1px solid #999;
}
.ak_poll_table td {
border:0 solid #000;
}
.ak_poll_table_header {
height:26px;
font:400 12px verdana, tahoma;
background:#252525 url(http://img.runboard.com/img/layouts/smackdown5_10/separator.jpg) repeat-x;
color:#CCC;
text-align:center;
letter-spacing:1px;
padding:0 20px;
}
.ak_poll_table_header a {
padding-left:10px;
letter-spacing:0;
}
.ak_poll_table_button_cell input {
background-color:#414141;
border:1px solid #000;
height:22px;
font:400 11px verdana, tahoma;
color:#CCC;
}
.ak_poll_table_viewres_cell {
font-weight:700;
font-size:11px;
}
.ak_msgform_poll_options_head_td,.ak_poll_table_stats_cell {
background:#252525 url(http://img.runboard.com/img/layouts/smackdown5_10/separator.jpg) repeat-x;
}
.ak_poll_table_stats_cell b {
color:#FFFFB7;
}
.ak_msgform_poll_options_table td {
border:0;
border-bottom:1px dashed #000;
height:22px;
}
.ak_msgform_poll_options_right_td input {
border:1px solid #000;
background-color:#424242;
padding-top:1px;
padding-bottom:1px;
font:400 12px verdana, tahoma;
color:#CCC;
margin:1px;
}
.ak_poll_table_option_rcell1 input,.ak_poll_table_option_rcell2 input,.ak_subject_posticon_table td,.ak_clickposticon_table,.ak_clickposticon_td,.ak_subject_posticon_icons_td,.ak_subject_posticon_icons_td td {
border:none;
}
/* POSTICON TABLE */
.ak_subject_posticon_table {
border:1px solid #000;
margin-bottom:4px;
padding:0;
}
.ak_subject_posticon_head_td {
background:#252525 url(http://img.runboard.com/img/layouts/smackdown5_10/separator.jpg) repeat-x;
padding-top:0;
padding-bottom:0;
color:#FFFFB7;
font:400 12px verdana, tahoma;
height:26px;
text-align:center;
letter-spacing:1px;
}
/* SMILIE TABLE */
.msgform_clickable_smiley_box_h {
background:#252525 url(http://img.runboard.com/img/layouts/smackdown5_10/separator.jpg) repeat-x;
font:400 12px verdana, tahoma;
color:#FFFFB7;
text-align:center;
letter-spacing:1px;
padding:5px;
}
.msgform_clickable_smiley_box_b {
padding-top:8px;
padding-left:8px;
border-width:0;
}
.msgform_clickable_smiley_box_b td {
border-width:0;
}
/* MEMBERSHIP LIST */
.ak_msg_seememberlist_table {
text-align:center;
border:1px solid #000;
width:100%;
background-color:#252525;
}
.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 {
font:400 12px verdana, tahoma;
height:26px;
background:#000 url(http://img.runboard.com/img/layouts/smackdown5_10/separator.jpg) repeat-x;
padding-top:0;
padding-bottom:0;
color:#CCC;
text-indent:10px;
text-align:left;
letter-spacing:1px;
}
#memberlist_link_back_to_board, #access_denied_go_back_to_board, .msg {
font:700 25px verdana, tahoma;
color:#FFDF7D;
text-shadow:#000 2px -1px 0;
}
.ak_msg_topic_preview_div,.ak_msg_seememberlist_table td {
border-color:#000;
}
/* HIDDEN ITEMS */
blockquote hr,.ak_poll_table_header br,hr {
display:none;
}
HTML HEADERcopy and paste the following HTML code into your Custom HTML header
<div id="main">
<div id="community">
<a href="/">
<img src="http://www.rbbt.net/skins/PR/mystery/mystery-logo.png" alt="Mystery Skin" title="Mystery Skin" /></a>
</div><!-- end community -->
<div id="marquee">
<div class="greybar">
<marquee direction="left" behavior="scroll" scrollamount="4" width="100%">Welcome to the Mystery forums</marquee>
</div><!-- end greybar -->
</div><!-- end marquee -->
HTML FOOTERcopy and paste the following HTML code into your Custom HTML footer
<div id="b2t">
<a href="#">Back To Top</a>
</div><!-- end b2t -->
</div><!-- end main -->
<div id="sidebar">
<div id="sl">
<a href="/"><img src="http://www.rbbt.net/skins/PR/mystery/sherlock.png" alt="Mystery Skin" title="Mystery Skin" /></a>
</div><!-- end sl (top left side logo) -->
<div id="navbar"> Navigation Menu</div><!-- Menu Title -->
<ul id="nav">
<li class="extend"><span>Murder</span><!-- Title on Menu bar -->
<ul>
<li>Looking at death</li>
<li>The haunting</li>
<li>Escape</li>
</ul>
</li><!-- end Murder -->
<li class="extend"><span>Mystery</span><!-- Title on Menu bar -->
<ul>
<li>Who died</li>
<li>Where did it happen</li>
<li>How did it happen</li>
<li>Why did they die</li>
<li>Who did it</li>
</ul>
</li><!-- end Mystery -->
<li class="extend"><span>Suspense</span><!-- Title on Menu bar -->
<ul>
<li>The scene</li>
<li>The Time</li>
<li>Plea for help</li>
<li>The suspects</li>
<li>Romance distractions</li>
<li>On the trail</li>
<li>Clue Discoveries</li>
<li>Communication</li>
<li class="extend"><span>Solved Mysteries</span><!-- Title on Sub-Menu bar -->
<ul>
<li><a href="http://bakheva.runboard.com/">Runboard Support</a></li>
<li><a href="http://btherunboarddirectory.runboard.com/">Runboard Directory</a></li>
</ul>
</li><!-- end Solved Mysteries -->
</ul>
</li><!-- end Suspense -->
</ul><!-- end nav -->
<img src="http://www.rbbt.net/skins/PR/mystery/bestview.png" alt="best viewed with CSS 2.1+ browsers" /><!-- Picture beneath Nav Menu -->
</div><!-- end sidebar -->
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: #252525
Background color transparent: 
Background image (optional):
Background image tile X:
Background image tile Y:
Text color : #FFFFB7
Bottom info line color: #FFFFB7
Link Options
Link color : #FFFFB7
Link overlined :
Link line-through :
Link underlined :
Visited link color : #FFFFB7
Visited link overlined :
Visited link line-through :
Visited link underlined :
Hover link color : #FFDF7D
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 : #FFFFB7
Forum list master table border width (pixels): 1
Forum list table background color : #000000
Forum list table background image:
Forum list table border color : #FFFFB7
Forum list table border width (pixels): 1
Forum list table header background color : #464646
Forum list table header background image: http://img.runboard.com/img/layouts/smackdown5_10/separator.jpg
Forum list table header border color : #FFFFB7
Forum list table header border width (pixels): 0
Forum list table header text color : #FCF6D1
Forum list table first alternate background color : #2B2B2B
Forum list table second alternate background color : #2B2B2B
Forum list table text color (optional) : #FFFFB7
Forum list table description color : #FFFFB7
Forum list table separator background color : #464646
Forum list table separator background image: http://img.runboard.com/img/layouts/smackdown5_10/separator.jpg
Forum list table separator text color : #CCCCCC
Forum list master table width (percents): 99
Forum list table width (percents): 100
Topic List Layout Options
Topic list master table background color :
Topic list master table border color : #FFFFB7
Topic list master table border width (pixels): 1
Topic list table background color : #000000
Topic list table background image:
Topic list table border color : #FFFFB7
Topic list table border width (pixels): 1
Topic list table header background color : #464646
Topic list table header background image: http://img.runboard.com/img/layouts/smackdown5_10/separator.jpg
Topic list table header border color : #FFFFB7
Topic list table header border width (pixels): 0
Topic list table header text color : #FCF6D1
Topic list table first alternate background color : #2B2B2B
Topic list table second alternate background color : #2B2B2B
Topic list table text color (optional) : #FFFFB7
Topic list master table width (percents) : 99
Topic list table width (percents) : 100
Post List Layout Options
Post list master table background color :
Post list master table border width (pixels): 1
Post list master table border color : #FFFFB7
Post list master table width (percents) : 99
Post list table width (percents) : 100
Post list table first alternate background color : #2B2B2B
Post list table second alternate background color : #2B2B2B
Post list table border color : #FFFFB7
Post list table border width (pixels): 1
CUSTOM LANGUAGE SET (CLS)(optional)find and change the following in your: Control Panel :: Board management :: Customize the language set
name: Float
boardstats_board_statistics : Board statistics<div id="bsh">Best Viewed With CSS 2.1+ Browsers</div>
msgform_new_topic_posted : <div class="msg">New topic posted!</div>
msgform_post_edited : <div class="msg">Post edited!</div>
msgform_reply_added : <div class="msg">Reply added!</div>
topic_list_empty_forum : <div class="msg">No active topics in this forum</div>
msgform_membership_autogrant : <div class="msg">Your post has automatically granted you membership.</div><br />
search_link_back_to_board : <br /><br /><br /><br /><div class="msg"><a href="%1">Go back to %2</a></div><br /><br />
Last edited by Pastor Rick, 8/25/2010, 8:12 am
|
