Runboard.com
Слава Україні!
Lost? Hover on Bookmarks!
Runboard Extra! The Runboard Directory Runboard Knowledge Base

Welcome to Runboard Support, the place to find help with your Runboard user account or message board.

If you can't find the answer you need with our search feature, ask here, and a member of staff will respond to you personally.

Chat room Runboard Knowledge Base (wiki) Search Facebook Twitter

runboard.com       You are not logged in.

 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Moderator

Registered: 07-2005
Location: Texas
Posts: 10257
Karma: 272 (+331/-59)
Reply | Quote
Steeple Steps (added June 2018)


A Rising Tower Project
by: Pastor Rick

Image
Steeple Steps


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 {
   background-color: #aec0da;
   background-image: linear-gradient(to bottom, #021534, #1b2a4a, #324161, #4a5979, #637392);
   margin: 1em 0;
   font-family: verdana, arial, tahoma;
   font-size: 12px;
}

/* PREVENTS BORDERS ON IMAGE LINKS */
img {
   border: 0;
}

/* BANNER BOX */
#banner {
   margin: 0 auto;
   width: 850px;
   height: 245px;
   background-image: url(http://rbbt.net/skins/banners/steeple-steps-banner.png);
}
#banner h1 {
   margin: 0 auto;
   height: 45px;
   padding-top: 10px;
   font-size: 50px;
   color: #b95585;
   text-align: center;
   text-shadow: 2px 2px #01024e;
   font-style: italic;
   white-space: nowrap;
   position: relative;
}

/* DEFINES STRUCTURE OF LAYOUT */
#shell {
   margin: 0 auto;
   background-color: transparent;
   width: 960px;
}

/* FIRST STEP OUTLINE */
#shell>center {
   background-color: #fff;
   border: 1px solid #abe;
   border-bottom: 0;
   width: 95.5%;
   margin: 0 auto;
   margin-top: -5em;
}

/* OTHER STEPS */
.top {
   background-image: linear-gradient(to top, #82a4c5, #779ac1, #6c90bc, #6386b7, #5a7cb2);
   width: 870px;
   height: 25px;
   margin: 0 auto;
   border-top-left-radius: 15px;
   border-top-right-radius: 15px;
}
.bot {
   -webkit-clip-path: polygon(2.5% 0, 97.5% 0, 100% 45%, 100% 100%, 0 100%, 0 45%);
   clip-path: polygon(2.5% 0, 97.5% 0, 100% 45%, 100% 100%, 0 100%, 0 45%);
   background-image: linear-gradient(to top, #82a4c5, #779ac1, #6c90bc, #6386b7, #5a7cb2);
   width: 968px;
   height: 28px;
   margin: 0 auto;
}
.bluetop {
   margin: 0 auto;
   width: 918px;
   height: 25px;
   -webkit-clip-path: polygon(2.5% 0, 97.5% 0, 100% 45%, 100% 100%, 0 100%, 0 45%);
   clip-path: polygon(2.5% 0, 97.5% 0, 100% 45%, 100% 100%, 0 100%, 0 45%);
   background-image: linear-gradient(to bottom, #82a4c5, #779ac1, #6c90bc, #6386b7, #5a7cb2);
   background: #779AC2;
}
.bluebot {
   margin: 0 auto;
   width: 100%;
   height: 15px;
   background: #779AC2;
   border-top: 1px solid #ccc;
}

/* BOTTOM LINKS */
.backtotop {
   margin: 0 auto;
   font-size: 11px;
   border: 0;
   text-align: center;
   line-height: 28px;
   vertical-align: middle;
}
.backtotop a:link, .backtotop a:active, .backtotop a:visited, .backtotop a:hover {
   font-size: 11px;
   color: #fff;
   text-decoration: none;
}
.bottominfoline {
   text-align: center;
}

/* FORUM & TOPIC LIST */
.ak_fl_forumrow_mouseover_off {
   padding: 3px;
   background-image: linear-gradient(to top, #d8e1ed, #e3e5f0, #ece9f2, #f3eef4, #f9f3f6);
}
.ak_fl_forumrow_mouseover_on {
   padding: 3px;
   background: #e9eaee;
}
.ak_tl_topicrow_mouseover_off {
   padding: 0.75em 3px;
   background-image: linear-gradient(to top, #d8e1ed, #e3e5f0, #ece9f2, #f3eef4, #f9f3f6);
}
.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: 0;
   border-collapse: collapse;
   width: 900px;
}
.ak_msg_post_master_table {
   background: #FCFCFC;
   border: 1px solid #ccc;
   border-bottom: 5px solid #7598BE;
}
.ak_msg_post_master_table td {
   border-collapse: collapse;
}
.postlistuserblock {
   white-space: nowrap;
   vertical-align: top;
   text-align: left;
   border-collapse: collapse;
   height: 100%;
   background-image: linear-gradient(to top, #a5b8ca, #acc0d3, #b3c8dc, #bad1e6, #F0F5FD);
   background-color: #c1d9ef;
}
.postlistuserblock img {
   margin-top: 3px;
   margin-bottom: 3px;
}

/* COMMAND LINE IN THE POST LIST USERS PROFILE */
td.postlistuserblock>table>tbody>tr:nth-child(2)>td {
   color: #79b;
   padding-bottom: 3px;
}
span.postlistedit, span.postlistreply, span.postlistdelete, span.postlistquote {
   font-size: 11px;
   font-weight: 700;
}
span.postlistquote {
   padding-right: 3px;
}

/* BACKGROUND BEHIND THE USERS PROFILE */
.ak_msg_post_table {
   padding-left: 5px;
   padding-top: 5px;
   padding-bottom: 5px;
   background-image: linear-gradient(to top, #f2f4fd, #f5f3fb, #f7f3fa, #f8f3f8, #f9f3f6);
   background-color: #f5f3fb;
   border: 1px solid #dde1f1;
   border-top-right-radius: 15px;
}

/* POST BLOCK SETTINGS */
blockquote {
   background: #f5f3fb;
   border: 1px solid #ace;
   margin: 1em 1em 1em 3em;
}
hr {
   display: none;
}
.postlistpostbody pre {
   font-size: 11px;
   overflow: scroll;
   width: 98%;
   background: #f5f3fb;
   border: 1px solid #ace;
}
.postlistpostbody a:link, .postlistpostbody a:active {
   color: #3E618C;
   text-decoration: underline;
   font-weight: bold;
}
.postlistpostbody a:visited {
   color: #3E618C;
   text-decoration: underline;
   font-weight: bold;
}
.postlistpostbody a:hover {
   color: #93486c;
   text-decoration: underline;
   font-weight: 700;
}
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;
   line-height: 24px;
   vertical-align: middle;
   color: #f9f9f9;
}
.postlistpostblock {
   background: linear-gradient(to bottom, #7d9fc5 0%, #6688ae 32px, #eef3fa 33px, #f0f5fd 100%);
}
.ak_msg_post_signature_block {
   font-size: 0.945em;
}

/* CONTACT INTERACTION AND TIMESTAMP SETTINGS */
.share_hidden h4 {
   background: #6f91b7;
   background-image: linear-gradient(to top, #82a4c5, #779ac1, #6c90bc, #6386b7, #5a7cb2);
}
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-image: linear-gradient(to top, #f0f5fd, #e5eefd, #dae8fe, #cfe1fe, #c4dbfe);
   padding: 3px;
   border: 1px solid #ccc;
   border-radius: 3px;
}
span.postlist_link_to_post a:hover, .postlistsendicq a:hover, .postlistsendaim a:hover, .postlistsendmsn a:hover, .postlistsendyahoo a:hover, .postlistsendpm a:hover, .postlistblog a:hover, .postlist_karma_applaud a:hover, .postlist_karma_smite a:hover, .share_menu a:hover {
   background-image: linear-gradient(to top, #82a4c5, #779ac1, #6c90bc, #6386b7, #5a7cb2);
   padding: 3px;
   border: 1px solid #ccc;
   border-radius: 3px;
   color: #fff;
}
span.postlist_link_to_post {
   border: 0;
   padding: 0;
   margin: 0;
}
.postlistdate_td, .postlistcontact {
   background-image: linear-gradient(to bottom, #7da4c7, #acc0d3, #b3c8dc, #bad1e6, #c1d9ef);
}
.postlistdate_td::before {
   content: "Posted: ";
   font-size: 11px;
}
.postlistdate_td {
   font-size: 11px;
}

/* 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;
}
.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: 30px;
   width: 900px;
   background-image: linear-gradient(to bottom, #7da4c7, #acc0d3, #b3c8dc, #bad1e6, #c1d9ef);
   background-size: cover;
   padding: 0;
   margin-left: 1.5px;
   border-collapse: collapse;
   -webkit-clip-path: polygon(2.5% 0, 97.5% 0, 100% 45%, 100% 100%, 0 100%, 0 45%);
   clip-path: polygon(2.5% 0, 97.5% 0, 100% 45%, 100% 100%, 0 100%, 0 45%);
}
.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;
}
.ak_msg_forumlist_belowforums_table_td, .ak_msg_topiclist_belowtopics_table_td, .ak_msg_memberlist_belowlist_table_td {
   display: block;
   height: 8px;
   width: 900px;
   background-color: #acc0d3;
   background-image: linear-gradient(to top, #7da4c7, #acc0d3, #b3c8dc, #bad1e6, #c1d9ef);
   padding: 0;
   margin-left: 2px;
   border-collapse: collapse;
}
.ak_msg_topiclist_abovetopics_table_td, .ak_msg_topiclist_belowtopics_table_td, .ak_msg_postlist_aboveposts_table_td, .ak_msg_memberlist_abovelist_table_td, .ak_msg_memberlist_belowlist_table_td {
   margin-left: 0;
}
.ak_msg_forumlist_belowstats_table {
   display: table;
   border-collapse: collapse;
}
.ak_msg_forumlist_belowstats_table_td {
   display: inline-block;
   height: 8px;
   width: 898px;
   background-color: #acc0d3;
   background-image: linear-gradient(to top, #7da4c7, #acc0d3, #b3c8dc, #bad1e6, #c1d9ef);
   padding: 0;
}
.ak_msg_postlist_betweenposts_table {
   display: block;
   height: 32px;
   width: 900px;
   border-collapse: collapse;
   background: linear-gradient(to bottom, #b8c6f1 0%, #789ac0 1%, #7296bd 13%, #fff 17%, #fff 42%, #7da4c7 40%, #acc0d3, #b3c8dc, #bad1e6, #c1d9ef 98%);
   -webkit-clip-path: polygon(100% 0, 98% 15%, 98% 42%, 100% 65%, 100% 100%, 0 100%, 0 65%, 2% 42%, 2% 15%, 0 0);
   clip-path: polygon(100% 0, 98% 15%, 98% 42%, 100% 65%, 100% 100%, 0 100%, 0 65%, 2% 42%, 2% 15%, 0 0);
   background-size: cover;
}
.ak_msg_postlist_betweenposts_table_td {
   display: table;
   height: 44px;
   padding: 0;
   width: 100%;
}

/* DOUBLE SEPARATOR ON FORUMS LIST */
.forumlist_separator_td {
   height: 44px;
   background: linear-gradient(to bottom, #b8c6f1 0%, #789ac0 1%, #7296bd 13%, #fff 17%, #fff 42%, #7da4c7 40%, #acc0d3, #b3c8dc, #bad1e6, #c1d9ef 98%);
   -webkit-clip-path: polygon(100% 0, 98% 15%, 98% 42%, 100% 65%, 100% 100%, 0 100%, 0 65%, 2% 42%, 2% 15%, 0 0);
   clip-path: polygon(100% 0, 98% 15%, 98% 42%, 100% 65%, 100% 100%, 0 100%, 0 65%, 2% 42%, 2% 15%, 0 0);
   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;
}
.topiclistlastpost a[href *="offset"] {
   font-size: 20px;
   font-weight: 700;
   text-shadow: #369 1px 1px 2px;
   line-height: 10px;
}

/* DEFINES BOXED PAGE NUMBERS */
span.pageindex, span.pageindexvalue {
   display: inline-block;
   margin-top: 10px;
   padding: 0 3px;
   font-family: verdana, arial, tahoma;
   font-size: 11px;
}
span.pageindexvalue a:hover, span.pageindexvaluenow:hover {
   background-image: linear-gradient(to top, #f0f5fd, #e5eefd, #dae8fe, #cfe1fe, #c4dbfe);
   background-color: #cfe1fe;
   border: 1px solid #abe;
   border-radius: 3px;
   padding: 0 3px;
   font-weight: 700;
}
span.pageindex a, span.pageindexvalue a, span.pageindexvaluenow {
   background-image: linear-gradient(to top, #f2f4fd, #f5f3fb, #f7f3fa, #f8f3f8, #f9f3f6);
   background-color: #f5f3fb;
   border: 1px solid #abe;
   border-radius: 3px;
   padding: 0 3px;
   font-size: 11px;
}

/* DEFINES MISCOPTBAR COLORS AND WIDTH */
.ak_miscoptbar_table {
   background-image: linear-gradient(to bottom, #7da4c7, #acc0d3, #b3c8dc, #bad1e6, #c1d9ef);
   background-size: cover;
   border-collapse: collapse;
   -webkit-clip-path: polygon(2.5% 0, 97.5% 0, 100% 45%, 100% 100%, 0 100%, 0 45%);
   clip-path: polygon(2.5% 0, 97.5% 0, 100% 45%, 100% 100%, 0 100%, 0 45%);
   width: 806px;
   margin: 0 auto;
   align-content: center;
   padding: 3px;
   padding-left: 45px;
   margin-bottom: -15px;
   border: 1px solid #abe;
   color: #779AC2;
   display: block;
}
/* FIREFOX HACK TO KEEP THE STEP DESIGN W/O USING PICTURES */
@-moz-document url-prefix() {
   .ak_miscoptbar_table {
      background-image: linear-gradient(to bottom, #7da4c7, #acc0d3, #b3c8dc, #bad1e6, #c1d9ef);
      background-size: cover;
      border-collapse: collapse;
      -webkit-clip-path: polygon(2.5% 0, 97.5% 0, 100% 45%, 100% 100%, 0 100%, 0 45%);
      clip-path: polygon(2.5% 0, 97.5% 0, 100% 45%, 100% 100%, 0 100%, 0 45%);
      width: 856px;
      margin: 0 auto;
      align-content: center;
      padding: 3px;
      padding-left: 45px;
      margin-bottom: -15px;
      border: 1px solid #abe;
      color: #779AC2;
      display: block;
   }
}
/* END OF FIREFOX HACK */

.ak_miscoptbar_table a {
   display: inline-block;
   text-align: center;
   padding: 2px 4px;
   background-image: linear-gradient(to top, #82a4c5, #779ac1, #6c90bc, #6386b7, #5a7cb2);
   border: 1px solid #aabbff;
   border-radius: 3px;
}
.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: #93486c;
   background-image: linear-gradient(to top, #f0f5fd, #e5eefd, #dae8fe, #cfe1fe, #c4dbfe);
   text-decoration: none;
}

/* DEFINES WHOS ONLINE AND STATS BOXES */
.forumlistwhosonlinetable {
   width: 856px;
   border: 1px solid #abe;
   background: #A7B5C2;
}
.forumlistwhosonlinetd {
   text-align: center;
   padding: 3px;
   font-size: 11px;
   font-weight: 700;
   color: #000;
}
.ak_fl_boardstats_master_table {
   width: 100%;
}
.forumlistboardstatstable {
   border: 0;
   border-bottom: 1px solid #dde1f1;
}
.forumlistboardstatsdata {
   background: #FCFCFC;
   border-right: 1px solid #dde1f1;
   border-left: 1px solid #dde1f1;
   padding: 2px;
   padding-left: 3px;
}
.forumlistboardstatsheader {
   -webkit-clip-path: polygon(2.5% 0, 97.5% 0, 100% 45%, 100% 100%, 0 100%, 0 45%);
   clip-path: polygon(2.5% 0, 97.5% 0, 100% 45%, 100% 100%, 0 100%, 0 45%);
   background-image: linear-gradient(to top, #82a4c5, #779ac1, #6c90bc, #6386b7, #5a7cb2);
   height: 28px;
   vertical-align: middle;
   border-bottom: 1px solid #ccc;
   padding: 0;
   text-align: center;
   color: #f9f9f9;
}
.forumlistboardstatstitle {
   background-image: linear-gradient(to top, #f2f4fd, #f5f3fb, #f7f3fa, #f8f3f8, #f9f3f6);
   border-left: 1px solid #dde1f1;
   padding: 2px;
   padding-left: 3px;
   background-color: #f7f3fa;
}

/* DEFINES NEW TOPIC AND ADD REPLY COLORS AND WIDTHS */
.topiclistpostnewtopic, .postlistaddareply {
   margin-top: 15px;
   margin-bottom: -15px;
   font-size: 14px;
   font-weight: 700;
   display: block;
}
.topiclistpostnewtopic a, .postlistaddareply a {
   padding: 5px 15px;
   font-family: verdana, arial, tahoma;
   font-size: 12px;
   background-image: linear-gradient(to top, #f0f5fd, #e5eefd, #dae8fe, #cfe1fe, #c4dbfe);
   background-color: #cfe1fe;
   border-radius: 5px;
   border: 1px solid #7ca1bf;
}

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

/* DEFINES COLORS AND IMAGES IN MESSAGE AREA */
/* BACKGROUND BEHIND THE POSTING SCREEN */
.ak_msg_master_table>tbody:nth-child(1)>tr:nth-child(1)>td:nth-child(1)>center:nth-child(3) {
   background-image: linear-gradient(to bottom, #FCFCFC, #f9f3f6, #f8f3f8, #f2f4fd, #f5f3fb, #f7f3fa, #f8f3f8, #f9f3f6);
   background-color: #f5f3fb;
}
/* END BACKGROUND SETTING */

.ak_msgform_master_table {
   border: 1px solid #ccc;
   background-color: #EEF3FA;
}
.ak_msgform_master_table td {
   border: 0;
}
.ak_msgform_master_table input {
   border: 1px solid #a9bcd6;
}
.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-color: #779AC2;
   background-image: linear-gradient(to top, #82a4c5, #779ac1, #6c90bc, #6386b7, #5a7cb2);
   color: #fff;
}
.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 {
   background-image: linear-gradient(to top, #f0f5fd, #e5eefd, #dae8fe, #cfe1fe, #c4dbfe);
   background-color: #cfe1fe;
   border-radius: 5px;
   border: 1px solid #7ca1bf;
   color: #93486c;
}
.qcode_bar_but {
    font-family: verdana, arial, tahoma;
    font-size: 12px;
    border-radius: 3px;
    background: -webkit-linear-gradient(to top, #f0f5fd, #e5eefd, #dae8fe, #cfe1fe, #c4dbfe);
    background: linear-gradient(to top, #f0f5fd, #e5eefd, #dae8fe, #cfe1fe, #c4dbfe);
    background-color: #cfe1fe;
    color: #000;
    height: 20px;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
}
.qcode_bar_but:hover {
   background-image: linear-gradient(to top, #82a4c5, #779ac1, #6c90bc, #6386b7, #5a7cb2);
   background-color: #6386b7;
   color: #fff;
}
.ak_msgform_message_right_td textarea {
   height: 300px;
}
.ak_msgform_subject_right_td input, .ak_msgform_message_right_td textarea {
   background: #fcfcfc;
   border: 1px solid #ace;
   color: #000;
   font: 400 14px verdana,arial,helvetica,sans-serif;
   width: 98%;
}

/* DEFINES POLL TABLE SETTINGS AND COLORS */
.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;
}
.ak_poll_table {
   text-align: left;
   border: 1px solid #abe;
   background: #EEF4FC;
   margin-top: 10px;
   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: linear-gradient(to bottom, #aabbcc, #eef3fa, #f0f5fd, #aabbee 100%);
   height: 22px;
   font-size: 11px;
}
.ak_poll_table_button_cell {
   background-color: #e0ebfb;
}
.ak_msgform_poll_options_table, .ak_msgform_poll_options_left_td, .ak_msgform_poll_options_right_td {
   background-image: linear-gradient(to bottom, #eef3fa, #f0f5fd, #e5eef7 100%);
}
.ak_msgform_poll_options_left_td {
   padding-left: 5px;
}
.ak_poll_table_stats_cell {
   background-color: #dce8fd;
   font-size: 11px;
}
.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 {
   background-color: #F9F3F7;
   font-weight: 700;
   font-size: 11px;
   text-align: center;
}
.ak_poll_table_option_gback1 {
   background-color: #376AA8;
}
.ak_poll_table_option_gback2 {
   background-color: #376AA8;
}
.ak_poll_table_header {
   color: #012c61;
}
.ak_msgform_poll_options_head_td {
   color: #012c61;
}

/* 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 #abe;
}
.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 #dde1f1;
   background-image: linear-gradient(to top, #f2f4fd, #f5f3fb, #f7f3fa, #f8f3f8, #f9f3f6);
   background-color: #f7f3fa;
}
.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: 900px;
   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: #6384AD linear-gradient(to bottom, #7d9fc5 0%, #6f8fb3, #6688ac 100%);
   padding-top: 0;
   padding-bottom: 0;
   text-align: center;
   color: #f9f9f9;
}
.msgform_clickable_smiley_box_h {
   font-size: 11px;
   text-align: center;
   border: 1px solid #aabbee;
   white-space: nowrap;
   color: #f9f9f9;
   background: #fcfcfc url(/img/layouts/joshin_josh_1/bluesep.png) left -5px repeat-x;
}
.msgform_clickable_smiley_box_h td {
   padding: 4px 2px 0 2px;
}
.msgform_clickable_smiley_box_b {
   background: #fcfcfc;
   border: 0;
   margin: 6px auto;
}
.msgform_clickable_smiley_box_b td {
   background: #fcfcfc;
   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: 12px;
   font-weight: 700;
   background-image: linear-gradient(to top, #f0f5fd, #e5eefd, #dae8fe, #cfe1fe, #c4dbfe);
   background-color: #cfe1fe;
   border-radius: 5px;
   border: 1px solid #7ca1bf;
}
#loginform {
   border: 1px solid #7ca1bf;
   background: #eeeef1;
   padding-top: 0.5em;
}
#loginform .textbutton {
   background: url(/img/layouts/joshin_josh_1/bluesep.png);
   padding: 2px;
   border: 1px solid #7ca1bf;
   color: #fff;
}
#loginform legend {
   font-weight: 700;
}

/* BOTTOM LINKS AND INFO LINE */
.bottominfoline {
   text-align: center;
}
.msg_foot_linkbar {
   font-size: 10px;
   text-align: center;
   margin-top: 1.1em;
   padding: 5px;
}
.msg_foot_linkbar a {
   margin: 0 1.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
<!-- BANNER -->
<div id="banner"><h1>Steeple Steps</h1></div>
<!-- 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?: Image
Use CSS trick 1?: Image
Use CSS trick 2?: Image
Background color: #FFFFFF
Background color transparent: Image
Background image (optional):
Background image tile X: Image
Background image tile Y: Image
Text color: #000000
Bottom info line color: #000000

Link Options
Link color: #013148
Link overlined: Image
Link line-through: Image
Link underlined: Image
Visited link color: #013148
Visited link overlined: Image
Visited link line-through: Image
Visited link underlined: Image
Hover link color: #93486C
Hover link overlined: Image
Hover link line-through: Image
Hover link underlined: Image

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:
Forum list table background image:
Forum list table border color: #FFFFFF
Forum list table border width (pixels): 0
Forum list table header background color: #A7B5C2
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 (CLS)(optional)find and change the following in your: Control Panel :: Board management :: Customize the language set
Text IDContent
―――――――――――――――――――――――――――――――――――――――――――――――――――――――
misc_miscoptbar_separator
post_list_command_separator&nbsp;●&nbsp;


THIRD PARTY OPTIONAL ADDITION-none yet

Last edited by Pastor Rick, 11/6/2019, 1:33 am


---

Advertise Boards On TRDConceptsDE
6/15/2018, 5:02 am Link to post Email Pastor Rick   PM Pastor Rick Blog
 


Add a reply



You are not logged in (login)