daily pastebin goal
16%
SHARE
TWEET

Untitled

a guest Aug 13th, 2017 36 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. html {
  2.     position:relative;
  3.     height:100%;
  4. }
  5.  
  6. body {
  7.     position:relative;
  8.     width:100%;
  9.     min-height:100%;
  10.     margin:0;
  11.     padding:0;
  12.     overflow-x:hidden;
  13.  
  14.     display:-webkit-box;
  15.     display:-webkit-flex;
  16.     display:-ms-flexbox;
  17.         display:flex;
  18.     -webkit-box-orient: vertical;
  19.     -webkit-box-direction: normal;
  20.     -webkit-flex-direction: column;
  21.     -ms-flex-direction: column;
  22.         flex-direction: column;
  23. }
  24.  
  25. .wrapper {
  26.     -webkit-flex: 1;
  27.     -ms-flex: 1;
  28.         flex: 1;
  29.     display: -webkit-flex;
  30.     display: -ms-flexbox;
  31.         display: flex;
  32.     -webkit-flex-direction: column;
  33.     -ms-flex-direction: column;
  34.         flex-direction: column;
  35.     overflow-x:hidden;
  36. }
  37.  
  38. **HEADER HIDDEN FROM VIEW**
  39.  
  40. .transform-container .header {
  41.     position:fixed;
  42.     width:100%;
  43.     height:55px;
  44.     background-color: #fff;
  45.     transform:translate3d(0,-100%,0);
  46.     transition:all .3s;
  47. }
  48.  
  49. **SIDEMENU HIDDEN FROM VIEW**
  50.  
  51. .side-menu {
  52.     display:block;  
  53.     z-index:10;
  54.     position:fixed;
  55.     overflow-x:hidden;
  56.  
  57.     top:0px;
  58.     right:-355px;
  59.     width: 355px;
  60.     height:100%;
  61.     margin:0;
  62.     padding:0;
  63.     background-color:#eee;
  64. }
RAW Paste Data
Top