Team:UCSF/Search

From 2010.igem.org

(Difference between revisions)
Line 131: Line 131:
<title>jixedbar (Beta) - a jQuery fixed bar plugin</title>
<title>jixedbar (Beta) - a jQuery fixed bar plugin</title>
<style>
<style>
 +
/**
 +
* Default theme for jixedbar
 +
* 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 */
 +
.jx-bar-rounded-tl {
 +
-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 */
 +
.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;
 +
}
 +
 +
.jx-separator-left {
 +
float:left;
 +
}
 +
 +
.jx-separator-right {
 +
float:right;
 +
}
 +
 +
/*----- bar button -----*/
 +
.jx-bar-button ul {
 +
margin:0px;
 +
padding:0px;
 +
}
 +
 +
.jx-bar-button li {
 +
float:left;
 +
list-style:none;
 +
}
 +
 +
.jx-bar-button-right li {
 +
float:right;
 +
list-style:none;
 +
}
 +
 +
.jx-bar-button li {
 +
font-family:Verdana, Arial, Helvetica, sans-serif;
 +
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 -----*/
 +
.jx-bar div, .jx-bar iframe {
 +
float:left;
 +
}
 +
 +
.jx-bar div {
 +
font-family:Verdana, Arial, Helvetica, sans-serif;
 +
font-size:11px;
 +
color:#666;
 +
padding:4px 8px 4px 8px;
 +
margin:4px 0px 4px 0px;
 +
}
 +
 +
.jx-bar iframe {
 +
margin:4px 0px 4px 10px;
 +
}
 +
 +
.jx-bar div a:link, .jx-bar div a:visited {
 +
color:#666;
 +
text-decoration: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 -----*/
 +
.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 {
 +
-webkit-border-radius:3px;
 +
-khtml-border-radius:3px;
 +
-moz-border-radius:3px;
 +
border-radius:3px;
 +
}
 +
 +
.jx-nav-menu ul {
 +
margin:0;
 +
padding:0;
 +
list-style:none;
 +
width:150px; /* width of menu items */
 +
}
 +
 +
.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 */
 +
.jx-nav-menu-active {
 +
font-family:Verdana, Arial, Helvetica, sans-serif;
 +
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 */
 +
.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 {
 +
z-index:100;
 +
background-image:url('ttd.gif');
 +
background-repeat:no-repeat;
 +
background-position:center bottom;
 +
height:5px;
 +
width:auto;
 +
}
 +
 +
.jx-tool-point-dir-up {
 +
z-index:100;
 +
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>
</style>
<!-- jixedbar starts here -->
<!-- jixedbar starts here -->

Revision as of 22:06, 31 August 2010

Contents

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

fasdfasfasdf

jixedbar (Beta) - a jQuery fixed bar plugin

Retrieved from "http://2010.igem.org/Team:UCSF/Search"