Line 84: | Line 84: | ||
</script> | </script> | ||
− | |||
− | |||
<style> | <style> | ||
Line 179: | Line 177: | ||
.pure-u-md-17-24{width:70.8333%}.pure-u-md-18-24,.pure-u-md-3-4{width:75%}.pure-u-md-19-24{width:79.1667%}.pure-u-md-4-5{width:80%}.pure-u-md-20-24,.pure-u-md-5-6{width:83.3333%}.pure-u-md-21-24,.pure-u-md-7-8{width:87.5%}.pure-u-md-11-12,.pure-u-md-22-24{width:91.6667%}.pure-u-md-23-24{width:95.8333%}.pure-u-md-1,.pure-u-md-1-1,.pure-u-md-24-24,.pure-u-md-5-5{width:100%}} | .pure-u-md-17-24{width:70.8333%}.pure-u-md-18-24,.pure-u-md-3-4{width:75%}.pure-u-md-19-24{width:79.1667%}.pure-u-md-4-5{width:80%}.pure-u-md-20-24,.pure-u-md-5-6{width:83.3333%}.pure-u-md-21-24,.pure-u-md-7-8{width:87.5%}.pure-u-md-11-12,.pure-u-md-22-24{width:91.6667%}.pure-u-md-23-24{width:95.8333%}.pure-u-md-1,.pure-u-md-1-1,.pure-u-md-24-24,.pure-u-md-5-5{width:100%}} | ||
− | |||
− | |||
.pure-menu { | .pure-menu { | ||
Line 264: | Line 260: | ||
} | } | ||
#layout.active #menu { | #layout.active #menu { | ||
− | left: | + | left: 200px; |
− | width: | + | width: 200px; |
} | } | ||
#layout.active .menu-link { | #layout.active .menu-link { | ||
− | left: | + | left: 200px; |
} | } | ||
Line 307: | Line 303: | ||
#menu { | #menu { | ||
− | margin-left: - | + | margin-left: -200px; /* "#menu" width */ |
− | width: | + | width: 200px; |
position: fixed; | position: fixed; | ||
top: 18px; | top: 18px; | ||
Line 408: | Line 404: | ||
#layout { | #layout { | ||
− | padding-left: | + | padding-left: 200px; /* left col width "#menu" */ |
left: 0; | left: 0; | ||
} | } | ||
#menu { | #menu { | ||
− | left: | + | left: 200px; |
} | } | ||
.menu-link { | .menu-link { | ||
position: fixed; | position: fixed; | ||
− | left: | + | left: 200px; |
display: none; | display: none; | ||
} | } | ||
#layout.active .menu-link { | #layout.active .menu-link { | ||
− | left: | + | left: 200px; |
} | } | ||
#listlist .divList{ width:1100px; height:520px; margin:0px auto; position:relative;} | #listlist .divList{ width:1100px; height:520px; margin:0px auto; position:relative;} | ||
Line 430: | Line 426: | ||
#layout.active { | #layout.active { | ||
position: relative; | position: relative; | ||
− | left: | + | left: 200px; |
} | } | ||
#listlist .divList{ width:900px; height:500px; margin:0px auto; position:relative;} | #listlist .divList{ width:900px; height:500px; margin:0px auto; position:relative;} | ||
Line 438: | Line 434: | ||
.pure-menu-active>.pure-menu-children,.pure-menu-allow-hover:hover>.pure-menu-children{display:block;position:relative} | .pure-menu-active>.pure-menu-children,.pure-menu-allow-hover:hover>.pure-menu-children{display:block;position:relative} | ||
.pure-menu-has-children>.pure-menu-link:after{padding-left:.5em;content:"\25B8";font-size:small} | .pure-menu-has-children>.pure-menu-link:after{padding-left:.5em;content:"\25B8";font-size:small} | ||
+ | |||
</style> | </style> | ||
Line 450: | Line 447: | ||
#home_logo, #sideMenu { display:none; } | #home_logo, #sideMenu { display:none; } | ||
#sideMenu, #top_title, .patrollink {display:none;} | #sideMenu, #top_title, .patrollink {display:none;} | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
/**************************************************************** MENU ***************************************************************/ | /**************************************************************** MENU ***************************************************************/ | ||
/* Wrapper for the menu */ | /* Wrapper for the menu */ |
Revision as of 11:58, 16 October 2017