Template:Team:HokkaidoU Japan/stylesheets/column.nav.css

From 2012.igem.org

(Difference between revisions)
 
(11 intermediate revisions not shown)
Line 5: Line 5:
     margin: 0 10px;
     margin: 0 10px;
     float: left;
     float: left;
-
    font-size: 10px;
 
   }
   }
Line 32: Line 31:
     height: 32px;
     height: 32px;
     background: #155963;
     background: #155963;
 +
    background: linear-gradient(top, #155963, #094950);
 +
    background: -ms-linear-gradient(top, #155963, #094950);
 +
    background: -o-linear-gradient(top, #155963, #094950);
     background: -webkit-gradient(linear, left top, left bottom, from(#155963), to(#094950));
     background: -webkit-gradient(linear, left top, left bottom, from(#155963), to(#094950));
     background: -moz-linear-gradient(top, #155963, #094950);
     background: -moz-linear-gradient(top, #155963, #094950);
     border-radius: 0.3em;
     border-radius: 0.3em;
     cursor: pointer;
     cursor: pointer;
 +
    box-shadow: 1px 1px 0 0 #444444;
   }
   }
   #hokkaidou-column-nav ul li ul {
   #hokkaidou-column-nav ul li ul {
     display: none;
     display: none;
-
     overflow-x: hidden;
+
     overflow: hidden;
   }
   }
Line 51: Line 54:
     background: rgba(0, 0, 0, 0.75);
     background: rgba(0, 0, 0, 0.75);
     border-radius: 0.3em;
     border-radius: 0.3em;
 +
    overflow-x: hidden;
   }
   }
Line 62: Line 66:
     padding: 9px 0 0 12px;
     padding: 9px 0 0 12px;
     height: 25px;
     height: 25px;
-
     width: 100%;
+
     width: 300px;
     color: #ffffff;
     color: #ffffff;
     text-decoration: none;
     text-decoration: none;
Line 90: Line 94:
     border-top: 5px solid transparent;
     border-top: 5px solid transparent;
     border-right: 5px solid #ffffff;
     border-right: 5px solid #ffffff;
 +
    border-bottom: 5px solid transparent;
 +
  }
 +
 +
  .caret-right {
 +
    display: inline;
 +
    position: absolute;
 +
    top: 13px; right: 12px;
 +
    width: 0;
 +
    height: 0;
 +
    margin-left: 5px;
 +
    vertical-align: 0;
 +
    border-top: 5px solid transparent;
 +
    border-left: 5px solid #ffffff;
     border-bottom: 5px solid transparent;
     border-bottom: 5px solid transparent;
   }
   }
</style></html>
</style></html>

Latest revision as of 03:21, 27 September 2012