├── .gitignore ├── .travis.yml ├── README.md ├── RELEASE-NOTES.md ├── deprecated-warning.js ├── lib ├── jquery-address │ └── jquery.address.js └── semantic-ui │ ├── components │ ├── accordion.css │ ├── accordion.js │ ├── ad.css │ ├── api.js │ ├── breadcrumb.css │ ├── button.css │ ├── card.css │ ├── checkbox.css │ ├── checkbox.js │ ├── colorize.js │ ├── comment.css │ ├── dimmer.css │ ├── dimmer.js │ ├── divider.css │ ├── dropdown.css │ ├── dropdown.js │ ├── feed.css │ ├── flag.css │ ├── form.css │ ├── form.js │ ├── grid.css │ ├── header.css │ ├── icon.css │ ├── image.css │ ├── input.css │ ├── item.css │ ├── label.css │ ├── list.css │ ├── loader.css │ ├── menu.css │ ├── message.css │ ├── modal.css │ ├── modal.js │ ├── nag.css │ ├── nag.js │ ├── popup.css │ ├── popup.js │ ├── progress.css │ ├── progress.js │ ├── rail.css │ ├── rating.css │ ├── rating.js │ ├── reset.css │ ├── reveal.css │ ├── search.css │ ├── search.js │ ├── segment.css │ ├── shape.css │ ├── shape.js │ ├── sidebar.css │ ├── sidebar.js │ ├── site.css │ ├── site.js │ ├── state.js │ ├── statistic.css │ ├── step.css │ ├── sticky.css │ ├── sticky.js │ ├── tab.css │ ├── tab.js │ ├── table.css │ ├── transition.css │ ├── transition.js │ ├── video.css │ ├── video.js │ ├── visibility.js │ └── visit.js │ └── themes │ └── default │ └── assets │ ├── fonts │ ├── icons.eot │ ├── icons.svg │ ├── icons.ttf │ ├── icons.woff │ └── icons.woff2 │ └── images │ └── flags.png ├── package.js └── versions.json /.gitignore: -------------------------------------------------------------------------------- 1 | .build* 2 | .versions 3 | -------------------------------------------------------------------------------- /.travis.yml: -------------------------------------------------------------------------------- 1 | language: node_js 2 | node_js: 3 | - "0.10.29" 4 | before_install: 5 | - "curl -L http://git.io/ejPSng | /bin/sh" 6 | env: 7 | - TEST_COMMAND=meteor 8 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ## [DEPRECATED] 2 | Please use the official `semantic:ui-css` package --> [Semantic UI on Atmosphere](https://atmospherejs.com/semantic) 3 | 4 | 5 | ## Semantic UI package for meteor 6 | [![Build Status](https://travis-ci.org/nooitaf/meteor-semantic-ui.svg?branch=master)](https://travis-ci.org/nooitaf/meteor-semantic-ui.svg?branch=master) 7 | 8 | ### What is this? 9 | This is a wrapper for Semantic UI `v1.10.4` for Meteor. 10 | 11 | ### What is Semantic UI? 12 | Semantic is a set of specifications for sharing UI elements between developers. Semantic is also a UI library to make front end development simpler and easier to learn. 13 | 14 | [http://semantic-ui.com](http://www.semantic-ui.com/) 15 | [https://github.com/Semantic-Org/Semantic-UI](https://github.com/Semantic-Org/Semantic-UI) 16 | 17 | ### Install 18 | `meteor add nooitaf:semantic-ui` 19 | 20 | #### Using Modules: 21 | Javascript elements (modules) like dropdowns are not active by default. 22 | You will have to activate them 'manually' in the `template.rendered` of `event` function like: 23 | 24 | ```javascript 25 | // dropdown 26 | Template.hello.rendered = function(){ 27 | this.$('.ui.dropdown').dropdown(); 28 | } 29 | ``` 30 | 31 | You might want to consider using __Approve / Deny Callbacks__. 32 | ```javascript 33 | // modal 34 | Template.hello.events({ 35 | 'click .openModal': function () { 36 | $('#modalView') 37 | .modal({ 38 | onDeny : function(){ 39 | console.log('canceled'); 40 | return false; 41 | }, 42 | onApprove : function() { 43 | console.log('pressed ok'); 44 | } 45 | }) 46 | .modal('show') 47 | ; 48 | } 49 | }); 50 | ``` 51 | [semantic-ui.com module examples](http://semantic-ui.com/modules/modal.html#/examples) 52 | 53 | --- 54 | -------------------------------------------------------------------------------- /deprecated-warning.js: -------------------------------------------------------------------------------- 1 | // Deprecated Alert 2 | Meteor.startup(function(){ 3 | console.log('- - - - - - - - ~'); 4 | console.log('SemanticUI Warning:'); 5 | console.log('It\'s time to switch to the official "semantic:ui-css" package.'); 6 | console.log('https://atmospherejs.com/semantic'); 7 | console.log('- - - - - - - - ~'); 8 | }) -------------------------------------------------------------------------------- /lib/semantic-ui/components/accordion.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Semantic UI 1.10.4 - Accordion 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 | Accordion 15 | *******************************/ 16 | 17 | .ui.accordion, 18 | .ui.accordion .accordion { 19 | max-width: 100%; 20 | font-size: 1em; 21 | } 22 | .ui.accordion .accordion { 23 | margin: 1em 0em 0em; 24 | padding: 0em; 25 | } 26 | 27 | /* Title */ 28 | .ui.accordion .title, 29 | .ui.accordion .accordion .title { 30 | cursor: pointer; 31 | } 32 | 33 | /* Default Styling */ 34 | .ui.accordion .title:not(.ui) { 35 | padding: 0.5em 0em; 36 | font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; 37 | font-size: 1em; 38 | color: rgba(0, 0, 0, 0.8); 39 | } 40 | 41 | /* Content */ 42 | .ui.accordion .title ~ .content, 43 | .ui.accordion .accordion .title ~ .content { 44 | display: none; 45 | } 46 | 47 | /* Default Styling */ 48 | .ui.accordion:not(.styled) .title ~ .content:not(.ui), 49 | .ui.accordion:not(.styled) .accordion .title ~ .content:not(.ui) { 50 | margin: 0em; 51 | padding: 0.5em 0em 1em; 52 | } 53 | .ui.accordion:not(.styled) .title ~ .content:not(.ui):last-child { 54 | padding-bottom: 0em; 55 | } 56 | 57 | /* Arrow */ 58 | .ui.accordion .title .dropdown.icon, 59 | .ui.accordion .accordion .title .dropdown.icon { 60 | display: inline-block; 61 | float: none; 62 | opacity: 1; 63 | width: 1.25em; 64 | height: 1em; 65 | margin: 0em 0.25rem 0em 0rem; 66 | padding: 0em; 67 | font-size: 1em; 68 | -webkit-transition: -webkit-transform 0.2s ease, opacity 0.2s ease; 69 | transition: transform 0.2s ease, opacity 0.2s ease; 70 | vertical-align: baseline; 71 | -webkit-transform: none; 72 | -ms-transform: none; 73 | transform: none; 74 | } 75 | 76 | /*-------------- 77 | Coupling 78 | ---------------*/ 79 | 80 | 81 | /* Menu */ 82 | .ui.accordion.menu .item .title { 83 | display: block; 84 | padding: 0em; 85 | } 86 | .ui.accordion.menu .item .title > .dropdown.icon { 87 | float: right; 88 | margin: 0.165em 0em 0em 1em; 89 | -webkit-transform: rotate(180deg); 90 | -ms-transform: rotate(180deg); 91 | transform: rotate(180deg); 92 | } 93 | 94 | /* Header */ 95 | .ui.accordion .ui.header .dropdown.icon { 96 | font-size: 1em; 97 | margin: 0em 0.25rem 0em 0rem; 98 | } 99 | 100 | 101 | /******************************* 102 | States 103 | *******************************/ 104 | 105 | .ui.accordion .active.title .dropdown.icon, 106 | .ui.accordion .accordion .active.title .dropdown.icon { 107 | -webkit-transform: rotate(90deg); 108 | -ms-transform: rotate(90deg); 109 | transform: rotate(90deg); 110 | } 111 | .ui.accordion.menu .item .active.title > .dropdown.icon { 112 | -webkit-transform: rotate(90deg); 113 | -ms-transform: rotate(90deg); 114 | transform: rotate(90deg); 115 | } 116 | 117 | 118 | /******************************* 119 | Types 120 | *******************************/ 121 | 122 | 123 | /*-------------- 124 | Styled 125 | ---------------*/ 126 | 127 | .ui.styled.accordion { 128 | width: 600px; 129 | } 130 | .ui.styled.accordion, 131 | .ui.styled.accordion .accordion { 132 | border-radius: 0.2857rem; 133 | background: #ffffff; 134 | box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.05), 0px 0px 0px 1px rgba(39, 41, 43, 0.15); 135 | } 136 | .ui.styled.accordion .title, 137 | .ui.styled.accordion .accordion .title { 138 | margin: 0em; 139 | padding: 0.75em 1em; 140 | color: rgba(0, 0, 0, 0.4); 141 | font-weight: bold; 142 | border-top: 1px solid rgba(39, 41, 43, 0.15); 143 | -webkit-transition: background 0.2s ease, color 0.2s ease; 144 | transition: background 0.2s ease, color 0.2s ease; 145 | } 146 | .ui.styled.accordion > .title:first-child, 147 | .ui.styled.accordion > .accordion .title:first-child { 148 | border-top: none; 149 | } 150 | 151 | /* Content */ 152 | .ui.styled.accordion .content, 153 | .ui.styled.accordion .accordion .content { 154 | margin: 0em; 155 | padding: 0.5em 1em 1.5em; 156 | } 157 | .ui.styled.accordion .accordion .content { 158 | padding: 0em; 159 | padding: 0.5em 1em 1.5em; 160 | } 161 | 162 | /* Hover */ 163 | .ui.styled.accordion .title:hover, 164 | .ui.styled.accordion .active.title, 165 | .ui.styled.accordion .accordion .title:hover, 166 | .ui.styled.accordion .accordion .active.title { 167 | background: transparent; 168 | color: rgba(0, 0, 0, 0.8); 169 | } 170 | .ui.styled.accordion .accordion .title:hover, 171 | .ui.styled.accordion .accordion .active.title { 172 | background: transparent; 173 | color: rgba(0, 0, 0, 0.8); 174 | } 175 | 176 | /* Active */ 177 | .ui.styled.accordion .active.title { 178 | background: transparent; 179 | color: rgba(0, 0, 0, 0.8); 180 | } 181 | .ui.styled.accordion .accordion .active.title { 182 | background: transparent; 183 | color: rgba(0, 0, 0, 0.8); 184 | } 185 | 186 | 187 | /******************************* 188 | States 189 | *******************************/ 190 | 191 | 192 | /*-------------- 193 | Active 194 | ---------------*/ 195 | 196 | .ui.accordion .active.content, 197 | .ui.accordion .accordion .active.content { 198 | display: block; 199 | } 200 | 201 | 202 | /******************************* 203 | Variations 204 | *******************************/ 205 | 206 | 207 | /*-------------- 208 | Fluid 209 | ---------------*/ 210 | 211 | .ui.fluid.accordion, 212 | .ui.fluid.accordion .accordion { 213 | width: 100%; 214 | } 215 | 216 | /*-------------- 217 | Inverted 218 | ---------------*/ 219 | 220 | .ui.inverted.accordion .title:not(.ui) { 221 | color: #ffffff; 222 | } 223 | 224 | 225 | /******************************* 226 | Theme Overrides 227 | *******************************/ 228 | 229 | @font-face { 230 | font-family: 'Accordion'; 231 | src: 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'), 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'); 232 | font-weight: normal; 233 | font-style: normal; 234 | } 235 | 236 | /* Dropdown Icon */ 237 | .ui.accordion .title .dropdown.icon, 238 | .ui.accordion .accordion .title .dropdown.icon { 239 | font-family: Accordion; 240 | line-height: 1; 241 | -webkit-backface-visibility: hidden; 242 | backface-visibility: hidden; 243 | font-weight: normal; 244 | font-style: normal; 245 | text-align: center; 246 | } 247 | .ui.accordion .title .dropdown.icon:before, 248 | .ui.accordion .accordion .title .dropdown.icon:before { 249 | content: '\f0da' /*rtl:'\f0d9'*/; 250 | } 251 | 252 | 253 | /******************************* 254 | User Overrides 255 | *******************************/ 256 | 257 | -------------------------------------------------------------------------------- /lib/semantic-ui/components/ad.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Semantic UI 1.10.4 - 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 | /******************************* 14 | Advertisement 15 | *******************************/ 16 | 17 | .ui.ad { 18 | display: block; 19 | overflow: hidden; 20 | margin: 1em 0em; 21 | } 22 | .ui.ad:first-child { 23 | margin: 0em; 24 | } 25 | .ui.ad:last-child { 26 | margin: 0em; 27 | } 28 | .ui.ad iframe { 29 | margin: 0em; 30 | padding: 0em; 31 | border: none; 32 | overflow: hidden; 33 | } 34 | 35 | /*-------------- 36 | Common 37 | ---------------*/ 38 | 39 | 40 | /* Leaderboard */ 41 | .ui.leaderboard.ad { 42 | width: 728px; 43 | height: 90px; 44 | } 45 | 46 | /* Medium Rectangle */ 47 | .ui[class*="medium rectangle"].ad { 48 | width: 300px; 49 | height: 250px; 50 | } 51 | 52 | /* Large Rectangle */ 53 | .ui[class*="large rectangle"].ad { 54 | width: 336px; 55 | height: 280px; 56 | } 57 | 58 | /* Half Page */ 59 | .ui[class*="half page"].ad { 60 | width: 300px; 61 | height: 600px; 62 | } 63 | 64 | /*-------------- 65 | Square 66 | ---------------*/ 67 | 68 | 69 | /* Square */ 70 | .ui.square.ad { 71 | width: 250px; 72 | height: 250px; 73 | } 74 | 75 | /* Small Square */ 76 | .ui[class*="small square"].ad { 77 | width: 200px; 78 | height: 200px; 79 | } 80 | 81 | /*-------------- 82 | Rectangle 83 | ---------------*/ 84 | 85 | 86 | /* Small Rectangle */ 87 | .ui[class*="small rectangle"].ad { 88 | width: 180px; 89 | height: 150px; 90 | } 91 | 92 | /* Vertical Rectangle */ 93 | .ui[class*="vertical rectangle"].ad { 94 | width: 240px; 95 | height: 400px; 96 | } 97 | 98 | /*-------------- 99 | Button 100 | ---------------*/ 101 | 102 | .ui.button.ad { 103 | width: 120px; 104 | height: 90px; 105 | } 106 | .ui[class*="square button"].ad { 107 | width: 125px; 108 | height: 125px; 109 | } 110 | .ui[class*="small button"].ad { 111 | width: 120px; 112 | height: 60px; 113 | } 114 | 115 | /*-------------- 116 | Skyscrapers 117 | ---------------*/ 118 | 119 | 120 | /* Skyscraper */ 121 | .ui.skyscraper.ad { 122 | width: 120px; 123 | height: 600px; 124 | } 125 | 126 | /* Wide Skyscraper */ 127 | .ui[class*="wide skyscraper"].ad { 128 | width: 160px; 129 | } 130 | 131 | /*-------------- 132 | Banners 133 | ---------------*/ 134 | 135 | 136 | /* Banner */ 137 | .ui.banner.ad { 138 | width: 468px; 139 | height: 60px; 140 | } 141 | 142 | /* Vertical Banner */ 143 | .ui[class*="vertical banner"].ad { 144 | width: 120px; 145 | height: 240px; 146 | } 147 | 148 | /* Top Banner */ 149 | .ui[class*="top banner"].ad { 150 | width: 930px; 151 | height: 180px; 152 | } 153 | 154 | /* Half Banner */ 155 | .ui[class*="half banner"].ad { 156 | width: 234px; 157 | height: 60px; 158 | } 159 | 160 | /*-------------- 161 | Boards 162 | ---------------*/ 163 | 164 | 165 | /* Leaderboard */ 166 | .ui[class*="large leaderboard"].ad { 167 | width: 970px; 168 | height: 90px; 169 | } 170 | 171 | /* Billboard */ 172 | .ui.billboard.ad { 173 | width: 970px; 174 | height: 250px; 175 | } 176 | 177 | /*-------------- 178 | Panorama 179 | ---------------*/ 180 | 181 | 182 | /* Panorama */ 183 | .ui.panorama.ad { 184 | width: 980px; 185 | height: 120px; 186 | } 187 | 188 | /*-------------- 189 | Netboard 190 | ---------------*/ 191 | 192 | 193 | /* Netboard */ 194 | .ui.netboard.ad { 195 | width: 580px; 196 | height: 400px; 197 | } 198 | 199 | /*-------------- 200 | Mobile 201 | ---------------*/ 202 | 203 | 204 | /* Large Mobile Banner */ 205 | .ui[class*="large mobile banner"].ad { 206 | width: 320px; 207 | height: 100px; 208 | } 209 | 210 | /* Mobile Leaderboard */ 211 | .ui[class*="mobile leaderboard"].ad { 212 | width: 320px; 213 | height: 50px; 214 | } 215 | 216 | 217 | /******************************* 218 | Types 219 | *******************************/ 220 | 221 | 222 | /* Mobile Sizes */ 223 | .ui.mobile.ad { 224 | display: none; 225 | } 226 | @media only screen and (max-width: 767px) { 227 | .ui.mobile.ad { 228 | display: block; 229 | } 230 | } 231 | 232 | 233 | /******************************* 234 | Variations 235 | *******************************/ 236 | 237 | .ui.centered.ad { 238 | margin-left: auto; 239 | margin-right: auto; 240 | } 241 | .ui.test.ad { 242 | position: relative; 243 | background: #333333; 244 | } 245 | .ui.test.ad:after { 246 | position: absolute; 247 | top: 50%; 248 | left: 50%; 249 | width: 100%; 250 | text-align: center; 251 | -webkit-transform: translateX(-50%) translateY(-50%); 252 | -ms-transform: translateX(-50%) translateY(-50%); 253 | transform: translateX(-50%) translateY(-50%); 254 | content: 'Ad'; 255 | color: #ffffff; 256 | font-size: 1em; 257 | font-weight: bold; 258 | } 259 | .ui.mobile.test.ad:after { 260 | font-size: 0.85714em; 261 | } 262 | .ui.test.ad[data-text]:after { 263 | content: attr(data-text); 264 | } 265 | 266 | 267 | /******************************* 268 | Theme Overrides 269 | *******************************/ 270 | 271 | 272 | 273 | /******************************* 274 | User Variable Overrides 275 | *******************************/ 276 | 277 | -------------------------------------------------------------------------------- /lib/semantic-ui/components/breadcrumb.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Semantic UI 1.10.4 - 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 | /******************************* 14 | Breadcrumb 15 | *******************************/ 16 | 17 | .ui.breadcrumb { 18 | margin: 1em 0em; 19 | display: inline-block; 20 | vertical-align: middle; 21 | } 22 | .ui.breadcrumb:first-child { 23 | margin-top: 0em; 24 | } 25 | .ui.breadcrumb:last-child { 26 | margin-bottom: 0em; 27 | } 28 | 29 | 30 | /******************************* 31 | Content 32 | *******************************/ 33 | 34 | 35 | /* Divider */ 36 | .ui.breadcrumb .divider { 37 | display: inline-block; 38 | opacity: 0.5; 39 | margin: 0em 0.2rem 0em; 40 | font-size: 0.9em; 41 | color: rgba(0, 0, 0, 0.4); 42 | vertical-align: baseline; 43 | } 44 | 45 | /* Link */ 46 | .ui.breadcrumb a { 47 | color: #009fda; 48 | } 49 | .ui.breadcrumb a:hover { 50 | color: #00b2f3; 51 | } 52 | 53 | /* Icon Divider */ 54 | .ui.breadcrumb .icon.divider { 55 | font-size: 0.85714286em; 56 | vertical-align: baseline; 57 | } 58 | 59 | /* Section */ 60 | .ui.breadcrumb a.section { 61 | cursor: pointer; 62 | } 63 | .ui.breadcrumb .section { 64 | display: inline-block; 65 | margin: 0em; 66 | padding: 0em; 67 | } 68 | 69 | /* Loose Coupling */ 70 | .ui.breadcrumb.segment { 71 | display: inline-block; 72 | padding: 0.5em 1em; 73 | } 74 | 75 | 76 | /******************************* 77 | States 78 | *******************************/ 79 | 80 | .ui.breadcrumb .active.section { 81 | font-weight: bold; 82 | } 83 | 84 | 85 | /******************************* 86 | Variations 87 | *******************************/ 88 | 89 | .ui.mini.breadcrumb { 90 | font-size: 0.65em; 91 | } 92 | .ui.tiny.breadcrumb { 93 | font-size: 0.7em; 94 | } 95 | .ui.small.breadcrumb { 96 | font-size: 0.75em; 97 | } 98 | .ui.breadcrumb { 99 | font-size: 1em; 100 | } 101 | .ui.large.breadcrumb { 102 | font-size: 1.1em; 103 | } 104 | .ui.big.breadcrumb { 105 | font-size: 1.05em; 106 | } 107 | .ui.huge.breadcrumb { 108 | font-size: 1.3em; 109 | } 110 | .ui.massive.breadcrumb { 111 | font-size: 1.5em; 112 | } 113 | 114 | 115 | /******************************* 116 | Theme Overrides 117 | *******************************/ 118 | 119 | 120 | 121 | /******************************* 122 | Site Overrides 123 | *******************************/ 124 | 125 | -------------------------------------------------------------------------------- /lib/semantic-ui/components/colorize.js: -------------------------------------------------------------------------------- 1 | /* 2 | * # Semantic - Colorize 3 | * http://github.com/semantic-org/semantic-ui/ 4 | * 5 | * 6 | * Copyright 2014 Contributor 7 | * Released under the MIT license 8 | * http://opensource.org/licenses/MIT 9 | * 10 | */ 11 | 12 | ;(function ( $, window, document, undefined ) { 13 | 14 | "use strict"; 15 | 16 | $.fn.colorize = function(parameters) { 17 | var 18 | settings = $.extend(true, {}, $.fn.colorize.settings, parameters), 19 | // hoist arguments 20 | moduleArguments = arguments || false 21 | ; 22 | $(this) 23 | .each(function(instanceIndex) { 24 | 25 | var 26 | $module = $(this), 27 | 28 | mainCanvas = $('')[0], 29 | imageCanvas = $('')[0], 30 | overlayCanvas = $('')[0], 31 | 32 | backgroundImage = new Image(), 33 | 34 | // defs 35 | mainContext, 36 | imageContext, 37 | overlayContext, 38 | 39 | image, 40 | imageName, 41 | 42 | width, 43 | height, 44 | 45 | // shortucts 46 | colors = settings.colors, 47 | paths = settings.paths, 48 | namespace = settings.namespace, 49 | error = settings.error, 50 | 51 | // boilerplate 52 | instance = $module.data('module-' + namespace), 53 | module 54 | ; 55 | 56 | module = { 57 | 58 | checkPreconditions: function() { 59 | module.debug('Checking pre-conditions'); 60 | 61 | if( !$.isPlainObject(colors) || $.isEmptyObject(colors) ) { 62 | module.error(error.undefinedColors); 63 | return false; 64 | } 65 | return true; 66 | }, 67 | 68 | async: function(callback) { 69 | if(settings.async) { 70 | setTimeout(callback, 0); 71 | } 72 | else { 73 | callback(); 74 | } 75 | }, 76 | 77 | getMetadata: function() { 78 | module.debug('Grabbing metadata'); 79 | image = $module.data('image') || settings.image || undefined; 80 | imageName = $module.data('name') || settings.name || instanceIndex; 81 | width = settings.width || $module.width(); 82 | height = settings.height || $module.height(); 83 | if(width === 0 || height === 0) { 84 | module.error(error.undefinedSize); 85 | } 86 | }, 87 | 88 | initialize: function() { 89 | module.debug('Initializing with colors', colors); 90 | if( module.checkPreconditions() ) { 91 | 92 | module.async(function() { 93 | module.getMetadata(); 94 | module.canvas.create(); 95 | 96 | module.draw.image(function() { 97 | module.draw.colors(); 98 | module.canvas.merge(); 99 | }); 100 | $module 101 | .data('module-' + namespace, module) 102 | ; 103 | }); 104 | } 105 | }, 106 | 107 | redraw: function() { 108 | module.debug('Redrawing image'); 109 | module.async(function() { 110 | module.canvas.clear(); 111 | module.draw.colors(); 112 | module.canvas.merge(); 113 | }); 114 | }, 115 | 116 | change: { 117 | color: function(colorName, color) { 118 | module.debug('Changing color', colorName); 119 | if(colors[colorName] === undefined) { 120 | module.error(error.missingColor); 121 | return false; 122 | } 123 | colors[colorName] = color; 124 | module.redraw(); 125 | } 126 | }, 127 | 128 | canvas: { 129 | create: function() { 130 | module.debug('Creating canvases'); 131 | 132 | mainCanvas.width = width; 133 | mainCanvas.height = height; 134 | imageCanvas.width = width; 135 | imageCanvas.height = height; 136 | overlayCanvas.width = width; 137 | overlayCanvas.height = height; 138 | 139 | mainContext = mainCanvas.getContext('2d'); 140 | imageContext = imageCanvas.getContext('2d'); 141 | overlayContext = overlayCanvas.getContext('2d'); 142 | 143 | $module 144 | .append( mainCanvas ) 145 | ; 146 | mainContext = $module.children('canvas')[0].getContext('2d'); 147 | }, 148 | clear: function(context) { 149 | module.debug('Clearing canvas'); 150 | overlayContext.fillStyle = '#FFFFFF'; 151 | overlayContext.fillRect(0, 0, width, height); 152 | }, 153 | merge: function() { 154 | if( !$.isFunction(mainContext.blendOnto) ) { 155 | module.error(error.missingPlugin); 156 | return; 157 | } 158 | mainContext.putImageData( imageContext.getImageData(0, 0, width, height), 0, 0); 159 | overlayContext.blendOnto(mainContext, 'multiply'); 160 | } 161 | }, 162 | 163 | draw: { 164 | 165 | image: function(callback) { 166 | module.debug('Drawing image'); 167 | callback = callback || function(){}; 168 | if(image) { 169 | backgroundImage.src = image; 170 | backgroundImage.onload = function() { 171 | imageContext.drawImage(backgroundImage, 0, 0); 172 | callback(); 173 | }; 174 | } 175 | else { 176 | module.error(error.noImage); 177 | callback(); 178 | } 179 | }, 180 | 181 | colors: function() { 182 | module.debug('Drawing color overlays', colors); 183 | $.each(colors, function(colorName, color) { 184 | settings.onDraw(overlayContext, imageName, colorName, color); 185 | }); 186 | } 187 | 188 | }, 189 | 190 | debug: function(message, variableName) { 191 | if(settings.debug) { 192 | if(variableName !== undefined) { 193 | console.info(settings.name + ': ' + message, variableName); 194 | } 195 | else { 196 | console.info(settings.name + ': ' + message); 197 | } 198 | } 199 | }, 200 | error: function(errorMessage) { 201 | console.warn(settings.name + ': ' + errorMessage); 202 | }, 203 | invoke: function(methodName, context, methodArguments) { 204 | var 205 | method 206 | ; 207 | methodArguments = methodArguments || Array.prototype.slice.call( arguments, 2 ); 208 | 209 | if(typeof methodName == 'string' && instance !== undefined) { 210 | methodName = methodName.split('.'); 211 | $.each(methodName, function(index, name) { 212 | if( $.isPlainObject( instance[name] ) ) { 213 | instance = instance[name]; 214 | return true; 215 | } 216 | else if( $.isFunction( instance[name] ) ) { 217 | method = instance[name]; 218 | return true; 219 | } 220 | module.error(settings.error.method); 221 | return false; 222 | }); 223 | } 224 | return ( $.isFunction( method ) ) 225 | ? method.apply(context, methodArguments) 226 | : false 227 | ; 228 | } 229 | 230 | }; 231 | if(instance !== undefined && moduleArguments) { 232 | // simpler than invoke realizing to invoke itself (and losing scope due prototype.call() 233 | if(moduleArguments[0] == 'invoke') { 234 | moduleArguments = Array.prototype.slice.call( moduleArguments, 1 ); 235 | } 236 | return module.invoke(moduleArguments[0], this, Array.prototype.slice.call( moduleArguments, 1 ) ); 237 | } 238 | // initializing 239 | module.initialize(); 240 | }) 241 | ; 242 | return this; 243 | }; 244 | 245 | $.fn.colorize.settings = { 246 | name : 'Image Colorizer', 247 | debug : true, 248 | namespace : 'colorize', 249 | 250 | onDraw : function(overlayContext, imageName, colorName, color) {}, 251 | 252 | // whether to block execution while updating canvas 253 | async : true, 254 | // object containing names and default values of color regions 255 | colors : {}, 256 | 257 | metadata: { 258 | image : 'image', 259 | name : 'name' 260 | }, 261 | 262 | error: { 263 | noImage : 'No tracing image specified', 264 | undefinedColors : 'No default colors specified.', 265 | missingColor : 'Attempted to change color that does not exist', 266 | missingPlugin : 'Blend onto plug-in must be included', 267 | undefinedHeight : 'The width or height of image canvas could not be automatically determined. Please specify a height.' 268 | } 269 | 270 | }; 271 | 272 | })( jQuery, window , document ); 273 | -------------------------------------------------------------------------------- /lib/semantic-ui/components/comment.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Semantic UI 1.10.4 - Comment 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 | Standard 15 | *******************************/ 16 | 17 | 18 | /*-------------- 19 | Comments 20 | ---------------*/ 21 | 22 | .ui.comments { 23 | margin: 1.5em 0em; 24 | max-width: 650px; 25 | } 26 | .ui.comments:first-child { 27 | margin-top: 0em; 28 | } 29 | .ui.comments:last-child { 30 | margin-bottom: 0em; 31 | } 32 | 33 | /*-------------- 34 | Comment 35 | ---------------*/ 36 | 37 | .ui.comments .comment { 38 | position: relative; 39 | background: none; 40 | margin: 0.5em 0em 0em; 41 | padding: 0.5em 0em 0em; 42 | border: none; 43 | border-top: none; 44 | line-height: 1.2; 45 | } 46 | .ui.comments .comment:first-child { 47 | margin-top: 0em; 48 | padding-top: 0em; 49 | } 50 | 51 | /*-------------------- 52 | Nested Comments 53 | ---------------------*/ 54 | 55 | .ui.comments .comment .comments { 56 | margin: 0em 0em 0.5em 0.5em; 57 | padding: 1em 0em 1em 1em; 58 | } 59 | .ui.comments .comment .comments:before { 60 | position: absolute; 61 | top: 0px; 62 | left: 0px; 63 | } 64 | .ui.comments .comment .comments .comment { 65 | border: none; 66 | border-top: none; 67 | background: none; 68 | } 69 | 70 | /*-------------- 71 | Avatar 72 | ---------------*/ 73 | 74 | .ui.comments .comment .avatar { 75 | display: block; 76 | width: 2.5em; 77 | height: auto; 78 | float: left; 79 | margin: 0.2em 0em 0em; 80 | } 81 | .ui.comments .comment img.avatar, 82 | .ui.comments .comment .avatar img { 83 | display: block; 84 | margin: 0em auto; 85 | width: 100%; 86 | height: 100%; 87 | border-radius: 0.25rem; 88 | } 89 | 90 | /*-------------- 91 | Content 92 | ---------------*/ 93 | 94 | .ui.comments .comment > .content { 95 | display: block; 96 | } 97 | 98 | /* If there is an avatar move content over */ 99 | .ui.comments .comment > .avatar ~ .content { 100 | margin-left: 3.5em; 101 | } 102 | 103 | /*-------------- 104 | Author 105 | ---------------*/ 106 | 107 | .ui.comments .comment .author { 108 | font-size: 1em; 109 | color: rgba(0, 0, 0, 0.8); 110 | font-weight: bold; 111 | } 112 | .ui.comments .comment a.author { 113 | cursor: pointer; 114 | } 115 | .ui.comments .comment a.author:hover { 116 | color: #00b2f3; 117 | } 118 | 119 | /*-------------- 120 | Metadata 121 | ---------------*/ 122 | 123 | .ui.comments .comment .metadata { 124 | display: inline-block; 125 | margin-left: 0.5em; 126 | color: rgba(0, 0, 0, 0.4); 127 | font-size: 0.875em; 128 | } 129 | .ui.comments .comment .metadata > * { 130 | display: inline-block; 131 | margin: 0em 0.5em 0em 0em; 132 | } 133 | .ui.comments .comment .metadata > :last-child { 134 | margin-right: 0em; 135 | } 136 | 137 | /*-------------------- 138 | Comment Text 139 | ---------------------*/ 140 | 141 | .ui.comments .comment .text { 142 | margin: 0.25em 0em 0.5em; 143 | font-size: 1em; 144 | word-wrap: break-word; 145 | color: rgba(0, 0, 0, 0.8); 146 | line-height: 1.3; 147 | } 148 | 149 | /*-------------------- 150 | User Actions 151 | ---------------------*/ 152 | 153 | .ui.comments .comment .actions { 154 | font-size: 0.875em; 155 | } 156 | .ui.comments .comment .actions a { 157 | cursor: pointer; 158 | display: inline-block; 159 | margin: 0em 0.75em 0em 0em; 160 | color: rgba(0, 0, 0, 0.4); 161 | } 162 | .ui.comments .comment .actions a:last-child { 163 | margin-right: 0em; 164 | } 165 | .ui.comments .comment .actions a.active, 166 | .ui.comments .comment .actions a:hover { 167 | color: rgba(0, 0, 0, 0.8); 168 | } 169 | 170 | /*-------------------- 171 | Reply Form 172 | ---------------------*/ 173 | 174 | .ui.comments > .reply.form { 175 | margin-top: 1em; 176 | } 177 | .ui.comments .comment .reply.form { 178 | width: 100%; 179 | margin-top: 1em; 180 | } 181 | .ui.comments .reply.form textarea { 182 | font-size: 1em; 183 | height: 12em; 184 | } 185 | 186 | 187 | /******************************* 188 | State 189 | *******************************/ 190 | 191 | .ui.collapsed.comments, 192 | .ui.comments .collapsed.comments, 193 | .ui.comments .collapsed.comment { 194 | display: none; 195 | } 196 | 197 | 198 | /******************************* 199 | Variations 200 | *******************************/ 201 | 202 | 203 | /*-------------------- 204 | Threaded 205 | ---------------------*/ 206 | 207 | .ui.threaded.comments .comment .comments { 208 | margin: -1.5em 0 -1em 1.25em; 209 | padding: 3em 0em 2em 2.25em; 210 | box-shadow: -1px 0px 0px rgba(39, 41, 43, 0.15); 211 | } 212 | 213 | /*-------------------- 214 | Minimal 215 | ---------------------*/ 216 | 217 | .ui.minimal.comments .comment .actions { 218 | opacity: 0; 219 | position: absolute; 220 | top: 0px; 221 | right: 0px; 222 | left: auto; 223 | -webkit-transition: opacity 0.2s ease; 224 | transition: opacity 0.2s ease; 225 | -webkit-transition-delay: 0.1s; 226 | transition-delay: 0.1s; 227 | } 228 | .ui.minimal.comments .comment > .content:hover > .actions { 229 | opacity: 1; 230 | } 231 | 232 | /*-------------------- 233 | Sizes 234 | ---------------------*/ 235 | 236 | .ui.small.comments { 237 | font-size: 0.9em; 238 | } 239 | .ui.comments { 240 | font-size: 1em; 241 | } 242 | .ui.large.comments { 243 | font-size: 1.1em; 244 | } 245 | .ui.huge.comments { 246 | font-size: 1.2em; 247 | } 248 | 249 | 250 | /******************************* 251 | Theme Overrides 252 | *******************************/ 253 | 254 | 255 | 256 | /******************************* 257 | User Variable Overrides 258 | *******************************/ 259 | 260 | -------------------------------------------------------------------------------- /lib/semantic-ui/components/dimmer.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Semantic UI 1.10.4 - 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 | /******************************* 14 | Dimmer 15 | *******************************/ 16 | 17 | .dimmable { 18 | position: relative; 19 | } 20 | .ui.dimmer { 21 | display: none; 22 | position: absolute; 23 | top: 0em !important; 24 | left: 0em !important; 25 | width: 100%; 26 | height: 100%; 27 | text-align: center; 28 | vertical-align: middle; 29 | background: rgba(0, 0, 0, 0.85); 30 | opacity: 0; 31 | line-height: 1; 32 | -webkit-animation-fill-mode: both; 33 | animation-fill-mode: both; 34 | -webkit-animation-duration: 0.5s; 35 | animation-duration: 0.5s; 36 | -webkit-transition: background-color 0.5s linear; 37 | transition: background-color 0.5s linear; 38 | -webkit-user-select: none; 39 | -moz-user-select: none; 40 | -ms-user-select: none; 41 | user-select: none; 42 | will-change: opacity; 43 | z-index: 1000; 44 | } 45 | 46 | /* Dimmer Content */ 47 | .ui.dimmer > .content { 48 | width: 100%; 49 | height: 100%; 50 | display: table; 51 | -webkit-user-select: text; 52 | -moz-user-select: text; 53 | -ms-user-select: text; 54 | user-select: text; 55 | } 56 | .ui.dimmer > .content > div { 57 | display: table-cell; 58 | vertical-align: middle; 59 | color: #ffffff; 60 | } 61 | 62 | /* Loose Coupling */ 63 | .ui.segment > .ui.dimmer { 64 | border-radius: inherit !important; 65 | } 66 | 67 | 68 | /******************************* 69 | States 70 | *******************************/ 71 | 72 | .animating.dimmable:not(body), 73 | .dimmed.dimmable:not(body) { 74 | overflow: hidden; 75 | } 76 | .dimmed.dimmable > .ui.animating.dimmer, 77 | .dimmed.dimmable > .ui.visible.dimmer, 78 | .ui.active.dimmer { 79 | display: block; 80 | opacity: 1; 81 | } 82 | .ui.disabled.dimmer { 83 | width: 0 !important; 84 | height: 0 !important; 85 | } 86 | 87 | 88 | /******************************* 89 | Variations 90 | *******************************/ 91 | 92 | 93 | /*-------------- 94 | Page 95 | ---------------*/ 96 | 97 | .ui.page.dimmer { 98 | position: fixed; 99 | -webkit-transform-style: ''; 100 | transform-style: ''; 101 | -webkit-perspective: 2000px; 102 | perspective: 2000px; 103 | -webkit-transform-origin: center center; 104 | -ms-transform-origin: center center; 105 | transform-origin: center center; 106 | } 107 | body.animating.in.dimmable, 108 | body.dimmed.dimmable { 109 | overflow: hidden; 110 | } 111 | body.dimmable > .dimmer { 112 | position: fixed; 113 | } 114 | /* 115 | body.dimmable > :not(.dimmer) { 116 | filter: @elementStartFilter; 117 | } 118 | body.dimmed.dimmable > :not(.dimmer) { 119 | filter: @elementEndFilter; 120 | transition: @elementTransition; 121 | } 122 | */ 123 | 124 | /*-------------- 125 | Aligned 126 | ---------------*/ 127 | 128 | .ui.dimmer > .top.aligned.content > * { 129 | vertical-align: top; 130 | } 131 | .ui.dimmer > .bottom.aligned.content > * { 132 | vertical-align: bottom; 133 | } 134 | 135 | /*-------------- 136 | Inverted 137 | ---------------*/ 138 | 139 | .ui.inverted.dimmer { 140 | background: rgba(255, 255, 255, 0.85); 141 | } 142 | .ui.inverted.dimmer > .content > * { 143 | color: #ffffff; 144 | } 145 | 146 | /*-------------- 147 | Simple 148 | ---------------*/ 149 | 150 | 151 | /* Displays without javascript */ 152 | .ui.simple.dimmer { 153 | display: block; 154 | overflow: hidden; 155 | opacity: 1; 156 | width: 0%; 157 | height: 0%; 158 | z-index: -100; 159 | background-color: rgba(0, 0, 0, 0); 160 | } 161 | .dimmed.dimmable > .ui.simple.dimmer { 162 | overflow: visible; 163 | opacity: 1; 164 | width: 100%; 165 | height: 100%; 166 | background: rgba(0, 0, 0, 0.85); 167 | z-index: 1; 168 | } 169 | .ui.simple.inverted.dimmer { 170 | background: rgba(255, 255, 255, 0); 171 | } 172 | .dimmed.dimmable > .ui.simple.inverted.dimmer { 173 | background: rgba(255, 255, 255, 0.85); 174 | } 175 | 176 | 177 | /******************************* 178 | Theme Overrides 179 | *******************************/ 180 | 181 | 182 | 183 | /******************************* 184 | User Overrides 185 | *******************************/ 186 | 187 | -------------------------------------------------------------------------------- /lib/semantic-ui/components/divider.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Semantic UI 1.10.4 - Divider 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 | Divider 15 | *******************************/ 16 | 17 | .ui.divider { 18 | margin: 1rem 0rem; 19 | line-height: 1; 20 | height: 0em; 21 | font-weight: bold; 22 | text-transform: uppercase; 23 | letter-spacing: 0.05em; 24 | color: rgba(0, 0, 0, 0.85); 25 | -webkit-user-select: none; 26 | -moz-user-select: none; 27 | -ms-user-select: none; 28 | user-select: none; 29 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 30 | } 31 | 32 | /*-------------- 33 | Basic 34 | ---------------*/ 35 | 36 | .ui.divider:not(.vertical):not(.horizontal) { 37 | border-top: 1px solid rgba(0, 0, 0, 0.1); 38 | border-bottom: 1px solid rgba(255, 255, 255, 0.2); 39 | } 40 | 41 | /*-------------- 42 | Coupling 43 | ---------------*/ 44 | 45 | .ui.grid > .ui.divider { 46 | font-size: 1rem; 47 | } 48 | 49 | /*-------------- 50 | Horizontal 51 | ---------------*/ 52 | 53 | .ui.horizontal.divider { 54 | position: relative; 55 | height: auto; 56 | margin: ''; 57 | overflow: hidden; 58 | line-height: 1; 59 | text-align: center; 60 | } 61 | .ui.horizontal.divider:before, 62 | .ui.horizontal.divider:after { 63 | position: absolute; 64 | content: ''; 65 | z-index: 3; 66 | width: 50%; 67 | top: 50%; 68 | height: 0px; 69 | border-top: 1px solid rgba(0, 0, 0, 0.1); 70 | border-bottom: 1px solid rgba(255, 255, 255, 0.2); 71 | } 72 | .ui.horizontal.divider:before { 73 | margin-left: -webkit-calc(-50% - 1em ); 74 | margin-left: calc(-50% - 1em ); 75 | } 76 | .ui.horizontal.divider:after { 77 | margin-left: 1em; 78 | } 79 | 80 | /*-------------- 81 | Vertical 82 | ---------------*/ 83 | 84 | .ui.vertical.divider { 85 | position: absolute; 86 | z-index: 2; 87 | top: 50%; 88 | left: 50%; 89 | margin: 0rem; 90 | padding: 0em; 91 | width: auto; 92 | height: 50%; 93 | line-height: 0em; 94 | text-align: center; 95 | -webkit-transform: translateX(-50%); 96 | -ms-transform: translateX(-50%); 97 | transform: translateX(-50%); 98 | } 99 | .ui.vertical.divider:before, 100 | .ui.vertical.divider:after { 101 | position: absolute; 102 | left: 50%; 103 | content: ''; 104 | z-index: 3; 105 | border-left: 1px solid rgba(0, 0, 0, 0.1); 106 | border-right: 1px solid rgba(255, 255, 255, 0.2); 107 | width: 0%; 108 | height: -webkit-calc(100% - 1rem ); 109 | height: calc(100% - 1rem ); 110 | } 111 | .ui.vertical.divider:before { 112 | top: -100%; 113 | } 114 | .ui.vertical.divider:after { 115 | top: auto; 116 | bottom: 0px; 117 | } 118 | 119 | /* Inside grid */ 120 | @media only screen and (max-width: 767px) { 121 | .ui.stackable.grid .ui.vertical.divider, 122 | .ui.grid .stackable.row .ui.vertical.divider { 123 | position: relative; 124 | margin: 1rem 0rem; 125 | left: 50%; 126 | height: auto; 127 | overflow: hidden; 128 | line-height: 1; 129 | text-align: center; 130 | } 131 | .ui.stackable.grid .ui.vertical.divider:before, 132 | .ui.grid .stackable.row .ui.vertical.divider:before, 133 | .ui.stackable.grid .ui.vertical.divider:after, 134 | .ui.grid .stackable.row .ui.vertical.divider:after { 135 | position: absolute; 136 | left: auto; 137 | content: ''; 138 | z-index: 3; 139 | width: 50%; 140 | top: 50%; 141 | height: 0px; 142 | border-top: 1px solid rgba(0, 0, 0, 0.1); 143 | border-bottom: 1px solid rgba(255, 255, 255, 0.2); 144 | } 145 | .ui.stackable.grid .ui.vertical.divider:before, 146 | .ui.grid .stackable.row .ui.vertical.divider:before { 147 | margin-left: -51%; 148 | } 149 | .ui.stackable.grid .ui.vertical.divider:after, 150 | .ui.grid .stackable.row .ui.vertical.divider:after { 151 | margin-left: 1em; 152 | } 153 | } 154 | 155 | /*-------------- 156 | Icon 157 | ---------------*/ 158 | 159 | .ui.divider > .icon { 160 | margin: 0rem; 161 | font-size: 1rem; 162 | height: 1em; 163 | vertical-align: middle; 164 | } 165 | 166 | 167 | /******************************* 168 | Variations 169 | *******************************/ 170 | 171 | 172 | /*-------------- 173 | Hidden 174 | ---------------*/ 175 | 176 | .ui.hidden.divider { 177 | border-color: transparent !important; 178 | } 179 | 180 | /*-------------- 181 | Inverted 182 | ---------------*/ 183 | 184 | .ui.divider.inverted, 185 | .ui.vertical.inverted.divider, 186 | .ui.horizontal.inverted.divider { 187 | color: #ffffff; 188 | } 189 | .ui.divider.inverted, 190 | .ui.divider.inverted:after, 191 | .ui.divider.inverted:before { 192 | border-top-color: rgba(0, 0, 0, 0.15) !important; 193 | border-bottom-color: rgba(255, 255, 255, 0.15) !important; 194 | border-left-color: rgba(0, 0, 0, 0.15) !important; 195 | border-right-color: rgba(255, 255, 255, 0.15) !important; 196 | } 197 | 198 | /*-------------- 199 | Fitted 200 | ---------------*/ 201 | 202 | .ui.fitted.divider { 203 | margin: 0em; 204 | } 205 | 206 | /*-------------- 207 | Clearing 208 | ---------------*/ 209 | 210 | .ui.clearing.divider { 211 | clear: both; 212 | } 213 | 214 | /*-------------- 215 | Section 216 | ---------------*/ 217 | 218 | .ui.section.divider { 219 | margin-top: 2rem; 220 | margin-bottom: 2rem; 221 | } 222 | 223 | /*-------------- 224 | Sizes 225 | ---------------*/ 226 | 227 | .ui.divider { 228 | font-size: 1rem; 229 | } 230 | 231 | 232 | /******************************* 233 | Theme Overrides 234 | *******************************/ 235 | 236 | 237 | 238 | /******************************* 239 | Site Overrides 240 | *******************************/ 241 | 242 | -------------------------------------------------------------------------------- /lib/semantic-ui/components/feed.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Semantic UI 1.10.4 - Feed 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 | Activity Feed 15 | *******************************/ 16 | 17 | .ui.feed { 18 | margin: 1em 0em; 19 | } 20 | .ui.feed:first-child { 21 | margin-top: 0em; 22 | } 23 | .ui.feed:last-child { 24 | margin-top: 0em; 25 | } 26 | 27 | 28 | /******************************* 29 | Content 30 | *******************************/ 31 | 32 | 33 | /* Event */ 34 | .ui.feed > .event { 35 | display: table; 36 | width: 100%; 37 | padding: 0.5rem 0em; 38 | margin: 0em; 39 | background: none; 40 | border-top: none; 41 | } 42 | .ui.feed > .event:first-child { 43 | border-top: 0px; 44 | padding-top: 0em; 45 | } 46 | .ui.feed > .event:last-child { 47 | padding-bottom: 0em; 48 | } 49 | 50 | /* Event Label */ 51 | .ui.feed > .event > .label { 52 | display: table-cell; 53 | width: 2.5em; 54 | height: 2.5em; 55 | vertical-align: top; 56 | text-align: left; 57 | } 58 | .ui.feed > .event > .label .icon { 59 | opacity: 1; 60 | font-size: 1.5em; 61 | width: 100%; 62 | padding: 0.25em; 63 | background: none; 64 | border: none; 65 | border-radius: none; 66 | color: rgba(0, 0, 0, 0.6); 67 | } 68 | .ui.feed > .event > .label img { 69 | width: 100%; 70 | height: auto; 71 | border-radius: 500rem; 72 | } 73 | .ui.feed > .event > .label + .content { 74 | padding: 0.5em 0em 0.5em 1.25em; 75 | } 76 | 77 | /* Content */ 78 | .ui.feed > .event > .content { 79 | display: table-cell; 80 | vertical-align: top; 81 | text-align: left; 82 | word-wrap: break-word; 83 | } 84 | .ui.feed > .event:last-child > .content { 85 | padding-bottom: 0em; 86 | } 87 | 88 | /* Link */ 89 | .ui.feed > .event > .content a { 90 | cursor: pointer; 91 | } 92 | 93 | /*-------------- 94 | Date 95 | ---------------*/ 96 | 97 | .ui.feed > .event > .content .date { 98 | margin: -0.5rem 0em 0em; 99 | padding: 0em; 100 | font-weight: normal; 101 | font-size: 1em; 102 | font-style: normal; 103 | color: rgba(0, 0, 0, 0.4); 104 | } 105 | 106 | /*-------------- 107 | Summary 108 | ---------------*/ 109 | 110 | .ui.feed > .event > .content .summary { 111 | margin: 0em; 112 | font-size: 1em; 113 | font-weight: bold; 114 | color: rgba(0, 0, 0, 0.8); 115 | } 116 | 117 | /* Summary Image */ 118 | .ui.feed > .event > .content .summary img { 119 | display: inline-block; 120 | width: auto; 121 | height: 2em; 122 | margin: -0.25em 0.25em 0em 0em; 123 | border-radius: 0.25em; 124 | vertical-align: middle; 125 | } 126 | 127 | /*-------------- 128 | User 129 | ---------------*/ 130 | 131 | .ui.feed > .event > .content .user { 132 | display: inline-block; 133 | font-weight: bold; 134 | margin-right: 0em; 135 | vertical-align: baseline; 136 | } 137 | .ui.feed > .event > .content .user img { 138 | margin: -0.25em 0.25em 0em 0em; 139 | width: auto; 140 | height: 2em; 141 | vertical-align: middle; 142 | } 143 | 144 | /*-------------- 145 | Inline Date 146 | ---------------*/ 147 | 148 | 149 | /* Date inside Summary */ 150 | .ui.feed > .event > .content .summary > .date { 151 | display: inline-block; 152 | float: none; 153 | font-weight: normal; 154 | font-size: 0.875em; 155 | font-style: normal; 156 | margin: 0em 0em 0em 0.5em; 157 | padding: 0em; 158 | color: rgba(0, 0, 0, 0.4); 159 | } 160 | 161 | /*-------------- 162 | Extra Summary 163 | ---------------*/ 164 | 165 | .ui.feed > .event > .content .extra { 166 | margin: 0.5em 0em 0em; 167 | background: none; 168 | padding: 0em; 169 | color: rgba(0, 0, 0, 0.8); 170 | } 171 | 172 | /* Images */ 173 | .ui.feed > .event > .content .extra.images img { 174 | display: inline-block; 175 | margin: 0em 0.25em 0em 0em; 176 | width: 6em; 177 | } 178 | 179 | /* Text */ 180 | .ui.feed > .event > .content .extra.text { 181 | padding: 0.5em 1em; 182 | border-left: 3px solid rgba(0, 0, 0, 0.2); 183 | font-size: 1em; 184 | max-width: 500px; 185 | line-height: 1.33; 186 | } 187 | 188 | /*-------------- 189 | Meta 190 | ---------------*/ 191 | 192 | .ui.feed > .event > .content .meta { 193 | display: inline-block; 194 | font-size: 0.875em; 195 | margin: 0.5em 0em 0em; 196 | background: none; 197 | border: none; 198 | border-radius: 0; 199 | box-shadow: none; 200 | padding: 0em; 201 | color: rgba(0, 0, 0, 0.6); 202 | } 203 | .ui.feed > .event > .content .meta > * { 204 | position: relative; 205 | margin-left: 0.75em; 206 | } 207 | .ui.feed > .event > .content .meta > *:after { 208 | content: ''; 209 | color: rgba(0, 0, 0, 0.2); 210 | top: 0em; 211 | left: -1em; 212 | opacity: 1; 213 | position: absolute; 214 | vertical-align: top; 215 | } 216 | .ui.feed > .event > .content .meta .like { 217 | color: ''; 218 | -webkit-transition: 0.2s color ease; 219 | transition: 0.2s color ease; 220 | } 221 | .ui.feed > .event > .content .meta .like:hover .icon { 222 | color: #ff2733; 223 | } 224 | .ui.feed > .event > .content .meta .active.like .icon { 225 | color: #ef404a; 226 | } 227 | 228 | /* First element */ 229 | .ui.feed > .event > .content .meta > :first-child { 230 | margin-left: 0em; 231 | } 232 | .ui.feed > .event > .content .meta > :first-child::after { 233 | display: none; 234 | } 235 | 236 | /* Action */ 237 | .ui.feed > .event > .content .meta a, 238 | .ui.feed > .event > .content .meta > .icon { 239 | cursor: pointer; 240 | opacity: 1; 241 | color: rgba(0, 0, 0, 0.5); 242 | -webkit-transition: color 0.2s ease; 243 | transition: color 0.2s ease; 244 | } 245 | .ui.feed > .event > .content .meta a:hover, 246 | .ui.feed > .event > .content .meta a:hover .icon, 247 | .ui.feed > .event > .content .meta > .icon:hover { 248 | color: rgba(0, 0, 0, 0.8); 249 | } 250 | 251 | 252 | /******************************* 253 | Variations 254 | *******************************/ 255 | 256 | .ui.small.feed { 257 | font-size: 0.9em; 258 | } 259 | .ui.feed { 260 | font-size: 1em; 261 | } 262 | .ui.large.feed { 263 | font-size: 1.1em; 264 | } 265 | 266 | 267 | /******************************* 268 | Theme Overrides 269 | *******************************/ 270 | 271 | 272 | 273 | /******************************* 274 | User Variable Overrides 275 | *******************************/ 276 | 277 | -------------------------------------------------------------------------------- /lib/semantic-ui/components/header.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Semantic UI 1.10.4 - Header 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 | Header 15 | *******************************/ 16 | 17 | 18 | /* Standard */ 19 | .ui.header { 20 | border: none; 21 | margin: -webkit-calc(2rem - 0.165em ) 0em 1rem; 22 | margin: calc(2rem - 0.165em ) 0em 1rem; 23 | padding: 0em 0em; 24 | font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; 25 | font-weight: bold; 26 | line-height: 1.33em; 27 | text-transform: none; 28 | color: rgba(0, 0, 0, 0.8); 29 | } 30 | .ui.header:first-child { 31 | margin-top: -0.165em; 32 | } 33 | .ui.header:last-child { 34 | margin-bottom: 0em; 35 | } 36 | 37 | /*-------------- 38 | Sub Header 39 | ---------------*/ 40 | 41 | .ui.header .sub.header { 42 | font-weight: normal; 43 | margin: 0em; 44 | padding: 0em; 45 | font-size: 1.1428rem; 46 | line-height: 1.2em; 47 | color: rgba(0, 0, 0, 0.5); 48 | } 49 | 50 | /*-------------- 51 | Icon 52 | ---------------*/ 53 | 54 | .ui.header > .icon { 55 | display: table-cell; 56 | opacity: 1; 57 | font-size: 1.5em; 58 | padding-top: 0.165em; 59 | vertical-align: middle; 60 | } 61 | 62 | /* With Text Node */ 63 | .ui.header .icon:only-child { 64 | display: inline-block; 65 | padding: 0em; 66 | margin-right: 0.75rem; 67 | } 68 | 69 | /*------------------- 70 | Image 71 | --------------------*/ 72 | 73 | .ui.header > .image, 74 | .ui.header > img { 75 | display: inline-block; 76 | margin-top: 0.165em; 77 | width: 2.5em; 78 | height: auto; 79 | vertical-align: middle; 80 | } 81 | .ui.header > .image:only-child, 82 | .ui.header > img:only-child { 83 | margin-right: 0.75rem; 84 | } 85 | 86 | /*-------------- 87 | Content 88 | ---------------*/ 89 | 90 | .ui.header .content { 91 | display: inline-block; 92 | vertical-align: top; 93 | } 94 | 95 | /* After Image */ 96 | .ui.header > img + .content, 97 | .ui.header > .image + .content { 98 | padding-left: 0.75rem; 99 | vertical-align: middle; 100 | } 101 | 102 | /* After Icon */ 103 | .ui.header > .icon + .content { 104 | padding-left: 0.75rem; 105 | display: table-cell; 106 | vertical-align: middle; 107 | } 108 | 109 | /*-------------- 110 | Loose Coupling 111 | ---------------*/ 112 | 113 | .ui.header .ui.label { 114 | margin: 0em 0em 0em 0.5rem; 115 | vertical-align: middle; 116 | } 117 | 118 | /* Positioning */ 119 | .ui.header + p { 120 | margin-top: 0em; 121 | } 122 | 123 | 124 | /******************************* 125 | Types 126 | *******************************/ 127 | 128 | 129 | /*-------------- 130 | Page 131 | ---------------*/ 132 | 133 | h1.ui.header { 134 | font-size: 2rem; 135 | } 136 | h2.ui.header { 137 | font-size: 1.714rem; 138 | } 139 | h3.ui.header { 140 | font-size: 1.28rem; 141 | } 142 | h4.ui.header { 143 | font-size: 1.071rem; 144 | } 145 | h5.ui.header { 146 | font-size: 1rem; 147 | } 148 | 149 | /* Sub Header */ 150 | h1.ui.header .sub.header { 151 | font-size: 1.4285rem; 152 | } 153 | h2.ui.header .sub.header { 154 | font-size: 1.1428rem; 155 | } 156 | h3.ui.header .sub.header { 157 | font-size: 1.1428rem; 158 | } 159 | h4.ui.header .sub.header { 160 | font-size: 1rem; 161 | } 162 | h5.ui.header .sub.header { 163 | font-size: 0.9285rem; 164 | } 165 | 166 | /*-------------- 167 | Content Heading 168 | ---------------*/ 169 | 170 | .ui.huge.header { 171 | min-height: 1em; 172 | font-size: 2em; 173 | } 174 | .ui.large.header { 175 | font-size: 1.714em; 176 | } 177 | .ui.medium.header { 178 | font-size: 1.28em; 179 | } 180 | .ui.small.header { 181 | font-size: 1.071em; 182 | } 183 | .ui.tiny.header { 184 | font-size: 1em; 185 | } 186 | 187 | /* Sub Header */ 188 | .ui.huge.header .sub.header { 189 | font-size: 1.4285rem; 190 | } 191 | .ui.large.header .sub.header { 192 | font-size: 1.4285rem; 193 | } 194 | .ui.header .sub.header { 195 | font-size: 1.1428rem; 196 | } 197 | .ui.small.header .sub.header { 198 | font-size: 1rem; 199 | } 200 | .ui.tiny.header .sub.header { 201 | font-size: 0.9285rem; 202 | } 203 | 204 | /*------------------- 205 | Icon 206 | --------------------*/ 207 | 208 | .ui.icon.header { 209 | display: inline-block; 210 | text-align: center; 211 | margin: 2rem 0em 1rem; 212 | } 213 | .ui.icon.header:after { 214 | content: ''; 215 | display: block; 216 | height: 0px; 217 | clear: both; 218 | visibility: hidden; 219 | } 220 | .ui.icon.header:first-child { 221 | margin-top: 0em; 222 | } 223 | .ui.icon.header .icon { 224 | float: none; 225 | display: block; 226 | width: auto; 227 | height: auto; 228 | padding: 0em; 229 | font-size: 3em; 230 | margin: 0em auto 0.25rem; 231 | opacity: 1; 232 | } 233 | .ui.icon.header .content { 234 | display: block; 235 | } 236 | .ui.icon.header .circular.icon { 237 | font-size: 2em; 238 | } 239 | .ui.icon.header .square.icon { 240 | font-size: 2em; 241 | } 242 | .ui.block.icon.header .icon { 243 | margin-bottom: 0em; 244 | } 245 | .ui.icon.header.aligned { 246 | margin-left: auto; 247 | margin-right: auto; 248 | display: block; 249 | } 250 | 251 | 252 | /******************************* 253 | States 254 | *******************************/ 255 | 256 | .ui.disabled.header { 257 | opacity: 0.3; 258 | } 259 | 260 | 261 | /******************************* 262 | Variations 263 | *******************************/ 264 | 265 | 266 | /*------------------- 267 | Colors 268 | --------------------*/ 269 | 270 | .ui.black.header { 271 | color: #1b1c1d !important; 272 | } 273 | a.ui.black.header:hover { 274 | color: #1b1c1d !important; 275 | } 276 | .ui.blue.header { 277 | color: #3b83c0 !important; 278 | } 279 | a.ui.blue.header:hover { 280 | color: #458ac6 !important; 281 | } 282 | .ui.green.header { 283 | color: #5bbd72 !important; 284 | } 285 | a.ui.green.header:hover { 286 | color: #66c17b !important; 287 | } 288 | .ui.orange.header { 289 | color: #e07b53 !important; 290 | } 291 | a.ui.orange.header:hover { 292 | color: #e28560 !important; 293 | } 294 | .ui.pink.header { 295 | color: #d9499a !important; 296 | } 297 | a.ui.pink.header:hover { 298 | color: #dc56a1 !important; 299 | } 300 | .ui.purple.header { 301 | color: #564f8a !important; 302 | } 303 | a.ui.purple.header:hover { 304 | color: #5c5594 !important; 305 | } 306 | .ui.red.header { 307 | color: #d95c5c !important; 308 | } 309 | a.ui.red.header:hover { 310 | color: #dc6868 !important; 311 | } 312 | .ui.teal.header { 313 | color: #00b5ad !important; 314 | } 315 | a.ui.teal.header:hover { 316 | color: #00c4bc !important; 317 | } 318 | .ui.yellow.header { 319 | color: #f2c61f !important; 320 | } 321 | a.ui.yellow.header:hover { 322 | color: #f3ca2d !important; 323 | } 324 | .ui.black.dividing.header { 325 | border-bottom: 2px solid #1b1c1d; 326 | } 327 | .ui.blue.dividing.header { 328 | border-bottom: 2px solid #3b83c0; 329 | } 330 | .ui.green.dividing.header { 331 | border-bottom: 2px solid #5bbd72; 332 | } 333 | .ui.orange.dividing.header { 334 | border-bottom: 2px solid #e07b53; 335 | } 336 | .ui.pink.dividing.header { 337 | border-bottom: 2px solid #d9499a; 338 | } 339 | .ui.purple.dividing.header { 340 | border-bottom: 2px solid #564f8a; 341 | } 342 | .ui.red.dividing.header { 343 | border-bottom: 2px solid #d95c5c; 344 | } 345 | .ui.teal.dividing.header { 346 | border-bottom: 2px solid #00b5ad; 347 | } 348 | .ui.yellow.dividing.header { 349 | border-bottom: 2px solid #f2c61f; 350 | } 351 | 352 | /*------------------- 353 | Inverted 354 | --------------------*/ 355 | 356 | .ui.inverted.header { 357 | color: #ffffff; 358 | } 359 | .ui.inverted.header .sub.header { 360 | color: rgba(255, 255, 255, 0.85); 361 | } 362 | .ui.inverted.attached.header { 363 | background: #333333 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); 364 | background: #333333 linear-gradient(transparent, rgba(0, 0, 0, 0.05)); 365 | box-shadow: none; 366 | } 367 | .ui.inverted.block.header { 368 | background: #333333 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); 369 | background: #333333 linear-gradient(transparent, rgba(0, 0, 0, 0.05)); 370 | box-shadow: none; 371 | } 372 | 373 | /*------------------- 374 | Inverted Colors 375 | --------------------*/ 376 | 377 | .ui.inverted.black.header { 378 | color: #aaaaaa !important; 379 | } 380 | a.ui.inverted.black.header:hover { 381 | color: #b2b2b2 !important; 382 | } 383 | .ui.inverted.blue.header { 384 | color: #54c8ff !important; 385 | } 386 | a.ui.inverted.blue.header:hover { 387 | color: #63cdff !important; 388 | } 389 | .ui.inverted.green.header { 390 | color: #2ecc40 !important; 391 | } 392 | a.ui.inverted.green.header:hover { 393 | color: #37d249 !important; 394 | } 395 | .ui.inverted.orange.header { 396 | color: #ff851b !important; 397 | } 398 | a.ui.inverted.orange.header:hover { 399 | color: #ff8d2a !important; 400 | } 401 | .ui.inverted.pink.header { 402 | color: #ff8edf !important; 403 | } 404 | a.ui.inverted.pink.header:hover { 405 | color: #ff9de3 !important; 406 | } 407 | .ui.inverted.purple.header { 408 | color: #cdc6ff !important; 409 | } 410 | a.ui.inverted.purple.header:hover { 411 | color: #dad5ff !important; 412 | } 413 | .ui.inverted.red.header { 414 | color: #ff695e !important; 415 | } 416 | a.ui.inverted.red.header:hover { 417 | color: #ff776d !important; 418 | } 419 | .ui.inverted.teal.header { 420 | color: #6dffff !important; 421 | } 422 | a.ui.inverted.teal.header:hover { 423 | color: #7cffff !important; 424 | } 425 | .ui.inverted.yellow.header { 426 | color: #ffe21f !important; 427 | } 428 | a.ui.inverted.yellow.header:hover { 429 | color: #ffe42e !important; 430 | } 431 | .ui.inverted.block.header { 432 | border-bottom: none; 433 | } 434 | 435 | /*------------------- 436 | Aligned 437 | --------------------*/ 438 | 439 | .ui.left.aligned.header { 440 | text-align: left; 441 | } 442 | .ui.right.aligned.header { 443 | text-align: right; 444 | } 445 | .ui.centered.header, 446 | .ui.center.aligned.header { 447 | text-align: center; 448 | } 449 | .ui.justified.header { 450 | text-align: justify; 451 | } 452 | .ui.justified.header:after { 453 | display: inline-block; 454 | content: ''; 455 | width: 100%; 456 | } 457 | 458 | /*------------------- 459 | Floated 460 | --------------------*/ 461 | 462 | .ui.floated.header, 463 | .ui[class*="left floated"].header { 464 | float: left; 465 | margin-top: 0em; 466 | margin-right: 0.5em; 467 | } 468 | .ui[class*="right floated"].header { 469 | float: right; 470 | margin-top: 0em; 471 | margin-left: 0.5em; 472 | } 473 | 474 | /*------------------- 475 | Fittted 476 | --------------------*/ 477 | 478 | .ui.fitted.header { 479 | padding: 0em; 480 | } 481 | 482 | /*------------------- 483 | Dividing 484 | --------------------*/ 485 | 486 | .ui.dividing.header { 487 | padding-bottom: 0.25rem; 488 | border-bottom: 1px solid rgba(0, 0, 0, 0.1); 489 | } 490 | .ui.dividing.header .sub.header { 491 | padding-bottom: 0.25rem; 492 | } 493 | .ui.dividing.header .icon { 494 | margin-bottom: 0em; 495 | } 496 | .ui.inverted.dividing.header { 497 | border-bottom-color: rgba(255, 255, 255, 0.2); 498 | } 499 | 500 | /*------------------- 501 | Block 502 | --------------------*/ 503 | 504 | .ui.block.header { 505 | background: #f0f0f0; 506 | padding: 0.75rem 1rem; 507 | box-shadow: none; 508 | border: 1px solid #d4d4d5; 509 | border-radius: 0.3125rem; 510 | } 511 | .ui.tiny.block.header { 512 | font-size: 1em; 513 | } 514 | .ui.small.block.header { 515 | font-size: 1.071em; 516 | } 517 | .ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) { 518 | font-size: 1.28em; 519 | } 520 | .ui.large.block.header { 521 | font-size: 1.714em; 522 | } 523 | .ui.huge.block.header { 524 | font-size: 2em; 525 | } 526 | 527 | /*------------------- 528 | Attached 529 | --------------------*/ 530 | 531 | .ui.attached.header { 532 | background: #ffffff; 533 | padding: 0.75rem 1rem; 534 | margin-left: -1px; 535 | margin-right: -1px; 536 | box-shadow: none; 537 | border: 1px solid #d4d4d5; 538 | } 539 | .ui.attached.block.header { 540 | background: #f0f0f0; 541 | } 542 | .ui.attached:not(.top):not(.bottom).header { 543 | margin-top: 0em; 544 | margin-bottom: 0em; 545 | border-top: none; 546 | border-bottom: none; 547 | border-radius: 0em; 548 | } 549 | .ui.top.attached.header { 550 | margin-bottom: 0em; 551 | border-bottom: none; 552 | border-radius: 0.3125rem 0.3125rem 0em 0em; 553 | } 554 | .ui.bottom.attached.header { 555 | margin-top: 0em; 556 | border-top: none; 557 | border-radius: 0em 0em 0.3125rem 0.3125rem; 558 | } 559 | 560 | /* Attached Sizes */ 561 | .ui.tiny.attached.header { 562 | font-size: 0.8571em; 563 | } 564 | .ui.small.attached.header { 565 | font-size: 0.9285em; 566 | } 567 | .ui.attached.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) { 568 | font-size: 1em; 569 | } 570 | .ui.large.attached.header { 571 | font-size: 1.0714em; 572 | } 573 | .ui.huge.attached.header { 574 | font-size: 1.1428em; 575 | } 576 | 577 | /*------------------- 578 | Sizing 579 | --------------------*/ 580 | 581 | .ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) { 582 | font-size: 1.28em; 583 | } 584 | 585 | 586 | /******************************* 587 | Theme Overrides 588 | *******************************/ 589 | 590 | 591 | 592 | /******************************* 593 | Site Overrides 594 | *******************************/ 595 | 596 | -------------------------------------------------------------------------------- /lib/semantic-ui/components/image.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Semantic UI 1.10.4 - Image 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 | Image 15 | *******************************/ 16 | 17 | .ui.image { 18 | position: relative; 19 | display: inline-block; 20 | vertical-align: middle; 21 | max-width: 100%; 22 | background-color: transparent; 23 | } 24 | img.ui.image { 25 | display: block; 26 | } 27 | .ui.image svg, 28 | .ui.image img { 29 | display: block; 30 | max-width: 100%; 31 | height: auto; 32 | } 33 | 34 | 35 | /******************************* 36 | States 37 | *******************************/ 38 | 39 | .ui.hidden.images, 40 | .ui.hidden.image { 41 | display: none; 42 | } 43 | .ui.disabled.images, 44 | .ui.disabled.image { 45 | cursor: default; 46 | opacity: 0.3; 47 | } 48 | 49 | 50 | /******************************* 51 | Variations 52 | *******************************/ 53 | 54 | 55 | /*-------------- 56 | Inline 57 | ---------------*/ 58 | 59 | .ui.inline.image, 60 | .ui.inline.image svg, 61 | .ui.inline.image img { 62 | display: inline-block; 63 | } 64 | 65 | /*------------------ 66 | Vertical Aligned 67 | -------------------*/ 68 | 69 | .ui.top.aligned.images .image, 70 | .ui.top.aligned.image, 71 | .ui.top.aligned.image svg, 72 | .ui.top.aligned.image img { 73 | display: inline-block; 74 | vertical-align: top; 75 | } 76 | .ui.middle.aligned.images .image, 77 | .ui.middle.aligned.image, 78 | .ui.middle.aligned.image svg, 79 | .ui.middle.aligned.image img { 80 | display: inline-block; 81 | vertical-align: middle; 82 | } 83 | .ui.bottom.aligned.images .image, 84 | .ui.bottom.aligned.image, 85 | .ui.bottom.aligned.image svg, 86 | .ui.bottom.aligned.image img { 87 | display: inline-block; 88 | vertical-align: bottom; 89 | } 90 | 91 | /*-------------- 92 | Rounded 93 | ---------------*/ 94 | 95 | .ui.rounded.images .image, 96 | .ui.rounded.images img, 97 | .ui.rounded.images svg, 98 | .ui.rounded.image img, 99 | .ui.rounded.image svg, 100 | .ui.rounded.image { 101 | border-radius: 0.3125em; 102 | } 103 | 104 | /*-------------- 105 | Bordered 106 | ---------------*/ 107 | 108 | .ui.bordered.images .image, 109 | .ui.bordered.images img, 110 | .ui.bordered.images svg, 111 | .ui.bordered.image img, 112 | .ui.bordered.image svg, 113 | img.ui.bordered.image { 114 | border: 1px solid rgba(0, 0, 0, 0.1); 115 | } 116 | 117 | /*-------------- 118 | Circular 119 | ---------------*/ 120 | 121 | .ui.circular.images, 122 | .ui.circular.image { 123 | overflow: hidden; 124 | } 125 | .ui.circular.images .image, 126 | .ui.circular.images img, 127 | .ui.circular.images svg, 128 | .ui.circular.image img, 129 | .ui.circular.image svg, 130 | .ui.circular.image { 131 | border-radius: 500rem; 132 | } 133 | 134 | /*-------------- 135 | Fluid 136 | ---------------*/ 137 | 138 | .ui.fluid.images, 139 | .ui.fluid.image, 140 | .ui.fluid.images img, 141 | .ui.fluid.images svg, 142 | .ui.fluid.image svg, 143 | .ui.fluid.image img { 144 | display: block; 145 | width: 100%; 146 | } 147 | 148 | /*-------------- 149 | Avatar 150 | ---------------*/ 151 | 152 | .ui.avatar.images .image, 153 | .ui.avatar.images img, 154 | .ui.avatar.images svg, 155 | .ui.avatar.image img, 156 | .ui.avatar.image svg, 157 | .ui.avatar.image { 158 | margin-right: 0.25em; 159 | display: inline-block; 160 | width: 2.5em; 161 | height: 2.5em; 162 | border-radius: 500rem; 163 | } 164 | 165 | /*------------------- 166 | Floated 167 | --------------------*/ 168 | 169 | .ui.floated.image, 170 | .ui.floated.images { 171 | float: left; 172 | margin-right: 1em; 173 | margin-bottom: 1em; 174 | } 175 | .ui.right.floated.images, 176 | .ui.right.floated.image { 177 | float: right; 178 | margin-right: 0em; 179 | margin-bottom: 1em; 180 | margin-left: 1em; 181 | } 182 | .ui.floated.images:last-child, 183 | .ui.floated.image:last-child { 184 | margin-bottom: 0em; 185 | } 186 | .ui.centered.images, 187 | .ui.centered.image { 188 | margin-left: auto; 189 | margin-right: auto; 190 | } 191 | 192 | /*-------------- 193 | Sizes 194 | ---------------*/ 195 | 196 | .ui.mini.images .image, 197 | .ui.mini.images img, 198 | .ui.mini.images svg, 199 | .ui.mini.image { 200 | width: 20px; 201 | font-size: 0.71428571rem; 202 | } 203 | .ui.tiny.images .image, 204 | .ui.tiny.images img, 205 | .ui.tiny.images svg, 206 | .ui.tiny.image { 207 | width: 80px; 208 | font-size: 0.85714286rem; 209 | } 210 | .ui.small.images .image, 211 | .ui.small.images img, 212 | .ui.small.images svg, 213 | .ui.small.image { 214 | width: 150px; 215 | font-size: 0.92857143rem; 216 | } 217 | .ui.medium.images .image, 218 | .ui.medium.images img, 219 | .ui.medium.images svg, 220 | .ui.medium.image { 221 | width: 300px; 222 | font-size: 1rem; 223 | } 224 | .ui.large.images .image, 225 | .ui.large.images img, 226 | .ui.large.images svg, 227 | .ui.large.image { 228 | width: 450px; 229 | font-size: 1.14285714rem; 230 | } 231 | .ui.big.images .image, 232 | .ui.big.images img, 233 | .ui.big.images svg, 234 | .ui.big.image { 235 | width: 600px; 236 | font-size: 1.28571429rem; 237 | } 238 | .ui.huge.images .image, 239 | .ui.huge.images img, 240 | .ui.huge.images svg, 241 | .ui.huge.image { 242 | width: 800px; 243 | font-size: 1.42857143rem; 244 | } 245 | .ui.massive.images .image, 246 | .ui.massive.images img, 247 | .ui.massive.images svg, 248 | .ui.massive.image { 249 | width: 960px; 250 | font-size: 1.71428571rem; 251 | } 252 | 253 | 254 | /******************************* 255 | Groups 256 | *******************************/ 257 | 258 | .ui.images { 259 | font-size: 0em; 260 | margin: 0em -0.25rem 0rem; 261 | } 262 | .ui.images .image, 263 | .ui.images img, 264 | .ui.images svg { 265 | display: inline-block; 266 | margin: 0em 0.25rem 0.5rem; 267 | } 268 | 269 | 270 | /******************************* 271 | Theme Overrides 272 | *******************************/ 273 | 274 | 275 | 276 | /******************************* 277 | Site Overrides 278 | *******************************/ 279 | 280 | -------------------------------------------------------------------------------- /lib/semantic-ui/components/input.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Semantic UI 1.10.4 - Input 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 | Standard 15 | *******************************/ 16 | 17 | 18 | /*-------------------- 19 | Inputs 20 | ---------------------*/ 21 | 22 | .ui.input { 23 | position: relative; 24 | display: inline-block; 25 | color: rgba(0, 0, 0, 0.8); 26 | } 27 | .ui.input input { 28 | margin: 0em; 29 | width: 100%; 30 | outline: none; 31 | -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 32 | text-align: left; 33 | line-height: 1.2142em; 34 | font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; 35 | padding: 0.67861em 1em; 36 | background: #ffffff; 37 | border: 1px solid rgba(0, 0, 0, 0.15); 38 | color: rgba(0, 0, 0, 0.8); 39 | border-radius: 0.2857rem; 40 | -webkit-transition: background-color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; 41 | transition: background-color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; 42 | box-shadow: none; 43 | } 44 | 45 | /*-------------------- 46 | Placeholder 47 | ---------------------*/ 48 | 49 | 50 | /* browsers require these rules separate */ 51 | .ui.input input::-webkit-input-placeholder { 52 | color: rgba(0, 0, 0, 0.4); 53 | } 54 | .ui.input input::-moz-placeholder { 55 | color: rgba(0, 0, 0, 0.4); 56 | } 57 | 58 | 59 | /******************************* 60 | States 61 | *******************************/ 62 | 63 | 64 | /*-------------------- 65 | Active 66 | ---------------------*/ 67 | 68 | .ui.input input:active, 69 | .ui.input.down input { 70 | border-color: rgba(0, 0, 0, 0.3); 71 | background: #fafafa; 72 | color: rgba(0, 0, 0, 0.8); 73 | box-shadow: none; 74 | } 75 | 76 | /*-------------------- 77 | Loading 78 | ---------------------*/ 79 | 80 | .ui.loading.loading.input > i.icon:before { 81 | position: absolute; 82 | content: ''; 83 | top: 50%; 84 | left: 50%; 85 | margin: -0.64285em 0em 0em -0.64285em; 86 | width: 1.2857em; 87 | height: 1.2857em; 88 | border-radius: 500rem; 89 | border: 0.2em solid rgba(0, 0, 0, 0.1); 90 | } 91 | .ui.loading.loading.input > i.icon:after { 92 | position: absolute; 93 | content: ''; 94 | top: 50%; 95 | left: 50%; 96 | margin: -0.64285em 0em 0em -0.64285em; 97 | width: 1.2857em; 98 | height: 1.2857em; 99 | -webkit-animation: button-spin 0.6s linear; 100 | animation: button-spin 0.6s linear; 101 | -webkit-animation-iteration-count: infinite; 102 | animation-iteration-count: infinite; 103 | border-radius: 500rem; 104 | border-color: #aaaaaa transparent transparent; 105 | border-style: solid; 106 | border-width: 0.2em; 107 | box-shadow: 0px 0px 0px 1px transparent; 108 | } 109 | 110 | /*-------------------- 111 | Focus 112 | ---------------------*/ 113 | 114 | .ui.input.focus input, 115 | .ui.input input:focus { 116 | border-color: rgba(39, 41, 43, 0.3); 117 | background: #ffffff; 118 | color: rgba(0, 0, 0, 0.8); 119 | box-shadow: none; 120 | } 121 | .ui.input.focus input input::-webkit-input-placeholder, 122 | .ui.input input:focus input::-webkit-input-placeholder { 123 | color: rgba(0, 0, 0, 0.8); 124 | } 125 | .ui.input.focus input input::-moz-placeholder, 126 | .ui.input input:focus input::-moz-placeholder { 127 | color: rgba(0, 0, 0, 0.8); 128 | } 129 | 130 | /*-------------------- 131 | Error 132 | ---------------------*/ 133 | 134 | .ui.input.error input { 135 | background-color: #fff0f0; 136 | border-color: #dbb1b1; 137 | color: #d95c5c; 138 | box-shadow: none; 139 | } 140 | 141 | /* Error Placeholder */ 142 | .ui.input.error input ::-webkit-input-placeholder { 143 | color: rgba(255, 80, 80, 0.4); 144 | } 145 | .ui.input.error input ::-moz-placeholder { 146 | color: rgba(255, 80, 80, 0.4); 147 | } 148 | 149 | /* Focused Error Placeholder */ 150 | .ui.input.error input :focus::-webkit-input-placeholder { 151 | color: rgba(255, 80, 80, 0.7); 152 | } 153 | .ui.input.error input :focus::-moz-placeholder { 154 | color: rgba(255, 80, 80, 0.7); 155 | } 156 | 157 | 158 | /******************************* 159 | Variations 160 | *******************************/ 161 | 162 | 163 | /*-------------------- 164 | Transparent 165 | ---------------------*/ 166 | 167 | .ui.transparent.input input { 168 | border-color: transparent; 169 | background-color: transparent; 170 | padding: 0em; 171 | } 172 | 173 | /* Transparent Icon */ 174 | .ui.transparent.icon.input > i.icon { 175 | width: 1.25em; 176 | } 177 | .ui.transparent.icon.input > input { 178 | padding-left: 0em !important; 179 | padding-right: 2em !important; 180 | } 181 | .ui.transparent[class*="left icon"].input > input { 182 | padding-left: 0em !important; 183 | padding-left: 2em !important; 184 | } 185 | 186 | /* Transparent Inverted */ 187 | .ui.transparent.inverted.input input::-moz-placeholder { 188 | color: rgba(255, 255, 255, 0.5); 189 | } 190 | .ui.transparent.inverted.input { 191 | color: #ffffff; 192 | } 193 | .ui.transparent.inverted.input input { 194 | color: inherit; 195 | } 196 | 197 | /*-------------------- 198 | Icon 199 | ---------------------*/ 200 | 201 | .ui.icon.input > i.icon { 202 | cursor: default; 203 | position: absolute; 204 | text-align: center; 205 | top: 0px; 206 | right: 0px; 207 | margin: 0em; 208 | height: 100%; 209 | width: 2.82142em; 210 | opacity: 0.5; 211 | border-radius: 0em 0.2857rem 0.2857rem 0em; 212 | -webkit-transition: opacity 0.3s ease; 213 | transition: opacity 0.3s ease; 214 | } 215 | .ui.icon.input input { 216 | padding-right: 2.82142em !important; 217 | } 218 | .ui.icon.input > i.icon:before, 219 | .ui.icon.input > i.icon:after { 220 | left: 0; 221 | position: absolute; 222 | text-align: center; 223 | top: 50%; 224 | width: 100%; 225 | margin-top: -0.5em; 226 | } 227 | .ui.icon.input > i.link.icon { 228 | cursor: pointer; 229 | } 230 | .ui.icon.input > i.circular.icon { 231 | top: 0.35em; 232 | right: 0.5em; 233 | } 234 | 235 | /* Left Icon Input */ 236 | .ui[class*="left icon"].input > i.icon { 237 | right: auto; 238 | left: 1px; 239 | border-radius: 0.2857rem 0em 0em 0.2857rem; 240 | } 241 | .ui[class*="left icon"].input > i.circular.icon { 242 | right: auto; 243 | left: 0.5em; 244 | } 245 | .ui[class*="left icon"].input > input { 246 | padding-left: 2.82142em !important; 247 | padding-right: 1em !important; 248 | } 249 | 250 | /* Focus */ 251 | .ui.icon.input > input:focus ~ i.icon { 252 | opacity: 1; 253 | } 254 | 255 | /*-------------------- 256 | Labeled 257 | ---------------------*/ 258 | 259 | 260 | /* Adjacent Label */ 261 | .ui.labeled.input { 262 | display: -webkit-inline-box; 263 | display: -webkit-inline-flex; 264 | display: -ms-inline-flexbox; 265 | display: inline-flex; 266 | } 267 | .ui.labeled.input > .label { 268 | -webkit-box-flex: 1; 269 | -webkit-flex: 1 0 auto; 270 | -ms-flex: 1 0 auto; 271 | flex: 1 0 auto; 272 | margin: 0; 273 | font-size: 1em; 274 | } 275 | .ui.labeled.input > .label:not(.corner) { 276 | padding-top: 0.78571em; 277 | padding-bottom: 0.78571em; 278 | } 279 | 280 | /* Fluid Labeled */ 281 | .ui.fluid.labeled.input { 282 | display: -webkit-box; 283 | display: -webkit-flex; 284 | display: -ms-flexbox; 285 | display: flex; 286 | } 287 | 288 | /* Label on Left */ 289 | .ui.labeled.input:not([class*="corner labeled"]):not([class*="right labeled"]) > input { 290 | border-left: none; 291 | border-top-left-radius: 0px; 292 | border-bottom-left-radius: 0px; 293 | } 294 | .ui.labeled.input:not([class*="corner labeled"]):not([class*="right labeled"]) > .label { 295 | border-top-right-radius: 0px; 296 | border-bottom-right-radius: 0px; 297 | } 298 | 299 | /* Label on Right */ 300 | .ui[class*="right labeled"].input > input { 301 | border-right: none; 302 | border-top-right-radius: 0px !important; 303 | border-bottom-right-radius: 0px !important; 304 | } 305 | .ui[class*="right labeled"].input > .label { 306 | border-top-left-radius: 0px; 307 | border-bottom-left-radius: 0px; 308 | } 309 | 310 | /* Corner Label */ 311 | .ui.labeled.input .corner.label { 312 | top: 1px; 313 | right: 1px; 314 | font-size: 0.75em; 315 | border-radius: 0em 0.2857rem 0em 0em; 316 | } 317 | .ui.labeled.input input { 318 | padding-right: 2.5em !important; 319 | } 320 | 321 | /* Spacing with corner label */ 322 | .ui[class*="corner labeled"].icon.input:not(.left) > input { 323 | padding-right: 3.25em !important; 324 | } 325 | .ui[class*="corner labeled"].icon.input:not(.left) > .icon { 326 | margin-right: 1.25em; 327 | } 328 | 329 | /*-------------------- 330 | Action 331 | ---------------------*/ 332 | 333 | .ui.action.input { 334 | display: -webkit-inline-box; 335 | display: -webkit-inline-flex; 336 | display: -ms-inline-flexbox; 337 | display: inline-flex; 338 | } 339 | .ui.action.input > .button, 340 | .ui.action.input > .buttons { 341 | -webkit-box-flex: 1; 342 | -webkit-flex: 1 0 auto; 343 | -ms-flex: 1 0 auto; 344 | flex: 1 0 auto; 345 | } 346 | .ui.action.input > .button, 347 | .ui.action.input > .buttons > .button { 348 | padding-top: 0.78571em; 349 | padding-bottom: 0.78571em; 350 | margin: 0; 351 | } 352 | 353 | /* Fluid */ 354 | .ui.fluid.action.input { 355 | display: -webkit-box; 356 | display: -webkit-flex; 357 | display: -ms-flexbox; 358 | display: flex; 359 | } 360 | 361 | /* Button on Right */ 362 | .ui.action.input:not([class*="left action"]) > input { 363 | border-right: none; 364 | border-top-right-radius: 0px !important; 365 | border-bottom-right-radius: 0px !important; 366 | } 367 | .ui.action.input:not([class*="left action"]) > .button, 368 | .ui.action.input:not([class*="left action"]) > .buttons > .button { 369 | border-top-left-radius: 0px; 370 | border-bottom-left-radius: 0px; 371 | } 372 | 373 | /* Button on Left */ 374 | .ui[class*="left action"].input > .button, 375 | .ui[class*="left action"].input > .buttons > .button { 376 | border-top-right-radius: 0px; 377 | border-bottom-right-radius: 0px; 378 | } 379 | .ui[class*="left action"].input > input { 380 | border-left: none; 381 | border-top-left-radius: 0px; 382 | border-bottom-left-radius: 0px; 383 | } 384 | 385 | /*-------------------- 386 | Inverted 387 | ---------------------*/ 388 | 389 | 390 | /* Standard */ 391 | .ui.inverted.input input { 392 | border: none; 393 | } 394 | 395 | /*-------------------- 396 | Fluid 397 | ---------------------*/ 398 | 399 | .ui.fluid.input { 400 | display: block; 401 | } 402 | 403 | /*-------------------- 404 | Size 405 | ---------------------*/ 406 | 407 | .ui.mini.input { 408 | font-size: 0.8125rem; 409 | } 410 | .ui.small.input { 411 | font-size: 0.875rem; 412 | } 413 | .ui.input { 414 | font-size: 1rem; 415 | } 416 | .ui.large.input { 417 | font-size: 1.125rem; 418 | } 419 | .ui.big.input { 420 | font-size: 1.25rem; 421 | } 422 | .ui.huge.input { 423 | font-size: 1.375rem; 424 | } 425 | .ui.massive.input { 426 | font-size: 1.5rem; 427 | } 428 | 429 | 430 | /******************************* 431 | Theme Overrides 432 | *******************************/ 433 | 434 | 435 | 436 | /******************************* 437 | Site Overrides 438 | *******************************/ 439 | 440 | -------------------------------------------------------------------------------- /lib/semantic-ui/components/item.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Semantic UI 1.10.4 - Item 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 | Standard 15 | *******************************/ 16 | 17 | 18 | /*-------------- 19 | Item 20 | ---------------*/ 21 | 22 | .ui.items > .item { 23 | table-layout: fixed; 24 | display: table; 25 | margin: 1em 0em; 26 | width: 100%; 27 | min-height: 0px; 28 | background: transparent; 29 | padding: 0em; 30 | border: none; 31 | border-radius: 0rem; 32 | box-shadow: none; 33 | -webkit-transition: box-shadow 0.2s ease; 34 | transition: box-shadow 0.2s ease; 35 | z-index: ''; 36 | } 37 | .ui.items > .item a { 38 | cursor: pointer; 39 | } 40 | 41 | /*-------------- 42 | Items 43 | ---------------*/ 44 | 45 | .ui.items { 46 | margin: 1.5em 0em; 47 | } 48 | .ui.items:first-child { 49 | margin-top: 0em !important; 50 | } 51 | .ui.items:last-child { 52 | margin-bottom: 0em !important; 53 | } 54 | 55 | /*-------------- 56 | Item 57 | ---------------*/ 58 | 59 | .ui.items > .item { 60 | min-width: 100%; 61 | } 62 | .ui.items > .item:after { 63 | display: block; 64 | content: ' '; 65 | height: 0px; 66 | clear: both; 67 | overflow: hidden; 68 | visibility: hidden; 69 | } 70 | .ui.items > .item:first-child { 71 | margin-top: 0em; 72 | } 73 | .ui.items > .item:last-child { 74 | margin-bottom: 0em; 75 | } 76 | 77 | /*-------------- 78 | Images 79 | ---------------*/ 80 | 81 | .ui.items > .item > .image { 82 | position: relative; 83 | display: table-cell; 84 | float: none; 85 | margin: 0em; 86 | padding: 0em; 87 | max-height: ''; 88 | vertical-align: top; 89 | } 90 | .ui.items > .item > .image > img { 91 | display: block; 92 | width: 100%; 93 | height: auto; 94 | border-radius: 0.125rem; 95 | border: none; 96 | } 97 | .ui.items > .item > .image:only-child > img { 98 | border-radius: 0rem; 99 | } 100 | 101 | /*-------------- 102 | Content 103 | ---------------*/ 104 | 105 | .ui.items > .item > .content { 106 | display: block; 107 | background: none; 108 | margin: 0em; 109 | padding: 0em; 110 | box-shadow: none; 111 | font-size: 1em; 112 | border: none; 113 | border-radius: 0em; 114 | } 115 | .ui.items > .item > .content:after { 116 | display: block; 117 | content: ' '; 118 | height: 0px; 119 | clear: both; 120 | overflow: hidden; 121 | visibility: hidden; 122 | } 123 | .ui.items > .item > .image + .content { 124 | width: 100%; 125 | display: table-cell; 126 | margin-left: 0em; 127 | vertical-align: top; 128 | padding-left: 1.5em; 129 | } 130 | .ui.items > .item > .content > .header { 131 | display: inline-block; 132 | margin: -0.165em 0em 0em; 133 | font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; 134 | font-weight: bold; 135 | color: rgba(0, 0, 0, 0.85); 136 | } 137 | 138 | /* Default Header Size */ 139 | .ui.items > .item > .content > .header:not(.ui) { 140 | font-size: 1.2em; 141 | } 142 | 143 | /*-------------- 144 | Floated 145 | ---------------*/ 146 | 147 | .ui.items > .item [class*="left floated"] { 148 | float: left; 149 | } 150 | .ui.items > .item [class*="right floated"] { 151 | float: right; 152 | } 153 | 154 | /*-------------- 155 | Content Image 156 | ---------------*/ 157 | 158 | .ui.items > .item .content img { 159 | display: inline-block; 160 | vertical-align: middle; 161 | width: 2em; 162 | } 163 | .ui.items > .item img.avatar, 164 | .ui.items > .item .avatar img { 165 | width: 2em; 166 | height: 2em; 167 | border-radius: 500rem; 168 | } 169 | 170 | /*-------------- 171 | Description 172 | ---------------*/ 173 | 174 | .ui.items > .item > .content > .description { 175 | margin-top: 0.6em; 176 | max-width: 550px; 177 | font-size: 1em; 178 | line-height: 1.33; 179 | color: rgba(0, 0, 0, 0.8); 180 | } 181 | 182 | /*-------------- 183 | Paragraph 184 | ---------------*/ 185 | 186 | .ui.items > .item > .content p { 187 | margin: 0em 0em 0.5em; 188 | } 189 | .ui.items > .item > .content p:last-child { 190 | margin-bottom: 0em; 191 | } 192 | 193 | /*-------------- 194 | Meta 195 | ---------------*/ 196 | 197 | .ui.items > .item .meta { 198 | font-size: 1em; 199 | line-height: 1em; 200 | color: rgba(0, 0, 0, 0.6); 201 | } 202 | .ui.items > .item .meta * { 203 | margin-right: 0.3em; 204 | } 205 | .ui.items > .item .meta :last-child { 206 | margin-right: 0em; 207 | } 208 | .ui.items > .item .meta [class*="right floated"] { 209 | margin-right: 0em; 210 | margin-left: 0.3em; 211 | } 212 | 213 | /*-------------- 214 | Links 215 | ---------------*/ 216 | 217 | 218 | /* Generic */ 219 | .ui.items > .item > .content a:not(.ui) { 220 | color: ''; 221 | -webkit-transition: color 0.2s ease; 222 | transition: color 0.2s ease; 223 | } 224 | .ui.items > .item > .content a:not(.ui):hover { 225 | color: ''; 226 | } 227 | 228 | /* Header */ 229 | .ui.items > .item > .content > a.header { 230 | color: rgba(0, 0, 0, 0.85); 231 | } 232 | .ui.items > .item > .content > a.header:hover { 233 | color: #00b2f3; 234 | } 235 | 236 | /* Meta */ 237 | .ui.items > .item .meta > a:not(.ui) { 238 | color: rgba(0, 0, 0, 0.4); 239 | } 240 | .ui.items > .item .meta > a:not(.ui):hover { 241 | color: rgba(0, 0, 0, 0.8); 242 | } 243 | 244 | /*-------------- 245 | Labels 246 | ---------------*/ 247 | 248 | 249 | /*-----Star----- */ 250 | 251 | 252 | /* Icon */ 253 | .ui.items > .item > .content .favorite.icon { 254 | cursor: pointer; 255 | opacity: 0.75; 256 | -webkit-transition: color 0.2s ease; 257 | transition: color 0.2s ease; 258 | } 259 | .ui.items > .item > .content .favorite.icon:hover { 260 | opacity: 1; 261 | color: #ffb70a; 262 | } 263 | .ui.items > .item > .content .active.favorite.icon { 264 | color: #ffb70a; 265 | } 266 | 267 | /*-----Like----- */ 268 | 269 | 270 | /* Icon */ 271 | .ui.items > .item > .content .like.icon { 272 | cursor: pointer; 273 | opacity: 0.75; 274 | -webkit-transition: color 0.2s ease; 275 | transition: color 0.2s ease; 276 | } 277 | .ui.items > .item > .content .like.icon:hover { 278 | opacity: 1; 279 | color: #ff2733; 280 | } 281 | .ui.items > .item > .content .active.like.icon { 282 | color: #ff2733; 283 | } 284 | 285 | /*---------------- 286 | Extra Content 287 | -----------------*/ 288 | 289 | .ui.items > .item .extra { 290 | display: block; 291 | position: relative; 292 | background: none; 293 | margin: 0.5rem 0em 0em; 294 | width: 100%; 295 | padding: 0em 0em 0em; 296 | top: 0em; 297 | left: 0em; 298 | color: rgba(0, 0, 0, 0.4); 299 | box-shadow: none; 300 | -webkit-transition: color 0.2s ease; 301 | transition: color 0.2s ease; 302 | border-top: none; 303 | } 304 | .ui.items > .item .extra > * { 305 | margin: 0.25rem 0.5rem 0.25rem 0em; 306 | } 307 | .ui.items > .item .extra > [class*="right floated"] { 308 | margin: 0.25rem 0em 0.25rem 0.5rem; 309 | } 310 | .ui.items > .item .extra:after { 311 | display: block; 312 | content: ' '; 313 | height: 0px; 314 | clear: both; 315 | overflow: hidden; 316 | visibility: hidden; 317 | } 318 | 319 | 320 | /******************************* 321 | Responsive 322 | *******************************/ 323 | 324 | 325 | /* Default Image Width */ 326 | .ui.items > .item > .image:not(.ui) { 327 | width: 175px; 328 | } 329 | 330 | /* Tablet Only */ 331 | @media only screen and (min-width: 768px) and (max-width: 991px) { 332 | .ui.items > .item { 333 | margin: 1em 0em; 334 | } 335 | .ui.items > .item > .image:not(.ui) { 336 | width: 150px; 337 | } 338 | .ui.items > .item > .image + .content { 339 | display: block; 340 | padding: 0em 0em 0em 1em; 341 | } 342 | } 343 | 344 | /* Mobily Only */ 345 | @media only screen and (max-width: 767px) { 346 | .ui.items > .item { 347 | margin: 2em 0em; 348 | } 349 | .ui.items > .item > .image { 350 | display: block; 351 | margin-left: auto; 352 | margin-right: auto; 353 | } 354 | .ui.items > .item > .image, 355 | .ui.items > .item > .image > img { 356 | max-width: 100% !important; 357 | width: auto !important; 358 | max-height: 250px !important; 359 | } 360 | .ui.items > .item > .image + .content { 361 | display: block; 362 | padding: 1.5em 0em 0em; 363 | } 364 | } 365 | 366 | 367 | /******************************* 368 | Variations 369 | *******************************/ 370 | 371 | 372 | /*------------------- 373 | Aligned 374 | --------------------*/ 375 | 376 | .ui.items > .item > .image + [class*="top aligned"].content { 377 | vertical-align: top; 378 | } 379 | .ui.items > .item > .image + [class*="middle aligned"].content { 380 | vertical-align: middle; 381 | } 382 | .ui.items > .item > .image + [class*="bottom aligned"].content { 383 | vertical-align: bottom; 384 | } 385 | 386 | /*-------------- 387 | Relaxed 388 | ---------------*/ 389 | 390 | .ui.relaxed.items > .item { 391 | margin: 1.5em 0em; 392 | } 393 | .ui[class*="very relaxed"].items > .item { 394 | margin: 2em 0em; 395 | } 396 | 397 | /*------------------- 398 | Divided 399 | --------------------*/ 400 | 401 | .ui.divided.items > .item { 402 | border-top: 1px solid rgba(39, 41, 43, 0.15); 403 | margin: 0em; 404 | padding: 1em 0em; 405 | } 406 | .ui.divided.items > .item:first-child { 407 | border-top: none; 408 | margin-top: 0em !important; 409 | padding-top: 0em !important; 410 | } 411 | .ui.divided.items > .item:last-child { 412 | margin-bottom: 0em !important; 413 | padding-bottom: 0em !important; 414 | } 415 | 416 | /* Relaxed Divided */ 417 | .ui.relaxed.divided.items > .item { 418 | margin: 0em; 419 | padding: 1.5em 0em; 420 | } 421 | .ui[class*="very relaxed"].divided.items > .item { 422 | margin: 0em; 423 | padding: 2em 0em; 424 | } 425 | 426 | /*------------------- 427 | Link 428 | --------------------*/ 429 | 430 | .ui.items a.item:hover, 431 | .ui.link.items > .item:hover { 432 | cursor: pointer; 433 | } 434 | .ui.items a.item:hover .content .header, 435 | .ui.link.items > .item:hover .content .header { 436 | color: #00b2f3; 437 | } 438 | 439 | /*-------------- 440 | Size 441 | ---------------*/ 442 | 443 | .ui.items > .item { 444 | font-size: 1em; 445 | } 446 | 447 | 448 | /******************************* 449 | Theme Overrides 450 | *******************************/ 451 | 452 | 453 | 454 | /******************************* 455 | User Variable Overrides 456 | *******************************/ 457 | 458 | -------------------------------------------------------------------------------- /lib/semantic-ui/components/loader.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Semantic UI 1.10.4 - Loader 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 | Loader 15 | *******************************/ 16 | 17 | 18 | /* Standard Size */ 19 | .ui.loader { 20 | display: none; 21 | position: absolute; 22 | top: 50%; 23 | left: 50%; 24 | margin: 0px; 25 | text-align: center; 26 | z-index: 1000; 27 | -webkit-transform: translateX(-50%) translateY(-50%); 28 | -ms-transform: translateX(-50%) translateY(-50%); 29 | transform: translateX(-50%) translateY(-50%); 30 | } 31 | 32 | /* Static Shape */ 33 | .ui.loader:before { 34 | position: absolute; 35 | content: ''; 36 | top: 0%; 37 | left: 50%; 38 | width: 100%; 39 | height: 100%; 40 | border-radius: 500rem; 41 | border: 0.2em solid rgba(0, 0, 0, 0.1); 42 | } 43 | 44 | /* Active Shape */ 45 | .ui.loader:after { 46 | position: absolute; 47 | content: ''; 48 | top: 0%; 49 | left: 50%; 50 | width: 100%; 51 | height: 100%; 52 | -webkit-animation: loader 0.6s linear; 53 | animation: loader 0.6s linear; 54 | -webkit-animation-iteration-count: infinite; 55 | animation-iteration-count: infinite; 56 | border-radius: 500rem; 57 | border-color: #aaaaaa transparent transparent; 58 | border-style: solid; 59 | border-width: 0.2em; 60 | box-shadow: 0px 0px 0px 1px transparent; 61 | } 62 | 63 | /* Active Animation */ 64 | @-webkit-keyframes loader { 65 | from { 66 | -webkit-transform: rotate(0deg); 67 | transform: rotate(0deg); 68 | } 69 | to { 70 | -webkit-transform: rotate(360deg); 71 | transform: rotate(360deg); 72 | } 73 | } 74 | @keyframes loader { 75 | from { 76 | -webkit-transform: rotate(0deg); 77 | transform: rotate(0deg); 78 | } 79 | to { 80 | -webkit-transform: rotate(360deg); 81 | transform: rotate(360deg); 82 | } 83 | } 84 | 85 | /* Sizes */ 86 | .ui.loader:before, 87 | .ui.loader:after { 88 | width: 2.2585em; 89 | height: 2.2585em; 90 | margin: 0em 0em 0em -1.12925em; 91 | } 92 | .ui.mini.loader:before, 93 | .ui.mini.loader:after { 94 | width: 1.2857em; 95 | height: 1.2857em; 96 | margin: 0em 0em 0em -0.64285em; 97 | } 98 | .ui.small.loader:before, 99 | .ui.small.loader:after { 100 | width: 1.7142em; 101 | height: 1.7142em; 102 | margin: 0em 0em 0em -0.8571em; 103 | } 104 | .ui.large.loader:before, 105 | .ui.large.loader:after { 106 | width: 4.5714em; 107 | height: 4.5714em; 108 | margin: 0em 0em 0em -2.2857em; 109 | } 110 | 111 | /*------------------- 112 | Coupling 113 | --------------------*/ 114 | 115 | 116 | /* Show inside active dimmer */ 117 | .ui.dimmer .loader { 118 | display: block; 119 | } 120 | 121 | /* Black Dimmer */ 122 | .ui.dimmer .ui.loader { 123 | color: #ffffff; 124 | } 125 | .ui.dimmer .ui.loader:before { 126 | border-color: rgba(255, 255, 255, 0.15); 127 | } 128 | .ui.dimmer .ui.loader:after { 129 | border-color: #ffffff transparent transparent; 130 | } 131 | 132 | /* White Dimmer (Inverted) */ 133 | .ui.inverted.dimmer .ui.loader { 134 | color: rgba(0, 0, 0, 0.8); 135 | } 136 | .ui.inverted.dimmer .ui.loader:before { 137 | border-color: rgba(0, 0, 0, 0.1); 138 | } 139 | .ui.inverted.dimmer .ui.loader:after { 140 | border-color: #aaaaaa transparent transparent; 141 | } 142 | 143 | 144 | /******************************* 145 | Types 146 | *******************************/ 147 | 148 | 149 | /*------------------- 150 | Text 151 | --------------------*/ 152 | 153 | .ui.text.loader { 154 | width: auto !important; 155 | height: auto !important; 156 | text-align: center; 157 | font-style: normal; 158 | } 159 | 160 | 161 | /******************************* 162 | States 163 | *******************************/ 164 | 165 | .ui.indeterminate.loader:after { 166 | -webkit-animation-direction: reverse; 167 | animation-direction: reverse; 168 | -webkit-animation-duration: 1.2s; 169 | animation-duration: 1.2s; 170 | } 171 | .ui.loader.active, 172 | .ui.loader.visible { 173 | display: block; 174 | } 175 | .ui.loader.disabled, 176 | .ui.loader.hidden { 177 | display: none; 178 | } 179 | 180 | 181 | /******************************* 182 | Variations 183 | *******************************/ 184 | 185 | 186 | /*------------------- 187 | Sizes 188 | --------------------*/ 189 | 190 | 191 | /* Loader */ 192 | .ui.inverted.dimmer .ui.mini.loader, 193 | .ui.mini.loader { 194 | width: 1.2857em; 195 | height: 1.2857em; 196 | font-size: 0.7857em; 197 | } 198 | .ui.inverted.dimmer .ui.small.loader, 199 | .ui.small.loader { 200 | width: 1.7142em; 201 | height: 1.7142em; 202 | font-size: 0.9285em; 203 | } 204 | .ui.inverted.dimmer .ui.loader, 205 | .ui.loader { 206 | width: 2.2585em; 207 | height: 2.2585em; 208 | font-size: 1em; 209 | } 210 | .ui.inverted.dimmer .ui.loader.large, 211 | .ui.loader.large { 212 | width: 4.5714em; 213 | height: 4.5714em; 214 | font-size: 1.1428em; 215 | } 216 | 217 | /* Text Loader */ 218 | .ui.mini.text.loader { 219 | min-width: 1.2857em; 220 | padding-top: 1.9857em; 221 | } 222 | .ui.small.text.loader { 223 | min-width: 1.7142em; 224 | padding-top: 2.4142em; 225 | } 226 | .ui.text.loader { 227 | min-width: 2.2585em; 228 | padding-top: 2.9585em; 229 | } 230 | .ui.large.text.loader { 231 | min-width: 4.5714em; 232 | padding-top: 5.2714em; 233 | } 234 | 235 | /*------------------- 236 | Inverted 237 | --------------------*/ 238 | 239 | .ui.inverted.loader { 240 | color: #ffffff; 241 | } 242 | .ui.inverted.loader:before { 243 | border-color: rgba(255, 255, 255, 0.15); 244 | } 245 | .ui.inverted.loader:after { 246 | border-top-color: #ffffff; 247 | } 248 | 249 | /*------------------- 250 | Inline 251 | --------------------*/ 252 | 253 | .ui.inline.loader { 254 | position: relative; 255 | vertical-align: middle; 256 | margin: 0em; 257 | left: 0em; 258 | top: 0em; 259 | -webkit-transform: none; 260 | -ms-transform: none; 261 | transform: none; 262 | } 263 | .ui.inline.loader.active, 264 | .ui.inline.loader.visible { 265 | display: inline-block; 266 | } 267 | 268 | /* Centered Inline */ 269 | .ui.centered.inline.loader.active, 270 | .ui.centered.inline.loader.visible { 271 | display: block; 272 | } 273 | 274 | 275 | /******************************* 276 | Theme Overrides 277 | *******************************/ 278 | 279 | 280 | 281 | /******************************* 282 | Site Overrides 283 | *******************************/ 284 | 285 | -------------------------------------------------------------------------------- /lib/semantic-ui/components/message.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Semantic UI 1.10.4 - Message 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 | Message 15 | *******************************/ 16 | 17 | .ui.message { 18 | position: relative; 19 | min-height: 1em; 20 | margin: 1em 0em; 21 | background: #efefef; 22 | padding: 1em 1.5em; 23 | line-height: 1.3; 24 | color: rgba(0, 0, 0, 0.8); 25 | -webkit-transition: opacity 0.2s ease, color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease; 26 | transition: opacity 0.2s ease, color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease; 27 | border-radius: 0.2857rem; 28 | box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15) inset, 0px 0px 0px 0px transparent; 29 | } 30 | .ui.message:first-child { 31 | margin-top: 0em; 32 | } 33 | .ui.message:last-child { 34 | margin-bottom: 0em; 35 | } 36 | 37 | /*-------------- 38 | Content 39 | ---------------*/ 40 | 41 | 42 | /* Header */ 43 | .ui.message .header { 44 | display: block; 45 | font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; 46 | font-weight: bold; 47 | margin: 0em 0em 0.5rem 0em; 48 | } 49 | 50 | /* Default font size */ 51 | .ui.message .header:not(.ui) { 52 | font-size: 1.1em; 53 | } 54 | 55 | /* Paragraph */ 56 | .ui.message p { 57 | opacity: 0.85; 58 | margin: 0.75em 0em; 59 | } 60 | .ui.message p:first-child { 61 | margin-top: 0em; 62 | } 63 | .ui.message p:last-child { 64 | margin-bottom: 0em; 65 | } 66 | .ui.message .header + p { 67 | margin-top: 0.25em; 68 | } 69 | 70 | /* List */ 71 | .ui.message ul.list { 72 | opacity: 0.85; 73 | list-style-position: inside; 74 | margin: 0.5em 0em 0em; 75 | padding: 0em; 76 | } 77 | .ui.message ul.list:first-child { 78 | margin-top: 0em; 79 | } 80 | .ui.message ul.list:last-child { 81 | margin-bottom: 0em; 82 | } 83 | .ui.message ul.list li { 84 | position: relative; 85 | list-style-type: none; 86 | margin: 0em 0em 0.3em 1em; 87 | padding: 0em; 88 | } 89 | .ui.message ul.list li:before { 90 | position: absolute; 91 | content: '•'; 92 | left: -1em; 93 | height: 100%; 94 | vertical-align: baseline; 95 | } 96 | .ui.message ul.list li:last-child { 97 | margin-bottom: 0em; 98 | } 99 | 100 | /* Icon */ 101 | .ui.message > .icon { 102 | margin-right: 0.6em; 103 | } 104 | 105 | /* Close Icon */ 106 | .ui.message > .close.icon { 107 | cursor: pointer; 108 | position: absolute; 109 | margin: 0em; 110 | top: 1.15em; 111 | right: 0.5em; 112 | opacity: 0.7; 113 | -webkit-transition: opacity 0.1s linear 114 | ; 115 | transition: opacity 0.1s linear 116 | ; 117 | } 118 | .ui.message > .close.icon:hover { 119 | opacity: 1; 120 | } 121 | 122 | /* First / Last Element */ 123 | .ui.message > :first-child { 124 | margin-top: 0em; 125 | } 126 | .ui.message > :last-child { 127 | margin-bottom: 0em; 128 | } 129 | 130 | 131 | /******************************* 132 | States 133 | *******************************/ 134 | 135 | 136 | /*-------------- 137 | Visible 138 | ---------------*/ 139 | 140 | .ui.visible.visible.visible.visible.message { 141 | display: block; 142 | } 143 | .ui.icon.visible.visible.visible.visible.message { 144 | display: table; 145 | } 146 | 147 | /*-------------- 148 | Hidden 149 | ---------------*/ 150 | 151 | .ui.hidden.hidden.hidden.hidden.message { 152 | display: none; 153 | } 154 | 155 | 156 | /******************************* 157 | Variations 158 | *******************************/ 159 | 160 | 161 | /*-------------- 162 | Compact 163 | ---------------*/ 164 | 165 | .ui.compact.message { 166 | display: inline-block; 167 | } 168 | 169 | /*-------------- 170 | Attached 171 | ---------------*/ 172 | 173 | .ui.attached.message { 174 | margin-bottom: -1px; 175 | border-radius: 0.2857rem 0.2857rem 0em 0em; 176 | box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.1) inset; 177 | margin-left: -1px; 178 | margin-right: -1px; 179 | } 180 | .ui.attached + .ui.attached.message:not(.top):not(.bottom) { 181 | margin-top: -1px; 182 | border-radius: 0em; 183 | } 184 | .ui.bottom.attached.message { 185 | margin-top: -1px; 186 | border-radius: 0em 0em 0.2857rem 0.2857rem; 187 | box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.1) inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05); 188 | } 189 | .ui.bottom.attached.message:not(:last-child) { 190 | margin-bottom: 1em; 191 | } 192 | .ui.attached.icon.message { 193 | display: block; 194 | width: auto; 195 | } 196 | 197 | /*-------------- 198 | Icon 199 | ---------------*/ 200 | 201 | .ui.icon.message { 202 | display: table; 203 | width: 100%; 204 | } 205 | .ui.icon.message > .icon:not(.close) { 206 | display: table-cell; 207 | width: auto; 208 | vertical-align: middle; 209 | font-size: 3em; 210 | opacity: 0.8; 211 | } 212 | .ui.icon.message > .content { 213 | display: table-cell; 214 | width: 100%; 215 | vertical-align: middle; 216 | } 217 | .ui.icon.message .icon:not(.close) + .content { 218 | padding-left: 1.5rem; 219 | } 220 | .ui.icon.message .circular.icon { 221 | width: 1em; 222 | } 223 | .ui.icon.message .circular.icon + .content { 224 | width: auto; 225 | padding-left: 2em; 226 | } 227 | 228 | /*-------------- 229 | Floating 230 | ---------------*/ 231 | 232 | .ui.floating.message { 233 | box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15), 0px 0px 0px 1px rgba(39, 41, 43, 0.15) inset; 234 | } 235 | 236 | /*-------------- 237 | Colors 238 | ---------------*/ 239 | 240 | .ui.black.message { 241 | background-color: #1b1c1d; 242 | color: #ffffff; 243 | } 244 | 245 | /*-------------- 246 | Types 247 | ---------------*/ 248 | 249 | 250 | /* Positive */ 251 | .ui.positive.message { 252 | background-color: #eeffe7; 253 | color: #3c763d; 254 | } 255 | .ui.positive.message, 256 | .ui.attached.positive.message { 257 | box-shadow: 0px 0px 0px 1px #b7caa7 inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05); 258 | } 259 | .ui.positive.message .header { 260 | color: #356e36; 261 | } 262 | 263 | /* Negative */ 264 | .ui.negative.message { 265 | background-color: #fff0f0; 266 | color: #a94442; 267 | } 268 | .ui.negative.message, 269 | .ui.attached.negative.message { 270 | box-shadow: 0px 0px 0px 1px #dbb1b1 inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05); 271 | } 272 | .ui.negative.message .header { 273 | color: #912d2b; 274 | } 275 | 276 | /* Info */ 277 | .ui.info.message { 278 | background-color: #e9faff; 279 | color: #337b92; 280 | } 281 | .ui.info.message, 282 | .ui.attached.info.message { 283 | box-shadow: 0px 0px 0px 1px #aad6df inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05); 284 | } 285 | .ui.info.message .header { 286 | color: #297187; 287 | } 288 | 289 | /* Warning */ 290 | .ui.warning.message { 291 | background-color: #fffbe6; 292 | color: #876a38; 293 | } 294 | .ui.warning.message, 295 | .ui.attached.warning.message { 296 | box-shadow: 0px 0px 0px 1px #d9caab inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05); 297 | } 298 | .ui.warning.message .header { 299 | color: #825c01; 300 | } 301 | 302 | /* Error */ 303 | .ui.error.message { 304 | background-color: #fff0f0; 305 | color: #a94442; 306 | } 307 | .ui.error.message, 308 | .ui.attached.error.message { 309 | box-shadow: 0px 0px 0px 1px #dbb1b1 inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05); 310 | } 311 | .ui.error.message .header { 312 | color: #912d2b; 313 | } 314 | 315 | /* Success */ 316 | .ui.success.message { 317 | background-color: #eeffe7; 318 | color: #3c763d; 319 | } 320 | .ui.success.message, 321 | .ui.attached.success.message { 322 | box-shadow: 0px 0px 0px 1px #b7caa7 inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05); 323 | } 324 | .ui.success.message .header { 325 | color: #356e36; 326 | } 327 | 328 | /* Colors */ 329 | .ui.inverted.message, 330 | .ui.black.message { 331 | background-color: #1b1c1d; 332 | color: #ffffff; 333 | } 334 | .ui.blue.message { 335 | background-color: #dff0ff; 336 | color: #3b83c0; 337 | } 338 | .ui.blue.message .header { 339 | color: #3576ac; 340 | } 341 | .ui.green.message { 342 | background-color: #ebffed; 343 | color: #1ebc30; 344 | } 345 | .ui.green.message .header { 346 | color: #1aa62a; 347 | } 348 | .ui.orange.message { 349 | background-color: #ffedde; 350 | color: #e07b53; 351 | } 352 | .ui.orange.message .header { 353 | color: #dc6a3d; 354 | } 355 | .ui.pink.message { 356 | background-color: #ffe3fb; 357 | color: #d9499a; 358 | } 359 | .ui.pink.message .header { 360 | color: #d5348e; 361 | } 362 | .ui.purple.message { 363 | background-color: #eae7ff; 364 | color: #564f8a; 365 | } 366 | .ui.purple.message .header { 367 | color: #4c467a; 368 | } 369 | .ui.red.message { 370 | background-color: #ffe8e6; 371 | color: #d95c5c; 372 | } 373 | .ui.red.message .header { 374 | color: #d44747; 375 | } 376 | .ui.teal.message { 377 | background-color: #e9ffff; 378 | color: #10a3a3; 379 | } 380 | .ui.teal.message .header { 381 | color: #0e8c8c; 382 | } 383 | .ui.yellow.message { 384 | background-color: #fff8db; 385 | color: #b58105; 386 | } 387 | .ui.yellow.message .header { 388 | color: #9c6f04; 389 | } 390 | 391 | /*-------------- 392 | Sizes 393 | ---------------*/ 394 | 395 | .ui.small.message { 396 | font-size: 0.92857143em; 397 | } 398 | .ui.message { 399 | font-size: 1em; 400 | } 401 | .ui.large.message { 402 | font-size: 1.14285714em; 403 | } 404 | .ui.huge.message { 405 | font-size: 1.42857143em; 406 | } 407 | .ui.massive.message { 408 | font-size: 1.71428571em; 409 | } 410 | 411 | 412 | /******************************* 413 | Theme Overrides 414 | *******************************/ 415 | 416 | 417 | 418 | /******************************* 419 | User Variable Overrides 420 | *******************************/ 421 | 422 | -------------------------------------------------------------------------------- /lib/semantic-ui/components/modal.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Semantic UI 1.10.4 - Modal 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 | Modal 15 | *******************************/ 16 | 17 | .ui.modal { 18 | display: none; 19 | position: fixed; 20 | z-index: 1001; 21 | top: 50%; 22 | left: 50%; 23 | text-align: left; 24 | width: 90%; 25 | margin-left: -45%; 26 | background: #ffffff; 27 | border: none; 28 | box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.3); 29 | border-radius: 0.2857rem; 30 | -webkit-user-select: text; 31 | -moz-user-select: text; 32 | -ms-user-select: text; 33 | user-select: text; 34 | will-change: top, left, margin, transform, opacity; 35 | } 36 | .ui.modal > :first-child:not(.icon), 37 | .ui.modal > .icon:first-child + * { 38 | border-top-left-radius: 0.2857rem; 39 | border-top-right-radius: 0.2857rem; 40 | } 41 | .ui.modal > :last-child { 42 | border-bottom-left-radius: 0.2857rem; 43 | border-bottom-right-radius: 0.2857rem; 44 | } 45 | 46 | 47 | /******************************* 48 | Content 49 | *******************************/ 50 | 51 | 52 | /*-------------- 53 | Close 54 | ---------------*/ 55 | 56 | .ui.modal > .close { 57 | cursor: pointer; 58 | position: absolute; 59 | top: -2.5rem; 60 | right: -2.5rem; 61 | z-index: 1; 62 | opacity: 0.8; 63 | font-size: 1.25em; 64 | color: #ffffff; 65 | width: 2.25rem; 66 | height: 2.25rem; 67 | padding: 0.625rem 0rem 0rem 0rem; 68 | } 69 | .ui.modal > .close:hover { 70 | opacity: 1; 71 | } 72 | 73 | /*-------------- 74 | Header 75 | ---------------*/ 76 | 77 | .ui.modal > .header { 78 | display: block; 79 | font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; 80 | background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)) #ffffff; 81 | background: linear-gradient(transparent, rgba(0, 0, 0, 0.05)) #ffffff; 82 | margin: 0em; 83 | padding: 1.2rem 2rem; 84 | box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.05); 85 | font-size: 1.6em; 86 | line-height: 1.3em; 87 | font-weight: bold; 88 | color: rgba(0, 0, 0, 0.85); 89 | border-bottom: 1px solid rgba(39, 41, 43, 0.15); 90 | } 91 | 92 | /*-------------- 93 | Content 94 | ---------------*/ 95 | 96 | .ui.modal > .content { 97 | display: table; 98 | table-layout: fixed; 99 | width: 100%; 100 | font-size: 1em; 101 | line-height: 1.4; 102 | padding: 2rem; 103 | background: #ffffff; 104 | } 105 | 106 | /* Image */ 107 | .ui.modal > .content > .image { 108 | display: table-cell; 109 | width: ''; 110 | vertical-align: top; 111 | } 112 | .ui.modal > .content > .image[class*="top aligned"] { 113 | vertical-align: top; 114 | } 115 | .ui.modal > .content > .image[class*="middle aligned"] { 116 | vertical-align: middle; 117 | } 118 | 119 | /* Description */ 120 | .ui.modal > .content > .description { 121 | display: table-cell; 122 | vertical-align: top; 123 | } 124 | .ui.modal > .content > .icon + .description, 125 | .ui.modal > .content > .image + .description { 126 | min-width: ''; 127 | width: 80%; 128 | padding-left: 2em; 129 | } 130 | /*rtl:ignore*/ 131 | .ui.modal > .content > .image > i.icon { 132 | font-size: 8rem; 133 | margin: 0em; 134 | opacity: 1; 135 | width: auto; 136 | } 137 | 138 | /*-------------- 139 | Actions 140 | ---------------*/ 141 | 142 | .ui.modal .actions { 143 | background: #efefef; 144 | padding: 1rem 2rem; 145 | border-top: 1px solid rgba(39, 41, 43, 0.15); 146 | text-align: right; 147 | } 148 | .ui.modal .actions > .button { 149 | margin-left: 0.75em; 150 | } 151 | 152 | /*------------------- 153 | Responsive 154 | --------------------*/ 155 | 156 | 157 | /* Modal Width */ 158 | @media only screen and (max-width: 767px) { 159 | .ui.modal { 160 | width: 95%; 161 | margin: 0em 0em 0em -47.5%; 162 | } 163 | } 164 | @media only screen and (min-width: 768px) { 165 | .ui.modal { 166 | width: 88%; 167 | margin: 0em 0em 0em -44%; 168 | } 169 | } 170 | @media only screen and (min-width: 992px) { 171 | .ui.modal { 172 | width: 74%; 173 | margin: 0em 0em 0em -37%; 174 | } 175 | } 176 | @media only screen and (min-width: 1400px) { 177 | .ui.modal { 178 | width: 56%; 179 | margin: 0em 0em 0em -28%; 180 | } 181 | } 182 | @media only screen and (min-width: 1920px) { 183 | .ui.modal { 184 | width: 42%; 185 | margin: 0em 0em 0em -21%; 186 | } 187 | } 188 | 189 | /* Tablet and Mobile */ 190 | @media only screen and (max-width: 992px) { 191 | .ui.modal > .header { 192 | padding-right: 2.25rem; 193 | } 194 | .ui.modal > .close { 195 | top: 0.905rem; 196 | right: 1rem; 197 | color: rgba(0, 0, 0, 0.8); 198 | } 199 | } 200 | 201 | /* Mobile */ 202 | @media only screen and (max-width: 767px) { 203 | .ui.modal > .header { 204 | padding: 0.75rem 1rem !important; 205 | padding-right: 2.25rem !important; 206 | } 207 | .ui.modal > .content { 208 | display: block; 209 | padding: 1rem !important; 210 | } 211 | .ui.modal > .close { 212 | top: 0.5rem !important; 213 | right: 0.5rem !important; 214 | } 215 | /*rtl:ignore*/ 216 | .ui.modal .content > .image { 217 | display: block; 218 | max-width: 100%; 219 | margin: 0em auto !important; 220 | text-align: center; 221 | padding: 0rem 0rem 1rem !important; 222 | } 223 | .ui.modal > .content > .image > i.icon { 224 | font-size: 5rem; 225 | text-align: center; 226 | } 227 | /*rtl:ignore*/ 228 | .ui.modal .content > .description { 229 | display: block; 230 | width: 100% !important; 231 | margin: 0em !important; 232 | padding: 1rem 0rem !important; 233 | box-shadow: none; 234 | } 235 | .ui.modal > .actions { 236 | padding: 1rem 1rem -1rem !important; 237 | } 238 | .ui.modal .actions > .buttons, 239 | .ui.modal .actions > .button { 240 | margin-bottom: 2rem; 241 | } 242 | } 243 | 244 | 245 | /******************************* 246 | Types 247 | *******************************/ 248 | 249 | .ui.basic.modal { 250 | background-color: transparent; 251 | border: none; 252 | border-radius: 0em; 253 | box-shadow: 0px 0px 0px 0px; 254 | color: #ffffff; 255 | } 256 | .ui.basic.modal > .header, 257 | .ui.basic.modal > .content, 258 | .ui.basic.modal > .actions { 259 | background-color: transparent; 260 | } 261 | .ui.basic.modal > .header { 262 | color: #ffffff; 263 | } 264 | .ui.basic.modal > .close { 265 | top: 1rem; 266 | right: 1.5rem; 267 | } 268 | 269 | /* Tablet and Mobile */ 270 | @media only screen and (max-width: 992px) { 271 | .ui.basic.modal > .close { 272 | color: #ffffff; 273 | } 274 | } 275 | 276 | 277 | /******************************* 278 | Variations 279 | *******************************/ 280 | 281 | 282 | /* A modal that cannot fit on the page */ 283 | .scrolling.dimmable.dimmed { 284 | overflow: hidden; 285 | } 286 | .scrolling.dimmable.dimmed > .dimmer { 287 | overflow: auto; 288 | -webkit-overflow-scrolling: touch; 289 | } 290 | .scrolling.dimmable > .dimmer { 291 | position: fixed; 292 | } 293 | .ui.scrolling.modal { 294 | position: static; 295 | margin: 3.5rem auto !important; 296 | } 297 | @media only screen and (max-width: 992px) { 298 | .ui.scrolling.modal { 299 | margin-top: 1rem; 300 | margin-bottom: 1rem; 301 | } 302 | } 303 | 304 | 305 | /******************************* 306 | States 307 | *******************************/ 308 | 309 | .ui.active.modal { 310 | display: block; 311 | } 312 | 313 | 314 | /******************************* 315 | Variations 316 | *******************************/ 317 | 318 | 319 | /*-------------- 320 | Full Screen 321 | ---------------*/ 322 | 323 | .ui.fullscreen.modal { 324 | width: 95% !important; 325 | left: 2.5% !important; 326 | margin: 1em auto; 327 | } 328 | .ui.fullscreen.scrolling.modal { 329 | left: 0em !important; 330 | } 331 | .ui.fullscreen.modal > .header { 332 | padding-right: 2.25rem; 333 | } 334 | .ui.fullscreen.modal > .close { 335 | top: 0.905rem; 336 | right: 1rem; 337 | color: rgba(0, 0, 0, 0.8); 338 | } 339 | 340 | /*-------------- 341 | Size 342 | ---------------*/ 343 | 344 | .ui.modal { 345 | font-size: 1rem; 346 | } 347 | 348 | /* Small */ 349 | .ui.small.modal > .header { 350 | font-size: 1.3em; 351 | } 352 | 353 | /* Small Modal Width */ 354 | @media only screen and (max-width: 767px) { 355 | .ui.small.modal { 356 | width: 95%; 357 | margin: 0em 0em 0em -47.5%; 358 | } 359 | } 360 | @media only screen and (min-width: 768px) { 361 | .ui.small.modal { 362 | width: 52.8%; 363 | margin: 0em 0em 0em -26.4%; 364 | } 365 | } 366 | @media only screen and (min-width: 992px) { 367 | .ui.small.modal { 368 | width: 44.4%; 369 | margin: 0em 0em 0em -22.2%; 370 | } 371 | } 372 | @media only screen and (min-width: 1400px) { 373 | .ui.small.modal { 374 | width: 33.6%; 375 | margin: 0em 0em 0em -16.8%; 376 | } 377 | } 378 | @media only screen and (min-width: 1920px) { 379 | .ui.small.modal { 380 | width: 25.2%; 381 | margin: 0em 0em 0em -12.6%; 382 | } 383 | } 384 | 385 | /* Large Modal Width */ 386 | .ui.large.modal > .header { 387 | font-size: 1.6em; 388 | } 389 | @media only screen and (max-width: 767px) { 390 | .ui.large.modal { 391 | width: 95%; 392 | margin: 0em 0em 0em -47.5%; 393 | } 394 | } 395 | @media only screen and (min-width: 768px) { 396 | .ui.large.modal { 397 | width: 88%; 398 | margin: 0em 0em 0em -44%; 399 | } 400 | } 401 | @media only screen and (min-width: 992px) { 402 | .ui.large.modal { 403 | width: 88.8%; 404 | margin: 0em 0em 0em -44.4%; 405 | } 406 | } 407 | @media only screen and (min-width: 1400px) { 408 | .ui.large.modal { 409 | width: 67.2%; 410 | margin: 0em 0em 0em -33.6%; 411 | } 412 | } 413 | @media only screen and (min-width: 1920px) { 414 | .ui.large.modal { 415 | width: 50.4%; 416 | margin: 0em 0em 0em -25.2%; 417 | } 418 | } 419 | 420 | 421 | /******************************* 422 | Theme Overrides 423 | *******************************/ 424 | 425 | 426 | 427 | /******************************* 428 | Site Overrides 429 | *******************************/ 430 | 431 | -------------------------------------------------------------------------------- /lib/semantic-ui/components/nag.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Semantic UI 1.10.4 - 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 | Nag 15 | *******************************/ 16 | 17 | .ui.nag { 18 | display: none; 19 | opacity: 0.95; 20 | position: relative; 21 | top: 0em; 22 | left: 0px; 23 | z-index: 999; 24 | min-height: 0em; 25 | width: 100%; 26 | margin: 0em; 27 | padding: 0.75em 1em; 28 | background: #555555; 29 | box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); 30 | font-size: 1rem; 31 | text-align: center; 32 | color: rgba(0, 0, 0, 0.8); 33 | border-radius: 0em 0em 0.2857rem 0.2857rem; 34 | -webkit-transition: 0.2s background ease; 35 | transition: 0.2s background ease; 36 | } 37 | a.ui.nag { 38 | cursor: pointer; 39 | } 40 | .ui.nag > .title { 41 | display: inline-block; 42 | margin: 0em 0.5em; 43 | color: #ffffff; 44 | } 45 | .ui.nag > .close.icon { 46 | cursor: pointer; 47 | opacity: 0.4; 48 | position: absolute; 49 | top: 50%; 50 | right: 1em; 51 | font-size: 1em; 52 | margin: -0.5em 0em 0em; 53 | color: #ffffff; 54 | -webkit-transition: opacity 0.2s ease; 55 | transition: opacity 0.2s ease; 56 | } 57 | 58 | 59 | /******************************* 60 | States 61 | *******************************/ 62 | 63 | 64 | /* Hover */ 65 | .ui.nag:hover { 66 | background: #555555; 67 | opacity: 1; 68 | } 69 | .ui.nag .close:hover { 70 | opacity: 1; 71 | } 72 | 73 | 74 | /******************************* 75 | Variations 76 | *******************************/ 77 | 78 | 79 | /*-------------- 80 | Static 81 | ---------------*/ 82 | 83 | .ui.overlay.nag { 84 | position: absolute; 85 | display: block; 86 | } 87 | 88 | /*-------------- 89 | Fixed 90 | ---------------*/ 91 | 92 | .ui.fixed.nag { 93 | position: fixed; 94 | } 95 | 96 | /*-------------- 97 | Bottom 98 | ---------------*/ 99 | 100 | .ui.bottom.nags, 101 | .ui.bottom.nag { 102 | border-radius: 0.2857rem 0.2857rem 0em 0em; 103 | top: auto; 104 | bottom: 0em; 105 | } 106 | 107 | /*-------------- 108 | White 109 | ---------------*/ 110 | 111 | .ui.inverted.nags .nag, 112 | .ui.inverted.nag { 113 | background-color: #f0f0f0; 114 | color: rgba(0, 0, 0, 0.85); 115 | } 116 | .ui.inverted.nags .nag .close, 117 | .ui.inverted.nags .nag .title, 118 | .ui.inverted.nag .close, 119 | .ui.inverted.nag .title { 120 | color: rgba(0, 0, 0, 0.4); 121 | } 122 | 123 | 124 | /******************************* 125 | Groups 126 | *******************************/ 127 | 128 | .ui.nags .nag { 129 | border-radius: 0em !important; 130 | } 131 | .ui.nags .nag:last-child { 132 | border-radius: 0em 0em 0.2857rem 0.2857rem; 133 | } 134 | .ui.bottom.nags .nag:last-child { 135 | border-radius: 0.2857rem 0.2857rem 0em 0em; 136 | } 137 | 138 | 139 | /******************************* 140 | Theme Overrides 141 | *******************************/ 142 | 143 | 144 | 145 | /******************************* 146 | User Overrides 147 | *******************************/ 148 | 149 | -------------------------------------------------------------------------------- /lib/semantic-ui/components/popup.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Semantic UI 1.10.4 - Popup 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 | Popup 15 | *******************************/ 16 | 17 | .ui.popup { 18 | display: none; 19 | position: absolute; 20 | top: 0px; 21 | right: 0px; 22 | 23 | /* Fixes content being squished when inline (moz only) */ 24 | min-width: -moz-max-content; 25 | z-index: 1900; 26 | border: 1px solid #cccccc; 27 | max-width: 250px; 28 | background-color: #ffffff; 29 | padding: 0.833em 1em; 30 | font-weight: normal; 31 | font-style: normal; 32 | color: rgba(0, 0, 0, 0.8); 33 | border-radius: 0.2857rem; 34 | box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); 35 | } 36 | .ui.popup > .header { 37 | padding: 0em; 38 | font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; 39 | font-size: 1.125em; 40 | line-height: 1.2; 41 | font-weight: bold; 42 | } 43 | .ui.popup > .header + .content { 44 | padding-top: 0.5em; 45 | } 46 | .ui.popup:before { 47 | position: absolute; 48 | content: ''; 49 | width: 0.75em; 50 | height: 0.75em; 51 | background: #ffffff; 52 | -webkit-transform: rotate(45deg); 53 | -ms-transform: rotate(45deg); 54 | transform: rotate(45deg); 55 | z-index: 2; 56 | box-shadow: 1px 1px 0px 0px #b3b3b3; 57 | } 58 | 59 | 60 | /******************************* 61 | Types 62 | *******************************/ 63 | 64 | 65 | /*-------------- 66 | Spacing 67 | ---------------*/ 68 | 69 | .ui.popup { 70 | margin: 0em; 71 | } 72 | .ui.popup.bottom { 73 | margin: 0.75em 0em 0em; 74 | } 75 | .ui.popup.top { 76 | margin: 0em 0em 0.75em; 77 | } 78 | .ui.popup.left.center { 79 | margin: 0em 0.75em 0em 0em; 80 | } 81 | .ui.popup.right.center { 82 | margin: 0em 0em 0em 0.75em; 83 | } 84 | 85 | /*-------------- 86 | Pointer 87 | ---------------*/ 88 | 89 | 90 | /*--- Below ---*/ 91 | 92 | .ui.bottom.center.popup:before { 93 | margin-left: -0.325em; 94 | top: -0.325em; 95 | left: 50%; 96 | right: auto; 97 | bottom: auto; 98 | box-shadow: -1px -1px 0px 0px #b3b3b3; 99 | } 100 | .ui.bottom.left.popup { 101 | margin-left: 0em; 102 | } 103 | .ui.bottom.left.popup:before { 104 | top: -0.325em; 105 | left: 1em; 106 | right: auto; 107 | bottom: auto; 108 | margin-left: 0em; 109 | box-shadow: -1px -1px 0px 0px #b3b3b3; 110 | } 111 | .ui.bottom.right.popup { 112 | margin-right: 0em; 113 | } 114 | .ui.bottom.right.popup:before { 115 | top: -0.325em; 116 | right: 1em; 117 | bottom: auto; 118 | left: auto; 119 | margin-left: 0em; 120 | box-shadow: -1px -1px 0px 0px #b3b3b3; 121 | } 122 | 123 | /*--- Above ---*/ 124 | 125 | .ui.top.center.popup:before { 126 | top: auto; 127 | right: auto; 128 | bottom: -0.325em; 129 | left: 50%; 130 | margin-left: -0.325em; 131 | } 132 | .ui.top.left.popup { 133 | margin-left: 0em; 134 | } 135 | .ui.top.left.popup:before { 136 | bottom: -0.325em; 137 | left: 1em; 138 | top: auto; 139 | right: auto; 140 | margin-left: 0em; 141 | } 142 | .ui.top.right.popup { 143 | margin-right: 0em; 144 | } 145 | .ui.top.right.popup:before { 146 | bottom: -0.325em; 147 | right: 1em; 148 | top: auto; 149 | left: auto; 150 | margin-left: 0em; 151 | } 152 | 153 | /*--- Left Center ---*/ 154 | 155 | .ui.left.center.popup:before { 156 | top: 50%; 157 | right: -0.325em; 158 | bottom: auto; 159 | left: auto; 160 | margin-top: -0.325em; 161 | box-shadow: 1px -1px 0px 0px #b3b3b3; 162 | } 163 | 164 | /*--- Right Center ---*/ 165 | 166 | .ui.right.center.popup:before { 167 | top: 50%; 168 | left: -0.325em; 169 | bottom: auto; 170 | right: auto; 171 | margin-top: -0.325em; 172 | box-shadow: -1px 1px 0px 0px #b3b3b3; 173 | } 174 | 175 | 176 | /******************************* 177 | Coupling 178 | *******************************/ 179 | 180 | 181 | /* Immediate Nested Grid */ 182 | .ui.popup > .ui.grid:not(.padded) { 183 | width: -webkit-calc(100% + 1.75rem); 184 | width: calc(100% + 1.75rem); 185 | margin: -0.7rem -0.875rem; 186 | } 187 | 188 | 189 | /******************************* 190 | States 191 | *******************************/ 192 | 193 | .ui.loading.popup { 194 | display: block; 195 | visibility: hidden; 196 | z-index: -1; 197 | } 198 | .ui.animating.popup, 199 | .ui.visible.popup { 200 | display: block; 201 | } 202 | 203 | 204 | /******************************* 205 | Variations 206 | *******************************/ 207 | 208 | 209 | /*-------------- 210 | Basic 211 | ---------------*/ 212 | 213 | .ui.basic.popup:before { 214 | display: none; 215 | } 216 | 217 | /*-------------- 218 | Wide 219 | ---------------*/ 220 | 221 | .ui.wide.popup { 222 | max-width: 350px; 223 | } 224 | .ui[class*="very wide"].popup { 225 | max-width: 550px; 226 | } 227 | 228 | /*-------------- 229 | Fluid 230 | ---------------*/ 231 | 232 | .ui.fluid.popup { 233 | width: 100%; 234 | max-width: none; 235 | } 236 | 237 | /*-------------- 238 | Colors 239 | ---------------*/ 240 | 241 | 242 | /* Inverted colors */ 243 | .ui.inverted.popup { 244 | background: #1b1c1d; 245 | color: #ffffff; 246 | border: none; 247 | box-shadow: none; 248 | } 249 | .ui.inverted.popup .header { 250 | background-color: none; 251 | color: #ffffff; 252 | } 253 | .ui.inverted.popup:before { 254 | background-color: #1b1c1d; 255 | box-shadow: none !important; 256 | } 257 | 258 | /*-------------- 259 | Flowing 260 | ---------------*/ 261 | 262 | .ui.flowing.popup { 263 | max-width: none; 264 | } 265 | 266 | /*-------------- 267 | Sizes 268 | ---------------*/ 269 | 270 | .ui.small.popup { 271 | font-size: 0.785714rem; 272 | } 273 | .ui.popup { 274 | font-size: 0.85714rem; 275 | } 276 | .ui.large.popup { 277 | font-size: 1rem; 278 | } 279 | .ui.huge.popup { 280 | font-size: 1.14285rem; 281 | } 282 | 283 | 284 | /******************************* 285 | Theme Overrides 286 | *******************************/ 287 | 288 | 289 | 290 | /******************************* 291 | User Overrides 292 | *******************************/ 293 | 294 | -------------------------------------------------------------------------------- /lib/semantic-ui/components/progress.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Semantic UI 1.10.4 - Progress Bar 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 | Progress 15 | *******************************/ 16 | 17 | .ui.progress { 18 | position: relative; 19 | display: block; 20 | max-width: 100%; 21 | border: 1px solid rgba(39, 41, 43, 0.15); 22 | margin: 1em 0em 2.5em; 23 | box-shadow: none; 24 | background: rgba(0, 0, 0, 0.03); 25 | padding: 0.2857em; 26 | border-radius: 0.2857rem; 27 | } 28 | .ui.progress:first-child { 29 | margin: 0em 0em 2.5em; 30 | } 31 | .ui.progress:last-child { 32 | margin: 0em 0em 1.5em; 33 | } 34 | 35 | /* Indicating */ 36 | .ui.indicating.progress .bar[style*="width: 1"], 37 | .ui.indicating.progress .bar[style*="width: 2"] { 38 | background-color: #d95c5c; 39 | } 40 | .ui.indicating.progress .bar[style*="width: 3"] { 41 | background-color: #d9a65c; 42 | } 43 | .ui.indicating.progress .bar[style*="width: 4"], 44 | .ui.indicating.progress .bar[style*="width: 5"] { 45 | background-color: #e6bb48; 46 | } 47 | .ui.indicating.progress .bar[style*="width: 6"] { 48 | background-color: #ddc928; 49 | } 50 | .ui.indicating.progress .bar[style*="width: 7"], 51 | .ui.indicating.progress .bar[style*="width: 8"] { 52 | background-color: #b4d95c; 53 | } 54 | .ui.indicating.progress .bar[style*="width: 9"], 55 | .ui.indicating.progress .bar[style*="width: 100"] { 56 | background-color: #66da81; 57 | } 58 | 59 | /* Indicating Label */ 60 | .ui.indicating.progress[data-percent^="1"] .label, 61 | .ui.indicating.progress[data-percent^="2"] .label { 62 | color: #d95c5c; 63 | } 64 | .ui.indicating.progress[data-percent^="3"] .label { 65 | color: #d9a65c; 66 | } 67 | .ui.indicating.progress[data-percent^="4"] .label, 68 | .ui.indicating.progress[data-percent^="5"] .label { 69 | color: #e6bb48; 70 | } 71 | .ui.indicating.progress[data-percent^="6"] .label { 72 | color: #ddc928; 73 | } 74 | .ui.indicating.progress[data-percent^="7"] .label, 75 | .ui.indicating.progress[data-percent^="8"] .label { 76 | color: #b4d95c; 77 | } 78 | .ui.indicating.progress[data-percent^="9"] .label, 79 | .ui.indicating.progress[data-percent^="100"] .label { 80 | color: #66da81; 81 | } 82 | 83 | /* Single Digits */ 84 | .ui.indicating.progress .bar[style^="width: 1%"], 85 | .ui.indicating.progress .bar[style^="width: 2%"], 86 | .ui.indicating.progress .bar[style^="width: 3%"], 87 | .ui.indicating.progress .bar[style^="width: 4%"], 88 | .ui.indicating.progress .bar[style^="width: 5%"], 89 | .ui.indicating.progress .bar[style^="width: 6%"], 90 | .ui.indicating.progress .bar[style^="width: 7%"], 91 | .ui.indicating.progress .bar[style^="width: 8%"], 92 | .ui.indicating.progress .bar[style^="width: 9%"] { 93 | background-color: #d95c5c; 94 | } 95 | .ui.indicating.progress[data-percent="1"] .label, 96 | .ui.indicating.progress[data-percent="2"] .label, 97 | .ui.indicating.progress[data-percent="3"] .label, 98 | .ui.indicating.progress[data-percent="4"] .label, 99 | .ui.indicating.progress[data-percent="5"] .label, 100 | .ui.indicating.progress[data-percent="6"] .label, 101 | .ui.indicating.progress[data-percent="7"] .label, 102 | .ui.indicating.progress[data-percent="8"] .label, 103 | .ui.indicating.progress[data-percent="9"] .label { 104 | color: #d95c5c; 105 | } 106 | 107 | /* Indicating Success */ 108 | .ui.indicating.progress.success .label { 109 | color: #356e36; 110 | } 111 | 112 | 113 | /******************************* 114 | Content 115 | *******************************/ 116 | 117 | 118 | /* Activity Bar */ 119 | .ui.progress .bar { 120 | display: block; 121 | line-height: 1; 122 | position: relative; 123 | width: 0%; 124 | min-width: 2em; 125 | background: #888888; 126 | border-radius: 0.2857rem; 127 | -webkit-transition: width 0.3s ease, background-color 0.3s ease; 128 | transition: width 0.3s ease, background-color 0.3s ease; 129 | } 130 | 131 | /* Percent Complete */ 132 | .ui.progress .bar > .progress { 133 | white-space: nowrap; 134 | position: absolute; 135 | width: auto; 136 | font-size: 0.9em; 137 | top: 50%; 138 | right: 0.5em; 139 | left: auto; 140 | bottom: auto; 141 | color: rgba(255, 255, 255, 0.8); 142 | text-shadow: none; 143 | margin-top: -0.5em; 144 | font-weight: bold; 145 | text-align: left; 146 | } 147 | 148 | /* Label */ 149 | .ui.progress > .label { 150 | position: absolute; 151 | width: 100%; 152 | font-size: 1em; 153 | top: 100%; 154 | right: auto; 155 | left: 0%; 156 | bottom: auto; 157 | color: rgba(0, 0, 0, 0.8); 158 | font-weight: bold; 159 | text-shadow: none; 160 | margin-top: 0.2em; 161 | text-align: center; 162 | -webkit-transition: color 0.4s ease; 163 | transition: color 0.4s ease; 164 | } 165 | 166 | 167 | /******************************* 168 | States 169 | *******************************/ 170 | 171 | 172 | /*-------------- 173 | Success 174 | ---------------*/ 175 | 176 | .ui.progress.success .bar { 177 | background-color: #5bbd72 !important; 178 | } 179 | .ui.progress.success .bar, 180 | .ui.progress.success .bar::after { 181 | -webkit-animation: none !important; 182 | animation: none !important; 183 | } 184 | .ui.progress.success > .label { 185 | color: #356e36; 186 | } 187 | 188 | /*-------------- 189 | Warning 190 | ---------------*/ 191 | 192 | .ui.progress.warning .bar { 193 | background-color: #f2c037 !important; 194 | } 195 | .ui.progress.warning .bar, 196 | .ui.progress.warning .bar::after { 197 | -webkit-animation: none !important; 198 | animation: none !important; 199 | } 200 | .ui.progress.warning > .label { 201 | color: #825c01; 202 | } 203 | 204 | /*-------------- 205 | Error 206 | ---------------*/ 207 | 208 | .ui.progress.error .bar { 209 | background-color: #d95c5c !important; 210 | } 211 | .ui.progress.error .bar, 212 | .ui.progress.error .bar::after { 213 | -webkit-animation: none !important; 214 | animation: none !important; 215 | } 216 | .ui.progress.error > .label { 217 | color: #912d2b; 218 | } 219 | 220 | /*-------------- 221 | Active 222 | ---------------*/ 223 | 224 | .ui.active.progress .bar { 225 | position: relative; 226 | min-width: 2em; 227 | } 228 | .ui.active.progress .bar::after { 229 | content: ''; 230 | opacity: 0; 231 | position: absolute; 232 | top: 0px; 233 | left: 0px; 234 | right: 0px; 235 | bottom: 0px; 236 | background: #ffffff; 237 | border-radius: 0.2857rem; 238 | -webkit-animation: progress-active 2s ease infinite; 239 | animation: progress-active 2s ease infinite; 240 | } 241 | @-webkit-keyframes progress-active { 242 | 0% { 243 | opacity: 0.3; 244 | width: 0; 245 | } 246 | 100% { 247 | opacity: 0; 248 | width: 100%; 249 | } 250 | } 251 | @keyframes progress-active { 252 | 0% { 253 | opacity: 0.3; 254 | width: 0; 255 | } 256 | 100% { 257 | opacity: 0; 258 | width: 100%; 259 | } 260 | } 261 | 262 | /*-------------- 263 | Disabled 264 | ---------------*/ 265 | 266 | .ui.disabled.progress { 267 | opacity: 0.35; 268 | } 269 | .ui.disabled.progress .bar, 270 | .ui.disabled.progress .bar::after { 271 | -webkit-animation: none !important; 272 | animation: none !important; 273 | } 274 | 275 | 276 | /******************************* 277 | Variations 278 | *******************************/ 279 | 280 | 281 | /*-------------- 282 | Inverted 283 | ---------------*/ 284 | 285 | .ui.inverted.progress { 286 | background: rgba(255, 255, 255, 0.05); 287 | border: none; 288 | } 289 | .ui.inverted.progress .bar { 290 | background: #888888; 291 | } 292 | .ui.inverted.progress .bar > .progress { 293 | color: #fafafa; 294 | } 295 | .ui.inverted.progress > .label { 296 | color: #ffffff; 297 | } 298 | .ui.inverted.progress.success > .label { 299 | color: #5bbd72; 300 | } 301 | .ui.inverted.progress.warning > .label { 302 | color: #f2c037; 303 | } 304 | .ui.inverted.progress.error > .label { 305 | color: #d95c5c; 306 | } 307 | 308 | /*-------------- 309 | Attached 310 | ---------------*/ 311 | 312 | 313 | /* bottom attached */ 314 | .ui.progress.attached { 315 | background: transparent; 316 | position: relative; 317 | border: none; 318 | margin: 0em; 319 | } 320 | .ui.progress.attached, 321 | .ui.progress.attached .bar { 322 | display: block; 323 | height: 0.2rem; 324 | padding: 0px; 325 | overflow: hidden; 326 | border-radius: 0em 0em 0.2857rem 0.2857rem; 327 | } 328 | .ui.progress.attached .bar { 329 | border-radius: 0em; 330 | } 331 | 332 | /* top attached */ 333 | .ui.progress.top.attached, 334 | .ui.progress.top.attached .bar { 335 | top: 0px; 336 | border-radius: 0.2857rem 0.2857rem 0em 0em; 337 | } 338 | .ui.progress.top.attached .bar { 339 | border-radius: 0em; 340 | } 341 | 342 | /* Coupling */ 343 | .ui.segment > .ui.attached.progress, 344 | .ui.card > .ui.attached.progress { 345 | position: absolute; 346 | top: auto; 347 | left: 0; 348 | bottom: 100%; 349 | width: 100%; 350 | } 351 | .ui.segment > .ui.bottom.attached.progress, 352 | .ui.card > .ui.bottom.attached.progress { 353 | top: 100%; 354 | bottom: auto; 355 | } 356 | 357 | /*-------------- 358 | Colors 359 | ---------------*/ 360 | 361 | .ui.black.progress .bar { 362 | background-color: #1b1c1d; 363 | } 364 | .ui.blue.progress .bar { 365 | background-color: #3b83c0; 366 | } 367 | .ui.green.progress .bar { 368 | background-color: #5bbd72; 369 | } 370 | .ui.orange.progress .bar { 371 | background-color: #e07b53; 372 | } 373 | .ui.pink.progress .bar { 374 | background-color: #d9499a; 375 | } 376 | .ui.purple.progress .bar { 377 | background-color: #564f8a; 378 | } 379 | .ui.red.progress .bar { 380 | background-color: #d95c5c; 381 | } 382 | .ui.teal.progress .bar { 383 | background-color: #00b5ad; 384 | } 385 | .ui.yellow.progress .bar { 386 | background-color: #f2c61f; 387 | } 388 | .ui.black.inverted.progress .bar { 389 | background-color: #333333; 390 | } 391 | .ui.blue.inverted.progress .bar { 392 | background-color: #54c8ff; 393 | } 394 | .ui.green.inverted.progress .bar { 395 | background-color: #2ecc40; 396 | } 397 | .ui.orange.inverted.progress .bar { 398 | background-color: #ff851b; 399 | } 400 | .ui.pink.inverted.progress .bar { 401 | background-color: #ff8edf; 402 | } 403 | .ui.purple.inverted.progress .bar { 404 | background-color: #cdc6ff; 405 | } 406 | .ui.red.inverted.progress .bar { 407 | background-color: #ff695e; 408 | } 409 | .ui.teal.inverted.progress .bar { 410 | background-color: #6dffff; 411 | } 412 | .ui.yellow.inverted.progress .bar { 413 | background-color: #ffe21f; 414 | } 415 | 416 | /*-------------- 417 | Sizes 418 | ---------------*/ 419 | 420 | .ui.tiny.progress { 421 | font-size: 0.85714286rem; 422 | } 423 | .ui.tiny.progress .bar { 424 | height: 0.5em; 425 | } 426 | .ui.small.progress { 427 | font-size: 0.92857143rem; 428 | } 429 | .ui.small.progress .bar { 430 | height: 1em; 431 | } 432 | .ui.progress { 433 | font-size: 1rem; 434 | } 435 | .ui.progress .bar { 436 | height: 1.75em; 437 | } 438 | .ui.large.progress { 439 | font-size: 1.14285714rem; 440 | } 441 | .ui.large.progress .bar { 442 | height: 2.5em; 443 | } 444 | .ui.big.progress { 445 | font-size: 1.28571429rem; 446 | } 447 | .ui.big.progress .bar { 448 | height: 3.5em; 449 | } 450 | 451 | 452 | /******************************* 453 | Progress 454 | *******************************/ 455 | 456 | 457 | 458 | /******************************* 459 | Site Overrides 460 | *******************************/ 461 | 462 | -------------------------------------------------------------------------------- /lib/semantic-ui/components/rail.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Semantic UI 1.10.4 - 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 | /******************************* 14 | Rails 15 | *******************************/ 16 | 17 | .ui.rail { 18 | position: absolute; 19 | top: 0%; 20 | width: 300px; 21 | height: 100%; 22 | box-sizing: content-box; 23 | } 24 | .ui.left.rail { 25 | left: auto; 26 | right: 100%; 27 | padding: 0em 2rem 0em 0em; 28 | margin: 0em 2rem 0em 0em; 29 | } 30 | .ui.right.rail { 31 | left: 100%; 32 | right: auto; 33 | padding: 0em 0em 0em 2rem; 34 | margin: 0em 0em 0em 2rem; 35 | } 36 | 37 | 38 | /******************************* 39 | Variations 40 | *******************************/ 41 | 42 | 43 | /*-------------- 44 | Internal 45 | ---------------*/ 46 | 47 | .ui.left.internal.rail { 48 | left: 0%; 49 | right: auto; 50 | padding: 0em 0em 0em 2rem; 51 | margin: 0em 0em 0em 2rem; 52 | } 53 | .ui.right.internal.rail { 54 | left: auto; 55 | right: 0%; 56 | padding: 0em 2rem 0em 0em; 57 | margin: 0em 2rem 0em 0em; 58 | } 59 | 60 | /*-------------- 61 | Divided 62 | ---------------*/ 63 | 64 | .ui.left.dividing.rail { 65 | padding: 0em 2.5rem 0em 0em; 66 | margin: 0em 2.5rem 0em 0em; 67 | border-right: 1px solid rgba(39, 41, 43, 0.15); 68 | } 69 | .ui.right.dividing.rail { 70 | border-left: 1px solid rgba(39, 41, 43, 0.15); 71 | padding: 0em 0em 0em 2.5rem; 72 | margin: 0em 0em 0em 2.5rem; 73 | } 74 | 75 | /*-------------- 76 | Distance 77 | ---------------*/ 78 | 79 | .ui.close.left.rail { 80 | padding: 0em 1em 0em 0em; 81 | margin: 0em 1em 0em 0em; 82 | } 83 | .ui.close.right.rail { 84 | padding: 0em 0em 0em 1em; 85 | margin: 0em 0em 0em 1em; 86 | } 87 | .ui.very.close.left.rail { 88 | padding: 0em 0.5em 0em 0em; 89 | margin: 0em 0.5em 0em 0em; 90 | } 91 | .ui.very.close.right.rail { 92 | padding: 0em 0em 0em 0.5em; 93 | margin: 0em 0em 0em 0.5em; 94 | } 95 | 96 | /*-------------- 97 | Attached 98 | ---------------*/ 99 | 100 | .ui.attached.left.rail, 101 | .ui.attached.right.rail { 102 | padding: 0em; 103 | margin: 0em; 104 | } 105 | 106 | /*-------------- 107 | Sizing 108 | ---------------*/ 109 | 110 | .ui.rail { 111 | font-size: 1em; 112 | } 113 | 114 | 115 | /******************************* 116 | Theme Overrides 117 | *******************************/ 118 | 119 | 120 | 121 | /******************************* 122 | Site Overrides 123 | *******************************/ 124 | 125 | -------------------------------------------------------------------------------- /lib/semantic-ui/components/rating.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Semantic UI 1.10.4 - 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 | ;(function ($, window, document, undefined) { 13 | 14 | "use strict"; 15 | 16 | $.fn.rating = function(parameters) { 17 | var 18 | $allModules = $(this), 19 | moduleSelector = $allModules.selector || '', 20 | 21 | time = new Date().getTime(), 22 | performance = [], 23 | 24 | query = arguments[0], 25 | methodInvoked = (typeof query == 'string'), 26 | queryArguments = [].slice.call(arguments, 1), 27 | returnedValue 28 | ; 29 | $allModules 30 | .each(function() { 31 | var 32 | settings = ( $.isPlainObject(parameters) ) 33 | ? $.extend(true, {}, $.fn.rating.settings, parameters) 34 | : $.extend({}, $.fn.rating.settings), 35 | 36 | namespace = settings.namespace, 37 | className = settings.className, 38 | metadata = settings.metadata, 39 | selector = settings.selector, 40 | error = settings.error, 41 | 42 | eventNamespace = '.' + namespace, 43 | moduleNamespace = 'module-' + namespace, 44 | 45 | element = this, 46 | instance = $(this).data(moduleNamespace), 47 | 48 | $module = $(this), 49 | $icon = $module.find(selector.icon), 50 | 51 | module 52 | ; 53 | 54 | module = { 55 | 56 | initialize: function() { 57 | module.verbose('Initializing rating module', settings); 58 | 59 | if($icon.length === 0) { 60 | module.setup.layout(); 61 | } 62 | 63 | if(settings.interactive) { 64 | module.enable(); 65 | } 66 | else { 67 | module.disable(); 68 | } 69 | if(settings.initialRating) { 70 | module.debug('Setting initial rating'); 71 | module.setRating(settings.initialRating); 72 | } 73 | if( $module.data(metadata.rating) ) { 74 | module.debug('Rating found in metadata'); 75 | module.setRating( $module.data(metadata.rating) ); 76 | } 77 | module.instantiate(); 78 | }, 79 | 80 | instantiate: function() { 81 | module.verbose('Instantiating module', settings); 82 | instance = module; 83 | $module 84 | .data(moduleNamespace, module) 85 | ; 86 | }, 87 | 88 | destroy: function() { 89 | module.verbose('Destroying previous instance', instance); 90 | $module 91 | .removeData(moduleNamespace) 92 | ; 93 | $icon 94 | .off(eventNamespace) 95 | ; 96 | }, 97 | 98 | refresh: function() { 99 | $icon = $module.find(selector.icon); 100 | }, 101 | 102 | setup: { 103 | layout: function() { 104 | var 105 | maxRating = $module.data(metadata.maxRating) || settings.maxRating 106 | ; 107 | module.debug('Generating icon html dynamically'); 108 | $module 109 | .html($.fn.rating.settings.templates.icon(maxRating)) 110 | ; 111 | module.refresh(); 112 | } 113 | }, 114 | 115 | event: { 116 | mouseenter: function() { 117 | var 118 | $activeIcon = $(this) 119 | ; 120 | $activeIcon 121 | .nextAll() 122 | .removeClass(className.selected) 123 | ; 124 | $module 125 | .addClass(className.selected) 126 | ; 127 | $activeIcon 128 | .addClass(className.selected) 129 | .prevAll() 130 | .addClass(className.selected) 131 | ; 132 | }, 133 | mouseleave: function() { 134 | $module 135 | .removeClass(className.selected) 136 | ; 137 | $icon 138 | .removeClass(className.selected) 139 | ; 140 | }, 141 | click: function() { 142 | var 143 | $activeIcon = $(this), 144 | currentRating = module.getRating(), 145 | rating = $icon.index($activeIcon) + 1, 146 | canClear = (settings.clearable == 'auto') 147 | ? ($icon.length === 1) 148 | : settings.clearable 149 | ; 150 | if(canClear && currentRating == rating) { 151 | module.clearRating(); 152 | } 153 | else { 154 | module.setRating( rating ); 155 | } 156 | } 157 | }, 158 | 159 | clearRating: function() { 160 | module.debug('Clearing current rating'); 161 | module.setRating(0); 162 | }, 163 | 164 | getRating: function() { 165 | var 166 | currentRating = $icon.filter('.' + className.active).length 167 | ; 168 | module.verbose('Current rating retrieved', currentRating); 169 | return currentRating; 170 | }, 171 | 172 | enable: function() { 173 | module.debug('Setting rating to interactive mode'); 174 | $icon 175 | .on('mouseenter' + eventNamespace, module.event.mouseenter) 176 | .on('mouseleave' + eventNamespace, module.event.mouseleave) 177 | .on('click' + eventNamespace, module.event.click) 178 | ; 179 | $module 180 | .removeClass(className.disabled) 181 | ; 182 | }, 183 | 184 | disable: function() { 185 | module.debug('Setting rating to read-only mode'); 186 | $icon 187 | .off(eventNamespace) 188 | ; 189 | $module 190 | .addClass(className.disabled) 191 | ; 192 | }, 193 | 194 | setRating: function(rating) { 195 | var 196 | ratingIndex = (rating - 1 >= 0) 197 | ? (rating - 1) 198 | : 0, 199 | $activeIcon = $icon.eq(ratingIndex) 200 | ; 201 | $module 202 | .removeClass(className.selected) 203 | ; 204 | $icon 205 | .removeClass(className.selected) 206 | .removeClass(className.active) 207 | ; 208 | if(rating > 0) { 209 | module.verbose('Setting current rating to', rating); 210 | $activeIcon 211 | .prevAll() 212 | .andSelf() 213 | .addClass(className.active) 214 | ; 215 | } 216 | settings.onRate.call(element, rating); 217 | }, 218 | 219 | setting: function(name, value) { 220 | module.debug('Changing setting', name, value); 221 | if( $.isPlainObject(name) ) { 222 | $.extend(true, settings, name); 223 | } 224 | else if(value !== undefined) { 225 | settings[name] = value; 226 | } 227 | else { 228 | return settings[name]; 229 | } 230 | }, 231 | internal: function(name, value) { 232 | if( $.isPlainObject(name) ) { 233 | $.extend(true, module, name); 234 | } 235 | else if(value !== undefined) { 236 | module[name] = value; 237 | } 238 | else { 239 | return module[name]; 240 | } 241 | }, 242 | debug: function() { 243 | if(settings.debug) { 244 | if(settings.performance) { 245 | module.performance.log(arguments); 246 | } 247 | else { 248 | module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':'); 249 | module.debug.apply(console, arguments); 250 | } 251 | } 252 | }, 253 | verbose: function() { 254 | if(settings.verbose && settings.debug) { 255 | if(settings.performance) { 256 | module.performance.log(arguments); 257 | } 258 | else { 259 | module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':'); 260 | module.verbose.apply(console, arguments); 261 | } 262 | } 263 | }, 264 | error: function() { 265 | module.error = Function.prototype.bind.call(console.error, console, settings.name + ':'); 266 | module.error.apply(console, arguments); 267 | }, 268 | performance: { 269 | log: function(message) { 270 | var 271 | currentTime, 272 | executionTime, 273 | previousTime 274 | ; 275 | if(settings.performance) { 276 | currentTime = new Date().getTime(); 277 | previousTime = time || currentTime; 278 | executionTime = currentTime - previousTime; 279 | time = currentTime; 280 | performance.push({ 281 | 'Name' : message[0], 282 | 'Arguments' : [].slice.call(message, 1) || '', 283 | 'Element' : element, 284 | 'Execution Time' : executionTime 285 | }); 286 | } 287 | clearTimeout(module.performance.timer); 288 | module.performance.timer = setTimeout(module.performance.display, 100); 289 | }, 290 | display: function() { 291 | var 292 | title = settings.name + ':', 293 | totalTime = 0 294 | ; 295 | time = false; 296 | clearTimeout(module.performance.timer); 297 | $.each(performance, function(index, data) { 298 | totalTime += data['Execution Time']; 299 | }); 300 | title += ' ' + totalTime + 'ms'; 301 | if(moduleSelector) { 302 | title += ' \'' + moduleSelector + '\''; 303 | } 304 | if($allModules.length > 1) { 305 | title += ' ' + '(' + $allModules.length + ')'; 306 | } 307 | if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) { 308 | console.groupCollapsed(title); 309 | if(console.table) { 310 | console.table(performance); 311 | } 312 | else { 313 | $.each(performance, function(index, data) { 314 | console.log(data['Name'] + ': ' + data['Execution Time']+'ms'); 315 | }); 316 | } 317 | console.groupEnd(); 318 | } 319 | performance = []; 320 | } 321 | }, 322 | invoke: function(query, passedArguments, context) { 323 | var 324 | object = instance, 325 | maxDepth, 326 | found, 327 | response 328 | ; 329 | passedArguments = passedArguments || queryArguments; 330 | context = element || context; 331 | if(typeof query == 'string' && object !== undefined) { 332 | query = query.split(/[\. ]/); 333 | maxDepth = query.length - 1; 334 | $.each(query, function(depth, value) { 335 | var camelCaseValue = (depth != maxDepth) 336 | ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1) 337 | : query 338 | ; 339 | if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) { 340 | object = object[camelCaseValue]; 341 | } 342 | else if( object[camelCaseValue] !== undefined ) { 343 | found = object[camelCaseValue]; 344 | return false; 345 | } 346 | else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) { 347 | object = object[value]; 348 | } 349 | else if( object[value] !== undefined ) { 350 | found = object[value]; 351 | return false; 352 | } 353 | else { 354 | return false; 355 | } 356 | }); 357 | } 358 | if ( $.isFunction( found ) ) { 359 | response = found.apply(context, passedArguments); 360 | } 361 | else if(found !== undefined) { 362 | response = found; 363 | } 364 | if($.isArray(returnedValue)) { 365 | returnedValue.push(response); 366 | } 367 | else if(returnedValue !== undefined) { 368 | returnedValue = [returnedValue, response]; 369 | } 370 | else if(response !== undefined) { 371 | returnedValue = response; 372 | } 373 | return found; 374 | } 375 | }; 376 | if(methodInvoked) { 377 | if(instance === undefined) { 378 | module.initialize(); 379 | } 380 | module.invoke(query); 381 | } 382 | else { 383 | if(instance !== undefined) { 384 | instance.invoke('destroy'); 385 | } 386 | module.initialize(); 387 | } 388 | }) 389 | ; 390 | 391 | return (returnedValue !== undefined) 392 | ? returnedValue 393 | : this 394 | ; 395 | }; 396 | 397 | $.fn.rating.settings = { 398 | 399 | name : 'Rating', 400 | namespace : 'rating', 401 | 402 | debug : false, 403 | verbose : true, 404 | performance : true, 405 | 406 | initialRating : 0, 407 | interactive : true, 408 | maxRating : 4, 409 | clearable : 'auto', 410 | 411 | onRate : function(rating){}, 412 | 413 | error : { 414 | method : 'The method you called is not defined', 415 | noMaximum : 'No maximum rating specified. Cannot generate HTML automatically' 416 | }, 417 | 418 | 419 | metadata: { 420 | rating : 'rating', 421 | maxRating : 'maxRating' 422 | }, 423 | 424 | className : { 425 | active : 'active', 426 | disabled : 'disabled', 427 | selected : 'selected', 428 | loading : 'loading' 429 | }, 430 | 431 | selector : { 432 | icon : '.icon' 433 | }, 434 | 435 | templates: { 436 | icon: function(maxRating) { 437 | var 438 | icon = 1, 439 | html = '' 440 | ; 441 | while(icon <= maxRating) { 442 | html += ''; 443 | icon++; 444 | } 445 | return html; 446 | } 447 | } 448 | 449 | }; 450 | 451 | })( jQuery, window , document ); 452 | -------------------------------------------------------------------------------- /lib/semantic-ui/components/reset.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Semantic UI 1.10.4 - 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 | /******************************* 14 | Reset 15 | *******************************/ 16 | 17 | 18 | /* Border-Box */ 19 | *, 20 | *:before, 21 | *:after { 22 | box-sizing: inherit; 23 | } 24 | html { 25 | box-sizing: border-box; 26 | } 27 | 28 | /* iPad Input Shadows */ 29 | input[type="text"], 30 | input[type="email"], 31 | input[type="search"], 32 | input[type="password"] { 33 | -webkit-appearance: none; 34 | -moz-appearance: none; 35 | 36 | /* mobile firefox too! */ 37 | } 38 | 39 | 40 | /******************************* 41 | Theme Overrides 42 | *******************************/ 43 | 44 | /*! normalize.css v3.0.1 | MIT License | git.io/normalize */ 45 | /** 46 | * Correct `block` display not defined in IE 8/9. 47 | */ 48 | /*! normalize.css v3.0.1 | MIT License | git.io/normalize */ 49 | /** 50 | * 1. Set default font family to sans-serif. 51 | * 2. Prevent iOS text size adjust after orientation change, without disabling 52 | * user zoom. 53 | */ 54 | html { 55 | font-family: sans-serif; 56 | 57 | /* 1 */ 58 | -ms-text-size-adjust: 100%; 59 | 60 | /* 2 */ 61 | -webkit-text-size-adjust: 100%; 62 | 63 | /* 2 */ 64 | } 65 | /** 66 | * Remove default margin. 67 | */ 68 | body { 69 | margin: 0; 70 | } 71 | 72 | /* HTML5 display definitions 73 | ========================================================================== */ 74 | /** 75 | * Correct `block` display not defined for any HTML5 element in IE 8/9. 76 | * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. 77 | * Correct `block` display not defined for `main` in IE 11. 78 | */ 79 | article, 80 | aside, 81 | details, 82 | figcaption, 83 | figure, 84 | footer, 85 | header, 86 | hgroup, 87 | main, 88 | nav, 89 | section, 90 | summary { 91 | display: block; 92 | } 93 | /** 94 | * 1. Correct `inline-block` display not defined in IE 8/9. 95 | * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. 96 | */ 97 | audio, 98 | canvas, 99 | progress, 100 | video { 101 | display: inline-block; 102 | 103 | /* 1 */ 104 | vertical-align: baseline; 105 | 106 | /* 2 */ 107 | } 108 | /** 109 | * Prevent modern browsers from displaying `audio` without controls. 110 | * Remove excess height in iOS 5 devices. 111 | */ 112 | audio:not([controls]) { 113 | display: none; 114 | height: 0; 115 | } 116 | /** 117 | * Address `[hidden]` styling not present in IE 8/9/10. 118 | * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. 119 | */ 120 | [hidden], 121 | template { 122 | display: none; 123 | } 124 | 125 | /* Links 126 | ========================================================================== */ 127 | /** 128 | * Remove the gray background color from active links in IE 10. 129 | */ 130 | a { 131 | background: transparent; 132 | } 133 | /** 134 | * Improve readability when focused and also mouse hovered in all browsers. 135 | */ 136 | a:active, 137 | a:hover { 138 | outline: 0; 139 | } 140 | 141 | /* Text-level semantics 142 | ========================================================================== */ 143 | /** 144 | * Address styling not present in IE 8/9/10/11, Safari, and Chrome. 145 | */ 146 | abbr[title] { 147 | border-bottom: 1px dotted; 148 | } 149 | /** 150 | * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. 151 | */ 152 | b, 153 | strong { 154 | font-weight: bold; 155 | } 156 | /** 157 | * Address styling not present in Safari and Chrome. 158 | */ 159 | dfn { 160 | font-style: italic; 161 | } 162 | /** 163 | * Address variable `h1` font-size and margin within `section` and `article` 164 | * contexts in Firefox 4+, Safari, and Chrome. 165 | */ 166 | h1 { 167 | font-size: 2em; 168 | margin: 0.67em 0; 169 | } 170 | /** 171 | * Address styling not present in IE 8/9. 172 | */ 173 | mark { 174 | background: #ff0; 175 | color: #000; 176 | } 177 | /** 178 | * Address inconsistent and variable font size in all browsers. 179 | */ 180 | small { 181 | font-size: 80%; 182 | } 183 | /** 184 | * Prevent `sub` and `sup` affecting `line-height` in all browsers. 185 | */ 186 | sub, 187 | sup { 188 | font-size: 75%; 189 | line-height: 0; 190 | position: relative; 191 | vertical-align: baseline; 192 | } 193 | sup { 194 | top: -0.5em; 195 | } 196 | sub { 197 | bottom: -0.25em; 198 | } 199 | 200 | /* Embedded content 201 | ========================================================================== */ 202 | /** 203 | * Remove border when inside `a` element in IE 8/9/10. 204 | */ 205 | img { 206 | border: 0; 207 | } 208 | /** 209 | * Correct overflow not hidden in IE 9/10/11. 210 | */ 211 | svg:not(:root) { 212 | overflow: hidden; 213 | } 214 | 215 | /* Grouping content 216 | ========================================================================== */ 217 | /** 218 | * Address margin not present in IE 8/9 and Safari. 219 | */ 220 | figure { 221 | margin: 1em 40px; 222 | } 223 | /** 224 | * Address differences between Firefox and other browsers. 225 | */ 226 | hr { 227 | box-sizing: content-box; 228 | height: 0; 229 | } 230 | /** 231 | * Contain overflow in all browsers. 232 | */ 233 | pre { 234 | overflow: auto; 235 | } 236 | /** 237 | * Address odd `em`-unit font size rendering in all browsers. 238 | */ 239 | code, 240 | kbd, 241 | pre, 242 | samp { 243 | font-family: monospace, monospace; 244 | font-size: 1em; 245 | } 246 | 247 | /* Forms 248 | ========================================================================== */ 249 | /** 250 | * Known limitation: by default, Chrome and Safari on OS X allow very limited 251 | * styling of `select`, unless a `border` property is set. 252 | */ 253 | /** 254 | * 1. Correct color not being inherited. 255 | * Known issue: affects color of disabled elements. 256 | * 2. Correct font properties not being inherited. 257 | * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. 258 | */ 259 | button, 260 | input, 261 | optgroup, 262 | select, 263 | textarea { 264 | color: inherit; 265 | 266 | /* 1 */ 267 | font: inherit; 268 | 269 | /* 2 */ 270 | margin: 0; 271 | 272 | /* 3 */ 273 | } 274 | /** 275 | * Address `overflow` set to `hidden` in IE 8/9/10/11. 276 | */ 277 | button { 278 | overflow: visible; 279 | } 280 | /** 281 | * Address inconsistent `text-transform` inheritance for `button` and `select`. 282 | * All other form control elements do not inherit `text-transform` values. 283 | * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. 284 | * Correct `select` style inheritance in Firefox. 285 | */ 286 | button, 287 | select { 288 | text-transform: none; 289 | } 290 | /** 291 | * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` 292 | * and `video` controls. 293 | * 2. Correct inability to style clickable `input` types in iOS. 294 | * 3. Improve usability and consistency of cursor style between image-type 295 | * `input` and others. 296 | */ 297 | button, 298 | html input[type="button"], 299 | input[type="reset"], 300 | input[type="submit"] { 301 | -webkit-appearance: button; 302 | 303 | /* 2 */ 304 | cursor: pointer; 305 | 306 | /* 3 */ 307 | } 308 | /** 309 | * Re-set default cursor for disabled elements. 310 | */ 311 | button[disabled], 312 | html input[disabled] { 313 | cursor: default; 314 | } 315 | /** 316 | * Remove inner padding and border in Firefox 4+. 317 | */ 318 | button::-moz-focus-inner, 319 | input::-moz-focus-inner { 320 | border: 0; 321 | padding: 0; 322 | } 323 | /** 324 | * Address Firefox 4+ setting `line-height` on `input` using `!important` in 325 | * the UA stylesheet. 326 | */ 327 | input { 328 | line-height: normal; 329 | } 330 | /** 331 | * It's recommended that you don't attempt to style these elements. 332 | * Firefox's implementation doesn't respect box-sizing, padding, or width. 333 | * 334 | * 1. Address box sizing set to `content-box` in IE 8/9/10. 335 | * 2. Remove excess padding in IE 8/9/10. 336 | */ 337 | input[type="checkbox"], 338 | input[type="radio"] { 339 | box-sizing: border-box; 340 | 341 | /* 1 */ 342 | padding: 0; 343 | 344 | /* 2 */ 345 | } 346 | /** 347 | * Fix the cursor style for Chrome's increment/decrement buttons. For certain 348 | * `font-size` values of the `input`, it causes the cursor style of the 349 | * decrement button to change from `default` to `text`. 350 | */ 351 | input[type="number"]::-webkit-inner-spin-button, 352 | input[type="number"]::-webkit-outer-spin-button { 353 | height: auto; 354 | } 355 | /** 356 | * 1. Address `appearance` set to `searchfield` in Safari and Chrome. 357 | * 2. Address `box-sizing` set to `border-box` in Safari and Chrome 358 | * (include `-moz` to future-proof). 359 | */ 360 | input[type="search"] { 361 | -webkit-appearance: textfield; 362 | 363 | /* 1 */ 364 | 365 | /* 2 */ 366 | box-sizing: content-box; 367 | } 368 | /** 369 | * Remove inner padding and search cancel button in Safari and Chrome on OS X. 370 | * Safari (but not Chrome) clips the cancel button when the search input has 371 | * padding (and `textfield` appearance). 372 | */ 373 | input[type="search"]::-webkit-search-cancel-button, 374 | input[type="search"]::-webkit-search-decoration { 375 | -webkit-appearance: none; 376 | } 377 | /** 378 | * Define consistent border, margin, and padding. 379 | */ 380 | fieldset { 381 | border: 1px solid #c0c0c0; 382 | margin: 0 2px; 383 | padding: 0.35em 0.625em 0.75em; 384 | } 385 | /** 386 | * 1. Correct `color` not being inherited in IE 8/9/10/11. 387 | * 2. Remove padding so people aren't caught out if they zero out fieldsets. 388 | */ 389 | legend { 390 | border: 0; 391 | 392 | /* 1 */ 393 | padding: 0; 394 | 395 | /* 2 */ 396 | } 397 | /** 398 | * Remove default vertical scrollbar in IE 8/9/10/11. 399 | */ 400 | textarea { 401 | overflow: auto; 402 | } 403 | /** 404 | * Don't inherit the `font-weight` (applied by a rule above). 405 | * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. 406 | */ 407 | optgroup { 408 | font-weight: bold; 409 | } 410 | 411 | /* Tables 412 | ========================================================================== */ 413 | /** 414 | * Remove most spacing between table cells. 415 | */ 416 | table { 417 | border-collapse: collapse; 418 | border-spacing: 0; 419 | } 420 | td, 421 | th { 422 | padding: 0; 423 | } 424 | 425 | 426 | /******************************* 427 | Site Overrides 428 | *******************************/ 429 | 430 | -------------------------------------------------------------------------------- /lib/semantic-ui/components/reveal.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Semantic UI 1.10.4 - Reveal 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 | Reveal 15 | *******************************/ 16 | 17 | .ui.reveal { 18 | display: inline-block; 19 | position: relative !important; 20 | font-size: 0em !important; 21 | } 22 | .ui.reveal > .visible.content { 23 | position: absolute !important; 24 | top: 0em !important; 25 | left: 0em !important; 26 | z-index: 3 !important; 27 | -webkit-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s; 28 | transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s; 29 | } 30 | .ui.reveal > .hidden.content { 31 | position: relative !important; 32 | z-index: 2 !important; 33 | } 34 | 35 | /* Make sure hovered element is on top of other reveal */ 36 | .ui.reveal:hover .visible.content { 37 | z-index: 4 !important; 38 | } 39 | 40 | 41 | /******************************* 42 | Types 43 | *******************************/ 44 | 45 | 46 | /*-------------- 47 | Slide 48 | ---------------*/ 49 | 50 | .ui.slide.reveal { 51 | position: relative !important; 52 | overflow: hidden !important; 53 | white-space: nowrap; 54 | } 55 | .ui.slide.reveal > .content { 56 | display: block; 57 | float: left; 58 | margin: 0em; 59 | -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s; 60 | transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s; 61 | } 62 | .ui.slide.reveal > .visible.content { 63 | position: relative !important; 64 | } 65 | .ui.slide.reveal > .hidden.content { 66 | position: absolute !important; 67 | left: 0% !important; 68 | width: 100% !important; 69 | -webkit-transform: translateX(100%) !important; 70 | -ms-transform: translateX(100%) !important; 71 | transform: translateX(100%) !important; 72 | } 73 | .ui.slide.reveal:hover > .visible.content { 74 | -webkit-transform: translateX(-100%) !important; 75 | -ms-transform: translateX(-100%) !important; 76 | transform: translateX(-100%) !important; 77 | } 78 | .ui.slide.reveal:hover > .hidden.content { 79 | -webkit-transform: translateX(0%) !important; 80 | -ms-transform: translateX(0%) !important; 81 | transform: translateX(0%) !important; 82 | } 83 | .ui.slide.right.reveal > .visible.content { 84 | -webkit-transform: translateX(0%) !important; 85 | -ms-transform: translateX(0%) !important; 86 | transform: translateX(0%) !important; 87 | } 88 | .ui.slide.right.reveal > .hidden.content { 89 | -webkit-transform: translateX(-100%) !important; 90 | -ms-transform: translateX(-100%) !important; 91 | transform: translateX(-100%) !important; 92 | } 93 | .ui.slide.right.reveal:hover > .visible.content { 94 | -webkit-transform: translateX(100%) !important; 95 | -ms-transform: translateX(100%) !important; 96 | transform: translateX(100%) !important; 97 | } 98 | .ui.slide.right.reveal:hover > .hidden.content { 99 | -webkit-transform: translateX(0%) !important; 100 | -ms-transform: translateX(0%) !important; 101 | transform: translateX(0%) !important; 102 | } 103 | .ui.slide.up.reveal > .hidden.content { 104 | -webkit-transform: translateY(100%) !important; 105 | -ms-transform: translateY(100%) !important; 106 | transform: translateY(100%) !important; 107 | } 108 | .ui.slide.up.reveal:hover > .visible.content { 109 | -webkit-transform: translateY(-100%) !important; 110 | -ms-transform: translateY(-100%) !important; 111 | transform: translateY(-100%) !important; 112 | } 113 | .ui.slide.up.reveal:hover > .hidden.content { 114 | -webkit-transform: translateY(0%) !important; 115 | -ms-transform: translateY(0%) !important; 116 | transform: translateY(0%) !important; 117 | } 118 | .ui.slide.down.reveal > .hidden.content { 119 | -webkit-transform: translateY(-100%) !important; 120 | -ms-transform: translateY(-100%) !important; 121 | transform: translateY(-100%) !important; 122 | } 123 | .ui.slide.down.reveal:hover > .visible.content { 124 | -webkit-transform: translateY(100%) !important; 125 | -ms-transform: translateY(100%) !important; 126 | transform: translateY(100%) !important; 127 | } 128 | .ui.slide.down.reveal:hover > .hidden.content { 129 | -webkit-transform: translateY(0%) !important; 130 | -ms-transform: translateY(0%) !important; 131 | transform: translateY(0%) !important; 132 | } 133 | 134 | /*-------------- 135 | Fade 136 | ---------------*/ 137 | 138 | .ui.fade.reveal > .visible.content { 139 | opacity: 1; 140 | } 141 | .ui.fade.reveal:hover > .visible.content { 142 | opacity: 0; 143 | } 144 | 145 | /*-------------- 146 | Move 147 | ---------------*/ 148 | 149 | .ui.move.reveal { 150 | position: relative !important; 151 | overflow: hidden !important; 152 | white-space: nowrap; 153 | } 154 | .ui.move.reveal > .content { 155 | display: block; 156 | float: left; 157 | margin: 0em; 158 | -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s; 159 | transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s; 160 | } 161 | .ui.move.reveal > .visible.content { 162 | position: relative !important; 163 | } 164 | .ui.move.reveal > .hidden.content { 165 | position: absolute !important; 166 | left: 0% !important; 167 | width: 100% !important; 168 | } 169 | .ui.move.reveal:hover > .visible.content { 170 | -webkit-transform: translateX(-100%) !important; 171 | -ms-transform: translateX(-100%) !important; 172 | transform: translateX(-100%) !important; 173 | } 174 | .ui.move.right.reveal:hover > .visible.content { 175 | -webkit-transform: translateX(100%) !important; 176 | -ms-transform: translateX(100%) !important; 177 | transform: translateX(100%) !important; 178 | } 179 | .ui.move.up.reveal:hover > .visible.content { 180 | -webkit-transform: translateY(-100%) !important; 181 | -ms-transform: translateY(-100%) !important; 182 | transform: translateY(-100%) !important; 183 | } 184 | .ui.move.down.reveal:hover > .visible.content { 185 | -webkit-transform: translateY(100%) !important; 186 | -ms-transform: translateY(100%) !important; 187 | transform: translateY(100%) !important; 188 | } 189 | 190 | /*-------------- 191 | Rotate 192 | ---------------*/ 193 | 194 | .ui.rotate.reveal > .visible.content { 195 | -webkit-transition-duration: 0.8s; 196 | transition-duration: 0.8s; 197 | -webkit-transform: rotate(0deg); 198 | -ms-transform: rotate(0deg); 199 | transform: rotate(0deg); 200 | } 201 | .ui.rotate.reveal > .visible.content, 202 | .ui.rotate.right.reveal > .visible.content { 203 | -webkit-transform-origin: bottom right; 204 | -ms-transform-origin: bottom right; 205 | transform-origin: bottom right; 206 | } 207 | .ui.rotate.reveal:hover > .visible.content, 208 | .ui.rotate.right.reveal:hover > .visible.content { 209 | -webkit-transform: rotate(110deg); 210 | -ms-transform: rotate(110deg); 211 | transform: rotate(110deg); 212 | } 213 | .ui.rotate.left.reveal > .visible.content { 214 | -webkit-transform-origin: bottom left; 215 | -ms-transform-origin: bottom left; 216 | transform-origin: bottom left; 217 | } 218 | .ui.rotate.left.reveal:hover > .visible.content { 219 | -webkit-transform: rotate(-110deg); 220 | -ms-transform: rotate(-110deg); 221 | transform: rotate(-110deg); 222 | } 223 | 224 | 225 | /******************************* 226 | States 227 | *******************************/ 228 | 229 | .ui.disabled.reveal { 230 | opacity: 1 !important; 231 | } 232 | .ui.disabled.reveal > .content { 233 | -webkit-transition: none !important; 234 | transition: none !important; 235 | } 236 | .ui.disabled.reveal:hover > .visible.content { 237 | position: static !important; 238 | display: block !important; 239 | opacity: 1 !important; 240 | top: 0 !important; 241 | left: 0 !important; 242 | right: auto !important; 243 | bottom: auto !important; 244 | -webkit-transform: none !important; 245 | -ms-transform: none !important; 246 | transform: none !important; 247 | } 248 | .ui.disabled.reveal:hover > .hidden.content { 249 | display: none !important; 250 | } 251 | 252 | 253 | /******************************* 254 | Variations 255 | *******************************/ 256 | 257 | 258 | /*-------------- 259 | Masked 260 | ---------------*/ 261 | 262 | .ui.masked.reveal { 263 | overflow: hidden; 264 | } 265 | 266 | /*-------------- 267 | Instant 268 | ---------------*/ 269 | 270 | .ui.instant.reveal > .content { 271 | -webkit-transition-delay: 0s !important; 272 | transition-delay: 0s !important; 273 | } 274 | 275 | /*-------------- 276 | Sizing 277 | ---------------*/ 278 | 279 | .ui.reveal > .content { 280 | font-size: 1rem !important; 281 | } 282 | 283 | 284 | /******************************* 285 | Theme Overrides 286 | *******************************/ 287 | 288 | 289 | 290 | /******************************* 291 | Site Overrides 292 | *******************************/ 293 | 294 | -------------------------------------------------------------------------------- /lib/semantic-ui/components/search.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Semantic UI 1.10.4 - Search 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 | Search 15 | *******************************/ 16 | 17 | .ui.search { 18 | position: relative; 19 | } 20 | .ui.search > .prompt { 21 | margin: 0em; 22 | outline: none; 23 | -webkit-appearance: none; 24 | -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 25 | text-shadow: none; 26 | font-style: normal; 27 | font-weight: normal; 28 | line-height: 1.2; 29 | padding: 0.68571em 1em; 30 | font-size: 1em; 31 | background: #ffffff; 32 | border: 1px solid rgba(39, 41, 43, 0.15); 33 | color: rgba(0, 0, 0, 0.8); 34 | box-shadow: 0em 0em 0em 0em transparent inset; 35 | -webkit-transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; 36 | transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; 37 | } 38 | .ui.search .prompt { 39 | border-radius: 500rem; 40 | } 41 | 42 | /*-------------- 43 | Icon 44 | ---------------*/ 45 | 46 | .ui.search .prompt ~ .search.icon { 47 | cursor: pointer; 48 | } 49 | 50 | /*-------------- 51 | Results 52 | ---------------*/ 53 | 54 | .ui.search > .results { 55 | display: none; 56 | position: absolute; 57 | top: 100%; 58 | left: 0%; 59 | background: #ffffff; 60 | margin-top: 0.5em; 61 | width: 16em; 62 | border-radius: 0.25em; 63 | box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2); 64 | z-index: 998; 65 | } 66 | 67 | /*-------------- 68 | Result 69 | ---------------*/ 70 | 71 | .ui.search > .results .result { 72 | cursor: pointer; 73 | display: block; 74 | overflow: hidden; 75 | font-size: 1em; 76 | padding: 0.5em 1em; 77 | color: rgba(0, 0, 0, 0.8); 78 | line-height: 1.33; 79 | border-bottom: 1px solid rgba(39, 41, 43, 0.15); 80 | } 81 | .ui.search > .results .result:last-child { 82 | border-bottom: none; 83 | } 84 | 85 | /* Image */ 86 | .ui.search > .results .result .image { 87 | float: right; 88 | overflow: hidden; 89 | background: none; 90 | width: 5em; 91 | height: 3em; 92 | border-radius: 0.25em; 93 | } 94 | .ui.search > .results .result .image img { 95 | display: block; 96 | width: auto; 97 | height: 100%; 98 | } 99 | 100 | /*-------------- 101 | Info 102 | ---------------*/ 103 | 104 | .ui.search > .results .result .image + .content { 105 | margin: 0em 6em 0em 0em; 106 | } 107 | .ui.search > .results .result .title { 108 | font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; 109 | font-weight: bold; 110 | font-size: 1em; 111 | color: rgba(0, 0, 0, 0.85); 112 | } 113 | .ui.search > .results .result .description { 114 | margin-top: 0em; 115 | font-size: 0.9285em; 116 | color: rgba(0, 0, 0, 0.4); 117 | } 118 | .ui.search > .results .result .price { 119 | float: right; 120 | color: #5bbd72; 121 | } 122 | 123 | /*-------------- 124 | Message 125 | ---------------*/ 126 | 127 | .ui.search > .results > .message { 128 | padding: 1em 1em; 129 | } 130 | .ui.search > .results > .message .header { 131 | font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; 132 | font-size: 1.1428em; 133 | font-weight: bold; 134 | color: rgba(0, 0, 0, 0.8); 135 | } 136 | .ui.search > .results > .message .description { 137 | margin-top: 0.25rem; 138 | font-size: 1em; 139 | color: rgba(0, 0, 0, 0.8); 140 | } 141 | 142 | /* View All Results */ 143 | .ui.search > .results > .action { 144 | display: block; 145 | border-top: none; 146 | background: #f0f0f0; 147 | padding: 0.5em 1em; 148 | color: rgba(0, 0, 0, 0.8); 149 | font-weight: bold; 150 | text-align: center; 151 | } 152 | 153 | 154 | /******************************* 155 | States 156 | *******************************/ 157 | 158 | 159 | /*-------------------- 160 | Loading 161 | ---------------------*/ 162 | 163 | .ui.loading.search .input > .icon:before { 164 | position: absolute; 165 | content: ''; 166 | top: 50%; 167 | left: 50%; 168 | margin: -0.64285em 0em 0em -0.64285em; 169 | width: 1.2857em; 170 | height: 1.2857em; 171 | border-radius: 500rem; 172 | border: 0.2em solid rgba(0, 0, 0, 0.1); 173 | } 174 | .ui.loading.search .input > .icon:after { 175 | position: absolute; 176 | content: ''; 177 | top: 50%; 178 | left: 50%; 179 | margin: -0.64285em 0em 0em -0.64285em; 180 | width: 1.2857em; 181 | height: 1.2857em; 182 | -webkit-animation: button-spin 0.6s linear; 183 | animation: button-spin 0.6s linear; 184 | -webkit-animation-iteration-count: infinite; 185 | animation-iteration-count: infinite; 186 | border-radius: 500rem; 187 | border-color: #aaaaaa transparent transparent; 188 | border-style: solid; 189 | border-width: 0.2em; 190 | box-shadow: 0px 0px 0px 1px transparent; 191 | } 192 | 193 | /*-------------- 194 | Hover 195 | ---------------*/ 196 | 197 | .ui.search > .results .result:hover, 198 | .ui.category.search > .results .category .result:hover { 199 | background: #fafafa; 200 | } 201 | .ui.search .action:hover { 202 | background: #e0e0e0; 203 | } 204 | 205 | /*-------------- 206 | Active 207 | ---------------*/ 208 | 209 | .ui.search > .results .category.active { 210 | background: #f0f0f0; 211 | } 212 | .ui.search > .results .category.active > .name { 213 | color: rgba(0, 0, 0, 0.8); 214 | } 215 | .ui.search > .results .result.active, 216 | .ui.category.search > .results .category .result.active { 217 | position: relative; 218 | border-left-color: transparent; 219 | background: #f0f0f0; 220 | box-shadow: 3px 0px 3px 0px rgba(39, 41, 43, 0.15); 221 | } 222 | .ui.search > .results .result.active .title { 223 | color: rgba(0, 0, 0, 0.85); 224 | } 225 | .ui.search > .results .result.active .description { 226 | color: rgba(0, 0, 0, 0.85); 227 | } 228 | 229 | 230 | /******************************* 231 | Types 232 | *******************************/ 233 | 234 | 235 | /*-------------- 236 | Categories 237 | ---------------*/ 238 | 239 | .ui.category.search .results { 240 | width: 28em; 241 | } 242 | 243 | /* Category */ 244 | .ui.category.search > .results .category { 245 | background: #f0f0f0; 246 | box-shadow: none; 247 | border-bottom: 1px solid rgba(39, 41, 43, 0.15); 248 | -webkit-transition: background 0.2s ease, border-color 0.2s ease; 249 | transition: background 0.2s ease, border-color 0.2s ease; 250 | } 251 | .ui.category.search > .results .category:last-child { 252 | border-bottom: none; 253 | } 254 | 255 | /* Category Result */ 256 | .ui.category.search > .results .category .result { 257 | background: #ffffff; 258 | margin-left: 100px; 259 | border-left: 1px solid rgba(39, 41, 43, 0.15); 260 | border-bottom: 1px solid rgba(39, 41, 43, 0.15); 261 | -webkit-transition: background 0.2s ease, border-color 0.2s ease; 262 | transition: background 0.2s ease, border-color 0.2s ease; 263 | } 264 | .ui.category.search > .results .category .result:last-child { 265 | border-bottom: none; 266 | } 267 | 268 | /* Category Result Name */ 269 | .ui.category.search > .results .category > .name { 270 | width: 100px; 271 | background: #f0f0f0; 272 | font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; 273 | font-size: 1em; 274 | float: 1em; 275 | float: left; 276 | padding: 0.4em 1em; 277 | font-weight: bold; 278 | color: rgba(0, 0, 0, 0.4); 279 | } 280 | 281 | 282 | /******************************* 283 | Variations 284 | *******************************/ 285 | 286 | 287 | /*------------------- 288 | Left / Right 289 | --------------------*/ 290 | 291 | .ui[class*="left aligned"].search > .results { 292 | right: auto; 293 | left: 0%; 294 | } 295 | .ui[class*="right aligned"].search > .results { 296 | right: 0%; 297 | left: auto; 298 | } 299 | 300 | /*-------------- 301 | Fluid 302 | ---------------*/ 303 | 304 | .ui.fluid.search .results { 305 | width: 100%; 306 | } 307 | 308 | /*-------------- 309 | Sizes 310 | ---------------*/ 311 | 312 | .ui.search { 313 | font-size: 1em; 314 | } 315 | .ui.large.search { 316 | font-size: 1.1em; 317 | } 318 | 319 | 320 | /******************************* 321 | Theme Overrides 322 | *******************************/ 323 | 324 | 325 | 326 | /******************************* 327 | Site Overrides 328 | *******************************/ 329 | 330 | -------------------------------------------------------------------------------- /lib/semantic-ui/components/shape.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Semantic UI 1.10.4 - 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 | Shape 15 | *******************************/ 16 | 17 | .ui.shape { 18 | position: relative; 19 | display: inline-block; 20 | -webkit-perspective: 2000px; 21 | perspective: 2000px; 22 | } 23 | .ui.shape .sides { 24 | -webkit-transform-style: preserve-3d; 25 | transform-style: preserve-3d; 26 | } 27 | .ui.shape .side { 28 | opacity: 1; 29 | width: 100%; 30 | margin: 0em !important; 31 | -webkit-backface-visibility: hidden; 32 | backface-visibility: hidden; 33 | } 34 | .ui.shape .side { 35 | display: none; 36 | } 37 | .ui.shape .side > * { 38 | -webkit-backface-visibility: visible !important; 39 | backface-visibility: visible !important; 40 | } 41 | 42 | 43 | /******************************* 44 | Types 45 | *******************************/ 46 | 47 | .ui.cube.shape .side { 48 | min-width: 15em; 49 | height: 15em; 50 | padding: 2em; 51 | background-color: #e6e6e6; 52 | color: rgba(0, 0, 0, 0.8); 53 | box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); 54 | } 55 | .ui.cube.shape .side > .content { 56 | width: 100%; 57 | height: 100%; 58 | display: table; 59 | text-align: center; 60 | -webkit-user-select: text; 61 | -moz-user-select: text; 62 | -ms-user-select: text; 63 | user-select: text; 64 | } 65 | .ui.cube.shape .side > .content > div { 66 | display: table-cell; 67 | vertical-align: middle; 68 | font-size: 2em; 69 | } 70 | 71 | 72 | /******************************* 73 | Variations 74 | *******************************/ 75 | 76 | .ui.text.shape.animating .sides { 77 | position: static; 78 | } 79 | .ui.text.shape .side { 80 | white-space: nowrap; 81 | } 82 | .ui.text.shape .side > * { 83 | white-space: normal; 84 | } 85 | 86 | 87 | /******************************* 88 | States 89 | *******************************/ 90 | 91 | 92 | /*-------------- 93 | Loading 94 | ---------------*/ 95 | 96 | .ui.loading.shape { 97 | position: absolute; 98 | top: -9999px; 99 | left: -9999px; 100 | } 101 | 102 | /*-------------- 103 | Animating 104 | ---------------*/ 105 | 106 | .ui.shape .animating.side { 107 | position: absolute; 108 | top: 0px; 109 | left: 0px; 110 | z-index: 100; 111 | } 112 | .ui.shape .hidden.side { 113 | opacity: 0.4; 114 | } 115 | 116 | /*-------------- 117 | CSS 118 | ---------------*/ 119 | 120 | .ui.shape.animating { 121 | -webkit-transition: all 0.6s ease-in-out; 122 | transition: all 0.6s ease-in-out; 123 | } 124 | .ui.shape.animating .sides { 125 | position: absolute; 126 | } 127 | .ui.shape.animating .sides { 128 | -webkit-transition: all 0.6s ease-in-out; 129 | transition: all 0.6s ease-in-out; 130 | } 131 | .ui.shape.animating .side { 132 | -webkit-transition: opacity 0.6s ease-in-out; 133 | transition: opacity 0.6s ease-in-out; 134 | } 135 | 136 | /*-------------- 137 | Active 138 | ---------------*/ 139 | 140 | .ui.shape .active.side { 141 | display: block; 142 | } 143 | 144 | 145 | /******************************* 146 | Theme Overrides 147 | *******************************/ 148 | 149 | 150 | 151 | /******************************* 152 | User Overrides 153 | *******************************/ 154 | 155 | -------------------------------------------------------------------------------- /lib/semantic-ui/components/site.css: -------------------------------------------------------------------------------- 1 | @import 'https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin'; 2 | /*! 3 | * # Semantic UI - Site 4 | * http://github.com/semantic-org/semantic-ui/ 5 | * 6 | * 7 | * Copyright 2014 Contributors 8 | * Released under the MIT license 9 | * http://opensource.org/licenses/MIT 10 | * 11 | */ 12 | 13 | 14 | /******************************* 15 | Page 16 | *******************************/ 17 | 18 | html, 19 | body { 20 | height: 100%; 21 | } 22 | html { 23 | font-size: 14px; 24 | } 25 | body { 26 | margin: 0px; 27 | padding: 0px; 28 | min-width: 278px; 29 | background: #f7f7f7; 30 | font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; 31 | font-size: 14px; 32 | line-height: 1.33; 33 | color: rgba(0, 0, 0, 0.8); 34 | font-smoothing: antialiased; 35 | } 36 | 37 | 38 | /******************************* 39 | Headers 40 | *******************************/ 41 | 42 | h1, 43 | h2, 44 | h3, 45 | h4, 46 | h5 { 47 | font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; 48 | line-height: 1.33em; 49 | margin: -webkit-calc(2rem - 0.165em ) 0em 1rem; 50 | margin: calc(2rem - 0.165em ) 0em 1rem; 51 | font-weight: bold; 52 | padding: 0em; 53 | } 54 | h1 { 55 | min-height: 1rem; 56 | font-size: 2rem; 57 | } 58 | h2 { 59 | font-size: 1.714rem; 60 | } 61 | h3 { 62 | font-size: 1.28rem; 63 | } 64 | h4 { 65 | font-size: 1.071rem; 66 | } 67 | h5 { 68 | font-size: 1rem; 69 | } 70 | 71 | 72 | /******************************* 73 | Text 74 | *******************************/ 75 | 76 | p { 77 | margin: 0em 0em 1em; 78 | line-height: 1.33; 79 | } 80 | p:first-child { 81 | margin-top: 0em; 82 | } 83 | p:last-child { 84 | margin-bottom: 0em; 85 | } 86 | 87 | /*------------------- 88 | Links 89 | --------------------*/ 90 | 91 | a { 92 | color: #009fda; 93 | text-decoration: none; 94 | } 95 | a:hover { 96 | color: #00b2f3; 97 | } 98 | 99 | 100 | /******************************* 101 | Highlighting 102 | *******************************/ 103 | 104 | 105 | /* Site */ 106 | ::-webkit-selection { 107 | background-color: #cce2ff; 108 | color: rgba(0, 0, 0, 0.8); 109 | } 110 | ::-moz-selection { 111 | background-color: #cce2ff; 112 | color: rgba(0, 0, 0, 0.8); 113 | } 114 | ::selection { 115 | background-color: #cce2ff; 116 | color: rgba(0, 0, 0, 0.8); 117 | } 118 | 119 | /* Form */ 120 | textarea::-webkit-selection, 121 | input::-webkit-selection { 122 | background-color: rgba(100, 100, 100, 0.4); 123 | color: rgba(0, 0, 0, 0.8); 124 | } 125 | textarea::-moz-selection, 126 | input::-moz-selection { 127 | background-color: rgba(100, 100, 100, 0.4); 128 | color: rgba(0, 0, 0, 0.8); 129 | } 130 | textarea::selection, 131 | input::selection { 132 | background-color: rgba(100, 100, 100, 0.4); 133 | color: rgba(0, 0, 0, 0.8); 134 | } 135 | 136 | 137 | /******************************* 138 | Global Overrides 139 | *******************************/ 140 | 141 | 142 | 143 | /******************************* 144 | Site Overrides 145 | *******************************/ 146 | 147 | -------------------------------------------------------------------------------- /lib/semantic-ui/components/statistic.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Semantic UI 1.10.4 - Statistic 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 | Statistic 15 | *******************************/ 16 | 17 | 18 | /* Standalone */ 19 | .ui.statistic { 20 | display: inline-block; 21 | margin: 1em 0em; 22 | max-width: 175px; 23 | } 24 | .ui.statistic + .ui.statistic { 25 | margin: 0em 0em 0em 1em; 26 | } 27 | .ui.statistic:first-child { 28 | margin-top: 0em; 29 | } 30 | .ui.statistic:last-child { 31 | margin-bottom: 0em; 32 | } 33 | 34 | /* Grouped */ 35 | .ui.statistics > .statistic { 36 | display: block; 37 | float: left; 38 | margin: 0em 1em 2em; 39 | max-width: 175px; 40 | } 41 | 42 | 43 | /******************************* 44 | Group 45 | *******************************/ 46 | 47 | .ui.statistics { 48 | display: block; 49 | margin: 1em -1em; 50 | } 51 | 52 | /* Clearing */ 53 | .ui.statistics:after { 54 | display: block; 55 | content: ' '; 56 | height: 0px; 57 | clear: both; 58 | overflow: hidden; 59 | visibility: hidden; 60 | } 61 | .ui.statistics:first-child { 62 | margin-top: 0em; 63 | } 64 | .ui.statistics:last-child { 65 | margin-bottom: 0em; 66 | } 67 | 68 | 69 | /******************************* 70 | Content 71 | *******************************/ 72 | 73 | 74 | /*-------------- 75 | Value 76 | ---------------*/ 77 | 78 | .ui.statistics .statistic > .value, 79 | .ui.statistic > .value { 80 | font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; 81 | font-size: 4rem; 82 | font-weight: normal; 83 | line-height: 1em; 84 | color: #1b1c1d; 85 | text-transform: uppercase; 86 | text-align: center; 87 | } 88 | 89 | /*-------------- 90 | Label 91 | ---------------*/ 92 | 93 | .ui.statistics .statistic > .label, 94 | .ui.statistic > .label { 95 | font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; 96 | font-size: 1rem; 97 | font-weight: normal; 98 | color: rgba(0, 0, 0, 0.4); 99 | text-transform: none; 100 | text-align: center; 101 | } 102 | 103 | /* Top Label */ 104 | .ui.statistics .statistic > .label ~ .value, 105 | .ui.statistic > .label ~ .value { 106 | margin-top: 0rem; 107 | } 108 | 109 | /* Bottom Label */ 110 | .ui.statistics .statistic > .value ~ .label, 111 | .ui.statistic > .value ~ .label { 112 | margin-top: 0.25rem; 113 | } 114 | 115 | 116 | /******************************* 117 | Types 118 | *******************************/ 119 | 120 | 121 | /*-------------- 122 | Icon Value 123 | ---------------*/ 124 | 125 | .ui.statistics .statistic > .value .icon, 126 | .ui.statistic > .value .icon { 127 | opacity: 1; 128 | width: auto; 129 | margin: 0em; 130 | } 131 | 132 | /*-------------- 133 | Text Value 134 | ---------------*/ 135 | 136 | .ui.statistics .statistic > .text.value, 137 | .ui.statistic > .text.value { 138 | line-height: 1em; 139 | min-height: 2em; 140 | text-align: center; 141 | } 142 | .ui.statistics .statistic > .text.value + .label, 143 | .ui.statistic > .text.value + .label { 144 | text-align: center; 145 | } 146 | 147 | /*-------------- 148 | Image Value 149 | ---------------*/ 150 | 151 | .ui.statistics .statistic > .value img, 152 | .ui.statistic > .value img { 153 | max-height: 3rem; 154 | vertical-align: baseline; 155 | } 156 | 157 | 158 | /******************************* 159 | Variations 160 | *******************************/ 161 | 162 | 163 | /*-------------- 164 | Horizontal 165 | ---------------*/ 166 | 167 | .ui.horizontal.statistics, 168 | .ui.horizontal.statistic { 169 | display: block; 170 | margin: 0em; 171 | max-width: 9999px; 172 | } 173 | .ui.horizontal.statistics .statistic { 174 | float: none; 175 | margin: 1em 0em; 176 | max-width: 9999px; 177 | } 178 | .ui.horizontal.statistic > .text.value, 179 | .ui.horizontal.statistics > .statistic > .text.value { 180 | min-height: 0em !important; 181 | } 182 | .ui.horizontal.statistics .statistic > .value .icon, 183 | .ui.horizontal.statistic > .value .icon { 184 | width: 1.18em; 185 | } 186 | .ui.horizontal.statistics .statistic > .value, 187 | .ui.horizontal.statistic > .value { 188 | display: inline-block; 189 | vertical-align: middle; 190 | } 191 | .ui.horizontal.statistics .statistic > .label, 192 | .ui.horizontal.statistic > .label { 193 | display: inline-block; 194 | vertical-align: middle; 195 | margin: 0em 0em 0em 0.75em; 196 | } 197 | 198 | /*-------------- 199 | Colors 200 | ---------------*/ 201 | 202 | .ui.blue.statistics .statistic > .value, 203 | .ui.statistics .blue.statistic > .value, 204 | .ui.blue.statistic > .value { 205 | color: #3b83c0; 206 | } 207 | .ui.green.statistics .statistic > .value, 208 | .ui.statistics .green.statistic > .value, 209 | .ui.green.statistic > .value { 210 | color: #5bbd72; 211 | } 212 | .ui.orange.statistics .statistic > .value, 213 | .ui.statistics .orange.statistic > .value, 214 | .ui.orange.statistic > .value { 215 | color: #e07b53; 216 | } 217 | .ui.pink.statistics .statistic > .value, 218 | .ui.statistics .pink.statistic > .value, 219 | .ui.pink.statistic > .value { 220 | color: #d9499a; 221 | } 222 | .ui.purple.statistics .statistic > .value, 223 | .ui.statistics .purple.statistic > .value, 224 | .ui.purple.statistic > .value { 225 | color: #564f8a; 226 | } 227 | .ui.red.statistics .statistic > .value, 228 | .ui.statistics .red.statistic > .value, 229 | .ui.red.statistic > .value { 230 | color: #d95c5c; 231 | } 232 | .ui.teal.statistics .statistic > .value, 233 | .ui.statistics .teal.statistic > .value, 234 | .ui.teal.statistic > .value { 235 | color: #00b5ad; 236 | } 237 | .ui.yellow.statistics .statistic > .value, 238 | .ui.statistics .yellow.statistic > .value, 239 | .ui.yellow.statistic > .value { 240 | color: #f2c61f; 241 | } 242 | 243 | /*-------------- 244 | Floated 245 | ---------------*/ 246 | 247 | .ui[class*="left floated"].statistic { 248 | float: left; 249 | margin: 0em 2em 1em 0em; 250 | } 251 | .ui[class*="right floated"].statistic { 252 | float: right; 253 | margin: 0em 0em 1em 2em; 254 | } 255 | .ui.floated.statistic:last-child { 256 | margin-bottom: 0em; 257 | } 258 | 259 | /*-------------- 260 | Inverted 261 | ---------------*/ 262 | 263 | .ui.inverted.statistic .value { 264 | color: #ffffff; 265 | } 266 | .ui.inverted.statistic .label { 267 | color: rgba(255, 255, 255, 0.8); 268 | } 269 | .ui.inverted.blue.statistics .statistic > .value, 270 | .ui.statistics .inverted.blue.statistic > .value, 271 | .ui.inverted.blue.statistic > .value { 272 | color: #54c8ff; 273 | } 274 | .ui.inverted.green.statistics .statistic > .value, 275 | .ui.statistics .inverted.green.statistic > .value, 276 | .ui.inverted.green.statistic > .value { 277 | color: #2ecc40; 278 | } 279 | .ui.inverted.orange.statistics .statistic > .value, 280 | .ui.statistics .inverted.orange.statistic > .value, 281 | .ui.inverted.orange.statistic > .value { 282 | color: #ff851b; 283 | } 284 | .ui.inverted.pink.statistics .statistic > .value, 285 | .ui.statistics .inverted.pink.statistic > .value, 286 | .ui.inverted.pink.statistic > .value { 287 | color: #ff8edf; 288 | } 289 | .ui.inverted.purple.statistics .statistic > .value, 290 | .ui.statistics .inverted.purple.statistic > .value, 291 | .ui.inverted.purple.statistic > .value { 292 | color: #cdc6ff; 293 | } 294 | .ui.inverted.red.statistics .statistic > .value, 295 | .ui.statistics .inverted.red.statistic > .value, 296 | .ui.inverted.red.statistic > .value { 297 | color: #ff695e; 298 | } 299 | .ui.inverted.teal.statistics .statistic > .value, 300 | .ui.statistics .inverted.teal.statistic > .value, 301 | .ui.inverted.teal.statistic > .value { 302 | color: #6dffff; 303 | } 304 | .ui.inverted.yellow.statistics .statistic > .value, 305 | .ui.statistics .inverted.yellow.statistic > .value, 306 | .ui.inverted.yellow.statistic > .value { 307 | color: #ffe21f; 308 | } 309 | 310 | /*-------------- 311 | Sizes 312 | ---------------*/ 313 | 314 | 315 | /* Mini */ 316 | .ui.mini.statistics .statistic > .value, 317 | .ui.mini.statistic > .value { 318 | font-size: 1.5rem; 319 | } 320 | .ui.mini.horizontal.statistics .statistic > .value, 321 | .ui.mini.horizontal.statistic > .value { 322 | font-size: 1.5rem; 323 | } 324 | .ui.mini.statistics .statistic > .text.value, 325 | .ui.mini.statistic > .text.value { 326 | font-size: 1rem; 327 | } 328 | 329 | /* Tiny */ 330 | .ui.tiny.statistics .statistic > .value, 331 | .ui.tiny.statistic > .value { 332 | font-size: 2rem; 333 | } 334 | .ui.tiny.horizontal.statistics .statistic > .value, 335 | .ui.tiny.horizontal.statistic > .value { 336 | font-size: 2rem; 337 | } 338 | .ui.tiny.statistics .statistic > .text.value, 339 | .ui.tiny.statistic > .text.value { 340 | font-size: 1rem; 341 | } 342 | 343 | /* Small */ 344 | .ui.small.statistics .statistic > .value, 345 | .ui.small.statistic > .value { 346 | font-size: 3rem; 347 | } 348 | .ui.small.horizontal.statistics .statistic > .value, 349 | .ui.small.horizontal.statistic > .value { 350 | font-size: 2rem; 351 | } 352 | .ui.small.statistics .statistic > .text.value, 353 | .ui.small.statistic > .text.value { 354 | font-size: 1.5rem; 355 | } 356 | 357 | /* Medium */ 358 | .ui.statistics .statistic > .value, 359 | .ui.statistic > .value { 360 | font-size: 4rem; 361 | } 362 | .ui.horizontal.statistics .statistic > .value, 363 | .ui.horizontal.statistic > .value { 364 | font-size: 3rem; 365 | } 366 | .ui.statistics .statistic > .text.value, 367 | .ui.statistic > .text.value { 368 | font-size: 2rem; 369 | } 370 | 371 | /* Large */ 372 | .ui.large.statistics .statistic > .value, 373 | .ui.large.statistic > .value { 374 | font-size: 5rem; 375 | } 376 | .ui.large.horizontal.statistics .statistic > .value, 377 | .ui.large.horizontal.statistic > .value { 378 | font-size: 4rem; 379 | } 380 | .ui.large.statistics .statistic > .text.value, 381 | .ui.large.statistic > .text.value { 382 | font-size: 2.5rem; 383 | } 384 | 385 | /* Huge */ 386 | .ui.huge.statistics .statistic > .value, 387 | .ui.huge.statistic > .value { 388 | font-size: 6rem; 389 | } 390 | .ui.huge.horizontal.statistics .statistic > .value, 391 | .ui.huge.horizontal.statistic > .value { 392 | font-size: 5rem; 393 | } 394 | .ui.huge.statistics .statistic > .text.value, 395 | .ui.huge.statistic > .text.value { 396 | font-size: 2.5rem; 397 | } 398 | 399 | 400 | /******************************* 401 | Theme Overrides 402 | *******************************/ 403 | 404 | 405 | 406 | /******************************* 407 | User Variable Overrides 408 | *******************************/ 409 | 410 | -------------------------------------------------------------------------------- /lib/semantic-ui/components/sticky.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Semantic UI 1.10.4 - 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 | Sticky 15 | *******************************/ 16 | 17 | .ui.sticky { 18 | position: static; 19 | -webkit-transition: width 0.2s ease, height 0.2s ease, top 0.2s ease, bottom 0.2s ease; 20 | transition: width 0.2s ease, height 0.2s ease, top 0.2s ease, bottom 0.2s ease; 21 | z-index: 800; 22 | } 23 | 24 | 25 | /******************************* 26 | States 27 | *******************************/ 28 | 29 | 30 | /* Bound */ 31 | .ui.sticky.bound { 32 | position: absolute; 33 | left: auto; 34 | right: auto; 35 | } 36 | 37 | /* Fixed */ 38 | .ui.sticky.fixed { 39 | position: fixed; 40 | left: auto; 41 | right: auto; 42 | } 43 | 44 | /* Bound/Fixed Position */ 45 | .ui.sticky.bound.top, 46 | .ui.sticky.fixed.top { 47 | top: 0px; 48 | bottom: auto; 49 | } 50 | .ui.sticky.bound.bottom, 51 | .ui.sticky.fixed.bottom { 52 | top: auto; 53 | bottom: 0px; 54 | } 55 | 56 | 57 | /******************************* 58 | Types 59 | *******************************/ 60 | 61 | .ui.native.sticky { 62 | position: -webkit-sticky; 63 | position: -moz-sticky; 64 | position: -ms-sticky; 65 | position: -o-sticky; 66 | position: sticky; 67 | } 68 | 69 | 70 | /******************************* 71 | Theme Overrides 72 | *******************************/ 73 | 74 | 75 | 76 | /******************************* 77 | Site Overrides 78 | *******************************/ 79 | 80 | -------------------------------------------------------------------------------- /lib/semantic-ui/components/tab.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Semantic UI 1.10.4 - 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 | UI Tabs 15 | *******************************/ 16 | 17 | .ui.tab { 18 | display: none; 19 | } 20 | 21 | 22 | /******************************* 23 | States 24 | *******************************/ 25 | 26 | 27 | /*-------------------- 28 | Active 29 | ---------------------*/ 30 | 31 | .ui.tab.active, 32 | .ui.tab.open { 33 | display: block; 34 | } 35 | 36 | /*-------------------- 37 | Loading 38 | ---------------------*/ 39 | 40 | .ui.tab.loading { 41 | position: relative; 42 | overflow: hidden; 43 | display: block; 44 | min-height: 250px; 45 | } 46 | .ui.tab.loading * { 47 | position: relative !important; 48 | left: -10000px !important; 49 | } 50 | .ui.tab.loading:before, 51 | .ui.tab.loading.segment:before { 52 | position: absolute; 53 | content: ''; 54 | top: 100px; 55 | left: 50%; 56 | margin: -1.25em 0em 0em -1.25em; 57 | width: 2.5em; 58 | height: 2.5em; 59 | border-radius: 500rem; 60 | border: 0.2em solid rgba(0, 0, 0, 0.1); 61 | } 62 | .ui.tab.loading:after, 63 | .ui.tab.loading.segment:after { 64 | position: absolute; 65 | content: ''; 66 | top: 100px; 67 | left: 50%; 68 | margin: -1.25em 0em 0em -1.25em; 69 | width: 2.5em; 70 | height: 2.5em; 71 | -webkit-animation: button-spin 0.6s linear; 72 | animation: button-spin 0.6s linear; 73 | -webkit-animation-iteration-count: infinite; 74 | animation-iteration-count: infinite; 75 | border-radius: 500rem; 76 | border-color: #aaaaaa transparent transparent; 77 | border-style: solid; 78 | border-width: 0.2em; 79 | box-shadow: 0px 0px 0px 1px transparent; 80 | } 81 | 82 | 83 | /******************************* 84 | Tab Overrides 85 | *******************************/ 86 | 87 | 88 | 89 | /******************************* 90 | User Overrides 91 | *******************************/ 92 | 93 | -------------------------------------------------------------------------------- /lib/semantic-ui/components/video.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Semantic UI 1.10.4 - 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 | Video 15 | *******************************/ 16 | 17 | .ui.video { 18 | background-color: #dddddd; 19 | position: relative; 20 | max-width: 100%; 21 | padding-bottom: 56.25%; 22 | height: 0px; 23 | overflow: hidden; 24 | } 25 | 26 | /*-------------- 27 | Content 28 | ---------------*/ 29 | 30 | 31 | /* Placeholder Image */ 32 | .ui.video .placeholder { 33 | background-color: #333333; 34 | } 35 | 36 | /* Play Icon Overlay */ 37 | .ui.video .play { 38 | cursor: pointer; 39 | position: absolute; 40 | top: 0px; 41 | left: 0px; 42 | z-index: 10; 43 | width: 100%; 44 | height: 100%; 45 | opacity: 0.8; 46 | -webkit-transition: opacity 0.3s; 47 | transition: opacity 0.3s; 48 | } 49 | .ui.video .play.icon:before { 50 | position: absolute; 51 | top: 50%; 52 | left: 50%; 53 | z-index: 11; 54 | background: rgba(0, 0, 0, 0.3); 55 | width: 8rem; 56 | height: 8rem; 57 | line-height: 8rem; 58 | border-radius: 500rem; 59 | color: #ffffff; 60 | font-size: 8rem; 61 | text-shadow: none; 62 | -webkit-transform: translateX(-50%) translateY(-50%); 63 | -ms-transform: translateX(-50%) translateY(-50%); 64 | transform: translateX(-50%) translateY(-50%); 65 | } 66 | .ui.video .placeholder { 67 | position: absolute; 68 | top: 0px; 69 | left: 0px; 70 | display: block; 71 | width: 100%; 72 | height: 100%; 73 | } 74 | 75 | /* IFrame Embed */ 76 | .ui.video .embed iframe, 77 | .ui.video .embed embed, 78 | .ui.video .embed object { 79 | position: absolute; 80 | border: none; 81 | width: 100%; 82 | height: 100%; 83 | top: 0px; 84 | left: 0px; 85 | margin: 0em; 86 | padding: 0em; 87 | } 88 | 89 | 90 | /******************************* 91 | States 92 | *******************************/ 93 | 94 | 95 | /*-------------- 96 | Hover 97 | ---------------*/ 98 | 99 | .ui.video .play:hover { 100 | opacity: 1; 101 | } 102 | 103 | /*-------------- 104 | Active 105 | ---------------*/ 106 | 107 | .ui.video.active .play, 108 | .ui.video.active .placeholder { 109 | display: none; 110 | } 111 | .ui.video.active .embed { 112 | display: inline; 113 | } 114 | 115 | 116 | /******************************* 117 | Video Overrides 118 | *******************************/ 119 | 120 | 121 | 122 | /******************************* 123 | Site Overrides 124 | *******************************/ 125 | 126 | -------------------------------------------------------------------------------- /lib/semantic-ui/themes/default/assets/fonts/icons.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nooitaf/meteor-semantic-ui/b7a004f6e9eba31bdb5eb32845f9d533672bae5b/lib/semantic-ui/themes/default/assets/fonts/icons.eot -------------------------------------------------------------------------------- /lib/semantic-ui/themes/default/assets/fonts/icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nooitaf/meteor-semantic-ui/b7a004f6e9eba31bdb5eb32845f9d533672bae5b/lib/semantic-ui/themes/default/assets/fonts/icons.ttf -------------------------------------------------------------------------------- /lib/semantic-ui/themes/default/assets/fonts/icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nooitaf/meteor-semantic-ui/b7a004f6e9eba31bdb5eb32845f9d533672bae5b/lib/semantic-ui/themes/default/assets/fonts/icons.woff -------------------------------------------------------------------------------- /lib/semantic-ui/themes/default/assets/fonts/icons.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nooitaf/meteor-semantic-ui/b7a004f6e9eba31bdb5eb32845f9d533672bae5b/lib/semantic-ui/themes/default/assets/fonts/icons.woff2 -------------------------------------------------------------------------------- /lib/semantic-ui/themes/default/assets/images/flags.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nooitaf/meteor-semantic-ui/b7a004f6e9eba31bdb5eb32845f9d533672bae5b/lib/semantic-ui/themes/default/assets/images/flags.png -------------------------------------------------------------------------------- /package.js: -------------------------------------------------------------------------------- 1 | Package.describe({ 2 | summary: "Semantic UI packaged for Meteor [deprecated]", 3 | version: "1.10.4", 4 | name: "nooitaf:semantic-ui", 5 | git: "https://github.com/nooitaf/meteor-semantic-ui.git" 6 | }); 7 | 8 | 9 | Package.on_use(function (api) { 10 | api.versionsFrom('1.0'); 11 | api.use('jquery','client'); 12 | 13 | var path = Npm.require('path'); 14 | 15 | var assetPath = path.join('lib/semantic-ui/'); 16 | var assetFiles = [ 17 | 'deprecated-warning.js', 18 | assetPath + 'components/ad.css', 19 | assetPath + 'components/accordion.css', 20 | assetPath + 'components/accordion.js', 21 | assetPath + 'components/api.js', 22 | assetPath + 'components/breadcrumb.css', 23 | assetPath + 'components/button.css', 24 | assetPath + 'components/card.css', 25 | assetPath + 'components/checkbox.css', 26 | assetPath + 'components/checkbox.js', 27 | assetPath + 'components/colorize.js', 28 | assetPath + 'components/comment.css', 29 | assetPath + 'components/dimmer.css', 30 | assetPath + 'components/dimmer.js', 31 | assetPath + 'components/divider.css', 32 | assetPath + 'components/dropdown.css', 33 | assetPath + 'components/dropdown.js', 34 | assetPath + 'components/feed.css', 35 | assetPath + 'components/flag.css', 36 | assetPath + 'components/form.css', 37 | assetPath + 'components/form.js', 38 | assetPath + 'components/grid.css', 39 | assetPath + 'components/header.css', 40 | assetPath + 'components/icon.css', 41 | assetPath + 'components/image.css', 42 | assetPath + 'components/input.css', 43 | assetPath + 'components/item.css', 44 | assetPath + 'components/label.css', 45 | assetPath + 'components/list.css', 46 | assetPath + 'components/loader.css', 47 | assetPath + 'components/menu.css', 48 | assetPath + 'components/message.css', 49 | assetPath + 'components/modal.css', 50 | assetPath + 'components/modal.js', 51 | assetPath + 'components/nag.css', 52 | assetPath + 'components/nag.js', 53 | assetPath + 'components/popup.css', 54 | assetPath + 'components/popup.js', 55 | assetPath + 'components/progress.css', 56 | assetPath + 'components/progress.js', 57 | assetPath + 'components/rail.css', 58 | assetPath + 'components/rating.css', 59 | assetPath + 'components/rating.js', 60 | assetPath + 'components/reset.css', 61 | assetPath + 'components/reveal.css', 62 | assetPath + 'components/search.css', 63 | assetPath + 'components/search.js', 64 | assetPath + 'components/segment.css', 65 | assetPath + 'components/shape.css', 66 | assetPath + 'components/shape.js', 67 | assetPath + 'components/sidebar.css', 68 | assetPath + 'components/sidebar.js', 69 | assetPath + 'components/site.css', 70 | assetPath + 'components/site.js', 71 | assetPath + 'components/state.js', 72 | assetPath + 'components/statistic.css', 73 | assetPath + 'components/step.css', 74 | assetPath + 'components/sticky.css', 75 | assetPath + 'components/sticky.js', 76 | assetPath + 'components/tab.css', 77 | assetPath + 'components/tab.js', 78 | assetPath + 'components/table.css', 79 | assetPath + 'components/transition.css', 80 | assetPath + 'components/transition.js', 81 | assetPath + 'components/video.css', 82 | assetPath + 'components/video.js', 83 | assetPath + 'components/visibility.js', 84 | assetPath + 'components/visit.js', 85 | assetPath + 'themes/default/assets/fonts/icons.eot', 86 | assetPath + 'themes/default/assets/fonts/icons.svg', 87 | assetPath + 'themes/default/assets/fonts/icons.ttf', 88 | assetPath + 'themes/default/assets/fonts/icons.woff', 89 | assetPath + 'themes/default/assets/fonts/icons.woff2', 90 | assetPath + 'themes/default/assets/images/flags.png' 91 | ]; 92 | api.add_files(assetFiles, 'client'); 93 | 94 | // jquery-address dependancy 95 | // ---------------------------- 96 | // (TODO: create package) 97 | // ---------------------------- 98 | api.add_files('lib/jquery-address/jquery.address.js', 'client'); 99 | 100 | }); 101 | -------------------------------------------------------------------------------- /versions.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": [ 3 | [ 4 | "jquery", 5 | "1.0.1" 6 | ], 7 | [ 8 | "meteor", 9 | "1.1.3" 10 | ], 11 | [ 12 | "underscore", 13 | "1.0.1" 14 | ] 15 | ], 16 | "pluginDependencies": [], 17 | "toolVersion": "meteor-tool@1.0.36", 18 | "format": "1.0" 19 | } --------------------------------------------------------------------------------