.spoilertitle:focus + .spoilerContent { display: block; } .spoilerContent { box-shadow: 0px 0px 10px black; } body { font-family: monospace; font-size: 15px; color: #FFF; background-color: #000; width: 100%; overflow: none; } .clear { clear: both; height: 0; } .upbar { display: inline-block; color: white; position: fixed; bottom: 20px; right: 20px; overflow: hidden; z-index: 1; width:55.5px; height:55.5px; line-height:56px; padding: 0; background-color:red; border-radius: 50%; transition: .3s; cursor:pointer; vertical-align: middle; text-decoration: none; text-align: center; letter-spacing: .5px; border: none; outline: 0; text-transform: uppercase; font-size: 40px; box-shadow: 0px 10px 30px black; } h1 { text-align:center; } .table { background-color: #212121; } .tablerow { width:100%; } nav { background-color: #303030; } aside { background-color: #303030; } article { background-color: #282828; } ul { padding-left:16px; } li { padding-left:16px; } .spoiler { opacity: 0.0; filter: alpha(opacity=0); } .spoiler:hover { opacity: 1.0; filter: alpha(opacity=100); } a { color: #0FF; } pre { width:100%; background-color: #000000; border-left: 1em solid green; }