Proyecto en colaboración con OPASO

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
  1. /* Authors : Carlos C. Corrada-Bravo
  2. David J. Ortiz-Rivera
  3. Organization : Centro de Desarrollo y Consultoria Computacional
  4. Project : OPASO Material Registry
  5. File : menu.css
  6. Description : Styling for menu */
  7. .arg-link-wrapper{
  8. display: none;
  9. }
  10. .sub-menu{
  11. width: 100%;
  12. padding: 10px 0px;
  13. display: inline-block;
  14. border-bottom: 0.5px solid rgb(52,53,54);
  15. }
  16. .sub-menu-wrapper{
  17. float: left;
  18. width: 50%;
  19. height: 100%;
  20. display: inline-block;
  21. }
  22. .sub-menu-wrapper:first-child{
  23. padding-right: 45px;
  24. }
  25. .sub-menu-wrapper:last-child{
  26. padding-left: 15px;
  27. }
  28. .sub-menu:first-child{
  29. padding-top: 0;
  30. }
  31. .sub-menu:last-child{
  32. border-bottom: none;
  33. }
  34. .sub-header{
  35. width: 100%;
  36. color: #060606;
  37. font-weight: 700;
  38. margin-bottom: 15px;
  39. display: inline-block;
  40. text-transform: capitalize;
  41. }
  42. .menu-link,.lab-room{
  43. float: left;
  44. cursor: pointer;
  45. font-size: 13.25px;
  46. display: inline-block;
  47. text-decoration: none;
  48. color: #202124;
  49. }
  50. .lab-row{
  51. margin-top: 5px;
  52. }
  53. .lab-link{
  54. width: 100%;
  55. height: 100%;
  56. padding: 5px 10px;
  57. border-radius: 2.5px;
  58. display: inline-block;
  59. background-color: #fff;
  60. border: 1px solid rgb(218,220,224);
  61. }
  62. .laboratory-wrapper{
  63. float: left;
  64. padding: 0px 5px;
  65. display: inline-block;
  66. }
  67. .laboratory-wrapper:hover *{
  68. color: #060606;
  69. }
  70. .menu-link{
  71. width: 100%;
  72. }
  73. .lab-link:hover,.menu-link:hover{
  74. color: #202124;
  75. cursor: pointer;
  76. text-decoration: none;
  77. }
  78. .menu-link-wrapper{
  79. display: flex;
  80. padding: 2.5px 5px;
  81. }
  82. .menu-link-icon{
  83. float: right;
  84. font-size: 15px;
  85. transform: translate(-20%,20%);
  86. }
  87. .material-icons{
  88. font-size: 20px;
  89. transform: translateY(0%);
  90. }
  91. .fa-user-alt{
  92. transform: translateX(-10%) !important;
  93. }
  94. .privileges-indicator{
  95. float: right;
  96. font-size: 13.25px;
  97. color: #202124;
  98. display: inline-block;
  99. text-transform: capitalize;
  100. }
  101. @media screen and (max-width: 991px){
  102. .sub-menu-wrapper{
  103. width: 100%;
  104. padding: 0px !important;
  105. }
  106. .sub-menu-wrapper:last-child{
  107. padding-top: 7.5px !important;
  108. border-top: 0.5px solid rgb(52,53,54);
  109. }
  110. }