Joshin Josh
Admin
Registered: 11-2004
Location: State of confusion
Posts: 952
Karma: 9 (+9/-0)
|
|
Reply | Quote
|
|
Hatch The Planet
Hatch The Planet v2
Custom CSS
copy and paste the following CSS code into your Custom CSS box
/* DEFINES BODY and COLOR FONT */
body {
background-color : #4a4a4a;
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/bodybg.gif);
background-attachment : fixed;
font-family : verdana, arial, tahoma;
font-size : 12px;
margin : 0 auto;
}
/* DEFINES STRUCTURE OF LAYOUT */
#shell {
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/shellbg.gif);
background-repeat : repeat-y;
background-position : center 0%;
background-color : #1f1f1f;
width : 835px;
margin : 0 auto;
}
.top {
margin : 0 auto;
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/top.gif);
width : 788px;
height : 24px;
border-bottom : 1px solid #000000;
}
.bot {
margin : 0 auto;
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/bot.gif);
width : 788px;
height : 24px;
border-top : 1px solid #000000;
}
#banbox {
margin : 0 auto;
width : 784px;
height : 75px;
background-image: url(http://rbbt.net/skins/joshin_josh/hatch/otherbg.gif);
border-left : 1px solid #000000;
border-right : 1px solid #000000;
color : #ff6633;
text-align : center;
font-weight : bold;
font-size : 25px;
line-height : 75px;
vertical-align : middle;
}
.backtotop{
text-align:center;
font-size:10px;
}
.backtotop a:link, .backtotop a:active {
color : #ff6633;
text-decoration : underline;
font-weight : bold;
}
.backtotop a:hover {
color : #ffffff;
text-decoration : underline;
font-weight : bold;
}
/* DEFINES SPACE BETWEEN POSTS */
table.ak_msg_postlist_betweenposts_table {
height : 15px;
display : block;
width : 788px;
}
table.ak_msg_postlist_betweenposts_table_td {
height : 15px;
display : block;
}
/* DEFINES BOXED PAGE NUMBERS */
span.pageindexvaluenow {
font-size : 13px;
font-weight : bold;
background-color : #1f1f1f;
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/otherbg.gif);
border : 1px inset #ff6633;
}
span.pageindexvalue {
font-weight : bold;
}
/* PREVENTS BORDERS ON IMAGE LINKS */
img {
border : 0;
}
/* DEFINES WIDTH AND COLOR OF TABLES */
.ak_msg_master_table {
border : 0;
width : 788px;
}
.forum_list_table {
width : 788px;
border : 0;
background-color : #1f1f1f;
}
.topic_list_table{
width : 788px;
border : 1px solid #1f1f1f;
background-color : #1f1f1f;
}
.ak_fl_forumrow_mouseover_on, .ak_tl_topicrow_mouseover_on {
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/otherbg.gif);
cursor : pointer;
}
.ak_fl_forumrow_mouseover_off, .ak_tl_topicrow_mouseover_off {
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/otherbg.gif);
cursor : pointer;
}
.ak_msg_post_master_table td {
border : 1px solid #000000;
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/otherbg.gif);
}
span.forumlistadministrators, span.forumlistmoderators {
background-color : #1f1f1f;
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/otherbg.gif);
border : 1px inset #000000;
padding : 5px;
width : 775px;
float : right;
font-weight : bold;
color : #ff6633;
}
/* DEFINES WHOS ONLINE BOARD STATS AND MISCOPTBAR TABLES */
.ak_miscoptbar_table a {
border : 1px inset #a5a5a5;
width : 8em;
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/sep.jpg);
padding : 4px;
}
.ak_miscoptbar_table a:hover {
border : 1px inset #ff6633;
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/hovsep.jpg);
color : #cccccc;
}
.forumlistwhosonlinetable {
width : 788px;
border : 1px inset #000000;
background-color : #4a4a4a;
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/otherbg.gif);
}
.forumlistwhosonlinetd {
padding : 6px;
font-size : 11px;
font-weight : bold;
}
.ak_fl_boardstats_master_table {
width : 788px;
}
.forumlistboardstatstable {
border : 0;
border-bottom : 1px solid #000000;
background : #1f1f1f;
}
.forumlistboardstatsdata {
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/otherbg.gif);
border : 0;
border-right : 1px solid #000000;
padding : 3px;
}
.forumlistboardstatsheader {
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/statsep.jpg);
background-repeat : no-repeat;
height : 24px;
vertical-align : middle;
border-bottom : 1px solid #000000;
text-align : center;
letter-spacing : 2px;
text-indent : 1em;
color : #ff6103;
}
.forumlistboardstatstitle {
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/bodybg.gif);
border : 1px solid #000000;
padding : 3px;
color : #ff6633;
font-weight : bold;
}
/* DEFINES SEPARATOR IMAGES */
.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 {
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/sep.jpg);
background-repeat : repeat-x;
height : 24px;
padding:0;
}
.forumlist_separator, .forumlist_separator_td {
height : 36px;
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/forumsep.gif);
background-repeat : repeat-x;
padding-bottom : 0;
text-align : left;
vertical-align : bottom;
}
/* DEFINES FONT SIZE AND COLORS FOR TOPIC FORUM AND POST LISTS */
hr {
display : none;
}
.postlistpostname {
display : block;
padding-left : 0.5em;
background: url(http://rbbt.net/skins/joshin_josh/hatch/sep.jpg) repeat-x;
line-height : 24px;
vertical-align : middle;
border : 1px solid #000000;
color : #ff6633;
}
.postlist_karma_applaud a:link, .postlist_karma_applaud a:visited {
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/sep.jpg);
background-repeat : repeat-x;
padding : 3px;
border : 1px solid #000000;
font-weight : bold;
}
.postlist_karma_applaud a:hover {
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/hovsep.jpg);
}
.postlist_karma_smite a:link, .postlist_karma_smite a:visited {
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/sep.jpg);
background-repeat : repeat-x;
padding : 3px;
border : 1px solid #000000;
font-weight : bold;
}
.postlist_karma_smite a:hover {
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/hovsep.jpg);
}
.topiclistpostnewtopic a, .postlistaddareply a {
padding : 5px 15px 5px 15px;
font-size : 11px;
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/sep.jpg);
background-repeat : repeat-x;
background-position : center 0%;
border : 1px inset #a5a5a5;
}
.topiclistpostnewtopic a:hover {
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/hovsep.jpg);
color : #ffffff;
border : 1px inset #ff6633;
}
.postlistaddareply a:hover {
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/hovsep.jpg);
color : #ffffff;
border : 1px inset #ff6633;
}
.postlistpostbody a:link, .postlistpostbody a:active {
color : #ff6633;
text-decoration : underline;
font-weight : bold;
}
.postlistpostbody a:hover {
color : #ffffff;
text-decoration : underline;
font-weight : bold;
}
.postlistusername a:link, .postlistusername a:active {
color : #ff6633;
text-decoration : none;
font-weight : bold;
}
.postlistusername a:hover {
color : #ffffff;
text-decoration : underline;
font-weight : bold;
}
blockquote {
border : 1px inset #ff6633;
background-color : #1f1f1f;
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/bodybg.gif);
}
blockquote hr {
display : none;
}
.postlistpostbody pre {
font-size : 11px;
overflow : scroll;
width : 500px;
border : 1px inset #ff6633;
}
.postlistsendicq a:link, .postlistsendicq a:visited {
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/sep.jpg);
background-repeat : repeat-x;
padding : 3px;
border : 1px solid #000000;
font-weight : bold;
}
.postlistsendicq a:hover {
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/hovsep.jpg);
}
.postlistsendaim a:link, .postlistsendaim a:visited {
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/sep.jpg);
background-repeat : repeat-x;
padding : 3px;
border : 1px solid #000000;
font-weight : bold;
}
.postlistsendaim a:hover {
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/hovsep.jpg);
}
.postlistsendmsn a:link, .postlistsendmsn a:visited {
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/sep.jpg);
background-repeat : repeat-x;
padding : 3px;
border : 1px solid #000000;
font-weight : bold;
}
.postlistsendmsn a:hover {
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/hovsep.jpg);
}
.postlistsendyahoo a:link, .postlistsendyahoo a:visited {
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/sep.jpg);
background-repeat : repeat-x;
padding : 3px;
border : 1px solid #000000;
font-weight : bold;
}
.postlistsendyahoo a:hover {
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/hovsep.jpg);
}
.postlistsendpm a:link, .postlistsendpm a:visited {
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/sep.jpg);
background-repeat : repeat-x;
padding : 3px;
border : 1px solid #000000;
font-weight : bold;
}
.postlistsendpm a:hover {
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/hovsep.jpg);
}
.postlistblog a:link, .postlistblog a:visited {
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/sep.jpg);
background-repeat : repeat-x;
padding : 3px;
border : 1px solid #000000;
font-weight : bold;
}
.postlistblog a:hover {
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/hovsep.jpg);
}
.postlistusername, .postlistposts, .postlistpostsvalue, .postlist_karma, .postlist_karma_value, .postlistusertype {
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/bodybg.gif);
border : 1px solid #000000;
padding : 2px;
line-height : 2em;
color : #ff6633;
font-weight : bold;
}
/* DEFINES COLORS AND IMAGES IN MESSAGE AREA */
.ak_msgform_master_table {
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/otherbg.gif);
border : 1px solid #000000;
}
.ak_msgform_master_table td {
border : 0;
}
.ak_msgform_master_table input {
border : 1px inset #ff6633;
}
.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 #000000;
height : 20px;
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/sep.jpg);
background-repeat : repeat-x;
color : #ffffff;
font-size : 11px;
}
.qcode_bar_but {
font-size : 11px;
border : 1px solid #000000;
color : #dedede;
height : 20px;
background-color : #525252;
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/sep.jpg);
background-repeat : repeat-x;
margin-top : 2px;
padding-left : 5px;
padding-right : 5px;
}
.ak_msgform_subject_right_td input, .ak_msgform_message_right_td textarea {
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/bodybg.gif);
border : 1px solid #000000;
color : #ffffff;
width : 340px;
font-size : 13px;
}
.ak_msgform_poll_options_table {
border : 1px inset #000000;
}
.ak_msgform_poll_options_right_td input {
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/bodybg.gif);
padding-top : 2px;
padding-bottom : 2px;
margin : 2px;
font-size : 11px;
color : #ffffff;
border : 1px solid #000000;
}
/* DEFINES POLL TABLE COLORS */
.ak_poll_table {
font-size : 11px;
text-align : center;
border : 1px inset #000000;
background-color : #4a4a4a;
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/otherbg.gif);
margin-bottom : 15px;
}
.ak_poll_table_header {
height : 22px;
padding : 0 25px 0 25px;
font-size : 11px;
}
.ak_poll_table_header br {
display : none;
}
.ak_poll_table_header a {
padding-left : 11px;
}
.ak_poll_table_button_cell input {
background-color : #1f1f1f;
border : 1px inset #000000;
height : 24px;
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/sep.jpg);
background-repeat : repeat-x;
color : #ffffff;
}
.ak_poll_table td {
border : 0;
}
.ak_poll_table_option_rcell1 input, .ak_poll_table_option_rcell2 input {
border : 1px inset #000000;
}
.ak_poll_table_viewres_cell {
font-weight : bold;
font-size : 11px;
}
.ak_poll_table_option_gback1 {
background-color : #a5a5a5;
}
.ak_poll_table_option_gback2 {
background-color : #a5a5a5;
}
.ak_poll_table_header {
color : #ff6633;
border : 1px inset #000000;
height : 24px;
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/sep.jpg);
background-repeat : repeat-x;
}
.ak_msgform_poll_options_head_td {
color : #ff6633;
}
/* DEFINES MEMBER LIST COLORS AND SIZE */
.ak_msg_seememberlist_table td {
border : 1px solid #000000;
}
.ak_msg_seememberlist_table {
font-size : 11px;
width : 100%;
}
.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 #000000;
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/bodybg.gif);
}
.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 #000000;
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/otherbg.gif);
}
.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 : url(http://rbbt.net/skins/joshin_josh/hatch/top.gif) center 0%;
padding : 0 5px;
line-height : 12px;
border : 0;
}
/* DEFINES POST ICONS AND SMILEY COLORS */
.ak_subject_posticon_table {
text-align : center;
color : #ffffff;
font-size : 11px;
border : 1px solid #000000;
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/bodybg.gif);
margin-bottom : 5px;
}
.ak_subject_posticon_head_td {
text-align : center;
font-size : 11px;
}
.msgform_clickable_smiley_box_h {
padding-left : 11px;
padding-right : 10px;
font-size : 11px;
border : 1px solid #000000;
background-image : url(http://rbbt.net/skins/joshin_josh/hatch/otherbg.gif);
color : #ffffff;
line-height : 23px;
}
.msgform_clickable_smiley_box_b {
margin-top : 8px;
text-align : center;
}
.msgform_clickable_smiley_box_b, .msgform_clickable_smiley_box_b_td, .msgform_clickable_smiley_box_b td {
border : 0;
}
Custom HTML header
copy and paste the following HMTL code into your Custom HTML header
<div id="shell">
<div class="top"> </div>
<div id="banbox">Board Name or Logo</div>
<div class="bot"> </div>
Custom HTML Footer
copy and paste the following HMTL code into your Custom HTML Footer
<div class="backtotop"><a href="#">Back to top</a></div>
<br />
</div>
Customize colors and layout settings
copy and paste the following into the correct tab in your customize color section.
Miscellaneous options
Use extra CSS options?:checked
Use CSS trick 1?:checked
Use CSS trick 2?:checked
Background color:#4a4a4a
Background color transparent:leave blank
Background image (optional):leave blank
Background image tile X:leave blank
Background image tile Y:leave blank
Text color :#FCFCFC
Bottom info line color:#FCFCFC
Link Options
Link color :#FFFFFF
Link overlined : unchecked
Link line-through :unchecked
Link underlined :unchecked
Visited link color :#FFFFFF
Visited link overlined :unchecked
Visited link line-through :unchecked
Visited link underlined :unchecked
Hover link color :#FF6633
Hover link overlined :unchecked
Hover link line-through :unchecked
Hover link underlined :unchecked
Forum List Layout Options
Forum list master table background color :leave blank
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:leave blank
Forum list table border color :#000000
Forum list table border width (pixels):0
Forum list table header background color :leave blank
Forum list table header background image:leave blank
Forum list table header border color :#000000
Forum list table header border width (pixels):0
Forum list table header text color :#FF6633
Forum list table first alternate background color :#4A4A4A
Forum list table second alternate background color :#4A4A4A
Forum list table text color (optional) :#cccccc
Forum list table description color :#cccccc
Forum list table separator background color :leave blank
Forum list table separator background image:leave blank
Forum list table separator text color :#FF6633
Forum list master table width (percents):100
Forum list table width (percents):100
Topic List Layout Options
Topic list master table background color :leave blank
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:leave blank
Topic list table border color :#000000
Topic list table border width (pixels):0
Topic list table header background color :#000000
Topic list table header background image:leave blank
Topic list table header border color :#000000
Topic list table header border width (pixels):0
Topic list table header text color :#FF6633
Topic list table first alternate background color :#4a4a4a
Topic list table second alternate background color :#4a4a4a
Topic list table text color (optional) :#cccccc
Topic list master table width (percents) :100
Topic list table width (percents) :100
Post List Layout Options
Post list master table background color :leave blank
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 :#4a4a4a
Post list table second alternate background color :#4a4a4a
Post list table border color :#000000
Post list table border width (pixels):0
Customize the language set
copy and paste the following into the correct tab in your custom language section.
forum_list_newtext: <img src="http://rbbt.net/skins/joshin_josh/hatch/new.gif">
topic_list_newtext: <img src="http://rbbt.net/skins/joshin_josh/hatch/new.gif">
forum_list_nonewtext: <img src="http://rbbt.net/skins/joshin_josh/hatch/nonew.gif">
topic_list_nonewtext: <img src="http://rbbt.net/skins/joshin_josh/hatch/nonew.gif">
If you need help with this skin, please ask your questions Here.
Last edited by Joshin Josh, 11/18/2008, 11:06 pm
|
