Difference between revisions of "Team:EPF Lausanne/Test/css"

Line 97: Line 97:
 
}
 
}
 
#full-size{   
 
#full-size{   
margin-top: 10%;
+
margin-top: 7%;
 
     width:100%;
 
     width:100%;
 
     height: 100%;
 
     height: 100%;

Revision as of 07:08, 18 August 2015

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);


  1. top_menu_under {
   border-style: none;

}

  1. contentSub, #footer-box, #catlinks, #search-controls,
  2. p-logo, .printfooter, .firstHeading, .visualClear {
   display: none;

}

  1. globalWrapper, #content {
   width: 100%;
   height: 100%;
   border: 0px;
   background-color: transparent;
   margin: 0px;
   padding: 0px;
   font-size: 100%;

}

body { font-family: 'Open Sans', sans-serif; background-color: rgba(16,151,151,0.01); } a {

 text-decoration: none !important;
 -webkit-transition: color 200ms ease-in-out;
 -moz-transition: color 200ms ease-in-out;
 -o-transition: color 200ms ease-in-out;
 transition: color 200ms ease-in-out;

} a:hover {

 color: none;

} .center {

   width: 100%;
   text-align: center;

} h1, h2, h3, h4, h5, h6, p { border-bottom: none;} /* ==========================================================================

   Header
  ========================================================================== */

.dropdown:hover .dropdown-menu {

 display: block;
 min-width: 100%;

} .navbar {

 margin-bottom: 0;
 background-color: rgba(17,151,153, 0.8);
 border-style: none;
 padding-top: 10px;

} .navbar-nav {

 margin: 0 auto;
 display: table;
 table-layout: auto;
 float: none;
 width: 100%;
 border-style: none;

} .navbar-nav > li {

 display: table-cell;
 float: none;
 text-align: center;
 vertical-align: middle;
 color: white;
 width : 230px;

} .navbar-nav > li:hover { background-color: rgba(255,255,255, 0.3); } .navbar-nav > li > a {

 color: white;
 text-transform: uppercase;
 font-size: 16px;

} .navbar-nav > li > a:hover {

 color: #fff;
 background-color: #74C1C2;

} .navbar-default .navbar-nav >li >a { color: white; } .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: white; } .dropdown-menu > li > a { text-align: center; }

  1. full-size{

margin-top: 7%;

   width:100%;
   height: 100%;
   overflow: auto;

} /* ==========================================================================

   Home-page
  ========================================================================== */
  1. Welcome-section {

text-align: center; padding-top: 5% }

  1. Welcome-section h1 {

font-size: 95px; text-align: center; padding-bottom: 0px; margin-bottom: 0px; }

  1. Welcome-section h2 {

font-size: 20px; padding-top: 0px; margin-top: 0px;

   padding-bottom: 20px;

}

  1. Welcome-section p {

font-size: 18px;

   padding-top: none;
   text-align: justify;

}

  1. Welcome-section a {

color: black; } .home-first-section h1 { padding-top: 50px; text-align: center; text-transform: uppercase; font-weight: 700; font-size: 30px; color: #981110; letter-spacing: 10px; padding-bottom: 20px; } .home-first-section h2 { text-align: center; color: #981110; font-weight: 400px; } .home-first-section p { padding-bottom: 150px; text-align: justify; font-size: 16px; color: #2F2F2F } .home-first-section a {

   color: #000;

} .DNA-banner {

 position: relative;
 max-height: 100px;
 width: 100%;
 padding-top: 100px;
 padding-bottom: 100px;
 background: url('https://static.igem.org/mediawiki/2015/9/94/EPF_Lausanne_Banner_DNA.png.png') no-repeat top center;
 background-size: cover;

} /* ==========================================================================

   Sponsors / Footer
  ========================================================================== */

.sponsors {

 color: black;
 position: relative;
 padding: 10px;
 padding-bottom: 20px;
 background-color: rgba(16,151,151,0.01);
 text-align: center; 

} .sponsors h1 {

 padding-top: 0px;
 font-size: 28px;
 text-transform: uppercase;
 font-weight: 600;
 border: none;

} .sponsors .logo {

 padding: 1.5em 1.5em;
 display: inline-block;
 vertical-align: middle;

} .sponsors .logo img {

 max-height: 150px;
 max-width: 150px;

} img.resize50 {

  max-width:50%;
  max-height:50%;

}

  1. footer {

position: relative; bottom: 0; background-color: #EBEBEB }

  1. footer-left {

padding-top: 10px; }

  1. footer-right {

padding-top: 50px; }

  1. footer-right h3 {

margin-left: 23%; font-weight: 600; }

  1. footer-right p {

margin-left: 23%;

}

  1. icons {

margin-left: 23%; }

  1. icons a {

color: black; padding: 1em; }