@viewport { width: device-width; user-zoom: fixed; zoom: 1.0; } body { position: static; padding: 90px 1em; } #BLITLI_NAVBAR { padding: 0; position: fixed; top: 0; left: 0; width: 100%; background-color: #ababab; color: #000; z-index: 100; border-radius: 0 0 40px 40px / 20px ; -webkit-border-radius: 0 0 40px 40px / 20px; text-align: center; } #BLITLI_NAVBAR a, #BLITLI_NAVBAR .fkLnk { color: #000; text-decoration: underline; cursor: pointer; } #BLITLI_NAVIGATE { margin: .5em; } #BLITLI_UI .menu, #BLITLI_NAVIGATE input { border: 1px solid #000000; background-color: #ffffff; border-radius: 20px/10px; -webkit-border-radius: 20px/10px; } #NAV_LINK { margin: auto; height: 70px; width: 480px; overflow: hidden; } #BLITLI_FOOTER { position: fixed; bottom: 0; left: 0; height: 70px; width: 100%; overflow: hidden; background-color: #ababab; color: #000; border-radius: 40px 40px 0 0 / 20px; -webkit-border-radius: 40px 40px 0 0 / 20px; text-align: center; z-index: 100; -transition-property: height; -transition-duration: 1s; -transition-delay: .2s; -moz-transition-property: height; -moz-transition-duration: 1s; -moz-transition-delay: .2s; -webkit-transition-property: height; -webkit-transition-duration: 1000; -webkit-transition-delay: 200; } #NAV_LINK iframe { height: 70px; width: 480px; border-width: 0; } #BLITLI_NAVBAR p { padding: 0; font-size: 75%; } #BLITLI_NAVBAR .tag { font-style: oblique; } #BLITLI_NAVBAR .menu { padding: 0 1em; cursor:pointer; } #BLITLI_LOCATION { width: 320px; } #BLITLI_MENU li { cursor: pointer; } #BLITLI_MENU { display: none; position: fixed; height: 100%; width: 100%; top:0; left:0; z-index: 150; overflow: scroll; } .blackout { position: fixed; height: 100%; width: 100%; top:0; left:0; background-color: #000000; opacity: .5; z-index: -1; } #BLITLI_MENU ul { margin: 4em; text-align: center; padding:0; list-style-type: none; overflow: hidden; background-color: #ababab; color: #000000; border: 4px solid #000000; border-radius: 20px / 10px; -webkit-border-radius: 20px / 10px; z-index:1; } #BLITLI_MENU ul li.top { border-radius: 20px 20px 0 0 / 2px; -webkit-border-radius: 20px 20px 0 0 / 2px; } #BLITLI_MENU ul li.bottom { border-radius: 0 0 20px 20px / 2px; -webkit-border-radius: 0 0 20px 20px / 2px; } #BLITLI_MENU ul li { margin: 0; padding: 1em 0; cursor:pointer; } #BLITLI_MENU ul li:hover { color: #ffffff; background-color: #000000; } span.img { border:1px dotted black; background-color: grey; } .blitbli_page.closing { opacity: 0; -transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; } .blitbli_page { border: 1px solid #440000; margin: .5em; z-index:1; border-radius: 20px / 10px; -webkit-border-radius: 20px / 10px; } .blitbli_page .blitbli_content { padding: .5em; } .blitbli_page .blitbli_pagebar { background-color: #440000; color: #fff ; clear:both; position: relative; padding: 1em 2em; z-index:10; border-radius: 20px / 10px; -webkit-border-radius: 20px / 10px; } .blitbli_page .blitbli_pagebar a { text-decoration: none; color: #fff; cursor: pointer;} .blitbli_page .blitbli_pagebar .close { position: absolute; left: 1em; top: .5em; } .blitbli_page .blitbli_pagebar .title { position: absolute; left: 30%; top: .5em; color: #aaa; } .blitbli_page .blitbli_pagebar .heavy { position: absolute; right: 1em; top: .5em; }