Team:Edinburgh/defaultcss

From 2009.igem.org

(Difference between revisions)
(Undo revision 169849 by JRWK (Talk))
 
(18 intermediate revisions not shown)
Line 7: Line 7:
-
/*-------------------------------------------------/
+
/*------------------------------------------------------------------------------------------------------/
  * @section Base Drop-Down Styling
  * @section Base Drop-Down Styling
  * @structure ul (unordered list)
  * @structure ul (unordered list)
  * ul li (list item)
  * ul li (list item)
  * ul li a (links)
  * ul li a (links)
-
  * /*\.class|(li|a):hover/
+
  * *(.class|:hover)
  * @level sep ul
  * @level sep ul
  */
  */
Line 20: Line 20:
ul.dropdown {
ul.dropdown {
-
  font: bold 12px Arial, Helvetica, sans-serif;
+
  font: 12px Arial, Helvetica, sans-serif;
}
}
ul.dropdown li {
ul.dropdown li {
padding: 7px 12px;
padding: 7px 12px;
-
background-color: #000;
+
background-color: #252833;
color: #fff;
color: #fff;
}
}
Line 31: Line 31:
ul.dropdown li.hover,
ul.dropdown li.hover,
ul.dropdown li:hover {
ul.dropdown li:hover {
-
background-color: #222;
+
background-color: #252833;
}
}
Line 49: Line 49:
width: 170px;
width: 170px;
padding-bottom: 9px;
padding-bottom: 9px;
-
background: url(images/dropdown_pane.png) 0 100% no-repeat;
+
background: url(https://static.igem.org/mediawiki/2009/d/d6/EdinburghDropdown_pane.png) 0 100% no-repeat;
color: #000;
color: #000;
font-size: 11px;
font-size: 11px;
Line 76: Line 76:
ul.dropdown ul ul {
ul.dropdown ul ul {
-
display: none;
 
}
}
Line 85: Line 84:
-
/*-------------------------------------------------/
+
/*------------------------------------------------------------------------------------------------------/
-
  * @section Support Class `dir`
+
  * @section Support Class 'dir'
  * @level sep ul, .class
  * @level sep ul, .class
  */
  */
 +
 +
/* ----- ALL LEVELS (incl. first) */
ul.dropdown *.dir {
ul.dropdown *.dir {
-
  padding-right: 20px;
+
  padding-right: 12px;
-
  background-image: url(images/nav-arrow-down.png);
+
  background-image: none;
  background-position: 100% 50%;
  background-position: 100% 50%;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
}
}
 +
/* ----- END LEVEL */
-
/* -- Components override -- */
+
 
 +
 
 +
 
 +
/* Components override */
ul.dropdown-horizontal ul *.dir {
ul.dropdown-horizontal ul *.dir {
Line 108: Line 113:
}
}
-
ul.dropdown-upward *.dir {
+
ul.dropdown-vertical *.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);
  background-image: url(images/nav-arrow-right.png);
}
}
ul.dropdown-vertical-rtl *.dir {
ul.dropdown-vertical-rtl *.dir {
-
  padding-right: 10px;
+
  padding-right: 15px;
-
padding-left: 15px;
+
  background-image: url(images/nav-arrow-left.png);
  background-image: url(images/nav-arrow-left.png);
  background-position: 0 50%;
  background-position: 0 50%;
}
}
-
 
</style>
</style>
</html>
</html>

Latest revision as of 12:51, 16 July 2010