Difference between revisions of "Team:British Columbia/Test/Custom CSS"

Line 492: Line 492:
 
padding-right:50px;
 
padding-right:50px;
 
}
 
}
 +
 +
 +
.top{
 +
    position:relative;
 +
    margin-left:150px;
 +
    width: 225px;
 +
    height: 60px;
 +
}
 +
.button:before, .button:after{
 +
    position: absolute;
 +
    width:70%; height:50%;   
 +
    content: ""; 
 +
    z-index:-1;
 +
}
 +
.top:before {
 +
    left:0; top:0;
 +
    -webkit-transform:skewX(-20deg);
 +
    -ms-transform:skewX(-20deg);
 +
    transform:skewX(-20deg);
 +
    background: #469BF9;
 +
    box-shadow: -5px 10px 0px -5px #104f96;
 +
    z-index:-2;
 +
}
 +
.top:after {
 +
    right:0; top:0;
 +
    -webkit-transform:skewX(20deg);
 +
    -ms-transform:skewX(20deg);
 +
    transform:skewX(20deg);
 +
    background: #469BF9;
 +
    box-shadow: 5px 10px 0px -5px #104f96;
 +
    z-index:-2;
 +
}
 +
.bottom:before{
 +
    left:0; top:50%;
 +
    -webkit-transform:skewX(20deg);
 +
    -ms-transform:skewX(20deg);
 +
    transform:skewX(20deg);
 +
    background: #1E80F7;
 +
    box-shadow: -4px 5px 0px 0px #104f96;
 +
}
 +
.bottom:after{
 +
    right:0; top:50%;
 +
    -webkit-transform:skewX(-20deg);
 +
    -ms-transform:skewX(-20deg);
 +
    transform:skewX(-20deg);
 +
    background: #1E80F7;
 +
    box-shadow: 4px 5px 0px 0px #104f96;
 +
  
  

Revision as of 21:45, 1 September 2015