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

From 2012.igem.org

(Difference between revisions)
 
(71 intermediate revisions not shown)
Line 4: Line 4:
   html {
   html {
     overflow-y: scroll;
     overflow-y: scroll;
-
    text-align: justify;
 
-
    font-family: 'Arial';
 
-
    font-size: 14px;
 
   }
   }
   body {
   body {
     background: #ffffff;
     background: #ffffff;
 +
    text-align: justify;
 +
    font-family: 'Arial';
 +
    font-size: 11px !important;
 +
  }
 +
 
 +
  a,
 +
  a:visited,
 +
  a:hover,
 +
  a:active {
 +
    color: #cccccc;
 +
    text-decoration: underline;
   }
   }
-
   h2 {
+
   #bodyContent h2,
 +
  #bodyContent h3,
 +
  #bodyContent h4,
 +
  #bodyContent h5,
 +
  #bodyContent h6 {
     font-family: 'Headland One' serif;
     font-family: 'Headland One' serif;
-
    font-size: 28px;
 
     font-weight: bold;
     font-weight: bold;
     border: none;
     border: none;
 +
    text-shadow: 1px 1px 1px #555555;
 +
    text-decoration: none;
     color: #ffffff;
     color: #ffffff;
-
     text-shadow: 1px 1px 1px #555555;
+
     padding: 0;
   }
   }
-
   h2.index-title {
+
   #bodyContent h2 {
-
     margin-bottom: 0;
+
     font-size: 28px;
 +
    margin: 10px 25px 25px 25px;
   }
   }
-
   h3 {
+
   #bodyContent h3 {
-
    font-family: 'Headland One' serif;
+
     font-size: 18px;
     font-size: 18px;
-
     color: #ffffff;
+
     margin: 10px 25px 15px 25px;
-
    text-shadow: 1px 1px 1px #555555;
+
   }
   }
-
   #hokkaidou-header-wrapper {
+
   #bodyContent h4 {
-
     width: 100%;
+
     font-size: 16px;
-
     height: 55px;
+
     margin: 10px 0;
-
    background-color: #ffffff;
+
   }
   }
-
   #hokkaidou-header {
+
   table {
-
     position: relative;
+
     padding: 7px 7px 7px 0;
-
     width: 965px;
+
     border-radius: 1em;
-
    height: 55px;
+
     background: rgba(255, 255, 255, 0.7);
-
     margin: 0 auto;
+
   }
   }
-
   #hokkaidou-header div {
+
   table a,
-
     float: left;
+
  table a:visited,
 +
  table a:active,
 +
  table a:hover {
 +
     color: #666666;
   }
   }
-
   #hokkaidou-header-logo {
+
   th, td {
-
     position: absolute;
+
     text-align: right;
-
    top: 0; left: 10px;
+
   }
   }
-
   #hokkaidou-header-nav {
+
   .hokkaidou-calendar-div {
-
    position: absolute;
+
     margin: 0 6px 15px 6px;
-
    top: 19px; left: 200px;
+
-
    font-family: 'Arial';
+
-
    font-size: 12px;
+
-
  }
+
-
 
+
-
  #hokkaidou-header-nav a {
+
-
    color: #6c6c6c;
+
-
  }
+
-
 
+
-
  #hokkaidou-header-nav a:hover {
+
-
    color: #6c6c6c;
+
-
    text-decoration: none;
+
-
  }
+
-
 
+
-
  #hokkaidou-header-nav a:visited {
+
-
    color: #6c6c6c;
+
-
  }
+
-
 
+
-
  #hokkaidou-header-nav ul {
+
-
    list-style: none;
+
-
     margin: 0;
+
-
  }
+
-
 
+
-
  #hokkaidou-header-nav > ul > li {
+
-
    position: relative;
+
-
    display: block;
+
     float: left;
     float: left;
-
    margin-right: 20px;
 
-
    height: 36px;
 
   }
   }
-
   #hokkaidou-header-nav > ul > li:hover > a {
+
   table.hokkaidou-calendar th {
-
     color: #032fad;
+
     width: 25px;
 +
    font-size: 10px;
   }
   }
-
   #hokkaidou-header-nav li ul {
+
   .hokkaidou-notebook-daily .hokkaidou-section {
     display: none;
     display: none;
-
    position: absolute;
 
-
    top: 36px; left: 0;
 
-
    margin-left: -10px;
 
-
    min-width: 120px;
 
-
    padding-bottom: 10px;
 
-
    background-color: #ffffff;
 
-
    z-index: 1000;
 
-
    border-radius: 0 0 1em 1em / 0 0 1em 1em;
 
-
    box-shadow: 4px 2px 3px 0 rgba(0, 0, 0, 0.4);
 
   }
   }
-
   #hokkaidou-header-nav li ul:before,
+
   .hokkaidou-notebook-daily h3:before {
-
  #hokkaidou-header-nav li ul:after {
+
    content: " "
-
     display: block;
+
     display: inline-block;
     position: absolute;
     position: absolute;
-
     top: 0;
+
     top: 13px; right: 12px;
-
     width: 1em;
+
     width: 0;
-
     height: 1em;
+
     height: 0;
-
     content: " ";
+
     margin-right: 5px;
-
     z-index: 900;
+
     vertical-align: 0;
-
  }
