Team:UPO-Sevilla/test

From 2010.igem.org

(Difference between revisions)
Line 8: Line 8:
<!--  -->
<!--  -->
<html>
<html>
-
<script type="text/javascript" src="http://2010.igem.org/Team:UPO-Sevilla/files/highslide.js?action=raw&ctype=text/javascript"></script>
 
-
 
-
        <style type="text/css">
 
-
            /**
 
-
            * @file: highslide.css
 
-
            * @version: 4.1.8
 
-
            */
 
-
            .highslide-container div {
 
-
                font-family: Verdana, Helvetica;
 
-
                font-size: 10pt;
 
-
            }
 
-
            .highslide-container table {
 
-
                background: none;
 
-
            }
 
-
            .highslide {
 
-
                outline: none;
 
-
                text-decoration: none;
 
-
            }
 
-
            .highslide img {
 
-
                border: 2px solid silver;
 
-
            }
 
-
            .highslide:hover img {
 
-
                border-color: gray;
 
-
            }
 
-
            .highslide-active-anchor img {
 
-
                visibility: hidden;
 
-
            }
 
-
            .highslide-gallery .highslide-active-anchor img {
 
-
                border-color: black;
 
-
                visibility: visible;
 
-
                cursor: default;
 
-
            }
 
-
            .highslide-image {
 
-
                border-width: 2px;
 
-
                border-style: solid;
 
-
                border-color: white;
 
-
                background: gray;
 
-
            }
 
-
            .highslide-wrapper, .highslide-outline {
 
-
                background: white;
 
-
            }
 
-
            .glossy-dark {
 
-
                background: #111;
 
-
            }
 
-
 
-
            .highslide-image-blur {
 
-
            }
 
-
            .highslide-number {
 
-
                font-weight: bold;
 
-
                color: gray;
 
-
                font-size: .9em;
 
-
            }
 
-
            .highslide-caption {
 
-
                display: none;
 
-
                font-size: 1em;
 
-
                padding: 5px;
 
-
                /*background: white;*/
 
-
            }
 
-
            .highslide-heading {
 
-
                display: none;
 
-
                font-weight: bold;
 
-
                margin: 0.4em;
 
-
            }
 
-
            .highslide-dimming {
 
-
                position: absolute;
 
-
                background: black;
 
-
            }
 
-
            a.highslide-full-expand {
 
-
                background: url(graphics/fullexpand.gif) no-repeat;
 
-
                display: block;
 
-
                margin: 0 10px 10px 0;
 
-
                width: 34px;
 
-
                height: 34px;
 
-
            }
 
-
            .highslide-loading {
 
-
                display: block;
 
-
                color: black;
 
-
                font-size: 9px;
 
-
                font-weight: bold;
 
-
                text-transform: uppercase;
 
-
                text-decoration: none;
 
-
                padding: 3px;
 
-
                border: 1px solid white;
 
-
                background-color: white;
 
-
                padding-left: 22px;
 
-
                background-image: url(graphics/loader.white.gif);
 
-
                background-repeat: no-repeat;
 
-
                background-position: 3px 1px;
 
-
            }
 
-
            a.highslide-credits,
 
-
            a.highslide-credits i {
 
-
                padding: 2px;
 
-
                color: silver;
 
-
                text-decoration: none;
 
-
                font-size: 10px;
 
-
            }
 
-
            a.highslide-credits:hover,
 
-
            a.highslide-credits:hover i {
 
-
                color: white;
 
-
                background-color: gray;
 
-
            }
 
-
            .highslide-move, .highslide-move * {
 
-
                cursor: move;
 
-
            }
 
-
 
-
            .highslide-viewport {
 
-
                display: none;
 
-
                position: fixed;
 
-
                width: 100%;
 
-
                height: 100%;
 
-
                z-index: 1;
 
-
                background: none;
 
-
                left: 0;
 
-
                top: 0;
 
-
            }
 
-
            .highslide-overlay {
 
-
                display: none;
 
-
            }
 
-
            .hidden-container {
 
-
                display: none;
 
-
            }
 
-
            /* Example of a semitransparent, offset closebutton */
 
