Share Your Profile Layouts [Defunct]

  • Dujo

    Dujo (150)

    :
    Admin
    Gender:
    Age:
    39
    Location:
    Croatia
    May 05, 2015

    Since most of these post were made pre-new Mibba, the profile codes here don't work.
    A new thread for sharing pre-made profiles will be up soon.
    SHARE YOUR PROFILE LAYOUTS THREAD

    This thread is for posting the profile layouts you've made and would like to share with others.

    If you have a profile layout you're willing to let other members use, post here. In your post, include: a screencap (no super-big screencaps that stretch the page) and the css and/or layout/html.


    UPDATE FOR NEW MIBBASince custom layouts are optional on New Mibba and the code for them is entered differently, not all the layouts in this thread will work as is.

    If you want to use a layout posted in this thread that has both HTML and CSS (listed separately), paste it into your custom profile page like so:<style type="text/css">
    CSS HERE
    </style>
    HTML HERE
    If you want to use a layout posted in this thread that only has CSS code (eg #example {something: something;}), you'll need to enter the HTML code – instructions on doing so are here.
    December 13th, 2007 at 03:43am
  • Dujo

    Dujo (150)

    :
    Admin
    Gender:
    Age:
    39
    Location:
    Croatia
    Image
    CSS:
    html body div #menu {
    font-family: Georgia;
    }

    html body div #options {
    font-family: Georgia;
    }

    body
    {
    background-image: url(http://i19.tinypic.com/6xglp1w.jpg);
    background-repeat: repeat-x;
    font-family: Georgia;
    }

    h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2 {
    font-size: 2em;
    }

    #main {
    background-image: none;
    overflow: hidden;
    }

    #info-section {
    border-style: solid;
    border-width: 0 0 10px 0;
    }

    #about-content {
    line-height: 1.7em;
    }

    html body div #menu, #info-section {
    background-color: #000;
    }

    #main, #info-section, #photos .photo, #friends img, #comment-list img {
    border-color: #000;
    }

    #photos .photo, #comment-list li, #comment-list img, .pages, .add-comment, html body div #options, h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
    background-color: #410707;
    }

    #image img {
    border-color: #410707;
    }

    body, #main, #comment-list .options, #about-section, #image, #image img, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img {
    background-color: #8e0e0e;
    }

    .pages .info {
    color: #8e0e0e;
    }

    h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, html body div #menu a, #comment-list .options a, .pages a, .add-comment a, #about-content, #comment-list li, #comment-list .options, html body div #options a, html body div #options span a, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, #stories li h3 a, #articles li h3 a, #poems li h3 a, #journals li h3 a, #about-content a, #stories li span a, #articles li span a, #poems li span a, #journals li span a {
    color: #ccb5b5;
    }

    #stories li span, #articles li span, #poems li span, #journals li span {
    color: #ac8d8d;
    }

    Image
    CSS:
    html body div #menu {
    font-family: Georgia;
    }

    html body div #options {
    font-family: Georgia;
    }

    body
    {
    background-image: url(http://i17.tinypic.com/8bih5li.jpg);
    background-repeat: repeat-x;
    font-family: Georgia;
    }

    h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2 {
    font-size: 2em;
    }

    #main {
    background-image: none;
    overflow: hidden;
    }

    #info-section {
    border-style: solid;
    border-width: 0 0 10px 0;
    }

    #about-content {
    line-height: 1.7em;
    }

    html body div #menu, #info-section {
    background-color: #000;
    }

    #main, #info-section, #photos .photo, #friends img, #comment-list img {
    border-color: #000;
    }

    #photos .photo, #comment-list li, #comment-list img, .pages, .add-comment, html body div #options, h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
    background-color: #340741;
    }

    #image img {
    border-color: #340741;
    }

    body, #main, #comment-list .options, #about-section, #image, #image img, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img {
    background-color: #740e8e;
    }

    .pages .info {
    color: #740e8e;
    }

    h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, html body div #menu a, #comment-list .options a, .pages a, .add-comment a, #about-content, #comment-list li, #comment-list .options, html body div #options a, html body div #options span a, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, #stories li h3 a, #articles li h3 a, #poems li h3 a, #journals li h3 a, #about-content a, #stories li span a, #articles li span a, #poems li span a, #journals li span a {
    color: #c9b5cc;
    }

    #stories li span, #articles li span, #poems li span, #journals li span {
    color: #a88dac;
    }

    Image
    CSS:
    html body div #menu {
    font-family: Georgia;
    }

    html body div #options {
    font-family: Georgia;
    }

    body
    {
    background-image: url(http://i17.tinypic.com/7ydwbpx.jpg);
    background-repeat: repeat-x;
    font-family: Georgia;
    }

    h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2 {
    font-size: 2em;
    }

    #main {
    background-image: none;
    overflow: hidden;
    }

    #info-section {
    border-style: solid;
    border-width: 0 0 10px 0;
    }

    #about-content {
    line-height: 1.7em;
    }

    html body div #menu, #info-section {
    background-color: #000;
    }

    #main, #info-section, #photos .photo, #friends img, #comment-list img {
    border-color: #000;
    }

    #photos .photo, #comment-list li, #comment-list img, .pages, .add-comment, html body div #options, h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
    background-color: #072141;
    }

    #image img {
    border-color: #072141;
    }

    body, #main, #comment-list .options, #about-section, #image, #image img, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img {
    background-color: #0e478e;
    }

    .pages .info {
    color: #0e478e;
    }

    h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, html body div #menu a, #comment-list .options a, .pages a, .add-comment a, #about-content, #comment-list li, #comment-list .options, html body div #options a, html body div #options span a, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, #stories li h3 a, #articles li h3 a, #poems li h3 a, #journals li h3 a, #about-content a, #stories li span a, #articles li span a, #poems li span a, #journals li span a {
    color: #b5bfcc;
    }

    #stories li span, #articles li span, #poems li span, #journals li span {
    color: #8d9bac;
    }
    December 13th, 2007 at 03:43am
  • Mindfreak.

    Mindfreak. (400)

    :
    Member
    Gender:
    Age:
    31
    Location:
    Canada
    Here's one.
    (:

    Image
    CSS:
    /* Page Background */

    body { background-color: #ffffff; margin: 25px 20px 45px 20px; }

    /* Remove layout border */

    #main { border-width: 0; background-color: #ffffff; }

    /* About & Comments background */

    #about-section { background-color: #ffffff; }

    /* How to edit comments */
    /* Comment background color */

    #comment-list li
    { color: #EF1646;
    background-color: #ffffff; }

    /* Avatar "frame" */

    #comment-list img {
    border-color: #000000;
    background-color: #EF1646;
    }

    /* Username & Date area */

    #comment-list .options {
    color: #EF1646;
    background-color: #ffffff;
    }

    /* Username/Report/Delete links */

    #comment-list .options a {
    color: #EF1646;
    }

    /* Comment pages */

    .pages {
    background-color: #ffffff;
    }

    /* "PAGES" -text */

    .pages .info {
    color: #ffffff;
    }

    /* Page numbers - links */

    .pages a {
    color: #EF1646;
    }

    /* "Add comment" area */

    .add-comment {
    background-color: #ffffff;
    color: #EF1646;
    }

    /* "Add comment" link */

    .add-comment a {
    color: #EF1646;
    }

    h1 {
    color: #EF1646;
    background-color: #ffffff;
    font-family: Georgia;
    font-size: 43px;
    letter-spacing: -4px;
    }

    #stories h2 {
    color: #EF1646;
    background-color: #ffffff;
    font-family: Georgia;
    font-size: 43px;
    letter-spacing: -4px;
    }

    #articles h2 {
    color: #EF1646;
    background-color: #ffffff;
    font-family: Georgia;
    font-size: 43px;
    letter-spacing: 1px;
    }

    #poems h2 {
    color: #EF1646;
    background-color: #ffffff;
    font-family: Georgia;
    font-size: 43px;
    letter-spacing: 1px;
    }

    #photos h2 {
    color: #EF1646;
    background-color: #ffffff;
    font-family: Georgia;
    font-size: 43px;
    letter-spacing: 1px;
    }

    #about-section h2 {
    color: #EF1646;
    background-color: #ffffff;
    font-family: Georgia;
    font-size: 23px;
    letter-spacing: 1px;
    }

    #friends h2 {
    color: #EF1646;
    background-color: #ffffff;
    font-family: Georgia;
    font-size: 43px;
    letter-spacing: 1px;
    }

    #about h2 {
    color: #EF1646;
    background-color: #ffffff;
    font-family: Gorgia;
    font-size: 43px;
    letter-spacing: 1px;
    }

    #info-section {
    background-color: #EF1646;
    }

    /* Image as page background */

    body {
    background-color: #ffffff;
    background-image: url(http://i227.photobucket.com/albums/dd164/xx_Iero/Backgrounds/Pink-2.jpg);
    background-repeat: repeat; /* it can also be "no-repeat", "repeat-y" or "repeat-x" */
    background-position: right; /* it can also be "center left", "center center" etc.*/
    }

    #main {
    background-color: #EF1646;
    }

    #about-section {
    background-color: #ffffff;
    }

    #main {
    border-color: #000000;
    background-image: url(http://i227.photobucket.com/albums/dd164/xx_Iero/Backgrounds/Pink-2.jpg);
    background-position: bottom left;
    background-repeat: repeat;
    }

    /* If you don't like orange, you can try this... */

    #image, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img {
    background-color: #ffffff;
    }

    #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
    background-color: #EF1646;
    }

    #image img, #articles li img, #photos .photo {
    background-color: #EF1646;
    }

    #image img, #articles li img, #friends img, #photos .photo {
    border-color: #EF1646;
    }

    #friends div {
    color: #EF1646;
    }

    a:link {
    text-decoration: none;
    }

    a:hover{
    color: black;
    font-family: times;
    text-transform: uppercase;
    text-decoration: line-through;
    letter-spacing: 2px;
    word-spacing: 4px;
    font-weight: italic;
    }

    html body div #menu
    {
    padding: 5px 10px;
    Margin: 35px 60px -1px 60px;
    font-size: 17px;
    text-align: center;
    color: #EF1646;
    background-color: #ffffff;
    font-family: times;
    }

    html body div #menu a
    {
    color: #EE2C2C;
    padding: 2px;
    text-decoration: none;
    }

    html body div #menu a:hover
    {
    text-decoration: underline;
    }

    html body div #options
    {
    padding: 3px 10px;
    font-size: 11px;
    text-align: center;
    color: #EF1646;
    background-color: #ffffff;
    font-family: Arial;
    }

    html body div #options a
    {
    color: #EF1646;
    padding: 2px;
    text-decoration: none;
    }

    html body div #options a:hover
    {
    text-decoration: underline;
    }

    html body div #options span a
    {
    color: #EF1646;
    }

    html body div #error-message
    {
    font-size: 0.8em;
    text-align: center;
    padding: 20px;
    margin: 15px 45px 20px 45px;
    border: #000 5px solid;
    color: #EF1646;
    background: EF1646 url(/data/images/profiles/item-details.gif) center center no-repeat;
    font-family: Arial;
    }

    body
    {
    margin: 0;
    padding: 0;
    background-color: #EF1646;
    font-family: Arial;
    }

    textarea
    {
    font-family: Arial, ;
    font-size: 1em;
    }

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

    a:hover
    {
    color: #EF1646;
    }
    December 13th, 2007 at 10:28pm
  • FUN_GHOUL

    FUN_GHOUL (100)

    :
    Member
    Gender:
    Age:
    32
    Location:
    United States
    Here's another layout, it has stars on the background that change colors, letters are black, different colored pink borders. kind of girly maybe if anyone wants to try it. I also made one of synyster gates.

    Image

    html body div #menu {
    font-family: Georgia;
    }

    html body div #options {
    font-family: Georgia;
    }

    body
    {
    background-image: url(http://i110.photobucket.com/albums/n119/chibichibi-100190/stars/star1.gif);
    background-repeat: repeat;
    font-family: Georgia;
    }

    h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2 {
    font-size: 2em;
    }

    #main {
    background-image: none;
    overflow: hidden;
    }

    #info-section {
    border-style: solid;
    border-width: 0 0 10px 0;
    }

    #about-content {
    line-height: 1.7em;
    }

    html body div #menu, #info-section {
    background-color: #FF00BC;
    }

    #main, #info-section, #photos .photo, #friends img, #comment-list img {
    border-color: #FF00BC;
    }

    #photos .photo, #comment-list li, #comment-list img, .pages, .add-comment, html body div #options, h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
    background-color: #F67FEF;
    }

    #image img {
    border-color: #F67FEF:
    }

    body, #main, #comment-list .options, #about-section, #image, #image img, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img {
    background-color: #FFCCF5;
    }

    .pages .info {
    color: #000000;
    }

    h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, html body div #menu a, #comment-list .options a, .pages a, .add-comment a, #about-content, #comment-list li, #comment-list .options, html body div #options a, html body div #options span a, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, #stories li h3 a, #articles li h3 a, #poems li h3 a, #journals li h3 a, #about-content a, #stories li span a, #articles li span a, #poems li span a, #journals li span a {
    color: #000000;
    }

    #stories li span, #articles li span, #poems li span, #journals li span {
    color: #FFCCF5;
    }

    #about-section {
    background-color: #ffffff;
    December 16th, 2007 at 10:11am
  • FUN_GHOUL

    FUN_GHOUL (100)

    :
    Member
    Gender:
    Age:
    32
    Location:
    United States
    Image

    Well here is the one of Synyster Gates that i created if anyone is interested.

    html body div #menu {
    font-family: Georgia;
    }

    html body div #options {
    font-family: Georgia;
    }

    body
    {
    background-image: url(http://i110.photobucket.com/albums/n119/chibichibi-100190/synyster%20gates/synystergatelayout.jpg);
    background-repeat: repeat;
    font-family: Georgia;
    }

    h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2 {
    font-size: 2em;
    }

    #main {
    border-color: #000000;
    background-image: url(http://i110.photobucket.com/albums/n119/chibichibi-100190/synyster%20gates/my_husband_syn_xx--large-msg-119-1.jpg);
    background-position: bottom left;
    background-repeat: repeat;
    }

    #info-section {
    border-style: solid;
    border-width: 0 0 10px 0;
    }

    #about-content {
    line-height: 1.7em;
    }

    html body div #menu, #info-section {
    background-color: #272727;
    }

    #main, #info-section, #photos .photo, #friends img, #comment-list img {
    border-color: #272727;
    }

    #photos .photo, #comment-list li, #comment-list img, .pages, .add-comment, html body div #options, h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
    background-color: #808080;
    }

    #image img {
    border-color: #C4C4C4:
    }

    body, #main, #comment-list .options, #about-section, #image, #image img, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img {
    background-color: #C4C4C4;
    }

    .pages .info {
    color: #ffffff;
    }

    h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, html body div #menu a, #comment-list .options a, .pages a, .add-comment a, #about-content, #comment-list li, #comment-list .options, html body div #options a, html body div #options span a, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, #stories li h3 a, #articles li h3 a, #poems li h3 a, #journals li h3 a, #about-content a, #stories li span a, #articles li span a, #poems li span a, #journals li span a {
    color: #ffffff;
    }

    #stories li span, #articles li span, #poems li span, #journals li span {
    color: #000000;
    }

    #about-section {
    background-color: #000000;
    }

    thanks for the help The Rumor
    December 16th, 2007 at 11:19am
  • The Rumor

    The Rumor (365)

    :
    Member
    Gender:
    Age:
    30
    Location:
    Great Britain (UK)
    Image

    The bottom of the About section & the comments.

    This is a Banksy layout in HTML.
    To use this, the complete code must go in your HTML box.
    Go to Profile > CSS, delete everything and save it.
    Go to Profile > Layout / HTML and copy/paste this into it:

    <style type="text/css">
    <!--
    /* Theme: banksy */

    #wrapper
    {
    background: url(http://i233.photobucket.com/albums/ee196/rubiesandtreasures/2006_1_banksy3copy.jpg);
    width: 500px;
    margin: 0 auto;
    padding-top: 300px;
    position: relative;
    azimuth: center

    }

    /* Top Menu */

    html body div #menu, #menu a {
    color: #CCCCCC;
    background-color: #31322e;
    }

    html body div #options, html body div #options a, html body div #options span a, html body div #options span {
    color: #CCCCCC;
    background-color: #232323;
    }

    /* Titles */

    h1 { /* Name */
    color: #e8ecef;
    background-color: #31322e;
    font-family: Arial, sans-serif;;
    font-size: 1.5em;
    text-align: center;
    font-weight: bold;
    }

    #about-section h1 { /* About Me: Title */
    color: #e8ecef;
    background-color: #31322e;
    font-family: Arial, sans-serif;
    font-size: 1.5em;
    text-align: center;
    font-weight: bold;
    }

    /* Page Background */

    body {
    background-color: #464742;
    }

    /* Layout border color */

    #main {
    border-color: #464742;
    background-image: none;
    }

    #info-section {
    background-color: #31322e;
    }

    /* About &amp; Comments background */

    #main {
    background-color: #31322e;
    }

    #about-section {
    background-color: #31322e;
    }

    #about-content {
    background-color: #ffffff;
    text-align: center;
    background-image: url(http://i233.photobucket.com/albums/ee196/rubiesandtreasures/ssssss.jpg);
    background-repeat: no-repeat; /* it can also be &quot;no-repeat&quot;, &quot;repeat-y&quot; or &quot;repeat-x&quot; */
    background-position: bottom right; /* it can also be &quot;center left&quot;, &quot;center center&quot; etc.*/
    }

    /* Information */

    #info dt { /* Category */
    background-color: #232323;
    color: #aeaeae;
    }

    #info dd { /* Answer */
    background-color: #232323;
    color: #aeaeae;
    }

    /*Menu Colors*/

    #image, #info, #stories, #articles, #poems, #journals, #friends, #photos {
    background-color: #31322e;
    }

    #friends a:hover img {
    background-color: #000000;
    }

    #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
    background-color: #232323;
    }

    #image img, #articles li img, #photos .photo {
    background-color: #31322e;
    }

    #image img, #articles li img, #friends img, #photos .photo {
    border-color: #000000;
    }

    #friends div {
    color: #cccccc;
    }

    /* Story section */

    #stories { /* Story area */
    background-color: #31322e;
    }

    #stories h2 { /* Story title */
    color: #a29e79;
    background-color: #31322e;
    }

    #stories li { /* Story list */
    color: #ffffff;
    background-color: #232323;
    }

    #stories li span { /* Text color */
    color: #aeaeae;
    }

    #stories li a { /* Link color */
    color: #cccccc;
    }

    /* Article section */

    #articles { /* Article area */
    background-color: #31322e;
    }

    #articles h2 { /* Article title */
    color: #a29e79;
    background-color: #31322e;
    }

    #articles li { /* Article list */
    color: #ffffff;
    background-color: #232323;
    }

    #articles li span { /* Text color */
    color: #aeaeae;
    }

    #articles li a { /* Link color */
    color: #cccccc;
    }

    /* Poem section */

    #poems { /* Poem area */
    background-color: #31322e;
    }

    #poems h2 { /* Poem title */
    color: #a29e79;
    background-color: #31322e;
    }

    #poems li { /* Poem list */
    color: #ffffff;
    background-color: #232323;
    }

    #poems li span { /* Text color */
    color: #aeaeae;
    }

    #poems li a { /* Link color */
    color: #cccccc;
    }

    /* journal section */

    #journals { /* Journal area */
    background-color: #31322e;
    }

    #journals h2 { /* Journal title */
    color: #a29e79;
    background-color: #31322e;
    }

    #journals li { /* Journal list */
    color: #ffffff;
    background-color: #232323;
    }

    #journals li span { /* Text color */
    color: #aeaeae;
    }

    #journals li a { /* Link color */
    color: #cccccc;
    }

    /* Friends section */

    #friends { /* Friend area */

    background-color: #31322e;
    }

    #friends h2 { /* Friend title */
    color: #a29e79;
    background-color: #31322e;
    }

    #friends li { /* Friend list */
    color: #ffffff;
    background-color: #232323;
    }

    #friends li span { /* Text color */
    color: #aeaeae;
    }

    #friends li a { /* Link color */
    color: #cccccc;
    }

    /* Comments */

    #about-section h2 { /* Comment: Title */
    color: #a29e79;
    background-color: #232323;
    font-family:;
    font-size:;
    text-align: center;
    }

    #comment-list li { /* Comment: background color */
    color: #ffffff;
    background-color: #232323;
    }

    #comment-list img { /* Comment: Avatar &quot;frame&quot; */
    border-color: #000000;
    background-color: #31322e;
    }

    #comment-list .options { /* Comment: Username &amp; Date area */
    color: #aeaeae;
    background-color: #232323;
    }

    #comment-list .options a { /* Comment: Username/Report/Delete links */
    color: #aeaeae;
    }

    .pages { /* Comment: Comment pages */
    background-color: #232323;
    }

    .pages .info { /* Comment: &quot;PAGES&quot; -text */
    color: #aeaeae;
    }

    .pages a { /* Comment: Page numbers - links */
    color: #aeaeae;
    }

    .add-comment { /* Comment: &quot;Add comment&quot; area */
    background-color: #232323;
    }

    .add-comment a { /* Comment: &quot;Add comment&quot; link */
    color: #aeaeae;
    }
    -->
    </style>

    <div>

    <table width="100%" border="0">

    <tr>

    <div id="wrapper">

    </tr>
    <tr>

    <div id="main">

    <div id="info-section">

    <h1>{USERNAME}</h1>

    <!-- image_start -->
    <div id="image">
    {IMAGE}
    </div>
    <!-- image_end -->

    <!-- info_start -->
    <div id="info">
    {INFO}
    </div>
    <!-- info_end -->

    <!-- stories_start -->
    <div id="stories">
    <h2>Stories</h2>
    {STORIES}
    </div>
    <!-- stories_end -->

    <!-- articles_start -->
    <div id="articles">
    <h2>Articles</h2>
    {ARTICLES}
    </div>
    <!-- articles_end -->

    <!-- poems_start -->
    <div id="poems">
    <h2>Poems</h2>
    {POEMS}
    </div>
    <!-- poems_end -->

    <!-- journals_start -->
    <div id="journals">
    <h2>Journals</h2>
    {JOURNALS}
    </div>
    <!-- journals_end -->

    <!-- photos_start -->
    <div id="photos">
    <h2>Photos</h2>
    {PHOTOS}
    </div>
    <!-- photos_end -->

    <!-- friends_start -->
    <div id="friends">
    <h2>Friends</h2>
    {FRIENDS}
    </div>
    <!-- friends_end -->

    </div>

    <div id="about-section">

    <!-- about_start -->
    <div id="about">
    <h1>Banksy</h1>
    <div id="about-content">
    {ABOUT}
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    </div>
    </div>
    <!-- about_end -->

    <!-- comments_start -->
    <div id="comment-area">
    <h2>{USERNAME}'s Wall</h2>
    {COMMENTS}
    </div>
    <!-- comments_end -->

    </div>

    </tr>
    </table>

    </div>

    </div>

    <style type="text/css">/* */</style>
    December 16th, 2007 at 02:39pm
  • Happy Laune

    Happy Laune (300)

    :
    Member
    Gender:
    Age:
    28
    Location:
    Philippines
    uh, i made a riot layout. it's my first time so tell me if its ok. :/

    Image

    html body div #menu {
    font-family: Georgia;
    }

    html body div #options {
    font-family: Georgia;
    }

    body
    {
    background-image: url(http://i228.photobucket.com/albums/ee74/ImEineLaune/untitled.jpg);
    background-repeat: ;
    font-family: Georgia;
    }

    h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2 {
    font-size: 1em;
    }

    #main {
    background-image: none;
    overflow: hidden;
    }

    #info-section {
    border-style: solid;
    border-width: 0 0 10px 0;
    }

    #about-content {
    line-height: 1.7em;
    }

    html body div #menu, #info-section {
    background-color: #000000;
    }

    #main, #info-section, #photos .photo, #friends img, #comment-list img {
    border-color: #000;
    }

    #photos .photo, #comment-list li, #comment-list img, .pages, .add-comment, html body div #options, h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
    background-color: #000000;
    }

    #image img {
    border-color: #410707;
    }

    body, #main, #comment-list .options, #about-section, #image, #image img, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img {
    background-color: #ffffff;
    }

    .pages .info {
    color: #;
    }

    h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, html body div #menu a, #comment-list .options a, .pages a, .add-comment a, #about-content, #comment-list li, #comment-list .options, html body div #options a, html body div #options span a, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, #stories li h3 a, #articles li h3 a, #poems li h3 a, #journals li h3 a, #about-content a, #stories li span a, #articles li span a, #poems li span a, #journals li span a {
    color: #FF5100;
    }

    #stories li span, #articles li span, #poems li span, #journals li span {
    color: #ffffff;
    }
    December 16th, 2007 at 07:39pm
  • Seventh

    Seventh (150)

    :
    Member
    Gender:
    Location:
    Great Britain (UK)
    I made a very simple black-and transparent template, as a modification of one of dujo's templates at the start of this thread
    .
    All text is black, all boxes and borders are transparent to show the background image:

    Image

    You can very easily adjust it to have different colour text to suit your chosen background image.

    I request that you do NOT use my image, which is why I have removed the URL from the code [and highlighted in red where you should put your own image URL]

    html body div #menu {
    font-family: Georgia;
    }

    html body div #options {
    font-family: Georgia;
    }

    body
    {
    background-image: url(http://www.yourhost.com/yourimage.jpg);
    background-repeat: fixed;
    font-family: Georgia;
    }

    h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2 {
    font-size: 2em;
    }

    #main {
    background-image: none;
    overflow: hidden;
    }

    #info-section {
    border-style: none;
    border-width: 0 0 10px 0;
    }

    #about-content {
    line-height: 1.7em;
    }

    html body div #menu, #info-section {
    background-color: transparent;
    }

    #main, #info-section, #photos .photo, #friends img, #comment-list img {
    border-color: transparent;
    }

    #photos .photo, #comment-list li, #comment-list img, .pages, .add-comment, html body div #options, h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
    background-color: transparent;
    }

    #image img {
    border-color: transparent;
    }

    body, #main, #comment-list .options, #about-section, #image, #image img, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img {
    background-color: transparent;
    }

    .pages .info {
    color: #000000;
    }

    h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, html body div #menu a, #comment-list .options a, .pages a, .add-comment a, #about-content, #comment-list li, #comment-list .options, html body div #options a, html body div #options span a, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, #stories li h3 a, #articles li h3 a, #poems li h3 a, #journals li h3 a, #about-content a, #stories li span a, #articles li span a, #poems li span a, #journals li span a {
    color: #000000;
    }

    #stories li span, #articles li span, #poems li span, #journals li span {
    color: #000000;
    }
    December 17th, 2007 at 01:17am
  • Laces For Hanging.

    Laces For Hanging. (150)

    :
    Member
    Gender:
    Age:
    29
    Location:
    Great Britain (UK)
    The Rumor. made me an umbrella layout :]

    I thought other people should be able to see it. Also, I can only seem to get layouts that have been posted on to the forums in my profile :/

    Image

    /* Theme: umbrella */

    /* Top Menu */

    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;
    }

    html body div #options, html body div #options a, html body div #options span a, html body div #options span {
    color: #000000;
    background-color: #999999;
    }

    /* Titles */

    h1 { /* Name */
    color: #009933;
    background-color: #000000;
    font-family:;
    font-size:;
    text-align: center;
    }

    #about-section h2 { /* About Me: Title */
    color: #000000;
    background-color: #666666;
    font-family:;
    font-size:;
    text-align: center;
    }

    /* Page Background */

    body {
    background-color: #ffffff;
    background-image: url(http://i233.photobucket.com/albums/ee196/rubiesandtreasures/hrewhrwjh.jpg);
    background-position: left;
    background-repeat: repeat-y;
    }

    /* Layout border color */

    #main {
    border-color: #666666;
    background-image: none;
    border-bottom-width: 2px;
    border-top-width: 2px;
    border-left-width: 2px;
    border-right-width: 2px;
    }

    #info-section {
    background-color: #232323;
    }

    /* About & Comments background */

    #main {
    background-color: #232323;
    }

    #about-section {
    background-color: #cccccc;
    }

    #about-content {
    background-color: #ffffff;
    text-align: center;
    background-image: url(http://i233.photobucket.com/albums/ee196/rubiesandtreasures/Red_umbrellacopy.jpg);
    background-repeat: no-repeat; /* it can also be "no-repeat", "repeat-y" or "repeat-x" */
    background-position: top center; /* it can also be "center left", "center center" etc.*/
    }

    /* Information */

    #info dt { /* Category */
    background-color: #000000;
    color: #aeaeae;
    }

    #info dd { /* Answer */
    background-color: #000000;
    color: #cccccc;
    }

    /*Menu Colors*/

    #image, #info, #stories, #articles, #poems, #journals, #friends, #photos {
    background-color: #232323;
    }

    #friends a:hover img {
    background-color: #000000;
    }

    #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
    background-color: #232323;
    }

    #articles li img, #photos .photo {
    background-color: #232323;
    }

    #image img {
    background-color: #333333;
    }

    #image img, #articles li img, #friends img, #photos .photo {
    border-color: #006633;
    }

    #friends div {
    color: #cccccc;
    }

    /* Story section */

    #stories { /* Story area */
    background-color: #232323;
    }

    #stories h2 { /* Story title */
    color: #009933;
    background-color: #232323;
    }

    #stories li { /* Story list */
    color: #ffffff;
    background-color: #000000;
    }

    #stories li span { /* Text color */
    color: #aeaeae;
    }

    #stories li a { /* Link color */
    color: #cccccc;
    }

    /* Article section */

    #articles { /* Article area */
    background-color: #232323;
    }

    #articles h2 { /* Article title */
    color: #009933;
    background-color: #232323;
    }

    #articles li { /* Article list */
    color: #ffffff;
    background-color: #000000;
    }

    #articles li span { /* Text color */
    color: #aeaeae;
    }

    #articles li a { /* Link color */
    color: #cccccc;
    }

    /* Poem section */

    #poems { /* Poem area */
    background-color: #232323;
    }

    #poems h2 { /* Poem title */
    color: #009933;
    background-color: #232323;
    }

    #poems li { /* Poem list */
    color: #ffffff;
    background-color: #000000;
    }

    #poems li span { /* Text color */
    color: #aeaeae;
    }

    #poems li a { /* Link color */
    color: #cccccc;
    }

    /* journal section */

    #journals { /* Journal area */
    background-color: #232323;
    }

    #journals h2 { /* Journal title */
    color: #009933;
    background-color: #232323;
    }

    #journals li { /* Journal list */
    color: #ffffff;
    background-color: #000000;
    }

    #journals li span { /* Text color */
    color: #aeaeae;
    }

    #journals li a { /* Link color */
    color: #cccccc;
    }

    /* Photos section */

    #photos { /* Photos area */
    background-color: #232323;
    }

    #photos h2 { /* Photos title */
    color: #009933;
    background-color: #232323;
    }

    #photos li { /* Photos list */
    color: #ffffff;
    background-color: #000000;
    }

    #photos li span { /* Text color */
    color: #aeaeae;
    }

    #photos li a { /* Link color */
    color: #cccccc;
    }

    /* Friends section */

    #friends { /* Friend area */
    background-color: #232323;
    }

    #friends h2 { /* Friend title */
    color: #009933;
    background-color: #232323;
    }

    #friends li { /* Friend list */
    color: #ffffff;
    background-color: #000000;
    }

    #friends li span { /* Text color */
    color: #aeaeae;
    }

    #friends li a { /* Link color */
    color: #cccccc;
    }

    /* Comments */

    #comment-area h2 { /* Comment: Title */
    color: #000000;
    background-color: #666666;
    font-family:;
    font-size:;
    text-align: center;
    }

    #comment-list li { /* Comment: background color */
    color: #ffffff;
    background-color: #232323;
    }

    #comment-list img { /* Comment: Avatar "frame" */

    border-color: #000000;
    background-color: #000000;
    }

    #comment-list .options { /* Comment: Username & Date area */
    color: #aeaeae;
    background-color: #232323;
    }

    #comment-list .options a { /* Comment: Username/Report/Delete links */
    color: #aeaeae;
    }

    .pages { /* Comment: Comment pages */
    background-color: #232323;
    }

    .pages .info { /* Comment: "PAGES" -text */
    color: #aeaeae;
    }

    .pages a { /* Comment: Page numbers - links */
    color: #aeaeae;
    }

    .add-comment { /* Comment: "Add comment" area */
    background-color: #232323;
    }

    .add-comment a { /* Comment: "Add comment" link */
    color: #aeaeae;
    }
    December 17th, 2007 at 11:35pm
  • FUN_GHOUL

    FUN_GHOUL (100)

    :
    Member
    Gender:
    Age:
    32
    Location:
    United States
    Image

    someone asked for someone to make one of bob bryar, this was the best i could think of, i didn't know what picture you would want.

    html body div #menu {
    font-family: Georgia;
    }

    html body div #options {
    font-family: Georgia;
    }

    body
    {
    background-image: url(http://i110.photobucket.com/albums/n119/chibichibi-100190/bob%20bryar/bobza7.jpg);
    background-repeat: repeat;
    font-family: Georgia;
    }

    h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2 {
    font-size: 2em;
    }

    #main {
    border-color: #000000;
    background-image: url(http://i110.photobucket.com/albums/n119/chibichibi-100190/bob%20bryar/bobza7.jpg);
    background-position: bottom left;
    background-repeat: repeat;
    }

    #info-section {
    border-style: solid;
    border-width: 0 0 10px 0;
    }

    #about-content {
    line-height: 1.7em;
    }

    html body div #menu, #info-section {
    background-color: #272727;
    }

    #main, #info-section, #photos .photo, #friends img, #comment-list img {
    border-color: #272727;
    }

    #photos .photo, #comment-list li, #comment-list img, .pages, .add-comment, html body div #options, h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
    background-color: #808080;
    }

    #image img {
    border-color: #C4C4C4:
    }

    body, #main, #comment-list .options, #about-section, #image, #image img, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img {
    background-color: #C4C4C4;
    }

    .pages .info {
    color: #ffffff;
    }

    h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, html body div #menu a, #comment-list .options a, .pages a, .add-comment a, #about-content, #comment-list li, #comment-list .options, html body div #options a, html body div #options span a, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, #stories li h3 a, #articles li h3 a, #poems li h3 a, #journals li h3 a, #about-content a, #stories li span a, #articles li span a, #poems li span a, #journals li span a {
    color: #ffffff;
    }

    #stories li span, #articles li span, #poems li span, #journals li span {
    color: #000000;
    }

    #about-section {
    background-color: #000000;
    }
    December 18th, 2007 at 06:35am
  • peacemaker.

    peacemaker. (150)

    :
    Member
    Gender:
    Age:
    29
    Location:
    United States
    Image

    body {
    background-color: #000000;
    background-image: url(http://i227.photobucket.com/albums/dd75/preppylyts/0-45.jpg);
    background-repeat: repeat; /* it can also be "no-repeat", "repeat-y" or "repeat-x" */
    background-position: top left; /* it can also be "center left", "center center" etc.*/
    }

    #image, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img {
    background-color: #000000;
    }

    #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
    background-color: #00000;
    }

    #image img, #articles li img, #photos .photo {
    background-color: #000000;
    }

    #image img, #articles li img, #friends img, #photos .photo {
    border-color: #6eadaf;
    }

    #friends div {
    color: #000000;
    }

    <style> layout from hot-lyts.com </style>
    <div style="position:absolute;right:0px;top:0px;z-index:9 !important;background-color:transparent !important;">

    <style type="text/css">
    body, html{
    background-image:url("http://i160.photobucket.com/albums/t162/hotlyts24/backgrounds/photo5.gif");
    background-color:EF6B90;
    background-attachment:fixed;
    background-position:bottom left;
    background-repeat:no-repeat;

    }

    table, td{
    background-color:transparent ;
    border:none;
    border-width:0;
    }

    table table table{
    border:0px solid;
    border-color:40809C;
    padding:0;
    background-color:5DA5BC;
    background-image:url("");
    background-repeat:repeat;
    }

    table tbody td table tbody tr td.text table {background-color:946B9C;}

    tr { background-color:transparent;}

    tr, td, table, body, p, div, li, br, .redtext, .redbtext, .text, .blacktext12, .btext, span
    {
    font-family:georgia;
    font-size:9px;
    line-height:9px;
    text-decoration:none;
    font-weight:normal;
    color:000000;
    }

    .blacktext10
    {
    font-family:small fonts;
    font-size:7px;
    text-transform:uppercase;
    line-height:11px;
    text-decoration:none;
    font-weight:normal;
    color:333;
    background-color:7B9C42;
    display:block;
    }

    .orangetext15,.whitetext12
    {
    font-family:georgia;
    font-size:9px;
    line-height:11px;
    text-decoration:none;
    font-weight:bold;
    color:222222;
    background-color:85618C;
    display:block;
    }

    .lightbluetext8
    {
    font-family:small fonts;
    font-size:7px;
    text-transform:uppercase;
    line-height:11px;
    text-decoration:none;
    font-weight:normal;
    color:222222;
    background-color:85618C;
    display:block;
    }

    .nametext
    {display:block;
    font-family:times new roman;
    font-size:35px;
    text-transform:lowercase;
    line-height:22px;
    text-decoration:none;
    font-weight:normal;
    border-style:solid;
    border-top-width:0px;
    border-left-width:0px;
    border-right-width:0px;
    border-bottom-width:1px;
    border-bottom-color:222222;
    color:000;
    letter-spacing:-3px;
    background-color:85618C;
    }

    a:link, a.man:link, a.text:link, a:visited, a.man:visited, a.text:visited, a:active, a.redlink:active, a.redlink:visited, a.redlink:link
    {
    font-family:georgia;
    font-size:9px;
    line-height:11px;
    text-decoration:none;
    font-weight:bold;
    color:000;
    }

    a:hover, a.man:hover, a.text:hover, a.redlink:hover
    {
    font-family:times new roman;
    font-size:25px;
    text-transform:lowercase;
    line-height:11px;
    text-decoration:none;
    font-weight:normal;
    color:000000;
    letter-spacing:-3px;
    }

    a.navbar:link, a.navbar:visited, a.navbar:active{
    font-family:century gothic;
    font-size:9px;
    text-transform:lowercase;
    line-height:11px;
    text-decoration:none;
    font-weight:normal;
    color:000;
    }

    a.navbar:hover
    {
    font-family:times new roman;
    font-size:25px;
    text-transform:lowercase;
    line-height:11px;
    text-decoration:none;
    font-weight:normal;
    color:000000;
    letter-spacing:-3px;
    }

    .whitetext12
    {
    display:none!important;
    }

    img, a img
    {
    filter:none;
    border:0px;
    }

    TD TD {text-align: center;}
    TD TD TD {text-align: left;}
    TD TD TD TD {border-top: 0px solid; width: 1%; text-align:left;}
    TD TD TD TD TD {border-top: 0px solid black; text-align:left;}
    TD TD TD TD TD TD {border: 0px solid;}
    TABLE, TD {padding: 0px; text-transform: lowercase; width:350px;}
    TABLE TABLE {padding: 0px; text-transform: lowercase;}
    TABLE TABLE TABLE {padding: 0px; text-transform: lowercase;height: .01%; width: 100%;}
    TABLE TABLE TABLE TABLE {padding: 0px; text-transform: lowercase;}
    TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: lowercase;}
    TABLE TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: lowercase;}
    table td div div font {visibili-ty:hidden;di-splay:none;}
    table table table table {border: 0px; text-align: justify; padding: 0px;}
    table table table table table {border: 0px; text-align: justify; padding: 0px;}
    table table table table table table {border: 0px; text-align: justify; padding: 0px;}
    div td font {visibility:hidden;}
    .navbar {visibility:visible;}
    div table tr td form{display:none;}
    a.text, table div font a, table div div {visibility:hidden;}
    td.text td.text a img
    {
    width: 50px !important;
    background-color:transparent!important;
    }

    td.text td.text img
    {
    width: 50px !important;
    background-color:transparent!important;
    }

    table table{
    border:0px;
    }

    table table table table
    {
    border:0px;
    }
    a:hover img { filter:invert; }

    </style><div style="position:absolute;left:0px;top:0px;z-index:9 !important;background-color:transparent !important;">
    December 18th, 2007 at 08:07am
  • FUN_GHOUL

    FUN_GHOUL (100)

    :
    Member
    Gender:
    Age:
    32
    Location:
    United States
    Image
    here's another one, i'm not using them, and others might not be using them either, but this can be ideas for anyone, you can change, adjust to your liking.

    the stars on this one just move around, like dissappearing and appearing again.
    i have alot of them with different colored stars, but not my taste if anyone want some with stars or even hearts.
    /* Page Background */

    body { background-color: #ffffff; margin: 25px 20px 45px 20px; }

    /* Remove layout border */

    #main { border-width: 0; background-color: #ffffff; }

    /* About & Comments background */

    #about-section { background-color: #ffffff; }

    /* How to edit comments */
    /* Comment background color */

    #comment-list li
    { color: #000000;
    background-color: #ffffff; }

    /* Avatar "frame" */

    #comment-list img {
    border-color: #000000;
    background-color: #00F9FF;
    }

    /* Username & Date area */

    #comment-list .options {
    color: #00F9FF;
    background-color: #ffffff;
    }

    /* Username/Report/Delete links */

    #comment-list .options a {
    color: #EF1646;
    }

    /* Comment pages */

    .pages {
    background-color: #ffffff;
    }

    /* "PAGES" -text */

    .pages .info {
    color: #ffffff;
    }

    /* Page numbers - links */

    .pages a {
    color: #EF1646;
    }

    /* "Add comment" area */

    .add-comment {
    background-color: #ffffff;
    color: #EF1646;
    }

    /* "Add comment" link */

    .add-comment a {
    color: #EF1646;
    }

    h1 {
    color: #C100FF;
    background-color: #ffffff;
    font-family: Georgia;
    font-size: 43px;
    letter-spacing: -4px;
    }

    #stories h2 {
    color: #C100FF;
    background-color: #ffffff;
    font-family: Georgia;
    font-size: 43px;
    letter-spacing: -4px;
    }

    #articles h2 {
    color: #C100FF;
    background-color: #ffffff;
    font-family: Georgia;
    font-size: 43px;
    letter-spacing: 1px;
    }

    #poems h2 {
    color: #C100FF;
    background-color: #ffffff;
    font-family: Georgia;
    font-size: 43px;
    letter-spacing: 1px;
    }

    #photos h2 {
    color: #C100FF;
    background-color: #ffffff;
    font-family: Georgia;
    font-size: 43px;
    letter-spacing: 1px;
    }

    #about-section h2 {
    color: #C100FF;
    background-color: #ffffff;
    font-family: Georgia;
    font-size: 23px;
    letter-spacing: 1px;
    }

    #friends h2 {
    color: #C100FF;
    background-color: #ffffff;
    font-family: Georgia;
    font-size: 43px;
    letter-spacing: 1px;
    }

    #journals h2 {
    color: #C100FF;
    background-color: #ffffff;
    font-family: Georgia;
    font-size: 43px;
    letter-spacing: 1px;
    }

    #about h2 {
    color: #C100FF;
    background-color: #ffffff;
    font-family: Gorgia;
    font-size: 43px;
    letter-spacing: 1px;
    }

    #info-section {
    background-color: #C100FF;
    }

    /* Image as page background */

    body {
    background-color: #ffffff;
    background-image: url(http://i110.photobucket.com/albums/n119/chibichibi-100190/layouts/Stars.gif);
    background-repeat: repeat; /* it can also be "no-repeat", "repeat-y" or "repeat-x" */
    background-position: right; /* it can also be "center left", "center center" etc.*/
    }

    #main {
    background-color: #C100FF;
    }

    #about-section {
    background-color: #ffffff;
    }

    #main {
    border-color: #000000;
    background-image: url(http://i110.photobucket.com/albums/n119/chibichibi-100190/layouts/Stars.gif);
    background-position: bottom left;
    background-repeat: repeat;
    }

    /* If you don't like orange, you can try this... */

    #image, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img {
    background-color: #ffffff;
    }

    #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
    background-color: #C100FF;
    }

    #image img, #articles li img, #photos .photo {
    background-color: #C100FF;
    }

    #image img, #articles li img, #friends img, #photos .photo {
    border-color: #C100FF;
    }

    #friends div {
    color: #C100FF;
    }

    a:link {
    text-decoration: none;
    }

    a:hover{
    color: black;
    font-family: times;
    text-transform: uppercase;
    text-decoration: line-through;
    letter-spacing: 2px;
    word-spacing: 4px;
    font-weight: italic;
    }

    html body div #menu
    {
    padding: 5px 10px;
    Margin: 35px 60px -1px 60px;
    font-size: 17px;
    text-align: center;
    color: #C100FF;
    background-color: #000000;
    font-family: times;
    }

    html body div #menu a
    {
    color: #C100FF;
    padding: 2px;
    text-decoration: none;
    }

    html body div #menu a:hover
    {
    text-decoration: underline;
    }

    html body div #options
    {
    padding: 3px 10px;
    font-size: 11px;
    text-align: center;
    color: #C100FF;
    background-color: #000000;
    font-family: Arial;
    }

    html body div #options a
    {
    color: #C100FF;
    padding: 2px;
    text-decoration: none;
    }

    html body div #options a:hover
    {
    text-decoration: underline;
    }

    html body div #options span a
    {
    color: #C100FF;
    }

    html body div #error-message
    {
    font-size: 0.8em;
    text-align: center;
    padding: 20px;
    margin: 15px 45px 20px 45px;
    border: #000 5px solid;
    color: #EF1646;
    background: C100FF url(/data/images/profiles/item-details.gif) center center no-repeat;
    font-family: Arial;
    }

    body
    {
    margin: 0;
    padding: 0;
    background-color: #C100FF;
    font-family: Arial;
    }

    textarea
    {
    font-family: Arial, ;
    font-size: 1em;
    }

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

    a:hover
    {
    color: #C100FF;
    }
    December 18th, 2007 at 09:47am
  • Michaela Wayne

    Michaela Wayne (150)

    :
    Member
    Gender:
    Mighty Boosh
    Image
    CSS Code:
    body #main {
    background-color: transparent;
    }
    h1, #stories h2, #friends h2, #photos h2, #journals h2, #articles h2, #poems h2, #about h2, #comment-area h2 {
    font-family: Century Gothic;
    font-size: 24px;
    background-color: #000;
    color: #EC1495;
    }
    body {
    background-color: #000000;
    background-image: url(http://th183.photobucket.com/albums/x279/followXtheXdot/th_300mighty_boosh.gif);
    }
    #main {
    border-width: 0;
    background-image: none;
    }
    #info-section {
    background-color: #EC1495;
    }
    #image, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img {
    background-color: #FBB0DD;
    }

    #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
    background-color: #DB64AB;
    }

    #image img, #articles li img, #photos .photo {
    background-color: #000000;
    }

    #image img, #articles li img, #friends img, #photos .photo {
    border-color: #000000;
    }

    #friends div {
    color: #000000;
    }
    #comment-list li {
    color: #FFFFFF;
    background-color: #EC1495;
    }
    .pages {
    background-color: #FBB0DD;
    }
    .pages .info {
    color: #EC1495;
    }
    .pages a {
    color: #EC1495;
    }
    .add-comment a {
    color: #ECI495;
    }
    #comment-list .options a {
    color: #000000;
    }
    #comment-list .options {
    color: #666666;
    background-color: #DB64AB;
    }
    I apologize for my pic e.t.c. in the screenshot. But thats the mighty boosh logo in the background, if you can't see it. Its very simple compared to others, since its the first layout I made (I only just made it for myself) but yeah. Here you are
    December 19th, 2007 at 12:53am
  • The Brightside

    The Brightside (500)

    :
    Member
    Gender:
    Age:
    30
    Location:
    Australia
    Black, white and grey layout:

    Image

    html body div #menu {
    font-family: Arial;
    }

    html body div #options {
    font-family: Arial;
    }

    body
    {
    background-image: url(http://images.acclaimimages.com/_gallery/_SM/0095-0508-2000-5426_SM.jpg);
    background-repeat: repeat;
    font-family: Verdana;
    }

    h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2 {
    font-size: 1em;
    }

    #main {
    background-image: none;
    overflow: hidden;
    }

    #info-section {
    border-style: solid;
    border-width: 0 0 5px 0;
    }

    #about-content {
    line-height: 1em;
    }

    html body div #menu, #info-section {
    background-color: #787878;
    }

    #main, #info-section, #photos .photo, #friends img, #comment-list img {
    border-color: #000000;
    }

    #photos .photo, #comment-list li, #comment-list img, .pages, .add-comment, html body div #options, h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
    background-color: #787878;
    }

    #image img {
    border-color: #000000;
    }

    body, #main, #comment-list .options, #about-section, #image, #image img, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img {
    background-color: #000000;
    }

    .pages .info {
    color: #000000;
    }

    h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, html body div #menu a, #comment-list .options a, .pages a, .add-comment a, #about-content, #comment-list li, #comment-list .options, html body div #options a, html body div #options span a, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, #stories li h3 a, #articles li h3 a, #poems li h3 a, #journals li h3 a, #about-content a, #stories li span a, #articles li span a, #poems li span a, #journals li span a {
    color: #000000;
    }

    #stories li span, #articles li span, #poems li span, #journals li span {
    color: #E0E2DF;
    }

    /* Username & Date area */

    #comment-list .options {
    color: #ffffff;
    background-color: #000000;
    }

    /* Username/Report/Delete links */

    #comment-list .options a {
    color: #ffffff;
    }

    #about-content {
    color: #ADADAD;
    }
    December 20th, 2007 at 04:58am
  • v. sparkly

    v. sparkly (100)

    :
    Member
    Gender:
    Age:
    28
    Location:
    United Kingdom
    Image

    body { background-color: #ffffff; margin: 25px 20px 45px 20px; }

    #main { border-width: 0; background-color: #ffffff; }

    #about-section { background-color: #ffffff; }

    #comment-list li { color: #6E2C00; background-color: #ffffff; }

    #comment-list img { border-color: #6E2C00; background-color: #F49555; }

    #comment-list .options { color: #6E2C00; background-color: #ffffff; }

    #comment-list .options a { color: #E35B00; }

    .pages { background-color: #ffffff; }

    .pages .info { color: #ffffff; }

    .pages a { color: #F49555; }

    .add-comment { background-color: #ffffff; color: #F49555; }

    .add-comment a { color: #F49555; }

    h1 { color: #E35B00; background-color: #ffffff; font-family: times; font-size: 43px; letter-spacing: -6px; }

    #stories h2 { color: #E35B00; background-color: #ffffff; font-family: times; font-size: 43px; letter-spacing: -6px; }

    #journals h2 { color: #E35B00; background-color: #ffffff; font-family: times; font-size: 43px; letter-spacing: -6px; }

    #articles h2 { color: #E35B00; background-color: #ffffff; font-family: times; font-size: 43px; letter-spacing: -6px; }

    #poems h2 { color: #E35B00; background-color: #ffffff; font-family: times; font-size: 43px; letter-spacing: -6px; }

    #photos h2 { color: #E35B00; background-color: #ffffff; font-family: times; font-size: 43px; letter-spacing: -6px; }

    #about-section h2 { color: #E35B00; background-color: #ffffff; font-family: times; font-size: 43px; letter-spacing: -6px; }

    #friends h2 { color: #E35B00; background-color: #ffffff; font-family: times; font-size: 43px; letter-spacing: -6px; }

    #about h2 { color: #E35B00; background-color: #ffffff; font-family: times; font-size: 43px; letter-spacing: -5px; }

    #info-section { background-color: #ffffff; }

    body { background-color: #ffffff; background-image: url(http://i21.tinypic.com/muvp7p.jpg);
    background-repeat: repeat; background-position: right; }

    #main { background-color: #ffffff; }

    #about-section { background-color: #ffffff; }

    #main { border-color: #6E2C00; background-image: url(http://i21.tinypic.com/muvp7p.jpg); background-position: bottom left; background-repeat: repeat; }

    #image, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img { background-color: #F49555; }

    #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div { background-color: #E35B00; }

    #image img, #articles li img, #photos .photo { background-color: #B54901; }

    #image img, #articles li img, #friends img, #photos .photo { border-color: #B54901; }

    #friends div { color: #ffffff; }

    a:link { text-decoration: none; }

    a:hover{ color: #6E2C00; font-family: times; text-transform: lowercase; text-decoration: line-through; letter-spacing: -2px; word-spacing: 4px; font-weight: italic; }

    html body div #menu { padding: 5px 10px; Margin: 35px 0px -1px 0px; font-size: 17px; text-align: center; color: #6E2C00; background-color: #000000; font-family: times; }

    html body div #menu a { color: #F49555; padding: 2px; text-decoration: none; }

    html body div #menu a:hover { text-decoration: underline; }

    html body div #options { padding: 3px 10px; font-size: 11px; text-align: center; color: #ffffff; background-color: #F49555; font-family: times; }

    html body div #options a { color: #ffffff; padding: 2px; text-decoration: none; }

    html body div #options a:hover { text-decoration: underline; }

    html body div #options span a { color: #ffffff; }

    body { margin: 0; padding: 0; background-color: #6E2C00; font-family: times; }

    textarea { font-family: Arial, ; font-size: 1em; }

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

    a:hover { color: #ffffff; }

    I know there is already a paramore layout, I just wanted to share this one with everybody too... :]
    December 23rd, 2007 at 06:21am
  • My Chemical Romance

    My Chemical Romance (100)

    :
    Member
    Gender:
    Age:
    30
    Location:
    Australia
    The Link To My Layout

    Sorry i can't get a pic on here i could only get the link
    It's a Gerard Way one...Oh and scroll down till you get to my comments...there's another picture...

    html body div #menu {
    font-family: Times;
    }

    html body div #options {
    font-family: Times;
    }

    body
    {
    background-image: url(http://i191.photobucket.com/albums/z103/chemically-loved-bitch/Gerard871.jpg);
    background-repeat: repeat;
    font-family: Times;
    }

    h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2 {
    font-size: 2em;
    }

    #main {
    border-color: #000000;
    background-image: url(http://i83.photobucket.com/albums/j304/Xposed27/msg-11792223747.jpg);
    background-position: top left;
    background-repeat: repeat;
    }

    #info-section {
    border-style: solid;
    border-width: 0 0 10px 0;
    }

    #about-content {
    line-height: 1.7em;
    }

    html body div #menu, #info-section {
    background-color: #272727;
    }

    #main, #info-section, #photos .photo, #friends img, #comment-list img {
    border-color: #272727;
    }

    #photos .photo, #comment-list li, #comment-list img, .pages, .add-comment, html body div #options, h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
    background-color: #808080;
    }

    #image img {
    border-color: #C4C4C4:
    }

    body, #main, #comment-list .options, #about-section, #image, #image img, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img {
    background-color: #C4C4C4;
    }

    .pages .info {
    color: #ffffff;
    }

    h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, html body div #menu a, #comment-list .options a, .pages a, .add-comment a, #about-content, #comment-list li, #comment-list .options, html body div #options a, html body div #options span a, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, #stories li h3 a, #articles li h3 a, #poems li h3 a, #journals li h3 a, #about-content a, #stories li span a, #articles li span a, #poems li span a, #journals li span a {
    color: #ffffff;
    }

    #stories li span, #articles li span, #poems li span, #journals li span {
    color: #000000;
    }

    #about-section {
    background-color: #000000;
    }
    December 23rd, 2007 at 06:16pm
  • Beetlejuice

    Beetlejuice (100)

    :
    Member
    Gender:
    Age:
    30
    Location:
    United States
    Monsters!

    Image

    I'm actually extremely proud of this. You really can't see that background
    in the preview but, you can see it here.

    html body div #menu {
    font-family: Georgia;
    }

    html body div #options {
    font-family: Georgia;
    }

    body
    {
    background-image: url(http://i79.photobucket.com/albums/j121/xXxhotel_bella_muertexXx/album2/movie.jpg);
    background-repeat: repeat;
    font-family: Georgia;
    }

    h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2 {
    font-size: 2em;
    }

    #main {
    background-image: none;
    overflow: hidden;
    }

    #info-section {
    border-style: solid;
    border-width: 0 0 10px 0;
    }

    #about-content {
    line-height: 1.7em;
    }

    html body div #menu, #info-section {
    background-color: #000000;
    }

    #main, #info-section, #photos .photo, #friends img, #comment-list img {
    border-color: #000000;
    }

    #photos .photo, #comment-list li, #comment-list img, .pages, .add-comment, html body div #options, h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
    background-color: #000000;
    }

    #image img {
    border-color: #000000;
    }

    body, #main, #comment-list .options, #about-section, #image, #image img, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img {
    background-color: #000000;
    }

    .pages .info {
    color: #000000;
    }

    h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, html body div #menu a, #comment-list .options a, .pages a, .add-comment a, #about-content, #comment-list li, #comment-list .options, html body div #options a, html body div #options span a, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, #stories li h3 a, #articles li h3 a, #poems li h3 a, #journals li h3 a, #about-content a, #stories li span a, #articles li span a, #poems li span a, #journals li span a {
    color: #ccb5b5;
    }

    #stories li span, #articles li span, #poems li span, #journals li span {
    color: #ac8d8d;
    }

    It's just basic and clean. Hope you guys like it!<3
    December 24th, 2007 at 03:37pm
  • cloudchords.

    cloudchords. (100)

    :
    Member
    Gender:
    Age:
    30
    Location:
    United States
    Okay, this is my first layout so it's not all that good.
    It has bats,diamonds, some girly stuff, you can't really see them though since the background covers it up a bit.
    Image

    html body div #menu {
    font-family: Georgia;
    }

    html body div #options {
    font-family: Georgia;
    }

    body
    {
    background-image: url(http://i16.tinypic.com/81gxjzr.png);
    background-repeat: repeat;
    font-family: Georgia;
    }

    h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2 {
    font-size: 2em;
    }

    #main {
    background-image: none;
    overflow: hidden;
    }

    #info-section {
    border-style: solid;
    border-width: 0 0 10px 0;
    }

    #about-content {
    line-height: 1.7em;
    }

    html body div #menu, #info-section {
    background-color: #EF1646;
    }

    #main, #info-section, #photos .photo, #friends img, #comment-list img {
    border-color: #EF1646;
    }

    #photos .photo, #comment-list li, #comment-list img, .pages, .add-comment, html body div #options, h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
    background-color:#272727;
    }

    #image img {
    border-color: #272727;
    }

    body, #main, #comment-list .options, #about-section, #image, #image img, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img {
    background-color: #ffffff;
    }

    .pages .info {
    color: #ffffff;
    }

    h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, html body div #menu a, #comment-list .options a, .pages a, .add-comment a, #about-content, #comment-list li, #comment-list .options, html body div #options a, html body div #options span a, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, #stories li h3 a, #articles li h3 a, #poems li h3 a, #journals li h3 a, #about-content a, #stories li span a, #articles li span a, #poems li span a, #journals li span a {
    color: #EF1646;
    }

    #stories li span, #articles li span, #poems li span, #journals li span {
    color: #EF1646;
    }
    December 26th, 2007 at 09:19am
  • Clairvoyant Disease.

    Clairvoyant Disease. (100)

    :
    Member
    Gender:
    Age:
    26
    Location:
    United States
    I have no idea how to make a screen-shot my this is my layout.

    html body div #menu {
    font-family: Encino;
    }

    html body div #options {
    font-family: Monotype Corsiva;
    }

    body
    {
    background-image: url(http://th268.photobucket.com/albums/jj34/LeeN101_2008/th_stars.gif);
    background-repeat: repeat;
    font-family: Aristocrat;
    }

    h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2 {
    font-size: 1em;
    }

    #main {
    border-color: #000000;
    background-image: url(http://i268.photobucket.com/albums/jj6/macy_074/estrelinhas02.jpg);
    background-position: bottom left;
    background-repeat: repeat;
    }

    #info-section {
    border-style: solid;
    border-width: 0 0 10px 0;
    }

    #about-content {
    line-height: 1.7em;
    }

    html body div #menu, #info-section {
    background-color: #272727;
    }

    #main, #info-section, #photos .photo, #friends img, #comment-list img {
    border-color: #272727;
    }

    #photos .photo, #comment-list li, #comment-list img, .pages, .add-comment, html body div #options, h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
    background-color: #808080;
    }

    #image img {
    border-color: #C4C4C4:
    }

    body, #main, #comment-list .options, #about-section, #image, #image img, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img {
    background-color: #C4C4C4;
    }

    .pages .info {
    color: #ffffff;
    }

    h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, html body div #menu a, #comment-list .options a, .pages a, .add-comment a, #about-content, #comment-list li, #comment-list .options, html body div #options a, html body div #options span a, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, #stories li h3 a, #articles li h3 a, #poems li h3 a, #journals li h3 a, #about-content a, #stories li span a, #articles li span a, #poems li span a, #journals li span a {
    color: #ffffff;
    }

    #stories li span, #articles li span, #poems li span, #journals li span {
    color: #000000;
    }

    #about-section {
    background-color: #000000;
    }
    December 29th, 2007 at 12:49pm
  • Laces For Hanging.

    Laces For Hanging. (150)

    :
    Member
    Gender:
    Age:
    29
    Location:
    Great Britain (UK)
    One I made. I call it Ye Old Wallpaper. (:

    Image

    /* Theme: Ye Old Wallpaper */

    /* Top Menu */

    #wrapper
    {
    background: none;
    width: 850px;
    margin: 0 auto;
    padding-top: 225px;
    position: relative;
    azimuth: center

    }

    /* Top Menu */

    html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a {
    color: #373737;
    background-color: #717171;
    }

    html body div #options, html body div #options a, html body div #options span a, html body div #options span {
    color: #373737;
    background-color: #717171;
    }

    /* Titles */

    h1 { /* Name */
    color: #ffffff;
    background-color: #373737;
    font-family: Arial;
    font-size: 1.6em;
    text-align: center;
    font-weight: bold;
    }

    #about-section h2 { /* About Me: Title */
    color: #ffffff;
    background-color: #373737;
    font-family: Arial;
    font-size: 1.6em;
    text-align: center;
    font-weight: bold;
    }

    /* Page Background */

    body {
    background-color: #ffffff;
    }

    /* Image as page background */

    body {
    background-color: #000000;
    background-image: url(http://i226.photobucket.com/albums/dd125/lovejasa/pattern.jpg);
    background-repeat: repeat; /* it can also be "no-repeat", "repeat-y" or "repeat-x" */
    background-position: top left; /* it can also be "center left", "center center" etc.*/
    }

    /* Layout border color */

    #main {
    border-color: #717171;
    background-image: none;
    }

    #info-section {
    background-color: #373737;
    }

    /* About &amp; Comments background */

    #main {
    background-color: #373737;
    }

    #about-section {
    background-color: #373737;
    }

    #about-content {
    background-color: #373737;
    text-align: center;
    }

    /* Information */

    #info dt { /* Category */
    background-color: #373737;
    color: #ffffff;
    }

    #info dd { /* Answer */
    background-color: #373737;
    color: #ffffff;
    }

    /*Menu Colors*/

    #image, #info, #stories, #articles, #poems, #journals, #friends, #photos {
    background-color: #373737;
    }

    #friends a:hover img {
    background-color: #ffffff;
    }

    #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
    background-color: #717171;
    }

    #image img, #articles li img, #photos .photo {
    background-color: #717171;
    }

    #image img, #articles li img, #friends img, #photos .photo {
    border-color: #ffffff;
    }

    #friends div {
    color: #373737;
    }

    /* Story section */

    #stories { /* stories area */
    background-color: #373737;
    }

    #stories h2 { /* stories title */
    color: #ffffff;
    background-color: #373737;
    text-align: center;
    font-family: Arial;
    font-size: 1.1em;
    font-weight: bold;
    }

    #stories li { /* stories list */
    color: #ffffff;
    background-color: #373737;
    }

    #stories li span {
    color: #ffffff;
    }

    #stories li span a, #stories ul li h3 a, #stories li a { /* Text color */
    color: #ffffff;
    }

    /* article section */

    #articles { /* article area */
    background-color: #373737;
    }

    #articles h2 { /* article title */
    color: #ffffff;
    background-color: #;373737
    text-align: center;
    font-family: Arial;
    font-size: 1.1em;
    font-weight: bold;
    }

    #articles li { /* poems list */
    color: #ffffff;
    background-color: #373737;
    }

    #articles li span {
    color: #ffffff;
    }

    #articles li span a, #articles ul li h3 a, #articles li a { /* Text color */
    color: #ffffff;
    }

    /* poems section */

    #poems { /* poems area */
    background-color: #373737;
    }

    #poems h2 { /* poems title */
    color: #ffffff;
    background-color: #373737;
    text-align: center;
    font-family: Arial;
    font-size: 1.1em;
    font-weight: bold;
    }

    #poems li { /* poems list */
    color: #ffffff;
    background-color: #373737;
    }

    #poems li span {
    color: #ffffff;
    }

    #poems li span a, #poems ul li h3 a, #poems li a { /* Text color */
    color: #ffffff;
    }

    /* journals section */

    #journals { /* journals area */
    background-color: #373737;
    }

    #journals h2 { /* journals title */
    color: #ffffff;
    background-color: #373737;
    text-align: center;
    font-family: Arial;
    font-size: 1.1em;
    font-weight: bold;
    }

    #journals li { /* journals list */
    color: #ffffff;
    background-color: #373737;
    }

    #journals li span {
    color: #ffffff;
    }

    #journals li span a, #journals ul li h3 a, #journals li a { /* Text color */
    color: #ffffff;
    }

    /* photos section */

    #photos { /* photos area */
    background-color: #373737;
    }

    #photos h2 { /* photos title */
    color: #ffffff;
    background-color: #373737;
    text-align: center;
    font-family: Arial;
    font-size: 1.1em;
    font-weight: bold;
    }

    #photos li { /* photos list */
    color: #ffffff;
    background-color: #373737;
    }

    #photos li span {
    color: #ffffff;
    }

    #photos li span a, #photos ul li h3 a, #photos li a { /* Text color */
    color: #ffffff;
    }

    /* friends section */

    #friends { /* friends area */
    background-color: #373737;
    }

    #friends h2 { /* friends title */
    color: #ffffff;
    background-color: #373737;
    text-align: center;
    font-family: Arial;
    font-size: 1.1em;
    font-weight: bold;
    }

    #friends li { /* friends list */
    color: #ffffff;
    background-color: #373737;
    }

    #friends li span {
    color: #ffffff;
    }

    #friends li span a, #friends ul li h3 a, #friends li a { /* Text color */
    color: #ffffff;
    }

    /* Comments */

    #comment-area h2 { /* Comment: Title */
    color: #ffffff;
    background-color: #373737;
    text-align: center;
    font-family: Arial;
    font-size: 1.1em;
    font-weight: bold;
    }

    #comment-list li { /* Comment: background color */
    color: #ffffff;
    background-color: #717171;
    }

    #comment-list img { /* Comment: Avatar "frame" */

    border-color: #ffffff;
    background-color: #ffffff;
    }

    #comment-list .options { /* Comment: Username & Date area */
    color: #ffffff;
    background-color: #717171;
    }

    #comment-list .options a { /* Comment: Username/Report/Delete links */
    color: #ffffff;
    }

    .pages { /* Comment: Comment pages */
    background-color: #717171;
    }

    .pages .info { /* Comment: "PAGES" -text */
    color: #ffffff;
    }

    .pages a { /* Comment: Page numbers - links */
    color: #ffffff;
    }

    .add-comment { /* Comment: "Add comment" area */
    background-color: #373737;
    }

    .add-comment a { /* Comment: "Add comment" link */
    color: #ffffff;
    }
    January 2nd, 2008 at 11:45pm