|
|
| Line 965: |
Line 965: |
| | </body> | | </body> |
| | </html> | | </html> |
| - |
| |
| - |
| |
| - | <!--<html>
| |
| - | <div id="twitter" class="twitter" onclick="showTweets()">
| |
| - | <img class="" src="https://static.igem.org/mediawiki/2010/8/8d/TwitterBacterialCrowding.png" alt="Twitter Logo" />
| |
| - | </div>
| |
| - | </html>
| |
| - | <div class=globalBC>
| |
| - | {{:Team:UPO-Sevilla/header}}
| |
| - | <!-- -->
| |
| - | <html>
| |
| - | <script type="text/javascript" src="https://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">
| |
| - | <!--
| |
| - | current("home","https://static.igem.org/mediawiki/2010/1/10/BannerHomeBacterialCrowding.png");
| |
| - | -->
| |
| - | </script>
| |
| - | </html>
| |
| - |
| |
| - | <div class=contentBC>
| |
| - | <html>
| |
| - |
| |
| - | <h2>Gallery</h2>
| |
| - |
| |
| - | <div class="highslide-gallery">
| |
| - |
| |
| - | <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>
| |
| - | <!-- [[Image:Faces banner.jpg|center|frame|]] -->
| |
| - | </div>
| |
| - | {{:Team:UPO-Sevilla/footer}}
| |
| - | </div>
| |
| - | -->
| |
"
