X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/e9cb282712bdd5f0e103a33c35c7ef3961506ab7..773f145edc8999fc5a9bd1440cc1d4f6b1f465cb:/app/assets/stylesheets/common.css.scss diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss index 4ffe49c85..e57db18ce 100644 --- a/app/assets/stylesheets/common.css.scss +++ b/app/assets/stylesheets/common.css.scss @@ -802,12 +802,16 @@ ul.results-list li { border-bottom: 1px solid #ccc; } #slim_content { margin: 10px; - margin-top: 90px; + margin-top: 95px; max-width: 50em; + + .content-heading { + margin-bottom: 15px; + } } #slim_header { - margin: 10px; + margin: 30px 10px; position: absolute; top: 0px; margin-right: 5px; @@ -1133,15 +1137,7 @@ ul.results-list li { border-bottom: 1px solid #ccc; } } ul, ol { - margin-bottom: 20px; font-style: italic; - margin-left: 20px; - } - ul li { - list-style: disc; - } - ol li { - list-style: decimal; } ul.secondary-actions { display: inline-block;} } @@ -1430,8 +1426,8 @@ textarea { /* Rules for user images */ img.user_image { - width: 100px; - height: 100px; + max-width: 100px; + max-height: 100px; border: 1px solid #ccc; margin-bottom: 20px; float: left; @@ -1439,8 +1435,8 @@ img.user_image { } img.user_thumbnail { - width: 50px; - height: 50px; + max-width: 50px; + max-height: 50px; border: 1px solid #ccc; margin-right: 20px; } @@ -1530,6 +1526,7 @@ a.button.submit { background-color: #9ed485; } } + /* Rules for doing distinct colour of alternate table rows */ .table0, @@ -1549,55 +1546,79 @@ a.button.submit { border: 0; } +/* Rules for rich text */ + +.richtext { + ul, + ol { + margin-bottom: 20px; + margin-left: 20px; + } + ul li { + list-style: disc; + } + + ol li { + list-style: decimal; + } +} + /* Rules for rich text editors */ .richtext_container { white-space: nowrap; + .richtext_content { display: inline-block; vertical-align: top; + .richtext_preview { display: inline-block; padding: 20px; background-color: #f4f4ff; white-space: normal; + &.loading { background-image: image-url("loading.gif"); background-repeat: no-repeat; background-position: center; } + > :first-child { margin-top: 0px; } } } + .richtext_help { display: inline-block; vertical-align: top; margin-left: 15px; background-color: #f8f8ff; padding: 20px; + p { margin: 0px; } + th { vertical-align: top; text-align: left; padding: 0px 15px 0px 0px !important; } - table > thead th { - font-weight: bold; - } + td { font-family: fixed; line-height: 16px; text-align: left; padding: 0px !important; } + input.richtext_doedit { margin-top: 5px !important; margin-right: 10px !important; } + input.richtext_dopreview { margin-top: 5px !important; margin-left: 10px !important;