Cute Is What We Aim For layout.
Do not remove credit. Let me know if you use it. :cute:
Code:
body { background-image: url(http://i34.tinypic.com/x2jqlz.jpg);
background-repeat: no-repeat; background-position: top center; background-color: #d8e8e7; margin-top: 550px; background-attachment: scroll; }
html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a { color: #454a70; background-color: transparent; font-size: 11px; font-family: georgia; }
html body div #options, html body div #options a, html body div #options span a, html body div #options span { color: #9d4f65; background-color: transparent; font-size: 10px; font-family: georgia; }
#main { border-color: #454a70; border-width: 2px; background-color: #ffffff; background-image: none; }
#info-section { background-color: #ffffff; float: right; }
#about-section { background-color: #ffffff; float: left;}
#stories h2 { color: #2f8680; background-color: #ffffff; font-family: georgia; font-size: 20px; letter-spacing: 1px; text-align: right; }
#journals h2 { color: #2f8680; background-color: #ffffff; font-family: georgia; font-size: 20px; letter-spacing: 1px; text-align: right; }
#articles h2 { color: #2f8680; background-color: #ffffff; font-family: georgia; font-size: 20px; letter-spacing: 1px; text-align: right; }
#poems h2 { color: #2f8680; background-color: #ffffff; font-family: georgia; font-size: 20px; letter-spacing: 1px; text-align: right; }
#photos h2 { color: #2f8680; background-color: #ffffff; font-family: georgia; font-size: 20px; letter-spacing: 1px; text-align: right; }
#friends h2 { color: #2f8680; background-color: #ffffff; font-family: georgia; font-size: 20px; letter-spacing: 1px; text-align: right; }
#about-section h2 { color: #9d4f65; background-color: #ffffff; font-family: georgia; font-size: 30px; letter-spacing: 1px; text-align: center; }
h1 { color: #000000; background-color: #ffffff; font-family: georgia; font-size: 30px; letter-spacing: 1px; text-align: center; }
#image, #info, #stories, #articles, #friends, #poems, #photos, #journals, a:hover img { background-color: #ffffff; }
#image, #stories, #articles, #photos, #poems, #journals, a:hover img { text-align: right; }
#info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div { background-color: #ffffff; color: #000000; }
#info dt, #info dd { font-family: georgia; }
#image img, #articles li img, #photos .photo { background-color: #ffffff; }
#image img, #articles li img, #friends img, #photos .photo { border-color: #000000; }
#friends div { color: #2f8680; }
#friends a:hover img { background-color: #2f8680; }
#stories ul li h3 a { color: #000000; font-family: georgia; font-size: 12px;}
#stories ul li a { color: #454a70; font-family: georgia; font-size: 10px;}
#stories li span { color: #454a70; font-family: georgia; font-size: 10px; }
#journals ul li h3 a { color: #000000; font-family: georgia; font-size: 12px; }
#journals ul li a { color: #454a70; font-family: georgia; font-size: 10px;}
#journals li span { color: #454a70; font-family: georgia; font-size: 10px; }
#poems ul li h3 a { color: #000000; font-family: georgia; font-size: 12px; }
#poems ul li a { color: #454a70; font-family: georgia; font-size: 10px;}
#poems li span { color: #454a70; font-family: georgia; font-size: 10px; }
#articles ul li h3 a { color: #000000; font-family: georgia; font-size: 12px; }
#articles ul li a { color: #454a70; font-family: georgia; font-size: 10px;}
#articles li span { color: #454a70; font-family: georgia; font-size: 10px; }
a:hover { font-family: times; letter-spacing: 2px; word-spacing: 3px; }
#comment-list .options { color: #000000; background-color: #ffffff; font-family: georgia; font-size: 12px; }
#comment-list .options a { color: #9d4f65; font-family: georgia; font-size: 12px;}
#comment-list .options a:hover { color: #9d4f65; font-family: georgia; font-size: 13px; background-color: #ffffff;}
.pages { background-color: #ffffff; font-family: georgia; font-size: 12px;}
.pages .info { color: #ffffff; font-family: georgia; font-size: 12px;}
.pages a { color: #9d4f65; font-family: georgia; font-size: 12px;}
.add-comment { background-color: #ffffff; color: #000000; font-family: georgia; font-size:12px;}
.add-comment a { color: #000000; font-family: georgia; font-size: 12px;}
#comment-list li { color: #000000; background-color: #ffffff; font-family: georgia; font-size: 12px; text-align: center;}
#comment-list img { border-color: #9d4f65; background-color: #ffffff; font-family: georgia; font-size: 12px; align: center;}
a:hover { font-family: georgia; text-decoration: none; letter-spacing: 2px; word-spacing: 3px; }
#popup {z-index: 2; position: center; top: 0; left: 0; width: 350px; height: 200px; padding-bottom: 10px; border: #000000 3px solid; background-color: #2f8680; font-size: 13px; text-align: center; font-family: georgia;}
#popup-background {position: clear; top: 0; left: 0; width: 100%; height: 100%; padding: 10px 0; }
#popup h2{color: #454a70; background-color: #2f8680; margin: 0; padding: 4px 7px; font-size: 17px; font-family: times;}
#popup label {display: block; color: #2f8680; background-color: #2f8680; }
#popup .check {text-align: center; padding: 4px 7px;}
#popup .check label {display: inline; background-color: #454a70; font-weight: none;}
#popup .inside {padding-left: 25px; margin-bottom: 25px;}
#popup .inside label {font-weight: bold;}
#popup textarea {width: 300px; height: 70px; margin: 8px 8px; padding: 2px 4px; color: #000000; background-color: #9d4f65; font-family: georgia; font-size: 15px; font-weight: none; text-align: center; border-width; 1px; border-color; #454a70; }
#popup button {clear: left; margin: 0 5px; border: #000000 1px solid; color: #000000; background-color: #454a70; opacity: 1.0; font-family: georgia;}
#popup #comment-delete {margin-top: 25px;}
#popup p {margin: 0; padding: 15px;}
#popup p.error {color: #000000;}
#popup-options {border-bottom: #000000 1px solid; text-align: right; font-size: 12px; font-family: georgia;}
#popup-options a {color: #000000; text-decoration: none; padding: 2px 4px; display: block; background-color: #454a70; font-family: georgia;}
#popup-options a:hover {background-color: #ffffff;}
#about-content {
text-align: center;
font-family: georgia;
background-image: url(http://i34.tinypic.com/160u6it.jpg);
background-position: bottom left;
background-repeat: no-repeat;
padding: 30px; }
Do not remove credit. Let me know if you use it. :cute:
Code:
body { background-image: url(http://i34.tinypic.com/x2jqlz.jpg);
background-repeat: no-repeat; background-position: top center; background-color: #d8e8e7; margin-top: 550px; background-attachment: scroll; }
html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a { color: #454a70; background-color: transparent; font-size: 11px; font-family: georgia; }
html body div #options, html body div #options a, html body div #options span a, html body div #options span { color: #9d4f65; background-color: transparent; font-size: 10px; font-family: georgia; }
#main { border-color: #454a70; border-width: 2px; background-color: #ffffff; background-image: none; }
#info-section { background-color: #ffffff; float: right; }
#about-section { background-color: #ffffff; float: left;}
#stories h2 { color: #2f8680; background-color: #ffffff; font-family: georgia; font-size: 20px; letter-spacing: 1px; text-align: right; }
#journals h2 { color: #2f8680; background-color: #ffffff; font-family: georgia; font-size: 20px; letter-spacing: 1px; text-align: right; }
#articles h2 { color: #2f8680; background-color: #ffffff; font-family: georgia; font-size: 20px; letter-spacing: 1px; text-align: right; }
#poems h2 { color: #2f8680; background-color: #ffffff; font-family: georgia; font-size: 20px; letter-spacing: 1px; text-align: right; }
#photos h2 { color: #2f8680; background-color: #ffffff; font-family: georgia; font-size: 20px; letter-spacing: 1px; text-align: right; }
#friends h2 { color: #2f8680; background-color: #ffffff; font-family: georgia; font-size: 20px; letter-spacing: 1px; text-align: right; }
#about-section h2 { color: #9d4f65; background-color: #ffffff; font-family: georgia; font-size: 30px; letter-spacing: 1px; text-align: center; }
h1 { color: #000000; background-color: #ffffff; font-family: georgia; font-size: 30px; letter-spacing: 1px; text-align: center; }
#image, #info, #stories, #articles, #friends, #poems, #photos, #journals, a:hover img { background-color: #ffffff; }
#image, #stories, #articles, #photos, #poems, #journals, a:hover img { text-align: right; }
#info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div { background-color: #ffffff; color: #000000; }
#info dt, #info dd { font-family: georgia; }
#image img, #articles li img, #photos .photo { background-color: #ffffff; }
#image img, #articles li img, #friends img, #photos .photo { border-color: #000000; }
#friends div { color: #2f8680; }
#friends a:hover img { background-color: #2f8680; }
#stories ul li h3 a { color: #000000; font-family: georgia; font-size: 12px;}
#stories ul li a { color: #454a70; font-family: georgia; font-size: 10px;}
#stories li span { color: #454a70; font-family: georgia; font-size: 10px; }
#journals ul li h3 a { color: #000000; font-family: georgia; font-size: 12px; }
#journals ul li a { color: #454a70; font-family: georgia; font-size: 10px;}
#journals li span { color: #454a70; font-family: georgia; font-size: 10px; }
#poems ul li h3 a { color: #000000; font-family: georgia; font-size: 12px; }
#poems ul li a { color: #454a70; font-family: georgia; font-size: 10px;}
#poems li span { color: #454a70; font-family: georgia; font-size: 10px; }
#articles ul li h3 a { color: #000000; font-family: georgia; font-size: 12px; }
#articles ul li a { color: #454a70; font-family: georgia; font-size: 10px;}
#articles li span { color: #454a70; font-family: georgia; font-size: 10px; }
a:hover { font-family: times; letter-spacing: 2px; word-spacing: 3px; }
#comment-list .options { color: #000000; background-color: #ffffff; font-family: georgia; font-size: 12px; }
#comment-list .options a { color: #9d4f65; font-family: georgia; font-size: 12px;}
#comment-list .options a:hover { color: #9d4f65; font-family: georgia; font-size: 13px; background-color: #ffffff;}
.pages { background-color: #ffffff; font-family: georgia; font-size: 12px;}
.pages .info { color: #ffffff; font-family: georgia; font-size: 12px;}
.pages a { color: #9d4f65; font-family: georgia; font-size: 12px;}
.add-comment { background-color: #ffffff; color: #000000; font-family: georgia; font-size:12px;}
.add-comment a { color: #000000; font-family: georgia; font-size: 12px;}
#comment-list li { color: #000000; background-color: #ffffff; font-family: georgia; font-size: 12px; text-align: center;}
#comment-list img { border-color: #9d4f65; background-color: #ffffff; font-family: georgia; font-size: 12px; align: center;}
a:hover { font-family: georgia; text-decoration: none; letter-spacing: 2px; word-spacing: 3px; }
#popup {z-index: 2; position: center; top: 0; left: 0; width: 350px; height: 200px; padding-bottom: 10px; border: #000000 3px solid; background-color: #2f8680; font-size: 13px; text-align: center; font-family: georgia;}
#popup-background {position: clear; top: 0; left: 0; width: 100%; height: 100%; padding: 10px 0; }
#popup h2{color: #454a70; background-color: #2f8680; margin: 0; padding: 4px 7px; font-size: 17px; font-family: times;}
#popup label {display: block; color: #2f8680; background-color: #2f8680; }
#popup .check {text-align: center; padding: 4px 7px;}
#popup .check label {display: inline; background-color: #454a70; font-weight: none;}
#popup .inside {padding-left: 25px; margin-bottom: 25px;}
#popup .inside label {font-weight: bold;}
#popup textarea {width: 300px; height: 70px; margin: 8px 8px; padding: 2px 4px; color: #000000; background-color: #9d4f65; font-family: georgia; font-size: 15px; font-weight: none; text-align: center; border-width; 1px; border-color; #454a70; }
#popup button {clear: left; margin: 0 5px; border: #000000 1px solid; color: #000000; background-color: #454a70; opacity: 1.0; font-family: georgia;}
#popup #comment-delete {margin-top: 25px;}
#popup p {margin: 0; padding: 15px;}
#popup p.error {color: #000000;}
#popup-options {border-bottom: #000000 1px solid; text-align: right; font-size: 12px; font-family: georgia;}
#popup-options a {color: #000000; text-decoration: none; padding: 2px 4px; display: block; background-color: #454a70; font-family: georgia;}
#popup-options a:hover {background-color: #ffffff;}
#about-content {
text-align: center;
font-family: georgia;
background-image: url(http://i34.tinypic.com/160u6it.jpg);
background-position: bottom left;
background-repeat: no-repeat;
padding: 30px; }
August 13th, 2008 at 09:36pm