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

From 2012.igem.org

(Difference between revisions)
 
(54 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;
   }
   }
Line 43: Line 51:
   table {
   table {
-
     padding: 10px;
+
     padding: 7px 7px 7px 0;
     border-radius: 1em;
     border-radius: 1em;
     background: rgba(255, 255, 255, 0.7);
     background: rgba(255, 255, 255, 0.7);
   }
   }
-
   td {
+
   table a,
 +
  table a:visited,
 +
  table a:active,
 +
  table a:hover {
 +
    color: #666666;
 +
  }
 +
 
 +
  th, td {
     text-align: right;
     text-align: right;
   }
   }
 +
  .hokkaidou-calendar-div {
 +
    margin: 0 6px 15px 6px;
 +
    float: left;
 +
  }
 +
 +
  table.hokkaidou-calendar th {
 +
    width: 25px;
 +
    font-size: 10px;
 +
  }
 +
 +
  .hokkaidou-notebook-daily .hokkaidou-section {
 +
    display: none;
 +
  }
 +
 +
  .hokkaidou-notebook-daily h3:before {
 +
    content: " "
 +
    display: inline-block;
 +
    position: absolute;
 +
    top: 13px; right: 12px;
 +
    width: 0;
 +
    height: 0;
 +
    margin-right: 5px;
 +
    vertical-align: 0;
 +
    border-top: 5px solid transparent;
 +
    border-left: 5px solid #ffffff;
 +
    border-bottom: 5px solid transparent;
 +
  }
   #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 74: Line 119:
   }
   }
-
  #hokkaidou-column-nav {
 
-
    width: 210px;
 
-
    margin: 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;
     padding: 25px 25px;
     background: rgba(0, 25, 105, 0.35);
     background: rgba(0, 25, 105, 0.35);
Line 203: 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;
     z-index: -1;
   }
   }

Latest revision as of 02:21, 27 September 2012

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