Team:USTC-Software/main-new.css

From 2014.igem.org

(Difference between revisions)
(Created page with "body{ - background-color: #FFFCE8;: } .fullWidth { width: 100%; margin-left: auto; margin-right: auto; max-width: initial; } nav{ font-family: "Open Sans", "Helv...")
Line 111: Line 111:
.underline-tiny {
.underline-tiny {
width: 100%;
width: 100%;
-
height: 1 px;
+
height: 1px;
background-color: #ABABAB;
background-color: #ABABAB;
margin-bottom: 20px;
margin-bottom: 20px;

Revision as of 14:40, 17 October 2014

body{

 /*background-color: #FFFCE8;*/

} .fullWidth {

  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: initial;

} nav{

 font-family: "Open Sans", "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif !important;
 font-size: 150%;

}

  1. features-hero {

text-align: center; position: absolute; padding: 47px 20px 0 20px; top:100px; left: 0; right: 0; } .main_back{ background:url("../img/MainBackgroundback2.jpg"); background-repeat: no-repeat; background-size: 100% 100%; } /* img.bg { width: 100%; height: auto; position: relative;

}*/ .wiki-head{

 background-color: #FFDFB9;padding:2em;margin-top:2em;

} .wiki-head:after {

   width: 180px;
   height: 30px;
   content: " ";
   margin-left: -90px;
   border: 1px solid rgba(200, 200, 200, .8);
   background: rgba(254, 254, 254, .6);
   -moz-box-shadow: 0px 0 3px rgba(0, 0, 0, 0.1);
   -webkit-box-shadow: 0px 0 3px rgba(0, 0, 0, 0.1);
   box-shadow: 0px 0 3px rgba(0, 0, 0, 0.1);
   -moz-transform: rotate(-10deg); 
   -webkit-transform: rotate(-10deg);
   -o-transform: rotate(-10deg);
   transform: rotate(-10deg);
   position: absolute;
   left: 50%;
   top: -1em;

}


.main-box{

 background-color: #e9f0f5;

} .main-content p{

 color: #000;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 17px;

} .main-content h5{

 color: #000;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 20px;

} .main-content img{

 padding: 1em;

}

  1. last-info {

/*background: #085a78;*/ background: #597B96; background-size: 100% 100%; background-repeat: no-repeat; padding-top: 30px; padding-bottom: 15px; margin-top:20px; /*padding: 100px 20px 0 20px;*/ }

  1. last-info p{
 line-height: 0.5; 

} .centered-text {

   text-align: center;

}

.underline{

 border-bottom: 1px solid #ccc;

} .underline-large { width: 100%; height: 8px; background-color: #606060; margin-bottom: 20px; } .underline-small { width: 100%; height: 4px; background-color: #ABABAB; margin-bottom: 20px; } .underline-tiny { width: 100%; height: 1px; background-color: #ABABAB; margin-bottom: 20px; } .igem1{

 -webkit-animation-duration: 0.5s;
 -animation-duration: 0.5s;
 

} .igem2{

 -webkit-animation-duration: 0.7s;
 -animation-duration: 0.7s;
 

} .igem3{

 -webkit-animation-duration: 0.9s;
 -animation-duration: 0.9s;

} .ltx-footer-bottom { background: #333333; padding: 24px 0 10px; margin-top: 0px; text-align: center; }

.ltx-footer-bottom ul.home-social { float: none; margin: 0 0 20px 0; text-align: center; height: 44px; display: inline-block; } .ltx-footer-bottom ul.home-social li { list-style: none; display: block; float: left; margin-left: 10px; } .ltx-footer-bottom ul.home-social li:first-child { margin-left: 0; } .ltx-footer-bottom ul.home-social li a { display: block; height: 50px; width: 50px; background: url("2014ustc-social.png") no-repeat center 0; } .ltx-footer-bottom ul.home-social li a:hover { opacity: 0.8; filter: alpha(opacity=80); }

.ltx-footer-bottom ul.ltx-links { margin: 0; display: inline-block; padding-bottom: 0px; } .ltx-footer-bottom ul.ltx-links li { display: block; float: left; margin-left: 6px; text-transform: uppercase; font-weight: 700; font-size: 0.75rem; } .ltx-footer-bottom ul.ltx-links li a { color: #666666; padding: 3px 6px; } .ltx-footer-bottom ul.home-social li a.twitter { background-position: center 0; } .ltx-footer-bottom ul.home-social li a.facebook { background-position: center -200px; } .ltx-footer-bottom ul.home-social li a.mail { background-position: center -400px; } .ltx-footer-bottom p.copyright { margin: 6px 0 0; font-size: 0.75rem; color: #666666; } .clear{clear:both;}