Runboard.com
You're welcome.
Welcome: You have reached Pastor Rick's Design Elements message board... Enjoy your stay and please tell others about this board...

Runboard Social       Sign up (learn about it) ● Sign in (lost password?)


 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Head Administrator
Global user (premium)

Registered: 07-2005
Location: Texas
Posts: 529
Karma: 11 (+12/-1)
Reply ● Quote
Bars of Blue


This started as a simple skin with almost no modifications based on the "Calm Blue" theme. So what you do is choose the "Calm Blue" theme to start. Here is a link to ]Bars of Blue.

--Log in or sign up to see linked image content--


CSS

/* SETTING BORDER IMAGES AROUND BOARD */

.bghead {
width:900px;
height:25px;
background:url([sign in to see URL]) repeat-x;
border-top-left-radius:12px;
border-top-right-radius:12px;
margin:0 auto;
}

.board-sign {
display:block;
margin-left:auto;
margin-right:auto;
padding-top:10px;
}

.bgmid {
width:900px;
background:url([sign in to see URL]) repeat-y;
margin:0 auto;
}

.bgfoot {
width:900px;
height:25px;
background:url([sign in to see URL]) repeat-x;
border-bottom-left-radius:12px;
border-bottom-right-radius:12px;
margin:0 auto;
}

/* STANDARD RUNBOARD CSS CLASSES BELOW!
 REMOVES THE SIDE PAGE MARGINS AND SETS BACKGROUND COLOR */
body {
background-color:#889CB0;
margin-left:0;
margin-right:0;
}

/* SETS THE OUTER TABLES WIDTH TO KEEP NON-TABLE CONTENT WITHIN A MAX WIDTH*/
.ak_msg_master_table {
width:850px;
font-family:verdana,tahoma,arial;
font-size:12px;
}

[sign in to see URL],[sign in to see URL],[sign in to see URL] {
font-size:18px;
font-family:verdana,tahoma,arial;
}

.forumlistwhosonlinetable {
font-family:verdana,arial,helvetica,sans-serif;
font-size:10px;
width:100%;
margin-top:-5px;
}

/* 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 #525E6E;
}

/* DEFAULT 'FORUM READY' MSGS ARE MADE SCROLL INSTEAD OF DISTORTING TABLES */
.postlistpostbody pre {
font-size:13px;
font-family:verdana,tahoma,arial;
font-weight:400;
overflow:scroll;
width:520px;
border:1px solid #525E6E;
background-color:#889CB0;
}

[sign in to see URL] {
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
padding-left:.5em;
padding-right:0;
margin-right:.7em;
border:0;
}

[sign in to see URL] {
padding-left:.5em;
}

[sign in to see URL] {
border:0;
}

.forumlist_separator_td {
background-color:#889cb0;
color:#525e6e;
border-width:0;
height:20px;
padding:0;
}

[sign in to see URL] {
font-size:12px;
}

.forumlistboardstatsheader {
background:url([sign in to see URL]);
background-color:#889CB0;
color:#ddd;
border-bottom:1px solid #525E6E;
padding:0;
padding-left:5px;
height:20px;
}

.forumlistboardstatstable {
border:2px solid #525E6E;
border-radius:3px;
background-color:#D8E0E8;
}

.topic_list_header_modbox_td {
padding:0;
}

[sign in to see URL] {
font-weight:700;
}

[sign in to see URL],[sign in to see URL],[sign in to see URL] {
font-size:12px;
font-weight:400;
font-family:verdana;
}

/* POLL TABLE AND ITS PARTS */
.ak_poll_table {
font-size:12px;
font-family:verdana;
border:2px solid #525E6E;
background-color:#D8E0E8;
margin-bottom:10px;
text-align:left;
border-bottom:1px solid #525E6E;
}

.ak_poll_table_header {
background-color:#889CB0;
color:#0000CA;
text-align:center;
font-size:12px;
padding:5px;
}

/* NEW TOPIC & ADD REPLY BUTTONS */
.topiclistpostnewtopic a,.postlistaddareply a {
font-size:14px;
font-family:verdana;
border:3px ridge #4C7AA6;
border-radius:3px;
background-color:#D8E0E8;
padding:10px 15px;
}

/* MEMBERSHIP LIST */
.ak_msg_seememberlist_table td {
border:1px solid #525E6E;
text-align:center;
}

.ak_msg_seememberlist_table {
font-size:12px;
border:2px solid #525E6E;
width:100%;
text-align:center;
}

.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 {
background-color:#889CB0;
color:#525E6E;
font-family:verdana,tahoma,arial;
font-size:12px;
text-align:center;
border-bottom:2px solid #525E6E;
padding:5px;
}

