Banner
English Japanese Trap
U: P: R? Register?

Guides
 

Guide: How to create your own stylesheet

This guide will help you on the way to find/edit/create new stylesheets for the DB.
MugiBB 3 BETA 1.2

The CSS file is located at http://doujinshi.mugimugi.org/style/main.css ; but since its a bit big to go through directly, we'll go through the essential parts here.

Colors:
Most options for this is put in their own section in the CSS file, but lets list them anyway.
The default style has 3 different main colors.

Blue
light-blue
very-light-blue
 

/* Background color */
body {
background-color:#EFF2FC;
}


/* Header color */
.ct, .rounded_box h1, .rounded_box h2, .rounded_box h3 {
background-color:#5b8ef4;
}

em.ctl i, em.ctr i {
color:#5b8ef4;
}

/* Body color */
.rounded_box p.footer, .rounded_box p.header, .round_middle, .cb, .round_middle h1, .round_middle h2, .round_middle h3 {
background-color:#D4DCF7;
}
em.cbl i, em.cbr i {
color:#CAD4F7;
}

/* Alternate Body color */
.round_middle2, .round_middle2 h1, .round_middle2 h2, .round_middle2 h3 {
background-color:#CAD4F7;
}




/* Border color */
.ct, .cb, .rounded_box p.footer, .rounded_box p.header, .round_middle, .round_middle2, .rounded_box h1, .rounded_box h2, .rounded_box h3 {
border-color:#5F80FE;
}

.rounded_box em b {
color:#5F80FE;
}

#header_top {
background-color: #5b8ef4;
}

#footer {
background-color: #EFF2FC;
background-image: url(/images/tablebluebg2.png);
background-repeat: repeat-x;
background-position: bottom;
}

#content {
background-color: #EFF2FC;
}

input, select, textarea, button, checkbox {
background: #5b8ef4;
border:solid 1px #000;
color: #FFF;
}
 
--Work in progress--