laurence

2 files changed, 479 insertions, 0 deletions

diff --git a/css/jquery.fancybox.css b/css/jquery.fancybox.css
new file mode 100644
index 0000000..05a191e
--- /dev/null
+++ b/css/jquery.fancybox.css
@@ -0,0 +1,274 @@
+/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
+.fancybox-wrap,
+.fancybox-skin,
+.fancybox-outer,
+.fancybox-inner,
+.fancybox-image,
+.fancybox-wrap iframe,
+.fancybox-wrap object,
+.fancybox-nav,
+.fancybox-nav span,
+.fancybox-tmp
+{
+	padding: 0;
+	margin: 0;
+	border: 0;
+	outline: none;
+	vertical-align: top;
+}
+
+.fancybox-wrap {
+	position: absolute;
+	top: 0;
+	left: 0;
+	z-index: 8020;
+}
+
+.fancybox-skin {
+	position: relative;
+	background: #f9f9f9;
+	color: #444;
+	text-shadow: none;
+	-webkit-border-radius: 4px;
+	   -moz-border-radius: 4px;
+	        border-radius: 4px;
+}
+
+.fancybox-opened {
+	z-index: 8030;
+}
+
+.fancybox-opened .fancybox-skin {
+	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
+	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
+	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
+}
+
+.fancybox-outer, .fancybox-inner {
+	position: relative;
+}
+
+.fancybox-inner {
+	overflow: hidden;
+}
+
+.fancybox-type-iframe .fancybox-inner {
+	-webkit-overflow-scrolling: touch;
+}
+
+.fancybox-error {
+	color: #444;
+	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
+	margin: 0;
+	padding: 15px;
+	white-space: nowrap;
+}
+
+.fancybox-image, .fancybox-iframe {
+	display: block;
+	width: 100%;
+	height: 100%;
+}
+
+.fancybox-image {
+	max-width: 100%;
+	max-height: 100%;
+}
+
+#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
+	background-image: url('../images/fancybox_sprite.png');
+}
+
+#fancybox-loading {
+	position: fixed;
+	top: 50%;
+	left: 50%;
+	margin-top: -22px;
+	margin-left: -22px;
+	background-position: 0 -108px;
+	opacity: 0.8;
+	cursor: pointer;
+	z-index: 8060;
+}
+
+#fancybox-loading div {
+	width: 44px;
+	height: 44px;
+	background: url('../images/fancybox_loading.gif') center center no-repeat;
+}
+
+.fancybox-close {
+	position: absolute;
+	top: -18px;
+	right: -18px;
+	width: 36px;
+	height: 36px;
+	cursor: pointer;
+	z-index: 8040;
+}
+
+.fancybox-nav {
+	position: absolute;
+	top: 0;
+	width: 40%;
+	height: 100%;
+	cursor: pointer;
+	text-decoration: none;
+	background: transparent url('../images/blank.gif'); /* helps IE */
+	-webkit-tap-highlight-color: rgba(0,0,0,0);
+	z-index: 8040;
+}
+
+.fancybox-prev {
+	left: 0;
+}
+
+.fancybox-next {
+	right: 0;
+}
+
+.fancybox-nav span {
+	position: absolute;
+	top: 50%;
+	width: 36px;
+	height: 34px;
+	margin-top: -18px;
+	cursor: pointer;
+	z-index: 8040;
+	visibility: hidden;
+}
+
+.fancybox-prev span {
+	left: 10px;
+	background-position: 0 -36px;
+}
+
+.fancybox-next span {
+	right: 10px;
+	background-position: 0 -72px;
+}
+
+.fancybox-nav:hover span {
+	visibility: visible;
+}
+
+.fancybox-tmp {
+	position: absolute;
+	top: -99999px;
+	left: -99999px;
+	visibility: hidden;
+	max-width: 99999px;
+	max-height: 99999px;
+	overflow: visible !important;
+}
+
+/* Overlay helper */
+
+.fancybox-lock {
+    overflow: hidden !important;
+    width: auto;
+}
+
+.fancybox-lock body {
+    overflow: hidden !important;
+}
+
+.fancybox-lock-test {
+    overflow-y: hidden !important;
+}
+
+.fancybox-overlay {
+	position: absolute;
+	top: 0;
+	left: 0;
+	overflow: hidden;
+	display: none;
+	z-index: 8010;
+	background: url('../images/fancybox_overlay.png');
+}
+
+.fancybox-overlay-fixed {
+	position: fixed;
+	bottom: 0;
+	right: 0;
+}
+
+.fancybox-lock .fancybox-overlay {
+	overflow: auto;
+	overflow-y: scroll;
+}
+
+/* Title helper */
+
+.fancybox-title {
+	visibility: hidden;
+	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
+	position: relative;
+	text-shadow: none;
+	z-index: 8050;
+}
+
+.fancybox-opened .fancybox-title {
+	visibility: visible;
+}
+
+.fancybox-title-float-wrap {
+	position: absolute;
+	bottom: 0;
+	right: 50%;
+	margin-bottom: -35px;
+	z-index: 8050;
+	text-align: center;
+}
+
+.fancybox-title-float-wrap .child {
+	display: inline-block;
+	margin-right: -100%;
+	padding: 2px 20px;
+	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
+	background: rgba(0, 0, 0, 0.8);
+	-webkit-border-radius: 15px;
+	   -moz-border-radius: 15px;
+	        border-radius: 15px;
+	text-shadow: 0 1px 2px #222;
+	color: #FFF;
+	font-weight: bold;
+	line-height: 24px;
+	white-space: nowrap;
+}
+
+.fancybox-title-outside-wrap {
+	position: relative;
+	margin-top: 10px;
+	color: #fff;
+}
+
+.fancybox-title-inside-wrap {
+	padding-top: 10px;
+}
+
+.fancybox-title-over-wrap {
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	color: #fff;
+	padding: 10px;
+	background: #000;
+	background: rgba(0, 0, 0, .8);
+}
+
+/*Retina graphics!*/
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
+	   only screen and (min--moz-device-pixel-ratio: 1.5),
+	   only screen and (min-device-pixel-ratio: 1.5){
+
+	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
+		background-image: url('../images/fancybox_sprite@2x.png');
+		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
+	}
+
+	#fancybox-loading div {
+		background-image: url('../images/fancybox_loading@2x.gif');
+		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
+	}
+}
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
new file mode 100644
index 0000000..6cc8421
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,205 @@
+body {
+	margin:0;
+}
+.hide{
+	display:none;
+}
+#colorpicker
+{
+	width:100%;
+	font-family:helvetica; 
+	font-size:10px; 
+	background-color: gray;	
+	background-color: black;
+	background-image: url("../images/bg.dither.gif");
+}
+#infoswitch, #hexswitch, #backgroundswitch
+{
+	background-image:url("../images/gradient.jpg");
+	cursor:pointer;
+}
+#bg_menu {
+	height: 100px;
+	width: 300px;
+	background-color:red;
+}
+.bgOptions{
+  font-family: 'Chivo', sans-serif;
+  font-style: italic;
+  font-size: 0.6em;
+  cursor: pointer;
+}
+#bg1{ 
+background-color: black;
+background-image: url("../images/bg.dither.gif");
+}
+#bg1text{
+  background: rgb(204,204,204);
+  background-image: none;
+}
+#bg2{
+background-color: black;
+color: whitesmoke;
+}
+#bg3{
+background-color: white;
+color: black;
+}
+#bg4{
+background-color: gray;
+color: black;
+}
+#bg5{}
+#preview {
+	height:150px;
+}
+#transparent,#submitvalue {
+	font-size:12px;
+}
+#namespace {
+	width:inherit;
+}
+#container {
+	margin:0 auto;
+	width:31%;
+	padding-top:100px;
+	padding-right:10px;
+	padding-left:10px;
+	text-align:center;
+	font-size:0;
+}
+#container div
+{
+	text-align:left;
+	display: -moz-inline-stack;
+	display:inline-block;
+	vertical-align:bottom;
+	min-height: 30px;
+	zoom: 1;
+	word-wrap: break-word;
+	*display: inline;
+	cursor:pointer;
+}
+.colors
+{
+	font-size: 9px;
+	margin:2px 2px 0px 0px;
+}
+#colornames {
+	color:white;
+	position:fixed;	
+	top:50px;
+	left:2%;
+	width:400px;
+	font-size: 49px; 
+	text-shadow: black 1px 2px; 
+	display: block;
+}
+#infoswitch, #hexswitch, #backgroundswitch {
+	background-image:url('../images/gradient.jpg');
+	cursor:pointer;
+	font-size: 19px;
+	text-shadow: none;
+}
+#infoswitch span{
+	display: none;
+}
+#switches {
+	position:fixed;
+	top: 118px; 
+	right:1%;
+	height: 540px;
+	width: 334px;
+	font-size:20px;
+	border-style: groove;
+	border-width: 4px;
+	background-color:gray;
+	padding:2px;
+	box-shadow: 10px 10px 5px #141414;
+	z-index: 10;  
+	overflow: hidden; 
+}
+.switches_depressed{
+  color: #aaa;
+}
+#nameholder, #namespace {
+	font-size: 30px;
+	width:70%;
+}
+.defaulttrans{
+	color:#141414;
+	box-shadow:10px 10px 5px #141414;
+	background-color:#D1D1D1;
+	border-width:2px;
+	border-style:outset;
+	cursor:pointer;
+}
+.hovertrans{
+	background-color:DarkGrey;
+	color:#383838;
+	box-shadow:5px 5px 2px #141414;
+}
+#vasebackground {
+	position: fixed; 
+	z-index: 2; 
+	height: 120px; 
+	width: 69px; 
+	top: 2px; 
+	right: 30px; 
+	background-color: rgb(171, 171, 171);
+}
+#vase {
+	position:fixed; 
+	z-index:3; 
+	height:120px; 
+	width:69px; 
+	top:2px; 
+	right:30px; 
+	background-image:url("../images/vase.png");
+}
+#vaseshim {
+	position:fixed; 
+	z-index:4; 
+	height:120px; 
+	width:69px; 
+	top:2px; 
+	right:30px; 
+	background-image:url("../images/vaseshim.png")
+}
+label {
+	display: inline-block;
+	width: 190px;
+	padding-right: 10px;
+	text-align: right;
+	color: #555;
+}
+#controls {
+	display: inline-block;
+	padding: 10px;
+	width: 430px;
+	height:402px;
+	position: absolute;
+	background-color: #fff;
+	background-image: url("../images/imcupbg.jpg");
+	background-position: center center;		
+}
+.shim {
+	height: 10px;
+	clear: both;
+	display: block;
+}
+#controls *{
+	padding: 0;
+	margin: 0;
+	font-family: sans-serif;
+	font-size: 14px;	
+}
+#controls a{
+	color: #a39;
+	font-weight: bold;
+	text-decoration:underline;
+}
+#controls a:hover{
+	cursor:pointer;
+	text-decoration:underline;
+}
\ No newline at end of file