Line 747: | Line 747: | ||
.pure-menu-active>.pure-menu-children,.pure-menu-allow-hover:hover>.pure-menu-children{display:block;position:relative} | .pure-menu-active>.pure-menu-children,.pure-menu-allow-hover:hover>.pure-menu-children{display:block;position:relative} | ||
.pure-menu-has-children>.pure-menu-link:after{padding-left:.5em;content:"\25B8";font-size:small} | .pure-menu-has-children>.pure-menu-link:after{padding-left:.5em;content:"\25B8";font-size:small} | ||
+ | .large-header { | ||
+ | position: relative; | ||
+ | width: 100%; | ||
+ | background: #333; | ||
+ | overflow: hidden; | ||
+ | background-size: cover; | ||
+ | background-position: center center; | ||
+ | z-index: 1; | ||
+ | background-position: center bottom; | ||
+ | } | ||
+ | .main-title { | ||
+ | position: absolute; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | color: #f9f1e9; | ||
+ | text-align: center; | ||
+ | top: 50%; | ||
+ | left: 50%; | ||
+ | -webkit-transform: translate3d(-50%,-50%,0); | ||
+ | transform: translate3d(-50%,-50%,0); | ||
+ | font-family: 'Clicker Script', cursive; | ||
+ | font-weight: normal; | ||
+ | font-size: 8em; | ||
+ | padding-left: 10px; | ||
+ | text-shadow: 2px 2px 4px rgba(0,0,0,0.4); | ||
+ | } | ||
+ | .main-title::before { | ||
+ | content: ''; | ||
+ | width: 20vw; | ||
+ | height: 20vw; | ||
+ | min-width: 3.5em; | ||
+ | min-height: 3.5em; | ||
+ | background-size: cover; | ||
+ | position: absolute; | ||
+ | top: 50%; | ||
+ | left: 50%; | ||
+ | border-radius: 50%; | ||
+ | z-index: -1; | ||
+ | -webkit-transform: translate3d(-50%,-50%,0); | ||
+ | transform: translate3d(-50%,-50%,0); | ||
+ | } | ||
</style> | </style> | ||
Revision as of 00:12, 24 October 2017