Team:Uppsala/css/test1 css


  • {
   padding: 0;
   margin: 0;

}

html { 

   height: 100%;
   overflow: hidden;

}

body { 

   color: #000;
   perspective: 1px;
   transform-style: preserve-3d;
   height: 100%;
   overflow-y: scroll;
   overflow-x: hidden;
   font-family: "Luna";

}

header { 

   /* Limits the other text to be near to the image*/
   box-sizing: border-box;
   min-height: 100vh;
   padding: 30vw 0 5vw;
   position: relative;
   transform-style: inherit;

}

header h1 { 

   margin-top: -100px;

}

header, header:before { 

   background: 50% 50% /cover;

}

header::before { 

   bottom: 0;
   content: "";
   left: 0;
   position: absolute;
   right: 0;
   top: 0;
   display: block;
   background-image: url(765px-T--Uppsala--Smoke.jpg);
   background-size: cover;
   transform-origin: center center 0;
   transform: translateZ(-1px) scale(2);
   z-index: -1;
   min-height: 100vh;

}

header * { 

   font-weight: normal;
   letter-spacing: 0.2em;
   text-align: center;
   margin: 0;
   padding: 1em 0;

}


/* New Content */

nav { 

   position: fixed;
   top: 6px;
   left: 25px;
   /* Position left don't work... Use Margin*/ 
   padding-left: 10px;
   width: 85px;

}

nav li{ 

   margin: 0px 10px;
   display: block;
   list-style-type: none;
   padding: 3px 10px;
   border: 1px solid black;

}

ul {

}

.arrow_to_top { 

   position: sticky;
   top: 2vh;
   left: 50%;

}

footer {

}