[REQ]Need sum CSS

Donnyschr

Member
Sep 13, 2014
73
10
Hi,

Sorry do bother y'all. But i wanted to rip a layout (Yes i collect template's :) ).

The website is was trying to collect, is " " But it seems that i can't access the CSS file.

Is there anyone who wouldn't mind sharing the CSS with me? Thanks in advance!:)
 

Donnyschr

Member
Sep 13, 2014
73
10
I can't rip it, i don't know how to get trough the protection. That's why im asking it, as long i can't design or make any layout and i have zero knowledge of CSS.
 

JayC

Well-Known Member
Aug 8, 2013
5,505
1,401
Style.css
Code:
body{background:url(../img/bg.png);margin:0;padding:0;font:normal 13px Tahoma!important;}
.clouds{background-image:url(../img/clouds.png);width:100%;height:134px;position:absolute;overflow:hidden;-webkit-animation:slide 60s linear infinite;-moz-animation:slide 60s linear infinite;-ms-animation:slide 60s linear infinite;-o-animation:slide 60s linear infinite;animation:slide 60s linear infinite;left:0;}
.buildings{background-image:url(../img/buildings.png);width:100%;height:134px;position:absolute;overflow:hidden;left:0;}

.logo {
   width:160px;
   height:59px;
   background:url(../img/logo.gif);
   float:left;
   cursor:pointer;
   cursor:hand;
   margin-top:44px;
}

@keyframes "slide" {
from {
    background-position: 0 0;
}to{background-position:1140px 0;}
}

@-moz-keyframes slide {
from {
   background-position: 0 0;
}
to {
   background-position: 1140px 0;
}

}

@-webkit-keyframes "slide" {
from {
   background-position: 0 0;
}
to {
   background-position: 1140px 0;
}

}

@-ms-keyframes "slide" {
from {
   background-position: 0 0;
}
to {
   background-position: 1140px 0;
}

}

@-o-keyframes "slide" {
from {
   background-position: 0 0;
}
to {
   background-position: 1140px 0;
}

}

.left-side,.right-side,.full-side {
    margin-top: 10px;
}

.left-side {
    width: 600px;
    float: left;
}

.right-side {
    width: 300px;
    float: right;
}

.full-side {
    width: 912px;
    float: left;
}

.c-box {
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
}

.c-box-register {
    width: 300px;
    height: 388px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -194px;
    margin-left: -150px;

    -webkit-box-shadow: 0 0 0 2px rgba(0,0,0,.25);
    box-shadow: 0 0 0 2px rgba(0,0,0,.25);
    border-radius: 5px;
}

.c-box-disconnected {
    width: 300px;
    height: 252px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -126px;
    margin-left: -150px;
    border-radius: 5px;
}

.c-main {
    background: white;
    border: 1px solid #b3b3b3;
    border-top: none;
    border-bottom: 2px solid #b3b3b3;
    padding: 10px;
    border-radius: 0 0 5px 5px;
}

.c-title {
    width: 100%;
    background-image: url(../img/shine-bg.png);
    height: 36px;
    line-height: 36px;
    text-indent: 12px;
    text-align: left;
    font-weight: bold;
    font-family: Arial !important;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0,0,0,.25);
    -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;
}

.c-title small {
    float:right;
    margin-right:12px;
}

.c-title a {
    color:White;
}

.c-title.red {
    background-color: #d64242;
}

.c-title.green {
    background-color: #74bf4e;
}

.c-title.blue {
    background-color: #4d9dbd;
}

.c-title.purple {
    background-color: #cc7abe;
}

.c-title.orange {
    background-color: #ffa230;
}

.c-title.grey {
    background-color: #a6a6a6;
}

.padding {
    padding: 10px;
}

.padding-out {
    padding: 6px;
}

.input-div input[type="text"],.input-div input[type="password"],.input-div select {
    border: 1px solid #b3b3b3;
    height: 28px;
    line-height: 28px;
    margin: 0;
    width: 100%;
    border-radius: 3px;
    text-indent: 8px;
}

.input-div select {
    height: 32px;
    line-height: 32px;
    text-indent: 4px;
}

