From 410cfb179bb6232d6dda59d7f5f3c1e2a8655e9a Mon Sep 17 00:00:00 2001 From: Artyom Date: Sun, 19 Jun 2016 22:41:02 +0300 Subject: [PATCH] Move }s to new lines in CSS files --- static/admin.css | 60 ++++++++++++++------- static/css.css | 133 +++++++++++++++++++++++++++++++---------------- 2 files changed, 128 insertions(+), 65 deletions(-) diff --git a/static/admin.css b/static/admin.css index 429b3aa..0fa0233 100644 --- a/static/admin.css +++ b/static/admin.css @@ -3,80 +3,100 @@ 100%+20px) */ *, *:before, *:after { - box-sizing: border-box; } + box-sizing: border-box; +} body { - font-family: sans-serif; } + font-family: sans-serif; +} .text-button { font-size: 10pt; - font-weight: normal; } + font-weight: normal; +} .text-button::before {content: "[";} .text-button::after {content: "]";} textarea { - font-size: 100%; } + font-size: 100%; +} input { - font-size: 100%; } + font-size: 100%; +} .text-button > a:visited {color: #008ACE;} textarea { border: 1px solid #ccc; - padding: 5px 7px; } + padding: 5px 7px; +} textarea:focus { outline: 0px none; - border: 1px solid #07C; } + border: 1px solid #07C; +} .edit { padding: 0.3em 1em; margin: 1em 0.5em; - box-shadow: 0 1px 5px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); } + box-shadow: 0 1px 5px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); +} .edit-info { color: gray; - opacity: 0.8; } + opacity: 0.8; +} #edits > * > h2 { - margin-top: 3em; } + margin-top: 3em; +} #edits table { width: 100%; border: none; - table-layout: fixed; } + table-layout: fixed; +} #edits td { width: 100%; vertical-align: top; - padding: 0.5em 0.5em; } + padding: 0.5em 0.5em; +} #edits td:first-child { - padding-left: 0; } + padding-left: 0; +} #edits td:last-child { - padding-right: 0; } + padding-right: 0; +} #stats table { border-collapse: collapse; border-spacing: 0; empty-cells: show; border: 1px solid gray; - margin-bottom: 1em; } + margin-bottom: 1em; +} #stats thead { - background-color: #e0e0e0; } + background-color: #e0e0e0; +} #stats th { - text-align: left; } + text-align: left; +} #stats th, #stats td { - padding: 0.5em 1em; } + padding: 0.5em 1em; +} table.sortable th { - cursor: pointer; } + cursor: pointer; +} table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { - content: " \25B4\25BE"; } + content: " \25B4\25BE"; +} diff --git a/static/css.css b/static/css.css index a856f9d..952f8f7 100644 --- a/static/css.css +++ b/static/css.css @@ -3,27 +3,29 @@ 100%+20px) */ *, *:before, *:after { - box-sizing: border-box; } + box-sizing: border-box; +} /* Making the footer stick to the bottom of the screen */ body { display: flex; min-height: 100vh; - flex-direction: column; } + flex-direction: column; +} #main { - flex: 1; } + flex: 1; +} /* headers look bad when the width is small, so */ h1 { - line-height: 100%; } + line-height: 100%; +} /* Other CSS */ -/* TODO: move }s to new lines */ - #footer { display: flex; flex-flow: row wrap; @@ -31,16 +33,19 @@ h1 { padding: 1.5em 0 0em 0; margin: 0 -1em; margin-top: 2em; - border-top: 1px solid black; } + border-top: 1px solid black; +} .footer-item { margin: 0 1em; min-height: 40px; - text-align: center; } + text-align: center; +} .unemployed { font-size: 50%; - margin-top: -0.3em; } + margin-top: -0.3em; +} body { padding: 0px 15px; @@ -48,36 +53,44 @@ body { margin: auto; max-width: 800px; font-family: sans-serif; - line-height: 120%; } + line-height: 120%; +} #noscript-message { padding: 1px 1em; - background-color: #FFEBEE; } + background-color: #FFEBEE; +} #search { font-size: 200%; border: 1px solid #d0d0d0; padding: 3px 10px; - width: 100%; } + width: 100%; +} #categories { display: flex; flex-flow: row wrap; justify-content: space-between; - margin-top: 1em; } + margin-top: 1em; +} #categories a { font-weight: bold; line-height: 140%; font-size: 110%; - padding: 2px 1px; } + padding: 2px 1px; +} #categories a.status-mostly-done { - background-color: #fdd; } + background-color: #fdd; +} #categories a.status-wip { - background-color: #faa; } + background-color: #faa; +} #categories a.status-stub { - background-color: #f78; } + background-color: #f78; +} #categories .status { margin-left: 5px; @@ -89,108 +102,138 @@ body { min-width: 350px; } .category { - margin-top: 3em; } + margin-top: 3em; +} .item { - margin-top: 20px; } + margin-top: 20px; +} .item-info { - padding: 10px 15px; } + padding: 10px 15px; +} .item-info .controls { - float: right; } + float: right; +} .item-info .controls img { opacity: 0.4; - height: 23px; } + height: 23px; +} .category-info .controls { margin-right: 0.5em; - vertical-align: -1px; } + vertical-align: -1px; +} .category-info .controls img { opacity: 0.3; - height: 20px; } + height: 20px; +} .category-info .group { font-size: 60%; font-weight: normal; - color: gray; } + color: gray; +} .trait-controls img { opacity: 0.5; - width: 12px; } + width: 12px; +} /* increase the clickable area */ .trait-controls a { display: inline-block; - padding: 5px; } + padding: 5px; +} .trait-controls { - margin-left: -7px; } + margin-left: -7px; +} -.item-traits, .item-notes, .item-description, .item-ecosystem { - padding: 10px 15px 20px 15px; } +.item-traits, +.item-notes, +.item-description, +.item-ecosystem { + padding: 10px 15px 20px 15px; +} .traits-groups-container { display: flex; flex-wrap: wrap; - margin: 0px -15px; } + margin: 0px -15px; +} .traits-group { flex: 1; min-width: 300px; - padding: 0px 15px; } + padding: 0px 15px; +} .traits-group > ul { - padding-left: 1em; } + padding-left: 1em; +} .traits-group > ul li { - margin: 10px 0px; } + margin: 10px 0px; +} .text-button { font-size: 10pt; - font-weight: normal; } + font-weight: normal; +} .text-button::before {content: "[";} .text-button::after {content: "]";} textarea { - font-size: 100%; } + font-size: 100%; +} input { - font-size: 100%; } + font-size: 100%; +} .text-button > a:visited {color: #008ACE;} h1 > a:visited {color: #008ACE;} /* for header in category pages */ a.anchor { margin-right: 0.5em; - color: gray; } + color: gray; +} form { - margin: 0; } + margin: 0; +} textarea { border: 1px solid #ccc; - padding: 5px 7px; } + padding: 5px 7px; +} textarea:focus { outline: 0px none; - border: 1px solid #07C; } + border: 1px solid #07C; +} textarea.big { - padding: 10px; } + padding: 10px; +} .fullwidth { - width: 100%; } + width: 100%; +} textarea.fullwidth { - resize: vertical; } + resize: vertical; +} .notes-toc { background-color: rgba(10, 10, 10, 0.1); - padding: 1px 0; } + padding: 1px 0; +} .diff-popup { background: white;