Welcome Guest [Log In] [Register]
Welcome!

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.

Join our community!

Username:   Password:
Add Reply
Customizing the forum; Here's how you can help
Topic Started: Jan 16 2008, 08:34 AM (2,005 Views)
dylan avery
Member Avatar

Below you will find the default style sheet. It's a little tricky customizing things without being able to see the end result right away, but by all means, give it a shot and we'll put up as many skins as we can.

Quote:
 
html,body {
background:#5a70b3;
color:#000;
font-family:"Helvetica", "Arial", "Bitstream Vera Sans", "Verdana", sans-serif;
font-size:93.3%;
margin:0;
padding:0;
}

a {
color:#e77700;
text-decoration:none;
}

a:hover {
color:#FB9E3B;
text-decoration:none;
}

hr {
background-color:#5a70b3;
border:0;
clear:both;
color:#5a70b3;
height:1px;
}

table {
border-collapse:collapse;
border-spacing:0;
clear:both;
empty-cells:show;
width:100%;
}

th,td {
border:1px solid #e7e7e7;
}

th {
background:url(http://z3.ifrm.com/static/1/sub.png) repeat-x top #fafafa;
color:#777;
font-weight:400;
padding:3px 5px;
text-align:left;
}

td {
background:#fafafa;
color:#333;
padding:5px 10px;
}

th a,th a:hover {
color:#777;
font-weight:700;
}

h1 {
font-size:200%;
}

h2,h3 {
font-size:100%;
}

.category h2,.topic h2,#portal h2,#portal_foot h2,thead th {
background:url(http://z3.ifrm.com/static/1/css/h2.png) repeat-x top #6a7db6;
color:#fff;
font-size:110%;
font-weight:700;
}

thead th {
border:1px solid #5a70b3;
border-bottom-width:1px;
padding:5px;
text-align:center;
}

h2.special {
background:url(http://z3.ifrm.com/static/1/css/h2s.png) repeat-x top #FB9D3A;
border-color:#e77700;
}

input,select,textarea,button,a.btn_fake {
background:#fafafa;
border:1px solid #BFC8E3;
color:#333;
padding:3px 5px;
vertical-align:middle;
}

textarea {
font-family:"Verdana", sans-serif;
font-size:100%;
margin:auto;
width:98%;
}

input:focus,input.focus,textarea:focus,textarea.focus {
border-color:#5a70b3;
}

.submit_error {
background:#fff8eb;
border:1px solid #e77700;
}

button,a.btn_fake {
background:url(http://z3.ifrm.com/static/1/css/btn.png) repeat-x top #f8f8f8;
color:#666;
cursor:default;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
overflow:visible;
width:auto;
}

button:hover,a.btn_fake:hover {
border-color:#3a5197;
}

button.btn_text {
background:none;
border:0;
cursor:pointer;
font-family:Arial, "Bitstream Vera Sans", Verdana, sans-serif;
font-size:100%;
}

.notice {
background:#fff;
border:2px solid #e7e7e7;
color:#333;
margin:10px auto 0;
width:70%;
}

.notice dt {
color:#8CB5E7;
font-weight:700;
}

.notice dd {
font-style:italic;
}

dl.info {
background:#f6f6f6;
border-color:#3a5197;
}

.info dt {
background:#5a70b3;
color:#fff;
}

dl.error {
background:#fafafa;
border-color:#BC3737;
}

.error dt {
background:#e7e7e7;
color:#BC3737;
}

#top ul,#nav,ul.cat-pages,ul.cat-topicpages,table.calendar ul,div.meta_menu ul,#pm_folderlist,#profile_menuwrap ul {
list-style:none;
padding:0;
}

#profile_menuwrap ul,ul.cat-topicpages,blockquote dl,#fast-reply dd {
margin:0;
}

#top li,#nav li,ul.cat-pages li,ul.cat-topicpages li,table.calendar li,#pm_folderlist li,#profile_menuwrap li,#ucp_gallery li {
display:inline;
}

#top_bar {
background:url(http://z3.ifrm.com/static/1/css/topbar.png) repeat-x top #FB9D3A;
height:19px;
}

#top {
background:url(http://z3.ifrm.com/static/1/css/dropli.png) repeat-x top #586eb1;
border-bottom:1px solid #3a5197;
height:20px;
padding:0 2% 4px;
margin-bottom:12px;
}

#top_info {
color:#fff;
float:left;
margin-top:4px;
}

#top_menu {
background:#3a5197;
border-left:1px solid #3a5197;
float:right;
margin-top:0px;
}

.drop_menu li {
background:url(http://z3.ifrm.com/static/1/css/dropli.png) repeat-x top #586eb1;
float:left;
margin-right:1px;
text-align:center;
}

.drop_menu a {
color:#5a70b3;
display:block;
padding:4px .25em;
position:relative;
width:9em;
}

.drop_menu a:hover {
color:#ef7400;
}

.drop_menu ul {
-moz-opacity:0.85;
border-top:1px solid #3A5197;
color:#fff;
left:-999em;
margin:0;
opacity:0.85;
position:absolute;
width:9.4em;
}

.drop_menu ul li {
background:#5a70b3;
font-size:85%;
margin:0;
padding:0;
width:100%;
}

.drop_menu ul li a {
border:0 solid #3A5197;
border-width:0 1px 1px;
display:block;
padding:4px 5%;
width:90%;
}

.drop_menu li ul li a:hover {
background:#3a5197;
}

#logo {
background:url(http://z3.ifrm.com/static/1/css/logobg.png) repeat-x top #566cb0;
border:1px solid #3a5197;
border-bottom:0;
clear:both;
margin:0 2%;
}

#submenu_bar {
background:url(http://z3.ifrm.com/static/1/css/submenubar.png) repeat-x top #FB9D3A;
border-left:1px solid #3a5197;
border-right:1px solid #3a5197;
height:14px;
margin:0 2%;
}

#submenu {
background:url(http://z3.ifrm.com/static/1/css/dropli.png) repeat-x top #586eb1;
border-left:1px solid #3a5197;
border-right:1px solid #3a5197;
color:#586eb1;
font-size:85%;
margin:0 2%;
padding:3px 1% 4px;
text-align:right;
}

#wrap {
background:#fff;
border:1px solid #3A5197;
margin:0 2% 30px;
}

#nav {
color:#5a70b3;
height:1%;
padding:10px 1%;
}

.meta_box {
background:url(http://z3.ifrm.com/static/1/css/boxbg.png) repeat-x top #D8DCEB;
border:1px solid #BFC8E3;
font-size:85%;
line-height:150%;
padding:10px 25px;
}

.meta_menu {
background:#F6F6F6;
border:1px solid #e7e7e7;
padding:0;
width:49%;
}

.meta_menu h3 {
background:url(http://z3.ifrm.com/static/1/css/h2s.png) repeat-x top #FB9D3A;
border:1px solid #e77700;
clear:both;
color:#FFF;
font-size:100%;
font-weight:700;
margin:-1px;
text-align:center;
}

.meta_menu a,.meta_menu a:hover {
color:#666;
}

ul.cat-pages {
float:left;
font-size:90%;
margin:15px 0;
padding: 5px 1px;
width:49%;
}

.cat-pages a,.cat-pagesjump i,.cat-topicpages a {
background:#fff;
border:1px solid #e7e7e7;
color:#5a70b3;
}

.cat-pages a:hover,.cat-topicpages a:hover {
background:#f6f6f6;
color:#5a70b3;
}

.cat-pages span {
background:#5a70b3;
border:1px solid #3a5197;
color:#FFF;
cursor:default;
font-weight:700;
padding:2px 5px;
}

.cat-pages input {
background:#fff;
color:#5a70b3;
padding:3px 5px;
vertical-align:baseline;
}

ul.cat-topicpages {
float:right;
font-size:80%;
padding:1px 0;
}

tr.generic td,div.generic {
font-size:120%;
font-weight:700;
padding:20px;
text-align:center;
}

td.c_head,td.c_foot,td.c_sort {
background:url(http://z3.ifrm.com/static/1/sub.png) repeat-x top #f6f6f6;
color:#666;
font-size:80%;
}

td.c_desc {
background:#f6f6f6;
font-weight:700;
text-align:right;
vertical-align:middle;
width:200px;
}

td.c_desc small {
display:block;
font-weight:400;
}

tr.pm_new td {
background:#D8DCEB;
font-weight:700;
}

tr.hidden td.c_post {
background:#D8DCEB;
}

.bday {
background:url(http://z3.ifrm.com/static/1/s_minibday.png) no-repeat;
color:#425384;
font-size:90%;
font-weight:700;
height:16px;
padding:2px 2px 2px 18px;
width:20px;
}

.c_mark {
background:#f6f6f6;
text-align:center;
width:1%;
}

.c_forum {
color:#666;
font-size:80%;
width:60%;
}

.c_forum strong a,.c_last strong a {
color:#425384;
}

.c_forum strong a {
font-size:135%;
}

td.c_last {
background:#f6f6f6;
font-size:85%;
}

.c_forum-desc {
color:#333;
font-size:85%;
}

.c_last-title {
background:url(http://z3.ifrm.com/static/1/last.gif) no-repeat left;
display:block;
line-height:16px;
padding-left:10px;
}

td.c_info-v,td.c_info-t,td.c_info-r {
font-size:80%;
padding:5px;
text-align:center;
}

td.c_subforum {
background:#f6f6f6;
color:#425384;
font-size:80%;
font-style:italic;
}

.cat_head td {
border-color:#5a70b3;
padding:0;
}

#stats .cat_head td {
border-color:#e77700;
}

.description {
color:#666;
font-size:85%;
}

a.member:hover {
color:#666;
}

td#stats_events a,td#stats_events span {
background:url(http://z3.ifrm.com/static/1/s_minical.png) no-repeat 2px;
padding:4px 0 4px 20px;
}

td.c_username {
background:#f6f6f6;
padding:2px 0;
text-align:center;
}

td.c_username a {
font-size:140%;
font-weight:700;
}

td.c_user {
font-size:80%;
}

td.c_user dl {
background:#f6f6f6;
border:1px solid #e7e7e7;
margin:10px 0;
padding:5px 7px;
width:160px;
}

dl.user_profile {
overflow:hidden;
word-wrap:break-word;
}

dl.user_profile dd {
font-style:italic;
margin-left:8px;
}

dl.user_info dd {
font-weight:700;
margin-bottom:1px;
}

#profile_menu ul {
-moz-opacity:1;
border-top:0;
opacity:1;
}

#profile_menu a {
background:#5a70b3;
border:1px solid #3a5197;
}

#profile_menu li li a {
border-top:0;
}

#profile_menu li ul li a:hover {
background:#5a70b3;
}

