I suppose everyone has to start somewhere so here is my first "finished" skin made using RunBoard hosted images... Now in version 3.0 since making some major changes in both the CSS and HTML I call it... Purple Squares v3.0
The CSS
/* REMOVES THE PAGES MARGINS BUT LEAVES A SMALL MARGIN AT THE TOP AND BOTTOM */
body {margin:0px;margin-top:6px;margin-bottom:6px}
/* THE BACKGROUND COLOR SHOWN WHILST IMAGE IS LOADING */
body {background-color: #ccccff}
/* SETS THE OUTER TABLES WIDTH TO KEEP NON-TABLE CONTENT WITHIN A MAX WIDTH*/
.ak_msg_master_table {background-color:#9999FF;border-width:4px;border-color:#6633FF; width:774px;font-family:verdana;font-size:10px}
/* SETS THE WIDTH AND BORDERS OF THE FORUM/TOPIC/POST/MEMBER LIST TABLES */
.forum_list_table, .topic_list_table {width:754px;border-style:solid;border-width:1px;border-color:#6666cc;}
.ak_msg_post_master_table, .ak_msg_seememberlist_table, .forumlistboardstatstable, .forumlistwhosonlinetable {width:754px;border-style:solid;border-width:1px;border-color:#6666cc;background-color:#9999FF}
.ak_tl_topicrow_mouseover_on, .ak_tl_topicrow_mouseover_off {padding:5px}
/* SETS THE HEADER CELLS OF MOST TABLES */
.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-family:verdana;font-size:10px;height:22px;padding-top:0px; padding-bottom:0px;color:#000000;background-color:#9999FF}
/* CHANGES AND ADJUSTS THE WHO IS ONLINE TABLE */
.forumlistwhosonlinetable {background-color: #707dbc;}
.forumlistwhosonlinetd {padding: 6px 6px 6px 6px;}
/* SETTINGS FONT TYPE, COLOR AND SIZE TO REMAINING ELEMENTS */
span.locationboard, span.locationforum, span.locationtopic {font-size:10px;font-family:verdana}
.forumlistforumname, .topiclisttopicname {color:#000000;font-size:10px;font-family:verdana}
span.forumlistnumtopics, span.forumlistnumposts {font-size:10px;font-family:verdana;font-weight:normal;}
span.topiclistnewswitch, span.forumlistnewswitch {color:#000000;font-size:10px;font-family:verdana}
.forumlistboardstatsheader {font-family:verdana;font-size:10px;border-width:0px;color:#000000}
span.forumlistheader, span.topiclistheader, span.forumlistseparator, span.topiclisttopicname, span.topiclistreplies, span.topiclistviews, span.topicliststartedby{color:#000000;font-family:verdana;font-size:10px;}
span.topiclistlastpost {font-family:verdana;font-size:10px}
span.forumlistdescription {color:#404040}
span.topiclisttopicclosed, span.topiclisttopicsticky,span.topiclisttopichidden {font-size:10px;font-weight:normal;font-family:verdana;}
/* WRITE MESSAGE */
.ak_msgform_master_table {background-color:#CCCCFF;border:1px solid #0099FF;font-family:verdana;font-size:10px}
.ak_msgform_master_table td {border:1px solid #6666cc}
.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 {font-family:verdana;font-size:10px;border: 1px solid #6666cc;background-color:#9999FF}
.ak_msgform_subject_right_td input, .ak_msgform_message_right_td textarea, textarea {background-color:#FF9F11;border-style:solid;border-width:1px;border-color:#6666cc;color:#000000;width:340px;font-family:verdana;font-size:10px;}
.ak_msgform_poll_options_table {border-style:solid;border-width:1px;border-color:#6666cc}
.ak_msgform_poll_options_table td{border:1px solid #6666cc}
.ak_msgform_poll_options_right_td input {background-color:#9999FF; padding-top:2px;padding-bottom:2px;margin:2px;font-family:verdana;font-size:10px;color:#6666cc;}
.qcode_bar_but {font-size:10px;background-color:#9999FF;border-color:#6666cc;border-style:solid;border-width:1px;margin-top:1px}
/* HORIZONTAL RULE FOR CROSS COMPATIBILITY REASONS WE USE THE BORDER TO GIVE THE LINE EFFECT */
hr {height:0px;width:100%;border:none;border-bottom: 1px solid #6666cc}
/* DEFAULT 'FORUM READY' MSGS ARE MADE SCROLL INSTEAD OF DISTORTING TABLES */
.postlistpostbody pre {font-size:10px;font-family:verdana;font-weight:normal;overflow:scroll;width:500px;border:1px solid #6666cc}
/* POST TABLE */
.ak_msg_post_master_table {font-family:verdana;font-size:10px}
.ak_msg_post_master_table td {border:1px solid #6666cc}
span.postlistusername, span.postlistpostname, span.postlistpostbody {color:#000000;font-family:verdana;font-size:10px}
span.postlistusertitle font {color:#6666cc;font-family:verdana;font-size:10px}
blockquote {border-width:1px;border-style:solid;border-color:#6666cc;background-color:#9999FF;font-family:verdana;font-size:10px;color:#000000}
blockquote hr {display:none}
.ak_msgform_subject_right_td input, .ak_msgform_message_right_td textarea, textarea {background-color:#9999FF;border-style:solid;border-width:1px;border-color:#6666cc;color:#000000;width:340px;font-family:verdana;font-size:10px;}
.ak_msgform_poll_options_table {border-style:solid;border-width:1px;border-color:#6666cc}
.ak_msgform_poll_options_right_td input {background-color:#9999FF; padding-top:2px;padding-bottom:2px;margin:2px;font-family:verdana;font-size:10px;color:#000000;}
/* POLL TABLE AND ITS PARTS */
.ak_poll_table {font-size:10px;font-family:verdana;text-align:center;border-width:1px;border-style:solid;border-color:#6666cc;background-color:#ccccff;margin-bottom:15px}
.ak_poll_table_header {height:22px;padding:0px 25px 0px 25px;font-size:10px}
.ak_poll_table_button_cell input {background-color:#9999FF;border-width:1px;border-style:solid;border-color:#6666cc;height:22px;font-family:verdana;font-size:10px;}
.ak_poll_table td {border-width:0px}
.ak_poll_table_header br {display:none}
.ak_poll_table_header a {padding-left:10px}
.ak_poll_table_option_rcell1 input, .ak_poll_table_option_rcell2 input {border:none}
.ak_poll_table_viewres_cell {font-weight:bold;font-size:10px}
.ak_poll_table_option_gback1 {background-color:#9999FF}
.ak_poll_table_option_gback2 {background-color:#9999FF}
.ak_msgform_poll_options_right_td input {border-style:solid;border-color:#6666cc;border-width:1px;}
/* MEMBERSHIP LIST */
.ak_msg_seememberlist_table td {border-width:0px;text-align:center}
.ak_msg_seememberlist_table {font-size:10px}
.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:#000000;font-family:verdana;font-size:10px;padding:1px;text-align:center}
.ak_msg_seememberlist_showing {font-size:10px;font-family:verdana;color:#000000}
/* NEW TOPIC & ADD REPLY BUTTONS */
.topiclistpostnewtopic a, .postlistaddareply a {color:#000000;font-size:10px;font-family:verdana;}
/* POSTICONS & SMILIE TABLES */
.ak_subject_posticon_table {padding:0px;text-align:center;font-family:verdana,tahoma,arial;font-size:10px;border:1px solid #6666cc;background-color:#ccccff ;margin-bottom:5px}
.ak_subject_posticon_table td {border-width:0px}
.ak_subject_posticon_head_td {text-align:center;font-family:verdana;font-size:10px;color:#000000;background-color:#9999FF}
.msgform_clickable_smiley_box_h, .msgform_clickable_smiley_box_b, .msgform_clickable_smiley_box_b td, .msgform_clickable_smiley_box_b_td, .msgform_clickable_smiley_box_b_td td {border:0px solid #6666cc;background:none}
/* MOUSEOVER FORUM/TOPIC ROW (TURNED OFF BY DEFAULT) */
.ak_tl_topicrow_mouseover_on, .ak_fl_forumrow_mouseover_on {background-color:#9999FF}
.ak_tl_topicrow_mouseover_off, .ak_fl_forumrow_mouseover_off {}
/* BOARD STATS TABLE */
.forumlistboardstatsheader {border-style: solid; border-width: 0px 0px 1px 0px; background-color: #707dbc; border-color: #6666cc;border-style: solid}
/* IMAGES NEVER HAVE BORDERS! */
img {border:0px}
/* BANNER CLASS */
.banner {width:780px;height:44px;background-color:#010101;
background-image:url(http://img.runboard.com/img/layouts/impaqt_1/samplebanner.jpg);
Background-repeat:no-repeat;font-size:2px;color:#e2e7e0;margin: 0 auto;margin-top:6px;margin-bottom:0px}
/* BOARD NAME PARAMETERS */
h1 {font: bold 22px georgia,'times new roman',serif; text-align: center; color: #fff; margin: 0; padding-left: 25px;line-height: 44px; vertical-align: middle; }
/* DECO TABLE BACKGROUND DEFINITIONS */
.td1, .td2 {padding: 0; height: 20px;font-size: 1px;}.td1 {background: #9999ff;}
.td2 {background: #36c url(http://img.runboard.com/img/layouts/impaqt_1/separator.gif) top repeat-x;}
/* DECO TABLE BORDER DEFINITIONS */
.deco {border: 2px solid; border-color: #9999FF #330033 #330033 #9999FF;margin: 0 auto;}
.td1, .td2 {border: 1px solid; border-color: #9966FF; padding: 0; height: 20px; font-size: 1px;}
/* POSTING OPTIONS POSTING POSITIONS*/
.ak_msgform_subject_right_td input, textarea, textarea{background-color:#9999ff;}
.ak_msgform_newtopic_submit_button, .ak_msgform_postreply_submit_button, .ak_msgform_editpost_submit_button { position:absolute; margin-left: 10px; margin-top:-0.8em; }
* html .ak_msgform_newtopic_submit_button, * html .ak_msgform_postreply_submit_button, * html .ak_msgform_editpost_submit_button { margin-top: -17px; margin-left: 10px;}
.ak_msgform_newtopic_preview_button, .ak_msgform_postreply_preview_button, .ak_msgform_editpost_preview_button {margin-left: 40%;}
/* start opera hack */
@media all and (min-width:0) {
head~body .ak_msgform_newtopic_submit_button,
head~body .ak_msgform_postreply_submit_button,
head~body .ak_msgform_editpost_submit_button
{ margin-left: 70px; }
} /* end opera hack */
.ak_msg_post_master_table { position: relative; }
/* SPREAD OUT THE POST-ICON BOX */
.ak_subject_posticon_table {width: 98%; margin: 0 auto;}
Last edited by Pastor Rick, 1/1/2007, 7:53 am
