Runboard.com
You're welcome.
Runboard Extra! The Runboard Directory Runboard Knowledge Base

Ugly blue checkboxes in Chrome since the last update? checkbox

See how to fix it here!

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: 10244
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

Image
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?: 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: #AA0000

Link Options
Link color: #000000
Link overlined: Image
Link line-through: Image
Link underlined: Image
Visited link color: #000000
Visited link overlined: Image
Visited link line-through: Image
Visited link underlined: Image
Hover link color: #AA0000
Hover link overlined: Image
Hover link line-through: Image
Hover link underlined: Image

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


---

Advertise Boards On TRDConceptsDE
9/24/2019, 10:43 pm Link to post Email Pastor Rick   PM Pastor Rick Blog
 


Add a reply



You are not logged in (login)