├── Rakefile ├── app └── assets │ ├── stylesheets │ └── semantic-ui │ │ ├── themes │ │ ├── material │ │ │ ├── globals │ │ │ │ ├── site.overrides │ │ │ │ └── site.variables │ │ │ ├── modules │ │ │ │ ├── modal.overrides │ │ │ │ └── modal.variables │ │ │ └── elements │ │ │ │ ├── header.overrides │ │ │ │ ├── header.variables │ │ │ │ ├── button.overrides │ │ │ │ └── button.variables │ │ ├── round │ │ │ └── elements │ │ │ │ ├── button.overrides │ │ │ │ └── button.variables │ │ ├── bootstrap3 │ │ │ └── elements │ │ │ │ ├── button.overrides │ │ │ │ └── button.variables │ │ ├── gmail │ │ │ └── collections │ │ │ │ ├── message.overrides │ │ │ │ └── message.variables │ │ ├── basic │ │ │ ├── globals │ │ │ │ ├── reset.variables │ │ │ │ └── reset.overrides │ │ │ ├── modules │ │ │ │ ├── progress.overrides │ │ │ │ └── progress.variables │ │ │ ├── views │ │ │ │ ├── card.overrides │ │ │ │ └── card.variables │ │ │ ├── elements │ │ │ │ ├── button.overrides │ │ │ │ ├── step.overrides │ │ │ │ ├── step.variables │ │ │ │ ├── icon.variables │ │ │ │ └── button.variables │ │ │ ├── collections │ │ │ │ ├── table.overrides │ │ │ │ └── table.variables │ │ │ └── assets │ │ │ │ └── fonts │ │ │ │ ├── icons.eot │ │ │ │ ├── icons.ttf │ │ │ │ └── icons.woff │ │ ├── default │ │ │ ├── globals │ │ │ │ ├── reset.variables │ │ │ │ └── site.overrides │ │ │ ├── modules │ │ │ │ ├── chatroom.variables │ │ │ │ ├── tab.overrides │ │ │ │ ├── dimmer.overrides │ │ │ │ ├── modal.overrides │ │ │ │ ├── nag.overrides │ │ │ │ ├── popup.overrides │ │ │ │ ├── progress.overrides │ │ │ │ ├── search.overrides │ │ │ │ ├── shape.overrides │ │ │ │ ├── sidebar.overrides │ │ │ │ ├── sticky.overrides │ │ │ │ ├── video.overrides │ │ │ │ ├── chatroom.overrides │ │ │ │ ├── transition.variables │ │ │ │ ├── sticky.variables │ │ │ │ ├── tab.variables │ │ │ │ ├── video.variables │ │ │ │ ├── shape.variables │ │ │ │ ├── sidebar.variables │ │ │ │ ├── dimmer.variables │ │ │ │ ├── rating.variables │ │ │ │ ├── nag.variables │ │ │ │ ├── popup.variables │ │ │ │ ├── accordion.variables │ │ │ │ ├── progress.variables │ │ │ │ ├── accordion.overrides │ │ │ │ ├── checkbox.variables │ │ │ │ ├── search.variables │ │ │ │ ├── modal.variables │ │ │ │ └── dropdown.overrides │ │ │ ├── views │ │ │ │ ├── ad.overrides │ │ │ │ ├── card.overrides │ │ │ │ ├── feed.overrides │ │ │ │ ├── item.overrides │ │ │ │ ├── comment.overrides │ │ │ │ ├── statistic.overrides │ │ │ │ ├── ad.variables │ │ │ │ ├── statistic.variables │ │ │ │ ├── comment.variables │ │ │ │ ├── item.variables │ │ │ │ └── feed.variables │ │ │ ├── elements │ │ │ │ ├── button.overrides │ │ │ │ ├── image.overrides │ │ │ │ ├── input.overrides │ │ │ │ ├── label.overrides │ │ │ │ ├── list.overrides │ │ │ │ ├── loader.overrides │ │ │ │ ├── rail.overrides │ │ │ │ ├── reveal.overrides │ │ │ │ ├── divider.overrides │ │ │ │ ├── header.overrides │ │ │ │ ├── segment.overrides │ │ │ │ ├── flag.variables │ │ │ │ ├── reveal.variables │ │ │ │ ├── rail.variables │ │ │ │ ├── image.variables │ │ │ │ ├── icon.variables │ │ │ │ ├── divider.variables │ │ │ │ ├── loader.variables │ │ │ │ ├── step.variables │ │ │ │ ├── segment.variables │ │ │ │ ├── input.variables │ │ │ │ └── header.variables │ │ │ └── collections │ │ │ │ ├── form.overrides │ │ │ │ ├── menu.overrides │ │ │ │ ├── message.overrides │ │ │ │ ├── table.overrides │ │ │ │ ├── breadcrumb.overrides │ │ │ │ ├── grid.overrides │ │ │ │ ├── breadcrumb.variables │ │ │ │ ├── message.variables │ │ │ │ └── grid.variables │ │ ├── flat │ │ │ ├── globals │ │ │ │ ├── site.overrides │ │ │ │ └── site.variables │ │ │ └── collections │ │ │ │ ├── form.overrides │ │ │ │ └── form.variables │ │ ├── resetcss │ │ │ └── globals │ │ │ │ ├── reset.variables │ │ │ │ └── reset.overrides │ │ ├── raised │ │ │ └── elements │ │ │ │ ├── button.overrides │ │ │ │ └── button.variables │ │ ├── classic │ │ │ ├── collections │ │ │ │ ├── table.overrides │ │ │ │ └── table.variables │ │ │ ├── elements │ │ │ │ ├── button.overrides │ │ │ │ ├── header.overrides │ │ │ │ ├── header.variables │ │ │ │ └── button.variables │ │ │ ├── modules │ │ │ │ ├── progress.overrides │ │ │ │ └── progress.variables │ │ │ └── views │ │ │ │ ├── card.variables │ │ │ │ └── card.overrides │ │ ├── duo │ │ │ └── elements │ │ │ │ ├── loader.overrides │ │ │ │ └── loader.variables │ │ ├── fixed-width │ │ │ ├── modules │ │ │ │ ├── modal.overrides │ │ │ │ └── modal.variables │ │ │ └── collections │ │ │ │ ├── grid.overrides │ │ │ │ └── grid.variables │ │ ├── github │ │ │ ├── elements │ │ │ │ ├── button.overrides │ │ │ │ ├── segment.overrides │ │ │ │ ├── step.variables │ │ │ │ ├── step.overrides │ │ │ │ ├── segment.variables │ │ │ │ └── button.variables │ │ │ └── collections │ │ │ │ ├── menu.overrides │ │ │ │ ├── message.overrides │ │ │ │ ├── form.overrides │ │ │ │ ├── message.variables │ │ │ │ ├── form.variables │ │ │ │ └── menu.variables │ │ ├── striped │ │ │ └── modules │ │ │ │ ├── progress.variables │ │ │ │ └── progress.overrides │ │ ├── chubby │ │ │ ├── collections │ │ │ │ ├── form.overrides │ │ │ │ └── form.variables │ │ │ ├── elements │ │ │ │ ├── header.overrides │ │ │ │ ├── header.variables │ │ │ │ ├── button.overrides │ │ │ │ └── button.variables │ │ │ ├── modules │ │ │ │ ├── accordion.overrides │ │ │ │ └── accordion.variables │ │ │ └── views │ │ │ │ ├── comment.overrides │ │ │ │ └── comment.variables │ │ ├── pulsar │ │ │ └── elements │ │ │ │ ├── loader.variables │ │ │ │ └── loader.overrides │ │ ├── rtl │ │ │ └── globals │ │ │ │ ├── site.overrides │ │ │ │ └── site.variables │ │ ├── twitter │ │ │ └── elements │ │ │ │ ├── button.overrides │ │ │ │ └── button.variables │ │ ├── bookish │ │ │ └── elements │ │ │ │ ├── header.overrides │ │ │ │ └── header.variables │ │ ├── timeline │ │ │ └── views │ │ │ │ ├── feed.overrides │ │ │ │ └── feed.variables │ │ └── amazon │ │ │ └── elements │ │ │ ├── button.overrides │ │ │ └── button.variables │ │ ├── definitions │ │ ├── globals │ │ │ ├── reset.less │ │ │ └── site.less │ │ ├── elements │ │ │ ├── flag.less │ │ │ └── rail.less │ │ ├── modules │ │ │ ├── sticky.less │ │ │ ├── transition.less │ │ │ ├── tab.less │ │ │ ├── video.less │ │ │ ├── shape.less │ │ │ ├── nag.less │ │ │ ├── rating.less │ │ │ └── dimmer.less │ │ ├── collections │ │ │ └── breadcrumb.less │ │ └── views │ │ │ └── ad.less │ │ ├── theme.less │ │ └── semantic.less │ ├── fonts │ └── semantic-ui │ │ └── themes │ │ └── default │ │ ├── icons.eot │ │ ├── icons.otf │ │ ├── icons.ttf │ │ ├── icons.woff │ │ └── icons.woff2 │ ├── images │ └── semantic-ui │ │ └── themes │ │ └── default │ │ └── flags.png │ └── javascripts │ └── semantic-ui │ └── all.js ├── Gemfile ├── lib ├── semantic │ └── ui │ │ ├── rails │ │ ├── version.rb │ │ └── engine.rb │ │ └── rails.rb └── generators │ └── semantic │ └── install │ ├── templates │ ├── semantic-ui.css.less │ └── semantic-ui.js │ └── install_generator.rb ├── .gitignore ├── LICENSE.txt ├── semantic-ui-rails.gemspec └── README.md /Rakefile: -------------------------------------------------------------------------------- 1 | require "bundler/gem_tasks" 2 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/material/globals/site.overrides: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/round/elements/button.overrides: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/bootstrap3/elements/button.overrides: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/gmail/collections/message.overrides: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /Gemfile: -------------------------------------------------------------------------------- 1 | source 'https://rubygems.org' 2 | 3 | # Specify your gem's dependencies in semantic-ui-rails.gemspec 4 | gemspec 5 | -------------------------------------------------------------------------------- /lib/semantic/ui/rails/version.rb: -------------------------------------------------------------------------------- 1 | module Semantic 2 | module Ui 3 | module Rails 4 | VERSION = "1.11.4" 5 | end 6 | end 7 | end 8 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/basic/globals/reset.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Reset 3 | *******************************/ -------------------------------------------------------------------------------- /lib/generators/semantic/install/templates/semantic-ui.css.less: -------------------------------------------------------------------------------- 1 | /* Elements */ 2 | 3 | /* Collections */ 4 | 5 | /* Views */ 6 | 7 | /* Modules */ 8 | 9 | -------------------------------------------------------------------------------- /app/assets/fonts/semantic-ui/themes/default/icons.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nd0ut/semantic-ui-rails/HEAD/app/assets/fonts/semantic-ui/themes/default/icons.eot -------------------------------------------------------------------------------- /app/assets/fonts/semantic-ui/themes/default/icons.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nd0ut/semantic-ui-rails/HEAD/app/assets/fonts/semantic-ui/themes/default/icons.otf -------------------------------------------------------------------------------- /app/assets/fonts/semantic-ui/themes/default/icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nd0ut/semantic-ui-rails/HEAD/app/assets/fonts/semantic-ui/themes/default/icons.ttf -------------------------------------------------------------------------------- /app/assets/fonts/semantic-ui/themes/default/icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nd0ut/semantic-ui-rails/HEAD/app/assets/fonts/semantic-ui/themes/default/icons.woff -------------------------------------------------------------------------------- /app/assets/images/semantic-ui/themes/default/flags.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nd0ut/semantic-ui-rails/HEAD/app/assets/images/semantic-ui/themes/default/flags.png -------------------------------------------------------------------------------- /app/assets/javascripts/semantic-ui/all.js: -------------------------------------------------------------------------------- 1 | //= require_tree ./definitions/globals 2 | //= require_tree ./definitions/modules 3 | //= require_tree ./definitions/behaviors -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/globals/reset.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Reset 3 | *******************************/ -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/flat/globals/site.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/resetcss/globals/reset.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Reset 3 | *******************************/ -------------------------------------------------------------------------------- /app/assets/fonts/semantic-ui/themes/default/icons.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nd0ut/semantic-ui-rails/HEAD/app/assets/fonts/semantic-ui/themes/default/icons.woff2 -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/basic/modules/progress.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Progress 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/basic/views/card.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | 5 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/modules/chatroom.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Chatroom 3 | *******************************/ -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/modules/tab.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Tab Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/views/ad.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/views/card.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/views/feed.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/views/item.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/raised/elements/button.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /lib/semantic/ui/rails/engine.rb: -------------------------------------------------------------------------------- 1 | module Semantic 2 | module Ui 3 | module Rails 4 | class Engine < ::Rails::Engine 5 | end 6 | end 7 | end 8 | end 9 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/basic/elements/button.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | 5 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/classic/collections/table.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/classic/elements/button.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/classic/elements/header.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/classic/modules/progress.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Progress 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/elements/button.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/elements/image.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/elements/input.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/elements/label.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/elements/list.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/elements/loader.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/elements/rail.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/elements/reveal.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/globals/site.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Global Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/modules/dimmer.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/modules/modal.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/modules/nag.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/modules/popup.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/modules/progress.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Progress 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/modules/search.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/modules/shape.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/modules/sidebar.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/modules/sticky.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/modules/video.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Video Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/views/comment.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/views/statistic.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/duo/elements/loader.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/fixed-width/modules/modal.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/github/elements/button.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | 5 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/github/elements/segment.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/striped/modules/progress.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Progress 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/basic/collections/table.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | 5 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/collections/form.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/collections/menu.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/collections/message.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/collections/table.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/elements/divider.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/elements/header.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | 5 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/elements/segment.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/modules/chatroom.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/fixed-width/collections/grid.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/collections/breadcrumb.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/collections/grid.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | 5 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/basic/assets/fonts/icons.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nd0ut/semantic-ui-rails/HEAD/app/assets/stylesheets/semantic-ui/themes/basic/assets/fonts/icons.eot -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/basic/assets/fonts/icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nd0ut/semantic-ui-rails/HEAD/app/assets/stylesheets/semantic-ui/themes/basic/assets/fonts/icons.ttf -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/basic/assets/fonts/icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nd0ut/semantic-ui-rails/HEAD/app/assets/stylesheets/semantic-ui/themes/basic/assets/fonts/icons.woff -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/basic/globals/reset.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | 5 | /* No Additonal Resets */ -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/basic/elements/step.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | 5 | .ui.steps .step:after { 6 | display: none !important; 7 | } -------------------------------------------------------------------------------- /lib/semantic/ui/rails.rb: -------------------------------------------------------------------------------- 1 | require "semantic/ui/rails/version" 2 | require "semantic/ui/rails/engine" 3 | 4 | module Semantic 5 | module Ui 6 | module Rails 7 | # Your code goes here... 8 | end 9 | end 10 | end 11 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/chubby/collections/form.overrides: -------------------------------------------------------------------------------- 1 | /*------------------- 2 | Form Variables 3 | --------------------*/ 4 | 5 | .ui.form .selection.dropdown { 6 | padding: 1.1em 1.2em; 7 | border-width: 2px; 8 | } -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | *.gem 2 | *.rbc 3 | .bundle 4 | .config 5 | .yardoc 6 | Gemfile.lock 7 | InstalledFiles 8 | _yardoc 9 | coverage 10 | doc/ 11 | lib/bundler/man 12 | pkg 13 | rdoc 14 | spec/reports 15 | test/tmp 16 | test/version_tmp 17 | tmp 18 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/chubby/elements/header.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | 5 | @import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro); 6 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/material/modules/modal.overrides: -------------------------------------------------------------------------------- 1 | @import url(http://fonts.googleapis.com/css?family=Roboto); 2 | 3 | .ui.modal .header { 4 | font-family: "Roboto", Arial, Sans-serif !important; 5 | font-weight: 400 !important; 6 | } -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/github/collections/menu.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | 5 | .ui.menu .item > .label { 6 | box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset; 7 | } -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/chubby/modules/accordion.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | 5 | .ui.styled.accordion .accordion .active.title { 6 | border-bottom: 1px solid rgba(0, 0, 0, 0.1); 7 | } -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/pulsar/elements/loader.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Loader 3 | *******************************/ 4 | 5 | @loaderSpeed: 2s; 6 | @loaderLineColor: @primaryColor; 7 | @invertedLoaderLineColor: @lightPrimaryColor; 8 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/rtl/globals/site.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Global Overrides 3 | *******************************/ 4 | 5 | /* Import Droid Arabic Kufi */ 6 | @import 'http://fonts.googleapis.com/earlyaccess/droidarabickufi.css'; 7 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/chubby/collections/form.variables: -------------------------------------------------------------------------------- 1 | /*------------------- 2 | Form Variables 3 | --------------------*/ 4 | 5 | @labelTextTransform: uppercase; 6 | @labelFontSize: 0.8em; 7 | 8 | @inputPadding: 1em 1.2em; 9 | @inputBorder: 2px solid @borderColor; -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/basic/collections/table.variables: -------------------------------------------------------------------------------- 1 | /*------------------- 2 | Table Variables 3 | --------------------*/ 4 | 5 | @headerBackground: @white; 6 | 7 | @cellVerticalPadding: 1em; 8 | @cellHorizontalPadding: 1em; 9 | 10 | @stateMarkerWidth: 1px; -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/basic/elements/step.variables: -------------------------------------------------------------------------------- 1 | /*------------------- 2 | Step Variables 3 | --------------------*/ 4 | 5 | @background: transparent; 6 | @borderRadius: 500em; 7 | @boxShadow: none; 8 | 9 | @activeBackground: #E5E5E5; 10 | @iconDistance: 0.8em; -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/classic/modules/progress.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Progress 3 | *******************************/ 4 | 5 | @background: rgba(0, 0, 0, 0.05); 6 | @boxShadow: 0px 0px 4px rgba(0, 0, 0, 0.1) inset; 7 | @barBackground: @subtleGradient #888888; 8 | @border: 1px solid @borderColor; 9 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/duo/elements/loader.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Loader 3 | *******************************/ 4 | 5 | @shapeBorderColor: @primaryColor @primaryColor @secondaryColor @secondaryColor; 6 | @invertedShapeBorderColor: @lightPrimaryColor @lightPrimaryColor @lightSecondaryColor @lightSecondaryColor; -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/github/collections/message.overrides: -------------------------------------------------------------------------------- 1 | .ui.info.message { 2 | background: linear-gradient(#D8EBF8, #D0E3EF); 3 | } 4 | .ui.error.message { 5 | background: linear-gradient(#F8D8D8, #EFD0D0); 6 | } 7 | .ui.warning.message { 8 | background: linear-gradient(#FFE3C8, #F5DAC0); 9 | } 10 | .ui.success.message { 11 | } 12 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/modules/transition.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Transition 3 | *******************************/ 4 | 5 | @transitionDefaultEasing: @defaultEasing; 6 | @transitionDefaultFill: both; 7 | @transitionDefaultDuration: 300ms; 8 | 9 | @use3DAcceleration: translateZ(0); 10 | @backfaceVisibility: hidden; -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/elements/flag.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Flag 3 | *******************************/ 4 | 5 | /*------------------- 6 | Element 7 | --------------------*/ 8 | 9 | @spritePath: "@{imagePath}/flags.png"; 10 | @width: 16px; 11 | @height: 11px; 12 | @verticalAlign: baseline; 13 | @margin: 0.5em; -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/twitter/elements/button.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | 5 | .ui.primary.button { 6 | box-shadow: 7 | 0px 0px 0px 1px #3B88C3 inset, 8 | 0 2px 0 rgba(255, 255, 255, 0.15) inset 9 | ; 10 | } 11 | .ui.primary.button > .icon { 12 | color: #FFFFFF; 13 | } 14 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/classic/elements/header.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Button 3 | *******************************/ 4 | 5 | /*------------------- 6 | Element 7 | --------------------*/ 8 | 9 | @headerFont: 'Open Sans', Arial, sans-serif; 10 | 11 | @blockBackground: @offWhite @subtleGradient; 12 | @blockBoxShadow: @subtleShadow; -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/views/ad.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Advertisement 3 | *******************************/ 4 | 5 | @margin: 1em 0em; 6 | @overflow: hidden; 7 | 8 | @testBackground: @lightBlack; 9 | @testColor: @white; 10 | @testFontWeight: bold; 11 | @testText: 'Ad'; 12 | @testFontSize: 1em; 13 | @testMobileFontSize: 0.85714em; -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/bookish/elements/header.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | 5 | @import url(http://fonts.googleapis.com/css?family=Karma); 6 | 7 | h1.ui.header, 8 | .ui.huge.header { 9 | font-weight: bold; 10 | } 11 | 12 | h2.ui.header, 13 | .ui.large.header { 14 | font-weight: bold; 15 | } -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/material/elements/header.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | 5 | @import url(http://fonts.googleapis.com/css?family=Roboto); 6 | 7 | h1.ui.header, 8 | .ui.huge.header { 9 | font-weight: normal; 10 | } 11 | 12 | h2.ui.header, 13 | .ui.large.header { 14 | font-weight: normal; 15 | } -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/chubby/views/comment.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | 5 | .ui.comments .comment { 6 | border-radius: 0.5em; 7 | box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); 8 | } 9 | .ui.comments .comment .comments .comment { 10 | border: 1px solid rgba(0, 0, 0, 0.1); 11 | box-shadow: none; 12 | } -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/basic/modules/progress.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Progress 3 | *******************************/ 4 | 5 | @background: transparent; 6 | @border: none; 7 | @padding: 0em; 8 | 9 | @progressLeft: 0em; 10 | @progressWidth: 100%; 11 | @progressTextAlign: center; 12 | 13 | @labelFontWeight: normal; 14 | @labelTextAlign: left; 15 | @labelHeight: 1.5em; -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/modules/sticky.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Sticky 3 | *******************************/ 4 | 5 | @transitionDuration: 0.2s; 6 | @transition: 7 | width @transitionDuration @defaultEasing, 8 | height @transitionDuration @defaultEasing, 9 | top @transitionDuration @defaultEasing, 10 | bottom @transitionDuration @defaultEasing 11 | ; 12 | @zIndex: 800; -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/gmail/collections/message.variables: -------------------------------------------------------------------------------- 1 | @background: #F3F3F3; 2 | 3 | @boxShadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset; 4 | @borderRadius: 4px; 5 | @verticalPadding: 7px; 6 | @horizontalPadding: 15px; 7 | 8 | @headerFontSize: 1em; 9 | 10 | @floatingBoxShadow: 0px 2px 4px rgba(0, 0, 0, 0.2); 11 | 12 | @iconSize: 1.5em; 13 | @iconDistance: 1em; 14 | 15 | @warningBackgroundColor: #F9EDBE; 16 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/modules/tab.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Tab 3 | *******************************/ 4 | 5 | /* Loading */ 6 | @loadingMinHeight: 250px; 7 | @loadingContentPosition: relative; 8 | @loadingContentOffset: -10000px; 9 | 10 | @loaderDistanceFromTop: 100px; 11 | @loaderSize: 2.5em; 12 | @loaderOffset: -(@loaderSize / 2); 13 | @loaderMargin: @loaderOffset 0em 0em @loaderOffset; -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/basic/elements/icon.variables: -------------------------------------------------------------------------------- 1 | /*------------------- 2 | Icon Variables 3 | --------------------*/ 4 | 5 | @fontPath : "../../themes/basic/assets/fonts"; 6 | 7 | @src: 8 | url("@{fontPath}/@{fontName}.eot?#iefix") format('embedded-opentype'), 9 | url("@{fontPath}/@{fontName}.woff") format('woff'), 10 | url("@{fontPath}/@{fontName}.ttf") format('truetype'), 11 | url("@{fontPath}/@{fontName}.svg#icons") format('svg') 12 | ; -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/modules/video.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Video 3 | *******************************/ 4 | 5 | @background: #DDDDDD; 6 | @placeholderBackground: #333333; 7 | 8 | @playSize: 8rem; 9 | @playColor: #FFFFFF; 10 | @playOpacity: 0.8; 11 | @playHoverOpacity: 1; 12 | @playShadow: none; 13 | 14 | @playBorderSize: 0rem; 15 | @playBackground: rgba(0, 0, 0, 0.3); 16 | @playBorderRadius: @circularRadius; -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/material/elements/header.variables: -------------------------------------------------------------------------------- 1 | /*------------------- 2 | Header 3 | --------------------*/ 4 | 5 | @headerFont : 'Roboto', Arial, sans-serif; 6 | @fontWeight: normal; 7 | 8 | @iconSize: 2em; 9 | @iconOffset: 0.2em; 10 | @iconAlignment: top; 11 | 12 | @subHeaderFontSize: 1rem; 13 | 14 | 15 | /* HTML Headings */ 16 | @h1 : 2.25rem; 17 | @h2 : 2rem; 18 | @h3 : 1.75rem; 19 | @h4 : 1.5rem; 20 | @h5 : 1.25rem; 21 | 22 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/classic/collections/table.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Table 3 | *******************************/ 4 | 5 | /*------------------- 6 | Element 7 | --------------------*/ 8 | 9 | @boxShadow: @subtleGradient; 10 | 11 | @headerBackground: @subtleGradient; 12 | @headerBoxShadow: @subtleShadow; 13 | @footerBoxShadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.05); 14 | @footerBackground: rgba(0, 0, 0, 0.05); 15 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/elements/reveal.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Reveal 3 | *******************************/ 4 | 5 | @transitionDelay: 0.15s; 6 | @transitionDuration: 0.8s; 7 | @transitionEasing: cubic-bezier(0.175, 0.885, 0.320, 1); 8 | @transition: all @transitionDuration @transitionEasing @transitionDelay; 9 | 10 | @bottomZIndex: 2; 11 | @topZIndex: 3; 12 | @activeZIndex: 4; 13 | 14 | @rotateDegrees: 110deg; 15 | 16 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/github/collections/form.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | 5 | .ui.selection.dropdown { 6 | background-color: #FAFAFA; 7 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset; 8 | border-color: #CCCCCC; 9 | } 10 | 11 | .ui.selection.dropdown:focus { 12 | box-shadow: 13 | 0px 1px 2px rgba(0, 0, 0, 0.075) inset, 14 | 0px 0px 5px rgba(81, 167, 232, 0.5) 15 | ; 16 | } -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/material/modules/modal.variables: -------------------------------------------------------------------------------- 1 | @boxShadow: 0px 10px 18px rgba(0, 0, 0, 0.22); 2 | @borderRadius: 0em; 3 | 4 | 5 | @headerBackground: @white; 6 | @headerVerticalPadding: 1.7142rem; 7 | @headerHorizontalPadding: 1.7142rem; 8 | @headerFontWeight: 400; 9 | @headerFontFamily: 'Roboto', "Helvetica Neue", Arial, sans-serif; 10 | @headerBorder: none; 11 | 12 | @contentPadding: 1rem 2rem 2rem; 13 | 14 | @actionBorder: none; 15 | @actionBackground: @white; -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/chubby/elements/header.variables: -------------------------------------------------------------------------------- 1 | /*------------------- 2 | Header 3 | --------------------*/ 4 | 5 | @headerFont : 'Source Sans Pro', Helvetica Neue, Helvetica, Arial, sans-serif; 6 | @fontWeight: bold; 7 | @textTransform: none; 8 | 9 | /* HTML Headings */ 10 | @h1: 1.33rem; 11 | @h2: 1.2rem; 12 | @h3: 1rem; 13 | @h4: 0.9rem; 14 | @h5: 0.8rem; 15 | 16 | /* Sizing */ 17 | @huge: 1.33em; 18 | @large: 1.2em; 19 | @medium: 1em; 20 | @small: 0.9em; 21 | @tiny: 0.8em; -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/chubby/modules/accordion.variables: -------------------------------------------------------------------------------- 1 | /*------------------- 2 | Accordion Variables 3 | --------------------*/ 4 | 5 | @iconMargin: 0em 0.5em 0em 0em; 6 | 7 | @styledActiveTitleBackground: @subtleGradient; 8 | @styledActiveTitleColor: @primaryColor; 9 | 10 | @styledActiveChildTitleBackground: transparent; 11 | 12 | @styledTitlePadding: 1.25em; 13 | @styledTitleFontWeight: bold; 14 | @styledContentPadding: 1.5em 3.25em; 15 | @styledChildContentPadding: @styledContentPadding; -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/rtl/globals/site.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Settings 3 | *******************************/ 4 | 5 | /*------------------- 6 | Fonts 7 | --------------------*/ 8 | 9 | @googleFontName : 'Droid Sans'; 10 | 11 | /* Kufi imported in site.overrides */ 12 | @headerFont : 'Droid Arabic Kufi', 'Droid Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; 13 | @pageFont : 'Droid Arabic Kufi', 'Droid Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; 14 | 15 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/fixed-width/collections/grid.variables: -------------------------------------------------------------------------------- 1 | /* Fixed Page Grid */ 2 | 3 | @mobileWidth: auto; 4 | @mobileMargin: 0em; 5 | @mobileGutter: 0em; 6 | 7 | @tabletWidth: auto; 8 | @tabletMargin: 0em; 9 | @tabletGutter: 8%; 10 | 11 | @computerWidth: 960px; 12 | @computerMargin: auto; 13 | @computerGutter: 0; 14 | 15 | @largeMonitorWidth: 1180px; 16 | @largeMonitorMargin: auto; 17 | @largeMonitorGutter: 0; 18 | 19 | @widescreenMonitorWidth: 1300px; 20 | @widescreenMargin: auto; 21 | @widescreenMonitorGutter: 0; 22 | 23 | @tableWidth: ''; -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/github/elements/step.variables: -------------------------------------------------------------------------------- 1 | /*------------------- 2 | Step Variables 3 | --------------------*/ 4 | 5 | /* Step */ 6 | @background: linear-gradient(transparent, rgba(0, 0, 0, 0.07)); 7 | @verticalPadding: 1em; 8 | 9 | /* Group */ 10 | @stepsBackground: #FFFFFF; 11 | @stepsBoxShadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.15); 12 | 13 | /* States */ 14 | @activeBackground: #FFFFFF; 15 | @activeIconColor: @darkTextColor; 16 | 17 | /* Arrow */ 18 | @arrowTopOffset: 100%; 19 | @arrowRightOffset: 50%; 20 | @arrowBorderColor: rgba(0, 0, 0, 0.2); -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/material/elements/button.overrides: -------------------------------------------------------------------------------- 1 | @import url(http://fonts.googleapis.com/css?family=Roboto); 2 | 3 | .ui.button { 4 | min-width: 72px; 5 | } 6 | .ui.buttons .button { 7 | min-width: 0px; 8 | } 9 | 10 | .ui.primary.button:hover { 11 | box-shadow: 12 | 0px 0px 0px 1px rgba(0, 0, 0, 0.3) inset, 13 | 0px 2px 3px 0px rgba(0, 0, 0, 0.35) !important 14 | ; 15 | } 16 | 17 | .ui.secondary.button:hover { 18 | box-shadow: 19 | 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset, 20 | 0px 2px 3px 0px rgba(0, 0, 0, 0.3) !important 21 | ; 22 | } -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/elements/rail.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Rail 3 | *******************************/ 4 | 5 | /*------------------- 6 | Element 7 | --------------------*/ 8 | 9 | @contentSizing: content-box; 10 | @width: 300px; 11 | @height: 100%; 12 | @distance: 4rem; 13 | 14 | /*------------------- 15 | Variations 16 | --------------------*/ 17 | 18 | /* Close */ 19 | @closeDistance: 2em; 20 | @veryCloseDistance: 1em; 21 | 22 | /* Divided */ 23 | @dividedBorder: 1px solid @borderColor; 24 | @dividedDistance: 5rem; 25 | 26 | @medium: 1em; -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/classic/views/card.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Card 3 | *******************************/ 4 | 5 | /*------------------- 6 | View 7 | --------------------*/ 8 | 9 | /* Shadow */ 10 | @shadowDistance: 0em; 11 | @padding: 0em; 12 | 13 | /*------------------- 14 | Content 15 | --------------------*/ 16 | 17 | /* Additional Content */ 18 | @extraDivider: 1px solid rgba(0, 0, 0, 0.05); 19 | @extraBackground: #FAFAFA @subtleGradient; 20 | @extraPadding: 0.75em 1em; 21 | @extraBoxShadow: 0 1px 1px rgba(0, 0, 0, 0.15); 22 | @extraColor: @lightTextColor; 23 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/flat/collections/form.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | 5 | .ui.form input[type="text"], 6 | .ui.form input[type="email"], 7 | .ui.form input[type="date"], 8 | .ui.form input[type="password"], 9 | .ui.form input[type="number"], 10 | .ui.form input[type="url"], 11 | .ui.form input[type="tel"] { 12 | border-bottom: 1px solid #DDDDDD; 13 | } 14 | 15 | .ui.form .selection.dropdown { 16 | border: none; 17 | box-shadow: none !important; 18 | border-bottom: 1px solid #DDDDDD; 19 | border-radius: 0em !important; 20 | } 21 | 22 | .ui.form .ui.icon.input > .icon { 23 | width: 1em; 24 | } -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/chubby/elements/button.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | 5 | @import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro); 6 | 7 | .ui.labeled.icon.buttons > .button > .icon, 8 | .ui.labeled.icon.button > .icon { 9 | box-shadow: 10 | -1px 0px 0px 0px rgba(255, 255, 255, 0.2) inset, 11 | -1px 0px 0px 0px rgba(0, 0, 0, 0.05) inset 12 | ; 13 | } 14 | 15 | .ui.right.labeled.icon.buttons .button .icon, 16 | .ui.right.labeled.icon.button .icon { 17 | box-shadow: 18 | 1px 0px 0px 0px rgba(255, 255, 255, 0.2) inset, 19 | 1px 0px 0px 0px rgba(0, 0, 0, 0.05) inset 20 | ; 21 | } -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/github/elements/step.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | 5 | .ui.steps .step:after { 6 | display: none; 7 | } 8 | .ui.steps .completed.step:before { 9 | opacity: 0.5; 10 | } 11 | 12 | .ui.steps .step.active:after { 13 | display: block; 14 | border: none; 15 | border-bottom: 1px solid rgba(0, 0, 0, 0.2); 16 | border-left: 1px solid rgba(0, 0, 0, 0.2); 17 | } 18 | .ui.vertical.steps .step.active:after { 19 | display: block; 20 | border: none; 21 | top: 50%; 22 | right: 0%; 23 | border-left: none; 24 | border-bottom: 1px solid rgba(0, 0, 0, 0.2); 25 | border-right: 1px solid rgba(0, 0, 0, 0.2); 26 | } -------------------------------------------------------------------------------- /lib/generators/semantic/install/install_generator.rb: -------------------------------------------------------------------------------- 1 | require 'rails/generators' 2 | 3 | module Semantic 4 | module Generators 5 | class InstallGenerator < ::Rails::Generators::Base 6 | source_root File.expand_path("../templates", __FILE__) 7 | desc "This generator installs Semantic UI to Asset Pipeline" 8 | 9 | def add_assets 10 | # copy js manifest 11 | js_manifest = 'app/assets/javascripts/semantic-ui.js' 12 | copy_file "semantic-ui.js", "app/assets/javascripts/semantic-ui.js" 13 | 14 | # copy less manifests 15 | css_manifests = 'app/assets/stylesheets/semantic-ui.css.less' 16 | copy_file "semantic-ui.css.less", "app/assets/stylesheets/semantic-ui.css.less" 17 | end 18 | end 19 | end 20 | 21 | end 22 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/striped/modules/progress.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Progress 3 | *******************************/ 4 | 5 | .ui.progress .bar { 6 | background-size: 30px 30px; 7 | background-image: 8 | linear-gradient( 9 | 135deg, rgba(255, 255, 255, 0.08) 25%, transparent 25%, 10 | transparent 50%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0.08) 75%, 11 | transparent 75%, transparent 12 | ) 13 | ; 14 | } 15 | 16 | .ui.progress.active .bar:after { 17 | animation: none; 18 | } 19 | .ui.progress.active .bar { 20 | animation: progress-striped 3s linear infinite; 21 | } 22 | @keyframes progress-striped { 23 | 0% { 24 | background-position: 0px 0; 25 | } 26 | 100% { 27 | background-position: 60px 0; 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/basic/views/card.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Card 3 | *******************************/ 4 | 5 | /*------------------- 6 | View 7 | --------------------*/ 8 | 9 | @width: 250px; 10 | @background: transparent; 11 | @border: none; 12 | @boxShadow: none; 13 | 14 | @contentPadding: 1em 0em; 15 | 16 | @rowSpacing: 1.5em; 17 | @groupCardMargin: 0em @horizontalSpacing @rowSpacing; 18 | 19 | @extraBackground: transparent; 20 | @extraDivider: none; 21 | @extraBoxShadow: none; 22 | @extraPadding: 0.5em 0em; 23 | 24 | @extraLinkColor: @linkColor; 25 | @extraLinkHoverColor: @linkColor; 26 | 27 | @headerFontSize: 1.2em; 28 | @headerLinkColor: @linkColor; 29 | 30 | @imageBorderRadius: @borderRadius; 31 | @imageBorder: 1px solid @borderColor; 32 | 33 | @linkHoverBoxShadow: none; -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/modules/shape.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Shape 3 | *******************************/ 4 | 5 | @display: inline-block; 6 | 7 | /* Animating */ 8 | @perspective: 2000px; 9 | 10 | @duration: 0.6s; 11 | @easing: ease-in-out; 12 | 13 | @hiddenSideOpacity: 0.4; 14 | @animatingZIndex: 100; 15 | 16 | @transition: all @duration @easing; 17 | @sideTransition: opacity @duration @easing; 18 | @backfaceVisibility: hidden; 19 | 20 | /* Side */ 21 | @sideMargin: 0em; 22 | 23 | /*-------------- 24 | Types 25 | ---------------*/ 26 | 27 | /* Cube */ 28 | @cubeSize: 15em; 29 | @cubeBackground: #E6E6E6; 30 | @cubePadding: 2em; 31 | @cubeTextColor: @textColor; 32 | @cubeBoxShadow: 0px 0px 2px rgba(0, 0, 0, 0.3); 33 | 34 | @cubeTextAlign: center; 35 | @cubeFontSize: 2em; 36 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/github/collections/message.variables: -------------------------------------------------------------------------------- 1 | @background: linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.05)) #FEFEFE; 2 | @boxShadow: 3 | 0px 0px 0px 1px rgba(255, 255, 255, 0.3) inset, 4 | 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset 5 | ; 6 | @verticalPadding: 15px; 7 | @horizontalPadding: 15px; 8 | 9 | @headerFontSize: 1.15em; 10 | 11 | @infoTextColor: #264C72; 12 | @warningTextColor: #613A00; 13 | @errorTextColor: #991111; 14 | 15 | @floatingBoxShadow: 16 | 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset, 17 | 0px 2px 3px 0px rgba(0, 0, 0, 0.1), 18 | 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset 19 | ; 20 | 21 | @infoBorderColor: #97C1DA; 22 | @errorBorderColor: #DA9797; 23 | @warningBorderColor: #DCA874; 24 | 25 | @small: 12px; 26 | @medium: 13px; 27 | @large: 14px; 28 | @huge: 16px; 29 | @massive: 18px; 30 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/raised/elements/button.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Button 3 | *******************************/ 4 | 5 | /*------------------- 6 | Element 7 | --------------------*/ 8 | 9 | @backgroundColor: #F8F8F8; 10 | @backgroundImage: linear-gradient(transparent, rgba(0, 0, 0, 0.05)); 11 | @verticalAlign: middle; 12 | @borderRadius: 0.4em; 13 | @borderBoxShadowColor: @borderColor; 14 | 15 | /* Shadow */ 16 | @shadowDistance: 0.3em; 17 | @verticalPadding: 1em; 18 | @horizontalPadding: 2em; 19 | 20 | /* transition box shadow as well */ 21 | @transition: 22 | opacity @transitionDuration @transitionEasing, 23 | background-color @transitionDuration @transitionEasing, 24 | box-shadow @transitionDuration @transitionEasing, 25 | color @transitionDuration @transitionEasing, 26 | background @transitionDuration @transitionEasing 27 | ; -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/bookish/elements/header.variables: -------------------------------------------------------------------------------- 1 | /*------------------- 2 | Header 3 | --------------------*/ 4 | 5 | @headerFont : 'Karma', 'Times New Roman', serif; 6 | @fontWeight: normal; 7 | 8 | @iconSize: 1.5em; 9 | @iconOffset: 0.2em; 10 | @iconAlignment: top; 11 | 12 | @subHeaderFontSize: 0.85rem; 13 | 14 | @dividedBorder: 1px dotted rgba(0, 0, 0, 0.2); 15 | 16 | /* Block Header */ 17 | @blockVerticalPadding: 1.3em; 18 | @blockHorizontalPadding: 1em; 19 | 20 | /* Attached */ 21 | @attachedBackground: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.03)) repeat scroll 0 0 #F8F8F8; 22 | @attachedVerticalPadding: 1.3; 23 | @attachedHorizontalPadding: 1em; 24 | 25 | /* HTML Headings */ 26 | @h1: 1.75rem; 27 | @h2: 1.33rem; 28 | @h3: 1.33rem; 29 | @h4: 1rem; 30 | @h5: 0.9rem; 31 | 32 | /* Sizing */ 33 | @tiny: 1.5em; 34 | @small: 1.33em; 35 | @medium: 1.33em; 36 | @large: 1em; 37 | @huge: 0.9em; -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/timeline/views/feed.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | 5 | .ui.feed > .event .label { 6 | border-left: 3px solid #DDDDDD; 7 | } 8 | .ui.feed > .event:last-child .label { 9 | border-left-color: transparent; 10 | } 11 | 12 | .ui.feed > .event > .label > img, 13 | .ui.feed > .event > .label > .icon { 14 | background-color: #009FDA; 15 | border-radius: 500rem; 16 | color: #FFFFFF; 17 | width: 3rem; 18 | height: 3rem; 19 | line-height: 1.5; 20 | left: -1.6rem; 21 | opacity: 1; 22 | position: relative; 23 | } 24 | 25 | .ui.feed > .event > .content { 26 | display: block; 27 | border-left: 3px solid #ddd; 28 | padding-bottom: 2em; 29 | padding-left: 4em; 30 | } 31 | .ui.feed > .event > .label + .content { 32 | display: table-cell; 33 | border-left: medium none; 34 | margin-left: 0; 35 | } -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/collections/breadcrumb.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Breadcrumb 3 | *******************************/ 4 | 5 | /*------------------- 6 | Breadcrumb 7 | --------------------*/ 8 | 9 | @verticalMargin: 1em; 10 | @display: inline-block; 11 | @verticalAlign: middle; 12 | 13 | @dividerSpacing: 0.2rem; 14 | @dividerOpacity: 0.5; 15 | @dividerColor: @lightTextColor; 16 | 17 | @dividerSize: 0.9em; 18 | @dividerVerticalAlign: baseline; 19 | 20 | @iconDividerSize: @relativeTiny; 21 | @iconDividerVerticalAlign: baseline; 22 | 23 | @sectionMargin: 0em; 24 | @sectionPadding: 0em; 25 | 26 | /* Coupling */ 27 | @segmentPadding: 0.5em 1em; 28 | 29 | /*------------------- 30 | States 31 | --------------------*/ 32 | 33 | @activeFontWeight: bold; 34 | 35 | /* Sizes */ 36 | @mini: 0.65em; 37 | @tiny: 0.7em; 38 | @small: 0.75em; 39 | @medium: 1em; 40 | @big: 1.05em; 41 | @large: 1.1em; 42 | @huge: 1.3em; 43 | @massive: 1.5em; -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/elements/image.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Image 3 | *******************************/ 4 | 5 | /*------------------- 6 | Element 7 | --------------------*/ 8 | 9 | @placeholderColor: transparent; 10 | @roundedBorderRadius: 0.3125em; 11 | 12 | @imageHorizontalMargin: 0.25rem; 13 | @imageVerticalMargin: 0.5rem; 14 | @imageBorder: 1px solid rgba(0, 0, 0, 0.1); 15 | 16 | /*------------------- 17 | Types 18 | --------------------*/ 19 | 20 | 21 | /* Avatar */ 22 | @avatarSize: 2.5em; 23 | @avatarMargin: 0.25em; 24 | 25 | 26 | /*------------------- 27 | Variations 28 | --------------------*/ 29 | 30 | /* Floated */ 31 | @floatedHorizontalMargin: 1em; 32 | @floatedVerticalMargin: 1em; 33 | 34 | /* Size */ 35 | @miniWidth: 20px; 36 | @tinyWidth: 80px; 37 | @smallWidth: 150px; 38 | @mediumWidth: 300px; 39 | @largeWidth: 450px; 40 | @bigWidth: 600px; 41 | @hugeWidth: 800px; 42 | @massiveWidth: 960px; 43 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/definitions/globals/reset.less: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Semantic UI - Reset 3 | * http://github.com/semantic-org/semantic-ui/ 4 | * 5 | * 6 | * Copyright 2014 Contributors 7 | * Released under the MIT license 8 | * http://opensource.org/licenses/MIT 9 | * 10 | */ 11 | 12 | /******************************* 13 | Theme 14 | *******************************/ 15 | 16 | @type : 'global'; 17 | @element : 'reset'; 18 | 19 | @import (multiple) 'semantic-ui/theme.config'; 20 | 21 | /******************************* 22 | Reset 23 | *******************************/ 24 | 25 | /* Border-Box */ 26 | *, 27 | *:before, 28 | *:after { 29 | box-sizing: inherit; 30 | } 31 | html { 32 | box-sizing: border-box; 33 | } 34 | 35 | /* iPad Input Shadows */ 36 | input[type="text"], input[type="email"], input[type="search"], input[type="password"] { 37 | -webkit-appearance: none; 38 | -moz-appearance: none; /* mobile firefox too! */ 39 | } 40 | 41 | .loadUIOverrides(); -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/github/collections/form.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Form 3 | *******************************/ 4 | 5 | /*------------------- 6 | Elements 7 | --------------------*/ 8 | 9 | @inputBackground: #FAFAFA; 10 | @inputBorder: 1px solid #CCCCCC; 11 | @inputBoxShadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset; 12 | @inputBorderRadius: 3px; 13 | 14 | @labelFontWeight: bold; 15 | @labelMargin: 6px; 16 | 17 | /*------------------- 18 | States 19 | --------------------*/ 20 | 21 | @inputFocusBackground: #FFFFFF; 22 | @inputFocusBoxShadow: 23 | 0px 1px 2px rgba(0, 0, 0, 0.075) inset, 24 | 0px 0px 5px rgba(81, 167, 232, 0.5) 25 | ; 26 | @inputFocusBorderColor: #51A7E8; 27 | @inputFocusBorderRadius: @inputBorderRadius; 28 | 29 | /*------------------- 30 | Types 31 | --------------------*/ 32 | 33 | 34 | /*------------------- 35 | Variations 36 | --------------------*/ 37 | 38 | /*------------------- 39 | Groups 40 | --------------------*/ 41 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/basic/elements/button.variables: -------------------------------------------------------------------------------- 1 | /*------------------- 2 | Button Variables 3 | --------------------*/ 4 | 5 | /* Button Variables */ 6 | @textTransform: none; 7 | @fontWeight: normal; 8 | @textColor: #333333; 9 | 10 | @primaryColor: #333333; 11 | 12 | @borderRadius: 0.25em; 13 | 14 | @backgroundColor: #EEEEEE; 15 | @backgroundImage: none; 16 | @boxShadow: none; 17 | 18 | @hoverBackgroundColor: #DDDDDD; 19 | @hoverBackgroundImage: none; 20 | @hoverBoxShadow: none; 21 | 22 | @downBackgroundColor: #D0D0D0; 23 | @downBackgroundImage: none; 24 | @downBoxShadow: none; 25 | 26 | @activeBackgroundColor: #CCCCCC; 27 | @activeBackgroundImage: none; 28 | @activeBoxShadow: none; 29 | 30 | @verticalBoxShadow: none; 31 | 32 | @loadingBackgroundColor: #F0F0F0; 33 | 34 | @labeledIconLeftShadow: none; 35 | @labeledIconRightShadow: none; 36 | 37 | @mini: 0.6rem; 38 | @tiny: 0.7rem; 39 | @small: 0.85rem; 40 | @medium: 0.92rem; 41 | @large: 1rem; 42 | @big: 1.125rem; 43 | @huge: 1.25rem; 44 | @massive: 1.3rem; 45 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/github/elements/segment.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Standard 3 | *******************************/ 4 | 5 | /*------------------- 6 | Segment 7 | --------------------*/ 8 | 9 | @segmentBorderWidth: 1px; 10 | @border: 1px solid #D8DEE2; 11 | @boxShadow: 0px 1px 3px rgba(0, 0, 0, 0.075); 12 | 13 | @verticalPadding: 20px; 14 | @horizontalPadding: 20px; 15 | 16 | @margin: 1em; 17 | @borderRadius: 4px; 18 | 19 | /******************************* 20 | Variations 21 | *******************************/ 22 | 23 | 24 | /* Raised */ 25 | @raisedBoxShadow: 0px 1px 3px rgba(0, 0, 0, 0.075); 26 | 27 | /* Colors */ 28 | @coloredBorderSize: 0.5em; 29 | 30 | /* Ordinality */ 31 | @secondaryBackground: #F9F9F9; 32 | @secondaryColor: @textColor; 33 | 34 | @tertiaryBackground: #F0F0F0; 35 | @tertiaryColor: @textColor; 36 | 37 | @secondaryInvertedBackground: #555555; 38 | @secondaryInvertedColor: @textColor; 39 | 40 | @tertiaryInvertedBackground: #333333; 41 | @tertiaryInvertedColor: @textColor; 42 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/modules/sidebar.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Sidebar 3 | *******************************/ 4 | 5 | /*------------------- 6 | Content 7 | --------------------*/ 8 | 9 | /* Animation */ 10 | @perspective: 1500px; 11 | @duration: 500ms; 12 | @easing: ease; 13 | 14 | /* Dimmer */ 15 | @dimmerColor: rgba(0, 0, 0, 0.4); 16 | @dimmerTransition: 17 | transform @duration, 18 | opacity @duration 19 | ; 20 | 21 | /* Color below page */ 22 | @canvasBackground: @lightBlack; 23 | 24 | /* Shadow */ 25 | @boxShadow: 0px 0px 20px @borderColor; 26 | @horizontalBoxShadow: @boxShadow; 27 | @verticalBoxShadow: @boxShadow; 28 | 29 | /* Layering */ 30 | @bottomLayer: 1; 31 | @middleLayer: 2; 32 | @fixedLayer: 101; 33 | @topLayer: 102; 34 | @dimmerLayer: 1000; 35 | 36 | /*------------------- 37 | Variations 38 | --------------------*/ 39 | 40 | /* Width */ 41 | @veryThinWidth: 60px; 42 | @thinWidth: 150px; 43 | @width: 260px; 44 | @wideWidth: 350px; 45 | @veryWideWidth: 475px; 46 | 47 | /* Height */ 48 | @height: 36px; 49 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/timeline/views/feed.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Feed 3 | *******************************/ 4 | 5 | /*------------------- 6 | Elements 7 | --------------------*/ 8 | 9 | @eventMargin: 0em 0em 0em 2em; 10 | @eventDivider: none; 11 | @eventPadding: 0em; 12 | 13 | /* Event Label */ 14 | @labelWidth: 3em; 15 | @labelHeight: 3em; 16 | 17 | @labeledContentPadding: 0.75em 0em 2em 0.75em; 18 | 19 | /* Icon */ 20 | @iconLabelBackground: @primaryColor; 21 | @iconLabelBorderRadius: @circularRadius; 22 | @iconLabelColor: @white; 23 | 24 | /* Metadata Group */ 25 | @metadataDisplay: inline-block; 26 | @metadataMargin: 1em 0em 0em; 27 | @metadataBackground: @white @subtleGradient; 28 | @metadataBorder: 1px solid @solidBorderColor; 29 | @metadataBorderRadius: 0.25em; 30 | @metadataBoxShadow: 0 1px 1px rgba(0, 0, 0, 0.05); 31 | @metadataPadding: 0.5em 1em; 32 | @metadataColor: rgba(0, 0, 0, 0.6); 33 | 34 | /*------------------- 35 | Variations 36 | --------------------*/ 37 | 38 | /* Size */ 39 | @small: 0.9em; 40 | @medium: 1em; -------------------------------------------------------------------------------- /LICENSE.txt: -------------------------------------------------------------------------------- 1 | Copyright (c) 2013 nd0ut 2 | 3 | MIT License 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining 6 | a copy of this software and associated documentation files (the 7 | "Software"), to deal in the Software without restriction, including 8 | without limitation the rights to use, copy, modify, merge, publish, 9 | distribute, sublicense, and/or sell copies of the Software, and to 10 | permit persons to whom the Software is furnished to do so, subject to 11 | the following conditions: 12 | 13 | The above copyright notice and this permission notice shall be 14 | included in all copies or substantial portions of the Software. 15 | 16 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, 17 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF 18 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND 19 | NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE 20 | LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION 21 | OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION 22 | WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. 23 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/definitions/elements/flag.less: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Semantic UI - Flag 3 | * http://github.com/semantic-org/semantic-ui/ 4 | * 5 | * 6 | * Copyright 2014 Contributors 7 | * Released under the MIT license 8 | * http://opensource.org/licenses/MIT 9 | * 10 | */ 11 | 12 | 13 | /******************************* 14 | Theme 15 | *******************************/ 16 | 17 | @type : 'element'; 18 | @element : 'flag'; 19 | 20 | @import (multiple) 'semantic-ui/theme.config'; 21 | 22 | 23 | /******************************* 24 | Flag 25 | *******************************/ 26 | 27 | i.flag:not(.icon) { 28 | display: inline-block; 29 | 30 | width: @width; 31 | height: @height; 32 | 33 | line-height: @height; 34 | vertical-align: @verticalAlign; 35 | margin: 0em @margin 0em 0em; 36 | 37 | text-decoration: inherit; 38 | 39 | speak: none; 40 | font-smoothing: antialiased; 41 | backface-visibility: hidden; 42 | } 43 | 44 | /* Sprite */ 45 | i.flag:not(.icon):before { 46 | display: inline-block; 47 | content: ''; 48 | background: asset-url("@spritePath") no-repeat 0px 0px; 49 | width: @width; 50 | height: @height; 51 | } 52 | 53 | .loadUIOverrides(); -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/amazon/elements/button.overrides: -------------------------------------------------------------------------------- 1 | .ui.button { 2 | background-image: linear-gradient(center top , #F7F8FA, #E7E9EC) repeat scroll 0 0 rgba(0, 0, 0, 0); 3 | } 4 | 5 | .ui.primary.button { 6 | color: #111111; 7 | border: 1px solid; 8 | border-color: #C59F43 #AA8326 #957321; 9 | } 10 | .ui.primary.button:hover { 11 | border-color: #C59F43 #AA8326 #957321; 12 | color: #111111; 13 | } 14 | 15 | .ui.secondary.button { 16 | border: 1px solid; 17 | border-color: #3D444C #2F353B #2C3137; 18 | } 19 | .ui.secondary.button:hover { 20 | border-color: #32373E #24282D #212429; 21 | } 22 | 23 | 24 | .ui.labeled.icon.buttons .button .icon, 25 | .ui.labeled.icon.button .icon { 26 | padding-bottom: 0.48em; 27 | padding-top: 0.48em; 28 | position: absolute; 29 | text-align: center; 30 | width: 2em; 31 | height: 2em; 32 | top: 0.3em; 33 | left: 0.4em; 34 | border-radius: 3px; 35 | } 36 | .ui.right.labeled.icon.buttons .button .icon, 37 | .ui.right.labeled.icon.button .icon { 38 | left: auto; 39 | right: 0.4em; 40 | border-radius: 3px; 41 | } 42 | 43 | .ui.basic.labeled.icon.buttons .button > .icon, 44 | .ui.basic.labeled.icon.button > .icon { 45 | padding-top: 0.4em !important; 46 | } -------------------------------------------------------------------------------- /semantic-ui-rails.gemspec: -------------------------------------------------------------------------------- 1 | # coding: utf-8 2 | lib = File.expand_path('../lib', __FILE__) 3 | $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib) 4 | require 'semantic/ui/rails/version' 5 | 6 | Gem::Specification.new do |spec| 7 | spec.name = "semantic-ui-rails" 8 | spec.version = Semantic::Ui::Rails::VERSION 9 | spec.authors = ["nd0ut"] 10 | spec.email = ["nd0ut.me@gmail.com"] 11 | spec.description = %q{UI is the vocabulary of the web} 12 | spec.summary = %q{Semantic empowers designers and developers by creating a language for sharing UI} 13 | spec.homepage = "" 14 | spec.license = "MIT" 15 | 16 | spec.files = `git ls-files`.split($/) 17 | spec.executables = spec.files.grep(%r{^bin/}) { |f| File.basename(f) } 18 | spec.test_files = spec.files.grep(%r{^(test|spec|features)/}) 19 | spec.require_paths = ["lib"] 20 | 21 | spec.add_dependency "less-rails" 22 | spec.add_dependency "autoprefixer-rails" 23 | 24 | spec.add_development_dependency "bundler", "~> 1.3" 25 | spec.add_development_dependency "rake" 26 | spec.add_development_dependency "pry" 27 | spec.add_development_dependency "binding_of_caller" 28 | spec.add_development_dependency "git" 29 | end 30 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/twitter/elements/button.variables: -------------------------------------------------------------------------------- 1 | /*------------------- 2 | Global Variables 3 | --------------------*/ 4 | 5 | @pageFont: Helvetica Neue, Helvetica, Arial, sans-serif; 6 | @textColor: #66757F; 7 | @blue: #55ACEE; 8 | 9 | /*------------------- 10 | Button Variables 11 | --------------------*/ 12 | 13 | @backgroundColor: #F5F8FA; 14 | @backgroundImage: linear-gradient(@white, @backgroundColor); 15 | @color: #66757F; 16 | @borderBoxShadowColor: #E1E8ED; 17 | 18 | @textTransform: none; 19 | @fontWeight: bold; 20 | @textColor: #333333; 21 | 22 | @horizontalPadding: 1.284em; 23 | @verticalPadding: 0.8571em; 24 | 25 | @activeBackgroundColor: rgba(0, 0, 0, 0.1); 26 | 27 | @primaryColor: @blue; 28 | @coloredBackgroundImage: @subtleGradient; 29 | 30 | 31 | /*------------------- 32 | States 33 | --------------------*/ 34 | 35 | @hoverBackgroundColor: #E1E8ED; 36 | @hoverBackgroundImage: linear-gradient(@white, @hoverBackgroundColor); 37 | @hoverColor: #292F33; 38 | 39 | @downBackgroundColor: #E1E8ED; 40 | @downColor: #292F33; 41 | @downPressedShadow: 0px 1px 4px rgba(0, 0, 0, 0.2) inset; 42 | 43 | @labeledIconBackgroundColor: rgba(85, 172, 238, 0.05); 44 | @labeledIconBorder: @borderBoxShadowColor; 45 | @labeledIconColor: #55ACEE; -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/chubby/views/comment.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Comments 3 | *******************************/ 4 | 5 | /*------------------- 6 | Elements 7 | --------------------*/ 8 | 9 | /* Comment */ 10 | @commentBackground: #FFFFFF; 11 | @commentMargin: 1em 0em 0em; 12 | @commentPadding: 1em 1.5em; 13 | @commentBorder: 1px solid rgba(0, 0, 0, 0.1); 14 | @commentDivider: 1px solid rgba(0, 0, 0, 0.1); 15 | @firstCommentMargin: 1em; 16 | @firstCommentPadding: 1em; 17 | 18 | /* Nested Comment */ 19 | @nestedCommentsMargin: 0em 0em 0.5em 0.5em; 20 | @nestedCommentsPadding: 1em 0em 0em 1em; 21 | @nestedCommentBackground: #F0F0F0; 22 | 23 | /* Avatar */ 24 | @avatarWidth: 3.5em; 25 | @avatarSpacing: 1.5em; 26 | @avatarBorderRadius: @circularRadius; 27 | 28 | /* Content */ 29 | @contentMargin: @avatarWidth + @avatarSpacing; 30 | 31 | /* Author */ 32 | @authorFontSize: 1em; 33 | @authorColor: @primaryColor; 34 | @authorHoverColor: @primaryColorHover; 35 | @authorFontWeight: bold; 36 | 37 | @metadataDisplay: block; 38 | @metadataSpacing: 0em; 39 | @metadataColor: @textColor; 40 | 41 | /*------------------- 42 | Variations 43 | --------------------*/ 44 | 45 | /* Threaded */ 46 | @threadedCommentMargin: -1.5em 0 -1em (@avatarWidth / 2); 47 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/elements/icon.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Icon 3 | *******************************/ 4 | 5 | /*------------------- 6 | Icon Variables 7 | --------------------*/ 8 | 9 | @fontName: 'icons'; 10 | 11 | @opacity: 1; 12 | @width: 1.23em; 13 | @height: 0.9em; 14 | @distanceFromText: 0.25rem; 15 | 16 | @linkOpacity: 0.8; 17 | @linkDuration: 0.3s; 18 | @loadingDuration: 2s; 19 | 20 | @circularSize: 2em; 21 | @circularPadding: 0.5em 0.5em; 22 | @circularShadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset; 23 | 24 | @borderedSize: 2em; 25 | @borderedVerticalPadding: ((@borderedSize - @height) / 2); 26 | @borderedHorizontalPadding: ((@borderedSize - @width) / 2); 27 | @borderedShadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset; 28 | 29 | @small: 0.875em; 30 | @medium: 1em; 31 | @large: 1.5em; 32 | @big: 2em; 33 | @huge: 4em; 34 | @massive: 8em; 35 | 36 | @fallbackSRC: url("@{fontPath}/@{fontName}.eot"); 37 | @src: 38 | font-url("@{fontPath}/@{fontName}.eot?#iefix") format('embedded-opentype'), 39 | font-url("@{fontPath}/@{fontName}.woff2") format('woff'), 40 | font-url("@{fontPath}/@{fontName}.woff") format('woff'), 41 | font-url("@{fontPath}/@{fontName}.ttf") format('truetype'), 42 | font-url("@{fontPath}/@{fontName}.svg#icons") format('svg') 43 | ; -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/elements/divider.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Divider 3 | *******************************/ 4 | 5 | /*------------------- 6 | Element 7 | --------------------*/ 8 | 9 | @margin: 1rem 0rem; 10 | 11 | @highlightWidth: 1px; 12 | @highlightColor: rgba(255, 255, 255, 0.2); 13 | 14 | @shadowWidth: 1px; 15 | @shadowColor: rgba(0, 0, 0, 0.1); 16 | 17 | /* Text */ 18 | @letterSpacing: 0.05em; 19 | @fontWeight: bold; 20 | @color: @darkTextColor; 21 | @textTransform: uppercase; 22 | 23 | /*------------------- 24 | Coupling 25 | --------------------*/ 26 | 27 | /* Icon */ 28 | @dividerIconSize: 1rem; 29 | @dividerIconMargin: 0rem; 30 | 31 | 32 | /******************************* 33 | Variations 34 | *******************************/ 35 | 36 | /* Horizontal / Vertical */ 37 | @horizontalMargin: ''; 38 | @horizontalDividerMargin: 1em; 39 | @horizontalRulerOffset: ~"calc(-50% - "(@horizontalDividerMargin)~")"; 40 | 41 | @verticalDividerMargin: 1rem; 42 | @verticalDividerHeight: ~"calc(100% - "(@verticalDividerMargin)~")"; 43 | 44 | /* Inverted */ 45 | @invertedTextColor: @white; 46 | @invertedHighlightColor: rgba(255, 255, 255, 0.15); 47 | @invertedShadowColor: rgba(0, 0, 0, 0.15); 48 | 49 | /* Section */ 50 | @sectionMargin: 2rem; 51 | 52 | 53 | /* Sizes */ 54 | @medium: 1rem; -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/theme.less: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Import Directives 3 | *******************************/ 4 | 5 | @theme : @@element; 6 | 7 | /*------------------ 8 | Default Theme 9 | -------------------*/ 10 | 11 | @import "@{themesFolder}/default/globals/site.variables"; 12 | @import "@{themesFolder}/default/@{type}s/@{element}.variables"; 13 | 14 | /*------------------ 15 | Packaged Theme 16 | -------------------*/ 17 | 18 | @import "@{themesFolder}/@{site}/globals/site.variables"; 19 | @import "@{themesFolder}/@{theme}/@{type}s/@{element}.variables"; 20 | 21 | /*------------------ 22 | Site Theme 23 | -------------------*/ 24 | 25 | @import "@{siteFolder}/globals/site.variables"; 26 | @import "@{siteFolder}/@{type}s/@{element}.variables"; 27 | 28 | 29 | /******************************* 30 | Import Mix-ins 31 | *******************************/ 32 | 33 | /*------------------ 34 | Fonts 35 | -------------------*/ 36 | 37 | .loadFonts() when (@importGoogleFonts) { 38 | @import (css) '@{googleProtocol}fonts.googleapis.com/css?family=@{googleFontRequest}'; 39 | } 40 | 41 | /*------------------ 42 | Overrides 43 | -------------------*/ 44 | 45 | .loadUIOverrides() { 46 | @import "@{themesFolder}/@{theme}/@{type}s/@{element}.overrides"; 47 | @import "@{siteFolder}/@{type}s/@{element}.overrides"; 48 | } 49 | -------------------------------------------------------------------------------- /lib/generators/semantic/install/templates/semantic-ui.js: -------------------------------------------------------------------------------- 1 | //= require semantic-ui/definitions/globals/site.js 2 | //= require semantic-ui/definitions/modules/video.js 3 | //= require semantic-ui/definitions/modules/popup.js 4 | //= require semantic-ui/definitions/modules/modal.js 5 | //= require semantic-ui/definitions/modules/search.js 6 | //= require semantic-ui/definitions/modules/sidebar.js 7 | //= require semantic-ui/definitions/modules/dropdown.js 8 | //= require semantic-ui/definitions/modules/shape.js 9 | //= require semantic-ui/definitions/modules/transition.js 10 | //= require semantic-ui/definitions/modules/progress.js 11 | //= require semantic-ui/definitions/modules/checkbox.js 12 | //= require semantic-ui/definitions/modules/sticky.js 13 | //= require semantic-ui/definitions/modules/rating.js 14 | //= require semantic-ui/definitions/modules/nag.js 15 | //= require semantic-ui/definitions/modules/dimmer.js 16 | //= require semantic-ui/definitions/modules/accordion.js 17 | //= require semantic-ui/definitions/modules/tab.js 18 | //= require semantic-ui/definitions/behaviors/colorize.js 19 | //= require semantic-ui/definitions/behaviors/form.js 20 | //= require semantic-ui/definitions/behaviors/state.js 21 | //= require semantic-ui/definitions/behaviors/visit.js 22 | //= require semantic-ui/definitions/behaviors/visibility.js 23 | //= require semantic-ui/definitions/behaviors/api.js 24 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/chubby/elements/button.variables: -------------------------------------------------------------------------------- 1 | /*------------------- 2 | Button Variables 3 | --------------------*/ 4 | 5 | /* Button Variables */ 6 | @pageFont: 'Source Sans Pro', Arial, sans-serif; 7 | 8 | @textTransform: none; 9 | @fontWeight: normal; 10 | @textColor: #333333; 11 | 12 | @verticalPadding: 1.1em; 13 | @horizontalPadding: 2.5em; 14 | @invertedBorderSize: 3px; 15 | 16 | @basicBorderRadius: 0.4em; 17 | @basicFontWeight: bold; 18 | @basicTextTransform: uppercase; 19 | 20 | @blue: #4A88CB; 21 | @primaryColor: @blue; 22 | 23 | @borderRadius: 0.25em; 24 | 25 | @backgroundColor: #E6EAED; 26 | @backgroundImage: none; 27 | @boxShadow: none; 28 | 29 | @hoverBackgroundColor: #DDDDDD; 30 | @hoverBackgroundImage: none; 31 | @hoverBoxShadow: none; 32 | 33 | @downBackgroundColor: #D0D0D0; 34 | @downBackgroundImage: none; 35 | @downBoxShadow: none; 36 | 37 | @activeBackgroundColor: #CCCCCC; 38 | @activeBackgroundImage: none; 39 | @activeBoxShadow: none; 40 | 41 | @verticalBoxShadow: none; 42 | 43 | @loadingBackgroundColor: #F0F0F0; 44 | 45 | @compactVerticalPadding: (@verticalPadding * 0.5); 46 | @compactHorizontalPadding: (@horizontalPadding * 0.5); 47 | 48 | @labeledIconBackgroundColor: transparent; 49 | 50 | @mini: 0.7rem; 51 | @tiny: 0.75rem; 52 | @small: 0.8rem; 53 | @medium: 0.92rem; 54 | @large: 1rem; 55 | @big: 1.125rem; 56 | @huge: 1.2rem; 57 | @massive: 1.3rem; 58 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # CAUTION: This gem is no longer maintained! 2 | 3 | # Semantic UI 4 | UI is the vocabulary of the web. 5 | 6 | Semantic empowers designers and developers by creating a language for sharing UI. 7 | 8 | Homepage: http://semantic-ui.com/ 9 | 10 | ## SASS 11 | Please use the [semantic-ui-sass](https://github.com/doabit/semantic-ui-sass) gem. 12 | 13 | ## Installation 14 | Inside your Gemfile add the following lines: 15 | ```ruby 16 | gem 'therubyracer', platforms: :ruby # or any other runtime 17 | gem 'less-rails' 18 | gem 'autoprefixer-rails' 19 | gem 'semantic-ui-rails' 20 | ``` 21 | Then run `bundle install` to install gems. 22 | 23 | Run generator to include assets to your project 24 | ```bash 25 | rails g semantic:install 26 | ``` 27 | 28 | ## Versioning 29 | First three numbers are the version of Semantic UI. 30 | 31 | Last single number is the version of this gem with the same Semantic UI version. 32 | 33 | i.e. `0.3.5.3` means that `0.3.5` is Semantic UI version and `.3` is the rails gem version. 34 | 35 | ## Pull Semantic UI from it's repository 36 | If you want to update version to newer, run 37 | `thor semantic:update` 38 | from gem root path and create new Pull Request 39 | 40 | ## Contributing 41 | 42 | 1. Fork it 43 | 2. Create your feature branch (`git checkout -b my-new-feature`) 44 | 3. Commit your changes (`git commit -am 'Add some feature'`) 45 | 4. Push to the branch (`git push origin my-new-feature`) 46 | 5. Create new Pull Request 47 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/resetcss/globals/reset.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | 5 | /** 6 | * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) 7 | * http://cssreset.com 8 | */ 9 | 10 | html, body, div, span, applet, object, iframe, 11 | h1, h2, h3, h4, h5, h6, p, blockquote, pre, 12 | a, abbr, acronym, address, big, cite, code, 13 | del, dfn, em, img, ins, kbd, q, s, samp, 14 | small, strike, strong, sub, sup, tt, var, 15 | b, u, i, center, 16 | dl, dt, dd, ol, ul, li, 17 | fieldset, form, label, legend, 18 | table, caption, tbody, tfoot, thead, tr, th, td, 19 | article, aside, canvas, details, embed, 20 | figure, figcaption, footer, header, hgroup, 21 | menu, nav, output, ruby, section, summary, 22 | time, mark, audio, video { 23 | margin: 0; 24 | padding: 0; 25 | border: 0; 26 | font-size: 100%; 27 | font: inherit; 28 | vertical-align: baseline; 29 | } 30 | /* HTML5 display-role reset for older browsers */ 31 | article, aside, details, figcaption, figure, 32 | footer, header, hgroup, menu, nav, section { 33 | display: block; 34 | } 35 | body { 36 | line-height: 1; 37 | } 38 | ol, ul { 39 | list-style: none; 40 | } 41 | blockquote, q { 42 | quotes: none; 43 | } 44 | blockquote:before, blockquote:after, 45 | q:before, q:after { 46 | content: ''; 47 | content: none; 48 | } 49 | table { 50 | border-collapse: collapse; 51 | border-spacing: 0; 52 | } -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/modules/dimmer.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Dimmer 3 | *******************************/ 4 | 5 | @dimmablePosition: relative; 6 | @dimmerPosition: absolute; 7 | 8 | @background: rgba(0, 0, 0 , 0.85); 9 | @lineHeight: 1; 10 | @perspective: 2000px; 11 | 12 | @duration: 0.5s; 13 | @transition: 14 | background-color @duration linear 15 | ; 16 | @zIndex: 1000; 17 | @textAlign: center; 18 | @verticalAlign: middle; 19 | @textColor: @white; 20 | @overflow: hidden; 21 | 22 | @elementStartFilter: ~"blur(0px) grayscale(0)"; 23 | @elementEndFilter: ~"blur(15px) grayscale(0.7)"; 24 | @elementTransition: 1.5s all ease; 25 | 26 | /* Hidden (Default) */ 27 | @hiddenOpacity: 0; 28 | 29 | /* Content */ 30 | @contentDisplay: table; 31 | @contentChildDisplay: table-cell; 32 | 33 | /* Visible */ 34 | @visibleOpacity: 1; 35 | 36 | /*------------------- 37 | Types 38 | --------------------*/ 39 | 40 | /* Page Dimmer*/ 41 | @transformStyle: ''; 42 | @pageDimmerPosition: fixed; 43 | 44 | 45 | /*------------------- 46 | Variations 47 | --------------------*/ 48 | 49 | /* Inverted */ 50 | @invertedBackground: rgba(255, 255, 255, 0.85); 51 | @invertedTextColor: @textColor; 52 | 53 | /* Simple */ 54 | @simpleZIndex: 1; 55 | @simpleStartBackground: rgba(0, 0, 0, 0); 56 | @simpleEndBackground: @background; 57 | @simpleInvertedStartBackground: rgba(255, 255, 255, 0); 58 | @simpleInvertedEndBackground: @invertedBackground; -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/modules/rating.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Rating 3 | *******************************/ 4 | 5 | @display: inline-block; 6 | @margin: 0em 0.75rem; 7 | 8 | @verticalAlign: middle; 9 | 10 | @iconWidth: 1.1em; 11 | 12 | @inactiveColor: rgba(0, 0, 0, 0.15); 13 | 14 | /*------------------- 15 | Types 16 | --------------------*/ 17 | 18 | /* Star */ 19 | @starIconWidth: @iconWidth; 20 | @starInactiveColor: @inactiveColor; 21 | @starSelectedColor: #FFB70A; 22 | @starActiveColor: #FFE623; 23 | @starActiveShadow: 24 | 0px -1px 0px #CFA300, 25 | -1px 0px 0px #CFA300, 26 | 0px 1px 0px #CFA300, 27 | 1px 0px 0px #CFA300 28 | ; 29 | 30 | /* Heart */ 31 | @heartIconWidth: 1.25em; 32 | @heartInactiveColor: @inactiveColor; 33 | @heartSelectedColor: #FF2733; 34 | @heartActiveColor: #FF2733; 35 | @heartActiveShadow: 36 | 0px -1px 0px #9E0000, 37 | -1px 0px 0px #9E0000, 38 | 0px 1px 0px #9E0000, 39 | 1px 0px 0px #9E0000 40 | ; 41 | 42 | 43 | /*------------------- 44 | States 45 | --------------------*/ 46 | 47 | @inactiveColor: rgba(0, 0, 0, 0.15); 48 | @hoverColor: @textColor; 49 | @activeColor: @darkTextColor; 50 | 51 | @interactiveIconOpacity: 0.5; 52 | @interactiveSelectedIconOpacity: 1; 53 | 54 | /*------------------- 55 | Variations 56 | --------------------*/ 57 | 58 | @mini: 0.7rem; 59 | @tiny: 0.8rem; 60 | @small: 0.875rem; 61 | @medium: 1rem; 62 | @large: 1.1rem; 63 | @big: 1.25rem; 64 | @huge: 1.5rem; 65 | @massive: 2rem; 66 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/bootstrap3/elements/button.variables: -------------------------------------------------------------------------------- 1 | /*------------------- 2 | Button Variables 3 | --------------------*/ 4 | 5 | /* Button Variables */ 6 | @pageFont: Helvetica Neue, Helvetica, Arial, sans-serif; 7 | @textTransform: none; 8 | @fontWeight: normal; 9 | @textColor: rgba(51, 51, 51, 1); 10 | 11 | @borderRadius: 0.2857rem; 12 | 13 | @lineHeight: 1.42857; 14 | @verticalPadding: 0.8571em; 15 | @horizontalPadding: 0.8571em; 16 | 17 | @backgroundColor: @white; 18 | @backgroundImage: none; 19 | 20 | 21 | @borderBoxShadowColor: rgba(0, 0, 0, 0.14); 22 | 23 | @green: #5CB85C; 24 | @red: #D9534F; 25 | @blue: #337AB7; 26 | @green: #60B044; 27 | @orange: #F0AD4E; 28 | 29 | @primaryColor: @blue; 30 | @secondaryColor: @green; 31 | 32 | @labeledIconBackgroundColor: transparent; 33 | 34 | @basicBorderSize: 0px; 35 | @basicColoredBorderSize: 0px; 36 | @invertedBorderSize: 0px; 37 | 38 | @basicActiveBackground: transparent; 39 | @basicHoverBackground: transparent; 40 | @basicDownBoxShadow: 41 | 0px 0px 0px 1px #ADADAD inset, 42 | 0 3px 5px rgba(0, 0, 0, 0.125) inset 43 | ; 44 | 45 | @groupButtonOffset: 0px 0px 0px -1px; 46 | @verticalGroupOffset: 0px 0px -1px 0px; 47 | 48 | /* States */ 49 | 50 | @hoverBackgroundColor: #E6E6E6; 51 | @hoverBoxShadow: 52 | 0px 0px 0px 1px #ADADAD inset 53 | ; 54 | 55 | @downBackgroundColor: #E6E6E6; 56 | @downBoxShadow: 57 | 0px 0px 0px 1px #ADADAD inset, 58 | 0 3px 5px rgba(0, 0, 0, 0.125) inset 59 | ; 60 | 61 | @activeBackgroundColor: #E6E6E6; 62 | 63 | @disabledOpacity: 0.65; -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/definitions/modules/sticky.less: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Semantic UI - Sticky 3 | * http://github.com/semantic-org/semantic-ui/ 4 | * 5 | * 6 | * Copyright 2014 Contributors 7 | * Released under the MIT license 8 | * http://opensource.org/licenses/MIT 9 | * 10 | */ 11 | 12 | 13 | /******************************* 14 | Theme 15 | *******************************/ 16 | 17 | @type : 'module'; 18 | @element : 'sticky'; 19 | 20 | @import (multiple) 'semantic-ui/theme.config'; 21 | 22 | /******************************* 23 | Sticky 24 | *******************************/ 25 | 26 | .ui.sticky { 27 | position: static; 28 | transition: @transition; 29 | z-index: @zIndex; 30 | } 31 | 32 | /******************************* 33 | States 34 | *******************************/ 35 | 36 | /* Bound */ 37 | .ui.sticky.bound { 38 | position: absolute; 39 | left: auto; 40 | right: auto; 41 | } 42 | 43 | /* Fixed */ 44 | .ui.sticky.fixed { 45 | position: fixed; 46 | left: auto; 47 | right: auto; 48 | } 49 | 50 | /* Bound/Fixed Position */ 51 | .ui.sticky.bound.top, 52 | .ui.sticky.fixed.top { 53 | top: 0px; 54 | bottom: auto; 55 | } 56 | .ui.sticky.bound.bottom, 57 | .ui.sticky.fixed.bottom { 58 | top: auto; 59 | bottom: 0px; 60 | } 61 | 62 | 63 | /******************************* 64 | Types 65 | *******************************/ 66 | 67 | .ui.native.sticky { 68 | position: -webkit-sticky; 69 | position: -moz-sticky; 70 | position: -ms-sticky; 71 | position: -o-sticky; 72 | position: sticky; 73 | } 74 | 75 | .loadUIOverrides(); -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/modules/nag.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Nag 3 | *******************************/ 4 | 5 | /*-------------- 6 | Collection 7 | ---------------*/ 8 | 9 | @position: relative; 10 | @width: 100%; 11 | @zIndex: 999; 12 | @margin: 0em; 13 | 14 | @background: #555555; 15 | @opacity: 0.95; 16 | @minHeight: 0em; 17 | @padding: 0.75em 1em; 18 | @lineHeight: 1em; 19 | @boxShadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); 20 | 21 | @fontSize: 1rem; 22 | @textAlign: center; 23 | @color: @textColor; 24 | 25 | @transition: 0.2s background ease; 26 | 27 | 28 | /*-------------- 29 | Elements 30 | ---------------*/ 31 | 32 | /* Title */ 33 | @titleColor: @white; 34 | @titleMargin: 0em 0.5em; 35 | 36 | @closeSize: 1em; 37 | @closeMargin: (-@closeSize / 2) 0em 0em; 38 | @closeTop: 50%; 39 | @closeRight: 1em; 40 | @closeColor: @white; 41 | @closeTransition: opacity 0.2s ease; 42 | @closeOpacity: 0.4; 43 | 44 | 45 | /*-------------- 46 | States 47 | ---------------*/ 48 | 49 | /* Hover */ 50 | @nagHoverBackground: @background; 51 | @nagHoverOpacity: 1; 52 | 53 | @closeHoverOpacity: 1; 54 | 55 | /*-------------- 56 | Variations 57 | ---------------*/ 58 | 59 | /* Top / Bottom */ 60 | @top: 0em; 61 | @bottom: 0em; 62 | @borderRadius: @defaultBorderRadius; 63 | @topBorderRadius: 0em 0em @borderRadius @borderRadius; 64 | @bottomBorderRadius: @borderRadius @borderRadius 0em 0em; 65 | 66 | /* Inverted */ 67 | @invertedBackground: @darkWhite; 68 | 69 | /*-------------- 70 | Plural 71 | ---------------*/ 72 | 73 | @groupedBorderRadius: 0em; 74 | 75 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/amazon/elements/button.variables: -------------------------------------------------------------------------------- 1 | /*------------------- 2 | Button Variables 3 | --------------------*/ 4 | 5 | /* Button Variables */ 6 | @pageFont: Helvetica Neue, Helvetica, Arial, sans-serif; 7 | @textTransform: none; 8 | @textColor: #111111; 9 | @fontWeight: normal; 10 | @transition: 11 | opacity @transitionDuration @transitionEasing, 12 | background-color @transitionDuration @transitionEasing, 13 | color @transitionDuration @transitionEasing, 14 | background @transitionDuration @transitionEasing 15 | ; 16 | 17 | 18 | @borderRadius: 3px; 19 | @verticalPadding: 0.8em; 20 | @horizontalPadding: 1.75em; 21 | 22 | @backgroundColor: #F7F8FA; 23 | @backgroundImage: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1)); 24 | @boxShadow: 25 | 0 1px 0 1px rgba(255, 255, 255, 0.3) inset, 26 | 0 0 0 1px #ADB2BB inset 27 | ; 28 | 29 | @coloredBackgroundImage: linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2)); 30 | @coloredBoxShadow: 31 | 0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset 32 | ; 33 | 34 | @downBoxShadow: 35 | 0 0 0 1px #ADB2BB inset, 36 | 0 1px 3px rgba(0, 0, 0, 0.2) inset 37 | ; 38 | 39 | @labeledIconBackgroundColor: #313A43; 40 | @labeledIconColor: #FFFFFF; 41 | @labeledIconBorder: transparent; 42 | 43 | @black: #444C55; 44 | @orange: #F4CC67; 45 | 46 | @coloredBackgroundImage: linear-gradient(rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.1)); 47 | @primaryColor: @orange; 48 | @secondaryColor: @black; 49 | 50 | @mini: 10px; 51 | @tiny: 11px; 52 | @small: 12px; 53 | @medium: 13px; 54 | @large: 14px; 55 | @big: 16px; 56 | @huge: 18px; 57 | @massive: 22px; 58 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/elements/loader.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Loader 3 | *******************************/ 4 | 5 | /* Some global loader styles defined in site.variables */ 6 | // @loaderSpeed 7 | // @loaderLineWidth 8 | // @loaderFillColor 9 | // @loaderLineColor 10 | // @invertedLoaderFillColor 11 | // @invertedLoaderLineColor 12 | 13 | /*------------------- 14 | Standard 15 | --------------------*/ 16 | 17 | @loaderTopOffset: 50%; 18 | @loaderLeftOffset: 50%; 19 | 20 | @shapeBorderColor: @loaderLineColor transparent transparent; 21 | @invertedShapeBorderColor: @invertedLoaderLineColor transparent transparent; 22 | 23 | /*------------------- 24 | Types 25 | --------------------*/ 26 | 27 | /* Text */ 28 | @textDistance: 0.7em; 29 | @loaderTextColor: @textColor; 30 | @invertedLoaderTextColor: @invertedTextColor; 31 | 32 | /*------------------- 33 | States 34 | --------------------*/ 35 | 36 | @indeterminateDirection: reverse; 37 | @indeterminateSpeed: (2 * @loaderSpeed); 38 | 39 | /*------------------- 40 | Variations 41 | --------------------*/ 42 | 43 | @inlineVerticalAlign: middle; 44 | @inlineMargin: 0em; 45 | 46 | /* Exact Sizes (Avoids Rounding Errors) */ 47 | @mini: 1.2857em; 48 | @small: 1.7142em; 49 | @medium: 2.2585em; 50 | @large: 4.5714em; 51 | 52 | @miniOffset: 0em 0em 0em -(@mini / 2); 53 | @smallOffset: 0em 0em 0em -(@small / 2); 54 | @mediumOffset: 0em 0em 0em -(@medium / 2); 55 | @largeOffset: 0em 0em 0em -(@large / 2); 56 | 57 | 58 | @miniFontSize: 0.7857em; 59 | @smallFontSize: 0.9285em; 60 | @mediumFontSize: 1em; 61 | @largeFontSize: 1.1428em; -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/fixed-width/modules/modal.variables: -------------------------------------------------------------------------------- 1 | 2 | /* Responsive Widths */ 3 | @modalComputerWidth: 700px; 4 | @modalLargeMonitorWidth: 800px; 5 | @modalWidescreenMonitorWidth: 850px; 6 | 7 | @modalComputerMargin: 0em 0em 0em -(@modalComputerWidth / 2); 8 | @modalLargeMonitorMargin: 0em 0em 0em -(@modalLargeMonitorWidth / 2); 9 | @modalWidescreenMonitorMargin: 0em 0em 0em -(@modalWidescreenMonitorWidth / 2); 10 | 11 | 12 | /*------------------- 13 | Variations 14 | --------------------*/ 15 | 16 | /* Sizes */ 17 | @modalSmallRatio: 0.6; 18 | @modalLargeRatio: 1.2; 19 | 20 | /* Derived Responsive Sizes */ 21 | @modalSmallHeaderSize: 1.3em; 22 | @modalSmallComputerWidth: (@modalComputerWidth * @modalSmallRatio); 23 | @modalSmallLargeMonitorWidth: (@modalLargeMonitorWidth * @modalSmallRatio); 24 | @modalSmallWidescreenMonitorWidth: (@modalWidescreenMonitorWidth * @modalSmallRatio); 25 | 26 | @modalSmallComputerMargin: 0em 0em 0em -(@modalSmallComputerWidth / 2); 27 | @modalSmallLargeMonitorMargin: 0em 0em 0em -(@modalSmallLargeMonitorWidth / 2); 28 | @modalSmallWidescreenMonitorMargin: 0em 0em 0em -(@modalSmallWidescreenMonitorWidth / 2); 29 | 30 | @modalLargeHeaderSize: 1.3em; 31 | @modalLargeComputerWidth: (@modalComputerWidth * @modalLargeRatio); 32 | @modalLargeLargeMonitorWidth: (@modalLargeMonitorWidth * @modalLargeRatio); 33 | @modalLargeWidescreenMonitorWidth: (@modalWidescreenMonitorWidth * @modalLargeRatio); 34 | 35 | @modalLargeComputerMargin: 0em 0em 0em -(@modalLargeComputerWidth / 2); 36 | @modalLargeLargeMonitorMargin: 0em 0em 0em -(@modalLargeLargeMonitorWidth / 2); 37 | @modalLargeWidescreenMonitorMargin: 0em 0em 0em -(@modalLargeWidescreenMonitorWidth / 2); -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/pulsar/elements/loader.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | 5 | .ui.loader:after { 6 | -webkit-animation: loader-pulsar 2s infinite linear; 7 | animation: loader-pulsar 2s infinite linear; 8 | } 9 | 10 | @-webkit-keyframes loader-pulsar { 11 | 0% { 12 | -webkit-transform: rotate(0deg); 13 | transform: rotate(0deg); 14 | opacity: 0; 15 | } 16 | 20% { 17 | -webkit-transform: rotate(360deg); 18 | transform: rotate(360deg); 19 | } 20 | 40% { 21 | -webkit-transform: rotate(740deg); 22 | transform: rotate(740deg); 23 | opacity: 1; 24 | } 25 | 60% { 26 | -webkit-transform: rotate(1120deg); 27 | transform: rotate(1120deg); 28 | opacity: 1; 29 | } 30 | 80% { 31 | -webkit-transform: rotate(1440deg); 32 | transform: rotate(1440deg); 33 | } 34 | 100% { 35 | -webkit-transform: rotate(1800deg); 36 | transform: rotate(1800deg); 37 | opacity: 0; 38 | } 39 | } 40 | 41 | @keyframes loader-pulsar { 42 | 0% { 43 | -webkit-transform: rotate(0deg); 44 | transform: rotate(0deg); 45 | opacity: 0; 46 | } 47 | 20% { 48 | -webkit-transform: rotate(360deg); 49 | transform: rotate(360deg); 50 | } 51 | 40% { 52 | -webkit-transform: rotate(740deg); 53 | transform: rotate(740deg); 54 | opacity: 1; 55 | } 56 | 60% { 57 | -webkit-transform: rotate(1120deg); 58 | transform: rotate(1120deg); 59 | opacity: 1; 60 | } 61 | 80% { 62 | -webkit-transform: rotate(1440deg); 63 | transform: rotate(1440deg); 64 | } 65 | 100% { 66 | -webkit-transform: rotate(1800deg); 67 | transform: rotate(1800deg); 68 | opacity: 0; 69 | } 70 | } -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/definitions/modules/transition.less: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Semantic UI - Transition 3 | * http://github.com/semantic-org/semantic-ui/ 4 | * 5 | * 6 | * Copyright 2014 Contributorss 7 | * Released under the MIT license 8 | * http://opensource.org/licenses/MIT 9 | * 10 | */ 11 | 12 | 13 | /******************************* 14 | Theme 15 | *******************************/ 16 | 17 | @type : 'module'; 18 | @element : 'transition'; 19 | 20 | @import (multiple) 'semantic-ui/theme.config'; 21 | 22 | /******************************* 23 | Transitions 24 | *******************************/ 25 | 26 | .transition { 27 | animation-iteration-count: 1; 28 | animation-duration: @transitionDefaultDuration; 29 | animation-timing-function: @transitionDefaultEasing; 30 | animation-fill-mode: @transitionDefaultFill; 31 | } 32 | 33 | /******************************* 34 | States 35 | *******************************/ 36 | 37 | 38 | /* Animating */ 39 | .animating.transition { 40 | backface-visibility: @backfaceVisibility; 41 | transform: @use3DAcceleration; 42 | visibility: visible !important; 43 | } 44 | 45 | /* Loading */ 46 | .loading.transition { 47 | position: absolute; 48 | top: -99999px; 49 | left: -99999px; 50 | } 51 | 52 | /* Hidden */ 53 | .hidden.transition { 54 | display: none; 55 | visibility: hidden; 56 | } 57 | 58 | /* Visible */ 59 | .visible.transition { 60 | display: block !important; 61 | visibility: visible !important; 62 | backface-visibility: @backfaceVisibility; 63 | transform: @use3DAcceleration; 64 | } 65 | 66 | /* Disabled */ 67 | .disabled.transition { 68 | animation-play-state: paused; 69 | } 70 | 71 | /******************************* 72 | Variations 73 | *******************************/ 74 | 75 | .looping.transition { 76 | animation-iteration-count: infinite; 77 | } 78 | 79 | 80 | .loadUIOverrides(); -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/github/collections/menu.variables: -------------------------------------------------------------------------------- 1 | /*------------------- 2 | Collection 3 | --------------------*/ 4 | 5 | @verticalPadding : 1em; 6 | @horizontalPadding : 1.25em; 7 | 8 | @background : #FFFFFF linear-gradient(rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.05)); 9 | @fontWeight : normal; 10 | 11 | @activeBorderSize : 0em; 12 | 13 | @hoverBackground : rgba(0, 0, 0, 0.02); 14 | @downBackground : rgba(0, 0, 0, 0.06); 15 | 16 | @activeBackground : rgba(0, 0, 0, 0.04); 17 | @activeHoverBackground : rgba(0, 0, 0, 0.04); 18 | 19 | @boxShadow : 20 | 0px 1px 2px 0px rgba(0, 0, 0, 0.15), 21 | 0px 0px 0px 1px rgba(0, 0, 0, 0.05) 22 | ; 23 | 24 | @headerBackground: rgba(0, 0, 0, 0.08); 25 | 26 | @subMenuMargin: 1em; 27 | @subMenuFontSize: 0.9rem; 28 | @subMenuHorizontalPadding: 0.7em; 29 | 30 | @arrowHoverColor: #EEEEEE; 31 | @arrowActiveColor: #EEEEEE; 32 | @arrowVerticalHoverColor: #F4F4F4; 33 | @arrowVerticalActiveColor: #F4F4F4; 34 | 35 | @dividerBackground: #E8E8E8; 36 | @verticalDividerBackground: #E8E8E8; 37 | 38 | /*------------------- 39 | Elements 40 | --------------------*/ 41 | 42 | @buttonOffset: -0.15em; 43 | @buttonVerticalPadding: 0.75em; 44 | 45 | /*------------------- 46 | Types 47 | --------------------*/ 48 | 49 | @paginationMinWidth: 3.5em; 50 | 51 | @tieredActiveItemBackground: #F5F5F5; 52 | @tieredActiveMenuBackground: #F5F5F5; 53 | 54 | /*------------------- 55 | Variations 56 | --------------------*/ 57 | 58 | @verticalBackground: #FFFFFF; 59 | @verticalItemBackground: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); 60 | 61 | @invertedBackground: @black linear-gradient(rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.0)); 62 | @invertedBoxShadow : 63 | 0px 1px 2px 0px rgba(0, 0, 0, 0.15), 64 | 0px 0px 0px 1px rgba(255, 255, 255, 0.15) 65 | ; 66 | @secondaryVerticalPadding: 0.75em; -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/flat/collections/form.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Form 3 | *******************************/ 4 | 5 | /*------------------- 6 | Elements 7 | --------------------*/ 8 | 9 | 10 | /* Text */ 11 | @paragraphMargin: 1em 0em; 12 | 13 | /* Field */ 14 | @fieldMargin: 0em 0em 1em; 15 | 16 | /* Form Label */ 17 | @labelFontSize: 0.7857em; 18 | @labelTextTransform: uppercase; 19 | 20 | @groupedLabelTextTransform: none; 21 | 22 | /* Input */ 23 | @inputVerticalPadding: 0.7857em; 24 | @inputHorizontalPadding: 0.5em; 25 | @inputBackground: transparent; 26 | @inputBorder: none; 27 | @inputBorderRadius: 0em; 28 | @inputBoxShadow: none; 29 | 30 | @textAreaPadding: 1em; 31 | @textAreaBackground: transparent; 32 | @textAreaFocusBackground: #EEEEEE; 33 | @textAreaBorder: 1px solid #DDDDDD; 34 | 35 | /* Divider */ 36 | @dividerMargin: 1em 0em; 37 | 38 | /* Validation Prompt */ 39 | @validationMargin: 0em 0em 0em 1em; 40 | @validationArrowOffset: -0.3em; 41 | 42 | /*------------------- 43 | States 44 | --------------------*/ 45 | 46 | /* Disabled */ 47 | 48 | /* Focus */ 49 | @inputFocusPointerSize: 0px; 50 | @inputErrorPointerSize: 0px; 51 | 52 | /* Dropdown Error */ 53 | @dropdownErrorHoverBackground: #FFF2F2; 54 | @dropdownErrorActiveBackground: #FDCFCF; 55 | 56 | /* Focused Error */ 57 | @inputErrorFocusBackground: @negativeBackgroundColor; 58 | @inputErrorFocusColor: @negativeColorHover; 59 | @inputErrorFocusBorder: @negativeBorderColor; 60 | @inputErrorFocusBoxShadow: @inputErrorPointerSize 0em 0em 0em @negativeColorHover inset; 61 | 62 | /* Placeholder */ 63 | @inputPlaceholderColor: lighten(@inputColor, 55); 64 | @inputPlaceholderFocusColor: lighten(@inputColor, 35); 65 | @inputErrorPlaceholderColor: lighten(@formErrorColor, 10); 66 | @inputErrorPlaceholderFocusColor: lighten(@formErrorColor, 5); 67 | 68 | /* Loading */ 69 | @formLoaderDimmerColor: rgba(255, 255, 255, 0.6); 70 | @formLoaderPath: "@{imagePath}/loader-large.gif"; 71 | @formLoaderPosition: 50% 50%; 72 | 73 | /* (x) Wide Field */ 74 | @gutterWidth: 1.5em; 75 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/collections/message.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Message 3 | *******************************/ 4 | 5 | // @textColor 6 | 7 | /*------------------- 8 | Elements 9 | --------------------*/ 10 | 11 | @verticalMargin: 1em; 12 | 13 | @verticalPadding: 1em; 14 | @horizontalPadding: 1.5em; 15 | 16 | @background: #EFEFEF; 17 | @lineHeight: 1.3; 18 | @lineHeightOffset: ((@lineHeight - 1em) / 2); 19 | 20 | @borderRadius: @defaultBorderRadius; 21 | @borderWidth: 1px; 22 | @borderShadow: 0px 0px 0px @borderWidth @borderColor inset; 23 | @shadowShadow: 0px 0px 0px 0px transparent; 24 | @boxShadow: 25 | @borderShadow, 26 | @shadowShadow 27 | ; 28 | 29 | @transition: 30 | opacity 0.2s ease, 31 | color 0.2s ease, 32 | background 0.2s ease, 33 | box-shadow 0.2s ease 34 | ; 35 | 36 | /* Header */ 37 | @headerFontSize: 1.1em; 38 | @headerFontWeight: bold; 39 | @headerDisplay: block; 40 | @headerDistance: 0.5rem; 41 | @headerParagraphDistance: 0.25em; 42 | 43 | /* Paragraph */ 44 | @messageTextOpacity: 0.85; 45 | @messageParagraphMargin: 0.75em; 46 | 47 | /* List */ 48 | @listOpacity: 0.85; 49 | @listStylePosition: inside; 50 | @listMargin: 0.5em; 51 | @listItemIndent: 1em; 52 | @listItemMargin: 0.3em; 53 | 54 | /* Icon */ 55 | @iconDistance: 0.6em; 56 | 57 | /* Close Icon */ 58 | @closeTopDistance: (1em + @lineHeightOffset); 59 | @closeRightDistance: 0.5em; 60 | @closeOpacity: 0.7; 61 | 62 | 63 | /*------------------- 64 | Types 65 | --------------------*/ 66 | 67 | /* Icon Message */ 68 | @iconSize: 3em; 69 | @iconOpacity: 0.8; 70 | @iconContentDistance: 1.5rem; 71 | @iconVerticalAlign: middle; 72 | @circularIconContentDistance: 2em; 73 | 74 | /* Attached */ 75 | @attachedXOffset: -1px; 76 | @attachedYOffset: -1px; 77 | @attachedBoxShadow: 0em 0em 0em @borderWidth rgba(0, 0, 0, 0.1) inset; 78 | @attachedBottomBoxShadow: 79 | @attachedBoxShadow, 80 | @subtleShadow 81 | ; 82 | 83 | /* Floating */ 84 | @floatingShadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); 85 | @floatingBoxShadow: 86 | @floatingShadow, 87 | @borderShadow 88 | ; 89 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/definitions/modules/tab.less: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Semantic UI - Tab 3 | * http://github.com/semantic-org/semantic-ui/ 4 | * 5 | * 6 | * Copyright 2014 Contributors 7 | * Released under the MIT license 8 | * http://opensource.org/licenses/MIT 9 | * 10 | */ 11 | 12 | 13 | /******************************* 14 | Theme 15 | *******************************/ 16 | 17 | @type : 'module'; 18 | @element : 'tab'; 19 | 20 | @import (multiple) 'semantic-ui/theme.config'; 21 | 22 | /******************************* 23 | UI Tabs 24 | *******************************/ 25 | 26 | .ui.tab { 27 | display: none; 28 | } 29 | 30 | /******************************* 31 | States 32 | *******************************/ 33 | 34 | /*-------------------- 35 | Active 36 | ---------------------*/ 37 | 38 | .ui.tab.active, 39 | .ui.tab.open { 40 | display: block; 41 | } 42 | 43 | /*-------------------- 44 | Loading 45 | ---------------------*/ 46 | 47 | .ui.tab.loading { 48 | position: relative; 49 | overflow: hidden; 50 | display: block; 51 | min-height: @loadingMinHeight; 52 | } 53 | .ui.tab.loading * { 54 | position: @loadingContentPosition !important; 55 | left: @loadingContentOffset !important; 56 | } 57 | 58 | .ui.tab.loading:before, 59 | .ui.tab.loading.segment:before { 60 | position: absolute; 61 | content: ''; 62 | top: @loaderDistanceFromTop; 63 | left: 50%; 64 | 65 | margin: @loaderMargin; 66 | width: @loaderSize; 67 | height: @loaderSize; 68 | 69 | border-radius: @circularRadius; 70 | border: @loaderLineWidth solid @loaderFillColor; 71 | } 72 | .ui.tab.loading:after, 73 | .ui.tab.loading.segment:after { 74 | position: absolute; 75 | content: ''; 76 | top: @loaderDistanceFromTop; 77 | left: 50%; 78 | 79 | margin: @loaderMargin; 80 | width: @loaderSize; 81 | height: @loaderSize; 82 | 83 | animation: button-spin @loaderSpeed linear; 84 | animation-iteration-count: infinite; 85 | 86 | border-radius: @circularRadius; 87 | 88 | border-color: @loaderLineColor transparent transparent; 89 | border-style: solid; 90 | border-width: @loaderLineWidth; 91 | 92 | box-shadow: 0px 0px 0px 1px transparent; 93 | } 94 | 95 | .loadUIOverrides(); -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/collections/grid.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Grid 3 | *******************************/ 4 | 5 | /* Inherited From Site */ 6 | 7 | // @mobileBreakpoint 8 | // @tabletBreakpoint 9 | // @computerBreakpoint 10 | // @largeMonitorBreakpoint 11 | // @widescreenMonitorBreakpoint 12 | 13 | /******************************* 14 | Grid 15 | *******************************/ 16 | 17 | @minWidth: 320px; 18 | 19 | @gutterWidth: 2rem; 20 | @rowSpacing: 2rem; 21 | 22 | @tableWidth: ~"calc(100% + "@gutterWidth~")"; 23 | @columnMaxImageWidth: 100%; 24 | 25 | /******************************* 26 | Variations 27 | *******************************/ 28 | 29 | /*-------------- 30 | Page 31 | ---------------*/ 32 | 33 | /* Column Gutters */ 34 | @mobileWidth: auto; 35 | @mobileMargin: 0em; 36 | @mobileGutter: 0em; 37 | 38 | @tabletWidth: auto; 39 | @tabletMargin: 0em; 40 | @tabletGutter: 4em; 41 | 42 | @computerWidth: auto; 43 | @computerMargin: 0em; 44 | @computerGutter: 8%; 45 | 46 | @largeMonitorWidth: auto; 47 | @largeMonitorMargin: 0em; 48 | @largeMonitorGutter: 15%; 49 | 50 | @widescreenMonitorWidth: auto; 51 | @widescreenMargin: 0em; 52 | @widescreenMonitorGutter: 23%; 53 | 54 | 55 | /*-------------- 56 | Relaxed 57 | ---------------*/ 58 | 59 | @relaxedGutterWidth: 3rem; 60 | @veryRelaxedGutterWidth: 5rem; 61 | 62 | /*-------------- 63 | Divided 64 | ---------------*/ 65 | 66 | @dividedBorder: -1px 0px 0px 0px @borderColor; 67 | @verticallyDividedBorder: 0px -1px 0px 0px @borderColor; 68 | 69 | @dividedInvertedBorder: -1px 0px 0px 0px @whiteBorderColor; 70 | @verticallyDividedInvertedBorder: 0px -1px 0px 0px @whiteBorderColor; 71 | 72 | /*-------------- 73 | Celled 74 | ---------------*/ 75 | 76 | @celledMargin: 1em 0em; 77 | @celledWidth: 1px; 78 | @celledBorderColor: @solidBorderColor; 79 | 80 | @celledPadding: 0.75em; 81 | @celledRelaxedPadding: 1em; 82 | @celledVeryRelaxedPadding: 2em; 83 | 84 | /*-------------- 85 | Stackable 86 | ---------------*/ 87 | 88 | @stackableRowSpacing: @rowSpacing; 89 | @stackableGutter: @gutterWidth; 90 | @stackableMobileBorder: 1px solid @borderColor; 91 | @stackableInvertedMobileBorder: 1px solid @whiteBorderColor; 92 | 93 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/github/elements/button.variables: -------------------------------------------------------------------------------- 1 | /*------------------- 2 | Button Variables 3 | --------------------*/ 4 | 5 | /* Button Variables */ 6 | @pageFont: Helvetica Neue, Helvetica, Arial, sans-serif; 7 | @textTransform: none; 8 | @fontWeight: bold; 9 | @textColor: #333333; 10 | 11 | @textShadow: 0px 1px 0px rgba(255, 255, 255, 0.9); 12 | @invertedTextShadow: 0px -1px 0px rgba(0, 0, 0, 0.25); 13 | 14 | @borderRadius: @relativeBorderRadius; 15 | 16 | @verticalPadding: 0.75em; 17 | @horizontalPadding: 1.15em; 18 | 19 | @backgroundColor: #FAFAFA; 20 | @backgroundImage: linear-gradient(rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.1)); 21 | @boxShadow: 22 | 0 -1px 0 0 rgba(0, 0, 0, 0.05) inset, 23 | 0 0 0 1px rgba(0, 0, 0, 0.13) inset, 24 | 0 1px 3px rgba(0, 0, 0, 0.05) 25 | ; 26 | 27 | @coloredBackgroundImage: linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2)); 28 | @coloredBoxShadow: 29 | 0 -1px 0 0 rgba(0, 0, 0, 0.05) inset, 30 | 0 0 0 1px rgba(0, 0, 0, 0.1) inset, 31 | 0 1px 3px rgba(0, 0, 0, 0.05) 32 | ; 33 | 34 | @hoverBackgroundColor: ''; 35 | @hoverBackgroundImage: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08)); 36 | @hoverBoxShadow: ''; 37 | 38 | @downBackgroundColor: ''; 39 | @downBackgroundImage: ''; 40 | @downBoxShadow: 41 | 0 -1px 0 0 rgba(0, 0, 0, 0.05) inset, 42 | 0 0 0 1px rgba(0, 0, 0, 0.13) inset, 43 | 0 3px 5px rgba(0, 0, 0, 0.15) inset !important 44 | ; 45 | @activeBackgroundColor: #DFDFDF; 46 | @activeBackgroundImage: none; 47 | @activeBoxShadow: 48 | 0 -1px 0 0 rgba(0, 0, 0, 0.05) inset, 49 | 0 0 0 1px rgba(0, 0, 0, 0.13) inset, 50 | 0 3px 5px rgba(0, 0, 0, 0.1) inset !important 51 | ; 52 | 53 | @labeledIconBackgroundColor: transparent; 54 | @labeledIconBorder: transparent; 55 | @labeledIconPadding: (@horizontalPadding + 2.25em); 56 | 57 | @basicFontWeight: bold; 58 | @basicTextColor: @linkColor; 59 | @basicHoverTextColor: @linkHoverColor; 60 | 61 | @basicHoverBackground: #E0E0E0; 62 | 63 | @blue: #3072B3; 64 | @green: #60B044; 65 | @black: #5D5D5D; 66 | 67 | @primaryColor: @blue; 68 | @secondaryColor: @black; 69 | 70 | @mini: 0.6rem; 71 | @tiny: 0.7rem; 72 | @small: 0.85rem; 73 | @medium: 0.92rem; 74 | @large: 1rem; 75 | @big: 1.125rem; 76 | @huge: 1.25rem; 77 | @massive: 1.3rem; 78 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/classic/views/card.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Item 3 | *******************************/ 4 | /*------------------- 5 | View 6 | --------------------*/ 7 | 8 | /* Item */ 9 | @background: #FFFFFF; 10 | @borderRadius: 0.325rem; 11 | @display: block; 12 | @float: left; 13 | @margin: 0em @horizontalSpacing @rowSpacing; 14 | @minHeight: 0px; 15 | @padding: 0em; 16 | @width: 300px; 17 | @boxShadow: 18 | 0px 0px 0px 1px @borderColor, 19 | 0px 3px 0px 0px @borderColor 20 | ; 21 | @border: none; 22 | @zIndex: ''; 23 | 24 | /* Item Group */ 25 | @horizontalSpacing: 0.5em; 26 | @rowSpacing: 2.5em; 27 | @groupMargin: 1em -@horizontalSpacing; 28 | 29 | /*------------------- 30 | Content 31 | --------------------*/ 32 | 33 | /* Image */ 34 | @imageBackground: @transparentBlack; 35 | @imagePadding: 0em; 36 | @imageBorderRadius: @borderRadius @borderRadius 0em 0em; 37 | @imageBoxShadow: none; 38 | @imageBorder: none; 39 | 40 | /* Content */ 41 | @contentMargin: 0em; 42 | @contentPadding: 0.75em 1em; 43 | @contentFontSize: 1em; 44 | @contentBorder: none; 45 | @contentBorderRadius: 0em; 46 | @contentBoxShadow: none; 47 | 48 | /* Title */ 49 | @titleMargin: 0em; 50 | @titleFont: @headerFont; 51 | @titleFontWeight: bold; 52 | @titleFontSize: 1.25em; 53 | @titleColor: @darkTextColor; 54 | 55 | /* Metadata */ 56 | @metaColor: @lightTextColor; 57 | 58 | /* Description */ 59 | @descriptionDistance: 0.75em; 60 | @descriptionColor: @lightTextColor; 61 | 62 | /* Image */ 63 | @imageSpacing: 0.25em; 64 | @contentImageWidth: 2em; 65 | @contentImageVerticalAlign: middle; 66 | 67 | /* Paragraph */ 68 | @paragraphDistance: 0.1em; 69 | 70 | /* Additional Content */ 71 | @extraDisplay: absolute; 72 | @extraTop: 100%; 73 | @extraLeft: 0em; 74 | @extraWidth: 100%; 75 | 76 | @extraPadding: 0.5em 0.75em; 77 | @extraColor: @lightTextColor; 78 | @extraTransition: color @transitionDuration @transitionEasing; 79 | 80 | /*------------------- 81 | States 82 | --------------------*/ 83 | 84 | @hoverCursor: pointer; 85 | @hoverZIndex: 5; 86 | @hoverBorder: none; 87 | @hoverBoxShadow: 88 | 0px 0px 0px 1px @selectedBorderColor, 89 | 0px 3px 0px 0px @selectedBorderColor 90 | ; 91 | 92 | 93 | /*------------------- 94 | Variations 95 | --------------------*/ 96 | 97 | /* Sizes */ 98 | @medium: 1em; -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/views/statistic.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Statistic 3 | *******************************/ 4 | 5 | /*------------------- 6 | View 7 | --------------------*/ 8 | 9 | @display: inline-block; 10 | @margin: 1em 0em; 11 | @textAlign: center; 12 | @maxWidth: 175px; 13 | 14 | /* Group */ 15 | @groupDisplay: block; 16 | @groupMargin: 1em -@horizontalSpacing; 17 | @horizontalSpacing: 1em; 18 | @rowSpacing: 2em; 19 | 20 | /* Group Element */ 21 | @elementFloat: left; 22 | @elementDisplay: block; 23 | @elementMargin: 0em @horizontalSpacing @rowSpacing; 24 | @elementMaxWidth: 175px; 25 | 26 | /*------------------- 27 | Content 28 | --------------------*/ 29 | 30 | /* Value */ 31 | @valueFont: @pageFont; 32 | @valueFontWeight: normal; 33 | @valueLineHeight: 1em; 34 | @valueColor: @black; 35 | @valueTextTransform: uppercase; 36 | 37 | /* Label */ 38 | @labelSize: 1rem; 39 | @topLabelDistance: 0rem; 40 | @bottomLabelDistance: 0.25rem; 41 | @labelFont: @headerFont; 42 | @labelFontWeight: normal; 43 | @labelColor: @unselectedTextColor; 44 | @labelLineHeight: 1.33em; 45 | @labelTextTransform: none; 46 | 47 | /* Text */ 48 | @textLabelLineHeight: 1em; 49 | @textLabelMinHeight: 2em; 50 | 51 | /* Label Image */ 52 | @imageHeight: 3rem; 53 | @imageVerticalAlign: baseline; 54 | 55 | /*------------------- 56 | Types 57 | --------------------*/ 58 | 59 | @horizontalGroupElementMargin: 1em 0em; 60 | @horizontalLabelDistance: 0.75em; 61 | 62 | /*------------------- 63 | Variations 64 | --------------------*/ 65 | 66 | /* Floated */ 67 | @leftFloatedMargin: 0em 2em 1em 0em; 68 | @rightFloatedMargin: 0em 0em 1em 2em; 69 | 70 | /* Inverted */ 71 | @invertedValueColor: @invertedTextColor; 72 | @invertedLabelColor: @invertedLightTextColor; 73 | 74 | /* Size */ 75 | @miniValueSize: 1.5rem; 76 | @miniTextLabelSize: 1rem; 77 | @miniHorizontalValueSize: 1.5rem; 78 | 79 | @tinyValueSize: 2rem; 80 | @tinyTextLabelSize: 1rem; 81 | @tinyHorizontalValueSize: 2rem; 82 | 83 | @smallValueSize: 3rem; 84 | @smallTextLabelSize: 1.5rem; 85 | @smallHorizontalValueSize: 2rem; 86 | 87 | @valueSize: 4rem; 88 | @textLabelSize: 2rem; 89 | @horizontalValueSize: 3rem; 90 | 91 | @largeValueSize: 5rem; 92 | @largeTextLabelSize: 2.5rem; 93 | @largeHorizontalValueSize: 4rem; 94 | 95 | @hugeValueSize: 6rem; 96 | @hugeTextLabelSize: 2.5rem; 97 | @hugeHorizontalValueSize: 5rem; -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/modules/popup.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Popup 3 | *******************************/ 4 | 5 | /*------------------- 6 | Element 7 | --------------------*/ 8 | 9 | @zIndex: 1900; 10 | @background: @white; 11 | 12 | @maxWidth: 250px; 13 | @borderColor: #CCCCCC; 14 | @borderWidth: 1px; 15 | @boxShadow: 0px 2px 4px rgba(0, 0, 0, 0.1); 16 | @color: @textColor; 17 | 18 | @verticalPadding: 0.833em; 19 | @horizontalPadding: 1em; 20 | @fontWeight: normal; 21 | @fontStyle: normal; 22 | @borderRadius: @defaultBorderRadius; 23 | 24 | /*------------------- 25 | Parts 26 | --------------------*/ 27 | 28 | /* Placement */ 29 | @arrowSize: 0.75em; 30 | @arrowWidth: 1em; 31 | @arrowDistanceFromEdge: 1em; 32 | @boxArrowOffset: 0em; 33 | @popupDistanceAway: @arrowSize; 34 | 35 | 36 | /* Header */ 37 | @headerFontFamily: @headerFont; 38 | @headerFontSize: 1.125em; 39 | @headerDistance: 0.5em; 40 | @headerLineHeight: 1.2; 41 | 42 | /* Content Border */ 43 | @border: @borderWidth solid @borderColor; 44 | 45 | /* Arrow */ 46 | @arrowBackground: @white; 47 | @arrowZIndex: 2; 48 | @arrowJitter: 0.05em; 49 | @arrowOffset: -(@arrowSize / 2) + @arrowJitter; 50 | 51 | @arrowStroke: @borderWidth; 52 | @arrowColor: darken(@borderColor, 10); 53 | 54 | @arrowBoxShadow: @arrowStroke @arrowStroke 0px 0px @arrowColor; 55 | @leftArrowBoxShadow: @arrowStroke -@arrowStroke 0px 0px @arrowColor; 56 | @rightArrowBoxShadow: -@arrowStroke @arrowStroke 0px 0px @arrowColor; 57 | @bottomArrowBoxShadow: -@arrowStroke -@arrowStroke 0px 0px @arrowColor; 58 | 59 | /*------------------- 60 | Coupling 61 | --------------------*/ 62 | 63 | /* Grid Inside Popup */ 64 | @nestedGridMargin: -0.7rem -0.875rem; /* (padding * @medium) */ 65 | @nestedGridWidth: ~"calc(100% + 1.75rem)"; 66 | 67 | /*------------------- 68 | States 69 | --------------------*/ 70 | 71 | @loadingZIndex: -1; 72 | 73 | /*------------------- 74 | Variations 75 | --------------------*/ 76 | 77 | /* Wide */ 78 | @wideWidth: 350px; 79 | @veryWideWidth: 550px; 80 | 81 | /* Inverted */ 82 | @invertedBackground: @black; 83 | @invertedColor: @white; 84 | @invertedBorder: none; 85 | @invertedBoxShadow: none; 86 | 87 | @invertedHeaderBackground: none; 88 | @invertedHeaderColor: @white; 89 | @invertedArrowColor: @black; 90 | 91 | /* Sizes */ 92 | @small: 0.785714rem; 93 | @medium: 0.85714rem; 94 | @large: 1rem; 95 | @huge: 1.14285rem; -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/elements/step.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Step 3 | *******************************/ 4 | 5 | /*------------------- 6 | Element 7 | --------------------*/ 8 | 9 | @verticalMargin: 0em; 10 | @horizontalMargin: 0em; 11 | 12 | @arrowSize: 1.5em; 13 | @verticalPadding: 0.9285em; 14 | @horizontalPadding: 1.5em; 15 | @leftPadding: @horizontalPadding + (@arrowSize / 2); 16 | 17 | @transition: 18 | background-color @transitionDuration @transitionEasing, 19 | opacity @transitionDuration @transitionEasing, 20 | color @transitionDuration @transitionEasing, 21 | box-shadow @transitionDuration @transitionEasing 22 | ; 23 | @borderRadius: @defaultBorderRadius; 24 | @lineHeight: 1.142rem; 25 | 26 | @backgroundColor: #FFFFFF; 27 | @background: @backgroundColor; 28 | @borderRadius: 0em; 29 | @boxShadow: 0px 0px 0px 1px @solidBorderColor; 30 | 31 | /* Icon */ 32 | @iconDistance: 0.6em; 33 | @iconSize: 2em; 34 | @iconVerticalAlign: middle; 35 | 36 | /* Title */ 37 | @titleFontFamily: @headerFont; 38 | @titleFontWeight: bold; 39 | @titleFontSize: 1.0714em; 40 | @titleColor: @darkTextColor; 41 | 42 | /* Description */ 43 | @descriptionDistance: 0.1em; 44 | @descriptionFontSize: 0.9285em; 45 | @descriptionFontWeight: normal; 46 | @descriptionColor: @textColor; 47 | 48 | 49 | /* Arrow */ 50 | @arrowBackgroundColor: @backgroundColor; 51 | @arrowTopOffset: 50%; 52 | @arrowRightOffset: 0em; 53 | @arrowBorderColor: @borderColor; 54 | 55 | 56 | /*------------------- 57 | Group 58 | --------------------*/ 59 | 60 | @stepsBorderRadius: @defaultBorderRadius; 61 | @stepsBackground: ''; 62 | @stepsBoxShadow: ''; 63 | 64 | /*------------------- 65 | Variations 66 | --------------------*/ 67 | 68 | @attachedTopMargin: 0em; 69 | @attachedBottomMargin: -1px 0em 0em; 70 | 71 | /*------------------- 72 | States 73 | --------------------*/ 74 | 75 | /* Completed */ 76 | @completedColor: @positiveColor; 77 | 78 | /* Hover */ 79 | @hoverBackground: #FAFAFA; 80 | @hoverColor: @hoveredTextColor; 81 | 82 | /* Down */ 83 | @downBackground: #F0F0F0; 84 | @downColor: @pressedTextColor; 85 | 86 | /* Active */ 87 | @activeBackground: #F0F0F0; 88 | @activeColor: @linkColor; 89 | @activeIconColor: @darkTextColor; 90 | 91 | /* Active + Hover */ 92 | @activeHoverBackground: #ECECEC; 93 | @activeHoverColor: @textColor; 94 | 95 | 96 | /* Disabled */ 97 | @disabledBackground: @white; 98 | @disabledColor: @disabledTextColor; 99 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/material/elements/button.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Button 3 | *******************************/ 4 | 5 | /*------------------- 6 | Element 7 | --------------------*/ 8 | 9 | @googleFontName : 'Roboto'; 10 | @pageFont : 'Roboto', Arial, sans-serif; 11 | 12 | @medium: 13px; 13 | 14 | @verticalPadding : 0.8em; 15 | @horizontalPadding : 0.8em; 16 | @borderRadius : 0.153846153em; 17 | @color : #222222; 18 | @fontWeight : normal; 19 | @textTransform : none; 20 | 21 | @backgroundColor : @white; 22 | @backgroundImage : linear-gradient(transparent, rgba(0, 0, 0, 0.02)); 23 | 24 | @solidBorderColor: #DDDDDD; 25 | 26 | @borderBoxShadowColor: @solidBorderColor; 27 | @borderBoxShadow: 0px 0px 0px 1px @solidBorderColor; 28 | @shadowBoxShadow: 0px 0px 0px 0px transparent; 29 | 30 | @transition: 31 | opacity 0.3s @transitionEasing, 32 | background-color 0.3s @transitionEasing, 33 | color 0.3s @transitionEasing, 34 | box-shadow 0.3s @transitionEasing, 35 | background 0.3s @transitionEasing 36 | ; 37 | /*------------------- 38 | State 39 | --------------------*/ 40 | 41 | @hoverBackgroundColor: @white; 42 | @hoverBoxShadow: 43 | @borderBoxShadow, 44 | 0px 2px 3px 0px rgba(0, 0, 0, 0.2) !important 45 | ; 46 | 47 | @downBackgroundColor: @white; 48 | @downBackgroundImage: linear-gradient(rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.04)); 49 | @downTextColor: #222222; 50 | @downBoxShadow: @borderBoxShadow; 51 | 52 | @activeBackgroundColor: #F0F0F0; 53 | @activeBoxShadow: 0px 0px 0px 1px #DDDDDD; 54 | 55 | /*------------------- 56 | Variations 57 | --------------------*/ 58 | 59 | @basicBorderSize: 0px; 60 | @basicBorderRadius: 4px; 61 | @basicColoredBorderSize: 1px; 62 | @basicHoverBackground: @white; 63 | @basicHoverBoxShadow: @hoverBoxShadow; 64 | @basicDownBackground: @white; 65 | @basicDownBoxShadow: @downBoxShadow; 66 | 67 | @basicActiveBackground: #FFFFFF; 68 | @basicActiveBoxShadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2); 69 | 70 | @labeledIconBackgroundColor: transparent; 71 | @labeledIconWidth: 2em; 72 | 73 | @coloredBackgroundImage : @subtleGradient; 74 | @coloredBoxShadow : 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset; 75 | 76 | @primaryColor : #4184F3; 77 | @primaryBoxShadow : 0px 0px 0px 1px #0157E4 inset; 78 | 79 | @secondaryColor : #EEEEEE; 80 | @secondaryBackgroundImage : @backgroundImage; 81 | @secondaryTextColor : @textColor; 82 | @secondaryBoxShadow : @borderBoxShadow; 83 | 84 | @positiveColor: #3D9400; 85 | @negativeColor: #D34836; 86 | @invertedBorderSize: 1px; 87 | 88 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/views/comment.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Comments 3 | *******************************/ 4 | 5 | 6 | /*------------------- 7 | View 8 | --------------------*/ 9 | 10 | @maxWidth: 650px; 11 | @margin: 1.5em 0em; 12 | 13 | /*------------------- 14 | Elements 15 | --------------------*/ 16 | 17 | /* Comment */ 18 | @commentBackground: none; 19 | @commentMargin: 0.5em 0em 0em; 20 | @commentPadding: 0.5em 0em 0em; 21 | @commentDivider: none; 22 | @commentBorder: none; 23 | @commentLineHeight: 1.2; 24 | @firstCommentMargin: 0em; 25 | @firstCommentPadding: 0em; 26 | 27 | /* Nested Comment */ 28 | @nestedCommentsMargin: 0em 0em 0.5em 0.5em; 29 | @nestedCommentsPadding: 1em 0em 1em 1em; 30 | 31 | @nestedCommentDivider: none; 32 | @nestedCommentBorder: none; 33 | @nestedCommentBackground: none; 34 | 35 | /* Avatar */ 36 | @avatarDisplay: block; 37 | @avatarFloat: left; 38 | @avatarWidth: 2.5em; 39 | @avatarHeight: auto; 40 | @avatarSpacing: 1em; 41 | @avatarMargin: (@commentLineHeight - 1em) 0em 0em; 42 | @avatarBorderRadius: 0.25rem; 43 | 44 | /* Content */ 45 | @contentMargin: @avatarWidth + @avatarSpacing; 46 | 47 | /* Author */ 48 | @authorFontSize: 1em; 49 | @authorColor: @textColor; 50 | @authorHoverColor: @linkHoverColor; 51 | @authorFontWeight: bold; 52 | 53 | /* Metadata */ 54 | @metadataDisplay: inline-block; 55 | @metadataFontSize: 0.875em; 56 | @metadataSpacing: 0.5em; 57 | @metadataContentSpacing: 0.5em; 58 | @metadataColor: @lightTextColor; 59 | 60 | /* Text */ 61 | @textFontSize: 1em; 62 | @textMargin: 0.25em 0em 0.5em; 63 | @textWordWrap: break-word; 64 | @textLineHeight: 1.3; 65 | 66 | /* Actions */ 67 | @actionFontSize: 0.875em; 68 | @actionContentDistance: 0.75em; 69 | @actionLinkColor: @unselectedTextColor; 70 | @actionLinkHoverColor: @hoveredTextColor; 71 | 72 | /* Reply */ 73 | @replyDistance: 1em; 74 | @replyHeight: 12em; 75 | @replyFontSize: 1em; 76 | 77 | @commentReplyDistance: @replyDistance; 78 | 79 | /*------------------- 80 | Variations 81 | --------------------*/ 82 | 83 | /* Threaded */ 84 | @threadedCommentMargin: -1.5em 0 -1em (@avatarWidth / 2); 85 | @threadedCommentPadding: 3em 0em 2em 2.25em; 86 | @threadedCommentBoxShadow: -1px 0px 0px @borderColor; 87 | 88 | 89 | /* Minimal */ 90 | @minimalActionPosition: absolute; 91 | @minimalActionTop: 0px; 92 | @minimalActionRight: 0px; 93 | @minimalActionLeft: auto; 94 | 95 | @minimalTransitionDelay: 0.1s; 96 | @minimalEasing: @defaultEasing; 97 | @minimalDuration: 0.2s; 98 | @minimalTransition: opacity @minimalDuration @minimalEasing; 99 | 100 | /* Sizes */ 101 | @small: 0.9em; 102 | @medium: 1em; 103 | @large: 1.1em; 104 | @huge: 1.2em; -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/classic/elements/button.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Button 3 | *******************************/ 4 | 5 | /*------------------- 6 | Element 7 | --------------------*/ 8 | 9 | /* Shadow */ 10 | @shadowDistance: 0em; 11 | @shadowOffset: (@shadowDistance / 2); 12 | @shadowBoxShadow: 0px -@shadowDistance 0px 0px @borderColor inset; 13 | @backgroundColor: #FAFAFA; 14 | @backgroundImage: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.09)); 15 | @boxShadow: 16 | 0px 0px 0px 1px @borderColor inset, 17 | @shadowBoxShadow 18 | ; 19 | 20 | /* Padding */ 21 | @verticalPadding: 0.8em; 22 | @horizontalPadding: 1.5em; 23 | 24 | 25 | /*------------------- 26 | Group 27 | --------------------*/ 28 | 29 | @groupBoxShadow: none; 30 | @groupButtonBoxShadow: 31 | 0px 0px 0px 1px @borderColor inset, 32 | @shadowBoxShadow 33 | ; 34 | @verticalBoxShadow: 0px 0px 0px 1px @borderColor inset; 35 | @groupButtonOffset: 0px 0px 0px -1px; 36 | @verticalGroupOffset: 0px 0px -1px 0px; 37 | 38 | /*------------------- 39 | States 40 | --------------------*/ 41 | 42 | /* Hovered */ 43 | @hoverBackgroundColor: ''; 44 | @hoverBackgroundImage: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.13)); 45 | @hoverBoxShadow: ''; 46 | @hoverColor: @hoveredTextColor; 47 | @iconHoverOpacity: 0.85; 48 | 49 | /* Focused */ 50 | @focusBackgroundColor: ''; 51 | @focusBackgroundImage: ''; 52 | @focusBoxShadow: 53 | 0px 0px 1px rgba(81, 167, 232, 0.8) inset, 54 | 0px 0px 3px 2px rgba(81, 167, 232, 0.8) 55 | ; 56 | @focusColor: @hoveredTextColor; 57 | @iconFocusOpacity: 0.85; 58 | 59 | /* Pressed Down */ 60 | @downBackgroundColor: #F1F1F1; 61 | @downBackgroundImage: ''; 62 | @downBoxShadow: 63 | 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset, 64 | 0px 1px 4px 0px rgba(0, 0, 0, 0.1) inset !important 65 | ; 66 | @downColor: @pressedTextColor; 67 | 68 | /* Active */ 69 | @activeBackgroundColor: #DADADA; 70 | @activeBackgroundImage: none; 71 | @activeColor: @selectedTextColor; 72 | @activeBoxShadow: 73 | 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset, 74 | 0px 1px 4px 0px rgba(0, 0, 0, 0.1) inset !important 75 | ; 76 | 77 | /* Active + Hovered */ 78 | @activeHoverBackgroundColor: #DADADA; 79 | @activeHoverBackgroundImage: none; 80 | @activeHoverBoxShadow: 81 | 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset, 82 | 0px 1px 4px 0px rgba(0, 0, 0, 0.1) inset !important 83 | ; 84 | @activeHoverColor: @selectedTextColor; 85 | 86 | /* Loading */ 87 | @loadingBackgroundColor: #FFFFFF; 88 | 89 | /*------------------- 90 | Types 91 | --------------------*/ 92 | 93 | /* Labeled Icon */ 94 | @labeledIconBackgroundColor: rgba(0, 0, 0, 0.05); 95 | @labeledIconLeftShadow: -1px 0px 0px 0px @labeledIconBorder inset; 96 | @labeledIconRightShadow: 1px 0px 0px 0px @labeledIconBorder inset; 97 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/elements/segment.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Segment 3 | *******************************/ 4 | 5 | /*------------------- 6 | Element 7 | --------------------*/ 8 | 9 | @background: @white; 10 | @borderWidth: 1px; 11 | @border: none; 12 | 13 | @borderShadow: 0px 0px 0px @borderWidth @borderColor; 14 | @boxShadow: 15 | @borderShadow, 16 | @subtleShadow 17 | ; 18 | @verticalPadding: 1em; 19 | @horizontalPadding: 1em; 20 | 21 | @margin: 1rem; 22 | @borderRadius: @defaultBorderRadius; 23 | 24 | /*------------------- 25 | Coupling 26 | --------------------*/ 27 | 28 | /* Page Grid Segment */ 29 | @pageGridMargin: (2 * @verticalPadding); 30 | 31 | 32 | /******************************* 33 | States 34 | *******************************/ 35 | 36 | /* Loading Dimmer */ 37 | @loaderDimmerColor: rgba(255, 255, 255, 0.8); 38 | @loaderDimmerZIndex: 100; 39 | 40 | /* Loading Spinner */ 41 | @loaderSize: 3em; 42 | @loaderOffset: -(@loaderSize / 2); 43 | @loaderMargin: @loaderOffset 0em 0em @loaderOffset; 44 | @loaderLineZIndex: 101; 45 | 46 | 47 | /******************************* 48 | Variations 49 | *******************************/ 50 | 51 | /* Piled */ 52 | @piledZIndex: auto; 53 | @piledMargin: 3em; 54 | @piledBoxShadow: 0px 0px 1px 1px @borderColor; 55 | @piledDegrees: 1.2deg; 56 | 57 | /* Circular */ 58 | @circularPadding: 2em; 59 | 60 | /* Stacked */ 61 | @stackedHeight: 6px; 62 | @stackedPageBackground: @subtleTransparentBlack; 63 | @stackedPadding: @verticalPadding + (0.4em); 64 | @tallStackedPadding: @verticalPadding + (0.8em); 65 | 66 | /* Raised */ 67 | @raisedShadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15); 68 | @raisedBoxShadow: 69 | @borderShadow, 70 | @raisedShadow 71 | ; 72 | 73 | /* Attached */ 74 | @attachedTopOffset: 0px; 75 | @attachedBottomOffset: 0px; 76 | @attachedHorizontalOffset: -1px; 77 | @attachedWidth: ~"calc(100% + "-@attachedHorizontalOffset * 2~")"; 78 | @attachedBoxShadow: none; 79 | @attachedBorder: 1px solid @solidBorderColor; 80 | @attachedBottomBoxShadow: 81 | @attachedBoxShadow, 82 | @subtleShadow 83 | ; 84 | 85 | /* Colors */ 86 | @coloredBorderSize: 2px; 87 | @coloredBorderRadius: @borderRadius; 88 | 89 | /* Ordinality */ 90 | @secondaryBackground: #FAF9FA; 91 | @secondaryColor: @textColor; 92 | 93 | @tertiaryBackground: #EBEBEB; 94 | @tertiaryColor: @lightTextColor; 95 | 96 | @secondaryInvertedBackground: linear-gradient(rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%); 97 | @secondaryInvertedColor: @offWhite; 98 | 99 | @tertiaryInvertedBackground: linear-gradient(rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%); 100 | @tertiaryInvertedColor: @darkWhite; 101 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/definitions/collections/breadcrumb.less: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Semantic UI - Breadcrumb 3 | * http://github.com/semantic-org/semantic-ui/ 4 | * 5 | * 6 | * Copyright 2014 Contributors 7 | * Released under the MIT license 8 | * http://opensource.org/licenses/MIT 9 | * 10 | */ 11 | 12 | /******************************* 13 | Theme 14 | *******************************/ 15 | 16 | @type : 'collection'; 17 | @element : 'breadcrumb'; 18 | 19 | @import (multiple) 'semantic-ui/theme.config'; 20 | 21 | 22 | /******************************* 23 | Breadcrumb 24 | *******************************/ 25 | 26 | .ui.breadcrumb { 27 | margin: @verticalMargin 0em; 28 | display: @display; 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(); -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/definitions/modules/video.less: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Semantic UI - Video 3 | * http://github.com/semantic-org/semantic-ui/ 4 | * 5 | * 6 | * Copyright 2014 Contributors 7 | * Released under the MIT license 8 | * http://opensource.org/licenses/MIT 9 | * 10 | */ 11 | 12 | 13 | /******************************* 14 | Theme 15 | *******************************/ 16 | 17 | @type : 'module'; 18 | @element : 'video'; 19 | 20 | @import (multiple) 'semantic-ui/theme.config'; 21 | 22 | /******************************* 23 | Video 24 | *******************************/ 25 | 26 | .ui.video { 27 | position: relative; 28 | background-color: @background; 29 | position: relative; 30 | max-width: 100%; 31 | padding-bottom: 56.25%; 32 | height: 0px; 33 | overflow: hidden; 34 | } 35 | 36 | /*-------------- 37 | Content 38 | ---------------*/ 39 | 40 | /* Placeholder Image */ 41 | .ui.video .placeholder { 42 | background-color: @placeholderBackground; 43 | } 44 | 45 | /* Play Icon Overlay */ 46 | .ui.video .play { 47 | cursor: pointer; 48 | position: absolute; 49 | top: 0px; 50 | left: 0px; 51 | z-index: 10; 52 | 53 | width: 100%; 54 | height: 100%; 55 | 56 | opacity: @playOpacity; 57 | transition: opacity 0.3s; 58 | } 59 | .ui.video .play.icon:before { 60 | position: absolute; 61 | top: 50%; 62 | left: 50%; 63 | z-index: 11; 64 | 65 | background: @playBackground; 66 | 67 | width: (@playSize + @playBorderSize); 68 | height: (@playSize + @playBorderSize); 69 | line-height: (@playSize + @playBorderSize); 70 | border-radius: @playBorderRadius; 71 | 72 | color: @playColor; 73 | font-size: @playSize; 74 | text-shadow: @playShadow; 75 | transform: translateX(-50%) translateY(-50%); 76 | } 77 | 78 | .ui.video .placeholder { 79 | position: absolute; 80 | top: 0px; 81 | left: 0px; 82 | display: block; 83 | width: 100%; 84 | height: 100%; 85 | } 86 | 87 | /* IFrame Embed */ 88 | .ui.video .embed iframe, 89 | .ui.video .embed embed, 90 | .ui.video .embed object { 91 | position: absolute; 92 | border: none; 93 | width: 100%; 94 | height: 100%; 95 | top: 0px; 96 | left: 0px; 97 | margin: 0em; 98 | padding: 0em; 99 | } 100 | 101 | /******************************* 102 | States 103 | *******************************/ 104 | 105 | /*-------------- 106 | Hover 107 | ---------------*/ 108 | 109 | .ui.video .play:hover { 110 | opacity: @playHoverOpacity; 111 | } 112 | 113 | /*-------------- 114 | Active 115 | ---------------*/ 116 | 117 | .ui.video.active .play, 118 | .ui.video.active .placeholder { 119 | display: none; 120 | } 121 | .ui.video.active .embed { 122 | display: inline; 123 | } 124 | 125 | .loadUIOverrides(); -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/semantic.less: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | ███████╗███████╗███╗ ███╗ █████╗ ███╗ ██╗████████╗██╗ ██████╗ ██╗ ██╗██╗ 4 | ██╔════╝██╔════╝████╗ ████║██╔══██╗████╗ ██║╚══██╔══╝██║██╔════╝ ██║ ██║██║ 5 | ███████╗█████╗ ██╔████╔██║███████║██╔██╗ ██║ ██║ ██║██║ ██║ ██║██║ 6 | ╚════██║██╔══╝ ██║╚██╔╝██║██╔══██║██║╚██╗██║ ██║ ██║██║ ██║ ██║██║ 7 | ███████║███████╗██║ ╚═╝ ██║██║ ██║██║ ╚████║ ██║ ██║╚██████╗ ╚██████╔╝██║ 8 | ╚══════╝╚══════╝╚═╝ ╚═╝╚═╝ ╚═╝╚═╝ ╚═══╝ ╚═╝ ╚═╝ ╚═════╝ ╚═════╝ ╚═╝ 9 | 10 | Import this file into your LESS project to use Semantic UI without build tools 11 | */ 12 | 13 | /* Global */ 14 | & { @import "definitions/globals/reset"; } 15 | & { @import "definitions/globals/site"; } 16 | 17 | /* Elements */ 18 | & { @import "definitions/elements/button"; } 19 | & { @import "definitions/elements/divider"; } 20 | & { @import "definitions/elements/flag"; } 21 | & { @import "definitions/elements/header"; } 22 | & { @import "definitions/elements/icon"; } 23 | & { @import "definitions/elements/image"; } 24 | & { @import "definitions/elements/input"; } 25 | & { @import "definitions/elements/label"; } 26 | & { @import "definitions/elements/list"; } 27 | & { @import "definitions/elements/loader"; } 28 | & { @import "definitions/elements/rail"; } 29 | & { @import "definitions/elements/reveal"; } 30 | & { @import "definitions/elements/segment"; } 31 | & { @import "definitions/elements/step"; } 32 | 33 | /* Collections */ 34 | & { @import "definitions/collections/breadcrumb"; } 35 | & { @import "definitions/collections/form"; } 36 | & { @import "definitions/collections/grid"; } 37 | & { @import "definitions/collections/menu"; } 38 | & { @import "definitions/collections/message"; } 39 | & { @import "definitions/collections/table"; } 40 | 41 | /* Views */ 42 | & { @import "definitions/views/ad"; } 43 | & { @import "definitions/views/card"; } 44 | & { @import "definitions/views/comment"; } 45 | & { @import "definitions/views/feed"; } 46 | & { @import "definitions/views/item"; } 47 | & { @import "definitions/views/statistic"; } 48 | 49 | /* Modules */ 50 | & { @import "definitions/modules/accordion"; } 51 | & { @import "definitions/modules/checkbox"; } 52 | & { @import "definitions/modules/dimmer"; } 53 | & { @import "definitions/modules/dropdown"; } 54 | & { @import "definitions/modules/modal"; } 55 | & { @import "definitions/modules/nag"; } 56 | & { @import "definitions/modules/popup"; } 57 | & { @import "definitions/modules/progress"; } 58 | & { @import "definitions/modules/rating"; } 59 | & { @import "definitions/modules/search"; } 60 | & { @import "definitions/modules/shape"; } 61 | & { @import "definitions/modules/sidebar"; } 62 | & { @import "definitions/modules/sticky"; } 63 | & { @import "definitions/modules/tab"; } 64 | & { @import "definitions/modules/transition"; } 65 | & { @import "definitions/modules/video"; } -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/modules/accordion.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Accordion 3 | *******************************/ 4 | 5 | @fontSize: 1em; 6 | @boxShadow: none; 7 | 8 | /* Title */ 9 | @titleFont: @headerFont; 10 | @titlePadding: 0.5em 0em; 11 | @titleFontSize: 1em; 12 | @titleColor: @textColor; 13 | 14 | /* Icon */ 15 | @iconOpacity: 1; 16 | @iconFontSize: 1em; 17 | @iconFloat: none; 18 | @iconWidth: 1.25em; 19 | @iconHeight: 1em; 20 | @iconDisplay: inline-block; 21 | @iconMargin: 0em 0.25rem 0em 0rem; 22 | @iconPadding: 0em; 23 | @iconTransition: 24 | transform @transitionDuration @transitionEasing, 25 | opacity @transitionDuration @transitionEasing 26 | ; 27 | @iconVerticalAlign: baseline; 28 | @iconTransform: none; 29 | 30 | /* Child Accordion */ 31 | @childAccordionMargin: 1em 0em 0em; 32 | @childAccordionPadding: 0em; 33 | 34 | /* Content */ 35 | @contentMargin: 0em; 36 | @contentPadding: 0.5em 0em 1em; 37 | 38 | /*------------------- 39 | Coupling 40 | --------------------*/ 41 | 42 | @menuTitlePadding: 0em; 43 | @menuIconFloat: right; 44 | @menuIconMargin: @lineHeightOffset 0em 0em 1em; 45 | @menuIconTransform: rotate(180deg); 46 | 47 | 48 | /*------------------- 49 | States 50 | --------------------*/ 51 | 52 | @activeIconTransform: rotate(90deg); 53 | 54 | /*------------------- 55 | Variations 56 | --------------------*/ 57 | 58 | /* Styled */ 59 | @styledWidth: 600px; 60 | @styledBackground: @white; 61 | @styledBorderRadius: @defaultBorderRadius; 62 | @styledBoxShadow: 63 | @subtleShadow, 64 | 0px 0px 0px 1px @borderColor 65 | ; 66 | 67 | /* Content */ 68 | @styledContentMargin: 0em; 69 | @styledContentPadding: 0.5em 1em 1.5em; 70 | 71 | /* Child Content */ 72 | @styledChildContentMargin: 0em; 73 | @styledChildContentPadding: @styledContentPadding; 74 | 75 | /* Styled Title */ 76 | @styledTitleMargin: 0em; 77 | @styledTitlePadding: 0.75em 1em; 78 | @styledTitleFontWeight: bold; 79 | @styledTitleColor: @unselectedTextColor; 80 | @styledTitleTransition: background-color @transitionDuration @transitionEasing; 81 | @styledTitleBorder: 1px solid @borderColor; 82 | @styledTitleTransition: 83 | background @transitionDuration @transitionEasing, 84 | color @transitionDuration @transitionEasing 85 | ; 86 | 87 | /* Styled Title States */ 88 | @styledTitleHoverBackground: transparent; 89 | @styledTitleHoverColor: @textColor; 90 | @styledActiveTitleBackground: transparent; 91 | @styledActiveTitleColor: @selectedTextColor; 92 | 93 | /* Styled Child Title States */ 94 | @styledHoverChildTitleBackground: @styledTitleHoverBackground; 95 | @styledHoverChildTitleColor: @styledTitleHoverColor; 96 | @styledActiveChildTitleBackground: @styledActiveTitleBackground; 97 | @styledActiveChildTitleColor: @styledActiveTitleColor; 98 | 99 | /* Inverted */ 100 | @invertedTitleColor: @invertedTextColor; 101 | 102 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/modules/progress.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Progress 3 | *******************************/ 4 | 5 | /*------------------- 6 | Element 7 | --------------------*/ 8 | 9 | @verticalSpacing: 1em; 10 | @margin: @verticalSpacing 0em (@labelHeight + @verticalSpacing); 11 | @firstMargin: 0em 0em (@labelHeight + @verticalSpacing); 12 | @lastMargin: 0em 0em (@labelHeight); 13 | 14 | @background: @subtleTransparentBlack; 15 | @border: 1px solid @borderColor; 16 | @boxShadow: none; 17 | @padding: 0.2857em; 18 | @borderRadius: @defaultBorderRadius; 19 | 20 | /* Bar */ 21 | @barPosition: relative; 22 | @barHeight: 1.75em; 23 | @barBackground: #888888; 24 | @barBorderRadius: @borderRadius; 25 | @barTransitionEasing: ease; 26 | @barTransitionDuration: 0.3s; 27 | @barTransition: 28 | width @barTransitionDuration @barTransitionEasing, 29 | background-color @barTransitionDuration @barTransitionEasing 30 | ; 31 | @barInitialWidth: 0%; 32 | @barMinWidth: 2em; 33 | 34 | /* Progress Bar Label */ 35 | @progressWidth: auto; 36 | @progressSize: 0.9em; 37 | @progressPosition: absolute; 38 | @progressTop: 50%; 39 | @progressRight: 0.5em; 40 | @progressLeft: auto; 41 | @progressBottom: auto; 42 | @progressOffset: -0.5em; 43 | @progressColor: @invertedLightTextColor; 44 | @progressTextShadow: none; 45 | @progressFontWeight: bold; 46 | @progressTextAlign: left; 47 | 48 | /* Label */ 49 | @labelWidth: 100%; 50 | @labelHeight: 1.5em; 51 | @labelSize: 1em; 52 | @labelPosition: absolute; 53 | @labelTop: 100%; 54 | @labelLeft: 0%; 55 | @labelRight: auto; 56 | @labelBottom: auto; 57 | @labelOffset: (@labelHeight - 1.3em); 58 | @labelColor: @textColor; 59 | @labelTextShadow: none; 60 | @labelFontWeight: bold; 61 | @labelTextAlign: center; 62 | @labelTransition: color 0.4s @defaultEasing; 63 | 64 | /*------------------- 65 | Types 66 | --------------------*/ 67 | 68 | @indicatingFirstColor: #D95C5C; 69 | @indicatingSecondColor: #D9A65C; 70 | @indicatingThirdColor: #E6BB48; 71 | @indicatingFourthColor: #DDC928; 72 | @indicatingFifthColor: #B4D95C; 73 | @indicatingSixthColor: #66DA81; 74 | 75 | 76 | /*------------------- 77 | States 78 | --------------------*/ 79 | 80 | /* Active */ 81 | @activePulseColor: @white; 82 | @activePulseMaxOpacity: 0.3; 83 | @activePulseDuration: 2s; 84 | @activeMinWidth: @barMinWidth; 85 | 86 | 87 | /*------------------- 88 | Variations 89 | --------------------*/ 90 | 91 | /* Attached */ 92 | @attachedBackground: transparent; 93 | @attachedHeight: 0.2rem; 94 | @attachedBorderRadius: @borderRadius; 95 | 96 | /* Inverted */ 97 | @invertedBackground: @transparentWhite; 98 | @invertedBorder: none; 99 | @invertedBarBackground: @barBackground; 100 | @invertedProgressColor: @offWhite; 101 | @invertedLabelColor: @white; 102 | 103 | /* Sizing */ 104 | @tinyBarHeight: 0.5em; 105 | @smallBarHeight: 1em; 106 | @largeBarHeight: 2.5em; 107 | @bigBarHeight: 3.5em; 108 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/definitions/elements/rail.less: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Semantic UI - Rail 3 | * http://github.com/semantic-org/semantic-ui/ 4 | * 5 | * 6 | * Copyright 2014 Contributors 7 | * Released under the MIT license 8 | * http://opensource.org/licenses/MIT 9 | * 10 | */ 11 | 12 | /******************************* 13 | Theme 14 | *******************************/ 15 | 16 | @type : 'element'; 17 | @element : 'rail'; 18 | 19 | @import (multiple) 'semantic-ui/theme.config'; 20 | 21 | /******************************* 22 | Rails 23 | *******************************/ 24 | 25 | .ui.rail { 26 | position: absolute; 27 | top: 0%; 28 | width: @width; 29 | height: @height; 30 | box-sizing: @contentSizing; 31 | } 32 | 33 | .ui.left.rail { 34 | left: auto; 35 | right: 100%; 36 | padding: 0em (@distance / 2) 0em 0em; 37 | margin: 0em (@distance / 2) 0em 0em; 38 | } 39 | 40 | .ui.right.rail { 41 | left: 100%; 42 | right: auto; 43 | padding: 0em 0em 0em (@distance / 2); 44 | margin: 0em 0em 0em (@distance / 2); 45 | } 46 | 47 | /******************************* 48 | Variations 49 | *******************************/ 50 | 51 | /*-------------- 52 | Internal 53 | ---------------*/ 54 | 55 | .ui.left.internal.rail { 56 | left: 0%; 57 | right: auto; 58 | padding: 0em 0em 0em (@distance / 2); 59 | margin: 0em 0em 0em (@distance / 2); 60 | } 61 | 62 | .ui.right.internal.rail { 63 | left: auto; 64 | right: 0%; 65 | padding: 0em (@distance / 2) 0em 0em; 66 | margin: 0em (@distance / 2) 0em 0em; 67 | } 68 | 69 | 70 | /*-------------- 71 | Divided 72 | ---------------*/ 73 | 74 | .ui.left.dividing.rail { 75 | padding: 0em (@dividedDistance / 2) 0em 0em; 76 | margin: 0em (@dividedDistance / 2) 0em 0em; 77 | border-right: @dividedBorder; 78 | } 79 | .ui.right.dividing.rail { 80 | border-left: @dividedBorder; 81 | padding: 0em 0em 0em (@dividedDistance / 2); 82 | margin: 0em 0em 0em (@dividedDistance / 2); 83 | } 84 | 85 | /*-------------- 86 | Distance 87 | ---------------*/ 88 | 89 | .ui.close.left.rail { 90 | padding: 0em (@closeDistance / 2) 0em 0em; 91 | margin: 0em (@closeDistance / 2) 0em 0em; 92 | } 93 | .ui.close.right.rail { 94 | padding: 0em 0em 0em (@closeDistance / 2); 95 | margin: 0em 0em 0em (@closeDistance / 2); 96 | } 97 | .ui.very.close.left.rail { 98 | padding: 0em (@veryCloseDistance / 2) 0em 0em; 99 | margin: 0em (@veryCloseDistance / 2) 0em 0em; 100 | } 101 | .ui.very.close.right.rail { 102 | padding: 0em 0em 0em (@veryCloseDistance / 2); 103 | margin: 0em 0em 0em (@veryCloseDistance / 2); 104 | } 105 | 106 | /*-------------- 107 | Attached 108 | ---------------*/ 109 | 110 | .ui.attached.left.rail, 111 | .ui.attached.right.rail { 112 | padding: 0em; 113 | margin: 0em; 114 | } 115 | 116 | /*-------------- 117 | Sizing 118 | ---------------*/ 119 | 120 | .ui.rail { 121 | font-size: @medium; 122 | } 123 | 124 | 125 | 126 | .loadUIOverrides(); 127 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/flat/globals/site.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Settings 3 | *******************************/ 4 | 5 | /*------------------- 6 | Paths 7 | --------------------*/ 8 | 9 | @imagePath : "../../themes/default/assets/images"; 10 | @fontPath : "../../themes/default/assets/fonts"; 11 | 12 | /*------------------- 13 | Fonts 14 | --------------------*/ 15 | 16 | @headerFont : "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; 17 | @pageFont : "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; 18 | @fontSmoothing : antialiased; 19 | 20 | /*------------------- 21 | Site Colors 22 | --------------------*/ 23 | 24 | /*--- Colors ---*/ 25 | @blue : #0074D9; 26 | @green : #2ECC40; 27 | @orange : #FF851B; 28 | @pink : #D9499A; 29 | @purple : #A24096; 30 | @red : #FF4136; 31 | @teal : #39CCCC; 32 | @yellow : #FFCB08; 33 | 34 | @black : #191919; 35 | @grey : #CCCCCC; 36 | @white : #FFFFFF; 37 | 38 | /*--- Light Colors ---*/ 39 | @lightBlue : #54C8FF; 40 | @lightGreen : #2ECC40; 41 | @lightOrange : #FF851B; 42 | @lightPink : #FF8EDF; 43 | @lightPurple : #CDC6FF; 44 | @lightRed : #FF695E; 45 | @lightTeal : #6DFFFF; 46 | @lightYellow : #FFE21F; 47 | 48 | @primaryColor : @blue; 49 | @secondaryColor : @black; 50 | 51 | 52 | /*------------------- 53 | Page 54 | --------------------*/ 55 | 56 | @bodyBackground : #FCFCFC; 57 | @fontSize : 14px; 58 | @textColor : rgba(0, 0, 0, 0.8); 59 | 60 | @headerMargin : 1em 0em 1rem; 61 | @paragraphMargin : 0em 0em 1em; 62 | 63 | @linkColor : #009FDA; 64 | @linkUnderline : none; 65 | @linkHoverColor : lighten( @linkColor, 5); 66 | 67 | @highlightBackground : #FFFFCC; 68 | @highlightColor : @textColor; 69 | 70 | 71 | 72 | /*------------------- 73 | Background Colors 74 | --------------------*/ 75 | 76 | @subtleTransparentBlack : rgba(0, 0, 0, 0.03); 77 | @transparentBlack : rgba(0, 0, 0, 0.05); 78 | @strongTransparentBlack : rgba(0, 0, 0, 0.10); 79 | 80 | @subtleTransparentWhite : rgba(255, 255, 255, 0.01); 81 | @transparentWhite : rgba(255, 255, 255, 0.05); 82 | @strongTransparentWhite : rgba(255, 255, 255, 0.01); 83 | 84 | /* Used for differentiating neutrals */ 85 | @subtleGradient: linear-gradient(transparent, rgba(0, 0, 0, 0.05)); 86 | 87 | /* Used for differentiating layers */ 88 | @subtleShadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.05); 89 | 90 | 91 | /*------------------- 92 | Grid 93 | --------------------*/ 94 | 95 | @columnCount: 16; 96 | 97 | /*------------------- 98 | Breakpoints 99 | --------------------*/ 100 | 101 | @mobileBreakpoint : 320px; 102 | @tabletBreakpoint : 768px; 103 | @computerBreakpoint : 992px; 104 | @largeMonitorBreakpoint : 1400px; 105 | @widescreenMonitorBreakpoint : 1900px; 106 | 107 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/material/globals/site.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Settings 3 | *******************************/ 4 | 5 | /*------------------- 6 | Fonts 7 | --------------------*/ 8 | 9 | @headerFont : 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif; 10 | @pageFont : 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif; 11 | @googleFontName : 'Roboto'; 12 | 13 | /*------------------- 14 | Base Sizes 15 | --------------------*/ 16 | 17 | @emSize : 14px; 18 | @fontSize : 13px; 19 | 20 | /*-------------- 21 | Page 22 | ---------------*/ 23 | 24 | @pageBackground : #F9F9F9; 25 | @lineHeight : 1.33; 26 | @textColor : #212121; 27 | 28 | /*-------------- 29 | Page Heading 30 | ---------------*/ 31 | 32 | @headerLineHeight : 1.33em; 33 | @headerFontWeight : 400; 34 | 35 | @h1 : 2.25rem; 36 | @h2 : 2rem; 37 | @h3 : 1.75rem; 38 | @h4 : 1.5rem; 39 | @h5 : 1.25rem; 40 | 41 | /*-------------- 42 | Paragraphs 43 | ---------------*/ 44 | 45 | @paragraphLineHeight: 1.7em; 46 | 47 | /*------------------- 48 | Site Colors 49 | --------------------*/ 50 | 51 | /*--- Colors ---*/ 52 | @black : #1B1C1D; 53 | @blue : #2196F3; 54 | @green : #4CAF50; 55 | @grey : #9E9E9E; 56 | @orange : #FF9800; 57 | @pink : #E91E63; 58 | @purple : #9C27B0; 59 | @red : #F44336; 60 | @teal : #1de9b6; 61 | @yellow : #FFEB3B; 62 | 63 | /*--- Light Colors ---*/ 64 | @lightBlack : #333333; 65 | @lightBlue : #2979FF; 66 | @lightGreen : #00E676; 67 | @lightOrange : #FF9100; 68 | @lightPink : #F50057; 69 | @lightPurple : #D500F9; 70 | @lightRed : #FF1744; 71 | @lightTeal : #1DE9B6; 72 | @lightYellow : #FFEA00; 73 | 74 | /*--- Neutrals ---*/ 75 | @fullBlack : #000000; 76 | @darkGrey : #AAAAAA; 77 | @lightGrey : #DCDDDE; 78 | @offWhite : #FAFAFA; 79 | @darkWhite : #F0F0F0; 80 | @white : #FFFFFF; 81 | 82 | /*------------------- 83 | Brand Colors 84 | --------------------*/ 85 | 86 | @primaryColor : @blue; 87 | @secondaryColor : @grey; 88 | 89 | @lightPrimaryColor : @lightBlue; 90 | @lightSecondaryColor : @lightGrey; 91 | 92 | /*------------------- 93 | Paragraph 94 | --------------------*/ 95 | 96 | @paragraphMargin : 0em 0em 1.53em; 97 | 98 | /*------------------- 99 | Links 100 | --------------------*/ 101 | 102 | @linkColor : #009FDA; 103 | @linkUnderline : none; 104 | @linkHoverColor : lighten(@linkColor, 5); 105 | 106 | /*------------------- 107 | Highlighted Text 108 | --------------------*/ 109 | 110 | @highlightBackground : #009FDA; 111 | @highlightColor : @white; 112 | 113 | /*------------------- 114 | Accents 115 | --------------------*/ 116 | 117 | /* 4px @ default em */ 118 | @relativeBorderRadius: 0.2857em; 119 | @absoluteBorderRadius: 2px; 120 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/elements/input.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Input 3 | *******************************/ 4 | 5 | /*------------------- 6 | Element 7 | --------------------*/ 8 | 9 | @inputFont: @pageFont; 10 | @verticalPadding: 0.78571em; 11 | @horizontalPadding: 1em; 12 | 13 | @lineHeight: 1.2142em; 14 | @lineHeightOffset: ((@lineHeight - 1em) / 2); 15 | 16 | @padding: (@verticalPadding - @lineHeightOffset) @horizontalPadding; 17 | 18 | @textAlign: left; 19 | @background: #FFFFFF; 20 | @borderWidth: 1px; 21 | @border: @borderWidth solid rgba(0, 0, 0, 0.15); 22 | @boxShadow: none; 23 | 24 | @borderRadius: @defaultBorderRadius; 25 | @transition: 26 | background-color @transitionDuration @transitionEasing, 27 | box-shadow @transitionDuration @transitionEasing, 28 | border-color @transitionDuration @transitionEasing 29 | ; 30 | 31 | @inputColor: @textColor; 32 | 33 | /*------------------- 34 | Types 35 | --------------------*/ 36 | 37 | /* Icon Input */ 38 | @glyphWidth: 1.25em; 39 | 40 | @iconWidth: (@verticalPadding * 2) + @glyphWidth; 41 | @iconOpacity: 0.5; 42 | @iconFocusOpacity: 1; 43 | @iconOffset: -0.5em; 44 | 45 | @iconDistance: 0em; 46 | @iconMargin: @iconWidth + @iconDistance; 47 | @iconTransition: opacity 0.3s @defaultEasing; 48 | 49 | @transparentIconWidth: @glyphWidth; 50 | @transparentIconMargin: 2em; 51 | 52 | /* Circular Icon Input */ 53 | @circularIconVerticalOffset: 0.35em; 54 | @circularIconHorizontalOffset: 0.5em; 55 | 56 | /* Labeled Input */ 57 | @labelCornerTop: @borderWidth; 58 | @labelCornerRight: @borderWidth; 59 | @labelCornerSize: 0.75em; 60 | @labelSize: 1em; 61 | 62 | @labeledMargin: 2.5em; 63 | @labeledIconInputMargin: 3.25em; 64 | @labeledIconMargin: 1.25em; 65 | 66 | /*------------------- 67 | States 68 | --------------------*/ 69 | 70 | /* Placeholder */ 71 | @placeholderColor: @unselectedTextColor; 72 | @placeholderFocusColor: @textColor; 73 | 74 | @placeholderErrorColor: rgba(255, 80, 80, 0.4); 75 | @placeholderErrorFocusColor: rgba(255, 80, 80, 0.7); 76 | 77 | /* Down */ 78 | @downBorderColor: rgba(0, 0, 0, 0.3); 79 | @downBackground: #FAFAFA; 80 | @downColor: @textColor; 81 | @downBoxShadow: none; 82 | 83 | /* Focus */ 84 | @focusBorderColor: @selectedBorderColor; 85 | @focusBackground: @background; 86 | @focusColor: @hoveredTextColor; 87 | @focusBoxShadow: none; 88 | 89 | /* Error */ 90 | @errorBackground: @negativeBackgroundColor; 91 | @errorBorder: @negativeBorderColor; 92 | @errorColor: @negativeColor; 93 | @errorBoxShadow: none; 94 | 95 | /* Loader */ 96 | @loaderSize: 1.2857em; 97 | @loaderOffset: -(@loaderSize / 2); 98 | @loaderMargin: @loaderOffset 0em 0em @loaderOffset; 99 | @invertedLoaderFillColor: rgba(0, 0, 0, 0.15); 100 | 101 | /*------------------- 102 | Variations 103 | --------------------*/ 104 | 105 | /* Inverted */ 106 | @transparentInvertedPlaceholderColor: @invertedUnselectedTextColor; 107 | @transparentInvertedColor: @white; 108 | 109 | 110 | /* Sizing */ 111 | @mini: 0.8125rem; 112 | @small: 0.875rem; 113 | @medium: 1rem; 114 | @large: 1.125rem; 115 | @big: 1.25rem; 116 | @huge: 1.375rem; 117 | @massive: 1.5rem; 118 | 119 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/definitions/modules/shape.less: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Semantic UI - Shape 3 | * http://github.com/semantic-org/semantic-ui/ 4 | * 5 | * 6 | * Copyright 2014 Contributors 7 | * Released under the MIT license 8 | * http://opensource.org/licenses/MIT 9 | * 10 | */ 11 | 12 | 13 | 14 | /******************************* 15 | Theme 16 | *******************************/ 17 | 18 | @type : 'module'; 19 | @element : 'shape'; 20 | 21 | @import (multiple) 'semantic-ui/theme.config'; 22 | 23 | /******************************* 24 | Shape 25 | *******************************/ 26 | 27 | .ui.shape { 28 | position: relative; 29 | display: @display; 30 | perspective: @perspective; 31 | } 32 | 33 | .ui.shape .sides { 34 | transform-style: preserve-3d; 35 | } 36 | 37 | .ui.shape .side { 38 | opacity: 1; 39 | width: 100%; 40 | 41 | margin: @sideMargin !important; 42 | 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 | z-index: @animatingZIndex; 121 | } 122 | .ui.shape .hidden.side { 123 | opacity: @hiddenSideOpacity; 124 | } 125 | 126 | 127 | /*-------------- 128 | CSS 129 | ---------------*/ 130 | 131 | .ui.shape.animating { 132 | transition: @transition; 133 | } 134 | .ui.shape.animating .sides { 135 | position: absolute; 136 | } 137 | .ui.shape.animating .sides { 138 | transition: @transition; 139 | } 140 | .ui.shape.animating .side { 141 | transition: @sideTransition; 142 | } 143 | 144 | /*-------------- 145 | Active 146 | ---------------*/ 147 | 148 | .ui.shape .active.side { 149 | display: block; 150 | } 151 | 152 | .loadUIOverrides(); -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/definitions/modules/nag.less: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Semantic UI - Nag 3 | * http://github.com/semantic-org/semantic-ui/ 4 | * 5 | * 6 | * Copyright 2014 Contributors 7 | * Released under the MIT license 8 | * http://opensource.org/licenses/MIT 9 | * 10 | */ 11 | 12 | 13 | /******************************* 14 | Theme 15 | *******************************/ 16 | 17 | @type : 'module'; 18 | @element : 'nag'; 19 | 20 | @import (multiple) 'semantic-ui/theme.config'; 21 | 22 | /******************************* 23 | Nag 24 | *******************************/ 25 | 26 | .ui.nag { 27 | display: none; 28 | opacity: @opacity; 29 | position: @position; 30 | 31 | top: @top; 32 | left: 0px; 33 | z-index: @zIndex; 34 | 35 | min-height: @minHeight; 36 | width: @width; 37 | 38 | margin: @margin; 39 | padding: @padding; 40 | 41 | background: @background; 42 | box-shadow: @boxShadow; 43 | 44 | font-size: @fontSize; 45 | text-align: @textAlign; 46 | color: @color; 47 | 48 | border-radius: @topBorderRadius; 49 | transition: @transition; 50 | } 51 | 52 | a.ui.nag { 53 | cursor: pointer; 54 | } 55 | 56 | .ui.nag > .title { 57 | display: inline-block; 58 | margin: @titleMargin; 59 | color: @titleColor; 60 | } 61 | 62 | 63 | .ui.nag > .close.icon { 64 | cursor: pointer; 65 | opacity: @closeOpacity; 66 | 67 | position: absolute; 68 | top: @closeTop; 69 | right: @closeRight; 70 | 71 | font-size: @closeSize; 72 | 73 | margin: @closeMargin; 74 | color: @closeColor; 75 | transition: @closeTransition; 76 | } 77 | 78 | 79 | 80 | /******************************* 81 | States 82 | *******************************/ 83 | 84 | /* Hover */ 85 | .ui.nag:hover { 86 | background: @nagHoverBackground; 87 | opacity: @nagHoverOpacity; 88 | } 89 | 90 | .ui.nag .close:hover { 91 | opacity: @closeHoverOpacity; 92 | } 93 | 94 | 95 | /******************************* 96 | Variations 97 | *******************************/ 98 | 99 | 100 | /*-------------- 101 | Static 102 | ---------------*/ 103 | 104 | .ui.overlay.nag { 105 | position: absolute; 106 | display: block; 107 | } 108 | 109 | /*-------------- 110 | Fixed 111 | ---------------*/ 112 | 113 | .ui.fixed.nag { 114 | position: fixed; 115 | } 116 | 117 | /*-------------- 118 | Bottom 119 | ---------------*/ 120 | 121 | .ui.bottom.nags, 122 | .ui.bottom.nag { 123 | border-radius: @bottomBorderRadius; 124 | top: auto; 125 | bottom: @bottom; 126 | } 127 | 128 | /*-------------- 129 | White 130 | ---------------*/ 131 | 132 | .ui.inverted.nags .nag, 133 | .ui.inverted.nag { 134 | background-color: @invertedBackground; 135 | color: @darkTextColor; 136 | } 137 | .ui.inverted.nags .nag .close, 138 | .ui.inverted.nags .nag .title, 139 | .ui.inverted.nag .close, 140 | .ui.inverted.nag .title { 141 | color: @lightTextColor; 142 | } 143 | 144 | 145 | /******************************* 146 | Groups 147 | *******************************/ 148 | 149 | .ui.nags .nag { 150 | border-radius: @groupedBorderRadius !important; 151 | } 152 | .ui.nags .nag:last-child { 153 | border-radius: @topBorderRadius; 154 | } 155 | .ui.bottom.nags .nag:last-child { 156 | border-radius: @bottomBorderRadius; 157 | } 158 | 159 | .loadUIOverrides(); -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/definitions/globals/site.less: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Semantic UI - Site 3 | * http://github.com/semantic-org/semantic-ui/ 4 | * 5 | * 6 | * Copyright 2014 Contributors 7 | * Released under the MIT license 8 | * http://opensource.org/licenses/MIT 9 | * 10 | */ 11 | 12 | 13 | /******************************* 14 | Theme 15 | *******************************/ 16 | 17 | @type : 'global'; 18 | @element : 'site'; 19 | 20 | @import (multiple) 'semantic-ui/theme.config'; 21 | 22 | /******************************* 23 | Page 24 | *******************************/ 25 | 26 | .loadFonts(); 27 | 28 | html, 29 | body { 30 | height: 100%; 31 | } 32 | 33 | html { 34 | font-size: @emSize; 35 | } 36 | 37 | body { 38 | margin: 0px; 39 | padding: 0px; 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 | } 125 | 126 | /******************************* 127 | Highlighting 128 | *******************************/ 129 | 130 | /* Site */ 131 | ::-webkit-selection { 132 | background-color: @highlightBackground; 133 | color: @highlightColor; 134 | } 135 | ::-moz-selection { 136 | background-color: @highlightBackground; 137 | color: @highlightColor; 138 | } 139 | ::selection { 140 | background-color: @highlightBackground; 141 | color: @highlightColor; 142 | } 143 | 144 | /* Form */ 145 | textarea::-webkit-selection, 146 | input::-webkit-selection { 147 | background-color: @inputHighlightBackground; 148 | color: @inputHighlightColor; 149 | } 150 | textarea::-moz-selection, 151 | input::-moz-selection { 152 | background-color: @inputHighlightBackground; 153 | color: @inputHighlightColor; 154 | } 155 | textarea::selection, 156 | input::selection { 157 | background-color: @inputHighlightBackground; 158 | color: @inputHighlightColor; 159 | } 160 | 161 | 162 | .loadUIOverrides(); 163 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/modules/accordion.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | @font-face { 5 | font-family: 'Accordion'; 6 | src: 7 | url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfOIKAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zryj6HgAAAFwAAAAyGhlYWT/0IhHAAACOAAAADZoaGVhApkB5wAAAnAAAAAkaG10eAJuABIAAAKUAAAAGGxvY2EAjABWAAACrAAAAA5tYXhwAAgAFgAAArwAAAAgbmFtZfC1n04AAALcAAABPHBvc3QAAwAAAAAEGAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQASAEkAtwFuABMAADc0PwE2FzYXFh0BFAcGJwYvASY1EgaABQgHBQYGBQcIBYAG2wcGfwcBAQcECf8IBAcBAQd/BgYAAAAAAQAAAEkApQFuABMAADcRNDc2MzIfARYVFA8BBiMiJyY1AAUGBwgFgAYGgAUIBwYFWwEACAUGBoAFCAcFgAYGBQcAAAABAAAAAQAAqWYls18PPPUACwIAAAAAAM/9o+4AAAAAz/2j7gAAAAAAtwFuAAAACAACAAAAAAAAAAEAAAHg/+AAAAIAAAAAAAC3AAEAAAAAAAAAAAAAAAAAAAAGAAAAAAAAAAAAAAAAAQAAAAC3ABIAtwAAAAAAAAAKABQAHgBCAGQAAAABAAAABgAUAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'), 8 | url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAASwAAoAAAAABGgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAS0AAAEtFpovuE9TLzIAAAIkAAAAYAAAAGAIIweQY21hcAAAAoQAAABMAAAATA984gpnYXNwAAAC0AAAAAgAAAAIAAAAEGhlYWQAAALYAAAANgAAADb/0IhHaGhlYQAAAxAAAAAkAAAAJAKZAedobXR4AAADNAAAABgAAAAYAm4AEm1heHAAAANMAAAABgAAAAYABlAAbmFtZQAAA1QAAAE8AAABPPC1n05wb3N0AAAEkAAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLa/iU+HQFHQAAAHkPHQAAAH4RHQAAAAkdAAABJBIABwEBBw0PERQZHnJhdGluZ3JhdGluZ3UwdTF1MjB1RjBEOXVGMERBAAACAYkABAAGAQEEBwoNVp38lA78lA78lA77lA773Z33bxWLkI2Qj44I9xT3FAWOj5CNkIuQi4+JjoePiI2Gi4YIi/uUBYuGiYeHiIiHh4mGi4aLho2Ijwj7FPcUBYeOiY+LkAgO+92L5hWL95QFi5CNkI6Oj4+PjZCLkIuQiY6HCPcU+xQFj4iNhouGi4aJh4eICPsU+xQFiIeGiYaLhouHjYePiI6Jj4uQCA74lBT4lBWLDAoAAAAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAADfYOJZfDzz1AAsCAAAAAADP/aPuAAAAAM/9o+4AAAAAALcBbgAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAAAtwABAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAEAAAAAtwASALcAAAAAUAAABgAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff') 9 | ; 10 | font-weight: normal; 11 | font-style: normal; 12 | } 13 | 14 | /* Dropdown Icon */ 15 | .ui.accordion .title .dropdown.icon, 16 | .ui.accordion .accordion .title .dropdown.icon { 17 | font-family: Accordion; 18 | line-height: 1; 19 | backface-visibility: hidden; 20 | font-weight: normal; 21 | font-style: normal; 22 | text-align: center; 23 | } 24 | 25 | .ui.accordion .title .dropdown.icon:before, 26 | .ui.accordion .accordion .title .dropdown.icon:before { 27 | content: '\f0da'/*rtl:'\f0d9'*/; 28 | } -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/modules/checkbox.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Checkbox 3 | *******************************/ 4 | 5 | @checkboxColor: @textColor; 6 | @fontSize: 1em; 7 | @checkboxLineHeight: 15px; 8 | 9 | /* Label */ 10 | @labelPadding: 1.75em; 11 | 12 | @neutralCheckbox: @transparentBlack; 13 | @positiveCheckbox: @positiveColor; 14 | @negativeCheckbox: @negativeColor; 15 | 16 | /* Checkbox */ 17 | @checkboxSize: 17px; 18 | @checkboxBackground: @white; 19 | @checkboxBorder: 1px solid @solidBorderColor; 20 | @checkboxBorderRadius: 0.25em; 21 | @checkboxTransition: 22 | background-color 0.3s ease, 23 | border 0.3s ease, 24 | box-shadow 0.3s ease 25 | ; 26 | 27 | /* Checkmark */ 28 | @checkboxCheckTop: 0px; 29 | @checkboxCheckLeft: 0px; 30 | 31 | 32 | /*------------------- 33 | Coupling 34 | --------------------*/ 35 | 36 | @labelColor: @textColor; 37 | 38 | @labelOpacity: 0.6; 39 | @labelHoverOpacity: 0.8; 40 | @labelSelectedOpacity: 1; 41 | 42 | /*------------------- 43 | States 44 | --------------------*/ 45 | 46 | @checkboxHoverBackground: @checkboxBackground; 47 | @checkboxHoverBorder: 1px solid @selectedBorderColor; 48 | @labelHoverColor: @hoveredTextColor; 49 | 50 | @checkboxSelectedBackground: #F5F5F5; 51 | @checkboxSelectedBorder: 1px solid @selectedBorderColor; 52 | @labelSelectedColor: @selectedTextColor; 53 | 54 | /* Disabled */ 55 | @disabledCheckboxOpacity: 0.5; 56 | @disabledCheckboxLabelColor: rgba(0, 0, 0, 1); 57 | 58 | /*------------------- 59 | Types 60 | --------------------*/ 61 | 62 | /* Radio */ 63 | @checkboxRadioSize: 14px; 64 | @checkboxRadioCircleSize: 9px; 65 | @checkboxRadioTop: 1px; 66 | @checkboxRadioLeft: 0px; 67 | 68 | @checkboxBulletScale: 0.428571428; 69 | @checkboxBulletColor: @textColor; 70 | @checkboxBulletRadius: @circularRadius; 71 | 72 | /* Slider & Toggle Handle */ 73 | @handleBackground: @white @subtleGradient; 74 | @handleBoxShadow: 75 | @subtleShadow, 76 | 0px 0px 0px 1px @borderColor inset 77 | ; 78 | 79 | /* Slider */ 80 | @sliderHandleSize: 1.5rem; 81 | @sliderHandleOffset: (1rem - @sliderHandleSize) / 2; 82 | @sliderLineWidth: 3.5rem; 83 | 84 | @sliderWidth: @sliderLineWidth; 85 | @sliderHeight: (@sliderHandleSize + @sliderHandleOffset); 86 | 87 | @sliderLineHeight: 0.25rem; 88 | @sliderLineVerticalOffset: 0.4rem; 89 | @sliderLineColor: @neutralCheckbox; 90 | @sliderLineRadius: @circularRadius; 91 | 92 | @sliderTravelDistance: @sliderLineWidth - @sliderHandleSize; 93 | 94 | @sliderLabelDistance: @sliderLineWidth + 1rem; 95 | @sliderOffLabelColor: @unselectedTextColor; 96 | 97 | @sliderOnLineColor: @strongTransparentBlack; 98 | @sliderOnLabelColor: @selectedTextColor; 99 | @sliderLabelLineHeight: 1rem; 100 | 101 | @sliderHoverLaneBackground: @strongTransparentBlack; 102 | @sliderHoverLabelColor: @hoveredTextColor; 103 | 104 | 105 | /* Toggle */ 106 | @toggleLaneWidth: 3.5rem; 107 | @toggleHandleSize: 1.5rem; 108 | 109 | @toggleWidth: @toggleLaneWidth; 110 | @toggleHeight: @toggleHandleSize; 111 | 112 | @toggleHandleRadius: @circularRadius; 113 | @toggleHandleOffset: 0rem; 114 | @toggleHandleTransition: 115 | background 0.3s ease 0s, 116 | left 0.3s ease 0s 117 | ; 118 | 119 | @toggleLaneHeight: @toggleHandleSize; 120 | @toggleLaneVerticalOffset: 0rem; 121 | @toggleOffOffset: -0.05rem; 122 | @toggleOnOffset: (@toggleLaneWidth - @toggleHandleSize) + 0.05rem; 123 | 124 | @toggleLabelDistance: @toggleLaneWidth + 1rem; 125 | @toggleLabelLineHeight: 1.5rem; 126 | @toggleLabelOffset: 0.15em; 127 | 128 | 129 | @toggleFocusColor: @strongTransparentBlack; 130 | @toggleHoverColor: @toggleFocusColor; 131 | 132 | @toggleOffLabelColor: @checkboxColor; 133 | @toggleOnLabelColor: @positiveCheckbox; 134 | @toggleOnLaneColor: @positiveCheckbox; 135 | 136 | 137 | 138 | /*------------------- 139 | Variations 140 | --------------------*/ 141 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/views/item.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Item 3 | *******************************/ 4 | 5 | /*------------------- 6 | View 7 | --------------------*/ 8 | 9 | /* Group */ 10 | @groupMargin: 1.5em 0em; 11 | 12 | /* Item */ 13 | @display: table; 14 | @background: transparent; 15 | @borderRadius: 0rem; 16 | @minHeight: 0px; 17 | @padding: 0em; 18 | @width: 100%; 19 | @boxShadow: none; 20 | @border: none; 21 | @zIndex: ''; 22 | @transition: box-shadow @transitionDuration @transitionEasing; 23 | 24 | /* Responsive */ 25 | @itemSpacing: 1em; 26 | @imageWidth: 175px; 27 | @contentImageDistance: 1.5em; 28 | 29 | @tabletItemSpacing: 1em; 30 | @tabletImageWidth: 150px; 31 | @tabletContentImageDistance: 1em; 32 | 33 | @mobileItemSpacing: 2em; 34 | @mobileImageWidth: auto; 35 | @mobileImageMaxHeight: 250px; 36 | @mobileContentImageDistance: 1.5em; 37 | 38 | /*------------------- 39 | Content 40 | --------------------*/ 41 | 42 | /* Image */ 43 | @imageDisplay: table-cell; 44 | @imageFloat: none; 45 | @imageMaxHeight: ''; 46 | @imageVerticalAlign: top; 47 | @imageMargin: 0em; 48 | @imagePadding: 0em; 49 | @imageBorder: none; 50 | @imageBorderRadius: 0.125rem; 51 | @imageBoxShadow: none; 52 | @imageBorder: none; 53 | 54 | /* Content */ 55 | @contentDisplay: table-cell; 56 | @contentVerticalAlign: top; 57 | 58 | @contentWidth: 100%; 59 | @contentOffset: 0em; 60 | @contentBackground: none; 61 | @contentMargin: 0em; 62 | @contentPadding: 0em; 63 | @contentFontSize: 1em; 64 | @contentBorder: none; 65 | @contentBorderRadius: 0em; 66 | @contentBoxShadow: none; 67 | 68 | /* Header */ 69 | @headerMargin: -@lineHeightOffset 0em 0em; 70 | @headerFontWeight: bold; 71 | @headerFontSize: 1.2em; 72 | @headerColor: @darkTextColor; 73 | 74 | /* Metadata */ 75 | @metaFontSize: 1em; 76 | @metaLineHeight: 1em; 77 | @metaSpacing: 0.3em; 78 | @metaColor: rgba(0, 0, 0, 0.6); 79 | 80 | /* Icons */ 81 | @actionOpacity: 0.75; 82 | @actionHoverOpacity: 1; 83 | @actionTransition: color @transitionDuration @transitionEasing; 84 | 85 | /* Actions */ 86 | @favoriteColor: #FFB70A; 87 | @favoriteActiveColor: #FFE623; 88 | @likeColor: #FF2733; 89 | @likeActiveColor: #FF2733; 90 | 91 | /* Links */ 92 | @headerLinkColor: @headerColor; 93 | @headerLinkHoverColor: @linkHoverColor; 94 | @metaLinkColor: @lightTextColor; 95 | @metaLinkHoverColor: @textColor; 96 | @contentLinkColor: ''; 97 | @contentLinkHoverColor: ''; 98 | @contentLinkTransition: color @transitionDuration @transitionEasing; 99 | 100 | 101 | /* Description */ 102 | @descriptionDistance: 0.6em; 103 | @descriptionMaxWidth: 550px; 104 | @descriptionFontSize: 1em; 105 | @descriptionLineHeight: 1.33; 106 | @descriptionColor: @textColor; 107 | 108 | /* Content Image */ 109 | @contentImageWidth: ''; 110 | @contentImageVerticalAlign: middle; 111 | 112 | /* Avatar Image */ 113 | @avatarSize: @contentImageWidth; 114 | @avatarBorderRadius: @circularRadius; 115 | 116 | /* Paragraph */ 117 | @paragraphDistance: 0.5em; 118 | 119 | /* Additional Content */ 120 | @extraDivider: none; 121 | @extraHorizontalSpacing: 0.5rem; 122 | @extraRowSpacing: 0.5rem; 123 | 124 | @extraBackground: none; 125 | @extraDisplay: block; 126 | @extraPosition: relative; 127 | @extraMargin: (1rem - @extraRowSpacing) 0em 0em; 128 | @extraTop: 0em; 129 | @extraLeft: 0em; 130 | @extraWidth: 100%; 131 | @extraPadding: 0em 0em 0em; 132 | @extraBoxShadow: none; 133 | @extraColor: @lightTextColor; 134 | @extraTransition: color @transitionDuration @transitionEasing; 135 | 136 | /*------------------- 137 | Variations 138 | --------------------*/ 139 | 140 | /* Relaxed */ 141 | @relaxedItemSpacing: 1.5em; 142 | @veryRelaxedItemSpacing: 2em; 143 | 144 | /* Divided */ 145 | @dividedBorder: 1px solid @borderColor; 146 | @dividedMargin: 0em; 147 | @dividedPadding: 1em 0em; 148 | 149 | @dividedFirstLastMargin: 0em; 150 | @dividedFirstLastPadding: 0em; 151 | 152 | /* Sizes */ 153 | @medium: 1em; -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/views/feed.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Feed 3 | *******************************/ 4 | 5 | /*------------------- 6 | Feed 7 | --------------------*/ 8 | 9 | @margin: 1em 0em; 10 | 11 | /*------------------- 12 | Elements 13 | --------------------*/ 14 | 15 | /* Event */ 16 | @eventDisplay: table; 17 | @eventWidth: 100%; 18 | @eventPadding: 0.5rem 0em; 19 | @eventMargin: 0em; 20 | @eventBackground: none; 21 | @eventDivider: none; 22 | 23 | /* Event Label */ 24 | @labelDisplay: table-cell; 25 | @labelWidth: 2.5em; 26 | @labelHeight: 2.5em; 27 | @labelVerticalAlign: top; 28 | @labelTextAlign: left; 29 | 30 | /* Icon Label */ 31 | @iconLabelOpacity: 1; 32 | @iconLabelWidth: 100%; 33 | @iconLabelSize: 1.5em; 34 | @iconLabelPadding: 0.25em; 35 | @iconLabelBackground: none; 36 | @iconLabelBorderRadius: none; 37 | @iconLabelBorder: none; 38 | @iconLabelColor: rgba(0, 0, 0, 0.6); 39 | 40 | /* Image Label */ 41 | @imageLabelWidth: 100%; 42 | @imageLabelHeight: auto; 43 | @imageLabelBorderRadius: @circularRadius; 44 | 45 | /* Content w/ Label */ 46 | @labeledContentPadding: 0.5em 0em 0.5em 1.25em; 47 | @lastLabeledContentPadding: 0em; 48 | 49 | /* Content */ 50 | @contentDisplay: table-cell; 51 | @contentVerticalAlign: top; 52 | @contentTextAlign: left; 53 | @contentWordWrap: break-word; 54 | 55 | /* Date */ 56 | @dateMargin: -0.5rem 0em 0em; 57 | @datePadding: 0em; 58 | @dateColor: @lightTextColor; 59 | @dateFontSize: 1em; 60 | @dateFontWeight: normal; 61 | @dateFontStyle: normal; 62 | 63 | /* Summary */ 64 | @summaryMargin: 0em; 65 | @summaryFontSize: 1em; 66 | @summaryFontWeight: bold; 67 | @summaryColor: @textColor; 68 | 69 | /* Summary Image */ 70 | @summaryImageWidth: auto; 71 | @summaryImageHeight: 2em; 72 | @summaryImageMargin: -0.25em 0.25em 0em 0em; 73 | @summaryImageVerticalAlign: middle; 74 | @summaryImageBorderRadius: 0.25em; 75 | 76 | /* Summary Date */ 77 | @summaryDateDisplay: inline-block; 78 | @summaryDateFloat: none; 79 | @summaryDateMargin: 0em 0em 0em 0.5em; 80 | @summaryDatePadding: 0em; 81 | @summaryDateFontSize: 0.875em; 82 | @summaryDateFontWeight: @dateFontWeight; 83 | @summaryDateFontStyle: @dateFontStyle; 84 | @summaryDateColor: @dateColor; 85 | 86 | /* User */ 87 | @userFontWeight: bold; 88 | @userDistance: 0em; 89 | @userImageWidth: @summaryImageWidth; 90 | @userImageHeight: @summaryImageHeight; 91 | @userImageMargin: @summaryImageMargin; 92 | @userImageVerticalAlign: @summaryImageVerticalAlign; 93 | 94 | /* Extra Summary Data */ 95 | @extraMargin: 0.5em 0em 0em; 96 | @extraBackground: none; 97 | @extraPadding: 0em; 98 | @extraColor: @textColor; 99 | 100 | /* Extra Images */ 101 | @extraImageMargin: 0em 0.25em 0em 0em; 102 | @extraImageWidth: 6em; 103 | 104 | /* Extra Text */ 105 | @extraTextPadding: 0.5em 1em; 106 | @extraTextPointer: 3px solid rgba(0, 0, 0, 0.2); 107 | @extraTextFontSize: 1em; 108 | @extraTextLineHeight: 1.33; 109 | @extraTextMaxWidth: 500px; 110 | 111 | /* Metadata Group */ 112 | @metadataDisplay: inline-block; 113 | @metadataFontSize: 0.875em; 114 | @metadataMargin: 0.5em 0em 0em; 115 | @metadataBackground: none; 116 | @metadataBorder: none; 117 | @metadataBorderRadius: 0; 118 | @metadataBoxShadow: none; 119 | @metadataPadding: 0em; 120 | @metadataColor: rgba(0, 0, 0, 0.6); 121 | 122 | @metadataElementSpacing: 0.75em; 123 | 124 | /* Like */ 125 | @likeColor: ''; 126 | @likeHoverColor: #FF2733; 127 | @likeActiveColor: #EF404A; 128 | @likeTransition: 0.2s color ease; 129 | 130 | /* Metadata Divider */ 131 | @metadataDivider: ''; 132 | @metadataDividerColor: rgba(0, 0, 0, 0.2); 133 | @metadataDividerOffset: -1em; 134 | 135 | @metadataActionCursor: pointer; 136 | @metadataActionOpacity: 1; 137 | @metadataActionColor: rgba(0, 0, 0, 0.5); 138 | @metadataActionTransition: color @transitionDuration @transitionEasing; 139 | 140 | @metadataActionHoverColor: @selectedTextColor; 141 | 142 | /*------------------- 143 | Variations 144 | --------------------*/ 145 | 146 | /* Size */ 147 | @small: 0.9em; 148 | @medium: 1em; 149 | @large: 1.1em; -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/definitions/modules/rating.less: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Semantic UI - Rating 3 | * http://github.com/semantic-org/semantic-ui/ 4 | * 5 | * 6 | * Copyright 2014 Contributors 7 | * Released under the MIT license 8 | * http://opensource.org/licenses/MIT 9 | * 10 | */ 11 | 12 | 13 | /******************************* 14 | Theme 15 | *******************************/ 16 | 17 | @type : 'module'; 18 | @element : 'rating'; 19 | 20 | @import (multiple) 'semantic-ui/theme.config'; 21 | 22 | /******************************* 23 | Rating 24 | *******************************/ 25 | 26 | .ui.rating { 27 | display: @display; 28 | vertical-align: @verticalAlign; 29 | } 30 | .ui.rating:last-child { 31 | margin-right: 0em; 32 | } 33 | 34 | .ui.rating:before { 35 | display: block; 36 | content: ''; 37 | visibility: hidden; 38 | clear: both; 39 | height: 0; 40 | } 41 | 42 | /* Icon */ 43 | .ui.rating .icon { 44 | cursor: pointer; 45 | 46 | margin: 0em; 47 | width: @iconWidth; 48 | height: auto; 49 | text-align: center; 50 | padding: 0em; 51 | font-weight: normal; 52 | font-style: normal; 53 | } 54 | 55 | 56 | /******************************* 57 | Types 58 | *******************************/ 59 | 60 | /*------------------- 61 | Star 62 | --------------------*/ 63 | 64 | /* Inactive */ 65 | .ui.star.rating .icon { 66 | width: @starIconWidth; 67 | color: @starInactiveColor; 68 | } 69 | 70 | /* Active Star */ 71 | .ui.star.rating .active.icon { 72 | color: @starActiveColor !important; 73 | text-shadow: @starActiveShadow; 74 | } 75 | 76 | /* Selected Star */ 77 | .ui.star.rating .icon.selected, 78 | .ui.star.rating .icon.selected.active { 79 | color: @starSelectedColor !important; 80 | } 81 | 82 | .ui.star.rating.partial { 83 | position: relative; 84 | z-index: 1; 85 | } 86 | .ui.star.rating.partial:before { 87 | position: absolute; 88 | z-index: -1; 89 | } 90 | 91 | 92 | 93 | /*------------------- 94 | Heart 95 | --------------------*/ 96 | 97 | .ui.heart.rating .icon { 98 | width: @heartIconWidth; 99 | color: @heartInactiveColor; 100 | } 101 | 102 | /* Active Heart */ 103 | .ui.heart.rating .active.icon { 104 | color: @heartActiveColor !important; 105 | text-shadow: @heartActiveShadow; 106 | } 107 | 108 | /* Selected Heart */ 109 | .ui.heart.rating .icon.selected, 110 | .ui.heart.rating .icon.selected.active { 111 | color: @heartSelectedColor !important; 112 | } 113 | 114 | 115 | /******************************* 116 | States 117 | *******************************/ 118 | 119 | 120 | /* Inactive Icon */ 121 | .ui.rating .icon { 122 | color: @inactiveColor; 123 | } 124 | 125 | /* Active Icon */ 126 | .ui.rating .active.icon { 127 | color: @activeColor; 128 | } 129 | 130 | /* Selected Icon */ 131 | .ui.rating .icon.selected, 132 | .ui.rating .icon.selected.active { 133 | color: @hoverColor; 134 | } 135 | 136 | 137 | /*------------------- 138 | Disabled 139 | --------------------*/ 140 | 141 | /* disabled rating */ 142 | .ui.disabled.rating .icon { 143 | cursor: default; 144 | } 145 | 146 | 147 | /*------------------- 148 | Interacting (Active) 149 | --------------------*/ 150 | 151 | /* Selected Rating */ 152 | .ui.rating.selected .active.icon { 153 | opacity: @interactiveIconOpacity; 154 | } 155 | .ui.rating.selected .icon.selected, 156 | .ui.rating .icon.selected { 157 | opacity: @interactiveSelectedIconOpacity; 158 | } 159 | 160 | 161 | 162 | /******************************* 163 | Variations 164 | *******************************/ 165 | 166 | .ui.mini.rating .icon { 167 | font-size: @mini; 168 | } 169 | .ui.tiny.rating .icon { 170 | font-size: @tiny; 171 | } 172 | .ui.small.rating .icon { 173 | font-size: @small; 174 | } 175 | .ui.rating .icon { 176 | font-size: @medium; 177 | } 178 | .ui.large.rating .icon { 179 | font-size: @large; 180 | } 181 | .ui.huge.rating .icon { 182 | font-size: @huge; 183 | } 184 | .ui.massive.rating .icon { 185 | font-size: @massive; 186 | } 187 | 188 | 189 | .loadUIOverrides(); 190 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/definitions/modules/dimmer.less: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Semantic UI - Dimmer 3 | * http://github.com/semantic-org/semantic-ui/ 4 | * 5 | * 6 | * Copyright 2014 Contributors 7 | * Released under the MIT license 8 | * http://opensource.org/licenses/MIT 9 | * 10 | */ 11 | 12 | /******************************* 13 | Theme 14 | *******************************/ 15 | 16 | @type : 'module'; 17 | @element : 'dimmer'; 18 | 19 | @import (multiple) 'semantic-ui/theme.config'; 20 | 21 | /******************************* 22 | Dimmer 23 | *******************************/ 24 | 25 | .dimmable { 26 | position: @dimmablePosition; 27 | } 28 | 29 | .ui.dimmer { 30 | display: none; 31 | position: @dimmerPosition; 32 | top: 0em !important; 33 | left: 0em !important; 34 | 35 | width: 100%; 36 | height: 100%; 37 | 38 | text-align: @textAlign; 39 | vertical-align: @verticalAlign; 40 | 41 | background: @background; 42 | opacity: @hiddenOpacity; 43 | line-height: @lineHeight; 44 | 45 | animation-fill-mode: both; 46 | animation-duration: @duration; 47 | transition: @transition; 48 | 49 | user-select: none; 50 | will-change: opacity; 51 | z-index: @zIndex; 52 | } 53 | 54 | /* Dimmer Content */ 55 | .ui.dimmer > .content { 56 | width: 100%; 57 | height: 100%; 58 | display: @contentDisplay; 59 | user-select: text; 60 | } 61 | .ui.dimmer > .content > div { 62 | display: @contentChildDisplay; 63 | vertical-align: @verticalAlign; 64 | color: @textColor; 65 | } 66 | 67 | 68 | /* Loose Coupling */ 69 | .ui.segment > .ui.dimmer { 70 | border-radius: inherit !important; 71 | } 72 | 73 | /******************************* 74 | States 75 | *******************************/ 76 | 77 | .animating.dimmable:not(body), 78 | .dimmed.dimmable:not(body) { 79 | overflow: @overflow; 80 | } 81 | 82 | .dimmed.dimmable > .ui.animating.dimmer, 83 | .dimmed.dimmable > .ui.visible.dimmer, 84 | .ui.active.dimmer { 85 | display: block; 86 | opacity: @visibleOpacity; 87 | } 88 | 89 | .ui.disabled.dimmer { 90 | width: 0 !important; 91 | height: 0 !important; 92 | } 93 | 94 | /******************************* 95 | Variations 96 | *******************************/ 97 | 98 | /*-------------- 99 | Page 100 | ---------------*/ 101 | 102 | .ui.page.dimmer { 103 | position: @pageDimmerPosition; 104 | transform-style: @transformStyle; 105 | perspective: @perspective; 106 | transform-origin: center center; 107 | } 108 | 109 | body.animating.in.dimmable, 110 | body.dimmed.dimmable { 111 | overflow: hidden; 112 | } 113 | body.dimmable > .dimmer { 114 | position: fixed; 115 | } 116 | 117 | /* 118 | body.dimmable > :not(.dimmer) { 119 | filter: @elementStartFilter; 120 | } 121 | body.dimmed.dimmable > :not(.dimmer) { 122 | filter: @elementEndFilter; 123 | transition: @elementTransition; 124 | } 125 | */ 126 | 127 | /*-------------- 128 | Aligned 129 | ---------------*/ 130 | 131 | .ui.dimmer > .top.aligned.content > * { 132 | vertical-align: top; 133 | } 134 | .ui.dimmer > .bottom.aligned.content > * { 135 | vertical-align: bottom; 136 | } 137 | 138 | /*-------------- 139 | Inverted 140 | ---------------*/ 141 | 142 | .ui.inverted.dimmer { 143 | background: @invertedBackground; 144 | } 145 | .ui.inverted.dimmer > .content > * { 146 | color: @textColor; 147 | } 148 | 149 | /*-------------- 150 | Simple 151 | ---------------*/ 152 | 153 | /* Displays without javascript */ 154 | .ui.simple.dimmer { 155 | display: block; 156 | overflow: hidden; 157 | opacity: 1; 158 | width: 0%; 159 | height: 0%; 160 | z-index: -100; 161 | background-color: @simpleStartBackground; 162 | } 163 | .dimmed.dimmable > .ui.simple.dimmer { 164 | overflow: visible; 165 | opacity: 1; 166 | width: 100%; 167 | height: 100%; 168 | background: @simpleEndBackground; 169 | z-index: @simpleZIndex; 170 | } 171 | 172 | .ui.simple.inverted.dimmer { 173 | background: @simpleInvertedStartBackground; 174 | } 175 | .dimmed.dimmable > .ui.simple.inverted.dimmer { 176 | background: @simpleInvertedEndBackground; 177 | } 178 | 179 | .loadUIOverrides(); 180 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/round/elements/button.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Button 3 | *******************************/ 4 | 5 | /*------------------- 6 | Element 7 | --------------------*/ 8 | @borderRadius: @circularRadius; 9 | @textTransform: uppercase; 10 | @backgroundColor: #FFFFFF; 11 | @backgroundImage: none; 12 | @fontWeight: bold; 13 | @textColor: rgba(0, 0, 0, 0.6); 14 | @boxShadow: 15 | 0px 0px 0px 2px rgba(0, 0, 0, 0.2) inset 16 | ; 17 | 18 | /* Padding */ 19 | @verticalPadding: 1.25em; 20 | @horizontalPadding: 3em; 21 | 22 | /* Icon */ 23 | @iconOpacity: 0.8; 24 | @iconDistance: 0.4em; 25 | @iconTransition: opacity @transitionDuration @transitionEasing; 26 | @iconMargin: 0em @iconDistance 0em -(@iconDistance / 2); 27 | @iconVerticalAlign: top; 28 | 29 | /*------------------- 30 | Group 31 | --------------------*/ 32 | 33 | @verticalBoxShadow: 0px 0px 0px 1px @borderColor inset; 34 | 35 | 36 | /*------------------- 37 | States 38 | --------------------*/ 39 | 40 | @hoverBackgroundColor: #FAFAFA; 41 | @hoverBackgroundImage: none; 42 | @hoverBoxShadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.3) inset; 43 | 44 | @downBackgroundColor: #F0F0F0; 45 | @downBackgroundImage: none; 46 | @downBoxShadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.35) inset !important; 47 | 48 | @activeBackgroundColor: #DDDDDD; 49 | @activeBackgroundImage: none; 50 | @activeBoxShadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.3) inset !important; 51 | 52 | @loadingBackgroundColor: #FFFFFF; 53 | 54 | /*------------------- 55 | Types 56 | --------------------*/ 57 | 58 | /* Labeled Icon */ 59 | @labeledIconWidth: 1em + (@verticalPadding * 2); 60 | @labeledIconBackgroundColor: transparent; 61 | @labeledIconPadding: (@horizontalPadding + 1em); 62 | @labeledIconBorder: rgba(0, 0, 0, 0.05); 63 | @labeledIconColor: ''; 64 | 65 | @labeledIconLeftShadow: none; 66 | @labeledIconRightShadow: none; 67 | 68 | /* Basic */ 69 | @basicBoxShadow: 0px 0px 0px 1px @borderColor; 70 | @iconOffset: 0.05em; 71 | @basicLoadingColor: #FFFFFF; 72 | 73 | @basicHoverBackground: #FAFAFA; 74 | @basicHoverBoxShadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15); 75 | 76 | @basicDownBackground: rgba(0, 0, 0, 0.02); 77 | @basicDownBoxShadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2); 78 | 79 | @basicActiveBackground: @transparentBlack; 80 | @basicActiveColor: @selectedTextColor; 81 | 82 | /* Basic Inverted */ 83 | @basicInvertedBackground: transparent; 84 | @basicInvertedHoverBackground: transparent; 85 | @basicInvertedDownBackground: @transparentWhite; 86 | @basicInvertedActiveBackground: @transparentWhite; 87 | 88 | @basicInvertedBoxShadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5); 89 | @basicInvertedHoverBoxShadow: 0px 0px 0px 2px @selectedWhiteBorderColor; 90 | @basicInvertedDownBoxShadow: 0px 0px 0px 2px @selectedWhiteBorderColor; 91 | @basicInvertedActiveBoxShadow: 0px 0px 0px 2px @selectedWhiteBorderColor; 92 | 93 | @basicInvertedColor: @darkWhite; 94 | @basicInvertedHoverColor: @darkWhiteHover; 95 | @basicInvertedDownColor: @darkWhiteActive; 96 | @basicInvertedActiveColor: @invertedTextColor; 97 | 98 | 99 | /* Basic Group */ 100 | @basicGroupBorder: 1px solid @borderColor; 101 | @basicGroupBoxShadow: 0px 0px 0px 1px @borderColor; 102 | 103 | /*------------------- 104 | Variations 105 | --------------------*/ 106 | 107 | /* Colors */ 108 | @coloredBackgroundImage: linear-gradient(rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.1)); 109 | @coloredBoxShadow: @shadowBoxShadow; 110 | 111 | /* Compact */ 112 | @compactVerticalPadding: (@verticalPadding * 0.75); 113 | @compactHorizontalPadding: (@horizontalPadding * 0.75); 114 | 115 | /* Attached */ 116 | @attachedOffset: -1px; 117 | @attachedBoxShadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1); 118 | @attachedHorizontalPadding: 0.75em; 119 | 120 | /* Floated */ 121 | @floatedMargin: 0.25em; 122 | 123 | /* Animated */ 124 | @animationDuration: 0.3s; 125 | @animationEasing: ease; 126 | @fadeScaleHigh: 1.5; 127 | @fadeScaleLow: 0.75; 128 | 129 | /* Sizing */ 130 | @mini: 0.7rem; 131 | @tiny: 0.8rem; 132 | @small: 0.875rem; 133 | @medium: 1rem; 134 | @large: 1.125rem; 135 | @big: 1.25rem; 136 | @huge: 1.375rem; 137 | @massive: 1.5rem; 138 | 139 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/modules/search.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Search 3 | *******************************/ 4 | 5 | /* Search Prompt */ 6 | @promptFontSize: 1em; 7 | @promptVerticalPadding: 0.78571em; 8 | @promptHorizontalPadding: 1em; 9 | @promptLineHeight: 1.2; 10 | @promptPadding: (@promptVerticalPadding + ((1em - @promptLineHeight) / 2)) @promptHorizontalPadding; 11 | @promptBackground: #FFFFFF; 12 | @promptBorder: 1px solid @borderColor; 13 | @promptBorderRadius: @circularRadius; 14 | @promptColor: @textColor; 15 | @promptTransition: 16 | background-color 0.2s ease, 17 | color 0.2s ease, 18 | box-shadow 0.2s ease, 19 | border-color 0.2s ease 20 | ; 21 | @promptBoxShadow: 0em 0em 0em 0em transparent inset; 22 | 23 | /* Result Box */ 24 | @resultsWidth: 16em; 25 | @resultsBackground: #FFFFFF; 26 | @resultsDistance: 0.5em; 27 | @resultsBorderRadius: 0.25em; 28 | @resultsBoxShadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2); 29 | 30 | /* Result */ 31 | @resultFontSize: 1em; 32 | @resultVerticalPadding: 0.5em; 33 | @resultHorizontalPadding: 1em; 34 | @resultTextColor: @textColor; 35 | @resultLineHeight: 1.33; 36 | @resultDivider: 1px solid @borderColor; 37 | @resultLastDivider: none; 38 | 39 | /* Result Image */ 40 | @resultImageFloat: right; 41 | @resultImageBackground: none; 42 | @resultImageWidth: 5em; 43 | @resultImageHeight: 3em; 44 | @resultImageBorderRadius: 0.25em; 45 | @resultImageMargin: 0em 6em 0em 0em; 46 | 47 | /* Result Content */ 48 | @resultTitleFont: @headerFont; 49 | @resultTitleFontWeight: bold; 50 | @resultTitleFontSize: 1em; 51 | @resultTitleColor: @darkTextColor; 52 | 53 | /* Description */ 54 | @resultDescriptionFontSize: 0.9285em; 55 | @resultDescriptionDistance: 0em; 56 | @resultDescriptionColor: @lightTextColor; 57 | 58 | /* Price */ 59 | @resultPriceFloat: right; 60 | @resultPriceColor: @green; 61 | 62 | /* Special Message */ 63 | @messageVerticalPadding: 1em; 64 | @messageHorizontalPadding: 1em; 65 | @messageHeaderFontSize: 1.1428em; 66 | @messageHeaderFontWeight: bold; 67 | @messageHeaderColor: @textColor; 68 | @messageDescriptionDistance: 0.25rem; 69 | @messageDescriptionFontSize: 1em; 70 | @messageDescriptionColor: @textColor; 71 | 72 | /* All Results Link */ 73 | @actionBorder: none; 74 | @actionBackground: @darkWhite; 75 | @actionPadding: 0.5em 1em; 76 | @actionColor: @textColor; 77 | @actionFontWeight: bold; 78 | @actionAlign: center; 79 | 80 | 81 | /******************************* 82 | States 83 | *******************************/ 84 | 85 | /* Hover */ 86 | @resultHoverBackground: @offWhite; 87 | @actionHoverBackground: #E0E0E0; 88 | 89 | /* Loading */ 90 | @loaderSize: 1.2857em; 91 | @loaderOffset: -(@loaderSize / 2); 92 | @loaderMargin: @loaderOffset 0em 0em @loaderOffset; 93 | @invertedLoaderFillColor: rgba(0, 0, 0, 0.15); 94 | 95 | /* Active Category */ 96 | @categoryActiveBackground: @darkWhite; 97 | @categoryNameActiveColor: @textColor; 98 | 99 | /* Active Result */ 100 | @resultActiveBorderLeft: transparent; 101 | @resultActiveBackground: @darkWhite; 102 | @resultActiveBoxShadow: 3px 0px 3px 0px @borderColor; 103 | @resultActiveTitleColor: @darkTextColor; 104 | @resultActiveDescriptionColor: @darkTextColor; 105 | @resultsZIndex: 998; 106 | 107 | 108 | /******************************* 109 | Types 110 | *******************************/ 111 | 112 | /* Category */ 113 | @categoryBackground: @darkWhite; 114 | @categoryBoxShadow: none; 115 | @categoryDivider: 1px solid @borderColor; 116 | @categoryTransition: 117 | background 0.2s ease, 118 | border-color 0.2s ease 119 | ; 120 | 121 | @categoryResultsWidth: 28em; 122 | 123 | @categoryResultBackground: @white; 124 | @categoryResultLeftBorder: 1px solid @borderColor; 125 | @categoryResultDivider: 1px solid @borderColor; 126 | @categoryResultLastDivider: none; 127 | @categoryResultTransition: @categoryTransition; 128 | 129 | @categoryNameWidth: 100px; 130 | @categoryNameBackground: @darkWhite; 131 | @categoryNameFont: @pageFont; 132 | @categoryNameFontSize: 1em; 133 | @categoryNameFloat: left; 134 | @categoryNamePadding: 0.4em 1em; 135 | @categoryNameFontWeight: bold; 136 | @categoryNameColor: @lightTextColor; 137 | 138 | /* Sizes */ 139 | @medium: 1em; 140 | @large: 1.1em; 141 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/elements/header.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Header 3 | *******************************/ 4 | 5 | /*------------------- 6 | Element 7 | --------------------*/ 8 | 9 | @textTransform: none; 10 | @fontFamily: @headerFont; 11 | @fontWeight: @headerFontWeight; 12 | @lineHeight: @headerLineHeight; 13 | @lineHeightOffset: @headerLineHeightOffset; 14 | 15 | @topMargin: @headerTopMargin; 16 | @bottomMargin: @headerBottomMargin; 17 | @margin: @topMargin 0em @bottomMargin; 18 | 19 | @firstMargin: -@lineHeightOffset; 20 | @lastMargin: 0em; 21 | @horizontalPadding: 0em; 22 | @verticalPadding: 0em; 23 | 24 | /* Sub Header */ 25 | @subHeaderLineHeight: 1.2em; 26 | @subHeaderColor: rgba(0, 0, 0, 0.5); 27 | 28 | /* Icon */ 29 | @iconOpacity: 1; 30 | @iconSize: 1.5em; 31 | @iconOffset: @lineHeightOffset; 32 | @iconMargin: 0.75rem; 33 | @iconAlignment: middle; 34 | 35 | /* Image */ 36 | @imageWidth: 2.5em; 37 | @imageHeight: auto; 38 | @imageOffset: @lineHeightOffset; 39 | @imageMargin: @iconMargin; 40 | @imageAlignment: middle; 41 | 42 | /* Label */ 43 | @labelSize: ''; 44 | @labelDistance: 0.5rem; 45 | @labelVerticalAlign: middle; 46 | 47 | /* Content */ 48 | @contentAlignment: top; 49 | @contentIconAlignment: middle; 50 | @contentImageAlignment: middle; 51 | 52 | /* Paragraph after Header */ 53 | @nextParagraphDistance: 0em; 54 | 55 | /*------------------- 56 | Variations 57 | --------------------*/ 58 | 59 | /* Sizing */ 60 | @huge : unit(@h1, em); 61 | @large : unit(@h2, em); 62 | @medium : unit(@h3, em); 63 | @small : unit(@h4, em); 64 | @tiny : unit(@h5, em); 65 | 66 | /* Sub Header */ 67 | @h1SubHeaderFontSize: 1.4285rem; 68 | @h2SubHeaderFontSize: 1.1428rem; 69 | @h3SubHeaderFontSize: 1.1428rem; 70 | @h4SubHeaderFontSize: 1rem; 71 | @h5SubHeaderFontSize: 0.9285rem; 72 | 73 | @hugeSubHeaderFontSize : @h1SubHeaderFontSize; 74 | @largeSubHeaderFontSize : @h2SubHeaderFontSize; 75 | @subHeaderFontSize : @h3SubHeaderFontSize; 76 | @smallSubHeaderFontSize : @h4SubHeaderFontSize; 77 | @tinySubHeaderFontSize : @h5SubHeaderFontSize; 78 | 79 | /* Icon Header */ 80 | @iconHeaderSize: 3em; 81 | @iconHeaderOpacity: 1; 82 | @iconHeaderMargin: 0.25rem; 83 | @circularHeaderIconSize: 2em; 84 | @squareHeaderIconSize: 2em; 85 | 86 | /* No Line Height Offset */ 87 | @iconHeaderTopMargin: 2rem; 88 | @iconHeaderBottomMargin: @bottomMargin; 89 | @iconHeaderFirstMargin: 0em; 90 | 91 | /* Divided */ 92 | @dividedBorder: 1px solid rgba(0, 0, 0, 0.1); 93 | @dividedColoredBorderWidth: 2px; 94 | 95 | @dividedBorderPadding: 0.25rem; 96 | @dividedSubHeaderPadding: 0.25rem; 97 | @dividedIconPadding: 0em; 98 | 99 | /* Block */ 100 | @blockBackground: @darkWhite; 101 | @blockBoxShadow: none; 102 | @blockBorder: 1px solid @solidBorderColor; 103 | @blockHorizontalPadding: 1rem; 104 | @blockVerticalPadding: 0.75rem; 105 | @blockBorderRadius: 0.3125rem; 106 | 107 | @tinyBlock: @tiny; 108 | @smallBlock: @small; 109 | @mediumBlock: @medium; 110 | @largeBlock: @large; 111 | @hugeBlock: @huge; 112 | 113 | /* Divided */ 114 | @blackDividedBorderColor: @black; 115 | @blueDividedBorderColor: @blue; 116 | @greenDividedBorderColor: @green; 117 | @orangeDividedBorderColor: @orange; 118 | @pinkDividedBorderColor: @pink; 119 | @purpleDividedBorderColor: @purple; 120 | @redDividedBorderColor: @red; 121 | @tealDividedBorderColor: @teal; 122 | @yellowDividedBorderColor: @yellow; 123 | 124 | /* Attached */ 125 | @attachedOffset: -1px; 126 | @attachedBoxShadow: none; 127 | @attachedBorder: 1px solid @solidBorderColor; 128 | @attachedVerticalPadding: @blockVerticalPadding; 129 | @attachedHorizontalPadding: @blockHorizontalPadding; 130 | @attachedBackground: @white; 131 | @attachedBorderRadius: @blockBorderRadius; 132 | 133 | @tinyAttached: 0.8571em; 134 | @smallAttached: 0.9285em; 135 | @mediumAttached: 1em; 136 | @largeAttached: 1.0714em; 137 | @hugeAttached: 1.1428em; 138 | 139 | /* Inverted */ 140 | @invertedColor: @white; 141 | @invertedSubHeaderColor: rgba(255, 255, 255, 0.85); 142 | @invertedDividedBorderColor: @whiteBorderColor; 143 | @invertedBlockBackground: @lightBlack @subtleGradient; 144 | @invertedAttachedBackground: @invertedBlockBackground; 145 | 146 | /* Floated */ 147 | @floatedMargin: 0.5em; 148 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/modules/modal.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Modal 3 | *******************************/ 4 | 5 | @background: @white; 6 | @border: none; 7 | @width: 90%; 8 | @zIndex: 1001; 9 | @xOffset: -(@width / 2); 10 | @borderRadius: @defaultBorderRadius; 11 | @boxShadow: 0 1px 4px 1px rgba(0, 0, 0, 0.3); 12 | 13 | /* Close Icon */ 14 | @closeOpacity: 0.8; 15 | @closeSize: 1.25em; 16 | @closeColor: @white; 17 | 18 | @closeHitbox: 2.25rem; 19 | @closeDistance: 0.25rem; 20 | @closeHitBoxOffset: (@closeHitbox - 1rem) / 2; 21 | @closePadding: @closeHitBoxOffset 0rem 0rem 0rem; 22 | @closeTop: -(@closeDistance + @closeHitbox); 23 | @closeRight: -(@closeDistance + @closeHitbox); 24 | 25 | /* Header */ 26 | @headerMargin: 0em; 27 | @headerVerticalPadding: 1.2rem; 28 | @headerHorizontalPadding: 2rem; 29 | @headerPadding: @headerVerticalPadding @headerHorizontalPadding; 30 | @headerBackground: @subtleGradient @white; 31 | @headerColor: @darkTextColor; 32 | @headerFontSize: 1.6em; 33 | @headerLineHeight: 1.3em; 34 | @headerBoxShadow: @subtleShadow; 35 | @headerFontWeight: bold; 36 | @headerFontFamily: @headerFont; 37 | @headerBorder: 1px solid @borderColor; 38 | 39 | /* Content */ 40 | @contentFontSize: 1em; 41 | @contentPadding: 2rem; 42 | @contentLineHeight: 1.4; 43 | @contentBackground: #FFFFFF; 44 | 45 | /* Image / Description */ 46 | @imageWidth: ''; 47 | @imageIconSize: 8rem; 48 | @imageVerticalAlign: top; 49 | 50 | @descriptionDistance: 2em; 51 | @descriptionMinWidth: ''; 52 | @descriptionWidth: 80%; 53 | @descriptionVerticalAlign: top; 54 | 55 | /* Modal Actions */ 56 | @actionBorder: 1px solid @borderColor; 57 | @actionBackground: #EFEFEF; 58 | @actionPadding: 1rem 2rem; 59 | @actionAlign: right; 60 | 61 | @buttonDistance: 0.75em; 62 | 63 | /* Inner Close Position (Tablet/Mobile) */ 64 | @innerCloseTop: (@headerVerticalPadding - @closeHitBoxOffset + (@lineHeight - 1em)); 65 | @innerCloseRight: 1rem; 66 | @innerCloseColor: @textColor; 67 | 68 | /* Mobile Positions */ 69 | @mobileHeaderPadding: 0.75rem 1rem; 70 | @mobileContentPadding: 1rem; 71 | @mobileImagePadding: 0rem 0rem 1rem; 72 | @mobileDescriptionPadding: 1rem 0rem ; 73 | @mobileButtonDistance: 1rem; 74 | @mobileActionPadding: 1rem 1rem (1rem - @mobileButtonDistance); 75 | @mobileImageIconSize: 5rem; 76 | @mobileCloseTop: 0.5rem; 77 | @mobileCloseRight: 0.5rem; 78 | 79 | 80 | /* Responsive Widths */ 81 | @mobileWidth: 95%; 82 | @tabletWidth: 88%; 83 | @computerWidth: 74%; 84 | @largeMonitorWidth: 56%; 85 | @widescreenMonitorWidth: 42%; 86 | 87 | @mobileMargin: 0em 0em 0em -(@mobileWidth / 2); 88 | @tabletMargin: 0em 0em 0em -(@tabletWidth / 2); 89 | @computerMargin: 0em 0em 0em -(@computerWidth / 2); 90 | @largeMonitorMargin: 0em 0em 0em -(@largeMonitorWidth / 2); 91 | @widescreenMonitorMargin: 0em 0em 0em -(@widescreenMonitorWidth / 2); 92 | 93 | @fullScreenWidth: 95%; 94 | @fullScreenOffset: (100% - @fullScreenWidth) / 2; 95 | @fullScreenMargin: 1em auto; 96 | 97 | /*------------------- 98 | Types 99 | --------------------*/ 100 | 101 | /* Basic */ 102 | @basicModalHeaderColor: @white; 103 | @basicModalColor: @white; 104 | @basicModalCloseTop: 1rem; 105 | @basicModalCloseRight: 1.5rem; 106 | @basicInnerCloseColor: @white; 107 | 108 | /* Scrolling Margin */ 109 | @scrollingMargin: 3.5rem; 110 | @mobileScrollingMargin: 1rem; 111 | 112 | /*------------------- 113 | Variations 114 | --------------------*/ 115 | 116 | /* Size Widths */ 117 | @smallRatio: 0.6; 118 | @largeRatio: 1.2; 119 | 120 | /* Derived Responsive Sizes */ 121 | @smallHeaderSize: 1.3em; 122 | @smallMobileWidth: @mobileWidth; 123 | @smallTabletWidth: (@tabletWidth * @smallRatio); 124 | @smallComputerWidth: (@computerWidth * @smallRatio); 125 | @smallLargeMonitorWidth: (@largeMonitorWidth * @smallRatio); 126 | @smallWidescreenMonitorWidth: (@widescreenMonitorWidth * @smallRatio); 127 | 128 | @smallMobileMargin: 0em 0em 0em -(@smallMobileWidth / 2); 129 | @smallTabletMargin: 0em 0em 0em -(@smallTabletWidth / 2); 130 | @smallComputerMargin: 0em 0em 0em -(@smallComputerWidth / 2); 131 | @smallLargeMonitorMargin: 0em 0em 0em -(@smallLargeMonitorWidth / 2); 132 | @smallWidescreenMonitorMargin: 0em 0em 0em -(@smallWidescreenMonitorWidth / 2); 133 | 134 | @largeHeaderSize: 1.6em; 135 | @largeMobileWidth: @mobileWidth; 136 | @largeTabletWidth: @tabletWidth; 137 | @largeComputerWidth: (@computerWidth * @largeRatio); 138 | @largeLargeMonitorWidth: (@largeMonitorWidth * @largeRatio); 139 | @largeWidescreenMonitorWidth: (@widescreenMonitorWidth * @largeRatio); 140 | 141 | @largeMobileMargin: 0em 0em 0em -(@largeMobileWidth / 2); 142 | @largeTabletMargin: 0em 0em 0em -(@largeTabletWidth / 2); 143 | @largeComputerMargin: 0em 0em 0em -(@largeComputerWidth / 2); 144 | @largeLargeMonitorMargin: 0em 0em 0em -(@largeLargeMonitorWidth / 2); 145 | @largeWidescreenMonitorMargin: 0em 0em 0em -(@largeWidescreenMonitorWidth / 2); -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/themes/default/modules/dropdown.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | 5 | /* Dropdown Carets */ 6 | @font-face { 7 | font-family: 'Dropdown'; 8 | src: 9 | url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfuIIAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zjo82LgAAAFwAAABVGhlYWQAQ88bAAACxAAAADZoaGVhAwcB6QAAAvwAAAAkaG10eAS4ABIAAAMgAAAAIGxvY2EBNgDeAAADQAAAABJtYXhwAAoAFgAAA1QAAAAgbmFtZVcZpu4AAAN0AAABRXBvc3QAAwAAAAAEvAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDX//3//wAB/+MPLQADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAIABJQElABMAABM0NzY3BTYXFhUUDwEGJwYvASY1AAUGBwEACAUGBoAFCAcGgAUBEgcGBQEBAQcECQYHfwYBAQZ/BwYAAQAAAG4BJQESABMAADc0PwE2MzIfARYVFAcGIyEiJyY1AAWABgcIBYAGBgUI/wAHBgWABwaABQWABgcHBgUFBgcAAAABABIASQC3AW4AEwAANzQ/ATYXNhcWHQEUBwYnBi8BJjUSBoAFCAcFBgYFBwgFgAbbBwZ/BwEBBwQJ/wgEBwEBB38GBgAAAAABAAAASQClAW4AEwAANxE0NzYzMh8BFhUUDwEGIyInJjUABQYHCAWABgaABQgHBgVbAQAIBQYGgAUIBwWABgYFBwAAAAEAAAABAADZuaKOXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAAAAACgAUAB4AQgBkAIgAqgAAAAEAAAAIABQAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format('truetype'), 10 | url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVwAAoAAAAABSgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAdkAAAHZLDXE/09TLzIAAALQAAAAYAAAAGAIIweQY21hcAAAAzAAAABMAAAATA9+4ghnYXNwAAADfAAAAAgAAAAIAAAAEGhlYWQAAAOEAAAANgAAADYAQ88baGhlYQAAA7wAAAAkAAAAJAMHAelobXR4AAAD4AAAACAAAAAgBLgAEm1heHAAAAQAAAAABgAAAAYACFAAbmFtZQAABAgAAAFFAAABRVcZpu5wb3N0AAAFUAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAACIDx0AAACNER0AAAAJHQAAAdASAAkBAQgPERMWGyAlKmljb21vb25pY29tb29udTB1MXUyMHVGMEQ3dUYwRDh1RjBEOXVGMERBAAACAYkABgAIAgABAAQABwAKAA0AVgCfAOgBL/yUDvyUDvyUDvuUDvtvi/emFYuQjZCOjo+Pj42Qiwj3lIsFkIuQiY6Hj4iNhouGi4aJh4eHCPsU+xQFiIiGiYaLhouHjYeOCPsU9xQFiI+Jj4uQCA77b4v3FBWLkI2Pjo8I9xT3FAWPjo+NkIuQi5CJjogI9xT7FAWPh42Hi4aLhomHh4eIiIaJhosI+5SLBYaLh42HjoiPiY+LkAgO+92d928Vi5CNkI+OCPcU9xQFjo+QjZCLkIuPiY6Hj4iNhouGCIv7lAWLhomHh4iIh4eJhouGi4aNiI8I+xT3FAWHjomPi5AIDvvdi+YVi/eUBYuQjZCOjo+Pj42Qi5CLkImOhwj3FPsUBY+IjYaLhouGiYeHiAj7FPsUBYiHhomGi4aLh42Hj4iOiY+LkAgO+JQU+JQViwwKAAAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8NoB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDw2v/9//8AAAAAACDw1//9//8AAf/jDy0AAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAA5emozXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAUAAACAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff') 11 | ; 12 | font-weight: normal; 13 | font-style: normal; 14 | } 15 | 16 | .ui.dropdown > .dropdown.icon { 17 | font-family: 'Dropdown'; 18 | line-height: 1; 19 | height: 1em; 20 | width: 1.23em; 21 | backface-visibility: hidden; 22 | font-weight: normal; 23 | font-style: normal; 24 | text-align: center; 25 | } 26 | 27 | .ui.dropdown > .dropdown.icon { 28 | width: auto; 29 | } 30 | .ui.dropdown > .dropdown.icon:before { 31 | content: '\f0d7'; 32 | } 33 | 34 | /* Sub Menu */ 35 | .ui.dropdown .menu .item .dropdown.icon:before { 36 | content: '\f0da'/*rtl:'\f0d9'*/; 37 | } 38 | 39 | .ui.dropdown .item .left.dropdown.icon:before, 40 | .ui.dropdown .left.menu .item .dropdown.icon:before { 41 | content: "\f0d9"/*rtl:"\f0da"*/; 42 | } 43 | 44 | /* Upward Dropdown */ 45 | .ui.upward.dropdown > .dropdown.icon:before { 46 | content: "\f0d8"; 47 | } 48 | 49 | /* Vertical Menu Dropdown */ 50 | .ui.vertical.menu .dropdown.item > .dropdown.icon:before { 51 | content: "\f0da"/*rtl:"\f0d9"*/; 52 | } 53 | 54 | /* Icons for Reference 55 | .dropdown.down.icon { 56 | content: "\f0d7"; 57 | } 58 | .dropdown.up.icon { 59 | content: "\f0d8"; 60 | } 61 | .dropdown.left.icon { 62 | content: "\f0d9"; 63 | } 64 | .dropdown.icon.icon { 65 | content: "\f0da"; 66 | } 67 | */ 68 | -------------------------------------------------------------------------------- /app/assets/stylesheets/semantic-ui/definitions/views/ad.less: -------------------------------------------------------------------------------- 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) 'semantic-ui/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 : (@tabletBreakpoint - 1)) { 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(); --------------------------------------------------------------------------------