Difference between revisions of "Template:Marburg/styles.css"
| 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{-webkit-box-pack:justify;justify-content:space-between}.footer-logo{width:-webkit-max-content;width:-moz-max-content;width:max-content}.footer-social{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}@media (max-width:730px){.footer-container,.footer-logo{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center}.footer-logo{display:-webkit-box;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;overflow-x: hidden;}.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;-webkit-transition:height .5s ease-in-out,line-height .5s ease-in-out,font-size .5s ease-in-out;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(100% - 67px);padding-left:1em;padding-right:1em;}@media (max-width:960px){.popup{margin:0!important;width:100vw;height:calc(100vh - 18px)}.popup-container{max-height:calc(100vh - 22px)!important;}}.popup-header{overflow:hidden;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;min-height:67px;height:67px;max-height:67px;}.popup-header h1{margin:0!important;display:flex;align-items:center;line-height:1;margin-left:20px!important;}.popup-header button{margin-right:1em;margin-top:1em;margin-bottom:1em;background:transparent;border:none;font-size:large;cursor:pointer}.popup-container{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;max-height:calc(100vh - 48px);}input[type=checkbox]{display:none}.lbl-toggle{display:block;font-weight:700;font-size:1.2rem;text-align:center;padding:1rem;cursor:pointer;-webkit-transition:all .15s ease-out;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;-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-transition:-webkit-transform .1s ease-out;transition:-webkit-transform .1s ease-out;transition:transform .1s ease-out;transition:transform .1s ease-out, -webkit-transform .1s ease-out}.collapsible-content .content-inner{padding:.5rem 1rem}.collapsible-content{max-height:0;overflow:hidden;-webkit-transition:max-height .15s ease-in-out;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{-webkit-transform:rotate(90deg) translateX(-3px);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:-ms-grid;display:grid;grid-gap:20px;grid-template-columns:repeat(auto-fill,200px);-webkit-box-pack:center;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);-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;cursor:pointer}.sub-header{background-color:#3d404d;width:100%;height:33%;-webkit-box-pack:center;justify-content:center;text-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.sub-header,.sub-header h1{display:-webkit-box;display:flex;-webkit-box-align:center;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:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.sub-content div{text-align:center!important;font-size:1.2rem!important;}.heading{font-size: calc(1.4rem + 1vw)!important;padding:0.5em;color:#f5f5f5;text-align:center;font-size:1.75em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-top:25px;margin-bottom:unset!important;-webkit-transform:rotate(-355deg);transform:rotate(-355deg);}.box-dark{background-color:#3d404d;min-height:30vh;box-shadow:1px 1px 40px black;margin-left:-10vw;width:120vw;position:relative;z-index:2;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center;-webkit-transform:rotate(355deg);transform:rotate(355deg);-webkit-box-pack:center;justify-content:center;margin-top:-12vh;}.line{border-top:2px solid #f5f5f5;background-color:#f5f5f5;border-width:2px;display:block;width:100px;margin-top:25px;margin-bottom:unset;-webkit-transform:rotate(-355deg);transform:rotate(-355deg);}.logo{width:100px;height:100px;position:absolute;bottom:-50px;-webkit-transform:rotate(-355deg);transform:rotate(-355deg);margin-left:-10px;}@media (max-width: 810px){.logo,.line,.heading{margin-left:-30px;}.line{margin:1.5rem 0!important;margin-left:-40px!important;}}p a{padding:0!important;}</style></html> | + | <html><style>#content{width:0!important}body,html{margin:0;min-width:100vw;width:100vw;min-height:100vh;height:100vh;overflow:hidden}.footer-container{-webkit-box-pack:justify;justify-content:space-between}.footer-logo{width:-webkit-max-content;width:-moz-max-content;width:max-content}.footer-social{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}@media (max-width:730px){.footer-container,.footer-logo{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center}.footer-logo{display:-webkit-box;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;overflow-x: hidden;}.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;-webkit-transition:height .5s ease-in-out,line-height .5s ease-in-out,font-size .5s ease-in-out;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(100% - 67px);padding-left:1em;padding-right:1em;}@media (max-width:960px){.popup{margin:0!important;width:100vw;height:calc(100vh - 18px)}.popup-container{max-height:calc(100vh - 22px)!important;}}.popup-header{overflow:hidden;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;min-height:67px;height:67px;max-height:67px;}.popup-header h1{margin:0!important;display:flex;align-items:center;line-height:1;margin-left:20px!important;}.popup-header button{margin-right:1em;margin-top:1em;margin-bottom:1em;background:transparent;border:none;font-size:large;cursor:pointer}.popup-container{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;max-height:calc(100vh - 48px);}input[type=checkbox]{display:none}.lbl-toggle{display:block;font-weight:700;font-size:1.2rem;text-align:center;padding:1rem;cursor:pointer;-webkit-transition:all .15s ease-out;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;-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-transition:-webkit-transform .1s ease-out;transition:-webkit-transform .1s ease-out;transition:transform .1s ease-out;transition:transform .1s ease-out, -webkit-transform .1s ease-out}.collapsible-content .content-inner{padding:.5rem 1rem}.collapsible-content{max-height:0;overflow:hidden;-webkit-transition:max-height .15s ease-in-out;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{-webkit-transform:rotate(90deg) translateX(-3px);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:-ms-grid;display:grid;grid-gap:20px;grid-template-columns:repeat(auto-fill,200px);-webkit-box-pack:center;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);-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;cursor:pointer}.sub-header{background-color:#3d404d;width:100%;height:33%;-webkit-box-pack:center;justify-content:center;text-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.sub-header,.sub-header h1{display:-webkit-box;display:flex;-webkit-box-align:center;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:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.sub-content div{text-align:center!important;font-size:1.2rem!important;}.heading{font-size: calc(1.4rem + 1vw)!important;padding:0.5em;color:#f5f5f5;text-align:center;font-size:1.75em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-top:25px;margin-bottom:unset!important;-webkit-transform:rotate(-355deg);transform:rotate(-355deg);}.box-dark{background-color:#3d404d;min-height:30vh;box-shadow:1px 1px 40px black;margin-left:-10vw;width:120vw;position:relative;z-index:2;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center;-webkit-transform:rotate(355deg);transform:rotate(355deg);-webkit-box-pack:center;justify-content:center;margin-top:-12vh;}.line{border-top:2px solid #f5f5f5;background-color:#f5f5f5;border-width:2px;display:block;width:100px;margin-top:25px;margin-bottom:unset;-webkit-transform:rotate(-355deg);transform:rotate(-355deg);}.logo{width:100px;height:100px;position:absolute;bottom:-50px;-webkit-transform:rotate(-355deg);transform:rotate(-355deg);margin-left:-10px;}@media (max-width: 810px){.logo,.line,.heading{margin-left:-30px;}.line{margin:1.5rem 0!important;margin-left:-40px!important;}}p a{padding:0!important;}hr{display:block;height:1px;border:0;border-top:2px solid #3d404d;padding:0;margin:1em auto;width:50vw;}</style></html> |
Revision as of 13:07, 7 December 2019