Team:AUC TURKEY

From 2014hs.igem.org

(Difference between revisions)
Line 15: Line 15:
</script>
</script>
 +
<style type="text/css">
 +
.divider {
 +
  height: 1px;
 +
  background: #000;
 +
  background: -webkit-linear-gradient(left, rgb(255,255,255) 0%, rgb(50,50,50) 50%, rgb(255,255,255) 100%);
 +
}
 +
.divider.light {
 +
  background: #fff;
 +
  background: -webkit-linear-gradient(left, rgb(90,90,90) 0%, rgb(255,255,255) 50%, rgb(90,90,90) 100%);
 +
}
 +
 +
.divider.light:before {
 +
  position:relative;
 +
  float:left;
 +
  background: linear-gradient(to right, rgba(100, 100, 100, 0), rgba(100, 100, 100, 1) 50%);
 +
  margin-top:2px;
 +
  width:50%;
 +
  height:1px;
 +
  content:"";
 +
}
 +
 +
.divider.light:after {
 +
  position:relative;
 +
  float:right;
 +
  background: linear-gradient(to left, rgba(100, 100, 100, 0), rgba(100, 100, 100, 1) 50%);
 +
  margin-top:2px;
 +
  width:50%;
 +
  height:1px;
 +
  content:""; 
 +
}
 +
 +
.divider:before {
 +
  position:relative;
 +
  float:left;
 +
  background: linear-gradient(to right, rgba(200, 200, 200, 0), rgba(200, 200, 200, 1) 50%);
 +
  margin-top:2px;
 +
  width:50%;
 +
  height:1px;
 +
  content:"";
 +
}
 +
 +
.divider:after {
 +
  position:relative;
 +
  float:right;
 +
  background: linear-gradient(to left, rgba(100, 200, 200, 0), rgba(200, 200, 200, 1) 50%);
 +
  margin-top:2px;
 +
  width:50%;
 +
  height:1px;
 +
  content:""; 
 +
}
 +
 +
</style>
<style type="text/css">
<style type="text/css">
#animatedmenu
#animatedmenu
Line 317: Line 369:
<br/>
<br/>
<br/>
<br/>
-
<br/>
+
 
-
<br/>
+
<div class="light-background">
-
<br/>
+
  <div class="width80">
-
<br/>
+
    <div class="divider" />
 +
  </div>
 +
</div>

Revision as of 10:03, 19 June 2014

Back to top Take a Tour