body.index {
     background: url('../img/pirate/bg.png') fixed bottom;
}
body.index .input_box {
    width: 100%;
    background: white;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.25);
    margin-bottom: 10px;
    height: 44px;
    border-radius: 3px;
    position:relative;
}
body.index .input_box.user {
    background-image: url(../img/input-icons.png);
    background-repeat: no-repeat;
    background-position: 4px 0;
}
body.index .input_box.mail {
    background-image: url(../img/input-icons.png);
    background-repeat: no-repeat;
    background-position: 4px -88px;
}
body.index .input_box.pass {
    background-image: url(../img/input-icons.png);
    background-position: 4px -44px;
    background-repeat: no-repeat;
}
body.index input[type="text"].input, input[type="password"].input {
    width: 240px;
    height: 44px;
    background: none;
    border: none;
    padding:0 0 0 38px;
}
body.index .clouds {
    height: 398px;
    top: 269px; background-repeat: no-repeat;
    background-image:url(../img/pirate/reception_pirate_horiz_left.png);
}
body.index .index-right {
    height:100%;
    width:100%;
    position:fixed;
    bottom:0;
    right:0;
    background:url(../img/pirate/index_right.png) no-repeat bottom right;
}
body.index .index-left {
    height:100%;
    width:100%;
    position:fixed;
    bottom:0;
    left:0;
    background:url(../img/pirate/index_left.png) no-repeat bottom left;
}
body.index .login-box {
    height:200px;
    width:300px;
    position:fixed;
    top:50%;
    left:50%;
    margin-top:-100px;
    margin-left:-150px;
}
body.index .logo {
    float:none;
    margin-top:-53px;
    margin-bottom:10px;
}
body.index .c-main {
    height:164px;
}
body.index .login-btn {
    background: #4ba3d6 url(../img/two_bg.png) center;
    border-radius: 3px;
    border: none;
    height: 34px;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.25), inset 0 1px 0 1px rgba(255,255,255,.25);
    color: #fff;
    cursor: pointer;
    cursor: hand;
    font-weight:bold;
    float:right;
    padding:0 18px;
    position:absolute;
    top:5px;
    right:3px;
}   
body.index .login-btn:hover {
    background-color:#55b5ed;
}
body.index .login-btn1 {
    background: #4ba3d6 url(../images/two_bg.png) center;
    border-radius: 3px;
    border: none;
    height: 34px;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.25), inset 0 1px 0 1px rgba(255,255,255,.25);
    color: #fff;
    cursor: pointer;
    cursor: hand;
    font-weight:bold;
    float:right;
    padding:0 18px;
    position:absolute;
    top:5px;
    right:3px;
}   
body.index .login-btn1:hover {
    background-color:#55b5ed;
}
.register-btn {
    width: 100%;
    background: #53912f url(../img/two_bg.png) center;
    border-radius: 3px;
    border: none;
    height: 50px;
    line-height: 50px;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.25), inset 0 1px 0 1px rgba(255,255,255,.25);
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    cursor: hand;
    font-size: 14px;
    margin-top:15px;
    text-decoration:none;
}
.register-btn:hover {
    background-color:#63a838;
}
.index-error {
    top:0;
    left:0;
    width:100%;
    padding:0;
    text-align:center;
    height:35px;
    line-height:35px;
    font-size:14px;
    border-radius:0;
}
.index-online {
    left: 105px;
    bottom: 25px;
    width: 88px;
    height: 74px;
    background: url(../img/danny.png);
    position: absolute;
    text-align: center;
    font-size: 13px;
}
.index-online span {
    margin-top: 4px;
    font-weight: bold;
    display: block;
    font-size: 18px;
}

.c-success, .c-referrals, .c-error {
    height:34px;
    line-height:34px;
    background:#74bf4e url(../images/shine-bg.png);
    border-radius:3px;
    color:#fff;
    text-align:center;
}
.c-success, .c-error {
    float:left;
    width:100%;
    margin-bottom:10px;
}
.c-error {
    background-color:#c93734;
}

.c-habway {
    height: 36px;
    background: #0099FF url(../img/shine-bg.png) center center;
    line-height: 36px;
    text-indent: 12px;
    text-align: left;
    font-weight: bold;
    font-family: Arial !important;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0,0,0,.25);
    -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;
}
.c-habway {
    float: left;
    width: 100%;
    position: absolute;
    margin-bottom: 10px;
}
.c-habway { background-color: #d64242 }
 

Donnyschr

Member
Sep 13, 2014
73
10
Yea, because he thinks he's so smart to let other url's then habway-hotel.com redirect to google. But i decrypted all of he's JS already....
 
This isn't the good style one. The page is just layout-less. Any good styles from Habway? Sorry for dubbel posting.
 

Users who are viewing this thread

Top