Team:Edinburgh/defaultcss

From 2009.igem.org

(Difference between revisions)
Line 2: Line 2:
<style type="text/css">
<style type="text/css">
 +
@charset "UTF-8";
@charset "UTF-8";
@import "https://2009.igem.org/Team:Edinburgh/helpercss?action=raw";
@import "https://2009.igem.org/Team:Edinburgh/helpercss?action=raw";
-
 
/*------------------------------------------------------------------------------------------------------/
/*------------------------------------------------------------------------------------------------------/
-
* @section Base Drop-Down Styling
+
@section Style Framework */
-
* @structure ul (unordered list)
+
-
* ul li (list item)
+
-
* ul li a (links)
+
-
* *(.class|:hover)
+
-
* @level sep ul
+
-
  */
+
-
/* ----- ALL LEVELS (incl. first) */
+
/* First-level expected directory tag - li */
-
 
+
-
ul.dropdown {
+
-
font: bold 12px Arial, Helvetica, sans-serif;
+
-
}
+
ul.dropdown li {
ul.dropdown li {
-
padding: 7px 12px;
+
padding: 5px;
-
background-color: #252833;
+
-
color: #fff;
+
}
}
-
ul.dropdown li.hover,
+
ul.dropdown *.dir {
-
ul.dropdown li:hover {
+
padding-right: 30px;
-
background-color: #252833;
+
background-image: none;
 +
background-position: 100% 50%;
 +
background-repeat: no-repeat;
}
}
-
ul.dropdown a:link,
+
/* Non-first level */
-
ul.dropdown a:visited { color: #fff; text-decoration: none; }
+
ul.dropdown ul *.dir {
-
ul.dropdown a:hover { color: #fff; text-decoration: underline; }
+
padding-right: 15px;
-
ul.dropdown a:active { color: #fff; }
+
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);
 +
}
-
/* ----- END LEVEL */
 
 +
/* Components override */
-
/* ----- NON-FIRST LEVEL */
+
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  */
 +
 
 +
 
 +
 
 +
/* ALL LEVELS (incl. first) */
-
ul.dropdown ul {
+
ul.dropdown {
-
margin-left: -6px;
+
font: bold 17px/normal Arial, Helvetica, sans-serif;
-
width: 170px;
+
-
padding-bottom: 9px;
+
-
background: url(https://static.igem.org/mediawiki/2009/d/d6/EdinburghDropdown_pane.png) 0 100% no-repeat;
+
-
color: #000;
+
-
font-size: 11px;
+
-
font-weight: normal;
+
}
}
-
ul.dropdown ul li {
+
ul.dropdown li {
-
background-color: transparent;
+
background-color: #333;
-
color: #000;
+
color: #fff;
}
}
-
ul.dropdown ul li.hover,
+
ul.dropdown li.hover,
-
ul.dropdown ul li:hover {
+
ul.dropdown li:hover {
-
background-color: transparent;
+
}
}
-
ul.dropdown ul li.empty {
+
/* Links */
-
padding: 12px 12px 7px !important;
+
 
-
font-weight: bold;
+
ul.dropdown a:link,
 +
ul.dropdown a:visited { color: #fff; text-decoration: none;}
 +
ul.dropdown a:hover {
 +
border-top-color: #5db1e0 !important;
 +
border-left-color: #5db1e0;
 +
background-color: #4498c7;
 +
color: #fff;
}
}
-
ul.dropdown ul a:link,
+
ul.dropdown ul a.dir:hover { /* proposal */
-
ul.dropdown ul a:visited { color: #000; }
+
background-color: #4698ca;
-
ul.dropdown ul a:hover { color: #000; text-decoration: none; }
+
background-image: url(images/comnav-arrowon.png);
-
ul.dropdown ul a:active { color: #000; }
+
color: #fff;
 +
}
-
ul.dropdown ul ul {
+
ul.dropdown a:active {
-
display: none;
+
background: #058acf url(images/nav-sub-press.png) 0 0 repeat-x !important;
-
}
+
color: #fff;
 +
}
-
ul.dropdown ul ul li {}
 
-
/* ----- END LEVEL */
+
/* NON-FIRST LEVEL */
 +
ul.dropdown ul {
 +
left: auto;
 +
right: 0;
 +
width: 150px;
 +
margin-top: -1px;
 +
border-top: 1px solid #1a1a1a;
 +
border-left: solid 1px #4c4c4c;
 +
font: bold 11px/1em Tahoma, Geneva, Verdana, sans-serif;
 +
}
 +
ul.dropdown ul li {
 +
background-color: #3a3a3a;
 +
}
 +
 +
ul.dropdown ul ul {
 +
top: 0;
 +
right: auto;
 +
left: 100%;
 +
margin-top: 0;
 +
border-top: none;
 +
border-left: none;
 +
font-weight: normal;
 +
}
 +
 +
ul.dropdown ul ul li {
 +
background-color: #4c4c4c;
 +
}
 +
 +
ul.dropdown ul ul ul li {
 +
background-color: #595959;
 +
}
-
/*------------------------------------------------------------------------------------------------------/
 
-
* @section Support Class 'dir'
 
-
* @level sep ul, .class
 
-
*/
 
-
/* ----- ALL LEVELS (incl. first) */
+
/* Mixed */
 +
ul.dropdown li a,
ul.dropdown *.dir {
ul.dropdown *.dir {
-
  padding-right: 12px;
+
  border-style: solid;
-
  background-image: none;
+
  border-width: 1px;
-
  background-position: 100% 50%;
+
  border-color: #404040 #1a1a1a #1a1a1a #505050;
-
background-repeat: no-repeat;
+
}
}
-
/* ----- END LEVEL */
+
ul.dropdown ul li a,
-
/* Components override */
+
ul.dropdown ul *.dir { border-color: #4a4a4a #242424 #242424; border-left: none; }
-
ul.dropdown-horizontal ul *.dir {
+
ul.dropdown ul ul li a,
-
padding-right: 15px;
+
ul.dropdown ul ul *.dir { border-color: #595959 #333 #333; }
-
background-image: url(images/nav-arrow-right.png);
+
-
background-position: 100% 50%;
+
-
background-repeat: no-repeat;
+
-
}
+
-
ul.dropdown-vertical *.dir {
+
ul.dropdown ul ul ul li a,
-
background-image: url(images/nav-arrow-right.png);
+
ul.dropdown ul ul ul *.dir { border-color: #767676 #404040 #404040; }
-
}
+
 
 +
 
 +
 
 +
/* Custom elements */
 +
 
 +
#n-movies { width: 250px; text-align: center; }
 +
#n-movies ul { right: auto; left: 0; width: 249px; text-align: left; }
 +
#n-movies ul ul { left: 249px; width: 150px; }
 +
#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%; }
-
ul.dropdown-vertical-rtl *.dir {
 
-
padding-right: 15px;
 
-
background-image: url(images/nav-arrow-left.png);
 
-
background-position: 0 50%;
 
-
}
 
</style>
</style>
</html>
</html>

Revision as of 13:53, 17 August 2009

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