Line 1: | Line 1: | ||
− | <html><style>#content{width:0!important}body,html{margin:0;min-width:100vw;width:100vw;min-height:100vh;height:100vh;overflow:hidden}.footer-container{justify-content:space-between}.footer-logo{width:-webkit-max-content;width:-moz-max-content;width:max-content}.footer-social{display:flex;align-items:center;justify-content:center}@media (max-width:730px){.footer-container,.footer-logo{flex-direction:column;align-items:center}.footer-logo{display:flex;margin-bottom:25px}.footer-last{padding:unset!important}}#HQ_page p,body,h1{font-family:Roboto Condensed,sans-serif!important}main{min-height:calc(100% - 148px);padding:2rem 1rem}.main{min-height:calc(100% - 52px);height:calc(100% - 52px);max-height:calc(100% - 52px);overflow:auto}.foo{margin-left:-20px;position:absolute;top:0;left:0;width:100vw;max-width:100vw;height:calc(100vh - 18px);overflow:hidden;background:#f5f5f5}header{position:relative;top:0;width:100%;height:auto;line-height:80px;font-size:18px;background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.19);text-align:center;z-index:10;transition:height .5s ease-in-out,line-height .5s ease-in-out,font-size .5s ease-in-out}footer{padding:1.5rem;background-color:#3d404d;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.is-hoverable:hover .navbar-dropdown{display:block}.navbar{background-color:#f5f5f5}.navbar-item,.navbar-link{font-weight:700}.navbar-item{text-decoration:none!important}.navbar-link{padding:.5rem}.navbar-link:hover{color:#69a555!important;background-color:#f5f5f5}.navbar-link:not(.is-arrowless){padding-right:1.75em}.navbar-link:not(.is-arrowless):after{border-color:#69a555;right:.6em}.navbar-menu{max-height:calc(100vh - 70px)}.navbar-menu a:hover{color:#69a555!important}.navbar-menu a:visited{color:#4a4a4a}@media (max-width:1023px){.navbar-menu{overflow:auto}}.popup{display:none;position:absolute;z-index:999;top:0;left:0;width:calc(100vw - 2em);height:calc(100vh - 2em - 18px);background-color:#f5f5f5;margin:1em;border:2px solid #3d404d}.popup-content{overflow:auto;max-height:calc(100vh - 88px - 2em);padding-left:1em;padding-right:1em}@media (max-width:960px){.popup{margin:0!important;width:100vw;height:calc(100vh - 18px)}.popup-content{max-height:calc(100vh - 88px)}}.popup-header{overflow:hidden;display:flex;justify-content:space-between}.popup-header h1{margin-left:1em;margin-top:1em;margin-bottom:1em}.popup-header button{margin-right:1em;margin-top:1em;margin-bottom:1em;background:transparent;border:none;font-size:large;cursor:pointer}.popup-container{display:flex;flex-direction:column}input[type=checkbox]{display:none}.lbl-toggle{display:block;font-weight:700;font-size:1.2rem;text-align:center;padding:1rem;cursor:pointer;transition:all .15s ease-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lbl-toggle:before{content:" ";display:inline-block;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid;vertical-align:middle;margin-right:.7rem;transform:translateY(-2px);transition:transform .1s ease-out}.collapsible-content .content-inner{padding:.5rem 1rem}.collapsible-content{max-height:0;overflow:hidden;transition:max-height .15s ease-in-out}.toggle:checked+.lbl-toggle+.collapsible-content{max-height:-webkit-max-content;max-height:-moz-max-content;max-height:max-content}.toggle:checked+.lbl-toggle:before{transform:rotate(90deg) translateX(-3px)}.toggle:checked+.lbl-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}p{font-size: calc(1em + 1vw)!important}.grid{display:grid;grid-gap:20px;grid-template-columns:repeat(auto-fill,200px);justify-content:center}.sub{width:200px;height:250px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);flex-direction:column;cursor:pointer}.sub-header{background-color:#3d404d;width:100%;height:33%;justify-content:center;text-align:center;flex-direction:column}.sub-header,.sub-header h1{display:flex;align-items:center}.sub-header h1{color:#fff;font-size:1rem;margin-bottom:0!important}.sub-header hr{width:50px;border-top:2px solid #fff;margin:.9em auto}.sub-content{background-color:#fff;width:100%;height:66%;padding:1em;display:flex;align-items:center}.sub-content | + | <html><style>#content{width:0!important}body,html{margin:0;min-width:100vw;width:100vw;min-height:100vh;height:100vh;overflow:hidden}.footer-container{justify-content:space-between}.footer-logo{width:-webkit-max-content;width:-moz-max-content;width:max-content}.footer-social{display:flex;align-items:center;justify-content:center}@media (max-width:730px){.footer-container,.footer-logo{flex-direction:column;align-items:center}.footer-logo{display:flex;margin-bottom:25px}.footer-last{padding:unset!important}}#HQ_page p,body,h1{font-family:Roboto Condensed,sans-serif!important}main{min-height:calc(100% - 148px);padding:2rem 1rem}.main{min-height:calc(100% - 52px);height:calc(100% - 52px);max-height:calc(100% - 52px);overflow:auto}.foo{margin-left:-20px;position:absolute;top:0;left:0;width:100vw;max-width:100vw;height:calc(100vh - 18px);overflow:hidden;background:#f5f5f5}header{position:relative;top:0;width:100%;height:auto;line-height:80px;font-size:18px;background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.19);text-align:center;z-index:10;transition:height .5s ease-in-out,line-height .5s ease-in-out,font-size .5s ease-in-out}footer{padding:1.5rem;background-color:#3d404d;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.is-hoverable:hover .navbar-dropdown{display:block}.navbar{background-color:#f5f5f5}.navbar-item,.navbar-link{font-weight:700}.navbar-item{text-decoration:none!important}.navbar-link{padding:.5rem}.navbar-link:hover{color:#69a555!important;background-color:#f5f5f5}.navbar-link:not(.is-arrowless){padding-right:1.75em}.navbar-link:not(.is-arrowless):after{border-color:#69a555;right:.6em}.navbar-menu{max-height:calc(100vh - 70px)}.navbar-menu a:hover{color:#69a555!important}.navbar-menu a:visited{color:#4a4a4a}@media (max-width:1023px){.navbar-menu{overflow:auto}}.popup{display:none;position:absolute;z-index:999;top:0;left:0;width:calc(100vw - 2em);height:calc(100vh - 2em - 18px);background-color:#f5f5f5;margin:1em;border:2px solid #3d404d}.popup-content{overflow:auto;max-height:calc(100vh - 88px - 2em);padding-left:1em;padding-right:1em}@media (max-width:960px){.popup{margin:0!important;width:100vw;height:calc(100vh - 18px)}.popup-content{max-height:calc(100vh - 88px)}}.popup-header{overflow:hidden;display:flex;justify-content:space-between}.popup-header h1{margin-left:1em;margin-top:1em;margin-bottom:1em}.popup-header button{margin-right:1em;margin-top:1em;margin-bottom:1em;background:transparent;border:none;font-size:large;cursor:pointer}.popup-container{display:flex;flex-direction:column}input[type=checkbox]{display:none}.lbl-toggle{display:block;font-weight:700;font-size:1.2rem;text-align:center;padding:1rem;cursor:pointer;transition:all .15s ease-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lbl-toggle:before{content:" ";display:inline-block;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid;vertical-align:middle;margin-right:.7rem;transform:translateY(-2px);transition:transform .1s ease-out}.collapsible-content .content-inner{padding:.5rem 1rem}.collapsible-content{max-height:0;overflow:hidden;transition:max-height .15s ease-in-out}.toggle:checked+.lbl-toggle+.collapsible-content{max-height:-webkit-max-content;max-height:-moz-max-content;max-height:max-content}.toggle:checked+.lbl-toggle:before{transform:rotate(90deg) translateX(-3px)}.toggle:checked+.lbl-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}p{font-size: calc(1em + 1vw)!important}.grid{display:grid;grid-gap:20px;grid-template-columns:repeat(auto-fill,200px);justify-content:center}.sub{width:200px;height:250px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);flex-direction:column;cursor:pointer}.sub-header{background-color:#3d404d;width:100%;height:33%;justify-content:center;text-align:center;flex-direction:column}.sub-header,.sub-header h1{display:flex;align-items:center}.sub-header h1{color:#fff;font-size:1rem;margin-bottom:0!important}.sub-header hr{width:50px;border-top:2px solid #fff;margin:.9em auto}.sub-content{background-color:#fff;width:100%;height:66%;padding:1em;display:flex;align-items:center}.sub-content div{text-align:center!important;font-size:1rem!important;}</style></html> |
Revision as of 10:09, 7 December 2019