Joshin Josh
Admin
Registered: 11-2004
Location: State of confusion
Posts: 952
Karma: 9 (+9/-0)
|
|
Reply | Quote
|
|
Old Pandemonium V.2
Old Pandemonium v.2
Custom CSS
copy and paste the following CSS code into your Custom CSS box
/* DEFINES BODY COLOR FONT AND POSITION */
body {
background-color : #171717;
margin : 0;
font-family : verdana, arial, sans-serif;
}
/* DEFINES STRUCTURE OF LAYOUT */
#offset {
margin-left : -165px;
width : 100%;
float : right;
}
#container {
margin-left : 165px;
}
#nav {
width : 165px;
float : left;
margin : 0;
}
#footer {
clear : both;
text-align : center;
padding : 2px;
margin-bottom:0.5em;
}
.header {
padding : 2px;
}
#header {
background-color : #171717;
background-image : url(http://rbbt.net/skins/joshin_josh/OPv2/header.gif);
background-repeat:repeat-x;
border : 1px solid #4b4b4b;
height : 102px;
margin : 1px;
text-align:center;
margin-bottom:0.5em;
}
.header {
height : 100px;
background-image : url(http://rbbt.net/skins/joshin_josh/OPv2/header.gif) ;
background-position:center 0%;
text-align:center;
}
.nav {
background-color : #454545;
border: 1px solid #4b4b4b;
}
.container {
margin : 1px;
background-color : #171717;
border:0;
font-size : 12px;
}
.footer {
font-size : 12px;
}
#nav ul {
width : 158px;
padding : 0;
border : 1px solid #4b4b4b;
border-top : 0;
margin : 0;
background-color : #454545;
}
#nav ul li {
list-style : none;
margin : 0;
border : 0;
border-top : 1px solid #4b4b4b;
}
#nav ul li a {
display : block;
width : 122px;
padding : 4px 8px;
border : 0;
border-left : 20px solid #2e2e2e;
background-color : #454545;
text-decoration : none;
text-align : center;
font-weight:bold;
}
#nav ul li a:link {
color : #cccccc;
text-decoration : none;
}
#nav ul li a:visited {
color : #cccccc;
text-decoration : none;
}
#nav ul li a:hover {
text-decoration : none;
border-color : #4f94cd;
color : #4f94cd;
background-color : #2e2e2e;
}
.navlist {
text-align : center;
font-size : 10px;
background-color : #2e2e2e;
margin-bottom:1.5em;
}
.navlist h2 {
border : 1px solid #171717;
font-size : 14px;
margin : 1px;
background-color : #2e2e2e;
background-image : url(http://rbbt.net/skins/joshin_josh/OPv2/sep.jpg);
background-repeat : repeat-x;
text-align : center;
}
.navlist h2 {
height : 25px;
}
/* DEFINES WIDTH AND COLOR OF TABLES */
.ak_msg_master_table {
border : 0;
width : 100%;
font-size : 10px;
color : #cccccc;
text-align : center;
}
.forum_list_table, .topic_list_table {
width : 100%;
}
/* PREVENTS BORDERS ON IMAGE LINKS */
img {
border : 0;
}
/* DEFINES BACK TO TOP LINK AND HOVER */
.backtotop {
border : 1px solid;
border-color : #4b4b4b #000000 #000000 #4b4b4b;
width : 8em;
font-size:10px;
background-color : #2e2e2e;
padding : 4px;
line-height:1.75em;
}
a.backtotop:link, a.backtotop:visited { font-size:10px;
background-color : #2e2e2e;}
a.backtotop:hover {border-color : #171717 #4b4b4b #4b4b4b #171717;
background-color : #454545;}
/* DEFINES BOXED PAGE NUMBERS */
span.pageindexvaluenow {
font-size : 13px;
font-weight : bold;
background-color : #2e2e2e;
border:1px solid #4f94cd;
}
/* DEFINES SPACE BETWEEN POSTS */
.ak_msg_postlist_betweenposts_table {
height : 2px;
display : block;
}
.ak_msg_postlist_betweenposts_table_td {
height : 2px;
display : block;
}
/* DEFINES SINGLE SEP IMAGES */
.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, .forumlistboardstatsheader, .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 : 10px;
height : 25px;
background-image : url(http://rbbt.net/skins/joshin_josh/OPv2/sep.jpg);
background-repeat : repeat-x;
padding-top : 0;
padding-bottom : 0;
}
.forum_list_header_forum_td, .forum_list_header_topics_td, .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 {
font-size : 10px;
height : 25px;
background-image : url(http://rbbt.net/skins/joshin_josh/OPv2/sep.jpg);
background-repeat : repeat-x;
padding-top : 0;
padding-bottom : 0;
}
/* DEFINES DOUBLE SEP IMAGES */
.forumlist_separator, .forumlist_separator_td {
font-size : 10px;
height : 75px;
background-image : url(http://rbbt.net/skins/joshin_josh/OPv2/doublesep.gif);
background-repeat : repeat-x;
padding-top : 0;
padding-bottom : 0;
text-align : left;
vertical-align : bottom;
}
/* DEFINES WHOS ONLINE AND STATS BOXES */
.forumlistwhosonlinetd {
padding : 6px;
font-size : 11px;
font-weight : bold;
}
.forumlistboardstatstable, .forumlistwhosonlinetable {
width : 100%;
border:1px solid #454545;
background-color : #2e2e2e;
}
.ak_fl_boardstats_master_table {
width : 100%;
}
.forumlistboardstatstable {
width : 100%;
border:1px solid #454545;
}
.forumlistboardstatsdata {
background-color : #2e2e2e;
border: 0;
font-size : 10px;
color : #cccccc;
padding : 3px;
}
.forumlistboardstatsheader {
background-image : url(http://rbbt.net/skins/joshin_josh/OPv2/sep.jpg);
width : 100%;
border: 0;
}
.forumlistboardstatstitle {
background-color : #454545;
border:1px solid #171717;
font-size : 10px;
color : #cccccc;
padding : 3px;
}
/* DEFINES MISCOPTBAR COLORS AND WIDTH */
.ak_miscoptbar_table {
border : 1px solid #454545;
background-color : #2e2e2e;
width : 100%;
padding : 4px;
font-size : 11px;
font-weight : bold;}
.ak_miscoptbar_table a {
border : 1px solid;
border-color : #4b4b4b #000000 #000000 #4b4b4b;
width : 8em;
background-color : #2e2e2e;
padding : 4px;
}
.ak_miscoptbar_table a:hover {
border-color : #171717 #4b4b4b #4b4b4b #171717;
background-color: #454545;
}
/* DEFINES FONT SIZE AND COLORS FOR TOPIC FORUM AND POST LISTS */
.ak_msg_post_master_table {
font-size : 10px;
}
span.postlistusername a {
color : #4f94cd;
font-size : 11px;
}
.ak_msg_post_table {
padding-left : 3px;
}
span.postlistpostname, span.postlistusertitle font {
color : #cccccc;
font-size : 11px;
}
blockquote {
border : 1px solid #171717;
background-color : #454545;
}
blockquote hr {
display : none;
}
hr {
height : 0;
width : 100%;
border :0;
border-bottom : 1px solid #171717;
}
.postlistpostbody pre {
font-size : 9px;
overflow : scroll;
width : 700px;
border : 1px solid #171717;
}
span.forumlistnonewswitch, span.forumlistnewswitch {
font-size : 12px;
color : #cccccc;
}
span.forumlistnumtopics, span.forumlistnumposts, span.forumlistdescription, span.forumlistlastpost {
font-size : 11px;
color : #cccccc;
}
span.forumlistdescription {
color : #cccccc;
}
span.forumlistadministrators, span.forumlistmoderators {
font-size : 11px;
}
.topiclisttopicname {
letter-spacing : 1px;
font-size : 12px;
}
span.topiclistnewswitch, span.topiclistnonewswitch {
font-size : 12px;
color : #cccccc;
}
span.topicliststartedby, span.topiclistreplies, span.topiclistviews, span.topiclistlastpost {
font-size : 11px;
color : #cccccc;
}
span.topiclisttopicclosed, span.topiclisttopicsticky, span.topiclisttopichidden {
font-size : 11px;
color : #cccccc;
}
span.topiclistheader {
font-size : 12px;
letter-spacing : 1px;
color : #cccccc;
}
.ak_msg_post_master_table td {
border:1px solid #171717;
color : #cccccc;
background-color : #2e2e2e;
}
/* DEFINES COLORS AND IMAGES IN MESSAGE AREA */
.ak_msgform_master_table {
background-color : #2e2e2e;
border : none;
font-size : 11px;
}
.ak_msgform_master_table td {
border : none;
}
.ak_msgform_master_table input {
border : none;
}
.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 #4b4b4b;
height : 22px;
background-image : url(http://rbbt.net/skins/joshin_josh/OPv2/sep.jpg);
background-repeat : repeat-x;
color : #cccccc;
font-size : 11px;
}
.qcode_bar_but {
font-size : 10px;
border:1px solid #4b4b4b;
color : #cccccc;
height : 22px;
background-color : #454545;
background-image : url(http://rbbt.net/skins/joshin_josh/OPv2/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-color : #454545;
border:1px solid #171717;
color : #cccccc;
width : 340px;
font-size : 11px;
}
.ak_msgform_poll_options_table {
border:1px solid #171717;
}
.ak_msgform_poll_options_right_td input {
background-color : #454545;
padding-top : 2px;
padding-bottom : 2px;
margin : 2px;
font-size : 11px;
color : #cccccc;
border:1px solid #171717;
}
/* DEFINES POLL TABLE COLORS */
.ak_poll_table {
font-size : 10px;
text-align : center;
border:1px solid #171717;
background-color : #2e2e2e;
margin-bottom : 15px;
}
.ak_poll_table_header {
height : 22px;
padding : 0 25px;
font-size : 11px;
}
.ak_poll_table_header br {
display : none;
}
.ak_poll_table_header a {
padding-left : 10px;
}
.ak_poll_table_button_cell input {
border:1px solid #171717;
height : 22px;
background-color : #2e2e2e;
background-image : url(http://rbbt.net/skins/joshin_josh/OPv2/sep.jpg);
background-repeat : repeat-x;
color : #cccccc;
font-size : 11px;
}
.ak_poll_table td {
border-width : 0;
}
.ak_poll_table_option_rcell1 input, .ak_poll_table_option_rcell2 input {
border : none;
}
.ak_poll_table_viewres_cell {
font-weight : bold;
font-size : 11px;
}
.ak_poll_table_option_gback1 {
background-color : #cccccc;
}
.ak_poll_table_option_gback2 {
background-color : #cccccc;
}
/* DEFINES MEMBER LIST COLORS AND SIZE */
.ak_msg_seememberlist_table td {
border:1px solid #171717;
background-color : #2e2e2e;
}
.ak_msg_seememberlist_table {
font-size : 10px;
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 : #cccccc;
font-size : 11px;
padding : 3px;
text-align : center;
}
/* DEFINES POST ICONS AND SMILEY COLORS */
.ak_subject_posticon_table {
padding : 0;
text-align : center;
color : #cccccc;
font-size : 11px;
border : 0;
background-color : #454545;
margin-bottom : 5px;
}
.ak_subject_posticon_head_td {
text-align : center;
font-size : 11px;
color : #cccccc;
}
.msgform_clickable_smiley_box_h {
padding-left : 10px;
padding-right : 10px;
font-size : 11px;
border :0;
background-color : #454545;
color : #cccccc;
white-space: nowrap;
}
.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;
}
/* DEFINES MOUSEOVER HOVER COLORS */
.ak_tl_topicrow_mouseover_on, .ak_fl_forumrow_mouseover_on {
background-color : #454545;
padding : 5px;
}
.ak_tl_topicrow_mouseover_off, .ak_fl_forumrow_mouseover_off {
background-color : #2e2e2e;
padding : 5px;
}
/* DEFINES POST NEW TOPIC AND ADD REPLY BOXES */
.topiclistpostnewtopic a {
border : 1px solid;
border-color : #4b4b4b #000000 #000000 #4b4b4b;
width : 8em;
background-color : #2e2e2e;
padding : 4px;
line-height : 1.75em;
padding : 5px;
}
.topiclistpostnewtopic a:hover {
border-color : #171717 #4b4b4b #4b4b4b #171717;
background-color : #454545;
line-height : 1.75em;
}
.postlistaddareply a {
border : 1px solid;
border-color : #4b4b4b #000000 #000000 #4b4b4b;
width : 8em;
background-color : #2e2e2e;
padding : 4px;
line-height : 1.75em;
padding : 5px;
}
.postlistaddareply a:hover {
background-color : #454545;
line-height : 1.75em;
}
Custom HTML header
copy and paste the following HMTL code into your Custom HTML header
<div id="header"><h1>Your Board name/banner here</h1></div>
<div id="offset"><div id="container"><div class="container">
Custom HTML Footer
copy and paste the following HMTL code into your Custom HTML Footer
</div></div></div>
<div id="nav">
<div class="navlist">
<h2>Title</h2>
<ul>
<li><a href="#">Links</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Links</a></li>
</ul></div>
<div class="navlist">
<h2>Title</h2>
<ul>
<li><a href="#">Links</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Links</a></li>
</ul></div>
<div class="navlist">
<h2>Title</h2>
<ul>
<li><a href="#">Links</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Links</a></li>
</ul></div>
</div>
<div id="footer">
<a class="backtotop" href="#">Back To Top</a></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?:leave checked
Use CSS trick 1?:Check box
Use CSS trick 2?:check box
Background color:#171717
Background color transparent:leave unchecked
Background image (optional):leave unchecked
Background image tile X:leave unchecked
Background image tile Y:leave unchecked
Text color :#cccccc
Bottom info line color:#cccccc
Link Options
Link color :#4F94CD
Link overlined :leave unchecked
Link line-through :leave unchecked
Link underlined :leave unchecked
Visited link color :#4F94CD
Visited link overlined :leave unchecked
Visited link line-through :leave unchecked
Visited link underlined :leave unchecked
Hover link color :#cccccc
Hover link overlined :leave unchecked
Hover link line-through :leave unchecked
Hover link underlined :leave unchecked
Forum List Layout Options
Forum list master table background color :leave blank
Forum list master table border color :#171717
Forum list master table border width (pixels):0
Forum list table background color :#171717
Forum list table background image:leave blank
Forum list table border color :#171717
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 :#171717
Forum list table header border width (pixels):0
Forum list table header text color :#cccccc
Forum list table first alternate background color :#2E2E2E
Forum list table second alternate background color :#2E2E2E
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 :#cccccc
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 :#171717
Topic list master table border width (pixels):0
Topic list table background color :#171717
Topic list table background image:leave blank
Topic list table border color :#171717
Topic list table border width (pixels):0
Topic list table header background color :leave blank
Topic list table header background image:leave blank
Topic list table header border color :
Topic list table header border width (pixels):0
Topic list table header text color :#cccccc
Topic list table first alternate background color :#2E2E2E
Topic list table second alternate background color :#2E2E2E
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 :#171717
Post list master table width (percents) :100
Post list table width (percents) :100
Post list table first alternate background color :#2E2E2E
Post list table second alternate background color :#2E2E2E
Post list table border color :#171717
Post list table border width (pixels):0
Last edited by Joshin Josh, 11/18/2008, 10:54 pm
|
