Pastor Rick
Moderator
Registered: 07-2005
Location: Texas
Posts: 10257
Karma: 272 (+331/-59)
|
Reply | Quote
|
|
Christian Cross (added September 24, 2019)
Special credits to James Long and Yuki for this design
by: Pastor Rick
Christian Cross
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
/* CHRISTIAN CROSS 2019 */
body, .locationboard, .locationforum, .locationtopic {
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
#wrapper {
position: relative;
width: 95%;
margin: 0 auto;
}
#header {
text-align: center;
height: 175px;
background: #FFFFFF;
}
.flex_container {
display: flex;
}
.flex_left {
min-width: 175px;
padding-bottom: 50px;
display: flex;
justify-content: center;
align-items: center;
border-right: 50px solid #0000FF;
}
/* SAMPLE BANNER BACKGROUND */
.flex_right {
background: #FFFFFF url(https://rbbt.net/skins/banners/ccross-sample-banner.png) top center;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
}
/* SAMPLE BANNER TEXT CODE */
#header h1 {
height: 175px;
text-align: center;
font-size: 33px;
font-weight: 700;
color: #000040;
}
/* END SAMPLE BANNER CODING */
#content, #footer {
margin-left: 175px;
border-left: 50px solid #0000FF;
}
#content:after {
content: '';
position: absolute;
width: 400px;
left: 0;
top: 125px;
border-top: 50px solid #0000FF;
}
#sidebar {
font-size: 16px;
font-weight: 700;
text-align: center;
width: 175px;
position: absolute;
top: 200px;
left: 0;
background: #FFFFFF;
}
#footer {
text-align: center;
background: #FFFFFF;
}
.box {
background: #D5F6FD;
border-style: solid;
border-top-width: 3px;
border-top-color: #6DF0FF;
border-left-color: #1583BB;
border-right-color: #1583BB;
border-bottom-width: 3px;
border-bottom-color: #015786;
margin: 5px;
padding: 2px;
font-size: 11.5px;
text-align: center;
}
.box h2 {
background-color: #015786;
color: #FFFFFF;
margin: 0;
font-size: 12px;
}
.box p {
margin: 1em auto;
}
.locationboard, .locationforum, .locationtopic {
line-height: 20px;
}
.ak_msg_master_table {
margin-top: -76px;
padding-left: 10px;
border: 0;
background: #FFFFFF;
}
/* MISC OPTIONS AND WHO'S ONLINE */
.ak_msg_topic_preview_div {
border-color: #000000;
}
span.postlist_link_to_post {
border: 0;
}
.ak_msg_post_master_table {
margin: 0 auto;
}
.miscoptbar, .forumlistwhosonline {
line-height: 15px;
font-size: 10.5px;
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
/* MOUSEOVER WHEN CSS TRICK ONE AND TWO ARE ACTIVE */
.ak_fl_forumrow_mouseover_off, .ak_tl_topicrow_mouseover_off {
padding: 5px;
border: 0;
background: #D5F6FD;
}
.ak_fl_forumrow_mouseover_on, .ak_tl_topicrow_mouseover_on {
padding: 5px;
background: #FAFDFE;
}
/* FORUM, TOPIC LIST, AND BOARD STATS TITLE BARS */
.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, .forumlistboardstatsheader {
background: #3399CC;
background-image: linear-gradient(to top, #3399DD 0%, #3399CC 65%, #3399DD 100%);
}
/* FORUM LIST */
.forum_list_table {
padding: 0;
border-style: solid;
border-top-width: 3px;
border-top-color: #6DF0FF;
border-left-color: #1583BB;
border-right-color: #1583BB;
border-bottom-width: 3px;
border-bottom-color: #015786;
}
.forumlistheader, .forumlistseparator {
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.forumlistforumname {
font-weight: 700;
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.forumlistnumtopics {
font-size: 11px;
font-weight: 700;
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.forumlistnumposts, .forumlistlastpost {
font-size: 11px;
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.forumlistdescription {
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: 10.5px;
line-height: 15px;
}
/* ADMINS AND MODS */
.forumlistadministrators, .forumlistmoderators {
font-size: 10.5px;
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
/* BOARD STATS TABLE */
.forumlistboardstatstable {
border-width: 3px;
border-style: solid;
border-top-color: #6DF0FF;
border-left-color: #1583BB;
border-right-color: #1583BB;
border-bottom-color: #015786;
}
.forumlistboardstatsheader {
border-color: #000000;
border-style: solid;
border-width: 0 0 1px 0;
font-weight: 700;
font-size: 12px;
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.forumlistboardstatstitle, .forumlistboardstatsdata {
background: #D5F6FD;
font-size: 10.5px;
font-family: Verdana, Geneva, Tahoma, sans-serif;
line-height: 15px;
border-style: none;
padding: 2.5px 5px;
}
/* TOPIC LIST */
.topic_list_table {
padding: 0;
border-style: solid;
border-top-width: 3px;
border-top-color: #6DF0FF;
border-left-color: #1583BB;
border-right-color: #1583BB;
border-bottom-width: 3px;
border-bottom-color: #015786;
}
span.topiclistheader, span.topiclistnewswitch, span.topiclistnonewswitch, .topiclisttopicname, span.topicliststartedby, span.topiclistreplies, span.topiclistviews {
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.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 {
text-align: center;
}
.topic_list_header_modbox_td {
width: 21px;
}
.topic_list_header_posticon_td {
width: 15px;
border-style: solid;
border-color: #0099ff;
border-width: 2px;
padding: 5px 0;
}
span.topiclistlastpost {
font-size: 12px;
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.topiclistlastpost a[href *="offset"] {
font: 20px arial;
text-shadow: #989898 1px 0 1px;
line-height: 10px;
}
/* POSTED MESSAGES */
.ak_msg_post_master_table {
margin-bottom: 5px;
border-style: solid;
border-top-width: 3px;
border-top-color: #6DF0FF;
border-left-color: #1583BB;
border-right-color: #1583BB;
border-bottom-width: 3px;
border-bottom-color: #015786;
}
.postlistpostblock {
background-image: linear-gradient(to bottom, #BEE1FF 1px, #BDE2FE 15px, #CBE6FD 18px, #B5D7F5 25px, #C4E6FD 30px, #F0F3F8 30px, #F3FAFF 100%);
border: solid;
border-color: #0099FF;
}
.postlistpostblock hr {
display: none;
}
/* POSTERS PROFILE PANEL */
span.postlistusername, span.postlistusertitle, span.postlistusertype, span.postlistregistered, span.postlistregisteredvalue, span.postlistlocation, span.postlistlocationvalue, span.postlistposts, span.postlistpostsvalue, span.postlist_karma, span.postlist_karma_value, span.postlistedit, span.postlistreply, span.postlistdelete, span.postlistquote {
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.ak_msg_post_table img {
padding: 3px 0;
}
.postlistuserblock {
background: #DDF1FF;
background-image: linear-gradient(to right, #DFF0FF 1px, #DAF1FF 100%);
white-space: nowrap;
vertical-align: top;
text-align: left;
border-width: 0 1px 0 0;
height: 100%;
width: min-content;
}
tbody>tr:nth-child(1)>td.postlistuserblock>table>tbody>tr:nth-child(1) td {
background: #EAF6FF;
background-image: linear-gradient(to top, #DFF0FF 1px, #F3FAFE 100%);
border-width: 1px !important;
border: 1px solid #FF6688;
padding: 5px;
}
tbody>tr:nth-child(1)>td.postlistuserblock>table>tbody>tr:nth-child(2)>td {
padding-top: 1em;
}
.user_popup {
background: #F7F8FA;
}
.user_popup a:hover {
background: #D4F5FD;
}
/* CLICK TO TOP/BOTTOM OF PAGE */
nav {
display: block;
width: auto;
margin-top: 0.5em;
padding-bottom: 0.3em;
text-align: center;
}
.arrows a:link, .arrows a:visited {
display: block;
margin-left: 50%;
margin-right: 50%;
width: 2.0em;
font-size: 17px;
font-weight: 700;
}
/* MESSAGE POSTED BLOCK PANEL */
span.postlistpostname, span.postlistpostbody {
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: 12.5px;
}
span.postlisteditedby, span.postlisteditedbyvalue {
font-size: 9px;
font-style: italic;
font-family: Verdana, Geneva, Tahoma, sans-serif;
color: #FF7777;
}
span.postlistquotedtext {
font-size: 12px;
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
/* DATE CONTACT AND SHARING BARS */
.postlistdate_td {
background: #DDF1FF;
background-image: linear-gradient(to right, #DFF0FF 1px, #DAF1FF 100%);
}
.postlistcontact {
background: #F0F6FB77;
}
.postlistdate_td, .postlistcontact {
line-height: 13px;
vertical-align: middle;
}
span.postlistdate, span.postlistsendpm, span.postlistsendicq, span.postlistsendaim, span.postlistsendmsn, span.postlistsendyahoo, span.postlistblog, span.postlist_karma_applaud, span.postlist_karma_smite, span.share_menu, span.postlist_link_to_post {
font-size: 10.5px;
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.share_hidden h4 {
background: #015786;
}
/* DEFINE POSTLIST LINK MARGIN SETTINGS */
span.postlist_link_to_post {
border: 0;
padding: 0;
padding-left: 5px;
margin-right: 5px;
}
span.postlistblog {
margin-right: 5px;
}
td.postlistcontact>span:nth-child(4), td.postlistcontact>span:nth-child(6), td.postlistcontact>span:nth-child(7), td.postlistcontact>span:nth-child(8), td.postlistcontact>span:nth-child(9), .postlist_karma_applaud {
margin-right: 5px;
}
span.postlistsendpm {
margin-right: -3px;
}
/* NEW TOPIC OR REPLY LINKS */
span.topiclistpostnewtopic, span.postlistaddareply {
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
/* BBCODES AND BUTTON STYLED LINKS */
.qcode_bar_but {
margin: 2px 0;
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.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, .qcode_bar_but, .ak_poll_table_button_cell input {
font-family: Verdana, Geneva, Tahoma, sans-serif;
border-radius: 5px;
border: 2px outset;
background-color: #FAFAFA;
cursor: pointer;
}
.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, .qcode_bar_but:hover, .ak_poll_table_button_cell input:hover {
font-family: Verdana, Geneva, Tahoma, sans-serif;
border: 2px inset;
background-color: #DDDDDD;
color: #AA0000;
cursor: pointer;
}
/* POSTING MESSAGES PANEL */
.ak_msgform_master_table {
background: #CFEEFD;
background-image: linear-gradient(to bottom, #BEE1FF, #C9E9FD, #CFEEFD, #D7F3FD, #E0F8FE);
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: 12.5px;
width: -moz-available;
width: -webkit-fill-available;
width: fill-available;
border-style: solid;
border-top-width: 3px;
border-top-color: #6DF0FF;
border-left-color: #1583BB;
border-right-color: #1583BB;
border-bottom-width: 3px;
border-bottom-color: #015786;
}
.ak_msgform_master_table tbody tr {
border: 1px solid;
}
.ak_msgform_subject_right_td input, .ak_msgform_message_right_td textarea, textarea {
font-size: 12px;
font-family: Verdana, Geneva, Tahoma, sans-serif;
width: 97%;
width: -moz-available;
width: -webkit-fill-available;
width: fill-available;
padding: 2px 0 2px 3px;
}
#ak_msg_editor_body {
font-size: 14px;
}
.ak_subject_posticon_table {
font-family: Verdana, Geneva, Tahoma, sans-serif;
margin-bottom: 3px;
border-top-width: 2px;
border-top-color: #808080;
border-left-width: 2px;
border-left-color: #808080;
}
.ak_subject_posticon_icons_td {
padding: 2px 0 1px 10px;
}
/* CLICKABLE SMILIES */
.msgform_clickable_smiley_box_h {
padding: 4px 3px;
font-family: Verdana, Geneva, Tahoma, sans-serif;
background: #CFEEFD;
background-image: linear-gradient(to bottom, #BEE1FF, #C9E9FD, #CFEEFD, #D7F3FD, #E0F8FE);
border: 1px solid;
border-top-width: 3px;
border-top-color: #6DF0FF;
border-left-color: #1583BB;
border-right-color: #1583BB;
border-bottom-width: 3px;
border-bottom-color: #015786;
}
.msgform_clickable_smiley_box_h td img {
padding: 3px;
font-family: Verdana, Geneva, Tahoma, sans-serif;
border: 0;
}
.msgform_clickable_smiley_box_b {
margin: 0 auto;
margin-top: 2px;
}
.msgform_clickable_smiley_box_b tbody {
border: .5px;
}
/* POLL CREATION SETTINGS */
.ak_msgform_poll_options_head_td {
font-family: Verdana, Geneva, Tahoma, sans-serif;
background-color: #3399D0;
border-left: 1px solid #EEEEEE;
padding: 3px 0;
}
.ak_msgform_poll_options_left_td, .ak_msgform_poll_options_right_td {
border-left: 0;
border-right: 0;
}
.ak_msgform_poll_options_left_td {
padding-left: 3px;
}
.ak_msgform_poll_options_right_td input {
font-family: Verdana, Geneva, Tahoma, sans-serif;
text-align: left;
padding-left: 3px;
width: 97%;
width: -moz-available;
/* WebKit-based browsers will ignore this. */
width: -webkit-fill-available;
/* Mozilla-based browsers will ignore this. */
width: fill-available;
border-color: #EBF7FF;
}
/* POLL DISPLAY SETTINGS */
.ak_poll_table {
border-style: solid;
border-top-width: 3px;
border-top-color: #6DF0FF;
border-left-color: #1583BB;
border-right-color: #1583BB;
border-bottom-width: 3px;
border-bottom-color: #015786;
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: 12px;
margin-bottom: 5px;
}
.ak_poll_table_header {
background: #43A1D6;
}
.ak_poll_table_viewres_cell {
background-color: #D5F6FD;
}
.ak_poll_table_option_rcell1, .ak_poll_table_option_rcell2 {
background-color: #EEEEEE;
}
.ak_poll_table_option_gback1 {
background-color: #0099FF;
}
.ak_poll_table_option_gback2 {
background-color: #000066;
}
.ak_poll_table_stats_cell {
font-size: 10.5px;
background-color: #D5F6FD;
}
/* MEMBERSHIP LIST */
.ak_msg_memberlist_abovelist_table {
display: block;
line-height: 20px;
text-align: center;
font-size: 15px;
font-weight: 700;
margin-top: -5px;
margin-bottom: 5px;
}
.ak_msg_memberlist_abovelist_table::after {
padding: 5px 10px;
content: "Our Message Board Communities Membership List";
}
.ak_msg_seememberlist_table {
background: #EEEEEE;
font-size: 12px;
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.ak_msg_seememberlist_table td {
border: 1px solid #3399D1;
text-align: center;
}
.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 {
background: #3399D1;
font-size: 12px;
font-family: Verdana, Geneva, Tahoma, sans-serif;
color: #000000;
text-align: center;
padding: 3px;
}
/* BOTTOM RB LINKS */
.msg_foot_linkbar {
font-size: 10.5px;
font-family: Verdana, Geneva, Tahoma, sans-serif;
text-align: center;
margin-top: 1em;
color: #AA0000;
}
.msg_foot_linkbar a {
font-family: Verdana, Geneva, Tahoma, sans-serif;
margin: 1em;
}
a[href$="linktous"]:after {
content: ' (Runboard)';
}
a[href$="blogs"]+a:after {
content: none;
}
.bottominfoline {
margin: 0 auto;
margin-top: .5em;
text-align: center;
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: 10.5px;
}
HTML HEADERcopy and paste the following HTML code into your Custom HTML header
<div id="wrapper">
<div id="header" class="flex_container">
<div class="flex_left">
<img alt="picture" src="https://rbbt.net/skins/PR/ntc/smilies/chrchfam.gif">
</div>
<div class="flex_right">
<h1>Your board name here</h1>
</div>
</div>
<div id="content">
HTML FOOTERcopy and paste the following HTML code into your Custom HTML footer
</div><!-- end content -->
<div id="sidebar"> Resources
<div class="box" id="box1">
<h2>First heading</h2>
<p>something here</p>
</div><!-- end box1 -->
<div class="box" id="box2">
<h2>Second heading</h2>
<p>something here</p>
</div><!-- end box2 -->
<div class="box" id="box3">
<h2>Third heading</h2>
<p>something here</p>
</div><!-- end box2 -->
</div><!-- end sidebar -->
<div id="footer">
<a href="https://bchristiancross.runboard.com">Forums List</a>
</div><!-- end footer -->
</div><!-- end wrapper -->
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: #AA0000
Link Options
Link color: #000000
Link overlined:
Link line-through:
Link underlined:
Visited link color: #000000
Visited link overlined:
Visited link line-through:
Visited link underlined:
Hover link color: #AA0000
Hover link overlined:
Hover link line-through:
Hover link underlined:
Forum List Layout Options
Forum list master table background color: #EEEEEE
Forum list master table border color: #0099FF
Forum list master table border width (pixels): 1
Forum list table background color: #0099FF
Forum list table background image:
Forum list table border color: #0099FF
Forum list table border width (pixels): 2
Forum list table header background color: #3399CC
Forum list table header background image:
Forum list table header border color: #0099FF
Forum list table header border width (pixels): 2
Forum list table header text color: #000000
Forum list table first alternate background color: #FFFFF6
Forum list table second alternate background color: #FFFFF6
Forum list table text color (optional): #000000
Forum list table description color: #AA0000
Forum list table separator background color: #015786
Forum list table separator background image:
Forum list table separator text color: #FFFFFF
Forum list master table width (percents): 100
Forum list table width (percents): 95
Topic List Layout Options
Topic list master table background color: #EEEEEE
Topic list master table border color: #0099FF
Topic list master table border width (pixels): 1
Topic list table background color: #0099FF
Topic list table background image:
Topic list table border color: #0099FF
Topic list table border width (pixels): 2
Topic list table header background color: #3399CC
Topic list table header background image:
Topic list table header border color: #0099FF
Topic list table header border width (pixels): 2
Topic list table header text color: #000000
Topic list table first alternate background color: #FFFFF6
Topic list table second alternate background color: #FFFFF6
Topic list table text color (optional): #000000
Topic list master table width (percents): 100
Topic list table width (percents): 95
Post List Layout Options
Post list master table background color: #EEEEEE
Post list master table border width (pixels): 1
Post list master table border color: #0099FF
Post list master table width (percents): 100
Post list table width (percents): 95
Post list table first alternate background color: #FFFFF6
Post list table second alternate background color: #FFFFF6
Post list table border color: #0099FF
Post list table border width (pixels): 2
CUSTOM LANGUAGE SET (CLS)(optional)find and change the following in your: Control Panel :: Board management :: Customize the language set
name Christian Cross 2019
post_list_lasteditedby edited by:
post_list_quote Quote<br /></span><nav><span class="arrows"><a href="#">ʌ</a> <a href="#down">v</a></span></nav>
misc_regacc %1 <a href="https://www.runboard.com/create_user">Create Account</a> <a href="https://bakheva.runboard.com/t8744">learn about it</a> %6 %7
post_list_karma_applaud Like
post_list_karma_smite Dislike
post_list_karma_display Esteem:
misc_support_link <a href="https://brunboardkb.runboard.com/">Support</a><br />
misc_miscoptbar_host_service_link <a href="%1">Runboard</a>
Last edited by Pastor Rick, 9/24/2019, 10:43 pm
|