diff options
Diffstat (limited to 'style.css')
| -rw-r--r-- | style.css | 168 |
1 files changed, 168 insertions, 0 deletions
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")
+}
|