Team:Edinburgh/defaultadvancedcss

From 2009.igem.org

(Difference between revisions)
 
Line 7: Line 7:
-
/*------------------------------------------------------------------------------------------------------/
+
ul.dropdown li a { /* Moved from 'custom' section */
-
* @section Base Style Extension
+
display: block;
-
*/
+
padding: 7px 12px;
 +
}
-
ul.dropdown a,
 
-
ul.dropdown span {
 
-
display: block;
 
-
padding: 5px 30px;
 
-
}
 
 +
/* ------------- Override default */
 +
ul.dropdown li {
 +
padding: 0;
 +
}
-
/*------------------------------------------------------------------------------------------------------/
 
-
* @section Base Style Override
 
-
*/
 
 +
/* ------------- Reinitiate default: post-override activities  */
-
ul.dropdown li {
+
ul.dropdown li.dir {
-
padding: 0;
+
padding: 7px 20px 7px 12px;
-
}
+
}
-
ul.dropdown ul a,
+
ul.dropdown ul li.dir {
-
ul.dropdown ul span { /* POI, proposal: override abstract a, span */
+
padding-right: 15px;
-
padding: 8px;
+
}
-
}
+
 +
/* ------------- Custom */
-
/*------------------------------------------------------------------------------------------------------/
+
ul.dropdown li {
-
* @section Base Style Reinitiate: post-override activities
+
-
*/
+
 +
}
-
ul.dropdown *.dir { /* POI */
 
-
padding: 5px 30px;
 
-
}
 
-
ul.dropdown ul *.dir {
+
/* Especially for IE6 or lower */
-
padding: 8px 30px 8px 8px;
+
-
}
+
 +
ul.dropdown ul a {
 +
padding: 4px 5px 4px 12px;
 +
/*width: 139px;*/
 +
}
 +
ul.dropdown ul a:hover {
 +
padding: 3px 5px 3px 11px;
 +
border: solid 1px #ddd;
 +
background-color: #eee;
 +
font-weight: bold;
 +
}
-
/*------------------------------------------------------------------------------------------------------/
+
ul.dropdown ul a.dir {
-
* @section Custom Styles
+
/*width: 129px;*/
-
*/
+
}
-
 
+
-
 
+
-
ul.dropdown ul a {
+
-
width: 133px;
+
-
}
+
-
 
+
-
ul.dropdown ul a.dir {
+
-
width: 111px;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
/*------------------------------------------------------------------------------------------------------/
+
-
* @section Support Class `open` Usage
+
-
* @source js, artificial
+
-
*
+
-
*/
+
-
 
+
-
 
+
-
ul.dropdown *.open {
+
-
background-color: #3d3d3d;
+
-
}
+
-
ul.dropdown ul *.open {
+
-
background-color: #4c4c4c;
+
-
background-image: url(images/comnav-arrowover.png);
+
-
color: #fff;
+
-
}
+
-
ul.dropdown ul ul *.open {
+
-
background-color: #595959;
+
-
background-image: url(images/comnav-arrowover2.png);
+
-
color: #fff;
+
-
}
+
-
/* Override UPPER TWO definitions */
+
-
ul.dropdown a.open:hover {
+
-
background-color: #4698ca;
+
-
color: #fff;
+
-
}
+
-
ul.dropdown ul a.open:hover {
+
-
background-image: url(images/comnav-arrowon.png);
+
-
color: #fff;
+
-
}
+
-
 
+
-
 
+
-
/* Clone in CSS 2 */
+
-
 
+
-
ul.dropdown li:hover > *.dir {
+
-
background-color: #3d3d3d;
+
-
}
+
-
ul.dropdown ul li:hover > *.dir {
+
-
background-color: #4c4c4c;
+
-
background-image: url(images/comnav-arrowover.png);
+
-
}
+
-
ul.dropdown ul ul li:hover > *.dir {
+
-
background-color: #595959;
+
-
background-image: url(images/comnav-arrowover2.png);
+
-
color: #fff;
+
-
}
+
-
 
+
-
/* Override UPPER TWO definitions */
+
-
ul.dropdown li:hover > a.dir:hover {
+
-
background-color: #4698ca;
+
-
color: #fff;
+
-
}
+
-
ul.dropdown ul li:hover > a.dir:hover {
+
-
background-image: url(images/comnav-arrowon.png);
+
-
color: #fff;
+
-
}
+
-
 
+
</style>
</style>
</html>
</html>

Latest revision as of 14:21, 17 August 2009