Template:Aalto-Helsinki--styles-index.css

/*Changes to the top menu*/ /*#top_menu_14 { position:absolute; }*/

content {

width:auto; margin-left:0px; }

sideMenu {

display:none; }

top_title {

display:none; }

html, body, section, .container { height: 100%; }

a img { width: 80%; }

svg{

padding-top: 10%; margin-left: 25%; position: inherit; margin: auto; display: block; }

@font-face {

   font-family: 'bebas_neuebold';
   src: url('/wiki/images/7/71/T--Aalto-Helsinki--bebasneue_bold-webfont.woff') format('woff');
   font-weight: normal;
   font-style: normal;

}

span h1 { padding-top: 10%; }

h1 span { color: white; padding: 10px; font-size: larger; text-shadow: 4px 2px gray; text-shadow: 4px 2px rgba(0,0,0,0.5); }

.centerrow { text-align: center; }

.centercol { display: inline-table; float: none; text-align: left; margin-right: 60px; margin-left: 30px; }

.block-container { width: 940px !important; }

.block-wrapper-inner { /*padding-left: 100px;*/ padding-top: 10%;

   padding-bottom: 5%;

}

.block, .lead { font-size: 20px; }

body {

  height: 100%;
  background-color: white;
  background-size: cover;
 -webkit-font-smoothing: antialiased; /* font smoothing */
 -moz-osx-font-smoothing: grayscale;
 font-family: 'Source Sans Pro', sans-serif;

}

.teambackground { /*background: whitesmoke;*/ }

h1, h2, h3, h4, h5, h6 { font-weight: 700; }

.rowborder { margin-bottom: 60px; }

/* Photos */

/* Navigation arrows */

section { /*text-align: center;*/ /*margin: 40px;*/ height: 100%; overflow: hidden; }

section h1 { margin-top: 160px; }

video#bgvid {

   position: absolute;
   top: 50%;
   left: 50%;
   min-width: 110%;
   min-height: 100%;

background-size: cover;

   width: auto;
   height: auto;
   z-index: -100;

   -ms-transform: translateX(-50%) translateY(-50%);
   -moz-transform: translateX(-50%) translateY(-50%);
   -webkit-transform: translateX(-50%) translateY(-50%);
   transform: translateX(-50%) translateY(-50%);

}

.sciencephoto { background: url('/wiki/images/6/67/T--Aalto-Helsinki--wiki04.jpg') no-repeat; background-size: 100%; background-position: 0% 0%; height: 110%; width: 100%; position: fixed;

   z-index: 0;

}

.handshakephoto { background-size: 100%; background-position: 0% 0%; height: 110%; width: 100%; }

section nav a { position: absolute; display: block; top: 50%; }

ul.topnav { list-style: none;

   margin: 0;
   padding: 0;
   overflow: hidden;

position: fixed; top: 0;

   width: 100%;

}

ul.topnav li {

   float: left;

}

ul.topnav li a {

   display: block;
   color: white;
   padding: 14px 16px;
   text-decoration: none;

}