+
     border-top: 5px solid transparent;
-
 
+
     border-left: 5px solid #ffffff;
-
  #hokkaidou-header-nav li ul:before {
+
     border-bottom: 5px solid transparent;
-
    left: -1em;
+
-
     border-top-right-radius: 0.7em;
+
-
    box-shadow: 5px -5px 0 0 #ffffff;
+
-
  }
+
-
 
+
-
  #hokkaidou-header-nav li ul:after {
+
-
    right: -1em;
+
-
     border-top-left-radius: 0.7em;
+
-
    box-shadow: -5px -5px 0 0 #ffffff;
+
-
  }
+
-
 
+
-
  #hokkaidou-header-nav li ul li {
+
-
    padding: 0 10px;
+
-
  }
+
-
 
+
-
  #hokkaidou-header-search {
+
-
    position: absolute;
+
-
    top: 19px; left: 740px;
+
-
    width: 161px;
+
-
  }
+
-
 
+
-
  #hokkaidou-header-search input {
+
-
    width: 161px;
+
-
    height: 21px;
+
-
    background-image: url("/wiki/images/6/67/Hokkaidou-search.png");
+
-
    background-repeat: no-repeat;
+
-
     border: none;
+
-
  }
+
-
 
+
-
  #hokkaidou-header-search input:focus {
+
-
    background-position: 0 -22px;
+
-
  }
+
-
 
+
-
  #hokkaidou-header-igem-official-link {
+
-
    position: absolute;
+
-
    top: 14px; right: 10px;
+
   }
   }
   #hokkaidou-wrapper-bg {
   #hokkaidou-wrapper-bg {
-
     width: 100%;
+
     min-width: 980px;
     background: #058da1;
     background: #058da1;
-
     background: linear-gradient(top, #058da1, #ffffff);
+
     background: linear-gradient(top, #058da1, #86c8d2);
 +
    background: -ms-linear-gradient(top, #058da1, #86c8d2);
 +
    background: -o-linear-gradient(top, #058da1, #86c8d2);
     background: -webkit-gradient(linear, left top, left bottom, from(#058da1), to(#86c8d2));
     background: -webkit-gradient(linear, left top, left bottom, from(#058da1), to(#86c8d2));
     background: -moz-linear-gradient(top, #058da1, #86c8d2);
     background: -moz-linear-gradient(top, #058da1, #86c8d2);
     background-repeat: no-repeat;
     background-repeat: no-repeat;
     background-position: 0 -30px;
     background-position: 0 -30px;
 +
    min-height: 380px;
   }
   }
Line 176: Line 119:
   }
   }
-
  #hokkaidou-column-nav {
 
-
    width: 210px;
 
-
    margin: 0 30px 0 10px;
 
-
    float: left;
 
-
  }
 
-
 
-
  #hokkaidou-column-nav ul {
 
-
    list-style: none;
 
-
    margin: 0;
 
-
    padding: 0;
 
-
  }
 
-
 
-
  #hokkaidou-column-nav > ul > li {
 
-
    position: relative;
 
-
    display: block;
 
-
    margin: 2px 0 0 0;
 
-
    width: 100%;
 
-
  }
 
-
 
-
  #hokkaidou-column-nav > ul > li > a,
 
-
  #hokkaidou-column-nav > ul > li > span:not(.caret),
 
-
  #hokkaidou-column-nav > ul > li > strong.selflink {
 
-
    display: inline-block;
 
-
    padding: 9px 0 0 12px;
 
-
    height: 25px;
 
-
    width: 198px;
 
-
    color: #ffffff;
 
-
    text-decoration: none;
 
-
    height: 32px;
 
-
    background: -webkit-gradient(linear, left top, left bottom, from(#155963), to(#094950));
 
-
    border-radius: 0.3em;
 
-
    cursor: pointer;
 
-
  }
 
-
 
-
  #hokkaidou-column-nav ul li ul {
 
-
    display: none;
 
-
    overflow-x: hidden;
 
-
  }
 
-
 
-
  #hokkaidou-column-nav ul li ul.overflow {
 
-
    height: 300px;
 
-
    overflow-y: scroll;
 
-
  }
 
-
 
-
  #hokkaidou-column-nav ul li ul li {
 
-
    background: rgba(0, 0, 0, 0.75);
 
-
    border-radius: 0.3em;
 
-
  }
 
-
 
-
  #hokkaidou-column-nav ul li ul li:hover {
 
-
    background: rgba(0, 0, 0, 0.85);
 
-
  }
 
-
 
-
  #hokkaidou-column-nav ul li ul li a,
 
-
  #hokkaidou-column-nav ul li ul li strong.selflink {
 
-
    display: inline-block;
 
-
    padding: 9px 0 0 12px;
 
-
    height: 25px;
 
-
    width: 100%;
 
-
    color: #ffffff;
 
-
    text-decoration: none;
 
