Line 6: | Line 6: | ||
<style> | <style> | ||
− | .wrapper{ width:960px; height:2800px; margin:auto; position:relative; overflow:hidden; box-shadow:0 0 5px #000; border-radius:7px; margin-top: | + | .wrapper{ width:960px; height:2800px; margin:auto; position:relative; overflow:hidden; box-shadow:0 0 5px #000; border-radius:7px; margin-top:50px; margin-bottom:50px; z-index:1; background-color:#999999;} |
.hdr{ | .hdr{ | ||
Line 24: | Line 24: | ||
.slider{ float:left; width:190px; height:470px; position:relative; overflow:hidden;} | .slider{ float:left; width:190px; height:470px; position:relative; overflow:hidden;} | ||
− | + | .title{ display:block; background:#000; width:100%; position:absolute;} | |
+ | .light{ display:block; /*background:#FFF;*/ width:100%; position:absolute;} | ||
.light{ height:100%; top:0; opacity:.4;} | .light{ height:100%; top:0; opacity:.4;} | ||
− | .title{ height:50%; position:absolute; bottom:0; color:#FFF; opacity:. | + | .title{ height:50%; position:absolute; bottom:0; color:#FFF; opacity:.9; text-align:center; padding-top:.5em;} |
.slider:hover .light{ opacity:0;} | .slider:hover .light{ opacity:0;} |
Revision as of 11:08, 12 September 2016