td.c_poll-choice label {
font-weight:700;
padding-left:1em;
}

td.c_poll-votes {
font-size:120%;
text-align:center;
width:15%;
}

td.c_poll-bar div {
background:url(http://z3.ifrm.com/static/1/poll_b.png) no-repeat right;
float:left;
height:12px;
padding-right:3px;
}

td.c_poll-bar span {
background:url(http://z3.ifrm.com/static/1/poll_l.png) no-repeat;
display:block;
float:left;
height:12px;
width:3px;
}

.editby,.queued {
border:1px dotted #e7e7e7;
color:#999;
font-size:85%;
font-style:italic;
margin-top:1em;
padding:3px 5px;
}

.queued {
background-color:#D8DCEB;
border-color:#5a70b3;
}

blockquote {
background:#f6f6f6;
border:1px solid #3a5197;
margin:10px auto;
padding-bottom:1px;
width:98%;
}

blockquote dl {
background:url(http://z3.ifrm.com/static/1/quote.png) repeat-x top #6677AF;
border-bottom:1px solid #3a5197;
color:#fff;
}

blockquote dl dt {
color:#fff;
float:left;
font-weight:700;
}

code {
background:#f6f6f6;
display:block;
font-family:Monaco, Consolas, "Courier New", Courier, monospace;
white-space:normal;
}

div.spoiler {
border:1px solid #5a70b3;
border-top:0;
padding:5px 7px;
}

div.spoiler_toggle {
background:url(http://z3.ifrm.com/static/1/quote.png) repeat-x top #6677AF;
border:1px solid #3a5197;
color:#fff;
cursor:pointer;
font-weight:700;
padding:2px 4px;
}

td.c_postinfo {
background:#f6f6f6;
color:#999;
font-size:80%;
vertical-align:middle;
}

td.c_sig {
color:#666;
font-size:80%;
}

td.c_sig blockquote {
background:none transparent;
border:0;
border-left:3px solid #999;
padding-left:5px;
}

td.c_sig blockquote dl {
background:none transparent;
border:0;
color:#666;
}

td.c_sig blockquote dl dt,td.c_sig blockquote dl dd {
color:#666;
padding:0;
}

td.c_sig blockquote div {
background:transparent;
margin-left:5px;
padding:0;
}

tr.c_postfoot {
background:#f6f6f6;
clear:both;
}

td.c_footicons,td.c_postinfo {
width:100%;
}

td.c_username {
width:175px;
}

.c_next a {
display:block;
font-size:125%;
font-weight:700;
text-align:center;
}

td.c_view {
background:#f6f6f6;
color:#777;
}

div.c_view-list {
color:#999;
font-size:92.5%;
}

dl#fast-reply dt {
background:url(http://z3.ifrm.com/static/1/css/h2s.png) repeat-x top #FB9D3A;
border:1px solid #e77700;
color:#FFF;
font-size:110%;
font-weight:700;
margin:0;
padding:5px;
}

dl#fast-reply dd {
background:#fafafa;
border:1px solid #e7e7e7;
padding:15px 0;
text-align:center;
}

#c_post-preview {
background:#f6f6f6;
border:1px solid #BFC8E3;
margin:0 auto 10px;
padding:5px;
text-align:left;
width:98%;
}

#c_post-resize span {
color:#e7e7e7;
cursor:pointer;
font-size:225%;
padding:20px 5px 0;
}

#emot_wrap {
background:#f6f6f6;
border:1px solid #e7e7e7;
}

#emot_wrap h3 {
background:url(http://z3.ifrm.com/static/1/sub.png) repeat-x top #f6f6f6;
border-bottom:1px solid #e7e7e7;
color:#999;
font-size:120%;
text-align:center;
}

#emot_end {
border-top:1px solid #e7e7e7;
display:block;
font-weight:700;
padding:4px 0;
text-align:center;
}

#pm_folders {
border-left:1px solid #e7e7e7;
border-right:1px solid #e7e7e7;
padding-top:30px;
vertical-align:top;
width:150px;
}

#pm_folderlist {
position: relative;
margin-left:0;
margin-top:0
}

#pm_folderlist li {
background:url(http://z3.ifrm.com/static/1/pmfolder.png) no-repeat 5px;
display:list-item;
margin-bottom:4px;
padding-left:28px;
}

#pm_forwarded {
border:1px dotted #e7e7e7;
color:#999;
font-size:90%;
font-style:italic;
margin-top:1em;
padding:3px 5px;
}

#ucp_gallery a {
color:#425384;
font-weight:700;
}

#ucp_gallery a:hover {
color:#5A70B3;
}

.calendar td.cal_inactive {
background:#f6f6f6;
color:#e7e7e7!important;
}

.calendar td div {
background:#f6f6f6;
border-bottom:1px solid #e7e7e7;
font-weight:700;
padding:5px 7px;
}

.calendar div a {
background:url(http://z3.ifrm.com/static/1/s_minibday.png) no-repeat 5px;
float:right;
font-size:80%;
font-weight:400;
padding:0 0 6px 24px;
}

.calendar li a,.calendar li span {
border-color:transparent;
border-style:solid;
border-width:1px;
display:block;
padding:3px;
}

.calendar td#cal_current {
background:#fff;
border:2px solid #5a70b3;
}

div.portal_content {
background:#fafafa;
border:1px solid #e7e7e7;
font-size:88.3%;
margin:0;
padding:5px 7px;
}

#portal h2 {
font-size:88.3%;
}

#portal h4 {
background:url(http://z3.ifrm.com/static/1/sub.png) repeat-x top #fafafa;
border-left:1px solid #e7e7e7;
border-right:1px solid #e7e7e7;
color:#777;
font-size:88.3%;
font-weight:400;
margin:0;
padding:5px 7px;
}

#faq dt a {
color:#425384;
font-size:120%;
font-weight:700;
}

#faq dd.faq_more a,#faq dl.faq_more a:hover {
color:#999;
font-style:italic;
}

.search_results {
background:#fafafa;
border:1px solid #e7e7e7;
margin-bottom:1em;
padding:5px 7px;
}

.search_results h3 {
display:inline;
font-size:125%;
}

.search_results cite,.search_results p {
color:#777;
font-size:85%;
margin:0;
}

#findposts .c_mark {
color:#5a70b3;
font-size:200%;
font-weight:700;
vertical-align:top;
}

#pmtoast {
background:#fff;
border:2px solid #3a5197;
bottom:10px;
color:#333;
display:none;
font-size:90%;
position:fixed;
right:10px;
text-align:right;
text-decoration:none;
width:200px;
z-index:1;
}

#pmtoast:hover {
border-color:#3a5197;
}

#pmlink {
background:url(http://z3.ifrm.com/static/1/toast.png) no-repeat 5px;
color:#5a70b3;
display:block;
padding:10px 10px 10px 55px;
text-decoration:none;
}

#pmlink big {
color:#5a70b3;
display:block;
font-weight:700;
padding-bottom:5px;
}

#pmlink strong {
color:#E77700;
}

#pmclose {
border-top:1px solid #3a5197;
color:#5a70b3;
display:block;
font-size:80%;
padding:1px 10px;
}

#pmclose:hover {
color:#3a5197;
}

#foot_wrap {
margin:20px 1px 20px 0;
}

