Pastor Rick
Moderator
Registered: 07-2005
Location: Texas
Posts: 10257
Karma: 272 (+331/-59)
|
Reply | Quote
|
|
Harley-Davidson Theme [Skin] (updated June 7, 2020)
Special Thanks to Motorcycle Enthusiasts Everywhere
by: Joshin Josh (updates by Pastor Rick)
Harley-Davidson Theme
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
/* HARLEY-DAVIDSON THEME 2020 */
/* DEFINES BODY-COLOR BACKGROUND IMAGE FONT AND POSITION */
body {
margin-top: 6px;
margin-bottom: 6px;
background-color: #000000;
background-image: url(https://rbbt.net/skins/joshin_josh/harley/bgimage.gif);
}
/* DEFINES TOP MIDDLE AND BOTTOM */
.bghead {
background-image: url(https://rbbt.net/skins/joshin_josh/harley/top.gif);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
width: 960px;
height: 40px;
margin: 0 auto;
}
.bgmid {
background-image: url(https://rbbt.net/skins/joshin_josh/harley/mid.gif);
background-repeat: repeat-y;
background-position: center;
background-size: contain;
border-left: 4px solid #303030;
border-right: 1px solid #303030;
width: 953px;
margin: 0 auto;
}
.bgfoot {
background-image: url(https://rbbt.net/skins/joshin_josh/harley/bot.gif);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-bottom-left-radius: 25px;
border-bottom-right-radius: 25px;
width: 960px;
height: 40px;
margin: 0 auto;
}
/* CENTERS BANNER AND BACT TO TOP IMAGE*/
.banbox {
display: inline-block;
width: 923px;
height: 164px;
margin: 10px 15px;
background: url(https://rbbt.net/skins/joshin_josh/harley/sampleban.jpg);
background-size: cover;
}
.banbox h1 {
padding-top: 41px;
padding-left: 25px;
text-shadow: -2px -2px 0 #222222, 2px -2px 0 #222222, -2px 2px 0 #222222, 2px 2px 0 #222222;
font-weight: 700;
text-align: left;
}
.banbox h1 a {
color: #FF7A21;
text-decoration: none;
}
.banbox h1 a:hover {
color: #D6BEA6;
}
.backtotop {
text-align: center;
padding-top: 8px;
}
/* SETTING BOARD FONT FAMILY */
body, .miscoptbar, .bottominfoline, .locationboard, .locationforum, .locationtopic, .forumlistheader, .forumlistnewswitch, .forumlistnonewswitch, .forumlistforumname, .forumlistseparator, .forumlistdescription, .forumlistnumtopics, .forumlistnumposts, .forumlistadministrators, .forumlistmoderators, .forumlistlastpost, .forumlistwhosonline, .forumlistwhosonlinetable, .forumlistboardstatsheader, .forumlistboardstatstitle, .forumlistboardstatsdata, .ak_fl_forummods, span.topiclistheader, span.topiclistnewswitch, span.topiclistnonewswitch, .topiclisttopicname, span.topiclisttopicclosed, span.topiclisttopicsticky, span.topiclisttopichidden, span.topicliststartedby, span.topiclistreplies, span.topiclistviews, span.topiclistlastpost, span.topiclistpostnewtopic, span.pageindex, span.pageindexvalue, span.pageindexvaluenow, span.postlistusername, span.postlistusertitle, span.postlistusertype, span.postlistusertier, 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, span.postlistquotedtext, span.postlistdate, span.postlistpostname, span.postlistpostbody, span.postlisteditedby, span.postlisteditedbyvalue, span.postlistaddareply, 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, .qcode_bar_but, .msgform_clickable_smiley_box_h, .ak_msgform_master_table, .ak_msgform_topic_posted_table, .ak_msgform_reply_added_table, .ak_msgform_post_edited_table, .ak_poll_table, .ak_subject_posticon_table, .ak_msg_seememberlist_table, .ak_msg_seememberlist_showing, .ak_msg_simplesearch_main_table, .ak_keyword_warning, .ak_description_warning, .ak_keyword_warning input, .ak_description_warning input, .ak_msgform_subject_right_td input, .ak_msgform_message_right_td textarea, .ak_msgform_poll_options_right_td input {
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
/* PREVENTS BORDERS ON IMAGE LINKS */
img {
border: 0;
}
/* DEFINE TABLES */
.ak_msg_master_table {
border: none;
width: 923px;
font-size: 11.5px;
}
.forum_list_table, .topic_list_table, .ak_msg_post_master_table {
width: 923px;
border-style: solid;
border: 1px solid #ff6600;
border-bottom: 3px solid #ff6600;
background-color: #000000;
}
.miscoptbar {
font-size: 10.5px;
padding-left: 5px;
}
/* DEFINE BOARD STATS, STAFF, AND WHOS ONLINE MISCOPTBAR TABLES */
.forumlistboardstatstable, .forumlistwhosonlinetable, .ak_miscoptbar_table {
width: 100%;
border: 1px solid #ff6600;
border-bottom: 3px solid #ff6600;
background-color: #313131;
}
.forumlistwhosonlinetd {
padding: 6px;
}
.forumlistwhosonline {
font-size: 10.5px;
}
.forumlistadministrators, .forumlistmoderators {
font-size: 10.5px;
}
/* DEFINES SEPARATOR COLORS */
.ak_msgform_poll_options_head_td, .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, .ak_poll_table_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, .forumlistboardstatsheader, .forumlist_separator_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, .msgform_clickable_smiley_box_h, .ak_subject_posticon_head_td {
font-size: 11.5px;
background: url(https://rbbt.net/skins/joshin_josh/harley/sep.gif);
background-repeat: repeat-x;
background-size: auto 25px;
border-bottom: 3px solid #000000;
height: 18px;
color: #bbbbbb;
}
/* DEFINES FONT SIZE AND COLORS FOR TOPIC FORUM AND POST LISTS */
span.locationboard, span.locationforum, span.locationtopic {
font-size: 13.5px;
}
.forumlistforumname, .topiclisttopicname {
color: #bbbbbb;
font-size: 12.5px;
}
span.forumlistnumtopics, span.forumlistnumposts {
font-size: 11.5px;
}
span.forumlistlastpost {
font-size: 11px;
}
span.topiclistnewswitch, span.forumlistnewswitch {
color: #bbbbbb;
font-size: 11px;
}
.forumlistboardstatsheader {
font-size: 11.5px;
line-height: 18px;
background-size: contain;
border-bottom: 7px solid #000000;
color: #bbbbbb;
padding-left: 10px;
}
.forumlistboardstatstitle, .forumlistboardstatsdata {
font-size: 10.5px;
line-height: 11px;
padding-left: 10px;
}
span.forumlistheader, span.topiclistheader, span.forumlistseparator, span.topiclisttopicname, span.topiclistreplies, span.topiclistviews, span.topicliststartedby {
color: #bbbbbb;
font-size: 12px;
}
.topic_list_header_modbox_td {
text-align: center;
}
span.topiclistlastpost {
font-size: 11px;
}
span.forumlistdescription {
color: #bbbbbb;
font-size: 10.5px
}
.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 {
padding: 0 5px;
height: 30px;
}
span.topiclisttopicclosed, span.topiclisttopicsticky, span.topiclisttopichidden {
font-size: 10px;
}
.ak_msg_post_master_table {
font-size: 10.5px;
border-bottom-width: 4px;
margin-bottom: 5px;
}
.ak_msg_post_master_table td {
border: 1px solid #000000;
}
.ak_msg_post_table {
padding-left: 3px;
}
span.postlistusername a, span.postlistpostname {
color: #ff6600;
font-size: 11.5px;
}
span.postlistusertitle font {
color: #ff6600;
}
.postlistuserblock img {
padding-top: 5px;
padding-bottom: 10px;
}
.postlistdate_td {
line-height: 16px;
border-width: 0 1px 0 0;
padding-left: 10px;
}
blockquote {
border: 1px inset #ff6600;
background-color: #000000;
font-size: 11px;
color: #bbbbbb;
padding: 5px;
}
blockquote hr {
display: none;
}
hr {
height: 0;
width: 100%;
border: 0;
border-bottom: 1px solid #ff6600;
}
.postlistpostbody pre {
font-size: 11.5px;
overflow: scroll;
width: -moz-available;
/* WebKit-based browsers will ignore this. */
width: -webkit-fill-available;
/* Mozilla-based browsers will ignore this. */
width: fill-available;
border: 1px solid #000000;
}
span.postlistpostbody>pre>b>font {
font-size: 11.5px;
}
.ak_tl_empty_forum {
padding-bottom: 10px;
line-height: 30px;
font-size: 12px;
font-weight: 700;
vertical-align: middle;
}
.postlistcontact {
line-height: 16px;
border-width: 0;
}
/* MOUSEOVER SETTINGS */
.ak_fl_forumrow_mouseover_on, .ak_tl_topicrow_mouseover_on {
background: #282828;
padding: 3px 0 5px 5px;
border-width: 0;
}
.ak_fl_forumrow_mouseover_off, .ak_tl_topicrow_mouseover_off {
padding: 3px 0 5px 5px;
border-width: 0;
}
/* DEFINES ADD TOPIC AND ADD REPLY BUTTONS */
.topiclistpostnewtopic a, .postlistaddareply a {
padding: 7px 15px;
font-size: 13.5px;
background-image: linear-gradient(to bottom, #555555, #444444, #3d3d3d, #373737, #313131, #313131, #313131, #313131, #373737, #3d3d3d, #444444, #555555);
border: 1px solid #ff6600;
border-radius: 8px;
}
.topiclistpostnewtopic a {
padding: 7px 5px;
}
/* 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;
}
/* DEFINES COLORS AND IMAGES IN MESSAGE AREA */
.ak_msgform_master_table {
background-color: #313131;
border: 0;
font-size: 11.5px;
width: -moz-available;
/* WebKit-based browsers will ignore this. */
width: -webkit-fill-available;
/* Mozilla-based browsers will ignore this. */
width: fill-available;
}
.ak_msgform_master_table td {
border: 1px solid #ff6600;
}
.ak_msgform_master_table input {
border: 1px solid #ff6600;
}
.ak_msgform_message_right_td {
background-image: radial-gradient(circle, #312119, #714122, #312119, #824b27, #714122, #312119, #602714, #312119, #714122, #824b27, #312119, #714122, #312119);
}
.ak_msgform_subject_right_td input, .ak_msgform_message_right_td textarea, textarea {
background-color: #000000;
border: 1px solid #ff6600;
color: #bbbbbb;
font-size: 12.5px;
width: 97%;
width: -moz-available;
/* WebKit-based browsers will ignore this. */
width: -webkit-fill-available;
/* Mozilla-based browsers will ignore this. */
width: fill-available;
padding: 2px 0 2px 3px;
}
.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 {
height: 22px;
background-image: url(https://rbbt.net/skins/joshin_josh/harley/sep.gif);
background-repeat: repeat-x;
color: #bbbbbb;
font-size: 12.5px;
cursor: pointer;
}
.qcode_bar_but {
font-size: 11.5px;
color: #bbbbbb;
height: 22px;
background-color: #000000;
background-image: url(https://rbbt.net/skins/joshin_josh/harley/sep.gif);
background-repeat: repeat-x;
margin: 3px 5px 3px 0;
padding-left: 5px;
padding-right: 5px;
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 {
color: #ff6600;
}
/* POLL OPTIONS TABLE */
.ak_msgform_poll_options_table {
border: 1px solid #ff6600;
}
.ak_msgform_poll_options_head_td {
background-color: #000;
height: 25px;
padding-bottom: 5px;
}
.ak_msgform_poll_options_left_td {
border-right-color: #000000;
border-top-color: #ff6600;
padding: 5px;
}
.ak_msgform_poll_options_right_td {
padding: 5px;
}
.ak_msgform_poll_options_right_td input {
background-color: #313131;
padding-top: 2px;
padding-bottom: 2px;
margin: 2px;
font-size: 11.5px;
color: #bbbbbb;
width: 97%;
width: -moz-available;
/* WebKit-based browsers will ignore this. */
width: -webkit-fill-available;
/* Mozilla-based browsers will ignore this. */
width: fill-available;
padding-left: 3px;
border: 1px solid #ff6600;
}
/* DEFINES POLL TABLE COLORS */
.ak_poll_table {
font-size: 11px;
text-align: center;
border: 1px solid #ff6600;
background-color: #313131;
margin-bottom: 15px;
}
.ak_poll_table_header {
background-color: #000000;
height: 22px;
line-height: 25px;
padding: 0 25px 5px 25px;
font-size: 11.5px;
}
.ak_poll_table_header br {
display: none;
}
.ak_poll_table_header a {
padding-left: 10px;
}
table.ak_poll_table>tbody>tr:nth-child(6)>td {
background: #2d2d2d;
border-top: 1px solid #ff6600;
}
table.ak_poll_table>tbody>tr:nth-child(7)>td {
border-top: 5px solid #000000;
border-bottom: 2px solid #ff6600;
}
.ak_poll_table_button_cell input {
border: 1px solid #ff6600;
height: 22px;
background-color: #313131;
background-image: url(https://rbbt.net/skins/joshin_josh/harley/sep.gif);
background-repeat: repeat-x;
color: #bbbbbb;
font-size: 11.5px;
cursor: pointer;
}
.ak_poll_table_button_cell input:hover {
color: #ff6600;
}
.ak_poll_table td {
border-width: 0;
}
.ak_poll_table_option_rcell1 input, .ak_poll_table_option_rcell2 input {
border: 0;
}
.ak_poll_table_viewres_cell {
font-weight: 700;
font-size: 11.5px;
}
.ak_poll_table_option_gback1 {
background-color: #ff6600;
}
.ak_poll_table_option_gback2 {
background-color: #ff6600;
}
table.ak_poll_table>tbody>tr:nth-child(5)>td {
background: #3e3e3e;
border-top: 1px solid #000000;
border-bottom: 2px solid #ff6600;
Font-size: 11.5px;
}
/* DEFINES MEMBER LIST COLORS AND SIZE */
.ak_msg_seememberlist_table td {
border: 1px solid #000000;
background-color: #313131;
}
.ak_msg_seememberlist_table {
border: 1px solid #ff6600;
border-bottom: 2px solid #ff6600;
background-color: #313131;
outline: 1px solid #ff6600;
font-size: 11.5px;
width: 100%;
}
.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 {
color: #bbbbbb;
font-size: 11.5px;
padding: 3px;
text-align: center;
}
td.ak_msg_seememberlist_head_user_td, td.ak_msg_seememberlist_head_date_td, td.ak_msg_seememberlist_head_im_td, td.ak_msg_seememberlist_head_pm_td, td.ak_msg_seememberlist_head_email_td {
border-bottom: 5px solid #000000;
background-size: auto 25px;
}
/* DEFINES POST ICONS COLORS */
.ak_subject_posticon_table {
padding: 0;
text-align: center;
color: #bbbbbb;
font-size: 11.5px;
border: 0;
background-color: #131313;
margin-bottom: 5px;
width: 350px;
}
.ak_subject_posticon_head_td {
line-height: 25px;
background-size: auto 25px;
padding-bottom: 7px;
text-align: center;
font-size: 11.5px;
color: #bbbbbb;
}
.ak_subject_posticon_icons_td {
padding: 2px 0 1px 10px;
}
/* CLICKABLE SMILIES */
.msgform_clickable_smiley_box_h {
background-color: #131313;
padding: 4px 3px;
border: 1px solid #ff6600;
}
div.bgmid>center>table>tbody>tr>td>center>table>tbody>tr:nth-child(1)>td:nth-child(2)>table>tbody>tr:nth-child(1)>td {
padding-left: 5px;
padding-right: 5px;
text-align: center;
line-height: 20px;
}
.msgform_clickable_smiley_box_h td img {
padding: 3px;
border: 0;
}
.msgform_clickable_smiley_box_b {
border-color: #ff6600;
margin: 0 auto;
margin-top: 2px;
}
.msgform_clickable_smiley_box_b tbody {
border: .5px solid #ff6600;
}
div.bgmid>center>table>tbody>tr>td>center>table>tbody>tr:nth-child(1)>td:nth-child(2)>table>tbody>tr:nth-child(2)>td {
padding-top: 7px;
}
.ak_msg_postlist_betweenposts_table {
height: 2px;
display: block;
}
/* DEFINES SPACE BETWEEN POSTS */
.ak_msg_postlist_betweenposts_table_td {
height: 2px;
display: block;
}
/* DEFINES BOXED PAGE NUMBERS */
span.pageindexvaluenow {
background-color: #313131;
border: 1px solid #ff6600;
font-size: 13px;
padding: 3px;
}
/* BOTTOM RB LINKS */
.msg_foot_linkbar {
font-size: 10.5px;
}
.msg_foot_linkbar a {
margin: 1em;
}
a[href$="linktous"]::after {
content: ' (Runboard)';
}
a[href$="blogs"]+a::after {
content: none;
}
div.msg_foot_linkbar>a:nth-child(6)::after {
content: ' Community';
}
.bottominfoline {
margin: 0 auto;
margin-top: .5em;
text-align: center;
font-size: 10.5px;
}
HTML HEADERcopy and paste the following HTML code into your Custom HTML header
<div class="bghead"></div>
<div class="bgmid">
<!-- START OF SAMPLE BANNER -->
<div class="banbox">
<h1><a href=https://bharleydavidsontheme.runboard.com>A Ticket to Ride!</a></h1></div>
<!-- END OF SAMPLE BANNER -->
HTML FOOTERcopy and paste the following HTML code into your Custom HTML footer
</div>
<div class="bgfoot">
<div class="backtotop">
<a href="#"><img src="https://rbbt.net/skins/joshin_josh/harley/up.gif" alt="back to Top" height="18px" width="105px" style="
border: 3px solid #b74f03;
border-radius: 7px;
"></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: #FF6600
Background color transparent:
Background image (optional):
Background image tile X:
Background image tile Y:
Text color: #BBBBBB
Bottom info line color: #BBBBBB
Link Options
Link color: #FF6600
Link overlined:
Link line-through:
Link underlined:
Visited link color: #FF6600
Visited link overlined:
Visited link line-through:
Visited link underlined:
Hover link color: #BBBBBB
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: #000000
Forum list master table border width (pixels): 0
Forum list table background color: #000000
Forum list table background image:
Forum list table border color: #FF6600
Forum list table border width (pixels): 0
Forum list table header background color:
Forum list table header background image:
Forum list table header border color: #000000
Forum list table header border width (pixels): 0
Forum list table header text color: #BBBBBB
Forum list table first alternate background color: #313131
Forum list table second alternate background color: #313131
Forum list table text color (optional): #BBBBBB
Forum list table description color: #BBBBBB
Forum list table separator background color:
Forum list table separator background image:
Forum list table separator text color: #BBBBBB
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: #000000
Topic list master table border width (pixels): 0
Topic list table background color: #000000
Topic list table background image:
Topic list table border color: #000000
Topic list table border width (pixels): 0
Topic list table header background color:
Topic list table header background image:
Topic list table header border color: #000000
Topic list table header border width (pixels): 0
Topic list table header text color: #BBBBBB
Topic list table first alternate background color: #313131
Topic list table second alternate background color: #313131
Topic list table text color (optional): #BBBBBB
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: #000000
Post list master table width (percents): 100
Post list table width (percents): 100
Post list table first alternate background color: #313131
Post list table second alternate background color: #313131
Post list table border color: #000000
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
name Harley-Davidson 2020
forum_list_head_lastpost Latest Post
boardstats_board_statistics Community Board Statistics
topic_list_head_lastpost Latest Post
topic_list_moderate_sticky Pin
topic_list_moderate_unsticky Unpin
post_list_blog Member's Blog
msgform_autoconvert_http Automatically convert https:// links?
misc_regacc %1 <a href="https://runboard.com/create_user">Create Account</a> <a href="https://bakheva.runboard.com/t8744">learn about it</a> %6 %7
misc_regacc_learn (blank this entry out)
misc_sticky_topic pinned
misc_sticky Pin
boardstats_board_founded_on Community founded on:
misc_support_link <a href="https://brunboardkb.runboard.com/">Support</a><br />
misc_miscoptbar_host_service_link <a href="%1">Runboard</a>
|