Showing
447 changed files
with
5024 additions
and
1 deletions
| ... | @@ -19,7 +19,7 @@ def list_path(bucket, user, path): | ... | @@ -19,7 +19,7 @@ def list_path(bucket, user, path): |
| 19 | common_prefixes = objects.get('CommonPrefixes') | 19 | common_prefixes = objects.get('CommonPrefixes') |
| 20 | if common_prefixes: | 20 | if common_prefixes: |
| 21 | for obj in common_prefixes: | 21 | for obj in common_prefixes: |
| 22 | - files.append({'type':'diretory', 'name':obj.get('Prefix').split('/')[-2]}) | 22 | + files.append({'type':'directory', 'name':obj.get('Prefix').split('/')[-2]}) |
| 23 | 23 | ||
| 24 | # get files | 24 | # get files |
| 25 | contents = objects.get('Contents') | 25 | contents = objects.get('Contents') | ... | ... |
dcloud/website/static/semantic/gulpfile.js
0 → 100644
| 1 | +/******************************* | ||
| 2 | + Set-up | ||
| 3 | +*******************************/ | ||
| 4 | + | ||
| 5 | +var | ||
| 6 | + gulp = require('gulp-help')(require('gulp')), | ||
| 7 | + | ||
| 8 | + // read user config to know what task to load | ||
| 9 | + config = require('./tasks/config/user'), | ||
| 10 | + | ||
| 11 | + // watch changes | ||
| 12 | + watch = require('./tasks/watch'), | ||
| 13 | + | ||
| 14 | + // build all files | ||
| 15 | + build = require('./tasks/build'), | ||
| 16 | + buildJS = require('./tasks/build/javascript'), | ||
| 17 | + buildCSS = require('./tasks/build/css'), | ||
| 18 | + buildAssets = require('./tasks/build/assets'), | ||
| 19 | + | ||
| 20 | + // utility | ||
| 21 | + clean = require('./tasks/clean'), | ||
| 22 | + version = require('./tasks/version'), | ||
| 23 | + | ||
| 24 | + // docs tasks | ||
| 25 | + serveDocs = require('./tasks/docs/serve'), | ||
| 26 | + buildDocs = require('./tasks/docs/build'), | ||
| 27 | + | ||
| 28 | + // rtl | ||
| 29 | + buildRTL = require('./tasks/rtl/build'), | ||
| 30 | + watchRTL = require('./tasks/rtl/watch') | ||
| 31 | +; | ||
| 32 | + | ||
| 33 | + | ||
| 34 | +/******************************* | ||
| 35 | + Tasks | ||
| 36 | +*******************************/ | ||
| 37 | + | ||
| 38 | +gulp.task('default', false, [ | ||
| 39 | + 'watch' | ||
| 40 | +]); | ||
| 41 | + | ||
| 42 | +gulp.task('watch', 'Watch for site/theme changes', watch); | ||
| 43 | + | ||
| 44 | +gulp.task('build', 'Builds all files from source', build); | ||
| 45 | +gulp.task('build-javascript', 'Builds all javascript from source', buildJS); | ||
| 46 | +gulp.task('build-css', 'Builds all css from source', buildCSS); | ||
| 47 | +gulp.task('build-assets', 'Copies all assets from source', buildAssets); | ||
| 48 | + | ||
| 49 | +gulp.task('clean', 'Clean dist folder', clean); | ||
| 50 | +gulp.task('version', 'Displays current version of Semantic', version); | ||
| 51 | + | ||
| 52 | +/*-------------- | ||
| 53 | + Docs | ||
| 54 | +---------------*/ | ||
| 55 | + | ||
| 56 | +/* | ||
| 57 | + Lets you serve files to a local documentation instance | ||
| 58 | + https://github.com/Semantic-Org/Semantic-UI-Docs/ | ||
| 59 | +*/ | ||
| 60 | + | ||
| 61 | +gulp.task('serve-docs', 'Serve file changes to SUI Docs', serveDocs); | ||
| 62 | +gulp.task('build-docs', 'Build all files and add to SUI Docs', buildDocs); | ||
| 63 | + | ||
| 64 | + | ||
| 65 | +/*-------------- | ||
| 66 | + RTL | ||
| 67 | +---------------*/ | ||
| 68 | + | ||
| 69 | +if(config.rtl) { | ||
| 70 | + gulp.task('watch-rtl', 'Watch files as RTL', watchRTL); | ||
| 71 | + gulp.task('build-rtl', 'Build all files as RTL', buildRTL); | ||
| 72 | +} |
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
| 1 | +/*! | ||
| 2 | + * # Semantic UI - Breadcrumb | ||
| 3 | + * http://github.com/semantic-org/semantic-ui/ | ||
| 4 | + * | ||
| 5 | + * | ||
| 6 | + * Released under the MIT license | ||
| 7 | + * http://opensource.org/licenses/MIT | ||
| 8 | + * | ||
| 9 | + */ | ||
| 10 | + | ||
| 11 | +/******************************* | ||
| 12 | + Theme | ||
| 13 | +*******************************/ | ||
| 14 | + | ||
| 15 | +@type : 'collection'; | ||
| 16 | +@element : 'breadcrumb'; | ||
| 17 | + | ||
| 18 | +@import (multiple) '../../theme.config'; | ||
| 19 | + | ||
| 20 | + | ||
| 21 | +/******************************* | ||
| 22 | + Breadcrumb | ||
| 23 | +*******************************/ | ||
| 24 | + | ||
| 25 | +.ui.breadcrumb { | ||
| 26 | + line-height: 1; | ||
| 27 | + display: @display; | ||
| 28 | + margin: @verticalMargin 0em; | ||
| 29 | + vertical-align: @verticalAlign; | ||
| 30 | +} | ||
| 31 | +.ui.breadcrumb:first-child { | ||
| 32 | + margin-top: 0em; | ||
| 33 | +} | ||
| 34 | +.ui.breadcrumb:last-child { | ||
| 35 | + margin-bottom: 0em; | ||
| 36 | +} | ||
| 37 | + | ||
| 38 | +/******************************* | ||
| 39 | + Content | ||
| 40 | +*******************************/ | ||
| 41 | + | ||
| 42 | +/* Divider */ | ||
| 43 | +.ui.breadcrumb .divider { | ||
| 44 | + display: inline-block; | ||
| 45 | + opacity: @dividerOpacity; | ||
| 46 | + margin: 0em @dividerSpacing 0em; | ||
| 47 | + | ||
| 48 | + font-size: @dividerSize; | ||
| 49 | + color: @dividerColor; | ||
| 50 | + vertical-align: @dividerVerticalAlign; | ||
| 51 | +} | ||
| 52 | + | ||
| 53 | +/* Link */ | ||
| 54 | +.ui.breadcrumb a { | ||
| 55 | + color: @linkColor; | ||
| 56 | +} | ||
| 57 | +.ui.breadcrumb a:hover { | ||
| 58 | + color: @linkHoverColor; | ||
| 59 | +} | ||
| 60 | + | ||
| 61 | + | ||
| 62 | +/* Icon Divider */ | ||
| 63 | +.ui.breadcrumb .icon.divider { | ||
| 64 | + font-size: @iconDividerSize; | ||
| 65 | + vertical-align: @iconDividerVerticalAlign; | ||
| 66 | +} | ||
| 67 | + | ||
| 68 | +/* Section */ | ||
| 69 | +.ui.breadcrumb a.section { | ||
| 70 | + cursor: pointer; | ||
| 71 | +} | ||
| 72 | +.ui.breadcrumb .section { | ||
| 73 | + display: inline-block; | ||
| 74 | + margin: @sectionMargin; | ||
| 75 | + padding: @sectionPadding; | ||
| 76 | +} | ||
| 77 | + | ||
| 78 | +/* Loose Coupling */ | ||
| 79 | +.ui.breadcrumb.segment { | ||
| 80 | + display: inline-block; | ||
| 81 | + padding: @segmentPadding; | ||
| 82 | +} | ||
| 83 | + | ||
| 84 | +/******************************* | ||
| 85 | + States | ||
| 86 | +*******************************/ | ||
| 87 | + | ||
| 88 | +.ui.breadcrumb .active.section { | ||
| 89 | + font-weight: @activeFontWeight; | ||
| 90 | +} | ||
| 91 | + | ||
| 92 | + | ||
| 93 | +/******************************* | ||
| 94 | + Variations | ||
| 95 | +*******************************/ | ||
| 96 | + | ||
| 97 | +.ui.mini.breadcrumb { | ||
| 98 | + font-size: @mini; | ||
| 99 | +} | ||
| 100 | +.ui.tiny.breadcrumb { | ||
| 101 | + font-size: @tiny; | ||
| 102 | +} | ||
| 103 | +.ui.small.breadcrumb { | ||
| 104 | + font-size: @small; | ||
| 105 | +} | ||
| 106 | +.ui.breadcrumb { | ||
| 107 | + font-size: @medium; | ||
| 108 | +} | ||
| 109 | +.ui.large.breadcrumb { | ||
| 110 | + font-size: @large; | ||
| 111 | +} | ||
| 112 | +.ui.big.breadcrumb { | ||
| 113 | + font-size: @big; | ||
| 114 | +} | ||
| 115 | +.ui.huge.breadcrumb { | ||
| 116 | + font-size: @huge; | ||
| 117 | +} | ||
| 118 | +.ui.massive.breadcrumb { | ||
| 119 | + font-size: @massive; | ||
| 120 | +} | ||
| 121 | + | ||
| 122 | +.loadUIOverrides(); |
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
| 1 | +/*! | ||
| 2 | + * # Semantic UI - Message | ||
| 3 | + * http://github.com/semantic-org/semantic-ui/ | ||
| 4 | + * | ||
| 5 | + * | ||
| 6 | + * Released under the MIT license | ||
| 7 | + * http://opensource.org/licenses/MIT | ||
| 8 | + * | ||
| 9 | + */ | ||
| 10 | + | ||
| 11 | +/******************************* | ||
| 12 | + Theme | ||
| 13 | +*******************************/ | ||
| 14 | + | ||
| 15 | +@type : 'collection'; | ||
| 16 | +@element : 'message'; | ||
| 17 | + | ||
| 18 | +@import (multiple) '../../theme.config'; | ||
| 19 | + | ||
| 20 | +/******************************* | ||
| 21 | + Message | ||
| 22 | +*******************************/ | ||
| 23 | + | ||
| 24 | +.ui.message { | ||
| 25 | + position: relative; | ||
| 26 | + min-height: 1em; | ||
| 27 | + margin: @verticalMargin 0em; | ||
| 28 | + background: @background; | ||
| 29 | + padding: @padding; | ||
| 30 | + line-height: @lineHeight; | ||
| 31 | + color: @textColor; | ||
| 32 | + transition: @transition; | ||
| 33 | + border-radius: @borderRadius; | ||
| 34 | + box-shadow: @boxShadow; | ||
| 35 | +} | ||
| 36 | + | ||
| 37 | +.ui.message:first-child { | ||
| 38 | + margin-top: 0em; | ||
| 39 | +} | ||
| 40 | +.ui.message:last-child { | ||
| 41 | + margin-bottom: 0em; | ||
| 42 | +} | ||
| 43 | + | ||
| 44 | + | ||
| 45 | +/*-------------- | ||
| 46 | + Content | ||
| 47 | +---------------*/ | ||
| 48 | + | ||
| 49 | +/* Header */ | ||
| 50 | +.ui.message .header { | ||
| 51 | + display: @headerDisplay; | ||
| 52 | + font-family: @headerFont; | ||
| 53 | + font-weight: @headerFontWeight; | ||
| 54 | + margin: @headerMargin; | ||
| 55 | +} | ||
| 56 | + | ||
| 57 | +/* Default font size */ | ||
| 58 | +.ui.message .header:not(.ui) { | ||
| 59 | + font-size: @headerFontSize; | ||
| 60 | +} | ||
| 61 | + | ||
| 62 | +/* Paragraph */ | ||
| 63 | +.ui.message p { | ||
| 64 | + opacity: @messageTextOpacity; | ||
| 65 | + margin: @messageParagraphMargin 0em; | ||
| 66 | +} | ||
| 67 | +.ui.message p:first-child { | ||
| 68 | + margin-top: 0em; | ||
| 69 | +} | ||
| 70 | +.ui.message p:last-child { | ||
| 71 | + margin-bottom: 0em; | ||
| 72 | +} | ||
| 73 | +.ui.message .header + p { | ||
| 74 | + margin-top: @headerParagraphDistance; | ||
| 75 | +} | ||
| 76 | + | ||
| 77 | +/* List */ | ||
| 78 | +.ui.message .list:not(.ui) { | ||
| 79 | + text-align: left; | ||
| 80 | + padding: 0em; | ||
| 81 | + opacity: @listOpacity; | ||
| 82 | + list-style-position: @listStylePosition; | ||
| 83 | + margin: @listMargin 0em 0em; | ||
| 84 | +} | ||
| 85 | +.ui.message .list:not(.ui):first-child { | ||
| 86 | + margin-top: 0em; | ||
| 87 | +} | ||
| 88 | +.ui.message .list:not(.ui):last-child { | ||
| 89 | + margin-bottom: 0em; | ||
| 90 | +} | ||
| 91 | +.ui.message .list:not(.ui) li { | ||
| 92 | + position: relative; | ||
| 93 | + list-style-type: none; | ||
| 94 | + margin: 0em 0em @listItemMargin @listItemIndent; | ||
| 95 | + padding: 0em; | ||
| 96 | +} | ||
| 97 | +.ui.message .list:not(.ui) li:before { | ||
| 98 | + position: absolute; | ||
| 99 | + content: '•'; | ||
| 100 | + left: -1em; | ||
| 101 | + height: 100%; | ||
| 102 | + vertical-align: baseline; | ||
| 103 | +} | ||
| 104 | +.ui.message .list:not(.ui) li:last-child { | ||
| 105 | + margin-bottom: 0em; | ||
| 106 | +} | ||
| 107 | + | ||
| 108 | + | ||
| 109 | +/* Icon */ | ||
| 110 | +.ui.message > .icon { | ||
| 111 | + margin-right: @iconDistance; | ||
| 112 | +} | ||
| 113 | + | ||
| 114 | +/* Close Icon */ | ||
| 115 | +.ui.message > .close.icon { | ||
| 116 | + cursor: pointer; | ||
| 117 | + position: absolute; | ||
| 118 | + margin: 0em; | ||
| 119 | + top: @closeTopDistance; | ||
| 120 | + right: @closeRightDistance; | ||
| 121 | + opacity: @closeOpacity; | ||
| 122 | + transition: @closeTransition; | ||
| 123 | +} | ||
| 124 | +.ui.message > .close.icon:hover { | ||
| 125 | + opacity: 1; | ||
| 126 | +} | ||
| 127 | + | ||
| 128 | +/* First / Last Element */ | ||
| 129 | +.ui.message > :first-child { | ||
| 130 | + margin-top: 0em; | ||
| 131 | +} | ||
| 132 | +.ui.message > :last-child { | ||
| 133 | + margin-bottom: 0em; | ||
| 134 | +} | ||
| 135 | + | ||
| 136 | +/******************************* | ||
| 137 | + Coupling | ||
| 138 | +*******************************/ | ||
| 139 | + | ||
| 140 | +.ui.dropdown .menu > .message { | ||
| 141 | + margin: 0px -@borderWidth; | ||
| 142 | +} | ||
| 143 | + | ||
| 144 | +/******************************* | ||
| 145 | + States | ||
| 146 | +*******************************/ | ||
| 147 | + | ||
| 148 | +/*-------------- | ||
| 149 | + Visible | ||
| 150 | +---------------*/ | ||
| 151 | + | ||
| 152 | +.ui.visible.visible.visible.visible.message { | ||
| 153 | + display: block; | ||
| 154 | +} | ||
| 155 | + | ||
| 156 | +.ui.icon.visible.visible.visible.visible.message { | ||
| 157 | + display: flex; | ||
| 158 | +} | ||
| 159 | + | ||
| 160 | +/*-------------- | ||
| 161 | + Hidden | ||
| 162 | +---------------*/ | ||
| 163 | + | ||
| 164 | +.ui.hidden.hidden.hidden.hidden.message { | ||
| 165 | + display: none; | ||
| 166 | +} | ||
| 167 | + | ||
| 168 | + | ||
| 169 | +/******************************* | ||
| 170 | + Variations | ||
| 171 | +*******************************/ | ||
| 172 | + | ||
| 173 | +/*-------------- | ||
| 174 | + Compact | ||
| 175 | +---------------*/ | ||
| 176 | + | ||
| 177 | +.ui.compact.message { | ||
| 178 | + display: inline-block; | ||
| 179 | +} | ||
| 180 | +.ui.compact.icon.message { | ||
| 181 | + display: inline-flex; | ||
| 182 | +} | ||
| 183 | + | ||
| 184 | + | ||
| 185 | +/*-------------- | ||
| 186 | + Attached | ||
| 187 | +---------------*/ | ||
| 188 | + | ||
| 189 | +.ui.attached.message { | ||
| 190 | + margin-bottom: @attachedYOffset; | ||
| 191 | + border-radius: @borderRadius @borderRadius 0em 0em; | ||
| 192 | + box-shadow: @attachedBoxShadow; | ||
| 193 | + margin-left: @attachedXOffset; | ||
| 194 | + margin-right: @attachedXOffset; | ||
| 195 | +} | ||
| 196 | +.ui.attached + .ui.attached.message:not(.top):not(.bottom) { | ||
| 197 | + margin-top: @attachedYOffset; | ||
| 198 | + border-radius: 0em; | ||
| 199 | +} | ||
| 200 | +.ui.bottom.attached.message { | ||
| 201 | + margin-top: @attachedYOffset; | ||
| 202 | + border-radius: 0em 0em @borderRadius @borderRadius; | ||
| 203 | + box-shadow: @attachedBottomBoxShadow; | ||
| 204 | +} | ||
| 205 | +.ui.bottom.attached.message:not(:last-child) { | ||
| 206 | + margin-bottom: @verticalMargin; | ||
| 207 | +} | ||
| 208 | +.ui.attached.icon.message { | ||
| 209 | + width: auto; | ||
| 210 | +} | ||
| 211 | + | ||
| 212 | + | ||
| 213 | +/*-------------- | ||
| 214 | + Icon | ||
| 215 | +---------------*/ | ||
| 216 | + | ||
| 217 | +.ui.icon.message { | ||
| 218 | + display: flex; | ||
| 219 | + width: 100%; | ||
| 220 | + align-items: center; | ||
| 221 | +} | ||
| 222 | +.ui.icon.message > .icon:not(.close) { | ||
| 223 | + display: block; | ||
| 224 | + flex: 0 0 auto; | ||
| 225 | + width: auto; | ||
| 226 | + line-height: 1; | ||
| 227 | + vertical-align: @iconVerticalAlign; | ||
| 228 | + font-size: @iconSize; | ||
| 229 | + opacity: @iconOpacity; | ||
| 230 | +} | ||
| 231 | +.ui.icon.message > .content { | ||
| 232 | + display: block; | ||
| 233 | + flex: 1 1 auto; | ||
| 234 | + vertical-align: @iconVerticalAlign; | ||
| 235 | +} | ||
| 236 | + | ||
| 237 | + | ||
| 238 | +.ui.icon.message .icon:not(.close) + .content { | ||
| 239 | + padding-left: @iconContentDistance; | ||
| 240 | +} | ||
| 241 | +.ui.icon.message .circular.icon { | ||
| 242 | + width: 1em; | ||
| 243 | +} | ||
| 244 | + | ||
| 245 | +/*-------------- | ||
| 246 | + Floating | ||
| 247 | +---------------*/ | ||
| 248 | + | ||
| 249 | +.ui.floating.message { | ||
| 250 | + box-shadow: @floatingBoxShadow; | ||
| 251 | +} | ||
| 252 | + | ||
| 253 | + | ||
| 254 | +/*-------------- | ||
| 255 | + Colors | ||
| 256 | +---------------*/ | ||
| 257 | + | ||
| 258 | +.ui.black.message { | ||
| 259 | + background-color: @black; | ||
| 260 | + color: @invertedTextColor; | ||
| 261 | +} | ||
| 262 | + | ||
| 263 | +/*-------------- | ||
| 264 | + Types | ||
| 265 | +---------------*/ | ||
| 266 | + | ||
| 267 | +/* Positive */ | ||
| 268 | +.ui.positive.message { | ||
| 269 | + background-color: @positiveBackgroundColor; | ||
| 270 | + color: @positiveTextColor; | ||
| 271 | +} | ||
| 272 | +.ui.positive.message, | ||
| 273 | +.ui.attached.positive.message { | ||
| 274 | + box-shadow: @positiveBoxShadow; | ||
| 275 | +} | ||
| 276 | +.ui.positive.message .header { | ||
| 277 | + color: @positiveHeaderColor; | ||
| 278 | +} | ||
| 279 | + | ||
| 280 | +/* Negative */ | ||
| 281 | +.ui.negative.message { | ||
| 282 | + background-color: @negativeBackgroundColor; | ||
| 283 | + color: @negativeTextColor; | ||
| 284 | +} | ||
| 285 | +.ui.negative.message, | ||
| 286 | +.ui.attached.negative.message { | ||
| 287 | + box-shadow: @negativeBoxShadow; | ||
| 288 | +} | ||
| 289 | +.ui.negative.message .header { | ||
| 290 | + color: @negativeHeaderColor; | ||
| 291 | +} | ||
| 292 | + | ||
| 293 | +/* Info */ | ||
| 294 | +.ui.info.message { | ||
| 295 | + background-color: @infoBackgroundColor; | ||
| 296 | + color: @infoTextColor; | ||
| 297 | +} | ||
| 298 | +.ui.info.message, | ||
| 299 | +.ui.attached.info.message { | ||
| 300 | + box-shadow: @infoBoxShadow; | ||
| 301 | +} | ||
| 302 | +.ui.info.message .header { | ||
| 303 | + color: @infoHeaderColor; | ||
| 304 | +} | ||
| 305 | + | ||
| 306 | +/* Warning */ | ||
| 307 | +.ui.warning.message { | ||
| 308 | + background-color: @warningBackgroundColor; | ||
| 309 | + color: @warningTextColor; | ||
| 310 | +} | ||
| 311 | +.ui.warning.message, | ||
| 312 | +.ui.attached.warning.message { | ||
| 313 | + box-shadow: @warningBoxShadow; | ||
| 314 | +} | ||
| 315 | +.ui.warning.message .header { | ||
| 316 | + color: @warningHeaderColor; | ||
| 317 | +} | ||
| 318 | + | ||
| 319 | +/* Error */ | ||
| 320 | +.ui.error.message { | ||
| 321 | + background-color: @errorBackgroundColor; | ||
| 322 | + color: @errorTextColor; | ||
| 323 | +} | ||
| 324 | +.ui.error.message, | ||
| 325 | +.ui.attached.error.message { | ||
| 326 | + box-shadow: @errorBoxShadow; | ||
| 327 | +} | ||
| 328 | +.ui.error.message .header { | ||
| 329 | + color: @errorHeaderColor; | ||
| 330 | +} | ||
| 331 | + | ||
| 332 | +/* Success */ | ||
| 333 | +.ui.success.message { | ||
| 334 | + background-color: @successBackgroundColor; | ||
| 335 | + color: @successTextColor; | ||
| 336 | +} | ||
| 337 | +.ui.success.message, | ||
| 338 | +.ui.attached.success.message { | ||
| 339 | + box-shadow: @successBoxShadow; | ||
| 340 | +} | ||
| 341 | +.ui.success.message .header { | ||
| 342 | + color: @successHeaderColor; | ||
| 343 | +} | ||
| 344 | + | ||
| 345 | + | ||
| 346 | +/* Colors */ | ||
| 347 | +.ui.inverted.message, | ||
| 348 | +.ui.black.message { | ||
| 349 | + background-color: @black; | ||
| 350 | + color: @invertedTextColor; | ||
| 351 | +} | ||
| 352 | + | ||
| 353 | +.ui.red.message { | ||
| 354 | + background-color: @redBackground; | ||
| 355 | + color: @redTextColor; | ||
| 356 | + box-shadow: @redBoxShadow; | ||
| 357 | +} | ||
| 358 | +.ui.red.message .header { | ||
| 359 | + color: @redHeaderColor; | ||
| 360 | +} | ||
| 361 | + | ||
| 362 | +.ui.orange.message { | ||
| 363 | + background-color: @orangeBackground; | ||
| 364 | + color: @orangeTextColor; | ||
| 365 | + box-shadow: @orangeBoxShadow; | ||
| 366 | +} | ||
| 367 | +.ui.orange.message .header { | ||
| 368 | + color: @orangeHeaderColor; | ||
| 369 | +} | ||
| 370 | + | ||
| 371 | +.ui.yellow.message { | ||
| 372 | + background-color: @yellowBackground; | ||
| 373 | + color: @yellowTextColor; | ||
| 374 | + box-shadow: @yellowBoxShadow; | ||
| 375 | +} | ||
| 376 | +.ui.yellow.message .header { | ||
| 377 | + color: @yellowHeaderColor; | ||
| 378 | +} | ||
| 379 | + | ||
| 380 | +.ui.olive.message { | ||
| 381 | + background-color: @oliveBackground; | ||
| 382 | + color: @oliveTextColor; | ||
| 383 | + box-shadow: @oliveBoxShadow; | ||
| 384 | +} | ||
| 385 | +.ui.olive.message .header { | ||
| 386 | + color: @oliveHeaderColor; | ||
| 387 | +} | ||
| 388 | + | ||
| 389 | +.ui.green.message { | ||
| 390 | + background-color: @greenBackground; | ||
| 391 | + color: @greenTextColor; | ||
| 392 | + box-shadow: @greenBoxShadow; | ||
| 393 | +} | ||
| 394 | +.ui.green.message .header { | ||
| 395 | + color: @greenHeaderColor; | ||
| 396 | +} | ||
| 397 | + | ||
| 398 | +.ui.teal.message { | ||
| 399 | + background-color: @tealBackground; | ||
| 400 | + color: @tealTextColor; | ||
| 401 | + box-shadow: @tealBoxShadow; | ||
| 402 | +} | ||
| 403 | +.ui.teal.message .header { | ||
| 404 | + color: @tealHeaderColor; | ||
| 405 | +} | ||
| 406 | + | ||
| 407 | +.ui.blue.message { | ||
| 408 | + background-color: @blueBackground; | ||
| 409 | + color: @blueTextColor; | ||
| 410 | + box-shadow: @blueBoxShadow; | ||
| 411 | +} | ||
| 412 | +.ui.blue.message .header { | ||
| 413 | + color: @blueHeaderColor; | ||
| 414 | +} | ||
| 415 | + | ||
| 416 | +.ui.violet.message { | ||
| 417 | + background-color: @violetBackground; | ||
| 418 | + color: @violetTextColor; | ||
| 419 | + box-shadow: @violetBoxShadow; | ||
| 420 | +} | ||
| 421 | +.ui.violet.message .header { | ||
| 422 | + color: @violetHeaderColor; | ||
| 423 | +} | ||
| 424 | + | ||
| 425 | +.ui.purple.message { | ||
| 426 | + background-color: @purpleBackground; | ||
| 427 | + color: @purpleTextColor; | ||
| 428 | + box-shadow: @purpleBoxShadow; | ||
| 429 | +} | ||
| 430 | +.ui.purple.message .header { | ||
| 431 | + color: @purpleHeaderColor; | ||
| 432 | +} | ||
| 433 | + | ||
| 434 | +.ui.pink.message { | ||
| 435 | + background-color: @pinkBackground; | ||
| 436 | + color: @pinkTextColor; | ||
| 437 | + box-shadow: @pinkBoxShadow; | ||
| 438 | +} | ||
| 439 | +.ui.pink.message .header { | ||
| 440 | + color: @pinkHeaderColor; | ||
| 441 | +} | ||
| 442 | + | ||
| 443 | +.ui.brown.message { | ||
| 444 | + background-color: @brownBackground; | ||
| 445 | + color: @brownTextColor; | ||
| 446 | + box-shadow: @brownBoxShadow; | ||
| 447 | +} | ||
| 448 | +.ui.brown.message .header { | ||
| 449 | + color: @brownHeaderColor; | ||
| 450 | +} | ||
| 451 | + | ||
| 452 | +/*-------------- | ||
| 453 | + Sizes | ||
| 454 | +---------------*/ | ||
| 455 | + | ||
| 456 | +.ui.mini.message { | ||
| 457 | + font-size: @relativeMini; | ||
| 458 | +} | ||
| 459 | +.ui.tiny.message { | ||
| 460 | + font-size: @relativeTiny; | ||
| 461 | +} | ||
| 462 | +.ui.small.message { | ||
| 463 | + font-size: @relativeSmall; | ||
| 464 | +} | ||
| 465 | +.ui.message { | ||
| 466 | + font-size: @relativeMedium; | ||
| 467 | +} | ||
| 468 | +.ui.large.message { | ||
| 469 | + font-size: @relativeLarge; | ||
| 470 | +} | ||
| 471 | +.ui.big.message { | ||
| 472 | + font-size: @relativeBig; | ||
| 473 | +} | ||
| 474 | +.ui.huge.message { | ||
| 475 | + font-size: @relativeHuge; | ||
| 476 | +} | ||
| 477 | +.ui.massive.message { | ||
| 478 | + font-size: @relativeMassive; | ||
| 479 | +} | ||
| 480 | + | ||
| 481 | +.loadUIOverrides(); |
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
| 1 | +/*! | ||
| 2 | + * # Semantic UI - Container | ||
| 3 | + * http://github.com/semantic-org/semantic-ui/ | ||
| 4 | + * | ||
| 5 | + * | ||
| 6 | + * Released under the MIT license | ||
| 7 | + * http://opensource.org/licenses/MIT | ||
| 8 | + * | ||
| 9 | + */ | ||
| 10 | + | ||
| 11 | +/******************************* | ||
| 12 | + Theme | ||
| 13 | +*******************************/ | ||
| 14 | + | ||
| 15 | +@type : 'element'; | ||
| 16 | +@element : 'container'; | ||
| 17 | + | ||
| 18 | +@import (multiple) '../../theme.config'; | ||
| 19 | + | ||
| 20 | +/******************************* | ||
| 21 | + Container | ||
| 22 | +*******************************/ | ||
| 23 | + | ||
| 24 | +/* All Sizes */ | ||
| 25 | +.ui.container { | ||
| 26 | + display: block; | ||
| 27 | + max-width: @maxWidth !important; | ||
| 28 | +} | ||
| 29 | + | ||
| 30 | +/* Mobile */ | ||
| 31 | +@media only screen and (max-width: @largestMobileScreen) { | ||
| 32 | + .ui.container { | ||
| 33 | + width: @mobileWidth !important; | ||
| 34 | + margin-left: @mobileGutter !important; | ||
| 35 | + margin-right: @mobileGutter !important; | ||
| 36 | + } | ||
| 37 | + .ui.grid.container { | ||
| 38 | + width: @mobileGridWidth !important; | ||
| 39 | + } | ||
| 40 | + .ui.relaxed.grid.container { | ||
| 41 | + width: @mobileRelaxedGridWidth !important; | ||
| 42 | + } | ||
| 43 | + .ui.very.relaxed.grid.container { | ||
| 44 | + width: @mobileVeryRelaxedGridWidth !important; | ||
| 45 | + } | ||
| 46 | +} | ||
| 47 | + | ||
| 48 | +/* Tablet */ | ||
| 49 | +@media only screen and (min-width: @tabletBreakpoint) and (max-width: @largestTabletScreen) { | ||
| 50 | + .ui.container { | ||
| 51 | + width: @tabletWidth; | ||
| 52 | + margin-left: @tabletGutter !important; | ||
| 53 | + margin-right: @tabletGutter !important; | ||
| 54 | + } | ||
| 55 | + .ui.grid.container { | ||
| 56 | + width: @tabletGridWidth !important; | ||
| 57 | + } | ||
| 58 | + .ui.relaxed.grid.container { | ||
| 59 | + width: @tabletRelaxedGridWidth !important; | ||
| 60 | + } | ||
| 61 | + .ui.very.relaxed.grid.container { | ||
| 62 | + width: @tabletVeryRelaxedGridWidth !important; | ||
| 63 | + } | ||
| 64 | +} | ||
| 65 | + | ||
| 66 | +/* Small Monitor */ | ||
| 67 | +@media only screen and (min-width: @computerBreakpoint) and (max-width: @largestSmallMonitor) { | ||
| 68 | + .ui.container { | ||
| 69 | + width: @computerWidth; | ||
| 70 | + margin-left: @computerGutter !important; | ||
| 71 | + margin-right: @computerGutter !important; | ||
| 72 | + } | ||
| 73 | + .ui.grid.container { | ||
| 74 | + width: @computerGridWidth !important; | ||
| 75 | + } | ||
| 76 | + .ui.relaxed.grid.container { | ||
| 77 | + width: @computerRelaxedGridWidth !important; | ||
| 78 | + } | ||
| 79 | + .ui.very.relaxed.grid.container { | ||
| 80 | + width: @computerVeryRelaxedGridWidth !important; | ||
| 81 | + } | ||
| 82 | +} | ||
| 83 | + | ||
| 84 | +/* Large Monitor */ | ||
| 85 | +@media only screen and (min-width: @largeMonitorBreakpoint) { | ||
| 86 | + .ui.container { | ||
| 87 | + width: @largeMonitorWidth; | ||
| 88 | + margin-left: @largeMonitorGutter !important; | ||
| 89 | + margin-right: @largeMonitorGutter !important; | ||
| 90 | + } | ||
| 91 | + .ui.grid.container { | ||
| 92 | + width: @largeMonitorGridWidth !important; | ||
| 93 | + } | ||
| 94 | + .ui.relaxed.grid.container { | ||
| 95 | + width: @largeMonitorRelaxedGridWidth !important; | ||
| 96 | + } | ||
| 97 | + .ui.very.relaxed.grid.container { | ||
| 98 | + width: @largeMonitorVeryRelaxedGridWidth !important; | ||
| 99 | + } | ||
| 100 | +} | ||
| 101 | + | ||
| 102 | +/******************************* | ||
| 103 | + Types | ||
| 104 | +*******************************/ | ||
| 105 | + | ||
| 106 | + | ||
| 107 | +/* Text Container */ | ||
| 108 | +.ui.text.container { | ||
| 109 | + font-family: @textFontFamily; | ||
| 110 | + max-width: @textWidth !important; | ||
| 111 | + line-height: @textLineHeight; | ||
| 112 | +} | ||
| 113 | + | ||
| 114 | +.ui.text.container { | ||
| 115 | + font-size: @textSize; | ||
| 116 | +} | ||
| 117 | + | ||
| 118 | +/* Fluid */ | ||
| 119 | +.ui.fluid.container { | ||
| 120 | + width: 100%; | ||
| 121 | +} | ||
| 122 | + | ||
| 123 | + | ||
| 124 | +/******************************* | ||
| 125 | + Variations | ||
| 126 | +*******************************/ | ||
| 127 | + | ||
| 128 | +.ui[class*="left aligned"].container { | ||
| 129 | + text-align: left; | ||
| 130 | +} | ||
| 131 | +.ui[class*="center aligned"].container { | ||
| 132 | + text-align: center; | ||
| 133 | +} | ||
| 134 | +.ui[class*="right aligned"].container { | ||
| 135 | + text-align: right; | ||
| 136 | +} | ||
| 137 | +.ui.justified.container { | ||
| 138 | + text-align: justify; | ||
| 139 | + hyphens: auto; | ||
| 140 | +} | ||
| 141 | + | ||
| 142 | + | ||
| 143 | +.loadUIOverrides(); |
| 1 | +/*! | ||
| 2 | + * # Semantic UI - Divider | ||
| 3 | + * http://github.com/semantic-org/semantic-ui/ | ||
| 4 | + * | ||
| 5 | + * | ||
| 6 | + * Released under the MIT license | ||
| 7 | + * http://opensource.org/licenses/MIT | ||
| 8 | + * | ||
| 9 | + */ | ||
| 10 | + | ||
| 11 | +/******************************* | ||
| 12 | + Theme | ||
| 13 | +*******************************/ | ||
| 14 | + | ||
| 15 | +@type : 'element'; | ||
| 16 | +@element : 'divider'; | ||
| 17 | + | ||
| 18 | +@import (multiple) '../../theme.config'; | ||
| 19 | + | ||
| 20 | + | ||
| 21 | +/******************************* | ||
| 22 | + Divider | ||
| 23 | +*******************************/ | ||
| 24 | + | ||
| 25 | +.ui.divider { | ||
| 26 | + margin: @margin; | ||
| 27 | + | ||
| 28 | + line-height: 1; | ||
| 29 | + height: 0em; | ||
| 30 | + | ||
| 31 | + font-weight: @fontWeight; | ||
| 32 | + text-transform: @textTransform; | ||
| 33 | + letter-spacing: @letterSpacing; | ||
| 34 | + color: @color; | ||
| 35 | + | ||
| 36 | + user-select: none; | ||
| 37 | + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | ||
| 38 | +} | ||
| 39 | + | ||
| 40 | +/*-------------- | ||
| 41 | + Basic | ||
| 42 | +---------------*/ | ||
| 43 | + | ||
| 44 | +.ui.divider:not(.vertical):not(.horizontal) { | ||
| 45 | + border-top: @shadowWidth solid @shadowColor; | ||
| 46 | + border-bottom: @highlightWidth solid @highlightColor; | ||
| 47 | +} | ||
| 48 | + | ||
| 49 | +/*-------------- | ||
| 50 | + Coupling | ||
| 51 | +---------------*/ | ||
| 52 | + | ||
| 53 | +/* Allow divider between each column row */ | ||
| 54 | +.ui.grid > .column + .divider, | ||
| 55 | +.ui.grid > .row > .column + .divider { | ||
| 56 | + left: auto; | ||
| 57 | +} | ||
| 58 | + | ||
| 59 | +/*-------------- | ||
| 60 | + Horizontal | ||
| 61 | +---------------*/ | ||
| 62 | + | ||
| 63 | +.ui.horizontal.divider { | ||
| 64 | + display: table; | ||
| 65 | + white-space: nowrap; | ||
| 66 | + | ||
| 67 | + height: auto; | ||
| 68 | + margin: @horizontalMargin; | ||
| 69 | + line-height: 1; | ||
| 70 | + text-align: center; | ||
| 71 | +} | ||
| 72 | + | ||
| 73 | +.ui.horizontal.divider:before, | ||
| 74 | +.ui.horizontal.divider:after { | ||
| 75 | + content: ''; | ||
| 76 | + display: table-cell; | ||
| 77 | + position: relative; | ||
| 78 | + top: 50%; | ||
| 79 | + width: 50%; | ||
| 80 | + background-repeat: no-repeat; | ||
| 81 | +} | ||
| 82 | + | ||
| 83 | +.ui.horizontal.divider:before { | ||
| 84 | + background-position: right @horizontalDividerMargin top 50%; | ||
| 85 | +} | ||
| 86 | +.ui.horizontal.divider:after { | ||
| 87 | + background-position: left @horizontalDividerMargin top 50%; | ||
| 88 | +} | ||
| 89 | + | ||
| 90 | +/*-------------- | ||
| 91 | + Vertical | ||
| 92 | +---------------*/ | ||
| 93 | + | ||
| 94 | +.ui.vertical.divider { | ||
| 95 | + position: absolute; | ||
| 96 | + z-index: 2; | ||
| 97 | + top: 50%; | ||
| 98 | + left: 50%; | ||
| 99 | + | ||
| 100 | + margin: 0rem; | ||
| 101 | + padding: 0em; | ||
| 102 | + width: auto; | ||
| 103 | + height: 50%; | ||
| 104 | + | ||
| 105 | + line-height: 0em; | ||
| 106 | + text-align: center; | ||
| 107 | + transform: translateX(-50%); | ||
| 108 | +} | ||
| 109 | + | ||
| 110 | +.ui.vertical.divider:before, | ||
| 111 | +.ui.vertical.divider:after { | ||
| 112 | + position: absolute; | ||
| 113 | + left: 50%; | ||
| 114 | + content: ''; | ||
| 115 | + z-index: 3; | ||
| 116 | + | ||
| 117 | + border-left: @shadowWidth solid @shadowColor; | ||
| 118 | + border-right: @highlightWidth solid @highlightColor; | ||
| 119 | + | ||
| 120 | + width: 0%; | ||
| 121 | + height: @verticalDividerHeight; | ||
| 122 | +} | ||
| 123 | + | ||
| 124 | +.ui.vertical.divider:before { | ||
| 125 | + top: -100%; | ||
| 126 | +} | ||
| 127 | +.ui.vertical.divider:after { | ||
| 128 | + top: auto; | ||
| 129 | + bottom: 0px; | ||
| 130 | +} | ||
| 131 | + | ||
| 132 | +/* Inside grid */ | ||
| 133 | +@media only screen and (max-width : @largestMobileScreen) { | ||
| 134 | + | ||
| 135 | + .ui.stackable.grid .ui.vertical.divider, | ||
| 136 | + .ui.grid .stackable.row .ui.vertical.divider { | ||
| 137 | + display: table; | ||
| 138 | + white-space: nowrap; | ||
| 139 | + height: auto; | ||
| 140 | + margin: @horizontalMargin; | ||
| 141 | + overflow: hidden; | ||
| 142 | + line-height: 1; | ||
| 143 | + text-align: center; | ||
| 144 | + position: static; | ||
| 145 | + top: 0; | ||
| 146 | + left: 0; | ||
| 147 | + transform: none; | ||
| 148 | + } | ||
| 149 | + | ||
| 150 | + .ui.stackable.grid .ui.vertical.divider:before, | ||
| 151 | + .ui.grid .stackable.row .ui.vertical.divider:before, | ||
| 152 | + .ui.stackable.grid .ui.vertical.divider:after, | ||
| 153 | + .ui.grid .stackable.row .ui.vertical.divider:after { | ||
| 154 | + position: static; | ||
| 155 | + left: 0; | ||
| 156 | + border-left: none; | ||
| 157 | + border-right: none; | ||
| 158 | + content: ''; | ||
| 159 | + display: table-cell; | ||
| 160 | + position: relative; | ||
| 161 | + top: 50%; | ||
| 162 | + width: 50%; | ||
| 163 | + background-repeat: no-repeat; | ||
| 164 | + } | ||
| 165 | + | ||
| 166 | + .ui.stackable.grid .ui.vertical.divider:before, | ||
| 167 | + .ui.grid .stackable.row .ui.vertical.divider:before { | ||
| 168 | + background-position: right @horizontalDividerMargin top 50%; | ||
| 169 | + } | ||
| 170 | + .ui.stackable.grid .ui.vertical.divider:after, | ||
| 171 | + .ui.grid .stackable.row .ui.vertical.divider:after { | ||
| 172 | + background-position: left @horizontalDividerMargin top 50%; | ||
| 173 | + } | ||
| 174 | +} | ||
| 175 | + | ||
| 176 | +/*-------------- | ||
| 177 | + Icon | ||
| 178 | +---------------*/ | ||
| 179 | + | ||
| 180 | +.ui.divider > .icon { | ||
| 181 | + margin: @dividerIconMargin; | ||
| 182 | + font-size: @dividerIconSize; | ||
| 183 | + height: 1em; | ||
| 184 | + vertical-align: middle; | ||
| 185 | +} | ||
| 186 | + | ||
| 187 | +/******************************* | ||
| 188 | + Variations | ||
| 189 | +*******************************/ | ||
| 190 | + | ||
| 191 | +/*-------------- | ||
| 192 | + Hidden | ||
| 193 | +---------------*/ | ||
| 194 | + | ||
| 195 | +.ui.hidden.divider { | ||
| 196 | + border-color: transparent !important; | ||
| 197 | +} | ||
| 198 | +.ui.hidden.divider:before, | ||
| 199 | +.ui.hidden.divider:after { | ||
| 200 | + display: none; | ||
| 201 | +} | ||
| 202 | + | ||
| 203 | +/*-------------- | ||
| 204 | + Inverted | ||
| 205 | +---------------*/ | ||
| 206 | + | ||
| 207 | +.ui.divider.inverted, | ||
| 208 | +.ui.vertical.inverted.divider, | ||
| 209 | +.ui.horizontal.inverted.divider { | ||
| 210 | + color: @invertedTextColor; | ||
| 211 | +} | ||
| 212 | +.ui.divider.inverted, | ||
| 213 | +.ui.divider.inverted:after, | ||
| 214 | +.ui.divider.inverted:before { | ||
| 215 | + border-top-color: @invertedShadowColor !important; | ||
| 216 | + border-left-color: @invertedShadowColor !important; | ||
| 217 | + border-bottom-color: @invertedHighlightColor !important; | ||
| 218 | + border-right-color: @invertedHighlightColor !important; | ||
| 219 | +} | ||
| 220 | + | ||
| 221 | +/*-------------- | ||
| 222 | + Fitted | ||
| 223 | +---------------*/ | ||
| 224 | + | ||
| 225 | +.ui.fitted.divider { | ||
| 226 | + margin: 0em; | ||
| 227 | +} | ||
| 228 | + | ||
| 229 | +/*-------------- | ||
| 230 | + Clearing | ||
| 231 | +---------------*/ | ||
| 232 | + | ||
| 233 | +.ui.clearing.divider { | ||
| 234 | + clear: both; | ||
| 235 | +} | ||
| 236 | + | ||
| 237 | +/*-------------- | ||
| 238 | + Section | ||
| 239 | +---------------*/ | ||
| 240 | + | ||
| 241 | +.ui.section.divider { | ||
| 242 | + margin-top: @sectionMargin; | ||
| 243 | + margin-bottom: @sectionMargin; | ||
| 244 | +} | ||
| 245 | + | ||
| 246 | +/*-------------- | ||
| 247 | + Sizes | ||
| 248 | +---------------*/ | ||
| 249 | + | ||
| 250 | +.ui.divider { | ||
| 251 | + font-size: @medium; | ||
| 252 | +} | ||
| 253 | + | ||
| 254 | + | ||
| 255 | +.loadUIOverrides(); |
| 1 | +/*! | ||
| 2 | + * # Semantic UI - Flag | ||
| 3 | + * http://github.com/semantic-org/semantic-ui/ | ||
| 4 | + * | ||
| 5 | + * | ||
| 6 | + * Released under the MIT license | ||
| 7 | + * http://opensource.org/licenses/MIT | ||
| 8 | + * | ||
| 9 | + */ | ||
| 10 | + | ||
| 11 | + | ||
| 12 | +/******************************* | ||
| 13 | + Theme | ||
| 14 | +*******************************/ | ||
| 15 | + | ||
| 16 | +@type : 'element'; | ||
| 17 | +@element : 'flag'; | ||
| 18 | + | ||
| 19 | +@import (multiple) '../../theme.config'; | ||
| 20 | + | ||
| 21 | + | ||
| 22 | +/******************************* | ||
| 23 | + Flag | ||
| 24 | +*******************************/ | ||
| 25 | + | ||
| 26 | +i.flag:not(.icon) { | ||
| 27 | + display: inline-block; | ||
| 28 | + | ||
| 29 | + width: @width; | ||
| 30 | + height: @height; | ||
| 31 | + | ||
| 32 | + line-height: @height; | ||
| 33 | + vertical-align: @verticalAlign; | ||
| 34 | + margin: 0em @margin 0em 0em; | ||
| 35 | + | ||
| 36 | + text-decoration: inherit; | ||
| 37 | + | ||
| 38 | + speak: none; | ||
| 39 | + font-smoothing: antialiased; | ||
| 40 | + backface-visibility: hidden; | ||
| 41 | +} | ||
| 42 | + | ||
| 43 | +/* Sprite */ | ||
| 44 | +i.flag:not(.icon):before { | ||
| 45 | + display: inline-block; | ||
| 46 | + content: ''; | ||
| 47 | + background: url(@spritePath) no-repeat -108px -1976px; | ||
| 48 | + width: @width; | ||
| 49 | + height: @height; | ||
| 50 | +} | ||
| 51 | + | ||
| 52 | +.loadUIOverrides(); |
This diff is collapsed. Click to expand it.
| 1 | +/*! | ||
| 2 | + * # Semantic UI - Icon | ||
| 3 | + * http://github.com/semantic-org/semantic-ui/ | ||
| 4 | + * | ||
| 5 | + * | ||
| 6 | + * Released under the MIT license | ||
| 7 | + * http://opensource.org/licenses/MIT | ||
| 8 | + * | ||
| 9 | + */ | ||
| 10 | + | ||
| 11 | + | ||
| 12 | +/******************************* | ||
| 13 | + Theme | ||
| 14 | +*******************************/ | ||
| 15 | + | ||
| 16 | +@type : 'element'; | ||
| 17 | +@element : 'icon'; | ||
| 18 | + | ||
| 19 | +@import (multiple) '../../theme.config'; | ||
| 20 | + | ||
| 21 | + | ||
| 22 | +/******************************* | ||
| 23 | + Icon | ||
| 24 | +*******************************/ | ||
| 25 | + | ||
| 26 | +@font-face { | ||
| 27 | + font-family: 'Icons'; | ||
| 28 | + src: @fallbackSRC; | ||
| 29 | + src: @src; | ||
| 30 | + font-style: normal; | ||
| 31 | + font-weight: @normal; | ||
| 32 | + font-variant: normal; | ||
| 33 | + text-decoration: inherit; | ||
| 34 | + text-transform: none; | ||
| 35 | +} | ||
| 36 | + | ||
| 37 | +i.icon { | ||
| 38 | + display: inline-block; | ||
| 39 | + opacity: @opacity; | ||
| 40 | + | ||
| 41 | + margin: 0em @distanceFromText 0em 0em; | ||
| 42 | + | ||
| 43 | + width: @width; | ||
| 44 | + height: @height; | ||
| 45 | + | ||
| 46 | + font-family: 'Icons'; | ||
| 47 | + font-style: normal; | ||
| 48 | + font-weight: @normal; | ||
| 49 | + text-decoration: inherit; | ||
| 50 | + text-align: center; | ||
| 51 | + | ||
| 52 | + speak: none; | ||
| 53 | + font-smoothing: antialiased; | ||
| 54 | + -moz-osx-font-smoothing: grayscale; | ||
| 55 | + -webkit-font-smoothing: antialiased; | ||
| 56 | + backface-visibility: hidden; | ||
| 57 | +} | ||
| 58 | + | ||
| 59 | +i.icon:before { | ||
| 60 | + background: none !important; | ||
| 61 | +} | ||
| 62 | + | ||
| 63 | +/******************************* | ||
| 64 | + Types | ||
| 65 | +*******************************/ | ||
| 66 | + | ||
| 67 | +/*-------------- | ||
| 68 | + Loading | ||
| 69 | +---------------*/ | ||
| 70 | + | ||
| 71 | +i.icon.loading { | ||
| 72 | + height: 1em; | ||
| 73 | + line-height: 1; | ||
| 74 | + animation: icon-loading @loadingDuration linear infinite; | ||
| 75 | +} | ||
| 76 | +@keyframes icon-loading { | ||
| 77 | + from { | ||
| 78 | + transform: rotate(0deg); | ||
| 79 | + } | ||
| 80 | + to { | ||
| 81 | + transform: rotate(360deg); | ||
| 82 | + } | ||
| 83 | +} | ||
| 84 | + | ||
| 85 | +/******************************* | ||
| 86 | + States | ||
| 87 | +*******************************/ | ||
| 88 | + | ||
| 89 | +i.icon.hover { | ||
| 90 | + opacity: 1 !important; | ||
| 91 | +} | ||
| 92 | + | ||
| 93 | +i.icon.active { | ||
| 94 | + opacity: 1 !important; | ||
| 95 | +} | ||
| 96 | + | ||
| 97 | +i.emphasized.icon { | ||
| 98 | + opacity: 1 !important; | ||
| 99 | +} | ||
| 100 | + | ||
| 101 | +i.disabled.icon { | ||
| 102 | + opacity: @disabledOpacity !important; | ||
| 103 | +} | ||
| 104 | + | ||
| 105 | + | ||
| 106 | +/******************************* | ||
| 107 | + Variations | ||
| 108 | +*******************************/ | ||
| 109 | + | ||
| 110 | + | ||
| 111 | +/*------------------- | ||
| 112 | + Fitted | ||
| 113 | +--------------------*/ | ||
| 114 | + | ||
| 115 | +i.fitted.icon { | ||
| 116 | + width: auto; | ||
| 117 | + margin: 0em !important; | ||
| 118 | +} | ||
| 119 | + | ||
| 120 | +/*------------------- | ||
| 121 | + Link | ||
| 122 | +--------------------*/ | ||
| 123 | + | ||
| 124 | +i.link.icon, i.link.icons { | ||
| 125 | + cursor: pointer; | ||
| 126 | + opacity: @linkOpacity; | ||
| 127 | + transition: opacity @defaultDuration @defaultEasing; | ||
| 128 | +} | ||
| 129 | +i.link.icon:hover, i.link.icons:hover { | ||
| 130 | + opacity: 1 !important; | ||
| 131 | +} | ||
| 132 | + | ||
| 133 | +/*------------------- | ||
| 134 | + Circular | ||
| 135 | +--------------------*/ | ||
| 136 | + | ||
| 137 | +i.circular.icon { | ||
| 138 | + border-radius: 500em !important; | ||
| 139 | + line-height: 1 !important; | ||
| 140 | + | ||
| 141 | + padding: @circularPadding !important; | ||
| 142 | + box-shadow: @circularShadow; | ||
| 143 | + | ||
| 144 | + width: @circularSize !important; | ||
| 145 | + height: @circularSize !important; | ||
| 146 | +} | ||
| 147 | +i.circular.inverted.icon { | ||
| 148 | + border: none; | ||
| 149 | + box-shadow: none; | ||
| 150 | +} | ||
| 151 | + | ||
| 152 | +/*------------------- | ||
| 153 | + Flipped | ||
| 154 | +--------------------*/ | ||
| 155 | + | ||
| 156 | +i.flipped.icon, | ||
| 157 | +i.horizontally.flipped.icon { | ||
| 158 | + transform: scale(-1, 1); | ||
| 159 | +} | ||
| 160 | +i.vertically.flipped.icon { | ||
| 161 | + transform: scale(1, -1); | ||
| 162 | +} | ||
| 163 | + | ||
| 164 | +/*------------------- | ||
| 165 | + Rotated | ||
| 166 | +--------------------*/ | ||
| 167 | + | ||
| 168 | +i.rotated.icon, | ||
| 169 | +i.right.rotated.icon, | ||
| 170 | +i.clockwise.rotated.icon { | ||
| 171 | + transform: rotate(90deg); | ||
| 172 | +} | ||
| 173 | + | ||
| 174 | +i.left.rotated.icon, | ||
| 175 | +i.counterclockwise.rotated.icon { | ||
| 176 | + transform: rotate(-90deg); | ||
| 177 | +} | ||
| 178 | + | ||
| 179 | +/*------------------- | ||
| 180 | + Bordered | ||
| 181 | +--------------------*/ | ||
| 182 | + | ||
| 183 | +i.bordered.icon { | ||
| 184 | + line-height: 1; | ||
| 185 | + vertical-align: baseline; | ||
| 186 | + | ||
| 187 | + width: @borderedSize; | ||
| 188 | + height: @borderedSize; | ||
| 189 | + padding: @borderedVerticalPadding @borderedHorizontalPadding !important; | ||
| 190 | + box-shadow: @borderedShadow; | ||
| 191 | +} | ||
| 192 | +i.bordered.inverted.icon { | ||
| 193 | + border: none; | ||
| 194 | + box-shadow: none; | ||
| 195 | +} | ||
| 196 | + | ||
| 197 | +/*------------------- | ||
| 198 | + Inverted | ||
| 199 | +--------------------*/ | ||
| 200 | + | ||
| 201 | +/* Inverted Shapes */ | ||
| 202 | +i.inverted.bordered.icon, | ||
| 203 | +i.inverted.circular.icon { | ||
| 204 | + background-color: @black !important; | ||
| 205 | + color: @white !important; | ||
| 206 | +} | ||
| 207 | + | ||
| 208 | +i.inverted.icon { | ||
| 209 | + color: @white; | ||
| 210 | +} | ||
| 211 | + | ||
| 212 | + | ||
| 213 | +/*------------------- | ||
| 214 | + Colors | ||
| 215 | +--------------------*/ | ||
| 216 | + | ||
| 217 | +/* Red */ | ||
| 218 | +i.red.icon { | ||
| 219 | + color: @red !important; | ||
| 220 | +} | ||
| 221 | +i.inverted.red.icon { | ||
| 222 | + color: @lightRed !important; | ||
| 223 | +} | ||
| 224 | +i.inverted.bordered.red.icon, | ||
| 225 | +i.inverted.circular.red.icon { | ||
| 226 | + background-color: @red !important; | ||
| 227 | + color: @white !important; | ||
| 228 | +} | ||
| 229 | + | ||
| 230 | +/* Orange */ | ||
| 231 | +i.orange.icon { | ||
| 232 | + color: @orange !important; | ||
| 233 | +} | ||
| 234 | +i.inverted.orange.icon { | ||
| 235 | + color: @lightOrange !important; | ||
| 236 | +} | ||
| 237 | +i.inverted.bordered.orange.icon, | ||
| 238 | +i.inverted.circular.orange.icon { | ||
| 239 | + background-color: @orange !important; | ||
| 240 | + color: @white !important; | ||
| 241 | +} | ||
| 242 | + | ||
| 243 | +/* Yellow */ | ||
| 244 | +i.yellow.icon { | ||
| 245 | + color: @yellow !important; | ||
| 246 | +} | ||
| 247 | +i.inverted.yellow.icon { | ||
| 248 | + color: @lightYellow !important; | ||
| 249 | +} | ||
| 250 | +i.inverted.bordered.yellow.icon, | ||
| 251 | +i.inverted.circular.yellow.icon { | ||
| 252 | + background-color: @yellow !important; | ||
| 253 | + color: @white !important; | ||
| 254 | +} | ||
| 255 | + | ||
| 256 | +/* Olive */ | ||
| 257 | +i.olive.icon { | ||
| 258 | + color: @olive !important; | ||
| 259 | +} | ||
| 260 | +i.inverted.olive.icon { | ||
| 261 | + color: @lightOlive !important; | ||
| 262 | +} | ||
| 263 | +i.inverted.bordered.olive.icon, | ||
| 264 | +i.inverted.circular.olive.icon { | ||
| 265 | + background-color: @olive !important; | ||
| 266 | + color: @white !important; | ||
| 267 | +} | ||
| 268 | + | ||
| 269 | +/* Green */ | ||
| 270 | +i.green.icon { | ||
| 271 | + color: @green !important; | ||
| 272 | +} | ||
| 273 | +i.inverted.green.icon { | ||
| 274 | + color: @lightGreen !important; | ||
| 275 | +} | ||
| 276 | +i.inverted.bordered.green.icon, | ||
| 277 | +i.inverted.circular.green.icon { | ||
| 278 | + background-color: @green !important; | ||
| 279 | + color: @white !important; | ||
| 280 | +} | ||
| 281 | + | ||
| 282 | +/* Teal */ | ||
| 283 | +i.teal.icon { | ||
| 284 | + color: @teal !important; | ||
| 285 | +} | ||
| 286 | +i.inverted.teal.icon { | ||
| 287 | + color: @lightTeal !important; | ||
| 288 | +} | ||
| 289 | +i.inverted.bordered.teal.icon, | ||
| 290 | +i.inverted.circular.teal.icon { | ||
| 291 | + background-color: @teal !important; | ||
| 292 | + color: @white !important; | ||
| 293 | +} | ||
| 294 | + | ||
| 295 | +/* Blue */ | ||
| 296 | +i.blue.icon { | ||
| 297 | + color: @blue !important; | ||
| 298 | +} | ||
| 299 | +i.inverted.blue.icon { | ||
| 300 | + color: @lightBlue !important; | ||
| 301 | +} | ||
| 302 | +i.inverted.bordered.blue.icon, | ||
| 303 | +i.inverted.circular.blue.icon { | ||
| 304 | + background-color: @blue !important; | ||
| 305 | + color: @white !important; | ||
| 306 | +} | ||
| 307 | + | ||
| 308 | +/* Violet */ | ||
| 309 | +i.violet.icon { | ||
| 310 | + color: @violet !important; | ||
| 311 | +} | ||
| 312 | +i.inverted.violet.icon { | ||
| 313 | + color: @lightViolet !important; | ||
| 314 | +} | ||
| 315 | +i.inverted.bordered.violet.icon, | ||
| 316 | +i.inverted.circular.violet.icon { | ||
| 317 | + background-color: @violet !important; | ||
| 318 | + color: @white !important; | ||
| 319 | +} | ||
| 320 | + | ||
| 321 | +/* Purple */ | ||
| 322 | +i.purple.icon { | ||
| 323 | + color: @purple !important; | ||
| 324 | +} | ||
| 325 | +i.inverted.purple.icon { | ||
| 326 | + color: @lightPurple !important; | ||
| 327 | +} | ||
| 328 | +i.inverted.bordered.purple.icon, | ||
| 329 | +i.inverted.circular.purple.icon { | ||
| 330 | + background-color: @purple !important; | ||
| 331 | + color: @white !important; | ||
| 332 | +} | ||
| 333 | + | ||
| 334 | +/* Pink */ | ||
| 335 | +i.pink.icon { | ||
| 336 | + color: @pink !important; | ||
| 337 | +} | ||
| 338 | +i.inverted.pink.icon { | ||
| 339 | + color: @lightPink !important; | ||
| 340 | +} | ||
| 341 | +i.inverted.bordered.pink.icon, | ||
| 342 | +i.inverted.circular.pink.icon { | ||
| 343 | + background-color: @pink !important; | ||
| 344 | + color: @white !important; | ||
| 345 | +} | ||
| 346 | + | ||
| 347 | +/* Brown */ | ||
| 348 | +i.brown.icon { | ||
| 349 | + color: @brown !important; | ||
| 350 | +} | ||
| 351 | +i.inverted.brown.icon { | ||
| 352 | + color: @lightBrown !important; | ||
| 353 | +} | ||
| 354 | +i.inverted.bordered.brown.icon, | ||
| 355 | +i.inverted.circular.brown.icon { | ||
| 356 | + background-color: @brown !important; | ||
| 357 | + color: @white !important; | ||
| 358 | +} | ||
| 359 | + | ||
| 360 | +/* Grey */ | ||
| 361 | +i.grey.icon { | ||
| 362 | + color: @grey !important; | ||
| 363 | +} | ||
| 364 | +i.inverted.grey.icon { | ||
| 365 | + color: @lightGrey !important; | ||
| 366 | +} | ||
| 367 | +i.inverted.bordered.grey.icon, | ||
| 368 | +i.inverted.circular.grey.icon { | ||
| 369 | + background-color: @grey !important; | ||
| 370 | + color: @white !important; | ||
| 371 | +} | ||
| 372 | + | ||
| 373 | +/* Black */ | ||
| 374 | +i.black.icon { | ||
| 375 | + color: @black !important; | ||
| 376 | +} | ||
| 377 | +i.inverted.black.icon { | ||
| 378 | + color: @lightBlack !important; | ||
| 379 | +} | ||
| 380 | +i.inverted.bordered.black.icon, | ||
| 381 | +i.inverted.circular.black.icon { | ||
| 382 | + background-color: @black !important; | ||
| 383 | + color: @white !important; | ||
| 384 | +} | ||
| 385 | + | ||
| 386 | +/*------------------- | ||
| 387 | + Sizes | ||
| 388 | +--------------------*/ | ||
| 389 | + | ||
| 390 | +i.mini.icon, | ||
| 391 | +i.mini.icons { | ||
| 392 | + line-height: 1; | ||
| 393 | + font-size: @mini; | ||
| 394 | +} | ||
| 395 | +i.tiny.icon, | ||
| 396 | +i.tiny.icons { | ||
| 397 | + line-height: 1; | ||
| 398 | + font-size: @tiny; | ||
| 399 | +} | ||
| 400 | +i.small.icon, | ||
| 401 | +i.small.icons { | ||
| 402 | + line-height: 1; | ||
| 403 | + font-size: @small; | ||
| 404 | +} | ||
| 405 | +i.icon, | ||
| 406 | +i.icons { | ||
| 407 | + font-size: @medium; | ||
| 408 | +} | ||
| 409 | +i.large.icon, | ||
| 410 | +i.large.icons { | ||
| 411 | + line-height: 1; | ||
| 412 | + vertical-align: middle; | ||
| 413 | + font-size: @large; | ||
| 414 | +} | ||
| 415 | +i.big.icon, | ||
| 416 | +i.big.icons { | ||
| 417 | + line-height: 1; | ||
| 418 | + vertical-align: middle; | ||
| 419 | + font-size: @big; | ||
| 420 | +} | ||
| 421 | +i.huge.icon, | ||
| 422 | +i.huge.icons { | ||
| 423 | + line-height: 1; | ||
| 424 | + vertical-align: middle; | ||
| 425 | + font-size: @huge; | ||
| 426 | +} | ||
| 427 | +i.massive.icon, | ||
| 428 | +i.massive.icons { | ||
| 429 | + line-height: 1; | ||
| 430 | + vertical-align: middle; | ||
| 431 | + font-size: @massive; | ||
| 432 | +} | ||
| 433 | + | ||
| 434 | +/******************************* | ||
| 435 | + Groups | ||
| 436 | +*******************************/ | ||
| 437 | + | ||
| 438 | +i.icons { | ||
| 439 | + display: inline-block; | ||
| 440 | + position: relative; | ||
| 441 | + line-height: 1; | ||
| 442 | +} | ||
| 443 | + | ||
| 444 | +i.icons .icon { | ||
| 445 | + position: absolute; | ||
| 446 | + top: 50%; | ||
| 447 | + left: 50%; | ||
| 448 | + transform: translateX(-50%) translateY(-50%); | ||
| 449 | + margin: 0em; | ||
| 450 | + margin: 0; | ||
| 451 | +} | ||
| 452 | + | ||
| 453 | +i.icons .icon:first-child { | ||
| 454 | + position: static; | ||
| 455 | + width: auto; | ||
| 456 | + height: auto; | ||
| 457 | + vertical-align: top; | ||
| 458 | + transform: none; | ||
| 459 | + margin-right: @distanceFromText; | ||
| 460 | +} | ||
| 461 | + | ||
| 462 | +/* Corner Icon */ | ||
| 463 | +i.icons .corner.icon { | ||
| 464 | + top: auto; | ||
| 465 | + left: auto; | ||
| 466 | + right: 0; | ||
| 467 | + bottom: 0; | ||
| 468 | + transform: none; | ||
| 469 | + font-size: @cornerIconSize; | ||
| 470 | + text-shadow: @cornerIconShadow; | ||
| 471 | +} | ||
| 472 | +i.icons .top.right.corner.icon { | ||
| 473 | + top: 0; | ||
| 474 | + left: auto; | ||
| 475 | + right: 0; | ||
| 476 | + bottom: auto; | ||
| 477 | +} | ||
| 478 | +i.icons .top.left.corner.icon { | ||
| 479 | + top: 0; | ||
| 480 | + left: 0; | ||
| 481 | + right: auto; | ||
| 482 | + bottom: auto; | ||
| 483 | +} | ||
| 484 | +i.icons .bottom.left.corner.icon { | ||
| 485 | + top: auto; | ||
| 486 | + left: 0; | ||
| 487 | + right: auto; | ||
| 488 | + bottom: 0; | ||
| 489 | +} | ||
| 490 | +i.icons .bottom.right.corner.icon { | ||
| 491 | + top: auto; | ||
| 492 | + left: auto; | ||
| 493 | + right: 0; | ||
| 494 | + bottom: 0; | ||
| 495 | +} | ||
| 496 | + | ||
| 497 | +i.icons .inverted.corner.icon { | ||
| 498 | + text-shadow: @cornerIconInvertedShadow; | ||
| 499 | +} | ||
| 500 | + | ||
| 501 | +.loadUIOverrides(); |
| 1 | +/*! | ||
| 2 | + * # Semantic UI - Image | ||
| 3 | + * http://github.com/semantic-org/semantic-ui/ | ||
| 4 | + * | ||
| 5 | + * | ||
| 6 | + * Released under the MIT license | ||
| 7 | + * http://opensource.org/licenses/MIT | ||
| 8 | + * | ||
| 9 | + */ | ||
| 10 | + | ||
| 11 | + | ||
| 12 | +/******************************* | ||
| 13 | + Theme | ||
| 14 | +*******************************/ | ||
| 15 | + | ||
| 16 | +@type : 'element'; | ||
| 17 | +@element : 'image'; | ||
| 18 | + | ||
| 19 | +@import (multiple) '../../theme.config'; | ||
| 20 | + | ||
| 21 | + | ||
| 22 | +/******************************* | ||
| 23 | + Image | ||
| 24 | +*******************************/ | ||
| 25 | + | ||
| 26 | +.ui.image { | ||
| 27 | + position: relative; | ||
| 28 | + display: inline-block; | ||
| 29 | + vertical-align: middle; | ||
| 30 | + max-width: 100%; | ||
| 31 | + background-color: @placeholderColor; | ||
| 32 | +} | ||
| 33 | + | ||
| 34 | +img.ui.image { | ||
| 35 | + display: block; | ||
| 36 | +} | ||
| 37 | + | ||
| 38 | +.ui.image svg, | ||
| 39 | +.ui.image img { | ||
| 40 | + display: block; | ||
| 41 | + max-width: 100%; | ||
| 42 | + height: auto; | ||
| 43 | +} | ||
| 44 | + | ||
| 45 | + | ||
| 46 | +/******************************* | ||
| 47 | + States | ||
| 48 | +*******************************/ | ||
| 49 | + | ||
| 50 | +.ui.hidden.images, | ||
| 51 | +.ui.hidden.image { | ||
| 52 | + display: none; | ||
| 53 | +} | ||
| 54 | +.ui.hidden.transition.images, | ||
| 55 | +.ui.hidden.transition.image { | ||
| 56 | + display: block; | ||
| 57 | + visibility: hidden; | ||
| 58 | +} | ||
| 59 | +.ui.images > .hidden.transition { | ||
| 60 | + display: inline-block; | ||
| 61 | + visibility: hidden; | ||
| 62 | +} | ||
| 63 | + | ||
| 64 | + | ||
| 65 | +.ui.disabled.images, | ||
| 66 | +.ui.disabled.image { | ||
| 67 | + cursor: default; | ||
| 68 | + opacity: @disabledOpacity; | ||
| 69 | +} | ||
| 70 | + | ||
| 71 | + | ||
| 72 | +/******************************* | ||
| 73 | + Variations | ||
| 74 | +*******************************/ | ||
| 75 | + | ||
| 76 | + | ||
| 77 | +/*-------------- | ||
| 78 | + Inline | ||
| 79 | +---------------*/ | ||
| 80 | + | ||
| 81 | +.ui.inline.image, | ||
| 82 | +.ui.inline.image svg, | ||
| 83 | +.ui.inline.image img { | ||
| 84 | + display: inline-block; | ||
| 85 | +} | ||
| 86 | + | ||
| 87 | +/*------------------ | ||
| 88 | + Vertical Aligned | ||
| 89 | +-------------------*/ | ||
| 90 | + | ||
| 91 | +.ui.top.aligned.images .image, | ||
| 92 | +.ui.top.aligned.image, | ||
| 93 | +.ui.top.aligned.image svg, | ||
| 94 | +.ui.top.aligned.image img { | ||
| 95 | + display: inline-block; | ||
| 96 | + vertical-align: top; | ||
| 97 | +} | ||
| 98 | +.ui.middle.aligned.images .image, | ||
| 99 | +.ui.middle.aligned.image, | ||
| 100 | +.ui.middle.aligned.image svg, | ||
| 101 | +.ui.middle.aligned.image img { | ||
| 102 | + display: inline-block; | ||
| 103 | + vertical-align: middle; | ||
| 104 | +} | ||
| 105 | +.ui.bottom.aligned.images .image, | ||
| 106 | +.ui.bottom.aligned.image, | ||
| 107 | +.ui.bottom.aligned.image svg, | ||
| 108 | +.ui.bottom.aligned.image img { | ||
| 109 | + display: inline-block; | ||
| 110 | + vertical-align: bottom; | ||
| 111 | +} | ||
| 112 | + | ||
| 113 | +/*-------------- | ||
| 114 | + Rounded | ||
| 115 | +---------------*/ | ||
| 116 | + | ||
| 117 | +.ui.rounded.images .image, | ||
| 118 | +.ui.rounded.image, | ||
| 119 | +.ui.rounded.images .image > *, | ||
| 120 | +.ui.rounded.image > * { | ||
| 121 | + border-radius: @roundedBorderRadius; | ||
| 122 | +} | ||
| 123 | + | ||
| 124 | +/*-------------- | ||
| 125 | + Bordered | ||
| 126 | +---------------*/ | ||
| 127 | + | ||
| 128 | +.ui.bordered.images .image, | ||
| 129 | +.ui.bordered.images img, | ||
| 130 | +.ui.bordered.images svg, | ||
| 131 | +.ui.bordered.image img, | ||
| 132 | +.ui.bordered.image svg, | ||
| 133 | +img.ui.bordered.image { | ||
| 134 | + border: @imageBorder; | ||
| 135 | +} | ||
| 136 | + | ||
| 137 | +/*-------------- | ||
| 138 | + Circular | ||
| 139 | +---------------*/ | ||
| 140 | + | ||
| 141 | +.ui.circular.images, | ||
| 142 | +.ui.circular.image { | ||
| 143 | + overflow: hidden; | ||
| 144 | +} | ||
| 145 | + | ||
| 146 | +.ui.circular.images .image, | ||
| 147 | +.ui.circular.image, | ||
| 148 | +.ui.circular.images .image > *, | ||
| 149 | +.ui.circular.image > * { | ||
| 150 | + -webkit-border-radius: @circularRadius; | ||
| 151 | + -moz-border-radius: @circularRadius; | ||
| 152 | + border-radius: @circularRadius; | ||
| 153 | +} | ||
| 154 | + | ||
| 155 | +/*-------------- | ||
| 156 | + Fluid | ||
| 157 | +---------------*/ | ||
| 158 | + | ||
| 159 | +.ui.fluid.images, | ||
| 160 | +.ui.fluid.image, | ||
| 161 | +.ui.fluid.images img, | ||
| 162 | +.ui.fluid.images svg, | ||
| 163 | +.ui.fluid.image svg, | ||
| 164 | +.ui.fluid.image img { | ||
| 165 | + display: block; | ||
| 166 | + width: 100%; | ||
| 167 | + height: auto; | ||
| 168 | +} | ||
| 169 | + | ||
| 170 | + | ||
| 171 | +/*-------------- | ||
| 172 | + Avatar | ||
| 173 | +---------------*/ | ||
| 174 | + | ||
| 175 | +.ui.avatar.images .image, | ||
| 176 | +.ui.avatar.images img, | ||
| 177 | +.ui.avatar.images svg, | ||
| 178 | +.ui.avatar.image img, | ||
| 179 | +.ui.avatar.image svg, | ||
| 180 | +.ui.avatar.image { | ||
| 181 | + margin-right: @avatarMargin; | ||
| 182 | + | ||
| 183 | + display: inline-block; | ||
| 184 | + width: @avatarSize; | ||
| 185 | + height: @avatarSize; | ||
| 186 | + | ||
| 187 | + -webkit-border-radius: @circularRadius; | ||
| 188 | + -moz-border-radius: @circularRadius; | ||
| 189 | + border-radius: @circularRadius; | ||
| 190 | +} | ||
| 191 | + | ||
| 192 | +/*------------------- | ||
| 193 | + Spaced | ||
| 194 | +--------------------*/ | ||
| 195 | + | ||
| 196 | +.ui.spaced.image { | ||
| 197 | + display: inline-block !important; | ||
| 198 | + margin-left: @spacedDistance; | ||
| 199 | + margin-right: @spacedDistance; | ||
| 200 | +} | ||
| 201 | + | ||
| 202 | +.ui[class*="left spaced"].image { | ||
| 203 | + margin-left: @spacedDistance; | ||
| 204 | + margin-right: 0em; | ||
| 205 | +} | ||
| 206 | + | ||
| 207 | +.ui[class*="right spaced"].image { | ||
| 208 | + margin-left: 0em; | ||
| 209 | + margin-right: @spacedDistance; | ||
| 210 | +} | ||
| 211 | + | ||
| 212 | +/*------------------- | ||
| 213 | + Floated | ||
| 214 | +--------------------*/ | ||
| 215 | + | ||
| 216 | +.ui.floated.image, | ||
| 217 | +.ui.floated.images { | ||
| 218 | + float: left; | ||
| 219 | + margin-right: @floatedHorizontalMargin; | ||
| 220 | + margin-bottom: @floatedVerticalMargin; | ||
| 221 | +} | ||
| 222 | +.ui.right.floated.images, | ||
| 223 | +.ui.right.floated.image { | ||
| 224 | + float: right; | ||
| 225 | + margin-right: 0em; | ||
| 226 | + margin-bottom: @floatedVerticalMargin; | ||
| 227 | + margin-left: @floatedHorizontalMargin; | ||
| 228 | +} | ||
| 229 | + | ||
| 230 | +.ui.floated.images:last-child, | ||
| 231 | +.ui.floated.image:last-child { | ||
| 232 | + margin-bottom: 0em; | ||
| 233 | +} | ||
| 234 | + | ||
| 235 | + | ||
| 236 | +.ui.centered.images, | ||
| 237 | +.ui.centered.image { | ||
| 238 | + margin-left: auto; | ||
| 239 | + margin-right: auto; | ||
| 240 | +} | ||
| 241 | + | ||
| 242 | +/*-------------- | ||
| 243 | + Sizes | ||
| 244 | +---------------*/ | ||
| 245 | + | ||
| 246 | +.ui.mini.images .image, | ||
| 247 | +.ui.mini.images img, | ||
| 248 | +.ui.mini.images svg, | ||
| 249 | +.ui.mini.image { | ||
| 250 | + width: @miniWidth; | ||
| 251 | + height: auto; | ||
| 252 | + font-size: @mini; | ||
| 253 | +} | ||
| 254 | +.ui.tiny.images .image, | ||
| 255 | +.ui.tiny.images img, | ||
| 256 | +.ui.tiny.images svg, | ||
| 257 | +.ui.tiny.image { | ||
| 258 | + width: @tinyWidth; | ||
| 259 | + height: auto; | ||
| 260 | + font-size: @tiny; | ||
| 261 | +} | ||
| 262 | +.ui.small.images .image, | ||
| 263 | +.ui.small.images img, | ||
| 264 | +.ui.small.images svg, | ||
| 265 | +.ui.small.image { | ||
| 266 | + width: @smallWidth; | ||
| 267 | + height: auto; | ||
| 268 | + font-size: @small; | ||
| 269 | +} | ||
| 270 | +.ui.medium.images .image, | ||
| 271 | +.ui.medium.images img, | ||
| 272 | +.ui.medium.images svg, | ||
| 273 | +.ui.medium.image { | ||
| 274 | + width: @mediumWidth; | ||
| 275 | + height: auto; | ||
| 276 | + font-size: @medium; | ||
| 277 | +} | ||
| 278 | +.ui.large.images .image, | ||
| 279 | +.ui.large.images img, | ||
| 280 | +.ui.large.images svg, | ||
| 281 | +.ui.large.image { | ||
| 282 | + width: @largeWidth; | ||
| 283 | + height: auto; | ||
| 284 | + font-size: @large; | ||
| 285 | +} | ||
| 286 | +.ui.big.images .image, | ||
| 287 | +.ui.big.images img, | ||
| 288 | +.ui.big.images svg, | ||
| 289 | +.ui.big.image { | ||
| 290 | + width: @bigWidth; | ||
| 291 | + height: auto; | ||
| 292 | + font-size: @big; | ||
| 293 | +} | ||
| 294 | +.ui.huge.images .image, | ||
| 295 | +.ui.huge.images img, | ||
| 296 | +.ui.huge.images svg, | ||
| 297 | +.ui.huge.image { | ||
| 298 | + width: @hugeWidth; | ||
| 299 | + height: auto; | ||
| 300 | + font-size: @huge; | ||
| 301 | +} | ||
| 302 | +.ui.massive.images .image, | ||
| 303 | +.ui.massive.images img, | ||
| 304 | +.ui.massive.images svg, | ||
| 305 | +.ui.massive.image { | ||
| 306 | + width: @massiveWidth; | ||
| 307 | + height: auto; | ||
| 308 | + font-size: @massive; | ||
| 309 | +} | ||
| 310 | + | ||
| 311 | + | ||
| 312 | +/******************************* | ||
| 313 | + Groups | ||
| 314 | +*******************************/ | ||
| 315 | + | ||
| 316 | +.ui.images { | ||
| 317 | + font-size: 0em; | ||
| 318 | + margin: 0em -@imageHorizontalMargin 0rem; | ||
| 319 | +} | ||
| 320 | + | ||
| 321 | +.ui.images .image, | ||
| 322 | +.ui.images > img, | ||
| 323 | +.ui.images > svg { | ||
| 324 | + display: inline-block; | ||
| 325 | + margin: 0em @imageHorizontalMargin @imageVerticalMargin; | ||
| 326 | +} | ||
| 327 | + | ||
| 328 | +.loadUIOverrides(); |
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
| 1 | +/*! | ||
| 2 | + * # Semantic UI - Loader | ||
| 3 | + * http://github.com/semantic-org/semantic-ui/ | ||
| 4 | + * | ||
| 5 | + * | ||
| 6 | + * Released under the MIT license | ||
| 7 | + * http://opensource.org/licenses/MIT | ||
| 8 | + * | ||
| 9 | + */ | ||
| 10 | +/******************************* | ||
| 11 | + Theme | ||
| 12 | +*******************************/ | ||
| 13 | + | ||
| 14 | +@type : 'element'; | ||
| 15 | +@element : 'loader'; | ||
| 16 | + | ||
| 17 | +@import (multiple) '../../theme.config'; | ||
| 18 | + | ||
| 19 | +/******************************* | ||
| 20 | + Loader | ||
| 21 | +*******************************/ | ||
| 22 | + | ||
| 23 | + | ||
| 24 | +/* Standard Size */ | ||
| 25 | +.ui.loader { | ||
| 26 | + display: none; | ||
| 27 | + position: absolute; | ||
| 28 | + top: @loaderTopOffset; | ||
| 29 | + left: @loaderLeftOffset; | ||
| 30 | + margin: 0px; | ||
| 31 | + text-align: center; | ||
| 32 | + z-index: 1000; | ||
| 33 | + transform: translateX(-50%) translateY(-50%); | ||
| 34 | +} | ||
| 35 | + | ||
| 36 | +/* Static Shape */ | ||
| 37 | +.ui.loader:before { | ||
| 38 | + position: absolute; | ||
| 39 | + content: ''; | ||
| 40 | + top: 0%; | ||
| 41 | + left: 50%; | ||
| 42 | + width: 100%; | ||
| 43 | + height: 100%; | ||
| 44 | + | ||
| 45 | + border-radius: @circularRadius; | ||
| 46 | + border: @loaderLineWidth solid @loaderFillColor; | ||
| 47 | +} | ||
| 48 | + | ||
| 49 | +/* Active Shape */ | ||
| 50 | +.ui.loader:after { | ||
| 51 | + position: absolute; | ||
| 52 | + content: ''; | ||
| 53 | + top: 0%; | ||
| 54 | + left: 50%; | ||
| 55 | + width: 100%; | ||
| 56 | + height: 100%; | ||
| 57 | + | ||
| 58 | + animation: loader @loaderSpeed linear; | ||
| 59 | + animation-iteration-count: infinite; | ||
| 60 | + | ||
| 61 | + border-radius: @circularRadius; | ||
| 62 | + | ||
| 63 | + border-color: @shapeBorderColor; | ||
| 64 | + border-style: solid; | ||
| 65 | + border-width: @loaderLineWidth; | ||
| 66 | + | ||
| 67 | + box-shadow: 0px 0px 0px 1px transparent; | ||
| 68 | +} | ||
| 69 | + | ||
| 70 | +/* Active Animation */ | ||
| 71 | +@keyframes loader { | ||
| 72 | + from { | ||
| 73 | + transform: rotate(0deg); | ||
| 74 | + } | ||
| 75 | + to { | ||
| 76 | + transform: rotate(360deg); | ||
| 77 | + } | ||
| 78 | +} | ||
| 79 | + | ||
| 80 | +/* Sizes */ | ||
| 81 | +.ui.mini.loader:before, | ||
| 82 | +.ui.mini.loader:after { | ||
| 83 | + width: @mini; | ||
| 84 | + height: @mini; | ||
| 85 | + margin: @miniOffset; | ||
| 86 | +} | ||
| 87 | +.ui.tiny.loader:before, | ||
| 88 | +.ui.tiny.loader:after { | ||
| 89 | + width: @tiny; | ||
| 90 | + height: @tiny; | ||
| 91 | + margin: @tinyOffset; | ||
| 92 | +} | ||
| 93 | +.ui.small.loader:before, | ||
| 94 | +.ui.small.loader:after { | ||
| 95 | + width: @small; | ||
| 96 | + height: @small; | ||
| 97 | + margin: @smallOffset; | ||
| 98 | +} | ||
| 99 | +.ui.loader:before, | ||
| 100 | +.ui.loader:after { | ||
| 101 | + width: @medium; | ||
| 102 | + height: @medium; | ||
| 103 | + margin: @mediumOffset; | ||
| 104 | +} | ||
| 105 | +.ui.large.loader:before, | ||
| 106 | +.ui.large.loader:after { | ||
| 107 | + width: @large; | ||
| 108 | + height: @large; | ||
| 109 | + margin: @largeOffset; | ||
| 110 | +} | ||
| 111 | +.ui.big.loader:before, | ||
| 112 | +.ui.big.loader:after { | ||
| 113 | + width: @big; | ||
| 114 | + height: @big; | ||
| 115 | + margin: @bigOffset; | ||
| 116 | +} | ||
| 117 | +.ui.huge.loader:before, | ||
| 118 | +.ui.huge.loader:after { | ||
| 119 | + width: @huge; | ||
| 120 | + height: @huge; | ||
| 121 | + margin: @hugeOffset; | ||
| 122 | +} | ||
| 123 | +.ui.massive.loader:before, | ||
| 124 | +.ui.massive.loader:after { | ||
| 125 | + width: @massive; | ||
| 126 | + height: @massive; | ||
| 127 | + margin: @massiveOffset; | ||
| 128 | +} | ||
| 129 | + | ||
| 130 | +/*------------------- | ||
| 131 | + Coupling | ||
| 132 | +--------------------*/ | ||
| 133 | + | ||
| 134 | +/* Show inside active dimmer */ | ||
| 135 | +.ui.dimmer .loader { | ||
| 136 | + display: block; | ||
| 137 | +} | ||
| 138 | + | ||
| 139 | +/* Black Dimmer */ | ||
| 140 | +.ui.dimmer .ui.loader { | ||
| 141 | + color: @invertedLoaderTextColor; | ||
| 142 | +} | ||
| 143 | +.ui.dimmer .ui.loader:before { | ||
| 144 | + border-color: @invertedLoaderFillColor; | ||
| 145 | +} | ||
| 146 | +.ui.dimmer .ui.loader:after { | ||
| 147 | + border-color: @invertedShapeBorderColor; | ||
| 148 | +} | ||
| 149 | + | ||
| 150 | +/* White Dimmer (Inverted) */ | ||
| 151 | +.ui.inverted.dimmer .ui.loader { | ||
| 152 | + color: @loaderTextColor; | ||
| 153 | +} | ||
| 154 | +.ui.inverted.dimmer .ui.loader:before { | ||
| 155 | + border-color: @loaderFillColor; | ||
| 156 | +} | ||
| 157 | +.ui.inverted.dimmer .ui.loader:after { | ||
| 158 | + border-color: @shapeBorderColor; | ||
| 159 | +} | ||
| 160 | + | ||
| 161 | +/******************************* | ||
| 162 | + Types | ||
| 163 | +*******************************/ | ||
| 164 | + | ||
| 165 | + | ||
| 166 | +/*------------------- | ||
| 167 | + Text | ||
| 168 | +--------------------*/ | ||
| 169 | + | ||
| 170 | +.ui.text.loader { | ||
| 171 | + width: auto !important; | ||
| 172 | + height: auto !important; | ||
| 173 | + text-align: center; | ||
| 174 | + font-style: normal; | ||
| 175 | +} | ||
| 176 | + | ||
| 177 | + | ||
| 178 | +/******************************* | ||
| 179 | + States | ||
| 180 | +*******************************/ | ||
| 181 | + | ||
| 182 | +.ui.indeterminate.loader:after { | ||
| 183 | + animation-direction: @indeterminateDirection; | ||
| 184 | + animation-duration: @indeterminateSpeed; | ||
| 185 | +} | ||
| 186 | + | ||
| 187 | +.ui.loader.active, | ||
| 188 | +.ui.loader.visible { | ||
| 189 | + display: block; | ||
| 190 | +} | ||
| 191 | +.ui.loader.disabled, | ||
| 192 | +.ui.loader.hidden { | ||
| 193 | + display: none; | ||
| 194 | +} | ||
| 195 | + | ||
| 196 | +/******************************* | ||
| 197 | + Variations | ||
| 198 | +*******************************/ | ||
| 199 | + | ||
| 200 | + | ||
| 201 | +/*------------------- | ||
| 202 | + Sizes | ||
| 203 | +--------------------*/ | ||
| 204 | + | ||
| 205 | + | ||
| 206 | +/* Loader */ | ||
| 207 | +.ui.inverted.dimmer .ui.mini.loader, | ||
| 208 | +.ui.mini.loader { | ||
| 209 | + width: @mini; | ||
| 210 | + height: @mini; | ||
| 211 | + font-size: @miniFontSize; | ||
| 212 | +} | ||
| 213 | +.ui.inverted.dimmer .ui.tiny.loader, | ||
| 214 | +.ui.tiny.loader { | ||
| 215 | + width: @tiny; | ||
| 216 | + height: @tiny; | ||
| 217 | + font-size: @tinyFontSize; | ||
| 218 | +} | ||
| 219 | +.ui.inverted.dimmer .ui.small.loader, | ||
| 220 | +.ui.small.loader { | ||
| 221 | + width: @small; | ||
| 222 | + height: @small; | ||
| 223 | + font-size: @smallFontSize; | ||
| 224 | +} | ||
| 225 | +.ui.inverted.dimmer .ui.loader, | ||
| 226 | +.ui.loader { | ||
| 227 | + width: @medium; | ||
| 228 | + height: @medium; | ||
| 229 | + font-size: @mediumFontSize; | ||
| 230 | +} | ||
| 231 | +.ui.inverted.dimmer .ui.large.loader, | ||
| 232 | +.ui.large.loader { | ||
| 233 | + width: @large; | ||
| 234 | + height: @large; | ||
| 235 | + font-size: @largeFontSize; | ||
| 236 | +} | ||
| 237 | +.ui.inverted.dimmer .ui.big.loader, | ||
| 238 | +.ui.big.loader { | ||
| 239 | + width: @big; | ||
| 240 | + height: @big; | ||
| 241 | + font-size: @bigFontSize; | ||
| 242 | +} | ||
| 243 | +.ui.inverted.dimmer .ui.huge.loader, | ||
| 244 | +.ui.huge.loader { | ||
| 245 | + width: @huge; | ||
| 246 | + height: @huge; | ||
| 247 | + font-size: @hugeFontSize; | ||
| 248 | +} | ||
| 249 | +.ui.inverted.dimmer .ui.massive.loader, | ||
| 250 | +.ui.massive.loader { | ||
| 251 | + width: @massive; | ||
| 252 | + height: @massive; | ||
| 253 | + font-size: @massiveFontSize; | ||
| 254 | +} | ||
| 255 | + | ||
| 256 | +/* Text Loader */ | ||
| 257 | +.ui.mini.text.loader { | ||
| 258 | + min-width: @mini; | ||
| 259 | + padding-top: (@mini + @textDistance); | ||
| 260 | +} | ||
| 261 | +.ui.tiny.text.loader { | ||
| 262 | + min-width: @tiny; | ||
| 263 | + padding-top: (@tiny + @textDistance); | ||
| 264 | +} | ||
| 265 | +.ui.small.text.loader { | ||
| 266 | + min-width: @small; | ||
| 267 | + padding-top: (@small + @textDistance); | ||
| 268 | +} | ||
| 269 | +.ui.text.loader { | ||
| 270 | + min-width: @medium; | ||
| 271 | + padding-top: (@medium + @textDistance); | ||
| 272 | +} | ||
| 273 | +.ui.large.text.loader { | ||
| 274 | + min-width: @large; | ||
| 275 | + padding-top: (@large + @textDistance); | ||
| 276 | +} | ||
| 277 | +.ui.big.text.loader { | ||
| 278 | + min-width: @big; | ||
| 279 | + padding-top: (@big + @textDistance); | ||
| 280 | +} | ||
| 281 | +.ui.huge.text.loader { | ||
| 282 | + min-width: @huge; | ||
| 283 | + padding-top: (@huge + @textDistance); | ||
| 284 | +} | ||
| 285 | +.ui.massive.text.loader { | ||
| 286 | + min-width: @massive; | ||
| 287 | + padding-top: (@massive + @textDistance); | ||
| 288 | +} | ||
| 289 | + | ||
| 290 | + | ||
| 291 | +/*------------------- | ||
| 292 | + Inverted | ||
| 293 | +--------------------*/ | ||
| 294 | + | ||
| 295 | +.ui.inverted.loader { | ||
| 296 | + color: @invertedLoaderTextColor | ||
| 297 | +} | ||
| 298 | +.ui.inverted.loader:before { | ||
| 299 | + border-color: @invertedLoaderFillColor; | ||
| 300 | +} | ||
| 301 | +.ui.inverted.loader:after { | ||
| 302 | + border-top-color: @invertedLoaderLineColor; | ||
| 303 | +} | ||
| 304 | + | ||
| 305 | +/*------------------- | ||
| 306 | + Inline | ||
| 307 | +--------------------*/ | ||
| 308 | + | ||
| 309 | +.ui.inline.loader { | ||
| 310 | + position: relative; | ||
| 311 | + vertical-align: @inlineVerticalAlign; | ||
| 312 | + margin: @inlineMargin; | ||
| 313 | + left: 0em; | ||
| 314 | + top: 0em; | ||
| 315 | + transform: none; | ||
| 316 | +} | ||
| 317 | + | ||
| 318 | +.ui.inline.loader.active, | ||
| 319 | +.ui.inline.loader.visible { | ||
| 320 | + display: inline-block; | ||
| 321 | +} | ||
| 322 | + | ||
| 323 | +/* Centered Inline */ | ||
| 324 | +.ui.centered.inline.loader.active, | ||
| 325 | +.ui.centered.inline.loader.visible { | ||
| 326 | + display: block; | ||
| 327 | + margin-left: auto; | ||
| 328 | + margin-right: auto; | ||
| 329 | +} | ||
| 330 | + | ||
| 331 | + | ||
| 332 | +.loadUIOverrides(); |
| 1 | +/*! | ||
| 2 | + * # Semantic UI - Rail | ||
| 3 | + * http://github.com/semantic-org/semantic-ui/ | ||
| 4 | + * | ||
| 5 | + * | ||
| 6 | + * Released under the MIT license | ||
| 7 | + * http://opensource.org/licenses/MIT | ||
| 8 | + * | ||
| 9 | + */ | ||
| 10 | + | ||
| 11 | +/******************************* | ||
| 12 | + Theme | ||
| 13 | +*******************************/ | ||
| 14 | + | ||
| 15 | +@type : 'element'; | ||
| 16 | +@element : 'rail'; | ||
| 17 | + | ||
| 18 | +@import (multiple) '../../theme.config'; | ||
| 19 | + | ||
| 20 | +/******************************* | ||
| 21 | + Rails | ||
| 22 | +*******************************/ | ||
| 23 | + | ||
| 24 | +.ui.rail { | ||
| 25 | + position: absolute; | ||
| 26 | + top: 0%; | ||
| 27 | + width: @width; | ||
| 28 | + height: @height; | ||
| 29 | +} | ||
| 30 | + | ||
| 31 | +.ui.left.rail { | ||
| 32 | + left: auto; | ||
| 33 | + right: 100%; | ||
| 34 | + padding: 0em @splitDistance 0em 0em; | ||
| 35 | + margin: 0em @splitDistance 0em 0em; | ||
| 36 | +} | ||
| 37 | + | ||
| 38 | +.ui.right.rail { | ||
| 39 | + left: 100%; | ||
| 40 | + right: auto; | ||
| 41 | + padding: 0em 0em 0em @splitDistance; | ||
| 42 | + margin: 0em 0em 0em @splitDistance; | ||
| 43 | +} | ||
| 44 | + | ||
| 45 | +/******************************* | ||
| 46 | + Variations | ||
| 47 | +*******************************/ | ||
| 48 | + | ||
| 49 | +/*-------------- | ||
| 50 | + Internal | ||
| 51 | +---------------*/ | ||
| 52 | + | ||
| 53 | +.ui.left.internal.rail { | ||
| 54 | + left: 0%; | ||
| 55 | + right: auto; | ||
| 56 | + padding: 0em 0em 0em @splitDistance; | ||
| 57 | + margin: 0em 0em 0em @splitDistance; | ||
| 58 | +} | ||
| 59 | + | ||
| 60 | +.ui.right.internal.rail { | ||
| 61 | + left: auto; | ||
| 62 | + right: 0%; | ||
| 63 | + padding: 0em @splitDistance 0em 0em; | ||
| 64 | + margin: 0em @splitDistance 0em 0em; | ||
| 65 | +} | ||
| 66 | + | ||
| 67 | + | ||
| 68 | +/*-------------- | ||
| 69 | + Dividing | ||
| 70 | +---------------*/ | ||
| 71 | + | ||
| 72 | +.ui.dividing.rail { | ||
| 73 | + width: @dividingWidth; | ||
| 74 | +} | ||
| 75 | +.ui.left.dividing.rail { | ||
| 76 | + padding: 0em @splitDividingDistance 0em 0em; | ||
| 77 | + margin: 0em @splitDividingDistance 0em 0em; | ||
| 78 | + border-right: @dividingBorder; | ||
| 79 | +} | ||
| 80 | +.ui.right.dividing.rail { | ||
| 81 | + border-left: @dividingBorder; | ||
| 82 | + padding: 0em 0em 0em @splitDividingDistance; | ||
| 83 | + margin: 0em 0em 0em @splitDividingDistance; | ||
| 84 | +} | ||
| 85 | + | ||
| 86 | +/*-------------- | ||
| 87 | + Distance | ||
| 88 | +---------------*/ | ||
| 89 | + | ||
| 90 | +.ui.close.rail { | ||
| 91 | + width: @closeWidth; | ||
| 92 | +} | ||
| 93 | +.ui.close.left.rail { | ||
| 94 | + padding: 0em @splitCloseDistance 0em 0em; | ||
| 95 | + margin: 0em @splitCloseDistance 0em 0em; | ||
| 96 | +} | ||
| 97 | +.ui.close.right.rail { | ||
| 98 | + padding: 0em 0em 0em @splitCloseDistance; | ||
| 99 | + margin: 0em 0em 0em @splitCloseDistance; | ||
| 100 | +} | ||
| 101 | + | ||
| 102 | +.ui.very.close.rail { | ||
| 103 | + width: @veryCloseWidth; | ||
| 104 | +} | ||
| 105 | +.ui.very.close.left.rail { | ||
| 106 | + padding: 0em @splitVeryCloseDistance 0em 0em; | ||
| 107 | + margin: 0em @splitVeryCloseDistance 0em 0em; | ||
| 108 | +} | ||
| 109 | +.ui.very.close.right.rail { | ||
| 110 | + padding: 0em 0em 0em @splitVeryCloseDistance; | ||
| 111 | + margin: 0em 0em 0em @splitVeryCloseDistance; | ||
| 112 | +} | ||
| 113 | + | ||
| 114 | +/*-------------- | ||
| 115 | + Attached | ||
| 116 | +---------------*/ | ||
| 117 | + | ||
| 118 | +.ui.attached.left.rail, | ||
| 119 | +.ui.attached.right.rail { | ||
| 120 | + padding: 0em; | ||
| 121 | + margin: 0em; | ||
| 122 | +} | ||
| 123 | + | ||
| 124 | +/*-------------- | ||
| 125 | + Sizing | ||
| 126 | +---------------*/ | ||
| 127 | + | ||
| 128 | +.ui.mini.rail { | ||
| 129 | + font-size: @mini; | ||
| 130 | +} | ||
| 131 | +.ui.tiny.rail { | ||
| 132 | + font-size: @tiny; | ||
| 133 | +} | ||
| 134 | +.ui.small.rail { | ||
| 135 | + font-size: @small; | ||
| 136 | +} | ||
| 137 | +.ui.rail { | ||
| 138 | + font-size: @medium; | ||
| 139 | +} | ||
| 140 | +.ui.large.rail { | ||
| 141 | + font-size: @large; | ||
| 142 | +} | ||
| 143 | +.ui.big.rail { | ||
| 144 | + font-size: @big; | ||
| 145 | +} | ||
| 146 | +.ui.huge.rail { | ||
| 147 | + font-size: @huge; | ||
| 148 | +} | ||
| 149 | +.ui.massive.rail { | ||
| 150 | + font-size: @massive; | ||
| 151 | +} | ||
| 152 | + | ||
| 153 | + | ||
| 154 | +.loadUIOverrides(); |
| 1 | +/*! | ||
| 2 | + * # Semantic UI - Reveal | ||
| 3 | + * http://github.com/semantic-org/semantic-ui/ | ||
| 4 | + * | ||
| 5 | + * | ||
| 6 | + * Released under the MIT license | ||
| 7 | + * http://opensource.org/licenses/MIT | ||
| 8 | + * | ||
| 9 | + */ | ||
| 10 | + | ||
| 11 | +/******************************* | ||
| 12 | + Theme | ||
| 13 | +*******************************/ | ||
| 14 | + | ||
| 15 | +@type : 'element'; | ||
| 16 | +@element : 'reveal'; | ||
| 17 | + | ||
| 18 | +@import (multiple) '../../theme.config'; | ||
| 19 | + | ||
| 20 | +/******************************* | ||
| 21 | + Reveal | ||
| 22 | +*******************************/ | ||
| 23 | + | ||
| 24 | +.ui.reveal { | ||
| 25 | + display: inherit; | ||
| 26 | + position: relative !important; | ||
| 27 | + font-size: 0em !important; | ||
| 28 | +} | ||
| 29 | + | ||
| 30 | +.ui.reveal > .visible.content { | ||
| 31 | + position: absolute !important; | ||
| 32 | + top: 0em !important; | ||
| 33 | + left: 0em !important; | ||
| 34 | + z-index: @topZIndex !important; | ||
| 35 | + transition: @transition; | ||
| 36 | +} | ||
| 37 | +.ui.reveal > .hidden.content { | ||
| 38 | + position: relative !important; | ||
| 39 | + z-index: @bottomZIndex !important; | ||
| 40 | +} | ||
| 41 | + | ||
| 42 | +/* Make sure hovered element is on top of other reveal */ | ||
| 43 | +.ui.active.reveal .visible.content, | ||
| 44 | +.ui.reveal:hover .visible.content { | ||
| 45 | + z-index: @activeZIndex !important; | ||
| 46 | +} | ||
| 47 | + | ||
| 48 | + | ||
| 49 | +/******************************* | ||
| 50 | + Types | ||
| 51 | +*******************************/ | ||
| 52 | + | ||
| 53 | + | ||
| 54 | +/*-------------- | ||
| 55 | + Slide | ||
| 56 | +---------------*/ | ||
| 57 | + | ||
| 58 | +.ui.slide.reveal { | ||
| 59 | + position: relative !important; | ||
| 60 | + overflow: hidden !important; | ||
| 61 | + white-space: nowrap; | ||
| 62 | +} | ||
| 63 | + | ||
| 64 | +.ui.slide.reveal > .content { | ||
| 65 | + display: block; | ||
| 66 | + width: 100%; | ||
| 67 | + white-space: normal; | ||
| 68 | + float: left; | ||
| 69 | + | ||
| 70 | + margin: 0em; | ||
| 71 | + transition: @slideTransition; | ||
| 72 | +} | ||
| 73 | + | ||
| 74 | +.ui.slide.reveal > .visible.content { | ||
| 75 | + position: relative !important; | ||
| 76 | +} | ||
| 77 | +.ui.slide.reveal > .hidden.content { | ||
| 78 | + position: absolute !important; | ||
| 79 | + left: 0% !important; | ||
| 80 | + width: 100% !important; | ||
| 81 | + transform: translateX(100%) !important; | ||
| 82 | +} | ||
| 83 | +.ui.slide.active.reveal > .visible.content, | ||
| 84 | +.ui.slide.reveal:hover > .visible.content { | ||
| 85 | + transform: translateX(-100%) !important; | ||
| 86 | +} | ||
| 87 | +.ui.slide.active.reveal > .hidden.content, | ||
| 88 | +.ui.slide.reveal:hover > .hidden.content { | ||
| 89 | + transform: translateX(0%) !important; | ||
| 90 | +} | ||
| 91 | + | ||
| 92 | +.ui.slide.right.reveal > .visible.content { | ||
| 93 | + transform: translateX(0%) !important; | ||
| 94 | +} | ||
| 95 | +.ui.slide.right.reveal > .hidden.content { | ||
| 96 | + transform: translateX(-100%) !important; | ||
| 97 | +} | ||
| 98 | +.ui.slide.right.active.reveal > .visible.content, | ||
| 99 | +.ui.slide.right.reveal:hover > .visible.content { | ||
| 100 | + transform: translateX(100%) !important; | ||
| 101 | +} | ||
| 102 | +.ui.slide.right.active.reveal > .hidden.content, | ||
| 103 | +.ui.slide.right.reveal:hover > .hidden.content { | ||
| 104 | + transform: translateX(0%) !important; | ||
| 105 | +} | ||
| 106 | + | ||
| 107 | +.ui.slide.up.reveal > .hidden.content { | ||
| 108 | + transform: translateY(100%) !important; | ||
| 109 | +} | ||
| 110 | +.ui.slide.up.active.reveal > .visible.content, | ||
| 111 | +.ui.slide.up.reveal:hover > .visible.content { | ||
| 112 | + transform: translateY(-100%) !important; | ||
| 113 | +} | ||
| 114 | +.ui.slide.up.active.reveal > .hidden.content, | ||
| 115 | +.ui.slide.up.reveal:hover > .hidden.content { | ||
| 116 | + transform: translateY(0%) !important; | ||
| 117 | +} | ||
| 118 | + | ||
| 119 | +.ui.slide.down.reveal > .hidden.content { | ||
| 120 | + transform: translateY(-100%) !important; | ||
| 121 | +} | ||
| 122 | +.ui.slide.down.active.reveal > .visible.content, | ||
| 123 | +.ui.slide.down.reveal:hover > .visible.content { | ||
| 124 | + transform: translateY(100%) !important; | ||
| 125 | +} | ||
| 126 | +.ui.slide.down.active.reveal > .hidden.content, | ||
| 127 | +.ui.slide.down.reveal:hover > .hidden.content { | ||
| 128 | + transform: translateY(0%) !important; | ||
| 129 | +} | ||
| 130 | + | ||
| 131 | + | ||
| 132 | +/*-------------- | ||
| 133 | + Fade | ||
| 134 | +---------------*/ | ||
| 135 | + | ||
| 136 | +.ui.fade.reveal > .visible.content { | ||
| 137 | + opacity: 1; | ||
| 138 | +} | ||
| 139 | +.ui.fade.active.reveal > .visible.content, | ||
| 140 | +.ui.fade.reveal:hover > .visible.content { | ||
| 141 | + opacity: 0; | ||
| 142 | +} | ||
| 143 | + | ||
| 144 | + | ||
| 145 | +/*-------------- | ||
| 146 | + Move | ||
| 147 | +---------------*/ | ||
| 148 | + | ||
| 149 | +.ui.move.reveal { | ||
| 150 | + position: relative !important; | ||
| 151 | + overflow: hidden !important; | ||
| 152 | + white-space: nowrap; | ||
| 153 | +} | ||
| 154 | + | ||
| 155 | +.ui.move.reveal > .content { | ||
| 156 | + display: block; | ||
| 157 | + float: left; | ||
| 158 | + white-space: normal; | ||
| 159 | + | ||
| 160 | + margin: 0em; | ||
| 161 | + transition: @moveTransition; | ||
| 162 | +} | ||
| 163 | + | ||
| 164 | +.ui.move.reveal > .visible.content { | ||
| 165 | + position: relative !important; | ||
| 166 | +} | ||
| 167 | +.ui.move.reveal > .hidden.content { | ||
| 168 | + position: absolute !important; | ||
| 169 | + left: 0% !important; | ||
| 170 | + width: 100% !important; | ||
| 171 | +} | ||
| 172 | +.ui.move.active.reveal > .visible.content, | ||
| 173 | +.ui.move.reveal:hover > .visible.content { | ||
| 174 | + transform: translateX(-100%) !important; | ||
| 175 | +} | ||
| 176 | +.ui.move.right.active.reveal > .visible.content, | ||
| 177 | +.ui.move.right.reveal:hover > .visible.content { | ||
| 178 | + transform: translateX(100%) !important; | ||
| 179 | +} | ||
| 180 | +.ui.move.up.active.reveal > .visible.content, | ||
| 181 | +.ui.move.up.reveal:hover > .visible.content { | ||
| 182 | + transform: translateY(-100%) !important; | ||
| 183 | +} | ||
| 184 | +.ui.move.down.active.reveal > .visible.content, | ||
| 185 | +.ui.move.down.reveal:hover > .visible.content { | ||
| 186 | + transform: translateY(100%) !important; | ||
| 187 | +} | ||
| 188 | + | ||
| 189 | + | ||
| 190 | + | ||
| 191 | +/*-------------- | ||
| 192 | + Rotate | ||
| 193 | +---------------*/ | ||
| 194 | + | ||
| 195 | +.ui.rotate.reveal > .visible.content { | ||
| 196 | + transition-duration: @transitionDuration; | ||
| 197 | + transform: rotate(0deg); | ||
| 198 | +} | ||
| 199 | + | ||
| 200 | +.ui.rotate.reveal > .visible.content, | ||
| 201 | +.ui.rotate.right.reveal > .visible.content { | ||
| 202 | + transform-origin: bottom right; | ||
| 203 | +} | ||
| 204 | +.ui.rotate.active.reveal > .visible.content, | ||
| 205 | +.ui.rotate.reveal:hover > .visible.content, | ||
| 206 | +.ui.rotate.right.active.reveal > .visible.content, | ||
| 207 | +.ui.rotate.right.reveal:hover > .visible.content { | ||
| 208 | + transform: rotate(@rotateDegrees); | ||
| 209 | +} | ||
| 210 | + | ||
| 211 | +.ui.rotate.left.reveal > .visible.content { | ||
| 212 | + transform-origin: bottom left; | ||
| 213 | +} | ||
| 214 | +.ui.rotate.left.active.reveal > .visible.content, | ||
| 215 | +.ui.rotate.left.reveal:hover > .visible.content { | ||
| 216 | + transform: rotate(-@rotateDegrees); | ||
| 217 | +} | ||
| 218 | + | ||
| 219 | +/******************************* | ||
| 220 | + States | ||
| 221 | +*******************************/ | ||
| 222 | + | ||
| 223 | +.ui.disabled.reveal:hover > .visible.visible.content { | ||
| 224 | + position: static !important; | ||
| 225 | + display: block !important; | ||
| 226 | + opacity: 1 !important; | ||
| 227 | + top: 0 !important; | ||
| 228 | + left: 0 !important; | ||
| 229 | + right: auto !important; | ||
| 230 | + bottom: auto !important; | ||
| 231 | + transform: none !important; | ||
| 232 | +} | ||
| 233 | +.ui.disabled.reveal:hover > .hidden.hidden.content { | ||
| 234 | + display: none !important; | ||
| 235 | +} | ||
| 236 | + | ||
| 237 | + | ||
| 238 | +/******************************* | ||
| 239 | + Coupling | ||
| 240 | +*******************************/ | ||
| 241 | + | ||
| 242 | +.ui.reveal > .ui.ribbon.label { | ||
| 243 | + z-index: @overlayZIndex; | ||
| 244 | +} | ||
| 245 | + | ||
| 246 | +/******************************* | ||
| 247 | + Variations | ||
| 248 | +*******************************/ | ||
| 249 | + | ||
| 250 | +/*-------------- | ||
| 251 | + Visible | ||
| 252 | +---------------*/ | ||
| 253 | + | ||
| 254 | +.ui.visible.reveal { | ||
| 255 | + overflow: visible; | ||
| 256 | +} | ||
| 257 | + | ||
| 258 | +/*-------------- | ||
| 259 | + Instant | ||
| 260 | +---------------*/ | ||
| 261 | + | ||
| 262 | +.ui.instant.reveal > .content { | ||
| 263 | + transition-delay: 0s !important; | ||
| 264 | +} | ||
| 265 | + | ||
| 266 | + | ||
| 267 | +/*-------------- | ||
| 268 | + Sizing | ||
| 269 | +---------------*/ | ||
| 270 | + | ||
| 271 | +.ui.reveal > .content { | ||
| 272 | + font-size: @medium !important; | ||
| 273 | +} | ||
| 274 | + | ||
| 275 | +.loadUIOverrides(); |
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
| 1 | +/*! | ||
| 2 | + * # Semantic UI - Reset | ||
| 3 | + * http://github.com/semantic-org/semantic-ui/ | ||
| 4 | + * | ||
| 5 | + * | ||
| 6 | + * Released under the MIT license | ||
| 7 | + * http://opensource.org/licenses/MIT | ||
| 8 | + * | ||
| 9 | + */ | ||
| 10 | + | ||
| 11 | +/******************************* | ||
| 12 | + Theme | ||
| 13 | +*******************************/ | ||
| 14 | + | ||
| 15 | +@type : 'global'; | ||
| 16 | +@element : 'reset'; | ||
| 17 | + | ||
| 18 | +@import (multiple) '../../theme.config'; | ||
| 19 | + | ||
| 20 | +/******************************* | ||
| 21 | + Reset | ||
| 22 | +*******************************/ | ||
| 23 | + | ||
| 24 | +/* Border-Box */ | ||
| 25 | +*, | ||
| 26 | +*:before, | ||
| 27 | +*:after { | ||
| 28 | + box-sizing: inherit; | ||
| 29 | +} | ||
| 30 | +html { | ||
| 31 | + box-sizing: border-box; | ||
| 32 | +} | ||
| 33 | + | ||
| 34 | +/* iPad Input Shadows */ | ||
| 35 | +input[type="text"], input[type="email"], input[type="search"], input[type="password"] { | ||
| 36 | + -webkit-appearance: none; | ||
| 37 | + -moz-appearance: none; /* mobile firefox too! */ | ||
| 38 | +} | ||
| 39 | + | ||
| 40 | +.loadUIOverrides(); |
This diff is collapsed. Click to expand it.
| 1 | +/*! | ||
| 2 | + * # Semantic UI - Site | ||
| 3 | + * http://github.com/semantic-org/semantic-ui/ | ||
| 4 | + * | ||
| 5 | + * | ||
| 6 | + * Released under the MIT license | ||
| 7 | + * http://opensource.org/licenses/MIT | ||
| 8 | + * | ||
| 9 | + */ | ||
| 10 | + | ||
| 11 | + | ||
| 12 | +/******************************* | ||
| 13 | + Theme | ||
| 14 | +*******************************/ | ||
| 15 | + | ||
| 16 | +@type : 'global'; | ||
| 17 | +@element : 'site'; | ||
| 18 | + | ||
| 19 | +@import (multiple) '../../theme.config'; | ||
| 20 | + | ||
| 21 | +/******************************* | ||
| 22 | + Page | ||
| 23 | +*******************************/ | ||
| 24 | + | ||
| 25 | +.loadFonts(); | ||
| 26 | + | ||
| 27 | +html, | ||
| 28 | +body { | ||
| 29 | + height: 100%; | ||
| 30 | +} | ||
| 31 | + | ||
| 32 | +html { | ||
| 33 | + font-size: @emSize; | ||
| 34 | +} | ||
| 35 | + | ||
| 36 | +body { | ||
| 37 | + margin: 0px; | ||
| 38 | + padding: 0px; | ||
| 39 | + overflow-x: @pageOverflowX; | ||
| 40 | + min-width: @pageMinWidth; | ||
| 41 | + background: @pageBackground; | ||
| 42 | + font-family: @pageFont; | ||
| 43 | + font-size: @fontSize; | ||
| 44 | + line-height: @lineHeight; | ||
| 45 | + color: @textColor; | ||
| 46 | + font-smoothing: @fontSmoothing; | ||
| 47 | +} | ||
| 48 | + | ||
| 49 | +/******************************* | ||
| 50 | + Headers | ||
| 51 | +*******************************/ | ||
| 52 | + | ||
| 53 | +h1, | ||
| 54 | +h2, | ||
| 55 | +h3, | ||
| 56 | +h4, | ||
| 57 | +h5 { | ||
| 58 | + font-family: @headerFont; | ||
| 59 | + line-height: @headerLineHeight; | ||
| 60 | + margin: @headerMargin; | ||
| 61 | + font-weight: @headerFontWeight; | ||
| 62 | + padding: 0em; | ||
| 63 | +} | ||
| 64 | + | ||
| 65 | +h1 { | ||
| 66 | + min-height: 1rem; | ||
| 67 | + font-size: @h1; | ||
| 68 | +} | ||
| 69 | +h2 { | ||
| 70 | + font-size: @h2; | ||
| 71 | +} | ||
| 72 | +h3 { | ||
| 73 | + font-size: @h3; | ||
| 74 | +} | ||
| 75 | +h4 { | ||
| 76 | + font-size: @h4; | ||
| 77 | +} | ||
| 78 | +h5 { | ||
| 79 | + font-size: @h5; | ||
| 80 | +} | ||
| 81 | + | ||
| 82 | +h1:first-child, | ||
| 83 | +h2:first-child, | ||
| 84 | +h3:first-child, | ||
| 85 | +h4:first-child, | ||
| 86 | +h5:first-child { | ||
| 87 | + margin-top: 0em; | ||
| 88 | +} | ||
| 89 | + | ||
| 90 | +h1:last-child, | ||
| 91 | +h2:last-child, | ||
| 92 | +h3:last-child, | ||
| 93 | +h4:last-child, | ||
| 94 | +h5:last-child { | ||
| 95 | + margin-bottom: 0em; | ||
| 96 | +} | ||
| 97 | + | ||
| 98 | + | ||
| 99 | +/******************************* | ||
| 100 | + Text | ||
| 101 | +*******************************/ | ||
| 102 | + | ||
| 103 | +p { | ||
| 104 | + margin: @paragraphMargin; | ||
| 105 | + line-height: @paragraphLineHeight; | ||
| 106 | +} | ||
| 107 | +p:first-child { | ||
| 108 | + margin-top: 0em; | ||
| 109 | +} | ||
| 110 | +p:last-child { | ||
| 111 | + margin-bottom: 0em; | ||
| 112 | +} | ||
| 113 | + | ||
| 114 | +/*------------------- | ||
| 115 | + Links | ||
| 116 | +--------------------*/ | ||
| 117 | + | ||
| 118 | +a { | ||
| 119 | + color: @linkColor; | ||
| 120 | + text-decoration: @linkUnderline; | ||
| 121 | +} | ||
| 122 | +a:hover { | ||
| 123 | + color: @linkHoverColor; | ||
| 124 | + text-decoration: @linkHoverUnderline; | ||
| 125 | +} | ||
| 126 | + | ||
| 127 | + | ||
| 128 | +/******************************* | ||
| 129 | + Scrollbars | ||
| 130 | +*******************************/ | ||
| 131 | + | ||
| 132 | +.addScrollbars() when (@useCustomScrollbars) { | ||
| 133 | + | ||
| 134 | + /* Force Simple Scrollbars */ | ||
| 135 | + body ::-webkit-scrollbar { | ||
| 136 | + -webkit-appearance: none; | ||
| 137 | + width: @customScrollbarWidth; | ||
| 138 | + height: @customScrollbarHeight; | ||
| 139 | + } | ||
| 140 | + body ::-webkit-scrollbar-track { | ||
| 141 | + background: @trackBackground; | ||
| 142 | + border-radius: @trackBorderRadius; | ||
| 143 | + } | ||
| 144 | + body ::-webkit-scrollbar-thumb { | ||
| 145 | + cursor: pointer; | ||
| 146 | + border-radius: @thumbBorderRadius; | ||
| 147 | + background: @thumbBackground; | ||
| 148 | + transition: @thumbTransition; | ||
| 149 | + } | ||
| 150 | + body ::-webkit-scrollbar-thumb:window-inactive { | ||
| 151 | + background: @thumbInactiveBackground; | ||
| 152 | + } | ||
| 153 | + body ::-webkit-scrollbar-thumb:hover { | ||
| 154 | + background: @thumbHoverBackground; | ||
| 155 | + } | ||
| 156 | + | ||
| 157 | + /* Inverted UI */ | ||
| 158 | + body .ui.inverted::-webkit-scrollbar-track { | ||
| 159 | + background: @trackInvertedBackground; | ||
| 160 | + } | ||
| 161 | + body .ui.inverted::-webkit-scrollbar-thumb { | ||
| 162 | + background: @thumbInvertedBackground; | ||
| 163 | + } | ||
| 164 | + body .ui.inverted::-webkit-scrollbar-thumb:window-inactive { | ||
| 165 | + background: @thumbInvertedInactiveBackground; | ||
| 166 | + } | ||
| 167 | + body .ui.inverted::-webkit-scrollbar-thumb:hover { | ||
| 168 | + background: @thumbInvertedHoverBackground; | ||
| 169 | + } | ||
| 170 | +} | ||
| 171 | + | ||
| 172 | +/******************************* | ||
| 173 | + Highlighting | ||
| 174 | +*******************************/ | ||
| 175 | + | ||
| 176 | +/* Site */ | ||
| 177 | +::-webkit-selection { | ||
| 178 | + background-color: @highlightBackground; | ||
| 179 | + color: @highlightColor; | ||
| 180 | +} | ||
| 181 | +::-moz-selection { | ||
| 182 | + background-color: @highlightBackground; | ||
| 183 | + color: @highlightColor; | ||
| 184 | +} | ||
| 185 | +::selection { | ||
| 186 | + background-color: @highlightBackground; | ||
| 187 | + color: @highlightColor; | ||
| 188 | +} | ||
| 189 | + | ||
| 190 | +/* Form */ | ||
| 191 | +textarea::-webkit-selection, | ||
| 192 | +input::-webkit-selection { | ||
| 193 | + background-color: @inputHighlightBackground; | ||
| 194 | + color: @inputHighlightColor; | ||
| 195 | +} | ||
| 196 | +textarea::-moz-selection, | ||
| 197 | +input::-moz-selection { | ||
| 198 | + background-color: @inputHighlightBackground; | ||
| 199 | + color: @inputHighlightColor; | ||
| 200 | +} | ||
| 201 | +textarea::selection, | ||
| 202 | +input::selection { | ||
| 203 | + background-color: @inputHighlightBackground; | ||
| 204 | + color: @inputHighlightColor; | ||
| 205 | +} | ||
| 206 | + | ||
| 207 | +.addScrollbars(); | ||
| 208 | +.loadUIOverrides(); |
This diff is collapsed. Click to expand it.
| 1 | +/*! | ||
| 2 | + * # Semantic UI - Accordion | ||
| 3 | + * http://github.com/semantic-org/semantic-ui/ | ||
| 4 | + * | ||
| 5 | + * | ||
| 6 | + * Released under the MIT license | ||
| 7 | + * http://opensource.org/licenses/MIT | ||
| 8 | + * | ||
| 9 | + */ | ||
| 10 | + | ||
| 11 | +/******************************* | ||
| 12 | + Theme | ||
| 13 | +*******************************/ | ||
| 14 | + | ||
| 15 | +@type : 'module'; | ||
| 16 | +@element : 'accordion'; | ||
| 17 | + | ||
| 18 | +@import (multiple) '../../theme.config'; | ||
| 19 | + | ||
| 20 | +/******************************* | ||
| 21 | + Accordion | ||
| 22 | +*******************************/ | ||
| 23 | + | ||
| 24 | +.ui.accordion, | ||
| 25 | +.ui.accordion .accordion { | ||
| 26 | + max-width: 100%; | ||
| 27 | +} | ||
| 28 | +.ui.accordion .accordion { | ||
| 29 | + margin: @childAccordionMargin; | ||
| 30 | + padding: @childAccordionPadding; | ||
| 31 | +} | ||
| 32 | + | ||
| 33 | +/* Title */ | ||
| 34 | +.ui.accordion .title, | ||
| 35 | +.ui.accordion .accordion .title { | ||
| 36 | + cursor: pointer; | ||
| 37 | +} | ||
| 38 | + | ||
| 39 | +/* Default Styling */ | ||
| 40 | +.ui.accordion .title:not(.ui) { | ||
| 41 | + padding: @titlePadding; | ||
| 42 | + font-family: @titleFont; | ||
| 43 | + font-size: @titleFontSize; | ||
| 44 | + color: @titleColor; | ||
| 45 | +} | ||
| 46 | + | ||
| 47 | +/* Content */ | ||
| 48 | +.ui.accordion .title ~ .content, | ||
| 49 | +.ui.accordion .accordion .title ~ .content { | ||
| 50 | + display: none; | ||
| 51 | +} | ||
| 52 | + | ||
| 53 | +/* Default Styling */ | ||
| 54 | +.ui.accordion:not(.styled) .title ~ .content:not(.ui), | ||
| 55 | +.ui.accordion:not(.styled) .accordion .title ~ .content:not(.ui) { | ||
| 56 | + margin: @contentMargin; | ||
| 57 | + padding: @contentPadding; | ||
| 58 | +} | ||
| 59 | +.ui.accordion:not(.styled) .title ~ .content:not(.ui):last-child { | ||
| 60 | + padding-bottom: 0em; | ||
| 61 | +} | ||
| 62 | + | ||
| 63 | +/* Arrow */ | ||
| 64 | +.ui.accordion .title .dropdown.icon, | ||
| 65 | +.ui.accordion .accordion .title .dropdown.icon { | ||
| 66 | + display: @iconDisplay; | ||
| 67 | + float: @iconFloat; | ||
| 68 | + opacity: @iconOpacity; | ||
| 69 | + width: @iconWidth; | ||
| 70 | + height: @iconHeight; | ||
| 71 | + margin: @iconMargin; | ||
| 72 | + padding: @iconPadding; | ||
| 73 | + font-size: @iconFontSize; | ||
| 74 | + transition: @iconTransition; | ||
| 75 | + vertical-align: @iconVerticalAlign; | ||
| 76 | + transform: @iconTransform; | ||
| 77 | +} | ||
| 78 | + | ||
| 79 | +/*-------------- | ||
| 80 | + Coupling | ||
| 81 | +---------------*/ | ||
| 82 | + | ||
| 83 | +/* Menu */ | ||
| 84 | +.ui.accordion.menu .item .title { | ||
| 85 | + display: block; | ||
| 86 | + padding: @menuTitlePadding; | ||
| 87 | +} | ||
| 88 | +.ui.accordion.menu .item .title > .dropdown.icon { | ||
| 89 | + float: @menuIconFloat; | ||
| 90 | + margin: @menuIconMargin; | ||
| 91 | + transform: @menuIconTransform; | ||
| 92 | +} | ||
| 93 | + | ||
| 94 | +/* Header */ | ||
| 95 | +.ui.accordion .ui.header .dropdown.icon { | ||
| 96 | + font-size: @iconFontSize; | ||
| 97 | + margin: @iconMargin; | ||
| 98 | +} | ||
| 99 | + | ||
| 100 | +/******************************* | ||
| 101 | + States | ||
| 102 | +*******************************/ | ||
| 103 | + | ||
| 104 | +.ui.accordion .active.title .dropdown.icon, | ||
| 105 | +.ui.accordion .accordion .active.title .dropdown.icon { | ||
| 106 | + transform: @activeIconTransform; | ||
| 107 | +} | ||
| 108 | + | ||
| 109 | +.ui.accordion.menu .item .active.title > .dropdown.icon { | ||
| 110 | + transform: @activeIconTransform; | ||
| 111 | +} | ||
| 112 | + | ||
| 113 | +/******************************* | ||
| 114 | + Types | ||
| 115 | +*******************************/ | ||
| 116 | + | ||
| 117 | +/*-------------- | ||
| 118 | + Styled | ||
| 119 | +---------------*/ | ||
| 120 | + | ||
| 121 | +.ui.styled.accordion { | ||
| 122 | + width: @styledWidth; | ||
| 123 | +} | ||
| 124 | + | ||
| 125 | +.ui.styled.accordion, | ||
| 126 | +.ui.styled.accordion .accordion { | ||
| 127 | + border-radius: @styledBorderRadius; | ||
| 128 | + background: @styledBackground; | ||
| 129 | + box-shadow: @styledBoxShadow; | ||
| 130 | +} | ||
| 131 | +.ui.styled.accordion .title, | ||
| 132 | +.ui.styled.accordion .accordion .title { | ||
| 133 | + margin: @styledTitleMargin; | ||
| 134 | + padding: @styledTitlePadding; | ||
| 135 | + color: @styledTitleColor; | ||
| 136 | + font-weight: @styledTitleFontWeight; | ||
| 137 | + border-top: @styledTitleBorder; | ||
| 138 | + transition: @styledTitleTransition; | ||
| 139 | +} | ||
| 140 | +.ui.styled.accordion > .title:first-child, | ||
| 141 | +.ui.styled.accordion .accordion .title:first-child { | ||
| 142 | + border-top: none; | ||
| 143 | +} | ||
| 144 | + | ||
| 145 | + | ||
| 146 | +/* Content */ | ||
| 147 | +.ui.styled.accordion .content, | ||
| 148 | +.ui.styled.accordion .accordion .content { | ||
| 149 | + margin: @styledContentMargin; | ||
| 150 | + padding: @styledContentPadding; | ||
| 151 | +} | ||
| 152 | +.ui.styled.accordion .accordion .content { | ||
| 153 | + padding: @styledChildContentMargin; | ||
| 154 | + padding: @styledChildContentPadding; | ||
| 155 | +} | ||
| 156 | + | ||
| 157 | + | ||
| 158 | +/* Hover */ | ||
| 159 | +.ui.styled.accordion .title:hover, | ||
| 160 | +.ui.styled.accordion .active.title, | ||
| 161 | +.ui.styled.accordion .accordion .title:hover, | ||
| 162 | +.ui.styled.accordion .accordion .active.title { | ||
| 163 | + background: @styledTitleHoverBackground; | ||
| 164 | + color: @styledTitleHoverColor; | ||
| 165 | +} | ||
| 166 | +.ui.styled.accordion .accordion .title:hover, | ||
| 167 | +.ui.styled.accordion .accordion .active.title { | ||
| 168 | + background: @styledHoverChildTitleBackground; | ||
| 169 | + color: @styledHoverChildTitleColor; | ||
| 170 | +} | ||
| 171 | + | ||
| 172 | + | ||
| 173 | +/* Active */ | ||
| 174 | +.ui.styled.accordion .active.title { | ||
| 175 | + background: @styledActiveTitleBackground; | ||
| 176 | + color: @styledActiveTitleColor; | ||
| 177 | +} | ||
| 178 | +.ui.styled.accordion .accordion .active.title { | ||
| 179 | + background: @styledActiveChildTitleBackground; | ||
| 180 | + color: @styledActiveChildTitleColor; | ||
| 181 | +} | ||
| 182 | + | ||
| 183 | + | ||
| 184 | +/******************************* | ||
| 185 | + States | ||
| 186 | +*******************************/ | ||
| 187 | + | ||
| 188 | +/*-------------- | ||
| 189 | + Active | ||
| 190 | +---------------*/ | ||
| 191 | + | ||
| 192 | +.ui.accordion .active.content, | ||
| 193 | +.ui.accordion .accordion .active.content { | ||
| 194 | + display: block; | ||
| 195 | +} | ||
| 196 | + | ||
| 197 | +/******************************* | ||
| 198 | + Variations | ||
| 199 | +*******************************/ | ||
| 200 | + | ||
| 201 | +/*-------------- | ||
| 202 | + Fluid | ||
| 203 | +---------------*/ | ||
| 204 | + | ||
| 205 | +.ui.fluid.accordion, | ||
| 206 | +.ui.fluid.accordion .accordion { | ||
| 207 | + width: 100%; | ||
| 208 | +} | ||
| 209 | + | ||
| 210 | +/*-------------- | ||
| 211 | + Inverted | ||
| 212 | +---------------*/ | ||
| 213 | + | ||
| 214 | +.ui.inverted.accordion .title:not(.ui) { | ||
| 215 | + color: @invertedTitleColor; | ||
| 216 | +} | ||
| 217 | + | ||
| 218 | +.loadUIOverrides(); | ||
| 219 | + |
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
| 1 | +/*! | ||
| 2 | + * # Semantic UI - Dimmer | ||
| 3 | + * http://github.com/semantic-org/semantic-ui/ | ||
| 4 | + * | ||
| 5 | + * | ||
| 6 | + * Released under the MIT license | ||
| 7 | + * http://opensource.org/licenses/MIT | ||
| 8 | + * | ||
| 9 | + */ | ||
| 10 | + | ||
| 11 | +/******************************* | ||
| 12 | + Theme | ||
| 13 | +*******************************/ | ||
| 14 | + | ||
| 15 | +@type : 'module'; | ||
| 16 | +@element : 'dimmer'; | ||
| 17 | + | ||
| 18 | +@import (multiple) '../../theme.config'; | ||
| 19 | + | ||
| 20 | +/******************************* | ||
| 21 | + Dimmer | ||
| 22 | +*******************************/ | ||
| 23 | + | ||
| 24 | +.dimmable:not(body) { | ||
| 25 | + position: @dimmablePosition; | ||
| 26 | +} | ||
| 27 | + | ||
| 28 | +.ui.dimmer { | ||
| 29 | + display: none; | ||
| 30 | + position: @dimmerPosition; | ||
| 31 | + top: 0em !important; | ||
| 32 | + left: 0em !important; | ||
| 33 | + | ||
| 34 | + width: 100%; | ||
| 35 | + height: 100%; | ||
| 36 | + | ||
| 37 | + text-align: @textAlign; | ||
| 38 | + vertical-align: @verticalAlign; | ||
| 39 | + padding: @padding; | ||
| 40 | + | ||
| 41 | + background-color: @backgroundColor; | ||
| 42 | + opacity: @hiddenOpacity; | ||
| 43 | + line-height: @lineHeight; | ||
| 44 | + | ||
| 45 | + animation-fill-mode: both; | ||
| 46 | + animation-duration: @duration; | ||
| 47 | + transition: @transition; | ||
| 48 | + | ||
| 49 | + flex-direction: column; | ||
| 50 | + align-items: center; | ||
| 51 | + justify-content: center; | ||
| 52 | + | ||
| 53 | + user-select: none; | ||
| 54 | + will-change: opacity; | ||
| 55 | + z-index: @zIndex; | ||
| 56 | +} | ||
| 57 | + | ||
| 58 | +/* Dimmer Content */ | ||
| 59 | +.ui.dimmer > .content { | ||
| 60 | + user-select: text; | ||
| 61 | + color: @textColor; | ||
| 62 | +} | ||
| 63 | + | ||
| 64 | + | ||
| 65 | +/* Loose Coupling */ | ||
| 66 | +.ui.segment > .ui.dimmer { | ||
| 67 | + border-radius: inherit !important; | ||
| 68 | +} | ||
| 69 | + | ||
| 70 | +/* Scrollbars */ | ||
| 71 | +.addScrollbars() when (@useCustomScrollbars) { | ||
| 72 | + .ui.dimmer:not(.inverted)::-webkit-scrollbar-track { | ||
| 73 | + background: @trackInvertedBackground; | ||
| 74 | + } | ||
| 75 | + .ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb { | ||
| 76 | + background: @thumbInvertedBackground; | ||
| 77 | + } | ||
| 78 | + .ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:window-inactive { | ||
| 79 | + background: @thumbInvertedInactiveBackground; | ||
| 80 | + } | ||
| 81 | + .ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover { | ||
| 82 | + background: @thumbInvertedHoverBackground; | ||
| 83 | + } | ||
| 84 | +} | ||
| 85 | +.addScrollbars(); | ||
| 86 | + | ||
| 87 | +/******************************* | ||
| 88 | + States | ||
| 89 | +*******************************/ | ||
| 90 | + | ||
| 91 | +/* Animating */ | ||
| 92 | +.animating.dimmable:not(body), | ||
| 93 | +.dimmed.dimmable:not(body) { | ||
| 94 | + overflow: @overflow; | ||
| 95 | +} | ||
| 96 | + | ||
| 97 | +/* Animating / Active / Visible */ | ||
| 98 | +.dimmed.dimmable > .ui.animating.dimmer, | ||
| 99 | +.dimmed.dimmable > .ui.visible.dimmer, | ||
| 100 | +.ui.active.dimmer { | ||
| 101 | + display: flex; | ||
| 102 | + opacity: @visibleOpacity; | ||
| 103 | +} | ||
| 104 | + | ||
| 105 | +/* Disabled */ | ||
| 106 | +.ui.disabled.dimmer { | ||
| 107 | + width: 0 !important; | ||
| 108 | + height: 0 !important; | ||
| 109 | +} | ||
| 110 | + | ||
| 111 | + | ||
| 112 | +/******************************* | ||
| 113 | + Variations | ||
| 114 | +*******************************/ | ||
| 115 | + | ||
| 116 | +/*-------------- | ||
| 117 | + Alignment | ||
| 118 | +---------------*/ | ||
| 119 | + | ||
| 120 | +.ui[class*="top aligned"].dimmer { | ||
| 121 | + justify-content: flex-start; | ||
| 122 | +} | ||
| 123 | +.ui[class*="bottom aligned"].dimmer { | ||
| 124 | + justify-content: flex-end; | ||
| 125 | +} | ||
| 126 | + | ||
| 127 | +/*-------------- | ||
| 128 | + Page | ||
| 129 | +---------------*/ | ||
| 130 | + | ||
| 131 | +.ui.page.dimmer { | ||
| 132 | + position: @pageDimmerPosition; | ||
| 133 | + transform-style: @transformStyle; | ||
| 134 | + perspective: @perspective; | ||
| 135 | + transform-origin: center center; | ||
| 136 | +} | ||
| 137 | + | ||
| 138 | +body.animating.in.dimmable, | ||
| 139 | +body.dimmed.dimmable { | ||
| 140 | + overflow: hidden; | ||
| 141 | +} | ||
| 142 | + | ||
| 143 | +body.dimmable > .dimmer { | ||
| 144 | + position: fixed; | ||
| 145 | +} | ||
| 146 | + | ||
| 147 | +/*-------------- | ||
| 148 | + Blurring | ||
| 149 | +---------------*/ | ||
| 150 | + | ||
| 151 | +.blurring.dimmable > :not(.dimmer) { | ||
| 152 | + filter: @blurredStartFilter; | ||
| 153 | + transition: @blurredTransition; | ||
| 154 | +} | ||
| 155 | +.blurring.dimmed.dimmable > :not(.dimmer) { | ||
| 156 | + filter: @blurredEndFilter; | ||
| 157 | +} | ||
| 158 | + | ||
| 159 | +/* Dimmer Color */ | ||
| 160 | +.blurring.dimmable > .dimmer { | ||
| 161 | + background-color: @blurredBackgroundColor; | ||
| 162 | +} | ||
| 163 | +.blurring.dimmable > .inverted.dimmer { | ||
| 164 | + background-color: @blurredInvertedBackgroundColor; | ||
| 165 | +} | ||
| 166 | + | ||
| 167 | +/*-------------- | ||
| 168 | + Aligned | ||
| 169 | +---------------*/ | ||
| 170 | + | ||
| 171 | +.ui.dimmer > .top.aligned.content > * { | ||
| 172 | + vertical-align: top; | ||
| 173 | +} | ||
| 174 | +.ui.dimmer > .bottom.aligned.content > * { | ||
| 175 | + vertical-align: bottom; | ||
| 176 | +} | ||
| 177 | + | ||
| 178 | +/*-------------- | ||
| 179 | + Inverted | ||
| 180 | +---------------*/ | ||
| 181 | + | ||
| 182 | +.ui.inverted.dimmer { | ||
| 183 | + background-color: @invertedBackgroundColor; | ||
| 184 | +} | ||
| 185 | +.ui.inverted.dimmer > .content > * { | ||
| 186 | + color: @invertedTextColor; | ||
| 187 | +} | ||
| 188 | + | ||
| 189 | +/*-------------- | ||
| 190 | + Simple | ||
| 191 | +---------------*/ | ||
| 192 | + | ||
| 193 | +/* Displays without javascript */ | ||
| 194 | +.ui.simple.dimmer { | ||
| 195 | + display: block; | ||
| 196 | + overflow: hidden; | ||
| 197 | + opacity: 1; | ||
| 198 | + width: 0%; | ||
| 199 | + height: 0%; | ||
| 200 | + z-index: -100; | ||
| 201 | + background-color: @simpleStartBackgroundColor; | ||
| 202 | +} | ||
| 203 | +.dimmed.dimmable > .ui.simple.dimmer { | ||
| 204 | + overflow: visible; | ||
| 205 | + opacity: 1; | ||
| 206 | + width: 100%; | ||
| 207 | + height: 100%; | ||
| 208 | + background-color: @simpleEndBackgroundColor; | ||
| 209 | + z-index: @simpleZIndex; | ||
| 210 | +} | ||
| 211 | + | ||
| 212 | +.ui.simple.inverted.dimmer { | ||
| 213 | + background-color: @simpleInvertedStartBackgroundColor; | ||
| 214 | +} | ||
| 215 | +.dimmed.dimmable > .ui.simple.inverted.dimmer { | ||
| 216 | + background-color: @simpleInvertedEndBackgroundColor; | ||
| 217 | +} | ||
| 218 | + | ||
| 219 | +.loadUIOverrides(); |
This diff could not be displayed because it is too large.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
| 1 | +/*! | ||
| 2 | + * # Semantic UI - Video | ||
| 3 | + * http://github.com/semantic-org/semantic-ui/ | ||
| 4 | + * | ||
| 5 | + * | ||
| 6 | + * Released under the MIT license | ||
| 7 | + * http://opensource.org/licenses/MIT | ||
| 8 | + * | ||
| 9 | + */ | ||
| 10 | + | ||
| 11 | + | ||
| 12 | +/******************************* | ||
| 13 | + Theme | ||
| 14 | +*******************************/ | ||
| 15 | + | ||
| 16 | +@type : 'module'; | ||
| 17 | +@element : 'embed'; | ||
| 18 | + | ||
| 19 | +@import (multiple) '../../theme.config'; | ||
| 20 | + | ||
| 21 | +/******************************* | ||
| 22 | + Types | ||
| 23 | +*******************************/ | ||
| 24 | + | ||
| 25 | +.ui.embed { | ||
| 26 | + position: relative; | ||
| 27 | + position: relative; | ||
| 28 | + max-width: 100%; | ||
| 29 | + height: 0px; | ||
| 30 | + overflow: hidden; | ||
| 31 | + background: @background; | ||
| 32 | + padding-bottom: @widescreenRatio; | ||
| 33 | +} | ||
| 34 | + | ||
| 35 | +/*----------------- | ||
| 36 | + Embedded Content | ||
| 37 | +------------------*/ | ||
| 38 | + | ||
| 39 | +.ui.embed iframe, | ||
| 40 | +.ui.embed embed, | ||
| 41 | +.ui.embed object { | ||
| 42 | + position: absolute; | ||
| 43 | + border: none; | ||
| 44 | + width: 100%; | ||
| 45 | + height: 100%; | ||
| 46 | + top: 0px; | ||
| 47 | + left: 0px; | ||
| 48 | + margin: 0em; | ||
| 49 | + padding: 0em; | ||
| 50 | +} | ||
| 51 | + | ||
| 52 | +/*----------------- | ||
| 53 | + Embed | ||
| 54 | +------------------*/ | ||
| 55 | + | ||
| 56 | +.ui.embed > .embed { | ||
| 57 | + display: none; | ||
| 58 | +} | ||
| 59 | + | ||
| 60 | +/*-------------- | ||
| 61 | + Placeholder | ||
| 62 | +---------------*/ | ||
| 63 | + | ||
| 64 | +.ui.embed > .placeholder { | ||
| 65 | + position: absolute; | ||
| 66 | + cursor: pointer; | ||
| 67 | + top: 0px; | ||
| 68 | + left: 0px; | ||
| 69 | + display: block; | ||
| 70 | + width: 100%; | ||
| 71 | + height: 100%; | ||
| 72 | + background-color: @placeholderBackground; | ||
| 73 | +} | ||
| 74 | + | ||
| 75 | +/*-------------- | ||
| 76 | + Icon | ||
| 77 | +---------------*/ | ||
| 78 | + | ||
| 79 | +.ui.embed > .icon { | ||
| 80 | + cursor: pointer; | ||
| 81 | + position: absolute; | ||
| 82 | + top: 0px; | ||
| 83 | + left: 0px; | ||
| 84 | + width: 100%; | ||
| 85 | + height: 100%; | ||
| 86 | + z-index: 2; | ||
| 87 | +} | ||
| 88 | +.ui.embed > .icon:after { | ||
| 89 | + position: absolute; | ||
| 90 | + top: 0%; | ||
| 91 | + left: 0%; | ||
| 92 | + width: 100%; | ||
| 93 | + height: 100%; | ||
| 94 | + z-index: 3; | ||
| 95 | + content: ''; | ||
| 96 | + background: @placeholderBackground; | ||
| 97 | + opacity: @placeholderBackgroundOpacity; | ||
| 98 | + transition: @placeholderBackgroundTransition; | ||
| 99 | +} | ||
| 100 | +.ui.embed > .icon:before { | ||
| 101 | + position: absolute; | ||
| 102 | + top: 50%; | ||
| 103 | + left: 50%; | ||
| 104 | + z-index: 4; | ||
| 105 | + transform: translateX(-50%) translateY(-50%); | ||
| 106 | + | ||
| 107 | + color: @iconColor; | ||
| 108 | + font-size: @iconSize; | ||
| 109 | + text-shadow: @iconShadow; | ||
| 110 | + transition: @iconTransition; | ||
| 111 | + z-index: @iconZIndex; | ||
| 112 | +} | ||
| 113 | + | ||
| 114 | +/******************************* | ||
| 115 | + States | ||
| 116 | +*******************************/ | ||
| 117 | + | ||
| 118 | +/*-------------- | ||
| 119 | + Hover | ||
| 120 | +---------------*/ | ||
| 121 | + | ||
| 122 | +.ui.embed .icon:hover:after { | ||
| 123 | + background: @hoverPlaceholderBackground; | ||
| 124 | + opacity: @hoverPlaceholderBackgroundOpacity; | ||
| 125 | +} | ||
| 126 | +.ui.embed .icon:hover:before { | ||
| 127 | + color: @hoverIconColor; | ||
| 128 | +} | ||
| 129 | + | ||
| 130 | +/*-------------- | ||
| 131 | + Active | ||
| 132 | +---------------*/ | ||
| 133 | + | ||
| 134 | +.ui.active.embed > .icon, | ||
| 135 | +.ui.active.embed > .placeholder { | ||
| 136 | + display: none; | ||
| 137 | +} | ||
| 138 | +.ui.active.embed > .embed { | ||
| 139 | + display: block; | ||
| 140 | +} | ||
| 141 | + | ||
| 142 | +.loadUIOverrides(); | ||
| 143 | + | ||
| 144 | + | ||
| 145 | +/******************************* | ||
| 146 | + Variations | ||
| 147 | +*******************************/ | ||
| 148 | + | ||
| 149 | +.ui.square.embed { | ||
| 150 | + padding-bottom: @squareRatio; | ||
| 151 | +} | ||
| 152 | +.ui[class*="4:3"].embed { | ||
| 153 | + padding-bottom: @standardRatio; | ||
| 154 | +} | ||
| 155 | +.ui[class*="16:9"].embed { | ||
| 156 | + padding-bottom: @widescreenRatio; | ||
| 157 | +} | ||
| 158 | +.ui[class*="21:9"].embed { | ||
| 159 | + padding-bottom: @ultraWidescreenRatio; | ||
| 160 | +} | ||
| 161 | + | ||
| 162 | + | ||
| 163 | + |
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
| 1 | +/*! | ||
| 2 | + * # Semantic UI - Nag | ||
| 3 | + * http://github.com/semantic-org/semantic-ui/ | ||
| 4 | + * | ||
| 5 | + * | ||
| 6 | + * Released under the MIT license | ||
| 7 | + * http://opensource.org/licenses/MIT | ||
| 8 | + * | ||
| 9 | + */ | ||
| 10 | + | ||
| 11 | + | ||
| 12 | +/******************************* | ||
| 13 | + Theme | ||
| 14 | +*******************************/ | ||
| 15 | + | ||
| 16 | +@type : 'module'; | ||
| 17 | +@element : 'nag'; | ||
| 18 | + | ||
| 19 | +@import (multiple) '../../theme.config'; | ||
| 20 | + | ||
| 21 | +/******************************* | ||
| 22 | + Nag | ||
| 23 | +*******************************/ | ||
| 24 | + | ||
| 25 | +.ui.nag { | ||
| 26 | + display: none; | ||
| 27 | + opacity: @opacity; | ||
| 28 | + position: @position; | ||
| 29 | + | ||
| 30 | + top: @top; | ||
| 31 | + left: 0px; | ||
| 32 | + z-index: @zIndex; | ||
| 33 | + | ||
| 34 | + min-height: @minHeight; | ||
| 35 | + width: @width; | ||
| 36 | + | ||
| 37 | + margin: @margin; | ||
| 38 | + padding: @padding; | ||
| 39 | + | ||
| 40 | + background: @background; | ||
| 41 | + box-shadow: @boxShadow; | ||
| 42 | + | ||
| 43 | + font-size: @fontSize; | ||
| 44 | + text-align: @textAlign; | ||
| 45 | + color: @color; | ||
| 46 | + | ||
| 47 | + border-radius: @topBorderRadius; | ||
| 48 | + transition: @transition; | ||
| 49 | +} | ||
| 50 | + | ||
| 51 | +a.ui.nag { | ||
| 52 | + cursor: pointer; | ||
| 53 | +} | ||
| 54 | + | ||
| 55 | +.ui.nag > .title { | ||
| 56 | + display: inline-block; | ||
| 57 | + margin: @titleMargin; | ||
| 58 | + color: @titleColor; | ||
| 59 | +} | ||
| 60 | + | ||
| 61 | + | ||
| 62 | +.ui.nag > .close.icon { | ||
| 63 | + cursor: pointer; | ||
| 64 | + opacity: @closeOpacity; | ||
| 65 | + | ||
| 66 | + position: absolute; | ||
| 67 | + top: @closeTop; | ||
| 68 | + right: @closeRight; | ||
| 69 | + | ||
| 70 | + font-size: @closeSize; | ||
| 71 | + | ||
| 72 | + margin: @closeMargin; | ||
| 73 | + color: @closeColor; | ||
| 74 | + transition: @closeTransition; | ||
| 75 | +} | ||
| 76 | + | ||
| 77 | + | ||
| 78 | + | ||
| 79 | +/******************************* | ||
| 80 | + States | ||
| 81 | +*******************************/ | ||
| 82 | + | ||
| 83 | +/* Hover */ | ||
| 84 | +.ui.nag:hover { | ||
| 85 | + background: @nagHoverBackground; | ||
| 86 | + opacity: @nagHoverOpacity; | ||
| 87 | +} | ||
| 88 | + | ||
| 89 | +.ui.nag .close:hover { | ||
| 90 | + opacity: @closeHoverOpacity; | ||
| 91 | +} | ||
| 92 | + | ||
| 93 | + | ||
| 94 | +/******************************* | ||
| 95 | + Variations | ||
| 96 | +*******************************/ | ||
| 97 | + | ||
| 98 | + | ||
| 99 | +/*-------------- | ||
| 100 | + Static | ||
| 101 | +---------------*/ | ||
| 102 | + | ||
| 103 | +.ui.overlay.nag { | ||
| 104 | + position: absolute; | ||
| 105 | + display: block; | ||
| 106 | +} | ||
| 107 | + | ||
| 108 | +/*-------------- | ||
| 109 | + Fixed | ||
| 110 | +---------------*/ | ||
| 111 | + | ||
| 112 | +.ui.fixed.nag { | ||
| 113 | + position: fixed; | ||
| 114 | +} | ||
| 115 | + | ||
| 116 | +/*-------------- | ||
| 117 | + Bottom | ||
| 118 | +---------------*/ | ||
| 119 | + | ||
| 120 | +.ui.bottom.nags, | ||
| 121 | +.ui.bottom.nag { | ||
| 122 | + border-radius: @bottomBorderRadius; | ||
| 123 | + top: auto; | ||
| 124 | + bottom: @bottom; | ||
| 125 | +} | ||
| 126 | + | ||
| 127 | +/*-------------- | ||
| 128 | + White | ||
| 129 | +---------------*/ | ||
| 130 | + | ||
| 131 | +.ui.inverted.nags .nag, | ||
| 132 | +.ui.inverted.nag { | ||
| 133 | + background-color: @invertedBackground; | ||
| 134 | + color: @darkTextColor; | ||
| 135 | +} | ||
| 136 | +.ui.inverted.nags .nag .close, | ||
| 137 | +.ui.inverted.nags .nag .title, | ||
| 138 | +.ui.inverted.nag .close, | ||
| 139 | +.ui.inverted.nag .title { | ||
| 140 | + color: @lightTextColor; | ||
| 141 | +} | ||
| 142 | + | ||
| 143 | + | ||
| 144 | +/******************************* | ||
| 145 | + Groups | ||
| 146 | +*******************************/ | ||
| 147 | + | ||
| 148 | +.ui.nags .nag { | ||
| 149 | + border-radius: @groupedBorderRadius !important; | ||
| 150 | +} | ||
| 151 | +.ui.nags .nag:last-child { | ||
| 152 | + border-radius: @topBorderRadius; | ||
| 153 | +} | ||
| 154 | +.ui.bottom.nags .nag:last-child { | ||
| 155 | + border-radius: @bottomBorderRadius; | ||
| 156 | +} | ||
| 157 | + | ||
| 158 | +.loadUIOverrides(); |
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
| 1 | +/*! | ||
| 2 | + * # Semantic UI - Rating | ||
| 3 | + * http://github.com/semantic-org/semantic-ui/ | ||
| 4 | + * | ||
| 5 | + * | ||
| 6 | + * Released under the MIT license | ||
| 7 | + * http://opensource.org/licenses/MIT | ||
| 8 | + * | ||
| 9 | + */ | ||
| 10 | + | ||
| 11 | + | ||
| 12 | +/******************************* | ||
| 13 | + Theme | ||
| 14 | +*******************************/ | ||
| 15 | + | ||
| 16 | +@type : 'module'; | ||
| 17 | +@element : 'rating'; | ||
| 18 | + | ||
| 19 | +@import (multiple) '../../theme.config'; | ||
| 20 | + | ||
| 21 | +/******************************* | ||
| 22 | + Rating | ||
| 23 | +*******************************/ | ||
| 24 | + | ||
| 25 | +.ui.rating { | ||
| 26 | + display: inline-flex; | ||
| 27 | + white-space: @whiteSpace; | ||
| 28 | + vertical-align: @verticalAlign; | ||
| 29 | +} | ||
| 30 | +.ui.rating:last-child { | ||
| 31 | + margin-right: 0em; | ||
| 32 | +} | ||
| 33 | + | ||
| 34 | +/* Icon */ | ||
| 35 | +.ui.rating .icon { | ||
| 36 | + padding: 0em; | ||
| 37 | + margin: 0em; | ||
| 38 | + text-align: center; | ||
| 39 | + font-weight: @normal; | ||
| 40 | + font-style: normal; | ||
| 41 | + flex: 1 0 auto; | ||
| 42 | + cursor: @iconCursor; | ||
| 43 | + width: @iconWidth; | ||
| 44 | + height: @iconHeight; | ||
| 45 | + transition: @iconTransition; | ||
| 46 | +} | ||
| 47 | + | ||
| 48 | + | ||
| 49 | +/******************************* | ||
| 50 | + Types | ||
| 51 | +*******************************/ | ||
| 52 | + | ||
| 53 | + | ||
| 54 | +/*------------------- | ||
| 55 | + Standard | ||
| 56 | +--------------------*/ | ||
| 57 | + | ||
| 58 | +/* Inactive Icon */ | ||
| 59 | +.ui.rating .icon { | ||
| 60 | + background: @inactiveBackground; | ||
| 61 | + color: @inactiveColor; | ||
| 62 | +} | ||
| 63 | + | ||
| 64 | +/* Active Icon */ | ||
| 65 | +.ui.rating .active.icon { | ||
| 66 | + background: @activeBackground; | ||
| 67 | + color: @activeColor; | ||
| 68 | +} | ||
| 69 | + | ||
| 70 | +/* Selected Icon */ | ||
| 71 | +.ui.rating .icon.selected, | ||
| 72 | +.ui.rating .icon.selected.active { | ||
| 73 | + background: @selectedBackground; | ||
| 74 | + color: @selectedColor; | ||
| 75 | +} | ||
| 76 | + | ||
| 77 | + | ||
| 78 | +/*------------------- | ||
| 79 | + Star | ||
| 80 | +--------------------*/ | ||
| 81 | + | ||
| 82 | +/* Inactive */ | ||
| 83 | +.ui.star.rating .icon { | ||
| 84 | + width: @starIconWidth; | ||
| 85 | + height: @starIconHeight; | ||
| 86 | + background: @starInactiveBackground; | ||
| 87 | + color: @starInactiveColor; | ||
| 88 | + text-shadow: @starInactiveTextShadow; | ||
| 89 | +} | ||
| 90 | + | ||
| 91 | +/* Active Star */ | ||
| 92 | +.ui.star.rating .active.icon { | ||
| 93 | + background: @starActiveBackground !important; | ||
| 94 | + color: @starActiveColor !important; | ||
| 95 | + text-shadow: @starActiveTextShadow !important; | ||
| 96 | +} | ||
| 97 | + | ||
| 98 | +/* Selected Star */ | ||
| 99 | +.ui.star.rating .icon.selected, | ||
| 100 | +.ui.star.rating .icon.selected.active { | ||
| 101 | + background: @starSelectedBackground !important; | ||
| 102 | + color: @starSelectedColor !important; | ||
| 103 | + text-shadow: @starSelectedTextShadow !important; | ||
| 104 | +} | ||
| 105 | + | ||
| 106 | + | ||
| 107 | +/*------------------- | ||
| 108 | + Heart | ||
| 109 | +--------------------*/ | ||
| 110 | + | ||
| 111 | +.ui.heart.rating .icon { | ||
| 112 | + width: @heartIconWidth; | ||
| 113 | + height: @heartIconHeight; | ||
| 114 | + background: @heartInactiveBackground; | ||
| 115 | + color: @heartInactiveColor; | ||
| 116 | + text-shadow: @heartInactiveTextShadow !important; | ||
| 117 | +} | ||
| 118 | + | ||
| 119 | +/* Active Heart */ | ||
| 120 | +.ui.heart.rating .active.icon { | ||
| 121 | + background: @heartActiveBackground !important; | ||
| 122 | + color: @heartActiveColor !important; | ||
| 123 | + text-shadow: @heartActiveTextShadow !important; | ||
| 124 | +} | ||
| 125 | + | ||
| 126 | +/* Selected Heart */ | ||
| 127 | +.ui.heart.rating .icon.selected, | ||
| 128 | +.ui.heart.rating .icon.selected.active { | ||
| 129 | + background: @heartSelectedBackground !important; | ||
| 130 | + color: @heartSelectedColor !important; | ||
| 131 | + text-shadow: @heartSelectedTextShadow !important; | ||
| 132 | +} | ||
| 133 | + | ||
| 134 | + | ||
| 135 | +/******************************* | ||
| 136 | + States | ||
| 137 | +*******************************/ | ||
| 138 | + | ||
| 139 | +/*------------------- | ||
| 140 | + Disabled | ||
| 141 | +--------------------*/ | ||
| 142 | + | ||
| 143 | +/* disabled rating */ | ||
| 144 | +.ui.disabled.rating .icon { | ||
| 145 | + cursor: default; | ||
| 146 | +} | ||
| 147 | + | ||
| 148 | + | ||
| 149 | +/*------------------- | ||
| 150 | + User Interactive | ||
| 151 | +--------------------*/ | ||
| 152 | + | ||
| 153 | +/* Selected Rating */ | ||
| 154 | +.ui.rating.selected .active.icon { | ||
| 155 | + opacity: @interactiveActiveIconOpacity; | ||
| 156 | +} | ||
| 157 | +.ui.rating.selected .icon.selected, | ||
| 158 | +.ui.rating .icon.selected { | ||
| 159 | + opacity: @interactiveSelectedIconOpacity; | ||
| 160 | +} | ||
| 161 | + | ||
| 162 | + | ||
| 163 | + | ||
| 164 | +/******************************* | ||
| 165 | + Variations | ||
| 166 | +*******************************/ | ||
| 167 | + | ||
| 168 | +.ui.mini.rating { | ||
| 169 | + font-size: @mini; | ||
| 170 | +} | ||
| 171 | +.ui.tiny.rating { | ||
| 172 | + font-size: @tiny; | ||
| 173 | +} | ||
| 174 | +.ui.small.rating { | ||
| 175 | + font-size: @small; | ||
| 176 | +} | ||
| 177 | +.ui.rating { | ||
| 178 | + font-size: @medium; | ||
| 179 | +} | ||
| 180 | +.ui.large.rating { | ||
| 181 | + font-size: @large; | ||
| 182 | +} | ||
| 183 | +.ui.huge.rating { | ||
| 184 | + font-size: @huge; | ||
| 185 | +} | ||
| 186 | +.ui.massive.rating { | ||
| 187 | + font-size: @massive; | ||
| 188 | +} | ||
| 189 | + | ||
| 190 | + | ||
| 191 | +.loadUIOverrides(); |
This diff is collapsed. Click to expand it.
| 1 | +/*! | ||
| 2 | + * # Semantic UI - Search | ||
| 3 | + * http://github.com/semantic-org/semantic-ui/ | ||
| 4 | + * | ||
| 5 | + * | ||
| 6 | + * Released under the MIT license | ||
| 7 | + * http://opensource.org/licenses/MIT | ||
| 8 | + * | ||
| 9 | + */ | ||
| 10 | + | ||
| 11 | + | ||
| 12 | +/******************************* | ||
| 13 | + Theme | ||
| 14 | +*******************************/ | ||
| 15 | + | ||
| 16 | +@type : 'module'; | ||
| 17 | +@element : 'search'; | ||
| 18 | + | ||
| 19 | +@import (multiple) '../../theme.config'; | ||
| 20 | + | ||
| 21 | +/******************************* | ||
| 22 | + Search | ||
| 23 | +*******************************/ | ||
| 24 | + | ||
| 25 | +.ui.search { | ||
| 26 | + position: relative; | ||
| 27 | +} | ||
| 28 | + | ||
| 29 | +.ui.search > .prompt { | ||
| 30 | + margin: 0em; | ||
| 31 | + outline: none; | ||
| 32 | + -webkit-appearance: none; | ||
| 33 | + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); | ||
| 34 | + | ||
| 35 | + text-shadow: none; | ||
| 36 | + font-style: normal; | ||
| 37 | + font-weight: @normal; | ||
| 38 | + | ||
| 39 | + line-height: @promptLineHeight; | ||
| 40 | + padding: @promptPadding; | ||
| 41 | + font-size: @promptFontSize; | ||
| 42 | + | ||
| 43 | + background: @promptBackground; | ||
| 44 | + border: @promptBorder; | ||
| 45 | + color: @promptColor; | ||
| 46 | + box-shadow: @promptBoxShadow; | ||
| 47 | + transition: @promptTransition; | ||
| 48 | +} | ||
| 49 | + | ||
| 50 | +.ui.search .prompt { | ||
| 51 | + border-radius: @promptBorderRadius; | ||
| 52 | +} | ||
| 53 | + | ||
| 54 | + | ||
| 55 | +/*-------------- | ||
| 56 | + Icon | ||
| 57 | +---------------*/ | ||
| 58 | + | ||
| 59 | +.ui.search .prompt ~ .search.icon { | ||
| 60 | + cursor: pointer; | ||
| 61 | +} | ||
| 62 | + | ||
| 63 | +/*-------------- | ||
| 64 | + Results | ||
| 65 | +---------------*/ | ||
| 66 | + | ||
| 67 | +.ui.search > .results { | ||
| 68 | + display: none; | ||
| 69 | + | ||
| 70 | + position: absolute; | ||
| 71 | + top: 100%; | ||
| 72 | + left: 0%; | ||
| 73 | + transform-origin: center top; | ||
| 74 | + white-space: normal; | ||
| 75 | + | ||
| 76 | + background: @resultsBackground; | ||
| 77 | + | ||
| 78 | + margin-top: @resultsDistance; | ||
| 79 | + width: @resultsWidth; | ||
| 80 | + | ||
| 81 | + border-radius: @resultsBorderRadius; | ||
| 82 | + box-shadow: @resultsBoxShadow; | ||
| 83 | + border: @resultsBorder; | ||
| 84 | + z-index: @resultsZIndex; | ||
| 85 | +} | ||
| 86 | +.ui.search > .results > :first-child { | ||
| 87 | + border-radius: @resultsBorderRadius @resultsBorderRadius 0em 0em; | ||
| 88 | +} | ||
| 89 | +.ui.search > .results > :last-child { | ||
| 90 | + border-radius: 0em 0em @resultsBorderRadius @resultsBorderRadius; | ||
| 91 | +} | ||
| 92 | + | ||
| 93 | +/*-------------- | ||
| 94 | + Result | ||
| 95 | +---------------*/ | ||
| 96 | + | ||
| 97 | +.ui.search > .results .result { | ||
| 98 | + cursor: pointer; | ||
| 99 | + display: block; | ||
| 100 | + overflow: hidden; | ||
| 101 | + font-size: @resultFontSize; | ||
| 102 | + padding: @resultPadding; | ||
| 103 | + color: @resultTextColor; | ||
| 104 | + line-height: @resultLineHeight; | ||
| 105 | + border-bottom: @resultDivider; | ||
| 106 | +} | ||
| 107 | +.ui.search > .results .result:last-child { | ||
| 108 | + border-bottom: @resultLastDivider !important; | ||
| 109 | +} | ||
| 110 | + | ||
| 111 | +/* Image */ | ||
| 112 | +.ui.search > .results .result .image { | ||
| 113 | + float: @resultImageFloat; | ||
| 114 | + overflow: hidden; | ||
| 115 | + background: @resultImageBackground; | ||
| 116 | + width: @resultImageWidth; | ||
| 117 | + height: @resultImageHeight; | ||
| 118 | + border-radius: @resultImageBorderRadius; | ||
| 119 | +} | ||
| 120 | +.ui.search > .results .result .image img { | ||
| 121 | + display: block; | ||
| 122 | + width: auto; | ||
| 123 | + height: 100%; | ||
| 124 | +} | ||
| 125 | + | ||
| 126 | +/*-------------- | ||
| 127 | + Info | ||
| 128 | +---------------*/ | ||
| 129 | + | ||
| 130 | +.ui.search > .results .result .image + .content { | ||
| 131 | + margin: @resultImageMargin; | ||
| 132 | +} | ||
| 133 | + | ||
| 134 | +.ui.search > .results .result .title { | ||
| 135 | + margin: @resultTitleMargin; | ||
| 136 | + font-family: @resultTitleFont; | ||
| 137 | + font-weight: @resultTitleFontWeight; | ||
| 138 | + font-size: @resultTitleFontSize; | ||
| 139 | + color: @resultTitleColor; | ||
| 140 | +} | ||
| 141 | +.ui.search > .results .result .description { | ||
| 142 | + margin-top: @resultDescriptionDistance; | ||
| 143 | + font-size: @resultDescriptionFontSize; | ||
| 144 | + color: @resultDescriptionColor; | ||
| 145 | +} | ||
| 146 | +.ui.search > .results .result .price { | ||
| 147 | + float: @resultPriceFloat; | ||
| 148 | + color: @resultPriceColor; | ||
| 149 | +} | ||
| 150 | + | ||
| 151 | +/*-------------- | ||
| 152 | + Message | ||
| 153 | +---------------*/ | ||
| 154 | + | ||
| 155 | +.ui.search > .results > .message { | ||
| 156 | + padding: @messageVerticalPadding @messageHorizontalPadding; | ||
| 157 | +} | ||
| 158 | +.ui.search > .results > .message .header { | ||
| 159 | + font-family: @headerFont; | ||
| 160 | + font-size: @messageHeaderFontSize; | ||
| 161 | + font-weight: @messageHeaderFontWeight; | ||
| 162 | + color: @messageHeaderColor; | ||
| 163 | +} | ||
| 164 | +.ui.search > .results > .message .description { | ||
| 165 | + margin-top: @messageDescriptionDistance; | ||
| 166 | + font-size: @messageDescriptionFontSize; | ||
| 167 | + color: @messageDescriptionColor; | ||
| 168 | +} | ||
| 169 | + | ||
| 170 | +/* View All Results */ | ||
| 171 | +.ui.search > .results > .action { | ||
| 172 | + display: block; | ||
| 173 | + border-top: @actionBorder; | ||
| 174 | + background: @actionBackground; | ||
| 175 | + padding: @actionPadding; | ||
| 176 | + color: @actionColor; | ||
| 177 | + font-weight: @actionFontWeight; | ||
| 178 | + text-align: @actionAlign; | ||
| 179 | +} | ||
| 180 | + | ||
| 181 | + | ||
| 182 | +/******************************* | ||
| 183 | + States | ||
| 184 | +*******************************/ | ||
| 185 | + | ||
| 186 | +/*-------------------- | ||
| 187 | + Focus | ||
| 188 | +---------------------*/ | ||
| 189 | + | ||
| 190 | +.ui.search > .prompt:focus { | ||
| 191 | + border-color: @promptFocusBorderColor; | ||
| 192 | + background: @promptFocusBackground; | ||
| 193 | + color: @promptFocusColor; | ||
| 194 | +} | ||
| 195 | + | ||
| 196 | +/*-------------------- | ||
| 197 | + Loading | ||
| 198 | +---------------------*/ | ||
| 199 | + | ||
| 200 | +.ui.loading.search .input > i.icon:before { | ||
| 201 | + position: absolute; | ||
| 202 | + content: ''; | ||
| 203 | + top: 50%; | ||
| 204 | + left: 50%; | ||
| 205 | + | ||
| 206 | + margin: @loaderMargin; | ||
| 207 | + width: @loaderSize; | ||
| 208 | + height: @loaderSize; | ||
| 209 | + | ||
| 210 | + border-radius: @circularRadius; | ||
| 211 | + border: @loaderLineWidth solid @loaderFillColor; | ||
| 212 | +} | ||
| 213 | +.ui.loading.search .input > i.icon:after { | ||
| 214 | + position: absolute; | ||
| 215 | + content: ''; | ||
| 216 | + top: 50%; | ||
| 217 | + left: 50%; | ||
| 218 | + | ||
| 219 | + margin: @loaderMargin; | ||
| 220 | + width: @loaderSize; | ||
| 221 | + height: @loaderSize; | ||
| 222 | + | ||
| 223 | + animation: button-spin @loaderSpeed linear; | ||
| 224 | + animation-iteration-count: infinite; | ||
| 225 | + | ||
| 226 | + border-radius: @circularRadius; | ||
| 227 | + | ||
| 228 | + border-color: @loaderLineColor transparent transparent; | ||
| 229 | + border-style: solid; | ||
| 230 | + border-width: @loaderLineWidth; | ||
| 231 | + | ||
| 232 | + box-shadow: 0px 0px 0px 1px transparent; | ||
| 233 | +} | ||
| 234 | + | ||
| 235 | + | ||
| 236 | +/*-------------- | ||
| 237 | + Hover | ||
| 238 | +---------------*/ | ||
| 239 | + | ||
| 240 | +.ui.search > .results .result:hover, | ||
| 241 | +.ui.category.search > .results .category .result:hover { | ||
| 242 | + background: @resultHoverBackground; | ||
| 243 | +} | ||
| 244 | +.ui.search .action:hover { | ||
| 245 | + background: @actionHoverBackground; | ||
| 246 | +} | ||
| 247 | + | ||
| 248 | +/*-------------- | ||
| 249 | + Active | ||
| 250 | +---------------*/ | ||
| 251 | + | ||
| 252 | +.ui.category.search > .results .category.active { | ||
| 253 | + background: @categoryActiveBackground; | ||
| 254 | +} | ||
| 255 | +.ui.category.search > .results .category.active > .name { | ||
| 256 | + color: @categoryNameActiveColor; | ||
| 257 | +} | ||
| 258 | + | ||
| 259 | +.ui.search > .results .result.active, | ||
| 260 | +.ui.category.search > .results .category .result.active { | ||
| 261 | + position: relative; | ||
| 262 | + border-left-color: @resultActiveBorderLeft; | ||
| 263 | + background: @resultActiveBackground; | ||
| 264 | + box-shadow: @resultActiveBoxShadow; | ||
| 265 | +} | ||
| 266 | +.ui.search > .results .result.active .title { | ||
| 267 | + color: @resultActiveTitleColor; | ||
| 268 | +} | ||
| 269 | +.ui.search > .results .result.active .description { | ||
| 270 | + color: @resultActiveDescriptionColor; | ||
| 271 | +} | ||
| 272 | + | ||
| 273 | +/*-------------------- | ||
| 274 | + Disabled | ||
| 275 | +----------------------*/ | ||
| 276 | + | ||
| 277 | +/* Disabled */ | ||
| 278 | +.ui.disabled.search { | ||
| 279 | + cursor: default; | ||
| 280 | + pointer-events: none; | ||
| 281 | + opacity: @disabledOpacity; | ||
| 282 | +} | ||
| 283 | + | ||
| 284 | + | ||
| 285 | +/******************************* | ||
| 286 | + Types | ||
| 287 | +*******************************/ | ||
| 288 | + | ||
| 289 | +/*-------------- | ||
| 290 | + Selection | ||
| 291 | +---------------*/ | ||
| 292 | + | ||
| 293 | +.ui.search.selection .prompt { | ||
| 294 | + border-radius: @selectionPromptBorderRadius; | ||
| 295 | +} | ||
| 296 | + | ||
| 297 | +/* Remove input */ | ||
| 298 | +.ui.search.selection > .icon.input > .remove.icon { | ||
| 299 | + pointer-events: none; | ||
| 300 | + position: absolute; | ||
| 301 | + left: auto; | ||
| 302 | + opacity: 0; | ||
| 303 | + color: @selectionCloseIconColor; | ||
| 304 | + top: @selectionCloseTop; | ||
| 305 | + right: @selectionCloseRight; | ||
| 306 | + transition: @selectionCloseTransition; | ||
| 307 | +} | ||
| 308 | +.ui.search.selection > .icon.input > .active.remove.icon { | ||
| 309 | + cursor: pointer; | ||
| 310 | + opacity: @selectionCloseIconOpacity; | ||
| 311 | + pointer-events: auto; | ||
| 312 | +} | ||
| 313 | +.ui.search.selection > .icon.input:not([class*="left icon"]) > .icon ~ .remove.icon { | ||
| 314 | + right: @selectionCloseIconInputRight; | ||
| 315 | +} | ||
| 316 | +.ui.search.selection > .icon.input > .remove.icon:hover { | ||
| 317 | + opacity: @selectionCloseIconHoverOpacity; | ||
| 318 | + color: @selectionCloseIconHoverColor; | ||
| 319 | +} | ||
| 320 | + | ||
| 321 | + | ||
| 322 | +/*-------------- | ||
| 323 | + Category | ||
| 324 | +---------------*/ | ||
| 325 | + | ||
| 326 | +.ui.category.search .results { | ||
| 327 | + width: @categoryResultsWidth; | ||
| 328 | +} | ||
| 329 | + | ||
| 330 | +.ui.category.search .results.animating, | ||
| 331 | +.ui.category.search .results.visible { | ||
| 332 | + display: table; | ||
| 333 | +} | ||
| 334 | + | ||
| 335 | +/* Category */ | ||
| 336 | +.ui.category.search > .results .category { | ||
| 337 | + display: table-row; | ||
| 338 | + background: @categoryBackground; | ||
| 339 | + box-shadow: @categoryBoxShadow; | ||
| 340 | + transition: @categoryTransition; | ||
| 341 | +} | ||
| 342 | + | ||
| 343 | +/* Last Category */ | ||
| 344 | +.ui.category.search > .results .category:last-child { | ||
| 345 | + border-bottom: none; | ||
| 346 | +} | ||
| 347 | + | ||
| 348 | +/* First / Last */ | ||
| 349 | +.ui.category.search > .results .category:first-child .name + .result { | ||
| 350 | + border-radius: 0em @resultsBorderRadius 0em 0em; | ||
| 351 | +} | ||
| 352 | +.ui.category.search > .results .category:last-child .result:last-child { | ||
| 353 | + border-radius: 0em 0em @resultsBorderRadius 0em; | ||
| 354 | +} | ||
| 355 | + | ||
| 356 | +/* Category Result Name */ | ||
| 357 | +.ui.category.search > .results .category > .name { | ||
| 358 | + display: table-cell; | ||
| 359 | + text-overflow: ellipsis; | ||
| 360 | + width: @categoryNameWidth; | ||
| 361 | + white-space: @categoryNameWhitespace; | ||
| 362 | + background: @categoryNameBackground; | ||
| 363 | + font-family: @categoryNameFont; | ||
| 364 | + font-size: @categoryNameFontSize; | ||
| 365 | + padding: @categoryNamePadding; | ||
| 366 | + font-weight: @categoryNameFontWeight; | ||
| 367 | + color: @categoryNameColor; | ||
| 368 | + border-bottom: @categoryDivider; | ||
| 369 | +} | ||
| 370 | + | ||
| 371 | +/* Category Result */ | ||
| 372 | +.ui.category.search > .results .category .results { | ||
| 373 | + display: table-cell; | ||
| 374 | + background: @categoryResultBackground; | ||
| 375 | + border-left: @categoryResultLeftBorder; | ||
| 376 | + border-bottom: @categoryDivider; | ||
| 377 | +} | ||
| 378 | +.ui.category.search > .results .category .result { | ||
| 379 | + border-bottom: @categoryResultDivider; | ||
| 380 | + transition: @categoryResultTransition; | ||
| 381 | + padding: @categoryResultPadding; | ||
| 382 | +} | ||
| 383 | + | ||
| 384 | +/******************************* | ||
| 385 | + Variations | ||
| 386 | +*******************************/ | ||
| 387 | + | ||
| 388 | +/*------------------- | ||
| 389 | + Left / Right | ||
| 390 | +--------------------*/ | ||
| 391 | + | ||
| 392 | +.ui[class*="left aligned"].search > .results { | ||
| 393 | + right: auto; | ||
| 394 | + left: 0%; | ||
| 395 | +} | ||
| 396 | +.ui[class*="right aligned"].search > .results { | ||
| 397 | + right: 0%; | ||
| 398 | + left: auto; | ||
| 399 | +} | ||
| 400 | + | ||
| 401 | +/*-------------- | ||
| 402 | + Fluid | ||
| 403 | +---------------*/ | ||
| 404 | + | ||
| 405 | +.ui.fluid.search .results { | ||
| 406 | + width: 100%; | ||
| 407 | +} | ||
| 408 | + | ||
| 409 | + | ||
| 410 | +/*-------------- | ||
| 411 | + Sizes | ||
| 412 | +---------------*/ | ||
| 413 | + | ||
| 414 | +.ui.mini.search { | ||
| 415 | + font-size: @relativeMini; | ||
| 416 | +} | ||
| 417 | +.ui.small.search { | ||
| 418 | + font-size: @relativeSmall; | ||
| 419 | +} | ||
| 420 | +.ui.search { | ||
| 421 | + font-size: @relativeMedium; | ||
| 422 | +} | ||
| 423 | +.ui.large.search { | ||
| 424 | + font-size: @relativeLarge; | ||
| 425 | +} | ||
| 426 | +.ui.big.search { | ||
| 427 | + font-size: @relativeBig; | ||
| 428 | +} | ||
| 429 | +.ui.huge.search { | ||
| 430 | + font-size: @relativeHuge; | ||
| 431 | +} | ||
| 432 | +.ui.massive.search { | ||
| 433 | + font-size: @relativeMassive; | ||
| 434 | +} | ||
| 435 | + | ||
| 436 | +/*-------------- | ||
| 437 | + Mobile | ||
| 438 | +---------------*/ | ||
| 439 | + | ||
| 440 | +@media only screen and (max-width: @largestMobileScreen) { | ||
| 441 | + .ui.search .results { | ||
| 442 | + max-width: @mobileMaxWidth; | ||
| 443 | + } | ||
| 444 | +} | ||
| 445 | + | ||
| 446 | +.loadUIOverrides(); |
This diff is collapsed. Click to expand it.
| 1 | +/*! | ||
| 2 | + * # Semantic UI - Shape | ||
| 3 | + * http://github.com/semantic-org/semantic-ui/ | ||
| 4 | + * | ||
| 5 | + * | ||
| 6 | + * Released under the MIT license | ||
| 7 | + * http://opensource.org/licenses/MIT | ||
| 8 | + * | ||
| 9 | + */ | ||
| 10 | + | ||
| 11 | + | ||
| 12 | + | ||
| 13 | +/******************************* | ||
| 14 | + Theme | ||
| 15 | +*******************************/ | ||
| 16 | + | ||
| 17 | +@type : 'module'; | ||
| 18 | +@element : 'shape'; | ||
| 19 | + | ||
| 20 | +@import (multiple) '../../theme.config'; | ||
| 21 | + | ||
| 22 | +/******************************* | ||
| 23 | + Shape | ||
| 24 | +*******************************/ | ||
| 25 | + | ||
| 26 | +.ui.shape { | ||
| 27 | + position: relative; | ||
| 28 | + vertical-align: top; | ||
| 29 | + display: @display; | ||
| 30 | + perspective: @perspective; | ||
| 31 | + transition: @transition; | ||
| 32 | +} | ||
| 33 | + | ||
| 34 | +.ui.shape .sides { | ||
| 35 | + transform-style: preserve-3d; | ||
| 36 | +} | ||
| 37 | + | ||
| 38 | +.ui.shape .side { | ||
| 39 | + opacity: 1; | ||
| 40 | + width: 100%; | ||
| 41 | + | ||
| 42 | + margin: @sideMargin !important; | ||
| 43 | + backface-visibility: @backfaceVisibility; | ||
| 44 | +} | ||
| 45 | + | ||
| 46 | +.ui.shape .side { | ||
| 47 | + display: none; | ||
| 48 | +} | ||
| 49 | + | ||
| 50 | +.ui.shape .side * { | ||
| 51 | + backface-visibility: visible !important; | ||
| 52 | +} | ||
| 53 | + | ||
| 54 | +/******************************* | ||
| 55 | + Types | ||
| 56 | +*******************************/ | ||
| 57 | + | ||
| 58 | +.ui.cube.shape .side { | ||
| 59 | + min-width: @cubeSize; | ||
| 60 | + height: @cubeSize; | ||
| 61 | + | ||
| 62 | + padding: @cubePadding; | ||
| 63 | + | ||
| 64 | + background-color: @cubeBackground; | ||
| 65 | + color: @cubeTextColor; | ||
| 66 | + box-shadow: @cubeBoxShadow; | ||
| 67 | +} | ||
| 68 | +.ui.cube.shape .side > .content { | ||
| 69 | + width: 100%; | ||
| 70 | + height: 100%; | ||
| 71 | + display: table; | ||
| 72 | + | ||
| 73 | + text-align: @cubeTextAlign; | ||
| 74 | + user-select: text; | ||
| 75 | +} | ||
| 76 | +.ui.cube.shape .side > .content > div { | ||
| 77 | + display: table-cell; | ||
| 78 | + vertical-align: middle; | ||
| 79 | + font-size: @cubeFontSize; | ||
| 80 | +} | ||
| 81 | + | ||
| 82 | +/******************************* | ||
| 83 | + Variations | ||
| 84 | +*******************************/ | ||
| 85 | + | ||
| 86 | +.ui.text.shape.animating .sides { | ||
| 87 | + position: static; | ||
| 88 | +} | ||
| 89 | +.ui.text.shape .side { | ||
| 90 | + white-space: nowrap; | ||
| 91 | +} | ||
| 92 | +.ui.text.shape .side > * { | ||
| 93 | + white-space: normal; | ||
| 94 | +} | ||
| 95 | + | ||
| 96 | + | ||
| 97 | +/******************************* | ||
| 98 | + States | ||
| 99 | +*******************************/ | ||
| 100 | + | ||
| 101 | +/*-------------- | ||
| 102 | + Loading | ||
| 103 | +---------------*/ | ||
| 104 | + | ||
| 105 | +.ui.loading.shape { | ||
| 106 | + position: absolute; | ||
| 107 | + top: -9999px; | ||
| 108 | + left: -9999px; | ||
| 109 | +} | ||
| 110 | + | ||
| 111 | + | ||
| 112 | +/*-------------- | ||
| 113 | + Animating | ||
| 114 | +---------------*/ | ||
| 115 | + | ||
| 116 | +.ui.shape .animating.side { | ||
| 117 | + position: absolute; | ||
| 118 | + top: 0px; | ||
| 119 | + left: 0px; | ||
| 120 | + display: block; | ||
| 121 | + z-index: @animatingZIndex; | ||
| 122 | +} | ||
| 123 | +.ui.shape .hidden.side { | ||
| 124 | + opacity: @hiddenSideOpacity; | ||
| 125 | +} | ||
| 126 | + | ||
| 127 | + | ||
| 128 | +/*-------------- | ||
| 129 | + CSS | ||
| 130 | +---------------*/ | ||
| 131 | + | ||
| 132 | +.ui.shape.animating .sides { | ||
| 133 | + position: absolute; | ||
| 134 | +} | ||
| 135 | +.ui.shape.animating .sides { | ||
| 136 | + transition: @transition; | ||
| 137 | +} | ||
| 138 | +.ui.shape.animating .side { | ||
| 139 | + transition: @sideTransition; | ||
| 140 | +} | ||
| 141 | + | ||
| 142 | +/*-------------- | ||
| 143 | + Active | ||
| 144 | +---------------*/ | ||
| 145 | + | ||
| 146 | +.ui.shape .active.side { | ||
| 147 | + display: block; | ||
| 148 | +} | ||
| 149 | + | ||
| 150 | +.loadUIOverrides(); |
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
| 1 | +/*! | ||
| 2 | + * # Semantic UI - Sticky | ||
| 3 | + * http://github.com/semantic-org/semantic-ui/ | ||
| 4 | + * | ||
| 5 | + * | ||
| 6 | + * Released under the MIT license | ||
| 7 | + * http://opensource.org/licenses/MIT | ||
| 8 | + * | ||
| 9 | + */ | ||
| 10 | + | ||
| 11 | + | ||
| 12 | +/******************************* | ||
| 13 | + Theme | ||
| 14 | +*******************************/ | ||
| 15 | + | ||
| 16 | +@type : 'module'; | ||
| 17 | +@element : 'sticky'; | ||
| 18 | + | ||
| 19 | +@import (multiple) '../../theme.config'; | ||
| 20 | + | ||
| 21 | +/******************************* | ||
| 22 | + Sticky | ||
| 23 | +*******************************/ | ||
| 24 | + | ||
| 25 | +.ui.sticky { | ||
| 26 | + position: static; | ||
| 27 | + transition: @transition; | ||
| 28 | + z-index: @zIndex; | ||
| 29 | +} | ||
| 30 | + | ||
| 31 | +/******************************* | ||
| 32 | + States | ||
| 33 | +*******************************/ | ||
| 34 | + | ||
| 35 | +/* Bound */ | ||
| 36 | +.ui.sticky.bound { | ||
| 37 | + position: absolute; | ||
| 38 | + left: auto; | ||
| 39 | + right: auto; | ||
| 40 | +} | ||
| 41 | + | ||
| 42 | +/* Fixed */ | ||
| 43 | +.ui.sticky.fixed { | ||
| 44 | + position: fixed; | ||
| 45 | + left: auto; | ||
| 46 | + right: auto; | ||
| 47 | +} | ||
| 48 | + | ||
| 49 | +/* Bound/Fixed Position */ | ||
| 50 | +.ui.sticky.bound.top, | ||
| 51 | +.ui.sticky.fixed.top { | ||
| 52 | + top: 0px; | ||
| 53 | + bottom: auto; | ||
| 54 | +} | ||
| 55 | +.ui.sticky.bound.bottom, | ||
| 56 | +.ui.sticky.fixed.bottom { | ||
| 57 | + top: auto; | ||
| 58 | + bottom: 0px; | ||
| 59 | +} | ||
| 60 | + | ||
| 61 | + | ||
| 62 | +/******************************* | ||
| 63 | + Types | ||
| 64 | +*******************************/ | ||
| 65 | + | ||
| 66 | +.ui.native.sticky { | ||
| 67 | + position: -webkit-sticky; | ||
| 68 | + position: -moz-sticky; | ||
| 69 | + position: -ms-sticky; | ||
| 70 | + position: -o-sticky; | ||
| 71 | + position: sticky; | ||
| 72 | +} | ||
| 73 | + | ||
| 74 | +.loadUIOverrides(); |
This diff is collapsed. Click to expand it.
| 1 | +/*! | ||
| 2 | + * # Semantic UI - Tab | ||
| 3 | + * http://github.com/semantic-org/semantic-ui/ | ||
| 4 | + * | ||
| 5 | + * | ||
| 6 | + * Released under the MIT license | ||
| 7 | + * http://opensource.org/licenses/MIT | ||
| 8 | + * | ||
| 9 | + */ | ||
| 10 | + | ||
| 11 | + | ||
| 12 | +/******************************* | ||
| 13 | + Theme | ||
| 14 | +*******************************/ | ||
| 15 | + | ||
| 16 | +@type : 'module'; | ||
| 17 | +@element : 'tab'; | ||
| 18 | + | ||
| 19 | +@import (multiple) '../../theme.config'; | ||
| 20 | + | ||
| 21 | +/******************************* | ||
| 22 | + UI Tabs | ||
| 23 | +*******************************/ | ||
| 24 | + | ||
| 25 | +.ui.tab { | ||
| 26 | + display: none; | ||
| 27 | +} | ||
| 28 | + | ||
| 29 | +/******************************* | ||
| 30 | + States | ||
| 31 | +*******************************/ | ||
| 32 | + | ||
| 33 | +/*-------------------- | ||
| 34 | + Active | ||
| 35 | +---------------------*/ | ||
| 36 | + | ||
| 37 | +.ui.tab.active, | ||
| 38 | +.ui.tab.open { | ||
| 39 | + display: block; | ||
| 40 | +} | ||
| 41 | + | ||
| 42 | +/*-------------------- | ||
| 43 | + Loading | ||
| 44 | +---------------------*/ | ||
| 45 | + | ||
| 46 | +.ui.tab.loading { | ||
| 47 | + position: relative; | ||
| 48 | + overflow: hidden; | ||
| 49 | + display: block; | ||
| 50 | + min-height: @loadingMinHeight; | ||
| 51 | +} | ||
| 52 | +.ui.tab.loading * { | ||
| 53 | + position: @loadingContentPosition !important; | ||
| 54 | + left: @loadingContentOffset !important; | ||
| 55 | +} | ||
| 56 | + | ||
| 57 | +.ui.tab.loading:before, | ||
| 58 | +.ui.tab.loading.segment:before { | ||
| 59 | + position: absolute; | ||
| 60 | + content: ''; | ||
| 61 | + top: @loaderDistanceFromTop; | ||
| 62 | + left: 50%; | ||
| 63 | + | ||
| 64 | + margin: @loaderMargin; | ||
| 65 | + width: @loaderSize; | ||
| 66 | + height: @loaderSize; | ||
| 67 | + | ||
| 68 | + border-radius: @circularRadius; | ||
| 69 | + border: @loaderLineWidth solid @loaderFillColor; | ||
| 70 | +} | ||
| 71 | +.ui.tab.loading:after, | ||
| 72 | +.ui.tab.loading.segment:after { | ||
| 73 | + position: absolute; | ||
| 74 | + content: ''; | ||
| 75 | + top: @loaderDistanceFromTop; | ||
| 76 | + left: 50%; | ||
| 77 | + | ||
| 78 | + margin: @loaderMargin; | ||
| 79 | + width: @loaderSize; | ||
| 80 | + height: @loaderSize; | ||
| 81 | + | ||
| 82 | + animation: button-spin @loaderSpeed linear; | ||
| 83 | + animation-iteration-count: infinite; | ||
| 84 | + | ||
| 85 | + border-radius: @circularRadius; | ||
| 86 | + | ||
| 87 | + border-color: @loaderLineColor transparent transparent; | ||
| 88 | + border-style: solid; | ||
| 89 | + border-width: @loaderLineWidth; | ||
| 90 | + | ||
| 91 | + box-shadow: 0px 0px 0px 1px transparent; | ||
| 92 | +} | ||
| 93 | + | ||
| 94 | +.loadUIOverrides(); |
This diff is collapsed. Click to expand it.
| 1 | +/*! | ||
| 2 | + * # Semantic UI - Transition | ||
| 3 | + * http://github.com/semantic-org/semantic-ui/ | ||
| 4 | + * | ||
| 5 | + * | ||
| 6 | + * Released under the MIT license | ||
| 7 | + * http://opensource.org/licenses/MIT | ||
| 8 | + * | ||
| 9 | + */ | ||
| 10 | + | ||
| 11 | + | ||
| 12 | +/******************************* | ||
| 13 | + Theme | ||
| 14 | +*******************************/ | ||
| 15 | + | ||
| 16 | +@type : 'module'; | ||
| 17 | +@element : 'transition'; | ||
| 18 | + | ||
| 19 | +@import (multiple) '../../theme.config'; | ||
| 20 | + | ||
| 21 | +/******************************* | ||
| 22 | + Transitions | ||
| 23 | +*******************************/ | ||
| 24 | + | ||
| 25 | +.transition { | ||
| 26 | + animation-iteration-count: 1; | ||
| 27 | + animation-duration: @transitionDefaultDuration; | ||
| 28 | + animation-timing-function: @transitionDefaultEasing; | ||
| 29 | + animation-fill-mode: @transitionDefaultFill; | ||
| 30 | +} | ||
| 31 | + | ||
| 32 | +/******************************* | ||
| 33 | + States | ||
| 34 | +*******************************/ | ||
| 35 | + | ||
| 36 | + | ||
| 37 | +/* Animating */ | ||
| 38 | +.animating.transition { | ||
| 39 | + backface-visibility: @backfaceVisibility; | ||
| 40 | + visibility: visible !important; | ||
| 41 | +} | ||
| 42 | + | ||
| 43 | +/* Loading */ | ||
| 44 | +.loading.transition { | ||
| 45 | + position: absolute; | ||
| 46 | + top: -99999px; | ||
| 47 | + left: -99999px; | ||
| 48 | +} | ||
| 49 | + | ||
| 50 | +/* Hidden */ | ||
| 51 | +.hidden.transition { | ||
| 52 | + display: none; | ||
| 53 | + visibility: hidden; | ||
| 54 | +} | ||
| 55 | + | ||
| 56 | +/* Visible */ | ||
| 57 | +.visible.transition { | ||
| 58 | + display: block !important; | ||
| 59 | + visibility: visible !important; | ||
| 60 | +/* backface-visibility: @backfaceVisibility; | ||
| 61 | + transform: @use3DAcceleration;*/ | ||
| 62 | +} | ||
| 63 | + | ||
| 64 | +/* Disabled */ | ||
| 65 | +.disabled.transition { | ||
| 66 | + animation-play-state: paused; | ||
| 67 | +} | ||
| 68 | + | ||
| 69 | +/******************************* | ||
| 70 | + Variations | ||
| 71 | +*******************************/ | ||
| 72 | + | ||
| 73 | +.looping.transition { | ||
| 74 | + animation-iteration-count: infinite; | ||
| 75 | +} | ||
| 76 | + | ||
| 77 | + | ||
| 78 | +.loadUIOverrides(); |
| 1 | +/*! | ||
| 2 | + * # Semantic UI - Ad | ||
| 3 | + * http://github.com/semantic-org/semantic-ui/ | ||
| 4 | + * | ||
| 5 | + * | ||
| 6 | + * Copyright 2013 Contributors | ||
| 7 | + * Released under the MIT license | ||
| 8 | + * http://opensource.org/licenses/MIT | ||
| 9 | + * | ||
| 10 | + */ | ||
| 11 | + | ||
| 12 | +/******************************* | ||
| 13 | + Theme | ||
| 14 | +*******************************/ | ||
| 15 | + | ||
| 16 | +@type : 'view'; | ||
| 17 | +@element : 'ad'; | ||
| 18 | + | ||
| 19 | +@import (multiple) '../../theme.config'; | ||
| 20 | + | ||
| 21 | +/******************************* | ||
| 22 | + Advertisement | ||
| 23 | +*******************************/ | ||
| 24 | + | ||
| 25 | +.ui.ad { | ||
| 26 | + display: block; | ||
| 27 | + overflow: @overflow; | ||
| 28 | + margin: @margin; | ||
| 29 | +} | ||
| 30 | + | ||
| 31 | +.ui.ad:first-child { | ||
| 32 | + margin: 0em; | ||
| 33 | +} | ||
| 34 | + | ||
| 35 | +.ui.ad:last-child { | ||
| 36 | + margin: 0em; | ||
| 37 | +} | ||
| 38 | + | ||
| 39 | +.ui.ad iframe { | ||
| 40 | + margin: 0em; | ||
| 41 | + padding: 0em; | ||
| 42 | + border: none; | ||
| 43 | + overflow: hidden; | ||
| 44 | +} | ||
| 45 | + | ||
| 46 | +/*-------------- | ||
| 47 | + Common | ||
| 48 | +---------------*/ | ||
| 49 | + | ||
| 50 | +/* Leaderboard */ | ||
| 51 | +.ui.leaderboard.ad { | ||
| 52 | + width: 728px; | ||
| 53 | + height: 90px; | ||
| 54 | +} | ||
| 55 | + | ||
| 56 | +/* Medium Rectangle */ | ||
| 57 | +.ui[class*="medium rectangle"].ad { | ||
| 58 | + width: 300px; | ||
| 59 | + height: 250px; | ||
| 60 | +} | ||
| 61 | + | ||
| 62 | +/* Large Rectangle */ | ||
| 63 | +.ui[class*="large rectangle"].ad { | ||
| 64 | + width: 336px; | ||
| 65 | + height: 280px; | ||
| 66 | +} | ||
| 67 | +/* Half Page */ | ||
| 68 | +.ui[class*="half page"].ad { | ||
| 69 | + width: 300px; | ||
| 70 | + height: 600px; | ||
| 71 | +} | ||
| 72 | + | ||
| 73 | +/*-------------- | ||
| 74 | + Square | ||
| 75 | +---------------*/ | ||
| 76 | + | ||
| 77 | +/* Square */ | ||
| 78 | +.ui.square.ad { | ||
| 79 | + width: 250px; | ||
| 80 | + height: 250px; | ||
| 81 | +} | ||
| 82 | + | ||
| 83 | +/* Small Square */ | ||
| 84 | +.ui[class*="small square"].ad { | ||
| 85 | + width: 200px; | ||
| 86 | + height: 200px; | ||
| 87 | +} | ||
| 88 | + | ||
| 89 | +/*-------------- | ||
| 90 | + Rectangle | ||
| 91 | +---------------*/ | ||
| 92 | + | ||
| 93 | +/* Small Rectangle */ | ||
| 94 | +.ui[class*="small rectangle"].ad { | ||
| 95 | + width: 180px; | ||
| 96 | + height: 150px; | ||
| 97 | +} | ||
| 98 | + | ||
| 99 | +/* Vertical Rectangle */ | ||
| 100 | +.ui[class*="vertical rectangle"].ad { | ||
| 101 | + width: 240px; | ||
| 102 | + height: 400px; | ||
| 103 | +} | ||
| 104 | + | ||
| 105 | +/*-------------- | ||
| 106 | + Button | ||
| 107 | +---------------*/ | ||
| 108 | + | ||
| 109 | +.ui.button.ad { | ||
| 110 | + width: 120px; | ||
| 111 | + height: 90px; | ||
| 112 | +} | ||
| 113 | +.ui[class*="square button"].ad { | ||
| 114 | + width: 125px; | ||
| 115 | + height: 125px; | ||
| 116 | +} | ||
| 117 | +.ui[class*="small button"].ad { | ||
| 118 | + width: 120px; | ||
| 119 | + height: 60px; | ||
| 120 | +} | ||
| 121 | + | ||
| 122 | +/*-------------- | ||
| 123 | + Skyscrapers | ||
| 124 | +---------------*/ | ||
| 125 | + | ||
| 126 | +/* Skyscraper */ | ||
| 127 | +.ui.skyscraper.ad { | ||
| 128 | + width: 120px; | ||
| 129 | + height: 600px; | ||
| 130 | +} | ||
| 131 | + | ||
| 132 | +/* Wide Skyscraper */ | ||
| 133 | +.ui[class*="wide skyscraper"].ad { | ||
| 134 | + width: 160px; | ||
| 135 | +} | ||
| 136 | + | ||
| 137 | +/*-------------- | ||
| 138 | + Banners | ||
| 139 | +---------------*/ | ||
| 140 | + | ||
| 141 | +/* Banner */ | ||
| 142 | +.ui.banner.ad { | ||
| 143 | + width: 468px; | ||
| 144 | + height: 60px; | ||
| 145 | +} | ||
| 146 | + | ||
| 147 | +/* Vertical Banner */ | ||
| 148 | +.ui[class*="vertical banner"].ad { | ||
| 149 | + width: 120px; | ||
| 150 | + height: 240px; | ||
| 151 | +} | ||
| 152 | + | ||
| 153 | +/* Top Banner */ | ||
| 154 | +.ui[class*="top banner"].ad { | ||
| 155 | + width: 930px; | ||
| 156 | + height: 180px; | ||
| 157 | +} | ||
| 158 | + | ||
| 159 | +/* Half Banner */ | ||
| 160 | +.ui[class*="half banner"].ad { | ||
| 161 | + width: 234px; | ||
| 162 | + height: 60px; | ||
| 163 | +} | ||
| 164 | + | ||
| 165 | +/*-------------- | ||
| 166 | + Boards | ||
| 167 | +---------------*/ | ||
| 168 | + | ||
| 169 | +/* Leaderboard */ | ||
| 170 | +.ui[class*="large leaderboard"].ad { | ||
| 171 | + width: 970px; | ||
| 172 | + height: 90px; | ||
| 173 | +} | ||
| 174 | + | ||
| 175 | +/* Billboard */ | ||
| 176 | +.ui.billboard.ad { | ||
| 177 | + width: 970px; | ||
| 178 | + height: 250px; | ||
| 179 | +} | ||
| 180 | + | ||
| 181 | +/*-------------- | ||
| 182 | + Panorama | ||
| 183 | +---------------*/ | ||
| 184 | + | ||
| 185 | +/* Panorama */ | ||
| 186 | +.ui.panorama.ad { | ||
| 187 | + width: 980px; | ||
| 188 | + height: 120px; | ||
| 189 | +} | ||
| 190 | + | ||
| 191 | +/*-------------- | ||
| 192 | + Netboard | ||
| 193 | +---------------*/ | ||
| 194 | + | ||
| 195 | +/* Netboard */ | ||
| 196 | +.ui.netboard.ad { | ||
| 197 | + width: 580px; | ||
| 198 | + height: 400px; | ||
| 199 | +} | ||
| 200 | + | ||
| 201 | + | ||
| 202 | + | ||
| 203 | +/*-------------- | ||
| 204 | + Mobile | ||
| 205 | +---------------*/ | ||
| 206 | + | ||
| 207 | +/* Large Mobile Banner */ | ||
| 208 | +.ui[class*="large mobile banner"].ad { | ||
| 209 | + width: 320px; | ||
| 210 | + height: 100px; | ||
| 211 | +} | ||
| 212 | + | ||
| 213 | +/* Mobile Leaderboard */ | ||
| 214 | +.ui[class*="mobile leaderboard"].ad { | ||
| 215 | + width: 320px; | ||
| 216 | + height: 50px; | ||
| 217 | +} | ||
| 218 | + | ||
| 219 | +/******************************* | ||
| 220 | + Types | ||
| 221 | +*******************************/ | ||
| 222 | + | ||
| 223 | +/* Mobile Sizes */ | ||
| 224 | +.ui.mobile.ad { | ||
| 225 | + display: none; | ||
| 226 | +} | ||
| 227 | + | ||
| 228 | +@media only screen and (max-width : @largestMobileScreen) { | ||
| 229 | + .ui.mobile.ad { | ||
| 230 | + display: block; | ||
| 231 | + } | ||
| 232 | +} | ||
| 233 | + | ||
| 234 | + | ||
| 235 | +/******************************* | ||
| 236 | + Variations | ||
| 237 | +*******************************/ | ||
| 238 | + | ||
| 239 | +.ui.centered.ad { | ||
| 240 | + margin-left: auto; | ||
| 241 | + margin-right: auto; | ||
| 242 | +} | ||
| 243 | + | ||
| 244 | +.ui.test.ad { | ||
| 245 | + position: relative; | ||
| 246 | + background: @testBackground; | ||
| 247 | +} | ||
| 248 | +.ui.test.ad:after { | ||
| 249 | + position: absolute; | ||
| 250 | + top: 50%; | ||
| 251 | + left: 50%; | ||
| 252 | + width: 100%; | ||
| 253 | + text-align: center; | ||
| 254 | + transform: translateX(-50%) translateY(-50%); | ||
| 255 | + | ||
| 256 | + content: @testText; | ||
| 257 | + color: @testColor; | ||
| 258 | + font-size: @testFontSize; | ||
| 259 | + font-weight: @testFontWeight; | ||
| 260 | +} | ||
| 261 | +.ui.mobile.test.ad:after { | ||
| 262 | + font-size: @testMobileFontSize; | ||
| 263 | +} | ||
| 264 | +.ui.test.ad[data-text]:after { | ||
| 265 | + content: attr(data-text); | ||
| 266 | +} | ||
| 267 | + | ||
| 268 | +.loadUIOverrides(); | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
No preview for this file type
This diff is collapsed. Click to expand it.
No preview for this file type
No preview for this file type
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
No preview for this file type
This diff could not be displayed because it is too large.
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
This diff could not be displayed because it is too large.
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
This diff could not be displayed because it is too large.
No preview for this file type
No preview for this file type
No preview for this file type
27.5 KB
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
No preview for this file type
This diff is collapsed. Click to expand it.
No preview for this file type
No preview for this file type
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
No preview for this file type
This diff could not be displayed because it is too large.
No preview for this file type
No preview for this file type
No preview for this file type
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
-
Please register or login to post a comment