Difference between revisions of "Template:Marburg/index.css"
| Line 1: | Line 1: | ||
| − | <html><style>main{padding:0!important;background-color:#cacaca}.main{overflow-x:hidden!important}.box-light{max-height:40vh;width:100vw;position:relative;z-index:1}.box-light img{width:100%;margin-top:-100px;height: | + | <html><style>main{padding:0!important;background-color:#cacaca}.main{overflow-x:hidden!important}.box-light{max-height:40vh;width:100vw;position:relative;z-index:1}.box-light img{width:100%;margin-top:-100px;height:65vh;opacity:0;transition:opacity 1s;transform:matrix(1,0,0,1,0,0)}.box-dark{background-color:#3d404d;min-height:60vh;box-shadow:1px 1px 40px #000,1px 1px 40px #000;margin-left:-10vw;width:120vw;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}.left,.right .heading,.right .line,.right .logo,.right .text{transform:rotate(355deg)}.left .heading,.left .line,.left .logo,.left .text,.right{transform:rotate(-355deg)}.left .logo{margin-left:30px}.right .logo{margin-left:-30px}.logo{width:200px;height:200px;margin-top:-100px}.heading{color:#f5f5f5;text-align:center;font-size:1.75em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:unset!important}.heading,.line{margin-top:25px}.line{background-color:#f5f5f5;border-width:2px;display:block;width:100px;margin-bottom:unset}.text{color:#f5f5f5;text-align:center!important;width:700px;font-size:1.5em!important;margin-top:25px;max-width:80vw;margin-bottom:25px}video{-webkit-filter:contrast(.5);filter:contrast(.5);height:100%;-o-object-fit:cover;object-fit:cover;width:100%;transform:scale(1.3)}.words{color:#f5f5f5;position:absolute;top:calc(50% - 50px);left:65%;display:flex;flex-direction:column;align-items:flex-end}.words p{font-size:4em!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media (max-width:1390px){.words{left:50%}}@media (max-width:970px){.words{left:40%}}@media (max-width:810px){.words{left:30%}.right .logo{margin-left:-60px}.left .logo{margin-left:60px}.right .heading,.right .line{margin-left:-30px}.left .heading,.left .line{margin-left:30px}}@media (max-width:715px){.words{left:calc(50% - 148px);align-items:center}.words p{font-size:2.5em!important}.box-dark{height:115vh}.box-light{max-height:40vh}.box-light img{height:58vh}}.bobbel{position:absolute;bottom:-7px;left:calc(50vw - 100px);width:200px;cursor:pointer;z-index:3}.hero-wrapper{width:100%;position:relative;background-color:#3d404d;height:calc(100vh - 70px);max-height:calc(100vh - 70px)}.hero-text{width:110vw;padding:2rem;display:flex;align-items:center;justify-content:center;background:#3d404d;color:#f5f5f5;box-shadow:1px 1px 40px #000;z-index:2;position:relative;margin-left:-5vw;flex-direction:column}.hero-first{font-size:2.5em!important}.hero-first,.hero-second{text-align:center!important;max-width:85vw}.hero-second{font-size:1.5em!important;top:60px;margin-top:25px}.awards{height:80vh;background:url(https://static.igem.org/mediawiki/2019/4/41/T--Marburg--hero_medals.jpg);background-repeat:no-repeat;background-size:cover;display:flex;align-items:center;justify-content:space-between;cursor:pointer;margin-top:-7vh;padding:15vh 3em 3em}.award{height:200px!important;width:200px!important;opacity:1!important;margin-top:0!important;-webkit-filter:drop-shadow(2px 4px 6px black) saturate(2);filter:drop-shadow(2px 4px 6px black) saturate(2)}.award-title{display:none;color:#fff;-webkit-filter:drop-shadow(2px 4px 6px black);filter:drop-shadow(2px 4px 6px black)}@media (max-width:960px){.awards{justify-content:center!important}.award{display:none}.award-title{display:block}}@media (max-height:700px){.awards{justify-content:center!important}.award{display:none}.award-title{display:block}}</style></html> |
Revision as of 10:10, 20 October 2019