-
            .closebutton {
 
-
                position: relative;
 
-
                top: -15px;
 
-
                left: 15px;
 
-
                width: 30px;
 
-
                height: 30px;
 
-
                cursor: pointer;
 
-
                background: url(graphics/close.png);
 
-
                /* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
 
-
            }
 
-
 
-
            /*****************************************************************************/
 
-
            /* Thumbnail boxes for the galleries.                                        */
 
-
            /* Remove these if you are not using a gallery.                              */
 
-
            /*****************************************************************************/
 
-
 
-
            .highslide-gallery ul {
 
-
                list-style-type: none;
 
-
                margin: 0;
 
-
                padding: 0;
 
-
            }
 
-
            .highslide-gallery ul li {
 
-
                display: block;
 
-
                position: relative;
 
-
                float: left;
 
-
                width: 106px;
 
-
                height: 106px;
 
-
                border: 1px solid silver;
 
-
                background: #ededed;
 
-
                margin: 2px;
 
-
                line-height: 0;
 
-
                overflow: hidden;
 
-
            }
 
-
            .highslide-gallery ul a {
 
-
                position: absolute;
 
-
                top: 50%;
 
-
                left: 50%;
 
-
            }
 
-
            .highslide-gallery ul img {
 
-
                position: relative;
 
-
                top: -50%;
 
-
                left: -50%;
 
-
            }
 
-
            html>/**/body .highslide-gallery ul li {
 
-
                display: table;
 
-
                text-align: center;
 
-
            }
 
-
            html>/**/body .highslide-gallery ul li {
 
-
                text-align: center;
 
-
            }
 
-
            html>/**/body .highslide-gallery ul a {
 
-
                position: static;
 
-
                display: table-cell;
 
-
                vertical-align: middle;
 
-
            }
 
-
            html>/**/body .highslide-gallery ul img {
 
-
                position: static;
 
-
            }
 
-
 
-
            /*****************************************************************************/
 
-
            /* Controls for the galleries.     */
 
-
            /* Remove these if you are not using a gallery     */
 
-
            /*****************************************************************************/
 
-
            .highslide-controls {
 
-
                width: 195px;
 
-
                height: 40px;
 
-
                background: url(graphics/controlbar-white.gif) 0 -90px no-repeat;
 
-
                margin: 20px 15px 10px 0;
 
-
            }
 
-
            .highslide-controls ul {
 
-
                position: relative;
 
-
                left: 15px;
 
-
                height: 40px;
 
-
                list-style: none;
 
-
                margin: 0;
 
-
                padding: 0;
 
-
                background: url(graphics/controlbar-white.gif) right -90px no-repeat;
 
-
 
-
            }
 
-
            .highslide-controls li {
 
-
                float: left;
 
-
                padding: 5px 0;
 
-
                margin:0;
 
-
                list-style: none;
 
-
            }
 
-
            .highslide-controls a {
 
-
                background-image: url(graphics/controlbar-white.gif);
 
-
                display: block;
 
-
                float: left;
 
-
                height: 30px;
 
-
                width: 30px;
 
-
                outline: none;
 
-
            }
 
-
            .highslide-controls a.disabled {
 
-
                cursor: default;
 
-
            }
 
-
            .highslide-controls a.disabled span {
 
-
                cursor: default;
 
-
            }
 
-
            .highslide-controls a span {
 
-
                /* hide the text for these graphic buttons */
 
-
                display: none;
 
-
                cursor: pointer;
 
-
            }
 
-
 
-
 
-
            /* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */
 
-
            .highslide-controls .highslide-previous a {
 
-
                background-position: 0 0;
 
-
            }
 
-
            .highslide-controls .highslide-previous a:hover {
 
-
                background-position: 0 -30px;
 
-
            }
 
-
            .highslide-controls .highslide-previous a.disabled {
 
-
                background-position: 0 -60px !important;
 
-
            }
 
-
            .highslide-controls .highslide-play a {
 
-
                background-position: -30px 0;
 
-
            }
 
-
            .highslide-controls .highslide-play a:hover {
 
-
                background-position: -30px -30px;
 
-
            }
 
-
            .highslide-controls .highslide-play a.disabled {
 
-
                background-position: -30px -60px !important;
 
-
            }
 
-
            .highslide-controls .highslide-pause a {
 
-
                background-position: -60px 0;
 
-
            }
 
-
            .highslide-controls .highslide-pause a:hover {
 
-
                background-position: -60px -30px;
 
-
            }
 
-
            .highslide-controls .highslide-next a {
 
-
                background-position: -90px 0;
 
-
            }
 
-
            .highslide-controls .highslide-next a:hover {
 
-
                background-position: -90px -30px;
 
-
            }
 
-
            .highslide-controls .highslide-next a.disabled {
 
-
                background-position: -90px -60px !important;
 
-
            }
 
-
            .highslide-controls .highslide-move a {
 
-
                background-position: -120px 0;
 
-
            }
 
-
            .highslide-controls .highslide-move a:hover {
 
-
                background-position: -120px -30px;
 
-
            }
 
-
            .highslide-controls .highslide-full-expand a {
 
-
                background-position: -150px 0;
 
-
            }
 
-
            .highslide-controls .highslide-full-expand a:hover {
 
-
                background-position: -150px -30px;
 
-
            }
 
-
            .highslide-controls .highslide-full-expand a.disabled {
 
-
                background-position: -150px -60px !important;
 
-
            }
 
-
            .highslide-controls .highslide-close a {
 
-
                background-position: -180px 0;
 
-
            }
 
-
            .highslide-controls .highslide-close a:hover {
 
-
                background-position: -180px -30px;
 
-
            }
 
-
 
-
            /*****************************************************************************/
 
-
            /* Styles for the HTML popups     */
 
-
            /* Remove these if you are not using Highslide HTML     */
 
-
            /*****************************************************************************/
 
-
            .highslide-maincontent {
 
-
                display: none;
 
-
            }
 
-
            .highslide-html {
 
-
                background-color: white;
 
-
            }
 
-
            .highslide-html-content {
 
-
                display: none;
 
-
                width: 400px;
 
-
                padding: 0 5px 5px 5px;
 
-
            }
 
-
            .highslide-header {
 
-
                padding-bottom: 5px;
 
-
            }
 
-
            .highslide-header ul {
 
-
                margin: 0;
 
-
                padding: 0;
 
-
                text-align: right;
 
-
            }
 
-
            .highslide-header ul li {
 
-
                display: inline;
 
-
                padding-left: 1em;
 
-
            }
 
-
            .highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
 
-
                display: none;
 
-
            }
 
