Team:Edinburgh/defaultcss

From 2009.igem.org

(Difference between revisions)
Line 7: Line 7:
-
/*------------------------------------------------------------------------------------------------------/
+
/*-------------------------------------------------/
-
@section Style Framework  */
+
* @section Base Drop-Down Styling
-
 
+
* @structure ul (unordered list)
-
 
+
* ul li (list item)
-
/* First-level expected directory tag - li */
+
* ul li a (links)
-
 
+
* /*\.class|(li|a):hover/
-
ul.dropdown li {
+
* @level sep ul
-
padding: 5px;
+
  */
-
}
+
-
 
+
-
ul.dropdown *.dir {
+
-
padding-right: 30px;
+
-
background-image: none;
+
-
background-position: 100% 50%;
+
-
background-repeat: no-repeat;
+
-
}
+
-
 
+
-
/* Non-first level */
+
-
ul.dropdown ul *.dir {
+
-
padding-right: 15px;
+
-
background-image: url(images/nav-arrow-right.png);
+
-
background-position: 100% 50%;
+
-
background-repeat: no-repeat;
+
-
}
+
-
 
+
-
ul.dropdown ul ul *.dir {
+
-
background-image: url(images/nav-arrow-right2.png);
+
-
}
+
-
 
+
-
 
+
-
/* Components override */
+
-
 
+
-
ul.dropdown-vertical *.dir {
+
-
background-image: url(images/nav-arrow-right.png);
+
-
}
+
-
 
+
-
ul.dropdown-vertical-rtl *.dir {
+
-
padding-right: 15px;
+
-
background-image: url(images/nav-arrow-left.png);
+
-
background-position: 0 50%;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
/*------------------------------------------------------------------------------------------------------/
+
-
@section Base Drop-Down Styling */
+
Line 93: Line 55:
-
/* Mixed */
+
/*-------------------------------------------------/
 +
* @section Support Class `dir`
 +
* @level sep ul, .class
 +
*/
 +
 
-
ul.dropdown li a,
 
ul.dropdown *.dir {
ul.dropdown *.dir {
-
  border-style: solid;
+
  padding-right: 20px;
-
  border-width: 1px;
+
  background-image: url(images/nav-arrow-down.png);
-
  border-color: #404040 #1a1a1a #1a1a1a #505050;
+
  background-position: 100% 50%;
 +
background-repeat: no-repeat;
}
}
-
ul.dropdown ul li a,
 
-
ul.dropdown ul *.dir { border-color: #4a4a4a #242424 #242424; border-left: none; }
 
-
ul.dropdown ul ul li a,
+
/* -- Components override -- */
-
ul.dropdown ul ul *.dir { border-color: #595959 #333 #333; }
+
-
ul.dropdown ul ul ul li a,
+
ul.dropdown-horizontal ul *.dir {
-
ul.dropdown ul ul ul *.dir { border-color: #767676 #404040 #404040; }
+
padding-right: 15px;
 +
background-image: url(images/nav-arrow-right.png);
 +
background-position: 100% 50%;
 +
background-repeat: no-repeat;
 +
}
 +
ul.dropdown-upward *.dir {
 +
background-image: url(images/nav-arrow-top.png);
 +
}
 +
ul.dropdown-vertical *.dir,
 +
ul.dropdown-upward ul *.dir {
 +
background-image: url(images/nav-arrow-right.png);
 +
}
-
/* Custom elements */
+
ul.dropdown-vertical-rtl *.dir {
-
 
+
padding-right: 10px;
-
#n-movies { width: 250px; text-align: center; }
+
padding-left: 15px;
-
#n-movies ul { right: auto; left: 0; width: 249px; text-align: left; }
+
background-image: url(images/nav-arrow-left.png);
-
#n-movies ul ul { left: 249px; width: 150px; }
+
background-position: 0 50%;
-
#n-movies ul a { width: 232px; }
+
}
-
#n-movies ul a.dir { width: 210px; }
+
-
#n-movies ul ul a { width: 133px; }
+
-
#n-movies ul ul a.dir { width: 111px; }
+
-
#n-movies ul ul ul { left: 100%; }
+
</style>
</style>
</html>
</html>

Revision as of 13:58, 17 August 2009

Retrieved from "http://2009.igem.org/Team:Edinburgh/defaultcss"