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
Gold Supporter

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


Image
"Flex-Fresh" (A flex-width version of the original theme)
Image


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/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: 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;
}
span.postlisteditedby, span.postlisteditedbyvalue {
   font-size:10px;
   color:#a9a9a9;
}
.postlistpostbody img {
   max-width: 700px;
}
.postlistpostbody object, .postlistpostbody embed {
   width : 600px;
   height : 385px;
}
.postlistpostname {
   display : block;
   padding-left : 0.5em;
   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);
}
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 : #6f91b7 linear-gradient(#6182ab,#7d9fc5);
   padding : 3px;
   border : 1px solid #ccc;
}
span.postlist_link_to_post {
   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/new.png) center no-repeat;
   text-indent: -10000px;
}
/* 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%;
   padding : 3px;
   border : 1px solid #ccc;
   color:#779AC2;
}
.ak_miscoptbar_table a {
   background : #779AC2 url(/img/layouts/joshin_josh_1/bluesep.png);
   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/greysep.png) repeat-x ;
   border : 1px solid #ccc;
}
/* DEFINES ADMIN AN MOD BOX COLORS AND WIDTH */
span.forumlistadministrators, span.forumlistmoderators {
   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/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 : 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/greysep.png) 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/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 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:
        progidemoticonXImageTransform.Microsoft.Shadow(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/greysep.png) repeat-x;
}
#loginform {
   border: 1px solid #ccc;
   background: #eeeef1;
   padding-top: 0.5em;
}
#loginform .textbutton {
   background : url(/img/layouts/joshin_josh_1/bluesep.png);
   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)