ID:33844
 
Can someone do a CSS for my page? I have a banner and a background I want to use but I don't know CSS very good. The guy who was suppose to make it didn't know CSS that well, help :(.
BODY{ color: #FFF;
background-color:#000;
background: url(http://members.byond.com/Mikau/files/background.jpg);
font-size: 12;
margin-right: 0px;
margin-left: 0px;
width:100%;
height:100%;
}
#guild_members{background: url(http://files.byondhome.com/Mikau/ dnd-boxes.png);padding-left:25pt;}
.guild_member_list{color:#a4a4a4;}
#website_link {
display: none;
}
#forum_list_box{background: url(http://files.byondhome.com/Mikau/dnd-boxes.png)}
a:link, a:visited,a.unread:link, a.unread:visited, a.unknown:link, .invisible a.unread:link, .invisible a.unread:visited, .invisible a.unknown:link {
color: #FFF;
font-size: 12;
text-decoration: none;
}
.forum_list .admin{display:none;}
#member_large_icon {
text-align: center;
border: transparent;
position: absolute; margin-left: 15%; margin-top: 10%;
}
#blog_box,#favorite_games_icon_box, .posts{width:136%;}
#description{
color: #a4a4a4;
font-style: italic;
font-size: 8pt;
text-align: center;
margin-left: 4pt;
margin-right: 4pt;
}

.info_text{
color: #a4a4a4;
}

.recent_posts{
text-align: left;
margin-left:-12pt;
}
#website_page_header .title{
color: #fff;
background: url(http://files.byondhome.com/Mikau/dnd-boxes.png);
width: 150pt;
margin-left: 50%;
margin-top: 10pt;
}
#website_page_header .subtitle{
color: #fff;
background: url(http://files.byondhome.com/Mikau/dnd-boxes.png);
width: 225pt;
margin-left: 45%;
margin-top: 15pt%;
}

.boxes {
top: -20pt;
}

.box, .big_box{
text-align: center;
background-color: #000;
margin-top: 10px;
margin-left: 0pt;
margin-right: 0px;
margin-bottom: 0pt;
border: 1px solid #000;
}

.custom_content{
text-align: center;
}

.box .title, .big_box .title,#favorite_games_icon_box .title, #blog_box .title, #favorite_games_icon_box .title a{
text-align: center;
margin-top: 0px;
margin-bottom: 0pt;
padding-top: 0pt;
padding-bottom: 0pt;
background: url(http://files.byondhome.com/Mikau/dnd-boxes.png);
width: 100%;
color: #fff;
}

.data_excerpt, .data_list_attribution, .custom_content {
color: #A4A4A4;
}

.header {
color: #808080;
text-align: left;
font-weight: bold;
margin-top: 0pt;
margin-bottom: 0pt;
margin-left: 4pt;
margin-right: 0pt;
}

.info_text {
font-weight: normal;
text-align: left;
color:#C0C0C0;
}

.info_link {
display:block;
text-align: left;
margin-left: 4pt;
margin-right: 4pt;
margin-bottom: 2pt;
}

.image_text {
display: block;
margin-bottom: 5pt;
}

#gender_image {
visibility: hidden;
margin-bottom: -15pt;
}

.center, #center{
width: 56%;
position: absolute;
top: 60pt;
left: 22%;
}

