Просмотр архива CloudBox - Online File Management System

.tabButton {
    width: 100%;
    height: 100%;
    margin: 0 auto;
   
-moz-box-sizing: content-box;
    -webkit-box-sizing:
content-box;
}

.tabButton ul {
    list-style: none;
    margin: 0;
   
padding: 0;
    -moz-box-sizing: content-box;
    -webkit-box-sizing:
content-box;
}

.tabButton li {
    float: left;
    margin-right: 1px;
   
-moz-box-sizing: content-box;
    -webkit-box-sizing:
content-box;
}

.tabButton li a {
    display: block;
    padding: 10px
20px;
    background: #ff7878;
    text-decoration: none;
    color:
white;
    -moz-box-sizing: content-box;
    -webkit-box-sizing:
content-box;
    outline: 0;
    -webkit-transition: all 400ms linear;
   
-moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
   
-ms-transition: all 400ms linear;
    transition: all 400ms
linear;
}

.tabButton li a:hover {
    background: #675C7C;
   
-webkit-transition: all 400ms linear;
    -moz-transition: all 400ms
linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms
linear;
    transition: all 400ms linear;
}

.tabs_container {
    padding:
0 15px 70px;
    overflow: hidden;
    position: relative;
    background:
white;
    -moz-box-sizing: content-box;
    -webkit-box-sizing:
content-box;
}

.tabs_container div {
    -moz-box-sizing: content-box;
   
-webkit-box-sizing: content-box;
}

.transition {
    -webkit-transition:
all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
   
-o-transition: all .3s ease-in-out;
    -ms-transition: all .3s
ease-in-out;
    transition: all .3s ease-in-out;
   
-webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
   
-o-transition-delay: .3s;
    -ms-transition-delay: .3s;
   
transition-delay: .3s;
}

.make_transist {
    -webkit-transition: all .3s
ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition:
all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
   
transition: all .3s ease-in-out;
}

.hidescale {
    -webkit-transform:
scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
 
  -ms-transform: scale(0.9);
    transform: scale(0.9);
    -ms-filter:
"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter:
alpha(opacity=0);
    filter: alpha(opacity=0);
    opacity:
0;
}

.showscale {
    -webkit-transform: scale(1);
    -moz-transform:
scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
   
transform: scale(1);
    -ms-filter:
"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   
filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition-delay:
.3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
   
-ms-transition-delay: .3s;
    transition-delay: .3s;
}

.hideleft {
   
-webkit-transform: translateX(-100%);
    -moz-transform:
translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform:
translateX(-100%);
    transform: translateX(-100%);
    -ms-filter:
"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter:
alpha(opacity=0);
    opacity: 0;
}

.showleft {
    -webkit-transform:
translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform:
translateX(0px);
    -ms-transform: translateX(0px);
    transform:
translateX(0px);
    -ms-filter:
"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   
filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition-delay:
.3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
   
-ms-transition-delay: .3s;
    transition-delay: .3s;
}

.hidescaleup {
   
-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
   
-o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform:
scale(1.1);
    -ms-filter:
"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter:
alpha(opacity=0);
    opacity: 0;
}

.showscaleup {
    -webkit-transform:
scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
   
-ms-transform: scale(1);
    transform: scale(1);
    -ms-filter:
"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   
filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition-delay:
.3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
   
-ms-transition-delay: .3s;
    transition-delay: .3s;
}

.hideflip {
   
-ms-filter:
"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter:
alpha(opacity=0);
    opacity: 0;
    -webkit-transform: rotatey(-90deg)
scale(1.1);
    -moz-transform: rotatey(-90deg) scale(1.1);
   
-o-transform: rotatey(-90deg) scale(1.1);
    -ms-transform:
rotatey(-90deg) scale(1.1);
    transform: rotatey(-90deg) scale(1.1);
   
-webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
   
-o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
   
transform-origin: 50% 50%;
}

.showflip {
    -ms-filter:
"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   
filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition-delay:
.3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
   
-ms-transition-delay: .3s;
    transition-delay: .3s;
   
-webkit-transform: rotatey(0deg) scale(1);
    -moz-transform:
rotatey(0deg) scale(1);
    -o-transform: rotatey(0deg) scale(1);
   
-ms-transform: rotatey(0deg) scale(1);
    transform: rotatey(0deg)
scale(1);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin:
50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50%
50%;
    transform-origin: 50% 50%;
}

.tabulous_active {
    background:
white !important;
    color: #675C7C !important;
    border-top: 1px solid
#ff7878;
}

.tabulousclear {
    display: block;
    clear: both;
}