Template:Queens Canada/Notebook
From 2012.igem.org
(Difference between revisions)
Line 306: | Line 306: | ||
font-size:20px; | font-size:20px; | ||
color:gray; | color:gray; | ||
+ | } | ||
+ | .kwicks { | ||
+ | list-style: none; | ||
+ | position: relative; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | width:840px; | ||
+ | height:50px; | ||
+ | z-index:2; | ||
+ | } | ||
+ | .kwicks li { | ||
+ | display: block; | ||
+ | float: left; | ||
+ | overflow: hidden; | ||
+ | padding: 0; | ||
+ | cursor: pointer; | ||
+ | width: 100px; | ||
+ | height: 35px; | ||
+ | z-index:2; | ||
+ | cursor:pointer; | ||
+ | border-left-width: 1px; | ||
+ | border-left-style: solid; | ||
+ | border-left-color: #FF9933; | ||
+ | } | ||
+ | .kwicks li a { | ||
+ | background-image:url(images/sprites_menu.png); | ||
+ | background-repeat:no-repeat; | ||
+ | font-family: "Lucida Grande", "Lucida Sans Unicode", Arial; | ||
+ | font-size: 14px; | ||
+ | letter-spacing: -0.07em; | ||
+ | color: #AA0000; | ||
+ | height: 40px; | ||
+ | outline:none; | ||
+ | display:block; | ||
+ | z-index:100; | ||
+ | cursor:pointer; | ||
+ | text-transform: uppercase; | ||
+ | font-weight: bold; | ||
+ | margin-top: -3px; | ||
+ | margin-left: 5px; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | .kwicks li h3 { | ||
+ | position: absolute; | ||
+ | width: 120px; | ||
+ | font-family: "Lucida Grande", "Lucida Sans Unicode", Arial; | ||
+ | font-size: 10px; | ||
+ | color: #FF6600; | ||
+ | letter-spacing: -0.02em; | ||
+ | outline:none; | ||
+ | z-index:0; | ||
+ | cursor:pointer; | ||
+ | text-transform: uppercase; | ||
+ | font-weight: normal; | ||
+ | margin-left: 5px; | ||
+ | text-decoration: none; | ||
+ | left: 0px; | ||
+ | top: 15px; | ||
+ | right: 0px; | ||
+ | bottom: 0px; | ||
+ | } | ||
+ | #kwick_1, #kwick_2, #kwick_3, #kwick_4, #kwick_5, #kwick_6, #kwick_7 { | ||
+ | margin: 0pt; | ||
+ | overflow: hidden; | ||
+ | position: absolute; | ||
+ | display: block; | ||
+ | width: 120px; | ||
+ | } | ||
+ | #kwick_1 { | ||
+ | left: 0px; | ||
+ | border: none; | ||
+ | } | ||
+ | #kwick_2 { | ||
+ | left: 120px; | ||
+ | } | ||
+ | #kwick_3 { | ||
+ | left: 240px; | ||
+ | } | ||
+ | #kwick_4 { | ||
+ | left: 360px; | ||
+ | } | ||
+ | #kwick_5 { | ||
+ | left: 480px; | ||
+ | } | ||
+ | #kwick_6 { | ||
+ | left: 600px; | ||
+ | } | ||
+ | #kwick_7 { | ||
+ | right: 0px; | ||
+ | } | ||
+ | #kwick_1 a { | ||
+ | background-position:0px 0px; | ||
+ | } | ||
+ | .kwicks a:hover, .kwicks #active { | ||
+ | color: #3399FF; | ||
+ | } | ||
+ | .kwicks li a:hover h3, .kwicks li #active h3 { | ||
+ | color: #999999; | ||
+ | } | ||
+ | #kwick_2 a { | ||
+ | background-position:0px -50px; | ||
+ | } | ||
+ | #kwick_3 a { | ||
+ | background-position:0px -192px; | ||
+ | } | ||
+ | #kwick_4 a { | ||
+ | background-position:0px -100px; | ||
+ | } | ||
+ | #kwick_5 a { | ||
+ | background-position:0px -150px; | ||
+ | } | ||
+ | #kwick_6 a { | ||
+ | background-position:0px -250px; | ||
+ | } | ||
+ | #kwick_7 a { | ||
+ | background-position:0px -300px; | ||
} | } | ||
Revision as of 20:50, 28 May 2012