diff --git a/static/style.css b/static/style.css index 98c968e..b283129 100644 --- a/static/style.css +++ b/static/style.css @@ -1325,6 +1325,83 @@ summary.comment_data { /* Layouts */ +.old .post { + border-radius: 5px; + background: var(--post); + box-shadow: var(--shadow); + display: grid; + transition: 0.2s background; + grid-template: "post_score post_thumbnail post_header" auto + "post_score post_thumbnail post_title" 1fr + "post_score post_thumbnail post_media" auto + "post_score post_thumbnail post_body" auto + "post_score post_thumbnail post_poll" auto + "post_score post_thumbnail post_notification" auto + "post_score post_thumbnail post_footer" auto + / 4.5em minmax(0, 140px) fit-content(min(90%, 90%)) +} + +/* .old .post_thumbnail { + margin-left: 20px; +} */ + +.old .post_score { + background-color: #ff93da08; + border-radius: 8px; + align-self: center; + width: 53px; + padding-left: 5px; /* REMINDER:pls compact testing only */ + border-top-width: 0px; + border-top-style: solid; + padding-top: 5px; + padding-bottom: 5px; + padding-right: 5px; + margin-left: 5px; + margin-right: 5px; +} + +.old .post_media_content { + max-width: calc(65% - 40px); +} + +.old .highlighted > .post_score { + background-color: unset; + align-self: unset; + margin-top: 20px; + margin-left: 20px; +} + +.old .post_score .label { + display: block; + text-align: center; + text-anchor: middle; + color: gray; +} + +.old .post_preview { + max-height: 72px; +} + +.old #column_one { + width: 100%; + max-width: 100%; +} + +.old #commentQueryForms { + display: flex; + justify-content: center; + justify-self: start; +} + +.old .commentQuery { + margin-left: 20px; +} + + +.old main { + max-width: 100% !important; +} + .compact .post:not(.highlighted) { border-radius: 0; margin: 0; diff --git a/templates/settings.html b/templates/settings.html index 496b9b1..881c817 100644 --- a/templates/settings.html +++ b/templates/settings.html @@ -31,7 +31,7 @@