├── .gitignore
├── Makefile
├── Procfile
├── README.md
├── app.py
├── requirements.txt
├── static
    ├── css
    │   ├── bootstrap-theme.css
    │   ├── bootstrap-theme.min.css
    │   ├── bootstrap.css
    │   ├── bootstrap.min.css
    │   ├── less
    │   │   ├── alerts.less
    │   │   ├── badges.less
    │   │   ├── bootstrap.less
    │   │   ├── breadcrumbs.less
    │   │   ├── button-groups.less
    │   │   ├── buttons.less
    │   │   ├── carousel.less
    │   │   ├── close.less
    │   │   ├── code.less
    │   │   ├── component-animations.less
    │   │   ├── dropdowns.less
    │   │   ├── forms.less
    │   │   ├── glyphicons.less
    │   │   ├── grid.less
    │   │   ├── input-groups.less
    │   │   ├── jumbotron.less
    │   │   ├── labels.less
    │   │   ├── list-group.less
    │   │   ├── media.less
    │   │   ├── mixins.less
    │   │   ├── modals.less
    │   │   ├── navbar.less
    │   │   ├── navs.less
    │   │   ├── normalize.less
    │   │   ├── pager.less
    │   │   ├── pagination.less
    │   │   ├── panels.less
    │   │   ├── popovers.less
    │   │   ├── print.less
    │   │   ├── progress-bars.less
    │   │   ├── responsive-utilities.less
    │   │   ├── scaffolding.less
    │   │   ├── tables.less
    │   │   ├── theme.less
    │   │   ├── thumbnails.less
    │   │   ├── tooltip.less
    │   │   ├── type.less
    │   │   ├── utilities.less
    │   │   ├── variables.less
    │   │   └── wells.less
    │   └── main.less
    ├── favicon.ico
    ├── fonts
    │   ├── glyphicons-halflings-regular.eot
    │   ├── glyphicons-halflings-regular.svg
    │   ├── glyphicons-halflings-regular.ttf
    │   └── glyphicons-halflings-regular.woff
    ├── img
    │   └── octocat.png
    ├── js
    │   ├── bootstrap.js
    │   ├── bootstrap.min.js
    │   ├── jquery.js
    │   ├── less.js
    │   └── modernizr.js
    └── robots.txt
├── templates
    ├── 404.html
    ├── _form_helpers.html
    ├── about.html
    ├── base.html
    ├── footer.html
    ├── header.html
    └── home.html
└── test.py


/.gitignore:
--------------------------------------------------------------------------------
 1 | # Virtualenv
 2 | env
 3 | .Python
 4 | include
 5 | lib
 6 | 
 7 | # Python Packages
 8 | *.egg
 9 | *.egg-info
10 | bin
11 | build
12 | dist
13 | sdist
14 | eggs
15 | env
16 | parts
17 | var
18 | develop-eggs
19 | .installed.cfg
20 | 
21 | # Pip Installer Log
22 | pip-log.txt
23 | 
24 | # Unit test / coverage
25 | .coverage
26 | .tox
27 | 
28 | # Mac OS X
29 | .DS_Store
30 | 
31 | # Generated files
32 | *.[oa]
33 | *.py[co]
34 | *.rbc
35 | 


