Team:Groningen/Templates/NavigationbarII

From 2013.igem.org

(Difference between revisions)
Line 24: Line 24:
   
   
     color: #fdfdfd;
     color: #fdfdfd;
-
    font: bold 12px/32px Arial, sans-serif;
+
font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
     text-decoration: none;
     text-decoration: none;
     text-shadow: 0px 1px 0px rgba(0,0,0, .35);
     text-shadow: 0px 1px 0px rgba(0,0,0, .35);
   
   
-
    background: #6c6e74;
+
  /*Gradient Heb deze site gebruikt om dit te maken: http://www.colorzilla.com/gradient-editor/*/
-
    background: -moz-linear-gradient(top, #6c6e74 0%, #4b4d51 100%);
+
background: rgb(0,71,171); /* Old browsers */
-
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c6e74), color-stop(100%,#4b4d51));
+
background: -moz-linear-gradient(left, rgba(0,71,171,1) 48%, rgba(87,122,168,1) 100%); /* FF3.6+ */
-
    background: -webkit-linear-gradient(top, #6c6e74 0%,#4b4d51 100%);
+
background: -webkit-gradient(linear, left top, right top, color-stop(48%,rgba(0,71,171,1)), color-stop(100%,rgba(87,122,168,1))); /* Chrome,Safari4+ */
-
    background: -o-linear-gradient(top, #6c6e74 0%,#4b4d51 100%);
+
background: -webkit-linear-gradient(left, rgba(0,71,171,1) 48%,rgba(87,122,168,1) 100%); /* Chrome10+,Safari5.1+ */
-
    background: -ms-linear-gradient(top, #6c6e74 0%,#4b4d51 100%);
+
background: -o-linear-gradient(left, rgba(0,71,171,1) 48%,rgba(87,122,168,1) 100%); /* Opera 11.10+ */
-
    background: linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);
+
background: -ms-linear-gradient(left, rgba(0,71,171,1) 48%,rgba(87,122,168,1) 100%); /* IE10+ */
-
+
background: linear-gradient(to right, rgba(0,71,171,1) 48%,rgba(87,122,168,1) 100%); /* W3C */
-
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0047ab', endColorstr='#577aa8',GradientType=1 ); /* IE6-9 */
-
    -moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
+
}
-
    box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
+
}
}

Revision as of 18:53, 4 October 2013