html, body { height: 100%; width: 100%; } body { margin: 1em auto 3em auto; background-color: #262626; color: #fff; font-family: Monospace; } ul#posts { width: calc(100% - 210px); margin: 0; margin-left: 100px; padding: 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; -webkit-justify-content: flex-start; } li.post { padding: 5px; width: 128px; height: 128px; margin-top: 5px; line-height: 128px; -webkit-flex: 1 1 auto; ms-flex: 1 1 auto; flex: 1 1 auto; } .thumb { border: 2px solid #4c4a4a; } .thumb:hover { opacity: 0.7; } .clear { clear: both; padding: 1em 0; } a { color: #9f0; } a:hover { color: #74c100; } .medium, .thumbnail { display: flex; justify-content: center; align-items: center; } .info { text-align: center; } .id { text-align: center; padding-bottom: 10px; } .controls { text-align: center; padding-top: 10px; } .navbar { text-align: center; margin-top: 7px; } .return { text-align: center; } .irc { margin: 20px; } code { color: #9df943; }