#foot td {
background:#fafafa;
border-bottom:1px solid #e7e7e7;
border-top:1px solid #e7e7e7;
border-left:0;
border-right:0;
color:#777;
font-size:80%;
}

#foot a,#foot a:hover {
color:#777;
}

#foot #foot_datetime {
border-left:1px solid #e7e7e7;
width:1%;
white-space:nowrap;
}

#copyright {
color:#FFF;
font-size:80%;
margin:10px 0;
text-align:center;
}

#copyright a {
color:#FB9E3B;
font-weight:700;
}

#c_tos h3 {
color:#333;
font-size:120%;
}

td.username_ok {
background:#e0fae0;
}

input.username_ok {
outline:2px solid #0c0;
}

td.username_no {
background:#fae0e0;
}

input.username_no {
outline:2px solid #e77700;
}

#acplogin {
background:url(http://z3.ifrm.com/static/acp/acpback.png) repeat-x 0 -195px #fff;
border:2px solid #3a5197;
height:275px;
left:50%;
margin:-137.5px 0 0 -250px;
padding:0;
position:absolute;
top:50%;
width:500px;
}

#acplogin h1 {
color:#FFF;
font-weight:400;
height:50px;
margin-bottom:20px;
padding:50px 20px 0 0;
text-align:right;
}

#acplogin h1 img {
position:absolute;
left:0;
top:0;
}

a img {
border:0;
}

form {
display:inline;
margin:0;
padding:0;
}

.category h2,.topic h2,#portal h2 {
padding:5px;
text-align:left;
}

h3 {
padding:3px 0;
}

input[type=checkbox] {
background:transparent;
border:0;
padding:0;
vertical-align:bottom;
}

input[type=radio] {
border:0;
}

select {
margin:0 7px;
padding:0;
vertical-align:bottom;
}

option {
margin:2px 0;
}

button.btn_img {
border:0;
cursor:pointer;
padding:0;
}

.notice dt,.notice dd {
padding:5px 7px;
}

.drop_menu a img {
vertical-align:bottom;
}

.drop_menu li:hover ul,.drop_menu li.hover ul {
left:auto;
}

#submenu a {
padding:3px 5px;
}

#main {
height:1%;
padding:0 1%;
}

#nav li img {
vertical-align:top;
}

.meta_box,.meta_menu {
margin:10px 0;
}

.meta_box li {
display:list-item;
list-style-position:inside;
list-style-type:square;
margin-left:10px;
}

.meta_menu ul {
font-size:90%;
margin:5px 5%;
}

.meta_menu img,.meta_menu span {
float:right;
margin:10px 20px;
}

.cat-pages a,.cat-pagesjump i,.cat-topicpages a {
cursor:pointer;
padding:2px 5px;
}

.cat-topicpages a {
padding:0 2px;
}

.cat-buttons,.topic-buttons {
float:right;
margin:15px 0;
text-align:right;
width:50%;
}

tr.postbtn td {
padding:5px;
text-align:center;
}

.row1,.row2 {
line-height:1.4;
}

td.c_head input,td.c_head button,td.c_foot input,td.c_foot button,td.c_sort input,td.c_sort button {
padding:1px;
}

td.c_desc img,td.c_desc input {
float:left;
vertical-align:middle;
}

.category {
margin:10px 0 0;
}

span.collapse,span.uncollapse {
cursor:pointer;
float:right;
position:relative;
}

.c_mark img {
display:block;
margin:auto;
}

.c_last {
line-height:1.4;
min-width:300px;
width:30%;
}

.category td.c_foot {
height:10px;
}

#stats_members {
line-height:1.2;
}

td.c_cat-mark,td.c_cat-icon {
padding:5px 0;
text-align:center;
width:30px;
}

td.c_cat-starter {
width:125px;
}

td.c_cat-lastpost {
width:175px;
}

.c_user {
vertical-align:top;
width:1px;
min-width:175px;
max-width:175px;
}

.c_post {
width:100%;
}

.c_sig,.c_nosig {
width:100%;
}

.avatar {
display:block;
margin:auto;
text-align:center;
}

.av_wrap {
overflow:hidden;
text-align:center;
margin:auto;
}

td.c_user .usertitle {
margin:3px 0;
overflow-x:hidden;
text-align:center;
}

.pip {
margin:3px 0;
white-space:nowrap;
}

dl.user_info dt,dl.user_info dd {
padding:.1em;
}

dl.user_info dt {
float:left;
margin:0;
min-width:4em;
}

dl.user_info dd.spacer,dl.user_profile dd.spacer {
clear:both;
float:none;
height:1px;
padding:0;
}

td.c_poll-choice {
line-height:1.5;
padding-left:45%;
}

td.c_poll-answer {
text-align:right;
width:42.5%;
}

td.c_poll-bar {
text-align:left;
vertical-align:middle;
width:42.5%;
}

* html td.c_poll-bar span {
margin-top:3px;
}

td.c_post {
line-height:1.7;
vertical-align:top;
}

td.c_post ul {
list-style-type:square;
margin-left:10px;
}

.c_post img,#topic_review img {
max-width:90%;
}

.c_post-attachment {
font-size:83.3%;
margin-top:1em;
padding:1em;
}

.c_post-attachment dd {
margin-left:1em;
}

.post_sep {
font-size:1px;
height:1px;
}

td.c_sig,td.c_nosig {
height:1%;
vertical-align:top;
}

td.c_nosig {
border-top-style:hidden!important;
}

blockquote dl dt,blockquote dl dd {
padding:2px 4px;
}

blockquote div,blockquote code {
margin:0;
padding:5px;
}

dl#fast-reply {
clear:both;
margin:auto;
width:80%;
}

dl#fast-reply dd p {
margin:-3px;
padding:0 5% 10px;
text-align:left;
}

dl#fast-reply dd textarea {
display:block;
height:100px;
margin-bottom:10px;
padding:2px;
width:90%;
}

#c_post-text {
height:223px;
}

#c_post-resize {
float:right;
margin-top:-1px;
padding:4px 0 0;
text-align:right;
}

#btn_preview {
float:left;
margin:10px 0 0 1px;
}

#c_emot {
height:225px;
vertical-align:top;
width:210px;
}

#emot_list {
height:275px;
margin:0 auto;
overflow:auto;
padding:5px 0;
text-align:center;
}

div#emot_list {
padding:0;
}

#emot_list li {
display:inline;
padding:4px 10px;
}

#emot_list img {
cursor:pointer;
vertical-align:baseline;
}

.pm {
margin-bottom:1em;
}

#pm_datesent {
width:200px;
}

#pm_select {
text-align:center;
width:1px;
}

#conversation .c_post {
padding:2em;
}

#ucp_profile,#pm_messages {
float:right;
}

#ucp_settings img,#ucp_profile img {
margin:18px 20px;
}

#ucp_gallery li {
float:left;
margin:15px 5px;
}

#ucp_gallery button {
cursor:pointer;
text-align:center;
}

.ucp button.btn_text {
padding:5px 0;
text-align:center;
width:100%;
}

.calendar td {
height:125px;
padding:0;
vertical-align:top;
width:14.3%;
}

.calendar li {
display:list-item;
font-size:80%;
margin:0;
}

.calendar li.placeholder {
padding:4px;
}

.calendar li span {
cursor:default;
}

.calendar td#cal_current div {
padding-top:3px;
}

#portal_head {
margin-bottom:10px;
}

#portal_foot {
margin-top:10px;
}

#portal_l,#portal_r {
font-size:88.3%;
margin:0;
padding:0;
}

#portal_l {
float:left;
width:200px;
}

#portal_r {
float:right;
width:150px;
}

#portal_news {
margin:0 160px 0 210px;
}

#portal_clear {
background:transparent;
border:none;
clear:both;
font-size:1px;
height:1px;
margin:0;
padding:0;
}

.portal_box {
margin-bottom:5px;
padding:1px;
}

.portal_box table {
clear:none;
}

#portal h2,#portal_foot h2 {
clear:none;
margin:0;
padding:3px 5px;
}

#faq {
margin:20px 0;
}

#faq dl {
padding:1em;
}

#faq dt {
margin-bottom:5px;
}

#faq dd {
display:list-item;
margin:0 0 3px 15px;
padding-left:3px;
}

.search_results div {
display:block;
margin:5px 0;
}

#acplogin #loginform {
display:block;
padding:0 50px;
}

.category h2 a,#portal h2 a,#portal_foot h2 a,thead a,.category h2 a:hover,#portal h2 a:hover,#portal_foot h2 a:hover,thead a:hover,#top_info a,#top_info a:hover,.drop_menu a,.drop_menu a:hover,#submenu a,#submenu a:hover {
color:#fff;
}

input,select,td,th {
font-size:90%;
}

button.btn_default,#nav li span,.c_post-attachment dt,#c_tos dt {
font-weight:700;
}

#submenu a:hover,.meta_menu a:hover {
text-decoration:underline;
}

