Design Elements :: Standard Themes 2.0 :: Fresh-n-Blue 2.0

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

Design Elements
Standard Themes 2.0
Fresh-n-Blue 2.0

User Quick Links: runboard.com

Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Head Administrator

Registered: 07-2005
Location: Texas
Posts: 560
Karma: 11 (+12/-1)

Reply ● Quote

Fresh-n-Blue 2.0

Fresh-n-Blue 2.0
by: Pastor Rick

Fresh-n-Blue
Custom CSScopy and paste the following CSS code into your Custom CSS box
/* Fresh-n-Blue 2.0 skin by: Pastor Rick */
/* DEFINES BODY COLOR FONT AND POSITION */
body {
font-family:verdana, arial, tahoma;
font-size:12px;
margin:1em 0;
}

/* DEFINES STRUCTURE OF LAYOUT */
#shell {
background:#fff;
width:960px;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
margin:0 auto;
}

.top {
background:url(http://www.rbbt.net/skins/PR/freshnblue/top.png) no-repeat center 0;
width:968px;
height:28px;
margin:0 auto;
}

.bot {
background:url(http://www.rbbt.net/skins/PR/freshnblue/bot.png) no-repeat center 0;
width:968px;
height:28px;
margin:0 auto;
}

.bluetop {
width:100%;
height:15px;
background:#779AC2;
border-bottom:1px solid #ccc;
margin:0 auto;
}

.bluebot {
width:100%;
height:15px;
background:#779AC2;
border-top:1px solid #ccc;
margin:0 auto;
}

.backtotop {
font-size:10px;
border:0;
text-align:center;
line-height:28px;
vertical-align:middle;
margin:0 auto;
}

.ak_fl_forumrow_mouseover_off {
   padding : 3px;
   background : #eeeef1 url(/img/layouts/joshin_josh_1/moo.png) bottom;
}
.ak_fl_forumrow_mouseover_on {
   padding : 3px;
   background : #e9eaee;
}
.ak_tl_topicrow_mouseover_off {
   padding : 0.75em 3px;
   background : #eeeef1 url(/img/layouts/joshin_josh_1/moo.png) bottom;
}
.ak_tl_topicrow_mouseover_on {
   padding : 0.75em 3px;
   background : #e9eaee;
}

/* TOPIC PREVIEW ON HOVER */
.ak_msg_topic_preview_div {
border-color:#a7b5c2;
}

/* DEFINES WIDTH AND COLOR OF TABLES */
.topic_list_table,.forum_list_table, .ak_msg_master_table, .ak_msg_post_master_table {
border-collapse:collapse;
border:0;
width:900px;
}

.ak_msg_post_table {
padding-left:3px;
background:#EEEEF1;
border:1px solid #ccc;
}

.ak_msg_post_master_table {
background:#FCFCFC;
border:1px solid #ccc;
}

.postlistpostbody pre {
font-size:11px;
overflow:scroll;
width:98%;
background:#eeeef1;
border:1px solid #ccc;
}

.postlistpostbody a:hover {
color:#376AA8;
text-decoration:underline;
font-weight:700;
}

span.postlisteditedby,span.postlisteditedbyvalue {
font-size:10px;
color:#a9a9a9;
}

.postlistpostbody object,.postlistpostbody embed {
width:600px;
height:385px;
}

.postlistpostname {
display:block;
padding-left:.5em;
background:url(/img/layouts/joshin_josh_1/bluesep.png);
line-height:24px;
vertical-align:middle;
border:1px solid #ccc;
color:#f9f9f9;
}

span.postlist_link_to_post a, .postlistsendicq a, .postlistsendaim a, .postlistsendmsn a, .postlistsendyahoo a, .postlistsendpm a, .postlistblog a, .postlist_karma_applaud a, .postlist_karma_smite a, .share_menu a {
background:url(/img/layouts/joshin_josh_1/greysep.png) repeat-x;
border:1px solid #CCC;
padding:3px;
}

.share_hidden h4 {
background:#6f91b7 url(/img/layouts/joshin_josh_1/bluesep.png);
}

.user_popup, .share_hidden, .ak_msg_topic_preview_div {
border:1px solid #a7b5c2;
-moz-box-shadow:2px 2px 7px #777;
-webkit-box-shadow:2px 2px 7px #777;
box-shadow:2px 2px 7px #777;
filter:progidXImageTransform.Microsoft.Shadow(color=#777777,direction=135,strength=5);
}

span.postlist_link_to_post {
border:0;
margin:0;
padding:0;
}

.postlistdate_td, .postlistcontact {
background:#f3f3f5;
}

/* SEPARATOR IMAGES ABOVE BELOW IN BETWEEN FORUMS TOPICS POSTS ETC */
.ak_msg_forumlist_aboveforums_table, .ak_msg_topiclist_abovetopics_table, .ak_msg_memberlist_abovelist_table, .ak_msg_postlist_aboveposts_table {
display:block;
border-collapse:collapse;
width:900px;
}

.ak_msg_forumlist_aboveforums_table_td, .ak_msg_topiclist_abovetopics_table_td, .ak_msg_memberlist_abovelist_table_td, .ak_msg_postlist_aboveposts_table_td {
display:block;
height:20px;
width:900px;
background:url(/img/layouts/joshin_josh_1/above.png) no-repeat;
border-collapse:collapse;
padding:0;
}

.ak_msg_forumlist_belowforums_table, .ak_msg_topiclist_belowtopics_table, .ak_msg_postlist_belowposts_table, .ak_msg_memberlist_belowlist_table {
display: block;
border-collapse: collapse;
padding: 0;
width: 900px;
}

.ak_msg_forumlist_belowforums_table_td, .ak_msg_topiclist_belowtopics_table_td, .ak_msg_postlist_belowposts_table_td, .ak_msg_memberlist_belowlist_table_td {
display:block;
height:8px;
width:900px;
background:url(/img/layouts/joshin_josh_1/below.png) no-repeat;
border-collapse:collapse;
padding:0;
}

.ak_msg_forumlist_belowstats_table {
display:table;
border-collapse:collapse;
}

.ak_msg_forumlist_belowstats_table_td {
display:table;
height:8px;
width:898px;
background:url(/img/layouts/joshin_josh_1/belowstat42.png) no-repeat;
padding:0;
}

.ak_msg_postlist_betweenposts_table {
display:block;
width:900px;
border-collapse:collapse;
background:url(/img/layouts/joshin_josh_1/betweenposts.png) no-repeat;
}

.ak_msg_postlist_betweenposts_table_td {
display:table;
height:45px;
width:100%;
padding:0;
}

/* DOUBLE SEPARATOR ON FORUMS LIST */
.forumlist_separator_td {
height:45px;
background:url(/img/layouts/joshin_josh_1/doublesep404.png) no-repeat center bottom;
text-align:center;
vertical-align:bottom;
line-height:25px;
border:0;
color:#000;
padding:0;
}

.forumlistseparator {
font-size:13px;
}

/* FORUM AND TOPIC LIST 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, .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 {
font-size:10px;
height:17px;
background:#A7B5C2;
padding-top:0;
padding-bottom:0;
}

.forumlistnewswitch,.topiclistnewswitch {
display:block;
width:19px;
height:13px;
background:url(/img/layouts/joshin_josh_1/new.png) center no-repeat;
text-indent:-1000px;
}

/* DEFINES BOXED PAGE NUMBERS */
.pageindexvaluenow {
background:#EEEEF1 url(/img/layouts/joshin_josh_1/greysep.png);
border:1px solid #ccc;
padding:3px;
}

/* DEFINES MISCOPTBAR COLORS AND WIDTH */
.ak_miscoptbar_table {
background:url(/img/layouts/joshin_josh_1/greysep.png);
width:100%;
border:1px solid #ccc;
color:#779AC2;
padding:3px;
}

.ak_miscoptbar_table a {
background:#779AC2 url(/img/layouts/joshin_josh_1/bluesep.png);
border:1px solid #ccc;
padding:2px;
}

.ak_miscoptbar_table a:hover {
color:#fff;
background:#A7B5C2;
text-decoration:none;
}

/* DEFINES WHOS ONLINE AND STATS BOXES */
.forumlistwhosonlinetable {
width:100%;
border:1px solid #ccc;
background:#EEEEF1;
}

.forumlistwhosonlinetd {
font-size:11px;
font-weight:700;
color:#000;
padding:4px;
}

.ak_fl_boardstats_master_table {
width:100%;
}

.forumlistboardstatstable {
border:0;
border-bottom:1px solid #ccc;
}

.forumlistboardstatsdata {
background:#FCFCFC;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
padding:1px;
}

.forumlistboardstatsheader {
background:url(/img/layouts/joshin_josh_1/statsep.png) no-repeat;
height:23px;
vertical-align:middle;
border-bottom:1px solid #ccc;
text-align:center;
color:#f9f9f9;
padding:0;
}

.forumlistboardstatstitle {
background:#EEEEF1;
border-left:1px solid #ccc;
padding:1px;
}

/* DEFINES NEW TOPIC AND ADD REPLY COLORS AND WIDTHS */
.topiclistpostnewtopic a, .postlistaddareply a {
font-size:11px;
background:url(/img/layouts/joshin_josh_1/greysep.png) repeat-x;
border:1px solid #ccc;
padding:5px 15px;
}

/* DEFINES ADMIN AN MOD BOX COLORS AND WIDTH */
span.forumlistadministrators, span.forumlistmoderators {
background:#EEEEF1;
border:1px solid #ccc;
width:892px;
float:right;
padding:2px;
}

.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 {
border:1px solid #ccc;
height:20px;
background:#779AC2 url(/img/layouts/joshin_josh_1/bluesep.png) repeat-x;
color:#fff;
}

.qcode_bar_but {
font-size:11px;
border:1px solid #ccc;
color:#000;
height:20px;
background:url(/img/layouts/joshin_josh_1/greysep.png) repeat-x;
margin-top:2px;
padding-left:5px;
padding-right:5px;
}

.ak_msgform_subject_right_td input,.ak_msgform_message_right_td textarea {
background:#fcfcfc;
border:1px solid #ccc;
color:#000;
width:340px;
font-size:13px;
}

.ak_msgform_poll_options_right_td input {
background:#fcfcfc;
padding-top:2px;
padding-bottom:2px;
font-size:11px;
color:#000;
border:1px solid #ccc;
margin:2px;
}

/* DEFINES POLL TABLE COLORS */
.ak_poll_table {
font-size:11px;
text-align:center;
border:1px solid #ccc;
background:#eeeef1;
margin-bottom:15px;
}

.ak_poll_table_header {
height:22px;
color:#376AA8;
padding:0 25px;
}

.ak_poll_table_header a {
padding-left:11px;
}

.ak_poll_table_button_cell input, .ak_msgform_poll_options_head_td, .ak_poll_table_header {
background:#ededed url(/img/layouts/joshin_josh_1/greysep.png) repeat-x;
border:1px solid #ccc;
height:22px;
font-size:11px;
color:#000;
}

.ak_poll_table_viewres_cell {
font-weight:700;
font-size:11px;
}

.ak_msgform_poll_options_head_td {
color:#376AA8;
}

/* DEFINES MEMBER LIST COLORS AND SIZE */
.ak_msg_seememberlist_user_td1, .ak_msg_seememberlist_user_td2, .ak_msg_seememberlist_im_td1, .ak_msg_seememberlist_im_td2, .ak_msg_seememberlist_pm_td1, .ak_msg_seememberlist_pm_td2 {
font-size:11px;
border:1px solid #ccc;
}

.ak_msg_seememberlist_date_td1, .ak_msg_seememberlist_date_td2, .ak_msg_seememberlist_email_td1, .ak_msg_seememberlist_email_td2 {
font-size:11px;
border:1px solid #ccc;
background:#eeeef1;
}

.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 {
height:24px;
background:#779AC2;
color:#f9f9f9;
line-height:12px;
border:0;
padding:0 5px;
}

.ak_msg_seememberlist_head_date_td a:link, .ak_msg_seememberlist_head_date_td a:visited {
color:#fff;
}

.ak_msg_seememberlist_head_date_td a:hover {
text-decoration:underline;
}

.ak_msg_seememberlist_table {
width:900px;
border:1px solid #ccc;
}

/* DEFINES POST ICONS AND SMILEY COLORS */
.ak_subject_posticon_table {
border:1px solid #ccc;
margin-bottom:4px;
text-align:center;
background:#fcfcfc;
padding:0;
}

.ak_subject_posticon_head_td {
font-size:11px;
height:22px;
background:#fcfcfc url(/img/layouts/joshin_josh_1/bluesep.png) repeat-x;
padding-top:0;
padding-bottom:0;
text-align:center;
color:#f9f9f9;
}

.msgform_clickable_smiley_box_h {
font-size:11px;
text-align:center;
background:#fcfcfc url(/img/layouts/joshin_josh_1/bluesep.png) left -5px repeat-x;
border:1px solid #ccc;
white-space:nowrap;
color:#f9f9f9;
}

.msgform_clickable_smiley_box_h td {
padding:4px 2px 0;
}

.msgform_clickable_smiley_box_b {
border:0;
margin:6px auto;
}

.msgform_clickable_smiley_box_b td {
border:0;
padding:3px;
}

#access_denied_go_back_to_board a:link, #access_denied_go_back_to_board a:visited, #memberlist_link_back_to_board a:link, #memberlist_link_back_to_board a:visited, #search_link_back_to_board a:link, #search_link_back_to_board a:visited {
font-size:11px;
font-weight:700;
border:1px solid #ccc;
background:url(/img/layouts/joshin_josh_1/greysep.png) repeat-x;
padding:5px 15px;
}

#loginform {
border:1px solid #ccc;
background:#eeeef1;
padding-top:.5em;
}

#loginform .textbutton {
background:url(/img/layouts/joshin_josh_1/bluesep.png);
border:1px solid #ccc;
color:#fff;
padding:2px;
}