-
            .highslide-header a {
 
-
                font-weight: bold;
 
-
                color: gray;
 
-
                text-transform: uppercase;
 
-
                text-decoration: none;
 
-
            }
 
-
            .highslide-header a:hover {
 
-
                color: black;
 
-
            }
 
-
            .highslide-header .highslide-move a {
 
-
                cursor: move;
 
-
            }
 
-
            .highslide-footer {
 
-
                height: 16px;
 
-
            }
 
-
            .highslide-footer .highslide-resize {
 
-
                display: block;
 
-
                float: right;
 
-
                margin-top: 5px;
 
-
                height: 11px;
 
-
                width: 11px;
 
-
                background: url(graphics/resize.gif) no-repeat;
 
-
            }
 
-
            .highslide-footer .highslide-resize span {
 
-
                display: none;
 
-
            }
 
-
            .highslide-body {
 
-
            }
 
-
            .highslide-resize {
 
-
                cursor: nw-resize;
 
-
            }
 
-
 
-
            /*****************************************************************************/
 
-
            /* Styles for the Individual wrapper class names. */
 
-
            /* See www.highslide.com/ref/hs.wrapperClassName */
 
-
            /* You can safely remove the class name themes you don't use */
 
-
            /*****************************************************************************/
 
-
 
-
            /* hs.wrapperClassName = 'draggable-header' */
 
-
            .draggable-header .highslide-header {
 
-
                height: 18px;
 
-
                border-bottom: 1px solid #dddddd;
 
-
            }
 
-
            .draggable-header .highslide-heading {
 
-
                position: absolute;
 
-
                margin: 2px 0.4em;
 
-
            }
 
-
 
-
            .draggable-header .highslide-header .highslide-move {
 
-
                cursor: move;
 
-
                display: block;
 
-
                height: 16px;
 
-
                position: absolute;
 
-
                right: 24px;
 
-
                top: 0;
 
-
                width: 100%;
 
-
                z-index: 1;
 
-
            }
 
-
            .draggable-header .highslide-header .highslide-move * {
 
-
                display: none;
 
-
            }
 
-
            .draggable-header .highslide-header .highslide-close {
 
-
                position: absolute;
 
-
                right: 2px;
 
-
                top: 2px;
 
-
                z-index: 5;
 
-
                padding: 0;
 
-
            }
 
-
            .draggable-header .highslide-header .highslide-close a {
 
-
                display: block;
 
-
                height: 16px;
 
-
                width: 16px;
 
-
                background-image: url(graphics/closeX.png);
 
-
            }
 
