* { padding: 0; margin: 0; } html, body { margin: 0; padding: 0; background-color: #262626; position: relative; height: 100%; color: #fff; font-family: Helvetica, Arial, sans-serif; font-size: 12px; overflow: hidden; } body { margin-top: 0 !important; padding-top: 0 !important; } a { color: #9f0; text-decoration: none; } a:hover { color: #74c100; text-decoration: underline; } a.thumb { width: 128px; height: 128px; margin: 0 8px 8px 0; float: left; outline: none; background-size: cover; background-position: center center; box-shadow: inset 0 0 10px #4c4a4a; } a.thumb:hover { opacity: 0.5; box-shadow: inset 0 0 10px #9f0; } div#page { position: absolute; margin: 0 auto; overflow: hidden; top: 22px; bottom: 16px; } div#thumbs { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-color: #040; } .navbar { margin: 0 auto; width: 100%; border: 0; padding-top: 0; padding-bottom: 0; font-weight: bold; position: fixed; overflow: visible; z-index: 999; background-color: #484747; border-bottom: 2px solid #9f0; text-align: center; } div.pscroll { opacity: 0.7; position: absolute; display: inline-block; height: 64px; width: 64px; left: 50%; cursor: pointer; margin-left: -36px; z-index: 999; } div.pscroll:hover { opacity: 0.9; } div#up { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAANlBMVEUiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIjIyP///8iIiLm5uY3NzdKSkpAQEAqKipZf6aEAAAACnRSTlOxIfAAKvPn6quuQpaxIgAAAMZJREFUeF7t17uOwjAYROHjOMCuL0l4/5ddbQU0M4p/RIE8/flkyY1NTr/XNrjrT8qsSwtsWaGFBpcYcKEF9xFgAhMo9xIBytFrP8owUPb6v10JmN4K6N4L6N4L6N4L6N4L6N4L6N4L6N4L6N4L6N4L6N4L6N4L6N4L6N4L6N4L6N4L6N4L6N4L6N4L6N4L6N4LiN4LD2Cv53c8AaUPAL08AXVk9zeeoG3nhb69XuP5fdkLZQITmED840kMIP75zonbaH4j5T8NALtW477R3QAAAABJRU5ErkJggg=='); top: 3.2em; } div#down { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAANlBMVEUiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIjIyMiIiLm5uY3NzcqKipAQED///9KSkpHtWFIAAAACnRSTlMqACGx8/Cu6uerGsmyTAAAAM9JREFUeF7t1zkOwzAMBVEt3kLK2/0vm3KQivhWigTQ7+dBpZhyeW3+cNtSckqzd2xOafGu1TT1AVPyzv0YMIABDMD0fQB7u9S1HcCNXhAM4CAQZl98gZ8PgNsB3G69NwAEqQdAUHoABKUHQNB6AAStB0DQegAErQdA0HoABK0HQNB6AAShBwgE+gBACHuAWKCPAIS4B4gEegFAoHcFQKBXAAR6BUCgVwAEehlAoNcBt7Nd7TTXAYjD/uKDMYAB9B+etQ+o/cd3Lsv6NF9ryW9/v8EFMSsbFgAAAABJRU5ErkJggg=='); bottom: 56px; }