Pastor Rick
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
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: progidXImageTransform.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?:
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: #013148
Link overlined:
Link line-through:
Link underlined:
Visited link color: #013148
Visited link overlined:
Visited link line-through:
Visited link underlined:
Hover link color: #93486C
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:
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 ID | Content | ――――――――――――――――――――――――― | ―――――――――――――――――――――――――――――― | misc_miscoptbar_separator | ● | post_list_command_separator | ● |
THIRD PARTY OPTIONAL ADDITION-none yet
Last edited by Pastor Rick, 11/6/2019, 1:33 am
|