diff options
Diffstat (limited to 'app/assets/stylesheets/quotes/layout.css.sass')
| -rw-r--r-- | app/assets/stylesheets/quotes/layout.css.sass | 215 |
1 files changed, 215 insertions, 0 deletions
| 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 @@ | |||
| 1 | body | ||
| 2 | font-family: "Century Gothic", sans-serif | ||
| 3 | background-color: rgb(102,102,102) | ||
| 4 | |||
| 5 | #wrap | ||
| 6 | width: 80% | ||
| 7 | margin: 1em auto | ||
| 8 | background-color: white | ||
| 9 | border: 1px solid black | ||
| 10 | |||
| 11 | #banner | ||
| 12 | background-color: rgb(153,0,0) | ||
| 13 | font-size: 1.25em | ||
| 14 | font-width: bold | ||
| 15 | padding: 6px | ||
| 16 | #banner-title | ||
| 17 | float: left | ||
| 18 | a | ||
| 19 | text-decoration: none | ||
| 20 | color: white | ||
| 21 | #banner-abbr | ||
| 22 | color: white | ||
| 23 | font-style: italic | ||
| 24 | float: right | ||
| 25 | |||
| 26 | #oneliner | ||
| 27 | padding: 4px | ||
| 28 | font-style: italic | ||
| 29 | background-color: rgb(240,240,240) | ||
| 30 | a | ||
| 31 | color: black | ||
| 32 | cite:before | ||
| 33 | content: " \2013" | ||
| 34 | |||
| 35 | #top-bar | ||
| 36 | background-color: black | ||
| 37 | a | ||
| 38 | text-decoration: none | ||
| 39 | &:hover | ||
| 40 | color: purple | ||
| 41 | ul | ||
| 42 | float: right | ||
| 43 | padding: 4px | ||
| 44 | li | ||
| 45 | margin-left: 1em | ||
| 46 | display: inline | ||
| 47 | list-style-type: none | ||
| 48 | a | ||
| 49 | color: white | ||
| 50 | font-weight: bold | ||
| 51 | &.selected a | ||
| 52 | color: yellow | ||
| 53 | |||
| 54 | .pagination | ||
| 55 | &+.quote | ||
| 56 | border-top: 1px solid black | ||
| 57 | |||
| 58 | #quotes | ||
| 59 | .quote | ||
| 60 | margin: 0 | ||
| 61 | padding-bottom: 0.1em | ||
| 62 | background-color: #fcfcfc | ||
| 63 | border-bottom: 1px solid black | ||
| 64 | .quote-header | ||
| 65 | background-color: #f7f7f7 | ||
| 66 | border: 1px solid #f4f4f4 | ||
| 67 | margin: 0 | ||
| 68 | padding: 0.25em 0.75em | ||
| 69 | * | ||
| 70 | margin: 0 0.125em | ||
| 71 | a | ||
| 72 | text-decoration: none | ||
| 73 | .vote-link | ||
| 74 | color: #888 | ||
| 75 | .quote-upvote-link | ||
| 76 | color: #090 | ||
| 77 | font-weight: bold | ||
| 78 | .quote-downvote-link | ||
| 79 | color: #900 | ||
| 80 | font-weight: bold | ||
| 81 | .quote-link | ||
| 82 | font-weight: bold | ||
| 83 | datetime | ||
| 84 | font-size: 80% | ||
| 85 | .quote-edit-link | ||
| 86 | font-size: 0.9em | ||
| 87 | float: right | ||
| 88 | blockquote | ||
| 89 | font-family: Consolas, Monaco, "Courier New", monospace | ||
| 90 | font-size: 14px | ||
| 91 | margin: 0.5em 0.75em | ||
| 92 | padding: 0 | ||
| 93 | position: static | ||
| 94 | width: 100% | ||
| 95 | &:hover | ||
| 96 | background-color: #fffcec | ||
| 97 | .quote-header | ||
| 98 | background-color: #fec | ||
| 99 | border-color: #ffe9c9 | ||
| 100 | .quote-footer | ||
| 101 | color: #666 | ||
| 102 | border-top: 1px dashed #EEE | ||
| 103 | margin: 0 0.75em | ||
| 104 | padding: 0.25em 0 | ||
| 105 | * | ||
| 106 | font-size: 0.9em | ||
| 107 | .quote-tags | ||
| 108 | margin: 0 | ||
| 109 | padding: 0 | ||
| 110 | list-style-type: none | ||
| 111 | li | ||
| 112 | display: inline | ||
| 113 | a | ||
| 114 | color: #666 | ||
| 115 | &:before | ||
| 116 | content: "TAGS:" | ||
| 117 | .quote-notes + .quote-tags | ||
| 118 | margin-top: 0.5em | ||
| 119 | |||
| 120 | #page-body | ||
| 121 | p.normal | ||
| 122 | margin: .5em | ||
| 123 | ul | ||
| 124 | margin: .5em .5em .5em 2em | ||
| 125 | h2 | ||
| 126 | margin: .25em 0 0 .5em | ||
| 127 | h3 | ||
| 128 | padding-bottom: 0.25em | ||
| 129 | border-bottom: 1px dashed gray | ||
| 130 | margin: .25em 0 0 .5em | ||
| 131 | .form-field | ||
| 132 | margin: 0.5em | ||
| 133 | textarea | ||
| 134 | width: 100% | ||
| 135 | #about-left | ||
| 136 | float: left | ||
| 137 | width: 48% | ||
| 138 | margin-right: 1em | ||
| 139 | #about-right | ||
| 140 | float: right | ||
| 141 | width: 48% | ||
| 142 | margin-left: 1em | ||
| 143 | margin-bottom: 1em | ||
| 144 | |||
| 145 | #error-messages | ||
| 146 | margin: .5em | ||
| 147 | border: 1px solid black | ||
| 148 | background-color: #FF4040 | ||
| 149 | padding: .5em | ||
| 150 | h4 | ||
| 151 | font-size: 1.25em | ||
| 152 | |||
| 153 | #flash | ||
| 154 | margin: .5em | ||
| 155 | border: 1px solid black | ||
| 156 | background-color: #FBEC5D | ||
| 157 | padding: .5em | ||
| 158 | h4 | ||
| 159 | font-size: 1.25em | ||
| 160 | |||
| 161 | #tags-container | ||
| 162 | margin: 1em | ||
| 163 | list-style-type: none | ||
| 164 | li | ||
| 165 | display: inline | ||
| 166 | margin-left: 1em | ||
| 167 | .css1 | ||
| 168 | font-size: 1.0em | ||
| 169 | .css1_5 | ||
| 170 | font-size: 1.1em | ||
| 171 | .css2 | ||
| 172 | font-size: 1.2em | ||
| 173 | .css2_5 | ||
| 174 | font-size: 1.3em | ||
| 175 | .css3 | ||
| 176 | font-size: 1.4em | ||
| 177 | .css3_5 | ||
| 178 | font-size: 1.5em | ||
| 179 | .css4 | ||
| 180 | font-size: 1.6em | ||
| 181 | .css4_5 | ||
| 182 | font-size: 1.7em | ||
| 183 | .css5 | ||
| 184 | font-size: 1.8em | ||
| 185 | .css5_5 | ||
| 186 | font-size: 1.9em | ||
| 187 | .css6 | ||
| 188 | font-size: 2.0em | ||
| 189 | |||
| 190 | #search-form | ||
| 191 | margin: 0.5em | ||
| 192 | input.searchform | ||
| 193 | width: 50% | ||
| 194 | |||
| 195 | .audioplayer | ||
| 196 | float: right | ||
| 197 | |||
| 198 | footer | ||
| 199 | padding: 4px | ||
| 200 | color: white | ||
| 201 | text-align: center | ||
| 202 | font-size: 0.75em | ||
| 203 | clear: both | ||
| 204 | font-weight: bold | ||
| 205 | padding-bottom: .5em | ||
| 206 | background-color: rgb(153,0,0) | ||
| 207 | #footer-left | ||
| 208 | float: left | ||
| 209 | #footer-right | ||
| 210 | float: right | ||
| 211 | a | ||
| 212 | color: white | ||
| 213 | |||
| 214 | .cleardiv | ||
| 215 | clear: both \ No newline at end of file | ||