#actuality_index{ .header{ background:url('/assets/bg-green-dark.jpg') white; h1{text-shadow: rgba(0,0,0,0.8) 1px 1px 0px;} } } #actualities_index{ position:fixed; top:85px; right:0px; bottom:0px; left:0px; overflow:auto; width:100%; table{ td{ padding:10px; } .active{ td{ box-shadow: inset 0 8px 8px -8px rgba(0,0,0,0.4), inset 0 -8px 8px -8px rgba(0,0,0,0.4); } } tr{ td:first-of-type{ padding-left:20px; } td:last-of-type{ padding-right:20px; } &:hover{ td{ box-shadow: inset 0 8px 8px -8px rgba(0,0,0,0.4), inset 0 -8px 8px -8px rgba(0,0,0,0.4); } } } } } #actuality_detail{ position:fixed; top:75px; right:0px; background:url('/assets/bg-dark.jpg') black; bottom:70px; width:99.8%; display:none; margin-right:-110%; box-shadow: 0 0 30px rgba(0,0,0,1); border-radius: 10px 0px 0px 10px; .header{ background:transparent; h1{ font-family:'Gill Sans' ; text-shadow: rgba(0,0,0,0.8) 1px 1px 0px; font-size:24px; font-weight:normal; em{ font-size:13px; padding-left:10px; } } .desc{ .img{ box-shadow: 0 0 15px rgba(0,0,0,0.8); background:white; padding:10px; display:block; margin:auto; } color:white !important; position:absolute; top:50px; left:10px; bottom:10px; width:370px; overflow:auto; text-align:justify; padding-right:10px; } } #actuality_block_edit{ position: absolute; top:50px; border:1px solid black; bottom:10px; left:400px; right:10px; overflow:auto; background:url('/assets/bg-white.jpg'); } }