%PDF- %PDF-
Direktori : /var/www/html/malesia/css/ |
Current File : /var/www/html/malesia/css/component.css |
/* General styles for all menus */ .cbp-spmenu { background: #ffffff; position: fixed; font-family: 'Open Sans', Calibri, Arial, sans-serif; color: #ffffff; font-size:10pt; font-weight: normal; font-style: normal; } .cbp-spmenu h3 { color: #ffffff; padding: 20px; margin: 0; font-family: 'Open Sans', Calibri, Arial, sans-serif; font-size:10pt; font-weight: normal; font-style: normal; font-weight: 300; background: #ffffff; } .cbp-spmenu a { display: block; color: #000; font-family: 'Open Sans', Calibri, Arial, sans-serif; font-size:10pt; font-weight: normal; font-style: normal; font-weight: 300; } .cbp-spmenu a:hover { background: #e6e6e6; font-family: 'Open Sans', Calibri, Arial, sans-serif; font-size:10pt; font-weight: normal; font-style: normal; } .cbp-spmenu a:active { background: #3b3624; color: #665b2f; font-family: 'Open Sans', Calibri, Arial, sans-serif; font-size:10pt; font-weight: normal; font-style: normal; } .cbp-spmenu a.focus { background: #3b3624; color: #3b3624; font-family: 'Open Sans', Calibri, Arial, sans-serif; font-size:10pt; font-weight: normal; font-style: normal; } /* Orientation-dependent styles for the content of the menu */ .cbp-spmenu-horizontal { width: 100%; color: #000; font-family: 'Open Sans', Calibri, Arial, sans-serif; font-size:10pt; font-weight: normal; font-style: normal; height: 238px; left: 0; cursor: url('x.html'), move; z-index: 99999999999999999999999999; overflow: hidden; } .cbp-spmenu-horizontal h3 { height: 250px; color: #000; font-family: 'Open Sans', Calibri, Arial, sans-serif; font-size:10pt; font-weight: normal; font-style: normal; width: 50%; float: left; } .cbp-spmenu-horizontal a { float: left; width: 50%; padding: 0.8em; color: #000; font-family: 'Open Sans', Calibri, Arial, sans-serif; font-size:10pt; font-weight: normal; font-style: normal; } /* Vertical menu that slides from the left or right */ .cbp-spmenu-left { left: -240px; } .cbp-spmenu-right { right: -240px; } .cbp-spmenu-left.cbp-spmenu-open { left: 0px; } .cbp-spmenu-right.cbp-spmenu-open { right: 0px; } /* Horizontal menu that slides from the top or bottom */ .cbp-spmenu-top { top: -550px; } .cbp-spmenu-bottom { bottom: -150px; } .cbp-spmenu-top.cbp-spmenu-open { top: 0px; } .cbp-spmenu-bottom.cbp-spmenu-open { bottom: 0px; } /* Push classes applied to the body */ .cbp-spmenu-push { overflow-x: hidden; position: relative; left: 0; } .cbp-spmenu-push-toright { left: 240px; } .cbp-spmenu-push-toleft { left: -240px; } /* Transitions */ .cbp-spmenu, .cbp-spmenu-push { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } /* Example media queries */ @media screen and (max-width: 55.1875em){ .cbp-spmenu-horizontal { font-size: 8px; height: 210px; } .cbp-spmenu-top { top: -210px; } .cbp-spmenu-bottom { bottom: -310px; } } @media screen and (max-height: 26.375em){ .cbp-spmenu-vertical { font-size: 90%; width: 190px; } .cbp-spmenu-left, .cbp-spmenu-push-toleft { left: -190px; } .cbp-spmenu-right { right: -190px; } .cbp-spmenu-push-toright { left: 190px; } }