--------------------------------------------------------------------------------
/Makefile:
--------------------------------------------------------------------------------
 1 | # A simple way to update Flask Heroku's static files.
 2 | 
 3 | # ----------------------
 4 | #  Useful variables
 5 | # ----------------------
 6 | NORM=\033[0m
 7 | BOLD=\033[1m
 8 | CHECK=\033[32m✔\033[39m
 9 | port=5000
10 | 
11 | 
12 | # ----------------------
13 | #  Default build
14 | # ----------------------
15 | build:
16 | 	@echo "\n⚡  ${BOLD}This might take a minute${NORM}  ⚡\n"
17 | 	@make clone
18 | 	@make update
19 | 	@make js
20 | 	@rm -rf {bootstrap,update}
21 | 	@echo "\n⚡  ${BOLD}Successfully updated${NORM}  ⚡\n"
22 | 
23 | 
24 | # ----------------------
25 | #  Clone Bootstrap && Make
26 | # ----------------------
27 | clone:
28 | 	@git clone git://github.com/twitter/bootstrap.git
29 | 	@echo "\n${BOLD}Clone Twitter Bootstrap...  ${NORM}${CHECK}\n"
30 | 	@cd bootstrap; make bootstrap
31 | 	@cd bootstrap; cp -R less bootstrap/css/less
32 | 	@cd bootstrap; mv bootstrap ../update
33 | 
34 | 
35 | # ----------------------
36 | #  External JavaScript
37 | # ----------------------
38 | js:
39 | 	@curl http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js > static/js/jquery.js
40 | 	@echo "\n${BOLD}Grab latest jQuery...  ${NORM}${CHECK}\n"
41 | 	@curl -L http://git.io/less-1.3.0 > static/js/less.js
42 | 	@echo "\n${BOLD}Grab latest LESS.js...  ${NORM}${CHECK}\n"
43 | 	@curl http://modernizr.com/downloads/modernizr-2.5.3.js > static/js/modernizr.js
44 | 	@echo "\n${BOLD}Grab latest Modernizr...  ${NORM}${CHECK}\n"
45 | 
46 | 
47 | # ----------------------
48 | #  Update commands
49 | # ----------------------
50 | update:
51 | 	@rm -rf static/css/less
52 | 	@mv update/css/* static/css
53 | 	@mv update/img/* static/img
54 | 	@mv update/js/* static/js
55 | 	@echo "\n${BOLD}Update static files...  ${NORM}${CHECK}\n"
56 | 


--------------------------------------------------------------------------------
/Procfile:
--------------------------------------------------------------------------------
1 | web: gunicorn -w 4 -b 0.0.0.0:$PORT -k gevent app:app
2 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | Flask Heroku
  2 | ============
  3 | 
  4 | <pre><code>
  5 | 
  6 | 
  7 |              ##
  8 |  #########  ###
  9 |   ##     #   ##                     :GG   DG
 10 |   ##         ##                     :EE   EE                        ;E
 11 |   ##         ##                     :EE  KK                         ;E
 12 |   ##         ##                     :EE                             ;E
 13 |   ##   #     ##     ####     ####   :EEEEEEG   KEEEE     WE  WEEE;  ;E   EE EE   EE  
 14 |   ######     ##    ##  #f   #   #   :EE   EE  GEf;tEK  EEKK EEfiEE, ;E  fE  EE   EE  
 15 |   ##   #     ##        #l   ##            EE  KE   tE  EK   E;   EE ;E  E,  EE   EE  
 16 |   ##         ##       ##a    ###          EK  EEEEEEE  EK   E    KE ;EEEE   EE   EE  
 17 |   ##         ##    ##  #s     ###         EK  EE       EK   E    KE ;E EE   EE   EE  
 18 |   ##         ##   ##   #k       ##   E    EE  EE       EK   E,   EK ;E  KE  EE   EE  
 19 |   ##         ##   ##   ##W  #   #:   E    EK  ;EK.,EK  EK   EE,:EE, ;E   ED KE.,EEE  
 20 |  #####      #####  ### W#   ####,         EK   ,KEEE   K#    DEEK.  iK   WK  KEEE.   
 21 | 
 22 | 
 23 |                     github.com/zachwill/flask_heroku
 24 | 
 25 | </code></pre>
 26 | 
 27 | 
 28 | What is this?
 29 | -------------
 30 | 
 31 | A template to get your [Flask](http://flask.pocoo.org/) app running on
 32 | [Heroku](https://www.heroku.com/) as fast as possible. For added
 33 | convenience, the templates use [Twitter's Bootstrap
 34 | project](http://twitter.github.com/bootstrap/) to help reduce the amount
 35 | of time it's takes you as a developer to go from an idea to a working
 36 | site.
 37 | 
 38 | All of the CSS stylesheets are written using the [Less
 39 | CSS](http://lesscss.org/) syntax (even Bootstrap's CSS). If you're using
 40 | Mac OS X for development, make sure to check out [incident57's
 41 | Less.app](http://incident57.com/less/).
 42 | 
 43 | Alternatively, there's a [Less binary
 44 | compiler](https://github.com/cloudhead/less.js/) that works similarly on
 45 | the commandline, or you can always use the [`less.js`
 46 | script](https://github.com/cloudhead/less.js/) in your website otherwise
 47 | -- it's incredibly fast. For instance, if you visit the [Less CSS
 48 | site](http://lesscss.org), notice that it doesn't link to any CSS files.
 49 | 
 50 | Lastly, in Heroku's production environment, your Flask application will
 51 | be served through [`gunicorn`](http://gunicorn.org/) and
 52 | [`gevent`](http://www.gevent.org/).
 53 | 
 54 | 
 55 | Why should I use this?
 56 | ----------------------
 57 | 
 58 | Everything I've learned from writing and maintaining the [Flask
 59 | Engine](https://github.com/zachwill/flask-engine) template for Google
 60 | App Engine has made its way into this repo, too. The goal is to make a
 61 | simple repo that can be cloned and added to for the majority of projects
 62 | going forward, while also staying minimal in size and complexity.
 63 | 
 64 | 
 65 | Instructions
 66 | ------------
 67 | 
 68 | First, you'll need to clone the repo.
 69 | 
 70 |     $ git clone git@github.com:zachwill/flask_heroku.git
 71 |     $ cd flask_heroku
 72 | 
 73 | Second, let's download `pip`, `virtualenv`, `foreman`, and the [`heroku`
 74 | Ruby gem](http://devcenter.heroku.com/articles/using-the-cli).
 75 | 
 76 |     $ sudo easy_install pip
 77 |     $ sudo pip install virtualenv
 78 |     $ sudo gem install foreman heroku
 79 | 
 80 | Now, you can setup an isolated environment with `virtualenv`.
 81 | 
 82 |     $ virtualenv --no-site-packages env
 83 |     $ source env/bin/activate
 84 | 
 85 | 
 86 | Installing Packages
 87 | --------------------
 88 | 
 89 | ### Gevent
 90 | 
 91 | To use `gevent`, we'll need to install `libevent` for the
 92 | `gevent` production server. If you're operating on a Linux OS, you can
 93 | `apt-get install libevent-dev`. If you're using Mac OS X, consider
 94 | installing the [homebrew](http://mxcl.github.com/homebrew/) package
 95 | manager, and run the following command:
 96 | 
 97 |     $ brew install libevent
 98 | 
 99 | If you're using Mac OS X, you can also install `libevent` through [a DMG
100 | available on Rudix](http://rudix.org/packages-jkl.html#libevent).
101 | 
102 | 
103 | ### Without Gevent
104 | 
105 | If you'd rather use `gunicorn` without `gevent`, you just need to edit
106 | the `Procfile` and `requirements.txt`.
107 | 
108 | First, edit the `Procfile` to look the following:
109 | 
110 |     web: gunicorn -w 4 -b "0.0.0.0:$PORT" app:app
111 | 
112 | Second, remove `gevent` from the `requirements.txt` file.
113 | 
114 | ### pip
115 | 
116 | Then, let's get the requirements installed in your isolated test
117 | environment.
118 | 
119 |     $ pip install -r requirements.txt
120 | 
121 | 
122 | Running Your Application
123 | ------------------------
124 | 
125 | Now, you can run the application locally.
126 | 
127 |     $ foreman start
128 | 
129 | You can also specify what port you'd prefer to use.
130 | 
131 |     $ foreman start -p 5555
132 | 
133 | 
134 | Deploying
135 | ---------
136 | 
137 | If you haven't [signed up for Heroku](https://api.heroku.com/signup), go
138 | ahead and do that. You should then be able to [add your SSH key to
139 | Heroku](http://devcenter.heroku.com/articles/quickstart), and also
140 | `heroku login` from the commandline.
141 | 
142 | Now, to upload your application, you'll first need to do the
143 | following -- and obviously change `app_name` to the name of your
144 | application:
145 | 
146 |     $ heroku create app_name -s cedar
147 | 
148 | And, then you can push your application up to Heroku.
149 | 
150 |     $ git push heroku master
151 |     $ heroku scale web=1
152 | 
153 | Finally, we can make sure the application is up and running.
154 | 
155 |     $ heroku ps
156 | 
157 | Now, we can view the application in our web browser.
158 | 
159 |     $ heroku open
160 | 
161 | And, to deactivate `virtualenv` (once you've finished coding), you
162 | simply run the following command:
163 | 
164 |     $ deactivate
165 | 
166 | 
167 | Next Steps
168 | ----------
169 | 
170 | After you've got your application up and running, there a couple next
171 | steps you should consider following.
172 | 
173 | 1. Create a new `README.md` file.
174 | 2. Add your Google Analytics ID to the `base.html` template.
175 | 3. Adjust the `author` and `description` `<meta>` tags in the
176 |    `base.html` template.
177 | 4. Change the `humans.txt` and `favicon.ico` files in the `static`
178 |    directory.
179 | 5. Change the `apple-touch` icons in the `static` directory.
180 | 
181 | 
182 | Reactivating the Virtual Environment
183 | ------------------------------------
184 | 
185 | If you haven't worked with `virtualenv` before, you'll need to
186 | reactivate the environment everytime you close or reload your terminal.
187 | 
188 |     $ source env/bin/activate
189 | 
190 | If you don't reactivate the environment, then you'll probably receive a
191 | screen full of errors when trying to run the application locally.
192 | 
193 | 
194 | Adding Requirements
195 | -------------------
196 | 
197 | In the course of creating your application, you may find yourself
198 | installing various Python modules with `pip` -- in which case you'll
199 | need to update the `requirements.txt` file. One way that this can be
200 | done is with `pip freeze`.
201 | 
202 |     $ pip freeze > requirements.txt
203 | 
204 | 
205 | Custom Domains
206 | --------------
207 | 
208 | If your account is verified -- and your credit card is on file -- you
209 | can also easily add a custom domain to your application.
210 | 
211 |     $ heroku addons:add custom_domains
212 |     $ heroku domains:add www.mydomainname.com
213 | 
214 | You can add a [naked domain
215 | name](http://devcenter.heroku.com/articles/custom-domains), too.
216 | 
217 |     $ heroku domains:add mydomainname.com
218 | 
219 | Lastly, add the following A records to your DNS management tool.
220 | 
221 |     75.101.163.44
222 |     75.101.145.87
223 |     174.129.212.2
224 | 


--------------------------------------------------------------------------------
/app.py:
--------------------------------------------------------------------------------
 1 | """
 2 | Flask Documentation:     http://flask.pocoo.org/docs/
 3 | Jinja2 Documentation:    http://jinja.pocoo.org/2/documentation/
 4 | Werkzeug Documentation:  http://werkzeug.pocoo.org/documentation/
 5 | 
 6 | This file creates your application.
 7 | """
 8 | 
 9 | import os
10 | from flask import Flask, render_template, request, redirect, url_for
11 | 
12 | app = Flask(__name__)
13 | 
14 | app.config['SECRET_KEY'] = os.environ.get('SECRET_KEY', 'this_should_be_configured')
15 | 
16 | 
17 | ###
18 | # Routing for your application.
19 | ###
20 | 
21 | @app.route('/')
22 | def home():
23 |     """Render website's home page."""
24 |     return render_template('home.html')
25 | 
26 | 
27 | @app.route('/about/')
28 | def about():
29 |     """Render the website's about page."""
30 |     return render_template('about.html')
31 | 
32 | 
33 | ###
34 | # The functions below should be applicable to all Flask apps.
35 | ###
36 | 
37 | @app.route('/<file_name>.txt')
38 | def send_text_file(file_name):
39 |     """Send your static text file."""
40 |     file_dot_text = file_name + '.txt'
41 |     return app.send_static_file(file_dot_text)
42 | 
43 | 
44 | @app.after_request
45 | def add_header(response):
46 |     """
47 |     Add headers to both force latest IE rendering engine or Chrome Frame,
48 |     and also to cache the rendered page for 10 minutes.
49 |     """
50 |     response.headers['X-UA-Compatible'] = 'IE=Edge,chrome=1'
51 |     response.headers['Cache-Control'] = 'public, max-age=600'
52 |     return response
53 | 
54 | 
55 | @app.errorhandler(404)
56 | def page_not_found(error):
57 |     """Custom 404 page."""
58 |     return render_template('404.html'), 404
59 | 
60 | 
61 | if __name__ == '__main__':
62 |     app.run(debug=True)
63 | 


--------------------------------------------------------------------------------
/requirements.txt:
--------------------------------------------------------------------------------
 1 | # ----------------------
 2 | # Flask
 3 | # ----------------------
 4 | flask
 5 | 
 6 | 
 7 | # ----------------------
 8 | # Testing
 9 | # ----------------------
10 | mock
11 | 
12 | 
13 | # ----------------------
14 | # Production Server
15 | # ----------------------
16 | gevent
17 | gunicorn
18 | 


--------------------------------------------------------------------------------
/static/css/bootstrap-theme.css:
--------------------------------------------------------------------------------
  1 | .btn-default,
  2 | .btn-primary,
  3 | .btn-success,
  4 | .btn-info,
  5 | .btn-warning,
  6 | .btn-danger {
  7 |   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  8 |   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  9 |           box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
 10 | }
 11 | 
 12 | .btn-default:active,
 13 | .btn-primary:active,
 14 | .btn-success:active,
 15 | .btn-info:active,
 16 | .btn-warning:active,
 17 | .btn-danger:active,
 18 | .btn-default.active,
 19 | .btn-primary.active,
 20 | .btn-success.active,
 21 | .btn-info.active,
 22 | .btn-warning.active,
 23 | .btn-danger.active {
 24 |   -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 25 |           box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 26 | }
 27 | 
 28 | .btn:active,
 29 | .btn.active {
 30 |   background-image: none;
 31 | }
 32 | 
 33 | .btn-default {
 34 |   text-shadow: 0 1px 0 #fff;
 35 |   background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#e6e6e6));
 36 |   background-image: -webkit-linear-gradient(top, #ffffff, 0%, #e6e6e6, 100%);
 37 |   background-image: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
 38 |   background-image: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%);
 39 |   background-repeat: repeat-x;
 40 |   border-color: #e0e0e0;
 41 |   border-color: #ccc;
 42 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
 43 | }
 44 | 
 45 | .btn-default:active,
 46 | .btn-default.active {
 47 |   background-color: #e6e6e6;
 48 |   border-color: #e0e0e0;
 49 | }
 50 | 
 51 | .btn-primary {
 52 |   background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#3071a9));
 53 |   background-image: -webkit-linear-gradient(top, #428bca, 0%, #3071a9, 100%);
 54 |   background-image: -moz-linear-gradient(top, #428bca 0%, #3071a9 100%);
 55 |   background-image: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
 56 |   background-repeat: repeat-x;
 57 |   border-color: #2d6ca2;
 58 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0);
 59 | }
 60 | 
 61 | .btn-primary:active,
 62 | .btn-primary.active {
 63 |   background-color: #3071a9;
 64 |   border-color: #2d6ca2;
 65 | }
 66 | 
 67 | .btn-success {
 68 |   background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5cb85c), to(#449d44));
 69 |   background-image: -webkit-linear-gradient(top, #5cb85c, 0%, #449d44, 100%);
 70 |   background-image: -moz-linear-gradient(top, #5cb85c 0%, #449d44 100%);
 71 |   background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
 72 |   background-repeat: repeat-x;
 73 |   border-color: #419641;
 74 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
 75 | }
 76 | 
 77 | .btn-success:active,
 78 | .btn-success.active {
 79 |   background-color: #449d44;
 80 |   border-color: #419641;
 81 | }
 82 | 
 83 | .btn-warning {
 84 |   background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f0ad4e), to(#ec971f));
 85 |   background-image: -webkit-linear-gradient(top, #f0ad4e, 0%, #ec971f, 100%);
 86 |   background-image: -moz-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
 87 |   background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
 88 |   background-repeat: repeat-x;
 89 |   border-color: #eb9316;
 90 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
 91 | }
 92 | 
 93 | .btn-warning:active,
 94 | .btn-warning.active {
 95 |   background-color: #ec971f;
 96 |   border-color: #eb9316;
 97 | }
 98 | 
 99 | .btn-danger {
100 |   background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9534f), to(#c9302c));
101 |   background-image: -webkit-linear-gradient(top, #d9534f, 0%, #c9302c, 100%);
102 |   background-image: -moz-linear-gradient(top, #d9534f 0%, #c9302c 100%);
103 |   background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
104 |   background-repeat: repeat-x;
105 |   border-color: #c12e2a;
106 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
107 | }
108 | 
109 | .btn-danger:active,
110 | .btn-danger.active {
111 |   background-color: #c9302c;
112 |   border-color: #c12e2a;
113 | }
114 | 
115 | .btn-info {
116 |   background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5bc0de), to(#31b0d5));
117 |   background-image: -webkit-linear-gradient(top, #5bc0de, 0%, #31b0d5, 100%);
118 |   background-image: -moz-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
119 |   background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
120 |   background-repeat: repeat-x;
121 |   border-color: #2aabd2;
122 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
123 | }
124 | 
125 | .btn-info:active,
126 | .btn-info.active {
127 |   background-color: #31b0d5;
128 |   border-color: #2aabd2;
129 | }
130 | 
131 | .thumbnail,
132 | .img-thumbnail {
133 |   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
134 |           box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
135 | }
136 | 
137 | .dropdown-menu > li > a:hover,
138 | .dropdown-menu > li > a:focus,
139 | .dropdown-menu > .active > a,
140 | .dropdown-menu > .active > a:hover,
141 | .dropdown-menu > .active > a:focus {
142 |   background-color: #357ebd;
143 |   background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#357ebd));
144 |   background-image: -webkit-linear-gradient(top, #428bca, 0%, #357ebd, 100%);
145 |   background-image: -moz-linear-gradient(top, #428bca 0%, #357ebd 100%);
146 |   background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
147 |   background-repeat: repeat-x;
148 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
149 | }
150 | 
151 | .navbar {
152 |   background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#f8f8f8));
153 |   background-image: -webkit-linear-gradient(top, #ffffff, 0%, #f8f8f8, 100%);
154 |   background-image: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
155 |   background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
156 |   background-repeat: repeat-x;
157 |   border-radius: 4px;
158 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
159 |   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
160 |           box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
161 | }
162 | 
163 | .navbar .navbar-nav > .active > a {
164 |   background-color: #f8f8f8;
165 | }
166 | 
167 | .navbar-brand,
168 | .navbar-nav > li > a {
169 |   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
170 | }
171 | 
172 | .navbar-inverse {
173 |   background-image: -webkit-gradient(linear, left 0%, left 100%, from(#3c3c3c), to(#222222));
174 |   background-image: -webkit-linear-gradient(top, #3c3c3c, 0%, #222222, 100%);
175 |   background-image: -moz-linear-gradient(top, #3c3c3c 0%, #222222 100%);
176 |   background-image: linear-gradient(to bottom, #3c3c3c 0%, #222222 100%);
177 |   background-repeat: repeat-x;
178 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
179 | }
180 | 
181 | .navbar-inverse .navbar-nav > .active > a {
182 |   background-color: #222222;
183 | }
184 | 
185 | .navbar-inverse .navbar-brand,
186 | .navbar-inverse .navbar-nav > li > a {
187 |   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
188 | }
189 | 
190 | .navbar-static-top,
191 | .navbar-fixed-top,
192 | .navbar-fixed-bottom {
193 |   border-radius: 0;
194 | }
195 | 
196 | .alert {
197 |   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
198 |   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
199 |           box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
200 | }
201 | 
202 | .alert-success {
203 |   background-image: -webkit-gradient(linear, left 0%, left 100%, from(#dff0d8), to(#c8e5bc));
204 |   background-image: -webkit-linear-gradient(top, #dff0d8, 0%, #c8e5bc, 100%);
205 |   background-image: -moz-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
206 |   background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
207 |   background-repeat: repeat-x;
208 |   border-color: #b2dba1;
209 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
210 | }
211 | 
212 | .alert-info {
213 |   background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9edf7), to(#b9def0));
214 |   background-image: -webkit-linear-gradient(top, #d9edf7, 0%, #b9def0, 100%);
215 |   background-image: -moz-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
216 |   background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
217 |   background-repeat: repeat-x;
218 |   border-color: #9acfea;
219 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
220 | }
221 | 
222 | .alert-warning {
223 |   background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fcf8e3), to(#f8efc0));
224 |   background-image: -webkit-linear-gradient(top, #fcf8e3, 0%, #f8efc0, 100%);
225 |   background-image: -moz-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
226 |   background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
227 |   background-repeat: repeat-x;
228 |   border-color: #f5e79e;
229 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
230 | }
231 | 
232 | .alert-danger {
233 |   background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f2dede), to(#e7c3c3));
234 |   background-image: -webkit-linear-gradient(top, #f2dede, 0%, #e7c3c3, 100%);
235 |   background-image: -moz-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
236 |   background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
237 |   background-repeat: repeat-x;
238 |   border-color: #dca7a7;
239 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
240 | }
241 | 
242 | .progress {
243 |   background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ebebeb), to(#f5f5f5));
244 |   background-image: -webkit-linear-gradient(top, #ebebeb, 0%, #f5f5f5, 100%);
245 |   background-image: -moz-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
246 |   background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
247 |   background-repeat: repeat-x;
248 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
249 | }
250 | 
251 | .progress-bar {
252 |   background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#3071a9));
253 |   background-image: -webkit-linear-gradient(top, #428bca, 0%, #3071a9, 100%);
254 |   background-image: -moz-linear-gradient(top, #428bca 0%, #3071a9 100%);
255 |   background-image: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
256 |   background-repeat: repeat-x;
257 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0);
258 | }
259 | 
260 | .progress-bar-success {
261 |   background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5cb85c), to(#449d44));
262 |   background-image: -webkit-linear-gradient(top, #5cb85c, 0%, #449d44, 100%);
263 |   background-image: -moz-linear-gradient(top, #5cb85c 0%, #449d44 100%);
264 |   background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
265 |   background-repeat: repeat-x;
266 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
267 | }
268 | 
269 | .progress-bar-info {
270 |   background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5bc0de), to(#31b0d5));
271 |   background-image: -webkit-linear-gradient(top, #5bc0de, 0%, #31b0d5, 100%);
272 |   background-image: -moz-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
273 |   background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
274 |   background-repeat: repeat-x;
275 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
276 | }
277 | 
278 | .progress-bar-warning {
279 |   background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f0ad4e), to(#ec971f));
280 |   background-image: -webkit-linear-gradient(top, #f0ad4e, 0%, #ec971f, 100%);
281 |   background-image: -moz-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
282 |   background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
283 |   background-repeat: repeat-x;
284 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
285 | }
286 | 
287 | .progress-bar-danger {
288 |   background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9534f), to(#c9302c));
289 |   background-image: -webkit-linear-gradient(top, #d9534f, 0%, #c9302c, 100%);
290 |   background-image: -moz-linear-gradient(top, #d9534f 0%, #c9302c 100%);
291 |   background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
292 |   background-repeat: repeat-x;
293 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
294 | }
295 | 
296 | .list-group {
297 |   border-radius: 4px;
298 |   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
299 |           box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
300 | }
301 | 
302 | .list-group-item.active,
303 | .list-group-item.active:hover,
304 | .list-group-item.active:focus {
305 |   text-shadow: 0 -1px 0 #3071a9;
306 |   background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#3278b3));
307 |   background-image: -webkit-linear-gradient(top, #428bca, 0%, #3278b3, 100%);
308 |   background-image: -moz-linear-gradient(top, #428bca 0%, #3278b3 100%);
309 |   background-image: linear-gradient(to bottom, #428bca 0%, #3278b3 100%);
310 |   background-repeat: repeat-x;
311 |   border-color: #3278b3;
312 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3278b3', GradientType=0);
313 | }
314 | 
315 | .panel {
316 |   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
317 |           box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
318 | }
319 | 
320 | .panel-default > .panel-heading {
321 |   background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f5f5f5), to(#e8e8e8));
322 |   background-image: -webkit-linear-gradient(top, #f5f5f5, 0%, #e8e8e8, 100%);
323 |   background-image: -moz-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
324 |   background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
325 |   background-repeat: repeat-x;
326 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
327 | }
328 | 
329 | .panel-primary > .panel-heading {
330 |   background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#357ebd));
331 |   background-image: -webkit-linear-gradient(top, #428bca, 0%, #357ebd, 100%);
332 |   background-image: -moz-linear-gradient(top, #428bca 0%, #357ebd 100%);
333 |   background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
334 |   background-repeat: repeat-x;
335 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
336 | }
337 | 
338 | .panel-success > .panel-heading {
339 |   background-image: -webkit-gradient(linear, left 0%, left 100%, from(#dff0d8), to(#d0e9c6));
340 |   background-image: -webkit-linear-gradient(top, #dff0d8, 0%, #d0e9c6, 100%);
341 |   background-image: -moz-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
342 |   background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
343 |   background-repeat: repeat-x;
344 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
345 | }
346 | 
347 | .panel-info > .panel-heading {
348 |   background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9edf7), to(#c4e3f3));
349 |   background-image: -webkit-linear-gradient(top, #d9edf7, 0%, #c4e3f3, 100%);
350 |   background-image: -moz-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
351 |   background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
352 |   background-repeat: repeat-x;
353 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
354 | }
355 | 
356 | .panel-warning > .panel-heading {
357 |   background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fcf8e3), to(#faf2cc));
358 |   background-image: -webkit-linear-gradient(top, #fcf8e3, 0%, #faf2cc, 100%);
359 |   background-image: -moz-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
360 |   background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
361 |   background-repeat: repeat-x;
362 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
363 | }
364 | 
365 | .panel-danger > .panel-heading {
366 |   background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f2dede), to(#ebcccc));
367 |   background-image: -webkit-linear-gradient(top, #f2dede, 0%, #ebcccc, 100%);
368 |   background-image: -moz-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
369 |   background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
370 |   background-repeat: repeat-x;
371 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
372 | }
373 | 
374 | .well {
375 |   background-image: -webkit-gradient(linear, left 0%, left 100%, from(#e8e8e8), to(#f5f5f5));
376 |   background-image: -webkit-linear-gradient(top, #e8e8e8, 0%, #f5f5f5, 100%);
377 |   background-image: -moz-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
378 |   background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
379 |   background-repeat: repeat-x;
380 |   border-color: #dcdcdc;
381 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
382 |   -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
383 |           box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
384 | }


--------------------------------------------------------------------------------
/static/css/bootstrap-theme.min.css:
--------------------------------------------------------------------------------
1 | .btn-default,.btn-primary,.btn-success,.btn-info,.btn-warning,.btn-danger{text-shadow:0 -1px 0 rgba(0,0,0,0.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075)}.btn-default:active,.btn-primary:active,.btn-success:active,.btn-info:active,.btn-warning:active,.btn-danger:active,.btn-default.active,.btn-primary.active,.btn-success.active,.btn-info.active,.btn-warning.active,.btn-danger.active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn:active,.btn.active{background-image:none}.btn-default{text-shadow:0 1px 0 #fff;background-image:-webkit-gradient(linear,left 0,left 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,0%,#e6e6e6,100%);background-image:-moz-linear-gradient(top,#fff 0,#e6e6e6 100%);background-image:linear-gradient(to bottom,#fff 0,#e6e6e6 100%);background-repeat:repeat-x;border-color:#e0e0e0;border-color:#ccc;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0)}.btn-default:active,.btn-default.active{background-color:#e6e6e6;border-color:#e0e0e0}.btn-primary{background-image:-webkit-gradient(linear,left 0,left 100%,from(#428bca),to(#3071a9));background-image:-webkit-linear-gradient(top,#428bca,0%,#3071a9,100%);background-image:-moz-linear-gradient(top,#428bca 0,#3071a9 100%);background-image:linear-gradient(to bottom,#428bca 0,#3071a9 100%);background-repeat:repeat-x;border-color:#2d6ca2;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff3071a9',GradientType=0)}.btn-primary:active,.btn-primary.active{background-color:#3071a9;border-color:#2d6ca2}.btn-success{background-image:-webkit-gradient(linear,left 0,left 100%,from(#5cb85c),to(#449d44));background-image:-webkit-linear-gradient(top,#5cb85c,0%,#449d44,100%);background-image:-moz-linear-gradient(top,#5cb85c 0,#449d44 100%);background-image:linear-gradient(to bottom,#5cb85c 0,#449d44 100%);background-repeat:repeat-x;border-color:#419641;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c',endColorstr='#ff449d44',GradientType=0)}.btn-success:active,.btn-success.active{background-color:#449d44;border-color:#419641}.btn-warning{background-image:-webkit-gradient(linear,left 0,left 100%,from(#f0ad4e),to(#ec971f));background-image:-webkit-linear-gradient(top,#f0ad4e,0%,#ec971f,100%);background-image:-moz-linear-gradient(top,#f0ad4e 0,#ec971f 100%);background-image:linear-gradient(to bottom,#f0ad4e 0,#ec971f 100%);background-repeat:repeat-x;border-color:#eb9316;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e',endColorstr='#ffec971f',GradientType=0)}.btn-warning:active,.btn-warning.active{background-color:#ec971f;border-color:#eb9316}.btn-danger{background-image:-webkit-gradient(linear,left 0,left 100%,from(#d9534f),to(#c9302c));background-image:-webkit-linear-gradient(top,#d9534f,0%,#c9302c,100%);background-image:-moz-linear-gradient(top,#d9534f 0,#c9302c 100%);background-image:linear-gradient(to bottom,#d9534f 0,#c9302c 100%);background-repeat:repeat-x;border-color:#c12e2a;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f',endColorstr='#ffc9302c',GradientType=0)}.btn-danger:active,.btn-danger.active{background-color:#c9302c;border-color:#c12e2a}.btn-info{background-image:-webkit-gradient(linear,left 0,left 100%,from(#5bc0de),to(#31b0d5));background-image:-webkit-linear-gradient(top,#5bc0de,0%,#31b0d5,100%);background-image:-moz-linear-gradient(top,#5bc0de 0,#31b0d5 100%);background-image:linear-gradient(to bottom,#5bc0de 0,#31b0d5 100%);background-repeat:repeat-x;border-color:#2aabd2;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff31b0d5',GradientType=0)}.btn-info:active,.btn-info.active{background-color:#31b0d5;border-color:#2aabd2}.thumbnail,.img-thumbnail{-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.075);box-shadow:0 1px 2px rgba(0,0,0,0.075)}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{background-color:#357ebd;background-image:-webkit-gradient(linear,left 0,left 100%,from(#428bca),to(#357ebd));background-image:-webkit-linear-gradient(top,#428bca,0%,#357ebd,100%);background-image:-moz-linear-gradient(top,#428bca 0,#357ebd 100%);background-image:linear-gradient(to bottom,#428bca 0,#357ebd 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff357ebd',GradientType=0)}.navbar{background-image:-webkit-gradient(linear,left 0,left 100%,from(#fff),to(#f8f8f8));background-image:-webkit-linear-gradient(top,#fff,0%,#f8f8f8,100%);background-image:-moz-linear-gradient(top,#fff 0,#f8f8f8 100%);background-image:linear-gradient(to bottom,#fff 0,#f8f8f8 100%);background-repeat:repeat-x;border-radius:4px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#fff8f8f8',GradientType=0);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 5px rgba(0,0,0,0.075);box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 5px rgba(0,0,0,0.075)}.navbar .navbar-nav>.active>a{background-color:#f8f8f8}.navbar-brand,.navbar-nav>li>a{text-shadow:0 1px 0 rgba(255,255,255,0.25)}.navbar-inverse{background-image:-webkit-gradient(linear,left 0,left 100%,from(#3c3c3c),to(#222));background-image:-webkit-linear-gradient(top,#3c3c3c,0%,#222,100%);background-image:-moz-linear-gradient(top,#3c3c3c 0,#222 100%);background-image:linear-gradient(to bottom,#3c3c3c 0,#222 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c',endColorstr='#ff222222',GradientType=0)}.navbar-inverse .navbar-nav>.active>a{background-color:#222}.navbar-inverse .navbar-brand,.navbar-inverse .navbar-nav>li>a{text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.navbar-static-top,.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}.alert{text-shadow:0 1px 0 rgba(255,255,255,0.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.25),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 1px 0 rgba(255,255,255,0.25),0 1px 2px rgba(0,0,0,0.05)}.alert-success{background-image:-webkit-gradient(linear,left 0,left 100%,from(#dff0d8),to(#c8e5bc));background-image:-webkit-linear-gradient(top,#dff0d8,0%,#c8e5bc,100%);background-image:-moz-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);background-image:linear-gradient(to bottom,#dff0d8 0,#c8e5bc 100%);background-repeat:repeat-x;border-color:#b2dba1;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8',endColorstr='#ffc8e5bc',GradientType=0)}.alert-info{background-image:-webkit-gradient(linear,left 0,left 100%,from(#d9edf7),to(#b9def0));background-image:-webkit-linear-gradient(top,#d9edf7,0%,#b9def0,100%);background-image:-moz-linear-gradient(top,#d9edf7 0,#b9def0 100%);background-image:linear-gradient(to bottom,#d9edf7 0,#b9def0 100%);background-repeat:repeat-x;border-color:#9acfea;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7',endColorstr='#ffb9def0',GradientType=0)}.alert-warning{background-image:-webkit-gradient(linear,left 0,left 100%,from(#fcf8e3),to(#f8efc0));background-image:-webkit-linear-gradient(top,#fcf8e3,0%,#f8efc0,100%);background-image:-moz-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);background-image:linear-gradient(to bottom,#fcf8e3 0,#f8efc0 100%);background-repeat:repeat-x;border-color:#f5e79e;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3',endColorstr='#fff8efc0',GradientType=0)}.alert-danger{background-image:-webkit-gradient(linear,left 0,left 100%,from(#f2dede),to(#e7c3c3));background-image:-webkit-linear-gradient(top,#f2dede,0%,#e7c3c3,100%);background-image:-moz-linear-gradient(top,#f2dede 0,#e7c3c3 100%);background-image:linear-gradient(to bottom,#f2dede 0,#e7c3c3 100%);background-repeat:repeat-x;border-color:#dca7a7;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede',endColorstr='#ffe7c3c3',GradientType=0)}.progress{background-image:-webkit-gradient(linear,left 0,left 100%,from(#ebebeb),to(#f5f5f5));background-image:-webkit-linear-gradient(top,#ebebeb,0%,#f5f5f5,100%);background-image:-moz-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);background-image:linear-gradient(to bottom,#ebebeb 0,#f5f5f5 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb',endColorstr='#fff5f5f5',GradientType=0)}.progress-bar{background-image:-webkit-gradient(linear,left 0,left 100%,from(#428bca),to(#3071a9));background-image:-webkit-linear-gradient(top,#428bca,0%,#3071a9,100%);background-image:-moz-linear-gradient(top,#428bca 0,#3071a9 100%);background-image:linear-gradient(to bottom,#428bca 0,#3071a9 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff3071a9',GradientType=0)}.progress-bar-success{background-image:-webkit-gradient(linear,left 0,left 100%,from(#5cb85c),to(#449d44));background-image:-webkit-linear-gradient(top,#5cb85c,0%,#449d44,100%);background-image:-moz-linear-gradient(top,#5cb85c 0,#449d44 100%);background-image:linear-gradient(to bottom,#5cb85c 0,#449d44 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c',endColorstr='#ff449d44',GradientType=0)}.progress-bar-info{background-image:-webkit-gradient(linear,left 0,left 100%,from(#5bc0de),to(#31b0d5));background-image:-webkit-linear-gradient(top,#5bc0de,0%,#31b0d5,100%);background-image:-moz-linear-gradient(top,#5bc0de 0,#31b0d5 100%);background-image:linear-gradient(to bottom,#5bc0de 0,#31b0d5 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff31b0d5',GradientType=0)}.progress-bar-warning{background-image:-webkit-gradient(linear,left 0,left 100%,from(#f0ad4e),to(#ec971f));background-image:-webkit-linear-gradient(top,#f0ad4e,0%,#ec971f,100%);background-image:-moz-linear-gradient(top,#f0ad4e 0,#ec971f 100%);background-image:linear-gradient(to bottom,#f0ad4e 0,#ec971f 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e',endColorstr='#ffec971f',GradientType=0)}.progress-bar-danger{background-image:-webkit-gradient(linear,left 0,left 100%,from(#d9534f),to(#c9302c));background-image:-webkit-linear-gradient(top,#d9534f,0%,#c9302c,100%);background-image:-moz-linear-gradient(top,#d9534f 0,#c9302c 100%);background-image:linear-gradient(to bottom,#d9534f 0,#c9302c 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f',endColorstr='#ffc9302c',GradientType=0)}.list-group{border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.075);box-shadow:0 1px 2px rgba(0,0,0,0.075)}.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{text-shadow:0 -1px 0 #3071a9;background-image:-webkit-gradient(linear,left 0,left 100%,from(#428bca),to(#3278b3));background-image:-webkit-linear-gradient(top,#428bca,0%,#3278b3,100%);background-image:-moz-linear-gradient(top,#428bca 0,#3278b3 100%);background-image:linear-gradient(to bottom,#428bca 0,#3278b3 100%);background-repeat:repeat-x;border-color:#3278b3;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff3278b3',GradientType=0)}.panel{-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.05);box-shadow:0 1px 2px rgba(0,0,0,0.05)}.panel-default>.panel-heading{background-image:-webkit-gradient(linear,left 0,left 100%,from(#f5f5f5),to(#e8e8e8));background-image:-webkit-linear-gradient(top,#f5f5f5,0%,#e8e8e8,100%);background-image:-moz-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#ffe8e8e8',GradientType=0)}.panel-primary>.panel-heading{background-image:-webkit-gradient(linear,left 0,left 100%,from(#428bca),to(#357ebd));background-image:-webkit-linear-gradient(top,#428bca,0%,#357ebd,100%);background-image:-moz-linear-gradient(top,#428bca 0,#357ebd 100%);background-image:linear-gradient(to bottom,#428bca 0,#357ebd 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff357ebd',GradientType=0)}.panel-success>.panel-heading{background-image:-webkit-gradient(linear,left 0,left 100%,from(#dff0d8),to(#d0e9c6));background-image:-webkit-linear-gradient(top,#dff0d8,0%,#d0e9c6,100%);background-image:-moz-linear-gradient(top,#dff0d8 0,#d0e9c6 100%);background-image:linear-gradient(to bottom,#dff0d8 0,#d0e9c6 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8',endColorstr='#ffd0e9c6',GradientType=0)}.panel-info>.panel-heading{background-image:-webkit-gradient(linear,left 0,left 100%,from(#d9edf7),to(#c4e3f3));background-image:-webkit-linear-gradient(top,#d9edf7,0%,#c4e3f3,100%);background-image:-moz-linear-gradient(top,#d9edf7 0,#c4e3f3 100%);background-image:linear-gradient(to bottom,#d9edf7 0,#c4e3f3 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7',endColorstr='#ffc4e3f3',GradientType=0)}.panel-warning>.panel-heading{background-image:-webkit-gradient(linear,left 0,left 100%,from(#fcf8e3),to(#faf2cc));background-image:-webkit-linear-gradient(top,#fcf8e3,0%,#faf2cc,100%);background-image:-moz-linear-gradient(top,#fcf8e3 0,#faf2cc 100%);background-image:linear-gradient(to bottom,#fcf8e3 0,#faf2cc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3',endColorstr='#fffaf2cc',GradientType=0)}.panel-danger>.panel-heading{background-image:-webkit-gradient(linear,left 0,left 100%,from(#f2dede),to(#ebcccc));background-image:-webkit-linear-gradient(top,#f2dede,0%,#ebcccc,100%);background-image:-moz-linear-gradient(top,#f2dede 0,#ebcccc 100%);background-image:linear-gradient(to bottom,#f2dede 0,#ebcccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede',endColorstr='#ffebcccc',GradientType=0)}.well{background-image:-webkit-gradient(linear,left 0,left 100%,from(#e8e8e8),to(#f5f5f5));background-image:-webkit-linear-gradient(top,#e8e8e8,0%,#f5f5f5,100%);background-image:-moz-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);background-image:linear-gradient(to bottom,#e8e8e8 0,#f5f5f5 100%);background-repeat:repeat-x;border-color:#dcdcdc;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8',endColorstr='#fff5f5f5',GradientType=0);-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.05),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 3px rgba(0,0,0,0.05),0 1px 0 rgba(255,255,255,0.1)}


--------------------------------------------------------------------------------
/static/css/less/alerts.less:
--------------------------------------------------------------------------------
 1 | //
 2 | // Alerts
 3 | // --------------------------------------------------
 4 | 
 5 | 
 6 | // Base styles
 7 | // -------------------------
 8 | 
 9 | .alert {
10 |   padding: @alert-padding;
11 |   margin-bottom: @line-height-computed;
12 |   border: 1px solid transparent;
13 |   border-radius: @alert-border-radius;
14 | 
15 |   // Headings for larger alerts
16 |   h4 {
17 |     margin-top: 0;
18 |     // Specified for the h4 to prevent conflicts of changing @headingsColor
19 |     color: inherit;
20 |   }
21 |   // Provide class for links that match alerts
22 |   .alert-link {
23 |     font-weight: @alert-link-font-weight;
24 |   }
25 | 
26 |   // Improve alignment and spacing of inner content
27 |   > p,
28 |   > ul {
29 |     margin-bottom: 0;
30 |   }
31 |   > p + p {
32 |     margin-top: 5px;
33 |   }
34 | }
35 | 
36 | // Dismissable alerts
37 | //
38 | // Expand the right padding and account for the close button's positioning.
39 | 
40 | .alert-dismissable {
41 |  padding-right: (@alert-padding + 20);
42 | 
43 |   // Adjust close link position
44 |   .close {
45 |     position: relative;
46 |     top: -2px;
47 |     right: -21px;
48 |     color: inherit;
49 |   }
50 | }
51 | 
52 | // Alternate styles
53 | //
54 | // Generate contextual modifier classes for colorizing the alert.
55 | 
56 | .alert-success {
57 |   .alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text);
58 | }
59 | .alert-info {
60 |   .alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text);
61 | }
62 | .alert-warning {
63 |   .alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text);
64 | }
65 | .alert-danger {
66 |   .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text);
67 | }
68 | 


--------------------------------------------------------------------------------
/static/css/less/badges.less:
--------------------------------------------------------------------------------
 1 | //
 2 | // Badges
 3 | // --------------------------------------------------
 4 | 
 5 | 
 6 | // Base classes
 7 | .badge {
 8 |   display: inline-block;
 9 |   min-width: 10px;
10 |   padding: 3px 7px;
11 |   font-size: @font-size-small;
12 |   font-weight: @badge-font-weight;
13 |   color: @badge-color;
14 |   line-height: @badge-line-height;
15 |   vertical-align: baseline;
16 |   white-space: nowrap;
17 |   text-align: center;
18 |   background-color: @badge-bg;
19 |   border-radius: @badge-border-radius;
20 | 
21 |   // Empty badges collapse automatically (not available in IE8)
22 |   &:empty {
23 |     display: none;
24 |   }
25 | }
26 | 
27 | // Hover state, but only for links
28 | a.badge {
29 |   &:hover,
30 |   &:focus {
31 |     color: @badge-link-hover-color;
32 |     text-decoration: none;
33 |     cursor: pointer;
34 |   }
35 | }
36 | 
37 | // Quick fix for labels/badges in buttons
38 | .btn .badge {
39 |   position: relative;
40 |   top: -1px;
41 | }
42 | 
43 | // Account for counters in navs
44 | a.list-group-item.active > .badge,
45 | .nav-pills > .active > a > .badge {
46 |   color: @badge-active-color;
47 |   background-color: @badge-active-bg;
48 | }
49 | .nav-pills > li > a > .badge {
50 |   margin-left: 3px;
51 | }
52 | 


--------------------------------------------------------------------------------
/static/css/less/bootstrap.less:
--------------------------------------------------------------------------------
 1 | /*!
 2 |  * Bootstrap v3.0.0
 3 |  *
 4 |  * Copyright 2013 Twitter, Inc
 5 |  * Licensed under the Apache License v2.0
 6 |  * http://www.apache.org/licenses/LICENSE-2.0
 7 |  *
 8 |  * Designed and built with all the love in the world by @mdo and @fat.
 9 |  */
10 | 
11 | // Core variables and mixins
12 | @import "variables.less";
13 | @import "mixins.less";
14 | 
15 | // Reset
16 | @import "normalize.less";
17 | @import "print.less";
18 | 
19 | // Core CSS
20 | @import "scaffolding.less";
21 | @import "type.less";
22 | @import "code.less";
23 | @import "grid.less";
24 | @import "tables.less";
25 | @import "forms.less";
26 | @import "buttons.less";
27 | 
28 | // Components
29 | @import "component-animations.less";
30 | @import "glyphicons.less";
31 | @import "dropdowns.less";
32 | @import "button-groups.less";
33 | @import "input-groups.less";
34 | @import "navs.less";
35 | @import "navbar.less";
36 | @import "breadcrumbs.less";
37 | @import "pagination.less";
38 | @import "pager.less";
39 | @import "labels.less";
40 | @import "badges.less";
41 | @import "jumbotron.less";
42 | @import "thumbnails.less";
43 | @import "alerts.less";
44 | @import "progress-bars.less";
45 | @import "media.less";
46 | @import "list-group.less";
47 | @import "panels.less";
48 | @import "wells.less";
49 | @import "close.less";
50 | 
51 | // Components w/ JavaScript
52 | @import "modals.less";
53 | @import "tooltip.less";
54 | @import "popovers.less";
55 | @import "carousel.less";
56 | 
57 | // Utility classes
58 | @import "utilities.less";
59 | @import "responsive-utilities.less";
60 | 


--------------------------------------------------------------------------------
/static/css/less/breadcrumbs.less:
--------------------------------------------------------------------------------
 1 | //
 2 | // Breadcrumbs
 3 | // --------------------------------------------------
 4 | 
 5 | 
 6 | .breadcrumb {
 7 |   padding: 8px 15px;
 8 |   margin-bottom: @line-height-computed;
 9 |   list-style: none;
10 |   background-color: @breadcrumb-bg;
11 |   border-radius: @border-radius-base;
12 |   > li {
13 |     display: inline-block;
14 |     &+li:before {
15 |       content: "/\00a0"; // Unicode space added since inline-block means non-collapsing white-space
16 |       padding: 0 5px;
17 |       color: @breadcrumb-color;
18 |     }
19 |   }
20 |   > .active {
21 |     color: @breadcrumb-active-color;
22 |   }
23 | }
24 | 


--------------------------------------------------------------------------------
/static/css/less/button-groups.less:
--------------------------------------------------------------------------------
  1 | //
  2 | // Button groups
  3 | // --------------------------------------------------
  4 | 
  5 | // Button carets
  6 | //
  7 | // Match the button text color to the arrow/caret for indicating dropdown-ness.
  8 | 
  9 | .caret {
 10 |   .btn-default & {
 11 |     border-top-color: @btn-default-color;
 12 |   }
 13 |   .btn-primary &,
 14 |   .btn-success &,
 15 |   .btn-warning &,
 16 |   .btn-danger &,
 17 |   .btn-info & {
 18 |     border-top-color: #fff;
 19 |   }
 20 | }
 21 | .dropup {
 22 |   & .btn-default .caret {
 23 |     border-bottom-color: @btn-default-color;
 24 |   }
 25 |   .btn-primary,
 26 |   .btn-success,
 27 |   .btn-warning,
 28 |   .btn-danger,
 29 |   .btn-info {
 30 |    .caret {
 31 |       border-bottom-color: #fff;
 32 |     }
 33 |   }
 34 | }
 35 | 
 36 | // Make the div behave like a button
 37 | .btn-group,
 38 | .btn-group-vertical {
 39 |   position: relative;
 40 |   display: inline-block;
 41 |   vertical-align: middle; // match .btn alignment given font-size hack above
 42 |   > .btn {
 43 |     position: relative;
 44 |     float: left;
 45 |     // Bring the "active" button to the front
 46 |     &:hover,
 47 |     &:focus,
 48 |     &:active,
 49 |     &.active {
 50 |       z-index: 2;
 51 |     }
 52 |     &:focus {
 53 |       // Remove focus outline when dropdown JS adds it after closing the menu
 54 |       outline: none;
 55 |     }
 56 |   }
 57 | }
 58 | 
 59 | // Prevent double borders when buttons are next to each other
 60 | .btn-group {
 61 |   .btn + .btn,
 62 |   .btn + .btn-group,
 63 |   .btn-group + .btn,
 64 |   .btn-group + .btn-group {
 65 |     margin-left: -1px;
 66 |   }
 67 | }
 68 | 
 69 | // Optional: Group multiple button groups together for a toolbar
 70 | .btn-toolbar {
 71 |   .clearfix();
 72 | 
 73 |   .btn-group {
 74 |     float: left;
 75 |   }
 76 |   // Space out series of button groups
 77 |   > .btn,
 78 |   > .btn-group {
 79 |     + .btn,
 80 |     + .btn-group {
 81 |       margin-left: 5px;
 82 |     }
 83 |   }
 84 | }
 85 | 
 86 | .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
 87 |   border-radius: 0;
 88 | }
 89 | 
 90 | // Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match
 91 | .btn-group > .btn:first-child {
 92 |   margin-left: 0;
 93 |   &:not(:last-child):not(.dropdown-toggle) {
 94 |     .border-right-radius(0);
 95 |   }
 96 | }
 97 | // Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
 98 | .btn-group > .btn:last-child:not(:first-child),
 99 | .btn-group > .dropdown-toggle:not(:first-child) {
100 |   .border-left-radius(0);
101 | }
102 | 
103 | // Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group)
104 | .btn-group > .btn-group {
105 |   float: left;
106 | }
107 | .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
108 |   border-radius: 0;
109 | }
110 | .btn-group > .btn-group:first-child {
111 |   > .btn:last-child,
112 |   > .dropdown-toggle {
113 |     .border-right-radius(0);
114 |   }
115 | }
116 | .btn-group > .btn-group:last-child > .btn:first-child {
117 |   .border-left-radius(0);
118 | }
119 | 
120 | // On active and open, don't show outline
121 | .btn-group .dropdown-toggle:active,
122 | .btn-group.open .dropdown-toggle {
123 |   outline: 0;
124 | }
125 | 
126 | 
127 | // Sizing
128 | //
129 | // Remix the default button sizing classes into new ones for easier manipulation.
130 | 
131 | .btn-group-xs > .btn { .btn-xs(); }
132 | .btn-group-sm > .btn { .btn-sm(); }
133 | .btn-group-lg > .btn { .btn-lg(); }
134 | 
135 | 
136 | // Split button dropdowns
137 | // ----------------------
138 | 
139 | // Give the line between buttons some depth
140 | .btn-group > .btn + .dropdown-toggle {
141 |   padding-left: 8px;
142 |   padding-right: 8px;
143 | }
144 | .btn-group > .btn-lg + .dropdown-toggle {
145 |   padding-left: 12px;
146 |   padding-right: 12px;
147 | }
148 | 
149 | // The clickable button for toggling the menu
150 | // Remove the gradient and set the same inset shadow as the :active state
151 | .btn-group.open .dropdown-toggle {
152 |   .box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
153 | }
154 | 
155 | 
156 | // Reposition the caret
157 | .btn .caret {
158 |   margin-left: 0;
159 | }
160 | // Carets in other button sizes
161 | .btn-lg .caret {
162 |   border-width: @caret-width-large @caret-width-large 0;
163 |   border-bottom-width: 0;
164 | }
165 | // Upside down carets for .dropup
166 | .dropup .btn-lg .caret {
167 |   border-width: 0 @caret-width-large @caret-width-large;
168 | }
169 | 
170 | 
171 | // Vertical button groups
172 | // ----------------------
173 | 
174 | .btn-group-vertical {
175 |   > .btn,
176 |   > .btn-group {
177 |     display: block;
178 |     float: none;
179 |     width: 100%;
180 |     max-width: 100%;
181 |   }
182 | 
183 |   // Clear floats so dropdown menus can be properly placed
184 |   > .btn-group {
185 |     .clearfix();
186 |     > .btn {
187 |       float: none;
188 |     }
189 |   }
190 | 
191 |   > .btn + .btn,
192 |   > .btn + .btn-group,
193 |   > .btn-group + .btn,
194 |   > .btn-group + .btn-group {
195 |     margin-top: -1px;
196 |     margin-left: 0;
197 |   }
198 | }
199 | 
200 | .btn-group-vertical > .btn {
201 |   &:not(:first-child):not(:last-child) {
202 |     border-radius: 0;
203 |   }
204 |   &:first-child:not(:last-child) {
205 |     border-top-right-radius: @border-radius-base;
206 |     .border-bottom-radius(0);
207 |   }
208 |   &:last-child:not(:first-child) {
209 |     border-bottom-left-radius: @border-radius-base;
210 |     .border-top-radius(0);
211 |   }
212 | }
213 | .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
214 |   border-radius: 0;
215 | }
216 | .btn-group-vertical > .btn-group:first-child {
217 |   > .btn:last-child,
218 |   > .dropdown-toggle {
219 |     .border-bottom-radius(0);
220 |   }
221 | }
222 | .btn-group-vertical > .btn-group:last-child > .btn:first-child {
223 |   .border-top-radius(0);
224 | }
225 | 
226 | 
227 | 
228 | // Justified button groups
229 | // ----------------------
230 | 
231 | .btn-group-justified {
232 |   display: table;
233 |   width: 100%;
234 |   table-layout: fixed;
235 |   border-collapse: separate;
236 |   .btn {
237 |     float: none;
238 |     display: table-cell;
239 |     width: 1%;
240 |   }
241 | }
242 | 
243 | 
244 | // Checkbox and radio options
245 | [data-toggle="buttons"] > .btn > input[type="radio"],
246 | [data-toggle="buttons"] > .btn > input[type="checkbox"] {
247 |   display: none;
248 | }
249 | 


--------------------------------------------------------------------------------
/static/css/less/buttons.less:
--------------------------------------------------------------------------------
  1 | //
  2 | // Buttons
  3 | // --------------------------------------------------
  4 | 
  5 | 
  6 | // Base styles
  7 | // --------------------------------------------------
  8 | 
  9 | // Core styles
 10 | .btn {
 11 |   display: inline-block;
 12 |   padding: @padding-base-vertical @padding-base-horizontal;
 13 |   margin-bottom: 0; // For input.btn
 14 |   font-size: @font-size-base;
 15 |   font-weight: @btn-font-weight;
 16 |   line-height: @line-height-base;
 17 |   text-align: center;
 18 |   vertical-align: middle;
 19 |   cursor: pointer;
 20 |   border: 1px solid transparent;
 21 |   border-radius: @border-radius-base;
 22 |   white-space: nowrap;
 23 |   .user-select(none);
 24 | 
 25 |   &:focus {
 26 |     .tab-focus();
 27 |   }
 28 | 
 29 |   &:hover,
 30 |   &:focus {
 31 |     color: @btn-default-color;
 32 |     text-decoration: none;
 33 |   }
 34 | 
 35 |   &:active,
 36 |   &.active {
 37 |     outline: 0;
 38 |     background-image: none;
 39 |     .box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
 40 |   }
 41 | 
 42 |   &.disabled,
 43 |   &[disabled],
 44 |   fieldset[disabled] & {
 45 |     cursor: not-allowed;
 46 |     pointer-events: none; // Future-proof disabling of clicks
 47 |     .opacity(.65);
 48 |     .box-shadow(none);
 49 |   }
 50 | 
 51 | }
 52 | 
 53 | 
 54 | // Alternate buttons
 55 | // --------------------------------------------------
 56 | 
 57 | .btn-default {
 58 |   .button-variant(@btn-default-color; @btn-default-bg; @btn-default-border);
 59 | }
 60 | .btn-primary {
 61 |   .button-variant(@btn-primary-color; @btn-primary-bg; @btn-primary-border);
 62 | }
 63 | // Warning appears as orange
 64 | .btn-warning {
 65 |   .button-variant(@btn-warning-color; @btn-warning-bg; @btn-warning-border);
 66 | }
 67 | // Danger and error appear as red
 68 | .btn-danger {
 69 |   .button-variant(@btn-danger-color; @btn-danger-bg; @btn-danger-border);
 70 | }
 71 | // Success appears as green
 72 | .btn-success {
 73 |   .button-variant(@btn-success-color; @btn-success-bg; @btn-success-border);
 74 | }
 75 | // Info appears as blue-green
 76 | .btn-info {
 77 |   .button-variant(@btn-info-color; @btn-info-bg; @btn-info-border);
 78 | }
 79 | 
 80 | 
 81 | // Link buttons
 82 | // -------------------------
 83 | 
 84 | // Make a button look and behave like a link
 85 | .btn-link {
 86 |   color: @link-color;
 87 |   font-weight: normal;
 88 |   cursor: pointer;
 89 |   border-radius: 0;
 90 | 
 91 |   &,
 92 |   &:active,
 93 |   &[disabled],
 94 |   fieldset[disabled] & {
 95 |     background-color: transparent;
 96 |     .box-shadow(none);
 97 |   }
 98 |   &,
 99 |   &:hover,
100 |   &:focus,
101 |   &:active {
102 |     border-color: transparent;
103 |   }
104 |   &:hover,
105 |   &:focus {
106 |     color: @link-hover-color;
107 |     text-decoration: underline;
108 |     background-color: transparent;
109 |   }
110 |   &[disabled],
111 |   fieldset[disabled] & {
112 |     &:hover,
113 |     &:focus {
114 |       color: @btn-link-disabled-color;
115 |       text-decoration: none;
116 |     }
117 |   }
118 | }
119 | 
120 | 
121 | // Button Sizes
122 | // --------------------------------------------------
123 | 
124 | .btn-lg {
125 |   // line-height: ensure even-numbered height of button next to large input
126 |   .button-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large);
127 | }
128 | .btn-sm,
129 | .btn-xs {
130 |   // line-height: ensure proper height of button next to small input
131 |   .button-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small);
132 | }
133 | .btn-xs {
134 |   padding: 1px 5px;
135 | }
136 | 
137 | 
138 | // Block button
139 | // --------------------------------------------------
140 | 
141 | .btn-block {
142 |   display: block;
143 |   width: 100%;
144 |   padding-left: 0;
145 |   padding-right: 0;
146 | }
147 | 
148 | // Vertically space out multiple block buttons
149 | .btn-block + .btn-block {
150 |   margin-top: 5px;
151 | }
152 | 
153 | // Specificity overrides
154 | input[type="submit"],
155 | input[type="reset"],
156 | input[type="button"] {
157 |   &.btn-block {
158 |     width: 100%;
159 |   }
160 | }
161 | 


