update css for a better design
This commit is contained in:
@@ -1,51 +1,73 @@
|
|||||||
body {
|
body {
|
||||||
|
background: #cdf571 none repeat scroll 0 0;
|
||||||
color: #333;
|
color: #333;
|
||||||
font-family: Arial,Helvetica,sans-serif;
|
font-family: Arial,Helvetica,sans-serif;
|
||||||
font-size: 100%;
|
font-size: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
body warn {
|
body warn {
|
||||||
color: #FF0000;
|
color: #ff0000;
|
||||||
}
|
}
|
||||||
|
|
||||||
label {
|
label {
|
||||||
display: block;
|
display: block;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
button {
|
button {
|
||||||
|
cursor: pointer;
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
cursor:pointer;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.boxed {
|
.boxed {
|
||||||
background: #ECF4FF none repeat scroll 0 0;
|
background: #ecf4ff none repeat scroll 0 0;
|
||||||
border: 1px solid green;
|
border: 1px solid green;
|
||||||
padding: 6px;
|
padding: 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.wrapper {
|
.wrapper {
|
||||||
background-color:#FFFFFF;
|
background: transparent none repeat scroll 0 0;
|
||||||
margin-bottom:50px;
|
margin-bottom: 50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer {
|
.footer {
|
||||||
position:fixed;
|
bottom: 0;
|
||||||
height:50px;
|
font-size: small;
|
||||||
bottom:0px;
|
height: 50px;
|
||||||
margin-bottom:0px;
|
margin-bottom: 0;
|
||||||
font-size:small;
|
position: fixed;
|
||||||
z-index:-1;
|
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;}
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user