├── .gitignore ├── MANIFEST.IN ├── README.md ├── gulpfile.js ├── humans.txt ├── preview.png ├── setup.py └── theme ├── __init__.py ├── static └── theme │ ├── css │ └── all.min.css │ ├── img │ └── wharton-logo.svg │ ├── js │ ├── min │ │ └── scripts.js │ └── scripts.js │ └── styles │ ├── abstracts │ ├── README.md │ ├── _functions.scss │ ├── _mixins.scss │ └── _variables.scss │ ├── base │ ├── README.md │ ├── _base.scss │ ├── _fonts.scss │ ├── _helpers.scss │ ├── _links.scss │ └── _typography.scss │ ├── components │ ├── README.md │ ├── _breadcrumb.scss │ ├── _button.scss │ ├── _forms.scss │ ├── _grid.scss │ ├── _lists.scss │ ├── _tables.scss │ └── _vertical_align.scss │ ├── layout │ ├── README.md │ ├── _banner.scss │ ├── _containers.scss │ ├── _footer.scss │ └── _offcanvas_nav.scss │ ├── main.scss │ ├── pages │ ├── README.md │ └── _home.scss │ ├── postcss │ └── postcss.css │ ├── themes │ ├── README.md │ └── _styleguide.scss │ └── vendor │ ├── README.md │ ├── _font_awesome_v_4_5.scss │ ├── _normalize.scss │ └── fonts │ ├── FontAwesome.otf │ ├── fontawesome-webfont.eot │ ├── fontawesome-webfont.svg │ ├── fontawesome-webfont.ttf │ ├── fontawesome-webfont.woff │ └── fontawesome-webfont.woff2 └── templates ├── default.html └── example └── example.html /.gitignore: -------------------------------------------------------------------------------- 1 | # Python bytecode: 2 | *.py[co] 3 | 4 | # Packaging files: 5 | *.egg* 6 | 7 | # Sphinx docs: 8 | build 9 | 10 | # SQLite3 database files: 11 | *.db 12 | 13 | # Logs: 14 | *.log 15 | 16 | # Eclipse 17 | .project 18 | .pydevproject 19 | 20 | # Linux Editors 21 | *~ 22 | \#*\# 23 | /.emacs.desktop 24 | /.emacs.desktop.lock 25 | .elc 26 | auto-save-list 27 | tramp 28 | .\#* 29 | *.swp 30 | *.swo 31 | 32 | # Mac 33 | .DS_Store 34 | ._* 35 | 36 | # Windows 37 | Thumbs.db 38 | Desktop.ini 39 | 40 | # Dev tools 41 | .idea 42 | .vagrant 43 | 44 | # SQLite 45 | *.sqlite3 46 | 47 | # Test Coverage Suite 48 | .coverage 49 | 50 | # projects dir 51 | projects/ 52 | 53 | # HTML coverage 54 | htmlcov/ 55 | 56 | # Sass Files 57 | *.sass-cache 58 | 59 | # Code Kit 60 | config.codekit 61 | 62 | #README.html 63 | README.html 64 | 65 | # Node Modules 66 | node_modules 67 | node_modules.zip -------------------------------------------------------------------------------- /MANIFEST.IN: -------------------------------------------------------------------------------- 1 | recursive-include theme/static * 2 | recursive-include theme/templates * -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ## Django Flexbox Theme 2 | - A modern, lightweight & responsive styleguide based on Flexbox, designed for Wharton CAOS apps, and created for Django projects. 3 | - Created to be a starting point or guide, not a complete UI framework. 4 | - Easily customizable. 5 | 6 | ### Preview 7 | This is just an example, not necessarily the official template of the theme. 8 | 9 | ![alt tag](https://github.com/wharton/django-flexbox-theme/blob/master/preview.png) 10 | 11 | ### Browser Support 12 | - This styleguide supports all browsers colored green here (on the canIuse site). For Example: this theme should not be used with IE 11 (and below) or Safari 8 (and below). If you need something with more backwards compatibility, checkout Django Base Theme. 13 | 14 | ### Grid By 15 | - Solved by Flexbox by Philip Walton 16 | 17 | ### Other Features and/or Guides Included 18 | - A combo of SASS Boilerplate by Hugo Giraudel and 19 | SMACSS architecture by Jonathan Snook (the former is similar to the latter in many ways already) 20 | - BEM (naming convention only) 21 | - Harry Roberts' CSS Guidelines (here & there) 22 | 23 | ### Components 24 | - Typography 25 | - Buttons 26 | - Forms 27 | - Lists 28 | - Tables 29 | - Off-canvas nav 30 | - Grid 31 | - Sticky Footer 32 | - Vertically Aligned Items 33 | - Input Addons 34 | 35 | ### Django Helpers 36 | - Template Blocks 37 | - PIP Installable 38 | 
pip install git+https://github.com/wharton/Django-Flexbox-Theme --upgrade
39 | 40 | ### Task Management 41 | 42 | #### 1) Gulp 43 | - Gulp 44 | - An example gulpfile is included in this theme 45 | 46 | #### 2) CSS Extensions 47 | The gulpfile includes tasks for SASS, PostCSS or both. 48 | 49 | - SASS 50 | - PostCSS 51 | 52 | ### Font Icons 53 | - Font Awesome 54 | 55 | ### Performance 56 | Grade "A" score using the YSlow Web Page Analyzer. 57 | 58 | ### Wharton Branding Included 59 | - Wharton Logo (SVG Format) 60 | - Wharton Colors 61 | - Helvetica Neue and Palatino Linotype served via Fonts.com 62 | -------------------------------------------------------------------------------- /gulpfile.js: -------------------------------------------------------------------------------- 1 | // ----------------------------------------------------------------------------- 2 | // All Gulp Tasks 3 | // ----------------------------------------------------------------------------- 4 | 5 | /** 6 | * Requires 7 | */ 8 | var gulp = require('gulp'); 9 | var postcss = require('gulp-postcss'); 10 | var sourcemaps = require('gulp-sourcemaps'); 11 | var sass = require('gulp-sass'); 12 | var prefix = require('gulp-autoprefixer'); 13 | var minifycss = require('gulp-minify-css'); 14 | var cssmin = require('gulp-cssmin'); 15 | var rename = require('gulp-rename'); 16 | var watch = require('gulp-watch'); 17 | var csslint = require('gulp-csslint'); 18 | var reporter = require("postcss-reporter"); 19 | var concat = require('gulp-concat'); 20 | var uglify = require('gulp-uglify'); 21 | 22 | /** 23 | * SASS Task Option 24 | */ 25 | gulp.task('sass', function () { 26 | return gulp.src('static_dev/theme/styles/*.scss') 27 | .pipe(sass().on('error', sass.logError)) 28 | .pipe( sourcemaps.init() ) 29 | .pipe(cssmin()) 30 | .pipe(rename({suffix: '.min'})) 31 | //.pipe( sourcemaps.write('.') ) 32 | .pipe( gulp.dest('static_dev/theme/css') ); 33 | }); 34 | 35 | /** 36 | * PostCSS Task Option 37 | */ 38 | gulp.task('postcss', function () { 39 | return gulp.src('static_dev/theme/styles/postcss/*.css') 40 | .pipe( sourcemaps.init() ) 41 | .pipe( postcss([ require('autoprefixer'), require('precss'), ]) ) 42 | .pipe(cssmin()) 43 | .pipe(rename({suffix: '.min'})) 44 | //.pipe( sourcemaps.write('.') ) 45 | .pipe( gulp.dest('static_dev/theme/css') ); 46 | }); 47 | 48 | gulp.task('scripts', function() { 49 | return gulp.src('static_dev/js/*.js') 50 | .pipe(uglify()) 51 | .pipe(gulp.dest('static_dev/js/min')); 52 | }); 53 | 54 | /** 55 | * Concatenate PostCSS and SASS builds 56 | */ 57 | gulp.task('concat', function() { 58 | return gulp.src(['static_dev/theme/css/main.min.css', 'static_dev/theme/css/postcss.min.css']) 59 | .pipe(concat('all.min.css')) 60 | .pipe(cssmin()) 61 | .pipe(gulp.dest('static_dev/theme/css')); 62 | }); 63 | 64 | /** 65 | * Get CSS Stats 66 | */ 67 | gulp.task('cssstats', function() { 68 | var cssstats = require('postcss-cssstats'); 69 | var postcss = require('gulp-postcss'); 70 | return gulp 71 | .src('static_dev/theme/css/all.min.css') 72 | .pipe( 73 | postcss([ 74 | cssstats( 75 | function(stats) { 76 | console.log(stats); 77 | } 78 | ) 79 | ]) 80 | ); 81 | }); 82 | 83 | /** 84 | * Get CSS Issues Report 85 | */ 86 | gulp.task('report', function() { 87 | gulp.src('static_dev/theme/css/all.min.css') 88 | .pipe(csslint()) 89 | .pipe(csslint.reporter()); 90 | }); 91 | 92 | /** 93 | * Watch files for changes 94 | */ 95 | gulp.task('watch-all', function(){ 96 | gulp.watch(['static_dev/theme/styles/*.scss', 'static_dev/theme/styles/**/*.scss', 'static_dev/theme/styles/**/**/*.scss', 'static_dev/theme/styles/**/**/**/*.scss', 'static_dev/theme/styles/postcss/*.css', 'static_dev/js/*.js'], ['postcss','sass', 'scripts', 'concat']); 97 | }); 98 | 99 | gulp.task('watch-sass', function(){ 100 | gulp.watch(['static_dev/theme/styles/*.scss', 'static_dev/theme/styles/**/*.scss', 'static_dev/theme/styles/**/**/*.scss', 'static_dev/theme/styles/**/**/**/*.scss'], ['sass', 'concat']); 101 | }); 102 | 103 | gulp.task('watch-postcss', function(){ 104 | gulp.watch(['static_dev/theme/styles/postcss/*.css'], ['postcss','concat']); 105 | }); 106 | -------------------------------------------------------------------------------- /humans.txt: -------------------------------------------------------------------------------- 1 | # humanstxt.org/ 2 | # The humans responsible for this website & technology 3 | 4 | # TEAM 5 | 6 | The Wharton School of Business - CAOS Team 7 | 8 | # PROJECT INFO 9 | 10 | Title: Django Flexbox Theme 11 | Version: 0.1 12 | Components/Standards: Flexbox Grid Layout by Philip Walton, SASS Boilerplate by Hugo Giraudel, CSS3, HTML5, Responsive, jQuery, Font Awesome -------------------------------------------------------------------------------- /preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wharton/django-flexbox-theme/1aa96090bed88dd05f87165b0bfa2ea987a3c06c/preview.png -------------------------------------------------------------------------------- /setup.py: -------------------------------------------------------------------------------- 1 | import os 2 | from setuptools import setup 3 | 4 | os.chdir(os.path.normpath(os.path.join(os.path.abspath(__file__), os.pardir))) 5 | 6 | setup( 7 | name='theme', 8 | version='0.1', 9 | packages=['theme'], 10 | package_data={'theme': [ 11 | 'templates/*.html', 12 | 'templates/example/*.html', 13 | 'static/theme/styles/*.*', 14 | 'static/theme/styles/abstracts/*.*', 15 | 'static/theme/styles/base/*.*', 16 | 'static/theme/styles/components/*.*', 17 | 'static/theme/styles/layout/*.*', 18 | 'static/theme/styles/pages/*.*', 19 | 'static/theme/styles/postcss/*.*', 20 | 'static/theme/styles/themes/*.*', 21 | 'static/theme/styles/vendor/*.*', 22 | 'static/theme/styles/vendor/fonts/*.*', 23 | 'static/theme/css/*.*', 24 | 'static/theme/img/*.*', 25 | 'static/theme/js/*.*', 26 | 'static/theme/js/min/*.*', 27 | ]}, 28 | include_package_data=True, 29 | license='BSD License', 30 | description="A modern CSS starter kit based on Flexbox", 31 | url='https://github.com/wharton/django-flexbox-theme', 32 | author='Chad Whitman - App Developer, The Wharton School', 33 | classifiers=[ 34 | 'Environment :: Web Environment', 35 | 'Framework :: Django', 36 | 'Intended Audience :: Developers', 37 | 'License :: OSI Approved :: BSD License', 38 | 'Operating System :: OS Independent', 39 | 'Programming Language :: Python', 40 | 'Programming Language :: Python :: 3', 41 | 'Programming Language :: Python :: 3.2', 42 | 'Programming Language :: Python :: 3.3', 43 | 'Topic :: Internet :: WWW/HTTP', 44 | 'Topic :: Internet :: WWW/HTTP :: Dynamic Content', 45 | ], 46 | ) 47 | -------------------------------------------------------------------------------- /theme/__init__.py: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wharton/django-flexbox-theme/1aa96090bed88dd05f87165b0bfa2ea987a3c06c/theme/__init__.py -------------------------------------------------------------------------------- /theme/static/theme/css/all.min.css: -------------------------------------------------------------------------------- 1 | /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,option,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select,option{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! 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("../styles/vendor/fonts/fontawesome-webfont.eot?v=4.5.0");src:url("../styles/vendor/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"),url("../styles/vendor/fonts/fontawesome-webfont.woff2?v=4.5.0") format("woff2"),url("../styles/vendor/fonts/fontawesome-webfont.woff?v=4.5.0") format("woff"),url("../styles/vendor/fonts/fontawesome-webfont.ttf?v=4.5.0") format("truetype"),url("../styles/vendor/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"}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}a{color:#df524e;text-decoration:none}a:hover,a:active,a:focus{text-decoration:underline}.breadcrumb a{color:#aaa}.banner-title a{color:#fff;text-decoration:none}footer a{font-weight:300;color:#fff;font-size:15px;font-size:0.9375rem}@media only screen and (max-width: 620px){footer a{font-size:13px;font-size:0.8125rem}}.off-canvas a{display:block;font-size:18px;font-size:1.125rem;font-family:"Palatino Linotype",Palatino,"Times New Roman",Times,serif;border-bottom:1px solid #dedee0;color:#222;padding:12px}@media only screen and (max-width: 620px){.off-canvas a{font-size:15px;font-size:0.9375rem}}header .off-canvas-nav{text-decoration:none}body{color:#222;font:normal 125%/1.4 "Palatino Linotype",Palatino,"Times New Roman",Times,serif}h1,h2,h3,h4,h5,h6{font-family:"HelveticaNeueW02-75Bold",Helvetica,sans-serif;font-weight:normal;margin-top:15px;margin-bottom:15px}p{font-family:"Palatino Linotype",Palatino,"Times New Roman",Times,serif;font-weight:normal;margin-top:15px;margin-bottom:15px;font-size:18px;font-size:1.125rem}@media only screen and (max-width: 620px){p{font-size:15px;font-size:0.9375rem}}h1{font-size:35px}@media only screen and (max-width: 620px){h1{font-size:30px}}h2{font-size:30px}@media only screen and (max-width: 620px){h2{font-size:25px}}h3{font-size:25px}@media only screen and (max-width: 620px){h3{font-size:20px}}h4{font-size:20px}@media only screen and (max-width: 620px){h4{font-size:15px}}h5{font-size:15px}@media only screen and (max-width: 620px){h5{font-size:10px}}h6{font-size:10px}@media only screen and (max-width: 620px){h6{font-size:8px}}strong{font-weight:700}em{font-family:"Palatino Linotype",Palatino,"Times New Roman",Times,serif;font-style:italic}.clearfix::after{clear:both;content:'';display:table}.container,.site{max-width:1450px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;width:100%}.hide-text{overflow:hidden;padding:0;text-indent:101%;white-space:nowrap}.visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.grid{display:flex;flex-wrap:wrap;list-style:none}.grid__cell{flex:1}.grid--flexCells>.grid__cell{display:flex}.u-1of1{width:100% !important;flex:none !important}.u-1of2{width:50% !important;flex:none !important}.u-1of3{width:33.3333% !important;flex:none !important}.u-1of4{width:25% !important;flex:none !important}.align-center{text-align:center !important}.align-left{text-align:left !important}.align-right{text-align:right !important}.grid--gutters{margin:-1em 0 0 -1em;margin-bottom:1em}.grid--gutters>.grid__cell{padding:1em 0 0 1em}@media only screen and (max-width: 850px){.overlay .grid--gutters>.grid__cell{padding-bottom:0px;padding-top:0px}}.grid--top{align-items:flex-start}.grid--bottom{align-items:flex-end}.grid--center{align-items:center}.grid-cell--top{align-self:flex-start}.grid-cell--bottom{align-self:flex-end}.grid-cell--center{align-self:center}.grid--fit>.grid__cell{flex:1}.grid--full>.grid__cell{flex:0 0 100%}.grid--1of2>.grid__cell{flex:0 0 50%}.grid--1of3>.grid__cell{flex:0 0 33.3333%}.grid--1of4>.grid__cell{flex:0 0 25%}@media (min-width: 384px){.small-grid--fit>.grid__cell{flex:1}.small-grid--full>.grid__cell{flex:0 0 100%}.small-grid--1of2>.grid__cell{flex:0 0 50%}.small-grid--1of3>.grid__cell{flex:0 0 33.3333%}.small-grid--1of4>.grid__cell{flex:0 0 25%}}@media (min-width: 768px){.large-grid--fit>.grid__cell{flex:1}.large-grid--full>.grid__cell{flex:0 0 100%}.large-grid--1of2>.grid__cell{flex:0 0 50%}.large-grid--1of3>.grid__cell{flex:0 0 33.3333%}.large-grid--1of4>.grid__cell{flex:0 0 25%}}button{border-radius:3px;border:0px;cursor:pointer;font-family:"HelveticaNeueW02-45Ligh",Helvetica,sans-serif;padding:5px 12px 5px 12px}button:hover,button:active,button:focus{outline:0px;outline:none}.btn-small{font-size:18px;font-size:1.125rem}.btn-medium{font-size:24px;font-size:1.5rem}.btn-large{font-size:28px;font-size:1.75rem}.btn-small,.btn-medium,.btn-large{background-color:#0e76bc;color:#fff}.btn-small:hover,.btn-medium:hover,.btn-large:hover,.btn-small:active,.btn-medium:active,.btn-large:active,.btn-small:focus,.btn-medium:focus,.btn-large:focus{background-color:#0a588d}.breadcrumb{background-color:#f3f3f4;padding:10px 80px 10px 80px;font-family:"HelveticaNeueW02-45Ligh",Helvetica,sans-serif;color:#aaa;display:flex;margin:0px}@media only screen and (max-width: 620px){.breadcrumb{padding:10px 15px 10px 15px}}.breadcrumb li{list-style-type:none}.breadcrumb__origin{flex:0}.breadcrumb__addon{padding-left:8px}.breadcrumb__addon span{font-size:15px;font-size:0.9375rem}.breadcrumb__addon .fa{font-size:14px;font-size:0.875rem}.InputAddOn{display:flex;margin-bottom:15px}@media only screen and (max-width: 620px){.InputAddOn{font-size:15px;font-size:0.9375rem}}.InputAddOn-field{flex:1}span.InputAddOn-item{box-sizing:border-box;line-height:35px;font-family:"HelveticaNeueW02-45Ligh",Helvetica,sans-serif}.InputAddOn-item{background:#f3f3f4;border-radius:0px;color:#000;font-family:"HelveticaNeueW02-45Ligh",Helvetica,sans-serif;border:1px solid #cbcbcf;font-size:14px;font-size:0.875rem;padding:2px 15px 2px 15px}@media only screen and (max-width: 620px){.InputAddOn-item{font-size:11px;font-size:0.6875rem}}input:hover,input:active,input:focus{outline:0;outline:none}textarea{border-radius:3px;width:100%;min-height:100px;border:1px solid #aaa;font-size:16px;font-size:1rem}textarea:hover,textarea:active,textarea:focus{outline:0;outline:none}select,option{background:none !important;font-family:"HelveticaNeueW02-45Ligh",Helvetica,sans-serif;font-size:17px;font-size:1.0625rem}@media only screen and (max-width: 620px){select,option{font-size:14px;font-size:0.875rem}}.aligner{display:flex;align-items:center;justify-content:center}.aligner__item{max-width:auto}.aligner__item--top{align-self:flex-start}.aligner__item--bottom{align-self:flex-end}table{width:100%}@media only screen and (max-width: 550px){table{font-size:11px;font-size:0.6875rem}}th{text-align:left;padding-top:5px;padding-bottom:5px}tr{border-bottom:1px solid #f3f3f4}td{padding-top:5px;padding-bottom:5px}ul{margin:15px 0px 15px 0px;padding:17px}ul li{list-style-type:disc}@media only screen and (max-width: 850px){ul{margin-top:5px;margin-bottom:5px;font-size:15px;font-size:0.9375rem}}ol{margin:15px 0px 15px 0px;padding-left:17px}ol li{list-style-type:decimal}@media only screen and (max-width: 850px){ol{font-size:15px;font-size:0.9375rem}}header{background-color:#243672;padding:40px 80px 40px 80px}@media only screen and (max-width: 620px){header{padding:15px}}header .align-right{z-index:9999}#logo{max-width:100%;max-height:48px}@media only screen and (max-width: 850px){#logo{width:170px}}@media only screen and (max-width: 620px){#logo{width:125px}}.navicon{color:#fff;padding-right:0px;font-size:27px;font-size:1.6875rem;display:block;cursor:pointer}@media only screen and (max-width: 620px){.navicon{padding-right:0px;font-size:20px;font-size:1.25rem}}.navicon:hover,.navicon:active,.navicon:focus{color:#aaa}.banner-title{color:#fff;font-family:"HelveticaNeueW01-UltLt",Helvetica,sans-serif;font-size:20px;font-size:1.25rem;line-height:22px;padding-left:10px}@media only screen and (max-width: 850px){.banner-title{font-size:17px;font-size:1.0625rem}}@media only screen and (max-width: 620px){.banner-title{font-size:13px;font-size:0.8125rem;padding-left:5px}}footer{background-color:#243672;padding:20px 80px 20px 80px;color:#fff}@media only screen and (max-width: 620px){footer{padding:15px}}footer .footer__list-title{font-weight:300;color:#fff;font-size:15px;font-size:0.9375rem;font-family:"HelveticaNeueW02-75Bold",Helvetica,sans-serif;text-transform:uppercase}@media only screen and (max-width: 620px){footer .footer__list-title{font-size:13px;font-size:0.8125rem}}footer ul li{list-style-type:none}.site{display:flex;min-height:100vh;flex-direction:column;padding:0px;border-right:1px solid #eeeeef;border-left:1px solid #eeeeef}@media only screen and (max-width: 1449px){.site{border-right:0px;border-left:0px}}.site-content{flex:1;padding:10px 80px 40px 80px}@media only screen and (max-width: 620px){.site-content{padding:10px 15px 40px 15px}}.off-canvas{position:fixed;top:0;left:0px;width:0;height:100%;background:#f3f3f4;overflow-y:auto;transition:width 0.2s ease;z-index:9999999}.close-menu{display:none}#off-canvas:target{width:20%}@media only screen and (max-width: 1250px){#off-canvas:target{width:30%}}@media only screen and (max-width: 850px){#off-canvas:target{width:50%}}@media only screen and (max-width: 620px){#off-canvas:target{width:50%}}#off-canvas:target .open-menu{display:none}#off-canvas:target .close-menu{display:block}.styleguide .example{width:100%;padding:.8em 1em 0;background:rgba(147,128,108,0.1);border-radius:3px}.styleguide h2{color:#981e32}.styleguide h2.for-styleguide{color:inherit}.example::after{content:'\00a0';display:block;margin-top:1em;height:0;visibility:hidden} 5 | -------------------------------------------------------------------------------- /theme/static/theme/img/wharton-logo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | wharton-cai-logo 5 | Created with Sketch. 6 | 7 | 8 | 53 | 54 | -------------------------------------------------------------------------------- /theme/static/theme/js/min/scripts.js: -------------------------------------------------------------------------------- 1 | $(".fa-times").hide(),$(".navicon").click(function(){$(".fa-bars, .fa-times").toggle()}); -------------------------------------------------------------------------------- /theme/static/theme/js/scripts.js: -------------------------------------------------------------------------------- 1 | $(".fa-times").hide(); 2 | $(".navicon").click(function() { 3 | $(".fa-bars, .fa-times").toggle() 4 | }); -------------------------------------------------------------------------------- /theme/static/theme/styles/abstracts/README.md: -------------------------------------------------------------------------------- 1 | # Abstracts 2 | 3 | The `abstracts/` folder gathers all Sass tools and helpers used across the project. Every global variable, function, mixin and placeholder should be put in here. 4 | 5 | The rule of thumb for this folder is that it should not output a single line of CSS when compiled on its own. These are nothing but Sass helpers. 6 | 7 | Reference: [Sass Guidelines](http://sass-guidelin.es/) > [Architecture](http://sass-guidelin.es/#architecture) > [Abstracts folder](http://sass-guidelin.es/#abstracts-folder) 8 | -------------------------------------------------------------------------------- /theme/static/theme/styles/abstracts/_functions.scss: -------------------------------------------------------------------------------- 1 | // ----------------------------------------------------------------------------- 2 | // This file contains all application-wide Sass functions. 3 | // ----------------------------------------------------------------------------- 4 | 5 | /// Native `url(..)` function wrapper 6 | /// @param {String} $base - base URL for the asset 7 | /// @param {String} $type - asset type folder (e.g. `fonts/`) 8 | /// @param {String} $path - asset path 9 | /// @return {Url} 10 | @function asset($base, $type, $path) { 11 | @return url($base + $type + $path); 12 | } 13 | 14 | /// Returns URL to an image based on its path 15 | /// @param {String} $path - image path 16 | /// @param {String} $base [$base-url] - base URL 17 | /// @return {Url} 18 | /// @require $base-url 19 | @function image($path, $base: $base-url) { 20 | @return asset($base, 'images/', $path); 21 | } 22 | 23 | /// Returns URL to a font based on its path 24 | /// @param {String} $path - font path 25 | /// @param {String} $base [$base-url] - base URL 26 | /// @return {Url} 27 | /// @require $base-url 28 | @function font($path, $base: $base-url) { 29 | @return asset($base, 'fonts/', $path); 30 | } -------------------------------------------------------------------------------- /theme/static/theme/styles/abstracts/_mixins.scss: -------------------------------------------------------------------------------- 1 | // ----------------------------------------------------------------------------- 2 | // This file contains all application-wide sass mixins. 3 | // ----------------------------------------------------------------------------- 4 | 5 | /// Event wrapper 6 | /// @author Harry Roberts 7 | /// @param {Bool} $self [false] - Whether or not to include current selector 8 | /// @link https://twitter.com/csswizardry/status/478938530342006784 Original tweet from Harry Roberts 9 | @mixin on-event($self: false) { 10 | @if $self { 11 | &, 12 | &:hover, 13 | &:active, 14 | &:focus { 15 | @content; 16 | } 17 | } @else { 18 | &:hover, 19 | &:active, 20 | &:focus { 21 | @content; 22 | } 23 | } 24 | } 25 | 26 | /// Make a context based selector a little more friendly 27 | /// @author Hugo Giraudel 28 | /// @param {String} $context 29 | @mixin when-inside($context) { 30 | #{$context} & { 31 | @content; 32 | } 33 | } 34 | 35 | /// Custom Media Query 36 | /// @param {String} $width 37 | @mixin breakpoint($width) { 38 | @media only screen and (max-width: $width) { 39 | @content; 40 | } 41 | } 42 | 43 | /// Custom Media Query 44 | /// @param {String} $height 45 | @mixin breakpoint-height($height) { 46 | @media only screen and (max-height: $height) { 47 | @content; 48 | } 49 | } 50 | 51 | /// Calculate REM 52 | /// @param {String} $size 53 | @function calculateRem($size) { 54 | $remSize: $size / 16px; 55 | @return $remSize * 1rem; 56 | } 57 | @mixin font-size($size) { 58 | font-size: $size; 59 | font-size: calculateRem($size); 60 | } 61 | 62 | /// Calculate ViewPort 63 | /// @param {String} $size 64 | @function get-vw($target) { 65 | $vw-context: (1000*.01) * 1px; 66 | @return ($target/$vw-context) * 1vw; 67 | } 68 | @mixin vw($size) { 69 | font-size: $size; 70 | font-size: calculateRem($size); 71 | font-size: get-vw($size); 72 | } 73 | 74 | /** 75 | * RGBA Background 76 | * @param {String} $hexcolor, $opacity 77 | */ 78 | @mixin rgba-bg($hexcolor, $opacity: 1) { 79 | @if $opacity == 1 { 80 | background-color: $hexcolor; 81 | } 82 | @else { 83 | background-color: $hexcolor; 84 | background-color: rgba($hexcolor, $opacity); 85 | } 86 | } 87 | 88 | 89 | -------------------------------------------------------------------------------- /theme/static/theme/styles/abstracts/_variables.scss: -------------------------------------------------------------------------------- 1 | // ----------------------------------------------------------------------------- 2 | // This file contains all application-wide Sass variables. 3 | // Note on SASS defaults - http://sass-lang.com/documentation/file.SASS_REFERENCE.html#variable_defaults_ 4 | // ----------------------------------------------------------------------------- 5 | 6 | /// Wharton Branding Colors 7 | $penn-blue: rgb(36,54,114); 8 | $penn-red: rgb(152,30,50); 9 | $penn-bright-red: rgb(223,82,78); 10 | $penn-green: rgb(94,179,70); 11 | $penn-violet: rgb(144,81,155); 12 | $penn-sky-blue: rgb(14,118,188); 13 | $penn-orange: rgb(243,117,58); 14 | $penn-dark-gray: rgb(104,104,104); 15 | $penn-light-gray: rgb(170,170,170); 16 | $penn-light-blue: rgb(176,200,223); 17 | $penn-taupe: rgb(222,217,194); 18 | $penn-off-white: rgb(243,243,244); 19 | 20 | /// White & Black 21 | $white: rgb(255,255,255); 22 | $black: rgb(0,0,0); 23 | 24 | /// Breadcrumb Row 25 | $breadcrumb-bg: rgb(245,245,245); 26 | $breadcrumb-text: rgb(170,170,170); 27 | 28 | /// Copy text color 29 | $text-color: rgb(34, 34, 34); 30 | 31 | // Default Theme Fonts 32 | $penn-font-bold: "HelveticaNeueW02-75Bold", Helvetica, sans-serif; 33 | $penn-font-light: "HelveticaNeueW02-45Ligh", Helvetica, sans-serif; 34 | $penn-font-pal: "Palatino Linotype", Palatino, "Times New Roman", Times, serif; 35 | $penn-font-ultra-light: "HelveticaNeueW01-UltLt", Helvetica, sans-serif; 36 | 37 | /* 38 | $penn-font-ultra-light: "HelveticaNeueW01-UltLt", Helvetica, sans-serif; 39 | $penn-font-medium: "HelveticaNeueW02-65Medi", "Helvetica Neue", Arial, Helvetica, sans-serif; 40 | $penn-font-roma: "HelveticaNeueW02-55Roma", Helvetica, sans-serif; 41 | */ 42 | 43 | /// Container's maximum width 44 | $max-width: 1450px; 45 | $large: 1250px; 46 | $medium: 850px; 47 | $small: 620px; 48 | -------------------------------------------------------------------------------- /theme/static/theme/styles/base/README.md: -------------------------------------------------------------------------------- 1 | # Base 2 | 3 | The `base/` folder holds what we might call the boilerplate code for the project. In there, you might find some typographic rules, and probably a stylesheet (that I’m used to calling `_base.scss`), defining some standard styles for commonly used HTML elements. 4 | 5 | Reference: [Sass Guidelines](http://sass-guidelin.es/) > [Architecture](http://sass-guidelin.es/#architecture) > [Base folder](http://sass-guidelin.es/#base-folder) 6 | -------------------------------------------------------------------------------- /theme/static/theme/styles/base/_base.scss: -------------------------------------------------------------------------------- 1 | // ----------------------------------------------------------------------------- 2 | // This file contains very basic styles. 3 | // ----------------------------------------------------------------------------- 4 | 5 | /** 6 | * Set up a decent box model on the root element 7 | */ 8 | html { 9 | box-sizing: border-box; 10 | } 11 | 12 | /** 13 | * Make all elements from the DOM inherit from the parent box-sizing 14 | * Since `*` has a specificity of 0, it does not override the `html` value 15 | * making all elements inheriting from the root box-sizing value 16 | * See: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ 17 | */ 18 | *, *::before, *::after { 19 | box-sizing: inherit; 20 | } -------------------------------------------------------------------------------- /theme/static/theme/styles/base/_fonts.scss: -------------------------------------------------------------------------------- 1 | // ----------------------------------------------------------------------------- 2 | // This file contains all @font-face declarations, if any. 3 | // ----------------------------------------------------------------------------- 4 | -------------------------------------------------------------------------------- /theme/static/theme/styles/base/_helpers.scss: -------------------------------------------------------------------------------- 1 | // ----------------------------------------------------------------------------- 2 | // This file contains CSS helper classes. 3 | // ----------------------------------------------------------------------------- 4 | 5 | /** 6 | * Clear inner floats 7 | */ 8 | .clearfix::after { 9 | clear: both; 10 | content: ''; 11 | display: table; 12 | } 13 | 14 | /** 15 | * Main content containers 16 | * 1. Make the container full-width with a maximum width 17 | * 2. Center it in the viewport 18 | * 3. Leave some space on the edges, especially valuable on small screens 19 | */ 20 | .container, 21 | .site { 22 | max-width: $max-width; /* 1 */ 23 | margin-left: auto; /* 2 */ 24 | margin-right: auto; /* 2 */ 25 | padding-left: 20px; /* 3 */ 26 | padding-right: 20px; /* 3 */ 27 | width: 100%; /* 1 */ 28 | } 29 | 30 | /** 31 | * Hide text while making it readable for screen readers 32 | * 1. Needed in WebKit-based browsers because of an implementation bug; 33 | * See: https://code.google.com/p/chromium/issues/detail?id=457146 34 | */ 35 | .hide-text { 36 | overflow: hidden; 37 | padding: 0; /* 1 */ 38 | text-indent: 101%; 39 | white-space: nowrap; 40 | } 41 | 42 | /** 43 | * Hide element while making it readable for screen readers 44 | * Shamelessly borrowed from HTML5Boilerplate: 45 | * https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133 46 | */ 47 | .visually-hidden { 48 | border: 0; 49 | clip: rect(0 0 0 0); 50 | height: 1px; 51 | margin: -1px; 52 | overflow: hidden; 53 | padding: 0; 54 | position: absolute; 55 | width: 1px; 56 | } -------------------------------------------------------------------------------- /theme/static/theme/styles/base/_links.scss: -------------------------------------------------------------------------------- 1 | // ----------------------------------------------------------------------------- 2 | // This file contains all base link styles 3 | // ----------------------------------------------------------------------------- 4 | 5 | /** 6 | * Basic styles for links 7 | */ 8 | a { 9 | color: $penn-bright-red; 10 | text-decoration: none; 11 | @include on-event { 12 | text-decoration: underline; 13 | } 14 | } 15 | 16 | /** 17 | * Breadcrumb 18 | */ 19 | .breadcrumb { 20 | a { 21 | color: $penn-light-gray; 22 | } 23 | } 24 | 25 | /** 26 | * Banner Title 27 | */ 28 | .banner-title { 29 | a { 30 | color: $white; 31 | text-decoration: none; 32 | } 33 | } 34 | 35 | /** 36 | * Footer 37 | */ 38 | footer { 39 | a { 40 | font-weight: 300; 41 | color: $white; 42 | @include font-size(15px); 43 | @include breakpoint($small) { 44 | @include font-size(13px); 45 | } 46 | } 47 | } 48 | 49 | /** 50 | * Off Canvas Nav 51 | */ 52 | .off-canvas { 53 | a { 54 | display: block; 55 | @include font-size(18px); 56 | font-family: $penn-font-pal; 57 | border-bottom: 1px solid darken($penn-off-white, 8%); 58 | color: $text-color; 59 | padding: 12px; 60 | @include breakpoint($small) { 61 | @include font-size(15px); 62 | } 63 | } 64 | } 65 | 66 | header { 67 | .off-canvas-nav { 68 | text-decoration: none; 69 | } 70 | } -------------------------------------------------------------------------------- /theme/static/theme/styles/base/_typography.scss: -------------------------------------------------------------------------------- 1 | // ----------------------------------------------------------------------------- 2 | // This file contains all typography styles 3 | // ----------------------------------------------------------------------------- 4 | 5 | /** 6 | * Base Header Size 7 | */ 8 | $header-base-size: 35px; 9 | 10 | /** 11 | * Global Font 12 | */ 13 | body { 14 | color: $text-color; 15 | font: normal 125% / 1.4 $penn-font-pal; 16 | } 17 | 18 | /** 19 | * P, Headers 20 | */ 21 | h1, 22 | h2, 23 | h3, 24 | h4, 25 | h5, 26 | h6 { 27 | font-family: $penn-font-bold; 28 | font-weight: normal; 29 | margin-top: 15px; 30 | margin-bottom: 15px; 31 | } 32 | 33 | /** 34 | * Paragraphs 35 | */ 36 | p { 37 | font-family: $penn-font-pal; 38 | font-weight: normal; 39 | margin-top: 15px; 40 | margin-bottom: 15px; 41 | @include font-size(18px); 42 | @include breakpoint($small) { 43 | @include font-size(15px); 44 | } 45 | } 46 | 47 | /** 48 | * Header Sizes 49 | */ 50 | h1 { 51 | font-size: $header-base-size; 52 | @include breakpoint($small) { 53 | font-size: $header-base-size - 5; 54 | } 55 | } 56 | 57 | h2 { 58 | font-size: $header-base-size - 5; 59 | @include breakpoint($small) { 60 | font-size: $header-base-size - 10; 61 | } 62 | } 63 | 64 | h3 { 65 | font-size: $header-base-size - 10; 66 | @include breakpoint($small) { 67 | font-size: $header-base-size - 15; 68 | } 69 | } 70 | 71 | h4 { 72 | font-size: $header-base-size - 15; 73 | @include breakpoint($small) { 74 | font-size: $header-base-size - 20; 75 | } 76 | } 77 | 78 | h5 { 79 | font-size: $header-base-size - 20; 80 | @include breakpoint($small) { 81 | font-size: $header-base-size - 25; 82 | } 83 | } 84 | 85 | h6 { 86 | font-size: $header-base-size - 25; 87 | @include breakpoint($small) { 88 | font-size: $header-base-size - 27; 89 | } 90 | } 91 | 92 | /** 93 | * Weight 94 | */ 95 | strong { 96 | font-weight: 700; 97 | } 98 | 99 | /** 100 | * Italics 101 | */ 102 | em { 103 | font-family: $penn-font-pal; 104 | font-style: italic; 105 | } -------------------------------------------------------------------------------- /theme/static/theme/styles/components/README.md: -------------------------------------------------------------------------------- 1 | # Components 2 | 3 | For small components, there is the `components/` folder. While `layout/` is macro (defining the global wireframe), `components/` is more focused on widgets. It contains all kind of specific modules like a slider, a loader, a widget, and basically anything along those lines. There are usually a lot of files in components/ since the whole site/application should be mostly composed of tiny modules. 4 | 5 | Reference: [Sass Guidelines](http://sass-guidelin.es/) > [Architecture](http://sass-guidelin.es/#architecture) > [Components folder](http://sass-guidelin.es/#components-folder) 6 | -------------------------------------------------------------------------------- /theme/static/theme/styles/components/_breadcrumb.scss: -------------------------------------------------------------------------------- 1 | // ----------------------------------------------------------------------------- 2 | // This file contains all breadcrumb classes 3 | // ----------------------------------------------------------------------------- 4 | 5 | /** 6 | * Breadcrumb 7 | */ 8 | .breadcrumb { 9 | background-color: $penn-off-white; 10 | padding: 10px 80px 10px 80px; 11 | font-family: $penn-font-light; 12 | color: $penn-light-gray; 13 | display: flex; 14 | margin: 0px; 15 | @include breakpoint($small) { 16 | padding: 10px 15px 10px 15px; 17 | } 18 | li { 19 | list-style-type: none; 20 | } 21 | } 22 | 23 | /** 24 | * Breadcrumb Origin 25 | */ 26 | .breadcrumb__origin { 27 | flex: 0; 28 | } 29 | 30 | /** 31 | * Breadcrumb Addon 32 | */ 33 | .breadcrumb__addon { 34 | padding-left: 8px; 35 | span { 36 | @include font-size(15px); 37 | } 38 | } 39 | 40 | /** 41 | * Breadcrumb arrow icon 42 | */ 43 | .breadcrumb__addon .fa { 44 | @include font-size(14px); 45 | } -------------------------------------------------------------------------------- /theme/static/theme/styles/components/_button.scss: -------------------------------------------------------------------------------- 1 | // ----------------------------------------------------------------------------- 2 | // This file contains all styles related to the button component. 3 | // ----------------------------------------------------------------------------- 4 | 5 | /** 6 | * Button Base 7 | */ 8 | button { 9 | border-radius: 3px; 10 | border: 0px; 11 | cursor: pointer; 12 | font-family: $penn-font-light; 13 | padding: 5px 12px 5px 12px; 14 | @include on-event { 15 | outline: 0px; 16 | outline: none; 17 | } 18 | } 19 | 20 | /** 21 | * Small Placeholder 22 | */ 23 | %btn-small { 24 | @include font-size(18px); 25 | } 26 | 27 | /** 28 | * Medium Placeholder 29 | */ 30 | %btn-medium { 31 | @include font-size(24px); 32 | } 33 | 34 | /** 35 | * Large Placeholder 36 | */ 37 | %btn-large { 38 | @include font-size(28px); 39 | } 40 | 41 | /** 42 | * Blue Button Placeholder 43 | */ 44 | %btn-blue { 45 | background-color: $penn-sky-blue; 46 | color: $white; 47 | @include on-event { 48 | background-color: darken($penn-sky-blue, 10); 49 | } 50 | } 51 | 52 | /** 53 | * Blue Small 54 | */ 55 | .btn-small { 56 | @extend %btn-blue; 57 | @extend %btn-small; 58 | } 59 | 60 | /** 61 | * Button Medium 62 | */ 63 | .btn-medium { 64 | @extend %btn-blue; 65 | @extend %btn-medium; 66 | } 67 | 68 | /** 69 | * Button Large 70 | */ 71 | .btn-large { 72 | @extend %btn-blue; 73 | @extend %btn-large; 74 | } -------------------------------------------------------------------------------- /theme/static/theme/styles/components/_forms.scss: -------------------------------------------------------------------------------- 1 | // ----------------------------------------------------------------------------- 2 | // This file contains all the Form styles 3 | // ----------------------------------------------------------------------------- 4 | 5 | /** 6 | * AddOn 7 | */ 8 | .InputAddOn { 9 | display: flex; 10 | margin-bottom: 15px; 11 | @include breakpoint($small) { 12 | @include font-size(15px); 13 | } 14 | } 15 | 16 | /** 17 | * AddOn Field 18 | */ 19 | .InputAddOn-field { 20 | flex: 1; 21 | /* field styles */ 22 | } 23 | 24 | /** 25 | * AddOn Span 26 | */ 27 | span.InputAddOn-item { 28 | box-sizing: border-box; 29 | line-height: 35px; 30 | font-family: $penn-font-light; 31 | } 32 | 33 | /** 34 | * AddOn Button 35 | */ 36 | .InputAddOn-item { 37 | background: $penn-off-white; 38 | border-radius: 0px; 39 | color: $black; 40 | font-family: $penn-font-light; 41 | border: 1px solid darken($penn-off-white, 15%); 42 | @include font-size(14px); 43 | padding: 2px 15px 2px 15px; 44 | @include breakpoint($small) { 45 | @include font-size(11px); 46 | } 47 | } 48 | 49 | /** 50 | * Input 51 | */ 52 | input { 53 | @include on-event { 54 | outline: 0; 55 | outline: none; 56 | } 57 | } 58 | 59 | /** 60 | * Textarea 61 | */ 62 | textarea { 63 | border-radius: 3px; 64 | width: 100%; 65 | min-height: 100px; 66 | border: 1px solid $penn-light-gray; 67 | @include font-size(16px); 68 | @include on-event { 69 | outline: 0; 70 | outline: none; 71 | } 72 | } 73 | 74 | /** 75 | * Select 76 | */ 77 | select { 78 | background: none !important; 79 | font-family: $penn-font-light; 80 | @include font-size(17px) 81 | @include breakpoint($small) { 82 | @include font-size(14px); 83 | } 84 | } 85 | 86 | /** 87 | * Option 88 | */ 89 | option { 90 | @extend select; 91 | } -------------------------------------------------------------------------------- /theme/static/theme/styles/components/_grid.scss: -------------------------------------------------------------------------------- 1 | // ----------------------------------------------------------------------------- 2 | // This file contains all flexbox grid styles 3 | // Grid by Philip Walton http://philipwalton.github.io/solved-by-flexbox/demos/grids/ 4 | // ----------------------------------------------------------------------------- 5 | 6 | /** 7 | * Grid Wrap 8 | */ 9 | .grid { 10 | display: flex; 11 | flex-wrap: wrap; 12 | list-style: none; 13 | } 14 | 15 | /** 16 | * Grid Cell 17 | */ 18 | .grid__cell { 19 | flex: 1; 20 | } 21 | 22 | /** 23 | * Flex Cells 24 | */ 25 | .grid--flexCells > .grid__cell { 26 | display: flex; 27 | } 28 | 29 | /** 30 | * Grid Helpers 31 | */ 32 | .u-1of1 { 33 | width: 100% !important; 34 | flex: none !important; 35 | } 36 | 37 | .u-1of2 { 38 | width: 50% !important; 39 | flex: none !important; 40 | } 41 | 42 | .u-1of3 { 43 | width: 33.3333% !important; 44 | flex: none !important; 45 | } 46 | 47 | .u-1of4 { 48 | width: 25% !important; 49 | flex: none !important; 50 | } 51 | 52 | /** 53 | * Align 54 | */ 55 | .align-center { 56 | text-align: center !important; 57 | } 58 | 59 | .align-left { 60 | text-align: left !important; 61 | } 62 | 63 | .align-right { 64 | text-align: right !important; 65 | } 66 | 67 | /** 68 | * Grid Gutters 69 | */ 70 | .grid--gutters { 71 | margin: -1em 0 0 -1em; 72 | margin-bottom: 1em; 73 | } 74 | 75 | .grid--gutters > .grid__cell { 76 | padding: 1em 0 0 1em; 77 | 78 | } 79 | 80 | .overlay { 81 | .grid--gutters > .grid__cell { 82 | @include breakpoint($medium) { 83 | padding-bottom: 0px; 84 | padding-top: 0px; 85 | } 86 | } 87 | } 88 | 89 | /** 90 | * Alignment Per Row 91 | */ 92 | .grid--top { 93 | align-items: flex-start; 94 | } 95 | .grid--bottom { 96 | align-items: flex-end; 97 | } 98 | .grid--center { 99 | align-items: center; 100 | } 101 | 102 | /** 103 | * Alignment Per Cell 104 | */ 105 | .grid-cell--top { 106 | align-self: flex-start; 107 | } 108 | .grid-cell--bottom { 109 | align-self: flex-end; 110 | } 111 | .grid-cell--center { 112 | align-self: center; 113 | } 114 | 115 | /** 116 | * All Media Base Classes 117 | */ 118 | .grid--fit > .grid__cell { 119 | flex: 1; 120 | } 121 | .grid--full > .grid__cell { 122 | flex: 0 0 100%; 123 | } 124 | .grid--1of2 > .grid__cell { 125 | flex: 0 0 50% 126 | } 127 | .grid--1of3 > .grid__cell { 128 | flex: 0 0 33.3333% 129 | } 130 | .grid--1of4 > .grid__cell { 131 | flex: 0 0 25% 132 | } 133 | 134 | /** 135 | * Small to Medium Screens 136 | */ 137 | @media (min-width: 384px) { 138 | .small-grid--fit > .grid__cell { 139 | flex: 1; 140 | } 141 | .small-grid--full > .grid__cell { 142 | flex: 0 0 100%; 143 | } 144 | .small-grid--1of2 > .grid__cell { 145 | flex: 0 0 50% 146 | } 147 | .small-grid--1of3 > .grid__cell { 148 | flex: 0 0 33.3333% 149 | } 150 | .small-grid--1of4 > .grid__cell { 151 | flex: 0 0 25% 152 | } 153 | } 154 | 155 | /** 156 | * Large Screens 157 | */ 158 | @media (min-width: 768px) { 159 | .large-grid--fit > .grid__cell { 160 | flex: 1; 161 | } 162 | .large-grid--full > .grid__cell { 163 | flex: 0 0 100%; 164 | } 165 | .large-grid--1of2 > .grid__cell { 166 | flex: 0 0 50% 167 | } 168 | .large-grid--1of3 > .grid__cell { 169 | flex: 0 0 33.3333% 170 | } 171 | .large-grid--1of4 > .grid__cell { 172 | flex: 0 0 25% 173 | } 174 | } -------------------------------------------------------------------------------- /theme/static/theme/styles/components/_lists.scss: -------------------------------------------------------------------------------- 1 | // ----------------------------------------------------------------------------- 2 | // This file contains all list classes 3 | // ----------------------------------------------------------------------------- 4 | 5 | /* 6 | * Setting Lists to a default of "zero" 7 | */ 8 | ul { 9 | margin: 15px 0px 15px 0px; 10 | padding: 17px; 11 | li { 12 | list-style-type: disc; 13 | } 14 | @include breakpoint($medium) { 15 | margin-top: 5px; 16 | margin-bottom: 5px; 17 | @include font-size(15px); 18 | } 19 | } 20 | 21 | ol { 22 | margin: 15px 0px 15px 0px; 23 | padding-left: 17px; 24 | li { 25 | list-style-type: decimal; 26 | } 27 | @include breakpoint($medium) { 28 | @include font-size(15px); 29 | } 30 | } -------------------------------------------------------------------------------- /theme/static/theme/styles/components/_tables.scss: -------------------------------------------------------------------------------- 1 | // ----------------------------------------------------------------------------- 2 | // This file contains all table classes 3 | // ----------------------------------------------------------------------------- 4 | 5 | /** 6 | * table 7 | */ 8 | table { 9 | width: 100%; 10 | @include breakpoint(550px) { 11 | @include font-size(11px); 12 | } 13 | } 14 | 15 | /** 16 | * Table Header 17 | */ 18 | th { 19 | text-align: left; 20 | padding-top: 5px; 21 | padding-bottom: 5px; 22 | } 23 | 24 | /** 25 | * Table Row 26 | */ 27 | tr { 28 | border-bottom: 1px solid $penn-off-white; 29 | } 30 | 31 | /** 32 | * Table D 33 | */ 34 | td { 35 | padding-top: 5px; 36 | padding-bottom: 5px; 37 | } -------------------------------------------------------------------------------- /theme/static/theme/styles/components/_vertical_align.scss: -------------------------------------------------------------------------------- 1 | // ----------------------------------------------------------------------------- 2 | // This file contains all flexbox based vertical alignment styles 3 | // Vertical Align by Philip Walton http://philipwalton.github.io/solved-by-flexbox/demos/vertical-centering/ 4 | // ----------------------------------------------------------------------------- 5 | 6 | /** 7 | * Aligner 8 | */ 9 | .aligner { 10 | display: flex; 11 | align-items: center; 12 | justify-content: center; 13 | } 14 | 15 | /** 16 | * Aligner Item 17 | */ 18 | .aligner__item { 19 | max-width: auto; 20 | } 21 | 22 | /** 23 | * Aligner Top 24 | */ 25 | .aligner__item--top { 26 | align-self: flex-start; 27 | } 28 | 29 | /** 30 | * Aligner Bottom 31 | */ 32 | .aligner__item--bottom { 33 | align-self: flex-end; 34 | } -------------------------------------------------------------------------------- /theme/static/theme/styles/layout/README.md: -------------------------------------------------------------------------------- 1 | # Layout 2 | 3 | The `layout/` folder contains everything that takes part in laying out the site or application. This folder could have stylesheets for the main parts of the site (header, footer, navigation, sidebar…), the grid system or even CSS styles for all the forms. 4 | 5 | Reference: [Sass Guidelines](http://sass-guidelin.es/) > [Architecture](http://sass-guidelin.es/#architecture) > [Layout folder](http://sass-guidelin.es/#layout-folder) 6 | -------------------------------------------------------------------------------- /theme/static/theme/styles/layout/_banner.scss: -------------------------------------------------------------------------------- 1 | // ----------------------------------------------------------------------------- 2 | // This file contains all styles related to the header of the site/application. 3 | // ----------------------------------------------------------------------------- 4 | 5 | /** 6 | * Header 7 | */ 8 | header { 9 | background-color: $penn-blue; 10 | padding: 40px 80px 40px 80px; 11 | @include breakpoint($small) { 12 | padding: 15px; 13 | } 14 | .align-right { 15 | z-index:9999; 16 | } 17 | } 18 | 19 | /** 20 | * Logo 21 | */ 22 | #logo { 23 | max-width: 100%; 24 | max-height: 48px; 25 | @include breakpoint($medium) { 26 | width: 170px; 27 | } 28 | @include breakpoint($small) { 29 | width: 125px; 30 | } 31 | } 32 | 33 | /** 34 | * Navicon 35 | */ 36 | .navicon { 37 | color: $white; 38 | padding-right: 0px; 39 | @include font-size(27px); 40 | display:block; 41 | cursor: pointer; 42 | @include breakpoint($small) { 43 | padding-right: 0px; 44 | @include font-size(20px); 45 | } 46 | @include on-event { 47 | color: $penn-light-gray; 48 | } 49 | } 50 | 51 | /** 52 | * Banner Title 53 | */ 54 | .banner-title { 55 | color: $white; 56 | font-family: $penn-font-ultra-light; 57 | @include font-size(20px); 58 | line-height: 22px; 59 | padding-left: 10px; 60 | @include breakpoint($medium) { 61 | @include font-size(17px); 62 | } 63 | @include breakpoint($small) { 64 | @include font-size(13px); 65 | padding-left: 5px; 66 | } 67 | } -------------------------------------------------------------------------------- /theme/static/theme/styles/layout/_containers.scss: -------------------------------------------------------------------------------- 1 | // ----------------------------------------------------------------------------- 2 | // This file contains all global layout styles 3 | // ----------------------------------------------------------------------------- 4 | 5 | /** 6 | * Body Class Styles 7 | */ 8 | .site { 9 | display: flex; 10 | min-height: 100vh; 11 | flex-direction: column; 12 | padding: 0px; 13 | border-right: 1px solid darken($penn-off-white, 2%); 14 | border-left: 1px solid darken($penn-off-white, 2%); 15 | @include breakpoint($max-width - 1) { 16 | border-right: 0px; 17 | border-left: 0px; 18 | } 19 | } 20 | 21 | /** 22 | * Main Site Content 23 | */ 24 | .site-content { 25 | flex: 1; 26 | padding: 10px 80px 40px 80px; 27 | @include breakpoint($small) { 28 | padding: 10px 15px 40px 15px; 29 | } 30 | } -------------------------------------------------------------------------------- /theme/static/theme/styles/layout/_footer.scss: -------------------------------------------------------------------------------- 1 | // ----------------------------------------------------------------------------- 2 | // This file contains all styles related to the footer of the site/application. 3 | // ----------------------------------------------------------------------------- 4 | 5 | /** 6 | * Footer 7 | */ 8 | footer { 9 | background-color: $penn-blue; 10 | padding: 20px 80px 20px 80px; 11 | color: $white; 12 | @include breakpoint($small) { 13 | padding: 15px; 14 | } 15 | .footer__list-title { 16 | font-weight: 300; 17 | color: $white; 18 | @include font-size(15px); 19 | @include breakpoint($small) { 20 | @include font-size(13px); 21 | } 22 | font-family: $penn-font-bold; 23 | text-transform: uppercase; 24 | } 25 | } 26 | 27 | /** 28 | * Footer List 29 | */ 30 | footer { 31 | ul li { 32 | list-style-type: none; 33 | } 34 | } -------------------------------------------------------------------------------- /theme/static/theme/styles/layout/_offcanvas_nav.scss: -------------------------------------------------------------------------------- 1 | // ----------------------------------------------------------------------------- 2 | // This file all off-canvas styles. 3 | // Off-canvas nav by Chris Coyier http://codepen.io/chriscoyier/pen/umEgv 4 | // ----------------------------------------------------------------------------- 5 | 6 | /** 7 | * Off Canvas Container 8 | */ 9 | .off-canvas { 10 | position: fixed; 11 | top: 0; 12 | left: 0px; 13 | width: 0; 14 | height: 100%; 15 | background: $penn-off-white; 16 | overflow-y: auto; 17 | transition: width 0.2s ease; 18 | z-index: 9999999; 19 | 20 | } 21 | 22 | /** 23 | * Close Menu 24 | */ 25 | .close-menu { 26 | display: none; 27 | } 28 | 29 | /** 30 | * On Click 31 | */ 32 | #off-canvas:target { 33 | width: 20%; 34 | @include breakpoint($large) { 35 | width: 30%; 36 | } 37 | @include breakpoint($medium) { 38 | width: 50%; 39 | } 40 | @include breakpoint($small) { 41 | width: 50%; 42 | } 43 | .open-menu { 44 | display: none; 45 | } 46 | .close-menu { 47 | display: block; 48 | } 49 | } -------------------------------------------------------------------------------- /theme/static/theme/styles/main.scss: -------------------------------------------------------------------------------- 1 | @charset 'UTF-8'; 2 | 3 | @import 4 | 'abstracts/variables', 5 | 'abstracts/functions', 6 | 'abstracts/mixins'; 7 | 8 | @import 9 | 'vendor/normalize', 10 | 'vendor/font_awesome_v_4_5'; 11 | 12 | @import 13 | 'base/base', 14 | 'base/links', 15 | 'base/fonts', 16 | 'base/typography', 17 | 'base/helpers'; 18 | 19 | @import 20 | 'components/grid', 21 | 'components/button', 22 | 'components/breadcrumb', 23 | 'components/forms', 24 | 'components/vertical_align', 25 | 'components/tables', 26 | 'components/lists'; 27 | 28 | @import 29 | 'layout/banner', 30 | 'layout/footer', 31 | 'layout/containers', 32 | 'layout/offcanvas_nav'; 33 | 34 | @import 35 | 'pages/home'; 36 | 37 | @import 38 | 'themes/styleguide'; -------------------------------------------------------------------------------- /theme/static/theme/styles/pages/README.md: -------------------------------------------------------------------------------- 1 | # Pages 2 | 3 | If you have page-specific styles, it is better to put them in a `pages/` folder, in a file named after the page. For instance, it’s not uncommon to have very specific styles for the home page hence the need for a `_home.scss` file in `pages/`. 4 | 5 | *Note — Depending on your deployment process, these files could be called on their own to avoid merging them with the others in the resulting stylesheet. It is really up to you.* 6 | 7 | Reference: [Sass Guidelines](http://sass-guidelin.es/) > [Architecture](http://sass-guidelin.es/#architecture) > [Pages folder](http://sass-guidelin.es/#pages-folder) 8 | -------------------------------------------------------------------------------- /theme/static/theme/styles/pages/_home.scss: -------------------------------------------------------------------------------- 1 | // ----------------------------------------------------------------------------- 2 | // This file contains styles that are specific to the home page. 3 | // ----------------------------------------------------------------------------- 4 | -------------------------------------------------------------------------------- /theme/static/theme/styles/postcss/postcss.css: -------------------------------------------------------------------------------- 1 | /** This file contains all PostCSS styles **/ -------------------------------------------------------------------------------- /theme/static/theme/styles/themes/README.md: -------------------------------------------------------------------------------- 1 | # Theme 2 | 3 | On large sites and applications, it is not unusual to have different themes. There are certainly different ways of dealing with themes but I personally like having them all in a `themes/` folder. 4 | 5 | *Note — This is very project-specific and is likely to be non-existent on many projects.* 6 | 7 | Reference: [Sass Guidelines](http://sass-guidelin.es/) > [Architecture](http://sass-guidelin.es/#architecture) > [Themes folder](http://sass-guidelin.es/#themes-folder) 8 | -------------------------------------------------------------------------------- /theme/static/theme/styles/themes/_styleguide.scss: -------------------------------------------------------------------------------- 1 | // ----------------------------------------------------------------------------- 2 | // Contains all styles for the Styleguide Theme 3 | // ----------------------------------------------------------------------------- 4 | 5 | /** 6 | * Styleguide 7 | */ 8 | .styleguide { 9 | .example { 10 | width: 100%; 11 | padding: .8em 1em 0; 12 | background: rgba(147,128,108,.1); 13 | border-radius: 3px; 14 | } 15 | h2 { 16 | color: $penn-red; 17 | &.for-styleguide { 18 | color: inherit; 19 | } 20 | } 21 | 22 | } 23 | 24 | /** 25 | * Example Div 26 | */ 27 | .example::after { 28 | content: '\00a0'; 29 | display: block; 30 | margin-top: 1em; 31 | height: 0; 32 | visibility: hidden; 33 | } -------------------------------------------------------------------------------- /theme/static/theme/styles/vendor/README.md: -------------------------------------------------------------------------------- 1 | # Vendors 2 | 3 | Most projects will have a `vendors/` folder containing all the CSS files from external libraries and frameworks – Normalize, Bootstrap, jQueryUI, FancyCarouselSliderjQueryPowered, and so on. Putting those aside in the same folder is a good way to say “Hey, this is not from me, not my code, not my responsibility”. 4 | 5 | If you have to override a section of any vendor, I recommend you have an 8th folder called `vendors-extensions/` in which you may have files named exactly after the vendors they overwrite. For instance, `vendors-extensions/_bootstrap.scss` is a file containing all CSS rules intended to re-declare some of Bootstrap’s default CSS. This is to avoid editing the vendor files themselves, which is generally not a good idea. 6 | 7 | Reference: [Sass Guidelines](http://sass-guidelin.es/) > [Architecture](http://sass-guidelin.es/#architecture) > [Vendors folder](http://sass-guidelin.es/#vendors-folder) 8 | -------------------------------------------------------------------------------- /theme/static/theme/styles/vendor/_font_awesome_v_4_5.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 | */@font-face{font-family:'FontAwesome';src:url('../styles/vendor/fonts/fontawesome-webfont.eot?v=4.5.0');src:url('../styles/vendor/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('../styles/vendor/fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('../styles/vendor/fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('../styles/vendor/fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('../styles/vendor/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"} -------------------------------------------------------------------------------- /theme/static/theme/styles/vendor/_normalize.scss: -------------------------------------------------------------------------------- 1 | /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ 2 | 3 | /** 4 | * 1. Set default font family to sans-serif. 5 | * 2. Prevent iOS and IE text size adjust after device orientation change, 6 | * without disabling user zoom. 7 | */ 8 | 9 | html { 10 | font-family: sans-serif; /* 1 */ 11 | -ms-text-size-adjust: 100%; /* 2 */ 12 | -webkit-text-size-adjust: 100%; /* 2 */ 13 | } 14 | 15 | /** 16 | * Remove default margin. 17 | */ 18 | 19 | body { 20 | margin: 0; 21 | } 22 | 23 | /* HTML5 display definitions 24 | ========================================================================== */ 25 | 26 | /** 27 | * Correct `block` display not defined for any HTML5 element in IE 8/9. 28 | * Correct `block` display not defined for `details` or `summary` in IE 10/11 29 | * and Firefox. 30 | * Correct `block` display not defined for `main` in IE 11. 31 | */ 32 | 33 | article, 34 | aside, 35 | details, 36 | figcaption, 37 | figure, 38 | footer, 39 | header, 40 | hgroup, 41 | main, 42 | menu, 43 | nav, 44 | section, 45 | summary { 46 | display: block; 47 | } 48 | 49 | /** 50 | * 1. Correct `inline-block` display not defined in IE 8/9. 51 | * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. 52 | */ 53 | 54 | audio, 55 | canvas, 56 | progress, 57 | video { 58 | display: inline-block; /* 1 */ 59 | vertical-align: baseline; /* 2 */ 60 | } 61 | 62 | /** 63 | * Prevent modern browsers from displaying `audio` without controls. 64 | * Remove excess height in iOS 5 devices. 65 | */ 66 | 67 | audio:not([controls]) { 68 | display: none; 69 | height: 0; 70 | } 71 | 72 | /** 73 | * Address `[hidden]` styling not present in IE 8/9/10. 74 | * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. 75 | */ 76 | 77 | [hidden], 78 | template { 79 | display: none; 80 | } 81 | 82 | /* Links 83 | ========================================================================== */ 84 | 85 | /** 86 | * Remove the gray background color from active links in IE 10. 87 | */ 88 | 89 | a { 90 | background-color: transparent; 91 | } 92 | 93 | /** 94 | * Improve readability of focused elements when they are also in an 95 | * active/hover state. 96 | */ 97 | 98 | a:active, 99 | a:hover { 100 | outline: 0; 101 | } 102 | 103 | /* Text-level semantics 104 | ========================================================================== */ 105 | 106 | /** 107 | * Address styling not present in IE 8/9/10/11, Safari, and Chrome. 108 | */ 109 | 110 | abbr[title] { 111 | border-bottom: 1px dotted; 112 | } 113 | 114 | /** 115 | * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. 116 | */ 117 | 118 | b, 119 | strong { 120 | font-weight: bold; 121 | } 122 | 123 | /** 124 | * Address styling not present in Safari and Chrome. 125 | */ 126 | 127 | dfn { 128 | font-style: italic; 129 | } 130 | 131 | /** 132 | * Address variable `h1` font-size and margin within `section` and `article` 133 | * contexts in Firefox 4+, Safari, and Chrome. 134 | */ 135 | 136 | h1 { 137 | font-size: 2em; 138 | margin: 0.67em 0; 139 | } 140 | 141 | /** 142 | * Address styling not present in IE 8/9. 143 | */ 144 | 145 | mark { 146 | background: #ff0; 147 | color: #000; 148 | } 149 | 150 | /** 151 | * Address inconsistent and variable font size in all browsers. 152 | */ 153 | 154 | small { 155 | font-size: 80%; 156 | } 157 | 158 | /** 159 | * Prevent `sub` and `sup` affecting `line-height` in all browsers. 160 | */ 161 | 162 | sub, 163 | sup { 164 | font-size: 75%; 165 | line-height: 0; 166 | position: relative; 167 | vertical-align: baseline; 168 | } 169 | 170 | sup { 171 | top: -0.5em; 172 | } 173 | 174 | sub { 175 | bottom: -0.25em; 176 | } 177 | 178 | /* Embedded content 179 | ========================================================================== */ 180 | 181 | /** 182 | * Remove border when inside `a` element in IE 8/9/10. 183 | */ 184 | 185 | img { 186 | border: 0; 187 | } 188 | 189 | /** 190 | * Correct overflow not hidden in IE 9/10/11. 191 | */ 192 | 193 | svg:not(:root) { 194 | overflow: hidden; 195 | } 196 | 197 | /* Grouping content 198 | ========================================================================== */ 199 | 200 | /** 201 | * Address margin not present in IE 8/9 and Safari. 202 | */ 203 | 204 | figure { 205 | margin: 1em 40px; 206 | } 207 | 208 | /** 209 | * Address differences between Firefox and other browsers. 210 | */ 211 | 212 | hr { 213 | box-sizing: content-box; 214 | height: 0; 215 | } 216 | 217 | /** 218 | * Contain overflow in all browsers. 219 | */ 220 | 221 | pre { 222 | overflow: auto; 223 | } 224 | 225 | /** 226 | * Address odd `em`-unit font size rendering in all browsers. 227 | */ 228 | 229 | code, 230 | kbd, 231 | pre, 232 | samp { 233 | font-family: monospace, monospace; 234 | font-size: 1em; 235 | } 236 | 237 | /* Forms 238 | ========================================================================== */ 239 | 240 | /** 241 | * Known limitation: by default, Chrome and Safari on OS X allow very limited 242 | * styling of `select`, unless a `border` property is set. 243 | */ 244 | 245 | /** 246 | * 1. Correct color not being inherited. 247 | * Known issue: affects color of disabled elements. 248 | * 2. Correct font properties not being inherited. 249 | * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. 250 | */ 251 | 252 | button, 253 | input, 254 | optgroup, 255 | select, 256 | textarea { 257 | color: inherit; /* 1 */ 258 | font: inherit; /* 2 */ 259 | margin: 0; /* 3 */ 260 | } 261 | 262 | /** 263 | * Address `overflow` set to `hidden` in IE 8/9/10/11. 264 | */ 265 | 266 | button { 267 | overflow: visible; 268 | } 269 | 270 | /** 271 | * Address inconsistent `text-transform` inheritance for `button` and `select`. 272 | * All other form control elements do not inherit `text-transform` values. 273 | * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. 274 | * Correct `select` style inheritance in Firefox. 275 | */ 276 | 277 | button, 278 | select { 279 | text-transform: none; 280 | } 281 | 282 | /** 283 | * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` 284 | * and `video` controls. 285 | * 2. Correct inability to style clickable `input` types in iOS. 286 | * 3. Improve usability and consistency of cursor style between image-type 287 | * `input` and others. 288 | */ 289 | 290 | button, 291 | html input[type="button"], /* 1 */ 292 | input[type="reset"], 293 | input[type="submit"] { 294 | -webkit-appearance: button; /* 2 */ 295 | cursor: pointer; /* 3 */ 296 | } 297 | 298 | /** 299 | * Re-set default cursor for disabled elements. 300 | */ 301 | 302 | button[disabled], 303 | html input[disabled] { 304 | cursor: default; 305 | } 306 | 307 | /** 308 | * Remove inner padding and border in Firefox 4+. 309 | */ 310 | 311 | button::-moz-focus-inner, 312 | input::-moz-focus-inner { 313 | border: 0; 314 | padding: 0; 315 | } 316 | 317 | /** 318 | * Address Firefox 4+ setting `line-height` on `input` using `!important` in 319 | * the UA stylesheet. 320 | */ 321 | 322 | input { 323 | line-height: normal; 324 | } 325 | 326 | /** 327 | * It's recommended that you don't attempt to style these elements. 328 | * Firefox's implementation doesn't respect box-sizing, padding, or width. 329 | * 330 | * 1. Address box sizing set to `content-box` in IE 8/9/10. 331 | * 2. Remove excess padding in IE 8/9/10. 332 | */ 333 | 334 | input[type="checkbox"], 335 | input[type="radio"] { 336 | box-sizing: border-box; /* 1 */ 337 | padding: 0; /* 2 */ 338 | } 339 | 340 | /** 341 | * Fix the cursor style for Chrome's increment/decrement buttons. For certain 342 | * `font-size` values of the `input`, it causes the cursor style of the 343 | * decrement button to change from `default` to `text`. 344 | */ 345 | 346 | input[type="number"]::-webkit-inner-spin-button, 347 | input[type="number"]::-webkit-outer-spin-button { 348 | height: auto; 349 | } 350 | 351 | /** 352 | * 1. Address `appearance` set to `searchfield` in Safari and Chrome. 353 | * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. 354 | */ 355 | 356 | input[type="search"] { 357 | -webkit-appearance: textfield; /* 1 */ 358 | box-sizing: content-box; /* 2 */ 359 | } 360 | 361 | /** 362 | * Remove inner padding and search cancel button in Safari and Chrome on OS X. 363 | * Safari (but not Chrome) clips the cancel button when the search input has 364 | * padding (and `textfield` appearance). 365 | */ 366 | 367 | input[type="search"]::-webkit-search-cancel-button, 368 | input[type="search"]::-webkit-search-decoration { 369 | -webkit-appearance: none; 370 | } 371 | 372 | /** 373 | * Define consistent border, margin, and padding. 374 | */ 375 | 376 | fieldset { 377 | border: 1px solid #c0c0c0; 378 | margin: 0 2px; 379 | padding: 0.35em 0.625em 0.75em; 380 | } 381 | 382 | /** 383 | * 1. Correct `color` not being inherited in IE 8/9/10/11. 384 | * 2. Remove padding so people aren't caught out if they zero out fieldsets. 385 | */ 386 | 387 | legend { 388 | border: 0; /* 1 */ 389 | padding: 0; /* 2 */ 390 | } 391 | 392 | /** 393 | * Remove default vertical scrollbar in IE 8/9/10/11. 394 | */ 395 | 396 | textarea { 397 | overflow: auto; 398 | } 399 | 400 | /** 401 | * Don't inherit the `font-weight` (applied by a rule above). 402 | * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. 403 | */ 404 | 405 | optgroup { 406 | font-weight: bold; 407 | } 408 | 409 | /* Tables 410 | ========================================================================== */ 411 | 412 | /** 413 | * Remove most spacing between table cells. 414 | */ 415 | 416 | table { 417 | border-collapse: collapse; 418 | border-spacing: 0; 419 | } 420 | 421 | td, 422 | th { 423 | padding: 0; 424 | } 425 | -------------------------------------------------------------------------------- /theme/static/theme/styles/vendor/fonts/FontAwesome.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wharton/django-flexbox-theme/1aa96090bed88dd05f87165b0bfa2ea987a3c06c/theme/static/theme/styles/vendor/fonts/FontAwesome.otf -------------------------------------------------------------------------------- /theme/static/theme/styles/vendor/fonts/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wharton/django-flexbox-theme/1aa96090bed88dd05f87165b0bfa2ea987a3c06c/theme/static/theme/styles/vendor/fonts/fontawesome-webfont.eot -------------------------------------------------------------------------------- /theme/static/theme/styles/vendor/fonts/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wharton/django-flexbox-theme/1aa96090bed88dd05f87165b0bfa2ea987a3c06c/theme/static/theme/styles/vendor/fonts/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /theme/static/theme/styles/vendor/fonts/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wharton/django-flexbox-theme/1aa96090bed88dd05f87165b0bfa2ea987a3c06c/theme/static/theme/styles/vendor/fonts/fontawesome-webfont.woff -------------------------------------------------------------------------------- /theme/static/theme/styles/vendor/fonts/fontawesome-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wharton/django-flexbox-theme/1aa96090bed88dd05f87165b0bfa2ea987a3c06c/theme/static/theme/styles/vendor/fonts/fontawesome-webfont.woff2 -------------------------------------------------------------------------------- /theme/templates/default.html: -------------------------------------------------------------------------------- 1 | 2 | {% load staticfiles %} 3 | 4 | 5 | {% block head %} 6 | 7 | 8 | {% block site_title %}Django Flexbox Theme{% endblock site_title %} 9 | 10 | 11 | {% block default_styles %} 12 | 13 | {% endblock default_styles %} 14 | {% block fonts %} 15 | 16 | {% endblock fonts %} 17 | {% endblock head %} 18 | {% block head_addon_bottom %}{% endblock head_addon_bottom %} 19 | 20 | 21 | {% block header %} 22 |
23 | {% block logo %}{% endblock logo %} 24 | {% block banner_title %} 25 |
26 | 27 |
28 | {% endblock banner_title %} 29 |
30 | 31 | 32 |
33 |
34 | {% endblock header %} 35 | {% block breadcrumb %} 36 | 47 | {% endblock breadcrumb %} 48 | {% block main %} 49 |
50 |

CSS3 Flexbox Layout

51 |
52 |
1/4
53 |
1/4
54 |
1/4
55 |
1/4
56 |
57 |
58 |
1/3
59 |
1/3
60 |
1/3
61 |
62 |
63 |
1/2
64 |
1/2
65 |
66 |
67 |
1/1
68 |
69 |

Typography

70 |
71 |
72 |

Paragraphs Paragraphs Paragraphs Paragraphs Paragraphs Paragraphs Paragraphs Paragraphs Paragraphs Paragraphs 73 | Paragraphs Paragraphs Paragraphs Paragraphs Paragraphs Paragraphs Paragraphs Paragraphs Paragraphs Paragraphs 74 | Paragraphs Paragraphs Paragraphs Paragraphs. 75 |

76 |

Paragraphs Paragraphs Paragraphs Paragraphs Paragraphs Paragraphs Paragraphs Paragraphs Paragraphs Paragraphs 77 | Paragraphs Paragraphs Paragraphs Paragraphs Paragraphs Paragraphs Paragraphs Paragraphs Paragraphs Paragraphs 78 | Paragraphs Paragraphs Paragraphs Paragraphs. 79 |

80 |

Paragraphs Paragraphs Paragraphs Paragraphs Paragraphs Paragraphs Paragraphs Paragraphs Paragraphs Paragraphs 81 | Paragraphs Paragraphs Paragraphs Paragraphs Paragraphs Paragraphs Paragraphs Paragraphs Paragraphs Paragraphs 82 | Paragraphs Paragraphs Paragraphs Paragraphs. 83 |

84 |

Paragraphs Paragraphs Paragraphs Paragraphs.

85 |
86 |
87 |

Paragraphs Paragraphs Paragraphs link inside paragraph Paragraphs Paragraphs.

88 |

This is something bolded and something italicized and something underlined inside a paragraph

89 |

Header 1

90 |

Header 2

91 |

Header 3 with link inside header

92 |

Header 4

93 |
Header 5
94 |
Header 6
95 |
96 |
97 |

Buttons

98 |
99 |
100 | 101 | 102 | 103 |
104 |
105 |

Forms

106 |
107 |
108 |
109 | 110 | 111 |
112 |
113 | Amount 114 | 115 |
116 |
117 | Search 118 | 119 | 120 |
121 |
122 |
123 | 124 | 129 |
130 |
131 |

Lists

132 |
133 |
134 | 139 |
    140 |
  1. Item 1
    2. 141 |
  2. Item 2
    3. 142 |
  3. Item 3
    4. 143 |
144 |
145 |
146 |

Tables

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 |
TitleTitleTitleTitle
Lorem IpsumLorem IpsumLorem IpsumLorem Ipsum
Lorem IpsumLorem IpsumLorem IpsumLorem Ipsum
173 |
174 |
175 |
176 | {% endblock main %} 177 | {% block footer %} 178 | 227 |
228 | Main App Nav 229 | Item 1 230 | Item 2 231 | Item 3 232 | Item 4 233 | Item 5 234 | Item 6 235 |
236 | {% endblock footer %} 237 | {% block footer_js %} 238 | 239 | 240 | {% endblock footer_js %} 241 | {% block footer_addon_js %}{% endblock footer_addon_js %} 242 | 243 | 244 | 245 | -------------------------------------------------------------------------------- /theme/templates/example/example.html: -------------------------------------------------------------------------------- 1 | 4 | {% extends "default.html" %} 5 | --------------------------------------------------------------------------------