.ak_msg_seememberlist_showing {
font-size:12px;
font-family:verdana;
color:#525E6E;
}

/* POST TABLE */
.ak_msg_post_table {
background:#e0e2e5;
border:1px solid #ccc;
padding-left:2px;
padding-right:2px;
padding-bottom:2px;
}

.ak_msg_post_table img {
padding-bottom:5px;
}

.ak_msg_post_master_table {
width:850px;
font-family:verdana;
font-size:12px;
border:2px solid #525E6E;
margin-bottom:4px;
}

.ak_msg_master_table img[src*='[sign in to see URL]'] {
width:10px;
height:10px;
}

blockquote {
border:1px solid #525E6E;
background-color:#889CB0;
font-family:verdana;
font-size:12px;
color:#fff;
width:98%;
margin:0;
padding:0;
}

/* WRITE MESSAGE TABLE */
.ak_msgform_subject_right_td input,.ak_msgform_message_right_td textarea,textarea {
width:440px;
border-style:hidden;
padding-right:3px;
}

.ak_msgform_master_table {
background-color:#D8E0E8;
border:2px solid #525E6E;
font-family:verdana;
font-size:12px;
}

.ak_msgform_poll_options_table {
border:2px solid #525E6E;
border-bottom:1px solid #525E6E;
}

.ak_msgform_poll_options_head_td {
background-color:#889CB0;
color:#0000CA;
font-family:verdana,tahoma,arial;
font-size:12px;
text-align:center;
padding:5px;
}

.ak_msgform_poll_options_left_td,.ak_msgform_poll_options_right_td {
padding-left:3px;
}

.ak_msgform_poll_options_right_td > input[type="text"] {
width:97%;
}

