- Split the navigation CSS from the main CSS

- Fix the responsive design navigation on mobile
- Clean some CSS
- Move the buttons on the second toolbar when we switch to mobile

app/controllers/ConfController.php

@@ -13,7 +13,7 @@ class ConfController extends BaseController {
         $this->page->menuAddLink(t('Explore'), 'explore');
         $this->page->menuAddLink(t('Profile'), 'profile');
         $this->page->menuAddLink(t('Media'), 'media');
-        $this->page->menuAddLink(t('Configuration'), 'conf', true);
-        $this->page->menuAddLink(t('Help'), 'help');
+        $this->page->menuAddLink(t('Configuration'), 'conf', true, true);
+        $this->page->menuAddLink(t('Help'), 'help', false, true);
     }
 }

app/controllers/ExploreController.php

@@ -15,7 +15,7 @@ class ExploreController extends BaseController {
         $this->page->menuAddLink(t('Explore'), 'explore', true);
         $this->page->menuAddLink(t('Profile'), 'profile');
         $this->page->menuAddLink(t('Media'), 'media');
-        $this->page->menuAddLink(t('Configuration'), 'conf');
-        $this->page->menuAddLink(t('Help'), 'help');
+        $this->page->menuAddLink(t('Configuration'), 'conf', false, true);
+        $this->page->menuAddLink(t('Help'), 'help', false, true);
     }
 }

app/controllers/FriendController.php

@@ -23,8 +23,8 @@ class FriendController extends BaseController {
             $this->page->menuAddLink(t('Explore'), 'explore');
             $this->page->menuAddLink(t('Profile'), 'profile');
             $this->page->menuAddLink(t('Media'), 'media');
-            $this->page->menuAddLink(t('Configuration'), 'conf');
-            $this->page->menuAddLink(t('Help'), 'help');
+            $this->page->menuAddLink(t('Configuration'), 'conf', false, true);
+            $this->page->menuAddLink(t('Help'), 'help', false, true);
         } else {
             $this->name = 'main';
         }

app/controllers/HelpController.php

@@ -13,7 +13,7 @@ class HelpController extends BaseController {
         $this->page->menuAddLink(t('Explore'), 'explore');
         $this->page->menuAddLink(t('Profile'), 'profile');
         $this->page->menuAddLink(t('Media'), 'media');
-        $this->page->menuAddLink(t('Configuration'), 'conf');
-        $this->page->menuAddLink(t('Help'), 'help', true);
+        $this->page->menuAddLink(t('Configuration'), 'conf', false, true);
+        $this->page->menuAddLink(t('Help'), 'help', true, true);
     }
 }

app/controllers/MainController.php

@@ -13,7 +13,7 @@ class MainController extends BaseController {
         $this->page->menuAddLink(t('Explore'), 'explore');
         $this->page->menuAddLink(t('Profile'), 'profile');
         $this->page->menuAddLink(t('Media'), 'media');
-        $this->page->menuAddLink(t('Configuration'), 'conf');
-        $this->page->menuAddLink(t('Help'), 'help');
+        $this->page->menuAddLink(t('Configuration'), 'conf', false, true);
+        $this->page->menuAddLink(t('Help'), 'help', false, true);
     }
 }

app/controllers/MediaController.php

@@ -13,7 +13,7 @@ class MediaController extends BaseController {
         $this->page->menuAddLink(t('Explore'), 'explore');
         $this->page->menuAddLink(t('Profile'), 'profile');
         $this->page->menuAddLink(t('Media'), 'media', true);
-        $this->page->menuAddLink(t('Configuration'), 'conf');
-        $this->page->menuAddLink(t('Help'), 'help');
+        $this->page->menuAddLink(t('Configuration'), 'conf', false, true);
+        $this->page->menuAddLink(t('Help'), 'help', false, true);
     }
 }

app/controllers/NewsController.php

@@ -13,7 +13,7 @@ class NewsController extends BaseController {
         $this->page->menuAddLink(t('Explore'), 'explore');
         $this->page->menuAddLink(t('Profile'), 'profile');
         $this->page->menuAddLink(t('Media'), 'media');
-        $this->page->menuAddLink(t('Configuration'), 'conf');
-        $this->page->menuAddLink(t('Help'), 'help');
+        $this->page->menuAddLink(t('Configuration'), 'conf', false, true);
+        $this->page->menuAddLink(t('Help'), 'help', false, true);
     }
 }

app/controllers/NodeController.php

@@ -14,8 +14,8 @@ class NodeController extends BaseController {
             $this->page->menuAddLink(t('Explore'), 'explore');
             $this->page->menuAddLink(t('Profile'), 'profile');
             $this->page->menuAddLink(t('Media'), 'media');
-            $this->page->menuAddLink(t('Configuration'), 'conf');
-            $this->page->menuAddLink(t('Help'), 'help');
+            $this->page->menuAddLink(t('Configuration'), 'conf', false, true);
+            $this->page->menuAddLink(t('Help'), 'help', false, true);
         } else {
             $this->name = 'main';
         }

app/controllers/NodeconfigController.php

