diff --git a/static/style.css b/static/style.css index 9108e15..86525fd 100644 --- a/static/style.css +++ b/static/style.css @@ -1,51 +1,73 @@ body { + background: #cdf571 none repeat scroll 0 0; color: #333; font-family: Arial,Helvetica,sans-serif; font-size: 100%; } - body warn { - color: #FF0000; + color: #ff0000; } - label { display: block; margin-top: 10px; } - button { + cursor: pointer; margin-top: 5px; - cursor:pointer; } - .boxed { - background: #ECF4FF none repeat scroll 0 0; + background: #ecf4ff none repeat scroll 0 0; border: 1px solid green; padding: 6px; } - .wrapper { - background-color:#FFFFFF; - margin-bottom:50px; + background: transparent none repeat scroll 0 0; + margin-bottom: 50px; } - .footer { - position:fixed; - height:50px; - bottom:0px; - margin-bottom:0px; - font-size:small; - z-index:-1; + bottom: 0; + font-size: small; + height: 50px; + margin-bottom: 0; + position: fixed; + z-index: -1; +} +#gallery { + background-color: #ffffff; + height: 100%; + line-height: 20px; + padding: 10px; + position: relative; + width: 380px; +} +#gallery .switch { + color: #000; + cursor: pointer; + display: block; + font-weight: normal; +} +#gallery .switch .turn_off { + display: none; +} +#gallery .off { + color: #c00; +} +#gallery .off .turn_off { + display: inline; +} +#gallery .off .turn_on { + display: none; +} +#gallery .hide { + display: none; +} +#gallery .show { + background-color: #fff; + display: block; + left: 420px; + padding: 10px; + position: absolute; + top: 0; + width: 370px; + z-index: 200; } - -/* New click/hide */ -#gallery {position:relative; line-height:20px; width:380px; padding:0 0 10px 10px; margin-bottom:100px; height:100%;} -#gallery .switch {display:block; cursor:pointer; color:#000; font-weight:normal;} -#gallery .switch .turn_off {display:none;} -#gallery .off {color:#c00;} -#gallery .off .turn_off {display:inline;} -#gallery .off .turn_on {display:none;} -#gallery .hide {display:none;} -#gallery .show {position:absolute; top:0; left:400px; padding-bottom: 30px; display:block; width:370px; z-index:200;} - -