I know a lot of people have a Twilight layout or is obsessed with the series, anyways, here's mine.
Preview:
Screenshot
Code (copy and paste it on CSS):
body { background-image: url(http://i149.photobucket.com/albums/s75/mabudachi3/Twilight/Twilight-twilight-series-1293477-14.jpg); background-repeat: no-repeat; background-position: bottom right; background-color: #000000; background-attachment: fixed;}
#main { border-color: transparent; background-color: transparent; background-image: none; background-repeat: repeat-y; background position: top center; }
#info-section { width: 344px; background-color: transparent; font-family: Monotype Corsiva;}
#about-section { width: 525px; font-family: Monotype Corsiva;}
#comment-list p { width: 380px; }
html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a { color: #FFFFFF; background-color: #000000; font-family: Monotype Corsiva;}
html body div #options, html body div #options a, html body div #options span a, html body div #options span { color: #CC3333; background-color: #FFFFFF; font-family: Monotype Corsiva;}
#stories { background-color: transparent; font-family: Monotype Corsiva; }
#stories h2 { color: #CC3333; background-color: transparent; text-align: center; font-family: Monotype Corsiva; font-size: 40px; letter-spacing: 2px; }
#stories li { color: #FFFFFF; background-color: transparent; text-align: center; }
#stories li span { color: #C0C0C0; }
#stories li a { color: #CC3333; }
#stories ul li h3 a { color: #FFFFFFF; }
#journals { background-color: transparent; font-family: Monotype Corsiva; }
#journals h2 { color: #CC3333; background-color: transparent; text-align: center; font-family: Monotype Corsiva; font-size: 40px; letter-spacing: 2px; }
#journals li { color: #ffffff; background-color: transparent; text-align: center; }
#journals li span { color: #C0C0C0; }
#journals li a { color: #C0C0C0; }
#journals ul li h3 a { color: #ffffff; }
#poems { background-color: transparent; font-family: Monotype Corsiva; }
#poems h2 { color: #CC3333; background-color: transparent; text-align: center; font-family: Monotype Corsiva; font-size: 40px; letter-spacing: 2px; }
#poems li { color: #ffffff; background-color: transparent; text-align: center; }
#poems li span { color: #C0C0C0; }
#poems li a { color: #C0C0C0; }
#poems ul li h3 a { color: #ffffff; }
#articles { background-color: transparent; font-family: Monotype Corsiva; }
#articles h2 { color: #CC3333; background-color: transparent; text-align: center; font-family: Monotype Corsiva; font-size: 40px; letter-spacing: 2px; }
#articles li { color: #ffffff; background-color: transparent; text-align: center; }
#articles li span { color: #C0C0C0; }
#articles li a { color: #C0C0C0; }
#articles ul li h3 a { color: #ffffff; }
#photos { background-color: transparent; font-family: Monotype Corsiva; }
#photos h2 {color: #CC3333; background-color: transparent; text-align: center; font-family: Monotype Corsiva; font-size: 40px; letter-spacing: 2px; }
#photos li { color: #ffffff; background-color: transparent; text-align: center; }
#photos li span { color: #C0C0C0; }
#photos li a { color: #C0C0C0; }
#photos ul li h3 a { color: #ffffff; }
#friends { background-color: transparent; font-family: Monotype Corsiva; }
#friends h2 { color: #CC3333; background-color: transparent; text-align: center; font-family: Monotype Corsiva; font-size: 40px; letter-spacing: 2px; }
#friends li { color: #ffffff; background-color: transparent; text-align: center; }
#friends li span { color: #C0C0C0; }
#friends li a { color: #C0C0C0; }
#friends ul li h3 a { color: #ffffff; }
#info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div { background-color: transparent; color: #FFFFFF; }
#image img, #articles li img, #photos .photo { background-color: transparent; }
#image img { border-color: #CC3333; background-color: transparent; }
#articles li img, #friends img, #photos .photo { border-color: #CC3333; background-color: transparent}
#friends div { color: #FFFFFF; }
#image, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img { background-color: transparent; text-align: center;}
#about-content { color: #FFFFFF; background-color: transparent; text-align: center;
background-image: url(http://i39.photobucket.com/albums/e198/demon344/twilight.gif); background-repeat: no-repeat;
background-position: bottom center;
padding-bottom: 200px}
#info-section { background-color: transparent;}
#about-section { background-color: transparent; }
#comment-list .options { color: #CC3333; background-color: transparent; }
#comment-list .options a { color:#FFFFFF; }
.pages { background-color: transparent; }
.pages .info { color: #CC3333; }
.pages a { color: #CC3333; }
.add-comment { background-color: transparent; color: #ffffff; }
.add-comment a { color: #C0C0C0; }
#comment-list li { color: #CC3333; background-color: transparent; }
#comment-list img { border-color: #CC3333; background-color: transparent; }
#comment-list .options {color: #FFFFFF;background-color: transparent;}
a:hover { color: #CC3333; font-family: Monotype Corsiva; text-decoration: bold; letter-spacing: 1px; word-spacing: 1px; font-weight: italic; text-align:left;}
#about-content a { color: #FFFFFF; }
#about-content a:hover { color: #CC3333; }
#about-section h2 { color: #FFFFFF; background-color: transparent; text-align: center; font-family: Monotype Corsiva; font-size: 40px; letter-spacing: 2px; }
#about h2 { color: #CC3333; background-color: transparent; text-align: center; font-family: Monotype Corsiva; font-size: 40px; letter-spacing: 2px; }
h1 { color: #CC3333; background-color: transparent; text-align: center; font-family: Monotype Corsiva; font-size: 20px; letter-spacing: 2px; }
Preview:
Screenshot
Code (copy and paste it on CSS):
body { background-image: url(http://i149.photobucket.com/albums/s75/mabudachi3/Twilight/Twilight-twilight-series-1293477-14.jpg); background-repeat: no-repeat; background-position: bottom right; background-color: #000000; background-attachment: fixed;}
#main { border-color: transparent; background-color: transparent; background-image: none; background-repeat: repeat-y; background position: top center; }
#info-section { width: 344px; background-color: transparent; font-family: Monotype Corsiva;}
#about-section { width: 525px; font-family: Monotype Corsiva;}
#comment-list p { width: 380px; }
html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a { color: #FFFFFF; background-color: #000000; font-family: Monotype Corsiva;}
html body div #options, html body div #options a, html body div #options span a, html body div #options span { color: #CC3333; background-color: #FFFFFF; font-family: Monotype Corsiva;}
#stories { background-color: transparent; font-family: Monotype Corsiva; }
#stories h2 { color: #CC3333; background-color: transparent; text-align: center; font-family: Monotype Corsiva; font-size: 40px; letter-spacing: 2px; }
#stories li { color: #FFFFFF; background-color: transparent; text-align: center; }
#stories li span { color: #C0C0C0; }
#stories li a { color: #CC3333; }
#stories ul li h3 a { color: #FFFFFFF; }
#journals { background-color: transparent; font-family: Monotype Corsiva; }
#journals h2 { color: #CC3333; background-color: transparent; text-align: center; font-family: Monotype Corsiva; font-size: 40px; letter-spacing: 2px; }
#journals li { color: #ffffff; background-color: transparent; text-align: center; }
#journals li span { color: #C0C0C0; }
#journals li a { color: #C0C0C0; }
#journals ul li h3 a { color: #ffffff; }
#poems { background-color: transparent; font-family: Monotype Corsiva; }
#poems h2 { color: #CC3333; background-color: transparent; text-align: center; font-family: Monotype Corsiva; font-size: 40px; letter-spacing: 2px; }
#poems li { color: #ffffff; background-color: transparent; text-align: center; }
#poems li span { color: #C0C0C0; }
#poems li a { color: #C0C0C0; }
#poems ul li h3 a { color: #ffffff; }
#articles { background-color: transparent; font-family: Monotype Corsiva; }
#articles h2 { color: #CC3333; background-color: transparent; text-align: center; font-family: Monotype Corsiva; font-size: 40px; letter-spacing: 2px; }
#articles li { color: #ffffff; background-color: transparent; text-align: center; }
#articles li span { color: #C0C0C0; }
#articles li a { color: #C0C0C0; }
#articles ul li h3 a { color: #ffffff; }
#photos { background-color: transparent; font-family: Monotype Corsiva; }
#photos h2 {color: #CC3333; background-color: transparent; text-align: center; font-family: Monotype Corsiva; font-size: 40px; letter-spacing: 2px; }
#photos li { color: #ffffff; background-color: transparent; text-align: center; }
#photos li span { color: #C0C0C0; }
#photos li a { color: #C0C0C0; }
#photos ul li h3 a { color: #ffffff; }
#friends { background-color: transparent; font-family: Monotype Corsiva; }
#friends h2 { color: #CC3333; background-color: transparent; text-align: center; font-family: Monotype Corsiva; font-size: 40px; letter-spacing: 2px; }
#friends li { color: #ffffff; background-color: transparent; text-align: center; }
#friends li span { color: #C0C0C0; }
#friends li a { color: #C0C0C0; }
#friends ul li h3 a { color: #ffffff; }
#info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div { background-color: transparent; color: #FFFFFF; }
#image img, #articles li img, #photos .photo { background-color: transparent; }
#image img { border-color: #CC3333; background-color: transparent; }
#articles li img, #friends img, #photos .photo { border-color: #CC3333; background-color: transparent}
#friends div { color: #FFFFFF; }
#image, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img { background-color: transparent; text-align: center;}
#about-content { color: #FFFFFF; background-color: transparent; text-align: center;
background-image: url(http://i39.photobucket.com/albums/e198/demon344/twilight.gif); background-repeat: no-repeat;
background-position: bottom center;
padding-bottom: 200px}
#info-section { background-color: transparent;}
#about-section { background-color: transparent; }
#comment-list .options { color: #CC3333; background-color: transparent; }
#comment-list .options a { color:#FFFFFF; }
.pages { background-color: transparent; }
.pages .info { color: #CC3333; }
.pages a { color: #CC3333; }
.add-comment { background-color: transparent; color: #ffffff; }
.add-comment a { color: #C0C0C0; }
#comment-list li { color: #CC3333; background-color: transparent; }
#comment-list img { border-color: #CC3333; background-color: transparent; }
#comment-list .options {color: #FFFFFF;background-color: transparent;}
a:hover { color: #CC3333; font-family: Monotype Corsiva; text-decoration: bold; letter-spacing: 1px; word-spacing: 1px; font-weight: italic; text-align:left;}
#about-content a { color: #FFFFFF; }
#about-content a:hover { color: #CC3333; }
#about-section h2 { color: #FFFFFF; background-color: transparent; text-align: center; font-family: Monotype Corsiva; font-size: 40px; letter-spacing: 2px; }
#about h2 { color: #CC3333; background-color: transparent; text-align: center; font-family: Monotype Corsiva; font-size: 40px; letter-spacing: 2px; }
h1 { color: #CC3333; background-color: transparent; text-align: center; font-family: Monotype Corsiva; font-size: 20px; letter-spacing: 2px; }
June 18th, 2008 at 06:47pm