@@ -14,8 +14,8 @@ class NodeconfigController extends BaseController {
             $this->page->menuAddLink(t('Explore'), 'explore');
             $this->page->menuAddLink(t('Profile'), 'profile');
             $this->page->menuAddLink(t('Media'), 'media');
-            $this->page->menuAddLink(t('Configuration'), 'conf');
-            $this->page->menuAddLink(t('Help'), 'help');
+            $this->page->menuAddLink(t('Configuration'), 'conf', false, true);
+            $this->page->menuAddLink(t('Help'), 'help', false, true);
         } else {
             $this->name = 'main';
         }

app/controllers/ProfileController.php

@@ -13,7 +13,7 @@ class ProfileController extends BaseController {
         $this->page->menuAddLink(t('Explore'), 'explore');
         $this->page->menuAddLink(t('Profile'), 'profile', true);
         $this->page->menuAddLink(t('Media'), 'media');
-        $this->page->menuAddLink(t('Configuration'), 'conf');
-        $this->page->menuAddLink(t('Help'), 'help');
+        $this->page->menuAddLink(t('Configuration'), 'conf', false, true);
+        $this->page->menuAddLink(t('Help'), 'help', false, true);
     }
 }

app/controllers/ServerController.php

@@ -14,8 +14,8 @@ class ServerController extends BaseController {
             $this->page->menuAddLink(t('Explore'), 'explore');
             $this->page->menuAddLink(t('Profile'), 'profile');
             $this->page->menuAddLink(t('Media'), 'media');
-            $this->page->menuAddLink(t('Configuration'), 'conf');
-            $this->page->menuAddLink(t('Help'), 'help');
+            $this->page->menuAddLink(t('Configuration'), 'conf', false, true);
+            $this->page->menuAddLink(t('Help'), 'help', false, true);
         } else {
             $this->name = 'main';
         }

app/views/page.tpl

@@ -17,6 +17,8 @@
         $this->addCss('css/forms.css');
         $this->addCss('css/submitform.css');
 
+        $this->addCss('css/nav.css');
+
         $this->addCss('css/style.css');
         $this->addCss('css/posts.css');
 

app/widgets/Bookmark/Bookmark.php

