1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.



Sunshowers

Discussion in 'Mixed Skins' started by Earl Grey, Dec 29, 2011.

  1. Offline

    Earl Grey Hooked on your line

    Member Since:
    Feb 22, 2009
    Total Posts:
    678
    Likes Received:
    209
    Gender:
    Male
    Location:
    London
    Name of Skin: Sunshowers
    Skin Maker: Earl Grey
    Forum Software: IPB
    Color Scheme: Mixed
    Custom notes: Editing is permitted as long as the credit is maintained.

    Live Preview: Click
    Screen Shot:
    [IMG]
    Graphics?: Click
    Codes:
    Header:
    Code: Select
    <div align="center"><div id="wrapper">
    <div id="menustrip"><a href="http://google.com">Index</a> <a href="http://google.com">Members</a> <a href="http://google.com">Rules</a> <a href="http://google.com">Plot</a> <a href="http://google.com">Ads</a> </div>
    <% BOARD HEADER %>
    <% NAVIGATION %>
    <% BOARD %>
    <% STATS %>
    
    Footer:
    Code: Select
    <br><div id="creditstrip">Skin created by Earl Grey of <a href="http://rpg-directory.com">RPG-D</a></div></div></div>
    CSS:
    Code: Select
    html { overflow-x: hidden; overflow-y: auto; } 
    
    form { display:inline; }
    img  { vertical-align:middle; border:0px }
    BODY { font-family: trebuchet ms; font-size: 10px; color: #006894; padding: 0; margin: 0; background-color: #cff9f7; background-image: url(http://i44.tinypic.com/5dqte0.png); background-position: bottom left; background-repeat: repeat-x; background-attachment:fixed; }
    TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #006894; }
    a:link, a:visited, a:active { text-decoration: none; color: #F86900 }
    a:hover { color: #FBDF00; text-decoration:none; }
    
    fieldset.search { padding:6px; line-height:150% }
    label { cursor:pointer; }
    
    img.attach { border:2px outset #EEF2F7;padding:2px }
    
    .googleroot  { padding:6px; line-height:130% }
    .googlechild { padding:6px; margin-left:30px; line-height:130% }
    .googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size:11px; color: #3A4F6C; }
    .googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#00D; }
    .googlepagelinks { font-size:1.1em; letter-spacing:1px }
    .googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#434951 }
    
    li.helprow { padding:0px; margin:0px 0px 10px 0px }
    ul#help    { padding:0px 0px 0px 15px }
    
    option.cat { font-weight:bold; }
    option.sub { font-weight:bold;color:#555 }
    .caldate   { text-align:right;font-weight:bold;font-size:11px;color:#777;background-color:#DFE6EF;padding:4px;margin:0px }
    
    .warngood { color:green }
    .warnbad  { color:red }
    
    #padandcenter { margin-left:auto;margin-right:auto;text-align:center;padding:14px 0px 14px 0px }
    
    #profilename { font-size:28px; font-family: arial; letter-spacing: -2px; font-weight:bold; font-style: italic; text-transform: lowercase; }
    #calendarname { font-size:22px; font-weight:bold; }
    
    #photowrap { padding:6px; }
    #phototitle { font-size:24px; border-bottom:1px solid black }
    #photoimg   { text-align:center; margin-top:15px } 
    
    #ucpmenu    { line-height:150%;width:22%; border:0px solid #345487;background-color: #cff9f7;; }
    #ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
    #ucpcontent { background-color: #cff9f7;; border:0px solid #345487;line-height:150%; width:auto }
    #ucpcontent p  { padding:10px;margin:0px; }
    
    #wrapper { width: 900px; background: white; padding: 15px; margin-top: 0px; margin-bottom: 0px; text-align: left; }
    
    #menustrip { background: #fbdf00; padding: 14px; font-family: arial; font-style: italic; font-weight: bold; font-size: 18px; color: #f9d000; text-transform: lowercase; letter-spacing: -1px; }
    #menustrip a:link, #menustrip a:visited { color: #fff; margin: 15px; }
    #menustrip a:active, #menustrip a:hover { color: #cff9f7; }
    
    
    
    #ipsbanner { position:absolute;top:1px;right:5%; }
    #logostrip { border:0px solid #345487;background-color: #3860BB;background-image:url(http://209.85.12.234/style_images/<#IMG_DIR#>/tile_back.gif);padding:0px;margin:0px; }
    #submenu   { display: none; }
    
    #navstrip  { font-family: arial black; font-size: 9px; font-weight:bold; color: #006894; text-transform: uppercase; letter-spacing: 1px; padding:2px; margin:0px; background-color: #cff9f7; text-align: left;  }
    #navstrip  a:link, #navstrip  a:visited, #navstrip  a:active  { color: #F86900; }
    
    #creditstrip  { font-family: arial black; font-size: 9px; font-weight:bold; color: #006894; text-transform: uppercase; letter-spacing: 1px; padding:2px; margin:0px; background-color: #cff9f7; text-align: center;  }
    #creditstrip  a:link, #creditstrip  a:visited, #creditstrip  a:active  { color: #F86900; }
    
    .activeuserstrip { font-family: arial black; font-size: 9px; font-weight:bold; color:#fff; text-transform: uppercase; letter-spacing: 1px; padding:2px; margin:0px; background: #f86900; text-align: center;  }
    .activeuserstrip  a:link, .activeuserstrip  a:visited, .activeuserstrip  a:active  { color: #fff; }
    
    .pformstrip { font-family: arial black; font-size: 9px; font-weight:bold; color:#fff; text-transform: uppercase; letter-spacing: 1px; padding:2px; margin:0px; background: #fbdf00; text-align: center;  }
    .pformstrip  a:link, .pformstrip  a:visited, .pformstrip a:active  { color: #fff; }
    .pformleft  { background-color: #E1F3F2; padding:6px; margin-top:1px;width:25%; border-top:1px solid #E1F3F2; border-right:1px solid #FFF; }
    .pformleftw { background-color: #E1F3F2; padding:6px; margin-top:1px;width:40%; border-top:1px solid #C2CFDF; border-right:1px solid #FFF; }
    .pformright { background-color: #E1F3F2; padding:6px; margin-top:1px;border-top:1px solid #FFF; }
    
    .post1 { background-color: #e1f3f2; }
    .post2 { background-color: #e1f3f2; }
    .postlinksbar { font-family: arial black; font-size: 9px; font-weight:bold; color:#fff; text-transform: uppercase; letter-spacing: 1px; padding:2px; margin:0px; background: #f86900; text-align: center;  }
    .postlinksbar  a:link, .postlinksbar  a:visited, .postlinksbar  a:active  { color: #fff; }
    
    .row1 { background-color: #cff9f7; font-size: 10px; padding: 10px; }
    .row2 { background-color: #cff9f7; font-size: 10px; padding: 10px; }
    .row2 a:link, .row2 a:active, .row2 a:visited { padding: 2px; font-family: arial; font-style: italic; font-weight: bold; font-size: 14px; color: #00b6d8; text-transform: lowercase; letter-spacing: -1px;  }
    .row2 a:hover { }
    .row3 { background-color: #cff9f7; font-size: 10px; padding: 10px; }
    .row4 { background-color: #cff9f7; font-size: 10px; padding: 10px; }
    .row4 a:link, .row4 a:active, .row4 a:visited { padding: 2px; font-family: arial; font-style: italic; font-weight: bold; font-size: 14px; color: #00b6d8; text-transform: lowercase; letter-spacing: -1px;  }
    .row4 a:hover { }
    
    
    .darkrow1 { font-family: arial black; font-size: 9px; font-weight:bold; color:#fff; text-transform: uppercase; letter-spacing: 1px; padding:2px; margin:0px; background: #fbdf00; text-align: center;  }
    .darkrow1  a:link, .darkrow1  a:visited, .darkrow1  a:active  { color: #fbdf00; }
    
    .darkrow2 { font-family: arial black; font-size: 9px; font-weight:bold; color:#fff; text-transform: uppercase; letter-spacing: 1px; padding:2px; margin:0px; background: #fbdf00; text-align: center;  }
    .darkrow2  a:link, .darkrow2  a:visited, .darkrow2  a:active  { color: #fbdf00; }
    
    .darkrow3 { font-family: arial black; font-size: 9px; font-weight:bold; color:#fff; text-transform: uppercase; letter-spacing: 1px; padding:2px; margin:0px; background: #fbdf00; text-align: center;  }
    .darkrow3 a:link, .darkrow3  a:visited, .darkrow3  a:active  { color: #fbdf00; }
    
    .hlight { background-color: #DFE6EF }
    .dlight { background-color: #EEF2F7 }
    
    .maintitle { background: #00b6d8; padding: 14px; font-family: arial; font-style: italic; font-weight: bold; font-size: 18px; color: #fff; text-transform: lowercase; letter-spacing: -1px; }
    .maintitle a:link, .maintitle a:visited { color: #fff;}
    .maintitle a:active, .maintitle a:hover { color: #cff9f7; }
    
    .titlemedium { font-family: arial black; font-size: 9px; font-weight:bold; color:#fff; text-transform: uppercase; letter-spacing: 1px; padding:2px; margin:0px; background: #f86900; text-align: center;  }
    .titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { color: #fbdf00; }
    
    #userlinks { background: #00b6d8; padding: 2px; font-family: arial; font-style: italic; font-weight: bold; font-size: 14px; color: #fff; text-transform: lowercase; margin-top: 3px; }
    #userlinks a:link, #userlinks a:visited { color: #fff;}
    #userlinks a:active, #userlinks a:hover { color: #cff9f7; }
    
    .plainborder { border:0px solid #345487;background-color:#fff; }
    .tableborder { border:0px solid #345487;background-color:#FFF; padding:0px; margin:0px; width:100% }
    .tablefill   { border:1px solid #345487;background-color:#F5F9FD;padding:6px;  }
    .tablepad    { background-color:#E1F3F2;padding:6px }
    .tablebasic  { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }
    
    .wrapmini    { float:left;line-height:1.5em;width:25% }
    .pagelinks   { float:left;line-height:1.2em;width:35% }
    
    .desc { font-size:10px; color:#006894; text-align: justify; }
    .edit { font-size: 9px }
    
    .signature   { font-size: 10px; color: #726d67; }
    .postdetails { font-size: 10px; display: block;  text-align:center; }
    .postcolor   { font-size: 10px; line-height: 160% }
    
    .normalname {  bold; color: #003; text-align: center; }
    .normalname a:link, .normalname a:visited, .normalname a:active { text-align: center; }
    .unreg { font-size: 11px; font-weight: bold; color: #900 }
    
    .searchlite { font-weight:bold; color:#F00; background-color:#FF0 }
    
    #QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #465584; background-color: #FAFCFE; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
    #CODE  { font-family: Courier, Courier New, Verdana, Arial;  font-size: 11px; color: #465584; background-color: #FAFCFE; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
    
    .copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }
    
    .codebuttons  { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }
    .forminput, .textinput, .radiobutton, .checkbox  { font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }
    
    .thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #FFF;border-bottom:1px solid #FFF }
    
    .purple { color:purple;font-weight:bold }
    .red    { color:red;font-weight:bold }
    .green  { color:green;font-weight:bold }
    .blue   { color:blue;font-weight:bold }
    .orange { color:#F90;font-weight:bold }
    
    .bigbuttons { display:inline; margin:0px 5px; font-family: arial; font-size: 14px; font-weight:bold; color:#fff; text-transform: lowercase; letter-spacing: -1px; padding:4px; background: #f86900; font-style: italic; font-weight: bold; }
    .bigbuttons:hover { background: #FBDF00;}
    
    .smallbuttons { display:inline; margin:0px 3px; font-family: arial; font-size: 11px; font-weight:bold; color:#fff; text-transform: lowercase; letter-spacing: -1px; padding: 3px; background: #f86900; font-style: italic; font-weight: bold; }
    .smallbuttons:hover { background: #FBDF00;}

Share This Page