-
  }
 
-
 
-
  .caret-bottom {
 
-
    display: inline-block;
 
-
    position: absolute;
 
-
    top: 16px; right: 9px;
 
-
    width: 0;
 
-
    height: 0;
 
-
    margin-left: 5px;
 
-
    vertical-align: 3px;
 
-
    border-top: 5px solid #ffffff;
 
-
    border-right: 5px solid transparent;
 
-
    border-left: 5px solid transparent;
 
-
  }
 
-
 
-
  .caret-left {
 
-
    display: inline-block;
 
-
    position: absolute;
 
-
    top: 13px; right: 12px;
 
-
    width: 0;
 
-
    height: 0;
 
-
    margin-left: 5px;
 
-
    vertical-align: 0;
 
-
    border-top: 5px solid transparent;
 
-
    border-right: 5px solid #ffffff;
 
-
    border-bottom: 5px solid transparent;
 
-
  }
 
   #hokkaidou-contents .hokkaidou-section {
   #hokkaidou-contents .hokkaidou-section {
-
    display: block;
+
     padding: 25px 25px;
-
    width: 915px;
+
-
     padding: 0 25px;
+
     background: rgba(0, 25, 105, 0.35);
     background: rgba(0, 25, 105, 0.35);
     border-radius: 1em;
     border-radius: 1em;
-
     margin-bottom: 30px;
+
     margin-bottom: 45px;
     border: 1px solid #339999;
     border: 1px solid #339999;
   }
   }
Line 279: Line 132:
     min-width: 200px;
     min-width: 200px;
     float: left;
     float: left;
 +
    margin: -25px 0;
   }
   }
   #hokkaidou-contents .hokkaidou-index-article {
   #hokkaidou-contents .hokkaidou-index-article {
-
     margin: 25px 0;
+
     margin: 0;
     width: 500px;
     width: 500px;
     text-align: justyfy;
     text-align: justyfy;
Line 290: Line 144:
   #hokkaidou-column-main {
   #hokkaidou-column-main {
-
     width: 705px;
+
     width: 725px;
     color: #ffffff;
     color: #ffffff;
 +
    float: right;
   }
   }
Line 304: Line 159:
     height: 30px;
     height: 30px;
     width: 100%;
     width: 100%;
 +
    background: #ffffff;
 +
    background: linear-gradient(top, #86c8d2, #ffffff);
 +
    background: -ms-linear-gradient(top, #86c8d2, #ffffff);
 +
    background: -o-linear-gradient(top, #86c8d2, #ffffff);
     background: -webkit-gradient(linear, left top, left bottom, from(#86c8d2), to(#ffffff));
     background: -webkit-gradient(linear, left top, left bottom, from(#86c8d2), to(#ffffff));
 +
    background: -moz-linear-gradient(top, #86c8d2, #ffffff);
 +
    z-index: -1;
   }
   }
Line 319: Line 180:
   #hokkaidou-footer .hokkaidou-sponsors-row img { position: absolute; top: 0; }
   #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-cosmo { left: 30px; }
-
   #hokkaidou-footer .hokkaidou-sponsors-row #hokkaidou-sponsor-univ { left: 400px; }
+
   #hokkaidou-footer .hokkaidou-sponsors-row #hokkaidou-sponsor-idt { left: 285px; }
-
   #hokkaidou-footer .hokkaidou-sponsors-row #hokkaidou-sponsor-primary { left: 603px; }
+
  #hokkaidou-footer .hokkaidou-sponsors-row #hokkaidou-sponsor-mbl { left: 502px; }
-
   #hokkaidou-footer .hokkaidou-sponsors-row #hokkaidou-sponsor-hokuto { left: 120px; }
+
   #hokkaidou-footer .hokkaidou-sponsors-row #hokkaidou-sponsor-primary { left: 670px; }
-
   #hokkaidou-footer .hokkaidou-sponsors-row #hokkaidou-sponsor-amino { left: 360px; }
+
  #hokkaidou-footer .hokkaidou-sponsors-row #hokkaidou-sponsor-econixe { right: 30px; }
-
   #hokkaidou-footer .hokkaidou-sponsors-row #hokkaidou-sponsor-econixe { left: 555px; }
+
   #hokkaidou-footer .hokkaidou-sponsors-row #hokkaidou-sponsor-hokuto { left: 30px; }
-
   #hokkaidou-footer .hokkaidou-sponsors-row #hokkaidou-sponsor-mendel { left: 660px; }
+
   #hokkaidou-footer .hokkaidou-sponsors-row #hokkaidou-sponsor-amino { left: 265px; }
 +
   #hokkaidou-footer .hokkaidou-sponsors-row #hokkaidou-sponsor-toyobo { left: 465px; }
 +
   #hokkaidou-footer .hokkaidou-sponsors-row #hokkaidou-sponsor-mendel { left: 625px; }
 +
  #hokkaidou-footer .hokkaidou-sponsors-row #hokkaidou-sponsor-univ { right: 25px; }
   #footer-box {
   #footer-box {

Latest revision as of 02:21, 27 September 2012

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