@@ -61,7 +61,7 @@ class Bookmark extends WidgetBase
     {
         $i = 0;
 
-        $sd = new \modl\SubscriptionDAO();
+        //$sd = new \modl\SubscriptionDAO();
 
         /*foreach($arr as $b) {
             if($b['type'] == 'subscription') {
@@ -80,7 +80,7 @@ class Bookmark extends WidgetBase
             $i++;
         }*/
         
-        Cache::c('bookmark', $arr);
+        array_push($arr, Cache::c('bookmark'));
         $html = $this->prepareBookmark($arr);
         RPC::call('movim_fill', 'bookmarks', $html);
         Notification::appendNotification(t('Bookmarks updated'), 'info');

app/widgets/Explore/Explore.php

@@ -43,7 +43,7 @@ class Explore extends WidgetCommon {
         $pubsubs = '';
 
         foreach($servers as $s) {
-            list($type, $server,$ext) = explode('.', $s->server);
+            list($type, $server ,$ext) = explode('.', $s->server);
 
             switch ($type) {
                 case 'conference':
@@ -103,34 +103,38 @@ class Explore extends WidgetCommon {
         $html = '';
                 
         $cd = new \modl\ContactDAO();
-        $users = array_reverse($cd->getAllPublic());
-        
+        $users = $cd->getAllPublic();
+
         $gender = getGender();
         $marital = getMarital();
-                
-        foreach($users as $user) {
-            $html .= '
-                <article class="block">
-                    <header>
-                        <a href="'.Route::urlize('friend', $user->jid).'">
-                            <img class="avatar" src="'.$user->getPhoto('m').'"/>
-                        </a>
-
-                        <span class="name">
-                            <a href="'.Route::urlize('friend', $user->jid).'">'.$user->getTrueName().'</a>
-                        </span>
-                        <span class="asv">'.
-                            $user->getAge().' '.
-                            $gender[$user->gender].' '.
-                            $marital[$user->marital].'
-                        </span>
-                    </header>
-
-                    <section class="content">'.prepareString($user->description).'</section>
-
-                    <footer></footer>
-                </article>
-                ';
+
+        if($users) {
+            $users = array_reverse($users);
+            
+            foreach($users as $user) {
+                $html .= '
+                    <article class="block">
+                        <header>
+                            <a href="'.Route::urlize('friend', $user->jid).'">
+                                <img class="avatar" src="'.$user->getPhoto('m').'"/>
+                            </a>
+
+                            <span class="name">
+                                <a href="'.Route::urlize('friend', $user->jid).'">'.$user->getTrueName().'</a>
+                            </span>
+                            <span class="asv">'.
+                                $user->getAge().' '.
+                                $gender[$user->gender].' '.
+                                $marital[$user->marital].'
+                            </span>
+                        </header>
+
+                        <section class="content">'.prepareString($user->description).'</section>
+
+                        <footer></footer>
+                    </article>
+                    ';
+            }
         }
 
         return $html;

app/widgets/Roster/roster.css

@@ -258,159 +258,6 @@
     display: list-item;
 }
 
-/*
-#roster ul#rosterlist ul.contact li:not(:first-child) {
-    display: none;
-}
-
-#roster ul#rosterlist ul.contact li:first-child {
-    display: list-item;
-}
-* */
-/*
-#roster ul#rosterlist li:nth-child(2n) {
-    background-color: rgba(255, 255, 255, 0.03);
-}
-
-#roster ul#rosterlist li img {
-    float: left;
-    width: 3em;
-    height: 3em;
-    margin-right: 0.5em;
-    margin-top: -0.5em;
-}
-
-#roster ul#rosterlist li a {
-    display: block;
-    white-space: nowrap;
-    width: auto;
-    overflow: hidden;
-    color: #BBB;
-    font-size: 1em;
-    padding-top: 0.5em;
-    text-overflow: ellipsis;
-    vertical-align: text-bottom;
-    text-decoration: none;
-
-    text-shadow: 0px -0.1em 0px rgba(0, 0, 0, 0.5);
-}
-
-#roster ul#rosterlist li a span.ressource {
-    font-size: 0.8em;
-    color: #777;
-}
-
-#roster ul#rosterlist h1 {
-    padding: 1em;
-    color: #777;
-    line-height: 1em;
-    font-size: 1em;
-
-    text-shadow: 0px -0.1em 0px rgba(0, 0, 0, 0.5);
-}
-
-#roster ul#rosterlist h1:hover {
-    cursor: pointer;
-}
-
-#roster ul#rosterlist h1:before {
-    content: "+";
-    width: 20px;
-    padding-right: 5px;
-    display: inline-block;
-    text-align: center;
-}
-
-#roster ul#rosterlist div.groupshown h1:before {
-    content: "-";
-}
-
-#roster ul#rosterlist li .chat {
-    width: 0.5em;
-    height: 3em;
-    float: right;
-    background-color: #DDD;
-    transition: width 0.5s ease;
-}
-
-#roster ul#rosterlist li.inactive {
-    opacity: 0.5;
-}
-
-#roster ul#rosterlist li:hover .chat {
-    width: 3em;
-    background-image: url(img/bubbles.svg);
-    background-size: 1.3em 1.3em;
-    background-repeat: no-repeat;
-    background-position: center center;
-}
-
-#roster ul#rosterlist li .chat.on:hover {
-    cursor: pointer;
-}
-
-#roster ul#rosterlist li.online .chat {
-    background-color: #6FCC43;
-}
-
-#roster ul#rosterlist li.away .chat {
-    background-color: #FFE433;
-}
-
-#roster ul#rosterlist li.dnd .chat {
-    background-color: #D92727;
-}
-
-#roster ul#rosterlist li.xa .chat {
-    background-color: #442178;
-}
-
-#roster ul#rosterlist li.server_error .chat {
-    background-color: #000;
-}
-
-#roster ul#rosterlist li:hover, #roster ul li.active {
-    background-color: black;
-}
-
-#roster ul#rosterlist li.focused {
-    background-color: #555;
-}
-
-#roster li .infoicon {
-    width: 1.4em;
-    height: 1.4em;
-    background-size: 1.3em 1.3em;
-    background-repeat: no-repeat;
-    float: right;
-    margin-top: 0.8em;
-    margin-right: 0.2em;
-}
-
-#roster li .mobile {
-    background-image: url('img/mobile.svg');
-}
-
-#roster li .web {
-    background-image: url('img/earth.svg');
-}
-
-#roster li .bot {
-    background-image: url('img/robot.png');
-}
-
-#roster li .tune {
-    background-image: url('img/music.svg');
-}
-
-#roster li .jingle {
-    background-image: url('img/call.svg');
-}
-
-#roster li .jingle:hover {
-    cursor: pointer;
-}
-*/
 #rostermenu {
     position: fixed;
     bottom: 0px;
@@ -423,7 +270,7 @@
 }
 
 
-#rostermenu li:last-child {
+#rostermenu li:nth-last-child(-n+3) {
     float: right;
 }
 

app/widgets/Roster/roster.tpl

@@ -34,6 +34,25 @@
             title="{$c->t('Show/Hide')}">
             <a class="about" href="#"></a>
         </li>
+
+        <li class="on_mobile">
+            <a class="conf" title="{$c->t('Configuration')}" href="{$c->route('conf')}">
+            </a>
+        </li>
+        <li class="on_mobile">
+            <a class="help" title="{$c->t('Help')}" href="{$c->route('help')}">
+            </a>
+        </li>
+
+        <li 
+            class="show_hide body_roster on_mobile"
+            onclick="
+                movim_remove_class('body', 'infos'),
+                movim_toggle_class('body', 'roster')"
+            title="{$c->t('Show/Hide')}">
+            <a class="down" href="#"></a>
+        </li>
+
         <li title="{$c->t('Add')}">
             <label class="plus" for="addc"></label>
             <input type="checkbox" id="addc"/>
@@ -56,18 +75,12 @@
                 />
             </div>
         </li>
+
         <li 
             onclick="{$toggle_cache}"
             title="{$c->t('Show/Hide')}">
             <a class="users" href="#"></a>
         </li>
-        <li 
-            class="show_hide body_roster on_mobile"
-            onclick="
-                movim_remove_class('body', 'infos'),
-                movim_toggle_class('body', 'roster')"
-            title="{$c->t('Show/Hide')}">
-            <a class="down" href="#"></a>
-        </li>
+
     </ul>
 </div>

system/template/TplPageBuilder.php

@@ -123,13 +123,14 @@ class TplPageBuilder
     /**
      * Adds a link to the menu with the displayed label.
      */
-    function menuAddLink($label, $href, $active = false)
+    function menuAddLink($label, $href, $active = false, $mobile = false)
     {
         $this->menu[] = array(
             'type' => 'link',
             'label' => $label,
             'href' => $href,
-            'active' => $active
+            'active' => $active,
+            'mobile' => $mobile
             );
     }
 
@@ -154,6 +155,10 @@ class TplPageBuilder
                 if($link['active'] == true) {
                     echo ' active ';
                 }
+                // If we display only the link on desktop
+                if($link['mobile'] == true) {
+                    echo ' on_desktop ';
+                }
                 echo '"';
                 echo "><span class=\"mobile\">".$link['label'] . "</span></a></li>\n";
             } else {

themes/movim/css/mobile.css

@@ -1,3 +1,7 @@
+/* We hide all the mobiles elements */
+.on_mobile {
+    display: none !important;
+}
 
 @media screen and (max-width: 1280px) {
     ul.thumb li {
@@ -7,6 +11,14 @@
 
 @media screen and (max-width: 1024px) {
 
+.on_mobile {
+    display: inherit !important;
+}
+
+.on_desktop {
+    display: none !important;
+}
+
 body {
     background-image: none;
     margin: 0px;
@@ -14,9 +26,6 @@ body {
     width: 100%;
     font-size: 15px;
     position: relative;
-    /*left: 0;*/
-    /*transition: left 0.5s ease;*/
-    /*overflow-x: hidden;*/
 }
 
 body #right #roster { display: none; }
@@ -31,22 +40,12 @@ body.infos #navtabs { display: none; }
 body.infos #left    { display: block; }
 body.infos #right #roster { display: none; }
 
-.on_mobile {
-    display: inherit;
-}
-
 h1 {
     padding: 0em 0.4em;
 }
 
 #right {
     width: 100%;
-    /*padding: 0px;
-    background-image: none;
-    position: absolute;
-    top: 0;
-    left: 100%;*/
-    /*display: none;*/
     position: relative;
 }
 
@@ -68,11 +67,6 @@ h1 {
 #left {
     width: 100%;
     display: none;
-    /*position: absolute;
-    top: 0;
-    left: -100%;
-    background-color: #272727;
-    padding-bottom: 6em;*/
     position: relative;
 }
 
@@ -92,38 +86,12 @@ h1 {
     display: none;
 }
 
-nav {
-    position: fixed;
-    z-index: 3;
-}
-
-nav .menu {
-    width: 100%;
-    position: relative;
-    background-image: none;
-}
-
-nav .menu li a,
-nav .menu li a.main,
-nav .menu li a.main.active {
-    opacity: 1;
-    width: 0;
-    height: 0;
-    display: block;
-    overflow: hidden;
-}
-
 /* A little hack for iOS devices */
+/*
 span.mobile {
     display: none !important;
 }
-
-nav .menu li a.disconnect {
-    position: fixed;
-    top: 0px;
-    right: 0px;
-}
-
+*/
 table#feedsubmitform {
     margin: 0 0.5em;
 }
@@ -171,27 +139,6 @@ table#feedsubmitform {
     display: none;
 }
 
-.menu li a:not(.button), .menu li a:hover,
-.menu li a.active, .menu li a.active:hover,
-.menu li label, .menu li label:hover {
-    width: 0px;
-    color: transparent;
-    white-space: nowrap;
-    background-position: center center;
-}
-
-.menu li a.main, .menu li a.active.main {
-    background-image: url(../img/icons/menu/home.svg);
-    background-position: center center;
-    background-size: 16px 16px;
-}
-
-.menu li + a.disconnect{
-    position: absolute;
-    top: 3px;
-    right: 0px;
-}
-
 #loginpage {
     margin: 0.5em !important;
     margin-top: 20% ! important;
@@ -280,7 +227,6 @@ ul.thumb li {
 }
 
 /* Definition list */
-
 dl dt {
     text-align: left;
     width: 100%;

themes/movim/css/nav.css

@@ -0,0 +1,134 @@
+/* The navigation bar */
+
+nav {
+    margin: 0;
+    padding: 0;
+    text-decoration: none;
+
+    width: 100%;
+
+    position: fixed;
+    z-index: 2;
+    top: 0;
+    left: 0;
+
+    /* Default behaviour for the background-color */
+    background-color: #4C5A61;
+	animation: 200s infinite colorful;
+    -webkit-animation: 200s infinite colorful;
+}
+
+nav .wrapper {
+    background-color: rgba(255, 255, 255, 0.1);
+}
+
+.menu {
+    width: 100%;
+    margin: 0px auto;
+    list-style-type: none;
+    height: 3em;
+    overflow: hidden;
+}
+
+.menu li {
+    display: block;
+    float: left;
+}
+
+.menu li a, .menu li label {
+    display: inline-block;
+    line-height: 0em;
+    padding: 1.5em;
+    text-indent: 2em;
+    color: white;
+    text-decoration: none;
+
+    background-repeat: no-repeat;
+    background-size: 16px 16px;
+    background-position: 1em center;
+}
+
+.menu li a.main, .menu li a.main.active {
+	width: 200px;
+    color: transparent;
+    background-image: url(../img/logo.svg);
+    background-size: auto auto;
+    background-position: center center;
+    padding-left: 0;
+    padding-right: 0;
+}
+
+.menu li a:hover, .menu li label:hover {
+    background-color: rgba(0, 0, 0, 0.1);
+    cursor: pointer;
+}
+
+.menu li a.active {
+    background-color: rgba(0, 0, 0, 0.2);
+}
+
+.menu li .discover,
+.menu li .explore   { background-image: url(../img/icons/menu/globe.svg); }
+.menu li .profile   { background-image: url(../img/icons/menu/user.svg); }
+.menu li .conf      { background-image: url(../img/icons/menu/settings.svg); }
+.menu li .help      { background-image: url(../img/icons/menu/support.svg); }
+.menu li .disconnect{ background-image: url(../img/icons/menu/exit.svg); }
+.menu li .down      { background-image: url(../img/icons/menu/list.svg); }
+.menu li .up        { background-image: url(../img/icons/menu/upload.svg); }
+.menu li .plus      { background-image: url(../img/icons/menu/plus.svg); }
+.menu li .search    { background-image: url(../img/icons/menu/search.svg); }
+.menu li .users, 
+.menu li .account   { background-image: url(../img/icons/menu/users.svg); }
+.menu li .expand    { background-image: url(../img/icons/menu/expand.svg); }
+.menu li .contract  { background-image: url(../img/icons/menu/contract.svg); }
+.menu li .media     { background-image: url(../img/icons/menu/folder.svg); }
+.menu li .blog      { background-image: url(../img/icons/menu/quill.svg); }
+.menu li .admin     { background-image: url(../img/icons/menu/admin.svg); }
+.menu li .about     { background-image: url(../img/icons/menu/info.svg); }
+.menu li .news      { background-image: url(../img/icons/menu/news.svg); }
+
+.menu li input[type=checkbox] {
+    display: none;
+}
+
+ul li .tabbed {
+    background-color: rgba(36, 36, 36, 1);
+    position: absolute;
+    bottom: 3em;
+    right: -100%;
+    width: 100%;
+    transition: right 0.5s ease;
+}
+
+ul li .tabbed label {
+    display: none;
+}
+
+ul li .tabbed .element {
+    min-height: 0px;
+}
+
+ul li input[type=checkbox]:checked ~ .tabbed {
+    right: 0%;
+}
+
+@media screen and (max-width: 1280px) {    
+    nav .menu li a,
+    nav .menu li a.main,
+    nav .menu li a.main.active {
+        color: transparent;
+        width: 0;
+        padding-left: 3em;
+        padding-right: 0;
+    }
+
+    .menu li a.main, .menu li a.active.main {
+        background-image: url(../img/icons/menu/home.svg);
+        background-size: 16px 16px;
+    }
+    
+@media screen and (max-width: 1024px) {
+    nav {
+        z-index: 3;
+    }
+}

themes/movim/css/style.css

@@ -65,11 +65,6 @@ body {
     background-attachment:fixed;
 }
 
-/* We hide all the mobiles elements */
-.on_mobile {
-    display: none;
-}
-
 /* Background pattern */
 .default {
     background-image: radial-gradient(center
@@ -376,141 +371,6 @@ ul.clean li {
     color: #BBB;
 }
 
-/* The navigation bar */
-
-nav {
-    margin: 0px;
-    padding: 0px;
-    padding-top: 0px;
-    text-decoration: none;
-    width: 100%;
-    position: fixed;
-    top: 0px;
-    left: 0px;
-    z-index: 2;
-    
-    background-color: #4C5A61;
-
-	animation: 200s infinite colorful;
-    -webkit-animation: 200s infinite colorful;
-}
-
-nav .wrapper {
-    background-color: rgba(255, 255, 255, 0.1);
-}
-
-.menu {
-    /*max-width: 1280px;*/
-    width: 100%;
-    margin: 0px auto;
-    list-style-type: none;
-    height: 3em;
-    overflow: hidden;
-}
-
-.menu li {
-    float: left;
-
-}
-
-.menu li input[type=checkbox] {
-    display: none;
-}
-
-.menu li a:not(.button), .menu li label {
-    line-height: 3em;
-    display: block;
-    background-repeat: no-repeat;
-    background-position: center center;
-    background-size: 16px 16px;
-    height: 0px;
-    width: 0px;
-    padding: 1.5em;
-    color: transparent;
-}
-
-.menu li a.disconnect{
-    position: fixed;
-    top: 0px;
-    right: 200px;
-}
-
-.menu li:hover,
-.menu li a.disconnect:hover {
-    /*background-color: #46565E;*/
-    background-color: rgba(0, 0, 0, 0.1);
-}
-
-.menu li a.active {
-    background-color: rgba(0, 0, 0, 0.2);
-    /*background-color: #445157;*/
-}
-
-.menu li img {
-    float: left;
-    border: 0px;
-    margin-right: 10px;
-    margin-top: 1px;
-}
-.menu li:hover a, .menu li label:hover {
-    cursor: pointer;
-} 
-
-.menu li a.main, .menu li a.main.active {
-	width: 200px;
-    padding: 1.5em;
-    color: transparent;
-    background-image: url(../img/logo.png);
-    background-repeat: no-repeat;
-    background-size: auto auto;
-    background-position: center center;
-    
-    box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-	-moz-box-sizing: border-box;
-}
-
-.menu li .discover,
-.menu li .explore   { background-image: url(../img/icons/menu/globe.svg); }
-.menu li .profile   { background-image: url(../img/icons/menu/user.svg); }
-.menu li .conf      { background-image: url(../img/icons/menu/settings.svg); }
-.menu li .help      { background-image: url(../img/icons/menu/support.svg); }
-.menu li .disconnect{ background-image: url(../img/icons/menu/exit.svg); }
-.menu li .down      { background-image: url(../img/icons/menu/list.svg); }
-.menu li .up        { background-image: url(../img/icons/menu/upload.svg); }
-.menu li .plus      { background-image: url(../img/icons/menu/plus.svg); }
-.menu li .search    { background-image: url(../img/icons/menu/search.svg); }
-.menu li .users, 
-.menu li .account   { background-image: url(../img/icons/menu/users.svg); }
-.menu li .expand    { background-image: url(../img/icons/menu/expand.svg); }
-.menu li .contract  { background-image: url(../img/icons/menu/contract.svg); }
-.menu li .media     { background-image: url(../img/icons/menu/folder.svg); }
-.menu li .blog      { background-image: url(../img/icons/menu/quill.svg); }
-.menu li .admin     { background-image: url(../img/icons/menu/admin.svg); }
-.menu li .about     { background-image: url(../img/icons/menu/info.svg); }
-.menu li .news      { background-image: url(../img/icons/menu/news.svg); }
-
-ul li .tabbed {
-    background-color: rgba(36, 36, 36, 1);
-    position: absolute;
-    bottom: 3em;
-    right: -100%;
-    width: 100%;
-    transition: right 0.5s ease;
-}
-
-ul li .tabbed label {
-    display: none;
-}
-
-ul li .tabbed .element {
-    min-height: 0px;
-}
-
-ul li input[type=checkbox]:checked ~ .tabbed {
-    right: 0%;
-}
-
 /* Warning */
 
 .message.warning, 

themes/movim/img/logo.svg

@@ -0,0 +1,296 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="svg3039"
+   version="1.1"
+   inkscape:version="0.48.4 r9939"
+   width="144"
+   height="22"
+   sodipodi:docname="logo.svg">
+  <metadata
+     id="metadata3045">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs3043">
+    <linearGradient
+       gradientTransform="translate(-528.19131,-29.686872)"
+       gradientUnits="userSpaceOnUse"
+       xlink:href="#linearGradient3661"
+       id="linearGradient3667"
+       y2="533.03644"
+       x2="435.07819"
+       y1="633.30017"
+       x1="435.07819" />
+    <linearGradient
+       gradientTransform="translate(-17.8297,209.72444)"
+       gradientUnits="userSpaceOnUse"
+       xlink:href="#linearGradient3206"
+       id="linearGradient4132"
+       y2="594.27252"
+       x2="93.106339"
+       y1="594.27252"
+       x1="-29.295137" />
+    <linearGradient
+       gradientTransform="translate(0,-6.4083621)"
+       gradientUnits="userSpaceOnUse"
+       xlink:href="#linearGradient4070"
+       id="linearGradient4120"
+       y2="615.46869"
+       x2="75.276634"
+       y1="615.46869"
+       x1="-47.124844" />
+    <linearGradient
+       gradientTransform="translate(-17.8297,209.72444)"
+       gradientUnits="userSpaceOnUse"
+       xlink:href="#linearGradient3206"
+       id="linearGradient4118"
+       y2="594.27252"
+       x2="93.106339"
+       y1="594.27252"
+       x1="-29.295137" />
+    <linearGradient
+       gradientTransform="translate(-17.8297,115.46027)"
+       gradientUnits="userSpaceOnUse"
+       xlink:href="#linearGradient3206"
+       id="linearGradient4116"
+       y2="594.27252"
+       x2="93.106339"
+       y1="594.27252"
+       x1="-29.295137" />
+    <linearGradient
+       gradientTransform="translate(0,-6.4083621)"
+       gradientUnits="userSpaceOnUse"
+       xlink:href="#linearGradient4070"
+       id="linearGradient4076"
+       y2="615.46869"
+       x2="75.276634"
+       y1="615.46869"
+       x1="-47.124844" />
+    <linearGradient
+       gradientTransform="translate(-17.8297,209.72444)"
+       gradientUnits="userSpaceOnUse"
+       xlink:href="#linearGradient3206"
+       id="linearGradient3260"
+       y2="594.27252"
+       x2="93.106339"
+       y1="594.27252"
+       x1="-29.295137" />
+    <linearGradient
+       gradientTransform="translate(-17.8297,115.46027)"
+       gradientUnits="userSpaceOnUse"
+       xlink:href="#linearGradient3206"
+       id="linearGradient3224"
+       y2="594.27252"
+       x2="93.106339"
+       y1="594.27252"
+       x1="-29.295137" />
+    <linearGradient
+       gradientUnits="userSpaceOnUse"
+       xlink:href="#linearGradient3312"
+       id="linearGradient3320"
+       y2="173.15828"
+       x2="404.92435"
+       y1="173.15828"
+       x1="131.90559" />
+    <linearGradient
+       id="linearGradient3312">
+      <stop
+         offset="0"
+         style="stop-color:#b9c1ff;stop-opacity:1"
+         id="stop3314" />
+      <stop
+         offset="1"
+         style="stop-color:#b9c1ff;stop-opacity:0.54887217"
+         id="stop3316" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3187">
+      <stop
+         offset="0"
+         style="stop-color:#ffff00;stop-opacity:1"
+         id="stop3189" />
+      <stop
+         offset="1"
+         style="stop-color:#ffff00;stop-opacity:0"
+         id="stop3191" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3206">
+      <stop
+         offset="0"
+         style="stop-color:#909090;stop-opacity:1"
+         id="stop3208" />
+      <stop
+         offset="1"
+         style="stop-color:#6f6f6f;stop-opacity:0"
+         id="stop3210" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4070">
+      <stop
+         offset="0"
+         style="stop-color:#989898;stop-opacity:1"
+         id="stop4072" />
+      <stop
+         offset="1"
+         style="stop-color:#989898;stop-opacity:0"
+         id="stop4074" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3661">
+      <stop
+         offset="0"
+         style="stop-color:#2a5faf;stop-opacity:1"
+         id="stop3663" />
+      <stop
+         offset="1"
+         style="stop-color:#84aeec;stop-opacity:1"
+         id="stop3665" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10000"
+     gridtolerance="10000"
+     guidetolerance="10000"
+     inkscape:pageopacity="1"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     id="namedview3041"
+     showgrid="true"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:zoom="25"
+     inkscape:cx="18.671445"
+     inkscape:cy="4.3681189"
+     inkscape:window-x="0"
+     inkscape:window-y="23"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1-1">
+    <sodipodi:guide
+       orientation="0,1"
+       position="50.735294,2.0220588"
+       id="guide4181" />
+    <sodipodi:guide
+       orientation="1,0"
+       position="50.735294,2.0220588"
+       id="guide4183" />
+    <inkscape:grid
+       type="xygrid"
+       id="grid4301"
+       empspacing="5"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true" />
+  </sodipodi:namedview>
+  <g
+     id="layer1"
+     transform="translate(640.50688,-814.07983)">
+    <g
+       id="layer1-1"
+       transform="matrix(0.21011019,0,0,0.21011019,616.04715,830.41892)">
+      <g
+         style="fill:#ffffff;fill-opacity:1"
+         id="g4007"
+         transform="matrix(0.63065129,0,0,0.63065129,-5955.7762,-444.0434)">
+        <path
+           style="font-size:182.75830078px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:125%;letter-spacing:0px;word-spacing:0px;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;color:#000000;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:10;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Raleway;-inkscape-font-specification:Raleway Bold"
+           id="path3788"
+           d="m 816.15625,622.375 0,110 10,0 0,-110 -10,0 z"
+           inkscape:connector-curvature="0" />
+        <path
+           style="fill:#ffffff;fill-opacity:1;stroke:none"
+           id="path3850"
+           transform="matrix(1.5,0,0,1.5,-408.83774,157.1295)"
+           d="m 825,289.09448 a 5,5 0 1 1 -10,0 5,5 0 1 1 10,0 z"
+           inkscape:connector-curvature="0" />
+      </g>
+      <g
+         style="fill:#ffffff;fill-opacity:1"
+         id="g3895"
+         transform="matrix(0.63065129,0,0,0.63065129,-5943.0607,-444.0434)">
+        <path
+           style="fill:#ffffff;fill-opacity:1;stroke:none"
+           id="path3866"
+           transform="translate(-20.00005,308.2677)"
+           d="m 688,314.09375 45,110 14,0 45,-110 -12,0 -40,97.78125 -40,-97.78125 z"
+           inkscape:connector-curvature="0" />
+      </g>
+      <path
+         style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;color:#000000;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:10;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans"
+         id="path3905"
+         d="m -5570.0307,-51.55036 c -19.119,0 -34.6857,15.56671 -34.6857,34.68582 0,19.1190996 15.5667,34.685819 34.6857,34.685819 19.1192,0 34.6859,-15.5667194 34.6859,-34.685819 0,-19.11911 -15.5667,-34.68582 -34.6859,-34.68582 z m 0,6.30651 c 15.7109,0 28.3794,12.6685 28.3794,28.37931 0,15.7108096 -12.6685,28.37931 -28.3794,28.37931 -15.7107,0 -28.3792,-12.6685004 -28.3792,-28.37931 0,-15.71081 12.6685,-28.37931 28.3792,-28.37931 z"
+         inkscape:connector-curvature="0" />
+      <g
+         style="fill:#ffffff;fill-opacity:1"
+         id="g3989"
+         transform="matrix(0.63065129,0,0,0.63065129,-5965.8951,-444.61453)">
+        <g
+           style="fill:#ffffff;fill-opacity:1"
+           id="g4984-7"
+           transform="translate(-505,0)">
+          <g
+             style="font-size:182.75830078px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:10;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;font-family:Raleway;-inkscape-font-specification:Raleway Bold"
+             id="g3843-8-0"
+             transform="translate(499.44444,4.7619024)">
+            <path
+               style="font-size:182.75830078px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:125%;letter-spacing:0px;word-spacing:0px;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;color:#000000;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:10;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Raleway;-inkscape-font-specification:Raleway Bold"
+               id="path3790-8-7-8"
+               transform="translate(20.555621,303.5058)"
+               d="m 345,314.09375 0,110 10,0 0,-50 c 0,-19.16666 4.73751,-31.50819 11.78125,-39.09375 7.04374,-7.58556 16.71878,-10.90625 28.21875,-10.90625 8.75003,0 18.72891,3.2914 26.46875,11.03125 C 429.20859,342.86485 435,355.13541 435,374.09375 l 0,50 10,0 0,-50 c 0,-19.16666 4.73751,-31.50819 11.78125,-39.09375 7.04374,-7.58556 16.71878,-10.90625 28.21875,-10.90625 8.75003,0 18.72891,3.2914 26.46875,11.03125 C 519.20859,342.86485 525,355.13541 525,374.09375 l 0,50 10,0 0,-50 c 0,-21.04166 -6.7086,-36.2711 -16.46875,-46.03125 C 508.7711,318.30235 496.25003,314.09375 485,314.09375 c -13.49997,0 -26.32498,4.17931 -35.53125,14.09375 -4.13742,4.45568 -7.45035,9.98067 -9.875,16.59375 -2.83134,-6.72178 -6.62945,-12.2857 -11.0625,-16.71875 C 418.7711,318.30235 406.25003,314.09375 395,314.09375 c -13.49997,0 -26.32498,4.17931 -35.53125,14.09375 -1.61794,1.74239 -3.10158,3.65009 -4.46875,5.71875 l 0,-19.8125 z"
+               inkscape:connector-curvature="0" />
+          </g>
+        </g>
+        <g
+           style="fill:#ffffff;fill-opacity:1"
+           id="g4984-7-7"
+           transform="translate(5,7.3e-4)">
+          <g
+             style="font-size:182.75830078px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:10;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;font-family:Raleway;-inkscape-font-specification:Raleway Bold"
+             id="g3843-8-0-3"
+             transform="translate(499.44444,4.7619024)">
+            <path
+               style="font-size:182.75830078px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:125%;letter-spacing:0px;word-spacing:0px;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;color:#000000;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:10;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Raleway;-inkscape-font-specification:Raleway Bold"
+               id="path3790-8-7-8-9"
+               transform="translate(20.555621,303.5058)"
+               d="m 345,314.09375 0,110 10,0 0,-50 c 0,-19.16666 4.73751,-31.50819 11.78125,-39.09375 7.04374,-7.58556 16.71878,-10.90625 28.21875,-10.90625 8.75003,0 18.72891,3.2914 26.46875,11.03125 C 429.20859,342.86485 435,355.13541 435,374.09375 l 0,50 10,0 0,-50 c 0,-19.16666 4.73751,-31.50819 11.78125,-39.09375 7.04374,-7.58556 16.71878,-10.90625 28.21875,-10.90625 8.75003,0 18.72891,3.2914 26.46875,11.03125 C 519.20859,342.86485 525,355.13541 525,374.09375 l 0,50 10,0 0,-50 c 0,-21.04166 -6.7086,-36.2711 -16.46875,-46.03125 C 508.7711,318.30235 496.25003,314.09375 485,314.09375 c -13.49997,0 -26.32498,4.17931 -35.53125,14.09375 -4.13742,4.45568 -7.45035,9.98067 -9.875,16.59375 -2.83134,-6.72178 -6.62945,-12.2857 -11.0625,-16.71875 C 418.7711,318.30235 406.25003,314.09375 395,314.09375 c -13.49997,0 -26.32498,4.17931 -35.53125,14.09375 -1.61794,1.74239 -3.10158,3.65009 -4.46875,5.71875 l 0,-19.8125 z"
+               inkscape:connector-curvature="0" />
+          </g>
+        </g>
+      </g>
+      <path
+         style="fill:none;stroke:#ffffff;stroke-width:5.59022856;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+         id="path3053"
+         d="m -5920.8545,-65.448617 c -16.6196,0 -30.0921,13.472653 -30.0921,30.092027 0,1.291576 0.087,2.569196 0.2444,3.817925 -0.2379,-0.0064 -0.475,-0.01891 -0.7146,-0.01891 -14.1265,0 -25.5782,11.451769 -25.5782,25.5782465 0,14.1264609 11.4517,25.5782015 25.5782,25.5782015 l 99.2097,0 c 11.6334,0 21.0643,-9.430837 21.0643,-21.064389 0,-11.633581 -9.4309,-21.064438 -21.0643,-21.064438 -0.038,0 -0.075,-2.01e-4 -0.113,0 0.028,-0.52532 0.057,-1.047724 0.057,-1.579838 0,-16.619358 -13.4728,-30.092027 -30.0922,-30.092027 -4.6382,0 -9.0346,1.059629 -12.9583,2.933977 -5.3152,-8.513822 -14.7644,-14.180873 -25.5407,-14.180873 z"
+         inkscape:connector-curvature="0" />
+      <rect
+         style="opacity:0;fill:#ffffff;fill-opacity:1;stroke:none"
+         id="rect2946"
+         y="-294.04703"
+         x="-8178.0356"
+         height="1617.2563"
+         width="1617.2563" />
+    </g>
+  </g>
+</svg>