Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .arrow {
- cursor: pointer;
- display: block;
- height: 64px;
- margin-top: -35px;
- outline: medium none;
- position: absolute;
- top: 50%;
- width: 64px;
- z-index: 5;
- }
- .arrow.prev {
- left: 20px;
- opacity: 0.2;
- }
- .arrow.next {
- opacity: 0.2;
- right: 20px;
- }
- .arrow.prev:hover{
- opacity:1;
- }
- .arrow.next:hover{
- opacity:1;
- }
- .nav {
- bottom: -4px;
- display: block;
- height: 48px;
- left: 0;
- margin: 0 auto;
- padding: 1em 0 0.8em;
- position: absolute;
- right: 0;
- text-align: center;
- width: 100%;
- z-index: 5;
- }
- .nav li {
- border: 5px solid #AAAAAA;
- border-radius: 5px;
- cursor: pointer;
- display: inline-block;
- height: 30px;
- margin: 0 8px;
- position: relative;
- width: 50px;
- }
- .nav li.active {
- border: 5px solid #FFFFFF;
- }
- .nav li img {
- width: 100%;
- }
- .slider {
- border: 15px solid #FFFFFF;
- border-radius: 5px;
- height: 400px;
- margin: 20px auto;
- position: relative;
- width: 800px;
- -webkit-perspective: 1000px;
- -moz-perspective: 1000px;
- -ms-perspective: 1000px;
- -o-perspective: 1000px;
- perspective: 1000px;
- -webkit-transform-style: preserve-3d;
- -moz-transform-style: preserve-3d;
- -ms-transform-style: preserve-3d;
- -o-transform-style: preserve-3d;
- transform-style: preserve-3d;
- }
- .slide {
- left: 250px;
- position: relative;
- }
- .slide.ng-hide-add {
- opacity:1;
- -webkit-transition:1s linear all;
- -moz-transition:1s linear all;
- -o-transition:1s linear all;
- transition:1s linear all;
- -webkit-transform: rotateX(50deg) rotateY(30deg);
- -moz-transform: rotateX(50deg) rotateY(30deg);
- -ms-transform: rotateX(50deg) rotateY(30deg);
- -o-transform: rotateX(50deg) rotateY(30deg);
- transform: rotateX(50deg) rotateY(30deg);
- -webkit-transform-origin: right top 0;
- -moz-transform-origin: right top 0;
- -ms-transform-origin: right top 0;
- -o-transform-origin: right top 0;
- transform-origin: right top 0;
- }
- .slide.ng-hide-add.ng-hide-add-active {
- opacity:0;
- }
- .slide.ng-hide-remove {
- -webkit-transition:1s linear all;
- -moz-transition:1s linear all;
- -o-transition:1s linear all;
- transition:1s linear all;
- display:block!important;
- opacity:0;
- }
- .slide, .slide.ng-hide-remove.ng-hide-remove-active {
- opacity:1;
- }
- .btn{
- margin: 5px;
- }
- .alert{
- margin-left: 50px;
- }
Add Comment
Please, Sign In to add comment