• I see what's goin at Androis 16 so better use it with android navigation bar about swipe menus left and right.

    When I see what's goin on will make soon swipe any to show menu, in the way like X has.
    I see what's goin at Androis 16 so better use it with android navigation bar about swipe menus left and right. When I see what's goin on will make soon swipe any to show menu, in the way like X has.
    7KB Vue
  • UPDATE

    There is also LEFT SWIPE for Classic Theme. Just for INDEX for now.

    #update
    UPDATE There is also LEFT SWIPE for Classic Theme. Just for INDEX for now. #update
    31KB Vue
  • About positioning items, best way for me is:
    element {
    position: absolute or relative;
    margin: auto;
    left: value%;
    right: value%;
    bottom: value%;
    top: value%;
    }

    If no value put 0.

    #CSS
    About positioning items, best way for me is: element { position: absolute or relative; margin: auto; left: value%; right: value%; bottom: value%; top: value%; } If no value put 0. #CSS
    23KB Vue
  • Left swipe menu and button for open top left update.

    FLASH YOUR BROWSER DATA.

    #update
    Left swipe menu and button for open top left update. FLASH YOUR BROWSER DATA. #update
    29KB Vue
  • Soon

    Left JOIN/profile menu will be adapted to left swipe.

    Corner right menu update to just in thumb reach.
    Soon Left JOIN/profile menu will be adapted to left swipe. Corner right menu update to just in thumb reach.
    24KB Vue
  • New view. Flush your browser DATA if it's not like this.

    #Left #menu #UPDATE
    New view. Flush your browser DATA if it's not like this. #Left #menu #UPDATE
    34KB Vue
  • SWIPE FROM LEFT TO RIGHT COMMIN SOON.
    SWIPE FROM LEFT TO RIGHT COMMIN SOON.
    11KB Vue
  • https://www.youtube.com/watch?v=NRWUoDpo2fo

    alt-J - Left Hand Free (Official Video)
    https://www.youtube.com/watch?v=NRWUoDpo2fo alt-J - Left Hand Free (Official Video)
    21KB Vue
  • Example style for button:

    <style>
    .checkbox-wrapper-8 .tgl {
    display: none;
    }
    .checkbox-wrapper-8 .tgl,
    .checkbox-wrapper-8 .tgl:after,
    .checkbox-wrapper-8 .tgl:before,
    .checkbox-wrapper-8 .tgl *,
    .checkbox-wrapper-8 .tgl *:after,
    .checkbox-wrapper-8 .tgl *:before,
    .checkbox-wrapper-8 .tgl + .tgl-btn {
    box-sizing: border-box;
    }
    .checkbox-wrapper-8 .tgl::-moz-selection,
    .checkbox-wrapper-8 .tgl:after::-moz-selection,
    .checkbox-wrapper-8 .tgl:before::-moz-selection,
    .checkbox-wrapper-8 .tgl *::-moz-selection,
    .checkbox-wrapper-8 .tgl *:after::-moz-selection,
    .checkbox-wrapper-8 .tgl *:before::-moz-selection,
    .checkbox-wrapper-8 .tgl + .tgl-btn::-moz-selection,
    .checkbox-wrapper-8 .tgl::selection,
    .checkbox-wrapper-8 .tgl:after::selection,
    .checkbox-wrapper-8 .tgl:before::selection,
    .checkbox-wrapper-8 .tgl *::selection,
    .checkbox-wrapper-8 .tgl *:after::selection,
    .checkbox-wrapper-8 .tgl *:before::selection,
    .checkbox-wrapper-8 .tgl + .tgl-btn::selection {
    background: none;
    }
    .checkbox-wrapper-8 .tgl + .tgl-btn {
    outline: 0;
    display: block;
    width: 4em;
    height: 2em;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    }
    .checkbox-wrapper-8 .tgl + .tgl-btn:after,
    .checkbox-wrapper-8 .tgl + .tgl-btn:before {
    position: relative;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    }
    .checkbox-wrapper-8 .tgl + .tgl-btn:after {
    left: 0;
    }
    .checkbox-wrapper-8 .tgl + .tgl-btn:before {
    display: none;
    }
    .checkbox-wrapper-8 .tgl:checked + .tgl-btn:after {
    left: 50%;
    }

    .checkbox-wrapper-8 .tgl-skewed + .tgl-btn {
    overflow: hidden;
    transform: skew(-10deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: all 0.2s ease;
    font-family: sans-serif;
    background: #888;
    }
    .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:after,
    .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:before {
    transform: skew(10deg);
    display: inline-block;
    transition: all 0.2s ease;
    width: 100%;
    text-align: center;
    position: absolute;
    line-height: 2em;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    }
    .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:after {
    left: 100%;
    content: attr(data-tg-on);
    }
    .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:before {
    left: 0;
    content: attr(data-tg-off);
    }
    .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:active {
    background: #888;
    }
    .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:active:before {
    left: -10%;
    }
    .checkbox-wrapper-8 .tgl-skewed:checked + .tgl-btn {
    background: #86d993;
    }
    .checkbox-wrapper-8 .tgl-skewed:checked + .tgl-btn:before {
    left: -100%;
    }
    .checkbox-wrapper-8 .tgl-skewed:checked + .tgl-btn:after {
    left: 0;
    }
    .checkbox-wrapper-8 .tgl-skewed:checked + .tgl-btn:active:after {
    left: 10%;
    }
    </style>
    Example style for button: <style> .checkbox-wrapper-8 .tgl { display: none; } .checkbox-wrapper-8 .tgl, .checkbox-wrapper-8 .tgl:after, .checkbox-wrapper-8 .tgl:before, .checkbox-wrapper-8 .tgl *, .checkbox-wrapper-8 .tgl *:after, .checkbox-wrapper-8 .tgl *:before, .checkbox-wrapper-8 .tgl + .tgl-btn { box-sizing: border-box; } .checkbox-wrapper-8 .tgl::-moz-selection, .checkbox-wrapper-8 .tgl:after::-moz-selection, .checkbox-wrapper-8 .tgl:before::-moz-selection, .checkbox-wrapper-8 .tgl *::-moz-selection, .checkbox-wrapper-8 .tgl *:after::-moz-selection, .checkbox-wrapper-8 .tgl *:before::-moz-selection, .checkbox-wrapper-8 .tgl + .tgl-btn::-moz-selection, .checkbox-wrapper-8 .tgl::selection, .checkbox-wrapper-8 .tgl:after::selection, .checkbox-wrapper-8 .tgl:before::selection, .checkbox-wrapper-8 .tgl *::selection, .checkbox-wrapper-8 .tgl *:after::selection, .checkbox-wrapper-8 .tgl *:before::selection, .checkbox-wrapper-8 .tgl + .tgl-btn::selection { background: none; } .checkbox-wrapper-8 .tgl + .tgl-btn { outline: 0; display: block; width: 4em; height: 2em; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .checkbox-wrapper-8 .tgl + .tgl-btn:after, .checkbox-wrapper-8 .tgl + .tgl-btn:before { position: relative; display: block; content: ""; width: 50%; height: 100%; } .checkbox-wrapper-8 .tgl + .tgl-btn:after { left: 0; } .checkbox-wrapper-8 .tgl + .tgl-btn:before { display: none; } .checkbox-wrapper-8 .tgl:checked + .tgl-btn:after { left: 50%; } .checkbox-wrapper-8 .tgl-skewed + .tgl-btn { overflow: hidden; transform: skew(-10deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: all 0.2s ease; font-family: sans-serif; background: #888; } .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:after, .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:before { transform: skew(10deg); display: inline-block; transition: all 0.2s ease; width: 100%; text-align: center; position: absolute; line-height: 2em; font-weight: bold; color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); } .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:after { left: 100%; content: attr(data-tg-on); } .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:before { left: 0; content: attr(data-tg-off); } .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:active { background: #888; } .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:active:before { left: -10%; } .checkbox-wrapper-8 .tgl-skewed:checked + .tgl-btn { background: #86d993; } .checkbox-wrapper-8 .tgl-skewed:checked + .tgl-btn:before { left: -100%; } .checkbox-wrapper-8 .tgl-skewed:checked + .tgl-btn:after { left: 0; } .checkbox-wrapper-8 .tgl-skewed:checked + .tgl-btn:active:after { left: 10%; } </style>
    38KB Vue
  • Remember that you can swipe from RIGHT TO LEFT to open EXTRA PANEL.

    #swipe #panel #INFO
    Remember that you can swipe from RIGHT TO LEFT to open EXTRA PANEL. #swipe #panel #INFO
    17KB Vue
  • Now you can swipe from right edge to left to open extra panel.
    Now you can swipe from right edge to left to open extra panel.
    17KB Vue
  • Inside left menu and right aside its sticked and floating like should.
    Inside left menu and right aside its sticked and floating like should.
    11KB Vue
  • Left menu and right aside gonna be stick and floating soon as possible.

    Newsfeed it's open now, becouse of INDEXING by the GOOGLE, Countrys etc, DID not index all becouse of login page.

    When links become added might close.

    Think so.
    Left menu and right aside gonna be stick and floating soon as possible. Newsfeed it's open now, becouse of INDEXING by the GOOGLE, Countrys etc, DID not index all becouse of login page. When links become added might close. Think so.
    21KB Vue