Template:Team:SydneyUni Australia/Style

From 2013.igem.org

(Difference between revisions)
(Changed nav back)
m (Visited links same colour)
 
(103 intermediate revisions not shown)
Line 14: 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 30: Line 35:
/*Fiddling with the theme*/
/*Fiddling with the theme*/
#content{
#content{
-
   padding: 10px 25px;
+
   padding: 10px 35px;
}
}
Line 39: Line 44:
body{
body{
-
   background-color: #ffffff;
+
  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;
   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{
#globalWrapper{
   font-size: 150%;
   font-size: 150%;
Line 48: Line 72:
/* Banner Image Positioning*/
/* Banner Image Positioning*/
#topbanner{
#topbanner{
-
   margin-left: -25px;
+
   margin-left: -35px;
-
   margin-top: -20px;
+
   margin-top: -20px;}
-
   margin-bottom: -20px; /*C.f. #nav*/
+
 
 +
#bottombanner{
 +
   margin-left: -35px;
}
}
Line 57: Line 83:
/*****************************/
/*****************************/
/*Based on http://cssdeck.com/labs/another-simple-css3-dropdown-menu*/
/*Based on http://cssdeck.com/labs/another-simple-css3-dropdown-menu*/
 +
 +
#homelink {
 +
  position: absolute;
 +
  height:70px;
 +
  width:86px;
 +
  top: 269px;
 +
}
 +
 +
#homelink a {
 +
  position: absolute;
 +
  width: 100%;
 +
  height: 100%;
 +
  margin-left: -43px;
 +
}
#nav {
#nav {
   text-decoration: none;
   text-decoration: none;
   text-align: center;
   text-align: center;
-
  padding: 0;
+
<--!  padding: 0 70px; -->
-
  width: 1115px;
+
<--!  margin-left: -70px; -->
-
  margin-left: -75px;
+
   width: 100%;
-
  margin-top: 20px;
+
   background: #ffffff;
-
   margin-bottom: -25px;
+
   border-top: 1px solid;
-
   background: #82ca9c;
+
   border-bottom: 1px solid;
-
   -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 10px rgba(0, 0, 0, 0.3);
+
}
}
Line 77: Line 114:
   margin: 0;
   margin: 0;
   padding: 0;
   padding: 0;
-
 
   list-style: none;
   list-style: none;
-
   color: #ffffff;
+
   color: #000000;
}
}
#nav ul li {
#nav ul li {
Line 85: Line 121:
   font-weight: bold;
   font-weight: bold;
   display: inline-block;
   display: inline-block;
 +
  padding: 15px 20px;
   margin: 0;
   margin: 0;
-
  padding: 15px 20px;
 
   position: relative;
   position: relative;
-
   background: #82ca9c;
+
   background: #ffffff;
   cursor: pointer;
   cursor: pointer;
   -webkit-transition: all 0.2s;
   -webkit-transition: all 0.2s;
Line 96: Line 132:
   transition: all 0.2s;
   transition: all 0.2s;
   width: 90px;
   width: 90px;
 +
  text-align: center;
}
}
#nav ul li a {
#nav ul li a {
-
   color: #ffffff;
+
   color: #000000;
   text-decoration: none;
   text-decoration: none;
}
}
#nav ul li:hover {
#nav ul li:hover {
-
   background: #63BC82;
+
   background: #abe3cd;
-
   color: #ffffff;
+
   color: #000000;
   transition: all 0s;
   transition: all 0s;
-
   border-bottom: 5px solid #000000;
+
   border-bottom: 5px solid #000000;  
-
   margin-bottom: -5px;
+
   margin-bottom: -5px;  
}
}
#nav ul li ul {
#nav ul li ul {
Line 126: Line 163:
   -o-transition: opacity 0.2s;
   -o-transition: opacity 0.2s;
   -transition: opacity 0.2s;
   -transition: opacity 0.2s;
-
  -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 10px rgba(0, 0, 0, 0.3);
 
}
}
#nav ul li ul li {  
#nav ul li ul li {  
-
   background: #63BC82;  
+
   background: #ecfce1;
   display: block;  
   display: block;  
-
   color: #fff;
+
   color: #000;
-
   margin: 0 0 0 0px;
+
   margin: 0 0 0 0;
   width: 90px;
   width: 90px;
   text-align:center;
   text-align:center;
   z-index:10;
   z-index:10;
}
}
-
#nav ul li ul li:hover { background: #4FA969;  
+
 
 +
 
 +
#nav ul li ul li:hover {  
 +
  background: #abe3cd;  
   border-bottom: none;
   border-bottom: none;
   margin-bottom: 0;}
   margin-bottom: 0;}

Latest revision as of 00:32, 29 October 2013