"

From 2010.igem.org

Revision as of 22:06, 31 August 2010 (view source) Maven (Talk | contribs) ← Older edit		Revision as of 22:10, 31 August 2010 (view source) Maven (Talk | contribs) Newer edit →
Line 130:		Line 130:
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>jixedbar (Beta) - a jQuery fixed bar plugin</title>		<title>jixedbar (Beta) - a jQuery fixed bar plugin</title>
		+	<style>
		+	#content{
		+	z-index:50;
		+	}
		+	</style>
		+	<!-- jixedbar starts here -->
	<style>		<style>
	/**		/**
Line 139:		Line 145:
	/*----- bar style -----*/		/*----- bar style -----*/
	.jx-bar {		.jx-bar {
		+	z-index:100;
	height:30px;		height:30px;
	padding:0px;		padding:0px;
Line 148:		Line 155:
	/* rounded top-left corner */		/* rounded top-left corner */
	.jx-bar-rounded-tl {		.jx-bar-rounded-tl {
		+	z-index:100;
	-webkit-border-top-left-radius:5px;		-webkit-border-top-left-radius:5px;
	-khtml-border-radius-topleft:5px;		-khtml-border-radius-topleft:5px;
Line 156:		Line 164:
	/* rounded bottom-left corner */		/* rounded bottom-left corner */
	.jx-bar-rounded-bl {		.jx-bar-rounded-bl {
		+	z-index:100;
	-webkit-border-bottom-left-radius:5px;		-webkit-border-bottom-left-radius:5px;
	-khtml-border-radius-bottomleft:5px;		-khtml-border-radius-bottomleft:5px;
Line 164:		Line 173:
	/* rounded top-right corner */		/* rounded top-right corner */
	.jx-bar-rounded-tr {		.jx-bar-rounded-tr {
		+	z-index:100;
	-webkit-border-top-right-radius:5px;		-webkit-border-top-right-radius:5px;
	-khtml-border-radius-topright:5px;		-khtml-border-radius-topright:5px;
Line 172:		Line 182:
	/* rounded bottom-right corner */		/* rounded bottom-right corner */
	.jx-bar-rounded-br {		.jx-bar-rounded-br {
		+	z-index:100;
	-webkit-border-bottom-right-radius:5px;		-webkit-border-bottom-right-radius:5px;
	-khtml-border-radius-bottomright:5px;		-khtml-border-radius-bottomright:5px;
Line 180:		Line 191:
	/*----- bar separator -----*/		/*----- bar separator -----*/
	.jx-bar span {		.jx-bar span {
		+	z-index:100;
	width:1px;		width:1px;
	height:100%;		height:100%;
Line 186:		Line 198:
	.jx-separator-left {		.jx-separator-left {
		+	z-index:100;
	float:left;		float:left;
	}		}
	.jx-separator-right {		.jx-separator-right {
		+	z-index:100;
	float:right;		float:right;
	}		}
Line 195:		Line 209:
	/*----- bar button -----*/		/*----- bar button -----*/
	.jx-bar-button ul {		.jx-bar-button ul {
		+	z-index:100;
	margin:0px;		margin:0px;
	padding:0px;		padding:0px;
Line 200:		Line 215:
	.jx-bar-button li {		.jx-bar-button li {
		+	z-index:100;
	float:left;		float:left;
	list-style:none;		list-style:none;
Line 205:		Line 221:
	.jx-bar-button-right li {		.jx-bar-button-right li {
		+	z-index:100;
	float:right;		float:right;
	list-style:none;		list-style:none;
Line 210:		Line 227:
	.jx-bar-button li {		.jx-bar-button li {
		+	z-index:100;
	font-family:Verdana, Arial, Helvetica, sans-serif;		font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;		font-size:11px;
Line 220:		Line 238:
	/* button hover effect */		/* button hover effect */
	.jx-bar-button li:hover {		.jx-bar-button li:hover {
		+	z-index:100;
	background-color:white;		background-color:white;
	border:white solid 1px;		border:white solid 1px;
Line 228:		Line 247:
	/* rounded button corners */		/* rounded button corners */
	.jx-bar-button-rounded li:hover {		.jx-bar-button-rounded li:hover {
		+	z-index:100;
	-webkit-border-radius:3px;		-webkit-border-radius:3px;
	-khtml-border-radius:3px;		-khtml-border-radius:3px;
Line 236:		Line 256:
	/* default button's anchor text style */		/* default button's anchor text style */
	.jx-bar-button li a:link, .jx-bar-button li a:visited {		.jx-bar-button li a:link, .jx-bar-button li a:visited {
		+	z-index:100;
	font-family:Verdana, Arial, Helvetica, sans-serif;		font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;		font-size:11px;
Line 244:		Line 265:
	.jx-bar-button li a:hover {		.jx-bar-button li a:hover {
		+	z-index:100;
	font-family:Verdana, Arial, Helvetica, sans-serif;		font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;		font-size:11px;
Line 306:		Line 328:
	.jx-nav-menu-rounded {		.jx-nav-menu-rounded {
		+	z-index:100;
	-webkit-border-radius:3px;		-webkit-border-radius:3px;
	-khtml-border-radius:3px;		-khtml-border-radius:3px;
Line 313:		Line 336:
	.jx-nav-menu ul {		.jx-nav-menu ul {
		+	z-index:100;
	margin:0;		margin:0;
	padding:0;		padding:0;
Line 320:		Line 344:
	.jx-nav-menu a:hover {		.jx-nav-menu a:hover {
		+	z-index:100;
	background-color:#9F9FFF;		background-color:#9F9FFF;
	color:#fff;		color:#fff;
Line 327:		Line 352:
	/* styles for menu items */		/* styles for menu items */
	.jx-nav-menu ul li a {		.jx-nav-menu ul li a {
		+	z-index:100;
	display:block;		display:block;
	text-decoration:none;		text-decoration:none;
Line 338:		Line 364:
	/* active menu button */		/* active menu button */
	.jx-nav-menu-active {		.jx-nav-menu-active {
		+	z-index:100;
	font-family:Verdana, Arial, Helvetica, sans-serif;		font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;		font-size:11px;
Line 348:		Line 375:
	/* active menu button (rounded) */		/* active menu button (rounded) */
	.jx-nav-menu-active-rounded {		.jx-nav-menu-active-rounded {
		+	z-index:100;
	-webkit-border-radius:3px;		-webkit-border-radius:3px;
	-khtml-border-radius:3px;		-khtml-border-radius:3px;
Line 356:		Line 384:
	/* menu indicator UP state */		/* menu indicator UP state */
	.jx-arrow-up {		.jx-arrow-up {
		+	z-index:100;
	background-image:url('up.gif');		background-image:url('up.gif');
	background-repeat:no-repeat;		background-repeat:no-repeat;
Line 363:		Line 392:
	/* menu indicator DOWN state */		/* menu indicator DOWN state */
	.jx-arrow-down {		.jx-arrow-down {
		+	z-index:100;
	background-image:url('dn.gif');		background-image:url('dn.gif');
	background-repeat:no-repeat;		background-repeat:no-repeat;
Line 399:		Line 429:
	/* if showOnTop is TRUE, use "show.gif" instead of "hide.gif" */		/* if showOnTop is TRUE, use "show.gif" instead of "hide.gif" */
	.jx-hide-top {		.jx-hide-top {
		+	z-index:100;
	float:right;		float:right;
	background-image:url('show.gif');		background-image:url('show.gif');
Line 426:		Line 457:
	/* if showOnTop is TRUE, use "hide.gif" instead of "show.gif" */		/* if showOnTop is TRUE, use "hide.gif" instead of "show.gif" */
	.jx-show-button-top {		.jx-show-button-top {
		+	z-index:100;
	float:right;		float:right;
	background-image:url('hide.gif');		background-image:url('hide.gif');
Line 434:		Line 466:
	.jx-hide-separator {		.jx-hide-separator {
		+	z-index:100;
	width:1px;		width:1px;
	height:100%;		height:100%;
Line 440:		Line 473:
	}		}
	</style>		</style>
-	<!-- jixedbar starts here -->
-	<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 {
-	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/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" src="http://jixedbar.rawswift.com/js/jixedbar/src/jquery.jixedbar.min.js"></script>

---

Revision as of 22:10, 31 August 2010

Contents 1 fasdfasfasdf 2 fasdfasfasdf 3 fasdfasfasdf 4 fasdfasfasdf 5 fasdfasfasdf 6 fasdfasfasdf 7 fasdfasfasdf 8 fasdfasfasdf 9 fasdfasfasdf 10 fasdfasfasdf 11 fasdfasfasdf 12 fasdfasfasdf 13 fasdfasfasdf 14 fasdfasfasdf 15 fasdfasfasdf 16 fasdfasfasdf 17 fasdfasfasdf 18 fasdfasfasdf 19 fasdfasfasdf 20 fasdfasfasdf 21 fasdfasfasdf 22 fasdfasfasdf 23 fasdfasfasdf 24 fasdfasfasdf 25 fasdfasfasdf 26 fasdfasfasdf 27 fasdfasfasdf 28 fasdfasfasdf 29 fasdfasfasdf 30 fasdfasfasdf 31 fasdfasfasdf 32 fasdfasfasdf 33 fasdfasfasdf 34 fasdfasfasdf 35 fasdfasfasdf 36 fasdfasfasdf 37 fasdfasfasdf 38 fasdfasfasdf 39 fasdfasfasdf 40 fasdfasfasdf 41 fasdfasfasdf 42 fasdfasfasdf 43 fasdfasfasdf 44 fasdfasfasdf 45 fasdfasfasdf 46 fasdfasfasdf 47 fasdfasfasdf 48 fasdfasfasdf 49 fasdfasfasdf 50 fasdfasfasdf 51 fasdfasfasdf 52 fasdfasfasdf 53 fasdfasfasdf 54 fasdfasfasdf 55 fasdfasfasdf 56 fasdfasfasdf 57 fasdfasfasdf 58 fasdfasfasdf 59 fasdfasfasdf 60 fasdfasfasdf 61 fasdfasfasdf 62 fasdfasfasdf 63 fasdfasfasdf 64 fasdfasfasdf 65 fasdfasfasdf 66 fasdfasfasdf 67 fasdfasfasdf 68 fasdfasfasdf 69 fasdfasfasdf 70 fasdfasfasdf 71 fasdfasfasdf 72 fasdfasfasdf 73 fasdfasfasdf 74 fasdfasfasdf 75 fasdfasfasdf 76 fasdfasfasdf 77 fasdfasfasdf 78 fasdfasfasdf 79 fasdfasfasdf 80 fasdfasfasdf 81 fasdfasfasdf 82 fasdfasfasdf 83 fasdfasfasdf 84 fasdfasfasdf 85 fasdfasfasdf 86 fasdfasfasdf 87 fasdfasfasdf 88 fasdfasfasdf 89 fasdfasfasdf 90 fasdfasfasdf 91 fasdfasfasdf 92 fasdfasfasdf 93 fasdfasfasdf 94 fasdfasfasdf 95 fasdfasfasdf 96 fasdfasfasdf 97 fasdfasfasdf 98 fasdfasfasdf 99 fasdfasfasdf 100 fasdfasfasdf 101 fasdfasfasdf 102 fasdfasfasdf 103 fasdfasfasdf 104 fasdfasfasdf 105 fasdfasfasdf 106 fasdfasfasdf 107 fasdfasfasdf 108 fasdfasfasdf 109 fasdfasfasdf 110 fasdfasfasdf 111 fasdfasfasdf 112 fasdfasfasdf 113 fasdfasfasdf 114 fasdfasfasdf 115 fasdfasfasdf 116 fasdfasfasdf 117 fasdfasfasdf 118 fasdfasfasdf 119 fasdfasfasdf 120 fasdfasfasdf 121 fasdfasfasdf 122 fasdfasfasdf 123 fasdfasfasdf 124 fasdfasfasdf 125 fasdfasfasdf 126 fasdfasfasdf 127 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

fasdfasfasdf