LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code
CSS
body {
    background: rgb(157, 34, 60) -webkit-linear-gradient(left top, rgb(114, 51, 98) 0%, rgb(157, 34, 60) 100%) repeat 0% 0%;
    font: normal normal normal normal 16px / normal proxima-nova, 'Helvetica Neue', sans-serif;
}

.inner {
    -webkit-perspective-origin: 461px 377.5px;
            perspective-origin: 461px 377.5px;
    -webkit-transform-origin: 461px 377.5px;
            transform-origin: 461px 377.5px;
    border: 0px none rgb(128, 128, 128);
    font: normal normal normal normal 16px / normal proxima-nova, 'Helvetica Neue', sans-serif;
}/*#TBODY_20*/

.TR_21 {
    vertical-align: middle;
    -webkit-perspective-origin: 461px 375.5px;
            perspective-origin: 461px 375.5px;
    -webkit-transform-origin: 461px 375.5px;
            transform-origin: 461px 375.5px;
    border: 0px none rgb(128, 128, 128);
    border-spacing: 2px 2px;
    font: normal normal normal normal 16px / normal proxima-nova, 'Helvetica Neue', sans-serif;
}/*#TR_21*/

#TD_22 {
		height: 751px;
    vertical-align: middle;
    -webkit-perspective-origin: 459px 375.5px;
            perspective-origin: 459px 375.5px;
    -webkit-transform-origin: 459px 375.5px;
            transform-origin: 459px 375.5px;
    border-spacing: 2px 2px;
    font: normal normal normal normal 16px / normal proxima-nova, 'Helvetica Neue', sans-serif;
    padding: 1px;
}/*#TD_22*/

#DIV_1 {
    top: 50px;
    height: 417px;
    left: 92.1875px;
    pointer-events: none;
    position: absolute;
    right: 368.797px;
    top: 220px;
    width: 461.016px;
    -webkit-perspective-origin: 230.5px 208.5px;
            perspective-origin: 230.5px 208.5px;
    -webkit-transform-origin: 230.5px 208.5px;
            transform-origin: 230.5px 208.5px;
    border-spacing: 2px 2px;
    font: normal normal normal normal 16px / normal proxima-nova, 'Helvetica Neue', sans-serif;
}/*#DIV_1*/

#DIV_2, #DIV_6, #DIV_8 {
    color: rgb(255, 255, 255);
    height: 200px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: 0px;
    width: 461.016px;
    z-index: 0;
    -webkit-perspective-origin: 230.5px 100px;
            perspective-origin: 230.5px 100px;
    -webkit-transform-origin: 230.5px 100px;
            transform-origin: 230.5px 100px;
    border: 0px none rgb(255, 255, 255);
    border-spacing: 2px 2px;
    font: normal normal normal normal 16px / normal proxima-nova, 'Helvetica Neue', sans-serif;
    outline: rgb(255, 255, 255) none 0px;
    -webkit-transition: opacity 0.5s ease-in-out 0s, top 0.5s ease-in-out 0s;
    transition: opacity 0.5s ease-in-out 0s, top 0.5s ease-in-out 0s;
}/*#DIV_2, #DIV_6, #DIV_8*/

#H2_3, #H2_5, #H2_9 {
    color: rgb(255, 255, 255);
    height: 40px;
    pointer-events: none;
    text-align: center;
    width: 461.016px;
    -webkit-perspective-origin: 230.5px 20px;
            perspective-origin: 230.5px 20px;
    -webkit-transform-origin: 230.5px 20px;
            transform-origin: 230.5px 20px;
    border: 0px none rgb(255, 255, 255);
    border-spacing: 2px 2px;
    font: normal normal bold normal 40px / 40px proxima-nova, 'Helvetica Neue', sans-serif;
    margin: 25px 0px 15px;
    outline: rgb(255, 255, 255) none 0px;
}/*#H2_3, #H2_5, #H2_9*/

#DIV_4 {
    color: rgb(255, 255, 255);
    height: 200px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: -150px;
    width: 461.016px;
    -webkit-perspective-origin: 230.5px 100px;
            perspective-origin: 230.5px 100px;
    -webkit-transform-origin: 230.5px 100px;
            transform-origin: 230.5px 100px;
    border: 0px none rgb(255, 255, 255);
    border-spacing: 2px 2px;
    font: normal normal normal normal 16px / normal proxima-nova, 'Helvetica Neue', sans-serif;
    outline: rgb(255, 255, 255) none 0px;
    -webkit-transition: opacity 0.5s ease-in-out 0s, top 0.5s ease-in-out 0s;
    transition: opacity 0.5s ease-in-out 0s, top 0.5s ease-in-out 0s;
}/*#DIV_4*/

#H2_7 {
    color: rgb(255, 255, 255);
    height: 40px;
    pointer-events: none;
    text-align: center;
    width: 461.016px;
    -webkit-perspective-origin: 230.5px 20px;
            perspective-origin: 230.5px 20px;
    -webkit-transform-origin: 230.5px 20px;
            transform-origin: 230.5px 20px;
    border: 0px none rgb(255, 255, 255);
    border-spacing: 2px 2px;
    font: normal normal bold normal 40px / 40px proxima-nova, 'Helvetica Neue', sans-serif;
    margin: 25px 0px 15px;
    outline: rgb(255, 255, 255) none 0px;
}/*#H2_7*/