.meta_box h3,td.c_topicfoot strong,#meta_welcome strong {
font-size:120%;
}

.meta_box h3,.meta_box a,.meta_box a:hover,tr.pm_new td a,tr.pm_new td a:hover,tr.hidden td a,tr.hidden td a:hover,.c_forum strong a:hover,.c_last strong a:hover,#faq dt a:hover,.search_results h3 a,.search_results h3 a:hover {
color:#5a70b3;
}

.row2 td,blockquote div {
background:#f6f6f6;
}

a.member,.calendar td a,.calendar a:hover,#faq dd a,#faq dd a:hover {
color:#333;
}

img,.meta_box button img,td.c_cat-mark input,.c_post-attachment img,.warn img,#ucp_gallery a img {
vertical-align:middle;
}

h1,h2,h3,#nav,#boardmeta,#main {
clear:both;
margin:0;
}

#meta_welcome,.search_results {
clear:both;
}

#stats_events {
line-height:2;
}

.c_cat-starter,.c_cat-replies,.c_cat-views,td.c_poll-total,td.c_poll-vote,td.c_topicfoot,.warn,.ucp th,#c_notes,.calendar th {
text-align:center;
}

blockquote dl dd,#foot #foot_links {
text-align:right;
}

#c_post,#ucp_gallery {
text-align:center;
vertical-align:top;
}

#files_upload input,.pm .row1 a,.pm .row2 a,#ucp_gallery button img,#findposts td a {
display:block;
}

#ucp_settings,#pm_settings {
float:left;
}

#c_tos dd,#username_response {
margin-left:10px;
}

#vlx {
z-index:1;
}

#blog {
background:#5a70b3;
border:1px solid #3a5197;
color:#333;
margin:10px 0;
}

#blog blockquote {
background:none;
border:none;
font-size:85%;
padding:0 10px;
}

#blog h1 {
float:right;
}

#blog h2 {
background:none;
clear:none;
font-size:130%;
padding:0;
}

#blog h2,#blog h2 a,#blog h2 a:hover {
color:#5a70b3;
}

#blog_foot {
clear:both;
margin-bottom:20px;
}

#blog_head {
background:#f6f6f6;
border:8px solid #5a70b3;
padding:10px 14px;
}

#blog_head img.avatar {
display:inline;
}

#blog_main {
margin:20px 200px 10px 10px;
}

#blog_categories,#blog_readers,#blog_about,div.blog_options {
background:#f6f6f6;
margin:15px 0;
padding:5px 7px;
}

#blog_sidebar h3,#blog_sidebar dt {
color:#5a70b3;
font-weight:700;
}

#blog_sub {
background:#3a5197;
clear:both;
position:relative;
padding:5px 7px;
text-align:right;
}

#blog_sub span {
padding-top:4px;
}

#blog_sidebar {
background:#3a5197;
float:right;
font-size:93.3%;
margin:20px 10px 0 0;
padding:0 10px;
width:160px;
}

#blog_sidebar dd {
margin-left:10px;
}

#blog_user {
font-size:175%;
}

div.blog_options {
font-size:90%;
text-align:right;
}

div.blog_date {
background:#f6f6f6;
border:1px solid #3a5197;
color:#5a70b3;
float:right;
font-weight:700;
margin:0 15px;
text-align:center;
text-transform:uppercase;
width:40px;
}

div.blog_date span {
background:#fafafa;
border-top:1px solid #e7e7e7;
color:#e77700;
display:block;
font-size:130%;
font-weight:700;
padding:2px 4px;
}

div.blog_entry {
background:#fff;
margin:10px 0;
padding:5px 7px;
}

#blog_comments li {
padding:5px 7px;
}

#blog_comments li.odd {
background:#f6f6f6;
}

#shoutwrap {
background:#fafafa;
border:1px solid #e7e7e7;
font-size:88.3%;
}

#shoutwrap td {
padding:0;
}

#shoutbox {
list-style-type:none;
margin:0;
padding:0;
}

#shoutbox li {
padding:5px 7px;
}

#shoutbox li.odd {
background:#f6f6f6;
}

#shoutbox dl,#shoutbox dt,#shoutbox dd {
margin:0;
padding:0;
}

#shoutbox dt {
color:#777;
font-size:80%;
}

#shoutopts,#shoutpost {
clear:both;
text-align:center;
}
Offline Profile Quote Post Goto Top
 
Shagata Ganai
Member Avatar
Multiple Criminal Theorist
Nice stack. :ermm:
Edited by Shagata Ganai, Jan 19 2008, 11:17 PM.
Offline Profile Quote Post Goto Top
 
mynameis
Member Avatar
Internet Jujitsu
Can we change to a lower contrast color for the screen? It's hard to read as it is atm.
Offline Profile Quote Post Goto Top
 
alexvegas
Member Avatar
alex25smash
The task of design of new skins has been given to the members (see Dylan's thread).. I'm sure some new ones will start to appear soon. May have a crack myself.
Edited by alexvegas, Jan 16 2008, 07:37 PM.
Offline Profile Quote Post Goto Top
 
alexvegas
Member Avatar
alex25smash
Is it a bad time to have discovered this? While seeing if any skins were available I found:

http://support.zetaboards.com/topic/42858/1/

Quote:
 

InvisionFree boards may now opt into the conversion from their Admin CP (click on the "Convert to ZetaBoards" menu option).
We will ramp up the pace of conversions of boards over the next few days. As soon as we have a good feel for how many boards are opting into the conversion and how long the converter will take for them, we will post a timeline for how long a conversion will take from the time you opt-in.
You do not need to opt into the conversion right now, you can make the decision at any time.

What is converted?

* Topics & Posts
* Forums & Categories
* Board Settings, Admin notepad, Board rules
* Member accounts and their settings
* Permission masks
* Groups
* PMs, PM tracking, contacts
* Polls
* Board Stats
* Moderator logs, warn logs, email logs, and admin logs
* Calendar events
* Badword lists
* Forum and topic tracking
* Moderators
* Validating members
* Emoticons (smilies)
* Titles & Ranks
* AutoTools (MultiMods)
* Attachments, pips, and uploaded files
* Ad removal

(Essentially this means that all data on your InvisionFree board is converted)


Conversion Facts

* The conversion is completely free.
* You do not need to turn your board offline, but during the opt-in process you can select to have your newly converted board turned offline so you can make any changes before members start using it.
* You do not have to do anything in preparation for the conversion.
* The doHTML tag will work in converted posts, but will not be available at this time for use in new posts. ZetaBoards offers a wider selection of BBCode that will let you do things such as create tables and embed YouTube videos without the doHTML tag.
* Your InvisionFree board, topic, and forum URLs will redirect to the new board. These redirects will continue indefinitely so that no one has trouble reaching your board.
* If you have a custom domain, it will redirect to the new ZetaBoards URL for your board. You will need to point the custom domain at the new ZetaBoards server to fully use the domain on your new board. If you have a custom domain, the instructions for re-pointing it will be listed in your new Admin CP.
* If the converter encounters broken data on your InvisionFree board (caused by a past bug or any other reason) it will either correct the problem or alert you of the problem and how to solve it via an Admin CP message on your new board. In no case will the converter be unable to convert your board.
* There is no conversion back to InvisionFree at this time. The ZetaBoards software offers an improved forum experience. If you have any concerns that ZetaBoards might not be for you, feel free to start a test ZetaBoards forum or open a support ticket with any questions.
* A skin converter will be available at a later date. We will store all your skin's data and make it available to convert.
* Only the board owner can opt-in at this time. However, once opt-outs start to trail off, we will allow an opt-in by any admin on boards that have yet to opt-out.
Offline Profile Quote Post Goto Top
 
terrorcell
Not to be confused with Domenick from CIT
This place is practically unreadable.

If the changes can't, or won't, be made the site is doomed.
Offline Profile Quote Post Goto Top
 
alexvegas
Member Avatar
alex25smash
Topics were merged and this post became obsolete... hence editing it.
Edited by alexvegas, Jan 17 2008, 08:44 AM.
Offline Profile Quote Post Goto Top
 
Q
Member Avatar
A Higher Evolution
I have my local browser settings locked to:
single background color,
ignore background images,
Fixed font, size and color.

I do think all the table gridlines are a bit much, but I will beg all administrators, please don't fill up the navigations pages with pictures as was being done on LCF2. Reading a list is far easier when it's a list. If you must put in pictures, give them their own column so that they are to the left of the list items, not above or below them.
Offline Profile Quote Post Goto Top
 
JointPlays
Member Avatar

terrorcell
Jan 16 2008, 08:44 PM
This place is practically unreadable.

If the changes can't, or won't, be made the site is doomed.
Are you talking about the color?

Can i change the orange??

It almost hurts the eyes..

Offline Profile Quote Post Goto Top
 
mynameis
Member Avatar
Internet Jujitsu
Maybe this url will help?
http://support.zetaboards.com/topic/9751/1/#new

Custom Examples
http://support.zetaboards.com/forum/5569/
Edited by mynameis, Jan 18 2008, 06:50 PM.
Offline Profile Quote Post Goto Top
 
JFK
Member Avatar

JointPlays
Jan 17 2008, 04:38 PM
terrorcell
Jan 16 2008, 08:44 PM
This place is practically unreadable.

If the changes can't, or won't, be made the site is doomed.
Are you talking about the color?

Can i change the orange??

It almost hurts the eyes..

Yeah, I fely the same way... At the bottom left of this page there is an option to display "Zeta Original" as a theme. ;)
Offline Profile Quote Post Goto Top
 
