|
|
| 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;
| |
| | | | |
| | | | |