From 96813a5e508a54257ef03be613a704f1f71af53d Mon Sep 17 00:00:00 2001 From: Star Rauchenberger Date: Sat, 21 Oct 2023 00:25:50 -0400 Subject: Added quotes database --- app/assets/stylesheets/quotes.css.scss | 4 + app/assets/stylesheets/quotes/layout.css.sass | 215 ++++++++++++++++++++++ app/assets/stylesheets/quotes/pagination.css.scss | 49 +++++ 3 files changed, 268 insertions(+) create mode 100644 app/assets/stylesheets/quotes.css.scss create mode 100644 app/assets/stylesheets/quotes/layout.css.sass create mode 100644 app/assets/stylesheets/quotes/pagination.css.scss (limited to 'app/assets/stylesheets') diff --git a/app/assets/stylesheets/quotes.css.scss b/app/assets/stylesheets/quotes.css.scss new file mode 100644 index 0000000..8cf4eae --- /dev/null +++ b/app/assets/stylesheets/quotes.css.scss @@ -0,0 +1,4 @@ +/* + *= require normalize-rails + *= require_tree ./quotes + */ diff --git a/app/assets/stylesheets/quotes/layout.css.sass b/app/assets/stylesheets/quotes/layout.css.sass new file mode 100644 index 0000000..e5dbd64 --- /dev/null +++ b/app/assets/stylesheets/quotes/layout.css.sass @@ -0,0 +1,215 @@ +body + font-family: "Century Gothic", sans-serif + background-color: rgb(102,102,102) + +#wrap + width: 80% + margin: 1em auto + background-color: white + border: 1px solid black + +#banner + background-color: rgb(153,0,0) + font-size: 1.25em + font-width: bold + padding: 6px + #banner-title + float: left + a + text-decoration: none + color: white + #banner-abbr + color: white + font-style: italic + float: right + +#oneliner + padding: 4px + font-style: italic + background-color: rgb(240,240,240) + a + color: black + cite:before + content: " \2013" + +#top-bar + background-color: black + a + text-decoration: none + &:hover + color: purple + ul + float: right + padding: 4px + li + margin-left: 1em + display: inline + list-style-type: none + a + color: white + font-weight: bold + &.selected a + color: yellow + +.pagination + &+.quote + border-top: 1px solid black + +#quotes + .quote + margin: 0 + padding-bottom: 0.1em + background-color: #fcfcfc + border-bottom: 1px solid black + .quote-header + background-color: #f7f7f7 + border: 1px solid #f4f4f4 + margin: 0 + padding: 0.25em 0.75em + * + margin: 0 0.125em + a + text-decoration: none + .vote-link + color: #888 + .quote-upvote-link + color: #090 + font-weight: bold + .quote-downvote-link + color: #900 + font-weight: bold + .quote-link + font-weight: bold + datetime + font-size: 80% + .quote-edit-link + font-size: 0.9em + float: right + blockquote + font-family: Consolas, Monaco, "Courier New", monospace + font-size: 14px + margin: 0.5em 0.75em + padding: 0 + position: static + width: 100% + &:hover + background-color: #fffcec + .quote-header + background-color: #fec + border-color: #ffe9c9 + .quote-footer + color: #666 + border-top: 1px dashed #EEE + margin: 0 0.75em + padding: 0.25em 0 + * + font-size: 0.9em + .quote-tags + margin: 0 + padding: 0 + list-style-type: none + li + display: inline + a + color: #666 + &:before + content: "TAGS:" + .quote-notes + .quote-tags + margin-top: 0.5em + +#page-body + p.normal + margin: .5em + ul + margin: .5em .5em .5em 2em + h2 + margin: .25em 0 0 .5em + h3 + padding-bottom: 0.25em + border-bottom: 1px dashed gray + margin: .25em 0 0 .5em + .form-field + margin: 0.5em + textarea + width: 100% + #about-left + float: left + width: 48% + margin-right: 1em + #about-right + float: right + width: 48% + margin-left: 1em + margin-bottom: 1em + +#error-messages + margin: .5em + border: 1px solid black + background-color: #FF4040 + padding: .5em + h4 + font-size: 1.25em + +#flash + margin: .5em + border: 1px solid black + background-color: #FBEC5D + padding: .5em + h4 + font-size: 1.25em + +#tags-container + margin: 1em + list-style-type: none + li + display: inline + margin-left: 1em + .css1 + font-size: 1.0em + .css1_5 + font-size: 1.1em + .css2 + font-size: 1.2em + .css2_5 + font-size: 1.3em + .css3 + font-size: 1.4em + .css3_5 + font-size: 1.5em + .css4 + font-size: 1.6em + .css4_5 + font-size: 1.7em + .css5 + font-size: 1.8em + .css5_5 + font-size: 1.9em + .css6 + font-size: 2.0em + +#search-form + margin: 0.5em + input.searchform + width: 50% + +.audioplayer + float: right + +footer + padding: 4px + color: white + text-align: center + font-size: 0.75em + clear: both + font-weight: bold + padding-bottom: .5em + background-color: rgb(153,0,0) + #footer-left + float: left + #footer-right + float: right + a + color: white + +.cleardiv + clear: both \ No newline at end of file diff --git a/app/assets/stylesheets/quotes/pagination.css.scss b/app/assets/stylesheets/quotes/pagination.css.scss new file mode 100644 index 0000000..dad8b88 --- /dev/null +++ b/app/assets/stylesheets/quotes/pagination.css.scss @@ -0,0 +1,49 @@ +.pagination { + text-align: center; + padding: 0.3em; + cursor: default; + margin: 0.5em 0; + + a, span, em { + padding: 0.2em 0.5em; + } + + .disabled { + color: #aaaaaa; + } + + .current { + font-style: normal; + font-weight: bold; + color: #ff0084; + } + + a { + border: 1px solid #dddddd; + color: #0063dc; + text-decoration: none; + + &:hover, &:focus { + border-color: #003366; + background: #0063dc; + color: white; + } + } + + .page_info { + color: #aaaaaa; + padding-top: 0.8em; + } + + .previous_page, .next_page { + border-width: 2px; + } + + .previous_page { + margin-right: 1em; + } + + .next_page { + margin-left: 1em; + } +} \ No newline at end of file -- cgit 1.4.1