From cc873672d0a997d150770b116b2ea2c99f31b845 Mon Sep 17 00:00:00 2001 From: pepper Date: Wed, 4 Sep 2013 00:06:18 -0700 Subject: first commit --- style.css | 168 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 168 insertions(+) create mode 100644 style.css (limited to 'style.css') diff --git a/style.css b/style.css new file mode 100644 index 0000000..118ba71 --- /dev/null +++ b/style.css @@ -0,0 +1,168 @@ +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 { + 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:inherit; +} +.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") +} -- cgit v1.2.3-70-g09d2