-
            .draggable-header .highslide-header .highslide-close a:hover {
 
-
                background-position: 0 16px;
 
-
            }
 
-
            .draggable-header .highslide-header .highslide-close span {
 
-
                display: none;
 
-
            }
 
-
            .draggable-header .highslide-maincontent {
 
-
                padding-top: 1em;
 
-
            }
 
-
 
-
            /* hs.wrapperClassName = 'titlebar' */
 
-
            .titlebar .highslide-header {
 
-
                height: 18px;
 
-
                border-bottom: 1px solid #dddddd;
 
-
            }
 
-
            .titlebar .highslide-heading {
 
-
                position: absolute;
 
-
                width: 90%;
 
-
                margin: 1px 0 1px 5px;
 
-
                color: #666666;
 
-
            }
 
-
 
-
            .titlebar .highslide-header .highslide-move {
 
-
                cursor: move;
 
-
                display: block;
 
-
                height: 16px;
 
-
                position: absolute;
 
-
                right: 24px;
 
-
                top: 0;
 
-
                width: 100%;
 
-
                z-index: 1;
 
-
            }
 
-
            .titlebar .highslide-header .highslide-move * {
 
-
                display: none;
 
-
            }
 
-
            .titlebar .highslide-header li {
 
-
                position: relative;
 
-
                top: 3px;
 
-
                z-index: 2;
 
-
                padding: 0 0 0 1em;
 
-
            }
 
-
            .titlebar .highslide-maincontent {
 
-
                padding-top: 1em;
 
-
            }
 
-
 
-
            /* hs.wrapperClassName = 'no-footer' */
 
-
            .no-footer .highslide-footer {
 
-
                display: none;
 
-
            }
 
-
 
-
            /* hs.wrapperClassName = 'wide-border' */
 
-
            .wide-border {
 
-
                background: white;
 
-
            }
 
-
            .wide-border .highslide-image {
 
-
                border-width: 10px;
 
-
            }
 
-
            .wide-border .highslide-caption {
 
-
                padding: 0 10px 10px 10px;
 
-
            }
 
-
 
-
            /* hs.wrapperClassName = 'borderless' */
 
-
            .borderless .highslide-image {
 
-
                border: none;
 
-
            }
 
-
            .borderless .highslide-caption {
 
-
                border-bottom: 1px solid white;
 
-
                border-top: 1px solid white;
 
-
                background: silver;
 
-
            }
 
-
 
-
            /* hs.wrapperClassName = 'outer-glow' */
 
-
            .outer-glow {
 
-
                background: #444;
 
-
            }
 
-
            .outer-glow .highslide-image {
 
-
                border: 5px solid #444444;
 
-
            }
 
-
            .outer-glow .highslide-caption {
 
-
                border: 5px solid #444444;
 
-
                border-top: none;
 
-
                padding: 5px;
 
-
                background-color: gray;
 
-
            }
 
-
 
-
            /* hs.wrapperClassName = 'colored-border' */
 
-
            .colored-border {
 
-
                background: white;
 
-
            }
 
-
            .colored-border .highslide-image {
 
-
                border: 2px solid green;
 
-
            }
 
-
            .colored-border .highslide-caption {
 
-
                border: 2px solid green;
 
-
                border-top: none;
 
-
            }
 
-
 
-
            /* hs.wrapperClassName = 'dark' */
 
-
            .dark {
 
-
                background: #111;
 
-
            }
 
-
            .dark .highslide-image {
 
-
                border-color: black black #202020 black;
 
-
                background: gray;
 
-
            }
 
-
            .dark .highslide-caption {
 
-
                color: white;
 
-
                background: #111;
 
-
            }
 
-
            .dark .highslide-controls,
 
-
            .dark .highslide-controls ul,
 
-
            .dark .highslide-controls a {
 
-
                background-image: url(graphics/controlbar-black-border.gif);
 
-
            }
 
-
 
-
            /* hs.wrapperClassName = 'floating-caption' */
 
-
            .floating-caption .highslide-caption {
 
-
                position: absolute;
 
-
                padding: 1em 0 0 0;
 
-
                background: none;
 
-
                color: white;
 
-
                border: none;
 
-
                font-weight: bold;
 
-
            }
 
-
 
-
            /* hs.wrapperClassName = 'controls-in-heading' */
 
-
            .controls-in-heading .highslide-heading {
 
-
                color: gray;
 
-
                font-weight: bold;
 
-
                height: 20px;
 
-
                overflow: hidden;
 
-
                cursor: default;
 
-
                padding: 0 0 0 22px;
 
-
                margin: 0;
 
-
                background: url(graphics/icon.gif) no-repeat 0 1px;
 
-
            }
 
-
            .controls-in-heading .highslide-controls {
 
-
                width: 105px;
 
-
                height: 20px;
 
-
                position: relative;
 
-
                margin: 0;
 
-
                top: -23px;
 
-
                left: 7px;
 
-
                background: none;
 
-
            }
 
-
            .controls-in-heading .highslide-controls ul {
 
-
                position: static;
 
-
                height: 20px;
 
-
                background: none;
 
-
            }
 
-
            .controls-in-heading .highslide-controls li {
 
-
                padding: 0;
 
-
            }
 
-
            .controls-in-heading .highslide-controls a {
 
-
                background-image: url(graphics/controlbar-white-small.gif);
 
-
                height: 20px;
 
-
                width: 20px;
 
-
            }
 
-
 
-
            .controls-in-heading .highslide-controls .highslide-move {
 
-
                display: none;
 
-
            }
 
-
 
-
            .controls-in-heading .highslide-controls .highslide-previous a {
 
-
                background-position: 0 0;
 
-
            }
 
-
            .controls-in-heading .highslide-controls .highslide-previous a:hover {
 
-
                background-position: 0 -20px;
 
-
            }
 
-
            .controls-in-heading .highslide-controls .highslide-previous a.disabled {
 
-
                background-position: 0 -40px !important;
 
-
            }
 
-
            .controls-in-heading .highslide-controls .highslide-play a {
 
-
                background-position: -20px 0;
 
-
            }
 
-
            .controls-in-heading .highslide-controls .highslide-play a:hover {
 
-
                background-position: -20px -20px;
 
-
            }
 
-
            .controls-in-heading .highslide-controls .highslide-play a.disabled {
 
-
                background-position: -20px -40px !important;
 
-
            }
 
-
            .controls-in-heading .highslide-controls .highslide-pause a {
 
-
                background-position: -40px 0;
 
-
            }
 
-
            .controls-in-heading .highslide-controls .highslide-pause a:hover {
 
-
                background-position: -40px -20px;
 
-
            }
 
-
            .controls-in-heading .highslide-controls .highslide-next a {
 
-
                background-position: -60px 0;
 
-
            }
 
-
            .controls-in-heading .highslide-controls .highslide-next a:hover {
 
-
                background-position: -60px -20px;
 
-
            }
 
-
            .controls-in-heading .highslide-controls .highslide-next a.disabled {
 
-
                background-position: -60px -40px !important;
 
-
            }
 
-
            .controls-in-heading .highslide-controls .highslide-full-expand a {
 
-
                background-position: -100px 0;
 
-
            }
 
-
            .controls-in-heading .highslide-controls .highslide-full-expand a:hover {
 
-
                background-position: -100px -20px;
 
-
            }
 
-
            .controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
 
-
                background-position: -100px -40px !important;
 
-
            }
 
-
            .controls-in-heading .highslide-controls .highslide-close a {
 
-
                background-position: -120px 0;
 
-
            }
 
-
            .controls-in-heading .highslide-controls .highslide-close a:hover {
 
-
                background-position: -120px -20px;
 
-
            }
 
-
 
-
            /*****************************************************************************/
 
-
            /* Styles for text based controls.                     */
 
-
            /* You can safely remove this if you don't use text based controls */
 
-
            /*****************************************************************************/
 
-
 
-
            .text-controls .highslide-controls {
 
-
                width: auto;
 
-
                height: auto;
 
-
                margin: 0;
 
-
                text-align: center;
 
-
                background: none;
 
-
            }
 
-
            .text-controls ul {
 
-
                position: static;
 
-
                background: none;
 
-
                height: auto;
 
-
                left: 0;
 
-
            }
 
-
            .text-controls .highslide-move {
 
-
                display: none;
 
-
            }
 
-
            .text-controls li {
 
-
                background-image: url(graphics/controlbar-text-buttons.png);
 
-
                background-position: right top !important;
 
-
                padding: 0;
 
-
                margin-left: 15px;
 
-
                display: block;
 
-
                width: auto;
 
-
            }
 
-
            .text-controls a {
 
-
                background: url(graphics/controlbar-text-buttons.png) no-repeat;
 
-
                background-position: left top !important;
 
-
                position: relative;
 
-
                left: -10px;
 
-
                display: block;
 
-
                width: auto;
 
-
                height: auto;
 
-
                text-decoration: none !important;
 
-
            }
 
