From 3b11402bb98da277a79a13540389a32b05a7930d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jaussoin=20Timoth=C3=A9e?= Date: Tue, 11 Feb 2014 14:49:51 +0100 Subject: [PATCH] - 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 | 4 +- app/controllers/ExploreController.php | 4 +- app/controllers/FriendController.php | 4 +- app/controllers/HelpController.php | 4 +- app/controllers/MainController.php | 4 +- app/controllers/MediaController.php | 4 +- app/controllers/NewsController.php | 4 +- app/controllers/NodeController.php | 4 +- app/controllers/NodeconfigController.php | 4 +- app/controllers/ProfileController.php | 4 +- app/controllers/ServerController.php | 4 +- app/views/page.tpl | 2 + app/widgets/Bookmark/Bookmark.php | 4 +- app/widgets/Explore/Explore.php | 58 ++--- app/widgets/Roster/roster.css | 155 +----------- app/widgets/Roster/roster.tpl | 29 ++- system/template/TplPageBuilder.php | 9 +- themes/movim/css/mobile.css | 82 ++----- themes/movim/css/nav.css | 134 ++++++++++ themes/movim/css/style.css | 140 ----------- themes/movim/img/logo.png | Bin 1710 -> 0 bytes themes/movim/img/logo.svg | 296 +++++++++++++++++++++++ 22 files changed, 530 insertions(+), 423 deletions(-) create mode 100644 themes/movim/css/nav.css delete mode 100644 themes/movim/img/logo.png create mode 100644 themes/movim/img/logo.svg diff --git a/app/controllers/ConfController.php b/app/controllers/ConfController.php index 8fde1c552..13f760a16 100644 --- a/app/controllers/ConfController.php +++ b/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); } } diff --git a/app/controllers/ExploreController.php b/app/controllers/ExploreController.php index 26c423ef5..f5ca2bda3 100644 --- a/app/controllers/ExploreController.php +++ b/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); } } diff --git a/app/controllers/FriendController.php b/app/controllers/FriendController.php index 06513dc22..0f0e2f250 100644 --- a/app/controllers/FriendController.php +++ b/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'; } diff --git a/app/controllers/HelpController.php b/app/controllers/HelpController.php index 49c85920e..027277f8e 100644 --- a/app/controllers/HelpController.php +++ b/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); } } diff --git a/app/controllers/MainController.php b/app/controllers/MainController.php index 3ccdfdb91..7b16136ab 100644 --- a/app/controllers/MainController.php +++ b/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); } } diff --git a/app/controllers/MediaController.php b/app/controllers/MediaController.php index bd8f545a0..3431338ac 100644 --- a/app/controllers/MediaController.php +++ b/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); } } diff --git a/app/controllers/NewsController.php b/app/controllers/NewsController.php index 18ef2a4e3..ccfac36b3 100644 --- a/app/controllers/NewsController.php +++ b/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); } } diff --git a/app/controllers/NodeController.php b/app/controllers/NodeController.php index c61bf4613..3c8251442 100644 --- a/app/controllers/NodeController.php +++ b/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'; } diff --git a/app/controllers/NodeconfigController.php b/app/controllers/NodeconfigController.php index 5af5bcba5..cea1cb2ee 100644 --- a/app/controllers/NodeconfigController.php +++ b/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'; } diff --git a/app/controllers/ProfileController.php b/app/controllers/ProfileController.php index 63c186284..72fd6b72f 100644 --- a/app/controllers/ProfileController.php +++ b/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); } } diff --git a/app/controllers/ServerController.php b/app/controllers/ServerController.php index 5a62c8ddf..6764e47f5 100644 --- a/app/controllers/ServerController.php +++ b/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'; } diff --git a/app/views/page.tpl b/app/views/page.tpl index aca08c3c6..04b657f76 100644 --- a/app/views/page.tpl +++ b/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'); diff --git a/app/widgets/Bookmark/Bookmark.php b/app/widgets/Bookmark/Bookmark.php index a91be033d..4ccb61cd9 100644 --- a/app/widgets/Bookmark/Bookmark.php +++ b/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'); diff --git a/app/widgets/Explore/Explore.php b/app/widgets/Explore/Explore.php index eebe03ae3..8f3d33122 100644 --- a/app/widgets/Explore/Explore.php +++ b/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 .= ' -
-
- - - - - - '.$user->getTrueName().' - - '. - $user->getAge().' '. - $gender[$user->gender].' '. - $marital[$user->marital].' - -
- -
'.prepareString($user->description).'
- -
-
- '; + + if($users) { + $users = array_reverse($users); + + foreach($users as $user) { + $html .= ' +
+
+ + + + + + '.$user->getTrueName().' + + '. + $user->getAge().' '. + $gender[$user->gender].' '. + $marital[$user->marital].' + +
+ +
'.prepareString($user->description).'
+ +
+
+ '; + } } return $html; diff --git a/app/widgets/Roster/roster.css b/app/widgets/Roster/roster.css index 9ddb15a33..7dace2215 100644 --- a/app/widgets/Roster/roster.css +++ b/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; } diff --git a/app/widgets/Roster/roster.tpl b/app/widgets/Roster/roster.tpl index 9c3f59485..dc6e238e5 100644 --- a/app/widgets/Roster/roster.tpl +++ b/app/widgets/Roster/roster.tpl @@ -34,6 +34,25 @@ title="{$c->t('Show/Hide')}"> + +
  • + + +
    • +
  • + + +
    • + +
  • + +
    • +
  • @@ -56,18 +75,12 @@ />
    • +
    • -
  • - -
    • + diff --git a/system/template/TplPageBuilder.php b/system/template/TplPageBuilder.php index 5e8ad4f68..9b0fd9940 100644 --- a/system/template/TplPageBuilder.php +++ b/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 ">".$link['label'] . "\n"; } else { diff --git a/themes/movim/css/mobile.css b/themes/movim/css/mobile.css index 7653ccbd8..f0f3a7938 100644 --- a/themes/movim/css/mobile.css +++ b/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%; diff --git a/themes/movim/css/nav.css b/themes/movim/css/nav.css new file mode 100644 index 000000000..58c32e896 --- /dev/null +++ b/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; + } +} diff --git a/themes/movim/css/style.css b/themes/movim/css/style.css index 4d67d4618..ce6ac6784 100644 --- a/themes/movim/css/style.css +++ b/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, diff --git a/themes/movim/img/logo.png b/themes/movim/img/logo.png deleted file mode 100644 index 79e0664581c585a1fec26b46cc92f084bea28839..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1710 zcmV;f22uHmP) zy^r?27Sn%n()8RpXXebAnR8~|$&y4hE_h4%}QY$F#^>G z1_0LrU4V7KGGH}uDqX@=qv|6{1nLhI0$&1my1uc%_rPIbLV852#)W{eu=hAH4fq`B z0~|>Bb_FoTeXk3=4AcR70Dl5of$9s^{~SR_SSR3D;1ytUz#J1WBiaC53DkD|$AA^U zlfd?h5Hm}ud@Qz7(+Rb0$=2#$U zo1`*H`y>rcGPa(iBa&uBT<2m*yB*JX-vqbbM7jY^AB`l9m2}MUStV({q|K5}OIju= z*E4p!)5T#)D;@n-NB@-s zk~Glu-Q&j1lytF&zKv6GsifXX_|}&6oy>S9y8jcuHT5uaB~6ob@H{p#S!?2y{8$Cf znaqHW%M2rkwv{ZT7dg4Y93@v4A)fN|cXbLM8&Spr*|C=G^KGT14FO|o$&9_g=Ub2g zZPB@r$J?%#8F!KF$c}~34{~$oC#Lc3faRP?&C4QO=%V6~yMX0Y;GD_u1+YJarU>{5 zyG+gp{s^Jp3(N%ud-_LW+2)LhvONKG0DAg-n~v4k`Xm`U9J|a;kH{;InS|HsRscU> z`gou4y}@a!>|U+IC_xYs_CwXbcOEkj)?RdfsUTOJj^ko zVjpI_eg-rjbKY@D#*W8iU7i9zh`zp5^|2Y~7y}vt9{^tiy?{l)?A2jE8FT~e>DMO|O2 z`q+vypl5(=%)(1klPx98#f-HZP>hAlbR22L5$WQQYF~=#+0u>Pp~UQJ9BC(pj7xnf#Coyb8QT zaF)0byMxA~&^TZVmMK*^#ISJMyApWkV8>S`j?Q$U40r&$OfLo6CZWs63}74fqjL~S zvDAAca0Ac}yBk$W#IVclP+(w&d5^$0Aj%JjRT(>g>oA8X#4_4Pv2w^HEUR6L9e4Re zdq4Fa_M`MCz&}{cs!AdT6kyLaW@C@WGJ(EWIDZ2;k|CbyL?KoJnSy0mFJcAFhq3Hw zB=+Pq>RNXJ-vF0lMpR{W6o1ZH!t~o~H@st#@HB8b@FrRuPB+mjMSO z&RGMi>+Hw>d50G@vF94agg@`d0vb`ijcxOxKy%$g5 zqV0QqpsDvg&>fh!^d$LtULG99j;xQdbG`b(*#(aO04;GX7{YLm7ytkO07*qoM6N<$ Eg1BuF!vFvP diff --git a/themes/movim/img/logo.svg b/themes/movim/img/logo.svg new file mode 100644 index 000000000..68418983e --- /dev/null +++ b/themes/movim/img/logo.svg @@ -0,0 +1,296 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +