├── .gitignore ├── .travis.yml ├── Gruntfile.js ├── LICENSE ├── README.RU.MD ├── README.md ├── assets ├── font-awesome │ ├── HELP-US-OUT.txt │ ├── css │ │ ├── font-awesome.css │ │ └── font-awesome.min.css │ ├── fonts │ │ ├── FontAwesome.otf │ │ ├── fontawesome-webfont.eot │ │ ├── fontawesome-webfont.svg │ │ ├── fontawesome-webfont.ttf │ │ ├── fontawesome-webfont.woff │ │ └── fontawesome-webfont.woff2 │ ├── less │ │ ├── animated.less │ │ ├── bordered-pulled.less │ │ ├── core.less │ │ ├── fixed-width.less │ │ ├── font-awesome.less │ │ ├── icons.less │ │ ├── larger.less │ │ ├── list.less │ │ ├── mixins.less │ │ ├── path.less │ │ ├── rotated-flipped.less │ │ ├── stacked.less │ │ └── variables.less │ └── scss │ │ ├── _animated.scss │ │ ├── _bordered-pulled.scss │ │ ├── _core.scss │ │ ├── _fixed-width.scss │ │ ├── _icons.scss │ │ ├── _larger.scss │ │ ├── _list.scss │ │ ├── _mixins.scss │ │ ├── _path.scss │ │ ├── _rotated-flipped.scss │ │ ├── _stacked.scss │ │ ├── _variables.scss │ │ └── font-awesome.scss ├── jquery.pwstabs.css ├── jquery.pwstabs.js ├── jquery.pwstabs.min.css ├── jquery.pwstabs.min.js └── sass │ ├── crosass │ ├── _crosass_init.scss │ └── lib │ │ ├── _borderradius.scss │ │ ├── _boxsizing.scss │ │ ├── _functions.scss │ │ ├── _global.scss │ │ └── _transitions.scss │ └── jquery.pwstabs.scss ├── bower.json ├── examples ├── examples.html ├── mixedexample.jpg ├── responsive.html └── styles.css ├── grunt ├── aliases.yaml ├── autoprefixer.js ├── sass.js └── watch.js └── package.json /.gitignore: -------------------------------------------------------------------------------- 1 | nbproject/* 2 | node_modules/* 3 | assets/jquery.pwstabs.old.css 4 | assets/jquery.css.map 5 | assets/sass/jquery.pwstabs.scss.map 6 | .sass-cache 7 | .netbeans.xml 8 | assets/jquery.pwstabs.css.map 9 | -------------------------------------------------------------------------------- /.travis.yml: -------------------------------------------------------------------------------- 1 | language: node_js 2 | node_js: 3 | - "4.1" 4 | - "4.0" 5 | - "0.12" 6 | - "0.11" 7 | - "0.10" 8 | - "iojs" 9 | -------------------------------------------------------------------------------- /Gruntfile.js: -------------------------------------------------------------------------------- 1 | module.exports = function(grunt){ 2 | require('load-grunt-config')(grunt); 3 | }; -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2015 Alex Chizhov 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | 23 | -------------------------------------------------------------------------------- /README.RU.MD: -------------------------------------------------------------------------------- 1 | # [PWS Tabs jQuery Plugin](http://alexchizhov.com/pwstabs)[1.5.0](#%D0%92%D0%B5%D1%80%D1%81%D0%B8%D1%8F-150-20122016) [![Build Status](https://travis-ci.org/alexchizhovcom/pwstabs.svg?branch=master)](https://travis-ci.org/alexchizhovcom/pwstabs) 2 | 3 | #### PWS Tabs адаптивный, функциональный jQuery плагин, с интересными эффектами переключения вкладок выполненных с CSS3. 4 | 5 | ## Вложенные вкладкиновая возможность 6 | PWS Tabs jQuery Plugin поддерживает вложенные вкладно неограниченной глубины. Вы можете добавлять неограниченное количество вкладок внутрь вкладок. 7 | 8 | ## PWS Tabs адаптивный! 9 | ![Preview](http://alexchizhov.com/pwstabs/screenshots/pwstabsresponsive600.jpg) ![Preview](http://alexchizhov.com/pwstabs/screenshots/pwstabsresponsive600menu.jpg) 10 | 11 | ## Установка с Bower 12 | 13 | `$ bower install pwstabs` 14 | 15 | ## Демо 16 | 17 | Онлайн демо(английский): [http://alexchizhov.com/pwstabs](http://alexchizhov.com/pwstabs) 18 | 19 | ![Preview](http://alexchizhov.com/pwstabs/screenshots/pwstabs1.2.0.jpg) 20 | 21 | ## Документация 22 | 23 | ### Начало работы 24 | 25 | 1) Подключите jQuery библиотеку и jQuery PWS Tabs плагин внутри `` секции. 26 | ```html 27 | 28 | 29 | 30 | 31 | ``` 32 | 33 | 2) Создайте вкладки используя HTML5 `data-pws-*` атрибут, чтобы указать ID и Название вкладок. 34 | ```html 35 |
36 | 37 |
Первая вкладка
38 |
Вторая вкладка
39 |
Третья вкладка
40 | 41 |
42 | ``` 43 | 44 | `data-pws-tab` используется для инициализация вкладки и указания ее ID. 45 | 46 | `data-pws-tab-name` используется для указания Заголовка вкладки. 47 | 48 | 3) Вызовете плагин на родительском элементе относительно вкладок со 100% шириной и эффектом 'scale'. 49 | ```js 50 | jQuery(function($){ 51 | $('.hello_world').pwstabs(); 52 | }); 53 | ``` 54 | 55 | 4) Доступные параметры для настройки плагина. 56 | ```js 57 | jQuery(function($){ 58 | $('.hello_world').pwstabs({ 59 | 60 | // scale / slideleft / slideright / slidetop / slidedown / none 61 | // slace - увеличение 62 | // slideleft - прокрутка влево 63 | // slideright - прокрутка вправо 64 | // slidetop - прокрутка вверх 65 | // slidedown - прокрутка вниз 66 | // none - без эффекта 67 | effect: 'scale', 68 | 69 | // Номер вкладки для отображения по умолчанию 70 | defaultTab: 1, 71 | 72 | // Установить ширину контейнера 73 | // Любое значение (размер) (1,2,3.. / px,pt,em,%,cm..) 74 | containerWidth: '100%', 75 | 76 | // Позиционирование вкладок: horizontal / vertical (горизонтальное / вертикальное) 77 | tabsPosition: 'horizontal', 78 | 79 | // Горизонтальное позиционирование вкладок: top / bottom (верх / низ) 80 | horizontalPosition: 'top', 81 | 82 | // Вертикальное позиционирование вкладок: left / right (слева / справа) 83 | verticalPosition: 'left', 84 | 85 | // БЕТА: Включить адаптивность контейнера: true / false (!!! БЕТА) 86 | responsive: false, 87 | 88 | // Доступные темы: default: '' / pws_theme_violet / pws_theme_green / pws_theme_yellow 89 | // pws_theme_gold / pws_theme_orange / pws_theme_red / pws_theme_purple / pws_theme_grey 90 | theme: '', 91 | 92 | // Поддержка для языков читаемых справа налево (RTL): true / false 93 | rtl: false, 94 | 95 | // callback функция перед первой инициализацией плагина 96 | onBeforeFirstInit: function() {}, 97 | 98 | // callback функция после первой инициализации плагина 99 | onAfterFirstInit: function() {}, 100 | 101 | // callback функция перед инициализацией плагина 102 | onBeforeInit: function() {}, 103 | 104 | // callback функция после инициализации плагина 105 | onAfterInit: function() {}, 106 | 107 | // callback функция перед сменой вкладки 108 | onBeforeChange: function() {}, 109 | 110 | // callback функция после смены вкладки 111 | onAfterChange: function() {} 112 | 113 | }); 114 | }); 115 | ``` 116 | 117 |

5) PWS Tabs Plugin поддерживает Font Awesome 4.5.0

118 | 119 |

5.1) Подключите таблицы стилей Font Awesome из директории /assets:

120 | 121 | ```html 122 | 123 | ``` 124 | 125 |

5.2) Используйте HTML5 data-pws-tab-icon атрибут, чтобы установить иконку. Названия иконок можно посмотреть здесь: Font Awesome Icons.

126 | 127 | ```html 128 |
129 | 130 |
Первая вкладка
131 |
Вторая вкладка
132 |
Третья вкладка
133 | 134 |
135 | ``` 136 | 137 | ## Настройки 138 | 139 | 140 | 141 | 142 | 143 | 144 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 155 | 156 | 157 | 158 | 159 | 160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | 170 | 171 | 172 | 173 | 174 | 175 | 176 | 177 | 178 | 179 | 180 | 181 | 182 | 183 | 184 | 185 | 186 | 187 | 188 | 189 | 190 | 191 | 192 | 193 | 194 | 195 | 196 | 197 | 198 | 199 | 200 | 201 | 202 | 203 | 204 | 205 | 206 | 207 | 208 | 209 | 210 | 211 | 212 | 213 | 214 |
ОпцияСтандартноОписаниеДоступные настройкиТип
effectscaleЭффект переключенияscale / slideleft / slideright / slidetop / slidedown / noneстрока
defaultTab1Выбранная по стандарту вкладкаID вкладки, начинается с 1 (1,2,3..)число
containerWidth100%Ширина контейнера со вкладкамиЛюбое значение размера (1,2,3.. / px,pt,em,%,cm..)строка
tabsPositionhorizontalУстановить позиционированиеhorizontal / verticalстрока
horizontalPositiontopУстановить горизонтальное позиционирование вкладокtop / bottomстрока
verticalPositionleftУстановить вертикальное позиционирование вкладокleft / rightстрока
theme''Изменить тему оформления вкладокpws_theme_violet / pws_theme_green
pws_theme_yellow / pws_theme_gold
pws_theme_orange / pws_theme_red
pws_theme_purple / pws_theme_grey
pws_theme_dark_violet / pws_theme_dark_green
pws_theme_dark_yellow / pws_theme_dark_gold
pws_theme_dark_orange / pws_theme_dark_red
pws_theme_dark_purple / pws_theme_dark_grey		строка
responsivefalse!!БЕТА!! Адаптивные вкладкиtrue / falseлогическое
rtlfalseПоддержка языков справа налево (RTL)true / falseлогическое
215 | 216 | 217 | ## Методы 218 | 219 | Начиная с версии 1.5.0 методы доступны для PWS Tabs jQuery Plugin. 220 | 221 | ### destroy() 222 | Уничтожает плагин. Используйте следующий код для вызова метода: 223 | ```js 224 | jQuery(function($){ 225 | $('.hello_world').pwstabs(); 226 | $('.hello_world').pwstabs('destroy'); 227 | }); 228 | ``` 229 | 230 | ### addTab() 231 | Повзоляет динамически добавлять вкладки, например при нажатии на кнопку: 232 | ```js 233 | jQuery(function($){ 234 | $('.hello_world').pwstabs(); 235 | 236 | $('.button').on('click', function(){ 237 | $('.hello_world').pwstabs('addTab', { 238 | id: 'tab4', 239 | name: 'Название вкладки', 240 | icon: 'fa-phone', 241 | content: 'Содержимое четвертой вкладки' 242 | }); 243 | }); 244 | 245 | }); 246 | ``` 247 | Метод принимает 4 параметра:
248 | id - идентификатор вкладки (тоже самое что и `data-pws-tab`)
249 | name - заголовок вкладки (тоже самое что и `data-pws-tab-name`)
250 | icon - название иконки FontAwesome (тоже самое что и `data-pws-tab-icon`)
251 | content - содержимое новой вкладки 252 | 253 | ### removeTab() 254 | Позволяет динамически удалять вкладки, например при нажатии на кнопку: 255 | ```js 256 | jQuery(function($){ 257 | $('.hello_world').pwstabs(); 258 | 259 | $('.button').on('click', function(){ 260 | $('.hello_world').pwstabs('removeTab', 2); 261 | }); 262 | 263 | }); 264 | ``` 265 | Вторая вкладка будет удалена. Если удаляемая вкладка является активной, то будет автоматически выбрана первая вкладка как активная. 266 | 267 | ### setOption() 268 | Вы можете динамически обновлять настройки плагина, после изменения настроек плагин перестраивается. Используйте следующий код для динамического обновления настроек: 269 | ```js 270 | jQuery(function($){ 271 | $('.hello_world').pwstabs(); 272 | 273 | $('.button').on('click', function(){ 274 | $('.hello_world').pwstabs('effect', 'scrolldown'); 275 | $('.hello_world').pwstabs('defaultTab', 3); 276 | }); 277 | 278 | }); 279 | ``` 280 | Первый аргумент - название настройки, второй аргумент - значение. 281 | 282 | ### rebuild() 283 | Перестраивает плагин. Вызывает поочередно методы `destroy()` и `init()`. 284 | ```js 285 | jQuery(function($){ 286 | $('.hello_world').pwstabs(); 287 | 288 | $('.button').on('click', function(){ 289 | $('.hello_world').pwstabs('rebuild'); 290 | }); 291 | 292 | }); 293 | ``` 294 | 295 | ## Хуки (callback функции) 296 | С версии 1.5.0 стали доступны хуки (callback функции). 297 | 298 | ### onBeforeFirstInit() 299 | Вызывается перед методом `init()` только в первый раз инициализации плагина. 300 | ```js 301 | jQuery(function($){ 302 | $('.hello_world').pwstabs({ 303 | onBeforeFirstInit: function() 304 | { 305 | // Ваш код 306 | } 307 | }); 308 | }); 309 | ``` 310 | 311 | ### onAfterFirstInit() 312 | Вызывается после метода `init()` только в первый раз инициализации плагина. 313 | ```js 314 | jQuery(function($){ 315 | $('.hello_world').pwstabs({ 316 | onAfterFirstInit: function() 317 | { 318 | // Ваш код 319 | } 320 | }); 321 | }); 322 | ``` 323 | 324 | ### onBeforeInit() 325 | Вызывается перед методом `init()` каждый раз при инициализации и перестройке плагина. 326 | ```js 327 | jQuery(function($){ 328 | $('.hello_world').pwstabs({ 329 | onBeforeInit: function() 330 | { 331 | // Ваш код 332 | } 333 | }); 334 | }); 335 | ``` 336 | 337 | ### onAfterInit() 338 | Вызывается после метода `init()` каждый раз при инициализации и перестройке плагина. 339 | ```js 340 | jQuery(function($){ 341 | $('.hello_world').pwstabs({ 342 | onAfterInit: function() 343 | { 344 | // Ваш код 345 | } 346 | }); 347 | }); 348 | ``` 349 | 350 | ### onBeforeChange() 351 | Вызывается перед сменой вкладки. 352 | ```js 353 | jQuery(function($){ 354 | $('.hello_world').pwstabs({ 355 | onBeforeChange: function() 356 | { 357 | // Ваш код 358 | } 359 | }); 360 | }); 361 | ``` 362 | 363 | ### onAfterChange() 364 | Вызывается после смены вкладки. 365 | ```js 366 | jQuery(function($){ 367 | $('.hello_world').pwstabs({ 368 | onAfterChange: function() 369 | { 370 | // Ваш код 371 | } 372 | }); 373 | }); 374 | ``` 375 | 376 | 377 | ## История изменений 378 | 379 | ### Версия 1.5.0 (20.12.2016) 380 | 1) Новые callback функции:
381 | onBeforeFirstInit()
382 | onAfterFirstInit()
383 | onBeforeInit()
384 | onAfterInit()
385 | onBeforeChange()
386 | onAfterChange()
387 | 2) Новый методы:
388 | destroy()
389 | addTab()
390 | removeTab()
391 | setOption()
392 | rebuild()
393 | 3) Исправлена ошибка эффектов вложенных вкладок
394 | 4) Исправлена ошибка всплывающего адаптивного меню вкладок 395 | 396 | ### Версия 1.4.0 (06.03.2016) 397 | 1) Вложенные вкладки - новая возможность
398 | 2) Прыгающий шрифт вкладок на iPhone исправлен
399 | 3) Позиционирование вкладок изменено с absolute на relative
400 | 4) Высота контейнера теперь контролируется CSS, а не jQuery
401 | 5) Font awesome обновлен до версии 4.5.0 402 | 403 | ### Версия 1.3.0 (20.08.2015) 404 | 1) Основные CSS и JS файлы больше не включают номер версии в названии
405 | 2) Код почищен и переработан
406 | 3) Вкладки теперь имеют короткие классы pws_show и pws_hide взамен старых с названием эффекта
407 | 4) Классы стилей теперь применяются к контейнеру, а не вкладкам
408 | 5) Новая темная тема для сайтов с белым фоном
409 | 6) Исправлена ширина вертикальных вкладок с иконками
410 | 7) Исправлены отступы вкладок
411 | 8) Папка Font awesome переименована в /font-awesome/
412 | 9) Font awesome обновлен до версии 4.4.0 413 | 414 | ### Версия 1.2.1 (23.01.2015) 415 | 1) Чтобы упростить работу со стилями плагина, добавлены SASS файлы в директорию /assets/sass/.
416 | 2) Основной файл стилей сгенерирован из нового SASS файла (пара изменений с предыдущей версии). 417 | 418 | ### Версия 1.2.0 (21.01.2015) 419 | 1) Адаптивность плагина.
420 | 2) Добавлены темы оформления. 9 цветов на выбор
421 | 3) Оптимизирован код плагина.
422 | 4) Добавлен файл responsive.html в директорию /examples/.
423 | 5) Добавлены примеры цветов в /examples/examples.html 424 | 425 | ### Версии 1.1.X 426 | 1) Базовый функционал плагина 427 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # [PWS Tabs jQuery Plugin](http://alexchizhov.com/pwstabs)[1.5.0](#version-150-20122016) [![Build Status](https://travis-ci.org/alexchizhovcom/pwstabs.svg?branch=master)](https://travis-ci.org/alexchizhovcom/pwstabs) 2 | 3 | #### PWS Tabs is a lightweight jQuery tabs plugin to create responsive flat style tabbed content panels with some cool transition effects powered by CSS3 animations. 4 | 5 | ## Nested tabsnew feature 6 | PWS Tabs jQuery Plugin supports multilevel nested tabs. You can add unlimited tabs inside of tabs with custom settings. 7 | 8 | ## PWS Tabs is Responsive 9 | 10 | ![Preview](http://alexchizhov.com/pwstabs/screenshots/pwstabsresponsive600.jpg) ![Preview](http://alexchizhov.com/pwstabs/screenshots/pwstabsresponsive600menu.jpg) 11 | 12 | ## Install with Bower 13 | 14 | `$ bower install pwstabs` 15 | 16 | ## Demo 17 | 18 | Online demo: [http://alexchizhov.com/pwstabs](http://alexchizhov.com/pwstabs) 19 | 20 | ![Preview](http://alexchizhov.com/pwstabs/screenshots/pwstabs1.2.0.jpg) 21 | 22 | ## Documentation 23 | 24 | ### Getting Started 25 | 26 | 1) Include jQuery library and jQuery PWS Tabs plugin in the `` section. 27 | ```html 28 | 29 | 30 | 31 | 32 | ``` 33 | 34 | 2) Create tabbed panels and use HTML5 `data-pws-*` attributes to specify the ID & Name for the tabs. 35 | 36 | ```html 37 |
38 | 39 |
Our first tab
40 |
Our second tab
41 |
Our third tab
42 | 43 |
44 | ``` 45 | 46 | `data-pws-tab` is used to initiate the tab and as its ID. 47 | 48 | `data-pws-tab-name` is used for a tab display name. 49 | 50 | 51 | 3) Call the plugin on the parent element to create a basic tabs interface with 100% width and 'scale' transition effect. 52 | ```js 53 | jQuery(function($){ 54 | $('.hello_world').pwstabs(); 55 | }); 56 | ``` 57 | 58 | 4) Available parameters to customize the tabs plugin. 59 | ```js 60 | jQuery(function($){ 61 | $('.hello_world').pwstabs({ 62 | 63 | // scale / slideleft / slideright / slidetop / slidedown / none 64 | effect: 'scale', 65 | 66 | // The tab to be opened by default 67 | defaultTab: 1, 68 | 69 | // Set custom container width 70 | // Any size value (1,2,3.. / px,pt,em,%,cm..) 71 | containerWidth: '100%', 72 | 73 | // Tabs position: horizontal / vertical 74 | tabsPosition: 'horizontal', 75 | 76 | // Tabs horizontal position: top / bottom 77 | horizontalPosition: 'top', 78 | 79 | // Tabs vertical position: left / right 80 | verticalPosition: 'left', 81 | 82 | // BETA: Make tabs container responsive: true / false (!!! BETA) 83 | responsive: false, 84 | 85 | // Themes available: default: '' / pws_theme_violet / pws_theme_green / pws_theme_yellow 86 | // pws_theme_gold / pws_theme_orange / pws_theme_red / pws_theme_purple / pws_theme_grey 87 | theme: '', 88 | 89 | // Right to left support: true/ false 90 | rtl: false, 91 | 92 | // Before first init callback function 93 | onBeforeFirstInit: function() {}, 94 | 95 | // After first init callback function 96 | onAfterFirstInit: function() {}, 97 | 98 | // Before init callback function 99 | onBeforeInit: function() {}, 100 | 101 | // After init callback function 102 | onAfterInit: function() {}, 103 | 104 | // Before tab change callback function 105 | onBeforeChange: function() {}, 106 | 107 | // After tab change callback function 108 | onAfterChange: function() {} 109 | 110 | }); 111 | }); 112 | ``` 113 | 114 | 115 |

5) PWS Tabs Plugin supports Font Awesome 4.5.0

116 | 117 |

5.1) Include Font Awesome stylesheet from assets directory:

118 | 119 | ```html 120 | 121 | ``` 122 | 123 |

5.2) Use HTML5 `data-pws-tab-icon` attribute to set an icon. Icon names you can find here: Font Awesome Icons.

124 | 125 | ```html 126 |
127 | 128 |
Our first tab
; 129 |
Our second tab
130 |
Our third tab
131 | 132 |
133 | ``` 134 | 135 | 136 | ## Options 137 | 138 | 139 | 140 | 141 | 142 | 143 | 144 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 155 | 156 | 157 | 158 | 159 | 160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | 170 | 171 | 172 | 173 | 174 | 175 | 176 | 177 | 178 | 179 | 180 | 181 | 182 | 183 | 184 | 185 | 186 | 187 | 188 | 189 | 190 | 191 | 192 | 193 | 194 | 195 | 196 | 197 | 198 | 199 | 200 | 201 | 202 | 203 | 204 | 205 | 206 | 207 | 208 | 209 | 210 | 211 | 212 | 213 |
OptionDefaultDescriptionAvailable optionsType
effectscaleTransition effectscale / slideleft / slideright / slidetop / slidedown / nonestring
defaultTab1Which tab is chosen by defaultTab ID number starts with 1 (1,2,3..)number
containerWidth100%Tabs container widthAny size value (1,2,3.. / px,pt,em,%,cm..)string
tabsPositionhorizontalDefine tabs positionhorizontal / verticalstring
horizontalPositiontopDefine Horizontal tabs positiontop / bottomstring
verticalPositionleftDefine Vertical tabs positionleft / rightstring
theme''Change tabs themepws_theme_violet / pws_theme_green
pws_theme_yellow / pws_theme_gold
pws_theme_orange / pws_theme_red
pws_theme_purple / pws_theme_grey
pws_theme_dark_violet / pws_theme_dark_green
pws_theme_dark_yellow / pws_theme_dark_gold
pws_theme_dark_orange / pws_theme_dark_red
pws_theme_dark_purple / pws_theme_dark_grey		string
responsivefalseMake tabs responsivetrue / falseboolean
rtlfalseRight to left supporttrue / falseboolean
214 | 215 | ## Methods 216 | 217 | Since version 1.5.0 methods are available for PWS Tabs jQuery Plugin. 218 | 219 | ### destroy() 220 | Destroys plugin. Use the following code to call the method: 221 | ```js 222 | jQuery(function($){ 223 | $('.hello_world').pwstabs(); 224 | $('.hello_world').pwstabs('destroy'); 225 | }); 226 | ``` 227 | 228 | ### addTab() 229 | Add tab dynamically, for example on button click: 230 | ```js 231 | jQuery(function($){ 232 | $('.hello_world').pwstabs(); 233 | 234 | $('.button').on('click', function(){ 235 | $('.hello_world').pwstabs('addTab', { 236 | id: 'tab4', 237 | name: 'Tab name', 238 | icon: 'fa-phone', 239 | content: 'This is the content for tab number four' 240 | }); 241 | }); 242 | 243 | }); 244 | ``` 245 | As you can see the method accepts 4 parameteres:
246 | id - the ID of the tab (same as `data-pws-tab`)
247 | name - the name of the tab (same as `data-pws-tab-name`)
248 | icon - FontAwesome icon name (same as `data-pws-tab-icon`)
249 | content - the new tabs content 250 | 251 | ### removeTab() 252 | Remove tab dynamically, for example on button click: 253 | ```js 254 | jQuery(function($){ 255 | $('.hello_world').pwstabs(); 256 | 257 | $('.button').on('click', function(){ 258 | $('.hello_world').pwstabs('removeTab', 2); 259 | }); 260 | 261 | }); 262 | ``` 263 | The second tab will be removed. If the active tab is being removed, then the first tab will be chosen as active. 264 | 265 | ### setOption() 266 | You can update options dynamically, after the option is updated the plugin is being rebuild. Use the following code to update the options: 267 | ```js 268 | jQuery(function($){ 269 | $('.hello_world').pwstabs(); 270 | 271 | $('.button').on('click', function(){ 272 | $('.hello_world').pwstabs('effect', 'scrolldown'); 273 | $('.hello_world').pwstabs('defaultTab', 3); 274 | }); 275 | 276 | }); 277 | ``` 278 | Place the name of the option as the first argument and the value you want to change to as the second argument. 279 | 280 | ### rebuild() 281 | Rebuilds the plugin. Triggers `destroy()` and `init()` methods. 282 | ```js 283 | jQuery(function($){ 284 | $('.hello_world').pwstabs(); 285 | 286 | $('.button').on('click', function(){ 287 | $('.hello_world').pwstabs('rebuild'); 288 | }); 289 | 290 | }); 291 | ``` 292 | 293 | ## Hooks 294 | Since version 1.5.0 the hooks are available. 295 | 296 | ### onBeforeFirstInit() 297 | Is triggered before `init()` function for the first time the plugin is being initialized. 298 | ```js 299 | jQuery(function($){ 300 | $('.hello_world').pwstabs({ 301 | onBeforeFirstInit: function() 302 | { 303 | // Your code 304 | } 305 | }); 306 | }); 307 | ``` 308 | 309 | ### onAfterFirstInit() 310 | Is triggered after `init()` function for the first time the plugin is being initialized. 311 | ```js 312 | jQuery(function($){ 313 | $('.hello_world').pwstabs({ 314 | onAfterFirstInit: function() 315 | { 316 | // Your code 317 | } 318 | }); 319 | }); 320 | ``` 321 | 322 | ### onBeforeInit() 323 | Is triggered before `init()` function every time the plugin is being initialized or rebuild. 324 | ```js 325 | jQuery(function($){ 326 | $('.hello_world').pwstabs({ 327 | onBeforeInit: function() 328 | { 329 | // Your code 330 | } 331 | }); 332 | }); 333 | ``` 334 | 335 | ### onAfterInit() 336 | Is triggered after `init()` function every time the plugin is being initialized or rebuild. 337 | ```js 338 | jQuery(function($){ 339 | $('.hello_world').pwstabs({ 340 | onAfterInit: function() 341 | { 342 | // Your code 343 | } 344 | }); 345 | }); 346 | ``` 347 | 348 | ### onBeforeChange() 349 | Is triggered before the tab is being changed. 350 | ```js 351 | jQuery(function($){ 352 | $('.hello_world').pwstabs({ 353 | onBeforeChange: function() 354 | { 355 | // Your code 356 | } 357 | }); 358 | }); 359 | ``` 360 | 361 | ### onAfterChange() 362 | Is triggered after the tab is being changed. 363 | ```js 364 | jQuery(function($){ 365 | $('.hello_world').pwstabs({ 366 | onAfterChange: function() 367 | { 368 | // Your code 369 | } 370 | }); 371 | }); 372 | ``` 373 | 374 | 375 | 376 | ## Changelog 377 | 378 | ### Version 1.5.0 (20.12.2016) 379 | 1) New hooks:
380 | onBeforeFirstInit()
381 | onAfterFirstInit()
382 | onBeforeInit()
383 | onAfterInit()
384 | onBeforeChange()
385 | onAfterChange()
386 | 2) New methods:
387 | destroy()
388 | addTab()
389 | removeTab()
390 | setOption()
391 | rebuild()
392 | 3) Fixed effects for nested tabs
393 | 4) Fixed responsive popup menu issue 394 | 395 | ### Version 1.4.0 (06.03.2016) 396 | 1) Nested tabs feature added
397 | 2) iPhone tabs font-size issue fixed
398 | 3) Tabs positioning changed from absolute to relative
399 | 4) Container height is now handled with CSS not jQuery
400 | 5) Font awesome is version 4.5.0 now 401 | 402 | ### Version 1.3.0 (20.08.2015) 403 | 1) Main CSS and JS file doesn't have verison number in its name now
404 | 2) Code refactored and cleaned
405 | 3) Tabs now have pws_show & pws_hide classes instead of a long named classes
406 | 4) Styles classes are now added to the container not tabs
407 | 5) New dark themes added, they are a little bit darker than white to use on a websites with white background
408 | 6) Fixed vertical tabs width with icons
409 | 7) Fixed margins and paddings for tabs controlls
410 | 8) Font awesome folder renamed to /font-awesome/
411 | 9) Font awesome is version 4.4.0 now 412 | 413 | ### Version 1.2.1 (23.01.2015) 414 | 1) To facilitate the creation of new color schemes for developers SASS files added to /assets/sass/ directory.
415 | 2) Plugins StyleSheet /assets/jquery.pwstabs-1.2.1.css was generated from new SASS files (Very few changes from previous version) 416 | 417 | ### Version 1.2.0 (21.01.2015) 418 | 1) Made plugin responsive.
419 | 2) Added themes support. 9 color schemes are available.
420 | 3) Optimized code a bit.
421 | 4) Added responsive.html file in /examples/ directory.
422 | 5) Added colors examples in /examples/examples.html 423 | 424 | ### Version 1.1.4 (19.01.2015) 425 | 1) Added new effect: none. Good for eCommerce websites. Customers don't like to wait :)
426 | 2) Font Awesome 4.2.0 Support => Tabs Icons 427 | 428 | 429 | ### Version 1.1.3 (18.01.2015) 430 | 1) Added tabsPosition settings: horizontal / vertical.
431 | 2) Added verticalPosition settings: left / right.
432 | 3) Updated stylesheets.
433 | 4) Updated examples. 434 | 435 | ### Version 1.1.2 (17.01.2015) 436 | 1) Added RTL support.
437 | 2) Added horizontalPosition settings: top / bottom.
438 | 3) New examples with video, Google Maps and mixed content. 439 | 440 | ### Version 1.1.1 (16.01.2015) 441 | 1) Bug fix: added class selector to tabs controller ul element. Solved issue with ul elements in tabs content. 442 | -------------------------------------------------------------------------------- /assets/font-awesome/HELP-US-OUT.txt: -------------------------------------------------------------------------------- 1 | I hope you love Font Awesome. If you've found it useful, please do me a favor and check out my latest project, 2 | Fonticons (https://fonticons.com). It makes it easy to put the perfect icons on your website. Choose from our awesome, 3 | comprehensive icon sets or copy and paste your own. 4 | 5 | Please. Check it out. 6 | 7 | -Dave Gandy 8 | -------------------------------------------------------------------------------- /assets/font-awesome/css/font-awesome.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome 3 | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) 4 | */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.5.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"} 5 | -------------------------------------------------------------------------------- /assets/font-awesome/fonts/FontAwesome.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alexchizhovcom/pwstabs/690724dbbbb55235cdd3cf515d95de004d774be4/assets/font-awesome/fonts/FontAwesome.otf -------------------------------------------------------------------------------- /assets/font-awesome/fonts/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alexchizhovcom/pwstabs/690724dbbbb55235cdd3cf515d95de004d774be4/assets/font-awesome/fonts/fontawesome-webfont.eot -------------------------------------------------------------------------------- /assets/font-awesome/fonts/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alexchizhovcom/pwstabs/690724dbbbb55235cdd3cf515d95de004d774be4/assets/font-awesome/fonts/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /assets/font-awesome/fonts/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alexchizhovcom/pwstabs/690724dbbbb55235cdd3cf515d95de004d774be4/assets/font-awesome/fonts/fontawesome-webfont.woff -------------------------------------------------------------------------------- /assets/font-awesome/fonts/fontawesome-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alexchizhovcom/pwstabs/690724dbbbb55235cdd3cf515d95de004d774be4/assets/font-awesome/fonts/fontawesome-webfont.woff2 -------------------------------------------------------------------------------- /assets/font-awesome/less/animated.less: -------------------------------------------------------------------------------- 1 | // Animated Icons 2 | // -------------------------- 3 | 4 | .@{fa-css-prefix}-spin { 5 | -webkit-animation: fa-spin 2s infinite linear; 6 | animation: fa-spin 2s infinite linear; 7 | } 8 | 9 | .@{fa-css-prefix}-pulse { 10 | -webkit-animation: fa-spin 1s infinite steps(8); 11 | animation: fa-spin 1s infinite steps(8); 12 | } 13 | 14 | @-webkit-keyframes fa-spin { 15 | 0% { 16 | -webkit-transform: rotate(0deg); 17 | transform: rotate(0deg); 18 | } 19 | 100% { 20 | -webkit-transform: rotate(359deg); 21 | transform: rotate(359deg); 22 | } 23 | } 24 | 25 | @keyframes fa-spin { 26 | 0% { 27 | -webkit-transform: rotate(0deg); 28 | transform: rotate(0deg); 29 | } 30 | 100% { 31 | -webkit-transform: rotate(359deg); 32 | transform: rotate(359deg); 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /assets/font-awesome/less/bordered-pulled.less: -------------------------------------------------------------------------------- 1 | // Bordered & Pulled 2 | // ------------------------- 3 | 4 | .@{fa-css-prefix}-border { 5 | padding: .2em .25em .15em; 6 | border: solid .08em @fa-border-color; 7 | border-radius: .1em; 8 | } 9 | 10 | .@{fa-css-prefix}-pull-left { float: left; } 11 | .@{fa-css-prefix}-pull-right { float: right; } 12 | 13 | .@{fa-css-prefix} { 14 | &.@{fa-css-prefix}-pull-left { margin-right: .3em; } 15 | &.@{fa-css-prefix}-pull-right { margin-left: .3em; } 16 | } 17 | 18 | /* Deprecated as of 4.4.0 */ 19 | .pull-right { float: right; } 20 | .pull-left { float: left; } 21 | 22 | .@{fa-css-prefix} { 23 | &.pull-left { margin-right: .3em; } 24 | &.pull-right { margin-left: .3em; } 25 | } 26 | -------------------------------------------------------------------------------- /assets/font-awesome/less/core.less: -------------------------------------------------------------------------------- 1 | // Base Class Definition 2 | // ------------------------- 3 | 4 | .@{fa-css-prefix} { 5 | display: inline-block; 6 | font: normal normal normal @fa-font-size-base/@fa-line-height-base FontAwesome; // shortening font declaration 7 | font-size: inherit; // can't have font-size inherit on line above, so need to override 8 | text-rendering: auto; // optimizelegibility throws things off #1094 9 | -webkit-font-smoothing: antialiased; 10 | -moz-osx-font-smoothing: grayscale; 11 | 12 | } 13 | -------------------------------------------------------------------------------- /assets/font-awesome/less/fixed-width.less: -------------------------------------------------------------------------------- 1 | // Fixed Width Icons 2 | // ------------------------- 3 | .@{fa-css-prefix}-fw { 4 | width: (18em / 14); 5 | text-align: center; 6 | } 7 | -------------------------------------------------------------------------------- /assets/font-awesome/less/font-awesome.less: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome 3 | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) 4 | */ 5 | 6 | @import "variables.less"; 7 | @import "mixins.less"; 8 | @import "path.less"; 9 | @import "core.less"; 10 | @import "larger.less"; 11 | @import "fixed-width.less"; 12 | @import "list.less"; 13 | @import "bordered-pulled.less"; 14 | @import "animated.less"; 15 | @import "rotated-flipped.less"; 16 | @import "stacked.less"; 17 | @import "icons.less"; 18 | -------------------------------------------------------------------------------- /assets/font-awesome/less/larger.less: -------------------------------------------------------------------------------- 1 | // Icon Sizes 2 | // ------------------------- 3 | 4 | /* makes the font 33% larger relative to the icon container */ 5 | .@{fa-css-prefix}-lg { 6 | font-size: (4em / 3); 7 | line-height: (3em / 4); 8 | vertical-align: -15%; 9 | } 10 | .@{fa-css-prefix}-2x { font-size: 2em; } 11 | .@{fa-css-prefix}-3x { font-size: 3em; } 12 | .@{fa-css-prefix}-4x { font-size: 4em; } 13 | .@{fa-css-prefix}-5x { font-size: 5em; } 14 | -------------------------------------------------------------------------------- /assets/font-awesome/less/list.less: -------------------------------------------------------------------------------- 1 | // List Icons 2 | // ------------------------- 3 | 4 | .@{fa-css-prefix}-ul { 5 | padding-left: 0; 6 | margin-left: @fa-li-width; 7 | list-style-type: none; 8 | > li { position: relative; } 9 | } 10 | .@{fa-css-prefix}-li { 11 | position: absolute; 12 | left: -@fa-li-width; 13 | width: @fa-li-width; 14 | top: (2em / 14); 15 | text-align: center; 16 | &.@{fa-css-prefix}-lg { 17 | left: (-@fa-li-width + (4em / 14)); 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /assets/font-awesome/less/mixins.less: -------------------------------------------------------------------------------- 1 | // Mixins 2 | // -------------------------- 3 | 4 | .fa-icon() { 5 | display: inline-block; 6 | font: normal normal normal @fa-font-size-base/@fa-line-height-base FontAwesome; // shortening font declaration 7 | font-size: inherit; // can't have font-size inherit on line above, so need to override 8 | text-rendering: auto; // optimizelegibility throws things off #1094 9 | -webkit-font-smoothing: antialiased; 10 | -moz-osx-font-smoothing: grayscale; 11 | 12 | } 13 | 14 | .fa-icon-rotate(@degrees, @rotation) { 15 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation); 16 | -webkit-transform: rotate(@degrees); 17 | -ms-transform: rotate(@degrees); 18 | transform: rotate(@degrees); 19 | } 20 | 21 | .fa-icon-flip(@horiz, @vert, @rotation) { 22 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation, mirror=1); 23 | -webkit-transform: scale(@horiz, @vert); 24 | -ms-transform: scale(@horiz, @vert); 25 | transform: scale(@horiz, @vert); 26 | } 27 | -------------------------------------------------------------------------------- /assets/font-awesome/less/path.less: -------------------------------------------------------------------------------- 1 | /* FONT PATH 2 | * -------------------------- */ 3 | 4 | @font-face { 5 | font-family: 'FontAwesome'; 6 | src: url('@{fa-font-path}/fontawesome-webfont.eot?v=@{fa-version}'); 7 | src: url('@{fa-font-path}/fontawesome-webfont.eot?#iefix&v=@{fa-version}') format('embedded-opentype'), 8 | url('@{fa-font-path}/fontawesome-webfont.woff2?v=@{fa-version}') format('woff2'), 9 | url('@{fa-font-path}/fontawesome-webfont.woff?v=@{fa-version}') format('woff'), 10 | url('@{fa-font-path}/fontawesome-webfont.ttf?v=@{fa-version}') format('truetype'), 11 | url('@{fa-font-path}/fontawesome-webfont.svg?v=@{fa-version}#fontawesomeregular') format('svg'); 12 | // src: url('@{fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts 13 | font-weight: normal; 14 | font-style: normal; 15 | } 16 | -------------------------------------------------------------------------------- /assets/font-awesome/less/rotated-flipped.less: -------------------------------------------------------------------------------- 1 | // Rotated & Flipped Icons 2 | // ------------------------- 3 | 4 | .@{fa-css-prefix}-rotate-90 { .fa-icon-rotate(90deg, 1); } 5 | .@{fa-css-prefix}-rotate-180 { .fa-icon-rotate(180deg, 2); } 6 | .@{fa-css-prefix}-rotate-270 { .fa-icon-rotate(270deg, 3); } 7 | 8 | .@{fa-css-prefix}-flip-horizontal { .fa-icon-flip(-1, 1, 0); } 9 | .@{fa-css-prefix}-flip-vertical { .fa-icon-flip(1, -1, 2); } 10 | 11 | // Hook for IE8-9 12 | // ------------------------- 13 | 14 | :root .@{fa-css-prefix}-rotate-90, 15 | :root .@{fa-css-prefix}-rotate-180, 16 | :root .@{fa-css-prefix}-rotate-270, 17 | :root .@{fa-css-prefix}-flip-horizontal, 18 | :root .@{fa-css-prefix}-flip-vertical { 19 | filter: none; 20 | } 21 | -------------------------------------------------------------------------------- /assets/font-awesome/less/stacked.less: -------------------------------------------------------------------------------- 1 | // Stacked Icons 2 | // ------------------------- 3 | 4 | .@{fa-css-prefix}-stack { 5 | position: relative; 6 | display: inline-block; 7 | width: 2em; 8 | height: 2em; 9 | line-height: 2em; 10 | vertical-align: middle; 11 | } 12 | .@{fa-css-prefix}-stack-1x, .@{fa-css-prefix}-stack-2x { 13 | position: absolute; 14 | left: 0; 15 | width: 100%; 16 | text-align: center; 17 | } 18 | .@{fa-css-prefix}-stack-1x { line-height: inherit; } 19 | .@{fa-css-prefix}-stack-2x { font-size: 2em; } 20 | .@{fa-css-prefix}-inverse { color: @fa-inverse; } 21 | -------------------------------------------------------------------------------- /assets/font-awesome/less/variables.less: -------------------------------------------------------------------------------- 1 | // Variables 2 | // -------------------------- 3 | 4 | @fa-font-path: "../fonts"; 5 | @fa-font-size-base: 14px; 6 | @fa-line-height-base: 1; 7 | //@fa-font-path: "//netdna.bootstrapcdn.com/font-awesome/4.5.0/fonts"; // for referencing Bootstrap CDN font files directly 8 | @fa-css-prefix: fa; 9 | @fa-version: "4.5.0"; 10 | @fa-border-color: #eee; 11 | @fa-inverse: #fff; 12 | @fa-li-width: (30em / 14); 13 | 14 | @fa-var-500px: "\f26e"; 15 | @fa-var-adjust: "\f042"; 16 | @fa-var-adn: "\f170"; 17 | @fa-var-align-center: "\f037"; 18 | @fa-var-align-justify: "\f039"; 19 | @fa-var-align-left: "\f036"; 20 | @fa-var-align-right: "\f038"; 21 | @fa-var-amazon: "\f270"; 22 | @fa-var-ambulance: "\f0f9"; 23 | @fa-var-anchor: "\f13d"; 24 | @fa-var-android: "\f17b"; 25 | @fa-var-angellist: "\f209"; 26 | @fa-var-angle-double-down: "\f103"; 27 | @fa-var-angle-double-left: "\f100"; 28 | @fa-var-angle-double-right: "\f101"; 29 | @fa-var-angle-double-up: "\f102"; 30 | @fa-var-angle-down: "\f107"; 31 | @fa-var-angle-left: "\f104"; 32 | @fa-var-angle-right: "\f105"; 33 | @fa-var-angle-up: "\f106"; 34 | @fa-var-apple: "\f179"; 35 | @fa-var-archive: "\f187"; 36 | @fa-var-area-chart: "\f1fe"; 37 | @fa-var-arrow-circle-down: "\f0ab"; 38 | @fa-var-arrow-circle-left: "\f0a8"; 39 | @fa-var-arrow-circle-o-down: "\f01a"; 40 | @fa-var-arrow-circle-o-left: "\f190"; 41 | @fa-var-arrow-circle-o-right: "\f18e"; 42 | @fa-var-arrow-circle-o-up: "\f01b"; 43 | @fa-var-arrow-circle-right: "\f0a9"; 44 | @fa-var-arrow-circle-up: "\f0aa"; 45 | @fa-var-arrow-down: "\f063"; 46 | @fa-var-arrow-left: "\f060"; 47 | @fa-var-arrow-right: "\f061"; 48 | @fa-var-arrow-up: "\f062"; 49 | @fa-var-arrows: "\f047"; 50 | @fa-var-arrows-alt: "\f0b2"; 51 | @fa-var-arrows-h: "\f07e"; 52 | @fa-var-arrows-v: "\f07d"; 53 | @fa-var-asterisk: "\f069"; 54 | @fa-var-at: "\f1fa"; 55 | @fa-var-automobile: "\f1b9"; 56 | @fa-var-backward: "\f04a"; 57 | @fa-var-balance-scale: "\f24e"; 58 | @fa-var-ban: "\f05e"; 59 | @fa-var-bank: "\f19c"; 60 | @fa-var-bar-chart: "\f080"; 61 | @fa-var-bar-chart-o: "\f080"; 62 | @fa-var-barcode: "\f02a"; 63 | @fa-var-bars: "\f0c9"; 64 | @fa-var-battery-0: "\f244"; 65 | @fa-var-battery-1: "\f243"; 66 | @fa-var-battery-2: "\f242"; 67 | @fa-var-battery-3: "\f241"; 68 | @fa-var-battery-4: "\f240"; 69 | @fa-var-battery-empty: "\f244"; 70 | @fa-var-battery-full: "\f240"; 71 | @fa-var-battery-half: "\f242"; 72 | @fa-var-battery-quarter: "\f243"; 73 | @fa-var-battery-three-quarters: "\f241"; 74 | @fa-var-bed: "\f236"; 75 | @fa-var-beer: "\f0fc"; 76 | @fa-var-behance: "\f1b4"; 77 | @fa-var-behance-square: "\f1b5"; 78 | @fa-var-bell: "\f0f3"; 79 | @fa-var-bell-o: "\f0a2"; 80 | @fa-var-bell-slash: "\f1f6"; 81 | @fa-var-bell-slash-o: "\f1f7"; 82 | @fa-var-bicycle: "\f206"; 83 | @fa-var-binoculars: "\f1e5"; 84 | @fa-var-birthday-cake: "\f1fd"; 85 | @fa-var-bitbucket: "\f171"; 86 | @fa-var-bitbucket-square: "\f172"; 87 | @fa-var-bitcoin: "\f15a"; 88 | @fa-var-black-tie: "\f27e"; 89 | @fa-var-bluetooth: "\f293"; 90 | @fa-var-bluetooth-b: "\f294"; 91 | @fa-var-bold: "\f032"; 92 | @fa-var-bolt: "\f0e7"; 93 | @fa-var-bomb: "\f1e2"; 94 | @fa-var-book: "\f02d"; 95 | @fa-var-bookmark: "\f02e"; 96 | @fa-var-bookmark-o: "\f097"; 97 | @fa-var-briefcase: "\f0b1"; 98 | @fa-var-btc: "\f15a"; 99 | @fa-var-bug: "\f188"; 100 | @fa-var-building: "\f1ad"; 101 | @fa-var-building-o: "\f0f7"; 102 | @fa-var-bullhorn: "\f0a1"; 103 | @fa-var-bullseye: "\f140"; 104 | @fa-var-bus: "\f207"; 105 | @fa-var-buysellads: "\f20d"; 106 | @fa-var-cab: "\f1ba"; 107 | @fa-var-calculator: "\f1ec"; 108 | @fa-var-calendar: "\f073"; 109 | @fa-var-calendar-check-o: "\f274"; 110 | @fa-var-calendar-minus-o: "\f272"; 111 | @fa-var-calendar-o: "\f133"; 112 | @fa-var-calendar-plus-o: "\f271"; 113 | @fa-var-calendar-times-o: "\f273"; 114 | @fa-var-camera: "\f030"; 115 | @fa-var-camera-retro: "\f083"; 116 | @fa-var-car: "\f1b9"; 117 | @fa-var-caret-down: "\f0d7"; 118 | @fa-var-caret-left: "\f0d9"; 119 | @fa-var-caret-right: "\f0da"; 120 | @fa-var-caret-square-o-down: "\f150"; 121 | @fa-var-caret-square-o-left: "\f191"; 122 | @fa-var-caret-square-o-right: "\f152"; 123 | @fa-var-caret-square-o-up: "\f151"; 124 | @fa-var-caret-up: "\f0d8"; 125 | @fa-var-cart-arrow-down: "\f218"; 126 | @fa-var-cart-plus: "\f217"; 127 | @fa-var-cc: "\f20a"; 128 | @fa-var-cc-amex: "\f1f3"; 129 | @fa-var-cc-diners-club: "\f24c"; 130 | @fa-var-cc-discover: "\f1f2"; 131 | @fa-var-cc-jcb: "\f24b"; 132 | @fa-var-cc-mastercard: "\f1f1"; 133 | @fa-var-cc-paypal: "\f1f4"; 134 | @fa-var-cc-stripe: "\f1f5"; 135 | @fa-var-cc-visa: "\f1f0"; 136 | @fa-var-certificate: "\f0a3"; 137 | @fa-var-chain: "\f0c1"; 138 | @fa-var-chain-broken: "\f127"; 139 | @fa-var-check: "\f00c"; 140 | @fa-var-check-circle: "\f058"; 141 | @fa-var-check-circle-o: "\f05d"; 142 | @fa-var-check-square: "\f14a"; 143 | @fa-var-check-square-o: "\f046"; 144 | @fa-var-chevron-circle-down: "\f13a"; 145 | @fa-var-chevron-circle-left: "\f137"; 146 | @fa-var-chevron-circle-right: "\f138"; 147 | @fa-var-chevron-circle-up: "\f139"; 148 | @fa-var-chevron-down: "\f078"; 149 | @fa-var-chevron-left: "\f053"; 150 | @fa-var-chevron-right: "\f054"; 151 | @fa-var-chevron-up: "\f077"; 152 | @fa-var-child: "\f1ae"; 153 | @fa-var-chrome: "\f268"; 154 | @fa-var-circle: "\f111"; 155 | @fa-var-circle-o: "\f10c"; 156 | @fa-var-circle-o-notch: "\f1ce"; 157 | @fa-var-circle-thin: "\f1db"; 158 | @fa-var-clipboard: "\f0ea"; 159 | @fa-var-clock-o: "\f017"; 160 | @fa-var-clone: "\f24d"; 161 | @fa-var-close: "\f00d"; 162 | @fa-var-cloud: "\f0c2"; 163 | @fa-var-cloud-download: "\f0ed"; 164 | @fa-var-cloud-upload: "\f0ee"; 165 | @fa-var-cny: "\f157"; 166 | @fa-var-code: "\f121"; 167 | @fa-var-code-fork: "\f126"; 168 | @fa-var-codepen: "\f1cb"; 169 | @fa-var-codiepie: "\f284"; 170 | @fa-var-coffee: "\f0f4"; 171 | @fa-var-cog: "\f013"; 172 | @fa-var-cogs: "\f085"; 173 | @fa-var-columns: "\f0db"; 174 | @fa-var-comment: "\f075"; 175 | @fa-var-comment-o: "\f0e5"; 176 | @fa-var-commenting: "\f27a"; 177 | @fa-var-commenting-o: "\f27b"; 178 | @fa-var-comments: "\f086"; 179 | @fa-var-comments-o: "\f0e6"; 180 | @fa-var-compass: "\f14e"; 181 | @fa-var-compress: "\f066"; 182 | @fa-var-connectdevelop: "\f20e"; 183 | @fa-var-contao: "\f26d"; 184 | @fa-var-copy: "\f0c5"; 185 | @fa-var-copyright: "\f1f9"; 186 | @fa-var-creative-commons: "\f25e"; 187 | @fa-var-credit-card: "\f09d"; 188 | @fa-var-credit-card-alt: "\f283"; 189 | @fa-var-crop: "\f125"; 190 | @fa-var-crosshairs: "\f05b"; 191 | @fa-var-css3: "\f13c"; 192 | @fa-var-cube: "\f1b2"; 193 | @fa-var-cubes: "\f1b3"; 194 | @fa-var-cut: "\f0c4"; 195 | @fa-var-cutlery: "\f0f5"; 196 | @fa-var-dashboard: "\f0e4"; 197 | @fa-var-dashcube: "\f210"; 198 | @fa-var-database: "\f1c0"; 199 | @fa-var-dedent: "\f03b"; 200 | @fa-var-delicious: "\f1a5"; 201 | @fa-var-desktop: "\f108"; 202 | @fa-var-deviantart: "\f1bd"; 203 | @fa-var-diamond: "\f219"; 204 | @fa-var-digg: "\f1a6"; 205 | @fa-var-dollar: "\f155"; 206 | @fa-var-dot-circle-o: "\f192"; 207 | @fa-var-download: "\f019"; 208 | @fa-var-dribbble: "\f17d"; 209 | @fa-var-dropbox: "\f16b"; 210 | @fa-var-drupal: "\f1a9"; 211 | @fa-var-edge: "\f282"; 212 | @fa-var-edit: "\f044"; 213 | @fa-var-eject: "\f052"; 214 | @fa-var-ellipsis-h: "\f141"; 215 | @fa-var-ellipsis-v: "\f142"; 216 | @fa-var-empire: "\f1d1"; 217 | @fa-var-envelope: "\f0e0"; 218 | @fa-var-envelope-o: "\f003"; 219 | @fa-var-envelope-square: "\f199"; 220 | @fa-var-eraser: "\f12d"; 221 | @fa-var-eur: "\f153"; 222 | @fa-var-euro: "\f153"; 223 | @fa-var-exchange: "\f0ec"; 224 | @fa-var-exclamation: "\f12a"; 225 | @fa-var-exclamation-circle: "\f06a"; 226 | @fa-var-exclamation-triangle: "\f071"; 227 | @fa-var-expand: "\f065"; 228 | @fa-var-expeditedssl: "\f23e"; 229 | @fa-var-external-link: "\f08e"; 230 | @fa-var-external-link-square: "\f14c"; 231 | @fa-var-eye: "\f06e"; 232 | @fa-var-eye-slash: "\f070"; 233 | @fa-var-eyedropper: "\f1fb"; 234 | @fa-var-facebook: "\f09a"; 235 | @fa-var-facebook-f: "\f09a"; 236 | @fa-var-facebook-official: "\f230"; 237 | @fa-var-facebook-square: "\f082"; 238 | @fa-var-fast-backward: "\f049"; 239 | @fa-var-fast-forward: "\f050"; 240 | @fa-var-fax: "\f1ac"; 241 | @fa-var-feed: "\f09e"; 242 | @fa-var-female: "\f182"; 243 | @fa-var-fighter-jet: "\f0fb"; 244 | @fa-var-file: "\f15b"; 245 | @fa-var-file-archive-o: "\f1c6"; 246 | @fa-var-file-audio-o: "\f1c7"; 247 | @fa-var-file-code-o: "\f1c9"; 248 | @fa-var-file-excel-o: "\f1c3"; 249 | @fa-var-file-image-o: "\f1c5"; 250 | @fa-var-file-movie-o: "\f1c8"; 251 | @fa-var-file-o: "\f016"; 252 | @fa-var-file-pdf-o: "\f1c1"; 253 | @fa-var-file-photo-o: "\f1c5"; 254 | @fa-var-file-picture-o: "\f1c5"; 255 | @fa-var-file-powerpoint-o: "\f1c4"; 256 | @fa-var-file-sound-o: "\f1c7"; 257 | @fa-var-file-text: "\f15c"; 258 | @fa-var-file-text-o: "\f0f6"; 259 | @fa-var-file-video-o: "\f1c8"; 260 | @fa-var-file-word-o: "\f1c2"; 261 | @fa-var-file-zip-o: "\f1c6"; 262 | @fa-var-files-o: "\f0c5"; 263 | @fa-var-film: "\f008"; 264 | @fa-var-filter: "\f0b0"; 265 | @fa-var-fire: "\f06d"; 266 | @fa-var-fire-extinguisher: "\f134"; 267 | @fa-var-firefox: "\f269"; 268 | @fa-var-flag: "\f024"; 269 | @fa-var-flag-checkered: "\f11e"; 270 | @fa-var-flag-o: "\f11d"; 271 | @fa-var-flash: "\f0e7"; 272 | @fa-var-flask: "\f0c3"; 273 | @fa-var-flickr: "\f16e"; 274 | @fa-var-floppy-o: "\f0c7"; 275 | @fa-var-folder: "\f07b"; 276 | @fa-var-folder-o: "\f114"; 277 | @fa-var-folder-open: "\f07c"; 278 | @fa-var-folder-open-o: "\f115"; 279 | @fa-var-font: "\f031"; 280 | @fa-var-fonticons: "\f280"; 281 | @fa-var-fort-awesome: "\f286"; 282 | @fa-var-forumbee: "\f211"; 283 | @fa-var-forward: "\f04e"; 284 | @fa-var-foursquare: "\f180"; 285 | @fa-var-frown-o: "\f119"; 286 | @fa-var-futbol-o: "\f1e3"; 287 | @fa-var-gamepad: "\f11b"; 288 | @fa-var-gavel: "\f0e3"; 289 | @fa-var-gbp: "\f154"; 290 | @fa-var-ge: "\f1d1"; 291 | @fa-var-gear: "\f013"; 292 | @fa-var-gears: "\f085"; 293 | @fa-var-genderless: "\f22d"; 294 | @fa-var-get-pocket: "\f265"; 295 | @fa-var-gg: "\f260"; 296 | @fa-var-gg-circle: "\f261"; 297 | @fa-var-gift: "\f06b"; 298 | @fa-var-git: "\f1d3"; 299 | @fa-var-git-square: "\f1d2"; 300 | @fa-var-github: "\f09b"; 301 | @fa-var-github-alt: "\f113"; 302 | @fa-var-github-square: "\f092"; 303 | @fa-var-gittip: "\f184"; 304 | @fa-var-glass: "\f000"; 305 | @fa-var-globe: "\f0ac"; 306 | @fa-var-google: "\f1a0"; 307 | @fa-var-google-plus: "\f0d5"; 308 | @fa-var-google-plus-square: "\f0d4"; 309 | @fa-var-google-wallet: "\f1ee"; 310 | @fa-var-graduation-cap: "\f19d"; 311 | @fa-var-gratipay: "\f184"; 312 | @fa-var-group: "\f0c0"; 313 | @fa-var-h-square: "\f0fd"; 314 | @fa-var-hacker-news: "\f1d4"; 315 | @fa-var-hand-grab-o: "\f255"; 316 | @fa-var-hand-lizard-o: "\f258"; 317 | @fa-var-hand-o-down: "\f0a7"; 318 | @fa-var-hand-o-left: "\f0a5"; 319 | @fa-var-hand-o-right: "\f0a4"; 320 | @fa-var-hand-o-up: "\f0a6"; 321 | @fa-var-hand-paper-o: "\f256"; 322 | @fa-var-hand-peace-o: "\f25b"; 323 | @fa-var-hand-pointer-o: "\f25a"; 324 | @fa-var-hand-rock-o: "\f255"; 325 | @fa-var-hand-scissors-o: "\f257"; 326 | @fa-var-hand-spock-o: "\f259"; 327 | @fa-var-hand-stop-o: "\f256"; 328 | @fa-var-hashtag: "\f292"; 329 | @fa-var-hdd-o: "\f0a0"; 330 | @fa-var-header: "\f1dc"; 331 | @fa-var-headphones: "\f025"; 332 | @fa-var-heart: "\f004"; 333 | @fa-var-heart-o: "\f08a"; 334 | @fa-var-heartbeat: "\f21e"; 335 | @fa-var-history: "\f1da"; 336 | @fa-var-home: "\f015"; 337 | @fa-var-hospital-o: "\f0f8"; 338 | @fa-var-hotel: "\f236"; 339 | @fa-var-hourglass: "\f254"; 340 | @fa-var-hourglass-1: "\f251"; 341 | @fa-var-hourglass-2: "\f252"; 342 | @fa-var-hourglass-3: "\f253"; 343 | @fa-var-hourglass-end: "\f253"; 344 | @fa-var-hourglass-half: "\f252"; 345 | @fa-var-hourglass-o: "\f250"; 346 | @fa-var-hourglass-start: "\f251"; 347 | @fa-var-houzz: "\f27c"; 348 | @fa-var-html5: "\f13b"; 349 | @fa-var-i-cursor: "\f246"; 350 | @fa-var-ils: "\f20b"; 351 | @fa-var-image: "\f03e"; 352 | @fa-var-inbox: "\f01c"; 353 | @fa-var-indent: "\f03c"; 354 | @fa-var-industry: "\f275"; 355 | @fa-var-info: "\f129"; 356 | @fa-var-info-circle: "\f05a"; 357 | @fa-var-inr: "\f156"; 358 | @fa-var-instagram: "\f16d"; 359 | @fa-var-institution: "\f19c"; 360 | @fa-var-internet-explorer: "\f26b"; 361 | @fa-var-intersex: "\f224"; 362 | @fa-var-ioxhost: "\f208"; 363 | @fa-var-italic: "\f033"; 364 | @fa-var-joomla: "\f1aa"; 365 | @fa-var-jpy: "\f157"; 366 | @fa-var-jsfiddle: "\f1cc"; 367 | @fa-var-key: "\f084"; 368 | @fa-var-keyboard-o: "\f11c"; 369 | @fa-var-krw: "\f159"; 370 | @fa-var-language: "\f1ab"; 371 | @fa-var-laptop: "\f109"; 372 | @fa-var-lastfm: "\f202"; 373 | @fa-var-lastfm-square: "\f203"; 374 | @fa-var-leaf: "\f06c"; 375 | @fa-var-leanpub: "\f212"; 376 | @fa-var-legal: "\f0e3"; 377 | @fa-var-lemon-o: "\f094"; 378 | @fa-var-level-down: "\f149"; 379 | @fa-var-level-up: "\f148"; 380 | @fa-var-life-bouy: "\f1cd"; 381 | @fa-var-life-buoy: "\f1cd"; 382 | @fa-var-life-ring: "\f1cd"; 383 | @fa-var-life-saver: "\f1cd"; 384 | @fa-var-lightbulb-o: "\f0eb"; 385 | @fa-var-line-chart: "\f201"; 386 | @fa-var-link: "\f0c1"; 387 | @fa-var-linkedin: "\f0e1"; 388 | @fa-var-linkedin-square: "\f08c"; 389 | @fa-var-linux: "\f17c"; 390 | @fa-var-list: "\f03a"; 391 | @fa-var-list-alt: "\f022"; 392 | @fa-var-list-ol: "\f0cb"; 393 | @fa-var-list-ul: "\f0ca"; 394 | @fa-var-location-arrow: "\f124"; 395 | @fa-var-lock: "\f023"; 396 | @fa-var-long-arrow-down: "\f175"; 397 | @fa-var-long-arrow-left: "\f177"; 398 | @fa-var-long-arrow-right: "\f178"; 399 | @fa-var-long-arrow-up: "\f176"; 400 | @fa-var-magic: "\f0d0"; 401 | @fa-var-magnet: "\f076"; 402 | @fa-var-mail-forward: "\f064"; 403 | @fa-var-mail-reply: "\f112"; 404 | @fa-var-mail-reply-all: "\f122"; 405 | @fa-var-male: "\f183"; 406 | @fa-var-map: "\f279"; 407 | @fa-var-map-marker: "\f041"; 408 | @fa-var-map-o: "\f278"; 409 | @fa-var-map-pin: "\f276"; 410 | @fa-var-map-signs: "\f277"; 411 | @fa-var-mars: "\f222"; 412 | @fa-var-mars-double: "\f227"; 413 | @fa-var-mars-stroke: "\f229"; 414 | @fa-var-mars-stroke-h: "\f22b"; 415 | @fa-var-mars-stroke-v: "\f22a"; 416 | @fa-var-maxcdn: "\f136"; 417 | @fa-var-meanpath: "\f20c"; 418 | @fa-var-medium: "\f23a"; 419 | @fa-var-medkit: "\f0fa"; 420 | @fa-var-meh-o: "\f11a"; 421 | @fa-var-mercury: "\f223"; 422 | @fa-var-microphone: "\f130"; 423 | @fa-var-microphone-slash: "\f131"; 424 | @fa-var-minus: "\f068"; 425 | @fa-var-minus-circle: "\f056"; 426 | @fa-var-minus-square: "\f146"; 427 | @fa-var-minus-square-o: "\f147"; 428 | @fa-var-mixcloud: "\f289"; 429 | @fa-var-mobile: "\f10b"; 430 | @fa-var-mobile-phone: "\f10b"; 431 | @fa-var-modx: "\f285"; 432 | @fa-var-money: "\f0d6"; 433 | @fa-var-moon-o: "\f186"; 434 | @fa-var-mortar-board: "\f19d"; 435 | @fa-var-motorcycle: "\f21c"; 436 | @fa-var-mouse-pointer: "\f245"; 437 | @fa-var-music: "\f001"; 438 | @fa-var-navicon: "\f0c9"; 439 | @fa-var-neuter: "\f22c"; 440 | @fa-var-newspaper-o: "\f1ea"; 441 | @fa-var-object-group: "\f247"; 442 | @fa-var-object-ungroup: "\f248"; 443 | @fa-var-odnoklassniki: "\f263"; 444 | @fa-var-odnoklassniki-square: "\f264"; 445 | @fa-var-opencart: "\f23d"; 446 | @fa-var-openid: "\f19b"; 447 | @fa-var-opera: "\f26a"; 448 | @fa-var-optin-monster: "\f23c"; 449 | @fa-var-outdent: "\f03b"; 450 | @fa-var-pagelines: "\f18c"; 451 | @fa-var-paint-brush: "\f1fc"; 452 | @fa-var-paper-plane: "\f1d8"; 453 | @fa-var-paper-plane-o: "\f1d9"; 454 | @fa-var-paperclip: "\f0c6"; 455 | @fa-var-paragraph: "\f1dd"; 456 | @fa-var-paste: "\f0ea"; 457 | @fa-var-pause: "\f04c"; 458 | @fa-var-pause-circle: "\f28b"; 459 | @fa-var-pause-circle-o: "\f28c"; 460 | @fa-var-paw: "\f1b0"; 461 | @fa-var-paypal: "\f1ed"; 462 | @fa-var-pencil: "\f040"; 463 | @fa-var-pencil-square: "\f14b"; 464 | @fa-var-pencil-square-o: "\f044"; 465 | @fa-var-percent: "\f295"; 466 | @fa-var-phone: "\f095"; 467 | @fa-var-phone-square: "\f098"; 468 | @fa-var-photo: "\f03e"; 469 | @fa-var-picture-o: "\f03e"; 470 | @fa-var-pie-chart: "\f200"; 471 | @fa-var-pied-piper: "\f1a7"; 472 | @fa-var-pied-piper-alt: "\f1a8"; 473 | @fa-var-pinterest: "\f0d2"; 474 | @fa-var-pinterest-p: "\f231"; 475 | @fa-var-pinterest-square: "\f0d3"; 476 | @fa-var-plane: "\f072"; 477 | @fa-var-play: "\f04b"; 478 | @fa-var-play-circle: "\f144"; 479 | @fa-var-play-circle-o: "\f01d"; 480 | @fa-var-plug: "\f1e6"; 481 | @fa-var-plus: "\f067"; 482 | @fa-var-plus-circle: "\f055"; 483 | @fa-var-plus-square: "\f0fe"; 484 | @fa-var-plus-square-o: "\f196"; 485 | @fa-var-power-off: "\f011"; 486 | @fa-var-print: "\f02f"; 487 | @fa-var-product-hunt: "\f288"; 488 | @fa-var-puzzle-piece: "\f12e"; 489 | @fa-var-qq: "\f1d6"; 490 | @fa-var-qrcode: "\f029"; 491 | @fa-var-question: "\f128"; 492 | @fa-var-question-circle: "\f059"; 493 | @fa-var-quote-left: "\f10d"; 494 | @fa-var-quote-right: "\f10e"; 495 | @fa-var-ra: "\f1d0"; 496 | @fa-var-random: "\f074"; 497 | @fa-var-rebel: "\f1d0"; 498 | @fa-var-recycle: "\f1b8"; 499 | @fa-var-reddit: "\f1a1"; 500 | @fa-var-reddit-alien: "\f281"; 501 | @fa-var-reddit-square: "\f1a2"; 502 | @fa-var-refresh: "\f021"; 503 | @fa-var-registered: "\f25d"; 504 | @fa-var-remove: "\f00d"; 505 | @fa-var-renren: "\f18b"; 506 | @fa-var-reorder: "\f0c9"; 507 | @fa-var-repeat: "\f01e"; 508 | @fa-var-reply: "\f112"; 509 | @fa-var-reply-all: "\f122"; 510 | @fa-var-retweet: "\f079"; 511 | @fa-var-rmb: "\f157"; 512 | @fa-var-road: "\f018"; 513 | @fa-var-rocket: "\f135"; 514 | @fa-var-rotate-left: "\f0e2"; 515 | @fa-var-rotate-right: "\f01e"; 516 | @fa-var-rouble: "\f158"; 517 | @fa-var-rss: "\f09e"; 518 | @fa-var-rss-square: "\f143"; 519 | @fa-var-rub: "\f158"; 520 | @fa-var-ruble: "\f158"; 521 | @fa-var-rupee: "\f156"; 522 | @fa-var-safari: "\f267"; 523 | @fa-var-save: "\f0c7"; 524 | @fa-var-scissors: "\f0c4"; 525 | @fa-var-scribd: "\f28a"; 526 | @fa-var-search: "\f002"; 527 | @fa-var-search-minus: "\f010"; 528 | @fa-var-search-plus: "\f00e"; 529 | @fa-var-sellsy: "\f213"; 530 | @fa-var-send: "\f1d8"; 531 | @fa-var-send-o: "\f1d9"; 532 | @fa-var-server: "\f233"; 533 | @fa-var-share: "\f064"; 534 | @fa-var-share-alt: "\f1e0"; 535 | @fa-var-share-alt-square: "\f1e1"; 536 | @fa-var-share-square: "\f14d"; 537 | @fa-var-share-square-o: "\f045"; 538 | @fa-var-shekel: "\f20b"; 539 | @fa-var-sheqel: "\f20b"; 540 | @fa-var-shield: "\f132"; 541 | @fa-var-ship: "\f21a"; 542 | @fa-var-shirtsinbulk: "\f214"; 543 | @fa-var-shopping-bag: "\f290"; 544 | @fa-var-shopping-basket: "\f291"; 545 | @fa-var-shopping-cart: "\f07a"; 546 | @fa-var-sign-in: "\f090"; 547 | @fa-var-sign-out: "\f08b"; 548 | @fa-var-signal: "\f012"; 549 | @fa-var-simplybuilt: "\f215"; 550 | @fa-var-sitemap: "\f0e8"; 551 | @fa-var-skyatlas: "\f216"; 552 | @fa-var-skype: "\f17e"; 553 | @fa-var-slack: "\f198"; 554 | @fa-var-sliders: "\f1de"; 555 | @fa-var-slideshare: "\f1e7"; 556 | @fa-var-smile-o: "\f118"; 557 | @fa-var-soccer-ball-o: "\f1e3"; 558 | @fa-var-sort: "\f0dc"; 559 | @fa-var-sort-alpha-asc: "\f15d"; 560 | @fa-var-sort-alpha-desc: "\f15e"; 561 | @fa-var-sort-amount-asc: "\f160"; 562 | @fa-var-sort-amount-desc: "\f161"; 563 | @fa-var-sort-asc: "\f0de"; 564 | @fa-var-sort-desc: "\f0dd"; 565 | @fa-var-sort-down: "\f0dd"; 566 | @fa-var-sort-numeric-asc: "\f162"; 567 | @fa-var-sort-numeric-desc: "\f163"; 568 | @fa-var-sort-up: "\f0de"; 569 | @fa-var-soundcloud: "\f1be"; 570 | @fa-var-space-shuttle: "\f197"; 571 | @fa-var-spinner: "\f110"; 572 | @fa-var-spoon: "\f1b1"; 573 | @fa-var-spotify: "\f1bc"; 574 | @fa-var-square: "\f0c8"; 575 | @fa-var-square-o: "\f096"; 576 | @fa-var-stack-exchange: "\f18d"; 577 | @fa-var-stack-overflow: "\f16c"; 578 | @fa-var-star: "\f005"; 579 | @fa-var-star-half: "\f089"; 580 | @fa-var-star-half-empty: "\f123"; 581 | @fa-var-star-half-full: "\f123"; 582 | @fa-var-star-half-o: "\f123"; 583 | @fa-var-star-o: "\f006"; 584 | @fa-var-steam: "\f1b6"; 585 | @fa-var-steam-square: "\f1b7"; 586 | @fa-var-step-backward: "\f048"; 587 | @fa-var-step-forward: "\f051"; 588 | @fa-var-stethoscope: "\f0f1"; 589 | @fa-var-sticky-note: "\f249"; 590 | @fa-var-sticky-note-o: "\f24a"; 591 | @fa-var-stop: "\f04d"; 592 | @fa-var-stop-circle: "\f28d"; 593 | @fa-var-stop-circle-o: "\f28e"; 594 | @fa-var-street-view: "\f21d"; 595 | @fa-var-strikethrough: "\f0cc"; 596 | @fa-var-stumbleupon: "\f1a4"; 597 | @fa-var-stumbleupon-circle: "\f1a3"; 598 | @fa-var-subscript: "\f12c"; 599 | @fa-var-subway: "\f239"; 600 | @fa-var-suitcase: "\f0f2"; 601 | @fa-var-sun-o: "\f185"; 602 | @fa-var-superscript: "\f12b"; 603 | @fa-var-support: "\f1cd"; 604 | @fa-var-table: "\f0ce"; 605 | @fa-var-tablet: "\f10a"; 606 | @fa-var-tachometer: "\f0e4"; 607 | @fa-var-tag: "\f02b"; 608 | @fa-var-tags: "\f02c"; 609 | @fa-var-tasks: "\f0ae"; 610 | @fa-var-taxi: "\f1ba"; 611 | @fa-var-television: "\f26c"; 612 | @fa-var-tencent-weibo: "\f1d5"; 613 | @fa-var-terminal: "\f120"; 614 | @fa-var-text-height: "\f034"; 615 | @fa-var-text-width: "\f035"; 616 | @fa-var-th: "\f00a"; 617 | @fa-var-th-large: "\f009"; 618 | @fa-var-th-list: "\f00b"; 619 | @fa-var-thumb-tack: "\f08d"; 620 | @fa-var-thumbs-down: "\f165"; 621 | @fa-var-thumbs-o-down: "\f088"; 622 | @fa-var-thumbs-o-up: "\f087"; 623 | @fa-var-thumbs-up: "\f164"; 624 | @fa-var-ticket: "\f145"; 625 | @fa-var-times: "\f00d"; 626 | @fa-var-times-circle: "\f057"; 627 | @fa-var-times-circle-o: "\f05c"; 628 | @fa-var-tint: "\f043"; 629 | @fa-var-toggle-down: "\f150"; 630 | @fa-var-toggle-left: "\f191"; 631 | @fa-var-toggle-off: "\f204"; 632 | @fa-var-toggle-on: "\f205"; 633 | @fa-var-toggle-right: "\f152"; 634 | @fa-var-toggle-up: "\f151"; 635 | @fa-var-trademark: "\f25c"; 636 | @fa-var-train: "\f238"; 637 | @fa-var-transgender: "\f224"; 638 | @fa-var-transgender-alt: "\f225"; 639 | @fa-var-trash: "\f1f8"; 640 | @fa-var-trash-o: "\f014"; 641 | @fa-var-tree: "\f1bb"; 642 | @fa-var-trello: "\f181"; 643 | @fa-var-tripadvisor: "\f262"; 644 | @fa-var-trophy: "\f091"; 645 | @fa-var-truck: "\f0d1"; 646 | @fa-var-try: "\f195"; 647 | @fa-var-tty: "\f1e4"; 648 | @fa-var-tumblr: "\f173"; 649 | @fa-var-tumblr-square: "\f174"; 650 | @fa-var-turkish-lira: "\f195"; 651 | @fa-var-tv: "\f26c"; 652 | @fa-var-twitch: "\f1e8"; 653 | @fa-var-twitter: "\f099"; 654 | @fa-var-twitter-square: "\f081"; 655 | @fa-var-umbrella: "\f0e9"; 656 | @fa-var-underline: "\f0cd"; 657 | @fa-var-undo: "\f0e2"; 658 | @fa-var-university: "\f19c"; 659 | @fa-var-unlink: "\f127"; 660 | @fa-var-unlock: "\f09c"; 661 | @fa-var-unlock-alt: "\f13e"; 662 | @fa-var-unsorted: "\f0dc"; 663 | @fa-var-upload: "\f093"; 664 | @fa-var-usb: "\f287"; 665 | @fa-var-usd: "\f155"; 666 | @fa-var-user: "\f007"; 667 | @fa-var-user-md: "\f0f0"; 668 | @fa-var-user-plus: "\f234"; 669 | @fa-var-user-secret: "\f21b"; 670 | @fa-var-user-times: "\f235"; 671 | @fa-var-users: "\f0c0"; 672 | @fa-var-venus: "\f221"; 673 | @fa-var-venus-double: "\f226"; 674 | @fa-var-venus-mars: "\f228"; 675 | @fa-var-viacoin: "\f237"; 676 | @fa-var-video-camera: "\f03d"; 677 | @fa-var-vimeo: "\f27d"; 678 | @fa-var-vimeo-square: "\f194"; 679 | @fa-var-vine: "\f1ca"; 680 | @fa-var-vk: "\f189"; 681 | @fa-var-volume-down: "\f027"; 682 | @fa-var-volume-off: "\f026"; 683 | @fa-var-volume-up: "\f028"; 684 | @fa-var-warning: "\f071"; 685 | @fa-var-wechat: "\f1d7"; 686 | @fa-var-weibo: "\f18a"; 687 | @fa-var-weixin: "\f1d7"; 688 | @fa-var-whatsapp: "\f232"; 689 | @fa-var-wheelchair: "\f193"; 690 | @fa-var-wifi: "\f1eb"; 691 | @fa-var-wikipedia-w: "\f266"; 692 | @fa-var-windows: "\f17a"; 693 | @fa-var-won: "\f159"; 694 | @fa-var-wordpress: "\f19a"; 695 | @fa-var-wrench: "\f0ad"; 696 | @fa-var-xing: "\f168"; 697 | @fa-var-xing-square: "\f169"; 698 | @fa-var-y-combinator: "\f23b"; 699 | @fa-var-y-combinator-square: "\f1d4"; 700 | @fa-var-yahoo: "\f19e"; 701 | @fa-var-yc: "\f23b"; 702 | @fa-var-yc-square: "\f1d4"; 703 | @fa-var-yelp: "\f1e9"; 704 | @fa-var-yen: "\f157"; 705 | @fa-var-youtube: "\f167"; 706 | @fa-var-youtube-play: "\f16a"; 707 | @fa-var-youtube-square: "\f166"; 708 | 709 | -------------------------------------------------------------------------------- /assets/font-awesome/scss/_animated.scss: -------------------------------------------------------------------------------- 1 | // Spinning Icons 2 | // -------------------------- 3 | 4 | .#{$fa-css-prefix}-spin { 5 | -webkit-animation: fa-spin 2s infinite linear; 6 | animation: fa-spin 2s infinite linear; 7 | } 8 | 9 | .#{$fa-css-prefix}-pulse { 10 | -webkit-animation: fa-spin 1s infinite steps(8); 11 | animation: fa-spin 1s infinite steps(8); 12 | } 13 | 14 | @-webkit-keyframes fa-spin { 15 | 0% { 16 | -webkit-transform: rotate(0deg); 17 | transform: rotate(0deg); 18 | } 19 | 100% { 20 | -webkit-transform: rotate(359deg); 21 | transform: rotate(359deg); 22 | } 23 | } 24 | 25 | @keyframes fa-spin { 26 | 0% { 27 | -webkit-transform: rotate(0deg); 28 | transform: rotate(0deg); 29 | } 30 | 100% { 31 | -webkit-transform: rotate(359deg); 32 | transform: rotate(359deg); 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /assets/font-awesome/scss/_bordered-pulled.scss: -------------------------------------------------------------------------------- 1 | // Bordered & Pulled 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix}-border { 5 | padding: .2em .25em .15em; 6 | border: solid .08em $fa-border-color; 7 | border-radius: .1em; 8 | } 9 | 10 | .#{$fa-css-prefix}-pull-left { float: left; } 11 | .#{$fa-css-prefix}-pull-right { float: right; } 12 | 13 | .#{$fa-css-prefix} { 14 | &.#{$fa-css-prefix}-pull-left { margin-right: .3em; } 15 | &.#{$fa-css-prefix}-pull-right { margin-left: .3em; } 16 | } 17 | 18 | /* Deprecated as of 4.4.0 */ 19 | .pull-right { float: right; } 20 | .pull-left { float: left; } 21 | 22 | .#{$fa-css-prefix} { 23 | &.pull-left { margin-right: .3em; } 24 | &.pull-right { margin-left: .3em; } 25 | } 26 | -------------------------------------------------------------------------------- /assets/font-awesome/scss/_core.scss: -------------------------------------------------------------------------------- 1 | // Base Class Definition 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix} { 5 | display: inline-block; 6 | font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration 7 | font-size: inherit; // can't have font-size inherit on line above, so need to override 8 | text-rendering: auto; // optimizelegibility throws things off #1094 9 | -webkit-font-smoothing: antialiased; 10 | -moz-osx-font-smoothing: grayscale; 11 | 12 | } 13 | -------------------------------------------------------------------------------- /assets/font-awesome/scss/_fixed-width.scss: -------------------------------------------------------------------------------- 1 | // Fixed Width Icons 2 | // ------------------------- 3 | .#{$fa-css-prefix}-fw { 4 | width: (18em / 14); 5 | text-align: center; 6 | } 7 | -------------------------------------------------------------------------------- /assets/font-awesome/scss/_larger.scss: -------------------------------------------------------------------------------- 1 | // Icon Sizes 2 | // ------------------------- 3 | 4 | /* makes the font 33% larger relative to the icon container */ 5 | .#{$fa-css-prefix}-lg { 6 | font-size: (4em / 3); 7 | line-height: (3em / 4); 8 | vertical-align: -15%; 9 | } 10 | .#{$fa-css-prefix}-2x { font-size: 2em; } 11 | .#{$fa-css-prefix}-3x { font-size: 3em; } 12 | .#{$fa-css-prefix}-4x { font-size: 4em; } 13 | .#{$fa-css-prefix}-5x { font-size: 5em; } 14 | -------------------------------------------------------------------------------- /assets/font-awesome/scss/_list.scss: -------------------------------------------------------------------------------- 1 | // List Icons 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix}-ul { 5 | padding-left: 0; 6 | margin-left: $fa-li-width; 7 | list-style-type: none; 8 | > li { position: relative; } 9 | } 10 | .#{$fa-css-prefix}-li { 11 | position: absolute; 12 | left: -$fa-li-width; 13 | width: $fa-li-width; 14 | top: (2em / 14); 15 | text-align: center; 16 | &.#{$fa-css-prefix}-lg { 17 | left: -$fa-li-width + (4em / 14); 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /assets/font-awesome/scss/_mixins.scss: -------------------------------------------------------------------------------- 1 | // Mixins 2 | // -------------------------- 3 | 4 | @mixin fa-icon() { 5 | display: inline-block; 6 | font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration 7 | font-size: inherit; // can't have font-size inherit on line above, so need to override 8 | text-rendering: auto; // optimizelegibility throws things off #1094 9 | -webkit-font-smoothing: antialiased; 10 | -moz-osx-font-smoothing: grayscale; 11 | 12 | } 13 | 14 | @mixin fa-icon-rotate($degrees, $rotation) { 15 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}); 16 | -webkit-transform: rotate($degrees); 17 | -ms-transform: rotate($degrees); 18 | transform: rotate($degrees); 19 | } 20 | 21 | @mixin fa-icon-flip($horiz, $vert, $rotation) { 22 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}); 23 | -webkit-transform: scale($horiz, $vert); 24 | -ms-transform: scale($horiz, $vert); 25 | transform: scale($horiz, $vert); 26 | } 27 | -------------------------------------------------------------------------------- /assets/font-awesome/scss/_path.scss: -------------------------------------------------------------------------------- 1 | /* FONT PATH 2 | * -------------------------- */ 3 | 4 | @font-face { 5 | font-family: 'FontAwesome'; 6 | src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}'); 7 | src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'), 8 | url('#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}') format('woff2'), 9 | url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'), 10 | url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'), 11 | url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg'); 12 | // src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts 13 | font-weight: normal; 14 | font-style: normal; 15 | } 16 | -------------------------------------------------------------------------------- /assets/font-awesome/scss/_rotated-flipped.scss: -------------------------------------------------------------------------------- 1 | // Rotated & Flipped Icons 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); } 5 | .#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); } 6 | .#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); } 7 | 8 | .#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); } 9 | .#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); } 10 | 11 | // Hook for IE8-9 12 | // ------------------------- 13 | 14 | :root .#{$fa-css-prefix}-rotate-90, 15 | :root .#{$fa-css-prefix}-rotate-180, 16 | :root .#{$fa-css-prefix}-rotate-270, 17 | :root .#{$fa-css-prefix}-flip-horizontal, 18 | :root .#{$fa-css-prefix}-flip-vertical { 19 | filter: none; 20 | } 21 | -------------------------------------------------------------------------------- /assets/font-awesome/scss/_stacked.scss: -------------------------------------------------------------------------------- 1 | // Stacked Icons 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix}-stack { 5 | position: relative; 6 | display: inline-block; 7 | width: 2em; 8 | height: 2em; 9 | line-height: 2em; 10 | vertical-align: middle; 11 | } 12 | .#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x { 13 | position: absolute; 14 | left: 0; 15 | width: 100%; 16 | text-align: center; 17 | } 18 | .#{$fa-css-prefix}-stack-1x { line-height: inherit; } 19 | .#{$fa-css-prefix}-stack-2x { font-size: 2em; } 20 | .#{$fa-css-prefix}-inverse { color: $fa-inverse; } 21 | -------------------------------------------------------------------------------- /assets/font-awesome/scss/_variables.scss: -------------------------------------------------------------------------------- 1 | // Variables 2 | // -------------------------- 3 | 4 | $fa-font-path: "../fonts" !default; 5 | $fa-font-size-base: 14px !default; 6 | $fa-line-height-base: 1 !default; 7 | //$fa-font-path: "//netdna.bootstrapcdn.com/font-awesome/4.5.0/fonts" !default; // for referencing Bootstrap CDN font files directly 8 | $fa-css-prefix: fa !default; 9 | $fa-version: "4.5.0" !default; 10 | $fa-border-color: #eee !default; 11 | $fa-inverse: #fff !default; 12 | $fa-li-width: (30em / 14) !default; 13 | 14 | $fa-var-500px: "\f26e"; 15 | $fa-var-adjust: "\f042"; 16 | $fa-var-adn: "\f170"; 17 | $fa-var-align-center: "\f037"; 18 | $fa-var-align-justify: "\f039"; 19 | $fa-var-align-left: "\f036"; 20 | $fa-var-align-right: "\f038"; 21 | $fa-var-amazon: "\f270"; 22 | $fa-var-ambulance: "\f0f9"; 23 | $fa-var-anchor: "\f13d"; 24 | $fa-var-android: "\f17b"; 25 | $fa-var-angellist: "\f209"; 26 | $fa-var-angle-double-down: "\f103"; 27 | $fa-var-angle-double-left: "\f100"; 28 | $fa-var-angle-double-right: "\f101"; 29 | $fa-var-angle-double-up: "\f102"; 30 | $fa-var-angle-down: "\f107"; 31 | $fa-var-angle-left: "\f104"; 32 | $fa-var-angle-right: "\f105"; 33 | $fa-var-angle-up: "\f106"; 34 | $fa-var-apple: "\f179"; 35 | $fa-var-archive: "\f187"; 36 | $fa-var-area-chart: "\f1fe"; 37 | $fa-var-arrow-circle-down: "\f0ab"; 38 | $fa-var-arrow-circle-left: "\f0a8"; 39 | $fa-var-arrow-circle-o-down: "\f01a"; 40 | $fa-var-arrow-circle-o-left: "\f190"; 41 | $fa-var-arrow-circle-o-right: "\f18e"; 42 | $fa-var-arrow-circle-o-up: "\f01b"; 43 | $fa-var-arrow-circle-right: "\f0a9"; 44 | $fa-var-arrow-circle-up: "\f0aa"; 45 | $fa-var-arrow-down: "\f063"; 46 | $fa-var-arrow-left: "\f060"; 47 | $fa-var-arrow-right: "\f061"; 48 | $fa-var-arrow-up: "\f062"; 49 | $fa-var-arrows: "\f047"; 50 | $fa-var-arrows-alt: "\f0b2"; 51 | $fa-var-arrows-h: "\f07e"; 52 | $fa-var-arrows-v: "\f07d"; 53 | $fa-var-asterisk: "\f069"; 54 | $fa-var-at: "\f1fa"; 55 | $fa-var-automobile: "\f1b9"; 56 | $fa-var-backward: "\f04a"; 57 | $fa-var-balance-scale: "\f24e"; 58 | $fa-var-ban: "\f05e"; 59 | $fa-var-bank: "\f19c"; 60 | $fa-var-bar-chart: "\f080"; 61 | $fa-var-bar-chart-o: "\f080"; 62 | $fa-var-barcode: "\f02a"; 63 | $fa-var-bars: "\f0c9"; 64 | $fa-var-battery-0: "\f244"; 65 | $fa-var-battery-1: "\f243"; 66 | $fa-var-battery-2: "\f242"; 67 | $fa-var-battery-3: "\f241"; 68 | $fa-var-battery-4: "\f240"; 69 | $fa-var-battery-empty: "\f244"; 70 | $fa-var-battery-full: "\f240"; 71 | $fa-var-battery-half: "\f242"; 72 | $fa-var-battery-quarter: "\f243"; 73 | $fa-var-battery-three-quarters: "\f241"; 74 | $fa-var-bed: "\f236"; 75 | $fa-var-beer: "\f0fc"; 76 | $fa-var-behance: "\f1b4"; 77 | $fa-var-behance-square: "\f1b5"; 78 | $fa-var-bell: "\f0f3"; 79 | $fa-var-bell-o: "\f0a2"; 80 | $fa-var-bell-slash: "\f1f6"; 81 | $fa-var-bell-slash-o: "\f1f7"; 82 | $fa-var-bicycle: "\f206"; 83 | $fa-var-binoculars: "\f1e5"; 84 | $fa-var-birthday-cake: "\f1fd"; 85 | $fa-var-bitbucket: "\f171"; 86 | $fa-var-bitbucket-square: "\f172"; 87 | $fa-var-bitcoin: "\f15a"; 88 | $fa-var-black-tie: "\f27e"; 89 | $fa-var-bluetooth: "\f293"; 90 | $fa-var-bluetooth-b: "\f294"; 91 | $fa-var-bold: "\f032"; 92 | $fa-var-bolt: "\f0e7"; 93 | $fa-var-bomb: "\f1e2"; 94 | $fa-var-book: "\f02d"; 95 | $fa-var-bookmark: "\f02e"; 96 | $fa-var-bookmark-o: "\f097"; 97 | $fa-var-briefcase: "\f0b1"; 98 | $fa-var-btc: "\f15a"; 99 | $fa-var-bug: "\f188"; 100 | $fa-var-building: "\f1ad"; 101 | $fa-var-building-o: "\f0f7"; 102 | $fa-var-bullhorn: "\f0a1"; 103 | $fa-var-bullseye: "\f140"; 104 | $fa-var-bus: "\f207"; 105 | $fa-var-buysellads: "\f20d"; 106 | $fa-var-cab: "\f1ba"; 107 | $fa-var-calculator: "\f1ec"; 108 | $fa-var-calendar: "\f073"; 109 | $fa-var-calendar-check-o: "\f274"; 110 | $fa-var-calendar-minus-o: "\f272"; 111 | $fa-var-calendar-o: "\f133"; 112 | $fa-var-calendar-plus-o: "\f271"; 113 | $fa-var-calendar-times-o: "\f273"; 114 | $fa-var-camera: "\f030"; 115 | $fa-var-camera-retro: "\f083"; 116 | $fa-var-car: "\f1b9"; 117 | $fa-var-caret-down: "\f0d7"; 118 | $fa-var-caret-left: "\f0d9"; 119 | $fa-var-caret-right: "\f0da"; 120 | $fa-var-caret-square-o-down: "\f150"; 121 | $fa-var-caret-square-o-left: "\f191"; 122 | $fa-var-caret-square-o-right: "\f152"; 123 | $fa-var-caret-square-o-up: "\f151"; 124 | $fa-var-caret-up: "\f0d8"; 125 | $fa-var-cart-arrow-down: "\f218"; 126 | $fa-var-cart-plus: "\f217"; 127 | $fa-var-cc: "\f20a"; 128 | $fa-var-cc-amex: "\f1f3"; 129 | $fa-var-cc-diners-club: "\f24c"; 130 | $fa-var-cc-discover: "\f1f2"; 131 | $fa-var-cc-jcb: "\f24b"; 132 | $fa-var-cc-mastercard: "\f1f1"; 133 | $fa-var-cc-paypal: "\f1f4"; 134 | $fa-var-cc-stripe: "\f1f5"; 135 | $fa-var-cc-visa: "\f1f0"; 136 | $fa-var-certificate: "\f0a3"; 137 | $fa-var-chain: "\f0c1"; 138 | $fa-var-chain-broken: "\f127"; 139 | $fa-var-check: "\f00c"; 140 | $fa-var-check-circle: "\f058"; 141 | $fa-var-check-circle-o: "\f05d"; 142 | $fa-var-check-square: "\f14a"; 143 | $fa-var-check-square-o: "\f046"; 144 | $fa-var-chevron-circle-down: "\f13a"; 145 | $fa-var-chevron-circle-left: "\f137"; 146 | $fa-var-chevron-circle-right: "\f138"; 147 | $fa-var-chevron-circle-up: "\f139"; 148 | $fa-var-chevron-down: "\f078"; 149 | $fa-var-chevron-left: "\f053"; 150 | $fa-var-chevron-right: "\f054"; 151 | $fa-var-chevron-up: "\f077"; 152 | $fa-var-child: "\f1ae"; 153 | $fa-var-chrome: "\f268"; 154 | $fa-var-circle: "\f111"; 155 | $fa-var-circle-o: "\f10c"; 156 | $fa-var-circle-o-notch: "\f1ce"; 157 | $fa-var-circle-thin: "\f1db"; 158 | $fa-var-clipboard: "\f0ea"; 159 | $fa-var-clock-o: "\f017"; 160 | $fa-var-clone: "\f24d"; 161 | $fa-var-close: "\f00d"; 162 | $fa-var-cloud: "\f0c2"; 163 | $fa-var-cloud-download: "\f0ed"; 164 | $fa-var-cloud-upload: "\f0ee"; 165 | $fa-var-cny: "\f157"; 166 | $fa-var-code: "\f121"; 167 | $fa-var-code-fork: "\f126"; 168 | $fa-var-codepen: "\f1cb"; 169 | $fa-var-codiepie: "\f284"; 170 | $fa-var-coffee: "\f0f4"; 171 | $fa-var-cog: "\f013"; 172 | $fa-var-cogs: "\f085"; 173 | $fa-var-columns: "\f0db"; 174 | $fa-var-comment: "\f075"; 175 | $fa-var-comment-o: "\f0e5"; 176 | $fa-var-commenting: "\f27a"; 177 | $fa-var-commenting-o: "\f27b"; 178 | $fa-var-comments: "\f086"; 179 | $fa-var-comments-o: "\f0e6"; 180 | $fa-var-compass: "\f14e"; 181 | $fa-var-compress: "\f066"; 182 | $fa-var-connectdevelop: "\f20e"; 183 | $fa-var-contao: "\f26d"; 184 | $fa-var-copy: "\f0c5"; 185 | $fa-var-copyright: "\f1f9"; 186 | $fa-var-creative-commons: "\f25e"; 187 | $fa-var-credit-card: "\f09d"; 188 | $fa-var-credit-card-alt: "\f283"; 189 | $fa-var-crop: "\f125"; 190 | $fa-var-crosshairs: "\f05b"; 191 | $fa-var-css3: "\f13c"; 192 | $fa-var-cube: "\f1b2"; 193 | $fa-var-cubes: "\f1b3"; 194 | $fa-var-cut: "\f0c4"; 195 | $fa-var-cutlery: "\f0f5"; 196 | $fa-var-dashboard: "\f0e4"; 197 | $fa-var-dashcube: "\f210"; 198 | $fa-var-database: "\f1c0"; 199 | $fa-var-dedent: "\f03b"; 200 | $fa-var-delicious: "\f1a5"; 201 | $fa-var-desktop: "\f108"; 202 | $fa-var-deviantart: "\f1bd"; 203 | $fa-var-diamond: "\f219"; 204 | $fa-var-digg: "\f1a6"; 205 | $fa-var-dollar: "\f155"; 206 | $fa-var-dot-circle-o: "\f192"; 207 | $fa-var-download: "\f019"; 208 | $fa-var-dribbble: "\f17d"; 209 | $fa-var-dropbox: "\f16b"; 210 | $fa-var-drupal: "\f1a9"; 211 | $fa-var-edge: "\f282"; 212 | $fa-var-edit: "\f044"; 213 | $fa-var-eject: "\f052"; 214 | $fa-var-ellipsis-h: "\f141"; 215 | $fa-var-ellipsis-v: "\f142"; 216 | $fa-var-empire: "\f1d1"; 217 | $fa-var-envelope: "\f0e0"; 218 | $fa-var-envelope-o: "\f003"; 219 | $fa-var-envelope-square: "\f199"; 220 | $fa-var-eraser: "\f12d"; 221 | $fa-var-eur: "\f153"; 222 | $fa-var-euro: "\f153"; 223 | $fa-var-exchange: "\f0ec"; 224 | $fa-var-exclamation: "\f12a"; 225 | $fa-var-exclamation-circle: "\f06a"; 226 | $fa-var-exclamation-triangle: "\f071"; 227 | $fa-var-expand: "\f065"; 228 | $fa-var-expeditedssl: "\f23e"; 229 | $fa-var-external-link: "\f08e"; 230 | $fa-var-external-link-square: "\f14c"; 231 | $fa-var-eye: "\f06e"; 232 | $fa-var-eye-slash: "\f070"; 233 | $fa-var-eyedropper: "\f1fb"; 234 | $fa-var-facebook: "\f09a"; 235 | $fa-var-facebook-f: "\f09a"; 236 | $fa-var-facebook-official: "\f230"; 237 | $fa-var-facebook-square: "\f082"; 238 | $fa-var-fast-backward: "\f049"; 239 | $fa-var-fast-forward: "\f050"; 240 | $fa-var-fax: "\f1ac"; 241 | $fa-var-feed: "\f09e"; 242 | $fa-var-female: "\f182"; 243 | $fa-var-fighter-jet: "\f0fb"; 244 | $fa-var-file: "\f15b"; 245 | $fa-var-file-archive-o: "\f1c6"; 246 | $fa-var-file-audio-o: "\f1c7"; 247 | $fa-var-file-code-o: "\f1c9"; 248 | $fa-var-file-excel-o: "\f1c3"; 249 | $fa-var-file-image-o: "\f1c5"; 250 | $fa-var-file-movie-o: "\f1c8"; 251 | $fa-var-file-o: "\f016"; 252 | $fa-var-file-pdf-o: "\f1c1"; 253 | $fa-var-file-photo-o: "\f1c5"; 254 | $fa-var-file-picture-o: "\f1c5"; 255 | $fa-var-file-powerpoint-o: "\f1c4"; 256 | $fa-var-file-sound-o: "\f1c7"; 257 | $fa-var-file-text: "\f15c"; 258 | $fa-var-file-text-o: "\f0f6"; 259 | $fa-var-file-video-o: "\f1c8"; 260 | $fa-var-file-word-o: "\f1c2"; 261 | $fa-var-file-zip-o: "\f1c6"; 262 | $fa-var-files-o: "\f0c5"; 263 | $fa-var-film: "\f008"; 264 | $fa-var-filter: "\f0b0"; 265 | $fa-var-fire: "\f06d"; 266 | $fa-var-fire-extinguisher: "\f134"; 267 | $fa-var-firefox: "\f269"; 268 | $fa-var-flag: "\f024"; 269 | $fa-var-flag-checkered: "\f11e"; 270 | $fa-var-flag-o: "\f11d"; 271 | $fa-var-flash: "\f0e7"; 272 | $fa-var-flask: "\f0c3"; 273 | $fa-var-flickr: "\f16e"; 274 | $fa-var-floppy-o: "\f0c7"; 275 | $fa-var-folder: "\f07b"; 276 | $fa-var-folder-o: "\f114"; 277 | $fa-var-folder-open: "\f07c"; 278 | $fa-var-folder-open-o: "\f115"; 279 | $fa-var-font: "\f031"; 280 | $fa-var-fonticons: "\f280"; 281 | $fa-var-fort-awesome: "\f286"; 282 | $fa-var-forumbee: "\f211"; 283 | $fa-var-forward: "\f04e"; 284 | $fa-var-foursquare: "\f180"; 285 | $fa-var-frown-o: "\f119"; 286 | $fa-var-futbol-o: "\f1e3"; 287 | $fa-var-gamepad: "\f11b"; 288 | $fa-var-gavel: "\f0e3"; 289 | $fa-var-gbp: "\f154"; 290 | $fa-var-ge: "\f1d1"; 291 | $fa-var-gear: "\f013"; 292 | $fa-var-gears: "\f085"; 293 | $fa-var-genderless: "\f22d"; 294 | $fa-var-get-pocket: "\f265"; 295 | $fa-var-gg: "\f260"; 296 | $fa-var-gg-circle: "\f261"; 297 | $fa-var-gift: "\f06b"; 298 | $fa-var-git: "\f1d3"; 299 | $fa-var-git-square: "\f1d2"; 300 | $fa-var-github: "\f09b"; 301 | $fa-var-github-alt: "\f113"; 302 | $fa-var-github-square: "\f092"; 303 | $fa-var-gittip: "\f184"; 304 | $fa-var-glass: "\f000"; 305 | $fa-var-globe: "\f0ac"; 306 | $fa-var-google: "\f1a0"; 307 | $fa-var-google-plus: "\f0d5"; 308 | $fa-var-google-plus-square: "\f0d4"; 309 | $fa-var-google-wallet: "\f1ee"; 310 | $fa-var-graduation-cap: "\f19d"; 311 | $fa-var-gratipay: "\f184"; 312 | $fa-var-group: "\f0c0"; 313 | $fa-var-h-square: "\f0fd"; 314 | $fa-var-hacker-news: "\f1d4"; 315 | $fa-var-hand-grab-o: "\f255"; 316 | $fa-var-hand-lizard-o: "\f258"; 317 | $fa-var-hand-o-down: "\f0a7"; 318 | $fa-var-hand-o-left: "\f0a5"; 319 | $fa-var-hand-o-right: "\f0a4"; 320 | $fa-var-hand-o-up: "\f0a6"; 321 | $fa-var-hand-paper-o: "\f256"; 322 | $fa-var-hand-peace-o: "\f25b"; 323 | $fa-var-hand-pointer-o: "\f25a"; 324 | $fa-var-hand-rock-o: "\f255"; 325 | $fa-var-hand-scissors-o: "\f257"; 326 | $fa-var-hand-spock-o: "\f259"; 327 | $fa-var-hand-stop-o: "\f256"; 328 | $fa-var-hashtag: "\f292"; 329 | $fa-var-hdd-o: "\f0a0"; 330 | $fa-var-header: "\f1dc"; 331 | $fa-var-headphones: "\f025"; 332 | $fa-var-heart: "\f004"; 333 | $fa-var-heart-o: "\f08a"; 334 | $fa-var-heartbeat: "\f21e"; 335 | $fa-var-history: "\f1da"; 336 | $fa-var-home: "\f015"; 337 | $fa-var-hospital-o: "\f0f8"; 338 | $fa-var-hotel: "\f236"; 339 | $fa-var-hourglass: "\f254"; 340 | $fa-var-hourglass-1: "\f251"; 341 | $fa-var-hourglass-2: "\f252"; 342 | $fa-var-hourglass-3: "\f253"; 343 | $fa-var-hourglass-end: "\f253"; 344 | $fa-var-hourglass-half: "\f252"; 345 | $fa-var-hourglass-o: "\f250"; 346 | $fa-var-hourglass-start: "\f251"; 347 | $fa-var-houzz: "\f27c"; 348 | $fa-var-html5: "\f13b"; 349 | $fa-var-i-cursor: "\f246"; 350 | $fa-var-ils: "\f20b"; 351 | $fa-var-image: "\f03e"; 352 | $fa-var-inbox: "\f01c"; 353 | $fa-var-indent: "\f03c"; 354 | $fa-var-industry: "\f275"; 355 | $fa-var-info: "\f129"; 356 | $fa-var-info-circle: "\f05a"; 357 | $fa-var-inr: "\f156"; 358 | $fa-var-instagram: "\f16d"; 359 | $fa-var-institution: "\f19c"; 360 | $fa-var-internet-explorer: "\f26b"; 361 | $fa-var-intersex: "\f224"; 362 | $fa-var-ioxhost: "\f208"; 363 | $fa-var-italic: "\f033"; 364 | $fa-var-joomla: "\f1aa"; 365 | $fa-var-jpy: "\f157"; 366 | $fa-var-jsfiddle: "\f1cc"; 367 | $fa-var-key: "\f084"; 368 | $fa-var-keyboard-o: "\f11c"; 369 | $fa-var-krw: "\f159"; 370 | $fa-var-language: "\f1ab"; 371 | $fa-var-laptop: "\f109"; 372 | $fa-var-lastfm: "\f202"; 373 | $fa-var-lastfm-square: "\f203"; 374 | $fa-var-leaf: "\f06c"; 375 | $fa-var-leanpub: "\f212"; 376 | $fa-var-legal: "\f0e3"; 377 | $fa-var-lemon-o: "\f094"; 378 | $fa-var-level-down: "\f149"; 379 | $fa-var-level-up: "\f148"; 380 | $fa-var-life-bouy: "\f1cd"; 381 | $fa-var-life-buoy: "\f1cd"; 382 | $fa-var-life-ring: "\f1cd"; 383 | $fa-var-life-saver: "\f1cd"; 384 | $fa-var-lightbulb-o: "\f0eb"; 385 | $fa-var-line-chart: "\f201"; 386 | $fa-var-link: "\f0c1"; 387 | $fa-var-linkedin: "\f0e1"; 388 | $fa-var-linkedin-square: "\f08c"; 389 | $fa-var-linux: "\f17c"; 390 | $fa-var-list: "\f03a"; 391 | $fa-var-list-alt: "\f022"; 392 | $fa-var-list-ol: "\f0cb"; 393 | $fa-var-list-ul: "\f0ca"; 394 | $fa-var-location-arrow: "\f124"; 395 | $fa-var-lock: "\f023"; 396 | $fa-var-long-arrow-down: "\f175"; 397 | $fa-var-long-arrow-left: "\f177"; 398 | $fa-var-long-arrow-right: "\f178"; 399 | $fa-var-long-arrow-up: "\f176"; 400 | $fa-var-magic: "\f0d0"; 401 | $fa-var-magnet: "\f076"; 402 | $fa-var-mail-forward: "\f064"; 403 | $fa-var-mail-reply: "\f112"; 404 | $fa-var-mail-reply-all: "\f122"; 405 | $fa-var-male: "\f183"; 406 | $fa-var-map: "\f279"; 407 | $fa-var-map-marker: "\f041"; 408 | $fa-var-map-o: "\f278"; 409 | $fa-var-map-pin: "\f276"; 410 | $fa-var-map-signs: "\f277"; 411 | $fa-var-mars: "\f222"; 412 | $fa-var-mars-double: "\f227"; 413 | $fa-var-mars-stroke: "\f229"; 414 | $fa-var-mars-stroke-h: "\f22b"; 415 | $fa-var-mars-stroke-v: "\f22a"; 416 | $fa-var-maxcdn: "\f136"; 417 | $fa-var-meanpath: "\f20c"; 418 | $fa-var-medium: "\f23a"; 419 | $fa-var-medkit: "\f0fa"; 420 | $fa-var-meh-o: "\f11a"; 421 | $fa-var-mercury: "\f223"; 422 | $fa-var-microphone: "\f130"; 423 | $fa-var-microphone-slash: "\f131"; 424 | $fa-var-minus: "\f068"; 425 | $fa-var-minus-circle: "\f056"; 426 | $fa-var-minus-square: "\f146"; 427 | $fa-var-minus-square-o: "\f147"; 428 | $fa-var-mixcloud: "\f289"; 429 | $fa-var-mobile: "\f10b"; 430 | $fa-var-mobile-phone: "\f10b"; 431 | $fa-var-modx: "\f285"; 432 | $fa-var-money: "\f0d6"; 433 | $fa-var-moon-o: "\f186"; 434 | $fa-var-mortar-board: "\f19d"; 435 | $fa-var-motorcycle: "\f21c"; 436 | $fa-var-mouse-pointer: "\f245"; 437 | $fa-var-music: "\f001"; 438 | $fa-var-navicon: "\f0c9"; 439 | $fa-var-neuter: "\f22c"; 440 | $fa-var-newspaper-o: "\f1ea"; 441 | $fa-var-object-group: "\f247"; 442 | $fa-var-object-ungroup: "\f248"; 443 | $fa-var-odnoklassniki: "\f263"; 444 | $fa-var-odnoklassniki-square: "\f264"; 445 | $fa-var-opencart: "\f23d"; 446 | $fa-var-openid: "\f19b"; 447 | $fa-var-opera: "\f26a"; 448 | $fa-var-optin-monster: "\f23c"; 449 | $fa-var-outdent: "\f03b"; 450 | $fa-var-pagelines: "\f18c"; 451 | $fa-var-paint-brush: "\f1fc"; 452 | $fa-var-paper-plane: "\f1d8"; 453 | $fa-var-paper-plane-o: "\f1d9"; 454 | $fa-var-paperclip: "\f0c6"; 455 | $fa-var-paragraph: "\f1dd"; 456 | $fa-var-paste: "\f0ea"; 457 | $fa-var-pause: "\f04c"; 458 | $fa-var-pause-circle: "\f28b"; 459 | $fa-var-pause-circle-o: "\f28c"; 460 | $fa-var-paw: "\f1b0"; 461 | $fa-var-paypal: "\f1ed"; 462 | $fa-var-pencil: "\f040"; 463 | $fa-var-pencil-square: "\f14b"; 464 | $fa-var-pencil-square-o: "\f044"; 465 | $fa-var-percent: "\f295"; 466 | $fa-var-phone: "\f095"; 467 | $fa-var-phone-square: "\f098"; 468 | $fa-var-photo: "\f03e"; 469 | $fa-var-picture-o: "\f03e"; 470 | $fa-var-pie-chart: "\f200"; 471 | $fa-var-pied-piper: "\f1a7"; 472 | $fa-var-pied-piper-alt: "\f1a8"; 473 | $fa-var-pinterest: "\f0d2"; 474 | $fa-var-pinterest-p: "\f231"; 475 | $fa-var-pinterest-square: "\f0d3"; 476 | $fa-var-plane: "\f072"; 477 | $fa-var-play: "\f04b"; 478 | $fa-var-play-circle: "\f144"; 479 | $fa-var-play-circle-o: "\f01d"; 480 | $fa-var-plug: "\f1e6"; 481 | $fa-var-plus: "\f067"; 482 | $fa-var-plus-circle: "\f055"; 483 | $fa-var-plus-square: "\f0fe"; 484 | $fa-var-plus-square-o: "\f196"; 485 | $fa-var-power-off: "\f011"; 486 | $fa-var-print: "\f02f"; 487 | $fa-var-product-hunt: "\f288"; 488 | $fa-var-puzzle-piece: "\f12e"; 489 | $fa-var-qq: "\f1d6"; 490 | $fa-var-qrcode: "\f029"; 491 | $fa-var-question: "\f128"; 492 | $fa-var-question-circle: "\f059"; 493 | $fa-var-quote-left: "\f10d"; 494 | $fa-var-quote-right: "\f10e"; 495 | $fa-var-ra: "\f1d0"; 496 | $fa-var-random: "\f074"; 497 | $fa-var-rebel: "\f1d0"; 498 | $fa-var-recycle: "\f1b8"; 499 | $fa-var-reddit: "\f1a1"; 500 | $fa-var-reddit-alien: "\f281"; 501 | $fa-var-reddit-square: "\f1a2"; 502 | $fa-var-refresh: "\f021"; 503 | $fa-var-registered: "\f25d"; 504 | $fa-var-remove: "\f00d"; 505 | $fa-var-renren: "\f18b"; 506 | $fa-var-reorder: "\f0c9"; 507 | $fa-var-repeat: "\f01e"; 508 | $fa-var-reply: "\f112"; 509 | $fa-var-reply-all: "\f122"; 510 | $fa-var-retweet: "\f079"; 511 | $fa-var-rmb: "\f157"; 512 | $fa-var-road: "\f018"; 513 | $fa-var-rocket: "\f135"; 514 | $fa-var-rotate-left: "\f0e2"; 515 | $fa-var-rotate-right: "\f01e"; 516 | $fa-var-rouble: "\f158"; 517 | $fa-var-rss: "\f09e"; 518 | $fa-var-rss-square: "\f143"; 519 | $fa-var-rub: "\f158"; 520 | $fa-var-ruble: "\f158"; 521 | $fa-var-rupee: "\f156"; 522 | $fa-var-safari: "\f267"; 523 | $fa-var-save: "\f0c7"; 524 | $fa-var-scissors: "\f0c4"; 525 | $fa-var-scribd: "\f28a"; 526 | $fa-var-search: "\f002"; 527 | $fa-var-search-minus: "\f010"; 528 | $fa-var-search-plus: "\f00e"; 529 | $fa-var-sellsy: "\f213"; 530 | $fa-var-send: "\f1d8"; 531 | $fa-var-send-o: "\f1d9"; 532 | $fa-var-server: "\f233"; 533 | $fa-var-share: "\f064"; 534 | $fa-var-share-alt: "\f1e0"; 535 | $fa-var-share-alt-square: "\f1e1"; 536 | $fa-var-share-square: "\f14d"; 537 | $fa-var-share-square-o: "\f045"; 538 | $fa-var-shekel: "\f20b"; 539 | $fa-var-sheqel: "\f20b"; 540 | $fa-var-shield: "\f132"; 541 | $fa-var-ship: "\f21a"; 542 | $fa-var-shirtsinbulk: "\f214"; 543 | $fa-var-shopping-bag: "\f290"; 544 | $fa-var-shopping-basket: "\f291"; 545 | $fa-var-shopping-cart: "\f07a"; 546 | $fa-var-sign-in: "\f090"; 547 | $fa-var-sign-out: "\f08b"; 548 | $fa-var-signal: "\f012"; 549 | $fa-var-simplybuilt: "\f215"; 550 | $fa-var-sitemap: "\f0e8"; 551 | $fa-var-skyatlas: "\f216"; 552 | $fa-var-skype: "\f17e"; 553 | $fa-var-slack: "\f198"; 554 | $fa-var-sliders: "\f1de"; 555 | $fa-var-slideshare: "\f1e7"; 556 | $fa-var-smile-o: "\f118"; 557 | $fa-var-soccer-ball-o: "\f1e3"; 558 | $fa-var-sort: "\f0dc"; 559 | $fa-var-sort-alpha-asc: "\f15d"; 560 | $fa-var-sort-alpha-desc: "\f15e"; 561 | $fa-var-sort-amount-asc: "\f160"; 562 | $fa-var-sort-amount-desc: "\f161"; 563 | $fa-var-sort-asc: "\f0de"; 564 | $fa-var-sort-desc: "\f0dd"; 565 | $fa-var-sort-down: "\f0dd"; 566 | $fa-var-sort-numeric-asc: "\f162"; 567 | $fa-var-sort-numeric-desc: "\f163"; 568 | $fa-var-sort-up: "\f0de"; 569 | $fa-var-soundcloud: "\f1be"; 570 | $fa-var-space-shuttle: "\f197"; 571 | $fa-var-spinner: "\f110"; 572 | $fa-var-spoon: "\f1b1"; 573 | $fa-var-spotify: "\f1bc"; 574 | $fa-var-square: "\f0c8"; 575 | $fa-var-square-o: "\f096"; 576 | $fa-var-stack-exchange: "\f18d"; 577 | $fa-var-stack-overflow: "\f16c"; 578 | $fa-var-star: "\f005"; 579 | $fa-var-star-half: "\f089"; 580 | $fa-var-star-half-empty: "\f123"; 581 | $fa-var-star-half-full: "\f123"; 582 | $fa-var-star-half-o: "\f123"; 583 | $fa-var-star-o: "\f006"; 584 | $fa-var-steam: "\f1b6"; 585 | $fa-var-steam-square: "\f1b7"; 586 | $fa-var-step-backward: "\f048"; 587 | $fa-var-step-forward: "\f051"; 588 | $fa-var-stethoscope: "\f0f1"; 589 | $fa-var-sticky-note: "\f249"; 590 | $fa-var-sticky-note-o: "\f24a"; 591 | $fa-var-stop: "\f04d"; 592 | $fa-var-stop-circle: "\f28d"; 593 | $fa-var-stop-circle-o: "\f28e"; 594 | $fa-var-street-view: "\f21d"; 595 | $fa-var-strikethrough: "\f0cc"; 596 | $fa-var-stumbleupon: "\f1a4"; 597 | $fa-var-stumbleupon-circle: "\f1a3"; 598 | $fa-var-subscript: "\f12c"; 599 | $fa-var-subway: "\f239"; 600 | $fa-var-suitcase: "\f0f2"; 601 | $fa-var-sun-o: "\f185"; 602 | $fa-var-superscript: "\f12b"; 603 | $fa-var-support: "\f1cd"; 604 | $fa-var-table: "\f0ce"; 605 | $fa-var-tablet: "\f10a"; 606 | $fa-var-tachometer: "\f0e4"; 607 | $fa-var-tag: "\f02b"; 608 | $fa-var-tags: "\f02c"; 609 | $fa-var-tasks: "\f0ae"; 610 | $fa-var-taxi: "\f1ba"; 611 | $fa-var-television: "\f26c"; 612 | $fa-var-tencent-weibo: "\f1d5"; 613 | $fa-var-terminal: "\f120"; 614 | $fa-var-text-height: "\f034"; 615 | $fa-var-text-width: "\f035"; 616 | $fa-var-th: "\f00a"; 617 | $fa-var-th-large: "\f009"; 618 | $fa-var-th-list: "\f00b"; 619 | $fa-var-thumb-tack: "\f08d"; 620 | $fa-var-thumbs-down: "\f165"; 621 | $fa-var-thumbs-o-down: "\f088"; 622 | $fa-var-thumbs-o-up: "\f087"; 623 | $fa-var-thumbs-up: "\f164"; 624 | $fa-var-ticket: "\f145"; 625 | $fa-var-times: "\f00d"; 626 | $fa-var-times-circle: "\f057"; 627 | $fa-var-times-circle-o: "\f05c"; 628 | $fa-var-tint: "\f043"; 629 | $fa-var-toggle-down: "\f150"; 630 | $fa-var-toggle-left: "\f191"; 631 | $fa-var-toggle-off: "\f204"; 632 | $fa-var-toggle-on: "\f205"; 633 | $fa-var-toggle-right: "\f152"; 634 | $fa-var-toggle-up: "\f151"; 635 | $fa-var-trademark: "\f25c"; 636 | $fa-var-train: "\f238"; 637 | $fa-var-transgender: "\f224"; 638 | $fa-var-transgender-alt: "\f225"; 639 | $fa-var-trash: "\f1f8"; 640 | $fa-var-trash-o: "\f014"; 641 | $fa-var-tree: "\f1bb"; 642 | $fa-var-trello: "\f181"; 643 | $fa-var-tripadvisor: "\f262"; 644 | $fa-var-trophy: "\f091"; 645 | $fa-var-truck: "\f0d1"; 646 | $fa-var-try: "\f195"; 647 | $fa-var-tty: "\f1e4"; 648 | $fa-var-tumblr: "\f173"; 649 | $fa-var-tumblr-square: "\f174"; 650 | $fa-var-turkish-lira: "\f195"; 651 | $fa-var-tv: "\f26c"; 652 | $fa-var-twitch: "\f1e8"; 653 | $fa-var-twitter: "\f099"; 654 | $fa-var-twitter-square: "\f081"; 655 | $fa-var-umbrella: "\f0e9"; 656 | $fa-var-underline: "\f0cd"; 657 | $fa-var-undo: "\f0e2"; 658 | $fa-var-university: "\f19c"; 659 | $fa-var-unlink: "\f127"; 660 | $fa-var-unlock: "\f09c"; 661 | $fa-var-unlock-alt: "\f13e"; 662 | $fa-var-unsorted: "\f0dc"; 663 | $fa-var-upload: "\f093"; 664 | $fa-var-usb: "\f287"; 665 | $fa-var-usd: "\f155"; 666 | $fa-var-user: "\f007"; 667 | $fa-var-user-md: "\f0f0"; 668 | $fa-var-user-plus: "\f234"; 669 | $fa-var-user-secret: "\f21b"; 670 | $fa-var-user-times: "\f235"; 671 | $fa-var-users: "\f0c0"; 672 | $fa-var-venus: "\f221"; 673 | $fa-var-venus-double: "\f226"; 674 | $fa-var-venus-mars: "\f228"; 675 | $fa-var-viacoin: "\f237"; 676 | $fa-var-video-camera: "\f03d"; 677 | $fa-var-vimeo: "\f27d"; 678 | $fa-var-vimeo-square: "\f194"; 679 | $fa-var-vine: "\f1ca"; 680 | $fa-var-vk: "\f189"; 681 | $fa-var-volume-down: "\f027"; 682 | $fa-var-volume-off: "\f026"; 683 | $fa-var-volume-up: "\f028"; 684 | $fa-var-warning: "\f071"; 685 | $fa-var-wechat: "\f1d7"; 686 | $fa-var-weibo: "\f18a"; 687 | $fa-var-weixin: "\f1d7"; 688 | $fa-var-whatsapp: "\f232"; 689 | $fa-var-wheelchair: "\f193"; 690 | $fa-var-wifi: "\f1eb"; 691 | $fa-var-wikipedia-w: "\f266"; 692 | $fa-var-windows: "\f17a"; 693 | $fa-var-won: "\f159"; 694 | $fa-var-wordpress: "\f19a"; 695 | $fa-var-wrench: "\f0ad"; 696 | $fa-var-xing: "\f168"; 697 | $fa-var-xing-square: "\f169"; 698 | $fa-var-y-combinator: "\f23b"; 699 | $fa-var-y-combinator-square: "\f1d4"; 700 | $fa-var-yahoo: "\f19e"; 701 | $fa-var-yc: "\f23b"; 702 | $fa-var-yc-square: "\f1d4"; 703 | $fa-var-yelp: "\f1e9"; 704 | $fa-var-yen: "\f157"; 705 | $fa-var-youtube: "\f167"; 706 | $fa-var-youtube-play: "\f16a"; 707 | $fa-var-youtube-square: "\f166"; 708 | 709 | -------------------------------------------------------------------------------- /assets/font-awesome/scss/font-awesome.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome 3 | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) 4 | */ 5 | 6 | @import "variables"; 7 | @import "mixins"; 8 | @import "path"; 9 | @import "core"; 10 | @import "larger"; 11 | @import "fixed-width"; 12 | @import "list"; 13 | @import "bordered-pulled"; 14 | @import "animated"; 15 | @import "rotated-flipped"; 16 | @import "stacked"; 17 | @import "icons"; 18 | -------------------------------------------------------------------------------- /assets/jquery.pwstabs.js: -------------------------------------------------------------------------------- 1 | /** 2 | * PWS Tabs jQuery Plugin 3 | * Author: Alex Chizhov 4 | * Author Website: http://alexchizhov.com/pwstabs 5 | * GitHub: https://github.com/alexchizhovcom/pwstabs 6 | * Version: 1.5.0 7 | * Version from: 20.12.2016 8 | * Licensed under the MIT license 9 | */ 10 | ; 11 | (function ($, window, document, undefined) 12 | { 13 | 14 | var pluginName = "pwstabs", 15 | defaults = { 16 | effect: 'scale', // You can change effects of your tabs container: scale / slideleft / slideright / slidetop / slidedown / none 17 | defaultTab: 1, // The tab we want to be opened by default 18 | containerWidth: '100%', // Set custom container width if not set then 100% is used 19 | tabsPosition: 'horizontal', // Tabs position: horizontal / vertical 20 | horizontalPosition: 'top', // Tabs horizontal position: top / bottom 21 | verticalPosition: 'left', // Tabs vertical position: left / right 22 | responsive: false, // BETA: Make tabs container responsive: true / false - boolean 23 | theme: '', // Theme name, you can add your own and define it here. This way you dont have to change default CSS. theme: 'name' - string 24 | rtl: false, // Right to left support: true/ false 25 | onBeforeFirstInit: function () 26 | {}, 27 | onAfterFirstInit: function () 28 | {}, 29 | onBeforeInit: function () 30 | {}, 31 | onAfterInit: function () 32 | {}, 33 | onBeforeChange: function () 34 | {}, 35 | onAfterChange: function () 36 | {} 37 | }; 38 | 39 | 40 | function Plugin(element, options) 41 | { 42 | this.element = $(element); 43 | this.$elem = $(this.element); 44 | this.settings = $.extend({}, defaults, options); 45 | this._defaults = defaults; 46 | this._name = pluginName; 47 | 48 | this.settings.onBeforeFirstInit.call(this); 49 | 50 | this.init(); 51 | 52 | this.settings.onAfterFirstInit.call(this); 53 | } 54 | 55 | 56 | Plugin.prototype = { 57 | /** 58 | * Wrap selector 59 | * 60 | * @since 1.0.0 61 | */ 62 | wrap: function () 63 | { 64 | // Variable for our selector @1.3.0 65 | this.selector = this.$elem; 66 | 67 | // Tabs variable @1.4.0 68 | this.tabs = this.selector.children('[data-pws-tab]'); 69 | 70 | // Add class to our selector 71 | this.selector.addClass('pws_tabs_list'); 72 | 73 | // Place selector into container @1.2.0 74 | this.selector.wrap('
'); 75 | 76 | // Container variable @1.3.0 77 | this.container = this.selector.closest('.pws_tabs_container'); 78 | }, 79 | /** 80 | * Settings: container width 81 | * Default: 100% 82 | * 83 | * @since 1.5.0 84 | */ 85 | setContainerWidth: function () 86 | { 87 | if (this.settings.containerWidth !== '100%') 88 | this.container.css('width', this.settings.containerWidth); 89 | }, 90 | /** 91 | * Settings: Position 92 | * Default: horizontal 93 | * 94 | * @since 1.0.0 95 | */ 96 | setContainerPositionClass: function () 97 | { 98 | if (this.settings.tabsPosition == 'vertical') { 99 | 100 | /* 101 | * We need to check if current container is nested, 102 | * if so, add width style equals to parents tab width 103 | * @1.4.0 104 | */ 105 | if (this.container.closest('.pws_tab_single').length) { 106 | var parentWidth = this.container.closest('.pws_tab_single').innerWidth() 107 | 108 | this.container.css('width', parentWidth); 109 | } 110 | 111 | this.settings.verticalPosition == 'left' 112 | ? this.container.addClass('pws_tabs_vertical pws_tabs_vertical_left') 113 | : this.container.addClass('pws_tabs_vertical pws_tabs_vertical_right'); 114 | 115 | } else { 116 | 117 | this.settings.horizontalPosition == 'top' 118 | ? this.container.addClass('pws_tabs_horizontal pws_tabs_horizontal_top') 119 | : this.container.addClass('pws_tabs_horizontal pws_tabs_horizontal_bottom'); 120 | 121 | } 122 | }, 123 | /** 124 | * Settings to be aplied to container 125 | * 126 | * @since 1.0.0 127 | */ 128 | setContainerClasses: function () 129 | { 130 | this.setContainerPositionClass(); 131 | 132 | // Array of effects @1.3.0 133 | this.arEffects = [ 134 | 'scale', 135 | 'slideleft', 136 | 'slideright', 137 | 'slidetop', 138 | 'slidedown', 139 | 'none' 140 | ]; 141 | 142 | /* 143 | * Settings: Right to left support 144 | * Default: false 145 | */ 146 | if (this.settings.rtl) 147 | this.container.addClass('pws_tabs_rtl'); 148 | 149 | /* 150 | * Settings: If effect is none 151 | */ 152 | if (this.settings.effect == 'none') 153 | this.container.addClass('pws_tabs_noeffect'); 154 | 155 | 156 | /* 157 | * Settings: Theme 158 | * Default: '' 159 | */ 160 | if (this.settings.theme) 161 | this.container.addClass(this.settings.theme); 162 | 163 | /* 164 | * Check if effect exists @1.3.0 165 | * If effect doesnt exist add scale by default 166 | */ 167 | if ($.inArray(this.settings.effect, this.arEffects) >= 0) 168 | this.container.addClass('pws_' + this.settings.effect); 169 | else 170 | this.container.addClass('pws_scale'); 171 | }, 172 | /** 173 | * Set controls 174 | * 175 | * @since 1.0.0 176 | */ 177 | createControlsContainer: function () 178 | { 179 | if (this.settings.tabsPosition == 'vertical') { 180 | 181 | this.settings.verticalPosition == 'left' 182 | ? this.container.prepend('') 183 | : this.container.append(''); 184 | 185 | } else { // Horizontal 186 | 187 | this.settings.horizontalPosition == 'top' 188 | ? this.container.prepend('') 189 | : this.container.append(''); 190 | 191 | } 192 | 193 | // Controls variable @1.4.0 194 | this.controls = this.container.children('.pws_tabs_controll'); 195 | }, 196 | /** 197 | * Append single tab control 198 | * 199 | * @param {String} id 200 | * @param {String} title 201 | * 202 | * @since 1.5.0 203 | */ 204 | setControl: function (id, title) 205 | { 206 | this.controls.append('
  • ' + title + '
    • '); 207 | }, 208 | /** 209 | * Create Tabs controls for each Tab 210 | * (div with HTML5 data attribute) 211 | * 212 | * @since 1.0.0 213 | */ 214 | setControls: function () 215 | { 216 | var $obj = this; 217 | 218 | var counter = 1; 219 | this.tabs.each(function () 220 | { 221 | // Tab Id @1.3.0 222 | var id = $(this).data('pws-tab'); 223 | 224 | // Tab Title @1.3.0 225 | var title = $(this).data('pws-tab-name'); 226 | 227 | // Add LIs and A controls 228 | $obj.setControl(id, title); 229 | 230 | // Adding class to our selector children (Tabs) 231 | $(this).addClass('pws_tab_single'); 232 | 233 | counter++; 234 | 235 | }); 236 | }, 237 | /** 238 | * Set single tab control icon 239 | * 240 | * @param {String} id 241 | * @param {String} icon 242 | * 243 | * @since 1.5.0 244 | */ 245 | setIcon: function (id, icon) 246 | { 247 | this.controls.find('[data-tab-id="' + id + '"]') 248 | .prepend(''); 249 | }, 250 | /** 251 | * Set icons for tabs controls 252 | * 253 | * @since 1.1.4 254 | */ 255 | setIcons: function () 256 | { 257 | var $obj = this; 258 | 259 | /* 260 | * Check if a controller has icon data @1.1.4 261 | */ 262 | this.selector.children('[data-pws-tab-icon]').each(function () 263 | { 264 | var tabId = $(this).attr('data-pws-tab'); 265 | var tabName = $(this).attr('data-pws-tab-name'); 266 | var iconData = $(this).attr('data-pws-tab-icon'); 267 | 268 | // If no tab name is set 269 | if (tabName == '') { 270 | $obj.controls.find('[data-tab-id="' + tabId + '"]') 271 | .addClass('pws_tab_noname'); 272 | } 273 | 274 | // Add icon to the tab 275 | $obj.setIcon(tabId, iconData); 276 | 277 | }); 278 | }, 279 | /** 280 | * Sets width and height for verticaly positioned tabs 281 | */ 282 | setVerticalSize: function () 283 | { 284 | if (this.settings.tabsPosition == 'vertical') { 285 | var coefficient = this.container.innerWidth() / 450; 286 | var letterSize = parseInt(this.controller.css('font-size')) / coefficient; // @1.4.0 287 | var controllerPaddings = parseInt(this.controller.css('padding-left')) + parseInt(this.controller.css('padding-right')); // @1.4.0. 288 | var verticalTabsWidth = this.controller.html().length * letterSize + controllerPaddings; // @1.4.0 289 | var verticalTabsHeight = this.controls.outerHeight(); 290 | var verticalContentWidth = this.container.outerWidth() - verticalTabsWidth; 291 | var verticalContentHeight = this.selector.outerHeight(); 292 | 293 | // Set tabs width 294 | this.controls.width(verticalTabsWidth); 295 | 296 | // Set content width 297 | this.selector.outerWidth(verticalContentWidth); 298 | 299 | /* 300 | * if selectors height less than controls height 301 | * make selector the same height as controls 302 | */ 303 | if (verticalContentHeight < verticalTabsHeight) 304 | this.selector.css('min-height', verticalTabsHeight); 305 | 306 | } 307 | }, 308 | /** 309 | * Set default tab 310 | */ 311 | setDefaultTab: function () 312 | { 313 | // Show default tab @1.4.0 314 | this.defaultTab.addClass('pws_show').show(); 315 | 316 | /* 317 | * Add active class to default tabs controller 318 | */ 319 | this.controls.find('[data-tab-id="' + this.defaultTab.data('pws-tab') + '"]') 320 | .addClass('pws_tab_active'); 321 | }, 322 | /** 323 | * Make PWS Tabs responsive 324 | */ 325 | addResponsiveFeature: function () 326 | { 327 | var $obj = this; 328 | 329 | if ($obj.settings.responsive) { 330 | 331 | // Add Responsive class to Tabs container 332 | $obj.container.addClass('pws_tabs_responsive'); 333 | 334 | // Lets count LI's 335 | var pwsResponsiveControllLiCounter = parseInt($obj.controls.children('li').length); 336 | 337 | var pwsResponsiveControllLiPercentage = 100 / pwsResponsiveControllLiCounter; 338 | 339 | // Get highest LI 340 | var pwsResponsiveControllLiMaxHeight = Math.max.apply(null, $obj.controllerLi.map(function () 341 | { 342 | return $(this).height(); 343 | }).get()); 344 | 345 | 346 | $(window).on('resize load', function (e) 347 | { 348 | var $pluginSettings = $obj.settings; 349 | var tabsPosition = $pluginSettings.tabsPosition; 350 | var containerWidth = $pluginSettings.containerWidth; 351 | 352 | // Check window width if less than 60em ( 960px ) then: 353 | if ($(window).width() <= 960) { 354 | 355 | // Remove container width style 356 | $obj.container.width(''); 357 | 358 | // Add width to LIs 359 | $obj.controllerLi.css('width', pwsResponsiveControllLiPercentage + '%'); 360 | 361 | // Add height to each LIs 362 | $obj.controller.each(function () 363 | { 364 | $(this).height(pwsResponsiveControllLiMaxHeight); 365 | }); 366 | 367 | // If vertical, make it horizontal 368 | if (tabsPosition == 'vertical') { 369 | $obj.controls.width(''); 370 | $obj.selector.width(''); 371 | $obj.selector.css('min-height', ''); 372 | $obj.selector.height($obj.defaultTab.height()); 373 | } 374 | 375 | } 376 | if ($(window).width() <= 600) { 377 | if ($obj.container.find('.pws_responsive_small_menu').length < 1) { 378 | // Add new button to trigger tabs menu 379 | $('
    ').insertBefore($obj.controls); 380 | } 381 | 382 | // Add new class to UL controll 383 | $obj.controls.addClass('pws_tabs_menu_popup'); 384 | 385 | $obj.controller.height(''); 386 | $obj.controllerLi.width(''); 387 | 388 | // Popup tabs menu trigger 389 | $obj.container.unbind().on('click', '.pws_responsive_small_menu a', function (e) 390 | { 391 | e.preventDefault(); 392 | 393 | $obj.container.find('ul.pws_tabs_menu_popup').toggleClass('show'); 394 | }); 395 | 396 | // Hide menu on tab pick 397 | $obj.container.find('ul.pws_tabs_menu_popup li a').on('click', function (e) 398 | { 399 | e.preventDefault(); 400 | $(this).closest('ul.pws_tabs_menu_popup').removeClass('show'); 401 | }); 402 | 403 | } else if ($(window).width() > 960) { 404 | $obj.container.css('width', containerWidth); 405 | $obj.controllerLi.width(''); 406 | $obj.controller.height(''); 407 | $obj.container.find('.pws_responsive_small_menu').remove(); 408 | $obj.controls.removeClass('pws_tabs_menu_popup'); 409 | $obj.controls.show(); 410 | } else if ($(window).width() > 600) { 411 | // Remove 600px screen menu 412 | $obj.container.find('.pws_responsive_small_menu').remove(); 413 | $obj.controls.removeClass('pws_tabs_menu_popup'); 414 | $obj.controls.show(); 415 | $obj.controller.on('click', function (e) 416 | { 417 | e.preventDefault(); 418 | $(this).parent().parent().show(); 419 | }); 420 | } 421 | }); 422 | 423 | } 424 | }, 425 | /** 426 | * Constructing Tabs Plugin 427 | * 428 | * @since 1.0.0 429 | */ 430 | init: function () 431 | { 432 | this.settings.onBeforeInit.call(this); 433 | 434 | var $obj = this; 435 | 436 | this.wrap(); 437 | 438 | this.setContainerWidth(); 439 | 440 | this.setContainerClasses(); 441 | 442 | this.createControlsContainer(); 443 | 444 | this.setControls(); 445 | 446 | // Hide tabs content @1.4.0 447 | this.tabs.addClass('pws_hide').hide(); 448 | 449 | // Controller variable @1.3.0 450 | this.controller = this.controls.find('a'); 451 | 452 | // Controller li variable @1.3.0 453 | this.controllerLi = this.controls.find('li'); 454 | 455 | /** 456 | * Set Default tab by index 457 | * 458 | * @since 1.5.0 459 | */ 460 | this.defaultTab = this.tabs.eq(this.settings.defaultTab - 1); 461 | 462 | this.setIcons(); 463 | 464 | this.setVerticalSize(); 465 | 466 | this.setDefaultTab(); 467 | 468 | /* 469 | * Controller click function 470 | */ 471 | this.controls.on('click', 'a', function (e) 472 | { 473 | e.preventDefault(); 474 | 475 | $obj.settings.onBeforeChange.call($obj); 476 | 477 | // Remove active class from all controllers 478 | $obj.controller.removeClass('pws_tab_active'); 479 | // Add active class to current controller 480 | $(this).addClass('pws_tab_active'); 481 | 482 | var tabId = $(this).data('tab-id'); 483 | var currentTab = $obj.selector.children('[data-pws-tab="' + tabId + '"]'); 484 | 485 | // Add an effect to a tab on click @1.4.0 486 | $obj.tabs.removeClass('pws_show'); 487 | 488 | setTimeout(function () 489 | { 490 | $obj.tabs.hide(); 491 | currentTab.show(); 492 | }, 400); 493 | 494 | setTimeout(function () 495 | { 496 | currentTab.addClass('pws_show'); 497 | $obj.settings.onAfterChange.call($obj); 498 | }, 450); 499 | 500 | 501 | }); 502 | 503 | this.addResponsiveFeature(); 504 | 505 | this.settings.onAfterInit.call(this); 506 | 507 | }, 508 | /** 509 | * Set an option dynamically after plugin has been initialized 510 | * 511 | * @param {String} option 512 | * @param {String} value 513 | * 514 | * @since 1.5.0 515 | */ 516 | setOption: function (option, value) 517 | { 518 | this.settings[option] = value; 519 | }, 520 | /** 521 | * Destroys the plugin 522 | * 523 | * @since 1.5.0 524 | */ 525 | destroy: function () 526 | { 527 | this.controls.remove(); 528 | 529 | this.selector.unwrap().removeClass('pws_tabs_list'); 530 | 531 | this.tabs.show() 532 | .removeClass('pws_tab_single pws_hide pws_show') 533 | .removeAttr('style'); 534 | }, 535 | /** 536 | * Rebuild the plugin 537 | * 538 | * @since 1.5.0 539 | */ 540 | rebuild: function () 541 | { 542 | this.destroy(); 543 | this.init(); 544 | }, 545 | /** 546 | * Dynamically create tab 547 | * 548 | * @param {Array} args 549 | * 550 | * @since 1.5.0 551 | */ 552 | addTab: function (args) 553 | { 554 | var defaultArgs = { 555 | id: '', 556 | name: '', 557 | icon: '', 558 | content: '' 559 | }; 560 | 561 | var params = $.extend({}, defaultArgs, args); 562 | 563 | // Add tab 564 | var tab = $('
    ').appendTo(this.selector) 565 | .addClass('pws_tab_single pws_hide') 566 | .attr('data-pws-tab', params.id) 567 | .attr('data-pws-tab-name', params.name) 568 | .hide() 569 | .html(params.content); 570 | 571 | // Add tab control 572 | this.setControl(params.id, params.name); 573 | 574 | // If icon parameter is set, add icon to the tab control 575 | if (params.icon) { 576 | this.setIcon(params.id, params.icon); 577 | tab.attr('data-pws-tab-icon', params.icon); 578 | } 579 | 580 | // Update data 581 | this.controller = this.controls.find('a'); 582 | this.tabs = this.selector.children('[data-pws-tab]'); 583 | }, 584 | /** 585 | * Dynamically remove a tab 586 | * @param {Number} index 587 | * 588 | * @since 1.5.0 589 | */ 590 | removeTab: function (index) 591 | { 592 | var tab = this.tabs.eq(index - 1); 593 | 594 | // Check if the tab being removed is active 595 | if (tab.hasClass('pws_show')) { 596 | this.setOption('defaultTab', 1); 597 | } 598 | 599 | // Remove the tab 600 | tab.remove(); 601 | 602 | // Remove the control 603 | this.controller.eq(index - 1).remove(); 604 | 605 | this.rebuild(); 606 | } 607 | 608 | }; 609 | 610 | $.fn[pluginName] = function (options) 611 | { 612 | 613 | var args = $.makeArray(arguments); 614 | var selector = args.slice(1); 615 | 616 | return this.each(function () 617 | { 618 | var instance = $.data(this, pluginName); 619 | 620 | if (instance) { 621 | 622 | // Setting a new option 623 | if (instance.settings[options]) { 624 | var optionValue = selector.toString(); 625 | instance.setOption(options, optionValue); 626 | instance.rebuild(); 627 | } 628 | 629 | // Trigger addTab method 630 | if (options === 'addTab') { 631 | instance.addTab(selector[0]); 632 | } 633 | 634 | // Trigger removeTab method 635 | if (options === 'removeTab') { 636 | instance.removeTab(selector[0]); 637 | } 638 | 639 | // Trigger destroy method 640 | if (options === 'destroy') { 641 | instance.destroy(); 642 | } 643 | 644 | // Trigger rebuild method 645 | if (options === 'rebuild') { 646 | instance.rebuild(); 647 | } 648 | 649 | } else { 650 | 651 | var plugin = new Plugin(this, options); 652 | 653 | $.data(this, pluginName, plugin); 654 | 655 | return plugin; 656 | 657 | } 658 | 659 | }); 660 | }; 661 | 662 | })(jQuery, window, document); -------------------------------------------------------------------------------- /assets/jquery.pwstabs.min.css: -------------------------------------------------------------------------------- 1 | /** 2 | * PWS Tabs jQuery Plugin 3 | * Author: Alex Chizhov 4 | * Author Website: http://alexchizhov.com/pwstabs 5 | * GitHub: https://github.com/alexchizhovcom/pwstabs 6 | * Version: 1.5.0 7 | * Version from: 20.12.2016 8 | * Licensed under the MIT license 9 | */ 10 | .pws_tabs_container,.pws_tabs_controll a{font-size:16px}@media only screen and (max-width:60em){.pws_tabs_container.pws_tabs_responsive{width:100%!important}.pws_tabs_container.pws_tabs_responsive ul.pws_tabs_controll{width:100%}.pws_tabs_container.pws_tabs_responsive ul.pws_tabs_controll li{vertical-align:top;text-align:center}.pws_tabs_container.pws_tabs_responsive ul.pws_tabs_controll li a{margin:0;font-size:1em;line-height:1.125em;overflow:hidden}.pws_tabs_container.pws_tabs_responsive ul.pws_tabs_controll li a i{display:block;margin:0 0 5px}.pws_tabs_container.pws_tabs_responsive.pws_tabs_vertical{display:block;position:relative}.pws_tabs_container.pws_tabs_responsive.pws_tabs_vertical:after{display:block;content:'';clear:both}.pws_tabs_container.pws_tabs_responsive.pws_tabs_vertical ul.pws_tabs_controll{width:100%;position:relative;float:none}.pws_tabs_container.pws_tabs_responsive.pws_tabs_vertical ul.pws_tabs_controll li{display:inline-block}.pws_tabs_container.pws_tabs_responsive.pws_tabs_vertical ul.pws_tabs_controll li a{margin:0}.pws_tabs_container.pws_tabs_responsive.pws_tabs_vertical .pws_tabs_list{position:relative;float:none}}@media only screen and (max-width:37.5em){.pws_tabs_container.pws_tabs_responsive{width:100%!important;position:relative}.pws_tabs_container.pws_tabs_responsive .pws_responsive_small_menu{width:100%;height:40px;background-color:#9bd7d5;display:block}.pws_tabs_container.pws_tabs_responsive .pws_responsive_small_menu a{width:40px;height:40px;display:block;overflow:hidden;color:#fff;font-size:32px;font-size:2em;text-align:center;padding:3px 0 0;cursor:pointer;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.pws_tabs_container.pws_tabs_responsive .pws_responsive_small_menu a:hover{background-color:#70c5c2}.pws_tabs_container.pws_tabs_responsive ul.pws_tabs_controll.pws_tabs_menu_popup{display:none;position:absolute;overflow:hidden;top:40px;left:0;z-index:99;margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.pws_tabs_container.pws_tabs_responsive ul.pws_tabs_controll.pws_tabs_menu_popup.show{display:block}.pws_tabs_container.pws_tabs_responsive ul.pws_tabs_controll.pws_tabs_menu_popup li{display:block;float:none}.pws_tabs_container.pws_tabs_responsive ul.pws_tabs_controll.pws_tabs_menu_popup li a i{display:inline-block;margin:0 .1875em 0 0}.pws_tabs_container.pws_tabs_responsive.pws_tabs_rtl ul.pws_tabs_controll.pws_tabs_menu_popup li a i{display:inline-block;margin:0 0 0 .1875em}}.pws_tabs_container{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pws_tabs_container ul.pws_tabs_controll{list-style:none;margin:0;padding:0}.pws_tabs_container ul.pws_tabs_controll li{display:inline-block}.pws_tabs_container ul.pws_tabs_controll li a{display:block;background-color:#9bd7d5;padding:.9375em 1.25em;text-decoration:none;color:#fff;margin-right:3px;cursor:pointer}.pws_tabs_container ul.pws_tabs_controll li a:hover{background-color:#70c5c2}.pws_tabs_container ul.pws_tabs_controll li a i{margin-right:8px}.pws_tabs_container ul.pws_tabs_controll li a.pws_tab_noname i{margin-right:0;margin-left:0}.pws_tabs_container ul.pws_tabs_controll li a.pws_tab_active{background-color:#fff;color:#505050}.pws_tabs_list{display:block;background-color:#fff;height:auto;padding:1.25em;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-transition:all .3s ease-in-out .3s;-moz-transition:all .3s ease-in-out .3s;transition:all .3s ease-in-out .3s;overflow:hidden;position:relative}.pws_tab_single{display:block;-webkit-transition:all .3s ease-in-out 0;-moz-transition:all .3s ease-in-out 0;transition:all .3s ease-in-out 0}.pws_tabs_container.pws_tabs_rtl{text-align:right;direction:rtl}.pws_tabs_container.pws_tabs_rtl ul.pws_tabs_controll li a{margin-right:0;margin-left:3px}.pws_tabs_container.pws_tabs_rtl ul.pws_tabs_controll li a i{margin-left:8px;margin-right:0}.pws_tabs_container.pws_tabs_vertical{display:block;position:relative}.pws_tabs_container.pws_tabs_vertical:after{display:block;content:'';clear:both}.pws_tabs_container.pws_tabs_vertical>ul.pws_tabs_controll{width:auto;position:relative;float:left}.pws_tabs_container.pws_tabs_vertical>ul.pws_tabs_controll li{display:block}.pws_tabs_container.pws_tabs_vertical>ul.pws_tabs_controll li a{margin-right:0;margin-left:0;margin-bottom:3px}.pws_tabs_container.pws_tabs_vertical>.pws_tabs_list{position:relative;float:left}.pws_tabs_container.pws_tabs_responsive.pws_theme_violet .pws_responsive_small_menu{background-color:#c72c66}.pws_tabs_container.pws_tabs_responsive.pws_theme_violet .pws_responsive_small_menu a:hover{background-color:#a6164c}.pws_tabs_container.pws_theme_violet ul.pws_tabs_controll li a{background-color:#c72c66}.pws_tabs_container.pws_theme_violet ul.pws_tabs_controll li a:hover{background-color:#a6164c}.pws_tabs_container.pws_theme_violet ul.pws_tabs_controll li a.pws_tab_active{background-color:#fff}.pws_tabs_container.pws_tabs_responsive.pws_theme_green .pws_responsive_small_menu{background-color:#86c447}.pws_tabs_container.pws_tabs_responsive.pws_theme_green .pws_responsive_small_menu a:hover{background-color:#539312}.pws_tabs_container.pws_theme_green ul.pws_tabs_controll li a{background-color:#86c447}.pws_tabs_container.pws_theme_green ul.pws_tabs_controll li a:hover{background-color:#539312}.pws_tabs_container.pws_theme_green ul.pws_tabs_controll li a.pws_tab_active{background-color:#fff}.pws_tabs_container.pws_tabs_responsive.pws_theme_yellow .pws_responsive_small_menu{background-color:#fdb813}.pws_tabs_container.pws_tabs_responsive.pws_theme_yellow .pws_responsive_small_menu a:hover{background-color:orange}.pws_tabs_container.pws_theme_yellow ul.pws_tabs_controll li a{background-color:#fdb813}.pws_tabs_container.pws_theme_yellow ul.pws_tabs_controll li a:hover{background-color:orange}.pws_tabs_container.pws_theme_yellow ul.pws_tabs_controll li a.pws_tab_active{background-color:#fff}.pws_tabs_container.pws_tabs_responsive.pws_theme_gold .pws_responsive_small_menu{background-color:#f89827}.pws_tabs_container.pws_tabs_responsive.pws_theme_gold .pws_responsive_small_menu a:hover{background-color:#fa7b00}.pws_tabs_container.pws_theme_gold ul.pws_tabs_controll li a{background-color:#f89827}.pws_tabs_container.pws_theme_gold ul.pws_tabs_controll li a:hover{background-color:#fa7b00}.pws_tabs_container.pws_theme_gold ul.pws_tabs_controll li a.pws_tab_active{background-color:#fff}.pws_tabs_container.pws_tabs_responsive.pws_theme_orange .pws_responsive_small_menu{background-color:#f15b42}.pws_tabs_container.pws_tabs_responsive.pws_theme_orange .pws_responsive_small_menu a:hover{background-color:#fd2e0b}.pws_tabs_container.pws_theme_orange ul.pws_tabs_controll li a{background-color:#f15b42}.pws_tabs_container.pws_theme_orange ul.pws_tabs_controll li a:hover{background-color:#fd2e0b}.pws_tabs_container.pws_theme_orange ul.pws_tabs_controll li a.pws_tab_active{background-color:#fff}.pws_tabs_container.pws_tabs_responsive.pws_theme_red .pws_responsive_small_menu{background-color:#e41937}.pws_tabs_container.pws_tabs_responsive.pws_theme_red .pws_responsive_small_menu a:hover{background-color:#d70726}.pws_tabs_container.pws_theme_red ul.pws_tabs_controll li a{background-color:#e41937}.pws_tabs_container.pws_theme_red ul.pws_tabs_controll li a:hover{background-color:#d70726}.pws_tabs_container.pws_theme_red ul.pws_tabs_controll li a.pws_tab_active{background-color:#fff}.pws_tabs_container.pws_tabs_responsive.pws_theme_purple .pws_responsive_small_menu{background-color:#672e8d}.pws_tabs_container.pws_tabs_responsive.pws_theme_purple .pws_responsive_small_menu a:hover{background-color:#470871}.pws_tabs_container.pws_theme_purple ul.pws_tabs_controll li a{background-color:#672e8d}.pws_tabs_container.pws_theme_purple ul.pws_tabs_controll li a:hover{background-color:#470871}.pws_tabs_container.pws_theme_purple ul.pws_tabs_controll li a.pws_tab_active{background-color:#fff}.pws_tabs_container.pws_tabs_responsive.pws_theme_grey .pws_responsive_small_menu{background-color:#4d4d4f}.pws_tabs_container.pws_tabs_responsive.pws_theme_grey .pws_responsive_small_menu a:hover{background-color:#000}.pws_tabs_container.pws_theme_grey ul.pws_tabs_controll li a{background-color:#4d4d4f}.pws_tabs_container.pws_theme_grey ul.pws_tabs_controll li a:hover{background-color:#000}.pws_tabs_container.pws_theme_grey ul.pws_tabs_controll li a.pws_tab_active{background-color:#fff}.pws_tabs_container.pws_tabs_responsive.pws_theme_dark_violet .pws_responsive_small_menu{background-color:#c72c66}.pws_tabs_container.pws_tabs_responsive.pws_theme_dark_violet .pws_responsive_small_menu a:hover{background-color:#a6164c}.pws_tabs_container.pws_theme_dark_violet .pws_tabs_list{background-color:#fafafa}.pws_tabs_container.pws_theme_dark_violet ul.pws_tabs_controll li a{background-color:#c72c66}.pws_tabs_container.pws_theme_dark_violet ul.pws_tabs_controll li a:hover{background-color:#a6164c}.pws_tabs_container.pws_theme_dark_violet ul.pws_tabs_controll li a.pws_tab_active{background-color:#fafafa}.pws_tabs_container.pws_tabs_responsive.pws_theme_dark_green .pws_responsive_small_menu{background-color:#86c447}.pws_tabs_container.pws_tabs_responsive.pws_theme_dark_green .pws_responsive_small_menu a:hover{background-color:#539312}.pws_tabs_container.pws_theme_dark_green .pws_tabs_list{background-color:#fafafa}.pws_tabs_container.pws_theme_dark_green ul.pws_tabs_controll li a{background-color:#86c447}.pws_tabs_container.pws_theme_dark_green ul.pws_tabs_controll li a:hover{background-color:#539312}.pws_tabs_container.pws_theme_dark_green ul.pws_tabs_controll li a.pws_tab_active{background-color:#fafafa}.pws_tabs_container.pws_tabs_responsive.pws_theme_dark_yellow .pws_responsive_small_menu{background-color:#fdb813}.pws_tabs_container.pws_tabs_responsive.pws_theme_dark_yellow .pws_responsive_small_menu a:hover{background-color:orange}.pws_tabs_container.pws_theme_dark_yellow .pws_tabs_list{background-color:#fafafa}.pws_tabs_container.pws_theme_dark_yellow ul.pws_tabs_controll li a{background-color:#fdb813}.pws_tabs_container.pws_theme_dark_yellow ul.pws_tabs_controll li a:hover{background-color:orange}.pws_tabs_container.pws_theme_dark_yellow ul.pws_tabs_controll li a.pws_tab_active{background-color:#fafafa}.pws_tabs_container.pws_tabs_responsive.pws_theme_dark_gold .pws_responsive_small_menu{background-color:#f89827}.pws_tabs_container.pws_tabs_responsive.pws_theme_dark_gold .pws_responsive_small_menu a:hover{background-color:#fa7b00}.pws_tabs_container.pws_theme_dark_gold .pws_tabs_list{background-color:#fafafa}.pws_tabs_container.pws_theme_dark_gold ul.pws_tabs_controll li a{background-color:#f89827}.pws_tabs_container.pws_theme_dark_gold ul.pws_tabs_controll li a:hover{background-color:#fa7b00}.pws_tabs_container.pws_theme_dark_gold ul.pws_tabs_controll li a.pws_tab_active{background-color:#fafafa}.pws_tabs_container.pws_tabs_responsive.pws_theme_dark_orange .pws_responsive_small_menu{background-color:#f15b42}.pws_tabs_container.pws_tabs_responsive.pws_theme_dark_orange .pws_responsive_small_menu a:hover{background-color:#fd2e0b}.pws_tabs_container.pws_theme_dark_orange .pws_tabs_list{background-color:#fafafa}.pws_tabs_container.pws_theme_dark_orange ul.pws_tabs_controll li a{background-color:#f15b42}.pws_tabs_container.pws_theme_dark_orange ul.pws_tabs_controll li a:hover{background-color:#fd2e0b}.pws_tabs_container.pws_theme_dark_orange ul.pws_tabs_controll li a.pws_tab_active{background-color:#fafafa}.pws_tabs_container.pws_tabs_responsive.pws_theme_dark_red .pws_responsive_small_menu{background-color:#e41937}.pws_tabs_container.pws_tabs_responsive.pws_theme_dark_red .pws_responsive_small_menu a:hover{background-color:#d70726}.pws_tabs_container.pws_theme_dark_red .pws_tabs_list{background-color:#fafafa}.pws_tabs_container.pws_theme_dark_red ul.pws_tabs_controll li a{background-color:#e41937}.pws_tabs_container.pws_theme_dark_red ul.pws_tabs_controll li a:hover{background-color:#d70726}.pws_tabs_container.pws_theme_dark_red ul.pws_tabs_controll li a.pws_tab_active{background-color:#fafafa}.pws_tabs_container.pws_tabs_responsive.pws_theme_dark_purple .pws_responsive_small_menu{background-color:#672e8d}.pws_tabs_container.pws_tabs_responsive.pws_theme_dark_purple .pws_responsive_small_menu a:hover{background-color:#470871}.pws_tabs_container.pws_theme_dark_purple .pws_tabs_list{background-color:#fafafa}.pws_tabs_container.pws_theme_dark_purple ul.pws_tabs_controll li a{background-color:#672e8d}.pws_tabs_container.pws_theme_dark_purple ul.pws_tabs_controll li a:hover{background-color:#470871}.pws_tabs_container.pws_theme_dark_purple ul.pws_tabs_controll li a.pws_tab_active{background-color:#fafafa}.pws_tabs_container.pws_tabs_responsive.pws_theme_dark_grey .pws_responsive_small_menu{background-color:#4d4d4f}.pws_tabs_container.pws_tabs_responsive.pws_theme_dark_grey .pws_responsive_small_menu a:hover{background-color:#000}.pws_tabs_container.pws_theme_dark_grey .pws_tabs_list{background-color:#fafafa}.pws_tabs_container.pws_theme_dark_grey ul.pws_tabs_controll li a{background-color:#4d4d4f}.pws_tabs_container.pws_theme_dark_grey ul.pws_tabs_controll li a:hover{background-color:#000}.pws_tabs_container.pws_theme_dark_grey ul.pws_tabs_controll li a.pws_tab_active{background-color:#fafafa}.pws_tabs_container.pws_tabs_responsive.pws_theme_dark_cyan .pws_responsive_small_menu{background-color:#9bd7d5}.pws_tabs_container.pws_tabs_responsive.pws_theme_dark_cyan .pws_responsive_small_menu a:hover{background-color:#70c5c2}.pws_tabs_container.pws_theme_dark_cyan .pws_tabs_list{background-color:#fafafa}.pws_tabs_container.pws_theme_dark_cyan ul.pws_tabs_controll li a{background-color:#9bd7d5}.pws_tabs_container.pws_theme_dark_cyan ul.pws_tabs_controll li a:hover{background-color:#70c5c2}.pws_tabs_container.pws_theme_dark_cyan ul.pws_tabs_controll li a.pws_tab_active{background-color:#fafafa}.pws_tabs_noeffect .pws_tabs_list{-webkit-transition:all .1s ease-in-out 0;-moz-transition:all .1s ease-in-out 0;transition:all .1s ease-in-out 0}.pws_tabs_noeffect .pws_tab_single{-webkit-transition:none;-moz-transition:none;transition:none}.pws_tabs_container.pws_none .pws_hide{display:none}.pws_tabs_container.pws_none .pws_show{display:block}.pws_tabs_container.pws_scale>.pws_tabs_list>.pws_hide{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);-webkit-transition:all .3s ease-in-out .3s;-moz-transition:all .3s ease-in-out .3s;transition:all .3s ease-in-out .3s}.pws_tabs_container.pws_scale>.pws_tabs_list>.pws_show{z-index:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all .3s ease-in-out .3s;-moz-transition:all .3s ease-in-out .3s;transition:all .3s ease-in-out .3s}.pws_tabs_container.pws_slideleft>.pws_tabs_list>.pws_hide{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transition:all .3s ease-in-out .3s;-moz-transition:all .3s ease-in-out .3s;transition:all .3s ease-in-out .3s}.pws_tabs_container.pws_slideleft>.pws_tabs_list>.pws_show{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;-webkit-transition:all .3s ease-in-out .3s;-moz-transition:all .3s ease-in-out .3s;transition:all .3s ease-in-out .3s}.pws_tabs_container.pws_slideright>.pws_tabs_list>.pws_hide{-webkit-transform:translateX(200%);-moz-transform:translateX(200%);-ms-transform:translateX(200%);transform:translateX(200%);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transition:all .3s ease-in-out .3s;-moz-transition:all .3s ease-in-out .3s;transition:all .3s ease-in-out .3s}.pws_tabs_container.pws_slideright>.pws_tabs_list>.pws_show{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;-webkit-transition:all .3s ease-in-out .3s;-moz-transition:all .3s ease-in-out .3s;transition:all .3s ease-in-out .3s}.pws_tabs_container.pws_slidetop>.pws_tabs_list>.pws_hide{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transition:all .3s ease-in-out .3s;-moz-transition:all .3s ease-in-out .3s;transition:all .3s ease-in-out .3s}.pws_tabs_container.pws_slidetop>.pws_tabs_list>.pws_show{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;-webkit-transition:all .3s ease-in-out .3s;-moz-transition:all .3s ease-in-out .3s;transition:all .3s ease-in-out .3s}.pws_tabs_container.pws_slidedown>.pws_tabs_list>.pws_hide{-webkit-transform:translateY(200%);-moz-transform:translateY(200%);-ms-transform:translateY(200%);transform:translateY(200%);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transition:all .3s ease-in-out .3s;-moz-transition:all .3s ease-in-out .3s;transition:all .3s ease-in-out .3s}.pws_tabs_container.pws_slidedown>.pws_tabs_list>.pws_show{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;-webkit-transition:all .3s ease-in-out .3s;-moz-transition:all .3s ease-in-out .3s;transition:all .3s ease-in-out .3s} -------------------------------------------------------------------------------- /assets/jquery.pwstabs.min.js: -------------------------------------------------------------------------------- 1 | /** 2 | * PWS Tabs jQuery Plugin 3 | * Author: Alex Chizhov 4 | * Author Website: http://alexchizhov.com/pwstabs 5 | * GitHub: https://github.com/alexchizhovcom/pwstabs 6 | * Version: 1.5.0 7 | * Version from: 20.12.2016 8 | * Licensed under the MIT license 9 | */ 10 | !function(a,b,c,d){function g(b,c){this.element=a(b),this.$elem=a(this.element),this.settings=a.extend({},f,c),this._defaults=f,this._name=e,this.settings.onBeforeFirstInit.call(this),this.init(),this.settings.onAfterFirstInit.call(this)}var e="pwstabs",f={effect:"scale",defaultTab:1,containerWidth:"100%",tabsPosition:"horizontal",horizontalPosition:"top",verticalPosition:"left",responsive:!1,theme:"",rtl:!1,onBeforeFirstInit:function(){},onAfterFirstInit:function(){},onBeforeInit:function(){},onAfterInit:function(){},onBeforeChange:function(){},onAfterChange:function(){}};g.prototype={wrap:function(){this.selector=this.$elem,this.tabs=this.selector.children("[data-pws-tab]"),this.selector.addClass("pws_tabs_list"),this.selector.wrap('
    '),this.container=this.selector.closest(".pws_tabs_container")},setContainerWidth:function(){"100%"!==this.settings.containerWidth&&this.container.css("width",this.settings.containerWidth)},setContainerPositionClass:function(){if("vertical"==this.settings.tabsPosition){if(this.container.closest(".pws_tab_single").length){var a=this.container.closest(".pws_tab_single").innerWidth();this.container.css("width",a)}"left"==this.settings.verticalPosition?this.container.addClass("pws_tabs_vertical pws_tabs_vertical_left"):this.container.addClass("pws_tabs_vertical pws_tabs_vertical_right")}else"top"==this.settings.horizontalPosition?this.container.addClass("pws_tabs_horizontal pws_tabs_horizontal_top"):this.container.addClass("pws_tabs_horizontal pws_tabs_horizontal_bottom")},setContainerClasses:function(){this.setContainerPositionClass(),this.arEffects=["scale","slideleft","slideright","slidetop","slidedown","none"],this.settings.rtl&&this.container.addClass("pws_tabs_rtl"),"none"==this.settings.effect&&this.container.addClass("pws_tabs_noeffect"),this.settings.theme&&this.container.addClass(this.settings.theme),a.inArray(this.settings.effect,this.arEffects)>=0?this.container.addClass("pws_"+this.settings.effect):this.container.addClass("pws_scale")},createControlsContainer:function(){"vertical"==this.settings.tabsPosition?"left"==this.settings.verticalPosition?this.container.prepend(''):this.container.append(''):"top"==this.settings.horizontalPosition?this.container.prepend(''):this.container.append(''),this.controls=this.container.children(".pws_tabs_controll")},setControl:function(a,b){this.controls.append('
  • '+b+"
    • ")},setControls:function(){var b=this,c=1;this.tabs.each(function(){var d=a(this).data("pws-tab"),e=a(this).data("pws-tab-name");b.setControl(d,e),a(this).addClass("pws_tab_single"),c++})},setIcon:function(a,b){this.controls.find('[data-tab-id="'+a+'"]').prepend('')},setIcons:function(){var b=this;this.selector.children("[data-pws-tab-icon]").each(function(){var c=a(this).attr("data-pws-tab"),d=a(this).attr("data-pws-tab-name"),e=a(this).attr("data-pws-tab-icon");""==d&&b.controls.find('[data-tab-id="'+c+'"]').addClass("pws_tab_noname"),b.setIcon(c,e)})},setVerticalSize:function(){if("vertical"==this.settings.tabsPosition){var a=this.container.innerWidth()/450,b=parseInt(this.controller.css("font-size"))/a,c=parseInt(this.controller.css("padding-left"))+parseInt(this.controller.css("padding-right")),d=this.controller.html().length*b+c,e=this.controls.outerHeight(),f=this.container.outerWidth()-d,g=this.selector.outerHeight();this.controls.width(d),this.selector.outerWidth(f),g
    ').insertBefore(c.controls),c.controls.addClass("pws_tabs_menu_popup"),c.controller.height(""),c.controllerLi.width(""),c.container.unbind().on("click",".pws_responsive_small_menu a",function(a){a.preventDefault(),c.container.find("ul.pws_tabs_menu_popup").toggleClass("show")}),c.container.find("ul.pws_tabs_menu_popup li a").on("click",function(b){b.preventDefault(),a(this).closest("ul.pws_tabs_menu_popup").removeClass("show")})):a(b).width()>960?(c.container.css("width",i),c.controllerLi.width(""),c.controller.height(""),c.container.find(".pws_responsive_small_menu").remove(),c.controls.removeClass("pws_tabs_menu_popup"),c.controls.show()):a(b).width()>600&&(c.container.find(".pws_responsive_small_menu").remove(),c.controls.removeClass("pws_tabs_menu_popup"),c.controls.show(),c.controller.on("click",function(b){b.preventDefault(),a(this).parent().parent().show()}))})}},init:function(){this.settings.onBeforeInit.call(this);var b=this;this.wrap(),this.setContainerWidth(),this.setContainerClasses(),this.createControlsContainer(),this.setControls(),this.tabs.addClass("pws_hide").hide(),this.controller=this.controls.find("a"),this.controllerLi=this.controls.find("li"),this.defaultTab=this.tabs.eq(this.settings.defaultTab-1),this.setIcons(),this.setVerticalSize(),this.setDefaultTab(),this.controls.on("click","a",function(c){c.preventDefault(),b.settings.onBeforeChange.call(b),b.controller.removeClass("pws_tab_active"),a(this).addClass("pws_tab_active");var d=a(this).data("tab-id"),e=b.selector.children('[data-pws-tab="'+d+'"]');b.tabs.removeClass("pws_show"),setTimeout(function(){b.tabs.hide(),e.show()},400),setTimeout(function(){e.addClass("pws_show"),b.settings.onAfterChange.call(b)},450)}),this.addResponsiveFeature(),this.settings.onAfterInit.call(this)},setOption:function(a,b){this.settings[a]=b},destroy:function(){this.controls.remove(),this.selector.unwrap().removeClass("pws_tabs_list"),this.tabs.show().removeClass("pws_tab_single pws_hide pws_show").removeAttr("style")},rebuild:function(){this.destroy(),this.init()},addTab:function(b){var c={id:"",name:"",icon:"",content:""},d=a.extend({},c,b),e=a("
    ").appendTo(this.selector).addClass("pws_tab_single pws_hide").attr("data-pws-tab",d.id).attr("data-pws-tab-name",d.name).hide().html(d.content);this.setControl(d.id,d.name),d.icon&&(this.setIcon(d.id,d.icon),e.attr("data-pws-tab-icon",d.icon)),this.controller=this.controls.find("a"),this.tabs=this.selector.children("[data-pws-tab]")},removeTab:function(a){var b=this.tabs.eq(a-1);b.hasClass("pws_show")&&this.setOption("defaultTab",1),b.remove(),this.controller.eq(a-1).remove(),this.rebuild()}},a.fn[e]=function(b){var c=a.makeArray(arguments),d=c.slice(1);return this.each(function(){var c=a.data(this,e);if(!c){var h=new g(this,b);return a.data(this,e,h),h}if(c.settings[b]){var f=d.toString();c.setOption(b,f),c.rebuild()}"addTab"===b&&c.addTab(d[0]),"removeTab"===b&&c.removeTab(d[0]),"destroy"===b&&c.destroy(),"rebuild"===b&&c.rebuild()})}}(jQuery,window,document); -------------------------------------------------------------------------------- /assets/sass/crosass/_crosass_init.scss: -------------------------------------------------------------------------------- 1 | // ############################################### 2 | // CroSass - SASS Crossbrowser Library 3 | // Author: Alex Chizhov 4 | // Verison: 0.1.1 5 | // Date: 23.01.2015 6 | // GitHub: https://github.com/alexchizhovcom/CroSass 7 | // Website: http://alexchizhov.com 8 | // ############################################### 9 | 10 | 11 | // IMPORT global variables 12 | @import 'lib/global'; 13 | 14 | 15 | // IMPORT functions 16 | @import 'lib/functions'; 17 | 18 | 19 | // IMPORT : Box-sizing 20 | @import 'lib/boxsizing'; 21 | 22 | // IMPORT : Border-radius 23 | @import 'lib/borderradius'; 24 | 25 | // IMPORT: Transitions 26 | @import 'lib/transitions'; 27 | 28 | 29 | 30 | // clear:both 31 | @mixin clear{ 32 | display: block; 33 | content: ''; 34 | clear: both; 35 | } 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | // Font-size convertion px & em 47 | @mixin font_size($size){ 48 | font-size: $size+px; 49 | font-size: $size / 16+em; 50 | } 51 | 52 | 53 | // Crossbrowser opacity 54 | // $value => 0-100 55 | @mixin opacity($value){ 56 | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#{$value})"; 57 | filter: alpha(opacity=#{$value}); // IE 5+ 58 | opacity: parseInt($value / 100); 59 | } 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | // Transform crossbrowser 71 | // $function - 2D or 3D transformation to an element 72 | @mixin transform($function){ 73 | -webkit-transform: #{$function}; 74 | -moz-transform: #{$function}; 75 | -o-transform: #{$function}; 76 | -ms-transform: #{$function}; 77 | transform: #{$function}; 78 | } 79 | 80 | 81 | // Converions 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | @function pxem($px, $base:$font-size-base){ 90 | @return parseInt($px / $base)+em; 91 | } 92 | 93 | @function empx($em, $base:$font-size-base){ 94 | @return parseInt($em * $base)+px; 95 | } -------------------------------------------------------------------------------- /assets/sass/crosass/lib/_borderradius.scss: -------------------------------------------------------------------------------- 1 | // ############################################### 2 | // CroSass - SASS Crossbrowser Library 3 | // Author: Alex Chizhov 4 | // Verison: 0.1.1 5 | // Date: 23.01.2015 6 | // GitHub: https://github.com/alexchizhovcom/CroSass 7 | // Website: http://alexchizhov.com 8 | // ############################################### 9 | 10 | 11 | // Mixin for crossbrowser border-radius 12 | @mixin border_radius_and($color, $width, $size){ 13 | -webkit-border-radius: $size; 14 | -khtml-border-radius: $size; 15 | -moz-border-radius: $size; 16 | border-radius: $size; 17 | border: $width solid $color; 18 | } 19 | 20 | // border-radius All 21 | @mixin border_radius_all($size){ 22 | -webkit-border-radius: #{$size}; 23 | -khtml-border-radius: #{$size}; 24 | -moz-border-radius: #{$size}; 25 | border-radius: #{$size}; 26 | } 27 | 28 | // border-radius Top Bottom 29 | @mixin border_radius($sizeTopLeft, $sizeTopRight, $sizeBottomLeft, $sizeBottomRight){ 30 | -webkit-border-radius: #{$sizeTopLeft} #{$sizeTopRight} #{$sizeBottomRight} #{$sizeBottomLeft}; 31 | -khtml-border-radius: #{$sizeTopLeft} #{$sizeTopRight} #{$sizeBottomRight} #{$sizeBottomLeft}; 32 | -moz-border-radius: #{$sizeTopLeft} #{$sizeTopRight} #{$sizeBottomRight} #{$sizeBottomLeft}; 33 | border-radius: #{$sizeTopLeft} #{$sizeTopRight} #{$sizeBottomRight} #{$sizeBottomLeft}; 34 | } -------------------------------------------------------------------------------- /assets/sass/crosass/lib/_boxsizing.scss: -------------------------------------------------------------------------------- 1 | // ############################################### 2 | // CroSass - SASS Crossbrowser Library 3 | // Author: Alex Chizhov 4 | // Verison: 0.1.1 5 | // Date: 23.01.2015 6 | // GitHub: https://github.com/alexchizhovcom/CroSass 7 | // Website: http://alexchizhov.com 8 | // ############################################### 9 | 10 | 11 | 12 | // Crossbrowser box-sizing 13 | // http://www.w3schools.com/cssref/css3_pr_box-sizing.asp 14 | @mixin boxsizing($value){ 15 | box-sizing: #{$value}; 16 | -webkit-box-sizing: #{$value}; 17 | -moz-box-sizing: #{$value}; 18 | } -------------------------------------------------------------------------------- /assets/sass/crosass/lib/_functions.scss: -------------------------------------------------------------------------------- 1 | // ############################################### 2 | // CroSass - SASS Crossbrowser Library 3 | // Author: Alex Chizhov 4 | // Verison: 0.1.0 5 | // Date: 23.01.2015 6 | // GitHub: https://github.com/alexchizhovcom/CroSass 7 | // Website: http://alexchizhov.com 8 | // ############################################### 9 | 10 | 11 | 12 | // parseInt function to pass an integer (remove units) 13 | @function parseInt($n) { 14 | @return $n / ($n * 0 + 1); 15 | } -------------------------------------------------------------------------------- /assets/sass/crosass/lib/_global.scss: -------------------------------------------------------------------------------- 1 | // ############################################### 2 | // CroSass - SASS Crossbrowser Library 3 | // Author: Alex Chizhov 4 | // Verison: 0.1.0 5 | // Date: 23.01.2015 6 | // GitHub: https://github.com/alexchizhovcom/CroSass 7 | // Website: http://alexchizhov.com 8 | // ############################################### 9 | 10 | 11 | // GLOBAL Variables 12 | 13 | // BASE font-size 14 | $font-size-base : 16px; -------------------------------------------------------------------------------- /assets/sass/crosass/lib/_transitions.scss: -------------------------------------------------------------------------------- 1 | // ############################################### 2 | // CroSass - SASS Crossbrowser Library 3 | // Author: Alex Chizhov 4 | // Verison: 0.1.0 5 | // Date: 23.01.2015 6 | // GitHub: https://github.com/alexchizhovcom/CroSass 7 | // Website: http://alexchizhov.com 8 | // ############################################### 9 | 10 | 11 | 12 | 13 | // Transition crossbrowser 14 | // $property - Specifies the name of the CSS property the transition effect is for 15 | // $duration - Specifies how many seconds or milliseconds the transition effect takes to complete 16 | // $timing - Specifies the speed curve of the transition effect 17 | // $delay - Defines when the transition effect will start 18 | @mixin transition($property, $duration, $timing, $delay){ 19 | -webkit-transition: #{$property} #{$duration} #{$timing} #{$delay}; 20 | -moz-transition: #{$property} #{$duration} #{$timing} #{$delay}; 21 | -ms-transition: #{$property} #{$duration} #{$timing} #{$delay}; 22 | -o-transition: #{$property} #{$duration} #{$timing} #{$delay}; 23 | transition: #{$property} #{$duration} #{$timing} #{$delay}; 24 | } 25 | 26 | 27 | 28 | // Transition-delay crossbrowser 29 | // $delay - Defines when the transition effect will start 30 | @mixin transition_delay($delay){ 31 | -webkit-transition-delay: #{$delay}; 32 | -moz-transition-delay: #{$delay}; 33 | -ms-transition-delay: #{$delay}; 34 | -o-transition-delay: #{$delay}; 35 | transition-delay: #{$delay}; 36 | } 37 | 38 | 39 | 40 | // Transition-duration crossbrowser 41 | // http://www.w3schools.com/cssref/css3_pr_transition-duration.asp 42 | // $time - Specifies how many seconds or milliseconds a transition effect takes to complete. 43 | @mixin transition_duration($time){ 44 | -webkit-transition-duration: #{$time}; 45 | -moz-transition-duration: #{$time}; 46 | -ms-transition-duration: #{$time}; 47 | -o-transition-duration: #{$time}; 48 | transition-duration: #{$time}; 49 | } 50 | 51 | 52 | 53 | // Transition-property crossbrowser 54 | // http://www.w3schools.com/cssref/css3_pr_transition-property.asp 55 | // $property - Defines a comma separated list of CSS property names the transition effect is for (none / all / property / initial / inherited) 56 | @mixin transition_property($property){ 57 | -webkit-transition-property: #{$property}; 58 | -moz-transition-property: #{$property}; 59 | -ms-transition-property: #{$property}; 60 | -o-transition-property: #{$property}; 61 | transition-property: #{$property}; 62 | } 63 | 64 | 65 | 66 | // transition-timing-function 67 | // http://www.w3schools.com/cssref/css3_pr_transition-timing-function.asp 68 | // $function - specifies the speed curve of the transition effect 69 | @mixin transition_timing($function){ 70 | -webkit-transition-timing-function: #{$function}; 71 | -moz-transition-timing-function: #{$function}; 72 | -ms-transition-timing-function: #{$function}; 73 | -o-transition-timing-function: #{$function}; 74 | transition-timing-function: #{$function}; 75 | } 76 | 77 | 78 | 79 | // transition : none 80 | @mixin transition_none{ 81 | -webkit-transition: none; 82 | -moz-transition: none; 83 | -ms-transition: none; 84 | -o-transition: none; 85 | transition: none; 86 | } -------------------------------------------------------------------------------- /assets/sass/jquery.pwstabs.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * PWS Tabs jQuery Plugin 3 | * Author: Alex Chizhov 4 | * Author Website: http://alexchizhov.com/pwstabs 5 | * GitHub: https://github.com/alexchizhovcom/pwstabs 6 | * Version: 1.4.0 7 | * Version from: 06.03.2016 8 | * Licensed under the MIT license 9 | */ 10 | 11 | 12 | @import 'crosass/crosass_init'; 13 | 14 | 15 | $pws_tabs_bgcolor_default : #9bd7d5; 16 | $pws_tabs_bgcolor_hover : #70c5c2; 17 | $pws_tabs_bgcolor_active : #fff; 18 | 19 | .pws_tabs_container, 20 | .pws_tabs_controll a{ 21 | font-size:16px; 22 | } 23 | 24 | @media only screen and (max-width: 60em){ // 960px 25 | 26 | .pws_tabs_container.pws_tabs_responsive{ 27 | width: 100% !important; 28 | ul.pws_tabs_controll{ 29 | width: 100%; 30 | li{ 31 | vertical-align: top; 32 | text-align: center; 33 | a{ 34 | margin: 0; 35 | font-size: 1em; 36 | line-height: 1.125em; 37 | overflow: hidden; 38 | i{ 39 | display: block; 40 | margin: 0 0 5px 0; 41 | } 42 | } 43 | } 44 | } // EOF : pws_tabs_controll 45 | 46 | 47 | // ###################################################### 48 | // Vertical Position 49 | // ###################################################### 50 | &.pws_tabs_vertical{ 51 | display: block; 52 | position: relative; 53 | &:after{ 54 | @include clear; 55 | } 56 | 57 | ul.pws_tabs_controll{ 58 | width: 100%; 59 | position: relative; 60 | float: none; 61 | li{ 62 | display: inline-block; 63 | a { 64 | margin: 0; 65 | } 66 | } 67 | } 68 | 69 | .pws_tabs_list{ 70 | position: relative; 71 | float: none; 72 | } 73 | 74 | } // EOF: pws_tabs_vertical 75 | 76 | 77 | } // EOF: pws_tabs_responsive 78 | 79 | } // 960px 80 | 81 | @media only screen and (max-width: 37.5em){ // 600px 82 | 83 | .pws_tabs_container.pws_tabs_responsive{ 84 | width: 100% !important; 85 | position: relative; 86 | .pws_responsive_small_menu{ 87 | width: 100%; 88 | height: 40px; 89 | background-color: #{$pws_tabs_bgcolor_default}; 90 | display: block; 91 | a{ 92 | width: 40px; 93 | height: 40px; 94 | display: block; 95 | overflow: hidden; 96 | color: #fff; 97 | font-size: 32px; 98 | font-size: 2em; 99 | text-align: center; 100 | padding: 3px 0 0 0; 101 | cursor:pointer; 102 | @include boxsizing('border-box'); 103 | &:hover{ 104 | background-color: #{$pws_tabs_bgcolor_hover}; 105 | } 106 | } 107 | } // EOF : pws_responsive_small_menu 108 | 109 | ul.pws_tabs_controll.pws_tabs_menu_popup{ 110 | display: none; 111 | position: absolute; 112 | overflow: hidden; 113 | top: 40px; 114 | left: 0; 115 | z-index: 99; 116 | margin: 0; 117 | padding: 0; 118 | @include boxsizing('border-box'); 119 | 120 | &.show{ 121 | display:block; 122 | } 123 | 124 | li{ 125 | display: block; 126 | float: none; 127 | a i{ 128 | display: inline-block; 129 | margin: 0 3px 0 0; 130 | margin: 0 0.1875em 0 0; 131 | } 132 | } 133 | } // EOF : pws_tabs_menu_popup 134 | 135 | 136 | 137 | &.pws_tabs_rtl ul.pws_tabs_controll.pws_tabs_menu_popup li a i{ 138 | display: inline-block; 139 | margin: 0 0 0 3px; 140 | margin: 0 0 0 0.1875em; 141 | } 142 | 143 | } // EOF: pws_tabs_responsive 144 | 145 | } // 600px 146 | 147 | 148 | .pws_tabs_container{ 149 | width: 100%; 150 | box-sizing:border-box; 151 | 152 | ul.pws_tabs_controll{ 153 | list-style: none; 154 | margin: 0; 155 | padding:0; 156 | li{ 157 | display: inline-block; 158 | a{ 159 | display: block; 160 | background-color: #{$pws_tabs_bgcolor_default}; // 1.2.1 161 | padding: 15px 20px; 162 | padding: 0.9375em 1.25em; // @1.2.0 163 | text-decoration: none; 164 | color: #fff; 165 | margin-right: 3px; 166 | cursor:pointer; 167 | &:hover{ 168 | background-color: #{$pws_tabs_bgcolor_hover}; 169 | } 170 | i{ 171 | margin-right: 8px; 172 | } 173 | &.pws_tab_noname i{ 174 | margin-right: 0; 175 | margin-left: 0; 176 | } 177 | &.pws_tab_active{ 178 | background-color: #{$pws_tabs_bgcolor_active}; 179 | color: #505050; 180 | } 181 | } 182 | } 183 | } // EOF : pws_tabs_controll 184 | 185 | } // EOF : pws_tabs_container 186 | 187 | 188 | .pws_tabs_list{ 189 | display: block; 190 | background-color: #fff; 191 | height: auto; 192 | padding: 20px; 193 | padding: 1.25em; // @1.2.0 194 | @include boxsizing('border-box'); 195 | @include transition('all','.3s','ease-in-out','.3s'); 196 | overflow: hidden; 197 | position: relative; 198 | } 199 | .pws_tab_single{ 200 | /*position: absolute;*/ 201 | /*top: 20px;*/ 202 | /*padding-right: 20px;*/ 203 | /*padding-right: 1.25em; // @1.2.0*/ 204 | 205 | display:block; 206 | 207 | @include transition('all','.3s','ease-in-out','.0'); 208 | } 209 | 210 | 211 | /** 212 | * ###################################################### 213 | * Right To Left Styles 214 | * ###################################################### 215 | */ 216 | .pws_tabs_container.pws_tabs_rtl{ 217 | text-align: right; 218 | direction: rtl; 219 | ul.pws_tabs_controll li a{ 220 | margin-right: 0; 221 | margin-left: 3px; 222 | i{ // @1.2.0 223 | margin-left: 8px; 224 | margin-right: 0; 225 | } 226 | } 227 | .pws_tab_single{ 228 | /*padding-right: 0;*/ 229 | /*padding-left: 20px;*/ 230 | /*padding-left: 1.25em; // @1.2.0*/ 231 | } 232 | } // EOF : pws_tabs_rtl 233 | 234 | 235 | /** 236 | * ###################################################### 237 | * Vertical Position 238 | * ###################################################### 239 | */ 240 | .pws_tabs_container.pws_tabs_vertical{ 241 | display: block; 242 | position: relative; 243 | 244 | &:after{ 245 | @include clear; 246 | } 247 | 248 | & > ul.pws_tabs_controll{ 249 | width: auto; 250 | position: relative; 251 | float: left; 252 | li{ 253 | display: block; 254 | a{ 255 | margin-right: 0; 256 | margin-left: 0; 257 | margin-bottom: 3px; 258 | } 259 | } 260 | } 261 | 262 | & > .pws_tabs_list{ 263 | position: relative; 264 | float: left; 265 | } 266 | 267 | } // EOF : pws_tabs_vertical 268 | 269 | 270 | /** 271 | * ###################################################### 272 | * Colors - Themes @1.2.0 273 | * ###################################################### 274 | */ 275 | 276 | // PWS Tabs Flat Theme Colors 277 | @mixin theme_flat($name,$defaultColor,$hoverColor, $activeColor){ 278 | /** 279 | * ########################### 280 | * #{$name} 281 | * ########################### 282 | */ 283 | .pws_tabs_container.pws_tabs_responsive.pws_theme_#{$name} .pws_responsive_small_menu{ 284 | background-color: #{$defaultColor}; 285 | a:hover{ 286 | background-color: #{$hoverColor}; 287 | } 288 | } 289 | .pws_tabs_container.pws_theme_#{$name} ul.pws_tabs_controll li a{ 290 | background-color: #{$defaultColor}; 291 | &:hover{ 292 | background-color: #{$hoverColor}; 293 | } 294 | &.pws_tab_active{ 295 | background-color: #{$activeColor}; 296 | } 297 | } 298 | } 299 | 300 | 301 | @include theme_flat('violet', '#c72c66','#a6164c','#fff'); 302 | @include theme_flat('green', '#86c447','#539312','#fff'); 303 | @include theme_flat('yellow', '#fdb813','#ffa500','#fff'); 304 | @include theme_flat('gold', '#f89827','#fa7b00','#fff'); 305 | @include theme_flat('orange', '#f15b42','#fd2e0b','#fff'); 306 | @include theme_flat('red', '#e41937','#d70726','#fff'); 307 | @include theme_flat('purple', '#672e8d','#470871','#fff'); 308 | @include theme_flat('grey', '#4d4d4f','#000000','#fff'); 309 | 310 | 311 | 312 | 313 | // PWS Themes Flat Dark 314 | @mixin theme_flat_dark($name,$defaultColor,$hoverColor, $activeColor){ 315 | /** 316 | * ########################### 317 | * #{$name} 318 | * ########################### 319 | */ 320 | .pws_tabs_container.pws_tabs_responsive.pws_theme_dark_#{$name} .pws_responsive_small_menu{ 321 | background-color: #{$defaultColor}; 322 | a:hover{ 323 | background-color: #{$hoverColor}; 324 | } 325 | } 326 | .pws_tabs_container.pws_theme_dark_#{$name}{ 327 | .pws_tabs_list{ 328 | background-color: #{$activeColor} 329 | } 330 | ul.pws_tabs_controll li a{ 331 | background-color: #{$defaultColor}; 332 | &:hover{ 333 | background-color: #{$hoverColor}; 334 | } 335 | &.pws_tab_active{ 336 | background-color: #{$activeColor}; 337 | } 338 | } 339 | } 340 | } 341 | 342 | @include theme_flat_dark('violet', '#c72c66','#a6164c','#fafafa'); 343 | @include theme_flat_dark('green', '#86c447','#539312','#fafafa'); 344 | @include theme_flat_dark('yellow', '#fdb813','#ffa500','#fafafa'); 345 | @include theme_flat_dark('gold', '#f89827','#fa7b00','#fafafa'); 346 | @include theme_flat_dark('orange', '#f15b42','#fd2e0b','#fafafa'); 347 | @include theme_flat_dark('red', '#e41937','#d70726','#fafafa'); 348 | @include theme_flat_dark('purple', '#672e8d','#470871','#fafafa'); 349 | @include theme_flat_dark('grey', '#4d4d4f','#000000','#fafafa'); 350 | @include theme_flat_dark('cyan', '#9bd7d5','#70c5c2','#fafafa'); 351 | 352 | 353 | 354 | 355 | /** 356 | * ###################################################### 357 | * Effect: none 358 | * ###################################################### 359 | */ 360 | .pws_tabs_noeffect{ 361 | .pws_tabs_list{ 362 | @include transition('all','.1s','ease-in-out','0'); 363 | } 364 | .pws_tab_single{ 365 | @include transition_none; 366 | } 367 | } 368 | 369 | .pws_tabs_container.pws_none{ 370 | .pws_hide{ 371 | display: none; 372 | } 373 | .pws_show{ 374 | display: block; 375 | } 376 | } 377 | 378 | /** 379 | * ###################################################### 380 | * Effect: scale 381 | * ###################################################### 382 | */ 383 | .pws_tabs_container.pws_scale{ 384 | & > .pws_tabs_list{ 385 | & > .pws_hide{ 386 | @include opacity(0); 387 | @include transform('scale(0.9)'); 388 | @include transition('all','.3s','ease-in-out','.3s'); 389 | } 390 | & > .pws_show{ 391 | z-index: 1; 392 | @include opacity(100); 393 | @include transform('scale(1)'); 394 | @include transition_delay('.3s'); 395 | @include transition('all','.3s','ease-in-out','.3s'); 396 | } 397 | } 398 | } 399 | 400 | /** 401 | * ###################################################### 402 | * Effect: slideleft 403 | * ###################################################### 404 | */ 405 | .pws_tabs_container.pws_slideleft{ 406 | & > .pws_tabs_list{ 407 | & > .pws_hide{ 408 | @include transform('translateX(-100%)'); 409 | @include opacity(0); 410 | @include transition('all','.3s','ease-in-out','.3s'); 411 | } 412 | & > .pws_show{ 413 | @include transform('translateX(0px)'); 414 | @include opacity(100); 415 | @include transition_delay('.3s'); 416 | @include transition('all','.3s','ease-in-out','.3s'); 417 | } 418 | } 419 | } 420 | 421 | /** 422 | * ###################################################### 423 | * Effect: slideright 424 | * ###################################################### 425 | */ 426 | .pws_tabs_container.pws_slideright{ 427 | & > .pws_tabs_list{ 428 | & > .pws_hide{ 429 | @include transform('translateX(200%)'); 430 | @include opacity(0); 431 | @include transition('all','.3s','ease-in-out','.3s'); 432 | } 433 | & > .pws_show{ 434 | @include transform('translateX(0px)'); 435 | @include opacity(100); 436 | @include transition_delay('.3s'); 437 | @include transition('all','.3s','ease-in-out','.3s'); 438 | } 439 | } 440 | } 441 | 442 | /** 443 | * ###################################################### 444 | * Effect: slidetop 445 | * ###################################################### 446 | */ 447 | .pws_tabs_container.pws_slidetop{ 448 | & > .pws_tabs_list{ 449 | & > .pws_hide{ 450 | @include transform('translateY(-100%)'); 451 | @include opacity(0); 452 | @include transition('all','.3s','ease-in-out','.3s'); 453 | } 454 | & > .pws_show{ 455 | @include transform('translateY(0px)'); 456 | @include opacity(100); 457 | @include transition_delay('.3s'); 458 | @include transition('all','.3s','ease-in-out','.3s'); 459 | } 460 | } 461 | } 462 | 463 | /** 464 | * ###################################################### 465 | * Effect: slidedown 466 | * ###################################################### 467 | */ 468 | .pws_tabs_container.pws_slidedown{ 469 | & > .pws_tabs_list{ 470 | & > .pws_hide{ 471 | @include transform('translateY(200%)'); 472 | @include opacity(0); 473 | @include transition('all','.3s','ease-in-out','.3s'); 474 | } 475 | & > .pws_show{ 476 | @include transform('translateY(0px)'); 477 | @include opacity(100); 478 | @include transition_delay('.3s'); 479 | @include transition('all','.3s','ease-in-out','.3s'); 480 | } 481 | } 482 | } -------------------------------------------------------------------------------- /bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "pwstabs", 3 | "version": "1.3.0", 4 | "authors": [ 5 | "Alex Chizhov " 6 | ], 7 | "description": "PWS Tabs jQuery Plugin", 8 | "main": "assets/jquery.pwstabs.js", 9 | "moduleType": [ 10 | "globals" 11 | ], 12 | "keywords": [ 13 | "tabs", 14 | "jquery", 15 | "plugin", 16 | "responsive" 17 | ], 18 | "license": "MIT", 19 | "homepage": "http://alexchizhov.com/pwstabs" 20 | } 21 | -------------------------------------------------------------------------------- /examples/mixedexample.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alexchizhovcom/pwstabs/690724dbbbb55235cdd3cf515d95de004d774be4/examples/mixedexample.jpg -------------------------------------------------------------------------------- /examples/responsive.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | PWS Tabs 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 81 | 82 | 83 | 84 | 85 | 86 |
    87 |

    Demos

    88 | 89 |
    90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 |
    102 | 103 |
    104 |
    Test
    105 |
    Test 2
    106 |
    Test 3
    107 |
    108 | 109 |
    110 |
    © 2015 - Alex Chizhov
    111 | 112 | -------------------------------------------------------------------------------- /examples/styles.css: -------------------------------------------------------------------------------- 1 | a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font-family:'Roboto Condensed',arial,helvetica,sans-serif;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;background-color:#129793}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0} 2 | 3 | 4 | .header{ 5 | width: 100%; 6 | display: block; 7 | text-align: center; 8 | padding: 20px 0; 9 | font-size: 15px; 10 | color: #505050; 11 | background-color: #fff; 12 | margin-bottom: 30px; 13 | box-sizing: border-box; 14 | -webkit-box-sizing: border-box; 15 | -moz-box-sizing: border-box; 16 | } 17 | .header h1{ 18 | font-size: 60px; 19 | font-weight: bold; 20 | color: #ff7260; 21 | margin: 0 0 15px 0; 22 | padding: 0; 23 | } 24 | .header a{ 25 | color: #ff7260; 26 | font-size: 15px; 27 | text-decoration: underline; 28 | } 29 | .header a:hover{ 30 | color: #505050; 31 | } 32 | 33 | .header p{ 34 | margin: 6px 0; 35 | padding: 0; 36 | font-size: 15px; 37 | color: #505050; 38 | } 39 | .header p.header_buttons{ 40 | margin-top: 15px; 41 | } 42 | .header p.header_buttons a{ 43 | background-color: #ff7260; 44 | color: #fff; 45 | display: inline-block; 46 | text-align: center; 47 | padding: 10px 30px; 48 | margin: 0 10px; 49 | text-decoration: none; 50 | text-transform: uppercase; 51 | } 52 | p.header_buttons a:hover{ 53 | background-color: #9bd7d5; 54 | } 55 | .content{ 56 | width: 940px; 57 | display: block; 58 | margin: 0 auto; 59 | } 60 | .content.demo_responsive{ 61 | width: 100%; 62 | padding: 0 20px; 63 | box-sizing: border-box; 64 | -webkit-box-sizing: border-box; 65 | -moz-box-sizing: border-box; 66 | } 67 | .content h2{ 68 | font-size: 40px; 69 | font-weight: bold; 70 | color: #fff; 71 | margin-bottom: 30px; 72 | margin-top: 30px; 73 | } 74 | .content h3{ 75 | font-size: 35px; 76 | font-weight: 300; 77 | color: #fff; 78 | margin-bottom: 15px; 79 | margin-top: 25px; 80 | } 81 | .content a{ 82 | color: #fff5c3; 83 | text-decoration: underline; 84 | } 85 | .content a:hover{ 86 | color: #fff; 87 | text-decoration: none; 88 | } 89 | .content code{ 90 | width: 100%; 91 | background-color: #f0f0f0; 92 | display: block; 93 | padding: 20px; 94 | color: #000; 95 | letter-spacing: 0.5px; 96 | font-size: 16px; 97 | font-weight: normal; 98 | margin: 15px 0 30px 0; 99 | box-sizing: border-box; 100 | -webkit-box-sizing: border-box; 101 | -moz-box-sizing: border-box; 102 | } 103 | .content p{ 104 | color: #fff; 105 | font-size: 17px; 106 | margin: 15px 0; 107 | } 108 | .content strong{ 109 | font-weight: bold; 110 | font-size: 17px; 111 | color: #fff5c3; 112 | } 113 | .content code strong{ 114 | color: #000; 115 | } 116 | .content table{ 117 | background-color: #fff; 118 | width: 100%; 119 | } 120 | .content table thead tr th{ 121 | border: 1px solid #505050; 122 | padding: 8px; 123 | font-size: 17px; 124 | color: #ff7260; 125 | font-weight: bold; 126 | } 127 | .content table tr:nth-child(even) td{ 128 | background-color: #f0f0f0; 129 | } 130 | .content .pws_example_mixed_content_block{ 131 | width: 900px; 132 | position: relative; 133 | } 134 | .content .pws_example_mixed_content_block:after{ 135 | display: block; 136 | content: ''; 137 | clear: both; 138 | } 139 | .content .pws_example_mixed_content_left{ 140 | width: 350px; 141 | position: relative; 142 | float: left; 143 | display: block; 144 | } 145 | .content .pws_example_mixed_content_right{ 146 | width: 550px; 147 | position: relative; 148 | float: left; 149 | display: block; 150 | color: #505050; 151 | } 152 | .content .pws_example_mixed_content_right h3, 153 | .content .pws_example_mixed_content_right p{ 154 | margin: 0 0 15px 0; 155 | color: #505050; 156 | } 157 | table tbody tr td{ 158 | border: 1px solid #505050; 159 | padding: 8px; 160 | font-size: 17px; 161 | color: #505050; 162 | font-weight: 300; 163 | } 164 | /* Demo colors */ 165 | .content .pws_demo_colors{ 166 | display: block; 167 | margin: 15px 0; 168 | } 169 | 170 | .content .pws_demo_colors_title{ 171 | color:#fff; 172 | vertical-align:top; 173 | display:inline-block; 174 | width:120px; 175 | height:30px; 176 | 177 | padding:6px 0 0 0; 178 | 179 | box-sizing:border-box; 180 | -webkit-box-sizing:border-box; 181 | -moz-box-sizing:border-box; 182 | } 183 | 184 | .content .pws_demo_colors a{ 185 | width: 30px; 186 | height: 30px; 187 | display: inline-block; 188 | border: 3px solid #fff; 189 | box-sizing: border-box; 190 | -webkit-box-sizing: border-box; 191 | -moz-box-sizing: border-box; 192 | } 193 | .content .pws_demo_colors a[data-demo-color="cyan"], 194 | .content .pws_demo_colors a[data-demo-color="dark_cyan"]{ 195 | background-color: #9bd7d5; 196 | } 197 | .content .pws_demo_colors a[data-demo-color="violet"], 198 | .content .pws_demo_colors a[data-demo-color="dark_violet"]{ 199 | background-color: #c72c66; 200 | } 201 | .content .pws_demo_colors a[data-demo-color="green"], 202 | .content .pws_demo_colors a[data-demo-color="dark_green"]{ 203 | background-color: #86c447; 204 | } 205 | .content .pws_demo_colors a[data-demo-color="yellow"], 206 | .content .pws_demo_colors a[data-demo-color="dark_yellow"]{ 207 | background-color: #fdb813; 208 | } 209 | .content .pws_demo_colors a[data-demo-color="gold"], 210 | .content .pws_demo_colors a[data-demo-color="dark_gold"]{ 211 | background-color: #f89827; 212 | } 213 | .content .pws_demo_colors a[data-demo-color="orange"], 214 | .content .pws_demo_colors a[data-demo-color="dark_orange"]{ 215 | background-color: #f15b42; 216 | } 217 | .content .pws_demo_colors a[data-demo-color="red"], 218 | .content .pws_demo_colors a[data-demo-color="dark_red"]{ 219 | background-color: #e41937; 220 | } 221 | .content .pws_demo_colors a[data-demo-color="purple"], 222 | .content .pws_demo_colors a[data-demo-color="dark_purple"]{ 223 | background-color: #672e8d; 224 | } 225 | .content .pws_demo_colors a[data-demo-color="grey"], 226 | .content .pws_demo_colors a[data-demo-color="dark_grey"]{ 227 | background-color: #4d4d4f; 228 | } 229 | .footer{ 230 | display: block; 231 | padding: 30px 0 15px 0; 232 | text-align: center; 233 | color: #fff; 234 | font-size: 15px; 235 | } 236 | .footer a{ 237 | color: #fff; 238 | text-decoration: underline; 239 | font-size: 15px; 240 | } 241 | .footer a:hover{ 242 | text-decoration: none; 243 | } -------------------------------------------------------------------------------- /grunt/aliases.yaml: -------------------------------------------------------------------------------- 1 | default: 2 | - 'sass' 3 | - 'autoprefixer' 4 | - 'watch' -------------------------------------------------------------------------------- /grunt/autoprefixer.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | 3 | dist: { 4 | options: { 5 | browsers: ['last 20 versions', 'Firefox > 10', 'Chrome > 20'] 6 | }, 7 | files: { 8 | 'assets/jquery.pwstabs.css': 'assets/jquery.pwstabs.css' 9 | } 10 | } 11 | 12 | }; -------------------------------------------------------------------------------- /grunt/sass.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | 3 | dist: { 4 | options: { 5 | style: 'expanded', 6 | debugInfo: false 7 | }, 8 | files: { 9 | 'assets/jquery.pwstabs.css': 'assets/sass/jquery.pwstabs.scss' 10 | } 11 | } 12 | 13 | }; -------------------------------------------------------------------------------- /grunt/watch.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | 3 | css: { 4 | files: 'assets/sass/*.scss', 5 | tasks: ['sass', 'autoprefixer'] 6 | } 7 | 8 | }; -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "pwstabs", 3 | "version": "1.3.0", 4 | "devDependencies": { 5 | "grunt": "~0.4.5", 6 | "grunt-contrib-watch": "~0.6.1", 7 | "grunt-autoprefixer": "~3.0.3", 8 | "grunt-contrib-sass": "~0.9.2", 9 | "load-grunt-tasks": "~3.3.0", 10 | "load-grunt-config": "~0.17.2" 11 | } 12 | } 13 | --------------------------------------------------------------------------------