Reddawn

JFK
Jan 18 2008, 06:53 PM
JointPlays
Jan 17 2008, 04:38 PM
terrorcell
Jan 16 2008, 08:44 PM
This place is practically unreadable.

If the changes can't, or won't, be made the site is doomed.
Are you talking about the color?

Can i change the orange??

It almost hurts the eyes..

Yeah, I fely the same way... At the bottom left of this page there is an option to display "Zeta Original" as a theme. ;)
So why is this so difficult?

I don't have the "zeta origninal" box checked. It's on "'LC original."

But, my display is orange font and very small.

Yet, I checked in from a library PC yesterday and everything looked fine.

What's up?
Offline Profile Quote Post Goto Top
 
JointPlays
Member Avatar

Can the colour on the topic headlines change to blue??

All that orange is just too much..

I cant read anything.

I tried changing to Zeta Original...
Edited by JointPlays, Jan 19 2008, 10:28 PM.
Offline Profile Quote Post Goto Top
 
JFK
Member Avatar

JointPlays
Jan 19 2008, 10:27 PM
Can the colour on the topic headlines change to blue??

All that orange is just too much..

I cant read anything.

I tried changing to Zeta Original...
Yes. The opening post is the template.
The color codes can be found here - http://en.wikipedia.org/wiki/Web_colors

Have fun. ;)
Offline Profile Quote Post Goto Top
 
dylan avery
Member Avatar

I apologize, everyone. I'm really the only one on the admin team that knows how to customize these things and I haven't had the time. We're working on "Dark" right now.

What does everyone think?
Offline Profile Quote Post Goto Top
 
Shagata Ganai
Member Avatar
Multiple Criminal Theorist
Like it, how long to build each one?


**Edit** Can we up the contrast btweeen script and bckgrd?
Edited by Shagata Ganai, Jan 20 2008, 01:00 AM.
Offline Profile Quote Post Goto Top
 
Metalious

html,body {
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:93.3%;
margin:0;
padding:0;
background-color: #666666;
}

a {
color:#000000;
text-decoration:none;
font-weight: bold;
}

a:hover {
color:#999999;
text-decoration:none;
}

hr {
background-color:#5a70b3;
border:0;
clear:both;
color:#5a70b3;
height:1px;
}

table {
border-collapse:collapse;
border-spacing:0;
clear:both;
empty-cells:show;
width:100%;
}

th,td {
border:1px solid #e7e7e7;
}

th {
color:#777;
font-weight:400;
padding:3px 5px;
text-align:left;
}

td {
background:#fafafa;
color:#333;
padding:5px 10px;
}

th a,th a:hover {
color:#777;
font-weight:700;
}

h1 {
font-size:200%;
}

h2,h3 {
font-size:100%;
}

.category h2,.topic h2,#portal h2,#portal_foot h2,thead th {
color:#fff;
font-size:110%;
font-weight:700;
background-color: #333333;
}

thead th {
border:1px solid #666666;
padding:5px;
text-align:center;
}

h2.special {
background:url(http://z3.ifrm.com/static/1/css/h2s.png) repeat-x top #FB9D3A;
border-color:#e77700;
}

input,select,textarea,button,a.btn_fake {
background:#fafafa;
border:1px solid #BFC8E3;
color:#333;
padding:3px 5px;
vertical-align:middle;
}

textarea {
font-family:"Verdana", sans-serif;
font-size:100%;
margin:auto;
width:98%;
}

input:focus,input.focus,textarea:focus,textarea.focus {
border-color:#5a70b3;
}

.submit_error {
background:#fff8eb;
border:1px solid #e77700;
}

button,a.btn_fake {
background:url(http://z3.ifrm.com/static/1/css/btn.png) repeat-x top #f8f8f8;
color:#666;
cursor:default;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
overflow:visible;
width:auto;
}

button:hover,a.btn_fake:hover {
border-color:#3a5197;
}

button.btn_text {
background:none;
border:0;
cursor:pointer;
font-family:Arial, "Bitstream Vera Sans", Verdana, sans-serif;
font-size:100%;
}

.notice {
background:#fff;
border:2px solid #e7e7e7;
color:#333;
margin:10px auto 0;
width:70%;
}

.notice dt {
color:#8CB5E7;
font-weight:700;
}

.notice dd {
font-style:italic;
}

dl.info {
background:#f6f6f6;
border-color:#3a5197;
}

.info dt {
color:#fff;
background-color: #999999;
}

dl.error {
background:#fafafa;
border-color:#BC3737;
}

.error dt {
background:#e7e7e7;
color:#BC3737;
}

#top ul,#nav,ul.cat-pages,ul.cat-topicpages,table.calendar ul,div.meta_menu ul,#pm_folderlist,#profile_menuwrap ul {
list-style:none;
padding:0;
}

#profile_menuwrap ul,ul.cat-topicpages,blockquote dl,#fast-reply dd {
margin:0;
}

#top li,#nav li,ul.cat-pages li,ul.cat-topicpages li,table.calendar li,#pm_folderlist li,#profile_menuwrap li,#ucp_gallery li {
display:inline;
}

#top_bar {
height:19px;
background-color: #000000;
}

#top {
height:20px;
padding:0 2% 4px;
margin-bottom:12px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
background-color: #000000;
}

#top_info {
color:#FFFFFF;
float:left;
margin-top:4px;
font-weight: bold;
}

#top_menu {
float:right;
margin-top:0px;
background-color: #999999;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #CCCCCC;
}

.drop_menu li {
float:left;
margin-right:1px;
text-align:center;
}

.drop_menu a {
color:#999999;
display:block;
padding:4px .25em;
position:relative;
width:9em;
}

.drop_menu a:hover {
color:#999999;
}

.drop_menu ul {
color:#fff;
left:-999em;
margin:0;
position:absolute;
width:9.4em;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #666666;
}

.drop_menu ul li {
font-size:85%;
margin:0;
padding:0;
width:100%;
background-color: #CCCCCC;
}

.drop_menu ul li a {
display:block;
padding:4px 5%;
width:90%;
border-top-width: 0;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #666666;
border-right-color: #666666;
border-bottom-color: #666666;
border-left-color: #666666;
}

.drop_menu li ul li a:hover {
background-color: #CCCCCC;
}

#logo {
clear:both;
margin:0 2%;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 0;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #666666;
border-right-color: #666666;
border-bottom-color: #666666;
border-left-color: #666666;
}

#submenu_bar {
height:80px;
margin:0 2%;
background-color: #333333;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #999999;
border-left-color: #999999;
background-image: url(http://metalious.googlepages.com/lc_logo.jpg/lc_logo-full;init:.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}

#submenu {
color:#666666;
font-size:85%;
margin:0 2%;
padding:3px 1% 4px;
text-align:right;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #999999;
border-left-color: #999999;
}

#wrap {
background:#fff;
border:1px solid #3A5197;
margin:0 2% 30px;
}

#nav {
color:#000000;
height:1%;
padding:10px 1%;
}