--------------------------------------------------------------------------------
/static/css/less/carousel.less:
--------------------------------------------------------------------------------
  1 | //
  2 | // Carousel
  3 | // --------------------------------------------------
  4 | 
  5 | 
  6 | // Wrapper for the slide container and indicators
  7 | .carousel {
  8 |   position: relative;
  9 | }
 10 | 
 11 | .carousel-inner {
 12 |   position: relative;
 13 |   overflow: hidden;
 14 |   width: 100%;
 15 | 
 16 |   > .item {
 17 |     display: none;
 18 |     position: relative;
 19 |     .transition(.6s ease-in-out left);
 20 | 
 21 |     // Account for jankitude on images
 22 |     > img,
 23 |     > a > img {
 24 |       .img-responsive();
 25 |       line-height: 1;
 26 |     }
 27 |   }
 28 | 
 29 |   > .active,
 30 |   > .next,
 31 |   > .prev { display: block; }
 32 | 
 33 |   > .active {
 34 |     left: 0;
 35 |   }
 36 | 
 37 |   > .next,
 38 |   > .prev {
 39 |     position: absolute;
 40 |     top: 0;
 41 |     width: 100%;
 42 |   }
 43 | 
 44 |   > .next {
 45 |     left: 100%;
 46 |   }
 47 |   > .prev {
 48 |     left: -100%;
 49 |   }
 50 |   > .next.left,
 51 |   > .prev.right {
 52 |     left: 0;
 53 |   }
 54 | 
 55 |   > .active.left {
 56 |     left: -100%;
 57 |   }
 58 |   > .active.right {
 59 |     left: 100%;
 60 |   }
 61 | 
 62 | }
 63 | 
 64 | // Left/right controls for nav
 65 | // ---------------------------
 66 | 
 67 | .carousel-control {
 68 |   position: absolute;
 69 |   top: 0;
 70 |   left: 0;
 71 |   bottom: 0;
 72 |   width: @carousel-control-width;
 73 |   .opacity(@carousel-control-opacity);
 74 |   font-size: @carousel-control-font-size;
 75 |   color: @carousel-control-color;
 76 |   text-align: center;
 77 |   text-shadow: @carousel-text-shadow;
 78 |   // We can't have this transition here because webkit cancels the carousel
 79 |   // animation if you trip this while in the middle of another animation.
 80 | 
 81 |   // Set gradients for backgrounds
 82 |   &.left {
 83 |     #gradient > .horizontal(@start-color: rgba(0,0,0,.5); @end-color: rgba(0,0,0,.0001));
 84 |   }
 85 |   &.right {
 86 |     left: auto;
 87 |     right: 0;
 88 |     #gradient > .horizontal(@start-color: rgba(0,0,0,.0001); @end-color: rgba(0,0,0,.5));
 89 |   }
 90 | 
 91 |   // Hover/focus state
 92 |   &:hover,
 93 |   &:focus {
 94 |     color: @carousel-control-color;
 95 |     text-decoration: none;
 96 |     .opacity(.9);
 97 |   }
 98 | 
 99 |   // Toggles
100 |   .icon-prev,
101 |   .icon-next,
102 |   .glyphicon-chevron-left,
103 |   .glyphicon-chevron-right {
104 |     position: absolute;
105 |     top: 50%;
106 |     left: 50%;
107 |     z-index: 5;
108 |     display: inline-block;
109 |   }
110 |   .icon-prev,
111 |   .icon-next {
112 |     width:  20px;
113 |     height: 20px;
114 |     margin-top: -10px;
115 |     margin-left: -10px;
116 |     font-family: serif;
117 |   }
118 | 
119 |   .icon-prev {
120 |     &:before {
121 |       content: '\2039';// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)
122 |     }
123 |   }
124 |   .icon-next {
125 |     &:before {
126 |       content: '\203a';// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)
127 |     }
128 |   }
129 | }
130 | 
131 | // Optional indicator pips
132 | //
133 | // Add an unordered list with the following class and add a list item for each
134 | // slide your carousel holds.
135 | 
136 | .carousel-indicators {
137 |   position: absolute;
138 |   bottom: 10px;
139 |   left: 50%;
140 |   z-index: 15;
141 |   width: 60%;
142 |   margin-left: -30%;
143 |   padding-left: 0;
144 |   list-style: none;
145 |   text-align: center;
146 | 
147 |   li {
148 |     display: inline-block;
149 |     width:  10px;
150 |     height: 10px;
151 |     margin: 1px;
152 |     text-indent: -999px;
153 |     border: 1px solid @carousel-indicator-border-color;
154 |     border-radius: 10px;
155 |     cursor: pointer;
156 |   }
157 |   .active {
158 |     margin: 0;
159 |     width:  12px;
160 |     height: 12px;
161 |     background-color: @carousel-indicator-active-bg;
162 |   }
163 | }
164 | 
165 | // Optional captions
166 | // -----------------------------
167 | // Hidden by default for smaller viewports
168 | .carousel-caption {
169 |   position: absolute;
170 |   left: 15%;
171 |   right: 15%;
172 |   bottom: 20px;
173 |   z-index: 10;
174 |   padding-top: 20px;
175 |   padding-bottom: 20px;
176 |   color: @carousel-caption-color;
177 |   text-align: center;
178 |   text-shadow: @carousel-text-shadow;
179 |   & .btn {
180 |     text-shadow: none; // No shadow for button elements in carousel-caption
181 |   }
182 | }
183 | 
184 | 
185 | // Scale up controls for tablets and up
186 | @media screen and (min-width: @screen-tablet) {
187 | 
188 |   // Scale up the controls a smidge
189 |   .carousel-control .icon-prev,
190 |   .carousel-control .icon-next {
191 |     width: 30px;
192 |     height: 30px;
193 |     margin-top: -15px;
194 |     margin-left: -15px;
195 |     font-size: 30px;
196 |   }
197 | 
198 |   // Show and left align the captions
199 |   .carousel-caption {
200 |     left: 20%;
201 |     right: 20%;
202 |     padding-bottom: 30px;
203 |   }
204 | 
205 |   // Move up the indicators
206 |   .carousel-indicators {
207 |     bottom: 20px;
208 |   }
209 | }
210 | 


--------------------------------------------------------------------------------
/static/css/less/close.less:
--------------------------------------------------------------------------------
 1 | //
 2 | // Close icons
 3 | // --------------------------------------------------
 4 | 
 5 | 
 6 | .close {
 7 |   float: right;
 8 |   font-size: (@font-size-base * 1.5);
 9 |   font-weight: @close-font-weight;
10 |   line-height: 1;
11 |   color: @close-color;
12 |   text-shadow: @close-text-shadow;
13 |   .opacity(.2);
14 | 
15 |   &:hover,
16 |   &:focus {
17 |     color: @close-color;
18 |     text-decoration: none;
19 |     cursor: pointer;
20 |     .opacity(.5);
21 |   }
22 | 
23 |   // Additional properties for button version
24 |   // iOS requires the button element instead of an anchor tag.
25 |   // If you want the anchor version, it requires `href="#"`.
26 |   button& {
27 |     padding: 0;
28 |     cursor: pointer;
29 |     background: transparent;
30 |     border: 0;
31 |     -webkit-appearance: none;
32 |   }
33 | }
34 | 


--------------------------------------------------------------------------------
/static/css/less/code.less:
--------------------------------------------------------------------------------
 1 | //
 2 | // Code (inline and blocK)
 3 | // --------------------------------------------------
 4 | 
 5 | 
 6 | // Inline and block code styles
 7 | code,
 8 | pre {
 9 |   font-family: @font-family-monospace;
10 | }
11 | 
12 | // Inline code
13 | code {
14 |   padding: 2px 4px;
15 |   font-size: 90%;
16 |   color: @code-color;
17 |   background-color: @code-bg;
18 |   white-space: nowrap;
19 |   border-radius: @border-radius-base;
20 | }
21 | 
22 | // Blocks of code
23 | pre {
24 |   display: block;
25 |   padding: ((@line-height-computed - 1) / 2);
26 |   margin: 0 0 (@line-height-computed / 2);
27 |   font-size: (@font-size-base - 1); // 14px to 13px
28 |   line-height: @line-height-base;
29 |   word-break: break-all;
30 |   word-wrap: break-word;
31 |   color: @pre-color;
32 |   background-color: @pre-bg;
33 |   border: 1px solid @pre-border-color;
34 |   border-radius: @border-radius-base;
35 | 
36 |   // Make prettyprint styles more spaced out for readability
37 |   &.prettyprint {
38 |     margin-bottom: @line-height-computed;
39 |   }
40 | 
41 |   // Account for some code outputs that place code tags in pre tags
42 |   code {
43 |     padding: 0;
44 |     font-size: inherit;
45 |     color: inherit;
46 |     white-space: pre-wrap;
47 |     background-color: transparent;
48 |     border: 0;
49 |   }
50 | }
51 | 
52 | // Enable scrollable blocks of code
53 | .pre-scrollable {
54 |   max-height: @pre-scrollable-max-height;
55 |   overflow-y: scroll;
56 | }
57 | 


--------------------------------------------------------------------------------
/static/css/less/component-animations.less:
--------------------------------------------------------------------------------
 1 | //
 2 | // Component animations
 3 | // --------------------------------------------------
 4 | 
 5 | // Heads up!
 6 | //
 7 | // We don't use the `.opacity()` mixin here since it causes a bug with text
 8 | // fields in IE7-8. Source: https://github.com/twitter/bootstrap/pull/3552.
 9 | 
10 | .fade {
11 |   opacity: 0;
12 |   .transition(opacity .15s linear);
13 |   &.in {
14 |     opacity: 1;
15 |   }
16 | }
17 | 
18 | .collapse {
19 |   display: none;
20 |   &.in {
21 |     display: block;
22 |   }
23 | }
24 | .collapsing {
25 |   position: relative;
26 |   height: 0;
27 |   overflow: hidden;
28 |   .transition(height .35s ease);
29 | }
30 | 


--------------------------------------------------------------------------------
/static/css/less/dropdowns.less:
--------------------------------------------------------------------------------
  1 | //
  2 | // Dropdown menus
  3 | // --------------------------------------------------
  4 | 
  5 | 
  6 | // Dropdown arrow/caret
  7 | .caret {
  8 |   display: inline-block;
  9 |   width: 0;
 10 |   height: 0;
 11 |   margin-left: 2px;
 12 |   vertical-align: middle;
 13 |   border-top:   @caret-width-base solid @dropdown-caret-color;
 14 |   border-right: @caret-width-base solid transparent;
 15 |   border-left:  @caret-width-base solid transparent;
 16 |   // Firefox fix for https://github.com/twbs/bootstrap/issues/9538. Once fixed,
 17 |   // we can just straight up remove this.
 18 |   border-bottom: 0 dotted;
 19 |   content: "";
 20 | }
 21 | 
 22 | // The dropdown wrapper (div)
 23 | .dropdown {
 24 |   position: relative;
 25 | }
 26 | 
 27 | // Prevent the focus on the dropdown toggle when closing dropdowns
 28 | .dropdown-toggle:focus {
 29 |   outline: 0;
 30 | }
 31 | 
 32 | // The dropdown menu (ul)
 33 | .dropdown-menu {
 34 |   position: absolute;
 35 |   top: 100%;
 36 |   left: 0;
 37 |   z-index: @zindex-dropdown;
 38 |   display: none; // none by default, but block on "open" of the menu
 39 |   float: left;
 40 |   min-width: 160px;
 41 |   padding: 5px 0;
 42 |   margin: 2px 0 0; // override default ul
 43 |   list-style: none;
 44 |   font-size: @font-size-base;
 45 |   background-color: @dropdown-bg;
 46 |   border: 1px solid @dropdown-fallback-border; // IE8 fallback
 47 |   border: 1px solid @dropdown-border;
 48 |   border-radius: @border-radius-base;
 49 |   .box-shadow(0 6px 12px rgba(0,0,0,.175));
 50 |   background-clip: padding-box;
 51 | 
 52 |   // Aligns the dropdown menu to right
 53 |   &.pull-right {
 54 |     right: 0;
 55 |     left: auto;
 56 |   }
 57 | 
 58 |   // Dividers (basically an hr) within the dropdown
 59 |   .divider {
 60 |     .nav-divider(@dropdown-divider-bg);
 61 |   }
 62 | 
 63 |   // Links within the dropdown menu
 64 |   > li > a {
 65 |     display: block;
 66 |     padding: 3px 20px;
 67 |     clear: both;
 68 |     font-weight: normal;
 69 |     line-height: @line-height-base;
 70 |     color: @dropdown-link-color;
 71 |     white-space: nowrap; // prevent links from randomly breaking onto new lines
 72 |   }
 73 | }
 74 | 
 75 | // Hover/Focus state
 76 | .dropdown-menu > li > a {
 77 |   &:hover,
 78 |   &:focus {
 79 |     text-decoration: none;
 80 |     color: @dropdown-link-hover-color;
 81 |     background-color: @dropdown-link-hover-bg;
 82 |   }
 83 | }
 84 | 
 85 | // Active state
 86 | .dropdown-menu > .active > a {
 87 |   &,
 88 |   &:hover,
 89 |   &:focus {
 90 |     color: @dropdown-link-active-color;
 91 |     text-decoration: none;
 92 |     outline: 0;
 93 |     background-color: @dropdown-link-active-bg;
 94 |   }
 95 | }
 96 | 
 97 | // Disabled state
 98 | //
 99 | // Gray out text and ensure the hover/focus state remains gray
100 | 
101 | .dropdown-menu > .disabled > a {
102 |   &,
103 |   &:hover,
104 |   &:focus {
105 |     color: @dropdown-link-disabled-color;
106 |   }
107 | }
108 | // Nuke hover/focus effects
109 | .dropdown-menu > .disabled > a {
110 |   &:hover,
111 |   &:focus {
112 |     text-decoration: none;
113 |     background-color: transparent;
114 |     background-image: none; // Remove CSS gradient
115 |     .reset-filter();
116 |     cursor: not-allowed;
117 |   }
118 | }
119 | 
120 | // Open state for the dropdown
121 | .open {
122 |   // Show the menu
123 |   > .dropdown-menu {
124 |     display: block;
125 |   }
126 | 
127 |   // Remove the outline when :focus is triggered
128 |   > a {
129 |     outline: 0;
130 |   }
131 | }
132 | 
133 | // Dropdown section headers
134 | .dropdown-header {
135 |   display: block;
136 |   padding: 3px 20px;
137 |   font-size: @font-size-small;
138 |   line-height: @line-height-base;
139 |   color: @dropdown-header-color;
140 | }
141 | 
142 | // Backdrop to catch body clicks on mobile, etc.
143 | .dropdown-backdrop {
144 |   position: fixed;
145 |   left: 0;
146 |   right: 0;
147 |   bottom: 0;
148 |   top: 0;
149 |   z-index: @zindex-dropdown - 10;
150 | }
151 | 
152 | // Right aligned dropdowns
153 | .pull-right > .dropdown-menu {
154 |   right: 0;
155 |   left: auto;
156 | }
157 | 
158 | // Allow for dropdowns to go bottom up (aka, dropup-menu)
159 | //
160 | // Just add .dropup after the standard .dropdown class and you're set, bro.
161 | // TODO: abstract this so that the navbar fixed styles are not placed here?
162 | 
163 | .dropup,
164 | .navbar-fixed-bottom .dropdown {
165 |   // Reverse the caret
166 |   .caret {
167 |     // Firefox fix for https://github.com/twbs/bootstrap/issues/9538. Once this
168 |     // gets fixed, restore `border-top: 0;`.
169 |     border-top: 0 dotted;
170 |     border-bottom: 4px solid @dropdown-caret-color;
171 |     content: "";
172 |   }
173 |   // Different positioning for bottom up menu
174 |   .dropdown-menu {
175 |     top: auto;
176 |     bottom: 100%;
177 |     margin-bottom: 1px;
178 |   }
179 | }
180 | 
181 | 
182 | // Component alignment
183 | //
184 | // Reiterate per navbar.less and the modified component alignment there.
185 | 
186 | @media (min-width: @grid-float-breakpoint) {
187 |   .navbar-right {
188 |     .dropdown-menu {
189 |       .pull-right > .dropdown-menu();
190 |     }
191 |   }
192 | }
193 | 
194 | 


--------------------------------------------------------------------------------
/static/css/less/forms.less:
--------------------------------------------------------------------------------
  1 | //
  2 | // Forms
  3 | // --------------------------------------------------
  4 | 
  5 | 
  6 | // Normalize non-controls
  7 | //
  8 | // Restyle and baseline non-control form elements.
  9 | 
 10 | fieldset {
 11 |   padding: 0;
 12 |   margin: 0;
 13 |   border: 0;
 14 | }
 15 | 
 16 | legend {
 17 |   display: block;
 18 |   width: 100%;
 19 |   padding: 0;
 20 |   margin-bottom: @line-height-computed;
 21 |   font-size: (@font-size-base * 1.5);
 22 |   line-height: inherit;
 23 |   color: @legend-color;
 24 |   border: 0;
 25 |   border-bottom: 1px solid @legend-border-color;
 26 | }
 27 | 
 28 | label {
 29 |   display: inline-block;
 30 |   margin-bottom: 5px;
 31 |   font-weight: bold;
 32 | }
 33 | 
 34 | 
 35 | // Normalize form controls
 36 | 
 37 | // Override content-box in Normalize (* isn't specific enough)
 38 | input[type="search"] {
 39 |   .box-sizing(border-box);
 40 | }
 41 | 
 42 | // Position radios and checkboxes better
 43 | input[type="radio"],
 44 | input[type="checkbox"] {
 45 |   margin: 4px 0 0;
 46 |   margin-top: 1px \9; /* IE8-9 */
 47 |   line-height: normal;
 48 | }
 49 | 
 50 | // Set the height of select and file controls to match text inputs
 51 | input[type="file"] {
 52 |   display: block;
 53 | }
 54 | 
 55 | // Make multiple select elements height not fixed
 56 | select[multiple],
 57 | select[size] {
 58 |   height: auto;
 59 | }
 60 | 
 61 | // Fix optgroup Firefox bug per https://github.com/twbs/bootstrap/issues/7611
 62 | select optgroup {
 63 |   font-size: inherit;
 64 |   font-style: inherit;
 65 |   font-family: inherit;
 66 | }
 67 | 
 68 | // Focus for select, file, radio, and checkbox
 69 | input[type="file"]:focus,
 70 | input[type="radio"]:focus,
 71 | input[type="checkbox"]:focus {
 72 |   .tab-focus();
 73 | }
 74 | 
 75 | // Fix for Chrome number input
 76 | // Setting certain font-sizes causes the `I` bar to appear on hover of the bottom increment button.
 77 | // See https://github.com/twbs/bootstrap/issues/8350 for more.
 78 | input[type="number"] {
 79 |   &::-webkit-outer-spin-button,
 80 |   &::-webkit-inner-spin-button {
 81 |     height: auto;
 82 |   }
 83 | }
 84 | 
 85 | 
 86 | // Placeholder
 87 | //
 88 | // Placeholder text gets special styles because when browsers invalidate entire
 89 | // lines if it doesn't understand a selector/
 90 | .form-control {
 91 |   .placeholder();
 92 | }
 93 | 
 94 | 
 95 | // Common form controls
 96 | //
 97 | // Shared size and type resets for form controls. Apply `.form-control` to any
 98 | // of the following form controls:
 99 | //
100 | // select
101 | // textarea
102 | // input[type="text"]
103 | // input[type="password"]
104 | // input[type="datetime"]
105 | // input[type="datetime-local"]
106 | // input[type="date"]
107 | // input[type="month"]
108 | // input[type="time"]
109 | // input[type="week"]
110 | // input[type="number"]
111 | // input[type="email"]
112 | // input[type="url"]
113 | // input[type="search"]
114 | // input[type="tel"]
115 | // input[type="color"]
116 | 
117 | .form-control {
118 |   display: block;
119 |   width: 100%;
120 |   height: @input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border)
121 |   padding: @padding-base-vertical @padding-base-horizontal;
122 |   font-size: @font-size-base;
123 |   line-height: @line-height-base;
124 |   color: @input-color;
125 |   vertical-align: middle;
126 |   background-color: @input-bg;
127 |   border: 1px solid @input-border;
128 |   border-radius: @input-border-radius;
129 |   .box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
130 |   .transition(~"border-color ease-in-out .15s, box-shadow ease-in-out .15s");
131 | 
132 |   // Customize the `:focus` state to imitate native WebKit styles.
133 |   .form-control-focus();
134 | 
135 |   // Disabled and read-only inputs
136 |   // Note: HTML5 says that controls under a fieldset > legend:first-child won't
137 |   // be disabled if the fieldset is disabled. Due to implementation difficulty,
138 |   // we don't honor that edge case; we style them as disabled anyway.
139 |   &[disabled],
140 |   &[readonly],
141 |   fieldset[disabled] & {
142 |     cursor: not-allowed;
143 |     background-color: @input-bg-disabled;
144 |   }
145 | 
146 |   // Reset height for `textarea`s
147 |   textarea& {
148 |     height: auto;
149 |   }
150 | }
151 | 
152 | 
153 | // Form groups
154 | //
155 | // Designed to help with the organization and spacing of vertical forms. For
156 | // horizontal forms, use the predefined grid classes.
157 | 
158 | .form-group {
159 |   margin-bottom: 15px;
160 | }
161 | 
162 | 
163 | // Checkboxes and radios
164 | //
165 | // Indent the labels to position radios/checkboxes as hanging controls.
166 | 
167 | .radio,
168 | .checkbox {
169 |   display: block;
170 |   min-height: @line-height-computed; // clear the floating input if there is no label text
171 |   margin-top: 10px;
172 |   margin-bottom: 10px;
173 |   padding-left: 20px;
174 |   vertical-align: middle;
175 |   label {
176 |     display: inline;
177 |     margin-bottom: 0;
178 |     font-weight: normal;
179 |     cursor: pointer;
180 |   }
181 | }
182 | .radio input[type="radio"],
183 | .radio-inline input[type="radio"],
184 | .checkbox input[type="checkbox"],
185 | .checkbox-inline input[type="checkbox"] {
186 |   float: left;
187 |   margin-left: -20px;
188 | }
189 | .radio + .radio,
190 | .checkbox + .checkbox {
191 |   margin-top: -5px; // Move up sibling radios or checkboxes for tighter spacing
192 | }
193 | 
194 | // Radios and checkboxes on same line
195 | .radio-inline,
196 | .checkbox-inline {
197 |   display: inline-block;
198 |   padding-left: 20px;
199 |   margin-bottom: 0;
200 |   vertical-align: middle;
201 |   font-weight: normal;
202 |   cursor: pointer;
203 | }
204 | .radio-inline + .radio-inline,
205 | .checkbox-inline + .checkbox-inline {
206 |   margin-top: 0;
207 |   margin-left: 10px; // space out consecutive inline controls
208 | }
209 | 
210 | // Apply same disabled cursor tweak as for inputs
211 | //
212 | // Note: Neither radios nor checkboxes can be readonly.
213 | input[type="radio"],
214 | input[type="checkbox"],
215 | .radio,
216 | .radio-inline,
217 | .checkbox,
218 | .checkbox-inline {
219 |   &[disabled],
220 |   fieldset[disabled] & {
221 |     cursor: not-allowed;
222 |   }
223 | }
224 | 
225 | // Form control sizing
226 | .input-sm {
227 |   .input-size(@input-height-small; @padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small);
228 | }
229 | 
230 | .input-lg {
231 |   .input-size(@input-height-large; @padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large);
232 | }
233 | 
234 | 
235 | // Form control feedback states
236 | //
237 | // Apply contextual and semantic states to individual form controls.
238 | 
239 | // Warning
240 | .has-warning {
241 |   .form-control-validation(@state-warning-text; @state-warning-text; @state-warning-bg);
242 | }
243 | // Error
244 | .has-error {
245 |   .form-control-validation(@state-danger-text; @state-danger-text; @state-danger-bg);
246 | }
247 | // Success
248 | .has-success {
249 |   .form-control-validation(@state-success-text; @state-success-text; @state-success-bg);
250 | }
251 | 
252 | 
253 | // Static form control text
254 | //
255 | // Apply class to a `p` element to make any string of text align with labels in
256 | // a horizontal form layout.
257 | 
258 | .form-control-static {
259 |   margin-bottom: 0; // Remove default margin from `p`
260 |   padding-top: (@padding-base-vertical + 1);
261 | }
262 | 
263 | 
264 | // Help text
265 | //
266 | // Apply to any element you wish to create light text for placement immediately
267 | // below a form control. Use for general help, formatting, or instructional text.
268 | 
269 | .help-block {
270 |   display: block; // account for any element using help-block
271 |   margin-top: 5px;
272 |   margin-bottom: 10px;
273 |   color: lighten(@text-color, 25%); // lighten the text some for contrast
274 | }
275 | 
276 | 
277 | 
278 | // Inline forms
279 | //
280 | // Make forms appear inline(-block) by adding the `.form-inline` class. Inline
281 | // forms begin stacked on extra small (mobile) devices and then go inline when
282 | // viewports reach <768px.
283 | //
284 | // Requires wrapping inputs and labels with `.form-group` for proper display of
285 | // default HTML form controls and our custom form controls (e.g., input groups).
286 | //
287 | // Heads up! This is mixin-ed into `.navbar-form` in navbars.less.
288 | 
289 | .form-inline {
290 | 
291 |   // Kick in the inline
292 |   @media (min-width: @screen-tablet) {
293 |     // Inline-block all the things for "inline"
294 |     .form-group  {
295 |       display: inline-block;
296 |       margin-bottom: 0;
297 |       vertical-align: middle;
298 |     }
299 | 
300 |     // In navbar-form, allow folks to *not* use `.form-group`
301 |     .form-control {
302 |       display: inline-block;
303 |     }
304 | 
305 |     // Remove default margin on radios/checkboxes that were used for stacking, and
306 |     // then undo the floating of radios and checkboxes to match (which also avoids
307 |     // a bug in WebKit: https://github.com/twbs/bootstrap/issues/1969).
308 |     .radio,
309 |     .checkbox {
310 |       display: inline-block;
311 |       margin-top: 0;
312 |       margin-bottom: 0;
313 |       padding-left: 0;
314 |     }
315 |     .radio input[type="radio"],
316 |     .checkbox input[type="checkbox"] {
317 |       float: none;
318 |       margin-left: 0;
319 |     }
320 |   }
321 | }
322 | 
323 | 
324 | // Horizontal forms
325 | //
326 | // Horizontal forms are built on grid classes and allow you to create forms with
327 | // labels on the left and inputs on the right.
328 | 
329 | .form-horizontal {
330 | 
331 |   // Consistent vertical alignment of labels, radios, and checkboxes
332 |   .control-label,
333 |   .radio,
334 |   .checkbox,
335 |   .radio-inline,
336 |   .checkbox-inline {
337 |     margin-top: 0;
338 |     margin-bottom: 0;
339 |     padding-top: (@padding-base-vertical + 1); // Default padding plus a border
340 |   }
341 | 
342 |   // Make form groups behave like rows
343 |   .form-group {
344 |     .make-row();
345 |   }
346 | 
347 |   // Only right align form labels here when the columns stop stacking
348 |   @media (min-width: @screen-tablet) {
349 |     .control-label {
350 |       text-align: right;
351 |     }
352 |   }
353 | }
354 | 


