diff --git a/.gitignore b/.gitignore index 72364f99..4f8d8751 100644 --- a/.gitignore +++ b/.gitignore @@ -23,6 +23,8 @@ var/ *.egg-info/ .installed.cfg *.egg +symposion +pyenv # PyInstaller # Usually these files are written by a python script from a template @@ -87,3 +89,10 @@ ENV/ # Rope project settings .ropeproject + +dev.db + +pybay/site_media/* + +# jetbrains +.idea/ \ No newline at end of file diff --git a/.travis.yml b/.travis.yml new file mode 100644 index 00000000..b668ceba --- /dev/null +++ b/.travis.yml @@ -0,0 +1,15 @@ +language: python +python: +- 3.5 +- 3.6 +install: +- pip install pipenv +- pipenv sync # Install only what is specified in Pipfile.lock +script: +- pipenv run python -c 'import django;print(django.get_version())' +- pipenv run ./manage.py migrate +- pipenv run ./manage.py compilescss +- pipenv run ./manage.py collectstatic --no-input +- pipenv run ./manage.py test +env: +- TRAVIS=true PIPENV_IGNORE_VIRTUALENVS=1 # Pipenv running in a virtualenv causes problems because it also creates a virtualenv diff --git a/CHANGELOG.md b/CHANGELOG.md new file mode 100644 index 00000000..c31390f6 --- /dev/null +++ b/CHANGELOG.md @@ -0,0 +1,11 @@ +# Changelog + +Notable changes to this project should be documented in this file. + + +## 2019-02-19 + +- Add django-reversion and integrate with flatpage admin. Important: + run `./manage.py createinitialrevisions` to use the admin + integration. See the history button in the admin which lets you view + previous versions of a model. diff --git a/Pipfile b/Pipfile new file mode 100644 index 00000000..a7e99bd2 --- /dev/null +++ b/Pipfile @@ -0,0 +1,44 @@ +[[source]] +url = "https://pypi.python.org/simple" +verify_ssl = true +name = "pypi" + +[packages] +django-appconf = "==1.0.1" +django-bootstrap-form = "==3.2.1" +django-columns = "==0.1.0" +django-crispy-forms = "==1.6.1" +django-generic-flatblocks = "==1.2" +django-jsonfield = "==1.0.1" +django-markup = "==1.2" +django-markitup = "==2.2.2" +django-model-utils = "==2.4" +django-ordered-model = "==1.4.1" +django-reversion = "==2.0.13" +django-sitetree = "==1.5.1" +django-taggit = "==0.18.0" +django-timezone-field = "==2.0" +django-timezones = "==0.2" +django-user-accounts = "==2.0" +django = "==1.9.2" +easy-thumbnails = "==2.3" +eventlog = "==0.8.0" +symposion = {git = "https://github.com/pybay/symposion.git"} +"html5lib" = "==0.9999999" +markdown = "==2.6.5" +metron = "==1.3.5" +olefile = "==0.44" +pillow = "*" +pinax-boxes = "==2.1.2" +pinax-theme-bootstrap = "==5.7.2" +pytz = "==2015.7" +rollbar = "==0.13.2" +model-mommy = "==1.3.2" +django-sass-processor = "*" +django-compressor = "*" +libsass = "*" +sqlparse = "==0.2.4" + +[dev-packages] +mysqlclient = "==1.3.10" +django-debug-toolbar = "*" diff --git a/Pipfile.lock b/Pipfile.lock new file mode 100644 index 00000000..54800d0c --- /dev/null +++ b/Pipfile.lock @@ -0,0 +1,451 @@ +{ + "_meta": { + "hash": { + "sha256": "bad8575c26350625f222b5431ede7ada075d8f77d7cdb7a86e5335c0b9f4d0ed" + }, + "pipfile-spec": 6, + "requires": {}, + "sources": [ + { + "name": "pypi", + "url": "https://pypi.python.org/simple", + "verify_ssl": true + } + ] + }, + "default": { + "certifi": { + "hashes": [ + "sha256:47f9c83ef4c0c621eaef743f133f09fa8a74a9b75f037e8624f83bd1b6626cb7", + "sha256:993f830721089fef441cdfeb4b2c8c9df86f0c63239f06bd025a76a7daddb033" + ], + "version": "==2018.11.29" + }, + "chardet": { + "hashes": [ + "sha256:84ab92ed1c4d4f16916e05906b6b75a6c0fb5db821cc65e70cbd64a3e2a5eaae", + "sha256:fc323ffcaeaed0e0a02bf4d117757b98aed530d9ed4531e3e15460124c106691" + ], + "version": "==3.0.4" + }, + "django": { + "hashes": [ + "sha256:7a233322eeb35da5fd8315f9e5dd48f2171de43ca2cfb11b138607daa4bf8a2f", + "sha256:cc2ee91769af012654ae4904b6704f2fa0cc6b283675869c2f2ed879eaba11e8" + ], + "index": "pypi", + "version": "==1.9.2" + }, + "django-appconf": { + "hashes": [ + "sha256:3d9bc963d8008ae151d6c664f9fd55442705ea9b9e6d7ce77cdd40bf92d91f3a", + "sha256:ba1375fb1024e8e91547504d4392321795c989fde500b96ebc7c93884f786e60" + ], + "index": "pypi", + "version": "==1.0.1" + }, + "django-bootstrap-form": { + "hashes": [ + "sha256:806732e87785bd4fd235a98de64af2fd24845a9390dad6196bb3aeb13a01c74b" + ], + "index": "pypi", + "version": "==3.2.1" + }, + "django-columns": { + "hashes": [ + "sha256:cd5ffb9b1e31908dba058344fc0e7def2367f13b6fa4c9a6b801e29fc864fdf9" + ], + "index": "pypi", + "version": "==0.1.0" + }, + "django-compressor": { + "hashes": [ + "sha256:7732676cfb9d58498dfb522b036f75f3f253f72ea1345ac036434fdc418c2e57", + "sha256:9616570e5b08e92fa9eadc7a1b1b49639cce07ef392fc27c74230ab08075b30f" + ], + "index": "pypi", + "version": "==2.2" + }, + "django-crispy-forms": { + "hashes": [ + "sha256:18e904c7bd55c45201739cb343272767ff820263a1fca40a7b388006ce94910c", + "sha256:c894f3a44e111ae6c6226c67741d96d120adb942de41dc8b2a991b87de7ff9c0" + ], + "index": "pypi", + "version": "==1.6.1" + }, + "django-generic-flatblocks": { + "hashes": [ + "sha256:a827ca57a7590715581a31344cbebf5a6fe9a7174625d91fa8f17a9b966fd14d", + "sha256:cb14f3adbc04dee888b760d310ce5dcc81d8a9be2ecae2e00beef486cb4635d2" + ], + "index": "pypi", + "version": "==1.2" + }, + "django-jsonfield": { + "hashes": [ + "sha256:6c0afd5554739365b55d86e285cf966cc3a45682fff963463364ea1f6511ca3e" + ], + "index": "pypi", + "version": "==1.0.1" + }, + "django-markitup": { + "hashes": [ + "sha256:d77e356457a1994d604aefca4c4234530fb6ff38c95d10af3953f611f152dfa4" + ], + "index": "pypi", + "version": "==2.2.2" + }, + "django-markup": { + "hashes": [ + "sha256:4ef5d268d9376253513f3a7897ac15da48795412b34c8c9c4b9ef0a472ff21b7" + ], + "index": "pypi", + "version": "==1.2" + }, + "django-model-utils": { + "hashes": [ + "sha256:26795b12c85044073438d78d6efbb0071ebe1ebf7be2c185f2f0ba25ac446464" + ], + "index": "pypi", + "version": "==2.4" + }, + "django-ordered-model": { + "hashes": [ + "sha256:9a975f479883cac6702368a7b14d37af04ea686ce8c65bac22330b430b7d7437" + ], + "index": "pypi", + "version": "==1.4.1" + }, + "django-reversion": { + "hashes": [ + "sha256:2e105a2c74462ce7de97afdcfb187f27b88a547dda1216a8aab964d32a882edf", + "sha256:f27249218ac901ec219869c9618e01d8c30436a4e8da1a64fcb652209b11e47d" + ], + "index": "pypi", + "version": "==2.0.13" + }, + "django-sass-processor": { + "hashes": [ + "sha256:0381585a23c0f31a387cb53cf38f744e4d97d8ac3b9b19ec423dd6bfa714ecff" + ], + "index": "pypi", + "version": "==0.7.2" + }, + "django-sitetree": { + "hashes": [ + "sha256:54302b1878990f228d9c13806899b04ab0b98779ecd1df3d71090070c591f387" + ], + "index": "pypi", + "version": "==1.5.1" + }, + "django-taggit": { + "hashes": [ + "sha256:4ddd61928a4fc6ba7ccb1145d8d3a6d5c2829de8d8738eea49924ade8969f0ce", + "sha256:7010a1f7597d954aaf8b8174563f2e3455520db949d9c5d360dd9e4f906dd32a" + ], + "index": "pypi", + "version": "==0.18.0" + }, + "django-timezone-field": { + "hashes": [ + "sha256:8d368d15f19d39c887cb59606a4e5897b7366c7552cae3b1da421bc939696968" + ], + "index": "pypi", + "version": "==2.0" + }, + "django-timezones": { + "hashes": [ + "sha256:5dd07ab1bec0eb8859f3d30ec1b293f7181dc01e60410f5740b9bb9d360473ec" + ], + "index": "pypi", + "version": "==0.2" + }, + "django-user-accounts": { + "hashes": [ + "sha256:542558e54cc00ee697a92ef6b3e4a625e07b6b126d58cdd4ae2c44cf9fb09025", + "sha256:88febcb4d0bf8b9c3883c1572efd6902702002f1ab1346f2af1f2f78a8c02bec" + ], + "index": "pypi", + "version": "==2.0" + }, + "easy-thumbnails": { + "hashes": [ + "sha256:5ae57f086026dbfe4aa59e9bc80bcae1ae6daca63dec02a2d510c3ab098f0de2", + "sha256:d6113cf1e1ece85216ab8cd62c352da21853c9ef31341161d904801d347d7aee" + ], + "index": "pypi", + "version": "==2.3" + }, + "eventlog": { + "hashes": [ + "sha256:8935e34589a6549b2dce6eeffae40d22739eb55b6a994a30f66a428d6f98b813" + ], + "index": "pypi", + "version": "==0.8.0" + }, + "html5lib": { + "hashes": [ + "sha256:2612a191a8d5842bfa057e41ba50bbb9dcb722419d2408c78cff4758d0754868" + ], + "index": "pypi", + "version": "==0.9999999" + }, + "idna": { + "hashes": [ + "sha256:c357b3f628cf53ae2c4c05627ecc484553142ca23264e593d327bcde5e9c3407", + "sha256:ea8b7f6188e6fa117537c3df7da9fc686d485087abf6ac197f9c46432f7e4a3c" + ], + "version": "==2.8" + }, + "libsass": { + "hashes": [ + "sha256:0da943e00e028211cb4bb91496a20becab9fe82407bb75266ec4212af04acb45", + "sha256:107591ba2c0d173bb1705bef0e9fd04a5b6f482f3584f4ea51b28ab8b137fbb2", + "sha256:1aeadc155594af23879e27792667dc06e7f248c2c599c40ff2a7335193abdf05", + "sha256:411833c623288138744865d882f5226f6db52afce1e19f42722c416df9d308dc", + "sha256:4bf7a80a956da9de9715436b85343a179da4ff399a6e9a1694e70bff93d43099", + "sha256:53be1c6cea9458fc0b59fafff5307d63cbde4d6f8a4413fb52ae467566273357", + "sha256:55b77204cfa363142ab02c49ee871321a396b8e51f6361ebc226c3953c780541", + "sha256:66e3062ff508c81928e35c66702f0cc4f70fb12eb76ba23eeb0ff87a6340cc13", + "sha256:747e1cb3624b25ce9104315cf98b080246c5112d008cba6536a7dd2edb16fcc2", + "sha256:75605a97f4b2f47fafc5a372f09efec210c7f33908c6de726362f85489fd53aa", + "sha256:7c7a531b8cd786c35170e97338be2e73a74806f95539366a8ee837df94b8a8cf", + "sha256:953ebe810f09d81b84ccafdca0fb6171d1b58c8f0147cb650184a41e124e296f", + "sha256:a19041e78d5bb7c5d72e010e893c29119693628b6ee06025503ab2584cf24edd", + "sha256:b3e4abf50ad3a6bec25acd0c67495301cab6137aa79b8640364276f7f3712586", + "sha256:bf6b7ad08f287695338f050c80f79d258a405e5c349cdaeb9be5d5376c09e37a", + "sha256:fcbc861a001ffd68c4df00164b41c6152d5451185d06c654ac240d811be9f7e2" + ], + "index": "pypi", + "version": "==0.17.0" + }, + "markdown": { + "hashes": [ + "sha256:8d94cf6273606f76753fcb1324623792b3738c7612c2b180c85cc5e88642e560", + "sha256:a59fdbcec28f79ad9842ea7f74cde5a02e14a3025836e0bc66c4fc48596ce2ca" + ], + "index": "pypi", + "version": "==2.6.5" + }, + "metron": { + "hashes": [ + "sha256:d0178fa342b97d474145ff9263916db7e10a86047d223d8647c4e769cb2fa20d" + ], + "index": "pypi", + "version": "==1.3.5" + }, + "model-mommy": { + "hashes": [ + "sha256:95a989fb379cbc7f1d9ccc8b5cbaef10d4b6cc8a988d8109bf3603dfd3669bb4", + "sha256:d60a5967967d63b0a79a3ebbb5753379b037d411c44e5ae284cbc485f2c9f63a" + ], + "index": "pypi", + "version": "==1.3.2" + }, + "olefile": { + "hashes": [ + "sha256:61f2ca0cd0aa77279eb943c07f607438edf374096b66332fae1ee64a6f0f73ad" + ], + "index": "pypi", + "version": "==0.44" + }, + "pillow": { + "hashes": [ + "sha256:01a501be4ae05fd714d269cb9c9f145518e58e73faa3f140ddb67fae0c2607b1", + "sha256:051de330a06c99d6f84bcf582960487835bcae3fc99365185dc2d4f65a390c0e", + "sha256:07c35919f983c2c593498edcc126ad3a94154184899297cc9d27a6587672cbaa", + "sha256:0ae5289948c5e0a16574750021bd8be921c27d4e3527800dc9c2c1d2abc81bf7", + "sha256:0b1efce03619cdbf8bcc61cfae81fcda59249a469f31c6735ea59badd4a6f58a", + "sha256:0cf0208500df8d0c3cad6383cd98a2d038b0678fd4f777a8f7e442c5faeee81d", + "sha256:163136e09bd1d6c6c6026b0a662976e86c58b932b964f255ff384ecc8c3cefa3", + "sha256:18e912a6ccddf28defa196bd2021fe33600cbe5da1aa2f2e2c6df15f720b73d1", + "sha256:24ec3dea52339a610d34401d2d53d0fb3c7fd08e34b20c95d2ad3973193591f1", + "sha256:267f8e4c0a1d7e36e97c6a604f5b03ef58e2b81c1becb4fccecddcb37e063cc7", + "sha256:3273a28734175feebbe4d0a4cde04d4ed20f620b9b506d26f44379d3c72304e1", + "sha256:39fbd5d62167197318a0371b2a9c699ce261b6800bb493eadde2ba30d868fe8c", + "sha256:4132c78200372045bb348fcad8d52518c8f5cfc077b1089949381ee4a61f1c6d", + "sha256:4baab2d2da57b0d9d544a2ce0f461374dd90ccbcf723fe46689aff906d43a964", + "sha256:4c678e23006798fc8b6f4cef2eaad267d53ff4c1779bd1af8725cc11b72a63f3", + "sha256:4d4bc2e6bb6861103ea4655d6b6f67af8e5336e7216e20fff3e18ffa95d7a055", + "sha256:505738076350a337c1740a31646e1de09a164c62c07db3b996abdc0f9d2e50cf", + "sha256:5233664eadfa342c639b9b9977190d64ad7aca4edc51a966394d7e08e7f38a9f", + "sha256:52e2e56fc3706d8791761a157115dc8391319720ad60cc32992350fda74b6be2", + "sha256:5337ac3280312aa065ed0a8ec1e4b6142e9f15c31baed36b5cd964745853243f", + "sha256:5ccd97e0f01f42b7e35907272f0f8ad2c3660a482d799a0c564c7d50e83604d4", + "sha256:5d95cb9f6cced2628f3e4de7e795e98b2659dfcc7176ab4a01a8b48c2c2f488f", + "sha256:634209852cc06c0c1243cc74f8fdc8f7444d866221de51125f7b696d775ec5ca", + "sha256:75d1f20bd8072eff92c5f457c266a61619a02d03ece56544195c56d41a1a0522", + "sha256:7eda4c737637af74bac4b23aa82ea6fbb19002552be85f0b89bc27e3a762d239", + "sha256:801ddaa69659b36abf4694fed5aa9f61d1ecf2daaa6c92541bbbbb775d97b9fe", + "sha256:825aa6d222ce2c2b90d34a0ea31914e141a85edefc07e17342f1d2fdf121c07c", + "sha256:87fe838f9dac0597f05f2605c0700b1926f9390c95df6af45d83141e0c514bd9", + "sha256:9c215442ff8249d41ff58700e91ef61d74f47dfd431a50253e1a1ca9436b0697", + "sha256:a3d90022f2202bbb14da991f26ca7a30b7e4c62bf0f8bf9825603b22d7e87494", + "sha256:a631fd36a9823638fe700d9225f9698fb59d049c942d322d4c09544dc2115356", + "sha256:a6523a23a205be0fe664b6b8747a5c86d55da960d9586db039eec9f5c269c0e6", + "sha256:a756ecf9f4b9b3ed49a680a649af45a8767ad038de39e6c030919c2f443eb000", + "sha256:ac036b6a6bac7010c58e643d78c234c2f7dc8bb7e591bd8bc3555cf4b1527c28", + "sha256:b117287a5bdc81f1bac891187275ec7e829e961b8032c9e5ff38b70fd036c78f", + "sha256:ba04f57d1715ca5ff74bb7f8a818bf929a204b3b3c2c2826d1e1cc3b1c13398c", + "sha256:ba6ef2bd62671c7fb9cdb3277414e87a5cd38b86721039ada1464f7452ad30b2", + "sha256:c8939dba1a37960a502b1a030a4465c46dd2c2bca7adf05fa3af6bea594e720e", + "sha256:cd878195166723f30865e05d87cbaf9421614501a4bd48792c5ed28f90fd36ca", + "sha256:cee815cc62d136e96cf76771b9d3eb58e0777ec18ea50de5cfcede8a7c429aa8", + "sha256:d1722b7aa4b40cf93ac3c80d3edd48bf93b9208241d166a14ad8e7a20ee1d4f3", + "sha256:d7c1c06246b05529f9984435fc4fa5a545ea26606e7f450bdbe00c153f5aeaad", + "sha256:db418635ea20528f247203bf131b40636f77c8209a045b89fa3badb89e1fcea0", + "sha256:e1555d4fda1db8005de72acf2ded1af660febad09b4708430091159e8ae1963e", + "sha256:e9c8066249c040efdda84793a2a669076f92a301ceabe69202446abb4c5c5ef9", + "sha256:e9f13711780c981d6eadd6042af40e172548c54b06266a1aabda7de192db0838", + "sha256:f0e3288b92ca5dbb1649bd00e80ef652a72b657dc94989fa9c348253d179054b", + "sha256:f227d7e574d050ff3996049e086e1f18c7bd2d067ef24131e50a1d3fe5831fbc", + "sha256:f62b1aeb5c2ced8babd4fbba9c74cbef9de309f5ed106184b12d9778a3971f15", + "sha256:f71ff657e63a9b24cac254bb8c9bd3c89c7a1b5e00ee4b3997ca1c18100dac28", + "sha256:fc9a12aad714af36cf3ad0275a96a733526571e52710319855628f476dcb144e" + ], + "index": "pypi", + "version": "==5.4.1" + }, + "pinax-boxes": { + "hashes": [ + "sha256:1fadc9615bde0765cbe932a4a6e8a1a6282f360da20c2466300988eab00916c0" + ], + "index": "pypi", + "version": "==2.1.2" + }, + "pinax-theme-bootstrap": { + "hashes": [ + "sha256:fa54dd5d9bd0f661e6c6f139e00da0c08d30dd283eb2b20a8e08b17ecf3819ec" + ], + "index": "pypi", + "version": "==5.7.2" + }, + "pytz": { + "hashes": [ + "sha256:3abe6a6d3fc2fbbe4c60144211f45da2edbe3182a6f6511af6bbba0598b1f992", + "sha256:3cca0df08bd0ed98432390494ce3ded003f5e661aa460be7a734bffe35983605", + "sha256:3ede470d3d17ba3c07638dfa0d10452bc1b6e5ad326127a65ba77e6aaeb11bec", + "sha256:68c47964f7186eec306b13629627722b9079cd4447ed9e5ecaecd4eac84ca734", + "sha256:81af9aec4bc960a9a0127c488f18772dae4634689233f06f65443e7b11ebeb51", + "sha256:8b6ce1c993909783bc96e0b4f34ea223bff7a4df2c90bdb9c4e0f1ac928689e3", + "sha256:939ef9c1e1224d980405689a97ffcf7828c56d1517b31d73464356c1f2b7769e", + "sha256:99266ef30a37e43932deec2b7ca73e83c8dbc3b9ff703ec73eca6b1dae6befea", + "sha256:a77c52062c07eb7c7b30545dbc73e32995b7e117eea750317b5cb5c7a4618f14", + "sha256:dd5d3991950aae40a6c81de1578942e73d629808cefc51d12cd157980e6cfc18", + "sha256:e079b1dadc5c06246cc1bb6fe1b23a50b1d1173f2edd5104efd40bb73a28f406", + "sha256:ead4aefa7007249e05e51b01095719d5a8dd95760089f5730aac5698b1932918", + "sha256:fbd26746772c24cb93c8b97cbdad5cb9e46c86bbdb1b9d8a743ee00e2fb1fc5d" + ], + "index": "pypi", + "version": "==2015.7" + }, + "rcssmin": { + "hashes": [ + "sha256:ca87b695d3d7864157773a61263e5abb96006e9ff0e021eff90cbe0e1ba18270" + ], + "version": "==1.0.6" + }, + "requests": { + "hashes": [ + "sha256:502a824f31acdacb3a35b6690b5fbf0bc41d63a24a45c4004352b0242707598e", + "sha256:7bf2a778576d825600030a110f3c0e3e8edc51dfaafe1c146e39a2027784957b" + ], + "version": "==2.21.0" + }, + "rjsmin": { + "hashes": [ + "sha256:dd9591aa73500b08b7db24367f8d32c6470021f39d5ab4e50c7c02e4401386f1" + ], + "version": "==1.0.12" + }, + "rollbar": { + "hashes": [ + "sha256:727cf6a422cf2b3d7a12bc0d1de7535218d1e958fd8141b3ad758bc9b14bf355" + ], + "index": "pypi", + "version": "==0.13.2" + }, + "six": { + "hashes": [ + "sha256:3350809f0555b11f552448330d0b52d5f24c91a322ea4a15ef22629740f3761c", + "sha256:d16a0141ec1a18405cd4ce8b4613101da75da0e9a7aec5bdd4fa804d0e0eba73" + ], + "version": "==1.12.0" + }, + "sqlparse": { + "hashes": [ + "sha256:ce028444cfab83be538752a2ffdb56bc417b7784ff35bb9a3062413717807dec", + "sha256:d9cf190f51cbb26da0412247dfe4fb5f4098edb73db84e02f9fc21fdca31fed4" + ], + "index": "pypi", + "version": "==0.2.4" + }, + "symposion": { + "git": "https://github.com/pybay/symposion.git" + }, + "urllib3": { + "hashes": [ + "sha256:61bf29cada3fc2fbefad4fdf059ea4bd1b4a86d2b6d15e1c7c0b582b9752fe39", + "sha256:de9529817c93f27c8ccbfead6985011db27bd0ddfcdb2d86f3f663385c6a9c22" + ], + "version": "==1.24.1" + } + }, + "develop": { + "django": { + "hashes": [ + "sha256:7a233322eeb35da5fd8315f9e5dd48f2171de43ca2cfb11b138607daa4bf8a2f", + "sha256:cc2ee91769af012654ae4904b6704f2fa0cc6b283675869c2f2ed879eaba11e8" + ], + "index": "pypi", + "version": "==1.9.2" + }, + "django-debug-toolbar": { + "hashes": [ + "sha256:89d75b60c65db363fb24688d977e5fbf0e73386c67acf562d278402a10fc3736", + "sha256:c2b0134119a624f4ac9398b44f8e28a01c7686ac350a12a74793f3dd57a9eea0" + ], + "index": "pypi", + "version": "==1.11" + }, + "mysqlclient": { + "hashes": [ + "sha256:26e19db4929313104e287916afa4cdd03974c51838414d508023bb324468daf0", + "sha256:34003bb52c82e415ba10da1ce2925745ad2220335e1e14921bb56f68dd5e37f6", + "sha256:452aaf9d2ba1a4fb85c134c88f9b1857852deed63b3b13255d7a65d2c1297262", + "sha256:9cafa74a58b7f280cd2392f1b656aa3660ca6ddfd641f0779cd0a76831bb81b0", + "sha256:b435116061913b75a27519bee3f71d82a11b409f878f8797061ecf24117854c6" + ], + "index": "pypi", + "version": "==1.3.10" + }, + "pytz": { + "hashes": [ + "sha256:3abe6a6d3fc2fbbe4c60144211f45da2edbe3182a6f6511af6bbba0598b1f992", + "sha256:3cca0df08bd0ed98432390494ce3ded003f5e661aa460be7a734bffe35983605", + "sha256:3ede470d3d17ba3c07638dfa0d10452bc1b6e5ad326127a65ba77e6aaeb11bec", + "sha256:68c47964f7186eec306b13629627722b9079cd4447ed9e5ecaecd4eac84ca734", + "sha256:81af9aec4bc960a9a0127c488f18772dae4634689233f06f65443e7b11ebeb51", + "sha256:8b6ce1c993909783bc96e0b4f34ea223bff7a4df2c90bdb9c4e0f1ac928689e3", + "sha256:939ef9c1e1224d980405689a97ffcf7828c56d1517b31d73464356c1f2b7769e", + "sha256:99266ef30a37e43932deec2b7ca73e83c8dbc3b9ff703ec73eca6b1dae6befea", + "sha256:a77c52062c07eb7c7b30545dbc73e32995b7e117eea750317b5cb5c7a4618f14", + "sha256:dd5d3991950aae40a6c81de1578942e73d629808cefc51d12cd157980e6cfc18", + "sha256:e079b1dadc5c06246cc1bb6fe1b23a50b1d1173f2edd5104efd40bb73a28f406", + "sha256:ead4aefa7007249e05e51b01095719d5a8dd95760089f5730aac5698b1932918", + "sha256:fbd26746772c24cb93c8b97cbdad5cb9e46c86bbdb1b9d8a743ee00e2fb1fc5d" + ], + "index": "pypi", + "version": "==2015.7" + }, + "sqlparse": { + "hashes": [ + "sha256:ce028444cfab83be538752a2ffdb56bc417b7784ff35bb9a3062413717807dec", + "sha256:d9cf190f51cbb26da0412247dfe4fb5f4098edb73db84e02f9fc21fdca31fed4" + ], + "index": "pypi", + "version": "==0.2.4" + } + } +} diff --git a/README.md b/README.md index bf437a13..f9495cd1 100644 --- a/README.md +++ b/README.md @@ -1,32 +1,80 @@ # pybay +[![Build Status](https://travis-ci.org/pybay/pybay.svg)](https://travis-ci.org/pybay) + The website for PyBay - the Bay Area Python Conference. -To work on this you'll need Python 3. Then: +To work on this you'll need Python 3.6. Then: 1. Fork the repo to your own personal github. -2. Clone the repo to your local environment. -3. Create a virtualenv and activate it -4. `pip install` the requirements -5. start the management server - -Try: + - also clone the symposion repository, take note of the path to symposion/ +2. Clone the repo to your local environment; Try: + $ python3.6 -m pip install --user pipenv + $ git clone git@github.com:pybay/symposion $ git clone git@github.com:YOURUSERNAME/pybay $ cd pybay - $ python3 -m venv ENV - $ source ENV/bin/activate - (ENV)$ pip install -r requirements.txt - (ENV)$ ./manage.py migrate - (ENV)$ ./manage.py loaddata fixtures/* - (ENV)$ ./manage.py runserver + +3. Install all required packages in a local virtual environment with `pipenv install`. + Try: $ python3.6 -m pipenv install + OR try: $ python3.6 -m pipenv install --dev + OR: $ pipenv install + +4. Enter the environment shell and start the management server: + $ pipenv shell + OR: $ python3.6 -m pipenv shell + (ENV)$ python ./manage.py migrate + (ENV)$ python ./manage.py loaddata fixtures/* # doesn't work on Windows, see "Windows instructions" below + (ENV)$ python ./manage.py runserver The default admin user is test and password is test -If you also will be adding fixes to symposion we forked you can delete -the version in your site-packages and symlink in the directory on your -disk. Eg: +You may need to update your copy of symposion from time to time. + +### Windows Instructions + +For some reason, running `manage.py loaddata fixtures/*` gives a `No fixture named '*' found` error on Windows. You'll have to load each fixture file individually: + + (ENV)$ python manage.py loaddata fixtures/auth.json + (ENV)$ python manage.py loaddata fixtures/conference.json + (ENV)$ python manage.py loaddata fixtures/proposal_base.json + (ENV)$ python manage.py loaddata fixtures/sites.json + (ENV)$ python manage.py loaddata fixtures/sponsor_benefits.json + (ENV)$ python manage.py loaddata fixtures/sponsor_levels.json + +(You can ignore the "invalid foreign keys" warnings you get. The foreign keys will become valid once you've loaded all the fixture files.) + +## Deploying + +Deploying to pybay requires: + + 1. fabric + 2. your public key on the pybay server (contact admin) + 2.1 you can create a keypair with: $ ssh-keygen -t rsa + 2.2 after an admin adds your public key to the server, you should be able to ssh in: + $ ssh -i pybay@pyconsf.com + 3. your code on pybay's github (contact admin) + 3.1 use master branch for official site + $ git push origin master + 3.2 use stanging branch for staging.pybay.com + $ git push origin :staging + +Install fabric. Then use the `fab` command to run the deploy +task. You'll need your public key password for this. + + $ pip install fabric3 + $ fab deploy:staging + [pyconsf.com] Executing task 'deploy' + Start with a git checkout. + [pyconsf.com] Passphrase for private key: + ... much output... + Successfully completed + +By default the deploy task deploys to staging.pyconsf.com using pybay's +staging branch. To deploy master branch to production (same server but +virtualhost pyconsf.com) run it with the prod target as an argument. - $ cd ~/workspace/pybay/ENV/lib/python3.6/site-packages/ - $ rm -rf symposion - $ ln -s /Users/sfranklin/workspace/symposion/symposion . + $ fab deploy:prod + [pyconsf.com] Executing task 'deploy' + ... much output... + Successfully completed diff --git a/blockstuff/__init__.py b/blockstuff/__init__.py new file mode 100644 index 00000000..e69de29b diff --git a/blockstuff/admin.py b/blockstuff/admin.py new file mode 100644 index 00000000..365d8751 --- /dev/null +++ b/blockstuff/admin.py @@ -0,0 +1,6 @@ +from django.contrib import admin + +from .models import Col3 + + +admin.site.register(Col3) diff --git a/blockstuff/apps.py b/blockstuff/apps.py new file mode 100644 index 00000000..55d976fa --- /dev/null +++ b/blockstuff/apps.py @@ -0,0 +1,5 @@ +from django.apps import AppConfig + + +class BlockstuffConfig(AppConfig): + name = 'blockstuff' diff --git a/blockstuff/migrations/0001_initial.py b/blockstuff/migrations/0001_initial.py new file mode 100644 index 00000000..c9952d1f --- /dev/null +++ b/blockstuff/migrations/0001_initial.py @@ -0,0 +1,33 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2018-02-19 20:05 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + initial = True + + dependencies = [ + ] + + operations = [ + migrations.CreateModel( + name='Col3', + fields=[ + ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), + ('overall_title', models.CharField(blank=True, max_length=255)), + ('icon_1', models.CharField(blank=True, help_text='Choose from http://themes-pixeden.com/font-demos/7-stroke/', max_length=50)), + ('title_1', models.CharField(blank=True, max_length=255)), + ('content_1', models.TextField(blank=True)), + ('icon_2', models.CharField(blank=True, max_length=50)), + ('title_2', models.CharField(blank=True, max_length=255)), + ('content_2', models.TextField(blank=True)), + ('icon_3', models.CharField(blank=True, max_length=50)), + ('title_3', models.CharField(blank=True, max_length=255)), + ('content_3', models.TextField(blank=True)), + ('show_title', models.BooleanField(default=True)), + ], + ), + ] diff --git a/blockstuff/migrations/__init__.py b/blockstuff/migrations/__init__.py new file mode 100644 index 00000000..e69de29b diff --git a/blockstuff/models.py b/blockstuff/models.py new file mode 100644 index 00000000..89c73507 --- /dev/null +++ b/blockstuff/models.py @@ -0,0 +1,27 @@ +from django.db import models + + +class Col3(models.Model): + overall_title = models.CharField(max_length=255, blank=True) + + icon_1 = models.CharField(max_length=50, blank=True, + help_text="Choose from " + + "http://themes-pixeden.com/font-demos/7-stroke/") + title_1 = models.CharField(max_length=255, blank=True) + content_1 = models.TextField(blank=True) + + icon_2 = models.CharField(max_length=50, blank=True) + title_2 = models.CharField(max_length=255, blank=True) + content_2 = models.TextField(blank=True) + + icon_3 = models.CharField(max_length=50, blank=True) + title_3 = models.CharField(max_length=255, blank=True) + content_3 = models.TextField(blank=True) + + show_title = models.BooleanField(default=True) + + def __unicode__(self): + return self.overall_title + + def __str__(self): + return self.overall_title diff --git a/blockstuff/templates/blockstuff/col3/flatblock.html b/blockstuff/templates/blockstuff/col3/flatblock.html new file mode 100644 index 00000000..549c0f37 --- /dev/null +++ b/blockstuff/templates/blockstuff/col3/flatblock.html @@ -0,0 +1,36 @@ +{% load blockstuff %} +{% if object.show_title %} +
+
+

{{ object.overall_title|safe }}

+ {% if admin_url %}edit{% endif %} +
+
+{% else %} + {% if admin_url %}
edit
{% endif %} +{% endif %} +
+
+
+ +

{{ object.title_1|safe }}

+ {{ object.content_1|safe }} +
+
+ +
+
+ +

{{ object.title_2|safe }}

+ {{ object.content_2|safe }} +
+
+ +
+
+ +

{{ object.title_3|safe }}

+ {{ object.content_3|safe }} +
+
+
diff --git a/blockstuff/templates/blockstuff/docs.html b/blockstuff/templates/blockstuff/docs.html new file mode 100644 index 00000000..049df015 --- /dev/null +++ b/blockstuff/templates/blockstuff/docs.html @@ -0,0 +1,37 @@ +{% extends "admin/base_site.html" %} +{% load i18n admin_urls admin_static admin_list %} + +{% block breadcrumbs %} +
+{% trans 'Home' %} +› Blockstuff +› Documentation +
+{% endblock %} + + +
+ {% block content_title %}

Blockstuff Docs

{% endblock %} + {% block content %} +

tl;dr

+

+ When creating new flatpages you can specify the Template + Name under Advanced options. Specifying a specific + template will get you a flatpage with specific design and possibly layout. Read on for details. +

+

Available Templates

+

flatpages/text_image_2col.html

+

This template provides a main title with a text/image 2 column block below and main text in single block at the bottom.

+

+ +
+

flatpages/template3.html

+

This template provides a pretty title with a city skyline behind it.

+

+
+ {% endblock %} + + + /> +
+ diff --git a/blockstuff/templates/blockstuff/title_text_image_2col.html b/blockstuff/templates/blockstuff/title_text_image_2col.html new file mode 100644 index 00000000..127fa546 --- /dev/null +++ b/blockstuff/templates/blockstuff/title_text_image_2col.html @@ -0,0 +1,28 @@ +{% if object.title %} +
+
+
edit
+
+
+

{{ object.title }}

+
+
+ +
+
+ +
+ {{ object.text|safe }} +
+
+
+ {% if object.image %} + + {% endif %} +
+
+
+
+{% else %} +{% if admin_url %}
edit
{% endif %} +{% endif %} diff --git a/blockstuff/templates/flatpages/template2.html b/blockstuff/templates/flatpages/template2.html new file mode 100644 index 00000000..9f8bfba1 --- /dev/null +++ b/blockstuff/templates/flatpages/template2.html @@ -0,0 +1,23 @@ +{% extends 'frontend/base.html' %} + +{% block head_title %}{{ flatpage.title }}{% endblock %} + +{% block content %} + +
+
+
+

{{ flatpage.title|safe }}

+
+
+
+
+ +
+
+
+ {{ flatpage.content }} +
+
+
+{% endblock %} diff --git a/blockstuff/templates/flatpages/template3.html b/blockstuff/templates/flatpages/template3.html new file mode 100644 index 00000000..b41bf0be --- /dev/null +++ b/blockstuff/templates/flatpages/template3.html @@ -0,0 +1,23 @@ +{% extends 'frontend/base.html' %} + +{% block head_title %}{{ flatpage.title }}{% endblock %} + +{% block content %} + +
+
+
+

{{ flatpage.title|safe }}

+
+
+
+
+ +
+
+
+ {{ flatpage.content }} +
+
+
+{% endblock %} diff --git a/blockstuff/templates/flatpages/text_image_2col.html b/blockstuff/templates/flatpages/text_image_2col.html new file mode 100644 index 00000000..23499af1 --- /dev/null +++ b/blockstuff/templates/flatpages/text_image_2col.html @@ -0,0 +1,15 @@ +{% extends 'frontend/base.html' %} +{% load generic_flatblocks %} + +{% block head_title %}{{ flatpage.title }}{% endblock %} + +{% block content %} +
+{% gblock "flatpage",flatpage.id for "gblocks.TitleTextAndImage" with 'blockstuff/title_text_image_2col.html'%} +
+
+ {{ flatpage.content }} +
+
+
+{% endblock %} diff --git a/blockstuff/templatetags/__init__.py b/blockstuff/templatetags/__init__.py new file mode 100644 index 00000000..e69de29b diff --git a/blockstuff/templatetags/blockstuff.py b/blockstuff/templatetags/blockstuff.py new file mode 100644 index 00000000..0e1e4eac --- /dev/null +++ b/blockstuff/templatetags/blockstuff.py @@ -0,0 +1,13 @@ +import datetime +from django import template + +register = template.Library() + +@register.filter +def three_col_class(object): + if object.title_3: + return "col-md-4 col-sm-6" + elif object.title_2: + return "col-md-6 col-sm-12" + else: + return "col-md-12 col-sm-12" diff --git a/blockstuff/tests.py b/blockstuff/tests.py new file mode 100644 index 00000000..2e9cb5f6 --- /dev/null +++ b/blockstuff/tests.py @@ -0,0 +1 @@ +from django.test import TestCase diff --git a/fabfile.py b/fabfile.py new file mode 100644 index 00000000..578b865a --- /dev/null +++ b/fabfile.py @@ -0,0 +1,67 @@ +from __future__ import print_function +from datetime import datetime as dt +from os.path import join + +from fabric.api import cd, env, hide, local, run, sudo +from fabric.contrib import files + +env.hosts = ['pyconsf.com'] +env.user = 'pybay' + +BASE = "/data/websites" +CHECKOUTS = "/data/websites/checkouts" + +def checkout(prod=False): + """Git clone pybay project to unique folder""" + path = "prod" if prod else "staging" + ts = dt.now().strftime("%Y-%m-%d.%H.%M.%S") + dirname = join(CHECKOUTS, path, ts) + run("mkdir %s" % dirname) + with cd(dirname): + with hide('running', 'stdout'): + clone_args = '' if prod else ' -b staging' + run("git clone https://github.com/pybay/pybay.git%s" % clone_args) + return dirname + +def virtualenv(checkout): + """Create virtualenv in checkout directory.""" + with cd(checkout): + run("virtualenv ENV") + with hide('running', 'stdout'): + run("ENV/bin/pip3 install -r pybay/requirements.txt") + run("ENV/bin/pip3 install -r pybay/requirements-server.txt") + +def migrate(checkout, prod=False): + """Run migrations in checkout.""" + settings = "pybay.prod_settings" if prod else "pybay.staging_settings" + with cd(checkout): + run("ENV/bin/python3 pybay/manage.py migrate --settings=%s" % settings) + run("ENV/bin/python3 pybay/manage.py compilescss --settings=%s" % settings) + run("ENV/bin/python3 pybay/manage.py collectstatic --noinput --settings=%s" % settings) + +def relink(checkout, prod=False): + """Move symlink to point to current checkout.""" + dir = "prod" if prod else "staging" + with cd(BASE): + run("ln -s %s new && mv -Tf new %s" % (checkout, dir)) + +def touch(prod): + """Touch symlinks to reload uwsgi config.""" + dir = "prod" if prod else "staging" + run("touch /etc/uwsgi-emperor/vassals/%s_uwsgi.ini" % dir) + + +def deploy(version="staging"): + """Run this to redeploy site from github master. Run `fab deploy:prod` to deploy main site.""" + prod = True if version == 'prod' else False + print("Start with a git checkout.") + dir = checkout(prod) + print("Created %s" % dir) + print("Now create the virtualenv") + virtualenv(dir) + print("Run migrations and collectstatic") + migrate(dir, prod) + print("Update the active version") + relink(dir, prod) + touch(prod) + print("Successfully completed") diff --git a/fixtures/extrabenefits.json b/fixtures/extrabenefits.json new file mode 100644 index 00000000..84d099ae --- /dev/null +++ b/fixtures/extrabenefits.json @@ -0,0 +1,67 @@ +[ + { + "model": "sponsorbenefits.addonbenefitrow", + "pk": 1, + "fields": { + "order": 0, + "title": "Logo on Lanyard", + "price_text": "$1,500" + } + }, + { + "model": "sponsorbenefits.addonbenefitrow", + "pk": 2, + "fields": { + "order": 1, + "title": "Open Space Room Naming", + "price_text": "$1,000" + } + }, + { + "model": "sponsorbenefits.addonbenefitrow", + "pk": 3, + "fields": { + "order": 2, + "title": "Main Talks Room Naming", + "price_text": "$2,500" + } + }, + { + "model": "sponsorbenefits.addonbenefitrow", + "pk": 4, + "fields": { + "order": 3, + "title": "Sponsored BOF", + "price_text": "$6000" + } + }, + { + "model": "sponsorbenefits.addonbenefitrow", + "pk": 5, + "fields": { + "order": 4, + "title": "PyBay Scholarships", + "price_text": "$1,800-$6,000" + } + }, + { + "model": "sponsorbenefits.alacartebenefitrow", + "pk": 1, + "fields": { + "order": 0, + "title": "Diversity and Inclusion Sponsors", + "text": "Help improve the diversity of our community with respect to gender, race, sexual orientation, etc., and provide support to students, speakers and open source contributors who need financial aid to attend PyBay. Learn More.", + "price_text": "$2,000-$5,000+" + } + }, + { + "model": "sponsorbenefits.alacartebenefitrow", + "pk": 2, + "fields": { + "order": 1, + "title": "Speakers' Lodging & Flight", + "text": "Help our speakers cover their travel expenses.", + "price_text": "$5,000+" + } + } +] diff --git a/fixtures/faqs.json b/fixtures/faqs.json new file mode 100644 index 00000000..bdef316c --- /dev/null +++ b/fixtures/faqs.json @@ -0,0 +1 @@ +[{"model": "faqs.category", "pk": 1, "fields": {"order": 0, "title": "Registration", "slug": "registration"}}, {"model": "faqs.category", "pk": 2, "fields": {"order": 1, "title": "Other", "slug": "other"}}, {"model": "faqs.category", "pk": 3, "fields": {"order": 2, "title": "Sponsors", "slug": "sponsors"}}, {"model": "faqs.faq", "pk": 1, "fields": {"order": 0, "category": 2, "title": "How can I help?", "body": "

This is the single most asked question since we announced PyBay! We love this community!

\r\n\r\n

Please help us by:

\r\n\r\n

Spreading the word on PyBay.

\r\n\r\n
\r\n\r\n

If you're interested in volunteering during or prior to the conference as part of the PyBay Crew, please fill out the questionnaire.\r\n

\r\n\r\n

Purchase ticket early

\r\n\r\n

Pay the corporate ticket rate if your company has more than 5 employees

\r\n\r\n

Email Grace Law with names and contact info of people that may be interested in sponsoring PyBay

", "show_on_registration": false, "show_on_sponsors": false, "show_on_home": false}}, {"model": "faqs.faq", "pk": 2, "fields": {"order": 2, "category": 1, "title": "How much are the passes? When do they go on sale?", "body": "

  • 50 Early bird passes (25% off) are $300 for an individual pass and $525 for a corporate pass. They go on sale on April 24, 2018
    • \r\n
  • Regular bird passes are $350 for an individual pass and $600 for a corporate pass.
    • \r\n
  • Late bird passes are $400 for individual and $700 for corporate. They go on sale July 21, 2018.
    • \r\n
  • If the main conference is not sold out by August 1, we will release Saturday and Sunday only passes at prices TBD.
    • ", "show_on_registration": false, "show_on_sponsors": false, "show_on_home": true}}, {"model": "faqs.faq", "pk": 3, "fields": {"order": 1, "category": 1, "title": "Where is the conference?", "body": "

    We are looking for sponsors to determine our opening party and workshops location.

    \r\n\r\n

    Meanwhile, the main conference days will be held at UCSF Mission Bay Conference Center, a Green Meeting Industry Council member that takes sustainability into account in everything they do. If you need a break from the talks and hacking, you can access their onsite gym for $20. Aside from the regular exercise equipment, you can enjoy their rock climbing wall, swimming pool, and racquetball courts.

    ", "show_on_registration": false, "show_on_sponsors": false, "show_on_home": true}}, {"model": "faqs.faq", "pk": 4, "fields": {"order": 3, "category": 1, "title": "What does the conference pass include?", "body": "

    Your Individual or Corporate pass includes continental breakfast, buffet lunch, a ton of coffee, access to the reception during the job fair/tools expo, a conference T-shirt, and goodies from conference sponsors. The more support we receive from sponsors and corporate pass sales, the more we can offer back to you.

    \r\n

    Last year, Linkedin came in as a Gold Sponsor and made the opening party possible. Yay!

    \r\n

    This year, we hope raise enough funds to make video recording for all talks and that some of our Diamond sponsors will opt to offer 20-minutes massages to Pythonistas at their booth.

    ", "show_on_registration": false, "show_on_sponsors": false, "show_on_home": false}}, {"model": "faqs.faq", "pk": 5, "fields": {"order": 4, "category": 1, "title": "Do Workshops Cost Extra?", "body": "

    Yes. Half-day workshops are $150 and full-day workshops are $250-$300.

    \r\n\r\n

    Workshop pass will be released in June 2018.

    ", "show_on_registration": false, "show_on_sponsors": false, "show_on_home": true}}, {"model": "faqs.faq", "pk": 6, "fields": {"order": 6, "category": 3, "title": "What about the Company Lounge Branding option?", "body": "For the ultimate branding within PyBay, consider transforming a 55'x12' indoor/outdoor space into \"{Your Company's Name} Lounge\". This is ideal for companies with multiple initiatives to connect with Python Devs. Use your lounge however you'd like to draw in attendees: host talks, office hours with experts, offer informational interviews, provide entertainment... imagine your own meetups within PyBay, your creativity and budget is your limit!", "show_on_registration": false, "show_on_sponsors": false, "show_on_home": false}}, {"model": "faqs.faq", "pk": 7, "fields": {"order": 5, "category": 3, "title": "Tell me more about Bodyworkers branding option at my booth!", "body": "Developers' wellness is important to your Conference Chair because face it, we have to work after this amazing weekend! So, we are providing massage therapists (table or chair TBD) to your booth so you can chat with appreciative Pythonistas while they sign-up and wait for their 20-minute massages. Ready to be swamped with conversations? Select Bodyworkers branding option under Diamond Sponsorship!", "show_on_registration": false, "show_on_sponsors": false, "show_on_home": false}}, {"model": "faqs.faq", "pk": 8, "fields": {"order": 7, "category": 3, "title": "What's the advantage of being a video sponsor in the Gold level?", "body": "Worldwide, increasing presence of your company's brand on some of the best talks in the Python ecosystems on SF Python's YouTube Channel and on PyVideo. Yes, extend your reach beyond the live event. Most PyBay talks have 2-5k views on SF Python's channel alone, quite a few have 20K+ views to date! Plus, you get to enjoy other Gold level benefits: exhibit all day Sat, 5 conf passes ($3K value), company's banner on the main stage and more.", "show_on_registration": false, "show_on_sponsors": false, "show_on_home": false}}, {"model": "faqs.faq", "pk": 9, "fields": {"order": 8, "category": 1, "title": "I am interested in supporting diversity, what can I do?", "body": "

    Our D&I program has more info but in short, please:

    \r\n
  • Advocate PyBay to people from underrepresented groups, encourage them to attend and benefit from the learning and networking
    • \r\n
  • Contribute monetarily - become a diversity sponsor or make a donation! The entire amount you invested will go to support diversity and inclusion!
    • ", "show_on_registration": false, "show_on_sponsors": false, "show_on_home": true}}, {"model": "faqs.faq", "pk": 10, "fields": {"order": 11, "category": 3, "title": "How do I maximize my exhibit space and time?", "body": "

    Now: Committing earlier will ensure that you get a table with better location and easy access to electrical outlet.

    \r\n\r\n

    A few weeks before: Get a branded tablecloth for your table and bring a pop-up banner that fits behind your table. Gold or Diamond Level Sponsors should print an additional 36\"x84\" pop-up banner to gain visibility on the main stage. The photos from past PyBays may help you get an idea of the layout.

    ", "show_on_registration": false, "show_on_sponsors": true, "show_on_home": false}}, {"model": "faqs.faq", "pk": 11, "fields": {"order": 10, "category": 3, "title": "I'd like to sponsor, what are the next steps?", "body": "

    Thanks in advance! If you don't have additional questions, few easy steps:

    \r\n\r\n

    1) Provide branding info

    \r\n

    2) Pay via credit card or write Grace to request an invoice

    \r\n

    3) Execute sponsor's agreement

    \r\n

    4) Sit back, relax, watch the tweets come in, and start thinking about your in-conference presence in mid-July.

    ", "show_on_registration": false, "show_on_sponsors": true, "show_on_home": false}}, {"model": "faqs.faq", "pk": 12, "fields": {"order": 12, "category": 3, "title": "Where should I mail the booth swag material?", "body": "

    Please follow the labeling and shipping instructions here.

    \r\n\r\n

    *Please note that this instruction is for shipping booth swag (banner, giveaways, etc.), if you are planning to ship oversized items and furniture, please check with Grace.

    ", "show_on_registration": false, "show_on_sponsors": true, "show_on_home": false}}, {"model": "faqs.faq", "pk": 13, "fields": {"order": 9, "category": 3, "title": "What are the advantages of adding Diversity & Inclusion to our sponsorship?", "body": "", "show_on_registration": false, "show_on_sponsors": true, "show_on_home": false}}] \ No newline at end of file diff --git a/fixtures/menu.json b/fixtures/menu.json new file mode 100644 index 00000000..30801067 --- /dev/null +++ b/fixtures/menu.json @@ -0,0 +1 @@ +[{"model": "menu.menuitem", "pk": 1, "fields": {"order": 0, "text": "Home", "url": "/", "target": false}}, {"model": "menu.menuitem", "pk": 5, "fields": {"order": 5, "text": "Sponsors", "url": "#", "target": false}}, {"model": "menu.menuitem", "pk": 6, "fields": {"order": 6, "text": "About", "url": "#", "target": false}}, {"model": "menu.menuitem", "pk": 7, "fields": {"order": 7, "text": "Blog", "url": "https://medium.com/pybay", "target": true}}, {"model": "menu.menuitem", "pk": 8, "fields": {"order": 1, "text": "Speaking", "url": "#", "target": false}}, {"model": "menu.menuitem", "pk": 9, "fields": {"order": 3, "text": "Attending", "url": "https://ti.to/sf-python/pybay2018", "target": true}}, {"model": "menu.menuitem", "pk": 11, "fields": {"order": 2, "text": "Program", "url": "#", "target": false}}, {"model": "menu.submenuitem", "pk": 9, "fields": {"order": 7, "parent": 6, "text": "Frequently Asked Questions", "url": "/faq", "target": false}}, {"model": "menu.submenuitem", "pk": 10, "fields": {"order": 6, "parent": 6, "text": "Code of Conduct", "url": "/code-of-conduct", "target": false}}, {"model": "menu.submenuitem", "pk": 12, "fields": {"order": 9, "parent": 8, "text": "Speaking at PyBay", "url": "https://pybay.com/speaking-at-pybay/", "target": true}}, {"model": "menu.submenuitem", "pk": 13, "fields": {"order": 12, "parent": 9, "text": "Scholarships & Financial Aid", "url": "/diversity-and-inclusion/#support", "target": false}}, {"model": "menu.submenuitem", "pk": 14, "fields": {"order": 10, "parent": 5, "text": "Sponsor Prospectus", "url": "/sponsors-prospectus/", "target": false}}, {"model": "menu.submenuitem", "pk": 16, "fields": {"order": 8, "parent": 8, "text": "Our Speakers", "url": "/our-speakers", "target": false}}, {"model": "menu.submenuitem", "pk": 17, "fields": {"order": 11, "parent": 9, "text": "Buy Tickets", "url": "https://ti.to/sf-python/pybay2018", "target": false}}, {"model": "menu.submenuitem", "pk": 18, "fields": {"order": 13, "parent": 5, "text": "Diversity and Inclusion Sponsors", "url": "/diversity-and-inclusion/", "target": false}}, {"model": "menu.submenuitem", "pk": 19, "fields": {"order": 14, "parent": 11, "text": "Workshop & Talk Schedule", "url": "/schedule/", "target": false}}, {"model": "menu.submenuitem", "pk": 20, "fields": {"order": 15, "parent": 11, "text": "Special Events", "url": "/events/", "target": false}}, {"model": "menu.submenuitem", "pk": 21, "fields": {"order": 16, "parent": 9, "text": "Venues & Hotel", "url": "/venues/", "target": false}}, {"model": "menu.submenuitem", "pk": 22, "fields": {"order": 17, "parent": 9, "text": "Volunteering", "url": "https://docs.google.com/document/d/1Lm7IMwRfIwInqRR_uO4aVSVg4Tz-7E1ThABy5102M-w/edit?usp=sharing", "target": true}}, {"model": "menu.submenuitem", "pk": 23, "fields": {"order": 18, "parent": 6, "text": "Team", "url": "/team", "target": false}}, {"model": "menu.submenuitem", "pk": 24, "fields": {"order": 19, "parent": 5, "text": "Our Sponsors", "url": "/our-sponsors/", "target": false}}] \ No newline at end of file diff --git a/fixtures/schedule_slots.json b/fixtures/schedule_slots.json new file mode 100644 index 00000000..a1074326 --- /dev/null +++ b/fixtures/schedule_slots.json @@ -0,0 +1 @@ +[{"model": "symposion_schedule.schedule", "pk": 1, "fields": {"section": 2, "published": true, "hidden": false}}, {"model": "symposion_schedule.day", "pk": 1, "fields": {"schedule": 1, "date": "2017-08-11"}}, {"model": "symposion_schedule.day", "pk": 2, "fields": {"schedule": 1, "date": "2017-08-13"}}, {"model": "symposion_schedule.day", "pk": 3, "fields": {"schedule": 1, "date": "2017-08-12"}}, {"model": "symposion_schedule.room", "pk": 1, "fields": {"schedule": 1, "name": "Robertson", "order": 1}}, {"model": "symposion_schedule.room", "pk": 2, "fields": {"schedule": 1, "name": "Robertson 2", "order": 2}}, {"model": "symposion_schedule.room", "pk": 3, "fields": {"schedule": 1, "name": "Fisher East", "order": 3}}, {"model": "symposion_schedule.room", "pk": 4, "fields": {"schedule": 1, "name": "Fisher West", "order": 4}}, {"model": "symposion_schedule.slotkind", "pk": 1, "fields": {"schedule": 1, "label": "lunch"}}, {"model": "symposion_schedule.slotkind", "pk": 2, "fields": {"schedule": 1, "label": "talk"}}, {"model": "symposion_schedule.slotkind", "pk": 3, "fields": {"schedule": 1, "label": "expo"}}, {"model": "symposion_schedule.slotkind", "pk": 4, "fields": {"schedule": 1, "label": "sponsored"}}, {"model": "symposion_schedule.slotkind", "pk": 5, "fields": {"schedule": 1, "label": "reception"}}, {"model": "symposion_schedule.slotkind", "pk": 6, "fields": {"schedule": 1, "label": "lightning"}}, {"model": "symposion_schedule.slotkind", "pk": 7, "fields": {"schedule": 1, "label": "keynote"}}, {"model": "symposion_schedule.slot", "pk": 1, "fields": {"name": "2017-08-12 lunch (12:00:00 - 13:00:00) ", "day": 3, "kind": 1, "start": "12:00:00", "end": "13:00:00", "content_override": "lunch will be served outside", "content_override_html": "

    lunch will be served outside

    "}}, {"model": "symposion_schedule.slot", "pk": 2, "fields": {"name": "2017-08-12 talk (11:00:00 - 12:00:00) Fisher East", "day": 3, "kind": 2, "start": "11:00:00", "end": "12:00:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 4, "fields": {"name": "2017-08-12 talk (13:00:00 - 13:45:00) Robertson", "day": 3, "kind": 2, "start": "13:00:00", "end": "13:45:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 5, "fields": {"name": "2017-08-12 talk (13:00:00 - 13:45:00) Robertson 2", "day": 3, "kind": 2, "start": "13:00:00", "end": "13:45:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 6, "fields": {"name": "2017-08-12 talk (13:00:00 - 13:45:00) Fisher East", "day": 3, "kind": 2, "start": "13:00:00", "end": "13:45:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 7, "fields": {"name": "2017-08-12 talk (13:00:00 - 13:45:00) Fisher West", "day": 3, "kind": 2, "start": "13:00:00", "end": "13:45:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 8, "fields": {"name": "2017-08-12 talk (11:00:00 - 12:00:00) Fisher West", "day": 3, "kind": 2, "start": "11:00:00", "end": "12:00:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 9, "fields": {"name": "2017-08-12 talk (14:00:00 - 15:00:00) Robertson", "day": 3, "kind": 2, "start": "14:00:00", "end": "15:00:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 10, "fields": {"name": "2017-08-12 talk (14:00:00 - 15:00:00) Robertson 2", "day": 3, "kind": 2, "start": "14:00:00", "end": "15:00:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 11, "fields": {"name": "2017-08-12 talk (14:00:00 - 15:00:00) Fisher East", "day": 3, "kind": 2, "start": "14:00:00", "end": "15:00:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 12, "fields": {"name": "2017-08-12 talk (14:00:00 - 15:00:00) Fisher West", "day": 3, "kind": 2, "start": "14:00:00", "end": "15:00:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 13, "fields": {"name": "2017-08-12 talk (15:15:00 - 16:15:00) Robertson", "day": 3, "kind": 2, "start": "15:15:00", "end": "16:15:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 14, "fields": {"name": "2017-08-12 talk (15:15:00 - 16:15:00) Robertson 2", "day": 3, "kind": 2, "start": "15:15:00", "end": "16:15:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 15, "fields": {"name": "2017-08-12 talk (15:15:00 - 16:15:00) Fisher East", "day": 3, "kind": 2, "start": "15:15:00", "end": "16:15:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 16, "fields": {"name": "2017-08-12 talk (15:15:00 - 16:15:00) Fisher West", "day": 3, "kind": 2, "start": "15:15:00", "end": "16:15:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 17, "fields": {"name": "2017-08-12 talk (16:30:00 - 17:30:00) Robertson", "day": 3, "kind": 2, "start": "16:30:00", "end": "17:30:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 18, "fields": {"name": "2017-08-12 talk (16:30:00 - 17:30:00) Robertson 2", "day": 3, "kind": 2, "start": "16:30:00", "end": "17:30:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 19, "fields": {"name": "2017-08-12 talk (16:30:00 - 17:30:00) Fisher East", "day": 3, "kind": 2, "start": "16:30:00", "end": "17:30:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 20, "fields": {"name": "2017-08-12 talk (16:30:00 - 17:30:00) Fisher West", "day": 3, "kind": 2, "start": "16:30:00", "end": "17:30:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 21, "fields": {"name": "2017-08-12 expo (17:00:00 - 20:00:00) ", "day": 3, "kind": 3, "start": "17:00:00", "end": "20:00:00", "content_override": "Job Fair / tools expo in the Atrium", "content_override_html": "

    Job Fair / tools expo in the Atrium

    "}}, {"model": "symposion_schedule.slot", "pk": 22, "fields": {"name": "2017-08-12 sponsored (19:30:00 - 20:30:00) Fisher East", "day": 3, "kind": 4, "start": "19:30:00", "end": "20:30:00", "content_override": "Sponsored Program TBD", "content_override_html": "

    Sponsored Program TBD

    "}}, {"model": "symposion_schedule.slot", "pk": 23, "fields": {"name": "2017-08-12 sponsored (19:30:00 - 20:30:00) Fisher West", "day": 3, "kind": 4, "start": "19:30:00", "end": "20:30:00", "content_override": "Sponsored Program TBD", "content_override_html": "

    Sponsored Program TBD

    "}}, {"model": "symposion_schedule.slot", "pk": 24, "fields": {"name": "2017-08-13 reception (09:30:00 - 10:00:00) ", "day": 2, "kind": 5, "start": "09:30:00", "end": "10:00:00", "content_override": "Breakfast at Atrium", "content_override_html": "

    Breakfast at Atrium

    "}}, {"model": "symposion_schedule.slot", "pk": 25, "fields": {"name": "2017-08-13 talk (10:00:00 - 11:00:00) Robertson", "day": 2, "kind": 2, "start": "10:00:00", "end": "11:00:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 26, "fields": {"name": "2017-08-13 talk (10:00:00 - 11:00:00) Robertson 2", "day": 2, "kind": 2, "start": "10:00:00", "end": "11:00:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 27, "fields": {"name": "2017-08-13 talk (10:00:00 - 11:00:00) Fisher West", "day": 2, "kind": 2, "start": "10:00:00", "end": "11:00:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 28, "fields": {"name": "2017-08-13 talk (10:00:00 - 11:00:00) Fisher East", "day": 2, "kind": 2, "start": "10:00:00", "end": "11:00:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 29, "fields": {"name": "2017-08-13 talk (11:15:00 - 12:15:00) Robertson", "day": 2, "kind": 2, "start": "11:15:00", "end": "12:15:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 30, "fields": {"name": "2017-08-13 talk (11:15:00 - 12:15:00) Robertson 2", "day": 2, "kind": 2, "start": "11:15:00", "end": "12:15:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 31, "fields": {"name": "2017-08-13 talk (11:15:00 - 12:15:00) Fisher East", "day": 2, "kind": 2, "start": "11:15:00", "end": "12:15:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 32, "fields": {"name": "2017-08-13 talk (11:15:00 - 12:15:00) Fisher West", "day": 2, "kind": 2, "start": "11:15:00", "end": "12:15:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 33, "fields": {"name": "2017-08-13 lunch (12:00:00 - 13:30:00) ", "day": 2, "kind": 1, "start": "12:00:00", "end": "13:30:00", "content_override": "Lunch served outside", "content_override_html": "

    Lunch served outside

    "}}, {"model": "symposion_schedule.slot", "pk": 34, "fields": {"name": "2017-08-13 talk (13:15:00 - 14:15:00) Robertson", "day": 2, "kind": 2, "start": "13:15:00", "end": "14:15:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 35, "fields": {"name": "2017-08-13 talk (13:15:00 - 14:15:00) Robertson 2", "day": 2, "kind": 2, "start": "13:15:00", "end": "14:15:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 36, "fields": {"name": "2017-08-13 talk (13:15:00 - 14:15:00) Fisher East", "day": 2, "kind": 2, "start": "13:15:00", "end": "14:15:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 37, "fields": {"name": "2017-08-13 talk (13:15:00 - 14:15:00) Fisher West", "day": 2, "kind": 2, "start": "13:15:00", "end": "14:15:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 38, "fields": {"name": "2017-08-13 talk (14:30:00 - 15:15:00) Robertson 2", "day": 2, "kind": 2, "start": "14:30:00", "end": "15:15:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 39, "fields": {"name": "2017-08-13 talk (14:30:00 - 15:15:00) Robertson", "day": 2, "kind": 2, "start": "14:30:00", "end": "15:15:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 40, "fields": {"name": "2017-08-13 talk (15:45:00 - 16:45:00) Robertson", "day": 2, "kind": 2, "start": "15:45:00", "end": "16:45:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 41, "fields": {"name": "2017-08-13 talk (14:30:00 - 15:30:00) Fisher East", "day": 2, "kind": 2, "start": "14:30:00", "end": "15:30:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 42, "fields": {"name": "2017-08-13 talk (14:30:00 - 15:30:00) Fisher West", "day": 2, "kind": 2, "start": "14:30:00", "end": "15:30:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 43, "fields": {"name": "2017-08-13 talk (15:45:00 - 16:45:00) Robertson 2", "day": 2, "kind": 2, "start": "15:45:00", "end": "16:45:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 44, "fields": {"name": "2017-08-13 talk (15:45:00 - 16:45:00) Fisher East", "day": 2, "kind": 2, "start": "15:45:00", "end": "16:45:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 45, "fields": {"name": "2017-08-13 talk (15:45:00 - 16:45:00) Fisher West", "day": 2, "kind": 2, "start": "15:45:00", "end": "16:45:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 46, "fields": {"name": "2017-08-13 lightning (17:00:00 - 18:00:00) Robertson", "day": 2, "kind": 6, "start": "17:00:00", "end": "18:00:00", "content_override": "Nothing else happening at Lightning Talks", "content_override_html": "

    Nothing else happening at Lightning Talks

    "}}, {"model": "symposion_schedule.slot", "pk": 47, "fields": {"name": "2017-08-13 keynote (18:00:00 - 18:15:00) Robertson", "day": 2, "kind": 7, "start": "18:00:00", "end": "18:15:00", "content_override": "This is actually closing and raffle", "content_override_html": "

    This is actually closing and raffle

    "}}, {"model": "symposion_schedule.slot", "pk": 48, "fields": {"name": "2017-08-12 keynote (09:30:00 - 10:45:00) Robertson", "day": 3, "kind": 7, "start": "09:30:00", "end": "10:45:00", "content_override": "Opening + Keynote", "content_override_html": "

    Opening + Keynote

    "}}, {"model": "symposion_schedule.slot", "pk": 49, "fields": {"name": "2017-08-12 reception (08:30:00 - 09:30:00) ", "day": 3, "kind": 5, "start": "08:30:00", "end": "09:30:00", "content_override": "Registration and breakfast", "content_override_html": "

    Registration and breakfast

    "}}, {"model": "symposion_schedule.slot", "pk": 50, "fields": {"name": "2017-08-11 keynote (19:00:00 - 19:30:00) ", "day": 1, "kind": 7, "start": "19:00:00", "end": "19:30:00", "content_override": "Location TBD", "content_override_html": "

    Location TBD

    "}}, {"model": "symposion_schedule.slot", "pk": 51, "fields": {"name": "2017-08-11 lightning (19:30:00 - 20:30:00) ", "day": 1, "kind": 6, "start": "19:30:00", "end": "20:30:00", "content_override": "Location TBD", "content_override_html": "

    Location TBD

    "}}, {"model": "symposion_schedule.slot", "pk": 52, "fields": {"name": "2017-08-11 reception (17:30:00 - 19:00:00) ", "day": 1, "kind": 5, "start": "17:30:00", "end": "19:00:00", "content_override": "Location TBD Registration starts at 5:30p", "content_override_html": "

    Location TBD Registration starts at 5:30p

    "}}, {"model": "symposion_schedule.slot", "pk": 53, "fields": {"name": "2017-08-11 reception (20:30:00 - 21:30:00) ", "day": 1, "kind": 5, "start": "20:30:00", "end": "21:30:00", "content_override": "Location TBD Closing and more networking", "content_override_html": "

    Location TBD Closing and more networking

    "}}, {"model": "symposion_schedule.slotroom", "pk": 1, "fields": {"slot": 2, "room": 3}}, {"model": "symposion_schedule.slotroom", "pk": 3, "fields": {"slot": 4, "room": 1}}, {"model": "symposion_schedule.slotroom", "pk": 4, "fields": {"slot": 5, "room": 2}}, {"model": "symposion_schedule.slotroom", "pk": 5, "fields": {"slot": 6, "room": 3}}, {"model": "symposion_schedule.slotroom", "pk": 6, "fields": {"slot": 7, "room": 4}}, {"model": "symposion_schedule.slotroom", "pk": 7, "fields": {"slot": 8, "room": 4}}, {"model": "symposion_schedule.slotroom", "pk": 8, "fields": {"slot": 9, "room": 1}}, {"model": "symposion_schedule.slotroom", "pk": 9, "fields": {"slot": 10, "room": 2}}, {"model": "symposion_schedule.slotroom", "pk": 10, "fields": {"slot": 11, "room": 3}}, {"model": "symposion_schedule.slotroom", "pk": 11, "fields": {"slot": 12, "room": 4}}, {"model": "symposion_schedule.slotroom", "pk": 12, "fields": {"slot": 13, "room": 1}}, {"model": "symposion_schedule.slotroom", "pk": 13, "fields": {"slot": 14, "room": 2}}, {"model": "symposion_schedule.slotroom", "pk": 14, "fields": {"slot": 15, "room": 3}}, {"model": "symposion_schedule.slotroom", "pk": 15, "fields": {"slot": 16, "room": 4}}, {"model": "symposion_schedule.slotroom", "pk": 16, "fields": {"slot": 17, "room": 1}}, {"model": "symposion_schedule.slotroom", "pk": 17, "fields": {"slot": 18, "room": 2}}, {"model": "symposion_schedule.slotroom", "pk": 18, "fields": {"slot": 19, "room": 3}}, {"model": "symposion_schedule.slotroom", "pk": 19, "fields": {"slot": 20, "room": 4}}, {"model": "symposion_schedule.slotroom", "pk": 20, "fields": {"slot": 22, "room": 3}}, {"model": "symposion_schedule.slotroom", "pk": 21, "fields": {"slot": 23, "room": 4}}, {"model": "symposion_schedule.slotroom", "pk": 22, "fields": {"slot": 25, "room": 1}}, {"model": "symposion_schedule.slotroom", "pk": 23, "fields": {"slot": 26, "room": 2}}, {"model": "symposion_schedule.slotroom", "pk": 24, "fields": {"slot": 27, "room": 4}}, {"model": "symposion_schedule.slotroom", "pk": 25, "fields": {"slot": 28, "room": 3}}, {"model": "symposion_schedule.slotroom", "pk": 26, "fields": {"slot": 29, "room": 1}}, {"model": "symposion_schedule.slotroom", "pk": 27, "fields": {"slot": 30, "room": 2}}, {"model": "symposion_schedule.slotroom", "pk": 28, "fields": {"slot": 31, "room": 3}}, {"model": "symposion_schedule.slotroom", "pk": 29, "fields": {"slot": 32, "room": 4}}, {"model": "symposion_schedule.slotroom", "pk": 30, "fields": {"slot": 34, "room": 1}}, {"model": "symposion_schedule.slotroom", "pk": 31, "fields": {"slot": 35, "room": 2}}, {"model": "symposion_schedule.slotroom", "pk": 32, "fields": {"slot": 36, "room": 3}}, {"model": "symposion_schedule.slotroom", "pk": 33, "fields": {"slot": 37, "room": 4}}, {"model": "symposion_schedule.slotroom", "pk": 34, "fields": {"slot": 38, "room": 2}}, {"model": "symposion_schedule.slotroom", "pk": 35, "fields": {"slot": 39, "room": 1}}, {"model": "symposion_schedule.slotroom", "pk": 36, "fields": {"slot": 40, "room": 1}}, {"model": "symposion_schedule.slotroom", "pk": 37, "fields": {"slot": 41, "room": 3}}, {"model": "symposion_schedule.slotroom", "pk": 38, "fields": {"slot": 42, "room": 4}}, {"model": "symposion_schedule.slotroom", "pk": 39, "fields": {"slot": 43, "room": 2}}, {"model": "symposion_schedule.slotroom", "pk": 40, "fields": {"slot": 44, "room": 3}}, {"model": "symposion_schedule.slotroom", "pk": 41, "fields": {"slot": 45, "room": 4}}, {"model": "symposion_schedule.slotroom", "pk": 42, "fields": {"slot": 46, "room": 1}}, {"model": "symposion_schedule.slotroom", "pk": 43, "fields": {"slot": 47, "room": 1}}, {"model": "symposion_schedule.slotroom", "pk": 44, "fields": {"slot": 48, "room": 1}}] \ No newline at end of file diff --git a/fixtures/sponsor_levels.json b/fixtures/sponsor_levels.json index d239075c..66c8860f 100644 --- a/fixtures/sponsor_levels.json +++ b/fixtures/sponsor_levels.json @@ -31,5 +31,27 @@ "name": "Bronze", "order": 2 } + }, + { + "pk": 4, + "model": "symposion_sponsorship.sponsorlevel", + "fields": { + "conference": 1, + "description": "", + "cost": 2000, + "name": "Diversity", + "order": 3 + } + }, + { + "pk": 5, + "model": "symposion_sponsorship.sponsorlevel", + "fields": { + "conference": 1, + "description": "", + "cost": 1000, + "name": "Media", + "order": 4 + } } ] diff --git a/infrastructure/prod_nginx.conf b/infrastructure/prod_nginx.conf new file mode 100644 index 00000000..9f9c3b17 --- /dev/null +++ b/infrastructure/prod_nginx.conf @@ -0,0 +1,28 @@ +# the upstream component nginx needs to connect to +upstream django_prod { + server unix:////data/websites/prod.sock; } + +server { + listen 443 ssl http2; + listen [::]:443 ssl http2; + server_name pybay.com; + + location /site_media { + alias /data/websites/prod_site_media; } + + location / { + uwsgi_pass django_prod; + include /data/websites/prod/pybay/infrastructure/uwsgi_params; } + + charset utf-8; + client_max_body_size 75M; + add_header Strict-Transport-Security "max-age=31536000" always; +} + +server { + listen 80; + listen [::]:80; + server_name pybay.com; + + return 301 https://pybay.com$request_uri; +} diff --git a/infrastructure/prod_uwsgi.ini b/infrastructure/prod_uwsgi.ini new file mode 100644 index 00000000..8d015704 --- /dev/null +++ b/infrastructure/prod_uwsgi.ini @@ -0,0 +1,12 @@ +[uwsgi] +pybay_path = /data/websites/prod/pybay +chdir = %(pybay_path) +module = pybay.prod_wsgi +home = /data/websites/prod/ENV +master = true +processes = 5 +socket = /data/websites/prod.sock +uid = www-data +gid = www-data +chmod-socket = 777 +vacuum = true diff --git a/infrastructure/staging_nginx.conf b/infrastructure/staging_nginx.conf new file mode 100644 index 00000000..b91a88c7 --- /dev/null +++ b/infrastructure/staging_nginx.conf @@ -0,0 +1,29 @@ +# the upstream component nginx needs to connect to +upstream django_staging { + server unix:////data/websites/staging.sock; } + +server { + listen 443 ssl http2; + listen [::]:443 ssl http2; + server_name staging.pybay.com; + + location /site_media { + alias /data/websites/staging_site_media; } + + location / { + uwsgi_pass django_staging; + include /data/websites/staging/pybay/infrastructure/uwsgi_params; } + + charset utf-8; + client_max_body_size 75M; + add_header Strict-Transport-Security "max-age=31536000" always; +} + +server { + listen 80; + listen [::]:80; + server_name staging.pybay.com + staging.pyconsf.com; + + return 301 https://staging.pybay.com$request_uri; +} diff --git a/infrastructure/staging_uwsgi.ini b/infrastructure/staging_uwsgi.ini new file mode 100644 index 00000000..7a8a6366 --- /dev/null +++ b/infrastructure/staging_uwsgi.ini @@ -0,0 +1,12 @@ +[uwsgi] +pybay_path = /data/websites/staging/pybay +chdir = %(pybay_path) +module = pybay.staging_wsgi +home = /data/websites/staging/ENV +master = true +processes = 5 +socket = /data/websites/staging.sock +uid = www-data +gid = www-data +chmod-socket = 777 +vacuum = true diff --git a/infrastructure/uwsgi_params b/infrastructure/uwsgi_params new file mode 100644 index 00000000..09c732cd --- /dev/null +++ b/infrastructure/uwsgi_params @@ -0,0 +1,17 @@ + +uwsgi_param QUERY_STRING $query_string; +uwsgi_param REQUEST_METHOD $request_method; +uwsgi_param CONTENT_TYPE $content_type; +uwsgi_param CONTENT_LENGTH $content_length; + +uwsgi_param REQUEST_URI $request_uri; +uwsgi_param PATH_INFO $document_uri; +uwsgi_param DOCUMENT_ROOT $document_root; +uwsgi_param SERVER_PROTOCOL $server_protocol; +uwsgi_param REQUEST_SCHEME $scheme; +uwsgi_param HTTPS $https if_not_empty; + +uwsgi_param REMOTE_ADDR $remote_addr; +uwsgi_param REMOTE_PORT $remote_port; +uwsgi_param SERVER_PORT $server_port; +uwsgi_param SERVER_NAME $server_name; diff --git a/jobs/__init__.py b/jobs/__init__.py new file mode 100644 index 00000000..e69de29b diff --git a/jobs/admin.py b/jobs/admin.py new file mode 100644 index 00000000..59af124c --- /dev/null +++ b/jobs/admin.py @@ -0,0 +1,11 @@ +from django.contrib import admin +from ordered_model.admin import OrderedModelAdmin + +from .models import Job + +class JobAdmin(OrderedModelAdmin): + prepopulated_fields = {"url": ("title",)} + list_display = ('title', 'details', 'display', 'level', 'location', 'move_up_down_links') + list_filter = ('display',) + +admin.site.register(Job, JobAdmin) diff --git a/jobs/forms.py b/jobs/forms.py new file mode 100644 index 00000000..1ccec861 --- /dev/null +++ b/jobs/forms.py @@ -0,0 +1,26 @@ +from crispy_forms.helper import FormHelper +from crispy_forms.layout import Submit + +from django import forms +from django.forms import ModelForm + +from .models import Job + +class JobForm(ModelForm): + + details = forms.CharField(label="Summary", widget=forms.Textarea, max_length="400", help_text="A brief description (Max 400 chars.)") + + class Meta: + model = Job + fields = ['title', 'company', 'location', 'contact_email', 'contact_phone', 'logo', 'details', 'lengthy_details', 'link'] + + + def __init__(self, *args, **kwargs): + self.helper = FormHelper() + self.helper.form_id = 'id-myform' + self.helper.form_method = 'post' + self.helper.add_input(Submit('submit', 'Submit')) + self.helper.form_class = "form-horizontal" + self.helper.label_class = 'col-lg-2' + self.helper.field_class = 'col-lg-5' + super(JobForm, self).__init__(*args, **kwargs) diff --git a/jobs/migrations/0001_initial.py b/jobs/migrations/0001_initial.py new file mode 100644 index 00000000..088582d6 --- /dev/null +++ b/jobs/migrations/0001_initial.py @@ -0,0 +1,40 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2019-02-20 23:03 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + initial = True + + dependencies = [ + ] + + operations = [ + migrations.CreateModel( + name='Job', + fields=[ + ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), + ('order', models.PositiveIntegerField(db_index=True, editable=False)), + ('title', models.CharField(max_length=255)), + ('company', models.CharField(default='', help_text='Employer name.', max_length=255)), + ('contact_email', models.EmailField(default='', help_text='Not shared publicly. Be sure to use the email associated with your Paypal account.', max_length=255)), + ('contact_phone', models.CharField(default='', help_text='Not shared publicly.', max_length=20)), + ('display', models.BooleanField(default=False, help_text='Show this job posting on the site.')), + ('logo', models.ImageField(blank=True, upload_to='logos')), + ('url', models.SlugField()), + ('details', models.TextField(help_text='Short and punchy text - 140 chars or less.', verbose_name='Summary')), + ('lengthy_details', models.TextField(blank=True, help_text='The rest of the details.', verbose_name='Details')), + ('link', models.CharField(default='', help_text='Add a link to apply for this job.', max_length=255)), + ('background', models.CharField(blank=True, max_length=6)), + ('level', models.IntegerField(choices=[(3500, 'Platinum'), (2000, 'Diamond'), (1500, 'Gold'), (1000, 'Silver'), (500, 'Bronze'), (0, 'None')], default=0)), + ('location', models.CharField(default='', max_length=100)), + ], + options={ + 'verbose_name': 'Job Details', + 'verbose_name_plural': 'Job Postings', + }, + ), + ] diff --git a/jobs/migrations/0002_remove_job_background.py b/jobs/migrations/0002_remove_job_background.py new file mode 100644 index 00000000..6ddd26f2 --- /dev/null +++ b/jobs/migrations/0002_remove_job_background.py @@ -0,0 +1,19 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2019-03-14 02:36 +from __future__ import unicode_literals + +from django.db import migrations + + +class Migration(migrations.Migration): + + dependencies = [ + ('jobs', '0001_initial'), + ] + + operations = [ + migrations.RemoveField( + model_name='job', + name='background', + ), + ] diff --git a/jobs/migrations/0003_auto_20190319_0813.py b/jobs/migrations/0003_auto_20190319_0813.py new file mode 100644 index 00000000..f1d490f5 --- /dev/null +++ b/jobs/migrations/0003_auto_20190319_0813.py @@ -0,0 +1,25 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2019-03-19 15:13 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('jobs', '0002_remove_job_background'), + ] + + operations = [ + migrations.AlterField( + model_name='job', + name='details', + field=models.TextField(help_text='Short and punchy text', verbose_name='Summary'), + ), + migrations.AlterField( + model_name='job', + name='lengthy_details', + field=models.TextField(blank=True, help_text='The rest of the details. Use markdown for bulleted lists, *italics*, etc.', verbose_name='Details'), + ), + ] diff --git a/jobs/migrations/__init__.py b/jobs/migrations/__init__.py new file mode 100644 index 00000000..e69de29b diff --git a/jobs/models.py b/jobs/models.py new file mode 100644 index 00000000..e789bc9a --- /dev/null +++ b/jobs/models.py @@ -0,0 +1,43 @@ +from django.db import models + +from ordered_model.models import OrderedModel + +ORDERING_CHOICES = [(3500, 'Platinum'), (2000, 'Diamond'), (1500, 'Gold'), (1000, 'Silver'), (500, 'Bronze'), (0, 'None')] + +class VisibleJobManager(models.Manager): + def get_queryset(self): + return super(VisibleJobManager, self).get_queryset().filter(display=True) + def all(self): + return super(VisibleJobManager, self).all().order_by('-level', 'order') + +class Job(OrderedModel): + class Meta: + verbose_name = 'Job Details' + verbose_name_plural = 'Job Postings' + + title = models.CharField(max_length=255) + company = models.CharField(max_length=255, default="", help_text="Employer name.") + contact_email = models.EmailField(max_length=255, + help_text="Not shared publicly. Be sure to use the email" + " associated with your Paypal account.", + default="") + contact_phone = models.CharField(max_length=20, help_text="Not shared publicly.", default="") + display = models.BooleanField(help_text="Show this job posting on the site.", default=False) + logo = models.ImageField(upload_to="logos", blank=True) + url = models.SlugField(help_text="Give the posting a short slug to be used in the url") + details = models.TextField("Summary", help_text="Short and punchy text") + lengthy_details = models.TextField("Details", blank=True, help_text="The rest of the details. Use markdown for bulleted lists, *italics*, etc.") + link = models.CharField(max_length=255, default="", help_text="Add a link to apply for this job.") + level = models.IntegerField(choices=ORDERING_CHOICES, default=0) + location = models.CharField(max_length=100, default="") + + def get_absolute_url(self): + return "/jobs/%s/" % self.url + + def __unicode__(self): + return self.title + + + + objects = models.Manager() + visible = VisibleJobManager() diff --git a/jobs/templates/jobs/create.html b/jobs/templates/jobs/create.html new file mode 100644 index 00000000..cafbed91 --- /dev/null +++ b/jobs/templates/jobs/create.html @@ -0,0 +1,24 @@ +{% extends 'frontend/base.html' %} +{% load crispy_forms_tags %} +{% load generic_flatblocks %} + +{% block content %} +
    +
    + +
    +

    Submit your Job Posting

    + +
    + {% gblock "job-create-text" for "gblocks.Text" %} +
    +{% crispy form %} +
    + +
    +
    +{% endblock %} diff --git a/jobs/templates/jobs/detail.html b/jobs/templates/jobs/detail.html new file mode 100644 index 00000000..151fdf28 --- /dev/null +++ b/jobs/templates/jobs/detail.html @@ -0,0 +1,42 @@ +{% extends "frontend/base.html" %} +{% load markup_tags %} + +{% block content %} +
    +
    + +
    +
    +
      +
    1. Job Postings
      2. +
    2. {{ job.title|safe }}
      3. +
    +
    +
    + +
    +
    +
    +

    + {{ job.details }} +

    +
    +

    + {% if job.link %}

    Apply{% endif %} + Back to Job Listings +

    +
    +
    +
    + {% if job.logo %}{{job.title}}{% endif %} +
    +
    +
    +
    + {{ job.lengthy_details|apply_markup:"markdown" }} +
    +
    +
    +
    +
    +{% endblock %} diff --git a/jobs/templates/jobs/index.html b/jobs/templates/jobs/index.html new file mode 100644 index 00000000..659dd710 --- /dev/null +++ b/jobs/templates/jobs/index.html @@ -0,0 +1,41 @@ +{% extends "frontend/base.html" %} +{% load generic_flatblocks %} + +{% block content %} +
    +
    +
    +
    +
      +
    1. Job Postings
      2. +
    +
    +
    +
    +
    + {% gblock "job-index-text" for "gblocks.Text" %} +
    +
    + + {% for job in jobs %} +
    +
    +

    {{ job.title|safe }}

    +

    {{ job.company }} ~ {{ job.location }}

    +

    {{ job.details|safe }}

    +
    +
    + {% ifchanged job.logo %} + {% if job.logo %}{{job.title}}{% endif %} + {% endifchanged %} +
    +
    +
    + Learn More + {% if job.link %}Apply{% endif %} +
    +
    + {% endfor %} +
    +
    +{% endblock %} diff --git a/jobs/templates/jobs/thanks.html b/jobs/templates/jobs/thanks.html new file mode 100644 index 00000000..a39f35bc --- /dev/null +++ b/jobs/templates/jobs/thanks.html @@ -0,0 +1,12 @@ +{% extends 'frontend/base.html' %} + +{% block content %} +
    +
    +
    +

    Thank you for submitting your Job Posting

    +

    The organizers will review your posting, check your sponsorship level, and mark it live within 24 hours.

    +
    +
    + +{% endblock %} diff --git a/jobs/tests.py b/jobs/tests.py new file mode 100644 index 00000000..7ce503c2 --- /dev/null +++ b/jobs/tests.py @@ -0,0 +1,3 @@ +from django.test import TestCase + +# Create your tests here. diff --git a/jobs/urls.py b/jobs/urls.py new file mode 100644 index 00000000..3e8805b8 --- /dev/null +++ b/jobs/urls.py @@ -0,0 +1,10 @@ +from django.conf.urls import url + +from . import views + +urlpatterns = [ + url(r'^$', views.list, name="job_list"), + url(r'submit/$', views.create, name="job_create"), + url(r'thanks/$', views.thanks, name="job_thanks"), + url(r'(?P[\w-]+)/$', views.detail, name="job_detail"), +] diff --git a/jobs/views.py b/jobs/views.py new file mode 100644 index 00000000..d40cd96d --- /dev/null +++ b/jobs/views.py @@ -0,0 +1,23 @@ +from django.http import HttpResponseRedirect +from django.shortcuts import render, get_object_or_404 +from django.core.urlresolvers import reverse + +from .models import Job +from .forms import JobForm + +def create(request): + form = JobForm(request.POST or None, request.FILES or None) + if form.is_valid(): + form.save() + return HttpResponseRedirect(reverse('job_thanks')) + return render(request, 'jobs/create.html', {'form': form}) + +def list(request): + return render(request, "jobs/index.html", {'jobs': Job.visible.all()}) + +def thanks(request): + return render(request, "jobs/thanks.html") + +def detail(request, slug): + job = get_object_or_404(Job, url=slug) + return render(request, "jobs/detail.html", {'job': job}) diff --git a/menu/__init__.py b/menu/__init__.py new file mode 100644 index 00000000..e69de29b diff --git a/menu/admin.py b/menu/admin.py new file mode 100644 index 00000000..98b40fb9 --- /dev/null +++ b/menu/admin.py @@ -0,0 +1,15 @@ +from django.contrib import admin +from .models import MenuItem, SubMenuItem +from ordered_model.admin import OrderedModelAdmin + + +class MenuAdmin(OrderedModelAdmin): + list_display = ('text', 'url', 'move_up_down_links') + +class SubMenuAdmin(OrderedModelAdmin): + list_display = ('parent', 'text', 'url', 'move_up_down_links') + list_filter = ('parent',) + + +admin.site.register(MenuItem, MenuAdmin) +admin.site.register(SubMenuItem, SubMenuAdmin) diff --git a/menu/apps.py b/menu/apps.py new file mode 100644 index 00000000..94ae6d4f --- /dev/null +++ b/menu/apps.py @@ -0,0 +1,5 @@ +from django.apps import AppConfig + + +class MenuConfig(AppConfig): + name = 'menu' diff --git a/menu/migrations/0001_initial.py b/menu/migrations/0001_initial.py new file mode 100644 index 00000000..ce1e79b9 --- /dev/null +++ b/menu/migrations/0001_initial.py @@ -0,0 +1,47 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2018-02-21 22:29 +from __future__ import unicode_literals + +from django.db import migrations, models +import django.db.models.deletion + + +class Migration(migrations.Migration): + + initial = True + + dependencies = [ + ] + + operations = [ + migrations.CreateModel( + name='MenuItem', + fields=[ + ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), + ('order', models.PositiveIntegerField(db_index=True, editable=False)), + ('text', models.CharField(max_length=200)), + ('url', models.CharField(max_length=255)), + ('target', models.CharField(max_length=50)), + ], + options={ + 'verbose_name_plural': 'Menu Items', + 'ordering': ('order',), + 'abstract': False, + }, + ), + migrations.CreateModel( + name='SubMenuItem', + fields=[ + ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), + ('order', models.PositiveIntegerField(db_index=True, editable=False)), + ('text', models.CharField(max_length=255)), + ('url', models.TextField()), + ('target', models.CharField(max_length=50)), + ('parent', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='menuitems', to='menu.MenuItem')), + ], + options={ + 'ordering': ('order',), + 'abstract': False, + }, + ), + ] diff --git a/menu/migrations/0002_auto_20180221_1611.py b/menu/migrations/0002_auto_20180221_1611.py new file mode 100644 index 00000000..9b6aec10 --- /dev/null +++ b/menu/migrations/0002_auto_20180221_1611.py @@ -0,0 +1,49 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2018-02-22 00:11 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('menu', '0001_initial'), + ] + + operations = [ + migrations.AlterModelOptions( + name='submenuitem', + options={'ordering': ('order',), 'verbose_name_plural': 'SubMenu Items'}, + ), + migrations.AlterField( + model_name='menuitem', + name='target', + field=models.CharField(blank=True, help_text='Leave empty or set to _blank to open in new window', max_length=50), + ), + migrations.AlterField( + model_name='menuitem', + name='text', + field=models.CharField(help_text='Display text for link', max_length=200), + ), + migrations.AlterField( + model_name='menuitem', + name='url', + field=models.CharField(help_text='URL (/relative or http://domain.com)', max_length=255), + ), + migrations.AlterField( + model_name='submenuitem', + name='target', + field=models.CharField(blank=True, help_text='Leave empty or set to _blank to open in new window', max_length=50), + ), + migrations.AlterField( + model_name='submenuitem', + name='text', + field=models.CharField(help_text='Display text for link', max_length=255), + ), + migrations.AlterField( + model_name='submenuitem', + name='url', + field=models.TextField(help_text='URL (/relative or http://domain.com)', max_length=255), + ), + ] diff --git a/menu/migrations/0003_auto_20180221_1623.py b/menu/migrations/0003_auto_20180221_1623.py new file mode 100644 index 00000000..1ceec4a4 --- /dev/null +++ b/menu/migrations/0003_auto_20180221_1623.py @@ -0,0 +1,20 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2018-02-22 00:23 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('menu', '0002_auto_20180221_1611'), + ] + + operations = [ + migrations.AlterField( + model_name='submenuitem', + name='url', + field=models.CharField(help_text='URL (/relative or http://domain.com)', max_length=255), + ), + ] diff --git a/menu/migrations/0004_auto_20180221_1718.py b/menu/migrations/0004_auto_20180221_1718.py new file mode 100644 index 00000000..98fe69aa --- /dev/null +++ b/menu/migrations/0004_auto_20180221_1718.py @@ -0,0 +1,25 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2018-02-22 01:18 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('menu', '0003_auto_20180221_1623'), + ] + + operations = [ + migrations.AlterField( + model_name='menuitem', + name='target', + field=models.BooleanField(default=False, help_text='Check to open in new window'), + ), + migrations.AlterField( + model_name='submenuitem', + name='target', + field=models.BooleanField(default=False, help_text='Check to open in new window'), + ), + ] diff --git a/menu/migrations/__init__.py b/menu/migrations/__init__.py new file mode 100644 index 00000000..e69de29b diff --git a/menu/models.py b/menu/models.py new file mode 100644 index 00000000..73129344 --- /dev/null +++ b/menu/models.py @@ -0,0 +1,30 @@ +from django.db import models + +from ordered_model.models import OrderedModel + + +class MenuItem(OrderedModel): + class Meta(OrderedModel.Meta): + verbose_name_plural = "Menu Items" + + text = models.CharField(max_length=200, help_text="Display text for link") + url = models.CharField(max_length=255, + help_text="URL (/relative or http://domain.com)") + target = models.BooleanField(default=False, + help_text="Check to open in new window") + def __str__(self): + return self.text + + +class SubMenuItem(OrderedModel): + class Meta(OrderedModel.Meta): + verbose_name_plural = "SubMenu Items" + + parent = models.ForeignKey(MenuItem, related_name='menuitems') + text = models.CharField(max_length=255, help_text="Display text for link") + url = models.CharField(max_length=255, help_text="URL (/relative or http://domain.com)") + target = models.BooleanField(default=False, + help_text="Check to open in new window") + + def __str__(self): + return self.text diff --git a/menu/templates/menu/menu.html b/menu/templates/menu/menu.html new file mode 100644 index 00000000..53c14d5e --- /dev/null +++ b/menu/templates/menu/menu.html @@ -0,0 +1,20 @@ +
      +{% for item in menuitems %} + {% with submenu=item.menuitems.all %} + {% if submenu %} +
    • + + {{ item.text }} +
      • + {% else %} +
    • + {{ item.text }} +
      • + {% endif %} + {% endwith %} +{% endfor %} +
    diff --git a/menu/templatetags/__init__.py b/menu/templatetags/__init__.py new file mode 100644 index 00000000..e69de29b diff --git a/menu/templatetags/menu_tags.py b/menu/templatetags/menu_tags.py new file mode 100644 index 00000000..e59b8d6f --- /dev/null +++ b/menu/templatetags/menu_tags.py @@ -0,0 +1,11 @@ +import datetime +from django import template + +from menu.models import MenuItem + +register = template.Library() + +@register.inclusion_tag('menu/menu.html') +def menu(): + top = MenuItem.objects.select_related().all() + return {'menuitems': top} diff --git a/menu/tests.py b/menu/tests.py new file mode 100644 index 00000000..7ce503c2 --- /dev/null +++ b/menu/tests.py @@ -0,0 +1,3 @@ +from django.test import TestCase + +# Create your tests here. diff --git a/pybay/apps.py b/pybay/apps.py index cd33ac6e..754db98e 100644 --- a/pybay/apps.py +++ b/pybay/apps.py @@ -7,4 +7,4 @@ class AppConfig(BaseAppConfig): name = "pybay" def ready(self): - import_module("pybay\.receivers") + import_module("pybay.receivers") diff --git a/pybay/context_processors.py b/pybay/context_processors.py new file mode 100644 index 00000000..a291fef3 --- /dev/null +++ b/pybay/context_processors.py @@ -0,0 +1,8 @@ +from django.conf import settings + + +def settings_variables(request): + return { + 'SHOW_SPEAKERS_LIST_NAVBAR_LINK': getattr(settings, 'SHOW_SPEAKERS_LIST_NAVBAR_LINK', False), + 'CANONICAL_HOST': settings.CANONICAL_HOST, + } diff --git a/pybay/countdowns/__init__.py b/pybay/countdowns/__init__.py new file mode 100644 index 00000000..e69de29b diff --git a/pybay/countdowns/admin.py b/pybay/countdowns/admin.py new file mode 100644 index 00000000..9641c3b8 --- /dev/null +++ b/pybay/countdowns/admin.py @@ -0,0 +1,10 @@ +from django.contrib import admin + +from . import models + + +class CountdownAdmin(admin.ModelAdmin): + list_display = 'title', 'date' + + +admin.site.register(models.Countdown, CountdownAdmin) diff --git a/pybay/countdowns/apps.py b/pybay/countdowns/apps.py new file mode 100644 index 00000000..e9149bc1 --- /dev/null +++ b/pybay/countdowns/apps.py @@ -0,0 +1,5 @@ +from django.apps import AppConfig + + +class PybayCountdownsConfig(AppConfig): + name = 'pybay_countdowns' diff --git a/pybay/countdowns/migrations/0001_initial.py b/pybay/countdowns/migrations/0001_initial.py new file mode 100644 index 00000000..09e8adcd --- /dev/null +++ b/pybay/countdowns/migrations/0001_initial.py @@ -0,0 +1,26 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2017-07-24 00:04 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + initial = True + + dependencies = [ + ] + + operations = [ + migrations.CreateModel( + name='Countdown', + fields=[ + ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), + ('title', models.TextField(help_text='Text above the countdown')), + ('date', models.DateTimeField(help_text='The date the countdown counts to')), + ('cta', models.TextField(help_text='Text on the button below the countdown', verbose_name="Call to action")), + ('link', models.TextField(help_text='Target of the button below the countdown')), + ], + ), + ] diff --git a/pybay/countdowns/migrations/__init__.py b/pybay/countdowns/migrations/__init__.py new file mode 100644 index 00000000..e69de29b diff --git a/pybay/countdowns/models.py b/pybay/countdowns/models.py new file mode 100644 index 00000000..5b4dc4b0 --- /dev/null +++ b/pybay/countdowns/models.py @@ -0,0 +1,17 @@ +from django.db import models +from django.utils import timezone + + +class Countdown(models.Model): + title = models.TextField(help_text="Text above the countdown") + date = models.DateTimeField(help_text="The date the countdown counts to") + cta = models.TextField(help_text="Text on the button below the countdown", verbose_name='Call to action') + link = models.TextField(help_text="Target of the button below the countdown") + + def context_for_template(self): + ret = dict(self.__dict__, reference=timezone.now().timestamp()) + ret['date'] = ret['date'].timestamp() + return ret + + def __str__(self): + return '{0.title}: {0.date}'.format(self) diff --git a/pybay/dbg_settings.py b/pybay/dbg_settings.py new file mode 100644 index 00000000..90d5456f --- /dev/null +++ b/pybay/dbg_settings.py @@ -0,0 +1,9 @@ +from pybay.settings import * + +INSTALLED_APPS += ['debug_toolbar'] + +MIDDLEWARE_CLASSES = ['debug_toolbar.middleware.DebugToolbarMiddleware'] + MIDDLEWARE_CLASSES + +DEBUG_TOOLBAR = True + +INTERNAL_IPS = ['127.0.0.1'] diff --git a/pybay/faqs/__init__.py b/pybay/faqs/__init__.py new file mode 100644 index 00000000..e69de29b diff --git a/pybay/faqs/admin.py b/pybay/faqs/admin.py new file mode 100644 index 00000000..5f2db496 --- /dev/null +++ b/pybay/faqs/admin.py @@ -0,0 +1,16 @@ +from django.contrib import admin +from .models import Category, Faq +from ordered_model.admin import OrderedModelAdmin + + +class CategoryAdmin(OrderedModelAdmin): + prepopulated_fields = {"slug": ("title",)} + list_display = ('title', 'move_up_down_links') + +class FaqAdmin(OrderedModelAdmin): + list_display = ('category', 'title', 'show_on_registration', 'show_on_sponsors', 'show_on_home', 'move_up_down_links') + list_filter = ('category',) + + +admin.site.register(Faq, FaqAdmin) +admin.site.register(Category, CategoryAdmin) diff --git a/pybay/faqs/apps.py b/pybay/faqs/apps.py new file mode 100644 index 00000000..a13fb7a0 --- /dev/null +++ b/pybay/faqs/apps.py @@ -0,0 +1,5 @@ +from django.apps import AppConfig + + +class FaqsConfig(AppConfig): + name = 'faqs' diff --git a/pybay/faqs/migrations/0001_initial.py b/pybay/faqs/migrations/0001_initial.py new file mode 100644 index 00000000..f4a6a514 --- /dev/null +++ b/pybay/faqs/migrations/0001_initial.py @@ -0,0 +1,24 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2017-05-07 22:06 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + initial = True + + dependencies = [ + ] + + operations = [ + migrations.CreateModel( + name='Faq', + fields=[ + ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), + ('title', models.CharField(max_length=200)), + ('body', models.TextField()), + ], + ), + ] diff --git a/pybay/faqs/migrations/0002_faq_ordering.py b/pybay/faqs/migrations/0002_faq_ordering.py new file mode 100644 index 00000000..62f02573 --- /dev/null +++ b/pybay/faqs/migrations/0002_faq_ordering.py @@ -0,0 +1,21 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2017-05-07 22:42 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('faqs', '0001_initial'), + ] + + operations = [ + migrations.AddField( + model_name='faq', + name='ordering', + field=models.IntegerField(default=0), + preserve_default=False, + ), + ] diff --git a/pybay/faqs/migrations/0003_faq_promotion_flags.py b/pybay/faqs/migrations/0003_faq_promotion_flags.py new file mode 100644 index 00000000..e25c1bda --- /dev/null +++ b/pybay/faqs/migrations/0003_faq_promotion_flags.py @@ -0,0 +1,30 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2017-05-24 06:12 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('faqs', '0002_faq_ordering'), + ] + + operations = [ + migrations.AddField( + model_name='faq', + name='show_on_home', + field=models.BooleanField(default=False), + ), + migrations.AddField( + model_name='faq', + name='show_on_registration', + field=models.BooleanField(default=False), + ), + migrations.AddField( + model_name='faq', + name='show_on_sponsors', + field=models.BooleanField(default=False), + ), + ] diff --git a/pybay/faqs/migrations/0004_faq_categories.py b/pybay/faqs/migrations/0004_faq_categories.py new file mode 100644 index 00000000..0f5af28f --- /dev/null +++ b/pybay/faqs/migrations/0004_faq_categories.py @@ -0,0 +1,33 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2017-05-25 16:37 +from __future__ import unicode_literals + +from django.db import migrations, models +import django.db.models.deletion + + +class Migration(migrations.Migration): + + dependencies = [ + ('faqs', '0003_faq_promotion_flags'), + ] + + operations = [ + migrations.CreateModel( + name='Category', + fields=[ + ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), + ('title', models.CharField(max_length=200)), + ('slug', models.SlugField()), + ('ordering', models.IntegerField()), + ], + options={ + 'verbose_name_plural': 'Categories', + }, + ), + migrations.AddField( + model_name='faq', + name='category', + field=models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='faqs', to='faqs.Category'), + ), + ] diff --git a/pybay/faqs/migrations/0005_auto_20180102_2214.py b/pybay/faqs/migrations/0005_auto_20180102_2214.py new file mode 100644 index 00000000..60736c70 --- /dev/null +++ b/pybay/faqs/migrations/0005_auto_20180102_2214.py @@ -0,0 +1,25 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2018-01-03 06:14 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('faqs', '0004_faq_categories'), + ] + + operations = [ + migrations.AlterModelOptions( + name='faq', + options={'ordering': ('order',)}, + ), + migrations.AddField( + model_name='faq', + name='order', + field=models.PositiveIntegerField(db_index=True, default=0, editable=False), + preserve_default=False, + ), + ] diff --git a/pybay/faqs/migrations/0006_auto_20180102_2217.py b/pybay/faqs/migrations/0006_auto_20180102_2217.py new file mode 100644 index 00000000..63305fd8 --- /dev/null +++ b/pybay/faqs/migrations/0006_auto_20180102_2217.py @@ -0,0 +1,22 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2018-01-03 06:17 +from __future__ import unicode_literals + +from django.db import migrations + + +def copy_order(apps, schema_editor): + Faq = apps.get_model('faqs', 'Faq') + for faq in Faq.objects.all(): + faq.order = faq.ordering + faq.save() + +class Migration(migrations.Migration): + + dependencies = [ + ('faqs', '0005_auto_20180102_2214'), + ] + + operations = [ + migrations.RunPython(copy_order), + ] diff --git a/pybay/faqs/migrations/0007_auto_20180102_2225.py b/pybay/faqs/migrations/0007_auto_20180102_2225.py new file mode 100644 index 00000000..145a3098 --- /dev/null +++ b/pybay/faqs/migrations/0007_auto_20180102_2225.py @@ -0,0 +1,19 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2018-01-03 06:25 +from __future__ import unicode_literals + +from django.db import migrations + + +class Migration(migrations.Migration): + + dependencies = [ + ('faqs', '0006_auto_20180102_2217'), + ] + + operations = [ + migrations.RemoveField( + model_name='faq', + name='ordering', + ), + ] diff --git a/pybay/faqs/migrations/0008_auto_20180102_2230.py b/pybay/faqs/migrations/0008_auto_20180102_2230.py new file mode 100644 index 00000000..fa41d482 --- /dev/null +++ b/pybay/faqs/migrations/0008_auto_20180102_2230.py @@ -0,0 +1,25 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2018-01-03 06:30 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('faqs', '0007_auto_20180102_2225'), + ] + + operations = [ + migrations.AlterModelOptions( + name='category', + options={'ordering': ('order',), 'verbose_name_plural': 'Categories'}, + ), + migrations.AddField( + model_name='category', + name='order', + field=models.PositiveIntegerField(db_index=True, default=0, editable=False), + preserve_default=False, + ), + ] diff --git a/pybay/faqs/migrations/0009_auto_20180102_2306.py b/pybay/faqs/migrations/0009_auto_20180102_2306.py new file mode 100644 index 00000000..0b187293 --- /dev/null +++ b/pybay/faqs/migrations/0009_auto_20180102_2306.py @@ -0,0 +1,21 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2018-01-03 07:06 +from __future__ import unicode_literals + +from django.db import migrations + +def copy_order(apps, schema_editor): + Category = apps.get_model('faqs', 'Category') + for cat in Category.objects.all(): + cat.order = cat.ordering + cat.save() + + +class Migration(migrations.Migration): + + dependencies = [ + ('faqs', '0008_auto_20180102_2230'), + ] + + operations = [ + ] diff --git a/pybay/faqs/migrations/0010_remove_category_ordering.py b/pybay/faqs/migrations/0010_remove_category_ordering.py new file mode 100644 index 00000000..30b7fd0f --- /dev/null +++ b/pybay/faqs/migrations/0010_remove_category_ordering.py @@ -0,0 +1,19 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2018-01-03 07:07 +from __future__ import unicode_literals + +from django.db import migrations + + +class Migration(migrations.Migration): + + dependencies = [ + ('faqs', '0009_auto_20180102_2306'), + ] + + operations = [ + migrations.RemoveField( + model_name='category', + name='ordering', + ), + ] diff --git a/pybay/faqs/migrations/__init__.py b/pybay/faqs/migrations/__init__.py new file mode 100644 index 00000000..e69de29b diff --git a/pybay/faqs/models.py b/pybay/faqs/models.py new file mode 100644 index 00000000..bf4e6df6 --- /dev/null +++ b/pybay/faqs/models.py @@ -0,0 +1,41 @@ +from django.db import models + +from ordered_model.models import OrderedModel + + +class CategoryManager(models.Manager): + def faqs_per_category(self): + categories = [ + (cat.slug, cat.title, cat.faqs.all()) + for cat in self.order_by('order').prefetch_related('faqs').all() + if cat.faqs.count() + ] + others = Faq.objects.filter(category=None).all() + if others: + categories.append(('other', 'Other', others)) + return categories + + +class Category(OrderedModel): + class Meta(OrderedModel.Meta): + verbose_name_plural = "Categories" + + title = models.CharField(max_length=200) + slug = models.SlugField() + + objects = CategoryManager() + + def __str__(self): + return self.title + + +class Faq(OrderedModel): + category = models.ForeignKey(Category, on_delete=models.SET_NULL, null=True, blank=True, related_name='faqs') + title = models.CharField(max_length=200) + body = models.TextField() + show_on_registration = models.BooleanField(default=False) + show_on_sponsors = models.BooleanField(default=False) + show_on_home = models.BooleanField(default=False) + + def __str__(self): + return "{}".format(self.title) diff --git a/pybay/faqs/tests.py b/pybay/faqs/tests.py new file mode 100644 index 00000000..7ce503c2 --- /dev/null +++ b/pybay/faqs/tests.py @@ -0,0 +1,3 @@ +from django.test import TestCase + +# Create your tests here. diff --git a/pybay/faqs/views.py b/pybay/faqs/views.py new file mode 100644 index 00000000..91ea44a2 --- /dev/null +++ b/pybay/faqs/views.py @@ -0,0 +1,3 @@ +from django.shortcuts import render + +# Create your views here. diff --git a/pybay/featured_speakers/__init__.py b/pybay/featured_speakers/__init__.py new file mode 100644 index 00000000..e69de29b diff --git a/pybay/featured_speakers/admin.py b/pybay/featured_speakers/admin.py new file mode 100644 index 00000000..dcd6e435 --- /dev/null +++ b/pybay/featured_speakers/admin.py @@ -0,0 +1,26 @@ +from django import forms +from django.contrib import admin + +from ordered_model.admin import OrderedModelAdmin + +from .models import FeaturedSpeaker +from symposion.speakers.models import Speaker + +class SpeakerChoiceField(forms.ModelChoiceField): + """Class to overwrite __str__ implementation on speakers and provide text in dropdown.""" + def label_from_instance(self, obj): + return obj.name + +class FeaturedSpeakerForm(forms.ModelForm): + speaker = SpeakerChoiceField(Speaker.objects.all()) + +class FeaturedSpeakerAdmin(OrderedModelAdmin): + list_display = ('speaker_name', 'move_up_down_links') + form = FeaturedSpeakerForm + def speaker_name(self, obj): + return obj.speaker.name + speaker_name.admin_order_field = 'speaker' + + + +admin.site.register(FeaturedSpeaker, FeaturedSpeakerAdmin) diff --git a/pybay/featured_speakers/apps.py b/pybay/featured_speakers/apps.py new file mode 100644 index 00000000..14f3c425 --- /dev/null +++ b/pybay/featured_speakers/apps.py @@ -0,0 +1,5 @@ +from django.apps import AppConfig + + +class FeaturedSpeakersConfig(AppConfig): + name = 'featured_speakers' diff --git a/pybay/featured_speakers/migrations/0001_initial.py b/pybay/featured_speakers/migrations/0001_initial.py new file mode 100644 index 00000000..3642d76d --- /dev/null +++ b/pybay/featured_speakers/migrations/0001_initial.py @@ -0,0 +1,30 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2017-06-21 02:54 +from __future__ import unicode_literals + +from django.db import migrations, models +import django.db.models.deletion + + +class Migration(migrations.Migration): + + initial = True + + dependencies = [ + ('symposion_speakers', '0003_auto_20170419_0518'), + ] + + operations = [ + migrations.CreateModel( + name='FeaturedSpeaker', + fields=[ + ('order', models.PositiveIntegerField(db_index=True, editable=False)), + ('title', models.CharField(max_length=50)), + ('speaker', models.OneToOneField(on_delete=django.db.models.deletion.CASCADE, primary_key=True, serialize=False, to='symposion_speakers.Speaker')), + ], + options={ + 'ordering': ('order',), + 'abstract': False, + }, + ), + ] diff --git a/pybay/featured_speakers/migrations/0002_description.py b/pybay/featured_speakers/migrations/0002_description.py new file mode 100644 index 00000000..41b7bac7 --- /dev/null +++ b/pybay/featured_speakers/migrations/0002_description.py @@ -0,0 +1,25 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2017-06-26 03:27 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('featured_speakers', '0001_initial'), + ] + + operations = [ + migrations.RemoveField( + model_name='featuredspeaker', + name='title', + ), + migrations.AddField( + model_name='featuredspeaker', + name='description', + field=models.TextField(default=''), + preserve_default=False, + ), + ] diff --git a/pybay/featured_speakers/migrations/__init__.py b/pybay/featured_speakers/migrations/__init__.py new file mode 100644 index 00000000..e69de29b diff --git a/pybay/featured_speakers/models.py b/pybay/featured_speakers/models.py new file mode 100644 index 00000000..4a73af24 --- /dev/null +++ b/pybay/featured_speakers/models.py @@ -0,0 +1,12 @@ +from django.db import models + +from ordered_model.models import OrderedModel +from symposion.speakers.models import Speaker + + +class FeaturedSpeaker(OrderedModel): + speaker = models.OneToOneField(Speaker, on_delete=models.CASCADE, primary_key=True) + description = models.TextField() + + class Meta(OrderedModel.Meta): + pass diff --git a/pybay/featured_speakers/templates/featured_speakers/list.html b/pybay/featured_speakers/templates/featured_speakers/list.html new file mode 100644 index 00000000..502ecde5 --- /dev/null +++ b/pybay/featured_speakers/templates/featured_speakers/list.html @@ -0,0 +1,26 @@ +{% load get_speaker_url_with_fallback %} +{% load markup_tags %} +{% load generic_flatblocks %} +
    +
    +

    {% gblock "features_speakers_row_1" for "gblocks.Text" %}

    +
    +
    +
    + {% for featured in speakers %} +
    +
    + {{ featured.speaker.name }} + {% if featured.speaker.twitter_username %} +
    + +
    + {% endif %} +
    + {{ featured.speaker.name }} + {{ featured.description|apply_markup:"markdown" }} +
    + {% endfor %} +
    diff --git a/pybay/featured_speakers/templatetags/__init__.py b/pybay/featured_speakers/templatetags/__init__.py new file mode 100644 index 00000000..e69de29b diff --git a/pybay/featured_speakers/templatetags/featured_speakers.py b/pybay/featured_speakers/templatetags/featured_speakers.py new file mode 100644 index 00000000..dcf28fca --- /dev/null +++ b/pybay/featured_speakers/templatetags/featured_speakers.py @@ -0,0 +1,11 @@ +from django import template + +from pybay.featured_speakers.models import FeaturedSpeaker + +register = template.Library() + + +@register.inclusion_tag('featured_speakers/list.html', takes_context=True) +def featured_speakers(context): + context['speakers'] = FeaturedSpeaker.objects.all() + return context diff --git a/pybay/featured_speakers/tests.py b/pybay/featured_speakers/tests.py new file mode 100644 index 00000000..7ce503c2 --- /dev/null +++ b/pybay/featured_speakers/tests.py @@ -0,0 +1,3 @@ +from django.test import TestCase + +# Create your tests here. diff --git a/pybay/featured_speakers/views.py b/pybay/featured_speakers/views.py new file mode 100644 index 00000000..91ea44a2 --- /dev/null +++ b/pybay/featured_speakers/views.py @@ -0,0 +1,3 @@ +from django.shortcuts import render + +# Create your views here. diff --git a/pybay/flatpages_ext/__init__.py b/pybay/flatpages_ext/__init__.py new file mode 100644 index 00000000..e69de29b diff --git a/pybay/flatpages_ext/admin.py b/pybay/flatpages_ext/admin.py new file mode 100644 index 00000000..1ba16a06 --- /dev/null +++ b/pybay/flatpages_ext/admin.py @@ -0,0 +1,17 @@ +from django.contrib import admin +from reversion.admin import VersionAdmin +from django.contrib.flatpages.admin import FlatPage, FlatPageAdmin + +from .models import HostedPicture + +admin.site.unregister(FlatPage) + + +@admin.register(FlatPage) +class FlatPageVersionedAdmin(VersionAdmin, FlatPageAdmin): + pass + + +@admin.register(HostedPicture) +class HostedPictureAdmin(admin.ModelAdmin): + list_display = ['title', 'url', 'html'] diff --git a/pybay/flatpages_ext/apps.py b/pybay/flatpages_ext/apps.py new file mode 100644 index 00000000..dbee7e62 --- /dev/null +++ b/pybay/flatpages_ext/apps.py @@ -0,0 +1,7 @@ +from django.apps import AppConfig +from django.utils.translation import ugettext_lazy as _ + + +class FlatpagesExtConfig(AppConfig): + name = 'pybay.flatpages_ext' + verbose_name = _("Flat Pages Extensions") diff --git a/pybay/flatpages_ext/migrations/0001_initial.py b/pybay/flatpages_ext/migrations/0001_initial.py new file mode 100644 index 00000000..2c2b9579 --- /dev/null +++ b/pybay/flatpages_ext/migrations/0001_initial.py @@ -0,0 +1,24 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2017-06-12 20:46 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + initial = True + + dependencies = [ + ] + + operations = [ + migrations.CreateModel( + name='HostedPicture', + fields=[ + ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), + ('title', models.CharField(max_length=255)), + ('picture', models.ImageField(upload_to='fpimg')), + ], + ), + ] diff --git a/pybay/flatpages_ext/migrations/__init__.py b/pybay/flatpages_ext/migrations/__init__.py new file mode 100644 index 00000000..e69de29b diff --git a/pybay/flatpages_ext/models.py b/pybay/flatpages_ext/models.py new file mode 100644 index 00000000..0e7c0f33 --- /dev/null +++ b/pybay/flatpages_ext/models.py @@ -0,0 +1,19 @@ +from django.db import models +from django.utils.html import format_html, escape + +class HostedPicture(models.Model): + title = models.CharField(max_length=255) + picture = models.ImageField(upload_to="fpimg") + + @property + def url(self): + return str(self.picture.url) + + @property + def html(self): + return escape(format_html( + '{}', + self.url, self.title)) + + def __str__(self): + return self.title diff --git a/pybay/forms.py b/pybay/forms.py new file mode 100644 index 00000000..49fae16c --- /dev/null +++ b/pybay/forms.py @@ -0,0 +1,137 @@ +import random +import string + +from pathlib import Path + +from django import forms +from django.conf import settings +from django.core.mail import EmailMessage +from django.core.exceptions import ValidationError +from django.contrib.auth.models import User +from django.utils.safestring import mark_safe + +from symposion.speakers.models import Speaker +from symposion.proposals.models import ProposalKind +from pybay.proposals.models import TalkProposal + +from crispy_forms.helper import FormHelper +from crispy_forms.layout import Layout +from crispy_forms.bootstrap import PrependedText + + +class CallForProposalForm(forms.Form): + first_name = forms.CharField(label='First Name', max_length=100) + last_name = forms.CharField(label='Last Name', max_length=100) + email = forms.EmailField(label='Email') + website = forms.URLField(label='Website', required=False) + phone = forms.CharField(label='Phone', max_length=15) # pybay.proposals.models.Proposal.phone has max_length 15 + themes = forms.MultipleChoiceField(label=mark_safe('Themes
    Select all that apply'), widget=forms.CheckboxSelectMultiple, choices=TalkProposal.THEME_CHOICES) + audience_level = forms.ChoiceField(choices=TalkProposal.AUDIENCE_LEVELS) + talk_length = forms.ChoiceField(choices=TalkProposal.TALK_LENGTHS) + speaker_bio = forms.CharField(widget=forms.Textarea) + meetup_talk = forms.ChoiceField(widget=forms.RadioSelect,label="Deliver talk @ future SF Python Meetups if we cannot fit you in the PyBay program?", choices=TalkProposal.MEETUP_CHOICES) + talk_title = forms.CharField(label='Talk Title', max_length=100) + description = forms.CharField(label="Brief Description", widget=forms.Textarea) + abstract = forms.CharField(widget=forms.Textarea) + what_attendees_will_learn = forms.CharField(widget=forms.Textarea) + speaker_and_talk_history = forms.CharField(widget=forms.Textarea) + links_to_past_talks = forms.CharField(widget=forms.Textarea, label="Links to slide deck/talk video", max_length=100, required=False) + + helper = FormHelper() + helper.form_class = 'form-horizontal' + helper.label_class = 'col-md-4' + helper.field_class = 'col-lg-8' + helper.layout = Layout( + PrependedText('first_name', '', placeholder='First Name'), + PrependedText('last_name', '',placeholder='Last Name'), + PrependedText('email', '',placeholder=' Email'), + PrependedText('website', '',placeholder=' Home Page'), + PrependedText('phone', '',placeholder='415-555-1234'), + 'themes', + 'audience_level', + 'talk_length', + PrependedText('speaker_bio', '',placeholder='Speaker Bio'), + PrependedText('talk_title', '',placeholder='Talk Title'), + PrependedText('description', '',placeholder='A brief description of your presentation to be displayed in the conference schedule. \nPlease limit to 400 characters.\n'), + PrependedText('abstract', '', placeholder='A more detailed description that sells your talk to attendees and reviewers.'), + PrependedText('what_attendees_will_learn', '', placeholder='This is for the reviewers, the info here will not be published.'), + PrependedText('speaker_and_talk_history', '', placeholder='Anything else we should know about you and your speaking experience. Will you have a co-presenter?'), + PrependedText('links_to_past_talks', '', placeholder='If you already have your slide deck for this talk, or if you have slide decks or videos for past talks, please add the URLs here.'), + 'meetup_talk' + ) + + def clean_talk_title(self): + value = self.cleaned_data["talk_title"] + if len(value) > 90: + raise forms.ValidationError( + u"The talk title must be less than 90 characters" + ) + return value + + def clean_description(self): + value = self.cleaned_data["description"] + if len(value) > 400: + raise forms.ValidationError( + u"The description must be less than 400 characters" + ) + return value + + def save_to_models(self): + if not self.is_valid(): + raise ValidationError("Trying to save a form that is not valid") + data = self.cleaned_data + + # Fetch the speaker + full_name = "{} {}".format(data['first_name'], data['last_name']) + try: + user = User.objects.get(username=data['email']) + except User.DoesNotExist: + + # Create a new user + password = ''.join(random.choice([string.ascii_uppercase + string.digits for i in range(10)])) + user = User.objects.create_user( + username=data['email'], + email=data['email'], + password=password, + ) + + try: + speaker = user.speaker_profile + except Speaker.DoesNotExist: + + # Create an associated speaker + speaker = Speaker.objects.create( + user=user, + name=full_name, + biography=data['speaker_bio'], + ) + + # Create a new talk + themes_csv = ','.join(data['themes']) + proposal = TalkProposal.objects.create( + kind=ProposalKind.objects.get(name='talk'), + title=data['talk_title'], + description=data['description'], + abstract=data['abstract'], + audience_level=data['audience_level'], + speaker=speaker, + themes=themes_csv, + talk_length=data['talk_length'], + what_attendees_will_learn=data['what_attendees_will_learn'], + meetup_talk=data['meetup_talk'], + speaker_and_talk_history=data['speaker_and_talk_history'], + talk_links=data['links_to_past_talks'], + speaker_website=data['website'], + phone=data['phone'], + ) + + # Email submit + current_directory = Path(__file__).resolve().parent + with open(str(current_directory / "proposals/email_confirmation.tmpl")) as f: + message = f.read().format(**data, **settings.PROJECT_DATA) + email = EmailMessage( + 'Your PyBay talk proposal was successfully submitted!', + message, to=[data['email']]) + email.send() + + return speaker, proposal diff --git a/pybay/prod_settings.py b/pybay/prod_settings.py new file mode 100644 index 00000000..bee730f9 --- /dev/null +++ b/pybay/prod_settings.py @@ -0,0 +1,46 @@ +import os +from pybay.settings import * + +DEBUG = False +TEMPLATE_DEBUG = DEBUG +EMAIL_DEBUG = DEBUG + +DATABASES = { + "default": { + "ENGINE": "django.db.backends.mysql", + 'OPTIONS': { + 'read_default_file': '/home/pybay/pybay_prod.cnf', + }, + } +} + +ALLOWED_HOSTS = ['pybay.com'] + +TIME_ZONE = "US/Pacific" + +MEDIA_ROOT = '/data/websites/prod_site_media/media' +MEDIA_URL = "/site_media/media/" + +STATIC_ROOT = '/data/websites/prod_site_media/static' +STATIC_URL = "/site_media/static/" + +SECRET_KEY = os.environ["DJANGO_SECRET_KEY"] + +# Add a filehandler for logging +LOGGING['handlers']['filelog'] = { + 'level': 'DEBUG', + 'class': 'logging.handlers.RotatingFileHandler', + 'filename': '/data/websites/logs/prod.log', + 'backupCount': 5, + 'maxBytes': 1024 * 1024 * 3, + 'formatter': 'verbose', +} + +# Hook filehandler to django.request so we see 500 server errors in the file +LOGGING['loggers']['django.request']['handlers'].append('filelog') +# And also turn on for log.debug and up calls in pybay.* code +LOGGING['loggers']['pybay'] = { + 'handlers': ['filelog'], + 'level': 'DEBUG', + 'propagate': True, +} diff --git a/pybay/prod_wsgi.py b/pybay/prod_wsgi.py new file mode 100644 index 00000000..b92fe54c --- /dev/null +++ b/pybay/prod_wsgi.py @@ -0,0 +1,6 @@ +import os + +os.environ.setdefault("DJANGO_SETTINGS_MODULE", "pybay.prod_settings") + +from django.core.wsgi import get_wsgi_application +application = get_wsgi_application() diff --git a/pybay/proposals/admin.py b/pybay/proposals/admin.py index 6885d53a..96d4fc4c 100644 --- a/pybay/proposals/admin.py +++ b/pybay/proposals/admin.py @@ -1,7 +1,63 @@ +from django import forms from django.contrib import admin from .models import TalkProposal, TutorialProposal -admin.site.register(TalkProposal) -admin.site.register(TutorialProposal) +class ThemeFilter(admin.SimpleListFilter): + """Provide sane list of themes from ad-hoc data. + + We used multiple strings in a single "theme" field to capture this. Should have been FK to normalize data. + + Since it's not... let's do some data parsing and munging here. + """ + title = 'Theme' + + # Parameter for the filter that will be used in the URL query. + parameter_name = 'themes' + + def lookups(self, request, model_admin): + return TutorialProposal.THEME_CHOICES + + def queryset(self, request, queryset): + theme = self.value() + if theme: + return queryset.filter(themes__icontains=theme) + else: + return queryset + + +class TalkProposalAdmin(admin.ModelAdmin): + list_display = ('title', 'themes', 'speaker', 'speaker_email', 'phone', 'status', + 'audience_level', 'submitted') + search_fields = ['title', 'speaker__name', 'description'] + ordering = ['-submitted', 'result__status', 'speaker'] + list_filter = (ThemeFilter,) + list_per_page = 200 + + def speaker_phone_number(self, obj): + return obj.speaker.phone + + speaker_phone_number.admin_order_field = 'phone' + + def speaker_status(self, obj): + return obj.speaker.status + + speaker_status.admin_order_field = 'status' + + +class TutorialForm(forms.ModelForm): + """Custom form just to over-ride UX limit of 400 chars on description.""" + description = forms.CharField(max_length=1200, + widget=forms.Textarea(attrs={'class': 'vLargeTextField'})) + + class Meta: + model = TutorialProposal + exclude = ['name'] + + +class TutorialProposalAdmin(admin.ModelAdmin): + form = TutorialForm + +admin.site.register(TalkProposal, TalkProposalAdmin) +admin.site.register(TutorialProposal, TutorialProposalAdmin) diff --git a/pybay/proposals/email_confirmation.tmpl b/pybay/proposals/email_confirmation.tmpl new file mode 100644 index 00000000..2dd9c0a6 --- /dev/null +++ b/pybay/proposals/email_confirmation.tmpl @@ -0,0 +1,47 @@ +Hi {first_name}, + +Thank you for your PyBay talk submission! + +The review committee will begin reviewing submissions after the Call For Proposals ends. We expect to let you know whether your talk has been selected within a few weeks of the closing date. + +If you have any questions, please contact us. + + +Thanks for your interest in PyBay - and good luck! + +_The PyBay team_ + +- + +Information Submitted for Your Talk Proposal +============================================== + +- *Name:* {first_name} {last_name} + +- *Email:* {email} + +- *Phone number:* {phone} + +- *Speaker Profile:* + >{speaker_bio} + +______________________________________________ + +*Talk Title:* {talk_title} +---------------------------------------------- + +- *Themes:* {themes} +- *Level:* {audience_level} +- *Length:* {talk_length} +- *Description:* + >{description} +- *Abstract:* + >{abstract} +- *What attendees will learn:* + >{what_attendees_will_learn} +- *Speaker and talk history:* + >{speaker_and_talk_history} +- *Speaker website:* {website} +- *Talk links:* + >{links_to_past_talks} +- *Present at a Meetup?:* {meetup_talk} diff --git a/pybay/proposals/forms.py b/pybay/proposals/forms.py index 5a7a51e6..ddde2ff0 100644 --- a/pybay/proposals/forms.py +++ b/pybay/proposals/forms.py @@ -22,7 +22,7 @@ class Meta: model = TalkProposal fields = [ "title", - "category", + "themes", "audience_level", "description", "abstract", @@ -41,7 +41,7 @@ class Meta: model = TutorialProposal fields = [ "title", - "category", + "themes", "audience_level", "description", "abstract", diff --git a/pybay/proposals/migrations/0002_auto_20170320_2309.py b/pybay/proposals/migrations/0002_auto_20170320_2309.py deleted file mode 100644 index 2977e78d..00000000 --- a/pybay/proposals/migrations/0002_auto_20170320_2309.py +++ /dev/null @@ -1,27 +0,0 @@ -# -*- coding: utf-8 -*- -# Generated by Django 1.9.2 on 2017-03-21 03:09 -from __future__ import unicode_literals - -from django.db import migrations, models - - -class Migration(migrations.Migration): - - dependencies = [ - ('proposals', '0001_initial'), - ] - - operations = [ - migrations.AddField( - model_name='talkproposal', - name='category', - field=models.IntegerField(choices=[(1, 'Fundamentals'), (2, 'Language Internals'), (3, 'All things Web'), (4, 'Dealing with Data'), (5, 'Security'), (6, 'Performant Python'), (7, 'Scalable Python'), (8, '/etc')], default=1), - preserve_default=False, - ), - migrations.AddField( - model_name='tutorialproposal', - name='category', - field=models.IntegerField(choices=[(1, 'Fundamentals'), (2, 'Language Internals'), (3, 'All things Web'), (4, 'Dealing with Data'), (5, 'Security'), (6, 'Performant Python'), (7, 'Scalable Python'), (8, '/etc')], default=1), - preserve_default=False, - ), - ] diff --git a/pybay/proposals/migrations/0002_auto_20170419_0634.py b/pybay/proposals/migrations/0002_auto_20170419_0634.py new file mode 100644 index 00000000..b95ea4c0 --- /dev/null +++ b/pybay/proposals/migrations/0002_auto_20170419_0634.py @@ -0,0 +1,51 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2017-04-19 10:34 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('proposals', '0001_initial'), + ] + + operations = [ + migrations.AddField( + model_name='talkproposal', + name='category', + field=models.CharField(choices=[('fundamentals', 'Fundamentals'), ('language internals', 'Language Internals'), ('all things web', 'All things Web'), ('dealing with data', 'Dealing with Data'), ('security', 'Security'), ('performant python', 'Performant Python'), ('scalable python', 'Scalable Python'), ('etc', '/etc')], default='', max_length=100), + preserve_default=False, + ), + migrations.AddField( + model_name='talkproposal', + name='talk_links', + field=models.CharField(choices=[('fundamentals', 'Fundamentals'), ('language internals', 'Language Internals'), ('all things web', 'All things Web'), ('dealing with data', 'Dealing with Data'), ('security', 'Security'), ('performant python', 'Performant Python'), ('scalable python', 'Scalable Python'), ('etc', '/etc')], default='', max_length=200), + preserve_default=False, + ), + migrations.AddField( + model_name='talkproposal', + name='what_attendees_will_learn', + field=models.TextField(default=''), + preserve_default=False, + ), + migrations.AddField( + model_name='tutorialproposal', + name='category', + field=models.CharField(choices=[('fundamentals', 'Fundamentals'), ('language internals', 'Language Internals'), ('all things web', 'All things Web'), ('dealing with data', 'Dealing with Data'), ('security', 'Security'), ('performant python', 'Performant Python'), ('scalable python', 'Scalable Python'), ('etc', '/etc')], default='', max_length=100), + preserve_default=False, + ), + migrations.AddField( + model_name='tutorialproposal', + name='talk_links', + field=models.CharField(choices=[('fundamentals', 'Fundamentals'), ('language internals', 'Language Internals'), ('all things web', 'All things Web'), ('dealing with data', 'Dealing with Data'), ('security', 'Security'), ('performant python', 'Performant Python'), ('scalable python', 'Scalable Python'), ('etc', '/etc')], default='', max_length=200), + preserve_default=False, + ), + migrations.AddField( + model_name='tutorialproposal', + name='what_attendees_will_learn', + field=models.TextField(default=''), + preserve_default=False, + ), + ] diff --git a/pybay/proposals/migrations/0003_auto_20170516_2159.py b/pybay/proposals/migrations/0003_auto_20170516_2159.py new file mode 100644 index 00000000..c7a5fbc3 --- /dev/null +++ b/pybay/proposals/migrations/0003_auto_20170516_2159.py @@ -0,0 +1,45 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2017-05-17 01:59 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('proposals', '0002_auto_20170419_0634'), + ] + + operations = [ + migrations.AddField( + model_name='talkproposal', + name='meetup_talk', + field=models.CharField(choices=[(1, 'Yes'), (2, 'Maybe'), (3, 'No')], default='No', max_length=100), + ), + migrations.AddField( + model_name='tutorialproposal', + name='meetup_talk', + field=models.CharField(choices=[(1, 'Yes'), (2, 'Maybe'), (3, 'No')], default='No', max_length=100), + ), + migrations.AlterField( + model_name='talkproposal', + name='category', + field=models.CharField(max_length=100), + ), + migrations.AlterField( + model_name='talkproposal', + name='talk_links', + field=models.CharField(max_length=200), + ), + migrations.AlterField( + model_name='tutorialproposal', + name='category', + field=models.CharField(max_length=100), + ), + migrations.AlterField( + model_name='tutorialproposal', + name='talk_links', + field=models.CharField(max_length=200), + ), + ] diff --git a/pybay/proposals/migrations/0004_auto_20170516_2218.py b/pybay/proposals/migrations/0004_auto_20170516_2218.py new file mode 100644 index 00000000..a3224646 --- /dev/null +++ b/pybay/proposals/migrations/0004_auto_20170516_2218.py @@ -0,0 +1,27 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2017-05-17 02:18 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('proposals', '0003_auto_20170516_2159'), + ] + + operations = [ + migrations.AddField( + model_name='talkproposal', + name='speaker_and_talk_history', + field=models.TextField(default=''), + preserve_default=False, + ), + migrations.AddField( + model_name='tutorialproposal', + name='speaker_and_talk_history', + field=models.TextField(default=''), + preserve_default=False, + ), + ] diff --git a/pybay/proposals/migrations/0005_auto_20170614_0036.py b/pybay/proposals/migrations/0005_auto_20170614_0036.py new file mode 100644 index 00000000..18d70785 --- /dev/null +++ b/pybay/proposals/migrations/0005_auto_20170614_0036.py @@ -0,0 +1,25 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2017-06-14 04:36 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('proposals', '0004_auto_20170516_2218'), + ] + + operations = [ + migrations.AddField( + model_name='talkproposal', + name='speaker_website', + field=models.TextField(null=True), + ), + migrations.AddField( + model_name='tutorialproposal', + name='speaker_website', + field=models.TextField(null=True), + ), + ] diff --git a/pybay/proposals/migrations/0006_auto_20170625_2327.py b/pybay/proposals/migrations/0006_auto_20170625_2327.py new file mode 100644 index 00000000..3a0a3c77 --- /dev/null +++ b/pybay/proposals/migrations/0006_auto_20170625_2327.py @@ -0,0 +1,45 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2017-06-26 03:27 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('proposals', '0005_auto_20170614_0036'), + ] + + operations = [ + migrations.AlterField( + model_name='talkproposal', + name='category', + field=models.CharField(choices=[('fundamentals', 'Fundamentals'), ('language internals', 'Language Internals'), ('all things web', 'All things Web'), ('dealing with data', 'Dealing with Data'), ('security', 'Security'), ('performant python', 'Performant Python'), ('scalable python', 'Scalable Python'), ('devops', 'DevOps'), ('etc', '/etc')], max_length=100), + ), + migrations.AlterField( + model_name='talkproposal', + name='meetup_talk', + field=models.CharField(choices=[('Yes', 'Yes'), ('Maybe', 'Maybe'), ('No', 'No')], default='No', max_length=100), + ), + migrations.AlterField( + model_name='talkproposal', + name='speaker_website', + field=models.TextField(blank=True, null=True), + ), + migrations.AlterField( + model_name='tutorialproposal', + name='category', + field=models.CharField(choices=[('fundamentals', 'Fundamentals'), ('language internals', 'Language Internals'), ('all things web', 'All things Web'), ('dealing with data', 'Dealing with Data'), ('security', 'Security'), ('performant python', 'Performant Python'), ('scalable python', 'Scalable Python'), ('devops', 'DevOps'), ('etc', '/etc')], max_length=100), + ), + migrations.AlterField( + model_name='tutorialproposal', + name='meetup_talk', + field=models.CharField(choices=[('Yes', 'Yes'), ('Maybe', 'Maybe'), ('No', 'No')], default='No', max_length=100), + ), + migrations.AlterField( + model_name='tutorialproposal', + name='speaker_website', + field=models.TextField(blank=True, null=True), + ), + ] diff --git a/pybay/proposals/migrations/0007_ticket_fields.py b/pybay/proposals/migrations/0007_ticket_fields.py new file mode 100644 index 00000000..d258a434 --- /dev/null +++ b/pybay/proposals/migrations/0007_ticket_fields.py @@ -0,0 +1,25 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2017-07-15 23:54 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('proposals', '0006_auto_20170625_2327'), + ] + + operations = [ + migrations.AddField( + model_name='tutorialproposal', + name='sold_out', + field=models.BooleanField(default=False), + ), + migrations.AddField( + model_name='tutorialproposal', + name='ticket_price', + field=models.CharField(blank=True, max_length=50), + ), + ] diff --git a/pybay/proposals/migrations/0008_location_override.py b/pybay/proposals/migrations/0008_location_override.py new file mode 100644 index 00000000..e15bc2ed --- /dev/null +++ b/pybay/proposals/migrations/0008_location_override.py @@ -0,0 +1,25 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2017-07-16 00:53 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('proposals', '0007_ticket_fields'), + ] + + operations = [ + migrations.AddField( + model_name='talkproposal', + name='location_override', + field=models.CharField(blank=True, max_length=200), + ), + migrations.AddField( + model_name='tutorialproposal', + name='location_override', + field=models.CharField(blank=True, max_length=200), + ), + ] diff --git a/pybay/proposals/migrations/0009_auto_20180228_2205.py b/pybay/proposals/migrations/0009_auto_20180228_2205.py new file mode 100644 index 00000000..e11193eb --- /dev/null +++ b/pybay/proposals/migrations/0009_auto_20180228_2205.py @@ -0,0 +1,25 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2018-03-01 06:05 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('proposals', '0008_location_override'), + ] + + operations = [ + migrations.AddField( + model_name='talkproposal', + name='phone', + field=models.CharField(max_length=15, null=True), + ), + migrations.AddField( + model_name='tutorialproposal', + name='phone', + field=models.CharField(max_length=15, null=True), + ), + ] diff --git a/pybay/proposals/migrations/0010_auto_20180317_2116.py b/pybay/proposals/migrations/0010_auto_20180317_2116.py new file mode 100644 index 00000000..6b6456fb --- /dev/null +++ b/pybay/proposals/migrations/0010_auto_20180317_2116.py @@ -0,0 +1,25 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2018-03-18 04:16 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('proposals', '0009_auto_20180228_2205'), + ] + + operations = [ + migrations.AlterField( + model_name='talkproposal', + name='category', + field=models.CharField(choices=[('python fundamentals and language internals', 'Python fundamentals and language internals'), ('machine learning, ai, & all things data', 'Machine learning, AI, & all things data'), ('devops, automation, & testing', 'DevOps, automation, & testing'), ('hacking hardware with python', 'Hacking hardware with Python'), ('engineering a community', 'Engineering a community')], max_length=100), + ), + migrations.AlterField( + model_name='tutorialproposal', + name='category', + field=models.CharField(choices=[('python fundamentals and language internals', 'Python fundamentals and language internals'), ('machine learning, ai, & all things data', 'Machine learning, AI, & all things data'), ('devops, automation, & testing', 'DevOps, automation, & testing'), ('hacking hardware with python', 'Hacking hardware with Python'), ('engineering a community', 'Engineering a community')], max_length=100), + ), + ] diff --git a/pybay/proposals/migrations/0011_auto_20180318_0137.py b/pybay/proposals/migrations/0011_auto_20180318_0137.py new file mode 100644 index 00000000..8f810bb9 --- /dev/null +++ b/pybay/proposals/migrations/0011_auto_20180318_0137.py @@ -0,0 +1,25 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2018-03-18 08:37 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('proposals', '0010_auto_20180317_2116'), + ] + + operations = [ + migrations.AddField( + model_name='talkproposal', + name='talk_length', + field=models.IntegerField(choices=[(25, '25 minutes'), (40, '40 minutes')], default=25), + ), + migrations.AddField( + model_name='tutorialproposal', + name='talk_length', + field=models.IntegerField(choices=[(25, '25 minutes'), (40, '40 minutes')], default=25), + ), + ] diff --git a/pybay/proposals/migrations/0012_auto_20180318_1843.py b/pybay/proposals/migrations/0012_auto_20180318_1843.py new file mode 100644 index 00000000..6a2d32df --- /dev/null +++ b/pybay/proposals/migrations/0012_auto_20180318_1843.py @@ -0,0 +1,25 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2018-03-19 01:43 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('proposals', '0011_auto_20180318_0137'), + ] + + operations = [ + migrations.AlterField( + model_name='talkproposal', + name='category', + field=models.CharField(choices=[('python fundamentals & language internals', 'Python Fundamentals & Language Internals'), ('machine learning, ai, & all things data', 'Machine Learning, AI, & All things Data'), ('devops, automation, & testing', 'DevOps, Automation, & Testing'), ('dealing with speed, scale, & performance', 'Dealing with Speed, Scale, & Performance'), ('fun: hacking hardwareengineering a community ', 'Fun: Hacking Hardware/Engineering a Community ')], max_length=100), + ), + migrations.AlterField( + model_name='tutorialproposal', + name='category', + field=models.CharField(choices=[('python fundamentals & language internals', 'Python Fundamentals & Language Internals'), ('machine learning, ai, & all things data', 'Machine Learning, AI, & All things Data'), ('devops, automation, & testing', 'DevOps, Automation, & Testing'), ('dealing with speed, scale, & performance', 'Dealing with Speed, Scale, & Performance'), ('fun: hacking hardwareengineering a community ', 'Fun: Hacking Hardware/Engineering a Community ')], max_length=100), + ), + ] diff --git a/pybay/proposals/migrations/0013_auto_20180318_2253.py b/pybay/proposals/migrations/0013_auto_20180318_2253.py new file mode 100644 index 00000000..c5f68426 --- /dev/null +++ b/pybay/proposals/migrations/0013_auto_20180318_2253.py @@ -0,0 +1,25 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2018-03-19 05:53 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('proposals', '0012_auto_20180318_1843'), + ] + + operations = [ + migrations.AlterField( + model_name='talkproposal', + name='audience_level', + field=models.IntegerField(choices=[(1, 'Novice'), (3, 'Intermediate'), (2, 'Advanced')]), + ), + migrations.AlterField( + model_name='tutorialproposal', + name='audience_level', + field=models.IntegerField(choices=[(1, 'Novice'), (3, 'Intermediate'), (2, 'Advanced')]), + ), + ] diff --git a/pybay/proposals/migrations/0014_auto_20180319_0025.py b/pybay/proposals/migrations/0014_auto_20180319_0025.py new file mode 100644 index 00000000..c736b701 --- /dev/null +++ b/pybay/proposals/migrations/0014_auto_20180319_0025.py @@ -0,0 +1,25 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2018-03-19 07:25 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('proposals', '0013_auto_20180318_2253'), + ] + + operations = [ + migrations.AlterField( + model_name='talkproposal', + name='category', + field=models.CharField(choices=[('python fundamentals & language internals', 'Python Fundamentals & Language Internals'), ('machine learning, ai, & all things data', 'Machine Learning, AI, & All things Data'), ('devops, automation, & testing', 'DevOps, Automation, & Testing'), ('dealing with speed, scale, & performance', 'Dealing with Speed, Scale, & Performance'), ('fun: hacking hardwareengineering a community ', 'Fun: Hacking Hardware/Engineering a Community ')], max_length=250), + ), + migrations.AlterField( + model_name='tutorialproposal', + name='category', + field=models.CharField(choices=[('python fundamentals & language internals', 'Python Fundamentals & Language Internals'), ('machine learning, ai, & all things data', 'Machine Learning, AI, & All things Data'), ('devops, automation, & testing', 'DevOps, Automation, & Testing'), ('dealing with speed, scale, & performance', 'Dealing with Speed, Scale, & Performance'), ('fun: hacking hardwareengineering a community ', 'Fun: Hacking Hardware/Engineering a Community ')], max_length=250), + ), + ] diff --git a/pybay/proposals/migrations/0015_auto_20180325_0015.py b/pybay/proposals/migrations/0015_auto_20180325_0015.py new file mode 100644 index 00000000..4184799d --- /dev/null +++ b/pybay/proposals/migrations/0015_auto_20180325_0015.py @@ -0,0 +1,25 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2018-03-25 07:15 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('proposals', '0014_auto_20180319_0025'), + ] + + operations = [ + migrations.AlterField( + model_name='talkproposal', + name='category', + field=models.CharField(choices=[('python fundamentals & language internals', 'Python Fundamentals & Language Internals'), ('machine learning, ai, & all things data', 'Machine Learning, AI, & All things Data'), ('devops, automation, & testing', 'DevOps, Automation, & Testing'), ('dealing with speed, scale, & performance', 'Dealing with Speed, Scale, & Performance'), ('engineering a community', 'Engineering a Community'), ('hacking hardware', 'Hacking Hardware')], max_length=250), + ), + migrations.AlterField( + model_name='tutorialproposal', + name='category', + field=models.CharField(choices=[('python fundamentals & language internals', 'Python Fundamentals & Language Internals'), ('machine learning, ai, & all things data', 'Machine Learning, AI, & All things Data'), ('devops, automation, & testing', 'DevOps, Automation, & Testing'), ('dealing with speed, scale, & performance', 'Dealing with Speed, Scale, & Performance'), ('engineering a community', 'Engineering a Community'), ('hacking hardware', 'Hacking Hardware')], max_length=250), + ), + ] diff --git a/pybay/proposals/migrations/0016_auto_20180326_0812.py b/pybay/proposals/migrations/0016_auto_20180326_0812.py new file mode 100644 index 00000000..9d10a03f --- /dev/null +++ b/pybay/proposals/migrations/0016_auto_20180326_0812.py @@ -0,0 +1,19 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2018-03-26 15:12 +from __future__ import unicode_literals + +from django.db import migrations + + +class Migration(migrations.Migration): + + dependencies = [ + ('proposals', '0015_auto_20180325_0015'), + ] + + operations = [ + migrations.RunSQL( + sql = "ALTER TABLE `proposals_talkproposal` ADD `what_will_attendees_learn` longtext;", + reverse_sql = "ALTER TABLE `proposals_talkproposal` ADD `what_attendees_will_learn` longtext;" + ), + ] diff --git a/pybay/proposals/migrations/0017_auto_20180328_1608.py b/pybay/proposals/migrations/0017_auto_20180328_1608.py new file mode 100644 index 00000000..1fc2188d --- /dev/null +++ b/pybay/proposals/migrations/0017_auto_20180328_1608.py @@ -0,0 +1,25 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2018-03-28 23:08 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('proposals', '0016_auto_20180326_0812'), + ] + + operations = [ + migrations.AlterField( + model_name='talkproposal', + name='category', + field=models.CharField(choices=[('python fundamentals & popular libraries', 'Python Fundamentals & Popular Libraries'), ('machine learning, ai, & all things data', 'Machine Learning, AI, & All things Data'), ('devops, automation, & testing', 'DevOps, Automation, & Testing'), ('dealing with speed, scale, & performance', 'Dealing with Speed, Scale, & Performance'), ('engineering a community', 'Engineering a Community'), ('hacking hardware', 'Hacking Hardware')], max_length=250), + ), + migrations.AlterField( + model_name='tutorialproposal', + name='category', + field=models.CharField(choices=[('python fundamentals & popular libraries', 'Python Fundamentals & Popular Libraries'), ('machine learning, ai, & all things data', 'Machine Learning, AI, & All things Data'), ('devops, automation, & testing', 'DevOps, Automation, & Testing'), ('dealing with speed, scale, & performance', 'Dealing with Speed, Scale, & Performance'), ('engineering a community', 'Engineering a Community'), ('hacking hardware', 'Hacking Hardware')], max_length=250), + ), + ] diff --git a/pybay/proposals/migrations/0018_auto_20180328_1627.py b/pybay/proposals/migrations/0018_auto_20180328_1627.py new file mode 100644 index 00000000..16449ed5 --- /dev/null +++ b/pybay/proposals/migrations/0018_auto_20180328_1627.py @@ -0,0 +1,25 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2018-03-28 23:27 +from __future__ import unicode_literals + +from django.db import migrations + + +class Migration(migrations.Migration): + + dependencies = [ + ('proposals', '0017_auto_20180328_1608'), + ] + + operations = [ + migrations.RenameField( + model_name='talkproposal', + old_name='category', + new_name='themes', + ), + migrations.RenameField( + model_name='tutorialproposal', + old_name='category', + new_name='themes', + ), + ] diff --git a/pybay/proposals/migrations/0019_auto_20180329_2044.py b/pybay/proposals/migrations/0019_auto_20180329_2044.py new file mode 100644 index 00000000..d3f8c453 --- /dev/null +++ b/pybay/proposals/migrations/0019_auto_20180329_2044.py @@ -0,0 +1,25 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2018-03-30 03:44 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('proposals', '0018_auto_20180328_1627'), + ] + + operations = [ + migrations.AlterField( + model_name='talkproposal', + name='themes', + field=models.CharField(max_length=250), + ), + migrations.AlterField( + model_name='tutorialproposal', + name='themes', + field=models.CharField(max_length=250), + ), + ] diff --git a/pybay/proposals/migrations/0020_slugify-themes.py b/pybay/proposals/migrations/0020_slugify-themes.py new file mode 100644 index 00000000..e0db96f9 --- /dev/null +++ b/pybay/proposals/migrations/0020_slugify-themes.py @@ -0,0 +1,59 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2018-06-28 02:45 +from __future__ import unicode_literals + +from django.db import migrations + + +THEME_CHOICES = { + 'python': ['Python Fundamentals & Popular Libraries'], + 'ai': ['Machine Learning, AI, & All things Data'], + 'automation': ['DevOps, Automation, & Testing'], + 'speed': ['Dealing with Speed, Scale, & Performance'], + 'community': ['Hacking Hardware', 'Engineering a Community'], +} +for slug, descriptions in THEME_CHOICES.items(): + for description in descriptions[:]: + if '&' in description: + descriptions.append(description.replace('&', 'and')) + descriptions.append(description.lower().replace('/', '')) + + +def migrate_themes(Proposal, reverse=False): + for proposal in Proposal.objects.all(): + theme = proposal.themes + for slug, descriptions in THEME_CHOICES.items(): + if not reverse: + for description in descriptions: + theme = theme.replace(description, slug) + else: + theme = theme.replace(slug, descriptions[0]) + if not reverse: + theme = theme.replace(' ', '') + proposal.themes = theme + proposal.save() + + +def forward(apps, schema_editor): + TalkProposal = apps.get_model('proposals', 'TalkProposal') + migrate_themes(TalkProposal) + TutorialProposal = apps.get_model('proposals', 'TutorialProposal') + migrate_themes(TutorialProposal) + + +def reverse(apps, schema_editor): + TalkProposal = apps.get_model('proposals', 'TalkProposal') + migrate_themes(TalkProposal, reverse=True) + TutorialProposal = apps.get_model('proposals', 'TutorialProposal') + migrate_themes(TutorialProposal, reverse=True) + + +class Migration(migrations.Migration): + + dependencies = [ + ('proposals', '0019_auto_20180329_2044'), + ] + + operations = [ + migrations.RunPython(forward, reverse), + ] diff --git a/pybay/proposals/models.py b/pybay/proposals/models.py index 0a9ea77d..0558b730 100644 --- a/pybay/proposals/models.py +++ b/pybay/proposals/models.py @@ -3,18 +3,16 @@ from symposion.proposals.models import ProposalBase -class Proposal(ProposalBase): +THEMES = { + 'python': 'Python & Libraries', + 'ai': 'AI & Data', + 'automation': 'DevOps & Automation', + 'speed': 'Scale & Performance', + 'community': 'Fun & People', +} - category = models.IntegerField(choices= - [(1, 'Fundamentals'), - (2, 'Language Internals'), - (3, 'All things Web'), - (4, 'Dealing with Data'), - (5, 'Security'), - (6, 'Performant Python'), - (7, 'Scalable Python'), - (8, '/etc')]) +class Proposal(ProposalBase): AUDIENCE_LEVEL_NOVICE = 1 AUDIENCE_LEVEL_EXPERIENCED = 2 @@ -23,19 +21,56 @@ class Proposal(ProposalBase): AUDIENCE_LEVELS = [ (AUDIENCE_LEVEL_NOVICE, "Novice"), (AUDIENCE_LEVEL_INTERMEDIATE, "Intermediate"), - (AUDIENCE_LEVEL_EXPERIENCED, "Experienced"), + (AUDIENCE_LEVEL_EXPERIENCED, "Advanced"), + ] + + MEETUP_CHOICE_YES = "Yes" + MEETUP_CHOICE_MAYBE = "Maybe" + MEETUP_CHOICE_NO = "No" + + MEETUP_CHOICES = [ + (MEETUP_CHOICE_YES, "Yes"), + (MEETUP_CHOICE_MAYBE, "Maybe"), + (MEETUP_CHOICE_NO, "No") ] + THEME_CHOICES = list(THEMES.items()) + + TALK_SHORT = 25 + TALK_LONG = 40 + + TALK_LENGTHS = [ + (TALK_SHORT, "25 minutes"), + (TALK_LONG, "40 minutes") + ] audience_level = models.IntegerField(choices=AUDIENCE_LEVELS) recording_release = models.BooleanField( default=True, help_text="By submitting your proposal, you agree to give permission to the conference organizers to record, edit, and release audio and/or video of your presentation. If you do not agree to this, please uncheck this box." ) + themes = models.CharField(max_length=250) + talk_length = models.IntegerField(choices=TALK_LENGTHS, default=25) + talk_links = models.CharField(max_length=200) + what_attendees_will_learn = models.TextField() + meetup_talk = models.CharField(choices=MEETUP_CHOICES, max_length=100, default="No") + speaker_and_talk_history = models.TextField() + speaker_website = models.TextField(null=True, blank=True) + location_override = models.CharField(max_length=200, blank=True) + phone = models.CharField(blank=False,max_length=15, null=True) class Meta: abstract = True + @property + def theme_slugs(self): + return self.themes.split(',') + + @property + def theme_descriptions(self): + for theme in self.theme_slugs: + yield THEMES[theme] + class TalkProposal(Proposal): class Meta: @@ -45,3 +80,6 @@ class Meta: class TutorialProposal(Proposal): class Meta: verbose_name = "tutorial proposal" + + ticket_price = models.CharField(max_length=50, blank=True) + sold_out = models.BooleanField(default=False) diff --git a/pybay/settings.py b/pybay/settings.py index e68c0958..894a8bd5 100644 --- a/pybay/settings.py +++ b/pybay/settings.py @@ -1,12 +1,13 @@ import os - +from base64 import b64decode PROJECT_ROOT = os.path.abspath(os.path.join(os.path.dirname(__file__), os.pardir)) PACKAGE_ROOT = os.path.abspath(os.path.dirname(__file__)) BASE_DIR = PACKAGE_ROOT +ADMINS = [('Simeon', 'simeonf@gmail.com')] + DEBUG = True -TEMPLATE_DEBUG = DEBUG EMAIL_DEBUG = DEBUG DATABASES = { @@ -18,6 +19,8 @@ ALLOWED_HOSTS = [] +CANONICAL_HOST = 'https://pybay.com' + # Local time zone for this installation. Choices can be found here: # http://en.wikipedia.org/wiki/List_of_tz_zones_by_name # although not all choices may be available on all operating systems. @@ -25,7 +28,7 @@ # timezone as the operating system. # If running in a Windows environment this must be set to the same as your # system time zone. -TIME_ZONE = "US/Eastern" +TIME_ZONE = "US/Pacific" # Language code for this installation. All choices can be found here: # http://www.i18nguy.com/unicode/language-identifiers.html @@ -65,7 +68,7 @@ # Additional locations of static files STATICFILES_DIRS = [ - os.path.join(PACKAGE_ROOT, "static"), + os.path.join(PROJECT_ROOT, "static"), ] # List of finder classes that know how to find static files in @@ -73,33 +76,36 @@ STATICFILES_FINDERS = [ "django.contrib.staticfiles.finders.FileSystemFinder", "django.contrib.staticfiles.finders.AppDirectoriesFinder", + "compressor.finders.CompressorFinder", ] +STATICFILES_STORAGE = 'django.contrib.staticfiles.storage.ManifestStaticFilesStorage' + # Make this unique, and don't share it with anybody. SECRET_KEY = "some thing pybay2017 " -# List of callables that know how to import templates from various sources. -TEMPLATE_LOADERS = [ - "django.template.loaders.filesystem.Loader", - "django.template.loaders.app_directories.Loader", -] - -TEMPLATE_CONTEXT_PROCESSORS = [ - "django.contrib.auth.context_processors.auth", - "django.core.context_processors.debug", - "django.core.context_processors.i18n", - "django.core.context_processors.media", - "django.core.context_processors.static", - "django.core.context_processors.tz", - "django.core.context_processors.request", - "django.contrib.messages.context_processors.messages", - "account.context_processors.account", - "pinax_theme_bootstrap.context_processors.theme", - "symposion.reviews.context_processors.reviews", -] - +TEMPLATES = [{ + 'APP_DIRS': True, + 'BACKEND': 'django.template.backends.django.DjangoTemplates', + 'DIRS': [os.path.join(PACKAGE_ROOT, 'templates')], + 'OPTIONS': {'context_processors': [ + 'django.contrib.auth.context_processors.auth', + 'django.template.context_processors.debug', + 'django.template.context_processors.i18n', + 'django.template.context_processors.media', + 'django.template.context_processors.static', + 'django.template.context_processors.tz', + 'django.template.context_processors.request', + 'django.contrib.messages.context_processors.messages', + 'account.context_processors.account', + 'pinax_theme_bootstrap.context_processors.theme', + 'symposion.reviews.context_processors.reviews', + 'pybay.context_processors.settings_variables', + ]} +}] MIDDLEWARE_CLASSES = [ + "rollbar.contrib.django.middleware.RollbarNotifierMiddleware", "django.contrib.sessions.middleware.SessionMiddleware", "django.middleware.common.CommonMiddleware", "django.middleware.csrf.CsrfViewMiddleware", @@ -107,6 +113,8 @@ "django.contrib.auth.middleware.SessionAuthenticationMiddleware", "django.contrib.messages.middleware.MessageMiddleware", "django.middleware.clickjacking.XFrameOptionsMiddleware", + "django.contrib.flatpages.middleware.FlatpageFallbackMiddleware", + "django.contrib.redirects.middleware.RedirectFallbackMiddleware", ] ROOT_URLCONF = "pybay.urls" @@ -114,10 +122,6 @@ # Python dotted path to the WSGI application used by Django's runserver. WSGI_APPLICATION = "pybay.wsgi.application" -TEMPLATE_DIRS = [ - os.path.join(PACKAGE_ROOT, "templates"), -] - MESSAGE_STORAGE = "django.contrib.messages.storage.session.SessionStorage" INSTALLED_APPS = [ @@ -129,20 +133,31 @@ "django.contrib.sites", "django.contrib.staticfiles", "django.contrib.humanize", + "django.contrib.flatpages", + "django.contrib.redirects", # theme "bootstrapform", "pinax_theme_bootstrap", "pinax.boxes", + "compressor", + "sass_processor", + # external "account", "easy_thumbnails", "eventlog", + "django_markup", "markitup", "metron", + "ordered_model", "taggit", "timezones", + "columns", + 'django_generic_flatblocks', + 'django_generic_flatblocks.contrib.gblocks', + 'reversion', # symposion "symposion.sponsorship", @@ -153,8 +168,17 @@ "symposion.reviews", "symposion.teams", - # pybay + 'pybay', 'pybay.proposals', + 'pybay.faqs', + 'pybay.flatpages_ext.apps.FlatpagesExtConfig', + 'pybay.featured_speakers', + 'pybay.countdowns', + 'blockstuff', + 'menu', + 'sponsorbenefits', + 'crispy_forms', + 'jobs', ] # A sample logging configuration. The only tangible logging @@ -165,6 +189,11 @@ LOGGING = { "version": 1, "disable_existing_loggers": False, + 'formatters': { + 'verbose': { + 'format': '%(asctime)s\n%(message)s' + }, + }, "filters": { "require_debug_false": { "()": "django.utils.log.RequireDebugFalse" @@ -190,8 +219,6 @@ os.path.join(PROJECT_ROOT, "fixtures"), ] -EMAIL_BACKEND = "django.core.mail.backends.console.EmailBackend" - ACCOUNT_OPEN_SIGNUP = True ACCOUNT_EMAIL_UNIQUE = True ACCOUNT_EMAIL_CONFIRMATION_REQUIRED = False @@ -204,7 +231,7 @@ AUTHENTICATION_BACKENDS = [ # Use the simple django auth backend for now in PyBay 'django.contrib.auth.backends.ModelBackend', - + # Permissions Backends "symposion.teams.backends.TeamPermissionsBackend", @@ -223,3 +250,56 @@ "tutorial": "pybay.proposals.forms.TutorialProposalForm", "talk": "pybay.proposals.forms.TalkProposalForm", } +#Crispy Forms +CRISPY_TEMPLATE_PACK = 'bootstrap3' + +SHOW_SPEAKERS_LIST_NAVBAR_LINK = False + +DEBUG_TOOLBAR = False + +PYBAY_API_TOKEN = "test" +API_TOKEN_PATH = '/home/pybay/api_token.txt' +if not os.environ.get('TRAVIS', False) and os.path.exists(API_TOKEN_PATH): + with open(API_TOKEN_PATH) as f: + PYBAY_API_TOKEN = f.read().strip() or PYBAY_API_TOKEN + + +ROLLBAR_PATH = '/home/pybay/rollbar.txt' +if not os.environ.get('TRAVIS', False) and os.path.exists(ROLLBAR_PATH): + with open(ROLLBAR_PATH) as f: + rollbar_token = f.read().strip() + + ROLLBAR = { + 'access_token': rollbar_token, + 'environment': 'development' if DEBUG else 'production', + 'branch': 'master', + 'root': BASE_DIR, + } + + # Intentially added below the ROLLBAR const. Please do not move + import rollbar + rollbar.init(**ROLLBAR) + +EMAIL_BACKEND = "django.core.mail.backends.console.EmailBackend" +SENDGRID_PATH = '/home/pybay/sendgrid.txt' +if os.path.exists(SENDGRID_PATH): + with open(SENDGRID_PATH) as f: + sendgrid_password = f.read().strip() + + EMAIL_BACKEND = "django.core.mail.backends.smtp.EmailBackend" + EMAIL_HOST = 'smtp.sendgrid.net' + EMAIL_HOST_USER = 'pybay' + EMAIL_HOST_PASSWORD = sendgrid_password + EMAIL_PORT = 587 + EMAIL_USE_TLS = True + DEFAULT_FROM_EMAIL = 'info@pybay.com' + +DEFAULT_FALLBACK_IMAGE = "new/img/unknown-speaker.png" + +PROJECT_DATA = dict( + cfp_close_date='June 17') + +# SASS CSS preprocessor +SASS_PROCESSOR_INCLUDE_DIRS = [ + os.path.join(PROJECT_ROOT, 'static/scss'), +] diff --git a/pybay/staging_settings.py b/pybay/staging_settings.py new file mode 100644 index 00000000..ed1b8040 --- /dev/null +++ b/pybay/staging_settings.py @@ -0,0 +1,29 @@ +import os +from pybay.settings import * + +DEBUG = True +TEMPLATE_DEBUG = DEBUG +EMAIL_DEBUG = DEBUG + +DATABASES = { + "default": { + "ENGINE": "django.db.backends.mysql", + 'OPTIONS': { + 'read_default_file': '/home/pybay/pybay_staging.cnf', + }, + } +} + +ALLOWED_HOSTS = ['staging.pybay.com'] + +CANONICAL_HOST = 'http://staging.pybay.com' + +TIME_ZONE = "US/Pacific" + +MEDIA_ROOT = '/data/websites/staging_site_media/media' +MEDIA_URL = "/site_media/media/" + +STATIC_ROOT = '/data/websites/staging_site_media/static' +STATIC_URL = "/site_media/static/" + +SECRET_KEY = os.environ["DJANGO_SECRET_KEY"] diff --git a/pybay/staging_wsgi.py b/pybay/staging_wsgi.py new file mode 100644 index 00000000..940a8daa --- /dev/null +++ b/pybay/staging_wsgi.py @@ -0,0 +1,6 @@ +import os + +os.environ.setdefault("DJANGO_SETTINGS_MODULE", "pybay.staging_settings") + +from django.core.wsgi import get_wsgi_application +application = get_wsgi_application() diff --git a/pybay/static/css/site.css b/pybay/static/css/site.css deleted file mode 100644 index 74224ca3..00000000 --- a/pybay/static/css/site.css +++ /dev/null @@ -1,4 +0,0 @@ -/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,*:before,*:after{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff !important}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000 !important}.label{border:1px solid #000}.table{border-collapse:collapse !important}.table td,.table th{background-color:#fff !important}.table-bordered th,.table-bordered td{border:1px solid #ddd !important}}@font-face{font-family:'Glyphicons Halflings';src:url('../fonts/glyphicons-halflings-regular.eot');src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-halflings-regular.woff') format('woff'),url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-euro:before,.glyphicon-eur:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#428bca;text-decoration:none}a:hover,a:focus{color:#2a6496;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:normal;line-height:1;color:#777}h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}small,.small{font-size:85%}mark,.mark{background-color:#fcf8e3;padding:.2em}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#428bca}a.text-primary:hover{color:#3071a9}.text-success{color:#3c763d}a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#428bca}a.bg-primary:hover{background-color:#3071a9}.bg-success{background-color:#dff0d8}a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}dl{margin-top:0;margin-bottom:20px}dt,dd{line-height:1.42857143}dt{font-weight:bold}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote footer:before,blockquote small:before,blockquote .small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0;text-align:right}.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:''}.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,0.25)}kbd kbd{padding:0;font-size:100%;font-weight:bold;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-child(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*="col-"]{position:static;float:none;display:table-column}table td[class*="col-"],table th[class*="col-"]{position:static;float:none;display:table-cell}.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr.active:hover>th{background-color:#e8e8e8}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6}.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th{background-color:#d9edf7}.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr.info:hover>th{background-color:#c4e3f3}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc}.table-responsive{overflow-x:auto;min-height:.01%}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}fieldset{padding:0;margin:0;border:0;min-width:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:bold}input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type="file"]{display:block}input[type="range"]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}textarea.form-control{height:auto}input[type="search"]{-webkit-appearance:none}input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"]{line-height:34px;line-height:1.42857143 \0}input[type="date"].input-sm,input[type="time"].input-sm,input[type="datetime-local"].input-sm,input[type="month"].input-sm{line-height:30px;line-height:1.5 \0}input[type="date"].input-lg,input[type="time"].input-lg,input[type="datetime-local"].input-lg,input[type="month"].input-lg{line-height:46px;line-height:1.33 \0}_:-ms-fullscreen,:root input[type="date"],_:-ms-fullscreen,:root input[type="time"],_:-ms-fullscreen,:root input[type="datetime-local"],_:-ms-fullscreen,:root input[type="month"]{line-height:1.42857143}_:-ms-fullscreen.input-sm,:root input[type="date"].input-sm,_:-ms-fullscreen.input-sm,:root input[type="time"].input-sm,_:-ms-fullscreen.input-sm,:root input[type="datetime-local"].input-sm,_:-ms-fullscreen.input-sm,:root input[type="month"].input-sm{line-height:1.5}_:-ms-fullscreen.input-lg,:root input[type="date"].input-lg,_:-ms-fullscreen.input-lg,:root input[type="time"].input-lg,_:-ms-fullscreen.input-lg,:root input[type="datetime-local"].input-lg,_:-ms-fullscreen.input-lg,:root input[type="month"].input-lg{line-height:1.33}.form-group{margin-bottom:15px}.radio,.checkbox{position:relative;display:block;margin-top:10px;margin-bottom:10px}.radio label,.checkbox label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:normal;cursor:pointer}.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{position:absolute;margin-left:-20px;margin-top:4px \9}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:normal;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"].disabled,input[type="checkbox"].disabled,fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"]{cursor:not-allowed}.radio-inline.disabled,.checkbox-inline.disabled,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.radio.disabled label,.checkbox.disabled label,fieldset[disabled] .radio label,fieldset[disabled] .checkbox label{cursor:not-allowed}.form-control-static{padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-left:0;padding-right:0}.input-sm,.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm,select.form-group-sm .form-control{height:30px;line-height:30px}textarea.input-sm,textarea.form-group-sm .form-control,select[multiple].input-sm,select[multiple].form-group-sm .form-control{height:auto}.input-lg,.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg,select.form-group-lg .form-control{height:46px;line-height:46px}textarea.input-lg,textarea.form-group-lg .form-control,select[multiple].input-lg,select[multiple].form-group-lg .form-control{height:auto}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline,.has-success.radio label,.has-success.checkbox label,.has-success.radio-inline label,.has-success.checkbox-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-success .form-control-feedback{color:#3c763d}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline,.has-warning.radio label,.has-warning.checkbox label,.has-warning.radio-inline label,.has-warning.checkbox-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline,.has-error.radio label,.has-error.checkbox label,.has-error.radio-inline label,.has-error.checkbox-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .radio label,.form-inline .checkbox label{padding-left:0}.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .radio,.form-horizontal .checkbox{min-height:27px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}@media (min-width:768px){.form-horizontal .control-label{text-align:right;margin-bottom:0;padding-top:7px}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:14.3px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px}}.btn{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus,.btn.focus{color:#333;text-decoration:none}.btn:active,.btn.active{outline:0;background-image:none;-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.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default.focus,.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#3071a9;border-color:#285e8e}.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-primary .badge{color:#428bca;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success.focus,.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled.focus,.btn-success[disabled].focus,fieldset[disabled] .btn-success.focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info.focus,.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled.focus,.btn-info[disabled].focus,fieldset[disabled] .btn-info.focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning.focus,.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled.focus,.btn-warning[disabled].focus,fieldset[disabled] .btn-warning.focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger.focus,.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled.focus,.btn-danger[disabled].focus,fieldset[disabled] .btn-danger.focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#428bca;font-weight:normal;border-radius:0}.btn-link,.btn-link:active,.btn-link.active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#777;text-decoration:none}.btn-lg,.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-sm,.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs,.btn-group-xs>.btn{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none;visibility:hidden}.collapse.in{display:block;visibility:visible}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height, visibility;transition-property:height, visibility;-webkit-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;transition-timing-function:ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:14px;text-align:left;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{text-decoration:none;color:#262626;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;outline:0;background-color:#428bca}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#777}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);cursor:not-allowed}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{left:auto;right:0}.dropdown-menu-left{left:0;right:auto}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}@media (min-width:768px){.navbar-right .dropdown-menu{left:auto;right:0}.navbar-right .dropdown-menu-left{left:0;right:auto}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2}.btn-group>.btn:focus,.btn-group-vertical>.btn:focus{outline:0}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn-group:last-child>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px}.btn-group.open .dropdown-toggle{-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-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-bottom-left-radius:4px;border-top-right-radius:0;border-top-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle="buttons"]>.btn input[type="radio"],[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],[data-toggle="buttons"]>.btn input[type="checkbox"],[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"]{position:absolute;clip:rect(0, 0, 0, 0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*="col-"]{float:none;padding-left:0;padding-right:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn{height:auto}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:normal;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{border-bottom-right-radius:0;border-top-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:-1px}.nav{margin-bottom:0;padding-left:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#777;text-decoration:none;background-color:transparent;cursor:not-allowed}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#428bca}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#428bca}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none;visibility:hidden}.tab-content>.active{display:block;visibility:visible}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{overflow-x:visible;padding-right:15px;padding-left:15px;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block !important;visibility:visible !important;height:auto !important;padding-bottom:0;overflow:visible !important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{padding-left:0;padding-right:0}}.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:200px}}.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;padding:15px 15px;font-size:18px;line-height:20px;height:50px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;margin-right:15px;padding:9px 10px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{margin-left:-15px;margin-right:-15px;padding:10px 15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);margin-top:8px;margin-bottom:8px}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn,.navbar-form .input-group .form-control{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .radio,.navbar-form .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .radio label,.navbar-form .checkbox label{padding-left:0}.navbar-form .radio input[type="radio"],.navbar-form .checkbox input[type="checkbox"]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;border:0;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-left:15px;margin-right:15px}}@media (min-width:768px){.navbar-left{float:left !important;float:left}.navbar-right{float:right !important;float:right;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background-color:#e7e7e7;color:#555}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:hover,.navbar-default .btn-link:focus{color:#333}.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:hover,.navbar-default .btn-link[disabled]:focus,fieldset[disabled] .navbar-default .btn-link:focus{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{background-color:#080808;color:#fff}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:hover,.navbar-inverse .btn-link:focus{color:#fff}.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:hover,.navbar-inverse .btn-link[disabled]:focus,fieldset[disabled] .navbar-inverse .btn-link:focus{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{content:"/\00a0";padding:0 5px;color:#ccc}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#428bca;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#2a6496;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca;cursor:default}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#777;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}.pager{padding-left:0;margin:20px 0;list-style:none;text-align:center}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#777;background-color:#fff;cursor:not-allowed}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:hover,a.label:focus{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:hover,.label-default[href]:focus{background-color:#5e5e5e}.label-primary{background-color:#428bca}.label-primary[href]:hover,.label-primary[href]:focus{background-color:#3071a9}.label-success{background-color:#5cb85c}.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:bold;color:#fff;line-height:1;vertical-align:baseline;white-space:nowrap;text-align:center;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-xs .badge{top:0;padding:1px 5px}a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}a.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#428bca;background-color:#fff}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding:30px 15px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron h1,.jumbotron .h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding:48px 0}.container .jumbotron{padding-left:60px;padding-right:60px}.jumbotron h1,.jumbotron .h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail>img,.thumbnail a>img{margin-left:auto;margin-right:auto}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color:#428bca}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:bold}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar,.progress-bar-striped{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-size:40px 40px}.progress.active .progress-bar,.progress-bar.active{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-left,.media-right,.media-body{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{margin-bottom:20px;padding-left:0}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}a.list-group-item{color:#555}a.list-group-item .list-group-item-heading{color:#333}a.list-group-item:hover,a.list-group-item:focus{text-decoration:none;color:#555;background-color:#f5f5f5}.list-group-item.disabled,.list-group-item.disabled:hover,.list-group-item.disabled:focus{background-color:#eee;color:#777;cursor:not-allowed}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca}.list-group-item.active .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>.small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:hover .list-group-item-text,.list-group-item.active:focus .list-group-item-text{color:#e1edf7}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:hover,a.list-group-item-success:focus{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:hover,a.list-group-item-success.active:focus{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:hover,a.list-group-item-info:focus{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:hover,a.list-group-item-info.active:focus{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:hover,a.list-group-item-warning:focus{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:hover,a.list-group-item-warning.active:focus{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:hover,a.list-group-item-danger:focus{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:hover,a.list-group-item-danger.active:focus{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-right-radius:3px;border-top-left-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.table,.panel>.table-responsive>.table,.panel>.panel-collapse>.table{margin-bottom:0}.panel>.table caption,.panel>.table-responsive>.table caption,.panel>.panel-collapse>.table caption{padding-left:15px;padding-right:15px}.panel>.table:first-child,.panel>.table-responsive:first-child>.table:first-child{border-top-right-radius:3px;border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table:last-child,.panel>.table-responsive:last-child>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child th,.panel>.table>tbody:first-child>tr:first-child td{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{border:0;margin-bottom:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.panel-body,.panel-group .panel-heading+.panel-collapse>.list-group{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#428bca}.panel-primary>.panel-heading{color:#fff;background-color:#428bca;border-color:#428bca}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#428bca}.panel-primary>.panel-heading .badge{color:#428bca;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#428bca}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{position:absolute;top:0;left:0;bottom:0;height:100%;width:100%;border:0}.embed-responsive.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,0.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:bold;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{display:none;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0, -25%);-ms-transform:translate(0, -25%);-o-transform:translate(0, -25%);transform:translate(0, -25%);-webkit-transition:-webkit-transform 0.3s ease-out;-moz-transition:-moz-transform 0.3s ease-out;-o-transition:-o-transform 0.3s ease-out;transition:transform 0.3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.42857143px}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;visibility:visible;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0)}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;right:5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-size:14px;font-weight:normal;line-height:1.42857143;text-align:left;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);white-space:normal}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{margin:0;padding:8px 14px;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{border-width:10px;content:""}.popover.top>.arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,0.25);bottom:-11px}.popover.top>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,0.25)}.popover.right>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}.popover.bottom>.arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,0.25);top:-11px}.popover.bottom>.arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,0.25)}.popover.left>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}.carousel{position:relative}.carousel-inner{position:relative;overflow:hidden;width:100%}.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{transition:transform .6s ease-in-out;backface-visibility:hidden;perspective:1000}.carousel-inner>.item.next,.carousel-inner>.item.active.right{transform:translate3d(100%, 0, 0);left:0}.carousel-inner>.item.prev,.carousel-inner>.item.active.left{transform:translate3d(-100%, 0, 0);left:0}.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right,.carousel-inner>.item.active{transform:translate3d(0, 0, 0);left:0}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;left:0;bottom:0;width:15%;opacity:.5;filter:alpha(opacity=50);font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}.carousel-control.left{background-image:-webkit-linear-gradient(left, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-image:-o-linear-gradient(left, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-image:linear-gradient(to right, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)}.carousel-control.right{left:auto;right:0;background-image:-webkit-linear-gradient(left, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-image:-o-linear-gradient(left, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-image:linear-gradient(to right, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)}.carousel-control:hover,.carousel-control:focus{outline:0;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;z-index:5;display:inline-block}.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%;margin-left:-10px}.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%;margin-right:-10px}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid #fff;border-radius:10px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0)}.carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#fff}.carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-15px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-15px}.carousel-caption{left:20%;right:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after,.feature-columns:before,.feature-columns:after{content:" ";display:table}.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer:after,.feature-columns:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important;visibility:hidden !important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}@media (max-width:767px){.visible-xs{display:block !important}table.visible-xs{display:table}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media (max-width:767px){.visible-xs-block{display:block !important}}@media (max-width:767px){.visible-xs-inline{display:inline !important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block !important}table.visible-sm{display:table}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block !important}table.visible-md{display:table}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block !important}}@media (min-width:1200px){.visible-lg{display:block !important}table.visible-lg{display:table}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media (min-width:1200px){.visible-lg-block{display:block !important}}@media (min-width:1200px){.visible-lg-inline{display:inline !important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block !important}}@media (max-width:767px){.hidden-xs{display:none !important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}}@media (min-width:1200px){.hidden-lg{display:none !important}}.visible-print{display:none !important}@media print{.visible-print{display:block !important}table.visible-print{display:table}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}.visible-print-block{display:none !important}@media print{.visible-print-block{display:block !important}}.visible-print-inline{display:none !important}@media print{.visible-print-inline{display:inline !important}}.visible-print-inline-block{display:none !important}@media print{.visible-print-inline-block{display:inline-block !important}}@media print{.hidden-print{display:none !important}}/*! - * Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome - * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) - */@font-face{font-family:'FontAwesome';src:url('../font-awesome/fonts/fontawesome-webfont.eot?v=4.2.0');src:url('../font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),url('../font-awesome/fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),url('../font-awesome/fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),url('../font-awesome/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}body{padding-top:50px}section{padding:20px 0}footer{padding-bottom:20px}.feature-columns{margin-left:-15px;margin-right:-15px}.feature-columns>div{position:relative;min-height:1px;padding-left:15px;padding-right:15px;text-align:center;margin:2em 0}.feature-columns>div i.fa{margin-bottom:.2em}@media (min-width:768px){.feature-columns>div{float:left;width:33.33333333%}} \ No newline at end of file diff --git a/pybay/templates/404.html b/pybay/templates/404.html new file mode 100644 index 00000000..644a8527 --- /dev/null +++ b/pybay/templates/404.html @@ -0,0 +1,36 @@ +{% extends 'frontend/base.html' %} + +{% block head_title %}Not Found{% endblock %} + +{% block content %} +
    +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    +
    +
    +

    404
    Not Found

    +

    Oh dear, this is not the way to the PyBay

    + Take Me Home + +
    + +
    + + + +
    +
    +
    +
    +
    +{% endblock %} diff --git a/pybay/templates/account/404.html b/pybay/templates/account/404.html deleted file mode 100644 index 9050ce6f..00000000 --- a/pybay/templates/account/404.html +++ /dev/null @@ -1,12 +0,0 @@ -{% extends "site_base.html" %} - -{% load i18n %} - -{% block head_title %}{% trans "Not Found" %}{% endblock %} - -{% block body %} -
    -

    {% trans "Page not found" %}

    -

    {% trans "We're sorry but that page could not be found." %}

    -
    -{% endblock %} diff --git a/pybay/templates/flatpages/blank.html b/pybay/templates/flatpages/blank.html new file mode 100644 index 00000000..a01b4505 --- /dev/null +++ b/pybay/templates/flatpages/blank.html @@ -0,0 +1,7 @@ +{% extends 'frontend/base.html' %} + +{% block head_title %}{{ flatpage.title }}{% endblock %} + +{% block content %} + {{ flatpage.content }} +{% endblock %} diff --git a/pybay/templates/flatpages/default.html b/pybay/templates/flatpages/default.html new file mode 100644 index 00000000..8ae01117 --- /dev/null +++ b/pybay/templates/flatpages/default.html @@ -0,0 +1,13 @@ +{% extends 'frontend/base.html' %} + +{% block head_title %}{{ flatpage.title }}{% endblock %} + +{% block content %} +
    +
    +
    + {{ flatpage.content }} +
    +
    +
    +{% endblock %} diff --git a/pybay/templates/flatpages/tutorials.html b/pybay/templates/flatpages/tutorials.html new file mode 100644 index 00000000..9a74a78f --- /dev/null +++ b/pybay/templates/flatpages/tutorials.html @@ -0,0 +1,17 @@ +{% extends 'frontend/base.html' %} + +{% block head_title %}{{ flatpage.title }}{% endblock %} + +{% block content %} +
    +
    +
    + {{ flatpage.content }} +
    + + {% load tutorial_tags %} + {% tutorials %} + +
    +
    +{% endblock %} diff --git a/pybay/templates/frontend/base.html b/pybay/templates/frontend/base.html new file mode 100644 index 00000000..e3f4e8c3 --- /dev/null +++ b/pybay/templates/frontend/base.html @@ -0,0 +1,168 @@ +{% load staticfiles %} +{% load sponsors_list %} +{% load generic_flatblocks %} +{% load sass_tags %} + + + + + PyBay2019 + + + + + + + + + + + + + + {% static 'new/img/twitter-card.jpg' as share_image %} + {% with share_image_width=506 share_image_height=253 share_title="PyBay 2019" share_desc="Like the always-sold-out PyCon, PyBay will be a weekend of fun geeking out with awesome developers on one of your favorite topics - Python!" %} + {% block share_card %} + + + + + + + + + + + + + + + + + {% endblock %} + {% endwith %} + + + {% gblock "base_header_extra_block" for "gblocks.Text" %} + + + {% block header %} + + {% gblock "base_body_extra_block" for "gblocks.Text" %} + + + +
    + +
    + {% endblock header %} + {% block headeroption %} + + {% endblock headeroption %} + + {% block content %} + {% endblock content %} + +{% block subscribe %} +{% endblock subscribe %} + + {% block pythonfans %} + {% endblock pythonfans %} + {% block footer %} + +
    +
    +
    +
    +
    +

    {% gblock "index_produdly_sponsored_by" for "gblocks.Text" %}

    +
    + {% sponsors_footer %} +
    +

    Interested in becoming a sponsor? Check out our options

    +
    +
    + +
    +
    + + {% include "frontend/subscribe_form.html" %} +
    +
    + About SF Python +

    + PyBay is offered by SF Python, a volunteer-run organization dedicated to building a stronger Python developer community. We do this by organizing fun events that encourage developers to meet like-minded folks, share what they know, and learn from each other. It’s hard work, but seeing people grow and make new friends and connections makes it worth it! We love hearing about companies making hires and migrating to better technologies as a result of our gatherings. We're also grateful to receive support for our work, financially and otherwise. We look forward to delighting you at PyBay and at other SF Python events throughout the year. +

    +
    +
    +
    +
    + +
    +
    +
    +
    +
    + + {% endblock footer %} + + + + + + + + + + + + + + + + {% block scripts %} + + {% endblock scripts %} + + diff --git a/pybay/templates/frontend/cfp.html b/pybay/templates/frontend/cfp.html new file mode 100644 index 00000000..0ff2a8fc --- /dev/null +++ b/pybay/templates/frontend/cfp.html @@ -0,0 +1,34 @@ +{% extends 'frontend/base.html' %} +{% load staticfiles %} +{% load bootstrap %} +{% load pinax_boxes_tags %} +{% load crispy_forms_tags %} +{% load generic_flatblocks %} + +{% block body_class %}cfp-page{% endblock %} + +{% block content %} + + +
    +
    + {% gblock "cfp_top_block" for "blockstuff.Col3" %} +
    +
    + + +
    +

    Call For Proposals Form

    +
    +
    + {% csrf_token %} + {% crispy form %} + + +
    + +
    +
    +
    + +{% endblock content %} diff --git a/pybay/templates/frontend/cfp_submitted.html b/pybay/templates/frontend/cfp_submitted.html new file mode 100644 index 00000000..91c91f75 --- /dev/null +++ b/pybay/templates/frontend/cfp_submitted.html @@ -0,0 +1,17 @@ +{% extends "frontend/base.html" %} + +{% load bootstrap %} +{% load i18n %} +{% load pinax_boxes_tags %} + +{% block head_title %}{% trans "Welcome" %}{% endblock %} + +{% block body_class %}Call For Proposals{% endblock %} + +{% block content %} +
    +


    + Thank you {{ speaker.name }}. Your proposal "{{ proposal.title }}" has been submitted for review. We will get back to you shortly. +

    +
    +{% endblock content %} diff --git a/pybay/templates/frontend/coc_reporting.html b/pybay/templates/frontend/coc_reporting.html new file mode 100644 index 00000000..7964088c --- /dev/null +++ b/pybay/templates/frontend/coc_reporting.html @@ -0,0 +1,119 @@ +{% extends 'frontend/base.html' %} +{% load staticfiles %} + +{% block sliders %} +
  • +
    + Background Image +
    +
    +
    +
    +


    +

    Bringing together Python's most forward thinking innovators & developers.

    +
    +
    +
    +
    • +{% endblock sliders %} + +{% block content %} + +
    +
    +
    +
    +

    Attendee Procedure For Handling Harassment

    +

    This page has been adapted from PyCon's CoC procedures.

    +

    These instructions apply to all volunteers and attendees!

    +
      +
    1. + Contact either staff personnel Grace Law (grace@pybay.com) or Simeon Franklin (simeonf@gmail.com / 209 846-2151). All staff will also be prepared to handle the incident - just look for a crew member wearing a PyBay CREW shirt! All of our staff members are informed of the code of conduct policy and guide for handling harassment at the conference. There will be a mandatory staff meeting onsite at the conference when this will be reiterated as well. +
      2. +
    2. + Report the harassment incident (preferably in writing) to Simeon and/or Grace - all reports are confidential. When reporting the event to staff, try to gather as much information as available, but do not interview people about the incident - Staff will assist you in writing the report/collecting information. The important information consists of: +
        +
      1. Identifying information (name/badge number) of the participant doing the harassing.
        2. +
      2. The behavior that was in violation.
        3. +
      3. The approximate time of the behavior (if different than the time the report was made).
        4. +
      4. The circumstances surrounding the incident.
        5. +
      5. Other people involved in the incident.
        6. +
      +
      3. +
    3. + The staff is informed on how to deal with the incident and how to further proceed with the situation. + If everyone is presently physically safe, involve law enforcement or security only at a victim's request. If you do feel your safety in jeopardy please do not hesitate to contact local law enforcement by dialing 911. If you do not have a cell phone simply ask a staff member. +
      4. +
    +

    Staff Procedure For Handling Harassment

    +

    This page has been adapted from PyCon's CoC procedures.

    +

    These instructions apply only to Grace and Simeon!

    +

    Be sure to have a good understanding of our Code of Conduct policy, which can be found here: https://pybay.com/code-of-conduct

    +

    Also have a good understanding of what is expected from an attendee that wants to report a harassment incident. These guidelines can be found above on this page.

    +

    Try to get as much of the incident in written form by the reporter. If you cannot, transcribe it yourself as it was told to you. The important information to gather include the following:

    +
      +
    1. Identifying information (name/badge number) of the participant doing the harassing.
      2. +
    2. The behavior that was in violation.
      3. +
    3. The approximate time of the behavior (if different than the time the report was made).
      4. +
    4. The circumstances surrounding the incident.
      5. +
    5. Other people involved in the incident.
      6. +
    + +

    Prepare an initial response to the incident. This initial response is very important and will set the tone for PyBay. Depending on the severity/details of the incident, please follow these guidelines:

    +
      +
    1. If there is any general threat to attendees or the safety of anyone including conference staff is in doubt, summon security or police.
      2. +
    2. Offer the victim a private place to sit.
      3. +
    3. Ask them "Is there a friend or trusted person who you would like to be with you?" (If so, arrange for someone to fetch this person.)
      4. +
    4. Ask them "How can I help?"
      5. +
    5. Provide them with your list of emergency contacts if they need help later.
      6. +
    6. If everyone is presently physically safe, involve law enforcement or security only at a victim's request.
      7. +
    +

    There are also some guidelines as to what not to do as an initial response:

    +
      +
    1. Do not overtly invite them to withdraw the complaint or mention that withdrawal is OK. This suggests that you want them to do so, and is therefore coercive. "If you're OK with it [pursuing the complaint]" suggests that you are by default pursuing it and is not coercive.
      2. +
    2. Do not ask for their advice on how to deal with the complaint. This is a staff responsibility.
      3. +
    3. Do not offer them input into penalties. This is the staff's responsibility.
      4. +
    +

    Once something is reported Grace and Simeon and any available staff should meet. The main objectives of this meeting is to find out the following:

    +
      +
    1. What happened?
      2. +
    2. Are we doing anything about it?
      3. +
    3. Who is doing those things?
      4. +
    4. When are they doing them?
      5. +
    +

    After the staff meeting and discussion, have a staff member (preferably Grace) communicate with the alleged harasser. Make sure to inform them of what has been reported about them.

    +

    Allow the alleged harasser to give their side of the story to the staff. After this point, if report stands, let the alleged harasser know what actions will be taken against them.

    +

    Some things for the staff to consider when dealing with Code of Conduct offenders (note that the list below is not a requirement and only applies if the report deems it necessary):

    +
      +
    1. Warning the harasser to cease their behavior and that any further reports will result in sanctions.
      2. +
    2. Requiring that the harasser avoid any interaction with, and physical proximity to, their victim for the remainder of the event.
      3. +
    3. Ending a talk that violates the policy early.
      4. +
    4. Not publishing the video or slides of a talk that violated the policy.
      5. +
    5. Not allowing a speaker who violated the policy to give (further) talks at the event now or in the future.
      6. +
    6. immediately ending any event volunteer responsibilities and privileges the harasser holds.
      7. +
    7. immediately ending any event volunteer responsibilities and privileges the harasser holds.
      8. +
    8. Immediately ending any event volunteer responsibilities and privileges the harasser holds.
      9. +
    9. Requiring that the harasser not volunteer for future events your organization runs (either indefinitely or for a certain time period).
      10. +
    10. Requiring that the harasser refund any travel grants and similar they received (this would need to be a condition of the grant at the time of being awarded).
      11. +
    11. Requiring that the harasser immediately leave the event and not return.
      12. +
    12. Banning the harasser from future events (either indefinitely or for a certain time period).
      13. +
    13. Removing a harasser from membership of relevant organizations.
      14. +
    +

    Give accused attendees a place to appeal to if there is one, but in the meantime the report stands. Keep in mind that it is not a good idea to encourage an apology from the harasser.

    + +

    It is very important how we deal with the incident publicly. Our policy is to make sure that everyone aware of the initial incident is also made aware that it is not according to policy and that official action has been taken - while still respecting the privacy of individual attendees. When speaking to individuals (those who are aware of the incident, but were not involved with the incident) about the incident it is a good idea to keep the details out.

    + +

    Depending on the incident, the conference chair or their designate may decide to make one or more public announcements. If necessary, this will be done with a short announcement before a Keynote session and/or through other channels. No one other than the conference chair or someone delegated authority from the conference chair should make any announcements.

    + +

    If some attendees were angered by the incident, it is best to apologize to them that the incident occurred to begin with. If there are residual hard feelings, suggest to them to write an email to the conference organizer. +

    +

    All reports should be made directly to:
    +   Simeon Franklin, Staff
    +   Grace Law, Conference Organizer +

    +

    *This content is licensed under CC Attribution-ShareAlike. See https://creativecommons.org/licenses/by-sa/3.0/legalcod

    +
    +
    +
    +
    +{% endblock content %} diff --git a/pybay/templates/frontend/code_of_conduct.html b/pybay/templates/frontend/code_of_conduct.html new file mode 100644 index 00000000..eb86838f --- /dev/null +++ b/pybay/templates/frontend/code_of_conduct.html @@ -0,0 +1,49 @@ +{% extends 'frontend/base.html' %} +{% load staticfiles %} + +{% block content %} +
    +
    +
    +
    +


    +

    Code Of Conduct

    +

    + The organizers of PyBay are dedicated to providing a space and program for developers interested in Python and related technologies to have a memorable weekend of fun, learning, and sharing. We value the participation of every member of our community and want all who attend to have an enjoyable and rewarding experience. +

    +

    + We ask that the participants make PyBay great by contributing positively back to the Python and open source communities; generously sharing what they know; mentoring others when the opportunity arises; and extending respect, courtesy, and compassion to other attendees, especially when opinions differ. +

    +

    + Our Code of Conduct is created in the spirit of promoting this spirit. Every attendee, speaker, exhibitor, organizer, and volunteer at any event or activity connected with the PyBay conference is expected to abide by this Code of Conduct: +

    +

    + "PyBay provides a harassment-free conference experience for everyone, regardless of gender, sexual orientation, disability, physical appearance, body size, race, or religion. We do not tolerate harassment of conference participants in any form. All communication will remain appropriate for a professional audience that includes people of many different backgrounds. We do not permit these behaviors at any time during the conference, in any conference venue: using sexual language or imagery; insulting, maligning, or harassing other attendees; or telling sexist, racist, or exclusionary jokes." +

    +

    + Conference staff will enforce this Code throughout the event and may ask anyone violating this Code to leave the conference. +

    +

    + Thank you for helping make PyBay a positive, inclusive, and appropriate experience for all who attend. +

    +
    +
    +

    Reporting

    +
    +

    + If you feel this Code of Conduct has been violated, or have other concerns, please contact a member of the PyBay conference crew. (Crew members will be wearing PyBay Shirts that say CREW on them). You can also contact at any time: +

    +

    +   Simeon Franklin, Staff
    +   Grace Law, Conference Organizer +

    +

    +

    Please see CoC reporting procedures for more details.

    +

    + Conference staff will be happy to help participants contact hotel/venue security or local law enforcement, provide escorts, or otherwise assist those experiencing harassment to feel safe for the duration of the conference. We value your attendance and want this to be a great experience for all! +

    +
    +
    +
    +
    +{% endblock content %} diff --git a/pybay/templates/frontend/faq.html b/pybay/templates/frontend/faq.html new file mode 100644 index 00000000..67d9efee --- /dev/null +++ b/pybay/templates/frontend/faq.html @@ -0,0 +1,40 @@ +{% extends 'frontend/base.html' %} +{% load staticfiles %} + +{% block content %} +
    +
    +
    +
    +

    Frequently Asked Questions

    + {% for slug, title, faqs in faq_categories %} +
    +

    {{ title }}

    +
    + +
    +
    + {% endfor %} + {% for slug, title, faqs in faq_categories %} +
    + {% for faq in faqs %} +   + {# The anchor with margin is just to get the page to scroll down a bit and not hide the title. #} +

    {{ faq.title }}

    +

    + {{ faq.body | safe }} +

    +

    Back

    + {% endfor %} +
    + {% endfor %} + +
    +
    +
    +
    +{% endblock content %} diff --git a/pybay/templates/frontend/faq_box.html b/pybay/templates/frontend/faq_box.html new file mode 100644 index 00000000..a9c0dab8 --- /dev/null +++ b/pybay/templates/frontend/faq_box.html @@ -0,0 +1,31 @@ +{% if faqs %} +
    +
    +
    +
    +

    Frequently Asked Questions

    +
    +
    +
    + {% for faq in faqs %} +
    +
    +

    + {{ faq.title }} +

    + +

    + {{ faq.body | safe }} +

    +
    +
    + {% endfor %} +
    +
    +

    + More FAQs +

    +
    +
    +
    +{% endif %} diff --git a/pybay/templates/frontend/index.html b/pybay/templates/frontend/index.html new file mode 100644 index 00000000..84e72550 --- /dev/null +++ b/pybay/templates/frontend/index.html @@ -0,0 +1,288 @@ +{% extends 'frontend/base.html' %} +{% load staticfiles %} +{% load featured_speakers %} +{% load generic_flatblocks %} + +{% block body_class %}frontpage{% endblock %} + +{% block headeroption %} +
    +
    +
      +
    • +
      + Background Image +
      +
      + +
      +
      +
      +
      + + {% gblock "index_date_line" for "gblocks.Text" %} + + {% if countdown %} + {{ countdown.title }} +
      + {{ countdown.cta }} + {% endif %} +
      +
      +
      +
      • +
    +
    +
    +{% endblock headeroption %} + +{% block content %} + + +
    +
    + {% gblock "index_why_attend" for "blockstuff.Col3" %} +
    +
    + + + +
    +
    +
    + {% featured_speakers %} +
    +
    +
    + + + +
    +
    + About Image +
    +
    + {% gblock "conference_counters" for "gblocks.Text" %} +
    +
    +
    +
    +
    +
    + +

    {% gblock "index_check_the_highlights" for "gblocks.Text" %}

    +
    +
    +
    +
    +
    +
    +
    +
    +
    + +
    + Follow PyBay +
    +
    +
    + +
    + + +
    +
    + About Image +
    +
    + +
    +
    +
    +
    +

    {% gblock "interested_in_sponsoring_pybay" for "gblocks.Text" %}

    +
    +
    +
    +
    + + {% include "frontend/faq_box.html" %} + +
    +
    + +
    +
    +
    +
    +
    + +

    {% gblock "memories_from_pybay" for "gblocks.Text" %}

    +
    +
    +
    +
    +
    + + + + +{% endblock content %} + +{% block scripts %} +{{ block.super }} +{% if countdown %} + + +{% endif %} +{% endblock %} diff --git a/pybay/templates/frontend/registration.html b/pybay/templates/frontend/registration.html new file mode 100644 index 00000000..5668d0b8 --- /dev/null +++ b/pybay/templates/frontend/registration.html @@ -0,0 +1,165 @@ +{% extends 'frontend/base.html' %} +{% load staticfiles %} +{% load generic_flatblocks %} +{% block body_class %}{{ block.super }} registration-page{% endblock %} +{% load generic_flatblocks %} + +{% block content %} + +
    +
    + {% gblock "registration_row_1" for "blockstuff.Col3" %} + {% gblock "registration_row_2" for "blockstuff.Col3" %} +
    +
    + +
    + +
    +

    +
    +

    Tickets

    + + + + + + + + +
    +
    +
    + +{% block python-corps %} +
    +
    +
    + +

    Committed to Your Education

    +
    + +
    + + + +
    +
    + + + +
    +
    +
    +
    +
    +
    +

    These companies use Python, and support their employees' continuing education by sending at least 20% of their engineering teams to PyBay.
    Interested in listing your company here? Get in touch.

    +
    +
    +
    +
    +{% endblock python-corps %} + +{% include "frontend/faq_box.html" %} + + +
    + +
    + +
    +
    + + +
    +
    +
    +
    +

    Main Conference Venues 

    +
    +
    +
    +
    +
    + Venue +

    + + UCSF Mission Bay Conference Center
    + 1675 Owens Street, 
    + San Francisco, CA 94158 +

    +
    +
    +
    +
    + Venue +

    + + LinkedIn
    + 222 2nd St,
    + San Francisco, CA 94105 +

    +
    +
    +
    +
    +
    +

    Pre-Conference Workshop Venues 

    +
    +
    +
    +
    +
    + Venue +

    + + LinkedIn
    + 222 2nd St,
    + San Francisco, CA 94105 +

    +
    +
    +
    +
    + Venue +

    + + Galvanize
    + 44 Tehama St,
    + San Francisco, CA 94105 +

    +
    +
    +
    +
    +
    +
    + Venue +

    + + Microsoft
    + 555 California St #200, 
    + San Francisco, CA 94104 +

    +
    +
    +
    +
    + Venue +

    + + Bloomberg
    + 140 New Montgomery St. 22nd floor,
    + San Francisco, CA 94105 +

    +
    +
    +
    +
    +
    + +{% endblock content %} + +{% block subscribe %} +{% endblock subscribe %} diff --git a/pybay/templates/frontend/schedule.html b/pybay/templates/frontend/schedule.html new file mode 100644 index 00000000..807dc8c2 --- /dev/null +++ b/pybay/templates/frontend/schedule.html @@ -0,0 +1,108 @@ +{% extends 'frontend/base.html' %} +{% load staticfiles %} +{% load thumbnail %} +{% load value_from_list_or_default %} +{% load markup_tags %} +{% load generic_flatblocks %} + +{% block body_class %}schedule-page{% endblock %} + +{% block content %} +
    +
    +
    +

    Schedule

    +
    + + {% gblock "all_speakers_top_block" for "gblocks.Text" %} + +
    +
    +
      +
    • All Talks
      • + {% for name, filter in filters %} +
    • {{ name }}
      • + {% endfor %} +
    +
    + + {% for schedule_days in schedules %} + {% for day, slot_groups in schedule_days %} +
    +

    {{ day.date }}

    +
    + {% for time, slots, kind in slot_groups %} +
    +

    {{ time }}

    +
    + {% for slot in slots %} + {% if slot.content_override %} +
    + {{ slot.content_override_html|safe }} +
    + {% elif slot.content_ptr %} + {% with talk=slot.content_ptr %} +
    +
    + {% if talk.speaker.photo %}

    {{ talk.speaker.name }}

    {% endif %} +

    {{ talk.title }}

    +

    {{ talk.speaker.name }}

    + {% for theme in talk.proposal.theme_descriptions %} +

    + {{ theme }} +

    + {% endfor %} +

    {{ slot.rooms|join:', ' }}

    +

    {{ slot.length_in_minutes }} mins

    +
    +
    {{ talk.description|apply_markup:"markdown" }}
    +
    + {% endwith %} + {% else %} +
    +

    {{ slot.kind.label.title }}

    +
    + {% endif %} + {% endfor %} +
    +
    + {% endfor %} +
    +
    + {% endfor %} +
    + + {% endfor %} +
    +
    +{% endblock content %} + +{% block scripts %} + + + +{% endblock %} diff --git a/pybay/templates/frontend/speakers_detail.html b/pybay/templates/frontend/speakers_detail.html new file mode 100644 index 00000000..0292989c --- /dev/null +++ b/pybay/templates/frontend/speakers_detail.html @@ -0,0 +1,71 @@ +{% extends 'frontend/base.html' %} +{% load staticfiles %} +{% load thumbnail %} +{% block body_class %}speaker-page{% endblock %} +{% block content %} +{% load get_speaker_url_with_fallback %} +{% load slot_desc %} +{% load markup_tags %} + +
    +
    +
    +
    + +
    + {{ speaker.name }} +
    +     +
    +
    +

    {{ speaker.name }}

    +
    {{ speaker.biography_html|safe }}
    + Speaker home page +
    +
    +
    +
    + +{% for talk in talks %} +
    +
    +
    +
    +

    {{ talk.title }}

    + {{ talk.theme_descriptions | join:", " }}, {{ talk.get_audience_level_display | capfirst }} +
    + {% slot_desc talk as talk_slot %} + {% if talk.location_override %} + {{ talk.location_override }} + {% elif talk_slot %} + {{ talk_slot }} + {% endif %} +
    + +
    +
    +

    +
    +

    Description

    + {{ talk.description|apply_markup:"markdown" }} +
    +
    +

    Abstract

    + {{ talk.abstract_html|safe }} +
    + {% if talk.ticket_price %} +
    + + {% if talk.sold_out %}Sold out + {% else %}Register (${{ talk.ticket_price }}) + {% endif %} + +
    + {% endif %} +
    +
    +
    +
    +{% endfor %} + +{% endblock content %} diff --git a/pybay/templates/frontend/speakers_list.html b/pybay/templates/frontend/speakers_list.html new file mode 100644 index 00000000..2c084fd2 --- /dev/null +++ b/pybay/templates/frontend/speakers_list.html @@ -0,0 +1,32 @@ +{% extends 'frontend/base.html' %} +{% load staticfiles %} +{% load thumbnail %} +{% load get_speaker_url_with_fallback %} +{% load markup_tags %} +{% load generic_flatblocks %} + +{% block content %} +
    +
    +
    +
    +

    All Speakers

    + {% gblock "speakers_list_top_block" for "gblocks.Text" %} +

    +
    +
    + + {% for chunk in chunks %} +
    + {% for speaker in chunk %} +
    + {{ speaker.name }} +

    {{ speaker.name }}

    + {{ speaker.biography|apply_markup:"markdown"|truncatewords_html:"40" }} +
    + {% endfor %} +
    + {% endfor %} +
    +
    +{% endblock content %} diff --git a/pybay/templates/frontend/sponsor_level_list.html b/pybay/templates/frontend/sponsor_level_list.html new file mode 100644 index 00000000..d99c26ab --- /dev/null +++ b/pybay/templates/frontend/sponsor_level_list.html @@ -0,0 +1,33 @@ +{% load sponsors_list %} +{% if sponsors %} +
    + +
    +
    +
    + {% if image %}

    {{ image }}

    {% endif %} +

    {{ title }}

    +
    +
    +
    + + +
    +{% endif %} diff --git a/pybay/templates/frontend/sponsor_unit.html b/pybay/templates/frontend/sponsor_unit.html new file mode 100644 index 00000000..aa1f46ef --- /dev/null +++ b/pybay/templates/frontend/sponsor_unit.html @@ -0,0 +1,12 @@ +
    +
    +

    {{ sponsor.name }}

    +
    +
    + {% if sponsor.website_logo %} +

    + {% endif %} + {{ sponsor.annotation }} +
    +
    + diff --git a/pybay/templates/frontend/sponsors_benefits.html b/pybay/templates/frontend/sponsors_benefits.html new file mode 100644 index 00000000..80aac732 --- /dev/null +++ b/pybay/templates/frontend/sponsors_benefits.html @@ -0,0 +1,98 @@ + +{% load benefit_tags %} +{% load generic_flatblocks %} +
    +
    +

    Sponsorship Opportunities

    +
    +
    + + + + + + + + + + + + {% load_benefits %} + {% for benefit in benefits %} + + {% if forloop.last %} + + + + + + {% else %} + + + + + + {% endif %} + + {% endfor %} + +

    Benefits

    Diamond +
    $ 20,000
    +

    Gold +
    $ 10,000
    +

    Silver +
    $ 5,000
    +

    Bronze +
    $ 2,500
    +

    {{ benefit.text|safe }} {{ benefit.diamond_text|comma2br }} {{ benefit.gold_text|comma2br }} {{ benefit.silver_text|comma2br }} {{ benefit.bronze_text|comma2br }} {{ benefit.text|safe }} {{ benefit.diamond_text|checkmark }} {{ benefit.gold_text|checkmark }} {{ benefit.silver_text|checkmark }} {{ benefit.bronze_text|checkmark }} 
    +
    +
    +
    +

    Other ways to Sponsor

    + +
    +
    +

    Add ons

    +
    +
    + + {% load_addon_benefits %} + {% for benefit in benefits %} + + + + + {% endfor %} +
    {{ benefit.title }} {{ benefit.price_text }}
    +
    +
    +
    +

    A la carte

    +
    +
    + + {% load_alacarte_benefits %} + {% for benefit in benefits %} + + + + + {% endfor %} +
    {{ benefit.title }}
    {{ benefit.text|safe }}    		{{ benefit.price_text }}
    +
    +
    +
    +
    + {% gblock "sponsor_emailus" for "gblocks.Text" as "emailus" %} + {% if emailus|count_content_lines > 0 %} + {{ emailus }} + {% else %} + {{ emailus }} +
    +
    + Email Us + {% endif %} +
    +
    +
    + diff --git a/pybay/templates/frontend/sponsors_charts.html b/pybay/templates/frontend/sponsors_charts.html new file mode 100644 index 00000000..b735c230 --- /dev/null +++ b/pybay/templates/frontend/sponsors_charts.html @@ -0,0 +1,49 @@ + +
    +
    + +
    +

    Who attended PyBay 2017?

    +

    *Data from 450+ registered guests at PyBay 2017

    +
    +
    +
    + +
    +
    +
    Expertise LevelBeginner: +8%BeginnerIntermediate: +50%IntermediateSenior: +39%SeniorNon-Technical: +1%
    +
    In Bay AreaGreater Bay Area: +3%Bay Area: +65%Bay AreaSan Francisco: +35%San FranciscoOther: +5%
    +
    GenderFemale: +20%FemaleMale: +80%Male
    +
    +
    +
    +
    +
    + +
    +

    Participant's Skills & Interest

    +
    + WebData ScienceDevOpsTestingHardwareTools100501502002503003504004505005506006507007508008509009501,0001,0501,1001,1501,200298321212231118283 +
    +
    + +
    +

    Participant's Background

    +
    + StudentIndividual ContributerContributes to Open SourceOpen to Job OpportunitiesWorking ProfessionalLeadership ExperiencePresented at ConferencesPublish Tech Blogs or Books100501502002503003504004505005506006507007508008509009501,0001,0501,1001,1501,20051109981433911329760 +
    +
    + +
    +
    + diff --git a/pybay/templates/frontend/sponsors_footer.html b/pybay/templates/frontend/sponsors_footer.html new file mode 100644 index 00000000..e7059a04 --- /dev/null +++ b/pybay/templates/frontend/sponsors_footer.html @@ -0,0 +1,17 @@ +{% load thumbnail %} + +{% if sponsors %} + +{% endif %} diff --git a/pybay/templates/frontend/sponsors_list.html b/pybay/templates/frontend/sponsors_list.html new file mode 100644 index 00000000..e693405d --- /dev/null +++ b/pybay/templates/frontend/sponsors_list.html @@ -0,0 +1,18 @@ +{% extends 'frontend/base.html' %} +{% load staticfiles %} + +{% block content %} + + +{% endblock content %} diff --git a/pybay/templates/frontend/sponsors_prospectus.html b/pybay/templates/frontend/sponsors_prospectus.html new file mode 100644 index 00000000..f77aae81 --- /dev/null +++ b/pybay/templates/frontend/sponsors_prospectus.html @@ -0,0 +1,69 @@ +{% extends 'frontend/base.html' %} +{% load staticfiles %} +{% load generic_flatblocks %} +{% load benefit_tags %} + +{% block body_class %}{{ block.super }} sponsor-prospectus-page{% endblock %} + +{% block content %} + + + + + +
    + +
    +
    +
    +

    {% gblock "want_to_showcase" for "gblocks.Text" %}

    + {% gblock "showcase_benefits" for "gblocks.Text" as "showcase_benefits" %} + {% if showcase_benefits|count_content_lines > 0 %} + {{ showcase_benefits }} + {% else %} + {{ showcase_benefits }} +
    +
      +
    • 500+ attendees.
      • +
    • 15,000+ eyeballs through pre-conference promotions.
      • +
    • 50% mid-level developers. 39% senior-level. 25% women.
      • +
    • Speakers and sponsors include Microsoft, Google, Yelp, and Bloomberg.
      • +
    +
    + Email Us + {% endif %} + +
    +
    + +
    + +
    +
    + About Image +
    +
    +
    + + +{% include "frontend/sponsors_charts.html" %} +{% include "frontend/sponsors_benefits.html" %} + +
    +
    + {% gblock "sponsors_1" for "gblocks.Text" %} +
    +
    + +{% include "frontend/faq_box.html" %} + +{% endblock content %} + +{% block scripts %} +{% comment %} + + + + +{% endcomment %} +{% endblock scripts %} diff --git a/pybay/templates/frontend/subscribe_form.html b/pybay/templates/frontend/subscribe_form.html new file mode 100644 index 00000000..dc71c94a --- /dev/null +++ b/pybay/templates/frontend/subscribe_form.html @@ -0,0 +1,11 @@ +
    +
    + Subscribe to receive ticket and program updates from PyBay. + +
    +
    + +
    + + +
    diff --git a/pybay/templates/frontend/tutorial.html b/pybay/templates/frontend/tutorial.html new file mode 100644 index 00000000..4cc94fe6 --- /dev/null +++ b/pybay/templates/frontend/tutorial.html @@ -0,0 +1,22 @@ +{% load tutorial_tags %} +{% load markup_tags %} +{% load get_speaker_url_with_fallback %} + +
    +
    +
    + +
    +

    + {{ proposal.speaker.name }} +

    +

    {{ proposal.title }}

    +
    {% tutorial_level proposal %}
    +
    {{ proposal.location_override }}
    +
    + {{ proposal.description|apply_markup:"markdown" }} + + More Information + REGISTER (${{ proposal.ticket_price }}) +
    +
    diff --git a/pybay/templates/frontend/tutorials.html b/pybay/templates/frontend/tutorials.html new file mode 100644 index 00000000..e40b8c0a --- /dev/null +++ b/pybay/templates/frontend/tutorials.html @@ -0,0 +1,41 @@ +{% load columns %} + +
    +
    + +
    +
    +

    Half-day workshops

    +
    +
    + +
    + {% for col in half|columns:2 %} +
    + {% for proposal in col %} + {% include "frontend/tutorial.html" %} + {% endfor %} +
    + {% endfor %} +
    +
    + + +
    +
    +
    +
    +

    Full-day workshops

    +
    +
    +
    + {% for col in full|columns:2 %} +
    + {% for proposal in col %} + {% include "frontend/tutorial.html" %} + {% endfor %} +
    + {% endfor %} +
    +
    +
    diff --git a/pybay/templates/gblocks/text/flatblock.html b/pybay/templates/gblocks/text/flatblock.html new file mode 100644 index 00000000..cc643220 --- /dev/null +++ b/pybay/templates/gblocks/text/flatblock.html @@ -0,0 +1,3 @@ +{{ object.text|safe}} + +{% if admin_url %}edit{% endif %} diff --git a/pybay/templates/pinax/boxes/_box.html b/pybay/templates/pinax/boxes/_box.html index 2e403414..62d2d919 100644 --- a/pybay/templates/pinax/boxes/_box.html +++ b/pybay/templates/pinax/boxes/_box.html @@ -15,7 +15,7 @@

    {% trans "Editing content:" %} {{ label }}

    {% markitup_editor form.content.auto_id %}
    -
    Content is processed using Markdown
    +
    Content is processed using Markdown
    Close
    diff --git a/pybay/templates/symposion/emails/proposal_new_message/message.html b/pybay/templates/symposion/emails/proposal_new_message/message.html index b56af296..60085bd9 100644 --- a/pybay/templates/symposion/emails/proposal_new_message/message.html +++ b/pybay/templates/symposion/emails/proposal_new_message/message.html @@ -9,5 +9,5 @@

    {% if reviewer %}{% url 'review_detail' proposal.pk as detail_url %}{% else %}{% url 'proposal_detail' proposal.pk as detail_url %}{% endif %} - {% blocktrans %} Respond online at http://{{ current_site }}{{ detail_url }}#proposal-feedback{% endblocktrans %} + {% blocktrans %} Respond online at https://{{ current_site }}{{ detail_url }}#proposal-feedback{% endblocktrans %}

    diff --git a/pybay/templates/symposion/emails/proposal_updated/message.html b/pybay/templates/symposion/emails/proposal_updated/message.html index 93a5a26c..fce15153 100644 --- a/pybay/templates/symposion/emails/proposal_updated/message.html +++ b/pybay/templates/symposion/emails/proposal_updated/message.html @@ -6,5 +6,5 @@

    {% url 'review_detail' proposal.pk as detail_url %} - {% blocktrans %}View the latest version of the proposal online at http://{{ current_site }}{{ detail_url }}{% endblocktrans %} + {% blocktrans %}View the latest version of the proposal online at https://{{ current_site }}{{ detail_url }}{% endblocktrans %}

    diff --git a/pybay/templates/symposion/emails/speaker_addition/message.html b/pybay/templates/symposion/emails/speaker_addition/message.html index 9bebdf78..caa23c05 100644 --- a/pybay/templates/symposion/emails/speaker_addition/message.html +++ b/pybay/templates/symposion/emails/speaker_addition/message.html @@ -5,6 +5,6 @@ talk proposal for {{ site_name }} entitled "{{ title }}".

    For more details, visit the {{ site_name }} speaker dashboard: - http://{{ current_site }}{{ dashboard_url ]} + https://{{ current_site }}{{ dashboard_url ]}

    {% endblocktrans %} diff --git a/pybay/templates/symposion/emails/speaker_invite/message.html b/pybay/templates/symposion/emails/speaker_invite/message.html index f4265dbc..08365ab2 100644 --- a/pybay/templates/symposion/emails/speaker_invite/message.html +++ b/pybay/templates/symposion/emails/speaker_invite/message.html @@ -6,7 +6,7 @@

    Go to

    -

    http://{{ current_site }}{{ token_url }}

    +

    https://{{ current_site }}{{ token_url }}

    to confirm.

    diff --git a/pybay/templates/symposion/emails/speaker_no_profile/message.html b/pybay/templates/symposion/emails/speaker_no_profile/message.html index da21357e..6b9cc748 100644 --- a/pybay/templates/symposion/emails/speaker_no_profile/message.html +++ b/pybay/templates/symposion/emails/speaker_no_profile/message.html @@ -6,7 +6,7 @@

    Go to

    -

    http://{{ current_site }}{{ token_url }}

    +

    https://{{ current_site }}{{ token_url }}

    to confirm and fill out your speaker profile.

    {% endblocktrans %} diff --git a/pybay/templates/symposion/emails/teams_user_applied/message.html b/pybay/templates/symposion/emails/teams_user_applied/message.html index b05d6c8b..4c2a953a 100644 --- a/pybay/templates/symposion/emails/teams_user_applied/message.html +++ b/pybay/templates/symposion/emails/teams_user_applied/message.html @@ -7,6 +7,6 @@

    To accept this application and see any other pending applications, visit the following url: - http://{{ site_url }}{{ team_url }} + https://{{ site_url }}{{ team_url }}

    {% endblocktrans %} diff --git a/pybay/templates/symposion/emails/teams_user_invited/message.html b/pybay/templates/symposion/emails/teams_user_invited/message.html index b498d247..301ff717 100644 --- a/pybay/templates/symposion/emails/teams_user_invited/message.html +++ b/pybay/templates/symposion/emails/teams_user_invited/message.html @@ -7,6 +7,6 @@

    To accept this invitation, visit the following url: - http://{{ site_url }}{{ team_url }} + https://{{ site_url }}{{ team_url }}

    -{% endblocktrans %} \ No newline at end of file +{% endblocktrans %} diff --git a/pybay/templates/symposion/schedule/schedule_conference.html b/pybay/templates/symposion/schedule/schedule_conference.html index 37a9ab17..777a001d 100644 --- a/pybay/templates/symposion/schedule/schedule_conference.html +++ b/pybay/templates/symposion/schedule/schedule_conference.html @@ -22,7 +22,7 @@

    Conference Schedule

    {% cache 600 "schedule-table" section.schedule.section %} {% for timetable in section.days %}

    {{ section.schedule.section.name }} — {{ timetable.day.date }}

    - {% include "schedule/_grid.html" %} + {% include "symposion/schedule/_grid.html" %} {% endfor %} {% endcache %} {% endfor %} diff --git a/pybay/templatetags/__init__.py b/pybay/templatetags/__init__.py new file mode 100644 index 00000000..e69de29b diff --git a/pybay/templatetags/get_speaker_url_with_fallback.py b/pybay/templatetags/get_speaker_url_with_fallback.py new file mode 100644 index 00000000..cbfaf875 --- /dev/null +++ b/pybay/templatetags/get_speaker_url_with_fallback.py @@ -0,0 +1,17 @@ +from django.template import Library +from django.conf import settings +from django.contrib.staticfiles.templatetags.staticfiles import static +from easy_thumbnails.files import get_thumbnailer + + +register = Library() + + +@register.simple_tag +def speaker_url_with_fallback(speaker, crop_size): + if bool(speaker.photo): + return get_thumbnailer(speaker.photo).get_thumbnail( + {'size': (crop_size, crop_size), 'crop': True} + ).url + else: + return static(settings.DEFAULT_FALLBACK_IMAGE) diff --git a/pybay/templatetags/slot_desc.py b/pybay/templatetags/slot_desc.py new file mode 100644 index 00000000..e479d309 --- /dev/null +++ b/pybay/templatetags/slot_desc.py @@ -0,0 +1,27 @@ +from django.template import Library +from django.conf import settings + +from symposion.schedule.models import Presentation, Slot + +import logging + + +register = Library() +log = logging.getLogger(__name__) + + +@register.simple_tag +def slot_desc(talk): + try: + slot = talk.presentation.slot + except (Presentation.DoesNotExist, Slot.DoesNotExist): + log.error("Talk %s does not have a slot", talk.name) + slot = None + + if slot is None: + return None + + return "{} | {}-{} | {}".format( + slot.day.date.strftime("%-m/%-d/%Y"), slot.start.strftime("%-I:%M %p"), + slot.end.strftime("%-I:%M %p"), slot.rooms[0], + ) diff --git a/pybay/templatetags/sponsors_list.py b/pybay/templatetags/sponsors_list.py new file mode 100644 index 00000000..b9b0272c --- /dev/null +++ b/pybay/templatetags/sponsors_list.py @@ -0,0 +1,34 @@ +from django import template + +from symposion.sponsorship.models import Sponsor + +register = template.Library() + + +@register.inclusion_tag('frontend/sponsors_footer.html', takes_context=True) +def sponsors_footer(context): + sponsors = Sponsor.objects.filter(active=True) + # Hack: We have sponsors that sponsor at multiple levels + # de-duplicate by name + by_name = {sponsor.name: sponsor for sponsor in sponsors} + sponsors = sorted(by_name.values(), key=lambda sponsor: sponsor.name) + return { + 'sponsors': sponsors, + } + + +@register.filter +def get_logo(sponsor): + """Copied and modified from symposion.sponsorship.models.Sponsor - set object.sponsor_logo if not set.""" + if sponsor.sponsor_logo is None: + benefits = sponsor.sponsor_benefits.filter(benefit__type__in=["weblogo", "simple"], upload__isnull=False) + for benefit in benefits: + if benefit.upload: + sponsor.sponsor_logo = benefit + sponsor.save() + break # Only do this for the first upload on a benefit + # Never crash due to missing logo! + if getattr(sponsor.sponsor_logo, 'upload', None): + return sponsor.sponsor_logo.upload.url + else: + return "" diff --git a/pybay/templatetags/tutorial_tags.py b/pybay/templatetags/tutorial_tags.py new file mode 100644 index 00000000..64881d13 --- /dev/null +++ b/pybay/templatetags/tutorial_tags.py @@ -0,0 +1,31 @@ +from django import template + +from symposion.reviews.models import ProposalResult +from pybay.proposals.models import Proposal + +register = template.Library() + +def _int0(value): + try: + return int(value) + except ValueError: + return 0 + +_LEVELS = dict(Proposal.AUDIENCE_LEVELS) + + +@register.simple_tag +def tutorial_level(tutorial): + return _LEVELS[tutorial.audience_level] + + +@register.inclusion_tag('frontend/tutorials.html', takes_context=True) +def tutorials(context): + results = ProposalResult.objects.filter(status='accepted', proposal__kind__name='tutorial') + proposals = [r.proposal.tutorialproposal for r in results] + half_tutorials = [p for p in proposals if _int0(p.ticket_price) < 200] + full_tutorials = [p for p in proposals if _int0(p.ticket_price) > 200] + return { + 'half': half_tutorials, + 'full': full_tutorials, + } diff --git a/pybay/templatetags/value_from_list_or_default.py b/pybay/templatetags/value_from_list_or_default.py new file mode 100644 index 00000000..ee78f078 --- /dev/null +++ b/pybay/templatetags/value_from_list_or_default.py @@ -0,0 +1,9 @@ +from django.template import Library + + +register = Library() + + +@register.simple_tag +def value_from_list_or_default(val, allowed_values, default): + return val if val in allowed_values else default diff --git a/pybay/tests/__init__.py b/pybay/tests/__init__.py new file mode 100644 index 00000000..e69de29b diff --git a/pybay/tests/test_forms.py b/pybay/tests/test_forms.py new file mode 100644 index 00000000..6c9cbdd1 --- /dev/null +++ b/pybay/tests/test_forms.py @@ -0,0 +1,80 @@ +from django.test import TestCase +from pybay.forms import CallForProposalForm + + +class CfpFormTestCase(TestCase): + fixtures = [ + "conference", + "proposal_base", + ] + + def _get_data(self): + return { + 'first_name': "Daniel", + 'last_name': "Pyrathon", + 'email': "pirosb3@gmail.com", + 'website': "woo.com", + 'phone': "+14155289519", + 'themes': ['python', 'community'], + 'audience_level': 1, + 'talk_length': 25, + 'speaker_bio': 'wooo', + 'talk_title': 'wooo', + 'description': 'wooo', + 'abstract': 'wooo', + 'what_attendees_will_learn': 'wooo', + 'speaker_and_talk_history': 'wooo2', + 'meetup_talk': 'Maybe', + 'links_to_past_talks': 'http://google.com', + } + + def test_cfp_form_works(self): + form = CallForProposalForm(self._get_data()) + self.assertTrue(form.is_valid()) + self.assertEqual( + len(form.cleaned_data), 16 + ) + + def test_cannot_ommit_fields(self): + all_fields = set(self._get_data().keys()) + all_fields.remove('website') + all_fields.remove('links_to_past_talks') + + for field_name in all_fields: + data = self._get_data() + del data[field_name] + + form = CallForProposalForm(data) + self.assertFalse(form.is_valid()) + self.assertIn(field_name, form.errors) + + def test_form_save_models(self): + form = CallForProposalForm(self._get_data()) + self.assertTrue(form.is_valid()) + + speaker, proposal = form.save_to_models() + self.assertEqual(speaker.name, "Daniel Pyrathon") + self.assertEqual(proposal.speaker, speaker) + self.assertEqual(proposal.speaker_and_talk_history, 'wooo2') + self.assertEqual(proposal.talk_links, 'http://google.com') + self.assertEqual(speaker.user.username, "pirosb3@gmail.com") + self.assertEqual('python,community', proposal.themes) + + def test_form_duplicate_profile(self): + form1 = CallForProposalForm(self._get_data()) + speaker1, proposal1 = form1.save_to_models() + + data = self._get_data() + data['talk_title'] = 'woo 2!' + form2 = CallForProposalForm(data) + speaker2, proposal2 = form2.save_to_models() + + self.assertEqual(speaker1, speaker2) + + + def test_phone_too_long_triggers_validation_error(self): + data = self._get_data() + data['phone'] = '+55 81 982459204' # Real data entered by brazilian user! + form = CallForProposalForm(data) + self.assertFalse(form.is_valid()) + self.assertIn('phone', form.errors) diff --git a/pybay/tests/test_views.py b/pybay/tests/test_views.py new file mode 100644 index 00000000..db1de890 --- /dev/null +++ b/pybay/tests/test_views.py @@ -0,0 +1,78 @@ +from django.test import TestCase +from django.core.urlresolvers import reverse +from pybay.proposals.models import TalkProposal +from pybay.utils import get_accepted_speaker_by_slug +from symposion.proposals.models import ProposalKind +from symposion.speakers.models import Speaker +from symposion.proposals.models import AdditionalSpeaker +from model_mommy import mommy +from model_mommy.random_gen import gen_image_field +from symposion.reviews.models import ProposalResult + +import itertools + + +class SpeakersModelTest(TestCase): + + def test_get_slug(self): + self.speaker = mommy.make(Speaker, name="Lorem Ipsum", + photo=gen_image_field()) + self.assertEquals(self.speaker.name_slug, + "lorem-ipsum") + + def test_get_active_speaker_by_slug(self): + s1 = mommy.make(Speaker, name="Lorem Ipsum 1", + photo=gen_image_field()) + s2 = mommy.make(Speaker, name="Lorem Ipsum 2", + photo=gen_image_field()) + s3 = mommy.make(Speaker, name="Lorem Ipsum 3", + photo=gen_image_field()) + + kind = mommy.make(ProposalKind) + p2 = TalkProposal.objects.create( + title='test this title', kind=kind, + speaker=s2, audience_level=1, + ) + mommy.make(ProposalResult, proposal=p2, status='accepted') + self.assertEquals( + get_accepted_speaker_by_slug(s2.name_slug), + s2, + ) + with self.assertRaises(Speaker.DoesNotExist): + get_accepted_speaker_by_slug(s1.name_slug) + + + +class SpeakersViewTest(TestCase): + + def setUp(self): + kind = mommy.make(ProposalKind) + self.speaker = mommy.make(Speaker, photo=gen_image_field()) + self.proposal = TalkProposal.objects.create( + title='test this title', kind=kind, + speaker=self.speaker, + audience_level=1, + ) + proposal_result = mommy.make(ProposalResult, + proposal=self.proposal, + status='accepted') + + def test_returns_200(self): + response = self.client.get(reverse('pybay_speakers_list')) + self.assertEquals(response.status_code, 200) + + def test_accepted_users(self): + response = self.client.get(reverse('pybay_speakers_list')) + self.assertIn('chunks', response.context) + self.assertEquals(response.context['chunks'], [[self.speaker]]) + + def test_additional_speaker(self): + speaker2 = mommy.make(Speaker, photo=gen_image_field()) + mommy.make( + AdditionalSpeaker, + proposalbase=self.proposal, + speaker=speaker2, + status=AdditionalSpeaker.SPEAKING_STATUS_ACCEPTED) + response = self.client.get(reverse('pybay_speakers_list')) + speakers = list(itertools.chain.from_iterable(response.context['chunks'])) + self.assertCountEqual(speakers, [self.speaker, speaker2]) diff --git a/pybay/urls.py b/pybay/urls.py index 87fa6f4c..62154e00 100644 --- a/pybay/urls.py +++ b/pybay/urls.py @@ -1,7 +1,8 @@ from django.conf import settings -from django.conf.urls import patterns, include, url +from django.conf.urls import include, url from django.conf.urls.static import static from django.views.generic import TemplateView +from django.views.generic.base import RedirectView from django.contrib import admin @@ -11,32 +12,58 @@ from symposion.sponsorship import urls as sponsor_urls from symposion.speakers import urls as speaker_urls +from pybay import views + WIKI_SLUG = r"(([\w-]{2,})(/[\w-]{2,})*)" -urlpatterns = patterns( - "", - url(r"^$", TemplateView.as_view(template_name="homepage.html"), name="home"), - url(r"^admin/", include(admin.site.urls)), +faq_view = views.FaqTemplateView.as_view - url(r"^teams/", include(teams_urls)), - url(r"^proposals/", include(proposals_urls)), - url(r"^sponsors/", include(sponsor_urls)), - # url(r"^account/signup/$", SignupView.as_view(), name="account_signup"), - # url(r"^account/login/$", symposion.views.LoginView.as_view(), name="account_login"), - url(r"^account/", include("account.urls")), +urlpatterns = [ + url(r"^$", views.FrontpageView.as_view(faq_filter="show_on_home"), name="home"), + url(r"^cfp$", views.pybay_cfp_create, name="pybay_cfp"), + url(r'^call-for-proposals/$', RedirectView.as_view(pattern_name='pybay_cfp', permanent=False)), + url(r"^sponsors-prospectus/$", faq_view(template_name="frontend/sponsors_prospectus.html", faq_filter="show_on_sponsors"), name="pybay_sponsors"), + url(r'^sponsors/$', RedirectView.as_view(pattern_name='pybay_sponsors', permanent=False)), + url(r"^code-of-conduct$", TemplateView.as_view(template_name="frontend/code_of_conduct.html"), name="pybay_coc"), + url(r"^coc-reporting$", TemplateView.as_view(template_name="frontend/coc_reporting.html"), name="pybay_coc_reporting"), + url(r"^registration$", RedirectView.as_view(url='https://ti.to/sf-python/pybay2018')), + url(r"^faq$", views.pybay_faq_index, name="pybay_faq"), + + url(r"^admin/", include(admin.site.urls)), + url(r"^admin/blockstuff/docs", TemplateView.as_view(template_name="blockstuff/docs.html")), url(r"^dashboard/", symposion.views.dashboard, name="dashboard"), + + url(r"^account/", include("account.urls")), url(r"^speaker/", include(speaker_urls)), - # url(r"^sponsors/", include("symposion.sponsorship.urls")), - url(r"^boxes/", include("pinax.boxes.urls")), - # url(r"^teams/", include("symposion.teams.urls")), + url(r"^sponsors/", include("symposion.sponsorship.urls")), + url(r"^proposals/", include(proposals_urls)), url(r"^reviews/", include("symposion.reviews.urls")), - url(r"^schedule/", include("symposion.schedule.urls")), - url(r"^markitup/", include("markitup.urls")), + url(r"^boxes/", include("pinax.boxes.urls")), + url(r"^schedule/", views.pybay_schedule, name='pybay_schedule'), + url(r"^schedule-sym/", include("symposion.schedule.urls")), + # url(r"^account/signup/$", SignupView.as_view(), name="account_signup"), + # url(r"^account/login/$", symposion.views.LoginView.as_view(), name="account_login"), + # url(r"^teams/", include(teams_urls)), + # url(r"^teams/", include("symposion.teams.urls")), + # url(r"^markitup/", include("markitup.urls")), + url(r"^our-sponsors/$", views.pybay_sponsors_list, name="pybay_sponsors_list"), + url(r"^our-speakers/$", views.pybay_speakers_list, name="pybay_speakers_list"), + url(r"^speaker/(?P[-\w]+)/$", views.pybay_speakers_detail, name="pybay_speakers_detail"), + url(r"^api/undecided_proposals$", views.undecided_proposals, name="pybay_undecided_proposals"), + url(r"^api/proposals/(?P\d+)/$", views.proposal_detail, name="pybay_detail_proposal"), + url(r"^404$", TemplateView.as_view(template_name="404.html")), # Adding explicitly for template dev purposes + url(r"^jobs/", include("jobs.urls")), # url(r"^", include("symposion.cms.urls")), -) +] urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT) + +if settings.DEBUG_TOOLBAR: + import debug_toolbar + urlpatterns = [ + url(r'^__debug__/', include(debug_toolbar.urls)), + ] + urlpatterns diff --git a/pybay/utils.py b/pybay/utils.py new file mode 100644 index 00000000..483800a7 --- /dev/null +++ b/pybay/utils.py @@ -0,0 +1,19 @@ +from pybay.proposals.models import Proposal +from symposion.speakers.models import Speaker + + +def get_accepted_speaker_by_slug(speaker_slug): + """ + This function is purposely done do avoid touching Symposion + source code. Given the amount of approved speakers is not + substantial, it's better to iterate over speakers, slugify name, + and check equality, than create a new field in Symposion. + """ + approved_talks = Proposal.objects.filter( + result__status='accepted' + ).prefetch_related('speaker') + for approved_talk in approved_talks: + if approved_talk.speaker.name_slug == speaker_slug: + return approved_talk.speaker + + raise Speaker.DoesNotExist() diff --git a/pybay/views.py b/pybay/views.py new file mode 100644 index 00000000..c86b9342 --- /dev/null +++ b/pybay/views.py @@ -0,0 +1,256 @@ +import datetime +import json +import itertools + +from django.shortcuts import render +from django.http import (HttpResponse, HttpResponseForbidden, + HttpResponseNotFound) +from django.views.generic import TemplateView +from django.db.models import Prefetch +from django.utils import timezone + +from .forms import CallForProposalForm +from pybay.faqs.models import Faq, Category +from symposion.sponsorship.models import Sponsor +from pybay.proposals.models import TalkProposal, Proposal +from pybay.countdowns.models import Countdown +from pybay.utils import get_accepted_speaker_by_slug +from symposion.speakers.models import Speaker +from symposion.schedule.models import Schedule + +from collections import defaultdict +from django.conf import settings + +from logging import getLogger + +log = getLogger(__file__) + +cfp_close_date = settings.PROJECT_DATA['cfp_close_date'] + + +SOME_TIME_IN_THE_FAR_FUTURE = (datetime.date(3018, 6, 27), datetime.time(23, 59)) + + +def _make_proposal_sort_key(proposal): + """Returns a key that can be used to sort proposals based on date + + If proposal is not slotted or is a presentation. It will be bumped + to the end (sorted with lowest propority, at the end of everything else) + + :param propoal: a proposal instance + :return: a sortable key + """ + try: + proposal_slot = proposal.presentation.slot + except AttributeError: + return SOME_TIME_IN_THE_FAR_FUTURE + + if not proposal_slot: + return SOME_TIME_IN_THE_FAR_FUTURE + + return (proposal_slot.day.date, proposal_slot.start) + + +def pybay_sponsors_list(request): + active_sponsors = Sponsor.objects.filter(active=True).order_by('name') + sponsor_map = defaultdict(list) + + for sponsor in active_sponsors: + sponsor_map[sponsor.level.name].append(sponsor) + + return render(request, 'frontend/sponsors_list.html', { + "gold_sponsors": sponsor_map['Gold'], + "silver_sponsors": sponsor_map['Silver'], + "bronze_sponsors": sponsor_map['Bronze'], + "diversity_sponsors": sponsor_map['Diversity'], + "media_sponsors": sponsor_map['Media'], + "bronze_logo": "", + "gold_logo": "", + "silver_logo": "", + "diversity_logo": "", + "media_logo": "", + }) + + +def pybay_faq_index(request): + faqs = Category.objects.faqs_per_category() + return render(request, 'frontend/faq.html', {'faq_categories': faqs}) + + +class FaqTemplateView(TemplateView): + + faq_filter = None + + def get_context_data(self, **kwargs): + context = super().get_context_data(**kwargs) + filters = {} + if self.faq_filter is not None: + filters[self.faq_filter] = True + context['faqs'] = Faq.objects.filter(**filters) + return context + + +class FrontpageView(FaqTemplateView): + @classmethod + def as_view(cls, **kwargs): + return super().as_view(template_name="frontend/index.html", **kwargs) + + def get_context_data(self, **kwargs): + context = super().get_context_data(**kwargs) + countdown = Countdown.objects.filter(date__gt=timezone.now()).first() + if countdown: + context['countdown'] = countdown.context_for_template() + return context + + +def pybay_cfp_create(request): + if request.method == 'POST': + form = CallForProposalForm(request.POST) + + # Validate form + if not form.is_valid(): + return render(request, 'frontend/cfp.html', {'form': form}) + + # Create speaker and associated talk + speaker, proposal = form.save_to_models() + return render(request, 'frontend/cfp_submitted.html', { + 'speaker': speaker, + 'proposal': proposal, + }) + + else: + form = CallForProposalForm() + return render(request, 'frontend/cfp.html', + {'form': form, 'cfp_close_date': cfp_close_date}) + + +def pybay_speakers_detail(request, speaker_slug): + + # Fetch speaker + try: + speaker = get_accepted_speaker_by_slug(speaker_slug) + except Speaker.DoesNotExist: + log.error("Speaker %s does not have any approved talks or does not exist", speaker_slug) + return HttpResponseNotFound() + + # NOTE: Cannot perform reverse lookup (speaker.talk_proposals) for some reason. + speaker_approved_talks = [ + prop.talkproposal if hasattr(prop, 'talkproposal') else prop.tutorialproposal + for prop in Proposal.objects.filter(speaker=speaker) + .filter(result__status='accepted') + .prefetch_related('talkproposal', 'tutorialproposal') + ] + + # Sort talks by date first, and then by time + speaker_approved_talks.sort(key=_make_proposal_sort_key) + + return render(request, 'frontend/speakers_detail.html', + {'speaker': speaker, 'talks': speaker_approved_talks, + 'speaker_website': speaker_approved_talks[0].speaker_website}) + + +def pybay_speakers_list(request): + accepted_proposals = Proposal.objects.filter(result__status='accepted') + speakers = [] + for proposal in accepted_proposals: + speakers += list(proposal.speakers()) + + speakers = list(set(speakers)) # filters duplicate speakers + speakers = sorted(speakers, key=lambda i: i.name) # sorts alphabetically + + # Make them chunks of 2 + chunks = [] + for chunk_idx in range(0, len(speakers), 2): + chunks.append(speakers[chunk_idx:chunk_idx + 2]) + + return render(request, 'frontend/speakers_list.html', { + 'chunks': chunks + }) + + +def undecided_proposals(request): + api_token = request.GET.get('token') + if api_token != settings.PYBAY_API_TOKEN: + return HttpResponseForbidden() + + undecided_proposals = Proposal.objects.all() + result = [] + for proposal in undecided_proposals: + if proposal.status.lower() == "undecided": + result.append({'id': proposal.id}) + + return HttpResponse(json.dumps({'data': result}), content_type="application/json") + + +def proposal_detail(request, proposal_id): + + api_token = request.GET.get('token') + if api_token != settings.PYBAY_API_TOKEN: + return HttpResponseForbidden() + + proposal = TalkProposal.objects.get(id=proposal_id) + speakers_list = [] + for speaker in proposal.speakers(): + speakers_list.append({"email": speaker.email, "name": speaker.name, }) + + details = { + "id": proposal.id, + "description": proposal.description, + "abstract": proposal.abstract, + "additional_notes": proposal.additional_notes, + "title": proposal.title, + "audience_level": TalkProposal.AUDIENCE_LEVELS[proposal.audience_level-1][1], + "category": proposal.themes, + "what_attendees_will_learn": proposal.what_attendees_will_learn, + # "title": proposal.talk_links, + # "title": proposal.meetup_talk, + "speaker_and_talk_history": proposal.speaker_and_talk_history, + "talk_length": proposal.talk_length, + } + + result = { + "speakers": speakers_list, + "details": details, + } + + return HttpResponse( + json.dumps({'data': result}), content_type="application/json" + ) + + +def _day_slots(day): + groupby = itertools.groupby(day.slot_set.all(), lambda slot: slot.start) + for time, grouper in groupby: + slots = sorted(grouper, key=lambda slot: slot.rooms[0].order if slot.rooms else 0) + kind = slots[0].kind if len(slots) == 1 and slots[0].content_override else '' + yield time, slots, kind + + +FILTER_CATEGORIES = [ + (description, [slug]) + for slug, description in Proposal.THEME_CHOICES] + +FILTER_CATEGORIES.append(('Beginner-friendly', ['level-1'])) + + +def pybay_schedule(request): + if request.user.is_staff: + schedules = Schedule.objects.filter(hidden=False) + else: + schedules = Schedule.objects.filter(published=True, hidden=False) + + schedules.prefetch_related( + Prefetch('day_set__slot_set__presentation_set__proposal_base'), + ) + + schedules = [ + [(day, _day_slots(day)) for day in schedule.day_set.all()] + for schedule in schedules + ] + + ctx = { + 'schedules': schedules, + 'filters' : FILTER_CATEGORIES, + } + + return render(request, "frontend/schedule.html", ctx) diff --git a/requirements-server.txt b/requirements-server.txt new file mode 100644 index 00000000..d1d0bec3 --- /dev/null +++ b/requirements-server.txt @@ -0,0 +1 @@ +mysqlclient==1.3.10 diff --git a/requirements.txt b/requirements.txt index ca19dd97..896627e3 100644 --- a/requirements.txt +++ b/requirements.txt @@ -1,24 +1,35 @@ -Django==1.9.2 django-appconf==1.0.1 django-bootstrap-form==3.2.1 -django-jsonfield==0.9.13 +django-columns==0.1.0 +django-crispy-forms==1.6.1 +django-generic-flatblocks==1.2 +django-jsonfield==1.0.1 +django-markup==1.2 django-markitup==2.2.2 django-model-utils==2.4 -django-reversion==1.10.1 +django-ordered-model==1.4.1 +django-reversion==2.0.13 django-sitetree==1.5.1 django-taggit==0.18.0 -django-timezone-field==1.3 +django-timezone-field==2.0 django-timezones==0.2 django-user-accounts==2.0 +Django==1.9.2 easy-thumbnails==2.3 eventlog==0.8.0 +git+https://github.com/pybay/symposion.git#egg=symposion html5lib==0.9999999 Markdown==2.6.5 metron==1.3.5 olefile==0.44 Pillow +pinax-boxes==2.1.2 pinax-theme-bootstrap==5.6.0 pytz==2015.7 +rollbar==0.13.2 six==1.10.0 -pinax-boxes==2.1.2 -git+https://github.com/simeonf/symposion.git#egg=symposion-1.0b2.dev3 +model-mommy==1.3.2 +sqlparse==0.2.4 +django-compressor==2.2 +django-sass-processor==0.6 +libsass==0.14.2 diff --git a/runserver b/runserver new file mode 100755 index 00000000..0c4fbf1e --- /dev/null +++ b/runserver @@ -0,0 +1 @@ +PYTHONPATH=`pwd`/symposion:$PYTHONPATH python manage.py runserver diff --git a/sponsorbenefits/__init__.py b/sponsorbenefits/__init__.py new file mode 100644 index 00000000..e69de29b diff --git a/sponsorbenefits/admin.py b/sponsorbenefits/admin.py new file mode 100644 index 00000000..652c5691 --- /dev/null +++ b/sponsorbenefits/admin.py @@ -0,0 +1,19 @@ +from django.contrib import admin +from django import forms +from django.contrib.admin.widgets import FilteredSelectMultiple +from ordered_model.admin import OrderedModelAdmin + +from .models import BenefitRow, AlaCarteBenefitRow, AddOnBenefitRow + + +class BenefitAdmin(OrderedModelAdmin): + list_display = ('text', 'move_up_down_links') + + +class TitleAdmin(OrderedModelAdmin): + list_display = ('title', 'move_up_down_links') + + +admin.site.register(BenefitRow, BenefitAdmin) +admin.site.register(AlaCarteBenefitRow, TitleAdmin) +admin.site.register(AddOnBenefitRow, TitleAdmin) diff --git a/sponsorbenefits/apps.py b/sponsorbenefits/apps.py new file mode 100644 index 00000000..4c22bdd4 --- /dev/null +++ b/sponsorbenefits/apps.py @@ -0,0 +1,5 @@ +from django.apps import AppConfig + + +class SponsorbenefitsConfig(AppConfig): + name = 'sponsorbenefits' diff --git a/sponsorbenefits/migrations/0001_initial.py b/sponsorbenefits/migrations/0001_initial.py new file mode 100644 index 00000000..21089940 --- /dev/null +++ b/sponsorbenefits/migrations/0001_initial.py @@ -0,0 +1,47 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2018-02-22 05:49 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + initial = True + + dependencies = [ + ] + + operations = [ + migrations.CreateModel( + name='Benefit', + fields=[ + ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), + ('order', models.PositiveIntegerField(db_index=True, editable=False)), + ('text', models.CharField(help_text='Display table etc.', max_length=255)), + ('price', models.FloatField()), + ], + options={ + 'ordering': ('order',), + 'abstract': False, + }, + ), + migrations.CreateModel( + name='BenefitLevel', + fields=[ + ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), + ('order', models.PositiveIntegerField(db_index=True, editable=False)), + ('text', models.CharField(help_text='EG Gold, Silver, etc', max_length=200)), + ], + options={ + 'verbose_name_plural': 'Benefit Levels', + 'ordering': ('order',), + 'abstract': False, + }, + ), + migrations.AddField( + model_name='benefit', + name='benefit_level', + field=models.ManyToManyField(blank=True, related_name='levels', to='sponsorbenefits.BenefitLevel'), + ), + ] diff --git a/sponsorbenefits/migrations/0002_auto_20180221_2207.py b/sponsorbenefits/migrations/0002_auto_20180221_2207.py new file mode 100644 index 00000000..23ceb2ed --- /dev/null +++ b/sponsorbenefits/migrations/0002_auto_20180221_2207.py @@ -0,0 +1,20 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2018-02-22 06:07 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('sponsorbenefits', '0001_initial'), + ] + + operations = [ + migrations.AlterField( + model_name='benefit', + name='price', + field=models.IntegerField(), + ), + ] diff --git a/sponsorbenefits/migrations/0003_auto_20180324_1741.py b/sponsorbenefits/migrations/0003_auto_20180324_1741.py new file mode 100644 index 00000000..0272565c --- /dev/null +++ b/sponsorbenefits/migrations/0003_auto_20180324_1741.py @@ -0,0 +1,25 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2018-03-25 00:41 +from __future__ import unicode_literals + +from django.db import migrations + + +class Migration(migrations.Migration): + + dependencies = [ + ('sponsorbenefits', '0002_auto_20180221_2207'), + ] + + operations = [ + migrations.RemoveField( + model_name='benefit', + name='benefit_level', + ), + migrations.DeleteModel( + name='Benefit', + ), + migrations.DeleteModel( + name='BenefitLevel', + ), + ] diff --git a/sponsorbenefits/migrations/0004_benefitrow.py b/sponsorbenefits/migrations/0004_benefitrow.py new file mode 100644 index 00000000..5034e808 --- /dev/null +++ b/sponsorbenefits/migrations/0004_benefitrow.py @@ -0,0 +1,33 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2018-03-25 00:42 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + initial = True + + dependencies = [ + ('sponsorbenefits', '0003_auto_20180324_1741'), + ] + + operations = [ + migrations.CreateModel( + name='BenefitRow', + fields=[ + ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), + ('order', models.PositiveIntegerField(db_index=True, editable=False)), + ('text', models.CharField(help_text='Display table etc.', max_length=255)), + ('diamond_text', models.CharField(default='', max_length=255)), + ('gold_text', models.CharField(default='', max_length=255)), + ('silver_text', models.CharField(default='', max_length=255)), + ('bronze_text', models.CharField(default='', max_length=255)), + ], + options={ + 'ordering': ('order',), + 'abstract': False, + }, + ), + ] diff --git a/sponsorbenefits/migrations/0005_auto_20180325_0015.py b/sponsorbenefits/migrations/0005_auto_20180325_0015.py new file mode 100644 index 00000000..ed5d3741 --- /dev/null +++ b/sponsorbenefits/migrations/0005_auto_20180325_0015.py @@ -0,0 +1,35 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2018-03-25 07:15 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('sponsorbenefits', '0004_benefitrow'), + ] + + operations = [ + migrations.AlterField( + model_name='benefitrow', + name='bronze_text', + field=models.CharField(blank=True, default='', max_length=255), + ), + migrations.AlterField( + model_name='benefitrow', + name='diamond_text', + field=models.CharField(blank=True, default='', max_length=255), + ), + migrations.AlterField( + model_name='benefitrow', + name='gold_text', + field=models.CharField(blank=True, default='', max_length=255), + ), + migrations.AlterField( + model_name='benefitrow', + name='silver_text', + field=models.CharField(blank=True, default='', max_length=255), + ), + ] diff --git a/sponsorbenefits/migrations/0006_addonbenefitrow_alacartebenefitrow.py b/sponsorbenefits/migrations/0006_addonbenefitrow_alacartebenefitrow.py new file mode 100644 index 00000000..178f8cb0 --- /dev/null +++ b/sponsorbenefits/migrations/0006_addonbenefitrow_alacartebenefitrow.py @@ -0,0 +1,42 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2018-05-28 20:04 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('sponsorbenefits', '0005_auto_20180325_0015'), + ] + + operations = [ + migrations.CreateModel( + name='AddOnBenefitRow', + fields=[ + ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), + ('order', models.PositiveIntegerField(db_index=True, editable=False)), + ('title', models.CharField(max_length=255)), + ('price_text', models.CharField(blank=True, default='', max_length=255)), + ], + options={ + 'ordering': ('order',), + 'abstract': False, + }, + ), + migrations.CreateModel( + name='AlaCarteBenefitRow', + fields=[ + ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), + ('order', models.PositiveIntegerField(db_index=True, editable=False)), + ('title', models.CharField(max_length=255)), + ('text', models.CharField(max_length=255)), + ('price_text', models.CharField(blank=True, default='', max_length=255)), + ], + options={ + 'ordering': ('order',), + 'abstract': False, + }, + ), + ] diff --git a/sponsorbenefits/migrations/0007_auto_20180528_1317.py b/sponsorbenefits/migrations/0007_auto_20180528_1317.py new file mode 100644 index 00000000..fed034f5 --- /dev/null +++ b/sponsorbenefits/migrations/0007_auto_20180528_1317.py @@ -0,0 +1,20 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2018-05-28 20:17 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('sponsorbenefits', '0006_addonbenefitrow_alacartebenefitrow'), + ] + + operations = [ + migrations.AlterField( + model_name='alacartebenefitrow', + name='text', + field=models.TextField(max_length=255), + ), + ] diff --git a/sponsorbenefits/migrations/0008_auto_20180528_1319.py b/sponsorbenefits/migrations/0008_auto_20180528_1319.py new file mode 100644 index 00000000..663dc005 --- /dev/null +++ b/sponsorbenefits/migrations/0008_auto_20180528_1319.py @@ -0,0 +1,20 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2018-05-28 20:19 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('sponsorbenefits', '0007_auto_20180528_1317'), + ] + + operations = [ + migrations.AlterField( + model_name='alacartebenefitrow', + name='text', + field=models.TextField(), + ), + ] diff --git a/sponsorbenefits/migrations/__init__.py b/sponsorbenefits/migrations/__init__.py new file mode 100644 index 00000000..e69de29b diff --git a/sponsorbenefits/models.py b/sponsorbenefits/models.py new file mode 100644 index 00000000..fd49e607 --- /dev/null +++ b/sponsorbenefits/models.py @@ -0,0 +1,30 @@ +from django.db import models +from ordered_model.models import OrderedModel + + +class BenefitRow(OrderedModel): + text = models.CharField(max_length=255, help_text="Display table etc.") + diamond_text = models.CharField(max_length=255, default="", blank=True) + gold_text = models.CharField(max_length=255, default="", blank=True) + silver_text = models.CharField(max_length=255, default="", blank=True) + bronze_text = models.CharField(max_length=255, default="", blank=True) + + def __str__(self): + return self.text + + +class AddOnBenefitRow(OrderedModel): + title = models.CharField(max_length=255) + price_text = models.CharField(max_length=255, default="", blank=True) + + def __str__(self): + return self.title + + +class AlaCarteBenefitRow(OrderedModel): + title = models.CharField(max_length=255) + text = models.TextField() + price_text = models.CharField(max_length=255, default="", blank=True) + + def __str__(self): + return self.title diff --git a/sponsorbenefits/templatetags/__init__.py b/sponsorbenefits/templatetags/__init__.py new file mode 100644 index 00000000..e69de29b diff --git a/sponsorbenefits/templatetags/benefit_tags.py b/sponsorbenefits/templatetags/benefit_tags.py new file mode 100644 index 00000000..0911d63b --- /dev/null +++ b/sponsorbenefits/templatetags/benefit_tags.py @@ -0,0 +1,42 @@ +import datetime +from django import template +from django.utils.safestring import mark_safe +from django.template.defaultfilters import stringfilter + +from sponsorbenefits.models import AddOnBenefitRow, AlaCarteBenefitRow, BenefitRow + +register = template.Library() + +@register.simple_tag(takes_context=True) +def load_benefits(context): + context['benefits'] = BenefitRow.objects.all().order_by('order') + return '' + +@register.simple_tag(takes_context=True) +def load_alacarte_benefits(context): + context['benefits'] = AlaCarteBenefitRow.objects.all().order_by('order') + return '' + +@register.simple_tag(takes_context=True) +def load_addon_benefits(context): + context['benefits'] = AddOnBenefitRow.objects.all().order_by('order') + return '' + +@register.filter +@stringfilter +def checkmark(text): + checkmark = '' + output = checkmark if text.lower() == 'yes' else '{}'.format(text) + return mark_safe(output) + +@register.filter +@stringfilter +def comma2br(text): + output = "
    ".join(text.split(",")) + return mark_safe(output) + +@register.filter +@stringfilter +def count_content_lines(text): + output = [line for line in text.strip().split("\n")[:-1] if line.strip()] + return len(output) diff --git a/sponsorbenefits/tests.py b/sponsorbenefits/tests.py new file mode 100644 index 00000000..7ce503c2 --- /dev/null +++ b/sponsorbenefits/tests.py @@ -0,0 +1,3 @@ +from django.test import TestCase + +# Create your tests here. diff --git a/static/css/site.css b/static/css/site.css new file mode 100644 index 00000000..3dee7a86 --- /dev/null +++ b/static/css/site.css @@ -0,0 +1,4 @@ +/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,*:before,*:after{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff !important}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000 !important}.label{border:1px solid #000}.table{border-collapse:collapse !important}.table td,.table th{background-color:#fff !important}.table-bordered th,.table-bordered td{border:1px solid #ddd !important}}@font-face{font-family:'Glyphicons Halflings';src:url('../new/fonts/glyphicons-halflings-regular.eot');src:url('../new/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../new/fonts/glyphicons-halflings-regular.woff') format('woff'),url('../new/fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../new/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-euro:before,.glyphicon-eur:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#428bca;text-decoration:none}a:hover,a:focus{color:#2a6496;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:normal;line-height:1;color:#777}h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}small,.small{font-size:85%}mark,.mark{background-color:#fcf8e3;padding:.2em}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#428bca}a.text-primary:hover{color:#3071a9}.text-success{color:#3c763d}a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#428bca}a.bg-primary:hover{background-color:#3071a9}.bg-success{background-color:#dff0d8}a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}dl{margin-top:0;margin-bottom:20px}dt,dd{line-height:1.42857143}dt{font-weight:bold}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote footer:before,blockquote small:before,blockquote .small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0;text-align:right}.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:''}.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,0.25)}kbd kbd{padding:0;font-size:100%;font-weight:bold;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-child(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*="col-"]{position:static;float:none;display:table-column}table td[class*="col-"],table th[class*="col-"]{position:static;float:none;display:table-cell}.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr.active:hover>th{background-color:#e8e8e8}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6}.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th{background-color:#d9edf7}.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr.info:hover>th{background-color:#c4e3f3}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc}.table-responsive{overflow-x:auto;min-height:.01%}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}fieldset{padding:0;margin:0;border:0;min-width:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:bold}input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type="file"]{display:block}input[type="range"]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}textarea.form-control{height:auto}input[type="search"]{-webkit-appearance:none}input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"]{line-height:34px;line-height:1.42857143 \0}input[type="date"].input-sm,input[type="time"].input-sm,input[type="datetime-local"].input-sm,input[type="month"].input-sm{line-height:30px;line-height:1.5 \0}input[type="date"].input-lg,input[type="time"].input-lg,input[type="datetime-local"].input-lg,input[type="month"].input-lg{line-height:46px;line-height:1.33 \0}_:-ms-fullscreen,:root input[type="date"],_:-ms-fullscreen,:root input[type="time"],_:-ms-fullscreen,:root input[type="datetime-local"],_:-ms-fullscreen,:root input[type="month"]{line-height:1.42857143}_:-ms-fullscreen.input-sm,:root input[type="date"].input-sm,_:-ms-fullscreen.input-sm,:root input[type="time"].input-sm,_:-ms-fullscreen.input-sm,:root input[type="datetime-local"].input-sm,_:-ms-fullscreen.input-sm,:root input[type="month"].input-sm{line-height:1.5}_:-ms-fullscreen.input-lg,:root input[type="date"].input-lg,_:-ms-fullscreen.input-lg,:root input[type="time"].input-lg,_:-ms-fullscreen.input-lg,:root input[type="datetime-local"].input-lg,_:-ms-fullscreen.input-lg,:root input[type="month"].input-lg{line-height:1.33}.form-group{margin-bottom:15px}.radio,.checkbox{position:relative;display:block;margin-top:10px;margin-bottom:10px}.radio label,.checkbox label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:normal;cursor:pointer}.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{position:absolute;margin-left:-20px;margin-top:4px \9}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:normal;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"].disabled,input[type="checkbox"].disabled,fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"]{cursor:not-allowed}.radio-inline.disabled,.checkbox-inline.disabled,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.radio.disabled label,.checkbox.disabled label,fieldset[disabled] .radio label,fieldset[disabled] .checkbox label{cursor:not-allowed}.form-control-static{padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-left:0;padding-right:0}.input-sm,.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm,select.form-group-sm .form-control{height:30px;line-height:30px}textarea.input-sm,textarea.form-group-sm .form-control,select[multiple].input-sm,select[multiple].form-group-sm .form-control{height:auto}.input-lg,.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg,select.form-group-lg .form-control{height:46px;line-height:46px}textarea.input-lg,textarea.form-group-lg .form-control,select[multiple].input-lg,select[multiple].form-group-lg .form-control{height:auto}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline,.has-success.radio label,.has-success.checkbox label,.has-success.radio-inline label,.has-success.checkbox-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-success .form-control-feedback{color:#3c763d}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline,.has-warning.radio label,.has-warning.checkbox label,.has-warning.radio-inline label,.has-warning.checkbox-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline,.has-error.radio label,.has-error.checkbox label,.has-error.radio-inline label,.has-error.checkbox-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .radio label,.form-inline .checkbox label{padding-left:0}.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .radio,.form-horizontal .checkbox{min-height:27px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}@media (min-width:768px){.form-horizontal .control-label{text-align:right;margin-bottom:0;padding-top:7px}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:14.3px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px}}.btn{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus,.btn.focus{color:#333;text-decoration:none}.btn:active,.btn.active{outline:0;background-image:none;-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.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default.focus,.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#3071a9;border-color:#285e8e}.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-primary .badge{color:#428bca;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success.focus,.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled.focus,.btn-success[disabled].focus,fieldset[disabled] .btn-success.focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info.focus,.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled.focus,.btn-info[disabled].focus,fieldset[disabled] .btn-info.focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning.focus,.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled.focus,.btn-warning[disabled].focus,fieldset[disabled] .btn-warning.focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger.focus,.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled.focus,.btn-danger[disabled].focus,fieldset[disabled] .btn-danger.focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#428bca;font-weight:normal;border-radius:0}.btn-link,.btn-link:active,.btn-link.active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#777;text-decoration:none}.btn-lg,.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-sm,.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs,.btn-group-xs>.btn{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none;visibility:hidden}.collapse.in{display:block;visibility:visible}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height, visibility;transition-property:height, visibility;-webkit-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;transition-timing-function:ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:14px;text-align:left;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{text-decoration:none;color:#262626;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;outline:0;background-color:#428bca}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#777}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);cursor:not-allowed}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{left:auto;right:0}.dropdown-menu-left{left:0;right:auto}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}@media (min-width:768px){.navbar-right .dropdown-menu{left:auto;right:0}.navbar-right .dropdown-menu-left{left:0;right:auto}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2}.btn-group>.btn:focus,.btn-group-vertical>.btn:focus{outline:0}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn-group:last-child>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px}.btn-group.open .dropdown-toggle{-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-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-bottom-left-radius:4px;border-top-right-radius:0;border-top-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle="buttons"]>.btn input[type="radio"],[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],[data-toggle="buttons"]>.btn input[type="checkbox"],[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"]{position:absolute;clip:rect(0, 0, 0, 0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*="col-"]{float:none;padding-left:0;padding-right:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn{height:auto}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:normal;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{border-bottom-right-radius:0;border-top-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:-1px}.nav{margin-bottom:0;padding-left:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#777;text-decoration:none;background-color:transparent;cursor:not-allowed}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#428bca}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#428bca}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none;visibility:hidden}.tab-content>.active{display:block;visibility:visible}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{overflow-x:visible;padding-right:15px;padding-left:15px;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block !important;visibility:visible !important;height:auto !important;padding-bottom:0;overflow:visible !important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{padding-left:0;padding-right:0}}.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:200px}}.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;padding:15px 15px;font-size:18px;line-height:20px;height:50px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;margin-right:15px;padding:9px 10px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{margin-left:-15px;margin-right:-15px;padding:10px 15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);margin-top:8px;margin-bottom:8px}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn,.navbar-form .input-group .form-control{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .radio,.navbar-form .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .radio label,.navbar-form .checkbox label{padding-left:0}.navbar-form .radio input[type="radio"],.navbar-form .checkbox input[type="checkbox"]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;border:0;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-left:15px;margin-right:15px}}@media (min-width:768px){.navbar-left{float:left !important;float:left}.navbar-right{float:right !important;float:right;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background-color:#e7e7e7;color:#555}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:hover,.navbar-default .btn-link:focus{color:#333}.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:hover,.navbar-default .btn-link[disabled]:focus,fieldset[disabled] .navbar-default .btn-link:focus{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{background-color:#080808;color:#fff}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:hover,.navbar-inverse .btn-link:focus{color:#fff}.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:hover,.navbar-inverse .btn-link[disabled]:focus,fieldset[disabled] .navbar-inverse .btn-link:focus{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{content:"/\00a0";padding:0 5px;color:#ccc}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#428bca;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#2a6496;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca;cursor:default}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#777;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}.pager{padding-left:0;margin:20px 0;list-style:none;text-align:center}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#777;background-color:#fff;cursor:not-allowed}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:hover,a.label:focus{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:hover,.label-default[href]:focus{background-color:#5e5e5e}.label-primary{background-color:#428bca}.label-primary[href]:hover,.label-primary[href]:focus{background-color:#3071a9}.label-success{background-color:#5cb85c}.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:bold;color:#fff;line-height:1;vertical-align:baseline;white-space:nowrap;text-align:center;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-xs .badge{top:0;padding:1px 5px}a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}a.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#428bca;background-color:#fff}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding:30px 15px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron h1,.jumbotron .h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding:48px 0}.container .jumbotron{padding-left:60px;padding-right:60px}.jumbotron h1,.jumbotron .h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail>img,.thumbnail a>img{margin-left:auto;margin-right:auto}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color:#428bca}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:bold}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar,.progress-bar-striped{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-size:40px 40px}.progress.active .progress-bar,.progress-bar.active{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-left,.media-right,.media-body{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{margin-bottom:20px;padding-left:0}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}a.list-group-item{color:#555}a.list-group-item .list-group-item-heading{color:#333}a.list-group-item:hover,a.list-group-item:focus{text-decoration:none;color:#555;background-color:#f5f5f5}.list-group-item.disabled,.list-group-item.disabled:hover,.list-group-item.disabled:focus{background-color:#eee;color:#777;cursor:not-allowed}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca}.list-group-item.active .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>.small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:hover .list-group-item-text,.list-group-item.active:focus .list-group-item-text{color:#e1edf7}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:hover,a.list-group-item-success:focus{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:hover,a.list-group-item-success.active:focus{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:hover,a.list-group-item-info:focus{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:hover,a.list-group-item-info.active:focus{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:hover,a.list-group-item-warning:focus{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:hover,a.list-group-item-warning.active:focus{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:hover,a.list-group-item-danger:focus{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:hover,a.list-group-item-danger.active:focus{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-right-radius:3px;border-top-left-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.table,.panel>.table-responsive>.table,.panel>.panel-collapse>.table{margin-bottom:0}.panel>.table caption,.panel>.table-responsive>.table caption,.panel>.panel-collapse>.table caption{padding-left:15px;padding-right:15px}.panel>.table:first-child,.panel>.table-responsive:first-child>.table:first-child{border-top-right-radius:3px;border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table:last-child,.panel>.table-responsive:last-child>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child th,.panel>.table>tbody:first-child>tr:first-child td{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{border:0;margin-bottom:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.panel-body,.panel-group .panel-heading+.panel-collapse>.list-group{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#428bca}.panel-primary>.panel-heading{color:#fff;background-color:#428bca;border-color:#428bca}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#428bca}.panel-primary>.panel-heading .badge{color:#428bca;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#428bca}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{position:absolute;top:0;left:0;bottom:0;height:100%;width:100%;border:0}.embed-responsive.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,0.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:bold;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{display:none;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0, -25%);-ms-transform:translate(0, -25%);-o-transform:translate(0, -25%);transform:translate(0, -25%);-webkit-transition:-webkit-transform 0.3s ease-out;-moz-transition:-moz-transform 0.3s ease-out;-o-transition:-o-transform 0.3s ease-out;transition:transform 0.3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.42857143px}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;visibility:visible;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0)}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;right:5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-size:14px;font-weight:normal;line-height:1.42857143;text-align:left;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);white-space:normal}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{margin:0;padding:8px 14px;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{border-width:10px;content:""}.popover.top>.arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,0.25);bottom:-11px}.popover.top>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,0.25)}.popover.right>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}.popover.bottom>.arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,0.25);top:-11px}.popover.bottom>.arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,0.25)}.popover.left>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}.carousel{position:relative}.carousel-inner{position:relative;overflow:hidden;width:100%}.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{transition:transform .6s ease-in-out;backface-visibility:hidden;perspective:1000}.carousel-inner>.item.next,.carousel-inner>.item.active.right{transform:translate3d(100%, 0, 0);left:0}.carousel-inner>.item.prev,.carousel-inner>.item.active.left{transform:translate3d(-100%, 0, 0);left:0}.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right,.carousel-inner>.item.active{transform:translate3d(0, 0, 0);left:0}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;left:0;bottom:0;width:15%;opacity:.5;filter:alpha(opacity=50);font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}.carousel-control.left{background-image:-webkit-linear-gradient(left, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-image:-o-linear-gradient(left, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-image:linear-gradient(to right, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)}.carousel-control.right{left:auto;right:0;background-image:-webkit-linear-gradient(left, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-image:-o-linear-gradient(left, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-image:linear-gradient(to right, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)}.carousel-control:hover,.carousel-control:focus{outline:0;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;z-index:5;display:inline-block}.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%;margin-left:-10px}.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%;margin-right:-10px}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid #fff;border-radius:10px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0)}.carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#fff}.carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-15px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-15px}.carousel-caption{left:20%;right:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after,.feature-columns:before,.feature-columns:after{content:" ";display:table}.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer:after,.feature-columns:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important;visibility:hidden !important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}@media (max-width:767px){.visible-xs{display:block !important}table.visible-xs{display:table}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media (max-width:767px){.visible-xs-block{display:block !important}}@media (max-width:767px){.visible-xs-inline{display:inline !important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block !important}table.visible-sm{display:table}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block !important}table.visible-md{display:table}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block !important}}@media (min-width:1200px){.visible-lg{display:block !important}table.visible-lg{display:table}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media (min-width:1200px){.visible-lg-block{display:block !important}}@media (min-width:1200px){.visible-lg-inline{display:inline !important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block !important}}@media (max-width:767px){.hidden-xs{display:none !important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}}@media (min-width:1200px){.hidden-lg{display:none !important}}.visible-print{display:none !important}@media print{.visible-print{display:block !important}table.visible-print{display:table}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}.visible-print-block{display:none !important}@media print{.visible-print-block{display:block !important}}.visible-print-inline{display:none !important}@media print{.visible-print-inline{display:inline !important}}.visible-print-inline-block{display:none !important}@media print{.visible-print-inline-block{display:inline-block !important}}@media print{.hidden-print{display:none !important}}/*! + * Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome + * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) + */@font-face{font-family:'FontAwesome';src:url('../font-awesome/fonts/fontawesome-webfont.eot?v=4.2.0');src:url('../font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),url('../font-awesome/fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),url('../font-awesome/fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),url('../font-awesome/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}body{padding-top:50px}section{padding:20px 0}footer{padding-bottom:20px}.feature-columns{margin-left:-15px;margin-right:-15px}.feature-columns>div{position:relative;min-height:1px;padding-left:15px;padding-right:15px;text-align:center;margin:2em 0}.feature-columns>div i.fa{margin-bottom:.2em}@media (min-width:768px){.feature-columns>div{float:left;width:33.33333333%}} diff --git a/pybay/static/js/bootstrap.min.js b/static/js/bootstrap.min.js similarity index 100% rename from pybay/static/js/bootstrap.min.js rename to static/js/bootstrap.min.js diff --git a/static/mocks/template3.png b/static/mocks/template3.png new file mode 100644 index 00000000..0fd11ef1 Binary files /dev/null and b/static/mocks/template3.png differ diff --git a/static/mocks/text_image_2col.png b/static/mocks/text_image_2col.png new file mode 100644 index 00000000..186097ae Binary files /dev/null and b/static/mocks/text_image_2col.png differ diff --git a/static/new/css/bootstrap.css b/static/new/css/bootstrap.css new file mode 100644 index 00000000..5fe0c84b --- /dev/null +++ b/static/new/css/bootstrap.css @@ -0,0 +1,5774 @@ +/*! normalize.css v3.0.0 | MIT License | git.io/normalize */ +html { + font-family: sans-serif; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; +} +body { + margin: 0; +} +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section, +summary { + display: block; +} +audio, +canvas, +progress, +video { + display: inline-block; + vertical-align: baseline; +} +audio:not([controls]) { + display: none; + height: 0; +} +[hidden], +template { + display: none; +} +a { + background: transparent; +} +a:active, +a:hover { + outline: 0; +} +abbr[title] { + border-bottom: 1px dotted; +} +b, +strong { + font-weight: bold; +} +dfn { + font-style: italic; +} +h1 { + font-size: 2em; + margin: 0.67em 0; +} +mark { + background: #ff0; + color: #000; +} +small { + font-size: 80%; +} +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +img { + border: 0; +} +svg:not(:root) { + overflow: hidden; +} +figure { + margin: 1em 40px; +} +hr { + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; +} +pre { + overflow: auto; +} +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; +} +button, +input, +optgroup, +select, +textarea { + color: inherit; + font: inherit; + margin: 0; +} +button { + overflow: visible; +} +button, +select { + text-transform: none; +} +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; +} +button[disabled], +html input[disabled] { + cursor: default; +} +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} +input { + line-height: normal; +} +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + padding: 0; +} +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; +} +input[type="search"] { + -webkit-appearance: textfield; + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; +} +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} +legend { + border: 0; + padding: 0; +} +textarea { + overflow: auto; +} +optgroup { + font-weight: bold; +} +table { + border-collapse: collapse; + border-spacing: 0; +} +td, +th { + padding: 0; +} +@media print { + * { + text-shadow: none !important; + color: #000 !important; + background: transparent !important; + box-shadow: none !important; + } + a, + a:visited { + text-decoration: underline; + } + a[href]:after { + content: " (" attr(href) ")"; + } + abbr[title]:after { + content: " (" attr(title) ")"; + } + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; + } + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } + select { + background: #fff !important; + } + .navbar { + display: none; + } + .table td, + .table th { + background-color: #fff !important; + } + .btn > .caret, + .dropup > .btn > .caret { + border-top-color: #000 !important; + } + .label { + border: 1px solid #000; + } + .table { + border-collapse: collapse !important; + } + .table-bordered th, + .table-bordered td { + border: 1px solid #ddd !important; + } +} +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +*:before, +*:after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +html { + font-size: 62.5%; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} +body { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 1.42857143; + color: #333333; + background-color: #ffffff; +} +input, +button, +select, +textarea { + font-family: inherit; + font-size: inherit; + line-height: inherit; +} +a { + color: #428bca; + text-decoration: none; +} +a:hover, +a:focus { + color: #2a6496; + text-decoration: underline; +} +a:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +figure { + margin: 0; +} +img { + vertical-align: middle; +} +.img-responsive, +.thumbnail > img, +.thumbnail a > img, +.carousel-inner > .item > img, +.carousel-inner > .item > a > img { + display: block; + max-width: 100%; + height: auto; +} +.img-rounded { + border-radius: 6px; +} +.img-thumbnail { + padding: 4px; + line-height: 1.42857143; + background-color: #ffffff; + border: 1px solid #dddddd; + border-radius: 4px; + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + display: inline-block; + max-width: 100%; + height: auto; +} +.img-circle { + border-radius: 50%; +} +hr { + margin-top: 20px; + margin-bottom: 20px; + border: 0; + border-top: 1px solid #eeeeee; +} +.sr-only { + position: absolute; + width: 1px; + height: 1px; + margin: -1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; +} +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + font-family: inherit; + font-weight: 500; + line-height: 1.1; + color: inherit; +} +h1 small, +h2 small, +h3 small, +h4 small, +h5 small, +h6 small, +.h1 small, +.h2 small, +.h3 small, +.h4 small, +.h5 small, +.h6 small, +h1 .small, +h2 .small, +h3 .small, +h4 .small, +h5 .small, +h6 .small, +.h1 .small, +.h2 .small, +.h3 .small, +.h4 .small, +.h5 .small, +.h6 .small { + font-weight: normal; + line-height: 1; + color: #999999; +} +h1, +.h1, +h2, +.h2, +h3, +.h3 { + margin-top: 20px; + margin-bottom: 10px; +} +h1 small, +.h1 small, +h2 small, +.h2 small, +h3 small, +.h3 small, +h1 .small, +.h1 .small, +h2 .small, +.h2 .small, +h3 .small, +.h3 .small { + font-size: 65%; +} +h4, +.h4, +h5, +.h5, +h6, +.h6 { + margin-top: 10px; + margin-bottom: 10px; +} +h4 small, +.h4 small, +h5 small, +.h5 small, +h6 small, +.h6 small, +h4 .small, +.h4 .small, +h5 .small, +.h5 .small, +h6 .small, +.h6 .small { + font-size: 75%; +} +h1, +.h1 { + font-size: 36px; +} +h2, +.h2 { + font-size: 30px; +} +h3, +.h3 { + font-size: 24px; +} +h4, +.h4 { + font-size: 18px; +} +h5, +.h5 { + font-size: 14px; +} +h6, +.h6 { + font-size: 12px; +} +p { + margin: 0 0 10px; +} +.lead { + margin-bottom: 20px; + font-size: 16px; + font-weight: 200; + line-height: 1.4; +} +@media (min-width: 768px) { + .lead { + font-size: 21px; + } +} +small, +.small { + font-size: 85%; +} +cite { + font-style: normal; +} +.text-left { + text-align: left; +} +.text-right { + text-align: right; +} +.text-center { + text-align: center; +} +.text-justify { + text-align: justify; +} +.text-muted { + color: #999999; +} +.text-primary { + color: #428bca; +} +a.text-primary:hover { + color: #3071a9; +} +.text-success { + color: #3c763d; +} +a.text-success:hover { + color: #2b542c; +} +.text-info { + color: #31708f; +} +a.text-info:hover { + color: #245269; +} +.text-warning { + color: #8a6d3b; +} +a.text-warning:hover { + color: #66512c; +} +.text-danger { + color: #a94442; +} +a.text-danger:hover { + color: #843534; +} +.bg-primary { + color: #fff; + background-color: #428bca; +} +a.bg-primary:hover { + background-color: #3071a9; +} +.bg-success { + background-color: #dff0d8; +} +a.bg-success:hover { + background-color: #c1e2b3; +} +.bg-info { + background-color: #d9edf7; +} +a.bg-info:hover { + background-color: #afd9ee; +} +.bg-warning { + background-color: #fcf8e3; +} +a.bg-warning:hover { + background-color: #f7ecb5; +} +.bg-danger { + background-color: #f2dede; +} +a.bg-danger:hover { + background-color: #e4b9b9; +} +.page-header { + padding-bottom: 9px; + margin: 40px 0 20px; + border-bottom: 1px solid #eeeeee; +} +ul, +ol { + margin-top: 0; + margin-bottom: 10px; +} +ul ul, +ol ul, +ul ol, +ol ol { + margin-bottom: 0; +} +.list-unstyled { + padding-left: 0; + list-style: none; +} +.list-inline { + padding-left: 0; + list-style: none; + margin-left: -5px; +} +.list-inline > li { + display: inline-block; + padding-left: 5px; + padding-right: 5px; +} +dl { + margin-top: 0; + margin-bottom: 20px; +} +dt, +dd { + line-height: 1.42857143; +} +dt { + font-weight: bold; +} +dd { + margin-left: 0; +} +@media (min-width: 768px) { + .dl-horizontal dt { + float: left; + width: 160px; + clear: left; + text-align: right; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + .dl-horizontal dd { + margin-left: 180px; + } +} +abbr[title], +abbr[data-original-title] { + cursor: help; + border-bottom: 1px dotted #999999; +} +.initialism { + font-size: 90%; + text-transform: uppercase; +} +blockquote { + padding: 10px 20px; + margin: 0 0 20px; + font-size: 17.5px; + border-left: 5px solid #eeeeee; +} +blockquote p:last-child, +blockquote ul:last-child, +blockquote ol:last-child { + margin-bottom: 0; +} +blockquote footer, +blockquote small, +blockquote .small { + display: block; + font-size: 80%; + line-height: 1.42857143; + color: #999999; +} +blockquote footer:before, +blockquote small:before, +blockquote .small:before { + content: '\2014 \00A0'; +} +.blockquote-reverse, +blockquote.pull-right { + padding-right: 15px; + padding-left: 0; + border-right: 5px solid #eeeeee; + border-left: 0; + text-align: right; +} +.blockquote-reverse footer:before, +blockquote.pull-right footer:before, +.blockquote-reverse small:before, +blockquote.pull-right small:before, +.blockquote-reverse .small:before, +blockquote.pull-right .small:before { + content: ''; +} +.blockquote-reverse footer:after, +blockquote.pull-right footer:after, +.blockquote-reverse small:after, +blockquote.pull-right small:after, +.blockquote-reverse .small:after, +blockquote.pull-right .small:after { + content: '\00A0 \2014'; +} +blockquote:before, +blockquote:after { + content: ""; +} +address { + margin-bottom: 20px; + font-style: normal; + line-height: 1.42857143; +} +code, +kbd, +pre, +samp { + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; +} +code { + padding: 2px 4px; + font-size: 90%; + color: #c7254e; + background-color: #f9f2f4; + white-space: nowrap; + border-radius: 4px; +} +kbd { + padding: 2px 4px; + font-size: 90%; + color: #ffffff; + background-color: #333333; + border-radius: 3px; + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); +} +pre { + display: block; + padding: 9.5px; + margin: 0 0 10px; + font-size: 13px; + line-height: 1.42857143; + word-break: break-all; + word-wrap: break-word; + color: #333333; + background-color: #f5f5f5; + border: 1px solid #cccccc; + border-radius: 4px; +} +pre code { + padding: 0; + font-size: inherit; + color: inherit; + white-space: pre-wrap; + background-color: transparent; + border-radius: 0; +} +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} +.container { + margin-right: auto; + margin-left: auto; + padding-left: 15px; + padding-right: 15px; +} +@media (min-width: 768px) { + .container { + width: 750px; + } +} +@media (min-width: 992px) { + .container { + width: 970px; + } +} +@media (min-width: 1200px) { + .container { + width: 1170px; + } +} +.container-fluid { + margin-right: auto; + margin-left: auto; + padding-left: 15px; + padding-right: 15px; +} +.row { + margin-left: -15px; + margin-right: -15px; +} +.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { + position: relative; + min-height: 1px; + padding-left: 15px; + padding-right: 15px; +} +.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { + float: left; +} +.col-xs-12 { + width: 100%; +} +.col-xs-11 { + width: 91.66666667%; +} +.col-xs-10 { + width: 83.33333333%; +} +.col-xs-9 { + width: 75%; +} +.col-xs-8 { + width: 66.66666667%; +} +.col-xs-7 { + width: 58.33333333%; +} +.col-xs-6 { + width: 50%; +} +.col-xs-5 { + width: 41.66666667%; +} +.col-xs-4 { + width: 33.33333333%; +} +.col-xs-3 { + width: 25%; +} +.col-xs-2 { + width: 16.66666667%; +} +.col-xs-1 { + width: 8.33333333%; +} +.col-xs-pull-12 { + right: 100%; +} +.col-xs-pull-11 { + right: 91.66666667%; +} +.col-xs-pull-10 { + right: 83.33333333%; +} +.col-xs-pull-9 { + right: 75%; +} +.col-xs-pull-8 { + right: 66.66666667%; +} +.col-xs-pull-7 { + right: 58.33333333%; +} +.col-xs-pull-6 { + right: 50%; +} +.col-xs-pull-5 { + right: 41.66666667%; +} +.col-xs-pull-4 { + right: 33.33333333%; +} +.col-xs-pull-3 { + right: 25%; +} +.col-xs-pull-2 { + right: 16.66666667%; +} +.col-xs-pull-1 { + right: 8.33333333%; +} +.col-xs-pull-0 { + right: 0%; +} +.col-xs-push-12 { + left: 100%; +} +.col-xs-push-11 { + left: 91.66666667%; +} +.col-xs-push-10 { + left: 83.33333333%; +} +.col-xs-push-9 { + left: 75%; +} +.col-xs-push-8 { + left: 66.66666667%; +} +.col-xs-push-7 { + left: 58.33333333%; +} +.col-xs-push-6 { + left: 50%; +} +.col-xs-push-5 { + left: 41.66666667%; +} +.col-xs-push-4 { + left: 33.33333333%; +} +.col-xs-push-3 { + left: 25%; +} +.col-xs-push-2 { + left: 16.66666667%; +} +.col-xs-push-1 { + left: 8.33333333%; +} +.col-xs-push-0 { + left: 0%; +} +.col-xs-offset-12 { + margin-left: 100%; +} +.col-xs-offset-11 { + margin-left: 91.66666667%; +} +.col-xs-offset-10 { + margin-left: 83.33333333%; +} +.col-xs-offset-9 { + margin-left: 75%; +} +.col-xs-offset-8 { + margin-left: 66.66666667%; +} +.col-xs-offset-7 { + margin-left: 58.33333333%; +} +.col-xs-offset-6 { + margin-left: 50%; +} +.col-xs-offset-5 { + margin-left: 41.66666667%; +} +.col-xs-offset-4 { + margin-left: 33.33333333%; +} +.col-xs-offset-3 { + margin-left: 25%; +} +.col-xs-offset-2 { + margin-left: 16.66666667%; +} +.col-xs-offset-1 { + margin-left: 8.33333333%; +} +.col-xs-offset-0 { + margin-left: 0%; +} +@media (min-width: 768px) { + .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { + float: left; + } + .col-sm-12 { + width: 100%; + } + .col-sm-11 { + width: 91.66666667%; + } + .col-sm-10 { + width: 83.33333333%; + } + .col-sm-9 { + width: 75%; + } + .col-sm-8 { + width: 66.66666667%; + } + .col-sm-7 { + width: 58.33333333%; + } + .col-sm-6 { + width: 50%; + } + .col-sm-5 { + width: 41.66666667%; + } + .col-sm-4 { + width: 33.33333333%; + } + .col-sm-3 { + width: 25%; + } + .col-sm-2 { + width: 16.66666667%; + } + .col-sm-1 { + width: 8.33333333%; + } + .col-sm-pull-12 { + right: 100%; + } + .col-sm-pull-11 { + right: 91.66666667%; + } + .col-sm-pull-10 { + right: 83.33333333%; + } + .col-sm-pull-9 { + right: 75%; + } + .col-sm-pull-8 { + right: 66.66666667%; + } + .col-sm-pull-7 { + right: 58.33333333%; + } + .col-sm-pull-6 { + right: 50%; + } + .col-sm-pull-5 { + right: 41.66666667%; + } + .col-sm-pull-4 { + right: 33.33333333%; + } + .col-sm-pull-3 { + right: 25%; + } + .col-sm-pull-2 { + right: 16.66666667%; + } + .col-sm-pull-1 { + right: 8.33333333%; + } + .col-sm-pull-0 { + right: 0%; + } + .col-sm-push-12 { + left: 100%; + } + .col-sm-push-11 { + left: 91.66666667%; + } + .col-sm-push-10 { + left: 83.33333333%; + } + .col-sm-push-9 { + left: 75%; + } + .col-sm-push-8 { + left: 66.66666667%; + } + .col-sm-push-7 { + left: 58.33333333%; + } + .col-sm-push-6 { + left: 50%; + } + .col-sm-push-5 { + left: 41.66666667%; + } + .col-sm-push-4 { + left: 33.33333333%; + } + .col-sm-push-3 { + left: 25%; + } + .col-sm-push-2 { + left: 16.66666667%; + } + .col-sm-push-1 { + left: 8.33333333%; + } + .col-sm-push-0 { + left: 0%; + } + .col-sm-offset-12 { + margin-left: 100%; + } + .col-sm-offset-11 { + margin-left: 91.66666667%; + } + .col-sm-offset-10 { + margin-left: 83.33333333%; + } + .col-sm-offset-9 { + margin-left: 75%; + } + .col-sm-offset-8 { + margin-left: 66.66666667%; + } + .col-sm-offset-7 { + margin-left: 58.33333333%; + } + .col-sm-offset-6 { + margin-left: 50%; + } + .col-sm-offset-5 { + margin-left: 41.66666667%; + } + .col-sm-offset-4 { + margin-left: 33.33333333%; + } + .col-sm-offset-3 { + margin-left: 25%; + } + .col-sm-offset-2 { + margin-left: 16.66666667%; + } + .col-sm-offset-1 { + margin-left: 8.33333333%; + } + .col-sm-offset-0 { + margin-left: 0%; + } +} +@media (min-width: 992px) { + .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { + float: left; + } + .col-md-12 { + width: 100%; + } + .col-md-11 { + width: 91.66666667%; + } + .col-md-10 { + width: 83.33333333%; + } + .col-md-9 { + width: 75%; + } + .col-md-8 { + width: 66.66666667%; + } + .col-md-7 { + width: 58.33333333%; + } + .col-md-6 { + width: 50%; + } + .col-md-5 { + width: 41.66666667%; + } + .col-md-4 { + width: 33.33333333%; + } + .col-md-3 { + width: 25%; + } + .col-md-2 { + width: 16.66666667%; + } + .col-md-1 { + width: 8.33333333%; + } + .col-md-pull-12 { + right: 100%; + } + .col-md-pull-11 { + right: 91.66666667%; + } + .col-md-pull-10 { + right: 83.33333333%; + } + .col-md-pull-9 { + right: 75%; + } + .col-md-pull-8 { + right: 66.66666667%; + } + .col-md-pull-7 { + right: 58.33333333%; + } + .col-md-pull-6 { + right: 50%; + } + .col-md-pull-5 { + right: 41.66666667%; + } + .col-md-pull-4 { + right: 33.33333333%; + } + .col-md-pull-3 { + right: 25%; + } + .col-md-pull-2 { + right: 16.66666667%; + } + .col-md-pull-1 { + right: 8.33333333%; + } + .col-md-pull-0 { + right: 0%; + } + .col-md-push-12 { + left: 100%; + } + .col-md-push-11 { + left: 91.66666667%; + } + .col-md-push-10 { + left: 83.33333333%; + } + .col-md-push-9 { + left: 75%; + } + .col-md-push-8 { + left: 66.66666667%; + } + .col-md-push-7 { + left: 58.33333333%; + } + .col-md-push-6 { + left: 50%; + } + .col-md-push-5 { + left: 41.66666667%; + } + .col-md-push-4 { + left: 33.33333333%; + } + .col-md-push-3 { + left: 25%; + } + .col-md-push-2 { + left: 16.66666667%; + } + .col-md-push-1 { + left: 8.33333333%; + } + .col-md-push-0 { + left: 0%; + } + .col-md-offset-12 { + margin-left: 100%; + } + .col-md-offset-11 { + margin-left: 91.66666667%; + } + .col-md-offset-10 { + margin-left: 83.33333333%; + } + .col-md-offset-9 { + margin-left: 75%; + } + .col-md-offset-8 { + margin-left: 66.66666667%; + } + .col-md-offset-7 { + margin-left: 58.33333333%; + } + .col-md-offset-6 { + margin-left: 50%; + } + .col-md-offset-5 { + margin-left: 41.66666667%; + } + .col-md-offset-4 { + margin-left: 33.33333333%; + } + .col-md-offset-3 { + margin-left: 25%; + } + .col-md-offset-2 { + margin-left: 16.66666667%; + } + .col-md-offset-1 { + margin-left: 8.33333333%; + } + .col-md-offset-0 { + margin-left: 0%; + } +} +@media (min-width: 1200px) { + .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { + float: left; + } + .col-lg-12 { + width: 100%; + } + .col-lg-11 { + width: 91.66666667%; + } + .col-lg-10 { + width: 83.33333333%; + } + .col-lg-9 { + width: 75%; + } + .col-lg-8 { + width: 66.66666667%; + } + .col-lg-7 { + width: 58.33333333%; + } + .col-lg-6 { + width: 50%; + } + .col-lg-5 { + width: 41.66666667%; + } + .col-lg-4 { + width: 33.33333333%; + } + .col-lg-3 { + width: 25%; + } + .col-lg-2 { + width: 16.66666667%; + } + .col-lg-1 { + width: 8.33333333%; + } + .col-lg-pull-12 { + right: 100%; + } + .col-lg-pull-11 { + right: 91.66666667%; + } + .col-lg-pull-10 { + right: 83.33333333%; + } + .col-lg-pull-9 { + right: 75%; + } + .col-lg-pull-8 { + right: 66.66666667%; + } + .col-lg-pull-7 { + right: 58.33333333%; + } + .col-lg-pull-6 { + right: 50%; + } + .col-lg-pull-5 { + right: 41.66666667%; + } + .col-lg-pull-4 { + right: 33.33333333%; + } + .col-lg-pull-3 { + right: 25%; + } + .col-lg-pull-2 { + right: 16.66666667%; + } + .col-lg-pull-1 { + right: 8.33333333%; + } + .col-lg-pull-0 { + right: 0%; + } + .col-lg-push-12 { + left: 100%; + } + .col-lg-push-11 { + left: 91.66666667%; + } + .col-lg-push-10 { + left: 83.33333333%; + } + .col-lg-push-9 { + left: 75%; + } + .col-lg-push-8 { + left: 66.66666667%; + } + .col-lg-push-7 { + left: 58.33333333%; + } + .col-lg-push-6 { + left: 50%; + } + .col-lg-push-5 { + left: 41.66666667%; + } + .col-lg-push-4 { + left: 33.33333333%; + } + .col-lg-push-3 { + left: 25%; + } + .col-lg-push-2 { + left: 16.66666667%; + } + .col-lg-push-1 { + left: 8.33333333%; + } + .col-lg-push-0 { + left: 0%; + } + .col-lg-offset-12 { + margin-left: 100%; + } + .col-lg-offset-11 { + margin-left: 91.66666667%; + } + .col-lg-offset-10 { + margin-left: 83.33333333%; + } + .col-lg-offset-9 { + margin-left: 75%; + } + .col-lg-offset-8 { + margin-left: 66.66666667%; + } + .col-lg-offset-7 { + margin-left: 58.33333333%; + } + .col-lg-offset-6 { + margin-left: 50%; + } + .col-lg-offset-5 { + margin-left: 41.66666667%; + } + .col-lg-offset-4 { + margin-left: 33.33333333%; + } + .col-lg-offset-3 { + margin-left: 25%; + } + .col-lg-offset-2 { + margin-left: 16.66666667%; + } + .col-lg-offset-1 { + margin-left: 8.33333333%; + } + .col-lg-offset-0 { + margin-left: 0%; + } +} +table { + max-width: 100%; + background-color: transparent; +} +th { + text-align: left; +} +.table { + width: 100%; + margin-bottom: 20px; +} +.table > thead > tr > th, +.table > tbody > tr > th, +.table > tfoot > tr > th, +.table > thead > tr > td, +.table > tbody > tr > td, +.table > tfoot > tr > td { + padding: 8px; + line-height: 1.42857143; + vertical-align: top; + border-top: 1px solid #dddddd; +} +.table > thead > tr > th { + vertical-align: bottom; + border-bottom: 2px solid #dddddd; +} +.table > caption + thead > tr:first-child > th, +.table > colgroup + thead > tr:first-child > th, +.table > thead:first-child > tr:first-child > th, +.table > caption + thead > tr:first-child > td, +.table > colgroup + thead > tr:first-child > td, +.table > thead:first-child > tr:first-child > td { + border-top: 0; +} +.table > tbody + tbody { + border-top: 2px solid #dddddd; +} +.table .table { + background-color: #ffffff; +} +.table-condensed > thead > tr > th, +.table-condensed > tbody > tr > th, +.table-condensed > tfoot > tr > th, +.table-condensed > thead > tr > td, +.table-condensed > tbody > tr > td, +.table-condensed > tfoot > tr > td { + padding: 5px; +} +.table-bordered { + border: 1px solid #dddddd; +} +.table-bordered > thead > tr > th, +.table-bordered > tbody > tr > th, +.table-bordered > tfoot > tr > th, +.table-bordered > thead > tr > td, +.table-bordered > tbody > tr > td, +.table-bordered > tfoot > tr > td { + border: 1px solid #dddddd; +} +.table-bordered > thead > tr > th, +.table-bordered > thead > tr > td { + border-bottom-width: 2px; +} +.table-striped > tbody > tr:nth-child(odd) > td, +.table-striped > tbody > tr:nth-child(odd) > th { + background-color: #f9f9f9; +} +.table-hover > tbody > tr:hover > td, +.table-hover > tbody > tr:hover > th { + background-color: #f5f5f5; +} +table col[class*="col-"] { + position: static; + float: none; + display: table-column; +} +table td[class*="col-"], +table th[class*="col-"] { + position: static; + float: none; + display: table-cell; +} +.table > thead > tr > td.active, +.table > tbody > tr > td.active, +.table > tfoot > tr > td.active, +.table > thead > tr > th.active, +.table > tbody > tr > th.active, +.table > tfoot > tr > th.active, +.table > thead > tr.active > td, +.table > tbody > tr.active > td, +.table > tfoot > tr.active > td, +.table > thead > tr.active > th, +.table > tbody > tr.active > th, +.table > tfoot > tr.active > th { + background-color: #f5f5f5; +} +.table-hover > tbody > tr > td.active:hover, +.table-hover > tbody > tr > th.active:hover, +.table-hover > tbody > tr.active:hover > td, +.table-hover > tbody > tr.active:hover > th { + background-color: #e8e8e8; +} +.table > thead > tr > td.success, +.table > tbody > tr > td.success, +.table > tfoot > tr > td.success, +.table > thead > tr > th.success, +.table > tbody > tr > th.success, +.table > tfoot > tr > th.success, +.table > thead > tr.success > td, +.table > tbody > tr.success > td, +.table > tfoot > tr.success > td, +.table > thead > tr.success > th, +.table > tbody > tr.success > th, +.table > tfoot > tr.success > th { + background-color: #dff0d8; +} +.table-hover > tbody > tr > td.success:hover, +.table-hover > tbody > tr > th.success:hover, +.table-hover > tbody > tr.success:hover > td, +.table-hover > tbody > tr.success:hover > th { + background-color: #d0e9c6; +} +.table > thead > tr > td.info, +.table > tbody > tr > td.info, +.table > tfoot > tr > td.info, +.table > thead > tr > th.info, +.table > tbody > tr > th.info, +.table > tfoot > tr > th.info, +.table > thead > tr.info > td, +.table > tbody > tr.info > td, +.table > tfoot > tr.info > td, +.table > thead > tr.info > th, +.table > tbody > tr.info > th, +.table > tfoot > tr.info > th { + background-color: #d9edf7; +} +.table-hover > tbody > tr > td.info:hover, +.table-hover > tbody > tr > th.info:hover, +.table-hover > tbody > tr.info:hover > td, +.table-hover > tbody > tr.info:hover > th { + background-color: #c4e3f3; +} +.table > thead > tr > td.warning, +.table > tbody > tr > td.warning, +.table > tfoot > tr > td.warning, +.table > thead > tr > th.warning, +.table > tbody > tr > th.warning, +.table > tfoot > tr > th.warning, +.table > thead > tr.warning > td, +.table > tbody > tr.warning > td, +.table > tfoot > tr.warning > td, +.table > thead > tr.warning > th, +.table > tbody > tr.warning > th, +.table > tfoot > tr.warning > th { + background-color: #fcf8e3; +} +.table-hover > tbody > tr > td.warning:hover, +.table-hover > tbody > tr > th.warning:hover, +.table-hover > tbody > tr.warning:hover > td, +.table-hover > tbody > tr.warning:hover > th { + background-color: #faf2cc; +} +.table > thead > tr > td.danger, +.table > tbody > tr > td.danger, +.table > tfoot > tr > td.danger, +.table > thead > tr > th.danger, +.table > tbody > tr > th.danger, +.table > tfoot > tr > th.danger, +.table > thead > tr.danger > td, +.table > tbody > tr.danger > td, +.table > tfoot > tr.danger > td, +.table > thead > tr.danger > th, +.table > tbody > tr.danger > th, +.table > tfoot > tr.danger > th { + background-color: #f2dede; +} +.table-hover > tbody > tr > td.danger:hover, +.table-hover > tbody > tr > th.danger:hover, +.table-hover > tbody > tr.danger:hover > td, +.table-hover > tbody > tr.danger:hover > th { + background-color: #ebcccc; +} +@media (max-width: 767px) { + .table-responsive { + width: 100%; + margin-bottom: 15px; + overflow-y: hidden; + overflow-x: scroll; + -ms-overflow-style: -ms-autohiding-scrollbar; + border: 1px solid #dddddd; + -webkit-overflow-scrolling: touch; + } + .table-responsive > .table { + margin-bottom: 0; + } + .table-responsive > .table > thead > tr > th, + .table-responsive > .table > tbody > tr > th, + .table-responsive > .table > tfoot > tr > th, + .table-responsive > .table > thead > tr > td, + .table-responsive > .table > tbody > tr > td, + .table-responsive > .table > tfoot > tr > td { + white-space: nowrap; + } + .table-responsive > .table-bordered { + border: 0; + } + .table-responsive > .table-bordered > thead > tr > th:first-child, + .table-responsive > .table-bordered > tbody > tr > th:first-child, + .table-responsive > .table-bordered > tfoot > tr > th:first-child, + .table-responsive > .table-bordered > thead > tr > td:first-child, + .table-responsive > .table-bordered > tbody > tr > td:first-child, + .table-responsive > .table-bordered > tfoot > tr > td:first-child { + border-left: 0; + } + .table-responsive > .table-bordered > thead > tr > th:last-child, + .table-responsive > .table-bordered > tbody > tr > th:last-child, + .table-responsive > .table-bordered > tfoot > tr > th:last-child, + .table-responsive > .table-bordered > thead > tr > td:last-child, + .table-responsive > .table-bordered > tbody > tr > td:last-child, + .table-responsive > .table-bordered > tfoot > tr > td:last-child { + border-right: 0; + } + .table-responsive > .table-bordered > tbody > tr:last-child > th, + .table-responsive > .table-bordered > tfoot > tr:last-child > th, + .table-responsive > .table-bordered > tbody > tr:last-child > td, + .table-responsive > .table-bordered > tfoot > tr:last-child > td { + border-bottom: 0; + } +} +fieldset { + padding: 0; + margin: 0; + border: 0; + min-width: 0; +} +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: 20px; + font-size: 21px; + line-height: inherit; + color: #333333; + border: 0; + border-bottom: 1px solid #e5e5e5; +} +label { + display: inline-block; + margin-bottom: 5px; + font-weight: bold; +} +input[type="search"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; + /* IE8-9 */ + line-height: normal; +} +input[type="file"] { + display: block; +} +input[type="range"] { + display: block; + width: 100%; +} +select[multiple], +select[size] { + height: auto; +} +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +output { + display: block; + padding-top: 7px; + font-size: 14px; + line-height: 1.42857143; + color: #555555; +} +.form-control { + display: block; + width: 100%; + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.42857143; + color: #555555; + background-color: #ffffff; + background-image: none; + border: 1px solid #cccccc; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; +} +.form-control:focus { + border-color: #66afe9; + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); +} +.form-control::-moz-placeholder { + color: #999999; + opacity: 1; +} +.form-control:-ms-input-placeholder { + color: #999999; +} +.form-control::-webkit-input-placeholder { + color: #999999; +} +.form-control[disabled], +.form-control[readonly], +fieldset[disabled] .form-control { + cursor: not-allowed; + background-color: #eeeeee; + opacity: 1; +} +textarea.form-control { + height: auto; +} +input[type="search"] { + -webkit-appearance: none; +} +input[type="date"] { + line-height: 34px; +} +.form-group { + margin-bottom: 15px; +} +.radio, +.checkbox { + display: block; + min-height: 20px; + margin-top: 10px; + margin-bottom: 10px; + padding-left: 20px; +} +.radio label, +.checkbox label { + display: inline; + font-weight: normal; + cursor: pointer; +} +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + float: left; + margin-left: -20px; +} +.radio + .radio, +.checkbox + .checkbox { + margin-top: -5px; +} +.radio-inline, +.checkbox-inline { + display: inline-block; + padding-left: 20px; + margin-bottom: 0; + vertical-align: middle; + font-weight: normal; + cursor: pointer; +} +.radio-inline + .radio-inline, +.checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: 10px; +} +input[type="radio"][disabled], +input[type="checkbox"][disabled], +.radio[disabled], +.radio-inline[disabled], +.checkbox[disabled], +.checkbox-inline[disabled], +fieldset[disabled] input[type="radio"], +fieldset[disabled] input[type="checkbox"], +fieldset[disabled] .radio, +fieldset[disabled] .radio-inline, +fieldset[disabled] .checkbox, +fieldset[disabled] .checkbox-inline { + cursor: not-allowed; +} +.input-sm { + height: 30px; + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} +select.input-sm { + height: 30px; + line-height: 30px; +} +textarea.input-sm, +select[multiple].input-sm { + height: auto; +} +.input-lg { + height: 46px; + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + border-radius: 6px; +} +select.input-lg { + height: 46px; + line-height: 46px; +} +textarea.input-lg, +select[multiple].input-lg { + height: auto; +} +.has-feedback { + position: relative; +} +.has-feedback .form-control { + padding-right: 42.5px; +} +.has-feedback .form-control-feedback { + position: absolute; + top: 25px; + right: 0; + display: block; + width: 34px; + height: 34px; + line-height: 34px; + text-align: center; +} +.has-success .help-block, +.has-success .control-label, +.has-success .radio, +.has-success .checkbox, +.has-success .radio-inline, +.has-success .checkbox-inline { + color: #3c763d; +} +.has-success .form-control { + border-color: #3c763d; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-success .form-control:focus { + border-color: #2b542c; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; +} +.has-success .input-group-addon { + color: #3c763d; + border-color: #3c763d; + background-color: #dff0d8; +} +.has-success .form-control-feedback { + color: #3c763d; +} +.has-warning .help-block, +.has-warning .control-label, +.has-warning .radio, +.has-warning .checkbox, +.has-warning .radio-inline, +.has-warning .checkbox-inline { + color: #8a6d3b; +} +.has-warning .form-control { + border-color: #8a6d3b; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-warning .form-control:focus { + border-color: #66512c; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; +} +.has-warning .input-group-addon { + color: #8a6d3b; + border-color: #8a6d3b; + background-color: #fcf8e3; +} +.has-warning .form-control-feedback { + color: #8a6d3b; +} +.has-error .help-block, +.has-error .control-label, +.has-error .radio, +.has-error .checkbox, +.has-error .radio-inline, +.has-error .checkbox-inline { + color: #a94442; +} +.has-error .form-control { + border-color: #a94442; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-error .form-control:focus { + border-color: #843534; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; +} +.has-error .input-group-addon { + color: #a94442; + border-color: #a94442; + background-color: #f2dede; +} +.has-error .form-control-feedback { + color: #a94442; +} +.form-control-static { + margin-bottom: 0; +} +.help-block { + display: block; + margin-top: 5px; + margin-bottom: 10px; + color: #737373; +} +@media (min-width: 768px) { + .form-inline .form-group { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .input-group > .form-control { + width: 100%; + } + .form-inline .control-label { + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .radio, + .form-inline .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + padding-left: 0; + vertical-align: middle; + } + .form-inline .radio input[type="radio"], + .form-inline .checkbox input[type="checkbox"] { + float: none; + margin-left: 0; + } + .form-inline .has-feedback .form-control-feedback { + top: 0; + } +} +.form-horizontal .control-label, +.form-horizontal .radio, +.form-horizontal .checkbox, +.form-horizontal .radio-inline, +.form-horizontal .checkbox-inline { + margin-top: 0; + margin-bottom: 0; + padding-top: 7px; +} +.form-horizontal .radio, +.form-horizontal .checkbox { + min-height: 27px; +} +.form-horizontal .form-group { + margin-left: -15px; + margin-right: -15px; +} +.form-horizontal .form-control-static { + padding-top: 7px; +} +@media (min-width: 768px) { + .form-horizontal .control-label { + text-align: right; + } +} +.form-horizontal .has-feedback .form-control-feedback { + top: 0; + right: 15px; +} +.btn { + display: inline-block; + margin-bottom: 0; + font-weight: normal; + text-align: center; + vertical-align: middle; + cursor: pointer; + background-image: none; + border: 1px solid transparent; + white-space: nowrap; + padding: 6px 12px; + font-size: 14px; + line-height: 1.42857143; + border-radius: 4px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.btn:focus, +.btn:active:focus, +.btn.active:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +.btn:hover, +.btn:focus { + color: #333333; + text-decoration: none; +} +.btn:active, +.btn.active { + outline: 0; + background-image: none; + -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.disabled, +.btn[disabled], +fieldset[disabled] .btn { + cursor: not-allowed; + pointer-events: none; + opacity: 0.65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + box-shadow: none; +} +.btn-default { + color: #333333; + background-color: #ffffff; + border-color: #cccccc; +} +.btn-default:hover, +.btn-default:focus, +.btn-default:active, +.btn-default.active, +.open .dropdown-toggle.btn-default { + color: #333333; + background-color: #ebebeb; + border-color: #adadad; +} +.btn-default:active, +.btn-default.active, +.open .dropdown-toggle.btn-default { + background-image: none; +} +.btn-default.disabled, +.btn-default[disabled], +fieldset[disabled] .btn-default, +.btn-default.disabled:hover, +.btn-default[disabled]:hover, +fieldset[disabled] .btn-default:hover, +.btn-default.disabled:focus, +.btn-default[disabled]:focus, +fieldset[disabled] .btn-default:focus, +.btn-default.disabled:active, +.btn-default[disabled]:active, +fieldset[disabled] .btn-default:active, +.btn-default.disabled.active, +.btn-default[disabled].active, +fieldset[disabled] .btn-default.active { + background-color: #ffffff; + border-color: #cccccc; +} +.btn-default .badge { + color: #ffffff; + background-color: #333333; +} +.btn-primary { + color: #ffffff; + background-color: #428bca; + border-color: #357ebd; +} +.btn-primary:hover, +.btn-primary:focus, +.btn-primary:active, +.btn-primary.active, +.open .dropdown-toggle.btn-primary { + color: #ffffff; + background-color: #3276b1; + border-color: #285e8e; +} +.btn-primary:active, +.btn-primary.active, +.open .dropdown-toggle.btn-primary { + background-image: none; +} +.btn-primary.disabled, +.btn-primary[disabled], +fieldset[disabled] .btn-primary, +.btn-primary.disabled:hover, +.btn-primary[disabled]:hover, +fieldset[disabled] .btn-primary:hover, +.btn-primary.disabled:focus, +.btn-primary[disabled]:focus, +fieldset[disabled] .btn-primary:focus, +.btn-primary.disabled:active, +.btn-primary[disabled]:active, +fieldset[disabled] .btn-primary:active, +.btn-primary.disabled.active, +.btn-primary[disabled].active, +fieldset[disabled] .btn-primary.active { + background-color: #428bca; + border-color: #357ebd; +} +.btn-primary .badge { + color: #428bca; + background-color: #ffffff; +} +.btn-success { + color: #ffffff; + background-color: #5cb85c; + border-color: #4cae4c; +} +.btn-success:hover, +.btn-success:focus, +.btn-success:active, +.btn-success.active, +.open .dropdown-toggle.btn-success { + color: #ffffff; + background-color: #47a447; + border-color: #398439; +} +.btn-success:active, +.btn-success.active, +.open .dropdown-toggle.btn-success { + background-image: none; +} +.btn-success.disabled, +.btn-success[disabled], +fieldset[disabled] .btn-success, +.btn-success.disabled:hover, +.btn-success[disabled]:hover, +fieldset[disabled] .btn-success:hover, +.btn-success.disabled:focus, +.btn-success[disabled]:focus, +fieldset[disabled] .btn-success:focus, +.btn-success.disabled:active, +.btn-success[disabled]:active, +fieldset[disabled] .btn-success:active, +.btn-success.disabled.active, +.btn-success[disabled].active, +fieldset[disabled] .btn-success.active { + background-color: #5cb85c; + border-color: #4cae4c; +} +.btn-success .badge { + color: #5cb85c; + background-color: #ffffff; +} +.btn-info { + color: #ffffff; + background-color: #5bc0de; + border-color: #46b8da; +} +.btn-info:hover, +.btn-info:focus, +.btn-info:active, +.btn-info.active, +.open .dropdown-toggle.btn-info { + color: #ffffff; + background-color: #39b3d7; + border-color: #269abc; +} +.btn-info:active, +.btn-info.active, +.open .dropdown-toggle.btn-info { + background-image: none; +} +.btn-info.disabled, +.btn-info[disabled], +fieldset[disabled] .btn-info, +.btn-info.disabled:hover, +.btn-info[disabled]:hover, +fieldset[disabled] .btn-info:hover, +.btn-info.disabled:focus, +.btn-info[disabled]:focus, +fieldset[disabled] .btn-info:focus, +.btn-info.disabled:active, +.btn-info[disabled]:active, +fieldset[disabled] .btn-info:active, +.btn-info.disabled.active, +.btn-info[disabled].active, +fieldset[disabled] .btn-info.active { + background-color: #5bc0de; + border-color: #46b8da; +} +.btn-info .badge { + color: #5bc0de; + background-color: #ffffff; +} +.btn-warning { + color: #ffffff; + background-color: #f0ad4e; + border-color: #eea236; +} +.btn-warning:hover, +.btn-warning:focus, +.btn-warning:active, +.btn-warning.active, +.open .dropdown-toggle.btn-warning { + color: #ffffff; + background-color: #ed9c28; + border-color: #d58512; +} +.btn-warning:active, +.btn-warning.active, +.open .dropdown-toggle.btn-warning { + background-image: none; +} +.btn-warning.disabled, +.btn-warning[disabled], +fieldset[disabled] .btn-warning, +.btn-warning.disabled:hover, +.btn-warning[disabled]:hover, +fieldset[disabled] .btn-warning:hover, +.btn-warning.disabled:focus, +.btn-warning[disabled]:focus, +fieldset[disabled] .btn-warning:focus, +.btn-warning.disabled:active, +.btn-warning[disabled]:active, +fieldset[disabled] .btn-warning:active, +.btn-warning.disabled.active, +.btn-warning[disabled].active, +fieldset[disabled] .btn-warning.active { + background-color: #f0ad4e; + border-color: #eea236; +} +.btn-warning .badge { + color: #f0ad4e; + background-color: #ffffff; +} +.btn-danger { + color: #ffffff; + background-color: #d9534f; + border-color: #d43f3a; +} +.btn-danger:hover, +.btn-danger:focus, +.btn-danger:active, +.btn-danger.active, +.open .dropdown-toggle.btn-danger { + color: #ffffff; + background-color: #d2322d; + border-color: #ac2925; +} +.btn-danger:active, +.btn-danger.active, +.open .dropdown-toggle.btn-danger { + background-image: none; +} +.btn-danger.disabled, +.btn-danger[disabled], +fieldset[disabled] .btn-danger, +.btn-danger.disabled:hover, +.btn-danger[disabled]:hover, +fieldset[disabled] .btn-danger:hover, +.btn-danger.disabled:focus, +.btn-danger[disabled]:focus, +fieldset[disabled] .btn-danger:focus, +.btn-danger.disabled:active, +.btn-danger[disabled]:active, +fieldset[disabled] .btn-danger:active, +.btn-danger.disabled.active, +.btn-danger[disabled].active, +fieldset[disabled] .btn-danger.active { + background-color: #d9534f; + border-color: #d43f3a; +} +.btn-danger .badge { + color: #d9534f; + background-color: #ffffff; +} +.btn-link { + color: #428bca; + font-weight: normal; + cursor: pointer; + border-radius: 0; +} +.btn-link, +.btn-link:active, +.btn-link[disabled], +fieldset[disabled] .btn-link { + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} +.btn-link, +.btn-link:hover, +.btn-link:focus, +.btn-link:active { + border-color: transparent; +} +.btn-link:hover, +.btn-link:focus { + color: #2a6496; + text-decoration: underline; + background-color: transparent; +} +.btn-link[disabled]:hover, +fieldset[disabled] .btn-link:hover, +.btn-link[disabled]:focus, +fieldset[disabled] .btn-link:focus { + color: #999999; + text-decoration: none; +} +.btn-lg, +.btn-group-lg > .btn { + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + border-radius: 6px; +} +.btn-sm, +.btn-group-sm > .btn { + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} +.btn-xs, +.btn-group-xs > .btn { + padding: 1px 5px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} +.btn-block { + display: block; + width: 100%; + padding-left: 0; + padding-right: 0; +} +.btn-block + .btn-block { + margin-top: 5px; +} +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; +} +.fade { + opacity: 0; + -webkit-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; +} +.fade.in { + opacity: 1; +} +.collapse { + display: none; +} +.collapse.in { + display: block; +} +.collapsing { + position: relative; + height: 0; + overflow: hidden; + -webkit-transition: height 0.35s ease; + transition: height 0.35s ease; +} +@font-face { + font-family: 'Glyphicons Halflings'; + src: url('../fonts/glyphicons-halflings-regular.eot'); + src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); +} +.glyphicon { + position: relative; + top: 1px; + display: inline-block; + font-family: 'Glyphicons Halflings'; + font-style: normal; + font-weight: normal; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.glyphicon-asterisk:before { + content: "\2a"; +} +.glyphicon-plus:before { + content: "\2b"; +} +.glyphicon-euro:before { + content: "\20ac"; +} +.glyphicon-minus:before { + content: "\2212"; +} +.glyphicon-cloud:before { + content: "\2601"; +} +.glyphicon-envelope:before { + content: "\2709"; +} +.glyphicon-pencil:before { + content: "\270f"; +} +.glyphicon-glass:before { + content: "\e001"; +} +.glyphicon-music:before { + content: "\e002"; +} +.glyphicon-search:before { + content: "\e003"; +} +.glyphicon-heart:before { + content: "\e005"; +} +.glyphicon-star:before { + content: "\e006"; +} +.glyphicon-star-empty:before { + content: "\e007"; +} +.glyphicon-user:before { + content: "\e008"; +} +.glyphicon-film:before { + content: "\e009"; +} +.glyphicon-th-large:before { + content: "\e010"; +} +.glyphicon-th:before { + content: "\e011"; +} +.glyphicon-th-list:before { + content: "\e012"; +} +.glyphicon-ok:before { + content: "\e013"; +} +.glyphicon-remove:before { + content: "\e014"; +} +.glyphicon-zoom-in:before { + content: "\e015"; +} +.glyphicon-zoom-out:before { + content: "\e016"; +} +.glyphicon-off:before { + content: "\e017"; +} +.glyphicon-signal:before { + content: "\e018"; +} +.glyphicon-cog:before { + content: "\e019"; +} +.glyphicon-trash:before { + content: "\e020"; +} +.glyphicon-home:before { + content: "\e021"; +} +.glyphicon-file:before { + content: "\e022"; +} +.glyphicon-time:before { + content: "\e023"; +} +.glyphicon-road:before { + content: "\e024"; +} +.glyphicon-download-alt:before { + content: "\e025"; +} +.glyphicon-download:before { + content: "\e026"; +} +.glyphicon-upload:before { + content: "\e027"; +} +.glyphicon-inbox:before { + content: "\e028"; +} +.glyphicon-play-circle:before { + content: "\e029"; +} +.glyphicon-repeat:before { + content: "\e030"; +} +.glyphicon-refresh:before { + content: "\e031"; +} +.glyphicon-list-alt:before { + content: "\e032"; +} +.glyphicon-lock:before { + content: "\e033"; +} +.glyphicon-flag:before { + content: "\e034"; +} +.glyphicon-headphones:before { + content: "\e035"; +} +.glyphicon-volume-off:before { + content: "\e036"; +} +.glyphicon-volume-down:before { + content: "\e037"; +} +.glyphicon-volume-up:before { + content: "\e038"; +} +.glyphicon-qrcode:before { + content: "\e039"; +} +.glyphicon-barcode:before { + content: "\e040"; +} +.glyphicon-tag:before { + content: "\e041"; +} +.glyphicon-tags:before { + content: "\e042"; +} +.glyphicon-book:before { + content: "\e043"; +} +.glyphicon-bookmark:before { + content: "\e044"; +} +.glyphicon-print:before { + content: "\e045"; +} +.glyphicon-camera:before { + content: "\e046"; +} +.glyphicon-font:before { + content: "\e047"; +} +.glyphicon-bold:before { + content: "\e048"; +} +.glyphicon-italic:before { + content: "\e049"; +} +.glyphicon-text-height:before { + content: "\e050"; +} +.glyphicon-text-width:before { + content: "\e051"; +} +.glyphicon-align-left:before { + content: "\e052"; +} +.glyphicon-align-center:before { + content: "\e053"; +} +.glyphicon-align-right:before { + content: "\e054"; +} +.glyphicon-align-justify:before { + content: "\e055"; +} +.glyphicon-list:before { + content: "\e056"; +} +.glyphicon-indent-left:before { + content: "\e057"; +} +.glyphicon-indent-right:before { + content: "\e058"; +} +.glyphicon-facetime-video:before { + content: "\e059"; +} +.glyphicon-picture:before { + content: "\e060"; +} +.glyphicon-map-marker:before { + content: "\e062"; +} +.glyphicon-adjust:before { + content: "\e063"; +} +.glyphicon-tint:before { + content: "\e064"; +} +.glyphicon-edit:before { + content: "\e065"; +} +.glyphicon-share:before { + content: "\e066"; +} +.glyphicon-check:before { + content: "\e067"; +} +.glyphicon-move:before { + content: "\e068"; +} +.glyphicon-step-backward:before { + content: "\e069"; +} +.glyphicon-fast-backward:before { + content: "\e070"; +} +.glyphicon-backward:before { + content: "\e071"; +} +.glyphicon-play:before { + content: "\e072"; +} +.glyphicon-pause:before { + content: "\e073"; +} +.glyphicon-stop:before { + content: "\e074"; +} +.glyphicon-forward:before { + content: "\e075"; +} +.glyphicon-fast-forward:before { + content: "\e076"; +} +.glyphicon-step-forward:before { + content: "\e077"; +} +.glyphicon-eject:before { + content: "\e078"; +} +.glyphicon-chevron-left:before { + content: "\e079"; +} +.glyphicon-chevron-right:before { + content: "\e080"; +} +.glyphicon-plus-sign:before { + content: "\e081"; +} +.glyphicon-minus-sign:before { + content: "\e082"; +} +.glyphicon-remove-sign:before { + content: "\e083"; +} +.glyphicon-ok-sign:before { + content: "\e084"; +} +.glyphicon-question-sign:before { + content: "\e085"; +} +.glyphicon-info-sign:before { + content: "\e086"; +} +.glyphicon-screenshot:before { + content: "\e087"; +} +.glyphicon-remove-circle:before { + content: "\e088"; +} +.glyphicon-ok-circle:before { + content: "\e089"; +} +.glyphicon-ban-circle:before { + content: "\e090"; +} +.glyphicon-arrow-left:before { + content: "\e091"; +} +.glyphicon-arrow-right:before { + content: "\e092"; +} +.glyphicon-arrow-up:before { + content: "\e093"; +} +.glyphicon-arrow-down:before { + content: "\e094"; +} +.glyphicon-share-alt:before { + content: "\e095"; +} +.glyphicon-resize-full:before { + content: "\e096"; +} +.glyphicon-resize-small:before { + content: "\e097"; +} +.glyphicon-exclamation-sign:before { + content: "\e101"; +} +.glyphicon-gift:before { + content: "\e102"; +} +.glyphicon-leaf:before { + content: "\e103"; +} +.glyphicon-fire:before { + content: "\e104"; +} +.glyphicon-eye-open:before { + content: "\e105"; +} +.glyphicon-eye-close:before { + content: "\e106"; +} +.glyphicon-warning-sign:before { + content: "\e107"; +} +.glyphicon-plane:before { + content: "\e108"; +} +.glyphicon-calendar:before { + content: "\e109"; +} +.glyphicon-random:before { + content: "\e110"; +} +.glyphicon-comment:before { + content: "\e111"; +} +.glyphicon-magnet:before { + content: "\e112"; +} +.glyphicon-chevron-up:before { + content: "\e113"; +} +.glyphicon-chevron-down:before { + content: "\e114"; +} +.glyphicon-retweet:before { + content: "\e115"; +} +.glyphicon-shopping-cart:before { + content: "\e116"; +} +.glyphicon-folder-close:before { + content: "\e117"; +} +.glyphicon-folder-open:before { + content: "\e118"; +} +.glyphicon-resize-vertical:before { + content: "\e119"; +} +.glyphicon-resize-horizontal:before { + content: "\e120"; +} +.glyphicon-hdd:before { + content: "\e121"; +} +.glyphicon-bullhorn:before { + content: "\e122"; +} +.glyphicon-bell:before { + content: "\e123"; +} +.glyphicon-certificate:before { + content: "\e124"; +} +.glyphicon-thumbs-up:before { + content: "\e125"; +} +.glyphicon-thumbs-down:before { + content: "\e126"; +} +.glyphicon-hand-right:before { + content: "\e127"; +} +.glyphicon-hand-left:before { + content: "\e128"; +} +.glyphicon-hand-up:before { + content: "\e129"; +} +.glyphicon-hand-down:before { + content: "\e130"; +} +.glyphicon-circle-arrow-right:before { + content: "\e131"; +} +.glyphicon-circle-arrow-left:before { + content: "\e132"; +} +.glyphicon-circle-arrow-up:before { + content: "\e133"; +} +.glyphicon-circle-arrow-down:before { + content: "\e134"; +} +.glyphicon-globe:before { + content: "\e135"; +} +.glyphicon-wrench:before { + content: "\e136"; +} +.glyphicon-tasks:before { + content: "\e137"; +} +.glyphicon-filter:before { + content: "\e138"; +} +.glyphicon-briefcase:before { + content: "\e139"; +} +.glyphicon-fullscreen:before { + content: "\e140"; +} +.glyphicon-dashboard:before { + content: "\e141"; +} +.glyphicon-paperclip:before { + content: "\e142"; +} +.glyphicon-heart-empty:before { + content: "\e143"; +} +.glyphicon-link:before { + content: "\e144"; +} +.glyphicon-phone:before { + content: "\e145"; +} +.glyphicon-pushpin:before { + content: "\e146"; +} +.glyphicon-usd:before { + content: "\e148"; +} +.glyphicon-gbp:before { + content: "\e149"; +} +.glyphicon-sort:before { + content: "\e150"; +} +.glyphicon-sort-by-alphabet:before { + content: "\e151"; +} +.glyphicon-sort-by-alphabet-alt:before { + content: "\e152"; +} +.glyphicon-sort-by-order:before { + content: "\e153"; +} +.glyphicon-sort-by-order-alt:before { + content: "\e154"; +} +.glyphicon-sort-by-attributes:before { + content: "\e155"; +} +.glyphicon-sort-by-attributes-alt:before { + content: "\e156"; +} +.glyphicon-unchecked:before { + content: "\e157"; +} +.glyphicon-expand:before { + content: "\e158"; +} +.glyphicon-collapse-down:before { + content: "\e159"; +} +.glyphicon-collapse-up:before { + content: "\e160"; +} +.glyphicon-log-in:before { + content: "\e161"; +} +.glyphicon-flash:before { + content: "\e162"; +} +.glyphicon-log-out:before { + content: "\e163"; +} +.glyphicon-new-window:before { + content: "\e164"; +} +.glyphicon-record:before { + content: "\e165"; +} +.glyphicon-save:before { + content: "\e166"; +} +.glyphicon-open:before { + content: "\e167"; +} +.glyphicon-saved:before { + content: "\e168"; +} +.glyphicon-import:before { + content: "\e169"; +} +.glyphicon-export:before { + content: "\e170"; +} +.glyphicon-send:before { + content: "\e171"; +} +.glyphicon-floppy-disk:before { + content: "\e172"; +} +.glyphicon-floppy-saved:before { + content: "\e173"; +} +.glyphicon-floppy-remove:before { + content: "\e174"; +} +.glyphicon-floppy-save:before { + content: "\e175"; +} +.glyphicon-floppy-open:before { + content: "\e176"; +} +.glyphicon-credit-card:before { + content: "\e177"; +} +.glyphicon-transfer:before { + content: "\e178"; +} +.glyphicon-cutlery:before { + content: "\e179"; +} +.glyphicon-header:before { + content: "\e180"; +} +.glyphicon-compressed:before { + content: "\e181"; +} +.glyphicon-earphone:before { + content: "\e182"; +} +.glyphicon-phone-alt:before { + content: "\e183"; +} +.glyphicon-tower:before { + content: "\e184"; +} +.glyphicon-stats:before { + content: "\e185"; +} +.glyphicon-sd-video:before { + content: "\e186"; +} +.glyphicon-hd-video:before { + content: "\e187"; +} +.glyphicon-subtitles:before { + content: "\e188"; +} +.glyphicon-sound-stereo:before { + content: "\e189"; +} +.glyphicon-sound-dolby:before { + content: "\e190"; +} +.glyphicon-sound-5-1:before { + content: "\e191"; +} +.glyphicon-sound-6-1:before { + content: "\e192"; +} +.glyphicon-sound-7-1:before { + content: "\e193"; +} +.glyphicon-copyright-mark:before { + content: "\e194"; +} +.glyphicon-registration-mark:before { + content: "\e195"; +} +.glyphicon-cloud-download:before { + content: "\e197"; +} +.glyphicon-cloud-upload:before { + content: "\e198"; +} +.glyphicon-tree-conifer:before { + content: "\e199"; +} +.glyphicon-tree-deciduous:before { + content: "\e200"; +} +.caret { + display: inline-block; + width: 0; + height: 0; + margin-left: 2px; + vertical-align: middle; + border-top: 4px solid; + border-right: 4px solid transparent; + border-left: 4px solid transparent; +} +.dropdown { + position: relative; +} +.dropdown-toggle:focus { + outline: 0; +} +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; + list-style: none; + font-size: 14px; + background-color: #ffffff; + border: 1px solid #cccccc; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + background-clip: padding-box; +} +.dropdown-menu.pull-right { + right: 0; + left: auto; +} +.dropdown-menu .divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; +} +.dropdown-menu > li > a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: 1.42857143; + color: #333333; + white-space: nowrap; +} +.dropdown-menu > li > a:hover, +.dropdown-menu > li > a:focus { + text-decoration: none; + color: #262626; + background-color: #f5f5f5; +} +.dropdown-menu > .active > a, +.dropdown-menu > .active > a:hover, +.dropdown-menu > .active > a:focus { + color: #ffffff; + text-decoration: none; + outline: 0; + background-color: #428bca; +} +.dropdown-menu > .disabled > a, +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + color: #999999; +} +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + text-decoration: none; + background-color: transparent; + background-image: none; + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + cursor: not-allowed; +} +.open > .dropdown-menu { + display: block; +} +.open > a { + outline: 0; +} +.dropdown-menu-right { + left: auto; + right: 0; +} +.dropdown-menu-left { + left: 0; + right: auto; +} +.dropdown-header { + display: block; + padding: 3px 20px; + font-size: 12px; + line-height: 1.42857143; + color: #999999; +} +.dropdown-backdrop { + position: fixed; + left: 0; + right: 0; + bottom: 0; + top: 0; + z-index: 990; +} +.pull-right > .dropdown-menu { + right: 0; + left: auto; +} +.dropup .caret, +.navbar-fixed-bottom .dropdown .caret { + border-top: 0; + border-bottom: 4px solid; + content: ""; +} +.dropup .dropdown-menu, +.navbar-fixed-bottom .dropdown .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 1px; +} +@media (min-width: 768px) { + .navbar-right .dropdown-menu { + left: auto; + right: 0; + } + .navbar-right .dropdown-menu-left { + left: 0; + right: auto; + } +} +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-block; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + float: left; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover, +.btn-group > .btn:focus, +.btn-group-vertical > .btn:focus, +.btn-group > .btn:active, +.btn-group-vertical > .btn:active, +.btn-group > .btn.active, +.btn-group-vertical > .btn.active { + z-index: 2; +} +.btn-group > .btn:focus, +.btn-group-vertical > .btn:focus { + outline: none; +} +.btn-group .btn + .btn, +.btn-group .btn + .btn-group, +.btn-group .btn-group + .btn, +.btn-group .btn-group + .btn-group { + margin-left: -1px; +} +.btn-toolbar { + margin-left: -5px; +} +.btn-toolbar .btn-group, +.btn-toolbar .input-group { + float: left; +} +.btn-toolbar > .btn, +.btn-toolbar > .btn-group, +.btn-toolbar > .input-group { + margin-left: 5px; +} +.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { + border-radius: 0; +} +.btn-group > .btn:first-child { + margin-left: 0; +} +.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} +.btn-group > .btn:last-child:not(:first-child), +.btn-group > .dropdown-toggle:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} +.btn-group > .btn-group { + float: left; +} +.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; +} +.btn-group > .btn-group:first-child > .btn:last-child, +.btn-group > .btn-group:first-child > .dropdown-toggle { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} +.btn-group > .btn-group:last-child > .btn:first-child { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} +.btn-group .dropdown-toggle:active, +.btn-group.open .dropdown-toggle { + outline: 0; +} +.btn-group > .btn + .dropdown-toggle { + padding-left: 8px; + padding-right: 8px; +} +.btn-group > .btn-lg + .dropdown-toggle { + padding-left: 12px; + padding-right: 12px; +} +.btn-group.open .dropdown-toggle { + -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-group.open .dropdown-toggle.btn-link { + -webkit-box-shadow: none; + box-shadow: none; +} +.btn .caret { + margin-left: 0; +} +.btn-lg .caret { + border-width: 5px 5px 0; + border-bottom-width: 0; +} +.dropup .btn-lg .caret { + border-width: 0 5px 5px; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group, +.btn-group-vertical > .btn-group > .btn { + display: block; + float: none; + width: 100%; + max-width: 100%; +} +.btn-group-vertical > .btn-group > .btn { + float: none; +} +.btn-group-vertical > .btn + .btn, +.btn-group-vertical > .btn + .btn-group, +.btn-group-vertical > .btn-group + .btn, +.btn-group-vertical > .btn-group + .btn-group { + margin-top: -1px; + margin-left: 0; +} +.btn-group-vertical > .btn:not(:first-child):not(:last-child) { + border-radius: 0; +} +.btn-group-vertical > .btn:first-child:not(:last-child) { + border-top-right-radius: 4px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:last-child:not(:first-child) { + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; +} +.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, +.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.btn-group-justified { + display: table; + width: 100%; + table-layout: fixed; + border-collapse: separate; +} +.btn-group-justified > .btn, +.btn-group-justified > .btn-group { + float: none; + display: table-cell; + width: 1%; +} +.btn-group-justified > .btn-group .btn { + width: 100%; +} +[data-toggle="buttons"] > .btn > input[type="radio"], +[data-toggle="buttons"] > .btn > input[type="checkbox"] { + display: none; +} +.input-group { + position: relative; + display: table; + border-collapse: separate; +} +.input-group[class*="col-"] { + float: none; + padding-left: 0; + padding-right: 0; +} +.input-group .form-control { + position: relative; + z-index: 2; + float: left; + width: 100%; + margin-bottom: 0; +} +.input-group-lg > .form-control, +.input-group-lg > .input-group-addon, +.input-group-lg > .input-group-btn > .btn { + height: 46px; + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + border-radius: 6px; +} +select.input-group-lg > .form-control, +select.input-group-lg > .input-group-addon, +select.input-group-lg > .input-group-btn > .btn { + height: 46px; + line-height: 46px; +} +textarea.input-group-lg > .form-control, +textarea.input-group-lg > .input-group-addon, +textarea.input-group-lg > .input-group-btn > .btn, +select[multiple].input-group-lg > .form-control, +select[multiple].input-group-lg > .input-group-addon, +select[multiple].input-group-lg > .input-group-btn > .btn { + height: auto; +} +.input-group-sm > .form-control, +.input-group-sm > .input-group-addon, +.input-group-sm > .input-group-btn > .btn { + height: 30px; + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} +select.input-group-sm > .form-control, +select.input-group-sm > .input-group-addon, +select.input-group-sm > .input-group-btn > .btn { + height: 30px; + line-height: 30px; +} +textarea.input-group-sm > .form-control, +textarea.input-group-sm > .input-group-addon, +textarea.input-group-sm > .input-group-btn > .btn, +select[multiple].input-group-sm > .form-control, +select[multiple].input-group-sm > .input-group-addon, +select[multiple].input-group-sm > .input-group-btn > .btn { + height: auto; +} +.input-group-addon, +.input-group-btn, +.input-group .form-control { + display: table-cell; +} +.input-group-addon:not(:first-child):not(:last-child), +.input-group-btn:not(:first-child):not(:last-child), +.input-group .form-control:not(:first-child):not(:last-child) { + border-radius: 0; +} +.input-group-addon, +.input-group-btn { + width: 1%; + white-space: nowrap; + vertical-align: middle; +} +.input-group-addon { + padding: 6px 12px; + font-size: 14px; + font-weight: normal; + line-height: 1; + color: #555555; + text-align: center; + background-color: #eeeeee; + border: 1px solid #cccccc; + border-radius: 4px; +} +.input-group-addon.input-sm { + padding: 5px 10px; + font-size: 12px; + border-radius: 3px; +} +.input-group-addon.input-lg { + padding: 10px 16px; + font-size: 18px; + border-radius: 6px; +} +.input-group-addon input[type="radio"], +.input-group-addon input[type="checkbox"] { + margin-top: 0; +} +.input-group .form-control:first-child, +.input-group-addon:first-child, +.input-group-btn:first-child > .btn, +.input-group-btn:first-child > .btn-group > .btn, +.input-group-btn:first-child > .dropdown-toggle, +.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group-btn:last-child > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} +.input-group-addon:first-child { + border-right: 0; +} +.input-group .form-control:last-child, +.input-group-addon:last-child, +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .btn-group > .btn, +.input-group-btn:last-child > .dropdown-toggle, +.input-group-btn:first-child > .btn:not(:first-child), +.input-group-btn:first-child > .btn-group:not(:first-child) > .btn { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} +.input-group-addon:last-child { + border-left: 0; +} +.input-group-btn { + position: relative; + font-size: 0; + white-space: nowrap; +} +.input-group-btn > .btn { + position: relative; +} +.input-group-btn > .btn + .btn { + margin-left: -1px; +} +.input-group-btn > .btn:hover, +.input-group-btn > .btn:focus, +.input-group-btn > .btn:active { + z-index: 2; +} +.input-group-btn:first-child > .btn, +.input-group-btn:first-child > .btn-group { + margin-right: -1px; +} +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .btn-group { + margin-left: -1px; +} +.nav { + margin-bottom: 0; + padding-left: 0; + list-style: none; +} +.nav > li { + position: relative; + display: block; +} +.nav > li > a { + position: relative; + display: block; + padding: 10px 15px; +} +.nav > li > a:hover, +.nav > li > a:focus { + text-decoration: none; + background-color: #eeeeee; +} +.nav > li.disabled > a { + color: #999999; +} +.nav > li.disabled > a:hover, +.nav > li.disabled > a:focus { + color: #999999; + text-decoration: none; + background-color: transparent; + cursor: not-allowed; +} +.nav .open > a, +.nav .open > a:hover, +.nav .open > a:focus { + background-color: #eeeeee; + border-color: #428bca; +} +.nav .nav-divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; +} +.nav > li > a > img { + max-width: none; +} +.nav-tabs { + border-bottom: 1px solid #dddddd; +} +.nav-tabs > li { + float: left; + margin-bottom: -1px; +} +.nav-tabs > li > a { + margin-right: 2px; + line-height: 1.42857143; + border: 1px solid transparent; + border-radius: 4px 4px 0 0; +} +.nav-tabs > li > a:hover { + border-color: #eeeeee #eeeeee #dddddd; +} +.nav-tabs > li.active > a, +.nav-tabs > li.active > a:hover, +.nav-tabs > li.active > a:focus { + color: #555555; + background-color: #ffffff; + border: 1px solid #dddddd; + border-bottom-color: transparent; + cursor: default; +} +.nav-tabs.nav-justified { + width: 100%; + border-bottom: 0; +} +.nav-tabs.nav-justified > li { + float: none; +} +.nav-tabs.nav-justified > li > a { + text-align: center; + margin-bottom: 5px; +} +.nav-tabs.nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; +} +@media (min-width: 768px) { + .nav-tabs.nav-justified > li { + display: table-cell; + width: 1%; + } + .nav-tabs.nav-justified > li > a { + margin-bottom: 0; + } +} +.nav-tabs.nav-justified > li > a { + margin-right: 0; + border-radius: 4px; +} +.nav-tabs.nav-justified > .active > a, +.nav-tabs.nav-justified > .active > a:hover, +.nav-tabs.nav-justified > .active > a:focus { + border: 1px solid #dddddd; +} +@media (min-width: 768px) { + .nav-tabs.nav-justified > li > a { + border-bottom: 1px solid #dddddd; + border-radius: 4px 4px 0 0; + } + .nav-tabs.nav-justified > .active > a, + .nav-tabs.nav-justified > .active > a:hover, + .nav-tabs.nav-justified > .active > a:focus { + border-bottom-color: #ffffff; + } +} +.nav-pills > li { + float: left; +} +.nav-pills > li > a { + border-radius: 4px; +} +.nav-pills > li + li { + margin-left: 2px; +} +.nav-pills > li.active > a, +.nav-pills > li.active > a:hover, +.nav-pills > li.active > a:focus { + color: #ffffff; + background-color: #428bca; +} +.nav-stacked > li { + float: none; +} +.nav-stacked > li + li { + margin-top: 2px; + margin-left: 0; +} +.nav-justified { + width: 100%; +} +.nav-justified > li { + float: none; +} +.nav-justified > li > a { + text-align: center; + margin-bottom: 5px; +} +.nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; +} +@media (min-width: 768px) { + .nav-justified > li { + display: table-cell; + width: 1%; + } + .nav-justified > li > a { + margin-bottom: 0; + } +} +.nav-tabs-justified { + border-bottom: 0; +} +.nav-tabs-justified > li > a { + margin-right: 0; + border-radius: 4px; +} +.nav-tabs-justified > .active > a, +.nav-tabs-justified > .active > a:hover, +.nav-tabs-justified > .active > a:focus { + border: 1px solid #dddddd; +} +@media (min-width: 768px) { + .nav-tabs-justified > li > a { + border-bottom: 1px solid #dddddd; + border-radius: 4px 4px 0 0; + } + .nav-tabs-justified > .active > a, + .nav-tabs-justified > .active > a:hover, + .nav-tabs-justified > .active > a:focus { + border-bottom-color: #ffffff; + } +} +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.navbar { + position: relative; + min-height: 50px; + margin-bottom: 20px; + border: 1px solid transparent; +} +@media (min-width: 768px) { + .navbar { + border-radius: 4px; + } +} +@media (min-width: 768px) { + .navbar-header { + float: left; + } +} +.navbar-collapse { + max-height: 340px; + overflow-x: visible; + padding-right: 15px; + padding-left: 15px; + border-top: 1px solid transparent; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); + -webkit-overflow-scrolling: touch; +} +.navbar-collapse.in { + overflow-y: auto; +} +@media (min-width: 768px) { + .navbar-collapse { + width: auto; + border-top: 0; + box-shadow: none; + } + .navbar-collapse.collapse { + display: block !important; + height: auto !important; + padding-bottom: 0; + overflow: visible !important; + } + .navbar-collapse.in { + overflow-y: visible; + } + .navbar-fixed-top .navbar-collapse, + .navbar-static-top .navbar-collapse, + .navbar-fixed-bottom .navbar-collapse { + padding-left: 0; + padding-right: 0; + } +} +.container > .navbar-header, +.container-fluid > .navbar-header, +.container > .navbar-collapse, +.container-fluid > .navbar-collapse { + margin-right: -15px; + margin-left: -15px; +} +@media (min-width: 768px) { + .container > .navbar-header, + .container-fluid > .navbar-header, + .container > .navbar-collapse, + .container-fluid > .navbar-collapse { + margin-right: 0; + margin-left: 0; + } +} +.navbar-static-top { + z-index: 1000; + border-width: 0 0 1px; +} +@media (min-width: 768px) { + .navbar-static-top { + border-radius: 0; + } +} +.navbar-fixed-top, +.navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; +} +@media (min-width: 768px) { + .navbar-fixed-top, + .navbar-fixed-bottom { + border-radius: 0; + } +} +.navbar-fixed-top { + top: 0; + border-width: 0 0 1px; +} +.navbar-fixed-bottom { + bottom: 0; + margin-bottom: 0; + border-width: 1px 0 0; +} +.navbar-brand { + float: left; + padding: 15px 15px; + font-size: 18px; + line-height: 20px; + height: 50px; +} +.navbar-brand:hover, +.navbar-brand:focus { + text-decoration: none; +} +@media (min-width: 768px) { + .navbar > .container .navbar-brand, + .navbar > .container-fluid .navbar-brand { + margin-left: -15px; + } +} +.navbar-toggle { + position: relative; + float: right; + margin-right: 15px; + padding: 9px 10px; + margin-top: 8px; + margin-bottom: 8px; + background-color: transparent; + background-image: none; + border: 1px solid transparent; + border-radius: 4px; +} +.navbar-toggle:focus { + outline: none; +} +.navbar-toggle .icon-bar { + display: block; + width: 22px; + height: 2px; + border-radius: 1px; +} +.navbar-toggle .icon-bar + .icon-bar { + margin-top: 4px; +} +@media (min-width: 768px) { + .navbar-toggle { + display: none; + } +} +.navbar-nav { + margin: 7.5px -15px; +} +.navbar-nav > li > a { + padding-top: 10px; + padding-bottom: 10px; + line-height: 20px; +} +@media (max-width: 767px) { + .navbar-nav .open .dropdown-menu { + position: static; + float: none; + width: auto; + margin-top: 0; + background-color: transparent; + border: 0; + box-shadow: none; + } + .navbar-nav .open .dropdown-menu > li > a, + .navbar-nav .open .dropdown-menu .dropdown-header { + padding: 5px 15px 5px 25px; + } + .navbar-nav .open .dropdown-menu > li > a { + line-height: 20px; + } + .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-nav .open .dropdown-menu > li > a:focus { + background-image: none; + } +} +@media (min-width: 768px) { + .navbar-nav { + float: left; + margin: 0; + } + .navbar-nav > li { + float: left; + } + .navbar-nav > li > a { + padding-top: 15px; + padding-bottom: 15px; + } + .navbar-nav.navbar-right:last-child { + margin-right: -15px; + } +} +@media (min-width: 768px) { + .navbar-left { + float: left !important; + } + .navbar-right { + float: right !important; + } +} +.navbar-form { + margin-left: -15px; + margin-right: -15px; + padding: 10px 15px; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + margin-top: 8px; + margin-bottom: 8px; +} +@media (min-width: 768px) { + .navbar-form .form-group { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; + } + .navbar-form .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .navbar-form .input-group > .form-control { + width: 100%; + } + .navbar-form .control-label { + margin-bottom: 0; + vertical-align: middle; + } + .navbar-form .radio, + .navbar-form .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + padding-left: 0; + vertical-align: middle; + } + .navbar-form .radio input[type="radio"], + .navbar-form .checkbox input[type="checkbox"] { + float: none; + margin-left: 0; + } + .navbar-form .has-feedback .form-control-feedback { + top: 0; + } +} +@media (max-width: 767px) { + .navbar-form .form-group { + margin-bottom: 5px; + } +} +@media (min-width: 768px) { + .navbar-form { + width: auto; + border: 0; + margin-left: 0; + margin-right: 0; + padding-top: 0; + padding-bottom: 0; + -webkit-box-shadow: none; + box-shadow: none; + } + .navbar-form.navbar-right:last-child { + margin-right: -15px; + } +} +.navbar-nav > li > .dropdown-menu { + margin-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.navbar-btn { + margin-top: 8px; + margin-bottom: 8px; +} +.navbar-btn.btn-sm { + margin-top: 10px; + margin-bottom: 10px; +} +.navbar-btn.btn-xs { + margin-top: 14px; + margin-bottom: 14px; +} +.navbar-text { + margin-top: 15px; + margin-bottom: 15px; +} +@media (min-width: 768px) { + .navbar-text { + float: left; + margin-left: 15px; + margin-right: 15px; + } + .navbar-text.navbar-right:last-child { + margin-right: 0; + } +} +.navbar-default { + background-color: #f8f8f8; + border-color: #e7e7e7; +} +.navbar-default .navbar-brand { + color: #777777; +} +.navbar-default .navbar-brand:hover, +.navbar-default .navbar-brand:focus { + color: #5e5e5e; + background-color: transparent; +} +.navbar-default .navbar-text { + color: #777777; +} +.navbar-default .navbar-nav > li > a { + color: #777777; +} +.navbar-default .navbar-nav > li > a:hover, +.navbar-default .navbar-nav > li > a:focus { + color: #333333; + background-color: transparent; +} +.navbar-default .navbar-nav > .active > a, +.navbar-default .navbar-nav > .active > a:hover, +.navbar-default .navbar-nav > .active > a:focus { + color: #555555; + background-color: #e7e7e7; +} +.navbar-default .navbar-nav > .disabled > a, +.navbar-default .navbar-nav > .disabled > a:hover, +.navbar-default .navbar-nav > .disabled > a:focus { + color: #cccccc; + background-color: transparent; +} +.navbar-default .navbar-toggle { + border-color: #dddddd; +} +.navbar-default .navbar-toggle:hover, +.navbar-default .navbar-toggle:focus { + background-color: #dddddd; +} +.navbar-default .navbar-toggle .icon-bar { + background-color: #888888; +} +.navbar-default .navbar-collapse, +.navbar-default .navbar-form { + border-color: #e7e7e7; +} +.navbar-default .navbar-nav > .open > a, +.navbar-default .navbar-nav > .open > a:hover, +.navbar-default .navbar-nav > .open > a:focus { + background-color: #e7e7e7; + color: #555555; +} +@media (max-width: 767px) { + .navbar-default .navbar-nav .open .dropdown-menu > li > a { + color: #777777; + } + .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { + color: #333333; + background-color: transparent; + } + .navbar-default .navbar-nav .open .dropdown-menu > .active > a, + .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { + color: #555555; + background-color: #e7e7e7; + } + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #cccccc; + background-color: transparent; + } +} +.navbar-default .navbar-link { + color: #777777; +} +.navbar-default .navbar-link:hover { + color: #333333; +} +.navbar-inverse { + background-color: #222222; + border-color: #080808; +} +.navbar-inverse .navbar-brand { + color: #999999; +} +.navbar-inverse .navbar-brand:hover, +.navbar-inverse .navbar-brand:focus { + color: #ffffff; + background-color: transparent; +} +.navbar-inverse .navbar-text { + color: #999999; +} +.navbar-inverse .navbar-nav > li > a { + color: #999999; +} +.navbar-inverse .navbar-nav > li > a:hover, +.navbar-inverse .navbar-nav > li > a:focus { + color: #ffffff; + background-color: transparent; +} +.navbar-inverse .navbar-nav > .active > a, +.navbar-inverse .navbar-nav > .active > a:hover, +.navbar-inverse .navbar-nav > .active > a:focus { + color: #ffffff; + background-color: #080808; +} +.navbar-inverse .navbar-nav > .disabled > a, +.navbar-inverse .navbar-nav > .disabled > a:hover, +.navbar-inverse .navbar-nav > .disabled > a:focus { + color: #444444; + background-color: transparent; +} +.navbar-inverse .navbar-toggle { + border-color: #333333; +} +.navbar-inverse .navbar-toggle:hover, +.navbar-inverse .navbar-toggle:focus { + background-color: #333333; +} +.navbar-inverse .navbar-toggle .icon-bar { + background-color: #ffffff; +} +.navbar-inverse .navbar-collapse, +.navbar-inverse .navbar-form { + border-color: #101010; +} +.navbar-inverse .navbar-nav > .open > a, +.navbar-inverse .navbar-nav > .open > a:hover, +.navbar-inverse .navbar-nav > .open > a:focus { + background-color: #080808; + color: #ffffff; +} +@media (max-width: 767px) { + .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { + border-color: #080808; + } + .navbar-inverse .navbar-nav .open .dropdown-menu .divider { + background-color: #080808; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { + color: #999999; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { + color: #ffffff; + background-color: transparent; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { + color: #ffffff; + background-color: #080808; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #444444; + background-color: transparent; + } +} +.navbar-inverse .navbar-link { + color: #999999; +} +.navbar-inverse .navbar-link:hover { + color: #ffffff; +} +.breadcrumb { + padding: 8px 15px; + margin-bottom: 20px; + list-style: none; + background-color: #f5f5f5; + border-radius: 4px; +} +.breadcrumb > li { + display: inline-block; +} +.breadcrumb > li + li:before { + content: "/\00a0"; + padding: 0 5px; + color: #cccccc; +} +.breadcrumb > .active { + color: #999999; +} +.pagination { + display: inline-block; + padding-left: 0; + margin: 20px 0; + border-radius: 4px; +} +.pagination > li { + display: inline; +} +.pagination > li > a, +.pagination > li > span { + position: relative; + float: left; + padding: 6px 12px; + line-height: 1.42857143; + text-decoration: none; + color: #428bca; + background-color: #ffffff; + border: 1px solid #dddddd; + margin-left: -1px; +} +.pagination > li:first-child > a, +.pagination > li:first-child > span { + margin-left: 0; + border-bottom-left-radius: 4px; + border-top-left-radius: 4px; +} +.pagination > li:last-child > a, +.pagination > li:last-child > span { + border-bottom-right-radius: 4px; + border-top-right-radius: 4px; +} +.pagination > li > a:hover, +.pagination > li > span:hover, +.pagination > li > a:focus, +.pagination > li > span:focus { + color: #2a6496; + background-color: #eeeeee; + border-color: #dddddd; +} +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus { + z-index: 2; + color: #ffffff; + background-color: #428bca; + border-color: #428bca; + cursor: default; +} +.pagination > .disabled > span, +.pagination > .disabled > span:hover, +.pagination > .disabled > span:focus, +.pagination > .disabled > a, +.pagination > .disabled > a:hover, +.pagination > .disabled > a:focus { + color: #999999; + background-color: #ffffff; + border-color: #dddddd; + cursor: not-allowed; +} +.pagination-lg > li > a, +.pagination-lg > li > span { + padding: 10px 16px; + font-size: 18px; +} +.pagination-lg > li:first-child > a, +.pagination-lg > li:first-child > span { + border-bottom-left-radius: 6px; + border-top-left-radius: 6px; +} +.pagination-lg > li:last-child > a, +.pagination-lg > li:last-child > span { + border-bottom-right-radius: 6px; + border-top-right-radius: 6px; +} +.pagination-sm > li > a, +.pagination-sm > li > span { + padding: 5px 10px; + font-size: 12px; +} +.pagination-sm > li:first-child > a, +.pagination-sm > li:first-child > span { + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; +} +.pagination-sm > li:last-child > a, +.pagination-sm > li:last-child > span { + border-bottom-right-radius: 3px; + border-top-right-radius: 3px; +} +.pager { + padding-left: 0; + margin: 20px 0; + list-style: none; + text-align: center; +} +.pager li { + display: inline; +} +.pager li > a, +.pager li > span { + display: inline-block; + padding: 5px 14px; + background-color: #ffffff; + border: 1px solid #dddddd; + border-radius: 15px; +} +.pager li > a:hover, +.pager li > a:focus { + text-decoration: none; + background-color: #eeeeee; +} +.pager .next > a, +.pager .next > span { + float: right; +} +.pager .previous > a, +.pager .previous > span { + float: left; +} +.pager .disabled > a, +.pager .disabled > a:hover, +.pager .disabled > a:focus, +.pager .disabled > span { + color: #999999; + background-color: #ffffff; + cursor: not-allowed; +} +.label { + display: inline; + padding: .2em .6em .3em; + font-size: 75%; + font-weight: bold; + line-height: 1; + color: #ffffff; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: .25em; +} +.label[href]:hover, +.label[href]:focus { + color: #ffffff; + text-decoration: none; + cursor: pointer; +} +.label:empty { + display: none; +} +.btn .label { + position: relative; + top: -1px; +} +.label-default { + background-color: #999999; +} +.label-default[href]:hover, +.label-default[href]:focus { + background-color: #808080; +} +.label-primary { + background-color: #428bca; +} +.label-primary[href]:hover, +.label-primary[href]:focus { + background-color: #3071a9; +} +.label-success { + background-color: #5cb85c; +} +.label-success[href]:hover, +.label-success[href]:focus { + background-color: #449d44; +} +.label-info { + background-color: #5bc0de; +} +.label-info[href]:hover, +.label-info[href]:focus { + background-color: #31b0d5; +} +.label-warning { + background-color: #f0ad4e; +} +.label-warning[href]:hover, +.label-warning[href]:focus { + background-color: #ec971f; +} +.label-danger { + background-color: #d9534f; +} +.label-danger[href]:hover, +.label-danger[href]:focus { + background-color: #c9302c; +} +.badge { + display: inline-block; + min-width: 10px; + padding: 3px 7px; + font-size: 12px; + font-weight: bold; + color: #ffffff; + line-height: 1; + vertical-align: baseline; + white-space: nowrap; + text-align: center; + background-color: #999999; + border-radius: 10px; +} +.badge:empty { + display: none; +} +.btn .badge { + position: relative; + top: -1px; +} +.btn-xs .badge { + top: 0; + padding: 1px 5px; +} +a.badge:hover, +a.badge:focus { + color: #ffffff; + text-decoration: none; + cursor: pointer; +} +a.list-group-item.active > .badge, +.nav-pills > .active > a > .badge { + color: #428bca; + background-color: #ffffff; +} +.nav-pills > li > a > .badge { + margin-left: 3px; +} +.jumbotron { + padding: 30px; + margin-bottom: 30px; + color: inherit; + background-color: #eeeeee; +} +.jumbotron h1, +.jumbotron .h1 { + color: inherit; +} +.jumbotron p { + margin-bottom: 15px; + font-size: 21px; + font-weight: 200; +} +.container .jumbotron { + border-radius: 6px; +} +.jumbotron .container { + max-width: 100%; +} +@media screen and (min-width: 768px) { + .jumbotron { + padding-top: 48px; + padding-bottom: 48px; + } + .container .jumbotron { + padding-left: 60px; + padding-right: 60px; + } + .jumbotron h1, + .jumbotron .h1 { + font-size: 63px; + } +} +.thumbnail { + display: block; + padding: 4px; + margin-bottom: 20px; + line-height: 1.42857143; + background-color: #ffffff; + border: 1px solid #dddddd; + border-radius: 4px; + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; +} +.thumbnail > img, +.thumbnail a > img { + margin-left: auto; + margin-right: auto; +} +a.thumbnail:hover, +a.thumbnail:focus, +a.thumbnail.active { + border-color: #428bca; +} +.thumbnail .caption { + padding: 9px; + color: #333333; +} +.alert { + padding: 15px; + margin-bottom: 20px; + border: 1px solid transparent; + border-radius: 4px; +} +.alert h4 { + margin-top: 0; + color: inherit; +} +.alert .alert-link { + font-weight: bold; +} +.alert > p, +.alert > ul { + margin-bottom: 0; +} +.alert > p + p { + margin-top: 5px; +} +.alert-dismissable { + padding-right: 35px; +} +.alert-dismissable .close { + position: relative; + top: -2px; + right: -21px; + color: inherit; +} +.alert-success { + background-color: #dff0d8; + border-color: #d6e9c6; + color: #3c763d; +} +.alert-success hr { + border-top-color: #c9e2b3; +} +.alert-success .alert-link { + color: #2b542c; +} +.alert-info { + background-color: #d9edf7; + border-color: #bce8f1; + color: #31708f; +} +.alert-info hr { + border-top-color: #a6e1ec; +} +.alert-info .alert-link { + color: #245269; +} +.alert-warning { + background-color: #fcf8e3; + border-color: #faebcc; + color: #8a6d3b; +} +.alert-warning hr { + border-top-color: #f7e1b5; +} +.alert-warning .alert-link { + color: #66512c; +} +.alert-danger { + background-color: #f2dede; + border-color: #ebccd1; + color: #a94442; +} +.alert-danger hr { + border-top-color: #e4b9c0; +} +.alert-danger .alert-link { + color: #843534; +} +@-webkit-keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} +@keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} +.progress { + overflow: hidden; + height: 20px; + margin-bottom: 20px; + background-color: #f5f5f5; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); +} +.progress-bar { + float: left; + width: 0%; + height: 100%; + font-size: 12px; + line-height: 20px; + color: #ffffff; + text-align: center; + background-color: #428bca; + -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + -webkit-transition: width 0.6s ease; + transition: width 0.6s ease; +} +.progress-striped .progress-bar { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 40px 40px; +} +.progress.active .progress-bar { + -webkit-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; +} +.progress-bar-success { + background-color: #5cb85c; +} +.progress-striped .progress-bar-success { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +.progress-bar-info { + background-color: #5bc0de; +} +.progress-striped .progress-bar-info { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +.progress-bar-warning { + background-color: #f0ad4e; +} +.progress-striped .progress-bar-warning { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +.progress-bar-danger { + background-color: #d9534f; +} +.progress-striped .progress-bar-danger { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +.media, +.media-body { + overflow: hidden; + zoom: 1; +} +.media, +.media .media { + margin-top: 15px; +} +.media:first-child { + margin-top: 0; +} +.media-object { + display: block; +} +.media-heading { + margin: 0 0 5px; +} +.media > .pull-left { + margin-right: 10px; +} +.media > .pull-right { + margin-left: 10px; +} +.media-list { + padding-left: 0; + list-style: none; +} +.list-group { + margin-bottom: 20px; + padding-left: 0; +} +.list-group-item { + position: relative; + display: block; + padding: 10px 15px; + margin-bottom: -1px; + background-color: #ffffff; + border: 1px solid #dddddd; +} +.list-group-item:first-child { + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.list-group-item:last-child { + margin-bottom: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.list-group-item > .badge { + float: right; +} +.list-group-item > .badge + .badge { + margin-right: 5px; +} +a.list-group-item { + color: #555555; +} +a.list-group-item .list-group-item-heading { + color: #333333; +} +a.list-group-item:hover, +a.list-group-item:focus { + text-decoration: none; + background-color: #f5f5f5; +} +a.list-group-item.active, +a.list-group-item.active:hover, +a.list-group-item.active:focus { + z-index: 2; + color: #ffffff; + background-color: #428bca; + border-color: #428bca; +} +a.list-group-item.active .list-group-item-heading, +a.list-group-item.active:hover .list-group-item-heading, +a.list-group-item.active:focus .list-group-item-heading { + color: inherit; +} +a.list-group-item.active .list-group-item-text, +a.list-group-item.active:hover .list-group-item-text, +a.list-group-item.active:focus .list-group-item-text { + color: #e1edf7; +} +.list-group-item-success { + color: #3c763d; + background-color: #dff0d8; +} +a.list-group-item-success { + color: #3c763d; +} +a.list-group-item-success .list-group-item-heading { + color: inherit; +} +a.list-group-item-success:hover, +a.list-group-item-success:focus { + color: #3c763d; + background-color: #d0e9c6; +} +a.list-group-item-success.active, +a.list-group-item-success.active:hover, +a.list-group-item-success.active:focus { + color: #fff; + background-color: #3c763d; + border-color: #3c763d; +} +.list-group-item-info { + color: #31708f; + background-color: #d9edf7; +} +a.list-group-item-info { + color: #31708f; +} +a.list-group-item-info .list-group-item-heading { + color: inherit; +} +a.list-group-item-info:hover, +a.list-group-item-info:focus { + color: #31708f; + background-color: #c4e3f3; +} +a.list-group-item-info.active, +a.list-group-item-info.active:hover, +a.list-group-item-info.active:focus { + color: #fff; + background-color: #31708f; + border-color: #31708f; +} +.list-group-item-warning { + color: #8a6d3b; + background-color: #fcf8e3; +} +a.list-group-item-warning { + color: #8a6d3b; +} +a.list-group-item-warning .list-group-item-heading { + color: inherit; +} +a.list-group-item-warning:hover, +a.list-group-item-warning:focus { + color: #8a6d3b; + background-color: #faf2cc; +} +a.list-group-item-warning.active, +a.list-group-item-warning.active:hover, +a.list-group-item-warning.active:focus { + color: #fff; + background-color: #8a6d3b; + border-color: #8a6d3b; +} +.list-group-item-danger { + color: #a94442; + background-color: #f2dede; +} +a.list-group-item-danger { + color: #a94442; +} +a.list-group-item-danger .list-group-item-heading { + color: inherit; +} +a.list-group-item-danger:hover, +a.list-group-item-danger:focus { + color: #a94442; + background-color: #ebcccc; +} +a.list-group-item-danger.active, +a.list-group-item-danger.active:hover, +a.list-group-item-danger.active:focus { + color: #fff; + background-color: #a94442; + border-color: #a94442; +} +.list-group-item-heading { + margin-top: 0; + margin-bottom: 5px; +} +.list-group-item-text { + margin-bottom: 0; + line-height: 1.3; +} +.panel { + margin-bottom: 20px; + background-color: #ffffff; + border: 1px solid transparent; + border-radius: 4px; + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); +} +.panel-body { + padding: 15px; +} +.panel-heading { + padding: 10px 15px; + border-bottom: 1px solid transparent; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.panel-heading > .dropdown .dropdown-toggle { + color: inherit; +} +.panel-title { + margin-top: 0; + margin-bottom: 0; + font-size: 16px; + color: inherit; +} +.panel-title > a { + color: inherit; +} +.panel-footer { + padding: 10px 15px; + background-color: #f5f5f5; + border-top: 1px solid #dddddd; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.panel > .list-group { + margin-bottom: 0; +} +.panel > .list-group .list-group-item { + border-width: 1px 0; + border-radius: 0; +} +.panel > .list-group:first-child .list-group-item:first-child { + border-top: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.panel > .list-group:last-child .list-group-item:last-child { + border-bottom: 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.panel-heading + .list-group .list-group-item:first-child { + border-top-width: 0; +} +.panel > .table, +.panel > .table-responsive > .table { + margin-bottom: 0; +} +.panel > .table:first-child, +.panel > .table-responsive:first-child > .table:first-child { + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, +.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, +.panel > .table:first-child > thead:first-child > tr:first-child th:first-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, +.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { + border-top-left-radius: 3px; +} +.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, +.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, +.panel > .table:first-child > thead:first-child > tr:first-child th:last-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, +.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { + border-top-right-radius: 3px; +} +.panel > .table:last-child, +.panel > .table-responsive:last-child > .table:last-child { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, +.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { + border-bottom-left-radius: 3px; +} +.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, +.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { + border-bottom-right-radius: 3px; +} +.panel > .panel-body + .table, +.panel > .panel-body + .table-responsive { + border-top: 1px solid #dddddd; +} +.panel > .table > tbody:first-child > tr:first-child th, +.panel > .table > tbody:first-child > tr:first-child td { + border-top: 0; +} +.panel > .table-bordered, +.panel > .table-responsive > .table-bordered { + border: 0; +} +.panel > .table-bordered > thead > tr > th:first-child, +.panel > .table-responsive > .table-bordered > thead > tr > th:first-child, +.panel > .table-bordered > tbody > tr > th:first-child, +.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, +.panel > .table-bordered > tfoot > tr > th:first-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, +.panel > .table-bordered > thead > tr > td:first-child, +.panel > .table-responsive > .table-bordered > thead > tr > td:first-child, +.panel > .table-bordered > tbody > tr > td:first-child, +.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, +.panel > .table-bordered > tfoot > tr > td:first-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { + border-left: 0; +} +.panel > .table-bordered > thead > tr > th:last-child, +.panel > .table-responsive > .table-bordered > thead > tr > th:last-child, +.panel > .table-bordered > tbody > tr > th:last-child, +.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, +.panel > .table-bordered > tfoot > tr > th:last-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, +.panel > .table-bordered > thead > tr > td:last-child, +.panel > .table-responsive > .table-bordered > thead > tr > td:last-child, +.panel > .table-bordered > tbody > tr > td:last-child, +.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, +.panel > .table-bordered > tfoot > tr > td:last-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { + border-right: 0; +} +.panel > .table-bordered > thead > tr:first-child > td, +.panel > .table-responsive > .table-bordered > thead > tr:first-child > td, +.panel > .table-bordered > tbody > tr:first-child > td, +.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, +.panel > .table-bordered > thead > tr:first-child > th, +.panel > .table-responsive > .table-bordered > thead > tr:first-child > th, +.panel > .table-bordered > tbody > tr:first-child > th, +.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { + border-bottom: 0; +} +.panel > .table-bordered > tbody > tr:last-child > td, +.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, +.panel > .table-bordered > tfoot > tr:last-child > td, +.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, +.panel > .table-bordered > tbody > tr:last-child > th, +.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, +.panel > .table-bordered > tfoot > tr:last-child > th, +.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { + border-bottom: 0; +} +.panel > .table-responsive { + border: 0; + margin-bottom: 0; +} +.panel-group { + margin-bottom: 20px; +} +.panel-group .panel { + margin-bottom: 0; + border-radius: 4px; + overflow: hidden; +} +.panel-group .panel + .panel { + margin-top: 5px; +} +.panel-group .panel-heading { + border-bottom: 0; +} +.panel-group .panel-heading + .panel-collapse .panel-body { + border-top: 1px solid #dddddd; +} +.panel-group .panel-footer { + border-top: 0; +} +.panel-group .panel-footer + .panel-collapse .panel-body { + border-bottom: 1px solid #dddddd; +} +.panel-default { + border-color: #dddddd; +} +.panel-default > .panel-heading { + color: #333333; + background-color: #f5f5f5; + border-color: #dddddd; +} +.panel-default > .panel-heading + .panel-collapse .panel-body { + border-top-color: #dddddd; +} +.panel-default > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #dddddd; +} +.panel-primary { + border-color: #428bca; +} +.panel-primary > .panel-heading { + color: #ffffff; + background-color: #428bca; + border-color: #428bca; +} +.panel-primary > .panel-heading + .panel-collapse .panel-body { + border-top-color: #428bca; +} +.panel-primary > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #428bca; +} +.panel-success { + border-color: #d6e9c6; +} +.panel-success > .panel-heading { + color: #3c763d; + background-color: #dff0d8; + border-color: #d6e9c6; +} +.panel-success > .panel-heading + .panel-collapse .panel-body { + border-top-color: #d6e9c6; +} +.panel-success > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #d6e9c6; +} +.panel-info { + border-color: #bce8f1; +} +.panel-info > .panel-heading { + color: #31708f; + background-color: #d9edf7; + border-color: #bce8f1; +} +.panel-info > .panel-heading + .panel-collapse .panel-body { + border-top-color: #bce8f1; +} +.panel-info > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #bce8f1; +} +.panel-warning { + border-color: #faebcc; +} +.panel-warning > .panel-heading { + color: #8a6d3b; + background-color: #fcf8e3; + border-color: #faebcc; +} +.panel-warning > .panel-heading + .panel-collapse .panel-body { + border-top-color: #faebcc; +} +.panel-warning > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #faebcc; +} +.panel-danger { + border-color: #ebccd1; +} +.panel-danger > .panel-heading { + color: #a94442; + background-color: #f2dede; + border-color: #ebccd1; +} +.panel-danger > .panel-heading + .panel-collapse .panel-body { + border-top-color: #ebccd1; +} +.panel-danger > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #ebccd1; +} +.well { + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + background-color: #f5f5f5; + border: 1px solid #e3e3e3; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); +} +.well blockquote { + border-color: #ddd; + border-color: rgba(0, 0, 0, 0.15); +} +.well-lg { + padding: 24px; + border-radius: 6px; +} +.well-sm { + padding: 9px; + border-radius: 3px; +} +.close { + float: right; + font-size: 21px; + font-weight: bold; + line-height: 1; + color: #000000; + text-shadow: 0 1px 0 #ffffff; + opacity: 0.2; + filter: alpha(opacity=20); +} +.close:hover, +.close:focus { + color: #000000; + text-decoration: none; + cursor: pointer; + opacity: 0.5; + filter: alpha(opacity=50); +} +button.close { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; +} +.modal-open { + overflow: hidden; +} +.modal { + display: none; + overflow: auto; + overflow-y: scroll; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1050; + -webkit-overflow-scrolling: touch; + outline: 0; +} +.modal.fade .modal-dialog { + -webkit-transform: translate(0, -25%); + -ms-transform: translate(0, -25%); + transform: translate(0, -25%); + -webkit-transition: -webkit-transform 0.3s ease-out; + -moz-transition: -moz-transform 0.3s ease-out; + -o-transition: -o-transform 0.3s ease-out; + transition: transform 0.3s ease-out; +} +.modal.in .modal-dialog { + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); + transform: translate(0, 0); +} +.modal-dialog { + position: relative; + width: auto; + margin: 10px; +} +.modal-content { + position: relative; + background-color: #ffffff; + border: 1px solid #999999; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 6px; + -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + background-clip: padding-box; + outline: none; +} +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1040; + background-color: #000000; +} +.modal-backdrop.fade { + opacity: 0; + filter: alpha(opacity=0); +} +.modal-backdrop.in { + opacity: 0.5; + filter: alpha(opacity=50); +} +.modal-header { + padding: 15px; + border-bottom: 1px solid #e5e5e5; + min-height: 16.42857143px; +} +.modal-header .close { + margin-top: -2px; +} +.modal-title { + margin: 0; + line-height: 1.42857143; +} +.modal-body { + position: relative; + padding: 20px; +} +.modal-footer { + margin-top: 15px; + padding: 19px 20px 20px; + text-align: right; + border-top: 1px solid #e5e5e5; +} +.modal-footer .btn + .btn { + margin-left: 5px; + margin-bottom: 0; +} +.modal-footer .btn-group .btn + .btn { + margin-left: -1px; +} +.modal-footer .btn-block + .btn-block { + margin-left: 0; +} +@media (min-width: 768px) { + .modal-dialog { + width: 600px; + margin: 30px auto; + } + .modal-content { + -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); + } + .modal-sm { + width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg { + width: 900px; + } +} +.tooltip { + position: absolute; + z-index: 1030; + display: block; + visibility: visible; + font-size: 12px; + line-height: 1.4; + opacity: 0; + filter: alpha(opacity=0); +} +.tooltip.in { + opacity: 0.9; + filter: alpha(opacity=90); +} +.tooltip.top { + margin-top: -3px; + padding: 5px 0; +} +.tooltip.right { + margin-left: 3px; + padding: 0 5px; +} +.tooltip.bottom { + margin-top: 3px; + padding: 5px 0; +} +.tooltip.left { + margin-left: -3px; + padding: 0 5px; +} +.tooltip-inner { + max-width: 200px; + padding: 3px 8px; + color: #ffffff; + text-align: center; + text-decoration: none; + background-color: #000000; + border-radius: 4px; +} +.tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +.tooltip.top .tooltip-arrow { + bottom: 0; + left: 50%; + margin-left: -5px; + border-width: 5px 5px 0; + border-top-color: #000000; +} +.tooltip.top-left .tooltip-arrow { + bottom: 0; + left: 5px; + border-width: 5px 5px 0; + border-top-color: #000000; +} +.tooltip.top-right .tooltip-arrow { + bottom: 0; + right: 5px; + border-width: 5px 5px 0; + border-top-color: #000000; +} +.tooltip.right .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-width: 5px 5px 5px 0; + border-right-color: #000000; +} +.tooltip.left .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-width: 5px 0 5px 5px; + border-left-color: #000000; +} +.tooltip.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-width: 0 5px 5px; + border-bottom-color: #000000; +} +.tooltip.bottom-left .tooltip-arrow { + top: 0; + left: 5px; + border-width: 0 5px 5px; + border-bottom-color: #000000; +} +.tooltip.bottom-right .tooltip-arrow { + top: 0; + right: 5px; + border-width: 0 5px 5px; + border-bottom-color: #000000; +} +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1010; + display: none; + max-width: 276px; + padding: 1px; + text-align: left; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid #cccccc; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 6px; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + white-space: normal; +} +.popover.top { + margin-top: -10px; +} +.popover.right { + margin-left: 10px; +} +.popover.bottom { + margin-top: 10px; +} +.popover.left { + margin-left: -10px; +} +.popover-title { + margin: 0; + padding: 8px 14px; + font-size: 14px; + font-weight: normal; + line-height: 18px; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-radius: 5px 5px 0 0; +} +.popover-content { + padding: 9px 14px; +} +.popover > .arrow, +.popover > .arrow:after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +.popover > .arrow { + border-width: 11px; +} +.popover > .arrow:after { + border-width: 10px; + content: ""; +} +.popover.top > .arrow { + left: 50%; + margin-left: -11px; + border-bottom-width: 0; + border-top-color: #999999; + border-top-color: rgba(0, 0, 0, 0.25); + bottom: -11px; +} +.popover.top > .arrow:after { + content: " "; + bottom: 1px; + margin-left: -10px; + border-bottom-width: 0; + border-top-color: #ffffff; +} +.popover.right > .arrow { + top: 50%; + left: -11px; + margin-top: -11px; + border-left-width: 0; + border-right-color: #999999; + border-right-color: rgba(0, 0, 0, 0.25); +} +.popover.right > .arrow:after { + content: " "; + left: 1px; + bottom: -10px; + border-left-width: 0; + border-right-color: #ffffff; +} +.popover.bottom > .arrow { + left: 50%; + margin-left: -11px; + border-top-width: 0; + border-bottom-color: #999999; + border-bottom-color: rgba(0, 0, 0, 0.25); + top: -11px; +} +.popover.bottom > .arrow:after { + content: " "; + top: 1px; + margin-left: -10px; + border-top-width: 0; + border-bottom-color: #ffffff; +} +.popover.left > .arrow { + top: 50%; + right: -11px; + margin-top: -11px; + border-right-width: 0; + border-left-color: #999999; + border-left-color: rgba(0, 0, 0, 0.25); +} +.popover.left > .arrow:after { + content: " "; + right: 1px; + border-right-width: 0; + border-left-color: #ffffff; + bottom: -10px; +} +.carousel { + position: relative; +} +.carousel-inner { + position: relative; + overflow: hidden; + width: 100%; +} +.carousel-inner > .item { + display: none; + position: relative; + -webkit-transition: 0.6s ease-in-out left; + transition: 0.6s ease-in-out left; +} +.carousel-inner > .item > img, +.carousel-inner > .item > a > img { + line-height: 1; +} +.carousel-inner > .active, +.carousel-inner > .next, +.carousel-inner > .prev { + display: block; +} +.carousel-inner > .active { + left: 0; +} +.carousel-inner > .next, +.carousel-inner > .prev { + position: absolute; + top: 0; + width: 100%; +} +.carousel-inner > .next { + left: 100%; +} +.carousel-inner > .prev { + left: -100%; +} +.carousel-inner > .next.left, +.carousel-inner > .prev.right { + left: 0; +} +.carousel-inner > .active.left { + left: -100%; +} +.carousel-inner > .active.right { + left: 100%; +} +.carousel-control { + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: 15%; + opacity: 0.5; + filter: alpha(opacity=50); + font-size: 20px; + color: #ffffff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); +} +.carousel-control.left { + background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%)); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); +} +.carousel-control.right { + left: auto; + right: 0; + background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%)); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); +} +.carousel-control:hover, +.carousel-control:focus { + outline: none; + color: #ffffff; + text-decoration: none; + opacity: 0.9; + filter: alpha(opacity=90); +} +.carousel-control .icon-prev, +.carousel-control .icon-next, +.carousel-control .glyphicon-chevron-left, +.carousel-control .glyphicon-chevron-right { + position: absolute; + top: 50%; + z-index: 5; + display: inline-block; +} +.carousel-control .icon-prev, +.carousel-control .glyphicon-chevron-left { + left: 50%; +} +.carousel-control .icon-next, +.carousel-control .glyphicon-chevron-right { + right: 50%; +} +.carousel-control .icon-prev, +.carousel-control .icon-next { + width: 20px; + height: 20px; + margin-top: -10px; + margin-left: -10px; + font-family: serif; +} +.carousel-control .icon-prev:before { + content: '\2039'; +} +.carousel-control .icon-next:before { + content: '\203a'; +} +.carousel-indicators { + position: absolute; + bottom: 10px; + left: 50%; + z-index: 15; + width: 60%; + margin-left: -30%; + padding-left: 0; + list-style: none; + text-align: center; +} +.carousel-indicators li { + display: inline-block; + width: 10px; + height: 10px; + margin: 1px; + text-indent: -999px; + border: 1px solid #ffffff; + border-radius: 10px; + cursor: pointer; + background-color: #000 \9; + background-color: rgba(0, 0, 0, 0); +} +.carousel-indicators .active { + margin: 0; + width: 12px; + height: 12px; + background-color: #ffffff; +} +.carousel-caption { + position: absolute; + left: 15%; + right: 15%; + bottom: 20px; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #ffffff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); +} +.carousel-caption .btn { + text-shadow: none; +} +@media screen and (min-width: 768px) { + .carousel-control .glyphicon-chevron-left, + .carousel-control .glyphicon-chevron-right, + .carousel-control .icon-prev, + .carousel-control .icon-next { + width: 30px; + height: 30px; + margin-top: -15px; + margin-left: -15px; + font-size: 30px; + } + .carousel-caption { + left: 20%; + right: 20%; + padding-bottom: 30px; + } + .carousel-indicators { + bottom: 20px; + } +} +.clearfix:before, +.clearfix:after, +.container:before, +.container:after, +.container-fluid:before, +.container-fluid:after, +.row:before, +.row:after, +.form-horizontal .form-group:before, +.form-horizontal .form-group:after, +.btn-toolbar:before, +.btn-toolbar:after, +.btn-group-vertical > .btn-group:before, +.btn-group-vertical > .btn-group:after, +.nav:before, +.nav:after, +.navbar:before, +.navbar:after, +.navbar-header:before, +.navbar-header:after, +.navbar-collapse:before, +.navbar-collapse:after, +.pager:before, +.pager:after, +.panel-body:before, +.panel-body:after, +.modal-footer:before, +.modal-footer:after { + content: " "; + display: table; +} +.clearfix:after, +.container:after, +.container-fluid:after, +.row:after, +.form-horizontal .form-group:after, +.btn-toolbar:after, +.btn-group-vertical > .btn-group:after, +.nav:after, +.navbar:after, +.navbar-header:after, +.navbar-collapse:after, +.pager:after, +.panel-body:after, +.modal-footer:after { + clear: both; +} +.center-block { + display: block; + margin-left: auto; + margin-right: auto; +} +.pull-right { + float: right !important; +} +.pull-left { + float: left !important; +} +.hide { + display: none !important; +} +.show { + display: block !important; +} +.invisible { + visibility: hidden; +} +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} +.hidden { + display: none !important; + visibility: hidden !important; +} +.affix { + position: fixed; +} +@-ms-viewport { + width: device-width; +} +.visible-xs, +.visible-sm, +.visible-md, +.visible-lg { + display: none !important; +} +@media (max-width: 767px) { + .visible-xs { + display: block !important; + } + table.visible-xs { + display: table; + } + tr.visible-xs { + display: table-row !important; + } + th.visible-xs, + td.visible-xs { + display: table-cell !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm { + display: block !important; + } + table.visible-sm { + display: table; + } + tr.visible-sm { + display: table-row !important; + } + th.visible-sm, + td.visible-sm { + display: table-cell !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md { + display: block !important; + } + table.visible-md { + display: table; + } + tr.visible-md { + display: table-row !important; + } + th.visible-md, + td.visible-md { + display: table-cell !important; + } +} +@media (min-width: 1200px) { + .visible-lg { + display: block !important; + } + table.visible-lg { + display: table; + } + tr.visible-lg { + display: table-row !important; + } + th.visible-lg, + td.visible-lg { + display: table-cell !important; + } +} +@media (max-width: 767px) { + .hidden-xs { + display: none !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .hidden-sm { + display: none !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .hidden-md { + display: none !important; + } +} +@media (min-width: 1200px) { + .hidden-lg { + display: none !important; + } +} +.visible-print { + display: none !important; +} +@media print { + .visible-print { + display: block !important; + } + table.visible-print { + display: table; + } + tr.visible-print { + display: table-row !important; + } + th.visible-print, + td.visible-print { + display: table-cell !important; + } +} +@media print { + .hidden-print { + display: none !important; + } +} diff --git a/static/new/css/bootstrap.min.css b/static/new/css/bootstrap.min.css new file mode 100644 index 00000000..c19d43c5 --- /dev/null +++ b/static/new/css/bootstrap.min.css @@ -0,0 +1 @@ +/*! normalize.css v3.0.0 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0}mark{background:#ff0;color:#000}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@media print{*{text-shadow:none!important;color:#000!important;background:transparent!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff!important}.navbar{display:none}.table td,.table th{background-color:#fff!important}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#428bca;text-decoration:none}a:focus,a:hover{color:#2a6496;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#999}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:200;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}cite{font-style:normal}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-muted{color:#999}.text-primary{color:#428bca}a.text-primary:hover{color:#3071a9}.text-success{color:#3c763d}a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#428bca}a.bg-primary:hover{background-color:#3071a9}.bg-success{background-color:#dff0d8}a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #999}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#999}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0;text-align:right}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}blockquote:after,blockquote:before{content:""}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;white-space:nowrap;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container,.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.row{margin-left:-15px;margin-right:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:0}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:0}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:0}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:0}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:0}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:0}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:0}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:0}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{max-width:100%;background-color:transparent}th{text-align:left}.table{width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{background-color:#f5f5f5}table col[class*=col-]{position:static;float:none;display:table-column}table td[class*=col-],table th[class*=col-]{position:static;float:none;display:table-cell}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}@media (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd;-webkit-overflow-scrolling:touch}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{padding:0;margin:0;border:0;min-width:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}input[type=date]{line-height:34px}.form-group{margin-bottom:15px}.checkbox,.radio{display:block;min-height:20px;margin-top:10px;margin-bottom:10px;padding-left:20px}.checkbox label,.radio label{display:inline;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{float:left;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:400;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}.checkbox-inline[disabled],.checkbox[disabled],.radio-inline[disabled],.radio[disabled],fieldset[disabled] .checkbox,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio,fieldset[disabled] .radio-inline,fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox][disabled],input[type=radio][disabled]{cursor:not-allowed}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.has-feedback .form-control-feedback{position:absolute;top:25px;right:0;display:block;width:34px;height:34px;line-height:34px;text-align:center}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.form-control-static{margin-bottom:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0;vertical-align:middle}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{float:none;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .radio-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}.form-horizontal .form-control-static{padding-top:7px}@media (min-width:768px){.form-horizontal .control-label{text-align:right}}.form-horizontal .has-feedback .form-control-feedback{top:0;right:15px}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn.active:focus,.btn:active:focus,.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover,.open .dropdown-toggle.btn-default{color:#333;background-color:#ebebeb;border-color:#adadad}.btn-default.active,.btn-default:active,.open .dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open .dropdown-toggle.btn-primary{color:#fff;background-color:#3276b1;border-color:#285e8e}.btn-primary.active,.btn-primary:active,.open .dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#428bca;border-color:#357ebd}.btn-primary .badge{color:#428bca;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.active,.btn-success:active,.btn-success:focus,.btn-success:hover,.open .dropdown-toggle.btn-success{color:#fff;background-color:#47a447;border-color:#398439}.btn-success.active,.btn-success:active,.open .dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.active,.btn-info:active,.btn-info:focus,.btn-info:hover,.open .dropdown-toggle.btn-info{color:#fff;background-color:#39b3d7;border-color:#269abc}.btn-info.active,.btn-info:active,.open .dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.active,.btn-warning:active,.btn-warning:focus,.btn-warning:hover,.open .dropdown-toggle.btn-warning{color:#fff;background-color:#ed9c28;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open .dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.active,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.open .dropdown-toggle.btn-danger{color:#fff;background-color:#d2322d;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open .dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#428bca;font-weight:400;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#999;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%;padding-left:0;padding-right:0}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:14px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{text-decoration:none;color:#262626;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;outline:0;background-color:#428bca}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#999}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);cursor:not-allowed}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{left:auto;right:0}.dropdown-menu-left{left:0;right:auto}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#999}.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}@media (min-width:768px){.navbar-right .dropdown-menu{left:auto;right:0}.navbar-right .dropdown-menu-left{left:0;right:auto}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group-vertical>.btn:focus,.btn-group>.btn:focus{outline:0}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn-group:last-child>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-bottom-left-radius:4px;border-top-right-radius:0;border-top-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%}.btn-group-justified>.btn-group .btn{width:100%}[data-toggle=buttons]>.btn>input[type=checkbox],[data-toggle=buttons]>.btn>input[type=radio]{display:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-left:0;padding-right:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:-1px}.nav{margin-bottom:0;padding-left:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#999}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#999;text-decoration:none;background-color:transparent;cursor:not-allowed}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#428bca}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#428bca}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{max-height:340px;overflow-x:visible;padding-right:15px;padding-left:15px;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-left:0;padding-right:0}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;padding:15px;font-size:18px;line-height:20px;height:50px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;margin-right:15px;padding:9px 10px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}.navbar-nav.navbar-right:last-child{margin-right:-15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important}}.navbar-form{margin-left:-15px;margin-right:-15px;padding:10px 15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);margin-top:8px;margin-bottom:8px}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0;vertical-align:middle}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{float:none;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}}@media (min-width:768px){.navbar-form{width:auto;border:0;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;-webkit-box-shadow:none;box-shadow:none}.navbar-form.navbar-right:last-child{margin-right:-15px}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-left:15px;margin-right:15px}.navbar-text.navbar-right:last-child{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-nav>li>a,.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{background-color:#e7e7e7;color:#555}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#999}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>li>a,.navbar-inverse .navbar-text{color:#999}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{background-color:#080808;color:#fff}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#999}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#999}.navbar-inverse .navbar-link:hover{color:#fff}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{content:"/\00a0";padding:0 5px;color:#ccc}.breadcrumb>.active{color:#999}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#428bca;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#2a6496;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca;cursor:default}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#999;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}.pager{padding-left:0;margin:20px 0;list-style:none;text-align:center}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#999;background-color:#fff;cursor:not-allowed}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}.label[href]:focus,.label[href]:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#999}.label-default[href]:focus,.label-default[href]:hover{background-color:gray}.label-primary{background-color:#428bca}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#3071a9}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;color:#fff;line-height:1;vertical-align:baseline;white-space:nowrap;text-align:center;background-color:#999;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.nav-pills>.active>a>.badge,a.list-group-item.active>.badge{color:#428bca;background-color:#fff}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.container .jumbotron{border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron{padding-left:60px;padding-right:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-left:auto;margin-right:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#428bca}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable{padding-right:35px}.alert-dismissable .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);background-size:40px 40px}.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent)}.media,.media-body{overflow:hidden;zoom:1}.media,.media .media{margin-top:15px}.media:first-child{margin-top:0}.media-object{display:block}.media-heading{margin:0 0 5px}.media>.pull-left{margin-right:10px}.media>.pull-right{margin-left:10px}.media-list{padding-left:0;list-style:none}.list-group{margin-bottom:20px;padding-left:0}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}a.list-group-item{color:#555}a.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover{text-decoration:none;background-color:#f5f5f5}a.list-group-item.active,a.list-group-item.active:focus,a.list-group-item.active:hover{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca}a.list-group-item.active .list-group-item-heading,a.list-group-item.active:focus .list-group-item-heading,a.list-group-item.active:hover .list-group-item-heading{color:inherit}a.list-group-item.active .list-group-item-text,a.list-group-item.active:focus .list-group-item-text,a.list-group-item.active:hover .list-group-item-text{color:#e1edf7}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group{margin-bottom:0}.panel>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-right-radius:3px;border-top-left-radius:3px}.panel>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-right-radius:3px;border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-responsive{border:0;margin-bottom:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px;overflow:hidden}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse .panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse .panel-body{border-top-color:#ddd}.panel-default>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#428bca}.panel-primary>.panel-heading{color:#fff;background-color:#428bca;border-color:#428bca}.panel-primary>.panel-heading+.panel-collapse .panel-body{border-top-color:#428bca}.panel-primary>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#428bca}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse .panel-body{border-top-color:#d6e9c6}.panel-success>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse .panel-body{border-top-color:#bce8f1}.panel-info>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse .panel-body{border-top-color:#faebcc}.panel-warning>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse .panel-body{border-top-color:#ebccd1}.panel-danger>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#ebccd1}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{display:none;overflow:auto;overflow-y:scroll;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.43px}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:20px}.modal-footer{margin-top:15px;padding:19px 20px 20px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1030;display:block;visibility:visible;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0)}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;right:5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);white-space:normal}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{margin:0;padding:8px 14px;font-size:14px;font-weight:400;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{border-width:10px;content:""}.popover.top>.arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,.25);bottom:-11px}.popover.top>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,.25)}.popover.right>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}.popover.bottom>.arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25);top:-11px}.popover.bottom>.arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}.carousel{position:relative}.carousel-inner{position:relative;overflow:hidden;width:100%}.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;left:0;bottom:0;width:15%;opacity:.5;filter:alpha(opacity=50);font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-control.left{background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,.5)0),color-stop(rgba(0,0,0,.0001)100%));background-image:linear-gradient(to right,rgba(0,0,0,.5)0,rgba(0,0,0,.0001)100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)}.carousel-control.right{left:auto;right:0;background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,.0001)0),color-stop(rgba(0,0,0,.5)100%));background-image:linear-gradient(to right,rgba(0,0,0,.0001)0,rgba(0,0,0,.5)100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)}.carousel-control:focus,.carousel-control:hover{outline:0;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;margin-top:-10px;margin-left:-10px;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid #fff;border-radius:10px;cursor:pointer;background-color:rgba(0,0,0,0)}.carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#fff}.carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-15px;margin-left:-15px;font-size:30px}.carousel-caption{left:20%;right:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{content:" ";display:table}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.form-horizontal .form-group:after,.modal-footer:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important;visibility:hidden!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-print,.visible-sm,.visible-xs{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}@media print{.visible-print{display:block!important}table.visible-print{display:table}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}@media print{.hidden-print{display:none!important}} \ No newline at end of file diff --git a/static/new/css/elegant-icons.min.css b/static/new/css/elegant-icons.min.css new file mode 100644 index 00000000..25ab8664 --- /dev/null +++ b/static/new/css/elegant-icons.min.css @@ -0,0 +1 @@ +@font-face{font-family:ElegantIcons;src:url(../fonts/ElegantIcons.eot);src:url(../fonts/ElegantIcons.eot?#iefix) format('embedded-opentype'),url(../fonts/ElegantIcons.woff) format('woff'),url(../fonts/ElegantIcons.ttf) format('truetype'),url(../fonts/ElegantIcons.svg#ElegantIcons) format('svg');font-weight:400;font-style:normal}[data-icon]:before{font-family:ElegantIcons;content:attr(data-icon);speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.arrow-up-down,.arrow_back,.arrow_carrot-2down,.arrow_carrot-2down_alt2,.arrow_carrot-2dwnn_alt,.arrow_carrot-2left,.arrow_carrot-2left_alt,.arrow_carrot-2left_alt2,.arrow_carrot-2right,.arrow_carrot-2right_alt,.arrow_carrot-2right_alt2,.arrow_carrot-2up,.arrow_carrot-2up_alt,.arrow_carrot-2up_alt2,.arrow_carrot-down,.arrow_carrot-down_alt,.arrow_carrot-down_alt2,.arrow_carrot-left,.arrow_carrot-left_alt,.arrow_carrot-left_alt2,.arrow_carrot-right,.arrow_carrot-right_alt,.arrow_carrot-right_alt2,.arrow_carrot-up,.arrow_carrot-up_alt2,.arrow_carrot_up_alt,.arrow_condense,.arrow_condense_alt,.arrow_down,.arrow_down_alt,.arrow_expand,.arrow_expand_alt,.arrow_expand_alt2,.arrow_expand_alt3,.arrow_left,.arrow_left-down,.arrow_left-down_alt,.arrow_left-right,.arrow_left-right_alt,.arrow_left-up,.arrow_left-up_alt,.arrow_left_alt,.arrow_move,.arrow_right,.arrow_right-down,.arrow_right-down_alt,.arrow_right-up,.arrow_right-up_alt,.arrow_right_alt,.arrow_triangle-down,.arrow_triangle-down_alt,.arrow_triangle-down_alt2,.arrow_triangle-left,.arrow_triangle-left_alt,.arrow_triangle-left_alt2,.arrow_triangle-right,.arrow_triangle-right_alt,.arrow_triangle-right_alt2,.arrow_triangle-up,.arrow_triangle-up_alt,.arrow_triangle-up_alt2,.arrow_up,.arrow_up-down_alt,.arrow_up_alt,.icon_adjust-horiz,.icon_adjust-vert,.icon_archive,.icon_archive_alt,.icon_bag,.icon_bag_alt,.icon_balance,.icon_blocked,.icon_book,.icon_book_alt,.icon_box-checked,.icon_box-empty,.icon_box-selected,.icon_briefcase,.icon_briefcase_alt,.icon_building,.icon_building_alt,.icon_calculator_alt,.icon_calendar,.icon_calulator,.icon_camera,.icon_camera_alt,.icon_cart,.icon_cart_alt,.icon_chat,.icon_chat_alt,.icon_check,.icon_check_alt,.icon_check_alt2,.icon_circle-empty,.icon_circle-slelected,.icon_clipboard,.icon_clock,.icon_clock_alt,.icon_close,.icon_close_alt,.icon_close_alt2,.icon_cloud,.icon_cloud-download,.icon_cloud-download_alt,.icon_cloud-upload,.icon_cloud-upload_alt,.icon_cloud_alt,.icon_cog,.icon_cogs,.icon_comment,.icon_comment_alt,.icon_compass,.icon_compass_alt,.icon_cone,.icon_cone_alt,.icon_contacts,.icon_contacts_alt,.icon_creditcard,.icon_currency,.icon_currency_alt,.icon_cursor,.icon_cursor_alt,.icon_datareport,.icon_datareport_alt,.icon_desktop,.icon_dislike,.icon_dislike_alt,.icon_document,.icon_document_alt,.icon_documents,.icon_documents_alt,.icon_download,.icon_drawer,.icon_drawer_alt,.icon_drive,.icon_drive_alt,.icon_easel,.icon_easel_alt,.icon_error-circle,.icon_error-circle_alt,.icon_error-oct,.icon_error-oct_alt,.icon_error-triangle,.icon_error-triangle_alt,.icon_film,.icon_floppy,.icon_floppy_alt,.icon_flowchart,.icon_flowchart_alt,.icon_folder,.icon_folder-add,.icon_folder-add_alt,.icon_folder-alt,.icon_folder-open,.icon_folder-open_alt,.icon_folder_download,.icon_folder_upload,.icon_genius,.icon_gift,.icon_gift_alt,.icon_globe,.icon_globe-2,.icon_globe_alt,.icon_grid-2x2,.icon_grid-3x3,.icon_group,.icon_headphones,.icon_heart,.icon_heart_alt,.icon_hourglass,.icon_house,.icon_house_alt,.icon_id,.icon_id-2,.icon_id-2_alt,.icon_id_alt,.icon_image,.icon_images,.icon_info,.icon_info_alt,.icon_key,.icon_key_alt,.icon_laptop,.icon_lifesaver,.icon_lightbulb,.icon_lightbulb_alt,.icon_like,.icon_like_alt,.icon_link,.icon_link_alt,.icon_loading,.icon_lock,.icon_lock-open,.icon_lock-open_alt,.icon_lock_alt,.icon_mail,.icon_mail_alt,.icon_map,.icon_map_alt,.icon_menu,.icon_menu-circle_alt,.icon_menu-circle_alt2,.icon_menu-square_alt,.icon_menu-square_alt2,.icon_mic,.icon_mic_alt,.icon_minus-06,.icon_minus-box,.icon_minus_alt,.icon_minus_alt2,.icon_mobile,.icon_mug,.icon_mug_alt,.icon_music,.icon_ol,.icon_paperclip,.icon_pause,.icon_pause_alt,.icon_pause_alt2,.icon_pencil,.icon_pencil-edit,.icon_pencil-edit_alt,.icon_pencil_alt,.icon_pens,.icon_pens_alt,.icon_percent,.icon_percent_alt,.icon_phone,.icon_piechart,.icon_pin,.icon_pin_alt,.icon_plus,.icon_plus-box,.icon_plus_alt,.icon_plus_alt2,.icon_printer,.icon_printer-alt,.icon_profile,.icon_pushpin,.icon_pushpin_alt,.icon_puzzle,.icon_puzzle_alt,.icon_question,.icon_question_alt,.icon_question_alt2,.icon_quotations,.icon_quotations_alt,.icon_quotations_alt2,.icon_refresh,.icon_ribbon,.icon_ribbon_alt,.icon_rook,.icon_search,.icon_search-2,.icon_search_alt,.icon_shield,.icon_shield_alt,.icon_star,.icon_star-half,.icon_star-half_alt,.icon_star_alt,.icon_stop,.icon_stop_alt,.icon_stop_alt2,.icon_table,.icon_tablet,.icon_tag,.icon_tag_alt,.icon_tags,.icon_tags_alt,.icon_target,.icon_tool,.icon_toolbox,.icon_toolbox_alt,.icon_tools,.icon_trash,.icon_trash_alt,.icon_ul,.icon_upload,.icon_vol-mute,.icon_vol-mute_alt,.icon_volume-high,.icon_volume-high_alt,.icon_volume-low,.icon_volume-low_alt,.icon_wallet,.icon_wallet_alt,.icon_zoom-in,.icon_zoom-in_alt,.icon_zoom-out,.icon_zoom-out_alt,.social_blogger,.social_blogger_circle,.social_blogger_square,.social_delicious,.social_delicious_circle,.social_delicious_square,.social_deviantart,.social_deviantart_circle,.social_deviantart_square,.social_dribbble,.social_dribbble_circle,.social_dribbble_square,.social_facebook,.social_facebook_circle,.social_facebook_square,.social_flickr,.social_flickr_circle,.social_flickr_square,.social_googledrive,.social_googledrive_alt2,.social_googledrive_square,.social_googleplus,.social_googleplus_circle,.social_googleplus_square,.social_instagram,.social_instagram_circle,.social_instagram_square,.social_linkedin,.social_linkedin_circle,.social_linkedin_square,.social_myspace,.social_myspace_circle,.social_myspace_square,.social_picassa,.social_picassa_circle,.social_picassa_square,.social_pinterest,.social_pinterest_circle,.social_pinterest_square,.social_rss,.social_rss_circle,.social_rss_square,.social_share,.social_share_circle,.social_share_square,.social_skype,.social_skype_circle,.social_skype_square,.social_spotify,.social_spotify_circle,.social_spotify_square,.social_stumbleupon_circle,.social_stumbleupon_square,.social_tumbleupon,.social_tumblr,.social_tumblr_circle,.social_tumblr_square,.social_twitter,.social_twitter_circle,.social_twitter_square,.social_vimeo,.social_vimeo_circle,.social_vimeo_square,.social_wordpress,.social_wordpress_circle,.social_wordpress_square,.social_youtube,.social_youtube_circle,.social_youtube_square{font-family:ElegantIcons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.arrow_up:before{content:"\21"}.arrow_down:before{content:"\22"}.arrow_left:before{content:"\23"}.arrow_right:before{content:"\24"}.arrow_left-up:before{content:"\25"}.arrow_right-up:before{content:"\26"}.arrow_right-down:before{content:"\27"}.arrow_left-down:before{content:"\28"}.arrow-up-down:before{content:"\29"}.arrow_up-down_alt:before{content:"\2a"}.arrow_left-right_alt:before{content:"\2b"}.arrow_left-right:before{content:"\2c"}.arrow_expand_alt2:before{content:"\2d"}.arrow_expand_alt:before{content:"\2e"}.arrow_condense:before{content:"\2f"}.arrow_expand:before{content:"\30"}.arrow_move:before{content:"\31"}.arrow_carrot-up:before{content:"\32"}.arrow_carrot-down:before{content:"\33"}.arrow_carrot-left:before{content:"\34"}.arrow_carrot-right:before{content:"\35"}.arrow_carrot-2up:before{content:"\36"}.arrow_carrot-2down:before{content:"\37"}.arrow_carrot-2left:before{content:"\38"}.arrow_carrot-2right:before{content:"\39"}.arrow_carrot-up_alt2:before{content:"\3a"}.arrow_carrot-down_alt2:before{content:"\3b"}.arrow_carrot-left_alt2:before{content:"\3c"}.arrow_carrot-right_alt2:before{content:"\3d"}.arrow_carrot-2up_alt2:before{content:"\3e"}.arrow_carrot-2down_alt2:before{content:"\3f"}.arrow_carrot-2left_alt2:before{content:"\40"}.arrow_carrot-2right_alt2:before{content:"\41"}.arrow_triangle-up:before{content:"\42"}.arrow_triangle-down:before{content:"\43"}.arrow_triangle-left:before{content:"\44"}.arrow_triangle-right:before{content:"\45"}.arrow_triangle-up_alt2:before{content:"\46"}.arrow_triangle-down_alt2:before{content:"\47"}.arrow_triangle-left_alt2:before{content:"\48"}.arrow_triangle-right_alt2:before{content:"\49"}.arrow_back:before{content:"\4a"}.icon_minus-06:before{content:"\4b"}.icon_plus:before{content:"\4c"}.icon_close:before{content:"\4d"}.icon_check:before{content:"\4e"}.icon_minus_alt2:before{content:"\4f"}.icon_plus_alt2:before{content:"\50"}.icon_close_alt2:before{content:"\51"}.icon_check_alt2:before{content:"\52"}.icon_zoom-out_alt:before{content:"\53"}.icon_zoom-in_alt:before{content:"\54"}.icon_search:before{content:"\55"}.icon_box-empty:before{content:"\56"}.icon_box-selected:before{content:"\57"}.icon_minus-box:before{content:"\58"}.icon_plus-box:before{content:"\59"}.icon_box-checked:before{content:"\5a"}.icon_circle-empty:before{content:"\5b"}.icon_circle-slelected:before{content:"\5c"}.icon_stop_alt2:before{content:"\5d"}.icon_stop:before{content:"\5e"}.icon_pause_alt2:before{content:"\5f"}.icon_pause:before{content:"\60"}.icon_menu:before{content:"\61"}.icon_menu-square_alt2:before{content:"\62"}.icon_menu-circle_alt2:before{content:"\63"}.icon_ul:before{content:"\64"}.icon_ol:before{content:"\65"}.icon_adjust-horiz:before{content:"\66"}.icon_adjust-vert:before{content:"\67"}.icon_document_alt:before{content:"\68"}.icon_documents_alt:before{content:"\69"}.icon_pencil:before{content:"\6a"}.icon_pencil-edit_alt:before{content:"\6b"}.icon_pencil-edit:before{content:"\6c"}.icon_folder-alt:before{content:"\6d"}.icon_folder-open_alt:before{content:"\6e"}.icon_folder-add_alt:before{content:"\6f"}.icon_info_alt:before{content:"\70"}.icon_error-oct_alt:before{content:"\71"}.icon_error-circle_alt:before{content:"\72"}.icon_error-triangle_alt:before{content:"\73"}.icon_question_alt2:before{content:"\74"}.icon_question:before{content:"\75"}.icon_comment_alt:before{content:"\76"}.icon_chat_alt:before{content:"\77"}.icon_vol-mute_alt:before{content:"\78"}.icon_volume-low_alt:before{content:"\79"}.icon_volume-high_alt:before{content:"\7a"}.icon_quotations:before{content:"\7b"}.icon_quotations_alt2:before{content:"\7c"}.icon_clock_alt:before{content:"\7d"}.icon_lock_alt:before{content:"\7e"}.icon_lock-open_alt:before{content:"\e000"}.icon_key_alt:before{content:"\e001"}.icon_cloud_alt:before{content:"\e002"}.icon_cloud-upload_alt:before{content:"\e003"}.icon_cloud-download_alt:before{content:"\e004"}.icon_image:before{content:"\e005"}.icon_images:before{content:"\e006"}.icon_lightbulb_alt:before{content:"\e007"}.icon_gift_alt:before{content:"\e008"}.icon_house_alt:before{content:"\e009"}.icon_genius:before{content:"\e00a"}.icon_mobile:before{content:"\e00b"}.icon_tablet:before{content:"\e00c"}.icon_laptop:before{content:"\e00d"}.icon_desktop:before{content:"\e00e"}.icon_camera_alt:before{content:"\e00f"}.icon_mail_alt:before{content:"\e010"}.icon_cone_alt:before{content:"\e011"}.icon_ribbon_alt:before{content:"\e012"}.icon_bag_alt:before{content:"\e013"}.icon_creditcard:before{content:"\e014"}.icon_cart_alt:before{content:"\e015"}.icon_paperclip:before{content:"\e016"}.icon_tag_alt:before{content:"\e017"}.icon_tags_alt:before{content:"\e018"}.icon_trash_alt:before{content:"\e019"}.icon_cursor_alt:before{content:"\e01a"}.icon_mic_alt:before{content:"\e01b"}.icon_compass_alt:before{content:"\e01c"}.icon_pin_alt:before{content:"\e01d"}.icon_pushpin_alt:before{content:"\e01e"}.icon_map_alt:before{content:"\e01f"}.icon_drawer_alt:before{content:"\e020"}.icon_toolbox_alt:before{content:"\e021"}.icon_book_alt:before{content:"\e022"}.icon_calendar:before{content:"\e023"}.icon_film:before{content:"\e024"}.icon_table:before{content:"\e025"}.icon_contacts_alt:before{content:"\e026"}.icon_headphones:before{content:"\e027"}.icon_lifesaver:before{content:"\e028"}.icon_piechart:before{content:"\e029"}.icon_refresh:before{content:"\e02a"}.icon_link_alt:before{content:"\e02b"}.icon_link:before{content:"\e02c"}.icon_loading:before{content:"\e02d"}.icon_blocked:before{content:"\e02e"}.icon_archive_alt:before{content:"\e02f"}.icon_heart_alt:before{content:"\e030"}.icon_star_alt:before{content:"\e031"}.icon_star-half_alt:before{content:"\e032"}.icon_star:before{content:"\e033"}.icon_star-half:before{content:"\e034"}.icon_tools:before{content:"\e035"}.icon_tool:before{content:"\e036"}.icon_cog:before{content:"\e037"}.icon_cogs:before{content:"\e038"}.arrow_up_alt:before{content:"\e039"}.arrow_down_alt:before{content:"\e03a"}.arrow_left_alt:before{content:"\e03b"}.arrow_right_alt:before{content:"\e03c"}.arrow_left-up_alt:before{content:"\e03d"}.arrow_right-up_alt:before{content:"\e03e"}.arrow_right-down_alt:before{content:"\e03f"}.arrow_left-down_alt:before{content:"\e040"}.arrow_condense_alt:before{content:"\e041"}.arrow_expand_alt3:before{content:"\e042"}.arrow_carrot_up_alt:before{content:"\e043"}.arrow_carrot-down_alt:before{content:"\e044"}.arrow_carrot-left_alt:before{content:"\e045"}.arrow_carrot-right_alt:before{content:"\e046"}.arrow_carrot-2up_alt:before{content:"\e047"}.arrow_carrot-2dwnn_alt:before{content:"\e048"}.arrow_carrot-2left_alt:before{content:"\e049"}.arrow_carrot-2right_alt:before{content:"\e04a"}.arrow_triangle-up_alt:before{content:"\e04b"}.arrow_triangle-down_alt:before{content:"\e04c"}.arrow_triangle-left_alt:before{content:"\e04d"}.arrow_triangle-right_alt:before{content:"\e04e"}.icon_minus_alt:before{content:"\e04f"}.icon_plus_alt:before{content:"\e050"}.icon_close_alt:before{content:"\e051"}.icon_check_alt:before{content:"\e052"}.icon_zoom-out:before{content:"\e053"}.icon_zoom-in:before{content:"\e054"}.icon_stop_alt:before{content:"\e055"}.icon_menu-square_alt:before{content:"\e056"}.icon_menu-circle_alt:before{content:"\e057"}.icon_document:before{content:"\e058"}.icon_documents:before{content:"\e059"}.icon_pencil_alt:before{content:"\e05a"}.icon_folder:before{content:"\e05b"}.icon_folder-open:before{content:"\e05c"}.icon_folder-add:before{content:"\e05d"}.icon_folder_upload:before{content:"\e05e"}.icon_folder_download:before{content:"\e05f"}.icon_info:before{content:"\e060"}.icon_error-circle:before{content:"\e061"}.icon_error-oct:before{content:"\e062"}.icon_error-triangle:before{content:"\e063"}.icon_question_alt:before{content:"\e064"}.icon_comment:before{content:"\e065"}.icon_chat:before{content:"\e066"}.icon_vol-mute:before{content:"\e067"}.icon_volume-low:before{content:"\e068"}.icon_volume-high:before{content:"\e069"}.icon_quotations_alt:before{content:"\e06a"}.icon_clock:before{content:"\e06b"}.icon_lock:before{content:"\e06c"}.icon_lock-open:before{content:"\e06d"}.icon_key:before{content:"\e06e"}.icon_cloud:before{content:"\e06f"}.icon_cloud-upload:before{content:"\e070"}.icon_cloud-download:before{content:"\e071"}.icon_lightbulb:before{content:"\e072"}.icon_gift:before{content:"\e073"}.icon_house:before{content:"\e074"}.icon_camera:before{content:"\e075"}.icon_mail:before{content:"\e076"}.icon_cone:before{content:"\e077"}.icon_ribbon:before{content:"\e078"}.icon_bag:before{content:"\e079"}.icon_cart:before{content:"\e07a"}.icon_tag:before{content:"\e07b"}.icon_tags:before{content:"\e07c"}.icon_trash:before{content:"\e07d"}.icon_cursor:before{content:"\e07e"}.icon_mic:before{content:"\e07f"}.icon_compass:before{content:"\e080"}.icon_pin:before{content:"\e081"}.icon_pushpin:before{content:"\e082"}.icon_map:before{content:"\e083"}.icon_drawer:before{content:"\e084"}.icon_toolbox:before{content:"\e085"}.icon_book:before{content:"\e086"}.icon_contacts:before{content:"\e087"}.icon_archive:before{content:"\e088"}.icon_heart:before{content:"\e089"}.icon_profile:before{content:"\e08a"}.icon_group:before{content:"\e08b"}.icon_grid-2x2:before{content:"\e08c"}.icon_grid-3x3:before{content:"\e08d"}.icon_music:before{content:"\e08e"}.icon_pause_alt:before{content:"\e08f"}.icon_phone:before{content:"\e090"}.icon_upload:before{content:"\e091"}.icon_download:before{content:"\e092"}.social_facebook:before{content:"\e093"}.social_twitter:before{content:"\e094"}.social_pinterest:before{content:"\e095"}.social_googleplus:before{content:"\e096"}.social_tumblr:before{content:"\e097"}.social_tumbleupon:before{content:"\e098"}.social_wordpress:before{content:"\e099"}.social_instagram:before{content:"\e09a"}.social_dribbble:before{content:"\e09b"}.social_vimeo:before{content:"\e09c"}.social_linkedin:before{content:"\e09d"}.social_rss:before{content:"\e09e"}.social_deviantart:before{content:"\e09f"}.social_share:before{content:"\e0a0"}.social_myspace:before{content:"\e0a1"}.social_skype:before{content:"\e0a2"}.social_youtube:before{content:"\e0a3"}.social_picassa:before{content:"\e0a4"}.social_googledrive:before{content:"\e0a5"}.social_flickr:before{content:"\e0a6"}.social_blogger:before{content:"\e0a7"}.social_spotify:before{content:"\e0a8"}.social_delicious:before{content:"\e0a9"}.social_facebook_circle:before{content:"\e0aa"}.social_twitter_circle:before{content:"\e0ab"}.social_pinterest_circle:before{content:"\e0ac"}.social_googleplus_circle:before{content:"\e0ad"}.social_tumblr_circle:before{content:"\e0ae"}.social_stumbleupon_circle:before{content:"\e0af"}.social_wordpress_circle:before{content:"\e0b0"}.social_instagram_circle:before{content:"\e0b1"}.social_dribbble_circle:before{content:"\e0b2"}.social_vimeo_circle:before{content:"\e0b3"}.social_linkedin_circle:before{content:"\e0b4"}.social_rss_circle:before{content:"\e0b5"}.social_deviantart_circle:before{content:"\e0b6"}.social_share_circle:before{content:"\e0b7"}.social_myspace_circle:before{content:"\e0b8"}.social_skype_circle:before{content:"\e0b9"}.social_youtube_circle:before{content:"\e0ba"}.social_picassa_circle:before{content:"\e0bb"}.social_googledrive_alt2:before{content:"\e0bc"}.social_flickr_circle:before{content:"\e0bd"}.social_blogger_circle:before{content:"\e0be"}.social_spotify_circle:before{content:"\e0bf"}.social_delicious_circle:before{content:"\e0c0"}.social_facebook_square:before{content:"\e0c1"}.social_twitter_square:before{content:"\e0c2"}.social_pinterest_square:before{content:"\e0c3"}.social_googleplus_square:before{content:"\e0c4"}.social_tumblr_square:before{content:"\e0c5"}.social_stumbleupon_square:before{content:"\e0c6"}.social_wordpress_square:before{content:"\e0c7"}.social_instagram_square:before{content:"\e0c8"}.social_dribbble_square:before{content:"\e0c9"}.social_vimeo_square:before{content:"\e0ca"}.social_linkedin_square:before{content:"\e0cb"}.social_rss_square:before{content:"\e0cc"}.social_deviantart_square:before{content:"\e0cd"}.social_share_square:before{content:"\e0ce"}.social_myspace_square:before{content:"\e0cf"}.social_skype_square:before{content:"\e0d0"}.social_youtube_square:before{content:"\e0d1"}.social_picassa_square:before{content:"\e0d2"}.social_googledrive_square:before{content:"\e0d3"}.social_flickr_square:before{content:"\e0d4"}.social_blogger_square:before{content:"\e0d5"}.social_spotify_square:before{content:"\e0d6"}.social_delicious_square:before{content:"\e0d7"}.icon_printer:before{content:"\e103"}.icon_calulator:before{content:"\e0ee"}.icon_building:before{content:"\e0ef"}.icon_floppy:before{content:"\e0e8"}.icon_drive:before{content:"\e0ea"}.icon_search-2:before{content:"\e101"}.icon_id:before{content:"\e107"}.icon_id-2:before{content:"\e108"}.icon_puzzle:before{content:"\e102"}.icon_like:before{content:"\e106"}.icon_dislike:before{content:"\e0eb"}.icon_mug:before{content:"\e105"}.icon_currency:before{content:"\e0ed"}.icon_wallet:before{content:"\e100"}.icon_pens:before{content:"\e104"}.icon_easel:before{content:"\e0e9"}.icon_flowchart:before{content:"\e109"}.icon_datareport:before{content:"\e0ec"}.icon_briefcase:before{content:"\e0fe"}.icon_shield:before{content:"\e0f6"}.icon_percent:before{content:"\e0fb"}.icon_globe:before{content:"\e0e2"}.icon_globe-2:before{content:"\e0e3"}.icon_target:before{content:"\e0f5"}.icon_hourglass:before{content:"\e0e1"}.icon_balance:before{content:"\e0ff"}.icon_rook:before{content:"\e0f8"}.icon_printer-alt:before{content:"\e0fa"}.icon_calculator_alt:before{content:"\e0e7"}.icon_building_alt:before{content:"\e0fd"}.icon_floppy_alt:before{content:"\e0e4"}.icon_drive_alt:before{content:"\e0e5"}.icon_search_alt:before{content:"\e0f7"}.icon_id_alt:before{content:"\e0e0"}.icon_id-2_alt:before{content:"\e0fc"}.icon_puzzle_alt:before{content:"\e0f9"}.icon_like_alt:before{content:"\e0dd"}.icon_dislike_alt:before{content:"\e0f1"}.icon_mug_alt:before{content:"\e0dc"}.icon_currency_alt:before{content:"\e0f3"}.icon_wallet_alt:before{content:"\e0d8"}.icon_pens_alt:before{content:"\e0db"}.icon_easel_alt:before{content:"\e0f0"}.icon_flowchart_alt:before{content:"\e0df"}.icon_datareport_alt:before{content:"\e0f2"}.icon_briefcase_alt:before{content:"\e0f4"}.icon_shield_alt:before{content:"\e0d9"}.icon_percent_alt:before{content:"\e0da"}.icon_globe_alt:before{content:"\e0de"}.icon_clipboard:before{content:"\e0e6"}.glyph{float:left;text-align:center;padding:.75em;margin:.4em 1.5em .75em 0;width:6em;text-shadow:none}.glyph_big{font-size:128px;color:#59c5dc;float:left;margin-right:20px}.glyph div{padding-bottom:10px}.glyph input{font-family:consolas,monospace;font-size:12px;width:100%;text-align:center;border:0;box-shadow:0 0 0 1px #ccc;padding:.2em;-moz-border-radius:5px;-webkit-border-radius:5px}.centered{margin-left:auto;margin-right:auto}.glyph .fs1{font-size:2em} \ No newline at end of file diff --git a/static/new/css/flexslider.css b/static/new/css/flexslider.css new file mode 100644 index 00000000..31531252 --- /dev/null +++ b/static/new/css/flexslider.css @@ -0,0 +1,84 @@ +/* + * jQuery FlexSlider v2.2.0 + * http://www.woothemes.com/flexslider/ + * + * Copyright 2012 WooThemes + * Free to use under the GPLv2 license. + * http://www.gnu.org/licenses/gpl-2.0.html + * + * Contributing author: Tyler Smith (@mbmufffin) + */ + + +/* Browser Resets +*********************************/ +.flex-container a:active, +.flexslider a:active, +.flex-container a:focus, +.flexslider a:focus {outline: none;} +.slides, +.flex-control-nav, +.flex-direction-nav {margin: 0; padding: 0; list-style: none;} + + +/* FlexSlider Necessary Styles +*********************************/ +.flexslider {margin: 0; padding: 0;} +.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ +.flexslider .slides img {width: 100%; display: block;} +.flex-pauseplay span {text-transform: capitalize;} + +/* Clearfix for the .slides element */ +.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} +html[xmlns] .slides {display: block;} +* html .slides {height: 1%;} + +/* No JavaScript Fallback */ +/* If you are not using another script, such as Modernizr, make sure you + * include js that eliminates this class on page load */ +.no-js .slides > li:first-child {display: block;} + +/* FlexSlider Default Theme +*********************************/ +.flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; } +.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } +.loading .flex-viewport { max-height: 300px; } +.flexslider .slides { zoom: 1; } +.carousel li { margin-right: 5px; } + +/* Direction Nav */ +.flex-direction-nav {*height: 0;} +.flex-direction-nav a { display: block; width: 60px; height: 60px; background: none; border: 2px solid #fff; border-radius: 50%; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 1; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; cursor: pointer; } +.flex-direction-nav a:hover{ background: rgba(255,255,255,0.3); } +.flex-direction-nav .flex-prev { left: 17px; } +.flex-direction-nav .flex-next { right: 17px; text-align: right; } +.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; } +.flexslider:hover .flex-next { opacity: 0.7; right: 10px; } +.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } +.flex-disabled{ opacity: 0 !important; } +.flex-direction-nav a:before { font-family: 'ElegantIcons'; font-size: 38px; display: inline-block; content: '#'; position: relative; top: -3px; color: #fff; left: 7px; padding-bottom: 22px; } +.flex-direction-nav a.flex-next:before { content: '$'; right: 8px; left: -9px; } + +/* Pause/Play */ +.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } +.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } +.flex-pauseplay a:hover { opacity: 1; } +.flex-pauseplay a.flex-play:before { content: '\f003'; } + +/* Control Nav */ +.flex-control-nav {width: 100%; position: absolute; bottom: 44px; text-align: center; z-index: 10;} +.flex-control-nav li {margin: 0 5px; display: inline-block; zoom: 1; *display: inline;} +.flex-control-paging li a {width: 8px; height: 8px; display: block; background: #fff; background: rgba(255,255,255,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 50%; -moz-border-radius: 20px; -o-border-radius: 50%; border-radius: 50%; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; } +.flex-control-paging li a:hover { background: #fff; background: rgba(255,255,255,0.7); } +.flex-control-paging li a.flex-active { background: #fff; background: rgba(255,255,255,0.9); cursor: default; } + +.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} +.flex-control-thumbs li {width: 25%; float: left; margin: 0;} +.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} +.flex-control-thumbs img:hover {opacity: 1;} +.flex-control-thumbs .flex-active {opacity: 1; cursor: default;} + +@media screen and (max-width: 860px) { + .flex-direction-nav .flex-prev { opacity: 1; left: 10px;} + .flex-direction-nav .flex-next { opacity: 1; right: 10px;} +} \ No newline at end of file diff --git a/static/new/css/flexslider.min.css b/static/new/css/flexslider.min.css new file mode 100644 index 00000000..b61d9f79 --- /dev/null +++ b/static/new/css/flexslider.min.css @@ -0,0 +1 @@ +.flex-container a:active,.flex-container a:focus,.flexslider a:active,.flexslider a:focus{outline:0}.flex-control-nav,.flex-direction-nav,.slides{margin:0;padding:0;list-style:none}.flexslider{padding:0}.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden}.flexslider .slides img{width:100%;display:block}.flex-pauseplay span{text-transform:capitalize}.slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .slides{display:block}* html .slides{height:1%}.no-js .slides>li:first-child{display:block}.flexslider{margin:0 0 60px;background:#fff;border:4px solid #fff;position:relative;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.2);-moz-box-shadow:0 1px 4px rgba(0,0,0,.2);-o-box-shadow:0 1px 4px rgba(0,0,0,.2);box-shadow:0 1px 4px rgba(0,0,0,.2);zoom:1}.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.loading .flex-viewport{max-height:300px}.flexslider .slides{zoom:1}.carousel li{margin-right:5px}.flex-direction-nav{*height:0}.flex-direction-nav a{display:block;width:60px;height:60px;background:0 0;border:2px solid #fff;border-radius:50%;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:1;color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;cursor:pointer}.flex-direction-nav a:hover{background:rgba(255,255,255,.3)}.flex-direction-nav .flex-prev{left:17px}.flex-direction-nav .flex-next{right:17px;text-align:right}.flexslider:hover .flex-prev{opacity:.7;left:10px}.flexslider:hover .flex-next{opacity:.7;right:10px}.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}.flex-disabled{opacity:0!important}.flex-direction-nav a:before{font-family:ElegantIcons;font-size:38px;display:inline-block;content:'#';position:relative;top:-3px;color:#fff;left:7px;padding-bottom:22px}.flex-direction-nav a.flex-next:before{content:'$';right:8px;left:-9px}.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}.flex-pauseplay a:before{font-family:flexslider-icon;font-size:20px;display:inline-block;content:'\f004'}.flex-pauseplay a:hover{opacity:1}.flex-pauseplay a.flex-play:before{content:'\f003'}.flex-control-nav{width:100%;position:absolute;bottom:44px;text-align:center;z-index:10}.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline}.flex-control-paging li a{width:8px;height:8px;display:block;background:#fff;background:rgba(255,255,255,.5);cursor:pointer;text-indent:-9999px;-webkit-border-radius:50%;-moz-border-radius:20px;-o-border-radius:50%;border-radius:50%;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease}.flex-control-paging li a:hover{background:#fff;background:rgba(255,255,255,.7)}.flex-control-paging li a.flex-active{background:#fff;background:rgba(255,255,255,.9);cursor:default}.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}.flex-control-thumbs li{width:25%;float:left;margin:0}.flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer}.flex-control-thumbs img:hover{opacity:1}.flex-control-thumbs .flex-active{opacity:1;cursor:default}@media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:10px}.flex-direction-nav .flex-next{opacity:1;right:10px}} \ No newline at end of file diff --git a/static/new/css/ie9.css b/static/new/css/ie9.css new file mode 100644 index 00000000..866f9222 --- /dev/null +++ b/static/new/css/ie9.css @@ -0,0 +1,17 @@ +.reveal-sidebar { + transform: translateX(-300px); + -webkit-transform: translateX(-300px); + -moz-transform: translateX(-300px); +} + +.sidebar-menu, .instagram-sidebar { + transform: translateX(300px); + -webkit-transform: translateX(300px); + -moz-transform: translateX(300px); +} + +.show-sidebar { + transform: translateX(0px); + -webkit-transform: translateX(0px); + -moz-transform: translateX(0px); +} \ No newline at end of file diff --git a/static/new/css/less/alerts.less b/static/new/css/less/alerts.less new file mode 100644 index 00000000..3eab0662 --- /dev/null +++ b/static/new/css/less/alerts.less @@ -0,0 +1,67 @@ +// +// Alerts +// -------------------------------------------------- + + +// Base styles +// ------------------------- + +.alert { + padding: @alert-padding; + margin-bottom: @line-height-computed; + border: 1px solid transparent; + border-radius: @alert-border-radius; + + // Headings for larger alerts + h4 { + margin-top: 0; + // Specified for the h4 to prevent conflicts of changing @headings-color + color: inherit; + } + // Provide class for links that match alerts + .alert-link { + font-weight: @alert-link-font-weight; + } + + // Improve alignment and spacing of inner content + > p, + > ul { + margin-bottom: 0; + } + > p + p { + margin-top: 5px; + } +} + +// Dismissable alerts +// +// Expand the right padding and account for the close button's positioning. + +.alert-dismissable { + padding-right: (@alert-padding + 20); + + // Adjust close link position + .close { + position: relative; + top: -2px; + right: -21px; + color: inherit; + } +} + +// Alternate styles +// +// Generate contextual modifier classes for colorizing the alert. + +.alert-success { + .alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text); +} +.alert-info { + .alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text); +} +.alert-warning { + .alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text); +} +.alert-danger { + .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text); +} diff --git a/static/new/css/less/badges.less b/static/new/css/less/badges.less new file mode 100644 index 00000000..56828cab --- /dev/null +++ b/static/new/css/less/badges.less @@ -0,0 +1,55 @@ +// +// Badges +// -------------------------------------------------- + + +// Base classes +.badge { + display: inline-block; + min-width: 10px; + padding: 3px 7px; + font-size: @font-size-small; + font-weight: @badge-font-weight; + color: @badge-color; + line-height: @badge-line-height; + vertical-align: baseline; + white-space: nowrap; + text-align: center; + background-color: @badge-bg; + border-radius: @badge-border-radius; + + // Empty badges collapse automatically (not available in IE8) + &:empty { + display: none; + } + + // Quick fix for badges in buttons + .btn & { + position: relative; + top: -1px; + } + .btn-xs & { + top: 0; + padding: 1px 5px; + } +} + +// Hover state, but only for links +a.badge { + &:hover, + &:focus { + color: @badge-link-hover-color; + text-decoration: none; + cursor: pointer; + } +} + +// Account for counters in navs +a.list-group-item.active > .badge, +.nav-pills > .active > a > .badge { + color: @badge-active-color; + background-color: @badge-active-bg; +} +.nav-pills > li > a > .badge { + margin-left: 3px; +} diff --git a/static/new/css/less/bootstrap.less b/static/new/css/less/bootstrap.less new file mode 100644 index 00000000..b368b871 --- /dev/null +++ b/static/new/css/less/bootstrap.less @@ -0,0 +1,49 @@ +// Core variables and mixins +@import "variables.less"; +@import "mixins.less"; + +// Reset +@import "normalize.less"; +@import "print.less"; + +// Core CSS +@import "scaffolding.less"; +@import "type.less"; +@import "code.less"; +@import "grid.less"; +@import "tables.less"; +@import "forms.less"; +@import "buttons.less"; + +// Components +@import "component-animations.less"; +@import "glyphicons.less"; +@import "dropdowns.less"; +@import "button-groups.less"; +@import "input-groups.less"; +@import "navs.less"; +@import "navbar.less"; +@import "breadcrumbs.less"; +@import "pagination.less"; +@import "pager.less"; +@import "labels.less"; +@import "badges.less"; +@import "jumbotron.less"; +@import "thumbnails.less"; +@import "alerts.less"; +@import "progress-bars.less"; +@import "media.less"; +@import "list-group.less"; +@import "panels.less"; +@import "wells.less"; +@import "close.less"; + +// Components w/ JavaScript +@import "modals.less"; +@import "tooltip.less"; +@import "popovers.less"; +@import "carousel.less"; + +// Utility classes +@import "utilities.less"; +@import "responsive-utilities.less"; diff --git a/static/new/css/less/breadcrumbs.less b/static/new/css/less/breadcrumbs.less new file mode 100644 index 00000000..cb01d503 --- /dev/null +++ b/static/new/css/less/breadcrumbs.less @@ -0,0 +1,26 @@ +// +// Breadcrumbs +// -------------------------------------------------- + + +.breadcrumb { + padding: @breadcrumb-padding-vertical @breadcrumb-padding-horizontal; + margin-bottom: @line-height-computed; + list-style: none; + background-color: @breadcrumb-bg; + border-radius: @border-radius-base; + + > li { + display: inline-block; + + + li:before { + content: "@{breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space + padding: 0 5px; + color: @breadcrumb-color; + } + } + + > .active { + color: @breadcrumb-active-color; + } +} diff --git a/static/new/css/less/button-groups.less b/static/new/css/less/button-groups.less new file mode 100644 index 00000000..27eb796b --- /dev/null +++ b/static/new/css/less/button-groups.less @@ -0,0 +1,226 @@ +// +// Button groups +// -------------------------------------------------- + +// Make the div behave like a button +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-block; + vertical-align: middle; // match .btn alignment given font-size hack above + > .btn { + position: relative; + float: left; + // Bring the "active" button to the front + &:hover, + &:focus, + &:active, + &.active { + z-index: 2; + } + &:focus { + // Remove focus outline when dropdown JS adds it after closing the menu + outline: none; + } + } +} + +// Prevent double borders when buttons are next to each other +.btn-group { + .btn + .btn, + .btn + .btn-group, + .btn-group + .btn, + .btn-group + .btn-group { + margin-left: -1px; + } +} + +// Optional: Group multiple button groups together for a toolbar +.btn-toolbar { + margin-left: -5px; // Offset the first child's margin + &:extend(.clearfix all); + + .btn-group, + .input-group { + float: left; + } + > .btn, + > .btn-group, + > .input-group { + margin-left: 5px; + } +} + +.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { + border-radius: 0; +} + +// 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 +.btn-group > .btn:first-child { + margin-left: 0; + &:not(:last-child):not(.dropdown-toggle) { + .border-right-radius(0); + } +} +// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it +.btn-group > .btn:last-child:not(:first-child), +.btn-group > .dropdown-toggle:not(:first-child) { + .border-left-radius(0); +} + +// Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group) +.btn-group > .btn-group { + float: left; +} +.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; +} +.btn-group > .btn-group:first-child { + > .btn:last-child, + > .dropdown-toggle { + .border-right-radius(0); + } +} +.btn-group > .btn-group:last-child > .btn:first-child { + .border-left-radius(0); +} + +// On active and open, don't show outline +.btn-group .dropdown-toggle:active, +.btn-group.open .dropdown-toggle { + outline: 0; +} + + +// Sizing +// +// Remix the default button sizing classes into new ones for easier manipulation. + +.btn-group-xs > .btn { &:extend(.btn-xs); } +.btn-group-sm > .btn { &:extend(.btn-sm); } +.btn-group-lg > .btn { &:extend(.btn-lg); } + + +// Split button dropdowns +// ---------------------- + +// Give the line between buttons some depth +.btn-group > .btn + .dropdown-toggle { + padding-left: 8px; + padding-right: 8px; +} +.btn-group > .btn-lg + .dropdown-toggle { + padding-left: 12px; + padding-right: 12px; +} + +// The clickable button for toggling the menu +// Remove the gradient and set the same inset shadow as the :active state +.btn-group.open .dropdown-toggle { + .box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); + + // Show no shadow for `.btn-link` since it has no other button styles. + &.btn-link { + .box-shadow(none); + } +} + + +// Reposition the caret +.btn .caret { + margin-left: 0; +} +// Carets in other button sizes +.btn-lg .caret { + border-width: @caret-width-large @caret-width-large 0; + border-bottom-width: 0; +} +// Upside down carets for .dropup +.dropup .btn-lg .caret { + border-width: 0 @caret-width-large @caret-width-large; +} + + +// Vertical button groups +// ---------------------- + +.btn-group-vertical { + > .btn, + > .btn-group, + > .btn-group > .btn { + display: block; + float: none; + width: 100%; + max-width: 100%; + } + + // Clear floats so dropdown menus can be properly placed + > .btn-group { + &:extend(.clearfix all); + > .btn { + float: none; + } + } + + > .btn + .btn, + > .btn + .btn-group, + > .btn-group + .btn, + > .btn-group + .btn-group { + margin-top: -1px; + margin-left: 0; + } +} + +.btn-group-vertical > .btn { + &:not(:first-child):not(:last-child) { + border-radius: 0; + } + &:first-child:not(:last-child) { + border-top-right-radius: @border-radius-base; + .border-bottom-radius(0); + } + &:last-child:not(:first-child) { + border-bottom-left-radius: @border-radius-base; + .border-top-radius(0); + } +} +.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; +} +.btn-group-vertical > .btn-group:first-child:not(:last-child) { + > .btn:last-child, + > .dropdown-toggle { + .border-bottom-radius(0); + } +} +.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { + .border-top-radius(0); +} + + + +// Justified button groups +// ---------------------- + +.btn-group-justified { + display: table; + width: 100%; + table-layout: fixed; + border-collapse: separate; + > .btn, + > .btn-group { + float: none; + display: table-cell; + width: 1%; + } + > .btn-group .btn { + width: 100%; + } +} + + +// Checkbox and radio options +[data-toggle="buttons"] > .btn > input[type="radio"], +[data-toggle="buttons"] > .btn > input[type="checkbox"] { + display: none; +} diff --git a/static/new/css/less/buttons.less b/static/new/css/less/buttons.less new file mode 100644 index 00000000..d4fc156b --- /dev/null +++ b/static/new/css/less/buttons.less @@ -0,0 +1,159 @@ +// +// Buttons +// -------------------------------------------------- + + +// Base styles +// -------------------------------------------------- + +.btn { + display: inline-block; + margin-bottom: 0; // For input.btn + font-weight: @btn-font-weight; + text-align: center; + vertical-align: middle; + cursor: pointer; + background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 + border: 1px solid transparent; + white-space: nowrap; + .button-size(@padding-base-vertical; @padding-base-horizontal; @font-size-base; @line-height-base; @border-radius-base); + .user-select(none); + + &, + &:active, + &.active { + &:focus { + .tab-focus(); + } + } + + &:hover, + &:focus { + color: @btn-default-color; + text-decoration: none; + } + + &:active, + &.active { + outline: 0; + background-image: none; + .box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); + } + + &.disabled, + &[disabled], + fieldset[disabled] & { + cursor: not-allowed; + pointer-events: none; // Future-proof disabling of clicks + .opacity(.65); + .box-shadow(none); + } +} + + +// Alternate buttons +// -------------------------------------------------- + +.btn-default { + .button-variant(@btn-default-color; @btn-default-bg; @btn-default-border); +} +.btn-primary { + .button-variant(@btn-primary-color; @btn-primary-bg; @btn-primary-border); +} +// Success appears as green +.btn-success { + .button-variant(@btn-success-color; @btn-success-bg; @btn-success-border); +} +// Info appears as blue-green +.btn-info { + .button-variant(@btn-info-color; @btn-info-bg; @btn-info-border); +} +// Warning appears as orange +.btn-warning { + .button-variant(@btn-warning-color; @btn-warning-bg; @btn-warning-border); +} +// Danger and error appear as red +.btn-danger { + .button-variant(@btn-danger-color; @btn-danger-bg; @btn-danger-border); +} + + +// Link buttons +// ------------------------- + +// Make a button look and behave like a link +.btn-link { + color: @link-color; + font-weight: normal; + cursor: pointer; + border-radius: 0; + + &, + &:active, + &[disabled], + fieldset[disabled] & { + background-color: transparent; + .box-shadow(none); + } + &, + &:hover, + &:focus, + &:active { + border-color: transparent; + } + &:hover, + &:focus { + color: @link-hover-color; + text-decoration: underline; + background-color: transparent; + } + &[disabled], + fieldset[disabled] & { + &:hover, + &:focus { + color: @btn-link-disabled-color; + text-decoration: none; + } + } +} + + +// Button Sizes +// -------------------------------------------------- + +.btn-lg { + // line-height: ensure even-numbered height of button next to large input + .button-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large); +} +.btn-sm { + // line-height: ensure proper height of button next to small input + .button-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small); +} +.btn-xs { + .button-size(@padding-xs-vertical; @padding-xs-horizontal; @font-size-small; @line-height-small; @border-radius-small); +} + + +// Block button +// -------------------------------------------------- + +.btn-block { + display: block; + width: 100%; + padding-left: 0; + padding-right: 0; +} + +// Vertically space out multiple block buttons +.btn-block + .btn-block { + margin-top: 5px; +} + +// Specificity overrides +input[type="submit"], +input[type="reset"], +input[type="button"] { + &.btn-block { + width: 100%; + } +} diff --git a/static/new/css/less/camaro.less b/static/new/css/less/camaro.less new file mode 100644 index 00000000..7b7e6b86 --- /dev/null +++ b/static/new/css/less/camaro.less @@ -0,0 +1,901 @@ +/*! +// Contents +// ------------------------------------------------ + + 1. Mixins + 2. Helper classes & resets + 3. Loader + 4. Colours + 5. Typography + 6. Spacing + 7. Buttons + 8. Navigation + 9. Slider, Dividers + 10. Speakers & Topics + 11. Schedule + 12. Galleries + 13. Pricing & FAQ + 14. Subscribe + 15. Contact + 16. Forms + 17. Footers + +// --------------------------------------------------*/ + +@import "variables.less"; +@import "mixins.less"; + +/*! +// 1. Useful Mixins +// --------------------------------------------------*/ + +.vertical-align { + position: relative; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.vertical-align-cancel{ + top: 0px; + -webkit-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); +} + +.preserve-3d { + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + transform-style: preserve-3d; +} + +.transition-100{ + transition: all .1s ease-out; + -webkit-transition: all .1s ease-out; + -moz-transition: all .1s ease-out; +} + +.transition-300{ + transition: all .3s ease-out; + -webkit-transition: all .3s ease-out; + -moz-transition: all .3s ease-out; +} + +.transition-700{ + transition: all .7s ease-out; + -webkit-transition: all .7s ease-out; + -moz-transition: all .7s ease-out; +} + +.translate3d(@x,@y,@z){ + transform: translate3d(@x,@y,@z); + -webkit-transform: translate3d(@x,@y,@z); + -moz-transform: translate3d(@x,@y,@z); +} + +.scale2d(@x,@y){ + transform: scale(@x,@y); + -webkit-transform: scale(@x,@y); + -moz-transform: scale(@x,@y); +} + +.overlay-params(@strength, @bg-color){ + background-color: @bg-color; + opacity: @strength; + position: absolute; + content: ''; + width: 100%; + height: 100%; + z-index: 1; + top: 0px; +} + +.overlay:before{ .overlay-params(@strength: 0.5, @bg-color: @color-heading); } +.overlay .container{ position: relative; z-index: 2; } + +/*! +// 2. Helper Classes & Resets +// --------------------------------------------------*/ + +.go-right{ right: 0px; } +.go-left{ left: 0px; } + +img{ max-width: 100%; } + +.main-container{ .transition-300; } + +/*! +// 3. Loader +// --------------------------------------------------*/ + +.loader{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; background: #fff; .preserve-3d; .transition-300; opacity: 1; } +.strip-holder{ .vertical-align; left: 50%; margin-left: -50px; position: relative; } +.strip-1, .strip-2, .strip-3{ width: 20px; height: 20px; background: @color-primary; position: relative; -webkit-animation: stripMove 2s ease infinite alternate; animation: stripMove 2s ease infinite alternate; -moz-animation: stripMove 2s ease infinite alternate; } +.strip-2{ -webkit-animation-duration: 2.1s; animation-duration: 2.1s; background-color: lighten(@color-primary, 20%); } +.strip-3{ -webkit-animation-duration: 2.2s; animation-duration: 2.2s; background-color: lighten(@color-primary, 40%); } + + +@-webkit-keyframes stripMove{ + 0% { .translate3d(@x: 0px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } +} + +@-moz-keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +@keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +.main-container{ .transition-300; opacity: 0; } +nav{ .transition-300; opacity: 0; } +.show-content{ opacity: 1 !important; } +.hide-loader{ opacity: 0 !important; } + + +/*! +// 4. Colours +// --------------------------------------------------*/ + +@color-primary: #FFA900; +@color-heading: #333; +@color-body: #777; +@color-muted: #f5f5f5 !important; + +.background-dark{ background-color: @color-heading !important; } +.color-heading{ color: @color-heading; } + +/*! +// 5. Typography +// --------------------------------------------------*/ + +@custom-heading-font: 'Open Sans'; +@custom-body-font: 'Open Sans'; + +.text-white{ color: #fff; } + +body{ font-family: @custom-body-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: @color-body; font-size: 14px; line-height: 24px; background: #fff; } +h1,h2,h3,h4,h5,h6{ font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; margin: 0px; color: @color-heading; } + +h1{ font-size: 30px; line-height: 36px; margin-bottom: 42px; } +h3{ font-size: 20px; line-height: 28px; } + +.large-h1{ font-size: 42px; line-height: 48px; font-weight: 300; } + +p{ font-size: 14px; line-height: 24px; } +p:last-child{ margin-bottom: 0px; } +p.lead{ font-size: 16px; line-height: 30px; font-weight: 400; } +span.lead{ font-weight: 400; } +.uppercase{ text-transform: uppercase; letter-spacing: 1px; display: inline-block; margin-right: -1px; } + +strong{ font-weight: 600; } + +ul{ list-style: none; margin: 0px; padding: 0px; } + +@media all and(max-width: 767px){ + h1{ font-size: 24px; line-height: 28px; margin-bottom: 36px; } + h2{ font-size: 20px; line-height: 26px; } + + .large-h1{ font-size: 24px; line-height: 28px; } + + p{ font-size: 13px; line-height: 22px; } + p.lead{ font-size: 15px; line-height: 26px; } +} + + +/*! +// Spacing Standards +// --------------------------------------------------*/ + +@standard-space: 72px; + +section{ padding: @standard-space 0px; background: #fff; } + +.duplicatable-content{ padding-bottom: @standard-space/2; } + + +/*! +// 6. Buttons +// --------------------------------------------------*/ + +a:hover{ text-decoration: none; } +h1 a, span a,p a,.text-link a{ font-weight: 600; color: #fff; display: inline-block; border-bottom: 4px solid #fff; padding-bottom: 6px; .transition-300; } +span a, p a,.text-link a{ padding-bottom: 4px; border-bottom: 3px solid #fff; } +span a:hover{ color: #fff; } +p a, .text-link a{ color: @color-primary !important; border-color: @color-primary; padding-bottom: 2px; } +p a, .text-link a:hover{ color: @color-heading; } + +.btn{ min-width: 180px; border-radius: 25px; background: @color-primary; text-align: center; padding: 13px 0px 14px 0px; color: #fff; font-size: 15px; .transition-300; font-weight: 600; line-height: 1; } +.btn:hover{ color: #fff; background: darken(@color-primary, 5%); } +.btn-hollow{ background: none; border: 2px solid @color-primary; color: @color-primary; } +.btn-hollow:hover{ background: @color-primary; } + +.btn-white{ background: #fff; color: @color-primary; } +.btn-white:hover{ background: #fff; color: darken(@color-primary,10%); } + +.btn-hollow.btn-white{ background: none; border-color: #fff; color: #fff; } +.btn-hollow.btn-white:hover{ background: #fff; color: @color-primary; } + +.btn-lg{ padding: 20px 0px 21px 0px; text-transform: uppercase; min-width: 230px; border-radius: 35px; } + +/*! +// Backgrounds & Parallax +// --------------------------------------------------*/ + +.background-image-holder{ position: absolute; width: 100%; height: 130%; top: -10%; background-size: cover !important; background-position: 50% 50% !important; } +.image-holder{ position: relative; overflow: hidden; } + +/*! +// 7. Navigation +// --------------------------------------------------*/ + +nav .logo{ max-height: 45px; max-width: 110px; position: absolute; top: -6px; opacity: 1; } +nav .text-right{ position: relative; } +nav .container{ .transition-300; } + +.overlay-nav{ position:fixed; top: 0px; z-index: 10; width: 100%; padding-top: @standard-space/3; line-height: 1; background: none; .transition-300; } +.overlay-nav .logo-dark{ opacity: 0; } +.overlay-nav.sticky-nav .logo-light{ opacity: 0; } +.overlay-nav.sticky-nav .logo-dark{ opacity: 1; } + +.bottom-border{ position: absolute; bottom: 2px; width: 100%; height: 2px; background: rgba(255,255,255,0.3); } +.sidebar-menu .bottom-border{ position: relative; bottom: 0px; background: rgba(255,255,255,0.2); display: block !important; } + +.menu{ display: inline-block; text-align: left; line-height: 1; } +.menu li{ float: left; margin-right: 32px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; position: relative; top: 4px; } +.menu li:last-child{ margin-right: 0px; } +.menu li:nth-las-child(2){ margin-right: 12px; } +.menu li a{ color: #fff; display: inline-block; padding-bottom: @standard-space/3; border-bottom: 2px solid rgba(0,0,0,0); .transition-300; } +.menu li a:hover{ border-bottom: 2px solid #fff; } + +.nav-dropdown{ position: absolute; z-index: -1; max-height: 0px; background: rgba(255,255,255,0.9); min-width: 200px; .transition-300; } +.nav-dropdown li:first-child{ margin-top: 12px; } +.nav-dropdown li{ opacity: 0; .transition-300; margin-right: 0px; float: none; margin-bottom: 18px; } +.nav-dropdown li a{ padding-bottom: 0px; padding-left: 24px; color: @color-heading; } +.nav-dropdown li a:hover{ border-color: rgba(0,0,0,0); } + +.has-dropdown:hover .nav-dropdown{ z-index: 10; max-height: 300px; } +.has-dropdown:hover .nav-dropdown li{ opacity: 1; } + +.has-dropdown a{ padding-left: 18px; } +.has-dropdown:before{ display: inline-block; font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e688"; color: #fff; font-size: 24px; position: absolute; top: -6px; } + +.menu .social-link{ font-size: 14px; top: 0px !important; margin-right: 18px !important; } +.menu .social-link:nth-last-child(2){ margin-right: 18px; } + +.sticky-nav{ background: rgba(255,255,255,0.9); } +.sticky-nav .menu li a{ color: @color-heading; } +.sticky-nav .bottom-border{ display: none; } +.sticky-nav .menu li a:hover{ border-color: rgba(0,0,0,0); } +.sticky-nav .sidebar-menu-toggle, .sticky-nav .mobile-menu-toggle{ color: @color-heading; } +.sticky-nav .nav-dropdown{ background: rgba(255,255,255,0.9); } +.sticky-nav .has-dropdown:before{ color: @color-heading; } + +.sidebar-menu-toggle, .mobile-menu-toggle{ position: absolute; color: #fff; font-size: 32px; right: 0px; top: -7px; cursor: pointer; .transition-300; } + +.mobile-menu-toggle{ display: none; } + +.sidebar-menu, .instagram-sidebar{ position: fixed; right: 0px; top: 0px; width: 300px; height: 100%; background: @color-heading; .translate3d(@x: 300px, @y: 0px, @z: 0px); .transition-300; } +.show-sidebar{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } +.reveal-sidebar{ .translate3d(@x: -300px, @y: 0px, @z: 0px); } + +.sidebar-content{ padding: 0px 24px; margin-top: 24px; } +.widget{ margin-bottom: 24px; } +.widget .title{ font-size: 16px; font-weight: 600; display: inline-block; margin-bottom: 12px; } +.widget .menu li{ float: none; margin-bottom: 12px; } +.widget .menu li a{ padding-bottom: 0px; color: #fff !important; font-size: 12px; } +.widget .menu li a:hover{ border-color: rgba(0,0,0,0); } +.widget .menu .social-link{ display: none; } +.widget .social-profiles li{ margin-right: 24px; } +.widget .social-profiles li a{ color: #fff; } + +.instagram-toggle{ cursor: pointer; } +.instagram-toggle-init{ pointer-events: none; } +.instagram-sidebar li{ width: 100%; height: 250px; } +.instagram-sidebar{ overflow-y: auto; } + +.sidebar-content .copy-text{ position: absolute; bottom: 32px; color: rgba(255,255,255,0.5); font-size: 12px; } +.text-panel{ background: lighten(@color-heading, 8%); padding: 18px; } + +.relative-nav{ position: relative; padding-top: 28px; background: #fff; } +.relative-nav .menu li a{ color: @color-heading; } +.relative-nav .has-dropdown:before{ color: @color-heading; } +.relative-nav .nav-dropdown{ background: rgba(53,53,53,0.8); } +.relative-nav .has-dropdown li a{ color: #fff; } +.relative-nav .sidebar-menu-toggle{ color: @color-heading; } +.relative-nav .logo-light{ opacity: 0 !important; } +.relative-nav .logo-dark{ opacity: 1 !important; } +.relative-nav .logo{ top: -4px !important; } + +.sidebar-menu .logo{ max-width: 110px; position: relative; top: 21px !important; margin-bottom: 32px; left: 24px; } + +@media all and(max-width: 768px){ + nav{ max-height: 67px; overflow: hidden; background: rgba(255,255,255,0.9) !important; } + nav .menu li{ float: none; margin-bottom: 24px; } + nav .menu li a{ color: @color-heading !important; padding-bottom: 0px; } + nav .logo{ max-width: 90px; top: -2px; } + nav .logo-dark{ opacity: 1 !important; } + nav .logo-light{ opacity: 0 !important; } + nav .menu{ width: 100%; display: block; margin-top: 67px; margin-right: 0px; } + nav .social-link{ float: left !important; } + .sidebar-menu-toggle{ display: none; } + .mobile-menu-toggle{ display: block; position: fixed; top: 17px; right: 24px; color: @color-heading !important; } + .open-menu{ max-height: 800px !important; } + .nav-dropdown{ position: relative; display: none; } + .has-dropdown:hover .nav-dropdown{ display: block; } + .has-dropdown:before{ color: @color-heading; } +} + +/*! +// 8. Sliders & Dividers & Headers +// --------------------------------------------------*/ + +.hero-slider{ padding: 0px; position: relative; overflow: hidden; } +.hero-slider .slides li{ height: 780px; position: relative; overflow: hidden; .preserve-3d; } +.hero-slider .slides li:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } + +.hero-slider .container{ .vertical-align; z-index: 2; } +.hero-slider h1{ margin-bottom: 42px; } + +.hero-slider .btn-hollow{ color: #fff; border-color: #fff; margin-left: 16px; } +.hero-slider .btn-hollow:hover{ background: #fff; color: @color-primary; } + +@media all and(max-width: 767px){ + .hero-slider .btn-hollow{ display: none; } +} + +.register-header form.register{ padding-top: 0px; background: rgba(0,0,0,0.4); padding: 24px; } +.register-header form input{ width: 100% !important; } +.register-header form.register span{ color: #fff; } +.register-header .logo, .hero-slide .logo{ max-width: 150px; display: block; margin-bottom: 12px; } + +.register-header h1{ margin-bottom: 24px !important; } + +@media all and(max-width: 768px){ + .register-header form.register .form-name, .register-header form.register .form-email{ max-width: 100%; width: 100%; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .register-header form.register .form-name, .register-header form.register .form-email{ width: 50%; } +} + +@media all and(max-width: 767px){ + .hero-slide .logo{ max-width: 100px; } + .register-header .logo{ display: none; } + .register-header h1{ display: none; } + .register-header form h1{ display: block; } + .register-header span.lead{ display: none; } + .register-header input, .register-header .select-holder{ max-width: 100% !important; } + .hero-slider h1{ margin-bottom: 18px; } +} + +.testimonials-slider{ position: relative; margin-bottom: 48px; } +.testimonials-slider .flex-control-nav a{ background:rgba(0,0,0,0.3); } +.testimonials-slider .flex-control-nav a.flex-active{ background:rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav a:hover{ background: rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav{ bottom: -48px; text-align: left; } + +.primary-overlay:before{ .overlay-params(@strength: 0.8, @bg-color: @color-primary); background-color: @color-primary !important; } + +.strip-divider{ padding: @standard-space*3 0px; position: relative; overflow: hidden; } +.strip-divider .container{ z-index: 2; position: relative; } +.strip-divider h1{ margin: 0px; font-size: 36px; line-height: 48px; } +.strip-divider a:hover{ color: #fff !important; } + +@media all and(max-width: 767px){ + .strip-divider{ padding: @standard-space 0px; } +} + +.countdown-divider{ padding: @standard-space*2 0px; } +.countdown-divider img, .countdown-header img, .video-header img{ max-width: 300px; display: inline-block; margin-bottom: 12px; } + +.countdown-header h1{ margin-bottom: 0px; } +.countdown-header:before{ opacity: 0.8 !important; } + +.video-header:before{ opacity: 0.5 !important; background: #000 !important; } +.video-header .uppercase, .countdown-header .uppercase{ display: block; font-weight: 600; margin-bottom: 24px; } + + +@media all and(max-width: 768px){ + .countdown-header img, .countdown-divider img, .video-header img{ max-width: 150px; } +} + +.countdown{ text-align: center; margin-top: @standard-space; } +.countdown-row{ color: #fff; font-size: 80px; font-weight: 300; } +.countdown-section{ width: 20%; display: inline-block; } +.countdown-amount{ display: inline-block; margin-bottom: 48px; } +.countdown-period{ display: block; font-size: 24px; } + +.section-header{ position: relative; overflow: hidden; height: 450px; } +.section-header h1{ font-size: 32px; } +.section-header.overlay:before{ opacity: 0.2; } +.section-header i{ font-size: 40px; color: #fff; margin: 0px 24px 12px 0px; } +.section-header i:last-of-type{ margin-right: 0px; } + +@media all and(max-width: 767px){ + .countdown{ margin-top: 48px; } + .countdown-row{ font-size: 36px; } + .countdown-period{ font-size: 16px; } +} + +.video-wrapper{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; } +.video-wrapper video{ width: 100%; } + +@media all and(max-width: 1390px){ + .video-wrapper video{ width: 110%; } +} + +@media all and(max-width: 1260px){ + .video-wrapper video{ width: 120%; } +} + +@media all and(max-width: 1160px){ + .video-wrapper video{ width: 130%; } +} + +@media all and(max-width: 1024px){ + .video-wrapper{ display: none; } +} + +.call-to-action{ padding: 144px 0px; } +.call-to-action .uppercase{ display: block; width: 100%; text-align: center; margin-bottom: 32px; } +.call-to-action h1{ margin-bottom: 32px; } +.call-to-action .btn{ margin-bottom: 40px; } +.call-to-action a i{ display: inline-block; width: 60px; height: 60px; border-radius: 50%; color: #fff; margin-right: 12px; font-size: 24px; line-height: 60px; } +.call-to-action .social_facebook{ background-color: #3b5998; } +.call-to-action .social_twitter{ background-color: #00aced; } +.call-to-action a:last-of-type i{ margin-right: 0px; } + +@media all and(max-width: 768px){ + .call-to-action{ padding: @standard-space 0px; } +} + +/*! +// 9. Image with text +// --------------------------------------------------*/ + +.image-with-text{ overflow: hidden; position: relative; height: 600px; } +.image-with-text h1{ margin-bottom: 24px; } + +.side-image{ padding: 0px; position: absolute; top: 0px; height: 100%; } + + +@media all and(max-width: 767px){ + .image-with-text{ height: auto; padding: @standard-space 0px; } + .image-with-text .vertical-align{ .vertical-align-cancel } +} + +/*! +// Promo Blocks +// --------------------------------------------------*/ + +.color-blocks{ position: relative; overflow: hidden; color: #fff; } +.color-block{ position: absolute; top: 0px; height: 100%; padding: 0px; color: #fff; .transition-300; } +.color-blocks h1, .color-blocks h2, .color-blocks h3, .color-blocks h4, .color-blocks h5, .color-blocks h6{ color: #fff; } +.color-blocks h1{ margin-bottom: 12px; } +.color-blocks a{ color: #fff; pointer-events: auto; } +.color-blocks a:hover i{ transform: rotateZ(-10deg); } +.color-blocks i, .contained-promo i{ color: @color-primary; font-size: 70px; display: inline-block; border: 2px solid #fff; border-radius: 50%; width: 120px; height: 120px; line-height: 117px; background: #fff; text-align: center; .transition-100; } +.block-left{ background-color: @color-primary; } +.block-right{ background-color: darken(@color-primary, 8%); right: 0px; } + +@media all and(max-width: 768px){ + .block-content{ margin-bottom: @standard-space*2; overflow: hidden; display: block; } + .block-content:last-of-type{ margin-bottom: 0px; } + .color-block{ height: 50%; width: 100%; } + .block-right{ top: 50%; } +} + +@media all and(max-width: 767px){ + .block-content i{ margin-bottom: 30px; } +} + + + +/*! +// 10. Speakers & Topics +// --------------------------------------------------*/ + +.speakers-row{ padding: 0px 15px; } +.speaker-column{ padding: 0px; } + +.speaker{ position: relative; overflow: hidden; } +.speaker,.topic{ margin-bottom: @standard-space/2; } +.speaker .hover-state{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; background: rgba(0,0,0,0.5); .transition-300; } +.speaker .image-holder{ margin-bottom: 12px; } +.speaker span{ display: block; font-size: 16px; } +.speaker-name{ color: @color-heading; } +.speaker .social-links{ width: 100%; .transition-300; .translate3d(@x: 0px, @y: -200px, @z: 0px); } +.speaker .social-links a{ color: #fff; font-size: 24px; display: inline-block; margin-left: 6px; } +.speaker .social-links a:last-child{ margin-right: 0px; } +.speaker .image-holder:hover .hover-state{ opacity: 1; } +.speaker .image-holder:hover .hover-state .social-links{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } + +.speaker-with-bio{ overflow: hidden; margin-bottom: @standard-space/2; } +.speaker-with-bio .speaker{ width: 50%; float: left; margin-bottom: 0px; } +.speaker-with-bio .speaker-description{ width: 50%; float: left; padding-left: 30px; } +.speaker-description span{ display: inline-block; margin-bottom: 18px; font-weight: 600; } + +@media all and(max-width: 767px){ + .speaker-with-bio .speaker{ width: 100%; } + .speaker-with-bio .speaker-description{ width: 100%; padding-left: 0px; } +} + +.topics{ position: relative; overflow: hidden; } +.topics .container{ position: relative; z-index: 2; } +.topics.overlay .ruled-list li{ border-color: rgba(255,255,255,0.5); } +.topics.overlay .topic i{ color: #fff; } + +.topic h3{ margin-bottom: 18px; } +.topic p.lead{ margin-bottom: 32px; } +.topic i{ font-size: 60px; color: @color-primary; display: inline-block; margin-bottom: 32px; } + +@media all and(max-width: 767px){ + .topic h3{ display: inline-block; position: relative; bottom: 18px; left: 12px; } + .topic i{ margin-bottom: 12px; } +} + +.ruled-list li{ border-top: 1px dotted rgba(0,0,0,0.3); padding: 12px 0px; font-size: 16px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .speakers-row .col-sm-6{ width: 50%; float: left !important; } +} + +/*! +// 11. Schedule +// --------------------------------------------------*/ + +.inline-video{ background: @color-muted; } +.inline-video iframe{ width: 100%; height: 300px; border: none; } +.inline-video .btn{ min-width: 150px; margin-top: 32px; margin-right: 16px; } + +@media all and(max-width: 768px){ + .inline-video iframe{ height: 350px; margin-top: 42px; } +} + +@media all and(max-width: 767px){ + .inline-video iframe{ height: 200px; margin-top: 30px; } + .inline-video .btn{ margin-top: 18px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .inline-video iframe{ height: 250px; } +} + +.embedded-video-holder p{ display: none; } + +.schedule-overview{ border: 2px solid rgba(0,0,0,0.2); margin-bottom: @standard-space/2; } +.schedule-overview li{ padding: 24px; position: relative; cursor: pointer; .transition-300; } +.schedule-overview li:first-child .top{ display: none; } +.schedule-overview li:last-child .bottom{ display: none; } + +.schedule-title span{ display: block; font-size: 16px; } +.schedule-title .title{ color: @color-heading; } + +.schedule-text{ max-height: 0px; .transition-300; opacity: 0; } + +.schedule-overview li:hover{ background-color: @color-muted; } +.schedule-overview li:hover .schedule-text{ max-height: 300px; opacity: 1; padding-top: 18px; } +.schedule-overview li:hover .top,.schedule-overview li:hover .bottom,.schedule-overview li:hover .middle{ border-color: rgba(0,0,0,0.4); } +.schedule-overview li:hover .middle{ background: @color-heading; } + +.schedule-with-text .btn, .contained-gallery .btn{ margin-top: 24px; margin-right: 12px; } +.schedule-with-text .schedule-overview li{ padding-right: 48px; } + +@media all and(max-width: 1024px){ + .schedule-overview li{ padding-right: 48px; } +} + +@media all and(max-width: 767px){ + .schedule-with-text .btn, .contained-gallery .btn{ margin-bottom: 32px; } +} + +.marker-pin{ position: absolute; right: 32px; top: 0px; height: 100%; } +.marker-pin .top, .marker-pin .bottom{ height: 50%; width: 2px; border-left: 2px solid rgba(0,0,0,0.2); position: absolute; z-index: 1; .transition-300; } +.marker-pin .top{ top: 0px; } +.marker-pin .bottom{ bottom: 0px; } +.marker-pin .middle{ width: 18px; height: 18px; border: 2px solid rgba(0,0,0,0.2); background: #fff; border-radius: 50%; position: absolute; right: -10px; top: 50%; margin-top: -9px; z-index: 2; .transition-300; } + +/*! +// 12. Galleries +// --------------------------------------------------*/ + +.instagram, .lightbox-gallery{ position: relative; padding: @standard-space*3 0px; } +.gallery-header{ } +.gallery-header .logo{ max-width: 400px; display: block; margin: 0px auto; margin-bottom: 12px; } + +@media screen and(max-width: 768px){ + .gallery-header .logo{ max-width: 200px; } + .gallery-header h1{ font-size: 24px !important; line-height: 32px !important; } +} + +.instagram, .lightbox-gallery{ overflow: hidden; background: #000 !important; } +.instagram ul, .lightbox-gallery ul{ overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0px; } +.instagram li, .lightbox-gallery li{ float: left; width: 20%; height: 50%; position: relative; cursor: pointer; .transition-300; overflow: hidden; background-size: cover !important; opacity: 0.5; } +.instagram li:hover, .lightbox-gallery li:hover{ opacity: 1 !important; } + +.instagram .container, .lightbox-gallery .container{ position: relative; z-index: 3; } +.instagram i, .lightbox-gallery i{ font-size: 48px; display: inline-block; margin-bottom: 16px; } +.instagram h1, .lightbox-gallery h1{ .large-h1; margin-bottom: 16px; } + +@media all and(max-width: 1200px){ + .instagram li:nth-child(n+9), .lightbox-gallery li:nth-child(n+9){ display: none; } + .instagram li, .lightbox-gallery li{ width: 25%; } +} + +@media all and(max-width: 900px){ + .instagram li:nth-child(n+7), .lightbox-gallery li:nth-child(n+7){ display: none; } + .instagram li, .lightbox-gallery li{ width: 33.333333%; } +} + +@media all and(max-width: 767px){ + .instagram, .lightbox-gallery{ padding: @standard-space*2 0px; } + .instagram li:nth-child(n+5), .lightbox-gallery li:nth-child(n+5){ display: none; } + .instagram li, .lightbox-gallery li{ width: 50%; } +} + + +.testimonials{ background: @color-muted; } + +.contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 185px 0px; } +.contained-gallery .instagram li:nth-child(n+9),.contained-gallery .lightbox-gallery li:nth-child(n+9){ display: none; } +.contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 25%; opacity: 0.7; } + +@media all and(max-width: 1024px){ + .contained-gallery .instagram li:nth-child(n+7){ display: none; } + .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333%; } + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 200px 0px; } +} + +@media all and(max-width: 768px){ + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ margin-bottom: 32px; } + .contained-gallery .btn{ margin-bottom: 0px; } + .contained-gallery .instagram li:nth-child(n+5), .contained-gallery .lightbox-gallery li:nth-child(n+5){ display: block !important; } + .contained-gallery .instagram li:nth-child(n+7), .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none !important; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333% !important; } +} + +/*! +// 13. Pricing +// --------------------------------------------------*/ + +.pricing-option{ overflow: hidden; background: @color-muted; .preserve-3d; position: relative; padding: @standard-space 0px; margin-bottom: 30px; .transition-300; } +.pricing-option .dot{ position: absolute; top: 24px; right: 24px; width: 24px; height: 24px; border-radius: 50%; background: #fff; } +.pricing-option:hover{ background: darken(@color-muted, 3%); } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .pricing-options .col-sm-6{ width: 50%; float: left; } +} + +.dollar, .price, .type{ font-weight: 600; color: @color-heading; font-size: 72px; } +.dollar{ font-size: 36px; position: relative; bottom: 22px; } +.price{ line-height: 1; } +.type{ display: block; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-top: 12px; } + +.plan-title{ display: block; font-weight: 600; margin-bottom: 12px; font-size: 18px; color: @color-heading; } + +.pricing-option ul li{ color: @color-body; } + +.pricing-option.emphasis{ background: @color-primary; color: #fff; } +.pricing-option.emphasis .type, .pricing-option.emphasis .dollar, .pricing-option.emphasis .price, .pricing-option.emphasis .plan-title, .pricing-option.emphasis ul li{ color: #fff !important; } + +@media all and(max-width: 991px){ + .type{ margin-bottom: 12px; } + .pricing-option{ text-align: center !important; } +} + +/*! +// Frequently Asked Questions +// --------------------------------------------------*/ + +.faq-item{ margin-bottom: @standard-space/2; } + +p.question{ font-weight: 600; color: @color-heading; font-size: 16px; } + +/*! +// Visitor Info +// --------------------------------------------------*/ + +.info-box{ margin-bottom: @standard-space/2; position: relative; overflow: hidden; } +.info-box img{ display: block; margin-bottom: 12px; } +.info-box h3{ margin-bottom: 12px; } +.info-box .text-link{ position: absolute; bottom: 12px; right: 0px; } +.text-link a{ display: inline-block; margin-left: 12px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .visitor-info .col-sm-4{ width: 50%; float: left; } +} + +/*! +// 14. Subscribe +// --------------------------------------------------*/ + +.subscribe-1{ position: relative; overflow: hidden; padding-top: @standard-space*2; padding-bottom: @standard-space/2; } +.subscribe-1:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } +.subscribe-1 .container{ position: relative; z-index: 2; } +.subscribe-1 .email-subscribe{ margin-bottom: @standard-space*3; } +.subscribe-1 footer{ border-top: 2px solid rgba(255,255,255,0.3); padding-top: @standard-space/2; } +.subscribe-1 .twitter-feed{ margin-bottom: @standard-space; } +.subscribe-1 h1{ margin-bottom: 30px; } + +.email-subscribe span{ display: block; margin-top: 12px; } + +.twitter-feed i{ font-size: 48px; display: inline-block; margin-bottom: 32px; } +.twitter-feed span a{ border-bottom: none; } + +.tweets-feed .user{ display: none; } +.tweets-feed .interact{ display: none; } +.tweets-feed .tweet{ color: #fff; font-size: 30px; line-height: 36px; font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } +.tweets-feed .tweet a{ color: #fff !important; border-color: #fff !important; } +.tweets-feed .timePosted{ display: none; } + +@media all and(max-width: 767px){ + .tweets-feed .tweet{ font-size: 20px; line-height: 26px; } + .subscribe-2 .form-email{ margin-bottom: 24px; } +} + + +/*! +// 15. Contact +// --------------------------------------------------*/ + +.contact-tweets{ background: @color-primary; color: #fff; position: relative; overflow: hidden; height: 600px; .preserve-3d; } +.contact-tweets .social_twitter{ font-size: 42px; margin-bottom: 32px; display: inline-block; } +.contact-tweets .map-holder{ position: absolute; height: 100%; padding: 0px; top: 0px; right: 0px; } +.contact-tweets .timePosted{ display: block !important; } +.map-holder:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; } +.map-holder iframe{ border: 0px; position: absolute; width: 100%; height: 100%; } +.contact-tweets span a{ border-bottom: 2px solid #fff; padding-bottom: 1px; } + +.contact-tweets form{ padding-top: 0px !important; } +.contact-tweets form .btn{ background: #fff; color: @color-primary; } +.contact-tweets form ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets .icon{ font-size: 60px; margin-bottom: 12px; } +.contact-tweets .form-message{ max-width: 95.5%; width: 95.5%; } + +.fullwidth-map{ padding: 0px; position: relative; overflow: hidden; } +.fullwidth-map .map-holder{ width: 100%; height: 400px; overflow: hidden; } +.fullwidth-map.screen:before{ content: ''; position: absolute; width: 100%; height: 100%; z-index: 2; } + + +/*! +// Sponsors +// --------------------------------------------------*/ + +.sponsors{ background: @color-muted; } +.sponsor{ margin-bottom: @standard-space/2; height: 80px; line-height: 80px; } +.sponsor img{ max-width: 150px; .transition-300; max-height: 80px; } + +.sponsors span{ display: inline-block; margin-top: 24px; } +.sponsors span a{ color: @color-primary; border-color: @color-primary; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .sponsors .col-sm-6{ width: 50%; float: left; } +} + + + +/*! +// 16. Forms +// --------------------------------------------------*/ + +form.register{ overflow: hidden; padding-top: 24px; display: block; } +form.register div{ padding: 0px; } +input[type="text"], form.register .select-holder{ margin-bottom: 32px; padding: 12px; border: none; background: rgba(255,255,255,0.1); border-radius: 25px; font-size: 14px; max-width: 90%; color: #fff; padding-left: 24px; .transition-300; } +input[type="text"]:focus, form.register .select-holder:focus,input[type="text"]:hover, form.register .select-holder:hover{ outline: none; background: rgba(255,255,255,0.2); } + +form.register select{ width: 90%; margin: 0px; background: none; border: none; cursor: pointer; } +form.register select:focus{ outline: none; } + +form.register input[type="submit"]{ padding-bottom: 12px; width: 90%; margin-bottom: 12px; } + +input[type="submit"]{ font-weight: normal; } + +.email-subscribe{ overflow: hidden; } +.email-subscribe input{ margin: 0px auto; min-width: 100%; max-width: 100%; } +.email-subscribe input[type="text"]{ background: rgba(255,255,255,0.3); } +.email-subscribe input[type="text"]:hover, .email-subscribe input[type="text"]:focus{ background: rgba(255,255,255,0.4); } +.email-subscribe ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe input[type="submit"]{ min-height: 48px; } + +.subscribe-2 .email-subscribe input[type="text"]{ background: rgba(0,0,0,0.2); } +.subscribe-2 i{ color: @color-primary; font-size: 70px; display: inline-block; margin-right: 24px; margin-bottom: 18px; } +.subscribe-2 i:last-of-type{ margin-right: 0px; } + +input.error{ color: #ff4532; } + +.mail-list-form{ width: 0px; height: 0px; opacity: 0; overflow: hidden; } + +.form-success, .form-error{ display: none; width: 100%; padding: 6px 18px 8px 18px !important; margin-top: 12px; color: #fff; background-color: #55c950; border-radius: 20px; } +.form-error{ background-color: #D74B4B; } +form .field-error{ background: #D74B4B !important; } + +@media all and(max-width: 768px){ + +} + +@media all and(max-width: 767px){ + form.register input, form.register .select-holder{ width: 100% !important; max-width: 100%; } + .subscribe-1 .email-subscribe input[type="text"]{ margin-bottom: 24px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + form.register .col-sm-6{ width: 50%; float: left; } + form.register input, form.register .select-holder{ max-width: 95% !important; } + form.register input[type="submit"]{ max-width: 100% !important; } +} + +/*! +// Utility Pages +// --------------------------------------------------*/ + +.error-page{ background: @color-primary; padding: 0px; } +.error-page h1{ font-size: 84px; line-height: 96px; margin-bottom: 0px; margin-bottom: 12px; } +.error-page p{ font-size: 24px; line-height: 32px; } +.error-page i{ color: #fff; font-size: 84px; display: inline-block; margin-right: 24px; } +.error-page i:last-of-type{ margin-right: 0px; } +.error-page .btn{ margin-right: 24px; margin-top: 12px; } + +@media all and(max-width: 767px){ + .error-page i{ display: none; } +} + +/*! +// 17. Footers +// --------------------------------------------------*/ + + +.footer .top-border{ height: 2px; width: 100%; background: rgba(255,255,255,0.3); margin-bottom: 32px; } +.footer .menu{ overflow: visible; } +.footer .menu li{ top: 0px; } +.footer .menu li a{ padding-bottom: 0px; } +.footer .menu li .btn{ min-width: 0px; padding: 10px 18px; font-size: 14px; } +.footer .menu li a{ diplay: inline-block; position: relative; border: none; } +.footer .menu li a:hover{ border: none; } +.footer .back-to-top{ padding-right: 42px; } +.footer .menu li a i{ font-size: 36px; position: absolute; right: 0px; top: -12px; } + +@media all and(max-width: 767px){ + .footer .text-right{ text-align: left !important; } + .footer .menu{ margin-top: 24px; } + .footer .menu li{ float: none; margin-bottom: 12px; } +} + +footer.classic{ padding: @standard-space 0px @standard-space/2 0px; background: @color-muted; } +footer.classic .menu li{ float: none; margin-bottom: 12px; } +footer.classic .menu li a{ color: @color-heading; padding-bottom: 0px; font-weight: 600; } +footer.classic span.lead{ display: inline-block; margin-bottom: 12px; } + +footer.short{ background: @color-heading; color: #fff; padding: @standard-space 0px; } +footer.short .top-border{ height: 1px !important; } + +@media all and(max-width: 767px){ + footer.classic div{ margin-bottom: 18px; } +} + +.contact-methods li{ margin-bottom: 12px; } +.contact-methods li:last-child{ margin-bottom: 0px; } +.contact-methods i{ font-size: 36px; color: @color-heading; } +.contact-methods span{ display: inline-block; position: relative; bottom: 10px; left:8px; font-size: 16px; } + +footer.classic .social-profiles{ margin-top: 36px; } + +.social-profiles{ display: inline-block; overflow: hidden; } +.social-profiles li{ float: left; margin-right: 36px; } +.social-profiles li:last-child{ margin-right: 0px; } +.social-profiles li a{ color: @color-heading; font-size: 20px; } + diff --git a/static/new/css/less/carousel.less b/static/new/css/less/carousel.less new file mode 100644 index 00000000..e3fb8a2c --- /dev/null +++ b/static/new/css/less/carousel.less @@ -0,0 +1,232 @@ +// +// Carousel +// -------------------------------------------------- + + +// Wrapper for the slide container and indicators +.carousel { + position: relative; +} + +.carousel-inner { + position: relative; + overflow: hidden; + width: 100%; + + > .item { + display: none; + position: relative; + .transition(.6s ease-in-out left); + + // Account for jankitude on images + > img, + > a > img { + &:extend(.img-responsive); + line-height: 1; + } + } + + > .active, + > .next, + > .prev { display: block; } + + > .active { + left: 0; + } + + > .next, + > .prev { + position: absolute; + top: 0; + width: 100%; + } + + > .next { + left: 100%; + } + > .prev { + left: -100%; + } + > .next.left, + > .prev.right { + left: 0; + } + + > .active.left { + left: -100%; + } + > .active.right { + left: 100%; + } + +} + +// Left/right controls for nav +// --------------------------- + +.carousel-control { + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: @carousel-control-width; + .opacity(@carousel-control-opacity); + font-size: @carousel-control-font-size; + color: @carousel-control-color; + text-align: center; + text-shadow: @carousel-text-shadow; + // We can't have this transition here because WebKit cancels the carousel + // animation if you trip this while in the middle of another animation. + + // Set gradients for backgrounds + &.left { + #gradient > .horizontal(@start-color: rgba(0,0,0,.5); @end-color: rgba(0,0,0,.0001)); + } + &.right { + left: auto; + right: 0; + #gradient > .horizontal(@start-color: rgba(0,0,0,.0001); @end-color: rgba(0,0,0,.5)); + } + + // Hover/focus state + &:hover, + &:focus { + outline: none; + color: @carousel-control-color; + text-decoration: none; + .opacity(.9); + } + + // Toggles + .icon-prev, + .icon-next, + .glyphicon-chevron-left, + .glyphicon-chevron-right { + position: absolute; + top: 50%; + z-index: 5; + display: inline-block; + } + .icon-prev, + .glyphicon-chevron-left { + left: 50%; + } + .icon-next, + .glyphicon-chevron-right { + right: 50%; + } + .icon-prev, + .icon-next { + width: 20px; + height: 20px; + margin-top: -10px; + margin-left: -10px; + font-family: serif; + } + + .icon-prev { + &:before { + content: '\2039';// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039) + } + } + .icon-next { + &:before { + content: '\203a';// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A) + } + } +} + +// Optional indicator pips +// +// Add an unordered list with the following class and add a list item for each +// slide your carousel holds. + +.carousel-indicators { + position: absolute; + bottom: 10px; + left: 50%; + z-index: 15; + width: 60%; + margin-left: -30%; + padding-left: 0; + list-style: none; + text-align: center; + + li { + display: inline-block; + width: 10px; + height: 10px; + margin: 1px; + text-indent: -999px; + border: 1px solid @carousel-indicator-border-color; + border-radius: 10px; + cursor: pointer; + + // IE8-9 hack for event handling + // + // Internet Explorer 8-9 does not support clicks on elements without a set + // `background-color`. We cannot use `filter` since that's not viewed as a + // background color by the browser. Thus, a hack is needed. + // + // For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we + // set alpha transparency for the best results possible. + background-color: #000 \9; // IE8 + background-color: rgba(0,0,0,0); // IE9 + } + .active { + margin: 0; + width: 12px; + height: 12px; + background-color: @carousel-indicator-active-bg; + } +} + +// Optional captions +// ----------------------------- +// Hidden by default for smaller viewports +.carousel-caption { + position: absolute; + left: 15%; + right: 15%; + bottom: 20px; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: @carousel-caption-color; + text-align: center; + text-shadow: @carousel-text-shadow; + & .btn { + text-shadow: none; // No shadow for button elements in carousel-caption + } +} + + +// Scale up controls for tablets and up +@media screen and (min-width: @screen-sm-min) { + + // Scale up the controls a smidge + .carousel-control { + .glyphicon-chevron-left, + .glyphicon-chevron-right, + .icon-prev, + .icon-next { + width: 30px; + height: 30px; + margin-top: -15px; + margin-left: -15px; + font-size: 30px; + } + } + + // Show and left align the captions + .carousel-caption { + left: 20%; + right: 20%; + padding-bottom: 30px; + } + + // Move up the indicators + .carousel-indicators { + bottom: 20px; + } +} diff --git a/static/new/css/less/close.less b/static/new/css/less/close.less new file mode 100644 index 00000000..9b4e74f2 --- /dev/null +++ b/static/new/css/less/close.less @@ -0,0 +1,33 @@ +// +// Close icons +// -------------------------------------------------- + + +.close { + float: right; + font-size: (@font-size-base * 1.5); + font-weight: @close-font-weight; + line-height: 1; + color: @close-color; + text-shadow: @close-text-shadow; + .opacity(.2); + + &:hover, + &:focus { + color: @close-color; + text-decoration: none; + cursor: pointer; + .opacity(.5); + } + + // Additional properties for button version + // iOS requires the button element instead of an anchor tag. + // If you want the anchor version, it requires `href="#"`. + button& { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; + } +} diff --git a/static/new/css/less/code.less b/static/new/css/less/code.less new file mode 100644 index 00000000..3eed26c0 --- /dev/null +++ b/static/new/css/less/code.less @@ -0,0 +1,63 @@ +// +// Code (inline and block) +// -------------------------------------------------- + + +// Inline and block code styles +code, +kbd, +pre, +samp { + font-family: @font-family-monospace; +} + +// Inline code +code { + padding: 2px 4px; + font-size: 90%; + color: @code-color; + background-color: @code-bg; + white-space: nowrap; + border-radius: @border-radius-base; +} + +// User input typically entered via keyboard +kbd { + padding: 2px 4px; + font-size: 90%; + color: @kbd-color; + background-color: @kbd-bg; + border-radius: @border-radius-small; + box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); +} + +// Blocks of code +pre { + display: block; + padding: ((@line-height-computed - 1) / 2); + margin: 0 0 (@line-height-computed / 2); + font-size: (@font-size-base - 1); // 14px to 13px + line-height: @line-height-base; + word-break: break-all; + word-wrap: break-word; + color: @pre-color; + background-color: @pre-bg; + border: 1px solid @pre-border-color; + border-radius: @border-radius-base; + + // Account for some code outputs that place code tags in pre tags + code { + padding: 0; + font-size: inherit; + color: inherit; + white-space: pre-wrap; + background-color: transparent; + border-radius: 0; + } +} + +// Enable scrollable blocks of code +.pre-scrollable { + max-height: @pre-scrollable-max-height; + overflow-y: scroll; +} diff --git a/static/new/css/less/component-animations.less b/static/new/css/less/component-animations.less new file mode 100644 index 00000000..1efe45e2 --- /dev/null +++ b/static/new/css/less/component-animations.less @@ -0,0 +1,29 @@ +// +// Component animations +// -------------------------------------------------- + +// Heads up! +// +// We don't use the `.opacity()` mixin here since it causes a bug with text +// fields in IE7-8. Source: https://github.com/twitter/bootstrap/pull/3552. + +.fade { + opacity: 0; + .transition(opacity .15s linear); + &.in { + opacity: 1; + } +} + +.collapse { + display: none; + &.in { + display: block; + } +} +.collapsing { + position: relative; + height: 0; + overflow: hidden; + .transition(height .35s ease); +} diff --git a/static/new/css/less/dandelion.less b/static/new/css/less/dandelion.less new file mode 100644 index 00000000..712782a9 --- /dev/null +++ b/static/new/css/less/dandelion.less @@ -0,0 +1,837 @@ +// +// Load core variables and mixins +// -------------------------------------------------- + +@import "variables.less"; +@import "mixins.less"; + +// +// Useful Mixins +// -------------------------------------------------- + +.vertical-align { + position: relative; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.vertical-align-cancel{ + top: 0px; + -webkit-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); +} + +.preserve-3d { + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + transform-style: preserve-3d; +} + +.transition-100{ + transition: all .1s ease-out; + -webkit-transition: all .1s ease-out; + -moz-transition: all .1s ease-out; +} + +.transition-300{ + transition: all .3s ease-out; + -webkit-transition: all .3s ease-out; + -moz-transition: all .3s ease-out; +} + +.transition-700{ + transition: all .7s ease-out; + -webkit-transition: all .7s ease-out; + -moz-transition: all .7s ease-out; +} + +.translate3d(@x,@y,@z){ + transform: translate3d(@x,@y,@z); + -webkit-transform: translate3d(@x,@y,@z); + -moz-transform: translate3d(@x,@y,@z); +} + +.scale2d(@x,@y){ + transform: scale(@x,@y); + -webkit-transform: scale(@x,@y); + -moz-transform: scale(@x,@y); +} + +.overlay-params(@strength, @bg-color){ + background-color: @bg-color; + opacity: @strength; + position: absolute; + content: ''; + width: 100%; + height: 100%; + z-index: 1; + top: 0px; +} + +.overlay:before{ .overlay-params(@strength: 0.5, @bg-color: @color-heading); } +.overlay .container{ position: relative; z-index: 2; } + +// +// Helper Classes & Resets +// -------------------------------------------------- + +.go-right{ right: 0px; } +.go-left{ left: 0px; } + +img{ max-width: 100%; } + +.main-container{ .transition-300; } + +// +// Loader +// -------------------------------------------------- + +.loader{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; background: #fff; .preserve-3d; .transition-300; opacity: 1; } +.strip-holder{ .vertical-align; left: 50%; margin-left: -50px; position: relative; } +.strip-1, .strip-2, .strip-3{ width: 20px; height: 20px; background: @color-primary; position: relative; -webkit-animation: stripMove 2s ease infinite alternate; animation: stripMove 2s ease infinite alternate; -moz-animation: stripMove 2s ease infinite alternate; } +.strip-2{ -webkit-animation-duration: 2.1s; animation-duration: 2.1s; background-color: lighten(@color-primary, 20%); } +.strip-3{ -webkit-animation-duration: 2.2s; animation-duration: 2.2s; background-color: lighten(@color-primary, 40%); } + + +@-webkit-keyframes stripMove{ + 0% { .translate3d(@x: 0px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } +} + +@-moz-keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +@keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +.main-container{ .transition-300; opacity: 0; } +nav{ .transition-300; opacity: 0; } +.show-content{ opacity: 1 !important; } +.hide-loader{ opacity: 0 !important; } + + +// +// Colours +// -------------------------------------------------- + +@color-primary: #FFE900; +@color-heading: #333; +@color-body: #777; +@color-muted: #f5f5f5 !important; + +.background-dark{ background-color: @color-heading !important; } +.color-heading{ color: @color-heading; } + +// +// Typography +// -------------------------------------------------- + +@custom-heading-font: 'Open Sans'; +@custom-body-font: 'Open Sans'; + +.text-white{ color: #fff; } + +body{ font-family: @custom-body-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: @color-body; font-size: 14px; line-height: 24px; background: @color-heading; } +h1,h2,h3,h4,h5,h6{ font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; margin: 0px; color: @color-heading; } + +h1{ font-size: 30px; line-height: 36px; margin-bottom: 42px; } +h3{ font-size: 20px; line-height: 28px; } + +.large-h1{ font-size: 42px; line-height: 48px; font-weight: 300; } + +p{ font-size: 14px; line-height: 24px; } +p:last-child{ margin-bottom: 0px; } +p.lead{ font-size: 16px; line-height: 30px; font-weight: 400; } +span.lead{ font-weight: 400; } +.uppercase{ text-transform: uppercase; letter-spacing: 1px; display: inline-block; margin-right: -1px; } + +strong{ font-weight: 600; } + +ul{ list-style: none; margin: 0px; padding: 0px; } + +@media all and(max-width: 767px){ + h1{ font-size: 24px; line-height: 28px; margin-bottom: 36px; } + h2{ font-size: 20px; line-height: 26px; } + + .large-h1{ font-size: 24px; line-height: 28px; } + + p{ font-size: 13px; line-height: 22px; } + p.lead{ font-size: 15px; line-height: 26px; } +} + + +// +// Spacing Standards +// -------------------------------------------------- + +@standard-space: 72px; + +section{ padding: @standard-space 0px; background: #fff; } + +.duplicatable-content{ padding-bottom: @standard-space/2; } + + +// +// Buttons +// -------------------------------------------------- + +a:hover{ text-decoration: none; } +h1 a, span a,p a,.text-link a{ font-weight: 600; color: #fff; display: inline-block; border-bottom: 4px solid #fff; padding-bottom: 6px; .transition-300; } +span a, p a,.text-link a{ padding-bottom: 4px; border-bottom: 3px solid #fff; } +span a:hover{ color: #fff; } +p a, .text-link a{ color: @color-primary !important; border-color: @color-primary; padding-bottom: 2px; } +p a, .text-link a:hover{ color: @color-heading; } + +.btn{ min-width: 180px; border-radius: 25px; background: @color-primary; text-align: center; padding: 13px 0px 14px 0px; color: #fff; font-size: 15px; .transition-300; font-weight: 600; line-height: 1; } +.btn:hover{ color: #fff; background: darken(@color-primary, 5%); } +.btn-hollow{ background: none; border: 2px solid @color-primary; color: @color-primary; } +.btn-hollow:hover{ background: @color-primary; } + +.btn-white{ background: #fff; color: @color-primary; } +.btn-white:hover{ background: #fff; color: darken(@color-primary,10%); } + +.btn-hollow.btn-white{ background: none; border-color: #fff; color: #fff; } +.btn-hollow.btn-white:hover{ background: #fff; color: @color-primary; } + +// +// Backgrounds & Parallax +// -------------------------------------------------- + +.background-image-holder{ position: absolute; width: 100%; height: 130%; top: -10%; background-size: cover !important; background-position: 50% 50% !important; } +.image-holder{ position: relative; overflow: hidden; } + +// +// Navigation +// -------------------------------------------------- + +nav .logo{ max-height: 45px; max-width: 110px; position: absolute; top: -6px; opacity: 1; } +nav .text-right{ position: relative; } +nav .container{ .transition-300; } + +.overlay-nav{ position:fixed; top: 0px; z-index: 10; width: 100%; padding-top: @standard-space/3; line-height: 1; background: none; .transition-300; } +.overlay-nav .logo-dark{ opacity: 0; } +.overlay-nav.sticky-nav .logo-light{ opacity: 0; } +.overlay-nav.sticky-nav .logo-dark{ opacity: 1; } + +.bottom-border{ position: absolute; bottom: 2px; width: 100%; height: 2px; background: rgba(255,255,255,0.3); } +.sidebar-menu .bottom-border{ position: relative; bottom: 0px; background: rgba(255,255,255,0.2); display: block !important; } + +.menu{ display: inline-block; text-align: left; line-height: 1; } +.menu li{ float: left; margin-right: 32px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; position: relative; top: 4px; } +.menu li:last-child{ margin-right: 0px; } +.menu li:nth-las-child(2){ margin-right: 12px; } +.menu li a{ color: #fff; display: inline-block; padding-bottom: @standard-space/3; border-bottom: 2px solid rgba(0,0,0,0); .transition-300; } +.menu li a:hover{ border-bottom: 2px solid #fff; } + +.nav-dropdown{ position: absolute; z-index: -1; max-height: 0px; background: rgba(255,255,255,0.3); min-width: 200px; .transition-300; } +.nav-dropdown li:first-child{ margin-top: 12px; } +.nav-dropdown li{ opacity: 0; .transition-300; margin-right: 0px; float: none; margin-bottom: 18px; } +.nav-dropdown li a{ padding-bottom: 0px; padding-left: 24px; } +.nav-dropdown li a:hover{ border-color: rgba(0,0,0,0); } + +.has-dropdown:hover .nav-dropdown{ z-index: 10; max-height: 300px; } +.has-dropdown:hover .nav-dropdown li{ opacity: 1; } + +.has-dropdown a{ padding-left: 18px; } +.has-dropdown:before{ display: inline-block; font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e688"; color: #fff; font-size: 24px; position: absolute; top: -6px; } + +.menu .social-link{ font-size: 14px; top: 0px !important; margin-right: 18px !important; } +.menu .social-link:nth-last-child(2){ margin-right: 18px; } + +.sticky-nav{ background: rgba(255,255,255,0.9); } +.sticky-nav .menu li a{ color: @color-heading; } +.sticky-nav .bottom-border{ display: none; } +.sticky-nav .menu li a:hover{ border-color: rgba(0,0,0,0); } +.sticky-nav .sidebar-menu-toggle, .sticky-nav .mobile-menu-toggle{ color: @color-heading; } +.sticky-nav .nav-dropdown{ background: rgba(255,255,255,0.9); } +.sticky-nav .has-dropdown:before{ color: @color-heading; } + +.sidebar-menu-toggle, .mobile-menu-toggle{ position: absolute; color: #fff; font-size: 32px; right: 0px; top: -7px; cursor: pointer; .transition-300; } + +.mobile-menu-toggle{ display: none; } + +.sidebar-menu, .instagram-sidebar{ position: fixed; right: 0px; top: 0px; width: 300px; height: 100%; background: @color-heading; .translate3d(@x: 300px, @y: 0px, @z: 0px); .transition-300; } +.show-sidebar{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } +.reveal-sidebar{ .translate3d(@x: -300px, @y: 0px, @z: 0px); } + +.sidebar-content{ padding: 0px 24px; margin-top: 24px; } +.widget{ margin-bottom: 24px; } +.widget .title{ font-size: 16px; font-weight: 600; display: inline-block; margin-bottom: 12px; } +.widget .menu li{ float: none; margin-bottom: 12px; } +.widget .menu li a{ padding-bottom: 0px; color: #fff !important; font-size: 12px; } +.widget .menu li a:hover{ border-color: rgba(0,0,0,0); } +.widget .menu .social-link{ display: none; } +.widget .social-profiles li{ margin-right: 24px; } +.widget .social-profiles li a{ color: #fff; } + +.instagram-toggle{ cursor: pointer; } +.instagram-toggle-init{ pointer-events: none; } +.instagram-sidebar li{ width: 100%; height: 250px; } +.instagram-sidebar{ overflow-y: auto; } + +.sidebar-content .copy-text{ position: absolute; bottom: 32px; color: rgba(255,255,255,0.5); font-size: 12px; } +.text-panel{ background: lighten(@color-heading, 8%); padding: 18px; } + +.sidebar-menu .logo{ max-width: 110px; position: relative; top: 21px; margin-bottom: 32px; left: 24px; } + +.relative-nav{ position: relative; padding-top: 28px; background: #fff; } +.relative-nav .menu li a{ color: @color-heading; } +.relative-nav .has-dropdown:before{ color: @color-heading; } +.relative-nav .nav-dropdown{ background: rgba(53,53,53,0.8); } +.relative-nav .has-dropdown li a{ color: #fff; } +.relative-nav .sidebar-menu-toggle{ color: @color-heading; } +.relative-nav .logo-light{ opacity: 0 !important; } +.relative-nav .logo-dark{ opacity: 1 !important; } +.relative-nav .logo{ top: -4px !important; } + +@media all and(max-width: 768px){ + nav{ max-height: 67px; overflow: hidden; background: rgba(255,255,255,0.9) !important; } + nav .menu li{ float: none; margin-bottom: 24px; } + nav .menu li a{ color: @color-heading !important; padding-bottom: 0px; } + nav .logo{ max-width: 90px; top: -2px; } + nav .logo-dark{ opacity: 1 !important; } + nav .logo-light{ opacity: 0 !important; } + nav .menu{ width: 100%; display: block; margin-top: 67px; margin-right: 0px; } + nav .social-link{ float: left !important; } + .sidebar-menu-toggle{ display: none; } + .mobile-menu-toggle{ display: block; position: fixed; top: 17px; right: 24px; color: @color-heading !important; } + .open-menu{ max-height: 800px !important; } + .nav-dropdown{ position: relative; display: none; } + .has-dropdown:hover .nav-dropdown{ display: block; } + .has-dropdown:before{ color: @color-heading; } +} + +// +// Sliders & Dividers & Headers +// -------------------------------------------------- + +.hero-slider{ padding: 0px; position: relative; overflow: hidden; } +.hero-slider .slides li{ height: 780px; position: relative; overflow: hidden; .preserve-3d; } +.hero-slider .slides li:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } + +.hero-slider .container{ .vertical-align; z-index: 2; } +.hero-slider h1{ margin-bottom: 42px; } + +.hero-slider .btn-hollow{ color: #fff; border-color: #fff; margin-left: 16px; } +.hero-slider .btn-hollow:hover{ background: #fff; color: @color-primary; } + +@media all and(max-width: 767px){ + .hero-slider .btn-hollow{ display: none; } +} + +.register-header form.register{ padding-top: 0px; background: rgba(0,0,0,0.4); padding: 24px; } +.register-header form input{ width: 100% !important; } +.register-header form.register span{ color: #fff; } +.register-header .logo{ max-width: 150px; display: block; margin-bottom: 12px; } + +.register-header h1{ margin-bottom: 24px !important; } + +@media all and(max-width: 768px){ + .register-header form.register .form-name, .register-header form.register .form-email{ max-width: 100%; width: 100%; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .register-header form.register .form-name, .register-header form.register .form-email{ width: 50%; } +} + +@media all and(max-width: 767px){ + .register-header .logo{ display: none; } + .register-header h1{ display: none; } + .register-header form h1{ display: block; } + .register-header span.lead{ display: none; } + .register-header input, .register-header .select-holder{ max-width: 100% !important; } +} + +.testimonials-slider{ position: relative; margin-bottom: 48px; } +.testimonials-slider .flex-control-nav a{ background:rgba(0,0,0,0.3); } +.testimonials-slider .flex-control-nav a.flex-active{ background:rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav a:hover{ background: rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav{ bottom: -48px; text-align: left; } + +.primary-overlay:before{ .overlay-params(@strength: 0.8, @bg-color: @color-primary); background-color: @color-primary !important; } + +.strip-divider{ padding: @standard-space*3 0px; position: relative; overflow: hidden; } +.strip-divider .container{ z-index: 2; position: relative; } +.strip-divider h1{ margin: 0px; } + +@media all and(max-width: 767px){ + .strip-divider{ padding: @standard-space 0px; } +} + +.countdown-divider{ padding: @standard-space*2 0px; } +.countdown-divider img, .countdown-header img, .video-header img{ max-width: 300px; display: inline-block; margin-bottom: 12px; } + +.countdown-header h1{ margin-bottom: 0px; } +.countdown-header:before{ opacity: 0.8 !important; } + +.video-header:before{ opacity: 0.5 !important; background: #000 !important; } +.video-header .uppercase, .countdown-header .uppercase{ display: block; font-weight: 600; margin-bottom: 24px; } + + +@media all and(max-width: 768px){ + .countdown-header img, .countdown-divider img, .video-header img{ max-width: 150px; } +} + +.countdown{ text-align: center; margin-top: @standard-space; } +.countdown-row{ color: #fff; font-size: 80px; font-weight: 300; } +.countdown-section{ width: 20%; display: inline-block; } +.countdown-amount{ display: inline-block; margin-bottom: 48px; } +.countdown-period{ display: block; font-size: 24px; } + +.section-header{ position: relative; overflow: hidden; height: 450px; } +.section-header h1{ font-size: 32px; } +.section-header.overlay:before{ opacity: 0.2; } +.section-header i{ font-size: 40px; color: #fff; margin: 0px 24px 12px 0px; } +.section-header i:last-of-type{ margin-right: 0px; } + +@media all and(max-width: 767px){ + .countdown{ margin-top: 48px; } + .countdown-row{ font-size: 36px; } + .countdown-period{ font-size: 16px; } +} + +.video-wrapper{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; } +.video-wrapper video{ width: 100%; } + +@media all and(max-width: 1390px){ + .video-wrapper video{ width: 110%; } +} + +@media all and(max-width: 1260px){ + .video-wrapper video{ width: 120%; } +} + +@media all and(max-width: 1160px){ + .video-wrapper video{ width: 130%; } +} + +@media all and(max-width: 1024px){ + .video-wrapper{ display: none; } +} + +// +// Image with text +// -------------------------------------------------- + +.image-with-text{ overflow: hidden; position: relative; height: 600px; } +.image-with-text h1{ margin-bottom: 24px; } + +.side-image{ padding: 0px; position: absolute; top: 0px; height: 100%; } + + +@media all and(max-width: 767px){ + .image-with-text{ height: auto; padding: @standard-space 0px; } + .image-with-text .vertical-align{ .vertical-align-cancel } +} + +// +// Promo Blocks +// -------------------------------------------------- + +.color-blocks{ position: relative; overflow: hidden; color: #fff; } +.color-block{ position: absolute; top: 0px; height: 100%; padding: 0px; color: #fff; .transition-300; } +.color-blocks h1, .color-blocks h2, .color-blocks h3, .color-blocks h4, .color-blocks h5, .color-blocks h6{ color: #fff; } +.color-blocks h1{ margin-bottom: 12px; } +.color-blocks a{ color: #fff; pointer-events: auto; } +.color-blocks a:hover i{ transform: rotateZ(-10deg); } +.color-blocks i, .contained-promo i{ color: @color-primary; font-size: 70px; display: inline-block; border: 2px solid #fff; border-radius: 50%; width: 120px; height: 120px; line-height: 120px; background: #fff; text-align: center; .transition-100; } +.block-left{ background-color: @color-primary; } +.block-right{ background-color: darken(@color-primary, 8%); right: 0px; } + +@media all and(max-width: 768px){ + .block-content{ margin-bottom: @standard-space*2; overflow: hidden; display: block; } + .block-content:last-of-type{ margin-bottom: 0px; } + .color-block{ height: 50%; width: 100%; } + .block-right{ top: 50%; } +} + +@media all and(max-width: 767px){ + .block-content i{ margin-bottom: 30px; } +} + + + +// +// Speakers & Topics +// -------------------------------------------------- + +.speakers-row{ padding: 0px 15px; } +.speaker-column{ padding: 0px; } + +.speaker{ position: relative; overflow: hidden; } +.speaker,.topic{ margin-bottom: @standard-space/2; } +.speaker .hover-state{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; background: rgba(0,0,0,0.5); .transition-300; } +.speaker .image-holder{ margin-bottom: 12px; } +.speaker span{ display: block; font-size: 16px; } +.speaker-name{ color: @color-heading; } +.speaker .social-links{ width: 100%; .transition-300; .translate3d(@x: 0px, @y: -200px, @z: 0px); } +.speaker .social-links a{ color: #fff; font-size: 24px; display: inline-block; margin-left: 6px; } +.speaker .social-links a:last-child{ margin-right: 0px; } +.speaker .image-holder:hover .hover-state{ opacity: 1; } +.speaker .image-holder:hover .hover-state .social-links{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } + +.speaker-with-bio{ overflow: hidden; margin-bottom: @standard-space/2; } +.speaker-with-bio .speaker{ width: 50%; float: left; margin-bottom: 0px; } +.speaker-with-bio .speaker-description{ width: 50%; float: left; padding-left: 30px; } +.speaker-description span{ display: inline-block; margin-bottom: 18px; font-weight: 600; } + +@media all and(max-width: 767px){ + .speaker-with-bio .speaker{ width: 100%; } + .speaker-with-bio .speaker-description{ width: 100%; padding-left: 0px; } +} + +.topics{ position: relative; overflow: hidden; } +.topics .container{ position: relative; z-index: 2; } +.topics.overlay .ruled-list li{ border-color: rgba(255,255,255,0.5); } +.topics.overlay .topic i{ color: #fff; } + +.topic h3{ margin-bottom: 18px; } +.topic p.lead{ margin-bottom: 32px; } +.topic i{ font-size: 60px; color: @color-primary; display: inline-block; margin-bottom: 32px; } + +@media all and(max-width: 767px){ + .topic h3{ display: inline-block; position: relative; bottom: 18px; left: 12px; } + .topic i{ margin-bottom: 12px; } +} + +.ruled-list li{ border-top: 1px dotted rgba(0,0,0,0.3); padding: 12px 0px; font-size: 16px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .speakers-row .col-sm-6{ width: 50%; float: left !important; } +} + +// +// Schedule +// -------------------------------------------------- + +.inline-video{ background: @color-muted; } +.inline-video iframe{ width: 100%; height: 300px; border: none; } +.inline-video .btn{ min-width: 150px; margin-top: 32px; margin-right: 16px; } + +@media all and(max-width: 768px){ + .inline-video iframe{ height: 350px; margin-top: 42px; } +} + +@media all and(max-width: 767px){ + .inline-video iframe{ height: 200px; margin-top: 30px; } + .inline-video .btn{ margin-top: 18px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .inline-video iframe{ height: 250px; } +} + +.embedded-video-holder p{ display: none; } + +.schedule-overview{ border: 2px solid rgba(0,0,0,0.2); margin-bottom: @standard-space/2; } +.schedule-overview li{ padding: 24px; position: relative; cursor: pointer; .transition-300; } +.schedule-overview li:first-child .top{ display: none; } +.schedule-overview li:last-child .bottom{ display: none; } + +.schedule-title span{ display: block; font-size: 16px; } +.schedule-title .title{ color: @color-heading; } + +.schedule-text{ max-height: 0px; .transition-300; opacity: 0; } + +.schedule-overview li:hover{ background-color: @color-muted; } +.schedule-overview li:hover .schedule-text{ max-height: 300px; opacity: 1; padding-top: 18px; } +.schedule-overview li:hover .top,.schedule-overview li:hover .bottom,.schedule-overview li:hover .middle{ border-color: rgba(0,0,0,0.4); } +.schedule-overview li:hover .middle{ background: @color-heading; } + +.schedule-with-text .btn, .contained-gallery .btn{ margin-top: 24px; margin-right: 12px; } +.schedule-with-text .schedule-overview li{ padding-right: 48px; } + +@media all and(max-width: 1024px){ + .schedule-overview li{ padding-right: 48px; } +} + +@media all and(max-width: 767px){ + .schedule-with-text .btn, .contained-gallery .btn{ margin-bottom: 32px; } +} + +.marker-pin{ position: absolute; right: 32px; top: 0px; height: 100%; } +.marker-pin .top, .marker-pin .bottom{ height: 50%; width: 2px; border-left: 2px solid rgba(0,0,0,0.2); position: absolute; z-index: 1; .transition-300; } +.marker-pin .top{ top: 0px; } +.marker-pin .bottom{ bottom: 0px; } +.marker-pin .middle{ width: 18px; height: 18px; border: 2px solid rgba(0,0,0,0.2); background: #fff; border-radius: 50%; position: absolute; right: -10px; top: 50%; margin-top: -9px; z-index: 2; .transition-300; } + +// +// Galleries +// -------------------------------------------------- + +.instagram{ position: relative; padding: @standard-space*3 0px; } +.instagram{ overflow: hidden; background: #000 !important; } +.instagram ul{ overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0px; } +.instagram li{ float: left; width: 20%; height: 50%; position: relative; cursor: pointer; .transition-300; overflow: hidden; background-size: cover !important; opacity: 0.5; } +.instagram li:hover{ opacity: 1 !important; } + +.instagram .container{ position: relative; z-index: 3; } +.instagram i{ font-size: 48px; display: inline-block; margin-bottom: 16px; } +.instagram h1{ .large-h1; margin-bottom: 16px; } + +@media all and(max-width: 1200px){ + .instagram li:nth-child(n+9){ display: none; } + .instagram li{ width: 25%; } +} + +@media all and(max-width: 900px){ + .instagram li:nth-child(n+7){ display: none; } + .instagram li{ width: 33.333333%; } +} + +@media all and(max-width: 767px){ + .instagram{ padding: @standard-space*2 0px; } + .instagram li:nth-child(n+5){ display: none; } + .instagram li{ width: 50%; } +} + + +.testimonials{ background: @color-muted; } + +.contained-gallery .instagram{ padding: 185px 0px; } +.contained-gallery .instagram li:nth-child(n+9){ display: none; } +.contained-gallery .instagram li{ width: 25%; opacity: 0.7; } + +@media all and(max-width: 1024px){ + .contained-gallery .instagram li:nth-child(n+7){ display: none; } + .contained-gallery .instagram li{ width: 33.33333%; } + .contained-gallery .instagram{ padding: 200px 0px; } +} + +@media all and(max-width: 768px){ + .contained-gallery .instagram{ margin-bottom: 32px; } + .contained-gallery .btn{ margin-bottom: 0px; } + .contained-gallery .instagram li:nth-child(n+5){ display: block !important; } + .contained-gallery .instagram li:nth-child(n+7){ display: none !important; } + .contained-gallery .instagram li{ width: 33.33333% !important; } +} + +// +// Pricing +// -------------------------------------------------- + +.pricing-option{ overflow: hidden; background: @color-muted; .preserve-3d; position: relative; padding: @standard-space 0px; margin-bottom: 30px; .transition-300; } +.pricing-option .dot{ position: absolute; top: 24px; right: 24px; width: 24px; height: 24px; border-radius: 50%; background: #fff; } +.pricing-option:hover{ background: darken(@color-muted, 3%); } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .pricing-options .col-sm-6{ width: 50%; float: left; } +} + +.dollar, .price, .type{ font-weight: 600; color: @color-heading; font-size: 72px; } +.dollar{ font-size: 36px; position: relative; bottom: 22px; } +.price{ line-height: 1; } +.type{ display: block; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-top: 12px; } + +.plan-title{ display: block; font-weight: 600; margin-bottom: 12px; font-size: 18px; color: @color-heading; } + +.pricing-option ul li{ color: @color-body; } + +.pricing-option.emphasis{ background: @color-primary; color: #fff; } +.pricing-option.emphasis .type, .pricing-option.emphasis .dollar, .pricing-option.emphasis .price, .pricing-option.emphasis .plan-title, .pricing-option.emphasis ul li{ color: #fff !important; } + +@media all and(max-width: 991px){ + .type{ margin-bottom: 12px; } + .pricing-option{ text-align: center !important; } +} + +// +// Frequently Asked Questions +// -------------------------------------------------- + +.faq-item{ margin-bottom: @standard-space/2; } + +p.question{ font-weight: 600; color: @color-heading; font-size: 16px; } + +// +// Visitor Info +// -------------------------------------------------- + +.info-box{ margin-bottom: @standard-space/2; position: relative; overflow: hidden; } +.info-box img{ display: block; margin-bottom: 12px; } +.info-box h3{ margin-bottom: 12px; } +.info-box .text-link{ position: absolute; bottom: 12px; right: 0px; } +.text-link a{ display: inline-block; margin-left: 12px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .visitor-info .col-sm-4{ width: 50%; float: left; } +} + +// +// Subscribe +// -------------------------------------------------- + +.subscribe-1{ position: relative; overflow: hidden; padding-top: @standard-space*2; padding-bottom: @standard-space/2; } +.subscribe-1:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } +.subscribe-1 .container{ position: relative; z-index: 2; } +.subscribe-1 .email-subscribe{ margin-bottom: @standard-space*3; } +.subscribe-1 footer{ border-top: 2px solid rgba(255,255,255,0.3); padding-top: @standard-space/2; } +.subscribe-1 .twitter-feed{ margin-bottom: @standard-space; } +.subscribe-1 h1{ margin-bottom: 30px; } + +.email-subscribe span{ display: block; margin-top: 12px; } + +.twitter-feed i{ font-size: 48px; display: inline-block; margin-bottom: 32px; } +.twitter-feed span a{ border-bottom: none; } + +.tweets-feed .user{ display: none; } +.tweets-feed .interact{ display: none; } +.tweets-feed .tweet{ color: #fff; font-size: 30px; line-height: 36px; font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } +.tweets-feed .tweet a{ color: #fff !important; border-color: #fff !important; } +.tweets-feed .timePosted{ display: none; } + +@media all and(max-width: 767px){ + .tweets-feed .tweet{ font-size: 20px; line-height: 26px; } +} + + +// +// Contact +// -------------------------------------------------- + +.contact-tweets{ background: @color-primary; color: #fff; position: relative; overflow: hidden; height: 600px; .preserve-3d; } +.contact-tweets .social_twitter{ font-size: 42px; margin-bottom: 32px; display: inline-block; } +.contact-tweets .map-holder{ position: absolute; height: 100%; padding: 0px; top: 0px; right: 0px; } +.contact-tweets .timePosted{ display: block !important; } +.map-holder:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; } +.map-holder iframe{ border: 0px; position: absolute; width: 100%; height: 100%; } +.contact-tweets span a{ border-bottom: 2px solid #fff; padding-bottom: 1px; } + + +// +// Sponsors +// -------------------------------------------------- + +.sponsors{ background: @color-muted; } +.sponsor{ margin-bottom: @standard-space/2; height: 80px; line-height: 80px; } +.sponsor img{ max-width: 150px; .transition-300; max-height: 80px; } + +.sponsors span{ display: inline-block; margin-top: 24px; } +.sponsors span a{ color: @color-primary; border-color: @color-primary; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .sponsors .col-sm-6{ width: 50%; float: left; } +} + + + +// +// Forms +// -------------------------------------------------- + +form.register{ overflow: hidden; padding-top: 24px; display: block; } +form.register div{ padding: 0px; } +input[type="text"], form.register .select-holder{ margin-bottom: 32px; padding: 12px; border: none; background: rgba(255,255,255,0.1); border-radius: 25px; font-size: 14px; max-width: 90%; color: #fff; padding-left: 24px; .transition-300; } +input[type="text"]:focus, form.register .select-holder:focus,input[type="text"]:hover, form.register .select-holder:hover{ outline: none; background: rgba(255,255,255,0.2); } + +form.register select{ width: 90%; margin: 0px; background: none; border: none; cursor: pointer; } +form.register select:focus{ outline: none; } + +form.register input[type="submit"]{ padding-bottom: 12px; width: 90%; margin-bottom: 12px; } + +input[type="submit"]{ font-weight: normal; } + +.email-subscribe{ overflow: hidden; } +.email-subscribe input{ margin: 0px auto; min-width: 100%; max-width: 100%; } +.email-subscribe input[type="text"]{ background: rgba(255,255,255,0.3); } +.email-subscribe input[type="text"]:hover, .email-subscribe input[type="text"]:focus{ background: rgba(255,255,255,0.4); } +.email-subscribe ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe input[type="submit"]{ min-height: 48px; } + +.subscribe-2 .email-subscribe input[type="text"]{ background: rgba(0,0,0,0.2); } +.subscribe-2 i{ color: @color-primary; font-size: 70px; display: inline-block; margin-right: 24px; margin-bottom: 18px; } +.subscribe-2 i:last-of-type{ margin-right: 0px; } + +input.error{ color: #ff4532; } + +.mail-list-form{ width: 0px; height: 0px; opacity: 0; overflow: hidden; } + +.form-success, .form-error{ display: none; width: 100%; padding: 6px 18px 8px 18px !important; margin-top: 12px; color: #fff; background-color: #55c950; border-radius: 20px; } +.form-error{ background-color: #D74B4B; } +form .field-error{ background: #D74B4B !important; } + +@media all and(max-width: 768px){ + +} + +@media all and(max-width: 767px){ + form.register input, form.register .select-holder{ width: 100% !important; max-width: 100%; } + .subscribe-1 .email-subscribe input[type="text"]{ margin-bottom: 24px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + form.register .col-sm-6{ width: 50%; float: left; } + form.register input, form.register .select-holder{ max-width: 95% !important; } + form.register input[type="submit"]{ max-width: 100% !important; } +} + +// +// Utility Pages +// -------------------------------------------------- + +.error-page{ background: @color-primary; padding: 0px; } +.error-page h1{ font-size: 84px; line-height: 96px; margin-bottom: 0px; margin-bottom: 12px; } +.error-page p{ font-size: 24px; line-height: 32px; } +.error-page i{ color: #fff; font-size: 84px; display: inline-block; margin-right: 24px; } +.error-page i:last-of-type{ margin-right: 0px; } +.error-page .btn{ margin-right: 24px; margin-top: 12px; } + +@media all and(max-width: 767px){ + .error-page i{ display: none; } +} + +// +// Footers +// -------------------------------------------------- + + +.subscribe-1 .footer .top-border{ height: 2px; width: 100%; background: rgba(255,255,255,0.3); margin-bottom: 32px; } +.subscribe-1 .footer .menu{ overflow: visible; } +.subscribe-1 .footer .menu li{ top: 0px; } +.subscribe-1 .footer .menu li a{ padding-bottom: 0px; } +.subscribe-1 .footer .menu li .btn{ min-width: 0px; padding: 10px 18px; font-size: 14px; } +.subscribe-1 .footer .menu li a{ diplay: inline-block; position: relative; border: none; } +.subscribe-1 .footer .menu li a:hover{ border: none; } +.subscribe-1 .footer .back-to-top{ padding-right: 42px; } +.subscribe-1 .footer .menu li a i{ font-size: 36px; position: absolute; right: 0px; top: -12px; } + +@media all and(max-width: 767px){ + .footer .text-right{ text-align: left !important; } + .footer .menu{ margin-top: 24px; } + .footer .menu li{ float: none; margin-bottom: 12px; } +} + +footer.classic{ padding: @standard-space 0px @standard-space/2 0px; background: @color-muted; } +footer.classic .menu li{ float: none; margin-bottom: 12px; } +footer.classic .menu li a{ color: @color-heading; padding-bottom: 0px; font-weight: 600; } +footer.classic span.lead{ display: inline-block; margin-bottom: 12px; } + +@media all and(max-width: 767px){ + footer.classic div{ margin-bottom: 18px; } +} + +.contact-methods li{ margin-bottom: 12px; } +.contact-methods li:last-child{ margin-bottom: 0px; } +.contact-methods i{ font-size: 36px; color: @color-heading; } +.contact-methods span{ display: inline-block; position: relative; bottom: 10px; left:8px; font-size: 16px; } + +footer.classic .social-profiles{ margin-top: 36px; } + +.social-profiles{ display: inline-block; overflow: hidden; } +.social-profiles li{ float: left; margin-right: 36px; } +.social-profiles li:last-child{ margin-right: 0px; } +.social-profiles li a{ color: @color-heading; font-size: 20px; } + diff --git a/static/new/css/less/debbie.less b/static/new/css/less/debbie.less new file mode 100644 index 00000000..a4133fb2 --- /dev/null +++ b/static/new/css/less/debbie.less @@ -0,0 +1,901 @@ +/*! +// Contents +// ------------------------------------------------ + + 1. Mixins + 2. Helper classes & resets + 3. Loader + 4. Colours + 5. Typography + 6. Spacing + 7. Buttons + 8. Navigation + 9. Slider, Dividers + 10. Speakers & Topics + 11. Schedule + 12. Galleries + 13. Pricing & FAQ + 14. Subscribe + 15. Contact + 16. Forms + 17. Footers + +// --------------------------------------------------*/ + +@import "variables.less"; +@import "mixins.less"; + +/*! +// 1. Useful Mixins +// --------------------------------------------------*/ + +.vertical-align { + position: relative; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.vertical-align-cancel{ + top: 0px; + -webkit-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); +} + +.preserve-3d { + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + transform-style: preserve-3d; +} + +.transition-100{ + transition: all .1s ease-out; + -webkit-transition: all .1s ease-out; + -moz-transition: all .1s ease-out; +} + +.transition-300{ + transition: all .3s ease-out; + -webkit-transition: all .3s ease-out; + -moz-transition: all .3s ease-out; +} + +.transition-700{ + transition: all .7s ease-out; + -webkit-transition: all .7s ease-out; + -moz-transition: all .7s ease-out; +} + +.translate3d(@x,@y,@z){ + transform: translate3d(@x,@y,@z); + -webkit-transform: translate3d(@x,@y,@z); + -moz-transform: translate3d(@x,@y,@z); +} + +.scale2d(@x,@y){ + transform: scale(@x,@y); + -webkit-transform: scale(@x,@y); + -moz-transform: scale(@x,@y); +} + +.overlay-params(@strength, @bg-color){ + background-color: @bg-color; + opacity: @strength; + position: absolute; + content: ''; + width: 100%; + height: 100%; + z-index: 1; + top: 0px; +} + +.overlay:before{ .overlay-params(@strength: 0.5, @bg-color: @color-heading); } +.overlay .container{ position: relative; z-index: 2; } + +/*! +// 2. Helper Classes & Resets +// --------------------------------------------------*/ + +.go-right{ right: 0px; } +.go-left{ left: 0px; } + +img{ max-width: 100%; } + +.main-container{ .transition-300; } + +/*! +// 3. Loader +// --------------------------------------------------*/ + +.loader{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; background: #fff; .preserve-3d; .transition-300; opacity: 1; } +.strip-holder{ .vertical-align; left: 50%; margin-left: -50px; position: relative; } +.strip-1, .strip-2, .strip-3{ width: 20px; height: 20px; background: @color-primary; position: relative; -webkit-animation: stripMove 2s ease infinite alternate; animation: stripMove 2s ease infinite alternate; -moz-animation: stripMove 2s ease infinite alternate; } +.strip-2{ -webkit-animation-duration: 2.1s; animation-duration: 2.1s; background-color: lighten(@color-primary, 20%); } +.strip-3{ -webkit-animation-duration: 2.2s; animation-duration: 2.2s; background-color: lighten(@color-primary, 40%); } + + +@-webkit-keyframes stripMove{ + 0% { .translate3d(@x: 0px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } +} + +@-moz-keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +@keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +.main-container{ .transition-300; opacity: 0; } +nav{ .transition-300; opacity: 0; } +.show-content{ opacity: 1 !important; } +.hide-loader{ opacity: 0 !important; } + + +/*! +// 4. Colours +// --------------------------------------------------*/ + +@color-primary: #7300C2; +@color-heading: #333; +@color-body: #777; +@color-muted: #f5f5f5 !important; + +.background-dark{ background-color: @color-heading !important; } +.color-heading{ color: @color-heading; } + +/*! +// 5. Typography +// --------------------------------------------------*/ + +@custom-heading-font: 'Open Sans'; +@custom-body-font: 'Open Sans'; + +.text-white{ color: #fff; } + +body{ font-family: @custom-body-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: @color-body; font-size: 14px; line-height: 24px; background: #fff; } +h1,h2,h3,h4,h5,h6{ font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; margin: 0px; color: @color-heading; } + +h1{ font-size: 30px; line-height: 36px; margin-bottom: 42px; } +h3{ font-size: 20px; line-height: 28px; } + +.large-h1{ font-size: 42px; line-height: 48px; font-weight: 300; } + +p{ font-size: 14px; line-height: 24px; } +p:last-child{ margin-bottom: 0px; } +p.lead{ font-size: 16px; line-height: 30px; font-weight: 400; } +span.lead{ font-weight: 400; } +.uppercase{ text-transform: uppercase; letter-spacing: 1px; display: inline-block; margin-right: -1px; } + +strong{ font-weight: 600; } + +ul{ list-style: none; margin: 0px; padding: 0px; } + +@media all and(max-width: 767px){ + h1{ font-size: 24px; line-height: 28px; margin-bottom: 36px; } + h2{ font-size: 20px; line-height: 26px; } + + .large-h1{ font-size: 24px; line-height: 28px; } + + p{ font-size: 13px; line-height: 22px; } + p.lead{ font-size: 15px; line-height: 26px; } +} + + +/*! +// Spacing Standards +// --------------------------------------------------*/ + +@standard-space: 72px; + +section{ padding: @standard-space 0px; background: #fff; } + +.duplicatable-content{ padding-bottom: @standard-space/2; } + + +/*! +// 6. Buttons +// --------------------------------------------------*/ + +a:hover{ text-decoration: none; } +h1 a, span a,p a,.text-link a{ font-weight: 600; color: #fff; display: inline-block; border-bottom: 4px solid #fff; padding-bottom: 6px; .transition-300; } +span a, p a,.text-link a{ padding-bottom: 4px; border-bottom: 3px solid #fff; } +span a:hover{ color: #fff; } +p a, .text-link a{ color: @color-primary !important; border-color: @color-primary; padding-bottom: 2px; } +p a, .text-link a:hover{ color: @color-heading; } + +.btn{ min-width: 180px; border-radius: 25px; background: @color-primary; text-align: center; padding: 13px 0px 14px 0px; color: #fff; font-size: 15px; .transition-300; font-weight: 600; line-height: 1; } +.btn:hover{ color: #fff; background: darken(@color-primary, 5%); } +.btn-hollow{ background: none; border: 2px solid @color-primary; color: @color-primary; } +.btn-hollow:hover{ background: @color-primary; } + +.btn-white{ background: #fff; color: @color-primary; } +.btn-white:hover{ background: #fff; color: darken(@color-primary,10%); } + +.btn-hollow.btn-white{ background: none; border-color: #fff; color: #fff; } +.btn-hollow.btn-white:hover{ background: #fff; color: @color-primary; } + +.btn-lg{ padding: 20px 0px 21px 0px; text-transform: uppercase; min-width: 230px; border-radius: 35px; } + +/*! +// Backgrounds & Parallax +// --------------------------------------------------*/ + +.background-image-holder{ position: absolute; width: 100%; height: 130%; top: -10%; background-size: cover !important; background-position: 50% 50% !important; } +.image-holder{ position: relative; overflow: hidden; } + +/*! +// 7. Navigation +// --------------------------------------------------*/ + +nav .logo{ max-height: 45px; max-width: 110px; position: absolute; top: -6px; opacity: 1; } +nav .text-right{ position: relative; } +nav .container{ .transition-300; } + +.overlay-nav{ position:fixed; top: 0px; z-index: 10; width: 100%; padding-top: @standard-space/3; line-height: 1; background: none; .transition-300; } +.overlay-nav .logo-dark{ opacity: 0; } +.overlay-nav.sticky-nav .logo-light{ opacity: 0; } +.overlay-nav.sticky-nav .logo-dark{ opacity: 1; } + +.bottom-border{ position: absolute; bottom: 2px; width: 100%; height: 2px; background: rgba(255,255,255,0.3); } +.sidebar-menu .bottom-border{ position: relative; bottom: 0px; background: rgba(255,255,255,0.2); display: block !important; } + +.menu{ display: inline-block; text-align: left; line-height: 1; } +.menu li{ float: left; margin-right: 32px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; position: relative; top: 4px; } +.menu li:last-child{ margin-right: 0px; } +.menu li:nth-las-child(2){ margin-right: 12px; } +.menu li a{ color: #fff; display: inline-block; padding-bottom: @standard-space/3; border-bottom: 2px solid rgba(0,0,0,0); .transition-300; } +.menu li a:hover{ border-bottom: 2px solid #fff; } + +.nav-dropdown{ position: absolute; z-index: -1; max-height: 0px; background: rgba(255,255,255,0.9); min-width: 200px; .transition-300; } +.nav-dropdown li:first-child{ margin-top: 12px; } +.nav-dropdown li{ opacity: 0; .transition-300; margin-right: 0px; float: none; margin-bottom: 18px; } +.nav-dropdown li a{ padding-bottom: 0px; padding-left: 24px; color: @color-heading; } +.nav-dropdown li a:hover{ border-color: rgba(0,0,0,0); } + +.has-dropdown:hover .nav-dropdown{ z-index: 10; max-height: 300px; } +.has-dropdown:hover .nav-dropdown li{ opacity: 1; } + +.has-dropdown a{ padding-left: 18px; } +.has-dropdown:before{ display: inline-block; font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e688"; color: #fff; font-size: 24px; position: absolute; top: -6px; } + +.menu .social-link{ font-size: 14px; top: 0px !important; margin-right: 18px !important; } +.menu .social-link:nth-last-child(2){ margin-right: 18px; } + +.sticky-nav{ background: rgba(255,255,255,0.9); } +.sticky-nav .menu li a{ color: @color-heading; } +.sticky-nav .bottom-border{ display: none; } +.sticky-nav .menu li a:hover{ border-color: rgba(0,0,0,0); } +.sticky-nav .sidebar-menu-toggle, .sticky-nav .mobile-menu-toggle{ color: @color-heading; } +.sticky-nav .nav-dropdown{ background: rgba(255,255,255,0.9); } +.sticky-nav .has-dropdown:before{ color: @color-heading; } + +.sidebar-menu-toggle, .mobile-menu-toggle{ position: absolute; color: #fff; font-size: 32px; right: 0px; top: -7px; cursor: pointer; .transition-300; } + +.mobile-menu-toggle{ display: none; } + +.sidebar-menu, .instagram-sidebar{ position: fixed; right: 0px; top: 0px; width: 300px; height: 100%; background: @color-heading; .translate3d(@x: 300px, @y: 0px, @z: 0px); .transition-300; } +.show-sidebar{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } +.reveal-sidebar{ .translate3d(@x: -300px, @y: 0px, @z: 0px); } + +.sidebar-content{ padding: 0px 24px; margin-top: 24px; } +.widget{ margin-bottom: 24px; } +.widget .title{ font-size: 16px; font-weight: 600; display: inline-block; margin-bottom: 12px; } +.widget .menu li{ float: none; margin-bottom: 12px; } +.widget .menu li a{ padding-bottom: 0px; color: #fff !important; font-size: 12px; } +.widget .menu li a:hover{ border-color: rgba(0,0,0,0); } +.widget .menu .social-link{ display: none; } +.widget .social-profiles li{ margin-right: 24px; } +.widget .social-profiles li a{ color: #fff; } + +.instagram-toggle{ cursor: pointer; } +.instagram-toggle-init{ pointer-events: none; } +.instagram-sidebar li{ width: 100%; height: 250px; } +.instagram-sidebar{ overflow-y: auto; } + +.sidebar-content .copy-text{ position: absolute; bottom: 32px; color: rgba(255,255,255,0.5); font-size: 12px; } +.text-panel{ background: lighten(@color-heading, 8%); padding: 18px; } + +.relative-nav{ position: relative; padding-top: 28px; background: #fff; } +.relative-nav .menu li a{ color: @color-heading; } +.relative-nav .has-dropdown:before{ color: @color-heading; } +.relative-nav .nav-dropdown{ background: rgba(53,53,53,0.8); } +.relative-nav .has-dropdown li a{ color: #fff; } +.relative-nav .sidebar-menu-toggle{ color: @color-heading; } +.relative-nav .logo-light{ opacity: 0 !important; } +.relative-nav .logo-dark{ opacity: 1 !important; } +.relative-nav .logo{ top: -4px !important; } + +.sidebar-menu .logo{ max-width: 110px; position: relative; top: 21px !important; margin-bottom: 32px; left: 24px; } + +@media all and(max-width: 768px){ + nav{ max-height: 67px; overflow: hidden; background: rgba(255,255,255,0.9) !important; } + nav .menu li{ float: none; margin-bottom: 24px; } + nav .menu li a{ color: @color-heading !important; padding-bottom: 0px; } + nav .logo{ max-width: 90px; top: -2px; } + nav .logo-dark{ opacity: 1 !important; } + nav .logo-light{ opacity: 0 !important; } + nav .menu{ width: 100%; display: block; margin-top: 67px; margin-right: 0px; } + nav .social-link{ float: left !important; } + .sidebar-menu-toggle{ display: none; } + .mobile-menu-toggle{ display: block; position: fixed; top: 17px; right: 24px; color: @color-heading !important; } + .open-menu{ max-height: 800px !important; } + .nav-dropdown{ position: relative; display: none; } + .has-dropdown:hover .nav-dropdown{ display: block; } + .has-dropdown:before{ color: @color-heading; } +} + +/*! +// 8. Sliders & Dividers & Headers +// --------------------------------------------------*/ + +.hero-slider{ padding: 0px; position: relative; overflow: hidden; } +.hero-slider .slides li{ height: 780px; position: relative; overflow: hidden; .preserve-3d; } +.hero-slider .slides li:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } + +.hero-slider .container{ .vertical-align; z-index: 2; } +.hero-slider h1{ margin-bottom: 42px; } + +.hero-slider .btn-hollow{ color: #fff; border-color: #fff; margin-left: 16px; } +.hero-slider .btn-hollow:hover{ background: #fff; color: @color-primary; } + +@media all and(max-width: 767px){ + .hero-slider .btn-hollow{ display: none; } +} + +.register-header form.register{ padding-top: 0px; background: rgba(0,0,0,0.4); padding: 24px; } +.register-header form input{ width: 100% !important; } +.register-header form.register span{ color: #fff; } +.register-header .logo, .hero-slide .logo{ max-width: 150px; display: block; margin-bottom: 12px; } + +.register-header h1{ margin-bottom: 24px !important; } + +@media all and(max-width: 768px){ + .register-header form.register .form-name, .register-header form.register .form-email{ max-width: 100%; width: 100%; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .register-header form.register .form-name, .register-header form.register .form-email{ width: 50%; } +} + +@media all and(max-width: 767px){ + .hero-slide .logo{ max-width: 100px; } + .register-header .logo{ display: none; } + .register-header h1{ display: none; } + .register-header form h1{ display: block; } + .register-header span.lead{ display: none; } + .register-header input, .register-header .select-holder{ max-width: 100% !important; } + .hero-slider h1{ margin-bottom: 18px; } +} + +.testimonials-slider{ position: relative; margin-bottom: 48px; } +.testimonials-slider .flex-control-nav a{ background:rgba(0,0,0,0.3); } +.testimonials-slider .flex-control-nav a.flex-active{ background:rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav a:hover{ background: rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav{ bottom: -48px; text-align: left; } + +.primary-overlay:before{ .overlay-params(@strength: 0.8, @bg-color: @color-primary); background-color: @color-primary !important; } + +.strip-divider{ padding: @standard-space*3 0px; position: relative; overflow: hidden; } +.strip-divider .container{ z-index: 2; position: relative; } +.strip-divider h1{ margin: 0px; font-size: 36px; line-height: 48px; } +.strip-divider a:hover{ color: #fff !important; } + +@media all and(max-width: 767px){ + .strip-divider{ padding: @standard-space 0px; } +} + +.countdown-divider{ padding: @standard-space*2 0px; } +.countdown-divider img, .countdown-header img, .video-header img{ max-width: 300px; display: inline-block; margin-bottom: 12px; } + +.countdown-header h1{ margin-bottom: 0px; } +.countdown-header:before{ opacity: 0.8 !important; } + +.video-header:before{ opacity: 0.5 !important; background: #000 !important; } +.video-header .uppercase, .countdown-header .uppercase{ display: block; font-weight: 600; margin-bottom: 24px; } + + +@media all and(max-width: 768px){ + .countdown-header img, .countdown-divider img, .video-header img{ max-width: 150px; } +} + +.countdown{ text-align: center; margin-top: @standard-space; } +.countdown-row{ color: #fff; font-size: 80px; font-weight: 300; } +.countdown-section{ width: 20%; display: inline-block; } +.countdown-amount{ display: inline-block; margin-bottom: 48px; } +.countdown-period{ display: block; font-size: 24px; } + +.section-header{ position: relative; overflow: hidden; height: 450px; } +.section-header h1{ font-size: 32px; } +.section-header.overlay:before{ opacity: 0.2; } +.section-header i{ font-size: 40px; color: #fff; margin: 0px 24px 12px 0px; } +.section-header i:last-of-type{ margin-right: 0px; } + +@media all and(max-width: 767px){ + .countdown{ margin-top: 48px; } + .countdown-row{ font-size: 36px; } + .countdown-period{ font-size: 16px; } +} + +.video-wrapper{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; } +.video-wrapper video{ width: 100%; } + +@media all and(max-width: 1390px){ + .video-wrapper video{ width: 110%; } +} + +@media all and(max-width: 1260px){ + .video-wrapper video{ width: 120%; } +} + +@media all and(max-width: 1160px){ + .video-wrapper video{ width: 130%; } +} + +@media all and(max-width: 1024px){ + .video-wrapper{ display: none; } +} + +.call-to-action{ padding: 144px 0px; } +.call-to-action .uppercase{ display: block; width: 100%; text-align: center; margin-bottom: 32px; } +.call-to-action h1{ margin-bottom: 32px; } +.call-to-action .btn{ margin-bottom: 40px; } +.call-to-action a i{ display: inline-block; width: 60px; height: 60px; border-radius: 50%; color: #fff; margin-right: 12px; font-size: 24px; line-height: 60px; } +.call-to-action .social_facebook{ background-color: #3b5998; } +.call-to-action .social_twitter{ background-color: #00aced; } +.call-to-action a:last-of-type i{ margin-right: 0px; } + +@media all and(max-width: 768px){ + .call-to-action{ padding: @standard-space 0px; } +} + +/*! +// 9. Image with text +// --------------------------------------------------*/ + +.image-with-text{ overflow: hidden; position: relative; height: 600px; } +.image-with-text h1{ margin-bottom: 24px; } + +.side-image{ padding: 0px; position: absolute; top: 0px; height: 100%; } + + +@media all and(max-width: 767px){ + .image-with-text{ height: auto; padding: @standard-space 0px; } + .image-with-text .vertical-align{ .vertical-align-cancel } +} + +/*! +// Promo Blocks +// --------------------------------------------------*/ + +.color-blocks{ position: relative; overflow: hidden; color: #fff; } +.color-block{ position: absolute; top: 0px; height: 100%; padding: 0px; color: #fff; .transition-300; } +.color-blocks h1, .color-blocks h2, .color-blocks h3, .color-blocks h4, .color-blocks h5, .color-blocks h6{ color: #fff; } +.color-blocks h1{ margin-bottom: 12px; } +.color-blocks a{ color: #fff; pointer-events: auto; } +.color-blocks a:hover i{ transform: rotateZ(-10deg); } +.color-blocks i, .contained-promo i{ color: @color-primary; font-size: 70px; display: inline-block; border: 2px solid #fff; border-radius: 50%; width: 120px; height: 120px; line-height: 117px; background: #fff; text-align: center; .transition-100; } +.block-left{ background-color: @color-primary; } +.block-right{ background-color: darken(@color-primary, 8%); right: 0px; } + +@media all and(max-width: 768px){ + .block-content{ margin-bottom: @standard-space*2; overflow: hidden; display: block; } + .block-content:last-of-type{ margin-bottom: 0px; } + .color-block{ height: 50%; width: 100%; } + .block-right{ top: 50%; } +} + +@media all and(max-width: 767px){ + .block-content i{ margin-bottom: 30px; } +} + + + +/*! +// 10. Speakers & Topics +// --------------------------------------------------*/ + +.speakers-row{ padding: 0px 15px; } +.speaker-column{ padding: 0px; } + +.speaker{ position: relative; overflow: hidden; } +.speaker,.topic{ margin-bottom: @standard-space/2; } +.speaker .hover-state{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; background: rgba(0,0,0,0.5); .transition-300; } +.speaker .image-holder{ margin-bottom: 12px; } +.speaker span{ display: block; font-size: 16px; } +.speaker-name{ color: @color-heading; } +.speaker .social-links{ width: 100%; .transition-300; .translate3d(@x: 0px, @y: -200px, @z: 0px); } +.speaker .social-links a{ color: #fff; font-size: 24px; display: inline-block; margin-left: 6px; } +.speaker .social-links a:last-child{ margin-right: 0px; } +.speaker .image-holder:hover .hover-state{ opacity: 1; } +.speaker .image-holder:hover .hover-state .social-links{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } + +.speaker-with-bio{ overflow: hidden; margin-bottom: @standard-space/2; } +.speaker-with-bio .speaker{ width: 50%; float: left; margin-bottom: 0px; } +.speaker-with-bio .speaker-description{ width: 50%; float: left; padding-left: 30px; } +.speaker-description span{ display: inline-block; margin-bottom: 18px; font-weight: 600; } + +@media all and(max-width: 767px){ + .speaker-with-bio .speaker{ width: 100%; } + .speaker-with-bio .speaker-description{ width: 100%; padding-left: 0px; } +} + +.topics{ position: relative; overflow: hidden; } +.topics .container{ position: relative; z-index: 2; } +.topics.overlay .ruled-list li{ border-color: rgba(255,255,255,0.5); } +.topics.overlay .topic i{ color: #fff; } + +.topic h3{ margin-bottom: 18px; } +.topic p.lead{ margin-bottom: 32px; } +.topic i{ font-size: 60px; color: @color-primary; display: inline-block; margin-bottom: 32px; } + +@media all and(max-width: 767px){ + .topic h3{ display: inline-block; position: relative; bottom: 18px; left: 12px; } + .topic i{ margin-bottom: 12px; } +} + +.ruled-list li{ border-top: 1px dotted rgba(0,0,0,0.3); padding: 12px 0px; font-size: 16px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .speakers-row .col-sm-6{ width: 50%; float: left !important; } +} + +/*! +// 11. Schedule +// --------------------------------------------------*/ + +.inline-video{ background: @color-muted; } +.inline-video iframe{ width: 100%; height: 300px; border: none; } +.inline-video .btn{ min-width: 150px; margin-top: 32px; margin-right: 16px; } + +@media all and(max-width: 768px){ + .inline-video iframe{ height: 350px; margin-top: 42px; } +} + +@media all and(max-width: 767px){ + .inline-video iframe{ height: 200px; margin-top: 30px; } + .inline-video .btn{ margin-top: 18px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .inline-video iframe{ height: 250px; } +} + +.embedded-video-holder p{ display: none; } + +.schedule-overview{ border: 2px solid rgba(0,0,0,0.2); margin-bottom: @standard-space/2; } +.schedule-overview li{ padding: 24px; position: relative; cursor: pointer; .transition-300; } +.schedule-overview li:first-child .top{ display: none; } +.schedule-overview li:last-child .bottom{ display: none; } + +.schedule-title span{ display: block; font-size: 16px; } +.schedule-title .title{ color: @color-heading; } + +.schedule-text{ max-height: 0px; .transition-300; opacity: 0; } + +.schedule-overview li:hover{ background-color: @color-muted; } +.schedule-overview li:hover .schedule-text{ max-height: 300px; opacity: 1; padding-top: 18px; } +.schedule-overview li:hover .top,.schedule-overview li:hover .bottom,.schedule-overview li:hover .middle{ border-color: rgba(0,0,0,0.4); } +.schedule-overview li:hover .middle{ background: @color-heading; } + +.schedule-with-text .btn, .contained-gallery .btn{ margin-top: 24px; margin-right: 12px; } +.schedule-with-text .schedule-overview li{ padding-right: 48px; } + +@media all and(max-width: 1024px){ + .schedule-overview li{ padding-right: 48px; } +} + +@media all and(max-width: 767px){ + .schedule-with-text .btn, .contained-gallery .btn{ margin-bottom: 32px; } +} + +.marker-pin{ position: absolute; right: 32px; top: 0px; height: 100%; } +.marker-pin .top, .marker-pin .bottom{ height: 50%; width: 2px; border-left: 2px solid rgba(0,0,0,0.2); position: absolute; z-index: 1; .transition-300; } +.marker-pin .top{ top: 0px; } +.marker-pin .bottom{ bottom: 0px; } +.marker-pin .middle{ width: 18px; height: 18px; border: 2px solid rgba(0,0,0,0.2); background: #fff; border-radius: 50%; position: absolute; right: -10px; top: 50%; margin-top: -9px; z-index: 2; .transition-300; } + +/*! +// 12. Galleries +// --------------------------------------------------*/ + +.instagram, .lightbox-gallery{ position: relative; padding: @standard-space*3 0px; } +.gallery-header{ } +.gallery-header .logo{ max-width: 400px; display: block; margin: 0px auto; margin-bottom: 12px; } + +@media screen and(max-width: 768px){ + .gallery-header .logo{ max-width: 200px; } + .gallery-header h1{ font-size: 24px !important; line-height: 32px !important; } +} + +.instagram, .lightbox-gallery{ overflow: hidden; background: #000 !important; } +.instagram ul, .lightbox-gallery ul{ overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0px; } +.instagram li, .lightbox-gallery li{ float: left; width: 20%; height: 50%; position: relative; cursor: pointer; .transition-300; overflow: hidden; background-size: cover !important; opacity: 0.5; } +.instagram li:hover, .lightbox-gallery li:hover{ opacity: 1 !important; } + +.instagram .container, .lightbox-gallery .container{ position: relative; z-index: 3; } +.instagram i, .lightbox-gallery i{ font-size: 48px; display: inline-block; margin-bottom: 16px; } +.instagram h1, .lightbox-gallery h1{ .large-h1; margin-bottom: 16px; } + +@media all and(max-width: 1200px){ + .instagram li:nth-child(n+9), .lightbox-gallery li:nth-child(n+9){ display: none; } + .instagram li, .lightbox-gallery li{ width: 25%; } +} + +@media all and(max-width: 900px){ + .instagram li:nth-child(n+7), .lightbox-gallery li:nth-child(n+7){ display: none; } + .instagram li, .lightbox-gallery li{ width: 33.333333%; } +} + +@media all and(max-width: 767px){ + .instagram, .lightbox-gallery{ padding: @standard-space*2 0px; } + .instagram li:nth-child(n+5), .lightbox-gallery li:nth-child(n+5){ display: none; } + .instagram li, .lightbox-gallery li{ width: 50%; } +} + + +.testimonials{ background: @color-muted; } + +.contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 185px 0px; } +.contained-gallery .instagram li:nth-child(n+9),.contained-gallery .lightbox-gallery li:nth-child(n+9){ display: none; } +.contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 25%; opacity: 0.7; } + +@media all and(max-width: 1024px){ + .contained-gallery .instagram li:nth-child(n+7){ display: none; } + .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333%; } + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 200px 0px; } +} + +@media all and(max-width: 768px){ + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ margin-bottom: 32px; } + .contained-gallery .btn{ margin-bottom: 0px; } + .contained-gallery .instagram li:nth-child(n+5), .contained-gallery .lightbox-gallery li:nth-child(n+5){ display: block !important; } + .contained-gallery .instagram li:nth-child(n+7), .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none !important; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333% !important; } +} + +/*! +// 13. Pricing +// --------------------------------------------------*/ + +.pricing-option{ overflow: hidden; background: @color-muted; .preserve-3d; position: relative; padding: @standard-space 0px; margin-bottom: 30px; .transition-300; } +.pricing-option .dot{ position: absolute; top: 24px; right: 24px; width: 24px; height: 24px; border-radius: 50%; background: #fff; } +.pricing-option:hover{ background: darken(@color-muted, 3%); } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .pricing-options .col-sm-6{ width: 50%; float: left; } +} + +.dollar, .price, .type{ font-weight: 600; color: @color-heading; font-size: 72px; } +.dollar{ font-size: 36px; position: relative; bottom: 22px; } +.price{ line-height: 1; } +.type{ display: block; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-top: 12px; } + +.plan-title{ display: block; font-weight: 600; margin-bottom: 12px; font-size: 18px; color: @color-heading; } + +.pricing-option ul li{ color: @color-body; } + +.pricing-option.emphasis{ background: @color-primary; color: #fff; } +.pricing-option.emphasis .type, .pricing-option.emphasis .dollar, .pricing-option.emphasis .price, .pricing-option.emphasis .plan-title, .pricing-option.emphasis ul li{ color: #fff !important; } + +@media all and(max-width: 991px){ + .type{ margin-bottom: 12px; } + .pricing-option{ text-align: center !important; } +} + +/*! +// Frequently Asked Questions +// --------------------------------------------------*/ + +.faq-item{ margin-bottom: @standard-space/2; } + +p.question{ font-weight: 600; color: @color-heading; font-size: 16px; } + +/*! +// Visitor Info +// --------------------------------------------------*/ + +.info-box{ margin-bottom: @standard-space/2; position: relative; overflow: hidden; } +.info-box img{ display: block; margin-bottom: 12px; } +.info-box h3{ margin-bottom: 12px; } +.info-box .text-link{ position: absolute; bottom: 12px; right: 0px; } +.text-link a{ display: inline-block; margin-left: 12px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .visitor-info .col-sm-4{ width: 50%; float: left; } +} + +/*! +// 14. Subscribe +// --------------------------------------------------*/ + +.subscribe-1{ position: relative; overflow: hidden; padding-top: @standard-space*2; padding-bottom: @standard-space/2; } +.subscribe-1:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } +.subscribe-1 .container{ position: relative; z-index: 2; } +.subscribe-1 .email-subscribe{ margin-bottom: @standard-space*3; } +.subscribe-1 footer{ border-top: 2px solid rgba(255,255,255,0.3); padding-top: @standard-space/2; } +.subscribe-1 .twitter-feed{ margin-bottom: @standard-space; } +.subscribe-1 h1{ margin-bottom: 30px; } + +.email-subscribe span{ display: block; margin-top: 12px; } + +.twitter-feed i{ font-size: 48px; display: inline-block; margin-bottom: 32px; } +.twitter-feed span a{ border-bottom: none; } + +.tweets-feed .user{ display: none; } +.tweets-feed .interact{ display: none; } +.tweets-feed .tweet{ color: #fff; font-size: 30px; line-height: 36px; font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } +.tweets-feed .tweet a{ color: #fff !important; border-color: #fff !important; } +.tweets-feed .timePosted{ display: none; } + +@media all and(max-width: 767px){ + .tweets-feed .tweet{ font-size: 20px; line-height: 26px; } + .subscribe-2 .form-email{ margin-bottom: 24px; } +} + + +/*! +// 15. Contact +// --------------------------------------------------*/ + +.contact-tweets{ background: @color-primary; color: #fff; position: relative; overflow: hidden; height: 600px; .preserve-3d; } +.contact-tweets .social_twitter{ font-size: 42px; margin-bottom: 32px; display: inline-block; } +.contact-tweets .map-holder{ position: absolute; height: 100%; padding: 0px; top: 0px; right: 0px; } +.contact-tweets .timePosted{ display: block !important; } +.map-holder:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; } +.map-holder iframe{ border: 0px; position: absolute; width: 100%; height: 100%; } +.contact-tweets span a{ border-bottom: 2px solid #fff; padding-bottom: 1px; } + +.contact-tweets form{ padding-top: 0px !important; } +.contact-tweets form .btn{ background: #fff; color: @color-primary; } +.contact-tweets form ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets .icon{ font-size: 60px; margin-bottom: 12px; } +.contact-tweets .form-message{ max-width: 95.5%; width: 95.5%; } + +.fullwidth-map{ padding: 0px; position: relative; overflow: hidden; } +.fullwidth-map .map-holder{ width: 100%; height: 400px; overflow: hidden; } +.fullwidth-map.screen:before{ content: ''; position: absolute; width: 100%; height: 100%; z-index: 2; } + + +/*! +// Sponsors +// --------------------------------------------------*/ + +.sponsors{ background: @color-muted; } +.sponsor{ margin-bottom: @standard-space/2; height: 80px; line-height: 80px; } +.sponsor img{ max-width: 150px; .transition-300; max-height: 80px; } + +.sponsors span{ display: inline-block; margin-top: 24px; } +.sponsors span a{ color: @color-primary; border-color: @color-primary; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .sponsors .col-sm-6{ width: 50%; float: left; } +} + + + +/*! +// 16. Forms +// --------------------------------------------------*/ + +form.register{ overflow: hidden; padding-top: 24px; display: block; } +form.register div{ padding: 0px; } +input[type="text"], form.register .select-holder{ margin-bottom: 32px; padding: 12px; border: none; background: rgba(255,255,255,0.1); border-radius: 25px; font-size: 14px; max-width: 90%; color: #fff; padding-left: 24px; .transition-300; } +input[type="text"]:focus, form.register .select-holder:focus,input[type="text"]:hover, form.register .select-holder:hover{ outline: none; background: rgba(255,255,255,0.2); } + +form.register select{ width: 90%; margin: 0px; background: none; border: none; cursor: pointer; } +form.register select:focus{ outline: none; } + +form.register input[type="submit"]{ padding-bottom: 12px; width: 90%; margin-bottom: 12px; } + +input[type="submit"]{ font-weight: normal; } + +.email-subscribe{ overflow: hidden; } +.email-subscribe input{ margin: 0px auto; min-width: 100%; max-width: 100%; } +.email-subscribe input[type="text"]{ background: rgba(255,255,255,0.3); } +.email-subscribe input[type="text"]:hover, .email-subscribe input[type="text"]:focus{ background: rgba(255,255,255,0.4); } +.email-subscribe ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe input[type="submit"]{ min-height: 48px; } + +.subscribe-2 .email-subscribe input[type="text"]{ background: rgba(0,0,0,0.2); } +.subscribe-2 i{ color: @color-primary; font-size: 70px; display: inline-block; margin-right: 24px; margin-bottom: 18px; } +.subscribe-2 i:last-of-type{ margin-right: 0px; } + +input.error{ color: #ff4532; } + +.mail-list-form{ width: 0px; height: 0px; opacity: 0; overflow: hidden; } + +.form-success, .form-error{ display: none; width: 100%; padding: 6px 18px 8px 18px !important; margin-top: 12px; color: #fff; background-color: #55c950; border-radius: 20px; } +.form-error{ background-color: #D74B4B; } +form .field-error{ background: #D74B4B !important; } + +@media all and(max-width: 768px){ + +} + +@media all and(max-width: 767px){ + form.register input, form.register .select-holder{ width: 100% !important; max-width: 100%; } + .subscribe-1 .email-subscribe input[type="text"]{ margin-bottom: 24px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + form.register .col-sm-6{ width: 50%; float: left; } + form.register input, form.register .select-holder{ max-width: 95% !important; } + form.register input[type="submit"]{ max-width: 100% !important; } +} + +/*! +// Utility Pages +// --------------------------------------------------*/ + +.error-page{ background: @color-primary; padding: 0px; } +.error-page h1{ font-size: 84px; line-height: 96px; margin-bottom: 0px; margin-bottom: 12px; } +.error-page p{ font-size: 24px; line-height: 32px; } +.error-page i{ color: #fff; font-size: 84px; display: inline-block; margin-right: 24px; } +.error-page i:last-of-type{ margin-right: 0px; } +.error-page .btn{ margin-right: 24px; margin-top: 12px; } + +@media all and(max-width: 767px){ + .error-page i{ display: none; } +} + +/*! +// 17. Footers +// --------------------------------------------------*/ + + +.footer .top-border{ height: 2px; width: 100%; background: rgba(255,255,255,0.3); margin-bottom: 32px; } +.footer .menu{ overflow: visible; } +.footer .menu li{ top: 0px; } +.footer .menu li a{ padding-bottom: 0px; } +.footer .menu li .btn{ min-width: 0px; padding: 10px 18px; font-size: 14px; } +.footer .menu li a{ diplay: inline-block; position: relative; border: none; } +.footer .menu li a:hover{ border: none; } +.footer .back-to-top{ padding-right: 42px; } +.footer .menu li a i{ font-size: 36px; position: absolute; right: 0px; top: -12px; } + +@media all and(max-width: 767px){ + .footer .text-right{ text-align: left !important; } + .footer .menu{ margin-top: 24px; } + .footer .menu li{ float: none; margin-bottom: 12px; } +} + +footer.classic{ padding: @standard-space 0px @standard-space/2 0px; background: @color-muted; } +footer.classic .menu li{ float: none; margin-bottom: 12px; } +footer.classic .menu li a{ color: @color-heading; padding-bottom: 0px; font-weight: 600; } +footer.classic span.lead{ display: inline-block; margin-bottom: 12px; } + +footer.short{ background: @color-heading; color: #fff; padding: @standard-space 0px; } +footer.short .top-border{ height: 1px !important; } + +@media all and(max-width: 767px){ + footer.classic div{ margin-bottom: 18px; } +} + +.contact-methods li{ margin-bottom: 12px; } +.contact-methods li:last-child{ margin-bottom: 0px; } +.contact-methods i{ font-size: 36px; color: @color-heading; } +.contact-methods span{ display: inline-block; position: relative; bottom: 10px; left:8px; font-size: 16px; } + +footer.classic .social-profiles{ margin-top: 36px; } + +.social-profiles{ display: inline-block; overflow: hidden; } +.social-profiles li{ float: left; margin-right: 36px; } +.social-profiles li:last-child{ margin-right: 0px; } +.social-profiles li a{ color: @color-heading; font-size: 20px; } + diff --git a/static/new/css/less/deepblue.less b/static/new/css/less/deepblue.less new file mode 100644 index 00000000..dc707f97 --- /dev/null +++ b/static/new/css/less/deepblue.less @@ -0,0 +1,901 @@ +/*! +// Contents +// ------------------------------------------------ + + 1. Mixins + 2. Helper classes & resets + 3. Loader + 4. Colours + 5. Typography + 6. Spacing + 7. Buttons + 8. Navigation + 9. Slider, Dividers + 10. Speakers & Topics + 11. Schedule + 12. Galleries + 13. Pricing & FAQ + 14. Subscribe + 15. Contact + 16. Forms + 17. Footers + +// --------------------------------------------------*/ + +@import "variables.less"; +@import "mixins.less"; + +/*! +// 1. Useful Mixins +// --------------------------------------------------*/ + +.vertical-align { + position: relative; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.vertical-align-cancel{ + top: 0px; + -webkit-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); +} + +.preserve-3d { + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + transform-style: preserve-3d; +} + +.transition-100{ + transition: all .1s ease-out; + -webkit-transition: all .1s ease-out; + -moz-transition: all .1s ease-out; +} + +.transition-300{ + transition: all .3s ease-out; + -webkit-transition: all .3s ease-out; + -moz-transition: all .3s ease-out; +} + +.transition-700{ + transition: all .7s ease-out; + -webkit-transition: all .7s ease-out; + -moz-transition: all .7s ease-out; +} + +.translate3d(@x,@y,@z){ + transform: translate3d(@x,@y,@z); + -webkit-transform: translate3d(@x,@y,@z); + -moz-transform: translate3d(@x,@y,@z); +} + +.scale2d(@x,@y){ + transform: scale(@x,@y); + -webkit-transform: scale(@x,@y); + -moz-transform: scale(@x,@y); +} + +.overlay-params(@strength, @bg-color){ + background-color: @bg-color; + opacity: @strength; + position: absolute; + content: ''; + width: 100%; + height: 100%; + z-index: 1; + top: 0px; +} + +.overlay:before{ .overlay-params(@strength: 0.5, @bg-color: @color-heading); } +.overlay .container{ position: relative; z-index: 2; } + +/*! +// 2. Helper Classes & Resets +// --------------------------------------------------*/ + +.go-right{ right: 0px; } +.go-left{ left: 0px; } + +img{ max-width: 100%; } + +.main-container{ .transition-300; } + +/*! +// 3. Loader +// --------------------------------------------------*/ + +.loader{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; background: #fff; .preserve-3d; .transition-300; opacity: 1; } +.strip-holder{ .vertical-align; left: 50%; margin-left: -50px; position: relative; } +.strip-1, .strip-2, .strip-3{ width: 20px; height: 20px; background: @color-primary; position: relative; -webkit-animation: stripMove 2s ease infinite alternate; animation: stripMove 2s ease infinite alternate; -moz-animation: stripMove 2s ease infinite alternate; } +.strip-2{ -webkit-animation-duration: 2.1s; animation-duration: 2.1s; background-color: lighten(@color-primary, 20%); } +.strip-3{ -webkit-animation-duration: 2.2s; animation-duration: 2.2s; background-color: lighten(@color-primary, 40%); } + + +@-webkit-keyframes stripMove{ + 0% { .translate3d(@x: 0px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } +} + +@-moz-keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +@keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +.main-container{ .transition-300; opacity: 0; } +nav{ .transition-300; opacity: 0; } +.show-content{ opacity: 1 !important; } +.hide-loader{ opacity: 0 !important; } + + +/*! +// 4. Colours +// --------------------------------------------------*/ + +@color-primary: #005790; +@color-heading: #333; +@color-body: #777; +@color-muted: #f5f5f5 !important; + +.background-dark{ background-color: @color-heading !important; } +.color-heading{ color: @color-heading; } + +/*! +// 5. Typography +// --------------------------------------------------*/ + +@custom-heading-font: 'Open Sans'; +@custom-body-font: 'Open Sans'; + +.text-white{ color: #fff; } + +body{ font-family: @custom-body-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: @color-body; font-size: 14px; line-height: 24px; background: #fff; } +h1,h2,h3,h4,h5,h6{ font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; margin: 0px; color: @color-heading; } + +h1{ font-size: 30px; line-height: 36px; margin-bottom: 42px; } +h3{ font-size: 20px; line-height: 28px; } + +.large-h1{ font-size: 42px; line-height: 48px; font-weight: 300; } + +p{ font-size: 14px; line-height: 24px; } +p:last-child{ margin-bottom: 0px; } +p.lead{ font-size: 16px; line-height: 30px; font-weight: 400; } +span.lead{ font-weight: 400; } +.uppercase{ text-transform: uppercase; letter-spacing: 1px; display: inline-block; margin-right: -1px; } + +strong{ font-weight: 600; } + +ul{ list-style: none; margin: 0px; padding: 0px; } + +@media all and(max-width: 767px){ + h1{ font-size: 24px; line-height: 28px; margin-bottom: 36px; } + h2{ font-size: 20px; line-height: 26px; } + + .large-h1{ font-size: 24px; line-height: 28px; } + + p{ font-size: 13px; line-height: 22px; } + p.lead{ font-size: 15px; line-height: 26px; } +} + + +/*! +// Spacing Standards +// --------------------------------------------------*/ + +@standard-space: 72px; + +section{ padding: @standard-space 0px; background: #fff; } + +.duplicatable-content{ padding-bottom: @standard-space/2; } + + +/*! +// 6. Buttons +// --------------------------------------------------*/ + +a:hover{ text-decoration: none; } +h1 a, span a,p a,.text-link a{ font-weight: 600; color: #fff; display: inline-block; border-bottom: 4px solid #fff; padding-bottom: 6px; .transition-300; } +span a, p a,.text-link a{ padding-bottom: 4px; border-bottom: 3px solid #fff; } +span a:hover{ color: #fff; } +p a, .text-link a{ color: @color-primary !important; border-color: @color-primary; padding-bottom: 2px; } +p a, .text-link a:hover{ color: @color-heading; } + +.btn{ min-width: 180px; border-radius: 25px; background: @color-primary; text-align: center; padding: 13px 0px 14px 0px; color: #fff; font-size: 15px; .transition-300; font-weight: 600; line-height: 1; } +.btn:hover{ color: #fff; background: darken(@color-primary, 5%); } +.btn-hollow{ background: none; border: 2px solid @color-primary; color: @color-primary; } +.btn-hollow:hover{ background: @color-primary; } + +.btn-white{ background: #fff; color: @color-primary; } +.btn-white:hover{ background: #fff; color: darken(@color-primary,10%); } + +.btn-hollow.btn-white{ background: none; border-color: #fff; color: #fff; } +.btn-hollow.btn-white:hover{ background: #fff; color: @color-primary; } + +.btn-lg{ padding: 20px 0px 21px 0px; text-transform: uppercase; min-width: 230px; border-radius: 35px; } + +/*! +// Backgrounds & Parallax +// --------------------------------------------------*/ + +.background-image-holder{ position: absolute; width: 100%; height: 130%; top: -10%; background-size: cover !important; background-position: 50% 50% !important; } +.image-holder{ position: relative; overflow: hidden; } + +/*! +// 7. Navigation +// --------------------------------------------------*/ + +nav .logo{ max-height: 45px; max-width: 110px; position: absolute; top: -6px; opacity: 1; } +nav .text-right{ position: relative; } +nav .container{ .transition-300; } + +.overlay-nav{ position:fixed; top: 0px; z-index: 10; width: 100%; padding-top: @standard-space/3; line-height: 1; background: none; .transition-300; } +.overlay-nav .logo-dark{ opacity: 0; } +.overlay-nav.sticky-nav .logo-light{ opacity: 0; } +.overlay-nav.sticky-nav .logo-dark{ opacity: 1; } + +.bottom-border{ position: absolute; bottom: 2px; width: 100%; height: 2px; background: rgba(255,255,255,0.3); } +.sidebar-menu .bottom-border{ position: relative; bottom: 0px; background: rgba(255,255,255,0.2); display: block !important; } + +.menu{ display: inline-block; text-align: left; line-height: 1; } +.menu li{ float: left; margin-right: 32px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; position: relative; top: 4px; } +.menu li:last-child{ margin-right: 0px; } +.menu li:nth-las-child(2){ margin-right: 12px; } +.menu li a{ color: #fff; display: inline-block; padding-bottom: @standard-space/3; border-bottom: 2px solid rgba(0,0,0,0); .transition-300; } +.menu li a:hover{ border-bottom: 2px solid #fff; } + +.nav-dropdown{ position: absolute; z-index: -1; max-height: 0px; background: rgba(255,255,255,0.9); min-width: 200px; .transition-300; } +.nav-dropdown li:first-child{ margin-top: 12px; } +.nav-dropdown li{ opacity: 0; .transition-300; margin-right: 0px; float: none; margin-bottom: 18px; } +.nav-dropdown li a{ padding-bottom: 0px; padding-left: 24px; color: @color-heading; } +.nav-dropdown li a:hover{ border-color: rgba(0,0,0,0); } + +.has-dropdown:hover .nav-dropdown{ z-index: 10; max-height: 300px; } +.has-dropdown:hover .nav-dropdown li{ opacity: 1; } + +.has-dropdown a{ padding-left: 18px; } +.has-dropdown:before{ display: inline-block; font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e688"; color: #fff; font-size: 24px; position: absolute; top: -6px; } + +.menu .social-link{ font-size: 14px; top: 0px !important; margin-right: 18px !important; } +.menu .social-link:nth-last-child(2){ margin-right: 18px; } + +.sticky-nav{ background: rgba(255,255,255,0.9); } +.sticky-nav .menu li a{ color: @color-heading; } +.sticky-nav .bottom-border{ display: none; } +.sticky-nav .menu li a:hover{ border-color: rgba(0,0,0,0); } +.sticky-nav .sidebar-menu-toggle, .sticky-nav .mobile-menu-toggle{ color: @color-heading; } +.sticky-nav .nav-dropdown{ background: rgba(255,255,255,0.9); } +.sticky-nav .has-dropdown:before{ color: @color-heading; } + +.sidebar-menu-toggle, .mobile-menu-toggle{ position: absolute; color: #fff; font-size: 32px; right: 0px; top: -7px; cursor: pointer; .transition-300; } + +.mobile-menu-toggle{ display: none; } + +.sidebar-menu, .instagram-sidebar{ position: fixed; right: 0px; top: 0px; width: 300px; height: 100%; background: @color-heading; .translate3d(@x: 300px, @y: 0px, @z: 0px); .transition-300; } +.show-sidebar{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } +.reveal-sidebar{ .translate3d(@x: -300px, @y: 0px, @z: 0px); } + +.sidebar-content{ padding: 0px 24px; margin-top: 24px; } +.widget{ margin-bottom: 24px; } +.widget .title{ font-size: 16px; font-weight: 600; display: inline-block; margin-bottom: 12px; } +.widget .menu li{ float: none; margin-bottom: 12px; } +.widget .menu li a{ padding-bottom: 0px; color: #fff !important; font-size: 12px; } +.widget .menu li a:hover{ border-color: rgba(0,0,0,0); } +.widget .menu .social-link{ display: none; } +.widget .social-profiles li{ margin-right: 24px; } +.widget .social-profiles li a{ color: #fff; } + +.instagram-toggle{ cursor: pointer; } +.instagram-toggle-init{ pointer-events: none; } +.instagram-sidebar li{ width: 100%; height: 250px; } +.instagram-sidebar{ overflow-y: auto; } + +.sidebar-content .copy-text{ position: absolute; bottom: 32px; color: rgba(255,255,255,0.5); font-size: 12px; } +.text-panel{ background: lighten(@color-heading, 8%); padding: 18px; } + +.relative-nav{ position: relative; padding-top: 28px; background: #fff; } +.relative-nav .menu li a{ color: @color-heading; } +.relative-nav .has-dropdown:before{ color: @color-heading; } +.relative-nav .nav-dropdown{ background: rgba(53,53,53,0.8); } +.relative-nav .has-dropdown li a{ color: #fff; } +.relative-nav .sidebar-menu-toggle{ color: @color-heading; } +.relative-nav .logo-light{ opacity: 0 !important; } +.relative-nav .logo-dark{ opacity: 1 !important; } +.relative-nav .logo{ top: -4px !important; } + +.sidebar-menu .logo{ max-width: 110px; position: relative; top: 21px !important; margin-bottom: 32px; left: 24px; } + +@media all and(max-width: 768px){ + nav{ max-height: 67px; overflow: hidden; background: rgba(255,255,255,0.9) !important; } + nav .menu li{ float: none; margin-bottom: 24px; } + nav .menu li a{ color: @color-heading !important; padding-bottom: 0px; } + nav .logo{ max-width: 90px; top: -2px; } + nav .logo-dark{ opacity: 1 !important; } + nav .logo-light{ opacity: 0 !important; } + nav .menu{ width: 100%; display: block; margin-top: 67px; margin-right: 0px; } + nav .social-link{ float: left !important; } + .sidebar-menu-toggle{ display: none; } + .mobile-menu-toggle{ display: block; position: fixed; top: 17px; right: 24px; color: @color-heading !important; } + .open-menu{ max-height: 800px !important; } + .nav-dropdown{ position: relative; display: none; } + .has-dropdown:hover .nav-dropdown{ display: block; } + .has-dropdown:before{ color: @color-heading; } +} + +/*! +// 8. Sliders & Dividers & Headers +// --------------------------------------------------*/ + +.hero-slider{ padding: 0px; position: relative; overflow: hidden; } +.hero-slider .slides li{ height: 780px; position: relative; overflow: hidden; .preserve-3d; } +.hero-slider .slides li:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } + +.hero-slider .container{ .vertical-align; z-index: 2; } +.hero-slider h1{ margin-bottom: 42px; } + +.hero-slider .btn-hollow{ color: #fff; border-color: #fff; margin-left: 16px; } +.hero-slider .btn-hollow:hover{ background: #fff; color: @color-primary; } + +@media all and(max-width: 767px){ + .hero-slider .btn-hollow{ display: none; } +} + +.register-header form.register{ padding-top: 0px; background: rgba(0,0,0,0.4); padding: 24px; } +.register-header form input{ width: 100% !important; } +.register-header form.register span{ color: #fff; } +.register-header .logo, .hero-slide .logo{ max-width: 150px; display: block; margin-bottom: 12px; } + +.register-header h1{ margin-bottom: 24px !important; } + +@media all and(max-width: 768px){ + .register-header form.register .form-name, .register-header form.register .form-email{ max-width: 100%; width: 100%; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .register-header form.register .form-name, .register-header form.register .form-email{ width: 50%; } +} + +@media all and(max-width: 767px){ + .hero-slide .logo{ max-width: 100px; } + .register-header .logo{ display: none; } + .register-header h1{ display: none; } + .register-header form h1{ display: block; } + .register-header span.lead{ display: none; } + .register-header input, .register-header .select-holder{ max-width: 100% !important; } + .hero-slider h1{ margin-bottom: 18px; } +} + +.testimonials-slider{ position: relative; margin-bottom: 48px; } +.testimonials-slider .flex-control-nav a{ background:rgba(0,0,0,0.3); } +.testimonials-slider .flex-control-nav a.flex-active{ background:rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav a:hover{ background: rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav{ bottom: -48px; text-align: left; } + +.primary-overlay:before{ .overlay-params(@strength: 0.8, @bg-color: @color-primary); background-color: @color-primary !important; } + +.strip-divider{ padding: @standard-space*3 0px; position: relative; overflow: hidden; } +.strip-divider .container{ z-index: 2; position: relative; } +.strip-divider h1{ margin: 0px; font-size: 36px; line-height: 48px; } +.strip-divider a:hover{ color: #fff !important; } + +@media all and(max-width: 767px){ + .strip-divider{ padding: @standard-space 0px; } +} + +.countdown-divider{ padding: @standard-space*2 0px; } +.countdown-divider img, .countdown-header img, .video-header img{ max-width: 300px; display: inline-block; margin-bottom: 12px; } + +.countdown-header h1{ margin-bottom: 0px; } +.countdown-header:before{ opacity: 0.8 !important; } + +.video-header:before{ opacity: 0.5 !important; background: #000 !important; } +.video-header .uppercase, .countdown-header .uppercase{ display: block; font-weight: 600; margin-bottom: 24px; } + + +@media all and(max-width: 768px){ + .countdown-header img, .countdown-divider img, .video-header img{ max-width: 150px; } +} + +.countdown{ text-align: center; margin-top: @standard-space; } +.countdown-row{ color: #fff; font-size: 80px; font-weight: 300; } +.countdown-section{ width: 20%; display: inline-block; } +.countdown-amount{ display: inline-block; margin-bottom: 48px; } +.countdown-period{ display: block; font-size: 24px; } + +.section-header{ position: relative; overflow: hidden; height: 450px; } +.section-header h1{ font-size: 32px; } +.section-header.overlay:before{ opacity: 0.2; } +.section-header i{ font-size: 40px; color: #fff; margin: 0px 24px 12px 0px; } +.section-header i:last-of-type{ margin-right: 0px; } + +@media all and(max-width: 767px){ + .countdown{ margin-top: 48px; } + .countdown-row{ font-size: 36px; } + .countdown-period{ font-size: 16px; } +} + +.video-wrapper{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; } +.video-wrapper video{ width: 100%; } + +@media all and(max-width: 1390px){ + .video-wrapper video{ width: 110%; } +} + +@media all and(max-width: 1260px){ + .video-wrapper video{ width: 120%; } +} + +@media all and(max-width: 1160px){ + .video-wrapper video{ width: 130%; } +} + +@media all and(max-width: 1024px){ + .video-wrapper{ display: none; } +} + +.call-to-action{ padding: 144px 0px; } +.call-to-action .uppercase{ display: block; width: 100%; text-align: center; margin-bottom: 32px; } +.call-to-action h1{ margin-bottom: 32px; } +.call-to-action .btn{ margin-bottom: 40px; } +.call-to-action a i{ display: inline-block; width: 60px; height: 60px; border-radius: 50%; color: #fff; margin-right: 12px; font-size: 24px; line-height: 60px; } +.call-to-action .social_facebook{ background-color: #3b5998; } +.call-to-action .social_twitter{ background-color: #00aced; } +.call-to-action a:last-of-type i{ margin-right: 0px; } + +@media all and(max-width: 768px){ + .call-to-action{ padding: @standard-space 0px; } +} + +/*! +// 9. Image with text +// --------------------------------------------------*/ + +.image-with-text{ overflow: hidden; position: relative; height: 600px; } +.image-with-text h1{ margin-bottom: 24px; } + +.side-image{ padding: 0px; position: absolute; top: 0px; height: 100%; } + + +@media all and(max-width: 767px){ + .image-with-text{ height: auto; padding: @standard-space 0px; } + .image-with-text .vertical-align{ .vertical-align-cancel } +} + +/*! +// Promo Blocks +// --------------------------------------------------*/ + +.color-blocks{ position: relative; overflow: hidden; color: #fff; } +.color-block{ position: absolute; top: 0px; height: 100%; padding: 0px; color: #fff; .transition-300; } +.color-blocks h1, .color-blocks h2, .color-blocks h3, .color-blocks h4, .color-blocks h5, .color-blocks h6{ color: #fff; } +.color-blocks h1{ margin-bottom: 12px; } +.color-blocks a{ color: #fff; pointer-events: auto; } +.color-blocks a:hover i{ transform: rotateZ(-10deg); } +.color-blocks i, .contained-promo i{ color: @color-primary; font-size: 70px; display: inline-block; border: 2px solid #fff; border-radius: 50%; width: 120px; height: 120px; line-height: 117px; background: #fff; text-align: center; .transition-100; } +.block-left{ background-color: @color-primary; } +.block-right{ background-color: darken(@color-primary, 8%); right: 0px; } + +@media all and(max-width: 768px){ + .block-content{ margin-bottom: @standard-space*2; overflow: hidden; display: block; } + .block-content:last-of-type{ margin-bottom: 0px; } + .color-block{ height: 50%; width: 100%; } + .block-right{ top: 50%; } +} + +@media all and(max-width: 767px){ + .block-content i{ margin-bottom: 30px; } +} + + + +/*! +// 10. Speakers & Topics +// --------------------------------------------------*/ + +.speakers-row{ padding: 0px 15px; } +.speaker-column{ padding: 0px; } + +.speaker{ position: relative; overflow: hidden; } +.speaker,.topic{ margin-bottom: @standard-space/2; } +.speaker .hover-state{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; background: rgba(0,0,0,0.5); .transition-300; } +.speaker .image-holder{ margin-bottom: 12px; } +.speaker span{ display: block; font-size: 16px; } +.speaker-name{ color: @color-heading; } +.speaker .social-links{ width: 100%; .transition-300; .translate3d(@x: 0px, @y: -200px, @z: 0px); } +.speaker .social-links a{ color: #fff; font-size: 24px; display: inline-block; margin-left: 6px; } +.speaker .social-links a:last-child{ margin-right: 0px; } +.speaker .image-holder:hover .hover-state{ opacity: 1; } +.speaker .image-holder:hover .hover-state .social-links{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } + +.speaker-with-bio{ overflow: hidden; margin-bottom: @standard-space/2; } +.speaker-with-bio .speaker{ width: 50%; float: left; margin-bottom: 0px; } +.speaker-with-bio .speaker-description{ width: 50%; float: left; padding-left: 30px; } +.speaker-description span{ display: inline-block; margin-bottom: 18px; font-weight: 600; } + +@media all and(max-width: 767px){ + .speaker-with-bio .speaker{ width: 100%; } + .speaker-with-bio .speaker-description{ width: 100%; padding-left: 0px; } +} + +.topics{ position: relative; overflow: hidden; } +.topics .container{ position: relative; z-index: 2; } +.topics.overlay .ruled-list li{ border-color: rgba(255,255,255,0.5); } +.topics.overlay .topic i{ color: #fff; } + +.topic h3{ margin-bottom: 18px; } +.topic p.lead{ margin-bottom: 32px; } +.topic i{ font-size: 60px; color: @color-primary; display: inline-block; margin-bottom: 32px; } + +@media all and(max-width: 767px){ + .topic h3{ display: inline-block; position: relative; bottom: 18px; left: 12px; } + .topic i{ margin-bottom: 12px; } +} + +.ruled-list li{ border-top: 1px dotted rgba(0,0,0,0.3); padding: 12px 0px; font-size: 16px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .speakers-row .col-sm-6{ width: 50%; float: left !important; } +} + +/*! +// 11. Schedule +// --------------------------------------------------*/ + +.inline-video{ background: @color-muted; } +.inline-video iframe{ width: 100%; height: 300px; border: none; } +.inline-video .btn{ min-width: 150px; margin-top: 32px; margin-right: 16px; } + +@media all and(max-width: 768px){ + .inline-video iframe{ height: 350px; margin-top: 42px; } +} + +@media all and(max-width: 767px){ + .inline-video iframe{ height: 200px; margin-top: 30px; } + .inline-video .btn{ margin-top: 18px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .inline-video iframe{ height: 250px; } +} + +.embedded-video-holder p{ display: none; } + +.schedule-overview{ border: 2px solid rgba(0,0,0,0.2); margin-bottom: @standard-space/2; } +.schedule-overview li{ padding: 24px; position: relative; cursor: pointer; .transition-300; } +.schedule-overview li:first-child .top{ display: none; } +.schedule-overview li:last-child .bottom{ display: none; } + +.schedule-title span{ display: block; font-size: 16px; } +.schedule-title .title{ color: @color-heading; } + +.schedule-text{ max-height: 0px; .transition-300; opacity: 0; } + +.schedule-overview li:hover{ background-color: @color-muted; } +.schedule-overview li:hover .schedule-text{ max-height: 300px; opacity: 1; padding-top: 18px; } +.schedule-overview li:hover .top,.schedule-overview li:hover .bottom,.schedule-overview li:hover .middle{ border-color: rgba(0,0,0,0.4); } +.schedule-overview li:hover .middle{ background: @color-heading; } + +.schedule-with-text .btn, .contained-gallery .btn{ margin-top: 24px; margin-right: 12px; } +.schedule-with-text .schedule-overview li{ padding-right: 48px; } + +@media all and(max-width: 1024px){ + .schedule-overview li{ padding-right: 48px; } +} + +@media all and(max-width: 767px){ + .schedule-with-text .btn, .contained-gallery .btn{ margin-bottom: 32px; } +} + +.marker-pin{ position: absolute; right: 32px; top: 0px; height: 100%; } +.marker-pin .top, .marker-pin .bottom{ height: 50%; width: 2px; border-left: 2px solid rgba(0,0,0,0.2); position: absolute; z-index: 1; .transition-300; } +.marker-pin .top{ top: 0px; } +.marker-pin .bottom{ bottom: 0px; } +.marker-pin .middle{ width: 18px; height: 18px; border: 2px solid rgba(0,0,0,0.2); background: #fff; border-radius: 50%; position: absolute; right: -10px; top: 50%; margin-top: -9px; z-index: 2; .transition-300; } + +/*! +// 12. Galleries +// --------------------------------------------------*/ + +.instagram, .lightbox-gallery{ position: relative; padding: @standard-space*3 0px; } +.gallery-header{ } +.gallery-header .logo{ max-width: 400px; display: block; margin: 0px auto; margin-bottom: 12px; } + +@media screen and(max-width: 768px){ + .gallery-header .logo{ max-width: 200px; } + .gallery-header h1{ font-size: 24px !important; line-height: 32px !important; } +} + +.instagram, .lightbox-gallery{ overflow: hidden; background: #000 !important; } +.instagram ul, .lightbox-gallery ul{ overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0px; } +.instagram li, .lightbox-gallery li{ float: left; width: 20%; height: 50%; position: relative; cursor: pointer; .transition-300; overflow: hidden; background-size: cover !important; opacity: 0.5; } +.instagram li:hover, .lightbox-gallery li:hover{ opacity: 1 !important; } + +.instagram .container, .lightbox-gallery .container{ position: relative; z-index: 3; } +.instagram i, .lightbox-gallery i{ font-size: 48px; display: inline-block; margin-bottom: 16px; } +.instagram h1, .lightbox-gallery h1{ .large-h1; margin-bottom: 16px; } + +@media all and(max-width: 1200px){ + .instagram li:nth-child(n+9), .lightbox-gallery li:nth-child(n+9){ display: none; } + .instagram li, .lightbox-gallery li{ width: 25%; } +} + +@media all and(max-width: 900px){ + .instagram li:nth-child(n+7), .lightbox-gallery li:nth-child(n+7){ display: none; } + .instagram li, .lightbox-gallery li{ width: 33.333333%; } +} + +@media all and(max-width: 767px){ + .instagram, .lightbox-gallery{ padding: @standard-space*2 0px; } + .instagram li:nth-child(n+5), .lightbox-gallery li:nth-child(n+5){ display: none; } + .instagram li, .lightbox-gallery li{ width: 50%; } +} + + +.testimonials{ background: @color-muted; } + +.contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 185px 0px; } +.contained-gallery .instagram li:nth-child(n+9),.contained-gallery .lightbox-gallery li:nth-child(n+9){ display: none; } +.contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 25%; opacity: 0.7; } + +@media all and(max-width: 1024px){ + .contained-gallery .instagram li:nth-child(n+7){ display: none; } + .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333%; } + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 200px 0px; } +} + +@media all and(max-width: 768px){ + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ margin-bottom: 32px; } + .contained-gallery .btn{ margin-bottom: 0px; } + .contained-gallery .instagram li:nth-child(n+5), .contained-gallery .lightbox-gallery li:nth-child(n+5){ display: block !important; } + .contained-gallery .instagram li:nth-child(n+7), .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none !important; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333% !important; } +} + +/*! +// 13. Pricing +// --------------------------------------------------*/ + +.pricing-option{ overflow: hidden; background: @color-muted; .preserve-3d; position: relative; padding: @standard-space 0px; margin-bottom: 30px; .transition-300; } +.pricing-option .dot{ position: absolute; top: 24px; right: 24px; width: 24px; height: 24px; border-radius: 50%; background: #fff; } +.pricing-option:hover{ background: darken(@color-muted, 3%); } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .pricing-options .col-sm-6{ width: 50%; float: left; } +} + +.dollar, .price, .type{ font-weight: 600; color: @color-heading; font-size: 72px; } +.dollar{ font-size: 36px; position: relative; bottom: 22px; } +.price{ line-height: 1; } +.type{ display: block; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-top: 12px; } + +.plan-title{ display: block; font-weight: 600; margin-bottom: 12px; font-size: 18px; color: @color-heading; } + +.pricing-option ul li{ color: @color-body; } + +.pricing-option.emphasis{ background: @color-primary; color: #fff; } +.pricing-option.emphasis .type, .pricing-option.emphasis .dollar, .pricing-option.emphasis .price, .pricing-option.emphasis .plan-title, .pricing-option.emphasis ul li{ color: #fff !important; } + +@media all and(max-width: 991px){ + .type{ margin-bottom: 12px; } + .pricing-option{ text-align: center !important; } +} + +/*! +// Frequently Asked Questions +// --------------------------------------------------*/ + +.faq-item{ margin-bottom: @standard-space/2; } + +p.question{ font-weight: 600; color: @color-heading; font-size: 16px; } + +/*! +// Visitor Info +// --------------------------------------------------*/ + +.info-box{ margin-bottom: @standard-space/2; position: relative; overflow: hidden; } +.info-box img{ display: block; margin-bottom: 12px; } +.info-box h3{ margin-bottom: 12px; } +.info-box .text-link{ position: absolute; bottom: 12px; right: 0px; } +.text-link a{ display: inline-block; margin-left: 12px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .visitor-info .col-sm-4{ width: 50%; float: left; } +} + +/*! +// 14. Subscribe +// --------------------------------------------------*/ + +.subscribe-1{ position: relative; overflow: hidden; padding-top: @standard-space*2; padding-bottom: @standard-space/2; } +.subscribe-1:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } +.subscribe-1 .container{ position: relative; z-index: 2; } +.subscribe-1 .email-subscribe{ margin-bottom: @standard-space*3; } +.subscribe-1 footer{ border-top: 2px solid rgba(255,255,255,0.3); padding-top: @standard-space/2; } +.subscribe-1 .twitter-feed{ margin-bottom: @standard-space; } +.subscribe-1 h1{ margin-bottom: 30px; } + +.email-subscribe span{ display: block; margin-top: 12px; } + +.twitter-feed i{ font-size: 48px; display: inline-block; margin-bottom: 32px; } +.twitter-feed span a{ border-bottom: none; } + +.tweets-feed .user{ display: none; } +.tweets-feed .interact{ display: none; } +.tweets-feed .tweet{ color: #fff; font-size: 30px; line-height: 36px; font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } +.tweets-feed .tweet a{ color: #fff !important; border-color: #fff !important; } +.tweets-feed .timePosted{ display: none; } + +@media all and(max-width: 767px){ + .tweets-feed .tweet{ font-size: 20px; line-height: 26px; } + .subscribe-2 .form-email{ margin-bottom: 24px; } +} + + +/*! +// 15. Contact +// --------------------------------------------------*/ + +.contact-tweets{ background: @color-primary; color: #fff; position: relative; overflow: hidden; height: 600px; .preserve-3d; } +.contact-tweets .social_twitter{ font-size: 42px; margin-bottom: 32px; display: inline-block; } +.contact-tweets .map-holder{ position: absolute; height: 100%; padding: 0px; top: 0px; right: 0px; } +.contact-tweets .timePosted{ display: block !important; } +.map-holder:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; } +.map-holder iframe{ border: 0px; position: absolute; width: 100%; height: 100%; } +.contact-tweets span a{ border-bottom: 2px solid #fff; padding-bottom: 1px; } + +.contact-tweets form{ padding-top: 0px !important; } +.contact-tweets form .btn{ background: #fff; color: @color-primary; } +.contact-tweets form ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets .icon{ font-size: 60px; margin-bottom: 12px; } +.contact-tweets .form-message{ max-width: 95.5%; width: 95.5%; } + +.fullwidth-map{ padding: 0px; position: relative; overflow: hidden; } +.fullwidth-map .map-holder{ width: 100%; height: 400px; overflow: hidden; } +.fullwidth-map.screen:before{ content: ''; position: absolute; width: 100%; height: 100%; z-index: 2; } + + +/*! +// Sponsors +// --------------------------------------------------*/ + +.sponsors{ background: @color-muted; } +.sponsor{ margin-bottom: @standard-space/2; height: 80px; line-height: 80px; } +.sponsor img{ max-width: 150px; .transition-300; max-height: 80px; } + +.sponsors span{ display: inline-block; margin-top: 24px; } +.sponsors span a{ color: @color-primary; border-color: @color-primary; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .sponsors .col-sm-6{ width: 50%; float: left; } +} + + + +/*! +// 16. Forms +// --------------------------------------------------*/ + +form.register{ overflow: hidden; padding-top: 24px; display: block; } +form.register div{ padding: 0px; } +input[type="text"], form.register .select-holder{ margin-bottom: 32px; padding: 12px; border: none; background: rgba(255,255,255,0.1); border-radius: 25px; font-size: 14px; max-width: 90%; color: #fff; padding-left: 24px; .transition-300; } +input[type="text"]:focus, form.register .select-holder:focus,input[type="text"]:hover, form.register .select-holder:hover{ outline: none; background: rgba(255,255,255,0.2); } + +form.register select{ width: 90%; margin: 0px; background: none; border: none; cursor: pointer; } +form.register select:focus{ outline: none; } + +form.register input[type="submit"]{ padding-bottom: 12px; width: 90%; margin-bottom: 12px; } + +input[type="submit"]{ font-weight: normal; } + +.email-subscribe{ overflow: hidden; } +.email-subscribe input{ margin: 0px auto; min-width: 100%; max-width: 100%; } +.email-subscribe input[type="text"]{ background: rgba(255,255,255,0.3); } +.email-subscribe input[type="text"]:hover, .email-subscribe input[type="text"]:focus{ background: rgba(255,255,255,0.4); } +.email-subscribe ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe input[type="submit"]{ min-height: 48px; } + +.subscribe-2 .email-subscribe input[type="text"]{ background: rgba(0,0,0,0.2); } +.subscribe-2 i{ color: @color-primary; font-size: 70px; display: inline-block; margin-right: 24px; margin-bottom: 18px; } +.subscribe-2 i:last-of-type{ margin-right: 0px; } + +input.error{ color: #ff4532; } + +.mail-list-form{ width: 0px; height: 0px; opacity: 0; overflow: hidden; } + +.form-success, .form-error{ display: none; width: 100%; padding: 6px 18px 8px 18px !important; margin-top: 12px; color: #fff; background-color: #55c950; border-radius: 20px; } +.form-error{ background-color: #D74B4B; } +form .field-error{ background: #D74B4B !important; } + +@media all and(max-width: 768px){ + +} + +@media all and(max-width: 767px){ + form.register input, form.register .select-holder{ width: 100% !important; max-width: 100%; } + .subscribe-1 .email-subscribe input[type="text"]{ margin-bottom: 24px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + form.register .col-sm-6{ width: 50%; float: left; } + form.register input, form.register .select-holder{ max-width: 95% !important; } + form.register input[type="submit"]{ max-width: 100% !important; } +} + +/*! +// Utility Pages +// --------------------------------------------------*/ + +.error-page{ background: @color-primary; padding: 0px; } +.error-page h1{ font-size: 84px; line-height: 96px; margin-bottom: 0px; margin-bottom: 12px; } +.error-page p{ font-size: 24px; line-height: 32px; } +.error-page i{ color: #fff; font-size: 84px; display: inline-block; margin-right: 24px; } +.error-page i:last-of-type{ margin-right: 0px; } +.error-page .btn{ margin-right: 24px; margin-top: 12px; } + +@media all and(max-width: 767px){ + .error-page i{ display: none; } +} + +/*! +// 17. Footers +// --------------------------------------------------*/ + + +.footer .top-border{ height: 2px; width: 100%; background: rgba(255,255,255,0.3); margin-bottom: 32px; } +.footer .menu{ overflow: visible; } +.footer .menu li{ top: 0px; } +.footer .menu li a{ padding-bottom: 0px; } +.footer .menu li .btn{ min-width: 0px; padding: 10px 18px; font-size: 14px; } +.footer .menu li a{ diplay: inline-block; position: relative; border: none; } +.footer .menu li a:hover{ border: none; } +.footer .back-to-top{ padding-right: 42px; } +.footer .menu li a i{ font-size: 36px; position: absolute; right: 0px; top: -12px; } + +@media all and(max-width: 767px){ + .footer .text-right{ text-align: left !important; } + .footer .menu{ margin-top: 24px; } + .footer .menu li{ float: none; margin-bottom: 12px; } +} + +footer.classic{ padding: @standard-space 0px @standard-space/2 0px; background: @color-muted; } +footer.classic .menu li{ float: none; margin-bottom: 12px; } +footer.classic .menu li a{ color: @color-heading; padding-bottom: 0px; font-weight: 600; } +footer.classic span.lead{ display: inline-block; margin-bottom: 12px; } + +footer.short{ background: @color-heading; color: #fff; padding: @standard-space 0px; } +footer.short .top-border{ height: 1px !important; } + +@media all and(max-width: 767px){ + footer.classic div{ margin-bottom: 18px; } +} + +.contact-methods li{ margin-bottom: 12px; } +.contact-methods li:last-child{ margin-bottom: 0px; } +.contact-methods i{ font-size: 36px; color: @color-heading; } +.contact-methods span{ display: inline-block; position: relative; bottom: 10px; left:8px; font-size: 16px; } + +footer.classic .social-profiles{ margin-top: 36px; } + +.social-profiles{ display: inline-block; overflow: hidden; } +.social-profiles li{ float: left; margin-right: 36px; } +.social-profiles li:last-child{ margin-right: 0px; } +.social-profiles li a{ color: @color-heading; font-size: 20px; } + diff --git a/static/new/css/less/dropdowns.less b/static/new/css/less/dropdowns.less new file mode 100644 index 00000000..f165165e --- /dev/null +++ b/static/new/css/less/dropdowns.less @@ -0,0 +1,213 @@ +// +// Dropdown menus +// -------------------------------------------------- + + +// Dropdown arrow/caret +.caret { + display: inline-block; + width: 0; + height: 0; + margin-left: 2px; + vertical-align: middle; + border-top: @caret-width-base solid; + border-right: @caret-width-base solid transparent; + border-left: @caret-width-base solid transparent; +} + +// The dropdown wrapper (div) +.dropdown { + position: relative; +} + +// Prevent the focus on the dropdown toggle when closing dropdowns +.dropdown-toggle:focus { + outline: 0; +} + +// The dropdown menu (ul) +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: @zindex-dropdown; + display: none; // none by default, but block on "open" of the menu + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; // override default ul + list-style: none; + font-size: @font-size-base; + background-color: @dropdown-bg; + border: 1px solid @dropdown-fallback-border; // IE8 fallback + border: 1px solid @dropdown-border; + border-radius: @border-radius-base; + .box-shadow(0 6px 12px rgba(0,0,0,.175)); + background-clip: padding-box; + + // Aligns the dropdown menu to right + // + // Deprecated as of 3.1.0 in favor of `.dropdown-menu-[dir]` + &.pull-right { + right: 0; + left: auto; + } + + // Dividers (basically an hr) within the dropdown + .divider { + .nav-divider(@dropdown-divider-bg); + } + + // Links within the dropdown menu + > li > a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: @line-height-base; + color: @dropdown-link-color; + white-space: nowrap; // prevent links from randomly breaking onto new lines + } +} + +// Hover/Focus state +.dropdown-menu > li > a { + &:hover, + &:focus { + text-decoration: none; + color: @dropdown-link-hover-color; + background-color: @dropdown-link-hover-bg; + } +} + +// Active state +.dropdown-menu > .active > a { + &, + &:hover, + &:focus { + color: @dropdown-link-active-color; + text-decoration: none; + outline: 0; + background-color: @dropdown-link-active-bg; + } +} + +// Disabled state +// +// Gray out text and ensure the hover/focus state remains gray + +.dropdown-menu > .disabled > a { + &, + &:hover, + &:focus { + color: @dropdown-link-disabled-color; + } +} +// Nuke hover/focus effects +.dropdown-menu > .disabled > a { + &:hover, + &:focus { + text-decoration: none; + background-color: transparent; + background-image: none; // Remove CSS gradient + .reset-filter(); + cursor: not-allowed; + } +} + +// Open state for the dropdown +.open { + // Show the menu + > .dropdown-menu { + display: block; + } + + // Remove the outline when :focus is triggered + > a { + outline: 0; + } +} + +// Menu positioning +// +// Add extra class to `.dropdown-menu` to flip the alignment of the dropdown +// menu with the parent. +.dropdown-menu-right { + left: auto; // Reset the default from `.dropdown-menu` + right: 0; +} +// With v3, we enabled auto-flipping if you have a dropdown within a right +// aligned nav component. To enable the undoing of that, we provide an override +// to restore the default dropdown menu alignment. +// +// This is only for left-aligning a dropdown menu within a `.navbar-right` or +// `.pull-right` nav component. +.dropdown-menu-left { + left: 0; + right: auto; +} + +// Dropdown section headers +.dropdown-header { + display: block; + padding: 3px 20px; + font-size: @font-size-small; + line-height: @line-height-base; + color: @dropdown-header-color; +} + +// Backdrop to catch body clicks on mobile, etc. +.dropdown-backdrop { + position: fixed; + left: 0; + right: 0; + bottom: 0; + top: 0; + z-index: (@zindex-dropdown - 10); +} + +// Right aligned dropdowns +.pull-right > .dropdown-menu { + right: 0; + left: auto; +} + +// Allow for dropdowns to go bottom up (aka, dropup-menu) +// +// Just add .dropup after the standard .dropdown class and you're set, bro. +// TODO: abstract this so that the navbar fixed styles are not placed here? + +.dropup, +.navbar-fixed-bottom .dropdown { + // Reverse the caret + .caret { + border-top: 0; + border-bottom: @caret-width-base solid; + content: ""; + } + // Different positioning for bottom up menu + .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 1px; + } +} + + +// Component alignment +// +// Reiterate per navbar.less and the modified component alignment there. + +@media (min-width: @grid-float-breakpoint) { + .navbar-right { + .dropdown-menu { + .dropdown-menu-right(); + } + // Necessary for overrides of the default right aligned menu. + // Will remove come v4 in all likelihood. + .dropdown-menu-left { + .dropdown-menu-left(); + } + } +} + diff --git a/static/new/css/less/forms.less b/static/new/css/less/forms.less new file mode 100644 index 00000000..f607b850 --- /dev/null +++ b/static/new/css/less/forms.less @@ -0,0 +1,438 @@ +// +// Forms +// -------------------------------------------------- + + +// Normalize non-controls +// +// Restyle and baseline non-control form elements. + +fieldset { + padding: 0; + margin: 0; + border: 0; + // Chrome and Firefox set a `min-width: -webkit-min-content;` on fieldsets, + // so we reset that to ensure it behaves more like a standard block element. + // See https://github.com/twbs/bootstrap/issues/12359. + min-width: 0; +} + +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: @line-height-computed; + font-size: (@font-size-base * 1.5); + line-height: inherit; + color: @legend-color; + border: 0; + border-bottom: 1px solid @legend-border-color; +} + +label { + display: inline-block; + margin-bottom: 5px; + font-weight: bold; +} + + +// Normalize form controls +// +// While most of our form styles require extra classes, some basic normalization +// is required to ensure optimum display with or without those classes to better +// address browser inconsistencies. + +// Override content-box in Normalize (* isn't specific enough) +input[type="search"] { + .box-sizing(border-box); +} + +// Position radios and checkboxes better +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; /* IE8-9 */ + line-height: normal; +} + +// Set the height of file controls to match text inputs +input[type="file"] { + display: block; +} + +// Make range inputs behave like textual form controls +input[type="range"] { + display: block; + width: 100%; +} + +// Make multiple select elements height not fixed +select[multiple], +select[size] { + height: auto; +} + +// Focus for file, radio, and checkbox +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + .tab-focus(); +} + +// Adjust output element +output { + display: block; + padding-top: (@padding-base-vertical + 1); + font-size: @font-size-base; + line-height: @line-height-base; + color: @input-color; +} + + +// Common form controls +// +// Shared size and type resets for form controls. Apply `.form-control` to any +// of the following form controls: +// +// select +// textarea +// input[type="text"] +// input[type="password"] +// input[type="datetime"] +// input[type="datetime-local"] +// input[type="date"] +// input[type="month"] +// input[type="time"] +// input[type="week"] +// input[type="number"] +// input[type="email"] +// input[type="url"] +// input[type="search"] +// input[type="tel"] +// input[type="color"] + +.form-control { + display: block; + width: 100%; + height: @input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border) + padding: @padding-base-vertical @padding-base-horizontal; + font-size: @font-size-base; + line-height: @line-height-base; + color: @input-color; + background-color: @input-bg; + background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 + border: 1px solid @input-border; + border-radius: @input-border-radius; + .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); + .transition(~"border-color ease-in-out .15s, box-shadow ease-in-out .15s"); + + // Customize the `:focus` state to imitate native WebKit styles. + .form-control-focus(); + + // Placeholder + .placeholder(); + + // Disabled and read-only inputs + // + // HTML5 says that controls under a fieldset > legend:first-child won't be + // disabled if the fieldset is disabled. Due to implementation difficulty, we + // don't honor that edge case; we style them as disabled anyway. + &[disabled], + &[readonly], + fieldset[disabled] & { + cursor: not-allowed; + background-color: @input-bg-disabled; + opacity: 1; // iOS fix for unreadable disabled content + } + + // Reset height for `textarea`s + textarea& { + height: auto; + } +} + + +// Search inputs in iOS +// +// This overrides the extra rounded corners on search inputs in iOS so that our +// `.form-control` class can properly style them. Note that this cannot simply +// be added to `.form-control` as it's not specific enough. For details, see +// https://github.com/twbs/bootstrap/issues/11586. + +input[type="search"] { + -webkit-appearance: none; +} + + +// Special styles for iOS date input +// +// In Mobile Safari, date inputs require a pixel line-height that matches the +// given height of the input. + +input[type="date"] { + line-height: @input-height-base; +} + + +// Form groups +// +// Designed to help with the organization and spacing of vertical forms. For +// horizontal forms, use the predefined grid classes. + +.form-group { + margin-bottom: 15px; +} + + +// Checkboxes and radios +// +// Indent the labels to position radios/checkboxes as hanging controls. + +.radio, +.checkbox { + display: block; + min-height: @line-height-computed; // clear the floating input if there is no label text + margin-top: 10px; + margin-bottom: 10px; + padding-left: 20px; + label { + display: inline; + font-weight: normal; + cursor: pointer; + } +} +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + float: left; + margin-left: -20px; +} +.radio + .radio, +.checkbox + .checkbox { + margin-top: -5px; // Move up sibling radios or checkboxes for tighter spacing +} + +// Radios and checkboxes on same line +.radio-inline, +.checkbox-inline { + display: inline-block; + padding-left: 20px; + margin-bottom: 0; + vertical-align: middle; + font-weight: normal; + cursor: pointer; +} +.radio-inline + .radio-inline, +.checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: 10px; // space out consecutive inline controls +} + +// Apply same disabled cursor tweak as for inputs +// +// Note: Neither radios nor checkboxes can be readonly. +input[type="radio"], +input[type="checkbox"], +.radio, +.radio-inline, +.checkbox, +.checkbox-inline { + &[disabled], + fieldset[disabled] & { + cursor: not-allowed; + } +} + + +// Form control sizing +// +// Build on `.form-control` with modifier classes to decrease or increase the +// height and font-size of form controls. + +.input-sm { + .input-size(@input-height-small; @padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small); +} + +.input-lg { + .input-size(@input-height-large; @padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large); +} + + +// Form control feedback states +// +// Apply contextual and semantic states to individual form controls. + +.has-feedback { + // Enable absolute positioning + position: relative; + + // Ensure icons don't overlap text + .form-control { + padding-right: (@input-height-base * 1.25); + } + + // Feedback icon (requires .glyphicon classes) + .form-control-feedback { + position: absolute; + top: (@line-height-computed + 5); // Height of the `label` and its margin + right: 0; + display: block; + width: @input-height-base; + height: @input-height-base; + line-height: @input-height-base; + text-align: center; + } +} + +// Feedback states +.has-success { + .form-control-validation(@state-success-text; @state-success-text; @state-success-bg); +} +.has-warning { + .form-control-validation(@state-warning-text; @state-warning-text; @state-warning-bg); +} +.has-error { + .form-control-validation(@state-danger-text; @state-danger-text; @state-danger-bg); +} + + +// Static form control text +// +// Apply class to a `p` element to make any string of text align with labels in +// a horizontal form layout. + +.form-control-static { + margin-bottom: 0; // Remove default margin from `p` +} + + +// Help text +// +// Apply to any element you wish to create light text for placement immediately +// below a form control. Use for general help, formatting, or instructional text. + +.help-block { + display: block; // account for any element using help-block + margin-top: 5px; + margin-bottom: 10px; + color: lighten(@text-color, 25%); // lighten the text some for contrast +} + + + +// Inline forms +// +// Make forms appear inline(-block) by adding the `.form-inline` class. Inline +// forms begin stacked on extra small (mobile) devices and then go inline when +// viewports reach <768px. +// +// Requires wrapping inputs and labels with `.form-group` for proper display of +// default HTML form controls and our custom form controls (e.g., input groups). +// +// Heads up! This is mixin-ed into `.navbar-form` in navbars.less. + +.form-inline { + + // Kick in the inline + @media (min-width: @screen-sm-min) { + // Inline-block all the things for "inline" + .form-group { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; + } + + // In navbar-form, allow folks to *not* use `.form-group` + .form-control { + display: inline-block; + width: auto; // Prevent labels from stacking above inputs in `.form-group` + vertical-align: middle; + } + // Input groups need that 100% width though + .input-group > .form-control { + width: 100%; + } + + .control-label { + margin-bottom: 0; + vertical-align: middle; + } + + // Remove default margin on radios/checkboxes that were used for stacking, and + // then undo the floating of radios and checkboxes to match (which also avoids + // a bug in WebKit: https://github.com/twbs/bootstrap/issues/1969). + .radio, + .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + padding-left: 0; + vertical-align: middle; + } + .radio input[type="radio"], + .checkbox input[type="checkbox"] { + float: none; + margin-left: 0; + } + + // Validation states + // + // Reposition the icon because it's now within a grid column and columns have + // `position: relative;` on them. Also accounts for the grid gutter padding. + .has-feedback .form-control-feedback { + top: 0; + } + } +} + + +// Horizontal forms +// +// Horizontal forms are built on grid classes and allow you to create forms with +// labels on the left and inputs on the right. + +.form-horizontal { + + // Consistent vertical alignment of labels, radios, and checkboxes + .control-label, + .radio, + .checkbox, + .radio-inline, + .checkbox-inline { + margin-top: 0; + margin-bottom: 0; + padding-top: (@padding-base-vertical + 1); // Default padding plus a border + } + // Account for padding we're adding to ensure the alignment and of help text + // and other content below items + .radio, + .checkbox { + min-height: (@line-height-computed + (@padding-base-vertical + 1)); + } + + // Make form groups behave like rows + .form-group { + .make-row(); + } + + .form-control-static { + padding-top: (@padding-base-vertical + 1); + } + + // Only right align form labels here when the columns stop stacking + @media (min-width: @screen-sm-min) { + .control-label { + text-align: right; + } + } + + // Validation states + // + // Reposition the icon because it's now within a grid column and columns have + // `position: relative;` on them. Also accounts for the grid gutter padding. + .has-feedback .form-control-feedback { + top: 0; + right: (@grid-gutter-width / 2); + } +} diff --git a/static/new/css/less/glyphicons.less b/static/new/css/less/glyphicons.less new file mode 100644 index 00000000..789c5e7f --- /dev/null +++ b/static/new/css/less/glyphicons.less @@ -0,0 +1,233 @@ +// +// Glyphicons for Bootstrap +// +// Since icons are fonts, they can be placed anywhere text is placed and are +// thus automatically sized to match the surrounding child. To use, create an +// inline element with the appropriate classes, like so: +// +// Star + +// Import the fonts +@font-face { + font-family: 'Glyphicons Halflings'; + src: ~"url('@{icon-font-path}@{icon-font-name}.eot')"; + src: ~"url('@{icon-font-path}@{icon-font-name}.eot?#iefix') format('embedded-opentype')", + ~"url('@{icon-font-path}@{icon-font-name}.woff') format('woff')", + ~"url('@{icon-font-path}@{icon-font-name}.ttf') format('truetype')", + ~"url('@{icon-font-path}@{icon-font-name}.svg#@{icon-font-svg-id}') format('svg')"; +} + +// Catchall baseclass +.glyphicon { + position: relative; + top: 1px; + display: inline-block; + font-family: 'Glyphicons Halflings'; + font-style: normal; + font-weight: normal; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +// Individual icons +.glyphicon-asterisk { &:before { content: "\2a"; } } +.glyphicon-plus { &:before { content: "\2b"; } } +.glyphicon-euro { &:before { content: "\20ac"; } } +.glyphicon-minus { &:before { content: "\2212"; } } +.glyphicon-cloud { &:before { content: "\2601"; } } +.glyphicon-envelope { &:before { content: "\2709"; } } +.glyphicon-pencil { &:before { content: "\270f"; } } +.glyphicon-glass { &:before { content: "\e001"; } } +.glyphicon-music { &:before { content: "\e002"; } } +.glyphicon-search { &:before { content: "\e003"; } } +.glyphicon-heart { &:before { content: "\e005"; } } +.glyphicon-star { &:before { content: "\e006"; } } +.glyphicon-star-empty { &:before { content: "\e007"; } } +.glyphicon-user { &:before { content: "\e008"; } } +.glyphicon-film { &:before { content: "\e009"; } } +.glyphicon-th-large { &:before { content: "\e010"; } } +.glyphicon-th { &:before { content: "\e011"; } } +.glyphicon-th-list { &:before { content: "\e012"; } } +.glyphicon-ok { &:before { content: "\e013"; } } +.glyphicon-remove { &:before { content: "\e014"; } } +.glyphicon-zoom-in { &:before { content: "\e015"; } } +.glyphicon-zoom-out { &:before { content: "\e016"; } } +.glyphicon-off { &:before { content: "\e017"; } } +.glyphicon-signal { &:before { content: "\e018"; } } +.glyphicon-cog { &:before { content: "\e019"; } } +.glyphicon-trash { &:before { content: "\e020"; } } +.glyphicon-home { &:before { content: "\e021"; } } +.glyphicon-file { &:before { content: "\e022"; } } +.glyphicon-time { &:before { content: "\e023"; } } +.glyphicon-road { &:before { content: "\e024"; } } +.glyphicon-download-alt { &:before { content: "\e025"; } } +.glyphicon-download { &:before { content: "\e026"; } } +.glyphicon-upload { &:before { content: "\e027"; } } +.glyphicon-inbox { &:before { content: "\e028"; } } +.glyphicon-play-circle { &:before { content: "\e029"; } } +.glyphicon-repeat { &:before { content: "\e030"; } } +.glyphicon-refresh { &:before { content: "\e031"; } } +.glyphicon-list-alt { &:before { content: "\e032"; } } +.glyphicon-lock { &:before { content: "\e033"; } } +.glyphicon-flag { &:before { content: "\e034"; } } +.glyphicon-headphones { &:before { content: "\e035"; } } +.glyphicon-volume-off { &:before { content: "\e036"; } } +.glyphicon-volume-down { &:before { content: "\e037"; } } +.glyphicon-volume-up { &:before { content: "\e038"; } } +.glyphicon-qrcode { &:before { content: "\e039"; } } +.glyphicon-barcode { &:before { content: "\e040"; } } +.glyphicon-tag { &:before { content: "\e041"; } } +.glyphicon-tags { &:before { content: "\e042"; } } +.glyphicon-book { &:before { content: "\e043"; } } +.glyphicon-bookmark { &:before { content: "\e044"; } } +.glyphicon-print { &:before { content: "\e045"; } } +.glyphicon-camera { &:before { content: "\e046"; } } +.glyphicon-font { &:before { content: "\e047"; } } +.glyphicon-bold { &:before { content: "\e048"; } } +.glyphicon-italic { &:before { content: "\e049"; } } +.glyphicon-text-height { &:before { content: "\e050"; } } +.glyphicon-text-width { &:before { content: "\e051"; } } +.glyphicon-align-left { &:before { content: "\e052"; } } +.glyphicon-align-center { &:before { content: "\e053"; } } +.glyphicon-align-right { &:before { content: "\e054"; } } +.glyphicon-align-justify { &:before { content: "\e055"; } } +.glyphicon-list { &:before { content: "\e056"; } } +.glyphicon-indent-left { &:before { content: "\e057"; } } +.glyphicon-indent-right { &:before { content: "\e058"; } } +.glyphicon-facetime-video { &:before { content: "\e059"; } } +.glyphicon-picture { &:before { content: "\e060"; } } +.glyphicon-map-marker { &:before { content: "\e062"; } } +.glyphicon-adjust { &:before { content: "\e063"; } } +.glyphicon-tint { &:before { content: "\e064"; } } +.glyphicon-edit { &:before { content: "\e065"; } } +.glyphicon-share { &:before { content: "\e066"; } } +.glyphicon-check { &:before { content: "\e067"; } } +.glyphicon-move { &:before { content: "\e068"; } } +.glyphicon-step-backward { &:before { content: "\e069"; } } +.glyphicon-fast-backward { &:before { content: "\e070"; } } +.glyphicon-backward { &:before { content: "\e071"; } } +.glyphicon-play { &:before { content: "\e072"; } } +.glyphicon-pause { &:before { content: "\e073"; } } +.glyphicon-stop { &:before { content: "\e074"; } } +.glyphicon-forward { &:before { content: "\e075"; } } +.glyphicon-fast-forward { &:before { content: "\e076"; } } +.glyphicon-step-forward { &:before { content: "\e077"; } } +.glyphicon-eject { &:before { content: "\e078"; } } +.glyphicon-chevron-left { &:before { content: "\e079"; } } +.glyphicon-chevron-right { &:before { content: "\e080"; } } +.glyphicon-plus-sign { &:before { content: "\e081"; } } +.glyphicon-minus-sign { &:before { content: "\e082"; } } +.glyphicon-remove-sign { &:before { content: "\e083"; } } +.glyphicon-ok-sign { &:before { content: "\e084"; } } +.glyphicon-question-sign { &:before { content: "\e085"; } } +.glyphicon-info-sign { &:before { content: "\e086"; } } +.glyphicon-screenshot { &:before { content: "\e087"; } } +.glyphicon-remove-circle { &:before { content: "\e088"; } } +.glyphicon-ok-circle { &:before { content: "\e089"; } } +.glyphicon-ban-circle { &:before { content: "\e090"; } } +.glyphicon-arrow-left { &:before { content: "\e091"; } } +.glyphicon-arrow-right { &:before { content: "\e092"; } } +.glyphicon-arrow-up { &:before { content: "\e093"; } } +.glyphicon-arrow-down { &:before { content: "\e094"; } } +.glyphicon-share-alt { &:before { content: "\e095"; } } +.glyphicon-resize-full { &:before { content: "\e096"; } } +.glyphicon-resize-small { &:before { content: "\e097"; } } +.glyphicon-exclamation-sign { &:before { content: "\e101"; } } +.glyphicon-gift { &:before { content: "\e102"; } } +.glyphicon-leaf { &:before { content: "\e103"; } } +.glyphicon-fire { &:before { content: "\e104"; } } +.glyphicon-eye-open { &:before { content: "\e105"; } } +.glyphicon-eye-close { &:before { content: "\e106"; } } +.glyphicon-warning-sign { &:before { content: "\e107"; } } +.glyphicon-plane { &:before { content: "\e108"; } } +.glyphicon-calendar { &:before { content: "\e109"; } } +.glyphicon-random { &:before { content: "\e110"; } } +.glyphicon-comment { &:before { content: "\e111"; } } +.glyphicon-magnet { &:before { content: "\e112"; } } +.glyphicon-chevron-up { &:before { content: "\e113"; } } +.glyphicon-chevron-down { &:before { content: "\e114"; } } +.glyphicon-retweet { &:before { content: "\e115"; } } +.glyphicon-shopping-cart { &:before { content: "\e116"; } } +.glyphicon-folder-close { &:before { content: "\e117"; } } +.glyphicon-folder-open { &:before { content: "\e118"; } } +.glyphicon-resize-vertical { &:before { content: "\e119"; } } +.glyphicon-resize-horizontal { &:before { content: "\e120"; } } +.glyphicon-hdd { &:before { content: "\e121"; } } +.glyphicon-bullhorn { &:before { content: "\e122"; } } +.glyphicon-bell { &:before { content: "\e123"; } } +.glyphicon-certificate { &:before { content: "\e124"; } } +.glyphicon-thumbs-up { &:before { content: "\e125"; } } +.glyphicon-thumbs-down { &:before { content: "\e126"; } } +.glyphicon-hand-right { &:before { content: "\e127"; } } +.glyphicon-hand-left { &:before { content: "\e128"; } } +.glyphicon-hand-up { &:before { content: "\e129"; } } +.glyphicon-hand-down { &:before { content: "\e130"; } } +.glyphicon-circle-arrow-right { &:before { content: "\e131"; } } +.glyphicon-circle-arrow-left { &:before { content: "\e132"; } } +.glyphicon-circle-arrow-up { &:before { content: "\e133"; } } +.glyphicon-circle-arrow-down { &:before { content: "\e134"; } } +.glyphicon-globe { &:before { content: "\e135"; } } +.glyphicon-wrench { &:before { content: "\e136"; } } +.glyphicon-tasks { &:before { content: "\e137"; } } +.glyphicon-filter { &:before { content: "\e138"; } } +.glyphicon-briefcase { &:before { content: "\e139"; } } +.glyphicon-fullscreen { &:before { content: "\e140"; } } +.glyphicon-dashboard { &:before { content: "\e141"; } } +.glyphicon-paperclip { &:before { content: "\e142"; } } +.glyphicon-heart-empty { &:before { content: "\e143"; } } +.glyphicon-link { &:before { content: "\e144"; } } +.glyphicon-phone { &:before { content: "\e145"; } } +.glyphicon-pushpin { &:before { content: "\e146"; } } +.glyphicon-usd { &:before { content: "\e148"; } } +.glyphicon-gbp { &:before { content: "\e149"; } } +.glyphicon-sort { &:before { content: "\e150"; } } +.glyphicon-sort-by-alphabet { &:before { content: "\e151"; } } +.glyphicon-sort-by-alphabet-alt { &:before { content: "\e152"; } } +.glyphicon-sort-by-order { &:before { content: "\e153"; } } +.glyphicon-sort-by-order-alt { &:before { content: "\e154"; } } +.glyphicon-sort-by-attributes { &:before { content: "\e155"; } } +.glyphicon-sort-by-attributes-alt { &:before { content: "\e156"; } } +.glyphicon-unchecked { &:before { content: "\e157"; } } +.glyphicon-expand { &:before { content: "\e158"; } } +.glyphicon-collapse-down { &:before { content: "\e159"; } } +.glyphicon-collapse-up { &:before { content: "\e160"; } } +.glyphicon-log-in { &:before { content: "\e161"; } } +.glyphicon-flash { &:before { content: "\e162"; } } +.glyphicon-log-out { &:before { content: "\e163"; } } +.glyphicon-new-window { &:before { content: "\e164"; } } +.glyphicon-record { &:before { content: "\e165"; } } +.glyphicon-save { &:before { content: "\e166"; } } +.glyphicon-open { &:before { content: "\e167"; } } +.glyphicon-saved { &:before { content: "\e168"; } } +.glyphicon-import { &:before { content: "\e169"; } } +.glyphicon-export { &:before { content: "\e170"; } } +.glyphicon-send { &:before { content: "\e171"; } } +.glyphicon-floppy-disk { &:before { content: "\e172"; } } +.glyphicon-floppy-saved { &:before { content: "\e173"; } } +.glyphicon-floppy-remove { &:before { content: "\e174"; } } +.glyphicon-floppy-save { &:before { content: "\e175"; } } +.glyphicon-floppy-open { &:before { content: "\e176"; } } +.glyphicon-credit-card { &:before { content: "\e177"; } } +.glyphicon-transfer { &:before { content: "\e178"; } } +.glyphicon-cutlery { &:before { content: "\e179"; } } +.glyphicon-header { &:before { content: "\e180"; } } +.glyphicon-compressed { &:before { content: "\e181"; } } +.glyphicon-earphone { &:before { content: "\e182"; } } +.glyphicon-phone-alt { &:before { content: "\e183"; } } +.glyphicon-tower { &:before { content: "\e184"; } } +.glyphicon-stats { &:before { content: "\e185"; } } +.glyphicon-sd-video { &:before { content: "\e186"; } } +.glyphicon-hd-video { &:before { content: "\e187"; } } +.glyphicon-subtitles { &:before { content: "\e188"; } } +.glyphicon-sound-stereo { &:before { content: "\e189"; } } +.glyphicon-sound-dolby { &:before { content: "\e190"; } } +.glyphicon-sound-5-1 { &:before { content: "\e191"; } } +.glyphicon-sound-6-1 { &:before { content: "\e192"; } } +.glyphicon-sound-7-1 { &:before { content: "\e193"; } } +.glyphicon-copyright-mark { &:before { content: "\e194"; } } +.glyphicon-registration-mark { &:before { content: "\e195"; } } +.glyphicon-cloud-download { &:before { content: "\e197"; } } +.glyphicon-cloud-upload { &:before { content: "\e198"; } } +.glyphicon-tree-conifer { &:before { content: "\e199"; } } +.glyphicon-tree-deciduous { &:before { content: "\e200"; } } diff --git a/static/new/css/less/grass.less b/static/new/css/less/grass.less new file mode 100644 index 00000000..0a2c1b2b --- /dev/null +++ b/static/new/css/less/grass.less @@ -0,0 +1,901 @@ +/*! +// Contents +// ------------------------------------------------ + + 1. Mixins + 2. Helper classes & resets + 3. Loader + 4. Colours + 5. Typography + 6. Spacing + 7. Buttons + 8. Navigation + 9. Slider, Dividers + 10. Speakers & Topics + 11. Schedule + 12. Galleries + 13. Pricing & FAQ + 14. Subscribe + 15. Contact + 16. Forms + 17. Footers + +// --------------------------------------------------*/ + +@import "variables.less"; +@import "mixins.less"; + +/*! +// 1. Useful Mixins +// --------------------------------------------------*/ + +.vertical-align { + position: relative; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.vertical-align-cancel{ + top: 0px; + -webkit-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); +} + +.preserve-3d { + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + transform-style: preserve-3d; +} + +.transition-100{ + transition: all .1s ease-out; + -webkit-transition: all .1s ease-out; + -moz-transition: all .1s ease-out; +} + +.transition-300{ + transition: all .3s ease-out; + -webkit-transition: all .3s ease-out; + -moz-transition: all .3s ease-out; +} + +.transition-700{ + transition: all .7s ease-out; + -webkit-transition: all .7s ease-out; + -moz-transition: all .7s ease-out; +} + +.translate3d(@x,@y,@z){ + transform: translate3d(@x,@y,@z); + -webkit-transform: translate3d(@x,@y,@z); + -moz-transform: translate3d(@x,@y,@z); +} + +.scale2d(@x,@y){ + transform: scale(@x,@y); + -webkit-transform: scale(@x,@y); + -moz-transform: scale(@x,@y); +} + +.overlay-params(@strength, @bg-color){ + background-color: @bg-color; + opacity: @strength; + position: absolute; + content: ''; + width: 100%; + height: 100%; + z-index: 1; + top: 0px; +} + +.overlay:before{ .overlay-params(@strength: 0.5, @bg-color: @color-heading); } +.overlay .container{ position: relative; z-index: 2; } + +/*! +// 2. Helper Classes & Resets +// --------------------------------------------------*/ + +.go-right{ right: 0px; } +.go-left{ left: 0px; } + +img{ max-width: 100%; } + +.main-container{ .transition-300; } + +/*! +// 3. Loader +// --------------------------------------------------*/ + +.loader{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; background: #fff; .preserve-3d; .transition-300; opacity: 1; } +.strip-holder{ .vertical-align; left: 50%; margin-left: -50px; position: relative; } +.strip-1, .strip-2, .strip-3{ width: 20px; height: 20px; background: @color-primary; position: relative; -webkit-animation: stripMove 2s ease infinite alternate; animation: stripMove 2s ease infinite alternate; -moz-animation: stripMove 2s ease infinite alternate; } +.strip-2{ -webkit-animation-duration: 2.1s; animation-duration: 2.1s; background-color: lighten(@color-primary, 20%); } +.strip-3{ -webkit-animation-duration: 2.2s; animation-duration: 2.2s; background-color: lighten(@color-primary, 40%); } + + +@-webkit-keyframes stripMove{ + 0% { .translate3d(@x: 0px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } +} + +@-moz-keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +@keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +.main-container{ .transition-300; opacity: 0; } +nav{ .transition-300; opacity: 0; } +.show-content{ opacity: 1 !important; } +.hide-loader{ opacity: 0 !important; } + + +/*! +// 4. Colours +// --------------------------------------------------*/ + +@color-primary: #47B40C; +@color-heading: #333; +@color-body: #777; +@color-muted: #f5f5f5 !important; + +.background-dark{ background-color: @color-heading !important; } +.color-heading{ color: @color-heading; } + +/*! +// 5. Typography +// --------------------------------------------------*/ + +@custom-heading-font: 'Open Sans'; +@custom-body-font: 'Open Sans'; + +.text-white{ color: #fff; } + +body{ font-family: @custom-body-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: @color-body; font-size: 14px; line-height: 24px; background: #fff; } +h1,h2,h3,h4,h5,h6{ font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; margin: 0px; color: @color-heading; } + +h1{ font-size: 30px; line-height: 36px; margin-bottom: 42px; } +h3{ font-size: 20px; line-height: 28px; } + +.large-h1{ font-size: 42px; line-height: 48px; font-weight: 300; } + +p{ font-size: 14px; line-height: 24px; } +p:last-child{ margin-bottom: 0px; } +p.lead{ font-size: 16px; line-height: 30px; font-weight: 400; } +span.lead{ font-weight: 400; } +.uppercase{ text-transform: uppercase; letter-spacing: 1px; display: inline-block; margin-right: -1px; } + +strong{ font-weight: 600; } + +ul{ list-style: none; margin: 0px; padding: 0px; } + +@media all and(max-width: 767px){ + h1{ font-size: 24px; line-height: 28px; margin-bottom: 36px; } + h2{ font-size: 20px; line-height: 26px; } + + .large-h1{ font-size: 24px; line-height: 28px; } + + p{ font-size: 13px; line-height: 22px; } + p.lead{ font-size: 15px; line-height: 26px; } +} + + +/*! +// Spacing Standards +// --------------------------------------------------*/ + +@standard-space: 72px; + +section{ padding: @standard-space 0px; background: #fff; } + +.duplicatable-content{ padding-bottom: @standard-space/2; } + + +/*! +// 6. Buttons +// --------------------------------------------------*/ + +a:hover{ text-decoration: none; } +h1 a, span a,p a,.text-link a{ font-weight: 600; color: #fff; display: inline-block; border-bottom: 4px solid #fff; padding-bottom: 6px; .transition-300; } +span a, p a,.text-link a{ padding-bottom: 4px; border-bottom: 3px solid #fff; } +span a:hover{ color: #fff; } +p a, .text-link a{ color: @color-primary !important; border-color: @color-primary; padding-bottom: 2px; } +p a, .text-link a:hover{ color: @color-heading; } + +.btn{ min-width: 180px; border-radius: 25px; background: @color-primary; text-align: center; padding: 13px 0px 14px 0px; color: #fff; font-size: 15px; .transition-300; font-weight: 600; line-height: 1; } +.btn:hover{ color: #fff; background: darken(@color-primary, 5%); } +.btn-hollow{ background: none; border: 2px solid @color-primary; color: @color-primary; } +.btn-hollow:hover{ background: @color-primary; } + +.btn-white{ background: #fff; color: @color-primary; } +.btn-white:hover{ background: #fff; color: darken(@color-primary,10%); } + +.btn-hollow.btn-white{ background: none; border-color: #fff; color: #fff; } +.btn-hollow.btn-white:hover{ background: #fff; color: @color-primary; } + +.btn-lg{ padding: 20px 0px 21px 0px; text-transform: uppercase; min-width: 230px; border-radius: 35px; } + +/*! +// Backgrounds & Parallax +// --------------------------------------------------*/ + +.background-image-holder{ position: absolute; width: 100%; height: 130%; top: -10%; background-size: cover !important; background-position: 50% 50% !important; } +.image-holder{ position: relative; overflow: hidden; } + +/*! +// 7. Navigation +// --------------------------------------------------*/ + +nav .logo{ max-height: 45px; max-width: 110px; position: absolute; top: -6px; opacity: 1; } +nav .text-right{ position: relative; } +nav .container{ .transition-300; } + +.overlay-nav{ position:fixed; top: 0px; z-index: 10; width: 100%; padding-top: @standard-space/3; line-height: 1; background: none; .transition-300; } +.overlay-nav .logo-dark{ opacity: 0; } +.overlay-nav.sticky-nav .logo-light{ opacity: 0; } +.overlay-nav.sticky-nav .logo-dark{ opacity: 1; } + +.bottom-border{ position: absolute; bottom: 2px; width: 100%; height: 2px; background: rgba(255,255,255,0.3); } +.sidebar-menu .bottom-border{ position: relative; bottom: 0px; background: rgba(255,255,255,0.2); display: block !important; } + +.menu{ display: inline-block; text-align: left; line-height: 1; } +.menu li{ float: left; margin-right: 32px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; position: relative; top: 4px; } +.menu li:last-child{ margin-right: 0px; } +.menu li:nth-las-child(2){ margin-right: 12px; } +.menu li a{ color: #fff; display: inline-block; padding-bottom: @standard-space/3; border-bottom: 2px solid rgba(0,0,0,0); .transition-300; } +.menu li a:hover{ border-bottom: 2px solid #fff; } + +.nav-dropdown{ position: absolute; z-index: -1; max-height: 0px; background: rgba(255,255,255,0.9); min-width: 200px; .transition-300; } +.nav-dropdown li:first-child{ margin-top: 12px; } +.nav-dropdown li{ opacity: 0; .transition-300; margin-right: 0px; float: none; margin-bottom: 18px; } +.nav-dropdown li a{ padding-bottom: 0px; padding-left: 24px; color: @color-heading; } +.nav-dropdown li a:hover{ border-color: rgba(0,0,0,0); } + +.has-dropdown:hover .nav-dropdown{ z-index: 10; max-height: 300px; } +.has-dropdown:hover .nav-dropdown li{ opacity: 1; } + +.has-dropdown a{ padding-left: 18px; } +.has-dropdown:before{ display: inline-block; font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e688"; color: #fff; font-size: 24px; position: absolute; top: -6px; } + +.menu .social-link{ font-size: 14px; top: 0px !important; margin-right: 18px !important; } +.menu .social-link:nth-last-child(2){ margin-right: 18px; } + +.sticky-nav{ background: rgba(255,255,255,0.9); } +.sticky-nav .menu li a{ color: @color-heading; } +.sticky-nav .bottom-border{ display: none; } +.sticky-nav .menu li a:hover{ border-color: rgba(0,0,0,0); } +.sticky-nav .sidebar-menu-toggle, .sticky-nav .mobile-menu-toggle{ color: @color-heading; } +.sticky-nav .nav-dropdown{ background: rgba(255,255,255,0.9); } +.sticky-nav .has-dropdown:before{ color: @color-heading; } + +.sidebar-menu-toggle, .mobile-menu-toggle{ position: absolute; color: #fff; font-size: 32px; right: 0px; top: -7px; cursor: pointer; .transition-300; } + +.mobile-menu-toggle{ display: none; } + +.sidebar-menu, .instagram-sidebar{ position: fixed; right: 0px; top: 0px; width: 300px; height: 100%; background: @color-heading; .translate3d(@x: 300px, @y: 0px, @z: 0px); .transition-300; } +.show-sidebar{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } +.reveal-sidebar{ .translate3d(@x: -300px, @y: 0px, @z: 0px); } + +.sidebar-content{ padding: 0px 24px; margin-top: 24px; } +.widget{ margin-bottom: 24px; } +.widget .title{ font-size: 16px; font-weight: 600; display: inline-block; margin-bottom: 12px; } +.widget .menu li{ float: none; margin-bottom: 12px; } +.widget .menu li a{ padding-bottom: 0px; color: #fff !important; font-size: 12px; } +.widget .menu li a:hover{ border-color: rgba(0,0,0,0); } +.widget .menu .social-link{ display: none; } +.widget .social-profiles li{ margin-right: 24px; } +.widget .social-profiles li a{ color: #fff; } + +.instagram-toggle{ cursor: pointer; } +.instagram-toggle-init{ pointer-events: none; } +.instagram-sidebar li{ width: 100%; height: 250px; } +.instagram-sidebar{ overflow-y: auto; } + +.sidebar-content .copy-text{ position: absolute; bottom: 32px; color: rgba(255,255,255,0.5); font-size: 12px; } +.text-panel{ background: lighten(@color-heading, 8%); padding: 18px; } + +.relative-nav{ position: relative; padding-top: 28px; background: #fff; } +.relative-nav .menu li a{ color: @color-heading; } +.relative-nav .has-dropdown:before{ color: @color-heading; } +.relative-nav .nav-dropdown{ background: rgba(53,53,53,0.8); } +.relative-nav .has-dropdown li a{ color: #fff; } +.relative-nav .sidebar-menu-toggle{ color: @color-heading; } +.relative-nav .logo-light{ opacity: 0 !important; } +.relative-nav .logo-dark{ opacity: 1 !important; } +.relative-nav .logo{ top: -4px !important; } + +.sidebar-menu .logo{ max-width: 110px; position: relative; top: 21px !important; margin-bottom: 32px; left: 24px; } + +@media all and(max-width: 768px){ + nav{ max-height: 67px; overflow: hidden; background: rgba(255,255,255,0.9) !important; } + nav .menu li{ float: none; margin-bottom: 24px; } + nav .menu li a{ color: @color-heading !important; padding-bottom: 0px; } + nav .logo{ max-width: 90px; top: -2px; } + nav .logo-dark{ opacity: 1 !important; } + nav .logo-light{ opacity: 0 !important; } + nav .menu{ width: 100%; display: block; margin-top: 67px; margin-right: 0px; } + nav .social-link{ float: left !important; } + .sidebar-menu-toggle{ display: none; } + .mobile-menu-toggle{ display: block; position: fixed; top: 17px; right: 24px; color: @color-heading !important; } + .open-menu{ max-height: 800px !important; } + .nav-dropdown{ position: relative; display: none; } + .has-dropdown:hover .nav-dropdown{ display: block; } + .has-dropdown:before{ color: @color-heading; } +} + +/*! +// 8. Sliders & Dividers & Headers +// --------------------------------------------------*/ + +.hero-slider{ padding: 0px; position: relative; overflow: hidden; } +.hero-slider .slides li{ height: 780px; position: relative; overflow: hidden; .preserve-3d; } +.hero-slider .slides li:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } + +.hero-slider .container{ .vertical-align; z-index: 2; } +.hero-slider h1{ margin-bottom: 42px; } + +.hero-slider .btn-hollow{ color: #fff; border-color: #fff; margin-left: 16px; } +.hero-slider .btn-hollow:hover{ background: #fff; color: @color-primary; } + +@media all and(max-width: 767px){ + .hero-slider .btn-hollow{ display: none; } +} + +.register-header form.register{ padding-top: 0px; background: rgba(0,0,0,0.4); padding: 24px; } +.register-header form input{ width: 100% !important; } +.register-header form.register span{ color: #fff; } +.register-header .logo, .hero-slide .logo{ max-width: 150px; display: block; margin-bottom: 12px; } + +.register-header h1{ margin-bottom: 24px !important; } + +@media all and(max-width: 768px){ + .register-header form.register .form-name, .register-header form.register .form-email{ max-width: 100%; width: 100%; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .register-header form.register .form-name, .register-header form.register .form-email{ width: 50%; } +} + +@media all and(max-width: 767px){ + .hero-slide .logo{ max-width: 100px; } + .register-header .logo{ display: none; } + .register-header h1{ display: none; } + .register-header form h1{ display: block; } + .register-header span.lead{ display: none; } + .register-header input, .register-header .select-holder{ max-width: 100% !important; } + .hero-slider h1{ margin-bottom: 18px; } +} + +.testimonials-slider{ position: relative; margin-bottom: 48px; } +.testimonials-slider .flex-control-nav a{ background:rgba(0,0,0,0.3); } +.testimonials-slider .flex-control-nav a.flex-active{ background:rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav a:hover{ background: rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav{ bottom: -48px; text-align: left; } + +.primary-overlay:before{ .overlay-params(@strength: 0.8, @bg-color: @color-primary); background-color: @color-primary !important; } + +.strip-divider{ padding: @standard-space*3 0px; position: relative; overflow: hidden; } +.strip-divider .container{ z-index: 2; position: relative; } +.strip-divider h1{ margin: 0px; font-size: 36px; line-height: 48px; } +.strip-divider a:hover{ color: #fff !important; } + +@media all and(max-width: 767px){ + .strip-divider{ padding: @standard-space 0px; } +} + +.countdown-divider{ padding: @standard-space*2 0px; } +.countdown-divider img, .countdown-header img, .video-header img{ max-width: 300px; display: inline-block; margin-bottom: 12px; } + +.countdown-header h1{ margin-bottom: 0px; } +.countdown-header:before{ opacity: 0.8 !important; } + +.video-header:before{ opacity: 0.5 !important; background: #000 !important; } +.video-header .uppercase, .countdown-header .uppercase{ display: block; font-weight: 600; margin-bottom: 24px; } + + +@media all and(max-width: 768px){ + .countdown-header img, .countdown-divider img, .video-header img{ max-width: 150px; } +} + +.countdown{ text-align: center; margin-top: @standard-space; } +.countdown-row{ color: #fff; font-size: 80px; font-weight: 300; } +.countdown-section{ width: 20%; display: inline-block; } +.countdown-amount{ display: inline-block; margin-bottom: 48px; } +.countdown-period{ display: block; font-size: 24px; } + +.section-header{ position: relative; overflow: hidden; height: 450px; } +.section-header h1{ font-size: 32px; } +.section-header.overlay:before{ opacity: 0.2; } +.section-header i{ font-size: 40px; color: #fff; margin: 0px 24px 12px 0px; } +.section-header i:last-of-type{ margin-right: 0px; } + +@media all and(max-width: 767px){ + .countdown{ margin-top: 48px; } + .countdown-row{ font-size: 36px; } + .countdown-period{ font-size: 16px; } +} + +.video-wrapper{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; } +.video-wrapper video{ width: 100%; } + +@media all and(max-width: 1390px){ + .video-wrapper video{ width: 110%; } +} + +@media all and(max-width: 1260px){ + .video-wrapper video{ width: 120%; } +} + +@media all and(max-width: 1160px){ + .video-wrapper video{ width: 130%; } +} + +@media all and(max-width: 1024px){ + .video-wrapper{ display: none; } +} + +.call-to-action{ padding: 144px 0px; } +.call-to-action .uppercase{ display: block; width: 100%; text-align: center; margin-bottom: 32px; } +.call-to-action h1{ margin-bottom: 32px; } +.call-to-action .btn{ margin-bottom: 40px; } +.call-to-action a i{ display: inline-block; width: 60px; height: 60px; border-radius: 50%; color: #fff; margin-right: 12px; font-size: 24px; line-height: 60px; } +.call-to-action .social_facebook{ background-color: #3b5998; } +.call-to-action .social_twitter{ background-color: #00aced; } +.call-to-action a:last-of-type i{ margin-right: 0px; } + +@media all and(max-width: 768px){ + .call-to-action{ padding: @standard-space 0px; } +} + +/*! +// 9. Image with text +// --------------------------------------------------*/ + +.image-with-text{ overflow: hidden; position: relative; height: 600px; } +.image-with-text h1{ margin-bottom: 24px; } + +.side-image{ padding: 0px; position: absolute; top: 0px; height: 100%; } + + +@media all and(max-width: 767px){ + .image-with-text{ height: auto; padding: @standard-space 0px; } + .image-with-text .vertical-align{ .vertical-align-cancel } +} + +/*! +// Promo Blocks +// --------------------------------------------------*/ + +.color-blocks{ position: relative; overflow: hidden; color: #fff; } +.color-block{ position: absolute; top: 0px; height: 100%; padding: 0px; color: #fff; .transition-300; } +.color-blocks h1, .color-blocks h2, .color-blocks h3, .color-blocks h4, .color-blocks h5, .color-blocks h6{ color: #fff; } +.color-blocks h1{ margin-bottom: 12px; } +.color-blocks a{ color: #fff; pointer-events: auto; } +.color-blocks a:hover i{ transform: rotateZ(-10deg); } +.color-blocks i, .contained-promo i{ color: @color-primary; font-size: 70px; display: inline-block; border: 2px solid #fff; border-radius: 50%; width: 120px; height: 120px; line-height: 117px; background: #fff; text-align: center; .transition-100; } +.block-left{ background-color: @color-primary; } +.block-right{ background-color: darken(@color-primary, 8%); right: 0px; } + +@media all and(max-width: 768px){ + .block-content{ margin-bottom: @standard-space*2; overflow: hidden; display: block; } + .block-content:last-of-type{ margin-bottom: 0px; } + .color-block{ height: 50%; width: 100%; } + .block-right{ top: 50%; } +} + +@media all and(max-width: 767px){ + .block-content i{ margin-bottom: 30px; } +} + + + +/*! +// 10. Speakers & Topics +// --------------------------------------------------*/ + +.speakers-row{ padding: 0px 15px; } +.speaker-column{ padding: 0px; } + +.speaker{ position: relative; overflow: hidden; } +.speaker,.topic{ margin-bottom: @standard-space/2; } +.speaker .hover-state{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; background: rgba(0,0,0,0.5); .transition-300; } +.speaker .image-holder{ margin-bottom: 12px; } +.speaker span{ display: block; font-size: 16px; } +.speaker-name{ color: @color-heading; } +.speaker .social-links{ width: 100%; .transition-300; .translate3d(@x: 0px, @y: -200px, @z: 0px); } +.speaker .social-links a{ color: #fff; font-size: 24px; display: inline-block; margin-left: 6px; } +.speaker .social-links a:last-child{ margin-right: 0px; } +.speaker .image-holder:hover .hover-state{ opacity: 1; } +.speaker .image-holder:hover .hover-state .social-links{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } + +.speaker-with-bio{ overflow: hidden; margin-bottom: @standard-space/2; } +.speaker-with-bio .speaker{ width: 50%; float: left; margin-bottom: 0px; } +.speaker-with-bio .speaker-description{ width: 50%; float: left; padding-left: 30px; } +.speaker-description span{ display: inline-block; margin-bottom: 18px; font-weight: 600; } + +@media all and(max-width: 767px){ + .speaker-with-bio .speaker{ width: 100%; } + .speaker-with-bio .speaker-description{ width: 100%; padding-left: 0px; } +} + +.topics{ position: relative; overflow: hidden; } +.topics .container{ position: relative; z-index: 2; } +.topics.overlay .ruled-list li{ border-color: rgba(255,255,255,0.5); } +.topics.overlay .topic i{ color: #fff; } + +.topic h3{ margin-bottom: 18px; } +.topic p.lead{ margin-bottom: 32px; } +.topic i{ font-size: 60px; color: @color-primary; display: inline-block; margin-bottom: 32px; } + +@media all and(max-width: 767px){ + .topic h3{ display: inline-block; position: relative; bottom: 18px; left: 12px; } + .topic i{ margin-bottom: 12px; } +} + +.ruled-list li{ border-top: 1px dotted rgba(0,0,0,0.3); padding: 12px 0px; font-size: 16px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .speakers-row .col-sm-6{ width: 50%; float: left !important; } +} + +/*! +// 11. Schedule +// --------------------------------------------------*/ + +.inline-video{ background: @color-muted; } +.inline-video iframe{ width: 100%; height: 300px; border: none; } +.inline-video .btn{ min-width: 150px; margin-top: 32px; margin-right: 16px; } + +@media all and(max-width: 768px){ + .inline-video iframe{ height: 350px; margin-top: 42px; } +} + +@media all and(max-width: 767px){ + .inline-video iframe{ height: 200px; margin-top: 30px; } + .inline-video .btn{ margin-top: 18px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .inline-video iframe{ height: 250px; } +} + +.embedded-video-holder p{ display: none; } + +.schedule-overview{ border: 2px solid rgba(0,0,0,0.2); margin-bottom: @standard-space/2; } +.schedule-overview li{ padding: 24px; position: relative; cursor: pointer; .transition-300; } +.schedule-overview li:first-child .top{ display: none; } +.schedule-overview li:last-child .bottom{ display: none; } + +.schedule-title span{ display: block; font-size: 16px; } +.schedule-title .title{ color: @color-heading; } + +.schedule-text{ max-height: 0px; .transition-300; opacity: 0; } + +.schedule-overview li:hover{ background-color: @color-muted; } +.schedule-overview li:hover .schedule-text{ max-height: 300px; opacity: 1; padding-top: 18px; } +.schedule-overview li:hover .top,.schedule-overview li:hover .bottom,.schedule-overview li:hover .middle{ border-color: rgba(0,0,0,0.4); } +.schedule-overview li:hover .middle{ background: @color-heading; } + +.schedule-with-text .btn, .contained-gallery .btn{ margin-top: 24px; margin-right: 12px; } +.schedule-with-text .schedule-overview li{ padding-right: 48px; } + +@media all and(max-width: 1024px){ + .schedule-overview li{ padding-right: 48px; } +} + +@media all and(max-width: 767px){ + .schedule-with-text .btn, .contained-gallery .btn{ margin-bottom: 32px; } +} + +.marker-pin{ position: absolute; right: 32px; top: 0px; height: 100%; } +.marker-pin .top, .marker-pin .bottom{ height: 50%; width: 2px; border-left: 2px solid rgba(0,0,0,0.2); position: absolute; z-index: 1; .transition-300; } +.marker-pin .top{ top: 0px; } +.marker-pin .bottom{ bottom: 0px; } +.marker-pin .middle{ width: 18px; height: 18px; border: 2px solid rgba(0,0,0,0.2); background: #fff; border-radius: 50%; position: absolute; right: -10px; top: 50%; margin-top: -9px; z-index: 2; .transition-300; } + +/*! +// 12. Galleries +// --------------------------------------------------*/ + +.instagram, .lightbox-gallery{ position: relative; padding: @standard-space*3 0px; } +.gallery-header{ } +.gallery-header .logo{ max-width: 400px; display: block; margin: 0px auto; margin-bottom: 12px; } + +@media screen and(max-width: 768px){ + .gallery-header .logo{ max-width: 200px; } + .gallery-header h1{ font-size: 24px !important; line-height: 32px !important; } +} + +.instagram, .lightbox-gallery{ overflow: hidden; background: #000 !important; } +.instagram ul, .lightbox-gallery ul{ overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0px; } +.instagram li, .lightbox-gallery li{ float: left; width: 20%; height: 50%; position: relative; cursor: pointer; .transition-300; overflow: hidden; background-size: cover !important; opacity: 0.5; } +.instagram li:hover, .lightbox-gallery li:hover{ opacity: 1 !important; } + +.instagram .container, .lightbox-gallery .container{ position: relative; z-index: 3; } +.instagram i, .lightbox-gallery i{ font-size: 48px; display: inline-block; margin-bottom: 16px; } +.instagram h1, .lightbox-gallery h1{ .large-h1; margin-bottom: 16px; } + +@media all and(max-width: 1200px){ + .instagram li:nth-child(n+9), .lightbox-gallery li:nth-child(n+9){ display: none; } + .instagram li, .lightbox-gallery li{ width: 25%; } +} + +@media all and(max-width: 900px){ + .instagram li:nth-child(n+7), .lightbox-gallery li:nth-child(n+7){ display: none; } + .instagram li, .lightbox-gallery li{ width: 33.333333%; } +} + +@media all and(max-width: 767px){ + .instagram, .lightbox-gallery{ padding: @standard-space*2 0px; } + .instagram li:nth-child(n+5), .lightbox-gallery li:nth-child(n+5){ display: none; } + .instagram li, .lightbox-gallery li{ width: 50%; } +} + + +.testimonials{ background: @color-muted; } + +.contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 185px 0px; } +.contained-gallery .instagram li:nth-child(n+9),.contained-gallery .lightbox-gallery li:nth-child(n+9){ display: none; } +.contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 25%; opacity: 0.7; } + +@media all and(max-width: 1024px){ + .contained-gallery .instagram li:nth-child(n+7){ display: none; } + .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333%; } + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 200px 0px; } +} + +@media all and(max-width: 768px){ + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ margin-bottom: 32px; } + .contained-gallery .btn{ margin-bottom: 0px; } + .contained-gallery .instagram li:nth-child(n+5), .contained-gallery .lightbox-gallery li:nth-child(n+5){ display: block !important; } + .contained-gallery .instagram li:nth-child(n+7), .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none !important; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333% !important; } +} + +/*! +// 13. Pricing +// --------------------------------------------------*/ + +.pricing-option{ overflow: hidden; background: @color-muted; .preserve-3d; position: relative; padding: @standard-space 0px; margin-bottom: 30px; .transition-300; } +.pricing-option .dot{ position: absolute; top: 24px; right: 24px; width: 24px; height: 24px; border-radius: 50%; background: #fff; } +.pricing-option:hover{ background: darken(@color-muted, 3%); } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .pricing-options .col-sm-6{ width: 50%; float: left; } +} + +.dollar, .price, .type{ font-weight: 600; color: @color-heading; font-size: 72px; } +.dollar{ font-size: 36px; position: relative; bottom: 22px; } +.price{ line-height: 1; } +.type{ display: block; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-top: 12px; } + +.plan-title{ display: block; font-weight: 600; margin-bottom: 12px; font-size: 18px; color: @color-heading; } + +.pricing-option ul li{ color: @color-body; } + +.pricing-option.emphasis{ background: @color-primary; color: #fff; } +.pricing-option.emphasis .type, .pricing-option.emphasis .dollar, .pricing-option.emphasis .price, .pricing-option.emphasis .plan-title, .pricing-option.emphasis ul li{ color: #fff !important; } + +@media all and(max-width: 991px){ + .type{ margin-bottom: 12px; } + .pricing-option{ text-align: center !important; } +} + +/*! +// Frequently Asked Questions +// --------------------------------------------------*/ + +.faq-item{ margin-bottom: @standard-space/2; } + +p.question{ font-weight: 600; color: @color-heading; font-size: 16px; } + +/*! +// Visitor Info +// --------------------------------------------------*/ + +.info-box{ margin-bottom: @standard-space/2; position: relative; overflow: hidden; } +.info-box img{ display: block; margin-bottom: 12px; } +.info-box h3{ margin-bottom: 12px; } +.info-box .text-link{ position: absolute; bottom: 12px; right: 0px; } +.text-link a{ display: inline-block; margin-left: 12px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .visitor-info .col-sm-4{ width: 50%; float: left; } +} + +/*! +// 14. Subscribe +// --------------------------------------------------*/ + +.subscribe-1{ position: relative; overflow: hidden; padding-top: @standard-space*2; padding-bottom: @standard-space/2; } +.subscribe-1:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } +.subscribe-1 .container{ position: relative; z-index: 2; } +.subscribe-1 .email-subscribe{ margin-bottom: @standard-space*3; } +.subscribe-1 footer{ border-top: 2px solid rgba(255,255,255,0.3); padding-top: @standard-space/2; } +.subscribe-1 .twitter-feed{ margin-bottom: @standard-space; } +.subscribe-1 h1{ margin-bottom: 30px; } + +.email-subscribe span{ display: block; margin-top: 12px; } + +.twitter-feed i{ font-size: 48px; display: inline-block; margin-bottom: 32px; } +.twitter-feed span a{ border-bottom: none; } + +.tweets-feed .user{ display: none; } +.tweets-feed .interact{ display: none; } +.tweets-feed .tweet{ color: #fff; font-size: 30px; line-height: 36px; font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } +.tweets-feed .tweet a{ color: #fff !important; border-color: #fff !important; } +.tweets-feed .timePosted{ display: none; } + +@media all and(max-width: 767px){ + .tweets-feed .tweet{ font-size: 20px; line-height: 26px; } + .subscribe-2 .form-email{ margin-bottom: 24px; } +} + + +/*! +// 15. Contact +// --------------------------------------------------*/ + +.contact-tweets{ background: @color-primary; color: #fff; position: relative; overflow: hidden; height: 600px; .preserve-3d; } +.contact-tweets .social_twitter{ font-size: 42px; margin-bottom: 32px; display: inline-block; } +.contact-tweets .map-holder{ position: absolute; height: 100%; padding: 0px; top: 0px; right: 0px; } +.contact-tweets .timePosted{ display: block !important; } +.map-holder:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; } +.map-holder iframe{ border: 0px; position: absolute; width: 100%; height: 100%; } +.contact-tweets span a{ border-bottom: 2px solid #fff; padding-bottom: 1px; } + +.contact-tweets form{ padding-top: 0px !important; } +.contact-tweets form .btn{ background: #fff; color: @color-primary; } +.contact-tweets form ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets .icon{ font-size: 60px; margin-bottom: 12px; } +.contact-tweets .form-message{ max-width: 95.5%; width: 95.5%; } + +.fullwidth-map{ padding: 0px; position: relative; overflow: hidden; } +.fullwidth-map .map-holder{ width: 100%; height: 400px; overflow: hidden; } +.fullwidth-map.screen:before{ content: ''; position: absolute; width: 100%; height: 100%; z-index: 2; } + + +/*! +// Sponsors +// --------------------------------------------------*/ + +.sponsors{ background: @color-muted; } +.sponsor{ margin-bottom: @standard-space/2; height: 80px; line-height: 80px; } +.sponsor img{ max-width: 150px; .transition-300; max-height: 80px; } + +.sponsors span{ display: inline-block; margin-top: 24px; } +.sponsors span a{ color: @color-primary; border-color: @color-primary; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .sponsors .col-sm-6{ width: 50%; float: left; } +} + + + +/*! +// 16. Forms +// --------------------------------------------------*/ + +form.register{ overflow: hidden; padding-top: 24px; display: block; } +form.register div{ padding: 0px; } +input[type="text"], form.register .select-holder{ margin-bottom: 32px; padding: 12px; border: none; background: rgba(255,255,255,0.1); border-radius: 25px; font-size: 14px; max-width: 90%; color: #fff; padding-left: 24px; .transition-300; } +input[type="text"]:focus, form.register .select-holder:focus,input[type="text"]:hover, form.register .select-holder:hover{ outline: none; background: rgba(255,255,255,0.2); } + +form.register select{ width: 90%; margin: 0px; background: none; border: none; cursor: pointer; } +form.register select:focus{ outline: none; } + +form.register input[type="submit"]{ padding-bottom: 12px; width: 90%; margin-bottom: 12px; } + +input[type="submit"]{ font-weight: normal; } + +.email-subscribe{ overflow: hidden; } +.email-subscribe input{ margin: 0px auto; min-width: 100%; max-width: 100%; } +.email-subscribe input[type="text"]{ background: rgba(255,255,255,0.3); } +.email-subscribe input[type="text"]:hover, .email-subscribe input[type="text"]:focus{ background: rgba(255,255,255,0.4); } +.email-subscribe ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe input[type="submit"]{ min-height: 48px; } + +.subscribe-2 .email-subscribe input[type="text"]{ background: rgba(0,0,0,0.2); } +.subscribe-2 i{ color: @color-primary; font-size: 70px; display: inline-block; margin-right: 24px; margin-bottom: 18px; } +.subscribe-2 i:last-of-type{ margin-right: 0px; } + +input.error{ color: #ff4532; } + +.mail-list-form{ width: 0px; height: 0px; opacity: 0; overflow: hidden; } + +.form-success, .form-error{ display: none; width: 100%; padding: 6px 18px 8px 18px !important; margin-top: 12px; color: #fff; background-color: #55c950; border-radius: 20px; } +.form-error{ background-color: #D74B4B; } +form .field-error{ background: #D74B4B !important; } + +@media all and(max-width: 768px){ + +} + +@media all and(max-width: 767px){ + form.register input, form.register .select-holder{ width: 100% !important; max-width: 100%; } + .subscribe-1 .email-subscribe input[type="text"]{ margin-bottom: 24px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + form.register .col-sm-6{ width: 50%; float: left; } + form.register input, form.register .select-holder{ max-width: 95% !important; } + form.register input[type="submit"]{ max-width: 100% !important; } +} + +/*! +// Utility Pages +// --------------------------------------------------*/ + +.error-page{ background: @color-primary; padding: 0px; } +.error-page h1{ font-size: 84px; line-height: 96px; margin-bottom: 0px; margin-bottom: 12px; } +.error-page p{ font-size: 24px; line-height: 32px; } +.error-page i{ color: #fff; font-size: 84px; display: inline-block; margin-right: 24px; } +.error-page i:last-of-type{ margin-right: 0px; } +.error-page .btn{ margin-right: 24px; margin-top: 12px; } + +@media all and(max-width: 767px){ + .error-page i{ display: none; } +} + +/*! +// 17. Footers +// --------------------------------------------------*/ + + +.footer .top-border{ height: 2px; width: 100%; background: rgba(255,255,255,0.3); margin-bottom: 32px; } +.footer .menu{ overflow: visible; } +.footer .menu li{ top: 0px; } +.footer .menu li a{ padding-bottom: 0px; } +.footer .menu li .btn{ min-width: 0px; padding: 10px 18px; font-size: 14px; } +.footer .menu li a{ diplay: inline-block; position: relative; border: none; } +.footer .menu li a:hover{ border: none; } +.footer .back-to-top{ padding-right: 42px; } +.footer .menu li a i{ font-size: 36px; position: absolute; right: 0px; top: -12px; } + +@media all and(max-width: 767px){ + .footer .text-right{ text-align: left !important; } + .footer .menu{ margin-top: 24px; } + .footer .menu li{ float: none; margin-bottom: 12px; } +} + +footer.classic{ padding: @standard-space 0px @standard-space/2 0px; background: @color-muted; } +footer.classic .menu li{ float: none; margin-bottom: 12px; } +footer.classic .menu li a{ color: @color-heading; padding-bottom: 0px; font-weight: 600; } +footer.classic span.lead{ display: inline-block; margin-bottom: 12px; } + +footer.short{ background: @color-heading; color: #fff; padding: @standard-space 0px; } +footer.short .top-border{ height: 1px !important; } + +@media all and(max-width: 767px){ + footer.classic div{ margin-bottom: 18px; } +} + +.contact-methods li{ margin-bottom: 12px; } +.contact-methods li:last-child{ margin-bottom: 0px; } +.contact-methods i{ font-size: 36px; color: @color-heading; } +.contact-methods span{ display: inline-block; position: relative; bottom: 10px; left:8px; font-size: 16px; } + +footer.classic .social-profiles{ margin-top: 36px; } + +.social-profiles{ display: inline-block; overflow: hidden; } +.social-profiles li{ float: left; margin-right: 36px; } +.social-profiles li:last-child{ margin-right: 0px; } +.social-profiles li a{ color: @color-heading; font-size: 20px; } + diff --git a/static/new/css/less/grid.less b/static/new/css/less/grid.less new file mode 100644 index 00000000..e100655b --- /dev/null +++ b/static/new/css/less/grid.less @@ -0,0 +1,84 @@ +// +// Grid system +// -------------------------------------------------- + + +// Container widths +// +// Set the container width, and override it for fixed navbars in media queries. + +.container { + .container-fixed(); + + @media (min-width: @screen-sm-min) { + width: @container-sm; + } + @media (min-width: @screen-md-min) { + width: @container-md; + } + @media (min-width: @screen-lg-min) { + width: @container-lg; + } +} + + +// Fluid container +// +// Utilizes the mixin meant for fixed width containers, but without any defined +// width for fluid, full width layouts. + +.container-fluid { + .container-fixed(); +} + + +// Row +// +// Rows contain and clear the floats of your columns. + +.row { + .make-row(); +} + + +// Columns +// +// Common styles for small and large grid columns + +.make-grid-columns(); + + +// Extra small grid +// +// Columns, offsets, pushes, and pulls for extra small devices like +// smartphones. + +.make-grid(xs); + + +// Small grid +// +// Columns, offsets, pushes, and pulls for the small device range, from phones +// to tablets. + +@media (min-width: @screen-sm-min) { + .make-grid(sm); +} + + +// Medium grid +// +// Columns, offsets, pushes, and pulls for the desktop device range. + +@media (min-width: @screen-md-min) { + .make-grid(md); +} + + +// Large grid +// +// Columns, offsets, pushes, and pulls for the large desktop device range. + +@media (min-width: @screen-lg-min) { + .make-grid(lg); +} diff --git a/static/new/css/less/gunmetalpurple.less b/static/new/css/less/gunmetalpurple.less new file mode 100644 index 00000000..48a64796 --- /dev/null +++ b/static/new/css/less/gunmetalpurple.less @@ -0,0 +1,901 @@ +/*! +// Contents +// ------------------------------------------------ + + 1. Mixins + 2. Helper classes & resets + 3. Loader + 4. Colours + 5. Typography + 6. Spacing + 7. Buttons + 8. Navigation + 9. Slider, Dividers + 10. Speakers & Topics + 11. Schedule + 12. Galleries + 13. Pricing & FAQ + 14. Subscribe + 15. Contact + 16. Forms + 17. Footers + +// --------------------------------------------------*/ + +@import "variables.less"; +@import "mixins.less"; + +/*! +// 1. Useful Mixins +// --------------------------------------------------*/ + +.vertical-align { + position: relative; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.vertical-align-cancel{ + top: 0px; + -webkit-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); +} + +.preserve-3d { + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + transform-style: preserve-3d; +} + +.transition-100{ + transition: all .1s ease-out; + -webkit-transition: all .1s ease-out; + -moz-transition: all .1s ease-out; +} + +.transition-300{ + transition: all .3s ease-out; + -webkit-transition: all .3s ease-out; + -moz-transition: all .3s ease-out; +} + +.transition-700{ + transition: all .7s ease-out; + -webkit-transition: all .7s ease-out; + -moz-transition: all .7s ease-out; +} + +.translate3d(@x,@y,@z){ + transform: translate3d(@x,@y,@z); + -webkit-transform: translate3d(@x,@y,@z); + -moz-transform: translate3d(@x,@y,@z); +} + +.scale2d(@x,@y){ + transform: scale(@x,@y); + -webkit-transform: scale(@x,@y); + -moz-transform: scale(@x,@y); +} + +.overlay-params(@strength, @bg-color){ + background-color: @bg-color; + opacity: @strength; + position: absolute; + content: ''; + width: 100%; + height: 100%; + z-index: 1; + top: 0px; +} + +.overlay:before{ .overlay-params(@strength: 0.5, @bg-color: @color-heading); } +.overlay .container{ position: relative; z-index: 2; } + +/*! +// 2. Helper Classes & Resets +// --------------------------------------------------*/ + +.go-right{ right: 0px; } +.go-left{ left: 0px; } + +img{ max-width: 100%; } + +.main-container{ .transition-300; } + +/*! +// 3. Loader +// --------------------------------------------------*/ + +.loader{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; background: #fff; .preserve-3d; .transition-300; opacity: 1; } +.strip-holder{ .vertical-align; left: 50%; margin-left: -50px; position: relative; } +.strip-1, .strip-2, .strip-3{ width: 20px; height: 20px; background: @color-primary; position: relative; -webkit-animation: stripMove 2s ease infinite alternate; animation: stripMove 2s ease infinite alternate; -moz-animation: stripMove 2s ease infinite alternate; } +.strip-2{ -webkit-animation-duration: 2.1s; animation-duration: 2.1s; background-color: lighten(@color-primary, 20%); } +.strip-3{ -webkit-animation-duration: 2.2s; animation-duration: 2.2s; background-color: lighten(@color-primary, 40%); } + + +@-webkit-keyframes stripMove{ + 0% { .translate3d(@x: 0px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } +} + +@-moz-keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +@keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +.main-container{ .transition-300; opacity: 0; } +nav{ .transition-300; opacity: 0; } +.show-content{ opacity: 1 !important; } +.hide-loader{ opacity: 0 !important; } + + +/*! +// 4. Colours +// --------------------------------------------------*/ + +@color-primary: #572864; +@color-heading: #333; +@color-body: #777; +@color-muted: #f5f5f5 !important; + +.background-dark{ background-color: @color-heading !important; } +.color-heading{ color: @color-heading; } + +/*! +// 5. Typography +// --------------------------------------------------*/ + +@custom-heading-font: 'Open Sans'; +@custom-body-font: 'Open Sans'; + +.text-white{ color: #fff; } + +body{ font-family: @custom-body-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: @color-body; font-size: 14px; line-height: 24px; background: #fff; } +h1,h2,h3,h4,h5,h6{ font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; margin: 0px; color: @color-heading; } + +h1{ font-size: 30px; line-height: 36px; margin-bottom: 42px; } +h3{ font-size: 20px; line-height: 28px; } + +.large-h1{ font-size: 42px; line-height: 48px; font-weight: 300; } + +p{ font-size: 14px; line-height: 24px; } +p:last-child{ margin-bottom: 0px; } +p.lead{ font-size: 16px; line-height: 30px; font-weight: 400; } +span.lead{ font-weight: 400; } +.uppercase{ text-transform: uppercase; letter-spacing: 1px; display: inline-block; margin-right: -1px; } + +strong{ font-weight: 600; } + +ul{ list-style: none; margin: 0px; padding: 0px; } + +@media all and(max-width: 767px){ + h1{ font-size: 24px; line-height: 28px; margin-bottom: 36px; } + h2{ font-size: 20px; line-height: 26px; } + + .large-h1{ font-size: 24px; line-height: 28px; } + + p{ font-size: 13px; line-height: 22px; } + p.lead{ font-size: 15px; line-height: 26px; } +} + + +/*! +// Spacing Standards +// --------------------------------------------------*/ + +@standard-space: 72px; + +section{ padding: @standard-space 0px; background: #fff; } + +.duplicatable-content{ padding-bottom: @standard-space/2; } + + +/*! +// 6. Buttons +// --------------------------------------------------*/ + +a:hover{ text-decoration: none; } +h1 a, span a,p a,.text-link a{ font-weight: 600; color: #fff; display: inline-block; border-bottom: 4px solid #fff; padding-bottom: 6px; .transition-300; } +span a, p a,.text-link a{ padding-bottom: 4px; border-bottom: 3px solid #fff; } +span a:hover{ color: #fff; } +p a, .text-link a{ color: @color-primary !important; border-color: @color-primary; padding-bottom: 2px; } +p a, .text-link a:hover{ color: @color-heading; } + +.btn{ min-width: 180px; border-radius: 25px; background: @color-primary; text-align: center; padding: 13px 0px 14px 0px; color: #fff; font-size: 15px; .transition-300; font-weight: 600; line-height: 1; } +.btn:hover{ color: #fff; background: darken(@color-primary, 5%); } +.btn-hollow{ background: none; border: 2px solid @color-primary; color: @color-primary; } +.btn-hollow:hover{ background: @color-primary; } + +.btn-white{ background: #fff; color: @color-primary; } +.btn-white:hover{ background: #fff; color: darken(@color-primary,10%); } + +.btn-hollow.btn-white{ background: none; border-color: #fff; color: #fff; } +.btn-hollow.btn-white:hover{ background: #fff; color: @color-primary; } + +.btn-lg{ padding: 20px 0px 21px 0px; text-transform: uppercase; min-width: 230px; border-radius: 35px; } + +/*! +// Backgrounds & Parallax +// --------------------------------------------------*/ + +.background-image-holder{ position: absolute; width: 100%; height: 130%; top: -10%; background-size: cover !important; background-position: 50% 50% !important; } +.image-holder{ position: relative; overflow: hidden; } + +/*! +// 7. Navigation +// --------------------------------------------------*/ + +nav .logo{ max-height: 45px; max-width: 110px; position: absolute; top: -6px; opacity: 1; } +nav .text-right{ position: relative; } +nav .container{ .transition-300; } + +.overlay-nav{ position:fixed; top: 0px; z-index: 10; width: 100%; padding-top: @standard-space/3; line-height: 1; background: none; .transition-300; } +.overlay-nav .logo-dark{ opacity: 0; } +.overlay-nav.sticky-nav .logo-light{ opacity: 0; } +.overlay-nav.sticky-nav .logo-dark{ opacity: 1; } + +.bottom-border{ position: absolute; bottom: 2px; width: 100%; height: 2px; background: rgba(255,255,255,0.3); } +.sidebar-menu .bottom-border{ position: relative; bottom: 0px; background: rgba(255,255,255,0.2); display: block !important; } + +.menu{ display: inline-block; text-align: left; line-height: 1; } +.menu li{ float: left; margin-right: 32px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; position: relative; top: 4px; } +.menu li:last-child{ margin-right: 0px; } +.menu li:nth-las-child(2){ margin-right: 12px; } +.menu li a{ color: #fff; display: inline-block; padding-bottom: @standard-space/3; border-bottom: 2px solid rgba(0,0,0,0); .transition-300; } +.menu li a:hover{ border-bottom: 2px solid #fff; } + +.nav-dropdown{ position: absolute; z-index: -1; max-height: 0px; background: rgba(255,255,255,0.9); min-width: 200px; .transition-300; } +.nav-dropdown li:first-child{ margin-top: 12px; } +.nav-dropdown li{ opacity: 0; .transition-300; margin-right: 0px; float: none; margin-bottom: 18px; } +.nav-dropdown li a{ padding-bottom: 0px; padding-left: 24px; color: @color-heading; } +.nav-dropdown li a:hover{ border-color: rgba(0,0,0,0); } + +.has-dropdown:hover .nav-dropdown{ z-index: 10; max-height: 300px; } +.has-dropdown:hover .nav-dropdown li{ opacity: 1; } + +.has-dropdown a{ padding-left: 18px; } +.has-dropdown:before{ display: inline-block; font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e688"; color: #fff; font-size: 24px; position: absolute; top: -6px; } + +.menu .social-link{ font-size: 14px; top: 0px !important; margin-right: 18px !important; } +.menu .social-link:nth-last-child(2){ margin-right: 18px; } + +.sticky-nav{ background: rgba(255,255,255,0.9); } +.sticky-nav .menu li a{ color: @color-heading; } +.sticky-nav .bottom-border{ display: none; } +.sticky-nav .menu li a:hover{ border-color: rgba(0,0,0,0); } +.sticky-nav .sidebar-menu-toggle, .sticky-nav .mobile-menu-toggle{ color: @color-heading; } +.sticky-nav .nav-dropdown{ background: rgba(255,255,255,0.9); } +.sticky-nav .has-dropdown:before{ color: @color-heading; } + +.sidebar-menu-toggle, .mobile-menu-toggle{ position: absolute; color: #fff; font-size: 32px; right: 0px; top: -7px; cursor: pointer; .transition-300; } + +.mobile-menu-toggle{ display: none; } + +.sidebar-menu, .instagram-sidebar{ position: fixed; right: 0px; top: 0px; width: 300px; height: 100%; background: @color-heading; .translate3d(@x: 300px, @y: 0px, @z: 0px); .transition-300; } +.show-sidebar{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } +.reveal-sidebar{ .translate3d(@x: -300px, @y: 0px, @z: 0px); } + +.sidebar-content{ padding: 0px 24px; margin-top: 24px; } +.widget{ margin-bottom: 24px; } +.widget .title{ font-size: 16px; font-weight: 600; display: inline-block; margin-bottom: 12px; } +.widget .menu li{ float: none; margin-bottom: 12px; } +.widget .menu li a{ padding-bottom: 0px; color: #fff !important; font-size: 12px; } +.widget .menu li a:hover{ border-color: rgba(0,0,0,0); } +.widget .menu .social-link{ display: none; } +.widget .social-profiles li{ margin-right: 24px; } +.widget .social-profiles li a{ color: #fff; } + +.instagram-toggle{ cursor: pointer; } +.instagram-toggle-init{ pointer-events: none; } +.instagram-sidebar li{ width: 100%; height: 250px; } +.instagram-sidebar{ overflow-y: auto; } + +.sidebar-content .copy-text{ position: absolute; bottom: 32px; color: rgba(255,255,255,0.5); font-size: 12px; } +.text-panel{ background: lighten(@color-heading, 8%); padding: 18px; } + +.relative-nav{ position: relative; padding-top: 28px; background: #fff; } +.relative-nav .menu li a{ color: @color-heading; } +.relative-nav .has-dropdown:before{ color: @color-heading; } +.relative-nav .nav-dropdown{ background: rgba(53,53,53,0.8); } +.relative-nav .has-dropdown li a{ color: #fff; } +.relative-nav .sidebar-menu-toggle{ color: @color-heading; } +.relative-nav .logo-light{ opacity: 0 !important; } +.relative-nav .logo-dark{ opacity: 1 !important; } +.relative-nav .logo{ top: -4px !important; } + +.sidebar-menu .logo{ max-width: 110px; position: relative; top: 21px !important; margin-bottom: 32px; left: 24px; } + +@media all and(max-width: 768px){ + nav{ max-height: 67px; overflow: hidden; background: rgba(255,255,255,0.9) !important; } + nav .menu li{ float: none; margin-bottom: 24px; } + nav .menu li a{ color: @color-heading !important; padding-bottom: 0px; } + nav .logo{ max-width: 90px; top: -2px; } + nav .logo-dark{ opacity: 1 !important; } + nav .logo-light{ opacity: 0 !important; } + nav .menu{ width: 100%; display: block; margin-top: 67px; margin-right: 0px; } + nav .social-link{ float: left !important; } + .sidebar-menu-toggle{ display: none; } + .mobile-menu-toggle{ display: block; position: fixed; top: 17px; right: 24px; color: @color-heading !important; } + .open-menu{ max-height: 800px !important; } + .nav-dropdown{ position: relative; display: none; } + .has-dropdown:hover .nav-dropdown{ display: block; } + .has-dropdown:before{ color: @color-heading; } +} + +/*! +// 8. Sliders & Dividers & Headers +// --------------------------------------------------*/ + +.hero-slider{ padding: 0px; position: relative; overflow: hidden; } +.hero-slider .slides li{ height: 780px; position: relative; overflow: hidden; .preserve-3d; } +.hero-slider .slides li:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } + +.hero-slider .container{ .vertical-align; z-index: 2; } +.hero-slider h1{ margin-bottom: 42px; } + +.hero-slider .btn-hollow{ color: #fff; border-color: #fff; margin-left: 16px; } +.hero-slider .btn-hollow:hover{ background: #fff; color: @color-primary; } + +@media all and(max-width: 767px){ + .hero-slider .btn-hollow{ display: none; } +} + +.register-header form.register{ padding-top: 0px; background: rgba(0,0,0,0.4); padding: 24px; } +.register-header form input{ width: 100% !important; } +.register-header form.register span{ color: #fff; } +.register-header .logo, .hero-slide .logo{ max-width: 150px; display: block; margin-bottom: 12px; } + +.register-header h1{ margin-bottom: 24px !important; } + +@media all and(max-width: 768px){ + .register-header form.register .form-name, .register-header form.register .form-email{ max-width: 100%; width: 100%; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .register-header form.register .form-name, .register-header form.register .form-email{ width: 50%; } +} + +@media all and(max-width: 767px){ + .hero-slide .logo{ max-width: 100px; } + .register-header .logo{ display: none; } + .register-header h1{ display: none; } + .register-header form h1{ display: block; } + .register-header span.lead{ display: none; } + .register-header input, .register-header .select-holder{ max-width: 100% !important; } + .hero-slider h1{ margin-bottom: 18px; } +} + +.testimonials-slider{ position: relative; margin-bottom: 48px; } +.testimonials-slider .flex-control-nav a{ background:rgba(0,0,0,0.3); } +.testimonials-slider .flex-control-nav a.flex-active{ background:rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav a:hover{ background: rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav{ bottom: -48px; text-align: left; } + +.primary-overlay:before{ .overlay-params(@strength: 0.8, @bg-color: @color-primary); background-color: @color-primary !important; } + +.strip-divider{ padding: @standard-space*3 0px; position: relative; overflow: hidden; } +.strip-divider .container{ z-index: 2; position: relative; } +.strip-divider h1{ margin: 0px; font-size: 36px; line-height: 48px; } +.strip-divider a:hover{ color: #fff !important; } + +@media all and(max-width: 767px){ + .strip-divider{ padding: @standard-space 0px; } +} + +.countdown-divider{ padding: @standard-space*2 0px; } +.countdown-divider img, .countdown-header img, .video-header img{ max-width: 300px; display: inline-block; margin-bottom: 12px; } + +.countdown-header h1{ margin-bottom: 0px; } +.countdown-header:before{ opacity: 0.8 !important; } + +.video-header:before{ opacity: 0.5 !important; background: #000 !important; } +.video-header .uppercase, .countdown-header .uppercase{ display: block; font-weight: 600; margin-bottom: 24px; } + + +@media all and(max-width: 768px){ + .countdown-header img, .countdown-divider img, .video-header img{ max-width: 150px; } +} + +.countdown{ text-align: center; margin-top: @standard-space; } +.countdown-row{ color: #fff; font-size: 80px; font-weight: 300; } +.countdown-section{ width: 20%; display: inline-block; } +.countdown-amount{ display: inline-block; margin-bottom: 48px; } +.countdown-period{ display: block; font-size: 24px; } + +.section-header{ position: relative; overflow: hidden; height: 450px; } +.section-header h1{ font-size: 32px; } +.section-header.overlay:before{ opacity: 0.2; } +.section-header i{ font-size: 40px; color: #fff; margin: 0px 24px 12px 0px; } +.section-header i:last-of-type{ margin-right: 0px; } + +@media all and(max-width: 767px){ + .countdown{ margin-top: 48px; } + .countdown-row{ font-size: 36px; } + .countdown-period{ font-size: 16px; } +} + +.video-wrapper{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; } +.video-wrapper video{ width: 100%; } + +@media all and(max-width: 1390px){ + .video-wrapper video{ width: 110%; } +} + +@media all and(max-width: 1260px){ + .video-wrapper video{ width: 120%; } +} + +@media all and(max-width: 1160px){ + .video-wrapper video{ width: 130%; } +} + +@media all and(max-width: 1024px){ + .video-wrapper{ display: none; } +} + +.call-to-action{ padding: 144px 0px; } +.call-to-action .uppercase{ display: block; width: 100%; text-align: center; margin-bottom: 32px; } +.call-to-action h1{ margin-bottom: 32px; } +.call-to-action .btn{ margin-bottom: 40px; } +.call-to-action a i{ display: inline-block; width: 60px; height: 60px; border-radius: 50%; color: #fff; margin-right: 12px; font-size: 24px; line-height: 60px; } +.call-to-action .social_facebook{ background-color: #3b5998; } +.call-to-action .social_twitter{ background-color: #00aced; } +.call-to-action a:last-of-type i{ margin-right: 0px; } + +@media all and(max-width: 768px){ + .call-to-action{ padding: @standard-space 0px; } +} + +/*! +// 9. Image with text +// --------------------------------------------------*/ + +.image-with-text{ overflow: hidden; position: relative; height: 600px; } +.image-with-text h1{ margin-bottom: 24px; } + +.side-image{ padding: 0px; position: absolute; top: 0px; height: 100%; } + + +@media all and(max-width: 767px){ + .image-with-text{ height: auto; padding: @standard-space 0px; } + .image-with-text .vertical-align{ .vertical-align-cancel } +} + +/*! +// Promo Blocks +// --------------------------------------------------*/ + +.color-blocks{ position: relative; overflow: hidden; color: #fff; } +.color-block{ position: absolute; top: 0px; height: 100%; padding: 0px; color: #fff; .transition-300; } +.color-blocks h1, .color-blocks h2, .color-blocks h3, .color-blocks h4, .color-blocks h5, .color-blocks h6{ color: #fff; } +.color-blocks h1{ margin-bottom: 12px; } +.color-blocks a{ color: #fff; pointer-events: auto; } +.color-blocks a:hover i{ transform: rotateZ(-10deg); } +.color-blocks i, .contained-promo i{ color: @color-primary; font-size: 70px; display: inline-block; border: 2px solid #fff; border-radius: 50%; width: 120px; height: 120px; line-height: 117px; background: #fff; text-align: center; .transition-100; } +.block-left{ background-color: @color-primary; } +.block-right{ background-color: darken(@color-primary, 8%); right: 0px; } + +@media all and(max-width: 768px){ + .block-content{ margin-bottom: @standard-space*2; overflow: hidden; display: block; } + .block-content:last-of-type{ margin-bottom: 0px; } + .color-block{ height: 50%; width: 100%; } + .block-right{ top: 50%; } +} + +@media all and(max-width: 767px){ + .block-content i{ margin-bottom: 30px; } +} + + + +/*! +// 10. Speakers & Topics +// --------------------------------------------------*/ + +.speakers-row{ padding: 0px 15px; } +.speaker-column{ padding: 0px; } + +.speaker{ position: relative; overflow: hidden; } +.speaker,.topic{ margin-bottom: @standard-space/2; } +.speaker .hover-state{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; background: rgba(0,0,0,0.5); .transition-300; } +.speaker .image-holder{ margin-bottom: 12px; } +.speaker span{ display: block; font-size: 16px; } +.speaker-name{ color: @color-heading; } +.speaker .social-links{ width: 100%; .transition-300; .translate3d(@x: 0px, @y: -200px, @z: 0px); } +.speaker .social-links a{ color: #fff; font-size: 24px; display: inline-block; margin-left: 6px; } +.speaker .social-links a:last-child{ margin-right: 0px; } +.speaker .image-holder:hover .hover-state{ opacity: 1; } +.speaker .image-holder:hover .hover-state .social-links{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } + +.speaker-with-bio{ overflow: hidden; margin-bottom: @standard-space/2; } +.speaker-with-bio .speaker{ width: 50%; float: left; margin-bottom: 0px; } +.speaker-with-bio .speaker-description{ width: 50%; float: left; padding-left: 30px; } +.speaker-description span{ display: inline-block; margin-bottom: 18px; font-weight: 600; } + +@media all and(max-width: 767px){ + .speaker-with-bio .speaker{ width: 100%; } + .speaker-with-bio .speaker-description{ width: 100%; padding-left: 0px; } +} + +.topics{ position: relative; overflow: hidden; } +.topics .container{ position: relative; z-index: 2; } +.topics.overlay .ruled-list li{ border-color: rgba(255,255,255,0.5); } +.topics.overlay .topic i{ color: #fff; } + +.topic h3{ margin-bottom: 18px; } +.topic p.lead{ margin-bottom: 32px; } +.topic i{ font-size: 60px; color: @color-primary; display: inline-block; margin-bottom: 32px; } + +@media all and(max-width: 767px){ + .topic h3{ display: inline-block; position: relative; bottom: 18px; left: 12px; } + .topic i{ margin-bottom: 12px; } +} + +.ruled-list li{ border-top: 1px dotted rgba(0,0,0,0.3); padding: 12px 0px; font-size: 16px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .speakers-row .col-sm-6{ width: 50%; float: left !important; } +} + +/*! +// 11. Schedule +// --------------------------------------------------*/ + +.inline-video{ background: @color-muted; } +.inline-video iframe{ width: 100%; height: 300px; border: none; } +.inline-video .btn{ min-width: 150px; margin-top: 32px; margin-right: 16px; } + +@media all and(max-width: 768px){ + .inline-video iframe{ height: 350px; margin-top: 42px; } +} + +@media all and(max-width: 767px){ + .inline-video iframe{ height: 200px; margin-top: 30px; } + .inline-video .btn{ margin-top: 18px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .inline-video iframe{ height: 250px; } +} + +.embedded-video-holder p{ display: none; } + +.schedule-overview{ border: 2px solid rgba(0,0,0,0.2); margin-bottom: @standard-space/2; } +.schedule-overview li{ padding: 24px; position: relative; cursor: pointer; .transition-300; } +.schedule-overview li:first-child .top{ display: none; } +.schedule-overview li:last-child .bottom{ display: none; } + +.schedule-title span{ display: block; font-size: 16px; } +.schedule-title .title{ color: @color-heading; } + +.schedule-text{ max-height: 0px; .transition-300; opacity: 0; } + +.schedule-overview li:hover{ background-color: @color-muted; } +.schedule-overview li:hover .schedule-text{ max-height: 300px; opacity: 1; padding-top: 18px; } +.schedule-overview li:hover .top,.schedule-overview li:hover .bottom,.schedule-overview li:hover .middle{ border-color: rgba(0,0,0,0.4); } +.schedule-overview li:hover .middle{ background: @color-heading; } + +.schedule-with-text .btn, .contained-gallery .btn{ margin-top: 24px; margin-right: 12px; } +.schedule-with-text .schedule-overview li{ padding-right: 48px; } + +@media all and(max-width: 1024px){ + .schedule-overview li{ padding-right: 48px; } +} + +@media all and(max-width: 767px){ + .schedule-with-text .btn, .contained-gallery .btn{ margin-bottom: 32px; } +} + +.marker-pin{ position: absolute; right: 32px; top: 0px; height: 100%; } +.marker-pin .top, .marker-pin .bottom{ height: 50%; width: 2px; border-left: 2px solid rgba(0,0,0,0.2); position: absolute; z-index: 1; .transition-300; } +.marker-pin .top{ top: 0px; } +.marker-pin .bottom{ bottom: 0px; } +.marker-pin .middle{ width: 18px; height: 18px; border: 2px solid rgba(0,0,0,0.2); background: #fff; border-radius: 50%; position: absolute; right: -10px; top: 50%; margin-top: -9px; z-index: 2; .transition-300; } + +/*! +// 12. Galleries +// --------------------------------------------------*/ + +.instagram, .lightbox-gallery{ position: relative; padding: @standard-space*3 0px; } +.gallery-header{ } +.gallery-header .logo{ max-width: 400px; display: block; margin: 0px auto; margin-bottom: 12px; } + +@media screen and(max-width: 768px){ + .gallery-header .logo{ max-width: 200px; } + .gallery-header h1{ font-size: 24px !important; line-height: 32px !important; } +} + +.instagram, .lightbox-gallery{ overflow: hidden; background: #000 !important; } +.instagram ul, .lightbox-gallery ul{ overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0px; } +.instagram li, .lightbox-gallery li{ float: left; width: 20%; height: 50%; position: relative; cursor: pointer; .transition-300; overflow: hidden; background-size: cover !important; opacity: 0.5; } +.instagram li:hover, .lightbox-gallery li:hover{ opacity: 1 !important; } + +.instagram .container, .lightbox-gallery .container{ position: relative; z-index: 3; } +.instagram i, .lightbox-gallery i{ font-size: 48px; display: inline-block; margin-bottom: 16px; } +.instagram h1, .lightbox-gallery h1{ .large-h1; margin-bottom: 16px; } + +@media all and(max-width: 1200px){ + .instagram li:nth-child(n+9), .lightbox-gallery li:nth-child(n+9){ display: none; } + .instagram li, .lightbox-gallery li{ width: 25%; } +} + +@media all and(max-width: 900px){ + .instagram li:nth-child(n+7), .lightbox-gallery li:nth-child(n+7){ display: none; } + .instagram li, .lightbox-gallery li{ width: 33.333333%; } +} + +@media all and(max-width: 767px){ + .instagram, .lightbox-gallery{ padding: @standard-space*2 0px; } + .instagram li:nth-child(n+5), .lightbox-gallery li:nth-child(n+5){ display: none; } + .instagram li, .lightbox-gallery li{ width: 50%; } +} + + +.testimonials{ background: @color-muted; } + +.contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 185px 0px; } +.contained-gallery .instagram li:nth-child(n+9),.contained-gallery .lightbox-gallery li:nth-child(n+9){ display: none; } +.contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 25%; opacity: 0.7; } + +@media all and(max-width: 1024px){ + .contained-gallery .instagram li:nth-child(n+7){ display: none; } + .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333%; } + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 200px 0px; } +} + +@media all and(max-width: 768px){ + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ margin-bottom: 32px; } + .contained-gallery .btn{ margin-bottom: 0px; } + .contained-gallery .instagram li:nth-child(n+5), .contained-gallery .lightbox-gallery li:nth-child(n+5){ display: block !important; } + .contained-gallery .instagram li:nth-child(n+7), .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none !important; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333% !important; } +} + +/*! +// 13. Pricing +// --------------------------------------------------*/ + +.pricing-option{ overflow: hidden; background: @color-muted; .preserve-3d; position: relative; padding: @standard-space 0px; margin-bottom: 30px; .transition-300; } +.pricing-option .dot{ position: absolute; top: 24px; right: 24px; width: 24px; height: 24px; border-radius: 50%; background: #fff; } +.pricing-option:hover{ background: darken(@color-muted, 3%); } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .pricing-options .col-sm-6{ width: 50%; float: left; } +} + +.dollar, .price, .type{ font-weight: 600; color: @color-heading; font-size: 72px; } +.dollar{ font-size: 36px; position: relative; bottom: 22px; } +.price{ line-height: 1; } +.type{ display: block; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-top: 12px; } + +.plan-title{ display: block; font-weight: 600; margin-bottom: 12px; font-size: 18px; color: @color-heading; } + +.pricing-option ul li{ color: @color-body; } + +.pricing-option.emphasis{ background: @color-primary; color: #fff; } +.pricing-option.emphasis .type, .pricing-option.emphasis .dollar, .pricing-option.emphasis .price, .pricing-option.emphasis .plan-title, .pricing-option.emphasis ul li{ color: #fff !important; } + +@media all and(max-width: 991px){ + .type{ margin-bottom: 12px; } + .pricing-option{ text-align: center !important; } +} + +/*! +// Frequently Asked Questions +// --------------------------------------------------*/ + +.faq-item{ margin-bottom: @standard-space/2; } + +p.question{ font-weight: 600; color: @color-heading; font-size: 16px; } + +/*! +// Visitor Info +// --------------------------------------------------*/ + +.info-box{ margin-bottom: @standard-space/2; position: relative; overflow: hidden; } +.info-box img{ display: block; margin-bottom: 12px; } +.info-box h3{ margin-bottom: 12px; } +.info-box .text-link{ position: absolute; bottom: 12px; right: 0px; } +.text-link a{ display: inline-block; margin-left: 12px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .visitor-info .col-sm-4{ width: 50%; float: left; } +} + +/*! +// 14. Subscribe +// --------------------------------------------------*/ + +.subscribe-1{ position: relative; overflow: hidden; padding-top: @standard-space*2; padding-bottom: @standard-space/2; } +.subscribe-1:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } +.subscribe-1 .container{ position: relative; z-index: 2; } +.subscribe-1 .email-subscribe{ margin-bottom: @standard-space*3; } +.subscribe-1 footer{ border-top: 2px solid rgba(255,255,255,0.3); padding-top: @standard-space/2; } +.subscribe-1 .twitter-feed{ margin-bottom: @standard-space; } +.subscribe-1 h1{ margin-bottom: 30px; } + +.email-subscribe span{ display: block; margin-top: 12px; } + +.twitter-feed i{ font-size: 48px; display: inline-block; margin-bottom: 32px; } +.twitter-feed span a{ border-bottom: none; } + +.tweets-feed .user{ display: none; } +.tweets-feed .interact{ display: none; } +.tweets-feed .tweet{ color: #fff; font-size: 30px; line-height: 36px; font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } +.tweets-feed .tweet a{ color: #fff !important; border-color: #fff !important; } +.tweets-feed .timePosted{ display: none; } + +@media all and(max-width: 767px){ + .tweets-feed .tweet{ font-size: 20px; line-height: 26px; } + .subscribe-2 .form-email{ margin-bottom: 24px; } +} + + +/*! +// 15. Contact +// --------------------------------------------------*/ + +.contact-tweets{ background: @color-primary; color: #fff; position: relative; overflow: hidden; height: 600px; .preserve-3d; } +.contact-tweets .social_twitter{ font-size: 42px; margin-bottom: 32px; display: inline-block; } +.contact-tweets .map-holder{ position: absolute; height: 100%; padding: 0px; top: 0px; right: 0px; } +.contact-tweets .timePosted{ display: block !important; } +.map-holder:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; } +.map-holder iframe{ border: 0px; position: absolute; width: 100%; height: 100%; } +.contact-tweets span a{ border-bottom: 2px solid #fff; padding-bottom: 1px; } + +.contact-tweets form{ padding-top: 0px !important; } +.contact-tweets form .btn{ background: #fff; color: @color-primary; } +.contact-tweets form ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets .icon{ font-size: 60px; margin-bottom: 12px; } +.contact-tweets .form-message{ max-width: 95.5%; width: 95.5%; } + +.fullwidth-map{ padding: 0px; position: relative; overflow: hidden; } +.fullwidth-map .map-holder{ width: 100%; height: 400px; overflow: hidden; } +.fullwidth-map.screen:before{ content: ''; position: absolute; width: 100%; height: 100%; z-index: 2; } + + +/*! +// Sponsors +// --------------------------------------------------*/ + +.sponsors{ background: @color-muted; } +.sponsor{ margin-bottom: @standard-space/2; height: 80px; line-height: 80px; } +.sponsor img{ max-width: 150px; .transition-300; max-height: 80px; } + +.sponsors span{ display: inline-block; margin-top: 24px; } +.sponsors span a{ color: @color-primary; border-color: @color-primary; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .sponsors .col-sm-6{ width: 50%; float: left; } +} + + + +/*! +// 16. Forms +// --------------------------------------------------*/ + +form.register{ overflow: hidden; padding-top: 24px; display: block; } +form.register div{ padding: 0px; } +input[type="text"], form.register .select-holder{ margin-bottom: 32px; padding: 12px; border: none; background: rgba(255,255,255,0.1); border-radius: 25px; font-size: 14px; max-width: 90%; color: #fff; padding-left: 24px; .transition-300; } +input[type="text"]:focus, form.register .select-holder:focus,input[type="text"]:hover, form.register .select-holder:hover{ outline: none; background: rgba(255,255,255,0.2); } + +form.register select{ width: 90%; margin: 0px; background: none; border: none; cursor: pointer; } +form.register select:focus{ outline: none; } + +form.register input[type="submit"]{ padding-bottom: 12px; width: 90%; margin-bottom: 12px; } + +input[type="submit"]{ font-weight: normal; } + +.email-subscribe{ overflow: hidden; } +.email-subscribe input{ margin: 0px auto; min-width: 100%; max-width: 100%; } +.email-subscribe input[type="text"]{ background: rgba(255,255,255,0.3); } +.email-subscribe input[type="text"]:hover, .email-subscribe input[type="text"]:focus{ background: rgba(255,255,255,0.4); } +.email-subscribe ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe input[type="submit"]{ min-height: 48px; } + +.subscribe-2 .email-subscribe input[type="text"]{ background: rgba(0,0,0,0.2); } +.subscribe-2 i{ color: @color-primary; font-size: 70px; display: inline-block; margin-right: 24px; margin-bottom: 18px; } +.subscribe-2 i:last-of-type{ margin-right: 0px; } + +input.error{ color: #ff4532; } + +.mail-list-form{ width: 0px; height: 0px; opacity: 0; overflow: hidden; } + +.form-success, .form-error{ display: none; width: 100%; padding: 6px 18px 8px 18px !important; margin-top: 12px; color: #fff; background-color: #55c950; border-radius: 20px; } +.form-error{ background-color: #D74B4B; } +form .field-error{ background: #D74B4B !important; } + +@media all and(max-width: 768px){ + +} + +@media all and(max-width: 767px){ + form.register input, form.register .select-holder{ width: 100% !important; max-width: 100%; } + .subscribe-1 .email-subscribe input[type="text"]{ margin-bottom: 24px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + form.register .col-sm-6{ width: 50%; float: left; } + form.register input, form.register .select-holder{ max-width: 95% !important; } + form.register input[type="submit"]{ max-width: 100% !important; } +} + +/*! +// Utility Pages +// --------------------------------------------------*/ + +.error-page{ background: @color-primary; padding: 0px; } +.error-page h1{ font-size: 84px; line-height: 96px; margin-bottom: 0px; margin-bottom: 12px; } +.error-page p{ font-size: 24px; line-height: 32px; } +.error-page i{ color: #fff; font-size: 84px; display: inline-block; margin-right: 24px; } +.error-page i:last-of-type{ margin-right: 0px; } +.error-page .btn{ margin-right: 24px; margin-top: 12px; } + +@media all and(max-width: 767px){ + .error-page i{ display: none; } +} + +/*! +// 17. Footers +// --------------------------------------------------*/ + + +.footer .top-border{ height: 2px; width: 100%; background: rgba(255,255,255,0.3); margin-bottom: 32px; } +.footer .menu{ overflow: visible; } +.footer .menu li{ top: 0px; } +.footer .menu li a{ padding-bottom: 0px; } +.footer .menu li .btn{ min-width: 0px; padding: 10px 18px; font-size: 14px; } +.footer .menu li a{ diplay: inline-block; position: relative; border: none; } +.footer .menu li a:hover{ border: none; } +.footer .back-to-top{ padding-right: 42px; } +.footer .menu li a i{ font-size: 36px; position: absolute; right: 0px; top: -12px; } + +@media all and(max-width: 767px){ + .footer .text-right{ text-align: left !important; } + .footer .menu{ margin-top: 24px; } + .footer .menu li{ float: none; margin-bottom: 12px; } +} + +footer.classic{ padding: @standard-space 0px @standard-space/2 0px; background: @color-muted; } +footer.classic .menu li{ float: none; margin-bottom: 12px; } +footer.classic .menu li a{ color: @color-heading; padding-bottom: 0px; font-weight: 600; } +footer.classic span.lead{ display: inline-block; margin-bottom: 12px; } + +footer.short{ background: @color-heading; color: #fff; padding: @standard-space 0px; } +footer.short .top-border{ height: 1px !important; } + +@media all and(max-width: 767px){ + footer.classic div{ margin-bottom: 18px; } +} + +.contact-methods li{ margin-bottom: 12px; } +.contact-methods li:last-child{ margin-bottom: 0px; } +.contact-methods i{ font-size: 36px; color: @color-heading; } +.contact-methods span{ display: inline-block; position: relative; bottom: 10px; left:8px; font-size: 16px; } + +footer.classic .social-profiles{ margin-top: 36px; } + +.social-profiles{ display: inline-block; overflow: hidden; } +.social-profiles li{ float: left; margin-right: 36px; } +.social-profiles li:last-child{ margin-right: 0px; } +.social-profiles li a{ color: @color-heading; font-size: 20px; } + diff --git a/static/new/css/less/haemo.less b/static/new/css/less/haemo.less new file mode 100644 index 00000000..debfb9b6 --- /dev/null +++ b/static/new/css/less/haemo.less @@ -0,0 +1,901 @@ +/*! +// Contents +// ------------------------------------------------ + + 1. Mixins + 2. Helper classes & resets + 3. Loader + 4. Colours + 5. Typography + 6. Spacing + 7. Buttons + 8. Navigation + 9. Slider, Dividers + 10. Speakers & Topics + 11. Schedule + 12. Galleries + 13. Pricing & FAQ + 14. Subscribe + 15. Contact + 16. Forms + 17. Footers + +// --------------------------------------------------*/ + +@import "variables.less"; +@import "mixins.less"; + +/*! +// 1. Useful Mixins +// --------------------------------------------------*/ + +.vertical-align { + position: relative; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.vertical-align-cancel{ + top: 0px; + -webkit-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); +} + +.preserve-3d { + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + transform-style: preserve-3d; +} + +.transition-100{ + transition: all .1s ease-out; + -webkit-transition: all .1s ease-out; + -moz-transition: all .1s ease-out; +} + +.transition-300{ + transition: all .3s ease-out; + -webkit-transition: all .3s ease-out; + -moz-transition: all .3s ease-out; +} + +.transition-700{ + transition: all .7s ease-out; + -webkit-transition: all .7s ease-out; + -moz-transition: all .7s ease-out; +} + +.translate3d(@x,@y,@z){ + transform: translate3d(@x,@y,@z); + -webkit-transform: translate3d(@x,@y,@z); + -moz-transform: translate3d(@x,@y,@z); +} + +.scale2d(@x,@y){ + transform: scale(@x,@y); + -webkit-transform: scale(@x,@y); + -moz-transform: scale(@x,@y); +} + +.overlay-params(@strength, @bg-color){ + background-color: @bg-color; + opacity: @strength; + position: absolute; + content: ''; + width: 100%; + height: 100%; + z-index: 1; + top: 0px; +} + +.overlay:before{ .overlay-params(@strength: 0.5, @bg-color: @color-heading); } +.overlay .container{ position: relative; z-index: 2; } + +/*! +// 2. Helper Classes & Resets +// --------------------------------------------------*/ + +.go-right{ right: 0px; } +.go-left{ left: 0px; } + +img{ max-width: 100%; } + +.main-container{ .transition-300; } + +/*! +// 3. Loader +// --------------------------------------------------*/ + +.loader{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; background: #fff; .preserve-3d; .transition-300; opacity: 1; } +.strip-holder{ .vertical-align; left: 50%; margin-left: -50px; position: relative; } +.strip-1, .strip-2, .strip-3{ width: 20px; height: 20px; background: @color-primary; position: relative; -webkit-animation: stripMove 2s ease infinite alternate; animation: stripMove 2s ease infinite alternate; -moz-animation: stripMove 2s ease infinite alternate; } +.strip-2{ -webkit-animation-duration: 2.1s; animation-duration: 2.1s; background-color: lighten(@color-primary, 20%); } +.strip-3{ -webkit-animation-duration: 2.2s; animation-duration: 2.2s; background-color: lighten(@color-primary, 40%); } + + +@-webkit-keyframes stripMove{ + 0% { .translate3d(@x: 0px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } +} + +@-moz-keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +@keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +.main-container{ .transition-300; opacity: 0; } +nav{ .transition-300; opacity: 0; } +.show-content{ opacity: 1 !important; } +.hide-loader{ opacity: 0 !important; } + + +/*! +// 4. Colours +// --------------------------------------------------*/ + +@color-primary: #A32834; +@color-heading: #333; +@color-body: #777; +@color-muted: #f5f5f5 !important; + +.background-dark{ background-color: @color-heading !important; } +.color-heading{ color: @color-heading; } + +/*! +// 5. Typography +// --------------------------------------------------*/ + +@custom-heading-font: 'Open Sans'; +@custom-body-font: 'Open Sans'; + +.text-white{ color: #fff; } + +body{ font-family: @custom-body-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: @color-body; font-size: 14px; line-height: 24px; background: #fff; } +h1,h2,h3,h4,h5,h6{ font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; margin: 0px; color: @color-heading; } + +h1{ font-size: 30px; line-height: 36px; margin-bottom: 42px; } +h3{ font-size: 20px; line-height: 28px; } + +.large-h1{ font-size: 42px; line-height: 48px; font-weight: 300; } + +p{ font-size: 14px; line-height: 24px; } +p:last-child{ margin-bottom: 0px; } +p.lead{ font-size: 16px; line-height: 30px; font-weight: 400; } +span.lead{ font-weight: 400; } +.uppercase{ text-transform: uppercase; letter-spacing: 1px; display: inline-block; margin-right: -1px; } + +strong{ font-weight: 600; } + +ul{ list-style: none; margin: 0px; padding: 0px; } + +@media all and(max-width: 767px){ + h1{ font-size: 24px; line-height: 28px; margin-bottom: 36px; } + h2{ font-size: 20px; line-height: 26px; } + + .large-h1{ font-size: 24px; line-height: 28px; } + + p{ font-size: 13px; line-height: 22px; } + p.lead{ font-size: 15px; line-height: 26px; } +} + + +/*! +// Spacing Standards +// --------------------------------------------------*/ + +@standard-space: 72px; + +section{ padding: @standard-space 0px; background: #fff; } + +.duplicatable-content{ padding-bottom: @standard-space/2; } + + +/*! +// 6. Buttons +// --------------------------------------------------*/ + +a:hover{ text-decoration: none; } +h1 a, span a,p a,.text-link a{ font-weight: 600; color: #fff; display: inline-block; border-bottom: 4px solid #fff; padding-bottom: 6px; .transition-300; } +span a, p a,.text-link a{ padding-bottom: 4px; border-bottom: 3px solid #fff; } +span a:hover{ color: #fff; } +p a, .text-link a{ color: @color-primary !important; border-color: @color-primary; padding-bottom: 2px; } +p a, .text-link a:hover{ color: @color-heading; } + +.btn{ min-width: 180px; border-radius: 25px; background: @color-primary; text-align: center; padding: 13px 0px 14px 0px; color: #fff; font-size: 15px; .transition-300; font-weight: 600; line-height: 1; } +.btn:hover{ color: #fff; background: darken(@color-primary, 5%); } +.btn-hollow{ background: none; border: 2px solid @color-primary; color: @color-primary; } +.btn-hollow:hover{ background: @color-primary; } + +.btn-white{ background: #fff; color: @color-primary; } +.btn-white:hover{ background: #fff; color: darken(@color-primary,10%); } + +.btn-hollow.btn-white{ background: none; border-color: #fff; color: #fff; } +.btn-hollow.btn-white:hover{ background: #fff; color: @color-primary; } + +.btn-lg{ padding: 20px 0px 21px 0px; text-transform: uppercase; min-width: 230px; border-radius: 35px; } + +/*! +// Backgrounds & Parallax +// --------------------------------------------------*/ + +.background-image-holder{ position: absolute; width: 100%; height: 130%; top: -10%; background-size: cover !important; background-position: 50% 50% !important; } +.image-holder{ position: relative; overflow: hidden; } + +/*! +// 7. Navigation +// --------------------------------------------------*/ + +nav .logo{ max-height: 45px; max-width: 110px; position: absolute; top: -6px; opacity: 1; } +nav .text-right{ position: relative; } +nav .container{ .transition-300; } + +.overlay-nav{ position:fixed; top: 0px; z-index: 10; width: 100%; padding-top: @standard-space/3; line-height: 1; background: none; .transition-300; } +.overlay-nav .logo-dark{ opacity: 0; } +.overlay-nav.sticky-nav .logo-light{ opacity: 0; } +.overlay-nav.sticky-nav .logo-dark{ opacity: 1; } + +.bottom-border{ position: absolute; bottom: 2px; width: 100%; height: 2px; background: rgba(255,255,255,0.3); } +.sidebar-menu .bottom-border{ position: relative; bottom: 0px; background: rgba(255,255,255,0.2); display: block !important; } + +.menu{ display: inline-block; text-align: left; line-height: 1; } +.menu li{ float: left; margin-right: 32px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; position: relative; top: 4px; } +.menu li:last-child{ margin-right: 0px; } +.menu li:nth-las-child(2){ margin-right: 12px; } +.menu li a{ color: #fff; display: inline-block; padding-bottom: @standard-space/3; border-bottom: 2px solid rgba(0,0,0,0); .transition-300; } +.menu li a:hover{ border-bottom: 2px solid #fff; } + +.nav-dropdown{ position: absolute; z-index: -1; max-height: 0px; background: rgba(255,255,255,0.9); min-width: 200px; .transition-300; } +.nav-dropdown li:first-child{ margin-top: 12px; } +.nav-dropdown li{ opacity: 0; .transition-300; margin-right: 0px; float: none; margin-bottom: 18px; } +.nav-dropdown li a{ padding-bottom: 0px; padding-left: 24px; color: @color-heading; } +.nav-dropdown li a:hover{ border-color: rgba(0,0,0,0); } + +.has-dropdown:hover .nav-dropdown{ z-index: 10; max-height: 300px; } +.has-dropdown:hover .nav-dropdown li{ opacity: 1; } + +.has-dropdown a{ padding-left: 18px; } +.has-dropdown:before{ display: inline-block; font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e688"; color: #fff; font-size: 24px; position: absolute; top: -6px; } + +.menu .social-link{ font-size: 14px; top: 0px !important; margin-right: 18px !important; } +.menu .social-link:nth-last-child(2){ margin-right: 18px; } + +.sticky-nav{ background: rgba(255,255,255,0.9); } +.sticky-nav .menu li a{ color: @color-heading; } +.sticky-nav .bottom-border{ display: none; } +.sticky-nav .menu li a:hover{ border-color: rgba(0,0,0,0); } +.sticky-nav .sidebar-menu-toggle, .sticky-nav .mobile-menu-toggle{ color: @color-heading; } +.sticky-nav .nav-dropdown{ background: rgba(255,255,255,0.9); } +.sticky-nav .has-dropdown:before{ color: @color-heading; } + +.sidebar-menu-toggle, .mobile-menu-toggle{ position: absolute; color: #fff; font-size: 32px; right: 0px; top: -7px; cursor: pointer; .transition-300; } + +.mobile-menu-toggle{ display: none; } + +.sidebar-menu, .instagram-sidebar{ position: fixed; right: 0px; top: 0px; width: 300px; height: 100%; background: @color-heading; .translate3d(@x: 300px, @y: 0px, @z: 0px); .transition-300; } +.show-sidebar{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } +.reveal-sidebar{ .translate3d(@x: -300px, @y: 0px, @z: 0px); } + +.sidebar-content{ padding: 0px 24px; margin-top: 24px; } +.widget{ margin-bottom: 24px; } +.widget .title{ font-size: 16px; font-weight: 600; display: inline-block; margin-bottom: 12px; } +.widget .menu li{ float: none; margin-bottom: 12px; } +.widget .menu li a{ padding-bottom: 0px; color: #fff !important; font-size: 12px; } +.widget .menu li a:hover{ border-color: rgba(0,0,0,0); } +.widget .menu .social-link{ display: none; } +.widget .social-profiles li{ margin-right: 24px; } +.widget .social-profiles li a{ color: #fff; } + +.instagram-toggle{ cursor: pointer; } +.instagram-toggle-init{ pointer-events: none; } +.instagram-sidebar li{ width: 100%; height: 250px; } +.instagram-sidebar{ overflow-y: auto; } + +.sidebar-content .copy-text{ position: absolute; bottom: 32px; color: rgba(255,255,255,0.5); font-size: 12px; } +.text-panel{ background: lighten(@color-heading, 8%); padding: 18px; } + +.relative-nav{ position: relative; padding-top: 28px; background: #fff; } +.relative-nav .menu li a{ color: @color-heading; } +.relative-nav .has-dropdown:before{ color: @color-heading; } +.relative-nav .nav-dropdown{ background: rgba(53,53,53,0.8); } +.relative-nav .has-dropdown li a{ color: #fff; } +.relative-nav .sidebar-menu-toggle{ color: @color-heading; } +.relative-nav .logo-light{ opacity: 0 !important; } +.relative-nav .logo-dark{ opacity: 1 !important; } +.relative-nav .logo{ top: -4px !important; } + +.sidebar-menu .logo{ max-width: 110px; position: relative; top: 21px !important; margin-bottom: 32px; left: 24px; } + +@media all and(max-width: 768px){ + nav{ max-height: 67px; overflow: hidden; background: rgba(255,255,255,0.9) !important; } + nav .menu li{ float: none; margin-bottom: 24px; } + nav .menu li a{ color: @color-heading !important; padding-bottom: 0px; } + nav .logo{ max-width: 90px; top: -2px; } + nav .logo-dark{ opacity: 1 !important; } + nav .logo-light{ opacity: 0 !important; } + nav .menu{ width: 100%; display: block; margin-top: 67px; margin-right: 0px; } + nav .social-link{ float: left !important; } + .sidebar-menu-toggle{ display: none; } + .mobile-menu-toggle{ display: block; position: fixed; top: 17px; right: 24px; color: @color-heading !important; } + .open-menu{ max-height: 800px !important; } + .nav-dropdown{ position: relative; display: none; } + .has-dropdown:hover .nav-dropdown{ display: block; } + .has-dropdown:before{ color: @color-heading; } +} + +/*! +// 8. Sliders & Dividers & Headers +// --------------------------------------------------*/ + +.hero-slider{ padding: 0px; position: relative; overflow: hidden; } +.hero-slider .slides li{ height: 780px; position: relative; overflow: hidden; .preserve-3d; } +.hero-slider .slides li:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } + +.hero-slider .container{ .vertical-align; z-index: 2; } +.hero-slider h1{ margin-bottom: 42px; } + +.hero-slider .btn-hollow{ color: #fff; border-color: #fff; margin-left: 16px; } +.hero-slider .btn-hollow:hover{ background: #fff; color: @color-primary; } + +@media all and(max-width: 767px){ + .hero-slider .btn-hollow{ display: none; } +} + +.register-header form.register{ padding-top: 0px; background: rgba(0,0,0,0.4); padding: 24px; } +.register-header form input{ width: 100% !important; } +.register-header form.register span{ color: #fff; } +.register-header .logo, .hero-slide .logo{ max-width: 150px; display: block; margin-bottom: 12px; } + +.register-header h1{ margin-bottom: 24px !important; } + +@media all and(max-width: 768px){ + .register-header form.register .form-name, .register-header form.register .form-email{ max-width: 100%; width: 100%; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .register-header form.register .form-name, .register-header form.register .form-email{ width: 50%; } +} + +@media all and(max-width: 767px){ + .hero-slide .logo{ max-width: 100px; } + .register-header .logo{ display: none; } + .register-header h1{ display: none; } + .register-header form h1{ display: block; } + .register-header span.lead{ display: none; } + .register-header input, .register-header .select-holder{ max-width: 100% !important; } + .hero-slider h1{ margin-bottom: 18px; } +} + +.testimonials-slider{ position: relative; margin-bottom: 48px; } +.testimonials-slider .flex-control-nav a{ background:rgba(0,0,0,0.3); } +.testimonials-slider .flex-control-nav a.flex-active{ background:rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav a:hover{ background: rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav{ bottom: -48px; text-align: left; } + +.primary-overlay:before{ .overlay-params(@strength: 0.8, @bg-color: @color-primary); background-color: @color-primary !important; } + +.strip-divider{ padding: @standard-space*3 0px; position: relative; overflow: hidden; } +.strip-divider .container{ z-index: 2; position: relative; } +.strip-divider h1{ margin: 0px; font-size: 36px; line-height: 48px; } +.strip-divider a:hover{ color: #fff !important; } + +@media all and(max-width: 767px){ + .strip-divider{ padding: @standard-space 0px; } +} + +.countdown-divider{ padding: @standard-space*2 0px; } +.countdown-divider img, .countdown-header img, .video-header img{ max-width: 300px; display: inline-block; margin-bottom: 12px; } + +.countdown-header h1{ margin-bottom: 0px; } +.countdown-header:before{ opacity: 0.8 !important; } + +.video-header:before{ opacity: 0.5 !important; background: #000 !important; } +.video-header .uppercase, .countdown-header .uppercase{ display: block; font-weight: 600; margin-bottom: 24px; } + + +@media all and(max-width: 768px){ + .countdown-header img, .countdown-divider img, .video-header img{ max-width: 150px; } +} + +.countdown{ text-align: center; margin-top: @standard-space; } +.countdown-row{ color: #fff; font-size: 80px; font-weight: 300; } +.countdown-section{ width: 20%; display: inline-block; } +.countdown-amount{ display: inline-block; margin-bottom: 48px; } +.countdown-period{ display: block; font-size: 24px; } + +.section-header{ position: relative; overflow: hidden; height: 450px; } +.section-header h1{ font-size: 32px; } +.section-header.overlay:before{ opacity: 0.2; } +.section-header i{ font-size: 40px; color: #fff; margin: 0px 24px 12px 0px; } +.section-header i:last-of-type{ margin-right: 0px; } + +@media all and(max-width: 767px){ + .countdown{ margin-top: 48px; } + .countdown-row{ font-size: 36px; } + .countdown-period{ font-size: 16px; } +} + +.video-wrapper{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; } +.video-wrapper video{ width: 100%; } + +@media all and(max-width: 1390px){ + .video-wrapper video{ width: 110%; } +} + +@media all and(max-width: 1260px){ + .video-wrapper video{ width: 120%; } +} + +@media all and(max-width: 1160px){ + .video-wrapper video{ width: 130%; } +} + +@media all and(max-width: 1024px){ + .video-wrapper{ display: none; } +} + +.call-to-action{ padding: 144px 0px; } +.call-to-action .uppercase{ display: block; width: 100%; text-align: center; margin-bottom: 32px; } +.call-to-action h1{ margin-bottom: 32px; } +.call-to-action .btn{ margin-bottom: 40px; } +.call-to-action a i{ display: inline-block; width: 60px; height: 60px; border-radius: 50%; color: #fff; margin-right: 12px; font-size: 24px; line-height: 60px; } +.call-to-action .social_facebook{ background-color: #3b5998; } +.call-to-action .social_twitter{ background-color: #00aced; } +.call-to-action a:last-of-type i{ margin-right: 0px; } + +@media all and(max-width: 768px){ + .call-to-action{ padding: @standard-space 0px; } +} + +/*! +// 9. Image with text +// --------------------------------------------------*/ + +.image-with-text{ overflow: hidden; position: relative; height: 600px; } +.image-with-text h1{ margin-bottom: 24px; } + +.side-image{ padding: 0px; position: absolute; top: 0px; height: 100%; } + + +@media all and(max-width: 767px){ + .image-with-text{ height: auto; padding: @standard-space 0px; } + .image-with-text .vertical-align{ .vertical-align-cancel } +} + +/*! +// Promo Blocks +// --------------------------------------------------*/ + +.color-blocks{ position: relative; overflow: hidden; color: #fff; } +.color-block{ position: absolute; top: 0px; height: 100%; padding: 0px; color: #fff; .transition-300; } +.color-blocks h1, .color-blocks h2, .color-blocks h3, .color-blocks h4, .color-blocks h5, .color-blocks h6{ color: #fff; } +.color-blocks h1{ margin-bottom: 12px; } +.color-blocks a{ color: #fff; pointer-events: auto; } +.color-blocks a:hover i{ transform: rotateZ(-10deg); } +.color-blocks i, .contained-promo i{ color: @color-primary; font-size: 70px; display: inline-block; border: 2px solid #fff; border-radius: 50%; width: 120px; height: 120px; line-height: 117px; background: #fff; text-align: center; .transition-100; } +.block-left{ background-color: @color-primary; } +.block-right{ background-color: darken(@color-primary, 8%); right: 0px; } + +@media all and(max-width: 768px){ + .block-content{ margin-bottom: @standard-space*2; overflow: hidden; display: block; } + .block-content:last-of-type{ margin-bottom: 0px; } + .color-block{ height: 50%; width: 100%; } + .block-right{ top: 50%; } +} + +@media all and(max-width: 767px){ + .block-content i{ margin-bottom: 30px; } +} + + + +/*! +// 10. Speakers & Topics +// --------------------------------------------------*/ + +.speakers-row{ padding: 0px 15px; } +.speaker-column{ padding: 0px; } + +.speaker{ position: relative; overflow: hidden; } +.speaker,.topic{ margin-bottom: @standard-space/2; } +.speaker .hover-state{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; background: rgba(0,0,0,0.5); .transition-300; } +.speaker .image-holder{ margin-bottom: 12px; } +.speaker span{ display: block; font-size: 16px; } +.speaker-name{ color: @color-heading; } +.speaker .social-links{ width: 100%; .transition-300; .translate3d(@x: 0px, @y: -200px, @z: 0px); } +.speaker .social-links a{ color: #fff; font-size: 24px; display: inline-block; margin-left: 6px; } +.speaker .social-links a:last-child{ margin-right: 0px; } +.speaker .image-holder:hover .hover-state{ opacity: 1; } +.speaker .image-holder:hover .hover-state .social-links{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } + +.speaker-with-bio{ overflow: hidden; margin-bottom: @standard-space/2; } +.speaker-with-bio .speaker{ width: 50%; float: left; margin-bottom: 0px; } +.speaker-with-bio .speaker-description{ width: 50%; float: left; padding-left: 30px; } +.speaker-description span{ display: inline-block; margin-bottom: 18px; font-weight: 600; } + +@media all and(max-width: 767px){ + .speaker-with-bio .speaker{ width: 100%; } + .speaker-with-bio .speaker-description{ width: 100%; padding-left: 0px; } +} + +.topics{ position: relative; overflow: hidden; } +.topics .container{ position: relative; z-index: 2; } +.topics.overlay .ruled-list li{ border-color: rgba(255,255,255,0.5); } +.topics.overlay .topic i{ color: #fff; } + +.topic h3{ margin-bottom: 18px; } +.topic p.lead{ margin-bottom: 32px; } +.topic i{ font-size: 60px; color: @color-primary; display: inline-block; margin-bottom: 32px; } + +@media all and(max-width: 767px){ + .topic h3{ display: inline-block; position: relative; bottom: 18px; left: 12px; } + .topic i{ margin-bottom: 12px; } +} + +.ruled-list li{ border-top: 1px dotted rgba(0,0,0,0.3); padding: 12px 0px; font-size: 16px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .speakers-row .col-sm-6{ width: 50%; float: left !important; } +} + +/*! +// 11. Schedule +// --------------------------------------------------*/ + +.inline-video{ background: @color-muted; } +.inline-video iframe{ width: 100%; height: 300px; border: none; } +.inline-video .btn{ min-width: 150px; margin-top: 32px; margin-right: 16px; } + +@media all and(max-width: 768px){ + .inline-video iframe{ height: 350px; margin-top: 42px; } +} + +@media all and(max-width: 767px){ + .inline-video iframe{ height: 200px; margin-top: 30px; } + .inline-video .btn{ margin-top: 18px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .inline-video iframe{ height: 250px; } +} + +.embedded-video-holder p{ display: none; } + +.schedule-overview{ border: 2px solid rgba(0,0,0,0.2); margin-bottom: @standard-space/2; } +.schedule-overview li{ padding: 24px; position: relative; cursor: pointer; .transition-300; } +.schedule-overview li:first-child .top{ display: none; } +.schedule-overview li:last-child .bottom{ display: none; } + +.schedule-title span{ display: block; font-size: 16px; } +.schedule-title .title{ color: @color-heading; } + +.schedule-text{ max-height: 0px; .transition-300; opacity: 0; } + +.schedule-overview li:hover{ background-color: @color-muted; } +.schedule-overview li:hover .schedule-text{ max-height: 300px; opacity: 1; padding-top: 18px; } +.schedule-overview li:hover .top,.schedule-overview li:hover .bottom,.schedule-overview li:hover .middle{ border-color: rgba(0,0,0,0.4); } +.schedule-overview li:hover .middle{ background: @color-heading; } + +.schedule-with-text .btn, .contained-gallery .btn{ margin-top: 24px; margin-right: 12px; } +.schedule-with-text .schedule-overview li{ padding-right: 48px; } + +@media all and(max-width: 1024px){ + .schedule-overview li{ padding-right: 48px; } +} + +@media all and(max-width: 767px){ + .schedule-with-text .btn, .contained-gallery .btn{ margin-bottom: 32px; } +} + +.marker-pin{ position: absolute; right: 32px; top: 0px; height: 100%; } +.marker-pin .top, .marker-pin .bottom{ height: 50%; width: 2px; border-left: 2px solid rgba(0,0,0,0.2); position: absolute; z-index: 1; .transition-300; } +.marker-pin .top{ top: 0px; } +.marker-pin .bottom{ bottom: 0px; } +.marker-pin .middle{ width: 18px; height: 18px; border: 2px solid rgba(0,0,0,0.2); background: #fff; border-radius: 50%; position: absolute; right: -10px; top: 50%; margin-top: -9px; z-index: 2; .transition-300; } + +/*! +// 12. Galleries +// --------------------------------------------------*/ + +.instagram, .lightbox-gallery{ position: relative; padding: @standard-space*3 0px; } +.gallery-header{ } +.gallery-header .logo{ max-width: 400px; display: block; margin: 0px auto; margin-bottom: 12px; } + +@media screen and(max-width: 768px){ + .gallery-header .logo{ max-width: 200px; } + .gallery-header h1{ font-size: 24px !important; line-height: 32px !important; } +} + +.instagram, .lightbox-gallery{ overflow: hidden; background: #000 !important; } +.instagram ul, .lightbox-gallery ul{ overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0px; } +.instagram li, .lightbox-gallery li{ float: left; width: 20%; height: 50%; position: relative; cursor: pointer; .transition-300; overflow: hidden; background-size: cover !important; opacity: 0.5; } +.instagram li:hover, .lightbox-gallery li:hover{ opacity: 1 !important; } + +.instagram .container, .lightbox-gallery .container{ position: relative; z-index: 3; } +.instagram i, .lightbox-gallery i{ font-size: 48px; display: inline-block; margin-bottom: 16px; } +.instagram h1, .lightbox-gallery h1{ .large-h1; margin-bottom: 16px; } + +@media all and(max-width: 1200px){ + .instagram li:nth-child(n+9), .lightbox-gallery li:nth-child(n+9){ display: none; } + .instagram li, .lightbox-gallery li{ width: 25%; } +} + +@media all and(max-width: 900px){ + .instagram li:nth-child(n+7), .lightbox-gallery li:nth-child(n+7){ display: none; } + .instagram li, .lightbox-gallery li{ width: 33.333333%; } +} + +@media all and(max-width: 767px){ + .instagram, .lightbox-gallery{ padding: @standard-space*2 0px; } + .instagram li:nth-child(n+5), .lightbox-gallery li:nth-child(n+5){ display: none; } + .instagram li, .lightbox-gallery li{ width: 50%; } +} + + +.testimonials{ background: @color-muted; } + +.contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 185px 0px; } +.contained-gallery .instagram li:nth-child(n+9),.contained-gallery .lightbox-gallery li:nth-child(n+9){ display: none; } +.contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 25%; opacity: 0.7; } + +@media all and(max-width: 1024px){ + .contained-gallery .instagram li:nth-child(n+7){ display: none; } + .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333%; } + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 200px 0px; } +} + +@media all and(max-width: 768px){ + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ margin-bottom: 32px; } + .contained-gallery .btn{ margin-bottom: 0px; } + .contained-gallery .instagram li:nth-child(n+5), .contained-gallery .lightbox-gallery li:nth-child(n+5){ display: block !important; } + .contained-gallery .instagram li:nth-child(n+7), .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none !important; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333% !important; } +} + +/*! +// 13. Pricing +// --------------------------------------------------*/ + +.pricing-option{ overflow: hidden; background: @color-muted; .preserve-3d; position: relative; padding: @standard-space 0px; margin-bottom: 30px; .transition-300; } +.pricing-option .dot{ position: absolute; top: 24px; right: 24px; width: 24px; height: 24px; border-radius: 50%; background: #fff; } +.pricing-option:hover{ background: darken(@color-muted, 3%); } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .pricing-options .col-sm-6{ width: 50%; float: left; } +} + +.dollar, .price, .type{ font-weight: 600; color: @color-heading; font-size: 72px; } +.dollar{ font-size: 36px; position: relative; bottom: 22px; } +.price{ line-height: 1; } +.type{ display: block; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-top: 12px; } + +.plan-title{ display: block; font-weight: 600; margin-bottom: 12px; font-size: 18px; color: @color-heading; } + +.pricing-option ul li{ color: @color-body; } + +.pricing-option.emphasis{ background: @color-primary; color: #fff; } +.pricing-option.emphasis .type, .pricing-option.emphasis .dollar, .pricing-option.emphasis .price, .pricing-option.emphasis .plan-title, .pricing-option.emphasis ul li{ color: #fff !important; } + +@media all and(max-width: 991px){ + .type{ margin-bottom: 12px; } + .pricing-option{ text-align: center !important; } +} + +/*! +// Frequently Asked Questions +// --------------------------------------------------*/ + +.faq-item{ margin-bottom: @standard-space/2; } + +p.question{ font-weight: 600; color: @color-heading; font-size: 16px; } + +/*! +// Visitor Info +// --------------------------------------------------*/ + +.info-box{ margin-bottom: @standard-space/2; position: relative; overflow: hidden; } +.info-box img{ display: block; margin-bottom: 12px; } +.info-box h3{ margin-bottom: 12px; } +.info-box .text-link{ position: absolute; bottom: 12px; right: 0px; } +.text-link a{ display: inline-block; margin-left: 12px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .visitor-info .col-sm-4{ width: 50%; float: left; } +} + +/*! +// 14. Subscribe +// --------------------------------------------------*/ + +.subscribe-1{ position: relative; overflow: hidden; padding-top: @standard-space*2; padding-bottom: @standard-space/2; } +.subscribe-1:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } +.subscribe-1 .container{ position: relative; z-index: 2; } +.subscribe-1 .email-subscribe{ margin-bottom: @standard-space*3; } +.subscribe-1 footer{ border-top: 2px solid rgba(255,255,255,0.3); padding-top: @standard-space/2; } +.subscribe-1 .twitter-feed{ margin-bottom: @standard-space; } +.subscribe-1 h1{ margin-bottom: 30px; } + +.email-subscribe span{ display: block; margin-top: 12px; } + +.twitter-feed i{ font-size: 48px; display: inline-block; margin-bottom: 32px; } +.twitter-feed span a{ border-bottom: none; } + +.tweets-feed .user{ display: none; } +.tweets-feed .interact{ display: none; } +.tweets-feed .tweet{ color: #fff; font-size: 30px; line-height: 36px; font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } +.tweets-feed .tweet a{ color: #fff !important; border-color: #fff !important; } +.tweets-feed .timePosted{ display: none; } + +@media all and(max-width: 767px){ + .tweets-feed .tweet{ font-size: 20px; line-height: 26px; } + .subscribe-2 .form-email{ margin-bottom: 24px; } +} + + +/*! +// 15. Contact +// --------------------------------------------------*/ + +.contact-tweets{ background: @color-primary; color: #fff; position: relative; overflow: hidden; height: 600px; .preserve-3d; } +.contact-tweets .social_twitter{ font-size: 42px; margin-bottom: 32px; display: inline-block; } +.contact-tweets .map-holder{ position: absolute; height: 100%; padding: 0px; top: 0px; right: 0px; } +.contact-tweets .timePosted{ display: block !important; } +.map-holder:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; } +.map-holder iframe{ border: 0px; position: absolute; width: 100%; height: 100%; } +.contact-tweets span a{ border-bottom: 2px solid #fff; padding-bottom: 1px; } + +.contact-tweets form{ padding-top: 0px !important; } +.contact-tweets form .btn{ background: #fff; color: @color-primary; } +.contact-tweets form ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets .icon{ font-size: 60px; margin-bottom: 12px; } +.contact-tweets .form-message{ max-width: 95.5%; width: 95.5%; } + +.fullwidth-map{ padding: 0px; position: relative; overflow: hidden; } +.fullwidth-map .map-holder{ width: 100%; height: 400px; overflow: hidden; } +.fullwidth-map.screen:before{ content: ''; position: absolute; width: 100%; height: 100%; z-index: 2; } + + +/*! +// Sponsors +// --------------------------------------------------*/ + +.sponsors{ background: @color-muted; } +.sponsor{ margin-bottom: @standard-space/2; height: 80px; line-height: 80px; } +.sponsor img{ max-width: 150px; .transition-300; max-height: 80px; } + +.sponsors span{ display: inline-block; margin-top: 24px; } +.sponsors span a{ color: @color-primary; border-color: @color-primary; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .sponsors .col-sm-6{ width: 50%; float: left; } +} + + + +/*! +// 16. Forms +// --------------------------------------------------*/ + +form.register{ overflow: hidden; padding-top: 24px; display: block; } +form.register div{ padding: 0px; } +input[type="text"], form.register .select-holder{ margin-bottom: 32px; padding: 12px; border: none; background: rgba(255,255,255,0.1); border-radius: 25px; font-size: 14px; max-width: 90%; color: #fff; padding-left: 24px; .transition-300; } +input[type="text"]:focus, form.register .select-holder:focus,input[type="text"]:hover, form.register .select-holder:hover{ outline: none; background: rgba(255,255,255,0.2); } + +form.register select{ width: 90%; margin: 0px; background: none; border: none; cursor: pointer; } +form.register select:focus{ outline: none; } + +form.register input[type="submit"]{ padding-bottom: 12px; width: 90%; margin-bottom: 12px; } + +input[type="submit"]{ font-weight: normal; } + +.email-subscribe{ overflow: hidden; } +.email-subscribe input{ margin: 0px auto; min-width: 100%; max-width: 100%; } +.email-subscribe input[type="text"]{ background: rgba(255,255,255,0.3); } +.email-subscribe input[type="text"]:hover, .email-subscribe input[type="text"]:focus{ background: rgba(255,255,255,0.4); } +.email-subscribe ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe input[type="submit"]{ min-height: 48px; } + +.subscribe-2 .email-subscribe input[type="text"]{ background: rgba(0,0,0,0.2); } +.subscribe-2 i{ color: @color-primary; font-size: 70px; display: inline-block; margin-right: 24px; margin-bottom: 18px; } +.subscribe-2 i:last-of-type{ margin-right: 0px; } + +input.error{ color: #ff4532; } + +.mail-list-form{ width: 0px; height: 0px; opacity: 0; overflow: hidden; } + +.form-success, .form-error{ display: none; width: 100%; padding: 6px 18px 8px 18px !important; margin-top: 12px; color: #fff; background-color: #55c950; border-radius: 20px; } +.form-error{ background-color: #D74B4B; } +form .field-error{ background: #D74B4B !important; } + +@media all and(max-width: 768px){ + +} + +@media all and(max-width: 767px){ + form.register input, form.register .select-holder{ width: 100% !important; max-width: 100%; } + .subscribe-1 .email-subscribe input[type="text"]{ margin-bottom: 24px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + form.register .col-sm-6{ width: 50%; float: left; } + form.register input, form.register .select-holder{ max-width: 95% !important; } + form.register input[type="submit"]{ max-width: 100% !important; } +} + +/*! +// Utility Pages +// --------------------------------------------------*/ + +.error-page{ background: @color-primary; padding: 0px; } +.error-page h1{ font-size: 84px; line-height: 96px; margin-bottom: 0px; margin-bottom: 12px; } +.error-page p{ font-size: 24px; line-height: 32px; } +.error-page i{ color: #fff; font-size: 84px; display: inline-block; margin-right: 24px; } +.error-page i:last-of-type{ margin-right: 0px; } +.error-page .btn{ margin-right: 24px; margin-top: 12px; } + +@media all and(max-width: 767px){ + .error-page i{ display: none; } +} + +/*! +// 17. Footers +// --------------------------------------------------*/ + + +.footer .top-border{ height: 2px; width: 100%; background: rgba(255,255,255,0.3); margin-bottom: 32px; } +.footer .menu{ overflow: visible; } +.footer .menu li{ top: 0px; } +.footer .menu li a{ padding-bottom: 0px; } +.footer .menu li .btn{ min-width: 0px; padding: 10px 18px; font-size: 14px; } +.footer .menu li a{ diplay: inline-block; position: relative; border: none; } +.footer .menu li a:hover{ border: none; } +.footer .back-to-top{ padding-right: 42px; } +.footer .menu li a i{ font-size: 36px; position: absolute; right: 0px; top: -12px; } + +@media all and(max-width: 767px){ + .footer .text-right{ text-align: left !important; } + .footer .menu{ margin-top: 24px; } + .footer .menu li{ float: none; margin-bottom: 12px; } +} + +footer.classic{ padding: @standard-space 0px @standard-space/2 0px; background: @color-muted; } +footer.classic .menu li{ float: none; margin-bottom: 12px; } +footer.classic .menu li a{ color: @color-heading; padding-bottom: 0px; font-weight: 600; } +footer.classic span.lead{ display: inline-block; margin-bottom: 12px; } + +footer.short{ background: @color-heading; color: #fff; padding: @standard-space 0px; } +footer.short .top-border{ height: 1px !important; } + +@media all and(max-width: 767px){ + footer.classic div{ margin-bottom: 18px; } +} + +.contact-methods li{ margin-bottom: 12px; } +.contact-methods li:last-child{ margin-bottom: 0px; } +.contact-methods i{ font-size: 36px; color: @color-heading; } +.contact-methods span{ display: inline-block; position: relative; bottom: 10px; left:8px; font-size: 16px; } + +footer.classic .social-profiles{ margin-top: 36px; } + +.social-profiles{ display: inline-block; overflow: hidden; } +.social-profiles li{ float: left; margin-right: 36px; } +.social-profiles li:last-child{ margin-right: 0px; } +.social-profiles li a{ color: @color-heading; font-size: 20px; } + diff --git a/static/new/css/less/handbag.less b/static/new/css/less/handbag.less new file mode 100644 index 00000000..4f70a95e --- /dev/null +++ b/static/new/css/less/handbag.less @@ -0,0 +1,901 @@ +/*! +// Contents +// ------------------------------------------------ + + 1. Mixins + 2. Helper classes & resets + 3. Loader + 4. Colours + 5. Typography + 6. Spacing + 7. Buttons + 8. Navigation + 9. Slider, Dividers + 10. Speakers & Topics + 11. Schedule + 12. Galleries + 13. Pricing & FAQ + 14. Subscribe + 15. Contact + 16. Forms + 17. Footers + +// --------------------------------------------------*/ + +@import "variables.less"; +@import "mixins.less"; + +/*! +// 1. Useful Mixins +// --------------------------------------------------*/ + +.vertical-align { + position: relative; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.vertical-align-cancel{ + top: 0px; + -webkit-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); +} + +.preserve-3d { + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + transform-style: preserve-3d; +} + +.transition-100{ + transition: all .1s ease-out; + -webkit-transition: all .1s ease-out; + -moz-transition: all .1s ease-out; +} + +.transition-300{ + transition: all .3s ease-out; + -webkit-transition: all .3s ease-out; + -moz-transition: all .3s ease-out; +} + +.transition-700{ + transition: all .7s ease-out; + -webkit-transition: all .7s ease-out; + -moz-transition: all .7s ease-out; +} + +.translate3d(@x,@y,@z){ + transform: translate3d(@x,@y,@z); + -webkit-transform: translate3d(@x,@y,@z); + -moz-transform: translate3d(@x,@y,@z); +} + +.scale2d(@x,@y){ + transform: scale(@x,@y); + -webkit-transform: scale(@x,@y); + -moz-transform: scale(@x,@y); +} + +.overlay-params(@strength, @bg-color){ + background-color: @bg-color; + opacity: @strength; + position: absolute; + content: ''; + width: 100%; + height: 100%; + z-index: 1; + top: 0px; +} + +.overlay:before{ .overlay-params(@strength: 0.5, @bg-color: @color-heading); } +.overlay .container{ position: relative; z-index: 2; } + +/*! +// 2. Helper Classes & Resets +// --------------------------------------------------*/ + +.go-right{ right: 0px; } +.go-left{ left: 0px; } + +img{ max-width: 100%; } + +.main-container{ .transition-300; } + +/*! +// 3. Loader +// --------------------------------------------------*/ + +.loader{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; background: #fff; .preserve-3d; .transition-300; opacity: 1; } +.strip-holder{ .vertical-align; left: 50%; margin-left: -50px; position: relative; } +.strip-1, .strip-2, .strip-3{ width: 20px; height: 20px; background: @color-primary; position: relative; -webkit-animation: stripMove 2s ease infinite alternate; animation: stripMove 2s ease infinite alternate; -moz-animation: stripMove 2s ease infinite alternate; } +.strip-2{ -webkit-animation-duration: 2.1s; animation-duration: 2.1s; background-color: lighten(@color-primary, 20%); } +.strip-3{ -webkit-animation-duration: 2.2s; animation-duration: 2.2s; background-color: lighten(@color-primary, 40%); } + + +@-webkit-keyframes stripMove{ + 0% { .translate3d(@x: 0px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } +} + +@-moz-keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +@keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +.main-container{ .transition-300; opacity: 0; } +nav{ .transition-300; opacity: 0; } +.show-content{ opacity: 1 !important; } +.hide-loader{ opacity: 0 !important; } + + +/*! +// 4. Colours +// --------------------------------------------------*/ + +@color-primary: #E9004E; +@color-heading: #333; +@color-body: #777; +@color-muted: #f5f5f5 !important; + +.background-dark{ background-color: @color-heading !important; } +.color-heading{ color: @color-heading; } + +/*! +// 5. Typography +// --------------------------------------------------*/ + +@custom-heading-font: 'Open Sans'; +@custom-body-font: 'Open Sans'; + +.text-white{ color: #fff; } + +body{ font-family: @custom-body-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: @color-body; font-size: 14px; line-height: 24px; background: #fff; } +h1,h2,h3,h4,h5,h6{ font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; margin: 0px; color: @color-heading; } + +h1{ font-size: 30px; line-height: 36px; margin-bottom: 42px; } +h3{ font-size: 20px; line-height: 28px; } + +.large-h1{ font-size: 42px; line-height: 48px; font-weight: 300; } + +p{ font-size: 14px; line-height: 24px; } +p:last-child{ margin-bottom: 0px; } +p.lead{ font-size: 16px; line-height: 30px; font-weight: 400; } +span.lead{ font-weight: 400; } +.uppercase{ text-transform: uppercase; letter-spacing: 1px; display: inline-block; margin-right: -1px; } + +strong{ font-weight: 600; } + +ul{ list-style: none; margin: 0px; padding: 0px; } + +@media all and(max-width: 767px){ + h1{ font-size: 24px; line-height: 28px; margin-bottom: 36px; } + h2{ font-size: 20px; line-height: 26px; } + + .large-h1{ font-size: 24px; line-height: 28px; } + + p{ font-size: 13px; line-height: 22px; } + p.lead{ font-size: 15px; line-height: 26px; } +} + + +/*! +// Spacing Standards +// --------------------------------------------------*/ + +@standard-space: 72px; + +section{ padding: @standard-space 0px; background: #fff; } + +.duplicatable-content{ padding-bottom: @standard-space/2; } + + +/*! +// 6. Buttons +// --------------------------------------------------*/ + +a:hover{ text-decoration: none; } +h1 a, span a,p a,.text-link a{ font-weight: 600; color: #fff; display: inline-block; border-bottom: 4px solid #fff; padding-bottom: 6px; .transition-300; } +span a, p a,.text-link a{ padding-bottom: 4px; border-bottom: 3px solid #fff; } +span a:hover{ color: #fff; } +p a, .text-link a{ color: @color-primary !important; border-color: @color-primary; padding-bottom: 2px; } +p a, .text-link a:hover{ color: @color-heading; } + +.btn{ min-width: 180px; border-radius: 25px; background: @color-primary; text-align: center; padding: 13px 0px 14px 0px; color: #fff; font-size: 15px; .transition-300; font-weight: 600; line-height: 1; } +.btn:hover{ color: #fff; background: darken(@color-primary, 5%); } +.btn-hollow{ background: none; border: 2px solid @color-primary; color: @color-primary; } +.btn-hollow:hover{ background: @color-primary; } + +.btn-white{ background: #fff; color: @color-primary; } +.btn-white:hover{ background: #fff; color: darken(@color-primary,10%); } + +.btn-hollow.btn-white{ background: none; border-color: #fff; color: #fff; } +.btn-hollow.btn-white:hover{ background: #fff; color: @color-primary; } + +.btn-lg{ padding: 20px 0px 21px 0px; text-transform: uppercase; min-width: 230px; border-radius: 35px; } + +/*! +// Backgrounds & Parallax +// --------------------------------------------------*/ + +.background-image-holder{ position: absolute; width: 100%; height: 130%; top: -10%; background-size: cover !important; background-position: 50% 50% !important; } +.image-holder{ position: relative; overflow: hidden; } + +/*! +// 7. Navigation +// --------------------------------------------------*/ + +nav .logo{ max-height: 45px; max-width: 110px; position: absolute; top: -6px; opacity: 1; } +nav .text-right{ position: relative; } +nav .container{ .transition-300; } + +.overlay-nav{ position:fixed; top: 0px; z-index: 10; width: 100%; padding-top: @standard-space/3; line-height: 1; background: none; .transition-300; } +.overlay-nav .logo-dark{ opacity: 0; } +.overlay-nav.sticky-nav .logo-light{ opacity: 0; } +.overlay-nav.sticky-nav .logo-dark{ opacity: 1; } + +.bottom-border{ position: absolute; bottom: 2px; width: 100%; height: 2px; background: rgba(255,255,255,0.3); } +.sidebar-menu .bottom-border{ position: relative; bottom: 0px; background: rgba(255,255,255,0.2); display: block !important; } + +.menu{ display: inline-block; text-align: left; line-height: 1; } +.menu li{ float: left; margin-right: 32px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; position: relative; top: 4px; } +.menu li:last-child{ margin-right: 0px; } +.menu li:nth-las-child(2){ margin-right: 12px; } +.menu li a{ color: #fff; display: inline-block; padding-bottom: @standard-space/3; border-bottom: 2px solid rgba(0,0,0,0); .transition-300; } +.menu li a:hover{ border-bottom: 2px solid #fff; } + +.nav-dropdown{ position: absolute; z-index: -1; max-height: 0px; background: rgba(255,255,255,0.9); min-width: 200px; .transition-300; } +.nav-dropdown li:first-child{ margin-top: 12px; } +.nav-dropdown li{ opacity: 0; .transition-300; margin-right: 0px; float: none; margin-bottom: 18px; } +.nav-dropdown li a{ padding-bottom: 0px; padding-left: 24px; color: @color-heading; } +.nav-dropdown li a:hover{ border-color: rgba(0,0,0,0); } + +.has-dropdown:hover .nav-dropdown{ z-index: 10; max-height: 300px; } +.has-dropdown:hover .nav-dropdown li{ opacity: 1; } + +.has-dropdown a{ padding-left: 18px; } +.has-dropdown:before{ display: inline-block; font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e688"; color: #fff; font-size: 24px; position: absolute; top: -6px; } + +.menu .social-link{ font-size: 14px; top: 0px !important; margin-right: 18px !important; } +.menu .social-link:nth-last-child(2){ margin-right: 18px; } + +.sticky-nav{ background: rgba(255,255,255,0.9); } +.sticky-nav .menu li a{ color: @color-heading; } +.sticky-nav .bottom-border{ display: none; } +.sticky-nav .menu li a:hover{ border-color: rgba(0,0,0,0); } +.sticky-nav .sidebar-menu-toggle, .sticky-nav .mobile-menu-toggle{ color: @color-heading; } +.sticky-nav .nav-dropdown{ background: rgba(255,255,255,0.9); } +.sticky-nav .has-dropdown:before{ color: @color-heading; } + +.sidebar-menu-toggle, .mobile-menu-toggle{ position: absolute; color: #fff; font-size: 32px; right: 0px; top: -7px; cursor: pointer; .transition-300; } + +.mobile-menu-toggle{ display: none; } + +.sidebar-menu, .instagram-sidebar{ position: fixed; right: 0px; top: 0px; width: 300px; height: 100%; background: @color-heading; .translate3d(@x: 300px, @y: 0px, @z: 0px); .transition-300; } +.show-sidebar{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } +.reveal-sidebar{ .translate3d(@x: -300px, @y: 0px, @z: 0px); } + +.sidebar-content{ padding: 0px 24px; margin-top: 24px; } +.widget{ margin-bottom: 24px; } +.widget .title{ font-size: 16px; font-weight: 600; display: inline-block; margin-bottom: 12px; } +.widget .menu li{ float: none; margin-bottom: 12px; } +.widget .menu li a{ padding-bottom: 0px; color: #fff !important; font-size: 12px; } +.widget .menu li a:hover{ border-color: rgba(0,0,0,0); } +.widget .menu .social-link{ display: none; } +.widget .social-profiles li{ margin-right: 24px; } +.widget .social-profiles li a{ color: #fff; } + +.instagram-toggle{ cursor: pointer; } +.instagram-toggle-init{ pointer-events: none; } +.instagram-sidebar li{ width: 100%; height: 250px; } +.instagram-sidebar{ overflow-y: auto; } + +.sidebar-content .copy-text{ position: absolute; bottom: 32px; color: rgba(255,255,255,0.5); font-size: 12px; } +.text-panel{ background: lighten(@color-heading, 8%); padding: 18px; } + +.relative-nav{ position: relative; padding-top: 28px; background: #fff; } +.relative-nav .menu li a{ color: @color-heading; } +.relative-nav .has-dropdown:before{ color: @color-heading; } +.relative-nav .nav-dropdown{ background: rgba(53,53,53,0.8); } +.relative-nav .has-dropdown li a{ color: #fff; } +.relative-nav .sidebar-menu-toggle{ color: @color-heading; } +.relative-nav .logo-light{ opacity: 0 !important; } +.relative-nav .logo-dark{ opacity: 1 !important; } +.relative-nav .logo{ top: -4px !important; } + +.sidebar-menu .logo{ max-width: 110px; position: relative; top: 21px !important; margin-bottom: 32px; left: 24px; } + +@media all and(max-width: 768px){ + nav{ max-height: 67px; overflow: hidden; background: rgba(255,255,255,0.9) !important; } + nav .menu li{ float: none; margin-bottom: 24px; } + nav .menu li a{ color: @color-heading !important; padding-bottom: 0px; } + nav .logo{ max-width: 90px; top: -2px; } + nav .logo-dark{ opacity: 1 !important; } + nav .logo-light{ opacity: 0 !important; } + nav .menu{ width: 100%; display: block; margin-top: 67px; margin-right: 0px; } + nav .social-link{ float: left !important; } + .sidebar-menu-toggle{ display: none; } + .mobile-menu-toggle{ display: block; position: fixed; top: 17px; right: 24px; color: @color-heading !important; } + .open-menu{ max-height: 800px !important; } + .nav-dropdown{ position: relative; display: none; } + .has-dropdown:hover .nav-dropdown{ display: block; } + .has-dropdown:before{ color: @color-heading; } +} + +/*! +// 8. Sliders & Dividers & Headers +// --------------------------------------------------*/ + +.hero-slider{ padding: 0px; position: relative; overflow: hidden; } +.hero-slider .slides li{ height: 780px; position: relative; overflow: hidden; .preserve-3d; } +.hero-slider .slides li:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } + +.hero-slider .container{ .vertical-align; z-index: 2; } +.hero-slider h1{ margin-bottom: 42px; } + +.hero-slider .btn-hollow{ color: #fff; border-color: #fff; margin-left: 16px; } +.hero-slider .btn-hollow:hover{ background: #fff; color: @color-primary; } + +@media all and(max-width: 767px){ + .hero-slider .btn-hollow{ display: none; } +} + +.register-header form.register{ padding-top: 0px; background: rgba(0,0,0,0.4); padding: 24px; } +.register-header form input{ width: 100% !important; } +.register-header form.register span{ color: #fff; } +.register-header .logo, .hero-slide .logo{ max-width: 150px; display: block; margin-bottom: 12px; } + +.register-header h1{ margin-bottom: 24px !important; } + +@media all and(max-width: 768px){ + .register-header form.register .form-name, .register-header form.register .form-email{ max-width: 100%; width: 100%; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .register-header form.register .form-name, .register-header form.register .form-email{ width: 50%; } +} + +@media all and(max-width: 767px){ + .hero-slide .logo{ max-width: 100px; } + .register-header .logo{ display: none; } + .register-header h1{ display: none; } + .register-header form h1{ display: block; } + .register-header span.lead{ display: none; } + .register-header input, .register-header .select-holder{ max-width: 100% !important; } + .hero-slider h1{ margin-bottom: 18px; } +} + +.testimonials-slider{ position: relative; margin-bottom: 48px; } +.testimonials-slider .flex-control-nav a{ background:rgba(0,0,0,0.3); } +.testimonials-slider .flex-control-nav a.flex-active{ background:rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav a:hover{ background: rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav{ bottom: -48px; text-align: left; } + +.primary-overlay:before{ .overlay-params(@strength: 0.8, @bg-color: @color-primary); background-color: @color-primary !important; } + +.strip-divider{ padding: @standard-space*3 0px; position: relative; overflow: hidden; } +.strip-divider .container{ z-index: 2; position: relative; } +.strip-divider h1{ margin: 0px; font-size: 36px; line-height: 48px; } +.strip-divider a:hover{ color: #fff !important; } + +@media all and(max-width: 767px){ + .strip-divider{ padding: @standard-space 0px; } +} + +.countdown-divider{ padding: @standard-space*2 0px; } +.countdown-divider img, .countdown-header img, .video-header img{ max-width: 300px; display: inline-block; margin-bottom: 12px; } + +.countdown-header h1{ margin-bottom: 0px; } +.countdown-header:before{ opacity: 0.8 !important; } + +.video-header:before{ opacity: 0.5 !important; background: #000 !important; } +.video-header .uppercase, .countdown-header .uppercase{ display: block; font-weight: 600; margin-bottom: 24px; } + + +@media all and(max-width: 768px){ + .countdown-header img, .countdown-divider img, .video-header img{ max-width: 150px; } +} + +.countdown{ text-align: center; margin-top: @standard-space; } +.countdown-row{ color: #fff; font-size: 80px; font-weight: 300; } +.countdown-section{ width: 20%; display: inline-block; } +.countdown-amount{ display: inline-block; margin-bottom: 48px; } +.countdown-period{ display: block; font-size: 24px; } + +.section-header{ position: relative; overflow: hidden; height: 450px; } +.section-header h1{ font-size: 32px; } +.section-header.overlay:before{ opacity: 0.2; } +.section-header i{ font-size: 40px; color: #fff; margin: 0px 24px 12px 0px; } +.section-header i:last-of-type{ margin-right: 0px; } + +@media all and(max-width: 767px){ + .countdown{ margin-top: 48px; } + .countdown-row{ font-size: 36px; } + .countdown-period{ font-size: 16px; } +} + +.video-wrapper{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; } +.video-wrapper video{ width: 100%; } + +@media all and(max-width: 1390px){ + .video-wrapper video{ width: 110%; } +} + +@media all and(max-width: 1260px){ + .video-wrapper video{ width: 120%; } +} + +@media all and(max-width: 1160px){ + .video-wrapper video{ width: 130%; } +} + +@media all and(max-width: 1024px){ + .video-wrapper{ display: none; } +} + +.call-to-action{ padding: 144px 0px; } +.call-to-action .uppercase{ display: block; width: 100%; text-align: center; margin-bottom: 32px; } +.call-to-action h1{ margin-bottom: 32px; } +.call-to-action .btn{ margin-bottom: 40px; } +.call-to-action a i{ display: inline-block; width: 60px; height: 60px; border-radius: 50%; color: #fff; margin-right: 12px; font-size: 24px; line-height: 60px; } +.call-to-action .social_facebook{ background-color: #3b5998; } +.call-to-action .social_twitter{ background-color: #00aced; } +.call-to-action a:last-of-type i{ margin-right: 0px; } + +@media all and(max-width: 768px){ + .call-to-action{ padding: @standard-space 0px; } +} + +/*! +// 9. Image with text +// --------------------------------------------------*/ + +.image-with-text{ overflow: hidden; position: relative; height: 600px; } +.image-with-text h1{ margin-bottom: 24px; } + +.side-image{ padding: 0px; position: absolute; top: 0px; height: 100%; } + + +@media all and(max-width: 767px){ + .image-with-text{ height: auto; padding: @standard-space 0px; } + .image-with-text .vertical-align{ .vertical-align-cancel } +} + +/*! +// Promo Blocks +// --------------------------------------------------*/ + +.color-blocks{ position: relative; overflow: hidden; color: #fff; } +.color-block{ position: absolute; top: 0px; height: 100%; padding: 0px; color: #fff; .transition-300; } +.color-blocks h1, .color-blocks h2, .color-blocks h3, .color-blocks h4, .color-blocks h5, .color-blocks h6{ color: #fff; } +.color-blocks h1{ margin-bottom: 12px; } +.color-blocks a{ color: #fff; pointer-events: auto; } +.color-blocks a:hover i{ transform: rotateZ(-10deg); } +.color-blocks i, .contained-promo i{ color: @color-primary; font-size: 70px; display: inline-block; border: 2px solid #fff; border-radius: 50%; width: 120px; height: 120px; line-height: 117px; background: #fff; text-align: center; .transition-100; } +.block-left{ background-color: @color-primary; } +.block-right{ background-color: darken(@color-primary, 8%); right: 0px; } + +@media all and(max-width: 768px){ + .block-content{ margin-bottom: @standard-space*2; overflow: hidden; display: block; } + .block-content:last-of-type{ margin-bottom: 0px; } + .color-block{ height: 50%; width: 100%; } + .block-right{ top: 50%; } +} + +@media all and(max-width: 767px){ + .block-content i{ margin-bottom: 30px; } +} + + + +/*! +// 10. Speakers & Topics +// --------------------------------------------------*/ + +.speakers-row{ padding: 0px 15px; } +.speaker-column{ padding: 0px; } + +.speaker{ position: relative; overflow: hidden; } +.speaker,.topic{ margin-bottom: @standard-space/2; } +.speaker .hover-state{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; background: rgba(0,0,0,0.5); .transition-300; } +.speaker .image-holder{ margin-bottom: 12px; } +.speaker span{ display: block; font-size: 16px; } +.speaker-name{ color: @color-heading; } +.speaker .social-links{ width: 100%; .transition-300; .translate3d(@x: 0px, @y: -200px, @z: 0px); } +.speaker .social-links a{ color: #fff; font-size: 24px; display: inline-block; margin-left: 6px; } +.speaker .social-links a:last-child{ margin-right: 0px; } +.speaker .image-holder:hover .hover-state{ opacity: 1; } +.speaker .image-holder:hover .hover-state .social-links{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } + +.speaker-with-bio{ overflow: hidden; margin-bottom: @standard-space/2; } +.speaker-with-bio .speaker{ width: 50%; float: left; margin-bottom: 0px; } +.speaker-with-bio .speaker-description{ width: 50%; float: left; padding-left: 30px; } +.speaker-description span{ display: inline-block; margin-bottom: 18px; font-weight: 600; } + +@media all and(max-width: 767px){ + .speaker-with-bio .speaker{ width: 100%; } + .speaker-with-bio .speaker-description{ width: 100%; padding-left: 0px; } +} + +.topics{ position: relative; overflow: hidden; } +.topics .container{ position: relative; z-index: 2; } +.topics.overlay .ruled-list li{ border-color: rgba(255,255,255,0.5); } +.topics.overlay .topic i{ color: #fff; } + +.topic h3{ margin-bottom: 18px; } +.topic p.lead{ margin-bottom: 32px; } +.topic i{ font-size: 60px; color: @color-primary; display: inline-block; margin-bottom: 32px; } + +@media all and(max-width: 767px){ + .topic h3{ display: inline-block; position: relative; bottom: 18px; left: 12px; } + .topic i{ margin-bottom: 12px; } +} + +.ruled-list li{ border-top: 1px dotted rgba(0,0,0,0.3); padding: 12px 0px; font-size: 16px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .speakers-row .col-sm-6{ width: 50%; float: left !important; } +} + +/*! +// 11. Schedule +// --------------------------------------------------*/ + +.inline-video{ background: @color-muted; } +.inline-video iframe{ width: 100%; height: 300px; border: none; } +.inline-video .btn{ min-width: 150px; margin-top: 32px; margin-right: 16px; } + +@media all and(max-width: 768px){ + .inline-video iframe{ height: 350px; margin-top: 42px; } +} + +@media all and(max-width: 767px){ + .inline-video iframe{ height: 200px; margin-top: 30px; } + .inline-video .btn{ margin-top: 18px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .inline-video iframe{ height: 250px; } +} + +.embedded-video-holder p{ display: none; } + +.schedule-overview{ border: 2px solid rgba(0,0,0,0.2); margin-bottom: @standard-space/2; } +.schedule-overview li{ padding: 24px; position: relative; cursor: pointer; .transition-300; } +.schedule-overview li:first-child .top{ display: none; } +.schedule-overview li:last-child .bottom{ display: none; } + +.schedule-title span{ display: block; font-size: 16px; } +.schedule-title .title{ color: @color-heading; } + +.schedule-text{ max-height: 0px; .transition-300; opacity: 0; } + +.schedule-overview li:hover{ background-color: @color-muted; } +.schedule-overview li:hover .schedule-text{ max-height: 300px; opacity: 1; padding-top: 18px; } +.schedule-overview li:hover .top,.schedule-overview li:hover .bottom,.schedule-overview li:hover .middle{ border-color: rgba(0,0,0,0.4); } +.schedule-overview li:hover .middle{ background: @color-heading; } + +.schedule-with-text .btn, .contained-gallery .btn{ margin-top: 24px; margin-right: 12px; } +.schedule-with-text .schedule-overview li{ padding-right: 48px; } + +@media all and(max-width: 1024px){ + .schedule-overview li{ padding-right: 48px; } +} + +@media all and(max-width: 767px){ + .schedule-with-text .btn, .contained-gallery .btn{ margin-bottom: 32px; } +} + +.marker-pin{ position: absolute; right: 32px; top: 0px; height: 100%; } +.marker-pin .top, .marker-pin .bottom{ height: 50%; width: 2px; border-left: 2px solid rgba(0,0,0,0.2); position: absolute; z-index: 1; .transition-300; } +.marker-pin .top{ top: 0px; } +.marker-pin .bottom{ bottom: 0px; } +.marker-pin .middle{ width: 18px; height: 18px; border: 2px solid rgba(0,0,0,0.2); background: #fff; border-radius: 50%; position: absolute; right: -10px; top: 50%; margin-top: -9px; z-index: 2; .transition-300; } + +/*! +// 12. Galleries +// --------------------------------------------------*/ + +.instagram, .lightbox-gallery{ position: relative; padding: @standard-space*3 0px; } +.gallery-header{ } +.gallery-header .logo{ max-width: 400px; display: block; margin: 0px auto; margin-bottom: 12px; } + +@media screen and(max-width: 768px){ + .gallery-header .logo{ max-width: 200px; } + .gallery-header h1{ font-size: 24px !important; line-height: 32px !important; } +} + +.instagram, .lightbox-gallery{ overflow: hidden; background: #000 !important; } +.instagram ul, .lightbox-gallery ul{ overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0px; } +.instagram li, .lightbox-gallery li{ float: left; width: 20%; height: 50%; position: relative; cursor: pointer; .transition-300; overflow: hidden; background-size: cover !important; opacity: 0.5; } +.instagram li:hover, .lightbox-gallery li:hover{ opacity: 1 !important; } + +.instagram .container, .lightbox-gallery .container{ position: relative; z-index: 3; } +.instagram i, .lightbox-gallery i{ font-size: 48px; display: inline-block; margin-bottom: 16px; } +.instagram h1, .lightbox-gallery h1{ .large-h1; margin-bottom: 16px; } + +@media all and(max-width: 1200px){ + .instagram li:nth-child(n+9), .lightbox-gallery li:nth-child(n+9){ display: none; } + .instagram li, .lightbox-gallery li{ width: 25%; } +} + +@media all and(max-width: 900px){ + .instagram li:nth-child(n+7), .lightbox-gallery li:nth-child(n+7){ display: none; } + .instagram li, .lightbox-gallery li{ width: 33.333333%; } +} + +@media all and(max-width: 767px){ + .instagram, .lightbox-gallery{ padding: @standard-space*2 0px; } + .instagram li:nth-child(n+5), .lightbox-gallery li:nth-child(n+5){ display: none; } + .instagram li, .lightbox-gallery li{ width: 50%; } +} + + +.testimonials{ background: @color-muted; } + +.contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 185px 0px; } +.contained-gallery .instagram li:nth-child(n+9),.contained-gallery .lightbox-gallery li:nth-child(n+9){ display: none; } +.contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 25%; opacity: 0.7; } + +@media all and(max-width: 1024px){ + .contained-gallery .instagram li:nth-child(n+7){ display: none; } + .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333%; } + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 200px 0px; } +} + +@media all and(max-width: 768px){ + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ margin-bottom: 32px; } + .contained-gallery .btn{ margin-bottom: 0px; } + .contained-gallery .instagram li:nth-child(n+5), .contained-gallery .lightbox-gallery li:nth-child(n+5){ display: block !important; } + .contained-gallery .instagram li:nth-child(n+7), .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none !important; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333% !important; } +} + +/*! +// 13. Pricing +// --------------------------------------------------*/ + +.pricing-option{ overflow: hidden; background: @color-muted; .preserve-3d; position: relative; padding: @standard-space 0px; margin-bottom: 30px; .transition-300; } +.pricing-option .dot{ position: absolute; top: 24px; right: 24px; width: 24px; height: 24px; border-radius: 50%; background: #fff; } +.pricing-option:hover{ background: darken(@color-muted, 3%); } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .pricing-options .col-sm-6{ width: 50%; float: left; } +} + +.dollar, .price, .type{ font-weight: 600; color: @color-heading; font-size: 72px; } +.dollar{ font-size: 36px; position: relative; bottom: 22px; } +.price{ line-height: 1; } +.type{ display: block; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-top: 12px; } + +.plan-title{ display: block; font-weight: 600; margin-bottom: 12px; font-size: 18px; color: @color-heading; } + +.pricing-option ul li{ color: @color-body; } + +.pricing-option.emphasis{ background: @color-primary; color: #fff; } +.pricing-option.emphasis .type, .pricing-option.emphasis .dollar, .pricing-option.emphasis .price, .pricing-option.emphasis .plan-title, .pricing-option.emphasis ul li{ color: #fff !important; } + +@media all and(max-width: 991px){ + .type{ margin-bottom: 12px; } + .pricing-option{ text-align: center !important; } +} + +/*! +// Frequently Asked Questions +// --------------------------------------------------*/ + +.faq-item{ margin-bottom: @standard-space/2; } + +p.question{ font-weight: 600; color: @color-heading; font-size: 16px; } + +/*! +// Visitor Info +// --------------------------------------------------*/ + +.info-box{ margin-bottom: @standard-space/2; position: relative; overflow: hidden; } +.info-box img{ display: block; margin-bottom: 12px; } +.info-box h3{ margin-bottom: 12px; } +.info-box .text-link{ position: absolute; bottom: 12px; right: 0px; } +.text-link a{ display: inline-block; margin-left: 12px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .visitor-info .col-sm-4{ width: 50%; float: left; } +} + +/*! +// 14. Subscribe +// --------------------------------------------------*/ + +.subscribe-1{ position: relative; overflow: hidden; padding-top: @standard-space*2; padding-bottom: @standard-space/2; } +.subscribe-1:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } +.subscribe-1 .container{ position: relative; z-index: 2; } +.subscribe-1 .email-subscribe{ margin-bottom: @standard-space*3; } +.subscribe-1 footer{ border-top: 2px solid rgba(255,255,255,0.3); padding-top: @standard-space/2; } +.subscribe-1 .twitter-feed{ margin-bottom: @standard-space; } +.subscribe-1 h1{ margin-bottom: 30px; } + +.email-subscribe span{ display: block; margin-top: 12px; } + +.twitter-feed i{ font-size: 48px; display: inline-block; margin-bottom: 32px; } +.twitter-feed span a{ border-bottom: none; } + +.tweets-feed .user{ display: none; } +.tweets-feed .interact{ display: none; } +.tweets-feed .tweet{ color: #fff; font-size: 30px; line-height: 36px; font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } +.tweets-feed .tweet a{ color: #fff !important; border-color: #fff !important; } +.tweets-feed .timePosted{ display: none; } + +@media all and(max-width: 767px){ + .tweets-feed .tweet{ font-size: 20px; line-height: 26px; } + .subscribe-2 .form-email{ margin-bottom: 24px; } +} + + +/*! +// 15. Contact +// --------------------------------------------------*/ + +.contact-tweets{ background: @color-primary; color: #fff; position: relative; overflow: hidden; height: 600px; .preserve-3d; } +.contact-tweets .social_twitter{ font-size: 42px; margin-bottom: 32px; display: inline-block; } +.contact-tweets .map-holder{ position: absolute; height: 100%; padding: 0px; top: 0px; right: 0px; } +.contact-tweets .timePosted{ display: block !important; } +.map-holder:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; } +.map-holder iframe{ border: 0px; position: absolute; width: 100%; height: 100%; } +.contact-tweets span a{ border-bottom: 2px solid #fff; padding-bottom: 1px; } + +.contact-tweets form{ padding-top: 0px !important; } +.contact-tweets form .btn{ background: #fff; color: @color-primary; } +.contact-tweets form ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets .icon{ font-size: 60px; margin-bottom: 12px; } +.contact-tweets .form-message{ max-width: 95.5%; width: 95.5%; } + +.fullwidth-map{ padding: 0px; position: relative; overflow: hidden; } +.fullwidth-map .map-holder{ width: 100%; height: 400px; overflow: hidden; } +.fullwidth-map.screen:before{ content: ''; position: absolute; width: 100%; height: 100%; z-index: 2; } + + +/*! +// Sponsors +// --------------------------------------------------*/ + +.sponsors{ background: @color-muted; } +.sponsor{ margin-bottom: @standard-space/2; height: 80px; line-height: 80px; } +.sponsor img{ max-width: 150px; .transition-300; max-height: 80px; } + +.sponsors span{ display: inline-block; margin-top: 24px; } +.sponsors span a{ color: @color-primary; border-color: @color-primary; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .sponsors .col-sm-6{ width: 50%; float: left; } +} + + + +/*! +// 16. Forms +// --------------------------------------------------*/ + +form.register{ overflow: hidden; padding-top: 24px; display: block; } +form.register div{ padding: 0px; } +input[type="text"], form.register .select-holder{ margin-bottom: 32px; padding: 12px; border: none; background: rgba(255,255,255,0.1); border-radius: 25px; font-size: 14px; max-width: 90%; color: #fff; padding-left: 24px; .transition-300; } +input[type="text"]:focus, form.register .select-holder:focus,input[type="text"]:hover, form.register .select-holder:hover{ outline: none; background: rgba(255,255,255,0.2); } + +form.register select{ width: 90%; margin: 0px; background: none; border: none; cursor: pointer; } +form.register select:focus{ outline: none; } + +form.register input[type="submit"]{ padding-bottom: 12px; width: 90%; margin-bottom: 12px; } + +input[type="submit"]{ font-weight: normal; } + +.email-subscribe{ overflow: hidden; } +.email-subscribe input{ margin: 0px auto; min-width: 100%; max-width: 100%; } +.email-subscribe input[type="text"]{ background: rgba(255,255,255,0.3); } +.email-subscribe input[type="text"]:hover, .email-subscribe input[type="text"]:focus{ background: rgba(255,255,255,0.4); } +.email-subscribe ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe input[type="submit"]{ min-height: 48px; } + +.subscribe-2 .email-subscribe input[type="text"]{ background: rgba(0,0,0,0.2); } +.subscribe-2 i{ color: @color-primary; font-size: 70px; display: inline-block; margin-right: 24px; margin-bottom: 18px; } +.subscribe-2 i:last-of-type{ margin-right: 0px; } + +input.error{ color: #ff4532; } + +.mail-list-form{ width: 0px; height: 0px; opacity: 0; overflow: hidden; } + +.form-success, .form-error{ display: none; width: 100%; padding: 6px 18px 8px 18px !important; margin-top: 12px; color: #fff; background-color: #55c950; border-radius: 20px; } +.form-error{ background-color: #D74B4B; } +form .field-error{ background: #D74B4B !important; } + +@media all and(max-width: 768px){ + +} + +@media all and(max-width: 767px){ + form.register input, form.register .select-holder{ width: 100% !important; max-width: 100%; } + .subscribe-1 .email-subscribe input[type="text"]{ margin-bottom: 24px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + form.register .col-sm-6{ width: 50%; float: left; } + form.register input, form.register .select-holder{ max-width: 95% !important; } + form.register input[type="submit"]{ max-width: 100% !important; } +} + +/*! +// Utility Pages +// --------------------------------------------------*/ + +.error-page{ background: @color-primary; padding: 0px; } +.error-page h1{ font-size: 84px; line-height: 96px; margin-bottom: 0px; margin-bottom: 12px; } +.error-page p{ font-size: 24px; line-height: 32px; } +.error-page i{ color: #fff; font-size: 84px; display: inline-block; margin-right: 24px; } +.error-page i:last-of-type{ margin-right: 0px; } +.error-page .btn{ margin-right: 24px; margin-top: 12px; } + +@media all and(max-width: 767px){ + .error-page i{ display: none; } +} + +/*! +// 17. Footers +// --------------------------------------------------*/ + + +.footer .top-border{ height: 2px; width: 100%; background: rgba(255,255,255,0.3); margin-bottom: 32px; } +.footer .menu{ overflow: visible; } +.footer .menu li{ top: 0px; } +.footer .menu li a{ padding-bottom: 0px; } +.footer .menu li .btn{ min-width: 0px; padding: 10px 18px; font-size: 14px; } +.footer .menu li a{ diplay: inline-block; position: relative; border: none; } +.footer .menu li a:hover{ border: none; } +.footer .back-to-top{ padding-right: 42px; } +.footer .menu li a i{ font-size: 36px; position: absolute; right: 0px; top: -12px; } + +@media all and(max-width: 767px){ + .footer .text-right{ text-align: left !important; } + .footer .menu{ margin-top: 24px; } + .footer .menu li{ float: none; margin-bottom: 12px; } +} + +footer.classic{ padding: @standard-space 0px @standard-space/2 0px; background: @color-muted; } +footer.classic .menu li{ float: none; margin-bottom: 12px; } +footer.classic .menu li a{ color: @color-heading; padding-bottom: 0px; font-weight: 600; } +footer.classic span.lead{ display: inline-block; margin-bottom: 12px; } + +footer.short{ background: @color-heading; color: #fff; padding: @standard-space 0px; } +footer.short .top-border{ height: 1px !important; } + +@media all and(max-width: 767px){ + footer.classic div{ margin-bottom: 18px; } +} + +.contact-methods li{ margin-bottom: 12px; } +.contact-methods li:last-child{ margin-bottom: 0px; } +.contact-methods i{ font-size: 36px; color: @color-heading; } +.contact-methods span{ display: inline-block; position: relative; bottom: 10px; left:8px; font-size: 16px; } + +footer.classic .social-profiles{ margin-top: 36px; } + +.social-profiles{ display: inline-block; overflow: hidden; } +.social-profiles li{ float: left; margin-right: 36px; } +.social-profiles li:last-child{ margin-right: 0px; } +.social-profiles li a{ color: @color-heading; font-size: 20px; } + diff --git a/static/new/css/less/hot.less b/static/new/css/less/hot.less new file mode 100644 index 00000000..8af03058 --- /dev/null +++ b/static/new/css/less/hot.less @@ -0,0 +1,901 @@ +/*! +// Contents +// ------------------------------------------------ + + 1. Mixins + 2. Helper classes & resets + 3. Loader + 4. Colours + 5. Typography + 6. Spacing + 7. Buttons + 8. Navigation + 9. Slider, Dividers + 10. Speakers & Topics + 11. Schedule + 12. Galleries + 13. Pricing & FAQ + 14. Subscribe + 15. Contact + 16. Forms + 17. Footers + +// --------------------------------------------------*/ + +@import "variables.less"; +@import "mixins.less"; + +/*! +// 1. Useful Mixins +// --------------------------------------------------*/ + +.vertical-align { + position: relative; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.vertical-align-cancel{ + top: 0px; + -webkit-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); +} + +.preserve-3d { + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + transform-style: preserve-3d; +} + +.transition-100{ + transition: all .1s ease-out; + -webkit-transition: all .1s ease-out; + -moz-transition: all .1s ease-out; +} + +.transition-300{ + transition: all .3s ease-out; + -webkit-transition: all .3s ease-out; + -moz-transition: all .3s ease-out; +} + +.transition-700{ + transition: all .7s ease-out; + -webkit-transition: all .7s ease-out; + -moz-transition: all .7s ease-out; +} + +.translate3d(@x,@y,@z){ + transform: translate3d(@x,@y,@z); + -webkit-transform: translate3d(@x,@y,@z); + -moz-transform: translate3d(@x,@y,@z); +} + +.scale2d(@x,@y){ + transform: scale(@x,@y); + -webkit-transform: scale(@x,@y); + -moz-transform: scale(@x,@y); +} + +.overlay-params(@strength, @bg-color){ + background-color: @bg-color; + opacity: @strength; + position: absolute; + content: ''; + width: 100%; + height: 100%; + z-index: 1; + top: 0px; +} + +.overlay:before{ .overlay-params(@strength: 0.5, @bg-color: @color-heading); } +.overlay .container{ position: relative; z-index: 2; } + +/*! +// 2. Helper Classes & Resets +// --------------------------------------------------*/ + +.go-right{ right: 0px; } +.go-left{ left: 0px; } + +img{ max-width: 100%; } + +.main-container{ .transition-300; } + +/*! +// 3. Loader +// --------------------------------------------------*/ + +.loader{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; background: #fff; .preserve-3d; .transition-300; opacity: 1; } +.strip-holder{ .vertical-align; left: 50%; margin-left: -50px; position: relative; } +.strip-1, .strip-2, .strip-3{ width: 20px; height: 20px; background: @color-primary; position: relative; -webkit-animation: stripMove 2s ease infinite alternate; animation: stripMove 2s ease infinite alternate; -moz-animation: stripMove 2s ease infinite alternate; } +.strip-2{ -webkit-animation-duration: 2.1s; animation-duration: 2.1s; background-color: lighten(@color-primary, 20%); } +.strip-3{ -webkit-animation-duration: 2.2s; animation-duration: 2.2s; background-color: lighten(@color-primary, 40%); } + + +@-webkit-keyframes stripMove{ + 0% { .translate3d(@x: 0px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } +} + +@-moz-keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +@keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +.main-container{ .transition-300; opacity: 0; } +nav{ .transition-300; opacity: 0; } +.show-content{ opacity: 1 !important; } +.hide-loader{ opacity: 0 !important; } + + +/*! +// 4. Colours +// --------------------------------------------------*/ + +@color-primary: #FF5F00; +@color-heading: #333; +@color-body: #777; +@color-muted: #f5f5f5 !important; + +.background-dark{ background-color: @color-heading !important; } +.color-heading{ color: @color-heading; } + +/*! +// 5. Typography +// --------------------------------------------------*/ + +@custom-heading-font: 'Open Sans'; +@custom-body-font: 'Open Sans'; + +.text-white{ color: #fff; } + +body{ font-family: @custom-body-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: @color-body; font-size: 14px; line-height: 24px; background: #fff; } +h1,h2,h3,h4,h5,h6{ font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; margin: 0px; color: @color-heading; } + +h1{ font-size: 30px; line-height: 36px; margin-bottom: 42px; } +h3{ font-size: 20px; line-height: 28px; } + +.large-h1{ font-size: 42px; line-height: 48px; font-weight: 300; } + +p{ font-size: 14px; line-height: 24px; } +p:last-child{ margin-bottom: 0px; } +p.lead{ font-size: 16px; line-height: 30px; font-weight: 400; } +span.lead{ font-weight: 400; } +.uppercase{ text-transform: uppercase; letter-spacing: 1px; display: inline-block; margin-right: -1px; } + +strong{ font-weight: 600; } + +ul{ list-style: none; margin: 0px; padding: 0px; } + +@media all and(max-width: 767px){ + h1{ font-size: 24px; line-height: 28px; margin-bottom: 36px; } + h2{ font-size: 20px; line-height: 26px; } + + .large-h1{ font-size: 24px; line-height: 28px; } + + p{ font-size: 13px; line-height: 22px; } + p.lead{ font-size: 15px; line-height: 26px; } +} + + +/*! +// Spacing Standards +// --------------------------------------------------*/ + +@standard-space: 72px; + +section{ padding: @standard-space 0px; background: #fff; } + +.duplicatable-content{ padding-bottom: @standard-space/2; } + + +/*! +// 6. Buttons +// --------------------------------------------------*/ + +a:hover{ text-decoration: none; } +h1 a, span a,p a,.text-link a{ font-weight: 600; color: #fff; display: inline-block; border-bottom: 4px solid #fff; padding-bottom: 6px; .transition-300; } +span a, p a,.text-link a{ padding-bottom: 4px; border-bottom: 3px solid #fff; } +span a:hover{ color: #fff; } +p a, .text-link a{ color: @color-primary !important; border-color: @color-primary; padding-bottom: 2px; } +p a, .text-link a:hover{ color: @color-heading; } + +.btn{ min-width: 180px; border-radius: 25px; background: @color-primary; text-align: center; padding: 13px 0px 14px 0px; color: #fff; font-size: 15px; .transition-300; font-weight: 600; line-height: 1; } +.btn:hover{ color: #fff; background: darken(@color-primary, 5%); } +.btn-hollow{ background: none; border: 2px solid @color-primary; color: @color-primary; } +.btn-hollow:hover{ background: @color-primary; } + +.btn-white{ background: #fff; color: @color-primary; } +.btn-white:hover{ background: #fff; color: darken(@color-primary,10%); } + +.btn-hollow.btn-white{ background: none; border-color: #fff; color: #fff; } +.btn-hollow.btn-white:hover{ background: #fff; color: @color-primary; } + +.btn-lg{ padding: 20px 0px 21px 0px; text-transform: uppercase; min-width: 230px; border-radius: 35px; } + +/*! +// Backgrounds & Parallax +// --------------------------------------------------*/ + +.background-image-holder{ position: absolute; width: 100%; height: 130%; top: -10%; background-size: cover !important; background-position: 50% 50% !important; } +.image-holder{ position: relative; overflow: hidden; } + +/*! +// 7. Navigation +// --------------------------------------------------*/ + +nav .logo{ max-height: 45px; max-width: 110px; position: absolute; top: -6px; opacity: 1; } +nav .text-right{ position: relative; } +nav .container{ .transition-300; } + +.overlay-nav{ position:fixed; top: 0px; z-index: 10; width: 100%; padding-top: @standard-space/3; line-height: 1; background: none; .transition-300; } +.overlay-nav .logo-dark{ opacity: 0; } +.overlay-nav.sticky-nav .logo-light{ opacity: 0; } +.overlay-nav.sticky-nav .logo-dark{ opacity: 1; } + +.bottom-border{ position: absolute; bottom: 2px; width: 100%; height: 2px; background: rgba(255,255,255,0.3); } +.sidebar-menu .bottom-border{ position: relative; bottom: 0px; background: rgba(255,255,255,0.2); display: block !important; } + +.menu{ display: inline-block; text-align: left; line-height: 1; } +.menu li{ float: left; margin-right: 32px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; position: relative; top: 4px; } +.menu li:last-child{ margin-right: 0px; } +.menu li:nth-las-child(2){ margin-right: 12px; } +.menu li a{ color: #fff; display: inline-block; padding-bottom: @standard-space/3; border-bottom: 2px solid rgba(0,0,0,0); .transition-300; } +.menu li a:hover{ border-bottom: 2px solid #fff; } + +.nav-dropdown{ position: absolute; z-index: -1; max-height: 0px; background: rgba(255,255,255,0.9); min-width: 200px; .transition-300; } +.nav-dropdown li:first-child{ margin-top: 12px; } +.nav-dropdown li{ opacity: 0; .transition-300; margin-right: 0px; float: none; margin-bottom: 18px; } +.nav-dropdown li a{ padding-bottom: 0px; padding-left: 24px; color: @color-heading; } +.nav-dropdown li a:hover{ border-color: rgba(0,0,0,0); } + +.has-dropdown:hover .nav-dropdown{ z-index: 10; max-height: 300px; } +.has-dropdown:hover .nav-dropdown li{ opacity: 1; } + +.has-dropdown a{ padding-left: 18px; } +.has-dropdown:before{ display: inline-block; font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e688"; color: #fff; font-size: 24px; position: absolute; top: -6px; } + +.menu .social-link{ font-size: 14px; top: 0px !important; margin-right: 18px !important; } +.menu .social-link:nth-last-child(2){ margin-right: 18px; } + +.sticky-nav{ background: rgba(255,255,255,0.9); } +.sticky-nav .menu li a{ color: @color-heading; } +.sticky-nav .bottom-border{ display: none; } +.sticky-nav .menu li a:hover{ border-color: rgba(0,0,0,0); } +.sticky-nav .sidebar-menu-toggle, .sticky-nav .mobile-menu-toggle{ color: @color-heading; } +.sticky-nav .nav-dropdown{ background: rgba(255,255,255,0.9); } +.sticky-nav .has-dropdown:before{ color: @color-heading; } + +.sidebar-menu-toggle, .mobile-menu-toggle{ position: absolute; color: #fff; font-size: 32px; right: 0px; top: -7px; cursor: pointer; .transition-300; } + +.mobile-menu-toggle{ display: none; } + +.sidebar-menu, .instagram-sidebar{ position: fixed; right: 0px; top: 0px; width: 300px; height: 100%; background: @color-heading; .translate3d(@x: 300px, @y: 0px, @z: 0px); .transition-300; } +.show-sidebar{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } +.reveal-sidebar{ .translate3d(@x: -300px, @y: 0px, @z: 0px); } + +.sidebar-content{ padding: 0px 24px; margin-top: 24px; } +.widget{ margin-bottom: 24px; } +.widget .title{ font-size: 16px; font-weight: 600; display: inline-block; margin-bottom: 12px; } +.widget .menu li{ float: none; margin-bottom: 12px; } +.widget .menu li a{ padding-bottom: 0px; color: #fff !important; font-size: 12px; } +.widget .menu li a:hover{ border-color: rgba(0,0,0,0); } +.widget .menu .social-link{ display: none; } +.widget .social-profiles li{ margin-right: 24px; } +.widget .social-profiles li a{ color: #fff; } + +.instagram-toggle{ cursor: pointer; } +.instagram-toggle-init{ pointer-events: none; } +.instagram-sidebar li{ width: 100%; height: 250px; } +.instagram-sidebar{ overflow-y: auto; } + +.sidebar-content .copy-text{ position: absolute; bottom: 32px; color: rgba(255,255,255,0.5); font-size: 12px; } +.text-panel{ background: lighten(@color-heading, 8%); padding: 18px; } + +.relative-nav{ position: relative; padding-top: 28px; background: #fff; } +.relative-nav .menu li a{ color: @color-heading; } +.relative-nav .has-dropdown:before{ color: @color-heading; } +.relative-nav .nav-dropdown{ background: rgba(53,53,53,0.8); } +.relative-nav .has-dropdown li a{ color: #fff; } +.relative-nav .sidebar-menu-toggle{ color: @color-heading; } +.relative-nav .logo-light{ opacity: 0 !important; } +.relative-nav .logo-dark{ opacity: 1 !important; } +.relative-nav .logo{ top: -4px !important; } + +.sidebar-menu .logo{ max-width: 110px; position: relative; top: 21px !important; margin-bottom: 32px; left: 24px; } + +@media all and(max-width: 768px){ + nav{ max-height: 67px; overflow: hidden; background: rgba(255,255,255,0.9) !important; } + nav .menu li{ float: none; margin-bottom: 24px; } + nav .menu li a{ color: @color-heading !important; padding-bottom: 0px; } + nav .logo{ max-width: 90px; top: -2px; } + nav .logo-dark{ opacity: 1 !important; } + nav .logo-light{ opacity: 0 !important; } + nav .menu{ width: 100%; display: block; margin-top: 67px; margin-right: 0px; } + nav .social-link{ float: left !important; } + .sidebar-menu-toggle{ display: none; } + .mobile-menu-toggle{ display: block; position: fixed; top: 17px; right: 24px; color: @color-heading !important; } + .open-menu{ max-height: 800px !important; } + .nav-dropdown{ position: relative; display: none; } + .has-dropdown:hover .nav-dropdown{ display: block; } + .has-dropdown:before{ color: @color-heading; } +} + +/*! +// 8. Sliders & Dividers & Headers +// --------------------------------------------------*/ + +.hero-slider{ padding: 0px; position: relative; overflow: hidden; } +.hero-slider .slides li{ height: 780px; position: relative; overflow: hidden; .preserve-3d; } +.hero-slider .slides li:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } + +.hero-slider .container{ .vertical-align; z-index: 2; } +.hero-slider h1{ margin-bottom: 42px; } + +.hero-slider .btn-hollow{ color: #fff; border-color: #fff; margin-left: 16px; } +.hero-slider .btn-hollow:hover{ background: #fff; color: @color-primary; } + +@media all and(max-width: 767px){ + .hero-slider .btn-hollow{ display: none; } +} + +.register-header form.register{ padding-top: 0px; background: rgba(0,0,0,0.4); padding: 24px; } +.register-header form input{ width: 100% !important; } +.register-header form.register span{ color: #fff; } +.register-header .logo, .hero-slide .logo{ max-width: 150px; display: block; margin-bottom: 12px; } + +.register-header h1{ margin-bottom: 24px !important; } + +@media all and(max-width: 768px){ + .register-header form.register .form-name, .register-header form.register .form-email{ max-width: 100%; width: 100%; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .register-header form.register .form-name, .register-header form.register .form-email{ width: 50%; } +} + +@media all and(max-width: 767px){ + .hero-slide .logo{ max-width: 100px; } + .register-header .logo{ display: none; } + .register-header h1{ display: none; } + .register-header form h1{ display: block; } + .register-header span.lead{ display: none; } + .register-header input, .register-header .select-holder{ max-width: 100% !important; } + .hero-slider h1{ margin-bottom: 18px; } +} + +.testimonials-slider{ position: relative; margin-bottom: 48px; } +.testimonials-slider .flex-control-nav a{ background:rgba(0,0,0,0.3); } +.testimonials-slider .flex-control-nav a.flex-active{ background:rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav a:hover{ background: rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav{ bottom: -48px; text-align: left; } + +.primary-overlay:before{ .overlay-params(@strength: 0.8, @bg-color: @color-primary); background-color: @color-primary !important; } + +.strip-divider{ padding: @standard-space*3 0px; position: relative; overflow: hidden; } +.strip-divider .container{ z-index: 2; position: relative; } +.strip-divider h1{ margin: 0px; font-size: 36px; line-height: 48px; } +.strip-divider a:hover{ color: #fff !important; } + +@media all and(max-width: 767px){ + .strip-divider{ padding: @standard-space 0px; } +} + +.countdown-divider{ padding: @standard-space*2 0px; } +.countdown-divider img, .countdown-header img, .video-header img{ max-width: 300px; display: inline-block; margin-bottom: 12px; } + +.countdown-header h1{ margin-bottom: 0px; } +.countdown-header:before{ opacity: 0.8 !important; } + +.video-header:before{ opacity: 0.5 !important; background: #000 !important; } +.video-header .uppercase, .countdown-header .uppercase{ display: block; font-weight: 600; margin-bottom: 24px; } + + +@media all and(max-width: 768px){ + .countdown-header img, .countdown-divider img, .video-header img{ max-width: 150px; } +} + +.countdown{ text-align: center; margin-top: @standard-space; } +.countdown-row{ color: #fff; font-size: 80px; font-weight: 300; } +.countdown-section{ width: 20%; display: inline-block; } +.countdown-amount{ display: inline-block; margin-bottom: 48px; } +.countdown-period{ display: block; font-size: 24px; } + +.section-header{ position: relative; overflow: hidden; height: 450px; } +.section-header h1{ font-size: 32px; } +.section-header.overlay:before{ opacity: 0.2; } +.section-header i{ font-size: 40px; color: #fff; margin: 0px 24px 12px 0px; } +.section-header i:last-of-type{ margin-right: 0px; } + +@media all and(max-width: 767px){ + .countdown{ margin-top: 48px; } + .countdown-row{ font-size: 36px; } + .countdown-period{ font-size: 16px; } +} + +.video-wrapper{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; } +.video-wrapper video{ width: 100%; } + +@media all and(max-width: 1390px){ + .video-wrapper video{ width: 110%; } +} + +@media all and(max-width: 1260px){ + .video-wrapper video{ width: 120%; } +} + +@media all and(max-width: 1160px){ + .video-wrapper video{ width: 130%; } +} + +@media all and(max-width: 1024px){ + .video-wrapper{ display: none; } +} + +.call-to-action{ padding: 144px 0px; } +.call-to-action .uppercase{ display: block; width: 100%; text-align: center; margin-bottom: 32px; } +.call-to-action h1{ margin-bottom: 32px; } +.call-to-action .btn{ margin-bottom: 40px; } +.call-to-action a i{ display: inline-block; width: 60px; height: 60px; border-radius: 50%; color: #fff; margin-right: 12px; font-size: 24px; line-height: 60px; } +.call-to-action .social_facebook{ background-color: #3b5998; } +.call-to-action .social_twitter{ background-color: #00aced; } +.call-to-action a:last-of-type i{ margin-right: 0px; } + +@media all and(max-width: 768px){ + .call-to-action{ padding: @standard-space 0px; } +} + +/*! +// 9. Image with text +// --------------------------------------------------*/ + +.image-with-text{ overflow: hidden; position: relative; height: 600px; } +.image-with-text h1{ margin-bottom: 24px; } + +.side-image{ padding: 0px; position: absolute; top: 0px; height: 100%; } + + +@media all and(max-width: 767px){ + .image-with-text{ height: auto; padding: @standard-space 0px; } + .image-with-text .vertical-align{ .vertical-align-cancel } +} + +/*! +// Promo Blocks +// --------------------------------------------------*/ + +.color-blocks{ position: relative; overflow: hidden; color: #fff; } +.color-block{ position: absolute; top: 0px; height: 100%; padding: 0px; color: #fff; .transition-300; } +.color-blocks h1, .color-blocks h2, .color-blocks h3, .color-blocks h4, .color-blocks h5, .color-blocks h6{ color: #fff; } +.color-blocks h1{ margin-bottom: 12px; } +.color-blocks a{ color: #fff; pointer-events: auto; } +.color-blocks a:hover i{ transform: rotateZ(-10deg); } +.color-blocks i, .contained-promo i{ color: @color-primary; font-size: 70px; display: inline-block; border: 2px solid #fff; border-radius: 50%; width: 120px; height: 120px; line-height: 117px; background: #fff; text-align: center; .transition-100; } +.block-left{ background-color: @color-primary; } +.block-right{ background-color: darken(@color-primary, 8%); right: 0px; } + +@media all and(max-width: 768px){ + .block-content{ margin-bottom: @standard-space*2; overflow: hidden; display: block; } + .block-content:last-of-type{ margin-bottom: 0px; } + .color-block{ height: 50%; width: 100%; } + .block-right{ top: 50%; } +} + +@media all and(max-width: 767px){ + .block-content i{ margin-bottom: 30px; } +} + + + +/*! +// 10. Speakers & Topics +// --------------------------------------------------*/ + +.speakers-row{ padding: 0px 15px; } +.speaker-column{ padding: 0px; } + +.speaker{ position: relative; overflow: hidden; } +.speaker,.topic{ margin-bottom: @standard-space/2; } +.speaker .hover-state{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; background: rgba(0,0,0,0.5); .transition-300; } +.speaker .image-holder{ margin-bottom: 12px; } +.speaker span{ display: block; font-size: 16px; } +.speaker-name{ color: @color-heading; } +.speaker .social-links{ width: 100%; .transition-300; .translate3d(@x: 0px, @y: -200px, @z: 0px); } +.speaker .social-links a{ color: #fff; font-size: 24px; display: inline-block; margin-left: 6px; } +.speaker .social-links a:last-child{ margin-right: 0px; } +.speaker .image-holder:hover .hover-state{ opacity: 1; } +.speaker .image-holder:hover .hover-state .social-links{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } + +.speaker-with-bio{ overflow: hidden; margin-bottom: @standard-space/2; } +.speaker-with-bio .speaker{ width: 50%; float: left; margin-bottom: 0px; } +.speaker-with-bio .speaker-description{ width: 50%; float: left; padding-left: 30px; } +.speaker-description span{ display: inline-block; margin-bottom: 18px; font-weight: 600; } + +@media all and(max-width: 767px){ + .speaker-with-bio .speaker{ width: 100%; } + .speaker-with-bio .speaker-description{ width: 100%; padding-left: 0px; } +} + +.topics{ position: relative; overflow: hidden; } +.topics .container{ position: relative; z-index: 2; } +.topics.overlay .ruled-list li{ border-color: rgba(255,255,255,0.5); } +.topics.overlay .topic i{ color: #fff; } + +.topic h3{ margin-bottom: 18px; } +.topic p.lead{ margin-bottom: 32px; } +.topic i{ font-size: 60px; color: @color-primary; display: inline-block; margin-bottom: 32px; } + +@media all and(max-width: 767px){ + .topic h3{ display: inline-block; position: relative; bottom: 18px; left: 12px; } + .topic i{ margin-bottom: 12px; } +} + +.ruled-list li{ border-top: 1px dotted rgba(0,0,0,0.3); padding: 12px 0px; font-size: 16px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .speakers-row .col-sm-6{ width: 50%; float: left !important; } +} + +/*! +// 11. Schedule +// --------------------------------------------------*/ + +.inline-video{ background: @color-muted; } +.inline-video iframe{ width: 100%; height: 300px; border: none; } +.inline-video .btn{ min-width: 150px; margin-top: 32px; margin-right: 16px; } + +@media all and(max-width: 768px){ + .inline-video iframe{ height: 350px; margin-top: 42px; } +} + +@media all and(max-width: 767px){ + .inline-video iframe{ height: 200px; margin-top: 30px; } + .inline-video .btn{ margin-top: 18px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .inline-video iframe{ height: 250px; } +} + +.embedded-video-holder p{ display: none; } + +.schedule-overview{ border: 2px solid rgba(0,0,0,0.2); margin-bottom: @standard-space/2; } +.schedule-overview li{ padding: 24px; position: relative; cursor: pointer; .transition-300; } +.schedule-overview li:first-child .top{ display: none; } +.schedule-overview li:last-child .bottom{ display: none; } + +.schedule-title span{ display: block; font-size: 16px; } +.schedule-title .title{ color: @color-heading; } + +.schedule-text{ max-height: 0px; .transition-300; opacity: 0; } + +.schedule-overview li:hover{ background-color: @color-muted; } +.schedule-overview li:hover .schedule-text{ max-height: 300px; opacity: 1; padding-top: 18px; } +.schedule-overview li:hover .top,.schedule-overview li:hover .bottom,.schedule-overview li:hover .middle{ border-color: rgba(0,0,0,0.4); } +.schedule-overview li:hover .middle{ background: @color-heading; } + +.schedule-with-text .btn, .contained-gallery .btn{ margin-top: 24px; margin-right: 12px; } +.schedule-with-text .schedule-overview li{ padding-right: 48px; } + +@media all and(max-width: 1024px){ + .schedule-overview li{ padding-right: 48px; } +} + +@media all and(max-width: 767px){ + .schedule-with-text .btn, .contained-gallery .btn{ margin-bottom: 32px; } +} + +.marker-pin{ position: absolute; right: 32px; top: 0px; height: 100%; } +.marker-pin .top, .marker-pin .bottom{ height: 50%; width: 2px; border-left: 2px solid rgba(0,0,0,0.2); position: absolute; z-index: 1; .transition-300; } +.marker-pin .top{ top: 0px; } +.marker-pin .bottom{ bottom: 0px; } +.marker-pin .middle{ width: 18px; height: 18px; border: 2px solid rgba(0,0,0,0.2); background: #fff; border-radius: 50%; position: absolute; right: -10px; top: 50%; margin-top: -9px; z-index: 2; .transition-300; } + +/*! +// 12. Galleries +// --------------------------------------------------*/ + +.instagram, .lightbox-gallery{ position: relative; padding: @standard-space*3 0px; } +.gallery-header{ } +.gallery-header .logo{ max-width: 400px; display: block; margin: 0px auto; margin-bottom: 12px; } + +@media screen and(max-width: 768px){ + .gallery-header .logo{ max-width: 200px; } + .gallery-header h1{ font-size: 24px !important; line-height: 32px !important; } +} + +.instagram, .lightbox-gallery{ overflow: hidden; background: #000 !important; } +.instagram ul, .lightbox-gallery ul{ overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0px; } +.instagram li, .lightbox-gallery li{ float: left; width: 20%; height: 50%; position: relative; cursor: pointer; .transition-300; overflow: hidden; background-size: cover !important; opacity: 0.5; } +.instagram li:hover, .lightbox-gallery li:hover{ opacity: 1 !important; } + +.instagram .container, .lightbox-gallery .container{ position: relative; z-index: 3; } +.instagram i, .lightbox-gallery i{ font-size: 48px; display: inline-block; margin-bottom: 16px; } +.instagram h1, .lightbox-gallery h1{ .large-h1; margin-bottom: 16px; } + +@media all and(max-width: 1200px){ + .instagram li:nth-child(n+9), .lightbox-gallery li:nth-child(n+9){ display: none; } + .instagram li, .lightbox-gallery li{ width: 25%; } +} + +@media all and(max-width: 900px){ + .instagram li:nth-child(n+7), .lightbox-gallery li:nth-child(n+7){ display: none; } + .instagram li, .lightbox-gallery li{ width: 33.333333%; } +} + +@media all and(max-width: 767px){ + .instagram, .lightbox-gallery{ padding: @standard-space*2 0px; } + .instagram li:nth-child(n+5), .lightbox-gallery li:nth-child(n+5){ display: none; } + .instagram li, .lightbox-gallery li{ width: 50%; } +} + + +.testimonials{ background: @color-muted; } + +.contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 185px 0px; } +.contained-gallery .instagram li:nth-child(n+9),.contained-gallery .lightbox-gallery li:nth-child(n+9){ display: none; } +.contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 25%; opacity: 0.7; } + +@media all and(max-width: 1024px){ + .contained-gallery .instagram li:nth-child(n+7){ display: none; } + .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333%; } + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 200px 0px; } +} + +@media all and(max-width: 768px){ + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ margin-bottom: 32px; } + .contained-gallery .btn{ margin-bottom: 0px; } + .contained-gallery .instagram li:nth-child(n+5), .contained-gallery .lightbox-gallery li:nth-child(n+5){ display: block !important; } + .contained-gallery .instagram li:nth-child(n+7), .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none !important; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333% !important; } +} + +/*! +// 13. Pricing +// --------------------------------------------------*/ + +.pricing-option{ overflow: hidden; background: @color-muted; .preserve-3d; position: relative; padding: @standard-space 0px; margin-bottom: 30px; .transition-300; } +.pricing-option .dot{ position: absolute; top: 24px; right: 24px; width: 24px; height: 24px; border-radius: 50%; background: #fff; } +.pricing-option:hover{ background: darken(@color-muted, 3%); } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .pricing-options .col-sm-6{ width: 50%; float: left; } +} + +.dollar, .price, .type{ font-weight: 600; color: @color-heading; font-size: 72px; } +.dollar{ font-size: 36px; position: relative; bottom: 22px; } +.price{ line-height: 1; } +.type{ display: block; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-top: 12px; } + +.plan-title{ display: block; font-weight: 600; margin-bottom: 12px; font-size: 18px; color: @color-heading; } + +.pricing-option ul li{ color: @color-body; } + +.pricing-option.emphasis{ background: @color-primary; color: #fff; } +.pricing-option.emphasis .type, .pricing-option.emphasis .dollar, .pricing-option.emphasis .price, .pricing-option.emphasis .plan-title, .pricing-option.emphasis ul li{ color: #fff !important; } + +@media all and(max-width: 991px){ + .type{ margin-bottom: 12px; } + .pricing-option{ text-align: center !important; } +} + +/*! +// Frequently Asked Questions +// --------------------------------------------------*/ + +.faq-item{ margin-bottom: @standard-space/2; } + +p.question{ font-weight: 600; color: @color-heading; font-size: 16px; } + +/*! +// Visitor Info +// --------------------------------------------------*/ + +.info-box{ margin-bottom: @standard-space/2; position: relative; overflow: hidden; } +.info-box img{ display: block; margin-bottom: 12px; } +.info-box h3{ margin-bottom: 12px; } +.info-box .text-link{ position: absolute; bottom: 12px; right: 0px; } +.text-link a{ display: inline-block; margin-left: 12px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .visitor-info .col-sm-4{ width: 50%; float: left; } +} + +/*! +// 14. Subscribe +// --------------------------------------------------*/ + +.subscribe-1{ position: relative; overflow: hidden; padding-top: @standard-space*2; padding-bottom: @standard-space/2; } +.subscribe-1:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } +.subscribe-1 .container{ position: relative; z-index: 2; } +.subscribe-1 .email-subscribe{ margin-bottom: @standard-space*3; } +.subscribe-1 footer{ border-top: 2px solid rgba(255,255,255,0.3); padding-top: @standard-space/2; } +.subscribe-1 .twitter-feed{ margin-bottom: @standard-space; } +.subscribe-1 h1{ margin-bottom: 30px; } + +.email-subscribe span{ display: block; margin-top: 12px; } + +.twitter-feed i{ font-size: 48px; display: inline-block; margin-bottom: 32px; } +.twitter-feed span a{ border-bottom: none; } + +.tweets-feed .user{ display: none; } +.tweets-feed .interact{ display: none; } +.tweets-feed .tweet{ color: #fff; font-size: 30px; line-height: 36px; font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } +.tweets-feed .tweet a{ color: #fff !important; border-color: #fff !important; } +.tweets-feed .timePosted{ display: none; } + +@media all and(max-width: 767px){ + .tweets-feed .tweet{ font-size: 20px; line-height: 26px; } + .subscribe-2 .form-email{ margin-bottom: 24px; } +} + + +/*! +// 15. Contact +// --------------------------------------------------*/ + +.contact-tweets{ background: @color-primary; color: #fff; position: relative; overflow: hidden; height: 600px; .preserve-3d; } +.contact-tweets .social_twitter{ font-size: 42px; margin-bottom: 32px; display: inline-block; } +.contact-tweets .map-holder{ position: absolute; height: 100%; padding: 0px; top: 0px; right: 0px; } +.contact-tweets .timePosted{ display: block !important; } +.map-holder:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; } +.map-holder iframe{ border: 0px; position: absolute; width: 100%; height: 100%; } +.contact-tweets span a{ border-bottom: 2px solid #fff; padding-bottom: 1px; } + +.contact-tweets form{ padding-top: 0px !important; } +.contact-tweets form .btn{ background: #fff; color: @color-primary; } +.contact-tweets form ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets .icon{ font-size: 60px; margin-bottom: 12px; } +.contact-tweets .form-message{ max-width: 95.5%; width: 95.5%; } + +.fullwidth-map{ padding: 0px; position: relative; overflow: hidden; } +.fullwidth-map .map-holder{ width: 100%; height: 400px; overflow: hidden; } +.fullwidth-map.screen:before{ content: ''; position: absolute; width: 100%; height: 100%; z-index: 2; } + + +/*! +// Sponsors +// --------------------------------------------------*/ + +.sponsors{ background: @color-muted; } +.sponsor{ margin-bottom: @standard-space/2; height: 80px; line-height: 80px; } +.sponsor img{ max-width: 150px; .transition-300; max-height: 80px; } + +.sponsors span{ display: inline-block; margin-top: 24px; } +.sponsors span a{ color: @color-primary; border-color: @color-primary; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .sponsors .col-sm-6{ width: 50%; float: left; } +} + + + +/*! +// 16. Forms +// --------------------------------------------------*/ + +form.register{ overflow: hidden; padding-top: 24px; display: block; } +form.register div{ padding: 0px; } +input[type="text"], form.register .select-holder{ margin-bottom: 32px; padding: 12px; border: none; background: rgba(255,255,255,0.1); border-radius: 25px; font-size: 14px; max-width: 90%; color: #fff; padding-left: 24px; .transition-300; } +input[type="text"]:focus, form.register .select-holder:focus,input[type="text"]:hover, form.register .select-holder:hover{ outline: none; background: rgba(255,255,255,0.2); } + +form.register select{ width: 90%; margin: 0px; background: none; border: none; cursor: pointer; } +form.register select:focus{ outline: none; } + +form.register input[type="submit"]{ padding-bottom: 12px; width: 90%; margin-bottom: 12px; } + +input[type="submit"]{ font-weight: normal; } + +.email-subscribe{ overflow: hidden; } +.email-subscribe input{ margin: 0px auto; min-width: 100%; max-width: 100%; } +.email-subscribe input[type="text"]{ background: rgba(255,255,255,0.3); } +.email-subscribe input[type="text"]:hover, .email-subscribe input[type="text"]:focus{ background: rgba(255,255,255,0.4); } +.email-subscribe ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe input[type="submit"]{ min-height: 48px; } + +.subscribe-2 .email-subscribe input[type="text"]{ background: rgba(0,0,0,0.2); } +.subscribe-2 i{ color: @color-primary; font-size: 70px; display: inline-block; margin-right: 24px; margin-bottom: 18px; } +.subscribe-2 i:last-of-type{ margin-right: 0px; } + +input.error{ color: #ff4532; } + +.mail-list-form{ width: 0px; height: 0px; opacity: 0; overflow: hidden; } + +.form-success, .form-error{ display: none; width: 100%; padding: 6px 18px 8px 18px !important; margin-top: 12px; color: #fff; background-color: #55c950; border-radius: 20px; } +.form-error{ background-color: #D74B4B; } +form .field-error{ background: #D74B4B !important; } + +@media all and(max-width: 768px){ + +} + +@media all and(max-width: 767px){ + form.register input, form.register .select-holder{ width: 100% !important; max-width: 100%; } + .subscribe-1 .email-subscribe input[type="text"]{ margin-bottom: 24px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + form.register .col-sm-6{ width: 50%; float: left; } + form.register input, form.register .select-holder{ max-width: 95% !important; } + form.register input[type="submit"]{ max-width: 100% !important; } +} + +/*! +// Utility Pages +// --------------------------------------------------*/ + +.error-page{ background: @color-primary; padding: 0px; } +.error-page h1{ font-size: 84px; line-height: 96px; margin-bottom: 0px; margin-bottom: 12px; } +.error-page p{ font-size: 24px; line-height: 32px; } +.error-page i{ color: #fff; font-size: 84px; display: inline-block; margin-right: 24px; } +.error-page i:last-of-type{ margin-right: 0px; } +.error-page .btn{ margin-right: 24px; margin-top: 12px; } + +@media all and(max-width: 767px){ + .error-page i{ display: none; } +} + +/*! +// 17. Footers +// --------------------------------------------------*/ + + +.footer .top-border{ height: 2px; width: 100%; background: rgba(255,255,255,0.3); margin-bottom: 32px; } +.footer .menu{ overflow: visible; } +.footer .menu li{ top: 0px; } +.footer .menu li a{ padding-bottom: 0px; } +.footer .menu li .btn{ min-width: 0px; padding: 10px 18px; font-size: 14px; } +.footer .menu li a{ diplay: inline-block; position: relative; border: none; } +.footer .menu li a:hover{ border: none; } +.footer .back-to-top{ padding-right: 42px; } +.footer .menu li a i{ font-size: 36px; position: absolute; right: 0px; top: -12px; } + +@media all and(max-width: 767px){ + .footer .text-right{ text-align: left !important; } + .footer .menu{ margin-top: 24px; } + .footer .menu li{ float: none; margin-bottom: 12px; } +} + +footer.classic{ padding: @standard-space 0px @standard-space/2 0px; background: @color-muted; } +footer.classic .menu li{ float: none; margin-bottom: 12px; } +footer.classic .menu li a{ color: @color-heading; padding-bottom: 0px; font-weight: 600; } +footer.classic span.lead{ display: inline-block; margin-bottom: 12px; } + +footer.short{ background: @color-heading; color: #fff; padding: @standard-space 0px; } +footer.short .top-border{ height: 1px !important; } + +@media all and(max-width: 767px){ + footer.classic div{ margin-bottom: 18px; } +} + +.contact-methods li{ margin-bottom: 12px; } +.contact-methods li:last-child{ margin-bottom: 0px; } +.contact-methods i{ font-size: 36px; color: @color-heading; } +.contact-methods span{ display: inline-block; position: relative; bottom: 10px; left:8px; font-size: 16px; } + +footer.classic .social-profiles{ margin-top: 36px; } + +.social-profiles{ display: inline-block; overflow: hidden; } +.social-profiles li{ float: left; margin-right: 36px; } +.social-profiles li:last-child{ margin-right: 0px; } +.social-profiles li a{ color: @color-heading; font-size: 20px; } + diff --git a/static/new/css/less/humblebumble.less b/static/new/css/less/humblebumble.less new file mode 100644 index 00000000..510f303d --- /dev/null +++ b/static/new/css/less/humblebumble.less @@ -0,0 +1,901 @@ +/*! +// Contents +// ------------------------------------------------ + + 1. Mixins + 2. Helper classes & resets + 3. Loader + 4. Colours + 5. Typography + 6. Spacing + 7. Buttons + 8. Navigation + 9. Slider, Dividers + 10. Speakers & Topics + 11. Schedule + 12. Galleries + 13. Pricing & FAQ + 14. Subscribe + 15. Contact + 16. Forms + 17. Footers + +// --------------------------------------------------*/ + +@import "variables.less"; +@import "mixins.less"; + +/*! +// 1. Useful Mixins +// --------------------------------------------------*/ + +.vertical-align { + position: relative; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.vertical-align-cancel{ + top: 0px; + -webkit-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); +} + +.preserve-3d { + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + transform-style: preserve-3d; +} + +.transition-100{ + transition: all .1s ease-out; + -webkit-transition: all .1s ease-out; + -moz-transition: all .1s ease-out; +} + +.transition-300{ + transition: all .3s ease-out; + -webkit-transition: all .3s ease-out; + -moz-transition: all .3s ease-out; +} + +.transition-700{ + transition: all .7s ease-out; + -webkit-transition: all .7s ease-out; + -moz-transition: all .7s ease-out; +} + +.translate3d(@x,@y,@z){ + transform: translate3d(@x,@y,@z); + -webkit-transform: translate3d(@x,@y,@z); + -moz-transform: translate3d(@x,@y,@z); +} + +.scale2d(@x,@y){ + transform: scale(@x,@y); + -webkit-transform: scale(@x,@y); + -moz-transform: scale(@x,@y); +} + +.overlay-params(@strength, @bg-color){ + background-color: @bg-color; + opacity: @strength; + position: absolute; + content: ''; + width: 100%; + height: 100%; + z-index: 1; + top: 0px; +} + +.overlay:before{ .overlay-params(@strength: 0.5, @bg-color: @color-heading); } +.overlay .container{ position: relative; z-index: 2; } + +/*! +// 2. Helper Classes & Resets +// --------------------------------------------------*/ + +.go-right{ right: 0px; } +.go-left{ left: 0px; } + +img{ max-width: 100%; } + +.main-container{ .transition-300; } + +/*! +// 3. Loader +// --------------------------------------------------*/ + +.loader{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; background: #fff; .preserve-3d; .transition-300; opacity: 1; } +.strip-holder{ .vertical-align; left: 50%; margin-left: -50px; position: relative; } +.strip-1, .strip-2, .strip-3{ width: 20px; height: 20px; background: @color-primary; position: relative; -webkit-animation: stripMove 2s ease infinite alternate; animation: stripMove 2s ease infinite alternate; -moz-animation: stripMove 2s ease infinite alternate; } +.strip-2{ -webkit-animation-duration: 2.1s; animation-duration: 2.1s; background-color: lighten(@color-primary, 20%); } +.strip-3{ -webkit-animation-duration: 2.2s; animation-duration: 2.2s; background-color: lighten(@color-primary, 40%); } + + +@-webkit-keyframes stripMove{ + 0% { .translate3d(@x: 0px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } +} + +@-moz-keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +@keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +.main-container{ .transition-300; opacity: 0; } +nav{ .transition-300; opacity: 0; } +.show-content{ opacity: 1 !important; } +.hide-loader{ opacity: 0 !important; } + + +/*! +// 4. Colours +// --------------------------------------------------*/ + +@color-primary: #FFDB00; +@color-heading: #333; +@color-body: #777; +@color-muted: #f5f5f5 !important; + +.background-dark{ background-color: @color-heading !important; } +.color-heading{ color: @color-heading; } + +/*! +// 5. Typography +// --------------------------------------------------*/ + +@custom-heading-font: 'Open Sans'; +@custom-body-font: 'Open Sans'; + +.text-white{ color: #fff; } + +body{ font-family: @custom-body-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: @color-body; font-size: 14px; line-height: 24px; background: #fff; } +h1,h2,h3,h4,h5,h6{ font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; margin: 0px; color: @color-heading; } + +h1{ font-size: 30px; line-height: 36px; margin-bottom: 42px; } +h3{ font-size: 20px; line-height: 28px; } + +.large-h1{ font-size: 42px; line-height: 48px; font-weight: 300; } + +p{ font-size: 14px; line-height: 24px; } +p:last-child{ margin-bottom: 0px; } +p.lead{ font-size: 16px; line-height: 30px; font-weight: 400; } +span.lead{ font-weight: 400; } +.uppercase{ text-transform: uppercase; letter-spacing: 1px; display: inline-block; margin-right: -1px; } + +strong{ font-weight: 600; } + +ul{ list-style: none; margin: 0px; padding: 0px; } + +@media all and(max-width: 767px){ + h1{ font-size: 24px; line-height: 28px; margin-bottom: 36px; } + h2{ font-size: 20px; line-height: 26px; } + + .large-h1{ font-size: 24px; line-height: 28px; } + + p{ font-size: 13px; line-height: 22px; } + p.lead{ font-size: 15px; line-height: 26px; } +} + + +/*! +// Spacing Standards +// --------------------------------------------------*/ + +@standard-space: 72px; + +section{ padding: @standard-space 0px; background: #fff; } + +.duplicatable-content{ padding-bottom: @standard-space/2; } + + +/*! +// 6. Buttons +// --------------------------------------------------*/ + +a:hover{ text-decoration: none; } +h1 a, span a,p a,.text-link a{ font-weight: 600; color: #fff; display: inline-block; border-bottom: 4px solid #fff; padding-bottom: 6px; .transition-300; } +span a, p a,.text-link a{ padding-bottom: 4px; border-bottom: 3px solid #fff; } +span a:hover{ color: #fff; } +p a, .text-link a{ color: @color-primary !important; border-color: @color-primary; padding-bottom: 2px; } +p a, .text-link a:hover{ color: @color-heading; } + +.btn{ min-width: 180px; border-radius: 25px; background: @color-primary; text-align: center; padding: 13px 0px 14px 0px; color: #fff; font-size: 15px; .transition-300; font-weight: 600; line-height: 1; } +.btn:hover{ color: #fff; background: darken(@color-primary, 5%); } +.btn-hollow{ background: none; border: 2px solid @color-primary; color: @color-primary; } +.btn-hollow:hover{ background: @color-primary; } + +.btn-white{ background: #fff; color: @color-primary; } +.btn-white:hover{ background: #fff; color: darken(@color-primary,10%); } + +.btn-hollow.btn-white{ background: none; border-color: #fff; color: #fff; } +.btn-hollow.btn-white:hover{ background: #fff; color: @color-primary; } + +.btn-lg{ padding: 20px 0px 21px 0px; text-transform: uppercase; min-width: 230px; border-radius: 35px; } + +/*! +// Backgrounds & Parallax +// --------------------------------------------------*/ + +.background-image-holder{ position: absolute; width: 100%; height: 130%; top: -10%; background-size: cover !important; background-position: 50% 50% !important; } +.image-holder{ position: relative; overflow: hidden; } + +/*! +// 7. Navigation +// --------------------------------------------------*/ + +nav .logo{ max-height: 45px; max-width: 110px; position: absolute; top: -6px; opacity: 1; } +nav .text-right{ position: relative; } +nav .container{ .transition-300; } + +.overlay-nav{ position:fixed; top: 0px; z-index: 10; width: 100%; padding-top: @standard-space/3; line-height: 1; background: none; .transition-300; } +.overlay-nav .logo-dark{ opacity: 0; } +.overlay-nav.sticky-nav .logo-light{ opacity: 0; } +.overlay-nav.sticky-nav .logo-dark{ opacity: 1; } + +.bottom-border{ position: absolute; bottom: 2px; width: 100%; height: 2px; background: rgba(255,255,255,0.3); } +.sidebar-menu .bottom-border{ position: relative; bottom: 0px; background: rgba(255,255,255,0.2); display: block !important; } + +.menu{ display: inline-block; text-align: left; line-height: 1; } +.menu li{ float: left; margin-right: 32px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; position: relative; top: 4px; } +.menu li:last-child{ margin-right: 0px; } +.menu li:nth-las-child(2){ margin-right: 12px; } +.menu li a{ color: #fff; display: inline-block; padding-bottom: @standard-space/3; border-bottom: 2px solid rgba(0,0,0,0); .transition-300; } +.menu li a:hover{ border-bottom: 2px solid #fff; } + +.nav-dropdown{ position: absolute; z-index: -1; max-height: 0px; background: rgba(255,255,255,0.9); min-width: 200px; .transition-300; } +.nav-dropdown li:first-child{ margin-top: 12px; } +.nav-dropdown li{ opacity: 0; .transition-300; margin-right: 0px; float: none; margin-bottom: 18px; } +.nav-dropdown li a{ padding-bottom: 0px; padding-left: 24px; color: @color-heading; } +.nav-dropdown li a:hover{ border-color: rgba(0,0,0,0); } + +.has-dropdown:hover .nav-dropdown{ z-index: 10; max-height: 300px; } +.has-dropdown:hover .nav-dropdown li{ opacity: 1; } + +.has-dropdown a{ padding-left: 18px; } +.has-dropdown:before{ display: inline-block; font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e688"; color: #fff; font-size: 24px; position: absolute; top: -6px; } + +.menu .social-link{ font-size: 14px; top: 0px !important; margin-right: 18px !important; } +.menu .social-link:nth-last-child(2){ margin-right: 18px; } + +.sticky-nav{ background: rgba(255,255,255,0.9); } +.sticky-nav .menu li a{ color: @color-heading; } +.sticky-nav .bottom-border{ display: none; } +.sticky-nav .menu li a:hover{ border-color: rgba(0,0,0,0); } +.sticky-nav .sidebar-menu-toggle, .sticky-nav .mobile-menu-toggle{ color: @color-heading; } +.sticky-nav .nav-dropdown{ background: rgba(255,255,255,0.9); } +.sticky-nav .has-dropdown:before{ color: @color-heading; } + +.sidebar-menu-toggle, .mobile-menu-toggle{ position: absolute; color: #fff; font-size: 32px; right: 0px; top: -7px; cursor: pointer; .transition-300; } + +.mobile-menu-toggle{ display: none; } + +.sidebar-menu, .instagram-sidebar{ position: fixed; right: 0px; top: 0px; width: 300px; height: 100%; background: @color-heading; .translate3d(@x: 300px, @y: 0px, @z: 0px); .transition-300; } +.show-sidebar{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } +.reveal-sidebar{ .translate3d(@x: -300px, @y: 0px, @z: 0px); } + +.sidebar-content{ padding: 0px 24px; margin-top: 24px; } +.widget{ margin-bottom: 24px; } +.widget .title{ font-size: 16px; font-weight: 600; display: inline-block; margin-bottom: 12px; } +.widget .menu li{ float: none; margin-bottom: 12px; } +.widget .menu li a{ padding-bottom: 0px; color: #fff !important; font-size: 12px; } +.widget .menu li a:hover{ border-color: rgba(0,0,0,0); } +.widget .menu .social-link{ display: none; } +.widget .social-profiles li{ margin-right: 24px; } +.widget .social-profiles li a{ color: #fff; } + +.instagram-toggle{ cursor: pointer; } +.instagram-toggle-init{ pointer-events: none; } +.instagram-sidebar li{ width: 100%; height: 250px; } +.instagram-sidebar{ overflow-y: auto; } + +.sidebar-content .copy-text{ position: absolute; bottom: 32px; color: rgba(255,255,255,0.5); font-size: 12px; } +.text-panel{ background: lighten(@color-heading, 8%); padding: 18px; } + +.relative-nav{ position: relative; padding-top: 28px; background: #fff; } +.relative-nav .menu li a{ color: @color-heading; } +.relative-nav .has-dropdown:before{ color: @color-heading; } +.relative-nav .nav-dropdown{ background: rgba(53,53,53,0.8); } +.relative-nav .has-dropdown li a{ color: #fff; } +.relative-nav .sidebar-menu-toggle{ color: @color-heading; } +.relative-nav .logo-light{ opacity: 0 !important; } +.relative-nav .logo-dark{ opacity: 1 !important; } +.relative-nav .logo{ top: -4px !important; } + +.sidebar-menu .logo{ max-width: 110px; position: relative; top: 21px !important; margin-bottom: 32px; left: 24px; } + +@media all and(max-width: 768px){ + nav{ max-height: 67px; overflow: hidden; background: rgba(255,255,255,0.9) !important; } + nav .menu li{ float: none; margin-bottom: 24px; } + nav .menu li a{ color: @color-heading !important; padding-bottom: 0px; } + nav .logo{ max-width: 90px; top: -2px; } + nav .logo-dark{ opacity: 1 !important; } + nav .logo-light{ opacity: 0 !important; } + nav .menu{ width: 100%; display: block; margin-top: 67px; margin-right: 0px; } + nav .social-link{ float: left !important; } + .sidebar-menu-toggle{ display: none; } + .mobile-menu-toggle{ display: block; position: fixed; top: 17px; right: 24px; color: @color-heading !important; } + .open-menu{ max-height: 800px !important; } + .nav-dropdown{ position: relative; display: none; } + .has-dropdown:hover .nav-dropdown{ display: block; } + .has-dropdown:before{ color: @color-heading; } +} + +/*! +// 8. Sliders & Dividers & Headers +// --------------------------------------------------*/ + +.hero-slider{ padding: 0px; position: relative; overflow: hidden; } +.hero-slider .slides li{ height: 780px; position: relative; overflow: hidden; .preserve-3d; } +.hero-slider .slides li:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } + +.hero-slider .container{ .vertical-align; z-index: 2; } +.hero-slider h1{ margin-bottom: 42px; } + +.hero-slider .btn-hollow{ color: #fff; border-color: #fff; margin-left: 16px; } +.hero-slider .btn-hollow:hover{ background: #fff; color: @color-primary; } + +@media all and(max-width: 767px){ + .hero-slider .btn-hollow{ display: none; } +} + +.register-header form.register{ padding-top: 0px; background: rgba(0,0,0,0.4); padding: 24px; } +.register-header form input{ width: 100% !important; } +.register-header form.register span{ color: #fff; } +.register-header .logo, .hero-slide .logo{ max-width: 150px; display: block; margin-bottom: 12px; } + +.register-header h1{ margin-bottom: 24px !important; } + +@media all and(max-width: 768px){ + .register-header form.register .form-name, .register-header form.register .form-email{ max-width: 100%; width: 100%; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .register-header form.register .form-name, .register-header form.register .form-email{ width: 50%; } +} + +@media all and(max-width: 767px){ + .hero-slide .logo{ max-width: 100px; } + .register-header .logo{ display: none; } + .register-header h1{ display: none; } + .register-header form h1{ display: block; } + .register-header span.lead{ display: none; } + .register-header input, .register-header .select-holder{ max-width: 100% !important; } + .hero-slider h1{ margin-bottom: 18px; } +} + +.testimonials-slider{ position: relative; margin-bottom: 48px; } +.testimonials-slider .flex-control-nav a{ background:rgba(0,0,0,0.3); } +.testimonials-slider .flex-control-nav a.flex-active{ background:rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav a:hover{ background: rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav{ bottom: -48px; text-align: left; } + +.primary-overlay:before{ .overlay-params(@strength: 0.8, @bg-color: @color-primary); background-color: @color-primary !important; } + +.strip-divider{ padding: @standard-space*3 0px; position: relative; overflow: hidden; } +.strip-divider .container{ z-index: 2; position: relative; } +.strip-divider h1{ margin: 0px; font-size: 36px; line-height: 48px; } +.strip-divider a:hover{ color: #fff !important; } + +@media all and(max-width: 767px){ + .strip-divider{ padding: @standard-space 0px; } +} + +.countdown-divider{ padding: @standard-space*2 0px; } +.countdown-divider img, .countdown-header img, .video-header img{ max-width: 300px; display: inline-block; margin-bottom: 12px; } + +.countdown-header h1{ margin-bottom: 0px; } +.countdown-header:before{ opacity: 0.8 !important; } + +.video-header:before{ opacity: 0.5 !important; background: #000 !important; } +.video-header .uppercase, .countdown-header .uppercase{ display: block; font-weight: 600; margin-bottom: 24px; } + + +@media all and(max-width: 768px){ + .countdown-header img, .countdown-divider img, .video-header img{ max-width: 150px; } +} + +.countdown{ text-align: center; margin-top: @standard-space; } +.countdown-row{ color: #fff; font-size: 80px; font-weight: 300; } +.countdown-section{ width: 20%; display: inline-block; } +.countdown-amount{ display: inline-block; margin-bottom: 48px; } +.countdown-period{ display: block; font-size: 24px; } + +.section-header{ position: relative; overflow: hidden; height: 450px; } +.section-header h1{ font-size: 32px; } +.section-header.overlay:before{ opacity: 0.2; } +.section-header i{ font-size: 40px; color: #fff; margin: 0px 24px 12px 0px; } +.section-header i:last-of-type{ margin-right: 0px; } + +@media all and(max-width: 767px){ + .countdown{ margin-top: 48px; } + .countdown-row{ font-size: 36px; } + .countdown-period{ font-size: 16px; } +} + +.video-wrapper{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; } +.video-wrapper video{ width: 100%; } + +@media all and(max-width: 1390px){ + .video-wrapper video{ width: 110%; } +} + +@media all and(max-width: 1260px){ + .video-wrapper video{ width: 120%; } +} + +@media all and(max-width: 1160px){ + .video-wrapper video{ width: 130%; } +} + +@media all and(max-width: 1024px){ + .video-wrapper{ display: none; } +} + +.call-to-action{ padding: 144px 0px; } +.call-to-action .uppercase{ display: block; width: 100%; text-align: center; margin-bottom: 32px; } +.call-to-action h1{ margin-bottom: 32px; } +.call-to-action .btn{ margin-bottom: 40px; } +.call-to-action a i{ display: inline-block; width: 60px; height: 60px; border-radius: 50%; color: #fff; margin-right: 12px; font-size: 24px; line-height: 60px; } +.call-to-action .social_facebook{ background-color: #3b5998; } +.call-to-action .social_twitter{ background-color: #00aced; } +.call-to-action a:last-of-type i{ margin-right: 0px; } + +@media all and(max-width: 768px){ + .call-to-action{ padding: @standard-space 0px; } +} + +/*! +// 9. Image with text +// --------------------------------------------------*/ + +.image-with-text{ overflow: hidden; position: relative; height: 600px; } +.image-with-text h1{ margin-bottom: 24px; } + +.side-image{ padding: 0px; position: absolute; top: 0px; height: 100%; } + + +@media all and(max-width: 767px){ + .image-with-text{ height: auto; padding: @standard-space 0px; } + .image-with-text .vertical-align{ .vertical-align-cancel } +} + +/*! +// Promo Blocks +// --------------------------------------------------*/ + +.color-blocks{ position: relative; overflow: hidden; color: #fff; } +.color-block{ position: absolute; top: 0px; height: 100%; padding: 0px; color: #fff; .transition-300; } +.color-blocks h1, .color-blocks h2, .color-blocks h3, .color-blocks h4, .color-blocks h5, .color-blocks h6{ color: #fff; } +.color-blocks h1{ margin-bottom: 12px; } +.color-blocks a{ color: #fff; pointer-events: auto; } +.color-blocks a:hover i{ transform: rotateZ(-10deg); } +.color-blocks i, .contained-promo i{ color: @color-primary; font-size: 70px; display: inline-block; border: 2px solid #fff; border-radius: 50%; width: 120px; height: 120px; line-height: 117px; background: #fff; text-align: center; .transition-100; } +.block-left{ background-color: @color-primary; } +.block-right{ background-color: darken(@color-primary, 8%); right: 0px; } + +@media all and(max-width: 768px){ + .block-content{ margin-bottom: @standard-space*2; overflow: hidden; display: block; } + .block-content:last-of-type{ margin-bottom: 0px; } + .color-block{ height: 50%; width: 100%; } + .block-right{ top: 50%; } +} + +@media all and(max-width: 767px){ + .block-content i{ margin-bottom: 30px; } +} + + + +/*! +// 10. Speakers & Topics +// --------------------------------------------------*/ + +.speakers-row{ padding: 0px 15px; } +.speaker-column{ padding: 0px; } + +.speaker{ position: relative; overflow: hidden; } +.speaker,.topic{ margin-bottom: @standard-space/2; } +.speaker .hover-state{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; background: rgba(0,0,0,0.5); .transition-300; } +.speaker .image-holder{ margin-bottom: 12px; } +.speaker span{ display: block; font-size: 16px; } +.speaker-name{ color: @color-heading; } +.speaker .social-links{ width: 100%; .transition-300; .translate3d(@x: 0px, @y: -200px, @z: 0px); } +.speaker .social-links a{ color: #fff; font-size: 24px; display: inline-block; margin-left: 6px; } +.speaker .social-links a:last-child{ margin-right: 0px; } +.speaker .image-holder:hover .hover-state{ opacity: 1; } +.speaker .image-holder:hover .hover-state .social-links{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } + +.speaker-with-bio{ overflow: hidden; margin-bottom: @standard-space/2; } +.speaker-with-bio .speaker{ width: 50%; float: left; margin-bottom: 0px; } +.speaker-with-bio .speaker-description{ width: 50%; float: left; padding-left: 30px; } +.speaker-description span{ display: inline-block; margin-bottom: 18px; font-weight: 600; } + +@media all and(max-width: 767px){ + .speaker-with-bio .speaker{ width: 100%; } + .speaker-with-bio .speaker-description{ width: 100%; padding-left: 0px; } +} + +.topics{ position: relative; overflow: hidden; } +.topics .container{ position: relative; z-index: 2; } +.topics.overlay .ruled-list li{ border-color: rgba(255,255,255,0.5); } +.topics.overlay .topic i{ color: #fff; } + +.topic h3{ margin-bottom: 18px; } +.topic p.lead{ margin-bottom: 32px; } +.topic i{ font-size: 60px; color: @color-primary; display: inline-block; margin-bottom: 32px; } + +@media all and(max-width: 767px){ + .topic h3{ display: inline-block; position: relative; bottom: 18px; left: 12px; } + .topic i{ margin-bottom: 12px; } +} + +.ruled-list li{ border-top: 1px dotted rgba(0,0,0,0.3); padding: 12px 0px; font-size: 16px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .speakers-row .col-sm-6{ width: 50%; float: left !important; } +} + +/*! +// 11. Schedule +// --------------------------------------------------*/ + +.inline-video{ background: @color-muted; } +.inline-video iframe{ width: 100%; height: 300px; border: none; } +.inline-video .btn{ min-width: 150px; margin-top: 32px; margin-right: 16px; } + +@media all and(max-width: 768px){ + .inline-video iframe{ height: 350px; margin-top: 42px; } +} + +@media all and(max-width: 767px){ + .inline-video iframe{ height: 200px; margin-top: 30px; } + .inline-video .btn{ margin-top: 18px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .inline-video iframe{ height: 250px; } +} + +.embedded-video-holder p{ display: none; } + +.schedule-overview{ border: 2px solid rgba(0,0,0,0.2); margin-bottom: @standard-space/2; } +.schedule-overview li{ padding: 24px; position: relative; cursor: pointer; .transition-300; } +.schedule-overview li:first-child .top{ display: none; } +.schedule-overview li:last-child .bottom{ display: none; } + +.schedule-title span{ display: block; font-size: 16px; } +.schedule-title .title{ color: @color-heading; } + +.schedule-text{ max-height: 0px; .transition-300; opacity: 0; } + +.schedule-overview li:hover{ background-color: @color-muted; } +.schedule-overview li:hover .schedule-text{ max-height: 300px; opacity: 1; padding-top: 18px; } +.schedule-overview li:hover .top,.schedule-overview li:hover .bottom,.schedule-overview li:hover .middle{ border-color: rgba(0,0,0,0.4); } +.schedule-overview li:hover .middle{ background: @color-heading; } + +.schedule-with-text .btn, .contained-gallery .btn{ margin-top: 24px; margin-right: 12px; } +.schedule-with-text .schedule-overview li{ padding-right: 48px; } + +@media all and(max-width: 1024px){ + .schedule-overview li{ padding-right: 48px; } +} + +@media all and(max-width: 767px){ + .schedule-with-text .btn, .contained-gallery .btn{ margin-bottom: 32px; } +} + +.marker-pin{ position: absolute; right: 32px; top: 0px; height: 100%; } +.marker-pin .top, .marker-pin .bottom{ height: 50%; width: 2px; border-left: 2px solid rgba(0,0,0,0.2); position: absolute; z-index: 1; .transition-300; } +.marker-pin .top{ top: 0px; } +.marker-pin .bottom{ bottom: 0px; } +.marker-pin .middle{ width: 18px; height: 18px; border: 2px solid rgba(0,0,0,0.2); background: #fff; border-radius: 50%; position: absolute; right: -10px; top: 50%; margin-top: -9px; z-index: 2; .transition-300; } + +/*! +// 12. Galleries +// --------------------------------------------------*/ + +.instagram, .lightbox-gallery{ position: relative; padding: @standard-space*3 0px; } +.gallery-header{ } +.gallery-header .logo{ max-width: 400px; display: block; margin: 0px auto; margin-bottom: 12px; } + +@media screen and(max-width: 768px){ + .gallery-header .logo{ max-width: 200px; } + .gallery-header h1{ font-size: 24px !important; line-height: 32px !important; } +} + +.instagram, .lightbox-gallery{ overflow: hidden; background: #000 !important; } +.instagram ul, .lightbox-gallery ul{ overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0px; } +.instagram li, .lightbox-gallery li{ float: left; width: 20%; height: 50%; position: relative; cursor: pointer; .transition-300; overflow: hidden; background-size: cover !important; opacity: 0.5; } +.instagram li:hover, .lightbox-gallery li:hover{ opacity: 1 !important; } + +.instagram .container, .lightbox-gallery .container{ position: relative; z-index: 3; } +.instagram i, .lightbox-gallery i{ font-size: 48px; display: inline-block; margin-bottom: 16px; } +.instagram h1, .lightbox-gallery h1{ .large-h1; margin-bottom: 16px; } + +@media all and(max-width: 1200px){ + .instagram li:nth-child(n+9), .lightbox-gallery li:nth-child(n+9){ display: none; } + .instagram li, .lightbox-gallery li{ width: 25%; } +} + +@media all and(max-width: 900px){ + .instagram li:nth-child(n+7), .lightbox-gallery li:nth-child(n+7){ display: none; } + .instagram li, .lightbox-gallery li{ width: 33.333333%; } +} + +@media all and(max-width: 767px){ + .instagram, .lightbox-gallery{ padding: @standard-space*2 0px; } + .instagram li:nth-child(n+5), .lightbox-gallery li:nth-child(n+5){ display: none; } + .instagram li, .lightbox-gallery li{ width: 50%; } +} + + +.testimonials{ background: @color-muted; } + +.contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 185px 0px; } +.contained-gallery .instagram li:nth-child(n+9),.contained-gallery .lightbox-gallery li:nth-child(n+9){ display: none; } +.contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 25%; opacity: 0.7; } + +@media all and(max-width: 1024px){ + .contained-gallery .instagram li:nth-child(n+7){ display: none; } + .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333%; } + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 200px 0px; } +} + +@media all and(max-width: 768px){ + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ margin-bottom: 32px; } + .contained-gallery .btn{ margin-bottom: 0px; } + .contained-gallery .instagram li:nth-child(n+5), .contained-gallery .lightbox-gallery li:nth-child(n+5){ display: block !important; } + .contained-gallery .instagram li:nth-child(n+7), .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none !important; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333% !important; } +} + +/*! +// 13. Pricing +// --------------------------------------------------*/ + +.pricing-option{ overflow: hidden; background: @color-muted; .preserve-3d; position: relative; padding: @standard-space 0px; margin-bottom: 30px; .transition-300; } +.pricing-option .dot{ position: absolute; top: 24px; right: 24px; width: 24px; height: 24px; border-radius: 50%; background: #fff; } +.pricing-option:hover{ background: darken(@color-muted, 3%); } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .pricing-options .col-sm-6{ width: 50%; float: left; } +} + +.dollar, .price, .type{ font-weight: 600; color: @color-heading; font-size: 72px; } +.dollar{ font-size: 36px; position: relative; bottom: 22px; } +.price{ line-height: 1; } +.type{ display: block; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-top: 12px; } + +.plan-title{ display: block; font-weight: 600; margin-bottom: 12px; font-size: 18px; color: @color-heading; } + +.pricing-option ul li{ color: @color-body; } + +.pricing-option.emphasis{ background: @color-primary; color: #fff; } +.pricing-option.emphasis .type, .pricing-option.emphasis .dollar, .pricing-option.emphasis .price, .pricing-option.emphasis .plan-title, .pricing-option.emphasis ul li{ color: #fff !important; } + +@media all and(max-width: 991px){ + .type{ margin-bottom: 12px; } + .pricing-option{ text-align: center !important; } +} + +/*! +// Frequently Asked Questions +// --------------------------------------------------*/ + +.faq-item{ margin-bottom: @standard-space/2; } + +p.question{ font-weight: 600; color: @color-heading; font-size: 16px; } + +/*! +// Visitor Info +// --------------------------------------------------*/ + +.info-box{ margin-bottom: @standard-space/2; position: relative; overflow: hidden; } +.info-box img{ display: block; margin-bottom: 12px; } +.info-box h3{ margin-bottom: 12px; } +.info-box .text-link{ position: absolute; bottom: 12px; right: 0px; } +.text-link a{ display: inline-block; margin-left: 12px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .visitor-info .col-sm-4{ width: 50%; float: left; } +} + +/*! +// 14. Subscribe +// --------------------------------------------------*/ + +.subscribe-1{ position: relative; overflow: hidden; padding-top: @standard-space*2; padding-bottom: @standard-space/2; } +.subscribe-1:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } +.subscribe-1 .container{ position: relative; z-index: 2; } +.subscribe-1 .email-subscribe{ margin-bottom: @standard-space*3; } +.subscribe-1 footer{ border-top: 2px solid rgba(255,255,255,0.3); padding-top: @standard-space/2; } +.subscribe-1 .twitter-feed{ margin-bottom: @standard-space; } +.subscribe-1 h1{ margin-bottom: 30px; } + +.email-subscribe span{ display: block; margin-top: 12px; } + +.twitter-feed i{ font-size: 48px; display: inline-block; margin-bottom: 32px; } +.twitter-feed span a{ border-bottom: none; } + +.tweets-feed .user{ display: none; } +.tweets-feed .interact{ display: none; } +.tweets-feed .tweet{ color: #fff; font-size: 30px; line-height: 36px; font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } +.tweets-feed .tweet a{ color: #fff !important; border-color: #fff !important; } +.tweets-feed .timePosted{ display: none; } + +@media all and(max-width: 767px){ + .tweets-feed .tweet{ font-size: 20px; line-height: 26px; } + .subscribe-2 .form-email{ margin-bottom: 24px; } +} + + +/*! +// 15. Contact +// --------------------------------------------------*/ + +.contact-tweets{ background: @color-primary; color: #fff; position: relative; overflow: hidden; height: 600px; .preserve-3d; } +.contact-tweets .social_twitter{ font-size: 42px; margin-bottom: 32px; display: inline-block; } +.contact-tweets .map-holder{ position: absolute; height: 100%; padding: 0px; top: 0px; right: 0px; } +.contact-tweets .timePosted{ display: block !important; } +.map-holder:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; } +.map-holder iframe{ border: 0px; position: absolute; width: 100%; height: 100%; } +.contact-tweets span a{ border-bottom: 2px solid #fff; padding-bottom: 1px; } + +.contact-tweets form{ padding-top: 0px !important; } +.contact-tweets form .btn{ background: #fff; color: @color-primary; } +.contact-tweets form ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets .icon{ font-size: 60px; margin-bottom: 12px; } +.contact-tweets .form-message{ max-width: 95.5%; width: 95.5%; } + +.fullwidth-map{ padding: 0px; position: relative; overflow: hidden; } +.fullwidth-map .map-holder{ width: 100%; height: 400px; overflow: hidden; } +.fullwidth-map.screen:before{ content: ''; position: absolute; width: 100%; height: 100%; z-index: 2; } + + +/*! +// Sponsors +// --------------------------------------------------*/ + +.sponsors{ background: @color-muted; } +.sponsor{ margin-bottom: @standard-space/2; height: 80px; line-height: 80px; } +.sponsor img{ max-width: 150px; .transition-300; max-height: 80px; } + +.sponsors span{ display: inline-block; margin-top: 24px; } +.sponsors span a{ color: @color-primary; border-color: @color-primary; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .sponsors .col-sm-6{ width: 50%; float: left; } +} + + + +/*! +// 16. Forms +// --------------------------------------------------*/ + +form.register{ overflow: hidden; padding-top: 24px; display: block; } +form.register div{ padding: 0px; } +input[type="text"], form.register .select-holder{ margin-bottom: 32px; padding: 12px; border: none; background: rgba(255,255,255,0.1); border-radius: 25px; font-size: 14px; max-width: 90%; color: #fff; padding-left: 24px; .transition-300; } +input[type="text"]:focus, form.register .select-holder:focus,input[type="text"]:hover, form.register .select-holder:hover{ outline: none; background: rgba(255,255,255,0.2); } + +form.register select{ width: 90%; margin: 0px; background: none; border: none; cursor: pointer; } +form.register select:focus{ outline: none; } + +form.register input[type="submit"]{ padding-bottom: 12px; width: 90%; margin-bottom: 12px; } + +input[type="submit"]{ font-weight: normal; } + +.email-subscribe{ overflow: hidden; } +.email-subscribe input{ margin: 0px auto; min-width: 100%; max-width: 100%; } +.email-subscribe input[type="text"]{ background: rgba(255,255,255,0.3); } +.email-subscribe input[type="text"]:hover, .email-subscribe input[type="text"]:focus{ background: rgba(255,255,255,0.4); } +.email-subscribe ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe input[type="submit"]{ min-height: 48px; } + +.subscribe-2 .email-subscribe input[type="text"]{ background: rgba(0,0,0,0.2); } +.subscribe-2 i{ color: @color-primary; font-size: 70px; display: inline-block; margin-right: 24px; margin-bottom: 18px; } +.subscribe-2 i:last-of-type{ margin-right: 0px; } + +input.error{ color: #ff4532; } + +.mail-list-form{ width: 0px; height: 0px; opacity: 0; overflow: hidden; } + +.form-success, .form-error{ display: none; width: 100%; padding: 6px 18px 8px 18px !important; margin-top: 12px; color: #fff; background-color: #55c950; border-radius: 20px; } +.form-error{ background-color: #D74B4B; } +form .field-error{ background: #D74B4B !important; } + +@media all and(max-width: 768px){ + +} + +@media all and(max-width: 767px){ + form.register input, form.register .select-holder{ width: 100% !important; max-width: 100%; } + .subscribe-1 .email-subscribe input[type="text"]{ margin-bottom: 24px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + form.register .col-sm-6{ width: 50%; float: left; } + form.register input, form.register .select-holder{ max-width: 95% !important; } + form.register input[type="submit"]{ max-width: 100% !important; } +} + +/*! +// Utility Pages +// --------------------------------------------------*/ + +.error-page{ background: @color-primary; padding: 0px; } +.error-page h1{ font-size: 84px; line-height: 96px; margin-bottom: 0px; margin-bottom: 12px; } +.error-page p{ font-size: 24px; line-height: 32px; } +.error-page i{ color: #fff; font-size: 84px; display: inline-block; margin-right: 24px; } +.error-page i:last-of-type{ margin-right: 0px; } +.error-page .btn{ margin-right: 24px; margin-top: 12px; } + +@media all and(max-width: 767px){ + .error-page i{ display: none; } +} + +/*! +// 17. Footers +// --------------------------------------------------*/ + + +.footer .top-border{ height: 2px; width: 100%; background: rgba(255,255,255,0.3); margin-bottom: 32px; } +.footer .menu{ overflow: visible; } +.footer .menu li{ top: 0px; } +.footer .menu li a{ padding-bottom: 0px; } +.footer .menu li .btn{ min-width: 0px; padding: 10px 18px; font-size: 14px; } +.footer .menu li a{ diplay: inline-block; position: relative; border: none; } +.footer .menu li a:hover{ border: none; } +.footer .back-to-top{ padding-right: 42px; } +.footer .menu li a i{ font-size: 36px; position: absolute; right: 0px; top: -12px; } + +@media all and(max-width: 767px){ + .footer .text-right{ text-align: left !important; } + .footer .menu{ margin-top: 24px; } + .footer .menu li{ float: none; margin-bottom: 12px; } +} + +footer.classic{ padding: @standard-space 0px @standard-space/2 0px; background: @color-muted; } +footer.classic .menu li{ float: none; margin-bottom: 12px; } +footer.classic .menu li a{ color: @color-heading; padding-bottom: 0px; font-weight: 600; } +footer.classic span.lead{ display: inline-block; margin-bottom: 12px; } + +footer.short{ background: @color-heading; color: #fff; padding: @standard-space 0px; } +footer.short .top-border{ height: 1px !important; } + +@media all and(max-width: 767px){ + footer.classic div{ margin-bottom: 18px; } +} + +.contact-methods li{ margin-bottom: 12px; } +.contact-methods li:last-child{ margin-bottom: 0px; } +.contact-methods i{ font-size: 36px; color: @color-heading; } +.contact-methods span{ display: inline-block; position: relative; bottom: 10px; left:8px; font-size: 16px; } + +footer.classic .social-profiles{ margin-top: 36px; } + +.social-profiles{ display: inline-block; overflow: hidden; } +.social-profiles li{ float: left; margin-right: 36px; } +.social-profiles li:last-child{ margin-right: 0px; } +.social-profiles li a{ color: @color-heading; font-size: 20px; } + diff --git a/static/new/css/less/input-groups.less b/static/new/css/less/input-groups.less new file mode 100644 index 00000000..a1114746 --- /dev/null +++ b/static/new/css/less/input-groups.less @@ -0,0 +1,162 @@ +// +// Input groups +// -------------------------------------------------- + +// Base styles +// ------------------------- +.input-group { + position: relative; // For dropdowns + display: table; + border-collapse: separate; // prevent input groups from inheriting border styles from table cells when placed within a table + + // Undo padding and float of grid classes + &[class*="col-"] { + float: none; + padding-left: 0; + padding-right: 0; + } + + .form-control { + // Ensure that the input is always above the *appended* addon button for + // proper border colors. + position: relative; + z-index: 2; + + // IE9 fubars the placeholder attribute in text inputs and the arrows on + // select elements in input groups. To fix it, we float the input. Details: + // https://github.com/twbs/bootstrap/issues/11561#issuecomment-28936855 + float: left; + + width: 100%; + margin-bottom: 0; + } +} + +// Sizing options +// +// Remix the default form control sizing classes into new ones for easier +// manipulation. + +.input-group-lg > .form-control, +.input-group-lg > .input-group-addon, +.input-group-lg > .input-group-btn > .btn { .input-lg(); } +.input-group-sm > .form-control, +.input-group-sm > .input-group-addon, +.input-group-sm > .input-group-btn > .btn { .input-sm(); } + + +// Display as table-cell +// ------------------------- +.input-group-addon, +.input-group-btn, +.input-group .form-control { + display: table-cell; + + &:not(:first-child):not(:last-child) { + border-radius: 0; + } +} +// Addon and addon wrapper for buttons +.input-group-addon, +.input-group-btn { + width: 1%; + white-space: nowrap; + vertical-align: middle; // Match the inputs +} + +// Text input groups +// ------------------------- +.input-group-addon { + padding: @padding-base-vertical @padding-base-horizontal; + font-size: @font-size-base; + font-weight: normal; + line-height: 1; + color: @input-color; + text-align: center; + background-color: @input-group-addon-bg; + border: 1px solid @input-group-addon-border-color; + border-radius: @border-radius-base; + + // Sizing + &.input-sm { + padding: @padding-small-vertical @padding-small-horizontal; + font-size: @font-size-small; + border-radius: @border-radius-small; + } + &.input-lg { + padding: @padding-large-vertical @padding-large-horizontal; + font-size: @font-size-large; + border-radius: @border-radius-large; + } + + // Nuke default margins from checkboxes and radios to vertically center within. + input[type="radio"], + input[type="checkbox"] { + margin-top: 0; + } +} + +// Reset rounded corners +.input-group .form-control:first-child, +.input-group-addon:first-child, +.input-group-btn:first-child > .btn, +.input-group-btn:first-child > .btn-group > .btn, +.input-group-btn:first-child > .dropdown-toggle, +.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group-btn:last-child > .btn-group:not(:last-child) > .btn { + .border-right-radius(0); +} +.input-group-addon:first-child { + border-right: 0; +} +.input-group .form-control:last-child, +.input-group-addon:last-child, +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .btn-group > .btn, +.input-group-btn:last-child > .dropdown-toggle, +.input-group-btn:first-child > .btn:not(:first-child), +.input-group-btn:first-child > .btn-group:not(:first-child) > .btn { + .border-left-radius(0); +} +.input-group-addon:last-child { + border-left: 0; +} + +// Button input groups +// ------------------------- +.input-group-btn { + position: relative; + // Jankily prevent input button groups from wrapping with `white-space` and + // `font-size` in combination with `inline-block` on buttons. + font-size: 0; + white-space: nowrap; + + // Negative margin for spacing, position for bringing hovered/focused/actived + // element above the siblings. + > .btn { + position: relative; + + .btn { + margin-left: -1px; + } + // Bring the "active" button to the front + &:hover, + &:focus, + &:active { + z-index: 2; + } + } + + // Negative margin to only have a 1px border between the two + &:first-child { + > .btn, + > .btn-group { + margin-right: -1px; + } + } + &:last-child { + > .btn, + > .btn-group { + margin-left: -1px; + } + } +} diff --git a/static/new/css/less/jaded.less b/static/new/css/less/jaded.less new file mode 100644 index 00000000..39e94cea --- /dev/null +++ b/static/new/css/less/jaded.less @@ -0,0 +1,901 @@ +/*! +// Contents +// ------------------------------------------------ + + 1. Mixins + 2. Helper classes & resets + 3. Loader + 4. Colours + 5. Typography + 6. Spacing + 7. Buttons + 8. Navigation + 9. Slider, Dividers + 10. Speakers & Topics + 11. Schedule + 12. Galleries + 13. Pricing & FAQ + 14. Subscribe + 15. Contact + 16. Forms + 17. Footers + +// --------------------------------------------------*/ + +@import "variables.less"; +@import "mixins.less"; + +/*! +// 1. Useful Mixins +// --------------------------------------------------*/ + +.vertical-align { + position: relative; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.vertical-align-cancel{ + top: 0px; + -webkit-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); +} + +.preserve-3d { + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + transform-style: preserve-3d; +} + +.transition-100{ + transition: all .1s ease-out; + -webkit-transition: all .1s ease-out; + -moz-transition: all .1s ease-out; +} + +.transition-300{ + transition: all .3s ease-out; + -webkit-transition: all .3s ease-out; + -moz-transition: all .3s ease-out; +} + +.transition-700{ + transition: all .7s ease-out; + -webkit-transition: all .7s ease-out; + -moz-transition: all .7s ease-out; +} + +.translate3d(@x,@y,@z){ + transform: translate3d(@x,@y,@z); + -webkit-transform: translate3d(@x,@y,@z); + -moz-transform: translate3d(@x,@y,@z); +} + +.scale2d(@x,@y){ + transform: scale(@x,@y); + -webkit-transform: scale(@x,@y); + -moz-transform: scale(@x,@y); +} + +.overlay-params(@strength, @bg-color){ + background-color: @bg-color; + opacity: @strength; + position: absolute; + content: ''; + width: 100%; + height: 100%; + z-index: 1; + top: 0px; +} + +.overlay:before{ .overlay-params(@strength: 0.5, @bg-color: @color-heading); } +.overlay .container{ position: relative; z-index: 2; } + +/*! +// 2. Helper Classes & Resets +// --------------------------------------------------*/ + +.go-right{ right: 0px; } +.go-left{ left: 0px; } + +img{ max-width: 100%; } + +.main-container{ .transition-300; } + +/*! +// 3. Loader +// --------------------------------------------------*/ + +.loader{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; background: #fff; .preserve-3d; .transition-300; opacity: 1; } +.strip-holder{ .vertical-align; left: 50%; margin-left: -50px; position: relative; } +.strip-1, .strip-2, .strip-3{ width: 20px; height: 20px; background: @color-primary; position: relative; -webkit-animation: stripMove 2s ease infinite alternate; animation: stripMove 2s ease infinite alternate; -moz-animation: stripMove 2s ease infinite alternate; } +.strip-2{ -webkit-animation-duration: 2.1s; animation-duration: 2.1s; background-color: lighten(@color-primary, 20%); } +.strip-3{ -webkit-animation-duration: 2.2s; animation-duration: 2.2s; background-color: lighten(@color-primary, 40%); } + + +@-webkit-keyframes stripMove{ + 0% { .translate3d(@x: 0px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } +} + +@-moz-keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +@keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +.main-container{ .transition-300; opacity: 0; } +nav{ .transition-300; opacity: 0; } +.show-content{ opacity: 1 !important; } +.hide-loader{ opacity: 0 !important; } + + +/*! +// 4. Colours +// --------------------------------------------------*/ + +@color-primary: #00936B; +@color-heading: #333; +@color-body: #777; +@color-muted: #f5f5f5 !important; + +.background-dark{ background-color: @color-heading !important; } +.color-heading{ color: @color-heading; } + +/*! +// 5. Typography +// --------------------------------------------------*/ + +@custom-heading-font: 'Open Sans'; +@custom-body-font: 'Open Sans'; + +.text-white{ color: #fff; } + +body{ font-family: @custom-body-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: @color-body; font-size: 14px; line-height: 24px; background: #fff; } +h1,h2,h3,h4,h5,h6{ font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; margin: 0px; color: @color-heading; } + +h1{ font-size: 30px; line-height: 36px; margin-bottom: 42px; } +h3{ font-size: 20px; line-height: 28px; } + +.large-h1{ font-size: 42px; line-height: 48px; font-weight: 300; } + +p{ font-size: 14px; line-height: 24px; } +p:last-child{ margin-bottom: 0px; } +p.lead{ font-size: 16px; line-height: 30px; font-weight: 400; } +span.lead{ font-weight: 400; } +.uppercase{ text-transform: uppercase; letter-spacing: 1px; display: inline-block; margin-right: -1px; } + +strong{ font-weight: 600; } + +ul{ list-style: none; margin: 0px; padding: 0px; } + +@media all and(max-width: 767px){ + h1{ font-size: 24px; line-height: 28px; margin-bottom: 36px; } + h2{ font-size: 20px; line-height: 26px; } + + .large-h1{ font-size: 24px; line-height: 28px; } + + p{ font-size: 13px; line-height: 22px; } + p.lead{ font-size: 15px; line-height: 26px; } +} + + +/*! +// Spacing Standards +// --------------------------------------------------*/ + +@standard-space: 72px; + +section{ padding: @standard-space 0px; background: #fff; } + +.duplicatable-content{ padding-bottom: @standard-space/2; } + + +/*! +// 6. Buttons +// --------------------------------------------------*/ + +a:hover{ text-decoration: none; } +h1 a, span a,p a,.text-link a{ font-weight: 600; color: #fff; display: inline-block; border-bottom: 4px solid #fff; padding-bottom: 6px; .transition-300; } +span a, p a,.text-link a{ padding-bottom: 4px; border-bottom: 3px solid #fff; } +span a:hover{ color: #fff; } +p a, .text-link a{ color: @color-primary !important; border-color: @color-primary; padding-bottom: 2px; } +p a, .text-link a:hover{ color: @color-heading; } + +.btn{ min-width: 180px; border-radius: 25px; background: @color-primary; text-align: center; padding: 13px 0px 14px 0px; color: #fff; font-size: 15px; .transition-300; font-weight: 600; line-height: 1; } +.btn:hover{ color: #fff; background: darken(@color-primary, 5%); } +.btn-hollow{ background: none; border: 2px solid @color-primary; color: @color-primary; } +.btn-hollow:hover{ background: @color-primary; } + +.btn-white{ background: #fff; color: @color-primary; } +.btn-white:hover{ background: #fff; color: darken(@color-primary,10%); } + +.btn-hollow.btn-white{ background: none; border-color: #fff; color: #fff; } +.btn-hollow.btn-white:hover{ background: #fff; color: @color-primary; } + +.btn-lg{ padding: 20px 0px 21px 0px; text-transform: uppercase; min-width: 230px; border-radius: 35px; } + +/*! +// Backgrounds & Parallax +// --------------------------------------------------*/ + +.background-image-holder{ position: absolute; width: 100%; height: 130%; top: -10%; background-size: cover !important; background-position: 50% 50% !important; } +.image-holder{ position: relative; overflow: hidden; } + +/*! +// 7. Navigation +// --------------------------------------------------*/ + +nav .logo{ max-height: 45px; max-width: 110px; position: absolute; top: -6px; opacity: 1; } +nav .text-right{ position: relative; } +nav .container{ .transition-300; } + +.overlay-nav{ position:fixed; top: 0px; z-index: 10; width: 100%; padding-top: @standard-space/3; line-height: 1; background: none; .transition-300; } +.overlay-nav .logo-dark{ opacity: 0; } +.overlay-nav.sticky-nav .logo-light{ opacity: 0; } +.overlay-nav.sticky-nav .logo-dark{ opacity: 1; } + +.bottom-border{ position: absolute; bottom: 2px; width: 100%; height: 2px; background: rgba(255,255,255,0.3); } +.sidebar-menu .bottom-border{ position: relative; bottom: 0px; background: rgba(255,255,255,0.2); display: block !important; } + +.menu{ display: inline-block; text-align: left; line-height: 1; } +.menu li{ float: left; margin-right: 32px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; position: relative; top: 4px; } +.menu li:last-child{ margin-right: 0px; } +.menu li:nth-las-child(2){ margin-right: 12px; } +.menu li a{ color: #fff; display: inline-block; padding-bottom: @standard-space/3; border-bottom: 2px solid rgba(0,0,0,0); .transition-300; } +.menu li a:hover{ border-bottom: 2px solid #fff; } + +.nav-dropdown{ position: absolute; z-index: -1; max-height: 0px; background: rgba(255,255,255,0.9); min-width: 200px; .transition-300; } +.nav-dropdown li:first-child{ margin-top: 12px; } +.nav-dropdown li{ opacity: 0; .transition-300; margin-right: 0px; float: none; margin-bottom: 18px; } +.nav-dropdown li a{ padding-bottom: 0px; padding-left: 24px; color: @color-heading; } +.nav-dropdown li a:hover{ border-color: rgba(0,0,0,0); } + +.has-dropdown:hover .nav-dropdown{ z-index: 10; max-height: 300px; } +.has-dropdown:hover .nav-dropdown li{ opacity: 1; } + +.has-dropdown a{ padding-left: 18px; } +.has-dropdown:before{ display: inline-block; font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e688"; color: #fff; font-size: 24px; position: absolute; top: -6px; } + +.menu .social-link{ font-size: 14px; top: 0px !important; margin-right: 18px !important; } +.menu .social-link:nth-last-child(2){ margin-right: 18px; } + +.sticky-nav{ background: rgba(255,255,255,0.9); } +.sticky-nav .menu li a{ color: @color-heading; } +.sticky-nav .bottom-border{ display: none; } +.sticky-nav .menu li a:hover{ border-color: rgba(0,0,0,0); } +.sticky-nav .sidebar-menu-toggle, .sticky-nav .mobile-menu-toggle{ color: @color-heading; } +.sticky-nav .nav-dropdown{ background: rgba(255,255,255,0.9); } +.sticky-nav .has-dropdown:before{ color: @color-heading; } + +.sidebar-menu-toggle, .mobile-menu-toggle{ position: absolute; color: #fff; font-size: 32px; right: 0px; top: -7px; cursor: pointer; .transition-300; } + +.mobile-menu-toggle{ display: none; } + +.sidebar-menu, .instagram-sidebar{ position: fixed; right: 0px; top: 0px; width: 300px; height: 100%; background: @color-heading; .translate3d(@x: 300px, @y: 0px, @z: 0px); .transition-300; } +.show-sidebar{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } +.reveal-sidebar{ .translate3d(@x: -300px, @y: 0px, @z: 0px); } + +.sidebar-content{ padding: 0px 24px; margin-top: 24px; } +.widget{ margin-bottom: 24px; } +.widget .title{ font-size: 16px; font-weight: 600; display: inline-block; margin-bottom: 12px; } +.widget .menu li{ float: none; margin-bottom: 12px; } +.widget .menu li a{ padding-bottom: 0px; color: #fff !important; font-size: 12px; } +.widget .menu li a:hover{ border-color: rgba(0,0,0,0); } +.widget .menu .social-link{ display: none; } +.widget .social-profiles li{ margin-right: 24px; } +.widget .social-profiles li a{ color: #fff; } + +.instagram-toggle{ cursor: pointer; } +.instagram-toggle-init{ pointer-events: none; } +.instagram-sidebar li{ width: 100%; height: 250px; } +.instagram-sidebar{ overflow-y: auto; } + +.sidebar-content .copy-text{ position: absolute; bottom: 32px; color: rgba(255,255,255,0.5); font-size: 12px; } +.text-panel{ background: lighten(@color-heading, 8%); padding: 18px; } + +.relative-nav{ position: relative; padding-top: 28px; background: #fff; } +.relative-nav .menu li a{ color: @color-heading; } +.relative-nav .has-dropdown:before{ color: @color-heading; } +.relative-nav .nav-dropdown{ background: rgba(53,53,53,0.8); } +.relative-nav .has-dropdown li a{ color: #fff; } +.relative-nav .sidebar-menu-toggle{ color: @color-heading; } +.relative-nav .logo-light{ opacity: 0 !important; } +.relative-nav .logo-dark{ opacity: 1 !important; } +.relative-nav .logo{ top: -4px !important; } + +.sidebar-menu .logo{ max-width: 110px; position: relative; top: 21px !important; margin-bottom: 32px; left: 24px; } + +@media all and(max-width: 768px){ + nav{ max-height: 67px; overflow: hidden; background: rgba(255,255,255,0.9) !important; } + nav .menu li{ float: none; margin-bottom: 24px; } + nav .menu li a{ color: @color-heading !important; padding-bottom: 0px; } + nav .logo{ max-width: 90px; top: -2px; } + nav .logo-dark{ opacity: 1 !important; } + nav .logo-light{ opacity: 0 !important; } + nav .menu{ width: 100%; display: block; margin-top: 67px; margin-right: 0px; } + nav .social-link{ float: left !important; } + .sidebar-menu-toggle{ display: none; } + .mobile-menu-toggle{ display: block; position: fixed; top: 17px; right: 24px; color: @color-heading !important; } + .open-menu{ max-height: 800px !important; } + .nav-dropdown{ position: relative; display: none; } + .has-dropdown:hover .nav-dropdown{ display: block; } + .has-dropdown:before{ color: @color-heading; } +} + +/*! +// 8. Sliders & Dividers & Headers +// --------------------------------------------------*/ + +.hero-slider{ padding: 0px; position: relative; overflow: hidden; } +.hero-slider .slides li{ height: 780px; position: relative; overflow: hidden; .preserve-3d; } +.hero-slider .slides li:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } + +.hero-slider .container{ .vertical-align; z-index: 2; } +.hero-slider h1{ margin-bottom: 42px; } + +.hero-slider .btn-hollow{ color: #fff; border-color: #fff; margin-left: 16px; } +.hero-slider .btn-hollow:hover{ background: #fff; color: @color-primary; } + +@media all and(max-width: 767px){ + .hero-slider .btn-hollow{ display: none; } +} + +.register-header form.register{ padding-top: 0px; background: rgba(0,0,0,0.4); padding: 24px; } +.register-header form input{ width: 100% !important; } +.register-header form.register span{ color: #fff; } +.register-header .logo, .hero-slide .logo{ max-width: 150px; display: block; margin-bottom: 12px; } + +.register-header h1{ margin-bottom: 24px !important; } + +@media all and(max-width: 768px){ + .register-header form.register .form-name, .register-header form.register .form-email{ max-width: 100%; width: 100%; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .register-header form.register .form-name, .register-header form.register .form-email{ width: 50%; } +} + +@media all and(max-width: 767px){ + .hero-slide .logo{ max-width: 100px; } + .register-header .logo{ display: none; } + .register-header h1{ display: none; } + .register-header form h1{ display: block; } + .register-header span.lead{ display: none; } + .register-header input, .register-header .select-holder{ max-width: 100% !important; } + .hero-slider h1{ margin-bottom: 18px; } +} + +.testimonials-slider{ position: relative; margin-bottom: 48px; } +.testimonials-slider .flex-control-nav a{ background:rgba(0,0,0,0.3); } +.testimonials-slider .flex-control-nav a.flex-active{ background:rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav a:hover{ background: rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav{ bottom: -48px; text-align: left; } + +.primary-overlay:before{ .overlay-params(@strength: 0.8, @bg-color: @color-primary); background-color: @color-primary !important; } + +.strip-divider{ padding: @standard-space*3 0px; position: relative; overflow: hidden; } +.strip-divider .container{ z-index: 2; position: relative; } +.strip-divider h1{ margin: 0px; font-size: 36px; line-height: 48px; } +.strip-divider a:hover{ color: #fff !important; } + +@media all and(max-width: 767px){ + .strip-divider{ padding: @standard-space 0px; } +} + +.countdown-divider{ padding: @standard-space*2 0px; } +.countdown-divider img, .countdown-header img, .video-header img{ max-width: 300px; display: inline-block; margin-bottom: 12px; } + +.countdown-header h1{ margin-bottom: 0px; } +.countdown-header:before{ opacity: 0.8 !important; } + +.video-header:before{ opacity: 0.5 !important; background: #000 !important; } +.video-header .uppercase, .countdown-header .uppercase{ display: block; font-weight: 600; margin-bottom: 24px; } + + +@media all and(max-width: 768px){ + .countdown-header img, .countdown-divider img, .video-header img{ max-width: 150px; } +} + +.countdown{ text-align: center; margin-top: @standard-space; } +.countdown-row{ color: #fff; font-size: 80px; font-weight: 300; } +.countdown-section{ width: 20%; display: inline-block; } +.countdown-amount{ display: inline-block; margin-bottom: 48px; } +.countdown-period{ display: block; font-size: 24px; } + +.section-header{ position: relative; overflow: hidden; height: 450px; } +.section-header h1{ font-size: 32px; } +.section-header.overlay:before{ opacity: 0.2; } +.section-header i{ font-size: 40px; color: #fff; margin: 0px 24px 12px 0px; } +.section-header i:last-of-type{ margin-right: 0px; } + +@media all and(max-width: 767px){ + .countdown{ margin-top: 48px; } + .countdown-row{ font-size: 36px; } + .countdown-period{ font-size: 16px; } +} + +.video-wrapper{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; } +.video-wrapper video{ width: 100%; } + +@media all and(max-width: 1390px){ + .video-wrapper video{ width: 110%; } +} + +@media all and(max-width: 1260px){ + .video-wrapper video{ width: 120%; } +} + +@media all and(max-width: 1160px){ + .video-wrapper video{ width: 130%; } +} + +@media all and(max-width: 1024px){ + .video-wrapper{ display: none; } +} + +.call-to-action{ padding: 144px 0px; } +.call-to-action .uppercase{ display: block; width: 100%; text-align: center; margin-bottom: 32px; } +.call-to-action h1{ margin-bottom: 32px; } +.call-to-action .btn{ margin-bottom: 40px; } +.call-to-action a i{ display: inline-block; width: 60px; height: 60px; border-radius: 50%; color: #fff; margin-right: 12px; font-size: 24px; line-height: 60px; } +.call-to-action .social_facebook{ background-color: #3b5998; } +.call-to-action .social_twitter{ background-color: #00aced; } +.call-to-action a:last-of-type i{ margin-right: 0px; } + +@media all and(max-width: 768px){ + .call-to-action{ padding: @standard-space 0px; } +} + +/*! +// 9. Image with text +// --------------------------------------------------*/ + +.image-with-text{ overflow: hidden; position: relative; height: 600px; } +.image-with-text h1{ margin-bottom: 24px; } + +.side-image{ padding: 0px; position: absolute; top: 0px; height: 100%; } + + +@media all and(max-width: 767px){ + .image-with-text{ height: auto; padding: @standard-space 0px; } + .image-with-text .vertical-align{ .vertical-align-cancel } +} + +/*! +// Promo Blocks +// --------------------------------------------------*/ + +.color-blocks{ position: relative; overflow: hidden; color: #fff; } +.color-block{ position: absolute; top: 0px; height: 100%; padding: 0px; color: #fff; .transition-300; } +.color-blocks h1, .color-blocks h2, .color-blocks h3, .color-blocks h4, .color-blocks h5, .color-blocks h6{ color: #fff; } +.color-blocks h1{ margin-bottom: 12px; } +.color-blocks a{ color: #fff; pointer-events: auto; } +.color-blocks a:hover i{ transform: rotateZ(-10deg); } +.color-blocks i, .contained-promo i{ color: @color-primary; font-size: 70px; display: inline-block; border: 2px solid #fff; border-radius: 50%; width: 120px; height: 120px; line-height: 117px; background: #fff; text-align: center; .transition-100; } +.block-left{ background-color: @color-primary; } +.block-right{ background-color: darken(@color-primary, 8%); right: 0px; } + +@media all and(max-width: 768px){ + .block-content{ margin-bottom: @standard-space*2; overflow: hidden; display: block; } + .block-content:last-of-type{ margin-bottom: 0px; } + .color-block{ height: 50%; width: 100%; } + .block-right{ top: 50%; } +} + +@media all and(max-width: 767px){ + .block-content i{ margin-bottom: 30px; } +} + + + +/*! +// 10. Speakers & Topics +// --------------------------------------------------*/ + +.speakers-row{ padding: 0px 15px; } +.speaker-column{ padding: 0px; } + +.speaker{ position: relative; overflow: hidden; } +.speaker,.topic{ margin-bottom: @standard-space/2; } +.speaker .hover-state{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; background: rgba(0,0,0,0.5); .transition-300; } +.speaker .image-holder{ margin-bottom: 12px; } +.speaker span{ display: block; font-size: 16px; } +.speaker-name{ color: @color-heading; } +.speaker .social-links{ width: 100%; .transition-300; .translate3d(@x: 0px, @y: -200px, @z: 0px); } +.speaker .social-links a{ color: #fff; font-size: 24px; display: inline-block; margin-left: 6px; } +.speaker .social-links a:last-child{ margin-right: 0px; } +.speaker .image-holder:hover .hover-state{ opacity: 1; } +.speaker .image-holder:hover .hover-state .social-links{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } + +.speaker-with-bio{ overflow: hidden; margin-bottom: @standard-space/2; } +.speaker-with-bio .speaker{ width: 50%; float: left; margin-bottom: 0px; } +.speaker-with-bio .speaker-description{ width: 50%; float: left; padding-left: 30px; } +.speaker-description span{ display: inline-block; margin-bottom: 18px; font-weight: 600; } + +@media all and(max-width: 767px){ + .speaker-with-bio .speaker{ width: 100%; } + .speaker-with-bio .speaker-description{ width: 100%; padding-left: 0px; } +} + +.topics{ position: relative; overflow: hidden; } +.topics .container{ position: relative; z-index: 2; } +.topics.overlay .ruled-list li{ border-color: rgba(255,255,255,0.5); } +.topics.overlay .topic i{ color: #fff; } + +.topic h3{ margin-bottom: 18px; } +.topic p.lead{ margin-bottom: 32px; } +.topic i{ font-size: 60px; color: @color-primary; display: inline-block; margin-bottom: 32px; } + +@media all and(max-width: 767px){ + .topic h3{ display: inline-block; position: relative; bottom: 18px; left: 12px; } + .topic i{ margin-bottom: 12px; } +} + +.ruled-list li{ border-top: 1px dotted rgba(0,0,0,0.3); padding: 12px 0px; font-size: 16px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .speakers-row .col-sm-6{ width: 50%; float: left !important; } +} + +/*! +// 11. Schedule +// --------------------------------------------------*/ + +.inline-video{ background: @color-muted; } +.inline-video iframe{ width: 100%; height: 300px; border: none; } +.inline-video .btn{ min-width: 150px; margin-top: 32px; margin-right: 16px; } + +@media all and(max-width: 768px){ + .inline-video iframe{ height: 350px; margin-top: 42px; } +} + +@media all and(max-width: 767px){ + .inline-video iframe{ height: 200px; margin-top: 30px; } + .inline-video .btn{ margin-top: 18px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .inline-video iframe{ height: 250px; } +} + +.embedded-video-holder p{ display: none; } + +.schedule-overview{ border: 2px solid rgba(0,0,0,0.2); margin-bottom: @standard-space/2; } +.schedule-overview li{ padding: 24px; position: relative; cursor: pointer; .transition-300; } +.schedule-overview li:first-child .top{ display: none; } +.schedule-overview li:last-child .bottom{ display: none; } + +.schedule-title span{ display: block; font-size: 16px; } +.schedule-title .title{ color: @color-heading; } + +.schedule-text{ max-height: 0px; .transition-300; opacity: 0; } + +.schedule-overview li:hover{ background-color: @color-muted; } +.schedule-overview li:hover .schedule-text{ max-height: 300px; opacity: 1; padding-top: 18px; } +.schedule-overview li:hover .top,.schedule-overview li:hover .bottom,.schedule-overview li:hover .middle{ border-color: rgba(0,0,0,0.4); } +.schedule-overview li:hover .middle{ background: @color-heading; } + +.schedule-with-text .btn, .contained-gallery .btn{ margin-top: 24px; margin-right: 12px; } +.schedule-with-text .schedule-overview li{ padding-right: 48px; } + +@media all and(max-width: 1024px){ + .schedule-overview li{ padding-right: 48px; } +} + +@media all and(max-width: 767px){ + .schedule-with-text .btn, .contained-gallery .btn{ margin-bottom: 32px; } +} + +.marker-pin{ position: absolute; right: 32px; top: 0px; height: 100%; } +.marker-pin .top, .marker-pin .bottom{ height: 50%; width: 2px; border-left: 2px solid rgba(0,0,0,0.2); position: absolute; z-index: 1; .transition-300; } +.marker-pin .top{ top: 0px; } +.marker-pin .bottom{ bottom: 0px; } +.marker-pin .middle{ width: 18px; height: 18px; border: 2px solid rgba(0,0,0,0.2); background: #fff; border-radius: 50%; position: absolute; right: -10px; top: 50%; margin-top: -9px; z-index: 2; .transition-300; } + +/*! +// 12. Galleries +// --------------------------------------------------*/ + +.instagram, .lightbox-gallery{ position: relative; padding: @standard-space*3 0px; } +.gallery-header{ } +.gallery-header .logo{ max-width: 400px; display: block; margin: 0px auto; margin-bottom: 12px; } + +@media screen and(max-width: 768px){ + .gallery-header .logo{ max-width: 200px; } + .gallery-header h1{ font-size: 24px !important; line-height: 32px !important; } +} + +.instagram, .lightbox-gallery{ overflow: hidden; background: #000 !important; } +.instagram ul, .lightbox-gallery ul{ overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0px; } +.instagram li, .lightbox-gallery li{ float: left; width: 20%; height: 50%; position: relative; cursor: pointer; .transition-300; overflow: hidden; background-size: cover !important; opacity: 0.5; } +.instagram li:hover, .lightbox-gallery li:hover{ opacity: 1 !important; } + +.instagram .container, .lightbox-gallery .container{ position: relative; z-index: 3; } +.instagram i, .lightbox-gallery i{ font-size: 48px; display: inline-block; margin-bottom: 16px; } +.instagram h1, .lightbox-gallery h1{ .large-h1; margin-bottom: 16px; } + +@media all and(max-width: 1200px){ + .instagram li:nth-child(n+9), .lightbox-gallery li:nth-child(n+9){ display: none; } + .instagram li, .lightbox-gallery li{ width: 25%; } +} + +@media all and(max-width: 900px){ + .instagram li:nth-child(n+7), .lightbox-gallery li:nth-child(n+7){ display: none; } + .instagram li, .lightbox-gallery li{ width: 33.333333%; } +} + +@media all and(max-width: 767px){ + .instagram, .lightbox-gallery{ padding: @standard-space*2 0px; } + .instagram li:nth-child(n+5), .lightbox-gallery li:nth-child(n+5){ display: none; } + .instagram li, .lightbox-gallery li{ width: 50%; } +} + + +.testimonials{ background: @color-muted; } + +.contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 185px 0px; } +.contained-gallery .instagram li:nth-child(n+9),.contained-gallery .lightbox-gallery li:nth-child(n+9){ display: none; } +.contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 25%; opacity: 0.7; } + +@media all and(max-width: 1024px){ + .contained-gallery .instagram li:nth-child(n+7){ display: none; } + .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333%; } + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 200px 0px; } +} + +@media all and(max-width: 768px){ + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ margin-bottom: 32px; } + .contained-gallery .btn{ margin-bottom: 0px; } + .contained-gallery .instagram li:nth-child(n+5), .contained-gallery .lightbox-gallery li:nth-child(n+5){ display: block !important; } + .contained-gallery .instagram li:nth-child(n+7), .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none !important; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333% !important; } +} + +/*! +// 13. Pricing +// --------------------------------------------------*/ + +.pricing-option{ overflow: hidden; background: @color-muted; .preserve-3d; position: relative; padding: @standard-space 0px; margin-bottom: 30px; .transition-300; } +.pricing-option .dot{ position: absolute; top: 24px; right: 24px; width: 24px; height: 24px; border-radius: 50%; background: #fff; } +.pricing-option:hover{ background: darken(@color-muted, 3%); } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .pricing-options .col-sm-6{ width: 50%; float: left; } +} + +.dollar, .price, .type{ font-weight: 600; color: @color-heading; font-size: 72px; } +.dollar{ font-size: 36px; position: relative; bottom: 22px; } +.price{ line-height: 1; } +.type{ display: block; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-top: 12px; } + +.plan-title{ display: block; font-weight: 600; margin-bottom: 12px; font-size: 18px; color: @color-heading; } + +.pricing-option ul li{ color: @color-body; } + +.pricing-option.emphasis{ background: @color-primary; color: #fff; } +.pricing-option.emphasis .type, .pricing-option.emphasis .dollar, .pricing-option.emphasis .price, .pricing-option.emphasis .plan-title, .pricing-option.emphasis ul li{ color: #fff !important; } + +@media all and(max-width: 991px){ + .type{ margin-bottom: 12px; } + .pricing-option{ text-align: center !important; } +} + +/*! +// Frequently Asked Questions +// --------------------------------------------------*/ + +.faq-item{ margin-bottom: @standard-space/2; } + +p.question{ font-weight: 600; color: @color-heading; font-size: 16px; } + +/*! +// Visitor Info +// --------------------------------------------------*/ + +.info-box{ margin-bottom: @standard-space/2; position: relative; overflow: hidden; } +.info-box img{ display: block; margin-bottom: 12px; } +.info-box h3{ margin-bottom: 12px; } +.info-box .text-link{ position: absolute; bottom: 12px; right: 0px; } +.text-link a{ display: inline-block; margin-left: 12px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .visitor-info .col-sm-4{ width: 50%; float: left; } +} + +/*! +// 14. Subscribe +// --------------------------------------------------*/ + +.subscribe-1{ position: relative; overflow: hidden; padding-top: @standard-space*2; padding-bottom: @standard-space/2; } +.subscribe-1:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } +.subscribe-1 .container{ position: relative; z-index: 2; } +.subscribe-1 .email-subscribe{ margin-bottom: @standard-space*3; } +.subscribe-1 footer{ border-top: 2px solid rgba(255,255,255,0.3); padding-top: @standard-space/2; } +.subscribe-1 .twitter-feed{ margin-bottom: @standard-space; } +.subscribe-1 h1{ margin-bottom: 30px; } + +.email-subscribe span{ display: block; margin-top: 12px; } + +.twitter-feed i{ font-size: 48px; display: inline-block; margin-bottom: 32px; } +.twitter-feed span a{ border-bottom: none; } + +.tweets-feed .user{ display: none; } +.tweets-feed .interact{ display: none; } +.tweets-feed .tweet{ color: #fff; font-size: 30px; line-height: 36px; font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } +.tweets-feed .tweet a{ color: #fff !important; border-color: #fff !important; } +.tweets-feed .timePosted{ display: none; } + +@media all and(max-width: 767px){ + .tweets-feed .tweet{ font-size: 20px; line-height: 26px; } + .subscribe-2 .form-email{ margin-bottom: 24px; } +} + + +/*! +// 15. Contact +// --------------------------------------------------*/ + +.contact-tweets{ background: @color-primary; color: #fff; position: relative; overflow: hidden; height: 600px; .preserve-3d; } +.contact-tweets .social_twitter{ font-size: 42px; margin-bottom: 32px; display: inline-block; } +.contact-tweets .map-holder{ position: absolute; height: 100%; padding: 0px; top: 0px; right: 0px; } +.contact-tweets .timePosted{ display: block !important; } +.map-holder:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; } +.map-holder iframe{ border: 0px; position: absolute; width: 100%; height: 100%; } +.contact-tweets span a{ border-bottom: 2px solid #fff; padding-bottom: 1px; } + +.contact-tweets form{ padding-top: 0px !important; } +.contact-tweets form .btn{ background: #fff; color: @color-primary; } +.contact-tweets form ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets .icon{ font-size: 60px; margin-bottom: 12px; } +.contact-tweets .form-message{ max-width: 95.5%; width: 95.5%; } + +.fullwidth-map{ padding: 0px; position: relative; overflow: hidden; } +.fullwidth-map .map-holder{ width: 100%; height: 400px; overflow: hidden; } +.fullwidth-map.screen:before{ content: ''; position: absolute; width: 100%; height: 100%; z-index: 2; } + + +/*! +// Sponsors +// --------------------------------------------------*/ + +.sponsors{ background: @color-muted; } +.sponsor{ margin-bottom: @standard-space/2; height: 80px; line-height: 80px; } +.sponsor img{ max-width: 150px; .transition-300; max-height: 80px; } + +.sponsors span{ display: inline-block; margin-top: 24px; } +.sponsors span a{ color: @color-primary; border-color: @color-primary; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .sponsors .col-sm-6{ width: 50%; float: left; } +} + + + +/*! +// 16. Forms +// --------------------------------------------------*/ + +form.register{ overflow: hidden; padding-top: 24px; display: block; } +form.register div{ padding: 0px; } +input[type="text"], form.register .select-holder{ margin-bottom: 32px; padding: 12px; border: none; background: rgba(255,255,255,0.1); border-radius: 25px; font-size: 14px; max-width: 90%; color: #fff; padding-left: 24px; .transition-300; } +input[type="text"]:focus, form.register .select-holder:focus,input[type="text"]:hover, form.register .select-holder:hover{ outline: none; background: rgba(255,255,255,0.2); } + +form.register select{ width: 90%; margin: 0px; background: none; border: none; cursor: pointer; } +form.register select:focus{ outline: none; } + +form.register input[type="submit"]{ padding-bottom: 12px; width: 90%; margin-bottom: 12px; } + +input[type="submit"]{ font-weight: normal; } + +.email-subscribe{ overflow: hidden; } +.email-subscribe input{ margin: 0px auto; min-width: 100%; max-width: 100%; } +.email-subscribe input[type="text"]{ background: rgba(255,255,255,0.3); } +.email-subscribe input[type="text"]:hover, .email-subscribe input[type="text"]:focus{ background: rgba(255,255,255,0.4); } +.email-subscribe ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe input[type="submit"]{ min-height: 48px; } + +.subscribe-2 .email-subscribe input[type="text"]{ background: rgba(0,0,0,0.2); } +.subscribe-2 i{ color: @color-primary; font-size: 70px; display: inline-block; margin-right: 24px; margin-bottom: 18px; } +.subscribe-2 i:last-of-type{ margin-right: 0px; } + +input.error{ color: #ff4532; } + +.mail-list-form{ width: 0px; height: 0px; opacity: 0; overflow: hidden; } + +.form-success, .form-error{ display: none; width: 100%; padding: 6px 18px 8px 18px !important; margin-top: 12px; color: #fff; background-color: #55c950; border-radius: 20px; } +.form-error{ background-color: #D74B4B; } +form .field-error{ background: #D74B4B !important; } + +@media all and(max-width: 768px){ + +} + +@media all and(max-width: 767px){ + form.register input, form.register .select-holder{ width: 100% !important; max-width: 100%; } + .subscribe-1 .email-subscribe input[type="text"]{ margin-bottom: 24px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + form.register .col-sm-6{ width: 50%; float: left; } + form.register input, form.register .select-holder{ max-width: 95% !important; } + form.register input[type="submit"]{ max-width: 100% !important; } +} + +/*! +// Utility Pages +// --------------------------------------------------*/ + +.error-page{ background: @color-primary; padding: 0px; } +.error-page h1{ font-size: 84px; line-height: 96px; margin-bottom: 0px; margin-bottom: 12px; } +.error-page p{ font-size: 24px; line-height: 32px; } +.error-page i{ color: #fff; font-size: 84px; display: inline-block; margin-right: 24px; } +.error-page i:last-of-type{ margin-right: 0px; } +.error-page .btn{ margin-right: 24px; margin-top: 12px; } + +@media all and(max-width: 767px){ + .error-page i{ display: none; } +} + +/*! +// 17. Footers +// --------------------------------------------------*/ + + +.footer .top-border{ height: 2px; width: 100%; background: rgba(255,255,255,0.3); margin-bottom: 32px; } +.footer .menu{ overflow: visible; } +.footer .menu li{ top: 0px; } +.footer .menu li a{ padding-bottom: 0px; } +.footer .menu li .btn{ min-width: 0px; padding: 10px 18px; font-size: 14px; } +.footer .menu li a{ diplay: inline-block; position: relative; border: none; } +.footer .menu li a:hover{ border: none; } +.footer .back-to-top{ padding-right: 42px; } +.footer .menu li a i{ font-size: 36px; position: absolute; right: 0px; top: -12px; } + +@media all and(max-width: 767px){ + .footer .text-right{ text-align: left !important; } + .footer .menu{ margin-top: 24px; } + .footer .menu li{ float: none; margin-bottom: 12px; } +} + +footer.classic{ padding: @standard-space 0px @standard-space/2 0px; background: @color-muted; } +footer.classic .menu li{ float: none; margin-bottom: 12px; } +footer.classic .menu li a{ color: @color-heading; padding-bottom: 0px; font-weight: 600; } +footer.classic span.lead{ display: inline-block; margin-bottom: 12px; } + +footer.short{ background: @color-heading; color: #fff; padding: @standard-space 0px; } +footer.short .top-border{ height: 1px !important; } + +@media all and(max-width: 767px){ + footer.classic div{ margin-bottom: 18px; } +} + +.contact-methods li{ margin-bottom: 12px; } +.contact-methods li:last-child{ margin-bottom: 0px; } +.contact-methods i{ font-size: 36px; color: @color-heading; } +.contact-methods span{ display: inline-block; position: relative; bottom: 10px; left:8px; font-size: 16px; } + +footer.classic .social-profiles{ margin-top: 36px; } + +.social-profiles{ display: inline-block; overflow: hidden; } +.social-profiles li{ float: left; margin-right: 36px; } +.social-profiles li:last-child{ margin-right: 0px; } +.social-profiles li a{ color: @color-heading; font-size: 20px; } + diff --git a/static/new/css/less/jumbotron.less b/static/new/css/less/jumbotron.less new file mode 100644 index 00000000..a15e1697 --- /dev/null +++ b/static/new/css/less/jumbotron.less @@ -0,0 +1,44 @@ +// +// Jumbotron +// -------------------------------------------------- + + +.jumbotron { + padding: @jumbotron-padding; + margin-bottom: @jumbotron-padding; + color: @jumbotron-color; + background-color: @jumbotron-bg; + + h1, + .h1 { + color: @jumbotron-heading-color; + } + p { + margin-bottom: (@jumbotron-padding / 2); + font-size: @jumbotron-font-size; + font-weight: 200; + } + + .container & { + border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container + } + + .container { + max-width: 100%; + } + + @media screen and (min-width: @screen-sm-min) { + padding-top: (@jumbotron-padding * 1.6); + padding-bottom: (@jumbotron-padding * 1.6); + + .container & { + padding-left: (@jumbotron-padding * 2); + padding-right: (@jumbotron-padding * 2); + } + + h1, + .h1 { + font-size: (@font-size-base * 4.5); + } + } +} diff --git a/static/new/css/less/labels.less b/static/new/css/less/labels.less new file mode 100644 index 00000000..5db1ed12 --- /dev/null +++ b/static/new/css/less/labels.less @@ -0,0 +1,64 @@ +// +// Labels +// -------------------------------------------------- + +.label { + display: inline; + padding: .2em .6em .3em; + font-size: 75%; + font-weight: bold; + line-height: 1; + color: @label-color; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: .25em; + + // Add hover effects, but only for links + &[href] { + &:hover, + &:focus { + color: @label-link-hover-color; + text-decoration: none; + cursor: pointer; + } + } + + // Empty labels collapse automatically (not available in IE8) + &:empty { + display: none; + } + + // Quick fix for labels in buttons + .btn & { + position: relative; + top: -1px; + } +} + +// Colors +// Contextual variations (linked labels get darker on :hover) + +.label-default { + .label-variant(@label-default-bg); +} + +.label-primary { + .label-variant(@label-primary-bg); +} + +.label-success { + .label-variant(@label-success-bg); +} + +.label-info { + .label-variant(@label-info-bg); +} + +.label-warning { + .label-variant(@label-warning-bg); +} + +.label-danger { + .label-variant(@label-danger-bg); +} diff --git a/static/new/css/less/lava.less b/static/new/css/less/lava.less new file mode 100644 index 00000000..724587e7 --- /dev/null +++ b/static/new/css/less/lava.less @@ -0,0 +1,901 @@ +/*! +// Contents +// ------------------------------------------------ + + 1. Mixins + 2. Helper classes & resets + 3. Loader + 4. Colours + 5. Typography + 6. Spacing + 7. Buttons + 8. Navigation + 9. Slider, Dividers + 10. Speakers & Topics + 11. Schedule + 12. Galleries + 13. Pricing & FAQ + 14. Subscribe + 15. Contact + 16. Forms + 17. Footers + +// --------------------------------------------------*/ + +@import "variables.less"; +@import "mixins.less"; + +/*! +// 1. Useful Mixins +// --------------------------------------------------*/ + +.vertical-align { + position: relative; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.vertical-align-cancel{ + top: 0px; + -webkit-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); +} + +.preserve-3d { + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + transform-style: preserve-3d; +} + +.transition-100{ + transition: all .1s ease-out; + -webkit-transition: all .1s ease-out; + -moz-transition: all .1s ease-out; +} + +.transition-300{ + transition: all .3s ease-out; + -webkit-transition: all .3s ease-out; + -moz-transition: all .3s ease-out; +} + +.transition-700{ + transition: all .7s ease-out; + -webkit-transition: all .7s ease-out; + -moz-transition: all .7s ease-out; +} + +.translate3d(@x,@y,@z){ + transform: translate3d(@x,@y,@z); + -webkit-transform: translate3d(@x,@y,@z); + -moz-transform: translate3d(@x,@y,@z); +} + +.scale2d(@x,@y){ + transform: scale(@x,@y); + -webkit-transform: scale(@x,@y); + -moz-transform: scale(@x,@y); +} + +.overlay-params(@strength, @bg-color){ + background-color: @bg-color; + opacity: @strength; + position: absolute; + content: ''; + width: 100%; + height: 100%; + z-index: 1; + top: 0px; +} + +.overlay:before{ .overlay-params(@strength: 0.5, @bg-color: @color-heading); } +.overlay .container{ position: relative; z-index: 2; } + +/*! +// 2. Helper Classes & Resets +// --------------------------------------------------*/ + +.go-right{ right: 0px; } +.go-left{ left: 0px; } + +img{ max-width: 100%; } + +.main-container{ .transition-300; } + +/*! +// 3. Loader +// --------------------------------------------------*/ + +.loader{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; background: #fff; .preserve-3d; .transition-300; opacity: 1; } +.strip-holder{ .vertical-align; left: 50%; margin-left: -50px; position: relative; } +.strip-1, .strip-2, .strip-3{ width: 20px; height: 20px; background: @color-primary; position: relative; -webkit-animation: stripMove 2s ease infinite alternate; animation: stripMove 2s ease infinite alternate; -moz-animation: stripMove 2s ease infinite alternate; } +.strip-2{ -webkit-animation-duration: 2.1s; animation-duration: 2.1s; background-color: lighten(@color-primary, 20%); } +.strip-3{ -webkit-animation-duration: 2.2s; animation-duration: 2.2s; background-color: lighten(@color-primary, 40%); } + + +@-webkit-keyframes stripMove{ + 0% { .translate3d(@x: 0px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } +} + +@-moz-keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +@keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +.main-container{ .transition-300; opacity: 0; } +nav{ .transition-300; opacity: 0; } +.show-content{ opacity: 1 !important; } +.hide-loader{ opacity: 0 !important; } + + +/*! +// 4. Colours +// --------------------------------------------------*/ + +@color-primary: #E12B00; +@color-heading: #333; +@color-body: #777; +@color-muted: #f5f5f5 !important; + +.background-dark{ background-color: @color-heading !important; } +.color-heading{ color: @color-heading; } + +/*! +// 5. Typography +// --------------------------------------------------*/ + +@custom-heading-font: 'Open Sans'; +@custom-body-font: 'Open Sans'; + +.text-white{ color: #fff; } + +body{ font-family: @custom-body-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: @color-body; font-size: 14px; line-height: 24px; background: #fff; } +h1,h2,h3,h4,h5,h6{ font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; margin: 0px; color: @color-heading; } + +h1{ font-size: 30px; line-height: 36px; margin-bottom: 42px; } +h3{ font-size: 20px; line-height: 28px; } + +.large-h1{ font-size: 42px; line-height: 48px; font-weight: 300; } + +p{ font-size: 14px; line-height: 24px; } +p:last-child{ margin-bottom: 0px; } +p.lead{ font-size: 16px; line-height: 30px; font-weight: 400; } +span.lead{ font-weight: 400; } +.uppercase{ text-transform: uppercase; letter-spacing: 1px; display: inline-block; margin-right: -1px; } + +strong{ font-weight: 600; } + +ul{ list-style: none; margin: 0px; padding: 0px; } + +@media all and(max-width: 767px){ + h1{ font-size: 24px; line-height: 28px; margin-bottom: 36px; } + h2{ font-size: 20px; line-height: 26px; } + + .large-h1{ font-size: 24px; line-height: 28px; } + + p{ font-size: 13px; line-height: 22px; } + p.lead{ font-size: 15px; line-height: 26px; } +} + + +/*! +// Spacing Standards +// --------------------------------------------------*/ + +@standard-space: 72px; + +section{ padding: @standard-space 0px; background: #fff; } + +.duplicatable-content{ padding-bottom: @standard-space/2; } + + +/*! +// 6. Buttons +// --------------------------------------------------*/ + +a:hover{ text-decoration: none; } +h1 a, span a,p a,.text-link a{ font-weight: 600; color: #fff; display: inline-block; border-bottom: 4px solid #fff; padding-bottom: 6px; .transition-300; } +span a, p a,.text-link a{ padding-bottom: 4px; border-bottom: 3px solid #fff; } +span a:hover{ color: #fff; } +p a, .text-link a{ color: @color-primary !important; border-color: @color-primary; padding-bottom: 2px; } +p a, .text-link a:hover{ color: @color-heading; } + +.btn{ min-width: 180px; border-radius: 25px; background: @color-primary; text-align: center; padding: 13px 0px 14px 0px; color: #fff; font-size: 15px; .transition-300; font-weight: 600; line-height: 1; } +.btn:hover{ color: #fff; background: darken(@color-primary, 5%); } +.btn-hollow{ background: none; border: 2px solid @color-primary; color: @color-primary; } +.btn-hollow:hover{ background: @color-primary; } + +.btn-white{ background: #fff; color: @color-primary; } +.btn-white:hover{ background: #fff; color: darken(@color-primary,10%); } + +.btn-hollow.btn-white{ background: none; border-color: #fff; color: #fff; } +.btn-hollow.btn-white:hover{ background: #fff; color: @color-primary; } + +.btn-lg{ padding: 20px 0px 21px 0px; text-transform: uppercase; min-width: 230px; border-radius: 35px; } + +/*! +// Backgrounds & Parallax +// --------------------------------------------------*/ + +.background-image-holder{ position: absolute; width: 100%; height: 130%; top: -10%; background-size: cover !important; background-position: 50% 50% !important; } +.image-holder{ position: relative; overflow: hidden; } + +/*! +// 7. Navigation +// --------------------------------------------------*/ + +nav .logo{ max-height: 45px; max-width: 110px; position: absolute; top: -6px; opacity: 1; } +nav .text-right{ position: relative; } +nav .container{ .transition-300; } + +.overlay-nav{ position:fixed; top: 0px; z-index: 10; width: 100%; padding-top: @standard-space/3; line-height: 1; background: none; .transition-300; } +.overlay-nav .logo-dark{ opacity: 0; } +.overlay-nav.sticky-nav .logo-light{ opacity: 0; } +.overlay-nav.sticky-nav .logo-dark{ opacity: 1; } + +.bottom-border{ position: absolute; bottom: 2px; width: 100%; height: 2px; background: rgba(255,255,255,0.3); } +.sidebar-menu .bottom-border{ position: relative; bottom: 0px; background: rgba(255,255,255,0.2); display: block !important; } + +.menu{ display: inline-block; text-align: left; line-height: 1; } +.menu li{ float: left; margin-right: 32px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; position: relative; top: 4px; } +.menu li:last-child{ margin-right: 0px; } +.menu li:nth-las-child(2){ margin-right: 12px; } +.menu li a{ color: #fff; display: inline-block; padding-bottom: @standard-space/3; border-bottom: 2px solid rgba(0,0,0,0); .transition-300; } +.menu li a:hover{ border-bottom: 2px solid #fff; } + +.nav-dropdown{ position: absolute; z-index: -1; max-height: 0px; background: rgba(255,255,255,0.9); min-width: 200px; .transition-300; } +.nav-dropdown li:first-child{ margin-top: 12px; } +.nav-dropdown li{ opacity: 0; .transition-300; margin-right: 0px; float: none; margin-bottom: 18px; } +.nav-dropdown li a{ padding-bottom: 0px; padding-left: 24px; color: @color-heading; } +.nav-dropdown li a:hover{ border-color: rgba(0,0,0,0); } + +.has-dropdown:hover .nav-dropdown{ z-index: 10; max-height: 300px; } +.has-dropdown:hover .nav-dropdown li{ opacity: 1; } + +.has-dropdown a{ padding-left: 18px; } +.has-dropdown:before{ display: inline-block; font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e688"; color: #fff; font-size: 24px; position: absolute; top: -6px; } + +.menu .social-link{ font-size: 14px; top: 0px !important; margin-right: 18px !important; } +.menu .social-link:nth-last-child(2){ margin-right: 18px; } + +.sticky-nav{ background: rgba(255,255,255,0.9); } +.sticky-nav .menu li a{ color: @color-heading; } +.sticky-nav .bottom-border{ display: none; } +.sticky-nav .menu li a:hover{ border-color: rgba(0,0,0,0); } +.sticky-nav .sidebar-menu-toggle, .sticky-nav .mobile-menu-toggle{ color: @color-heading; } +.sticky-nav .nav-dropdown{ background: rgba(255,255,255,0.9); } +.sticky-nav .has-dropdown:before{ color: @color-heading; } + +.sidebar-menu-toggle, .mobile-menu-toggle{ position: absolute; color: #fff; font-size: 32px; right: 0px; top: -7px; cursor: pointer; .transition-300; } + +.mobile-menu-toggle{ display: none; } + +.sidebar-menu, .instagram-sidebar{ position: fixed; right: 0px; top: 0px; width: 300px; height: 100%; background: @color-heading; .translate3d(@x: 300px, @y: 0px, @z: 0px); .transition-300; } +.show-sidebar{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } +.reveal-sidebar{ .translate3d(@x: -300px, @y: 0px, @z: 0px); } + +.sidebar-content{ padding: 0px 24px; margin-top: 24px; } +.widget{ margin-bottom: 24px; } +.widget .title{ font-size: 16px; font-weight: 600; display: inline-block; margin-bottom: 12px; } +.widget .menu li{ float: none; margin-bottom: 12px; } +.widget .menu li a{ padding-bottom: 0px; color: #fff !important; font-size: 12px; } +.widget .menu li a:hover{ border-color: rgba(0,0,0,0); } +.widget .menu .social-link{ display: none; } +.widget .social-profiles li{ margin-right: 24px; } +.widget .social-profiles li a{ color: #fff; } + +.instagram-toggle{ cursor: pointer; } +.instagram-toggle-init{ pointer-events: none; } +.instagram-sidebar li{ width: 100%; height: 250px; } +.instagram-sidebar{ overflow-y: auto; } + +.sidebar-content .copy-text{ position: absolute; bottom: 32px; color: rgba(255,255,255,0.5); font-size: 12px; } +.text-panel{ background: lighten(@color-heading, 8%); padding: 18px; } + +.relative-nav{ position: relative; padding-top: 28px; background: #fff; } +.relative-nav .menu li a{ color: @color-heading; } +.relative-nav .has-dropdown:before{ color: @color-heading; } +.relative-nav .nav-dropdown{ background: rgba(53,53,53,0.8); } +.relative-nav .has-dropdown li a{ color: #fff; } +.relative-nav .sidebar-menu-toggle{ color: @color-heading; } +.relative-nav .logo-light{ opacity: 0 !important; } +.relative-nav .logo-dark{ opacity: 1 !important; } +.relative-nav .logo{ top: -4px !important; } + +.sidebar-menu .logo{ max-width: 110px; position: relative; top: 21px !important; margin-bottom: 32px; left: 24px; } + +@media all and(max-width: 768px){ + nav{ max-height: 67px; overflow: hidden; background: rgba(255,255,255,0.9) !important; } + nav .menu li{ float: none; margin-bottom: 24px; } + nav .menu li a{ color: @color-heading !important; padding-bottom: 0px; } + nav .logo{ max-width: 90px; top: -2px; } + nav .logo-dark{ opacity: 1 !important; } + nav .logo-light{ opacity: 0 !important; } + nav .menu{ width: 100%; display: block; margin-top: 67px; margin-right: 0px; } + nav .social-link{ float: left !important; } + .sidebar-menu-toggle{ display: none; } + .mobile-menu-toggle{ display: block; position: fixed; top: 17px; right: 24px; color: @color-heading !important; } + .open-menu{ max-height: 800px !important; } + .nav-dropdown{ position: relative; display: none; } + .has-dropdown:hover .nav-dropdown{ display: block; } + .has-dropdown:before{ color: @color-heading; } +} + +/*! +// 8. Sliders & Dividers & Headers +// --------------------------------------------------*/ + +.hero-slider{ padding: 0px; position: relative; overflow: hidden; } +.hero-slider .slides li{ height: 780px; position: relative; overflow: hidden; .preserve-3d; } +.hero-slider .slides li:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } + +.hero-slider .container{ .vertical-align; z-index: 2; } +.hero-slider h1{ margin-bottom: 42px; } + +.hero-slider .btn-hollow{ color: #fff; border-color: #fff; margin-left: 16px; } +.hero-slider .btn-hollow:hover{ background: #fff; color: @color-primary; } + +@media all and(max-width: 767px){ + .hero-slider .btn-hollow{ display: none; } +} + +.register-header form.register{ padding-top: 0px; background: rgba(0,0,0,0.4); padding: 24px; } +.register-header form input{ width: 100% !important; } +.register-header form.register span{ color: #fff; } +.register-header .logo, .hero-slide .logo{ max-width: 150px; display: block; margin-bottom: 12px; } + +.register-header h1{ margin-bottom: 24px !important; } + +@media all and(max-width: 768px){ + .register-header form.register .form-name, .register-header form.register .form-email{ max-width: 100%; width: 100%; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .register-header form.register .form-name, .register-header form.register .form-email{ width: 50%; } +} + +@media all and(max-width: 767px){ + .hero-slide .logo{ max-width: 100px; } + .register-header .logo{ display: none; } + .register-header h1{ display: none; } + .register-header form h1{ display: block; } + .register-header span.lead{ display: none; } + .register-header input, .register-header .select-holder{ max-width: 100% !important; } + .hero-slider h1{ margin-bottom: 18px; } +} + +.testimonials-slider{ position: relative; margin-bottom: 48px; } +.testimonials-slider .flex-control-nav a{ background:rgba(0,0,0,0.3); } +.testimonials-slider .flex-control-nav a.flex-active{ background:rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav a:hover{ background: rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav{ bottom: -48px; text-align: left; } + +.primary-overlay:before{ .overlay-params(@strength: 0.8, @bg-color: @color-primary); background-color: @color-primary !important; } + +.strip-divider{ padding: @standard-space*3 0px; position: relative; overflow: hidden; } +.strip-divider .container{ z-index: 2; position: relative; } +.strip-divider h1{ margin: 0px; font-size: 36px; line-height: 48px; } +.strip-divider a:hover{ color: #fff !important; } + +@media all and(max-width: 767px){ + .strip-divider{ padding: @standard-space 0px; } +} + +.countdown-divider{ padding: @standard-space*2 0px; } +.countdown-divider img, .countdown-header img, .video-header img{ max-width: 300px; display: inline-block; margin-bottom: 12px; } + +.countdown-header h1{ margin-bottom: 0px; } +.countdown-header:before{ opacity: 0.8 !important; } + +.video-header:before{ opacity: 0.5 !important; background: #000 !important; } +.video-header .uppercase, .countdown-header .uppercase{ display: block; font-weight: 600; margin-bottom: 24px; } + + +@media all and(max-width: 768px){ + .countdown-header img, .countdown-divider img, .video-header img{ max-width: 150px; } +} + +.countdown{ text-align: center; margin-top: @standard-space; } +.countdown-row{ color: #fff; font-size: 80px; font-weight: 300; } +.countdown-section{ width: 20%; display: inline-block; } +.countdown-amount{ display: inline-block; margin-bottom: 48px; } +.countdown-period{ display: block; font-size: 24px; } + +.section-header{ position: relative; overflow: hidden; height: 450px; } +.section-header h1{ font-size: 32px; } +.section-header.overlay:before{ opacity: 0.2; } +.section-header i{ font-size: 40px; color: #fff; margin: 0px 24px 12px 0px; } +.section-header i:last-of-type{ margin-right: 0px; } + +@media all and(max-width: 767px){ + .countdown{ margin-top: 48px; } + .countdown-row{ font-size: 36px; } + .countdown-period{ font-size: 16px; } +} + +.video-wrapper{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; } +.video-wrapper video{ width: 100%; } + +@media all and(max-width: 1390px){ + .video-wrapper video{ width: 110%; } +} + +@media all and(max-width: 1260px){ + .video-wrapper video{ width: 120%; } +} + +@media all and(max-width: 1160px){ + .video-wrapper video{ width: 130%; } +} + +@media all and(max-width: 1024px){ + .video-wrapper{ display: none; } +} + +.call-to-action{ padding: 144px 0px; } +.call-to-action .uppercase{ display: block; width: 100%; text-align: center; margin-bottom: 32px; } +.call-to-action h1{ margin-bottom: 32px; } +.call-to-action .btn{ margin-bottom: 40px; } +.call-to-action a i{ display: inline-block; width: 60px; height: 60px; border-radius: 50%; color: #fff; margin-right: 12px; font-size: 24px; line-height: 60px; } +.call-to-action .social_facebook{ background-color: #3b5998; } +.call-to-action .social_twitter{ background-color: #00aced; } +.call-to-action a:last-of-type i{ margin-right: 0px; } + +@media all and(max-width: 768px){ + .call-to-action{ padding: @standard-space 0px; } +} + +/*! +// 9. Image with text +// --------------------------------------------------*/ + +.image-with-text{ overflow: hidden; position: relative; height: 600px; } +.image-with-text h1{ margin-bottom: 24px; } + +.side-image{ padding: 0px; position: absolute; top: 0px; height: 100%; } + + +@media all and(max-width: 767px){ + .image-with-text{ height: auto; padding: @standard-space 0px; } + .image-with-text .vertical-align{ .vertical-align-cancel } +} + +/*! +// Promo Blocks +// --------------------------------------------------*/ + +.color-blocks{ position: relative; overflow: hidden; color: #fff; } +.color-block{ position: absolute; top: 0px; height: 100%; padding: 0px; color: #fff; .transition-300; } +.color-blocks h1, .color-blocks h2, .color-blocks h3, .color-blocks h4, .color-blocks h5, .color-blocks h6{ color: #fff; } +.color-blocks h1{ margin-bottom: 12px; } +.color-blocks a{ color: #fff; pointer-events: auto; } +.color-blocks a:hover i{ transform: rotateZ(-10deg); } +.color-blocks i, .contained-promo i{ color: @color-primary; font-size: 70px; display: inline-block; border: 2px solid #fff; border-radius: 50%; width: 120px; height: 120px; line-height: 117px; background: #fff; text-align: center; .transition-100; } +.block-left{ background-color: @color-primary; } +.block-right{ background-color: darken(@color-primary, 8%); right: 0px; } + +@media all and(max-width: 768px){ + .block-content{ margin-bottom: @standard-space*2; overflow: hidden; display: block; } + .block-content:last-of-type{ margin-bottom: 0px; } + .color-block{ height: 50%; width: 100%; } + .block-right{ top: 50%; } +} + +@media all and(max-width: 767px){ + .block-content i{ margin-bottom: 30px; } +} + + + +/*! +// 10. Speakers & Topics +// --------------------------------------------------*/ + +.speakers-row{ padding: 0px 15px; } +.speaker-column{ padding: 0px; } + +.speaker{ position: relative; overflow: hidden; } +.speaker,.topic{ margin-bottom: @standard-space/2; } +.speaker .hover-state{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; background: rgba(0,0,0,0.5); .transition-300; } +.speaker .image-holder{ margin-bottom: 12px; } +.speaker span{ display: block; font-size: 16px; } +.speaker-name{ color: @color-heading; } +.speaker .social-links{ width: 100%; .transition-300; .translate3d(@x: 0px, @y: -200px, @z: 0px); } +.speaker .social-links a{ color: #fff; font-size: 24px; display: inline-block; margin-left: 6px; } +.speaker .social-links a:last-child{ margin-right: 0px; } +.speaker .image-holder:hover .hover-state{ opacity: 1; } +.speaker .image-holder:hover .hover-state .social-links{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } + +.speaker-with-bio{ overflow: hidden; margin-bottom: @standard-space/2; } +.speaker-with-bio .speaker{ width: 50%; float: left; margin-bottom: 0px; } +.speaker-with-bio .speaker-description{ width: 50%; float: left; padding-left: 30px; } +.speaker-description span{ display: inline-block; margin-bottom: 18px; font-weight: 600; } + +@media all and(max-width: 767px){ + .speaker-with-bio .speaker{ width: 100%; } + .speaker-with-bio .speaker-description{ width: 100%; padding-left: 0px; } +} + +.topics{ position: relative; overflow: hidden; } +.topics .container{ position: relative; z-index: 2; } +.topics.overlay .ruled-list li{ border-color: rgba(255,255,255,0.5); } +.topics.overlay .topic i{ color: #fff; } + +.topic h3{ margin-bottom: 18px; } +.topic p.lead{ margin-bottom: 32px; } +.topic i{ font-size: 60px; color: @color-primary; display: inline-block; margin-bottom: 32px; } + +@media all and(max-width: 767px){ + .topic h3{ display: inline-block; position: relative; bottom: 18px; left: 12px; } + .topic i{ margin-bottom: 12px; } +} + +.ruled-list li{ border-top: 1px dotted rgba(0,0,0,0.3); padding: 12px 0px; font-size: 16px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .speakers-row .col-sm-6{ width: 50%; float: left !important; } +} + +/*! +// 11. Schedule +// --------------------------------------------------*/ + +.inline-video{ background: @color-muted; } +.inline-video iframe{ width: 100%; height: 300px; border: none; } +.inline-video .btn{ min-width: 150px; margin-top: 32px; margin-right: 16px; } + +@media all and(max-width: 768px){ + .inline-video iframe{ height: 350px; margin-top: 42px; } +} + +@media all and(max-width: 767px){ + .inline-video iframe{ height: 200px; margin-top: 30px; } + .inline-video .btn{ margin-top: 18px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .inline-video iframe{ height: 250px; } +} + +.embedded-video-holder p{ display: none; } + +.schedule-overview{ border: 2px solid rgba(0,0,0,0.2); margin-bottom: @standard-space/2; } +.schedule-overview li{ padding: 24px; position: relative; cursor: pointer; .transition-300; } +.schedule-overview li:first-child .top{ display: none; } +.schedule-overview li:last-child .bottom{ display: none; } + +.schedule-title span{ display: block; font-size: 16px; } +.schedule-title .title{ color: @color-heading; } + +.schedule-text{ max-height: 0px; .transition-300; opacity: 0; } + +.schedule-overview li:hover{ background-color: @color-muted; } +.schedule-overview li:hover .schedule-text{ max-height: 300px; opacity: 1; padding-top: 18px; } +.schedule-overview li:hover .top,.schedule-overview li:hover .bottom,.schedule-overview li:hover .middle{ border-color: rgba(0,0,0,0.4); } +.schedule-overview li:hover .middle{ background: @color-heading; } + +.schedule-with-text .btn, .contained-gallery .btn{ margin-top: 24px; margin-right: 12px; } +.schedule-with-text .schedule-overview li{ padding-right: 48px; } + +@media all and(max-width: 1024px){ + .schedule-overview li{ padding-right: 48px; } +} + +@media all and(max-width: 767px){ + .schedule-with-text .btn, .contained-gallery .btn{ margin-bottom: 32px; } +} + +.marker-pin{ position: absolute; right: 32px; top: 0px; height: 100%; } +.marker-pin .top, .marker-pin .bottom{ height: 50%; width: 2px; border-left: 2px solid rgba(0,0,0,0.2); position: absolute; z-index: 1; .transition-300; } +.marker-pin .top{ top: 0px; } +.marker-pin .bottom{ bottom: 0px; } +.marker-pin .middle{ width: 18px; height: 18px; border: 2px solid rgba(0,0,0,0.2); background: #fff; border-radius: 50%; position: absolute; right: -10px; top: 50%; margin-top: -9px; z-index: 2; .transition-300; } + +/*! +// 12. Galleries +// --------------------------------------------------*/ + +.instagram, .lightbox-gallery{ position: relative; padding: @standard-space*3 0px; } +.gallery-header{ } +.gallery-header .logo{ max-width: 400px; display: block; margin: 0px auto; margin-bottom: 12px; } + +@media screen and(max-width: 768px){ + .gallery-header .logo{ max-width: 200px; } + .gallery-header h1{ font-size: 24px !important; line-height: 32px !important; } +} + +.instagram, .lightbox-gallery{ overflow: hidden; background: #000 !important; } +.instagram ul, .lightbox-gallery ul{ overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0px; } +.instagram li, .lightbox-gallery li{ float: left; width: 20%; height: 50%; position: relative; cursor: pointer; .transition-300; overflow: hidden; background-size: cover !important; opacity: 0.5; } +.instagram li:hover, .lightbox-gallery li:hover{ opacity: 1 !important; } + +.instagram .container, .lightbox-gallery .container{ position: relative; z-index: 3; } +.instagram i, .lightbox-gallery i{ font-size: 48px; display: inline-block; margin-bottom: 16px; } +.instagram h1, .lightbox-gallery h1{ .large-h1; margin-bottom: 16px; } + +@media all and(max-width: 1200px){ + .instagram li:nth-child(n+9), .lightbox-gallery li:nth-child(n+9){ display: none; } + .instagram li, .lightbox-gallery li{ width: 25%; } +} + +@media all and(max-width: 900px){ + .instagram li:nth-child(n+7), .lightbox-gallery li:nth-child(n+7){ display: none; } + .instagram li, .lightbox-gallery li{ width: 33.333333%; } +} + +@media all and(max-width: 767px){ + .instagram, .lightbox-gallery{ padding: @standard-space*2 0px; } + .instagram li:nth-child(n+5), .lightbox-gallery li:nth-child(n+5){ display: none; } + .instagram li, .lightbox-gallery li{ width: 50%; } +} + + +.testimonials{ background: @color-muted; } + +.contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 185px 0px; } +.contained-gallery .instagram li:nth-child(n+9),.contained-gallery .lightbox-gallery li:nth-child(n+9){ display: none; } +.contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 25%; opacity: 0.7; } + +@media all and(max-width: 1024px){ + .contained-gallery .instagram li:nth-child(n+7){ display: none; } + .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333%; } + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 200px 0px; } +} + +@media all and(max-width: 768px){ + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ margin-bottom: 32px; } + .contained-gallery .btn{ margin-bottom: 0px; } + .contained-gallery .instagram li:nth-child(n+5), .contained-gallery .lightbox-gallery li:nth-child(n+5){ display: block !important; } + .contained-gallery .instagram li:nth-child(n+7), .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none !important; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333% !important; } +} + +/*! +// 13. Pricing +// --------------------------------------------------*/ + +.pricing-option{ overflow: hidden; background: @color-muted; .preserve-3d; position: relative; padding: @standard-space 0px; margin-bottom: 30px; .transition-300; } +.pricing-option .dot{ position: absolute; top: 24px; right: 24px; width: 24px; height: 24px; border-radius: 50%; background: #fff; } +.pricing-option:hover{ background: darken(@color-muted, 3%); } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .pricing-options .col-sm-6{ width: 50%; float: left; } +} + +.dollar, .price, .type{ font-weight: 600; color: @color-heading; font-size: 72px; } +.dollar{ font-size: 36px; position: relative; bottom: 22px; } +.price{ line-height: 1; } +.type{ display: block; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-top: 12px; } + +.plan-title{ display: block; font-weight: 600; margin-bottom: 12px; font-size: 18px; color: @color-heading; } + +.pricing-option ul li{ color: @color-body; } + +.pricing-option.emphasis{ background: @color-primary; color: #fff; } +.pricing-option.emphasis .type, .pricing-option.emphasis .dollar, .pricing-option.emphasis .price, .pricing-option.emphasis .plan-title, .pricing-option.emphasis ul li{ color: #fff !important; } + +@media all and(max-width: 991px){ + .type{ margin-bottom: 12px; } + .pricing-option{ text-align: center !important; } +} + +/*! +// Frequently Asked Questions +// --------------------------------------------------*/ + +.faq-item{ margin-bottom: @standard-space/2; } + +p.question{ font-weight: 600; color: @color-heading; font-size: 16px; } + +/*! +// Visitor Info +// --------------------------------------------------*/ + +.info-box{ margin-bottom: @standard-space/2; position: relative; overflow: hidden; } +.info-box img{ display: block; margin-bottom: 12px; } +.info-box h3{ margin-bottom: 12px; } +.info-box .text-link{ position: absolute; bottom: 12px; right: 0px; } +.text-link a{ display: inline-block; margin-left: 12px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .visitor-info .col-sm-4{ width: 50%; float: left; } +} + +/*! +// 14. Subscribe +// --------------------------------------------------*/ + +.subscribe-1{ position: relative; overflow: hidden; padding-top: @standard-space*2; padding-bottom: @standard-space/2; } +.subscribe-1:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } +.subscribe-1 .container{ position: relative; z-index: 2; } +.subscribe-1 .email-subscribe{ margin-bottom: @standard-space*3; } +.subscribe-1 footer{ border-top: 2px solid rgba(255,255,255,0.3); padding-top: @standard-space/2; } +.subscribe-1 .twitter-feed{ margin-bottom: @standard-space; } +.subscribe-1 h1{ margin-bottom: 30px; } + +.email-subscribe span{ display: block; margin-top: 12px; } + +.twitter-feed i{ font-size: 48px; display: inline-block; margin-bottom: 32px; } +.twitter-feed span a{ border-bottom: none; } + +.tweets-feed .user{ display: none; } +.tweets-feed .interact{ display: none; } +.tweets-feed .tweet{ color: #fff; font-size: 30px; line-height: 36px; font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } +.tweets-feed .tweet a{ color: #fff !important; border-color: #fff !important; } +.tweets-feed .timePosted{ display: none; } + +@media all and(max-width: 767px){ + .tweets-feed .tweet{ font-size: 20px; line-height: 26px; } + .subscribe-2 .form-email{ margin-bottom: 24px; } +} + + +/*! +// 15. Contact +// --------------------------------------------------*/ + +.contact-tweets{ background: @color-primary; color: #fff; position: relative; overflow: hidden; height: 600px; .preserve-3d; } +.contact-tweets .social_twitter{ font-size: 42px; margin-bottom: 32px; display: inline-block; } +.contact-tweets .map-holder{ position: absolute; height: 100%; padding: 0px; top: 0px; right: 0px; } +.contact-tweets .timePosted{ display: block !important; } +.map-holder:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; } +.map-holder iframe{ border: 0px; position: absolute; width: 100%; height: 100%; } +.contact-tweets span a{ border-bottom: 2px solid #fff; padding-bottom: 1px; } + +.contact-tweets form{ padding-top: 0px !important; } +.contact-tweets form .btn{ background: #fff; color: @color-primary; } +.contact-tweets form ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets .icon{ font-size: 60px; margin-bottom: 12px; } +.contact-tweets .form-message{ max-width: 95.5%; width: 95.5%; } + +.fullwidth-map{ padding: 0px; position: relative; overflow: hidden; } +.fullwidth-map .map-holder{ width: 100%; height: 400px; overflow: hidden; } +.fullwidth-map.screen:before{ content: ''; position: absolute; width: 100%; height: 100%; z-index: 2; } + + +/*! +// Sponsors +// --------------------------------------------------*/ + +.sponsors{ background: @color-muted; } +.sponsor{ margin-bottom: @standard-space/2; height: 80px; line-height: 80px; } +.sponsor img{ max-width: 150px; .transition-300; max-height: 80px; } + +.sponsors span{ display: inline-block; margin-top: 24px; } +.sponsors span a{ color: @color-primary; border-color: @color-primary; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .sponsors .col-sm-6{ width: 50%; float: left; } +} + + + +/*! +// 16. Forms +// --------------------------------------------------*/ + +form.register{ overflow: hidden; padding-top: 24px; display: block; } +form.register div{ padding: 0px; } +input[type="text"], form.register .select-holder{ margin-bottom: 32px; padding: 12px; border: none; background: rgba(255,255,255,0.1); border-radius: 25px; font-size: 14px; max-width: 90%; color: #fff; padding-left: 24px; .transition-300; } +input[type="text"]:focus, form.register .select-holder:focus,input[type="text"]:hover, form.register .select-holder:hover{ outline: none; background: rgba(255,255,255,0.2); } + +form.register select{ width: 90%; margin: 0px; background: none; border: none; cursor: pointer; } +form.register select:focus{ outline: none; } + +form.register input[type="submit"]{ padding-bottom: 12px; width: 90%; margin-bottom: 12px; } + +input[type="submit"]{ font-weight: normal; } + +.email-subscribe{ overflow: hidden; } +.email-subscribe input{ margin: 0px auto; min-width: 100%; max-width: 100%; } +.email-subscribe input[type="text"]{ background: rgba(255,255,255,0.3); } +.email-subscribe input[type="text"]:hover, .email-subscribe input[type="text"]:focus{ background: rgba(255,255,255,0.4); } +.email-subscribe ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe input[type="submit"]{ min-height: 48px; } + +.subscribe-2 .email-subscribe input[type="text"]{ background: rgba(0,0,0,0.2); } +.subscribe-2 i{ color: @color-primary; font-size: 70px; display: inline-block; margin-right: 24px; margin-bottom: 18px; } +.subscribe-2 i:last-of-type{ margin-right: 0px; } + +input.error{ color: #ff4532; } + +.mail-list-form{ width: 0px; height: 0px; opacity: 0; overflow: hidden; } + +.form-success, .form-error{ display: none; width: 100%; padding: 6px 18px 8px 18px !important; margin-top: 12px; color: #fff; background-color: #55c950; border-radius: 20px; } +.form-error{ background-color: #D74B4B; } +form .field-error{ background: #D74B4B !important; } + +@media all and(max-width: 768px){ + +} + +@media all and(max-width: 767px){ + form.register input, form.register .select-holder{ width: 100% !important; max-width: 100%; } + .subscribe-1 .email-subscribe input[type="text"]{ margin-bottom: 24px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + form.register .col-sm-6{ width: 50%; float: left; } + form.register input, form.register .select-holder{ max-width: 95% !important; } + form.register input[type="submit"]{ max-width: 100% !important; } +} + +/*! +// Utility Pages +// --------------------------------------------------*/ + +.error-page{ background: @color-primary; padding: 0px; } +.error-page h1{ font-size: 84px; line-height: 96px; margin-bottom: 0px; margin-bottom: 12px; } +.error-page p{ font-size: 24px; line-height: 32px; } +.error-page i{ color: #fff; font-size: 84px; display: inline-block; margin-right: 24px; } +.error-page i:last-of-type{ margin-right: 0px; } +.error-page .btn{ margin-right: 24px; margin-top: 12px; } + +@media all and(max-width: 767px){ + .error-page i{ display: none; } +} + +/*! +// 17. Footers +// --------------------------------------------------*/ + + +.footer .top-border{ height: 2px; width: 100%; background: rgba(255,255,255,0.3); margin-bottom: 32px; } +.footer .menu{ overflow: visible; } +.footer .menu li{ top: 0px; } +.footer .menu li a{ padding-bottom: 0px; } +.footer .menu li .btn{ min-width: 0px; padding: 10px 18px; font-size: 14px; } +.footer .menu li a{ diplay: inline-block; position: relative; border: none; } +.footer .menu li a:hover{ border: none; } +.footer .back-to-top{ padding-right: 42px; } +.footer .menu li a i{ font-size: 36px; position: absolute; right: 0px; top: -12px; } + +@media all and(max-width: 767px){ + .footer .text-right{ text-align: left !important; } + .footer .menu{ margin-top: 24px; } + .footer .menu li{ float: none; margin-bottom: 12px; } +} + +footer.classic{ padding: @standard-space 0px @standard-space/2 0px; background: @color-muted; } +footer.classic .menu li{ float: none; margin-bottom: 12px; } +footer.classic .menu li a{ color: @color-heading; padding-bottom: 0px; font-weight: 600; } +footer.classic span.lead{ display: inline-block; margin-bottom: 12px; } + +footer.short{ background: @color-heading; color: #fff; padding: @standard-space 0px; } +footer.short .top-border{ height: 1px !important; } + +@media all and(max-width: 767px){ + footer.classic div{ margin-bottom: 18px; } +} + +.contact-methods li{ margin-bottom: 12px; } +.contact-methods li:last-child{ margin-bottom: 0px; } +.contact-methods i{ font-size: 36px; color: @color-heading; } +.contact-methods span{ display: inline-block; position: relative; bottom: 10px; left:8px; font-size: 16px; } + +footer.classic .social-profiles{ margin-top: 36px; } + +.social-profiles{ display: inline-block; overflow: hidden; } +.social-profiles li{ float: left; margin-right: 36px; } +.social-profiles li:last-child{ margin-right: 0px; } +.social-profiles li a{ color: @color-heading; font-size: 20px; } + diff --git a/static/new/css/less/leaf.less b/static/new/css/less/leaf.less new file mode 100644 index 00000000..4188607b --- /dev/null +++ b/static/new/css/less/leaf.less @@ -0,0 +1,901 @@ +/*! +// Contents +// ------------------------------------------------ + + 1. Mixins + 2. Helper classes & resets + 3. Loader + 4. Colours + 5. Typography + 6. Spacing + 7. Buttons + 8. Navigation + 9. Slider, Dividers + 10. Speakers & Topics + 11. Schedule + 12. Galleries + 13. Pricing & FAQ + 14. Subscribe + 15. Contact + 16. Forms + 17. Footers + +// --------------------------------------------------*/ + +@import "variables.less"; +@import "mixins.less"; + +/*! +// 1. Useful Mixins +// --------------------------------------------------*/ + +.vertical-align { + position: relative; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.vertical-align-cancel{ + top: 0px; + -webkit-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); +} + +.preserve-3d { + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + transform-style: preserve-3d; +} + +.transition-100{ + transition: all .1s ease-out; + -webkit-transition: all .1s ease-out; + -moz-transition: all .1s ease-out; +} + +.transition-300{ + transition: all .3s ease-out; + -webkit-transition: all .3s ease-out; + -moz-transition: all .3s ease-out; +} + +.transition-700{ + transition: all .7s ease-out; + -webkit-transition: all .7s ease-out; + -moz-transition: all .7s ease-out; +} + +.translate3d(@x,@y,@z){ + transform: translate3d(@x,@y,@z); + -webkit-transform: translate3d(@x,@y,@z); + -moz-transform: translate3d(@x,@y,@z); +} + +.scale2d(@x,@y){ + transform: scale(@x,@y); + -webkit-transform: scale(@x,@y); + -moz-transform: scale(@x,@y); +} + +.overlay-params(@strength, @bg-color){ + background-color: @bg-color; + opacity: @strength; + position: absolute; + content: ''; + width: 100%; + height: 100%; + z-index: 1; + top: 0px; +} + +.overlay:before{ .overlay-params(@strength: 0.5, @bg-color: @color-heading); } +.overlay .container{ position: relative; z-index: 2; } + +/*! +// 2. Helper Classes & Resets +// --------------------------------------------------*/ + +.go-right{ right: 0px; } +.go-left{ left: 0px; } + +img{ max-width: 100%; } + +.main-container{ .transition-300; } + +/*! +// 3. Loader +// --------------------------------------------------*/ + +.loader{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; background: #fff; .preserve-3d; .transition-300; opacity: 1; } +.strip-holder{ .vertical-align; left: 50%; margin-left: -50px; position: relative; } +.strip-1, .strip-2, .strip-3{ width: 20px; height: 20px; background: @color-primary; position: relative; -webkit-animation: stripMove 2s ease infinite alternate; animation: stripMove 2s ease infinite alternate; -moz-animation: stripMove 2s ease infinite alternate; } +.strip-2{ -webkit-animation-duration: 2.1s; animation-duration: 2.1s; background-color: lighten(@color-primary, 20%); } +.strip-3{ -webkit-animation-duration: 2.2s; animation-duration: 2.2s; background-color: lighten(@color-primary, 40%); } + + +@-webkit-keyframes stripMove{ + 0% { .translate3d(@x: 0px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } +} + +@-moz-keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +@keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +.main-container{ .transition-300; opacity: 0; } +nav{ .transition-300; opacity: 0; } +.show-content{ opacity: 1 !important; } +.hide-loader{ opacity: 0 !important; } + + +/*! +// 4. Colours +// --------------------------------------------------*/ + +@color-primary: #379D16; +@color-heading: #333; +@color-body: #777; +@color-muted: #f5f5f5 !important; + +.background-dark{ background-color: @color-heading !important; } +.color-heading{ color: @color-heading; } + +/*! +// 5. Typography +// --------------------------------------------------*/ + +@custom-heading-font: 'Open Sans'; +@custom-body-font: 'Open Sans'; + +.text-white{ color: #fff; } + +body{ font-family: @custom-body-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: @color-body; font-size: 14px; line-height: 24px; background: #fff; } +h1,h2,h3,h4,h5,h6{ font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; margin: 0px; color: @color-heading; } + +h1{ font-size: 30px; line-height: 36px; margin-bottom: 42px; } +h3{ font-size: 20px; line-height: 28px; } + +.large-h1{ font-size: 42px; line-height: 48px; font-weight: 300; } + +p{ font-size: 14px; line-height: 24px; } +p:last-child{ margin-bottom: 0px; } +p.lead{ font-size: 16px; line-height: 30px; font-weight: 400; } +span.lead{ font-weight: 400; } +.uppercase{ text-transform: uppercase; letter-spacing: 1px; display: inline-block; margin-right: -1px; } + +strong{ font-weight: 600; } + +ul{ list-style: none; margin: 0px; padding: 0px; } + +@media all and(max-width: 767px){ + h1{ font-size: 24px; line-height: 28px; margin-bottom: 36px; } + h2{ font-size: 20px; line-height: 26px; } + + .large-h1{ font-size: 24px; line-height: 28px; } + + p{ font-size: 13px; line-height: 22px; } + p.lead{ font-size: 15px; line-height: 26px; } +} + + +/*! +// Spacing Standards +// --------------------------------------------------*/ + +@standard-space: 72px; + +section{ padding: @standard-space 0px; background: #fff; } + +.duplicatable-content{ padding-bottom: @standard-space/2; } + + +/*! +// 6. Buttons +// --------------------------------------------------*/ + +a:hover{ text-decoration: none; } +h1 a, span a,p a,.text-link a{ font-weight: 600; color: #fff; display: inline-block; border-bottom: 4px solid #fff; padding-bottom: 6px; .transition-300; } +span a, p a,.text-link a{ padding-bottom: 4px; border-bottom: 3px solid #fff; } +span a:hover{ color: #fff; } +p a, .text-link a{ color: @color-primary !important; border-color: @color-primary; padding-bottom: 2px; } +p a, .text-link a:hover{ color: @color-heading; } + +.btn{ min-width: 180px; border-radius: 25px; background: @color-primary; text-align: center; padding: 13px 0px 14px 0px; color: #fff; font-size: 15px; .transition-300; font-weight: 600; line-height: 1; } +.btn:hover{ color: #fff; background: darken(@color-primary, 5%); } +.btn-hollow{ background: none; border: 2px solid @color-primary; color: @color-primary; } +.btn-hollow:hover{ background: @color-primary; } + +.btn-white{ background: #fff; color: @color-primary; } +.btn-white:hover{ background: #fff; color: darken(@color-primary,10%); } + +.btn-hollow.btn-white{ background: none; border-color: #fff; color: #fff; } +.btn-hollow.btn-white:hover{ background: #fff; color: @color-primary; } + +.btn-lg{ padding: 20px 0px 21px 0px; text-transform: uppercase; min-width: 230px; border-radius: 35px; } + +/*! +// Backgrounds & Parallax +// --------------------------------------------------*/ + +.background-image-holder{ position: absolute; width: 100%; height: 130%; top: -10%; background-size: cover !important; background-position: 50% 50% !important; } +.image-holder{ position: relative; overflow: hidden; } + +/*! +// 7. Navigation +// --------------------------------------------------*/ + +nav .logo{ max-height: 45px; max-width: 110px; position: absolute; top: -6px; opacity: 1; } +nav .text-right{ position: relative; } +nav .container{ .transition-300; } + +.overlay-nav{ position:fixed; top: 0px; z-index: 10; width: 100%; padding-top: @standard-space/3; line-height: 1; background: none; .transition-300; } +.overlay-nav .logo-dark{ opacity: 0; } +.overlay-nav.sticky-nav .logo-light{ opacity: 0; } +.overlay-nav.sticky-nav .logo-dark{ opacity: 1; } + +.bottom-border{ position: absolute; bottom: 2px; width: 100%; height: 2px; background: rgba(255,255,255,0.3); } +.sidebar-menu .bottom-border{ position: relative; bottom: 0px; background: rgba(255,255,255,0.2); display: block !important; } + +.menu{ display: inline-block; text-align: left; line-height: 1; } +.menu li{ float: left; margin-right: 32px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; position: relative; top: 4px; } +.menu li:last-child{ margin-right: 0px; } +.menu li:nth-las-child(2){ margin-right: 12px; } +.menu li a{ color: #fff; display: inline-block; padding-bottom: @standard-space/3; border-bottom: 2px solid rgba(0,0,0,0); .transition-300; } +.menu li a:hover{ border-bottom: 2px solid #fff; } + +.nav-dropdown{ position: absolute; z-index: -1; max-height: 0px; background: rgba(255,255,255,0.9); min-width: 200px; .transition-300; } +.nav-dropdown li:first-child{ margin-top: 12px; } +.nav-dropdown li{ opacity: 0; .transition-300; margin-right: 0px; float: none; margin-bottom: 18px; } +.nav-dropdown li a{ padding-bottom: 0px; padding-left: 24px; color: @color-heading; } +.nav-dropdown li a:hover{ border-color: rgba(0,0,0,0); } + +.has-dropdown:hover .nav-dropdown{ z-index: 10; max-height: 300px; } +.has-dropdown:hover .nav-dropdown li{ opacity: 1; } + +.has-dropdown a{ padding-left: 18px; } +.has-dropdown:before{ display: inline-block; font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e688"; color: #fff; font-size: 24px; position: absolute; top: -6px; } + +.menu .social-link{ font-size: 14px; top: 0px !important; margin-right: 18px !important; } +.menu .social-link:nth-last-child(2){ margin-right: 18px; } + +.sticky-nav{ background: rgba(255,255,255,0.9); } +.sticky-nav .menu li a{ color: @color-heading; } +.sticky-nav .bottom-border{ display: none; } +.sticky-nav .menu li a:hover{ border-color: rgba(0,0,0,0); } +.sticky-nav .sidebar-menu-toggle, .sticky-nav .mobile-menu-toggle{ color: @color-heading; } +.sticky-nav .nav-dropdown{ background: rgba(255,255,255,0.9); } +.sticky-nav .has-dropdown:before{ color: @color-heading; } + +.sidebar-menu-toggle, .mobile-menu-toggle{ position: absolute; color: #fff; font-size: 32px; right: 0px; top: -7px; cursor: pointer; .transition-300; } + +.mobile-menu-toggle{ display: none; } + +.sidebar-menu, .instagram-sidebar{ position: fixed; right: 0px; top: 0px; width: 300px; height: 100%; background: @color-heading; .translate3d(@x: 300px, @y: 0px, @z: 0px); .transition-300; } +.show-sidebar{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } +.reveal-sidebar{ .translate3d(@x: -300px, @y: 0px, @z: 0px); } + +.sidebar-content{ padding: 0px 24px; margin-top: 24px; } +.widget{ margin-bottom: 24px; } +.widget .title{ font-size: 16px; font-weight: 600; display: inline-block; margin-bottom: 12px; } +.widget .menu li{ float: none; margin-bottom: 12px; } +.widget .menu li a{ padding-bottom: 0px; color: #fff !important; font-size: 12px; } +.widget .menu li a:hover{ border-color: rgba(0,0,0,0); } +.widget .menu .social-link{ display: none; } +.widget .social-profiles li{ margin-right: 24px; } +.widget .social-profiles li a{ color: #fff; } + +.instagram-toggle{ cursor: pointer; } +.instagram-toggle-init{ pointer-events: none; } +.instagram-sidebar li{ width: 100%; height: 250px; } +.instagram-sidebar{ overflow-y: auto; } + +.sidebar-content .copy-text{ position: absolute; bottom: 32px; color: rgba(255,255,255,0.5); font-size: 12px; } +.text-panel{ background: lighten(@color-heading, 8%); padding: 18px; } + +.relative-nav{ position: relative; padding-top: 28px; background: #fff; } +.relative-nav .menu li a{ color: @color-heading; } +.relative-nav .has-dropdown:before{ color: @color-heading; } +.relative-nav .nav-dropdown{ background: rgba(53,53,53,0.8); } +.relative-nav .has-dropdown li a{ color: #fff; } +.relative-nav .sidebar-menu-toggle{ color: @color-heading; } +.relative-nav .logo-light{ opacity: 0 !important; } +.relative-nav .logo-dark{ opacity: 1 !important; } +.relative-nav .logo{ top: -4px !important; } + +.sidebar-menu .logo{ max-width: 110px; position: relative; top: 21px !important; margin-bottom: 32px; left: 24px; } + +@media all and(max-width: 768px){ + nav{ max-height: 67px; overflow: hidden; background: rgba(255,255,255,0.9) !important; } + nav .menu li{ float: none; margin-bottom: 24px; } + nav .menu li a{ color: @color-heading !important; padding-bottom: 0px; } + nav .logo{ max-width: 90px; top: -2px; } + nav .logo-dark{ opacity: 1 !important; } + nav .logo-light{ opacity: 0 !important; } + nav .menu{ width: 100%; display: block; margin-top: 67px; margin-right: 0px; } + nav .social-link{ float: left !important; } + .sidebar-menu-toggle{ display: none; } + .mobile-menu-toggle{ display: block; position: fixed; top: 17px; right: 24px; color: @color-heading !important; } + .open-menu{ max-height: 800px !important; } + .nav-dropdown{ position: relative; display: none; } + .has-dropdown:hover .nav-dropdown{ display: block; } + .has-dropdown:before{ color: @color-heading; } +} + +/*! +// 8. Sliders & Dividers & Headers +// --------------------------------------------------*/ + +.hero-slider{ padding: 0px; position: relative; overflow: hidden; } +.hero-slider .slides li{ height: 780px; position: relative; overflow: hidden; .preserve-3d; } +.hero-slider .slides li:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } + +.hero-slider .container{ .vertical-align; z-index: 2; } +.hero-slider h1{ margin-bottom: 42px; } + +.hero-slider .btn-hollow{ color: #fff; border-color: #fff; margin-left: 16px; } +.hero-slider .btn-hollow:hover{ background: #fff; color: @color-primary; } + +@media all and(max-width: 767px){ + .hero-slider .btn-hollow{ display: none; } +} + +.register-header form.register{ padding-top: 0px; background: rgba(0,0,0,0.4); padding: 24px; } +.register-header form input{ width: 100% !important; } +.register-header form.register span{ color: #fff; } +.register-header .logo, .hero-slide .logo{ max-width: 150px; display: block; margin-bottom: 12px; } + +.register-header h1{ margin-bottom: 24px !important; } + +@media all and(max-width: 768px){ + .register-header form.register .form-name, .register-header form.register .form-email{ max-width: 100%; width: 100%; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .register-header form.register .form-name, .register-header form.register .form-email{ width: 50%; } +} + +@media all and(max-width: 767px){ + .hero-slide .logo{ max-width: 100px; } + .register-header .logo{ display: none; } + .register-header h1{ display: none; } + .register-header form h1{ display: block; } + .register-header span.lead{ display: none; } + .register-header input, .register-header .select-holder{ max-width: 100% !important; } + .hero-slider h1{ margin-bottom: 18px; } +} + +.testimonials-slider{ position: relative; margin-bottom: 48px; } +.testimonials-slider .flex-control-nav a{ background:rgba(0,0,0,0.3); } +.testimonials-slider .flex-control-nav a.flex-active{ background:rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav a:hover{ background: rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav{ bottom: -48px; text-align: left; } + +.primary-overlay:before{ .overlay-params(@strength: 0.8, @bg-color: @color-primary); background-color: @color-primary !important; } + +.strip-divider{ padding: @standard-space*3 0px; position: relative; overflow: hidden; } +.strip-divider .container{ z-index: 2; position: relative; } +.strip-divider h1{ margin: 0px; font-size: 36px; line-height: 48px; } +.strip-divider a:hover{ color: #fff !important; } + +@media all and(max-width: 767px){ + .strip-divider{ padding: @standard-space 0px; } +} + +.countdown-divider{ padding: @standard-space*2 0px; } +.countdown-divider img, .countdown-header img, .video-header img{ max-width: 300px; display: inline-block; margin-bottom: 12px; } + +.countdown-header h1{ margin-bottom: 0px; } +.countdown-header:before{ opacity: 0.8 !important; } + +.video-header:before{ opacity: 0.5 !important; background: #000 !important; } +.video-header .uppercase, .countdown-header .uppercase{ display: block; font-weight: 600; margin-bottom: 24px; } + + +@media all and(max-width: 768px){ + .countdown-header img, .countdown-divider img, .video-header img{ max-width: 150px; } +} + +.countdown{ text-align: center; margin-top: @standard-space; } +.countdown-row{ color: #fff; font-size: 80px; font-weight: 300; } +.countdown-section{ width: 20%; display: inline-block; } +.countdown-amount{ display: inline-block; margin-bottom: 48px; } +.countdown-period{ display: block; font-size: 24px; } + +.section-header{ position: relative; overflow: hidden; height: 450px; } +.section-header h1{ font-size: 32px; } +.section-header.overlay:before{ opacity: 0.2; } +.section-header i{ font-size: 40px; color: #fff; margin: 0px 24px 12px 0px; } +.section-header i:last-of-type{ margin-right: 0px; } + +@media all and(max-width: 767px){ + .countdown{ margin-top: 48px; } + .countdown-row{ font-size: 36px; } + .countdown-period{ font-size: 16px; } +} + +.video-wrapper{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; } +.video-wrapper video{ width: 100%; } + +@media all and(max-width: 1390px){ + .video-wrapper video{ width: 110%; } +} + +@media all and(max-width: 1260px){ + .video-wrapper video{ width: 120%; } +} + +@media all and(max-width: 1160px){ + .video-wrapper video{ width: 130%; } +} + +@media all and(max-width: 1024px){ + .video-wrapper{ display: none; } +} + +.call-to-action{ padding: 144px 0px; } +.call-to-action .uppercase{ display: block; width: 100%; text-align: center; margin-bottom: 32px; } +.call-to-action h1{ margin-bottom: 32px; } +.call-to-action .btn{ margin-bottom: 40px; } +.call-to-action a i{ display: inline-block; width: 60px; height: 60px; border-radius: 50%; color: #fff; margin-right: 12px; font-size: 24px; line-height: 60px; } +.call-to-action .social_facebook{ background-color: #3b5998; } +.call-to-action .social_twitter{ background-color: #00aced; } +.call-to-action a:last-of-type i{ margin-right: 0px; } + +@media all and(max-width: 768px){ + .call-to-action{ padding: @standard-space 0px; } +} + +/*! +// 9. Image with text +// --------------------------------------------------*/ + +.image-with-text{ overflow: hidden; position: relative; height: 600px; } +.image-with-text h1{ margin-bottom: 24px; } + +.side-image{ padding: 0px; position: absolute; top: 0px; height: 100%; } + + +@media all and(max-width: 767px){ + .image-with-text{ height: auto; padding: @standard-space 0px; } + .image-with-text .vertical-align{ .vertical-align-cancel } +} + +/*! +// Promo Blocks +// --------------------------------------------------*/ + +.color-blocks{ position: relative; overflow: hidden; color: #fff; } +.color-block{ position: absolute; top: 0px; height: 100%; padding: 0px; color: #fff; .transition-300; } +.color-blocks h1, .color-blocks h2, .color-blocks h3, .color-blocks h4, .color-blocks h5, .color-blocks h6{ color: #fff; } +.color-blocks h1{ margin-bottom: 12px; } +.color-blocks a{ color: #fff; pointer-events: auto; } +.color-blocks a:hover i{ transform: rotateZ(-10deg); } +.color-blocks i, .contained-promo i{ color: @color-primary; font-size: 70px; display: inline-block; border: 2px solid #fff; border-radius: 50%; width: 120px; height: 120px; line-height: 117px; background: #fff; text-align: center; .transition-100; } +.block-left{ background-color: @color-primary; } +.block-right{ background-color: darken(@color-primary, 8%); right: 0px; } + +@media all and(max-width: 768px){ + .block-content{ margin-bottom: @standard-space*2; overflow: hidden; display: block; } + .block-content:last-of-type{ margin-bottom: 0px; } + .color-block{ height: 50%; width: 100%; } + .block-right{ top: 50%; } +} + +@media all and(max-width: 767px){ + .block-content i{ margin-bottom: 30px; } +} + + + +/*! +// 10. Speakers & Topics +// --------------------------------------------------*/ + +.speakers-row{ padding: 0px 15px; } +.speaker-column{ padding: 0px; } + +.speaker{ position: relative; overflow: hidden; } +.speaker,.topic{ margin-bottom: @standard-space/2; } +.speaker .hover-state{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; background: rgba(0,0,0,0.5); .transition-300; } +.speaker .image-holder{ margin-bottom: 12px; } +.speaker span{ display: block; font-size: 16px; } +.speaker-name{ color: @color-heading; } +.speaker .social-links{ width: 100%; .transition-300; .translate3d(@x: 0px, @y: -200px, @z: 0px); } +.speaker .social-links a{ color: #fff; font-size: 24px; display: inline-block; margin-left: 6px; } +.speaker .social-links a:last-child{ margin-right: 0px; } +.speaker .image-holder:hover .hover-state{ opacity: 1; } +.speaker .image-holder:hover .hover-state .social-links{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } + +.speaker-with-bio{ overflow: hidden; margin-bottom: @standard-space/2; } +.speaker-with-bio .speaker{ width: 50%; float: left; margin-bottom: 0px; } +.speaker-with-bio .speaker-description{ width: 50%; float: left; padding-left: 30px; } +.speaker-description span{ display: inline-block; margin-bottom: 18px; font-weight: 600; } + +@media all and(max-width: 767px){ + .speaker-with-bio .speaker{ width: 100%; } + .speaker-with-bio .speaker-description{ width: 100%; padding-left: 0px; } +} + +.topics{ position: relative; overflow: hidden; } +.topics .container{ position: relative; z-index: 2; } +.topics.overlay .ruled-list li{ border-color: rgba(255,255,255,0.5); } +.topics.overlay .topic i{ color: #fff; } + +.topic h3{ margin-bottom: 18px; } +.topic p.lead{ margin-bottom: 32px; } +.topic i{ font-size: 60px; color: @color-primary; display: inline-block; margin-bottom: 32px; } + +@media all and(max-width: 767px){ + .topic h3{ display: inline-block; position: relative; bottom: 18px; left: 12px; } + .topic i{ margin-bottom: 12px; } +} + +.ruled-list li{ border-top: 1px dotted rgba(0,0,0,0.3); padding: 12px 0px; font-size: 16px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .speakers-row .col-sm-6{ width: 50%; float: left !important; } +} + +/*! +// 11. Schedule +// --------------------------------------------------*/ + +.inline-video{ background: @color-muted; } +.inline-video iframe{ width: 100%; height: 300px; border: none; } +.inline-video .btn{ min-width: 150px; margin-top: 32px; margin-right: 16px; } + +@media all and(max-width: 768px){ + .inline-video iframe{ height: 350px; margin-top: 42px; } +} + +@media all and(max-width: 767px){ + .inline-video iframe{ height: 200px; margin-top: 30px; } + .inline-video .btn{ margin-top: 18px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .inline-video iframe{ height: 250px; } +} + +.embedded-video-holder p{ display: none; } + +.schedule-overview{ border: 2px solid rgba(0,0,0,0.2); margin-bottom: @standard-space/2; } +.schedule-overview li{ padding: 24px; position: relative; cursor: pointer; .transition-300; } +.schedule-overview li:first-child .top{ display: none; } +.schedule-overview li:last-child .bottom{ display: none; } + +.schedule-title span{ display: block; font-size: 16px; } +.schedule-title .title{ color: @color-heading; } + +.schedule-text{ max-height: 0px; .transition-300; opacity: 0; } + +.schedule-overview li:hover{ background-color: @color-muted; } +.schedule-overview li:hover .schedule-text{ max-height: 300px; opacity: 1; padding-top: 18px; } +.schedule-overview li:hover .top,.schedule-overview li:hover .bottom,.schedule-overview li:hover .middle{ border-color: rgba(0,0,0,0.4); } +.schedule-overview li:hover .middle{ background: @color-heading; } + +.schedule-with-text .btn, .contained-gallery .btn{ margin-top: 24px; margin-right: 12px; } +.schedule-with-text .schedule-overview li{ padding-right: 48px; } + +@media all and(max-width: 1024px){ + .schedule-overview li{ padding-right: 48px; } +} + +@media all and(max-width: 767px){ + .schedule-with-text .btn, .contained-gallery .btn{ margin-bottom: 32px; } +} + +.marker-pin{ position: absolute; right: 32px; top: 0px; height: 100%; } +.marker-pin .top, .marker-pin .bottom{ height: 50%; width: 2px; border-left: 2px solid rgba(0,0,0,0.2); position: absolute; z-index: 1; .transition-300; } +.marker-pin .top{ top: 0px; } +.marker-pin .bottom{ bottom: 0px; } +.marker-pin .middle{ width: 18px; height: 18px; border: 2px solid rgba(0,0,0,0.2); background: #fff; border-radius: 50%; position: absolute; right: -10px; top: 50%; margin-top: -9px; z-index: 2; .transition-300; } + +/*! +// 12. Galleries +// --------------------------------------------------*/ + +.instagram, .lightbox-gallery{ position: relative; padding: @standard-space*3 0px; } +.gallery-header{ } +.gallery-header .logo{ max-width: 400px; display: block; margin: 0px auto; margin-bottom: 12px; } + +@media screen and(max-width: 768px){ + .gallery-header .logo{ max-width: 200px; } + .gallery-header h1{ font-size: 24px !important; line-height: 32px !important; } +} + +.instagram, .lightbox-gallery{ overflow: hidden; background: #000 !important; } +.instagram ul, .lightbox-gallery ul{ overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0px; } +.instagram li, .lightbox-gallery li{ float: left; width: 20%; height: 50%; position: relative; cursor: pointer; .transition-300; overflow: hidden; background-size: cover !important; opacity: 0.5; } +.instagram li:hover, .lightbox-gallery li:hover{ opacity: 1 !important; } + +.instagram .container, .lightbox-gallery .container{ position: relative; z-index: 3; } +.instagram i, .lightbox-gallery i{ font-size: 48px; display: inline-block; margin-bottom: 16px; } +.instagram h1, .lightbox-gallery h1{ .large-h1; margin-bottom: 16px; } + +@media all and(max-width: 1200px){ + .instagram li:nth-child(n+9), .lightbox-gallery li:nth-child(n+9){ display: none; } + .instagram li, .lightbox-gallery li{ width: 25%; } +} + +@media all and(max-width: 900px){ + .instagram li:nth-child(n+7), .lightbox-gallery li:nth-child(n+7){ display: none; } + .instagram li, .lightbox-gallery li{ width: 33.333333%; } +} + +@media all and(max-width: 767px){ + .instagram, .lightbox-gallery{ padding: @standard-space*2 0px; } + .instagram li:nth-child(n+5), .lightbox-gallery li:nth-child(n+5){ display: none; } + .instagram li, .lightbox-gallery li{ width: 50%; } +} + + +.testimonials{ background: @color-muted; } + +.contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 185px 0px; } +.contained-gallery .instagram li:nth-child(n+9),.contained-gallery .lightbox-gallery li:nth-child(n+9){ display: none; } +.contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 25%; opacity: 0.7; } + +@media all and(max-width: 1024px){ + .contained-gallery .instagram li:nth-child(n+7){ display: none; } + .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333%; } + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 200px 0px; } +} + +@media all and(max-width: 768px){ + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ margin-bottom: 32px; } + .contained-gallery .btn{ margin-bottom: 0px; } + .contained-gallery .instagram li:nth-child(n+5), .contained-gallery .lightbox-gallery li:nth-child(n+5){ display: block !important; } + .contained-gallery .instagram li:nth-child(n+7), .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none !important; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333% !important; } +} + +/*! +// 13. Pricing +// --------------------------------------------------*/ + +.pricing-option{ overflow: hidden; background: @color-muted; .preserve-3d; position: relative; padding: @standard-space 0px; margin-bottom: 30px; .transition-300; } +.pricing-option .dot{ position: absolute; top: 24px; right: 24px; width: 24px; height: 24px; border-radius: 50%; background: #fff; } +.pricing-option:hover{ background: darken(@color-muted, 3%); } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .pricing-options .col-sm-6{ width: 50%; float: left; } +} + +.dollar, .price, .type{ font-weight: 600; color: @color-heading; font-size: 72px; } +.dollar{ font-size: 36px; position: relative; bottom: 22px; } +.price{ line-height: 1; } +.type{ display: block; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-top: 12px; } + +.plan-title{ display: block; font-weight: 600; margin-bottom: 12px; font-size: 18px; color: @color-heading; } + +.pricing-option ul li{ color: @color-body; } + +.pricing-option.emphasis{ background: @color-primary; color: #fff; } +.pricing-option.emphasis .type, .pricing-option.emphasis .dollar, .pricing-option.emphasis .price, .pricing-option.emphasis .plan-title, .pricing-option.emphasis ul li{ color: #fff !important; } + +@media all and(max-width: 991px){ + .type{ margin-bottom: 12px; } + .pricing-option{ text-align: center !important; } +} + +/*! +// Frequently Asked Questions +// --------------------------------------------------*/ + +.faq-item{ margin-bottom: @standard-space/2; } + +p.question{ font-weight: 600; color: @color-heading; font-size: 16px; } + +/*! +// Visitor Info +// --------------------------------------------------*/ + +.info-box{ margin-bottom: @standard-space/2; position: relative; overflow: hidden; } +.info-box img{ display: block; margin-bottom: 12px; } +.info-box h3{ margin-bottom: 12px; } +.info-box .text-link{ position: absolute; bottom: 12px; right: 0px; } +.text-link a{ display: inline-block; margin-left: 12px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .visitor-info .col-sm-4{ width: 50%; float: left; } +} + +/*! +// 14. Subscribe +// --------------------------------------------------*/ + +.subscribe-1{ position: relative; overflow: hidden; padding-top: @standard-space*2; padding-bottom: @standard-space/2; } +.subscribe-1:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } +.subscribe-1 .container{ position: relative; z-index: 2; } +.subscribe-1 .email-subscribe{ margin-bottom: @standard-space*3; } +.subscribe-1 footer{ border-top: 2px solid rgba(255,255,255,0.3); padding-top: @standard-space/2; } +.subscribe-1 .twitter-feed{ margin-bottom: @standard-space; } +.subscribe-1 h1{ margin-bottom: 30px; } + +.email-subscribe span{ display: block; margin-top: 12px; } + +.twitter-feed i{ font-size: 48px; display: inline-block; margin-bottom: 32px; } +.twitter-feed span a{ border-bottom: none; } + +.tweets-feed .user{ display: none; } +.tweets-feed .interact{ display: none; } +.tweets-feed .tweet{ color: #fff; font-size: 30px; line-height: 36px; font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } +.tweets-feed .tweet a{ color: #fff !important; border-color: #fff !important; } +.tweets-feed .timePosted{ display: none; } + +@media all and(max-width: 767px){ + .tweets-feed .tweet{ font-size: 20px; line-height: 26px; } + .subscribe-2 .form-email{ margin-bottom: 24px; } +} + + +/*! +// 15. Contact +// --------------------------------------------------*/ + +.contact-tweets{ background: @color-primary; color: #fff; position: relative; overflow: hidden; height: 600px; .preserve-3d; } +.contact-tweets .social_twitter{ font-size: 42px; margin-bottom: 32px; display: inline-block; } +.contact-tweets .map-holder{ position: absolute; height: 100%; padding: 0px; top: 0px; right: 0px; } +.contact-tweets .timePosted{ display: block !important; } +.map-holder:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; } +.map-holder iframe{ border: 0px; position: absolute; width: 100%; height: 100%; } +.contact-tweets span a{ border-bottom: 2px solid #fff; padding-bottom: 1px; } + +.contact-tweets form{ padding-top: 0px !important; } +.contact-tweets form .btn{ background: #fff; color: @color-primary; } +.contact-tweets form ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets .icon{ font-size: 60px; margin-bottom: 12px; } +.contact-tweets .form-message{ max-width: 95.5%; width: 95.5%; } + +.fullwidth-map{ padding: 0px; position: relative; overflow: hidden; } +.fullwidth-map .map-holder{ width: 100%; height: 400px; overflow: hidden; } +.fullwidth-map.screen:before{ content: ''; position: absolute; width: 100%; height: 100%; z-index: 2; } + + +/*! +// Sponsors +// --------------------------------------------------*/ + +.sponsors{ background: @color-muted; } +.sponsor{ margin-bottom: @standard-space/2; height: 80px; line-height: 80px; } +.sponsor img{ max-width: 150px; .transition-300; max-height: 80px; } + +.sponsors span{ display: inline-block; margin-top: 24px; } +.sponsors span a{ color: @color-primary; border-color: @color-primary; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .sponsors .col-sm-6{ width: 50%; float: left; } +} + + + +/*! +// 16. Forms +// --------------------------------------------------*/ + +form.register{ overflow: hidden; padding-top: 24px; display: block; } +form.register div{ padding: 0px; } +input[type="text"], form.register .select-holder{ margin-bottom: 32px; padding: 12px; border: none; background: rgba(255,255,255,0.1); border-radius: 25px; font-size: 14px; max-width: 90%; color: #fff; padding-left: 24px; .transition-300; } +input[type="text"]:focus, form.register .select-holder:focus,input[type="text"]:hover, form.register .select-holder:hover{ outline: none; background: rgba(255,255,255,0.2); } + +form.register select{ width: 90%; margin: 0px; background: none; border: none; cursor: pointer; } +form.register select:focus{ outline: none; } + +form.register input[type="submit"]{ padding-bottom: 12px; width: 90%; margin-bottom: 12px; } + +input[type="submit"]{ font-weight: normal; } + +.email-subscribe{ overflow: hidden; } +.email-subscribe input{ margin: 0px auto; min-width: 100%; max-width: 100%; } +.email-subscribe input[type="text"]{ background: rgba(255,255,255,0.3); } +.email-subscribe input[type="text"]:hover, .email-subscribe input[type="text"]:focus{ background: rgba(255,255,255,0.4); } +.email-subscribe ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe input[type="submit"]{ min-height: 48px; } + +.subscribe-2 .email-subscribe input[type="text"]{ background: rgba(0,0,0,0.2); } +.subscribe-2 i{ color: @color-primary; font-size: 70px; display: inline-block; margin-right: 24px; margin-bottom: 18px; } +.subscribe-2 i:last-of-type{ margin-right: 0px; } + +input.error{ color: #ff4532; } + +.mail-list-form{ width: 0px; height: 0px; opacity: 0; overflow: hidden; } + +.form-success, .form-error{ display: none; width: 100%; padding: 6px 18px 8px 18px !important; margin-top: 12px; color: #fff; background-color: #55c950; border-radius: 20px; } +.form-error{ background-color: #D74B4B; } +form .field-error{ background: #D74B4B !important; } + +@media all and(max-width: 768px){ + +} + +@media all and(max-width: 767px){ + form.register input, form.register .select-holder{ width: 100% !important; max-width: 100%; } + .subscribe-1 .email-subscribe input[type="text"]{ margin-bottom: 24px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + form.register .col-sm-6{ width: 50%; float: left; } + form.register input, form.register .select-holder{ max-width: 95% !important; } + form.register input[type="submit"]{ max-width: 100% !important; } +} + +/*! +// Utility Pages +// --------------------------------------------------*/ + +.error-page{ background: @color-primary; padding: 0px; } +.error-page h1{ font-size: 84px; line-height: 96px; margin-bottom: 0px; margin-bottom: 12px; } +.error-page p{ font-size: 24px; line-height: 32px; } +.error-page i{ color: #fff; font-size: 84px; display: inline-block; margin-right: 24px; } +.error-page i:last-of-type{ margin-right: 0px; } +.error-page .btn{ margin-right: 24px; margin-top: 12px; } + +@media all and(max-width: 767px){ + .error-page i{ display: none; } +} + +/*! +// 17. Footers +// --------------------------------------------------*/ + + +.footer .top-border{ height: 2px; width: 100%; background: rgba(255,255,255,0.3); margin-bottom: 32px; } +.footer .menu{ overflow: visible; } +.footer .menu li{ top: 0px; } +.footer .menu li a{ padding-bottom: 0px; } +.footer .menu li .btn{ min-width: 0px; padding: 10px 18px; font-size: 14px; } +.footer .menu li a{ diplay: inline-block; position: relative; border: none; } +.footer .menu li a:hover{ border: none; } +.footer .back-to-top{ padding-right: 42px; } +.footer .menu li a i{ font-size: 36px; position: absolute; right: 0px; top: -12px; } + +@media all and(max-width: 767px){ + .footer .text-right{ text-align: left !important; } + .footer .menu{ margin-top: 24px; } + .footer .menu li{ float: none; margin-bottom: 12px; } +} + +footer.classic{ padding: @standard-space 0px @standard-space/2 0px; background: @color-muted; } +footer.classic .menu li{ float: none; margin-bottom: 12px; } +footer.classic .menu li a{ color: @color-heading; padding-bottom: 0px; font-weight: 600; } +footer.classic span.lead{ display: inline-block; margin-bottom: 12px; } + +footer.short{ background: @color-heading; color: #fff; padding: @standard-space 0px; } +footer.short .top-border{ height: 1px !important; } + +@media all and(max-width: 767px){ + footer.classic div{ margin-bottom: 18px; } +} + +.contact-methods li{ margin-bottom: 12px; } +.contact-methods li:last-child{ margin-bottom: 0px; } +.contact-methods i{ font-size: 36px; color: @color-heading; } +.contact-methods span{ display: inline-block; position: relative; bottom: 10px; left:8px; font-size: 16px; } + +footer.classic .social-profiles{ margin-top: 36px; } + +.social-profiles{ display: inline-block; overflow: hidden; } +.social-profiles li{ float: left; margin-right: 36px; } +.social-profiles li:last-child{ margin-right: 0px; } +.social-profiles li a{ color: @color-heading; font-size: 20px; } + diff --git a/static/new/css/less/lightjade.less b/static/new/css/less/lightjade.less new file mode 100644 index 00000000..1a1bdba5 --- /dev/null +++ b/static/new/css/less/lightjade.less @@ -0,0 +1,901 @@ +/*! +// Contents +// ------------------------------------------------ + + 1. Mixins + 2. Helper classes & resets + 3. Loader + 4. Colours + 5. Typography + 6. Spacing + 7. Buttons + 8. Navigation + 9. Slider, Dividers + 10. Speakers & Topics + 11. Schedule + 12. Galleries + 13. Pricing & FAQ + 14. Subscribe + 15. Contact + 16. Forms + 17. Footers + +// --------------------------------------------------*/ + +@import "variables.less"; +@import "mixins.less"; + +/*! +// 1. Useful Mixins +// --------------------------------------------------*/ + +.vertical-align { + position: relative; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.vertical-align-cancel{ + top: 0px; + -webkit-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); +} + +.preserve-3d { + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + transform-style: preserve-3d; +} + +.transition-100{ + transition: all .1s ease-out; + -webkit-transition: all .1s ease-out; + -moz-transition: all .1s ease-out; +} + +.transition-300{ + transition: all .3s ease-out; + -webkit-transition: all .3s ease-out; + -moz-transition: all .3s ease-out; +} + +.transition-700{ + transition: all .7s ease-out; + -webkit-transition: all .7s ease-out; + -moz-transition: all .7s ease-out; +} + +.translate3d(@x,@y,@z){ + transform: translate3d(@x,@y,@z); + -webkit-transform: translate3d(@x,@y,@z); + -moz-transform: translate3d(@x,@y,@z); +} + +.scale2d(@x,@y){ + transform: scale(@x,@y); + -webkit-transform: scale(@x,@y); + -moz-transform: scale(@x,@y); +} + +.overlay-params(@strength, @bg-color){ + background-color: @bg-color; + opacity: @strength; + position: absolute; + content: ''; + width: 100%; + height: 100%; + z-index: 1; + top: 0px; +} + +.overlay:before{ .overlay-params(@strength: 0.5, @bg-color: @color-heading); } +.overlay .container{ position: relative; z-index: 2; } + +/*! +// 2. Helper Classes & Resets +// --------------------------------------------------*/ + +.go-right{ right: 0px; } +.go-left{ left: 0px; } + +img{ max-width: 100%; } + +.main-container{ .transition-300; } + +/*! +// 3. Loader +// --------------------------------------------------*/ + +.loader{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; background: #fff; .preserve-3d; .transition-300; opacity: 1; } +.strip-holder{ .vertical-align; left: 50%; margin-left: -50px; position: relative; } +.strip-1, .strip-2, .strip-3{ width: 20px; height: 20px; background: @color-primary; position: relative; -webkit-animation: stripMove 2s ease infinite alternate; animation: stripMove 2s ease infinite alternate; -moz-animation: stripMove 2s ease infinite alternate; } +.strip-2{ -webkit-animation-duration: 2.1s; animation-duration: 2.1s; background-color: lighten(@color-primary, 20%); } +.strip-3{ -webkit-animation-duration: 2.2s; animation-duration: 2.2s; background-color: lighten(@color-primary, 40%); } + + +@-webkit-keyframes stripMove{ + 0% { .translate3d(@x: 0px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } +} + +@-moz-keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +@keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +.main-container{ .transition-300; opacity: 0; } +nav{ .transition-300; opacity: 0; } +.show-content{ opacity: 1 !important; } +.hide-loader{ opacity: 0 !important; } + + +/*! +// 4. Colours +// --------------------------------------------------*/ + +@color-primary: #00BF8A; +@color-heading: #333; +@color-body: #777; +@color-muted: #f5f5f5 !important; + +.background-dark{ background-color: @color-heading !important; } +.color-heading{ color: @color-heading; } + +/*! +// 5. Typography +// --------------------------------------------------*/ + +@custom-heading-font: 'Open Sans'; +@custom-body-font: 'Open Sans'; + +.text-white{ color: #fff; } + +body{ font-family: @custom-body-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: @color-body; font-size: 14px; line-height: 24px; background: #fff; } +h1,h2,h3,h4,h5,h6{ font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; margin: 0px; color: @color-heading; } + +h1{ font-size: 30px; line-height: 36px; margin-bottom: 42px; } +h3{ font-size: 20px; line-height: 28px; } + +.large-h1{ font-size: 42px; line-height: 48px; font-weight: 300; } + +p{ font-size: 14px; line-height: 24px; } +p:last-child{ margin-bottom: 0px; } +p.lead{ font-size: 16px; line-height: 30px; font-weight: 400; } +span.lead{ font-weight: 400; } +.uppercase{ text-transform: uppercase; letter-spacing: 1px; display: inline-block; margin-right: -1px; } + +strong{ font-weight: 600; } + +ul{ list-style: none; margin: 0px; padding: 0px; } + +@media all and(max-width: 767px){ + h1{ font-size: 24px; line-height: 28px; margin-bottom: 36px; } + h2{ font-size: 20px; line-height: 26px; } + + .large-h1{ font-size: 24px; line-height: 28px; } + + p{ font-size: 13px; line-height: 22px; } + p.lead{ font-size: 15px; line-height: 26px; } +} + + +/*! +// Spacing Standards +// --------------------------------------------------*/ + +@standard-space: 72px; + +section{ padding: @standard-space 0px; background: #fff; } + +.duplicatable-content{ padding-bottom: @standard-space/2; } + + +/*! +// 6. Buttons +// --------------------------------------------------*/ + +a:hover{ text-decoration: none; } +h1 a, span a,p a,.text-link a{ font-weight: 600; color: #fff; display: inline-block; border-bottom: 4px solid #fff; padding-bottom: 6px; .transition-300; } +span a, p a,.text-link a{ padding-bottom: 4px; border-bottom: 3px solid #fff; } +span a:hover{ color: #fff; } +p a, .text-link a{ color: @color-primary !important; border-color: @color-primary; padding-bottom: 2px; } +p a, .text-link a:hover{ color: @color-heading; } + +.btn{ min-width: 180px; border-radius: 25px; background: @color-primary; text-align: center; padding: 13px 0px 14px 0px; color: #fff; font-size: 15px; .transition-300; font-weight: 600; line-height: 1; } +.btn:hover{ color: #fff; background: darken(@color-primary, 5%); } +.btn-hollow{ background: none; border: 2px solid @color-primary; color: @color-primary; } +.btn-hollow:hover{ background: @color-primary; } + +.btn-white{ background: #fff; color: @color-primary; } +.btn-white:hover{ background: #fff; color: darken(@color-primary,10%); } + +.btn-hollow.btn-white{ background: none; border-color: #fff; color: #fff; } +.btn-hollow.btn-white:hover{ background: #fff; color: @color-primary; } + +.btn-lg{ padding: 20px 0px 21px 0px; text-transform: uppercase; min-width: 230px; border-radius: 35px; } + +/*! +// Backgrounds & Parallax +// --------------------------------------------------*/ + +.background-image-holder{ position: absolute; width: 100%; height: 130%; top: -10%; background-size: cover !important; background-position: 50% 50% !important; } +.image-holder{ position: relative; overflow: hidden; } + +/*! +// 7. Navigation +// --------------------------------------------------*/ + +nav .logo{ max-height: 45px; max-width: 110px; position: absolute; top: -6px; opacity: 1; } +nav .text-right{ position: relative; } +nav .container{ .transition-300; } + +.overlay-nav{ position:fixed; top: 0px; z-index: 10; width: 100%; padding-top: @standard-space/3; line-height: 1; background: none; .transition-300; } +.overlay-nav .logo-dark{ opacity: 0; } +.overlay-nav.sticky-nav .logo-light{ opacity: 0; } +.overlay-nav.sticky-nav .logo-dark{ opacity: 1; } + +.bottom-border{ position: absolute; bottom: 2px; width: 100%; height: 2px; background: rgba(255,255,255,0.3); } +.sidebar-menu .bottom-border{ position: relative; bottom: 0px; background: rgba(255,255,255,0.2); display: block !important; } + +.menu{ display: inline-block; text-align: left; line-height: 1; } +.menu li{ float: left; margin-right: 32px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; position: relative; top: 4px; } +.menu li:last-child{ margin-right: 0px; } +.menu li:nth-las-child(2){ margin-right: 12px; } +.menu li a{ color: #fff; display: inline-block; padding-bottom: @standard-space/3; border-bottom: 2px solid rgba(0,0,0,0); .transition-300; } +.menu li a:hover{ border-bottom: 2px solid #fff; } + +.nav-dropdown{ position: absolute; z-index: -1; max-height: 0px; background: rgba(255,255,255,0.9); min-width: 200px; .transition-300; } +.nav-dropdown li:first-child{ margin-top: 12px; } +.nav-dropdown li{ opacity: 0; .transition-300; margin-right: 0px; float: none; margin-bottom: 18px; } +.nav-dropdown li a{ padding-bottom: 0px; padding-left: 24px; color: @color-heading; } +.nav-dropdown li a:hover{ border-color: rgba(0,0,0,0); } + +.has-dropdown:hover .nav-dropdown{ z-index: 10; max-height: 300px; } +.has-dropdown:hover .nav-dropdown li{ opacity: 1; } + +.has-dropdown a{ padding-left: 18px; } +.has-dropdown:before{ display: inline-block; font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e688"; color: #fff; font-size: 24px; position: absolute; top: -6px; } + +.menu .social-link{ font-size: 14px; top: 0px !important; margin-right: 18px !important; } +.menu .social-link:nth-last-child(2){ margin-right: 18px; } + +.sticky-nav{ background: rgba(255,255,255,0.9); } +.sticky-nav .menu li a{ color: @color-heading; } +.sticky-nav .bottom-border{ display: none; } +.sticky-nav .menu li a:hover{ border-color: rgba(0,0,0,0); } +.sticky-nav .sidebar-menu-toggle, .sticky-nav .mobile-menu-toggle{ color: @color-heading; } +.sticky-nav .nav-dropdown{ background: rgba(255,255,255,0.9); } +.sticky-nav .has-dropdown:before{ color: @color-heading; } + +.sidebar-menu-toggle, .mobile-menu-toggle{ position: absolute; color: #fff; font-size: 32px; right: 0px; top: -7px; cursor: pointer; .transition-300; } + +.mobile-menu-toggle{ display: none; } + +.sidebar-menu, .instagram-sidebar{ position: fixed; right: 0px; top: 0px; width: 300px; height: 100%; background: @color-heading; .translate3d(@x: 300px, @y: 0px, @z: 0px); .transition-300; } +.show-sidebar{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } +.reveal-sidebar{ .translate3d(@x: -300px, @y: 0px, @z: 0px); } + +.sidebar-content{ padding: 0px 24px; margin-top: 24px; } +.widget{ margin-bottom: 24px; } +.widget .title{ font-size: 16px; font-weight: 600; display: inline-block; margin-bottom: 12px; } +.widget .menu li{ float: none; margin-bottom: 12px; } +.widget .menu li a{ padding-bottom: 0px; color: #fff !important; font-size: 12px; } +.widget .menu li a:hover{ border-color: rgba(0,0,0,0); } +.widget .menu .social-link{ display: none; } +.widget .social-profiles li{ margin-right: 24px; } +.widget .social-profiles li a{ color: #fff; } + +.instagram-toggle{ cursor: pointer; } +.instagram-toggle-init{ pointer-events: none; } +.instagram-sidebar li{ width: 100%; height: 250px; } +.instagram-sidebar{ overflow-y: auto; } + +.sidebar-content .copy-text{ position: absolute; bottom: 32px; color: rgba(255,255,255,0.5); font-size: 12px; } +.text-panel{ background: lighten(@color-heading, 8%); padding: 18px; } + +.relative-nav{ position: relative; padding-top: 28px; background: #fff; } +.relative-nav .menu li a{ color: @color-heading; } +.relative-nav .has-dropdown:before{ color: @color-heading; } +.relative-nav .nav-dropdown{ background: rgba(53,53,53,0.8); } +.relative-nav .has-dropdown li a{ color: #fff; } +.relative-nav .sidebar-menu-toggle{ color: @color-heading; } +.relative-nav .logo-light{ opacity: 0 !important; } +.relative-nav .logo-dark{ opacity: 1 !important; } +.relative-nav .logo{ top: -4px !important; } + +.sidebar-menu .logo{ max-width: 110px; position: relative; top: 21px !important; margin-bottom: 32px; left: 24px; } + +@media all and(max-width: 768px){ + nav{ max-height: 67px; overflow: hidden; background: rgba(255,255,255,0.9) !important; } + nav .menu li{ float: none; margin-bottom: 24px; } + nav .menu li a{ color: @color-heading !important; padding-bottom: 0px; } + nav .logo{ max-width: 90px; top: -2px; } + nav .logo-dark{ opacity: 1 !important; } + nav .logo-light{ opacity: 0 !important; } + nav .menu{ width: 100%; display: block; margin-top: 67px; margin-right: 0px; } + nav .social-link{ float: left !important; } + .sidebar-menu-toggle{ display: none; } + .mobile-menu-toggle{ display: block; position: fixed; top: 17px; right: 24px; color: @color-heading !important; } + .open-menu{ max-height: 800px !important; } + .nav-dropdown{ position: relative; display: none; } + .has-dropdown:hover .nav-dropdown{ display: block; } + .has-dropdown:before{ color: @color-heading; } +} + +/*! +// 8. Sliders & Dividers & Headers +// --------------------------------------------------*/ + +.hero-slider{ padding: 0px; position: relative; overflow: hidden; } +.hero-slider .slides li{ height: 780px; position: relative; overflow: hidden; .preserve-3d; } +.hero-slider .slides li:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } + +.hero-slider .container{ .vertical-align; z-index: 2; } +.hero-slider h1{ margin-bottom: 42px; } + +.hero-slider .btn-hollow{ color: #fff; border-color: #fff; margin-left: 16px; } +.hero-slider .btn-hollow:hover{ background: #fff; color: @color-primary; } + +@media all and(max-width: 767px){ + .hero-slider .btn-hollow{ display: none; } +} + +.register-header form.register{ padding-top: 0px; background: rgba(0,0,0,0.4); padding: 24px; } +.register-header form input{ width: 100% !important; } +.register-header form.register span{ color: #fff; } +.register-header .logo, .hero-slide .logo{ max-width: 150px; display: block; margin-bottom: 12px; } + +.register-header h1{ margin-bottom: 24px !important; } + +@media all and(max-width: 768px){ + .register-header form.register .form-name, .register-header form.register .form-email{ max-width: 100%; width: 100%; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .register-header form.register .form-name, .register-header form.register .form-email{ width: 50%; } +} + +@media all and(max-width: 767px){ + .hero-slide .logo{ max-width: 100px; } + .register-header .logo{ display: none; } + .register-header h1{ display: none; } + .register-header form h1{ display: block; } + .register-header span.lead{ display: none; } + .register-header input, .register-header .select-holder{ max-width: 100% !important; } + .hero-slider h1{ margin-bottom: 18px; } +} + +.testimonials-slider{ position: relative; margin-bottom: 48px; } +.testimonials-slider .flex-control-nav a{ background:rgba(0,0,0,0.3); } +.testimonials-slider .flex-control-nav a.flex-active{ background:rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav a:hover{ background: rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav{ bottom: -48px; text-align: left; } + +.primary-overlay:before{ .overlay-params(@strength: 0.8, @bg-color: @color-primary); background-color: @color-primary !important; } + +.strip-divider{ padding: @standard-space*3 0px; position: relative; overflow: hidden; } +.strip-divider .container{ z-index: 2; position: relative; } +.strip-divider h1{ margin: 0px; font-size: 36px; line-height: 48px; } +.strip-divider a:hover{ color: #fff !important; } + +@media all and(max-width: 767px){ + .strip-divider{ padding: @standard-space 0px; } +} + +.countdown-divider{ padding: @standard-space*2 0px; } +.countdown-divider img, .countdown-header img, .video-header img{ max-width: 300px; display: inline-block; margin-bottom: 12px; } + +.countdown-header h1{ margin-bottom: 0px; } +.countdown-header:before{ opacity: 0.8 !important; } + +.video-header:before{ opacity: 0.5 !important; background: #000 !important; } +.video-header .uppercase, .countdown-header .uppercase{ display: block; font-weight: 600; margin-bottom: 24px; } + + +@media all and(max-width: 768px){ + .countdown-header img, .countdown-divider img, .video-header img{ max-width: 150px; } +} + +.countdown{ text-align: center; margin-top: @standard-space; } +.countdown-row{ color: #fff; font-size: 80px; font-weight: 300; } +.countdown-section{ width: 20%; display: inline-block; } +.countdown-amount{ display: inline-block; margin-bottom: 48px; } +.countdown-period{ display: block; font-size: 24px; } + +.section-header{ position: relative; overflow: hidden; height: 450px; } +.section-header h1{ font-size: 32px; } +.section-header.overlay:before{ opacity: 0.2; } +.section-header i{ font-size: 40px; color: #fff; margin: 0px 24px 12px 0px; } +.section-header i:last-of-type{ margin-right: 0px; } + +@media all and(max-width: 767px){ + .countdown{ margin-top: 48px; } + .countdown-row{ font-size: 36px; } + .countdown-period{ font-size: 16px; } +} + +.video-wrapper{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; } +.video-wrapper video{ width: 100%; } + +@media all and(max-width: 1390px){ + .video-wrapper video{ width: 110%; } +} + +@media all and(max-width: 1260px){ + .video-wrapper video{ width: 120%; } +} + +@media all and(max-width: 1160px){ + .video-wrapper video{ width: 130%; } +} + +@media all and(max-width: 1024px){ + .video-wrapper{ display: none; } +} + +.call-to-action{ padding: 144px 0px; } +.call-to-action .uppercase{ display: block; width: 100%; text-align: center; margin-bottom: 32px; } +.call-to-action h1{ margin-bottom: 32px; } +.call-to-action .btn{ margin-bottom: 40px; } +.call-to-action a i{ display: inline-block; width: 60px; height: 60px; border-radius: 50%; color: #fff; margin-right: 12px; font-size: 24px; line-height: 60px; } +.call-to-action .social_facebook{ background-color: #3b5998; } +.call-to-action .social_twitter{ background-color: #00aced; } +.call-to-action a:last-of-type i{ margin-right: 0px; } + +@media all and(max-width: 768px){ + .call-to-action{ padding: @standard-space 0px; } +} + +/*! +// 9. Image with text +// --------------------------------------------------*/ + +.image-with-text{ overflow: hidden; position: relative; height: 600px; } +.image-with-text h1{ margin-bottom: 24px; } + +.side-image{ padding: 0px; position: absolute; top: 0px; height: 100%; } + + +@media all and(max-width: 767px){ + .image-with-text{ height: auto; padding: @standard-space 0px; } + .image-with-text .vertical-align{ .vertical-align-cancel } +} + +/*! +// Promo Blocks +// --------------------------------------------------*/ + +.color-blocks{ position: relative; overflow: hidden; color: #fff; } +.color-block{ position: absolute; top: 0px; height: 100%; padding: 0px; color: #fff; .transition-300; } +.color-blocks h1, .color-blocks h2, .color-blocks h3, .color-blocks h4, .color-blocks h5, .color-blocks h6{ color: #fff; } +.color-blocks h1{ margin-bottom: 12px; } +.color-blocks a{ color: #fff; pointer-events: auto; } +.color-blocks a:hover i{ transform: rotateZ(-10deg); } +.color-blocks i, .contained-promo i{ color: @color-primary; font-size: 70px; display: inline-block; border: 2px solid #fff; border-radius: 50%; width: 120px; height: 120px; line-height: 117px; background: #fff; text-align: center; .transition-100; } +.block-left{ background-color: @color-primary; } +.block-right{ background-color: darken(@color-primary, 8%); right: 0px; } + +@media all and(max-width: 768px){ + .block-content{ margin-bottom: @standard-space*2; overflow: hidden; display: block; } + .block-content:last-of-type{ margin-bottom: 0px; } + .color-block{ height: 50%; width: 100%; } + .block-right{ top: 50%; } +} + +@media all and(max-width: 767px){ + .block-content i{ margin-bottom: 30px; } +} + + + +/*! +// 10. Speakers & Topics +// --------------------------------------------------*/ + +.speakers-row{ padding: 0px 15px; } +.speaker-column{ padding: 0px; } + +.speaker{ position: relative; overflow: hidden; } +.speaker,.topic{ margin-bottom: @standard-space/2; } +.speaker .hover-state{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; background: rgba(0,0,0,0.5); .transition-300; } +.speaker .image-holder{ margin-bottom: 12px; } +.speaker span{ display: block; font-size: 16px; } +.speaker-name{ color: @color-heading; } +.speaker .social-links{ width: 100%; .transition-300; .translate3d(@x: 0px, @y: -200px, @z: 0px); } +.speaker .social-links a{ color: #fff; font-size: 24px; display: inline-block; margin-left: 6px; } +.speaker .social-links a:last-child{ margin-right: 0px; } +.speaker .image-holder:hover .hover-state{ opacity: 1; } +.speaker .image-holder:hover .hover-state .social-links{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } + +.speaker-with-bio{ overflow: hidden; margin-bottom: @standard-space/2; } +.speaker-with-bio .speaker{ width: 50%; float: left; margin-bottom: 0px; } +.speaker-with-bio .speaker-description{ width: 50%; float: left; padding-left: 30px; } +.speaker-description span{ display: inline-block; margin-bottom: 18px; font-weight: 600; } + +@media all and(max-width: 767px){ + .speaker-with-bio .speaker{ width: 100%; } + .speaker-with-bio .speaker-description{ width: 100%; padding-left: 0px; } +} + +.topics{ position: relative; overflow: hidden; } +.topics .container{ position: relative; z-index: 2; } +.topics.overlay .ruled-list li{ border-color: rgba(255,255,255,0.5); } +.topics.overlay .topic i{ color: #fff; } + +.topic h3{ margin-bottom: 18px; } +.topic p.lead{ margin-bottom: 32px; } +.topic i{ font-size: 60px; color: @color-primary; display: inline-block; margin-bottom: 32px; } + +@media all and(max-width: 767px){ + .topic h3{ display: inline-block; position: relative; bottom: 18px; left: 12px; } + .topic i{ margin-bottom: 12px; } +} + +.ruled-list li{ border-top: 1px dotted rgba(0,0,0,0.3); padding: 12px 0px; font-size: 16px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .speakers-row .col-sm-6{ width: 50%; float: left !important; } +} + +/*! +// 11. Schedule +// --------------------------------------------------*/ + +.inline-video{ background: @color-muted; } +.inline-video iframe{ width: 100%; height: 300px; border: none; } +.inline-video .btn{ min-width: 150px; margin-top: 32px; margin-right: 16px; } + +@media all and(max-width: 768px){ + .inline-video iframe{ height: 350px; margin-top: 42px; } +} + +@media all and(max-width: 767px){ + .inline-video iframe{ height: 200px; margin-top: 30px; } + .inline-video .btn{ margin-top: 18px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .inline-video iframe{ height: 250px; } +} + +.embedded-video-holder p{ display: none; } + +.schedule-overview{ border: 2px solid rgba(0,0,0,0.2); margin-bottom: @standard-space/2; } +.schedule-overview li{ padding: 24px; position: relative; cursor: pointer; .transition-300; } +.schedule-overview li:first-child .top{ display: none; } +.schedule-overview li:last-child .bottom{ display: none; } + +.schedule-title span{ display: block; font-size: 16px; } +.schedule-title .title{ color: @color-heading; } + +.schedule-text{ max-height: 0px; .transition-300; opacity: 0; } + +.schedule-overview li:hover{ background-color: @color-muted; } +.schedule-overview li:hover .schedule-text{ max-height: 300px; opacity: 1; padding-top: 18px; } +.schedule-overview li:hover .top,.schedule-overview li:hover .bottom,.schedule-overview li:hover .middle{ border-color: rgba(0,0,0,0.4); } +.schedule-overview li:hover .middle{ background: @color-heading; } + +.schedule-with-text .btn, .contained-gallery .btn{ margin-top: 24px; margin-right: 12px; } +.schedule-with-text .schedule-overview li{ padding-right: 48px; } + +@media all and(max-width: 1024px){ + .schedule-overview li{ padding-right: 48px; } +} + +@media all and(max-width: 767px){ + .schedule-with-text .btn, .contained-gallery .btn{ margin-bottom: 32px; } +} + +.marker-pin{ position: absolute; right: 32px; top: 0px; height: 100%; } +.marker-pin .top, .marker-pin .bottom{ height: 50%; width: 2px; border-left: 2px solid rgba(0,0,0,0.2); position: absolute; z-index: 1; .transition-300; } +.marker-pin .top{ top: 0px; } +.marker-pin .bottom{ bottom: 0px; } +.marker-pin .middle{ width: 18px; height: 18px; border: 2px solid rgba(0,0,0,0.2); background: #fff; border-radius: 50%; position: absolute; right: -10px; top: 50%; margin-top: -9px; z-index: 2; .transition-300; } + +/*! +// 12. Galleries +// --------------------------------------------------*/ + +.instagram, .lightbox-gallery{ position: relative; padding: @standard-space*3 0px; } +.gallery-header{ } +.gallery-header .logo{ max-width: 400px; display: block; margin: 0px auto; margin-bottom: 12px; } + +@media screen and(max-width: 768px){ + .gallery-header .logo{ max-width: 200px; } + .gallery-header h1{ font-size: 24px !important; line-height: 32px !important; } +} + +.instagram, .lightbox-gallery{ overflow: hidden; background: #000 !important; } +.instagram ul, .lightbox-gallery ul{ overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0px; } +.instagram li, .lightbox-gallery li{ float: left; width: 20%; height: 50%; position: relative; cursor: pointer; .transition-300; overflow: hidden; background-size: cover !important; opacity: 0.5; } +.instagram li:hover, .lightbox-gallery li:hover{ opacity: 1 !important; } + +.instagram .container, .lightbox-gallery .container{ position: relative; z-index: 3; } +.instagram i, .lightbox-gallery i{ font-size: 48px; display: inline-block; margin-bottom: 16px; } +.instagram h1, .lightbox-gallery h1{ .large-h1; margin-bottom: 16px; } + +@media all and(max-width: 1200px){ + .instagram li:nth-child(n+9), .lightbox-gallery li:nth-child(n+9){ display: none; } + .instagram li, .lightbox-gallery li{ width: 25%; } +} + +@media all and(max-width: 900px){ + .instagram li:nth-child(n+7), .lightbox-gallery li:nth-child(n+7){ display: none; } + .instagram li, .lightbox-gallery li{ width: 33.333333%; } +} + +@media all and(max-width: 767px){ + .instagram, .lightbox-gallery{ padding: @standard-space*2 0px; } + .instagram li:nth-child(n+5), .lightbox-gallery li:nth-child(n+5){ display: none; } + .instagram li, .lightbox-gallery li{ width: 50%; } +} + + +.testimonials{ background: @color-muted; } + +.contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 185px 0px; } +.contained-gallery .instagram li:nth-child(n+9),.contained-gallery .lightbox-gallery li:nth-child(n+9){ display: none; } +.contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 25%; opacity: 0.7; } + +@media all and(max-width: 1024px){ + .contained-gallery .instagram li:nth-child(n+7){ display: none; } + .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333%; } + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 200px 0px; } +} + +@media all and(max-width: 768px){ + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ margin-bottom: 32px; } + .contained-gallery .btn{ margin-bottom: 0px; } + .contained-gallery .instagram li:nth-child(n+5), .contained-gallery .lightbox-gallery li:nth-child(n+5){ display: block !important; } + .contained-gallery .instagram li:nth-child(n+7), .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none !important; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333% !important; } +} + +/*! +// 13. Pricing +// --------------------------------------------------*/ + +.pricing-option{ overflow: hidden; background: @color-muted; .preserve-3d; position: relative; padding: @standard-space 0px; margin-bottom: 30px; .transition-300; } +.pricing-option .dot{ position: absolute; top: 24px; right: 24px; width: 24px; height: 24px; border-radius: 50%; background: #fff; } +.pricing-option:hover{ background: darken(@color-muted, 3%); } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .pricing-options .col-sm-6{ width: 50%; float: left; } +} + +.dollar, .price, .type{ font-weight: 600; color: @color-heading; font-size: 72px; } +.dollar{ font-size: 36px; position: relative; bottom: 22px; } +.price{ line-height: 1; } +.type{ display: block; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-top: 12px; } + +.plan-title{ display: block; font-weight: 600; margin-bottom: 12px; font-size: 18px; color: @color-heading; } + +.pricing-option ul li{ color: @color-body; } + +.pricing-option.emphasis{ background: @color-primary; color: #fff; } +.pricing-option.emphasis .type, .pricing-option.emphasis .dollar, .pricing-option.emphasis .price, .pricing-option.emphasis .plan-title, .pricing-option.emphasis ul li{ color: #fff !important; } + +@media all and(max-width: 991px){ + .type{ margin-bottom: 12px; } + .pricing-option{ text-align: center !important; } +} + +/*! +// Frequently Asked Questions +// --------------------------------------------------*/ + +.faq-item{ margin-bottom: @standard-space/2; } + +p.question{ font-weight: 600; color: @color-heading; font-size: 16px; } + +/*! +// Visitor Info +// --------------------------------------------------*/ + +.info-box{ margin-bottom: @standard-space/2; position: relative; overflow: hidden; } +.info-box img{ display: block; margin-bottom: 12px; } +.info-box h3{ margin-bottom: 12px; } +.info-box .text-link{ position: absolute; bottom: 12px; right: 0px; } +.text-link a{ display: inline-block; margin-left: 12px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .visitor-info .col-sm-4{ width: 50%; float: left; } +} + +/*! +// 14. Subscribe +// --------------------------------------------------*/ + +.subscribe-1{ position: relative; overflow: hidden; padding-top: @standard-space*2; padding-bottom: @standard-space/2; } +.subscribe-1:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } +.subscribe-1 .container{ position: relative; z-index: 2; } +.subscribe-1 .email-subscribe{ margin-bottom: @standard-space*3; } +.subscribe-1 footer{ border-top: 2px solid rgba(255,255,255,0.3); padding-top: @standard-space/2; } +.subscribe-1 .twitter-feed{ margin-bottom: @standard-space; } +.subscribe-1 h1{ margin-bottom: 30px; } + +.email-subscribe span{ display: block; margin-top: 12px; } + +.twitter-feed i{ font-size: 48px; display: inline-block; margin-bottom: 32px; } +.twitter-feed span a{ border-bottom: none; } + +.tweets-feed .user{ display: none; } +.tweets-feed .interact{ display: none; } +.tweets-feed .tweet{ color: #fff; font-size: 30px; line-height: 36px; font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } +.tweets-feed .tweet a{ color: #fff !important; border-color: #fff !important; } +.tweets-feed .timePosted{ display: none; } + +@media all and(max-width: 767px){ + .tweets-feed .tweet{ font-size: 20px; line-height: 26px; } + .subscribe-2 .form-email{ margin-bottom: 24px; } +} + + +/*! +// 15. Contact +// --------------------------------------------------*/ + +.contact-tweets{ background: @color-primary; color: #fff; position: relative; overflow: hidden; height: 600px; .preserve-3d; } +.contact-tweets .social_twitter{ font-size: 42px; margin-bottom: 32px; display: inline-block; } +.contact-tweets .map-holder{ position: absolute; height: 100%; padding: 0px; top: 0px; right: 0px; } +.contact-tweets .timePosted{ display: block !important; } +.map-holder:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; } +.map-holder iframe{ border: 0px; position: absolute; width: 100%; height: 100%; } +.contact-tweets span a{ border-bottom: 2px solid #fff; padding-bottom: 1px; } + +.contact-tweets form{ padding-top: 0px !important; } +.contact-tweets form .btn{ background: #fff; color: @color-primary; } +.contact-tweets form ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets .icon{ font-size: 60px; margin-bottom: 12px; } +.contact-tweets .form-message{ max-width: 95.5%; width: 95.5%; } + +.fullwidth-map{ padding: 0px; position: relative; overflow: hidden; } +.fullwidth-map .map-holder{ width: 100%; height: 400px; overflow: hidden; } +.fullwidth-map.screen:before{ content: ''; position: absolute; width: 100%; height: 100%; z-index: 2; } + + +/*! +// Sponsors +// --------------------------------------------------*/ + +.sponsors{ background: @color-muted; } +.sponsor{ margin-bottom: @standard-space/2; height: 80px; line-height: 80px; } +.sponsor img{ max-width: 150px; .transition-300; max-height: 80px; } + +.sponsors span{ display: inline-block; margin-top: 24px; } +.sponsors span a{ color: @color-primary; border-color: @color-primary; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .sponsors .col-sm-6{ width: 50%; float: left; } +} + + + +/*! +// 16. Forms +// --------------------------------------------------*/ + +form.register{ overflow: hidden; padding-top: 24px; display: block; } +form.register div{ padding: 0px; } +input[type="text"], form.register .select-holder{ margin-bottom: 32px; padding: 12px; border: none; background: rgba(255,255,255,0.1); border-radius: 25px; font-size: 14px; max-width: 90%; color: #fff; padding-left: 24px; .transition-300; } +input[type="text"]:focus, form.register .select-holder:focus,input[type="text"]:hover, form.register .select-holder:hover{ outline: none; background: rgba(255,255,255,0.2); } + +form.register select{ width: 90%; margin: 0px; background: none; border: none; cursor: pointer; } +form.register select:focus{ outline: none; } + +form.register input[type="submit"]{ padding-bottom: 12px; width: 90%; margin-bottom: 12px; } + +input[type="submit"]{ font-weight: normal; } + +.email-subscribe{ overflow: hidden; } +.email-subscribe input{ margin: 0px auto; min-width: 100%; max-width: 100%; } +.email-subscribe input[type="text"]{ background: rgba(255,255,255,0.3); } +.email-subscribe input[type="text"]:hover, .email-subscribe input[type="text"]:focus{ background: rgba(255,255,255,0.4); } +.email-subscribe ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe input[type="submit"]{ min-height: 48px; } + +.subscribe-2 .email-subscribe input[type="text"]{ background: rgba(0,0,0,0.2); } +.subscribe-2 i{ color: @color-primary; font-size: 70px; display: inline-block; margin-right: 24px; margin-bottom: 18px; } +.subscribe-2 i:last-of-type{ margin-right: 0px; } + +input.error{ color: #ff4532; } + +.mail-list-form{ width: 0px; height: 0px; opacity: 0; overflow: hidden; } + +.form-success, .form-error{ display: none; width: 100%; padding: 6px 18px 8px 18px !important; margin-top: 12px; color: #fff; background-color: #55c950; border-radius: 20px; } +.form-error{ background-color: #D74B4B; } +form .field-error{ background: #D74B4B !important; } + +@media all and(max-width: 768px){ + +} + +@media all and(max-width: 767px){ + form.register input, form.register .select-holder{ width: 100% !important; max-width: 100%; } + .subscribe-1 .email-subscribe input[type="text"]{ margin-bottom: 24px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + form.register .col-sm-6{ width: 50%; float: left; } + form.register input, form.register .select-holder{ max-width: 95% !important; } + form.register input[type="submit"]{ max-width: 100% !important; } +} + +/*! +// Utility Pages +// --------------------------------------------------*/ + +.error-page{ background: @color-primary; padding: 0px; } +.error-page h1{ font-size: 84px; line-height: 96px; margin-bottom: 0px; margin-bottom: 12px; } +.error-page p{ font-size: 24px; line-height: 32px; } +.error-page i{ color: #fff; font-size: 84px; display: inline-block; margin-right: 24px; } +.error-page i:last-of-type{ margin-right: 0px; } +.error-page .btn{ margin-right: 24px; margin-top: 12px; } + +@media all and(max-width: 767px){ + .error-page i{ display: none; } +} + +/*! +// 17. Footers +// --------------------------------------------------*/ + + +.footer .top-border{ height: 2px; width: 100%; background: rgba(255,255,255,0.3); margin-bottom: 32px; } +.footer .menu{ overflow: visible; } +.footer .menu li{ top: 0px; } +.footer .menu li a{ padding-bottom: 0px; } +.footer .menu li .btn{ min-width: 0px; padding: 10px 18px; font-size: 14px; } +.footer .menu li a{ diplay: inline-block; position: relative; border: none; } +.footer .menu li a:hover{ border: none; } +.footer .back-to-top{ padding-right: 42px; } +.footer .menu li a i{ font-size: 36px; position: absolute; right: 0px; top: -12px; } + +@media all and(max-width: 767px){ + .footer .text-right{ text-align: left !important; } + .footer .menu{ margin-top: 24px; } + .footer .menu li{ float: none; margin-bottom: 12px; } +} + +footer.classic{ padding: @standard-space 0px @standard-space/2 0px; background: @color-muted; } +footer.classic .menu li{ float: none; margin-bottom: 12px; } +footer.classic .menu li a{ color: @color-heading; padding-bottom: 0px; font-weight: 600; } +footer.classic span.lead{ display: inline-block; margin-bottom: 12px; } + +footer.short{ background: @color-heading; color: #fff; padding: @standard-space 0px; } +footer.short .top-border{ height: 1px !important; } + +@media all and(max-width: 767px){ + footer.classic div{ margin-bottom: 18px; } +} + +.contact-methods li{ margin-bottom: 12px; } +.contact-methods li:last-child{ margin-bottom: 0px; } +.contact-methods i{ font-size: 36px; color: @color-heading; } +.contact-methods span{ display: inline-block; position: relative; bottom: 10px; left:8px; font-size: 16px; } + +footer.classic .social-profiles{ margin-top: 36px; } + +.social-profiles{ display: inline-block; overflow: hidden; } +.social-profiles li{ float: left; margin-right: 36px; } +.social-profiles li:last-child{ margin-right: 0px; } +.social-profiles li a{ color: @color-heading; font-size: 20px; } + diff --git a/static/new/css/less/lime.less b/static/new/css/less/lime.less new file mode 100644 index 00000000..84d6b4d8 --- /dev/null +++ b/static/new/css/less/lime.less @@ -0,0 +1,837 @@ +// +// Load core variables and mixins +// -------------------------------------------------- + +@import "variables.less"; +@import "mixins.less"; + +// +// Useful Mixins +// -------------------------------------------------- + +.vertical-align { + position: relative; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.vertical-align-cancel{ + top: 0px; + -webkit-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); +} + +.preserve-3d { + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + transform-style: preserve-3d; +} + +.transition-100{ + transition: all .1s ease-out; + -webkit-transition: all .1s ease-out; + -moz-transition: all .1s ease-out; +} + +.transition-300{ + transition: all .3s ease-out; + -webkit-transition: all .3s ease-out; + -moz-transition: all .3s ease-out; +} + +.transition-700{ + transition: all .7s ease-out; + -webkit-transition: all .7s ease-out; + -moz-transition: all .7s ease-out; +} + +.translate3d(@x,@y,@z){ + transform: translate3d(@x,@y,@z); + -webkit-transform: translate3d(@x,@y,@z); + -moz-transform: translate3d(@x,@y,@z); +} + +.scale2d(@x,@y){ + transform: scale(@x,@y); + -webkit-transform: scale(@x,@y); + -moz-transform: scale(@x,@y); +} + +.overlay-params(@strength, @bg-color){ + background-color: @bg-color; + opacity: @strength; + position: absolute; + content: ''; + width: 100%; + height: 100%; + z-index: 1; + top: 0px; +} + +.overlay:before{ .overlay-params(@strength: 0.5, @bg-color: @color-heading); } +.overlay .container{ position: relative; z-index: 2; } + +// +// Helper Classes & Resets +// -------------------------------------------------- + +.go-right{ right: 0px; } +.go-left{ left: 0px; } + +img{ max-width: 100%; } + +.main-container{ .transition-300; } + +// +// Loader +// -------------------------------------------------- + +.loader{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; background: #fff; .preserve-3d; .transition-300; opacity: 1; } +.strip-holder{ .vertical-align; left: 50%; margin-left: -50px; position: relative; } +.strip-1, .strip-2, .strip-3{ width: 20px; height: 20px; background: @color-primary; position: relative; -webkit-animation: stripMove 2s ease infinite alternate; animation: stripMove 2s ease infinite alternate; -moz-animation: stripMove 2s ease infinite alternate; } +.strip-2{ -webkit-animation-duration: 2.1s; animation-duration: 2.1s; background-color: lighten(@color-primary, 20%); } +.strip-3{ -webkit-animation-duration: 2.2s; animation-duration: 2.2s; background-color: lighten(@color-primary, 40%); } + + +@-webkit-keyframes stripMove{ + 0% { .translate3d(@x: 0px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } +} + +@-moz-keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +@keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +.main-container{ .transition-300; opacity: 0; } +nav{ .transition-300; opacity: 0; } +.show-content{ opacity: 1 !important; } +.hide-loader{ opacity: 0 !important; } + + +// +// Colours +// -------------------------------------------------- + +@color-primary: #27E000; +@color-heading: #333; +@color-body: #777; +@color-muted: #f5f5f5 !important; + +.background-dark{ background-color: @color-heading !important; } +.color-heading{ color: @color-heading; } + +// +// Typography +// -------------------------------------------------- + +@custom-heading-font: 'Open Sans'; +@custom-body-font: 'Open Sans'; + +.text-white{ color: #fff; } + +body{ font-family: @custom-body-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: @color-body; font-size: 14px; line-height: 24px; background: @color-heading; } +h1,h2,h3,h4,h5,h6{ font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; margin: 0px; color: @color-heading; } + +h1{ font-size: 30px; line-height: 36px; margin-bottom: 42px; } +h3{ font-size: 20px; line-height: 28px; } + +.large-h1{ font-size: 42px; line-height: 48px; font-weight: 300; } + +p{ font-size: 14px; line-height: 24px; } +p:last-child{ margin-bottom: 0px; } +p.lead{ font-size: 16px; line-height: 30px; font-weight: 400; } +span.lead{ font-weight: 400; } +.uppercase{ text-transform: uppercase; letter-spacing: 1px; display: inline-block; margin-right: -1px; } + +strong{ font-weight: 600; } + +ul{ list-style: none; margin: 0px; padding: 0px; } + +@media all and(max-width: 767px){ + h1{ font-size: 24px; line-height: 28px; margin-bottom: 36px; } + h2{ font-size: 20px; line-height: 26px; } + + .large-h1{ font-size: 24px; line-height: 28px; } + + p{ font-size: 13px; line-height: 22px; } + p.lead{ font-size: 15px; line-height: 26px; } +} + + +// +// Spacing Standards +// -------------------------------------------------- + +@standard-space: 72px; + +section{ padding: @standard-space 0px; background: #fff; } + +.duplicatable-content{ padding-bottom: @standard-space/2; } + + +// +// Buttons +// -------------------------------------------------- + +a:hover{ text-decoration: none; } +h1 a, span a,p a,.text-link a{ font-weight: 600; color: #fff; display: inline-block; border-bottom: 4px solid #fff; padding-bottom: 6px; .transition-300; } +span a, p a,.text-link a{ padding-bottom: 4px; border-bottom: 3px solid #fff; } +span a:hover{ color: #fff; } +p a, .text-link a{ color: @color-primary !important; border-color: @color-primary; padding-bottom: 2px; } +p a, .text-link a:hover{ color: @color-heading; } + +.btn{ min-width: 180px; border-radius: 25px; background: @color-primary; text-align: center; padding: 13px 0px 14px 0px; color: #fff; font-size: 15px; .transition-300; font-weight: 600; line-height: 1; } +.btn:hover{ color: #fff; background: darken(@color-primary, 5%); } +.btn-hollow{ background: none; border: 2px solid @color-primary; color: @color-primary; } +.btn-hollow:hover{ background: @color-primary; } + +.btn-white{ background: #fff; color: @color-primary; } +.btn-white:hover{ background: #fff; color: darken(@color-primary,10%); } + +.btn-hollow.btn-white{ background: none; border-color: #fff; color: #fff; } +.btn-hollow.btn-white:hover{ background: #fff; color: @color-primary; } + +// +// Backgrounds & Parallax +// -------------------------------------------------- + +.background-image-holder{ position: absolute; width: 100%; height: 130%; top: -10%; background-size: cover !important; background-position: 50% 50% !important; } +.image-holder{ position: relative; overflow: hidden; } + +// +// Navigation +// -------------------------------------------------- + +nav .logo{ max-height: 45px; max-width: 110px; position: absolute; top: -6px; opacity: 1; } +nav .text-right{ position: relative; } +nav .container{ .transition-300; } + +.overlay-nav{ position:fixed; top: 0px; z-index: 10; width: 100%; padding-top: @standard-space/3; line-height: 1; background: none; .transition-300; } +.overlay-nav .logo-dark{ opacity: 0; } +.overlay-nav.sticky-nav .logo-light{ opacity: 0; } +.overlay-nav.sticky-nav .logo-dark{ opacity: 1; } + +.bottom-border{ position: absolute; bottom: 2px; width: 100%; height: 2px; background: rgba(255,255,255,0.3); } +.sidebar-menu .bottom-border{ position: relative; bottom: 0px; background: rgba(255,255,255,0.2); display: block !important; } + +.menu{ display: inline-block; text-align: left; line-height: 1; } +.menu li{ float: left; margin-right: 32px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; position: relative; top: 4px; } +.menu li:last-child{ margin-right: 0px; } +.menu li:nth-las-child(2){ margin-right: 12px; } +.menu li a{ color: #fff; display: inline-block; padding-bottom: @standard-space/3; border-bottom: 2px solid rgba(0,0,0,0); .transition-300; } +.menu li a:hover{ border-bottom: 2px solid #fff; } + +.nav-dropdown{ position: absolute; z-index: -1; max-height: 0px; background: rgba(255,255,255,0.3); min-width: 200px; .transition-300; } +.nav-dropdown li:first-child{ margin-top: 12px; } +.nav-dropdown li{ opacity: 0; .transition-300; margin-right: 0px; float: none; margin-bottom: 18px; } +.nav-dropdown li a{ padding-bottom: 0px; padding-left: 24px; } +.nav-dropdown li a:hover{ border-color: rgba(0,0,0,0); } + +.has-dropdown:hover .nav-dropdown{ z-index: 10; max-height: 300px; } +.has-dropdown:hover .nav-dropdown li{ opacity: 1; } + +.has-dropdown a{ padding-left: 18px; } +.has-dropdown:before{ display: inline-block; font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e688"; color: #fff; font-size: 24px; position: absolute; top: -6px; } + +.menu .social-link{ font-size: 14px; top: 0px !important; margin-right: 18px !important; } +.menu .social-link:nth-last-child(2){ margin-right: 18px; } + +.sticky-nav{ background: rgba(255,255,255,0.9); } +.sticky-nav .menu li a{ color: @color-heading; } +.sticky-nav .bottom-border{ display: none; } +.sticky-nav .menu li a:hover{ border-color: rgba(0,0,0,0); } +.sticky-nav .sidebar-menu-toggle, .sticky-nav .mobile-menu-toggle{ color: @color-heading; } +.sticky-nav .nav-dropdown{ background: rgba(255,255,255,0.9); } +.sticky-nav .has-dropdown:before{ color: @color-heading; } + +.sidebar-menu-toggle, .mobile-menu-toggle{ position: absolute; color: #fff; font-size: 32px; right: 0px; top: -7px; cursor: pointer; .transition-300; } + +.mobile-menu-toggle{ display: none; } + +.sidebar-menu, .instagram-sidebar{ position: fixed; right: 0px; top: 0px; width: 300px; height: 100%; background: @color-heading; .translate3d(@x: 300px, @y: 0px, @z: 0px); .transition-300; } +.show-sidebar{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } +.reveal-sidebar{ .translate3d(@x: -300px, @y: 0px, @z: 0px); } + +.sidebar-content{ padding: 0px 24px; margin-top: 24px; } +.widget{ margin-bottom: 24px; } +.widget .title{ font-size: 16px; font-weight: 600; display: inline-block; margin-bottom: 12px; } +.widget .menu li{ float: none; margin-bottom: 12px; } +.widget .menu li a{ padding-bottom: 0px; color: #fff !important; font-size: 12px; } +.widget .menu li a:hover{ border-color: rgba(0,0,0,0); } +.widget .menu .social-link{ display: none; } +.widget .social-profiles li{ margin-right: 24px; } +.widget .social-profiles li a{ color: #fff; } + +.instagram-toggle{ cursor: pointer; } +.instagram-toggle-init{ pointer-events: none; } +.instagram-sidebar li{ width: 100%; height: 250px; } +.instagram-sidebar{ overflow-y: auto; } + +.sidebar-content .copy-text{ position: absolute; bottom: 32px; color: rgba(255,255,255,0.5); font-size: 12px; } +.text-panel{ background: lighten(@color-heading, 8%); padding: 18px; } + +.sidebar-menu .logo{ max-width: 110px; position: relative; top: 21px; margin-bottom: 32px; left: 24px; } + +.relative-nav{ position: relative; padding-top: 28px; background: #fff; } +.relative-nav .menu li a{ color: @color-heading; } +.relative-nav .has-dropdown:before{ color: @color-heading; } +.relative-nav .nav-dropdown{ background: rgba(53,53,53,0.8); } +.relative-nav .has-dropdown li a{ color: #fff; } +.relative-nav .sidebar-menu-toggle{ color: @color-heading; } +.relative-nav .logo-light{ opacity: 0 !important; } +.relative-nav .logo-dark{ opacity: 1 !important; } +.relative-nav .logo{ top: -4px !important; } + +@media all and(max-width: 768px){ + nav{ max-height: 67px; overflow: hidden; background: rgba(255,255,255,0.9) !important; } + nav .menu li{ float: none; margin-bottom: 24px; } + nav .menu li a{ color: @color-heading !important; padding-bottom: 0px; } + nav .logo{ max-width: 90px; top: -2px; } + nav .logo-dark{ opacity: 1 !important; } + nav .logo-light{ opacity: 0 !important; } + nav .menu{ width: 100%; display: block; margin-top: 67px; margin-right: 0px; } + nav .social-link{ float: left !important; } + .sidebar-menu-toggle{ display: none; } + .mobile-menu-toggle{ display: block; position: fixed; top: 17px; right: 24px; color: @color-heading !important; } + .open-menu{ max-height: 800px !important; } + .nav-dropdown{ position: relative; display: none; } + .has-dropdown:hover .nav-dropdown{ display: block; } + .has-dropdown:before{ color: @color-heading; } +} + +// +// Sliders & Dividers & Headers +// -------------------------------------------------- + +.hero-slider{ padding: 0px; position: relative; overflow: hidden; } +.hero-slider .slides li{ height: 780px; position: relative; overflow: hidden; .preserve-3d; } +.hero-slider .slides li:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } + +.hero-slider .container{ .vertical-align; z-index: 2; } +.hero-slider h1{ margin-bottom: 42px; } + +.hero-slider .btn-hollow{ color: #fff; border-color: #fff; margin-left: 16px; } +.hero-slider .btn-hollow:hover{ background: #fff; color: @color-primary; } + +@media all and(max-width: 767px){ + .hero-slider .btn-hollow{ display: none; } +} + +.register-header form.register{ padding-top: 0px; background: rgba(0,0,0,0.4); padding: 24px; } +.register-header form input{ width: 100% !important; } +.register-header form.register span{ color: #fff; } +.register-header .logo{ max-width: 150px; display: block; margin-bottom: 12px; } + +.register-header h1{ margin-bottom: 24px !important; } + +@media all and(max-width: 768px){ + .register-header form.register .form-name, .register-header form.register .form-email{ max-width: 100%; width: 100%; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .register-header form.register .form-name, .register-header form.register .form-email{ width: 50%; } +} + +@media all and(max-width: 767px){ + .register-header .logo{ display: none; } + .register-header h1{ display: none; } + .register-header form h1{ display: block; } + .register-header span.lead{ display: none; } + .register-header input, .register-header .select-holder{ max-width: 100% !important; } +} + +.testimonials-slider{ position: relative; margin-bottom: 48px; } +.testimonials-slider .flex-control-nav a{ background:rgba(0,0,0,0.3); } +.testimonials-slider .flex-control-nav a.flex-active{ background:rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav a:hover{ background: rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav{ bottom: -48px; text-align: left; } + +.primary-overlay:before{ .overlay-params(@strength: 0.8, @bg-color: @color-primary); background-color: @color-primary !important; } + +.strip-divider{ padding: @standard-space*3 0px; position: relative; overflow: hidden; } +.strip-divider .container{ z-index: 2; position: relative; } +.strip-divider h1{ margin: 0px; } + +@media all and(max-width: 767px){ + .strip-divider{ padding: @standard-space 0px; } +} + +.countdown-divider{ padding: @standard-space*2 0px; } +.countdown-divider img, .countdown-header img, .video-header img{ max-width: 300px; display: inline-block; margin-bottom: 12px; } + +.countdown-header h1{ margin-bottom: 0px; } +.countdown-header:before{ opacity: 0.8 !important; } + +.video-header:before{ opacity: 0.5 !important; background: #000 !important; } +.video-header .uppercase, .countdown-header .uppercase{ display: block; font-weight: 600; margin-bottom: 24px; } + + +@media all and(max-width: 768px){ + .countdown-header img, .countdown-divider img, .video-header img{ max-width: 150px; } +} + +.countdown{ text-align: center; margin-top: @standard-space; } +.countdown-row{ color: #fff; font-size: 80px; font-weight: 300; } +.countdown-section{ width: 20%; display: inline-block; } +.countdown-amount{ display: inline-block; margin-bottom: 48px; } +.countdown-period{ display: block; font-size: 24px; } + +.section-header{ position: relative; overflow: hidden; height: 450px; } +.section-header h1{ font-size: 32px; } +.section-header.overlay:before{ opacity: 0.2; } +.section-header i{ font-size: 40px; color: #fff; margin: 0px 24px 12px 0px; } +.section-header i:last-of-type{ margin-right: 0px; } + +@media all and(max-width: 767px){ + .countdown{ margin-top: 48px; } + .countdown-row{ font-size: 36px; } + .countdown-period{ font-size: 16px; } +} + +.video-wrapper{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; } +.video-wrapper video{ width: 100%; } + +@media all and(max-width: 1390px){ + .video-wrapper video{ width: 110%; } +} + +@media all and(max-width: 1260px){ + .video-wrapper video{ width: 120%; } +} + +@media all and(max-width: 1160px){ + .video-wrapper video{ width: 130%; } +} + +@media all and(max-width: 1024px){ + .video-wrapper{ display: none; } +} + +// +// Image with text +// -------------------------------------------------- + +.image-with-text{ overflow: hidden; position: relative; height: 600px; } +.image-with-text h1{ margin-bottom: 24px; } + +.side-image{ padding: 0px; position: absolute; top: 0px; height: 100%; } + + +@media all and(max-width: 767px){ + .image-with-text{ height: auto; padding: @standard-space 0px; } + .image-with-text .vertical-align{ .vertical-align-cancel } +} + +// +// Promo Blocks +// -------------------------------------------------- + +.color-blocks{ position: relative; overflow: hidden; color: #fff; } +.color-block{ position: absolute; top: 0px; height: 100%; padding: 0px; color: #fff; .transition-300; } +.color-blocks h1, .color-blocks h2, .color-blocks h3, .color-blocks h4, .color-blocks h5, .color-blocks h6{ color: #fff; } +.color-blocks h1{ margin-bottom: 12px; } +.color-blocks a{ color: #fff; pointer-events: auto; } +.color-blocks a:hover i{ transform: rotateZ(-10deg); } +.color-blocks i, .contained-promo i{ color: @color-primary; font-size: 70px; display: inline-block; border: 2px solid #fff; border-radius: 50%; width: 120px; height: 120px; line-height: 120px; background: #fff; text-align: center; .transition-100; } +.block-left{ background-color: @color-primary; } +.block-right{ background-color: darken(@color-primary, 8%); right: 0px; } + +@media all and(max-width: 768px){ + .block-content{ margin-bottom: @standard-space*2; overflow: hidden; display: block; } + .block-content:last-of-type{ margin-bottom: 0px; } + .color-block{ height: 50%; width: 100%; } + .block-right{ top: 50%; } +} + +@media all and(max-width: 767px){ + .block-content i{ margin-bottom: 30px; } +} + + + +// +// Speakers & Topics +// -------------------------------------------------- + +.speakers-row{ padding: 0px 15px; } +.speaker-column{ padding: 0px; } + +.speaker{ position: relative; overflow: hidden; } +.speaker,.topic{ margin-bottom: @standard-space/2; } +.speaker .hover-state{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; background: rgba(0,0,0,0.5); .transition-300; } +.speaker .image-holder{ margin-bottom: 12px; } +.speaker span{ display: block; font-size: 16px; } +.speaker-name{ color: @color-heading; } +.speaker .social-links{ width: 100%; .transition-300; .translate3d(@x: 0px, @y: -200px, @z: 0px); } +.speaker .social-links a{ color: #fff; font-size: 24px; display: inline-block; margin-left: 6px; } +.speaker .social-links a:last-child{ margin-right: 0px; } +.speaker .image-holder:hover .hover-state{ opacity: 1; } +.speaker .image-holder:hover .hover-state .social-links{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } + +.speaker-with-bio{ overflow: hidden; margin-bottom: @standard-space/2; } +.speaker-with-bio .speaker{ width: 50%; float: left; margin-bottom: 0px; } +.speaker-with-bio .speaker-description{ width: 50%; float: left; padding-left: 30px; } +.speaker-description span{ display: inline-block; margin-bottom: 18px; font-weight: 600; } + +@media all and(max-width: 767px){ + .speaker-with-bio .speaker{ width: 100%; } + .speaker-with-bio .speaker-description{ width: 100%; padding-left: 0px; } +} + +.topics{ position: relative; overflow: hidden; } +.topics .container{ position: relative; z-index: 2; } +.topics.overlay .ruled-list li{ border-color: rgba(255,255,255,0.5); } +.topics.overlay .topic i{ color: #fff; } + +.topic h3{ margin-bottom: 18px; } +.topic p.lead{ margin-bottom: 32px; } +.topic i{ font-size: 60px; color: @color-primary; display: inline-block; margin-bottom: 32px; } + +@media all and(max-width: 767px){ + .topic h3{ display: inline-block; position: relative; bottom: 18px; left: 12px; } + .topic i{ margin-bottom: 12px; } +} + +.ruled-list li{ border-top: 1px dotted rgba(0,0,0,0.3); padding: 12px 0px; font-size: 16px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .speakers-row .col-sm-6{ width: 50%; float: left !important; } +} + +// +// Schedule +// -------------------------------------------------- + +.inline-video{ background: @color-muted; } +.inline-video iframe{ width: 100%; height: 300px; border: none; } +.inline-video .btn{ min-width: 150px; margin-top: 32px; margin-right: 16px; } + +@media all and(max-width: 768px){ + .inline-video iframe{ height: 350px; margin-top: 42px; } +} + +@media all and(max-width: 767px){ + .inline-video iframe{ height: 200px; margin-top: 30px; } + .inline-video .btn{ margin-top: 18px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .inline-video iframe{ height: 250px; } +} + +.embedded-video-holder p{ display: none; } + +.schedule-overview{ border: 2px solid rgba(0,0,0,0.2); margin-bottom: @standard-space/2; } +.schedule-overview li{ padding: 24px; position: relative; cursor: pointer; .transition-300; } +.schedule-overview li:first-child .top{ display: none; } +.schedule-overview li:last-child .bottom{ display: none; } + +.schedule-title span{ display: block; font-size: 16px; } +.schedule-title .title{ color: @color-heading; } + +.schedule-text{ max-height: 0px; .transition-300; opacity: 0; } + +.schedule-overview li:hover{ background-color: @color-muted; } +.schedule-overview li:hover .schedule-text{ max-height: 300px; opacity: 1; padding-top: 18px; } +.schedule-overview li:hover .top,.schedule-overview li:hover .bottom,.schedule-overview li:hover .middle{ border-color: rgba(0,0,0,0.4); } +.schedule-overview li:hover .middle{ background: @color-heading; } + +.schedule-with-text .btn, .contained-gallery .btn{ margin-top: 24px; margin-right: 12px; } +.schedule-with-text .schedule-overview li{ padding-right: 48px; } + +@media all and(max-width: 1024px){ + .schedule-overview li{ padding-right: 48px; } +} + +@media all and(max-width: 767px){ + .schedule-with-text .btn, .contained-gallery .btn{ margin-bottom: 32px; } +} + +.marker-pin{ position: absolute; right: 32px; top: 0px; height: 100%; } +.marker-pin .top, .marker-pin .bottom{ height: 50%; width: 2px; border-left: 2px solid rgba(0,0,0,0.2); position: absolute; z-index: 1; .transition-300; } +.marker-pin .top{ top: 0px; } +.marker-pin .bottom{ bottom: 0px; } +.marker-pin .middle{ width: 18px; height: 18px; border: 2px solid rgba(0,0,0,0.2); background: #fff; border-radius: 50%; position: absolute; right: -10px; top: 50%; margin-top: -9px; z-index: 2; .transition-300; } + +// +// Galleries +// -------------------------------------------------- + +.instagram{ position: relative; padding: @standard-space*3 0px; } +.instagram{ overflow: hidden; background: #000 !important; } +.instagram ul{ overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0px; } +.instagram li{ float: left; width: 20%; height: 50%; position: relative; cursor: pointer; .transition-300; overflow: hidden; background-size: cover !important; opacity: 0.5; } +.instagram li:hover{ opacity: 1 !important; } + +.instagram .container{ position: relative; z-index: 3; } +.instagram i{ font-size: 48px; display: inline-block; margin-bottom: 16px; } +.instagram h1{ .large-h1; margin-bottom: 16px; } + +@media all and(max-width: 1200px){ + .instagram li:nth-child(n+9){ display: none; } + .instagram li{ width: 25%; } +} + +@media all and(max-width: 900px){ + .instagram li:nth-child(n+7){ display: none; } + .instagram li{ width: 33.333333%; } +} + +@media all and(max-width: 767px){ + .instagram{ padding: @standard-space*2 0px; } + .instagram li:nth-child(n+5){ display: none; } + .instagram li{ width: 50%; } +} + + +.testimonials{ background: @color-muted; } + +.contained-gallery .instagram{ padding: 185px 0px; } +.contained-gallery .instagram li:nth-child(n+9){ display: none; } +.contained-gallery .instagram li{ width: 25%; opacity: 0.7; } + +@media all and(max-width: 1024px){ + .contained-gallery .instagram li:nth-child(n+7){ display: none; } + .contained-gallery .instagram li{ width: 33.33333%; } + .contained-gallery .instagram{ padding: 200px 0px; } +} + +@media all and(max-width: 768px){ + .contained-gallery .instagram{ margin-bottom: 32px; } + .contained-gallery .btn{ margin-bottom: 0px; } + .contained-gallery .instagram li:nth-child(n+5){ display: block !important; } + .contained-gallery .instagram li:nth-child(n+7){ display: none !important; } + .contained-gallery .instagram li{ width: 33.33333% !important; } +} + +// +// Pricing +// -------------------------------------------------- + +.pricing-option{ overflow: hidden; background: @color-muted; .preserve-3d; position: relative; padding: @standard-space 0px; margin-bottom: 30px; .transition-300; } +.pricing-option .dot{ position: absolute; top: 24px; right: 24px; width: 24px; height: 24px; border-radius: 50%; background: #fff; } +.pricing-option:hover{ background: darken(@color-muted, 3%); } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .pricing-options .col-sm-6{ width: 50%; float: left; } +} + +.dollar, .price, .type{ font-weight: 600; color: @color-heading; font-size: 72px; } +.dollar{ font-size: 36px; position: relative; bottom: 22px; } +.price{ line-height: 1; } +.type{ display: block; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-top: 12px; } + +.plan-title{ display: block; font-weight: 600; margin-bottom: 12px; font-size: 18px; color: @color-heading; } + +.pricing-option ul li{ color: @color-body; } + +.pricing-option.emphasis{ background: @color-primary; color: #fff; } +.pricing-option.emphasis .type, .pricing-option.emphasis .dollar, .pricing-option.emphasis .price, .pricing-option.emphasis .plan-title, .pricing-option.emphasis ul li{ color: #fff !important; } + +@media all and(max-width: 991px){ + .type{ margin-bottom: 12px; } + .pricing-option{ text-align: center !important; } +} + +// +// Frequently Asked Questions +// -------------------------------------------------- + +.faq-item{ margin-bottom: @standard-space/2; } + +p.question{ font-weight: 600; color: @color-heading; font-size: 16px; } + +// +// Visitor Info +// -------------------------------------------------- + +.info-box{ margin-bottom: @standard-space/2; position: relative; overflow: hidden; } +.info-box img{ display: block; margin-bottom: 12px; } +.info-box h3{ margin-bottom: 12px; } +.info-box .text-link{ position: absolute; bottom: 12px; right: 0px; } +.text-link a{ display: inline-block; margin-left: 12px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .visitor-info .col-sm-4{ width: 50%; float: left; } +} + +// +// Subscribe +// -------------------------------------------------- + +.subscribe-1{ position: relative; overflow: hidden; padding-top: @standard-space*2; padding-bottom: @standard-space/2; } +.subscribe-1:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } +.subscribe-1 .container{ position: relative; z-index: 2; } +.subscribe-1 .email-subscribe{ margin-bottom: @standard-space*3; } +.subscribe-1 footer{ border-top: 2px solid rgba(255,255,255,0.3); padding-top: @standard-space/2; } +.subscribe-1 .twitter-feed{ margin-bottom: @standard-space; } +.subscribe-1 h1{ margin-bottom: 30px; } + +.email-subscribe span{ display: block; margin-top: 12px; } + +.twitter-feed i{ font-size: 48px; display: inline-block; margin-bottom: 32px; } +.twitter-feed span a{ border-bottom: none; } + +.tweets-feed .user{ display: none; } +.tweets-feed .interact{ display: none; } +.tweets-feed .tweet{ color: #fff; font-size: 30px; line-height: 36px; font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } +.tweets-feed .tweet a{ color: #fff !important; border-color: #fff !important; } +.tweets-feed .timePosted{ display: none; } + +@media all and(max-width: 767px){ + .tweets-feed .tweet{ font-size: 20px; line-height: 26px; } +} + + +// +// Contact +// -------------------------------------------------- + +.contact-tweets{ background: @color-primary; color: #fff; position: relative; overflow: hidden; height: 600px; .preserve-3d; } +.contact-tweets .social_twitter{ font-size: 42px; margin-bottom: 32px; display: inline-block; } +.contact-tweets .map-holder{ position: absolute; height: 100%; padding: 0px; top: 0px; right: 0px; } +.contact-tweets .timePosted{ display: block !important; } +.map-holder:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; } +.map-holder iframe{ border: 0px; position: absolute; width: 100%; height: 100%; } +.contact-tweets span a{ border-bottom: 2px solid #fff; padding-bottom: 1px; } + + +// +// Sponsors +// -------------------------------------------------- + +.sponsors{ background: @color-muted; } +.sponsor{ margin-bottom: @standard-space/2; height: 80px; line-height: 80px; } +.sponsor img{ max-width: 150px; .transition-300; max-height: 80px; } + +.sponsors span{ display: inline-block; margin-top: 24px; } +.sponsors span a{ color: @color-primary; border-color: @color-primary; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .sponsors .col-sm-6{ width: 50%; float: left; } +} + + + +// +// Forms +// -------------------------------------------------- + +form.register{ overflow: hidden; padding-top: 24px; display: block; } +form.register div{ padding: 0px; } +input[type="text"], form.register .select-holder{ margin-bottom: 32px; padding: 12px; border: none; background: rgba(255,255,255,0.1); border-radius: 25px; font-size: 14px; max-width: 90%; color: #fff; padding-left: 24px; .transition-300; } +input[type="text"]:focus, form.register .select-holder:focus,input[type="text"]:hover, form.register .select-holder:hover{ outline: none; background: rgba(255,255,255,0.2); } + +form.register select{ width: 90%; margin: 0px; background: none; border: none; cursor: pointer; } +form.register select:focus{ outline: none; } + +form.register input[type="submit"]{ padding-bottom: 12px; width: 90%; margin-bottom: 12px; } + +input[type="submit"]{ font-weight: normal; } + +.email-subscribe{ overflow: hidden; } +.email-subscribe input{ margin: 0px auto; min-width: 100%; max-width: 100%; } +.email-subscribe input[type="text"]{ background: rgba(255,255,255,0.3); } +.email-subscribe input[type="text"]:hover, .email-subscribe input[type="text"]:focus{ background: rgba(255,255,255,0.4); } +.email-subscribe ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe input[type="submit"]{ min-height: 48px; } + +.subscribe-2 .email-subscribe input[type="text"]{ background: rgba(0,0,0,0.2); } +.subscribe-2 i{ color: @color-primary; font-size: 70px; display: inline-block; margin-right: 24px; margin-bottom: 18px; } +.subscribe-2 i:last-of-type{ margin-right: 0px; } + +input.error{ color: #ff4532; } + +.mail-list-form{ width: 0px; height: 0px; opacity: 0; overflow: hidden; } + +.form-success, .form-error{ display: none; width: 100%; padding: 6px 18px 8px 18px !important; margin-top: 12px; color: #fff; background-color: #55c950; border-radius: 20px; } +.form-error{ background-color: #D74B4B; } +form .field-error{ background: #D74B4B !important; } + +@media all and(max-width: 768px){ + +} + +@media all and(max-width: 767px){ + form.register input, form.register .select-holder{ width: 100% !important; max-width: 100%; } + .subscribe-1 .email-subscribe input[type="text"]{ margin-bottom: 24px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + form.register .col-sm-6{ width: 50%; float: left; } + form.register input, form.register .select-holder{ max-width: 95% !important; } + form.register input[type="submit"]{ max-width: 100% !important; } +} + +// +// Utility Pages +// -------------------------------------------------- + +.error-page{ background: @color-primary; padding: 0px; } +.error-page h1{ font-size: 84px; line-height: 96px; margin-bottom: 0px; margin-bottom: 12px; } +.error-page p{ font-size: 24px; line-height: 32px; } +.error-page i{ color: #fff; font-size: 84px; display: inline-block; margin-right: 24px; } +.error-page i:last-of-type{ margin-right: 0px; } +.error-page .btn{ margin-right: 24px; margin-top: 12px; } + +@media all and(max-width: 767px){ + .error-page i{ display: none; } +} + +// +// Footers +// -------------------------------------------------- + + +.subscribe-1 .footer .top-border{ height: 2px; width: 100%; background: rgba(255,255,255,0.3); margin-bottom: 32px; } +.subscribe-1 .footer .menu{ overflow: visible; } +.subscribe-1 .footer .menu li{ top: 0px; } +.subscribe-1 .footer .menu li a{ padding-bottom: 0px; } +.subscribe-1 .footer .menu li .btn{ min-width: 0px; padding: 10px 18px; font-size: 14px; } +.subscribe-1 .footer .menu li a{ diplay: inline-block; position: relative; border: none; } +.subscribe-1 .footer .menu li a:hover{ border: none; } +.subscribe-1 .footer .back-to-top{ padding-right: 42px; } +.subscribe-1 .footer .menu li a i{ font-size: 36px; position: absolute; right: 0px; top: -12px; } + +@media all and(max-width: 767px){ + .footer .text-right{ text-align: left !important; } + .footer .menu{ margin-top: 24px; } + .footer .menu li{ float: none; margin-bottom: 12px; } +} + +footer.classic{ padding: @standard-space 0px @standard-space/2 0px; background: @color-muted; } +footer.classic .menu li{ float: none; margin-bottom: 12px; } +footer.classic .menu li a{ color: @color-heading; padding-bottom: 0px; font-weight: 600; } +footer.classic span.lead{ display: inline-block; margin-bottom: 12px; } + +@media all and(max-width: 767px){ + footer.classic div{ margin-bottom: 18px; } +} + +.contact-methods li{ margin-bottom: 12px; } +.contact-methods li:last-child{ margin-bottom: 0px; } +.contact-methods i{ font-size: 36px; color: @color-heading; } +.contact-methods span{ display: inline-block; position: relative; bottom: 10px; left:8px; font-size: 16px; } + +footer.classic .social-profiles{ margin-top: 36px; } + +.social-profiles{ display: inline-block; overflow: hidden; } +.social-profiles li{ float: left; margin-right: 36px; } +.social-profiles li:last-child{ margin-right: 0px; } +.social-profiles li a{ color: @color-heading; font-size: 20px; } + diff --git a/static/new/css/less/lippy.less b/static/new/css/less/lippy.less new file mode 100644 index 00000000..1fe13915 --- /dev/null +++ b/static/new/css/less/lippy.less @@ -0,0 +1,901 @@ +/*! +// Contents +// ------------------------------------------------ + + 1. Mixins + 2. Helper classes & resets + 3. Loader + 4. Colours + 5. Typography + 6. Spacing + 7. Buttons + 8. Navigation + 9. Slider, Dividers + 10. Speakers & Topics + 11. Schedule + 12. Galleries + 13. Pricing & FAQ + 14. Subscribe + 15. Contact + 16. Forms + 17. Footers + +// --------------------------------------------------*/ + +@import "variables.less"; +@import "mixins.less"; + +/*! +// 1. Useful Mixins +// --------------------------------------------------*/ + +.vertical-align { + position: relative; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.vertical-align-cancel{ + top: 0px; + -webkit-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); +} + +.preserve-3d { + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + transform-style: preserve-3d; +} + +.transition-100{ + transition: all .1s ease-out; + -webkit-transition: all .1s ease-out; + -moz-transition: all .1s ease-out; +} + +.transition-300{ + transition: all .3s ease-out; + -webkit-transition: all .3s ease-out; + -moz-transition: all .3s ease-out; +} + +.transition-700{ + transition: all .7s ease-out; + -webkit-transition: all .7s ease-out; + -moz-transition: all .7s ease-out; +} + +.translate3d(@x,@y,@z){ + transform: translate3d(@x,@y,@z); + -webkit-transform: translate3d(@x,@y,@z); + -moz-transform: translate3d(@x,@y,@z); +} + +.scale2d(@x,@y){ + transform: scale(@x,@y); + -webkit-transform: scale(@x,@y); + -moz-transform: scale(@x,@y); +} + +.overlay-params(@strength, @bg-color){ + background-color: @bg-color; + opacity: @strength; + position: absolute; + content: ''; + width: 100%; + height: 100%; + z-index: 1; + top: 0px; +} + +.overlay:before{ .overlay-params(@strength: 0.5, @bg-color: @color-heading); } +.overlay .container{ position: relative; z-index: 2; } + +/*! +// 2. Helper Classes & Resets +// --------------------------------------------------*/ + +.go-right{ right: 0px; } +.go-left{ left: 0px; } + +img{ max-width: 100%; } + +.main-container{ .transition-300; } + +/*! +// 3. Loader +// --------------------------------------------------*/ + +.loader{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; background: #fff; .preserve-3d; .transition-300; opacity: 1; } +.strip-holder{ .vertical-align; left: 50%; margin-left: -50px; position: relative; } +.strip-1, .strip-2, .strip-3{ width: 20px; height: 20px; background: @color-primary; position: relative; -webkit-animation: stripMove 2s ease infinite alternate; animation: stripMove 2s ease infinite alternate; -moz-animation: stripMove 2s ease infinite alternate; } +.strip-2{ -webkit-animation-duration: 2.1s; animation-duration: 2.1s; background-color: lighten(@color-primary, 20%); } +.strip-3{ -webkit-animation-duration: 2.2s; animation-duration: 2.2s; background-color: lighten(@color-primary, 40%); } + + +@-webkit-keyframes stripMove{ + 0% { .translate3d(@x: 0px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } +} + +@-moz-keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +@keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +.main-container{ .transition-300; opacity: 0; } +nav{ .transition-300; opacity: 0; } +.show-content{ opacity: 1 !important; } +.hide-loader{ opacity: 0 !important; } + + +/*! +// 4. Colours +// --------------------------------------------------*/ + +@color-primary: #D6116E; +@color-heading: #333; +@color-body: #777; +@color-muted: #f5f5f5 !important; + +.background-dark{ background-color: @color-heading !important; } +.color-heading{ color: @color-heading; } + +/*! +// 5. Typography +// --------------------------------------------------*/ + +@custom-heading-font: 'Open Sans'; +@custom-body-font: 'Open Sans'; + +.text-white{ color: #fff; } + +body{ font-family: @custom-body-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: @color-body; font-size: 14px; line-height: 24px; background: #fff; } +h1,h2,h3,h4,h5,h6{ font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; margin: 0px; color: @color-heading; } + +h1{ font-size: 30px; line-height: 36px; margin-bottom: 42px; } +h3{ font-size: 20px; line-height: 28px; } + +.large-h1{ font-size: 42px; line-height: 48px; font-weight: 300; } + +p{ font-size: 14px; line-height: 24px; } +p:last-child{ margin-bottom: 0px; } +p.lead{ font-size: 16px; line-height: 30px; font-weight: 400; } +span.lead{ font-weight: 400; } +.uppercase{ text-transform: uppercase; letter-spacing: 1px; display: inline-block; margin-right: -1px; } + +strong{ font-weight: 600; } + +ul{ list-style: none; margin: 0px; padding: 0px; } + +@media all and(max-width: 767px){ + h1{ font-size: 24px; line-height: 28px; margin-bottom: 36px; } + h2{ font-size: 20px; line-height: 26px; } + + .large-h1{ font-size: 24px; line-height: 28px; } + + p{ font-size: 13px; line-height: 22px; } + p.lead{ font-size: 15px; line-height: 26px; } +} + + +/*! +// Spacing Standards +// --------------------------------------------------*/ + +@standard-space: 72px; + +section{ padding: @standard-space 0px; background: #fff; } + +.duplicatable-content{ padding-bottom: @standard-space/2; } + + +/*! +// 6. Buttons +// --------------------------------------------------*/ + +a:hover{ text-decoration: none; } +h1 a, span a,p a,.text-link a{ font-weight: 600; color: #fff; display: inline-block; border-bottom: 4px solid #fff; padding-bottom: 6px; .transition-300; } +span a, p a,.text-link a{ padding-bottom: 4px; border-bottom: 3px solid #fff; } +span a:hover{ color: #fff; } +p a, .text-link a{ color: @color-primary !important; border-color: @color-primary; padding-bottom: 2px; } +p a, .text-link a:hover{ color: @color-heading; } + +.btn{ min-width: 180px; border-radius: 25px; background: @color-primary; text-align: center; padding: 13px 0px 14px 0px; color: #fff; font-size: 15px; .transition-300; font-weight: 600; line-height: 1; } +.btn:hover{ color: #fff; background: darken(@color-primary, 5%); } +.btn-hollow{ background: none; border: 2px solid @color-primary; color: @color-primary; } +.btn-hollow:hover{ background: @color-primary; } + +.btn-white{ background: #fff; color: @color-primary; } +.btn-white:hover{ background: #fff; color: darken(@color-primary,10%); } + +.btn-hollow.btn-white{ background: none; border-color: #fff; color: #fff; } +.btn-hollow.btn-white:hover{ background: #fff; color: @color-primary; } + +.btn-lg{ padding: 20px 0px 21px 0px; text-transform: uppercase; min-width: 230px; border-radius: 35px; } + +/*! +// Backgrounds & Parallax +// --------------------------------------------------*/ + +.background-image-holder{ position: absolute; width: 100%; height: 130%; top: -10%; background-size: cover !important; background-position: 50% 50% !important; } +.image-holder{ position: relative; overflow: hidden; } + +/*! +// 7. Navigation +// --------------------------------------------------*/ + +nav .logo{ max-height: 45px; max-width: 110px; position: absolute; top: -6px; opacity: 1; } +nav .text-right{ position: relative; } +nav .container{ .transition-300; } + +.overlay-nav{ position:fixed; top: 0px; z-index: 10; width: 100%; padding-top: @standard-space/3; line-height: 1; background: none; .transition-300; } +.overlay-nav .logo-dark{ opacity: 0; } +.overlay-nav.sticky-nav .logo-light{ opacity: 0; } +.overlay-nav.sticky-nav .logo-dark{ opacity: 1; } + +.bottom-border{ position: absolute; bottom: 2px; width: 100%; height: 2px; background: rgba(255,255,255,0.3); } +.sidebar-menu .bottom-border{ position: relative; bottom: 0px; background: rgba(255,255,255,0.2); display: block !important; } + +.menu{ display: inline-block; text-align: left; line-height: 1; } +.menu li{ float: left; margin-right: 32px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; position: relative; top: 4px; } +.menu li:last-child{ margin-right: 0px; } +.menu li:nth-las-child(2){ margin-right: 12px; } +.menu li a{ color: #fff; display: inline-block; padding-bottom: @standard-space/3; border-bottom: 2px solid rgba(0,0,0,0); .transition-300; } +.menu li a:hover{ border-bottom: 2px solid #fff; } + +.nav-dropdown{ position: absolute; z-index: -1; max-height: 0px; background: rgba(255,255,255,0.9); min-width: 200px; .transition-300; } +.nav-dropdown li:first-child{ margin-top: 12px; } +.nav-dropdown li{ opacity: 0; .transition-300; margin-right: 0px; float: none; margin-bottom: 18px; } +.nav-dropdown li a{ padding-bottom: 0px; padding-left: 24px; color: @color-heading; } +.nav-dropdown li a:hover{ border-color: rgba(0,0,0,0); } + +.has-dropdown:hover .nav-dropdown{ z-index: 10; max-height: 300px; } +.has-dropdown:hover .nav-dropdown li{ opacity: 1; } + +.has-dropdown a{ padding-left: 18px; } +.has-dropdown:before{ display: inline-block; font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e688"; color: #fff; font-size: 24px; position: absolute; top: -6px; } + +.menu .social-link{ font-size: 14px; top: 0px !important; margin-right: 18px !important; } +.menu .social-link:nth-last-child(2){ margin-right: 18px; } + +.sticky-nav{ background: rgba(255,255,255,0.9); } +.sticky-nav .menu li a{ color: @color-heading; } +.sticky-nav .bottom-border{ display: none; } +.sticky-nav .menu li a:hover{ border-color: rgba(0,0,0,0); } +.sticky-nav .sidebar-menu-toggle, .sticky-nav .mobile-menu-toggle{ color: @color-heading; } +.sticky-nav .nav-dropdown{ background: rgba(255,255,255,0.9); } +.sticky-nav .has-dropdown:before{ color: @color-heading; } + +.sidebar-menu-toggle, .mobile-menu-toggle{ position: absolute; color: #fff; font-size: 32px; right: 0px; top: -7px; cursor: pointer; .transition-300; } + +.mobile-menu-toggle{ display: none; } + +.sidebar-menu, .instagram-sidebar{ position: fixed; right: 0px; top: 0px; width: 300px; height: 100%; background: @color-heading; .translate3d(@x: 300px, @y: 0px, @z: 0px); .transition-300; } +.show-sidebar{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } +.reveal-sidebar{ .translate3d(@x: -300px, @y: 0px, @z: 0px); } + +.sidebar-content{ padding: 0px 24px; margin-top: 24px; } +.widget{ margin-bottom: 24px; } +.widget .title{ font-size: 16px; font-weight: 600; display: inline-block; margin-bottom: 12px; } +.widget .menu li{ float: none; margin-bottom: 12px; } +.widget .menu li a{ padding-bottom: 0px; color: #fff !important; font-size: 12px; } +.widget .menu li a:hover{ border-color: rgba(0,0,0,0); } +.widget .menu .social-link{ display: none; } +.widget .social-profiles li{ margin-right: 24px; } +.widget .social-profiles li a{ color: #fff; } + +.instagram-toggle{ cursor: pointer; } +.instagram-toggle-init{ pointer-events: none; } +.instagram-sidebar li{ width: 100%; height: 250px; } +.instagram-sidebar{ overflow-y: auto; } + +.sidebar-content .copy-text{ position: absolute; bottom: 32px; color: rgba(255,255,255,0.5); font-size: 12px; } +.text-panel{ background: lighten(@color-heading, 8%); padding: 18px; } + +.relative-nav{ position: relative; padding-top: 28px; background: #fff; } +.relative-nav .menu li a{ color: @color-heading; } +.relative-nav .has-dropdown:before{ color: @color-heading; } +.relative-nav .nav-dropdown{ background: rgba(53,53,53,0.8); } +.relative-nav .has-dropdown li a{ color: #fff; } +.relative-nav .sidebar-menu-toggle{ color: @color-heading; } +.relative-nav .logo-light{ opacity: 0 !important; } +.relative-nav .logo-dark{ opacity: 1 !important; } +.relative-nav .logo{ top: -4px !important; } + +.sidebar-menu .logo{ max-width: 110px; position: relative; top: 21px !important; margin-bottom: 32px; left: 24px; } + +@media all and(max-width: 768px){ + nav{ max-height: 67px; overflow: hidden; background: rgba(255,255,255,0.9) !important; } + nav .menu li{ float: none; margin-bottom: 24px; } + nav .menu li a{ color: @color-heading !important; padding-bottom: 0px; } + nav .logo{ max-width: 90px; top: -2px; } + nav .logo-dark{ opacity: 1 !important; } + nav .logo-light{ opacity: 0 !important; } + nav .menu{ width: 100%; display: block; margin-top: 67px; margin-right: 0px; } + nav .social-link{ float: left !important; } + .sidebar-menu-toggle{ display: none; } + .mobile-menu-toggle{ display: block; position: fixed; top: 17px; right: 24px; color: @color-heading !important; } + .open-menu{ max-height: 800px !important; } + .nav-dropdown{ position: relative; display: none; } + .has-dropdown:hover .nav-dropdown{ display: block; } + .has-dropdown:before{ color: @color-heading; } +} + +/*! +// 8. Sliders & Dividers & Headers +// --------------------------------------------------*/ + +.hero-slider{ padding: 0px; position: relative; overflow: hidden; } +.hero-slider .slides li{ height: 780px; position: relative; overflow: hidden; .preserve-3d; } +.hero-slider .slides li:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } + +.hero-slider .container{ .vertical-align; z-index: 2; } +.hero-slider h1{ margin-bottom: 42px; } + +.hero-slider .btn-hollow{ color: #fff; border-color: #fff; margin-left: 16px; } +.hero-slider .btn-hollow:hover{ background: #fff; color: @color-primary; } + +@media all and(max-width: 767px){ + .hero-slider .btn-hollow{ display: none; } +} + +.register-header form.register{ padding-top: 0px; background: rgba(0,0,0,0.4); padding: 24px; } +.register-header form input{ width: 100% !important; } +.register-header form.register span{ color: #fff; } +.register-header .logo, .hero-slide .logo{ max-width: 150px; display: block; margin-bottom: 12px; } + +.register-header h1{ margin-bottom: 24px !important; } + +@media all and(max-width: 768px){ + .register-header form.register .form-name, .register-header form.register .form-email{ max-width: 100%; width: 100%; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .register-header form.register .form-name, .register-header form.register .form-email{ width: 50%; } +} + +@media all and(max-width: 767px){ + .hero-slide .logo{ max-width: 100px; } + .register-header .logo{ display: none; } + .register-header h1{ display: none; } + .register-header form h1{ display: block; } + .register-header span.lead{ display: none; } + .register-header input, .register-header .select-holder{ max-width: 100% !important; } + .hero-slider h1{ margin-bottom: 18px; } +} + +.testimonials-slider{ position: relative; margin-bottom: 48px; } +.testimonials-slider .flex-control-nav a{ background:rgba(0,0,0,0.3); } +.testimonials-slider .flex-control-nav a.flex-active{ background:rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav a:hover{ background: rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav{ bottom: -48px; text-align: left; } + +.primary-overlay:before{ .overlay-params(@strength: 0.8, @bg-color: @color-primary); background-color: @color-primary !important; } + +.strip-divider{ padding: @standard-space*3 0px; position: relative; overflow: hidden; } +.strip-divider .container{ z-index: 2; position: relative; } +.strip-divider h1{ margin: 0px; font-size: 36px; line-height: 48px; } +.strip-divider a:hover{ color: #fff !important; } + +@media all and(max-width: 767px){ + .strip-divider{ padding: @standard-space 0px; } +} + +.countdown-divider{ padding: @standard-space*2 0px; } +.countdown-divider img, .countdown-header img, .video-header img{ max-width: 300px; display: inline-block; margin-bottom: 12px; } + +.countdown-header h1{ margin-bottom: 0px; } +.countdown-header:before{ opacity: 0.8 !important; } + +.video-header:before{ opacity: 0.5 !important; background: #000 !important; } +.video-header .uppercase, .countdown-header .uppercase{ display: block; font-weight: 600; margin-bottom: 24px; } + + +@media all and(max-width: 768px){ + .countdown-header img, .countdown-divider img, .video-header img{ max-width: 150px; } +} + +.countdown{ text-align: center; margin-top: @standard-space; } +.countdown-row{ color: #fff; font-size: 80px; font-weight: 300; } +.countdown-section{ width: 20%; display: inline-block; } +.countdown-amount{ display: inline-block; margin-bottom: 48px; } +.countdown-period{ display: block; font-size: 24px; } + +.section-header{ position: relative; overflow: hidden; height: 450px; } +.section-header h1{ font-size: 32px; } +.section-header.overlay:before{ opacity: 0.2; } +.section-header i{ font-size: 40px; color: #fff; margin: 0px 24px 12px 0px; } +.section-header i:last-of-type{ margin-right: 0px; } + +@media all and(max-width: 767px){ + .countdown{ margin-top: 48px; } + .countdown-row{ font-size: 36px; } + .countdown-period{ font-size: 16px; } +} + +.video-wrapper{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; } +.video-wrapper video{ width: 100%; } + +@media all and(max-width: 1390px){ + .video-wrapper video{ width: 110%; } +} + +@media all and(max-width: 1260px){ + .video-wrapper video{ width: 120%; } +} + +@media all and(max-width: 1160px){ + .video-wrapper video{ width: 130%; } +} + +@media all and(max-width: 1024px){ + .video-wrapper{ display: none; } +} + +.call-to-action{ padding: 144px 0px; } +.call-to-action .uppercase{ display: block; width: 100%; text-align: center; margin-bottom: 32px; } +.call-to-action h1{ margin-bottom: 32px; } +.call-to-action .btn{ margin-bottom: 40px; } +.call-to-action a i{ display: inline-block; width: 60px; height: 60px; border-radius: 50%; color: #fff; margin-right: 12px; font-size: 24px; line-height: 60px; } +.call-to-action .social_facebook{ background-color: #3b5998; } +.call-to-action .social_twitter{ background-color: #00aced; } +.call-to-action a:last-of-type i{ margin-right: 0px; } + +@media all and(max-width: 768px){ + .call-to-action{ padding: @standard-space 0px; } +} + +/*! +// 9. Image with text +// --------------------------------------------------*/ + +.image-with-text{ overflow: hidden; position: relative; height: 600px; } +.image-with-text h1{ margin-bottom: 24px; } + +.side-image{ padding: 0px; position: absolute; top: 0px; height: 100%; } + + +@media all and(max-width: 767px){ + .image-with-text{ height: auto; padding: @standard-space 0px; } + .image-with-text .vertical-align{ .vertical-align-cancel } +} + +/*! +// Promo Blocks +// --------------------------------------------------*/ + +.color-blocks{ position: relative; overflow: hidden; color: #fff; } +.color-block{ position: absolute; top: 0px; height: 100%; padding: 0px; color: #fff; .transition-300; } +.color-blocks h1, .color-blocks h2, .color-blocks h3, .color-blocks h4, .color-blocks h5, .color-blocks h6{ color: #fff; } +.color-blocks h1{ margin-bottom: 12px; } +.color-blocks a{ color: #fff; pointer-events: auto; } +.color-blocks a:hover i{ transform: rotateZ(-10deg); } +.color-blocks i, .contained-promo i{ color: @color-primary; font-size: 70px; display: inline-block; border: 2px solid #fff; border-radius: 50%; width: 120px; height: 120px; line-height: 117px; background: #fff; text-align: center; .transition-100; } +.block-left{ background-color: @color-primary; } +.block-right{ background-color: darken(@color-primary, 8%); right: 0px; } + +@media all and(max-width: 768px){ + .block-content{ margin-bottom: @standard-space*2; overflow: hidden; display: block; } + .block-content:last-of-type{ margin-bottom: 0px; } + .color-block{ height: 50%; width: 100%; } + .block-right{ top: 50%; } +} + +@media all and(max-width: 767px){ + .block-content i{ margin-bottom: 30px; } +} + + + +/*! +// 10. Speakers & Topics +// --------------------------------------------------*/ + +.speakers-row{ padding: 0px 15px; } +.speaker-column{ padding: 0px; } + +.speaker{ position: relative; overflow: hidden; } +.speaker,.topic{ margin-bottom: @standard-space/2; } +.speaker .hover-state{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; background: rgba(0,0,0,0.5); .transition-300; } +.speaker .image-holder{ margin-bottom: 12px; } +.speaker span{ display: block; font-size: 16px; } +.speaker-name{ color: @color-heading; } +.speaker .social-links{ width: 100%; .transition-300; .translate3d(@x: 0px, @y: -200px, @z: 0px); } +.speaker .social-links a{ color: #fff; font-size: 24px; display: inline-block; margin-left: 6px; } +.speaker .social-links a:last-child{ margin-right: 0px; } +.speaker .image-holder:hover .hover-state{ opacity: 1; } +.speaker .image-holder:hover .hover-state .social-links{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } + +.speaker-with-bio{ overflow: hidden; margin-bottom: @standard-space/2; } +.speaker-with-bio .speaker{ width: 50%; float: left; margin-bottom: 0px; } +.speaker-with-bio .speaker-description{ width: 50%; float: left; padding-left: 30px; } +.speaker-description span{ display: inline-block; margin-bottom: 18px; font-weight: 600; } + +@media all and(max-width: 767px){ + .speaker-with-bio .speaker{ width: 100%; } + .speaker-with-bio .speaker-description{ width: 100%; padding-left: 0px; } +} + +.topics{ position: relative; overflow: hidden; } +.topics .container{ position: relative; z-index: 2; } +.topics.overlay .ruled-list li{ border-color: rgba(255,255,255,0.5); } +.topics.overlay .topic i{ color: #fff; } + +.topic h3{ margin-bottom: 18px; } +.topic p.lead{ margin-bottom: 32px; } +.topic i{ font-size: 60px; color: @color-primary; display: inline-block; margin-bottom: 32px; } + +@media all and(max-width: 767px){ + .topic h3{ display: inline-block; position: relative; bottom: 18px; left: 12px; } + .topic i{ margin-bottom: 12px; } +} + +.ruled-list li{ border-top: 1px dotted rgba(0,0,0,0.3); padding: 12px 0px; font-size: 16px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .speakers-row .col-sm-6{ width: 50%; float: left !important; } +} + +/*! +// 11. Schedule +// --------------------------------------------------*/ + +.inline-video{ background: @color-muted; } +.inline-video iframe{ width: 100%; height: 300px; border: none; } +.inline-video .btn{ min-width: 150px; margin-top: 32px; margin-right: 16px; } + +@media all and(max-width: 768px){ + .inline-video iframe{ height: 350px; margin-top: 42px; } +} + +@media all and(max-width: 767px){ + .inline-video iframe{ height: 200px; margin-top: 30px; } + .inline-video .btn{ margin-top: 18px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .inline-video iframe{ height: 250px; } +} + +.embedded-video-holder p{ display: none; } + +.schedule-overview{ border: 2px solid rgba(0,0,0,0.2); margin-bottom: @standard-space/2; } +.schedule-overview li{ padding: 24px; position: relative; cursor: pointer; .transition-300; } +.schedule-overview li:first-child .top{ display: none; } +.schedule-overview li:last-child .bottom{ display: none; } + +.schedule-title span{ display: block; font-size: 16px; } +.schedule-title .title{ color: @color-heading; } + +.schedule-text{ max-height: 0px; .transition-300; opacity: 0; } + +.schedule-overview li:hover{ background-color: @color-muted; } +.schedule-overview li:hover .schedule-text{ max-height: 300px; opacity: 1; padding-top: 18px; } +.schedule-overview li:hover .top,.schedule-overview li:hover .bottom,.schedule-overview li:hover .middle{ border-color: rgba(0,0,0,0.4); } +.schedule-overview li:hover .middle{ background: @color-heading; } + +.schedule-with-text .btn, .contained-gallery .btn{ margin-top: 24px; margin-right: 12px; } +.schedule-with-text .schedule-overview li{ padding-right: 48px; } + +@media all and(max-width: 1024px){ + .schedule-overview li{ padding-right: 48px; } +} + +@media all and(max-width: 767px){ + .schedule-with-text .btn, .contained-gallery .btn{ margin-bottom: 32px; } +} + +.marker-pin{ position: absolute; right: 32px; top: 0px; height: 100%; } +.marker-pin .top, .marker-pin .bottom{ height: 50%; width: 2px; border-left: 2px solid rgba(0,0,0,0.2); position: absolute; z-index: 1; .transition-300; } +.marker-pin .top{ top: 0px; } +.marker-pin .bottom{ bottom: 0px; } +.marker-pin .middle{ width: 18px; height: 18px; border: 2px solid rgba(0,0,0,0.2); background: #fff; border-radius: 50%; position: absolute; right: -10px; top: 50%; margin-top: -9px; z-index: 2; .transition-300; } + +/*! +// 12. Galleries +// --------------------------------------------------*/ + +.instagram, .lightbox-gallery{ position: relative; padding: @standard-space*3 0px; } +.gallery-header{ } +.gallery-header .logo{ max-width: 400px; display: block; margin: 0px auto; margin-bottom: 12px; } + +@media screen and(max-width: 768px){ + .gallery-header .logo{ max-width: 200px; } + .gallery-header h1{ font-size: 24px !important; line-height: 32px !important; } +} + +.instagram, .lightbox-gallery{ overflow: hidden; background: #000 !important; } +.instagram ul, .lightbox-gallery ul{ overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0px; } +.instagram li, .lightbox-gallery li{ float: left; width: 20%; height: 50%; position: relative; cursor: pointer; .transition-300; overflow: hidden; background-size: cover !important; opacity: 0.5; } +.instagram li:hover, .lightbox-gallery li:hover{ opacity: 1 !important; } + +.instagram .container, .lightbox-gallery .container{ position: relative; z-index: 3; } +.instagram i, .lightbox-gallery i{ font-size: 48px; display: inline-block; margin-bottom: 16px; } +.instagram h1, .lightbox-gallery h1{ .large-h1; margin-bottom: 16px; } + +@media all and(max-width: 1200px){ + .instagram li:nth-child(n+9), .lightbox-gallery li:nth-child(n+9){ display: none; } + .instagram li, .lightbox-gallery li{ width: 25%; } +} + +@media all and(max-width: 900px){ + .instagram li:nth-child(n+7), .lightbox-gallery li:nth-child(n+7){ display: none; } + .instagram li, .lightbox-gallery li{ width: 33.333333%; } +} + +@media all and(max-width: 767px){ + .instagram, .lightbox-gallery{ padding: @standard-space*2 0px; } + .instagram li:nth-child(n+5), .lightbox-gallery li:nth-child(n+5){ display: none; } + .instagram li, .lightbox-gallery li{ width: 50%; } +} + + +.testimonials{ background: @color-muted; } + +.contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 185px 0px; } +.contained-gallery .instagram li:nth-child(n+9),.contained-gallery .lightbox-gallery li:nth-child(n+9){ display: none; } +.contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 25%; opacity: 0.7; } + +@media all and(max-width: 1024px){ + .contained-gallery .instagram li:nth-child(n+7){ display: none; } + .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333%; } + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 200px 0px; } +} + +@media all and(max-width: 768px){ + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ margin-bottom: 32px; } + .contained-gallery .btn{ margin-bottom: 0px; } + .contained-gallery .instagram li:nth-child(n+5), .contained-gallery .lightbox-gallery li:nth-child(n+5){ display: block !important; } + .contained-gallery .instagram li:nth-child(n+7), .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none !important; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333% !important; } +} + +/*! +// 13. Pricing +// --------------------------------------------------*/ + +.pricing-option{ overflow: hidden; background: @color-muted; .preserve-3d; position: relative; padding: @standard-space 0px; margin-bottom: 30px; .transition-300; } +.pricing-option .dot{ position: absolute; top: 24px; right: 24px; width: 24px; height: 24px; border-radius: 50%; background: #fff; } +.pricing-option:hover{ background: darken(@color-muted, 3%); } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .pricing-options .col-sm-6{ width: 50%; float: left; } +} + +.dollar, .price, .type{ font-weight: 600; color: @color-heading; font-size: 72px; } +.dollar{ font-size: 36px; position: relative; bottom: 22px; } +.price{ line-height: 1; } +.type{ display: block; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-top: 12px; } + +.plan-title{ display: block; font-weight: 600; margin-bottom: 12px; font-size: 18px; color: @color-heading; } + +.pricing-option ul li{ color: @color-body; } + +.pricing-option.emphasis{ background: @color-primary; color: #fff; } +.pricing-option.emphasis .type, .pricing-option.emphasis .dollar, .pricing-option.emphasis .price, .pricing-option.emphasis .plan-title, .pricing-option.emphasis ul li{ color: #fff !important; } + +@media all and(max-width: 991px){ + .type{ margin-bottom: 12px; } + .pricing-option{ text-align: center !important; } +} + +/*! +// Frequently Asked Questions +// --------------------------------------------------*/ + +.faq-item{ margin-bottom: @standard-space/2; } + +p.question{ font-weight: 600; color: @color-heading; font-size: 16px; } + +/*! +// Visitor Info +// --------------------------------------------------*/ + +.info-box{ margin-bottom: @standard-space/2; position: relative; overflow: hidden; } +.info-box img{ display: block; margin-bottom: 12px; } +.info-box h3{ margin-bottom: 12px; } +.info-box .text-link{ position: absolute; bottom: 12px; right: 0px; } +.text-link a{ display: inline-block; margin-left: 12px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .visitor-info .col-sm-4{ width: 50%; float: left; } +} + +/*! +// 14. Subscribe +// --------------------------------------------------*/ + +.subscribe-1{ position: relative; overflow: hidden; padding-top: @standard-space*2; padding-bottom: @standard-space/2; } +.subscribe-1:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } +.subscribe-1 .container{ position: relative; z-index: 2; } +.subscribe-1 .email-subscribe{ margin-bottom: @standard-space*3; } +.subscribe-1 footer{ border-top: 2px solid rgba(255,255,255,0.3); padding-top: @standard-space/2; } +.subscribe-1 .twitter-feed{ margin-bottom: @standard-space; } +.subscribe-1 h1{ margin-bottom: 30px; } + +.email-subscribe span{ display: block; margin-top: 12px; } + +.twitter-feed i{ font-size: 48px; display: inline-block; margin-bottom: 32px; } +.twitter-feed span a{ border-bottom: none; } + +.tweets-feed .user{ display: none; } +.tweets-feed .interact{ display: none; } +.tweets-feed .tweet{ color: #fff; font-size: 30px; line-height: 36px; font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } +.tweets-feed .tweet a{ color: #fff !important; border-color: #fff !important; } +.tweets-feed .timePosted{ display: none; } + +@media all and(max-width: 767px){ + .tweets-feed .tweet{ font-size: 20px; line-height: 26px; } + .subscribe-2 .form-email{ margin-bottom: 24px; } +} + + +/*! +// 15. Contact +// --------------------------------------------------*/ + +.contact-tweets{ background: @color-primary; color: #fff; position: relative; overflow: hidden; height: 600px; .preserve-3d; } +.contact-tweets .social_twitter{ font-size: 42px; margin-bottom: 32px; display: inline-block; } +.contact-tweets .map-holder{ position: absolute; height: 100%; padding: 0px; top: 0px; right: 0px; } +.contact-tweets .timePosted{ display: block !important; } +.map-holder:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; } +.map-holder iframe{ border: 0px; position: absolute; width: 100%; height: 100%; } +.contact-tweets span a{ border-bottom: 2px solid #fff; padding-bottom: 1px; } + +.contact-tweets form{ padding-top: 0px !important; } +.contact-tweets form .btn{ background: #fff; color: @color-primary; } +.contact-tweets form ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets .icon{ font-size: 60px; margin-bottom: 12px; } +.contact-tweets .form-message{ max-width: 95.5%; width: 95.5%; } + +.fullwidth-map{ padding: 0px; position: relative; overflow: hidden; } +.fullwidth-map .map-holder{ width: 100%; height: 400px; overflow: hidden; } +.fullwidth-map.screen:before{ content: ''; position: absolute; width: 100%; height: 100%; z-index: 2; } + + +/*! +// Sponsors +// --------------------------------------------------*/ + +.sponsors{ background: @color-muted; } +.sponsor{ margin-bottom: @standard-space/2; height: 80px; line-height: 80px; } +.sponsor img{ max-width: 150px; .transition-300; max-height: 80px; } + +.sponsors span{ display: inline-block; margin-top: 24px; } +.sponsors span a{ color: @color-primary; border-color: @color-primary; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .sponsors .col-sm-6{ width: 50%; float: left; } +} + + + +/*! +// 16. Forms +// --------------------------------------------------*/ + +form.register{ overflow: hidden; padding-top: 24px; display: block; } +form.register div{ padding: 0px; } +input[type="text"], form.register .select-holder{ margin-bottom: 32px; padding: 12px; border: none; background: rgba(255,255,255,0.1); border-radius: 25px; font-size: 14px; max-width: 90%; color: #fff; padding-left: 24px; .transition-300; } +input[type="text"]:focus, form.register .select-holder:focus,input[type="text"]:hover, form.register .select-holder:hover{ outline: none; background: rgba(255,255,255,0.2); } + +form.register select{ width: 90%; margin: 0px; background: none; border: none; cursor: pointer; } +form.register select:focus{ outline: none; } + +form.register input[type="submit"]{ padding-bottom: 12px; width: 90%; margin-bottom: 12px; } + +input[type="submit"]{ font-weight: normal; } + +.email-subscribe{ overflow: hidden; } +.email-subscribe input{ margin: 0px auto; min-width: 100%; max-width: 100%; } +.email-subscribe input[type="text"]{ background: rgba(255,255,255,0.3); } +.email-subscribe input[type="text"]:hover, .email-subscribe input[type="text"]:focus{ background: rgba(255,255,255,0.4); } +.email-subscribe ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe input[type="submit"]{ min-height: 48px; } + +.subscribe-2 .email-subscribe input[type="text"]{ background: rgba(0,0,0,0.2); } +.subscribe-2 i{ color: @color-primary; font-size: 70px; display: inline-block; margin-right: 24px; margin-bottom: 18px; } +.subscribe-2 i:last-of-type{ margin-right: 0px; } + +input.error{ color: #ff4532; } + +.mail-list-form{ width: 0px; height: 0px; opacity: 0; overflow: hidden; } + +.form-success, .form-error{ display: none; width: 100%; padding: 6px 18px 8px 18px !important; margin-top: 12px; color: #fff; background-color: #55c950; border-radius: 20px; } +.form-error{ background-color: #D74B4B; } +form .field-error{ background: #D74B4B !important; } + +@media all and(max-width: 768px){ + +} + +@media all and(max-width: 767px){ + form.register input, form.register .select-holder{ width: 100% !important; max-width: 100%; } + .subscribe-1 .email-subscribe input[type="text"]{ margin-bottom: 24px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + form.register .col-sm-6{ width: 50%; float: left; } + form.register input, form.register .select-holder{ max-width: 95% !important; } + form.register input[type="submit"]{ max-width: 100% !important; } +} + +/*! +// Utility Pages +// --------------------------------------------------*/ + +.error-page{ background: @color-primary; padding: 0px; } +.error-page h1{ font-size: 84px; line-height: 96px; margin-bottom: 0px; margin-bottom: 12px; } +.error-page p{ font-size: 24px; line-height: 32px; } +.error-page i{ color: #fff; font-size: 84px; display: inline-block; margin-right: 24px; } +.error-page i:last-of-type{ margin-right: 0px; } +.error-page .btn{ margin-right: 24px; margin-top: 12px; } + +@media all and(max-width: 767px){ + .error-page i{ display: none; } +} + +/*! +// 17. Footers +// --------------------------------------------------*/ + + +.footer .top-border{ height: 2px; width: 100%; background: rgba(255,255,255,0.3); margin-bottom: 32px; } +.footer .menu{ overflow: visible; } +.footer .menu li{ top: 0px; } +.footer .menu li a{ padding-bottom: 0px; } +.footer .menu li .btn{ min-width: 0px; padding: 10px 18px; font-size: 14px; } +.footer .menu li a{ diplay: inline-block; position: relative; border: none; } +.footer .menu li a:hover{ border: none; } +.footer .back-to-top{ padding-right: 42px; } +.footer .menu li a i{ font-size: 36px; position: absolute; right: 0px; top: -12px; } + +@media all and(max-width: 767px){ + .footer .text-right{ text-align: left !important; } + .footer .menu{ margin-top: 24px; } + .footer .menu li{ float: none; margin-bottom: 12px; } +} + +footer.classic{ padding: @standard-space 0px @standard-space/2 0px; background: @color-muted; } +footer.classic .menu li{ float: none; margin-bottom: 12px; } +footer.classic .menu li a{ color: @color-heading; padding-bottom: 0px; font-weight: 600; } +footer.classic span.lead{ display: inline-block; margin-bottom: 12px; } + +footer.short{ background: @color-heading; color: #fff; padding: @standard-space 0px; } +footer.short .top-border{ height: 1px !important; } + +@media all and(max-width: 767px){ + footer.classic div{ margin-bottom: 18px; } +} + +.contact-methods li{ margin-bottom: 12px; } +.contact-methods li:last-child{ margin-bottom: 0px; } +.contact-methods i{ font-size: 36px; color: @color-heading; } +.contact-methods span{ display: inline-block; position: relative; bottom: 10px; left:8px; font-size: 16px; } + +footer.classic .social-profiles{ margin-top: 36px; } + +.social-profiles{ display: inline-block; overflow: hidden; } +.social-profiles li{ float: left; margin-right: 36px; } +.social-profiles li:last-child{ margin-right: 0px; } +.social-profiles li a{ color: @color-heading; font-size: 20px; } + diff --git a/static/new/css/less/list-group.less b/static/new/css/less/list-group.less new file mode 100644 index 00000000..3343f8e5 --- /dev/null +++ b/static/new/css/less/list-group.less @@ -0,0 +1,110 @@ +// +// List groups +// -------------------------------------------------- + + +// Base class +// +// Easily usable on
      ,
        , or
        . + +.list-group { + // No need to set list-style: none; since .list-group-item is block level + margin-bottom: 20px; + padding-left: 0; // reset padding because ul and ol +} + + +// Individual list items +// +// Use on `li`s or `div`s within the `.list-group` parent. + +.list-group-item { + position: relative; + display: block; + padding: 10px 15px; + // Place the border on the list items and negative margin up for better styling + margin-bottom: -1px; + background-color: @list-group-bg; + border: 1px solid @list-group-border; + + // Round the first and last items + &:first-child { + .border-top-radius(@list-group-border-radius); + } + &:last-child { + margin-bottom: 0; + .border-bottom-radius(@list-group-border-radius); + } + + // Align badges within list items + > .badge { + float: right; + } + > .badge + .badge { + margin-right: 5px; + } +} + + +// Linked list items +// +// Use anchor elements instead of `li`s or `div`s to create linked list items. +// Includes an extra `.active` modifier class for showing selected items. + +a.list-group-item { + color: @list-group-link-color; + + .list-group-item-heading { + color: @list-group-link-heading-color; + } + + // Hover state + &:hover, + &:focus { + text-decoration: none; + background-color: @list-group-hover-bg; + } + + // Active class on item itself, not parent + &.active, + &.active:hover, + &.active:focus { + z-index: 2; // Place active items above their siblings for proper border styling + color: @list-group-active-color; + background-color: @list-group-active-bg; + border-color: @list-group-active-border; + + // Force color to inherit for custom content + .list-group-item-heading { + color: inherit; + } + .list-group-item-text { + color: @list-group-active-text-color; + } + } +} + + +// Contextual variants +// +// Add modifier classes to change text and background color on individual items. +// Organizationally, this must come after the `:hover` states. + +.list-group-item-variant(success; @state-success-bg; @state-success-text); +.list-group-item-variant(info; @state-info-bg; @state-info-text); +.list-group-item-variant(warning; @state-warning-bg; @state-warning-text); +.list-group-item-variant(danger; @state-danger-bg; @state-danger-text); + + +// Custom content options +// +// Extra classes for creating well-formatted content within `.list-group-item`s. + +.list-group-item-heading { + margin-top: 0; + margin-bottom: 5px; +} +.list-group-item-text { + margin-bottom: 0; + line-height: 1.3; +} diff --git a/static/new/css/less/meadowlea.less b/static/new/css/less/meadowlea.less new file mode 100644 index 00000000..2f41afbe --- /dev/null +++ b/static/new/css/less/meadowlea.less @@ -0,0 +1,837 @@ +// +// Load core variables and mixins +// -------------------------------------------------- + +@import "variables.less"; +@import "mixins.less"; + +// +// Useful Mixins +// -------------------------------------------------- + +.vertical-align { + position: relative; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.vertical-align-cancel{ + top: 0px; + -webkit-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); +} + +.preserve-3d { + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + transform-style: preserve-3d; +} + +.transition-100{ + transition: all .1s ease-out; + -webkit-transition: all .1s ease-out; + -moz-transition: all .1s ease-out; +} + +.transition-300{ + transition: all .3s ease-out; + -webkit-transition: all .3s ease-out; + -moz-transition: all .3s ease-out; +} + +.transition-700{ + transition: all .7s ease-out; + -webkit-transition: all .7s ease-out; + -moz-transition: all .7s ease-out; +} + +.translate3d(@x,@y,@z){ + transform: translate3d(@x,@y,@z); + -webkit-transform: translate3d(@x,@y,@z); + -moz-transform: translate3d(@x,@y,@z); +} + +.scale2d(@x,@y){ + transform: scale(@x,@y); + -webkit-transform: scale(@x,@y); + -moz-transform: scale(@x,@y); +} + +.overlay-params(@strength, @bg-color){ + background-color: @bg-color; + opacity: @strength; + position: absolute; + content: ''; + width: 100%; + height: 100%; + z-index: 1; + top: 0px; +} + +.overlay:before{ .overlay-params(@strength: 0.5, @bg-color: @color-heading); } +.overlay .container{ position: relative; z-index: 2; } + +// +// Helper Classes & Resets +// -------------------------------------------------- + +.go-right{ right: 0px; } +.go-left{ left: 0px; } + +img{ max-width: 100%; } + +.main-container{ .transition-300; } + +// +// Loader +// -------------------------------------------------- + +.loader{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; background: #fff; .preserve-3d; .transition-300; opacity: 1; } +.strip-holder{ .vertical-align; left: 50%; margin-left: -50px; position: relative; } +.strip-1, .strip-2, .strip-3{ width: 20px; height: 20px; background: @color-primary; position: relative; -webkit-animation: stripMove 2s ease infinite alternate; animation: stripMove 2s ease infinite alternate; -moz-animation: stripMove 2s ease infinite alternate; } +.strip-2{ -webkit-animation-duration: 2.1s; animation-duration: 2.1s; background-color: lighten(@color-primary, 20%); } +.strip-3{ -webkit-animation-duration: 2.2s; animation-duration: 2.2s; background-color: lighten(@color-primary, 40%); } + + +@-webkit-keyframes stripMove{ + 0% { .translate3d(@x: 0px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } +} + +@-moz-keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +@keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +.main-container{ .transition-300; opacity: 0; } +nav{ .transition-300; opacity: 0; } +.show-content{ opacity: 1 !important; } +.hide-loader{ opacity: 0 !important; } + + +// +// Colours +// -------------------------------------------------- + +@color-primary: #FFDA00; +@color-heading: #333; +@color-body: #777; +@color-muted: #f5f5f5 !important; + +.background-dark{ background-color: @color-heading !important; } +.color-heading{ color: @color-heading; } + +// +// Typography +// -------------------------------------------------- + +@custom-heading-font: 'Open Sans'; +@custom-body-font: 'Open Sans'; + +.text-white{ color: #fff; } + +body{ font-family: @custom-body-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: @color-body; font-size: 14px; line-height: 24px; background: @color-heading; } +h1,h2,h3,h4,h5,h6{ font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; margin: 0px; color: @color-heading; } + +h1{ font-size: 30px; line-height: 36px; margin-bottom: 42px; } +h3{ font-size: 20px; line-height: 28px; } + +.large-h1{ font-size: 42px; line-height: 48px; font-weight: 300; } + +p{ font-size: 14px; line-height: 24px; } +p:last-child{ margin-bottom: 0px; } +p.lead{ font-size: 16px; line-height: 30px; font-weight: 400; } +span.lead{ font-weight: 400; } +.uppercase{ text-transform: uppercase; letter-spacing: 1px; display: inline-block; margin-right: -1px; } + +strong{ font-weight: 600; } + +ul{ list-style: none; margin: 0px; padding: 0px; } + +@media all and(max-width: 767px){ + h1{ font-size: 24px; line-height: 28px; margin-bottom: 36px; } + h2{ font-size: 20px; line-height: 26px; } + + .large-h1{ font-size: 24px; line-height: 28px; } + + p{ font-size: 13px; line-height: 22px; } + p.lead{ font-size: 15px; line-height: 26px; } +} + + +// +// Spacing Standards +// -------------------------------------------------- + +@standard-space: 72px; + +section{ padding: @standard-space 0px; background: #fff; } + +.duplicatable-content{ padding-bottom: @standard-space/2; } + + +// +// Buttons +// -------------------------------------------------- + +a:hover{ text-decoration: none; } +h1 a, span a,p a,.text-link a{ font-weight: 600; color: #fff; display: inline-block; border-bottom: 4px solid #fff; padding-bottom: 6px; .transition-300; } +span a, p a,.text-link a{ padding-bottom: 4px; border-bottom: 3px solid #fff; } +span a:hover{ color: #fff; } +p a, .text-link a{ color: @color-primary !important; border-color: @color-primary; padding-bottom: 2px; } +p a, .text-link a:hover{ color: @color-heading; } + +.btn{ min-width: 180px; border-radius: 25px; background: @color-primary; text-align: center; padding: 13px 0px 14px 0px; color: #fff; font-size: 15px; .transition-300; font-weight: 600; line-height: 1; } +.btn:hover{ color: #fff; background: darken(@color-primary, 5%); } +.btn-hollow{ background: none; border: 2px solid @color-primary; color: @color-primary; } +.btn-hollow:hover{ background: @color-primary; } + +.btn-white{ background: #fff; color: @color-primary; } +.btn-white:hover{ background: #fff; color: darken(@color-primary,10%); } + +.btn-hollow.btn-white{ background: none; border-color: #fff; color: #fff; } +.btn-hollow.btn-white:hover{ background: #fff; color: @color-primary; } + +// +// Backgrounds & Parallax +// -------------------------------------------------- + +.background-image-holder{ position: absolute; width: 100%; height: 130%; top: -10%; background-size: cover !important; background-position: 50% 50% !important; } +.image-holder{ position: relative; overflow: hidden; } + +// +// Navigation +// -------------------------------------------------- + +nav .logo{ max-height: 45px; max-width: 110px; position: absolute; top: -6px; opacity: 1; } +nav .text-right{ position: relative; } +nav .container{ .transition-300; } + +.overlay-nav{ position:fixed; top: 0px; z-index: 10; width: 100%; padding-top: @standard-space/3; line-height: 1; background: none; .transition-300; } +.overlay-nav .logo-dark{ opacity: 0; } +.overlay-nav.sticky-nav .logo-light{ opacity: 0; } +.overlay-nav.sticky-nav .logo-dark{ opacity: 1; } + +.bottom-border{ position: absolute; bottom: 2px; width: 100%; height: 2px; background: rgba(255,255,255,0.3); } +.sidebar-menu .bottom-border{ position: relative; bottom: 0px; background: rgba(255,255,255,0.2); display: block !important; } + +.menu{ display: inline-block; text-align: left; line-height: 1; } +.menu li{ float: left; margin-right: 32px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; position: relative; top: 4px; } +.menu li:last-child{ margin-right: 0px; } +.menu li:nth-las-child(2){ margin-right: 12px; } +.menu li a{ color: #fff; display: inline-block; padding-bottom: @standard-space/3; border-bottom: 2px solid rgba(0,0,0,0); .transition-300; } +.menu li a:hover{ border-bottom: 2px solid #fff; } + +.nav-dropdown{ position: absolute; z-index: -1; max-height: 0px; background: rgba(255,255,255,0.3); min-width: 200px; .transition-300; } +.nav-dropdown li:first-child{ margin-top: 12px; } +.nav-dropdown li{ opacity: 0; .transition-300; margin-right: 0px; float: none; margin-bottom: 18px; } +.nav-dropdown li a{ padding-bottom: 0px; padding-left: 24px; } +.nav-dropdown li a:hover{ border-color: rgba(0,0,0,0); } + +.has-dropdown:hover .nav-dropdown{ z-index: 10; max-height: 300px; } +.has-dropdown:hover .nav-dropdown li{ opacity: 1; } + +.has-dropdown a{ padding-left: 18px; } +.has-dropdown:before{ display: inline-block; font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e688"; color: #fff; font-size: 24px; position: absolute; top: -6px; } + +.menu .social-link{ font-size: 14px; top: 0px !important; margin-right: 18px !important; } +.menu .social-link:nth-last-child(2){ margin-right: 18px; } + +.sticky-nav{ background: rgba(255,255,255,0.9); } +.sticky-nav .menu li a{ color: @color-heading; } +.sticky-nav .bottom-border{ display: none; } +.sticky-nav .menu li a:hover{ border-color: rgba(0,0,0,0); } +.sticky-nav .sidebar-menu-toggle, .sticky-nav .mobile-menu-toggle{ color: @color-heading; } +.sticky-nav .nav-dropdown{ background: rgba(255,255,255,0.9); } +.sticky-nav .has-dropdown:before{ color: @color-heading; } + +.sidebar-menu-toggle, .mobile-menu-toggle{ position: absolute; color: #fff; font-size: 32px; right: 0px; top: -7px; cursor: pointer; .transition-300; } + +.mobile-menu-toggle{ display: none; } + +.sidebar-menu, .instagram-sidebar{ position: fixed; right: 0px; top: 0px; width: 300px; height: 100%; background: @color-heading; .translate3d(@x: 300px, @y: 0px, @z: 0px); .transition-300; } +.show-sidebar{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } +.reveal-sidebar{ .translate3d(@x: -300px, @y: 0px, @z: 0px); } + +.sidebar-content{ padding: 0px 24px; margin-top: 24px; } +.widget{ margin-bottom: 24px; } +.widget .title{ font-size: 16px; font-weight: 600; display: inline-block; margin-bottom: 12px; } +.widget .menu li{ float: none; margin-bottom: 12px; } +.widget .menu li a{ padding-bottom: 0px; color: #fff !important; font-size: 12px; } +.widget .menu li a:hover{ border-color: rgba(0,0,0,0); } +.widget .menu .social-link{ display: none; } +.widget .social-profiles li{ margin-right: 24px; } +.widget .social-profiles li a{ color: #fff; } + +.instagram-toggle{ cursor: pointer; } +.instagram-toggle-init{ pointer-events: none; } +.instagram-sidebar li{ width: 100%; height: 250px; } +.instagram-sidebar{ overflow-y: auto; } + +.sidebar-content .copy-text{ position: absolute; bottom: 32px; color: rgba(255,255,255,0.5); font-size: 12px; } +.text-panel{ background: lighten(@color-heading, 8%); padding: 18px; } + +.sidebar-menu .logo{ max-width: 110px; position: relative; top: 21px; margin-bottom: 32px; left: 24px; } + +.relative-nav{ position: relative; padding-top: 28px; background: #fff; } +.relative-nav .menu li a{ color: @color-heading; } +.relative-nav .has-dropdown:before{ color: @color-heading; } +.relative-nav .nav-dropdown{ background: rgba(53,53,53,0.8); } +.relative-nav .has-dropdown li a{ color: #fff; } +.relative-nav .sidebar-menu-toggle{ color: @color-heading; } +.relative-nav .logo-light{ opacity: 0 !important; } +.relative-nav .logo-dark{ opacity: 1 !important; } +.relative-nav .logo{ top: -4px !important; } + +@media all and(max-width: 768px){ + nav{ max-height: 67px; overflow: hidden; background: rgba(255,255,255,0.9) !important; } + nav .menu li{ float: none; margin-bottom: 24px; } + nav .menu li a{ color: @color-heading !important; padding-bottom: 0px; } + nav .logo{ max-width: 90px; top: -2px; } + nav .logo-dark{ opacity: 1 !important; } + nav .logo-light{ opacity: 0 !important; } + nav .menu{ width: 100%; display: block; margin-top: 67px; margin-right: 0px; } + nav .social-link{ float: left !important; } + .sidebar-menu-toggle{ display: none; } + .mobile-menu-toggle{ display: block; position: fixed; top: 17px; right: 24px; color: @color-heading !important; } + .open-menu{ max-height: 800px !important; } + .nav-dropdown{ position: relative; display: none; } + .has-dropdown:hover .nav-dropdown{ display: block; } + .has-dropdown:before{ color: @color-heading; } +} + +// +// Sliders & Dividers & Headers +// -------------------------------------------------- + +.hero-slider{ padding: 0px; position: relative; overflow: hidden; } +.hero-slider .slides li{ height: 780px; position: relative; overflow: hidden; .preserve-3d; } +.hero-slider .slides li:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } + +.hero-slider .container{ .vertical-align; z-index: 2; } +.hero-slider h1{ margin-bottom: 42px; } + +.hero-slider .btn-hollow{ color: #fff; border-color: #fff; margin-left: 16px; } +.hero-slider .btn-hollow:hover{ background: #fff; color: @color-primary; } + +@media all and(max-width: 767px){ + .hero-slider .btn-hollow{ display: none; } +} + +.register-header form.register{ padding-top: 0px; background: rgba(0,0,0,0.4); padding: 24px; } +.register-header form input{ width: 100% !important; } +.register-header form.register span{ color: #fff; } +.register-header .logo{ max-width: 150px; display: block; margin-bottom: 12px; } + +.register-header h1{ margin-bottom: 24px !important; } + +@media all and(max-width: 768px){ + .register-header form.register .form-name, .register-header form.register .form-email{ max-width: 100%; width: 100%; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .register-header form.register .form-name, .register-header form.register .form-email{ width: 50%; } +} + +@media all and(max-width: 767px){ + .register-header .logo{ display: none; } + .register-header h1{ display: none; } + .register-header form h1{ display: block; } + .register-header span.lead{ display: none; } + .register-header input, .register-header .select-holder{ max-width: 100% !important; } +} + +.testimonials-slider{ position: relative; margin-bottom: 48px; } +.testimonials-slider .flex-control-nav a{ background:rgba(0,0,0,0.3); } +.testimonials-slider .flex-control-nav a.flex-active{ background:rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav a:hover{ background: rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav{ bottom: -48px; text-align: left; } + +.primary-overlay:before{ .overlay-params(@strength: 0.8, @bg-color: @color-primary); background-color: @color-primary !important; } + +.strip-divider{ padding: @standard-space*3 0px; position: relative; overflow: hidden; } +.strip-divider .container{ z-index: 2; position: relative; } +.strip-divider h1{ margin: 0px; } + +@media all and(max-width: 767px){ + .strip-divider{ padding: @standard-space 0px; } +} + +.countdown-divider{ padding: @standard-space*2 0px; } +.countdown-divider img, .countdown-header img, .video-header img{ max-width: 300px; display: inline-block; margin-bottom: 12px; } + +.countdown-header h1{ margin-bottom: 0px; } +.countdown-header:before{ opacity: 0.8 !important; } + +.video-header:before{ opacity: 0.5 !important; background: #000 !important; } +.video-header .uppercase, .countdown-header .uppercase{ display: block; font-weight: 600; margin-bottom: 24px; } + + +@media all and(max-width: 768px){ + .countdown-header img, .countdown-divider img, .video-header img{ max-width: 150px; } +} + +.countdown{ text-align: center; margin-top: @standard-space; } +.countdown-row{ color: #fff; font-size: 80px; font-weight: 300; } +.countdown-section{ width: 20%; display: inline-block; } +.countdown-amount{ display: inline-block; margin-bottom: 48px; } +.countdown-period{ display: block; font-size: 24px; } + +.section-header{ position: relative; overflow: hidden; height: 450px; } +.section-header h1{ font-size: 32px; } +.section-header.overlay:before{ opacity: 0.2; } +.section-header i{ font-size: 40px; color: #fff; margin: 0px 24px 12px 0px; } +.section-header i:last-of-type{ margin-right: 0px; } + +@media all and(max-width: 767px){ + .countdown{ margin-top: 48px; } + .countdown-row{ font-size: 36px; } + .countdown-period{ font-size: 16px; } +} + +.video-wrapper{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; } +.video-wrapper video{ width: 100%; } + +@media all and(max-width: 1390px){ + .video-wrapper video{ width: 110%; } +} + +@media all and(max-width: 1260px){ + .video-wrapper video{ width: 120%; } +} + +@media all and(max-width: 1160px){ + .video-wrapper video{ width: 130%; } +} + +@media all and(max-width: 1024px){ + .video-wrapper{ display: none; } +} + +// +// Image with text +// -------------------------------------------------- + +.image-with-text{ overflow: hidden; position: relative; height: 600px; } +.image-with-text h1{ margin-bottom: 24px; } + +.side-image{ padding: 0px; position: absolute; top: 0px; height: 100%; } + + +@media all and(max-width: 767px){ + .image-with-text{ height: auto; padding: @standard-space 0px; } + .image-with-text .vertical-align{ .vertical-align-cancel } +} + +// +// Promo Blocks +// -------------------------------------------------- + +.color-blocks{ position: relative; overflow: hidden; color: #fff; } +.color-block{ position: absolute; top: 0px; height: 100%; padding: 0px; color: #fff; .transition-300; } +.color-blocks h1, .color-blocks h2, .color-blocks h3, .color-blocks h4, .color-blocks h5, .color-blocks h6{ color: #fff; } +.color-blocks h1{ margin-bottom: 12px; } +.color-blocks a{ color: #fff; pointer-events: auto; } +.color-blocks a:hover i{ transform: rotateZ(-10deg); } +.color-blocks i, .contained-promo i{ color: @color-primary; font-size: 70px; display: inline-block; border: 2px solid #fff; border-radius: 50%; width: 120px; height: 120px; line-height: 120px; background: #fff; text-align: center; .transition-100; } +.block-left{ background-color: @color-primary; } +.block-right{ background-color: darken(@color-primary, 8%); right: 0px; } + +@media all and(max-width: 768px){ + .block-content{ margin-bottom: @standard-space*2; overflow: hidden; display: block; } + .block-content:last-of-type{ margin-bottom: 0px; } + .color-block{ height: 50%; width: 100%; } + .block-right{ top: 50%; } +} + +@media all and(max-width: 767px){ + .block-content i{ margin-bottom: 30px; } +} + + + +// +// Speakers & Topics +// -------------------------------------------------- + +.speakers-row{ padding: 0px 15px; } +.speaker-column{ padding: 0px; } + +.speaker{ position: relative; overflow: hidden; } +.speaker,.topic{ margin-bottom: @standard-space/2; } +.speaker .hover-state{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; background: rgba(0,0,0,0.5); .transition-300; } +.speaker .image-holder{ margin-bottom: 12px; } +.speaker span{ display: block; font-size: 16px; } +.speaker-name{ color: @color-heading; } +.speaker .social-links{ width: 100%; .transition-300; .translate3d(@x: 0px, @y: -200px, @z: 0px); } +.speaker .social-links a{ color: #fff; font-size: 24px; display: inline-block; margin-left: 6px; } +.speaker .social-links a:last-child{ margin-right: 0px; } +.speaker .image-holder:hover .hover-state{ opacity: 1; } +.speaker .image-holder:hover .hover-state .social-links{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } + +.speaker-with-bio{ overflow: hidden; margin-bottom: @standard-space/2; } +.speaker-with-bio .speaker{ width: 50%; float: left; margin-bottom: 0px; } +.speaker-with-bio .speaker-description{ width: 50%; float: left; padding-left: 30px; } +.speaker-description span{ display: inline-block; margin-bottom: 18px; font-weight: 600; } + +@media all and(max-width: 767px){ + .speaker-with-bio .speaker{ width: 100%; } + .speaker-with-bio .speaker-description{ width: 100%; padding-left: 0px; } +} + +.topics{ position: relative; overflow: hidden; } +.topics .container{ position: relative; z-index: 2; } +.topics.overlay .ruled-list li{ border-color: rgba(255,255,255,0.5); } +.topics.overlay .topic i{ color: #fff; } + +.topic h3{ margin-bottom: 18px; } +.topic p.lead{ margin-bottom: 32px; } +.topic i{ font-size: 60px; color: @color-primary; display: inline-block; margin-bottom: 32px; } + +@media all and(max-width: 767px){ + .topic h3{ display: inline-block; position: relative; bottom: 18px; left: 12px; } + .topic i{ margin-bottom: 12px; } +} + +.ruled-list li{ border-top: 1px dotted rgba(0,0,0,0.3); padding: 12px 0px; font-size: 16px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .speakers-row .col-sm-6{ width: 50%; float: left !important; } +} + +// +// Schedule +// -------------------------------------------------- + +.inline-video{ background: @color-muted; } +.inline-video iframe{ width: 100%; height: 300px; border: none; } +.inline-video .btn{ min-width: 150px; margin-top: 32px; margin-right: 16px; } + +@media all and(max-width: 768px){ + .inline-video iframe{ height: 350px; margin-top: 42px; } +} + +@media all and(max-width: 767px){ + .inline-video iframe{ height: 200px; margin-top: 30px; } + .inline-video .btn{ margin-top: 18px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .inline-video iframe{ height: 250px; } +} + +.embedded-video-holder p{ display: none; } + +.schedule-overview{ border: 2px solid rgba(0,0,0,0.2); margin-bottom: @standard-space/2; } +.schedule-overview li{ padding: 24px; position: relative; cursor: pointer; .transition-300; } +.schedule-overview li:first-child .top{ display: none; } +.schedule-overview li:last-child .bottom{ display: none; } + +.schedule-title span{ display: block; font-size: 16px; } +.schedule-title .title{ color: @color-heading; } + +.schedule-text{ max-height: 0px; .transition-300; opacity: 0; } + +.schedule-overview li:hover{ background-color: @color-muted; } +.schedule-overview li:hover .schedule-text{ max-height: 300px; opacity: 1; padding-top: 18px; } +.schedule-overview li:hover .top,.schedule-overview li:hover .bottom,.schedule-overview li:hover .middle{ border-color: rgba(0,0,0,0.4); } +.schedule-overview li:hover .middle{ background: @color-heading; } + +.schedule-with-text .btn, .contained-gallery .btn{ margin-top: 24px; margin-right: 12px; } +.schedule-with-text .schedule-overview li{ padding-right: 48px; } + +@media all and(max-width: 1024px){ + .schedule-overview li{ padding-right: 48px; } +} + +@media all and(max-width: 767px){ + .schedule-with-text .btn, .contained-gallery .btn{ margin-bottom: 32px; } +} + +.marker-pin{ position: absolute; right: 32px; top: 0px; height: 100%; } +.marker-pin .top, .marker-pin .bottom{ height: 50%; width: 2px; border-left: 2px solid rgba(0,0,0,0.2); position: absolute; z-index: 1; .transition-300; } +.marker-pin .top{ top: 0px; } +.marker-pin .bottom{ bottom: 0px; } +.marker-pin .middle{ width: 18px; height: 18px; border: 2px solid rgba(0,0,0,0.2); background: #fff; border-radius: 50%; position: absolute; right: -10px; top: 50%; margin-top: -9px; z-index: 2; .transition-300; } + +// +// Galleries +// -------------------------------------------------- + +.instagram{ position: relative; padding: @standard-space*3 0px; } +.instagram{ overflow: hidden; background: #000 !important; } +.instagram ul{ overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0px; } +.instagram li{ float: left; width: 20%; height: 50%; position: relative; cursor: pointer; .transition-300; overflow: hidden; background-size: cover !important; opacity: 0.5; } +.instagram li:hover{ opacity: 1 !important; } + +.instagram .container{ position: relative; z-index: 3; } +.instagram i{ font-size: 48px; display: inline-block; margin-bottom: 16px; } +.instagram h1{ .large-h1; margin-bottom: 16px; } + +@media all and(max-width: 1200px){ + .instagram li:nth-child(n+9){ display: none; } + .instagram li{ width: 25%; } +} + +@media all and(max-width: 900px){ + .instagram li:nth-child(n+7){ display: none; } + .instagram li{ width: 33.333333%; } +} + +@media all and(max-width: 767px){ + .instagram{ padding: @standard-space*2 0px; } + .instagram li:nth-child(n+5){ display: none; } + .instagram li{ width: 50%; } +} + + +.testimonials{ background: @color-muted; } + +.contained-gallery .instagram{ padding: 185px 0px; } +.contained-gallery .instagram li:nth-child(n+9){ display: none; } +.contained-gallery .instagram li{ width: 25%; opacity: 0.7; } + +@media all and(max-width: 1024px){ + .contained-gallery .instagram li:nth-child(n+7){ display: none; } + .contained-gallery .instagram li{ width: 33.33333%; } + .contained-gallery .instagram{ padding: 200px 0px; } +} + +@media all and(max-width: 768px){ + .contained-gallery .instagram{ margin-bottom: 32px; } + .contained-gallery .btn{ margin-bottom: 0px; } + .contained-gallery .instagram li:nth-child(n+5){ display: block !important; } + .contained-gallery .instagram li:nth-child(n+7){ display: none !important; } + .contained-gallery .instagram li{ width: 33.33333% !important; } +} + +// +// Pricing +// -------------------------------------------------- + +.pricing-option{ overflow: hidden; background: @color-muted; .preserve-3d; position: relative; padding: @standard-space 0px; margin-bottom: 30px; .transition-300; } +.pricing-option .dot{ position: absolute; top: 24px; right: 24px; width: 24px; height: 24px; border-radius: 50%; background: #fff; } +.pricing-option:hover{ background: darken(@color-muted, 3%); } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .pricing-options .col-sm-6{ width: 50%; float: left; } +} + +.dollar, .price, .type{ font-weight: 600; color: @color-heading; font-size: 72px; } +.dollar{ font-size: 36px; position: relative; bottom: 22px; } +.price{ line-height: 1; } +.type{ display: block; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-top: 12px; } + +.plan-title{ display: block; font-weight: 600; margin-bottom: 12px; font-size: 18px; color: @color-heading; } + +.pricing-option ul li{ color: @color-body; } + +.pricing-option.emphasis{ background: @color-primary; color: #fff; } +.pricing-option.emphasis .type, .pricing-option.emphasis .dollar, .pricing-option.emphasis .price, .pricing-option.emphasis .plan-title, .pricing-option.emphasis ul li{ color: #fff !important; } + +@media all and(max-width: 991px){ + .type{ margin-bottom: 12px; } + .pricing-option{ text-align: center !important; } +} + +// +// Frequently Asked Questions +// -------------------------------------------------- + +.faq-item{ margin-bottom: @standard-space/2; } + +p.question{ font-weight: 600; color: @color-heading; font-size: 16px; } + +// +// Visitor Info +// -------------------------------------------------- + +.info-box{ margin-bottom: @standard-space/2; position: relative; overflow: hidden; } +.info-box img{ display: block; margin-bottom: 12px; } +.info-box h3{ margin-bottom: 12px; } +.info-box .text-link{ position: absolute; bottom: 12px; right: 0px; } +.text-link a{ display: inline-block; margin-left: 12px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .visitor-info .col-sm-4{ width: 50%; float: left; } +} + +// +// Subscribe +// -------------------------------------------------- + +.subscribe-1{ position: relative; overflow: hidden; padding-top: @standard-space*2; padding-bottom: @standard-space/2; } +.subscribe-1:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } +.subscribe-1 .container{ position: relative; z-index: 2; } +.subscribe-1 .email-subscribe{ margin-bottom: @standard-space*3; } +.subscribe-1 footer{ border-top: 2px solid rgba(255,255,255,0.3); padding-top: @standard-space/2; } +.subscribe-1 .twitter-feed{ margin-bottom: @standard-space; } +.subscribe-1 h1{ margin-bottom: 30px; } + +.email-subscribe span{ display: block; margin-top: 12px; } + +.twitter-feed i{ font-size: 48px; display: inline-block; margin-bottom: 32px; } +.twitter-feed span a{ border-bottom: none; } + +.tweets-feed .user{ display: none; } +.tweets-feed .interact{ display: none; } +.tweets-feed .tweet{ color: #fff; font-size: 30px; line-height: 36px; font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } +.tweets-feed .tweet a{ color: #fff !important; border-color: #fff !important; } +.tweets-feed .timePosted{ display: none; } + +@media all and(max-width: 767px){ + .tweets-feed .tweet{ font-size: 20px; line-height: 26px; } +} + + +// +// Contact +// -------------------------------------------------- + +.contact-tweets{ background: @color-primary; color: #fff; position: relative; overflow: hidden; height: 600px; .preserve-3d; } +.contact-tweets .social_twitter{ font-size: 42px; margin-bottom: 32px; display: inline-block; } +.contact-tweets .map-holder{ position: absolute; height: 100%; padding: 0px; top: 0px; right: 0px; } +.contact-tweets .timePosted{ display: block !important; } +.map-holder:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; } +.map-holder iframe{ border: 0px; position: absolute; width: 100%; height: 100%; } +.contact-tweets span a{ border-bottom: 2px solid #fff; padding-bottom: 1px; } + + +// +// Sponsors +// -------------------------------------------------- + +.sponsors{ background: @color-muted; } +.sponsor{ margin-bottom: @standard-space/2; height: 80px; line-height: 80px; } +.sponsor img{ max-width: 150px; .transition-300; max-height: 80px; } + +.sponsors span{ display: inline-block; margin-top: 24px; } +.sponsors span a{ color: @color-primary; border-color: @color-primary; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .sponsors .col-sm-6{ width: 50%; float: left; } +} + + + +// +// Forms +// -------------------------------------------------- + +form.register{ overflow: hidden; padding-top: 24px; display: block; } +form.register div{ padding: 0px; } +input[type="text"], form.register .select-holder{ margin-bottom: 32px; padding: 12px; border: none; background: rgba(255,255,255,0.1); border-radius: 25px; font-size: 14px; max-width: 90%; color: #fff; padding-left: 24px; .transition-300; } +input[type="text"]:focus, form.register .select-holder:focus,input[type="text"]:hover, form.register .select-holder:hover{ outline: none; background: rgba(255,255,255,0.2); } + +form.register select{ width: 90%; margin: 0px; background: none; border: none; cursor: pointer; } +form.register select:focus{ outline: none; } + +form.register input[type="submit"]{ padding-bottom: 12px; width: 90%; margin-bottom: 12px; } + +input[type="submit"]{ font-weight: normal; } + +.email-subscribe{ overflow: hidden; } +.email-subscribe input{ margin: 0px auto; min-width: 100%; max-width: 100%; } +.email-subscribe input[type="text"]{ background: rgba(255,255,255,0.3); } +.email-subscribe input[type="text"]:hover, .email-subscribe input[type="text"]:focus{ background: rgba(255,255,255,0.4); } +.email-subscribe ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe input[type="submit"]{ min-height: 48px; } + +.subscribe-2 .email-subscribe input[type="text"]{ background: rgba(0,0,0,0.2); } +.subscribe-2 i{ color: @color-primary; font-size: 70px; display: inline-block; margin-right: 24px; margin-bottom: 18px; } +.subscribe-2 i:last-of-type{ margin-right: 0px; } + +input.error{ color: #ff4532; } + +.mail-list-form{ width: 0px; height: 0px; opacity: 0; overflow: hidden; } + +.form-success, .form-error{ display: none; width: 100%; padding: 6px 18px 8px 18px !important; margin-top: 12px; color: #fff; background-color: #55c950; border-radius: 20px; } +.form-error{ background-color: #D74B4B; } +form .field-error{ background: #D74B4B !important; } + +@media all and(max-width: 768px){ + +} + +@media all and(max-width: 767px){ + form.register input, form.register .select-holder{ width: 100% !important; max-width: 100%; } + .subscribe-1 .email-subscribe input[type="text"]{ margin-bottom: 24px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + form.register .col-sm-6{ width: 50%; float: left; } + form.register input, form.register .select-holder{ max-width: 95% !important; } + form.register input[type="submit"]{ max-width: 100% !important; } +} + +// +// Utility Pages +// -------------------------------------------------- + +.error-page{ background: @color-primary; padding: 0px; } +.error-page h1{ font-size: 84px; line-height: 96px; margin-bottom: 0px; margin-bottom: 12px; } +.error-page p{ font-size: 24px; line-height: 32px; } +.error-page i{ color: #fff; font-size: 84px; display: inline-block; margin-right: 24px; } +.error-page i:last-of-type{ margin-right: 0px; } +.error-page .btn{ margin-right: 24px; margin-top: 12px; } + +@media all and(max-width: 767px){ + .error-page i{ display: none; } +} + +// +// Footers +// -------------------------------------------------- + + +.subscribe-1 .footer .top-border{ height: 2px; width: 100%; background: rgba(255,255,255,0.3); margin-bottom: 32px; } +.subscribe-1 .footer .menu{ overflow: visible; } +.subscribe-1 .footer .menu li{ top: 0px; } +.subscribe-1 .footer .menu li a{ padding-bottom: 0px; } +.subscribe-1 .footer .menu li .btn{ min-width: 0px; padding: 10px 18px; font-size: 14px; } +.subscribe-1 .footer .menu li a{ diplay: inline-block; position: relative; border: none; } +.subscribe-1 .footer .menu li a:hover{ border: none; } +.subscribe-1 .footer .back-to-top{ padding-right: 42px; } +.subscribe-1 .footer .menu li a i{ font-size: 36px; position: absolute; right: 0px; top: -12px; } + +@media all and(max-width: 767px){ + .footer .text-right{ text-align: left !important; } + .footer .menu{ margin-top: 24px; } + .footer .menu li{ float: none; margin-bottom: 12px; } +} + +footer.classic{ padding: @standard-space 0px @standard-space/2 0px; background: @color-muted; } +footer.classic .menu li{ float: none; margin-bottom: 12px; } +footer.classic .menu li a{ color: @color-heading; padding-bottom: 0px; font-weight: 600; } +footer.classic span.lead{ display: inline-block; margin-bottom: 12px; } + +@media all and(max-width: 767px){ + footer.classic div{ margin-bottom: 18px; } +} + +.contact-methods li{ margin-bottom: 12px; } +.contact-methods li:last-child{ margin-bottom: 0px; } +.contact-methods i{ font-size: 36px; color: @color-heading; } +.contact-methods span{ display: inline-block; position: relative; bottom: 10px; left:8px; font-size: 16px; } + +footer.classic .social-profiles{ margin-top: 36px; } + +.social-profiles{ display: inline-block; overflow: hidden; } +.social-profiles li{ float: left; margin-right: 36px; } +.social-profiles li:last-child{ margin-right: 0px; } +.social-profiles li a{ color: @color-heading; font-size: 20px; } + diff --git a/static/new/css/less/media.less b/static/new/css/less/media.less new file mode 100644 index 00000000..5ad22cd6 --- /dev/null +++ b/static/new/css/less/media.less @@ -0,0 +1,56 @@ +// Media objects +// Source: http://stubbornella.org/content/?p=497 +// -------------------------------------------------- + + +// Common styles +// ------------------------- + +// Clear the floats +.media, +.media-body { + overflow: hidden; + zoom: 1; +} + +// Proper spacing between instances of .media +.media, +.media .media { + margin-top: 15px; +} +.media:first-child { + margin-top: 0; +} + +// For images and videos, set to block +.media-object { + display: block; +} + +// Reset margins on headings for tighter default spacing +.media-heading { + margin: 0 0 5px; +} + + +// Media image alignment +// ------------------------- + +.media { + > .pull-left { + margin-right: 10px; + } + > .pull-right { + margin-left: 10px; + } +} + + +// Media list variation +// ------------------------- + +// Undo default ul/ol styles +.media-list { + padding-left: 0; + list-style: none; +} diff --git a/static/new/css/less/mixins.less b/static/new/css/less/mixins.less new file mode 100644 index 00000000..71723dba --- /dev/null +++ b/static/new/css/less/mixins.less @@ -0,0 +1,929 @@ +// +// Mixins +// -------------------------------------------------- + + +// Utilities +// ------------------------- + +// Clearfix +// Source: http://nicolasgallagher.com/micro-clearfix-hack/ +// +// For modern browsers +// 1. The space content is one way to avoid an Opera bug when the +// contenteditable attribute is included anywhere else in the document. +// Otherwise it causes space to appear at the top and bottom of elements +// that are clearfixed. +// 2. The use of `table` rather than `block` is only necessary if using +// `:before` to contain the top-margins of child elements. +.clearfix() { + &:before, + &:after { + content: " "; // 1 + display: table; // 2 + } + &:after { + clear: both; + } +} + +// WebKit-style focus +.tab-focus() { + // Default + outline: thin dotted; + // WebKit + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +// Center-align a block level element +.center-block() { + display: block; + margin-left: auto; + margin-right: auto; +} + +// Sizing shortcuts +.size(@width; @height) { + width: @width; + height: @height; +} +.square(@size) { + .size(@size; @size); +} + +// Placeholder text +.placeholder(@color: @input-color-placeholder) { + &::-moz-placeholder { color: @color; // Firefox + opacity: 1; } // See https://github.com/twbs/bootstrap/pull/11526 + &:-ms-input-placeholder { color: @color; } // Internet Explorer 10+ + &::-webkit-input-placeholder { color: @color; } // Safari and Chrome +} + +// Text overflow +// Requires inline-block or block for proper styling +.text-overflow() { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +// CSS image replacement +// +// Heads up! v3 launched with with only `.hide-text()`, but per our pattern for +// mixins being reused as classes with the same name, this doesn't hold up. As +// of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`. Note +// that we cannot chain the mixins together in Less, so they are repeated. +// +// Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757 + +// Deprecated as of v3.0.1 (will be removed in v4) +.hide-text() { + font: ~"0/0" a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} +// New mixin to use as of v3.0.1 +.text-hide() { + .hide-text(); +} + + + +// CSS3 PROPERTIES +// -------------------------------------------------- + +// Single side border-radius +.border-top-radius(@radius) { + border-top-right-radius: @radius; + border-top-left-radius: @radius; +} +.border-right-radius(@radius) { + border-bottom-right-radius: @radius; + border-top-right-radius: @radius; +} +.border-bottom-radius(@radius) { + border-bottom-right-radius: @radius; + border-bottom-left-radius: @radius; +} +.border-left-radius(@radius) { + border-bottom-left-radius: @radius; + border-top-left-radius: @radius; +} + +// Drop shadows +// +// Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's +// supported browsers that have box shadow capabilities now support the +// standard `box-shadow` property. +.box-shadow(@shadow) { + -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1 + box-shadow: @shadow; +} + +// Transitions +.transition(@transition) { + -webkit-transition: @transition; + transition: @transition; +} +.transition-property(@transition-property) { + -webkit-transition-property: @transition-property; + transition-property: @transition-property; +} +.transition-delay(@transition-delay) { + -webkit-transition-delay: @transition-delay; + transition-delay: @transition-delay; +} +.transition-duration(@transition-duration) { + -webkit-transition-duration: @transition-duration; + transition-duration: @transition-duration; +} +.transition-transform(@transition) { + -webkit-transition: -webkit-transform @transition; + -moz-transition: -moz-transform @transition; + -o-transition: -o-transform @transition; + transition: transform @transition; +} + +// Transformations +.rotate(@degrees) { + -webkit-transform: rotate(@degrees); + -ms-transform: rotate(@degrees); // IE9 only + transform: rotate(@degrees); +} +.scale(@ratio; @ratio-y...) { + -webkit-transform: scale(@ratio, @ratio-y); + -ms-transform: scale(@ratio, @ratio-y); // IE9 only + transform: scale(@ratio, @ratio-y); +} +.translate(@x; @y) { + -webkit-transform: translate(@x, @y); + -ms-transform: translate(@x, @y); // IE9 only + transform: translate(@x, @y); +} +.skew(@x; @y) { + -webkit-transform: skew(@x, @y); + -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+ + transform: skew(@x, @y); +} +.translate3d(@x; @y; @z) { + -webkit-transform: translate3d(@x, @y, @z); + transform: translate3d(@x, @y, @z); +} + +.rotateX(@degrees) { + -webkit-transform: rotateX(@degrees); + -ms-transform: rotateX(@degrees); // IE9 only + transform: rotateX(@degrees); +} +.rotateY(@degrees) { + -webkit-transform: rotateY(@degrees); + -ms-transform: rotateY(@degrees); // IE9 only + transform: rotateY(@degrees); +} +.perspective(@perspective) { + -webkit-perspective: @perspective; + -moz-perspective: @perspective; + perspective: @perspective; +} +.perspective-origin(@perspective) { + -webkit-perspective-origin: @perspective; + -moz-perspective-origin: @perspective; + perspective-origin: @perspective; +} +.transform-origin(@origin) { + -webkit-transform-origin: @origin; + -moz-transform-origin: @origin; + -ms-transform-origin: @origin; // IE9 only + transform-origin: @origin; +} + +// Animations +.animation(@animation) { + -webkit-animation: @animation; + animation: @animation; +} +.animation-name(@name) { + -webkit-animation-name: @name; + animation-name: @name; +} +.animation-duration(@duration) { + -webkit-animation-duration: @duration; + animation-duration: @duration; +} +.animation-timing-function(@timing-function) { + -webkit-animation-timing-function: @timing-function; + animation-timing-function: @timing-function; +} +.animation-delay(@delay) { + -webkit-animation-delay: @delay; + animation-delay: @delay; +} +.animation-iteration-count(@iteration-count) { + -webkit-animation-iteration-count: @iteration-count; + animation-iteration-count: @iteration-count; +} +.animation-direction(@direction) { + -webkit-animation-direction: @direction; + animation-direction: @direction; +} + +// Backface visibility +// Prevent browsers from flickering when using CSS 3D transforms. +// Default value is `visible`, but can be changed to `hidden` +.backface-visibility(@visibility){ + -webkit-backface-visibility: @visibility; + -moz-backface-visibility: @visibility; + backface-visibility: @visibility; +} + +// Box sizing +.box-sizing(@boxmodel) { + -webkit-box-sizing: @boxmodel; + -moz-box-sizing: @boxmodel; + box-sizing: @boxmodel; +} + +// User select +// For selecting text on the page +.user-select(@select) { + -webkit-user-select: @select; + -moz-user-select: @select; + -ms-user-select: @select; // IE10+ + user-select: @select; +} + +// Resize anything +.resizable(@direction) { + resize: @direction; // Options: horizontal, vertical, both + overflow: auto; // Safari fix +} + +// CSS3 Content Columns +.content-columns(@column-count; @column-gap: @grid-gutter-width) { + -webkit-column-count: @column-count; + -moz-column-count: @column-count; + column-count: @column-count; + -webkit-column-gap: @column-gap; + -moz-column-gap: @column-gap; + column-gap: @column-gap; +} + +// Optional hyphenation +.hyphens(@mode: auto) { + word-wrap: break-word; + -webkit-hyphens: @mode; + -moz-hyphens: @mode; + -ms-hyphens: @mode; // IE10+ + -o-hyphens: @mode; + hyphens: @mode; +} + +// Opacity +.opacity(@opacity) { + opacity: @opacity; + // IE8 filter + @opacity-ie: (@opacity * 100); + filter: ~"alpha(opacity=@{opacity-ie})"; +} + + + +// GRADIENTS +// -------------------------------------------------- + +#gradient { + + // Horizontal gradient, from left to right + // + // Creates two color stops, start and end, by specifying a color and position for each color stop. + // Color stops are not available in IE9 and below. + .horizontal(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) { + background-image: -webkit-linear-gradient(left, color-stop(@start-color @start-percent), color-stop(@end-color @end-percent)); // Safari 5.1-6, Chrome 10+ + background-image: linear-gradient(to right, @start-color @start-percent, @end-color @end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ + background-repeat: repeat-x; + filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@start-color),argb(@end-color))); // IE9 and down + } + + // Vertical gradient, from top to bottom + // + // Creates two color stops, start and end, by specifying a color and position for each color stop. + // Color stops are not available in IE9 and below. + .vertical(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) { + background-image: -webkit-linear-gradient(top, @start-color @start-percent, @end-color @end-percent); // Safari 5.1-6, Chrome 10+ + background-image: linear-gradient(to bottom, @start-color @start-percent, @end-color @end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ + background-repeat: repeat-x; + filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color))); // IE9 and down + } + + .directional(@start-color: #555; @end-color: #333; @deg: 45deg) { + background-repeat: repeat-x; + background-image: -webkit-linear-gradient(@deg, @start-color, @end-color); // Safari 5.1-6, Chrome 10+ + background-image: linear-gradient(@deg, @start-color, @end-color); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ + } + .horizontal-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) { + background-image: -webkit-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color); + background-image: linear-gradient(to right, @start-color, @mid-color @color-stop, @end-color); + background-repeat: no-repeat; + filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback + } + .vertical-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) { + background-image: -webkit-linear-gradient(@start-color, @mid-color @color-stop, @end-color); + background-image: linear-gradient(@start-color, @mid-color @color-stop, @end-color); + background-repeat: no-repeat; + filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback + } + .radial(@inner-color: #555; @outer-color: #333) { + background-image: -webkit-radial-gradient(circle, @inner-color, @outer-color); + background-image: radial-gradient(circle, @inner-color, @outer-color); + background-repeat: no-repeat; + } + .striped(@color: rgba(255,255,255,.15); @angle: 45deg) { + background-image: -webkit-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent); + background-image: linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent); + } +} + +// Reset filters for IE +// +// When you need to remove a gradient background, do not forget to use this to reset +// the IE filter for IE9 and below. +.reset-filter() { + filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)")); +} + + + +// Retina images +// +// Short retina mixin for setting background-image and -size + +.img-retina(@file-1x; @file-2x; @width-1x; @height-1x) { + background-image: url("@{file-1x}"); + + @media + only screen and (-webkit-min-device-pixel-ratio: 2), + only screen and ( min--moz-device-pixel-ratio: 2), + only screen and ( -o-min-device-pixel-ratio: 2/1), + only screen and ( min-device-pixel-ratio: 2), + only screen and ( min-resolution: 192dpi), + only screen and ( min-resolution: 2dppx) { + background-image: url("@{file-2x}"); + background-size: @width-1x @height-1x; + } +} + + +// Responsive image +// +// Keep images from scaling beyond the width of their parents. + +.img-responsive(@display: block) { + display: @display; + max-width: 100%; // Part 1: Set a maximum relative to the parent + height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching +} + + +// COMPONENT MIXINS +// -------------------------------------------------- + +// Horizontal dividers +// ------------------------- +// Dividers (basically an hr) within dropdowns and nav lists +.nav-divider(@color: #e5e5e5) { + height: 1px; + margin: ((@line-height-computed / 2) - 1) 0; + overflow: hidden; + background-color: @color; +} + +// Panels +// ------------------------- +.panel-variant(@border; @heading-text-color; @heading-bg-color; @heading-border) { + border-color: @border; + + & > .panel-heading { + color: @heading-text-color; + background-color: @heading-bg-color; + border-color: @heading-border; + + + .panel-collapse .panel-body { + border-top-color: @border; + } + } + & > .panel-footer { + + .panel-collapse .panel-body { + border-bottom-color: @border; + } + } +} + +// Alerts +// ------------------------- +.alert-variant(@background; @border; @text-color) { + background-color: @background; + border-color: @border; + color: @text-color; + + hr { + border-top-color: darken(@border, 5%); + } + .alert-link { + color: darken(@text-color, 10%); + } +} + +// Tables +// ------------------------- +.table-row-variant(@state; @background) { + // Exact selectors below required to override `.table-striped` and prevent + // inheritance to nested tables. + .table > thead > tr, + .table > tbody > tr, + .table > tfoot > tr { + > td.@{state}, + > th.@{state}, + &.@{state} > td, + &.@{state} > th { + background-color: @background; + } + } + + // Hover states for `.table-hover` + // Note: this is not available for cells or rows within `thead` or `tfoot`. + .table-hover > tbody > tr { + > td.@{state}:hover, + > th.@{state}:hover, + &.@{state}:hover > td, + &.@{state}:hover > th { + background-color: darken(@background, 5%); + } + } +} + +// List Groups +// ------------------------- +.list-group-item-variant(@state; @background; @color) { + .list-group-item-@{state} { + color: @color; + background-color: @background; + + a& { + color: @color; + + .list-group-item-heading { color: inherit; } + + &:hover, + &:focus { + color: @color; + background-color: darken(@background, 5%); + } + &.active, + &.active:hover, + &.active:focus { + color: #fff; + background-color: @color; + border-color: @color; + } + } + } +} + +// Button variants +// ------------------------- +// Easily pump out default styles, as well as :hover, :focus, :active, +// and disabled options for all buttons +.button-variant(@color; @background; @border) { + color: @color; + background-color: @background; + border-color: @border; + + &:hover, + &:focus, + &:active, + &.active, + .open .dropdown-toggle& { + color: @color; + background-color: darken(@background, 8%); + border-color: darken(@border, 12%); + } + &:active, + &.active, + .open .dropdown-toggle& { + background-image: none; + } + &.disabled, + &[disabled], + fieldset[disabled] & { + &, + &:hover, + &:focus, + &:active, + &.active { + background-color: @background; + border-color: @border; + } + } + + .badge { + color: @background; + background-color: @color; + } +} + +// Button sizes +// ------------------------- +.button-size(@padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) { + padding: @padding-vertical @padding-horizontal; + font-size: @font-size; + line-height: @line-height; + border-radius: @border-radius; +} + +// Pagination +// ------------------------- +.pagination-size(@padding-vertical; @padding-horizontal; @font-size; @border-radius) { + > li { + > a, + > span { + padding: @padding-vertical @padding-horizontal; + font-size: @font-size; + } + &:first-child { + > a, + > span { + .border-left-radius(@border-radius); + } + } + &:last-child { + > a, + > span { + .border-right-radius(@border-radius); + } + } + } +} + +// Labels +// ------------------------- +.label-variant(@color) { + background-color: @color; + &[href] { + &:hover, + &:focus { + background-color: darken(@color, 10%); + } + } +} + +// Contextual backgrounds +// ------------------------- +.bg-variant(@color) { + background-color: @color; + a&:hover { + background-color: darken(@color, 10%); + } +} + +// Typography +// ------------------------- +.text-emphasis-variant(@color) { + color: @color; + a&:hover { + color: darken(@color, 10%); + } +} + +// Navbar vertical align +// ------------------------- +// Vertically center elements in the navbar. +// Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin. +.navbar-vertical-align(@element-height) { + margin-top: ((@navbar-height - @element-height) / 2); + margin-bottom: ((@navbar-height - @element-height) / 2); +} + +// Progress bars +// ------------------------- +.progress-bar-variant(@color) { + background-color: @color; + .progress-striped & { + #gradient > .striped(); + } +} + +// Responsive utilities +// ------------------------- +// More easily include all the states for responsive-utilities.less. +.responsive-visibility() { + display: block !important; + table& { display: table; } + tr& { display: table-row !important; } + th&, + td& { display: table-cell !important; } +} + +.responsive-invisibility() { + display: none !important; +} + + +// Grid System +// ----------- + +// Centered container element +.container-fixed() { + margin-right: auto; + margin-left: auto; + padding-left: (@grid-gutter-width / 2); + padding-right: (@grid-gutter-width / 2); + &:extend(.clearfix all); +} + +// Creates a wrapper for a series of columns +.make-row(@gutter: @grid-gutter-width) { + margin-left: (@gutter / -2); + margin-right: (@gutter / -2); + &:extend(.clearfix all); +} + +// Generate the extra small columns +.make-xs-column(@columns; @gutter: @grid-gutter-width) { + position: relative; + float: left; + width: percentage((@columns / @grid-columns)); + min-height: 1px; + padding-left: (@gutter / 2); + padding-right: (@gutter / 2); +} +.make-xs-column-offset(@columns) { + @media (min-width: @screen-xs-min) { + margin-left: percentage((@columns / @grid-columns)); + } +} +.make-xs-column-push(@columns) { + @media (min-width: @screen-xs-min) { + left: percentage((@columns / @grid-columns)); + } +} +.make-xs-column-pull(@columns) { + @media (min-width: @screen-xs-min) { + right: percentage((@columns / @grid-columns)); + } +} + + +// Generate the small columns +.make-sm-column(@columns; @gutter: @grid-gutter-width) { + position: relative; + min-height: 1px; + padding-left: (@gutter / 2); + padding-right: (@gutter / 2); + + @media (min-width: @screen-sm-min) { + float: left; + width: percentage((@columns / @grid-columns)); + } +} +.make-sm-column-offset(@columns) { + @media (min-width: @screen-sm-min) { + margin-left: percentage((@columns / @grid-columns)); + } +} +.make-sm-column-push(@columns) { + @media (min-width: @screen-sm-min) { + left: percentage((@columns / @grid-columns)); + } +} +.make-sm-column-pull(@columns) { + @media (min-width: @screen-sm-min) { + right: percentage((@columns / @grid-columns)); + } +} + + +// Generate the medium columns +.make-md-column(@columns; @gutter: @grid-gutter-width) { + position: relative; + min-height: 1px; + padding-left: (@gutter / 2); + padding-right: (@gutter / 2); + + @media (min-width: @screen-md-min) { + float: left; + width: percentage((@columns / @grid-columns)); + } +} +.make-md-column-offset(@columns) { + @media (min-width: @screen-md-min) { + margin-left: percentage((@columns / @grid-columns)); + } +} +.make-md-column-push(@columns) { + @media (min-width: @screen-md-min) { + left: percentage((@columns / @grid-columns)); + } +} +.make-md-column-pull(@columns) { + @media (min-width: @screen-md-min) { + right: percentage((@columns / @grid-columns)); + } +} + + +// Generate the large columns +.make-lg-column(@columns; @gutter: @grid-gutter-width) { + position: relative; + min-height: 1px; + padding-left: (@gutter / 2); + padding-right: (@gutter / 2); + + @media (min-width: @screen-lg-min) { + float: left; + width: percentage((@columns / @grid-columns)); + } +} +.make-lg-column-offset(@columns) { + @media (min-width: @screen-lg-min) { + margin-left: percentage((@columns / @grid-columns)); + } +} +.make-lg-column-push(@columns) { + @media (min-width: @screen-lg-min) { + left: percentage((@columns / @grid-columns)); + } +} +.make-lg-column-pull(@columns) { + @media (min-width: @screen-lg-min) { + right: percentage((@columns / @grid-columns)); + } +} + + +// Framework grid generation +// +// Used only by Bootstrap to generate the correct number of grid classes given +// any value of `@grid-columns`. + +.make-grid-columns() { + // Common styles for all sizes of grid columns, widths 1-12 + .col(@index) when (@index = 1) { // initial + @item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}"; + .col((@index + 1), @item); + } + .col(@index, @list) when (@index =< @grid-columns) { // general; "=<" isn't a typo + @item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}"; + .col((@index + 1), ~"@{list}, @{item}"); + } + .col(@index, @list) when (@index > @grid-columns) { // terminal + @{list} { + position: relative; + // Prevent columns from collapsing when empty + min-height: 1px; + // Inner gutter via padding + padding-left: (@grid-gutter-width / 2); + padding-right: (@grid-gutter-width / 2); + } + } + .col(1); // kickstart it +} + +.float-grid-columns(@class) { + .col(@index) when (@index = 1) { // initial + @item: ~".col-@{class}-@{index}"; + .col((@index + 1), @item); + } + .col(@index, @list) when (@index =< @grid-columns) { // general + @item: ~".col-@{class}-@{index}"; + .col((@index + 1), ~"@{list}, @{item}"); + } + .col(@index, @list) when (@index > @grid-columns) { // terminal + @{list} { + float: left; + } + } + .col(1); // kickstart it +} + +.calc-grid-column(@index, @class, @type) when (@type = width) and (@index > 0) { + .col-@{class}-@{index} { + width: percentage((@index / @grid-columns)); + } +} +.calc-grid-column(@index, @class, @type) when (@type = push) { + .col-@{class}-push-@{index} { + left: percentage((@index / @grid-columns)); + } +} +.calc-grid-column(@index, @class, @type) when (@type = pull) { + .col-@{class}-pull-@{index} { + right: percentage((@index / @grid-columns)); + } +} +.calc-grid-column(@index, @class, @type) when (@type = offset) { + .col-@{class}-offset-@{index} { + margin-left: percentage((@index / @grid-columns)); + } +} + +// Basic looping in LESS +.loop-grid-columns(@index, @class, @type) when (@index >= 0) { + .calc-grid-column(@index, @class, @type); + // next iteration + .loop-grid-columns((@index - 1), @class, @type); +} + +// Create grid for specific class +.make-grid(@class) { + .float-grid-columns(@class); + .loop-grid-columns(@grid-columns, @class, width); + .loop-grid-columns(@grid-columns, @class, pull); + .loop-grid-columns(@grid-columns, @class, push); + .loop-grid-columns(@grid-columns, @class, offset); +} + +// Form validation states +// +// Used in forms.less to generate the form validation CSS for warnings, errors, +// and successes. + +.form-control-validation(@text-color: #555; @border-color: #ccc; @background-color: #f5f5f5) { + // Color the label and help text + .help-block, + .control-label, + .radio, + .checkbox, + .radio-inline, + .checkbox-inline { + color: @text-color; + } + // Set the border and box shadow on specific inputs to match + .form-control { + border-color: @border-color; + .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work + &:focus { + border-color: darken(@border-color, 10%); + @shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@border-color, 20%); + .box-shadow(@shadow); + } + } + // Set validation states also for addons + .input-group-addon { + color: @text-color; + border-color: @border-color; + background-color: @background-color; + } + // Optional feedback icon + .form-control-feedback { + color: @text-color; + } +} + +// Form control focus state +// +// Generate a customized focus state and for any input with the specified color, +// which defaults to the `@input-focus-border` variable. +// +// We highly encourage you to not customize the default value, but instead use +// this to tweak colors on an as-needed basis. This aesthetic change is based on +// WebKit's default styles, but applicable to a wider range of browsers. Its +// usability and accessibility should be taken into account with any change. +// +// Example usage: change the default blue border and shadow to white for better +// contrast against a dark gray background. + +.form-control-focus(@color: @input-border-focus) { + @color-rgba: rgba(red(@color), green(@color), blue(@color), .6); + &:focus { + border-color: @color; + outline: 0; + .box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{color-rgba}"); + } +} + +// Form control sizing +// +// Relative text size, padding, and border-radii changes for form controls. For +// horizontal sizing, wrap controls in the predefined grid classes. `` background color +@input-bg: #fff; +//** `` background color +@input-bg-disabled: @gray-lighter; + +//** Text color for ``s +@input-color: @gray; +//** `` border color +@input-border: #ccc; +//** `` border radius +@input-border-radius: @border-radius-base; +//** Border color for inputs on focus +@input-border-focus: #66afe9; + +//** Placeholder text color +@input-color-placeholder: @gray-light; + +//** Default `.form-control` height +@input-height-base: (@line-height-computed + (@padding-base-vertical * 2) + 2); +//** Large `.form-control` height +@input-height-large: (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2); +//** Small `.form-control` height +@input-height-small: (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2); + +@legend-color: @gray-dark; +@legend-border-color: #e5e5e5; + +//** Background color for textual input addons +@input-group-addon-bg: @gray-lighter; +//** Border color for textual input addons +@input-group-addon-border-color: @input-border; + + +//== Dropdowns +// +//## Dropdown menu container and contents. + +//** Background for the dropdown menu. +@dropdown-bg: #fff; +//** Dropdown menu `border-color`. +@dropdown-border: rgba(0,0,0,.15); +//** Dropdown menu `border-color` **for IE8**. +@dropdown-fallback-border: #ccc; +//** Divider color for between dropdown items. +@dropdown-divider-bg: #e5e5e5; + +//** Dropdown link text color. +@dropdown-link-color: @gray-dark; +//** Hover color for dropdown links. +@dropdown-link-hover-color: darken(@gray-dark, 5%); +//** Hover background for dropdown links. +@dropdown-link-hover-bg: #f5f5f5; + +//** Active dropdown menu item text color. +@dropdown-link-active-color: @component-active-color; +//** Active dropdown menu item background color. +@dropdown-link-active-bg: @component-active-bg; + +//** Disabled dropdown menu item background color. +@dropdown-link-disabled-color: @gray-light; + +//** Text color for headers within dropdown menus. +@dropdown-header-color: @gray-light; + +// Note: Deprecated @dropdown-caret-color as of v3.1.0 +@dropdown-caret-color: #000; + + +//-- Z-index master list +// +// Warning: Avoid customizing these values. They're used for a bird's eye view +// of components dependent on the z-axis and are designed to all work together. +// +// Note: These variables are not generated into the Customizer. + +@zindex-navbar: 1000; +@zindex-dropdown: 1000; +@zindex-popover: 1010; +@zindex-tooltip: 1030; +@zindex-navbar-fixed: 1030; +@zindex-modal-background: 1040; +@zindex-modal: 1050; + + +//== Media queries breakpoints +// +//## Define the breakpoints at which your layout will change, adapting to different screen sizes. + +// Extra small screen / phone +// Note: Deprecated @screen-xs and @screen-phone as of v3.0.1 +@screen-xs: 480px; +@screen-xs-min: @screen-xs; +@screen-phone: @screen-xs-min; + +// Small screen / tablet +// Note: Deprecated @screen-sm and @screen-tablet as of v3.0.1 +@screen-sm: 768px; +@screen-sm-min: @screen-sm; +@screen-tablet: @screen-sm-min; + +// Medium screen / desktop +// Note: Deprecated @screen-md and @screen-desktop as of v3.0.1 +@screen-md: 992px; +@screen-md-min: @screen-md; +@screen-desktop: @screen-md-min; + +// Large screen / wide desktop +// Note: Deprecated @screen-lg and @screen-lg-desktop as of v3.0.1 +@screen-lg: 1200px; +@screen-lg-min: @screen-lg; +@screen-lg-desktop: @screen-lg-min; + +// So media queries don't overlap when required, provide a maximum +@screen-xs-max: (@screen-sm-min - 1); +@screen-sm-max: (@screen-md-min - 1); +@screen-md-max: (@screen-lg-min - 1); + + +//== Grid system +// +//## Define your custom responsive grid. + +//** Number of columns in the grid. +@grid-columns: 12; +//** Padding between columns. Gets divided in half for the left and right. +@grid-gutter-width: 30px; +// Navbar collapse +//** Point at which the navbar becomes uncollapsed. +@grid-float-breakpoint: @screen-sm-min; +//** Point at which the navbar begins collapsing. +@grid-float-breakpoint-max: (@grid-float-breakpoint - 1); + + +//== Container sizes +// +//## Define the maximum width of `.container` for different screen sizes. + +// Small screen / tablet +@container-tablet: ((720px + @grid-gutter-width)); +//** For `@screen-sm-min` and up. +@container-sm: @container-tablet; + +// Medium screen / desktop +@container-desktop: ((940px + @grid-gutter-width)); +//** For `@screen-md-min` and up. +@container-md: @container-desktop; + +// Large screen / wide desktop +@container-large-desktop: ((1140px + @grid-gutter-width)); +//** For `@screen-lg-min` and up. +@container-lg: @container-large-desktop; + + +//== Navbar +// +//## + +// Basics of a navbar +@navbar-height: 50px; +@navbar-margin-bottom: @line-height-computed; +@navbar-border-radius: @border-radius-base; +@navbar-padding-horizontal: floor((@grid-gutter-width / 2)); +@navbar-padding-vertical: ((@navbar-height - @line-height-computed) / 2); +@navbar-collapse-max-height: 340px; + +@navbar-default-color: #777; +@navbar-default-bg: #f8f8f8; +@navbar-default-border: darken(@navbar-default-bg, 6.5%); + +// Navbar links +@navbar-default-link-color: #777; +@navbar-default-link-hover-color: #333; +@navbar-default-link-hover-bg: transparent; +@navbar-default-link-active-color: #555; +@navbar-default-link-active-bg: darken(@navbar-default-bg, 6.5%); +@navbar-default-link-disabled-color: #ccc; +@navbar-default-link-disabled-bg: transparent; + +// Navbar brand label +@navbar-default-brand-color: @navbar-default-link-color; +@navbar-default-brand-hover-color: darken(@navbar-default-brand-color, 10%); +@navbar-default-brand-hover-bg: transparent; + +// Navbar toggle +@navbar-default-toggle-hover-bg: #ddd; +@navbar-default-toggle-icon-bar-bg: #888; +@navbar-default-toggle-border-color: #ddd; + + +// Inverted navbar +// Reset inverted navbar basics +@navbar-inverse-color: @gray-light; +@navbar-inverse-bg: #222; +@navbar-inverse-border: darken(@navbar-inverse-bg, 10%); + +// Inverted navbar links +@navbar-inverse-link-color: @gray-light; +@navbar-inverse-link-hover-color: #fff; +@navbar-inverse-link-hover-bg: transparent; +@navbar-inverse-link-active-color: @navbar-inverse-link-hover-color; +@navbar-inverse-link-active-bg: darken(@navbar-inverse-bg, 10%); +@navbar-inverse-link-disabled-color: #444; +@navbar-inverse-link-disabled-bg: transparent; + +// Inverted navbar brand label +@navbar-inverse-brand-color: @navbar-inverse-link-color; +@navbar-inverse-brand-hover-color: #fff; +@navbar-inverse-brand-hover-bg: transparent; + +// Inverted navbar toggle +@navbar-inverse-toggle-hover-bg: #333; +@navbar-inverse-toggle-icon-bar-bg: #fff; +@navbar-inverse-toggle-border-color: #333; + + +//== Navs +// +//## + +//=== Shared nav styles +@nav-link-padding: 10px 15px; +@nav-link-hover-bg: @gray-lighter; + +@nav-disabled-link-color: @gray-light; +@nav-disabled-link-hover-color: @gray-light; + +@nav-open-link-hover-color: #fff; + +//== Tabs +@nav-tabs-border-color: #ddd; + +@nav-tabs-link-hover-border-color: @gray-lighter; + +@nav-tabs-active-link-hover-bg: @body-bg; +@nav-tabs-active-link-hover-color: @gray; +@nav-tabs-active-link-hover-border-color: #ddd; + +@nav-tabs-justified-link-border-color: #ddd; +@nav-tabs-justified-active-link-border-color: @body-bg; + +//== Pills +@nav-pills-border-radius: @border-radius-base; +@nav-pills-active-link-hover-bg: @component-active-bg; +@nav-pills-active-link-hover-color: @component-active-color; + + +//== Pagination +// +//## + +@pagination-color: @link-color; +@pagination-bg: #fff; +@pagination-border: #ddd; + +@pagination-hover-color: @link-hover-color; +@pagination-hover-bg: @gray-lighter; +@pagination-hover-border: #ddd; + +@pagination-active-color: #fff; +@pagination-active-bg: @brand-primary; +@pagination-active-border: @brand-primary; + +@pagination-disabled-color: @gray-light; +@pagination-disabled-bg: #fff; +@pagination-disabled-border: #ddd; + + +//== Pager +// +//## + +@pager-bg: @pagination-bg; +@pager-border: @pagination-border; +@pager-border-radius: 15px; + +@pager-hover-bg: @pagination-hover-bg; + +@pager-active-bg: @pagination-active-bg; +@pager-active-color: @pagination-active-color; + +@pager-disabled-color: @pagination-disabled-color; + + +//== Jumbotron +// +//## + +@jumbotron-padding: 30px; +@jumbotron-color: inherit; +@jumbotron-bg: @gray-lighter; +@jumbotron-heading-color: inherit; +@jumbotron-font-size: ceil((@font-size-base * 1.5)); + + +//== Form states and alerts +// +//## Define colors for form feedback states and, by default, alerts. + +@state-success-text: #3c763d; +@state-success-bg: #dff0d8; +@state-success-border: darken(spin(@state-success-bg, -10), 5%); + +@state-info-text: #31708f; +@state-info-bg: #d9edf7; +@state-info-border: darken(spin(@state-info-bg, -10), 7%); + +@state-warning-text: #8a6d3b; +@state-warning-bg: #fcf8e3; +@state-warning-border: darken(spin(@state-warning-bg, -10), 5%); + +@state-danger-text: #a94442; +@state-danger-bg: #f2dede; +@state-danger-border: darken(spin(@state-danger-bg, -10), 5%); + + +//== Tooltips +// +//## + +//** Tooltip max width +@tooltip-max-width: 200px; +//** Tooltip text color +@tooltip-color: #fff; +//** Tooltip background color +@tooltip-bg: #000; +@tooltip-opacity: .9; + +//** Tooltip arrow width +@tooltip-arrow-width: 5px; +//** Tooltip arrow color +@tooltip-arrow-color: @tooltip-bg; + + +//== Popovers +// +//## + +//** Popover body background color +@popover-bg: #fff; +//** Popover maximum width +@popover-max-width: 276px; +//** Popover border color +@popover-border-color: rgba(0,0,0,.2); +//** Popover fallback border color +@popover-fallback-border-color: #ccc; + +//** Popover title background color +@popover-title-bg: darken(@popover-bg, 3%); + +//** Popover arrow width +@popover-arrow-width: 10px; +//** Popover arrow color +@popover-arrow-color: #fff; + +//** Popover outer arrow width +@popover-arrow-outer-width: (@popover-arrow-width + 1); +//** Popover outer arrow color +@popover-arrow-outer-color: fadein(@popover-border-color, 5%); +//** Popover outer arrow fallback color +@popover-arrow-outer-fallback-color: darken(@popover-fallback-border-color, 20%); + + +//== Labels +// +//## + +//** Default label background color +@label-default-bg: @gray-light; +//** Primary label background color +@label-primary-bg: @brand-primary; +//** Success label background color +@label-success-bg: @brand-success; +//** Info label background color +@label-info-bg: @brand-info; +//** Warning label background color +@label-warning-bg: @brand-warning; +//** Danger label background color +@label-danger-bg: @brand-danger; + +//** Default label text color +@label-color: #fff; +//** Default text color of a linked label +@label-link-hover-color: #fff; + + +//== Modals +// +//## + +//** Padding applied to the modal body +@modal-inner-padding: 20px; + +//** Padding applied to the modal title +@modal-title-padding: 15px; +//** Modal title line-height +@modal-title-line-height: @line-height-base; + +//** Background color of modal content area +@modal-content-bg: #fff; +//** Modal content border color +@modal-content-border-color: rgba(0,0,0,.2); +//** Modal content border color **for IE8** +@modal-content-fallback-border-color: #999; + +//** Modal backdrop background color +@modal-backdrop-bg: #000; +//** Modal backdrop opacity +@modal-backdrop-opacity: .5; +//** Modal header border color +@modal-header-border-color: #e5e5e5; +//** Modal footer border color +@modal-footer-border-color: @modal-header-border-color; + +@modal-lg: 900px; +@modal-md: 600px; +@modal-sm: 300px; + + +//== Alerts +// +//## Define alert colors, border radius, and padding. + +@alert-padding: 15px; +@alert-border-radius: @border-radius-base; +@alert-link-font-weight: bold; + +@alert-success-bg: @state-success-bg; +@alert-success-text: @state-success-text; +@alert-success-border: @state-success-border; + +@alert-info-bg: @state-info-bg; +@alert-info-text: @state-info-text; +@alert-info-border: @state-info-border; + +@alert-warning-bg: @state-warning-bg; +@alert-warning-text: @state-warning-text; +@alert-warning-border: @state-warning-border; + +@alert-danger-bg: @state-danger-bg; +@alert-danger-text: @state-danger-text; +@alert-danger-border: @state-danger-border; + + +//== Progress bars +// +//## + +//** Background color of the whole progress component +@progress-bg: #f5f5f5; +//** Progress bar text color +@progress-bar-color: #fff; + +//** Default progress bar color +@progress-bar-bg: @brand-primary; +//** Success progress bar color +@progress-bar-success-bg: @brand-success; +//** Warning progress bar color +@progress-bar-warning-bg: @brand-warning; +//** Danger progress bar color +@progress-bar-danger-bg: @brand-danger; +//** Info progress bar color +@progress-bar-info-bg: @brand-info; + + +//== List group +// +//## + +//** Background color on `.list-group-item` +@list-group-bg: #fff; +//** `.list-group-item` border color +@list-group-border: #ddd; +//** List group border radius +@list-group-border-radius: @border-radius-base; + +//** Background color of single list elements on hover +@list-group-hover-bg: #f5f5f5; +//** Text color of active list elements +@list-group-active-color: @component-active-color; +//** Background color of active list elements +@list-group-active-bg: @component-active-bg; +//** Border color of active list elements +@list-group-active-border: @list-group-active-bg; +@list-group-active-text-color: lighten(@list-group-active-bg, 40%); + +@list-group-link-color: #555; +@list-group-link-heading-color: #333; + + +//== Panels +// +//## + +@panel-bg: #fff; +@panel-body-padding: 15px; +@panel-border-radius: @border-radius-base; + +//** Border color for elements within panels +@panel-inner-border: #ddd; +@panel-footer-bg: #f5f5f5; + +@panel-default-text: @gray-dark; +@panel-default-border: #ddd; +@panel-default-heading-bg: #f5f5f5; + +@panel-primary-text: #fff; +@panel-primary-border: @brand-primary; +@panel-primary-heading-bg: @brand-primary; + +@panel-success-text: @state-success-text; +@panel-success-border: @state-success-border; +@panel-success-heading-bg: @state-success-bg; + +@panel-info-text: @state-info-text; +@panel-info-border: @state-info-border; +@panel-info-heading-bg: @state-info-bg; + +@panel-warning-text: @state-warning-text; +@panel-warning-border: @state-warning-border; +@panel-warning-heading-bg: @state-warning-bg; + +@panel-danger-text: @state-danger-text; +@panel-danger-border: @state-danger-border; +@panel-danger-heading-bg: @state-danger-bg; + + +//== Thumbnails +// +//## + +//** Padding around the thumbnail image +@thumbnail-padding: 4px; +//** Thumbnail background color +@thumbnail-bg: @body-bg; +//** Thumbnail border color +@thumbnail-border: #ddd; +//** Thumbnail border radius +@thumbnail-border-radius: @border-radius-base; + +//** Custom text color for thumbnail captions +@thumbnail-caption-color: @text-color; +//** Padding around the thumbnail caption +@thumbnail-caption-padding: 9px; + + +//== Wells +// +//## + +@well-bg: #f5f5f5; +@well-border: darken(@well-bg, 7%); + + +//== Badges +// +//## + +@badge-color: #fff; +//** Linked badge text color on hover +@badge-link-hover-color: #fff; +@badge-bg: @gray-light; + +//** Badge text color in active nav link +@badge-active-color: @link-color; +//** Badge background color in active nav link +@badge-active-bg: #fff; + +@badge-font-weight: bold; +@badge-line-height: 1; +@badge-border-radius: 10px; + + +//== Breadcrumbs +// +//## + +@breadcrumb-padding-vertical: 8px; +@breadcrumb-padding-horizontal: 15px; +//** Breadcrumb background color +@breadcrumb-bg: #f5f5f5; +//** Breadcrumb text color +@breadcrumb-color: #ccc; +//** Text color of current page in the breadcrumb +@breadcrumb-active-color: @gray-light; +//** Textual separator for between breadcrumb elements +@breadcrumb-separator: "/"; + + +//== Carousel +// +//## + +@carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6); + +@carousel-control-color: #fff; +@carousel-control-width: 15%; +@carousel-control-opacity: .5; +@carousel-control-font-size: 20px; + +@carousel-indicator-active-bg: #fff; +@carousel-indicator-border-color: #fff; + +@carousel-caption-color: #fff; + + +//== Close +// +//## + +@close-font-weight: bold; +@close-color: #000; +@close-text-shadow: 0 1px 0 #fff; + + +//== Code +// +//## + +@code-color: #c7254e; +@code-bg: #f9f2f4; + +@kbd-color: #fff; +@kbd-bg: #333; + +@pre-bg: #f5f5f5; +@pre-color: @gray-dark; +@pre-border-color: #ccc; +@pre-scrollable-max-height: 340px; + + +//== Type +// +//## + +//** Text muted color +@text-muted: @gray-light; +//** Abbreviations and acronyms border color +@abbr-border-color: @gray-light; +//** Headings small color +@headings-small-color: @gray-light; +//** Blockquote small color +@blockquote-small-color: @gray-light; +//** Blockquote font size +@blockquote-font-size: (@font-size-base * 1.25); +//** Blockquote border color +@blockquote-border-color: @gray-lighter; +//** Page header border color +@page-header-border-color: @gray-lighter; + + +//== Miscellaneous +// +//## + +//** Horizontal line color. +@hr-border: @gray-lighter; + +//** Horizontal offset for forms and lists. +@component-offset-horizontal: 180px; diff --git a/static/new/css/less/wells.less b/static/new/css/less/wells.less new file mode 100644 index 00000000..15d072b0 --- /dev/null +++ b/static/new/css/less/wells.less @@ -0,0 +1,29 @@ +// +// Wells +// -------------------------------------------------- + + +// Base class +.well { + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + background-color: @well-bg; + border: 1px solid @well-border; + border-radius: @border-radius-base; + .box-shadow(inset 0 1px 1px rgba(0,0,0,.05)); + blockquote { + border-color: #ddd; + border-color: rgba(0,0,0,.15); + } +} + +// Sizes +.well-lg { + padding: 24px; + border-radius: @border-radius-large; +} +.well-sm { + padding: 9px; + border-radius: @border-radius-small; +} diff --git a/static/new/css/lightbox.min.css b/static/new/css/lightbox.min.css new file mode 100644 index 00000000..7ce83879 --- /dev/null +++ b/static/new/css/lightbox.min.css @@ -0,0 +1 @@ +body:after{content:url(../img/lightbox/close.png) url(../img/lightbox/loading.gif) url(../img/lightbox/prev.png) url(../img/lightbox/next.png);display:none}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;text-align:center;line-height:0;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}.lightbox a img{border:none}.lb-outerContainer{position:relative;background-color:#fff;*zoom:1;width:250px;height:250px;margin:0 auto;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-container{padding:4px}.lb-loader{position:absolute;top:43%;left:0;height:25%;width:100%;text-align:center;line-height:0}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../img/lightbox/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../img/lightbox/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../img/lightbox/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;*zoom:1;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../img/lightbox/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1} \ No newline at end of file diff --git a/static/new/css/pe-icon-7-stroke.min.css b/static/new/css/pe-icon-7-stroke.min.css new file mode 100644 index 00000000..cf68b1f3 --- /dev/null +++ b/static/new/css/pe-icon-7-stroke.min.css @@ -0,0 +1,536 @@ +@font-face { + font-family: 'Pe-icon-7-stroke'; + src:url('../fonts/Pe-icon-7-stroke.eot?-2irksn'); + src:url('../fonts/Pe-icon-7-stroke.eot?#iefix-2irksn') format('embedded-opentype'), + url('../fonts/Pe-icon-7-stroke.woff?-2irksn') format('woff'), + url('../fonts/Pe-icon-7-stroke.ttf?-2irksn') format('truetype'), + url('../fonts/Pe-icon-7-stroke.svg?-2irksn#Pe-icon-7-stroke') format('svg'); + font-weight: normal; + font-style: normal; +} + +[class^="pe-7s-"], [class*=" pe-7s-"] { + display: inline-block; + font-family: 'Pe-icon-7-stroke'; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.pe-7s-cloud-upload:before { + content: "\e68a"; +} +.pe-7s-cash:before { + content: "\e68c"; +} +.pe-7s-close:before { + content: "\e680"; +} +.pe-7s-bluetooth:before { + content: "\e68d"; +} +.pe-7s-cloud-download:before { + content: "\e68b"; +} +.pe-7s-way:before { + content: "\e68e"; +} +.pe-7s-close-circle:before { + content: "\e681"; +} +.pe-7s-id:before { + content: "\e68f"; +} +.pe-7s-angle-up:before { + content: "\e682"; +} +.pe-7s-wristwatch:before { + content: "\e690"; +} +.pe-7s-angle-up-circle:before { + content: "\e683"; +} +.pe-7s-world:before { + content: "\e691"; +} +.pe-7s-angle-right:before { + content: "\e684"; +} +.pe-7s-volume:before { + content: "\e692"; +} +.pe-7s-angle-right-circle:before { + content: "\e685"; +} +.pe-7s-users:before { + content: "\e693"; +} +.pe-7s-angle-left:before { + content: "\e686"; +} +.pe-7s-user-female:before { + content: "\e694"; +} +.pe-7s-angle-left-circle:before { + content: "\e687"; +} +.pe-7s-up-arrow:before { + content: "\e695"; +} +.pe-7s-angle-down:before { + content: "\e688"; +} +.pe-7s-switch:before { + content: "\e696"; +} +.pe-7s-angle-down-circle:before { + content: "\e689"; +} +.pe-7s-scissors:before { + content: "\e697"; +} +.pe-7s-wallet:before { + content: "\e600"; +} +.pe-7s-safe:before { + content: "\e698"; +} +.pe-7s-volume2:before { + content: "\e601"; +} +.pe-7s-volume1:before { + content: "\e602"; +} +.pe-7s-voicemail:before { + content: "\e603"; +} +.pe-7s-video:before { + content: "\e604"; +} +.pe-7s-user:before { + content: "\e605"; +} +.pe-7s-upload:before { + content: "\e606"; +} +.pe-7s-unlock:before { + content: "\e607"; +} +.pe-7s-umbrella:before { + content: "\e608"; +} +.pe-7s-trash:before { + content: "\e609"; +} +.pe-7s-tools:before { + content: "\e60a"; +} +.pe-7s-timer:before { + content: "\e60b"; +} +.pe-7s-ticket:before { + content: "\e60c"; +} +.pe-7s-target:before { + content: "\e60d"; +} +.pe-7s-sun:before { + content: "\e60e"; +} +.pe-7s-study:before { + content: "\e60f"; +} +.pe-7s-stopwatch:before { + content: "\e610"; +} +.pe-7s-star:before { + content: "\e611"; +} +.pe-7s-speaker:before { + content: "\e612"; +} +.pe-7s-signal:before { + content: "\e613"; +} +.pe-7s-shuffle:before { + content: "\e614"; +} +.pe-7s-shopbag:before { + content: "\e615"; +} +.pe-7s-share:before { + content: "\e616"; +} +.pe-7s-server:before { + content: "\e617"; +} +.pe-7s-search:before { + content: "\e618"; +} +.pe-7s-film:before { + content: "\e6a5"; +} +.pe-7s-science:before { + content: "\e619"; +} +.pe-7s-disk:before { + content: "\e6a6"; +} +.pe-7s-ribbon:before { + content: "\e61a"; +} +.pe-7s-repeat:before { + content: "\e61b"; +} +.pe-7s-refresh:before { + content: "\e61c"; +} +.pe-7s-add-user:before { + content: "\e6a9"; +} +.pe-7s-refresh-cloud:before { + content: "\e61d"; +} +.pe-7s-paperclip:before { + content: "\e69c"; +} +.pe-7s-radio:before { + content: "\e61e"; +} +.pe-7s-note2:before { + content: "\e69d"; +} +.pe-7s-print:before { + content: "\e61f"; +} +.pe-7s-network:before { + content: "\e69e"; +} +.pe-7s-prev:before { + content: "\e620"; +} +.pe-7s-mute:before { + content: "\e69f"; +} +.pe-7s-power:before { + content: "\e621"; +} +.pe-7s-medal:before { + content: "\e6a0"; +} +.pe-7s-portfolio:before { + content: "\e622"; +} +.pe-7s-like2:before { + content: "\e6a1"; +} +.pe-7s-plus:before { + content: "\e623"; +} +.pe-7s-left-arrow:before { + content: "\e6a2"; +} +.pe-7s-play:before { + content: "\e624"; +} +.pe-7s-key:before { + content: "\e6a3"; +} +.pe-7s-plane:before { + content: "\e625"; +} +.pe-7s-joy:before { + content: "\e6a4"; +} +.pe-7s-photo-gallery:before { + content: "\e626"; +} +.pe-7s-pin:before { + content: "\e69b"; +} +.pe-7s-phone:before { + content: "\e627"; +} +.pe-7s-plug:before { + content: "\e69a"; +} +.pe-7s-pen:before { + content: "\e628"; +} +.pe-7s-right-arrow:before { + content: "\e699"; +} +.pe-7s-paper-plane:before { + content: "\e629"; +} +.pe-7s-delete-user:before { + content: "\e6a7"; +} +.pe-7s-paint:before { + content: "\e62a"; +} +.pe-7s-bottom-arrow:before { + content: "\e6a8"; +} +.pe-7s-notebook:before { + content: "\e62b"; +} +.pe-7s-note:before { + content: "\e62c"; +} +.pe-7s-next:before { + content: "\e62d"; +} +.pe-7s-news-paper:before { + content: "\e62e"; +} +.pe-7s-musiclist:before { + content: "\e62f"; +} +.pe-7s-music:before { + content: "\e630"; +} +.pe-7s-mouse:before { + content: "\e631"; +} +.pe-7s-more:before { + content: "\e632"; +} +.pe-7s-moon:before { + content: "\e633"; +} +.pe-7s-monitor:before { + content: "\e634"; +} +.pe-7s-micro:before { + content: "\e635"; +} +.pe-7s-menu:before { + content: "\e636"; +} +.pe-7s-map:before { + content: "\e637"; +} +.pe-7s-map-marker:before { + content: "\e638"; +} +.pe-7s-mail:before { + content: "\e639"; +} +.pe-7s-mail-open:before { + content: "\e63a"; +} +.pe-7s-mail-open-file:before { + content: "\e63b"; +} +.pe-7s-magnet:before { + content: "\e63c"; +} +.pe-7s-loop:before { + content: "\e63d"; +} +.pe-7s-look:before { + content: "\e63e"; +} +.pe-7s-lock:before { + content: "\e63f"; +} +.pe-7s-lintern:before { + content: "\e640"; +} +.pe-7s-link:before { + content: "\e641"; +} +.pe-7s-like:before { + content: "\e642"; +} +.pe-7s-light:before { + content: "\e643"; +} +.pe-7s-less:before { + content: "\e644"; +} +.pe-7s-keypad:before { + content: "\e645"; +} +.pe-7s-junk:before { + content: "\e646"; +} +.pe-7s-info:before { + content: "\e647"; +} +.pe-7s-home:before { + content: "\e648"; +} +.pe-7s-help2:before { + content: "\e649"; +} +.pe-7s-help1:before { + content: "\e64a"; +} +.pe-7s-graph3:before { + content: "\e64b"; +} +.pe-7s-graph2:before { + content: "\e64c"; +} +.pe-7s-graph1:before { + content: "\e64d"; +} +.pe-7s-graph:before { + content: "\e64e"; +} +.pe-7s-global:before { + content: "\e64f"; +} +.pe-7s-gleam:before { + content: "\e650"; +} +.pe-7s-glasses:before { + content: "\e651"; +} +.pe-7s-gift:before { + content: "\e652"; +} +.pe-7s-folder:before { + content: "\e653"; +} +.pe-7s-flag:before { + content: "\e654"; +} +.pe-7s-filter:before { + content: "\e655"; +} +.pe-7s-file:before { + content: "\e656"; +} +.pe-7s-expand1:before { + content: "\e657"; +} +.pe-7s-exapnd2:before { + content: "\e658"; +} +.pe-7s-edit:before { + content: "\e659"; +} +.pe-7s-drop:before { + content: "\e65a"; +} +.pe-7s-drawer:before { + content: "\e65b"; +} +.pe-7s-download:before { + content: "\e65c"; +} +.pe-7s-display2:before { + content: "\e65d"; +} +.pe-7s-display1:before { + content: "\e65e"; +} +.pe-7s-diskette:before { + content: "\e65f"; +} +.pe-7s-date:before { + content: "\e660"; +} +.pe-7s-cup:before { + content: "\e661"; +} +.pe-7s-culture:before { + content: "\e662"; +} +.pe-7s-crop:before { + content: "\e663"; +} +.pe-7s-credit:before { + content: "\e664"; +} +.pe-7s-copy-file:before { + content: "\e665"; +} +.pe-7s-config:before { + content: "\e666"; +} +.pe-7s-compass:before { + content: "\e667"; +} +.pe-7s-comment:before { + content: "\e668"; +} +.pe-7s-coffee:before { + content: "\e669"; +} +.pe-7s-cloud:before { + content: "\e66a"; +} +.pe-7s-clock:before { + content: "\e66b"; +} +.pe-7s-check:before { + content: "\e66c"; +} +.pe-7s-chat:before { + content: "\e66d"; +} +.pe-7s-cart:before { + content: "\e66e"; +} +.pe-7s-camera:before { + content: "\e66f"; +} +.pe-7s-call:before { + content: "\e670"; +} +.pe-7s-calculator:before { + content: "\e671"; +} +.pe-7s-browser:before { + content: "\e672"; +} +.pe-7s-box2:before { + content: "\e673"; +} +.pe-7s-box1:before { + content: "\e674"; +} +.pe-7s-bookmarks:before { + content: "\e675"; +} +.pe-7s-bicycle:before { + content: "\e676"; +} +.pe-7s-bell:before { + content: "\e677"; +} +.pe-7s-battery:before { + content: "\e678"; +} +.pe-7s-ball:before { + content: "\e679"; +} +.pe-7s-back:before { + content: "\e67a"; +} +.pe-7s-attention:before { + content: "\e67b"; +} +.pe-7s-anchor:before { + content: "\e67c"; +} +.pe-7s-albums:before { + content: "\e67d"; +} +.pe-7s-alarm:before { + content: "\e67e"; +} +.pe-7s-airplay:before { + content: "\e67f"; +} diff --git a/static/new/css/pricing-table.css b/static/new/css/pricing-table.css new file mode 100644 index 00000000..e69de29b diff --git a/static/new/css/theme-hot.css b/static/new/css/theme-hot.css new file mode 100644 index 00000000..8fc9cc90 --- /dev/null +++ b/static/new/css/theme-hot.css @@ -0,0 +1,2309 @@ +/*! +// Contents +// ------------------------------------------------ + + 1. Mixins + 2. Helper classes & resets + 3. Loader + 4. Colours + 5. Typography + 6. Spacing + 7. Buttons + 8. Navigation + 9. Slider, Dividers + 10. Speakers & Topics + 11. Schedule + 12. Galleries + 13. Pricing & FAQ + 14. Subscribe + 15. Contact + 16. Forms + 17. Footers + +// --------------------------------------------------*/ +/*! +// 1. Useful Mixins +// --------------------------------------------------*/ +.vertical-align { + position: relative; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} +.vertical-align-cancel { + top: 0px; + -webkit-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); +} +.preserve-3d { + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + transform-style: preserve-3d; +} +.transition-100 { + transition: all 0.1s ease-out; + -webkit-transition: all 0.1s ease-out; + -moz-transition: all 0.1s ease-out; +} +.transition-300 { + transition: all 0.3s ease-out; + -webkit-transition: all 0.3s ease-out; + -moz-transition: all 0.3s ease-out; +} +.transition-700 { + transition: all 0.7s ease-out; + -webkit-transition: all 0.7s ease-out; + -moz-transition: all 0.7s ease-out; +} +.overlay:before { + background-color: #333333; + opacity: 0.5; + position: absolute; + content: ''; + width: 100%; + height: 100%; + z-index: 1; + top: 0px; +} +.overlay .container { + position: relative; + z-index: 2; +} +/*! +// 2. Helper Classes & Resets +// --------------------------------------------------*/ +.go-right { + right: 0px; +} +.go-left { + left: 0px; +} +img { + max-width: 100%; +} +.main-container { + transition: all 0.3s ease-out; + -webkit-transition: all 0.3s ease-out; + -moz-transition: all 0.3s ease-out; +} +.main-container, +.footer-container, +.nav-container, +nav { + max-width: 1600px; + margin: 0px auto; +} +.boxed-layout .main-container, +.boxed-layout .nav-container, +.boxed-layout nav, +.boxed-layout .footer-container { + max-width: 1366px; + left: 0; + right: 0; + margin: 0 auto; +} +.no-loader .loader { + display: none !important; +} +/*! +// 3. Loader +// --------------------------------------------------*/ +.loader { + position: fixed; + top: 0px; + left: 0px; + width: 100%; + height: 100%; + z-index: 99; + background: #fff; + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + transform-style: preserve-3d; + transition: all 0.3s ease-out; + -webkit-transition: all 0.3s ease-out; + -moz-transition: all 0.3s ease-out; + opacity: 1; +} +.strip-holder { + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + left: 50%; + margin-left: -50px; + position: relative; +} +.strip-1, +.strip-2, +.strip-3 { + width: 20px; + height: 20px; + background: #ff5f00; + position: relative; + -webkit-animation: stripMove 2s ease infinite alternate; + animation: stripMove 2s ease infinite alternate; + -moz-animation: stripMove 2s ease infinite alternate; +} +.strip-2 { + -webkit-animation-duration: 2.1s; + animation-duration: 2.1s; + background-color: #ff9f66; +} +.strip-3 { + -webkit-animation-duration: 2.2s; + animation-duration: 2.2s; + background-color: #ffdfcc; +} +@-webkit-keyframes stripMove { + 0% { + transform: translate3d(0px, 0px, 0px); + -webkit-transform: translate3d(0px, 0px, 0px); + -moz-transform: translate3d(0px, 0px, 0px); + } + 50% { + transform: translate3d(0px, 0px, 0px); + -webkit-transform: translate3d(0px, 0px, 0px); + -moz-transform: translate3d(0px, 0px, 0px); + transform: scale(4, 1); + -webkit-transform: scale(4, 1); + -moz-transform: scale(4, 1); + } + 100% { + transform: translate3d(-50px, 0px, 0px); + -webkit-transform: translate3d(-50px, 0px, 0px); + -moz-transform: translate3d(-50px, 0px, 0px); + } +} +@-moz-keyframes stripMove { + 0% { + transform: translate3d(-50px, 0px, 0px); + -webkit-transform: translate3d(-50px, 0px, 0px); + -moz-transform: translate3d(-50px, 0px, 0px); + } + 50% { + transform: translate3d(0px, 0px, 0px); + -webkit-transform: translate3d(0px, 0px, 0px); + -moz-transform: translate3d(0px, 0px, 0px); + transform: scale(4, 1); + -webkit-transform: scale(4, 1); + -moz-transform: scale(4, 1); + } + 100% { + transform: translate3d(50px, 0px, 0px); + -webkit-transform: translate3d(50px, 0px, 0px); + -moz-transform: translate3d(50px, 0px, 0px); + } +} +@keyframes stripMove { + 0% { + transform: translate3d(-50px, 0px, 0px); + -webkit-transform: translate3d(-50px, 0px, 0px); + -moz-transform: translate3d(-50px, 0px, 0px); + } + 50% { + transform: translate3d(0px, 0px, 0px); + -webkit-transform: translate3d(0px, 0px, 0px); + -moz-transform: translate3d(0px, 0px, 0px); + transform: scale(4, 1); + -webkit-transform: scale(4, 1); + -moz-transform: scale(4, 1); + } + 100% { + transform: translate3d(50px, 0px, 0px); + -webkit-transform: translate3d(50px, 0px, 0px); + -moz-transform: translate3d(50px, 0px, 0px); + } +} +.main-container { + transition: all 0.3s ease-out; + -webkit-transition: all 0.3s ease-out; + -moz-transition: all 0.3s ease-out; +} +nav { + transition: all 0.3s ease-out; + -webkit-transition: all 0.3s ease-out; + -moz-transition: all 0.3s ease-out; +} +.show-content { + opacity: 1 !important; +} +.hide-loader { + opacity: 0 !important; +} +/*! +// 4. Colours +// --------------------------------------------------*/ +.background-dark { + background-color: #333333 !important; +} +.color-heading { + color: #333333; +} +/*! +// 5. Typography +// --------------------------------------------------*/ +.text-white { + color: #fff; +} +body { + font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif; + font-smoothing: antialiased; + -webkit-font-smoothing: antialiased; + color: #777777; + font-size: 14px; + line-height: 24px; + background: #eee; + -moz-osx-font-smoothing: grayscale; +} +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif; + font-weight: 300; + color: #333333; +} +h1 { + font-size: 36px; + line-height: 36px; + margin-bottom: 42px; +} + +h2 { + font-size: 28px; + line-height: 28px; +} + +h3 { + font-size: 20px; + line-height: 28px; +} +.large-h1 { + font-size: 42px; + line-height: 48px; + font-weight: 300; +} +p { + font-size: 14px; + line-height: 24px; +} +p:last-child { + margin-bottom: 0px; +} +p.lead { + font-size: 16px; + line-height: 30px; + font-weight: 400; +} +span.lead { + font-weight: 400; +} +.uppercase { + text-transform: uppercase; + letter-spacing: 1px; + display: inline-block; + margin-right: -1px; +} +strong { + font-weight: 600; +} +ul { + list-style: none; + margin: 0px; + padding: 0px; +} +ul.bulleted { + list-style-type: disc; + -webkit-margin-before: 1em; + -webkit-margin-after: 1em; + -webkit-margin-start: 0px; + -webkit-margin-end: 0px; + -webkit-padding-start: 40px; +} +@media all and (max-width: 767px) { + h1 { + font-size: 24px; + line-height: 28px; + margin-bottom: 36px; + } + h2 { + font-size: 20px; + line-height: 26px; + } + .large-h1 { + font-size: 24px; + line-height: 28px; + } + p { + font-size: 13px; + line-height: 22px; + } + p.lead { + font-size: 15px; + line-height: 26px; + } +} +/*! +// Spacing Standards +// --------------------------------------------------*/ +section { + padding: 72px 0px; + background: #fff; +} +.duplicatable-content { + padding-bottom: 36px; +} +/*! +// 6. Buttons +// --------------------------------------------------*/ +a:hover { + text-decoration: none; +} +h1 a, +span a, +p a, +.text-link a { + font-weight: 600; + color: #fff; + display: inline-block; + padding-bottom: 6px; + transition: all 0.3s ease-out; + -webkit-transition: all 0.3s ease-out; + -moz-transition: all 0.3s ease-out; +} +span a, +p a, +.text-link a { + padding-bottom: 4px; +} +span a:hover { + color: #fff; +} +p a, +.text-link a { + color: #428bca !important; + padding-bottom: 2px; +} +p a, +.text-link a:hover { + color: #333333; +} +.btn { + min-width: 180px; + border-radius: 25px; + background: #FBBD4A; + text-align: center; + padding: 13px 0px 14px 0px; + color: #fff; + font-size: 15px; + transition: all 0.3s ease-out; + -webkit-transition: all 0.3s ease-out; + -moz-transition: all 0.3s ease-out; + font-weight: 600; + line-height: 1; + margin-bottom: 10px; +} +.btn:hover { + color: #fff; + background: #428bca; +} +.btn-hollow { + background: none; + border: 2px solid #ff5f00; + color: #ff5f00; +} +.btn-hollow:hover { + background: #ff5f00; +} +.btn-white { + background: #fff; + color: #ff5f00; +} +.btn-white:hover { + background: #fff; + color: #cc4c00; +} +.btn-hollow.btn-white { + background: none; + border-color: #fff; + color: #fff; +} +.btn-hollow.btn-white:hover { + background: #fff; + color: #ff5f00; +} +.btn-lg { + padding: 20px 0px 21px 0px; + text-transform: uppercase; + min-width: 230px; + border-radius: 35px; +} +/*! +// Backgrounds & Parallax +// --------------------------------------------------*/ +.background-image-holder { + position: absolute; + width: 100%; + height: 130%; + top: -10%; + background-size: cover !important; + background-position: 50% 50% !important; +} +.background-image-holder img { + display: none; +} +.image-holder { + position: relative; + overflow: hidden; +} +/*! +// 7. Navigation +// --------------------------------------------------*/ +nav .logo { + max-height: 45px; + max-width: 110px; + position: absolute; + top: -6px; + opacity: 1; +} +nav .text-right { + position: relative; +} +nav .container { + transition: all 0.3s ease-out; + -webkit-transition: all 0.3s ease-out; + -moz-transition: all 0.3s ease-out; +} +.overlay-nav { + position: fixed; + top: 0px; + z-index: 10; + width: 100%; + padding-top: 24px; + line-height: 1; + background: none; + transition: all 0.3s ease-out; + -webkit-transition: all 0.3s ease-out; + -moz-transition: all 0.3s ease-out; +} +.overlay-nav .logo-dark { + opacity: 0; +} +.overlay-nav.sticky-nav .logo-light { + opacity: 0; +} +.overlay-nav.sticky-nav .logo-dark { + opacity: 1; +} +.bottom-border { + position: absolute; + bottom: 2px; + width: 100%; + height: 2px; + background: rgba(255, 255, 255, 0.3); +} +.sidebar-menu .bottom-border { + position: relative; + bottom: 0px; + background: rgba(255, 255, 255, 0.2); + display: block !important; +} +.menu { + display: inline-block; + text-align: left; + line-height: 1; +} +.menu li { + float: left; + margin-right: 32px; + font-size: 11px; + text-transform: uppercase; + letter-spacing: 1px; + font-weight: 600; + position: relative; + top: 4px; +} +.menu li:last-child { + margin-right: 0px; +} +.menu li:nth-las-child(2) { + margin-right: 12px; +} +.menu li a { + color: #fff; + display: inline-block; + padding-bottom: 24px; + border-bottom: 2px solid rgba(0, 0, 0, 0); + transition: all 0.3s ease-out; + -webkit-transition: all 0.3s ease-out; + -moz-transition: all 0.3s ease-out; +} +.menu li a:hover { + border-bottom: 2px solid #fff; +} +.nav-dropdown { + position: absolute; + z-index: -1; + display: none; + background: rgba(255, 255, 255, 0.9); + min-width: 200px; + overflow: hidden; + margin-top: -2px; +} +.nav-dropdown li:first-child { + margin-top: 12px; +} +.nav-dropdown li { + opacity: 0; + margin-right: 0px; + float: none; + margin-bottom: 18px; +} +.nav-dropdown li a { + padding-bottom: 0px; + padding-left: 24px; + color: #333333; +} +.nav-dropdown li a:hover { + border-color: rgba(0, 0, 0, 0); +} +.has-dropdown:hover .nav-dropdown { + z-index: 10; + max-height: 300px; + display: block; +} +.has-dropdown:hover .nav-dropdown li { + opacity: 1; +} +.has-dropdown a { + padding-left: 18px; +} +.has-dropdown:before { + display: inline-block; + font-family: 'Pe-icon-7-stroke'; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + content: "\e688"; + color: #fff; + font-size: 24px; + position: absolute; + top: -6px; +} +.menu .social-link { + font-size: 14px; + top: 0px !important; + margin-right: 18px !important; +} +.menu .social-link:nth-last-child(2) { + margin-right: 18px; +} +.sticky-nav { + background: rgba(255, 255, 255, 0.9); +} +.sticky-nav .menu li a { + color: #333333; +} +.sticky-nav .bottom-border { + display: none; +} +.sticky-nav .menu li a:hover { + border-color: rgba(0, 0, 0, 0); +} +.sticky-nav .sidebar-menu-toggle, +.sticky-nav .mobile-menu-toggle { + color: #333333; +} +.sticky-nav .nav-dropdown { + background: rgba(255, 255, 255, 0.9); +} +.sticky-nav .has-dropdown:before { + color: #333333; +} +.sidebar-menu-toggle, +.mobile-menu-toggle { + position: absolute; + color: #fff; + font-size: 32px; + right: 0px; + top: -7px; + cursor: pointer; + transition: all 0.3s ease-out; + -webkit-transition: all 0.3s ease-out; + -moz-transition: all 0.3s ease-out; +} +.mobile-menu-toggle { + display: none; +} +.sidebar-menu, +.instagram-sidebar { + position: fixed; + right: 0px; + top: 0px; + width: 300px; + height: 100%; + background: #333333; + transform: translate3d(300px, 0px, 0px); + -webkit-transform: translate3d(300px, 0px, 0px); + -moz-transform: translate3d(300px, 0px, 0px); + transition: all 0.3s ease-out; + -webkit-transition: all 0.3s ease-out; + -moz-transition: all 0.3s ease-out; +} +.show-sidebar { + transform: translate3d(0px, 0px, 0px); + -webkit-transform: translate3d(0px, 0px, 0px); + -moz-transform: translate3d(0px, 0px, 0px); +} +.reveal-sidebar { + transform: translate3d(-300px, 0px, 0px); + -webkit-transform: translate3d(-300px, 0px, 0px); + -moz-transform: translate3d(-300px, 0px, 0px); +} +.sidebar-content { + padding: 0px 24px; + margin-top: 24px; +} +.widget { + margin-bottom: 24px; +} +.widget .title { + font-size: 16px; + font-weight: 600; + display: inline-block; + margin-bottom: 12px; +} +.widget .menu li { + float: none; + margin-bottom: 12px; +} +.widget .menu li a { + padding-bottom: 0px; + color: #fff !important; + font-size: 12px; +} +.widget .menu li a:hover { + border-color: rgba(0, 0, 0, 0); +} +.widget .menu .social-link { + display: none; +} +.widget .social-profiles li { + margin-right: 24px; +} +.widget .social-profiles li a { + color: #fff; +} +.instagram-toggle { + cursor: pointer; +} +.instagram-toggle-init { + pointer-events: none; +} +.instagram-sidebar li { + width: 100%; + height: 250px; +} +.instagram-sidebar { + overflow-y: auto; +} +.sidebar-content .copy-text { + position: absolute; + bottom: 32px; + color: rgba(255, 255, 255, 0.5); + font-size: 12px; +} +.text-panel { + background: #474747; + padding: 18px; +} +.relative-nav { + position: relative; + padding-top: 28px; + background: #fff; +} +.relative-nav .menu li a { + color: #333333; +} +.relative-nav .has-dropdown:before { + color: #333333; +} +.relative-nav .nav-dropdown { + background: rgba(53, 53, 53, 0.8); +} +.relative-nav .has-dropdown li a { + color: #fff; +} +.relative-nav .sidebar-menu-toggle { + color: #333333; +} +.relative-nav .logo-light { + opacity: 0 !important; +} +.relative-nav .logo-dark { + opacity: 1 !important; +} +.relative-nav .logo { + top: -4px !important; +} +.sidebar-menu .logo { + max-width: 110px; + position: relative; + top: 21px !important; + margin-bottom: 32px; + left: 24px; +} +@media all and (max-width: 768px) { + nav { + max-height: 67px; + overflow: hidden; + background: rgba(255, 255, 255, 0.9) !important; + } + nav .menu li { + float: none; + margin-bottom: 24px; + } + nav .menu li a { + color: #333333 !important; + padding-bottom: 0px; + } + nav .logo { + max-width: 90px; + top: -2px; + } + nav .logo-dark { + opacity: 1 !important; + } + nav .logo-light { + opacity: 0 !important; + } + nav .menu { + width: 100%; + display: block; + margin-top: 67px; + margin-right: 0px; + } + nav .social-link { + float: left !important; + } + .sidebar-menu-toggle { + display: none; + } + .mobile-menu-toggle { + display: block; + position: fixed; + top: 17px; + right: 24px; + color: #333333 !important; + } + .open-menu { + max-height: 800px !important; + } + .nav-dropdown { + position: relative; + display: none; + } + .has-dropdown:hover .nav-dropdown { + display: block; + } + .has-dropdown:before { + color: #333333; + } +} +/*! +// 8. Sliders & Dividers & Headers +// --------------------------------------------------*/ +.hero-slider { + padding: 0px; + position: relative; + overflow: hidden; + background: #2b2b2b; +} +.hero-slider .slides li { + height: 780px; + position: relative; + overflow: hidden; + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + transform-style: preserve-3d; +} +.hero-slider .slides li:before { + background-color: #333333; + opacity: 0.4; + position: absolute; + content: ''; + width: 100%; + height: 100%; + z-index: 1; + top: 0px; +} +.hero-slider .container { + position: relative; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + z-index: 2; +} +.hero-slider h1 { + margin-bottom: 42px; +} +.hero-slider .btn-hollow { + color: #fff; + border-color: #fff; + margin-left: 16px; +} +.hero-slider .btn-hollow:hover { + background: #fff; + color: #ff5f00; +} +@media all and (max-width: 767px) { + .hero-slider .btn-hollow { + display: none; + } +} +.register-header form.register { + padding-top: 0px; + background: rgba(0, 0, 0, 0.4); + padding: 24px; +} +.register-header form input { + width: 100% !important; +} +.register-header form.register span { + color: #fff; +} +.register-header .logo, +.hero-slide .logo { + max-width: 150px; + display: block; + margin-bottom: 12px; +} +.register-header h1 { + margin-bottom: 24px !important; +} +@media all and (max-width: 768px) { + .register-header form.register .form-name, + .register-header form.register .form-email { + max-width: 100%; + width: 100%; + } +} +@media all and (min-width: 321px) and (max-width: 767px) and (orientation: landscape) { + .register-header form.register .form-name, + .register-header form.register .form-email { + width: 50%; + } +} +@media all and (max-width: 767px) { + .hero-slide .logo { + max-width: 100px; + } + .register-header .logo { + display: none; + } + .register-header h1 { + display: none; + } + .register-header form h1 { + display: block; + } + .register-header span.lead { + display: none; + } + .register-header input, + .register-header .select-holder { + max-width: 100% !important; + } + .hero-slider h1 { + margin-bottom: 18px; + } +} +.testimonials-slider { + position: relative; + margin-bottom: 48px; +} +.testimonials-slider .flex-control-nav a { + background: rgba(0, 0, 0, 0.3); +} +.testimonials-slider .flex-control-nav a.flex-active { + background: rgba(0, 0, 0, 0.8); +} +.testimonials-slider .flex-control-nav a:hover { + background: rgba(0, 0, 0, 0.8); +} +.testimonials-slider .flex-control-nav { + bottom: -48px; + text-align: left; +} +.primary-overlay:before { + background-color: #ff5f00; + opacity: 0.8; + position: absolute; + content: ''; + width: 100%; + height: 100%; + z-index: 1; + top: 0px; + background-color: #428bca !important; +} +.strip-divider { + padding: 216px 0px; + position: relative; + overflow: hidden; +} +.strip-divider .container { + z-index: 2; + position: relative; +} +.strip-divider h1 { + margin: 0px; + font-size: 36px; + line-height: 48px; +} +.strip-divider a:hover { + color: #fff !important; +} +@media all and (max-width: 767px) { + .strip-divider { + padding: 72px 0px; + } +} +.countdown-divider { + padding: 144px 0px; +} +.countdown-divider img, +.countdown-header img, +.video-header img { + max-width: 300px; + display: inline-block; + margin-bottom: 12px; +} +.countdown-header h1 { + margin-bottom: 0px; +} +.countdown-header:before { + opacity: 0.8 !important; +} +.video-header:before { + opacity: 0.5 !important; + background: #000 !important; +} +.video-header .uppercase, +.countdown-header .uppercase { + display: block; + font-weight: 600; + margin-bottom: 24px; +} +@media all and (max-width: 768px) { + .countdown-header img, + .countdown-divider img, + .video-header img { + max-width: 150px; + } +} +.countdown { + text-align: center; + margin-top: 72px; +} +.countdown-row { + color: #fff; + font-size: 80px; + font-weight: 300; +} +.countdown-section { + width: 20%; + display: inline-block; +} +.countdown-amount { + display: inline-block; + margin-bottom: 48px; +} +.countdown-period { + display: block; + font-size: 24px; +} +.section-header { + position: relative; + overflow: hidden; + height: 450px; +} +.section-header h1 { + font-size: 32px; +} +.section-header.overlay:before { + opacity: 0.2; +} +.section-header i { + font-size: 40px; + color: #fff; + margin: 0px 24px 12px 0px; +} +.section-header i:last-of-type { + margin-right: 0px; +} +@media all and (max-width: 767px) { + .countdown { + margin-top: 48px; + } + .countdown-row { + font-size: 36px; + } + .countdown-period { + font-size: 16px; + } +} +.video-wrapper { + position: absolute; + width: 100%; + height: 100%; + top: 0px; + left: 0px; + z-index: 0; +} +.video-wrapper video { + width: 100%; +} +@media all and (max-width: 1390px) { + .video-wrapper video { + width: 110%; + } +} +@media all and (max-width: 1260px) { + .video-wrapper video { + width: 120%; + } +} +@media all and (max-width: 1160px) { + .video-wrapper video { + width: 130%; + } +} +@media all and (max-width: 1024px) { + .video-wrapper { + display: none; + } +} +.call-to-action { + padding: 144px 0px; +} +.call-to-action .uppercase { + display: block; + width: 100%; + text-align: center; + margin-bottom: 32px; +} +.call-to-action h1 { + margin-bottom: 32px; +} +.call-to-action .btn { + margin-bottom: 40px; +} +.call-to-action a i { + display: inline-block; + width: 60px; + height: 60px; + border-radius: 50%; + color: #fff; + margin-right: 12px; + font-size: 24px; + line-height: 60px; +} +.call-to-action .social_facebook { + background-color: #3b5998; +} +.call-to-action .social_twitter { + background-color: #00aced; +} +.call-to-action a:last-of-type i { + margin-right: 0px; +} +@media all and (max-width: 768px) { + .call-to-action { + padding: 72px 0px; + } +} +/*! +// 9. Image with text +// --------------------------------------------------*/ +.image-with-text { + overflow: hidden; + position: relative; + height: 600px; +} +.image-with-text h1 { + margin-bottom: 24px; +} +.side-image { + padding: 0px; + position: absolute; + top: 0px; + height: 100%; +} +@media all and (max-width: 767px) { + .image-with-text { + height: auto; + padding: 72px 0px; + } + .image-with-text .vertical-align { + top: 0px; + -webkit-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); + } +} +/*! +// Promo Blocks +// --------------------------------------------------*/ +.color-blocks { + position: relative; + overflow: hidden; + color: #fff; +} +.color-block { + position: absolute; + top: 0px; + height: 100%; + padding: 0px; + color: #fff; + transition: all 0.3s ease-out; + -webkit-transition: all 0.3s ease-out; + -moz-transition: all 0.3s ease-out; +} +.color-blocks h1, +.color-blocks h2, +.color-blocks h3, +.color-blocks h4, +.color-blocks h5, +.color-blocks h6 { + color: #fff; +} +.color-blocks h1 { + margin-bottom: 12px; +} +.color-blocks a { + color: #fff; + pointer-events: auto; +} +.color-blocks a:hover i { + transform: rotateZ(-10deg); +} +.color-blocks i, +.contained-promo i { + color: #ff5f00; + font-size: 70px; + display: inline-block; + border: 2px solid #fff; + border-radius: 50%; + width: 120px; + height: 120px; + line-height: 117px; + background: #fff; + text-align: center; + transition: all 0.1s ease-out; + -webkit-transition: all 0.1s ease-out; + -moz-transition: all 0.1s ease-out; +} +.block-left { + background-color: #ff5f00; +} +.block-right { + background-color: #d65000; + right: 0px; +} +@media all and (max-width: 768px) { + .block-content { + margin-bottom: 144px; + overflow: hidden; + display: block; + } + .block-content:last-of-type { + margin-bottom: 0px; + } + .color-block { + height: 50%; + width: 100%; + } + .block-right { + top: 50%; + } +} +@media all and (max-width: 767px) { + .block-content i { + margin-bottom: 30px; + } +} +/*! +// 10. Speakers & Topics +// --------------------------------------------------*/ +.speakers-row { + padding: 0px 15px; +} +.speaker-column { + padding: 0px; +} +.speaker { + position: relative; + overflow: hidden; +} +.speaker, +.topic { + margin-bottom: 36px; +} +.speaker .hover-state { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 2; + opacity: 0; + background: rgba(0, 0, 0, 0.5); + transition: all 0.3s ease-out; + -webkit-transition: all 0.3s ease-out; + -moz-transition: all 0.3s ease-out; +} +.speaker .image-holder { + margin-bottom: 12px; +} +.speaker span { + display: block; + font-size: 16px; +} +.speaker-name { + color: #333333; +} +.speaker .social-links { + width: 100%; + transition: all 0.3s ease-out; + -webkit-transition: all 0.3s ease-out; + -moz-transition: all 0.3s ease-out; + transform: translate3d(0px, -200px, 0px); + -webkit-transform: translate3d(0px, -200px, 0px); + -moz-transform: translate3d(0px, -200px, 0px); +} +.speaker .social-links a { + color: #fff; + font-size: 24px; + display: inline-block; + margin-left: 6px; +} +.speaker .social-links a:last-child { + margin-right: 0px; +} +.speaker .image-holder:hover .hover-state { + opacity: 1; +} +.speaker .image-holder:hover .hover-state .social-links { + transform: translate3d(0px, 0px, 0px); + -webkit-transform: translate3d(0px, 0px, 0px); + -moz-transform: translate3d(0px, 0px, 0px); +} +.speaker-with-bio { + overflow: hidden; + margin-bottom: 36px; +} +.speaker-with-bio .speaker { + width: 50%; + float: left; + margin-bottom: 0px; +} +.speaker-with-bio .speaker-description { + width: 50%; + float: left; + padding-left: 30px; +} +.speaker-description span { + display: inline-block; + margin-bottom: 18px; + font-weight: 600; +} +@media all and (max-width: 767px) { + .speaker-with-bio .speaker { + width: 100%; + } + .speaker-with-bio .speaker-description { + width: 100%; + padding-left: 0px; + } +} +.topics { + position: relative; + overflow: hidden; +} +.topics .container { + position: relative; + z-index: 2; +} +.topics.overlay .ruled-list li { + border-color: rgba(255, 255, 255, 0.5); +} +.topics.overlay .topic i { + color: #fff; +} +.topic h3 { + margin-bottom: 18px; +} +.topic p.lead { + margin-bottom: 32px; +} +.topic i { + font-size: 60px; + color: #FBBD4A; + display: inline-block; + margin-bottom: 32px; +} +@media all and (max-width: 767px) { + .topic h3 { + display: inline-block; + position: relative; + bottom: 18px; + left: 12px; + } + .topic i { + margin-bottom: 12px; + } +} +.ruled-list li { + border-top: 1px dotted rgba(0, 0, 0, 0.3); + padding: 12px 0px; + font-size: 16px; +} +@media all and (min-width: 321px) and (max-width: 767px) and (orientation: landscape) { + .speakers-row .col-sm-6 { + width: 50%; + float: left !important; + } +} +/*! +// 11. Schedule +// --------------------------------------------------*/ +.inline-video { + background: #f5f5f5; +} +.inline-video iframe { + width: 100%; + height: 300px; + border: none; +} +.inline-video .btn { + min-width: 150px; + margin-top: 32px; + margin-right: 16px; +} +@media all and (max-width: 768px) { + .inline-video iframe { + height: 350px; + margin-top: 42px; + } +} +@media all and (max-width: 767px) { + .inline-video iframe { + height: 200px; + margin-top: 30px; + } + .inline-video .btn { + margin-top: 18px; + } +} +@media all and (min-width: 321px) and (max-width: 767px) and (orientation: landscape) { + .inline-video iframe { + height: 250px; + } +} +.embedded-video-holder p { + display: none; +} +.schedule-overview { + border: 2px solid rgba(0, 0, 0, 0.2); + margin-bottom: 36px; +} +.schedule-overview li { + padding: 24px; + position: relative; + cursor: pointer; + transition: all 0.3s ease-out; + -webkit-transition: all 0.3s ease-out; + -moz-transition: all 0.3s ease-out; +} +.schedule-overview li:first-child .top { + display: none; +} +.schedule-overview li:last-child .bottom { + display: none; +} +.schedule-title span { + display: block; + font-size: 16px; +} +.schedule-title .title { + color: #333333; +} +.schedule-text { + max-height: 0px; + transition: all 0.3s ease-out; + -webkit-transition: all 0.3s ease-out; + -moz-transition: all 0.3s ease-out; + opacity: 0; +} +.schedule-overview li:hover { + background-color: #f5f5f5; +} +.schedule-overview li:hover .schedule-text { + max-height: 300px; + opacity: 1; + padding-top: 18px; +} +.schedule-overview li:hover .top, +.schedule-overview li:hover .bottom, +.schedule-overview li:hover .middle { + border-color: rgba(0, 0, 0, 0.4); +} +.schedule-overview li:hover .middle { + background: #333333; +} +.schedule-with-text .btn, +.contained-gallery .btn { + margin-top: 24px; + margin-right: 12px; +} +.schedule-with-text .schedule-overview li { + padding-right: 48px; +} +@media all and (max-width: 1024px) { + .schedule-overview li { + padding-right: 48px; + } +} +@media all and (max-width: 767px) { + .schedule-with-text .btn, + .contained-gallery .btn { + margin-bottom: 32px; + } +} +.marker-pin { + position: absolute; + right: 32px; + top: 0px; + height: 100%; +} +.marker-pin .top, +.marker-pin .bottom { + height: 50%; + width: 2px; + border-left: 2px solid rgba(0, 0, 0, 0.2); + position: absolute; + z-index: 1; + transition: all 0.3s ease-out; + -webkit-transition: all 0.3s ease-out; + -moz-transition: all 0.3s ease-out; +} +.marker-pin .top { + top: 0px; +} +.marker-pin .bottom { + bottom: 0px; +} +.marker-pin .middle { + width: 18px; + height: 18px; + border: 2px solid rgba(0, 0, 0, 0.2); + background: #fff; + border-radius: 50%; + position: absolute; + right: -10px; + top: 50%; + margin-top: -9px; + z-index: 2; + transition: all 0.3s ease-out; + -webkit-transition: all 0.3s ease-out; + -moz-transition: all 0.3s ease-out; +} +/*! +// 12. Galleries +// --------------------------------------------------*/ +.instagram, +.lightbox-gallery { + position: relative; + padding: 216px 0px; +} +.gallery-header .logo { + max-width: 400px; + display: block; + margin: 0px auto; + margin-bottom: 12px; +} +@media screen and (max-width: 768px) { + .gallery-header .logo { + max-width: 200px; + } + .gallery-header h1 { + font-size: 24px !important; + line-height: 32px !important; + } +} +.instagram, +.lightbox-gallery { + overflow: hidden; + background: #000 !important; +} +.instagram ul, +.lightbox-gallery ul { + overflow: hidden; + position: absolute; + width: 100%; + height: 100%; + top: 0px; +} +.instagram li, +.lightbox-gallery li { + float: left; + width: 20%; + height: 50%; + position: relative; + cursor: pointer; + transition: all 0.3s ease-out; + -webkit-transition: all 0.3s ease-out; + -moz-transition: all 0.3s ease-out; + overflow: hidden; + background-size: cover !important; + opacity: 0.5; +} +.instagram li:hover, +.lightbox-gallery li:hover { + opacity: 1 !important; +} +.instagram .container, +.lightbox-gallery .container { + position: relative; + z-index: 3; +} +.instagram i, +.lightbox-gallery i { + font-size: 48px; + display: inline-block; + margin-bottom: 16px; +} +.instagram h1, +.lightbox-gallery h1 { + font-size: 42px; + line-height: 48px; + font-weight: 300; + margin-bottom: 16px; +} +@media all and (max-width: 1200px) { + .instagram li:nth-child(n+9), + .lightbox-gallery li:nth-child(n+9) { + display: none; + } + .instagram li, + .lightbox-gallery li { + width: 25%; + } +} +@media all and (max-width: 900px) { + .instagram li:nth-child(n+7), + .lightbox-gallery li:nth-child(n+7) { + display: none; + } + .instagram li, + .lightbox-gallery li { + width: 33.333333%; + } +} +@media all and (max-width: 767px) { + .instagram, + .lightbox-gallery { + padding: 144px 0px; + } + .instagram li:nth-child(n+5), + .lightbox-gallery li:nth-child(n+5) { + display: none; + } + .instagram li, + .lightbox-gallery li { + width: 50%; + } +} +.testimonials { + background: #f5f5f5; +} +.contained-gallery .instagram, +.contained-gallery .lightbox-gallery { + padding: 185px 0px; +} +.contained-gallery .instagram li:nth-child(n+9), +.contained-gallery .lightbox-gallery li:nth-child(n+9) { + display: none; +} +.contained-gallery .instagram li, +.contained-gallery .lightbox-gallery li { + width: 25%; + opacity: 0.7; +} +@media all and (max-width: 1024px) { + .contained-gallery .instagram li:nth-child(n+7) { + display: none; + } + .contained-gallery .lightbox-gallery li:nth-child(n+7) { + display: none; + } + .contained-gallery .instagram li, + .contained-gallery .lightbox-gallery li { + width: 33.33333%; + } + .contained-gallery .instagram, + .contained-gallery .lightbox-gallery { + padding: 200px 0px; + } +} +@media all and (max-width: 768px) { + .contained-gallery .instagram, + .contained-gallery .lightbox-gallery { + margin-bottom: 32px; + } + .contained-gallery .btn { + margin-bottom: 0px; + } + .contained-gallery .instagram li:nth-child(n+5), + .contained-gallery .lightbox-gallery li:nth-child(n+5) { + display: block !important; + } + .contained-gallery .instagram li:nth-child(n+7), + .contained-gallery .lightbox-gallery li:nth-child(n+7) { + display: none !important; + } + .contained-gallery .instagram li, + .contained-gallery .lightbox-gallery li { + width: 33.33333% !important; + } +} +/*! +// 13. Pricing +// --------------------------------------------------*/ +.pricing-option { + overflow: hidden; + background: #f5f5f5; + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + transform-style: preserve-3d; + position: relative; + padding: 72px 0px; + margin-bottom: 30px; + transition: all 0.3s ease-out; + -webkit-transition: all 0.3s ease-out; + -moz-transition: all 0.3s ease-out; +} +.pricing-option .dot { + position: absolute; + top: 24px; + right: 24px; + width: 24px; + height: 24px; + border-radius: 50%; + background: #fff; +} +.pricing-option:hover { + background: #ededed; +} +@media all and (min-width: 321px) and (max-width: 767px) and (orientation: landscape) { + .pricing-options .col-sm-6 { + width: 50%; + float: left; + } +} +.dollar, +.price, +.type { + font-weight: 600; + color: #333333; + font-size: 72px; +} +.dollar { + font-size: 36px; + position: relative; + bottom: 22px; +} +.price { + line-height: 1; +} +.type { + display: block; + font-size: 14px; + text-transform: uppercase; + letter-spacing: 1px; + margin-top: 12px; +} +.plan-title { + display: block; + font-weight: 600; + margin-bottom: 12px; + font-size: 18px; + color: #333333; +} +.pricing-option ul li { + color: #777777; +} +.pricing-option.emphasis { + background: #ff5f00; + color: #fff; +} +.pricing-option.emphasis .type, +.pricing-option.emphasis .dollar, +.pricing-option.emphasis .price, +.pricing-option.emphasis .plan-title, +.pricing-option.emphasis ul li { + color: #fff !important; +} +@media all and (max-width: 991px) { + .type { + margin-bottom: 12px; + } + .pricing-option { + text-align: center !important; + } +} +/*! +// Frequently Asked Questions +// --------------------------------------------------*/ +.faq-item { + margin-bottom: 36px; +} +p.question { + font-weight: 600; + color: #333333; + font-size: 16px; +} +/*! +// Visitor Info +// --------------------------------------------------*/ +.info-box { + margin-bottom: 36px; + position: relative; + overflow: hidden; +} +.info-box img { + display: block; + margin-bottom: 12px; +} +.info-box h3 { + margin-bottom: 12px; +} +.info-box .text-link { + position: absolute; + bottom: 12px; + right: 0px; +} +.text-link a { + display: inline-block; + margin-left: 12px; +} +@media all and (min-width: 321px) and (max-width: 767px) and (orientation: landscape) { + .visitor-info .col-sm-4 { + width: 50%; + float: left; + } +} +/*! +// 14. Subscribe +// --------------------------------------------------*/ +.subscribe-1 { + position: relative; + overflow: hidden; + padding-top: 144px; + padding-bottom: 36px; +} +.subscribe-1:before { + background-color: #333333; + opacity: 0.4; + position: absolute; + content: ''; + width: 100%; + height: 100%; + z-index: 1; + top: 0px; +} +.subscribe-1 .container { + position: relative; + z-index: 2; +} +.subscribe-1 .email-subscribe { + margin-bottom: 216px; +} +.subscribe-1 footer { + border-top: 2px solid rgba(255, 255, 255, 0.3); + padding-top: 36px; +} +.subscribe-1 .twitter-feed { + margin-bottom: 72px; +} +.subscribe-1 h1 { + margin-bottom: 30px; +} +.email-subscribe span { + display: block; + margin-top: 12px; +} +.twitter-feed i { + font-size: 48px; + display: inline-block; + margin-bottom: 32px; +} +.twitter-feed span a { + border-bottom: none; +} +.tweets-feed .user { + display: none; +} +.tweets-feed .interact { + display: none; +} +.tweets-feed .tweet { + color: #fff; + font-size: 30px; + line-height: 36px; + font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif; + font-weight: 300; +} +.tweets-feed .tweet a { + color: #fff !important; + border-color: #fff !important; +} +.tweets-feed .timePosted { + display: none; +} +@media all and (max-width: 767px) { + .tweets-feed .tweet { + font-size: 20px; + line-height: 26px; + } + .subscribe-2 .form-email { + margin-bottom: 24px; + } +} +/*! +// 15. Contact +// --------------------------------------------------*/ +.contact-tweets { + background: #ff5f00; + color: #fff; + position: relative; + overflow: hidden; + height: 600px; + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + transform-style: preserve-3d; +} +.contact-tweets .social_twitter { + font-size: 42px; + margin-bottom: 32px; + display: inline-block; +} +.contact-tweets .map-holder { + position: absolute; + height: 100%; + padding: 0px; + top: 0px; + right: 0px; +} +.contact-tweets .timePosted { + display: block !important; +} +.map-holder:before { + content: ''; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 2; + opacity: 0; +} +.map-holder iframe { + border: 0px; + position: absolute; + width: 100%; + height: 100%; +} +.contact-tweets span a { + border-bottom: 2px solid #fff; + padding-bottom: 1px; +} +.contact-tweets form { + padding-top: 0px !important; +} +.contact-tweets form .btn { + background: #fff; + color: #ff5f00; +} +.contact-tweets form ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.9); +} +.contact-tweets form :-moz-placeholder { + color: rgba(255, 255, 255, 0.9); +} +.contact-tweets form ::-moz-placeholder { + color: rgba(255, 255, 255, 0.9); +} +.contact-tweets form :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.9); +} +.contact-tweets .icon { + font-size: 60px; + margin-bottom: 12px; +} +.contact-tweets .form-message { + max-width: 95.5%; + width: 95.5%; +} +.fullwidth-map { + padding: 0px; + position: relative; + overflow: hidden; +} +.fullwidth-map .map-holder { + width: 100%; + height: 400px; + overflow: hidden; +} +.fullwidth-map.screen:before { + content: ''; + position: absolute; + width: 100%; + height: 100%; + z-index: 2; +} +/*! +// Sponsors +// --------------------------------------------------*/ +.sponsors { + background: #f5f5f5; +} +.sponsor { + margin-bottom: 36px; + height: 80px; + line-height: 80px; +} +.sponsor img { + max-width: 150px; + transition: all 0.3s ease-out; + -webkit-transition: all 0.3s ease-out; + -moz-transition: all 0.3s ease-out; + max-height: 80px; +} +.sponsors span { + display: inline-block; + margin-top: 24px; +} +.sponsors span a { + color: #ff5f00; + border-color: #ff5f00; +} +@media all and (min-width: 321px) and (max-width: 767px) and (orientation: landscape) { + .sponsors .col-sm-6 { + width: 50%; + float: left; + } +} +/*! +// 16. Forms +// --------------------------------------------------*/ +form.register { + overflow: hidden; + padding-top: 24px; + display: block; +} +form.register div { + padding: 0px; +} +input[type="text"], +form.register .select-holder { + margin-bottom: 32px; + padding: 12px; + border: 1.8px solid #bfbfbf; + border-radius: 5px; + font-size: 14px; + max-width: 90%; + color: black; + padding-left: 24px; + transition: all 0.3s ease-out; + -webkit-transition: all 0.3s ease-out; + -moz-transition: all 0.3s ease-out; +} +input[type="text"]:focus, +form.register .select-holder:focus, +input[type="text"]:hover, +form.register .select-holder:hover { + outline: none; + background: rgba(255, 255, 255, 0.2); +} +form.register select { + width: 90%; + margin: 0px; + background: none; + border: none; + cursor: pointer; +} +form.register select:focus { + outline: none; +} +form.register input[type="submit"] { + padding-bottom: 12px; + width: 90%; + margin-bottom: 12px; +} +input[type="submit"] { + font-weight: normal; +} +.email-subscribe { + overflow: hidden; +} +.email-subscribe input { + margin: 0px auto; + min-width: 100%; + max-width: 100%; +} +.email-subscribe input[type="text"] { + background: rgba(255, 255, 255, 0.3); +} +.email-subscribe input[type="text"]:hover, +.email-subscribe input[type="text"]:focus { + background: rgba(255, 255, 255, 0.4); +} +.email-subscribe ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.9); +} +.email-subscribe :-moz-placeholder { + color: rgba(255, 255, 255, 0.9); +} +.email-subscribe ::-moz-placeholder { + color: rgba(255, 255, 255, 0.9); +} +.email-subscribe :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.9); +} +.email-subscribe input[type="submit"] { + min-height: 48px; +} +.subscribe-2 .email-subscribe input[type="text"] { + background: #ccc; +} +.subscribe-2 i { + color: #FBBD4A; + font-size: 70px; + display: inline-block; + margin-right: 24px; + margin-bottom: 18px; +} +.subscribe-2 i:last-of-type { + margin-right: 0px; +} +input.error { + color: #ff4532; +} +.mail-list-form { + width: 0px; + height: 0px; + opacity: 0; + overflow: hidden; +} +.form-success, +.form-error { + display: none; + width: 100%; + padding: 6px 18px 8px 18px !important; + margin-top: 12px; + color: #fff; + background-color: #55c950; + border-radius: 20px; +} +.form-error { + background-color: #D74B4B; +} +form .field-error { + background: #D74B4B !important; +} +@media all and (max-width: 767px) { + form.register input, + form.register .select-holder { + width: 100% !important; + max-width: 100%; + } + .subscribe-1 .email-subscribe input[type="text"] { + margin-bottom: 24px; + } +} +@media all and (min-width: 321px) and (max-width: 767px) and (orientation: landscape) { + form.register .col-sm-6 { + width: 50%; + float: left; + } + form.register input, + form.register .select-holder { + max-width: 95% !important; + } + form.register input[type="submit"] { + max-width: 100% !important; + } +} +/*! +// Utility Pages +// --------------------------------------------------*/ +.error-page { + background: #ff5f00; + padding: 0px; +} +.error-page h1 { + font-size: 84px; + line-height: 96px; + margin-bottom: 0px; + margin-bottom: 12px; +} +.error-page p { + font-size: 24px; + line-height: 32px; +} +.error-page i { + color: #fff; + font-size: 84px; + display: inline-block; + margin-right: 24px; +} +.error-page i:last-of-type { + margin-right: 0px; +} +.error-page .btn { + margin-right: 24px; + margin-top: 12px; +} +@media all and (max-width: 767px) { + .error-page i { + display: none; + } +} +/*! +// 17. Footers +// --------------------------------------------------*/ +.footer .top-border { + height: 2px; + width: 100%; + background: rgba(255, 255, 255, 0.3); + margin-bottom: 32px; +} +.footer .menu { + overflow: visible; +} +.footer .menu li { + top: 0px; +} +.footer .menu li a { + padding-bottom: 0px; +} +.footer .menu li .btn { + min-width: 0px; + padding: 10px 18px; + font-size: 14px; +} +.footer .menu li a { + display: inline-block; + position: relative; + border: none; +} +.footer .menu li a:hover { + border: none; +} +.footer .back-to-top { + padding-right: 42px; +} +.footer .menu li a i { + font-size: 36px; + position: absolute; + right: 0px; + top: -12px; +} +@media all and (max-width: 767px) { + .footer .text-right { + text-align: left !important; + } + .footer .menu { + margin-top: 24px; + } + .footer .menu li { + float: none; + margin-bottom: 12px; + } +} +footer.classic { + padding: 72px 0px 36px 0px; + background: #f5f5f5; +} +footer.classic .menu li { + float: none; + margin-bottom: 12px; +} +footer.classic .menu li a { + color: #333333; + padding-bottom: 0px; + font-weight: 600; +} +footer.classic span.lead { + display: inline-block; + margin-bottom: 12px; +} +footer.short { + background: #333333; + color: #fff; + padding: 72px 0px; +} +footer.short .top-border { + height: 1px !important; +} +@media all and (max-width: 767px) { + footer.classic div { + margin-bottom: 18px; + } +} +.contact-methods li { + margin-bottom: 12px; +} +.contact-methods li:last-child { + margin-bottom: 0px; +} +.contact-methods i { + font-size: 36px; + color: #333333; +} +.contact-methods span { + display: inline-block; + position: relative; + bottom: 10px; + left: 8px; + font-size: 16px; +} +footer.classic .social-profiles { + margin-top: 36px; +} +.social-profiles { + display: inline-block; + overflow: hidden; +} +.social-profiles li { + float: left; + margin-right: 36px; +} +.social-profiles li:last-child { + margin-right: 0px; +} +.social-profiles li a { + color: #333333; + font-size: 20px; +} diff --git a/static/new/fonts/ElegantIcons.eot b/static/new/fonts/ElegantIcons.eot new file mode 100644 index 00000000..2fe8892f Binary files /dev/null and b/static/new/fonts/ElegantIcons.eot differ diff --git a/static/new/fonts/ElegantIcons.svg b/static/new/fonts/ElegantIcons.svg new file mode 100644 index 00000000..93538d7e --- /dev/null +++ b/static/new/fonts/ElegantIcons.svg @@ -0,0 +1,1832 @@ + + + + +This is a custom SVG font generated by IcoMoon. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/new/fonts/ElegantIcons.ttf b/static/new/fonts/ElegantIcons.ttf new file mode 100644 index 00000000..12ff6800 Binary files /dev/null and b/static/new/fonts/ElegantIcons.ttf differ diff --git a/static/new/fonts/ElegantIcons.woff b/static/new/fonts/ElegantIcons.woff new file mode 100644 index 00000000..39330525 Binary files /dev/null and b/static/new/fonts/ElegantIcons.woff differ diff --git a/static/new/fonts/Pe-icon-7-stroke.eot b/static/new/fonts/Pe-icon-7-stroke.eot new file mode 100644 index 00000000..8a619c7c Binary files /dev/null and b/static/new/fonts/Pe-icon-7-stroke.eot differ diff --git a/static/new/fonts/Pe-icon-7-stroke.svg b/static/new/fonts/Pe-icon-7-stroke.svg new file mode 100644 index 00000000..aaf5a4b5 --- /dev/null +++ b/static/new/fonts/Pe-icon-7-stroke.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/new/fonts/Pe-icon-7-stroke.ttf b/static/new/fonts/Pe-icon-7-stroke.ttf new file mode 100644 index 00000000..ecf65577 Binary files /dev/null and b/static/new/fonts/Pe-icon-7-stroke.ttf differ diff --git a/static/new/fonts/Pe-icon-7-stroke.woff b/static/new/fonts/Pe-icon-7-stroke.woff new file mode 100644 index 00000000..7b733e5f Binary files /dev/null and b/static/new/fonts/Pe-icon-7-stroke.woff differ diff --git a/static/new/fonts/glyphicons-halflings-regular.eot b/static/new/fonts/glyphicons-halflings-regular.eot new file mode 100644 index 00000000..b93a4953 Binary files /dev/null and b/static/new/fonts/glyphicons-halflings-regular.eot differ diff --git a/static/new/fonts/glyphicons-halflings-regular.svg b/static/new/fonts/glyphicons-halflings-regular.svg new file mode 100644 index 00000000..94fb5490 --- /dev/null +++ b/static/new/fonts/glyphicons-halflings-regular.svg @@ -0,0 +1,288 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/new/fonts/glyphicons-halflings-regular.ttf b/static/new/fonts/glyphicons-halflings-regular.ttf new file mode 100644 index 00000000..1413fc60 Binary files /dev/null and b/static/new/fonts/glyphicons-halflings-regular.ttf differ diff --git a/static/new/fonts/glyphicons-halflings-regular.woff b/static/new/fonts/glyphicons-halflings-regular.woff new file mode 100644 index 00000000..9e612858 Binary files /dev/null and b/static/new/fonts/glyphicons-halflings-regular.woff differ diff --git a/static/new/fonts/glyphicons-halflings-regular.woff2 b/static/new/fonts/glyphicons-halflings-regular.woff2 new file mode 100644 index 00000000..64539b54 Binary files /dev/null and b/static/new/fonts/glyphicons-halflings-regular.woff2 differ diff --git a/static/new/img/10.jpg b/static/new/img/10.jpg new file mode 100644 index 00000000..55389eba Binary files /dev/null and b/static/new/img/10.jpg differ diff --git a/static/new/img/11.jpg b/static/new/img/11.jpg new file mode 100644 index 00000000..41dc0b3f Binary files /dev/null and b/static/new/img/11.jpg differ diff --git a/static/new/img/9.jpg b/static/new/img/9.jpg new file mode 100644 index 00000000..eea73454 Binary files /dev/null and b/static/new/img/9.jpg differ diff --git a/static/new/img/PB_PNG.png b/static/new/img/PB_PNG.png new file mode 100644 index 00000000..ba8b38bf Binary files /dev/null and b/static/new/img/PB_PNG.png differ diff --git a/static/new/img/PyBay-SF-Background-grey-small.gif b/static/new/img/PyBay-SF-Background-grey-small.gif new file mode 100644 index 00000000..636cbde5 Binary files /dev/null and b/static/new/img/PyBay-SF-Background-grey-small.gif differ diff --git a/static/new/img/PyBay-SF-Background-grey.gif b/static/new/img/PyBay-SF-Background-grey.gif new file mode 100644 index 00000000..589a5683 Binary files /dev/null and b/static/new/img/PyBay-SF-Background-grey.gif differ diff --git a/static/new/img/PyBay-SF-Background.gif b/static/new/img/PyBay-SF-Background.gif new file mode 100644 index 00000000..b2497fc0 Binary files /dev/null and b/static/new/img/PyBay-SF-Background.gif differ diff --git a/static/new/img/Question-Mark.jpg b/static/new/img/Question-Mark.jpg new file mode 100644 index 00000000..85d5bfe6 Binary files /dev/null and b/static/new/img/Question-Mark.jpg differ diff --git a/static/new/img/air.jpg b/static/new/img/air.jpg new file mode 100644 index 00000000..61fbc603 Binary files /dev/null and b/static/new/img/air.jpg differ diff --git a/static/new/img/bloomberg.png b/static/new/img/bloomberg.png new file mode 100644 index 00000000..f1fc83b9 Binary files /dev/null and b/static/new/img/bloomberg.png differ diff --git a/static/new/img/cdbg-original.jpg b/static/new/img/cdbg-original.jpg new file mode 100644 index 00000000..35c2e0d6 Binary files /dev/null and b/static/new/img/cdbg-original.jpg differ diff --git a/static/new/img/cdbg.jpg b/static/new/img/cdbg.jpg new file mode 100644 index 00000000..f6d250f1 Binary files /dev/null and b/static/new/img/cdbg.jpg differ diff --git a/static/new/img/ch7.jpg b/static/new/img/ch7.jpg new file mode 100644 index 00000000..50f3248d Binary files /dev/null and b/static/new/img/ch7.jpg differ diff --git a/static/new/img/ch8.jpg b/static/new/img/ch8.jpg new file mode 100644 index 00000000..d3ac5a75 Binary files /dev/null and b/static/new/img/ch8.jpg differ diff --git a/static/new/img/chooser.jpg b/static/new/img/chooser.jpg new file mode 100644 index 00000000..2fee1ae3 Binary files /dev/null and b/static/new/img/chooser.jpg differ diff --git a/static/new/img/galvanize.png b/static/new/img/galvanize.png new file mode 100644 index 00000000..18aa7623 Binary files /dev/null and b/static/new/img/galvanize.png differ diff --git a/static/new/img/grey-bg.jpg b/static/new/img/grey-bg.jpg new file mode 100644 index 00000000..8ef4eb73 Binary files /dev/null and b/static/new/img/grey-bg.jpg differ diff --git a/static/new/img/hero1.jpg b/static/new/img/hero1.jpg new file mode 100644 index 00000000..1ff40ab7 Binary files /dev/null and b/static/new/img/hero1.jpg differ diff --git a/static/new/img/hero2.jpg b/static/new/img/hero2.jpg new file mode 100644 index 00000000..122e5b92 Binary files /dev/null and b/static/new/img/hero2.jpg differ diff --git a/static/new/img/hero3.jpg b/static/new/img/hero3.jpg new file mode 100644 index 00000000..80c2056c Binary files /dev/null and b/static/new/img/hero3.jpg differ diff --git a/static/new/img/hero4.jpg b/static/new/img/hero4.jpg new file mode 100644 index 00000000..9f4a0213 Binary files /dev/null and b/static/new/img/hero4.jpg differ diff --git a/static/new/img/hero5.jpg b/static/new/img/hero5.jpg new file mode 100644 index 00000000..6771d437 Binary files /dev/null and b/static/new/img/hero5.jpg differ diff --git a/static/new/img/hero6.jpg b/static/new/img/hero6.jpg new file mode 100644 index 00000000..c3f49ede Binary files /dev/null and b/static/new/img/hero6.jpg differ diff --git a/static/new/img/hero7.jpg b/static/new/img/hero7.jpg new file mode 100644 index 00000000..53527c6f Binary files /dev/null and b/static/new/img/hero7.jpg differ diff --git a/static/new/img/hero8.jpg b/static/new/img/hero8.jpg new file mode 100644 index 00000000..e795aa4e Binary files /dev/null and b/static/new/img/hero8.jpg differ diff --git a/static/new/img/hotel1.jpg b/static/new/img/hotel1.jpg new file mode 100644 index 00000000..661cd616 Binary files /dev/null and b/static/new/img/hotel1.jpg differ diff --git a/static/new/img/lb1.jpg b/static/new/img/lb1.jpg new file mode 100644 index 00000000..9fd93251 Binary files /dev/null and b/static/new/img/lb1.jpg differ diff --git a/static/new/img/lb2.jpg b/static/new/img/lb2.jpg new file mode 100644 index 00000000..31cc9348 Binary files /dev/null and b/static/new/img/lb2.jpg differ diff --git a/static/new/img/lb3.jpg b/static/new/img/lb3.jpg new file mode 100644 index 00000000..4afab275 Binary files /dev/null and b/static/new/img/lb3.jpg differ diff --git a/static/new/img/lb4.jpg b/static/new/img/lb4.jpg new file mode 100644 index 00000000..31613275 Binary files /dev/null and b/static/new/img/lb4.jpg differ diff --git a/static/new/img/lb5.jpg b/static/new/img/lb5.jpg new file mode 100644 index 00000000..d797ab8f Binary files /dev/null and b/static/new/img/lb5.jpg differ diff --git a/static/new/img/lb6.jpg b/static/new/img/lb6.jpg new file mode 100644 index 00000000..3b33a77e Binary files /dev/null and b/static/new/img/lb6.jpg differ diff --git a/static/new/img/lb7.jpg b/static/new/img/lb7.jpg new file mode 100644 index 00000000..07f4398a Binary files /dev/null and b/static/new/img/lb7.jpg differ diff --git a/static/new/img/lb8.jpg b/static/new/img/lb8.jpg new file mode 100644 index 00000000..118bae87 Binary files /dev/null and b/static/new/img/lb8.jpg differ diff --git a/static/new/img/lightbox/close.png b/static/new/img/lightbox/close.png new file mode 100644 index 00000000..20baa1db Binary files /dev/null and b/static/new/img/lightbox/close.png differ diff --git a/static/new/img/lightbox/loading.gif b/static/new/img/lightbox/loading.gif new file mode 100644 index 00000000..5087c2a6 Binary files /dev/null and b/static/new/img/lightbox/loading.gif differ diff --git a/static/new/img/lightbox/next.png b/static/new/img/lightbox/next.png new file mode 100644 index 00000000..08365ac8 Binary files /dev/null and b/static/new/img/lightbox/next.png differ diff --git a/static/new/img/lightbox/prev.png b/static/new/img/lightbox/prev.png new file mode 100644 index 00000000..329fa986 Binary files /dev/null and b/static/new/img/lightbox/prev.png differ diff --git a/static/new/img/linkedin.jpg b/static/new/img/linkedin.jpg new file mode 100644 index 00000000..a545d545 Binary files /dev/null and b/static/new/img/linkedin.jpg differ diff --git a/static/new/img/linkedin.png b/static/new/img/linkedin.png new file mode 100644 index 00000000..06465f2b Binary files /dev/null and b/static/new/img/linkedin.png differ diff --git a/static/new/img/llllb7.jpg b/static/new/img/llllb7.jpg new file mode 100644 index 00000000..4f8c19eb Binary files /dev/null and b/static/new/img/llllb7.jpg differ diff --git a/static/new/img/microsoft.png b/static/new/img/microsoft.png new file mode 100644 index 00000000..3f76185f Binary files /dev/null and b/static/new/img/microsoft.png differ diff --git a/static/new/img/nerdwallet.jpg b/static/new/img/nerdwallet.jpg new file mode 100644 index 00000000..2f0e25e0 Binary files /dev/null and b/static/new/img/nerdwallet.jpg differ diff --git a/static/new/img/owens.jpg b/static/new/img/owens.jpg new file mode 100644 index 00000000..16ea1409 Binary files /dev/null and b/static/new/img/owens.jpg differ diff --git a/static/new/img/pybayfav.ico b/static/new/img/pybayfav.ico new file mode 100644 index 00000000..99f85d97 Binary files /dev/null and b/static/new/img/pybayfav.ico differ diff --git a/static/new/img/sfpython_transparent.png b/static/new/img/sfpython_transparent.png new file mode 100644 index 00000000..eb11b053 Binary files /dev/null and b/static/new/img/sfpython_transparent.png differ diff --git a/static/new/img/slide1.jpg b/static/new/img/slide1.jpg new file mode 100644 index 00000000..a98eec8f Binary files /dev/null and b/static/new/img/slide1.jpg differ diff --git a/static/new/img/slide2.jpg b/static/new/img/slide2.jpg new file mode 100644 index 00000000..4f813b21 Binary files /dev/null and b/static/new/img/slide2.jpg differ diff --git a/static/new/img/slide3.jpg b/static/new/img/slide3.jpg new file mode 100644 index 00000000..af4e6d03 Binary files /dev/null and b/static/new/img/slide3.jpg differ diff --git a/static/new/img/slide4.jpg b/static/new/img/slide4.jpg new file mode 100644 index 00000000..2270f638 Binary files /dev/null and b/static/new/img/slide4.jpg differ diff --git a/static/new/img/sponsor_slider1.jpg b/static/new/img/sponsor_slider1.jpg new file mode 100644 index 00000000..534e261b Binary files /dev/null and b/static/new/img/sponsor_slider1.jpg differ diff --git a/static/new/img/sponsor_slider2.jpg b/static/new/img/sponsor_slider2.jpg new file mode 100644 index 00000000..55545812 Binary files /dev/null and b/static/new/img/sponsor_slider2.jpg differ diff --git a/static/new/img/sponsorlogo/cisco.png b/static/new/img/sponsorlogo/cisco.png new file mode 100644 index 00000000..13bca3a6 Binary files /dev/null and b/static/new/img/sponsorlogo/cisco.png differ diff --git a/static/new/img/sponsorlogo/hackbright.png b/static/new/img/sponsorlogo/hackbright.png new file mode 100644 index 00000000..a4f048c2 Binary files /dev/null and b/static/new/img/sponsorlogo/hackbright.png differ diff --git a/static/new/img/travel.jpg b/static/new/img/travel.jpg new file mode 100644 index 00000000..8af1de94 Binary files /dev/null and b/static/new/img/travel.jpg differ diff --git a/static/new/img/twitter-card.jpg b/static/new/img/twitter-card.jpg new file mode 100644 index 00000000..bff9afe1 Binary files /dev/null and b/static/new/img/twitter-card.jpg differ diff --git a/static/new/img/unknown-speaker.png b/static/new/img/unknown-speaker.png new file mode 100644 index 00000000..4c55cab6 Binary files /dev/null and b/static/new/img/unknown-speaker.png differ diff --git a/static/new/img/unknown-speaker.svg b/static/new/img/unknown-speaker.svg new file mode 100644 index 00000000..acad3e75 --- /dev/null +++ b/static/new/img/unknown-speaker.svg @@ -0,0 +1,115 @@ + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/static/new/img/venue.jpg b/static/new/img/venue.jpg new file mode 100644 index 00000000..10b3c2ba Binary files /dev/null and b/static/new/img/venue.jpg differ diff --git a/static/new/js/bootstrap.js b/static/new/js/bootstrap.js new file mode 100644 index 00000000..e52b6339 --- /dev/null +++ b/static/new/js/bootstrap.js @@ -0,0 +1,1943 @@ +/* ======================================================================== + * Bootstrap: transition.js v3.1.0 + * http://getbootstrap.com/javascript/#transitions + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/) + // ============================================================ + + function transitionEnd() { + var el = document.createElement('bootstrap') + + var transEndEventNames = { + 'WebkitTransition' : 'webkitTransitionEnd', + 'MozTransition' : 'transitionend', + 'OTransition' : 'oTransitionEnd otransitionend', + 'transition' : 'transitionend' + } + + for (var name in transEndEventNames) { + if (el.style[name] !== undefined) { + return { end: transEndEventNames[name] } + } + } + + return false // explicit for ie8 ( ._.) + } + + // http://blog.alexmaccaw.com/css-transitions + $.fn.emulateTransitionEnd = function (duration) { + var called = false, $el = this + $(this).one($.support.transition.end, function () { called = true }) + var callback = function () { if (!called) $($el).trigger($.support.transition.end) } + setTimeout(callback, duration) + return this + } + + $(function () { + $.support.transition = transitionEnd() + }) + +}(jQuery); + +/* ======================================================================== + * Bootstrap: alert.js v3.1.0 + * http://getbootstrap.com/javascript/#alerts + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // ALERT CLASS DEFINITION + // ====================== + + var dismiss = '[data-dismiss="alert"]' + var Alert = function (el) { + $(el).on('click', dismiss, this.close) + } + + Alert.prototype.close = function (e) { + var $this = $(this) + var selector = $this.attr('data-target') + + if (!selector) { + selector = $this.attr('href') + selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7 + } + + var $parent = $(selector) + + if (e) e.preventDefault() + + if (!$parent.length) { + $parent = $this.hasClass('alert') ? $this : $this.parent() + } + + $parent.trigger(e = $.Event('close.bs.alert')) + + if (e.isDefaultPrevented()) return + + $parent.removeClass('in') + + function removeElement() { + $parent.trigger('closed.bs.alert').remove() + } + + $.support.transition && $parent.hasClass('fade') ? + $parent + .one($.support.transition.end, removeElement) + .emulateTransitionEnd(150) : + removeElement() + } + + + // ALERT PLUGIN DEFINITION + // ======================= + + var old = $.fn.alert + + $.fn.alert = function (option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.alert') + + if (!data) $this.data('bs.alert', (data = new Alert(this))) + if (typeof option == 'string') data[option].call($this) + }) + } + + $.fn.alert.Constructor = Alert + + + // ALERT NO CONFLICT + // ================= + + $.fn.alert.noConflict = function () { + $.fn.alert = old + return this + } + + + // ALERT DATA-API + // ============== + + $(document).on('click.bs.alert.data-api', dismiss, Alert.prototype.close) + +}(jQuery); + +/* ======================================================================== + * Bootstrap: button.js v3.1.0 + * http://getbootstrap.com/javascript/#buttons + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // BUTTON PUBLIC CLASS DEFINITION + // ============================== + + var Button = function (element, options) { + this.$element = $(element) + this.options = $.extend({}, Button.DEFAULTS, options) + this.isLoading = false + } + + Button.DEFAULTS = { + loadingText: 'loading...' + } + + Button.prototype.setState = function (state) { + var d = 'disabled' + var $el = this.$element + var val = $el.is('input') ? 'val' : 'html' + var data = $el.data() + + state = state + 'Text' + + if (!data.resetText) $el.data('resetText', $el[val]()) + + $el[val](data[state] || this.options[state]) + + // push to event loop to allow forms to submit + setTimeout($.proxy(function () { + if (state == 'loadingText') { + this.isLoading = true + $el.addClass(d).attr(d, d) + } else if (this.isLoading) { + this.isLoading = false + $el.removeClass(d).removeAttr(d) + } + }, this), 0) + } + + Button.prototype.toggle = function () { + var changed = true + var $parent = this.$element.closest('[data-toggle="buttons"]') + + if ($parent.length) { + var $input = this.$element.find('input') + if ($input.prop('type') == 'radio') { + if ($input.prop('checked') && this.$element.hasClass('active')) changed = false + else $parent.find('.active').removeClass('active') + } + if (changed) $input.prop('checked', !this.$element.hasClass('active')).trigger('change') + } + + if (changed) this.$element.toggleClass('active') + } + + + // BUTTON PLUGIN DEFINITION + // ======================== + + var old = $.fn.button + + $.fn.button = function (option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.button') + var options = typeof option == 'object' && option + + if (!data) $this.data('bs.button', (data = new Button(this, options))) + + if (option == 'toggle') data.toggle() + else if (option) data.setState(option) + }) + } + + $.fn.button.Constructor = Button + + + // BUTTON NO CONFLICT + // ================== + + $.fn.button.noConflict = function () { + $.fn.button = old + return this + } + + + // BUTTON DATA-API + // =============== + + $(document).on('click.bs.button.data-api', '[data-toggle^=button]', function (e) { + var $btn = $(e.target) + if (!$btn.hasClass('btn')) $btn = $btn.closest('.btn') + $btn.button('toggle') + e.preventDefault() + }) + +}(jQuery); + +/* ======================================================================== + * Bootstrap: carousel.js v3.1.0 + * http://getbootstrap.com/javascript/#carousel + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // CAROUSEL CLASS DEFINITION + // ========================= + + var Carousel = function (element, options) { + this.$element = $(element) + this.$indicators = this.$element.find('.carousel-indicators') + this.options = options + this.paused = + this.sliding = + this.interval = + this.$active = + this.$items = null + + this.options.pause == 'hover' && this.$element + .on('mouseenter', $.proxy(this.pause, this)) + .on('mouseleave', $.proxy(this.cycle, this)) + } + + Carousel.DEFAULTS = { + interval: 5000, + pause: 'hover', + wrap: true + } + + Carousel.prototype.cycle = function (e) { + e || (this.paused = false) + + this.interval && clearInterval(this.interval) + + this.options.interval + && !this.paused + && (this.interval = setInterval($.proxy(this.next, this), this.options.interval)) + + return this + } + + Carousel.prototype.getActiveIndex = function () { + this.$active = this.$element.find('.item.active') + this.$items = this.$active.parent().children() + + return this.$items.index(this.$active) + } + + Carousel.prototype.to = function (pos) { + var that = this + var activeIndex = this.getActiveIndex() + + if (pos > (this.$items.length - 1) || pos < 0) return + + if (this.sliding) return this.$element.one('slid.bs.carousel', function () { that.to(pos) }) + if (activeIndex == pos) return this.pause().cycle() + + return this.slide(pos > activeIndex ? 'next' : 'prev', $(this.$items[pos])) + } + + Carousel.prototype.pause = function (e) { + e || (this.paused = true) + + if (this.$element.find('.next, .prev').length && $.support.transition) { + this.$element.trigger($.support.transition.end) + this.cycle(true) + } + + this.interval = clearInterval(this.interval) + + return this + } + + Carousel.prototype.next = function () { + if (this.sliding) return + return this.slide('next') + } + + Carousel.prototype.prev = function () { + if (this.sliding) return + return this.slide('prev') + } + + Carousel.prototype.slide = function (type, next) { + var $active = this.$element.find('.item.active') + var $next = next || $active[type]() + var isCycling = this.interval + var direction = type == 'next' ? 'left' : 'right' + var fallback = type == 'next' ? 'first' : 'last' + var that = this + + if (!$next.length) { + if (!this.options.wrap) return + $next = this.$element.find('.item')[fallback]() + } + + if ($next.hasClass('active')) return this.sliding = false + + var e = $.Event('slide.bs.carousel', { relatedTarget: $next[0], direction: direction }) + this.$element.trigger(e) + if (e.isDefaultPrevented()) return + + this.sliding = true + + isCycling && this.pause() + + if (this.$indicators.length) { + this.$indicators.find('.active').removeClass('active') + this.$element.one('slid.bs.carousel', function () { + var $nextIndicator = $(that.$indicators.children()[that.getActiveIndex()]) + $nextIndicator && $nextIndicator.addClass('active') + }) + } + + if ($.support.transition && this.$element.hasClass('slide')) { + $next.addClass(type) + $next[0].offsetWidth // force reflow + $active.addClass(direction) + $next.addClass(direction) + $active + .one($.support.transition.end, function () { + $next.removeClass([type, direction].join(' ')).addClass('active') + $active.removeClass(['active', direction].join(' ')) + that.sliding = false + setTimeout(function () { that.$element.trigger('slid.bs.carousel') }, 0) + }) + .emulateTransitionEnd($active.css('transition-duration').slice(0, -1) * 1000) + } else { + $active.removeClass('active') + $next.addClass('active') + this.sliding = false + this.$element.trigger('slid.bs.carousel') + } + + isCycling && this.cycle() + + return this + } + + + // CAROUSEL PLUGIN DEFINITION + // ========================== + + var old = $.fn.carousel + + $.fn.carousel = function (option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.carousel') + var options = $.extend({}, Carousel.DEFAULTS, $this.data(), typeof option == 'object' && option) + var action = typeof option == 'string' ? option : options.slide + + if (!data) $this.data('bs.carousel', (data = new Carousel(this, options))) + if (typeof option == 'number') data.to(option) + else if (action) data[action]() + else if (options.interval) data.pause().cycle() + }) + } + + $.fn.carousel.Constructor = Carousel + + + // CAROUSEL NO CONFLICT + // ==================== + + $.fn.carousel.noConflict = function () { + $.fn.carousel = old + return this + } + + + // CAROUSEL DATA-API + // ================= + + $(document).on('click.bs.carousel.data-api', '[data-slide], [data-slide-to]', function (e) { + var $this = $(this), href + var $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7 + var options = $.extend({}, $target.data(), $this.data()) + var slideIndex = $this.attr('data-slide-to') + if (slideIndex) options.interval = false + + $target.carousel(options) + + if (slideIndex = $this.attr('data-slide-to')) { + $target.data('bs.carousel').to(slideIndex) + } + + e.preventDefault() + }) + + $(window).on('load', function () { + $('[data-ride="carousel"]').each(function () { + var $carousel = $(this) + $carousel.carousel($carousel.data()) + }) + }) + +}(jQuery); + +/* ======================================================================== + * Bootstrap: collapse.js v3.1.0 + * http://getbootstrap.com/javascript/#collapse + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // COLLAPSE PUBLIC CLASS DEFINITION + // ================================ + + var Collapse = function (element, options) { + this.$element = $(element) + this.options = $.extend({}, Collapse.DEFAULTS, options) + this.transitioning = null + + if (this.options.parent) this.$parent = $(this.options.parent) + if (this.options.toggle) this.toggle() + } + + Collapse.DEFAULTS = { + toggle: true + } + + Collapse.prototype.dimension = function () { + var hasWidth = this.$element.hasClass('width') + return hasWidth ? 'width' : 'height' + } + + Collapse.prototype.show = function () { + if (this.transitioning || this.$element.hasClass('in')) return + + var startEvent = $.Event('show.bs.collapse') + this.$element.trigger(startEvent) + if (startEvent.isDefaultPrevented()) return + + var actives = this.$parent && this.$parent.find('> .panel > .in') + + if (actives && actives.length) { + var hasData = actives.data('bs.collapse') + if (hasData && hasData.transitioning) return + actives.collapse('hide') + hasData || actives.data('bs.collapse', null) + } + + var dimension = this.dimension() + + this.$element + .removeClass('collapse') + .addClass('collapsing') + [dimension](0) + + this.transitioning = 1 + + var complete = function () { + this.$element + .removeClass('collapsing') + .addClass('collapse in') + [dimension]('auto') + this.transitioning = 0 + this.$element.trigger('shown.bs.collapse') + } + + if (!$.support.transition) return complete.call(this) + + var scrollSize = $.camelCase(['scroll', dimension].join('-')) + + this.$element + .one($.support.transition.end, $.proxy(complete, this)) + .emulateTransitionEnd(350) + [dimension](this.$element[0][scrollSize]) + } + + Collapse.prototype.hide = function () { + if (this.transitioning || !this.$element.hasClass('in')) return + + var startEvent = $.Event('hide.bs.collapse') + this.$element.trigger(startEvent) + if (startEvent.isDefaultPrevented()) return + + var dimension = this.dimension() + + this.$element + [dimension](this.$element[dimension]()) + [0].offsetHeight + + this.$element + .addClass('collapsing') + .removeClass('collapse') + .removeClass('in') + + this.transitioning = 1 + + var complete = function () { + this.transitioning = 0 + this.$element + .trigger('hidden.bs.collapse') + .removeClass('collapsing') + .addClass('collapse') + } + + if (!$.support.transition) return complete.call(this) + + this.$element + [dimension](0) + .one($.support.transition.end, $.proxy(complete, this)) + .emulateTransitionEnd(350) + } + + Collapse.prototype.toggle = function () { + this[this.$element.hasClass('in') ? 'hide' : 'show']() + } + + + // COLLAPSE PLUGIN DEFINITION + // ========================== + + var old = $.fn.collapse + + $.fn.collapse = function (option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.collapse') + var options = $.extend({}, Collapse.DEFAULTS, $this.data(), typeof option == 'object' && option) + + if (!data && options.toggle && option == 'show') option = !option + if (!data) $this.data('bs.collapse', (data = new Collapse(this, options))) + if (typeof option == 'string') data[option]() + }) + } + + $.fn.collapse.Constructor = Collapse + + + // COLLAPSE NO CONFLICT + // ==================== + + $.fn.collapse.noConflict = function () { + $.fn.collapse = old + return this + } + + + // COLLAPSE DATA-API + // ================= + + $(document).on('click.bs.collapse.data-api', '[data-toggle=collapse]', function (e) { + var $this = $(this), href + var target = $this.attr('data-target') + || e.preventDefault() + || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '') //strip for ie7 + var $target = $(target) + var data = $target.data('bs.collapse') + var option = data ? 'toggle' : $this.data() + var parent = $this.attr('data-parent') + var $parent = parent && $(parent) + + if (!data || !data.transitioning) { + if ($parent) $parent.find('[data-toggle=collapse][data-parent="' + parent + '"]').not($this).addClass('collapsed') + $this[$target.hasClass('in') ? 'addClass' : 'removeClass']('collapsed') + } + + $target.collapse(option) + }) + +}(jQuery); + +/* ======================================================================== + * Bootstrap: dropdown.js v3.1.0 + * http://getbootstrap.com/javascript/#dropdowns + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // DROPDOWN CLASS DEFINITION + // ========================= + + var backdrop = '.dropdown-backdrop' + var toggle = '[data-toggle=dropdown]' + var Dropdown = function (element) { + $(element).on('click.bs.dropdown', this.toggle) + } + + Dropdown.prototype.toggle = function (e) { + var $this = $(this) + + if ($this.is('.disabled, :disabled')) return + + var $parent = getParent($this) + var isActive = $parent.hasClass('open') + + clearMenus() + + if (!isActive) { + if ('ontouchstart' in document.documentElement && !$parent.closest('.navbar-nav').length) { + // if mobile we use a backdrop because click events don't delegate + $('
        ').insertAfter($(this)).on('click', clearMenus) + } + + var relatedTarget = { relatedTarget: this } + $parent.trigger(e = $.Event('show.bs.dropdown', relatedTarget)) + + if (e.isDefaultPrevented()) return + + $parent + .toggleClass('open') + .trigger('shown.bs.dropdown', relatedTarget) + + $this.focus() + } + + return false + } + + Dropdown.prototype.keydown = function (e) { + if (!/(38|40|27)/.test(e.keyCode)) return + + var $this = $(this) + + e.preventDefault() + e.stopPropagation() + + if ($this.is('.disabled, :disabled')) return + + var $parent = getParent($this) + var isActive = $parent.hasClass('open') + + if (!isActive || (isActive && e.keyCode == 27)) { + if (e.which == 27) $parent.find(toggle).focus() + return $this.click() + } + + var desc = ' li:not(.divider):visible a' + var $items = $parent.find('[role=menu]' + desc + ', [role=listbox]' + desc) + + if (!$items.length) return + + var index = $items.index($items.filter(':focus')) + + if (e.keyCode == 38 && index > 0) index-- // up + if (e.keyCode == 40 && index < $items.length - 1) index++ // down + if (!~index) index = 0 + + $items.eq(index).focus() + } + + function clearMenus(e) { + $(backdrop).remove() + $(toggle).each(function () { + var $parent = getParent($(this)) + var relatedTarget = { relatedTarget: this } + if (!$parent.hasClass('open')) return + $parent.trigger(e = $.Event('hide.bs.dropdown', relatedTarget)) + if (e.isDefaultPrevented()) return + $parent.removeClass('open').trigger('hidden.bs.dropdown', relatedTarget) + }) + } + + function getParent($this) { + var selector = $this.attr('data-target') + + if (!selector) { + selector = $this.attr('href') + selector = selector && /#[A-Za-z]/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7 + } + + var $parent = selector && $(selector) + + return $parent && $parent.length ? $parent : $this.parent() + } + + + // DROPDOWN PLUGIN DEFINITION + // ========================== + + var old = $.fn.dropdown + + $.fn.dropdown = function (option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.dropdown') + + if (!data) $this.data('bs.dropdown', (data = new Dropdown(this))) + if (typeof option == 'string') data[option].call($this) + }) + } + + $.fn.dropdown.Constructor = Dropdown + + + // DROPDOWN NO CONFLICT + // ==================== + + $.fn.dropdown.noConflict = function () { + $.fn.dropdown = old + return this + } + + + // APPLY TO STANDARD DROPDOWN ELEMENTS + // =================================== + + $(document) + .on('click.bs.dropdown.data-api', clearMenus) + .on('click.bs.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() }) + .on('click.bs.dropdown.data-api', toggle, Dropdown.prototype.toggle) + .on('keydown.bs.dropdown.data-api', toggle + ', [role=menu], [role=listbox]', Dropdown.prototype.keydown) + +}(jQuery); + +/* ======================================================================== + * Bootstrap: modal.js v3.1.0 + * http://getbootstrap.com/javascript/#modals + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // MODAL CLASS DEFINITION + // ====================== + + var Modal = function (element, options) { + this.options = options + this.$element = $(element) + this.$backdrop = + this.isShown = null + + if (this.options.remote) { + this.$element + .find('.modal-content') + .load(this.options.remote, $.proxy(function () { + this.$element.trigger('loaded.bs.modal') + }, this)) + } + } + + Modal.DEFAULTS = { + backdrop: true, + keyboard: true, + show: true + } + + Modal.prototype.toggle = function (_relatedTarget) { + return this[!this.isShown ? 'show' : 'hide'](_relatedTarget) + } + + Modal.prototype.show = function (_relatedTarget) { + var that = this + var e = $.Event('show.bs.modal', { relatedTarget: _relatedTarget }) + + this.$element.trigger(e) + + if (this.isShown || e.isDefaultPrevented()) return + + this.isShown = true + + this.escape() + + this.$element.on('click.dismiss.bs.modal', '[data-dismiss="modal"]', $.proxy(this.hide, this)) + + this.backdrop(function () { + var transition = $.support.transition && that.$element.hasClass('fade') + + if (!that.$element.parent().length) { + that.$element.appendTo(document.body) // don't move modals dom position + } + + that.$element + .show() + .scrollTop(0) + + if (transition) { + that.$element[0].offsetWidth // force reflow + } + + that.$element + .addClass('in') + .attr('aria-hidden', false) + + that.enforceFocus() + + var e = $.Event('shown.bs.modal', { relatedTarget: _relatedTarget }) + + transition ? + that.$element.find('.modal-dialog') // wait for modal to slide in + .one($.support.transition.end, function () { + that.$element.focus().trigger(e) + }) + .emulateTransitionEnd(300) : + that.$element.focus().trigger(e) + }) + } + + Modal.prototype.hide = function (e) { + if (e) e.preventDefault() + + e = $.Event('hide.bs.modal') + + this.$element.trigger(e) + + if (!this.isShown || e.isDefaultPrevented()) return + + this.isShown = false + + this.escape() + + $(document).off('focusin.bs.modal') + + this.$element + .removeClass('in') + .attr('aria-hidden', true) + .off('click.dismiss.bs.modal') + + $.support.transition && this.$element.hasClass('fade') ? + this.$element + .one($.support.transition.end, $.proxy(this.hideModal, this)) + .emulateTransitionEnd(300) : + this.hideModal() + } + + Modal.prototype.enforceFocus = function () { + $(document) + .off('focusin.bs.modal') // guard against infinite focus loop + .on('focusin.bs.modal', $.proxy(function (e) { + if (this.$element[0] !== e.target && !this.$element.has(e.target).length) { + this.$element.focus() + } + }, this)) + } + + Modal.prototype.escape = function () { + if (this.isShown && this.options.keyboard) { + this.$element.on('keyup.dismiss.bs.modal', $.proxy(function (e) { + e.which == 27 && this.hide() + }, this)) + } else if (!this.isShown) { + this.$element.off('keyup.dismiss.bs.modal') + } + } + + Modal.prototype.hideModal = function () { + var that = this + this.$element.hide() + this.backdrop(function () { + that.removeBackdrop() + that.$element.trigger('hidden.bs.modal') + }) + } + + Modal.prototype.removeBackdrop = function () { + this.$backdrop && this.$backdrop.remove() + this.$backdrop = null + } + + Modal.prototype.backdrop = function (callback) { + var animate = this.$element.hasClass('fade') ? 'fade' : '' + + if (this.isShown && this.options.backdrop) { + var doAnimate = $.support.transition && animate + + this.$backdrop = $('
        ') + .appendTo(document.body) + + this.$element.on('click.dismiss.bs.modal', $.proxy(function (e) { + if (e.target !== e.currentTarget) return + this.options.backdrop == 'static' + ? this.$element[0].focus.call(this.$element[0]) + : this.hide.call(this) + }, this)) + + if (doAnimate) this.$backdrop[0].offsetWidth // force reflow + + this.$backdrop.addClass('in') + + if (!callback) return + + doAnimate ? + this.$backdrop + .one($.support.transition.end, callback) + .emulateTransitionEnd(150) : + callback() + + } else if (!this.isShown && this.$backdrop) { + this.$backdrop.removeClass('in') + + $.support.transition && this.$element.hasClass('fade') ? + this.$backdrop + .one($.support.transition.end, callback) + .emulateTransitionEnd(150) : + callback() + + } else if (callback) { + callback() + } + } + + + // MODAL PLUGIN DEFINITION + // ======================= + + var old = $.fn.modal + + $.fn.modal = function (option, _relatedTarget) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.modal') + var options = $.extend({}, Modal.DEFAULTS, $this.data(), typeof option == 'object' && option) + + if (!data) $this.data('bs.modal', (data = new Modal(this, options))) + if (typeof option == 'string') data[option](_relatedTarget) + else if (options.show) data.show(_relatedTarget) + }) + } + + $.fn.modal.Constructor = Modal + + + // MODAL NO CONFLICT + // ================= + + $.fn.modal.noConflict = function () { + $.fn.modal = old + return this + } + + + // MODAL DATA-API + // ============== + + $(document).on('click.bs.modal.data-api', '[data-toggle="modal"]', function (e) { + var $this = $(this) + var href = $this.attr('href') + var $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, ''))) //strip for ie7 + var option = $target.data('bs.modal') ? 'toggle' : $.extend({ remote: !/#/.test(href) && href }, $target.data(), $this.data()) + + if ($this.is('a')) e.preventDefault() + + $target + .modal(option, this) + .one('hide', function () { + $this.is(':visible') && $this.focus() + }) + }) + + $(document) + .on('show.bs.modal', '.modal', function () { $(document.body).addClass('modal-open') }) + .on('hidden.bs.modal', '.modal', function () { $(document.body).removeClass('modal-open') }) + +}(jQuery); + +/* ======================================================================== + * Bootstrap: tooltip.js v3.1.0 + * http://getbootstrap.com/javascript/#tooltip + * Inspired by the original jQuery.tipsy by Jason Frame + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // TOOLTIP PUBLIC CLASS DEFINITION + // =============================== + + var Tooltip = function (element, options) { + this.type = + this.options = + this.enabled = + this.timeout = + this.hoverState = + this.$element = null + + this.init('tooltip', element, options) + } + + Tooltip.DEFAULTS = { + animation: true, + placement: 'top', + selector: false, + template: '
        ', + trigger: 'hover focus', + title: '', + delay: 0, + html: false, + container: false + } + + Tooltip.prototype.init = function (type, element, options) { + this.enabled = true + this.type = type + this.$element = $(element) + this.options = this.getOptions(options) + + var triggers = this.options.trigger.split(' ') + + for (var i = triggers.length; i--;) { + var trigger = triggers[i] + + if (trigger == 'click') { + this.$element.on('click.' + this.type, this.options.selector, $.proxy(this.toggle, this)) + } else if (trigger != 'manual') { + var eventIn = trigger == 'hover' ? 'mouseenter' : 'focusin' + var eventOut = trigger == 'hover' ? 'mouseleave' : 'focusout' + + this.$element.on(eventIn + '.' + this.type, this.options.selector, $.proxy(this.enter, this)) + this.$element.on(eventOut + '.' + this.type, this.options.selector, $.proxy(this.leave, this)) + } + } + + this.options.selector ? + (this._options = $.extend({}, this.options, { trigger: 'manual', selector: '' })) : + this.fixTitle() + } + + Tooltip.prototype.getDefaults = function () { + return Tooltip.DEFAULTS + } + + Tooltip.prototype.getOptions = function (options) { + options = $.extend({}, this.getDefaults(), this.$element.data(), options) + + if (options.delay && typeof options.delay == 'number') { + options.delay = { + show: options.delay, + hide: options.delay + } + } + + return options + } + + Tooltip.prototype.getDelegateOptions = function () { + var options = {} + var defaults = this.getDefaults() + + this._options && $.each(this._options, function (key, value) { + if (defaults[key] != value) options[key] = value + }) + + return options + } + + Tooltip.prototype.enter = function (obj) { + var self = obj instanceof this.constructor ? + obj : $(obj.currentTarget)[this.type](this.getDelegateOptions()).data('bs.' + this.type) + + clearTimeout(self.timeout) + + self.hoverState = 'in' + + if (!self.options.delay || !self.options.delay.show) return self.show() + + self.timeout = setTimeout(function () { + if (self.hoverState == 'in') self.show() + }, self.options.delay.show) + } + + Tooltip.prototype.leave = function (obj) { + var self = obj instanceof this.constructor ? + obj : $(obj.currentTarget)[this.type](this.getDelegateOptions()).data('bs.' + this.type) + + clearTimeout(self.timeout) + + self.hoverState = 'out' + + if (!self.options.delay || !self.options.delay.hide) return self.hide() + + self.timeout = setTimeout(function () { + if (self.hoverState == 'out') self.hide() + }, self.options.delay.hide) + } + + Tooltip.prototype.show = function () { + var e = $.Event('show.bs.' + this.type) + + if (this.hasContent() && this.enabled) { + this.$element.trigger(e) + + if (e.isDefaultPrevented()) return + var that = this; + + var $tip = this.tip() + + this.setContent() + + if (this.options.animation) $tip.addClass('fade') + + var placement = typeof this.options.placement == 'function' ? + this.options.placement.call(this, $tip[0], this.$element[0]) : + this.options.placement + + var autoToken = /\s?auto?\s?/i + var autoPlace = autoToken.test(placement) + if (autoPlace) placement = placement.replace(autoToken, '') || 'top' + + $tip + .detach() + .css({ top: 0, left: 0, display: 'block' }) + .addClass(placement) + + this.options.container ? $tip.appendTo(this.options.container) : $tip.insertAfter(this.$element) + + var pos = this.getPosition() + var actualWidth = $tip[0].offsetWidth + var actualHeight = $tip[0].offsetHeight + + if (autoPlace) { + var $parent = this.$element.parent() + + var orgPlacement = placement + var docScroll = document.documentElement.scrollTop || document.body.scrollTop + var parentWidth = this.options.container == 'body' ? window.innerWidth : $parent.outerWidth() + var parentHeight = this.options.container == 'body' ? window.innerHeight : $parent.outerHeight() + var parentLeft = this.options.container == 'body' ? 0 : $parent.offset().left + + placement = placement == 'bottom' && pos.top + pos.height + actualHeight - docScroll > parentHeight ? 'top' : + placement == 'top' && pos.top - docScroll - actualHeight < 0 ? 'bottom' : + placement == 'right' && pos.right + actualWidth > parentWidth ? 'left' : + placement == 'left' && pos.left - actualWidth < parentLeft ? 'right' : + placement + + $tip + .removeClass(orgPlacement) + .addClass(placement) + } + + var calculatedOffset = this.getCalculatedOffset(placement, pos, actualWidth, actualHeight) + + this.applyPlacement(calculatedOffset, placement) + this.hoverState = null + + var complete = function() { + that.$element.trigger('shown.bs.' + that.type) + } + + $.support.transition && this.$tip.hasClass('fade') ? + $tip + .one($.support.transition.end, complete) + .emulateTransitionEnd(150) : + complete() + } + } + + Tooltip.prototype.applyPlacement = function (offset, placement) { + var replace + var $tip = this.tip() + var width = $tip[0].offsetWidth + var height = $tip[0].offsetHeight + + // manually read margins because getBoundingClientRect includes difference + var marginTop = parseInt($tip.css('margin-top'), 10) + var marginLeft = parseInt($tip.css('margin-left'), 10) + + // we must check for NaN for ie 8/9 + if (isNaN(marginTop)) marginTop = 0 + if (isNaN(marginLeft)) marginLeft = 0 + + offset.top = offset.top + marginTop + offset.left = offset.left + marginLeft + + // $.fn.offset doesn't round pixel values + // so we use setOffset directly with our own function B-0 + $.offset.setOffset($tip[0], $.extend({ + using: function (props) { + $tip.css({ + top: Math.round(props.top), + left: Math.round(props.left) + }) + } + }, offset), 0) + + $tip.addClass('in') + + // check to see if placing tip in new offset caused the tip to resize itself + var actualWidth = $tip[0].offsetWidth + var actualHeight = $tip[0].offsetHeight + + if (placement == 'top' && actualHeight != height) { + replace = true + offset.top = offset.top + height - actualHeight + } + + if (/bottom|top/.test(placement)) { + var delta = 0 + + if (offset.left < 0) { + delta = offset.left * -2 + offset.left = 0 + + $tip.offset(offset) + + actualWidth = $tip[0].offsetWidth + actualHeight = $tip[0].offsetHeight + } + + this.replaceArrow(delta - width + actualWidth, actualWidth, 'left') + } else { + this.replaceArrow(actualHeight - height, actualHeight, 'top') + } + + if (replace) $tip.offset(offset) + } + + Tooltip.prototype.replaceArrow = function (delta, dimension, position) { + this.arrow().css(position, delta ? (50 * (1 - delta / dimension) + '%') : '') + } + + Tooltip.prototype.setContent = function () { + var $tip = this.tip() + var title = this.getTitle() + + $tip.find('.tooltip-inner')[this.options.html ? 'html' : 'text'](title) + $tip.removeClass('fade in top bottom left right') + } + + Tooltip.prototype.hide = function () { + var that = this + var $tip = this.tip() + var e = $.Event('hide.bs.' + this.type) + + function complete() { + if (that.hoverState != 'in') $tip.detach() + that.$element.trigger('hidden.bs.' + that.type) + } + + this.$element.trigger(e) + + if (e.isDefaultPrevented()) return + + $tip.removeClass('in') + + $.support.transition && this.$tip.hasClass('fade') ? + $tip + .one($.support.transition.end, complete) + .emulateTransitionEnd(150) : + complete() + + this.hoverState = null + + return this + } + + Tooltip.prototype.fixTitle = function () { + var $e = this.$element + if ($e.attr('title') || typeof($e.attr('data-original-title')) != 'string') { + $e.attr('data-original-title', $e.attr('title') || '').attr('title', '') + } + } + + Tooltip.prototype.hasContent = function () { + return this.getTitle() + } + + Tooltip.prototype.getPosition = function () { + var el = this.$element[0] + return $.extend({}, (typeof el.getBoundingClientRect == 'function') ? el.getBoundingClientRect() : { + width: el.offsetWidth, + height: el.offsetHeight + }, this.$element.offset()) + } + + Tooltip.prototype.getCalculatedOffset = function (placement, pos, actualWidth, actualHeight) { + return placement == 'bottom' ? { top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2 } : + placement == 'top' ? { top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2 } : + placement == 'left' ? { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth } : + /* placement == 'right' */ { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width } + } + + Tooltip.prototype.getTitle = function () { + var title + var $e = this.$element + var o = this.options + + title = $e.attr('data-original-title') + || (typeof o.title == 'function' ? o.title.call($e[0]) : o.title) + + return title + } + + Tooltip.prototype.tip = function () { + return this.$tip = this.$tip || $(this.options.template) + } + + Tooltip.prototype.arrow = function () { + return this.$arrow = this.$arrow || this.tip().find('.tooltip-arrow') + } + + Tooltip.prototype.validate = function () { + if (!this.$element[0].parentNode) { + this.hide() + this.$element = null + this.options = null + } + } + + Tooltip.prototype.enable = function () { + this.enabled = true + } + + Tooltip.prototype.disable = function () { + this.enabled = false + } + + Tooltip.prototype.toggleEnabled = function () { + this.enabled = !this.enabled + } + + Tooltip.prototype.toggle = function (e) { + var self = e ? $(e.currentTarget)[this.type](this.getDelegateOptions()).data('bs.' + this.type) : this + self.tip().hasClass('in') ? self.leave(self) : self.enter(self) + } + + Tooltip.prototype.destroy = function () { + clearTimeout(this.timeout) + this.hide().$element.off('.' + this.type).removeData('bs.' + this.type) + } + + + // TOOLTIP PLUGIN DEFINITION + // ========================= + + var old = $.fn.tooltip + + $.fn.tooltip = function (option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.tooltip') + var options = typeof option == 'object' && option + + if (!data && option == 'destroy') return + if (!data) $this.data('bs.tooltip', (data = new Tooltip(this, options))) + if (typeof option == 'string') data[option]() + }) + } + + $.fn.tooltip.Constructor = Tooltip + + + // TOOLTIP NO CONFLICT + // =================== + + $.fn.tooltip.noConflict = function () { + $.fn.tooltip = old + return this + } + +}(jQuery); + +/* ======================================================================== + * Bootstrap: popover.js v3.1.0 + * http://getbootstrap.com/javascript/#popovers + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // POPOVER PUBLIC CLASS DEFINITION + // =============================== + + var Popover = function (element, options) { + this.init('popover', element, options) + } + + if (!$.fn.tooltip) throw new Error('Popover requires tooltip.js') + + Popover.DEFAULTS = $.extend({}, $.fn.tooltip.Constructor.DEFAULTS, { + placement: 'right', + trigger: 'click', + content: '', + template: '

        ' + }) + + + // NOTE: POPOVER EXTENDS tooltip.js + // ================================ + + Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype) + + Popover.prototype.constructor = Popover + + Popover.prototype.getDefaults = function () { + return Popover.DEFAULTS + } + + Popover.prototype.setContent = function () { + var $tip = this.tip() + var title = this.getTitle() + var content = this.getContent() + + $tip.find('.popover-title')[this.options.html ? 'html' : 'text'](title) + $tip.find('.popover-content')[ // we use append for html objects to maintain js events + this.options.html ? (typeof content == 'string' ? 'html' : 'append') : 'text' + ](content) + + $tip.removeClass('fade top bottom left right in') + + // IE8 doesn't accept hiding via the `:empty` pseudo selector, we have to do + // this manually by checking the contents. + if (!$tip.find('.popover-title').html()) $tip.find('.popover-title').hide() + } + + Popover.prototype.hasContent = function () { + return this.getTitle() || this.getContent() + } + + Popover.prototype.getContent = function () { + var $e = this.$element + var o = this.options + + return $e.attr('data-content') + || (typeof o.content == 'function' ? + o.content.call($e[0]) : + o.content) + } + + Popover.prototype.arrow = function () { + return this.$arrow = this.$arrow || this.tip().find('.arrow') + } + + Popover.prototype.tip = function () { + if (!this.$tip) this.$tip = $(this.options.template) + return this.$tip + } + + + // POPOVER PLUGIN DEFINITION + // ========================= + + var old = $.fn.popover + + $.fn.popover = function (option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.popover') + var options = typeof option == 'object' && option + + if (!data && option == 'destroy') return + if (!data) $this.data('bs.popover', (data = new Popover(this, options))) + if (typeof option == 'string') data[option]() + }) + } + + $.fn.popover.Constructor = Popover + + + // POPOVER NO CONFLICT + // =================== + + $.fn.popover.noConflict = function () { + $.fn.popover = old + return this + } + +}(jQuery); + +/* ======================================================================== + * Bootstrap: scrollspy.js v3.1.0 + * http://getbootstrap.com/javascript/#scrollspy + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // SCROLLSPY CLASS DEFINITION + // ========================== + + function ScrollSpy(element, options) { + var href + var process = $.proxy(this.process, this) + + this.$element = $(element).is('body') ? $(window) : $(element) + this.$body = $('body') + this.$scrollElement = this.$element.on('scroll.bs.scroll-spy.data-api', process) + this.options = $.extend({}, ScrollSpy.DEFAULTS, options) + this.selector = (this.options.target + || ((href = $(element).attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7 + || '') + ' .nav li > a' + this.offsets = $([]) + this.targets = $([]) + this.activeTarget = null + + this.refresh() + this.process() + } + + ScrollSpy.DEFAULTS = { + offset: 10 + } + + ScrollSpy.prototype.refresh = function () { + var offsetMethod = this.$element[0] == window ? 'offset' : 'position' + + this.offsets = $([]) + this.targets = $([]) + + var self = this + var $targets = this.$body + .find(this.selector) + .map(function () { + var $el = $(this) + var href = $el.data('target') || $el.attr('href') + var $href = /^#./.test(href) && $(href) + + return ($href + && $href.length + && $href.is(':visible') + && [[ $href[offsetMethod]().top + (!$.isWindow(self.$scrollElement.get(0)) && self.$scrollElement.scrollTop()), href ]]) || null + }) + .sort(function (a, b) { return a[0] - b[0] }) + .each(function () { + self.offsets.push(this[0]) + self.targets.push(this[1]) + }) + } + + ScrollSpy.prototype.process = function () { + var scrollTop = this.$scrollElement.scrollTop() + this.options.offset + var scrollHeight = this.$scrollElement[0].scrollHeight || this.$body[0].scrollHeight + var maxScroll = scrollHeight - this.$scrollElement.height() + var offsets = this.offsets + var targets = this.targets + var activeTarget = this.activeTarget + var i + + if (scrollTop >= maxScroll) { + return activeTarget != (i = targets.last()[0]) && this.activate(i) + } + + if (activeTarget && scrollTop <= offsets[0]) { + return activeTarget != (i = targets[0]) && this.activate(i) + } + + for (i = offsets.length; i--;) { + activeTarget != targets[i] + && scrollTop >= offsets[i] + && (!offsets[i + 1] || scrollTop <= offsets[i + 1]) + && this.activate( targets[i] ) + } + } + + ScrollSpy.prototype.activate = function (target) { + this.activeTarget = target + + $(this.selector) + .parentsUntil(this.options.target, '.active') + .removeClass('active') + + var selector = this.selector + + '[data-target="' + target + '"],' + + this.selector + '[href="' + target + '"]' + + var active = $(selector) + .parents('li') + .addClass('active') + + if (active.parent('.dropdown-menu').length) { + active = active + .closest('li.dropdown') + .addClass('active') + } + + active.trigger('activate.bs.scrollspy') + } + + + // SCROLLSPY PLUGIN DEFINITION + // =========================== + + var old = $.fn.scrollspy + + $.fn.scrollspy = function (option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.scrollspy') + var options = typeof option == 'object' && option + + if (!data) $this.data('bs.scrollspy', (data = new ScrollSpy(this, options))) + if (typeof option == 'string') data[option]() + }) + } + + $.fn.scrollspy.Constructor = ScrollSpy + + + // SCROLLSPY NO CONFLICT + // ===================== + + $.fn.scrollspy.noConflict = function () { + $.fn.scrollspy = old + return this + } + + + // SCROLLSPY DATA-API + // ================== + + $(window).on('load', function () { + $('[data-spy="scroll"]').each(function () { + var $spy = $(this) + $spy.scrollspy($spy.data()) + }) + }) + +}(jQuery); + +/* ======================================================================== + * Bootstrap: tab.js v3.1.0 + * http://getbootstrap.com/javascript/#tabs + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // TAB CLASS DEFINITION + // ==================== + + var Tab = function (element) { + this.element = $(element) + } + + Tab.prototype.show = function () { + var $this = this.element + var $ul = $this.closest('ul:not(.dropdown-menu)') + var selector = $this.data('target') + + if (!selector) { + selector = $this.attr('href') + selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7 + } + + if ($this.parent('li').hasClass('active')) return + + var previous = $ul.find('.active:last a')[0] + var e = $.Event('show.bs.tab', { + relatedTarget: previous + }) + + $this.trigger(e) + + if (e.isDefaultPrevented()) return + + var $target = $(selector) + + this.activate($this.parent('li'), $ul) + this.activate($target, $target.parent(), function () { + $this.trigger({ + type: 'shown.bs.tab', + relatedTarget: previous + }) + }) + } + + Tab.prototype.activate = function (element, container, callback) { + var $active = container.find('> .active') + var transition = callback + && $.support.transition + && $active.hasClass('fade') + + function next() { + $active + .removeClass('active') + .find('> .dropdown-menu > .active') + .removeClass('active') + + element.addClass('active') + + if (transition) { + element[0].offsetWidth // reflow for transition + element.addClass('in') + } else { + element.removeClass('fade') + } + + if (element.parent('.dropdown-menu')) { + element.closest('li.dropdown').addClass('active') + } + + callback && callback() + } + + transition ? + $active + .one($.support.transition.end, next) + .emulateTransitionEnd(150) : + next() + + $active.removeClass('in') + } + + + // TAB PLUGIN DEFINITION + // ===================== + + var old = $.fn.tab + + $.fn.tab = function ( option ) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.tab') + + if (!data) $this.data('bs.tab', (data = new Tab(this))) + if (typeof option == 'string') data[option]() + }) + } + + $.fn.tab.Constructor = Tab + + + // TAB NO CONFLICT + // =============== + + $.fn.tab.noConflict = function () { + $.fn.tab = old + return this + } + + + // TAB DATA-API + // ============ + + $(document).on('click.bs.tab.data-api', '[data-toggle="tab"], [data-toggle="pill"]', function (e) { + e.preventDefault() + $(this).tab('show') + }) + +}(jQuery); + +/* ======================================================================== + * Bootstrap: affix.js v3.1.0 + * http://getbootstrap.com/javascript/#affix + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // AFFIX CLASS DEFINITION + // ====================== + + var Affix = function (element, options) { + this.options = $.extend({}, Affix.DEFAULTS, options) + this.$window = $(window) + .on('scroll.bs.affix.data-api', $.proxy(this.checkPosition, this)) + .on('click.bs.affix.data-api', $.proxy(this.checkPositionWithEventLoop, this)) + + this.$element = $(element) + this.affixed = + this.unpin = + this.pinnedOffset = null + + this.checkPosition() + } + + Affix.RESET = 'affix affix-top affix-bottom' + + Affix.DEFAULTS = { + offset: 0 + } + + Affix.prototype.getPinnedOffset = function () { + if (this.pinnedOffset) return this.pinnedOffset + this.$element.removeClass(Affix.RESET).addClass('affix') + var scrollTop = this.$window.scrollTop() + var position = this.$element.offset() + return (this.pinnedOffset = position.top - scrollTop) + } + + Affix.prototype.checkPositionWithEventLoop = function () { + setTimeout($.proxy(this.checkPosition, this), 1) + } + + Affix.prototype.checkPosition = function () { + if (!this.$element.is(':visible')) return + + var scrollHeight = $(document).height() + var scrollTop = this.$window.scrollTop() + var position = this.$element.offset() + var offset = this.options.offset + var offsetTop = offset.top + var offsetBottom = offset.bottom + + if (this.affixed == 'top') position.top += scrollTop + + if (typeof offset != 'object') offsetBottom = offsetTop = offset + if (typeof offsetTop == 'function') offsetTop = offset.top(this.$element) + if (typeof offsetBottom == 'function') offsetBottom = offset.bottom(this.$element) + + var affix = this.unpin != null && (scrollTop + this.unpin <= position.top) ? false : + offsetBottom != null && (position.top + this.$element.height() >= scrollHeight - offsetBottom) ? 'bottom' : + offsetTop != null && (scrollTop <= offsetTop) ? 'top' : false + + if (this.affixed === affix) return + if (this.unpin) this.$element.css('top', '') + + var affixType = 'affix' + (affix ? '-' + affix : '') + var e = $.Event(affixType + '.bs.affix') + + this.$element.trigger(e) + + if (e.isDefaultPrevented()) return + + this.affixed = affix + this.unpin = affix == 'bottom' ? this.getPinnedOffset() : null + + this.$element + .removeClass(Affix.RESET) + .addClass(affixType) + .trigger($.Event(affixType.replace('affix', 'affixed'))) + + if (affix == 'bottom') { + this.$element.offset({ top: scrollHeight - offsetBottom - this.$element.height() }) + } + } + + + // AFFIX PLUGIN DEFINITION + // ======================= + + var old = $.fn.affix + + $.fn.affix = function (option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.affix') + var options = typeof option == 'object' && option + + if (!data) $this.data('bs.affix', (data = new Affix(this, options))) + if (typeof option == 'string') data[option]() + }) + } + + $.fn.affix.Constructor = Affix + + + // AFFIX NO CONFLICT + // ================= + + $.fn.affix.noConflict = function () { + $.fn.affix = old + return this + } + + + // AFFIX DATA-API + // ============== + + $(window).on('load', function () { + $('[data-spy="affix"]').each(function () { + var $spy = $(this) + var data = $spy.data() + + data.offset = data.offset || {} + + if (data.offsetBottom) data.offset.bottom = data.offsetBottom + if (data.offsetTop) data.offset.top = data.offsetTop + + $spy.affix(data) + }) + }) + +}(jQuery); diff --git a/static/new/js/bootstrap.min copy.min.js b/static/new/js/bootstrap.min copy.min.js new file mode 100644 index 00000000..80b0a378 --- /dev/null +++ b/static/new/js/bootstrap.min copy.min.js @@ -0,0 +1 @@ ++function(t){"use strict";function e(){var t=document.createElement("bootstrap"),e={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var i in e)if(void 0!==t.style[i])return{end:e[i]};return!1}t.fn.emulateTransitionEnd=function(e){var i=!1,o=this;t(this).one(t.support.transition.end,function(){i=!0});var n=function(){i||t(o).trigger(t.support.transition.end)};return setTimeout(n,e),this},t(function(){t.support.transition=e()})}(jQuery),+function(t){"use strict";var e='[data-dismiss="alert"]',i=function(i){t(i).on("click",e,this.close)};i.prototype.close=function(e){function i(){s.trigger("closed.bs.alert").remove()}var o=t(this),n=o.attr("data-target");n||(n=o.attr("href"),n=n&&n.replace(/.*(?=#[^\s]*$)/,""));var s=t(n);e&&e.preventDefault(),s.length||(s=o.hasClass("alert")?o:o.parent()),s.trigger(e=t.Event("close.bs.alert")),e.isDefaultPrevented()||(s.removeClass("in"),t.support.transition&&s.hasClass("fade")?s.one(t.support.transition.end,i).emulateTransitionEnd(150):i())};var o=t.fn.alert;t.fn.alert=function(e){return this.each(function(){var o=t(this),n=o.data("bs.alert");n||o.data("bs.alert",n=new i(this)),"string"==typeof e&&n[e].call(o)})},t.fn.alert.Constructor=i,t.fn.alert.noConflict=function(){return t.fn.alert=o,this},t(document).on("click.bs.alert.data-api",e,i.prototype.close)}(jQuery),+function(t){"use strict";var e=function(i,o){this.$element=t(i),this.options=t.extend({},e.DEFAULTS,o),this.isLoading=!1};e.DEFAULTS={loadingText:"loading..."},e.prototype.setState=function(e){var i="disabled",o=this.$element,n=o.is("input")?"val":"html",s=o.data();e+="Text",s.resetText||o.data("resetText",o[n]()),o[n](s[e]||this.options[e]),setTimeout(t.proxy(function(){"loadingText"==e?(this.isLoading=!0,o.addClass(i).attr(i,i)):this.isLoading&&(this.isLoading=!1,o.removeClass(i).removeAttr(i))},this),0)},e.prototype.toggle=function(){var t=!0,e=this.$element.closest('[data-toggle="buttons"]');if(e.length){var i=this.$element.find("input");"radio"==i.prop("type")&&(i.prop("checked")&&this.$element.hasClass("active")?t=!1:e.find(".active").removeClass("active")),t&&i.prop("checked",!this.$element.hasClass("active")).trigger("change")}t&&this.$element.toggleClass("active")};var i=t.fn.button;t.fn.button=function(i){return this.each(function(){var o=t(this),n=o.data("bs.button"),s="object"==typeof i&&i;n||o.data("bs.button",n=new e(this,s)),"toggle"==i?n.toggle():i&&n.setState(i)})},t.fn.button.Constructor=e,t.fn.button.noConflict=function(){return t.fn.button=i,this},t(document).on("click.bs.button.data-api","[data-toggle^=button]",function(e){var i=t(e.target);i.hasClass("btn")||(i=i.closest(".btn")),i.button("toggle"),e.preventDefault()})}(jQuery),+function(t){"use strict";var e=function(e,i){this.$element=t(e),this.$indicators=this.$element.find(".carousel-indicators"),this.options=i,this.paused=this.sliding=this.interval=this.$active=this.$items=null,"hover"==this.options.pause&&this.$element.on("mouseenter",t.proxy(this.pause,this)).on("mouseleave",t.proxy(this.cycle,this))};e.DEFAULTS={interval:5e3,pause:"hover",wrap:!0},e.prototype.cycle=function(e){return e||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(t.proxy(this.next,this),this.options.interval)),this},e.prototype.getActiveIndex=function(){return this.$active=this.$element.find(".item.active"),this.$items=this.$active.parent().children(),this.$items.index(this.$active)},e.prototype.to=function(e){var i=this,o=this.getActiveIndex();return e>this.$items.length-1||0>e?void 0:this.sliding?this.$element.one("slid.bs.carousel",function(){i.to(e)}):o==e?this.pause().cycle():this.slide(e>o?"next":"prev",t(this.$items[e]))},e.prototype.pause=function(e){return e||(this.paused=!0),this.$element.find(".next, .prev").length&&t.support.transition&&(this.$element.trigger(t.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},e.prototype.next=function(){return this.sliding?void 0:this.slide("next")},e.prototype.prev=function(){return this.sliding?void 0:this.slide("prev")},e.prototype.slide=function(e,i){var o=this.$element.find(".item.active"),n=i||o[e](),s=this.interval,a="next"==e?"left":"right",r="next"==e?"first":"last",l=this;if(!n.length){if(!this.options.wrap)return;n=this.$element.find(".item")[r]()}if(n.hasClass("active"))return this.sliding=!1;var h=t.Event("slide.bs.carousel",{relatedTarget:n[0],direction:a});return this.$element.trigger(h),h.isDefaultPrevented()?void 0:(this.sliding=!0,s&&this.pause(),this.$indicators.length&&(this.$indicators.find(".active").removeClass("active"),this.$element.one("slid.bs.carousel",function(){var e=t(l.$indicators.children()[l.getActiveIndex()]);e&&e.addClass("active")})),t.support.transition&&this.$element.hasClass("slide")?(n.addClass(e),n[0].offsetWidth,o.addClass(a),n.addClass(a),o.one(t.support.transition.end,function(){n.removeClass([e,a].join(" ")).addClass("active"),o.removeClass(["active",a].join(" ")),l.sliding=!1,setTimeout(function(){l.$element.trigger("slid.bs.carousel")},0)}).emulateTransitionEnd(1e3*o.css("transition-duration").slice(0,-1))):(o.removeClass("active"),n.addClass("active"),this.sliding=!1,this.$element.trigger("slid.bs.carousel")),s&&this.cycle(),this)};var i=t.fn.carousel;t.fn.carousel=function(i){return this.each(function(){var o=t(this),n=o.data("bs.carousel"),s=t.extend({},e.DEFAULTS,o.data(),"object"==typeof i&&i),a="string"==typeof i?i:s.slide;n||o.data("bs.carousel",n=new e(this,s)),"number"==typeof i?n.to(i):a?n[a]():s.interval&&n.pause().cycle()})},t.fn.carousel.Constructor=e,t.fn.carousel.noConflict=function(){return t.fn.carousel=i,this},t(document).on("click.bs.carousel.data-api","[data-slide], [data-slide-to]",function(e){var i,o=t(this),n=t(o.attr("data-target")||(i=o.attr("href"))&&i.replace(/.*(?=#[^\s]+$)/,"")),s=t.extend({},n.data(),o.data()),a=o.attr("data-slide-to");a&&(s.interval=!1),n.carousel(s),(a=o.attr("data-slide-to"))&&n.data("bs.carousel").to(a),e.preventDefault()}),t(window).on("load",function(){t('[data-ride="carousel"]').each(function(){var e=t(this);e.carousel(e.data())})})}(jQuery),+function(t){"use strict";var e=function(i,o){this.$element=t(i),this.options=t.extend({},e.DEFAULTS,o),this.transitioning=null,this.options.parent&&(this.$parent=t(this.options.parent)),this.options.toggle&&this.toggle()};e.DEFAULTS={toggle:!0},e.prototype.dimension=function(){var t=this.$element.hasClass("width");return t?"width":"height"},e.prototype.show=function(){if(!this.transitioning&&!this.$element.hasClass("in")){var e=t.Event("show.bs.collapse");if(this.$element.trigger(e),!e.isDefaultPrevented()){var i=this.$parent&&this.$parent.find("> .panel > .in");if(i&&i.length){var o=i.data("bs.collapse");if(o&&o.transitioning)return;i.collapse("hide"),o||i.data("bs.collapse",null)}var n=this.dimension();this.$element.removeClass("collapse").addClass("collapsing")[n](0),this.transitioning=1;var s=function(){this.$element.removeClass("collapsing").addClass("collapse in")[n]("auto"),this.transitioning=0,this.$element.trigger("shown.bs.collapse")};if(!t.support.transition)return s.call(this);var a=t.camelCase(["scroll",n].join("-"));this.$element.one(t.support.transition.end,t.proxy(s,this)).emulateTransitionEnd(350)[n](this.$element[0][a])}}},e.prototype.hide=function(){if(!this.transitioning&&this.$element.hasClass("in")){var e=t.Event("hide.bs.collapse");if(this.$element.trigger(e),!e.isDefaultPrevented()){var i=this.dimension();this.$element[i](this.$element[i]())[0].offsetHeight,this.$element.addClass("collapsing").removeClass("collapse").removeClass("in"),this.transitioning=1;var o=function(){this.transitioning=0,this.$element.trigger("hidden.bs.collapse").removeClass("collapsing").addClass("collapse")};return t.support.transition?(this.$element[i](0).one(t.support.transition.end,t.proxy(o,this)).emulateTransitionEnd(350),void 0):o.call(this)}}},e.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var i=t.fn.collapse;t.fn.collapse=function(i){return this.each(function(){var o=t(this),n=o.data("bs.collapse"),s=t.extend({},e.DEFAULTS,o.data(),"object"==typeof i&&i);!n&&s.toggle&&"show"==i&&(i=!i),n||o.data("bs.collapse",n=new e(this,s)),"string"==typeof i&&n[i]()})},t.fn.collapse.Constructor=e,t.fn.collapse.noConflict=function(){return t.fn.collapse=i,this},t(document).on("click.bs.collapse.data-api","[data-toggle=collapse]",function(e){var i,o=t(this),n=o.attr("data-target")||e.preventDefault()||(i=o.attr("href"))&&i.replace(/.*(?=#[^\s]+$)/,""),s=t(n),a=s.data("bs.collapse"),r=a?"toggle":o.data(),l=o.attr("data-parent"),h=l&&t(l);a&&a.transitioning||(h&&h.find('[data-toggle=collapse][data-parent="'+l+'"]').not(o).addClass("collapsed"),o[s.hasClass("in")?"addClass":"removeClass"]("collapsed")),s.collapse(r)})}(jQuery),+function(t){"use strict";function e(e){t(o).remove(),t(n).each(function(){var o=i(t(this)),n={relatedTarget:this};o.hasClass("open")&&(o.trigger(e=t.Event("hide.bs.dropdown",n)),e.isDefaultPrevented()||o.removeClass("open").trigger("hidden.bs.dropdown",n))})}function i(e){var i=e.attr("data-target");i||(i=e.attr("href"),i=i&&/#[A-Za-z]/.test(i)&&i.replace(/.*(?=#[^\s]*$)/,""));var o=i&&t(i);return o&&o.length?o:e.parent()}var o=".dropdown-backdrop",n="[data-toggle=dropdown]",s=function(e){t(e).on("click.bs.dropdown",this.toggle)};s.prototype.toggle=function(o){var n=t(this);if(!n.is(".disabled, :disabled")){var s=i(n),a=s.hasClass("open");if(e(),!a){"ontouchstart"in document.documentElement&&!s.closest(".navbar-nav").length&&t('
        ').insertAfter(t(this)).on("click",e);var r={relatedTarget:this};if(s.trigger(o=t.Event("show.bs.dropdown",r)),o.isDefaultPrevented())return;s.toggleClass("open").trigger("shown.bs.dropdown",r),n.focus()}return!1}},s.prototype.keydown=function(e){if(/(38|40|27)/.test(e.keyCode)){var o=t(this);if(e.preventDefault(),e.stopPropagation(),!o.is(".disabled, :disabled")){var s=i(o),a=s.hasClass("open");if(!a||a&&27==e.keyCode)return 27==e.which&&s.find(n).focus(),o.click();var r=" li:not(.divider):visible a",l=s.find("[role=menu]"+r+", [role=listbox]"+r);if(l.length){var h=l.index(l.filter(":focus"));38==e.keyCode&&h>0&&h--,40==e.keyCode&&h').appendTo(document.body),this.$element.on("click.dismiss.bs.modal",t.proxy(function(t){t.target===t.currentTarget&&("static"==this.options.backdrop?this.$element[0].focus.call(this.$element[0]):this.hide.call(this))},this)),o&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in"),!e)return;o?this.$backdrop.one(t.support.transition.end,e).emulateTransitionEnd(150):e()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),t.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(t.support.transition.end,e).emulateTransitionEnd(150):e()):e&&e()};var i=t.fn.modal;t.fn.modal=function(i,o){return this.each(function(){var n=t(this),s=n.data("bs.modal"),a=t.extend({},e.DEFAULTS,n.data(),"object"==typeof i&&i);s||n.data("bs.modal",s=new e(this,a)),"string"==typeof i?s[i](o):a.show&&s.show(o)})},t.fn.modal.Constructor=e,t.fn.modal.noConflict=function(){return t.fn.modal=i,this},t(document).on("click.bs.modal.data-api",'[data-toggle="modal"]',function(e){var i=t(this),o=i.attr("href"),n=t(i.attr("data-target")||o&&o.replace(/.*(?=#[^\s]+$)/,"")),s=n.data("bs.modal")?"toggle":t.extend({remote:!/#/.test(o)&&o},n.data(),i.data());i.is("a")&&e.preventDefault(),n.modal(s,this).one("hide",function(){i.is(":visible")&&i.focus()})}),t(document).on("show.bs.modal",".modal",function(){t(document.body).addClass("modal-open")}).on("hidden.bs.modal",".modal",function(){t(document.body).removeClass("modal-open")})}(jQuery),+function(t){"use strict";var e=function(t,e){this.type=this.options=this.enabled=this.timeout=this.hoverState=this.$element=null,this.init("tooltip",t,e)};e.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'
        ',trigger:"hover focus",title:"",delay:0,html:!1,container:!1},e.prototype.init=function(e,i,o){this.enabled=!0,this.type=e,this.$element=t(i),this.options=this.getOptions(o);for(var n=this.options.trigger.split(" "),s=n.length;s--;){var a=n[s];if("click"==a)this.$element.on("click."+this.type,this.options.selector,t.proxy(this.toggle,this));else if("manual"!=a){var r="hover"==a?"mouseenter":"focusin",l="hover"==a?"mouseleave":"focusout";this.$element.on(r+"."+this.type,this.options.selector,t.proxy(this.enter,this)),this.$element.on(l+"."+this.type,this.options.selector,t.proxy(this.leave,this))}}this.options.selector?this._options=t.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},e.prototype.getDefaults=function(){return e.DEFAULTS},e.prototype.getOptions=function(e){return e=t.extend({},this.getDefaults(),this.$element.data(),e),e.delay&&"number"==typeof e.delay&&(e.delay={show:e.delay,hide:e.delay}),e},e.prototype.getDelegateOptions=function(){var e={},i=this.getDefaults();return this._options&&t.each(this._options,function(t,o){i[t]!=o&&(e[t]=o)}),e},e.prototype.enter=function(e){var i=e instanceof this.constructor?e:t(e.currentTarget)[this.type](this.getDelegateOptions()).data("bs."+this.type);return clearTimeout(i.timeout),i.hoverState="in",i.options.delay&&i.options.delay.show?(i.timeout=setTimeout(function(){"in"==i.hoverState&&i.show()},i.options.delay.show),void 0):i.show()},e.prototype.leave=function(e){var i=e instanceof this.constructor?e:t(e.currentTarget)[this.type](this.getDelegateOptions()).data("bs."+this.type);return clearTimeout(i.timeout),i.hoverState="out",i.options.delay&&i.options.delay.hide?(i.timeout=setTimeout(function(){"out"==i.hoverState&&i.hide()},i.options.delay.hide),void 0):i.hide()},e.prototype.show=function(){var e=t.Event("show.bs."+this.type);if(this.hasContent()&&this.enabled){if(this.$element.trigger(e),e.isDefaultPrevented())return;var i=this,o=this.tip();this.setContent(),this.options.animation&&o.addClass("fade");var n="function"==typeof this.options.placement?this.options.placement.call(this,o[0],this.$element[0]):this.options.placement,s=/\s?auto?\s?/i,a=s.test(n);a&&(n=n.replace(s,"")||"top"),o.detach().css({top:0,left:0,display:"block"}).addClass(n),this.options.container?o.appendTo(this.options.container):o.insertAfter(this.$element);var r=this.getPosition(),l=o[0].offsetWidth,h=o[0].offsetHeight;if(a){var p=this.$element.parent(),d=n,c=document.documentElement.scrollTop||document.body.scrollTop,f="body"==this.options.container?window.innerWidth:p.outerWidth(),u="body"==this.options.container?window.innerHeight:p.outerHeight(),v="body"==this.options.container?0:p.offset().left;n="bottom"==n&&r.top+r.height+h-c>u?"top":"top"==n&&r.top-c-h<0?"bottom":"right"==n&&r.right+l>f?"left":"left"==n&&r.left-l

        '}),e.prototype=t.extend({},t.fn.tooltip.Constructor.prototype),e.prototype.constructor=e,e.prototype.getDefaults=function(){return e.DEFAULTS},e.prototype.setContent=function(){var t=this.tip(),e=this.getTitle(),i=this.getContent();t.find(".popover-title")[this.options.html?"html":"text"](e),t.find(".popover-content")[this.options.html?"string"==typeof i?"html":"append":"text"](i),t.removeClass("fade top bottom left right in"),t.find(".popover-title").html()||t.find(".popover-title").hide()},e.prototype.hasContent=function(){return this.getTitle()||this.getContent()},e.prototype.getContent=function(){var t=this.$element,e=this.options;return t.attr("data-content")||("function"==typeof e.content?e.content.call(t[0]):e.content)},e.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".arrow")},e.prototype.tip=function(){return this.$tip||(this.$tip=t(this.options.template)),this.$tip};var i=t.fn.popover;t.fn.popover=function(i){return this.each(function(){var o=t(this),n=o.data("bs.popover"),s="object"==typeof i&&i;(n||"destroy"!=i)&&(n||o.data("bs.popover",n=new e(this,s)),"string"==typeof i&&n[i]())})},t.fn.popover.Constructor=e,t.fn.popover.noConflict=function(){return t.fn.popover=i,this}}(jQuery),+function(t){"use strict";function e(i,o){var n,s=t.proxy(this.process,this);this.$element=t(i).is("body")?t(window):t(i),this.$body=t("body"),this.$scrollElement=this.$element.on("scroll.bs.scroll-spy.data-api",s),this.options=t.extend({},e.DEFAULTS,o),this.selector=(this.options.target||(n=t(i).attr("href"))&&n.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.offsets=t([]),this.targets=t([]),this.activeTarget=null,this.refresh(),this.process()}e.DEFAULTS={offset:10},e.prototype.refresh=function(){var e=this.$element[0]==window?"offset":"position";this.offsets=t([]),this.targets=t([]);var i=this;this.$body.find(this.selector).map(function(){var o=t(this),n=o.data("target")||o.attr("href"),s=/^#./.test(n)&&t(n);return s&&s.length&&s.is(":visible")&&[[s[e]().top+(!t.isWindow(i.$scrollElement.get(0))&&i.$scrollElement.scrollTop()),n]]||null}).sort(function(t,e){return t[0]-e[0]}).each(function(){i.offsets.push(this[0]),i.targets.push(this[1])})},e.prototype.process=function(){var t,e=this.$scrollElement.scrollTop()+this.options.offset,i=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,o=i-this.$scrollElement.height(),n=this.offsets,s=this.targets,a=this.activeTarget;if(e>=o)return a!=(t=s.last()[0])&&this.activate(t);if(a&&e<=n[0])return a!=(t=s[0])&&this.activate(t);for(t=n.length;t--;)a!=s[t]&&e>=n[t]&&(!n[t+1]||e<=n[t+1])&&this.activate(s[t])},e.prototype.activate=function(e){this.activeTarget=e,t(this.selector).parentsUntil(this.options.target,".active").removeClass("active");var i=this.selector+'[data-target="'+e+'"],'+this.selector+'[href="'+e+'"]',o=t(i).parents("li").addClass("active");o.parent(".dropdown-menu").length&&(o=o.closest("li.dropdown").addClass("active")),o.trigger("activate.bs.scrollspy")};var i=t.fn.scrollspy;t.fn.scrollspy=function(i){return this.each(function(){var o=t(this),n=o.data("bs.scrollspy"),s="object"==typeof i&&i;n||o.data("bs.scrollspy",n=new e(this,s)),"string"==typeof i&&n[i]()})},t.fn.scrollspy.Constructor=e,t.fn.scrollspy.noConflict=function(){return t.fn.scrollspy=i,this},t(window).on("load",function(){t('[data-spy="scroll"]').each(function(){var e=t(this);e.scrollspy(e.data())})})}(jQuery),+function(t){"use strict";var e=function(e){this.element=t(e)};e.prototype.show=function(){var e=this.element,i=e.closest("ul:not(.dropdown-menu)"),o=e.data("target");if(o||(o=e.attr("href"),o=o&&o.replace(/.*(?=#[^\s]*$)/,"")),!e.parent("li").hasClass("active")){var n=i.find(".active:last a")[0],s=t.Event("show.bs.tab",{relatedTarget:n});if(e.trigger(s),!s.isDefaultPrevented()){var a=t(o);this.activate(e.parent("li"),i),this.activate(a,a.parent(),function(){e.trigger({type:"shown.bs.tab",relatedTarget:n})})}}},e.prototype.activate=function(e,i,o){function n(){s.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),e.addClass("active"),a?(e[0].offsetWidth,e.addClass("in")):e.removeClass("fade"),e.parent(".dropdown-menu")&&e.closest("li.dropdown").addClass("active"),o&&o()}var s=i.find("> .active"),a=o&&t.support.transition&&s.hasClass("fade");a?s.one(t.support.transition.end,n).emulateTransitionEnd(150):n(),s.removeClass("in")};var i=t.fn.tab;t.fn.tab=function(i){return this.each(function(){var o=t(this),n=o.data("bs.tab");n||o.data("bs.tab",n=new e(this)),"string"==typeof i&&n[i]()})},t.fn.tab.Constructor=e,t.fn.tab.noConflict=function(){return t.fn.tab=i,this},t(document).on("click.bs.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(e){e.preventDefault(),t(this).tab("show")})}(jQuery),+function(t){"use strict";var e=function(i,o){this.options=t.extend({},e.DEFAULTS,o),this.$window=t(window).on("scroll.bs.affix.data-api",t.proxy(this.checkPosition,this)).on("click.bs.affix.data-api",t.proxy(this.checkPositionWithEventLoop,this)),this.$element=t(i),this.affixed=this.unpin=this.pinnedOffset=null,this.checkPosition()};e.RESET="affix affix-top affix-bottom",e.DEFAULTS={offset:0},e.prototype.getPinnedOffset=function(){if(this.pinnedOffset)return this.pinnedOffset;this.$element.removeClass(e.RESET).addClass("affix");var t=this.$window.scrollTop(),i=this.$element.offset();return this.pinnedOffset=i.top-t},e.prototype.checkPositionWithEventLoop=function(){setTimeout(t.proxy(this.checkPosition,this),1)},e.prototype.checkPosition=function(){if(this.$element.is(":visible")){var i=t(document).height(),o=this.$window.scrollTop(),n=this.$element.offset(),s=this.options.offset,a=s.top,r=s.bottom;"top"==this.affixed&&(n.top+=o),"object"!=typeof s&&(r=a=s),"function"==typeof a&&(a=s.top(this.$element)),"function"==typeof r&&(r=s.bottom(this.$element));var l=null!=this.unpin&&o+this.unpin<=n.top?!1:null!=r&&n.top+this.$element.height()>=i-r?"bottom":null!=a&&a>=o?"top":!1;if(this.affixed!==l){this.unpin&&this.$element.css("top","");var h="affix"+(l?"-"+l:""),p=t.Event(h+".bs.affix");this.$element.trigger(p),p.isDefaultPrevented()||(this.affixed=l,this.unpin="bottom"==l?this.getPinnedOffset():null,this.$element.removeClass(e.RESET).addClass(h).trigger(t.Event(h.replace("affix","affixed"))),"bottom"==l&&this.$element.offset({top:i-r-this.$element.height()}))}}};var i=t.fn.affix;t.fn.affix=function(i){return this.each(function(){var o=t(this),n=o.data("bs.affix"),s="object"==typeof i&&i;n||o.data("bs.affix",n=new e(this,s)),"string"==typeof i&&n[i]()})},t.fn.affix.Constructor=e,t.fn.affix.noConflict=function(){return t.fn.affix=i,this},t(window).on("load",function(){t('[data-spy="affix"]').each(function(){var e=t(this),i=e.data();i.offset=i.offset||{},i.offsetBottom&&(i.offset.bottom=i.offsetBottom),i.offsetTop&&(i.offset.top=i.offsetTop),e.affix(i)})})}(jQuery); \ No newline at end of file diff --git a/static/new/js/bootstrap.min.js b/static/new/js/bootstrap.min.js new file mode 100644 index 00000000..43c06068 --- /dev/null +++ b/static/new/js/bootstrap.min.js @@ -0,0 +1 @@ ++function(t){"use strict";function e(){var t=document.createElement("bootstrap"),e={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var i in e)if(void 0!==t.style[i])return{end:e[i]};return!1}t.fn.emulateTransitionEnd=function(e){var i=!1,o=this;t(this).one(t.support.transition.end,function(){i=!0});var n=function(){i||t(o).trigger(t.support.transition.end)};return setTimeout(n,e),this},t(function(){t.support.transition=e()})}(jQuery),+function(t){"use strict";var e='[data-dismiss="alert"]',i=function(i){t(i).on("click",e,this.close)};i.prototype.close=function(e){function i(){s.trigger("closed.bs.alert").remove()}var o=t(this),n=o.attr("data-target");n||(n=o.attr("href"),n=n&&n.replace(/.*(?=#[^\s]*$)/,""));var s=t(n);e&&e.preventDefault(),s.length||(s=o.hasClass("alert")?o:o.parent()),s.trigger(e=t.Event("close.bs.alert")),e.isDefaultPrevented()||(s.removeClass("in"),t.support.transition&&s.hasClass("fade")?s.one(t.support.transition.end,i).emulateTransitionEnd(150):i())};var o=t.fn.alert;t.fn.alert=function(e){return this.each(function(){var o=t(this),n=o.data("bs.alert");n||o.data("bs.alert",n=new i(this)),"string"==typeof e&&n[e].call(o)})},t.fn.alert.Constructor=i,t.fn.alert.noConflict=function(){return t.fn.alert=o,this},t(document).on("click.bs.alert.data-api",e,i.prototype.close)}(jQuery),+function(t){"use strict";var e=function(i,o){this.$element=t(i),this.options=t.extend({},e.DEFAULTS,o),this.isLoading=!1};e.DEFAULTS={loadingText:"loading..."},e.prototype.setState=function(e){var i="disabled",o=this.$element,n=o.is("input")?"val":"html",s=o.data();e+="Text",s.resetText||o.data("resetText",o[n]()),o[n](s[e]||this.options[e]),setTimeout(t.proxy(function(){"loadingText"==e?(this.isLoading=!0,o.addClass(i).attr(i,i)):this.isLoading&&(this.isLoading=!1,o.removeClass(i).removeAttr(i))},this),0)},e.prototype.toggle=function(){var t=!0,e=this.$element.closest('[data-toggle="buttons"]');if(e.length){var i=this.$element.find("input");"radio"==i.prop("type")&&(i.prop("checked")&&this.$element.hasClass("active")?t=!1:e.find(".active").removeClass("active")),t&&i.prop("checked",!this.$element.hasClass("active")).trigger("change")}t&&this.$element.toggleClass("active")};var i=t.fn.button;t.fn.button=function(i){return this.each(function(){var o=t(this),n=o.data("bs.button"),s="object"==typeof i&&i;n||o.data("bs.button",n=new e(this,s)),"toggle"==i?n.toggle():i&&n.setState(i)})},t.fn.button.Constructor=e,t.fn.button.noConflict=function(){return t.fn.button=i,this},t(document).on("click.bs.button.data-api","[data-toggle^=button]",function(e){var i=t(e.target);i.hasClass("btn")||(i=i.closest(".btn")),i.button("toggle"),e.preventDefault()})}(jQuery),+function(t){"use strict";var e=function(e,i){this.$element=t(e),this.$indicators=this.$element.find(".carousel-indicators"),this.options=i,this.paused=this.sliding=this.interval=this.$active=this.$items=null,"hover"==this.options.pause&&this.$element.on("mouseenter",t.proxy(this.pause,this)).on("mouseleave",t.proxy(this.cycle,this))};e.DEFAULTS={interval:5e3,pause:"hover",wrap:!0},e.prototype.cycle=function(e){return e||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(t.proxy(this.next,this),this.options.interval)),this},e.prototype.getActiveIndex=function(){return this.$active=this.$element.find(".item.active"),this.$items=this.$active.parent().children(),this.$items.index(this.$active)},e.prototype.to=function(e){var i=this,o=this.getActiveIndex();return e>this.$items.length-1||0>e?void 0:this.sliding?this.$element.one("slid.bs.carousel",function(){i.to(e)}):o==e?this.pause().cycle():this.slide(e>o?"next":"prev",t(this.$items[e]))},e.prototype.pause=function(e){return e||(this.paused=!0),this.$element.find(".next, .prev").length&&t.support.transition&&(this.$element.trigger(t.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},e.prototype.next=function(){return this.sliding?void 0:this.slide("next")},e.prototype.prev=function(){return this.sliding?void 0:this.slide("prev")},e.prototype.slide=function(e,i){var o=this.$element.find(".item.active"),n=i||o[e](),s=this.interval,a="next"==e?"left":"right",r="next"==e?"first":"last",l=this;if(!n.length){if(!this.options.wrap)return;n=this.$element.find(".item")[r]()}if(n.hasClass("active"))return this.sliding=!1;var h=t.Event("slide.bs.carousel",{relatedTarget:n[0],direction:a});return this.$element.trigger(h),h.isDefaultPrevented()?void 0:(this.sliding=!0,s&&this.pause(),this.$indicators.length&&(this.$indicators.find(".active").removeClass("active"),this.$element.one("slid.bs.carousel",function(){var e=t(l.$indicators.children()[l.getActiveIndex()]);e&&e.addClass("active")})),t.support.transition&&this.$element.hasClass("slide")?(n.addClass(e),n[0].offsetWidth,o.addClass(a),n.addClass(a),o.one(t.support.transition.end,function(){n.removeClass([e,a].join(" ")).addClass("active"),o.removeClass(["active",a].join(" ")),l.sliding=!1,setTimeout(function(){l.$element.trigger("slid.bs.carousel")},0)}).emulateTransitionEnd(1e3*o.css("transition-duration").slice(0,-1))):(o.removeClass("active"),n.addClass("active"),this.sliding=!1,this.$element.trigger("slid.bs.carousel")),s&&this.cycle(),this)};var i=t.fn.carousel;t.fn.carousel=function(i){return this.each(function(){var o=t(this),n=o.data("bs.carousel"),s=t.extend({},e.DEFAULTS,o.data(),"object"==typeof i&&i),a="string"==typeof i?i:s.slide;n||o.data("bs.carousel",n=new e(this,s)),"number"==typeof i?n.to(i):a?n[a]():s.interval&&n.pause().cycle()})},t.fn.carousel.Constructor=e,t.fn.carousel.noConflict=function(){return t.fn.carousel=i,this},t(document).on("click.bs.carousel.data-api","[data-slide], [data-slide-to]",function(e){var i,o=t(this),n=t(o.attr("data-target")||(i=o.attr("href"))&&i.replace(/.*(?=#[^\s]+$)/,"")),s=t.extend({},n.data(),o.data()),a=o.attr("data-slide-to");a&&(s.interval=!1),n.carousel(s),(a=o.attr("data-slide-to"))&&n.data("bs.carousel").to(a),e.preventDefault()}),t(window).on("load",function(){t('[data-ride="carousel"]').each(function(){var e=t(this);e.carousel(e.data())})})}(jQuery),+function(t){"use strict";var e=function(i,o){this.$element=t(i),this.options=t.extend({},e.DEFAULTS,o),this.transitioning=null,this.options.parent&&(this.$parent=t(this.options.parent)),this.options.toggle&&this.toggle()};e.DEFAULTS={toggle:!0},e.prototype.dimension=function(){var t=this.$element.hasClass("width");return t?"width":"height"},e.prototype.show=function(){if(!this.transitioning&&!this.$element.hasClass("in")){var e=t.Event("show.bs.collapse");if(this.$element.trigger(e),!e.isDefaultPrevented()){var i=this.$parent&&this.$parent.find("> .panel > .in");if(i&&i.length){var o=i.data("bs.collapse");if(o&&o.transitioning)return;i.collapse("hide"),o||i.data("bs.collapse",null)}var n=this.dimension();this.$element.removeClass("collapse").addClass("collapsing")[n](0),this.transitioning=1;var s=function(){this.$element.removeClass("collapsing").addClass("collapse in")[n]("auto"),this.transitioning=0,this.$element.trigger("shown.bs.collapse")};if(!t.support.transition)return s.call(this);var a=t.camelCase(["scroll",n].join("-"));this.$element.one(t.support.transition.end,t.proxy(s,this)).emulateTransitionEnd(350)[n](this.$element[0][a])}}},e.prototype.hide=function(){if(!this.transitioning&&this.$element.hasClass("in")){var e=t.Event("hide.bs.collapse");if(this.$element.trigger(e),!e.isDefaultPrevented()){var i=this.dimension();this.$element[i](this.$element[i]())[0].offsetHeight,this.$element.addClass("collapsing").removeClass("collapse").removeClass("in"),this.transitioning=1;var o=function(){this.transitioning=0,this.$element.trigger("hidden.bs.collapse").removeClass("collapsing").addClass("collapse")};return t.support.transition?(this.$element[i](0).one(t.support.transition.end,t.proxy(o,this)).emulateTransitionEnd(350),void 0):o.call(this)}}},e.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var i=t.fn.collapse;t.fn.collapse=function(i){return this.each(function(){var o=t(this),n=o.data("bs.collapse"),s=t.extend({},e.DEFAULTS,o.data(),"object"==typeof i&&i);!n&&s.toggle&&"show"==i&&(i=!i),n||o.data("bs.collapse",n=new e(this,s)),"string"==typeof i&&n[i]()})},t.fn.collapse.Constructor=e,t.fn.collapse.noConflict=function(){return t.fn.collapse=i,this},t(document).on("click.bs.collapse.data-api","[data-toggle=collapse]",function(e){var i,o=t(this),n=o.attr("data-target")||e.preventDefault()||(i=o.attr("href"))&&i.replace(/.*(?=#[^\s]+$)/,""),s=t(n),a=s.data("bs.collapse"),r=a?"toggle":o.data(),l=o.attr("data-parent"),h=l&&t(l);a&&a.transitioning||(h&&h.find('[data-toggle=collapse][data-parent="'+l+'"]').not(o).addClass("collapsed"),o[s.hasClass("in")?"addClass":"removeClass"]("collapsed")),s.collapse(r)})}(jQuery),+function(t){"use strict";function e(e){t(o).remove(),t(n).each(function(){var o=i(t(this)),n={relatedTarget:this};o.hasClass("open")&&(o.trigger(e=t.Event("hide.bs.dropdown",n)),e.isDefaultPrevented()||o.removeClass("open").trigger("hidden.bs.dropdown",n))})}function i(e){var i=e.attr("data-target");i||(i=e.attr("href"),i=i&&/#[A-Za-z]/.test(i)&&i.replace(/.*(?=#[^\s]*$)/,""));var o=i&&t(i);return o&&o.length?o:e.parent()}var o=".dropdown-backdrop",n="[data-toggle=dropdown]",s=function(e){t(e).on("click.bs.dropdown",this.toggle)};s.prototype.toggle=function(o){var n=t(this);if(!n.is(".disabled, :disabled")){var s=i(n),a=s.hasClass("open");if(e(),!a){"ontouchstart"in document.documentElement&&!s.closest(".navbar-nav").length&&t('
        ').insertAfter(t(this)).on("click",e);var r={relatedTarget:this};if(s.trigger(o=t.Event("show.bs.dropdown",r)),o.isDefaultPrevented())return;s.toggleClass("open").trigger("shown.bs.dropdown",r),n.focus()}return!1}},s.prototype.keydown=function(e){if(/(38|40|27)/.test(e.keyCode)){var o=t(this);if(e.preventDefault(),e.stopPropagation(),!o.is(".disabled, :disabled")){var s=i(o),a=s.hasClass("open");if(!a||a&&27==e.keyCode)return 27==e.which&&s.find(n).focus(),o.click();var r=" li:not(.divider):visible a",l=s.find("[role=menu]"+r+", [role=listbox]"+r);if(l.length){var h=l.index(l.filter(":focus"));38==e.keyCode&&h>0&&h--,40==e.keyCode&&h').appendTo(document.body),this.$element.on("click.dismiss.bs.modal",t.proxy(function(t){t.target===t.currentTarget&&("static"==this.options.backdrop?this.$element[0].focus.call(this.$element[0]):this.hide.call(this))},this)),o&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in"),!e)return;o?this.$backdrop.one(t.support.transition.end,e).emulateTransitionEnd(150):e()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),t.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(t.support.transition.end,e).emulateTransitionEnd(150):e()):e&&e()};var i=t.fn.modal;t.fn.modal=function(i,o){return this.each(function(){var n=t(this),s=n.data("bs.modal"),a=t.extend({},e.DEFAULTS,n.data(),"object"==typeof i&&i);s||n.data("bs.modal",s=new e(this,a)),"string"==typeof i?s[i](o):a.show&&s.show(o)})},t.fn.modal.Constructor=e,t.fn.modal.noConflict=function(){return t.fn.modal=i,this},t(document).on("click.bs.modal.data-api",'[data-toggle="modal"]',function(e){var i=t(this),o=i.attr("href"),n=t(i.attr("data-target")||o&&o.replace(/.*(?=#[^\s]+$)/,"")),s=n.data("bs.modal")?"toggle":t.extend({remote:!/#/.test(o)&&o},n.data(),i.data());i.is("a")&&e.preventDefault(),n.modal(s,this).one("hide",function(){i.is(":visible")&&i.focus()})}),t(document).on("show.bs.modal",".modal",function(){t(document.body).addClass("modal-open")}).on("hidden.bs.modal",".modal",function(){t(document.body).removeClass("modal-open")})}(jQuery),+function(t){"use strict";var e=function(t,e){this.type=this.options=this.enabled=this.timeout=this.hoverState=this.$element=null,this.init("tooltip",t,e)};e.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'
        ',trigger:"hover focus",title:"",delay:0,html:!1,container:!1},e.prototype.init=function(e,i,o){this.enabled=!0,this.type=e,this.$element=t(i),this.options=this.getOptions(o);for(var n=this.options.trigger.split(" "),s=n.length;s--;){var a=n[s];if("click"==a)this.$element.on("click."+this.type,this.options.selector,t.proxy(this.toggle,this));else if("manual"!=a){var r="hover"==a?"mouseenter":"focusin",l="hover"==a?"mouseleave":"focusout";this.$element.on(r+"."+this.type,this.options.selector,t.proxy(this.enter,this)),this.$element.on(l+"."+this.type,this.options.selector,t.proxy(this.leave,this))}}this.options.selector?this._options=t.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},e.prototype.getDefaults=function(){return e.DEFAULTS},e.prototype.getOptions=function(e){return e=t.extend({},this.getDefaults(),this.$element.data(),e),e.delay&&"number"==typeof e.delay&&(e.delay={show:e.delay,hide:e.delay}),e},e.prototype.getDelegateOptions=function(){var e={},i=this.getDefaults();return this._options&&t.each(this._options,function(t,o){i[t]!=o&&(e[t]=o)}),e},e.prototype.enter=function(e){var i=e instanceof this.constructor?e:t(e.currentTarget)[this.type](this.getDelegateOptions()).data("bs."+this.type);return clearTimeout(i.timeout),i.hoverState="in",i.options.delay&&i.options.delay.show?(i.timeout=setTimeout(function(){"in"==i.hoverState&&i.show()},i.options.delay.show),void 0):i.show()},e.prototype.leave=function(e){var i=e instanceof this.constructor?e:t(e.currentTarget)[this.type](this.getDelegateOptions()).data("bs."+this.type);return clearTimeout(i.timeout),i.hoverState="out",i.options.delay&&i.options.delay.hide?(i.timeout=setTimeout(function(){"out"==i.hoverState&&i.hide()},i.options.delay.hide),void 0):i.hide()},e.prototype.show=function(){var e=t.Event("show.bs."+this.type);if(this.hasContent()&&this.enabled){if(this.$element.trigger(e),e.isDefaultPrevented())return;var i=this,o=this.tip();this.setContent(),this.options.animation&&o.addClass("fade");var n="function"==typeof this.options.placement?this.options.placement.call(this,o[0],this.$element[0]):this.options.placement,s=/\s?auto?\s?/i,a=s.test(n);a&&(n=n.replace(s,"")||"top"),o.detach().css({top:0,left:0,display:"block"}).addClass(n),this.options.container?o.appendTo(this.options.container):o.insertAfter(this.$element);var r=this.getPosition(),l=o[0].offsetWidth,h=o[0].offsetHeight;if(a){var p=this.$element.parent(),d=n,c=document.documentElement.scrollTop||document.body.scrollTop,f="body"==this.options.container?window.innerWidth:p.outerWidth(),u="body"==this.options.container?window.innerHeight:p.outerHeight(),v="body"==this.options.container?0:p.offset().left;n="bottom"==n&&r.top+r.height+h-c>u?"top":"top"==n&&r.top-c-h<0?"bottom":"right"==n&&r.right+l>f?"left":"left"==n&&r.left-l

        '}),e.prototype=t.extend({},t.fn.tooltip.Constructor.prototype),e.prototype.constructor=e,e.prototype.getDefaults=function(){return e.DEFAULTS},e.prototype.setContent=function(){var t=this.tip(),e=this.getTitle(),i=this.getContent();t.find(".popover-title")[this.options.html?"html":"text"](e),t.find(".popover-content")[this.options.html?"string"==typeof i?"html":"append":"text"](i),t.removeClass("fade top bottom left right in"),t.find(".popover-title").html()||t.find(".popover-title").hide()},e.prototype.hasContent=function(){return this.getTitle()||this.getContent()},e.prototype.getContent=function(){var t=this.$element,e=this.options;return t.attr("data-content")||("function"==typeof e.content?e.content.call(t[0]):e.content)},e.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".arrow")},e.prototype.tip=function(){return this.$tip||(this.$tip=t(this.options.template)),this.$tip};var i=t.fn.popover;t.fn.popover=function(i){return this.each(function(){var o=t(this),n=o.data("bs.popover"),s="object"==typeof i&&i;(n||"destroy"!=i)&&(n||o.data("bs.popover",n=new e(this,s)),"string"==typeof i&&n[i]())})},t.fn.popover.Constructor=e,t.fn.popover.noConflict=function(){return t.fn.popover=i,this}}(jQuery),+function(t){"use strict";function e(i,o){var n,s=t.proxy(this.process,this);this.$element=t(i).is("body")?t(window):t(i),this.$body=t("body"),this.$scrollElement=this.$element.on("scroll.bs.scroll-spy.data-api",s),this.options=t.extend({},e.DEFAULTS,o),this.selector=(this.options.target||(n=t(i).attr("href"))&&n.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.offsets=t([]),this.targets=t([]),this.activeTarget=null,this.refresh(),this.process()}e.DEFAULTS={offset:10},e.prototype.refresh=function(){var e=this.$element[0]==window?"offset":"position";this.offsets=t([]),this.targets=t([]);{var i=this;this.$body.find(this.selector).map(function(){var o=t(this),n=o.data("target")||o.attr("href"),s=/^#./.test(n)&&t(n);return s&&s.length&&s.is(":visible")&&[[s[e]().top+(!t.isWindow(i.$scrollElement.get(0))&&i.$scrollElement.scrollTop()),n]]||null}).sort(function(t,e){return t[0]-e[0]}).each(function(){i.offsets.push(this[0]),i.targets.push(this[1])})}},e.prototype.process=function(){var t,e=this.$scrollElement.scrollTop()+this.options.offset,i=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,o=i-this.$scrollElement.height(),n=this.offsets,s=this.targets,a=this.activeTarget;if(e>=o)return a!=(t=s.last()[0])&&this.activate(t);if(a&&e<=n[0])return a!=(t=s[0])&&this.activate(t);for(t=n.length;t--;)a!=s[t]&&e>=n[t]&&(!n[t+1]||e<=n[t+1])&&this.activate(s[t])},e.prototype.activate=function(e){this.activeTarget=e,t(this.selector).parentsUntil(this.options.target,".active").removeClass("active");var i=this.selector+'[data-target="'+e+'"],'+this.selector+'[href="'+e+'"]',o=t(i).parents("li").addClass("active");o.parent(".dropdown-menu").length&&(o=o.closest("li.dropdown").addClass("active")),o.trigger("activate.bs.scrollspy")};var i=t.fn.scrollspy;t.fn.scrollspy=function(i){return this.each(function(){var o=t(this),n=o.data("bs.scrollspy"),s="object"==typeof i&&i;n||o.data("bs.scrollspy",n=new e(this,s)),"string"==typeof i&&n[i]()})},t.fn.scrollspy.Constructor=e,t.fn.scrollspy.noConflict=function(){return t.fn.scrollspy=i,this},t(window).on("load",function(){t('[data-spy="scroll"]').each(function(){var e=t(this);e.scrollspy(e.data())})})}(jQuery),+function(t){"use strict";var e=function(e){this.element=t(e)};e.prototype.show=function(){var e=this.element,i=e.closest("ul:not(.dropdown-menu)"),o=e.data("target");if(o||(o=e.attr("href"),o=o&&o.replace(/.*(?=#[^\s]*$)/,"")),!e.parent("li").hasClass("active")){var n=i.find(".active:last a")[0],s=t.Event("show.bs.tab",{relatedTarget:n});if(e.trigger(s),!s.isDefaultPrevented()){var a=t(o);this.activate(e.parent("li"),i),this.activate(a,a.parent(),function(){e.trigger({type:"shown.bs.tab",relatedTarget:n})})}}},e.prototype.activate=function(e,i,o){function n(){s.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),e.addClass("active"),a?(e[0].offsetWidth,e.addClass("in")):e.removeClass("fade"),e.parent(".dropdown-menu")&&e.closest("li.dropdown").addClass("active"),o&&o()}var s=i.find("> .active"),a=o&&t.support.transition&&s.hasClass("fade");a?s.one(t.support.transition.end,n).emulateTransitionEnd(150):n(),s.removeClass("in")};var i=t.fn.tab;t.fn.tab=function(i){return this.each(function(){var o=t(this),n=o.data("bs.tab");n||o.data("bs.tab",n=new e(this)),"string"==typeof i&&n[i]()})},t.fn.tab.Constructor=e,t.fn.tab.noConflict=function(){return t.fn.tab=i,this},t(document).on("click.bs.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(e){e.preventDefault(),t(this).tab("show")})}(jQuery),+function(t){"use strict";var e=function(i,o){this.options=t.extend({},e.DEFAULTS,o),this.$window=t(window).on("scroll.bs.affix.data-api",t.proxy(this.checkPosition,this)).on("click.bs.affix.data-api",t.proxy(this.checkPositionWithEventLoop,this)),this.$element=t(i),this.affixed=this.unpin=this.pinnedOffset=null,this.checkPosition()};e.RESET="affix affix-top affix-bottom",e.DEFAULTS={offset:0},e.prototype.getPinnedOffset=function(){if(this.pinnedOffset)return this.pinnedOffset;this.$element.removeClass(e.RESET).addClass("affix");var t=this.$window.scrollTop(),i=this.$element.offset();return this.pinnedOffset=i.top-t},e.prototype.checkPositionWithEventLoop=function(){setTimeout(t.proxy(this.checkPosition,this),1)},e.prototype.checkPosition=function(){if(this.$element.is(":visible")){var i=t(document).height(),o=this.$window.scrollTop(),n=this.$element.offset(),s=this.options.offset,a=s.top,r=s.bottom;"top"==this.affixed&&(n.top+=o),"object"!=typeof s&&(r=a=s),"function"==typeof a&&(a=s.top(this.$element)),"function"==typeof r&&(r=s.bottom(this.$element));var l=null!=this.unpin&&o+this.unpin<=n.top?!1:null!=r&&n.top+this.$element.height()>=i-r?"bottom":null!=a&&a>=o?"top":!1;if(this.affixed!==l){this.unpin&&this.$element.css("top","");var h="affix"+(l?"-"+l:""),p=t.Event(h+".bs.affix");this.$element.trigger(p),p.isDefaultPrevented()||(this.affixed=l,this.unpin="bottom"==l?this.getPinnedOffset():null,this.$element.removeClass(e.RESET).addClass(h).trigger(t.Event(h.replace("affix","affixed"))),"bottom"==l&&this.$element.offset({top:i-r-this.$element.height()}))}}};var i=t.fn.affix;t.fn.affix=function(i){return this.each(function(){var o=t(this),n=o.data("bs.affix"),s="object"==typeof i&&i;n||o.data("bs.affix",n=new e(this,s)),"string"==typeof i&&n[i]()})},t.fn.affix.Constructor=e,t.fn.affix.noConflict=function(){return t.fn.affix=i,this},t(window).on("load",function(){t('[data-spy="affix"]').each(function(){var e=t(this),i=e.data();i.offset=i.offset||{},i.offsetBottom&&(i.offset.bottom=i.offsetBottom),i.offsetTop&&(i.offset.top=i.offsetTop),e.affix(i)})})}(jQuery); \ No newline at end of file diff --git a/static/new/js/bootstrap/affix.js b/static/new/js/bootstrap/affix.js new file mode 100644 index 00000000..d447b094 --- /dev/null +++ b/static/new/js/bootstrap/affix.js @@ -0,0 +1,137 @@ +/* ======================================================================== + * Bootstrap: affix.js v3.1.0 + * http://getbootstrap.com/javascript/#affix + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // AFFIX CLASS DEFINITION + // ====================== + + var Affix = function (element, options) { + this.options = $.extend({}, Affix.DEFAULTS, options) + this.$window = $(window) + .on('scroll.bs.affix.data-api', $.proxy(this.checkPosition, this)) + .on('click.bs.affix.data-api', $.proxy(this.checkPositionWithEventLoop, this)) + + this.$element = $(element) + this.affixed = + this.unpin = + this.pinnedOffset = null + + this.checkPosition() + } + + Affix.RESET = 'affix affix-top affix-bottom' + + Affix.DEFAULTS = { + offset: 0 + } + + Affix.prototype.getPinnedOffset = function () { + if (this.pinnedOffset) return this.pinnedOffset + this.$element.removeClass(Affix.RESET).addClass('affix') + var scrollTop = this.$window.scrollTop() + var position = this.$element.offset() + return (this.pinnedOffset = position.top - scrollTop) + } + + Affix.prototype.checkPositionWithEventLoop = function () { + setTimeout($.proxy(this.checkPosition, this), 1) + } + + Affix.prototype.checkPosition = function () { + if (!this.$element.is(':visible')) return + + var scrollHeight = $(document).height() + var scrollTop = this.$window.scrollTop() + var position = this.$element.offset() + var offset = this.options.offset + var offsetTop = offset.top + var offsetBottom = offset.bottom + + if (this.affixed == 'top') position.top += scrollTop + + if (typeof offset != 'object') offsetBottom = offsetTop = offset + if (typeof offsetTop == 'function') offsetTop = offset.top(this.$element) + if (typeof offsetBottom == 'function') offsetBottom = offset.bottom(this.$element) + + var affix = this.unpin != null && (scrollTop + this.unpin <= position.top) ? false : + offsetBottom != null && (position.top + this.$element.height() >= scrollHeight - offsetBottom) ? 'bottom' : + offsetTop != null && (scrollTop <= offsetTop) ? 'top' : false + + if (this.affixed === affix) return + if (this.unpin) this.$element.css('top', '') + + var affixType = 'affix' + (affix ? '-' + affix : '') + var e = $.Event(affixType + '.bs.affix') + + this.$element.trigger(e) + + if (e.isDefaultPrevented()) return + + this.affixed = affix + this.unpin = affix == 'bottom' ? this.getPinnedOffset() : null + + this.$element + .removeClass(Affix.RESET) + .addClass(affixType) + .trigger($.Event(affixType.replace('affix', 'affixed'))) + + if (affix == 'bottom') { + this.$element.offset({ top: scrollHeight - offsetBottom - this.$element.height() }) + } + } + + + // AFFIX PLUGIN DEFINITION + // ======================= + + var old = $.fn.affix + + $.fn.affix = function (option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.affix') + var options = typeof option == 'object' && option + + if (!data) $this.data('bs.affix', (data = new Affix(this, options))) + if (typeof option == 'string') data[option]() + }) + } + + $.fn.affix.Constructor = Affix + + + // AFFIX NO CONFLICT + // ================= + + $.fn.affix.noConflict = function () { + $.fn.affix = old + return this + } + + + // AFFIX DATA-API + // ============== + + $(window).on('load', function () { + $('[data-spy="affix"]').each(function () { + var $spy = $(this) + var data = $spy.data() + + data.offset = data.offset || {} + + if (data.offsetBottom) data.offset.bottom = data.offsetBottom + if (data.offsetTop) data.offset.top = data.offsetTop + + $spy.affix(data) + }) + }) + +}(jQuery); diff --git a/static/new/js/bootstrap/alert.js b/static/new/js/bootstrap/alert.js new file mode 100644 index 00000000..1c0756a9 --- /dev/null +++ b/static/new/js/bootstrap/alert.js @@ -0,0 +1,88 @@ +/* ======================================================================== + * Bootstrap: alert.js v3.1.0 + * http://getbootstrap.com/javascript/#alerts + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // ALERT CLASS DEFINITION + // ====================== + + var dismiss = '[data-dismiss="alert"]' + var Alert = function (el) { + $(el).on('click', dismiss, this.close) + } + + Alert.prototype.close = function (e) { + var $this = $(this) + var selector = $this.attr('data-target') + + if (!selector) { + selector = $this.attr('href') + selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7 + } + + var $parent = $(selector) + + if (e) e.preventDefault() + + if (!$parent.length) { + $parent = $this.hasClass('alert') ? $this : $this.parent() + } + + $parent.trigger(e = $.Event('close.bs.alert')) + + if (e.isDefaultPrevented()) return + + $parent.removeClass('in') + + function removeElement() { + $parent.trigger('closed.bs.alert').remove() + } + + $.support.transition && $parent.hasClass('fade') ? + $parent + .one($.support.transition.end, removeElement) + .emulateTransitionEnd(150) : + removeElement() + } + + + // ALERT PLUGIN DEFINITION + // ======================= + + var old = $.fn.alert + + $.fn.alert = function (option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.alert') + + if (!data) $this.data('bs.alert', (data = new Alert(this))) + if (typeof option == 'string') data[option].call($this) + }) + } + + $.fn.alert.Constructor = Alert + + + // ALERT NO CONFLICT + // ================= + + $.fn.alert.noConflict = function () { + $.fn.alert = old + return this + } + + + // ALERT DATA-API + // ============== + + $(document).on('click.bs.alert.data-api', dismiss, Alert.prototype.close) + +}(jQuery); diff --git a/static/new/js/bootstrap/bootstrap.mix.js b/static/new/js/bootstrap/bootstrap.mix.js new file mode 100644 index 00000000..b9fd0962 --- /dev/null +++ b/static/new/js/bootstrap/bootstrap.mix.js @@ -0,0 +1,12 @@ +@import "transition.js"; +@import "alert.js"; +@import "button.js"; +@import "carousel.js"; +@import "collapse.js"; +@import "dropdown.js"; +@import "modal.js"; +@import "tooltip.js"; +@import "popover.js"; +@import "scrollspy.js"; +@import "tab.js"; +@import "affix.js"; \ No newline at end of file diff --git a/static/new/js/bootstrap/button.js b/static/new/js/bootstrap/button.js new file mode 100644 index 00000000..2be72d53 --- /dev/null +++ b/static/new/js/bootstrap/button.js @@ -0,0 +1,107 @@ +/* ======================================================================== + * Bootstrap: button.js v3.1.0 + * http://getbootstrap.com/javascript/#buttons + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // BUTTON PUBLIC CLASS DEFINITION + // ============================== + + var Button = function (element, options) { + this.$element = $(element) + this.options = $.extend({}, Button.DEFAULTS, options) + this.isLoading = false + } + + Button.DEFAULTS = { + loadingText: 'loading...' + } + + Button.prototype.setState = function (state) { + var d = 'disabled' + var $el = this.$element + var val = $el.is('input') ? 'val' : 'html' + var data = $el.data() + + state = state + 'Text' + + if (!data.resetText) $el.data('resetText', $el[val]()) + + $el[val](data[state] || this.options[state]) + + // push to event loop to allow forms to submit + setTimeout($.proxy(function () { + if (state == 'loadingText') { + this.isLoading = true + $el.addClass(d).attr(d, d) + } else if (this.isLoading) { + this.isLoading = false + $el.removeClass(d).removeAttr(d) + } + }, this), 0) + } + + Button.prototype.toggle = function () { + var changed = true + var $parent = this.$element.closest('[data-toggle="buttons"]') + + if ($parent.length) { + var $input = this.$element.find('input') + if ($input.prop('type') == 'radio') { + if ($input.prop('checked') && this.$element.hasClass('active')) changed = false + else $parent.find('.active').removeClass('active') + } + if (changed) $input.prop('checked', !this.$element.hasClass('active')).trigger('change') + } + + if (changed) this.$element.toggleClass('active') + } + + + // BUTTON PLUGIN DEFINITION + // ======================== + + var old = $.fn.button + + $.fn.button = function (option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.button') + var options = typeof option == 'object' && option + + if (!data) $this.data('bs.button', (data = new Button(this, options))) + + if (option == 'toggle') data.toggle() + else if (option) data.setState(option) + }) + } + + $.fn.button.Constructor = Button + + + // BUTTON NO CONFLICT + // ================== + + $.fn.button.noConflict = function () { + $.fn.button = old + return this + } + + + // BUTTON DATA-API + // =============== + + $(document).on('click.bs.button.data-api', '[data-toggle^=button]', function (e) { + var $btn = $(e.target) + if (!$btn.hasClass('btn')) $btn = $btn.closest('.btn') + $btn.button('toggle') + e.preventDefault() + }) + +}(jQuery); diff --git a/static/new/js/bootstrap/carousel.js b/static/new/js/bootstrap/carousel.js new file mode 100644 index 00000000..88c9b23d --- /dev/null +++ b/static/new/js/bootstrap/carousel.js @@ -0,0 +1,205 @@ +/* ======================================================================== + * Bootstrap: carousel.js v3.1.0 + * http://getbootstrap.com/javascript/#carousel + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // CAROUSEL CLASS DEFINITION + // ========================= + + var Carousel = function (element, options) { + this.$element = $(element) + this.$indicators = this.$element.find('.carousel-indicators') + this.options = options + this.paused = + this.sliding = + this.interval = + this.$active = + this.$items = null + + this.options.pause == 'hover' && this.$element + .on('mouseenter', $.proxy(this.pause, this)) + .on('mouseleave', $.proxy(this.cycle, this)) + } + + Carousel.DEFAULTS = { + interval: 5000, + pause: 'hover', + wrap: true + } + + Carousel.prototype.cycle = function (e) { + e || (this.paused = false) + + this.interval && clearInterval(this.interval) + + this.options.interval + && !this.paused + && (this.interval = setInterval($.proxy(this.next, this), this.options.interval)) + + return this + } + + Carousel.prototype.getActiveIndex = function () { + this.$active = this.$element.find('.item.active') + this.$items = this.$active.parent().children() + + return this.$items.index(this.$active) + } + + Carousel.prototype.to = function (pos) { + var that = this + var activeIndex = this.getActiveIndex() + + if (pos > (this.$items.length - 1) || pos < 0) return + + if (this.sliding) return this.$element.one('slid.bs.carousel', function () { that.to(pos) }) + if (activeIndex == pos) return this.pause().cycle() + + return this.slide(pos > activeIndex ? 'next' : 'prev', $(this.$items[pos])) + } + + Carousel.prototype.pause = function (e) { + e || (this.paused = true) + + if (this.$element.find('.next, .prev').length && $.support.transition) { + this.$element.trigger($.support.transition.end) + this.cycle(true) + } + + this.interval = clearInterval(this.interval) + + return this + } + + Carousel.prototype.next = function () { + if (this.sliding) return + return this.slide('next') + } + + Carousel.prototype.prev = function () { + if (this.sliding) return + return this.slide('prev') + } + + Carousel.prototype.slide = function (type, next) { + var $active = this.$element.find('.item.active') + var $next = next || $active[type]() + var isCycling = this.interval + var direction = type == 'next' ? 'left' : 'right' + var fallback = type == 'next' ? 'first' : 'last' + var that = this + + if (!$next.length) { + if (!this.options.wrap) return + $next = this.$element.find('.item')[fallback]() + } + + if ($next.hasClass('active')) return this.sliding = false + + var e = $.Event('slide.bs.carousel', { relatedTarget: $next[0], direction: direction }) + this.$element.trigger(e) + if (e.isDefaultPrevented()) return + + this.sliding = true + + isCycling && this.pause() + + if (this.$indicators.length) { + this.$indicators.find('.active').removeClass('active') + this.$element.one('slid.bs.carousel', function () { + var $nextIndicator = $(that.$indicators.children()[that.getActiveIndex()]) + $nextIndicator && $nextIndicator.addClass('active') + }) + } + + if ($.support.transition && this.$element.hasClass('slide')) { + $next.addClass(type) + $next[0].offsetWidth // force reflow + $active.addClass(direction) + $next.addClass(direction) + $active + .one($.support.transition.end, function () { + $next.removeClass([type, direction].join(' ')).addClass('active') + $active.removeClass(['active', direction].join(' ')) + that.sliding = false + setTimeout(function () { that.$element.trigger('slid.bs.carousel') }, 0) + }) + .emulateTransitionEnd($active.css('transition-duration').slice(0, -1) * 1000) + } else { + $active.removeClass('active') + $next.addClass('active') + this.sliding = false + this.$element.trigger('slid.bs.carousel') + } + + isCycling && this.cycle() + + return this + } + + + // CAROUSEL PLUGIN DEFINITION + // ========================== + + var old = $.fn.carousel + + $.fn.carousel = function (option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.carousel') + var options = $.extend({}, Carousel.DEFAULTS, $this.data(), typeof option == 'object' && option) + var action = typeof option == 'string' ? option : options.slide + + if (!data) $this.data('bs.carousel', (data = new Carousel(this, options))) + if (typeof option == 'number') data.to(option) + else if (action) data[action]() + else if (options.interval) data.pause().cycle() + }) + } + + $.fn.carousel.Constructor = Carousel + + + // CAROUSEL NO CONFLICT + // ==================== + + $.fn.carousel.noConflict = function () { + $.fn.carousel = old + return this + } + + + // CAROUSEL DATA-API + // ================= + + $(document).on('click.bs.carousel.data-api', '[data-slide], [data-slide-to]', function (e) { + var $this = $(this), href + var $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7 + var options = $.extend({}, $target.data(), $this.data()) + var slideIndex = $this.attr('data-slide-to') + if (slideIndex) options.interval = false + + $target.carousel(options) + + if (slideIndex = $this.attr('data-slide-to')) { + $target.data('bs.carousel').to(slideIndex) + } + + e.preventDefault() + }) + + $(window).on('load', function () { + $('[data-ride="carousel"]').each(function () { + var $carousel = $(this) + $carousel.carousel($carousel.data()) + }) + }) + +}(jQuery); diff --git a/static/new/js/bootstrap/collapse.js b/static/new/js/bootstrap/collapse.js new file mode 100644 index 00000000..1abafd6a --- /dev/null +++ b/static/new/js/bootstrap/collapse.js @@ -0,0 +1,170 @@ +/* ======================================================================== + * Bootstrap: collapse.js v3.1.0 + * http://getbootstrap.com/javascript/#collapse + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // COLLAPSE PUBLIC CLASS DEFINITION + // ================================ + + var Collapse = function (element, options) { + this.$element = $(element) + this.options = $.extend({}, Collapse.DEFAULTS, options) + this.transitioning = null + + if (this.options.parent) this.$parent = $(this.options.parent) + if (this.options.toggle) this.toggle() + } + + Collapse.DEFAULTS = { + toggle: true + } + + Collapse.prototype.dimension = function () { + var hasWidth = this.$element.hasClass('width') + return hasWidth ? 'width' : 'height' + } + + Collapse.prototype.show = function () { + if (this.transitioning || this.$element.hasClass('in')) return + + var startEvent = $.Event('show.bs.collapse') + this.$element.trigger(startEvent) + if (startEvent.isDefaultPrevented()) return + + var actives = this.$parent && this.$parent.find('> .panel > .in') + + if (actives && actives.length) { + var hasData = actives.data('bs.collapse') + if (hasData && hasData.transitioning) return + actives.collapse('hide') + hasData || actives.data('bs.collapse', null) + } + + var dimension = this.dimension() + + this.$element + .removeClass('collapse') + .addClass('collapsing') + [dimension](0) + + this.transitioning = 1 + + var complete = function () { + this.$element + .removeClass('collapsing') + .addClass('collapse in') + [dimension]('auto') + this.transitioning = 0 + this.$element.trigger('shown.bs.collapse') + } + + if (!$.support.transition) return complete.call(this) + + var scrollSize = $.camelCase(['scroll', dimension].join('-')) + + this.$element + .one($.support.transition.end, $.proxy(complete, this)) + .emulateTransitionEnd(350) + [dimension](this.$element[0][scrollSize]) + } + + Collapse.prototype.hide = function () { + if (this.transitioning || !this.$element.hasClass('in')) return + + var startEvent = $.Event('hide.bs.collapse') + this.$element.trigger(startEvent) + if (startEvent.isDefaultPrevented()) return + + var dimension = this.dimension() + + this.$element + [dimension](this.$element[dimension]()) + [0].offsetHeight + + this.$element + .addClass('collapsing') + .removeClass('collapse') + .removeClass('in') + + this.transitioning = 1 + + var complete = function () { + this.transitioning = 0 + this.$element + .trigger('hidden.bs.collapse') + .removeClass('collapsing') + .addClass('collapse') + } + + if (!$.support.transition) return complete.call(this) + + this.$element + [dimension](0) + .one($.support.transition.end, $.proxy(complete, this)) + .emulateTransitionEnd(350) + } + + Collapse.prototype.toggle = function () { + this[this.$element.hasClass('in') ? 'hide' : 'show']() + } + + + // COLLAPSE PLUGIN DEFINITION + // ========================== + + var old = $.fn.collapse + + $.fn.collapse = function (option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.collapse') + var options = $.extend({}, Collapse.DEFAULTS, $this.data(), typeof option == 'object' && option) + + if (!data && options.toggle && option == 'show') option = !option + if (!data) $this.data('bs.collapse', (data = new Collapse(this, options))) + if (typeof option == 'string') data[option]() + }) + } + + $.fn.collapse.Constructor = Collapse + + + // COLLAPSE NO CONFLICT + // ==================== + + $.fn.collapse.noConflict = function () { + $.fn.collapse = old + return this + } + + + // COLLAPSE DATA-API + // ================= + + $(document).on('click.bs.collapse.data-api', '[data-toggle=collapse]', function (e) { + var $this = $(this), href + var target = $this.attr('data-target') + || e.preventDefault() + || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '') //strip for ie7 + var $target = $(target) + var data = $target.data('bs.collapse') + var option = data ? 'toggle' : $this.data() + var parent = $this.attr('data-parent') + var $parent = parent && $(parent) + + if (!data || !data.transitioning) { + if ($parent) $parent.find('[data-toggle=collapse][data-parent="' + parent + '"]').not($this).addClass('collapsed') + $this[$target.hasClass('in') ? 'addClass' : 'removeClass']('collapsed') + } + + $target.collapse(option) + }) + +}(jQuery); diff --git a/static/new/js/bootstrap/dropdown.js b/static/new/js/bootstrap/dropdown.js new file mode 100644 index 00000000..9c13aac9 --- /dev/null +++ b/static/new/js/bootstrap/dropdown.js @@ -0,0 +1,147 @@ +/* ======================================================================== + * Bootstrap: dropdown.js v3.1.0 + * http://getbootstrap.com/javascript/#dropdowns + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // DROPDOWN CLASS DEFINITION + // ========================= + + var backdrop = '.dropdown-backdrop' + var toggle = '[data-toggle=dropdown]' + var Dropdown = function (element) { + $(element).on('click.bs.dropdown', this.toggle) + } + + Dropdown.prototype.toggle = function (e) { + var $this = $(this) + + if ($this.is('.disabled, :disabled')) return + + var $parent = getParent($this) + var isActive = $parent.hasClass('open') + + clearMenus() + + if (!isActive) { + if ('ontouchstart' in document.documentElement && !$parent.closest('.navbar-nav').length) { + // if mobile we use a backdrop because click events don't delegate + $('
        ').insertAfter($(this)).on('click', clearMenus) + } + + var relatedTarget = { relatedTarget: this } + $parent.trigger(e = $.Event('show.bs.dropdown', relatedTarget)) + + if (e.isDefaultPrevented()) return + + $parent + .toggleClass('open') + .trigger('shown.bs.dropdown', relatedTarget) + + $this.focus() + } + + return false + } + + Dropdown.prototype.keydown = function (e) { + if (!/(38|40|27)/.test(e.keyCode)) return + + var $this = $(this) + + e.preventDefault() + e.stopPropagation() + + if ($this.is('.disabled, :disabled')) return + + var $parent = getParent($this) + var isActive = $parent.hasClass('open') + + if (!isActive || (isActive && e.keyCode == 27)) { + if (e.which == 27) $parent.find(toggle).focus() + return $this.click() + } + + var desc = ' li:not(.divider):visible a' + var $items = $parent.find('[role=menu]' + desc + ', [role=listbox]' + desc) + + if (!$items.length) return + + var index = $items.index($items.filter(':focus')) + + if (e.keyCode == 38 && index > 0) index-- // up + if (e.keyCode == 40 && index < $items.length - 1) index++ // down + if (!~index) index = 0 + + $items.eq(index).focus() + } + + function clearMenus(e) { + $(backdrop).remove() + $(toggle).each(function () { + var $parent = getParent($(this)) + var relatedTarget = { relatedTarget: this } + if (!$parent.hasClass('open')) return + $parent.trigger(e = $.Event('hide.bs.dropdown', relatedTarget)) + if (e.isDefaultPrevented()) return + $parent.removeClass('open').trigger('hidden.bs.dropdown', relatedTarget) + }) + } + + function getParent($this) { + var selector = $this.attr('data-target') + + if (!selector) { + selector = $this.attr('href') + selector = selector && /#[A-Za-z]/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7 + } + + var $parent = selector && $(selector) + + return $parent && $parent.length ? $parent : $this.parent() + } + + + // DROPDOWN PLUGIN DEFINITION + // ========================== + + var old = $.fn.dropdown + + $.fn.dropdown = function (option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.dropdown') + + if (!data) $this.data('bs.dropdown', (data = new Dropdown(this))) + if (typeof option == 'string') data[option].call($this) + }) + } + + $.fn.dropdown.Constructor = Dropdown + + + // DROPDOWN NO CONFLICT + // ==================== + + $.fn.dropdown.noConflict = function () { + $.fn.dropdown = old + return this + } + + + // APPLY TO STANDARD DROPDOWN ELEMENTS + // =================================== + + $(document) + .on('click.bs.dropdown.data-api', clearMenus) + .on('click.bs.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() }) + .on('click.bs.dropdown.data-api', toggle, Dropdown.prototype.toggle) + .on('keydown.bs.dropdown.data-api', toggle + ', [role=menu], [role=listbox]', Dropdown.prototype.keydown) + +}(jQuery); diff --git a/static/new/js/bootstrap/modal.js b/static/new/js/bootstrap/modal.js new file mode 100644 index 00000000..24506ea2 --- /dev/null +++ b/static/new/js/bootstrap/modal.js @@ -0,0 +1,243 @@ +/* ======================================================================== + * Bootstrap: modal.js v3.1.0 + * http://getbootstrap.com/javascript/#modals + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // MODAL CLASS DEFINITION + // ====================== + + var Modal = function (element, options) { + this.options = options + this.$element = $(element) + this.$backdrop = + this.isShown = null + + if (this.options.remote) { + this.$element + .find('.modal-content') + .load(this.options.remote, $.proxy(function () { + this.$element.trigger('loaded.bs.modal') + }, this)) + } + } + + Modal.DEFAULTS = { + backdrop: true, + keyboard: true, + show: true + } + + Modal.prototype.toggle = function (_relatedTarget) { + return this[!this.isShown ? 'show' : 'hide'](_relatedTarget) + } + + Modal.prototype.show = function (_relatedTarget) { + var that = this + var e = $.Event('show.bs.modal', { relatedTarget: _relatedTarget }) + + this.$element.trigger(e) + + if (this.isShown || e.isDefaultPrevented()) return + + this.isShown = true + + this.escape() + + this.$element.on('click.dismiss.bs.modal', '[data-dismiss="modal"]', $.proxy(this.hide, this)) + + this.backdrop(function () { + var transition = $.support.transition && that.$element.hasClass('fade') + + if (!that.$element.parent().length) { + that.$element.appendTo(document.body) // don't move modals dom position + } + + that.$element + .show() + .scrollTop(0) + + if (transition) { + that.$element[0].offsetWidth // force reflow + } + + that.$element + .addClass('in') + .attr('aria-hidden', false) + + that.enforceFocus() + + var e = $.Event('shown.bs.modal', { relatedTarget: _relatedTarget }) + + transition ? + that.$element.find('.modal-dialog') // wait for modal to slide in + .one($.support.transition.end, function () { + that.$element.focus().trigger(e) + }) + .emulateTransitionEnd(300) : + that.$element.focus().trigger(e) + }) + } + + Modal.prototype.hide = function (e) { + if (e) e.preventDefault() + + e = $.Event('hide.bs.modal') + + this.$element.trigger(e) + + if (!this.isShown || e.isDefaultPrevented()) return + + this.isShown = false + + this.escape() + + $(document).off('focusin.bs.modal') + + this.$element + .removeClass('in') + .attr('aria-hidden', true) + .off('click.dismiss.bs.modal') + + $.support.transition && this.$element.hasClass('fade') ? + this.$element + .one($.support.transition.end, $.proxy(this.hideModal, this)) + .emulateTransitionEnd(300) : + this.hideModal() + } + + Modal.prototype.enforceFocus = function () { + $(document) + .off('focusin.bs.modal') // guard against infinite focus loop + .on('focusin.bs.modal', $.proxy(function (e) { + if (this.$element[0] !== e.target && !this.$element.has(e.target).length) { + this.$element.focus() + } + }, this)) + } + + Modal.prototype.escape = function () { + if (this.isShown && this.options.keyboard) { + this.$element.on('keyup.dismiss.bs.modal', $.proxy(function (e) { + e.which == 27 && this.hide() + }, this)) + } else if (!this.isShown) { + this.$element.off('keyup.dismiss.bs.modal') + } + } + + Modal.prototype.hideModal = function () { + var that = this + this.$element.hide() + this.backdrop(function () { + that.removeBackdrop() + that.$element.trigger('hidden.bs.modal') + }) + } + + Modal.prototype.removeBackdrop = function () { + this.$backdrop && this.$backdrop.remove() + this.$backdrop = null + } + + Modal.prototype.backdrop = function (callback) { + var animate = this.$element.hasClass('fade') ? 'fade' : '' + + if (this.isShown && this.options.backdrop) { + var doAnimate = $.support.transition && animate + + this.$backdrop = $('
        ') + .appendTo(document.body) + + this.$element.on('click.dismiss.bs.modal', $.proxy(function (e) { + if (e.target !== e.currentTarget) return + this.options.backdrop == 'static' + ? this.$element[0].focus.call(this.$element[0]) + : this.hide.call(this) + }, this)) + + if (doAnimate) this.$backdrop[0].offsetWidth // force reflow + + this.$backdrop.addClass('in') + + if (!callback) return + + doAnimate ? + this.$backdrop + .one($.support.transition.end, callback) + .emulateTransitionEnd(150) : + callback() + + } else if (!this.isShown && this.$backdrop) { + this.$backdrop.removeClass('in') + + $.support.transition && this.$element.hasClass('fade') ? + this.$backdrop + .one($.support.transition.end, callback) + .emulateTransitionEnd(150) : + callback() + + } else if (callback) { + callback() + } + } + + + // MODAL PLUGIN DEFINITION + // ======================= + + var old = $.fn.modal + + $.fn.modal = function (option, _relatedTarget) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.modal') + var options = $.extend({}, Modal.DEFAULTS, $this.data(), typeof option == 'object' && option) + + if (!data) $this.data('bs.modal', (data = new Modal(this, options))) + if (typeof option == 'string') data[option](_relatedTarget) + else if (options.show) data.show(_relatedTarget) + }) + } + + $.fn.modal.Constructor = Modal + + + // MODAL NO CONFLICT + // ================= + + $.fn.modal.noConflict = function () { + $.fn.modal = old + return this + } + + + // MODAL DATA-API + // ============== + + $(document).on('click.bs.modal.data-api', '[data-toggle="modal"]', function (e) { + var $this = $(this) + var href = $this.attr('href') + var $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, ''))) //strip for ie7 + var option = $target.data('bs.modal') ? 'toggle' : $.extend({ remote: !/#/.test(href) && href }, $target.data(), $this.data()) + + if ($this.is('a')) e.preventDefault() + + $target + .modal(option, this) + .one('hide', function () { + $this.is(':visible') && $this.focus() + }) + }) + + $(document) + .on('show.bs.modal', '.modal', function () { $(document.body).addClass('modal-open') }) + .on('hidden.bs.modal', '.modal', function () { $(document.body).removeClass('modal-open') }) + +}(jQuery); diff --git a/static/new/js/bootstrap/popover.js b/static/new/js/bootstrap/popover.js new file mode 100644 index 00000000..193cf06f --- /dev/null +++ b/static/new/js/bootstrap/popover.js @@ -0,0 +1,110 @@ +/* ======================================================================== + * Bootstrap: popover.js v3.1.0 + * http://getbootstrap.com/javascript/#popovers + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // POPOVER PUBLIC CLASS DEFINITION + // =============================== + + var Popover = function (element, options) { + this.init('popover', element, options) + } + + if (!$.fn.tooltip) throw new Error('Popover requires tooltip.js') + + Popover.DEFAULTS = $.extend({}, $.fn.tooltip.Constructor.DEFAULTS, { + placement: 'right', + trigger: 'click', + content: '', + template: '

        ' + }) + + + // NOTE: POPOVER EXTENDS tooltip.js + // ================================ + + Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype) + + Popover.prototype.constructor = Popover + + Popover.prototype.getDefaults = function () { + return Popover.DEFAULTS + } + + Popover.prototype.setContent = function () { + var $tip = this.tip() + var title = this.getTitle() + var content = this.getContent() + + $tip.find('.popover-title')[this.options.html ? 'html' : 'text'](title) + $tip.find('.popover-content')[ // we use append for html objects to maintain js events + this.options.html ? (typeof content == 'string' ? 'html' : 'append') : 'text' + ](content) + + $tip.removeClass('fade top bottom left right in') + + // IE8 doesn't accept hiding via the `:empty` pseudo selector, we have to do + // this manually by checking the contents. + if (!$tip.find('.popover-title').html()) $tip.find('.popover-title').hide() + } + + Popover.prototype.hasContent = function () { + return this.getTitle() || this.getContent() + } + + Popover.prototype.getContent = function () { + var $e = this.$element + var o = this.options + + return $e.attr('data-content') + || (typeof o.content == 'function' ? + o.content.call($e[0]) : + o.content) + } + + Popover.prototype.arrow = function () { + return this.$arrow = this.$arrow || this.tip().find('.arrow') + } + + Popover.prototype.tip = function () { + if (!this.$tip) this.$tip = $(this.options.template) + return this.$tip + } + + + // POPOVER PLUGIN DEFINITION + // ========================= + + var old = $.fn.popover + + $.fn.popover = function (option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.popover') + var options = typeof option == 'object' && option + + if (!data && option == 'destroy') return + if (!data) $this.data('bs.popover', (data = new Popover(this, options))) + if (typeof option == 'string') data[option]() + }) + } + + $.fn.popover.Constructor = Popover + + + // POPOVER NO CONFLICT + // =================== + + $.fn.popover.noConflict = function () { + $.fn.popover = old + return this + } + +}(jQuery); diff --git a/static/new/js/bootstrap/scrollspy.js b/static/new/js/bootstrap/scrollspy.js new file mode 100644 index 00000000..04958a58 --- /dev/null +++ b/static/new/js/bootstrap/scrollspy.js @@ -0,0 +1,153 @@ +/* ======================================================================== + * Bootstrap: scrollspy.js v3.1.0 + * http://getbootstrap.com/javascript/#scrollspy + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // SCROLLSPY CLASS DEFINITION + // ========================== + + function ScrollSpy(element, options) { + var href + var process = $.proxy(this.process, this) + + this.$element = $(element).is('body') ? $(window) : $(element) + this.$body = $('body') + this.$scrollElement = this.$element.on('scroll.bs.scroll-spy.data-api', process) + this.options = $.extend({}, ScrollSpy.DEFAULTS, options) + this.selector = (this.options.target + || ((href = $(element).attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7 + || '') + ' .nav li > a' + this.offsets = $([]) + this.targets = $([]) + this.activeTarget = null + + this.refresh() + this.process() + } + + ScrollSpy.DEFAULTS = { + offset: 10 + } + + ScrollSpy.prototype.refresh = function () { + var offsetMethod = this.$element[0] == window ? 'offset' : 'position' + + this.offsets = $([]) + this.targets = $([]) + + var self = this + var $targets = this.$body + .find(this.selector) + .map(function () { + var $el = $(this) + var href = $el.data('target') || $el.attr('href') + var $href = /^#./.test(href) && $(href) + + return ($href + && $href.length + && $href.is(':visible') + && [[ $href[offsetMethod]().top + (!$.isWindow(self.$scrollElement.get(0)) && self.$scrollElement.scrollTop()), href ]]) || null + }) + .sort(function (a, b) { return a[0] - b[0] }) + .each(function () { + self.offsets.push(this[0]) + self.targets.push(this[1]) + }) + } + + ScrollSpy.prototype.process = function () { + var scrollTop = this.$scrollElement.scrollTop() + this.options.offset + var scrollHeight = this.$scrollElement[0].scrollHeight || this.$body[0].scrollHeight + var maxScroll = scrollHeight - this.$scrollElement.height() + var offsets = this.offsets + var targets = this.targets + var activeTarget = this.activeTarget + var i + + if (scrollTop >= maxScroll) { + return activeTarget != (i = targets.last()[0]) && this.activate(i) + } + + if (activeTarget && scrollTop <= offsets[0]) { + return activeTarget != (i = targets[0]) && this.activate(i) + } + + for (i = offsets.length; i--;) { + activeTarget != targets[i] + && scrollTop >= offsets[i] + && (!offsets[i + 1] || scrollTop <= offsets[i + 1]) + && this.activate( targets[i] ) + } + } + + ScrollSpy.prototype.activate = function (target) { + this.activeTarget = target + + $(this.selector) + .parentsUntil(this.options.target, '.active') + .removeClass('active') + + var selector = this.selector + + '[data-target="' + target + '"],' + + this.selector + '[href="' + target + '"]' + + var active = $(selector) + .parents('li') + .addClass('active') + + if (active.parent('.dropdown-menu').length) { + active = active + .closest('li.dropdown') + .addClass('active') + } + + active.trigger('activate.bs.scrollspy') + } + + + // SCROLLSPY PLUGIN DEFINITION + // =========================== + + var old = $.fn.scrollspy + + $.fn.scrollspy = function (option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.scrollspy') + var options = typeof option == 'object' && option + + if (!data) $this.data('bs.scrollspy', (data = new ScrollSpy(this, options))) + if (typeof option == 'string') data[option]() + }) + } + + $.fn.scrollspy.Constructor = ScrollSpy + + + // SCROLLSPY NO CONFLICT + // ===================== + + $.fn.scrollspy.noConflict = function () { + $.fn.scrollspy = old + return this + } + + + // SCROLLSPY DATA-API + // ================== + + $(window).on('load', function () { + $('[data-spy="scroll"]').each(function () { + var $spy = $(this) + $spy.scrollspy($spy.data()) + }) + }) + +}(jQuery); diff --git a/static/new/js/bootstrap/tab.js b/static/new/js/bootstrap/tab.js new file mode 100644 index 00000000..6f0fd455 --- /dev/null +++ b/static/new/js/bootstrap/tab.js @@ -0,0 +1,125 @@ +/* ======================================================================== + * Bootstrap: tab.js v3.1.0 + * http://getbootstrap.com/javascript/#tabs + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // TAB CLASS DEFINITION + // ==================== + + var Tab = function (element) { + this.element = $(element) + } + + Tab.prototype.show = function () { + var $this = this.element + var $ul = $this.closest('ul:not(.dropdown-menu)') + var selector = $this.data('target') + + if (!selector) { + selector = $this.attr('href') + selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7 + } + + if ($this.parent('li').hasClass('active')) return + + var previous = $ul.find('.active:last a')[0] + var e = $.Event('show.bs.tab', { + relatedTarget: previous + }) + + $this.trigger(e) + + if (e.isDefaultPrevented()) return + + var $target = $(selector) + + this.activate($this.parent('li'), $ul) + this.activate($target, $target.parent(), function () { + $this.trigger({ + type: 'shown.bs.tab', + relatedTarget: previous + }) + }) + } + + Tab.prototype.activate = function (element, container, callback) { + var $active = container.find('> .active') + var transition = callback + && $.support.transition + && $active.hasClass('fade') + + function next() { + $active + .removeClass('active') + .find('> .dropdown-menu > .active') + .removeClass('active') + + element.addClass('active') + + if (transition) { + element[0].offsetWidth // reflow for transition + element.addClass('in') + } else { + element.removeClass('fade') + } + + if (element.parent('.dropdown-menu')) { + element.closest('li.dropdown').addClass('active') + } + + callback && callback() + } + + transition ? + $active + .one($.support.transition.end, next) + .emulateTransitionEnd(150) : + next() + + $active.removeClass('in') + } + + + // TAB PLUGIN DEFINITION + // ===================== + + var old = $.fn.tab + + $.fn.tab = function ( option ) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.tab') + + if (!data) $this.data('bs.tab', (data = new Tab(this))) + if (typeof option == 'string') data[option]() + }) + } + + $.fn.tab.Constructor = Tab + + + // TAB NO CONFLICT + // =============== + + $.fn.tab.noConflict = function () { + $.fn.tab = old + return this + } + + + // TAB DATA-API + // ============ + + $(document).on('click.bs.tab.data-api', '[data-toggle="tab"], [data-toggle="pill"]', function (e) { + e.preventDefault() + $(this).tab('show') + }) + +}(jQuery); diff --git a/static/new/js/bootstrap/tooltip.js b/static/new/js/bootstrap/tooltip.js new file mode 100644 index 00000000..6cf2b0f8 --- /dev/null +++ b/static/new/js/bootstrap/tooltip.js @@ -0,0 +1,399 @@ +/* ======================================================================== + * Bootstrap: tooltip.js v3.1.0 + * http://getbootstrap.com/javascript/#tooltip + * Inspired by the original jQuery.tipsy by Jason Frame + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // TOOLTIP PUBLIC CLASS DEFINITION + // =============================== + + var Tooltip = function (element, options) { + this.type = + this.options = + this.enabled = + this.timeout = + this.hoverState = + this.$element = null + + this.init('tooltip', element, options) + } + + Tooltip.DEFAULTS = { + animation: true, + placement: 'top', + selector: false, + template: '
        ', + trigger: 'hover focus', + title: '', + delay: 0, + html: false, + container: false + } + + Tooltip.prototype.init = function (type, element, options) { + this.enabled = true + this.type = type + this.$element = $(element) + this.options = this.getOptions(options) + + var triggers = this.options.trigger.split(' ') + + for (var i = triggers.length; i--;) { + var trigger = triggers[i] + + if (trigger == 'click') { + this.$element.on('click.' + this.type, this.options.selector, $.proxy(this.toggle, this)) + } else if (trigger != 'manual') { + var eventIn = trigger == 'hover' ? 'mouseenter' : 'focusin' + var eventOut = trigger == 'hover' ? 'mouseleave' : 'focusout' + + this.$element.on(eventIn + '.' + this.type, this.options.selector, $.proxy(this.enter, this)) + this.$element.on(eventOut + '.' + this.type, this.options.selector, $.proxy(this.leave, this)) + } + } + + this.options.selector ? + (this._options = $.extend({}, this.options, { trigger: 'manual', selector: '' })) : + this.fixTitle() + } + + Tooltip.prototype.getDefaults = function () { + return Tooltip.DEFAULTS + } + + Tooltip.prototype.getOptions = function (options) { + options = $.extend({}, this.getDefaults(), this.$element.data(), options) + + if (options.delay && typeof options.delay == 'number') { + options.delay = { + show: options.delay, + hide: options.delay + } + } + + return options + } + + Tooltip.prototype.getDelegateOptions = function () { + var options = {} + var defaults = this.getDefaults() + + this._options && $.each(this._options, function (key, value) { + if (defaults[key] != value) options[key] = value + }) + + return options + } + + Tooltip.prototype.enter = function (obj) { + var self = obj instanceof this.constructor ? + obj : $(obj.currentTarget)[this.type](this.getDelegateOptions()).data('bs.' + this.type) + + clearTimeout(self.timeout) + + self.hoverState = 'in' + + if (!self.options.delay || !self.options.delay.show) return self.show() + + self.timeout = setTimeout(function () { + if (self.hoverState == 'in') self.show() + }, self.options.delay.show) + } + + Tooltip.prototype.leave = function (obj) { + var self = obj instanceof this.constructor ? + obj : $(obj.currentTarget)[this.type](this.getDelegateOptions()).data('bs.' + this.type) + + clearTimeout(self.timeout) + + self.hoverState = 'out' + + if (!self.options.delay || !self.options.delay.hide) return self.hide() + + self.timeout = setTimeout(function () { + if (self.hoverState == 'out') self.hide() + }, self.options.delay.hide) + } + + Tooltip.prototype.show = function () { + var e = $.Event('show.bs.' + this.type) + + if (this.hasContent() && this.enabled) { + this.$element.trigger(e) + + if (e.isDefaultPrevented()) return + var that = this; + + var $tip = this.tip() + + this.setContent() + + if (this.options.animation) $tip.addClass('fade') + + var placement = typeof this.options.placement == 'function' ? + this.options.placement.call(this, $tip[0], this.$element[0]) : + this.options.placement + + var autoToken = /\s?auto?\s?/i + var autoPlace = autoToken.test(placement) + if (autoPlace) placement = placement.replace(autoToken, '') || 'top' + + $tip + .detach() + .css({ top: 0, left: 0, display: 'block' }) + .addClass(placement) + + this.options.container ? $tip.appendTo(this.options.container) : $tip.insertAfter(this.$element) + + var pos = this.getPosition() + var actualWidth = $tip[0].offsetWidth + var actualHeight = $tip[0].offsetHeight + + if (autoPlace) { + var $parent = this.$element.parent() + + var orgPlacement = placement + var docScroll = document.documentElement.scrollTop || document.body.scrollTop + var parentWidth = this.options.container == 'body' ? window.innerWidth : $parent.outerWidth() + var parentHeight = this.options.container == 'body' ? window.innerHeight : $parent.outerHeight() + var parentLeft = this.options.container == 'body' ? 0 : $parent.offset().left + + placement = placement == 'bottom' && pos.top + pos.height + actualHeight - docScroll > parentHeight ? 'top' : + placement == 'top' && pos.top - docScroll - actualHeight < 0 ? 'bottom' : + placement == 'right' && pos.right + actualWidth > parentWidth ? 'left' : + placement == 'left' && pos.left - actualWidth < parentLeft ? 'right' : + placement + + $tip + .removeClass(orgPlacement) + .addClass(placement) + } + + var calculatedOffset = this.getCalculatedOffset(placement, pos, actualWidth, actualHeight) + + this.applyPlacement(calculatedOffset, placement) + this.hoverState = null + + var complete = function() { + that.$element.trigger('shown.bs.' + that.type) + } + + $.support.transition && this.$tip.hasClass('fade') ? + $tip + .one($.support.transition.end, complete) + .emulateTransitionEnd(150) : + complete() + } + } + + Tooltip.prototype.applyPlacement = function (offset, placement) { + var replace + var $tip = this.tip() + var width = $tip[0].offsetWidth + var height = $tip[0].offsetHeight + + // manually read margins because getBoundingClientRect includes difference + var marginTop = parseInt($tip.css('margin-top'), 10) + var marginLeft = parseInt($tip.css('margin-left'), 10) + + // we must check for NaN for ie 8/9 + if (isNaN(marginTop)) marginTop = 0 + if (isNaN(marginLeft)) marginLeft = 0 + + offset.top = offset.top + marginTop + offset.left = offset.left + marginLeft + + // $.fn.offset doesn't round pixel values + // so we use setOffset directly with our own function B-0 + $.offset.setOffset($tip[0], $.extend({ + using: function (props) { + $tip.css({ + top: Math.round(props.top), + left: Math.round(props.left) + }) + } + }, offset), 0) + + $tip.addClass('in') + + // check to see if placing tip in new offset caused the tip to resize itself + var actualWidth = $tip[0].offsetWidth + var actualHeight = $tip[0].offsetHeight + + if (placement == 'top' && actualHeight != height) { + replace = true + offset.top = offset.top + height - actualHeight + } + + if (/bottom|top/.test(placement)) { + var delta = 0 + + if (offset.left < 0) { + delta = offset.left * -2 + offset.left = 0 + + $tip.offset(offset) + + actualWidth = $tip[0].offsetWidth + actualHeight = $tip[0].offsetHeight + } + + this.replaceArrow(delta - width + actualWidth, actualWidth, 'left') + } else { + this.replaceArrow(actualHeight - height, actualHeight, 'top') + } + + if (replace) $tip.offset(offset) + } + + Tooltip.prototype.replaceArrow = function (delta, dimension, position) { + this.arrow().css(position, delta ? (50 * (1 - delta / dimension) + '%') : '') + } + + Tooltip.prototype.setContent = function () { + var $tip = this.tip() + var title = this.getTitle() + + $tip.find('.tooltip-inner')[this.options.html ? 'html' : 'text'](title) + $tip.removeClass('fade in top bottom left right') + } + + Tooltip.prototype.hide = function () { + var that = this + var $tip = this.tip() + var e = $.Event('hide.bs.' + this.type) + + function complete() { + if (that.hoverState != 'in') $tip.detach() + that.$element.trigger('hidden.bs.' + that.type) + } + + this.$element.trigger(e) + + if (e.isDefaultPrevented()) return + + $tip.removeClass('in') + + $.support.transition && this.$tip.hasClass('fade') ? + $tip + .one($.support.transition.end, complete) + .emulateTransitionEnd(150) : + complete() + + this.hoverState = null + + return this + } + + Tooltip.prototype.fixTitle = function () { + var $e = this.$element + if ($e.attr('title') || typeof($e.attr('data-original-title')) != 'string') { + $e.attr('data-original-title', $e.attr('title') || '').attr('title', '') + } + } + + Tooltip.prototype.hasContent = function () { + return this.getTitle() + } + + Tooltip.prototype.getPosition = function () { + var el = this.$element[0] + return $.extend({}, (typeof el.getBoundingClientRect == 'function') ? el.getBoundingClientRect() : { + width: el.offsetWidth, + height: el.offsetHeight + }, this.$element.offset()) + } + + Tooltip.prototype.getCalculatedOffset = function (placement, pos, actualWidth, actualHeight) { + return placement == 'bottom' ? { top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2 } : + placement == 'top' ? { top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2 } : + placement == 'left' ? { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth } : + /* placement == 'right' */ { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width } + } + + Tooltip.prototype.getTitle = function () { + var title + var $e = this.$element + var o = this.options + + title = $e.attr('data-original-title') + || (typeof o.title == 'function' ? o.title.call($e[0]) : o.title) + + return title + } + + Tooltip.prototype.tip = function () { + return this.$tip = this.$tip || $(this.options.template) + } + + Tooltip.prototype.arrow = function () { + return this.$arrow = this.$arrow || this.tip().find('.tooltip-arrow') + } + + Tooltip.prototype.validate = function () { + if (!this.$element[0].parentNode) { + this.hide() + this.$element = null + this.options = null + } + } + + Tooltip.prototype.enable = function () { + this.enabled = true + } + + Tooltip.prototype.disable = function () { + this.enabled = false + } + + Tooltip.prototype.toggleEnabled = function () { + this.enabled = !this.enabled + } + + Tooltip.prototype.toggle = function (e) { + var self = e ? $(e.currentTarget)[this.type](this.getDelegateOptions()).data('bs.' + this.type) : this + self.tip().hasClass('in') ? self.leave(self) : self.enter(self) + } + + Tooltip.prototype.destroy = function () { + clearTimeout(this.timeout) + this.hide().$element.off('.' + this.type).removeData('bs.' + this.type) + } + + + // TOOLTIP PLUGIN DEFINITION + // ========================= + + var old = $.fn.tooltip + + $.fn.tooltip = function (option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.tooltip') + var options = typeof option == 'object' && option + + if (!data && option == 'destroy') return + if (!data) $this.data('bs.tooltip', (data = new Tooltip(this, options))) + if (typeof option == 'string') data[option]() + }) + } + + $.fn.tooltip.Constructor = Tooltip + + + // TOOLTIP NO CONFLICT + // =================== + + $.fn.tooltip.noConflict = function () { + $.fn.tooltip = old + return this + } + +}(jQuery); diff --git a/static/new/js/bootstrap/transition.js b/static/new/js/bootstrap/transition.js new file mode 100644 index 00000000..0bcbdcd4 --- /dev/null +++ b/static/new/js/bootstrap/transition.js @@ -0,0 +1,48 @@ +/* ======================================================================== + * Bootstrap: transition.js v3.1.0 + * http://getbootstrap.com/javascript/#transitions + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/) + // ============================================================ + + function transitionEnd() { + var el = document.createElement('bootstrap') + + var transEndEventNames = { + 'WebkitTransition' : 'webkitTransitionEnd', + 'MozTransition' : 'transitionend', + 'OTransition' : 'oTransitionEnd otransitionend', + 'transition' : 'transitionend' + } + + for (var name in transEndEventNames) { + if (el.style[name] !== undefined) { + return { end: transEndEventNames[name] } + } + } + + return false // explicit for ie8 ( ._.) + } + + // http://blog.alexmaccaw.com/css-transitions + $.fn.emulateTransitionEnd = function (duration) { + var called = false, $el = this + $(this).one($.support.transition.end, function () { called = true }) + var callback = function () { if (!called) $($el).trigger($.support.transition.end) } + setTimeout(callback, duration) + return this + } + + $(function () { + $.support.transition = transitionEnd() + }) + +}(jQuery); diff --git a/static/new/js/countdown.js b/static/new/js/countdown.js new file mode 100644 index 00000000..1929287b --- /dev/null +++ b/static/new/js/countdown.js @@ -0,0 +1,84 @@ +!function() { + var offset = 0; + var countdowns = []; + var timeout = null; + + var labels = ['days', 'hours', 'minutes', 'seconds']; + + function divmod(a, b) { + return { div: Math.floor(a / b), mod: a % b };; + } + + function formatCount(num) { + if(num < 0) { + return '00'; + } else if (num < 10) { + return '0' + num; + } + return num.toString(); + } + + function updateCountdown(index) { + window.setTimeout(updateCountdown.bind(null, index), 1000); + var element = countdowns[index]; + var countdownTo = element.countdownTo * 1000; + var now = Date.now(); + var timeLeft = countdownTo - now - offset; + + var days = divmod(timeLeft, 86400000); + var hours = divmod(days.mod, 3600000); + var minutes = divmod(hours.mod, 60000); + var seconds = divmod(minutes.mod, 1000); + + var counts = { + days: days.div, + hours: hours.div, + minutes: minutes.div, + seconds: seconds.div + }; + + var hadCount = false; + for (var i = 0; i < labels.length; i++) { + var label = labels[i]; + if (hadCount || i + 2 >= labels.length || counts[label]) { + element.elements[label].innerText = formatCount(counts[label]); + hadCount = true; + } else { + element.elements[label + 'Wrapper'].remove(); + } + } + } + + window.countdown = function countdown(element) { + var referenceTime = element.dataset.countdownReference * 1000; + var now = Date.now(); + if (Math.abs(referenceTime - now) > 300000) { + offset = now - referenceTime; + } + + var elements = {}; + for (var i = 0; i < labels.length; i++) { + var labelText = labels[i]; + var wrapper = document.createElement('div'); + var count = document.createElement('span'); + var label = document.createElement('span'); + wrapper.classList.add('countdown-part'); + count.classList.add('countdown-count'); + label.classList.add('countdown-label'); + label.innerText = labelText; + wrapper.appendChild(count); + wrapper.appendChild(label); + element.appendChild(wrapper); + elements[labelText] = count; + elements[labelText + 'Wrapper'] = wrapper; + } + + countdowns.push({ + element: element, + countdownTo: element.dataset.countdownDate, + elements: elements + }); + + updateCountdown(0); + }; +}(); diff --git a/static/new/js/d3.v3.min.js b/static/new/js/d3.v3.min.js new file mode 100644 index 00000000..16648730 --- /dev/null +++ b/static/new/js/d3.v3.min.js @@ -0,0 +1,5 @@ +!function(){function n(n){return n&&(n.ownerDocument||n.document||n).documentElement}function t(n){return n&&(n.ownerDocument&&n.ownerDocument.defaultView||n.document&&n||n.defaultView)}function e(n,t){return t>n?-1:n>t?1:n>=t?0:NaN}function r(n){return null===n?NaN:+n}function i(n){return!isNaN(n)}function u(n){return{left:function(t,e,r,i){for(arguments.length<3&&(r=0),arguments.length<4&&(i=t.length);i>r;){var u=r+i>>>1;n(t[u],e)<0?r=u+1:i=u}return r},right:function(t,e,r,i){for(arguments.length<3&&(r=0),arguments.length<4&&(i=t.length);i>r;){var u=r+i>>>1;n(t[u],e)>0?i=u:r=u+1}return r}}}function o(n){return n.length}function a(n){for(var t=1;n*t%1;)t*=10;return t}function l(n,t){for(var e in t)Object.defineProperty(n.prototype,e,{value:t[e],enumerable:!1})}function c(){this._=Object.create(null)}function f(n){return(n+="")===bo||n[0]===_o?_o+n:n}function s(n){return(n+="")[0]===_o?n.slice(1):n}function h(n){return f(n)in this._}function p(n){return(n=f(n))in this._&&delete this._[n]}function g(){var n=[];for(var t in this._)n.push(s(t));return n}function v(){var n=0;for(var t in this._)++n;return n}function d(){for(var n in this._)return!1;return!0}function y(){this._=Object.create(null)}function m(n){return n}function M(n,t,e){return function(){var r=e.apply(t,arguments);return r===t?n:r}}function x(n,t){if(t in n)return t;t=t.charAt(0).toUpperCase()+t.slice(1);for(var e=0,r=wo.length;r>e;++e){var i=wo[e]+t;if(i in n)return i}}function b(){}function _(){}function w(n){function t(){for(var t,r=e,i=-1,u=r.length;++ie;e++)for(var i,u=n[e],o=0,a=u.length;a>o;o++)(i=u[o])&&t(i,o,e);return n}function Z(n){return ko(n,qo),n}function V(n){var t,e;return function(r,i,u){var o,a=n[u].update,l=a.length;for(u!=e&&(e=u,t=0),i>=t&&(t=i+1);!(o=a[t])&&++t0&&(n=n.slice(0,a));var c=To.get(n);return c&&(n=c,l=B),a?t?i:r:t?b:u}function $(n,t){return function(e){var r=ao.event;ao.event=e,t[0]=this.__data__;try{n.apply(this,t)}finally{ao.event=r}}}function B(n,t){var e=$(n,t);return function(n){var t=this,r=n.relatedTarget;r&&(r===t||8&r.compareDocumentPosition(t))||e.call(t,n)}}function W(e){var r=".dragsuppress-"+ ++Do,i="click"+r,u=ao.select(t(e)).on("touchmove"+r,S).on("dragstart"+r,S).on("selectstart"+r,S);if(null==Ro&&(Ro="onselectstart"in e?!1:x(e.style,"userSelect")),Ro){var o=n(e).style,a=o[Ro];o[Ro]="none"}return function(n){if(u.on(r,null),Ro&&(o[Ro]=a),n){var t=function(){u.on(i,null)};u.on(i,function(){S(),t()},!0),setTimeout(t,0)}}}function J(n,e){e.changedTouches&&(e=e.changedTouches[0]);var r=n.ownerSVGElement||n;if(r.createSVGPoint){var i=r.createSVGPoint();if(0>Po){var u=t(n);if(u.scrollX||u.scrollY){r=ao.select("body").append("svg").style({position:"absolute",top:0,left:0,margin:0,padding:0,border:"none"},"important");var o=r[0][0].getScreenCTM();Po=!(o.f||o.e),r.remove()}}return Po?(i.x=e.pageX,i.y=e.pageY):(i.x=e.clientX,i.y=e.clientY),i=i.matrixTransform(n.getScreenCTM().inverse()),[i.x,i.y]}var a=n.getBoundingClientRect();return[e.clientX-a.left-n.clientLeft,e.clientY-a.top-n.clientTop]}function G(){return ao.event.changedTouches[0].identifier}function K(n){return n>0?1:0>n?-1:0}function Q(n,t,e){return(t[0]-n[0])*(e[1]-n[1])-(t[1]-n[1])*(e[0]-n[0])}function nn(n){return n>1?0:-1>n?Fo:Math.acos(n)}function tn(n){return n>1?Io:-1>n?-Io:Math.asin(n)}function en(n){return((n=Math.exp(n))-1/n)/2}function rn(n){return((n=Math.exp(n))+1/n)/2}function un(n){return((n=Math.exp(2*n))-1)/(n+1)}function on(n){return(n=Math.sin(n/2))*n}function an(){}function ln(n,t,e){return this instanceof ln?(this.h=+n,this.s=+t,void(this.l=+e)):arguments.length<2?n instanceof ln?new ln(n.h,n.s,n.l):_n(""+n,wn,ln):new ln(n,t,e)}function cn(n,t,e){function r(n){return n>360?n-=360:0>n&&(n+=360),60>n?u+(o-u)*n/60:180>n?o:240>n?u+(o-u)*(240-n)/60:u}function i(n){return Math.round(255*r(n))}var u,o;return n=isNaN(n)?0:(n%=360)<0?n+360:n,t=isNaN(t)?0:0>t?0:t>1?1:t,e=0>e?0:e>1?1:e,o=.5>=e?e*(1+t):e+t-e*t,u=2*e-o,new mn(i(n+120),i(n),i(n-120))}function fn(n,t,e){return this instanceof fn?(this.h=+n,this.c=+t,void(this.l=+e)):arguments.length<2?n instanceof fn?new fn(n.h,n.c,n.l):n instanceof hn?gn(n.l,n.a,n.b):gn((n=Sn((n=ao.rgb(n)).r,n.g,n.b)).l,n.a,n.b):new fn(n,t,e)}function sn(n,t,e){return isNaN(n)&&(n=0),isNaN(t)&&(t=0),new hn(e,Math.cos(n*=Yo)*t,Math.sin(n)*t)}function hn(n,t,e){return this instanceof hn?(this.l=+n,this.a=+t,void(this.b=+e)):arguments.length<2?n instanceof hn?new hn(n.l,n.a,n.b):n instanceof fn?sn(n.h,n.c,n.l):Sn((n=mn(n)).r,n.g,n.b):new hn(n,t,e)}function pn(n,t,e){var r=(n+16)/116,i=r+t/500,u=r-e/200;return i=vn(i)*na,r=vn(r)*ta,u=vn(u)*ea,new mn(yn(3.2404542*i-1.5371385*r-.4985314*u),yn(-.969266*i+1.8760108*r+.041556*u),yn(.0556434*i-.2040259*r+1.0572252*u))}function gn(n,t,e){return n>0?new fn(Math.atan2(e,t)*Zo,Math.sqrt(t*t+e*e),n):new fn(NaN,NaN,n)}function vn(n){return n>.206893034?n*n*n:(n-4/29)/7.787037}function dn(n){return n>.008856?Math.pow(n,1/3):7.787037*n+4/29}function yn(n){return Math.round(255*(.00304>=n?12.92*n:1.055*Math.pow(n,1/2.4)-.055))}function mn(n,t,e){return this instanceof mn?(this.r=~~n,this.g=~~t,void(this.b=~~e)):arguments.length<2?n instanceof mn?new mn(n.r,n.g,n.b):_n(""+n,mn,cn):new mn(n,t,e)}function Mn(n){return new mn(n>>16,n>>8&255,255&n)}function xn(n){return Mn(n)+""}function bn(n){return 16>n?"0"+Math.max(0,n).toString(16):Math.min(255,n).toString(16)}function _n(n,t,e){var r,i,u,o=0,a=0,l=0;if(r=/([a-z]+)\((.*)\)/.exec(n=n.toLowerCase()))switch(i=r[2].split(","),r[1]){case"hsl":return e(parseFloat(i[0]),parseFloat(i[1])/100,parseFloat(i[2])/100);case"rgb":return t(Nn(i[0]),Nn(i[1]),Nn(i[2]))}return(u=ua.get(n))?t(u.r,u.g,u.b):(null==n||"#"!==n.charAt(0)||isNaN(u=parseInt(n.slice(1),16))||(4===n.length?(o=(3840&u)>>4,o=o>>4|o,a=240&u,a=a>>4|a,l=15&u,l=l<<4|l):7===n.length&&(o=(16711680&u)>>16,a=(65280&u)>>8,l=255&u)),t(o,a,l))}function wn(n,t,e){var r,i,u=Math.min(n/=255,t/=255,e/=255),o=Math.max(n,t,e),a=o-u,l=(o+u)/2;return a?(i=.5>l?a/(o+u):a/(2-o-u),r=n==o?(t-e)/a+(e>t?6:0):t==o?(e-n)/a+2:(n-t)/a+4,r*=60):(r=NaN,i=l>0&&1>l?0:r),new ln(r,i,l)}function Sn(n,t,e){n=kn(n),t=kn(t),e=kn(e);var r=dn((.4124564*n+.3575761*t+.1804375*e)/na),i=dn((.2126729*n+.7151522*t+.072175*e)/ta),u=dn((.0193339*n+.119192*t+.9503041*e)/ea);return hn(116*i-16,500*(r-i),200*(i-u))}function kn(n){return(n/=255)<=.04045?n/12.92:Math.pow((n+.055)/1.055,2.4)}function Nn(n){var t=parseFloat(n);return"%"===n.charAt(n.length-1)?Math.round(2.55*t):t}function En(n){return"function"==typeof n?n:function(){return n}}function An(n){return function(t,e,r){return 2===arguments.length&&"function"==typeof e&&(r=e,e=null),Cn(t,e,n,r)}}function Cn(n,t,e,r){function i(){var n,t=l.status;if(!t&&Ln(l)||t>=200&&300>t||304===t){try{n=e.call(u,l)}catch(r){return void o.error.call(u,r)}o.load.call(u,n)}else o.error.call(u,l)}var u={},o=ao.dispatch("beforesend","progress","load","error"),a={},l=new XMLHttpRequest,c=null;return!this.XDomainRequest||"withCredentials"in l||!/^(http(s)?:)?\/\//.test(n)||(l=new XDomainRequest),"onload"in l?l.onload=l.onerror=i:l.onreadystatechange=function(){l.readyState>3&&i()},l.onprogress=function(n){var t=ao.event;ao.event=n;try{o.progress.call(u,l)}finally{ao.event=t}},u.header=function(n,t){return n=(n+"").toLowerCase(),arguments.length<2?a[n]:(null==t?delete a[n]:a[n]=t+"",u)},u.mimeType=function(n){return arguments.length?(t=null==n?null:n+"",u):t},u.responseType=function(n){return arguments.length?(c=n,u):c},u.response=function(n){return e=n,u},["get","post"].forEach(function(n){u[n]=function(){return u.send.apply(u,[n].concat(co(arguments)))}}),u.send=function(e,r,i){if(2===arguments.length&&"function"==typeof r&&(i=r,r=null),l.open(e,n,!0),null==t||"accept"in a||(a.accept=t+",*/*"),l.setRequestHeader)for(var f in a)l.setRequestHeader(f,a[f]);return null!=t&&l.overrideMimeType&&l.overrideMimeType(t),null!=c&&(l.responseType=c),null!=i&&u.on("error",i).on("load",function(n){i(null,n)}),o.beforesend.call(u,l),l.send(null==r?null:r),u},u.abort=function(){return l.abort(),u},ao.rebind(u,o,"on"),null==r?u:u.get(zn(r))}function zn(n){return 1===n.length?function(t,e){n(null==t?e:null)}:n}function Ln(n){var t=n.responseType;return t&&"text"!==t?n.response:n.responseText}function qn(n,t,e){var r=arguments.length;2>r&&(t=0),3>r&&(e=Date.now());var i=e+t,u={c:n,t:i,n:null};return aa?aa.n=u:oa=u,aa=u,la||(ca=clearTimeout(ca),la=1,fa(Tn)),u}function Tn(){var n=Rn(),t=Dn()-n;t>24?(isFinite(t)&&(clearTimeout(ca),ca=setTimeout(Tn,t)),la=0):(la=1,fa(Tn))}function Rn(){for(var n=Date.now(),t=oa;t;)n>=t.t&&t.c(n-t.t)&&(t.c=null),t=t.n;return n}function Dn(){for(var n,t=oa,e=1/0;t;)t.c?(t.t8?function(n){return n/e}:function(n){return n*e},symbol:n}}function jn(n){var t=n.decimal,e=n.thousands,r=n.grouping,i=n.currency,u=r&&e?function(n,t){for(var i=n.length,u=[],o=0,a=r[0],l=0;i>0&&a>0&&(l+a+1>t&&(a=Math.max(1,t-l)),u.push(n.substring(i-=a,i+a)),!((l+=a+1)>t));)a=r[o=(o+1)%r.length];return u.reverse().join(e)}:m;return function(n){var e=ha.exec(n),r=e[1]||" ",o=e[2]||">",a=e[3]||"-",l=e[4]||"",c=e[5],f=+e[6],s=e[7],h=e[8],p=e[9],g=1,v="",d="",y=!1,m=!0;switch(h&&(h=+h.substring(1)),(c||"0"===r&&"="===o)&&(c=r="0",o="="),p){case"n":s=!0,p="g";break;case"%":g=100,d="%",p="f";break;case"p":g=100,d="%",p="r";break;case"b":case"o":case"x":case"X":"#"===l&&(v="0"+p.toLowerCase());case"c":m=!1;case"d":y=!0,h=0;break;case"s":g=-1,p="r"}"$"===l&&(v=i[0],d=i[1]),"r"!=p||h||(p="g"),null!=h&&("g"==p?h=Math.max(1,Math.min(21,h)):"e"!=p&&"f"!=p||(h=Math.max(0,Math.min(20,h)))),p=pa.get(p)||Fn;var M=c&&s;return function(n){var e=d;if(y&&n%1)return"";var i=0>n||0===n&&0>1/n?(n=-n,"-"):"-"===a?"":a;if(0>g){var l=ao.formatPrefix(n,h);n=l.scale(n),e=l.symbol+d}else n*=g;n=p(n,h);var x,b,_=n.lastIndexOf(".");if(0>_){var w=m?n.lastIndexOf("e"):-1;0>w?(x=n,b=""):(x=n.substring(0,w),b=n.substring(w))}else x=n.substring(0,_),b=t+n.substring(_+1);!c&&s&&(x=u(x,1/0));var S=v.length+x.length+b.length+(M?0:i.length),k=f>S?new Array(S=f-S+1).join(r):"";return M&&(x=u(k+x,k.length?f-b.length:1/0)),i+=v,n=x+b,("<"===o?i+n+k:">"===o?k+i+n:"^"===o?k.substring(0,S>>=1)+i+n+k.substring(S):i+(M?n:k+n))+e}}}function Fn(n){return n+""}function Hn(){this._=new Date(arguments.length>1?Date.UTC.apply(this,arguments):arguments[0])}function On(n,t,e){function r(t){var e=n(t),r=u(e,1);return r-t>t-e?e:r}function i(e){return t(e=n(new va(e-1)),1),e}function u(n,e){return t(n=new va(+n),e),n}function o(n,r,u){var o=i(n),a=[];if(u>1)for(;r>o;)e(o)%u||a.push(new Date(+o)),t(o,1);else for(;r>o;)a.push(new Date(+o)),t(o,1);return a}function a(n,t,e){try{va=Hn;var r=new Hn;return r._=n,o(r,t,e)}finally{va=Date}}n.floor=n,n.round=r,n.ceil=i,n.offset=u,n.range=o;var l=n.utc=In(n);return l.floor=l,l.round=In(r),l.ceil=In(i),l.offset=In(u),l.range=a,n}function In(n){return function(t,e){try{va=Hn;var r=new Hn;return r._=t,n(r,e)._}finally{va=Date}}}function Yn(n){function t(n){function t(t){for(var e,i,u,o=[],a=-1,l=0;++aa;){if(r>=c)return-1;if(i=t.charCodeAt(a++),37===i){if(o=t.charAt(a++),u=C[o in ya?t.charAt(a++):o],!u||(r=u(n,e,r))<0)return-1}else if(i!=e.charCodeAt(r++))return-1}return r}function r(n,t,e){_.lastIndex=0;var r=_.exec(t.slice(e));return r?(n.w=w.get(r[0].toLowerCase()),e+r[0].length):-1}function i(n,t,e){x.lastIndex=0;var r=x.exec(t.slice(e));return r?(n.w=b.get(r[0].toLowerCase()),e+r[0].length):-1}function u(n,t,e){N.lastIndex=0;var r=N.exec(t.slice(e));return r?(n.m=E.get(r[0].toLowerCase()),e+r[0].length):-1}function o(n,t,e){S.lastIndex=0;var r=S.exec(t.slice(e));return r?(n.m=k.get(r[0].toLowerCase()),e+r[0].length):-1}function a(n,t,r){return e(n,A.c.toString(),t,r)}function l(n,t,r){return e(n,A.x.toString(),t,r)}function c(n,t,r){return e(n,A.X.toString(),t,r)}function f(n,t,e){var r=M.get(t.slice(e,e+=2).toLowerCase());return null==r?-1:(n.p=r,e)}var s=n.dateTime,h=n.date,p=n.time,g=n.periods,v=n.days,d=n.shortDays,y=n.months,m=n.shortMonths;t.utc=function(n){function e(n){try{va=Hn;var t=new va;return t._=n,r(t)}finally{va=Date}}var r=t(n);return e.parse=function(n){try{va=Hn;var t=r.parse(n);return t&&t._}finally{va=Date}},e.toString=r.toString,e},t.multi=t.utc.multi=ct;var M=ao.map(),x=Vn(v),b=Xn(v),_=Vn(d),w=Xn(d),S=Vn(y),k=Xn(y),N=Vn(m),E=Xn(m);g.forEach(function(n,t){M.set(n.toLowerCase(),t)});var A={a:function(n){return d[n.getDay()]},A:function(n){return v[n.getDay()]},b:function(n){return m[n.getMonth()]},B:function(n){return y[n.getMonth()]},c:t(s),d:function(n,t){return Zn(n.getDate(),t,2)},e:function(n,t){return Zn(n.getDate(),t,2)},H:function(n,t){return Zn(n.getHours(),t,2)},I:function(n,t){return Zn(n.getHours()%12||12,t,2)},j:function(n,t){return Zn(1+ga.dayOfYear(n),t,3)},L:function(n,t){return Zn(n.getMilliseconds(),t,3)},m:function(n,t){return Zn(n.getMonth()+1,t,2)},M:function(n,t){return Zn(n.getMinutes(),t,2)},p:function(n){return g[+(n.getHours()>=12)]},S:function(n,t){return Zn(n.getSeconds(),t,2)},U:function(n,t){return Zn(ga.sundayOfYear(n),t,2)},w:function(n){return n.getDay()},W:function(n,t){return Zn(ga.mondayOfYear(n),t,2)},x:t(h),X:t(p),y:function(n,t){return Zn(n.getFullYear()%100,t,2)},Y:function(n,t){return Zn(n.getFullYear()%1e4,t,4)},Z:at,"%":function(){return"%"}},C={a:r,A:i,b:u,B:o,c:a,d:tt,e:tt,H:rt,I:rt,j:et,L:ot,m:nt,M:it,p:f,S:ut,U:Bn,w:$n,W:Wn,x:l,X:c,y:Gn,Y:Jn,Z:Kn,"%":lt};return t}function Zn(n,t,e){var r=0>n?"-":"",i=(r?-n:n)+"",u=i.length;return r+(e>u?new Array(e-u+1).join(t)+i:i)}function Vn(n){return new RegExp("^(?:"+n.map(ao.requote).join("|")+")","i")}function Xn(n){for(var t=new c,e=-1,r=n.length;++e68?1900:2e3)}function nt(n,t,e){ma.lastIndex=0;var r=ma.exec(t.slice(e,e+2));return r?(n.m=r[0]-1,e+r[0].length):-1}function tt(n,t,e){ma.lastIndex=0;var r=ma.exec(t.slice(e,e+2));return r?(n.d=+r[0],e+r[0].length):-1}function et(n,t,e){ma.lastIndex=0;var r=ma.exec(t.slice(e,e+3));return r?(n.j=+r[0],e+r[0].length):-1}function rt(n,t,e){ma.lastIndex=0;var r=ma.exec(t.slice(e,e+2));return r?(n.H=+r[0],e+r[0].length):-1}function it(n,t,e){ma.lastIndex=0;var r=ma.exec(t.slice(e,e+2));return r?(n.M=+r[0],e+r[0].length):-1}function ut(n,t,e){ma.lastIndex=0;var r=ma.exec(t.slice(e,e+2));return r?(n.S=+r[0],e+r[0].length):-1}function ot(n,t,e){ma.lastIndex=0;var r=ma.exec(t.slice(e,e+3));return r?(n.L=+r[0],e+r[0].length):-1}function at(n){var t=n.getTimezoneOffset(),e=t>0?"-":"+",r=xo(t)/60|0,i=xo(t)%60;return e+Zn(r,"0",2)+Zn(i,"0",2)}function lt(n,t,e){Ma.lastIndex=0;var r=Ma.exec(t.slice(e,e+1));return r?e+r[0].length:-1}function ct(n){for(var t=n.length,e=-1;++e=0?1:-1,a=o*e,l=Math.cos(t),c=Math.sin(t),f=u*c,s=i*l+f*Math.cos(a),h=f*o*Math.sin(a);ka.add(Math.atan2(h,s)),r=n,i=l,u=c}var t,e,r,i,u;Na.point=function(o,a){Na.point=n,r=(t=o)*Yo,i=Math.cos(a=(e=a)*Yo/2+Fo/4),u=Math.sin(a)},Na.lineEnd=function(){n(t,e)}}function dt(n){var t=n[0],e=n[1],r=Math.cos(e);return[r*Math.cos(t),r*Math.sin(t),Math.sin(e)]}function yt(n,t){return n[0]*t[0]+n[1]*t[1]+n[2]*t[2]}function mt(n,t){return[n[1]*t[2]-n[2]*t[1],n[2]*t[0]-n[0]*t[2],n[0]*t[1]-n[1]*t[0]]}function Mt(n,t){n[0]+=t[0],n[1]+=t[1],n[2]+=t[2]}function xt(n,t){return[n[0]*t,n[1]*t,n[2]*t]}function bt(n){var t=Math.sqrt(n[0]*n[0]+n[1]*n[1]+n[2]*n[2]);n[0]/=t,n[1]/=t,n[2]/=t}function _t(n){return[Math.atan2(n[1],n[0]),tn(n[2])]}function wt(n,t){return xo(n[0]-t[0])a;++a)i.point((e=n[a])[0],e[1]);return void i.lineEnd()}var l=new Tt(e,n,null,!0),c=new Tt(e,null,l,!1);l.o=c,u.push(l),o.push(c),l=new Tt(r,n,null,!1),c=new Tt(r,null,l,!0),l.o=c,u.push(l),o.push(c)}}),o.sort(t),qt(u),qt(o),u.length){for(var a=0,l=e,c=o.length;c>a;++a)o[a].e=l=!l;for(var f,s,h=u[0];;){for(var p=h,g=!0;p.v;)if((p=p.n)===h)return;f=p.z,i.lineStart();do{if(p.v=p.o.v=!0,p.e){if(g)for(var a=0,c=f.length;c>a;++a)i.point((s=f[a])[0],s[1]);else r(p.x,p.n.x,1,i);p=p.n}else{if(g){f=p.p.z;for(var a=f.length-1;a>=0;--a)i.point((s=f[a])[0],s[1])}else r(p.x,p.p.x,-1,i);p=p.p}p=p.o,f=p.z,g=!g}while(!p.v);i.lineEnd()}}}function qt(n){if(t=n.length){for(var t,e,r=0,i=n[0];++r0){for(b||(u.polygonStart(),b=!0),u.lineStart();++o1&&2&t&&e.push(e.pop().concat(e.shift())),p.push(e.filter(Dt))}var p,g,v,d=t(u),y=i.invert(r[0],r[1]),m={point:o,lineStart:l,lineEnd:c,polygonStart:function(){m.point=f,m.lineStart=s,m.lineEnd=h,p=[],g=[]},polygonEnd:function(){m.point=o,m.lineStart=l,m.lineEnd=c,p=ao.merge(p);var n=Ot(y,g);p.length?(b||(u.polygonStart(),b=!0),Lt(p,Ut,n,e,u)):n&&(b||(u.polygonStart(),b=!0),u.lineStart(),e(null,null,1,u),u.lineEnd()),b&&(u.polygonEnd(),b=!1),p=g=null},sphere:function(){u.polygonStart(),u.lineStart(),e(null,null,1,u),u.lineEnd(),u.polygonEnd()}},M=Pt(),x=t(M),b=!1;return m}}function Dt(n){return n.length>1}function Pt(){var n,t=[];return{lineStart:function(){t.push(n=[])},point:function(t,e){n.push([t,e])},lineEnd:b,buffer:function(){var e=t;return t=[],n=null,e},rejoin:function(){t.length>1&&t.push(t.pop().concat(t.shift()))}}}function Ut(n,t){return((n=n.x)[0]<0?n[1]-Io-Uo:Io-n[1])-((t=t.x)[0]<0?t[1]-Io-Uo:Io-t[1])}function jt(n){var t,e=NaN,r=NaN,i=NaN;return{lineStart:function(){n.lineStart(),t=1},point:function(u,o){var a=u>0?Fo:-Fo,l=xo(u-e);xo(l-Fo)0?Io:-Io),n.point(i,r),n.lineEnd(),n.lineStart(),n.point(a,r),n.point(u,r),t=0):i!==a&&l>=Fo&&(xo(e-i)Uo?Math.atan((Math.sin(t)*(u=Math.cos(r))*Math.sin(e)-Math.sin(r)*(i=Math.cos(t))*Math.sin(n))/(i*u*o)):(t+r)/2}function Ht(n,t,e,r){var i;if(null==n)i=e*Io,r.point(-Fo,i),r.point(0,i),r.point(Fo,i),r.point(Fo,0),r.point(Fo,-i),r.point(0,-i),r.point(-Fo,-i),r.point(-Fo,0),r.point(-Fo,i);else if(xo(n[0]-t[0])>Uo){var u=n[0]a;++a){var c=t[a],f=c.length;if(f)for(var s=c[0],h=s[0],p=s[1]/2+Fo/4,g=Math.sin(p),v=Math.cos(p),d=1;;){d===f&&(d=0),n=c[d];var y=n[0],m=n[1]/2+Fo/4,M=Math.sin(m),x=Math.cos(m),b=y-h,_=b>=0?1:-1,w=_*b,S=w>Fo,k=g*M;if(ka.add(Math.atan2(k*_*Math.sin(w),v*x+k*Math.cos(w))),u+=S?b+_*Ho:b,S^h>=e^y>=e){var N=mt(dt(s),dt(n));bt(N);var E=mt(i,N);bt(E);var A=(S^b>=0?-1:1)*tn(E[2]);(r>A||r===A&&(N[0]||N[1]))&&(o+=S^b>=0?1:-1)}if(!d++)break;h=y,g=M,v=x,s=n}}return(-Uo>u||Uo>u&&-Uo>ka)^1&o}function It(n){function t(n,t){return Math.cos(n)*Math.cos(t)>u}function e(n){var e,u,l,c,f;return{lineStart:function(){c=l=!1,f=1},point:function(s,h){var p,g=[s,h],v=t(s,h),d=o?v?0:i(s,h):v?i(s+(0>s?Fo:-Fo),h):0;if(!e&&(c=l=v)&&n.lineStart(),v!==l&&(p=r(e,g),(wt(e,p)||wt(g,p))&&(g[0]+=Uo,g[1]+=Uo,v=t(g[0],g[1]))),v!==l)f=0,v?(n.lineStart(),p=r(g,e),n.point(p[0],p[1])):(p=r(e,g),n.point(p[0],p[1]),n.lineEnd()),e=p;else if(a&&e&&o^v){var y;d&u||!(y=r(g,e,!0))||(f=0,o?(n.lineStart(),n.point(y[0][0],y[0][1]),n.point(y[1][0],y[1][1]),n.lineEnd()):(n.point(y[1][0],y[1][1]),n.lineEnd(),n.lineStart(),n.point(y[0][0],y[0][1])))}!v||e&&wt(e,g)||n.point(g[0],g[1]),e=g,l=v,u=d},lineEnd:function(){l&&n.lineEnd(),e=null},clean:function(){return f|(c&&l)<<1}}}function r(n,t,e){var r=dt(n),i=dt(t),o=[1,0,0],a=mt(r,i),l=yt(a,a),c=a[0],f=l-c*c;if(!f)return!e&&n;var s=u*l/f,h=-u*c/f,p=mt(o,a),g=xt(o,s),v=xt(a,h);Mt(g,v);var d=p,y=yt(g,d),m=yt(d,d),M=y*y-m*(yt(g,g)-1);if(!(0>M)){var x=Math.sqrt(M),b=xt(d,(-y-x)/m);if(Mt(b,g),b=_t(b),!e)return b;var _,w=n[0],S=t[0],k=n[1],N=t[1];w>S&&(_=w,w=S,S=_);var E=S-w,A=xo(E-Fo)E;if(!A&&k>N&&(_=k,k=N,N=_),C?A?k+N>0^b[1]<(xo(b[0]-w)Fo^(w<=b[0]&&b[0]<=S)){var z=xt(d,(-y+x)/m);return Mt(z,g),[b,_t(z)]}}}function i(t,e){var r=o?n:Fo-n,i=0;return-r>t?i|=1:t>r&&(i|=2),-r>e?i|=4:e>r&&(i|=8),i}var u=Math.cos(n),o=u>0,a=xo(u)>Uo,l=ve(n,6*Yo);return Rt(t,e,l,o?[0,-n]:[-Fo,n-Fo])}function Yt(n,t,e,r){return function(i){var u,o=i.a,a=i.b,l=o.x,c=o.y,f=a.x,s=a.y,h=0,p=1,g=f-l,v=s-c;if(u=n-l,g||!(u>0)){if(u/=g,0>g){if(h>u)return;p>u&&(p=u)}else if(g>0){if(u>p)return;u>h&&(h=u)}if(u=e-l,g||!(0>u)){if(u/=g,0>g){if(u>p)return;u>h&&(h=u)}else if(g>0){if(h>u)return;p>u&&(p=u)}if(u=t-c,v||!(u>0)){if(u/=v,0>v){if(h>u)return;p>u&&(p=u)}else if(v>0){if(u>p)return;u>h&&(h=u)}if(u=r-c,v||!(0>u)){if(u/=v,0>v){if(u>p)return;u>h&&(h=u)}else if(v>0){if(h>u)return;p>u&&(p=u)}return h>0&&(i.a={x:l+h*g,y:c+h*v}),1>p&&(i.b={x:l+p*g,y:c+p*v}),i}}}}}}function Zt(n,t,e,r){function i(r,i){return xo(r[0]-n)0?0:3:xo(r[0]-e)0?2:1:xo(r[1]-t)0?1:0:i>0?3:2}function u(n,t){return o(n.x,t.x)}function o(n,t){var e=i(n,1),r=i(t,1);return e!==r?e-r:0===e?t[1]-n[1]:1===e?n[0]-t[0]:2===e?n[1]-t[1]:t[0]-n[0]}return function(a){function l(n){for(var t=0,e=d.length,r=n[1],i=0;e>i;++i)for(var u,o=1,a=d[i],l=a.length,c=a[0];l>o;++o)u=a[o],c[1]<=r?u[1]>r&&Q(c,u,n)>0&&++t:u[1]<=r&&Q(c,u,n)<0&&--t,c=u;return 0!==t}function c(u,a,l,c){var f=0,s=0;if(null==u||(f=i(u,l))!==(s=i(a,l))||o(u,a)<0^l>0){do c.point(0===f||3===f?n:e,f>1?r:t);while((f=(f+l+4)%4)!==s)}else c.point(a[0],a[1])}function f(i,u){return i>=n&&e>=i&&u>=t&&r>=u}function s(n,t){f(n,t)&&a.point(n,t)}function h(){C.point=g,d&&d.push(y=[]),S=!0,w=!1,b=_=NaN}function p(){v&&(g(m,M),x&&w&&E.rejoin(),v.push(E.buffer())),C.point=s,w&&a.lineEnd()}function g(n,t){n=Math.max(-Ha,Math.min(Ha,n)),t=Math.max(-Ha,Math.min(Ha,t));var e=f(n,t);if(d&&y.push([n,t]),S)m=n,M=t,x=e,S=!1,e&&(a.lineStart(),a.point(n,t));else if(e&&w)a.point(n,t);else{var r={a:{x:b,y:_},b:{x:n,y:t}};A(r)?(w||(a.lineStart(),a.point(r.a.x,r.a.y)),a.point(r.b.x,r.b.y),e||a.lineEnd(),k=!1):e&&(a.lineStart(),a.point(n,t),k=!1)}b=n,_=t,w=e}var v,d,y,m,M,x,b,_,w,S,k,N=a,E=Pt(),A=Yt(n,t,e,r),C={point:s,lineStart:h,lineEnd:p,polygonStart:function(){a=E,v=[],d=[],k=!0},polygonEnd:function(){a=N,v=ao.merge(v);var t=l([n,r]),e=k&&t,i=v.length;(e||i)&&(a.polygonStart(),e&&(a.lineStart(),c(null,null,1,a),a.lineEnd()),i&&Lt(v,u,t,c,a),a.polygonEnd()),v=d=y=null}};return C}}function Vt(n){var t=0,e=Fo/3,r=ae(n),i=r(t,e);return i.parallels=function(n){return arguments.length?r(t=n[0]*Fo/180,e=n[1]*Fo/180):[t/Fo*180,e/Fo*180]},i}function Xt(n,t){function e(n,t){var e=Math.sqrt(u-2*i*Math.sin(t))/i;return[e*Math.sin(n*=i),o-e*Math.cos(n)]}var r=Math.sin(n),i=(r+Math.sin(t))/2,u=1+r*(2*i-r),o=Math.sqrt(u)/i;return e.invert=function(n,t){var e=o-t;return[Math.atan2(n,e)/i,tn((u-(n*n+e*e)*i*i)/(2*i))]},e}function $t(){function n(n,t){Ia+=i*n-r*t,r=n,i=t}var t,e,r,i;$a.point=function(u,o){$a.point=n,t=r=u,e=i=o},$a.lineEnd=function(){n(t,e)}}function Bt(n,t){Ya>n&&(Ya=n),n>Va&&(Va=n),Za>t&&(Za=t),t>Xa&&(Xa=t)}function Wt(){function n(n,t){o.push("M",n,",",t,u)}function t(n,t){o.push("M",n,",",t),a.point=e}function e(n,t){o.push("L",n,",",t)}function r(){a.point=n}function i(){o.push("Z")}var u=Jt(4.5),o=[],a={point:n,lineStart:function(){a.point=t},lineEnd:r,polygonStart:function(){a.lineEnd=i},polygonEnd:function(){a.lineEnd=r,a.point=n},pointRadius:function(n){return u=Jt(n),a},result:function(){if(o.length){var n=o.join("");return o=[],n}}};return a}function Jt(n){return"m0,"+n+"a"+n+","+n+" 0 1,1 0,"+-2*n+"a"+n+","+n+" 0 1,1 0,"+2*n+"z"}function Gt(n,t){Ca+=n,za+=t,++La}function Kt(){function n(n,r){var i=n-t,u=r-e,o=Math.sqrt(i*i+u*u);qa+=o*(t+n)/2,Ta+=o*(e+r)/2,Ra+=o,Gt(t=n,e=r)}var t,e;Wa.point=function(r,i){Wa.point=n,Gt(t=r,e=i)}}function Qt(){Wa.point=Gt}function ne(){function n(n,t){var e=n-r,u=t-i,o=Math.sqrt(e*e+u*u);qa+=o*(r+n)/2,Ta+=o*(i+t)/2,Ra+=o,o=i*n-r*t,Da+=o*(r+n),Pa+=o*(i+t),Ua+=3*o,Gt(r=n,i=t)}var t,e,r,i;Wa.point=function(u,o){Wa.point=n,Gt(t=r=u,e=i=o)},Wa.lineEnd=function(){n(t,e)}}function te(n){function t(t,e){n.moveTo(t+o,e),n.arc(t,e,o,0,Ho)}function e(t,e){n.moveTo(t,e),a.point=r}function r(t,e){n.lineTo(t,e)}function i(){a.point=t}function u(){n.closePath()}var o=4.5,a={point:t,lineStart:function(){a.point=e},lineEnd:i,polygonStart:function(){a.lineEnd=u},polygonEnd:function(){a.lineEnd=i,a.point=t},pointRadius:function(n){return o=n,a},result:b};return a}function ee(n){function t(n){return(a?r:e)(n)}function e(t){return ue(t,function(e,r){e=n(e,r),t.point(e[0],e[1])})}function r(t){function e(e,r){e=n(e,r),t.point(e[0],e[1])}function r(){M=NaN,S.point=u,t.lineStart()}function u(e,r){var u=dt([e,r]),o=n(e,r);i(M,x,m,b,_,w,M=o[0],x=o[1],m=e,b=u[0],_=u[1],w=u[2],a,t),t.point(M,x)}function o(){S.point=e,t.lineEnd()}function l(){ +r(),S.point=c,S.lineEnd=f}function c(n,t){u(s=n,h=t),p=M,g=x,v=b,d=_,y=w,S.point=u}function f(){i(M,x,m,b,_,w,p,g,s,v,d,y,a,t),S.lineEnd=o,o()}var s,h,p,g,v,d,y,m,M,x,b,_,w,S={point:e,lineStart:r,lineEnd:o,polygonStart:function(){t.polygonStart(),S.lineStart=l},polygonEnd:function(){t.polygonEnd(),S.lineStart=r}};return S}function i(t,e,r,a,l,c,f,s,h,p,g,v,d,y){var m=f-t,M=s-e,x=m*m+M*M;if(x>4*u&&d--){var b=a+p,_=l+g,w=c+v,S=Math.sqrt(b*b+_*_+w*w),k=Math.asin(w/=S),N=xo(xo(w)-1)u||xo((m*z+M*L)/x-.5)>.3||o>a*p+l*g+c*v)&&(i(t,e,r,a,l,c,A,C,N,b/=S,_/=S,w,d,y),y.point(A,C),i(A,C,N,b,_,w,f,s,h,p,g,v,d,y))}}var u=.5,o=Math.cos(30*Yo),a=16;return t.precision=function(n){return arguments.length?(a=(u=n*n)>0&&16,t):Math.sqrt(u)},t}function re(n){var t=ee(function(t,e){return n([t*Zo,e*Zo])});return function(n){return le(t(n))}}function ie(n){this.stream=n}function ue(n,t){return{point:t,sphere:function(){n.sphere()},lineStart:function(){n.lineStart()},lineEnd:function(){n.lineEnd()},polygonStart:function(){n.polygonStart()},polygonEnd:function(){n.polygonEnd()}}}function oe(n){return ae(function(){return n})()}function ae(n){function t(n){return n=a(n[0]*Yo,n[1]*Yo),[n[0]*h+l,c-n[1]*h]}function e(n){return n=a.invert((n[0]-l)/h,(c-n[1])/h),n&&[n[0]*Zo,n[1]*Zo]}function r(){a=Ct(o=se(y,M,x),u);var n=u(v,d);return l=p-n[0]*h,c=g+n[1]*h,i()}function i(){return f&&(f.valid=!1,f=null),t}var u,o,a,l,c,f,s=ee(function(n,t){return n=u(n,t),[n[0]*h+l,c-n[1]*h]}),h=150,p=480,g=250,v=0,d=0,y=0,M=0,x=0,b=Fa,_=m,w=null,S=null;return t.stream=function(n){return f&&(f.valid=!1),f=le(b(o,s(_(n)))),f.valid=!0,f},t.clipAngle=function(n){return arguments.length?(b=null==n?(w=n,Fa):It((w=+n)*Yo),i()):w},t.clipExtent=function(n){return arguments.length?(S=n,_=n?Zt(n[0][0],n[0][1],n[1][0],n[1][1]):m,i()):S},t.scale=function(n){return arguments.length?(h=+n,r()):h},t.translate=function(n){return arguments.length?(p=+n[0],g=+n[1],r()):[p,g]},t.center=function(n){return arguments.length?(v=n[0]%360*Yo,d=n[1]%360*Yo,r()):[v*Zo,d*Zo]},t.rotate=function(n){return arguments.length?(y=n[0]%360*Yo,M=n[1]%360*Yo,x=n.length>2?n[2]%360*Yo:0,r()):[y*Zo,M*Zo,x*Zo]},ao.rebind(t,s,"precision"),function(){return u=n.apply(this,arguments),t.invert=u.invert&&e,r()}}function le(n){return ue(n,function(t,e){n.point(t*Yo,e*Yo)})}function ce(n,t){return[n,t]}function fe(n,t){return[n>Fo?n-Ho:-Fo>n?n+Ho:n,t]}function se(n,t,e){return n?t||e?Ct(pe(n),ge(t,e)):pe(n):t||e?ge(t,e):fe}function he(n){return function(t,e){return t+=n,[t>Fo?t-Ho:-Fo>t?t+Ho:t,e]}}function pe(n){var t=he(n);return t.invert=he(-n),t}function ge(n,t){function e(n,t){var e=Math.cos(t),a=Math.cos(n)*e,l=Math.sin(n)*e,c=Math.sin(t),f=c*r+a*i;return[Math.atan2(l*u-f*o,a*r-c*i),tn(f*u+l*o)]}var r=Math.cos(n),i=Math.sin(n),u=Math.cos(t),o=Math.sin(t);return e.invert=function(n,t){var e=Math.cos(t),a=Math.cos(n)*e,l=Math.sin(n)*e,c=Math.sin(t),f=c*u-l*o;return[Math.atan2(l*u+c*o,a*r+f*i),tn(f*r-a*i)]},e}function ve(n,t){var e=Math.cos(n),r=Math.sin(n);return function(i,u,o,a){var l=o*t;null!=i?(i=de(e,i),u=de(e,u),(o>0?u>i:i>u)&&(i+=o*Ho)):(i=n+o*Ho,u=n-.5*l);for(var c,f=i;o>0?f>u:u>f;f-=l)a.point((c=_t([e,-r*Math.cos(f),-r*Math.sin(f)]))[0],c[1])}}function de(n,t){var e=dt(t);e[0]-=n,bt(e);var r=nn(-e[1]);return((-e[2]<0?-r:r)+2*Math.PI-Uo)%(2*Math.PI)}function ye(n,t,e){var r=ao.range(n,t-Uo,e).concat(t);return function(n){return r.map(function(t){return[n,t]})}}function me(n,t,e){var r=ao.range(n,t-Uo,e).concat(t);return function(n){return r.map(function(t){return[t,n]})}}function Me(n){return n.source}function xe(n){return n.target}function be(n,t,e,r){var i=Math.cos(t),u=Math.sin(t),o=Math.cos(r),a=Math.sin(r),l=i*Math.cos(n),c=i*Math.sin(n),f=o*Math.cos(e),s=o*Math.sin(e),h=2*Math.asin(Math.sqrt(on(r-t)+i*o*on(e-n))),p=1/Math.sin(h),g=h?function(n){var t=Math.sin(n*=h)*p,e=Math.sin(h-n)*p,r=e*l+t*f,i=e*c+t*s,o=e*u+t*a;return[Math.atan2(i,r)*Zo,Math.atan2(o,Math.sqrt(r*r+i*i))*Zo]}:function(){return[n*Zo,t*Zo]};return g.distance=h,g}function _e(){function n(n,i){var u=Math.sin(i*=Yo),o=Math.cos(i),a=xo((n*=Yo)-t),l=Math.cos(a);Ja+=Math.atan2(Math.sqrt((a=o*Math.sin(a))*a+(a=r*u-e*o*l)*a),e*u+r*o*l),t=n,e=u,r=o}var t,e,r;Ga.point=function(i,u){t=i*Yo,e=Math.sin(u*=Yo),r=Math.cos(u),Ga.point=n},Ga.lineEnd=function(){Ga.point=Ga.lineEnd=b}}function we(n,t){function e(t,e){var r=Math.cos(t),i=Math.cos(e),u=n(r*i);return[u*i*Math.sin(t),u*Math.sin(e)]}return e.invert=function(n,e){var r=Math.sqrt(n*n+e*e),i=t(r),u=Math.sin(i),o=Math.cos(i);return[Math.atan2(n*u,r*o),Math.asin(r&&e*u/r)]},e}function Se(n,t){function e(n,t){o>0?-Io+Uo>t&&(t=-Io+Uo):t>Io-Uo&&(t=Io-Uo);var e=o/Math.pow(i(t),u);return[e*Math.sin(u*n),o-e*Math.cos(u*n)]}var r=Math.cos(n),i=function(n){return Math.tan(Fo/4+n/2)},u=n===t?Math.sin(n):Math.log(r/Math.cos(t))/Math.log(i(t)/i(n)),o=r*Math.pow(i(n),u)/u;return u?(e.invert=function(n,t){var e=o-t,r=K(u)*Math.sqrt(n*n+e*e);return[Math.atan2(n,e)/u,2*Math.atan(Math.pow(o/r,1/u))-Io]},e):Ne}function ke(n,t){function e(n,t){var e=u-t;return[e*Math.sin(i*n),u-e*Math.cos(i*n)]}var r=Math.cos(n),i=n===t?Math.sin(n):(r-Math.cos(t))/(t-n),u=r/i+n;return xo(i)i;i++){for(;r>1&&Q(n[e[r-2]],n[e[r-1]],n[i])<=0;)--r;e[r++]=i}return e.slice(0,r)}function qe(n,t){return n[0]-t[0]||n[1]-t[1]}function Te(n,t,e){return(e[0]-t[0])*(n[1]-t[1])<(e[1]-t[1])*(n[0]-t[0])}function Re(n,t,e,r){var i=n[0],u=e[0],o=t[0]-i,a=r[0]-u,l=n[1],c=e[1],f=t[1]-l,s=r[1]-c,h=(a*(l-c)-s*(i-u))/(s*o-a*f);return[i+h*o,l+h*f]}function De(n){var t=n[0],e=n[n.length-1];return!(t[0]-e[0]||t[1]-e[1])}function Pe(){rr(this),this.edge=this.site=this.circle=null}function Ue(n){var t=cl.pop()||new Pe;return t.site=n,t}function je(n){Be(n),ol.remove(n),cl.push(n),rr(n)}function Fe(n){var t=n.circle,e=t.x,r=t.cy,i={x:e,y:r},u=n.P,o=n.N,a=[n];je(n);for(var l=u;l.circle&&xo(e-l.circle.x)f;++f)c=a[f],l=a[f-1],nr(c.edge,l.site,c.site,i);l=a[0],c=a[s-1],c.edge=Ke(l.site,c.site,null,i),$e(l),$e(c)}function He(n){for(var t,e,r,i,u=n.x,o=n.y,a=ol._;a;)if(r=Oe(a,o)-u,r>Uo)a=a.L;else{if(i=u-Ie(a,o),!(i>Uo)){r>-Uo?(t=a.P,e=a):i>-Uo?(t=a,e=a.N):t=e=a;break}if(!a.R){t=a;break}a=a.R}var l=Ue(n);if(ol.insert(t,l),t||e){if(t===e)return Be(t),e=Ue(t.site),ol.insert(l,e),l.edge=e.edge=Ke(t.site,l.site),$e(t),void $e(e);if(!e)return void(l.edge=Ke(t.site,l.site));Be(t),Be(e);var c=t.site,f=c.x,s=c.y,h=n.x-f,p=n.y-s,g=e.site,v=g.x-f,d=g.y-s,y=2*(h*d-p*v),m=h*h+p*p,M=v*v+d*d,x={x:(d*m-p*M)/y+f,y:(h*M-v*m)/y+s};nr(e.edge,c,g,x),l.edge=Ke(c,n,null,x),e.edge=Ke(n,g,null,x),$e(t),$e(e)}}function Oe(n,t){var e=n.site,r=e.x,i=e.y,u=i-t;if(!u)return r;var o=n.P;if(!o)return-(1/0);e=o.site;var a=e.x,l=e.y,c=l-t;if(!c)return a;var f=a-r,s=1/u-1/c,h=f/c;return s?(-h+Math.sqrt(h*h-2*s*(f*f/(-2*c)-l+c/2+i-u/2)))/s+r:(r+a)/2}function Ie(n,t){var e=n.N;if(e)return Oe(e,t);var r=n.site;return r.y===t?r.x:1/0}function Ye(n){this.site=n,this.edges=[]}function Ze(n){for(var t,e,r,i,u,o,a,l,c,f,s=n[0][0],h=n[1][0],p=n[0][1],g=n[1][1],v=ul,d=v.length;d--;)if(u=v[d],u&&u.prepare())for(a=u.edges,l=a.length,o=0;l>o;)f=a[o].end(),r=f.x,i=f.y,c=a[++o%l].start(),t=c.x,e=c.y,(xo(r-t)>Uo||xo(i-e)>Uo)&&(a.splice(o,0,new tr(Qe(u.site,f,xo(r-s)Uo?{x:s,y:xo(t-s)Uo?{x:xo(e-g)Uo?{x:h,y:xo(t-h)Uo?{x:xo(e-p)=-jo)){var p=l*l+c*c,g=f*f+s*s,v=(s*p-c*g)/h,d=(l*g-f*p)/h,s=d+a,y=fl.pop()||new Xe;y.arc=n,y.site=i,y.x=v+o,y.y=s+Math.sqrt(v*v+d*d),y.cy=s,n.circle=y;for(var m=null,M=ll._;M;)if(y.yd||d>=a)return;if(h>g){if(u){if(u.y>=c)return}else u={x:d,y:l};e={x:d,y:c}}else{if(u){if(u.yr||r>1)if(h>g){if(u){if(u.y>=c)return}else u={x:(l-i)/r,y:l};e={x:(c-i)/r,y:c}}else{if(u){if(u.yp){if(u){if(u.x>=a)return}else u={x:o,y:r*o+i};e={x:a,y:r*a+i}}else{if(u){if(u.xu||s>o||r>h||i>p)){if(g=n.point){var g,v=t-n.x,d=e-n.y,y=v*v+d*d;if(l>y){var m=Math.sqrt(l=y);r=t-m,i=e-m,u=t+m,o=e+m,a=g}}for(var M=n.nodes,x=.5*(f+h),b=.5*(s+p),_=t>=x,w=e>=b,S=w<<1|_,k=S+4;k>S;++S)if(n=M[3&S])switch(3&S){case 0:c(n,f,s,x,b);break;case 1:c(n,x,s,h,b);break;case 2:c(n,f,b,x,p);break;case 3:c(n,x,b,h,p)}}}(n,r,i,u,o),a}function vr(n,t){n=ao.rgb(n),t=ao.rgb(t);var e=n.r,r=n.g,i=n.b,u=t.r-e,o=t.g-r,a=t.b-i;return function(n){return"#"+bn(Math.round(e+u*n))+bn(Math.round(r+o*n))+bn(Math.round(i+a*n))}}function dr(n,t){var e,r={},i={};for(e in n)e in t?r[e]=Mr(n[e],t[e]):i[e]=n[e];for(e in t)e in n||(i[e]=t[e]);return function(n){for(e in r)i[e]=r[e](n);return i}}function yr(n,t){return n=+n,t=+t,function(e){return n*(1-e)+t*e}}function mr(n,t){var e,r,i,u=hl.lastIndex=pl.lastIndex=0,o=-1,a=[],l=[];for(n+="",t+="";(e=hl.exec(n))&&(r=pl.exec(t));)(i=r.index)>u&&(i=t.slice(u,i),a[o]?a[o]+=i:a[++o]=i),(e=e[0])===(r=r[0])?a[o]?a[o]+=r:a[++o]=r:(a[++o]=null,l.push({i:o,x:yr(e,r)})),u=pl.lastIndex;return ur;++r)a[(e=l[r]).i]=e.x(n);return a.join("")})}function Mr(n,t){for(var e,r=ao.interpolators.length;--r>=0&&!(e=ao.interpolators[r](n,t)););return e}function xr(n,t){var e,r=[],i=[],u=n.length,o=t.length,a=Math.min(n.length,t.length);for(e=0;a>e;++e)r.push(Mr(n[e],t[e]));for(;u>e;++e)i[e]=n[e];for(;o>e;++e)i[e]=t[e];return function(n){for(e=0;a>e;++e)i[e]=r[e](n);return i}}function br(n){return function(t){return 0>=t?0:t>=1?1:n(t)}}function _r(n){return function(t){return 1-n(1-t)}}function wr(n){return function(t){return.5*(.5>t?n(2*t):2-n(2-2*t))}}function Sr(n){return n*n}function kr(n){return n*n*n}function Nr(n){if(0>=n)return 0;if(n>=1)return 1;var t=n*n,e=t*n;return 4*(.5>n?e:3*(n-t)+e-.75)}function Er(n){return function(t){return Math.pow(t,n)}}function Ar(n){return 1-Math.cos(n*Io)}function Cr(n){return Math.pow(2,10*(n-1))}function zr(n){return 1-Math.sqrt(1-n*n)}function Lr(n,t){var e;return arguments.length<2&&(t=.45),arguments.length?e=t/Ho*Math.asin(1/n):(n=1,e=t/4),function(r){return 1+n*Math.pow(2,-10*r)*Math.sin((r-e)*Ho/t)}}function qr(n){return n||(n=1.70158),function(t){return t*t*((n+1)*t-n)}}function Tr(n){return 1/2.75>n?7.5625*n*n:2/2.75>n?7.5625*(n-=1.5/2.75)*n+.75:2.5/2.75>n?7.5625*(n-=2.25/2.75)*n+.9375:7.5625*(n-=2.625/2.75)*n+.984375}function Rr(n,t){n=ao.hcl(n),t=ao.hcl(t);var e=n.h,r=n.c,i=n.l,u=t.h-e,o=t.c-r,a=t.l-i;return isNaN(o)&&(o=0,r=isNaN(r)?t.c:r),isNaN(u)?(u=0,e=isNaN(e)?t.h:e):u>180?u-=360:-180>u&&(u+=360),function(n){return sn(e+u*n,r+o*n,i+a*n)+""}}function Dr(n,t){n=ao.hsl(n),t=ao.hsl(t);var e=n.h,r=n.s,i=n.l,u=t.h-e,o=t.s-r,a=t.l-i;return isNaN(o)&&(o=0,r=isNaN(r)?t.s:r),isNaN(u)?(u=0,e=isNaN(e)?t.h:e):u>180?u-=360:-180>u&&(u+=360),function(n){return cn(e+u*n,r+o*n,i+a*n)+""}}function Pr(n,t){n=ao.lab(n),t=ao.lab(t);var e=n.l,r=n.a,i=n.b,u=t.l-e,o=t.a-r,a=t.b-i;return function(n){return pn(e+u*n,r+o*n,i+a*n)+""}}function Ur(n,t){return t-=n,function(e){return Math.round(n+t*e)}}function jr(n){var t=[n.a,n.b],e=[n.c,n.d],r=Hr(t),i=Fr(t,e),u=Hr(Or(e,t,-i))||0;t[0]*e[1]180?t+=360:t-n>180&&(n+=360),r.push({i:e.push(Ir(e)+"rotate(",null,")")-2,x:yr(n,t)})):t&&e.push(Ir(e)+"rotate("+t+")")}function Vr(n,t,e,r){n!==t?r.push({i:e.push(Ir(e)+"skewX(",null,")")-2,x:yr(n,t)}):t&&e.push(Ir(e)+"skewX("+t+")")}function Xr(n,t,e,r){if(n[0]!==t[0]||n[1]!==t[1]){var i=e.push(Ir(e)+"scale(",null,",",null,")");r.push({i:i-4,x:yr(n[0],t[0])},{i:i-2,x:yr(n[1],t[1])})}else 1===t[0]&&1===t[1]||e.push(Ir(e)+"scale("+t+")")}function $r(n,t){var e=[],r=[];return n=ao.transform(n),t=ao.transform(t),Yr(n.translate,t.translate,e,r),Zr(n.rotate,t.rotate,e,r),Vr(n.skew,t.skew,e,r),Xr(n.scale,t.scale,e,r),n=t=null,function(n){for(var t,i=-1,u=r.length;++i=0;)e.push(i[r])}function oi(n,t){for(var e=[n],r=[];null!=(n=e.pop());)if(r.push(n),(u=n.children)&&(i=u.length))for(var i,u,o=-1;++oe;++e)(t=n[e][1])>i&&(r=e,i=t);return r}function yi(n){return n.reduce(mi,0)}function mi(n,t){return n+t[1]}function Mi(n,t){return xi(n,Math.ceil(Math.log(t.length)/Math.LN2+1))}function xi(n,t){for(var e=-1,r=+n[0],i=(n[1]-r)/t,u=[];++e<=t;)u[e]=i*e+r;return u}function bi(n){return[ao.min(n),ao.max(n)]}function _i(n,t){return n.value-t.value}function wi(n,t){var e=n._pack_next;n._pack_next=t,t._pack_prev=n,t._pack_next=e,e._pack_prev=t}function Si(n,t){n._pack_next=t,t._pack_prev=n}function ki(n,t){var e=t.x-n.x,r=t.y-n.y,i=n.r+t.r;return.999*i*i>e*e+r*r}function Ni(n){function t(n){f=Math.min(n.x-n.r,f),s=Math.max(n.x+n.r,s),h=Math.min(n.y-n.r,h),p=Math.max(n.y+n.r,p)}if((e=n.children)&&(c=e.length)){var e,r,i,u,o,a,l,c,f=1/0,s=-(1/0),h=1/0,p=-(1/0);if(e.forEach(Ei),r=e[0],r.x=-r.r,r.y=0,t(r),c>1&&(i=e[1],i.x=i.r,i.y=0,t(i),c>2))for(u=e[2],zi(r,i,u),t(u),wi(r,u),r._pack_prev=u,wi(u,i),i=r._pack_next,o=3;c>o;o++){zi(r,i,u=e[o]);var g=0,v=1,d=1;for(a=i._pack_next;a!==i;a=a._pack_next,v++)if(ki(a,u)){g=1;break}if(1==g)for(l=r._pack_prev;l!==a._pack_prev&&!ki(l,u);l=l._pack_prev,d++);g?(d>v||v==d&&i.ro;o++)u=e[o],u.x-=y,u.y-=m,M=Math.max(M,u.r+Math.sqrt(u.x*u.x+u.y*u.y));n.r=M,e.forEach(Ai)}}function Ei(n){n._pack_next=n._pack_prev=n}function Ai(n){delete n._pack_next,delete n._pack_prev}function Ci(n,t,e,r){var i=n.children;if(n.x=t+=r*n.x,n.y=e+=r*n.y,n.r*=r,i)for(var u=-1,o=i.length;++u=0;)t=i[u],t.z+=e,t.m+=e,e+=t.s+(r+=t.c)}function Pi(n,t,e){return n.a.parent===t.parent?n.a:e}function Ui(n){return 1+ao.max(n,function(n){return n.y})}function ji(n){return n.reduce(function(n,t){return n+t.x},0)/n.length}function Fi(n){var t=n.children;return t&&t.length?Fi(t[0]):n}function Hi(n){var t,e=n.children;return e&&(t=e.length)?Hi(e[t-1]):n}function Oi(n){return{x:n.x,y:n.y,dx:n.dx,dy:n.dy}}function Ii(n,t){var e=n.x+t[3],r=n.y+t[0],i=n.dx-t[1]-t[3],u=n.dy-t[0]-t[2];return 0>i&&(e+=i/2,i=0),0>u&&(r+=u/2,u=0),{x:e,y:r,dx:i,dy:u}}function Yi(n){var t=n[0],e=n[n.length-1];return e>t?[t,e]:[e,t]}function Zi(n){return n.rangeExtent?n.rangeExtent():Yi(n.range())}function Vi(n,t,e,r){var i=e(n[0],n[1]),u=r(t[0],t[1]);return function(n){return u(i(n))}}function Xi(n,t){var e,r=0,i=n.length-1,u=n[r],o=n[i];return u>o&&(e=r,r=i,i=e,e=u,u=o,o=e),n[r]=t.floor(u),n[i]=t.ceil(o),n}function $i(n){return n?{floor:function(t){return Math.floor(t/n)*n},ceil:function(t){return Math.ceil(t/n)*n}}:Sl}function Bi(n,t,e,r){var i=[],u=[],o=0,a=Math.min(n.length,t.length)-1;for(n[a]2?Bi:Vi,l=r?Wr:Br;return o=i(n,t,l,e),a=i(t,n,l,Mr),u}function u(n){return o(n)}var o,a;return u.invert=function(n){return a(n)},u.domain=function(t){return arguments.length?(n=t.map(Number),i()):n},u.range=function(n){return arguments.length?(t=n,i()):t},u.rangeRound=function(n){return u.range(n).interpolate(Ur)},u.clamp=function(n){return arguments.length?(r=n,i()):r},u.interpolate=function(n){return arguments.length?(e=n,i()):e},u.ticks=function(t){return Qi(n,t)},u.tickFormat=function(t,e){return nu(n,t,e)},u.nice=function(t){return Gi(n,t),i()},u.copy=function(){return Wi(n,t,e,r)},i()}function Ji(n,t){return ao.rebind(n,t,"range","rangeRound","interpolate","clamp")}function Gi(n,t){return Xi(n,$i(Ki(n,t)[2])),Xi(n,$i(Ki(n,t)[2])),n}function Ki(n,t){null==t&&(t=10);var e=Yi(n),r=e[1]-e[0],i=Math.pow(10,Math.floor(Math.log(r/t)/Math.LN10)),u=t/r*i;return.15>=u?i*=10:.35>=u?i*=5:.75>=u&&(i*=2),e[0]=Math.ceil(e[0]/i)*i,e[1]=Math.floor(e[1]/i)*i+.5*i,e[2]=i,e}function Qi(n,t){return ao.range.apply(ao,Ki(n,t))}function nu(n,t,e){var r=Ki(n,t);if(e){var i=ha.exec(e);if(i.shift(),"s"===i[8]){var u=ao.formatPrefix(Math.max(xo(r[0]),xo(r[1])));return i[7]||(i[7]="."+tu(u.scale(r[2]))),i[8]="f",e=ao.format(i.join("")),function(n){return e(u.scale(n))+u.symbol}}i[7]||(i[7]="."+eu(i[8],r)),e=i.join("")}else e=",."+tu(r[2])+"f";return ao.format(e)}function tu(n){return-Math.floor(Math.log(n)/Math.LN10+.01)}function eu(n,t){var e=tu(t[2]);return n in kl?Math.abs(e-tu(Math.max(xo(t[0]),xo(t[1]))))+ +("e"!==n):e-2*("%"===n)}function ru(n,t,e,r){function i(n){return(e?Math.log(0>n?0:n):-Math.log(n>0?0:-n))/Math.log(t)}function u(n){return e?Math.pow(t,n):-Math.pow(t,-n)}function o(t){return n(i(t))}return o.invert=function(t){return u(n.invert(t))},o.domain=function(t){return arguments.length?(e=t[0]>=0,n.domain((r=t.map(Number)).map(i)),o):r},o.base=function(e){return arguments.length?(t=+e,n.domain(r.map(i)),o):t},o.nice=function(){var t=Xi(r.map(i),e?Math:El);return n.domain(t),r=t.map(u),o},o.ticks=function(){var n=Yi(r),o=[],a=n[0],l=n[1],c=Math.floor(i(a)),f=Math.ceil(i(l)),s=t%1?2:t;if(isFinite(f-c)){if(e){for(;f>c;c++)for(var h=1;s>h;h++)o.push(u(c)*h);o.push(u(c))}else for(o.push(u(c));c++0;h--)o.push(u(c)*h);for(c=0;o[c]l;f--);o=o.slice(c,f)}return o},o.tickFormat=function(n,e){if(!arguments.length)return Nl;arguments.length<2?e=Nl:"function"!=typeof e&&(e=ao.format(e));var r=Math.max(1,t*n/o.ticks().length);return function(n){var o=n/u(Math.round(i(n)));return t-.5>o*t&&(o*=t),r>=o?e(n):""}},o.copy=function(){return ru(n.copy(),t,e,r)},Ji(o,n)}function iu(n,t,e){function r(t){return n(i(t))}var i=uu(t),u=uu(1/t);return r.invert=function(t){return u(n.invert(t))},r.domain=function(t){return arguments.length?(n.domain((e=t.map(Number)).map(i)),r):e},r.ticks=function(n){return Qi(e,n)},r.tickFormat=function(n,t){return nu(e,n,t)},r.nice=function(n){return r.domain(Gi(e,n))},r.exponent=function(o){return arguments.length?(i=uu(t=o),u=uu(1/t),n.domain(e.map(i)),r):t},r.copy=function(){return iu(n.copy(),t,e)},Ji(r,n)}function uu(n){return function(t){return 0>t?-Math.pow(-t,n):Math.pow(t,n)}}function ou(n,t){function e(e){return u[((i.get(e)||("range"===t.t?i.set(e,n.push(e)):NaN))-1)%u.length]}function r(t,e){return ao.range(n.length).map(function(n){return t+e*n})}var i,u,o;return e.domain=function(r){if(!arguments.length)return n;n=[],i=new c;for(var u,o=-1,a=r.length;++oe?[NaN,NaN]:[e>0?a[e-1]:n[0],et?NaN:t/u+n,[t,t+1/u]},r.copy=function(){return lu(n,t,e)},i()}function cu(n,t){function e(e){return e>=e?t[ao.bisect(n,e)]:void 0}return e.domain=function(t){return arguments.length?(n=t,e):n},e.range=function(n){return arguments.length?(t=n,e):t},e.invertExtent=function(e){return e=t.indexOf(e),[n[e-1],n[e]]},e.copy=function(){return cu(n,t)},e}function fu(n){function t(n){return+n}return t.invert=t,t.domain=t.range=function(e){return arguments.length?(n=e.map(t),t):n},t.ticks=function(t){return Qi(n,t)},t.tickFormat=function(t,e){return nu(n,t,e)},t.copy=function(){return fu(n)},t}function su(){return 0}function hu(n){return n.innerRadius}function pu(n){return n.outerRadius}function gu(n){return n.startAngle}function vu(n){return n.endAngle}function du(n){return n&&n.padAngle}function yu(n,t,e,r){return(n-e)*t-(t-r)*n>0?0:1}function mu(n,t,e,r,i){var u=n[0]-t[0],o=n[1]-t[1],a=(i?r:-r)/Math.sqrt(u*u+o*o),l=a*o,c=-a*u,f=n[0]+l,s=n[1]+c,h=t[0]+l,p=t[1]+c,g=(f+h)/2,v=(s+p)/2,d=h-f,y=p-s,m=d*d+y*y,M=e-r,x=f*p-h*s,b=(0>y?-1:1)*Math.sqrt(Math.max(0,M*M*m-x*x)),_=(x*y-d*b)/m,w=(-x*d-y*b)/m,S=(x*y+d*b)/m,k=(-x*d+y*b)/m,N=_-g,E=w-v,A=S-g,C=k-v;return N*N+E*E>A*A+C*C&&(_=S,w=k),[[_-l,w-c],[_*e/M,w*e/M]]}function Mu(n){function t(t){function o(){c.push("M",u(n(f),a))}for(var l,c=[],f=[],s=-1,h=t.length,p=En(e),g=En(r);++s1?n.join("L"):n+"Z"}function bu(n){return n.join("L")+"Z"}function _u(n){for(var t=0,e=n.length,r=n[0],i=[r[0],",",r[1]];++t1&&i.push("H",r[0]),i.join("")}function wu(n){for(var t=0,e=n.length,r=n[0],i=[r[0],",",r[1]];++t1){a=t[1],u=n[l],l++,r+="C"+(i[0]+o[0])+","+(i[1]+o[1])+","+(u[0]-a[0])+","+(u[1]-a[1])+","+u[0]+","+u[1];for(var c=2;c9&&(i=3*t/Math.sqrt(i),o[a]=i*e,o[a+1]=i*r));for(a=-1;++a<=l;)i=(n[Math.min(l,a+1)][0]-n[Math.max(0,a-1)][0])/(6*(1+o[a]*o[a])),u.push([i||0,o[a]*i||0]);return u}function Fu(n){return n.length<3?xu(n):n[0]+Au(n,ju(n))}function Hu(n){for(var t,e,r,i=-1,u=n.length;++i=t?o(n-t):void(f.c=o)}function o(e){var i=g.active,u=g[i];u&&(u.timer.c=null,u.timer.t=NaN,--g.count,delete g[i],u.event&&u.event.interrupt.call(n,n.__data__,u.index));for(var o in g)if(r>+o){var c=g[o];c.timer.c=null,c.timer.t=NaN,--g.count,delete g[o]}f.c=a,qn(function(){return f.c&&a(e||1)&&(f.c=null,f.t=NaN),1},0,l),g.active=r,v.event&&v.event.start.call(n,n.__data__,t),p=[],v.tween.forEach(function(e,r){(r=r.call(n,n.__data__,t))&&p.push(r)}),h=v.ease,s=v.duration}function a(i){for(var u=i/s,o=h(u),a=p.length;a>0;)p[--a].call(n,o);return u>=1?(v.event&&v.event.end.call(n,n.__data__,t),--g.count?delete g[r]:delete n[e],1):void 0}var l,f,s,h,p,g=n[e]||(n[e]={active:0,count:0}),v=g[r];v||(l=i.time,f=qn(u,0,l),v=g[r]={tween:new c,time:l,timer:f,delay:i.delay,duration:i.duration,ease:i.ease,index:t},i=null,++g.count)}function no(n,t,e){n.attr("transform",function(n){var r=t(n);return"translate("+(isFinite(r)?r:e(n))+",0)"})}function to(n,t,e){n.attr("transform",function(n){var r=t(n);return"translate(0,"+(isFinite(r)?r:e(n))+")"})}function eo(n){return n.toISOString()}function ro(n,t,e){function r(t){return n(t)}function i(n,e){var r=n[1]-n[0],i=r/e,u=ao.bisect(Kl,i);return u==Kl.length?[t.year,Ki(n.map(function(n){return n/31536e6}),e)[2]]:u?t[i/Kl[u-1]1?{floor:function(t){for(;e(t=n.floor(t));)t=io(t-1);return t},ceil:function(t){for(;e(t=n.ceil(t));)t=io(+t+1);return t}}:n))},r.ticks=function(n,t){var e=Yi(r.domain()),u=null==n?i(e,10):"number"==typeof n?i(e,n):!n.range&&[{range:n},t];return u&&(n=u[0],t=u[1]),n.range(e[0],io(+e[1]+1),1>t?1:t)},r.tickFormat=function(){return e},r.copy=function(){return ro(n.copy(),t,e)},Ji(r,n)}function io(n){return new Date(n)}function uo(n){return JSON.parse(n.responseText)}function oo(n){var t=fo.createRange();return t.selectNode(fo.body),t.createContextualFragment(n.responseText)}var ao={version:"3.5.17"},lo=[].slice,co=function(n){return lo.call(n)},fo=this.document;if(fo)try{co(fo.documentElement.childNodes)[0].nodeType}catch(so){co=function(n){for(var t=n.length,e=new Array(t);t--;)e[t]=n[t];return e}}if(Date.now||(Date.now=function(){return+new Date}),fo)try{fo.createElement("DIV").style.setProperty("opacity",0,"")}catch(ho){var po=this.Element.prototype,go=po.setAttribute,vo=po.setAttributeNS,yo=this.CSSStyleDeclaration.prototype,mo=yo.setProperty;po.setAttribute=function(n,t){go.call(this,n,t+"")},po.setAttributeNS=function(n,t,e){vo.call(this,n,t,e+"")},yo.setProperty=function(n,t,e){mo.call(this,n,t+"",e)}}ao.ascending=e,ao.descending=function(n,t){return n>t?-1:t>n?1:t>=n?0:NaN},ao.min=function(n,t){var e,r,i=-1,u=n.length;if(1===arguments.length){for(;++i=r){e=r;break}for(;++ir&&(e=r)}else{for(;++i=r){e=r;break}for(;++ir&&(e=r)}return e},ao.max=function(n,t){var e,r,i=-1,u=n.length;if(1===arguments.length){for(;++i=r){e=r;break}for(;++ie&&(e=r)}else{for(;++i=r){e=r;break}for(;++ie&&(e=r)}return e},ao.extent=function(n,t){var e,r,i,u=-1,o=n.length;if(1===arguments.length){for(;++u=r){e=i=r;break}for(;++ur&&(e=r),r>i&&(i=r))}else{for(;++u=r){e=i=r;break}for(;++ur&&(e=r),r>i&&(i=r))}return[e,i]},ao.sum=function(n,t){var e,r=0,u=n.length,o=-1;if(1===arguments.length)for(;++o1?l/(f-1):void 0},ao.deviation=function(){var n=ao.variance.apply(this,arguments);return n?Math.sqrt(n):n};var Mo=u(e);ao.bisectLeft=Mo.left,ao.bisect=ao.bisectRight=Mo.right,ao.bisector=function(n){return u(1===n.length?function(t,r){return e(n(t),r)}:n)},ao.shuffle=function(n,t,e){(u=arguments.length)<3&&(e=n.length,2>u&&(t=0));for(var r,i,u=e-t;u;)i=Math.random()*u--|0,r=n[u+t],n[u+t]=n[i+t],n[i+t]=r;return n},ao.permute=function(n,t){for(var e=t.length,r=new Array(e);e--;)r[e]=n[t[e]];return r},ao.pairs=function(n){for(var t,e=0,r=n.length-1,i=n[0],u=new Array(0>r?0:r);r>e;)u[e]=[t=i,i=n[++e]];return u},ao.transpose=function(n){if(!(i=n.length))return[];for(var t=-1,e=ao.min(n,o),r=new Array(e);++t=0;)for(r=n[i],t=r.length;--t>=0;)e[--o]=r[t];return e};var xo=Math.abs;ao.range=function(n,t,e){if(arguments.length<3&&(e=1,arguments.length<2&&(t=n,n=0)),(t-n)/e===1/0)throw new Error("infinite range");var r,i=[],u=a(xo(e)),o=-1;if(n*=u,t*=u,e*=u,0>e)for(;(r=n+e*++o)>t;)i.push(r/u);else for(;(r=n+e*++o)=u.length)return r?r.call(i,o):e?o.sort(e):o;for(var l,f,s,h,p=-1,g=o.length,v=u[a++],d=new c;++p=u.length)return n;var r=[],i=o[e++];return n.forEach(function(n,i){r.push({key:n,values:t(i,e)})}),i?r.sort(function(n,t){return i(n.key,t.key)}):r}var e,r,i={},u=[],o=[];return i.map=function(t,e){return n(e,t,0)},i.entries=function(e){return t(n(ao.map,e,0),0)},i.key=function(n){return u.push(n),i},i.sortKeys=function(n){return o[u.length-1]=n,i},i.sortValues=function(n){return e=n,i},i.rollup=function(n){return r=n,i},i},ao.set=function(n){var t=new y;if(n)for(var e=0,r=n.length;r>e;++e)t.add(n[e]);return t},l(y,{has:h,add:function(n){return this._[f(n+="")]=!0,n},remove:p,values:g,size:v,empty:d,forEach:function(n){for(var t in this._)n.call(this,s(t))}}),ao.behavior={},ao.rebind=function(n,t){for(var e,r=1,i=arguments.length;++r=0&&(r=n.slice(e+1),n=n.slice(0,e)),n)return arguments.length<2?this[n].on(r):this[n].on(r,t);if(2===arguments.length){if(null==t)for(n in this)this.hasOwnProperty(n)&&this[n].on(r,null);return this}},ao.event=null,ao.requote=function(n){return n.replace(So,"\\$&")};var So=/[\\\^\$\*\+\?\|\[\]\(\)\.\{\}]/g,ko={}.__proto__?function(n,t){n.__proto__=t}:function(n,t){for(var e in t)n[e]=t[e]},No=function(n,t){return t.querySelector(n)},Eo=function(n,t){return t.querySelectorAll(n)},Ao=function(n,t){var e=n.matches||n[x(n,"matchesSelector")];return(Ao=function(n,t){return e.call(n,t)})(n,t)};"function"==typeof Sizzle&&(No=function(n,t){return Sizzle(n,t)[0]||null},Eo=Sizzle,Ao=Sizzle.matchesSelector),ao.selection=function(){return ao.select(fo.documentElement)};var Co=ao.selection.prototype=[];Co.select=function(n){var t,e,r,i,u=[];n=A(n);for(var o=-1,a=this.length;++o=0&&"xmlns"!==(e=n.slice(0,t))&&(n=n.slice(t+1)),Lo.hasOwnProperty(e)?{space:Lo[e],local:n}:n}},Co.attr=function(n,t){if(arguments.length<2){if("string"==typeof n){var e=this.node();return n=ao.ns.qualify(n),n.local?e.getAttributeNS(n.space,n.local):e.getAttribute(n)}for(t in n)this.each(z(t,n[t]));return this}return this.each(z(n,t))},Co.classed=function(n,t){if(arguments.length<2){if("string"==typeof n){var e=this.node(),r=(n=T(n)).length,i=-1;if(t=e.classList){for(;++ii){if("string"!=typeof n){2>i&&(e="");for(r in n)this.each(P(r,n[r],e));return this}if(2>i){var u=this.node();return t(u).getComputedStyle(u,null).getPropertyValue(n)}r=""}return this.each(P(n,e,r))},Co.property=function(n,t){if(arguments.length<2){if("string"==typeof n)return this.node()[n];for(t in n)this.each(U(t,n[t]));return this}return this.each(U(n,t))},Co.text=function(n){return arguments.length?this.each("function"==typeof n?function(){var t=n.apply(this,arguments);this.textContent=null==t?"":t}:null==n?function(){this.textContent=""}:function(){this.textContent=n}):this.node().textContent},Co.html=function(n){return arguments.length?this.each("function"==typeof n?function(){var t=n.apply(this,arguments);this.innerHTML=null==t?"":t}:null==n?function(){this.innerHTML=""}:function(){this.innerHTML=n}):this.node().innerHTML},Co.append=function(n){return n=j(n),this.select(function(){return this.appendChild(n.apply(this,arguments))})},Co.insert=function(n,t){return n=j(n),t=A(t),this.select(function(){return this.insertBefore(n.apply(this,arguments),t.apply(this,arguments)||null)})},Co.remove=function(){return this.each(F)},Co.data=function(n,t){function e(n,e){var r,i,u,o=n.length,s=e.length,h=Math.min(o,s),p=new Array(s),g=new Array(s),v=new Array(o);if(t){var d,y=new c,m=new Array(o);for(r=-1;++rr;++r)g[r]=H(e[r]);for(;o>r;++r)v[r]=n[r]}g.update=p,g.parentNode=p.parentNode=v.parentNode=n.parentNode,a.push(g),l.push(p),f.push(v)}var r,i,u=-1,o=this.length;if(!arguments.length){for(n=new Array(o=(r=this[0]).length);++uu;u++){i.push(t=[]),t.parentNode=(e=this[u]).parentNode;for(var a=0,l=e.length;l>a;a++)(r=e[a])&&n.call(r,r.__data__,a,u)&&t.push(r)}return E(i)},Co.order=function(){for(var n=-1,t=this.length;++n=0;)(e=r[i])&&(u&&u!==e.nextSibling&&u.parentNode.insertBefore(e,u),u=e);return this},Co.sort=function(n){n=I.apply(this,arguments);for(var t=-1,e=this.length;++tn;n++)for(var e=this[n],r=0,i=e.length;i>r;r++){var u=e[r];if(u)return u}return null},Co.size=function(){var n=0;return Y(this,function(){++n}),n};var qo=[];ao.selection.enter=Z,ao.selection.enter.prototype=qo,qo.append=Co.append,qo.empty=Co.empty,qo.node=Co.node,qo.call=Co.call,qo.size=Co.size,qo.select=function(n){for(var t,e,r,i,u,o=[],a=-1,l=this.length;++ar){if("string"!=typeof n){2>r&&(t=!1);for(e in n)this.each(X(e,n[e],t));return this}if(2>r)return(r=this.node()["__on"+n])&&r._;e=!1}return this.each(X(n,t,e))};var To=ao.map({mouseenter:"mouseover",mouseleave:"mouseout"});fo&&To.forEach(function(n){"on"+n in fo&&To.remove(n)});var Ro,Do=0;ao.mouse=function(n){return J(n,k())};var Po=this.navigator&&/WebKit/.test(this.navigator.userAgent)?-1:0;ao.touch=function(n,t,e){if(arguments.length<3&&(e=t,t=k().changedTouches),t)for(var r,i=0,u=t.length;u>i;++i)if((r=t[i]).identifier===e)return J(n,r)},ao.behavior.drag=function(){function n(){this.on("mousedown.drag",u).on("touchstart.drag",o)}function e(n,t,e,u,o){return function(){function a(){var n,e,r=t(h,v);r&&(n=r[0]-M[0],e=r[1]-M[1],g|=n|e,M=r,p({type:"drag",x:r[0]+c[0],y:r[1]+c[1],dx:n,dy:e}))}function l(){t(h,v)&&(y.on(u+d,null).on(o+d,null),m(g),p({type:"dragend"}))}var c,f=this,s=ao.event.target.correspondingElement||ao.event.target,h=f.parentNode,p=r.of(f,arguments),g=0,v=n(),d=".drag"+(null==v?"":"-"+v),y=ao.select(e(s)).on(u+d,a).on(o+d,l),m=W(s),M=t(h,v);i?(c=i.apply(f,arguments),c=[c.x-M[0],c.y-M[1]]):c=[0,0],p({type:"dragstart"})}}var r=N(n,"drag","dragstart","dragend"),i=null,u=e(b,ao.mouse,t,"mousemove","mouseup"),o=e(G,ao.touch,m,"touchmove","touchend");return n.origin=function(t){return arguments.length?(i=t,n):i},ao.rebind(n,r,"on")},ao.touches=function(n,t){return arguments.length<2&&(t=k().touches),t?co(t).map(function(t){var e=J(n,t);return e.identifier=t.identifier,e}):[]};var Uo=1e-6,jo=Uo*Uo,Fo=Math.PI,Ho=2*Fo,Oo=Ho-Uo,Io=Fo/2,Yo=Fo/180,Zo=180/Fo,Vo=Math.SQRT2,Xo=2,$o=4;ao.interpolateZoom=function(n,t){var e,r,i=n[0],u=n[1],o=n[2],a=t[0],l=t[1],c=t[2],f=a-i,s=l-u,h=f*f+s*s;if(jo>h)r=Math.log(c/o)/Vo,e=function(n){return[i+n*f,u+n*s,o*Math.exp(Vo*n*r)]};else{var p=Math.sqrt(h),g=(c*c-o*o+$o*h)/(2*o*Xo*p),v=(c*c-o*o-$o*h)/(2*c*Xo*p),d=Math.log(Math.sqrt(g*g+1)-g),y=Math.log(Math.sqrt(v*v+1)-v);r=(y-d)/Vo,e=function(n){var t=n*r,e=rn(d),a=o/(Xo*p)*(e*un(Vo*t+d)-en(d));return[i+a*f,u+a*s,o*e/rn(Vo*t+d)]}}return e.duration=1e3*r,e},ao.behavior.zoom=function(){function n(n){n.on(L,s).on(Wo+".zoom",p).on("dblclick.zoom",g).on(R,h)}function e(n){return[(n[0]-k.x)/k.k,(n[1]-k.y)/k.k]}function r(n){return[n[0]*k.k+k.x,n[1]*k.k+k.y]}function i(n){k.k=Math.max(A[0],Math.min(A[1],n))}function u(n,t){t=r(t),k.x+=n[0]-t[0],k.y+=n[1]-t[1]}function o(t,e,r,o){t.__chart__={x:k.x,y:k.y,k:k.k},i(Math.pow(2,o)),u(d=e,r),t=ao.select(t),C>0&&(t=t.transition().duration(C)),t.call(n.event)}function a(){b&&b.domain(x.range().map(function(n){return(n-k.x)/k.k}).map(x.invert)),w&&w.domain(_.range().map(function(n){return(n-k.y)/k.k}).map(_.invert))}function l(n){z++||n({type:"zoomstart"})}function c(n){a(),n({type:"zoom",scale:k.k,translate:[k.x,k.y]})}function f(n){--z||(n({type:"zoomend"}),d=null)}function s(){function n(){a=1,u(ao.mouse(i),h),c(o)}function r(){s.on(q,null).on(T,null),p(a),f(o)}var i=this,o=D.of(i,arguments),a=0,s=ao.select(t(i)).on(q,n).on(T,r),h=e(ao.mouse(i)),p=W(i);Il.call(i),l(o)}function h(){function n(){var n=ao.touches(g);return p=k.k,n.forEach(function(n){n.identifier in d&&(d[n.identifier]=e(n))}),n}function t(){var t=ao.event.target;ao.select(t).on(x,r).on(b,a),_.push(t);for(var e=ao.event.changedTouches,i=0,u=e.length;u>i;++i)d[e[i].identifier]=null;var l=n(),c=Date.now();if(1===l.length){if(500>c-M){var f=l[0];o(g,f,d[f.identifier],Math.floor(Math.log(k.k)/Math.LN2)+1),S()}M=c}else if(l.length>1){var f=l[0],s=l[1],h=f[0]-s[0],p=f[1]-s[1];y=h*h+p*p}}function r(){var n,t,e,r,o=ao.touches(g);Il.call(g);for(var a=0,l=o.length;l>a;++a,r=null)if(e=o[a],r=d[e.identifier]){if(t)break;n=e,t=r}if(r){var f=(f=e[0]-n[0])*f+(f=e[1]-n[1])*f,s=y&&Math.sqrt(f/y);n=[(n[0]+e[0])/2,(n[1]+e[1])/2],t=[(t[0]+r[0])/2,(t[1]+r[1])/2],i(s*p)}M=null,u(n,t),c(v)}function a(){if(ao.event.touches.length){for(var t=ao.event.changedTouches,e=0,r=t.length;r>e;++e)delete d[t[e].identifier];for(var i in d)return void n()}ao.selectAll(_).on(m,null),w.on(L,s).on(R,h),N(),f(v)}var p,g=this,v=D.of(g,arguments),d={},y=0,m=".zoom-"+ao.event.changedTouches[0].identifier,x="touchmove"+m,b="touchend"+m,_=[],w=ao.select(g),N=W(g);t(),l(v),w.on(L,null).on(R,t)}function p(){var n=D.of(this,arguments);m?clearTimeout(m):(Il.call(this),v=e(d=y||ao.mouse(this)),l(n)),m=setTimeout(function(){m=null,f(n)},50),S(),i(Math.pow(2,.002*Bo())*k.k),u(d,v),c(n)}function g(){var n=ao.mouse(this),t=Math.log(k.k)/Math.LN2;o(this,n,e(n),ao.event.shiftKey?Math.ceil(t)-1:Math.floor(t)+1)}var v,d,y,m,M,x,b,_,w,k={x:0,y:0,k:1},E=[960,500],A=Jo,C=250,z=0,L="mousedown.zoom",q="mousemove.zoom",T="mouseup.zoom",R="touchstart.zoom",D=N(n,"zoomstart","zoom","zoomend");return Wo||(Wo="onwheel"in fo?(Bo=function(){return-ao.event.deltaY*(ao.event.deltaMode?120:1)},"wheel"):"onmousewheel"in fo?(Bo=function(){return ao.event.wheelDelta},"mousewheel"):(Bo=function(){return-ao.event.detail},"MozMousePixelScroll")),n.event=function(n){n.each(function(){var n=D.of(this,arguments),t=k;Hl?ao.select(this).transition().each("start.zoom",function(){k=this.__chart__||{x:0,y:0,k:1},l(n)}).tween("zoom:zoom",function(){var e=E[0],r=E[1],i=d?d[0]:e/2,u=d?d[1]:r/2,o=ao.interpolateZoom([(i-k.x)/k.k,(u-k.y)/k.k,e/k.k],[(i-t.x)/t.k,(u-t.y)/t.k,e/t.k]);return function(t){var r=o(t),a=e/r[2];this.__chart__=k={x:i-r[0]*a,y:u-r[1]*a,k:a},c(n)}}).each("interrupt.zoom",function(){f(n)}).each("end.zoom",function(){f(n)}):(this.__chart__=k,l(n),c(n),f(n))})},n.translate=function(t){return arguments.length?(k={x:+t[0],y:+t[1],k:k.k},a(),n):[k.x,k.y]},n.scale=function(t){return arguments.length?(k={x:k.x,y:k.y,k:null},i(+t),a(),n):k.k},n.scaleExtent=function(t){return arguments.length?(A=null==t?Jo:[+t[0],+t[1]],n):A},n.center=function(t){return arguments.length?(y=t&&[+t[0],+t[1]],n):y},n.size=function(t){return arguments.length?(E=t&&[+t[0],+t[1]],n):E},n.duration=function(t){return arguments.length?(C=+t,n):C},n.x=function(t){return arguments.length?(b=t,x=t.copy(),k={x:0,y:0,k:1},n):b},n.y=function(t){return arguments.length?(w=t,_=t.copy(),k={x:0,y:0,k:1},n):w},ao.rebind(n,D,"on")};var Bo,Wo,Jo=[0,1/0];ao.color=an,an.prototype.toString=function(){return this.rgb()+""},ao.hsl=ln;var Go=ln.prototype=new an;Go.brighter=function(n){return n=Math.pow(.7,arguments.length?n:1),new ln(this.h,this.s,this.l/n)},Go.darker=function(n){return n=Math.pow(.7,arguments.length?n:1),new ln(this.h,this.s,n*this.l)},Go.rgb=function(){return cn(this.h,this.s,this.l)},ao.hcl=fn;var Ko=fn.prototype=new an;Ko.brighter=function(n){return new fn(this.h,this.c,Math.min(100,this.l+Qo*(arguments.length?n:1)))},Ko.darker=function(n){return new fn(this.h,this.c,Math.max(0,this.l-Qo*(arguments.length?n:1)))},Ko.rgb=function(){return sn(this.h,this.c,this.l).rgb()},ao.lab=hn;var Qo=18,na=.95047,ta=1,ea=1.08883,ra=hn.prototype=new an;ra.brighter=function(n){return new hn(Math.min(100,this.l+Qo*(arguments.length?n:1)),this.a,this.b)},ra.darker=function(n){return new hn(Math.max(0,this.l-Qo*(arguments.length?n:1)),this.a,this.b)},ra.rgb=function(){return pn(this.l,this.a,this.b)},ao.rgb=mn;var ia=mn.prototype=new an;ia.brighter=function(n){n=Math.pow(.7,arguments.length?n:1);var t=this.r,e=this.g,r=this.b,i=30;return t||e||r?(t&&i>t&&(t=i),e&&i>e&&(e=i),r&&i>r&&(r=i),new mn(Math.min(255,t/n),Math.min(255,e/n),Math.min(255,r/n))):new mn(i,i,i)},ia.darker=function(n){return n=Math.pow(.7,arguments.length?n:1),new mn(n*this.r,n*this.g,n*this.b)},ia.hsl=function(){return wn(this.r,this.g,this.b)},ia.toString=function(){return"#"+bn(this.r)+bn(this.g)+bn(this.b)};var ua=ao.map({aliceblue:15792383,antiquewhite:16444375,aqua:65535,aquamarine:8388564,azure:15794175,beige:16119260,bisque:16770244,black:0,blanchedalmond:16772045,blue:255,blueviolet:9055202,brown:10824234,burlywood:14596231,cadetblue:6266528,chartreuse:8388352,chocolate:13789470,coral:16744272,cornflowerblue:6591981,cornsilk:16775388,crimson:14423100,cyan:65535,darkblue:139,darkcyan:35723,darkgoldenrod:12092939,darkgray:11119017,darkgreen:25600,darkgrey:11119017,darkkhaki:12433259,darkmagenta:9109643,darkolivegreen:5597999,darkorange:16747520,darkorchid:10040012,darkred:9109504,darksalmon:15308410,darkseagreen:9419919,darkslateblue:4734347,darkslategray:3100495,darkslategrey:3100495,darkturquoise:52945,darkviolet:9699539,deeppink:16716947,deepskyblue:49151,dimgray:6908265,dimgrey:6908265,dodgerblue:2003199,firebrick:11674146,floralwhite:16775920,forestgreen:2263842,fuchsia:16711935,gainsboro:14474460,ghostwhite:16316671,gold:16766720,goldenrod:14329120,gray:8421504,green:32768,greenyellow:11403055,grey:8421504,honeydew:15794160,hotpink:16738740,indianred:13458524,indigo:4915330,ivory:16777200,khaki:15787660,lavender:15132410,lavenderblush:16773365,lawngreen:8190976,lemonchiffon:16775885,lightblue:11393254,lightcoral:15761536,lightcyan:14745599,lightgoldenrodyellow:16448210,lightgray:13882323,lightgreen:9498256,lightgrey:13882323,lightpink:16758465,lightsalmon:16752762,lightseagreen:2142890,lightskyblue:8900346,lightslategray:7833753,lightslategrey:7833753,lightsteelblue:11584734,lightyellow:16777184,lime:65280,limegreen:3329330,linen:16445670,magenta:16711935,maroon:8388608,mediumaquamarine:6737322,mediumblue:205,mediumorchid:12211667,mediumpurple:9662683,mediumseagreen:3978097,mediumslateblue:8087790,mediumspringgreen:64154,mediumturquoise:4772300,mediumvioletred:13047173,midnightblue:1644912,mintcream:16121850,mistyrose:16770273,moccasin:16770229,navajowhite:16768685,navy:128,oldlace:16643558,olive:8421376,olivedrab:7048739,orange:16753920,orangered:16729344,orchid:14315734,palegoldenrod:15657130,palegreen:10025880,paleturquoise:11529966,palevioletred:14381203,papayawhip:16773077,peachpuff:16767673,peru:13468991,pink:16761035,plum:14524637,powderblue:11591910,purple:8388736,rebeccapurple:6697881,red:16711680,rosybrown:12357519,royalblue:4286945,saddlebrown:9127187,salmon:16416882,sandybrown:16032864,seagreen:3050327,seashell:16774638,sienna:10506797,silver:12632256,skyblue:8900331,slateblue:6970061,slategray:7372944,slategrey:7372944,snow:16775930,springgreen:65407,steelblue:4620980,tan:13808780,teal:32896,thistle:14204888,tomato:16737095,turquoise:4251856,violet:15631086,wheat:16113331,white:16777215,whitesmoke:16119285,yellow:16776960,yellowgreen:10145074});ua.forEach(function(n,t){ua.set(n,Mn(t))}),ao.functor=En,ao.xhr=An(m),ao.dsv=function(n,t){function e(n,e,u){arguments.length<3&&(u=e,e=null);var o=Cn(n,t,null==e?r:i(e),u);return o.row=function(n){return arguments.length?o.response(null==(e=n)?r:i(n)):e},o}function r(n){return e.parse(n.responseText)}function i(n){return function(t){return e.parse(t.responseText,n)}}function u(t){return t.map(o).join(n)}function o(n){return a.test(n)?'"'+n.replace(/\"/g,'""')+'"':n}var a=new RegExp('["'+n+"\n]"),l=n.charCodeAt(0);return e.parse=function(n,t){var r;return e.parseRows(n,function(n,e){if(r)return r(n,e-1);var i=new Function("d","return {"+n.map(function(n,t){return JSON.stringify(n)+": d["+t+"]"}).join(",")+"}");r=t?function(n,e){return t(i(n),e)}:i})},e.parseRows=function(n,t){function e(){if(f>=c)return o;if(i)return i=!1,u;var t=f;if(34===n.charCodeAt(t)){for(var e=t;e++f;){var r=n.charCodeAt(f++),a=1;if(10===r)i=!0;else if(13===r)i=!0,10===n.charCodeAt(f)&&(++f,++a);else if(r!==l)continue;return n.slice(t,f-a)}return n.slice(t)}for(var r,i,u={},o={},a=[],c=n.length,f=0,s=0;(r=e())!==o;){for(var h=[];r!==u&&r!==o;)h.push(r),r=e();t&&null==(h=t(h,s++))||a.push(h)}return a},e.format=function(t){if(Array.isArray(t[0]))return e.formatRows(t);var r=new y,i=[];return t.forEach(function(n){for(var t in n)r.has(t)||i.push(r.add(t))}),[i.map(o).join(n)].concat(t.map(function(t){return i.map(function(n){return o(t[n])}).join(n)})).join("\n")},e.formatRows=function(n){return n.map(u).join("\n")},e},ao.csv=ao.dsv(",","text/csv"),ao.tsv=ao.dsv(" ","text/tab-separated-values");var oa,aa,la,ca,fa=this[x(this,"requestAnimationFrame")]||function(n){setTimeout(n,17)};ao.timer=function(){qn.apply(this,arguments)},ao.timer.flush=function(){Rn(),Dn()},ao.round=function(n,t){return t?Math.round(n*(t=Math.pow(10,t)))/t:Math.round(n)};var sa=["y","z","a","f","p","n","\xb5","m","","k","M","G","T","P","E","Z","Y"].map(Un);ao.formatPrefix=function(n,t){var e=0;return(n=+n)&&(0>n&&(n*=-1),t&&(n=ao.round(n,Pn(n,t))),e=1+Math.floor(1e-12+Math.log(n)/Math.LN10),e=Math.max(-24,Math.min(24,3*Math.floor((e-1)/3)))),sa[8+e/3]};var ha=/(?:([^{])?([<>=^]))?([+\- ])?([$#])?(0)?(\d+)?(,)?(\.-?\d+)?([a-z%])?/i,pa=ao.map({b:function(n){return n.toString(2)},c:function(n){return String.fromCharCode(n)},o:function(n){return n.toString(8)},x:function(n){return n.toString(16)},X:function(n){return n.toString(16).toUpperCase()},g:function(n,t){return n.toPrecision(t)},e:function(n,t){return n.toExponential(t)},f:function(n,t){return n.toFixed(t)},r:function(n,t){return(n=ao.round(n,Pn(n,t))).toFixed(Math.max(0,Math.min(20,Pn(n*(1+1e-15),t))))}}),ga=ao.time={},va=Date;Hn.prototype={getDate:function(){return this._.getUTCDate()},getDay:function(){return this._.getUTCDay()},getFullYear:function(){return this._.getUTCFullYear()},getHours:function(){return this._.getUTCHours()},getMilliseconds:function(){return this._.getUTCMilliseconds()},getMinutes:function(){return this._.getUTCMinutes()},getMonth:function(){return this._.getUTCMonth()},getSeconds:function(){return this._.getUTCSeconds()},getTime:function(){return this._.getTime()},getTimezoneOffset:function(){return 0},valueOf:function(){return this._.valueOf()},setDate:function(){da.setUTCDate.apply(this._,arguments)},setDay:function(){da.setUTCDay.apply(this._,arguments)},setFullYear:function(){da.setUTCFullYear.apply(this._,arguments)},setHours:function(){da.setUTCHours.apply(this._,arguments)},setMilliseconds:function(){da.setUTCMilliseconds.apply(this._,arguments)},setMinutes:function(){da.setUTCMinutes.apply(this._,arguments)},setMonth:function(){da.setUTCMonth.apply(this._,arguments)},setSeconds:function(){da.setUTCSeconds.apply(this._,arguments)},setTime:function(){da.setTime.apply(this._,arguments)}};var da=Date.prototype;ga.year=On(function(n){return n=ga.day(n),n.setMonth(0,1),n},function(n,t){n.setFullYear(n.getFullYear()+t)},function(n){return n.getFullYear()}),ga.years=ga.year.range,ga.years.utc=ga.year.utc.range,ga.day=On(function(n){var t=new va(2e3,0);return t.setFullYear(n.getFullYear(),n.getMonth(),n.getDate()),t},function(n,t){n.setDate(n.getDate()+t)},function(n){return n.getDate()-1}),ga.days=ga.day.range,ga.days.utc=ga.day.utc.range,ga.dayOfYear=function(n){var t=ga.year(n);return Math.floor((n-t-6e4*(n.getTimezoneOffset()-t.getTimezoneOffset()))/864e5)},["sunday","monday","tuesday","wednesday","thursday","friday","saturday"].forEach(function(n,t){t=7-t;var e=ga[n]=On(function(n){return(n=ga.day(n)).setDate(n.getDate()-(n.getDay()+t)%7),n},function(n,t){n.setDate(n.getDate()+7*Math.floor(t))},function(n){var e=ga.year(n).getDay();return Math.floor((ga.dayOfYear(n)+(e+t)%7)/7)-(e!==t)});ga[n+"s"]=e.range,ga[n+"s"].utc=e.utc.range,ga[n+"OfYear"]=function(n){var e=ga.year(n).getDay();return Math.floor((ga.dayOfYear(n)+(e+t)%7)/7)}}),ga.week=ga.sunday,ga.weeks=ga.sunday.range,ga.weeks.utc=ga.sunday.utc.range,ga.weekOfYear=ga.sundayOfYear;var ya={"-":"",_:" ",0:"0"},ma=/^\s*\d+/,Ma=/^%/;ao.locale=function(n){return{numberFormat:jn(n),timeFormat:Yn(n)}};var xa=ao.locale({decimal:".",thousands:",",grouping:[3],currency:["$",""],dateTime:"%a %b %e %X %Y",date:"%m/%d/%Y",time:"%H:%M:%S",periods:["AM","PM"],days:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"], +shortDays:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],months:["January","February","March","April","May","June","July","August","September","October","November","December"],shortMonths:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]});ao.format=xa.numberFormat,ao.geo={},ft.prototype={s:0,t:0,add:function(n){st(n,this.t,ba),st(ba.s,this.s,this),this.s?this.t+=ba.t:this.s=ba.t},reset:function(){this.s=this.t=0},valueOf:function(){return this.s}};var ba=new ft;ao.geo.stream=function(n,t){n&&_a.hasOwnProperty(n.type)?_a[n.type](n,t):ht(n,t)};var _a={Feature:function(n,t){ht(n.geometry,t)},FeatureCollection:function(n,t){for(var e=n.features,r=-1,i=e.length;++rn?4*Fo+n:n,Na.lineStart=Na.lineEnd=Na.point=b}};ao.geo.bounds=function(){function n(n,t){M.push(x=[f=n,h=n]),s>t&&(s=t),t>p&&(p=t)}function t(t,e){var r=dt([t*Yo,e*Yo]);if(y){var i=mt(y,r),u=[i[1],-i[0],0],o=mt(u,i);bt(o),o=_t(o);var l=t-g,c=l>0?1:-1,v=o[0]*Zo*c,d=xo(l)>180;if(d^(v>c*g&&c*t>v)){var m=o[1]*Zo;m>p&&(p=m)}else if(v=(v+360)%360-180,d^(v>c*g&&c*t>v)){var m=-o[1]*Zo;s>m&&(s=m)}else s>e&&(s=e),e>p&&(p=e);d?g>t?a(f,t)>a(f,h)&&(h=t):a(t,h)>a(f,h)&&(f=t):h>=f?(f>t&&(f=t),t>h&&(h=t)):t>g?a(f,t)>a(f,h)&&(h=t):a(t,h)>a(f,h)&&(f=t)}else n(t,e);y=r,g=t}function e(){b.point=t}function r(){x[0]=f,x[1]=h,b.point=n,y=null}function i(n,e){if(y){var r=n-g;m+=xo(r)>180?r+(r>0?360:-360):r}else v=n,d=e;Na.point(n,e),t(n,e)}function u(){Na.lineStart()}function o(){i(v,d),Na.lineEnd(),xo(m)>Uo&&(f=-(h=180)),x[0]=f,x[1]=h,y=null}function a(n,t){return(t-=n)<0?t+360:t}function l(n,t){return n[0]-t[0]}function c(n,t){return t[0]<=t[1]?t[0]<=n&&n<=t[1]:nka?(f=-(h=180),s=-(p=90)):m>Uo?p=90:-Uo>m&&(s=-90),x[0]=f,x[1]=h}};return function(n){p=h=-(f=s=1/0),M=[],ao.geo.stream(n,b);var t=M.length;if(t){M.sort(l);for(var e,r=1,i=M[0],u=[i];t>r;++r)e=M[r],c(e[0],i)||c(e[1],i)?(a(i[0],e[1])>a(i[0],i[1])&&(i[1]=e[1]),a(e[0],i[1])>a(i[0],i[1])&&(i[0]=e[0])):u.push(i=e);for(var o,e,g=-(1/0),t=u.length-1,r=0,i=u[t];t>=r;i=e,++r)e=u[r],(o=a(i[1],e[0]))>g&&(g=o,f=e[0],h=i[1])}return M=x=null,f===1/0||s===1/0?[[NaN,NaN],[NaN,NaN]]:[[f,s],[h,p]]}}(),ao.geo.centroid=function(n){Ea=Aa=Ca=za=La=qa=Ta=Ra=Da=Pa=Ua=0,ao.geo.stream(n,ja);var t=Da,e=Pa,r=Ua,i=t*t+e*e+r*r;return jo>i&&(t=qa,e=Ta,r=Ra,Uo>Aa&&(t=Ca,e=za,r=La),i=t*t+e*e+r*r,jo>i)?[NaN,NaN]:[Math.atan2(e,t)*Zo,tn(r/Math.sqrt(i))*Zo]};var Ea,Aa,Ca,za,La,qa,Ta,Ra,Da,Pa,Ua,ja={sphere:b,point:St,lineStart:Nt,lineEnd:Et,polygonStart:function(){ja.lineStart=At},polygonEnd:function(){ja.lineStart=Nt}},Fa=Rt(zt,jt,Ht,[-Fo,-Fo/2]),Ha=1e9;ao.geo.clipExtent=function(){var n,t,e,r,i,u,o={stream:function(n){return i&&(i.valid=!1),i=u(n),i.valid=!0,i},extent:function(a){return arguments.length?(u=Zt(n=+a[0][0],t=+a[0][1],e=+a[1][0],r=+a[1][1]),i&&(i.valid=!1,i=null),o):[[n,t],[e,r]]}};return o.extent([[0,0],[960,500]])},(ao.geo.conicEqualArea=function(){return Vt(Xt)}).raw=Xt,ao.geo.albers=function(){return ao.geo.conicEqualArea().rotate([96,0]).center([-.6,38.7]).parallels([29.5,45.5]).scale(1070)},ao.geo.albersUsa=function(){function n(n){var u=n[0],o=n[1];return t=null,e(u,o),t||(r(u,o),t)||i(u,o),t}var t,e,r,i,u=ao.geo.albers(),o=ao.geo.conicEqualArea().rotate([154,0]).center([-2,58.5]).parallels([55,65]),a=ao.geo.conicEqualArea().rotate([157,0]).center([-3,19.9]).parallels([8,18]),l={point:function(n,e){t=[n,e]}};return n.invert=function(n){var t=u.scale(),e=u.translate(),r=(n[0]-e[0])/t,i=(n[1]-e[1])/t;return(i>=.12&&.234>i&&r>=-.425&&-.214>r?o:i>=.166&&.234>i&&r>=-.214&&-.115>r?a:u).invert(n)},n.stream=function(n){var t=u.stream(n),e=o.stream(n),r=a.stream(n);return{point:function(n,i){t.point(n,i),e.point(n,i),r.point(n,i)},sphere:function(){t.sphere(),e.sphere(),r.sphere()},lineStart:function(){t.lineStart(),e.lineStart(),r.lineStart()},lineEnd:function(){t.lineEnd(),e.lineEnd(),r.lineEnd()},polygonStart:function(){t.polygonStart(),e.polygonStart(),r.polygonStart()},polygonEnd:function(){t.polygonEnd(),e.polygonEnd(),r.polygonEnd()}}},n.precision=function(t){return arguments.length?(u.precision(t),o.precision(t),a.precision(t),n):u.precision()},n.scale=function(t){return arguments.length?(u.scale(t),o.scale(.35*t),a.scale(t),n.translate(u.translate())):u.scale()},n.translate=function(t){if(!arguments.length)return u.translate();var c=u.scale(),f=+t[0],s=+t[1];return e=u.translate(t).clipExtent([[f-.455*c,s-.238*c],[f+.455*c,s+.238*c]]).stream(l).point,r=o.translate([f-.307*c,s+.201*c]).clipExtent([[f-.425*c+Uo,s+.12*c+Uo],[f-.214*c-Uo,s+.234*c-Uo]]).stream(l).point,i=a.translate([f-.205*c,s+.212*c]).clipExtent([[f-.214*c+Uo,s+.166*c+Uo],[f-.115*c-Uo,s+.234*c-Uo]]).stream(l).point,n},n.scale(1070)};var Oa,Ia,Ya,Za,Va,Xa,$a={point:b,lineStart:b,lineEnd:b,polygonStart:function(){Ia=0,$a.lineStart=$t},polygonEnd:function(){$a.lineStart=$a.lineEnd=$a.point=b,Oa+=xo(Ia/2)}},Ba={point:Bt,lineStart:b,lineEnd:b,polygonStart:b,polygonEnd:b},Wa={point:Gt,lineStart:Kt,lineEnd:Qt,polygonStart:function(){Wa.lineStart=ne},polygonEnd:function(){Wa.point=Gt,Wa.lineStart=Kt,Wa.lineEnd=Qt}};ao.geo.path=function(){function n(n){return n&&("function"==typeof a&&u.pointRadius(+a.apply(this,arguments)),o&&o.valid||(o=i(u)),ao.geo.stream(n,o)),u.result()}function t(){return o=null,n}var e,r,i,u,o,a=4.5;return n.area=function(n){return Oa=0,ao.geo.stream(n,i($a)),Oa},n.centroid=function(n){return Ca=za=La=qa=Ta=Ra=Da=Pa=Ua=0,ao.geo.stream(n,i(Wa)),Ua?[Da/Ua,Pa/Ua]:Ra?[qa/Ra,Ta/Ra]:La?[Ca/La,za/La]:[NaN,NaN]},n.bounds=function(n){return Va=Xa=-(Ya=Za=1/0),ao.geo.stream(n,i(Ba)),[[Ya,Za],[Va,Xa]]},n.projection=function(n){return arguments.length?(i=(e=n)?n.stream||re(n):m,t()):e},n.context=function(n){return arguments.length?(u=null==(r=n)?new Wt:new te(n),"function"!=typeof a&&u.pointRadius(a),t()):r},n.pointRadius=function(t){return arguments.length?(a="function"==typeof t?t:(u.pointRadius(+t),+t),n):a},n.projection(ao.geo.albersUsa()).context(null)},ao.geo.transform=function(n){return{stream:function(t){var e=new ie(t);for(var r in n)e[r]=n[r];return e}}},ie.prototype={point:function(n,t){this.stream.point(n,t)},sphere:function(){this.stream.sphere()},lineStart:function(){this.stream.lineStart()},lineEnd:function(){this.stream.lineEnd()},polygonStart:function(){this.stream.polygonStart()},polygonEnd:function(){this.stream.polygonEnd()}},ao.geo.projection=oe,ao.geo.projectionMutator=ae,(ao.geo.equirectangular=function(){return oe(ce)}).raw=ce.invert=ce,ao.geo.rotation=function(n){function t(t){return t=n(t[0]*Yo,t[1]*Yo),t[0]*=Zo,t[1]*=Zo,t}return n=se(n[0]%360*Yo,n[1]*Yo,n.length>2?n[2]*Yo:0),t.invert=function(t){return t=n.invert(t[0]*Yo,t[1]*Yo),t[0]*=Zo,t[1]*=Zo,t},t},fe.invert=ce,ao.geo.circle=function(){function n(){var n="function"==typeof r?r.apply(this,arguments):r,t=se(-n[0]*Yo,-n[1]*Yo,0).invert,i=[];return e(null,null,1,{point:function(n,e){i.push(n=t(n,e)),n[0]*=Zo,n[1]*=Zo}}),{type:"Polygon",coordinates:[i]}}var t,e,r=[0,0],i=6;return n.origin=function(t){return arguments.length?(r=t,n):r},n.angle=function(r){return arguments.length?(e=ve((t=+r)*Yo,i*Yo),n):t},n.precision=function(r){return arguments.length?(e=ve(t*Yo,(i=+r)*Yo),n):i},n.angle(90)},ao.geo.distance=function(n,t){var e,r=(t[0]-n[0])*Yo,i=n[1]*Yo,u=t[1]*Yo,o=Math.sin(r),a=Math.cos(r),l=Math.sin(i),c=Math.cos(i),f=Math.sin(u),s=Math.cos(u);return Math.atan2(Math.sqrt((e=s*o)*e+(e=c*f-l*s*a)*e),l*f+c*s*a)},ao.geo.graticule=function(){function n(){return{type:"MultiLineString",coordinates:t()}}function t(){return ao.range(Math.ceil(u/d)*d,i,d).map(h).concat(ao.range(Math.ceil(c/y)*y,l,y).map(p)).concat(ao.range(Math.ceil(r/g)*g,e,g).filter(function(n){return xo(n%d)>Uo}).map(f)).concat(ao.range(Math.ceil(a/v)*v,o,v).filter(function(n){return xo(n%y)>Uo}).map(s))}var e,r,i,u,o,a,l,c,f,s,h,p,g=10,v=g,d=90,y=360,m=2.5;return n.lines=function(){return t().map(function(n){return{type:"LineString",coordinates:n}})},n.outline=function(){return{type:"Polygon",coordinates:[h(u).concat(p(l).slice(1),h(i).reverse().slice(1),p(c).reverse().slice(1))]}},n.extent=function(t){return arguments.length?n.majorExtent(t).minorExtent(t):n.minorExtent()},n.majorExtent=function(t){return arguments.length?(u=+t[0][0],i=+t[1][0],c=+t[0][1],l=+t[1][1],u>i&&(t=u,u=i,i=t),c>l&&(t=c,c=l,l=t),n.precision(m)):[[u,c],[i,l]]},n.minorExtent=function(t){return arguments.length?(r=+t[0][0],e=+t[1][0],a=+t[0][1],o=+t[1][1],r>e&&(t=r,r=e,e=t),a>o&&(t=a,a=o,o=t),n.precision(m)):[[r,a],[e,o]]},n.step=function(t){return arguments.length?n.majorStep(t).minorStep(t):n.minorStep()},n.majorStep=function(t){return arguments.length?(d=+t[0],y=+t[1],n):[d,y]},n.minorStep=function(t){return arguments.length?(g=+t[0],v=+t[1],n):[g,v]},n.precision=function(t){return arguments.length?(m=+t,f=ye(a,o,90),s=me(r,e,m),h=ye(c,l,90),p=me(u,i,m),n):m},n.majorExtent([[-180,-90+Uo],[180,90-Uo]]).minorExtent([[-180,-80-Uo],[180,80+Uo]])},ao.geo.greatArc=function(){function n(){return{type:"LineString",coordinates:[t||r.apply(this,arguments),e||i.apply(this,arguments)]}}var t,e,r=Me,i=xe;return n.distance=function(){return ao.geo.distance(t||r.apply(this,arguments),e||i.apply(this,arguments))},n.source=function(e){return arguments.length?(r=e,t="function"==typeof e?null:e,n):r},n.target=function(t){return arguments.length?(i=t,e="function"==typeof t?null:t,n):i},n.precision=function(){return arguments.length?n:0},n},ao.geo.interpolate=function(n,t){return be(n[0]*Yo,n[1]*Yo,t[0]*Yo,t[1]*Yo)},ao.geo.length=function(n){return Ja=0,ao.geo.stream(n,Ga),Ja};var Ja,Ga={sphere:b,point:b,lineStart:_e,lineEnd:b,polygonStart:b,polygonEnd:b},Ka=we(function(n){return Math.sqrt(2/(1+n))},function(n){return 2*Math.asin(n/2)});(ao.geo.azimuthalEqualArea=function(){return oe(Ka)}).raw=Ka;var Qa=we(function(n){var t=Math.acos(n);return t&&t/Math.sin(t)},m);(ao.geo.azimuthalEquidistant=function(){return oe(Qa)}).raw=Qa,(ao.geo.conicConformal=function(){return Vt(Se)}).raw=Se,(ao.geo.conicEquidistant=function(){return Vt(ke)}).raw=ke;var nl=we(function(n){return 1/n},Math.atan);(ao.geo.gnomonic=function(){return oe(nl)}).raw=nl,Ne.invert=function(n,t){return[n,2*Math.atan(Math.exp(t))-Io]},(ao.geo.mercator=function(){return Ee(Ne)}).raw=Ne;var tl=we(function(){return 1},Math.asin);(ao.geo.orthographic=function(){return oe(tl)}).raw=tl;var el=we(function(n){return 1/(1+n)},function(n){return 2*Math.atan(n)});(ao.geo.stereographic=function(){return oe(el)}).raw=el,Ae.invert=function(n,t){return[-t,2*Math.atan(Math.exp(n))-Io]},(ao.geo.transverseMercator=function(){var n=Ee(Ae),t=n.center,e=n.rotate;return n.center=function(n){return n?t([-n[1],n[0]]):(n=t(),[n[1],-n[0]])},n.rotate=function(n){return n?e([n[0],n[1],n.length>2?n[2]+90:90]):(n=e(),[n[0],n[1],n[2]-90])},e([0,0,90])}).raw=Ae,ao.geom={},ao.geom.hull=function(n){function t(n){if(n.length<3)return[];var t,i=En(e),u=En(r),o=n.length,a=[],l=[];for(t=0;o>t;t++)a.push([+i.call(this,n[t],t),+u.call(this,n[t],t),t]);for(a.sort(qe),t=0;o>t;t++)l.push([a[t][0],-a[t][1]]);var c=Le(a),f=Le(l),s=f[0]===c[0],h=f[f.length-1]===c[c.length-1],p=[];for(t=c.length-1;t>=0;--t)p.push(n[a[c[t]][2]]);for(t=+s;t=r&&c.x<=u&&c.y>=i&&c.y<=o?[[r,o],[u,o],[u,i],[r,i]]:[];f.point=n[a]}),t}function e(n){return n.map(function(n,t){return{x:Math.round(u(n,t)/Uo)*Uo,y:Math.round(o(n,t)/Uo)*Uo,i:t}})}var r=Ce,i=ze,u=r,o=i,a=sl;return n?t(n):(t.links=function(n){return ar(e(n)).edges.filter(function(n){return n.l&&n.r}).map(function(t){return{source:n[t.l.i],target:n[t.r.i]}})},t.triangles=function(n){var t=[];return ar(e(n)).cells.forEach(function(e,r){for(var i,u,o=e.site,a=e.edges.sort(Ve),l=-1,c=a.length,f=a[c-1].edge,s=f.l===o?f.r:f.l;++l=c,h=r>=f,p=h<<1|s;n.leaf=!1,n=n.nodes[p]||(n.nodes[p]=hr()),s?i=c:a=c,h?o=f:l=f,u(n,t,e,r,i,o,a,l)}var f,s,h,p,g,v,d,y,m,M=En(a),x=En(l);if(null!=t)v=t,d=e,y=r,m=i;else if(y=m=-(v=d=1/0),s=[],h=[],g=n.length,o)for(p=0;g>p;++p)f=n[p],f.xy&&(y=f.x),f.y>m&&(m=f.y),s.push(f.x),h.push(f.y);else for(p=0;g>p;++p){var b=+M(f=n[p],p),_=+x(f,p);v>b&&(v=b),d>_&&(d=_),b>y&&(y=b),_>m&&(m=_),s.push(b),h.push(_)}var w=y-v,S=m-d;w>S?m=d+w:y=v+S;var k=hr();if(k.add=function(n){u(k,n,+M(n,++p),+x(n,p),v,d,y,m)},k.visit=function(n){pr(n,k,v,d,y,m)},k.find=function(n){return gr(k,n[0],n[1],v,d,y,m)},p=-1,null==t){for(;++p=0?n.slice(0,t):n,r=t>=0?n.slice(t+1):"in";return e=vl.get(e)||gl,r=dl.get(r)||m,br(r(e.apply(null,lo.call(arguments,1))))},ao.interpolateHcl=Rr,ao.interpolateHsl=Dr,ao.interpolateLab=Pr,ao.interpolateRound=Ur,ao.transform=function(n){var t=fo.createElementNS(ao.ns.prefix.svg,"g");return(ao.transform=function(n){if(null!=n){t.setAttribute("transform",n);var e=t.transform.baseVal.consolidate()}return new jr(e?e.matrix:yl)})(n)},jr.prototype.toString=function(){return"translate("+this.translate+")rotate("+this.rotate+")skewX("+this.skew+")scale("+this.scale+")"};var yl={a:1,b:0,c:0,d:1,e:0,f:0};ao.interpolateTransform=$r,ao.layout={},ao.layout.bundle=function(){return function(n){for(var t=[],e=-1,r=n.length;++ea*a/y){if(v>l){var c=t.charge/l;n.px-=u*c,n.py-=o*c}return!0}if(t.point&&l&&v>l){var c=t.pointCharge/l;n.px-=u*c,n.py-=o*c}}return!t.charge}}function t(n){n.px=ao.event.x,n.py=ao.event.y,l.resume()}var e,r,i,u,o,a,l={},c=ao.dispatch("start","tick","end"),f=[1,1],s=.9,h=ml,p=Ml,g=-30,v=xl,d=.1,y=.64,M=[],x=[];return l.tick=function(){if((i*=.99)<.005)return e=null,c.end({type:"end",alpha:i=0}),!0;var t,r,l,h,p,v,y,m,b,_=M.length,w=x.length;for(r=0;w>r;++r)l=x[r],h=l.source,p=l.target,m=p.x-h.x,b=p.y-h.y,(v=m*m+b*b)&&(v=i*o[r]*((v=Math.sqrt(v))-u[r])/v,m*=v,b*=v,p.x-=m*(y=h.weight+p.weight?h.weight/(h.weight+p.weight):.5),p.y-=b*y,h.x+=m*(y=1-y),h.y+=b*y);if((y=i*d)&&(m=f[0]/2,b=f[1]/2,r=-1,y))for(;++r<_;)l=M[r],l.x+=(m-l.x)*y,l.y+=(b-l.y)*y;if(g)for(ri(t=ao.geom.quadtree(M),i,a),r=-1;++r<_;)(l=M[r]).fixed||t.visit(n(l));for(r=-1;++r<_;)l=M[r],l.fixed?(l.x=l.px,l.y=l.py):(l.x-=(l.px-(l.px=l.x))*s,l.y-=(l.py-(l.py=l.y))*s);c.tick({type:"tick",alpha:i})},l.nodes=function(n){return arguments.length?(M=n,l):M},l.links=function(n){return arguments.length?(x=n,l):x},l.size=function(n){return arguments.length?(f=n,l):f},l.linkDistance=function(n){return arguments.length?(h="function"==typeof n?n:+n,l):h},l.distance=l.linkDistance,l.linkStrength=function(n){return arguments.length?(p="function"==typeof n?n:+n,l):p},l.friction=function(n){return arguments.length?(s=+n,l):s},l.charge=function(n){return arguments.length?(g="function"==typeof n?n:+n,l):g},l.chargeDistance=function(n){return arguments.length?(v=n*n,l):Math.sqrt(v)},l.gravity=function(n){return arguments.length?(d=+n,l):d},l.theta=function(n){return arguments.length?(y=n*n,l):Math.sqrt(y)},l.alpha=function(n){return arguments.length?(n=+n,i?n>0?i=n:(e.c=null,e.t=NaN,e=null,c.end({type:"end",alpha:i=0})):n>0&&(c.start({type:"start",alpha:i=n}),e=qn(l.tick)),l):i},l.start=function(){function n(n,r){if(!e){for(e=new Array(i),l=0;i>l;++l)e[l]=[];for(l=0;c>l;++l){var u=x[l];e[u.source.index].push(u.target),e[u.target.index].push(u.source)}}for(var o,a=e[t],l=-1,f=a.length;++lt;++t)(r=M[t]).index=t,r.weight=0;for(t=0;c>t;++t)r=x[t],"number"==typeof r.source&&(r.source=M[r.source]),"number"==typeof r.target&&(r.target=M[r.target]),++r.source.weight,++r.target.weight;for(t=0;i>t;++t)r=M[t],isNaN(r.x)&&(r.x=n("x",s)),isNaN(r.y)&&(r.y=n("y",v)),isNaN(r.px)&&(r.px=r.x),isNaN(r.py)&&(r.py=r.y);if(u=[],"function"==typeof h)for(t=0;c>t;++t)u[t]=+h.call(this,x[t],t);else for(t=0;c>t;++t)u[t]=h;if(o=[],"function"==typeof p)for(t=0;c>t;++t)o[t]=+p.call(this,x[t],t);else for(t=0;c>t;++t)o[t]=p;if(a=[],"function"==typeof g)for(t=0;i>t;++t)a[t]=+g.call(this,M[t],t);else for(t=0;i>t;++t)a[t]=g;return l.resume()},l.resume=function(){return l.alpha(.1)},l.stop=function(){return l.alpha(0)},l.drag=function(){return r||(r=ao.behavior.drag().origin(m).on("dragstart.force",Qr).on("drag.force",t).on("dragend.force",ni)),arguments.length?void this.on("mouseover.force",ti).on("mouseout.force",ei).call(r):r},ao.rebind(l,c,"on")};var ml=20,Ml=1,xl=1/0;ao.layout.hierarchy=function(){function n(i){var u,o=[i],a=[];for(i.depth=0;null!=(u=o.pop());)if(a.push(u),(c=e.call(n,u,u.depth))&&(l=c.length)){for(var l,c,f;--l>=0;)o.push(f=c[l]),f.parent=u,f.depth=u.depth+1;r&&(u.value=0),u.children=c}else r&&(u.value=+r.call(n,u,u.depth)||0),delete u.children;return oi(i,function(n){var e,i;t&&(e=n.children)&&e.sort(t),r&&(i=n.parent)&&(i.value+=n.value)}),a}var t=ci,e=ai,r=li;return n.sort=function(e){return arguments.length?(t=e,n):t},n.children=function(t){return arguments.length?(e=t,n):e},n.value=function(t){return arguments.length?(r=t,n):r},n.revalue=function(t){return r&&(ui(t,function(n){n.children&&(n.value=0)}),oi(t,function(t){var e;t.children||(t.value=+r.call(n,t,t.depth)||0),(e=t.parent)&&(e.value+=t.value)})),t},n},ao.layout.partition=function(){function n(t,e,r,i){var u=t.children;if(t.x=e,t.y=t.depth*i,t.dx=r,t.dy=i,u&&(o=u.length)){var o,a,l,c=-1;for(r=t.value?r/t.value:0;++cs?-1:1),g=ao.sum(c),v=g?(s-l*p)/g:0,d=ao.range(l),y=[];return null!=e&&d.sort(e===bl?function(n,t){return c[t]-c[n]}:function(n,t){return e(o[n],o[t])}),d.forEach(function(n){y[n]={data:o[n],value:a=c[n],startAngle:f,endAngle:f+=a*v+p,padAngle:h}}),y}var t=Number,e=bl,r=0,i=Ho,u=0;return n.value=function(e){return arguments.length?(t=e,n):t},n.sort=function(t){return arguments.length?(e=t,n):e},n.startAngle=function(t){return arguments.length?(r=t,n):r},n.endAngle=function(t){return arguments.length?(i=t,n):i},n.padAngle=function(t){return arguments.length?(u=t,n):u},n};var bl={};ao.layout.stack=function(){function n(a,l){if(!(h=a.length))return a;var c=a.map(function(e,r){return t.call(n,e,r)}),f=c.map(function(t){return t.map(function(t,e){return[u.call(n,t,e),o.call(n,t,e)]})}),s=e.call(n,f,l);c=ao.permute(c,s),f=ao.permute(f,s);var h,p,g,v,d=r.call(n,f,l),y=c[0].length;for(g=0;y>g;++g)for(i.call(n,c[0][g],v=d[g],f[0][g][1]),p=1;h>p;++p)i.call(n,c[p][g],v+=f[p-1][g][1],f[p][g][1]);return a}var t=m,e=gi,r=vi,i=pi,u=si,o=hi;return n.values=function(e){return arguments.length?(t=e,n):t},n.order=function(t){return arguments.length?(e="function"==typeof t?t:_l.get(t)||gi,n):e},n.offset=function(t){return arguments.length?(r="function"==typeof t?t:wl.get(t)||vi,n):r},n.x=function(t){return arguments.length?(u=t,n):u},n.y=function(t){return arguments.length?(o=t,n):o},n.out=function(t){return arguments.length?(i=t,n):i},n};var _l=ao.map({"inside-out":function(n){var t,e,r=n.length,i=n.map(di),u=n.map(yi),o=ao.range(r).sort(function(n,t){return i[n]-i[t]}),a=0,l=0,c=[],f=[];for(t=0;r>t;++t)e=o[t],l>a?(a+=u[e],c.push(e)):(l+=u[e],f.push(e));return f.reverse().concat(c)},reverse:function(n){return ao.range(n.length).reverse()},"default":gi}),wl=ao.map({silhouette:function(n){var t,e,r,i=n.length,u=n[0].length,o=[],a=0,l=[];for(e=0;u>e;++e){for(t=0,r=0;i>t;t++)r+=n[t][e][1];r>a&&(a=r),o.push(r)}for(e=0;u>e;++e)l[e]=(a-o[e])/2;return l},wiggle:function(n){var t,e,r,i,u,o,a,l,c,f=n.length,s=n[0],h=s.length,p=[];for(p[0]=l=c=0,e=1;h>e;++e){for(t=0,i=0;f>t;++t)i+=n[t][e][1];for(t=0,u=0,a=s[e][0]-s[e-1][0];f>t;++t){for(r=0,o=(n[t][e][1]-n[t][e-1][1])/(2*a);t>r;++r)o+=(n[r][e][1]-n[r][e-1][1])/a;u+=o*n[t][e][1]}p[e]=l-=i?u/i*a:0,c>l&&(c=l)}for(e=0;h>e;++e)p[e]-=c;return p},expand:function(n){var t,e,r,i=n.length,u=n[0].length,o=1/i,a=[];for(e=0;u>e;++e){for(t=0,r=0;i>t;t++)r+=n[t][e][1];if(r)for(t=0;i>t;t++)n[t][e][1]/=r;else for(t=0;i>t;t++)n[t][e][1]=o}for(e=0;u>e;++e)a[e]=0;return a},zero:vi});ao.layout.histogram=function(){function n(n,u){for(var o,a,l=[],c=n.map(e,this),f=r.call(this,c,u),s=i.call(this,f,c,u),u=-1,h=c.length,p=s.length-1,g=t?1:1/h;++u0)for(u=-1;++u=f[0]&&a<=f[1]&&(o=l[ao.bisect(s,a,1,p)-1],o.y+=g,o.push(n[u]));return l}var t=!0,e=Number,r=bi,i=Mi;return n.value=function(t){return arguments.length?(e=t,n):e},n.range=function(t){return arguments.length?(r=En(t),n):r},n.bins=function(t){return arguments.length?(i="number"==typeof t?function(n){return xi(n,t)}:En(t),n):i},n.frequency=function(e){return arguments.length?(t=!!e,n):t},n},ao.layout.pack=function(){function n(n,u){var o=e.call(this,n,u),a=o[0],l=i[0],c=i[1],f=null==t?Math.sqrt:"function"==typeof t?t:function(){return t};if(a.x=a.y=0,oi(a,function(n){n.r=+f(n.value)}),oi(a,Ni),r){var s=r*(t?1:Math.max(2*a.r/l,2*a.r/c))/2;oi(a,function(n){n.r+=s}),oi(a,Ni),oi(a,function(n){n.r-=s})}return Ci(a,l/2,c/2,t?1:1/Math.max(2*a.r/l,2*a.r/c)),o}var t,e=ao.layout.hierarchy().sort(_i),r=0,i=[1,1];return n.size=function(t){return arguments.length?(i=t,n):i},n.radius=function(e){return arguments.length?(t=null==e||"function"==typeof e?e:+e,n):t},n.padding=function(t){return arguments.length?(r=+t,n):r},ii(n,e)},ao.layout.tree=function(){function n(n,i){var f=o.call(this,n,i),s=f[0],h=t(s);if(oi(h,e),h.parent.m=-h.z,ui(h,r),c)ui(s,u);else{var p=s,g=s,v=s;ui(s,function(n){n.xg.x&&(g=n),n.depth>v.depth&&(v=n)});var d=a(p,g)/2-p.x,y=l[0]/(g.x+a(g,p)/2+d),m=l[1]/(v.depth||1);ui(s,function(n){n.x=(n.x+d)*y,n.y=n.depth*m})}return f}function t(n){for(var t,e={A:null,children:[n]},r=[e];null!=(t=r.pop());)for(var i,u=t.children,o=0,a=u.length;a>o;++o)r.push((u[o]=i={_:u[o],parent:t,children:(i=u[o].children)&&i.slice()||[],A:null,a:null,z:0,m:0,c:0,s:0,t:null,i:o}).a=i);return e.children[0]}function e(n){var t=n.children,e=n.parent.children,r=n.i?e[n.i-1]:null;if(t.length){Di(n);var u=(t[0].z+t[t.length-1].z)/2;r?(n.z=r.z+a(n._,r._),n.m=n.z-u):n.z=u}else r&&(n.z=r.z+a(n._,r._));n.parent.A=i(n,r,n.parent.A||e[0])}function r(n){n._.x=n.z+n.parent.m,n.m+=n.parent.m}function i(n,t,e){if(t){for(var r,i=n,u=n,o=t,l=i.parent.children[0],c=i.m,f=u.m,s=o.m,h=l.m;o=Ti(o),i=qi(i),o&&i;)l=qi(l),u=Ti(u),u.a=n,r=o.z+s-i.z-c+a(o._,i._),r>0&&(Ri(Pi(o,n,e),n,r),c+=r,f+=r),s+=o.m,c+=i.m,h+=l.m,f+=u.m;o&&!Ti(u)&&(u.t=o,u.m+=s-f),i&&!qi(l)&&(l.t=i,l.m+=c-h,e=n)}return e}function u(n){n.x*=l[0],n.y=n.depth*l[1]}var o=ao.layout.hierarchy().sort(null).value(null),a=Li,l=[1,1],c=null;return n.separation=function(t){return arguments.length?(a=t,n):a},n.size=function(t){return arguments.length?(c=null==(l=t)?u:null,n):c?null:l},n.nodeSize=function(t){return arguments.length?(c=null==(l=t)?null:u,n):c?l:null},ii(n,o)},ao.layout.cluster=function(){function n(n,u){var o,a=t.call(this,n,u),l=a[0],c=0;oi(l,function(n){var t=n.children;t&&t.length?(n.x=ji(t),n.y=Ui(t)):(n.x=o?c+=e(n,o):0,n.y=0,o=n)});var f=Fi(l),s=Hi(l),h=f.x-e(f,s)/2,p=s.x+e(s,f)/2;return oi(l,i?function(n){n.x=(n.x-l.x)*r[0],n.y=(l.y-n.y)*r[1]}:function(n){n.x=(n.x-h)/(p-h)*r[0],n.y=(1-(l.y?n.y/l.y:1))*r[1]}),a}var t=ao.layout.hierarchy().sort(null).value(null),e=Li,r=[1,1],i=!1;return n.separation=function(t){return arguments.length?(e=t,n):e},n.size=function(t){return arguments.length?(i=null==(r=t),n):i?null:r},n.nodeSize=function(t){return arguments.length?(i=null!=(r=t),n):i?r:null},ii(n,t)},ao.layout.treemap=function(){function n(n,t){for(var e,r,i=-1,u=n.length;++it?0:t),e.area=isNaN(r)||0>=r?0:r}function t(e){var u=e.children;if(u&&u.length){var o,a,l,c=s(e),f=[],h=u.slice(),g=1/0,v="slice"===p?c.dx:"dice"===p?c.dy:"slice-dice"===p?1&e.depth?c.dy:c.dx:Math.min(c.dx,c.dy);for(n(h,c.dx*c.dy/e.value),f.area=0;(l=h.length)>0;)f.push(o=h[l-1]),f.area+=o.area,"squarify"!==p||(a=r(f,v))<=g?(h.pop(),g=a):(f.area-=f.pop().area,i(f,v,c,!1),v=Math.min(c.dx,c.dy),f.length=f.area=0,g=1/0);f.length&&(i(f,v,c,!0),f.length=f.area=0),u.forEach(t)}}function e(t){var r=t.children;if(r&&r.length){var u,o=s(t),a=r.slice(),l=[];for(n(a,o.dx*o.dy/t.value),l.area=0;u=a.pop();)l.push(u),l.area+=u.area,null!=u.z&&(i(l,u.z?o.dx:o.dy,o,!a.length),l.length=l.area=0);r.forEach(e)}}function r(n,t){for(var e,r=n.area,i=0,u=1/0,o=-1,a=n.length;++oe&&(u=e),e>i&&(i=e));return r*=r,t*=t,r?Math.max(t*i*g/r,r/(t*u*g)):1/0}function i(n,t,e,r){var i,u=-1,o=n.length,a=e.x,c=e.y,f=t?l(n.area/t):0; +if(t==e.dx){for((r||f>e.dy)&&(f=e.dy);++ue.dx)&&(f=e.dx);++ue&&(t=1),1>e&&(n=0),function(){var e,r,i;do e=2*Math.random()-1,r=2*Math.random()-1,i=e*e+r*r;while(!i||i>1);return n+t*e*Math.sqrt(-2*Math.log(i)/i)}},logNormal:function(){var n=ao.random.normal.apply(ao,arguments);return function(){return Math.exp(n())}},bates:function(n){var t=ao.random.irwinHall(n);return function(){return t()/n}},irwinHall:function(n){return function(){for(var t=0,e=0;n>e;e++)t+=Math.random();return t}}},ao.scale={};var Sl={floor:m,ceil:m};ao.scale.linear=function(){return Wi([0,1],[0,1],Mr,!1)};var kl={s:1,g:1,p:1,r:1,e:1};ao.scale.log=function(){return ru(ao.scale.linear().domain([0,1]),10,!0,[1,10])};var Nl=ao.format(".0e"),El={floor:function(n){return-Math.ceil(-n)},ceil:function(n){return-Math.floor(-n)}};ao.scale.pow=function(){return iu(ao.scale.linear(),1,[0,1])},ao.scale.sqrt=function(){return ao.scale.pow().exponent(.5)},ao.scale.ordinal=function(){return ou([],{t:"range",a:[[]]})},ao.scale.category10=function(){return ao.scale.ordinal().range(Al)},ao.scale.category20=function(){return ao.scale.ordinal().range(Cl)},ao.scale.category20b=function(){return ao.scale.ordinal().range(zl)},ao.scale.category20c=function(){return ao.scale.ordinal().range(Ll)};var Al=[2062260,16744206,2924588,14034728,9725885,9197131,14907330,8355711,12369186,1556175].map(xn),Cl=[2062260,11454440,16744206,16759672,2924588,10018698,14034728,16750742,9725885,12955861,9197131,12885140,14907330,16234194,8355711,13092807,12369186,14408589,1556175,10410725].map(xn),zl=[3750777,5395619,7040719,10264286,6519097,9216594,11915115,13556636,9202993,12426809,15186514,15190932,8666169,11356490,14049643,15177372,8077683,10834324,13528509,14589654].map(xn),Ll=[3244733,7057110,10406625,13032431,15095053,16616764,16625259,16634018,3253076,7652470,10607003,13101504,7695281,10394312,12369372,14342891,6513507,9868950,12434877,14277081].map(xn);ao.scale.quantile=function(){return au([],[])},ao.scale.quantize=function(){return lu(0,1,[0,1])},ao.scale.threshold=function(){return cu([.5],[0,1])},ao.scale.identity=function(){return fu([0,1])},ao.svg={},ao.svg.arc=function(){function n(){var n=Math.max(0,+e.apply(this,arguments)),c=Math.max(0,+r.apply(this,arguments)),f=o.apply(this,arguments)-Io,s=a.apply(this,arguments)-Io,h=Math.abs(s-f),p=f>s?0:1;if(n>c&&(g=c,c=n,n=g),h>=Oo)return t(c,p)+(n?t(n,1-p):"")+"Z";var g,v,d,y,m,M,x,b,_,w,S,k,N=0,E=0,A=[];if((y=(+l.apply(this,arguments)||0)/2)&&(d=u===ql?Math.sqrt(n*n+c*c):+u.apply(this,arguments),p||(E*=-1),c&&(E=tn(d/c*Math.sin(y))),n&&(N=tn(d/n*Math.sin(y)))),c){m=c*Math.cos(f+E),M=c*Math.sin(f+E),x=c*Math.cos(s-E),b=c*Math.sin(s-E);var C=Math.abs(s-f-2*E)<=Fo?0:1;if(E&&yu(m,M,x,b)===p^C){var z=(f+s)/2;m=c*Math.cos(z),M=c*Math.sin(z),x=b=null}}else m=M=0;if(n){_=n*Math.cos(s-N),w=n*Math.sin(s-N),S=n*Math.cos(f+N),k=n*Math.sin(f+N);var L=Math.abs(f-s+2*N)<=Fo?0:1;if(N&&yu(_,w,S,k)===1-p^L){var q=(f+s)/2;_=n*Math.cos(q),w=n*Math.sin(q),S=k=null}}else _=w=0;if(h>Uo&&(g=Math.min(Math.abs(c-n)/2,+i.apply(this,arguments)))>.001){v=c>n^p?0:1;var T=g,R=g;if(Fo>h){var D=null==S?[_,w]:null==x?[m,M]:Re([m,M],[S,k],[x,b],[_,w]),P=m-D[0],U=M-D[1],j=x-D[0],F=b-D[1],H=1/Math.sin(Math.acos((P*j+U*F)/(Math.sqrt(P*P+U*U)*Math.sqrt(j*j+F*F)))/2),O=Math.sqrt(D[0]*D[0]+D[1]*D[1]);R=Math.min(g,(n-O)/(H-1)),T=Math.min(g,(c-O)/(H+1))}if(null!=x){var I=mu(null==S?[_,w]:[S,k],[m,M],c,T,p),Y=mu([x,b],[_,w],c,T,p);g===T?A.push("M",I[0],"A",T,",",T," 0 0,",v," ",I[1],"A",c,",",c," 0 ",1-p^yu(I[1][0],I[1][1],Y[1][0],Y[1][1]),",",p," ",Y[1],"A",T,",",T," 0 0,",v," ",Y[0]):A.push("M",I[0],"A",T,",",T," 0 1,",v," ",Y[0])}else A.push("M",m,",",M);if(null!=S){var Z=mu([m,M],[S,k],n,-R,p),V=mu([_,w],null==x?[m,M]:[x,b],n,-R,p);g===R?A.push("L",V[0],"A",R,",",R," 0 0,",v," ",V[1],"A",n,",",n," 0 ",p^yu(V[1][0],V[1][1],Z[1][0],Z[1][1]),",",1-p," ",Z[1],"A",R,",",R," 0 0,",v," ",Z[0]):A.push("L",V[0],"A",R,",",R," 0 0,",v," ",Z[0])}else A.push("L",_,",",w)}else A.push("M",m,",",M),null!=x&&A.push("A",c,",",c," 0 ",C,",",p," ",x,",",b),A.push("L",_,",",w),null!=S&&A.push("A",n,",",n," 0 ",L,",",1-p," ",S,",",k);return A.push("Z"),A.join("")}function t(n,t){return"M0,"+n+"A"+n+","+n+" 0 1,"+t+" 0,"+-n+"A"+n+","+n+" 0 1,"+t+" 0,"+n}var e=hu,r=pu,i=su,u=ql,o=gu,a=vu,l=du;return n.innerRadius=function(t){return arguments.length?(e=En(t),n):e},n.outerRadius=function(t){return arguments.length?(r=En(t),n):r},n.cornerRadius=function(t){return arguments.length?(i=En(t),n):i},n.padRadius=function(t){return arguments.length?(u=t==ql?ql:En(t),n):u},n.startAngle=function(t){return arguments.length?(o=En(t),n):o},n.endAngle=function(t){return arguments.length?(a=En(t),n):a},n.padAngle=function(t){return arguments.length?(l=En(t),n):l},n.centroid=function(){var n=(+e.apply(this,arguments)+ +r.apply(this,arguments))/2,t=(+o.apply(this,arguments)+ +a.apply(this,arguments))/2-Io;return[Math.cos(t)*n,Math.sin(t)*n]},n};var ql="auto";ao.svg.line=function(){return Mu(m)};var Tl=ao.map({linear:xu,"linear-closed":bu,step:_u,"step-before":wu,"step-after":Su,basis:zu,"basis-open":Lu,"basis-closed":qu,bundle:Tu,cardinal:Eu,"cardinal-open":ku,"cardinal-closed":Nu,monotone:Fu});Tl.forEach(function(n,t){t.key=n,t.closed=/-closed$/.test(n)});var Rl=[0,2/3,1/3,0],Dl=[0,1/3,2/3,0],Pl=[0,1/6,2/3,1/6];ao.svg.line.radial=function(){var n=Mu(Hu);return n.radius=n.x,delete n.x,n.angle=n.y,delete n.y,n},wu.reverse=Su,Su.reverse=wu,ao.svg.area=function(){return Ou(m)},ao.svg.area.radial=function(){var n=Ou(Hu);return n.radius=n.x,delete n.x,n.innerRadius=n.x0,delete n.x0,n.outerRadius=n.x1,delete n.x1,n.angle=n.y,delete n.y,n.startAngle=n.y0,delete n.y0,n.endAngle=n.y1,delete n.y1,n},ao.svg.chord=function(){function n(n,a){var l=t(this,u,n,a),c=t(this,o,n,a);return"M"+l.p0+r(l.r,l.p1,l.a1-l.a0)+(e(l,c)?i(l.r,l.p1,l.r,l.p0):i(l.r,l.p1,c.r,c.p0)+r(c.r,c.p1,c.a1-c.a0)+i(c.r,c.p1,l.r,l.p0))+"Z"}function t(n,t,e,r){var i=t.call(n,e,r),u=a.call(n,i,r),o=l.call(n,i,r)-Io,f=c.call(n,i,r)-Io;return{r:u,a0:o,a1:f,p0:[u*Math.cos(o),u*Math.sin(o)],p1:[u*Math.cos(f),u*Math.sin(f)]}}function e(n,t){return n.a0==t.a0&&n.a1==t.a1}function r(n,t,e){return"A"+n+","+n+" 0 "+ +(e>Fo)+",1 "+t}function i(n,t,e,r){return"Q 0,0 "+r}var u=Me,o=xe,a=Iu,l=gu,c=vu;return n.radius=function(t){return arguments.length?(a=En(t),n):a},n.source=function(t){return arguments.length?(u=En(t),n):u},n.target=function(t){return arguments.length?(o=En(t),n):o},n.startAngle=function(t){return arguments.length?(l=En(t),n):l},n.endAngle=function(t){return arguments.length?(c=En(t),n):c},n},ao.svg.diagonal=function(){function n(n,i){var u=t.call(this,n,i),o=e.call(this,n,i),a=(u.y+o.y)/2,l=[u,{x:u.x,y:a},{x:o.x,y:a},o];return l=l.map(r),"M"+l[0]+"C"+l[1]+" "+l[2]+" "+l[3]}var t=Me,e=xe,r=Yu;return n.source=function(e){return arguments.length?(t=En(e),n):t},n.target=function(t){return arguments.length?(e=En(t),n):e},n.projection=function(t){return arguments.length?(r=t,n):r},n},ao.svg.diagonal.radial=function(){var n=ao.svg.diagonal(),t=Yu,e=n.projection;return n.projection=function(n){return arguments.length?e(Zu(t=n)):t},n},ao.svg.symbol=function(){function n(n,r){return(Ul.get(t.call(this,n,r))||$u)(e.call(this,n,r))}var t=Xu,e=Vu;return n.type=function(e){return arguments.length?(t=En(e),n):t},n.size=function(t){return arguments.length?(e=En(t),n):e},n};var Ul=ao.map({circle:$u,cross:function(n){var t=Math.sqrt(n/5)/2;return"M"+-3*t+","+-t+"H"+-t+"V"+-3*t+"H"+t+"V"+-t+"H"+3*t+"V"+t+"H"+t+"V"+3*t+"H"+-t+"V"+t+"H"+-3*t+"Z"},diamond:function(n){var t=Math.sqrt(n/(2*Fl)),e=t*Fl;return"M0,"+-t+"L"+e+",0 0,"+t+" "+-e+",0Z"},square:function(n){var t=Math.sqrt(n)/2;return"M"+-t+","+-t+"L"+t+","+-t+" "+t+","+t+" "+-t+","+t+"Z"},"triangle-down":function(n){var t=Math.sqrt(n/jl),e=t*jl/2;return"M0,"+e+"L"+t+","+-e+" "+-t+","+-e+"Z"},"triangle-up":function(n){var t=Math.sqrt(n/jl),e=t*jl/2;return"M0,"+-e+"L"+t+","+e+" "+-t+","+e+"Z"}});ao.svg.symbolTypes=Ul.keys();var jl=Math.sqrt(3),Fl=Math.tan(30*Yo);Co.transition=function(n){for(var t,e,r=Hl||++Zl,i=Ku(n),u=[],o=Ol||{time:Date.now(),ease:Nr,delay:0,duration:250},a=-1,l=this.length;++au;u++){i.push(t=[]);for(var e=this[u],a=0,l=e.length;l>a;a++)(r=e[a])&&n.call(r,r.__data__,a,u)&&t.push(r)}return Wu(i,this.namespace,this.id)},Yl.tween=function(n,t){var e=this.id,r=this.namespace;return arguments.length<2?this.node()[r][e].tween.get(n):Y(this,null==t?function(t){t[r][e].tween.remove(n)}:function(i){i[r][e].tween.set(n,t)})},Yl.attr=function(n,t){function e(){this.removeAttribute(a)}function r(){this.removeAttributeNS(a.space,a.local)}function i(n){return null==n?e:(n+="",function(){var t,e=this.getAttribute(a);return e!==n&&(t=o(e,n),function(n){this.setAttribute(a,t(n))})})}function u(n){return null==n?r:(n+="",function(){var t,e=this.getAttributeNS(a.space,a.local);return e!==n&&(t=o(e,n),function(n){this.setAttributeNS(a.space,a.local,t(n))})})}if(arguments.length<2){for(t in n)this.attr(t,n[t]);return this}var o="transform"==n?$r:Mr,a=ao.ns.qualify(n);return Ju(this,"attr."+n,t,a.local?u:i)},Yl.attrTween=function(n,t){function e(n,e){var r=t.call(this,n,e,this.getAttribute(i));return r&&function(n){this.setAttribute(i,r(n))}}function r(n,e){var r=t.call(this,n,e,this.getAttributeNS(i.space,i.local));return r&&function(n){this.setAttributeNS(i.space,i.local,r(n))}}var i=ao.ns.qualify(n);return this.tween("attr."+n,i.local?r:e)},Yl.style=function(n,e,r){function i(){this.style.removeProperty(n)}function u(e){return null==e?i:(e+="",function(){var i,u=t(this).getComputedStyle(this,null).getPropertyValue(n);return u!==e&&(i=Mr(u,e),function(t){this.style.setProperty(n,i(t),r)})})}var o=arguments.length;if(3>o){if("string"!=typeof n){2>o&&(e="");for(r in n)this.style(r,n[r],e);return this}r=""}return Ju(this,"style."+n,e,u)},Yl.styleTween=function(n,e,r){function i(i,u){var o=e.call(this,i,u,t(this).getComputedStyle(this,null).getPropertyValue(n));return o&&function(t){this.style.setProperty(n,o(t),r)}}return arguments.length<3&&(r=""),this.tween("style."+n,i)},Yl.text=function(n){return Ju(this,"text",n,Gu)},Yl.remove=function(){var n=this.namespace;return this.each("end.transition",function(){var t;this[n].count<2&&(t=this.parentNode)&&t.removeChild(this)})},Yl.ease=function(n){var t=this.id,e=this.namespace;return arguments.length<1?this.node()[e][t].ease:("function"!=typeof n&&(n=ao.ease.apply(ao,arguments)),Y(this,function(r){r[e][t].ease=n}))},Yl.delay=function(n){var t=this.id,e=this.namespace;return arguments.length<1?this.node()[e][t].delay:Y(this,"function"==typeof n?function(r,i,u){r[e][t].delay=+n.call(r,r.__data__,i,u)}:(n=+n,function(r){r[e][t].delay=n}))},Yl.duration=function(n){var t=this.id,e=this.namespace;return arguments.length<1?this.node()[e][t].duration:Y(this,"function"==typeof n?function(r,i,u){r[e][t].duration=Math.max(1,n.call(r,r.__data__,i,u))}:(n=Math.max(1,n),function(r){r[e][t].duration=n}))},Yl.each=function(n,t){var e=this.id,r=this.namespace;if(arguments.length<2){var i=Ol,u=Hl;try{Hl=e,Y(this,function(t,i,u){Ol=t[r][e],n.call(t,t.__data__,i,u)})}finally{Ol=i,Hl=u}}else Y(this,function(i){var u=i[r][e];(u.event||(u.event=ao.dispatch("start","end","interrupt"))).on(n,t)});return this},Yl.transition=function(){for(var n,t,e,r,i=this.id,u=++Zl,o=this.namespace,a=[],l=0,c=this.length;c>l;l++){a.push(n=[]);for(var t=this[l],f=0,s=t.length;s>f;f++)(e=t[f])&&(r=e[o][i],Qu(e,f,o,u,{time:r.time,ease:r.ease,delay:r.delay+r.duration,duration:r.duration})),n.push(e)}return Wu(a,o,u)},ao.svg.axis=function(){function n(n){n.each(function(){var n,c=ao.select(this),f=this.__chart__||e,s=this.__chart__=e.copy(),h=null==l?s.ticks?s.ticks.apply(s,a):s.domain():l,p=null==t?s.tickFormat?s.tickFormat.apply(s,a):m:t,g=c.selectAll(".tick").data(h,s),v=g.enter().insert("g",".domain").attr("class","tick").style("opacity",Uo),d=ao.transition(g.exit()).style("opacity",Uo).remove(),y=ao.transition(g.order()).style("opacity",1),M=Math.max(i,0)+o,x=Zi(s),b=c.selectAll(".domain").data([0]),_=(b.enter().append("path").attr("class","domain"),ao.transition(b));v.append("line"),v.append("text");var w,S,k,N,E=v.select("line"),A=y.select("line"),C=g.select("text").text(p),z=v.select("text"),L=y.select("text"),q="top"===r||"left"===r?-1:1;if("bottom"===r||"top"===r?(n=no,w="x",k="y",S="x2",N="y2",C.attr("dy",0>q?"0em":".71em").style("text-anchor","middle"),_.attr("d","M"+x[0]+","+q*u+"V0H"+x[1]+"V"+q*u)):(n=to,w="y",k="x",S="y2",N="x2",C.attr("dy",".32em").style("text-anchor",0>q?"end":"start"),_.attr("d","M"+q*u+","+x[0]+"H0V"+x[1]+"H"+q*u)),E.attr(N,q*i),z.attr(k,q*M),A.attr(S,0).attr(N,q*i),L.attr(w,0).attr(k,q*M),s.rangeBand){var T=s,R=T.rangeBand()/2;f=s=function(n){return T(n)+R}}else f.rangeBand?f=s:d.call(n,s,f);v.call(n,f,s),y.call(n,s,s)})}var t,e=ao.scale.linear(),r=Vl,i=6,u=6,o=3,a=[10],l=null;return n.scale=function(t){return arguments.length?(e=t,n):e},n.orient=function(t){return arguments.length?(r=t in Xl?t+"":Vl,n):r},n.ticks=function(){return arguments.length?(a=co(arguments),n):a},n.tickValues=function(t){return arguments.length?(l=t,n):l},n.tickFormat=function(e){return arguments.length?(t=e,n):t},n.tickSize=function(t){var e=arguments.length;return e?(i=+t,u=+arguments[e-1],n):i},n.innerTickSize=function(t){return arguments.length?(i=+t,n):i},n.outerTickSize=function(t){return arguments.length?(u=+t,n):u},n.tickPadding=function(t){return arguments.length?(o=+t,n):o},n.tickSubdivide=function(){return arguments.length&&n},n};var Vl="bottom",Xl={top:1,right:1,bottom:1,left:1};ao.svg.brush=function(){function n(t){t.each(function(){var t=ao.select(this).style("pointer-events","all").style("-webkit-tap-highlight-color","rgba(0,0,0,0)").on("mousedown.brush",u).on("touchstart.brush",u),o=t.selectAll(".background").data([0]);o.enter().append("rect").attr("class","background").style("visibility","hidden").style("cursor","crosshair"),t.selectAll(".extent").data([0]).enter().append("rect").attr("class","extent").style("cursor","move");var a=t.selectAll(".resize").data(v,m);a.exit().remove(),a.enter().append("g").attr("class",function(n){return"resize "+n}).style("cursor",function(n){return $l[n]}).append("rect").attr("x",function(n){return/[ew]$/.test(n)?-3:null}).attr("y",function(n){return/^[ns]/.test(n)?-3:null}).attr("width",6).attr("height",6).style("visibility","hidden"),a.style("display",n.empty()?"none":null);var l,s=ao.transition(t),h=ao.transition(o);c&&(l=Zi(c),h.attr("x",l[0]).attr("width",l[1]-l[0]),r(s)),f&&(l=Zi(f),h.attr("y",l[0]).attr("height",l[1]-l[0]),i(s)),e(s)})}function e(n){n.selectAll(".resize").attr("transform",function(n){return"translate("+s[+/e$/.test(n)]+","+h[+/^s/.test(n)]+")"})}function r(n){n.select(".extent").attr("x",s[0]),n.selectAll(".extent,.n>rect,.s>rect").attr("width",s[1]-s[0])}function i(n){n.select(".extent").attr("y",h[0]),n.selectAll(".extent,.e>rect,.w>rect").attr("height",h[1]-h[0])}function u(){function u(){32==ao.event.keyCode&&(C||(M=null,L[0]-=s[1],L[1]-=h[1],C=2),S())}function v(){32==ao.event.keyCode&&2==C&&(L[0]+=s[1],L[1]+=h[1],C=0,S())}function d(){var n=ao.mouse(b),t=!1;x&&(n[0]+=x[0],n[1]+=x[1]),C||(ao.event.altKey?(M||(M=[(s[0]+s[1])/2,(h[0]+h[1])/2]),L[0]=s[+(n[0]f?(i=r,r=f):i=f),v[0]!=r||v[1]!=i?(e?a=null:o=null,v[0]=r,v[1]=i,!0):void 0}function m(){d(),k.style("pointer-events","all").selectAll(".resize").style("display",n.empty()?"none":null),ao.select("body").style("cursor",null),q.on("mousemove.brush",null).on("mouseup.brush",null).on("touchmove.brush",null).on("touchend.brush",null).on("keydown.brush",null).on("keyup.brush",null),z(),w({type:"brushend"})}var M,x,b=this,_=ao.select(ao.event.target),w=l.of(b,arguments),k=ao.select(b),N=_.datum(),E=!/^(n|s)$/.test(N)&&c,A=!/^(e|w)$/.test(N)&&f,C=_.classed("extent"),z=W(b),L=ao.mouse(b),q=ao.select(t(b)).on("keydown.brush",u).on("keyup.brush",v);if(ao.event.changedTouches?q.on("touchmove.brush",d).on("touchend.brush",m):q.on("mousemove.brush",d).on("mouseup.brush",m),k.interrupt().selectAll("*").interrupt(),C)L[0]=s[0]-L[0],L[1]=h[0]-L[1];else if(N){var T=+/w$/.test(N),R=+/^n/.test(N);x=[s[1-T]-L[0],h[1-R]-L[1]],L[0]=s[T],L[1]=h[R]}else ao.event.altKey&&(M=L.slice());k.style("pointer-events","none").selectAll(".resize").style("display",null),ao.select("body").style("cursor",_.style("cursor")),w({type:"brushstart"}),d()}var o,a,l=N(n,"brushstart","brush","brushend"),c=null,f=null,s=[0,0],h=[0,0],p=!0,g=!0,v=Bl[0];return n.event=function(n){n.each(function(){var n=l.of(this,arguments),t={x:s,y:h,i:o,j:a},e=this.__chart__||t;this.__chart__=t,Hl?ao.select(this).transition().each("start.brush",function(){o=e.i,a=e.j,s=e.x,h=e.y,n({type:"brushstart"})}).tween("brush:brush",function(){var e=xr(s,t.x),r=xr(h,t.y);return o=a=null,function(i){s=t.x=e(i),h=t.y=r(i),n({type:"brush",mode:"resize"})}}).each("end.brush",function(){o=t.i,a=t.j,n({type:"brush",mode:"resize"}),n({type:"brushend"})}):(n({type:"brushstart"}),n({type:"brush",mode:"resize"}),n({type:"brushend"}))})},n.x=function(t){return arguments.length?(c=t,v=Bl[!c<<1|!f],n):c},n.y=function(t){return arguments.length?(f=t,v=Bl[!c<<1|!f],n):f},n.clamp=function(t){return arguments.length?(c&&f?(p=!!t[0],g=!!t[1]):c?p=!!t:f&&(g=!!t),n):c&&f?[p,g]:c?p:f?g:null},n.extent=function(t){var e,r,i,u,l;return arguments.length?(c&&(e=t[0],r=t[1],f&&(e=e[0],r=r[0]),o=[e,r],c.invert&&(e=c(e),r=c(r)),e>r&&(l=e,e=r,r=l),e==s[0]&&r==s[1]||(s=[e,r])),f&&(i=t[0],u=t[1],c&&(i=i[1],u=u[1]),a=[i,u],f.invert&&(i=f(i),u=f(u)),i>u&&(l=i,i=u,u=l),i==h[0]&&u==h[1]||(h=[i,u])),n):(c&&(o?(e=o[0],r=o[1]):(e=s[0],r=s[1],c.invert&&(e=c.invert(e),r=c.invert(r)),e>r&&(l=e,e=r,r=l))),f&&(a?(i=a[0],u=a[1]):(i=h[0],u=h[1],f.invert&&(i=f.invert(i),u=f.invert(u)),i>u&&(l=i,i=u,u=l))),c&&f?[[e,i],[r,u]]:c?[e,r]:f&&[i,u])},n.clear=function(){return n.empty()||(s=[0,0],h=[0,0],o=a=null),n},n.empty=function(){return!!c&&s[0]==s[1]||!!f&&h[0]==h[1]},ao.rebind(n,l,"on")};var $l={n:"ns-resize",e:"ew-resize",s:"ns-resize",w:"ew-resize",nw:"nwse-resize",ne:"nesw-resize",se:"nwse-resize",sw:"nesw-resize"},Bl=[["n","e","s","w","nw","ne","se","sw"],["e","w"],["n","s"],[]],Wl=ga.format=xa.timeFormat,Jl=Wl.utc,Gl=Jl("%Y-%m-%dT%H:%M:%S.%LZ");Wl.iso=Date.prototype.toISOString&&+new Date("2000-01-01T00:00:00.000Z")?eo:Gl,eo.parse=function(n){var t=new Date(n);return isNaN(t)?null:t},eo.toString=Gl.toString,ga.second=On(function(n){return new va(1e3*Math.floor(n/1e3))},function(n,t){n.setTime(n.getTime()+1e3*Math.floor(t))},function(n){return n.getSeconds()}),ga.seconds=ga.second.range,ga.seconds.utc=ga.second.utc.range,ga.minute=On(function(n){return new va(6e4*Math.floor(n/6e4))},function(n,t){n.setTime(n.getTime()+6e4*Math.floor(t))},function(n){return n.getMinutes()}),ga.minutes=ga.minute.range,ga.minutes.utc=ga.minute.utc.range,ga.hour=On(function(n){var t=n.getTimezoneOffset()/60;return new va(36e5*(Math.floor(n/36e5-t)+t))},function(n,t){n.setTime(n.getTime()+36e5*Math.floor(t))},function(n){return n.getHours()}),ga.hours=ga.hour.range,ga.hours.utc=ga.hour.utc.range,ga.month=On(function(n){return n=ga.day(n),n.setDate(1),n},function(n,t){n.setMonth(n.getMonth()+t)},function(n){return n.getMonth()}),ga.months=ga.month.range,ga.months.utc=ga.month.utc.range;var Kl=[1e3,5e3,15e3,3e4,6e4,3e5,9e5,18e5,36e5,108e5,216e5,432e5,864e5,1728e5,6048e5,2592e6,7776e6,31536e6],Ql=[[ga.second,1],[ga.second,5],[ga.second,15],[ga.second,30],[ga.minute,1],[ga.minute,5],[ga.minute,15],[ga.minute,30],[ga.hour,1],[ga.hour,3],[ga.hour,6],[ga.hour,12],[ga.day,1],[ga.day,2],[ga.week,1],[ga.month,1],[ga.month,3],[ga.year,1]],nc=Wl.multi([[".%L",function(n){return n.getMilliseconds()}],[":%S",function(n){return n.getSeconds()}],["%I:%M",function(n){return n.getMinutes()}],["%I %p",function(n){return n.getHours()}],["%a %d",function(n){return n.getDay()&&1!=n.getDate()}],["%b %d",function(n){return 1!=n.getDate()}],["%B",function(n){return n.getMonth()}],["%Y",zt]]),tc={range:function(n,t,e){return ao.range(Math.ceil(n/e)*e,+t,e).map(io)},floor:m,ceil:m};Ql.year=ga.year,ga.scale=function(){return ro(ao.scale.linear(),Ql,nc)};var ec=Ql.map(function(n){return[n[0].utc,n[1]]}),rc=Jl.multi([[".%L",function(n){return n.getUTCMilliseconds()}],[":%S",function(n){return n.getUTCSeconds()}],["%I:%M",function(n){return n.getUTCMinutes()}],["%I %p",function(n){return n.getUTCHours()}],["%a %d",function(n){return n.getUTCDay()&&1!=n.getUTCDate()}],["%b %d",function(n){return 1!=n.getUTCDate()}],["%B",function(n){return n.getUTCMonth()}],["%Y",zt]]);ec.year=ga.year.utc,ga.scale.utc=function(){return ro(ao.scale.linear(),ec,rc)},ao.text=An(function(n){return n.responseText}),ao.json=function(n,t){return Cn(n,"application/json",uo,t)},ao.html=function(n,t){return Cn(n,"text/html",oo,t)},ao.xml=An(function(n){return n.responseXML}),"function"==typeof define&&define.amd?(this.d3=ao,define(ao)):"object"==typeof module&&module.exports?module.exports=ao:this.d3=ao}(); \ No newline at end of file diff --git a/static/new/js/flexslider.min.js b/static/new/js/flexslider.min.js new file mode 100644 index 00000000..9c5f5eb8 --- /dev/null +++ b/static/new/js/flexslider.min.js @@ -0,0 +1 @@ +(function(e){e.flexslider=function(t,n){var r=e(t);r.vars=e.extend({},e.flexslider.defaults,n);var i=r.vars.namespace,s=window.navigator&&window.navigator.msPointerEnabled&&window.MSGesture,o=("ontouchstart"in window||s||window.DocumentTouch&&document instanceof DocumentTouch)&&r.vars.touch,u="click touchend MSPointerUp",a="",f,l=r.vars.direction==="vertical",c=r.vars.reverse,h=r.vars.itemWidth>0,p=r.vars.animation==="fade",d=r.vars.asNavFor!=="",v={},m=true;e.data(t,"flexslider",r);v={init:function(){r.animating=false;r.currentSlide=parseInt(r.vars.startAt?r.vars.startAt:0,10);if(isNaN(r.currentSlide))r.currentSlide=0;r.animatingTo=r.currentSlide;r.atEnd=r.currentSlide===0||r.currentSlide===r.last;r.containerSelector=r.vars.selector.substr(0,r.vars.selector.search(" "));r.slides=e(r.vars.selector,r);r.container=e(r.containerSelector,r);r.count=r.slides.length;r.syncExists=e(r.vars.sync).length>0;if(r.vars.animation==="slide")r.vars.animation="swing";r.prop=l?"top":"marginLeft";r.args={};r.manualPause=false;r.stopped=false;r.started=false;r.startTimeout=null;r.transitions=!r.vars.video&&!p&&r.vars.useCSS&&function(){var e=document.createElement("div"),t=["perspectiveProperty","WebkitPerspective","MozPerspective","OPerspective","msPerspective"];for(var n in t){if(e.style[t[n]]!==undefined){r.pfx=t[n].replace("Perspective","").toLowerCase();r.prop="-"+r.pfx+"-transform";return true}}return false}();if(r.vars.controlsContainer!=="")r.controlsContainer=e(r.vars.controlsContainer).length>0&&e(r.vars.controlsContainer);if(r.vars.manualControls!=="")r.manualControls=e(r.vars.manualControls).length>0&&e(r.vars.manualControls);if(r.vars.randomize){r.slides.sort(function(){return Math.round(Math.random())-.5});r.container.empty().append(r.slides)}r.doMath();r.setup("init");if(r.vars.controlNav)v.controlNav.setup();if(r.vars.directionNav)v.directionNav.setup();if(r.vars.keyboard&&(e(r.containerSelector).length===1||r.vars.multipleKeyboard)){e(document).bind("keyup",function(e){var t=e.keyCode;if(!r.animating&&(t===39||t===37)){var n=t===39?r.getTarget("next"):t===37?r.getTarget("prev"):false;r.flexAnimate(n,r.vars.pauseOnAction)}})}if(r.vars.mousewheel){r.bind("mousewheel",function(e,t,n,i){e.preventDefault();var s=t<0?r.getTarget("next"):r.getTarget("prev");r.flexAnimate(s,r.vars.pauseOnAction)})}if(r.vars.pausePlay)v.pausePlay.setup();if(r.vars.slideshow&&r.vars.pauseInvisible)v.pauseInvisible.init();if(r.vars.slideshow){if(r.vars.pauseOnHover){r.hover(function(){if(!r.manualPlay&&!r.manualPause)r.pause()},function(){if(!r.manualPause&&!r.manualPlay&&!r.stopped)r.play()})}if(!r.vars.pauseInvisible||!v.pauseInvisible.isHidden()){r.vars.initDelay>0?r.startTimeout=setTimeout(r.play,r.vars.initDelay):r.play()}}if(d)v.asNav.setup();if(o&&r.vars.touch)v.touch();if(!p||p&&r.vars.smoothHeight)e(window).bind("resize orientationchange focus",v.resize);r.find("img").attr("draggable","false");setTimeout(function(){r.vars.start(r)},200)},asNav:{setup:function(){r.asNav=true;r.animatingTo=Math.floor(r.currentSlide/r.move);r.currentItem=r.currentSlide;r.slides.removeClass(i+"active-slide").eq(r.currentItem).addClass(i+"active-slide");if(!s){r.slides.on(u,function(t){t.preventDefault();var n=e(this),s=n.index();var o=n.offset().left-e(r).scrollLeft();if(o<=0&&n.hasClass(i+"active-slide")){r.flexAnimate(r.getTarget("prev"),true)}else if(!e(r.vars.asNavFor).data("flexslider").animating&&!n.hasClass(i+"active-slide")){r.direction=r.currentItem
      ');if(r.pagingCount>1){for(var f=0;f':""+n+"";if("thumbnails"===r.vars.controlNav&&true===r.vars.thumbCaptions){var l=o.attr("data-thumbcaption");if(""!=l&&undefined!=l)s+=''+l+""}r.controlNavScaffold.append("
    • "+s+"
      • ");n++}}r.controlsContainer?e(r.controlsContainer).append(r.controlNavScaffold):r.append(r.controlNavScaffold);v.controlNav.set();v.controlNav.active();r.controlNavScaffold.delegate("a, img",u,function(t){t.preventDefault();if(a===""||a===t.type){var n=e(this),s=r.controlNav.index(n);if(!n.hasClass(i+"active")){r.direction=s>r.currentSlide?"next":"prev";r.flexAnimate(s,r.vars.pauseOnAction)}}if(a===""){a=t.type}v.setToClearWatchedEvent()})},setupManual:function(){r.controlNav=r.manualControls;v.controlNav.active();r.controlNav.bind(u,function(t){t.preventDefault();if(a===""||a===t.type){var n=e(this),s=r.controlNav.index(n);if(!n.hasClass(i+"active")){s>r.currentSlide?r.direction="next":r.direction="prev";r.flexAnimate(s,r.vars.pauseOnAction)}}if(a===""){a=t.type}v.setToClearWatchedEvent()})},set:function(){var t=r.vars.controlNav==="thumbnails"?"img":"a";r.controlNav=e("."+i+"control-nav li "+t,r.controlsContainer?r.controlsContainer:r)},active:function(){r.controlNav.removeClass(i+"active").eq(r.animatingTo).addClass(i+"active")},update:function(t,n){if(r.pagingCount>1&&t==="add"){r.controlNavScaffold.append(e("
    • "+r.count+"
      • "))}else if(r.pagingCount===1){r.controlNavScaffold.find("li").remove()}else{r.controlNav.eq(n).closest("li").remove()}v.controlNav.set();r.pagingCount>1&&r.pagingCount!==r.controlNav.length?r.update(n,t):v.controlNav.active()}},directionNav:{setup:function(){var t=e('");if(r.controlsContainer){e(r.controlsContainer).append(t);r.directionNav=e("."+i+"direction-nav li a",r.controlsContainer)}else{r.append(t);r.directionNav=e("."+i+"direction-nav li a",r)}v.directionNav.update();r.directionNav.bind(u,function(t){t.preventDefault();var n;if(a===""||a===t.type){n=e(this).hasClass(i+"next")?r.getTarget("next"):r.getTarget("prev");r.flexAnimate(n,r.vars.pauseOnAction)}if(a===""){a=t.type}v.setToClearWatchedEvent()})},update:function(){var e=i+"disabled";if(r.pagingCount===1){r.directionNav.addClass(e).attr("tabindex","-1")}else if(!r.vars.animationLoop){if(r.animatingTo===0){r.directionNav.removeClass(e).filter("."+i+"prev").addClass(e).attr("tabindex","-1")}else if(r.animatingTo===r.last){r.directionNav.removeClass(e).filter("."+i+"next").addClass(e).attr("tabindex","-1")}else{r.directionNav.removeClass(e).removeAttr("tabindex")}}else{r.directionNav.removeClass(e).removeAttr("tabindex")}}},pausePlay:{setup:function(){var t=e('
      ');if(r.controlsContainer){r.controlsContainer.append(t);r.pausePlay=e("."+i+"pauseplay a",r.controlsContainer)}else{r.append(t);r.pausePlay=e("."+i+"pauseplay a",r)}v.pausePlay.update(r.vars.slideshow?i+"pause":i+"play");r.pausePlay.bind(u,function(t){t.preventDefault();if(a===""||a===t.type){if(e(this).hasClass(i+"pause")){r.manualPause=true;r.manualPlay=false;r.pause()}else{r.manualPause=false;r.manualPlay=true;r.play()}}if(a===""){a=t.type}v.setToClearWatchedEvent()})},update:function(e){e==="play"?r.pausePlay.removeClass(i+"pause").addClass(i+"play").html(r.vars.playText):r.pausePlay.removeClass(i+"play").addClass(i+"pause").html(r.vars.pauseText)}},touch:function(){var e,n,i,o,u,a,f,d,v,m=false,g=0,y=0,b=0;if(!s){d=function(t){g=t.touches[0].pageX;y=t.touches[0].pageY;u=l?e-y:e-g;m=l?Math.abs(u)s){t.preventDefault();if(!p&&r.transitions){if(!r.vars.animationLoop){u=u/(r.currentSlide===0&&u<0||r.currentSlide===r.last&&u>0?Math.abs(u)/o+2:1)}r.setProps(i+u,"setTouch")}}};v=function(s){t.removeEventListener("touchmove",d,false);if(r.animatingTo===r.currentSlide&&!m&&!(u===null)){var f=c?-u:u,l=f>0?r.getTarget("next"):r.getTarget("prev");if(r.canAdvance(l)&&(Number(new Date)-a<550&&Math.abs(f)>50||Math.abs(f)>o/2)){r.flexAnimate(l,r.vars.pauseOnAction)}else{if(!p)r.flexAnimate(r.currentSlide,r.vars.pauseOnAction,true)}}t.removeEventListener("touchend",v,false);e=null;n=null;u=null;i=null};f=function(s){if(r.animating){s.preventDefault()}else if(window.navigator.msPointerEnabled||s.touches.length===1){r.pause();o=l?r.h:r.w;a=Number(new Date);g=s.touches[0].pageX;y=s.touches[0].pageY;i=h&&c&&r.animatingTo===r.last?0:h&&c?r.limit-(r.itemW+r.vars.itemMargin)*r.move*r.animatingTo:h&&r.currentSlide===r.last?r.limit:h?(r.itemW+r.vars.itemMargin)*r.move*r.currentSlide:c?(r.last-r.currentSlide+r.cloneOffset)*o:(r.currentSlide+r.cloneOffset)*o;e=l?y:g;n=l?g:y;t.addEventListener("touchmove",d,false);t.addEventListener("touchend",v,false)}};t.addEventListener("touchstart",f,false)}else{t.style.msTouchAction="none";t._gesture=new MSGesture;t._gesture.target=t;t.addEventListener("MSPointerDown",w,false);t._slider=r;t.addEventListener("MSGestureChange",E,false);t.addEventListener("MSGestureEnd",S,false);function w(e){e.stopPropagation();if(r.animating){e.preventDefault()}else{r.pause();t._gesture.addPointer(e.pointerId);b=0;o=l?r.h:r.w;a=Number(new Date);i=h&&c&&r.animatingTo===r.last?0:h&&c?r.limit-(r.itemW+r.vars.itemMargin)*r.move*r.animatingTo:h&&r.currentSlide===r.last?r.limit:h?(r.itemW+r.vars.itemMargin)*r.move*r.currentSlide:c?(r.last-r.currentSlide+r.cloneOffset)*o:(r.currentSlide+r.cloneOffset)*o}}function E(e){e.stopPropagation();var n=e.target._slider;if(!n){return}var r=-e.translationX,s=-e.translationY;b=b+(l?s:r);u=b;m=l?Math.abs(b)500){e.preventDefault();if(!p&&n.transitions){if(!n.vars.animationLoop){u=b/(n.currentSlide===0&&b<0||n.currentSlide===n.last&&b>0?Math.abs(b)/o+2:1)}n.setProps(i+u,"setTouch")}}}function S(t){t.stopPropagation();var r=t.target._slider;if(!r){return}if(r.animatingTo===r.currentSlide&&!m&&!(u===null)){var s=c?-u:u,f=s>0?r.getTarget("next"):r.getTarget("prev");if(r.canAdvance(f)&&(Number(new Date)-a<550&&Math.abs(s)>50||Math.abs(s)>o/2)){r.flexAnimate(f,r.vars.pauseOnAction)}else{if(!p)r.flexAnimate(r.currentSlide,r.vars.pauseOnAction,true)}}e=null;n=null;u=null;i=null;b=0}}},resize:function(){if(!r.animating&&r.is(":visible")){if(!h)r.doMath();if(p){v.smoothHeight()}else if(h){r.slides.width(r.computedW);r.update(r.pagingCount);r.setProps()}else if(l){r.viewport.height(r.h);r.setProps(r.h,"setTotal")}else{if(r.vars.smoothHeight)v.smoothHeight();r.newSlides.width(r.computedW);r.setProps(r.computedW,"setTotal")}}},smoothHeight:function(e){if(!l||p){var t=p?r:r.viewport;e?t.animate({height:r.slides.eq(r.animatingTo).height()},e):t.height(r.slides.eq(r.animatingTo).height())}},sync:function(t){var n=e(r.vars.sync).data("flexslider"),i=r.animatingTo;switch(t){case"animate":n.flexAnimate(i,r.vars.pauseOnAction,false,true);break;case"play":if(!n.playing&&!n.asNav){n.play()}break;case"pause":n.pause();break}},uniqueID:function(t){t.find("[id]").each(function(){var t=e(this);t.attr("id",t.attr("id")+"_clone")});return t},pauseInvisible:{visProp:null,init:function(){var e=["webkit","moz","ms","o"];if("hidden"in document)return"hidden";for(var t=0;t0?setTimeout(r.play,r.vars.initDelay):r.play()}})}},isHidden:function(){return document[v.pauseInvisible.visProp]||false}},setToClearWatchedEvent:function(){clearTimeout(f);f=setTimeout(function(){a=""},3e3)}};r.flexAnimate=function(t,n,s,u,a){if(!r.vars.animationLoop&&t!==r.currentSlide){r.direction=t>r.currentSlide?"next":"prev"}if(d&&r.pagingCount===1)r.direction=r.currentItemr.limit&&r.visible!==1?r.limit:b}else if(r.currentSlide===0&&t===r.count-1&&r.vars.animationLoop&&r.direction!=="next"){y=c?(r.count+r.cloneOffset)*m:0}else if(r.currentSlide===r.last&&t===0&&r.vars.animationLoop&&r.direction!=="prev"){y=c?0:(r.count+1)*m}else{y=c?(r.count-1-t+r.cloneOffset)*m:(t+r.cloneOffset)*m}r.setProps(y,"",r.vars.animationSpeed);if(r.transitions){if(!r.vars.animationLoop||!r.atEnd){r.animating=false;r.currentSlide=r.animatingTo}r.container.unbind("webkitTransitionEnd transitionend");r.container.bind("webkitTransitionEnd transitionend",function(){r.wrapup(m)})}else{r.container.animate(r.args,r.vars.animationSpeed,r.vars.easing,function(){r.wrapup(m)})}}else{if(!o){r.slides.eq(r.currentSlide).css({zIndex:1}).animate({opacity:0},r.vars.animationSpeed,r.vars.easing);r.slides.eq(t).css({zIndex:2}).animate({opacity:1},r.vars.animationSpeed,r.vars.easing,r.wrapup)}else{r.slides.eq(r.currentSlide).css({opacity:0,zIndex:1});r.slides.eq(t).css({opacity:1,zIndex:2});r.wrapup(m)}}if(r.vars.smoothHeight)v.smoothHeight(r.vars.animationSpeed)}};r.wrapup=function(e){if(!p&&!h){if(r.currentSlide===0&&r.animatingTo===r.last&&r.vars.animationLoop){r.setProps(e,"jumpEnd")}else if(r.currentSlide===r.last&&r.animatingTo===0&&r.vars.animationLoop){r.setProps(e,"jumpStart")}}r.animating=false;r.currentSlide=r.animatingTo;r.vars.after(r)};r.animateSlides=function(){if(!r.animating&&m)r.flexAnimate(r.getTarget("next"))};r.pause=function(){clearInterval(r.animatedSlides);r.animatedSlides=null;r.playing=false;if(r.vars.pausePlay)v.pausePlay.update("play");if(r.syncExists)v.sync("pause")};r.play=function(){if(r.playing)clearInterval(r.animatedSlides);r.animatedSlides=r.animatedSlides||setInterval(r.animateSlides,r.vars.slideshowSpeed);r.started=r.playing=true;if(r.vars.pausePlay)v.pausePlay.update("pause");if(r.syncExists)v.sync("play")};r.stop=function(){r.pause();r.stopped=true};r.canAdvance=function(e,t){var n=d?r.pagingCount-1:r.last;return t?true:d&&r.currentItem===r.count-1&&e===0&&r.direction==="prev"?true:d&&r.currentItem===0&&e===r.pagingCount-1&&r.direction!=="next"?false:e===r.currentSlide&&!d?false:r.vars.animationLoop?true:r.atEnd&&r.currentSlide===0&&e===n&&r.direction!=="next"?false:r.atEnd&&r.currentSlide===n&&e===0&&r.direction==="next"?false:true};r.getTarget=function(e){r.direction=e;if(e==="next"){return r.currentSlide===r.last?0:r.currentSlide+1}else{return r.currentSlide===0?r.last:r.currentSlide-1}};r.setProps=function(e,t,n){var i=function(){var n=e?e:(r.itemW+r.vars.itemMargin)*r.move*r.animatingTo,i=function(){if(h){return t==="setTouch"?e:c&&r.animatingTo===r.last?0:c?r.limit-(r.itemW+r.vars.itemMargin)*r.move*r.animatingTo:r.animatingTo===r.last?r.limit:n}else{switch(t){case"setTotal":return c?(r.count-1-r.currentSlide+r.cloneOffset)*e:(r.currentSlide+r.cloneOffset)*e;case"setTouch":return c?e:e;case"jumpEnd":return c?e:r.count*e;case"jumpStart":return c?r.count*e:e;default:return e}}}();return i*-1+"px"}();if(r.transitions){i=l?"translate3d(0,"+i+",0)":"translate3d("+i+",0,0)";n=n!==undefined?n/1e3+"s":"0s";r.container.css("-"+r.pfx+"-transition-duration",n);r.container.css("transition-duration",n)}r.args[r.prop]=i;if(r.transitions||n===undefined)r.container.css(r.args);r.container.css("transform",i)};r.setup=function(t){if(!p){var n,s;if(t==="init"){r.viewport=e('
      ').css({overflow:"hidden",position:"relative"}).appendTo(r).append(r.container);r.cloneCount=0;r.cloneOffset=0;if(c){s=e.makeArray(r.slides).reverse();r.slides=e(s);r.container.empty().append(r.slides)}}if(r.vars.animationLoop&&!h){r.cloneCount=2;r.cloneOffset=1;if(t!=="init")r.container.find(".clone").remove();r.container.append(r.slides.first().clone().addClass("clone").attr("aria-hidden","true")).prepend(r.slides.last().clone().addClass("clone").attr("aria-hidden","true"));v.uniqueID(r.slides.first().clone().addClass("clone")).appendTo(r.container);v.uniqueID(r.slides.last().clone().addClass("clone")).prependTo(r.container)}r.newSlides=e(r.vars.selector,r);n=c?r.count-1-r.currentSlide+r.cloneOffset:r.currentSlide+r.cloneOffset;if(l&&!h){r.container.height((r.count+r.cloneCount)*200+"%").css("position","absolute").width("100%");setTimeout(function(){r.newSlides.css({display:"block"});r.doMath();r.viewport.height(r.h);r.setProps(n*r.h,"init")},t==="init"?100:0)}else{r.container.width((r.count+r.cloneCount)*200+"%");r.setProps(n*r.computedW,"init");setTimeout(function(){r.doMath();r.newSlides.css({width:r.computedW,"float":"left",display:"block"});if(r.vars.smoothHeight)v.smoothHeight()},t==="init"?100:0)}}else{r.slides.css({width:"100%","float":"left",marginRight:"-100%",position:"relative"});if(t==="init"){if(!o){r.slides.css({opacity:0,display:"block",zIndex:1}).eq(r.currentSlide).css({zIndex:2}).animate({opacity:1},r.vars.animationSpeed,r.vars.easing)}else{r.slides.css({opacity:0,display:"block",webkitTransition:"opacity "+r.vars.animationSpeed/1e3+"s ease",zIndex:1}).eq(r.currentSlide).css({opacity:1,zIndex:2})}}if(r.vars.smoothHeight)v.smoothHeight()}if(!h)r.slides.removeClass(i+"active-slide").eq(r.currentSlide).addClass(i+"active-slide");r.vars.init(r)};r.doMath=function(){var e=r.slides.first(),t=r.vars.itemMargin,n=r.vars.minItems,i=r.vars.maxItems;r.w=r.viewport===undefined?r.width():r.viewport.width();r.h=e.height();r.boxPadding=e.outerWidth()-e.width();if(h){r.itemT=r.vars.itemWidth+t;r.minW=n?n*r.itemT:r.w;r.maxW=i?i*r.itemT-t:r.w;r.itemW=r.minW>r.w?(r.w-t*(n-1))/n:r.maxWr.w?r.w:r.vars.itemWidth;r.visible=Math.floor(r.w/r.itemW);r.move=r.vars.move>0&&r.vars.mover.w?r.itemW*(r.count-1)+t*(r.count-1):(r.itemW+t)*r.count-r.w-t}else{r.itemW=r.w;r.pagingCount=r.count;r.last=r.count-1}r.computedW=r.itemW-r.boxPadding};r.update=function(e,t){r.doMath();if(!h){if(er.controlNav.length){v.controlNav.update("add")}else if(t==="remove"&&!h||r.pagingCountr.last){r.currentSlide-=1;r.animatingTo-=1}v.controlNav.update("remove",r.last)}}if(r.vars.directionNav)v.directionNav.update()};r.addSlide=function(t,n){var i=e(t);r.count+=1;r.last=r.count-1;if(l&&c){n!==undefined?r.slides.eq(r.count-n).after(i):r.container.prepend(i)}else{n!==undefined?r.slides.eq(n).before(i):r.container.append(i)}r.update(n,"add");r.slides=e(r.vars.selector+":not(.clone)",r);r.setup();r.vars.added(r)};r.removeSlide=function(t){var n=isNaN(t)?r.slides.index(e(t)):t;r.count-=1;r.last=r.count-1;if(isNaN(t)){e(t,r.slides).remove()}else{l&&c?r.slides.eq(r.last).remove():r.slides.eq(t).remove()}r.doMath();r.update(n,"remove");r.slides=e(r.vars.selector+":not(.clone)",r);r.setup();r.vars.removed(r)};v.init()};e(window).blur(function(e){focused=false}).focus(function(e){focused=true});e.flexslider.defaults={namespace:"flex-",selector:".slides > li",animation:"fade",easing:"swing",direction:"horizontal",reverse:false,animationLoop:true,smoothHeight:false,startAt:0,slideshow:true,slideshowSpeed:7e3,animationSpeed:600,initDelay:0,randomize:false,thumbCaptions:false,pauseOnAction:true,pauseOnHover:false,pauseInvisible:true,useCSS:true,touch:true,video:false,controlNav:true,directionNav:true,prevText:"Previous",nextText:"Next",keyboard:true,multipleKeyboard:false,mousewheel:false,pausePlay:false,pauseText:"Pause",playText:"Play",controlsContainer:"",manualControls:"",sync:"",asNavFor:"",itemWidth:0,itemMargin:0,minItems:1,maxItems:0,move:0,allowOneSlide:true,start:function(){},before:function(){},after:function(){},end:function(){},added:function(){},removed:function(){},init:function(){}};e.fn.flexslider=function(t){if(t===undefined)t={};if(typeof t==="object"){return this.each(function(){var n=e(this),r=t.selector?t.selector:".slides > li",i=n.find(r);if(i.length===1&&t.allowOneSlide===true||i.length===0){i.fadeIn(400);if(t.start)t.start(n)}else if(n.data("flexslider")===undefined){new e.flexslider(this,t)}})}else{var n=e(this).data("flexslider");switch(t){case"play":n.play();break;case"pause":n.pause();break;case"stop":n.stop();break;case"next":n.flexAnimate(n.getTarget("next"),true);break;case"prev":case"previous":n.flexAnimate(n.getTarget("prev"),true);break;default:if(typeof t==="number")n.flexAnimate(t,true)}}}})(jQuery) \ No newline at end of file diff --git a/static/new/js/graph1.js b/static/new/js/graph1.js new file mode 100644 index 00000000..e1d87a61 --- /dev/null +++ b/static/new/js/graph1.js @@ -0,0 +1,101 @@ +//data + var label2= ['','Student','Individual Contributer','Contributes to Open Source', 'Open to Job Opportunities', 'Working Professional', 'Leadership Experience', 'Presented at Conferences','Publish Tech Blogs or Books']; + + var people2 = [51,109,98,143,391,132,97,60]; + + /////////////////////// + // Graph 2 + /////////////////////// + + + //color + var colors2 = ['#32648E']; + + var grid2 = d3.range(25).map(function(i){ + return {'x1':0,'y1':0,'x2':0,'y2':320}; + }); + + var tickVals2 = grid2.map(function(d,i){ + if(i>0){ return i*50; } + else if(i===0){ return "100";} + }); + + var xscale2 = d3.scale.linear() + .domain([10,425]) //chart range + .range([0,722]); + + var yscale2 = d3.scale.linear() + .domain([0,label2.length]) + .range([0,320]); + + var colorscale2 = d3.scale.quantize() + .domain([0,label2.length]) + .range(colors2); + + var canvas2 = d3.select('#barchart2') + .append('svg') + .attr("viewBox", "0 0 900 480") + .attr("preserveAspectRatio", "xMinYMin meet"); + + var grids2 = canvas2.append('g') + .attr('id','grid2') + .attr('transform','translate(200,10)') + .selectAll('line') + .data(grid2) + .enter() + .append('line') + .attr({'x1':function(d,i){ return i*30; }, + 'y1':function(d){ return d.y1; }, + 'x2':function(d,i){ return i*30; }, + 'y2':function(d){ return d.y2; }, + }) + .style({'stroke':'#adadad','stroke-width':'1px'}); + + var xAxis2 = d3.svg.axis() + .orient('bottom') + .scale(xscale2) + .tickValues(tickVals2); + + var yAxis2 = d3.svg.axis() + .orient('left') + .scale(yscale2) + .tickSize(2) + .tickFormat(function(d,i){ return label2[i]; }) + .tickValues(d3.range(17)); + + var y_xis2 = canvas2.append('g') + .attr("transform", "translate(200,-6)") + .attr('id','yAxis2') + .call(yAxis2); + + var x_xis2 = canvas2.append('g') + .attr("transform", "translate(200,320)") + .attr('id','xAxis2') + .call(xAxis2); + + var chart2 = canvas2.append('g') + .attr("transform", "translate(200,0)") + .attr('id','bars') + .selectAll('rect') + .data(people2) + .enter() + .append('rect') + .attr('height',19) + .attr({'x':0,'y':function(d,i){ return yscale2(i)+19; }}) + .style('fill',function(d,i){ return colorscale2(i); }) + .attr('width',function(d){ return 0; }); + + + var transit2 = d3.select("svg").selectAll("rect") + .data(people2) + .transition() + .duration(1000) + .attr("width", function(d) {return xscale2(d); }); + + var transitext2 = d3.select('#bars') + .selectAll('text') + .data(people2) + .enter() + .append('text') + .attr({'x':function(d) {return xscale2(d)-30; },'y':function(d,i){ return yscale2(i)+35; }}) + .text(function(d){ return d; }).style({'fill':'#fff','font-size':'14px'}); \ No newline at end of file diff --git a/static/new/js/graph2.js b/static/new/js/graph2.js new file mode 100644 index 00000000..4fa9c2bf --- /dev/null +++ b/static/new/js/graph2.js @@ -0,0 +1,101 @@ +//data + var label= ['','Web','Data Science','DevOps','Testing', 'Hardware','Tools']; + + var people = [298,321,212,231,118,283]; + + ////////////////////// + // Graph 1 + ////////////////////// + + //color + var colors = ['#FBBE3B']; + + var grid1 = d3.range(25).map(function(i){ + return {'x1':0,'y1':0,'x2':0,'y2':180}; + }); + + var tickVals1 = grid1.map(function(d,i){ + if(i>0){ return i*50; } + else if(i===0){ return "100";} + }); + + var xscale1 = d3.scale.linear() + .domain([10,350]) //chart range + .range([0,722]); + + var yscale1 = d3.scale.linear() + .domain([0,label.length]) + .range([0,180]); + + var colorScale1 = d3.scale.quantize() + .domain([0,label.length]) + .range(colors); + + var canvas1 = d3.select('#barchart1') + .append('svg') + .attr("viewBox", "0 0 900 280") + .attr("preserveAspectRatio", "xMinYMin meet") + ; + + var grids1 = canvas1.append('g') + .attr('id','grid1') + .attr('transform','translate(200,10)') + .selectAll('line') + .data(grid1) + .enter() + .append('line') + .attr({'x1':function(d,i){ return i*30; }, + 'y1':function(d){ return d.y1; }, + 'x2':function(d,i){ return i*30; }, + 'y2':function(d){ return d.y2; }, + }) + .style({'stroke':'#adadad','stroke-width':'1px'}); + + var xAxis1 = d3.svg.axis() + .orient('bottom') + .scale(xscale1) + .tickValues(tickVals1); + + var yAxis1 = d3.svg.axis() + .orient('left') + .scale(yscale1) + .tickSize(2) + .tickFormat(function(d,i){ return label[i]; }) + .tickValues(d3.range(17)); + + var y_xis1 = canvas1.append('g') + .attr("transform", "translate(200,0)") + .attr('id','yAxis1') + .call(yAxis1); + + var x_xis1 = canvas1.append('g') + .attr("transform", "translate(200,180)") + .attr('id','xAxis1') + .call(xAxis1); + + var chart1 = canvas1.append('g') + .attr("transform", "translate(200,0)") + .attr('id','bars') + .selectAll('rect') + .data(people) + .enter() + .append('rect') + .attr('height',19) + .attr({'x':0,'y':function(d,i){ return yscale1(i)+19; }}) + .style('fill',function(d,i){ return colorScale1(i); }) + .attr('width',function(d){ return 0; }); + + + var transit = d3.select("svg").selectAll("rect") + .data(people) + .transition() + .duration(1000) + .attr("width", function(d) {return xscale1(d); }); + + var transitext = d3.select('#bars') + .selectAll('text') + .data(people) + .enter() + .append('text') + .attr({'x':function(d) {return xscale1(d)-30; },'y':function(d,i){ return yscale1(i)+35; }}) + .text(function(d){ return d; }).style({'fill':'#fff','font-size':'14px'}); \ No newline at end of file diff --git a/static/new/js/graph3.js b/static/new/js/graph3.js new file mode 100644 index 00000000..823c3659 --- /dev/null +++ b/static/new/js/graph3.js @@ -0,0 +1,76 @@ +//////////// +//Pie charts +//////////// + + var data =[ + { origin: 'In Bay Area', label: 'Greater Bay Area', count: 3, color: "#98abc5"}, + { origin: 'In Bay Area', label: 'Bay Area', count: 65, color: "#8a89a6"}, + { origin: 'In Bay Area', label: 'San Francisco', count: 35, color: " #a2ecec"}, + { origin: 'In Bay Area', label: 'Other', count: 5, color: "#a2ccec"}, + { origin: 'Gender', label: 'Female', count: 20, color: "#7b6888"}, + { origin: 'Gender', label: 'Male', count: 80, color: "#6b486b"}, + { origin: 'Expertise Level', label: 'Beginner', count: 8, color: "#a05d56"}, + { origin: 'Expertise Level', label: 'Intermediate', count: 50, color: "#d0743c"}, + { origin: 'Expertise Level', label: 'Advance', count: 39, color: "#ff8c00"}, + { origin: 'Expertise Level', label: 'Non-Technical', count: 1, color: "#FBBE3B"}, + ]; + +//Chart size vars +var m = 30; +var radius = 120; + +//Pie Canvas +var pie = d3.layout.pie() + .value(function(d) { return +d.count; }) + .sort(function(a, b) { return b.count - a.count; }); + +var arc = d3.svg.arc() + .innerRadius(0) //radius / 2 for dougnut + .outerRadius(radius); + +//Groupby +var rports = d3.nest() + .key(function(d) { return d.origin; }) + .entries(data); + +var svg = d3.select("#pie1").selectAll("div") + .data(rports) + .enter().append("div") + .style("display", "inline-block") + .style("width", (radius + m) * 2 + "px") + .style("height", (radius + m) * 2 + "px") + .append("svg") + .attr("width", (radius + m) * 2) + .attr("height", (radius + m) * 2) + .append("g") + .attr("transform", "translate(" + (radius + m) + "," + (radius + m) + ")"); + +// titles +svg.append("text") + .attr("dy", -(radius+10)) + .attr("text-anchor", "middle") + .style("font", "bold 14px Arial") + .text(function(d) { return d.key; }); + +//pass vals +var g = svg.selectAll("g") + .data(function(d) { return pie(d.values); }) + .enter().append("g"); + +//colors + mouseover + g.append("path") + .attr("d", arc) + .style("fill", function(d) { return d.data.color; }) + .append("title") + .text(function(d) { return d.data.label + ":\n" + d.data.count +"%"; }); + + g.filter(function(d) { return d.endAngle - d.startAngle > .35; }).append("text") + .attr("dy", ".35em") + .attr("text-anchor", "middle") + .attr("transform", function(d) { return "translate(" + arc.centroid(d) + ")rotate(" + angle(d) + ")"; }) + .text(function(d) { return d.data.label; }); + + function angle(d) { + var a = (d.startAngle + d.endAngle) * 90 / Math.PI - 90; + return a > 90 ? a - 180 : a; + } \ No newline at end of file diff --git a/static/new/js/jquery.plugin.min.js b/static/new/js/jquery.plugin.min.js new file mode 100644 index 00000000..7197d767 --- /dev/null +++ b/static/new/js/jquery.plugin.min.js @@ -0,0 +1,4 @@ +/** Abstract base class for collection plugins v1.0.1. + Written by Keith Wood (kbwood{at}iinet.com.au) December 2013. + Licensed under the MIT (https://github.com/jquery/jquery/blob/master/MIT-LICENSE.txt) license. */ +(function(){var j=false;window.JQClass=function(){};JQClass.classes={};JQClass.extend=function extender(f){var g=this.prototype;j=true;var h=new this();j=false;for(var i in f){h[i]=typeof f[i]=='function'&&typeof g[i]=='function'?(function(d,e){return function(){var b=this._super;this._super=function(a){return g[d].apply(this,a||[])};var c=e.apply(this,arguments);this._super=b;return c}})(i,f[i]):f[i]}function JQClass(){if(!j&&this._init){this._init.apply(this,arguments)}}JQClass.prototype=h;JQClass.prototype.constructor=JQClass;JQClass.extend=extender;return JQClass}})();(function($){JQClass.classes.JQPlugin=JQClass.extend({name:'plugin',defaultOptions:{},regionalOptions:{},_getters:[],_getMarker:function(){return'is-'+this.name},_init:function(){$.extend(this.defaultOptions,(this.regionalOptions&&this.regionalOptions[''])||{});var c=camelCase(this.name);$[c]=this;$.fn[c]=function(a){var b=Array.prototype.slice.call(arguments,1);if($[c]._isNotChained(a,b)){return $[c][a].apply($[c],[this[0]].concat(b))}return this.each(function(){if(typeof a==='string'){if(a[0]==='_'||!$[c][a]){throw'Unknown method: '+a;}$[c][a].apply($[c],[this].concat(b))}else{$[c]._attach(this,a)}})}},setDefaults:function(a){$.extend(this.defaultOptions,a||{})},_isNotChained:function(a,b){if(a==='option'&&(b.length===0||(b.length===1&&typeof b[0]==='string'))){return true}return $.inArray(a,this._getters)>-1},_attach:function(a,b){a=$(a);if(a.hasClass(this._getMarker())){return}a.addClass(this._getMarker());b=$.extend({},this.defaultOptions,this._getMetadata(a),b||{});var c=$.extend({name:this.name,elem:a,options:b},this._instSettings(a,b));a.data(this.name,c);this._postAttach(a,c);this.option(a,b)},_instSettings:function(a,b){return{}},_postAttach:function(a,b){},_getMetadata:function(d){try{var f=d.data(this.name.toLowerCase())||'';f=f.replace(/'/g,'"');f=f.replace(/([a-zA-Z0-9]+):/g,function(a,b,i){var c=f.substring(0,i).match(/"/g);return(!c||c.length%2===0?'"'+b+'":':b+':')});f=$.parseJSON('{'+f+'}');for(var g in f){var h=f[g];if(typeof h==='string'&&h.match(/^new Date\((.*)\)$/)){f[g]=eval(h)}}return f}catch(e){return{}}},_getInst:function(a){return $(a).data(this.name)||{}},option:function(a,b,c){a=$(a);var d=a.data(this.name);if(!b||(typeof b==='string'&&c==null)){var e=(d||{}).options;return(e&&b?e[b]:e)}if(!a.hasClass(this._getMarker())){return}var e=b||{};if(typeof b==='string'){e={};e[b]=c}this._optionsChanged(a,d,e);$.extend(d.options,e)},_optionsChanged:function(a,b,c){},destroy:function(a){a=$(a);if(!a.hasClass(this._getMarker())){return}this._preDestroy(a,this._getInst(a));a.removeData(this.name).removeClass(this._getMarker())},_preDestroy:function(a,b){}});function camelCase(c){return c.replace(/-([a-z])/g,function(a,b){return b.toUpperCase()})}$.JQPlugin={createPlugin:function(a,b){if(typeof a==='object'){b=a;a='JQPlugin'}a=camelCase(a);var c=camelCase(b.name);JQClass.classes[c]=JQClass.classes[a].extend(b);new JQClass.classes[c]()}}})(jQuery); \ No newline at end of file diff --git a/static/new/js/lightbox.min.js b/static/new/js/lightbox.min.js new file mode 100644 index 00000000..3c99b15d --- /dev/null +++ b/static/new/js/lightbox.min.js @@ -0,0 +1,9 @@ +/** + * Lightbox v2.7.1 + * by Lokesh Dhakar - http://lokeshdhakar.com/projects/lightbox2/ + * + * @license http://creativecommons.org/licenses/by/2.5/ + * - Free for use in both personal and commercial projects + * - Attribution requires leaving author name, author link, and the license info intact + */ +(function(){var a=jQuery,b=function(){function a(){this.fadeDuration=500,this.fitImagesInViewport=!0,this.resizeDuration=700,this.positionFromTop=50,this.showImageNumberLabel=!0,this.alwaysShowNavOnTouchDevices=!1,this.wrapAround=!1}return a.prototype.albumLabel=function(a,b){return"Image "+a+" of "+b},a}(),c=function(){function b(a){this.options=a,this.album=[],this.currentImageIndex=void 0,this.init()}return b.prototype.init=function(){this.enable(),this.build()},b.prototype.enable=function(){var b=this;a("body").on("click","a[rel^=lightbox], area[rel^=lightbox], a[data-lightbox], area[data-lightbox]",function(c){return b.start(a(c.currentTarget)),!1})},b.prototype.build=function(){var b=this;a("
      ").appendTo(a("body")),this.$lightbox=a("#lightbox"),this.$overlay=a("#lightboxOverlay"),this.$outerContainer=this.$lightbox.find(".lb-outerContainer"),this.$container=this.$lightbox.find(".lb-container"),this.containerTopPadding=parseInt(this.$container.css("padding-top"),10),this.containerRightPadding=parseInt(this.$container.css("padding-right"),10),this.containerBottomPadding=parseInt(this.$container.css("padding-bottom"),10),this.containerLeftPadding=parseInt(this.$container.css("padding-left"),10),this.$overlay.hide().on("click",function(){return b.end(),!1}),this.$lightbox.hide().on("click",function(c){return"lightbox"===a(c.target).attr("id")&&b.end(),!1}),this.$outerContainer.on("click",function(c){return"lightbox"===a(c.target).attr("id")&&b.end(),!1}),this.$lightbox.find(".lb-prev").on("click",function(){return b.changeImage(0===b.currentImageIndex?b.album.length-1:b.currentImageIndex-1),!1}),this.$lightbox.find(".lb-next").on("click",function(){return b.changeImage(b.currentImageIndex===b.album.length-1?0:b.currentImageIndex+1),!1}),this.$lightbox.find(".lb-loader, .lb-close").on("click",function(){return b.end(),!1})},b.prototype.start=function(b){function c(a){d.album.push({link:a.attr("href"),title:a.attr("data-title")||a.attr("title")})}var d=this,e=a(window);e.on("resize",a.proxy(this.sizeOverlay,this)),a("select, object, embed").css({visibility:"hidden"}),this.sizeOverlay(),this.album=[];var f,g=0,h=b.attr("data-lightbox");if(h){f=a(b.prop("tagName")+'[data-lightbox="'+h+'"]');for(var i=0;ij||e.height>i)&&(e.width/j>e.height/i?(h=j,g=parseInt(e.height/(e.width/h),10),d.width(h),d.height(g)):(g=i,h=parseInt(e.width/(e.height/g),10),d.width(h),d.height(g)))),c.sizeContainer(d.width(),d.height())},e.src=this.album[b].link,this.currentImageIndex=b},b.prototype.sizeOverlay=function(){this.$overlay.width(a(window).width()).height(a(document).height())},b.prototype.sizeContainer=function(a,b){function c(){d.$lightbox.find(".lb-dataContainer").width(g),d.$lightbox.find(".lb-prevLink").height(h),d.$lightbox.find(".lb-nextLink").height(h),d.showImage()}var d=this,e=this.$outerContainer.outerWidth(),f=this.$outerContainer.outerHeight(),g=a+this.containerLeftPadding+this.containerRightPadding,h=b+this.containerTopPadding+this.containerBottomPadding;e!==g||f!==h?this.$outerContainer.animate({width:g,height:h},this.options.resizeDuration,"swing",function(){c()}):c()},b.prototype.showImage=function(){this.$lightbox.find(".lb-loader").hide(),this.$lightbox.find(".lb-image").fadeIn("slow"),this.updateNav(),this.updateDetails(),this.preloadNeighboringImages(),this.enableKeyboardNav()},b.prototype.updateNav=function(){var a=!1;try{document.createEvent("TouchEvent"),a=this.options.alwaysShowNavOnTouchDevices?!0:!1}catch(b){}this.$lightbox.find(".lb-nav").show(),this.album.length>1&&(this.options.wrapAround?(a&&this.$lightbox.find(".lb-prev, .lb-next").css("opacity","1"),this.$lightbox.find(".lb-prev, .lb-next").show()):(this.currentImageIndex>0&&(this.$lightbox.find(".lb-prev").show(),a&&this.$lightbox.find(".lb-prev").css("opacity","1")),this.currentImageIndex1&&this.options.showImageNumberLabel?this.$lightbox.find(".lb-number").text(this.options.albumLabel(this.currentImageIndex+1,this.album.length)).fadeIn("fast"):this.$lightbox.find(".lb-number").hide(),this.$outerContainer.removeClass("animating"),this.$lightbox.find(".lb-dataContainer").fadeIn(this.options.resizeDuration,function(){return b.sizeOverlay()})},b.prototype.preloadNeighboringImages=function(){if(this.album.length>this.currentImageIndex+1){var a=new Image;a.src=this.album[this.currentImageIndex+1].link}if(this.currentImageIndex>0){var b=new Image;b.src=this.album[this.currentImageIndex-1].link}},b.prototype.enableKeyboardNav=function(){a(document).on("keyup.keyboard",a.proxy(this.keyboardAction,this))},b.prototype.disableKeyboardNav=function(){a(document).off(".keyboard")},b.prototype.keyboardAction=function(a){var b=27,c=37,d=39,e=a.keyCode,f=String.fromCharCode(e).toLowerCase();e===b||f.match(/x|o|c/)?this.end():"p"===f||e===c?0!==this.currentImageIndex?this.changeImage(this.currentImageIndex-1):this.options.wrapAround&&this.album.length>1&&this.changeImage(this.album.length-1):("n"===f||e===d)&&(this.currentImageIndex!==this.album.length-1?this.changeImage(this.currentImageIndex+1):this.options.wrapAround&&this.album.length>1&&this.changeImage(0))},b.prototype.end=function(){this.disableKeyboardNav(),a(window).off("resize",this.sizeOverlay),this.$lightbox.fadeOut(this.options.fadeDuration),this.$overlay.fadeOut(this.options.fadeDuration),a("select, object, embed").css({visibility:"visible"})},b}();a(function(){{var a=new b;new c(a)}})}).call(this); diff --git a/static/new/js/placeholders.min.js b/static/new/js/placeholders.min.js new file mode 100644 index 00000000..dff1ceb5 --- /dev/null +++ b/static/new/js/placeholders.min.js @@ -0,0 +1,2 @@ +/* Placeholders.js v3.0.2 */ +(function(t){"use strict";function e(t,e,r){return t.addEventListener?t.addEventListener(e,r,!1):t.attachEvent?t.attachEvent("on"+e,r):void 0}function r(t,e){var r,n;for(r=0,n=t.length;n>r;r++)if(t[r]===e)return!0;return!1}function n(t,e){var r;t.createTextRange?(r=t.createTextRange(),r.move("character",e),r.select()):t.selectionStart&&(t.focus(),t.setSelectionRange(e,e))}function a(t,e){try{return t.type=e,!0}catch(r){return!1}}t.Placeholders={Utils:{addEventListener:e,inArray:r,moveCaret:n,changeType:a}}})(this),function(t){"use strict";function e(){}function r(){try{return document.activeElement}catch(t){}}function n(t,e){var r,n,a=!!e&&t.value!==e,u=t.value===t.getAttribute(V);return(a||u)&&"true"===t.getAttribute(D)?(t.removeAttribute(D),t.value=t.value.replace(t.getAttribute(V),""),t.className=t.className.replace(R,""),n=t.getAttribute(F),parseInt(n,10)>=0&&(t.setAttribute("maxLength",n),t.removeAttribute(F)),r=t.getAttribute(P),r&&(t.type=r),!0):!1}function a(t){var e,r,n=t.getAttribute(V);return""===t.value&&n?(t.setAttribute(D,"true"),t.value=n,t.className+=" "+I,r=t.getAttribute(F),r||(t.setAttribute(F,t.maxLength),t.removeAttribute("maxLength")),e=t.getAttribute(P),e?t.type="text":"password"===t.type&&M.changeType(t,"text")&&t.setAttribute(P,"password"),!0):!1}function u(t,e){var r,n,a,u,i,l,o;if(t&&t.getAttribute(V))e(t);else for(a=t?t.getElementsByTagName("input"):b,u=t?t.getElementsByTagName("textarea"):f,r=a?a.length:0,n=u?u.length:0,o=0,l=r+n;l>o;o++)i=r>o?a[o]:u[o-r],e(i)}function i(t){u(t,n)}function l(t){u(t,a)}function o(t){return function(){m&&t.value===t.getAttribute(V)&&"true"===t.getAttribute(D)?M.moveCaret(t,0):n(t)}}function c(t){return function(){a(t)}}function s(t){return function(e){return A=t.value,"true"===t.getAttribute(D)&&A===t.getAttribute(V)&&M.inArray(C,e.keyCode)?(e.preventDefault&&e.preventDefault(),!1):void 0}}function d(t){return function(){n(t,A),""===t.value&&(t.blur(),M.moveCaret(t,0))}}function g(t){return function(){t===r()&&t.value===t.getAttribute(V)&&"true"===t.getAttribute(D)&&M.moveCaret(t,0)}}function v(t){return function(){i(t)}}function p(t){t.form&&(T=t.form,"string"==typeof T&&(T=document.getElementById(T)),T.getAttribute(U)||(M.addEventListener(T,"submit",v(T)),T.setAttribute(U,"true"))),M.addEventListener(t,"focus",o(t)),M.addEventListener(t,"blur",c(t)),m&&(M.addEventListener(t,"keydown",s(t)),M.addEventListener(t,"keyup",d(t)),M.addEventListener(t,"click",g(t))),t.setAttribute(j,"true"),t.setAttribute(V,x),(m||t!==r())&&a(t)}var b,f,m,h,A,y,E,x,L,T,N,S,w,B=["text","search","url","tel","email","password","number","textarea"],C=[27,33,34,35,36,37,38,39,40,8,46],k="#ccc",I="placeholdersjs",R=RegExp("(?:^|\\s)"+I+"(?!\\S)"),V="data-placeholder-value",D="data-placeholder-active",P="data-placeholder-type",U="data-placeholder-submit",j="data-placeholder-bound",q="data-placeholder-focus",z="data-placeholder-live",F="data-placeholder-maxlength",G=document.createElement("input"),H=document.getElementsByTagName("head")[0],J=document.documentElement,K=t.Placeholders,M=K.Utils;if(K.nativeSupport=void 0!==G.placeholder,!K.nativeSupport){for(b=document.getElementsByTagName("input"),f=document.getElementsByTagName("textarea"),m="false"===J.getAttribute(q),h="false"!==J.getAttribute(z),y=document.createElement("style"),y.type="text/css",E=document.createTextNode("."+I+" { color:"+k+"; }"),y.styleSheet?y.styleSheet.cssText=E.nodeValue:y.appendChild(E),H.insertBefore(y,H.firstChild),w=0,S=b.length+f.length;S>w;w++)N=b.length>w?b[w]:f[w-b.length],x=N.attributes.placeholder,x&&(x=x.nodeValue,x&&M.inArray(B,N.type)&&p(N));L=setInterval(function(){for(w=0,S=b.length+f.length;S>w;w++)N=b.length>w?b[w]:f[w-b.length],x=N.attributes.placeholder,x?(x=x.nodeValue,x&&M.inArray(B,N.type)&&(N.getAttribute(j)||p(N),(x!==N.getAttribute(V)||"password"===N.type&&!N.getAttribute(P))&&("password"===N.type&&!N.getAttribute(P)&&M.changeType(N,"text")&&N.setAttribute(P,"password"),N.value===N.getAttribute(V)&&(N.value=x),N.setAttribute(V,x)))):N.getAttribute(D)&&(n(N),N.removeAttribute(V));h||clearInterval(L)},100)}M.addEventListener(t,"beforeunload",function(){K.disable()}),K.disable=K.nativeSupport?e:i,K.enable=K.nativeSupport?e:l}(this); \ No newline at end of file diff --git a/static/new/js/schedule-filters.js b/static/new/js/schedule-filters.js new file mode 100644 index 00000000..90b68d54 --- /dev/null +++ b/static/new/js/schedule-filters.js @@ -0,0 +1,21 @@ +!function($) { + var parentClass = 'sch-schedule'; + var filterEnabledClass = 'sch-schedule-filtered'; + var prefix = 'sch-schedule-filter-'; + $('.sch-filter-list').click(function(e) { + var target = $(e.target); + var filter = target.closest('li').data('filter'); + if (filter === undefined) return; + var schedule = target.closest('.' + parentClass); + var alreadySelected = schedule.data('filter') === filter; + if (alreadySelected) { + filter = ''; + } + schedule.data('filter', filter); + schedule.removeClass(); + schedule.addClass(parentClass); + if (filter) { + schedule.addClass(filterEnabledClass + ' ' + prefix + filter); + } + }); +}(jQuery); diff --git a/static/new/js/scripts.js b/static/new/js/scripts.js new file mode 100644 index 00000000..4477191e --- /dev/null +++ b/static/new/js/scripts.js @@ -0,0 +1,455 @@ +$(document).ready(function() { + + "use strict"; + + /************** Nav Scripts **************/ + + + $('a').not("#djDebug a").click(function() { + if ($(this).attr('href') === '#') { + return false; + } + }); + + // Mobile menu toggle + + $('.mobile-menu-toggle').click(function() { + $('nav').toggleClass('open-menu'); + }); + + // Sidebar menu toggle + + $('.sidebar-menu-toggle').click(function() { + if ($('.instagram-sidebar').hasClass('show-sidebar')) { + $('.instagram-sidebar').toggleClass('show-sidebar'); + $('.sidebar-menu').toggleClass('show-sidebar'); + } else { + $('.sidebar-menu').toggleClass('show-sidebar'); + $('.main-container').toggleClass('reveal-sidebar'); + $('nav .container').toggleClass('reveal-sidebar'); + } + }); + + $('.instagram-toggle').click(function() { + if ($('.sidebar-menu').hasClass('show-sidebar')) { + $('.sidebar-menu').toggleClass('show-sidebar'); + $('.instagram-sidebar').toggleClass('show-sidebar'); + } else { + $('.instagram-sidebar').toggleClass('show-sidebar'); + $('.main-container').toggleClass('reveal-sidebar'); + $('nav .container').toggleClass('reveal-sidebar'); + } + }); + + $('.main-container').click(function() { + if ($('.sidebar-menu').hasClass('show-sidebar')) { + $('.sidebar-menu').toggleClass('show-sidebar'); + $('.main-container').toggleClass('reveal-sidebar'); + $('nav .container').toggleClass('reveal-sidebar'); + } + + if ($('.instagram-sidebar').hasClass('show-sidebar')) { + $('.instagram-sidebar').toggleClass('show-sidebar'); + $('.main-container').toggleClass('reveal-sidebar'); + $('nav .container').toggleClass('reveal-sidebar'); + } + }); + + /************** Slider Scripts **************/ + + $('.hero-slider').flexslider({ + directionNav: false + }); + $('.testimonials-slider').flexslider({ + directionNav: false + }); + + $('.image-slider').flexslider({ + animation: "slide", + directionNav: false + }); + + /************** Divider Scripts **************/ + + $('.background-image-holder').each(function() { + + // Append background-image 's as li item CSS background for better responsive performance + var imgSrc = $(this).children('.background-image').attr('src'); + $(this).css('background', 'url("' + imgSrc + '")'); + $(this).children('.background-image').hide(); + $(this).css('background-position', '50% 0%'); + // Check if the slider has a color scheme attached, if so, apply it to the slider nav + }); + + /************** Instagram Feed **************/ + + jQuery.fn.spectragram.accessData = { + accessToken: '1406933036.fedaafa.feec3d50f5194ce5b705a1f11a107e0b', + clientID: 'fedaafacf224447e8aef74872d3820a1' + }; + + $('.instafeed').each(function() { + $(this).children('ul').spectragram('getUserFeed', { + query: $(this).attr('data-user-name') + }); + }); + + /************** Fullscreen Elements **************/ + + $('.fullscreen-element').each(function() { + if ($(window).height() < 768) { + $(this).css('height', 900); + } else { + $(this).css('height', $(window).height()); + } + }); + + /************** Twitter Feed **************/ + + $('.tweets-feed').each(function(index) { + $(this).attr('id', 'tweets-' + index); + }).each(function(index) { + + function handleTweets(tweets) { + var x = tweets.length; + var n = 0; + var element = document.getElementById('tweets-' + index); + var html = '
        '; + while (n < x) { + html += '
      • ' + tweets[n] + '
        • '; + n++; + } + html += '
      '; + element.innerHTML = html; + return html; + } + + twitterFetcher.fetch($('#tweets-' + index).attr('data-widget-id'), '', 5, true, true, true, '', false, handleTweets); + + }); + + /************** Map Interaction **************/ + + $('.fullwidth-map').click(function() { + $(this).removeClass('screen'); + }); + + $(window).scroll(function() { + if (!$('.fullwidth-map').hasClass('screen')) { + $('.fullwidth-map').addClass('screen'); + } + }); + + /************** Contact Form Code **************/ + + $('form.email-form').submit(function(e) { + // return false so form submits through jQuery rather than reloading page. + if (e.preventDefault) e.preventDefault(); + else e.returnValue = false; + + var thisForm = $(this).closest('.email-form'), + error = 0, + originalError = thisForm.attr('original-error'), + loadingSpinner; + + if (typeof originalError !== typeof undefined && originalError !== false) { + thisForm.find('.form-error').text(originalError); + } + + + $(thisForm).find('.validate-required').each(function(){ + if($(this).val() === ''){ + $(this).addClass('field-error'); + error = 1; + }else{ + $(this).removeClass('field-error'); + } + }); + + $(thisForm).find('.validate-email').each(function() { + if (!(/(.+)@(.+){2,}\.(.+){2,}/.test($(this).val()))) { + $(this).addClass('field-error'); + error = 1; + } else { + $(this).removeClass('field-error'); + } + }); + + + if (error === 1) { + $(this).closest('.email-form').find('.form-error').fadeIn(200); + } else { + // Hide the error if one was shown + $(this).closest('.email-form').find('.form-error').fadeOut(200); + // Create a new loading spinner while hiding the submit button. + loadingSpinner = $('
      ').addClass('form-loading').insertAfter($(thisForm).find('input[type="submit"]')); + $(thisForm).find('input[type="submit"]').hide(); + jQuery.ajax({ + type: "POST", + url: "mail/mail.php", + data: thisForm.serialize(), + success: function(response) { + // Swiftmailer always sends back a number representing numner of emails sent. + // If this is numeric (not Swift Mailer error text) AND greater than 0 then show success message. + $(thisForm).find('.form-loading').remove(); + $(thisForm).find('input[type="submit"]').show(); + if ($.isNumeric(response)) { + if (parseInt(response) > 0) { + thisForm.find('.form-success').fadeIn(1000); + thisForm.find('.form-error').fadeOut(1000); + setTimeout(function() { + thisForm.find('.form-success').fadeOut(500); + }, 5000); + } + } + // If error text was returned, put the text in the .form-error div and show it. + else { + // Keep the current error text in a data attribute on the form + thisForm.find('.form-error').attr('original-error', thisForm.find('.form-error').text()); + // Show the error with the returned error text. + thisForm.find('.form-error').text(response).fadeIn(1000); + thisForm.find('.form-success').fadeOut(1000); + } + }, + error: function (errorObject, errorText, errorHTTP) { + // Keep the current error text in a data attribute on the form + thisForm.find('.form-error').attr('original-error', thisForm.find('.form-error').text()); + // Show the error with the returned error text. + thisForm.find('.form-error').text(errorHTTP).fadeIn(1000); + thisForm.find('.form-success').fadeOut(1000); + $(thisForm).find('.form-loading').remove(); + $(thisForm).find('input[type="submit"]').show(); + } + }); + } + return false; + }); + + $(".youtube").each(function() { + // Based on the YouTube ID, we can easily find the thumbnail image + $(this).css('background-image', 'url(//i.ytimg.com/vi/' + this.id + '/sddefault.jpg)'); + + // Overlay the Play icon to make it look like a video player + $(this).append($('
      ', {'class': 'play'})); + + $(document).delegate('#'+this.id, 'click', function() { + // Create an iFrame with autoplay set to true + var iframe_url = "https://www.youtube.com/embed/" + this.id + "?autoplay=1&autohide=1"; + if ($(this).data('params')) iframe_url+='&'+$(this).data('params'); + + // The height and width of the iFrame should be the same as parent + var iframe = $('