.meta_box {
background:url(http://z3.ifrm.com/static/1/css/boxbg.png) repeat-x top #D8DCEB;
border:1px solid #BFC8E3;
font-size:85%;
line-height:150%;
padding:10px 25px;
}

.meta_menu {
background:#F6F6F6;
border:1px solid #e7e7e7;
padding:0;
width:49%;
}

.meta_menu h3 {
border:1px solid #e77700;
clear:both;
color:#FFF;
font-size:100%;
font-weight:700;
margin:-1px;
text-align:center;
background-color: #333333;
}

.meta_menu a,.meta_menu a:hover {
color:#666;
}

ul.cat-pages {
float:left;
font-size:90%;
margin:15px 0;
padding: 5px 1px;
width:49%;
}

.cat-pages a,.cat-pagesjump i,.cat-topicpages a {
background:#fff;
border:1px solid #e7e7e7;
color:#333333;
}

.cat-pages a:hover,.cat-topicpages a:hover {
background:#f6f6f6;
color:#666666;
}

.cat-pages span {
border:1px solid #3a5197;
color:#FFF;
cursor:default;
font-weight:700;
padding:2px 5px;
background-color: #666666;
}

.cat-pages input {
background:#fff;
color:#5a70b3;
padding:3px 5px;
vertical-align:baseline;
}

ul.cat-topicpages {
float:right;
font-size:80%;
padding:1px 0;
}

tr.generic td,div.generic {
font-size:120%;
font-weight:700;
padding:20px;
text-align:center;
}

td.c_head,td.c_foot,td.c_sort {
background:url(http://z3.ifrm.com/static/1/sub.png) repeat-x top #f6f6f6;
color:#666;
font-size:80%;
}

td.c_desc {
background:#f6f6f6;
font-weight:700;
text-align:right;
vertical-align:middle;
width:200px;
}

td.c_desc small {
display:block;
font-weight:400;
}

tr.pm_new td {
background:#D8DCEB;
font-weight:700;
}

tr.hidden td.c_post {
background:#D8DCEB;
}

.bday {
background:url(http://z3.ifrm.com/static/1/s_minibday.png) no-repeat;
color:#425384;
font-size:90%;
font-weight:700;
height:16px;
padding:2px 2px 2px 18px;
width:20px;
}

.c_mark {
background:#f6f6f6;
text-align:center;
width:1%;
}

.c_forum {
color:#666;
font-size:80%;
width:60%;
}

.c_forum strong a,.c_last strong a {
color:#425384;
}

.c_forum strong a {
font-size:135%;
}

td.c_last {
background:#f6f6f6;
font-size:85%;
}

.c_forum-desc {
color:#333;
font-size:85%;
}

.c_last-title {
background:url(http://z3.ifrm.com/static/1/last.gif) no-repeat left;
display:block;
line-height:16px;
padding-left:10px;
}

td.c_info-v,td.c_info-t,td.c_info-r {
font-size:80%;
padding:5px;
text-align:center;
}

td.c_subforum {
background:#f6f6f6;
color:#425384;
font-size:80%;
font-style:italic;
}

.cat_head td {
border-color:#5a70b3;
padding:0;
}

#stats .cat_head td {
border-color:#e77700;
}

.description {
color:#333333;
font-size:85%;
}

a.member:hover {
color:#666;
}

td#stats_events a,td#stats_events span {
background:url(http://z3.ifrm.com/static/1/s_minical.png) no-repeat 2px;
padding:4px 0 4px 20px;
}

td.c_username {
background:#f6f6f6;
padding:2px 0;
text-align:center;
}

td.c_username a {
font-size:140%;
font-weight:700;
}

td.c_user {
font-size:80%;
}

td.c_user dl {
background:#f6f6f6;
border:1px solid #e7e7e7;
margin:10px 0;
padding:5px 7px;
width:160px;
}

dl.user_profile {
overflow:hidden;
word-wrap:break-word;
}

dl.user_profile dd {
font-style:italic;
margin-left:8px;
}

dl.user_info dd {
font-weight:700;
margin-bottom:1px;
}

#profile_menu ul {
border-top:0;
}

#profile_menu a {
border:1px solid #3a5197;
background-color: #666666;
}

#profile_menu li li a {
border-top:0;
}

#profile_menu li ul li a:hover {
background-color: #666666;
}

td.c_poll-choice label {
font-weight:700;
padding-left:1em;
}

td.c_poll-votes {
font-size:120%;
text-align:center;
width:15%;
}

td.c_poll-bar div {
background:url(http://z3.ifrm.com/static/1/poll_b.png) no-repeat right;
float:left;
height:12px;
padding-right:3px;
}

td.c_poll-bar span {
background:url(http://z3.ifrm.com/static/1/poll_l.png) no-repeat;
display:block;
float:left;
height:12px;
width:3px;
}

.editby,.queued {
border:1px dotted #e7e7e7;
color:#999;
font-size:85%;
font-style:italic;
margin-top:1em;
padding:3px 5px;
}

.queued {
background-color:#D8DCEB;
border-color:#5a70b3;
}

blockquote {
background:#f6f6f6;
border:1px solid #3a5197;
margin:10px auto;
padding-bottom:1px;
width:98%;
}

blockquote dl {
background:url(http://z3.ifrm.com/static/1/quote.png) repeat-x top #6677AF;
border-bottom:1px solid #3a5197;
color:#fff;
}

blockquote dl dt {
color:#fff;
float:left;
font-weight:700;
}

code {
background:#f6f6f6;
display:block;
font-family:Monaco, Consolas, "Courier New", Courier, monospace;
white-space:normal;
}

div.spoiler {
border:1px solid #5a70b3;
border-top:0;
padding:5px 7px;
}

div.spoiler_toggle {
background:url(http://z3.ifrm.com/static/1/quote.png) repeat-x top #6677AF;
border:1px solid #3a5197;
color:#fff;
cursor:pointer;
font-weight:700;
padding:2px 4px;
}

td.c_postinfo {
background:#f6f6f6;
color:#999;
font-size:80%;
vertical-align:middle;
}

td.c_sig {
color:#666;
font-size:80%;
}

td.c_sig blockquote {
background:none transparent;
border:0;
border-left:3px solid #999;
padding-left:5px;
}

td.c_sig blockquote dl {
background:none transparent;
border:0;
color:#666;
}

td.c_sig blockquote dl dt,td.c_sig blockquote dl dd {
color:#666;
padding:0;
}

td.c_sig blockquote div {
background:transparent;
margin-left:5px;
padding:0;
}

tr.c_postfoot {
background:#f6f6f6;
clear:both;
}

td.c_footicons,td.c_postinfo {
width:100%;
}

td.c_username {
width:175px;
}

.c_next a {
display:block;
font-size:125%;
font-weight:700;
text-align:center;
}

td.c_view {
background:#f6f6f6;
color:#333333;
}

div.c_view-list {
color:#999;
font-size:92.5%;
}

dl#fast-reply dt {
background:url(http://z3.ifrm.com/static/1/css/h2s.png) repeat-x top #FB9D3A;
border:1px solid #e77700;
color:#FFF;
font-size:110%;
font-weight:700;
margin:0;
padding:5px;
}

dl#fast-reply dd {
background:#fafafa;
border:1px solid #e7e7e7;
padding:15px 0;
text-align:center;
}

#c_post-preview {
background:#f6f6f6;
border:1px solid #BFC8E3;
margin:0 auto 10px;
padding:5px;
text-align:left;
width:98%;
}

#c_post-resize span {
color:#e7e7e7;
cursor:pointer;
font-size:225%;
padding:20px 5px 0;
}

#emot_wrap {
background:#f6f6f6;
border:1px solid #e7e7e7;
}

#emot_wrap h3 {
background:url(http://z3.ifrm.com/static/1/sub.png) repeat-x top #f6f6f6;
border-bottom:1px solid #e7e7e7;
color:#999;
font-size:120%;
text-align:center;
}

#emot_end {
border-top:1px solid #e7e7e7;
display:block;
font-weight:700;
padding:4px 0;
text-align:center;
}

#pm_folders {
border-left:1px solid #e7e7e7;
border-right:1px solid #e7e7e7;
padding-top:30px;
vertical-align:top;
width:150px;
}

#pm_folderlist {
position: relative;
margin-left:0;
margin-top:0
}

#pm_folderlist li {
background:url(http://z3.ifrm.com/static/1/pmfolder.png) no-repeat 5px;
display:list-item;
margin-bottom:4px;
padding-left:28px;
}

#pm_forwarded {
border:1px dotted #e7e7e7;
color:#999;
font-size:90%;
font-style:italic;
margin-top:1em;
padding:3px 5px;
}

#ucp_gallery a {
color:#425384;
font-weight:700;
}

#ucp_gallery a:hover {
color:#5A70B3;
}

.calendar td.cal_inactive {
background:#f6f6f6;
color:#e7e7e7!important;
}

.calendar td div {
background:#f6f6f6;
border-bottom:1px solid #e7e7e7;
font-weight:700;
padding:5px 7px;
}

.calendar div a {
background:url(http://z3.ifrm.com/static/1/s_minibday.png) no-repeat 5px;
float:right;
font-size:80%;
font-weight:400;
padding:0 0 6px 24px;
}

.calendar li a,.calendar li span {
border-color:transparent;
border-style:solid;
border-width:1px;
display:block;
padding:3px;
}

.calendar td#cal_current {
background:#fff;
border:2px solid #5a70b3;
}

div.portal_content {
background:#fafafa;
border:1px solid #e7e7e7;
font-size:88.3%;
margin:0;
padding:5px 7px;
}

#portal h2 {
font-size:88.3%;
}

#portal h4 {
background:url(http://z3.ifrm.com/static/1/sub.png) repeat-x top #fafafa;
border-left:1px solid #e7e7e7;
border-right:1px solid #e7e7e7;
color:#777;
font-size:88.3%;
font-weight:400;
margin:0;
padding:5px 7px;
}

#faq dt a {
color:#425384;
font-size:120%;
font-weight:700;
}

#faq dd.faq_more a,#faq dl.faq_more a:hover {
color:#999;
font-style:italic;
}

.search_results {
background:#fafafa;
border:1px solid #e7e7e7;
margin-bottom:1em;
padding:5px 7px;
}

.search_results h3 {
display:inline;
font-size:125%;
}

.search_results cite,.search_results p {
color:#777;
font-size:85%;
margin:0;
}

