Template:Team:SydneyUni Australia/Style

From 2013.igem.org

(Difference between revisions)
m (Visited links same colour)
 
(165 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
 +
 +
<!-- ie9.js (fixes all Internet Explorer browsers older than ie9) -->
 +
<!--[if lt IE 9]>
 +
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
 +
<![endif]-->
 +
<style type="text/css">
<style type="text/css">
Line 8: Line 14:
     height: 0px;}
     height: 0px;}
#content {
#content {
-
     border: none;}
+
     border: none;
 +
    margin-bottom: 40px;
 +
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0..3);
 +
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
 +
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
 +
}
/* Removes "teams" from the menubar */
/* Removes "teams" from the menubar */
Line 16: Line 27:
#menubar {
#menubar {
     width: auto;}
     width: auto;}
 +
 +
/* Remove Edit Section Link */
 +
.editsection{
 +
  display: none;
 +
}
 +
 +
/*Fiddling with the theme*/
 +
#content{
 +
  padding: 10px 35px;
 +
}
 +
 +
#globalWrapper {
 +
    text-align: justify;
 +
    padding: 0;
 +
}
 +
 +
body{
 +
  background-image: url('/wiki/images/b/b7/SydneyUniversity_Wiki_Background.jpg');
 +
  background-size: 100%;
 +
  background-attachment: fixed;
 +
  background-color: #fff;
 +
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
 +
}
 +
 +
h2 {
 +
  font-family: "Rockwell",Georgia, serif;
 +
  font-weight: bold;
 +
}
 +
 +
h1, h3, h4, h5, h6 {
 +
  font-family: "Rockwell",Georgia, serif;
 +
  font-weight: normal;
 +
}
 +
 +
a, a:visited {
 +
  color: #4d987c;
 +
}
 +
 +
 +
#globalWrapper{
 +
  font-size: 150%;
 +
}
 +
 +
/* Banner Image Positioning*/
 +
#topbanner{
 +
  margin-left: -35px;
 +
  margin-top: -20px;}
 +
 +
#bottombanner{
 +
  margin-left: -35px;
 +
}
/* Redesigning the Navigation*/
/* Redesigning the Navigation*/
/*****************************/
/*****************************/
 +
/*Based on http://cssdeck.com/labs/another-simple-css3-dropdown-menu*/
-
.centering {
+
#homelink {
-
    margin: 0 auto;
+
  position: absolute;
-
    width: 965px;}
+
  height:70px;
 +
  width:86px;
 +
  top: 269px;
 +
}
-
#nav ul li {
+
#homelink a {
-
  display: inline;}
+
  position: absolute;
 +
  width: 100%;
 +
  height: 100%;
 +
  margin-left: -43px;
 +
}
 +
 
 +
#nav {
 +
  text-decoration: none;
 +
  text-align: center;
 +
<--!  padding: 0 70px; -->
 +
<--!  margin-left: -70px; -->
 +
  width: 100%;
 +
  background: #ffffff;
 +
  border-top: 1px solid;
 +
  border-bottom: 1px solid;
 +
}
#nav ul {
#nav ul {
-
  margin:0 auto;
+
  text-align: center;
-
  padding:0;
+
  display: inline-block;
-
  overflow:hidden;}
+
  margin: 0;
 +
  padding: 0;
 +
  list-style: none;
 +
  color: #000000;
 +
}
 +
#nav ul li {
 +
  font: bold 12px/18px;
 +
  font-weight: bold;
 +
  display: inline-block;
 +
  padding: 15px 20px;
 +
  margin: 0;
 +
  position: relative;
 +
  background: #ffffff;
 +
  cursor: pointer;
 +
  -webkit-transition: all 0.2s;
 +
  -moz-transition: all 0.2s;
 +
  -ms-transition: all 0.2s;
 +
  -o-transition: all 0.2s;
 +
  transition: all 0.2s;
 +
  width: 90px;
 +
  text-align: center;
 +
}
 +
#nav ul li a {
 +
  color: #000000;
 +
  text-decoration: none;
 +
}
-
#nav li {
+
#nav ul li:hover {
-
  list-style-type: none;
+
  background: #abe3cd;
-
  list-style-image: none;
+
  color: #000000;
-
   
+
  transition: all 0s;
 +
  border-bottom: 5px solid #000000;  
 +
  margin-bottom: -5px;
}
}
 +
#nav ul li ul {
 +
  padding: 0;
 +
  position: absolute;
 +
  width: 90px;
 +
  top: 57px;
 +
  left: 0;
 +
  -webkit-box-shadow: none;
 +
  -moz-box-shadow: none;
 +
  box-shadow: none;
 +
  display: none;
 +
  opacity: 0;
 +
  visibility: hidden;
 +
  -webkit-transiton: opacity 0.2s;
 +
  -moz-transition: opacity 0.2s;
 +
  -ms-transition: opacity 0.2s;
 +
  -o-transition: opacity 0.2s;
 +
  -transition: opacity 0.2s;
 +
}
 +
#nav ul li ul li {
 +
  background: #ecfce1;
 +
  display: block;
 +
  color: #000;
 +
  margin: 0 0 0 0;
 +
  width: 90px;
 +
  text-align:center;
 +
  z-index:10;
 +
}
 +
 +
 +
#nav ul li ul li:hover {
 +
  background: #abe3cd;
 +
  border-bottom: none;
 +
  margin-bottom: 0;}
-
#nav a:link,a:visited {
+
#nav ul li:hover ul {
-
  width:90px;
+
  display: block;
-
  font-weight:bold;
+
  opacity: 1;
-
  color:#FFFFFF;
+
  visibility: visible;
-
  background-color:#0668b3;
+
-
  text-align:center;
+
-
  padding:4px;
+
-
  text-decoration:none;
+
}
}
-
#nav a:hover,a:active {
 
-
  background-color:#e03a3e;}
 
-
</style>
+
#endspace {
 +
  height: 175px;
 +
}
 +
 +
</style>
</html>
</html>

Latest revision as of 00:32, 29 October 2013

Retrieved from "http://2013.igem.org/Template:Team:SydneyUni_Australia/Style"