Runboard.com
You're welcome.
Runboard Extra! The Runboard Directory Runboard Knowledge Base
Chat room Runboard Knowledge Base (wiki) Search Facebook Twitter

runboard.com       You are not logged in.

Page:  1  2 

 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Moderator
Global user (premium)

Registered: 07-2005
Location: Texas
Posts: 10023
Karma: 269 (+328/-59)
Reply | Quote
Re: Fresh Colors (9 Skin Color Options) Added June 2016


--Log in or sign up to see linked image content--
"]Flex-Fresh" (A flex-width version of the original theme)
--Log in or sign up to see linked image content--


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
/* DEFINES BODY COLOR FONT AND POSITION */
body {
  margin: 1em 0;
  font-family : verdana, arial, tahoma;
  font-size : 12px;
}
/* PREVENTS BORDERS ON IMAGE LINKS */
img {
   border : 0;
}
/* DEFINES STRUCTURE OF LAYOUT */
#container {
   max-width: 95%;
   margin: 0 auto;
}
#shell{
   padding-left:10px;
   padding-right:10px;
   margin : 0 auto;
   background : #fff;
   border-right : 1px solid #ccc;
   border-left : 1px solid #ccc;
}
.top {
   background : #6f91b7 linear-gradient(#7d9fc5,#6182ab);
   border-radius: 10px 10px 0 0;
   height:28px;
   margin : 0 auto;
}
.bot{
   background : #6f91b7 linear-gradient(#6182ab,#7d9fc5);
   border-radius: 0 0 10px 10px;
   height : 28px;
   margin : 0 auto;
}
.bluetop {
    margin-left: -10px;
    margin-right: -10px;
    height: 15px;
    background: #779AC2;
    border-bottom: 1px solid #779AC2;
}
.bluebot {
    margin-left: -10px;
    margin-right: -10px;
    height: 15px;
    background: #779AC2;
    border-bottom: 1px solid #779AC2;
}
.backtotop {
   margin : 0 auto;
   font-size : 10px;
   border : 0;
   text-align : center;
   line-height : 28px;
   vertical-align : middle;
}
.backtotop a:link, .backtotop a:active, .backtotop a:visited, .backtotop a:hover {
   color : #fff;
   text-decoration : none;
}
.bottominfoline {
   text-align: center;
}
.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: 100%;
}
.ak_msg_post_table {
   padding-left : 3px;
   background : #EEEEF1;
   border : 1px solid #ccc;
}
.ak_msg_post_master_table{
   background : #FCFCFC;
   border : 1px solid #ccc;
}
.ak_msg_post_master_table td{
   border : 1px solid #ccc;
}
blockquote {
   background :#EEEEF1;
   border : 1px solid #ccc;
   margin: 1em 1em 1em 3em;
}
hr {
   display : none;
}
.postlistpostbody pre {
   font-size : 11px;
   overflow : scroll;
   width:98%;
   background : #eeeef1;
   border : 1px solid #ccc;
}
.postlistpostbody a:link, .postlistpostbody a:active, .postlistpostbody a:visited {
   color: #3E618C;
   text-decoration : underline;
   font-weight : bold;
}
.postlistpostbody a:hover {
   color: #376AA8;
   text-decoration: underline;
   font-weight:bold;
}
[sign in to see URL], [sign in to see URL] {
   font-size:10px;
   color:#a9a9a9;
}
.postlistpostbody img {
   max-width: 700px;
}
.postlistpostbody object, .postlistpostbody embed {
   width : 600px;
   height : 385px;
}
.postlistpostname {
   display : block;
   padding-left : [sign in to see URL];
   background : #6f91b7 linear-gradient(#6182ab,#7d9fc5);
   line-height :24px;
   vertical-align : middle;
   border : 1px solid #ccc;
   color: #f9f9f9;
}
.share_hidden h4 {
   background : #6f91b7 linear-gradient(#6182ab,#7d9fc5);
}
[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 : #6f91b7 linear-gradient(#6182ab,#7d9fc5);
   padding : 3px;
   border : 1px solid #ccc;
}
[sign in to see URL] {
   border: 0; padding: 0; margin: 0;
}
.postlistdate_td, .postlistcontact {
   background : #f3f3f5;
}
.postlistdate_td a:link, .postlistdate_td a:visited, .postlistcontact a:hover,
.postlistcontact a:link, .postlistcontact a:visited, .postlistcontact a:hover {
    color: #fff;
}
/* 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;
   width: 100%;
   border-collapse : collapse;
    background : #6f91b7 linear-gradient(#6182ab,#7d9fc5);
   border-radius: 1em 1em 0 0;
}
.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 : 100%;
   padding : 0;
   border-collapse : collapse;
}
.ak_msg_forumlist_belowforums_table, .ak_msg_topiclist_belowtopics_table, .ak_msg_postlist_belowposts_table, .ak_msg_memberlist_belowlist_table {
   display : block;
   padding : 0;
   border-collapse: collapse;
   background : #6f91b7 linear-gradient(#6182ab,#7d9fc5);
   border-radius: 0 0 .5em .5em;
}
.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 : 100%;
   background : #6f91b7 linear-gradient(#7d9fc5,#6182ab);
   border-radius: 0 0 1em 1em;
   padding : 0;
   border-collapse : collapse;
}
.ak_msg_forumlist_belowstats_table {
    display: block;
    width: 100%;
    border: solid #ccc;
    border-width: 0 0 1px 0;
    background: #ccc linear-gradient(#f0f0f0,#fbfbfb);
    border-radius: 0 0 .7em .7em;
}
.ak_msg_forumlist_belowstats_table_td {
   display : block;
   width: 100%;
   height : 5px;
   padding : 0;
}
.ak_msg_postlist_betweenposts_table {
   display : block;
   border-collapse : collapse;
   background : #6f91b7 linear-gradient(
      #7496bc,#7d9fc5 9px,
      white 10px,
      #d8d8d8 45px);

}
.ak_msg_postlist_betweenposts_table_td {
   display : table;
   height : 35px;
   padding : 0;
}
/* DOUBLE SEPARATOR ON FORUMS LIST */
.forumlist_separator_td {
    height: 45px;
    background: repeating-linear-gradient(to bottom, rgb(116, 151, 190) 0%, rgb(125, 160, 198) 18%, rgb(255, 255, 255) 20%, rgb(255, 255, 255) 43%, rgb(205, 205, 205) 45%, rgb(252, 252, 252) 52%, rgb(219, 219, 219) 100%);
    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: -10000px;
}
/* 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%;
   padding : 3px;
   border : 1px solid #ccc;
   color:#779AC2;
}
.ak_miscoptbar_table a {
   background : #779AC2 url(/img/layouts/joshin_josh_1/[sign in to see URL]);
   padding : 2px;
   border : 1px solid #ccc;
}
.ak_miscoptbar_table a:link, .ak_miscoptbar_table a:active {
   color: #fff;
   text-decoration: none;
}
.ak_miscoptbar_table a:visited {
   color: #fff;
   text-decoration: none;
}
.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 {
   padding : 4px;
   font-size : 11px;
   font-weight : bold;
   color:#000;
}
.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 : #6f91b7 linear-gradient(#6182ab,#7d9fc5);
   border-radius: 1em 1em 0 0;
   height :23px;
   vertical-align : middle;
   border-bottom : 1px solid #ccc;
   padding : 0;
   text-align : center;
   color: #f9f9f9;
}
.forumlistboardstatstitle {
   background : #EEEEF1;
   border-left : 1px solid #ccc;
   padding :1px;
}
/* DEFINES NEW TOPIC AND ADD REPLY COLORS AND WIDTHS */
.topiclistpostnewtopic a, .postlistaddareply a {
   padding : 5px 15px;
   font-size : 11px;
   background : url(/img/layouts/joshin_josh_1/[sign in to see URL]) repeat-x ;
   border : 1px solid #ccc;
}
/* DEFINES ADMIN AN MOD BOX COLORS AND WIDTH */
[sign in to see URL], [sign in to see URL] {
   display: block;
   background : #EEEEF1;
   border : 1px solid #ccc;
   padding : 2px;
}
/* DEFINES COLORS AND IMAGES IN MESSAGE AREA */
.ak_msgform_master_table {
   background : #EEEEF1;
   border : 1px solid #ccc;
   width: 100%;
}
.ak_msgform_master_table td {
   border : 0;
}
.ak_msgform_master_table input {
   border : 1px solid #ccc;
}
.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 : 100%;
   font-size : 13px;
}
.ak_msgform_poll_options_table {
   border : 1px solid #ccc;
}
.ak_msgform_poll_options_right_td input {
   background : #fcfcfc;
   padding-top : 2px;
   padding-bottom : 2px;
   margin : 2px;
   font-size : 11px;
   color : #000;
   border : 1px solid #ccc;
}
/* 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;
   padding : 0 25px;
}
.ak_poll_table_header br {
   display : none;
}
.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 td {
   border : 0;
}
.ak_poll_table_option_rcell1 input, .ak_poll_table_option_rcell2 input {
   border : 0;
}
.ak_poll_table_viewres_cell {
   font-weight : bold;
   font-size : 11px;
}
.ak_poll_table_option_gback1 {
   background-color : #376AA8;
}
.ak_poll_table_option_gback2 {
   background-color : #376AA8;
}
.ak_poll_table_header {
   color : #376AA8;
}
.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;
   border : 1px solid #ccc;
   padding : 0 5px;
   line-height : 12px;
   border : 0;
}
.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:100%;
   border:1px solid #ccc;
}
/* DEFINES POST ICONS AND SMILEY COLORS */
.ak_subject_posticon_table {
   border : 1px solid #ccc;
   margin-bottom : 4px;
   padding : 0;
   text-align : center;
   background : #fcfcfc;
}
.ak_subject_posticon_table td {
   border : 0;
}
.ak_clickposticon_table, .ak_clickposticon_td, .ak_subject_posticon_icons_td, .ak_subject_posticon_icons_td td {
   border : 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 2px;
}
.msgform_clickable_smiley_box_b {
   border : 0;
   margin: 6px auto;
}
.msgform_clickable_smiley_box_b td {
   border : 0;
   padding: 3px;
}
.ak_subject_posticon_icons_td input {
   border: 0;
}
/* USER PROFILE LINKS */
.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);
}