#findposts .c_mark {
color:#5a70b3;
font-size:200%;
font-weight:700;
vertical-align:top;
}

#pmtoast {
background:#fff;
border:2px solid #3a5197;
bottom:10px;
color:#333;
display:none;
font-size:90%;
position:fixed;
right:10px;
text-align:right;
text-decoration:none;
width:200px;
z-index:1;
}

#pmtoast:hover {
border-color:#3a5197;
}

#pmlink {
background:url(http://z3.ifrm.com/static/1/toast.png) no-repeat 5px;
color:#5a70b3;
display:block;
padding:10px 10px 10px 55px;
text-decoration:none;
}

#pmlink big {
color:#5a70b3;
display:block;
font-weight:700;
padding-bottom:5px;
}

#pmlink strong {
color:#E77700;
}

#pmclose {
border-top:1px solid #3a5197;
color:#5a70b3;
display:block;
font-size:80%;
padding:1px 10px;
}

#pmclose:hover {
color:#3a5197;
}

#foot_wrap {
margin:20px 1px 20px 0;
}

#foot td {
background:#fafafa;
border-bottom:1px solid #e7e7e7;
border-top:1px solid #e7e7e7;
border-left:0;
border-right:0;
color:#777;
font-size:80%;
}

#foot a,#foot a:hover {
color:#777;
}

#foot #foot_datetime {
border-left:1px solid #e7e7e7;
width:1%;
white-space:nowrap;
}

#copyright {
color:#FFF;
font-size:80%;
margin:10px 0;
text-align:center;
}

#copyright a {
color:#999999;
font-weight:700;
}

#c_tos h3 {
color:#333;
font-size:120%;
}

td.username_ok {
background:#e0fae0;
}

input.username_ok {
outline:2px solid #0c0;
}

td.username_no {
background:#fae0e0;
}

input.username_no {
outline:2px solid #e77700;
}

#acplogin {
background:url(http://z3.ifrm.com/static/acp/acpback.png) repeat-x 0 -195px #fff;
border:2px solid #3a5197;
height:275px;
left:50%;
margin:-137.5px 0 0 -250px;
padding:0;
position:absolute;
top:50%;
width:500px;
}

#acplogin h1 {
color:#FFF;
font-weight:400;
height:50px;
margin-bottom:20px;
padding:50px 20px 0 0;
text-align:right;
}

#acplogin h1 img {
position:absolute;
left:0;
top:0;
}

a img {
border:0;
}

form {
display:inline;
margin:0;
padding:0;
}

.category h2,.topic h2,#portal h2 {
padding:5px;
text-align:left;
}

h3 {
padding:3px 0;
}

input[type=checkbox] {
background:transparent;
border:0;
padding:0;
vertical-align:bottom;
}

input[type=radio] {
border:0;
}

select {
margin:0 7px;
padding:0;
vertical-align:bottom;
}

option {
margin:2px 0;
}

button.btn_img {
border:0;
cursor:pointer;
padding:0;
}

.notice dt,.notice dd {
padding:5px 7px;
}

.drop_menu a img {
vertical-align:bottom;
}

.drop_menu li:hover ul,.drop_menu li.hover ul {
left:auto;
}

#submenu a {
padding:3px 5px;
}

#main {
height:1%;
padding:0 1%;
}

#nav li img {
vertical-align:top;
}

.meta_box,.meta_menu {
margin:10px 0;
}

.meta_box li {
display:list-item;
list-style-position:inside;
list-style-type:square;
margin-left:10px;
}

.meta_menu ul {
font-size:90%;
margin:5px 5%;
}

.meta_menu img,.meta_menu span {
float:right;
margin:10px 20px;
}

.cat-pages a,.cat-pagesjump i,.cat-topicpages a {
cursor:pointer;
padding:2px 5px;
}

.cat-topicpages a {
padding:0 2px;
}

.cat-buttons,.topic-buttons {
float:right;
margin:15px 0;
text-align:right;
width:50%;
}

tr.postbtn td {
padding:5px;
text-align:center;
}

.row1,.row2 {
line-height:1.4;
}

td.c_head input,td.c_head button,td.c_foot input,td.c_foot button,td.c_sort input,td.c_sort button {
padding:1px;
}

td.c_desc img,td.c_desc input {
float:left;
vertical-align:middle;
}

.category {
margin:10px 0 0;
}

span.collapse,span.uncollapse {
cursor:pointer;
float:right;
position:relative;
}

.c_mark img {
display:block;
margin:auto;
}

.c_last {
line-height:1.4;
min-width:300px;
width:30%;
}

.category td.c_foot {
height:10px;
}

#stats_members {
line-height:1.2;
}

td.c_cat-mark,td.c_cat-icon {
padding:5px 0;
text-align:center;
width:30px;
}

td.c_cat-starter {
width:125px;
}

td.c_cat-lastpost {
width:175px;
}

.c_user {
vertical-align:top;
width:1px;
min-width:175px;
max-width:175px;
}

.c_post {
width:100%;
}

.c_sig,.c_nosig {
width:100%;
}

.avatar {
display:block;
margin:auto;
text-align:center;
}

.av_wrap {
overflow:hidden;
text-align:center;
margin:auto;
}

td.c_user .usertitle {
margin:3px 0;
overflow-x:hidden;
text-align:center;
}

.pip {
margin:3px 0;
white-space:nowrap;
}

dl.user_info dt,dl.user_info dd {
padding:.1em;
}

dl.user_info dt {
float:left;
margin:0;
min-width:4em;
}

dl.user_info dd.spacer,dl.user_profile dd.spacer {
clear:both;
float:none;
height:1px;
padding:0;
}

td.c_poll-choice {
line-height:1.5;
padding-left:45%;
}

td.c_poll-answer {
text-align:right;
width:42.5%;
}

td.c_poll-bar {
text-align:left;
vertical-align:middle;
width:42.5%;
}

* html td.c_poll-bar span {
margin-top:3px;
}

td.c_post {
line-height:1.7;
vertical-align:top;
}

td.c_post ul {
list-style-type:square;
margin-left:10px;
}

.c_post img,#topic_review img {
max-width:90%;
}

.c_post-attachment {
font-size:83.3%;
margin-top:1em;
padding:1em;
}

.c_post-attachment dd {
margin-left:1em;
}

.post_sep {
font-size:1px;
height:1px;
}

td.c_sig,td.c_nosig {
height:1%;
vertical-align:top;
}

td.c_nosig {
border-top-style:hidden!important;
}

blockquote dl dt,blockquote dl dd {
padding:2px 4px;
}

blockquote div,blockquote code {
margin:0;
padding:5px;
}

dl#fast-reply {
clear:both;
margin:auto;
width:80%;
}

dl#fast-reply dd p {
margin:-3px;
padding:0 5% 10px;
text-align:left;
}

dl#fast-reply dd textarea {
display:block;
height:100px;
margin-bottom:10px;
padding:2px;
width:90%;
}

#c_post-text {
height:223px;
}

#c_post-resize {
float:right;
margin-top:-1px;
padding:4px 0 0;
text-align:right;
}

#btn_preview {
float:left;
margin:10px 0 0 1px;
}

#c_emot {
height:225px;
vertical-align:top;
width:210px;
}

#emot_list {
height:275px;
margin:0 auto;
overflow:auto;
padding:5px 0;
text-align:center;
}

div#emot_list {
padding:0;
}

#emot_list li {
display:inline;
padding:4px 10px;
}

#emot_list img {
cursor:pointer;
vertical-align:baseline;
}

.pm {
margin-bottom:1em;
}

#pm_datesent {
width:200px;
}

#pm_select {
text-align:center;
width:1px;
}

#conversation .c_post {
padding:2em;
}

#ucp_profile,#pm_messages {
float:right;
}

#ucp_settings img,#ucp_profile img {
margin:18px 20px;
}

#ucp_gallery li {
float:left;
margin:15px 5px;
}

#ucp_gallery button {
cursor:pointer;
text-align:center;
}

.ucp button.btn_text {
padding:5px 0;
text-align:center;
width:100%;
}

.calendar td {
height:125px;
padding:0;
vertical-align:top;
width:14.3%;
}

.calendar li {
display:list-item;
font-size:80%;
margin:0;
}

.calendar li.placeholder {
padding:4px;
}

.calendar li span {
cursor:default;
}

.calendar td#cal_current div {
padding-top:3px;
}

#portal_head {
margin-bottom:10px;
}

#portal_foot {
margin-top:10px;
}

#portal_l,#portal_r {
font-size:88.3%;
margin:0;
padding:0;
}

#portal_l {
float:left;
width:200px;
}

#portal_r {
float:right;
width:150px;
}

#portal_news {
margin:0 160px 0 210px;
}

#portal_clear {
background:transparent;
border:none;
clear:both;
font-size:1px;
height:1px;
margin:0;
padding:0;
}

.portal_box {
margin-bottom:5px;
padding:1px;
}

.portal_box table {
clear:none;
}

