update css for a better design

This commit is contained in:
2015-07-11 17:26:01 +03:00
parent 6318579e22
commit b5282bdf56

View File

@@ -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 {
margin-top: 5px;
cursor: pointer;
margin-top: 5px;
}
.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;
background: transparent none repeat scroll 0 0;
margin-bottom: 50px;
}
.footer {
position:fixed;
height:50px;
bottom:0px;
margin-bottom:0px;
bottom: 0;
font-size: small;
height: 50px;
margin-bottom: 0;
position: fixed;
z-index: -1;
}
/* 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;}
#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;
}