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 var(--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; @media (max-width: 850px) { td { word-break: break-all; &.posters { a:not(:last-of-type) { display: none; } a:last-of-type { display: block; } } } td, th { &.views { display: none; } } .link-top-line { a.title { padding: 0; } } .link-bottom-line { margin-top: 0.25em; } } } footer { margin-top: 4em; } .topic-category { display: inline; } .discourse-tags { color: var(--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 var(--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: var(--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 var(--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; } }