Green Freewebs Style

GREETINGS! WELCOME TO MY WEBSITE :]

ABOUT
FRIENDS
TOYS

ABOUT ME

Hello again :] another simple one that's inspired by the old websites on Freewebs.com XD I used to spend so much time on there as a kid until they toook it down ;o; and all the sites got deleted......... Sad. and angwy.I will admit this looks a little squished on poke farms.. Text goes here~~Text goes here~~Text goes here~~ Text goes here~~ Text goes here~~ Text goes here~~ Text goes here~~ Text goes here~~ Text goes here~~ Text goes here~~ Text goes here~~ Text goes here~~

SHINYS

Hello again :] another simple one that's inspired by the old websites on Freewebs.com XD I used to spend so much time on there as a kid until they toook it down ;o; and all the sites got deleted......... Sad. and angwy. Enjoy! Text goes here~~Text goes here~~Text goes here~~ Text goes here~~ Text goes here~~ Text goes here~~ Text goes here~~ Text goes here~~ Text goes here~~ Text goes here~~ Text goes here~~ Text goes here~~

LINKS

Hello again :] another simple one that's inspired by the old websites on Freewebs.com XD I used to spend so much time on there as a kid until they toook it down ;o; and all the sites got deleted......... Sad. and angwy. Enjoy! Text goes here~~Text goes here~~Text goes here~~ Text goes here~~ Text goes here~~ Text goes here~~ Text goes here~~ Text goes here~~ Text goes here~~ Text goes here~~ Text goes here~~ Text goes here~~

VISITOR COUNTER 00133767

[sc=site_wrap]
[sc=site_banner]
WELCOME TO MY PROFILE :][/sc]
[sc=site_main]
[sc=tabbed_interface]
[ul]
[li]ABOUT[/li]
[li]FRIENDS[/li]
[li]TOYS[/li]
[/ul]
[sc=tab-active]
[sc=page1]
[sc=content_title]ABOUT ME[/sc]
Hello again :] another simple one that's inspired by the old websites on Freewebs.com XD I used to spend so much time on there as a kid until they toook it down ;o; and all the sites got deleted.........   Sad. and angwy. I will admit this looks a little squished on poke farms.. Text goes here~~Text goes here~~Text goes here~~ Text goes here~~ Text goes here~~ Text goes here~~ Text goes here~~ Text goes here~~ Text goes here~~ Text goes here~~ Text goes here~~ Text goes here~~
[/sc]
[/sc]
[sc=tab]
[sc=page2]
[sc=content_title]SHINYS[/sc]
Hello again :] another simple one that's inspired by the old websites on Freewebs.com XD I used to spend so much time on there as a kid until they toook it down ;o; and all the sites got deleted.........   Sad. and angwy. Enjoy! Text goes here~~Text goes here~~Text goes here~~ Text goes here~~ Text goes here~~ Text goes here~~ Text goes here~~ Text goes here~~ Text goes here~~ Text goes here~~ Text goes here~~ Text goes here~~
[/sc]
[/sc]
[sc=tab]
[sc=page3]
[sc=content_title]LINKS[/sc]
Hello again :] another simple one that's inspired by the old websites on Freewebs.com XD I used to spend so much time on there as a kid until they toook it down ;o; and all the sites got deleted.........   Sad. and angwy. Enjoy! Text goes here~~Text goes here~~Text goes here~~ Text goes here~~ Text goes here~~ Text goes here~~ Text goes here~~ Text goes here~~ Text goes here~~ Text goes here~~ Text goes here~~ Text goes here~~
[/sc]
[/sc]
[/sc]
[/sc]
[sc=site_footer]

[sc=counter_box]
VISITOR COUNTER  
[sc=counter_num]00133767[/sc]
[/sc]
[/sc]
[/sc]

[style]
/*  Wrap  */

.site_wrap {
    width: 340px;
    margin: 0px;
    background: #2b2f2b;
    border: 2px solid #000;
    font-family: Tahoma, Verdana, sans-serif;
    color: #d8ffd8;

}

/*  Header  */

.site_banner {
    padding: 14px;
    background: linear-gradient(180deg,#00aa44,#006622);
    border-bottom: 2px solid #000;

text-align: center;
    font-size: 22px;
    color: #eaffea;
}

/*  Two Colomn */

.site_main {
    display: flex;
    width: 100%;
    border-top: 2px solid #000;
    padding: 0;
    margin: 0;
    border-bottom: 2px solid #000;
}

/*  Left Menu */

.tabbed_interface {
    display: flex;
    width: 100%; 
    overflow: hidden;
     padding: 0;
     margin: 0;
     border: 2px solid #000;
    align-items: flex-start

}

.tabbed_interface > ul {

flex: 0 0 100px;
    margin: 0;
    padding: 10px;
    list-style: none;

background: linear-gradient(180deg, #1f2321, #141715);
    border-color: #000;

box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.08),  
        inset 0 -1px 0 rgba(0,0,0,0.7),  
        inset 0 0 12px rgba(0,0,0,0.6);

position: relative;
}

.tabbed_interface > ul::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;

width: 4px;
    height: 100%;

background: linear-gradient(
        180deg,
        #000,
        #2b2f2b,
        #000
    );

opacity: 0.8;
}

/* menu buttons stacked */
.tabbed_interface > ul li {
    margin-bottom: 3px;
    padding: 6px;

text-align: center;

background: linear-gradient(180deg, #2a2f2c, #161a18);
    border: 1px solid #000;
   box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.06),
        inset 0 -1px 0 rgba(0,0,0,0.8);
    color: #9dffb2;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 10px 0;
    cursor: pointer;
}

/* hover */
.tabbed_interface > ul li:hover {
    background: #005522;
    color: #fff;
}

/* active */
.tabbed_interface > ul > li.tab-active {
  background: linear-gradient(180deg, #0f3a22, #0a1f14);

border: 1px solid #000;

box-shadow:
        inset 0 2px 6px rgba(0,0,0,1),
        inset 0 0 8px rgba(0,255,120,0.3),
        0 0 6px rgba(0,255,120,1);
}

/*  Right CDontent Panel  */

.tabbed_interface > div {
    flex: 1px;
    margin: 0;
    padding: 15px;
    min-width: 0;
    box-sizing: border-box;
    background: #1b1f1b;
    border-left: none;
    border-top: none;
    border-bottom: none;
    border-right: none;
    box-shadow: none;
    outline: none;
}

/*  Title */

.content_title {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #00aa44;
    font-size: 18px;
    color: #5dff88;

}

/*  Footer  */

.site_footer {
flex: 0 0 100px;
    padding: 0px;
    text-align: center;
    margin: 0;
    background: #161916;
    border-top: 2px solid #000;

color: #6cff92;
}

/*  Counter Box  */

.counter_box {
    margin: 12px auto;
    width: 150px;

padding: 8px;

background: #181b18;
    border: 1px solid #000;

text-align: center;
    font-size: 10px;
}

.counter_num {
    margin-top: 5px;
    padding: 5px;

background: #000;
    border: 1px inset #335533;

color: #00ff66;
    font-size: 15px;
    font-weight: bold;

letter-spacing: 2px;
}

.tabbed_interface,
.tabbed_interface > ul,
.tabbed_interface > div,
.tabbed_interface li {
    border-radius: 0;
}

[/style]

Copied :] Enjoy~