-
            .text-controls a span {
 
-
                background: url(graphics/controlbar-text-buttons.png) no-repeat;
 
-
                margin: 1px 2px 1px 10px;
 
-
                display: block;
 
-
                min-width: 4em;
 
-
                height: 18px;
 
-
                line-height: 18px;
 
-
                padding: 1px 0 1px 18px;
 
-
                color: #333;
 
-
                font-family: "Trebuchet MS", Arial, sans-serif;
 
-
                font-size: 12px;
 
-
                font-weight: bold;
 
-
                white-space: nowrap;
 
-
            }
 
-
            .text-controls .highslide-next {
 
-
                margin-right: 1em;
 
-
            }
 
-
            .text-controls .highslide-full-expand a span {
 
-
                min-width: 0;
 
-
                margin: 1px 0;
 
-
                padding: 1px 0 1px 10px;
 
-
            }
 
-
            .text-controls .highslide-close a span {
 
-
                min-width: 0;
 
-
            }
 
-
            .text-controls a:hover span {
 
-
                color: black;
 
-
            }
 
-
            .text-controls a.disabled span {
 
-
                color: #999;
 
-
            }
 
-
 
-
            .text-controls .highslide-previous span {
 
-
                background-position: 0 -40px;
 
-
            }
 
-
            .text-controls .highslide-previous a.disabled {
 
-
                background-position: left top !important;
 
-
            }
 
-
            .text-controls .highslide-previous a.disabled span {
 
-
                background-position: 0 -140px;
 
-
            }
 
-
            .text-controls .highslide-play span {
 
-
                background-position: 0 -60px;
 
-
            }
 
-
            .text-controls .highslide-play a.disabled {
 
-
                background-position: left top !important;
 
-
            }
 
-
            .text-controls .highslide-play a.disabled span {
 
-
                background-position: 0 -160px;
 
-
            }
 
-
            .text-controls .highslide-pause span {
 
-
                background-position: 0 -80px;
 
-
            }
 
-
            .text-controls .highslide-next span {
 
-
                background-position: 0 -100px;
 
-
            }
 
-
            .text-controls .highslide-next a.disabled {
 
-
                background-position: left top !important;
 
-
            }
 
-
            .text-controls .highslide-next a.disabled span {
 
-
                background-position: 0 -200px;
 
-
            }
 
-
            .text-controls .highslide-full-expand span {
 
-
                background: none;
 
-
            }
 
-
            .text-controls .highslide-full-expand a.disabled {
 
-
                background-position: left top !important;
 
-
            }
 
-
            .text-controls .highslide-close span {
 
-
                background-position: 0 -120px;
 
-
            }
 
-
 
-
 
-
            /*****************************************************************************/
 
-
            /* Styles for the thumbstrip.                     */
 
-
            /* See www.highslide.com/ref/hs.addSlideshow    */
 
-
            /* You can safely remove this if you don't use a thumbstrip */
 
-
            /*****************************************************************************/
 
-
 
-
            .highslide-thumbstrip {
 
-
                height: 100%;
 
-
            }
 
-
            .highslide-thumbstrip div {
 
-
                overflow: hidden;
 
-
            }
 
-
            .highslide-thumbstrip table {
 
-
                position: relative;
 
-
                padding: 0;
 
-
                border-collapse: collapse;
 
-
            }
 
-
            .highslide-thumbstrip td {
 
-
                padding: 1px;
 
-
                /*text-align: center;*/
 
-
            }
 
-
            .highslide-thumbstrip a {
 
-
                outline: none;
 
-
            }
 
-
            .highslide-thumbstrip img {
 
-
                display: block;
 
-
                border: 1px solid gray;
 
-
                margin: 0 auto;
 
-
            }
 
-
            .highslide-thumbstrip .highslide-active-anchor img {
 
-
                visibility: visible;
 
-
            }
 
-
            .highslide-thumbstrip .highslide-marker {
 
-
                position: absolute;
 
-
                width: 0;
 
-
                height: 0;
 
-
                border-width: 0;
 
-
                border-style: solid;
 
-
                border-color: transparent; /* change this to actual background color in highslide-ie6.css */
 
-
            }
 
-
            .highslide-thumbstrip-horizontal div {
 
-
                width: auto;
 
-
                /* width: 100% breaks in small strips in IE */
 
-
            }
 