.qcode_bar_but,.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,.ak_poll_table input[type="submit"] {
-moz-box-shadow:inset 0 1px 0 0 #f6f8f9;
-webkit-box-shadow:inset 0 1px 0 0 #f6f8f9;
box-shadow:inset 0 1px 0 0 #f6f8f9;
background:0 color-stop(1,#98b5d6) );
background:0;
filter:progid:[sign in to see URL](startColorstr='#e4ecf5',endColorstr='#aad1f7');
background-color:#e4ecf5;
text-indent:0;
display:inline-block;
color:#070e91;
font-family:Arial;
font-size:12px;
font-weight:700;
font-style:normal;
text-decoration:none;
text-align:center;
text-shadow:1px 1px 0 #b1d1f2;
padding-top:2px;
margin-top:2px;
}

.qcode_bar_but:active,.ak_msgform_newtopic_submit_button:active,.ak_msgform_newtopic_preview_button:active,.ak_msgform_postreply_submit_button:active,.ak_msgform_postreply_preview_button:active,.ak_msgform_editpost_submit_button:active,.ak_msgform_editpost_preview_button:active,.ak_poll_table input[type="submit"]:active {
position:relative;
top:1px;
}

.qcode_bar_but:hover,.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,.ak_poll_table input[type="submit"]:hover {
background:0 color-stop(1,#e4ecf5) );
background:0;
filter:progid:[sign in to see URL](startColorstr='#aad1f7',endColorstr='#e4ecf5');
background-color:#aad1f7;
}

/* POSTICON TABLE */
.ak_subject_posticon_table {
width:98%;
border:1px solid #525E6E;
margin:0 auto 4px;
}

.ak_subject_posticon_head_td {
font-size:12px;
color:#ddd;
border:2px ridge #525e6e;
background-color:#889CB0;
background:url([sign in to see URL]);
margin-top:1px;
padding:3px;
}

/* SMILIE TABLE */
.msgform_clickable_smiley_box_h {
font-size:12px;
border:0 solid #525E6E;
}

.msgform_clickable_smiley_box_b {
padding-top:5px;
}

.msgform_clickable_smiley_box_b,.msgform_clickable_smiley_box_b td {
border-width:0;
}

.forum_list_table,.topic_list_table {
width:850px;
border:1px solid #525E6E;
border-radius:3px;
background-color:#525E6E;
}

[sign in to see URL],[sign in to see URL] {
font-size:13px;
color:#ddd;
}

.forumlistforumname,.topiclisttopicname {
font-size:14px;
font-family:verdana,tahoma,arial;
}

.forumlistdescription {
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
}

[sign in to see URL],[sign in to see URL],[sign in to see URL],[sign in to see URL],[sign in to see URL] {
font-size:14px;
}

.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,.ak_tl_topicrow_mouseover_off,.ak_tl_topicrow_mouseover_on {
padding:5px;
}

.ak_poll_table td,.ak_msgform_poll_options_table td {
border:none;
border-bottom:1px solid #525E6E;
}

.ak_poll_table td td,.ak_subject_posticon_table td,.ak_clickposticon_table,.ak_clickposticon_td,.ak_subject_posticon_icons_td,.ak_subject_posticon_icons_td td {
border:none;
}

.ak_poll_table_header br,blockquote hr,[sign in to see URL] hr {
display:none;
}

.ak_poll_table_button_cell,.ak_poll_table_viewres_cell {
background-color:#E0E2E5;
}

.ak_poll_table_stats_cell {
background-color:#E0E2E5;
font-size:10px;
}

.ak_poll_table_option_gback1,.ak_poll_table_option_gback2 {
background-color:#889CB0;
}

.ak_poll_table_option_gcell1,.ak_poll_table_option_gcell2,.ak_msg_post_master_table td,.ak_msgform_master_table td {
border:1px solid #525E6E;
}

[sign in to see URL] a,[sign in to see URL],[sign in to see URL] {
font-size:12px;
color:#00c;
}

[sign in to see URL] {
font-size:13px;
}

/* BOTTOM USER INFO */
.bottominfoline {
font-family:verdana,arial,helvetica,sans-serif;
font-size:10px;
text-align:center;
}

/* BACK TO TOP SETTINGS */
.backtotop {
font-size:14px;
text-align:center;
margin:0 auto;
padding:3px;
width:100%;
}

.backtotop a:link,.backtotop a:visited,.backtotop a:active {
color:#ddd;
text-decoration:none;
}

.backtotop a:hover {
color:#eee;
text-decoration:underline;
}

/* BOTTOM RB LINKS */
.msg_foot_linkbar {
font-size:10px;
text-align:center;
margin-top:2px;
padding:5px;
margin-bottom:.3em;
}

.msg_foot_linkbar a {
margin:0 [sign in to see URL];
}

a[href$=linktous]:after {
content:' (Runboard)';
}

a[href$=blogs]+a:after {
content:none;
}


HTML Header
<div class="bghead"></div>

<div class="bgmid">

<!-- START SAMPLE BANNER -->
<a href="[sign in to see URL]">
<img src="[sign in to see URL]" title="Bars of Blue" alt="SAMPLE BANNER" width="770px" height="100px" class="board-sign">
</a>
<!-- END SAMPLE BANNER -->


HTML Footer

</div>

<div class="bgfoot">
<div class="backtotop"><a href="#" >Back To Top</a></div>
</div>


Edit colors and theme

Miscellaneous options
Text color : #0000CC
Bottom info line color : #6666FF

Link options
Link color : #6666FF
Visited link color : #6666FF
Hover link color : #0000EE

Forum list layout options
Forum list table background image: [sign in to see URL]
Forum list table header background image: [sign in to see URL]
Forum list table header text color : #0000CC
Forum list table text color (optional) : #0000CC
Forum list table separator background image: [sign in to see URL]
Forum list table separator text color : #DDDDDD

Topic list layout options
Topic list table background image: [sign in to see URL]
Topic list table header background image: [sign in to see URL]
Topic list table header text color : #0000CC
Topic list table text color (optional) : #0000CC

Last edited by Pastor Rick, 3/30/2018, 7:35 am


---

RSFRDAdvertise Boards On TRDREITB
5/26/2007, 7:17 pm Link to this post Send Email to Pastor Rick   Send PM to Pastor Rick Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Head Administrator
Global user (premium)

Registered: 07-2005
Location: Texas
Posts: 529
Karma: 11 (+12/-1)
Reply ● Quote
Re: Bars of Blue


I am in the process of updating this skin. It still follows the skin guidelines I set for myself but achieves a cleaner look overall from the 2007 version.... Codes will be updated once I finish the minor revamp...

---

RSFRDAdvertise Boards On TRDREITB
3/14/2013, 9:17 am Link to this post Send Email to Pastor Rick   Send PM to Pastor Rick Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Head Administrator
Global user (premium)

Registered: 07-2005
Location: Texas
Posts: 529
Karma: 11 (+12/-1)
Reply ● Quote
Re: Bars of Blue


The codes have been updated. I had to create one graphic to change the skins width from 750px to 900px in width. I also made numerous tweaks and additions to the CSS.

---

RSFRDAdvertise Boards On TRDREITB
3/26/2018, 7:22 am Link to this post Send Email to Pastor Rick   Send PM to Pastor Rick Blog
 


Add a reply





You are not logged in (login)