--------------------------------------------------------------------------------
/static/css/less/glyphicons.less:
--------------------------------------------------------------------------------
  1 | //
  2 | // Glyphicons for Bootstrap
  3 | //
  4 | // Since icons are fonts, they can be placed anywhere text is placed and are
  5 | // thus automatically sized to match the surrounding child. To use, create an
  6 | // inline element with the appropriate classes, like so:
  7 | //
  8 | // <a href="#"><span class="glyphicon glyphicon-star"></span> Star</a>
  9 | 
 10 | // Import the fonts
 11 | @font-face {
 12 |   font-family: 'Glyphicons Halflings';
 13 |   src: url('@{icon-font-path}@{icon-font-name}.eot');
 14 |   src: url('@{icon-font-path}@{icon-font-name}.eot?#iefix') format('embedded-opentype'),
 15 |        url('@{icon-font-path}@{icon-font-name}.woff') format('woff'),
 16 |        url('@{icon-font-path}@{icon-font-name}.ttf') format('truetype'),
 17 |        url('@{icon-font-path}@{icon-font-name}.svg#glyphicons-halflingsregular') format('svg');
 18 | }
 19 | 
 20 | // Catchall baseclass
 21 | .glyphicon {
 22 |   position: relative;
 23 |   top: 1px;
 24 |   display: inline-block;
 25 |   font-family: 'Glyphicons Halflings';
 26 |   font-style: normal;
 27 |   font-weight: normal;
 28 |   line-height: 1;
 29 |   -webkit-font-smoothing: antialiased;
 30 | }
 31 | 
 32 | // Individual icons
 33 | .glyphicon-asterisk               { &:before { content: "\2a"; } }
 34 | .glyphicon-plus                   { &:before { content: "\2b"; } }
 35 | .glyphicon-euro                   { &:before { content: "\20ac"; } }
 36 | .glyphicon-minus                  { &:before { content: "\2212"; } }
 37 | .glyphicon-cloud                  { &:before { content: "\2601"; } }
 38 | .glyphicon-envelope               { &:before { content: "\2709"; } }
 39 | .glyphicon-pencil                 { &:before { content: "\270f"; } }
 40 | .glyphicon-glass                  { &:before { content: "\e001"; } }
 41 | .glyphicon-music                  { &:before { content: "\e002"; } }
 42 | .glyphicon-search                 { &:before { content: "\e003"; } }
 43 | .glyphicon-heart                  { &:before { content: "\e005"; } }
 44 | .glyphicon-star                   { &:before { content: "\e006"; } }
 45 | .glyphicon-star-empty             { &:before { content: "\e007"; } }
 46 | .glyphicon-user                   { &:before { content: "\e008"; } }
 47 | .glyphicon-film                   { &:before { content: "\e009"; } }
 48 | .glyphicon-th-large               { &:before { content: "\e010"; } }
 49 | .glyphicon-th                     { &:before { content: "\e011"; } }
 50 | .glyphicon-th-list                { &:before { content: "\e012"; } }
 51 | .glyphicon-ok                     { &:before { content: "\e013"; } }
 52 | .glyphicon-remove                 { &:before { content: "\e014"; } }
 53 | .glyphicon-zoom-in                { &:before { content: "\e015"; } }
 54 | .glyphicon-zoom-out               { &:before { content: "\e016"; } }
 55 | .glyphicon-off                    { &:before { content: "\e017"; } }
 56 | .glyphicon-signal                 { &:before { content: "\e018"; } }
 57 | .glyphicon-cog                    { &:before { content: "\e019"; } }
 58 | .glyphicon-trash                  { &:before { content: "\e020"; } }
 59 | .glyphicon-home                   { &:before { content: "\e021"; } }
 60 | .glyphicon-file                   { &:before { content: "\e022"; } }
 61 | .glyphicon-time                   { &:before { content: "\e023"; } }
 62 | .glyphicon-road                   { &:before { content: "\e024"; } }
 63 | .glyphicon-download-alt           { &:before { content: "\e025"; } }
 64 | .glyphicon-download               { &:before { content: "\e026"; } }
 65 | .glyphicon-upload                 { &:before { content: "\e027"; } }
 66 | .glyphicon-inbox                  { &:before { content: "\e028"; } }
 67 | .glyphicon-play-circle            { &:before { content: "\e029"; } }
 68 | .glyphicon-repeat                 { &:before { content: "\e030"; } }
 69 | .glyphicon-refresh                { &:before { content: "\e031"; } }
 70 | .glyphicon-list-alt               { &:before { content: "\e032"; } }
 71 | .glyphicon-flag                   { &:before { content: "\e034"; } }
 72 | .glyphicon-headphones             { &:before { content: "\e035"; } }
 73 | .glyphicon-volume-off             { &:before { content: "\e036"; } }
 74 | .glyphicon-volume-down            { &:before { content: "\e037"; } }
 75 | .glyphicon-volume-up              { &:before { content: "\e038"; } }
 76 | .glyphicon-qrcode                 { &:before { content: "\e039"; } }
 77 | .glyphicon-barcode                { &:before { content: "\e040"; } }
 78 | .glyphicon-tag                    { &:before { content: "\e041"; } }
 79 | .glyphicon-tags                   { &:before { content: "\e042"; } }
 80 | .glyphicon-book                   { &:before { content: "\e043"; } }
 81 | .glyphicon-print                  { &:before { content: "\e045"; } }
 82 | .glyphicon-font                   { &:before { content: "\e047"; } }
 83 | .glyphicon-bold                   { &:before { content: "\e048"; } }
 84 | .glyphicon-italic                 { &:before { content: "\e049"; } }
 85 | .glyphicon-text-height            { &:before { content: "\e050"; } }
 86 | .glyphicon-text-width             { &:before { content: "\e051"; } }
 87 | .glyphicon-align-left             { &:before { content: "\e052"; } }
 88 | .glyphicon-align-center           { &:before { content: "\e053"; } }
 89 | .glyphicon-align-right            { &:before { content: "\e054"; } }
 90 | .glyphicon-align-justify          { &:before { content: "\e055"; } }
 91 | .glyphicon-list                   { &:before { content: "\e056"; } }
 92 | .glyphicon-indent-left            { &:before { content: "\e057"; } }
 93 | .glyphicon-indent-right           { &:before { content: "\e058"; } }
 94 | .glyphicon-facetime-video         { &:before { content: "\e059"; } }
 95 | .glyphicon-picture                { &:before { content: "\e060"; } }
 96 | .glyphicon-map-marker             { &:before { content: "\e062"; } }
 97 | .glyphicon-adjust                 { &:before { content: "\e063"; } }
 98 | .glyphicon-tint                   { &:before { content: "\e064"; } }
 99 | .glyphicon-edit                   { &:before { content: "\e065"; } }
100 | .glyphicon-share                  { &:before { content: "\e066"; } }
101 | .glyphicon-check                  { &:before { content: "\e067"; } }
102 | .glyphicon-move                   { &:before { content: "\e068"; } }
103 | .glyphicon-step-backward          { &:before { content: "\e069"; } }
104 | .glyphicon-fast-backward          { &:before { content: "\e070"; } }
105 | .glyphicon-backward               { &:before { content: "\e071"; } }
106 | .glyphicon-play                   { &:before { content: "\e072"; } }
107 | .glyphicon-pause                  { &:before { content: "\e073"; } }
108 | .glyphicon-stop                   { &:before { content: "\e074"; } }
109 | .glyphicon-forward                { &:before { content: "\e075"; } }
110 | .glyphicon-fast-forward           { &:before { content: "\e076"; } }
111 | .glyphicon-step-forward           { &:before { content: "\e077"; } }
112 | .glyphicon-eject                  { &:before { content: "\e078"; } }
113 | .glyphicon-chevron-left           { &:before { content: "\e079"; } }
114 | .glyphicon-chevron-right          { &:before { content: "\e080"; } }
115 | .glyphicon-plus-sign              { &:before { content: "\e081"; } }
116 | .glyphicon-minus-sign             { &:before { content: "\e082"; } }
117 | .glyphicon-remove-sign            { &:before { content: "\e083"; } }
118 | .glyphicon-ok-sign                { &:before { content: "\e084"; } }
119 | .glyphicon-question-sign          { &:before { content: "\e085"; } }
120 | .glyphicon-info-sign              { &:before { content: "\e086"; } }
121 | .glyphicon-screenshot             { &:before { content: "\e087"; } }
122 | .glyphicon-remove-circle          { &:before { content: "\e088"; } }
123 | .glyphicon-ok-circle              { &:before { content: "\e089"; } }
124 | .glyphicon-ban-circle             { &:before { content: "\e090"; } }
125 | .glyphicon-arrow-left             { &:before { content: "\e091"; } }
126 | .glyphicon-arrow-right            { &:before { content: "\e092"; } }
127 | .glyphicon-arrow-up               { &:before { content: "\e093"; } }
128 | .glyphicon-arrow-down             { &:before { content: "\e094"; } }
129 | .glyphicon-share-alt              { &:before { content: "\e095"; } }
130 | .glyphicon-resize-full            { &:before { content: "\e096"; } }
131 | .glyphicon-resize-small           { &:before { content: "\e097"; } }
132 | .glyphicon-exclamation-sign       { &:before { content: "\e101"; } }
133 | .glyphicon-gift                   { &:before { content: "\e102"; } }
134 | .glyphicon-leaf                   { &:before { content: "\e103"; } }
135 | .glyphicon-eye-open               { &:before { content: "\e105"; } }
136 | .glyphicon-eye-close              { &:before { content: "\e106"; } }
137 | .glyphicon-warning-sign           { &:before { content: "\e107"; } }
138 | .glyphicon-plane                  { &:before { content: "\e108"; } }
139 | .glyphicon-random                 { &:before { content: "\e110"; } }
140 | .glyphicon-comment                { &:before { content: "\e111"; } }
141 | .glyphicon-magnet                 { &:before { content: "\e112"; } }
142 | .glyphicon-chevron-up             { &:before { content: "\e113"; } }
143 | .glyphicon-chevron-down           { &:before { content: "\e114"; } }
144 | .glyphicon-retweet                { &:before { content: "\e115"; } }
145 | .glyphicon-shopping-cart          { &:before { content: "\e116"; } }
146 | .glyphicon-folder-close           { &:before { content: "\e117"; } }
147 | .glyphicon-folder-open            { &:before { content: "\e118"; } }
148 | .glyphicon-resize-vertical        { &:before { content: "\e119"; } }
149 | .glyphicon-resize-horizontal      { &:before { content: "\e120"; } }
150 | .glyphicon-hdd                    { &:before { content: "\e121"; } }
151 | .glyphicon-bullhorn               { &:before { content: "\e122"; } }
152 | .glyphicon-certificate            { &:before { content: "\e124"; } }
153 | .glyphicon-thumbs-up              { &:before { content: "\e125"; } }
154 | .glyphicon-thumbs-down            { &:before { content: "\e126"; } }
155 | .glyphicon-hand-right             { &:before { content: "\e127"; } }
156 | .glyphicon-hand-left              { &:before { content: "\e128"; } }
157 | .glyphicon-hand-up                { &:before { content: "\e129"; } }
158 | .glyphicon-hand-down              { &:before { content: "\e130"; } }
159 | .glyphicon-circle-arrow-right     { &:before { content: "\e131"; } }
160 | .glyphicon-circle-arrow-left      { &:before { content: "\e132"; } }
161 | .glyphicon-circle-arrow-up        { &:before { content: "\e133"; } }
162 | .glyphicon-circle-arrow-down      { &:before { content: "\e134"; } }
163 | .glyphicon-globe                  { &:before { content: "\e135"; } }
164 | .glyphicon-tasks                  { &:before { content: "\e137"; } }
165 | .glyphicon-filter                 { &:before { content: "\e138"; } }
166 | .glyphicon-fullscreen             { &:before { content: "\e140"; } }
167 | .glyphicon-dashboard              { &:before { content: "\e141"; } }
168 | .glyphicon-heart-empty            { &:before { content: "\e143"; } }
169 | .glyphicon-link                   { &:before { content: "\e144"; } }
170 | .glyphicon-phone                  { &:before { content: "\e145"; } }
171 | .glyphicon-usd                    { &:before { content: "\e148"; } }
172 | .glyphicon-gbp                    { &:before { content: "\e149"; } }
173 | .glyphicon-sort                   { &:before { content: "\e150"; } }
174 | .glyphicon-sort-by-alphabet       { &:before { content: "\e151"; } }
175 | .glyphicon-sort-by-alphabet-alt   { &:before { content: "\e152"; } }
176 | .glyphicon-sort-by-order          { &:before { content: "\e153"; } }
177 | .glyphicon-sort-by-order-alt      { &:before { content: "\e154"; } }
178 | .glyphicon-sort-by-attributes     { &:before { content: "\e155"; } }
179 | .glyphicon-sort-by-attributes-alt { &:before { content: "\e156"; } }
180 | .glyphicon-unchecked              { &:before { content: "\e157"; } }
181 | .glyphicon-expand                 { &:before { content: "\e158"; } }
182 | .glyphicon-collapse-down          { &:before { content: "\e159"; } }
183 | .glyphicon-collapse-up            { &:before { content: "\e160"; } }
184 | .glyphicon-log-in                 { &:before { content: "\e161"; } }
185 | .glyphicon-flash                  { &:before { content: "\e162"; } }
186 | .glyphicon-log-out                { &:before { content: "\e163"; } }
187 | .glyphicon-new-window             { &:before { content: "\e164"; } }
188 | .glyphicon-record                 { &:before { content: "\e165"; } }
189 | .glyphicon-save                   { &:before { content: "\e166"; } }
190 | .glyphicon-open                   { &:before { content: "\e167"; } }
191 | .glyphicon-saved                  { &:before { content: "\e168"; } }
192 | .glyphicon-import                 { &:before { content: "\e169"; } }
193 | .glyphicon-export                 { &:before { content: "\e170"; } }
194 | .glyphicon-send                   { &:before { content: "\e171"; } }
195 | .glyphicon-floppy-disk            { &:before { content: "\e172"; } }
196 | .glyphicon-floppy-saved           { &:before { content: "\e173"; } }
197 | .glyphicon-floppy-remove          { &:before { content: "\e174"; } }
198 | .glyphicon-floppy-save            { &:before { content: "\e175"; } }
199 | .glyphicon-floppy-open            { &:before { content: "\e176"; } }
200 | .glyphicon-credit-card            { &:before { content: "\e177"; } }
201 | .glyphicon-transfer               { &:before { content: "\e178"; } }
202 | .glyphicon-cutlery                { &:before { content: "\e179"; } }
203 | .glyphicon-header                 { &:before { content: "\e180"; } }
204 | .glyphicon-compressed             { &:before { content: "\e181"; } }
205 | .glyphicon-earphone               { &:before { content: "\e182"; } }
206 | .glyphicon-phone-alt              { &:before { content: "\e183"; } }
207 | .glyphicon-tower                  { &:before { content: "\e184"; } }
208 | .glyphicon-stats                  { &:before { content: "\e185"; } }
209 | .glyphicon-sd-video               { &:before { content: "\e186"; } }
210 | .glyphicon-hd-video               { &:before { content: "\e187"; } }
211 | .glyphicon-subtitles              { &:before { content: "\e188"; } }
212 | .glyphicon-sound-stereo           { &:before { content: "\e189"; } }
213 | .glyphicon-sound-dolby            { &:before { content: "\e190"; } }
214 | .glyphicon-sound-5-1              { &:before { content: "\e191"; } }
215 | .glyphicon-sound-6-1              { &:before { content: "\e192"; } }
216 | .glyphicon-sound-7-1              { &:before { content: "\e193"; } }
217 | .glyphicon-copyright-mark         { &:before { content: "\e194"; } }
218 | .glyphicon-registration-mark      { &:before { content: "\e195"; } }
219 | .glyphicon-cloud-download         { &:before { content: "\e197"; } }
220 | .glyphicon-cloud-upload           { &:before { content: "\e198"; } }
221 | .glyphicon-tree-conifer           { &:before { content: "\e199"; } }
222 | .glyphicon-tree-deciduous         { &:before { content: "\e200"; } }
223 | .glyphicon-briefcase              { &:before { content: "\1f4bc"; } }
224 | .glyphicon-calendar               { &:before { content: "\1f4c5"; } }
225 | .glyphicon-pushpin                { &:before { content: "\1f4cc"; } }
226 | .glyphicon-paperclip              { &:before { content: "\1f4ce"; } }
227 | .glyphicon-camera                 { &:before { content: "\1f4f7"; } }
228 | .glyphicon-lock                   { &:before { content: "\1f512"; } }
229 | .glyphicon-bell                   { &:before { content: "\1f514"; } }
230 | .glyphicon-bookmark               { &:before { content: "\1f516"; } }
231 | .glyphicon-fire                   { &:before { content: "\1f525"; } }
232 | .glyphicon-wrench                 { &:before { content: "\1f527"; } }
233 | 


--------------------------------------------------------------------------------
/static/css/less/grid.less:
--------------------------------------------------------------------------------
  1 | //
  2 | // Grid system
  3 | // --------------------------------------------------
  4 | 
  5 | 
  6 | // Set the container width, and override it for fixed navbars in media queries
  7 | .container {
  8 |   .container-fixed();
  9 | }
 10 | 
 11 | // mobile first defaults
 12 | .row {
 13 |   .make-row();
 14 | }
 15 | 
 16 | // Common styles for small and large grid columns
 17 | .col-xs-1,
 18 | .col-xs-2,
 19 | .col-xs-3,
 20 | .col-xs-4,
 21 | .col-xs-5,
 22 | .col-xs-6,
 23 | .col-xs-7,
 24 | .col-xs-8,
 25 | .col-xs-9,
 26 | .col-xs-10,
 27 | .col-xs-11,
 28 | .col-xs-12,
 29 | .col-sm-1,
 30 | .col-sm-2,
 31 | .col-sm-3,
 32 | .col-sm-4,
 33 | .col-sm-5,
 34 | .col-sm-6,
 35 | .col-sm-7,
 36 | .col-sm-8,
 37 | .col-sm-9,
 38 | .col-sm-10,
 39 | .col-sm-11,
 40 | .col-sm-12,
 41 | .col-md-1,
 42 | .col-md-2,
 43 | .col-md-3,
 44 | .col-md-4,
 45 | .col-md-5,
 46 | .col-md-6,
 47 | .col-md-7,
 48 | .col-md-8,
 49 | .col-md-9,
 50 | .col-md-10,
 51 | .col-md-11,
 52 | .col-md-12,
 53 | .col-lg-1,
 54 | .col-lg-2,
 55 | .col-lg-3,
 56 | .col-lg-4,
 57 | .col-lg-5,
 58 | .col-lg-6,
 59 | .col-lg-7,
 60 | .col-lg-8,
 61 | .col-lg-9,
 62 | .col-lg-10,
 63 | .col-lg-11,
 64 | .col-lg-12 {
 65 |   position: relative;
 66 |   // Prevent columns from collapsing when empty
 67 |   min-height: 1px;
 68 |   // Inner gutter via padding
 69 |   padding-left:  (@grid-gutter-width / 2);
 70 |   padding-right: (@grid-gutter-width / 2);
 71 | }
 72 | 
 73 | 
 74 | // Extra small grid
 75 | //
 76 | // Grid classes for extra small devices like smartphones. No offset, push, or
 77 | // pull classes are present here due to the size of the target.
 78 | //
 79 | // Note that `.col-xs-12` doesn't get floated on purpose—there's no need since
 80 | // it's full-width.
 81 | 
 82 | .col-xs-1,
 83 | .col-xs-2,
 84 | .col-xs-3,
 85 | .col-xs-4,
 86 | .col-xs-5,
 87 | .col-xs-6,
 88 | .col-xs-7,
 89 | .col-xs-8,
 90 | .col-xs-9,
 91 | .col-xs-10,
 92 | .col-xs-11 {
 93 |   float: left;
 94 | }
 95 | .col-xs-1  { width: percentage((1 / @grid-columns)); }
 96 | .col-xs-2  { width: percentage((2 / @grid-columns)); }
 97 | .col-xs-3  { width: percentage((3 / @grid-columns)); }
 98 | .col-xs-4  { width: percentage((4 / @grid-columns)); }
 99 | .col-xs-5  { width: percentage((5 / @grid-columns)); }
100 | .col-xs-6  { width: percentage((6 / @grid-columns)); }
101 | .col-xs-7  { width: percentage((7 / @grid-columns)); }
102 | .col-xs-8  { width: percentage((8 / @grid-columns)); }
103 | .col-xs-9  { width: percentage((9 / @grid-columns)); }
104 | .col-xs-10 { width: percentage((10/ @grid-columns)); }
105 | .col-xs-11 { width: percentage((11/ @grid-columns)); }
106 | .col-xs-12 { width: 100%; }
107 | 
108 | 
109 | // Small grid
110 | //
111 | // Columns, offsets, pushes, and pulls for the small device range, from phones
112 | // to tablets.
113 | //
114 | // Note that `.col-sm-12` doesn't get floated on purpose—there's no need since
115 | // it's full-width.
116 | 
117 | @media (min-width: @screen-tablet) {
118 |   .container {
119 |     max-width: @container-tablet;
120 |   }
121 | 
122 |   .col-sm-1,
123 |   .col-sm-2,
124 |   .col-sm-3,
125 |   .col-sm-4,
126 |   .col-sm-5,
127 |   .col-sm-6,
128 |   .col-sm-7,
129 |   .col-sm-8,
130 |   .col-sm-9,
131 |   .col-sm-10,
132 |   .col-sm-11 {
133 |     float: left;
134 |   }
135 |   .col-sm-1  { width: percentage((1 / @grid-columns)); }
136 |   .col-sm-2  { width: percentage((2 / @grid-columns)); }
137 |   .col-sm-3  { width: percentage((3 / @grid-columns)); }
138 |   .col-sm-4  { width: percentage((4 / @grid-columns)); }
139 |   .col-sm-5  { width: percentage((5 / @grid-columns)); }
140 |   .col-sm-6  { width: percentage((6 / @grid-columns)); }
141 |   .col-sm-7  { width: percentage((7 / @grid-columns)); }
142 |   .col-sm-8  { width: percentage((8 / @grid-columns)); }
143 |   .col-sm-9  { width: percentage((9 / @grid-columns)); }
144 |   .col-sm-10 { width: percentage((10/ @grid-columns)); }
145 |   .col-sm-11 { width: percentage((11/ @grid-columns)); }
146 |   .col-sm-12 { width: 100%; }
147 | 
148 |   // Push and pull columns for source order changes
149 |   .col-sm-push-1  { left: percentage((1 / @grid-columns)); }
150 |   .col-sm-push-2  { left: percentage((2 / @grid-columns)); }
151 |   .col-sm-push-3  { left: percentage((3 / @grid-columns)); }
152 |   .col-sm-push-4  { left: percentage((4 / @grid-columns)); }
153 |   .col-sm-push-5  { left: percentage((5 / @grid-columns)); }
154 |   .col-sm-push-6  { left: percentage((6 / @grid-columns)); }
155 |   .col-sm-push-7  { left: percentage((7 / @grid-columns)); }
156 |   .col-sm-push-8  { left: percentage((8 / @grid-columns)); }
157 |   .col-sm-push-9  { left: percentage((9 / @grid-columns)); }
158 |   .col-sm-push-10 { left: percentage((10/ @grid-columns)); }
159 |   .col-sm-push-11 { left: percentage((11/ @grid-columns)); }
160 | 
161 |   .col-sm-pull-1  { right: percentage((1 / @grid-columns)); }
162 |   .col-sm-pull-2  { right: percentage((2 / @grid-columns)); }
163 |   .col-sm-pull-3  { right: percentage((3 / @grid-columns)); }
164 |   .col-sm-pull-4  { right: percentage((4 / @grid-columns)); }
165 |   .col-sm-pull-5  { right: percentage((5 / @grid-columns)); }
166 |   .col-sm-pull-6  { right: percentage((6 / @grid-columns)); }
167 |   .col-sm-pull-7  { right: percentage((7 / @grid-columns)); }
168 |   .col-sm-pull-8  { right: percentage((8 / @grid-columns)); }
169 |   .col-sm-pull-9  { right: percentage((9 / @grid-columns)); }
170 |   .col-sm-pull-10 { right: percentage((10/ @grid-columns)); }
171 |   .col-sm-pull-11 { right: percentage((11/ @grid-columns)); }
172 | 
173 |   // Offsets
174 |   .col-sm-offset-1  { margin-left: percentage((1 / @grid-columns)); }
175 |   .col-sm-offset-2  { margin-left: percentage((2 / @grid-columns)); }
176 |   .col-sm-offset-3  { margin-left: percentage((3 / @grid-columns)); }
177 |   .col-sm-offset-4  { margin-left: percentage((4 / @grid-columns)); }
178 |   .col-sm-offset-5  { margin-left: percentage((5 / @grid-columns)); }
179 |   .col-sm-offset-6  { margin-left: percentage((6 / @grid-columns)); }
180 |   .col-sm-offset-7  { margin-left: percentage((7 / @grid-columns)); }
181 |   .col-sm-offset-8  { margin-left: percentage((8 / @grid-columns)); }
182 |   .col-sm-offset-9  { margin-left: percentage((9 / @grid-columns)); }
183 |   .col-sm-offset-10 { margin-left: percentage((10/ @grid-columns)); }
184 |   .col-sm-offset-11 { margin-left: percentage((11/ @grid-columns)); }
185 | }
186 | 
187 | 
188 | // Medium grid
189 | //
190 | // Columns, offsets, pushes, and pulls for the desktop device range.
191 | //
192 | // Note that `.col-md-12` doesn't get floated on purpose—there's no need since
193 | // it's full-width.
194 | 
195 | @media (min-width: @screen-desktop) {
196 |   .container {
197 |     max-width: @container-desktop;
198 |   }
199 |   .col-md-1,
200 |   .col-md-2,
201 |   .col-md-3,
202 |   .col-md-4,
203 |   .col-md-5,
204 |   .col-md-6,
205 |   .col-md-7,
206 |   .col-md-8,
207 |   .col-md-9,
208 |   .col-md-10,
209 |   .col-md-11 {
210 |     float: left;
211 |   }
212 |   .col-md-1  { width: percentage((1 / @grid-columns)); }
213 |   .col-md-2  { width: percentage((2 / @grid-columns)); }
214 |   .col-md-3  { width: percentage((3 / @grid-columns)); }
215 |   .col-md-4  { width: percentage((4 / @grid-columns)); }
216 |   .col-md-5  { width: percentage((5 / @grid-columns)); }
217 |   .col-md-6  { width: percentage((6 / @grid-columns)); }
218 |   .col-md-7  { width: percentage((7 / @grid-columns)); }
219 |   .col-md-8  { width: percentage((8 / @grid-columns)); }
220 |   .col-md-9  { width: percentage((9 / @grid-columns)); }
221 |   .col-md-10 { width: percentage((10/ @grid-columns)); }
222 |   .col-md-11 { width: percentage((11/ @grid-columns)); }
223 |   .col-md-12 { width: 100%; }
224 | 
225 |   // Push and pull columns for source order changes
226 |   .col-md-push-0  { left: auto; }
227 |   .col-md-push-1  { left: percentage((1 / @grid-columns)); }
228 |   .col-md-push-2  { left: percentage((2 / @grid-columns)); }
229 |   .col-md-push-3  { left: percentage((3 / @grid-columns)); }
230 |   .col-md-push-4  { left: percentage((4 / @grid-columns)); }
231 |   .col-md-push-5  { left: percentage((5 / @grid-columns)); }
232 |   .col-md-push-6  { left: percentage((6 / @grid-columns)); }
233 |   .col-md-push-7  { left: percentage((7 / @grid-columns)); }
234 |   .col-md-push-8  { left: percentage((8 / @grid-columns)); }
235 |   .col-md-push-9  { left: percentage((9 / @grid-columns)); }
236 |   .col-md-push-10 { left: percentage((10/ @grid-columns)); }
237 |   .col-md-push-11 { left: percentage((11/ @grid-columns)); }
238 | 
239 |   .col-md-pull-0  { right: auto; }
240 |   .col-md-pull-1  { right: percentage((1 / @grid-columns)); }
241 |   .col-md-pull-2  { right: percentage((2 / @grid-columns)); }
242 |   .col-md-pull-3  { right: percentage((3 / @grid-columns)); }
243 |   .col-md-pull-4  { right: percentage((4 / @grid-columns)); }
244 |   .col-md-pull-5  { right: percentage((5 / @grid-columns)); }
245 |   .col-md-pull-6  { right: percentage((6 / @grid-columns)); }
246 |   .col-md-pull-7  { right: percentage((7 / @grid-columns)); }
247 |   .col-md-pull-8  { right: percentage((8 / @grid-columns)); }
248 |   .col-md-pull-9  { right: percentage((9 / @grid-columns)); }
249 |   .col-md-pull-10 { right: percentage((10/ @grid-columns)); }
250 |   .col-md-pull-11 { right: percentage((11/ @grid-columns)); }
251 | 
252 |   // Offsets
253 |   .col-md-offset-0  { margin-left: 0; }
254 |   .col-md-offset-1  { margin-left: percentage((1 / @grid-columns)); }
255 |   .col-md-offset-2  { margin-left: percentage((2 / @grid-columns)); }
256 |   .col-md-offset-3  { margin-left: percentage((3 / @grid-columns)); }
257 |   .col-md-offset-4  { margin-left: percentage((4 / @grid-columns)); }
258 |   .col-md-offset-5  { margin-left: percentage((5 / @grid-columns)); }
259 |   .col-md-offset-6  { margin-left: percentage((6 / @grid-columns)); }
260 |   .col-md-offset-7  { margin-left: percentage((7 / @grid-columns)); }
261 |   .col-md-offset-8  { margin-left: percentage((8 / @grid-columns)); }
262 |   .col-md-offset-9  { margin-left: percentage((9 / @grid-columns)); }
263 |   .col-md-offset-10 { margin-left: percentage((10/ @grid-columns)); }
264 |   .col-md-offset-11 { margin-left: percentage((11/ @grid-columns)); }
265 | }
266 | 
267 | 
268 | // Large grid
269 | //
270 | // Columns, offsets, pushes, and pulls for the large desktop device range.
271 | //
272 | // Note that `.col-lg-12` doesn't get floated on purpose—there's no need since
273 | // it's full-width.
274 | 
275 | @media (min-width: @screen-lg-desktop) {
276 |   .container {
277 |     max-width: @container-lg-desktop;
278 |   }
279 | 
280 |   .col-lg-1,
281 |   .col-lg-2,
282 |   .col-lg-3,
283 |   .col-lg-4,
284 |   .col-lg-5,
285 |   .col-lg-6,
286 |   .col-lg-7,
287 |   .col-lg-8,
288 |   .col-lg-9,
289 |   .col-lg-10,
290 |   .col-lg-11 {
291 |     float: left;
292 |   }
293 |   .col-lg-1  { width: percentage((1 / @grid-columns)); }
294 |   .col-lg-2  { width: percentage((2 / @grid-columns)); }
295 |   .col-lg-3  { width: percentage((3 / @grid-columns)); }
296 |   .col-lg-4  { width: percentage((4 / @grid-columns)); }
297 |   .col-lg-5  { width: percentage((5 / @grid-columns)); }
298 |   .col-lg-6  { width: percentage((6 / @grid-columns)); }
299 |   .col-lg-7  { width: percentage((7 / @grid-columns)); }
300 |   .col-lg-8  { width: percentage((8 / @grid-columns)); }
301 |   .col-lg-9  { width: percentage((9 / @grid-columns)); }
302 |   .col-lg-10 { width: percentage((10/ @grid-columns)); }
303 |   .col-lg-11 { width: percentage((11/ @grid-columns)); }
304 |   .col-lg-12 { width: 100%; }
305 | 
306 |   // Push and pull columns for source order changes
307 |   .col-lg-push-0  { left: auto; }
308 |   .col-lg-push-1  { left: percentage((1 / @grid-columns)); }
309 |   .col-lg-push-2  { left: percentage((2 / @grid-columns)); }
310 |   .col-lg-push-3  { left: percentage((3 / @grid-columns)); }
311 |   .col-lg-push-4  { left: percentage((4 / @grid-columns)); }
312 |   .col-lg-push-5  { left: percentage((5 / @grid-columns)); }
313 |   .col-lg-push-6  { left: percentage((6 / @grid-columns)); }
314 |   .col-lg-push-7  { left: percentage((7 / @grid-columns)); }
315 |   .col-lg-push-8  { left: percentage((8 / @grid-columns)); }
316 |   .col-lg-push-9  { left: percentage((9 / @grid-columns)); }
317 |   .col-lg-push-10 { left: percentage((10/ @grid-columns)); }
318 |   .col-lg-push-11 { left: percentage((11/ @grid-columns)); }
319 | 
320 |   .col-lg-pull-0  { right: auto; }
321 |   .col-lg-pull-1  { right: percentage((1 / @grid-columns)); }
322 |   .col-lg-pull-2  { right: percentage((2 / @grid-columns)); }
323 |   .col-lg-pull-3  { right: percentage((3 / @grid-columns)); }
324 |   .col-lg-pull-4  { right: percentage((4 / @grid-columns)); }
325 |   .col-lg-pull-5  { right: percentage((5 / @grid-columns)); }
326 |   .col-lg-pull-6  { right: percentage((6 / @grid-columns)); }
327 |   .col-lg-pull-7  { right: percentage((7 / @grid-columns)); }
328 |   .col-lg-pull-8  { right: percentage((8 / @grid-columns)); }
329 |   .col-lg-pull-9  { right: percentage((9 / @grid-columns)); }
330 |   .col-lg-pull-10 { right: percentage((10/ @grid-columns)); }
331 |   .col-lg-pull-11 { right: percentage((11/ @grid-columns)); }
332 | 
333 |   // Offsets
334 |   .col-lg-offset-0  { margin-left: 0; }
335 |   .col-lg-offset-1  { margin-left: percentage((1 / @grid-columns)); }
336 |   .col-lg-offset-2  { margin-left: percentage((2 / @grid-columns)); }
337 |   .col-lg-offset-3  { margin-left: percentage((3 / @grid-columns)); }
338 |   .col-lg-offset-4  { margin-left: percentage((4 / @grid-columns)); }
339 |   .col-lg-offset-5  { margin-left: percentage((5 / @grid-columns)); }
340 |   .col-lg-offset-6  { margin-left: percentage((6 / @grid-columns)); }
341 |   .col-lg-offset-7  { margin-left: percentage((7 / @grid-columns)); }
342 |   .col-lg-offset-8  { margin-left: percentage((8 / @grid-columns)); }
343 |   .col-lg-offset-9  { margin-left: percentage((9 / @grid-columns)); }
344 |   .col-lg-offset-10 { margin-left: percentage((10/ @grid-columns)); }
345 |   .col-lg-offset-11 { margin-left: percentage((11/ @grid-columns)); }
346 | }
347 | 


--------------------------------------------------------------------------------
/static/css/less/input-groups.less:
--------------------------------------------------------------------------------
  1 | //
  2 | // Input groups
  3 | // --------------------------------------------------
  4 | 
  5 | // Base styles
  6 | // -------------------------
  7 | .input-group {
  8 |   position: relative; // For dropdowns
  9 |   display: table;
 10 |   border-collapse: separate; // prevent input groups from inheriting border styles from table cells when placed within a table
 11 | 
 12 |   // Undo padding and float of grid classes
 13 |   &.col {
 14 |     float: none;
 15 |     padding-left: 0;
 16 |     padding-right: 0;
 17 |   }
 18 | 
 19 |   .form-control {
 20 |     width: 100%;
 21 |     margin-bottom: 0;
 22 |   }
 23 | }
 24 | 
 25 | // Sizing options
 26 | //
 27 | // Remix the default form control sizing classes into new ones for easier
 28 | // manipulation.
 29 | 
 30 | .input-group-lg > .form-control,
 31 | .input-group-lg > .input-group-addon,
 32 | .input-group-lg > .input-group-btn > .btn { .input-lg(); }
 33 | .input-group-sm > .form-control,
 34 | .input-group-sm > .input-group-addon,
 35 | .input-group-sm > .input-group-btn > .btn { .input-sm(); }
 36 | 
 37 | 
 38 | // Display as table-cell
 39 | // -------------------------
 40 | .input-group-addon,
 41 | .input-group-btn,
 42 | .input-group .form-control {
 43 |   display: table-cell;
 44 | 
 45 |   &:not(:first-child):not(:last-child) {
 46 |     border-radius: 0;
 47 |   }
 48 | }
 49 | // Addon and addon wrapper for buttons
 50 | .input-group-addon,
 51 | .input-group-btn {
 52 |   width: 1%;
 53 |   white-space: nowrap;
 54 |   vertical-align: middle; // Match the inputs
 55 | }
 56 | 
 57 | // Text input groups
 58 | // -------------------------
 59 | .input-group-addon {
 60 |   padding: @padding-base-vertical @padding-base-horizontal;
 61 |   font-size: @font-size-base;
 62 |   font-weight: normal;
 63 |   line-height: 1;
 64 |   text-align: center;
 65 |   background-color: @input-group-addon-bg;
 66 |   border: 1px solid @input-group-addon-border-color;
 67 |   border-radius: @border-radius-base;
 68 | 
 69 |   // Sizing
 70 |   &.input-sm {
 71 |     padding: @padding-small-vertical @padding-small-horizontal;
 72 |     font-size: @font-size-small;
 73 |     border-radius: @border-radius-small;
 74 |   }
 75 |   &.input-lg {
 76 |     padding: @padding-large-vertical @padding-large-horizontal;
 77 |     font-size: @font-size-large;
 78 |     border-radius: @border-radius-large;
 79 |   }
 80 | 
 81 |   // Nuke default margins from checkboxes and radios to vertically center within.
 82 |   input[type="radio"],
 83 |   input[type="checkbox"] {
 84 |     margin-top: 0;
 85 |   }
 86 | }
 87 | 
 88 | // Reset rounded corners
 89 | .input-group .form-control:first-child,
 90 | .input-group-addon:first-child,
 91 | .input-group-btn:first-child > .btn,
 92 | .input-group-btn:first-child > .dropdown-toggle,
 93 | .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
 94 |   .border-right-radius(0);
 95 | }
 96 | .input-group-addon:first-child {
 97 |   border-right: 0;
 98 | }
 99 | .input-group .form-control:last-child,
100 | .input-group-addon:last-child,
101 | .input-group-btn:last-child > .btn,
102 | .input-group-btn:last-child > .dropdown-toggle,
103 | .input-group-btn:first-child > .btn:not(:first-child) {
104 |   .border-left-radius(0);
105 | }
106 | .input-group-addon:last-child {
107 |   border-left: 0;
108 | }
109 | 
110 | // Button input groups
111 | // -------------------------
112 | .input-group-btn {
113 |   position: relative;
114 |   white-space: nowrap;
115 | }
116 | .input-group-btn > .btn {
117 |   position: relative;
118 |   // Jankily prevent input button groups from wrapping
119 |   + .btn {
120 |     margin-left: -4px;
121 |   }
122 |   // Bring the "active" button to the front
123 |   &:hover,
124 |   &:active {
125 |     z-index: 2;
126 |   }
127 | }
128 | 


--------------------------------------------------------------------------------
/static/css/less/jumbotron.less:
--------------------------------------------------------------------------------
 1 | //
 2 | // Jumbotron
 3 | // --------------------------------------------------
 4 | 
 5 | 
 6 | .jumbotron {
 7 |   padding: @jumbotron-padding;
 8 |   margin-bottom: @jumbotron-padding;
 9 |   font-size: (@font-size-base * 1.5);
10 |   font-weight: 200;
11 |   line-height: (@line-height-base * 1.5);
12 |   color: @jumbotron-color;
13 |   background-color: @jumbotron-bg;
14 | 
15 |   h1 {
16 |     line-height: 1;
17 |     color: @jumbotron-heading-color;
18 |   }
19 |   p {
20 |     line-height: 1.4;
21 |   }
22 | 
23 |   .container & {
24 |     border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container
25 |   }
26 | 
27 |   @media screen and (min-width: @screen-tablet) {
28 |     padding-top:    (@jumbotron-padding * 1.6);
29 |     padding-bottom: (@jumbotron-padding * 1.6);
30 | 
31 |     .container & {
32 |       padding-left:  (@jumbotron-padding * 2);
33 |       padding-right: (@jumbotron-padding * 2);
34 |     }
35 | 
36 |     h1 {
37 |       font-size: (@font-size-base * 4.5);
38 |     }
39 |   }
40 | }
41 | 


--------------------------------------------------------------------------------
/static/css/less/labels.less:
--------------------------------------------------------------------------------
 1 | //
 2 | // Labels
 3 | // --------------------------------------------------
 4 | 
 5 | .label {
 6 |   display: inline;
 7 |   padding: .2em .6em .3em;
 8 |   font-size: 75%;
 9 |   font-weight: bold;
10 |   line-height: 1;
11 |   color: @label-color;
12 |   text-align: center;
13 |   white-space: nowrap;
14 |   vertical-align: baseline;
15 |   border-radius: .25em;
16 | 
17 |   // Add hover effects, but only for links
18 |   &[href] {
19 |     &:hover,
20 |     &:focus {
21 |       color: @label-link-hover-color;
22 |       text-decoration: none;
23 |       cursor: pointer;
24 |     }
25 |   }
26 | 
27 |   // Empty labels collapse automatically (not available in IE8)
28 |   &:empty {
29 |     display: none;
30 |   }
31 | }
32 | 
33 | // Colors
34 | // Contextual variations (linked labels get darker on :hover)
35 | 
36 | .label-default {
37 |   .label-variant(@label-default-bg);
38 | }
39 | 
40 | .label-primary {
41 |   .label-variant(@label-primary-bg);
42 | }
43 | 
44 | .label-success {
45 |   .label-variant(@label-success-bg);
46 | }
47 | 
48 | .label-info {
49 |   .label-variant(@label-info-bg);
50 | }
51 | 
52 | .label-warning {
53 |   .label-variant(@label-warning-bg);
54 | }
55 | 
56 | .label-danger {
57 |   .label-variant(@label-danger-bg);
58 | }
59 | 


--------------------------------------------------------------------------------
/static/css/less/list-group.less:
--------------------------------------------------------------------------------
 1 | //
 2 | // List groups
 3 | // --------------------------------------------------
 4 | 
 5 | // Base class
 6 | //
 7 | // Easily usable on <ul>, <ol>, or <div>.
 8 | .list-group {
 9 |   // No need to set list-style: none; since .list-group-item is block level
10 |   margin-bottom: 20px;
11 |   padding-left: 0; // reset padding because ul and ol
12 | }
13 | 
14 | // Individual list items
15 | // -------------------------
16 | 
17 | .list-group-item {
18 |   position: relative;
19 |   display: block;
20 |   padding: 10px 15px;
21 |   // Place the border on the list items and negative margin up for better styling
22 |   margin-bottom: -1px;
23 |   background-color: @list-group-bg;
24 |   border: 1px solid @list-group-border;
25 | 
26 |   // Round the first and last items
27 |   &:first-child {
28 |     .border-top-radius(@list-group-border-radius);
29 |   }
30 |   &:last-child {
31 |     margin-bottom: 0;
32 |     .border-bottom-radius(@list-group-border-radius);
33 |   }
34 | 
35 |   // Align badges within list items
36 |   > .badge {
37 |     float: right;
38 |   }
39 |   > .badge + .badge {
40 |     margin-right: 5px;
41 |   }
42 | 
43 |   // Linked list items
44 |   a& {
45 |     color: @list-group-link-color;
46 | 
47 |     .list-group-item-heading {
48 |       color: @list-group-link-heading-color;
49 |     }
50 | 
51 |     // Hover state
52 |     &:hover,
53 |     &:focus {
54 |       text-decoration: none;
55 |       background-color: @list-group-hover-bg;
56 |     }
57 |   }
58 | 
59 |   // Active class on item itself, not parent
60 |   &.active,
61 |   &.active:hover,
62 |   &.active:focus {
63 |     z-index: 2; // Place active items above their siblings for proper border styling
64 |     color: @list-group-active-color;
65 |     background-color: @list-group-active-bg;
66 |     border-color: @list-group-active-border;
67 | 
68 |     // Force color to inherit for custom content
69 |     .list-group-item-heading {
70 |       color: inherit;
71 |     }
72 |     .list-group-item-text {
73 |       color: lighten(@list-group-active-bg, 40%);
74 |     }
75 |   }
76 | }
77 | 
78 | // Custom content options
79 | // -------------------------
80 | 
81 | .list-group-item-heading {
82 |   margin-top: 0;
83 |   margin-bottom: 5px;
84 | }
85 | .list-group-item-text {
86 |   margin-bottom: 0;
87 |   line-height: 1.3;
88 | }
89 | 


--------------------------------------------------------------------------------
/static/css/less/media.less:
--------------------------------------------------------------------------------
 1 | // Media objects
 2 | // Source: http://stubbornella.org/content/?p=497
 3 | // --------------------------------------------------
 4 | 
 5 | 
 6 | // Common styles
 7 | // -------------------------
 8 | 
 9 | // Clear the floats
10 | .media,
11 | .media-body {
12 |   overflow: hidden;
13 |   zoom: 1;
14 | }
15 | 
16 | // Proper spacing between instances of .media
17 | .media,
18 | .media .media {
19 |   margin-top: 15px;
20 | }
21 | .media:first-child {
22 |   margin-top: 0;
23 | }
24 | 
25 | // For images and videos, set to block
26 | .media-object {
27 |   display: block;
28 | }
29 | 
30 | // Reset margins on headings for tighter default spacing
31 | .media-heading {
32 |   margin: 0 0 5px;
33 | }
34 | 
35 | 
36 | // Media image alignment
37 | // -------------------------
38 | 
39 | .media {
40 |   > .pull-left {
41 |     margin-right: 10px;
42 |   }
43 |   > .pull-right {
44 |     margin-left: 10px;
45 |   }
46 | }
47 | 
48 | 
49 | // Media list variation
50 | // -------------------------
51 | 
52 | // Undo default ul/ol styles
53 | .media-list {
54 |   padding-left: 0;
55 |   list-style: none;
56 | }
57 | 


--------------------------------------------------------------------------------
/static/css/less/modals.less:
--------------------------------------------------------------------------------
  1 | //
  2 | // Modals
  3 | // --------------------------------------------------
  4 | 
  5 | // .modal-open      - body class for killing the scroll
  6 | // .modal           - container to scroll within
  7 | // .modal-dialog    - positioning shell for the actual modal
  8 | // .modal-content   - actual modal w/ bg and corners and shit
  9 | 
 10 | // Kill the scroll on the body
 11 | .modal-open {
 12 |   overflow: hidden;
 13 | 
 14 | 
 15 |   // Account for hiding of scrollbar
 16 |   body&,
 17 |   .navbar-fixed-top,
 18 |   .navbar-fixed-bottom {
 19 |     margin-right: 15px
 20 |   }
 21 | }
 22 | 
 23 | // Container that the modal scrolls within
 24 | .modal {
 25 |   display: none;
 26 |   overflow: auto;
 27 |   overflow-y: scroll;
 28 |   position: fixed;
 29 |   top: 0;
 30 |   right: 0;
 31 |   bottom: 0;
 32 |   left: 0;
 33 |   z-index: @zindex-modal-background;
 34 | 
 35 |   // When fading in the modal, animate it to slide down
 36 |   &.fade .modal-dialog {
 37 |     .translate(0, -25%);
 38 |     .transition-transform(~"0.3s ease-out");
 39 |   }
 40 |   &.in .modal-dialog { .translate(0, 0)}
 41 | }
 42 | 
 43 | // Shell div to position the modal with bottom padding
 44 | .modal-dialog {
 45 |   margin-left: auto;
 46 |   margin-right: auto;
 47 |   width: auto;
 48 |   padding: 10px;
 49 |   z-index: (@zindex-modal-background + 10);
 50 | }
 51 | 
 52 | // Actual modal
 53 | .modal-content {
 54 |   position: relative;
 55 |   background-color: @modal-content-bg;
 56 |   border: 1px solid @modal-content-fallback-border-color; //old browsers fallback (ie8 etc)
 57 |   border: 1px solid @modal-content-border-color;
 58 |   border-radius: @border-radius-large;
 59 |   .box-shadow(0 3px 9px rgba(0,0,0,.5));
 60 |   background-clip: padding-box;
 61 |   // Remove focus outline from opened modal
 62 |   outline: none;
 63 | }
 64 | 
 65 | // Modal background
 66 | .modal-backdrop {
 67 |   position: fixed;
 68 |   top: 0;
 69 |   right: 0;
 70 |   bottom: 0;
 71 |   left: 0;
 72 |   z-index: (@zindex-modal-background - 10);
 73 |   background-color: @modal-backdrop-bg;
 74 |   // Fade for backdrop
 75 |   &.fade { .opacity(0); }
 76 |   &.in { .opacity(.5); }
 77 | }
 78 | 
 79 | // Modal header
 80 | // Top section of the modal w/ title and dismiss
 81 | .modal-header {
 82 |   padding: @modal-title-padding;
 83 |   border-bottom: 1px solid @modal-header-border-color;
 84 |   min-height: (@modal-title-padding + @modal-title-line-height);
 85 | }
 86 | // Close icon
 87 | .modal-header .close {
 88 |   margin-top: -2px;
 89 | }
 90 | 
 91 | // Title text within header
 92 | .modal-title {
 93 |   margin: 0;
 94 |   line-height: @modal-title-line-height;
 95 | }
 96 | 
 97 | // Modal body
 98 | // Where all modal content resides (sibling of .modal-header and .modal-footer)
 99 | .modal-body {
100 |   position: relative;
101 |   padding: @modal-inner-padding;
102 | }
103 | 
104 | // Footer (for actions)
105 | .modal-footer {
106 |   margin-top: 15px;
107 |   padding: (@modal-inner-padding - 1) @modal-inner-padding @modal-inner-padding;
108 |   text-align: right; // right align buttons
109 |   border-top: 1px solid @modal-footer-border-color;
110 |   .clearfix(); // clear it in case folks use .pull-* classes on buttons
111 | 
112 |   // Properly space out buttons
113 |   .btn + .btn {
114 |     margin-left: 5px;
115 |     margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs
116 |   }
117 |   // but override that for button groups
118 |   .btn-group .btn + .btn {
119 |     margin-left: -1px;
120 |   }
121 |   // and override it for block buttons as well
122 |   .btn-block + .btn-block {
123 |     margin-left: 0;
124 |   }
125 | }
126 | 
127 | // Scale up the modal
128 | @media screen and (min-width: @screen-tablet) {
129 | 
130 |   .modal-dialog {
131 |     left: 50%;
132 |     right: auto;
133 |     width: 600px;
134 |     padding-top: 30px;
135 |     padding-bottom: 30px;
136 |   }
137 |   .modal-content {
138 |     .box-shadow(0 5px 15px rgba(0,0,0,.5));
139 |   }
140 | 
141 | }
142 | 


--------------------------------------------------------------------------------
/static/css/less/navbar.less:
--------------------------------------------------------------------------------
  1 | //
  2 | // Navbars
  3 | // --------------------------------------------------
  4 | 
  5 | 
  6 | // Wrapper and base class
  7 | //
  8 | // Provide a static navbar from which we expand to create full-width, fixed, and
  9 | // other navbar variations.
 10 | 
 11 | .navbar {
 12 |   position: relative;
 13 |   z-index: @zindex-navbar;
 14 |   min-height: @navbar-height; // Ensure a navbar always shows (e.g., without a .navbar-brand in collapsed mode)
 15 |   margin-bottom: @navbar-margin-bottom;
 16 |   border: 1px solid transparent;
 17 | 
 18 |   // Prevent floats from breaking the navbar
 19 |   .clearfix();
 20 | 
 21 |   @media (min-width: @grid-float-breakpoint) {
 22 |     border-radius: @navbar-border-radius;
 23 |   }
 24 | }
 25 | 
 26 | 
 27 | // Navbar heading
 28 | //
 29 | // Groups `.navbar-brand` and `.navbar-toggle` into a single component for easy
 30 | // styling of responsive aspects.
 31 | 
 32 | .navbar-header {
 33 |   .clearfix();
 34 | 
 35 |   @media (min-width: @grid-float-breakpoint) {
 36 |     float: left;
 37 |   }
 38 | }
 39 | 
 40 | 
 41 | // Navbar collapse (body)
 42 | //
 43 | // Group your navbar content into this for easy collapsing and expanding across
 44 | // various device sizes. By default, this content is collapsed when <768px, but
 45 | // will expand past that for a horizontal display.
 46 | //
 47 | // To start (on mobile devices) the navbar links, forms, and buttons are stacked
 48 | // vertically and include a `max-height` to overflow in case you have too much
 49 | // content for the user's viewport.
 50 | 
 51 | .navbar-collapse {
 52 |   max-height: 340px;
 53 |   overflow-x: visible;
 54 |   padding-right: @navbar-padding-horizontal;
 55 |   padding-left:  @navbar-padding-horizontal;
 56 |   border-top: 1px solid transparent;
 57 |   box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
 58 |   .clearfix();
 59 |   -webkit-overflow-scrolling: touch;
 60 | 
 61 |   &.in {
 62 |     overflow-y: auto;
 63 |   }
 64 | 
 65 |   @media (min-width: @grid-float-breakpoint) {
 66 |     width: auto;
 67 |     border-top: 0;
 68 |     box-shadow: none;
 69 | 
 70 |     &.collapse {
 71 |       display: block !important;
 72 |       height: auto !important;
 73 |       padding-bottom: 0; // Override default setting
 74 |       overflow: visible !important;
 75 |     }
 76 | 
 77 |     &.in {
 78 |       overflow-y: visible;
 79 |     }
 80 | 
 81 |     // Account for first and last children spacing
 82 |     .navbar-nav.navbar-left:first-child {
 83 |       margin-left: -@navbar-padding-horizontal;
 84 |     }
 85 |     .navbar-nav.navbar-right:last-child {
 86 |       margin-right: -@navbar-padding-horizontal;
 87 |     }
 88 |     .navbar-text:last-child {
 89 |       margin-right: 0;
 90 |     }
 91 |   }
 92 | }
 93 | 
 94 | 
 95 | // Both navbar header and collapse
 96 | //
 97 | // When a container is present, change the behavior of the header and collapse.
 98 | 
 99 | .container > .navbar-header,
100 | .container > .navbar-collapse {
101 |   margin-right: -@navbar-padding-horizontal;
102 |   margin-left:  -@navbar-padding-horizontal;
103 | 
104 |   @media (min-width: @grid-float-breakpoint) {
105 |     margin-right: 0;
106 |     margin-left:  0;
107 |   }
108 | }
109 | 
110 | 
111 | //
112 | // Navbar alignment options
113 | //
114 | // Display the navbar across the entirity of the page or fixed it to the top or
115 | // bottom of the page.
116 | 
117 | // Static top (unfixed, but 100% wide) navbar
118 | .navbar-static-top {
119 |   border-width: 0 0 1px;
120 |   @media (min-width: @grid-float-breakpoint) {
121 |     border-radius: 0;
122 |   }
123 | }
124 | 
125 | // Fix the top/bottom navbars when screen real estate supports it
126 | .navbar-fixed-top,
127 | .navbar-fixed-bottom {
128 |   position: fixed;
129 |   right: 0;
130 |   left: 0;
131 |   border-width: 0 0 1px;
132 | 
133 |   // Undo the rounded corners
134 |   @media (min-width: @grid-float-breakpoint) {
135 |     border-radius: 0;
136 |   }
137 | }
138 | .navbar-fixed-top {
139 |   z-index: @zindex-navbar-fixed;
140 |   top: 0;
141 | }
142 | .navbar-fixed-bottom {
143 |   bottom: 0;
144 |   margin-bottom: 0; // override .navbar defaults
145 | }
146 | 
147 | 
148 | // Brand/project name
149 | 
150 | .navbar-brand {
151 |   float: left;
152 |   padding: @navbar-padding-vertical @navbar-padding-horizontal;
153 |   font-size: @font-size-large;
154 |   line-height: @line-height-computed;
155 |   &:hover,
156 |   &:focus {
157 |     text-decoration: none;
158 |   }
159 | 
160 |   @media (min-width: @grid-float-breakpoint) {
161 |     .navbar > .container & {
162 |       margin-left: -@navbar-padding-horizontal;
163 |     }
164 |   }
165 | }
166 | 
167 | 
168 | // Navbar toggle
169 | //
170 | // Custom button for toggling the `.navbar-collapse`, powered by the collapse
171 | // JavaScript plugin.
172 | 
173 | .navbar-toggle {
174 |   position: relative;
175 |   float: right;
176 |   margin-right: @navbar-padding-horizontal;
177 |   padding: 9px 10px;
178 |   .navbar-vertical-align(34px);
179 |   background-color: transparent;
180 |   border: 1px solid transparent;
181 |   border-radius: @border-radius-base;
182 | 
183 |   // Bars
184 |   .icon-bar {
185 |     display: block;
186 |     width: 22px;
187 |     height: 2px;
188 |     border-radius: 1px;
189 |   }
190 |   .icon-bar + .icon-bar {
191 |     margin-top: 4px;
192 |   }
193 | 
194 |   @media (min-width: @grid-float-breakpoint) {
195 |     display: none;
196 |   }
197 | }
198 | 
199 | 
200 | // Navbar nav links
201 | //
202 | // Builds on top of the `.nav` components with it's own modifier class to make
203 | // the nav the full height of the horizontal nav (above 768px).
204 | 
205 | .navbar-nav {
206 |   margin: (@navbar-padding-vertical / 2) -@navbar-padding-horizontal;
207 | 
208 |   > li > a {
209 |     padding-top:    10px;
210 |     padding-bottom: 10px;
211 |     line-height: @line-height-computed;
212 |   }
213 | 
214 |   @media (max-width: @screen-xs-max) {
215 |     // Dropdowns get custom display when collapsed
216 |     .open .dropdown-menu {
217 |       position: static;
218 |       float: none;
219 |       width: auto;
220 |       margin-top: 0;
221 |       background-color: transparent;
222 |       border: 0;
223 |       box-shadow: none;
224 |       > li > a,
225 |       .dropdown-header {
226 |         padding: 5px 15px 5px 25px;
227 |       }
228 |       > li > a {
229 |         line-height: @line-height-computed;
230 |         &:hover,
231 |         &:focus {
232 |           background-image: none;
233 |         }
234 |       }
235 |     }
236 |   }
237 | 
238 |   // Uncollapse the nav
239 |   @media (min-width: @grid-float-breakpoint) {
240 |     float: left;
241 |     margin: 0;
242 | 
243 |     > li {
244 |       float: left;
245 |       > a {
246 |         padding-top: ((@navbar-height - @line-height-computed) / 2);
247 |         padding-bottom: ((@navbar-height - @line-height-computed) / 2);
248 |       }
249 |     }
250 |   }
251 | 
252 | }
253 | 
254 | 
255 | // Component alignment
256 | //
257 | // Repurpose the pull utilities as their own navbar utilities to avoid specifity
258 | // issues with parents and chaining. Only do this when the navbar is uncollapsed
259 | // though so that navbar contents properly stack and align in mobile.
260 | 
261 | @media (min-width: @grid-float-breakpoint) {
262 |   .navbar-left  { .pull-left(); }
263 |   .navbar-right { .pull-right(); }
264 | }
265 | 
266 | 
267 | // Navbar form
268 | //
269 | // Extension of the `.form-inline` with some extra flavor for optimum display in
270 | // our navbars.
271 | 
272 | .navbar-form {
273 |   margin-left: -@navbar-padding-horizontal;
274 |   margin-right: -@navbar-padding-horizontal;
275 |   padding: 10px @navbar-padding-horizontal;
276 |   border-top: 1px solid transparent;
277 |   border-bottom: 1px solid transparent;
278 |   @shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
279 |   .box-shadow(@shadow);
280 | 
281 |   // Mixin behavior for optimum display
282 |   .form-inline();
283 | 
284 |   .form-group {
285 |     @media (max-width: @screen-xs-max) {
286 |       margin-bottom: 5px;
287 |     }
288 |   }
289 | 
290 |   // Vertically center in expanded, horizontal navbar
291 |   .navbar-vertical-align(@input-height-base);
292 | 
293 |   // Undo 100% width for pull classes
294 |   @media (min-width: @grid-float-breakpoint) {
295 |     width: auto;
296 |     border: 0;
297 |     margin-left: 0;
298 |     margin-right: 0;
299 |     padding-top: 0;
300 |     padding-bottom: 0;
301 |     .box-shadow(none);
302 |   }
303 | }
304 | 
305 | 
306 | // Dropdown menus
307 | 
308 | // Menu position and menu carets
309 | .navbar-nav > li > .dropdown-menu {
310 |   margin-top: 0;
311 |   .border-top-radius(0);
312 | }
313 | // Menu position and menu caret support for dropups via extra dropup class
314 | .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
315 |   .border-bottom-radius(0);
316 | }
317 | 
318 | // Right aligned menus need alt position
319 | .navbar-nav.pull-right > li > .dropdown-menu,
320 | .navbar-nav > li > .dropdown-menu.pull-right {
321 |   left: auto;
322 |   right: 0;
323 | }
324 | 
325 | 
326 | // Buttons in navbars
327 | //
328 | // Vertically center a button within a navbar (when *not* in a form).
329 | 
330 | .navbar-btn {
331 |   .navbar-vertical-align(@input-height-base);
332 | }
333 | 
334 | 
335 | // Text in navbars
336 | //
337 | // Add a class to make any element properly align itself vertically within the navbars.
338 | 
339 | .navbar-text {
340 |   float: left;
341 |   .navbar-vertical-align(@line-height-computed);
342 | 
343 |   @media (min-width: @grid-float-breakpoint) {
344 |     margin-left: @navbar-padding-horizontal;
345 |     margin-right: @navbar-padding-horizontal;
346 |   }
347 | }
348 | 
349 | // Alternate navbars
350 | // --------------------------------------------------
351 | 
352 | // Default navbar
353 | .navbar-default {
354 |   background-color: @navbar-default-bg;
355 |   border-color: @navbar-default-border;
356 | 
357 |   .navbar-brand {
358 |     color: @navbar-default-brand-color;
359 |     &:hover,
360 |     &:focus {
361 |       color: @navbar-default-brand-hover-color;
362 |       background-color: @navbar-default-brand-hover-bg;
363 |     }
364 |   }
365 | 
366 |   .navbar-text {
367 |     color: @navbar-default-color;
368 |   }
369 | 
370 |   .navbar-nav {
371 |     > li > a {
372 |       color: @navbar-default-link-color;
373 | 
374 |       &:hover,
375 |       &:focus {
376 |         color: @navbar-default-link-hover-color;
377 |         background-color: @navbar-default-link-hover-bg;
378 |       }
379 |     }
380 |     > .active > a {
381 |       &,
382 |       &:hover,
383 |       &:focus {
384 |         color: @navbar-default-link-active-color;
385 |         background-color: @navbar-default-link-active-bg;
386 |       }
387 |     }
388 |     > .disabled > a {
389 |       &,
390 |       &:hover,
391 |       &:focus {
392 |         color: @navbar-default-link-disabled-color;
393 |         background-color: @navbar-default-link-disabled-bg;
394 |       }
395 |     }
396 |   }
397 | 
398 |   .navbar-toggle {
399 |     border-color: @navbar-default-toggle-border-color;
400 |     &:hover,
401 |     &:focus {
402 |       background-color: @navbar-default-toggle-hover-bg;
403 |     }
404 |     .icon-bar {
405 |       background-color: @navbar-default-toggle-icon-bar-bg;
406 |     }
407 |   }
408 | 
409 |   .navbar-collapse,
410 |   .navbar-form {
411 |     border-color: darken(@navbar-default-bg, 7%);
412 |   }
413 | 
414 |   // Dropdown menu items and carets
415 |   .navbar-nav {
416 |     // Caret should match text color on hover
417 |     > .dropdown > a:hover .caret,
418 |     > .dropdown > a:focus .caret {
419 |       border-top-color: @navbar-default-link-hover-color;
420 |       border-bottom-color: @navbar-default-link-hover-color;
421 |     }
422 | 
423 |     // Remove background color from open dropdown
424 |     > .open > a {
425 |       &,
426 |       &:hover,
427 |       &:focus {
428 |         background-color: @navbar-default-link-active-bg;
429 |         color: @navbar-default-link-active-color;
430 |         .caret {
431 |           border-top-color: @navbar-default-link-active-color;
432 |           border-bottom-color: @navbar-default-link-active-color;
433 |         }
434 |       }
435 |     }
436 |     > .dropdown > a .caret {
437 |       border-top-color: @navbar-default-link-color;
438 |       border-bottom-color: @navbar-default-link-color;
439 |     }
440 | 
441 | 
442 |     @media (max-width: @screen-xs-max) {
443 |       // Dropdowns get custom display when collapsed
444 |       .open .dropdown-menu {
445 |         > li > a {
446 |           color: @navbar-default-link-color;
447 |           &:hover,
448 |           &:focus {
449 |             color: @navbar-default-link-hover-color;
450 |             background-color: @navbar-default-link-hover-bg;
451 |           }
452 |         }
453 |         > .active > a {
454 |           &,
455 |           &:hover,
456 |           &:focus {
457 |             color: @navbar-default-link-active-color;
458 |             background-color: @navbar-default-link-active-bg;
459 |           }
460 |         }
461 |         > .disabled > a {
462 |           &,
463 |           &:hover,
464 |           &:focus {
465 |             color: @navbar-default-link-disabled-color;
466 |             background-color: @navbar-default-link-disabled-bg;
467 |           }
468 |         }
469 |       }
470 |     }
471 |   }
472 | 
473 | 
474 |   // Links in navbars
475 |   //
476 |   // Add a class to ensure links outside the navbar nav are colored correctly.
477 | 
478 |   .navbar-link {
479 |     color: @navbar-default-link-color;
480 |     &:hover {
481 |       color: @navbar-default-link-hover-color;
482 |     }
483 |   }
484 | 
485 | }
486 | 
487 | // Inverse navbar
488 | 
489 | .navbar-inverse {
490 |   background-color: @navbar-inverse-bg;
491 |   border-color: @navbar-inverse-border;
492 | 
493 |   .navbar-brand {
494 |     color: @navbar-inverse-brand-color;
495 |     &:hover,
496 |     &:focus {
497 |       color: @navbar-inverse-brand-hover-color;
498 |       background-color: @navbar-inverse-brand-hover-bg;
499 |     }
500 |   }
501 | 
502 |   .navbar-text {
503 |     color: @navbar-inverse-color;
504 |   }
505 | 
506 |   .navbar-nav {
507 |     > li > a {
508 |       color: @navbar-inverse-link-color;
509 | 
510 |       &:hover,
511 |       &:focus {
512 |         color: @navbar-inverse-link-hover-color;
513 |         background-color: @navbar-inverse-link-hover-bg;
514 |       }
515 |     }
516 |     > .active > a {
517 |       &,
518 |       &:hover,
519 |       &:focus {
520 |         color: @navbar-inverse-link-active-color;
521 |         background-color: @navbar-inverse-link-active-bg;
522 |       }
523 |     }
524 |     > .disabled > a {
525 |       &,
526 |       &:hover,
527 |       &:focus {
528 |         color: @navbar-inverse-link-disabled-color;
529 |         background-color: @navbar-inverse-link-disabled-bg;
530 |       }
531 |     }
532 |   }
533 | 
534 |   // Darken the responsive nav toggle
535 |   .navbar-toggle {
536 |     border-color: @navbar-inverse-toggle-border-color;
537 |     &:hover,
538 |     &:focus {
539 |       background-color: @navbar-inverse-toggle-hover-bg;
540 |     }
541 |     .icon-bar {
542 |       background-color: @navbar-inverse-toggle-icon-bar-bg;
543 |     }
544 |   }
545 | 
546 |   .navbar-collapse,
547 |   .navbar-form {
548 |     border-color: darken(@navbar-inverse-bg, 7%);
549 |   }
550 | 
551 |   // Dropdowns
552 |   .navbar-nav {
553 |     > .open > a {
554 |       &,
555 |       &:hover,
556 |       &:focus {
557 |         background-color: @navbar-inverse-link-active-bg;
558 |         color: @navbar-inverse-link-active-color;
559 |       }
560 |     }
561 |     > .dropdown > a:hover .caret {
562 |       border-top-color: @navbar-inverse-link-hover-color;
563 |       border-bottom-color: @navbar-inverse-link-hover-color;
564 |     }
565 |     > .dropdown > a .caret {
566 |       border-top-color: @navbar-inverse-link-color;
567 |       border-bottom-color: @navbar-inverse-link-color;
568 |     }
569 |     > .open > a {
570 |       &,
571 |       &:hover,
572 |       &:focus {
573 |         .caret {
574 |           border-top-color: @navbar-inverse-link-active-color;
575 |           border-bottom-color: @navbar-inverse-link-active-color;
576 |         }
577 |       }
578 |     }
579 | 
580 |     @media (max-width: @screen-xs-max) {
581 |       // Dropdowns get custom display
582 |       .open .dropdown-menu {
583 |         > .dropdown-header {
584 |           border-color: @navbar-inverse-border;
585 |         }
586 |         > li > a {
587 |           color: @navbar-inverse-link-color;
588 |           &:hover,
589 |           &:focus {
590 |             color: @navbar-inverse-link-hover-color;
591 |             background-color: @navbar-inverse-link-hover-bg;
592 |           }
593 |         }
594 |         > .active > a {
595 |           &,
596 |           &:hover,
597 |           &:focus {
598 |             color: @navbar-inverse-link-active-color;
599 |             background-color: @navbar-inverse-link-active-bg;
600 |           }
601 |         }
602 |         > .disabled > a {
603 |           &,
604 |           &:hover,
605 |           &:focus {
606 |             color: @navbar-inverse-link-disabled-color;
607 |             background-color: @navbar-inverse-link-disabled-bg;
608 |           }
609 |         }
610 |       }
611 |     }
612 |   }
613 | 
614 |   .navbar-link {
615 |     color: @navbar-inverse-link-color;
616 |     &:hover {
617 |       color: @navbar-inverse-link-hover-color;
618 |     }
619 |   }
620 | 
621 | }
622 | 


--------------------------------------------------------------------------------
/static/css/less/navs.less:
--------------------------------------------------------------------------------
  1 | //
  2 | // Navs
  3 | // --------------------------------------------------
  4 | 
  5 | 
  6 | // Base class
  7 | // --------------------------------------------------
  8 | 
  9 | .nav {
 10 |   margin-bottom: 0;
 11 |   padding-left: 0; // Override default ul/ol
 12 |   list-style: none;
 13 |   .clearfix();
 14 | 
 15 |   > li {
 16 |     position: relative;
 17 |     display: block;
 18 | 
 19 |     > a {
 20 |       position: relative;
 21 |       display: block;
 22 |       padding: @nav-link-padding;
 23 |       &:hover,
 24 |       &:focus {
 25 |         text-decoration: none;
 26 |         background-color: @nav-link-hover-bg;
 27 |       }
 28 |     }
 29 | 
 30 |     // Disabled state sets text to gray and nukes hover/tab effects
 31 |     &.disabled > a {
 32 |       color: @nav-disabled-link-color;
 33 | 
 34 |       &:hover,
 35 |       &:focus {
 36 |         color: @nav-disabled-link-hover-color;
 37 |         text-decoration: none;
 38 |         background-color: transparent;
 39 |         cursor: not-allowed;
 40 |       }
 41 |     }
 42 |   }
 43 | 
 44 |   // Open dropdowns
 45 |   .open > a {
 46 |     &,
 47 |     &:hover,
 48 |     &:focus {
 49 |       background-color: @nav-link-hover-bg;
 50 |       border-color: @link-color;
 51 |     }
 52 |   }
 53 | 
 54 |   // Dividers (basically an hr) within the dropdown
 55 |   .nav-divider {
 56 |     .nav-divider();
 57 |   }
 58 | 
 59 |   // Prevent IE8 from misplacing imgs
 60 |   // See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989
 61 |   > li > a > img {
 62 |     max-width: none;
 63 |   }
 64 | }
 65 | 
 66 | 
 67 | // Tabs
 68 | // -------------------------
 69 | 
 70 | // Give the tabs something to sit on
 71 | .nav-tabs {
 72 |   border-bottom: 1px solid @nav-tabs-border-color;
 73 |   > li {
 74 |     float: left;
 75 |     // Make the list-items overlay the bottom border
 76 |     margin-bottom: -1px;
 77 | 
 78 |     // Actual tabs (as links)
 79 |     > a {
 80 |       margin-right: 2px;
 81 |       line-height: @line-height-base;
 82 |       border: 1px solid transparent;
 83 |       border-radius: @border-radius-base @border-radius-base 0 0;
 84 |       &:hover {
 85 |         border-color: @nav-tabs-link-hover-border-color @nav-tabs-link-hover-border-color @nav-tabs-border-color;
 86 |       }
 87 |     }
 88 | 
 89 |     // Active state, and it's :hover to override normal :hover
 90 |     &.active > a {
 91 |       &,
 92 |       &:hover,
 93 |       &:focus {
 94 |         color: @nav-tabs-active-link-hover-color;
 95 |         background-color: @nav-tabs-active-link-hover-bg;
 96 |         border: 1px solid @nav-tabs-active-link-hover-border-color;
 97 |         border-bottom-color: transparent;
 98 |         cursor: default;
 99 |       }
100 |     }
101 |   }
102 |   // pulling this in mainly for less shorthand
103 |   &.nav-justified {
104 |     .nav-justified();
105 |     .nav-tabs-justified();
106 |   }
107 | }
108 | 
109 | 
110 | // Pills
111 | // -------------------------
112 | .nav-pills {
113 |   > li {
114 |     float: left;
115 | 
116 |     // Links rendered as pills
117 |     > a {
118 |       border-radius: 5px;
119 |     }
120 |     + li {
121 |       margin-left: 2px;
122 |     }
123 | 
124 |     // Active state
125 |     &.active > a {
126 |       &,
127 |       &:hover,
128 |       &:focus {
129 |         color: @nav-pills-active-link-hover-color;
130 |         background-color: @nav-pills-active-link-hover-bg;
131 |       }
132 |     }
133 |   }
134 | }
135 | 
136 | 
137 | // Stacked pills
138 | .nav-stacked {
139 |   > li {
140 |     float: none;
141 |     + li {
142 |       margin-top: 2px;
143 |       margin-left: 0; // no need for this gap between nav items
144 |     }
145 |   }
146 | }
147 | 
148 | 
149 | // Nav variations
150 | // --------------------------------------------------
151 | 
152 | // Justified nav links
153 | // -------------------------
154 | 
155 | .nav-justified {
156 |   width: 100%;
157 | 
158 |   > li {
159 |     float: none;
160 |      > a {
161 |       text-align: center;
162 |     }
163 |   }
164 | 
165 |   @media (min-width: @screen-sm) {
166 |     > li {
167 |       display: table-cell;
168 |       width: 1%;
169 |     }
170 |   }
171 | }
172 | 
173 | // Move borders to anchors instead of bottom of list
174 | .nav-tabs-justified {
175 |   border-bottom: 0;
176 |   > li > a {
177 |     border-bottom: 1px solid @nav-tabs-justified-link-border-color;
178 | 
179 |     // Override margin from .nav-tabs
180 |     margin-right: 0;
181 |   }
182 |   > .active > a {
183 |     border-bottom-color: @nav-tabs-justified-active-link-border-color;
184 |   }
185 | }
186 | 
187 | 
188 | // Tabbable tabs
189 | // -------------------------
190 | 
191 | // Clear any floats
192 | .tabbable {
193 |   .clearfix();
194 | }
195 | 
196 | // Show/hide tabbable areas
197 | .tab-content > .tab-pane,
198 | .pill-content > .pill-pane {
199 |   display: none;
200 | }
201 | .tab-content,
202 | .pill-content {
203 |   > .active {
204 |     display: block;
205 |   }
206 | }
207 | 
208 | 
209 | 
210 | // Dropdowns
211 | // -------------------------
212 | 
213 | // Make dropdown carets use link color in navs
214 | .nav .caret {
215 |   border-top-color: @link-color;
216 |   border-bottom-color: @link-color;
217 | }
218 | .nav a:hover .caret {
219 |   border-top-color: @link-hover-color;
220 |   border-bottom-color: @link-hover-color;
221 | }
222 | 
223 | // Specific dropdowns
224 | .nav-tabs .dropdown-menu {
225 |   // make dropdown border overlap tab border
226 |   margin-top: -1px;
227 |   // Remove the top rounded corners here since there is a hard edge above the menu
228 |   .border-top-radius(0);
229 | }
230 | 


--------------------------------------------------------------------------------
/static/css/less/normalize.less:
--------------------------------------------------------------------------------
  1 | /*! normalize.css v2.1.0 | MIT License | git.io/normalize */
  2 | 
  3 | // ==========================================================================
  4 | // HTML5 display definitions
  5 | // ==========================================================================
  6 | 
  7 | //
  8 | // Correct `block` display not defined in IE 8/9.
  9 | //
 10 | 
 11 | article,
 12 | aside,
 13 | details,
 14 | figcaption,
 15 | figure,
 16 | footer,
 17 | header,
 18 | hgroup,
 19 | main,
 20 | nav,
 21 | section,
 22 | summary {
 23 |   display: block;
 24 | }
 25 | 
 26 | //
 27 | // Correct `inline-block` display not defined in IE 8/9.
 28 | //
 29 | 
 30 | audio,
 31 | canvas,
 32 | video {
 33 |   display: inline-block;
 34 | }
 35 | 
 36 | //
 37 | // Prevent modern browsers from displaying `audio` without controls.
 38 | // Remove excess height in iOS 5 devices.
 39 | //
 40 | 
 41 | audio:not([controls]) {
 42 |   display: none;
 43 |   height: 0;
 44 | }
 45 | 
 46 | //
 47 | // Address styling not present in IE 8/9.
 48 | //
 49 | 
 50 | [hidden] {
 51 |   display: none;
 52 | }
 53 | 
 54 | // ==========================================================================
 55 | // Base
 56 | // ==========================================================================
 57 | 
 58 | //
 59 | // 1. Set default font family to sans-serif.
 60 | // 2. Prevent iOS text size adjust after orientation change, without disabling
 61 | //    user zoom.
 62 | //
 63 | 
 64 | html {
 65 |   font-family: sans-serif; // 1
 66 |   -webkit-text-size-adjust: 100%; // 2
 67 |   -ms-text-size-adjust: 100%; // 2
 68 | }
 69 | 
 70 | //
 71 | // Remove default margin.
 72 | //
 73 | 
 74 | body {
 75 |   margin: 0;
 76 | }
 77 | 
 78 | // ==========================================================================
 79 | // Links
 80 | // ==========================================================================
 81 | 
 82 | //
 83 | // Address `outline` inconsistency between Chrome and other browsers.
 84 | //
 85 | 
 86 | a:focus {
 87 |   outline: thin dotted;
 88 | }
 89 | 
 90 | //
 91 | // Improve readability when focused and also mouse hovered in all browsers.
 92 | //
 93 | 
 94 | a:active,
 95 | a:hover {
 96 |   outline: 0;
 97 | }
 98 | 
 99 | // ==========================================================================
100 | // Typography
101 | // ==========================================================================
102 | 
103 | //
104 | // Address variable `h1` font-size and margin within `section` and `article`
105 | // contexts in Firefox 4+, Safari 5, and Chrome.
106 | //
107 | 
108 | h1 {
109 |   font-size: 2em;
110 |   margin: 0.67em 0;
111 | }
112 | 
113 | //
114 | // Address styling not present in IE 8/9, Safari 5, and Chrome.
115 | //
116 | 
117 | abbr[title] {
118 |   border-bottom: 1px dotted;
119 | }
120 | 
121 | //
122 | // Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
123 | //
124 | 
125 | b,
126 | strong {
127 |   font-weight: bold;
128 | }
129 | 
130 | //
131 | // Address styling not present in Safari 5 and Chrome.
132 | //
133 | 
134 | dfn {
135 |   font-style: italic;
136 | }
137 | 
138 | //
139 | // Address differences between Firefox and other browsers.
140 | //
141 | 
142 | hr {
143 |   -moz-box-sizing: content-box;
144 |   box-sizing: content-box;
145 |   height: 0;
146 | }
147 | 
148 | //
149 | // Address styling not present in IE 8/9.
150 | //
151 | 
152 | mark {
153 |   background: #ff0;
154 |   color: #000;
155 | }
156 | 
157 | //
158 | // Correct font family set oddly in Safari 5 and Chrome.
159 | //
160 | 
161 | code,
162 | kbd,
163 | pre,
164 | samp {
165 |   font-family: monospace, serif;
166 |   font-size: 1em;
167 | }
168 | 
169 | //
170 | // Improve readability of pre-formatted text in all browsers.
171 | //
172 | 
173 | pre {
174 |   white-space: pre-wrap;
175 | }
176 | 
177 | //
178 | // Set consistent quote types.
179 | //
180 | 
181 | q {
182 |   quotes: "\201C" "\201D" "\2018" "\2019";
183 | }
184 | 
185 | //
186 | // Address inconsistent and variable font size in all browsers.
187 | //
188 | 
189 | small {
190 |   font-size: 80%;
191 | }
192 | 
193 | //
194 | // Prevent `sub` and `sup` affecting `line-height` in all browsers.
195 | //
196 | 
197 | sub,
198 | sup {
199 |   font-size: 75%;
200 |   line-height: 0;
201 |   position: relative;
202 |   vertical-align: baseline;
203 | }
204 | 
205 | sup {
206 |   top: -0.5em;
207 | }
208 | 
209 | sub {
210 |   bottom: -0.25em;
211 | }
212 | 
213 | // ==========================================================================
214 | // Embedded content
215 | // ==========================================================================
216 | 
217 | //
218 | // Remove border when inside `a` element in IE 8/9.
219 | //
220 | 
221 | img {
222 |   border: 0;
223 | }
224 | 
225 | //
226 | // Correct overflow displayed oddly in IE 9.
227 | //
228 | 
229 | svg:not(:root) {
230 |   overflow: hidden;
231 | }
232 | 
233 | // ==========================================================================
234 | // Figures
235 | // ==========================================================================
236 | 
237 | //
238 | // Address margin not present in IE 8/9 and Safari 5.
239 | //
240 | 
241 | figure {
242 |   margin: 0;
243 | }
244 | 
245 | // ==========================================================================
246 | // Forms
247 | // ==========================================================================
248 | 
249 | //
250 | // Define consistent border, margin, and padding.
251 | //
252 | 
253 | fieldset {
254 |   border: 1px solid #c0c0c0;
255 |   margin: 0 2px;
256 |   padding: 0.35em 0.625em 0.75em;
257 | }
258 | 
259 | //
260 | // 1. Correct `color` not being inherited in IE 8/9.
261 | // 2. Remove padding so people aren't caught out if they zero out fieldsets.
262 | //
263 | 
264 | legend {
265 |   border: 0; // 1
266 |   padding: 0; // 2
267 | }
268 | 
269 | //
270 | // 1. Correct font family not being inherited in all browsers.
271 | // 2. Correct font size not being inherited in all browsers.
272 | // 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
273 | //
274 | 
275 | button,
276 | input,
277 | select,
278 | textarea {
279 |   font-family: inherit; // 1
280 |   font-size: 100%; // 2
281 |   margin: 0; // 3
282 | }
283 | 
284 | //
285 | // Address Firefox 4+ setting `line-height` on `input` using `!important` in
286 | // the UA stylesheet.
287 | //
288 | 
289 | button,
290 | input {
291 |   line-height: normal;
292 | }
293 | 
294 | //
295 | // Address inconsistent `text-transform` inheritance for `button` and `select`.
296 | // All other form control elements do not inherit `text-transform` values.
297 | // Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
298 | // Correct `select` style inheritance in Firefox 4+ and Opera.
299 | //
300 | 
301 | button,
302 | select {
303 |   text-transform: none;
304 | }
305 | 
306 | //
307 | // 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
308 | //    and `video` controls.
309 | // 2. Correct inability to style clickable `input` types in iOS.
310 | // 3. Improve usability and consistency of cursor style between image-type
311 | //    `input` and others.
312 | //
313 | 
314 | button,
315 | html input[type="button"], // 1
316 | input[type="reset"],
317 | input[type="submit"] {
318 |   -webkit-appearance: button; // 2
319 |   cursor: pointer; // 3
320 | }
321 | 
322 | //
323 | // Re-set default cursor for disabled elements.
324 | //
325 | 
326 | button[disabled],
327 | html input[disabled] {
328 |   cursor: default;
329 | }
330 | 
331 | //
332 | // 1. Address box sizing set to `content-box` in IE 8/9.
333 | // 2. Remove excess padding in IE 8/9.
334 | //
335 | 
336 | input[type="checkbox"],
337 | input[type="radio"] {
338 |   box-sizing: border-box; // 1
339 |   padding: 0; // 2
340 | }
341 | 
342 | //
343 | // 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
344 | // 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
345 | //    (include `-moz` to future-proof).
346 | //
347 | 
348 | input[type="search"] {
349 |   -webkit-appearance: textfield; // 1
350 |   -moz-box-sizing: content-box;
351 |   -webkit-box-sizing: content-box; // 2
352 |   box-sizing: content-box;
353 | }
354 | 
355 | //
356 | // Remove inner padding and search cancel button in Safari 5 and Chrome
357 | // on OS X.
358 | //
359 | 
360 | input[type="search"]::-webkit-search-cancel-button,
361 | input[type="search"]::-webkit-search-decoration {
362 |   -webkit-appearance: none;
363 | }
364 | 
365 | //
366 | // Remove inner padding and border in Firefox 4+.
367 | //
368 | 
369 | button::-moz-focus-inner,
370 | input::-moz-focus-inner {
371 |   border: 0;
372 |   padding: 0;
373 | }
374 | 
375 | //
376 | // 1. Remove default vertical scrollbar in IE 8/9.
377 | // 2. Improve readability and alignment in all browsers.
378 | //
379 | 
380 | textarea {
381 |   overflow: auto; // 1
382 |   vertical-align: top; // 2
383 | }
384 | 
385 | // ==========================================================================
386 | // Tables
387 | // ==========================================================================
388 | 
389 | //
390 | // Remove most spacing between table cells.
391 | //
392 | 
393 | table {
394 |   border-collapse: collapse;
395 |   border-spacing: 0;
396 | }
397 | 


--------------------------------------------------------------------------------
/static/css/less/pager.less:
--------------------------------------------------------------------------------
 1 | //
 2 | // Pager pagination
 3 | // --------------------------------------------------
 4 | 
 5 | 
 6 | .pager {
 7 |   padding-left: 0;
 8 |   margin: @line-height-computed 0;
 9 |   list-style: none;
10 |   text-align: center;
11 |   .clearfix();
12 |   li {
13 |     display: inline;
14 |     > a,
15 |     > span {
16 |       display: inline-block;
17 |       padding: 5px 14px;
18 |       background-color: @pagination-bg;
19 |       border: 1px solid @pagination-border;
20 |       border-radius: @pager-border-radius;
21 |     }
22 | 
23 |     > a:hover,
24 |     > a:focus {
25 |       text-decoration: none;
26 |       background-color: @pagination-hover-bg;
27 |     }
28 |   }
29 | 
30 |   .next {
31 |     > a,
32 |     > span {
33 |       float: right;
34 |     }
35 |   }
36 | 
37 |   .previous {
38 |     > a,
39 |     > span {
40 |       float: left;
41 |     }
42 |   }
43 | 
44 |   .disabled {
45 |     > a,
46 |     > a:hover,
47 |     > a:focus,
48 |     > span {
49 |       color: @pager-disabled-color;
50 |       background-color: @pagination-bg;
51 |       cursor: not-allowed;
52 |     }
53 |   }
54 | 
55 | }
56 | 


--------------------------------------------------------------------------------
/static/css/less/pagination.less:
--------------------------------------------------------------------------------
 1 | //
 2 | // Pagination (multiple pages)
 3 | // --------------------------------------------------
 4 | .pagination {
 5 |   display: inline-block;
 6 |   padding-left: 0;
 7 |   margin: @line-height-computed 0;
 8 |   border-radius: @border-radius-base;
 9 | 
10 |   > li {
11 |     display: inline; // Remove list-style and block-level defaults
12 |     > a,
13 |     > span {
14 |       position: relative;
15 |       float: left; // Collapse white-space
16 |       padding: @padding-base-vertical @padding-base-horizontal;
17 |       line-height: @line-height-base;
18 |       text-decoration: none;
19 |       background-color: @pagination-bg;
20 |       border: 1px solid @pagination-border;
21 |       margin-left: -1px;
22 |     }
23 |     &:first-child {
24 |       > a,
25 |       > span {
26 |         margin-left: 0;
27 |         .border-left-radius(@border-radius-base);
28 |       }
29 |     }
30 |     &:last-child {
31 |       > a,
32 |       > span {
33 |         .border-right-radius(@border-radius-base);
34 |       }
35 |     }
36 |   }
37 | 
38 |   > li > a,
39 |   > li > span {
40 |     &:hover,
41 |     &:focus {
42 |       background-color: @pagination-hover-bg;
43 |     }
44 |   }
45 | 
46 |   > .active > a,
47 |   > .active > span {
48 |     &,
49 |     &:hover,
50 |     &:focus {
51 |       z-index: 2;
52 |       color: @pagination-active-color;
53 |       background-color: @pagination-active-bg;
54 |       border-color: @pagination-active-bg;
55 |       cursor: default;
56 |     }
57 |   }
58 | 
59 |   > .disabled {
60 |     > span,
61 |     > a,
62 |     > a:hover,
63 |     > a:focus {
64 |       color: @pagination-disabled-color;
65 |       background-color: @pagination-bg;
66 |       border-color: @pagination-border;
67 |       cursor: not-allowed;
68 |     }
69 |   }
70 | }
71 | 
72 | // Sizing
73 | // --------------------------------------------------
74 | 
75 | // Large
76 | .pagination-lg {
77 |   .pagination-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @border-radius-large);
78 | }
79 | 
80 | // Small
81 | .pagination-sm {
82 |   .pagination-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @border-radius-small);
83 | }
84 | 


--------------------------------------------------------------------------------
/static/css/less/panels.less:
--------------------------------------------------------------------------------
  1 | //
  2 | // Panels
  3 | // --------------------------------------------------
  4 | 
  5 | 
  6 | // Base class
  7 | .panel {
  8 |   margin-bottom: @line-height-computed;
  9 |   background-color: @panel-bg;
 10 |   border: 1px solid transparent;
 11 |   border-radius: @panel-border-radius;
 12 |   .box-shadow(0 1px 1px rgba(0,0,0,.05));
 13 | }
 14 | 
 15 | // Panel contents
 16 | .panel-body {
 17 |   padding: 15px;
 18 |   .clearfix();
 19 | }
 20 | 
 21 | 
 22 | // List groups in panels
 23 | //
 24 | // By default, space out list group content from panel headings to account for
 25 | // any kind of custom content between the two.
 26 | 
 27 | .panel {
 28 |   > .list-group {
 29 |     margin-bottom: 0;
 30 | 
 31 |     .list-group-item {
 32 |       border-width: 1px 0;
 33 | 
 34 |       // Remove border radius for top one
 35 |       &:first-child {
 36 |         .border-top-radius(0);
 37 |       }
 38 |       // But keep it for the last one
 39 |       &:last-child {
 40 |         border-bottom: 0;
 41 |       }
 42 |     }
 43 |   }
 44 | }
 45 | // Collapse space between when there's no additional content.
 46 | .panel-heading + .list-group {
 47 |   .list-group-item:first-child {
 48 |     border-top-width: 0;
 49 |   }
 50 | }
 51 | 
 52 | 
 53 | // Tables in panels
 54 | //
 55 | // Place a non-bordered `.table` within a panel (not within a `.panel-body`) and
 56 | // watch it go full width.
 57 | 
 58 | .panel {
 59 |   > .table {
 60 |     margin-bottom: 0;
 61 |   }
 62 |   > .panel-body + .table {
 63 |     border-top: 1px solid @table-border-color;
 64 |   }
 65 | }
 66 | 
 67 | 
 68 | // Optional heading
 69 | .panel-heading {
 70 |   padding: 10px 15px;
 71 |   border-bottom: 1px solid transparent;
 72 |   .border-top-radius(@panel-border-radius - 1);
 73 | }
 74 | 
 75 | // Within heading, strip any `h*` tag of it's default margins for spacing.
 76 | .panel-title {
 77 |   margin-top: 0;
 78 |   margin-bottom: 0;
 79 |   font-size: ceil((@font-size-base * 1.125));
 80 |   > a {
 81 |     color: inherit;
 82 |   }
 83 | }
 84 | 
 85 | // Optional footer (stays gray in every modifier class)
 86 | .panel-footer {
 87 |   padding: 10px 15px;
 88 |   background-color: @panel-footer-bg;
 89 |   border-top: 1px solid @panel-inner-border;
 90 |   .border-bottom-radius(@panel-border-radius - 1);
 91 | }
 92 | 
 93 | 
 94 | // Collapsable panels (aka, accordion)
 95 | //
 96 | // Wrap a series of panels in `.panel-group` to turn them into an accordion with
 97 | // the help of our collapse JavaScript plugin.
 98 | 
 99 | .panel-group {
100 |   // Tighten up margin so it's only between panels
101 |   .panel {
102 |     margin-bottom: 0;
103 |     border-radius: @panel-border-radius;
104 |     overflow: hidden; // crop contents when collapsed
105 |     + .panel {
106 |       margin-top: 5px;
107 |     }
108 |   }
109 | 
110 |   .panel-heading {
111 |     border-bottom: 0;
112 |     + .panel-collapse .panel-body {
113 |       border-top: 1px solid @panel-inner-border;
114 |     }
115 |   }
116 |   .panel-footer {
117 |     border-top: 0;
118 |     + .panel-collapse .panel-body {
119 |       border-bottom: 1px solid @panel-inner-border;
120 |     }
121 |   }
122 | 
123 |   // New subcomponent for wrapping collapsable content for proper animations
124 |   .panel-collapse {
125 | 
126 |   }
127 | }
128 | 
129 | 
130 | // Contextual variations
131 | .panel-default {
132 |   .panel-variant(@panel-default-border; @panel-default-text; @panel-default-heading-bg; @panel-default-border);
133 | }
134 | .panel-primary {
135 |   .panel-variant(@panel-primary-border; @panel-primary-text; @panel-primary-heading-bg; @panel-primary-border);
136 | }
137 | .panel-success {
138 |   .panel-variant(@panel-success-border; @panel-success-text; @panel-success-heading-bg; @panel-success-border);
139 | }
140 | .panel-warning {
141 |   .panel-variant(@panel-warning-border; @panel-warning-text; @panel-warning-heading-bg; @panel-warning-border);
142 | }
143 | .panel-danger {
144 |   .panel-variant(@panel-danger-border; @panel-danger-text; @panel-danger-heading-bg; @panel-danger-border);
145 | }
146 | .panel-info {
147 |   .panel-variant(@panel-info-border; @panel-info-text; @panel-info-heading-bg; @panel-info-border);
148 | }
149 | 


--------------------------------------------------------------------------------
/static/css/less/popovers.less:
--------------------------------------------------------------------------------
  1 | //
  2 | // Popovers
  3 | // --------------------------------------------------
  4 | 
  5 | 
  6 | .popover {
  7 |   position: absolute;
  8 |   top: 0;
  9 |   left: 0;
 10 |   z-index: @zindex-popover;
 11 |   display: none;
 12 |   max-width: @popover-max-width;
 13 |   padding: 1px;
 14 |   text-align: left; // Reset given new insertion method
 15 |   background-color: @popover-bg;
 16 |   background-clip: padding-box;
 17 |   border: 1px solid @popover-fallback-border-color;
 18 |   border: 1px solid @popover-border-color;
 19 |   border-radius: @border-radius-large;
 20 |   .box-shadow(0 5px 10px rgba(0,0,0,.2));
 21 | 
 22 |   // Overrides for proper insertion
 23 |   white-space: normal;
 24 | 
 25 |   // Offset the popover to account for the popover arrow
 26 |   &.top     { margin-top: -10px; }
 27 |   &.right   { margin-left: 10px; }
 28 |   &.bottom  { margin-top: 10px; }
 29 |   &.left    { margin-left: -10px; }
 30 | }
 31 | 
 32 | .popover-title {
 33 |   margin: 0; // reset heading margin
 34 |   padding: 8px 14px;
 35 |   font-size: @font-size-base;
 36 |   font-weight: normal;
 37 |   line-height: 18px;
 38 |   background-color: @popover-title-bg;
 39 |   border-bottom: 1px solid darken(@popover-title-bg, 5%);
 40 |   border-radius: 5px 5px 0 0;
 41 | }
 42 | 
 43 | .popover-content {
 44 |   padding: 9px 14px;
 45 | }
 46 | 
 47 | // Arrows
 48 | //
 49 | // .arrow is outer, .arrow:after is inner
 50 | 
 51 | .popover .arrow {
 52 |   &,
 53 |   &:after {
 54 |     position: absolute;
 55 |     display: block;
 56 |     width: 0;
 57 |     height: 0;
 58 |     border-color: transparent;
 59 |     border-style: solid;
 60 |   }
 61 | }
 62 | .popover .arrow {
 63 |   border-width: @popover-arrow-outer-width;
 64 | }
 65 | .popover .arrow:after {
 66 |   border-width: @popover-arrow-width;
 67 |   content: "";
 68 | }
 69 | 
 70 | .popover {
 71 |   &.top .arrow {
 72 |     left: 50%;
 73 |     margin-left: -@popover-arrow-outer-width;
 74 |     border-bottom-width: 0;
 75 |     border-top-color: @popover-arrow-outer-fallback-color; // IE8 fallback
 76 |     border-top-color: @popover-arrow-outer-color;
 77 |     bottom: -@popover-arrow-outer-width;
 78 |     &:after {
 79 |       content: " ";
 80 |       bottom: 1px;
 81 |       margin-left: -@popover-arrow-width;
 82 |       border-bottom-width: 0;
 83 |       border-top-color: @popover-arrow-color;
 84 |     }
 85 |   }
 86 |   &.right .arrow {
 87 |     top: 50%;
 88 |     left: -@popover-arrow-outer-width;
 89 |     margin-top: -@popover-arrow-outer-width;
 90 |     border-left-width: 0;
 91 |     border-right-color: @popover-arrow-outer-fallback-color; // IE8 fallback
 92 |     border-right-color: @popover-arrow-outer-color;
 93 |     &:after {
 94 |       content: " ";
 95 |       left: 1px;
 96 |       bottom: -@popover-arrow-width;
 97 |       border-left-width: 0;
 98 |       border-right-color: @popover-arrow-color;
 99 |     }
100 |   }
101 |   &.bottom .arrow {
102 |     left: 50%;
103 |     margin-left: -@popover-arrow-outer-width;
104 |     border-top-width: 0;
105 |     border-bottom-color: @popover-arrow-outer-fallback-color; // IE8 fallback
106 |     border-bottom-color: @popover-arrow-outer-color;
107 |     top: -@popover-arrow-outer-width;
108 |     &:after {
109 |       content: " ";
110 |       top: 1px;
111 |       margin-left: -@popover-arrow-width;
112 |       border-top-width: 0;
113 |       border-bottom-color: @popover-arrow-color;
114 |     }
115 |   }
116 | 
117 |   &.left .arrow {
118 |     top: 50%;
119 |     right: -@popover-arrow-outer-width;
120 |     margin-top: -@popover-arrow-outer-width;
121 |     border-right-width: 0;
122 |     border-left-color: @popover-arrow-outer-fallback-color; // IE8 fallback
123 |     border-left-color: @popover-arrow-outer-color;
124 |     &:after {
125 |       content: " ";
126 |       right: 1px;
127 |       border-right-width: 0;
128 |       border-left-color: @popover-arrow-color;
129 |       bottom: -@popover-arrow-width;
130 |     }
131 |   }
132 | 
133 | }
134 | 


--------------------------------------------------------------------------------
/static/css/less/print.less:
--------------------------------------------------------------------------------
  1 | //
  2 | // Basic print styles
  3 | // --------------------------------------------------
  4 | // Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
  5 | 
  6 | @media print {
  7 | 
  8 |   * {
  9 |     text-shadow: none !important;
 10 |     color: #000 !important; // Black prints faster: h5bp.com/s
 11 |     background: transparent !important;
 12 |     box-shadow: none !important;
 13 |   }
 14 | 
 15 |   a,
 16 |   a:visited {
 17 |     text-decoration: underline;
 18 |   }
 19 | 
 20 |   a[href]:after {
 21 |     content: " (" attr(href) ")";
 22 |   }
 23 | 
 24 |   abbr[title]:after {
 25 |     content: " (" attr(title) ")";
 26 |   }
 27 | 
 28 |   // Don't show links for images, or javascript/internal links
 29 |   .ir a:after,
 30 |   a[href^="javascript:"]:after,
 31 |   a[href^="#"]:after {
 32 |     content: "";
 33 |   }
 34 | 
 35 |   pre,
 36 |   blockquote {
 37 |     border: 1px solid #999;
 38 |     page-break-inside: avoid;
 39 |   }
 40 | 
 41 |   thead {
 42 |     display: table-header-group; // h5bp.com/t
 43 |   }
 44 | 
 45 |   tr,
 46 |   img {
 47 |     page-break-inside: avoid;
 48 |   }
 49 | 
 50 |   img {
 51 |     max-width: 100% !important;
 52 |   }
 53 | 
 54 |   @page {
 55 |     margin: 2cm .5cm;
 56 |   }
 57 | 
 58 |   p,
 59 |   h2,
 60 |   h3 {
 61 |     orphans: 3;
 62 |     widows: 3;
 63 |   }
 64 | 
 65 |   h2,
 66 |   h3 {
 67 |     page-break-after: avoid;
 68 |   }
 69 | 
 70 |   // Bootstrap components
 71 |   .navbar {
 72 |     display: none;
 73 |   }
 74 |   .table {
 75 |     td,
 76 |     th {
 77 |       background-color: #fff !important;
 78 |     }
 79 |   }
 80 |   .btn,
 81 |   .dropup > .btn {
 82 |     > .caret {
 83 |       border-top-color: #000 !important;
 84 |     }
 85 |   }
 86 |   .label {
 87 |     border: 1px solid #000;
 88 |   }
 89 | 
 90 |   .table {
 91 |     border-collapse: collapse !important;
 92 |   }
 93 |   .table-bordered {
 94 |     th,
 95 |     td {
 96 |       border: 1px solid #ddd !important;
 97 |     }
 98 |   }
 99 | 
100 | }
101 | 


--------------------------------------------------------------------------------
/static/css/less/progress-bars.less:
--------------------------------------------------------------------------------
 1 | //
 2 | // Progress bars
 3 | // --------------------------------------------------
 4 | 
 5 | 
 6 | // Bar animations
 7 | // -------------------------
 8 | 
 9 | // Webkit
10 | @-webkit-keyframes progress-bar-stripes {
11 |   from  { background-position: 40px 0; }
12 |   to    { background-position: 0 0; }
13 | }
14 | 
15 | // Firefox
16 | @-moz-keyframes progress-bar-stripes {
17 |   from  { background-position: 40px 0; }
18 |   to    { background-position: 0 0; }
19 | }
20 | 
21 | // Opera
22 | @-o-keyframes progress-bar-stripes {
23 |   from  { background-position: 0 0; }
24 |   to    { background-position: 40px 0; }
25 | }
26 | 
27 | // Spec and IE10+
28 | @keyframes progress-bar-stripes {
29 |   from  { background-position: 40px 0; }
30 |   to    { background-position: 0 0; }
31 | }
32 | 
33 | 
34 | 
35 | // Bar itself
36 | // -------------------------
37 | 
38 | // Outer container
39 | .progress {
40 |   overflow: hidden;
41 |   height: @line-height-computed;
42 |   margin-bottom: @line-height-computed;
43 |   background-color: @progress-bg;
44 |   border-radius: @border-radius-base;
45 |   .box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
46 | }
47 | 
48 | // Bar of progress
49 | .progress-bar {
50 |   float: left;
51 |   width: 0%;
52 |   height: 100%;
53 |   font-size: @font-size-small;
54 |   color: @progress-bar-color;
55 |   text-align: center;
56 |   background-color: @progress-bar-bg;
57 |   .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
58 |   .transition(width .6s ease);
59 | }
60 | 
61 | // Striped bars
62 | .progress-striped .progress-bar {
63 |   #gradient > .striped(@progress-bar-bg);
64 |   background-size: 40px 40px;
65 | }
66 | 
67 | // Call animation for the active one
68 | .progress.active .progress-bar {
69 |   -webkit-animation: progress-bar-stripes 2s linear infinite;
70 |      -moz-animation: progress-bar-stripes 2s linear infinite;
71 |       -ms-animation: progress-bar-stripes 2s linear infinite;
72 |        -o-animation: progress-bar-stripes 2s linear infinite;
73 |           animation: progress-bar-stripes 2s linear infinite;
74 | }
75 | 
76 | 
77 | 
78 | // Variations
79 | // -------------------------
80 | 
81 | .progress-bar-success {
82 |   .progress-bar-variant(@progress-bar-success-bg);
83 | }
84 | 
85 | .progress-bar-info {
86 |   .progress-bar-variant(@progress-bar-info-bg);
87 | }
88 | 
89 | .progress-bar-warning {
90 |   .progress-bar-variant(@progress-bar-warning-bg);
91 | }
92 | 
93 | .progress-bar-danger {
94 |   .progress-bar-variant(@progress-bar-danger-bg);
95 | }
96 | 


--------------------------------------------------------------------------------
/static/css/less/responsive-utilities.less:
--------------------------------------------------------------------------------
  1 | //
  2 | // Responsive: Utility classes
  3 | // --------------------------------------------------
  4 | 
  5 | 
  6 | // IE10 Metro responsive
  7 | // Required for Windows 8 Metro split-screen snapping with IE10
  8 | //
  9 | // Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
 10 | @-ms-viewport{
 11 |   width: device-width;
 12 | }
 13 | 
 14 | // IE10 on Windows Phone 8
 15 | // IE10 on WP8 doesn't report CSS pixels, but actual device pixels. In
 16 | // other words, say on a Lumia, you'll get 768px as the device width,
 17 | // meaning users will see the tablet styles and not phone styles.
 18 | //
 19 | // Alternatively you can override this with JS (see source below), but
 20 | // we won't be doing that here given our limited scope.
 21 | //
 22 | // Source: http://timkadlec.com/2013/01/windows-phone-8-and-device-width/
 23 | @media screen and (max-width: 400px) {
 24 |   @-ms-viewport{
 25 |     width: 320px;
 26 |   }
 27 | }
 28 | 
 29 | // Hide from screenreaders and browsers
 30 | // Credit: HTML5 Boilerplate
 31 | .hidden {
 32 |   display: none !important;
 33 |   visibility: hidden !important;
 34 | }
 35 | 
 36 | // Visibility utilities
 37 | 
 38 | .visible-xs {
 39 |   .responsive-invisibility();
 40 |   @media (max-width: @screen-xs-max) {
 41 |     .responsive-visibility();
 42 |   }
 43 |   &.visible-sm {
 44 |     @media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
 45 |       .responsive-visibility();
 46 |     }
 47 |   }
 48 |   &.visible-md {
 49 |     @media (min-width: @screen-md) and (max-width: @screen-md-max) {
 50 |       .responsive-visibility();
 51 |     }
 52 |   }
 53 |   &.visible-lg {
 54 |     @media (min-width: @screen-lg) {
 55 |       .responsive-visibility();
 56 |     }
 57 |   }
 58 | }
 59 | .visible-sm {
 60 |   .responsive-invisibility();
 61 |   &.visible-xs {
 62 |     @media (max-width: @screen-xs-max) {
 63 |       .responsive-visibility();
 64 |     }
 65 |   }
 66 |   @media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
 67 |     .responsive-visibility();
 68 |   }
 69 |   &.visible-md {
 70 |     @media (min-width: @screen-md) and (max-width: @screen-md-max) {
 71 |       .responsive-visibility();
 72 |     }
 73 |   }
 74 |   &.visible-lg {
 75 |     @media (min-width: @screen-lg) {
 76 |       .responsive-visibility();
 77 |     }
 78 |   }
 79 | }
 80 | .visible-md {
 81 |   .responsive-invisibility();
 82 |   &.visible-xs {
 83 |     @media (max-width: @screen-xs-max) {
 84 |       .responsive-visibility();
 85 |     }
 86 |   }
 87 |   &.visible-sm {
 88 |     @media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
 89 |       .responsive-visibility();
 90 |     }
 91 |   }
 92 |   @media (min-width: @screen-md) and (max-width: @screen-md-max) {
 93 |     .responsive-visibility();
 94 |   }
 95 |   &.visible-lg {
 96 |     @media (min-width: @screen-lg) {
 97 |       .responsive-visibility();
 98 |     }
 99 |   }
100 | }
101 | .visible-lg {
102 |   .responsive-invisibility();
103 |   &.visible-xs {
104 |     @media (max-width: @screen-xs-max) {
105 |       .responsive-visibility();
106 |     }
107 |   }
108 |   &.visible-sm {
109 |     @media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
110 |       .responsive-visibility();
111 |     }
112 |   }
113 |   &.visible-md {
114 |     @media (min-width: @screen-md) and (max-width: @screen-md-max) {
115 |       .responsive-visibility();
116 |     }
117 |   }
118 |   @media (min-width: @screen-lg) {
119 |     .responsive-visibility();
120 |   }
121 | }
122 | 
123 | .hidden-xs {
124 |   .responsive-visibility();
125 |   @media (max-width: @screen-xs-max) {
126 |     .responsive-invisibility();
127 |   }
128 |   &.hidden-sm {
129 |     @media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
130 |       .responsive-invisibility();
131 |     }
132 |   }
133 |   &.hidden-md {
134 |     @media (min-width: @screen-md) and (max-width: @screen-md-max) {
135 |       .responsive-invisibility();
136 |     }
137 |   }
138 |   &.hidden-lg {
139 |     @media (min-width: @screen-lg) {
140 |       .responsive-invisibility();
141 |     }
142 |   }
143 | }
144 | .hidden-sm {
145 |   .responsive-visibility();
146 |   &.hidden-xs {
147 |     @media (max-width: @screen-xs-max) {
148 |       .responsive-invisibility();
149 |     }
150 |   }
151 |   @media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
152 |     .responsive-invisibility();
153 |   }
154 |   &.hidden-md {
155 |     @media (min-width: @screen-md) and (max-width: @screen-md-max) {
156 |       .responsive-invisibility();
157 |     }
158 |   }
159 |   &.hidden-lg {
160 |     @media (min-width: @screen-lg) {
161 |       .responsive-invisibility();
162 |     }
163 |   }
164 | }
165 | .hidden-md {
166 |   .responsive-visibility();
167 |   &.hidden-xs {
168 |     @media (max-width: @screen-xs-max) {
169 |       .responsive-invisibility();
170 |     }
171 |   }
172 |   &.hidden-sm {
173 |     @media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
174 |       .responsive-invisibility();
175 |     }
176 |   }
177 |   @media (min-width: @screen-md) and (max-width: @screen-md-max) {
178 |     .responsive-invisibility();
179 |   }
180 |   &.hidden-lg {
181 |     @media (min-width: @screen-lg) {
182 |       .responsive-invisibility();
183 |     }
184 |   }
185 | }
186 | .hidden-lg {
187 |   .responsive-visibility();
188 |   &.hidden-xs {
189 |     @media (max-width: @screen-xs-max) {
190 |       .responsive-invisibility();
191 |     }
192 |   }
193 |   &.hidden-sm {
194 |     @media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
195 |       .responsive-invisibility();
196 |     }
197 |   }
198 |   &.hidden-md {
199 |     @media (min-width: @screen-md) and (max-width: @screen-md-max) {
200 |       .responsive-invisibility();
201 |     }
202 |   }
203 |   @media (min-width: @screen-lg) {
204 |     .responsive-invisibility();
205 |   }
206 | }
207 | 
208 | // Print utilities
209 | .visible-print {
210 |   .responsive-invisibility();
211 | }
212 | 
213 | @media print {
214 |   .visible-print {
215 |     .responsive-visibility();
216 |   }
217 |   .hidden-print {
218 |     .responsive-invisibility();
219 |   }
220 | }
221 | 


--------------------------------------------------------------------------------
/static/css/less/scaffolding.less:
--------------------------------------------------------------------------------
  1 | //
  2 | // Scaffolding
  3 | // --------------------------------------------------
  4 | 
  5 | 
  6 | // Reset the box-sizing
  7 | 
  8 | *,
  9 | *:before,
 10 | *:after {
 11 |   .box-sizing(border-box);
 12 | }
 13 | 
 14 | 
 15 | // Body reset
 16 | 
 17 | html {
 18 |   font-size: 62.5%;
 19 |   -webkit-tap-highlight-color: rgba(0,0,0,0);
 20 | }
 21 | 
 22 | body {
 23 |   font-family: @font-family-base;
 24 |   font-size: @font-size-base;
 25 |   line-height: @line-height-base;
 26 |   color: @text-color;
 27 |   background-color: @body-bg;
 28 | }
 29 | 
 30 | // Reset fonts for relevant elements
 31 | input,
 32 | button,
 33 | select,
 34 | textarea {
 35 |   font-family: inherit;
 36 |   font-size: inherit;
 37 |   line-height: inherit;
 38 | }
 39 | 
 40 | // Reset unusual Firefox-on-Android default style.
 41 | //
 42 | // See https://github.com/necolas/normalize.css/issues/214
 43 | 
 44 | button,
 45 | input,
 46 | select[multiple],
 47 | textarea {
 48 |   background-image: none;
 49 | }
 50 | 
 51 | 
 52 | // Links
 53 | 
 54 | a {
 55 |   color: @link-color;
 56 |   text-decoration: none;
 57 | 
 58 |   &:hover,
 59 |   &:focus {
 60 |     color: @link-hover-color;
 61 |     text-decoration: underline;
 62 |   }
 63 | 
 64 |   &:focus {
 65 |     .tab-focus();
 66 |   }
 67 | }
 68 | 
 69 | 
 70 | // Images
 71 | 
 72 | img {
 73 |   vertical-align: middle;
 74 | }
 75 | 
 76 | // Responsive images (ensure images don't scale beyond their parents)
 77 | .img-responsive {
 78 |   .img-responsive();
 79 | }
 80 | 
 81 | // Rounded corners
 82 | .img-rounded {
 83 |   border-radius: @border-radius-large;
 84 | }
 85 | 
 86 | // Image thumbnails
 87 | //
 88 | // Heads up! This is mixin-ed into thumbnails.less for `.thumbnail`.
 89 | .img-thumbnail {
 90 |   padding: @thumbnail-padding;
 91 |   line-height: @line-height-base;
 92 |   background-color: @thumbnail-bg;
 93 |   border: 1px solid @thumbnail-border;
 94 |   border-radius: @thumbnail-border-radius;
 95 |   .transition(all .2s ease-in-out);
 96 | 
 97 |   // Keep them at most 100% wide
 98 |   .img-responsive(inline-block);
 99 | }
100 | 
101 | // Perfect circle
102 | .img-circle {
103 |   border-radius: 50%; // set radius in percents
104 | }
105 | 
106 | 
107 | // Horizontal rules
108 | 
109 | hr {
110 |   margin-top:    @line-height-computed;
111 |   margin-bottom: @line-height-computed;
112 |   border: 0;
113 |   border-top: 1px solid @hr-border;
114 | }
115 | 
116 | 
117 | // Only display content to screen readers
118 | //
119 | // See: http://a11yproject.com/posts/how-to-hide-content/
120 | 
121 | .sr-only {
122 |   position: absolute;
123 |   width: 1px;
124 |   height: 1px;
125 |   margin: -1px;
126 |   padding: 0;
127 |   overflow: hidden;
128 |   clip: rect(0 0 0 0);
129 |   border: 0;
130 | }
131 | 


--------------------------------------------------------------------------------
/static/css/less/tables.less:
--------------------------------------------------------------------------------
  1 | //
  2 | // Tables
  3 | // --------------------------------------------------
  4 | 
  5 | 
  6 | table {
  7 |   max-width: 100%;
  8 |   background-color: @table-bg;
  9 | }
 10 | th {
 11 |   text-align: left;
 12 | }
 13 | 
 14 | 
 15 | // Baseline styles
 16 | 
 17 | .table {
 18 |   width: 100%;
 19 |   margin-bottom: @line-height-computed;
 20 |   // Cells
 21 |   thead,
 22 |   tbody,
 23 |   tfoot {
 24 |     > tr {
 25 |       > th,
 26 |       > td {
 27 |         padding: @table-cell-padding;
 28 |         line-height: @line-height-base;
 29 |         vertical-align: top;
 30 |         border-top: 1px solid @table-border-color;
 31 |       }
 32 |     }
 33 |   }
 34 |   // Bottom align for column headings
 35 |   thead > tr > th {
 36 |     vertical-align: bottom;
 37 |     border-bottom: 2px solid @table-border-color;
 38 |   }
 39 |   // Remove top border from thead by default
 40 |   caption + thead,
 41 |   colgroup + thead,
 42 |   thead:first-child {
 43 |     tr:first-child {
 44 |       th, td {
 45 |         border-top: 0;
 46 |       }
 47 |     }
 48 |   }
 49 |   // Account for multiple tbody instances
 50 |   tbody + tbody {
 51 |     border-top: 2px solid @table-border-color;
 52 |   }
 53 | 
 54 |   // Nesting
 55 |   .table {
 56 |     background-color: @body-bg;
 57 |   }
 58 | }
 59 | 
 60 | 
 61 | // Condensed table w/ half padding
 62 | 
 63 | .table-condensed {
 64 |   thead,
 65 |   tbody,
 66 |   tfoot {
 67 |     > tr {
 68 |       > th,
 69 |       > td {
 70 |         padding: @table-condensed-cell-padding;
 71 |       }
 72 |     }
 73 |   }
 74 | }
 75 | 
 76 | 
 77 | // Bordered version
 78 | //
 79 | // Add borders all around the table and between all the columns.
 80 | 
 81 | .table-bordered {
 82 |   border: 1px solid @table-border-color;
 83 |   > thead,
 84 |   > tbody,
 85 |   > tfoot {
 86 |     > tr {
 87 |       > th,
 88 |       > td {
 89 |         border: 1px solid @table-border-color;
 90 |       }
 91 |     }
 92 |   }
 93 |   > thead {
 94 |     > tr {
 95 |       > th,
 96 |       > td {
 97 |         border-bottom-width: 2px;
 98 |       }
 99 |     }
100 |   }
101 | }
102 | 
103 | 
104 | // Zebra-striping
105 | //
106 | // Default zebra-stripe styles (alternating gray and transparent backgrounds)
107 | 
108 | .table-striped {
109 |   > tbody {
110 |     > tr:nth-child(odd) {
111 |       > td,
112 |       > th {
113 |         background-color: @table-bg-accent;
114 |       }
115 |     }
116 |   }
117 | }
118 | 
119 | 
120 | // Hover effect
121 | //
122 | // Placed here since it has to come after the potential zebra striping
123 | 
124 | .table-hover {
125 |   > tbody {
126 |     > tr:hover {
127 |       > td,
128 |       > th {
129 |         background-color: @table-bg-hover;
130 |       }
131 |     }
132 |   }
133 | }
134 | 
135 | 
136 | // Table cell sizing
137 | //
138 | // Reset default table behavior
139 | 
140 | table col[class*="col-"] {
141 |   float: none;
142 |   display: table-column;
143 | }
144 | table {
145 |   td,
146 |   th {
147 |     &[class*="col-"] {
148 |       float: none;
149 |       display: table-cell;
150 |     }
151 |   }
152 | }
153 | 
154 | 
155 | // Table backgrounds
156 | //
157 | // Exact selectors below required to override `.table-striped` and prevent
158 | // inheritance to nested tables.
159 | 
160 | .table > thead > tr,
161 | .table > tbody > tr,
162 | .table > tfoot > tr {
163 |   > td.active,
164 |   > th.active,
165 |   &.active > td,
166 |   &.active > th  {
167 |     background-color: @table-bg-active;
168 |   }
169 | }
170 | 
171 | // Generate the contextual variants
172 | .table-row-variant(success; @state-success-bg; @state-success-border);
173 | .table-row-variant(danger; @state-danger-bg; @state-danger-border);
174 | .table-row-variant(warning; @state-warning-bg; @state-warning-border);
175 | 
176 | 
177 | // Responsive tables
178 | //
179 | // Wrap your tables in `.table-scrollable` and we'll make them mobile friendly
180 | // by enabling horizontal scrolling. Only applies <768px. Everything above that
181 | // will display normally.
182 | 
183 | @media (max-width: @screen-sm) {
184 |   .table-responsive {
185 |     width: 100%;
186 |     margin-bottom: 15px;
187 |     overflow-y: hidden;
188 |     overflow-x: scroll;
189 |     border: 1px solid @table-border-color;
190 | 
191 |     // Tighten up spacing and give a background color
192 |     > .table {
193 |       margin-bottom: 0;
194 |       background-color: #fff;
195 | 
196 |       // Ensure the content doesn't wrap
197 |       > thead,
198 |       > tbody,
199 |       > tfoot {
200 |         > tr {
201 |           > th,
202 |           > td {
203 |             white-space: nowrap;
204 |           }
205 |         }
206 |       }
207 |     }
208 | 
209 |     // Special overrides for the bordered tables
210 |     > .table-bordered {
211 |       border: 0;
212 | 
213 |       // Nuke the appropriate borders so that the parent can handle them
214 |       > thead,
215 |       > tbody,
216 |       > tfoot {
217 |         > tr {
218 |           > th:first-child,
219 |           > td:first-child {
220 |             border-left: 0;
221 |           }
222 |           > th:last-child,
223 |           > td:last-child {
224 |             border-right: 0;
225 |           }
226 |         }
227 |         > tr:last-child {
228 |           > th,
229 |           > td {
230 |             border-bottom: 0;
231 |           }
232 |         }
233 |       }
234 |     }
235 |   }
236 | }
237 | 


