body.crawler { > header { width: 100%; position: absolute; top: 0; z-index: z("max"); background-color: #fff; padding: 10px; box-shadow: none; border-bottom: 1px solid $primary-low-mid; box-sizing: border-box; } .header-buttons { display: none; } div#main-outlet { div.post { word-break: break-word; img { max-width: 100%; height: auto; } } } .topic-list { margin-bottom: 1em; } footer { margin-top: 4em; } .topic-category { display: inline; } .discourse-tags { color: $primary-medium; } } .noscript-footer-nav { clear: both; margin-top: 4em; a { margin-right: 0.25em; white-space: nowrap; } } #noscript-footer { padding: 0 10px; text-align: center; } .crawler-post { margin-top: 1em; margin-bottom: 2em; padding-top: 1.5em; border-top: 1px solid $primary-low; } .crawler-post-meta { margin-bottom: 1em; .creator { word-break: break-all; a { font-weight: bold; } @include breakpoint(tablet) { display: inline-block; margin-bottom: 0.25em; } } } .crawler-post-infos { color: $primary-high; display: inline-block; @include breakpoint(tablet, min-width) { float: right; } [itemprop="position"] { float: left; margin-right: 0.5em; } } .crawler-linkback-list { margin-top: 1em; a { display: block; padding: 0.5em 0; border-top: 1px solid $primary-low; } } .crawler-nav { margin: 1em 0; ul { margin: 0; list-style-type: none; } li { display: inline-block; } a { display: inline-block; padding: 0.5em 1em 0.5em 0; } }