#DIV_10 {
    height: 417px;
    pointer-events: none;
    width: 461.016px;
    -webkit-perspective-origin: 230.5px 208.5px;
            perspective-origin: 230.5px 208.5px;
    -webkit-transform-origin: 230.5px 208.5px;
            transform-origin: 230.5px 208.5px;
    border-spacing: 2px 2px;
    font: normal normal normal normal 16px / normal proxima-nova, 'Helvetica Neue', sans-serif;
    -webkit-transition: width 2s ease-in-out 0s, height 2s ease-in-out 0s;
    transition: width 2s ease-in-out 0s, height 2s ease-in-out 0s;
}/*#DIV_10*/

#DIV_11 {
    height: 417px;
    max-width: 1200px;
    pointer-events: none;
    position: relative;
    width: 461.016px;
    -webkit-perspective-origin: 230.5px 208.5px;
            perspective-origin: 230.5px 208.5px;
    -webkit-transform-origin: 230.5px 208.5px;
            transform-origin: 230.5px 208.5px;
    background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
    border-radius: 4px 4px 4px 4px;
    border-spacing: 2px 2px;
    font: normal normal normal normal 16px / normal proxima-nova, 'Helvetica Neue', sans-serif;
}/*#DIV_11*/

#DIV_12 {
    height: 55px;
    left: 0px;
    pointer-events: none;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 461.016px;
    -webkit-perspective-origin: 230.5px 28px;
            perspective-origin: 230.5px 28px;
    -webkit-transform-origin: 230.5px 28px;
            transform-origin: 230.5px 28px;
    border-bottom: 1px solid rgb(238, 238, 238);
    border-spacing: 2px 2px;
    font: normal normal normal normal 16px / normal proxima-nova, 'Helvetica Neue', sans-serif;
}/*#DIV_12*/

#DIV_13 {
    height: 20px;
    pointer-events: none;
    width: 429.016px;
    -webkit-perspective-origin: 230.5px 26px;
            perspective-origin: 230.5px 26px;
    -webkit-transform-origin: 230.5px 26px;
            transform-origin: 230.5px 26px;
    border-spacing: 2px 2px;
    font: normal normal normal normal 16px / normal proxima-nova, 'Helvetica Neue', sans-serif;
    padding: 16px;
}/*#DIV_13*/

#B_14, #B_15 {
    display: inline-block;
    height: 10px;
    pointer-events: none;
    vertical-align: middle;
    width: 10px;
    -webkit-perspective-origin: 5px 5px;
            perspective-origin: 5px 5px;
    -webkit-transform-origin: 5px 5px;
            transform-origin: 5px 5px;
    background: rgba(0, 0, 0, 0.0980392) none repeat scroll 0% 0% / auto padding-box border-box;
    border-radius: 50% 50% 50% 50%;
    border-spacing: 2px 2px;
    font: normal normal bold normal 16px / normal proxima-nova, 'Helvetica Neue', sans-serif;
    margin: 0px 7px 0px 0px;
}/*#B_14, #B_15*/

#B_16 {
    display: inline-block;
    height: 10px;
    pointer-events: none;
    vertical-align: middle;
    width: 10px;
    -webkit-perspective-origin: 5px 5px;
            perspective-origin: 5px 5px;
    -webkit-transform-origin: 5px 5px;
            transform-origin: 5px 5px;
    background: rgba(0, 0, 0, 0.0980392) none repeat scroll 0% 0% / auto padding-box border-box;
    border-radius: 50% 50% 50% 50%;
    border-spacing: 2px 2px;
    font: normal normal bold normal 16px / normal proxima-nova, 'Helvetica Neue', sans-serif;
    margin: 0px 7px 0px 0px;
}/*#B_16*/

#DIV_17 {
    top: 55px;
    height: 362px;
    left: 0px;
    pointer-events: none;
    position: absolute;
    right: 0px;
    width: 461.016px;
    -webkit-perspective-origin: 230.5px 181px;
            perspective-origin: 230.5px 181px;
    -webkit-transform-origin: 230.5px 181px;
            transform-origin: 230.5px 181px;
    border-spacing: 2px 2px;
    font: normal normal normal normal 16px / normal proxima-nova, 'Helvetica Neue', sans-serif;
}/*#DIV_17*/

#IFRAME_18 {
		top: 20px;
    height: 362px;
    pointer-events: none;
    width: 461.016px;
    -webkit-perspective-origin: 230.5px 181px;
            perspective-origin: 230.5px 181px;
    -webkit-transform-origin: 230.5px 181px;
            transform-origin: 230.5px 181px;
    border: 0px none rgb(0, 0, 0);
    border-radius: 0 0 4px 4px;
    border-spacing: 2px 2px;
    font: normal normal normal normal 16px / normal proxima-nova, 'Helvetica Neue', sans-serif;
}/*#IFRAME_18*/

Term
Wed, 12/27/2017 - 07:05

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv