mirror of
https://github.com/Noratrieb/hugos-lieblingsflugzeuge.git
synced 2026-01-16 04:35:05 +01:00
2 lines
No EOL
2 KiB
CSS
2 lines
No EOL
2 KiB
CSS
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#282c34;color:#fff}p{width:1000px}main{grid-area:main;margin-top:100px}:root{--nav-hover-color:#8997b3}header{grid-area:header;position:fixed;top:0;width:100%;z-index:1;background-color:#282c34;overflow:visible;display:grid;grid-template-columns:500px auto;padding-top:10px;margin-left:10px;height:50px}header h1{margin:0;width:500px}main{margin-left:10px}nav{list-style-type:none;overflow:visible}nav,nav ul{margin:0;padding:0;display:inline-block}nav ul{height:100%}nav ul li{float:left;position:relative;display:inline-block;width:200px;font-size:1.8em;cursor:pointer;margin:auto}nav ul li a{display:block;text-align:center;text-decoration:none;color:#fff;transition-duration:.3s}nav ul li a:hover{background-color:#8997b3;background-color:var(--nav-hover-color);transition-duration:.3s}nav ul li>a{border-right:1px solid grey}nav ul li:last-child>a{border:none}nav ul li .content{display:none;z-index:1;width:100%;background-color:#3b414d}nav ul li:hover .content{display:block}nav ul li .content a{padding:8px 0}footer{margin-left:10px;margin-bottom:100px}:root{--model-image-height:200px}.model{position:relative;text-align:center;display:inline-block;transform:scale(1)}.model,.model:hover{color:#fff;transition-duration:.1s;transition-timing-function:ease-out}.model:hover{transform:scale(1.02)}.model .model-info{visibility:hidden;height:100%;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:200px;line-height:var(--model-image-height)}.model:hover .model-info{visibility:visible;background-color:rgba(0,0,0,.5)}.model img{height:200px;height:var(--model-image-height)}.model-info-text{vertical-align:middle;display:inline-block;font-size:1.5em}.plane-image{height:500px}
|
|
/*# sourceMappingURL=main.ad8534d2.chunk.css.map */ |