Template:Team:HokkaidoU Japan/stylesheets/global.css

From 2012.igem.org

(Difference between revisions)
Line 10: Line 10:
   body {
   body {
-
     background: #058da1;
+
     background: #ffffff;
-
     background: linear-gradient(top, #058da1, #ffffff);
+
  }
-
     background: -webkit-gradient(linear, left top, left bottom, from(#058da1), to(#86c8d2));
+
 
-
     background: -moz-linear-gradient(top, #058da1, #86c8d2);
+
  h2 {
-
     background-repeat: no-repeat;
+
     font-family: 'Headland One' serif;
-
     background-position: 0 55px;
+
    font-size: 28px;
 +
    font-weight: bold;
 +
    border: none;
 +
    color: #ffffff;
 +
     text-shadow: 1px 1px 1px #555555;
 +
  }
 +
 
 +
  h2.index-title {
 +
    margin-bottom: 0;
 +
  }
 +
 
 +
  h3 {
 +
     font-family: 'Headland One' serif;
 +
     font-size: 18px;
 +
     color: #ffffff;
 +
    text-shadow: 1px 1px 1px #555555;
   }
   }
Line 138: Line 153:
     position: absolute;
     position: absolute;
     top: 14px; right: 10px;
     top: 14px; right: 10px;
 +
  }
 +
 +
  #hokkaidou-wrapper-bg {
 +
    width: 100%;
 +
    background: #058da1;
 +
    background: linear-gradient(top, #058da1, #ffffff);
 +
    background: -webkit-gradient(linear, left top, left bottom, from(#058da1), to(#86c8d2));
 +
    background: -moz-linear-gradient(top, #058da1, #86c8d2);
 +
    background-repeat: no-repeat;
 +
    background-position: 0 -30px;
   }
   }
Line 144: Line 169:
     position: relative;
     position: relative;
     margin: 0 auto;
     margin: 0 auto;
 +
    padding-top: 30px;
   }
   }
   #hokkaidou-contents {
   #hokkaidou-contents {
-
    margin-top: 30px;
 
     color: #ffffff !important;
     color: #ffffff !important;
   }
   }
Line 238: Line 263:
     border-right: 5px solid #ffffff;
     border-right: 5px solid #ffffff;
     border-bottom: 5px solid transparent;
     border-bottom: 5px solid transparent;
-
  }
 
-
 
-
  #hokkaidou-contents h2 {
 
-
    font-family: 'Headland One' serif;
 
-
    font-size: 28px;
 
-
    font-weight: bold;
 
-
    border: none;
 
-
    color: #ffffff;
 
-
    text-shadow: 1px 1px 1px 1px #333333;
 
-
  }
 
-
 
-
  #hokkaidou-contents h2.index-title {
 
-
    margin-bottom: 0;
 
-
  }
 
-
  #hokkaidou-contents h3 {
 
-
    font-family: 'Headland One' serif;
 
-
    font-size: 18px;
 
-
    color: #ffffff;
 
   }
   }
Line 275: Line 282:
   #hokkaidou-contents .hokkaidou-index-article {
   #hokkaidou-contents .hokkaidou-index-article {
-
     margin: 15px 0;
+
     margin: 25px 0;
     width: 500px;
     width: 500px;
     text-align: justyfy;
     text-align: justyfy;
Line 286: Line 293:
     color: #ffffff;
     color: #ffffff;
   }
   }
 +
 +
  #hokkaidou-bg-joint-wrapper {
 +
    position: relative;
 +
    width: 100%;
 +
  }
 +
 +
  #hokkaidou-bg-joint {
 +
    position: absolute;
 +
    top: -30px;
 +
    height: 30px;
 +
    width: 100%;
 +
    background: -webkit-gradient(linear, left top, left bottom, from(#86c8d2), to(#ffffff));
 +
  }
 +
 +
  #hokkaidou-footer {
 +
    width: 965px;
 +
    margin: 0 auto;
 +
  }
 +
 +
  #hokkaidou-footer .hokkaidou-sponsors-row {
 +
    position: relative;
 +
    margin: 10px 0;
 +
    height: 46px;
 +
  }
 +
 +
  #hokkaidou-footer .hokkaidou-sponsors-row img { position: absolute; top: 0; }
 +
  #hokkaidou-footer .hokkaidou-sponsors-row #hokkaidou-sponsor-cosmo { left: 130px; }
 +
  #hokkaidou-footer .hokkaidou-sponsors-row #hokkaidou-sponsor-univ { left: 400px; }
 +
  #hokkaidou-footer .hokkaidou-sponsors-row #hokkaidou-sponsor-primary { left: 603px; }
 +
  #hokkaidou-footer .hokkaidou-sponsors-row #hokkaidou-sponsor-hokuto { left: 120px; }
 +
  #hokkaidou-footer .hokkaidou-sponsors-row #hokkaidou-sponsor-amino { left: 360px; }
 +
  #hokkaidou-footer .hokkaidou-sponsors-row #hokkaidou-sponsor-econixe { left: 555px; }
 +
  #hokkaidou-footer .hokkaidou-sponsors-row #hokkaidou-sponsor-mendel { left: 660px; }
   #footer-box {
   #footer-box {
-
     margin-top: 30px;
+
     margin-top: 20px;
-
    padding-top: 20px;
+
  }
-
     border-top: 1px solid #999999;
+
 
 +
  #footer-box a {
 +
     color: #999999;
   }
   }
</style></html>
</style></html>

Revision as of 06:01, 26 September 2012

Retrieved from "http://2012.igem.org/Template:Team:HokkaidoU_Japan/stylesheets/global.css"