-
            .highslide-thumbstrip-horizontal .highslide-scroll-up {
 
-
                display: none;
 
-
                position: absolute;
 
-
                top: 3px;
 
-
                left: 3px;
 
-
                width: 25px;
 
-
                height: 42px;
 
-
            }
 
-
            .highslide-thumbstrip-horizontal .highslide-scroll-up div {
 
-
                margin-bottom: 10px;
 
-
                cursor: pointer;
 
-
                background: url(graphics/scrollarrows.png) left center no-repeat;
 
-
                height: 42px;
 
-
            }
 
-
            .highslide-thumbstrip-horizontal .highslide-scroll-down {
 
-
                display: none;
 
-
                position: absolute;
 
-
                top: 3px;
 
-
                right: 3px;
 
-
                width: 25px;
 
-
                height: 42px;
 
-
            }
 
-
            .highslide-thumbstrip-horizontal .highslide-scroll-down div {
 
-
                margin-bottom: 10px;
 
-
                cursor: pointer;
 
-
                background: url(graphics/scrollarrows.png) center right no-repeat;
 
-
                height: 42px;
 
-
            }
 
-
            .highslide-thumbstrip-horizontal table {
 
-
                margin: 2px 0 10px 0;
 
-
            }
 
-
            .highslide-viewport .highslide-thumbstrip-horizontal table {
 
-
                margin-left: 10px;
 
-
            }
 
-
            .highslide-thumbstrip-horizontal img {
 
-
                width: auto;
 
-
                height: 40px;
 
-
            }
 
-
            .highslide-thumbstrip-horizontal .highslide-marker {
 
-
                top: 47px;
 
-
                border-left-width: 6px;
 
-
                border-right-width: 6px;
 
-
                border-bottom: 6px solid gray;
 
-
            }
 
-
            .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
 
-
                margin-left: 10px;
 
-
            }
 
-
            .dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
 
-
                border-bottom-color: white !important;
 
-
            }
 
-
 
-
            .highslide-thumbstrip-vertical-overlay {
 
-
                overflow: hidden !important;
 
-
            }
 
-
            .highslide-thumbstrip-vertical div {
 
-
                height: 100%;
 
-
            }
 
-
            .highslide-thumbstrip-vertical a {
 
-
                display: block;
 
-
            }
 
-
            .highslide-thumbstrip-vertical .highslide-scroll-up {
 
-
                display: none;
 
-
                position: absolute;
 
-
                top: 0;
 
-
                left: 0;
 
-
                width: 100%;
 
-
                height: 25px;
 
-
            }
 
-
            .highslide-thumbstrip-vertical .highslide-scroll-up div {
 
-
                margin-left: 10px;
 
-
                cursor: pointer;
 
-
                background: url(graphics/scrollarrows.png) top center no-repeat;
 
-
                height: 25px;
 
-
            }
 
-
            .highslide-thumbstrip-vertical .highslide-scroll-down {
 
-
                display: none;
 
-
                position: absolute;
 
-
                bottom: 0;
 
-
                left: 0;
 
-
                width: 100%;
 
-
                height: 25px;
 
-
            }
 
-
            .highslide-thumbstrip-vertical .highslide-scroll-down div {
 
-
                margin-left: 10px;
 
-
                cursor: pointer;
 
-
                background: url(graphics/scrollarrows.png) bottom center no-repeat;
 
-
                height: 25px;
 
-
            }
 
-
            .highslide-thumbstrip-vertical table {
 
-
                margin: 10px 0 0 10px;
 
-
            }
 
-
            .highslide-thumbstrip-vertical img {
 
-
                max-width: 60px;
 
-
            }
 
-
            .highslide-thumbstrip-vertical .highslide-marker {
 
-
                left: 0;
 
-
                margin-top: 8px;
 
-
                border-top-width: 6px;
 
-
                border-bottom-width: 6px;
 
-
                border-left: 6px solid gray;
 
-
            }
 
-
            .dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker {
 
-
                border-left-color: white;
 
-
            }
 
-
 
-
            .highslide-viewport .highslide-thumbstrip-float {
 
-
                overflow: auto;
 
-
            }
 
-
            .highslide-thumbstrip-float ul {
 
-
                margin: 2px 0;
 
-
                padding: 0;
 
-
            }
 
-
            .highslide-thumbstrip-float li {
 
-
                display: block;
 
-
                height: 60px;
 
-
                margin: 0 2px;
 
-
                list-style: none;
 
-
                float: left;
 
-
            }
 
