|
|
(99 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | ==='''fasdfasfasdf'''===
| + | <html> |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | ==='''fasdfasfasdf'''===
| + | |
- | <html xmlns="http://www.w3.org/1999/xhtml"> | + | |
- | <head>
| + | |
- | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
| + | |
- | <title>jixedbar (Beta) - a jQuery fixed bar plugin</title>
| + | |
| <style> | | <style> |
- | /**
| + | body{ |
- | * Default theme for jixedbar
| + | background-color:#494d51; |
- | * written by Ryan Yonzon, http://ryan.rawswift.com/
| + | |
- | * Last update: August 13, 2010
| + | |
- | */
| + | |
- |
| + | |
- | /*----- bar style -----*/
| + | |
- | .jx-bar {
| + | |
- | height:30px;
| + | |
- | padding:0px;
| + | |
- | width:80%;
| + | |
- | background-color:#FFC062;
| + | |
- | border:#b5b5b5 solid 1px;
| + | |
| } | | } |
| | | |
- | /* rounded top-left corner */
| + | #content{ |
- | .jx-bar-rounded-tl {
| + | padding-right:10px; |
- | -webkit-border-top-left-radius:5px;
| + | } |
- | -khtml-border-radius-topleft:5px;
| + | |
- | -moz-border-radius-topleft:5px;
| + | |
- | border-top-left-radius:5px;
| + | |
- | }
| + | |
| | | |
- | /* rounded bottom-left corner */
| + | h1{ |
- | .jx-bar-rounded-bl {
| + | color:red; |
- | -webkit-border-bottom-left-radius:5px;
| + | float:right; |
- | -khtml-border-radius-bottomleft:5px;
| + | } |
- | -moz-border-radius-bottomleft:5px;
| + | |
- | border-bottom-left-radius:5px;
| + | |
- | }
| + | |
| | | |
- | /* rounded top-right corner */
| + | h2{ |
- | .jx-bar-rounded-tr {
| + | color:red; |
- | -webkit-border-top-right-radius:5px;
| + | float:right; |
- | -khtml-border-radius-topright:5px;
| + | } |
- | -moz-border-radius-topright:5px;
| + | |
- | border-top-right-radius:5x;
| + | |
- | }
| + | |
| | | |
- | /* rounded bottom-right corner */
| + | p{ |
- | .jx-bar-rounded-br {
| + | margin-left:40px; |
- | -webkit-border-bottom-right-radius:5px;
| + | margin-right:20px; |
- | -khtml-border-radius-bottomright:5px;
| + | } |
- | -moz-border-radius-bottomright:5px;
| + | |
- | border-bottom-right-radius:5x;
| + | |
- | }
| + | |
| | | |
- | /*----- bar separator -----*/
| + | h3{ |
- | .jx-bar span {
| + | color: #467f4a; |
- | width:1px;
| + | text-vertical-align:middle; |
- | height:100%;
| + | background-image:url(https://static.igem.org/mediawiki/2010/3/31/UCSF_meihuabiao.png); |
- | background-color:#ccc;
| + | text-indent: 35px; |
| + | background-repeat: no-repeat; |
| } | | } |
| | | |
- | .jx-separator-left {
| + | div#search-controls{ |
- | float:left;
| + | display: none; |
- | }
| + | |
- |
| + | |
- | .jx-separator-right {
| + | |
- | float:right;
| + | |
- | }
| + | |
- | | + | |
- | /*----- bar button -----*/
| + | |
- | .jx-bar-button ul {
| + | |
- | margin:0px;
| + | |
- | padding:0px;
| + | |
| } | | } |
| | | |
- | .jx-bar-button li {
| + | div#top-section{ |
- | float:left;
| + | display:none; |
- | list-style:none;
| + | //background-color:#FF6801; |
| + | //border:0px; |
| + | //width:100%; |
| + | height: 24px; |
| } | | } |
| | | |
- | .jx-bar-button-right li {
| + | #mw-searchButton{ |
- | float:right;
| + | display: none; |
- | list-style:none;
| + | |
| } | | } |
| | | |
- | .jx-bar-button li {
| + | div#contentSub{ |
- | font-family:Verdana, Arial, Helvetica, sans-serif;
| + | display: none; |
- | font-size:11px;
| + | |
- | cursor:pointer;
| + | |
- | padding:4px 8px 4px 8px;
| + | |
- | border:white solid 1px;
| + | |
- | margin:2px;
| + | |
| } | | } |
- |
| |
- | /* button hover effect */
| |
- | .jx-bar-button li:hover {
| |
- | background-color:white;
| |
- | border:white solid 1px;
| |
- | padding:4px 8px 4px 8px;
| |
- | margin:2px;
| |
- | }
| |
- |
| |
- | /* rounded button corners */
| |
- | .jx-bar-button-rounded li:hover {
| |
- | -webkit-border-radius:3px;
| |
- | -khtml-border-radius:3px;
| |
- | -moz-border-radius:3px;
| |
- | border-radius:3px;
| |
- | }
| |
- |
| |
- | /* default button's anchor text style */
| |
- | .jx-bar-button li a:link, .jx-bar-button li a:visited {
| |
- | font-family:Verdana, Arial, Helvetica, sans-serif;
| |
- | font-size:11px;
| |
- | color:#666;
| |
- | text-decoration:none;
| |
- | padding:1px;
| |
- | }
| |
- |
| |
- | .jx-bar-button li a:hover {
| |
- | font-family:Verdana, Arial, Helvetica, sans-serif;
| |
- | font-size:11px;
| |
- | color:#333;
| |
- | text-decoration:none;
| |
- | }
| |
| | | |
- | /*----- bar text container and button arrow indicator -----*/
| + | #footer-box { |
- | .jx-bar div, .jx-bar iframe {
| + | width: 970px; |
- | float:left; | + | |
| } | | } |
| | | |
- | .jx-bar div {
| + | div#menubar{ |
- | font-family:Verdana, Arial, Helvetica, sans-serif;
| + | display: none; |
- | font-size:11px;
| + | text-indent:10px; |
- | color:#666;
| + | top: 0; |
- | padding:4px 8px 4px 8px;
| + | |
- | margin:4px 0px 4px 0px;
| + | |
| } | | } |
| | | |
- | .jx-bar iframe {
| + | div#p-logo{ |
- | margin:4px 0px 4px 10px;
| + | display: none; |
| + | width:1000px; |
| } | | } |
| | | |
- | .jx-bar div a:link, .jx-bar div a:visited {
| + | h1.firstHeading { |
- | color:#666;
| + | height:0px; |
- | text-decoration:none;
| + | display: none; |
- | } | + | |
- | | + | |
- | .jx-bar div a:hover {
| + | |
- | color:#0099FF;
| + | |
- | text-decoration:none;
| + | |
- | }
| + | |
- | | + | |
- | /*----- button tooltip -----*/
| + | |
- | .jx-bar-button-tooltip {
| + | |
- | z-index:100;
| + | |
- | height:auto;
| + | |
- | padding:5px 10px 5px 10px;
| + | |
- | color:#fff;
| + | |
- | background-color:#36393D;
| + | |
- | font-family:Verdana, Arial, Helvetica, sans-serif;
| + | |
- | font-size:11px;
| + | |
| } | | } |
| | | |
- | /* rounded tooltip */
| |
- | .jx-bar-button-tooltip {
| |
- | z-index:100;
| |
- | -moz-border-radius: 3px;
| |
- | -webkit-border-radius:3px;
| |
- | }
| |
| | | |
- | /*----- nav menu -----*/ | + | </style> |
- | .jx-nav-menu {
| + | |
- | z-index:100;
| + | |
- | font-family:Verdana, Arial, Helvetica, sans-serif;
| + | |
- | font-size:11px;
| + | |
- | padding:2px;
| + | |
- | background-color:#FFC062;
| + | |
- | border:#FFC062 solid 1px;
| + | |
- | }
| + | |
| | | |
- | .jx-nav-menu-rounded {
| + | <style> |
- | -webkit-border-radius:3px;
| + | |
- | -khtml-border-radius:3px;
| + | |
- | -moz-border-radius:3px;
| + | |
- | border-radius:3px;
| + | |
- | }
| + | |
| | | |
- | .jx-nav-menu ul {
| + | #content{ |
- | margin:0;
| + | z-index:0; |
- | padding:0;
| + | |
- | list-style:none;
| + | |
- | width:150px; /* width of menu items */
| + | |
| } | | } |
| | | |
- | .jx-nav-menu a:hover {
| + | ul, li{ |
- | background-color:#9F9FFF; | + | margin: 0; |
- | color:#fff; | + | padding: 0; |
- | text-decoration:none; | + | border: 0; |
| + | outline: 0; |
| + | font-weight: inherit; |
| + | font-style: inherit; |
| + | font-size: 100%; |
| + | font-family: inherit; |
| + | vertical-align: baseline; |
| } | | } |
| | | |
- | /* styles for menu items */
| + | #navigation ul li.active > a, |
- | .jx-nav-menu ul li a {
| + | #navigation > ul li a:hover, |
- | display:block;
| + | #navigation ul li.sub-nav:hover > a { |
- | text-decoration:none;
| + | border-color: #53a5ed; |
- | color:#777; | + | background: #256fdf; |
- | background:#fff; /* IE6 Bug */ | + | background: -webkit-gradient(linear, left top, left bottom, from(#2f88ec), to(#256fdf)); |
- | padding:8px; | + | background: -moz-linear-gradient(top, #2f88ec, #256fdf); |
- | border:1px solid #eee; /* IE6 Bug */ | + | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f88ec', endColorstr='#256fdf'); |
- | border-bottom:0px; | + | |
| } | | } |
- | | + | #navigation ul li.sub-nav > a:hover:before, |
- | /* active menu button */
| + | #navigation ul li.sub-nav:hover > a:before { |
- | .jx-nav-menu-active { | + | border-top-color: #53a5ed !important; |
- | font-family:Verdana, Arial, Helvetica, sans-serif;
| + | |
- | font-size:11px;
| + | |
- | cursor:pointer;
| + | |
- | background-color:white; | + | |
- | padding:4px 8px 4px 8px;
| + | |
- | margin:2px;
| + | |
| } | | } |
- | | + | #navigation ul li.sub-nav > a:hover:after, |
- | /* active menu button (rounded) */
| + | #navigation ul li.sub-nav:hover > a:after { |
- | .jx-nav-menu-active-rounded { | + | border-top-color: #256fdf !important; |
- | -webkit-border-radius:3px;
| + | |
- | -khtml-border-radius:3px;
| + | |
- | -moz-border-radius:3px; | + | |
- | border-radius:3px;
| + | |
| } | | } |
- | | + | #navigation ul ul li a:hover { |
- | /* menu indicator UP state */
| + | background: #246cde; |
- | .jx-arrow-up {
| + | |
- | background-image:url('up.gif'); | + | |
- | background-repeat:no-repeat;
| + | |
- | background-position:center;
| + | |
| } | | } |
- | | + | #navigation { |
- | /* menu indicator DOWN state */ | + | position: relative; |
- | .jx-arrow-down {
| + | //left: 50%; |
- | background-image:url('dn.gif');
| + | top: 5px; |
- | background-repeat:no-repeat;
| + | left:0px; |
- | background-position:center;
| + | // width:960px; |
| + | //margin-left:-480px; |
| + | font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; |
| } | | } |
- | | + | #navigation > ul { |
- | /* tooltip point direction */
| + | height: 27px; |
- | .jx-tool-point-dir-down {
| + | background: #fff; |
- | z-index:100;
| + | border: 1px solid #222; |
- | background-image:url('ttd.gif');
| + | padding: 0 5px; |
- | background-repeat:no-repeat;
| + | -moz-border-radius: 4px; |
- | background-position:center bottom;
| + | -webkit-border-radius: 4px; |
- | height:5px;
| + | border-radius: 4px; |
- | width:auto;
| + | |
| } | | } |
- | | + | #navigation > ul li { |
- | .jx-tool-point-dir-up {
| + | display: block; |
- | z-index:100;
| + | float: left; |
- | background-image:url('ttu.gif');
| + | font-size: 11px; |
- | background-repeat:no-repeat;
| + | line-height: 15px; |
- | background-position:center bottom;
| + | margin: 0 1px; |
- | height:5px;
| + | margin-top: -2px; |
- | width:auto;
| + | list-style: none; |
| + | padding-bottom: 15px; |
| } | | } |
| | | |
- | /* hide and show/unhide item */
| + | #navigation > ul li.right{ |
- | .jx-hide { | + | display: block; |
- | z-index:100;
| + | float: right; |
- | float:right;
| + | font-size: 11px; |
- | background-image:url('hide.gif');
| + | line-height: 15px; |
- | background-repeat:no-repeat;
| + | margin: 0 1px; |
- | height:16px;
| + | margin-top: -2px; |
- | width:16px;
| + | list-style: none; |
| + | padding-bottom: 15px; |
| } | | } |
| | | |
- | /* if showOnTop is TRUE, use "show.gif" instead of "hide.gif" */
| + | #navigation > ul li a { |
- | .jx-hide-top {
| + | position: relative; |
- | float:right;
| + | display: block; |
- | background-image:url('show.gif');
| + | float: left; |
- | background-repeat:no-repeat;
| + | padding: 6px 7px 8px 7px; |
- | height:16px;
| + | border: 1px solid transparent; |
- | width:16px;
| + | color: #7b7b7b; |
- | }
| + | text-decoration: none; |
- | | + | |
- | .jx-show {
| + | |
- | z-index:100;
| + | |
- | height:30px;
| + | |
- | padding:0px;
| + | |
- | width:40px;
| + | |
- | background-color:#e5e5e5;
| + | |
- | border:#b5b5b5 solid 1px;
| + | |
| } | | } |
- | | + | #navigation ul li.active > a, |
- | .jx-show-button { | + | #navigation > ul li a:hover, |
- | z-index:100;
| + | #navigation ul li.sub-nav:hover > a { |
- | float:right;
| + | color: #fff; |
- | background-image:url('show.gif');
| + | -moz-border-radius: 4px; |
- | background-repeat:no-repeat;
| + | -webkit-border-radius: 4px; |
- | height:16px;
| + | border-radius: 4px; |
- | width:16px;
| + | |
| } | | } |
- | | + | #navigation ul li.sub-nav > a:hover:before, |
- | /* if showOnTop is TRUE, use "hide.gif" instead of "show.gif" */
| + | #navigation ul li.sub-nav:hover > a:before { |
- | .jx-show-button-top {
| + | content: "\00a0"; |
- | float:right;
| + | display: block; |
- | background-image:url('hide.gif');
| + | position: absolute; |
- | background-repeat:no-repeat;
| + | bottom: -14px; |
- | height:16px;
| + | left: 37%; |
- | width:16px;
| + | width: 0; |
- | }
| + | height: 0; |
- | | + | border: 7px solid transparent; |
- | .jx-hide-separator {
| + | |
- | width:1px;
| + | |
- | height:100%;
| + | |
- | background-color:#ccc;
| + | |
- | float:right;
| + | |
| } | | } |
- | </style>
| + | #navigation ul li.sub-nav > a:hover:after, |
- | <!-- jixedbar starts here -->
| + | #navigation ul li.sub-nav:hover > a:after { |
- | <style>
| + | content:"\00a0"; |
- | /**
| + | display:block; |
- | * Default theme for jixedbar
| + | position:absolute; |
- | * written by Ryan Yonzon, http://ryan.rawswift.com/
| + | bottom: -13px; |
- | * Last update: August 13, 2010
| + | left: 37%; |
- | */
| + | width: 0; |
- |
| + | height: 0; |
- | /*----- bar style -----*/
| + | border: 7px solid transparent; |
- | .jx-bar {
| + | } |
- | height:30px;
| + | #navigation ul li ul { |
- | padding:0px;
| + | clear: left; |
- | width:80%;
| + | position: absolute; |
- | background-color:#FFC062;
| + | left: -999em; |
- | border:#b5b5b5 solid 1px;
| + | z-index: 999; |
| + | width: 140px; |
| + | background: #fff; |
| + | border: 1px solid #363636; |
| + | list-style: none; |
| + | padding: 5px 4px; |
| + | outline: 1px solid #000; |
| } | | } |
- | | + | #navigation ul li li { |
- | /* rounded top-left corner */
| + | display: block; |
- | .jx-bar-rounded-tl {
| + | padding: 0; |
- | -webkit-border-top-left-radius:5px;
| + | margin: 0; |
- | -khtml-border-radius-topleft:5px;
| + | |
- | -moz-border-radius-topleft:5px;
| + | |
- | border-top-left-radius:5px;
| + | |
- | }
| + | |
- | | + | |
- | /* rounded bottom-left corner */
| + | |
- | .jx-bar-rounded-bl {
| + | |
- | -webkit-border-bottom-left-radius:5px;
| + | |
- | -khtml-border-radius-bottomleft:5px;
| + | |
- | -moz-border-radius-bottomleft:5px;
| + | |
- | border-bottom-left-radius:5px;
| + | |
- | }
| + | |
- | | + | |
- | /* rounded top-right corner */
| + | |
- | .jx-bar-rounded-tr {
| + | |
- | -webkit-border-top-right-radius:5px;
| + | |
- | -khtml-border-radius-topright:5px;
| + | |
- | -moz-border-radius-topright:5px;
| + | |
- | border-top-right-radius:5x;
| + | |
- | }
| + | |
- | | + | |
- | /* rounded bottom-right corner */
| + | |
- | .jx-bar-rounded-br {
| + | |
- | -webkit-border-bottom-right-radius:5px;
| + | |
- | -khtml-border-radius-bottomright:5px;
| + | |
- | -moz-border-radius-bottomright:5px;
| + | |
- | border-bottom-right-radius:5x;
| + | |
- | }
| + | |
- | | + | |
- | /*----- bar separator -----*/
| + | |
- | .jx-bar span {
| + | |
- | width:1px;
| + | |
- | height:100%;
| + | |
- | background-color:#ccc;
| + | |
| } | | } |
- | | + | #navigation ul ul li a { |
- | .jx-separator-left {
| + | border: none; |
- | float:left;
| + | background: none; |
- | }
| + | color: #000; |
- |
| + | display: block; |
- | .jx-separator-right {
| + | float: left; |
- | float:right;
| + | font-size: 12px !important; |
- | }
| + | width: 120px; |
- | | + | padding: 4px 10px 5px 10px; |
- | /*----- bar button -----*/
| + | |
- | .jx-bar-button ul {
| + | |
- | margin:0px;
| + | |
- | padding:0px;
| + | |
| } | | } |
- | | + | #navigation ul ul li a:hover { |
- | .jx-bar-button li {
| + | border: none; |
- | float:left;
| + | -moz-border-radius: 0px; |
- | list-style:none;
| + | -webkit-border-radius: 0px; |
| + | border-radius: 0px; |
| } | | } |
- | | + | #navigation ul li:hover ul, |
- | .jx-bar-button-right li {
| + | #navigation ul li.sfhover ul{ |
- | float:right;
| + | left: auto; |
- | list-style:none;
| + | top: 42px; |
| } | | } |
- | | + | </style> |
- | .jx-bar-button li {
| + | <script> |
- | font-family:Verdana, Arial, Helvetica, sans-serif;
| + | function writeHref(){ |
- | font-size:11px;
| + | var PageURL = document.URL; |
- | cursor:pointer;
| + | var RightURL = PageURL.substr(21); |
- | padding:4px 8px 4px 8px;
| + | var EditIt="https://2010.igem.org/wiki/index.php?title="+RightURL+"&action=edit"; |
- | border:white solid 1px;
| + | document.write("<a href=\""+EditIt+"\">"); |
- | margin:2px;
| + | |
| } | | } |
- |
| + | </script> |
- | /* button hover effect */
| + | |
- | .jx-bar-button li:hover {
| + | |
- | background-color:white;
| + | |
- | border:white solid 1px;
| + | |
- | padding:4px 8px 4px 8px;
| + | |
- | margin:2px;
| + | |
- | }
| + | |
| | | |
- | /* rounded button corners */
| + | <div style="width:100%"> |
- | .jx-bar-button-rounded li:hover {
| + | <div id="navigation"> |
- | -webkit-border-radius:3px;
| + | <ul> |
- | -khtml-border-radius:3px;
| + | |
- | -moz-border-radius:3px;
| + | |
- | border-radius:3px;
| + | |
- | }
| + | |
- |
| + | |
- | /* default button's anchor text style */
| + | |
- | .jx-bar-button li a:link, .jx-bar-button li a:visited {
| + | |
- | font-family:Verdana, Arial, Helvetica, sans-serif;
| + | |
- | font-size:11px;
| + | |
- | color:#666;
| + | |
- | text-decoration:none;
| + | |
- | padding:1px;
| + | |
- | }
| + | |
| | | |
- | .jx-bar-button li a:hover {
| + | <li class="active"><a href="https://2010.igem.org/Team:UCSF">Home</a></li> |
- | font-family:Verdana, Arial, Helvetica, sans-serif;
| + | |
- | font-size:11px;
| + | |
- | color:#333;
| + | |
- | text-decoration:none;
| + | |
- | }
| + | |
| | | |
- | /*----- bar text container and button arrow indicator -----*/
| + | <li class="not-active sub-nav"><a href="https://2010.igem.org/Team:UCSF/Team">Team</a><ul> |
- | .jx-bar div, .jx-bar iframe { | + | |
- | float:left;
| + | |
- | }
| + | |
| | | |
- | .jx-bar div {
| + | <li class="cat-item cat-item-23"><a href="https://igem.org/Team.cgi?year=2010" title="">Team Profile</a></li> |
- | font-family:Verdana, Arial, Helvetica, sans-serif;
| + | |
- | font-size:11px; | + | <li class="cat-item cat-item-67"><a href="http://mac.appstorm.net/category/reviews/utilities/" title="">Utilities</a></li> |
- | color:#666; | + | <li class="cat-item cat-item-296"><a href="http://mac.appstorm.net/category/reviews/video/" title="">Video</a></li> |
- | padding:4px 8px 4px 8px; | + | <li class="cat-item cat-item-9"><a href="http://mac.appstorm.net/category/reviews/web-dev-review/" title="">Web Dev</a></li> |
- | margin:4px 0px 4px 0px; | + | </ul></li> |
- | }
| + | |
| | | |
- | .jx-bar iframe { | + | <li class="not-active sub-nav"><a href="https://2010.igem.org/Team:UCSF/Project">Project</a><ul> |
- | margin:4px 0px 4px 10px; | + | <li class="cat-item cat-item-68"><a href="https://2010.igem.org/Team:UCSF/Project/Overview" title="">Overview</a></li> |
- | }
| + | <li class="cat-item cat-item-28"><a href="https://2010.igem.org/Team:UCSF/Project/Process" title="">Project Process</a></li> |
| + | <li class="cat-item cat-item-364"><a href="https://2010.igem.org/Team:UCSF/Project/Design" title="">Project Design</a></li> |
| + | <li class="cat-item cat-item-201"><a href="https://2010.igem.org/Team:UCSF/Project/Results" title="">Results</a></li> |
| + | </ul></li> |
| | | |
- | .jx-bar div a:link, .jx-bar div a:visited {
| + | <li class="not-active sub-nav"><a href="https://2010.igem.org/Team:UCSF/Notebook">Notebook</a><ul> |
- | color:#666;
| + | |
- | text-decoration:none;
| + | |
- | }
| + | |
| | | |
- | .jx-bar div a:hover { | + | <li class="cat-item cat-item-322"><a href="https://2010.igem.org/Team:UCSF/Team/Notebook/Ryan_Liang" title="">Ryan Liang</a></li> |
- | color:#0099FF;
| + | <li class="cat-item cat-item-483"><a href="https://2010.igem.org/Team:UCSF/Notebook/Ethan_Chan" title="">Ethan Chan</a></li> |
- | text-decoration:none;
| + | <li class="cat-item cat-item-121"><a href="https://2010.igem.org/Team:UCSF/Notebook/Eric_Wong" title="">Eric Wong</a></li> |
- | } | + | <li class="cat-item cat-item-684"><a href="https://2010.igem.org/Team:UCSF/Notebook/Carmen_Zhou" title="">Carmen Zhou</a></li> |
| + | <li class="cat-item cat-item-19"><a href="https://2010.igem.org/Team:UCSF/Notebook/Lianna_Fung" title="">Lianna Fung</a></li> |
| + | <li class="cat-item cat-item-76"><a href="https://2010.igem.org/Team:UCSF/Notebook/Connor_Grant" title="">Connor Grant</a></li> |
| + | <li class="cat-item cat-item-13"><a href="https://2010.igem.org/Team:UCSF/Notebook/Hannah Yan" title="">Hannah Yan</a></li> |
| + | <li class="cat-item cat-item-184"><a href="https://2010.igem.org/Team:UCSF/Notebook/John Elam" title="">John Elam</a></li> |
| + | <li class="cat-item cat-item-235"><a href="https://2010.igem.org/Team:UCSF/Notebook/Crystal_Liu" title="">Crystal Liu</a></li> |
| + | <li class="cat-item cat-item-264"><a href="https://2010.igem.org/Team:UCSF/Notebook/Sam_Zorn" title="">Sam Zorn</a></li> |
| + | <li class="cat-item cat-item-556"><a href="https://2010.igem.org/Team:UCSF/Notebook/Min_Lin" title="">Min Lin</a></li> |
| + | </ul></li> |
| | | |
- | /*----- button tooltip -----*/
| + | <li class="not-active"><a href="file:///C:/Users/Min%20Lin/Desktop/2.html">Parts</a></li> |
- | .jx-bar-button-tooltip { | + | |
- | z-index:100;
| + | |
- | height:auto;
| + | |
- | padding:5px 10px 5px 10px;
| + | |
- | color:#fff;
| + | |
- | background-color:#36393D;
| + | |
- | font-family:Verdana, Arial, Helvetica, sans-serif;
| + | |
- | font-size:11px;
| + | |
- | }
| + | |
| | | |
- | /* rounded tooltip */
| + | <li class="not-active sub-nav"><a href="http://mac.appstorm.net/category/general/">Safety</a><ul> <li class="cat-item cat-item-99"><a href="http://mac.appstorm.net/category/general/app-news/" title="">App News</a> |
- | .jx-bar-button-tooltip { | + | </li> |
- | z-index:100;
| + | <li class="cat-item cat-item-10"><a href="http://mac.appstorm.net/category/general/appstorm-news/" title="">AppStorm News</a> |
- | -moz-border-radius: 3px;
| + | </li> |
- | -webkit-border-radius:3px;
| + | <li class="cat-item cat-item-45"><a href="http://mac.appstorm.net/category/general/competitions/" title="">Competitions</a> |
- | } | + | </li> |
| + | <li class="cat-item cat-item-287"><a href="http://mac.appstorm.net/category/general/live-coverage/" title="">Live Coverage</a> |
| + | </li> |
| + | <li class="cat-item cat-item-31"><a href="http://mac.appstorm.net/category/general/mactastik/" title="">Mactastik</a> |
| + | </li> |
| + | <li class="cat-item cat-item-371"><a href="http://mac.appstorm.net/category/general/screencasts/" title="">Screencasts</a> |
| + | </li> |
| + | <li class="cat-item cat-item-219"><a href="http://mac.appstorm.net/category/general/sponsors/" title="">Sponsors</a> |
| + | </li> |
| + | </ul></li> |
| | | |
- | /*----- nav menu -----*/
| + | <li class="not-active"><a href="http://mac.appstorm.net/about/">Cooperation</a></li> |
- | .jx-nav-menu { | + | <li class="not-active"><a href="http://mac.appstorm.net/about/">Sponser</a></li> |
- | z-index:100;
| + | <li class="right"><script>writeHref();</script>Edit</a></li> |
- | font-family:Verdana, Arial, Helvetica, sans-serif;
| + | <li class="right"><a href="https://igem.org/Login">Log in</a></li> |
- | font-size:11px;
| + | </ul> |
- | padding:2px;
| + | </div> |
- | background-color:#FFC062;
| + | |
- | border:#FFC062 solid 1px;
| + | |
- | }
| + | |
| | | |
- | .jx-nav-menu-rounded {
| |
- | -webkit-border-radius:3px;
| |
- | -khtml-border-radius:3px;
| |
- | -moz-border-radius:3px;
| |
- | border-radius:3px;
| |
- | }
| |
| | | |
- | .jx-nav-menu ul {
| + | <div style="width:100%px;background-color:#FFfF04;margin-top:0px;-moz-border-radius: 4px; |
- | margin:0;
| + | -webkit-border-radius: 4px; |
- | padding:0;
| + | border-radius: 4px;padding-bottom:10px;"> |
- | list-style:none;
| + | <form action="https://2010.igem.org/Team:UCSF/Search" id="cse-search-box" style="margin:10px;"> |
- | width:150px; /* width of menu items */
| + | <h3>Search UCSF</h3> |
- | }
| + | <div> |
| + | <input type="hidden" name="cx" value="003596668401458118461:zap8jgrah-m" /> |
| + | <input type="hidden" name="cof" value="FORID:9" /> |
| + | <input type="hidden" name="ie" value="UTF-8" /> |
| + | <input type="text" name="q" size="81" /> |
| + | <input type="submit" name="sa" value="Search" size="8"/> |
| + | </div> |
| + | </form> |
| + | </div> |
| | | |
- | .jx-nav-menu a:hover {
| |
- | background-color:#9F9FFF;
| |
- | color:#fff;
| |
- | text-decoration:none;
| |
- | }
| |
- |
| |
- | /* styles for menu items */
| |
- | .jx-nav-menu ul li a {
| |
- | display:block;
| |
- | text-decoration:none;
| |
- | color:#777;
| |
- | background:#fff; /* IE6 Bug */
| |
- | padding:8px;
| |
- | border:1px solid #eee; /* IE6 Bug */
| |
- | border-bottom:0px;
| |
- | }
| |
| | | |
- | /* active menu button */ | + | <script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&lang=en"></script> |
- | .jx-nav-menu-active { | + | <!--<img src="https://static.igem.org/mediawiki/2010/e/ef/UCSF_2010_Transparent_NK.png" width="150"/>--> |
- | font-family:Verdana, Arial, Helvetica, sans-serif;
| + | <!--<img src="https://static.igem.org/mediawiki/igem.org/9/9a/Natural_Killer.jpg" width="196"/>--> |
- | font-size:11px;
| + | |
- | cursor:pointer;
| + | |
- | background-color:white;
| + | |
- | padding:4px 8px 4px 8px;
| + | |
- | margin:2px;
| + | |
- | }
| + | |
| | | |
- | /* active menu button (rounded) */
| |
- | .jx-nav-menu-active-rounded {
| |
- | -webkit-border-radius:3px;
| |
- | -khtml-border-radius:3px;
| |
- | -moz-border-radius:3px;
| |
- | border-radius:3px;
| |
- | }
| |
| | | |
- | /* menu indicator UP state */
| + | <div id="cse-search-results" style="margin-left:90px;"></div> |
- | .jx-arrow-up {
| + | |
- | background-image:url('up.gif');
| + | |
- | background-repeat:no-repeat;
| + | |
- | background-position:center;
| + | |
- | }
| + | |
| | | |
- | /* menu indicator DOWN state */
| |
- | .jx-arrow-down {
| |
- | background-image:url('dn.gif');
| |
- | background-repeat:no-repeat;
| |
- | background-position:center;
| |
- | }
| |
- |
| |
- | /* tooltip point direction */
| |
- | .jx-tool-point-dir-down {
| |
- | background-image:url('ttd.gif');
| |
- | background-repeat:no-repeat;
| |
- | background-position:center bottom;
| |
- | height:5px;
| |
- | width:auto;
| |
- | }
| |
- |
| |
- | .jx-tool-point-dir-up {
| |
- | background-image:url('ttu.gif');
| |
- | background-repeat:no-repeat;
| |
- | background-position:center bottom;
| |
- | height:5px;
| |
- | width:auto;
| |
- | }
| |
- |
| |
- | /* hide and show/unhide item */
| |
- | .jx-hide {
| |
- | z-index:100;
| |
- | float:right;
| |
- | background-image:url('hide.gif');
| |
- | background-repeat:no-repeat;
| |
- | height:16px;
| |
- | width:16px;
| |
- | }
| |
- |
| |
- | /* if showOnTop is TRUE, use "show.gif" instead of "hide.gif" */
| |
- | .jx-hide-top {
| |
- | float:right;
| |
- | background-image:url('show.gif');
| |
- | background-repeat:no-repeat;
| |
- | height:16px;
| |
- | width:16px;
| |
- | }
| |
- |
| |
- | .jx-show {
| |
- | z-index:100;
| |
- | height:30px;
| |
- | padding:0px;
| |
- | width:40px;
| |
- | background-color:#e5e5e5;
| |
- | border:#b5b5b5 solid 1px;
| |
- | }
| |
- |
| |
- | .jx-show-button {
| |
- | z-index:100;
| |
- | float:right;
| |
- | background-image:url('show.gif');
| |
- | background-repeat:no-repeat;
| |
- | height:16px;
| |
- | width:16px;
| |
- | }
| |
- |
| |
- | /* if showOnTop is TRUE, use "hide.gif" instead of "show.gif" */
| |
- | .jx-show-button-top {
| |
- | float:right;
| |
- | background-image:url('hide.gif');
| |
- | background-repeat:no-repeat;
| |
- | height:16px;
| |
- | width:16px;
| |
- | }
| |
- |
| |
- | .jx-hide-separator {
| |
- | width:1px;
| |
- | height:100%;
| |
- | background-color:#ccc;
| |
- | float:right;
| |
- | }</style>
| |
- | <script type="text/javascript" src="http://jixedbar.rawswift.com/js/jixedbar/jquery-1.4.2.min.js"></script>
| |
- | <script type="text/javascript" src="http://jixedbar.rawswift.com/js/jixedbar/src/jquery.jixedbar.min.js"></script>
| |
| <script type="text/javascript"> | | <script type="text/javascript"> |
- | $(document).ready(function() {
| + | var googleSearchIframeName = "cse-search-results"; |
- | $("#demo-bar").jixedbar();
| + | var googleSearchFormName = "cse-search-box"; |
- | });
| + | var googleSearchFrameWidth = 600; |
- | | + | var googleSearchDomain = "www.google.com"; |
| + | var googleSearchPath = "/cse"; |
| </script> | | </script> |
- | <!-- jixedbar ends here --> | + | <script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js"></script> |
- | | + | |
- | </head>
| + | |
- | <body> | + | |
- | | + | |
| | | |
| | | |
- | <div id="demo-bar">
| |
- | <ul>
| |
- | <li title="Home"><a href="http://ryan.rawswift.com/"><img src="icons/home.png" alt="" /></a></li>
| |
- | </ul>
| |
- | <span class="jx-separator-left"></span>
| |
- | <ul>
| |
- | <li title="Around The Web"><a href="#"><img src="icons/network.png" alt="Get Social" /></a>
| |
- | <ul>
| |
- | <li><a href="http://www.facebook.com/ryanyonzon"><img src="icons/facebook.png" title="Facebook" /> Facebook</a></li>
| |
- | <li><a href="https://twitter.com/rawswift"><img src="icons/twitter.png" title="Twitter" /> Twitter</a></li>
| |
- | <li><a href="http://www.flickr.com/photos/ryanyonzon/"><img src="icons/pictures.png" title="Flickr" /> Flickr</a></li>
| |
- | <li><a href="http://ph.linkedin.com/in/ryanyonzon"><img src="icons/card.png" title="Linkedin" /> Linkedin</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | </ul>
| |
- | <span class="jx-separator-left"></span>
| |
- | <ul>
| |
- | <li title="About"><a href="http://ryan.rawswift.com/about/"><img src="icons/info.png" alt="" /></a></li>
| |
- | <li title="Resume"><a href="http://ryan.rawswift.com/resume/"><img src="icons/blogs.png" alt="" /></a></li>
| |
- | <li title="Portfolio"><a href="http://ryan.rawswift.com/portfolio/"><img src="icons/block.png" alt="" /></a></li>
| |
- | </ul>
| |
- | <span class="jx-separator-left"></span>
| |
- | <ul class="jx-bar-button-right">
| |
- | <li title="Feeds"><a href="#"><img src="icons/feed.png" alt="" /></a>
| |
- | <ul>
| |
- | <li><a href="http://ryan.rawswift.com/feed/"><img src="icons/feed-doc.png" title="Content Feed" /> Content Feed</a></li>
| |
- | <li><a href="http://ryan.rawswift.com/comments/feed/"><img src="icons/ballon.png" title="Comment Feed" /> Comment Feed</a></li>
| |
- | <li><a href="http://ryan.rawswift.com/comments/feed/"><img src="icons/ballon.png" title="Comment Feed" /> Comment Feed</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | </ul>
| |
- | <span class="jx-separator-right"></span>
| |
| </div> | | </div> |
| | | |
- | </body>
| |
| </html> | | </html> |