Pastor Rick
Head Administrator
Registered: 07-2005
Location: Texas
Posts: 560
Karma: 11 (+12/-1)
|
|
Reply ● Quote
|
|
Purple Play
Purple Play
Custom CSScopy and paste the following CSS code into your Custom CSS box
/* PURPLE Play UNIQUE CSS */
/* CONTAINER TO UNIFY CONTENT WIDTH */
#shell {
background-color:#99f;
width:962px;
margin:0 auto;
padding:0;
}
/* THE BACKGROUND COLOR SHOWN WHILST IMAGE IS LOADING */
body {
background-color:#ccf;
margin:6px 0;
}
/* IMAGES NEVER HAVE BORDERS! */
img {
border:0;
}
/* BANNER CLASS */
.banner {
height:100px;
background:#959ab0 url(http://img.runboard.com/img/layouts/smackdown5_1/samplebanner.jpg) 0 0 repeat-x;
font-size:2px;
color:#e2e7e0;
border:5px ridge #96f;
margin:6px auto 0;
}
/* BOARD NAME PARAMETERS */
h1 {
font:bold 25px georgia,'times new roman',serif;
text-align:center;
color:#fff;
padding-left:25px;
line-height:100px;
vertical-align:middle;
margin:0;
}
/* DECO BAR DEFINITIONS */
.deco1 {
background: #d088b0 url('http://img.runboard.com/img/layouts/smackdown5_12/samplebanner.jpg');
background-size: 100% 26px;
font-size: 1px;
}
.deco2 {
background: url('http://www.rbbt.net/skins/PR/purple_play/deco_mask-1.png') center;
height: 26px;
border: 1px solid #96f;
}
/* deco_mask graphics I have made:
deco_mask-1.png = Squares (default mask)
deco_mask-2.png = Hexagons
deco_mask-3.png = Lozenges */
/* SETS THE BORDERS OF THE FORUM/TOPIC/POST/MEMBER LIST TABLES */
.ak_msg_master_table, .forum_list_table, .topic_list_table {
background-color:#99f;
font-family:verdana;
font-size:12px;
border:1px solid #66c;
}
.ak_msg_post_master_table, .forumlistboardstatstable, .forumlistwhosonlinetable {
background-color:#99f;
border:1px solid #66c;
}
.ak_msg_seememberlist_table {
width:100%;
background-color:#99f;
border:1px solid #66c;
}
.ak_tl_topicrow_mouseover_on, .ak_tl_topicrow_mouseover_off {
padding:5px;
}
/* SETS THE HEADER CELLS OF MOST TABLES */
.ak_msgform_poll_options_head_td, .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, .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, .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;
font-size:12px;
height:22px;
padding-top:0;
padding-bottom:0;
color:#000;
background-color:#99F;
}
span.postlist_link_to_post {
border:0;
margin:0;
padding:0;
}
/* CHANGES AND ADJUSTS THE WHO IS ONLINE TABLE */
.forumlistwhosonlinetable {
background-color:#8f9acb;
}
.forumlistwhosonlinetd {
padding:6px;
}
/* SETTINGS FONT TYPE, COLOR AND SIZE TO REMAINING ELEMENTS */
span.locationboard, span.locationforum, span.locationtopic {
font-size:15px;
font-family:verdana,tahoma,arial;
}
span.forumlistnumtopics, span.forumlistnumposts {
font-size:12px;
font-family:verdana,tahoma,arial;
font-weight:400;
}
/* BOARD STATS TABLE */
.forumlistboardstatsheader {
font-family:verdana,tahoma,arial;
font-size:12px;
line-height:11px;
color:#000;
background:#8f9acb url(http://img.runboard.com/img/layouts/smackdown5_1/separator.gif) repeat-x;
border-color:#66c;
border-style:solid;
border-width:0 0 1px;
}
span.topiclistlastpost {
font-family:verdana,tahoma,arial;
font-size:10px;
}
span.forumlistdescription {
color:#404040;
}
span.topiclisttopicclosed, span.topiclisttopicsticky, span.topiclisttopichidden {
font-size:10px;
font-weight:400;
font-family:verdana,tahoma,arial;
}
/* WRITE MESSAGE */
.ak_msgform_master_table {
background-color:#ccf;
border:1px solid #09f;
font-family:verdana,tahoma,arial;
font-size:12px;
}
.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;
font-size:12px;
border:1px solid #66c;
background-color:#99f;
}
.ak_msgform_subject_right_td input, .ak_msgform_message_right_td textarea, textarea {
background-color:#99f;
color:#000;
width:400px;
font-family:verdana,tahoma,arial;
font-size:12px;
border:1px solid #66c;
}
.ak_msgform_poll_options_table {
border:1px solid #66c;
}
.ak_msgform_poll_options_right_td input {
background-color:#99f;
padding-top:2px;
padding-bottom:2px;
font-size:12px;
font-family:verdana,tahoma,arial;
color:#000;
border:1px solid #66c;
margin:2px;
}
.qcode_bar_but {
font-size:12px;
background:#99f url(http://img.runboard.com/img/layouts/smackdown5_12/samplebanner.jpg) 0 0 repeat-x;
margin-top:1px;
border:1px solid #66c;
}
/* 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 #66c;
}
/* DEFAULT 'FORUM READY' MSGS ARE MADE SCROLL INSTEAD OF DISTORTING TABLES */
.postlistpostbody pre {
font-size:12px;
font-family:verdana,tahoma,arial;
font-weight:400;
overflow:scroll;
width:500px;
border:1px solid #66c;
}
.ak_msg_post_master_table {
font-family:verdana,tahoma,arial;
font-size:12px;
position:relative;
}
span.postlistusertitle font {
color:#66c;
font-family:verdana,tahoma,arial;
font-size:12px;
}
blockquote {
background-color:#99F;
font-size:12px;
font-family:verdana,tahoma,arial;
color:#000;
border:2px solid #ccf;
margin:5px 10px;
padding-left:5px;
}
span.postlistquotedtext {
font-size:12px;
}
/* DEFAULT MAXIMUM WIDTH SETTING TO PREVENT IMAGES FROM BREAKING LAYOUT */
.ak_msg_post_signature_block img, .postlistpostbody img {
max-width:700px;
width: expression(this.width > 700 ? 700: true);
}
/* POLL TABLE AND ITS PARTS */
.ak_poll_table {
font-size:12px;
font-family:verdana,tahoma,arial;
text-align:center;
background-color:#ccf;
margin-bottom:15px;
border:1px solid #66c;
}
.ak_poll_table_header {
background:#66c url(http://img.runboard.com/img/layouts/smackdown5_1/separator.gif) repeat-x;
height:20px;
font-size:12px;
font-family:verdana,tahoma,arial;
padding:0 25px;
}
.ak_poll_table_button_cell input {
background-color:#99f;
height:22px;
font-size:12px;
font-family:verdana,tahoma,arial;
border:1px solid #66c;
}
.ak_poll_table_header a {
padding-left:10px;
}
.ak_poll_table_option_rcell1 input, .ak_poll_table_option_rcell2 input {
border:none;
}
.ak_poll_table_viewres_cell {
font-size:12px;
font-weight:700;
}
.ak_poll_table_stats_cell td {
border:1px solid #96f;
}
/* MEMBERSHIP LIST */
.ak_msg_seememberlist_table td {
text-align:center;
border-width:0;
}
.ak_msg_seememberlist_table {
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 {
font-size:12px;
font-family:verdana,tahoma,arial;
color:#000;
text-align:center;
padding:1px;
}
.ak_msg_seememberlist_showing {
font-size:12px;
font-family:verdana,tahoma,arial;
color:#000;
}
/* SPREAD OUT THE POST-ICON BOX */
.ak_subject_posticon_table {
text-align:center;
font-size:12px;
font-family:verdana,tahoma,arial;
border:1px solid #66c;
background-color:#ccf;
width:98%;
margin:0 auto;
padding:0;
}
.ak_subject_posticon_head_td {
text-align:center;
font-size:12px;
font-family:verdana,tahoma,arial;
color:#000;
background-color:#99f;
}
.msgform_clickable_smiley_box_h, .msgform_clickable_smiley_box_b, .msgform_clickable_smiley_box_b td, .msgform_clickable_smiley_box_b_td, .msgform_clickable_smiley_box_b_td td {
border:0 solid #66c;
background:none;
}
.ak_msgform_newtopic_submit_button, .ak_msgform_postreply_submit_button, .ak_msgform_editpost_submit_button {
position: absolute;
margin-left: 10px;
margin-top: -0.8em;
background: #99F url(http://img.runboard.com/img/layouts/smackdown5_12/samplebanner.jpg) 0 0 repeat-x;
}
* html .ak_msgform_newtopic_submit_button, * html .ak_msgform_postreply_submit_button, * html .ak_msgform_editpost_submit_button {
margin-top:-17px;
margin-left:10px;
}
.ak_msgform_newtopic_preview_button, .ak_msgform_postreply_preview_button, .ak_msgform_editpost_preview_button {
margin-left: 40%;
background: #99F url(http://img.runboard.com/img/layouts/smackdown5_12/samplebanner.jpg) 0 0 repeat-x;
}
.forumlistforumname, .topiclisttopicname, span.topiclistnewswitch, span.forumlistnewswitch {
font-size:12px;
font-family:verdana,tahoma,arial;
color:#000;
}
.topiclistpostnewtopic, .postlistaddareply {
border:5px double #939;
}
.topiclistpostnewtopic a, .postlistaddareply a {
height:25px;
border:3px groove #63f;
background-color:#99f;
padding:8px 10px;
}
span.forumlistheader, span.topiclistheader, span.forumlistseparator, span.topiclisttopicname, span.topiclistreplies, span.topiclistviews, span.topicliststartedby, span.postlistusername, span.postlistpostname, span.postlistpostbody {
font-size:12px;
font-family:verdana,tahoma,arial;
color:#000;
}
.ak_msgform_master_table td, .ak_msgform_poll_options_table td, .ak_msg_post_master_table td {
border:1px solid #66c;
}
blockquote hr, .ak_poll_table_header br {
display:none;
}
.ak_subject_posticon_table td {
border-width:0;
}
.ak_poll_table_option_gback1, .ak_poll_table_option_gback2, .ak_tl_topicrow_mouseover_on, .ak_fl_forumrow_mouseover_on {
background-color:#99f;
}
.ak_poll_table_stats_cell, .ak_msgform_subject_right_td input, textarea, textarea {
background-color:#99f;
}
/* BOTTOM RB LINKS */
.msg_foot_linkbar {
width:98%;
border:1px solid #66c;
margin:1.5em 0;
padding:5px 0;
}
a[href$="linktous"]:after { content:' (Runboard)'; }
a[href$="blogs"]+a:after { content: none; }
/* BACK TO TOP */
#border {
height:22px;
line-height:22px;
border-left: 1px solid #66c;
border-right: 1px solid #66c;
}
HTML HEADERcopy and paste the following HTML code into your Custom HTML header
<!-- Design Elements: 1st is the banner 2nd is the text that goes on the Banner & 3rd is the deco-bar beneath the Banner -->
<div id="shell">
<div class="banner"><!-- Your boards banner is in the CSS class with this name -->
<h1>Purple Play Sample Banner</h1><!-- The name of your board goes here -->
</div>
<div class="deco1"><div class="deco2"></div></div>
<!-- End of header Design Elements -->
HTML FOOTERcopy and paste the following HTML code into your Custom HTML footer
<div id="border"><a href="#">Back To Top</a><!-- Link so users can go "back to top" of page --></div>
<!-- Design Elements: deco-bar for the footer -->
<div class="deco1"><div class="deco2"></div></div>
<!-- Design Elements end of deco-bar -->
</div> <!-- END OF SHELL -->
EDIT LAYOUT/COLORS (ELC)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: #CCCCFF
Background color transparent: 
Background image (optional): http://img.runboard.com/img/layouts/stuart1704_1/area.gif
Background image tile X:
Background image tile Y:
Text color : #000000
Bottom info line color: #000000
Link Options
Link color : #000000
Link overlined :
Link line-through :
Link underlined :
Visited link color : #000000
Visited link overlined :
Visited link line-through :
Visited link underlined :
Hover link color : #000000
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 : #6666CC
Forum list master table border width (pixels): 0
Forum list table background color : #9CA1B9
Forum list table background image:
Forum list table border color : #000000
Forum list table border width (pixels): 4
Forum list table header background color : #9999FF
Forum list table header background image: http://img.runboard.com/img/layouts/smackdown5_1/separator.gif
Forum list table header border color : #6666CC
Forum list table header border width (pixels): 1
Forum list table header text color : #000000
Forum list table first alternate background color : #CCCCFF
Forum list table second alternate background color : #CCCCFF
Forum list table text color (optional) : #000000
Forum list table description color : #000000
Forum list table separator background color : #9999FF
Forum list table separator background image: http://img.runboard.com/img/layouts/smackdown5_1/separator.gif
Forum list table separator text color : #000000
Forum list master table width (percents): 100
Forum list table width (percents): 100
Topic List Layout Options
Topic list master table background color :
Topic list master table border color : #6666CC
Topic list master table border width (pixels): 0
Topic list table background color : #9CA1B9
Topic list table background image:
Topic list table border color : #000000
Topic list table border width (pixels): 4
Topic list table header background color : #9999FF
Topic list table header background image: http://img.runboard.com/img/layouts/smackdown5_1/separator.gif
Topic list table header border color : #6666CC
Topic list table header border width (pixels): 1
Topic list table header text color : #000000
Topic list table first alternate background color : #CCCCFF
Topic list table second alternate background color : #CCCCFF
Topic list table text color (optional) : #000000
Topic list master table width (percents) : 100
Topic list table width (percents) : 100
Post List Layout Options
Post list master table background color :
Post list master table border width (pixels): 0
Post list master table border color : #6666CC
Post list master table width (percents) : 100
Post list table width (percents) : 100
Post list table first alternate background color : #CCCCFF
Post list table second alternate background color : #CCCCFF
Post list table border color : #000000
Post list table border width (pixels): 4
Last edited by Pastor Rick, 11/17/2012, 9:07 pm
|