#portal h2,#portal_foot h2 {
clear:none;
margin:0;
padding:3px 5px;
}

#faq {
margin:20px 0;
}

#faq dl {
padding:1em;
}

#faq dt {
margin-bottom:5px;
}

#faq dd {
display:list-item;
margin:0 0 3px 15px;
padding-left:3px;
}

.search_results div {
display:block;
margin:5px 0;
}

#acplogin #loginform {
display:block;
padding:0 50px;
}

.category h2 a,#portal h2 a,#portal_foot h2 a,thead a,.category h2 a:hover,#portal h2 a:hover,#portal_foot h2 a:hover,thead a:hover,#top_info a,#top_info a:hover,.drop_menu a,.drop_menu a:hover,#submenu a,#submenu a:hover {
color:#FFFFFF;
}

input,select,td,th {
font-size:90%;
}

button.btn_default,#nav li span,.c_post-attachment dt,#c_tos dt {
font-weight:700;
}

#submenu a:hover,.meta_menu a:hover {
text-decoration:underline;
}

.meta_box h3,td.c_topicfoot strong,#meta_welcome strong {
font-size:120%;
}

.meta_box h3,.meta_box a,.meta_box a:hover,tr.pm_new td a,tr.pm_new td a:hover,tr.hidden td a,tr.hidden td a:hover,.c_forum strong a:hover,.c_last strong a:hover,#faq dt a:hover,.search_results h3 a,.search_results h3 a:hover {
color:#5a70b3;
}

.row2 td,blockquote div {
background:#f6f6f6;
}

a.member,.calendar td a,.calendar a:hover,#faq dd a,#faq dd a:hover {
color:#333;
}

img,.meta_box button img,td.c_cat-mark input,.c_post-attachment img,.warn img,#ucp_gallery a img {
vertical-align:middle;
}

h1,h2,h3,#nav,#boardmeta,#main {
clear:both;
margin:0;
}

#meta_welcome,.search_results {
clear:both;
}

#stats_events {
line-height:2;
}

.c_cat-starter,.c_cat-replies,.c_cat-views,td.c_poll-total,td.c_poll-vote,td.c_topicfoot,.warn,.ucp th,#c_notes,.calendar th {
text-align:center;
}

blockquote dl dd,#foot #foot_links {
text-align:right;
}

#c_post,#ucp_gallery {
text-align:center;
vertical-align:top;
}

#files_upload input,.pm .row1 a,.pm .row2 a,#ucp_gallery button img,#findposts td a {
display:block;
}

#ucp_settings,#pm_settings {
float:left;
}

#c_tos dd,#username_response {
margin-left:10px;
}

#vlx {
z-index:1;
}

#blog {
background:#5a70b3;
border:1px solid #3a5197;
color:#333;
margin:10px 0;
}

#blog blockquote {
background:none;
border:none;
font-size:85%;
padding:0 10px;
}

#blog h1 {
float:right;
}

#blog h2 {
background:none;
clear:none;
font-size:130%;
padding:0;
}

#blog h2,#blog h2 a,#blog h2 a:hover {
color:#5a70b3;
}

#blog_foot {
clear:both;
margin-bottom:20px;
}

#blog_head {
background:#f6f6f6;
border:8px solid #5a70b3;
padding:10px 14px;
}

#blog_head img.avatar {
display:inline;
}

#blog_main {
margin:20px 200px 10px 10px;
}

#blog_categories,#blog_readers,#blog_about,div.blog_options {
background:#f6f6f6;
margin:15px 0;
padding:5px 7px;
}

#blog_sidebar h3,#blog_sidebar dt {
color:#5a70b3;
font-weight:700;
}

#blog_sub {
background:#3a5197;
clear:both;
position:relative;
padding:5px 7px;
text-align:right;
}

#blog_sub span {
padding-top:4px;
}

#blog_sidebar {
background:#3a5197;
float:right;
font-size:93.3%;
margin:20px 10px 0 0;
padding:0 10px;
width:160px;
}

#blog_sidebar dd {
margin-left:10px;
}

#blog_user {
font-size:175%;
}

div.blog_options {
font-size:90%;
text-align:right;
}

div.blog_date {
background:#f6f6f6;
border:1px solid #3a5197;
color:#5a70b3;
float:right;
font-weight:700;
margin:0 15px;
text-align:center;
text-transform:uppercase;
width:40px;
}

div.blog_date span {
background:#fafafa;
border-top:1px solid #e7e7e7;
color:#e77700;
display:block;
font-size:130%;
font-weight:700;
padding:2px 4px;
}

div.blog_entry {
background:#fff;
margin:10px 0;
padding:5px 7px;
}

#blog_comments li {
padding:5px 7px;
}

#blog_comments li.odd {
background:#f6f6f6;
}

#shoutwrap {
background:#fafafa;
border:1px solid #e7e7e7;
font-size:88.3%;
}

#shoutwrap td {
padding:0;
}

#shoutbox {
list-style-type:none;
margin:0;
padding:0;
}

#shoutbox li {
padding:5px 7px;
}

#shoutbox li.odd {
background:#f6f6f6;
}

#shoutbox dl,#shoutbox dt,#shoutbox dd {
margin:0;
padding:0;
}

#shoutbox dt {
color:#777;
font-size:80%;
}

#shoutopts,#shoutpost {
clear:both;
text-align:center;
}
#nav {
color: #000000;
}
#nav a:link {
color: #990000;
}
#nav span a:link {
color: #000000;
}
#nav a:visited {
color: #990000;
}
#nav a:hover {
color: #6A0000;
}
Offline Profile Quote Post Goto Top
 
Metalious

Above I posted one for people who don't like the site graphics to interfere much with
the content. And it's easy to read. The logo needs to be replace with one hosted
by this site. I created a Google website to upload that image to and I'm not sure
how long it'll be there. Plus I put about three minutes into it and it shows.

For anyone who wants to do CSS and be able to see the results in real time (mostly)
save the page from Firefox and open it in Dreamweaver. It makes editing CSS visual
and about as easy as CSS can be.

Offline Profile Quote Post Goto Top
 
JointPlays
Member Avatar

dylan avery
Jan 19 2008, 11:31 PM
I apologize, everyone. I'm really the only one on the admin team that knows how to customize these things and I haven't had the time. We're working on "Dark" right now.

What does everyone think?
Better, but the colour on the topic headlines are still hard to read.
Offline Profile Quote Post Goto Top
 
dylan avery
Member Avatar

Metalious
Jan 20 2008, 02:08 AM
Above I posted one for people who don't like the site graphics to interfere much with
the content. And it's easy to read. The logo needs to be replace with one hosted
by this site. I created a Google website to upload that image to and I'm not sure
how long it'll be there. Plus I put about three minutes into it and it shows.

For anyone who wants to do CSS and be able to see the results in real time (mostly)
save the page from Firefox and open it in Dreamweaver. It makes editing CSS visual
and about as easy as CSS can be.

Done. It's added. :P

Looks great man!
Edited by dylan avery, Jan 20 2008, 04:50 PM.
Offline Profile Quote Post Goto Top
 
IVXX
Member Avatar
MDCCLXXVI
Metalious
Jan 20 2008, 02:08 AM
Above I posted one for people who don't like the site graphics to interfere much with
the content. And it's easy to read. The logo needs to be replace with one hosted
by this site. I created a Google website to upload that image to and I'm not sure
how long it'll be there. Plus I put about three minutes into it and it shows.

For anyone who wants to do CSS and be able to see the results in real time (mostly)
save the page from Firefox and open it in Dreamweaver. It makes editing CSS visual
and about as easy as CSS can be.

Nice job man. Looks great!!
Offline Profile Quote Post Goto Top
 
Miragememories
Member Avatar

We still need a larger font (the current size is an eye killer).

I like the new color scheme but the thread titles are so faded on my Mac that I can barely see them.

Sorry to be a critic but I don't have the time or interest in submitting my own "skins".

MM
Offline Profile Quote Post Goto Top
 
JointPlays
Member Avatar

Miragememories
Jan 20 2008, 05:24 PM
We still need a larger font (the current size is an eye killer).

I like the new color scheme but the thread titles are so faded on my Mac that I can barely see them.

Sorry to be a critic but I don't have the time or interest in submitting my own "skins".

MM
Second that.

Forum looks great! Just the thread titles are very transparent. And im not using Mac.

Offline Profile Quote Post Goto Top
 
JointPlays
Member Avatar

Metalious theme works for me now.

Looks awesome!
Offline Profile Quote Post Goto Top
 
Chris Sarns
Member Avatar

JointPlays
Jan 20 2008, 07:00 PM
Miragememories
Jan 20 2008, 05:24 PM
We still need a larger font (the current size is an eye killer).

I like the new color scheme but the thread titles are so faded on my Mac that I can barely see them.

Sorry to be a critic but I don't have the time or interest in submitting my own "skins".

MM
Second that.

Forum looks great! Just the thread titles are very transparent. And im not using Mac.

I'll second that second
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · The Lounge · Next Topic »
Add Reply