ul.topnav li a:hover { color: #A5410B; }

.shrink{ background-color: #FFFFFF; }

ul.shrink li a{ color: black; }

.shrink_botnav{ background-color: #FFFFFF;

}

ul.shrink_botnav li a{ color: black; }

ul.botnav { list-style: none;

   margin: 0;
   padding: 0;
   overflow: hidden;

position: relative; bottom: 0;

   width: 100%;
   font-family: 'robotolight';

}

ul.botnav li {

   text-align: center;

margin-bottom: initial;

   display: inline-block;

}

ul.botnav li a {

   display: inline;

float: left;

   color: black;
   padding: 14px 16px;
   text-decoration: none;

font-weight: bold; }

ul.botnav li a:hover { color: #A5410B; }

/* CSS Parallax

.parallax { perspective: 1px; height: 100vh; overflow-x: hidden; overflow-y: auto; }

.parallax__layer { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.parallax__layer--base { transform: translateZ(0); }

.parallax__layer--back { transform: translateZ(-1px) scale(2); }*/

my-video {

   position: absolute;
   z-index: -1; 
   width: 100%; 
   height: 150%; 
   transform: translate3d(0px, -250px, 0px);

}

/* Large resolution style */

@media screen and (min-width: 1600px) { #my-video {

   position: absolute;
   z-index: -1; 
   width: 100%; 
   height: 150%; 
   transform: translate3d(0px, -330px, 0px);

}

/* Mobile style */

@media screen and (max-width: 600px) { #svg { padding-left: 0; margin-top: 20%; width: 100%; }

.lead { font-size: 16px; }

.block-wrapper-inner { padding-left: 0; }

.centercol { margin-right: 0; margin-left: 0; }

.container .col-md-3 { margin-bottom: 60px; }

.handshakephoto { background-position: 0% 25%; }

   .navbar-fixed-bottom {
       display: none;
   }

}

/* Jami css*/

.parallax {

   height: 110%;
   width: 100%;
   position: fixed;
   z-index: 0;

}

features {

   top: 100%;

}

globalWrapper {

   font-size: 100%;
   position: static;

}

content {

   padding: 0px;
   position: static;

}

top_menu_under {

   display: none;

}

top_menu_inside {

   box-sizing: content-box;
   line-height: initial;

}

top_menu_14 {

   box-sizing: content-box; /* This gets modified by Bootstrap */

}

HQ_page p {

   font-family: inherit;

font-size: 17px; }

HQ_page h1, h2, h3, h4, h5 {

   font-family: inherit;
   overflow: inherit;

}

ul.topnav {

   margin-top: 5px;

}

.sectionjee h2 { position: relative; top: 50%; transform: translateY(-50%); margin: auto; }

/* Emilia css */

.teamphoto { background: url('/wiki/images/1/11/T--Aalto-Helsinki--people.jpg') no-repeat; background-size: 100%; background-position: 0% 30%; height: 110%; width: 100%; /*background: #cc6055;*/

   position: fixed;
   z-index: 0;

}

.lakephoto {

   background: url('/wiki/images/e/ed/T--Aalto-Helsinki--wiki18.jpg') no-repeat;
   background-size: 100%;
   background-size: cover;
   background-position: 0% 30%;
   height: 110%;
   width: 100%;
   position: fixed;
   z-index: 0;

}

ul.topnav li a.current { color: #A5410B;

}

ul.topnav li a img { position:absolute; width:10%; }

ul.botnav li a.active { 
  color: #A5410B;
}

.sectionjee { /*background-size: 100%;*/ position: relative;

   margin-left: 0;

margin-right: 0; margin-top: 0;

   padding: 0;

height: 130px;

   background-color:  #b1834f;
   overflow: hidden;

font-size: 20px; text-align: center; color: white; -webkit-box-shadow: 0px 7px 15px 0px rgba(0,0,0,0.24); -moz-box-shadow: 0px 7px 15px 0px rgba(0,0,0,0.24); box-shadow: 0px 7px 15px 0px rgba(0,0,0,0.24); }

.section1 p { margin: 0; }

.algaephoto { margin-bottom: 30px; margin-right: 15px; vertical-align: middle; float: left; width: 30%; border: 5px; }

.box-shadow { position: relative; float: right; }

.box-shadow::after {

   box-shadow: inset 0 0 10px 10px white;
   bottom: 0;
   content: "";
   display: block;
   left: 0;
   position: absolute;
   right: 0;
   top: 0;

height: 90%;

   width: 30%;

}

section h2 { display: block; margin-top: 250px; font-size: 70px; color: white; }

p.justify { text-align: justify; }

.modelingphoto { background: url('/wiki/images/8/87/T--Aalto-Helsinki--wiki05.jpg') no-repeat; background-size: 100%; background-position: 0% 0%; height: 110%; width: 100%;

   position: fixed;
   z-index: 0;

}

.hpphoto { background: url('/wiki/images/8/8c/T--Aalto-Helsinki--wiki10.jpg') no-repeat; background-size: 100%; background-position: 0% 0%; height: 110%; width: 100%;

   position: fixed;
   z-index: 0;

}

.collabphoto { background: url('/wiki/images/8/88/T--Aalto-Helsinki--wiki14.jpg') no-repeat; background-size: 100%; background-position: 0% 0%; height: 110%; width: 100%;

   position: fixed;
   z-index: 0;

}

.achievementsphoto { background: url('/wiki/images/e/eb/T--Aalto-Helsinki--wiki09.jpg') no-repeat; background-size: 100%; background-position: 0% 0%; height: 110%; width: 100%;

   position: fixed;
   z-index: 0;

}

progress {

 /* Positioning */
 position: fixed;
 left: 0;
 bottom: 0;
 margin-bottom: 47px;

 /* Dimensions */
 width: 100%;
 height: 3px;

 /* Reset the appearance */
 -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;

 /* Get rid of the default border in Firefox/Opera. */
 border: none;

 /* Progress bar container for Firefox/IE10+ */
 background-color: transparent;

 /* Progress bar value for IE10+ */
 color: #A5410B;

}

progress::-webkit-progress-bar {

 background-color: transparent;

}

progress::-webkit-progress-value {

 background-color: #A5410B;

}

progress::-moz-progress-bar {

 background-color: #A5410B;

}

.title { font-family: 'bebas_neuebold'; font-size: 120px; letter-spacing: 2px; text-shadow: 4px 4px 0px rgba(0,0,0,0.2);

}

/* Saara css */

@font-face {

   font-family: 'robotolight';
   src: url('/wiki/images/3/31/T--Aalto-Helsinki--roboto-light-webfont.woff') format('woff');
   font-weight: normal;
   font-style: normal;

}

svg1{

/*padding-top: 7%;*/ margin-left: 35%; position: inherit; margin: auto; display: block; }

ul.topnav li a img { position:relative; width:15%; }

.index:hover{

opacity: 0.6;

}
@font-face {
   font-family: 'im_fell_french_canon_proIt';
   src: url('/wiki/images/c/c9/T--Aalto-Helsinki--fefcit27c-webfont.woff') format('woff');
   font-weight: normal;
   font-style: normal;

}

@font-face {

   font-family: 'robotoregular';
   src: url('/wiki/images/a/aa/T--Aalto-Helsinki--roboto-regular-webfont.woff') format('woff');
   font-weight: normal;
   font-style: normal;

}

target {

 background: #ccc;
 border: solid 1px #aaa;

}

.algaephoto { margin-bottom: 30px; margin-right: 15px; vertical-align: middle; float: left; width: 30%; border: 5px; }

button {

   cursor: pointer;

}

button:hover {

   cursor: pointer;
   opacity: 0.6;

}

.container1 {

 margin: 0 auto;
 width: 250px;
 height: 700px;
 position: relative;
 perspective: 550px;

}

.item {

 display: block;
 position: absolute;
 background: #000;
 width: 250px;
 height:200px;
 line-height: 200px;
 font-size: 20px;
 text-align: center;
 color: #FFF;
 opacity: 0.95;

}