#loginform legend {
font-weight:700;
}

img, .ak_msgform_master_table td, .ak_poll_table td, .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, .ak_subject_posticon_icons_td input {
border:0;
}

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

.bottominfoline, #access_denied_go_back_to_board, #memberlist_link_back_to_board, #search_link_back_to_board {
text-align:center;
}

.ak_msg_post_master_table td, .ak_msgform_master_table input, .ak_msgform_poll_options_table {
border:1px solid #ccc;
}

blockquote, .ak_msgform_master_table {
background:#EEEEF1;
border:1px solid #ccc;
}

hr, .ak_poll_table_header br {
display:none;
}

.postlistpostbody a:link, .postlistpostbody a:active, .postlistpostbody a:visited {
color:#3E618C;
text-decoration:underline;
font-weight:700;
}

.ak_poll_table_option_gback1, .ak_poll_table_option_gback2 {
background-color:#376AA8;
}

/* BOTTOM RB LINKS */
.msg_foot_linkbar a {
margin: 1em;
}

a[href$="linktous"]:after { content:' (Runboard)'; }
a[href$="blogs"]+a:after { content: none; }
HTML HEADERcopy and paste the following HTML code into your Custom HTML header

<div class="top"> </div>

<div id="shell">

<div class="bluetop"> </div>
HTML FOOTERcopy and paste the following HTML code into your Custom HTML footer

