Difference between revisions of "Team:Tartu TUIT"

Line 70: Line 70:
 
</body>
 
</body>
 
</html>
 
</html>
 +
 +
*{
 +
  padding: 0;
 +
  margin: 0;
 +
  font-family: Abel, sans-serif;
 +
  color: #707070;
 +
  background-color: white;
 +
  font-weight: lighter;
 +
}
 +
 +
img{
 +
  max-width: 100%;
 +
}
 +
 +
body{
 +
  min-width: 940px;
 +
}
 +
 +
h1{
 +
font-size: 70px;
 +
}
 +
 +
h2{
 +
font-size: 50px;
 +
color: black;
 +
 +
}
 +
 +
.half1{
 +
width: 50%;
 +
float: left;
 +
}
 +
 +
.half1{
 +
width: 50%;
 +
float: right;
 +
}
 +
 +
.block6{
 +
width: 55%;
 +
float: left;
 +
}
 +
 +
.block4{
 +
width: 45%;
 +
float: right;
 +
}
 +
 +
.container{
 +
  max-width: 960px;
 +
  padding: 0px;
 +
  margin: 0 auto;
 +
  text-align: center;
 +
}
 +
 +
/*HEADER*/
 +
 +
.logo-wiki{
 +
padding: 20px;
 +
height: 70px;
 +
width: auto;
 +
}
 +
 +
ul.menu{
 +
display: block;
 +
    text-align: right;
 +
    margin: 0;
 +
}
 +
 +
.menu > li{
 +
  display: inline-block;
 +
  position: relative;
 +
  vertical-align: middle;
 +
  padding-left: 25px;
 +
}
 +
 +
.home{
 +
float: left;
 +
}
 +
 +
.menu .home{
 +
padding-left: 0;
 +
}
 +
 +
.menu a{
 +
  display: inline-block;
 +
  padding: 5px 10px;
 +
  border: 1px solid transparent;
 +
  text-decoration: none;
 +
  vertical-align: middle;
 +
  color: black;
 +
  font-size: 20px;
 +
}
 +
 +
.menu a:hover {
 +
    background-color: #ffd8af;
 +
    padding: 5px 10px;
 +
    border: 1px solid #707070;
 +
}
 +
 +
.submenu {
 +
  display: none;
 +
  list-style: none;
 +
  position: absolute;
 +
  padding: 0;
 +
  text-align: left;
 +
  background-color: #ffd8af;
 +
}
 +
 +
 +
.submenu a{
 +
font-size: 18px;
 +
border: none;
 +
}
 +
 +
.menu li:hover .submenu{
 +
  display: block;
 +
}
 +
 +
.submenu a:hover {
 +
border: none;
 +
    background-color: white;
 +
    color: red;
 +
    padding: 5px 10px;
 +
}
 +
 +
/*MAIN PAGE, main picture*/
 +
 +
.main_picture{
 +
margin-top: 30px;
 +
display: inline;
 +
}
 +
 +
.main_picture img{
 +
float: left;
 +
padding-left: 20px;
 +
}
 +
 +
.headspan{
 +
margin-top: 100px;
 +
text-align: left;
 +
}
 +
 +
.headspan h1{
 +
line-height: 50px;
 +
}
 +
 +
.headspan p{
 +
float: right;
 +
padding: 30px 0 0 80px;
 +
font-size: 26px;
 +
}
 +
 +
/* ABSTRACT */
 +
 +
.abstract{
 +
margin-top: 20px;
 +
text-align: left;
 +
width: 80%;
 +
}
 +
 +
.abstract p{
 +
margin-top: 20px;
 +
font-size: 18px;
 +
color: black;
 +
}

Revision as of 09:09, 20 July 2018

<!DOCTYPE html> Tartu_TUIT
porphyra_petri

SHINORINE
&
PORPHYRA-334,

or how to produce
environmentally friendly sunscreen with anti-photoaging effect

  • {
 padding: 0;
 margin: 0;
 font-family: Abel, sans-serif;
 color: #707070;
 background-color: white;
 font-weight: lighter;

}

img{ 

 max-width: 100%;

}

body{ 

 min-width: 940px;

}

h1{ font-size: 70px; }

h2{ font-size: 50px; color: black;

}

.half1{ width: 50%; float: left; }

.half1{ width: 50%; float: right; }

.block6{ width: 55%; float: left; }

.block4{ width: 45%; float: right; }

.container{ 

 max-width: 960px;
 padding: 0px;
 margin: 0 auto;
 text-align: center;

}

/*HEADER*/

.logo-wiki{ padding: 20px; height: 70px; width: auto; }

ul.menu{ display: block; 

   text-align: right;
   margin: 0;

}

.menu > li{ 

 display: inline-block;
 position: relative;
 vertical-align: middle;
 padding-left: 25px;

}

.home{ float: left; }

.menu .home{ padding-left: 0; }

.menu a{ 

 display: inline-block;
 padding: 5px 10px;
 border: 1px solid transparent;
 text-decoration: none;
 vertical-align: middle;
 color: black;
 font-size: 20px;

}

.menu a:hover { 

   background-color: #ffd8af;
   padding: 5px 10px;
   border: 1px solid #707070;

}

.submenu { 

 display: none;
 list-style: none;
 position: absolute;
 padding: 0;
 text-align: left;
 background-color: #ffd8af;

}


.submenu a{ font-size: 18px; border: none; }

.menu li:hover .submenu{ 

 display: block;

}

.submenu a:hover { border: none; 

   background-color: white;
   color: red;
   padding: 5px 10px;

}

/*MAIN PAGE, main picture*/

.main_picture{ margin-top: 30px; display: inline; }

.main_picture img{ float: left; padding-left: 20px; }

.headspan{ margin-top: 100px; text-align: left; }

.headspan h1{ line-height: 50px; }

.headspan p{ float: right; padding: 30px 0 0 80px; font-size: 26px; }

/* ABSTRACT */

.abstract{ margin-top: 20px; text-align: left; width: 80%; }

.abstract p{ margin-top: 20px; font-size: 18px; color: black; }