update css for a better design
This commit is contained in:
@@ -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;}
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user