Team:Tartu TUIT

<!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; }