-
            .highslide-thumbstrip-float img {
 
-
                display: inline;
 
-
                border-color: silver;
 
-
                max-height: 56px;
 
-
            }
 
-
            .highslide-thumbstrip-float .highslide-active-anchor img {
 
-
                border-color: black;
 
-
            }
 
-
            .highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div {
 
-
                display: none;
 
-
            }
 
-
            .highslide-thumbstrip-float .highslide-marker {
 
-
                display: none;
 
-
            }   
 
-
        </style>
 
-
<script type="text/javascript" language="javascript">
 
-
 
-
hs.graphicsDir = 'highslide/graphics/';
 
-
hs.align = 'center';
 
-
hs.transitions = ['expand', 'crossfade'];
 
-
hs.outlineType = 'rounded-white';
 
-
hs.fadeInOut = true;
 
-
            hs.dimmingOpacity = 0.5;
 
-
            hs.allowMultipleInstances = false;
 
-
            hs.captionEval = 'this.a.title';
 
-
            hs.showCredits = false;
 
-
hs.addSlideshow({
 
-
//slideshowGroup: 'group1',
 
-
interval: 5000,
 
-
repeat: false,
 
-
useControls: true,
 
-
fixedControls: 'fit',
 
-
overlayOptions: {
 
-
opacity: .75,
 
-
position: 'bottom center',
 
-
hideOnMouseOut: true
 
-
            }
 
-
            });
 
-
 
-
        </script>
 
-
 
-
 
         <script type="text/javascript" language="javascript">
         <script type="text/javascript" language="javascript">
         <!--
         <!--
Line 937: Line 20:
<h2>Gallery</h2>
<h2>Gallery</h2>
-
        <div class="highslide-gallery">
+
<object width="400" height="300"> <param name="flashvars" value="offsite=true&lang=es-us&page_show_url=%2Fphotos%2Figemuposevilla%2Fshow%2Fwith%2F4970711840%2F&page_show_back_url=%2Fphotos%2Figemuposevilla%2Fwith%2F4970711840%2F&user_id=53820570@N08&jump_to=4970711840"></param> <param name="movie" value="http://www.flickr.com/apps/slideshow/show.swf?v=71649"></param> <param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/slideshow/show.swf?v=71649" allowFullScreen="true" flashvars="offsite=true&lang=es-us&page_show_url=%2Fphotos%2Figemuposevilla%2Fshow%2Fwith%2F4970711840%2F&page_show_back_url=%2Fphotos%2Figemuposevilla%2Fwith%2F4970711840%2F&user_id=53820570@N08&jump_to=4970711840" width="400" height="300"></embed></object>
-
 
+
-
            <ul>
+
-
                <li>
+
-
                    <a href="http://ayudawordpress.com/wp-content/uploads/2008/08/imagen.jpg" class="highslide" onclick="return hs.expand(this)">
+
-
                        <img src="http://ayudawordpress.com/wp-content/uploads/2008/08/imagen.jpg" WIDTH=120 HEIGHT=120 alt="Highslide JS"
+
-
                            title="Click to enlarge" />
+
-
                    </a>
+
-
                    <div class="highslide-caption">Bacterias 1</div>
+
-
                </li>
+
-
                <li>
+
-
                    <a href="http://ayudawordpress.com/wp-content/uploads/2008/08/imagen.jpg" class="highslide" onclick="return hs.expand(this)">
+
-
                        <img src="http://ayudawordpress.com/wp-content/uploads/2008/08/imagen.jpg" WIDTH=120 HEIGHT=120 alt="Highslide JS"
+
-
                            title="Click to enlarge" />
+
-
                    </a>
+
-
                    <div class="highslide-caption">Bacterias 2</div>
+
-
                </li>
+
-
                <li>
+
-
                    <a href="http://ayudawordpress.com/wp-content/uploads/2008/08/imagen.jpg" class="highslide" onclick="return hs.expand(this)">
+
-
                        <img src="http://ayudawordpress.com/wp-content/uploads/2008/08/imagen.jpg" WIDTH=120 HEIGHT=120 alt="Highslide JS"
+
-
                            title="Click to enlarge" />
+
-
                    </a>
+
-
 
+
-
                    <div class="highslide-caption">Original</div>
+
-
                </li>
+
-
            </ul>
+
-
 
+
-
        </div>
+
-
<br/>
+
-
<div class="clear"></div>
+
</html>
</html>

Revision as of 10:03, 8 September 2010

Gallery

Footer