.big_box{
background: url(http://files.byondhome.com/Mikau/dnd-boxes.png);
}

.posts {
margin-top: 10pt;
border: 1px solid #404040;
}

#add_comment_box{
background: url(http://files.byondhome.com/Mikau/dnd-boxes.png);
}

.post, .comment{
background: url(http://files.byondhome.com/Mikau/dnd-boxes.png);
color: #C0C0C0;
border: 1px solid #040404;
}

.post .title, .comment .title{
background: url(http://files.byondhome.com/Mikau/dnd-boxes.png);
border: 0pt solid #000;
color: #000;
padding: 0pt;
font-family: technic;
font-size: 14pt;
}

.post .text{
margin: 0pt;
padding: 15pt;
margin-left: -15pt;
margin-right:-15pt;
margin-top: -15pt;
}

.post .slugline, .comment .slugline {
border-top: 1pt solid #404040;
font-size: 8pt;
color: #C0C0C0;
text-align: center;
}

.post .slugline{
margin-bottom: -10pt;
}

.post .title{
color: #fff;
text-align: center;
}

.comment .title, .comment .title a{
color:#fff;
text-align: left;
padding-left:5;
background: url(http://files.byondhome.com/Mikau/dnd-boxes.png);
}

.edit_post {
float:right;
}

#forum_content {
text-align: left;
margin-left: 5%;
margin-right: 5%;
padding: pt;
}

#forum_data {
padding: 3px;
margin: 3px;
}

.admin, .admin_lite {
color: #C0C0FF;
}

.style1, .style2, .style3{
background: url(http://files.byondhome.com/Mikau/dnd-forum.png);
color:#FFF;
}

.style1 a:link, .style2 a:link, .style1 v:link, .style2 v:link, a:unread{
color:#fff;
text-decoration: none;
}

#info_box, #friends_box, #guild_box, #games_box, #posts_list_box, #listed_files_box, #guilds_box, #fans, #fans_box, #tidbits_box{
background: url(http://files.byondhome.com/Mikau/dnd-boxes.png);
}

.invisible table{
background: url(http://files.byondhome.com/Mikau/dnd-boxes.png);
padding-left: 5pt;
padding-right: 5pt;
}

#blog_calendar_box{
background: url(http://files.byondhome.com/Mikau/dnd-boxes.png);
}
#blog_calendar_box td, #blog_calendar_box caption, #blog_calendar_box th{
color:#a4a4a4;
}
#blog_calendar_box a{
color:#fff;
}

.poll_question, .poll_options, .poll_results{
color:#a4a4a4;
}
Mikau wrote:
BODY{ color: #FFF;
background-color:#000;
background: url(http://members.byond.com/Mikau/files/background.jpg);
font-size: 12;
margin-right: 0px;
margin-left: 0px;
width:100%;
height:100%;
}
#guild_members{background: url(http://files.byondhome.com/Mikau/ dnd-boxes.png);padding-left:25pt;}
.guild_member_list{color:#a4a4a4;}
#website_link {
display: none;
}
#forum_list_box{background: url(http://files.byondhome.com/Mikau/dnd-boxes.png)}
a:link, a:visited,a.unread:link, a.unread:visited, a.unknown:link, .invisible a.unread:link, .invisible a.unread:visited, .invisible a.unknown:link {
color: #FFF;
font-size: 12;
text-decoration: none;
}
.forum_list .admin{display:none;}
#member_large_icon {
text-align: center;
border: transparent;
position: absolute; margin-left: 15%; margin-top: 10%;
}
#blog_box,#favorite_games_icon_box, .posts{width:136%;}
#description{
color: #a4a4a4;
font-style: italic;
font-size: 8pt;
text-align: center;
margin-left: 4pt;
margin-right: 4pt;
}

.info_text{
color: #a4a4a4;
}

.recent_posts{
text-align: left;
margin-left:-12pt;
}
#website_page_header .title{
color: #fff;
background: url(http://files.byondhome.com/Mikau/dnd-boxes.png);
width: 150pt;
margin-left: 50%;
margin-top: 10pt;
}
#website_page_header .subtitle{
color: #fff;
background: url(http://files.byondhome.com/Mikau/dnd-boxes.png);
width: 225pt;
margin-left: 45%;
margin-top: 15pt%;
}

.boxes {
top: -20pt;
}

.box, .big_box{
text-align: center;
background-color: #000;
margin-top: 10px;
margin-left: 0pt;
margin-right: 0px;
margin-bottom: 0pt;
border: 1px solid #000;
}

.custom_content{
text-align: center;
}

.box .title, .big_box .title,#favorite_games_icon_box .title, #blog_box .title, #favorite_games_icon_box .title a{
text-align: center;
margin-top: 0px;
margin-bottom: 0pt;
padding-top: 0pt;
padding-bottom: 0pt;
background: url(http://files.byondhome.com/Mikau/dnd-boxes.png);
width: 100%;
color: #fff;
}

.data_excerpt, .data_list_attribution, .custom_content {
color: #A4A4A4;
}

.header {
color: #808080;
text-align: left;
font-weight: bold;
margin-top: 0pt;
margin-bottom: 0pt;
margin-left: 4pt;
margin-right: 0pt;
}

.info_text {
font-weight: normal;
text-align: left;
color:#C0C0C0;
}

.info_link {
display:block;
text-align: left;
margin-left: 4pt;
margin-right: 4pt;
margin-bottom: 2pt;
}

.image_text {
display: block;
margin-bottom: 5pt;
}

#gender_image {
visibility: hidden;
margin-bottom: -15pt;
}

