|
@@ -522,7 +522,6 @@ body {
|
|
|
/* =========== HEADER MENU =========== */
|
|
|
.header {
|
|
|
width: 220px;
|
|
|
- bottom: 0;
|
|
|
top: 100px;
|
|
|
text-align: right;
|
|
|
z-index: 9;
|
|
@@ -1078,19 +1077,22 @@ body {
|
|
|
}
|
|
|
.header,
|
|
|
.menu-left .header {
|
|
|
- left: 0;
|
|
|
- width: 250px;
|
|
|
- z-index: 9999;
|
|
|
- background-color: #000000;
|
|
|
- text-align: center;
|
|
|
- -webkit-transform: translateX(-101%);
|
|
|
- -moz-transform: translateX(-101%);
|
|
|
- transform: translateX(-101%);
|
|
|
- -webkit-transition: transform 0.3s ease;
|
|
|
- -moz-transition: transform 0.3s ease;
|
|
|
- -ms-transition: transform 0.3s ease;
|
|
|
- -o-transition: transform 0.3s ease;
|
|
|
- transition: transform 0.3s ease;
|
|
|
+ top:0;
|
|
|
+ bottom:0;
|
|
|
+ left:0;
|
|
|
+ padding:30px;
|
|
|
+ width: 260px;
|
|
|
+ z-index: 9999;
|
|
|
+ background-color: #fff;
|
|
|
+ text-align: center;
|
|
|
+ -webkit-transform: translateX(-101%);
|
|
|
+ -moz-transform: translateX(-101%);
|
|
|
+ transform: translateX(-101%);
|
|
|
+ -webkit-transition: transform 0.3s ease;
|
|
|
+ -moz-transition: transform 0.3s ease;
|
|
|
+ -ms-transition: transform 0.3s ease;
|
|
|
+ -o-transition: transform 0.3s ease;
|
|
|
+ transition: transform 0.3s ease;
|
|
|
}
|
|
|
.header .logo,
|
|
|
.menu-left .header .logo {
|