<div class="bluebot"> </div>

</div>

<div class="bot">

<div class="backtotop"><a href="#" >Back To Top</a></div>
</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: #FFFFFF
Background color transparent:
Background image (optional):
Background image tile X:
Background image tile Y:
Text color : #000000
Bottom info line color: #000000

Link Options
Link color : #3E618C
Link overlined :
Link line-through :
Link underlined :
Visited link color : #3E618C
Visited link overlined :
Visited link line-through :
Visited link underlined :
Hover link color : #376AA8
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 : #FFFFFF
Forum list master table border width (pixels): 0
Forum list table background color : #A7B5C2
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 : #FFFFFF
Forum list table header border width (pixels): 0
Forum list table header text color : #333333
Forum list table first alternate background color : #EEEEF1
Forum list table second alternate background color : #EEEEF1
Forum list table text color (optional) : #000000
Forum list table description color : #000000
Forum list table separator background color : #A7B5C2
Forum list table separator background image:
Forum list table separator text color : #333333
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 : #FFFFFF
Topic list master table border width (pixels): 0
Topic list table background color :
Topic list table background image:
Topic list table border color : #FFFFFF
Topic list table border width (pixels): 0
Topic list table header background color : #A7B5C2
Topic list table header background image:
Topic list table header border color : #FFFFFF
Topic list table header border width (pixels): 0
Topic list table header text color : #333333
Topic list table first alternate background color : #EEEEF1
Topic list table second alternate background color : #EEEEF1
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 : #FFFFFF
Post list master table width (percents) : 100
Post list table width (percents) : 100
Post list table first alternate background color : #EEEEF1
Post list table second alternate background color : #EEEEF1
Post list table border color : #FFFFFF
Post list table border width (pixels): 0
CUSTOM LANGUAGE SET (optional)find and change the following in your: Control Panel :: Board management :: Customize the language set
Uses the "Fresh Blue" custom language set

Last edited by Pastor Rick, 2/15/2013, 9:42 am

---

○ Advertise Boards On TRD ○ Concepts ○ DE ○

10/15/2012, 8:20 am

Share 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

Registered: 07-2005
Location: Texas
Posts: 560
Karma: 11 (+12/-1)

Reply ● Quote

Re: Fresh-n-Blue 2.0

This skin has corrections to the original "Fresh Blue" theme created by Joshin Josh and currently used as the default theme for the message boards on Runboard.

I started this project in June of 2011 and after reviewing everything again in October of 2012 I decided to post the results here.

Most of the errors were very minor but I am a perfectionist. The biggest changes are:

1. transparent backgrounds on the top and bottom graphics
2. margin and width declarations added as needed to pull the various pieces closer together and improve the horizontal appearance.
3. changes to the base ECL for a better look when the CSS is disabled for whatever reason.

Last edited by Pastor Rick, 10/15/2012, 8:45 am

---

○ Advertise Boards On TRD ○ Concepts ○ DE ○

10/15/2012, 8:24 am

Share Link to this post Send Email to Pastor Rick Send PM to Pastor Rick Blog