dropdown.inc.php 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201
  1. <?php
  2. /* Copyright (C) 2019-2022 Regis Houssin <regis.houssin@inodbox.com>
  3. *
  4. * This program is free software; you can redistribute it and/or modify
  5. * it under the terms of the GNU General Public License as published by
  6. * the Free Software Foundation; either version 3 of the License, or
  7. * (at your option) any later version.
  8. *
  9. * This program is distributed in the hope that it will be useful,
  10. * but WITHOUT ANY WARRANTY; without even the implied warranty of
  11. * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  12. * GNU General Public License for more details.
  13. *
  14. * You should have received a copy of the GNU General Public License
  15. * along with this program; if not, write to the Free Software
  16. * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA.
  17. */
  18. if (! defined('ISLOADEDBYSTEELSHEET')) {
  19. die('Must be call by steelsheet');
  20. }
  21. $colorbackhmenu1 = (empty($conf->global->THEME_ELDY_TOPMENU_BACK1) ? '38,60,92' : $conf->global->THEME_ELDY_TOPMENU_BACK1); // topmenu
  22. ?>
  23. /* <style type="text/css" > */
  24. /*
  25. Dropdown
  26. */
  27. .open>.mc-dropdown-menu { /*, #topmenu-login-dropdown:hover .dropdown-menu*/
  28. display: block;
  29. }
  30. .mc-dropdown-menu {
  31. box-shadow: none;
  32. border-color: #eee;
  33. }
  34. .mc-dropdown-menu {
  35. position: absolute;
  36. top: 100%;
  37. left: 0;
  38. z-index: 1000;
  39. display: none;
  40. float: left;
  41. min-width: 160px;
  42. padding: 5px 0;
  43. margin: 2px 0 0;
  44. font-size: 14px;
  45. text-align: left;
  46. list-style: none;
  47. background-color: #fff;
  48. -webkit-background-clip: padding-box;
  49. background-clip: padding-box;
  50. border: 1px solid #ccc;
  51. border: 1px solid rgba(0,0,0,.15);
  52. border-radius: 4px;
  53. -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  54. box-shadow: 0 6px 12px rgba(0,0,0,.175);
  55. }
  56. /*
  57. * MENU Dropdown
  58. */
  59. .login_block.usedropdown .logout-btn {
  60. display: none;
  61. }
  62. .login_block .open.mcdropdown, .login_block .mcdropdown:hover {
  63. background: rgba(0, 0, 0, 0.1);
  64. }
  65. .login_block .mc-dropdown-menu {
  66. position: absolute;
  67. right: 0;
  68. left: auto;
  69. line-height:1.3em;
  70. }
  71. .login_block .mc-dropdown-menu .mc-body {
  72. border-bottom-right-radius: 4px;
  73. border-bottom-left-radius: 4px;
  74. }
  75. .mc-body {
  76. color: #333;
  77. }
  78. .side-nav-vert .mc-menu .mc-dropdown-menu {
  79. border-top-right-radius: 0;
  80. border-top-left-radius: 0;
  81. padding: 1px 0 0 0;
  82. border-top-width: 0;
  83. width: 300px;
  84. }
  85. .side-nav-vert .mc-menu .mc-dropdown-menu {
  86. margin-top: 0;
  87. border-top-left-radius: 0;
  88. border-top-right-radius: 0;
  89. }
  90. .side-nav-vert .mc-menu .mc-dropdown-menu > .mc-header {
  91. height: 175px;
  92. padding: 10px;
  93. text-align: center;
  94. white-space: normal;
  95. }
  96. .dropdown-mc-image {
  97. font-size: 90px;
  98. border-radius: 50%;
  99. vertical-align: middle;
  100. z-index: 5;
  101. height: 90px;
  102. width: 90px;
  103. /*border: 3px solid;*/
  104. border-color: transparent;
  105. border-color: rgba(255, 255, 255, 0.2);
  106. max-width: 100%;
  107. max-height :100%;
  108. }
  109. .mc-dropdown-menu > .mc-header {
  110. background: rgb(<?php echo $colorbackhmenu1 ?>);
  111. }
  112. .mc-dropdown-menu > .mc-footer {
  113. background-color: #f9f9f9;
  114. padding: 10px;
  115. }
  116. .mc-footer:after {
  117. clear: both;
  118. }
  119. .mc-dropdown-menu > .mc-body {
  120. padding: 15px;
  121. border-bottom: 1px solid #f4f4f4;
  122. border-top: 1px solid #dddddd;
  123. white-space: normal;
  124. }
  125. #topmenu-mc-dropdown {
  126. padding: 0 5px 0 5px;
  127. }
  128. #topmenu-mc-dropdown a:hover {
  129. text-decoration: none;
  130. }
  131. .topmenu-mc-label {
  132. font-family: roboto,arial,tahoma,verdana,helvetica;
  133. font-size: 13px;
  134. padding-left: 4px;
  135. }
  136. .atoplogin #mc-dropdown-icon-down, .atoplogin #mc-dropdown-icon-up {
  137. font-size: 0.7em;
  138. }
  139. .atoplogin #mc-dropdown-icon {
  140. cursor:pointer;
  141. }
  142. #topmenumcmoreinfo-btn {
  143. display: block;
  144. text-aling: right;
  145. color:#666;
  146. cursor: pointer;
  147. }
  148. #topmenumcmoreinfo {
  149. display: none;
  150. clear: both;
  151. font-size: 0.95em;
  152. }
  153. .button-top-menu-dropdown {
  154. display: inline-block;
  155. padding: 6px 12px;
  156. margin-bottom: 0;
  157. font-size: 14px;
  158. font-weight: 400;
  159. line-height: 1.42857143;
  160. text-align: center;
  161. white-space: nowrap;
  162. vertical-align: middle;
  163. -ms-touch-action: manipulation;
  164. touch-action: manipulation;
  165. cursor: pointer;
  166. -webkit-user-select: none;
  167. -moz-user-select: none;
  168. -ms-user-select: none;
  169. user-select: none;
  170. background-image: none;
  171. border: 1px solid transparent;
  172. border-radius: 4px;
  173. }
  174. .mc-footer .button-top-menu-dropdown {
  175. color: #666666;
  176. border-radius: 0;
  177. -webkit-box-shadow: none;
  178. -moz-box-shadow: none;
  179. box-shadow: none;
  180. border-width: 1px;
  181. background-color: #f4f4f4;
  182. border-color: #ddd;
  183. }