forked from BuildTheEarth-Italia/Wordpress-Theme
-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
9 lines (9 loc) · 14.6 KB
/
style.css
1
2
3
4
5
6
7
8
9
/*!
Theme Name: BTE Italia
Author: MemoryOfLife
Description: Wordpress theme for Build The Earth Italia
Version: 2.0.0
License: proprietary
Tags: custom-background, custom-logo
*/:root{--accent-hue: 215;--accent-background-color: hsl(var(--accent-hue), 80%, 50%);--accent-text-color: hsl(0, 0%, 100%);--accent-text-color-hover: hsl(0, 0%, 93%);--background-color: hsl(0, 0%, 100%);--background-color-hover: var(--accent-text-color-hover);--text-color: hsl(0, 0%, 0%);--alt-background-color: hsl(240, 10%, 15%);--alt-text-color: hsl(240, 5%, 90%);--success-color: hsl(100, 70%, 40%)}html,body{margin:0;padding:0;width:100vw;font-family:"Open Sans", sans-serif;scroll-behavior:smooth;overflow-x:hidden;background:var(--background-color)}.heading{position:fixed;top:10vh;left:10vw;z-index:-1}.heading.bigHeader{top:25vh}.heading.bigHeader *{display:block}.heading.bigHeader+.content{margin-top:80vh}.heading *{margin:0;padding:0;display:none}.heading h1{font-size:64px}.heading h2{font-size:35px;font-weight:200}.content{width:100%;min-height:100vh;margin-top:15vh;background-color:var(--background-color)}.content .grass{width:100%;-webkit-transform:translateY(-90%);transform:translateY(-90%)}.content footer{text-align:center;padding-bottom:15px}a:not(.discordJoinButton){background:-webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, var(--accent-background-color)));background:linear-gradient(to bottom, transparent 70%, var(--accent-background-color) 0%);-webkit-transition:background 0.2s;transition:background 0.2s;color:black;text-decoration:none}a:not(.discordJoinButton):visited,a:not(.discordJoinButton):hover{--link-hover-hue: calc(var(--accent-hue) + 50);background:-webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, hsl(var(--link-hover-hue), 80%, 50%)));background:linear-gradient(to bottom, transparent 70%, hsl(var(--link-hover-hue), 80%, 50%) 0%)}.panel{width:100%;background-color:var(--background-color)}.panel .box{height:-webkit-min-content;height:-moz-min-content;height:min-content}.panel .title{font-family:'Nunito', sans-serif}.panel.welcomePanel{position:fixed;top:25%;left:10%;width:80%;background:none;color:var(--background-color-hover)}.panel.welcomePanel>*{margin:0;padding:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.panel.welcomePanel>h1{font-size:64px}.panel.welcomePanel>h2{font-size:46px;font-weight:lighter;background:-webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, var(--accent-background-color)));background:linear-gradient(to bottom, transparent 0%, var(--accent-background-color) 0%);background-size:0% 100%;background-repeat:no-repeat;-webkit-transition:background-size .5s;transition:background-size .5s}.panel.welcomePanel>h2.underlined{background-size:100% 100%}.welcomeCover{position:fixed;top:0;z-index:-1;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}.welcomePanel+*{margin-top:35%}.grass{width:100%;height:120px;margin-bottom:-6px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;background-color:var(--background-color);-webkit-mask-image:url("resources/grass.svg");mask-image:url("resources/grass.svg")}.panel.commonPanel{height:500px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position: relative;z-index: 2;}.panel.commonPanel>.box{width:45%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.panel.commonPanel>.box .title{margin:0;font-size:46px}.panel.commonPanel>.box .description{margin:0;margin-top:15px;width:350px;font-size:25px;font-weight:lighter}.panel.commonPanel.reverse>.box{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.panel.commonPanel .model{height:300px;width:300px;background:var(--background-color)}.panel.commonPanel .model.rounded{border-radius:100%}.panel.textMediaPanel{height:850px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.panel.textMediaPanel>.box{width:45%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.panel.textMediaPanel>.box .text{text-align:center}.panel.textMediaPanel>.box .text .title{margin:0;font-size:46px}.panel.textMediaPanel>.box .text .description{margin:0;margin-top:15px;font-size:25px;font-weight:lighter}.panel.textMediaPanel .media{height:450px;margin-top:50px;background:var(--background-color);-webkit-box-shadow:0 0 5px #0003;box-shadow:0 0 5px #0003}.panel.textMediaPanel .discordJoinButton{padding:20px 15px;width:180px;margin-top:25px;display:none;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;border-radius:5px;background-color:var(--accent-background-color);color:var(--accent-text-color);font-size:24px;text-align:center;text-decoration:none}.panel.galleryPanel{height:500px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.panel.galleryPanel>.box{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}.panel.galleryPanel>.box .text{text-align:center}.panel.galleryPanel>.box .text .title{margin:0;font-size:46px}.panel.galleryPanel>.box .gallery{max-width:100%;margin-top:25px;-webkit-transform:rotate(-2deg) scale(1.02);transform:rotate(-2deg) scale(1.02)}.panel.galleryPanel>.box .gallery .slider{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-transition:-webkit-transform .1s ease;transition:-webkit-transform .1s ease;transition:transform .1s ease;transition:transform .1s ease, -webkit-transform .1s ease}.panel.galleryPanel>.box .gallery .slider.animateMargin{-webkit-transition:margin-left .01s ease-out, -webkit-transform .1s ease;transition:margin-left .01s ease-out, -webkit-transform .1s ease;transition:transform .1s ease, margin-left .01s ease-out;transition:transform .1s ease, margin-left .01s ease-out, -webkit-transform .1s ease}.panel.galleryPanel>.box .gallery .slider .media{max-width:450px;height:240px;margin-left:35px;-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out, -webkit-transform .2s ease-out}.panel.galleryPanel>.box .gallery .slider .media:first-of-type{margin-left:auto}.panel.galleryPanel>.box .gallery .slider .media:last-of-type{margin-right:auto}.panel.galleryPanel>.box .gallery .slider .media .image{height:100%;border-radius:5px;background:var(--white-gray);-webkit-box-shadow:0 0 5px #0003;box-shadow:0 0 5px #0003;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.panel.galleryPanel>.box .gallery .slider .media.expanded{-webkit-transform:rotate(2deg);transform:rotate(2deg)}.panel.galleryPanel>.box .gallery .slider .media.expanded .description{display:block;opacity:1}.panel.galleryPanel>.box .gallery .slider .media .description{position:relative;top:-101%;left:0;height:100%;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:15px;border-radius:5px;background:var(--black-gray-semitransparent);opacity:0;display:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.panel.galleryPanel>.box .gallery .slider .media .description .location{width:100%;margin:0;text-align:center;color:var(--white-gray);font-family:'Nunito', sans-serif}.panel.galleryPanel>.box .gallery .slider .media .description .author{list-style:none}.panel.galleryPanel>.box .gallery .slider .media .description .author .name{color:var(--white-gray);width:-webkit-min-content;width:-moz-min-content;width:min-content;background:-webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, var(--accent)));background:linear-gradient(to bottom, transparent 70%, var(--accent) 0%)}.navbar{height:80px;width:100%;padding:5px 15px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-size:cover;border-radius:0 0 5px 5px}.navbar a{background:none}.navbar .brand .logo{height:45px;width:45px;display:inline;vertical-align:middle;border-radius:100%}.navbar .brand .name{margin:0;margin-left:15px;display:inline;font-family:"Nunito", sans-serif;font-size:24px;color:var(--text-color)}.navbar .menu{min-width:20%;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.navbar .menu li{list-style-type:none;margin-right:10px;font-weight:lighter;font-size:16px}.navbar .menu li *{text-decoration:none;color:var(--text-color);-webkit-transition:color 0.5s;transition:color 0.5s}.navbar .menu li:hover{color:var(--accent-text-color-hover)}.navbar .menu li.active{background:-webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, var(--accent-background-color)));background:linear-gradient(to bottom, transparent 70%, var(--accent-background-color) 0%);background-size:100% 40%;background-repeat:no-repeat}.navbar.fixed{position:fixed;z-index:10;top:0;left:0;background-color:var(--background-color);-webkit-box-shadow:0 0 5px #0003;box-shadow:0 0 5px #0003}.navbar.fixed *{color:var(--text-color) !important}.navbar.fixed .brand .name{font-size:25px}@media screen and (max-width: 930px){.mainNav .navItem .menu{display:none}}.footer{min-height:200px;padding:50px;background-color:var(--alt-background-color);color:var(--alt-text-color);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.footer a,.footer a:visited{color:var(--accent-text-color);text-decoration:none;width:-webkit-min-content;width:-moz-min-content;width:min-content;background:-webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, var(--accent-background-color)));background:linear-gradient(to bottom, transparent 70%, var(--accent-background-color) 0%)}.footer .box{-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2}.footer .box .brand .name{margin:0;margin-left:15px;display:inline;font-family:"Nunito", sans-serif;font-size:25px;font-weight:bold}.footer .box .brand .logo{height:35px;width:35px;display:inline;vertical-align:middle;border-radius:100%}.footer .box .row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.footer .box .row>*{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:10px;margin-right:130px}.footer .box .row>*:last-child{margin-right:0}.footer .box .row>* .menu{list-style:none;padding:0;margin:0}.footer .box .row>* .link,.footer .box .row>* .menu-item{margin-left:10px;margin-bottom:15px}.footer .credits{width:100%;margin:0;margin-top:15px;padding:0;-ms-flex-item-align:end;-ms-grid-row-align:end;align-self:end;text-align:center;font-weight:lighter;font-size:85%}@media screen and (max-width: 1600px){.navbar .links{min-width:25%}.panel.commonPanel>.box{width:50%}}@media screen and (max-width: 1430px){.navbar .links{min-width:30%}.panel.commonPanel{height:650px}.panel.commonPanel>.box{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.panel.commonPanel>.box .text{margin-top:50px}.panel.commonPanel>.box .text *{text-align:center}.panel.commonPanel>.box .text .description{width:100%;line-height:1.4}.panel.commonPanel>.box .model{height:250px;width:250px}.panel.commonPanel>.box,.panel.commonPanel.reverse>.box{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}@media screen and (max-width: 1150px){.navbar .links{min-width:35%}.welcomePanel+*{margin-top:50%}.panel.textMediaPanel>.box{width:55%}}@media screen and (max-width: 930px){.navbar .links{min-width:40%}.navbar .brand .name{font-size:21px}.panel.galleryPanel>.box .gallery .slider .media{margin-left:0}}@media screen and (max-width: 750px){.navbar .brand .name{display:none}.panel.welcomePanel{top:21%}.panel.welcomePanel+*{margin-top:75%}.panel.commonPanel{height:660px}.panel.commonPanel>.box .text{margin-top:55px}.panel.commonPanel>.box .model{height:150px;width:150px}article.card.postContent>*{margin:25px 15%}.panel.textMediaPanel{height:350px}.panel.textMediaPanel .media{display:none}.panel.textMediaPanel .discordJoinButton{display:block}.panel.galleryPanel>.box .gallery .slider .media{height:210px;margin-left:-5px}}@media screen and (max-width: 640px){.panel.welcomePanel h2.dynamicText{font-size:46px}}@media screen and (max-width: 450px){.panel.welcomePanel h1.staticText{font-size:46px}.panel.welcomePanel h2.dynamicText{font-size:30px}.panel.commonPanel{height:550px;margin-top:-5px}.panel.commonPanel>.box .text{margin-top:45px}.panel.commonPanel>.box .text .description{font-size:20px}.panel.commonPanel>.box .image{height:120px;width:120px}.panel.textMediaPanel{height:350px}.panel.textMediaPanel .media{display:none}.panel.textMediaPanel .discordJoinButton{display:block}.panel.galleryPanel{height:340px}.panel.galleryPanel>.box .gallery .slider .media{height:140px;margin-left:-15px}.footer .box .brand .name{font-size:20px}}@media screen and (max-width: 440px){.panel.welcomePanel>h2{font-size:28px}}
/*# sourceMappingURL=style.css.map */