|
|
| Line 75: |
Line 75: |
| | } | | } |
| | | | |
| - |
| |
| - | #rightmenu
| |
| - | {
| |
| - | list-style: none;
| |
| - | float: right;
| |
| - | width: 20%;
| |
| - | margin-right: 12%;
| |
| - | display: inline-block;
| |
| - | min-width: 200px;
| |
| - | margin-top: 50px;
| |
| - | }
| |
| - |
| |
| - | #rightmenu li {
| |
| - | list-style: none;
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | background: rgb(211,0,0);
| |
| - | line-height: 50px;
| |
| - |
| |
| - |
| |
| - | border-style: solid;
| |
| - | border-width: 0px 0px 3px;
| |
| - | -moz-border-image: url(https://static.igem.org/mediawiki/2014/c/cc/ATOMS-Turkiye_separator_right.png) 3 26 3 27 stretch repeat;
| |
| - | -webkit-border-image: url(https://static.igem.org/mediawiki/2014/c/cc/ATOMS-Turkiye_separator_right.png) 3 26 3 27 stretch repeat;
| |
| - | -o-border-image: url(https://static.igem.org/mediawiki/2014/c/cc/ATOMS-Turkiye_separator_right.png) 3 26 3 27 stretch repeat;
| |
| - | border-image: url(https://static.igem.org/mediawiki/2014/c/cc/ATOMS-Turkiye_separator_right.png) 3 26 3 27 stretch repeat;
| |
| - | }
| |
| - |
| |
| - | #rightmenu li:last-child {
| |
| - | border-bottom: 0;
| |
| - | }
| |
| - |
| |
| - | #rightmenu a {
| |
| - | font-family: "Khmer UI", sans-serif;
| |
| - | color: #ffffff;
| |
| - | display: block;
| |
| - | text-align: center;
| |
| - | text-decoration: none;
| |
| - | margin: 0;
| |
| - | padding-top: 0px;
| |
| - | height: 50px;
| |
| - | background: rgb(211,0,0);
| |
| - | }
| |
| - |
| |
| - | #rightmenu a:hover {
| |
| - | background: rgb(160,40,40);
| |
| - | }
| |
| - |
| |
| - | </style>
| |
| - |
| |
| - | <script>
| |
| - | $(document).ready(function(){
| |
| - |
| |
| - | var captions = new Array();
| |
| - | captions["This is a test caption. For more info click this caption."] = "http://link_to_caption1";
| |
| - | captions["This is a test caption. For more info click this caption."] = "http://link_to_caption2";
| |
| - | captions["This is a test caption. For more info click this caption."] = "http://link_to_caption3";
| |
| - | captions["This is a test caption. For more info click this caption."] = "http://link_to_caption4";
| |
| - | captions["This is a test caption. For more info click this caption."] = "http://link_to_caption5";
| |
| - |
| |
| - | var keys = [];
| |
| - | for (var key in captions) {
| |
| - | if (captions.hasOwnProperty(key)) {
| |
| - | keys.push(key);
| |
| - | }
| |
| - | }
| |
| - |
| |
| - | $('.bxslider img').each(function( index ) {
| |
| - | $(this).attr("title",keys[index]);
| |
| - | });
| |
| - | $('.bxslider').bxSlider({
| |
| - | adaptiveHeight: true,
| |
| - | slideWidth: 500,
| |
| - | captions: true,
| |
| - | pagerCustom: '#bx-pager'
| |
| - | });
| |
| - |
| |
| - |
| |
| - | $('.bx-caption span').click(function() {
| |
| - | window.location = captions[$(this).text()];
| |
| - | });
| |
| - |
| |
| - | });
| |
| - | </script>
| |
| - |
| |
| - | </head>
| |
| - |
| |
| - | <body>
| |
| - |
| |
| - | <ul id="rightmenu">
| |
| - | <li><a href="#">At A Glance</a></li>
| |
| - | <li><a href="#">Project Data</a></li>
| |
| - | <li><a href="#">Interlab Study</a></li>
| |
| - | <li><a href="#">P&P Approach</a></li>
| |
| - | </ul>
| |
| | | | |
| | <div class="slider-container" style="width: 600px; margin-left: 18%; margin-right: 30%"> | | <div class="slider-container" style="width: 600px; margin-left: 18%; margin-right: 30%"> |
"
