[Req] Need this layout

Donnyschr

Member
Sep 13, 2014
73
10
Hi.

Well, i was browsing the interwebz and came on this website:

And i reaaaaalllyyyy like'd the layout.

So, someone who can rip it for me? (Not just the index, i mean like the me and stuff)

I am willing to pay for it. Or willing to give you a owner rank as soon as the CMS is done.

I don't want any hate comment's like "Go make ur own shit" "O My gosh dont rip but make ur own shit"

Bru's, We stole the entire game from habbo. All their image's, gameplay, etc etc. So don't blame me for wanting some else's layout!

Sincecerly yours,
Donny Schravendijk.

PS: I'm dutch, so that's explaining my shitty english:p Add my on skype: ev1lc0d3r


Only need the ME/Staff page tho, the rest i can make myself from it.
 
Last edited:

Donnyschr

Member
Sep 13, 2014
73
10
No, try to get into the CSS. It automatic ban's u. That's why i am requesting it here.

The comment made was about someone owning a retro being illegal, and here you are wanting help to start one

never asked for help. Just asked help to get sum of this layout.
 

Wickd

The first member of the Knights of the Pink Table
Jan 15, 2013
1,936
612
Why even bother?You only need basic CSS knowledge to make something like habway.net
So i just noticed if i user has access to view page source he'll probably be ip banned which is genius.But I've managed
to "rip" some css.
Code:
@import "css_me.css";@import "animate.css";@import "css_costum.css";
html {overflow-y: scroll;}
body{background-color:#e3e3db;background-image:url(/public/images/background/wood.png);font-family:ubuntu;font-size:12px;color:#aaa;margin:0px;overflow-x:hidden;padding:0px}
a{color:#aaa;text-decoration:none}td,tr,table{font-size:13px;margin:0;padding:0;color:#555}tr#mouse:hover{background-color:#cbeffd!important;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;o-transition:all .4s ease-out;transition:all .4s ease-out}.gr input[type=submit]{text-align:center;cursor:pointer;padding:7px;color:#FFF;background:#459945;outline:none;font-weight:bold;border:1px solid #459945;border-radius:3px}input[type=submit]{text-align:center;cursor:pointer;padding:7px;color:#FFF;background:#2A80B9;outline:none;font-weight:bold;border:1px solid #2A80B9;border-radius:3px}input[type=submit]:hover{opacity:0.8}input[type="number"]{background:#fff;width:100%;height:28px;color:#777;font-size:11px;padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:5px;border:1px #dbd9d9 solid;border-bottom:2px #dbd9d9 solid;font-size:14px;border-radius:3px}input[type="text"]{background:#fff;width:100%;height:28px;color:#777;font-size:11px;padding-left:10px;padding-right:10px;border:1px #dbd9d9 solid;border-bottom:2px #dbd9d9 solid;font-size:14px;border-radius:3px}input[type="password"]{background:#fff;width:100%;height:28px;color:#777;font-size:11px;padding-left:10px;padding-right:10px;border:1px #dbd9d9 solid;border-bottom:2px #dbd9d9 solid;font-size:14px;border-radius:3px}textarea{background:#fff;color:#777;font-size:11px;border:1px #dbd9d9 solid;border-bottom:2px #dbd9d9 solid;font-size:14px}select{background:#fff;width:100%;height:28px;color:#777;font-size:11px;padding-left:10px;padding-right:10px;border:1px #dbd9d9 solid;border-bottom:2px #dbd9d9 solid;font-size:14px;border-radius:3px}
.error_green{border:2px #4EC400 solid;border-bottom:2px #4EC400 solid;border-radius:3px;padding:10px 10px 10px 10px;margin-bottom:10px;color:#FFF;text-align:center;background-color:#4EC400}
.error_red{border:2px #FF1616 solid;border-bottom:2px #FF1616 solid;border-radius:3px;background-color:#FF1616;padding:10px 10px 10px 10px;margin-bottom:10px;color:#FFF;text-align:center}
.floatright{float:right}.floatleft{float:left}
.center{width:900px}.zwart{background-image:url(../images/zwart.png) !important;width:100%;height:100%;position:fixed;z-index:9999;display:none;max-width:100%;max-height:100%;left:0;top:0}
.header{background-image:url(../images/headter.png);height:100px;}
.logo{height:59px;width:197px;margin-top:20px;margin-left:-5px;float:left}
#menu_zwart{-webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.25);
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.25);
    border-radius: 5px 5px 0 0;background-image: url(../images/shine-bg.png);font-size:18px;font-weight:normal;text-decoration:none;font-style:normal!important;width:100%;color:#fff;box-shadow:1px 1px 5px #888;background-color:#444444;margin-bottom:0px}
#menu_zwart .item{font-size:12px;height:30px;font-weight:bold;text-decoration:none;text-align:center;padding:15px 10px 0px 10px;overflow:hidden;display:block;cursor:pointer;outline:none;float:left}
#menu_zwart div:hover{-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;o-transition:all .4s ease-out;transition:all .4s ease-out}
#menu_zwart .item:hover{background-color:rgba(0,0,0,.3);cursor:pointer}
#menu_zwart a{color:#fff;cursor:pointer}
#menu_zwart a .special{background:#A83030;color:#fff;cursor:pointer}
#menu_zwart .special:hover{background:#A83030;cursor:pointer}
#menu_zwart .online{font-size:12px;height:30px;font-weight:bold;text-decoration:none;text-align:center;padding:15px 8px 0px 8px;overflow:hidden;display:block;cursor:pointer;outline:none;float:left}
#menu_wit{box-shadow:1px 1px 5px #888;width:100%;height:44px;background-color:#FFF;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px}
#menu_wit .item a{border-right:1px #e5e5e5 solid;font-size:12px;height:29px;font-weight:bold;text-decoration:none;text-align:center;padding:15px 8px 0px 8px;overflow:hidden;display:block;cursor:pointer;outline:none;float:left}.submenu{display:none}.melding{border-radius:5px;border:2px #dbd9d9 solid;margin-top:10px;background-color:#fff}
.melding img{float:left;border-right:1px #dbd9d9 solid;background-color:#E6E6E6;padding:5}.melding li{float:left;padding:13px 10px}#me .links{padding-bottom:30px;width:298px;float:left}
#menu_zwart .danny{background-image: url(../images/shine-bg.png);background-color:#444444;border-top-right-radius:5px;font-size:12px;height:30px;font-weight:bold;text-decoration:none;text-align:center;padding:15px 10px 0px 10px;overflow:hidden;display:block;cursor:pointer;outline:none;float:left}
#menu_zwart .danny:hover{background-color:rgba(0,0,0,.3);cursor:pointer}
#me .rechts{padding-bottom:30px;width:592px;float:left}.links{padding-bottom:30px;width:592px;float:left}
.recdhts img{-webkit-filter:drop-shadow(0 1px 0 #FFF) drop-shadow(0 -1px 0 #FFF) drop-shadow(1px 0 0 #FFF) drop-shadow(-1px 0 0 #FFF) drop-shadow(0 0 10px rgba(000,000,000,000));}
#danny img{-webkit-filter:drop-shadow(0 1px 0 #FFF) drop-shadow(0 -1px 0 #FFF) drop-shadow(1px 0 0 #FFF) drop-shadow(-1px 0 0 #FFF) drop-shadow(0 0 10px rgba(000,000,000,000));}
.rechts{padding-bottom:30px;margin-left:10px;width:298px;float:left}
.titel {
    margin-top:10px;
    height:25px;
    color:#fff;
    font-size:12px;
    font-weight:bold;
    padding:10px 11px 0px 11px;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.25);
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.25);
    border-radius: 5px 5px 0 0;
    background: url('../images/contentheader_gradient.png'), url('../images/1fedlix.png');background-position: left bottom, right bottom;background-repeat: repeat, no-repeat;
background-color: #3498db;
}
.titel.rainbow{
      background: url('../images/contentheader_gradient.png'), url('../images/1fedlix.png'),
      linear-gradient(to right, #3498db, #31C431, #e74c3c, #cc7abe);
      background-position: left bottom, right bottom;
      background-repeat: repeat, no-repeat;
}
.titel.groen{background: url('../images/contentheader_gradient.png'), url('../images/1fedlix.png');background-position: left bottom, right bottom;background-repeat: repeat, no-repeat;
background-color: #31C431;
}
.titel.red{background: url('../images/contentheader_gradient.png'), url('../images/1fedlix.png');background-position: left bottom, right bottom;background-repeat: repeat, no-repeat;
background-color: #e74c3c;
}
.titel.purple{background: url(../images/felix.png) #cc7abe; background-position: right bottom; background-repeat: no-repeat;}
.titel.orange{background: url(../images/felix.png) #ffa230; background-position: right bottom; background-repeat: no-repeat;}
.titel.grey{background: url(../images/felix.png) #a6a6a6; background-position: right bottom; background-repeat: no-repeat;}

.titel.gr1oen{background: url('../images/bg-felix.png'), url('../images/felix.png');background-position: left bottom, right bottom;background-repeat: repeat, no-repeat;
background-color: #31C431;
}
.titel.re1d{background: url('../images/bg-felix.png'), url('../images/felix.png');background-position: left bottom, right bottom;background-repeat: repeat, no-repeat;
background-color: #e74c3c;
}
.team{border-bottom-left-radius:2px;transition:.1s all ease-out;float:left;width:100%;padding:10px;height:30px;border-bottom:1px dotted #BDBDBD;border-right:1px dotted #BDBDBD;background-color:#fff;width:273px;float:left;height:49px}.team:hover{background-color:#cbeffd;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;o-transition:all .4s ease-out;transition:all .4s ease-out}.team:nth-child(1n){border-bottom:0px dotted #BDBDBD}.team:nth-child(2n){border-bottom:0px dotted #BDBDBD}.oddeven{transition:.1s all ease-out;float:left;width:100%;padding:10px;height:30px;border-bottom:1px dotted #BDBDBD}.oddeven:nth-child(even){background-color:#FFFFFF}.oddeven:nth-child(odd){background-color:#EFEFEF}.oddeven:hover{background-color:#D3E1EA}
.box{background-color:white;color:#555;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border:#c2c1c1 1px solid;border-bottom:#c2c1c1 2px solid}.padding{padding:10px}.alert{margin-top:10px;padding:15px;border:1px solid transparent;border-radius:4px}.alert-warning{background-image:url('../images/warningimg.png');background-repeat:no-repeat;background-position:100% 36%;box-shadow:inset 0px 0px 2px #fff;padding:10px 200px 10px 10px;background-color:#F3D6A2;border-color:#B19373;color:#76633C!important;margin-bottom:10px;font-size:12px;text-shadow:0px 1px rgba(255,255,255,0.8) }.alert-warning-dim{background-image:url('../images/dimwarningimg.png');background-repeat:no-repeat;background-position:132% 34%!important;box-shadow:inset 0px 0px 2px #fff;padding:10px 200px 10px 10px;background-color:#F3D6A2;border-color:#B19373;color:#76633C!important;margin-bottom:10px;font-size:12px;text-shadow:0px 1px rgba(255,255,255,0.8) }.alert-warning hr{border-top-color:#f7e1b5 }.alert-warning .alert-link{color:#66512c }.alert-danger{background-image:url('../images/dangerimg.png');background-repeat:no-repeat;background-position:100% 37%;box-shadow:inset 0px 0px 2px #fff;padding:10px 250px 10px 10px;background-color:#FFBEBE;border-color:#B17373;color:#763C3C!important;margin-bottom:10px;font-size:12px;text-shadow:0px 1px rgba(255,255,255,0.8) }.event{margin-top:10px;border:#c2c1c1 1px solid;background-repeat:no-repeat;background-position:100% 37%;box-shadow:inset 0px 0px 2px #fff;color:#FFF!important;font-size:12px}
.oproep{border-radius: 4px;position:absolute;right:0px;top:200px;float:left;border:1px #dbd9d9 solid;background-color:#FFF;padding:5px;font-weight:bold;text-align:center}
.header #enter-hotel{position:absolute;margin-top:30px;margin-left:772px}
#enter-hotel{position:absolute;margin-top:60px;margin-left:390px}
#enter-hotel div a{float:left;background:transparent url(../images/enter_button.png) no-repeat -9px 0;height:49px;text-align:center;line-height:47px;padding:0 16px 0 19px;font-size:14px;text-decoration:none;color:#fff;position:relative}
#enter-hotel div b{float:left;background:transparent url(../images/enter_button.png) no-repeat 0 0;height:49px;width:9px}
#enter-hotel div:hover a{background-position:-9px -49px;text-decoration:none}
#enter-hotel div:hover b{background-position:0 -49px}

.index-online {
    margin-top:34px;margin-left:780px;
    width: 125px;
    height: 36px;
    background: url(/files/img/users-online.png);
    position: absolute;
    text-align: center;
    font-size: 13px;
}
.index-online span {
    margin-top: 10px;
    font-weight: bold;
    color:black;
    display: block;
    font-size: 13px;
}
.index-fb {
    margin-top:34px;margin-left:740px;
    width: 125px;
    height: 36px;
    background: url(../images/fb.png) no-repeat;
    position: fixed;
    bottom: -5px;
    right: -90px;
    text-align: center;
    font-size: 13px;
}
.index-twit {
    margin-top:34px;margin-left:708px;
    width: 125px;
    height: 36px;
    background: url(../images/twitter.png) no-repeat;
        position: fixed;
    bottom: -5px;
    right: -57px;
    text-align: center;
    font-size: 13px;
}
#badges {
padding:5px 5px 5px 5px;
width:40px;
height:40px;
float:left;
background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    border-width: 1px;
    border-bottom-width: 2px;
    border-color: #c2c2c2;
    border-style: solid;
    background-color: white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}
#badges:hover {
    background-color: white;
}
.badge-content {
    background:#f5f5f5 url(./images/shine-bg.png);
    width:486px;
    height:54px;
    padding:8px 8px 8px 78px;
    float:right;
    border-radius:3px;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);
    position:relative;
}
.badge-content label {
    display:block;
    text-decoration:underline;
    font-weight:bold;
    font-size:12px;
    margin:0 0 3px 0;
}
.badge-content button {
    position:absolute;
    top:8px;
    right:16px;
}
.badge-container {
    height:50px;
    width:50px;
    padding:10px;
    background:#d9d9d9 url(../images/shine-bg.png);
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.25);
    border-radius:3px 0 0 3px;
    margin-left:-2px;
    float:left;
    position:absolute;
}
.badge-img {
    background:center no-repeat;
    height:50px;
    width:50px;
}
.input-div, .badge-div {
    border-top: 1px dashed #cccccc;
    border-bottom: 1px dashed #cccccc;
    padding: 10px 0;
    margin-bottom: -1px;
    text-align: left;
}

.badge-div {
    padding:8px 0;
    position:relative;
}
 
index.css
 
Last edited:

Users who are viewing this thread

Top