User:Micro01/vector.css

/* THIS NOTICE MUST REMAIN INTACT.

Copyright 2011 Quincy Lam aka Micro01 aka reikaze E-mail: lklq@live.com

This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by   the Free Software Foundation, either version 3 of the License, or    (at your option) any later version.

This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.

You should have received a copy of the GNU General Public License along with this program. If not, see .



background-color: rgba(0,0,0,0.98); display: block; z-index: 99999999; overflow: visible; position: fixed; top: 0; overflow: visible; }
 * 1) darknessBox {

color: white; position: absolute; right: 0; z-index: 99999999999; }
 * 1) closeText {

position: absolute; background-color: rgba(130,130,130,0.8); border-top-left-radius: 15%; border-bottom-left-radius: 15%; right: 0; top: 2em; z-index: 99999999999; }
 * 1) startSlideshow {

display:block; }
 * 1) startSlideshow img {

color: #ddd; font-size: 0.6em; z-index: 99999999999; text-align: center; padding-left:0.5em; padding-right: 0.5em; }
 * 1) timeoutForm {

width: 4em; }
 * 1) timeoutField {

height: 61%; max-width: 98%; display: block; position: absolute; top: 19%; left: 1%; right: 1%; }
 * 1) bigImage, #previousImage {

position:absolute; left:-1em; top: 0; overflow: auto; display: inline-block; height: 100%; width: 10%; padding-top: 0em; padding-bottom: 10em; }
 * 1) listContainer {

list-style: none none; //no bullets, no image bullets text-align: center; }
 * 1) thumbStrip {

display: inline;
 * 1) thumbStrip li {

margin: 0 auto;

margin-bottom: 1em; }

height: 6em; width: 6em; display: block; border: 0 none; }
 * 1) thumbStrip li img {

/*this is so ingenious. http://perishablepress.com/press/2008/06/14/a-way-to-preload-images-without-javascript-that-is-so-much-better/ */ display:none; }
 * 1) preload {

div.upScrollContainer, div.downScrollContainer { width: 20%; height: 1em; color:#ddd; background-color: rgba(130,130,130,0.98); text-align: center; font-weight: bold; padding: 2px 2px; }

position: absolute; margin: 0 auto; left: 40%; }
 * 1) imageContainer div.upScrollContainer, #imageContainer div.downScrollContainer {

top: 0; }
 * 1) imageContainer div.upScrollContainer {

margin-top: 100%; }
 * 1) imageContainer div.downScrollContainer {

div.upScrollContainer { position: fixed; top:0; }

div.downScrollContainer { position: fixed; bottom: 0em; } /* div.scrollButton { color: #ddd; text-align: center; background-color: rgba(130,130,130,0.8); position: absolute; font-weight: bold; font-size: 1.2em; z-order: 9999999999; display:none; width: 13%; left:3%; }

position:fixed; top: 1em; border-bottom-left-radius: 15%; border-bottom-right-radius: 15%; }
 * 1) upScrollButton {

position: fixed; bottom: 1em; border-top-left-radius: 15%; border-top-right-radius: 15%; }	position:absolute; left:20%; top: 0%; height: 100%; width: 80%; overflow:hidden; }
 * 1) downScrollButton {
 * 1) imageContainer {
 * 1) imageContainer {

position: fixed; bottom: 0; z-index: 999999999; text-align: right; left: 20%; width: 80%; }
 * 1) infoSlider {

position: relative; top: -100%; background-color: rgba(130,130,130,0.98); border-top-left-radius: 15%; border-top-right-radius: 15%; }
 * 1) infoSlider > img {

border: 0.5em solid #9fc; background-color: white; min-height: 3em; width: 100%; text-align:left; }
 * 1) infoPane {