--------------------------------------------------------------------------------
/static/css/less/theme.less:
--------------------------------------------------------------------------------
  1 | 
  2 | //
  3 | // Load core variables and mixins
  4 | // --------------------------------------------------
  5 | 
  6 | @import "variables.less";
  7 | @import "mixins.less";
  8 | 
  9 | 
 10 | 
 11 | //
 12 | // Buttons
 13 | // --------------------------------------------------
 14 | 
 15 | // Common styles
 16 | .btn-default,
 17 | .btn-primary,
 18 | .btn-success,
 19 | .btn-info,
 20 | .btn-warning,
 21 | .btn-danger {
 22 |   text-shadow: 0 -1px 0 rgba(0,0,0,.2);
 23 |   @shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
 24 |   .box-shadow(@shadow);
 25 | 
 26 |   // Reset the shadow
 27 |   &:active,
 28 |   &.active {
 29 |     .box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
 30 |   }
 31 | }
 32 | 
 33 | // Mixin for generating new styles
 34 | .btn-styles(@btn-color: #555;) {
 35 |   #gradient > .vertical(@start-color: @btn-color; @end-color: darken(@btn-color, 10%));
 36 |   border-color: darken(@btn-color, 12%);
 37 | 
 38 |   &:active,
 39 |   &.active {
 40 |     background-color: darken(@btn-color, 10%);
 41 |     border-color: darken(@btn-color, 12%);
 42 |   }
 43 | }
 44 | 
 45 | // Common styles
 46 | .btn {
 47 |   // Remove the gradient for the pressed/active state
 48 |   &:active,
 49 |   &.active {
 50 |     background-image: none;
 51 |   }
 52 | }
 53 | 
 54 | // Apply the mixin to the buttons
 55 | .btn-default { .btn-styles(@btn-default-bg;); text-shadow: 0 1px 0 #fff; border-color: #ccc; }
 56 | .btn-primary { .btn-styles(@btn-primary-bg); }
 57 | .btn-success { .btn-styles(@btn-success-bg); }
 58 | .btn-warning { .btn-styles(@btn-warning-bg); }
 59 | .btn-danger  { .btn-styles(@btn-danger-bg); }
 60 | .btn-info    { .btn-styles(@btn-info-bg); }
 61 | 
 62 | 
 63 | 
 64 | //
 65 | // Images
 66 | // --------------------------------------------------
 67 | 
 68 | .thumbnail,
 69 | .img-thumbnail {
 70 |   .box-shadow(0 1px 2px rgba(0,0,0,.075));
 71 | }
 72 | 
 73 | 
 74 | 
 75 | //
 76 | // Dropdowns
 77 | // --------------------------------------------------
 78 | 
 79 | .dropdown-menu > li > a:hover,
 80 | .dropdown-menu > li > a:focus,
 81 | .dropdown-menu > .active > a,
 82 | .dropdown-menu > .active > a:hover,
 83 | .dropdown-menu > .active > a:focus {
 84 |   #gradient > .vertical(@start-color: @dropdown-link-hover-bg; @end-color: darken(@dropdown-link-hover-bg, 5%));
 85 |   background-color: darken(@dropdown-link-hover-bg, 5%);
 86 | }
 87 | 
 88 | 
 89 | 
 90 | //
 91 | // Navbar
 92 | // --------------------------------------------------
 93 | 
 94 | // Basic navbar
 95 | .navbar {
 96 |   #gradient > .vertical(@start-color: lighten(@navbar-default-bg, 10%); @end-color: @navbar-default-bg;);
 97 |   border-radius: @navbar-border-radius;
 98 |   @shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);
 99 |   .box-shadow(@shadow);
100 | 
101 |   .navbar-nav > .active > a {
102 |     background-color: @navbar-default-bg;
103 |   }
104 | }
105 | .navbar-brand,
106 | .navbar-nav > li > a {
107 |   text-shadow: 0 1px 0 rgba(255,255,255,.25);
108 | }
109 | 
110 | // Inverted navbar
111 | .navbar-inverse {
112 |   #gradient > .vertical(@start-color: lighten(@navbar-inverse-bg, 10%); @end-color: @navbar-inverse-bg;);
113 | 
114 |   .navbar-nav > .active > a {
115 |     background-color: @navbar-inverse-bg;
116 |   }
117 | 
118 |   .navbar-brand,
119 |   .navbar-nav > li > a {
120 |     text-shadow: 0 -1px 0 rgba(0,0,0,.25);
121 |   }
122 | }
123 | 
124 | // Undo rounded corners in static and fixed navbars
125 | .navbar-static-top,
126 | .navbar-fixed-top,
127 | .navbar-fixed-bottom {
128 |   border-radius: 0;
129 | }
130 | 
131 | 
132 | 
133 | //
134 | // Alerts
135 | // --------------------------------------------------
136 | 
137 | // Common styles
138 | .alert {
139 |   text-shadow: 0 1px 0 rgba(255,255,255,.2);
140 |   @shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.05);
141 |   .box-shadow(@shadow);
142 | }
143 | 
144 | // Mixin for generating new styles
145 | .alert-styles(@color) {
146 |   #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 7.5%));
147 |   border-color: darken(@color, 15%);
148 | }
149 | 
150 | // Apply the mixin to the alerts
151 | .alert-success    { .alert-styles(@alert-success-bg); }
152 | .alert-info       { .alert-styles(@alert-info-bg); }
153 | .alert-warning    { .alert-styles(@alert-warning-bg); }
154 | .alert-danger     { .alert-styles(@alert-danger-bg); }
155 | 
156 | 
157 | 
158 | //
159 | // Progress bars
160 | // --------------------------------------------------
161 | 
162 | // Give the progress background some depth
163 | .progress {
164 |   #gradient > .vertical(@start-color: darken(@progress-bg, 4%); @end-color: @progress-bg;)
165 | }
166 | 
167 | // Mixin for generating new styles
168 | .progress-bar-styles(@color) {
169 |   #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 10%));
170 | }
171 | 
172 | // Apply the mixin to the progress bars
173 | .progress-bar            { .progress-bar-styles(@progress-bar-bg); }
174 | .progress-bar-success    { .progress-bar-styles(@progress-bar-success-bg); }
175 | .progress-bar-info       { .progress-bar-styles(@progress-bar-info-bg); }
176 | .progress-bar-warning    { .progress-bar-styles(@progress-bar-warning-bg); }
177 | .progress-bar-danger     { .progress-bar-styles(@progress-bar-danger-bg); }
178 | 
179 | 
180 | 
181 | //
182 | // List groups
183 | // --------------------------------------------------
184 | 
185 | .list-group {
186 |   border-radius: @border-radius-base;
187 |   .box-shadow(0 1px 2px rgba(0,0,0,.075));
188 | }
189 | .list-group-item.active,
190 | .list-group-item.active:hover,
191 | .list-group-item.active:focus {
192 |   text-shadow: 0 -1px 0 darken(@list-group-active-bg, 10%);
193 |   #gradient > .vertical(@start-color: @list-group-active-bg; @end-color: darken(@list-group-active-bg, 7.5%));
194 |   border-color: darken(@list-group-active-border, 7.5%);
195 | }
196 | 
197 | 
198 | 
199 | //
200 | // Panels
201 | // --------------------------------------------------
202 | 
203 | // Common styles
204 | .panel {
205 |   .box-shadow(0 1px 2px rgba(0,0,0,.05));
206 | }
207 | 
208 | // Mixin for generating new styles
209 | .panel-heading-styles(@color) {
210 |   #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 5%));
211 | }
212 | 
213 | // Apply the mixin to the panel headings only
214 | .panel-default > .panel-heading   { .panel-heading-styles(@panel-default-heading-bg); }
215 | .panel-primary > .panel-heading   { .panel-heading-styles(@panel-primary-heading-bg); }
216 | .panel-success > .panel-heading   { .panel-heading-styles(@panel-success-heading-bg); }
217 | .panel-info > .panel-heading      { .panel-heading-styles(@panel-info-heading-bg); }
218 | .panel-warning > .panel-heading   { .panel-heading-styles(@panel-warning-heading-bg); }
219 | .panel-danger > .panel-heading    { .panel-heading-styles(@panel-danger-heading-bg); }
220 | 
221 | 
222 | 
223 | //
224 | // Wells
225 | // --------------------------------------------------
226 | 
227 | .well {
228 |   #gradient > .vertical(@start-color: darken(@well-bg, 5%); @end-color: @well-bg;);
229 |   border-color: darken(@well-bg, 10%);
230 |   @shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);
231 |   .box-shadow(@shadow);
232 | }
233 | 


--------------------------------------------------------------------------------
/static/css/less/thumbnails.less:
--------------------------------------------------------------------------------
 1 | //
 2 | // Thumbnails
 3 | // --------------------------------------------------
 4 | 
 5 | 
 6 | // Mixin and adjust the regular image class
 7 | .thumbnail {
 8 |   .img-thumbnail();
 9 |   display: block; // Override the inline-block from `.img-thumbnail`
10 | 
11 |   > img {
12 |     .img-responsive();
13 |   }
14 | }
15 | 
16 | 
17 | // Add a hover state for linked versions only
18 | a.thumbnail:hover,
19 | a.thumbnail:focus {
20 |   border-color: @link-color;
21 | }
22 | 
23 | // Images and captions
24 | .thumbnail > img {
25 |   margin-left: auto;
26 |   margin-right: auto;
27 | }
28 | .thumbnail .caption {
29 |   padding: @thumbnail-caption-padding;
30 |   color: @thumbnail-caption-color;
31 | }
32 | 


--------------------------------------------------------------------------------
/static/css/less/tooltip.less:
--------------------------------------------------------------------------------
 1 | //
 2 | // Tooltips
 3 | // --------------------------------------------------
 4 | 
 5 | 
 6 | // Base class
 7 | .tooltip {
 8 |   position: absolute;
 9 |   z-index: @zindex-tooltip;
10 |   display: block;
11 |   visibility: visible;
12 |   font-size: @font-size-small;
13 |   line-height: 1.4;
14 |   .opacity(0);
15 | 
16 |   &.in     { .opacity(.9); }
17 |   &.top    { margin-top:  -3px; padding: 5px 0; }
18 |   &.right  { margin-left:  3px; padding: 0 5px; }
19 |   &.bottom { margin-top:   3px; padding: 5px 0; }
20 |   &.left   { margin-left: -3px; padding: 0 5px; }
21 | }
22 | 
23 | // Wrapper for the tooltip content
24 | .tooltip-inner {
25 |   max-width: @tooltip-max-width;
26 |   padding: 3px 8px;
27 |   color: @tooltip-color;
28 |   text-align: center;
29 |   text-decoration: none;
30 |   background-color: @tooltip-bg;
31 |   border-radius: @border-radius-base;
32 | }
33 | 
34 | // Arrows
35 | .tooltip-arrow {
36 |   position: absolute;
37 |   width: 0;
38 |   height: 0;
39 |   border-color: transparent;
40 |   border-style: solid;
41 | }
42 | .tooltip {
43 |   &.top .tooltip-arrow {
44 |     bottom: 0;
45 |     left: 50%;
46 |     margin-left: -@tooltip-arrow-width;
47 |     border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
48 |     border-top-color: @tooltip-arrow-color;
49 |   }
50 |   &.top-left .tooltip-arrow {
51 |     bottom: 0;
52 |     left: 5px;
53 |     border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
54 |     border-top-color: @tooltip-arrow-color;
55 |   }
56 |   &.top-right .tooltip-arrow {
57 |     bottom: 0;
58 |     right: 5px;
59 |     border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
60 |     border-top-color: @tooltip-arrow-color;
61 |   }
62 |   &.right .tooltip-arrow {
63 |     top: 50%;
64 |     left: 0;
65 |     margin-top: -@tooltip-arrow-width;
66 |     border-width: @tooltip-arrow-width @tooltip-arrow-width @tooltip-arrow-width 0;
67 |     border-right-color: @tooltip-arrow-color;
68 |   }
69 |   &.left .tooltip-arrow {
70 |     top: 50%;
71 |     right: 0;
72 |     margin-top: -@tooltip-arrow-width;
73 |     border-width: @tooltip-arrow-width 0 @tooltip-arrow-width @tooltip-arrow-width;
74 |     border-left-color: @tooltip-arrow-color;
75 |   }
76 |   &.bottom .tooltip-arrow {
77 |     top: 0;
78 |     left: 50%;
79 |     margin-left: -@tooltip-arrow-width;
80 |     border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
81 |     border-bottom-color: @tooltip-arrow-color;
82 |   }
83 |   &.bottom-left .tooltip-arrow {
84 |     top: 0;
85 |     left: 5px;
86 |     border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
87 |     border-bottom-color: @tooltip-arrow-color;
88 |   }
89 |   &.bottom-right .tooltip-arrow {
90 |     top: 0;
91 |     right: 5px;
92 |     border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
93 |     border-bottom-color: @tooltip-arrow-color;
94 |   }
95 | }
96 | 


--------------------------------------------------------------------------------
/static/css/less/type.less:
--------------------------------------------------------------------------------
  1 | //
  2 | // Typography
  3 | // --------------------------------------------------
  4 | 
  5 | 
  6 | // Body text
  7 | // -------------------------
  8 | 
  9 | p {
 10 |   margin: 0 0 (@line-height-computed / 2);
 11 | }
 12 | .lead {
 13 |   margin-bottom: @line-height-computed;
 14 |   font-size: (@font-size-base * 1.15);
 15 |   font-weight: 200;
 16 |   line-height: 1.4;
 17 | 
 18 |   @media (min-width: 768px) {
 19 |     font-size: (@font-size-base * 1.5);
 20 |   }
 21 | }
 22 | 
 23 | 
 24 | // Emphasis & misc
 25 | // -------------------------
 26 | 
 27 | // Ex: 14px base font * 85% = about 12px
 28 | small   { font-size: 85%; }
 29 | 
 30 | // Undo browser default styling
 31 | cite    { font-style: normal; }
 32 | 
 33 | // Contextual emphasis
 34 | .text-muted          { color: @text-muted; }
 35 | .text-primary        { color: @brand-primary; }
 36 | .text-warning        { color: @state-warning-text; }
 37 | .text-danger         { color: @state-danger-text; }
 38 | .text-success        { color: @state-success-text; }
 39 | .text-info           { color: @state-info-text; }
 40 | 
 41 | // Alignment
 42 | .text-left           { text-align: left; }
 43 | .text-right          { text-align: right; }
 44 | .text-center         { text-align: center; }
 45 | 
 46 | 
 47 | // Headings
 48 | // -------------------------
 49 | 
 50 | h1, h2, h3, h4, h5, h6,
 51 | .h1, .h2, .h3, .h4, .h5, .h6 {
 52 |   font-family: @headings-font-family;
 53 |   font-weight: @headings-font-weight;
 54 |   line-height: @headings-line-height;
 55 |   small {
 56 |     font-weight: normal;
 57 |     line-height: 1;
 58 |     color: @headings-small-color;
 59 |   }
 60 | }
 61 | 
 62 | h1,
 63 | h2,
 64 | h3 {
 65 |   margin-top: @line-height-computed;
 66 |   margin-bottom: (@line-height-computed / 2);
 67 | }
 68 | h4,
 69 | h5,
 70 | h6 {
 71 |   margin-top: (@line-height-computed / 2);
 72 |   margin-bottom: (@line-height-computed / 2);
 73 | }
 74 | 
 75 | h1, .h1 { font-size: floor(@font-size-base * 2.60); } // ~36px
 76 | h2, .h2 { font-size: floor(@font-size-base * 2.15); } // ~30px
 77 | h3, .h3 { font-size: ceil(@font-size-base * 1.70); } // ~24px
 78 | h4, .h4 { font-size: ceil(@font-size-base * 1.25); } // ~18px
 79 | h5, .h5 { font-size:  @font-size-base; }
 80 | h6, .h6 { font-size: ceil(@font-size-base * 0.85); } // ~12px
 81 | 
 82 | h1 small, .h1 small { font-size: ceil(@font-size-base * 1.70); } // ~24px
 83 | h2 small, .h2 small { font-size: ceil(@font-size-base * 1.25); } // ~18px
 84 | h3 small, .h3 small,
 85 | h4 small, .h4 small { font-size: @font-size-base; }
 86 | 
 87 | 
 88 | // Page header
 89 | // -------------------------
 90 | 
 91 | .page-header {
 92 |   padding-bottom: ((@line-height-computed / 2) - 1);
 93 |   margin: (@line-height-computed * 2) 0 @line-height-computed;
 94 |   border-bottom: 1px solid @page-header-border-color;
 95 | }
 96 | 
 97 | 
 98 | 
 99 | // Lists
100 | // --------------------------------------------------
101 | 
102 | // Unordered and Ordered lists
103 | ul,
104 | ol {
105 |   margin-top: 0;
106 |   margin-bottom: (@line-height-computed / 2);
107 |   ul,
108 |   ol{
109 |     margin-bottom: 0;
110 |   }
111 | }
112 | 
113 | // List options
114 | 
115 | // Unstyled keeps list items block level, just removes default browser padding and list-style
116 | .list-unstyled {
117 |   padding-left: 0;
118 |   list-style: none;
119 | }
120 | // Inline turns list items into inline-block
121 | .list-inline {
122 |   .list-unstyled();
123 |   > li {
124 |     display: inline-block;
125 |     padding-left: 5px;
126 |     padding-right: 5px;
127 |   }
128 | }
129 | 
130 | // Description Lists
131 | dl {
132 |   margin-bottom: @line-height-computed;
133 | }
134 | dt,
135 | dd {
136 |   line-height: @line-height-base;
137 | }
138 | dt {
139 |   font-weight: bold;
140 | }
141 | dd {
142 |   margin-left: 0; // Undo browser default
143 | }
144 | 
145 | // Horizontal description lists
146 | //
147 | // Defaults to being stacked without any of the below styles applied, until the
148 | // grid breakpoint is reached (default of ~768px).
149 | 
150 | @media (min-width: @grid-float-breakpoint) {
151 |   .dl-horizontal {
152 |     dt {
153 |       float: left;
154 |       width: (@component-offset-horizontal - 20);
155 |       clear: left;
156 |       text-align: right;
157 |       .text-overflow();
158 |     }
159 |     dd {
160 |       margin-left: @component-offset-horizontal;
161 |       .clearfix(); // Clear the floated `dt` if an empty `dd` is present
162 |     }
163 |   }
164 | }
165 | 
166 | // MISC
167 | // ----
168 | 
169 | // Abbreviations and acronyms
170 | abbr[title],
171 | // Added data-* attribute to help out our tooltip plugin, per https://github.com/twbs/bootstrap/issues/5257
172 | abbr[data-original-title] {
173 |   cursor: help;
174 |   border-bottom: 1px dotted @abbr-border-color;
175 | }
176 | abbr.initialism {
177 |   font-size: 90%;
178 |   text-transform: uppercase;
179 | }
180 | 
181 | // Blockquotes
182 | blockquote {
183 |   padding: (@line-height-computed / 2) @line-height-computed;
184 |   margin: 0 0 @line-height-computed;
185 |   border-left: 5px solid @blockquote-border-color;
186 |   p {
187 |     font-size: (@font-size-base * 1.25);
188 |     font-weight: 300;
189 |     line-height: 1.25;
190 |   }
191 |   p:last-child {
192 |     margin-bottom: 0;
193 |   }
194 |   small {
195 |     display: block;
196 |     line-height: @line-height-base;
197 |     color: @blockquote-small-color;
198 |     &:before {
199 |       content: '\2014 \00A0';// EM DASH, NBSP
200 |     }
201 |   }
202 | 
203 |   // Float right with text-align: right
204 |   &.pull-right {
205 |     padding-right: 15px;
206 |     padding-left: 0;
207 |     border-right: 5px solid @blockquote-border-color;
208 |     border-left: 0;
209 |     p,
210 |     small {
211 |       text-align: right;
212 |     }
213 |     small {
214 |       &:before {
215 |         content: '';
216 |       }
217 |       &:after {
218 |         content: '\00A0 \2014';// NBSP, EM DASH
219 |       }
220 |     }
221 |   }
222 | }
223 | 
224 | // Quotes
225 | q:before,
226 | q:after,
227 | blockquote:before,
228 | blockquote:after {
229 |   content: "";
230 | }
231 | 
232 | // Addresses
233 | address {
234 |   display: block;
235 |   margin-bottom: @line-height-computed;
236 |   font-style: normal;
237 |   line-height: @line-height-base;
238 | }
239 | 


--------------------------------------------------------------------------------
/static/css/less/utilities.less:
--------------------------------------------------------------------------------
 1 | //
 2 | // Utility classes
 3 | // --------------------------------------------------
 4 | 
 5 | 
 6 | // Floats
 7 | // -------------------------
 8 | 
 9 | .clearfix {
10 |   .clearfix();
11 | }
12 | .pull-right {
13 |   float: right !important;
14 | }
15 | .pull-left {
16 |   float: left !important;
17 | }
18 | 
19 | 
20 | // Toggling content
21 | // -------------------------
22 | 
23 | .hide {
24 |   display: none !important;
25 | }
26 | .show {
27 |   display: block !important;
28 | }
29 | .invisible {
30 |   visibility: hidden;
31 | }
32 | .text-hide {
33 |   .hide-text();
34 | }
35 | 
36 | 
37 | // For Affix plugin
38 | // -------------------------
39 | 
40 | .affix {
41 |   position: fixed;
42 | }
43 | 


--------------------------------------------------------------------------------
/static/css/less/wells.less:
--------------------------------------------------------------------------------
 1 | //
 2 | // Wells
 3 | // --------------------------------------------------
 4 | 
 5 | 
 6 | // Base class
 7 | .well {
 8 |   min-height: 20px;
 9 |   padding: 19px;
10 |   margin-bottom: 20px;
11 |   background-color: @well-bg;
12 |   border: 1px solid darken(@well-bg, 7%);
13 |   border-radius: @border-radius-base;
14 |   .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
15 |   blockquote {
16 |     border-color: #ddd;
17 |     border-color: rgba(0,0,0,.15);
18 |   }
19 | }
20 | 
21 | // Sizes
22 | .well-lg {
23 |   padding: 24px;
24 |   border-radius: @border-radius-large;
25 | }
26 | .well-sm {
27 |   padding: 9px;
28 |   border-radius: @border-radius-small;
29 | }
30 | 


--------------------------------------------------------------------------------
/static/css/main.less:
--------------------------------------------------------------------------------
 1 | @import "less/mixins.less";
 2 | 
 3 | @pink: #be1a8d;
 4 | 
 5 | .custom-highlight{
 6 |     background: @pink;
 7 |     color: #fff;
 8 |     text-shadow: -1px 1px 1px darken(@pink, 15%);
 9 | }
10 | 
11 | /* Apply custom highlight */
12 | ::-moz-selection{ .custom-highlight; }
13 | ::selection { .custom-highlight; }
14 | 


--------------------------------------------------------------------------------
/static/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zachwill/flask_heroku/5214a74c3711bf9759192f873b62b025317932d7/static/favicon.ico


--------------------------------------------------------------------------------
/static/fonts/glyphicons-halflings-regular.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zachwill/flask_heroku/5214a74c3711bf9759192f873b62b025317932d7/static/fonts/glyphicons-halflings-regular.eot


--------------------------------------------------------------------------------
/static/fonts/glyphicons-halflings-regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zachwill/flask_heroku/5214a74c3711bf9759192f873b62b025317932d7/static/fonts/glyphicons-halflings-regular.ttf


--------------------------------------------------------------------------------
/static/fonts/glyphicons-halflings-regular.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zachwill/flask_heroku/5214a74c3711bf9759192f873b62b025317932d7/static/fonts/glyphicons-halflings-regular.woff


--------------------------------------------------------------------------------
/static/img/octocat.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zachwill/flask_heroku/5214a74c3711bf9759192f873b62b025317932d7/static/img/octocat.png


--------------------------------------------------------------------------------
/static/robots.txt:
--------------------------------------------------------------------------------
1 | # www.robotstxt.org/
2 | # www.google.com/support/webmasters/bin/answer.py?hl=en&answer=156449
3 | 
4 | User-agent: *
5 | 


--------------------------------------------------------------------------------
/templates/404.html:
--------------------------------------------------------------------------------
 1 | {% extends "base.html" %}
 2 | 
 3 | {% block title %}Page Not Found{% endblock %}
 4 | 
 5 | {% block css %}
 6 | <style type="text/css">
 7 |   body{
 8 |     padding-top: 40px;
 9 |   }
10 |   h1, p{
11 |     text-align:center;
12 |   }
13 |   h1{
14 |     font-size:64px;
15 |     margin:75px 0 50px;
16 |   }
17 |   p{
18 |     font-size:24px;
19 |     margin:15px 0;
20 |   }
21 | </style>
22 | {% endblock %}
23 | 
24 | {% block main %}
25 | <h1>404</h1>
26 | <p>That page doesn't even exist.</p>
27 | <p>Why don't you just <a href="{{ url_for('home') }}">go back home</a>?</p>
28 | {% endblock %}
29 | 


--------------------------------------------------------------------------------
/templates/_form_helpers.html:
--------------------------------------------------------------------------------
 1 | {% macro render_field(field) %}
 2 | <p>
 3 |   {{ field.label }}
 4 |   <br />
 5 |   {{ field(**kwargs)|safe }}
 6 |   {% if field.errors %}
 7 |   <br />
 8 |     <ul class="errors">
 9 |     {% for error in field.errors %}
10 |       <li>{{ error }}</li>
11 |     {% endfor %}
12 |     </ul>
13 |   {% endif %}
14 | </p>
15 | {% endmacro %}
16 | 


--------------------------------------------------------------------------------
/templates/about.html:
--------------------------------------------------------------------------------
 1 | {% extends "base.html" %}
 2 | 
 3 | 
 4 | {% block js %}
 5 | {% endblock %}
 6 | 
 7 | 
 8 | {% block main %}
 9 | {% endblock %}
10 | 


--------------------------------------------------------------------------------
/templates/base.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html class="no-js" lang="en">
 3 | <head>
 4 |   <meta charset="utf-8">
 5 | 
 6 |   <title>{% block title %}yoursite.com{% endblock %}</title>
 7 | 
 8 |   <meta name="viewport" content="width=device-width, initial-scale=1.0">
 9 |   <meta name="description" content="">
10 |   <meta name="author" content="">
11 |   <link rel="shortcut icon" href="/static/favicon.ico">
12 | 
13 |   <!-- HTML5 shim, for IE 6-8 support of HTML elements -->
14 |   <!--[if lt IE 9]>
15 |     <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
16 |   <![endif]-->
17 | 
18 |   <link rel="stylesheet" href="/static/css/bootstrap.min.css">
19 |   <link rel="stylesheet" href="/static/css/bootstrap-theme.min.css">
20 |   <link rel="stylesheet/less" href="/static/css/main.less">
21 |   {% block css %}{% endblock %}
22 | 
23 |   <!-- Rather use `less.js` to dynamically compile your `stylesheet/less` files? -->
24 |   <script src="//cdnjs.cloudflare.com/ajax/libs/less.js/1.4.1/less.min.js"></script>
25 |   <script>window.less || document.write('<script src="/static/js/less.js">\x3C/script>')</script>
26 | 
27 |   <!-- Need Modernizr? Uncomment the following script. -->
28 |   <!-- <script src="/static/js/modernizr.js"></script> -->
29 | 
30 | </head>
31 | 
32 | <body>
33 | 
34 |   <header>
35 |     {% include "header.html" %}
36 |   </header>
37 | 
38 |   <div id="main" role="main">
39 |     {% block main %}{% endblock %}
40 |   </div>
41 | 
42 |   <footer>
43 |     {% include "footer.html" %}
44 |   </footer>
45 | 
46 | 
47 |   <!-- JavaScript at the bottom for fast page loading -->
48 | 
49 |   <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if necessary -->
50 |   <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
51 |   <script>window.jQuery || document.write('<script src="/static/js/libs/jquery.js">\x3C/script>')</script>
52 | 
53 | 
54 |   <!-- Additional JavaScript libraries and plugins... -->
55 |   {% block js %}{% endblock %}
56 | 
57 | 
58 |   <!-- mathiasbynens.be/notes/async-analytics-snippet Change UA-XXXXX-X to be your site's ID -->
59 |   <script>
60 |     var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
61 |     (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
62 |     g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
63 |     s.parentNode.insertBefore(g,s)}(document,'script'));
64 |   </script>
65 | 
66 | 
67 |   <!-- Prompt IE < 8 users to install Chrome Frame.  -->
68 |   <!--[if lt IE 8 ]>
69 |     <script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
70 |     <script>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
71 |   <![endif]-->
72 | 
73 | </body>
74 | </html>
75 | 


--------------------------------------------------------------------------------
/templates/footer.html:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zachwill/flask_heroku/5214a74c3711bf9759192f873b62b025317932d7/templates/footer.html


--------------------------------------------------------------------------------
/templates/header.html:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zachwill/flask_heroku/5214a74c3711bf9759192f873b62b025317932d7/templates/header.html


--------------------------------------------------------------------------------
/templates/home.html:
--------------------------------------------------------------------------------
 1 | {% extends "base.html" %}
 2 | 
 3 | 
 4 | {% block js %}
 5 | {% endblock %}
 6 | 
 7 | 
 8 | {% block main %}
 9 | {% endblock %}
10 | 


--------------------------------------------------------------------------------
/test.py:
--------------------------------------------------------------------------------
 1 | #!/usr/bin/env python
 2 | 
 3 | """Tests for the Flask Heroku template."""
 4 | 
 5 | import unittest
 6 | from app import app
 7 | 
 8 | 
 9 | class TestApp(unittest.TestCase):
10 | 
11 |     def setUp(self):
12 |         self.app = app.test_client()
13 | 
14 |     def test_home_page_works(self):
15 |         rv = self.app.get('/')
16 |         self.assertTrue(rv.data)
17 |         self.assertEqual(rv.status_code, 200)
18 | 
19 |     def test_about_page_works(self):
20 |         rv = self.app.get('/about/')
21 |         self.assertTrue(rv.data)
22 |         self.assertEqual(rv.status_code, 200)
23 | 
24 |     def test_default_redirecting(self):
25 |         rv = self.app.get('/about')
26 |         self.assertEqual(rv.status_code, 301)
27 | 
28 |     def test_404_page(self):
29 |         rv = self.app.get('/i-am-not-found/')
30 |         self.assertEqual(rv.status_code, 404)
31 | 
32 |     def test_static_text_file_request(self):
33 |         rv = self.app.get('/robots.txt')
34 |         self.assertTrue(rv.data)
35 |         self.assertEqual(rv.status_code, 200)
36 |         rv.close()
37 | 
38 | 
39 | if __name__ == '__main__':
40 |     unittest.main()
41 | 


--------------------------------------------------------------------------------