Jonas232005 (Talk | contribs) (Blanked the page) |
Jonas232005 (Talk | contribs) |
||
Line 1: | Line 1: | ||
+ | <html> | ||
+ | <style> | ||
+ | *{ | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | border: 0; | ||
+ | outline: 0; | ||
+ | font-size: 100%; | ||
+ | vertical-align: baseline; | ||
+ | background: transparent; | ||
+ | } | ||
+ | header{ | ||
+ | font-family: 'Raleway', serif !important; | ||
+ | } | ||
+ | |||
+ | @font-face { | ||
+ | font-family: "Monastic"; | ||
+ | src: url("../fonts/Monastic.ttf"); | ||
+ | } | ||
+ | |||
+ | #my-global-wrapper{ | ||
+ | width: 100%; | ||
+ | height: max-content; | ||
+ | font-family: 'Raleway', serif !important; | ||
+ | } | ||
+ | |||
+ | /* #93D5DC #1BA784 #55BB8A #29B7CB #5CB3CC */ | ||
+ | |||
+ | html{ | ||
+ | scroll-behavior: smooth; | ||
+ | } | ||
+ | |||
+ | html, body{ | ||
+ | background-color: #f4f4f4; | ||
+ | height: 100vw; | ||
+ | } | ||
+ | |||
+ | #my-nav{ | ||
+ | position: fixed; | ||
+ | width: 100%; | ||
+ | height: 10vh; | ||
+ | transition: transform .5s; | ||
+ | z-index: 3; | ||
+ | } | ||
+ | |||
+ | #my-nav #top{ | ||
+ | position: absolute; | ||
+ | top:0; | ||
+ | left:0; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | } | ||
+ | |||
+ | #my-nav #top h1{ | ||
+ | float: left; | ||
+ | padding:2rem; | ||
+ | font-size: 2rem; | ||
+ | color: #fff; | ||
+ | } | ||
+ | #my-nav #nav-button{ | ||
+ | transition: all .25s; | ||
+ | float: right; | ||
+ | padding: 2rem; | ||
+ | } | ||
+ | |||
+ | #my-nav #nav-button:hover{ | ||
+ | cursor: pointer; | ||
+ | height:3rem; | ||
+ | } | ||
+ | |||
+ | #my-nav #nav-button line{ | ||
+ | stroke: #fff; | ||
+ | transition: all .5s; | ||
+ | } | ||
+ | |||
+ | #my-nav #nav-button:hover line{ | ||
+ | stroke: #eeeeee; | ||
+ | } | ||
+ | |||
+ | #my-nav #back-button{ | ||
+ | width: fit-content; | ||
+ | } | ||
+ | |||
+ | #my-nav #back-button:hover{ | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | #my-nav .inline{ | ||
+ | display: inline; | ||
+ | } | ||
+ | |||
+ | #my-nav .inline h1{ | ||
+ | padding-right: 0 !important; | ||
+ | } | ||
+ | |||
+ | #my-nav #my-nav.logo{ | ||
+ | width: 6rem; | ||
+ | height: 6rem; | ||
+ | } | ||
+ | |||
+ | #my-nav #popup{ | ||
+ | position: fixed; | ||
+ | width:25%; | ||
+ | height:100%; | ||
+ | right:0; | ||
+ | transform: translateX(100%); | ||
+ | padding: 2.5rem; | ||
+ | background-color: #ffffff; | ||
+ | font-size: 2rem; | ||
+ | font-weight: 200; | ||
+ | transition: all .5s; | ||
+ | opacity: 0; | ||
+ | color: #4f4f4f !important; | ||
+ | } | ||
+ | |||
+ | #my-nav #popup a{ | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | text-decoration: none; | ||
+ | color:#4f4f4f; | ||
+ | font-weight: 200; | ||
+ | transition: all .25s; | ||
+ | } | ||
+ | |||
+ | #my-nav #popup li{ | ||
+ | transition: all .25s; | ||
+ | } | ||
+ | |||
+ | #my-nav #popup li:hover{ | ||
+ | cursor: pointer; | ||
+ | color: #f4f4f4; | ||
+ | background-color: #1BA784; | ||
+ | font-weight: 400; | ||
+ | } | ||
+ | |||
+ | #my-nav #popup li:hover a{ | ||
+ | color: #f4f4f4; | ||
+ | font-weight: 400; | ||
+ | } | ||
+ | |||
+ | |||
+ | #my-nav #current-page{ | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | #my-nav #popup nav,ul,li{ | ||
+ | list-style-type: none; | ||
+ | width: 100%; | ||
+ | padding: .6rem; | ||
+ | } | ||
+ | |||
+ | #my-nav #popup h1 { | ||
+ | padding: .6rem | ||
+ | } | ||
+ | |||
+ | #my-nav .navShow{ | ||
+ | transform: translateX(0%) !important; | ||
+ | opacity: 1 !important; | ||
+ | } | ||
+ | |||
+ | #my-nav .inactive{ | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #my-nav .show{ | ||
+ | transition: opacity .25s; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | #my-nav .fade-out{ | ||
+ | transition: opacity .25s; | ||
+ | opacity : 0 !important; | ||
+ | } | ||
+ | |||
+ | #my-nav .rotate{ | ||
+ | transform: rotate(90deg); | ||
+ | } | ||
+ | </style> | ||
+ | </html> |
Revision as of 07:39, 18 September 2021