.center, #center{
width: 56%;
position: absolute;
top: 60pt;
left: 22%;
}

.big_box{
background: url(http://files.byondhome.com/Mikau/dnd-boxes.png);
}

.posts {
margin-top: 10pt;
border: 1px solid #404040;
}

#add_comment_box{
background: url(http://files.byondhome.com/Mikau/dnd-boxes.png);
}

.post, .comment{
background: url(http://files.byondhome.com/Mikau/dnd-boxes.png);
color: #C0C0C0;
border: 1px solid #040404;
}

.post .title, .comment .title{
background: url(http://files.byondhome.com/Mikau/dnd-boxes.png);
border: 0pt solid #000;
color: #000;
padding: 0pt;
font-family: technic;
font-size: 14pt;
}

.post .text{
margin: 0pt;
padding: 15pt;
margin-left: -15pt;
margin-right:-15pt;
margin-top: -15pt;
}

.post .slugline, .comment .slugline {
border-top: 1pt solid #404040;
font-size: 8pt;
color: #C0C0C0;
text-align: center;
}

.post .slugline{
margin-bottom: -10pt;
}

.post .title{
color: #fff;
text-align: center;
}

.comment .title, .comment .title a{
color:#fff;
text-align: left;
padding-left:5;
background: url(http://files.byondhome.com/Mikau/dnd-boxes.png);
}

.edit_post {
float:right;
}

#forum_content {
text-align: left;
margin-left: 5%;
margin-right: 5%;
padding: pt;
}

#forum_data {
padding: 3px;
margin: 3px;
}

.admin, .admin_lite {
color: #C0C0FF;
}

.style1, .style2, .style3{
background: url(http://files.byondhome.com/Mikau/dnd-forum.png);
color:#FFF;
}

.style1 a:link, .style2 a:link, .style1 v:link, .style2 v:link, a:unread{
color:#fff;
text-decoration: none;
}

#info_box, #friends_box, #guild_box, #games_box, #posts_list_box, #listed_files_box, #guilds_box, #fans, #fans_box, #tidbits_box{
background: url(http://files.byondhome.com/Mikau/dnd-boxes.png);
}

.invisible table{
background: url(http://files.byondhome.com/Mikau/dnd-boxes.png);
padding-left: 5pt;
padding-right: 5pt;
}

#blog_calendar_box{
background: url(http://files.byondhome.com/Mikau/dnd-boxes.png);
}
#blog_calendar_box td, #blog_calendar_box caption, #blog_calendar_box th{
color:#a4a4a4;
}
#blog_calendar_box a{
color:#fff;
}

.poll_question, .poll_options, .poll_results{
color:#a4a4a4;
}
Thanks Mikau!
Uh, you might not want to have any boxes on the right side, the CSS stretches the center objects across the right side.
Mikau wrote:
Uh, you might not want to have any boxes on the right side, the CSS stretches the center objects across the right side.

Yeah, I kind of noticed that. I'll fix that. Once again, thanks.