Title 1
Description 1
body,html { font-size:100%; padding:0; margin:0; } /* Reset */ *,*:after,*:before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .clearfix:before,.clearfix:after { content:" "; display:table; } .clearfix:after { clear:both; } body { background:#494A5F; color:#D5D6E2; font-weight:500; font-size:1.05em; font-family:"Microsoft YaHei","宋体","Segoe UI","Lucida Grande",Helvetica,Arial,sans-serif,FreeSans,Arimo; } a { color:#2fa0ec; text-decoration:none; outline:none; } a:hover,a:focus { color:#74777b; } #gallery-wrapper { position:relative; max-width:75%; width:75%; margin:50px auto; } img.thumb { width:100%; max-width:100%; height:auto; } .white-panel { position:absolute; background:white; border-radius:5px; box-shadow:0px 1px 2px rgba(0,0,0,0.3); padding:10px; } .white-panel h1 { font-size:1em; } .white-panel h1 a { color:#A92733; } .white-panel:hover { box-shadow:1px 1px 10px rgba(0,0,0,0.5); margin-top:-5px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }