123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133 |
- /* Authors : Carlos C. Corrada-Bravo
- David J. Ortiz-Rivera
-
- Organization : Centro de Desarrollo y Consultoria Computacional
- Project : OPASO Material Registry
- File : menu.css
- Description : Styling for menu */
-
- .arg-link-wrapper{
- display: none;
- }
-
- .sub-menu{
- width: 100%;
- padding: 10px 0px;
- display: inline-block;
- border-bottom: 0.5px solid rgb(52,53,54);
- }
-
- .sub-menu-wrapper{
- float: left;
- width: 50%;
- height: 100%;
- display: inline-block;
- }
-
- .sub-menu-wrapper:first-child{
- padding-right: 45px;
- }
-
- .sub-menu-wrapper:last-child{
- padding-left: 15px;
- }
-
- .sub-menu:first-child{
- padding-top: 0;
- }
-
- .sub-menu:last-child{
- border-bottom: none;
- }
-
- .sub-header{
- width: 100%;
- color: #060606;
- font-weight: 700;
- margin-bottom: 15px;
- display: inline-block;
- text-transform: capitalize;
- }
-
- .menu-link,.lab-room{
- float: left;
- cursor: pointer;
- font-size: 13.25px;
- display: inline-block;
- text-decoration: none;
- color: #202124;
- }
-
- .lab-row{
- margin-top: 5px;
- }
-
- .lab-link{
- width: 100%;
- height: 100%;
- padding: 5px 10px;
- border-radius: 2.5px;
- display: inline-block;
- background-color: #fff;
- border: 1px solid rgb(218,220,224);
- }
-
- .laboratory-wrapper{
- float: left;
- padding: 0px 5px;
- display: inline-block;
- }
-
- .laboratory-wrapper:hover *{
- color: #060606;
- }
-
- .menu-link{
- width: 100%;
- }
-
- .lab-link:hover,.menu-link:hover{
- color: #202124;
- cursor: pointer;
- text-decoration: none;
- }
-
- .menu-link-wrapper{
- display: flex;
- padding: 2.5px 5px;
- }
-
- .menu-link-icon{
- float: right;
- font-size: 15px;
- transform: translate(-20%,20%);
- }
-
- .material-icons{
- font-size: 20px;
- transform: translateY(0%);
- }
-
- .fa-user-alt{
- transform: translateX(-10%) !important;
- }
-
- .privileges-indicator{
- float: right;
- font-size: 13.25px;
- color: #202124;
- display: inline-block;
- text-transform: capitalize;
- }
-
- @media screen and (max-width: 991px){
- .sub-menu-wrapper{
- width: 100%;
- padding: 0px !important;
- }
-
- .sub-menu-wrapper:last-child{
- padding-top: 7.5px !important;
- border-top: 0.5px solid rgb(52,53,54);
- }
- }
|