Template:Team:OU-Norman OK

From 2013.igem.org

(Difference between revisions)
Line 13: Line 13:
  list-type:none;
  list-type:none;
}
}
-
 
+
a.glidebutton{
-
a.glidebutton{
+
    display: inline-block;
    display: inline-block;
 +
  float: left;
  position: relative;
  position: relative;
  color: #4A4A4A; /* default color */
  color: #4A4A4A; /* default color */
    background: #ececec; /* default bg color */
    background: #ececec; /* default bg color */
      text-decoration: none;
      text-decoration: none;
-
    font: bold 14px Arial; /* font settings */
+
    font: bold 12px Arial; /* font settings */
-
    letter-spacing: 2px; /* font settings */
+
    letter-spacing: 1px; /* font settings */
    overflow: hidden;
    overflow: hidden;
-
    height: 30px; /* height of each button */
+
    height: 25px; /* height of each button */
    text-align: center;
    text-align: center;
-
      border-radius: 5px; /* border radius */
+
      border-radius: 3px; /* border radius */
    -moz-transition: all 0.3s ease-in-out; /* Enable CSS transition between property changes */
    -moz-transition: all 0.3s ease-in-out; /* Enable CSS transition between property changes */
    -webkit-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
Line 32: Line 32:
    transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  }
-
 
+
a.glidebutton > span:first-child{ /* first span inside button */
-
a.glidebutton > span:first-child{ /* first span inside button */
+
  position: relative;
  position: relative;
  display: block;
  display: block;
Line 73: Line 72:
transform: translateY(-100%);
transform: translateY(-100%);
}
}
 +
div#navigation{
div#navigation{
  /* Old browsers */
  /* Old browsers */
Line 78: Line 78:
padding:90px 0 0 0;
padding:90px 0 0 0;
}
}
 +
#navigation ul, #navigation li{ list-style:none; padding:0; margin:0; display:inline; }
#navigation ul, #navigation li{ list-style:none; padding:0; margin:0; display:inline; }
#navigation ul li{  
#navigation ul li{  
Line 400: Line 401:
<div class = "page">
<div class = "page">
<div class = "header">
<div class = "header">
 +
<a href="https://2012.igem.org"><img src="https://static.igem.org/mediawiki/2012/8/83/Igem_icon.png" style="position:absolute;right:0;top:0;" alt=""></img></a>
 +
<a href="https://2013.igem.org/Team:OU-Norman_OK" id="logo"><img src="https://static.igem.org/mediawiki/2013/" alt=""/></a>
 +
                                <a href="https://2013.igem.org/Team:OU-Norman_OK" id="name"><img src="https://static.igem.org/mediawiki/2013/" alt=""/></a>
 +
                        <div id="navigation">
  <ul id="verticalmenu" class="glossymenu">
  <ul id="verticalmenu" class="glossymenu">
  <li><a class="glidebutton" href="https://2013.igem.org/Team:OU-Norman_OK"><span data-text="Home">Home</a></li>
  <li><a class="glidebutton" href="https://2013.igem.org/Team:OU-Norman_OK"><span data-text="Home">Home</a></li>

Revision as of 19:10, 19 June 2013