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: 509
Karma: 11 (+12/-1)
Reply ● Quote
Fresh-n-Blue 2.0


Fresh-n-Blue 2.0
by: Pastor Rick

--Log in or sign up to see linked image content--
]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([sign in to see URL]) no-repeat center 0;
width:968px;
height:28px;
margin:0 auto;
}

.bot {
background:url([sign in to see URL]) 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/[sign in to see URL]) bottom;
}
.ak_fl_forumrow_mouseover_on {
   padding : 3px;
   background : #e9eaee;
}
.ak_tl_topicrow_mouseover_off {
   padding : [sign in to see URL] 3px;
   background : #eeeef1 url(/img/layouts/joshin_josh_1/[sign in to see URL]) bottom;
}
.ak_tl_topicrow_mouseover_on {
   padding : [sign in to see URL] 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;
}

[sign in to see URL],[sign in to see URL] {
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/[sign in to see URL]);
line-height:24px;
vertical-align:middle;
border:1px solid #ccc;
color:#f9f9f9;
}

[sign in to see URL] 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/[sign in to see URL]) repeat-x;
border:1px solid #CCC;
padding:3px;
}

.share_hidden h4 {
background:#6f91b7 url(/img/layouts/joshin_josh_1/[sign in to see URL]);
}

.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:progid:[sign in to see URL](color=#777777,direction=135,strength=5);
}

[sign in to see URL] {
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/[sign in to see URL]) 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/[sign in to see URL]) 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/[sign in to see URL]) no-repeat;
padding:0;
}

.ak_msg_postlist_betweenposts_table {
display:block;
width:900px;
border-collapse:collapse;
background:url(/img/layouts/joshin_josh_1/[sign in to see URL]) 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/[sign in to see URL]) 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/[sign in to see URL]) center no-repeat;
text-indent:-1000px;
}

/* DEFINES BOXED PAGE NUMBERS */
.pageindexvaluenow {
background:#EEEEF1 url(/img/layouts/joshin_josh_1/[sign in to see URL]);
border:1px solid #ccc;
padding:3px;
}

/* DEFINES MISCOPTBAR COLORS AND WIDTH */
.ak_miscoptbar_table {
background:url(/img/layouts/joshin_josh_1/[sign in to see URL]);
width:100%;
border:1px solid #ccc;
color:#779AC2;
padding:3px;
}

.ak_miscoptbar_table a {
background:#779AC2 url(/img/layouts/joshin_josh_1/[sign in to see URL]);
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/[sign in to see URL]) 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/[sign in to see URL]) repeat-x;
border:1px solid #ccc;
padding:5px 15px;
}

/* DEFINES ADMIN AN MOD BOX COLORS AND WIDTH */
[sign in to see URL], [sign in to see URL] {
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/[sign in to see URL]) 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/[sign in to see URL]) 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/[sign in to see URL]) 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/[sign in to see URL]) 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/[sign in to see URL]) 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/[sign in to see URL]) repeat-x;
padding:5px 15px;
}

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

#loginform .textbutton {
background:url(/img/layouts/joshin_josh_1/[sign in to see URL]);
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
<!-- TOP BLUE BAR IMAGE -->
<div class="top"> </div>
<!-- BOX AROUND FORUM/TOPIC/POST LISTS -->
<div id="shell">
<!-- TOP BLUE COLORED BOX UNDER BLUE BAR IMAGE -->
<div class="bluetop"> </div>

HTML FOOTERcopy and paste the following HTML code into your Custom HTML footer
<!-- BOTTOM BLUE COLORED BOX ABOVE BLUE BAR IMAGE -->
<div class="bluebot"> </div>
<!-- END BOX AROUND FORUM/TOPIC/POST LISTS -->
</div>
<!-- BOTTOM BLUE BAR IMAGE -->
<div class="bot">
<!-- BACK TO TOP LINK -->
<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?: --Log in or sign up to see linked image content--
Use CSS trick 1?: --Log in or sign up to see linked image content--
Use CSS trick 2?: --Log in or sign up to see linked image content--
Background color: #FFFFFF
Background color transparent: --Log in or sign up to see linked image content--
Background image (optional):
Background image tile X: --Log in or sign up to see linked image content--
Background image tile Y: --Log in or sign up to see linked image content--
Text color : #000000
Bottom info line color: #000000

Link Options
Link color : #3E618C
Link overlined : --Log in or sign up to see linked image content--
Link line-through : --Log in or sign up to see linked image content--
Link underlined : --Log in or sign up to see linked image content--
Visited link color : #3E618C
Visited link overlined : --Log in or sign up to see linked image content--
Visited link line-through : --Log in or sign up to see linked image content--
Visited link underlined : --Log in or sign up to see linked image content--
Hover link color : #376AA8
Hover link overlined : --Log in or sign up to see linked image content--
Hover link line-through : --Log in or sign up to see linked image content--
Hover link underlined : --Log in or sign up to see linked image content--

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


---

RSFRDAdvertise Boards On TRDREITB
10/15/2012, 8:20 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: 509
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


---

RSFRDAdvertise Boards On TRDREITB
10/15/2012, 8:24 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: 509
Karma: 11 (+12/-1)
Reply ● Quote
Re: Fresh-n-Blue 2.0


I discovered and fixed another minor CSS layout bug on this skin today. Edited the skin post so the fix is in there. emoticon

---

RSFRDAdvertise Boards On TRDREITB
2/15/2013, 9:46 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)