improve css

This commit is contained in:
2015-07-09 13:40:57 +03:00
parent d84d380c6a
commit fa83799292
3 changed files with 7 additions and 58 deletions

View File

@@ -15,6 +15,7 @@ label {
button {
margin-top: 5px;
cursor:pointer;
}
.boxed {
@@ -24,66 +25,13 @@ button {
}
/* New click/hide */
#gallery {position:relative; line-height:20px; width:705px; padding: 50px 0 0 10px; background:url(pointer.jpg) no-repeat left top; height:450px;}
#gallery {position:relative; line-height:20px; width:705px; padding-left:10px; margin-bottom:100px; height:450px;}
#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:380px; display:block; width:370px; background:#fff; z-index:200;}
/* Click Toogle */
/* always visible */
#outer .holder {
padding:1em;
border:1px solid #ddd;
margin:0 20px 10px 0;
}
#outer .holder p {
padding:5px 0 0 0;
margin:0;
}
#outer .holder p.bold {
font-weight:bold;
}
#outer .holder h2 {
margin:0;
padding:0;
}
/* unclicked style div.more */
#outer div.more i {
float:left;
margin-right:-10px 10px 0 0;
cursor:pointer;
color:#c00;
font-weight:bold;
}
#outer div.more button.hide {
display:none;
}
#outer div.more p {
display:none;
}
#outer div.more form {
display:none;
}
/* clicked style div.click */
#outer div.click button.show {
display:none;
}
#outer div.click button.hide {
display:block;
}
#outer div.click p {
display:block;
}
#outer div.click form {
display:block;
}
#gallery .show {position:absolute; top:0; left:400px; padding-bottom: 30px; display:block; width:370px; z-index:200;}