/* MISCELLANEOUS PAGES */
/* ( member list, private forums, trying to post while logged out, etc ) */
#access_denied_go_back_to_board, #memberlist_link_back_to_board, #search_link_back_to_board {
   text-align: center;
}
#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 {
   padding : 5px 15px;
   font-size : 11px;
   font-weight: bold;
   border : 1px solid #ccc;
   background :url(/img/layouts/joshin_josh_1/[sign in to see URL]) repeat-x;
}
#loginform {
   border: 1px solid #ccc;
   background: #eeeef1;
   padding-top: [sign in to see URL];
}
#loginform .textbutton {
   background : url(/img/layouts/joshin_josh_1/[sign in to see URL]);
   padding : 2px;
   border : 1px solid #ccc;
   color: #fff;
}
#loginform legend {
   font-weight: bold;
}
/* BOTTOM RB LINKS */
.msg_foot_linkbar a {
margin: 1em;
}

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

.bottominfoline {
margin: 0 auto;
margin-top: .5em;
font-size: 10px;
}

HTML HEADERcopy and paste the following HTML code into your Custom HTML header
<div id="container"><!-- contains width of entire board -->
<!-- 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>

</div><!-- end container -->

Last edited by Pastor Rick, 4/20/2019, 10:24 am


---

Advertise Boards On TRDConceptsDE
1/24/2018, 7:02 am Link to post Email Pastor Rick   PM Pastor Rick Blog
 


Add a reply

Page:  1  2 



You are not logged in (login)