diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..3fc678c --- /dev/null +++ b/.gitignore @@ -0,0 +1,3 @@ +*.pyc +.project +.pydevproject diff --git a/blechreiz/database.sqlite b/blechreiz/database.sqlite index 0adb912..038adcf 100644 Binary files a/blechreiz/database.sqlite and b/blechreiz/database.sqlite differ diff --git a/blechreiz/libgeos_c.so.1.7.8 b/blechreiz/libgeos_c.so.1.7.8 new file mode 100755 index 0000000..0a41e03 Binary files /dev/null and b/blechreiz/libgeos_c.so.1.7.8 differ diff --git a/blechreiz/settings.py b/blechreiz/settings.py index 088cc7f..85e8960 100644 --- a/blechreiz/settings.py +++ b/blechreiz/settings.py @@ -147,6 +147,7 @@ INSTALLED_APPS = ( 'locpick', 'sekizai', 'intern_area', + 'website', ) CRISPY_TEMPLATE_PACK = 'bootstrap' diff --git a/blechreiz/static/css/main.css b/blechreiz/static/css/main.css deleted file mode 100644 index b5a1f57..0000000 --- a/blechreiz/static/css/main.css +++ /dev/null @@ -1,76 +0,0 @@ -/* Generated by http://www.cssportal.com */ - -/*@import url("reset.css");*/ - -body { - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 13px; - color:#333 -} - -p { - padding: 10px; -} - -#wrapper { - margin: 0 auto; - width: 1000px; -} - -#headerwrap { - width: 1000px; - float: left; - margin: 0 auto; -} - -#header { - height: 75px; - background: #FF6633; - border-radius: 10px; - border: 1px solid #eb521f; - margin: 5px; -} - -#navigationwrap { - width: 1000px; - float: left; - margin: 0 auto; -} - -#navigation { - height: 40px; - background: #FFCC33; - border-radius: 10px; - border: 1px solid #ebb81f; - margin: 5px; -} - -#contentwrap { - width: 850px; - float: left; - margin: 0 auto; -} - -#content { - background: #FFFFFF; - border-radius: 10px; - border: 1px solid #ebebeb; - margin: 5px; -} - -#leftcolumnwrap { - width: 150px; - float: left; - margin: 0 auto; -} - -#leftcolumn { - background: #33CCFF; - border-radius: 10px; - border: 1px solid #1fb8eb; - margin: 5px; -} - - - - diff --git a/blechreiz/static/css/reset.css b/blechreiz/static/css/reset.css deleted file mode 100644 index 7811dcb..0000000 --- a/blechreiz/static/css/reset.css +++ /dev/null @@ -1,47 +0,0 @@ - /** - * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) - * http://www.cssportal.com - */ - html, body, div, span, applet, object, iframe, - h1, h2, h3, h4, h5, h6, p, blockquote, pre, - a, abbr, acronym, address, big, cite, code, - del, dfn, em, img, ins, kbd, q, s, samp, - small, strike, strong, sub, sup, tt, var, - b, u, i, center, - dl, dt, dd, ol, ul, li, - fieldset, form, label, legend, - table, caption, tbody, tfoot, thead, tr, th, td, - article, aside, canvas, details, embed, - figure, figcaption, footer, header, hgroup, - menu, nav, output, ruby, section, summary, - time, mark, audio, video { - margin: 0; - padding: 0; - border: 0; - font-size: 100%; - font: inherit; - vertical-align: baseline; - } - /* HTML5 display-role reset for older browsers */ - article, aside, details, figcaption, figure, - footer, header, hgroup, menu, nav, section { - display: block; - } - body { - line-height: 1; - } - ol, ul { - list-style: none; - } - blockquote, q { - quotes: none; - } - blockquote:before, blockquote:after, - q:before, q:after { - content: ''; - content: none; - } - table { - border-collapse: collapse; - border-spacing: 0; - } \ No newline at end of file diff --git a/blechreiz/templates/base.html b/blechreiz/templates/base.html index 9263b81..908a06d 100644 --- a/blechreiz/templates/base.html +++ b/blechreiz/templates/base.html @@ -1,3 +1,212 @@ + + + + + +{% addtoblock "css" strip %} {% endaddtoblock %} +{% addtoblock "css" strip %} {% endaddtoblock %} +{% addtoblock "css" strip %} {% endaddtoblock %} +{% addtoblock "css" strip %} {% endaddtoblock %} +{% addtoblock "css" strip %} {% endaddtoblock %} +{% addtoblock "css" strip %} {% endaddtoblock % + +{% addtoblock "css" %} + +{% endaddtoblock %} + + + + + +{% addtoblock "js" strip %} {% endaddtoblock %} +{% addtoblock "js" strip %} {% endaddtoblock %} +{% addtoblock "js" strip %} {% endaddtoblock %} +{% addtoblock "js" strip %} {% endaddtoblock %} +{% addtoblock "js" strip %} {% endaddtoblock %} + + + + + + + + + + + + + Blechreiz + + + {% render_block "css" %} + + + + + + + +
+
+
+ + + + + + + Blechreiz + + +
+
    + {% block menu %} {% endblock %} +
+
+
+
+
+ + + + + {% block feature_slider %} +
+ +
+ +
+

Blechreiz

+

12 Musiker für einen guten Zweck

+
+
+ +
+
+

Konzerte

+ Termine +
+
+ +
+
+

Konzerte

+ Termine +
+
+ + +
+
+

Konzerte

+ Termine +
+
+ +
+
+

Konzerte

+ Termine +
+
+ +
+
+

Konzerte

+ Termine +
+
+ +
+
+

Konzerte

+ Termine +
+
+ +
+
+

Konzerte

+ Termine +
+
+ + +
+
+ + +
+ +
+

Konzerte

+ Nächste Termine +
+
+ +
+ {% endblock %} + + + + {% block content %} {% endblock %} + + + + + + + + + {% render_block "js" %} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + {% load staticfiles %} diff --git a/blechreiz/templates/mainpage.html b/blechreiz/templates/mainpage.html new file mode 100644 index 0000000..291a53c --- /dev/null +++ b/blechreiz/templates/mainpage.html @@ -0,0 +1,90 @@ +{% extends base.html %} + + +{% block content %} + + {% addtoblock "css" strip %}{% endaddtoblock %} + {% addtoblock "css" strip %}{% endaddtoblock %} + + + {% addtoblock "js" %} + + {% endaddtoblock %} + + + +
+
+
+
+

Unser nächstes Konzert

+

+ Ist in Rohr um 19:00 in der Was WeissIch Kirche Bis dann +
+ Dorfplatz 5, Rohr +

+
+
+
+
+ +
+

Sekunden

+
+
+
+ +
+

Minuten

+
+
+
+ +
+

Stunden

+
+
+
+ +
+

Tage

+
+ +
+
+
+
+ +{% endblock %} + diff --git a/blechreiz/urls.py b/blechreiz/urls.py index e2ae324..868037d 100644 --- a/blechreiz/urls.py +++ b/blechreiz/urls.py @@ -2,11 +2,13 @@ from django.conf.urls import patterns, include, url from django.contrib import admin -from musicians.views import MusicianList, MusicianUpdate +from musicians.views import MusicianList from musicians.views import user_edit import intern_area.views +import website.views + admin.autodiscover() urlpatterns = patterns('', @@ -23,4 +25,7 @@ urlpatterns = patterns('', url(r'^musicians/$', MusicianList.as_view() ), url(r'^musicians/(?P[\w]+)$', user_edit ), url(r'^admin_area/$', intern_area.views.login_site ), + url(r'^website/$', website.views.home_view), + url(r'^login/$', website.views.login_view), + url(r'^logout/$', website.views.logout_view), ) \ No newline at end of file diff --git a/bootstrapTemplates/clean-canvas-wrap/img/bg-heading-red.png b/bootstrapTemplates/clean-canvas-wrap/img/bg-heading-red.png new file mode 100644 index 0000000..bc7b8c5 Binary files /dev/null and b/bootstrapTemplates/clean-canvas-wrap/img/bg-heading-red.png differ diff --git a/intern_area/templates/intern_area/login.html b/intern_area/templates/intern_area/login.html index 9638cbf..1445eb0 100644 --- a/intern_area/templates/intern_area/login.html +++ b/intern_area/templates/intern_area/login.html @@ -54,4 +54,6 @@ + + {% endblock %} \ No newline at end of file diff --git a/intern_area/views.py b/intern_area/views.py index fb4fe24..6fad0d2 100644 --- a/intern_area/views.py +++ b/intern_area/views.py @@ -4,6 +4,8 @@ from django.shortcuts import render from django.contrib.auth import authenticate, login from django.shortcuts import redirect + + def login_site(request): return render( request, 'intern_area/login.html') @@ -32,5 +34,4 @@ def login_site2(request): pass # Return an 'invalid login' error message. else: - return render( request, 'intern_area/login.html') - \ No newline at end of file + return render( request, 'intern_area/login.html') \ No newline at end of file diff --git a/website/__init__.py b/website/__init__.py new file mode 100644 index 0000000..e69de29 diff --git a/website/models.py b/website/models.py new file mode 100644 index 0000000..71a8362 --- /dev/null +++ b/website/models.py @@ -0,0 +1,3 @@ +from django.db import models + +# Create your models here. diff --git a/website/static/css/about.css b/website/static/css/about.css new file mode 100644 index 0000000..df567a9 --- /dev/null +++ b/website/static/css/about.css @@ -0,0 +1,316 @@ +#aboutus{ + margin-bottom: 90px; + margin-top: 70px; +} +#aboutus .intro h6{ + font-size: 21px; + font-style: italic; + color: #252526; + line-height: 29px; + font-weight: normal; + margin: 0 0 16px 0; +} +#aboutus .intro p{ + color: #3F3F3F; + line-height: 24px; +} +#aboutus .flexslider{ + float: right; + box-shadow: none; + margin: 0; + border:0 none; +} +#aboutus .flex-control-paging li a{ + background: #666666; + box-shadow: none; + width: 5px; + height: 5px; + border: 3px solid #E6E6E6; +} +#aboutus .flex-control-paging li a.flex-active{ + box-shadow: none; + background: #2894DC; + border-color: #2894DC; +} +#aboutus .flex-control-nav{ + bottom: -30px; +} +#team{ + padding: 35px 0 25px; + margin: 0; + background: #252528; + margin-bottom: 90px; +} +#team .section_header{ + margin-bottom: 60px; +} +#team .section_header h3{ + color: #9D9D9E; + border-color: #9D9D9E; + margin: 0; +} +#team .people{ + margin: 0; +} +#team .people .row1{ + margin: 0 0 50px 0; +} +#team .people .bio_box{ + margin: 0; +} +#team .people .bio_boxr{ + float: right; +} +#team .people .bio_box img{ + float: left; +} +#team .people .bio_boxr img{ + margin-left: 38px; +} +#team .people .bio_box .info{ + float: left; + margin: 38px 0 0 30px; +} +#team .people .bio_box .info p{ + margin-bottom: 0; +} +#team .people .bio_box .info p.name{ + color: #fff; + font-style: italic; + margin-bottom: 4px; + font-size: 21px; +} +#team .people .bio_box .info p.area{ + color: #98989A; + font-style: italic; + font-style: 16px; + margin-bottom: 18px; +} +#team .people .bio_box .info a { + margin-right: 10px; +} +#team .people .bio_box .info a span{ + display: inline-block; + width: 33px; + height: 33px; +} +#team .people .bio_box .info span.ico1, +#team .people .bio_box .info span.ico1h{ + background-position: 0px 0px; +} +#team .people .bio_box .info span.ico2, +#team .people .bio_box .info span.ico2h{ + background-position: -37px 0px; +} +#team .people .bio_box .info span.ico3, +#team .people .bio_box .info span.ico3h{ + background-position: -75px 0px; +} +#team .people .bio_box .info span.ico4, +#team .people .bio_box .info span.ico4h{ + background-position: -112px -1px; +} +#team .people .bio_box .info span.ico5, +#team .people .bio_box .info span.ico5h{ + background-position: -151px 0px; +} +#team .people .bio_box .info span.ico6, +#team .people .bio_box .info span.ico6h{ + background-position: -188px -1px; +} +#team .people .bio_box .info span.ico7, +#team .people .bio_box .info span.ico7h{ + background-position: -226px 0px; +} +#team .people .bio_box .info a:hover span.socialicons{ + display: none; +} +#team .people .bio_box .info a:hover span.socialicons_h{ + display: inline-block !important; +} +.socialicons{ + background: url('../img/socialicons.png') no-repeat; + width: 265px; + height: 36px; +} +.socialicons_h{ + background: url('../img/socialicons_h.png') no-repeat; + width: 265px; + height: 36px; + display: none !important; +} +#process{ + min-height: 350px; +} +#process .section_header{ + margin-bottom: 60px; +} +#process .section_header h3{ + margin: 0; +} +#process .description{ + position: relative; +} +#process .description .text{ + position: absolute; + display: none; +} +#process .description .text.active { + display: block; +} +#process .description h4{ + font-size: 31px; + line-height: 35px; + margin-bottom: 20px; +} +#process .description p{ + font-size: 15px; + color: #3F3F3F; + line-height: 26px; +} +#process .areas{ + margin-left: 0; + float: right; +} +#process .areas .circle{ + height: 210px; + cursor: pointer; + float: left; + margin-right: -45px; + text-align: center; + width: 210px; + background: rgba(37, 37, 40, 0.9); + border-radius: 100%; + -webkit-transition: all .3s; + -moz-transition: all .3s; + -ms-transition: all .3s; + transition: all .3s; +} +#process .areas .first{ + margin-left: 0; +} +#process .areas .circle img{ + margin-top: 56px; +} +#process .areas .circle span{ + font-weight: 700; + font-size: 22px; + color: #fff; + display: block; + margin-top: 21px; +} +#process .areas .circle:hover, +#process .areas .circle.active { + background: rgba(17, 137, 217, 1); +} + +/* Responsive +-------------------------------------------------- */ + +/* Large desktop */ +@media (min-width: 1200px) { + +} +@media (min-width: 980px) { + +} +@media (max-width: 979px) { + +} +/* Portrait tablet to landscape and desktop */ +@media (min-width: 768px) and (max-width: 979px) { + #team .people .bio_box{ + text-align: center; + } + #team .people .bio_box img{ + float: none; + margin-bottom: 25px; + margin-left: 0; + } + #process .areas{ + text-align: center; + } + #team .people .bio_box .info{ + margin: 0; + float: none; + } + #process .areas .last_circle{ + float: none; + display: inline-block; + margin-left: -75px; + margin-top: -54px; + } +} +/* Landscape phone to portrait tablet */ +@media (max-width: 767px) { + #team{ + margin-right: -20px; + margin-left: -20px; + } + #team .container{ + padding: 0px 20px; + } + #team .people .row1{ + margin: 0; + } + #team .people .bio_box{ + overflow: hidden; + margin-bottom: 35px; + } + #team .people .bio_boxr img{ + margin: 0; + } + #aboutus .intro{ + margin-bottom: 45px; + } + #aboutus{ + margin-bottom: 75px; + } + #process .areas{ + margin-top: 193px; + margin-bottom: 0px; + text-align: center; + } + #process .areas .circle{ + float: none; + display: inline-block; + margin: 0; + } + #process .areas .last_circle{ + margin-top: -23px; + } +} +/* Landscape phones and down */ +@media (max-width: 480px) { + #team .people .bio_box{ + text-align: center; + } + #team .people .bio_box img{ + float: none; + margin-bottom: 18px; + } + #aboutus .intro{ + margin-bottom: 30px; + } + #team .people .bio_box .info{ + float: none; + margin: 0; + } + #process .areas{ + margin-top: 250px; + } + #process .areas .circle{ + width: 100px; + height: 100px; + } + #process .areas .last_circle{ + margin-top: 0; + } + #process .areas .circle img{ + margin-top: 22px; + } + #process .areas .circle span{ + display: none; + } +} + diff --git a/website/static/css/backgrounds.css b/website/static/css/backgrounds.css new file mode 100644 index 0000000..7ff4246 --- /dev/null +++ b/website/static/css/backgrounds.css @@ -0,0 +1,72 @@ +#backgrounds{ + margin-top:70px; +} +#backgrounds .row{ + margin-bottom: 30px; +} +#backgrounds .photo{ + position: relative; +} +#backgrounds .photo .circle{ + position: absolute; + text-align: center; + border-radius: 100%; + background: rgba(0,0,0,0.5); + height: 82px; + width: 82px; + left: 41%; + top: 25%; +} +#backgrounds .photo .circle span{ + font-size: 18px; + font-style: italic; + color: #fff; + margin-top: 29px; + display: inline-block; +} +#backgrounds .photo .circle span.doble{ + margin-top: 19px; +} + +/* Responsive +-------------------------------------------------- */ + +/* Large desktop */ +@media (min-width: 1200px) { + +} +@media (min-width: 980px) { + +} +/* Portrait tablet to landscape and desktop */ +@media (min-width: 768px) and (max-width: 979px) { + #backgrounds .photo .circle{ + top:12%; + } +} +/* Landscape phone to portrait tablet */ +@media (max-width: 767px) { + #backgrounds .row{ + margin-bottom: 0; + } + #backgrounds .photo{ + text-align: center; + margin-bottom: 30px; + } + #backgrounds .photo .circle{ + top: 23%; + } +} +/* Landscape phones and down */ +@media (max-width: 480px) { + #backgrounds .row{ + margin-bottom: 0; + } + #backgrounds .photo{ + text-align: center; + margin-bottom: 30px; + } + #backgrounds .photo .circle{ + top: 23%; + } +} \ No newline at end of file diff --git a/website/static/css/blog.css b/website/static/css/blog.css new file mode 100644 index 0000000..7a6adcd --- /dev/null +++ b/website/static/css/blog.css @@ -0,0 +1,240 @@ +#blog{ + margin-top: 70px; +} +#blog .header{ + margin-left: 0; + margin-bottom: 56px; + margin-top: 30px; +} +#blog .section_header input[type="text"]{ + float: right; + margin-top: 9px; + background: url('../img/search.png') #fff no-repeat 5px; + padding-left: 28px; + width: 18%; + border-radius: 5px; +} +#blog .post_row{ + margin-left: 0; + margin-bottom: 40px; + height: 495px; +} +#blog .lastpost_row{ + margin-bottom: 0; +} +#blog .post_row .post{ + background: #fff; + margin-left: 0; + margin-right: 20px; + border-radius: 4px; + box-shadow: 1px 1px 2px 0px #E0E0E0; +} +#blog .post_row .last{ + margin-right: 0; +} +#blog .post_row .post .img{ + position: relative; +} +#blog .post_row .post .img .date{ + background: #E8554E; + position: absolute; + padding: 2px 5px; + top: 0; + left: 11px; +} +#blog .post_row .post .img .date p{ + color: #fff; + font-size: 14px; + font-weight: bold; + font-style: italic; + margin:0; +} +#blog .post_row .post .img img { + min-height: 186px; +} +#blog .post_row .post .text{ + margin: 18px auto 0; + width: 83%; +} +#blog .post_row .post .text h5 { + margin: 0 0 8px 0; + font-size: 20px; + line-height: 23px; +} +#blog .post_row .post .text h5 a { + color: #333; +} +#blog .post_row .post .text span.date{ + color: #9F9F9F; + display: block; + margin-bottom: 12px; + font-style:italic; + font-size: 13px; +} +#blog .post_row .post .text p{ + margin: 0; + line-height: 21px; + font-size: 14px; +} +#blog .post_row .post .author_box{ + margin: 12px auto 20px; + border-top: 1px solid #EDEDED; + overflow: hidden; + text-align: left; + width: 85%; + padding-top: 12px; +} +#blog .post_row .post .author_box h6{ + margin: 0 0 3px 0; + font-size: 13px; + line-height: 15px; + font-style: italic; + font-weight: normal; + color: #B2B2B2; +} +#blog .post_row .post .author_box p{ + color: #B2B2B2; + font-style: italic; + font-size: 13px; + line-height: 14px; + margin: 0; +} +#blog .post_row .post .author_box img{ + float: right; +} +#blog .post_row .post a.plus_wrapper{ + width: 99%; + text-align: center; + background: #fff; + display: none; + border-radius: 0px 0px 4px 4px; + padding: 6px 0px 2px; + margin: 0 auto 1px; +} +#blog .post_row .post a.plus_wrapper span{ + color: #1189D9; + font-size: 30px; + font-weight: bold; +} +/*#blog .post_row .post a.plus_wrapper, +#blog .post_row .post a.plus_wrapper span{ + -webkit-transition: all .1s linear; + -moz-transition: all .1s linear; + -ms-transition: all .1s linear; + -o-transition: all .1s linear; + transition: all .1s linear; +}*/ +#blog .post_row .post:hover a.plus_wrapper{ + display: block; +} +/*#blog .post_row .post a.plus_wrapper:hover{ + background: #1189D9; +} +#blog .post_row .post a.plus_wrapper:hover span{ + color: #fff; +}*/ +#blog .post_row .post:hover{ + box-shadow: 0px 1px 5px 1px rgb(216, 216, 216); +} +#blog .post_row .post:hover .text h5 a{ + color: #1189D9; +} +/*pagination*/ +#blog .pagination { + margin: 35px auto 0; + width: 26%; +} + +/* Responsive +-------------------------------------------------- */ + +/* Large desktop */ +@media (min-width: 1200px) { + +} +@media (min-width: 980px) { + +} +@media (max-width: 979px) { + +} +/* Portrait tablet to landscape and desktop */ +@media (min-width: 768px) and (max-width: 979px) { + #blog .pagination{ + width: 36%; + } + #blog .post_row{ + height: 545px; + } + +} +/* Landscape phone to portrait tablet */ +@media (max-width: 767px) { + #blog .post_row{ + height: auto; + margin-bottom: 0; + } + #blog .post_row .post{ + width: 65%; + margin: 0 auto; + margin-bottom: 50px; + } + #blog .post_row .post .img { + float: left; + margin-bottom: 16px; + } + #blog .post_row .post .author_box{ + display: none; + } + #blog .post_row .post .text { + overflow: hidden; + width: 81%; + margin: 0 auto 20px; + margin-top: 7px; + } + #blog .post_row .post a.plus_wrapper{ + display: inline-block; + margin: 0; + width: 100%; + } + /*#blog .post_row .post:hover a.plus_wrapper{ + display: inline-block; + background: #1189D9; + } + #blog .post_row .post:hover a.plus_wrapper span{ + color: #fff; + }*/ + #blog .pagination { + width: 55%; + } +} +/* Landscape phones and down */ +@media (max-width: 480px) { + #blog .post_row{ + height: auto; + margin-bottom: 0px; + } + #blog .post_row .post{ + margin: 0 auto 50px; + width: 72%; + } + #blog .post_row .post .img { + float: none; + margin: 0; + } + #blog .post_row .post .text { + float: none; + margin: 24px auto 0; + width: 86%; + } + #blog .post_row .post .author_box { + margin: 30px auto 15px; + } + #blog .post_row .post a.plus_wrapper{ + display: block; + padding: 10px 0 8px; + } + #blog .pagination { + width: 72%; + } +} diff --git a/website/static/css/blogpost.css b/website/static/css/blogpost.css new file mode 100644 index 0000000..63ac2ef --- /dev/null +++ b/website/static/css/blogpost.css @@ -0,0 +1,293 @@ +#blog_post{ + margin-top: 70px; +} +#blog_post .section_header input[type="text"]{ + float: right; + margin-top: 9px; + background: url('../img/search.png') #fff no-repeat 5px; + padding-left: 28px; + width: 18%; + border-radius: 5px; +} +#blog_post .post_pic { + border: 7px solid #fff; + border-radius: 5px; + box-shadow:1px 1px 2px 0px rgb(207, 207, 207); +} +#blog_post .post_content { + margin-top: 40px; + padding-bottom: 90px; + border-bottom: 1px solid rgb(202, 202, 202); + box-shadow: 0px 1px 0px 0px white; +} +#blog_post .post_content h2 { + font-size: 32px; + color: #3F3F3F; + margin-bottom: 15px; +} +#blog_post .post_content span.date{ + width: 100%; + font-size: 14px; + font-style: italic; + margin-bottom: 42px; + display: block; + color: #9C9C9C; +} +#blog_post .post_content p { + line-height: 24px; + margin-bottom: 15px; +} +#blog_post .post_content .author_box { + margin-top: 50px; +} +#blog_post .post_content .author_box .author { + margin-top: 45px; + font-weight: bold; + font-size: 15px; + color: #1189D9; +} +#blog_post .post_content .author_box .area { + font-size: 15px; + font-style: italic; + margin-top: 5px; + color: #9C9C9C; +} +#blog_post .comments { + margin-top: 3px; + padding-top: 50px; + border-bottom: 1px solid rgb(202, 202, 202); + box-shadow: 0px 1px 0px 0px white; + padding-bottom: 3px; +} +#blog_post .comments h4{ + font-size: 23px; + margin-top: 0; + margin-bottom: 25px; +} +#blog_post .comments .comment { + margin-bottom: 60px; + margin-top: 30px; +} +#blog_post .comments .comment.reply_to { + margin-top: -10px; +} +#blog_post .comments .comment .author_pic { + max-width: 55px; + float: right; +} +#blog_post .comments .comment .name { + font-weight: bold; + color: #3F3F3F; + font-size: 14px; +} +#blog_post .comments .comment a.reply { + color: #1189D9; + text-decoration: underline; + margin-left: 20px; + font-size: 14px; + -webkit-transition: color .2s; + -moz-transition: color .2s; + -ms-transition: color .2s; + transition: color .2s; +} +#blog_post .comments .comment a.reply:hover{ + color: #252528; +} +#blog_post .comments .comment .date { + font-size: 13px; + font-weight: bold; + color: #747B85; +} +#blog_post .comments .comment .response { + margin-top: 10px; + line-height: 22px; + font-size: 14px; +} + +/* new comment */ +#blog_post .new_comment { + padding-top: 30px; + margin-top: 3px; +} +#blog_post .new_comment h4{ + font-size: 23px; + color: #3F3F3F; +} +#blog_post .new_comment form { + margin-top: 35px; +} +#blog_post .new_comment form input[type="text"] { + height: 25px; + border-radius: 3px; + width: 95.7%; +} +#blog_post .new_comment form textarea { + margin-top: 10px; + width: 97.9%; +} +#blog_post .new_comment form a.send{ + float: right; + color: #fff; + border: 0 none; + background: #187CCC; + text-shadow: none; + padding: 4px 15px 4px; + box-shadow: none; + text-transform: uppercase; + font-size: 15px; + font-weight: bold; + margin-top: 8px; + -webkit-transition: background linear .2s, box-shadow linear .2s; + -moz-transition: background linear .2s, box-shadow linear .2s; + -o-transition: background linear .2s, box-shadow linear .2s; + transition: background linear .2s, box-shadow linear .2s; +} +#blog_post .new_comment form a.send:hover{ + background: #252528; +} +#blog_post .sidebar{ + margin: 0; + padding: 40px 19px 40px 28px; + background: #fff; + border-radius: 4px; + box-shadow:1px 1px 2px 0px rgb(207, 207, 207); + float: right; +} +#blog_post .sidebar .box{ + padding-bottom: 30px; + overflow: hidden; + margin-bottom: 40px; + border-bottom: 1px solid rgb(216, 216, 216); +} +#blog_post .sidebar .last{ + border: 0 none; + padding: 0; + margin-bottom: 0; +} +#blog_post .sidebar .box .recent{ + width: 100%; + margin-bottom: 20px; + float: left; +} +#blog_post .sidebar .box .recent span img{ + float: left; + margin-right: 10px; +} +#blog_post .sidebar .box .recent p{ + margin: 0; + line-height: 18px; + font-size: 14px; +} +#blog_post .sidebar .sidebar_header { + margin-bottom: 20px; +} +#blog_post .sidebar .sidebar_header h4{ + font-size: 19px; + margin: 0; +} +#blog_post .sidebar .sidebar_menu { + list-style-type: none; + margin-left: 0px; +} +#blog_post .sidebar .sidebar_menu ul{ + margin: 0; + padding: 0; + list-style: none; +} +#blog_post .sidebar .sidebar_menu li { + margin-bottom: 6px; +} +#blog_post .sidebar .sidebar_menu li a { + color: #333; + font-size: 14px; + -webkit-transition: color .2s; + -moz-transition: color .2s; + -ms-transition: color .2s; + transition: color .2s; +} +#blog_post .sidebar .sidebar_menu li a:hover { + color: #1187D8; +} +#blog_post .sidebar .recent_posts { + list-style-type: none; + margin-top: 30px; + margin-left: 0px; +} +#blog_post .sidebar .recent_posts li { + margin-bottom: 20px; + font-size: 15px; +} +#blog_post .sidebar .recent_posts .thumb { + border: 3px solid #fff; + box-shadow: 0px 0px 1px 1px #bdbdbd; +} +#blog_post .sidebar .recent_posts a.link { + color: #333; + display: block; + margin-top: 10px; +} +#blog_post .sidebar .recent_posts a:hover { + color: #87a46e; + text-decoration: underline; +} +#blog_post .sidebar ul.recent_photos{ + list-style-type: none; + margin-left: 0px; + padding-top: 18px; +} +#blog_post .sidebar ul.recent_photos li{ + list-style: none; + display: inline-block; + margin-right: 6px; + margin-bottom: 11px; +} +#blog_post .sidebar ul.recent_photos li a img { + max-width: 55px; + margin-right: 9px; + border-radius: 3px; +} + +/* Responsive +-------------------------------------------------- */ + +/* Landscape phones and down */ +@media (max-width: 480px) { + +} +/* Landscape phone to portrait tablet */ +@media (max-width: 767px) { + #blog_wrapper .header hr { + width: 70%; + } + #blog_wrapper .post .main_pic { + display: block; + margin: 0 auto; + } + #blog_wrapper .sidebar .recent_posts .thumb { + max-width: 100px; + } +} + +@media (min-width: 768px) { + #blog_wrapper .sidebar .search-query { + width: 85%; + } + #blog_post .sidebar .box .recent p{ + font-size: 13px; + } +} +/* Portrait tablet to landscape and desktop */ +@media (min-width: 768px) and (max-width: 979px) { +} +@media (max-width: 979px) { + +} +@media (min-width: 980px) { + +} +/* Large desktop */ +@media (min-width: 1200px) { + #blog_wrapper .post .info { + width: 420px; + } +} \ No newline at end of file diff --git a/website/static/css/bootstrap-overrides.css b/website/static/css/bootstrap-overrides.css new file mode 100644 index 0000000..ac0485a --- /dev/null +++ b/website/static/css/bootstrap-overrides.css @@ -0,0 +1,279 @@ +/* + Override .container and .span sizes on 1200px media query to be like a 980 screen size for design purposes. + + This override is useful when changing the bootstrap files version instead of editing directly on the + included bootstrap file. +*/ + +@media (min-width: 1200px) { + .row { + margin-left: -20px; + *zoom: 1; + } + .row:before, + .row:after { + display: table; + line-height: 0; + content: ""; + } + .row:after { + clear: both; + } + [class*="span"] { + float: left; + min-height: 1px; + margin-left: 20px; + } + .container, + .navbar-static-top .container, + .navbar-fixed-top .container, + .navbar-fixed-bottom .container { + width: 940px; + } + .span12 { + width: 940px; + } + .span11 { + width: 860px; + } + .span10 { + width: 780px; + } + .span9 { + width: 700px; + } + .span8 { + width: 620px; + } + .span7 { + width: 540px; + } + .span6 { + width: 460px; + } + .span5 { + width: 380px; + } + .span4 { + width: 300px; + } + .span3 { + width: 220px; + } + .span2 { + width: 140px; + } + .span1 { + width: 60px; + } + .offset12 { + margin-left: 980px; + } + .offset11 { + margin-left: 900px; + } + .offset10 { + margin-left: 820px; + } + .offset9 { + margin-left: 740px; + } + .offset8 { + margin-left: 660px; + } + .offset7 { + margin-left: 580px; + } + .offset6 { + margin-left: 500px; + } + .offset5 { + margin-left: 420px; + } + .offset4 { + margin-left: 340px; + } + .offset3 { + margin-left: 260px; + } + .offset2 { + margin-left: 180px; + } + .offset1 { + margin-left: 100px; + } + .row-fluid { + width: 100%; + *zoom: 1; + } + .row-fluid:before, + .row-fluid:after { + display: table; + line-height: 0; + content: ""; + } + .row-fluid:after { + clear: both; + } + .row-fluid [class*="span"] { + display: block; + float: left; + width: 100%; + min-height: 30px; + margin-left: 2.127659574468085%; + *margin-left: 2.074468085106383%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + .row-fluid [class*="span"]:first-child { + margin-left: 0; + } + .row-fluid .controls-row [class*="span"] + [class*="span"] { + margin-left: 2.127659574468085%; + } + .row-fluid .span12 { + width: 100%; + *width: 99.94680851063829%; + } + .row-fluid .span11 { + width: 91.48936170212765%; + *width: 91.43617021276594%; + } + .row-fluid .span10 { + width: 82.97872340425532%; + *width: 82.92553191489361%; + } + .row-fluid .span9 { + width: 74.46808510638297%; + *width: 74.41489361702126%; + } + .row-fluid .span8 { + width: 65.95744680851064%; + *width: 65.90425531914893%; + } + .row-fluid .span7 { + width: 57.44680851063829%; + *width: 57.39361702127659%; + } + .row-fluid .span6 { + width: 48.93617021276595%; + *width: 48.88297872340425%; + } + .row-fluid .span5 { + width: 40.42553191489362%; + *width: 40.37234042553192%; + } + .row-fluid .span4 { + width: 31.914893617021278%; + *width: 31.861702127659576%; + } + .row-fluid .span3 { + width: 23.404255319148934%; + *width: 23.351063829787233%; + } + .row-fluid .span2 { + width: 14.893617021276595%; + *width: 14.840425531914894%; + } + .row-fluid .span1 { + width: 6.382978723404255%; + *width: 6.329787234042553%; + } + .row-fluid .offset12 { + margin-left: 104.25531914893617%; + *margin-left: 104.14893617021275%; + } + .row-fluid .offset12:first-child { + margin-left: 102.12765957446808%; + *margin-left: 102.02127659574467%; + } + .row-fluid .offset11 { + margin-left: 95.74468085106382%; + *margin-left: 95.6382978723404%; + } + .row-fluid .offset11:first-child { + margin-left: 93.61702127659574%; + *margin-left: 93.51063829787232%; + } + .row-fluid .offset10 { + margin-left: 87.23404255319149%; + *margin-left: 87.12765957446807%; + } + .row-fluid .offset10:first-child { + margin-left: 85.1063829787234%; + *margin-left: 84.99999999999999%; + } + .row-fluid .offset9 { + margin-left: 78.72340425531914%; + *margin-left: 78.61702127659572%; + } + .row-fluid .offset9:first-child { + margin-left: 76.59574468085106%; + *margin-left: 76.48936170212764%; + } + .row-fluid .offset8 { + margin-left: 70.2127659574468%; + *margin-left: 70.10638297872339%; + } + .row-fluid .offset8:first-child { + margin-left: 68.08510638297872%; + *margin-left: 67.9787234042553%; + } + .row-fluid .offset7 { + margin-left: 61.70212765957446%; + *margin-left: 61.59574468085106%; + } + .row-fluid .offset7:first-child { + margin-left: 59.574468085106375%; + *margin-left: 59.46808510638297%; + } + .row-fluid .offset6 { + margin-left: 53.191489361702125%; + *margin-left: 53.085106382978715%; + } + .row-fluid .offset6:first-child { + margin-left: 51.063829787234035%; + *margin-left: 50.95744680851063%; + } + .row-fluid .offset5 { + margin-left: 44.68085106382979%; + *margin-left: 44.57446808510638%; + } + .row-fluid .offset5:first-child { + margin-left: 42.5531914893617%; + *margin-left: 42.4468085106383%; + } + .row-fluid .offset4 { + margin-left: 36.170212765957444%; + *margin-left: 36.06382978723405%; + } + .row-fluid .offset4:first-child { + margin-left: 34.04255319148936%; + *margin-left: 33.93617021276596%; + } + .row-fluid .offset3 { + margin-left: 27.659574468085104%; + *margin-left: 27.5531914893617%; + } + .row-fluid .offset3:first-child { + margin-left: 25.53191489361702%; + *margin-left: 25.425531914893618%; + } + .row-fluid .offset2 { + margin-left: 19.148936170212764%; + *margin-left: 19.04255319148936%; + } + .row-fluid .offset2:first-child { + margin-left: 17.02127659574468%; + *margin-left: 16.914893617021278%; + } + .row-fluid .offset1 { + margin-left: 10.638297872340425%; + *margin-left: 10.53191489361702%; + } + .row-fluid .offset1:first-child { + margin-left: 8.51063829787234%; + *margin-left: 8.404255319148938%; + } +} \ No newline at end of file diff --git a/website/static/css/bootstrap-responsive.css b/website/static/css/bootstrap-responsive.css new file mode 100644 index 0000000..09e88ce --- /dev/null +++ b/website/static/css/bootstrap-responsive.css @@ -0,0 +1,1109 @@ +/*! + * Bootstrap Responsive v2.3.2 + * + * Copyright 2012 Twitter, Inc + * Licensed under the Apache License v2.0 + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Designed and built with all the love in the world @twitter by @mdo and @fat. + */ + +.clearfix { + *zoom: 1; +} + +.clearfix:before, +.clearfix:after { + display: table; + line-height: 0; + content: ""; +} + +.clearfix:after { + clear: both; +} + +.hide-text { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.input-block-level { + display: block; + width: 100%; + min-height: 30px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +@-ms-viewport { + width: device-width; +} + +.hidden { + display: none; + visibility: hidden; +} + +.visible-phone { + display: none !important; +} + +.visible-tablet { + display: none !important; +} + +.hidden-desktop { + display: none !important; +} + +.visible-desktop { + display: inherit !important; +} + +@media (min-width: 768px) and (max-width: 979px) { + .hidden-desktop { + display: inherit !important; + } + .visible-desktop { + display: none !important ; + } + .visible-tablet { + display: inherit !important; + } + .hidden-tablet { + display: none !important; + } +} + +@media (max-width: 767px) { + .hidden-desktop { + display: inherit !important; + } + .visible-desktop { + display: none !important; + } + .visible-phone { + display: inherit !important; + } + .hidden-phone { + display: none !important; + } +} + +.visible-print { + display: none !important; +} + +@media print { + .visible-print { + display: inherit !important; + } + .hidden-print { + display: none !important; + } +} + +@media (min-width: 1200px) { + .row { + margin-left: -30px; + *zoom: 1; + } + .row:before, + .row:after { + display: table; + line-height: 0; + content: ""; + } + .row:after { + clear: both; + } + [class*="span"] { + float: left; + min-height: 1px; + margin-left: 30px; + } + .container, + .navbar-static-top .container, + .navbar-fixed-top .container, + .navbar-fixed-bottom .container { + width: 1170px; + } + .span12 { + width: 1170px; + } + .span11 { + width: 1070px; + } + .span10 { + width: 970px; + } + .span9 { + width: 870px; + } + .span8 { + width: 770px; + } + .span7 { + width: 670px; + } + .span6 { + width: 570px; + } + .span5 { + width: 470px; + } + .span4 { + width: 370px; + } + .span3 { + width: 270px; + } + .span2 { + width: 170px; + } + .span1 { + width: 70px; + } + .offset12 { + margin-left: 1230px; + } + .offset11 { + margin-left: 1130px; + } + .offset10 { + margin-left: 1030px; + } + .offset9 { + margin-left: 930px; + } + .offset8 { + margin-left: 830px; + } + .offset7 { + margin-left: 730px; + } + .offset6 { + margin-left: 630px; + } + .offset5 { + margin-left: 530px; + } + .offset4 { + margin-left: 430px; + } + .offset3 { + margin-left: 330px; + } + .offset2 { + margin-left: 230px; + } + .offset1 { + margin-left: 130px; + } + .row-fluid { + width: 100%; + *zoom: 1; + } + .row-fluid:before, + .row-fluid:after { + display: table; + line-height: 0; + content: ""; + } + .row-fluid:after { + clear: both; + } + .row-fluid [class*="span"] { + display: block; + float: left; + width: 100%; + min-height: 30px; + margin-left: 2.564102564102564%; + *margin-left: 2.5109110747408616%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + .row-fluid [class*="span"]:first-child { + margin-left: 0; + } + .row-fluid .controls-row [class*="span"] + [class*="span"] { + margin-left: 2.564102564102564%; + } + .row-fluid .span12 { + width: 100%; + *width: 99.94680851063829%; + } + .row-fluid .span11 { + width: 91.45299145299145%; + *width: 91.39979996362975%; + } + .row-fluid .span10 { + width: 82.90598290598291%; + *width: 82.8527914166212%; + } + .row-fluid .span9 { + width: 74.35897435897436%; + *width: 74.30578286961266%; + } + .row-fluid .span8 { + width: 65.81196581196582%; + *width: 65.75877432260411%; + } + .row-fluid .span7 { + width: 57.26495726495726%; + *width: 57.21176577559556%; + } + .row-fluid .span6 { + width: 48.717948717948715%; + *width: 48.664757228587014%; + } + .row-fluid .span5 { + width: 40.17094017094017%; + *width: 40.11774868157847%; + } + .row-fluid .span4 { + width: 31.623931623931625%; + *width: 31.570740134569924%; + } + .row-fluid .span3 { + width: 23.076923076923077%; + *width: 23.023731587561375%; + } + .row-fluid .span2 { + width: 14.52991452991453%; + *width: 14.476723040552828%; + } + .row-fluid .span1 { + width: 5.982905982905983%; + *width: 5.929714493544281%; + } + .row-fluid .offset12 { + margin-left: 105.12820512820512%; + *margin-left: 105.02182214948171%; + } + .row-fluid .offset12:first-child { + margin-left: 102.56410256410257%; + *margin-left: 102.45771958537915%; + } + .row-fluid .offset11 { + margin-left: 96.58119658119658%; + *margin-left: 96.47481360247316%; + } + .row-fluid .offset11:first-child { + margin-left: 94.01709401709402%; + *margin-left: 93.91071103837061%; + } + .row-fluid .offset10 { + margin-left: 88.03418803418803%; + *margin-left: 87.92780505546462%; + } + .row-fluid .offset10:first-child { + margin-left: 85.47008547008548%; + *margin-left: 85.36370249136206%; + } + .row-fluid .offset9 { + margin-left: 79.48717948717949%; + *margin-left: 79.38079650845607%; + } + .row-fluid .offset9:first-child { + margin-left: 76.92307692307693%; + *margin-left: 76.81669394435352%; + } + .row-fluid .offset8 { + margin-left: 70.94017094017094%; + *margin-left: 70.83378796144753%; + } + .row-fluid .offset8:first-child { + margin-left: 68.37606837606839%; + *margin-left: 68.26968539734497%; + } + .row-fluid .offset7 { + margin-left: 62.393162393162385%; + *margin-left: 62.28677941443899%; + } + .row-fluid .offset7:first-child { + margin-left: 59.82905982905982%; + *margin-left: 59.72267685033642%; + } + .row-fluid .offset6 { + margin-left: 53.84615384615384%; + *margin-left: 53.739770867430444%; + } + .row-fluid .offset6:first-child { + margin-left: 51.28205128205128%; + *margin-left: 51.175668303327875%; + } + .row-fluid .offset5 { + margin-left: 45.299145299145295%; + *margin-left: 45.1927623204219%; + } + .row-fluid .offset5:first-child { + margin-left: 42.73504273504273%; + *margin-left: 42.62865975631933%; + } + .row-fluid .offset4 { + margin-left: 36.75213675213675%; + *margin-left: 36.645753773413354%; + } + .row-fluid .offset4:first-child { + margin-left: 34.18803418803419%; + *margin-left: 34.081651209310785%; + } + .row-fluid .offset3 { + margin-left: 28.205128205128204%; + *margin-left: 28.0987452264048%; + } + .row-fluid .offset3:first-child { + margin-left: 25.641025641025642%; + *margin-left: 25.53464266230224%; + } + .row-fluid .offset2 { + margin-left: 19.65811965811966%; + *margin-left: 19.551736679396257%; + } + .row-fluid .offset2:first-child { + margin-left: 17.094017094017094%; + *margin-left: 16.98763411529369%; + } + .row-fluid .offset1 { + margin-left: 11.11111111111111%; + *margin-left: 11.004728132387708%; + } + .row-fluid .offset1:first-child { + margin-left: 8.547008547008547%; + *margin-left: 8.440625568285142%; + } + input, + textarea, + .uneditable-input { + margin-left: 0; + } + .controls-row [class*="span"] + [class*="span"] { + margin-left: 30px; + } + input.span12, + textarea.span12, + .uneditable-input.span12 { + width: 1156px; + } + input.span11, + textarea.span11, + .uneditable-input.span11 { + width: 1056px; + } + input.span10, + textarea.span10, + .uneditable-input.span10 { + width: 956px; + } + input.span9, + textarea.span9, + .uneditable-input.span9 { + width: 856px; + } + input.span8, + textarea.span8, + .uneditable-input.span8 { + width: 756px; + } + input.span7, + textarea.span7, + .uneditable-input.span7 { + width: 656px; + } + input.span6, + textarea.span6, + .uneditable-input.span6 { + width: 556px; + } + input.span5, + textarea.span5, + .uneditable-input.span5 { + width: 456px; + } + input.span4, + textarea.span4, + .uneditable-input.span4 { + width: 356px; + } + input.span3, + textarea.span3, + .uneditable-input.span3 { + width: 256px; + } + input.span2, + textarea.span2, + .uneditable-input.span2 { + width: 156px; + } + input.span1, + textarea.span1, + .uneditable-input.span1 { + width: 56px; + } + .thumbnails { + margin-left: -30px; + } + .thumbnails > li { + margin-left: 30px; + } + .row-fluid .thumbnails { + margin-left: 0; + } +} + +@media (min-width: 768px) and (max-width: 979px) { + .row { + margin-left: -20px; + *zoom: 1; + } + .row:before, + .row:after { + display: table; + line-height: 0; + content: ""; + } + .row:after { + clear: both; + } + [class*="span"] { + float: left; + min-height: 1px; + margin-left: 20px; + } + .container, + .navbar-static-top .container, + .navbar-fixed-top .container, + .navbar-fixed-bottom .container { + width: 724px; + } + .span12 { + width: 724px; + } + .span11 { + width: 662px; + } + .span10 { + width: 600px; + } + .span9 { + width: 538px; + } + .span8 { + width: 476px; + } + .span7 { + width: 414px; + } + .span6 { + width: 352px; + } + .span5 { + width: 290px; + } + .span4 { + width: 228px; + } + .span3 { + width: 166px; + } + .span2 { + width: 104px; + } + .span1 { + width: 42px; + } + .offset12 { + margin-left: 764px; + } + .offset11 { + margin-left: 702px; + } + .offset10 { + margin-left: 640px; + } + .offset9 { + margin-left: 578px; + } + .offset8 { + margin-left: 516px; + } + .offset7 { + margin-left: 454px; + } + .offset6 { + margin-left: 392px; + } + .offset5 { + margin-left: 330px; + } + .offset4 { + margin-left: 268px; + } + .offset3 { + margin-left: 206px; + } + .offset2 { + margin-left: 144px; + } + .offset1 { + margin-left: 82px; + } + .row-fluid { + width: 100%; + *zoom: 1; + } + .row-fluid:before, + .row-fluid:after { + display: table; + line-height: 0; + content: ""; + } + .row-fluid:after { + clear: both; + } + .row-fluid [class*="span"] { + display: block; + float: left; + width: 100%; + min-height: 30px; + margin-left: 2.7624309392265194%; + *margin-left: 2.709239449864817%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + .row-fluid [class*="span"]:first-child { + margin-left: 0; + } + .row-fluid .controls-row [class*="span"] + [class*="span"] { + margin-left: 2.7624309392265194%; + } + .row-fluid .span12 { + width: 100%; + *width: 99.94680851063829%; + } + .row-fluid .span11 { + width: 91.43646408839778%; + *width: 91.38327259903608%; + } + .row-fluid .span10 { + width: 82.87292817679558%; + *width: 82.81973668743387%; + } + .row-fluid .span9 { + width: 74.30939226519337%; + *width: 74.25620077583166%; + } + .row-fluid .span8 { + width: 65.74585635359117%; + *width: 65.69266486422946%; + } + .row-fluid .span7 { + width: 57.18232044198895%; + *width: 57.12912895262725%; + } + .row-fluid .span6 { + width: 48.61878453038674%; + *width: 48.56559304102504%; + } + .row-fluid .span5 { + width: 40.05524861878453%; + *width: 40.00205712942283%; + } + .row-fluid .span4 { + width: 31.491712707182323%; + *width: 31.43852121782062%; + } + .row-fluid .span3 { + width: 22.92817679558011%; + *width: 22.87498530621841%; + } + .row-fluid .span2 { + width: 14.3646408839779%; + *width: 14.311449394616199%; + } + .row-fluid .span1 { + width: 5.801104972375691%; + *width: 5.747913483013988%; + } + .row-fluid .offset12 { + margin-left: 105.52486187845304%; + *margin-left: 105.41847889972962%; + } + .row-fluid .offset12:first-child { + margin-left: 102.76243093922652%; + *margin-left: 102.6560479605031%; + } + .row-fluid .offset11 { + margin-left: 96.96132596685082%; + *margin-left: 96.8549429881274%; + } + .row-fluid .offset11:first-child { + margin-left: 94.1988950276243%; + *margin-left: 94.09251204890089%; + } + .row-fluid .offset10 { + margin-left: 88.39779005524862%; + *margin-left: 88.2914070765252%; + } + .row-fluid .offset10:first-child { + margin-left: 85.6353591160221%; + *margin-left: 85.52897613729868%; + } + .row-fluid .offset9 { + margin-left: 79.8342541436464%; + *margin-left: 79.72787116492299%; + } + .row-fluid .offset9:first-child { + margin-left: 77.07182320441989%; + *margin-left: 76.96544022569647%; + } + .row-fluid .offset8 { + margin-left: 71.2707182320442%; + *margin-left: 71.16433525332079%; + } + .row-fluid .offset8:first-child { + margin-left: 68.50828729281768%; + *margin-left: 68.40190431409427%; + } + .row-fluid .offset7 { + margin-left: 62.70718232044199%; + *margin-left: 62.600799341718584%; + } + .row-fluid .offset7:first-child { + margin-left: 59.94475138121547%; + *margin-left: 59.838368402492065%; + } + .row-fluid .offset6 { + margin-left: 54.14364640883978%; + *margin-left: 54.037263430116376%; + } + .row-fluid .offset6:first-child { + margin-left: 51.38121546961326%; + *margin-left: 51.27483249088986%; + } + .row-fluid .offset5 { + margin-left: 45.58011049723757%; + *margin-left: 45.47372751851417%; + } + .row-fluid .offset5:first-child { + margin-left: 42.81767955801105%; + *margin-left: 42.71129657928765%; + } + .row-fluid .offset4 { + margin-left: 37.01657458563536%; + *margin-left: 36.91019160691196%; + } + .row-fluid .offset4:first-child { + margin-left: 34.25414364640884%; + *margin-left: 34.14776066768544%; + } + .row-fluid .offset3 { + margin-left: 28.45303867403315%; + *margin-left: 28.346655695309746%; + } + .row-fluid .offset3:first-child { + margin-left: 25.69060773480663%; + *margin-left: 25.584224756083227%; + } + .row-fluid .offset2 { + margin-left: 19.88950276243094%; + *margin-left: 19.783119783707537%; + } + .row-fluid .offset2:first-child { + margin-left: 17.12707182320442%; + *margin-left: 17.02068884448102%; + } + .row-fluid .offset1 { + margin-left: 11.32596685082873%; + *margin-left: 11.219583872105325%; + } + .row-fluid .offset1:first-child { + margin-left: 8.56353591160221%; + *margin-left: 8.457152932878806%; + } + input, + textarea, + .uneditable-input { + margin-left: 0; + } + .controls-row [class*="span"] + [class*="span"] { + margin-left: 20px; + } + input.span12, + textarea.span12, + .uneditable-input.span12 { + width: 710px; + } + input.span11, + textarea.span11, + .uneditable-input.span11 { + width: 648px; + } + input.span10, + textarea.span10, + .uneditable-input.span10 { + width: 586px; + } + input.span9, + textarea.span9, + .uneditable-input.span9 { + width: 524px; + } + input.span8, + textarea.span8, + .uneditable-input.span8 { + width: 462px; + } + input.span7, + textarea.span7, + .uneditable-input.span7 { + width: 400px; + } + input.span6, + textarea.span6, + .uneditable-input.span6 { + width: 338px; + } + input.span5, + textarea.span5, + .uneditable-input.span5 { + width: 276px; + } + input.span4, + textarea.span4, + .uneditable-input.span4 { + width: 214px; + } + input.span3, + textarea.span3, + .uneditable-input.span3 { + width: 152px; + } + input.span2, + textarea.span2, + .uneditable-input.span2 { + width: 90px; + } + input.span1, + textarea.span1, + .uneditable-input.span1 { + width: 28px; + } +} + +@media (max-width: 767px) { + body { + padding-right: 20px; + padding-left: 20px; + } + .navbar-fixed-top, + .navbar-fixed-bottom, + .navbar-static-top { + margin-right: -20px; + margin-left: -20px; + } + .container-fluid { + padding: 0; + } + .dl-horizontal dt { + float: none; + width: auto; + clear: none; + text-align: left; + } + .dl-horizontal dd { + margin-left: 0; + } + .container { + width: auto; + } + .row-fluid { + width: 100%; + } + .row, + .thumbnails { + margin-left: 0; + } + .thumbnails > li { + float: none; + margin-left: 0; + } + [class*="span"], + .uneditable-input[class*="span"], + .row-fluid [class*="span"] { + display: block; + float: none; + width: 100%; + margin-left: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + .span12, + .row-fluid .span12 { + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + .row-fluid [class*="offset"]:first-child { + margin-left: 0; + } + .input-large, + .input-xlarge, + .input-xxlarge, + input[class*="span"], + select[class*="span"], + textarea[class*="span"], + .uneditable-input { + display: block; + width: 100%; + min-height: 30px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + .input-prepend input, + .input-append input, + .input-prepend input[class*="span"], + .input-append input[class*="span"] { + display: inline-block; + width: auto; + } + .controls-row [class*="span"] + [class*="span"] { + margin-left: 0; + } + .modal { + position: fixed; + top: 20px; + right: 20px; + left: 20px; + width: auto; + margin: 0; + } + .modal.fade { + top: -100px; + } + .modal.fade.in { + top: 20px; + } +} + +@media (max-width: 480px) { + .nav-collapse { + -webkit-transform: translate3d(0, 0, 0); + } + .page-header h1 small { + display: block; + line-height: 20px; + } + input[type="checkbox"], + input[type="radio"] { + border: 1px solid #ccc; + } + .form-horizontal .control-label { + float: none; + width: auto; + padding-top: 0; + text-align: left; + } + .form-horizontal .controls { + margin-left: 0; + } + .form-horizontal .control-list { + padding-top: 0; + } + .form-horizontal .form-actions { + padding-right: 10px; + padding-left: 10px; + } + .media .pull-left, + .media .pull-right { + display: block; + float: none; + margin-bottom: 10px; + } + .media-object { + margin-right: 0; + margin-left: 0; + } + .modal { + top: 10px; + right: 10px; + left: 10px; + } + .modal-header .close { + padding: 10px; + margin: -10px; + } + .carousel-caption { + position: static; + } +} + +@media (max-width: 979px) { + body { + padding-top: 0; + } + .navbar-fixed-top, + .navbar-fixed-bottom { + position: static; + } + .navbar-fixed-top { + margin-bottom: 20px; + } + .navbar-fixed-bottom { + margin-top: 20px; + } + .navbar-fixed-top .navbar-inner, + .navbar-fixed-bottom .navbar-inner { + padding: 5px; + } + .navbar .container { + width: auto; + padding: 0; + } + .navbar .brand { + padding-right: 10px; + padding-left: 10px; + margin: 0 0 0 -5px; + } + .nav-collapse { + clear: both; + } + .nav-collapse .nav { + float: none; + margin: 0 0 10px; + } + .nav-collapse .nav > li { + float: none; + } + .nav-collapse .nav > li > a { + margin-bottom: 2px; + } + .nav-collapse .nav > .divider-vertical { + display: none; + } + .nav-collapse .nav .nav-header { + color: #777777; + text-shadow: none; + } + .nav-collapse .nav > li > a, + .nav-collapse .dropdown-menu a { + padding: 9px 15px; + font-weight: bold; + color: #777777; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + } + .nav-collapse .btn { + padding: 4px 10px 4px; + font-weight: normal; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + } + .nav-collapse .dropdown-menu li + li a { + margin-bottom: 2px; + } + .nav-collapse .nav > li > a:hover, + .nav-collapse .nav > li > a:focus, + .nav-collapse .dropdown-menu a:hover, + .nav-collapse .dropdown-menu a:focus { + background-color: #f2f2f2; + } + .navbar-inverse .nav-collapse .nav > li > a, + .navbar-inverse .nav-collapse .dropdown-menu a { + color: #999999; + } + .navbar-inverse .nav-collapse .nav > li > a:hover, + .navbar-inverse .nav-collapse .nav > li > a:focus, + .navbar-inverse .nav-collapse .dropdown-menu a:hover, + .navbar-inverse .nav-collapse .dropdown-menu a:focus { + background-color: #111111; + } + .nav-collapse.in .btn-group { + padding: 0; + margin-top: 5px; + } + .nav-collapse .dropdown-menu { + position: static; + top: auto; + left: auto; + display: none; + float: none; + max-width: none; + padding: 0; + margin: 0 15px; + background-color: transparent; + border: none; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + } + .nav-collapse .open > .dropdown-menu { + display: block; + } + .nav-collapse .dropdown-menu:before, + .nav-collapse .dropdown-menu:after { + display: none; + } + .nav-collapse .dropdown-menu .divider { + display: none; + } + .nav-collapse .nav > li > .dropdown-menu:before, + .nav-collapse .nav > li > .dropdown-menu:after { + display: none; + } + .nav-collapse .navbar-form, + .nav-collapse .navbar-search { + float: none; + padding: 10px 15px; + margin: 10px 0; + border-top: 1px solid #f2f2f2; + border-bottom: 1px solid #f2f2f2; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + -moz-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); + } + .navbar-inverse .nav-collapse .navbar-form, + .navbar-inverse .nav-collapse .navbar-search { + border-top-color: #111111; + border-bottom-color: #111111; + } + .navbar .nav-collapse .nav.pull-right { + float: none; + margin-left: 0; + } + .nav-collapse, + .nav-collapse.collapse { + height: 0; + overflow: hidden; + } + .navbar .btn-navbar { + display: block; + } + .navbar-static .navbar-inner { + padding-right: 10px; + padding-left: 10px; + } +} + +@media (min-width: 980px) { + .nav-collapse.collapse { + height: auto !important; + overflow: visible !important; + } +} diff --git a/website/static/css/bootstrap-responsive.min.css b/website/static/css/bootstrap-responsive.min.css new file mode 100644 index 0000000..f4ede63 --- /dev/null +++ b/website/static/css/bootstrap-responsive.min.css @@ -0,0 +1,9 @@ +/*! + * Bootstrap Responsive v2.3.2 + * + * Copyright 2012 Twitter, Inc + * Licensed under the Apache License v2.0 + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Designed and built with all the love in the world @twitter by @mdo and @fat. + */.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@-ms-viewport{width:device-width}.hidden{display:none;visibility:hidden}.visible-phone{display:none!important}.visible-tablet{display:none!important}.hidden-desktop{display:none!important}.visible-desktop{display:inherit!important}@media(min-width:768px) and (max-width:979px){.hidden-desktop{display:inherit!important}.visible-desktop{display:none!important}.visible-tablet{display:inherit!important}.hidden-tablet{display:none!important}}@media(max-width:767px){.hidden-desktop{display:inherit!important}.visible-desktop{display:none!important}.visible-phone{display:inherit!important}.hidden-phone{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:inherit!important}.hidden-print{display:none!important}}@media(min-width:1200px){.row{margin-left:-30px;*zoom:1}.row:before,.row:after{display:table;line-height:0;content:""}.row:after{clear:both}[class*="span"]{float:left;min-height:1px;margin-left:30px}.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:1170px}.span12{width:1170px}.span11{width:1070px}.span10{width:970px}.span9{width:870px}.span8{width:770px}.span7{width:670px}.span6{width:570px}.span5{width:470px}.span4{width:370px}.span3{width:270px}.span2{width:170px}.span1{width:70px}.offset12{margin-left:1230px}.offset11{margin-left:1130px}.offset10{margin-left:1030px}.offset9{margin-left:930px}.offset8{margin-left:830px}.offset7{margin-left:730px}.offset6{margin-left:630px}.offset5{margin-left:530px}.offset4{margin-left:430px}.offset3{margin-left:330px}.offset2{margin-left:230px}.offset1{margin-left:130px}.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;line-height:0;content:""}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;float:left;width:100%;min-height:30px;margin-left:2.564102564102564%;*margin-left:2.5109110747408616%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.564102564102564%}.row-fluid .span12{width:100%;*width:99.94680851063829%}.row-fluid .span11{width:91.45299145299145%;*width:91.39979996362975%}.row-fluid .span10{width:82.90598290598291%;*width:82.8527914166212%}.row-fluid .span9{width:74.35897435897436%;*width:74.30578286961266%}.row-fluid .span8{width:65.81196581196582%;*width:65.75877432260411%}.row-fluid .span7{width:57.26495726495726%;*width:57.21176577559556%}.row-fluid .span6{width:48.717948717948715%;*width:48.664757228587014%}.row-fluid .span5{width:40.17094017094017%;*width:40.11774868157847%}.row-fluid .span4{width:31.623931623931625%;*width:31.570740134569924%}.row-fluid .span3{width:23.076923076923077%;*width:23.023731587561375%}.row-fluid .span2{width:14.52991452991453%;*width:14.476723040552828%}.row-fluid .span1{width:5.982905982905983%;*width:5.929714493544281%}.row-fluid .offset12{margin-left:105.12820512820512%;*margin-left:105.02182214948171%}.row-fluid .offset12:first-child{margin-left:102.56410256410257%;*margin-left:102.45771958537915%}.row-fluid .offset11{margin-left:96.58119658119658%;*margin-left:96.47481360247316%}.row-fluid .offset11:first-child{margin-left:94.01709401709402%;*margin-left:93.91071103837061%}.row-fluid .offset10{margin-left:88.03418803418803%;*margin-left:87.92780505546462%}.row-fluid .offset10:first-child{margin-left:85.47008547008548%;*margin-left:85.36370249136206%}.row-fluid .offset9{margin-left:79.48717948717949%;*margin-left:79.38079650845607%}.row-fluid .offset9:first-child{margin-left:76.92307692307693%;*margin-left:76.81669394435352%}.row-fluid .offset8{margin-left:70.94017094017094%;*margin-left:70.83378796144753%}.row-fluid .offset8:first-child{margin-left:68.37606837606839%;*margin-left:68.26968539734497%}.row-fluid .offset7{margin-left:62.393162393162385%;*margin-left:62.28677941443899%}.row-fluid .offset7:first-child{margin-left:59.82905982905982%;*margin-left:59.72267685033642%}.row-fluid .offset6{margin-left:53.84615384615384%;*margin-left:53.739770867430444%}.row-fluid .offset6:first-child{margin-left:51.28205128205128%;*margin-left:51.175668303327875%}.row-fluid .offset5{margin-left:45.299145299145295%;*margin-left:45.1927623204219%}.row-fluid .offset5:first-child{margin-left:42.73504273504273%;*margin-left:42.62865975631933%}.row-fluid .offset4{margin-left:36.75213675213675%;*margin-left:36.645753773413354%}.row-fluid .offset4:first-child{margin-left:34.18803418803419%;*margin-left:34.081651209310785%}.row-fluid .offset3{margin-left:28.205128205128204%;*margin-left:28.0987452264048%}.row-fluid .offset3:first-child{margin-left:25.641025641025642%;*margin-left:25.53464266230224%}.row-fluid .offset2{margin-left:19.65811965811966%;*margin-left:19.551736679396257%}.row-fluid .offset2:first-child{margin-left:17.094017094017094%;*margin-left:16.98763411529369%}.row-fluid .offset1{margin-left:11.11111111111111%;*margin-left:11.004728132387708%}.row-fluid .offset1:first-child{margin-left:8.547008547008547%;*margin-left:8.440625568285142%}input,textarea,.uneditable-input{margin-left:0}.controls-row [class*="span"]+[class*="span"]{margin-left:30px}input.span12,textarea.span12,.uneditable-input.span12{width:1156px}input.span11,textarea.span11,.uneditable-input.span11{width:1056px}input.span10,textarea.span10,.uneditable-input.span10{width:956px}input.span9,textarea.span9,.uneditable-input.span9{width:856px}input.span8,textarea.span8,.uneditable-input.span8{width:756px}input.span7,textarea.span7,.uneditable-input.span7{width:656px}input.span6,textarea.span6,.uneditable-input.span6{width:556px}input.span5,textarea.span5,.uneditable-input.span5{width:456px}input.span4,textarea.span4,.uneditable-input.span4{width:356px}input.span3,textarea.span3,.uneditable-input.span3{width:256px}input.span2,textarea.span2,.uneditable-input.span2{width:156px}input.span1,textarea.span1,.uneditable-input.span1{width:56px}.thumbnails{margin-left:-30px}.thumbnails>li{margin-left:30px}.row-fluid .thumbnails{margin-left:0}}@media(min-width:768px) and (max-width:979px){.row{margin-left:-20px;*zoom:1}.row:before,.row:after{display:table;line-height:0;content:""}.row:after{clear:both}[class*="span"]{float:left;min-height:1px;margin-left:20px}.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:724px}.span12{width:724px}.span11{width:662px}.span10{width:600px}.span9{width:538px}.span8{width:476px}.span7{width:414px}.span6{width:352px}.span5{width:290px}.span4{width:228px}.span3{width:166px}.span2{width:104px}.span1{width:42px}.offset12{margin-left:764px}.offset11{margin-left:702px}.offset10{margin-left:640px}.offset9{margin-left:578px}.offset8{margin-left:516px}.offset7{margin-left:454px}.offset6{margin-left:392px}.offset5{margin-left:330px}.offset4{margin-left:268px}.offset3{margin-left:206px}.offset2{margin-left:144px}.offset1{margin-left:82px}.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;line-height:0;content:""}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;float:left;width:100%;min-height:30px;margin-left:2.7624309392265194%;*margin-left:2.709239449864817%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.7624309392265194%}.row-fluid .span12{width:100%;*width:99.94680851063829%}.row-fluid .span11{width:91.43646408839778%;*width:91.38327259903608%}.row-fluid .span10{width:82.87292817679558%;*width:82.81973668743387%}.row-fluid .span9{width:74.30939226519337%;*width:74.25620077583166%}.row-fluid .span8{width:65.74585635359117%;*width:65.69266486422946%}.row-fluid .span7{width:57.18232044198895%;*width:57.12912895262725%}.row-fluid .span6{width:48.61878453038674%;*width:48.56559304102504%}.row-fluid .span5{width:40.05524861878453%;*width:40.00205712942283%}.row-fluid .span4{width:31.491712707182323%;*width:31.43852121782062%}.row-fluid .span3{width:22.92817679558011%;*width:22.87498530621841%}.row-fluid .span2{width:14.3646408839779%;*width:14.311449394616199%}.row-fluid .span1{width:5.801104972375691%;*width:5.747913483013988%}.row-fluid .offset12{margin-left:105.52486187845304%;*margin-left:105.41847889972962%}.row-fluid .offset12:first-child{margin-left:102.76243093922652%;*margin-left:102.6560479605031%}.row-fluid .offset11{margin-left:96.96132596685082%;*margin-left:96.8549429881274%}.row-fluid .offset11:first-child{margin-left:94.1988950276243%;*margin-left:94.09251204890089%}.row-fluid .offset10{margin-left:88.39779005524862%;*margin-left:88.2914070765252%}.row-fluid .offset10:first-child{margin-left:85.6353591160221%;*margin-left:85.52897613729868%}.row-fluid .offset9{margin-left:79.8342541436464%;*margin-left:79.72787116492299%}.row-fluid .offset9:first-child{margin-left:77.07182320441989%;*margin-left:76.96544022569647%}.row-fluid .offset8{margin-left:71.2707182320442%;*margin-left:71.16433525332079%}.row-fluid .offset8:first-child{margin-left:68.50828729281768%;*margin-left:68.40190431409427%}.row-fluid .offset7{margin-left:62.70718232044199%;*margin-left:62.600799341718584%}.row-fluid .offset7:first-child{margin-left:59.94475138121547%;*margin-left:59.838368402492065%}.row-fluid .offset6{margin-left:54.14364640883978%;*margin-left:54.037263430116376%}.row-fluid .offset6:first-child{margin-left:51.38121546961326%;*margin-left:51.27483249088986%}.row-fluid .offset5{margin-left:45.58011049723757%;*margin-left:45.47372751851417%}.row-fluid .offset5:first-child{margin-left:42.81767955801105%;*margin-left:42.71129657928765%}.row-fluid .offset4{margin-left:37.01657458563536%;*margin-left:36.91019160691196%}.row-fluid .offset4:first-child{margin-left:34.25414364640884%;*margin-left:34.14776066768544%}.row-fluid .offset3{margin-left:28.45303867403315%;*margin-left:28.346655695309746%}.row-fluid .offset3:first-child{margin-left:25.69060773480663%;*margin-left:25.584224756083227%}.row-fluid .offset2{margin-left:19.88950276243094%;*margin-left:19.783119783707537%}.row-fluid .offset2:first-child{margin-left:17.12707182320442%;*margin-left:17.02068884448102%}.row-fluid .offset1{margin-left:11.32596685082873%;*margin-left:11.219583872105325%}.row-fluid .offset1:first-child{margin-left:8.56353591160221%;*margin-left:8.457152932878806%}input,textarea,.uneditable-input{margin-left:0}.controls-row [class*="span"]+[class*="span"]{margin-left:20px}input.span12,textarea.span12,.uneditable-input.span12{width:710px}input.span11,textarea.span11,.uneditable-input.span11{width:648px}input.span10,textarea.span10,.uneditable-input.span10{width:586px}input.span9,textarea.span9,.uneditable-input.span9{width:524px}input.span8,textarea.span8,.uneditable-input.span8{width:462px}input.span7,textarea.span7,.uneditable-input.span7{width:400px}input.span6,textarea.span6,.uneditable-input.span6{width:338px}input.span5,textarea.span5,.uneditable-input.span5{width:276px}input.span4,textarea.span4,.uneditable-input.span4{width:214px}input.span3,textarea.span3,.uneditable-input.span3{width:152px}input.span2,textarea.span2,.uneditable-input.span2{width:90px}input.span1,textarea.span1,.uneditable-input.span1{width:28px}}@media(max-width:767px){body{padding-right:20px;padding-left:20px}.navbar-fixed-top,.navbar-fixed-bottom,.navbar-static-top{margin-right:-20px;margin-left:-20px}.container-fluid{padding:0}.dl-horizontal dt{float:none;width:auto;clear:none;text-align:left}.dl-horizontal dd{margin-left:0}.container{width:auto}.row-fluid{width:100%}.row,.thumbnails{margin-left:0}.thumbnails>li{float:none;margin-left:0}[class*="span"],.uneditable-input[class*="span"],.row-fluid [class*="span"]{display:block;float:none;width:100%;margin-left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.span12,.row-fluid .span12{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="offset"]:first-child{margin-left:0}.input-large,.input-xlarge,.input-xxlarge,input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.input-prepend input,.input-append input,.input-prepend input[class*="span"],.input-append input[class*="span"]{display:inline-block;width:auto}.controls-row [class*="span"]+[class*="span"]{margin-left:0}.modal{position:fixed;top:20px;right:20px;left:20px;width:auto;margin:0}.modal.fade{top:-100px}.modal.fade.in{top:20px}}@media(max-width:480px){.nav-collapse{-webkit-transform:translate3d(0,0,0)}.page-header h1 small{display:block;line-height:20px}input[type="checkbox"],input[type="radio"]{border:1px solid #ccc}.form-horizontal .control-label{float:none;width:auto;padding-top:0;text-align:left}.form-horizontal .controls{margin-left:0}.form-horizontal .control-list{padding-top:0}.form-horizontal .form-actions{padding-right:10px;padding-left:10px}.media .pull-left,.media .pull-right{display:block;float:none;margin-bottom:10px}.media-object{margin-right:0;margin-left:0}.modal{top:10px;right:10px;left:10px}.modal-header .close{padding:10px;margin:-10px}.carousel-caption{position:static}}@media(max-width:979px){body{padding-top:0}.navbar-fixed-top,.navbar-fixed-bottom{position:static}.navbar-fixed-top{margin-bottom:20px}.navbar-fixed-bottom{margin-top:20px}.navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner{padding:5px}.navbar .container{width:auto;padding:0}.navbar .brand{padding-right:10px;padding-left:10px;margin:0 0 0 -5px}.nav-collapse{clear:both}.nav-collapse .nav{float:none;margin:0 0 10px}.nav-collapse .nav>li{float:none}.nav-collapse .nav>li>a{margin-bottom:2px}.nav-collapse .nav>.divider-vertical{display:none}.nav-collapse .nav .nav-header{color:#777;text-shadow:none}.nav-collapse .nav>li>a,.nav-collapse .dropdown-menu a{padding:9px 15px;font-weight:bold;color:#777;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.nav-collapse .btn{padding:4px 10px 4px;font-weight:normal;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.nav-collapse .dropdown-menu li+li a{margin-bottom:2px}.nav-collapse .nav>li>a:hover,.nav-collapse .nav>li>a:focus,.nav-collapse .dropdown-menu a:hover,.nav-collapse .dropdown-menu a:focus{background-color:#f2f2f2}.navbar-inverse .nav-collapse .nav>li>a,.navbar-inverse .nav-collapse .dropdown-menu a{color:#999}.navbar-inverse .nav-collapse .nav>li>a:hover,.navbar-inverse .nav-collapse .nav>li>a:focus,.navbar-inverse .nav-collapse .dropdown-menu a:hover,.navbar-inverse .nav-collapse .dropdown-menu a:focus{background-color:#111}.nav-collapse.in .btn-group{padding:0;margin-top:5px}.nav-collapse .dropdown-menu{position:static;top:auto;left:auto;display:none;float:none;max-width:none;padding:0;margin:0 15px;background-color:transparent;border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.nav-collapse .open>.dropdown-menu{display:block}.nav-collapse .dropdown-menu:before,.nav-collapse .dropdown-menu:after{display:none}.nav-collapse .dropdown-menu .divider{display:none}.nav-collapse .nav>li>.dropdown-menu:before,.nav-collapse .nav>li>.dropdown-menu:after{display:none}.nav-collapse .navbar-form,.nav-collapse .navbar-search{float:none;padding:10px 15px;margin:10px 0;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);-moz-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)}.navbar-inverse .nav-collapse .navbar-form,.navbar-inverse .nav-collapse .navbar-search{border-top-color:#111;border-bottom-color:#111}.navbar .nav-collapse .nav.pull-right{float:none;margin-left:0}.nav-collapse,.nav-collapse.collapse{height:0;overflow:hidden}.navbar .btn-navbar{display:block}.navbar-static .navbar-inner{padding-right:10px;padding-left:10px}}@media(min-width:980px){.nav-collapse.collapse{height:auto!important;overflow:visible!important}} diff --git a/blechreiz/static/css/bootstrap.css b/website/static/css/bootstrap.css similarity index 100% rename from blechreiz/static/css/bootstrap.css rename to website/static/css/bootstrap.css diff --git a/blechreiz/static/css/bootstrap.min.css b/website/static/css/bootstrap.min.css similarity index 100% rename from blechreiz/static/css/bootstrap.min.css rename to website/static/css/bootstrap.min.css diff --git a/website/static/css/coming-soon.css b/website/static/css/coming-soon.css new file mode 100644 index 0000000..fd001d3 --- /dev/null +++ b/website/static/css/coming-soon.css @@ -0,0 +1,313 @@ +#coming_soon { + margin-top: -35px; +} +#coming_soon .head{ + /*background: url("../img/backgrounds/color-splash.jpg") no-repeat;*/ + display: block; + padding-top: 160px; + height: 288px; + width: 100%; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; +} +#coming_soon .head .line{ + margin-left: 0; +} +#coming_soon .text h4{ + margin: 0 0 35px 0; + /*color: #fff;*/ + font-size: 35px; + font-weight: normal; + line-height: 38px; + text-shadow: 1px 1px 0px #2A284D; +} +#coming_soon .text p{ + /*color: #fff;*/ + font-size: 18px; + font-style: italic; + line-height: 24px; +} +#coming_soon .text p span{ + font-style: normal; + text-transform: uppercase; +} +#coming_soon .count{ + margin: 0; + float: right; +} +#coming_soon .count .box{ + text-align: center; + float: right; + margin-left: -10px; +} +#coming_soon .count .first{ + margin: 0 0 0 90px; +} +#coming_soon .count .circle{ + height: 98px; + width: 98px; + text-align: center; + border-radius: 100%; + margin-bottom: 8px; + background: rgba(0,0,0,0.5); +} +#coming_soon .count .circle span{ + color: #fff; + display: inline-block; + font-size: 33px; + margin-top: 36px; + font-weight: bold; +} +#coming_soon .count p{ + /*color: #fff;*/ + margin: 0; + text-transform: uppercase; + font-size: 13px; +} +#coming_soon .email_wrapp .wrapp{ + background: #fff; + width: 98%; + margin: 0 auto 60px; + padding: 32px 0 21px; + height: 50px; + float: none; + border-radius: 0 0 4px 4px; + box-shadow: 1px 1px 2px 0px rgb(206, 206, 206); +} +#coming_soon .email_wrapp .line{ + margin-left: 0; +} +#coming_soon .email_wrapp .wrapp p{ + float: left; + font-size: 17px; + margin: 8px 0px 0px 48px; +} +#coming_soon .email_wrapp .wrapp input[type="text"]{ + float: left; + font-size: 16px; + border-radius: 3px; + height: 27px; + margin-bottom: 0; + width: 31.5%; + margin-left: 30px; +} +#coming_soon .email_wrapp .wrapp a.send{ + text-transform: uppercase; + color: #fff; + border: 0 none; + box-shadow: none; + margin: 0px 70px 0 0; + background: #1189D9; + font-weight: bold; + text-shadow: none; + padding: 8px 10px; + font-size: 14px; + float: right; + -webkit-transition: background linear .2s, box-shadow linear .2s; + -moz-transition: background linear .2s, box-shadow linear .2s; + -o-transition: background linear .2s, box-shadow linear .2s; + transition: background linear .2s, box-shadow linear .2s; +} +#coming_soon .email_wrapp .wrapp a.send:hover{ + background: #252528; +} +#coming_soon .social{ + text-align: center; + margin: 0px; +} +#coming_soon .social p{ + display: inline-block; + font-weight: bold; + font-size: 21px; + margin: 0 10px 0 0; + bottom: 9px; + position: relative; +} +#coming_soon .social a { + margin-left: 10px; + display: inline-block; +} +#coming_soon .social a span{ + display: inline-block; + width: 33px; + height: 33px; +} +#coming_soon .social span.ico1, +#coming_soon .social span.ico1h{ + background-position: 0px 0px; +} +#coming_soon .social span.ico2, +#coming_soon .social span.ico2h{ + background-position: -37px 0px; +} +#coming_soon .social span.ico3, +#coming_soon .social span.ico3h{ + background-position: -75px 0px; +} +#coming_soon .social span.ico4, +#coming_soon .social span.ico4h{ + background-position: -112px -1px; +} +#coming_soon .social span.ico5, +#coming_soon .social span.ico5h{ + background-position: -151px 0px; +} +#coming_soon .social span.ico6, +#coming_soon .social span.ico6h{ + background-position: -188px -1px; +} +#coming_soon .social span.ico7, +#coming_soon .social span.ico7h{ + background-position: -226px 0px; +} +#coming_soon .social a:hover span.icons{ + display: none; +} +#coming_soon .social a:hover span.iconsh{ + display: inline-block; +} +#coming_soon .social span.iconsh{ + display: none; +} +#coming_soon .icons{ + background: url('../img/socialicons2.png') no-repeat; + width: 265px; + height: 36px; +} +#coming_soon .iconsh{ + background: url('../img/socialicons_h.png') no-repeat; + width: 265px; + height: 36px; +} + +/* Responsive +-------------------------------------------------- */ + +/* Large desktop */ +@media (min-width: 1200px) { +} +@media (min-width: 980px) { +} +@media (max-width: 979px) { +} +/* Portrait tablet to landscape and desktop */ +@media (min-width: 768px) and (max-width: 979px) { + #coming_soon .head{ + padding-top: 80px; + height: 310px; + } + #coming_soon .count{ + text-align: center; + width: 37%; + } + #coming_soon .count .box{ + margin: 0 0 13px 0; + } + #coming_soon .count .first{ + margin: 0; + } + #coming_soon .count .circle{ + float: none; + display: inline-block; + } + #coming_soon .email_wrapp .wrapp{ + text-align: center; + height: auto; + padding: 30px 0 30px; + } + #coming_soon .email_wrapp .wrapp p{ + float: none; + margin: 0 0 19px 0; + } + #coming_soon .email_wrapp .wrapp input[type="text"]{ + float: none; + width: 43%; + margin: 0 1px 0 0; + } + #coming_soon .email_wrapp .wrapp a.send{ + float: none; + margin: 0 0 0 7px; + } +} +/* Landscape phone to portrait tablet */ +@media (max-width: 767px) { + #coming_soon .head{ + text-align: center; + background: none; + margin-bottom: 80px; + padding-top: 70px; + height: auto; + } + #coming_soon .text{ + margin-bottom: 20px; + } + #coming_soon .text h4{ + color: #333; + text-shadow:none; + } + #coming_soon .text p{ + color: #333; + } + #coming_soon .count .first{ + margin: 0; + } + #coming_soon .count .box{ + float: none; + display: inline-block; + } + #coming_soon .count .circle{ + background: rgba(0,0,0,0.8); + width: 100px; + height: 100px; + } + #coming_soon .count .circle span{ + font-size: 35px; + margin-top: 39px; + } + #coming_soon .count p{ + color: #333; + } + #coming_soon .email_wrapp .wrapp{ + background: transparent; + box-shadow: none; + padding: 0; + width: 100%; + } + #coming_soon .email_wrapp .wrapp p{ + float: none; + margin: 0 0 20px 0; + } + #coming_soon .email_wrapp .wrapp input[type="text"]{ + float: left; + width: 77%; + margin-left: 0; + } + #coming_soon .email_wrapp .wrapp a.send{ + float: left; + margin-left: 22px; + margin-right: 0; + } +} +/* Landscape phones and down */ +@media (max-width: 480px) { + #coming_soon .count .circle{ + height: 73px; + width: 73px; + } + #coming_soon .count .circle span{ + margin-top: 26px; + font-size: 30px; + } + #coming_soon .email_wrapp .wrapp input[type="text"]{ + width: 70%; + } + #coming_soon .social p{ + display: block; + margin: 16px 0 3px 0; + } + #coming_soon .social a{ + margin-left: 0px; + } +} diff --git a/website/static/css/contact.css b/website/static/css/contact.css new file mode 100644 index 0000000..4dae99b --- /dev/null +++ b/website/static/css/contact.css @@ -0,0 +1,239 @@ +#contact { + margin-top: 70px; +} +#contact .contact{ + margin: 40px 0 100px 0; +} +#contact .contact p{ + color: #939394; + font-size: 19px; + margin-bottom: 47px; + font-style: italic; + line-height: 24px; +} +#contact .form{ + margin: 0; +} +#contact .contact form{ + margin: 0; +} +#contact .form .box{ + margin: 0; +} +#contact .form .box input[type="text"]{ + padding-left: 39px; + margin-bottom: 10px; + color: black; + height: 29px; + border-radius: 3px; + width: 89%; +} +#contact .form .box input.name{ + background: url('../img/formname.png') #fff no-repeat 5px; +} +#contact .form .box input.mail{ + background: url('../img/formmail.png') #fff no-repeat 5px; +} +#contact .form .box input.phone{ + background: url('../img/formphone.png') #fff no-repeat 5px; +} +#contact .form .box_r{ + float: right; +} +#contact .form .box textarea{ + padding: 11px; + width: 94%; + margin: 0; + border-radius: 3px; + height: 113px; +} +#contact .contact .submit{ + margin: 0; +} +#contact .contact .submit .box{ + margin: 0 +} +#contact .contact .submit label.checkbox{ + color: #394350; + font-style: 14px; +} +#contact .contact .submit .right{ + float: right; +} +#contact .contact .submit .right input[type="submit"]{ + float: right; + text-transform: uppercase; + color: #fff; + background: #187CCC; + font-size: 15px; + padding: 4px 12px; + border: 0 none; + border-radius: 3px; + -webkit-transition: background linear .2s, box-shadow linear .2s; + -moz-transition: background linear .2s, box-shadow linear .2s; + -o-transition: background linear .2s, box-shadow linear .2s; + transition: background linear .2s, box-shadow linear .2s; +} +#contact .contact .submit .right input[type="submit"]:hover{ + background: #252528; +} +#contact .map{ + margin: 0; +} +#contact .map iframe{ + display: block; +} +#contact .map .box_wrapp{ + position: absolute; + margin: 0; + box-shadow: 0 0 7px 0 rgba(26, 26, 26, 0.4); + padding: 33px 0 33px; + background: white; + top: 41%; + border-radius: 4px; +} +#contact .map .box_wrapp .box_cont{ + margin: 0 auto; + width: 76%; +} +#contact .map .box_wrapp .head{ + width: 100%; + margin-bottom: 17px; + overflow: hidden; +} +#contact .map .box_wrapp .head h6{ + font-size: 24px; + margin: 0; + font-style: italic; + float: left; + padding-bottom: 2px; + border-bottom: 1px solid; + font-weight: normal; +} +#contact .map .box_wrapp ul.street{ + list-style: none; + margin: 0; + padding:0; +} +#contact .map .box_wrapp ul.street li{ + color: #777777; + font-size: 14px; +} +#contact .map .box_wrapp ul.street li.icon{ + margin-top: 3px; +} +#contact .map .box_wrapp ul.street li.icon span.ico1{ + float: left; + height: 20px; +} +#contact .map .box_wrapp ul.street li.icon span.ico2{ + float: left; + height: 20px; + background-position: 0px -23px; +} +#contact .map .box_wrapp ul.street li.icon .text{ + font-size: 15px; + color: #777777; + margin-left: 6px; +} +#contact .map .box_wrapp ul.street li.icon a:hover{ + color: #187CCC; + -webkit-transition: all .2s; + -moz-transition: all .2s; + -ms-transition: all .2s; + transition: all .2s; +} +#contact .map .box_wrapp ul.street li.icontop{ + margin-top: 13px; +} +#contact .map .box_wrapp .headbottom{ + margin-top: 42px; +} +#contact .map .box_wrapp p{ + color: #777777; + font-size: 14px; + margin-bottom: 32px; +} +#contact .map .box_wrapp a.btn{ + text-transform: uppercase; + color: #fff; + font-size: 15px; + background: #187CCC; + text-shadow: none; + padding: 6px 0 6px; + font-weight: bold; + border: 0 none; + box-shadow: none; + border-radius: 3px; + margin: 0 auto; + display: block; + width: 56%; + -webkit-transition: background linear .2s, box-shadow linear .2s; + -moz-transition: background linear .2s, box-shadow linear .2s; + -o-transition: background linear .2s, box-shadow linear .2s; + transition: background linear .2s, box-shadow linear .2s; +} +#contact .map .box_wrapp a.btn:hover{ + background: #252528; +} +.contacticos{ + background: url('../img/contact_icos.png') no-repeat; + width: 24px; + height: 44px; +} + +/* Responsive +-------------------------------------------------- */ + +/* Large desktop */ +@media (min-width: 1200px) { + +} +@media (min-width: 980px) { + +} +@media (max-width: 979px) { + +} +/* Portrait tablet to landscape and desktop */ +@media (min-width: 768px) and (max-width: 979px) { + +} +/* Landscape phone to portrait tablet */ +@media (max-width: 767px) { + #contact .contact .submit .box{ + margin: 10px 0 24px; + } + #contact .form .box input[type="text"]{ + width: 87%; + } + #contact .contact .submit .right input[type="submit"]{ + margin: 0 auto; + float: none; + width: 53%; + display: block; + padding: 7px; + } + #contact .map .box_wrapp{ + width: 90%; + position: relative; + margin: 0 auto 80px; + } + #contact .map .box_wrapp .box_cont{ + } + #contact .map iframe{ + display: none; + } + #contact .map .box_wrapp a.btn{ + width: 65%; + } +} +/* Landscape phones and down */ +@media (max-width: 480px) { + #contact .contact .submit .right input[type="submit"]{ + width: 60%; + } + #contact .map .box_wrapp{ + width: 100%; + } +} diff --git a/website/static/css/features.css b/website/static/css/features.css new file mode 100644 index 0000000..b145ce7 --- /dev/null +++ b/website/static/css/features.css @@ -0,0 +1,232 @@ +#features .subtitle h2{ + margin: 0; + font-style: italic; + font-size: 24px; + font-weight: normal; + margin-bottom: 70px; + line-height: 35px; + text-align: center; +} +/* features */ +#features { + margin-top: 70px; +} +#features .section_header h3 span{ + font-size: 18px; + line-height: 20px; +} +#features .option1{ + margin-bottom: 70px; +} +#features .option1 .feature { + border-bottom: 1px solid #e0e0e0; + margin-bottom: 65px; +} +#features .option1 .feature .info h3 { + font-size: 21px; + margin-top: 35px; +} +#features .option1 .feature.ss h3 { + margin-top: 45px; +} +#features .option1 .feature .info h3 img { + margin-right: 18px; + position: relative; + top: -10px; +} +#features .option1 .feature .info p { + margin-top: 15px; +} +#features .option2{ + margin-bottom: 70px; +} +#features .option2 .feature { + margin-bottom: 70px; +} +#features .option2 .feature .box{ + text-align: center; + float: left; + width: 16%; + height: 77px; +} +#features .option2 .feature .box img.one{ + margin-top: 18px; +} +#features .option2 .feature .box img.two{ + margin-top: 20px; +} +#features .option2 .feature .text{ + float: left; + width: 76%; + margin-top: 17px; + margin-left: 23px; +} +#features .option2 .feature .text h6{ + margin: 0 0 8px 0; + font-size: 20px; +} +#features .option2 .feature .text p{ + margin: 0; + font-size: 14px; + line-height: 23px; +} +#features .option2 .right{ + float: right; +} +#features .option3 .feature{ + padding-bottom: 38px; + background: white; + box-shadow: 1px 1px 2px 0px #E0E0E0; + border-radius: 4px; + cursor: pointer; + /*border:1px solid #fff;*/ +} +#features .option3 .feature .img{ + text-align: center; + margin: 42px auto 37px; +} +#features .option3 .feature .text{ + margin: 0 auto; + width: 87%; +} +#features .option3 .feature .text h6{ + margin: 0 0 9px 0; + font-size: 20px; + text-align: center; +} +#features .option3 .feature .text p{ + margin: 0 auto; + font-size: 14px; + line-height: 23px; + text-align: center; + width: 90%; + margin-top: 18px; +} +#features .option3 .feature:hover{ + border-color: #B1B1B1; + box-shadow: 0px 0px 6px -1px #B4B4B4; + -webkit-transition: all .2s ease; + -moz-transition: all .2s ease; + -ms-transition: all .2s ease; + -o-transition: all .2s ease; + transition: all .2s ease; +} +#features .option1 .last{ + margin-bottom: 0; +} + +/* Responsive +-------------------------------------------------- */ + +/* Large desktop */ +@media (min-width: 1200px) { + +} +@media (min-width: 980px) { + +} +@media (max-width: 979px) { + #features .features_op1_row .feature .img_box span.circle{ + top: 35%; + } +} +/* Portrait tablet to landscape and desktop */ +@media (min-width: 768px) and (max-width: 979px) { + +} +/* Landscape phone to portrait tablet */ +@media (max-width: 767px) { + #features .features_op1_row .feature { + margin-bottom: 60px; + } + #features .features_op1_row .last{ + margin-bottom: 0; + } + #features .features_op1_row .feature .img_box{ + text-align: center; + } + #features .features_op1_row .feature .text{ + + } + #features .features_op1_row .feature .text h6{ + text-align: center; + } + #features .features_op1_row .feature .img_box span.circle{ + top: 38%; + left: 48%; + } + #features .features_op1_row .feature:hover .img_box{ + box-shadow:none; + } + #features .option2 { + margin-bottom: 60px; + } + #features .option2 .feature { + float: left; + width: 100%; + margin-bottom: 60px; + } + #features .option2 .right{ + /*margin-bottom: 0;*/ + } + #features .option2 .feature .text{ + margin-top: 0; + } + #features .option3 .feature { + margin-bottom: 60px; + overflow: hidden; + } +} +/* Landscape phones and down */ +@media (max-width: 480px) { + #features .subtitle h2 { + font-size: 22px; + line-height: 30px; + } + #features .features_op1_row .feature { + margin-bottom: 60px; + } + #features .features_op1_row .last{ + margin-bottom: 0; + } + #features .features_op1_row .feature .img_box{ + text-align: center; + } + #features .features_op1_row .feature .text{ + + } + #features .features_op1_row .feature .text h6{ + text-align: left; + } + #features .features_op1_row .feature .img_box span.circle{ + left: 44%; + } + #features .features_op1_row .feature:hover .img_box{ + box-shadow:none; + } + #features .option2 { + margin-bottom: 60px; + } + #features .option2 .feature { + float: left; + width: 100%; + margin-bottom: 60px; + } + #features .option2 .right{ + /*margin-bottom: 0;*/ + } + #features .option2 .feature .text{ + margin-top: 0; + } + #features .last { + margin-bottom: 0; + } + #features .option3 .feature { + margin-bottom: 60px; + } +} + + + + + diff --git a/website/static/css/index.css b/website/static/css/index.css new file mode 100644 index 0000000..37c33cc --- /dev/null +++ b/website/static/css/index.css @@ -0,0 +1,629 @@ +/* Main Slider +-------------------------------------------------- */ +#feature_slider { + height:720px; + height: 480px; + background: #262626; + z-index: 1; + margin-bottom: 40px; +} +#feature_slider h1 { + font-weight: 100; + color: #ccc; + font-size: 60px; + line-height: 66px; + text-align: center; + position: absolute; + top: 180px; + width: 100%; +} +#feature_slider h1 strong { + text-transform: uppercase; + font-size: 14px; + margin: 0 0 20px; +} +#pagination { + position: absolute; + top: 505px; + z-index: 3; + margin: 0; + padding: 0; + display: none; + list-style-type: none; +} +#pagination li { + text-indent: -99999em; + float: left; + padding: 0 6px; + cursor: pointer; +} +#pagination li a { + width: 7px; + height: 7px; + box-shadow: 0px 0px 1px 2px #ccc; + background: rgb(156, 156, 156); + border-radius: 10px; + display: block; + /*border: 1px solid #fff;*/ + opacity: .7; + -webkit-transition: opacity .1s linear; + -moz-transition: opacity .1s linear; + transition: opacity .1s linear; +} +#pagination li.active a { + background: rgb(196, 16, 16); + box-shadow: none; + width: 8px; + height: 8px; +} + +#pagination li:hover a { + opacity: 1; +} +.slide { + width: 100%; + /*height: 720px;*/ + height: 480px; + position: absolute; + display: none; + overflow: hidden; + z-index: 1; + -webkit-background-size: cover !important; + -moz-background-size: cover !important; + -o-background-size: cover !important; + background-size: cover !important; +} +.slide.previous { + z-index: 1; +} +.slide.active { + z-index: 2; +} +.slide.hiddden { + display: none; +} + +/* Custom styles for each slide */ + +/* Slide 1 */ +.slide#showcasing .info { + position: absolute; + top: 160px; + left: 13%; + width: 30%; + display: none; + z-index: 10; +} +.slide#showcasing .info h2 { + font-size: 50px; + font-weight: normal; + line-height: 56px; + text-shadow: 1px 1px 1px rgb(49, 57, 61); +} + + + +/* Slide 2 */ +.slide#ideas .info { + position: relative; + top: 110px; + text-align: center; +} +.slide#ideas .info h2 { + color: #fff; + font-weight: normal; +} + +/* Slide 3 */ +.slide#tour .info { + position: absolute; + top: 150px; + right: 6%; + width: 24%; +} +.slide#tour .info h2 { + color: rgb(18,18,18); + font-size: 45px; + font-weight: normal; + text-shadow: 1px 1px 1px #3b3262; + line-height: 57px; +} +.slide#tour .info a { + color: #fff; + font-weight: bold; + background-color: rgba(18,18,18,0.6); + padding: 13px 30px; + font-size: 19px; + border-radius: 5px; + margin-top: 40px; + display: inline-block; + -webkit-transition: opacity .1s linear; + -moz-transition: opacity .1s linear; + transition: opacity .1s linear; +} +.slide#tour .info a:hover { } + +/* Slide 4 */ +.slide#responsive .info { + position: absolute; + top: 170px; + right: 9%; + width: 25%; +} +.slide#responsive .info h2 { + color: #fff; + font-size: 47px; + font-weight: normal; + text-shadow: 1px 1px 1px #3b3262; + line-height: 56px; +} +.slide#responsive .info h2 strong { + font-size: 42px; +} + +.slide .info h2 { } +.slide .info { + display: none; + z-index: 10; +} +.slide .info a:hover { + opacity: .8; +} +.asset, +.fade { + position: absolute; + display: none; +} +#slide-left, +#slide-right { + width: 31px; + height: 37px; + display: block; + position: absolute; + top: 250px; + left: 0; + background: url(../img/leftright-arrows.png) no-repeat; + opacity: .5; + -webkit-transition: opacity .1s linear; + -moz-transition: opacity .1s linear; + transition: opacity .1s linear; + display: none; + z-index: 2; +} +#slide-right { + left: auto; + right: 0; + background-position: -31px 0; +} +#slide-left:hover, +#slide-right:hover { + opacity: 1; +} + + +/* Showcase services +-------------------------------------------------- */ +#showcase { + margin-top: 70px; +} +#showcase .container { + /*width: 980px;*/ +} +#showcase .image img { + box-shadow: 3px 3px 5px 0px #B7B6B7; +} +#showcase .info { + margin-top: 30px; +} +#showcase .info h4 { + font-size: 17px; +} +#showcase .info p { + color: #333333; + line-height: 21px; + font-size: 13px; +} +#showcase .features_op1_row .last{ + margin-right: 0; +} +#showcase .features_op1_row .feature .text{ + margin: 32px auto 0; + width: 87%; +} +#showcase .features_op1_row .feature .text h6{ + margin: 0 0 14px 0; + font-size: 20px; +} +#showcase .features_op1_row .feature .text p{ + margin: 0; + font-size: 14px; + line-height: 23px; +} +#showcase .features_op1_row .feature .img_box{ + position: relative; + border-radius: 5px; +} +#showcase .features_op1_row .feature .img_box img { + border-radius: 5px; + max-width: 95%; + margin: 0 auto; + display: block; +} +#showcase .features_op1_row .feature .img_box span.circle{ + background: rgba(17, 137, 217, 0.8); + width: 48px; + height: 48px; + display: none; + text-align: center; + position: absolute; + top: 36%; + left: 42%; + border-radius: 100%; +} +#showcase .features_op1_row .feature .img_box span.circle span.plus{ + display: inline-block; + margin-top: 13px; + font-weight: bold; + color: white; + font-size: 32px; +} +#showcase .features_op1_row .feature .img_box:hover span.circle{ + display: block; +} +#showcase .features_op1_row .feature .img_box:hover .img_box{ + box-shadow: 0px 0px 1px 100px black inset; +} +#showcase .features_op1_row .feature .img_box:hover img{ + box-shadow: 1px 1px 6px 0px #888; + border-radius: 5px; + opacity: 0.9; + filter:alpha(opacity=90); +} + +/* Features +-------------------------------------------------- */ +#features { + margin-top: 70px; + margin-bottom: -20px; +} +#features .feature { + border-bottom: 1px solid #e0e0e0; + margin-bottom: 65px; +} +#features .feature .info h3 { + font-size: 21px; + margin-top: 35px; +} +#features .feature.ss h3 { + margin-top: 45px; +} +#features .feature .info h3 img { + margin-right: 18px; + position: relative; + top: -10px; +} +#features .feature .info p { + margin-top: 15px; +} + +/* Pricing charts +-------------------------------------------------- */ + +#in_pricing{ + margin-top: 30px; + margin-bottom: 100px; +} +#in_pricing .head h6{ + font-size: 18px; + margin: 0; + color: #8E8E8F; + font-weight: normal; +} +#in_pricing .charts_wrapp{ + margin-left: -20px; + margin-bottom: 40px; +} +#in_pricing .charts_wrapp .plan{ + border-radius: 6px; + box-shadow: 2px 2px 2px -1px rgb(214, 214, 214); + background-color: #fff; + width: 95%; + position: relative; +} +#in_pricing .plan .wrapper{ + padding: 33px 30px 26px 30px; +} +#in_pricing .plan h3{ + color: rgb(83, 83, 83); + font-weight: normal; + font-style: italic; + font-size: 28px; + margin: 0 0 5px 0; + line-height: 25px; +} +#in_pricing .plan .price{ + font-size: 17px; + color: #1189D9; + margin-top: 16px; +} +#in_pricing .plan .price span.dollar{ + font-size: 32px; + position: relative; + top: -6px; + margin-right: 3px; +} +#in_pricing .plan .price span.qty{ + font-size: 47px; + margin-right:4px; + position: relative; + top: 2px; +} +#in_pricing .plan .price span.month{ + font-style: italic; + font-weight: 300; + font-size: 15px; +} +#in_pricing .plan .features{ + margin-top: 30px; +} +#in_pricing .plan .features p{ + color: #838385; + margin-bottom: 5px; + font-size: 14px; +} +#in_pricing .plan a.order{ + background-color: #2190DB; + text-align: center; + margin: 25px auto 0; + width: 48%; + display: block; + padding: 3px 0; + color: #fff; + font-size: 13px; + font-weight: bold; + border-radius: 5px; + -webkit-transition: all .2s linear; + -moz-transition: all .2s linear; +} +#in_pricing .plan a.order:hover, +#in_pricing2 .plan a.order:hover{ + background: #252528; +} +#in_pricing .pro .plan{ + width: 100%; + top: -20px; + box-shadow: 0px 0px 7px -1px rgb(214, 214, 214); + border: 1px solid #d9d9d9; +} +#in_pricing .pro .plan .wrapper{ + padding:36px 30px 35px 30px; +} +#in_pricing .pro .plan img.ribbon{ + position: absolute; + top: 0; + right: 0; +} +#in_pricing .pro .plan a.order{ + margin-top: 35px; +} +#in_pricing .standar .plan{ + float: right; +} +#in_pricing .start{ + width: 100%; + text-align: center; +} +#in_pricing .start p{ + font-size: 24px; + display: inline-block; + color: #5B5B5D; + font-style: italic; + line-height: 26px; + margin: 0 18px 0 0; +} +#in_pricing .start a{ + text-transform: uppercase; + color: #fff; + font-weight: bold; + border-radius: 4px; + padding: 7px 17px; + font-size: 17px; + background: #252528; + -webkit-transition: all .2s linear; + -moz-transition: all .2s linear; +} +#in_pricing .start a:hover{ + background: #2190DB; +} + +/* Call to Action +-------------------------------------------------- */ +#call_action { + margin-top: 50px; + text-align: center; +} +#call_action p { + font-size: 24px; + color: #3F3F3F; + font-style: italic; + display: inline-block; +} +#call_action a { + background-color: #282828; + color: #fff; + padding: 9px 17px; + font-weight: bold; + border-radius: 4px; + font-size: 17px; + margin-left: 20px; + position: relative; + top: -5px; + -webkit-transition: background-color .2s linear; + -moz-transition: background-color .2s linear; +} +#call_action a:hover { + background-color: rgb(103, 118, 177); +} +#call_action a:active { + box-shadow: rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.95) 0 1px 4px; +} + +/* Clients +-------------------------------------------------- */ +#clients { + margin-top: 75px; +} +#clients .client .img { + height: 76px; + width: 138px; +} +#clients .client .client1 { + background: url('../img/client1.png') 0 -75px; +} +#clients .client .client1:hover { + background-position: 1px 0px; +} +#clients .client .client2 { + background: url('../img/client2.png') 0 -75px; +} +#clients .client .client2:hover { + background-position: -1px 0px; +} +#clients .client .client3 { + background: url('../img/client3.png') 0 -76px; +} +#clients .client .client3:hover { + background-position: 0px 0px; +} +#clients .client .img{ + cursor: pointer; + -webkit-transition: box-shadow .1s linear; + -moz-transition: box-shadow .1s linear; + transition: box-shadow .1s linear; +} +#clients .client .img:hover{ + cursor: pointer; + /*box-shadow: 0px 0px 2px 0px rgb(155, 155, 155);*/ + border-radius: 8px; +} + + +/* Responsive +-------------------------------------------------- */ + +/* Large desktop */ +@media (min-width: 1200px) { + +} +@media (min-width: 980px) { + +} +@media (max-width: 979px) { + #showcase .features_op1_row .feature .img_box span.circle{ + top: 35%; + } +} +/* Portrait tablet to landscape and desktop */ +@media (min-width: 768px) and (max-width: 979px) { + #in_pricing .plan a.order{ + width: 64%; + } + .slide .info h2, + .slide .info h2 * { + font-size: 30px !important; + } + .slide#responsive .info { + position: absolute; + top: 170px; + right: 6%; + width: 25%; + } + .slide#responsive .info + .slide#tour .info a { + font-size: 15px; + } +} +/* Landscape phone to portrait tablet */ +@media (max-width: 767px) { + #partner-slider, + #feature_slider { + display: none; + } + #showcase .features_op1_row .feature { + margin-bottom: 60px; + } + #showcase .features_op1_row .last{ + margin-bottom: 0; + } + #showcase .features_op1_row .feature .img_box{ + text-align: center; + } + #showcase .features_op1_row .feature .text h6{ + text-align: center; + } + #showcase .features_op1_row .feature .img_box span.circle{ + top: 38%; + left: 48%; + } + #showcase .features_op1_row .feature:hover .img_box{ + box-shadow:none; + } + #in_pricing .charts_wrapp{ + margin-left: 0; + } + #in_pricing .charts_wrapp .plan{ + margin: 0 auto 30px; + width: 95%; + } + #in_pricing .plan .wrapper{ + margin: 0 auto; + text-align: center; + } + #in_pricing .pro .plan{ + top: 0; + width:95%; + } + #in_pricing .standar .plan{ + float: none; + } + #in_pricing .start p{ + margin-bottom: 20px; + } + #in_pricing .start a{ + display: block; + width: 50%; + margin: 0 auto; + } + #clients .row{ + text-align: center; + } + #clients .client{ + text-align: center; + margin-bottom: 15px; + display: inline-block; + margin-right: 10px; + width: auto; + } +} +/* Landscape phones and down */ +@media (max-width: 480px) { + #showcase .features_op1_row .feature { + margin-bottom: 60px; + } + #showcase .features_op1_row .last{ + margin-bottom: 0; + } + #showcase .features_op1_row .feature .img_box{ + text-align: center; + } + #showcase .features_op1_row .feature .text h6{ + text-align: left; + } + #showcase .features_op1_row .feature .img_box span.circle{ + left: 44%; + } + #showcase .features_op1_row .feature:hover .img_box{ + box-shadow:none; + } +} + diff --git a/website/static/css/jquery.noty.css b/website/static/css/jquery.noty.css new file mode 100644 index 0000000..b589ebf --- /dev/null +++ b/website/static/css/jquery.noty.css @@ -0,0 +1,105 @@ + +/* CORE STYLES */ + + /* noty bar */ + .noty_bar { + position: fixed; + display: none; + z-index: 9999999; + } + + /* noty_message */ + .noty_bar .noty_message { + text-align: center; + } + + /* noty close button */ + .noty_bar .noty_close { + cursor: pointer; + } + + /* noty modal */ + .noty_modal { + position: fixed; + width: 100%; + height: 100%; + background-color: #000; + z-index: 10000; + opacity: 0.6; + display: none; + left: 0; + top: 0; + } + + /* noty container for noty_layout_topLeft & noty_layout_topRight */ + ul.noty_cont { + position: fixed; + z-index: 10000000; + margin: 0px; + padding: 0px; + list-style: none; + width: 300px; + } + ul.noty_cont li { + position: relative; + float: left; + clear: both; + list-style: none; + padding: 0px; + margin: 10px 0 0 0; + width: 300px; /* Fix for: http://bugs.jquery.com/ticket/2278 */ + } + ul.noty_cont.noty_layout_topLeft {left:20px; top:20px;} + ul.noty_cont.noty_layout_topRight {right:40px; top:20px;} + ul.noty_cont.noty_layout_bottomLeft {left:20px; bottom:20px} + ul.noty_cont.noty_layout_bottomRight {right:40px; bottom:20px} + ul.noty_cont.noty_layout_topRight li {float:right} + +/* LAYOUTS */ + + /* noty_layout_top */ + .noty_bar.noty_layout_top { + top: 0; + left: 0; + width: 100%; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; + } + + /* noty_layout_bottom */ + .noty_bar.noty_layout_bottom { + bottom: 0; + left: 0; + width: 100%; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; + } + + /* noty_layout_center */ + .noty_bar.noty_layout_center { + top: 40%; + } + + /* noty_layout_topLeft & noty_layout_topRight */ + .noty_bar.noty_layout_topLeft, + .noty_bar.noty_layout_topRight, + .noty_bar.noty_layout_bottomLeft, + .noty_bar.noty_layout_bottomRight { + width: 100%; + clear: both; + position: relative; + } + + .noty_bar.noty_layout_topLeft .noty_message, + .noty_bar.noty_layout_topRight .noty_message, + .noty_bar.noty_layout_bottomLeft .noty_message, + .noty_bar.noty_layout_bottomRight .noty_message { + text-align: left; + } + + /* noty_layout_topCenter */ + .noty_bar.noty_layout_topCenter { + top: 20px; + } \ No newline at end of file diff --git a/website/static/css/lib/animate.css b/website/static/css/lib/animate.css new file mode 100644 index 0000000..56bb07c --- /dev/null +++ b/website/static/css/lib/animate.css @@ -0,0 +1,3275 @@ +@charset "UTF-8"; +/* +Animate.css - http://daneden.me/animate +Licensed under the ☺ license (http://licence.visualidiot.com/) + +Copyright (c) 2012 Dan Eden + +Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. +*/ + +.animated { + -webkit-animation-duration: 1s; + -moz-animation-duration: 1s; + -o-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + -moz-animation-fill-mode: both; + -o-animation-fill-mode: both; + animation-fill-mode: both; +} + +.animated.hinges { + -webkit-animation-duration: 2s; + -moz-animation-duration: 2s; + -o-animation-duration: 2s; + animation-duration: 2s; +} + +.animated.slow { + -webkit-animation-duration: 3s; + -moz-animation-duration: 3s; + -o-animation-duration: 3s; + animation-duration: 3s; +} + +.animated.snail { + -webkit-animation-duration: 4s; + -moz-animation-duration: 4s; + -o-animation-duration: 4s; + animation-duration: 4s; +} + +@-webkit-keyframes flash { + 0%, 50%, 100% {opacity: 1;} + 25%, 75% {opacity: 0;} +} + +@-moz-keyframes flash { + 0%, 50%, 100% {opacity: 1;} + 25%, 75% {opacity: 0;} +} + +@-o-keyframes flash { + 0%, 50%, 100% {opacity: 1;} + 25%, 75% {opacity: 0;} +} + +@keyframes flash { + 0%, 50%, 100% {opacity: 1;} + 25%, 75% {opacity: 0;} +} + +.flash { + -webkit-animation-name: flash; + -moz-animation-name: flash; + -o-animation-name: flash; + animation-name: flash; +} +@-webkit-keyframes shake { + 0%, 100% {-webkit-transform: translateX(0);} + 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} + 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} +} + +@-moz-keyframes shake { + 0%, 100% {-moz-transform: translateX(0);} + 10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);} + 20%, 40%, 60%, 80% {-moz-transform: translateX(10px);} +} + +@-o-keyframes shake { + 0%, 100% {-o-transform: translateX(0);} + 10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);} + 20%, 40%, 60%, 80% {-o-transform: translateX(10px);} +} + +@keyframes shake { + 0%, 100% {transform: translateX(0);} + 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} + 20%, 40%, 60%, 80% {transform: translateX(10px);} +} + +.shake { + -webkit-animation-name: shake; + -moz-animation-name: shake; + -o-animation-name: shake; + animation-name: shake; +} +@-webkit-keyframes bounce { + 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} + 40% {-webkit-transform: translateY(-30px);} + 60% {-webkit-transform: translateY(-15px);} +} + +@-moz-keyframes bounce { + 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);} + 40% {-moz-transform: translateY(-30px);} + 60% {-moz-transform: translateY(-15px);} +} + +@-o-keyframes bounce { + 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);} + 40% {-o-transform: translateY(-30px);} + 60% {-o-transform: translateY(-15px);} +} +@keyframes bounce { + 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} + 40% {transform: translateY(-30px);} + 60% {transform: translateY(-15px);} +} + +.bounce { + -webkit-animation-name: bounce; + -moz-animation-name: bounce; + -o-animation-name: bounce; + animation-name: bounce; +} +@-webkit-keyframes tada { + 0% {-webkit-transform: scale(1);} + 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} + 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} + 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} + 100% {-webkit-transform: scale(1) rotate(0);} +} + +@-moz-keyframes tada { + 0% {-moz-transform: scale(1);} + 10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);} + 30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);} + 40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);} + 100% {-moz-transform: scale(1) rotate(0);} +} + +@-o-keyframes tada { + 0% {-o-transform: scale(1);} + 10%, 20% {-o-transform: scale(0.9) rotate(-3deg);} + 30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);} + 40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);} + 100% {-o-transform: scale(1) rotate(0);} +} + +@keyframes tada { + 0% {transform: scale(1);} + 10%, 20% {transform: scale(0.9) rotate(-3deg);} + 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} + 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} + 100% {transform: scale(1) rotate(0);} +} + +.tada { + -webkit-animation-name: tada; + -moz-animation-name: tada; + -o-animation-name: tada; + animation-name: tada; +} +@-webkit-keyframes swing { + 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } + 20% { -webkit-transform: rotate(15deg); } + 40% { -webkit-transform: rotate(-10deg); } + 60% { -webkit-transform: rotate(5deg); } + 80% { -webkit-transform: rotate(-5deg); } + 100% { -webkit-transform: rotate(0deg); } +} + +@-moz-keyframes swing { + 20% { -moz-transform: rotate(15deg); } + 40% { -moz-transform: rotate(-10deg); } + 60% { -moz-transform: rotate(5deg); } + 80% { -moz-transform: rotate(-5deg); } + 100% { -moz-transform: rotate(0deg); } +} + +@-o-keyframes swing { + 20% { -o-transform: rotate(15deg); } + 40% { -o-transform: rotate(-10deg); } + 60% { -o-transform: rotate(5deg); } + 80% { -o-transform: rotate(-5deg); } + 100% { -o-transform: rotate(0deg); } +} + +@keyframes swing { + 20% { transform: rotate(15deg); } + 40% { transform: rotate(-10deg); } + 60% { transform: rotate(5deg); } + 80% { transform: rotate(-5deg); } + 100% { transform: rotate(0deg); } +} + +.swing { + -webkit-transform-origin: top center; + -moz-transform-origin: top center; + -o-transform-origin: top center; + transform-origin: top center; + -webkit-animation-name: swing; + -moz-animation-name: swing; + -o-animation-name: swing; + animation-name: swing; +} +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes wobble { + 0% { -webkit-transform: translateX(0%); } + 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } + 30% { -webkit-transform: translateX(20%) rotate(3deg); } + 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } + 60% { -webkit-transform: translateX(10%) rotate(2deg); } + 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } + 100% { -webkit-transform: translateX(0%); } +} + +@-moz-keyframes wobble { + 0% { -moz-transform: translateX(0%); } + 15% { -moz-transform: translateX(-25%) rotate(-5deg); } + 30% { -moz-transform: translateX(20%) rotate(3deg); } + 45% { -moz-transform: translateX(-15%) rotate(-3deg); } + 60% { -moz-transform: translateX(10%) rotate(2deg); } + 75% { -moz-transform: translateX(-5%) rotate(-1deg); } + 100% { -moz-transform: translateX(0%); } +} + +@-o-keyframes wobble { + 0% { -o-transform: translateX(0%); } + 15% { -o-transform: translateX(-25%) rotate(-5deg); } + 30% { -o-transform: translateX(20%) rotate(3deg); } + 45% { -o-transform: translateX(-15%) rotate(-3deg); } + 60% { -o-transform: translateX(10%) rotate(2deg); } + 75% { -o-transform: translateX(-5%) rotate(-1deg); } + 100% { -o-transform: translateX(0%); } +} + +@keyframes wobble { + 0% { transform: translateX(0%); } + 15% { transform: translateX(-25%) rotate(-5deg); } + 30% { transform: translateX(20%) rotate(3deg); } + 45% { transform: translateX(-15%) rotate(-3deg); } + 60% { transform: translateX(10%) rotate(2deg); } + 75% { transform: translateX(-5%) rotate(-1deg); } + 100% { transform: translateX(0%); } +} + +.wobble { + -webkit-animation-name: wobble; + -moz-animation-name: wobble; + -o-animation-name: wobble; + animation-name: wobble; +} +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes pulse { + 0% { -webkit-transform: scale(1); } + 50% { -webkit-transform: scale(1.1); } + 100% { -webkit-transform: scale(1); } +} +@-moz-keyframes pulse { + 0% { -moz-transform: scale(1); } + 50% { -moz-transform: scale(1.1); } + 100% { -moz-transform: scale(1); } +} +@-o-keyframes pulse { + 0% { -o-transform: scale(1); } + 50% { -o-transform: scale(1.1); } + 100% { -o-transform: scale(1); } +} +@keyframes pulse { + 0% { transform: scale(1); } + 50% { transform: scale(1.1); } + 100% { transform: scale(1); } +} + +.pulse { + -webkit-animation-name: pulse; + -moz-animation-name: pulse; + -o-animation-name: pulse; + animation-name: pulse; +} +@-webkit-keyframes flip { + 0% { + -webkit-transform: perspective(400px) rotateY(0); + -webkit-animation-timing-function: ease-out; + } + 40% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); + -webkit-animation-timing-function: ease-out; + } + 50% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + -webkit-animation-timing-function: ease-in; + } + 80% { + -webkit-transform: perspective(400px) rotateY(360deg) scale(.95); + -webkit-animation-timing-function: ease-in; + } + 100% { + -webkit-transform: perspective(400px) scale(1); + -webkit-animation-timing-function: ease-in; + } +} +@-moz-keyframes flip { + 0% { + -moz-transform: perspective(400px) rotateY(0); + -moz-animation-timing-function: ease-out; + } + 40% { + -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg); + -moz-animation-timing-function: ease-out; + } + 50% { + -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + -moz-animation-timing-function: ease-in; + } + 80% { + -moz-transform: perspective(400px) rotateY(360deg) scale(.95); + -moz-animation-timing-function: ease-in; + } + 100% { + -moz-transform: perspective(400px) scale(1); + -moz-animation-timing-function: ease-in; + } +} +@-o-keyframes flip { + 0% { + -o-transform: perspective(400px) rotateY(0); + -o-animation-timing-function: ease-out; + } + 40% { + -o-transform: perspective(400px) translateZ(150px) rotateY(170deg); + -o-animation-timing-function: ease-out; + } + 50% { + -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + -o-animation-timing-function: ease-in; + } + 80% { + -o-transform: perspective(400px) rotateY(360deg) scale(.95); + -o-animation-timing-function: ease-in; + } + 100% { + -o-transform: perspective(400px) scale(1); + -o-animation-timing-function: ease-in; + } +} +@keyframes flip { + 0% { + transform: perspective(400px) rotateY(0); + animation-timing-function: ease-out; + } + 40% { + transform: perspective(400px) translateZ(150px) rotateY(170deg); + animation-timing-function: ease-out; + } + 50% { + transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + animation-timing-function: ease-in; + } + 80% { + transform: perspective(400px) rotateY(360deg) scale(.95); + animation-timing-function: ease-in; + } + 100% { + transform: perspective(400px) scale(1); + animation-timing-function: ease-in; + } +} + +.flip { + -webkit-backface-visibility: visible !important; + -webkit-animation-name: flip; + -moz-backface-visibility: visible !important; + -moz-animation-name: flip; + -o-backface-visibility: visible !important; + -o-animation-name: flip; + backface-visibility: visible !important; + animation-name: flip; +} +@-webkit-keyframes flipInX { + 0% { + -webkit-transform: perspective(400px) rotateX(90deg); + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotateX(-10deg); + } + + 70% { + -webkit-transform: perspective(400px) rotateX(10deg); + } + + 100% { + -webkit-transform: perspective(400px) rotateX(0deg); + opacity: 1; + } +} +@-moz-keyframes flipInX { + 0% { + -moz-transform: perspective(400px) rotateX(90deg); + opacity: 0; + } + + 40% { + -moz-transform: perspective(400px) rotateX(-10deg); + } + + 70% { + -moz-transform: perspective(400px) rotateX(10deg); + } + + 100% { + -moz-transform: perspective(400px) rotateX(0deg); + opacity: 1; + } +} +@-o-keyframes flipInX { + 0% { + -o-transform: perspective(400px) rotateX(90deg); + opacity: 0; + } + + 40% { + -o-transform: perspective(400px) rotateX(-10deg); + } + + 70% { + -o-transform: perspective(400px) rotateX(10deg); + } + + 100% { + -o-transform: perspective(400px) rotateX(0deg); + opacity: 1; + } +} +@keyframes flipInX { + 0% { + transform: perspective(400px) rotateX(90deg); + opacity: 0; + } + + 40% { + transform: perspective(400px) rotateX(-10deg); + } + + 70% { + transform: perspective(400px) rotateX(10deg); + } + + 100% { + transform: perspective(400px) rotateX(0deg); + opacity: 1; + } +} + +.flipInX { + -webkit-backface-visibility: visible !important; + -webkit-animation-name: flipInX; + -moz-backface-visibility: visible !important; + -moz-animation-name: flipInX; + -o-backface-visibility: visible !important; + -o-animation-name: flipInX; + backface-visibility: visible !important; + animation-name: flipInX; +} +@-webkit-keyframes flipOutX { + 0% { + -webkit-transform: perspective(400px) rotateX(0deg); + opacity: 1; + } + 100% { + -webkit-transform: perspective(400px) rotateX(90deg); + opacity: 0; + } +} + +@-moz-keyframes flipOutX { + 0% { + -moz-transform: perspective(400px) rotateX(0deg); + opacity: 1; + } + 100% { + -moz-transform: perspective(400px) rotateX(90deg); + opacity: 0; + } +} + +@-o-keyframes flipOutX { + 0% { + -o-transform: perspective(400px) rotateX(0deg); + opacity: 1; + } + 100% { + -o-transform: perspective(400px) rotateX(90deg); + opacity: 0; + } +} + +@keyframes flipOutX { + 0% { + transform: perspective(400px) rotateX(0deg); + opacity: 1; + } + 100% { + transform: perspective(400px) rotateX(90deg); + opacity: 0; + } +} + +.flipOutX { + -webkit-animation-name: flipOutX; + -webkit-backface-visibility: visible !important; + -moz-animation-name: flipOutX; + -moz-backface-visibility: visible !important; + -o-animation-name: flipOutX; + -o-backface-visibility: visible !important; + animation-name: flipOutX; + backface-visibility: visible !important; +} +@-webkit-keyframes flipInY { + 0% { + -webkit-transform: perspective(400px) rotateY(90deg); + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotateY(-10deg); + } + + 70% { + -webkit-transform: perspective(400px) rotateY(10deg); + } + + 100% { + -webkit-transform: perspective(400px) rotateY(0deg); + opacity: 1; + } +} +@-moz-keyframes flipInY { + 0% { + -moz-transform: perspective(400px) rotateY(90deg); + opacity: 0; + } + + 40% { + -moz-transform: perspective(400px) rotateY(-10deg); + } + + 70% { + -moz-transform: perspective(400px) rotateY(10deg); + } + + 100% { + -moz-transform: perspective(400px) rotateY(0deg); + opacity: 1; + } +} +@-o-keyframes flipInY { + 0% { + -o-transform: perspective(400px) rotateY(90deg); + opacity: 0; + } + + 40% { + -o-transform: perspective(400px) rotateY(-10deg); + } + + 70% { + -o-transform: perspective(400px) rotateY(10deg); + } + + 100% { + -o-transform: perspective(400px) rotateY(0deg); + opacity: 1; + } +} +@keyframes flipInY { + 0% { + transform: perspective(400px) rotateY(90deg); + opacity: 0; + } + + 40% { + transform: perspective(400px) rotateY(-10deg); + } + + 70% { + transform: perspective(400px) rotateY(10deg); + } + + 100% { + transform: perspective(400px) rotateY(0deg); + opacity: 1; + } +} + +.flipInY { + -webkit-backface-visibility: visible !important; + -webkit-animation-name: flipInY; + -moz-backface-visibility: visible !important; + -moz-animation-name: flipInY; + -o-backface-visibility: visible !important; + -o-animation-name: flipInY; + backface-visibility: visible !important; + animation-name: flipInY; +} +@-webkit-keyframes flipOutY { + 0% { + -webkit-transform: perspective(400px) rotateY(0deg); + opacity: 1; + } + 100% { + -webkit-transform: perspective(400px) rotateY(90deg); + opacity: 0; + } +} +@-moz-keyframes flipOutY { + 0% { + -moz-transform: perspective(400px) rotateY(0deg); + opacity: 1; + } + 100% { + -moz-transform: perspective(400px) rotateY(90deg); + opacity: 0; + } +} +@-o-keyframes flipOutY { + 0% { + -o-transform: perspective(400px) rotateY(0deg); + opacity: 1; + } + 100% { + -o-transform: perspective(400px) rotateY(90deg); + opacity: 0; + } +} +@keyframes flipOutY { + 0% { + transform: perspective(400px) rotateY(0deg); + opacity: 1; + } + 100% { + transform: perspective(400px) rotateY(90deg); + opacity: 0; + } +} + +.flipOutY { + -webkit-backface-visibility: visible !important; + -webkit-animation-name: flipOutY; + -moz-backface-visibility: visible !important; + -moz-animation-name: flipOutY; + -o-backface-visibility: visible !important; + -o-animation-name: flipOutY; + backface-visibility: visible !important; + animation-name: flipOutY; +} +@-webkit-keyframes fadeIn { + 0% {opacity: 0;} + 100% {opacity: 1;} +} + +@-moz-keyframes fadeIn { + 0% {opacity: 0;} + 100% {opacity: 1;} +} + +@-o-keyframes fadeIn { + 0% {opacity: 0;} + 100% {opacity: 1;} +} + +@keyframes fadeIn { + 0% {opacity: 0;} + 100% {opacity: 1;} +} + +.fadeIn { + -webkit-animation-name: fadeIn; + -moz-animation-name: fadeIn; + -o-animation-name: fadeIn; + animation-name: fadeIn; +} +@-webkit-keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} + +@-moz-keyframes fadeInUp { + 0% { + opacity: 0; + -moz-transform: translateY(20px); + } + + 100% { + opacity: 1; + -moz-transform: translateY(0); + } +} + +@-o-keyframes fadeInUp { + 0% { + opacity: 0; + -o-transform: translateY(20px); + } + + 100% { + opacity: 1; + -o-transform: translateY(0); + } +} + +@keyframes fadeInUp { + 0% { + opacity: 0; + transform: translateY(20px); + } + + 100% { + opacity: 1; + transform: translateY(0); + } +} + +.fadeInUp { + -webkit-animation-name: fadeInUp; + -moz-animation-name: fadeInUp; + -o-animation-name: fadeInUp; + animation-name: fadeInUp; +} +@-webkit-keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} + +@-moz-keyframes fadeInDown { + 0% { + opacity: 0; + -moz-transform: translateY(-20px); + } + + 100% { + opacity: 1; + -moz-transform: translateY(0); + } +} + +@-o-keyframes fadeInDown { + 0% { + opacity: 0; + -o-transform: translateY(-20px); + } + + 100% { + opacity: 1; + -o-transform: translateY(0); + } +} + +@keyframes fadeInDown { + 0% { + opacity: 0; + transform: translateY(-20px); + } + + 100% { + opacity: 1; + transform: translateY(0); + } +} + +.fadeInDown { + -webkit-animation-name: fadeInDown; + -moz-animation-name: fadeInDown; + -o-animation-name: fadeInDown; + animation-name: fadeInDown; +} +@-webkit-keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes fadeInLeft { + 0% { + opacity: 0; + -moz-transform: translateX(-20px); + } + + 100% { + opacity: 1; + -moz-transform: translateX(0); + } +} + +@-o-keyframes fadeInLeft { + 0% { + opacity: 0; + -o-transform: translateX(-20px); + } + + 100% { + opacity: 1; + -o-transform: translateX(0); + } +} + +@keyframes fadeInLeft { + 0% { + opacity: 0; + transform: translateX(-20px); + } + + 100% { + opacity: 1; + transform: translateX(0); + } +} + +.fadeInLeft { + -webkit-animation-name: fadeInLeft; + -moz-animation-name: fadeInLeft; + -o-animation-name: fadeInLeft; + animation-name: fadeInLeft; +} +@-webkit-keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes fadeInRight { + 0% { + opacity: 0; + -moz-transform: translateX(20px); + } + + 100% { + opacity: 1; + -moz-transform: translateX(0); + } +} + +@-o-keyframes fadeInRight { + 0% { + opacity: 0; + -o-transform: translateX(20px); + } + + 100% { + opacity: 1; + -o-transform: translateX(0); + } +} + +@keyframes fadeInRight { + 0% { + opacity: 0; + transform: translateX(20px); + } + + 100% { + opacity: 1; + transform: translateX(0); + } +} + +.fadeInRight { + -webkit-animation-name: fadeInRight; + -moz-animation-name: fadeInRight; + -o-animation-name: fadeInRight; + animation-name: fadeInRight; +} +@-webkit-keyframes fadeInUpBig { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} + +@-moz-keyframes fadeInUpBig { + 0% { + opacity: 0; + -moz-transform: translateY(2000px); + } + + 100% { + opacity: 1; + -moz-transform: translateY(0); + } +} + +@-o-keyframes fadeInUpBig { + 0% { + opacity: 0; + -o-transform: translateY(2000px); + } + + 100% { + opacity: 1; + -o-transform: translateY(0); + } +} + +@keyframes fadeInUpBig { + 0% { + opacity: 0; + transform: translateY(2000px); + } + + 100% { + opacity: 1; + transform: translateY(0); + } +} + +.fadeInUpBig { + -webkit-animation-name: fadeInUpBig; + -moz-animation-name: fadeInUpBig; + -o-animation-name: fadeInUpBig; + animation-name: fadeInUpBig; +} +@-webkit-keyframes fadeInDownBig { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} + +@-moz-keyframes fadeInDownBig { + 0% { + opacity: 0; + -moz-transform: translateY(-2000px); + } + + 100% { + opacity: 1; + -moz-transform: translateY(0); + } +} + +@-o-keyframes fadeInDownBig { + 0% { + opacity: 0; + -o-transform: translateY(-2000px); + } + + 100% { + opacity: 1; + -o-transform: translateY(0); + } +} + +@keyframes fadeInDownBig { + 0% { + opacity: 0; + transform: translateY(-2000px); + } + + 100% { + opacity: 1; + transform: translateY(0); + } +} + +.fadeInDownBig { + -webkit-animation-name: fadeInDownBig; + -moz-animation-name: fadeInDownBig; + -o-animation-name: fadeInDownBig; + animation-name: fadeInDownBig; +} +@-webkit-keyframes fadeInLeftBig { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } +} +@-moz-keyframes fadeInLeftBig { + 0% { + opacity: 0; + -moz-transform: translateX(-2000px); + } + + 100% { + opacity: 1; + -moz-transform: translateX(0); + } +} +@-o-keyframes fadeInLeftBig { + 0% { + opacity: 0; + -o-transform: translateX(-2000px); + } + + 100% { + opacity: 1; + -o-transform: translateX(0); + } +} +@keyframes fadeInLeftBig { + 0% { + opacity: 0; + transform: translateX(-2000px); + } + + 100% { + opacity: 1; + transform: translateX(0); + } +} + +.fadeInLeftBig { + -webkit-animation-name: fadeInLeftBig; + -moz-animation-name: fadeInLeftBig; + -o-animation-name: fadeInLeftBig; + animation-name: fadeInLeftBig; +} +@-webkit-keyframes fadeInRightBig { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes fadeInRightBig { + 0% { + opacity: 0; + -moz-transform: translateX(2000px); + } + + 100% { + opacity: 1; + -moz-transform: translateX(0); + } +} + +@-o-keyframes fadeInRightBig { + 0% { + opacity: 0; + -o-transform: translateX(2000px); + } + + 100% { + opacity: 1; + -o-transform: translateX(0); + } +} + +@keyframes fadeInRightBig { + 0% { + opacity: 0; + transform: translateX(2000px); + } + + 100% { + opacity: 1; + transform: translateX(0); + } +} + +.fadeInRightBig { + -webkit-animation-name: fadeInRightBig; + -moz-animation-name: fadeInRightBig; + -o-animation-name: fadeInRightBig; + animation-name: fadeInRightBig; +} +@-webkit-keyframes fadeOut { + 0% {opacity: 1;} + 100% {opacity: 0;} +} + +@-moz-keyframes fadeOut { + 0% {opacity: 1;} + 100% {opacity: 0;} +} + +@-o-keyframes fadeOut { + 0% {opacity: 1;} + 100% {opacity: 0;} +} + +@keyframes fadeOut { + 0% {opacity: 1;} + 100% {opacity: 0;} +} + +.fadeOut { + -webkit-animation-name: fadeOut; + -moz-animation-name: fadeOut; + -o-animation-name: fadeOut; + animation-name: fadeOut; +} +@-webkit-keyframes fadeOutUp { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-20px); + } +} +@-moz-keyframes fadeOutUp { + 0% { + opacity: 1; + -moz-transform: translateY(0); + } + + 100% { + opacity: 0; + -moz-transform: translateY(-20px); + } +} +@-o-keyframes fadeOutUp { + 0% { + opacity: 1; + -o-transform: translateY(0); + } + + 100% { + opacity: 0; + -o-transform: translateY(-20px); + } +} +@keyframes fadeOutUp { + 0% { + opacity: 1; + transform: translateY(0); + } + + 100% { + opacity: 0; + transform: translateY(-20px); + } +} + +.fadeOutUp { + -webkit-animation-name: fadeOutUp; + -moz-animation-name: fadeOutUp; + -o-animation-name: fadeOutUp; + animation-name: fadeOutUp; +} +@-webkit-keyframes fadeOutDown { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(20px); + } +} + +@-moz-keyframes fadeOutDown { + 0% { + opacity: 1; + -moz-transform: translateY(0); + } + + 100% { + opacity: 0; + -moz-transform: translateY(20px); + } +} + +@-o-keyframes fadeOutDown { + 0% { + opacity: 1; + -o-transform: translateY(0); + } + + 100% { + opacity: 0; + -o-transform: translateY(20px); + } +} + +@keyframes fadeOutDown { + 0% { + opacity: 1; + transform: translateY(0); + } + + 100% { + opacity: 0; + transform: translateY(20px); + } +} + +.fadeOutDown { + -webkit-animation-name: fadeOutDown; + -moz-animation-name: fadeOutDown; + -o-animation-name: fadeOutDown; + animation-name: fadeOutDown; +} +@-webkit-keyframes fadeOutLeft { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-20px); + } +} + +@-moz-keyframes fadeOutLeft { + 0% { + opacity: 1; + -moz-transform: translateX(0); + } + + 100% { + opacity: 0; + -moz-transform: translateX(-20px); + } +} + +@-o-keyframes fadeOutLeft { + 0% { + opacity: 1; + -o-transform: translateX(0); + } + + 100% { + opacity: 0; + -o-transform: translateX(-20px); + } +} + +@keyframes fadeOutLeft { + 0% { + opacity: 1; + transform: translateX(0); + } + + 100% { + opacity: 0; + transform: translateX(-20px); + } +} + +.fadeOutLeft { + -webkit-animation-name: fadeOutLeft; + -moz-animation-name: fadeOutLeft; + -o-animation-name: fadeOutLeft; + animation-name: fadeOutLeft; +} +@-webkit-keyframes fadeOutRight { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(20px); + } +} + +@-moz-keyframes fadeOutRight { + 0% { + opacity: 1; + -moz-transform: translateX(0); + } + + 100% { + opacity: 0; + -moz-transform: translateX(20px); + } +} + +@-o-keyframes fadeOutRight { + 0% { + opacity: 1; + -o-transform: translateX(0); + } + + 100% { + opacity: 0; + -o-transform: translateX(20px); + } +} + +@keyframes fadeOutRight { + 0% { + opacity: 1; + transform: translateX(0); + } + + 100% { + opacity: 0; + transform: translateX(20px); + } +} + +.fadeOutRight { + -webkit-animation-name: fadeOutRight; + -moz-animation-name: fadeOutRight; + -o-animation-name: fadeOutRight; + animation-name: fadeOutRight; +} +@-webkit-keyframes fadeOutUpBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + } +} + +@-moz-keyframes fadeOutUpBig { + 0% { + opacity: 1; + -moz-transform: translateY(0); + } + + 100% { + opacity: 0; + -moz-transform: translateY(-2000px); + } +} + +@-o-keyframes fadeOutUpBig { + 0% { + opacity: 1; + -o-transform: translateY(0); + } + + 100% { + opacity: 0; + -o-transform: translateY(-2000px); + } +} + +@keyframes fadeOutUpBig { + 0% { + opacity: 1; + transform: translateY(0); + } + + 100% { + opacity: 0; + transform: translateY(-2000px); + } +} + +.fadeOutUpBig { + -webkit-animation-name: fadeOutUpBig; + -moz-animation-name: fadeOutUpBig; + -o-animation-name: fadeOutUpBig; + animation-name: fadeOutUpBig; +} +@-webkit-keyframes fadeOutDownBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + } +} + +@-moz-keyframes fadeOutDownBig { + 0% { + opacity: 1; + -moz-transform: translateY(0); + } + + 100% { + opacity: 0; + -moz-transform: translateY(2000px); + } +} + +@-o-keyframes fadeOutDownBig { + 0% { + opacity: 1; + -o-transform: translateY(0); + } + + 100% { + opacity: 0; + -o-transform: translateY(2000px); + } +} + +@keyframes fadeOutDownBig { + 0% { + opacity: 1; + transform: translateY(0); + } + + 100% { + opacity: 0; + transform: translateY(2000px); + } +} + +.fadeOutDownBig { + -webkit-animation-name: fadeOutDownBig; + -moz-animation-name: fadeOutDownBig; + -o-animation-name: fadeOutDownBig; + animation-name: fadeOutDownBig; +} +@-webkit-keyframes fadeOutLeftBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + } +} + +@-moz-keyframes fadeOutLeftBig { + 0% { + opacity: 1; + -moz-transform: translateX(0); + } + + 100% { + opacity: 0; + -moz-transform: translateX(-2000px); + } +} + +@-o-keyframes fadeOutLeftBig { + 0% { + opacity: 1; + -o-transform: translateX(0); + } + + 100% { + opacity: 0; + -o-transform: translateX(-2000px); + } +} + +@keyframes fadeOutLeftBig { + 0% { + opacity: 1; + transform: translateX(0); + } + + 100% { + opacity: 0; + transform: translateX(-2000px); + } +} + +.fadeOutLeftBig { + -webkit-animation-name: fadeOutLeftBig; + -moz-animation-name: fadeOutLeftBig; + -o-animation-name: fadeOutLeftBig; + animation-name: fadeOutLeftBig; +} +@-webkit-keyframes fadeOutRightBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + } +} +@-moz-keyframes fadeOutRightBig { + 0% { + opacity: 1; + -moz-transform: translateX(0); + } + + 100% { + opacity: 0; + -moz-transform: translateX(2000px); + } +} +@-o-keyframes fadeOutRightBig { + 0% { + opacity: 1; + -o-transform: translateX(0); + } + + 100% { + opacity: 0; + -o-transform: translateX(2000px); + } +} +@keyframes fadeOutRightBig { + 0% { + opacity: 1; + transform: translateX(0); + } + + 100% { + opacity: 0; + transform: translateX(2000px); + } +} + +.fadeOutRightBig { + -webkit-animation-name: fadeOutRightBig; + -moz-animation-name: fadeOutRightBig; + -o-animation-name: fadeOutRightBig; + animation-name: fadeOutRightBig; +} +@-webkit-keyframes bounceIn { + 0% { + opacity: 0; + -webkit-transform: scale(.3); + } + + 50% { + opacity: 1; + -webkit-transform: scale(1.05); + } + + 70% { + -webkit-transform: scale(.9); + } + + 100% { + -webkit-transform: scale(1); + } +} + +@-moz-keyframes bounceIn { + 0% { + opacity: 0; + -moz-transform: scale(.3); + } + + 50% { + opacity: 1; + -moz-transform: scale(1.05); + } + + 70% { + -moz-transform: scale(.9); + } + + 100% { + -moz-transform: scale(1); + } +} + +@-o-keyframes bounceIn { + 0% { + opacity: 0; + -o-transform: scale(.3); + } + + 50% { + opacity: 1; + -o-transform: scale(1.05); + } + + 70% { + -o-transform: scale(.9); + } + + 100% { + -o-transform: scale(1); + } +} + +@keyframes bounceIn { + 0% { + opacity: 0; + transform: scale(.3); + } + + 50% { + opacity: 1; + transform: scale(1.05); + } + + 70% { + transform: scale(.9); + } + + 100% { + transform: scale(1); + } +} + +.bounceIn { + -webkit-animation-name: bounceIn; + -moz-animation-name: bounceIn; + -o-animation-name: bounceIn; + animation-name: bounceIn; +} +@-webkit-keyframes bounceInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateY(-30px); + } + + 80% { + -webkit-transform: translateY(10px); + } + + 100% { + -webkit-transform: translateY(0); + } +} +@-moz-keyframes bounceInUp { + 0% { + opacity: 0; + -moz-transform: translateY(2000px); + } + + 60% { + opacity: 1; + -moz-transform: translateY(-30px); + } + + 80% { + -moz-transform: translateY(10px); + } + + 100% { + -moz-transform: translateY(0); + } +} + +@-o-keyframes bounceInUp { + 0% { + opacity: 0; + -o-transform: translateY(2000px); + } + + 60% { + opacity: 1; + -o-transform: translateY(-30px); + } + + 80% { + -o-transform: translateY(10px); + } + + 100% { + -o-transform: translateY(0); + } +} + +@keyframes bounceInUp { + 0% { + opacity: 0; + transform: translateY(2000px); + } + + 60% { + opacity: 1; + transform: translateY(-30px); + } + + 80% { + transform: translateY(10px); + } + + 100% { + transform: translateY(0); + } +} + +.bounceInUp { + -webkit-animation-name: bounceInUp; + -moz-animation-name: bounceInUp; + -o-animation-name: bounceInUp; + animation-name: bounceInUp; +} +@-webkit-keyframes bounceInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateY(30px); + } + + 80% { + -webkit-transform: translateY(-10px); + } + + 100% { + -webkit-transform: translateY(0); + } +} + +@-moz-keyframes bounceInDown { + 0% { + opacity: 0; + -moz-transform: translateY(-2000px); + } + + 60% { + opacity: 1; + -moz-transform: translateY(30px); + } + + 80% { + -moz-transform: translateY(-10px); + } + + 100% { + -moz-transform: translateY(0); + } +} + +@-o-keyframes bounceInDown { + 0% { + opacity: 0; + -o-transform: translateY(-2000px); + } + + 60% { + opacity: 1; + -o-transform: translateY(30px); + } + + 80% { + -o-transform: translateY(-10px); + } + + 100% { + -o-transform: translateY(0); + } +} + +@keyframes bounceInDown { + 0% { + opacity: 0; + transform: translateY(-2000px); + } + + 60% { + opacity: 1; + transform: translateY(30px); + } + + 80% { + transform: translateY(-10px); + } + + 100% { + transform: translateY(0); + } +} + +.bounceInDown { + -webkit-animation-name: bounceInDown; + -moz-animation-name: bounceInDown; + -o-animation-name: bounceInDown; + animation-name: bounceInDown; +} +@-webkit-keyframes bounceInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateX(30px); + } + + 80% { + -webkit-transform: translateX(-10px); + } + + 100% { + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes bounceInLeft { + 0% { + opacity: 0; + -moz-transform: translateX(-2000px); + } + + 60% { + opacity: 1; + -moz-transform: translateX(30px); + } + + 80% { + -moz-transform: translateX(-10px); + } + + 100% { + -moz-transform: translateX(0); + } +} + +@-o-keyframes bounceInLeft { + 0% { + opacity: 0; + -o-transform: translateX(-2000px); + } + + 60% { + opacity: 1; + -o-transform: translateX(30px); + } + + 80% { + -o-transform: translateX(-10px); + } + + 100% { + -o-transform: translateX(0); + } +} + +@keyframes bounceInLeft { + 0% { + opacity: 0; + transform: translateX(-2000px); + } + + 60% { + opacity: 1; + transform: translateX(30px); + } + + 80% { + transform: translateX(-10px); + } + + 100% { + transform: translateX(0); + } +} + +.bounceInLeft { + -webkit-animation-name: bounceInLeft; + -moz-animation-name: bounceInLeft; + -o-animation-name: bounceInLeft; + animation-name: bounceInLeft; +} +@-webkit-keyframes bounceInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateX(-30px); + } + + 80% { + -webkit-transform: translateX(10px); + } + + 100% { + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes bounceInRight { + 0% { + opacity: 0; + -moz-transform: translateX(2000px); + } + + 60% { + opacity: 1; + -moz-transform: translateX(-30px); + } + + 80% { + -moz-transform: translateX(10px); + } + + 100% { + -moz-transform: translateX(0); + } +} + +@-o-keyframes bounceInRight { + 0% { + opacity: 0; + -o-transform: translateX(2000px); + } + + 60% { + opacity: 1; + -o-transform: translateX(-30px); + } + + 80% { + -o-transform: translateX(10px); + } + + 100% { + -o-transform: translateX(0); + } +} + +@keyframes bounceInRight { + 0% { + opacity: 0; + transform: translateX(2000px); + } + + 60% { + opacity: 1; + transform: translateX(-30px); + } + + 80% { + transform: translateX(10px); + } + + 100% { + transform: translateX(0); + } +} + +.bounceInRight { + -webkit-animation-name: bounceInRight; + -moz-animation-name: bounceInRight; + -o-animation-name: bounceInRight; + animation-name: bounceInRight; +} +@-webkit-keyframes bounceOut { + 0% { + -webkit-transform: scale(1); + } + + 25% { + -webkit-transform: scale(.95); + } + + 50% { + opacity: 1; + -webkit-transform: scale(1.1); + } + + 100% { + opacity: 0; + -webkit-transform: scale(.3); + } +} + +@-moz-keyframes bounceOut { + 0% { + -moz-transform: scale(1); + } + + 25% { + -moz-transform: scale(.95); + } + + 50% { + opacity: 1; + -moz-transform: scale(1.1); + } + + 100% { + opacity: 0; + -moz-transform: scale(.3); + } +} + +@-o-keyframes bounceOut { + 0% { + -o-transform: scale(1); + } + + 25% { + -o-transform: scale(.95); + } + + 50% { + opacity: 1; + -o-transform: scale(1.1); + } + + 100% { + opacity: 0; + -o-transform: scale(.3); + } +} + +@keyframes bounceOut { + 0% { + transform: scale(1); + } + + 25% { + transform: scale(.95); + } + + 50% { + opacity: 1; + transform: scale(1.1); + } + + 100% { + opacity: 0; + transform: scale(.3); + } +} + +.bounceOut { + -webkit-animation-name: bounceOut; + -moz-animation-name: bounceOut; + -o-animation-name: bounceOut; + animation-name: bounceOut; +} +@-webkit-keyframes bounceOutUp { + 0% { + -webkit-transform: translateY(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateY(20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + } +} + +@-moz-keyframes bounceOutUp { + 0% { + -moz-transform: translateY(0); + } + + 20% { + opacity: 1; + -moz-transform: translateY(20px); + } + + 100% { + opacity: 0; + -moz-transform: translateY(-2000px); + } +} + +@-o-keyframes bounceOutUp { + 0% { + -o-transform: translateY(0); + } + + 20% { + opacity: 1; + -o-transform: translateY(20px); + } + + 100% { + opacity: 0; + -o-transform: translateY(-2000px); + } +} + +@keyframes bounceOutUp { + 0% { + transform: translateY(0); + } + + 20% { + opacity: 1; + transform: translateY(20px); + } + + 100% { + opacity: 0; + transform: translateY(-2000px); + } +} + +.bounceOutUp { + -webkit-animation-name: bounceOutUp; + -moz-animation-name: bounceOutUp; + -o-animation-name: bounceOutUp; + animation-name: bounceOutUp; +} +@-webkit-keyframes bounceOutDown { + 0% { + -webkit-transform: translateY(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateY(-20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + } +} + +@-moz-keyframes bounceOutDown { + 0% { + -moz-transform: translateY(0); + } + + 20% { + opacity: 1; + -moz-transform: translateY(-20px); + } + + 100% { + opacity: 0; + -moz-transform: translateY(2000px); + } +} + +@-o-keyframes bounceOutDown { + 0% { + -o-transform: translateY(0); + } + + 20% { + opacity: 1; + -o-transform: translateY(-20px); + } + + 100% { + opacity: 0; + -o-transform: translateY(2000px); + } +} + +@keyframes bounceOutDown { + 0% { + transform: translateY(0); + } + + 20% { + opacity: 1; + transform: translateY(-20px); + } + + 100% { + opacity: 0; + transform: translateY(2000px); + } +} + +.bounceOutDown { + -webkit-animation-name: bounceOutDown; + -moz-animation-name: bounceOutDown; + -o-animation-name: bounceOutDown; + animation-name: bounceOutDown; +} +@-webkit-keyframes bounceOutLeft { + 0% { + -webkit-transform: translateX(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateX(20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + } +} + +@-moz-keyframes bounceOutLeft { + 0% { + -moz-transform: translateX(0); + } + + 20% { + opacity: 1; + -moz-transform: translateX(20px); + } + + 100% { + opacity: 0; + -moz-transform: translateX(-2000px); + } +} + +@-o-keyframes bounceOutLeft { + 0% { + -o-transform: translateX(0); + } + + 20% { + opacity: 1; + -o-transform: translateX(20px); + } + + 100% { + opacity: 0; + -o-transform: translateX(-2000px); + } +} + +@keyframes bounceOutLeft { + 0% { + transform: translateX(0); + } + + 20% { + opacity: 1; + transform: translateX(20px); + } + + 100% { + opacity: 0; + transform: translateX(-2000px); + } +} + +.bounceOutLeft { + -webkit-animation-name: bounceOutLeft; + -moz-animation-name: bounceOutLeft; + -o-animation-name: bounceOutLeft; + animation-name: bounceOutLeft; +} +@-webkit-keyframes bounceOutRight { + 0% { + -webkit-transform: translateX(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateX(-20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + } +} + +@-moz-keyframes bounceOutRight { + 0% { + -moz-transform: translateX(0); + } + + 20% { + opacity: 1; + -moz-transform: translateX(-20px); + } + + 100% { + opacity: 0; + -moz-transform: translateX(2000px); + } +} + +@-o-keyframes bounceOutRight { + 0% { + -o-transform: translateX(0); + } + + 20% { + opacity: 1; + -o-transform: translateX(-20px); + } + + 100% { + opacity: 0; + -o-transform: translateX(2000px); + } +} + +@keyframes bounceOutRight { + 0% { + transform: translateX(0); + } + + 20% { + opacity: 1; + transform: translateX(-20px); + } + + 100% { + opacity: 0; + transform: translateX(2000px); + } +} + +.bounceOutRight { + -webkit-animation-name: bounceOutRight; + -moz-animation-name: bounceOutRight; + -o-animation-name: bounceOutRight; + animation-name: bounceOutRight; +} +@-webkit-keyframes rotateIn { + 0% { + -webkit-transform-origin: center center; + -webkit-transform: rotate(-200deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: center center; + -webkit-transform: rotate(0); + opacity: 1; + } +} +@-moz-keyframes rotateIn { + 0% { + -moz-transform-origin: center center; + -moz-transform: rotate(-200deg); + opacity: 0; + } + + 100% { + -moz-transform-origin: center center; + -moz-transform: rotate(0); + opacity: 1; + } +} +@-o-keyframes rotateIn { + 0% { + -o-transform-origin: center center; + -o-transform: rotate(-200deg); + opacity: 0; + } + + 100% { + -o-transform-origin: center center; + -o-transform: rotate(0); + opacity: 1; + } +} +@keyframes rotateIn { + 0% { + transform-origin: center center; + transform: rotate(-200deg); + opacity: 0; + } + + 100% { + transform-origin: center center; + transform: rotate(0); + opacity: 1; + } +} + +.rotateIn { + -webkit-animation-name: rotateIn; + -moz-animation-name: rotateIn; + -o-animation-name: rotateIn; + animation-name: rotateIn; +} +@-webkit-keyframes rotateInUpLeft { + 0% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(0); + opacity: 1; + } +} + +@-moz-keyframes rotateInUpLeft { + 0% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(90deg); + opacity: 0; + } + + 100% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(0); + opacity: 1; + } +} + +@-o-keyframes rotateInUpLeft { + 0% { + -o-transform-origin: left bottom; + -o-transform: rotate(90deg); + opacity: 0; + } + + 100% { + -o-transform-origin: left bottom; + -o-transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInUpLeft { + 0% { + transform-origin: left bottom; + transform: rotate(90deg); + opacity: 0; + } + + 100% { + transform-origin: left bottom; + transform: rotate(0); + opacity: 1; + } +} + +.rotateInUpLeft { + -webkit-animation-name: rotateInUpLeft; + -moz-animation-name: rotateInUpLeft; + -o-animation-name: rotateInUpLeft; + animation-name: rotateInUpLeft; +} +@-webkit-keyframes rotateInDownLeft { + 0% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(0); + opacity: 1; + } +} + +@-moz-keyframes rotateInDownLeft { + 0% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(0); + opacity: 1; + } +} + +@-o-keyframes rotateInDownLeft { + 0% { + -o-transform-origin: left bottom; + -o-transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -o-transform-origin: left bottom; + -o-transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInDownLeft { + 0% { + transform-origin: left bottom; + transform: rotate(-90deg); + opacity: 0; + } + + 100% { + transform-origin: left bottom; + transform: rotate(0); + opacity: 1; + } +} + +.rotateInDownLeft { + -webkit-animation-name: rotateInDownLeft; + -moz-animation-name: rotateInDownLeft; + -o-animation-name: rotateInDownLeft; + animation-name: rotateInDownLeft; +} +@-webkit-keyframes rotateInUpRight { + 0% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(0); + opacity: 1; + } +} + +@-moz-keyframes rotateInUpRight { + 0% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(0); + opacity: 1; + } +} + +@-o-keyframes rotateInUpRight { + 0% { + -o-transform-origin: right bottom; + -o-transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -o-transform-origin: right bottom; + -o-transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInUpRight { + 0% { + transform-origin: right bottom; + transform: rotate(-90deg); + opacity: 0; + } + + 100% { + transform-origin: right bottom; + transform: rotate(0); + opacity: 1; + } +} + +.rotateInUpRight { + -webkit-animation-name: rotateInUpRight; + -moz-animation-name: rotateInUpRight; + -o-animation-name: rotateInUpRight; + animation-name: rotateInUpRight; +} +@-webkit-keyframes rotateInDownRight { + 0% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(0); + opacity: 1; + } +} + +@-moz-keyframes rotateInDownRight { + 0% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(90deg); + opacity: 0; + } + + 100% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(0); + opacity: 1; + } +} + +@-o-keyframes rotateInDownRight { + 0% { + -o-transform-origin: right bottom; + -o-transform: rotate(90deg); + opacity: 0; + } + + 100% { + -o-transform-origin: right bottom; + -o-transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInDownRight { + 0% { + transform-origin: right bottom; + transform: rotate(90deg); + opacity: 0; + } + + 100% { + transform-origin: right bottom; + transform: rotate(0); + opacity: 1; + } +} + +.rotateInDownRight { + -webkit-animation-name: rotateInDownRight; + -moz-animation-name: rotateInDownRight; + -o-animation-name: rotateInDownRight; + animation-name: rotateInDownRight; +} +@-webkit-keyframes rotateOut { + 0% { + -webkit-transform-origin: center center; + -webkit-transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: center center; + -webkit-transform: rotate(200deg); + opacity: 0; + } +} + +@-moz-keyframes rotateOut { + 0% { + -moz-transform-origin: center center; + -moz-transform: rotate(0); + opacity: 1; + } + + 100% { + -moz-transform-origin: center center; + -moz-transform: rotate(200deg); + opacity: 0; + } +} + +@-o-keyframes rotateOut { + 0% { + -o-transform-origin: center center; + -o-transform: rotate(0); + opacity: 1; + } + + 100% { + -o-transform-origin: center center; + -o-transform: rotate(200deg); + opacity: 0; + } +} + +@keyframes rotateOut { + 0% { + transform-origin: center center; + transform: rotate(0); + opacity: 1; + } + + 100% { + transform-origin: center center; + transform: rotate(200deg); + opacity: 0; + } +} + +.rotateOut { + -webkit-animation-name: rotateOut; + -moz-animation-name: rotateOut; + -o-animation-name: rotateOut; + animation-name: rotateOut; +} +@-webkit-keyframes rotateOutUpLeft { + 0% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + opacity: 0; + } +} + +@-moz-keyframes rotateOutUpLeft { + 0% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(0); + opacity: 1; + } + + 100% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(-90deg); + opacity: 0; + } +} + +@-o-keyframes rotateOutUpLeft { + 0% { + -o-transform-origin: left bottom; + -o-transform: rotate(0); + opacity: 1; + } + + 100% { + -o-transform-origin: left bottom; + -o-transform: rotate(-90deg); + opacity: 0; + } +} + +@keyframes rotateOutUpLeft { + 0% { + transform-origin: left bottom; + transform: rotate(0); + opacity: 1; + } + + 100% { + -transform-origin: left bottom; + -transform: rotate(-90deg); + opacity: 0; + } +} + +.rotateOutUpLeft { + -webkit-animation-name: rotateOutUpLeft; + -moz-animation-name: rotateOutUpLeft; + -o-animation-name: rotateOutUpLeft; + animation-name: rotateOutUpLeft; +} +@-webkit-keyframes rotateOutDownLeft { + 0% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(90deg); + opacity: 0; + } +} + +@-moz-keyframes rotateOutDownLeft { + 0% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(0); + opacity: 1; + } + + 100% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(90deg); + opacity: 0; + } +} + +@-o-keyframes rotateOutDownLeft { + 0% { + -o-transform-origin: left bottom; + -o-transform: rotate(0); + opacity: 1; + } + + 100% { + -o-transform-origin: left bottom; + -o-transform: rotate(90deg); + opacity: 0; + } +} + +@keyframes rotateOutDownLeft { + 0% { + transform-origin: left bottom; + transform: rotate(0); + opacity: 1; + } + + 100% { + transform-origin: left bottom; + transform: rotate(90deg); + opacity: 0; + } +} + +.rotateOutDownLeft { + -webkit-animation-name: rotateOutDownLeft; + -moz-animation-name: rotateOutDownLeft; + -o-animation-name: rotateOutDownLeft; + animation-name: rotateOutDownLeft; +} +@-webkit-keyframes rotateOutUpRight { + 0% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(90deg); + opacity: 0; + } +} + +@-moz-keyframes rotateOutUpRight { + 0% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(0); + opacity: 1; + } + + 100% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(90deg); + opacity: 0; + } +} + +@-o-keyframes rotateOutUpRight { + 0% { + -o-transform-origin: right bottom; + -o-transform: rotate(0); + opacity: 1; + } + + 100% { + -o-transform-origin: right bottom; + -o-transform: rotate(90deg); + opacity: 0; + } +} + +@keyframes rotateOutUpRight { + 0% { + transform-origin: right bottom; + transform: rotate(0); + opacity: 1; + } + + 100% { + transform-origin: right bottom; + transform: rotate(90deg); + opacity: 0; + } +} + +.rotateOutUpRight { + -webkit-animation-name: rotateOutUpRight; + -moz-animation-name: rotateOutUpRight; + -o-animation-name: rotateOutUpRight; + animation-name: rotateOutUpRight; +} +@-webkit-keyframes rotateOutDownRight { + 0% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + opacity: 0; + } +} + +@-moz-keyframes rotateOutDownRight { + 0% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(0); + opacity: 1; + } + + 100% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(-90deg); + opacity: 0; + } +} + +@-o-keyframes rotateOutDownRight { + 0% { + -o-transform-origin: right bottom; + -o-transform: rotate(0); + opacity: 1; + } + + 100% { + -o-transform-origin: right bottom; + -o-transform: rotate(-90deg); + opacity: 0; + } +} + +@keyframes rotateOutDownRight { + 0% { + transform-origin: right bottom; + transform: rotate(0); + opacity: 1; + } + + 100% { + transform-origin: right bottom; + transform: rotate(-90deg); + opacity: 0; + } +} + +.rotateOutDownRight { + -webkit-animation-name: rotateOutDownRight; + -moz-animation-name: rotateOutDownRight; + -o-animation-name: rotateOutDownRight; + animation-name: rotateOutDownRight; +} +@-webkit-keyframes hinge { + 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } + 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } + 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } + 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } + 100% { -webkit-transform: translateY(700px); opacity: 0; } +} + +@-moz-keyframes hinge { + 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } + 20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } + 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } + 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } + 100% { -moz-transform: translateY(700px); opacity: 0; } +} + +@-o-keyframes hinge { + 0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } + 20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } + 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } + 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } + 100% { -o-transform: translateY(700px); opacity: 0; } +} + +@keyframes hinge { + 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } + 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } + 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } + 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } + 100% { transform: translateY(700px); opacity: 0; } +} + +.hinge { + -webkit-animation-name: hinge; + -moz-animation-name: hinge; + -o-animation-name: hinge; + animation-name: hinge; +} +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollIn { + 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } + 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } +} + +@-moz-keyframes rollIn { + 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); } + 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } +} + +@-o-keyframes rollIn { + 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); } + 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } +} + +@keyframes rollIn { + 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } + 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } +} + +.rollIn { + -webkit-animation-name: rollIn; + -moz-animation-name: rollIn; + -o-animation-name: rollIn; + animation-name: rollIn; +} +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollOut { + 0% { + opacity: 1; + -webkit-transform: translateX(0px) rotate(0deg); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(100%) rotate(120deg); + } +} + +@-moz-keyframes rollOut { + 0% { + opacity: 1; + -moz-transform: translateX(0px) rotate(0deg); + } + + 100% { + opacity: 0; + -moz-transform: translateX(100%) rotate(120deg); + } +} + +@-o-keyframes rollOut { + 0% { + opacity: 1; + -o-transform: translateX(0px) rotate(0deg); + } + + 100% { + opacity: 0; + -o-transform: translateX(100%) rotate(120deg); + } +} + +@keyframes rollOut { + 0% { + opacity: 1; + transform: translateX(0px) rotate(0deg); + } + + 100% { + opacity: 0; + transform: translateX(100%) rotate(120deg); + } +} + +.rollOut { + -webkit-animation-name: rollOut; + -moz-animation-name: rollOut; + -o-animation-name: rollOut; + animation-name: rollOut; +} + +/* originally authored by Angelo Rohit - https://github.com/angelorohit */ + +@-webkit-keyframes lightSpeedIn { + 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } + 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } + 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } + 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } +} + +@-moz-keyframes lightSpeedIn { + 0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } + 60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; } + 80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; } + 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } +} + +@-o-keyframes lightSpeedIn { + 0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } + 60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; } + 80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; } + 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } +} + +@keyframes lightSpeedIn { + 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } + 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } + 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } + 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } +} + +.lightSpeedIn { + -webkit-animation-name: lightSpeedIn; + -moz-animation-name: lightSpeedIn; + -o-animation-name: lightSpeedIn; + animation-name: lightSpeedIn; + + -webkit-animation-timing-function: ease-out; + -moz-animation-timing-function: ease-out; + -o-animation-timing-function: ease-out; + animation-timing-function: ease-out; +} + +.animated.lightSpeedIn { + -webkit-animation-duration: 0.5s; + -moz-animation-duration: 0.5s; + -o-animation-duration: 0.5s; + animation-duration: 0.5s; +} + +/* originally authored by Angelo Rohit - https://github.com/angelorohit */ + +@-webkit-keyframes lightSpeedOut { + 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } + 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } +} + +@-moz-keyframes lightSpeedOut { + 0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } + 100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } +} + +@-o-keyframes lightSpeedOut { + 0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } + 100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } +} + +@keyframes lightSpeedOut { + 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } + 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } +} + +.lightSpeedOut { + -webkit-animation-name: lightSpeedOut; + -moz-animation-name: lightSpeedOut; + -o-animation-name: lightSpeedOut; + animation-name: lightSpeedOut; + + -webkit-animation-timing-function: ease-in; + -moz-animation-timing-function: ease-in; + -o-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} + +.animated.lightSpeedOut { + -webkit-animation-duration: 0.25s; + -moz-animation-duration: 0.25s; + -o-animation-duration: 0.25s; + animation-duration: 0.25s; +} + +/* originally authored by Angelo Rohit - https://github.com/angelorohit */ + +@-webkit-keyframes wiggle { + 0% { -webkit-transform: skewX(9deg); } + 10% { -webkit-transform: skewX(-8deg); } + 20% { -webkit-transform: skewX(7deg); } + 30% { -webkit-transform: skewX(-6deg); } + 40% { -webkit-transform: skewX(5deg); } + 50% { -webkit-transform: skewX(-4deg); } + 60% { -webkit-transform: skewX(3deg); } + 70% { -webkit-transform: skewX(-2deg); } + 80% { -webkit-transform: skewX(1deg); } + 90% { -webkit-transform: skewX(0deg); } + 100% { -webkit-transform: skewX(0deg); } +} + +@-moz-keyframes wiggle { + 0% { -moz-transform: skewX(9deg); } + 10% { -moz-transform: skewX(-8deg); } + 20% { -moz-transform: skewX(7deg); } + 30% { -moz-transform: skewX(-6deg); } + 40% { -moz-transform: skewX(5deg); } + 50% { -moz-transform: skewX(-4deg); } + 60% { -moz-transform: skewX(3deg); } + 70% { -moz-transform: skewX(-2deg); } + 80% { -moz-transform: skewX(1deg); } + 90% { -moz-transform: skewX(0deg); } + 100% { -moz-transform: skewX(0deg); } +} + +@-o-keyframes wiggle { + 0% { -o-transform: skewX(9deg); } + 10% { -o-transform: skewX(-8deg); } + 20% { -o-transform: skewX(7deg); } + 30% { -o-transform: skewX(-6deg); } + 40% { -o-transform: skewX(5deg); } + 50% { -o-transform: skewX(-4deg); } + 60% { -o-transform: skewX(3deg); } + 70% { -o-transform: skewX(-2deg); } + 80% { -o-transform: skewX(1deg); } + 90% { -o-transform: skewX(0deg); } + 100% { -o-transform: skewX(0deg); } +} + +@keyframes wiggle { + 0% { transform: skewX(9deg); } + 10% { transform: skewX(-8deg); } + 20% { transform: skewX(7deg); } + 30% { transform: skewX(-6deg); } + 40% { transform: skewX(5deg); } + 50% { transform: skewX(-4deg); } + 60% { transform: skewX(3deg); } + 70% { transform: skewX(-2deg); } + 80% { transform: skewX(1deg); } + 90% { transform: skewX(0deg); } + 100% { transform: skewX(0deg); } +} + +.wiggle { + -webkit-animation-name: wiggle; + -moz-animation-name: wiggle; + -o-animation-name: wiggle; + animation-name: wiggle; + + -webkit-animation-timing-function: ease-in; + -moz-animation-timing-function: ease-in; + -o-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} + +.animated.wiggle { + -webkit-animation-duration: 0.75s; + -moz-animation-duration: 0.75s; + -o-animation-duration: 0.75s; + animation-duration: 0.75s; +} \ No newline at end of file diff --git a/website/static/css/lib/flexslider.css b/website/static/css/lib/flexslider.css new file mode 100755 index 0000000..3d1a85b --- /dev/null +++ b/website/static/css/lib/flexslider.css @@ -0,0 +1,76 @@ +/* + * jQuery FlexSlider v2.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: "."; 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; box-shadow: 0 1px 4px rgba(0,0,0,.2); -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); zoom: 1;} +.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-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 {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../../img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} +.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; } +.flex-direction-nav .flex-prev {left: -36px;} +.flexslider:hover .flex-next {opacity: 0.8; right: 5px;} +.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;} +.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;} +.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} + +/* Control Nav */ +.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} +.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} +.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} +.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } +.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,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: 0;} + .flex-direction-nav .flex-next {opacity: 1; right: 0;} +} \ No newline at end of file diff --git a/website/static/css/lib/isotope.css b/website/static/css/lib/isotope.css new file mode 100644 index 0000000..30d0f2e --- /dev/null +++ b/website/static/css/lib/isotope.css @@ -0,0 +1,62 @@ +/**** Isotope Filtering ****/ + +.isotope-item { + z-index: 2; +} + +.isotope-hidden.isotope-item { + pointer-events: none; + z-index: 1; +} + +/**** Isotope CSS3 transitions ****/ + +.isotope, +.isotope .isotope-item { + -webkit-transition-duration: 0.8s; + -moz-transition-duration: 0.8s; + -ms-transition-duration: 0.8s; + -o-transition-duration: 0.8s; + transition-duration: 0.8s; +} + +.isotope { + -webkit-transition-property: height, width; + -moz-transition-property: height, width; + -ms-transition-property: height, width; + -o-transition-property: height, width; + transition-property: height, width; +} + +.isotope .isotope-item { + -webkit-transition-property: -webkit-transform, opacity; + -moz-transition-property: -moz-transform, opacity; + -ms-transition-property: -ms-transform, opacity; + -o-transition-property: -o-transform, opacity; + transition-property: transform, opacity; +} + +/**** disabling Isotope CSS3 transitions ****/ + +.isotope.no-transition, +.isotope.no-transition .isotope-item, +.isotope .isotope-item.no-transition { + -webkit-transition-duration: 0s; + -moz-transition-duration: 0s; + -ms-transition-duration: 0s; + -o-transition-duration: 0s; + transition-duration: 0s; +} + +/* End: Recommended Isotope styles */ + + + +/* disable CSS transitions for containers with infinite scrolling*/ +.isotope.infinite-scrolling { + -webkit-transition: none; + -moz-transition: none; + -ms-transition: none; + -o-transition: none; + transition: none; +} \ No newline at end of file diff --git a/website/static/css/noty_theme_default.css b/website/static/css/noty_theme_default.css new file mode 100644 index 0000000..da94e8c --- /dev/null +++ b/website/static/css/noty_theme_default.css @@ -0,0 +1,240 @@ + +/* CORE STYLES*/ + + /* noty bar */ + .noty_bar.noty_theme_default { + background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAoCAYAAAAPOoFWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPZJREFUeNq81tsOgjAMANB2ov7/7ypaN7IlIwi9rGuT8QSc9EIDAsAznxvY4pXPKr05RUE5MEVB+TyWfCEl9LZApYopCmo9C4FKSMtYoI8Bwv79aQJU4l6hXXCZrQbokJEksxHo9KMOgc6w1atHXM8K9DVC7FQnJ0i8iK3QooGgbnyKgMDygBWyYFZoqx4qS27KqLZJjA1D0jK6QJcYEQEiWv9PGkTsbqxQ8oT+ZtZB6AkdsJnQDnMoHXHLGKOgDYuCWmYhEERCI5gaamW0bnHdA3k2ltlIN+2qKRyCND0bhqSYCyTB3CAOc4WusBEIpkeBuPgJMAAX8Hs1NfqHRgAAAABJRU5ErkJggg==') repeat-x scroll left top #fff; + } + + /* if you use noty with customContainer you can access noty with this way + * .noty_custom_container noty will add automaticly this class to your customContainer + * .noty_theme_default your theme + * .noty_layout_inline your layout + */ + + /* custom container */ + .noty_custom_container.noty_theme_default.noty_layout_inline { + position: relative; + } + + /* custom growl container */ + .noty_custom_container.noty_theme_default.noty_layout_inline .noty_cont.noty_layout_inline { + position: static; + } + /* custom noty bar */ + .noty_custom_container.noty_theme_default.noty_layout_inline .noty_bar { + border-width: 1px; + border-style: solid; + position: static; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + } + .noty_custom_container.noty_theme_default.noty_layout_inline .noty_bar .noty_message { + font-size: 13px; + padding: 4px; + } + .noty_custom_container.noty_theme_default.noty_layout_inline .noty_bar .noty_message .noty_buttons { + margin-top: -1px; + } + + /* noty_message */ + .noty_bar.noty_theme_default .noty_message { + padding: 8px 14px; + font-size: 16px; + font-weight: bold; + width: auto; + } + .noty_bar.noty_theme_default.noty_closable .noty_message { + padding: 8px 34px 8px 14px; + } + + /* noty_buttons */ + .noty_bar.noty_theme_default .noty_message .noty_buttons { + float: right; + font-size: 13px; + margin-top: -4px; + margin-left: 4px; + } + + /* noty_button */ + .noty_bar.noty_theme_default .noty_message .noty_buttons button { + margin-left: 5px; + } + + /* noty close button */ + .noty_bar.noty_theme_default .noty_close { + position: absolute; + top: 10px; + right: 10px; + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAORJREFUeNq0lU0OgjAQhRm5gUl3rLyBB3BDQjwI4TDcgmu4NqwNJGxdueqWA4zzCJoxtvxoeckLzbz2C5ShEDNHDiXis/gkPooPY/0uvomv4ov48bUSQGUSF+Ka51WPc0kzNGwvLnm9ynHtB5B+hGkoaWDB/6t4AZOFe7ZkTxMAc1dqreU0TbnrunetbVvOsmzIPMoBrFwJYGgCY8wAgjFGDZlHFYCNK9EAXPUYmUcNgL0v1dAFMKjfRSsVx/H0hC0eOfhLmWwbfTcYozbXNsEbO/int8nhEPz4CnbAUuhfwFOAAQAA48KKOuexjwAAAABJRU5ErkJggg=='); + width: 20px; + height: 20px; + } + + /* noty modal */ + .noty_modal.noty_theme_default { + opacity: 0.7; + } + +/* LAYOUTS */ + + /* noty_layout_top */ + .noty_bar.noty_theme_default.noty_layout_top { + border-bottom: 3px solid #eee; + } + + /* noty_layout_bottom */ + .noty_bar.noty_theme_default.noty_layout_bottom { + border-top: 3px solid #eee; + } + + .noty_bar.noty_theme_default.noty_layout_center .noty_close { + top: 8px; + } + + .noty_bar.noty_theme_default.noty_layout_center .noty_message .noty_buttons { + margin-top: -2px + } + + /* noty_layout_topLeft & noty_layout_topRight */ + .noty_bar.noty_theme_default.noty_layout_center, + .noty_bar.noty_theme_default.noty_layout_topLeft, + .noty_bar.noty_theme_default.noty_layout_topRight, + .noty_bar.noty_theme_default.noty_layout_bottomLeft, + .noty_bar.noty_theme_default.noty_layout_bottomRight { + border: 1px solid #eee; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + } + .noty_bar.noty_theme_default.noty_layout_center .noty_message, + .noty_bar.noty_theme_default.noty_layout_topLeft .noty_message, + .noty_bar.noty_theme_default.noty_layout_topRight .noty_message, + .noty_bar.noty_theme_default.noty_layout_bottomLeft .noty_message, + .noty_bar.noty_theme_default.noty_layout_bottomRight .noty_message { + font-size: 13px; + font-weight: normal; + } + .noty_bar.noty_theme_default.noty_layout_topLeft .noty_message .noty_buttons, + .noty_bar.noty_theme_default.noty_layout_topRight .noty_message .noty_buttons, + .noty_bar.noty_theme_default.noty_layout_bottomLeft .noty_message .noty_buttons, + .noty_bar.noty_theme_default.noty_layout_bottomRight .noty_message .noty_buttons { + float: none; + border-top: 1px solid #ccc; + margin-left: 0; + margin-top: 10px; + padding-top: 10px; + text-align: right; + } + + /* noty_layout_topCenter */ + .noty_bar.noty_theme_default.noty_layout_topCenter { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + } + .noty_bar.noty_theme_default.noty_layout_topCenter .noty_message { + font-weight: normal; + font-size: 13px; + } + .noty_bar.noty_theme_default.noty_layout_topCenter .noty_close { + top: 50%; + margin-top: -10px; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; + } + .noty_bar.noty_theme_default.noty_layout_topCenter.noty_success { + border: 1px solid #50C24E; + } + .noty_bar.noty_theme_default.noty_layout_topCenter .noty_message .noty_buttons { + margin-left: 15px; + margin-top: 0px + } + +/* NOTIFICATION TYPES */ + + /* noty_notification */ + .noty_bar.noty_theme_default.noty_notification { + background-color: #fff; + border-color: #ccc; + color: #555; + } + .noty_bar.noty_theme_default.noty_notification.noty_layout_topLeft .noty_message .noty_buttons, + .noty_bar.noty_theme_default.noty_notification.noty_layout_topRight .noty_message .noty_buttons, + .noty_bar.noty_theme_default.noty_notification.noty_layout_bottomLeft .noty_message .noty_buttons, + .noty_bar.noty_theme_default.noty_notification.noty_layout_bottomRight .noty_message .noty_buttons { + border-color: #ccc; + } + + /* noty_warning */ + .noty_bar.noty_theme_default.noty_warning { + background-color: #FFEAA8; + border-color: #FFC237; + color: #826200; + } + .noty_bar.noty_theme_default.noty_warning.noty_layout_topLeft .noty_message .noty_buttons, + .noty_bar.noty_theme_default.noty_warning.noty_layout_topRight .noty_message .noty_buttons, + .noty_bar.noty_theme_default.noty_warning.noty_layout_bottomLeft .noty_message .noty_buttons, + .noty_bar.noty_theme_default.noty_warning.noty_layout_bottomRight .noty_message .noty_buttons { + border-color: #FFC237; + } + + /* noty_alert */ + .noty_bar.noty_theme_default.noty_alert { + background-color: #fff; + border-color: #ccc; + } + .noty_bar.noty_theme_default.noty_alert.noty_layout_topLeft .noty_message .noty_buttons, + .noty_bar.noty_theme_default.noty_alert.noty_layout_topRight .noty_message .noty_buttons, + .noty_bar.noty_theme_default.noty_alert.noty_layout_bottomLeft .noty_message .noty_buttons, + .noty_bar.noty_theme_default.noty_alert.noty_layout_bottomRight .noty_message .noty_buttons { + border-color: #ccc; + } + + /* noty_error */ + .noty_bar.noty_theme_default.noty_error { + background-color: red; + color: #fff; + border-color: darkred; + } + .noty_bar.noty_theme_default.noty_error .noty_message { + font-weight: bold; + } + .noty_bar.noty_theme_default.noty_error.noty_layout_topLeft .noty_message .noty_buttons, + .noty_bar.noty_theme_default.noty_error.noty_layout_topRight .noty_message .noty_buttons, + .noty_bar.noty_theme_default.noty_error.noty_layout_bottomLeft .noty_message .noty_buttons, + .noty_bar.noty_theme_default.noty_error.noty_layout_bottomRight .noty_message .noty_buttons { + border-color: darkred; + } + + /* noty_success */ + .noty_bar.noty_theme_default.noty_success { + background-color: lightgreen; + color: darkgreen; + border-color: #50C24E; + } + .noty_bar.noty_theme_default.noty_success.noty_layout_topLeft .noty_message .noty_buttons, + .noty_bar.noty_theme_default.noty_success.noty_layout_topRight .noty_message .noty_buttons, + .noty_bar.noty_theme_default.noty_success.noty_layout_bottomLeft .noty_message .noty_buttons, + .noty_bar.noty_theme_default.noty_success.noty_layout_bottomRight .noty_message .noty_buttons { + border-color: #50C24E; + } + + /* noty_information */ + .noty_bar.noty_theme_default.noty_information { + background-color: #57B7E2; + border-color: #0B90C4; + color: #fff; + } + .noty_bar.noty_theme_default.noty_information.noty_layout_topLeft .noty_message .noty_buttons, + .noty_bar.noty_theme_default.noty_information.noty_layout_topRight .noty_message .noty_buttons, + .noty_bar.noty_theme_default.noty_information.noty_layout_bottomLeft .noty_message .noty_buttons, + .noty_bar.noty_theme_default.noty_information.noty_layout_bottomRight .noty_message .noty_buttons { + border-color: #0B90C4; + } + \ No newline at end of file diff --git a/website/static/css/portfolio-item.css b/website/static/css/portfolio-item.css new file mode 100644 index 0000000..a165e8b --- /dev/null +++ b/website/static/css/portfolio-item.css @@ -0,0 +1,110 @@ +#portfolio_tem{ + margin-top: 70px; +} +#portfolio_tem .left_box{ + margin-left: 0; +} +#portfolio_tem .left_box .big{ + margin-bottom: 40px; + position: relative; + height: 431px; +} +#portfolio_tem .left_box .big img{ + position: absolute; + border-radius: 5px; +} +#portfolio_tem .thumbs .thumb{ + float: left; + position: relative; + margin-right: 30px; + cursor: pointer; + margin-bottom: 10px; +} +#portfolio_tem .thumbs .thumb.last{ + margin: 0; +} +#portfolio_tem .thumbs .thumb:hover .mask { + display: block; + opacity: 1; + filter: alpha(opacity = 100); +} +#portfolio_tem .thumbs .thumb .mask { + position: absolute; + opacity: 0; + filter: alpha(opacity = 0); + box-shadow: 0px 1px 6px 2px #b1b1b1; + top: 0px; + left: 0px; + border-radius: 5px; + height: 100%; + width: 100%; + background: rgba(17, 137, 217, 0.5); + -webkit-transition: opacity .25s ease-in-out; + -moz-transition: opacity .25s ease-in-out; + transition: opacity .25s ease-in-out; +} +#portfolio_tem .thumbs .thumb .mask .more { + color: #fff; + font-size: 30px; + font-weight: bold; + position: absolute; + bottom: 40%; + left: 43%; +} +#portfolio_tem .right_box{ + float: right; + margin-top: 14px; +} +#portfolio_tem .right_box h2{ + font-size: 28px; + line-height: 27px; + margin: 0 0 25px 0; +} +#portfolio_tem .right_box p{ + font-size: 14px; + line-height: 24px; + margin-bottom: 18px; + color: #3F3F3F; +} + +/* Responsive +-------------------------------------------------- */ + +/* Large desktop */ +@media (min-width: 1200px) { + +} +@media (min-width: 980px) { + +} +@media (max-width: 979px) { + +} +/* Portrait tablet to landscape and desktop */ +@media (min-width: 768px) and (max-width: 979px) { + #portfolio_tem .left_box .big{ + height: 372px; + } +} +/* Landscape phone to portrait tablet */ +@media (max-width: 767px) { + #portfolio_tem .left_box{ + margin-bottom: 50px; + } + #portfolio_tem .left_box .thumbs{ + overflow: hidden; + } +} +/* Landscape phones and down */ +@media (max-width: 480px) { + #portfolio_tem .left_box .big { + max-height: 350px; + } + #portfolio_tem .left_box .big img { + margin-bottom: 10px; + max-height: 350px; + } + #portfolio_tem .thumbs .thumb{ + margin-right: 5px; + } +} diff --git a/website/static/css/portfolio.css b/website/static/css/portfolio.css new file mode 100644 index 0000000..83c238d --- /dev/null +++ b/website/static/css/portfolio.css @@ -0,0 +1,124 @@ +#portfolio { + margin-top: 60px; +} +#portfolio #filters { + list-style-type: none; + height: 30px; + margin-bottom: 40px; + text-align: center; + margin-top: -20px; +} +#portfolio #filters li { + display: inline-block; + font-size: 20px; + margin: 0px 6px; +} +#portfolio #filters li.separator { + color: #c0c0c0; + font-weight: lighter; +} +#portfolio #filters li a { + color: #3f3f3f; + font-style: italic; + -webkit-transition: color .2s; + -moz-transition: color .2s; + -ms-transition: color .2s; + transition: color .2s; +} +#portfolio #filters li a:hover, +#portfolio #filters li a.active { + color: #1189d9; +} +#portfolio #gallery_container { + margin-bottom: 50px; +} +#portfolio #gallery_container .photo { + width: 285px; + margin: 5px; + float: left; + position: relative; +} +#portfolio #gallery_container .photo:hover .mask { + display: block; + opacity: 1; + filter: alpha(opacity = 100); +} + +#portfolio #gallery_container .photo img { } + +#portfolio #gallery_container .photo .mask { + position: absolute; + opacity: 0; + filter: alpha(opacity = 0); + box-shadow: 0px 1px 6px 2px #b1b1b1; + top: 0px; + left: 0px; + border-radius: 5px; + height: 100%; + padding: 0px 20px; + width: 245px; + background: rgba(17, 137, 217, 0.5); + -webkit-transition: opacity .25s ease-in-out; + -moz-transition: opacity .25s ease-in-out; + transition: opacity .25s ease-in-out; +} +#portfolio #gallery_container .photo .mask h3 { + color: #fff; + font-size: 22px; + position: relative; + top: 39%; +} +#portfolio #gallery_container .photo .mask small { + color: rgb(240, 240, 240); + font-size: 15px; + font-style: italic; + position: relative; + top: 35%; + display: block; +} +#portfolio #gallery_container .photo .mask .more { + color: #fff; + font-size: 30px; + font-weight: bold; + position: absolute; + bottom: 7%; + left: 47%; +} + +/* Responsive +-------------------------------------------------- */ + +/* Large desktop */ +@media (min-width: 1200px) { + +} +@media (min-width: 980px) { + +} +@media (max-width: 979px) { + +} +/* Portrait tablet to landscape and desktop */ +@media (min-width: 768px) and (max-width: 979px) { + +} +/* Landscape phone to portrait tablet */ +@media (max-width: 767px) { + +} +/* Landscape phones and down */ +@media (max-width: 480px) { + #portfolio #filters li{ + margin: 0px 4px; + } + #portfolio #filters li a{ + font-size: 18px; + } + #portfolio #gallery_container .photo{ + margin-left: 35px; + } + #portfolio #gallery_container .photo img{ + left: 10%; + } +} + diff --git a/website/static/css/pricing.css b/website/static/css/pricing.css new file mode 100644 index 0000000..fbaf8d3 --- /dev/null +++ b/website/static/css/pricing.css @@ -0,0 +1,285 @@ +/*Pricing Option 1*/ +#in_pricing{ + margin-bottom: 100px; + margin-top: 70px; +} +#in_pricing .head{ + text-align: center; + margin-bottom: 70px; +} +#in_pricing .head h3{ + font-size: 35px; + font-style: italic; + font-weight: normal; + margin: 0 0 20px 0; + color: #252528; +} +#in_pricing .head h6{ + font-size: 18px; + margin: 0; + color: #8E8E8F; + font-weight: normal; +} +#in_pricing .charts_wrapp, +#in_pricing2 .charts_wrapp{ + margin-left: -20px; + margin-bottom: 40px; +} +#in_pricing .charts_wrapp .plan, +#in_pricing2 .charts_wrapp .plan{ + border-radius: 6px; + box-shadow: 2px 2px 2px -1px rgb(214, 214, 214); + background-color: #fff; + width: 95%; + position: relative; +} +#in_pricing .plan .wrapper, +#in_pricing2 .plan .wrapper{ + padding: 33px 30px 26px 30px; +} +#in_pricing .plan h3, +#in_pricing2 .plan h3 { + color: rgb(83, 83, 83); + font-weight: normal; + font-style: italic; + font-size: 28px; + margin: 0 0 5px 0; + line-height: 25px; +} +#in_pricing .plan .price, +#in_pricing2 .plan .price { + font-size: 17px; + color: #1189D9; + margin-top: 16px; +} +#in_pricing .plan .price span.dollar, +#in_pricing2 .plan .price span.dollar { + font-size: 32px; + position: relative; + top: -6px; + margin-right: 3px; +} +#in_pricing .plan .price span.qty, +#in_pricing2 .plan .price span.qty { + font-size: 47px; + margin-right:4px; + position: relative; + top: 2px; +} +#in_pricing .plan .price span.month{ + font-style: italic; + font-weight: 300; + font-size: 15px; +} +#in_pricing .plan .features, +#in_pricing2 .plan .features { + margin-top: 30px; +} +#in_pricing .plan .features p, +#in_pricing2 .plan .features p { + color: #838385; + margin-bottom: 5px; + font-size: 14px; +} +#in_pricing .plan a.order, +#in_pricing2 .plan a.order { + background-color: #2190DB; + text-align: center; + margin: 25px auto 0; + width: 48%; + display: block; + padding: 3px 0; + color: #fff; + font-size: 13px; + font-weight: bold; + border-radius: 5px; + -webkit-transition: all .2s linear; + -moz-transition: all .2s linear; +} +#in_pricing .plan a.order:hover, +#in_pricing2 .plan a.order:hover{ + background: #252528; +} +#in_pricing .pro .plan{ + width: 100%; + top: -20px; + box-shadow: 0px 0px 7px -1px rgb(214, 214, 214); + border: 1px solid #d9d9d9; +} +#in_pricing .pro .plan .wrapper{ + padding:36px 30px 35px 30px; +} +#in_pricing .pro .plan img.ribbon{ + position: absolute; + top: 0; + right: 0; +} +#in_pricing .pro .plan a.order{ + margin-top: 35px; +} +#in_pricing .standar .plan{ + float: right; +} +#in_pricing .start{ + width: 100%; + text-align: center; +} +#in_pricing .start p{ + font-size: 24px; + display: inline-block; + color: #5B5B5D; + font-style: italic; + line-height: 26px; + margin: 0 18px 0 0; +} +#in_pricing .start a{ + text-transform: uppercase; + color: #fff; + font-weight: bold; + border-radius: 4px; + padding: 7px 17px; + font-size: 17px; + background: #252528; + -webkit-transition: all .2s linear; + -moz-transition: all .2s linear; +} +#in_pricing .start a:hover{ + background: #2190DB; +} +/*Frequent Questions*/ +#faq{ + margin-bottom: 50px; +} +#faq .block .box{ + margin-bottom: 50px; +} +#faq .block .box p.title{ + font-size: 20px; + margin-bottom: 10px; + font-style: italic; +} +#faq .block .box p.answ{ + font-size: 14px; + line-height: 22px; +} +#faq .right{ + float: right; +} +/* Pricing Option 2 */ +#in_pricing2{ + margin-bottom: 40px; +} +#in_pricing2 .section_header h3 span{ + font-size: 18px; + line-height: 20px; +} +#in_pricing2 .charts_wrapp .plan{ + width: 100%; +} +#in_pricing2 .plan a.order{ + width: 66%; +} +#in_pricing2 .plan .price span.month{ + font-weight: bold; + font-size: 17px; +} +#in_pricing2 .ultra .plan{ + top: -13px; + box-shadow: 0px 0px 7px -1px rgb(214, 214, 214); + border: 1px solid #d9d9d9; +} +#in_pricing2 .ultra .plan .wrapper img.ribbon{ + position: absolute; + right: 0; + top: 0; +} +#in_pricing2 .black .plan{ + background: #252528; + box-shadow: none; +} +#in_pricing2 .black .plan .wrapper{ + padding: 38px 30px 31px 30px; +} +#in_pricing2 .black .plan h3{ + color: #fff; +} +#in_pricing2 .black .plan h6{ + color: #fff; + font-size: 20px; + font-weight: normal; + font-style: italic; +} +#in_pricing2 .black .plan p{ + font-size: 16px; + color: rgb(173, 173, 173); + margin: 20px 0 38px; + line-height: 23px; +} +#in_pricing2 .black a.order{ + background: #535356; + color: #fff; + width: 87%; + padding: 6px 0; +} +#in_pricing2 .black a.order:hover{ + background: #2190DB; +} + +/* Responsive +-------------------------------------------------- */ + +/* Large desktop */ +@media (min-width: 1200px) { +} +@media (min-width: 980px) { +} +@media (max-width: 979px) { +} +/* Portrait tablet to landscape and desktop */ +@media (min-width: 768px) and (max-width: 979px) { + #in_pricing .plan a.order, #in_pricing2 .plan a.order{ + width: 64%; + } +} +/* Landscape phone to portrait tablet */ +@media (max-width: 767px) { + #in_pricing .charts_wrapp, #in_pricing2 .charts_wrapp{ + margin-left: 0; + } + #in_pricing .charts_wrapp .plan, #in_pricing2 .charts_wrapp .plan{ + margin: 0 auto 30px; + width: 95%; + } + #in_pricing .plan .wrapper, + #in_pricing2 .plan .wrapper{ + margin: 0 auto; + text-align: center; + } + #in_pricing .pro .plan{ + top: 0; + width:95%; + } + #in_pricing .standar .plan{ + float: none; + } + #in_pricing .start p{ + margin-bottom: 20px; + } + #in_pricing .start a{ + display: block; + width: 50%; + margin: 0 auto; + } + #in_pricing2 .ultra .plan{ + top: 0; + } +} +/* Landscape phones and down */ +@media (max-width: 480px) { + +} + + + + + diff --git a/website/static/css/reset.css b/website/static/css/reset.css new file mode 100644 index 0000000..9ce98ef --- /dev/null +++ b/website/static/css/reset.css @@ -0,0 +1,100 @@ +.reset_page .box_wrapper p.already{ + text-align: center; + font-style: 15px; + color: #454B52; +} +.reset_page .box_wrapper p.already a{ + color: #454B52; + margin-left: 3px; +} +.reset_page .box{ + background-color: white; + border-radius: 6px; + float: none; + margin: 60px auto 0; + padding-bottom: 26px; + width: 38%; + margin-bottom: 25px; + box-shadow: 2px 2px 3px 0px #DEDDDD; +} +.reset_page .box .head{ + background-color: #faf9f9; + border-radius: 4px 4px 1px 0; + display: inline-block; + margin-bottom: 37px; + padding: 25px 0 25px; + text-align: center; + width: 100%; + box-shadow: inset 2px 2px 3px 0px white; +} +.reset_page .box .head h4{ + color: #333; + font-size: 16px; + margin: 0px; + text-shadow: 1px 1px 1px white; +} +.reset_page .box .head .line { + height: 3px; + border-top: 1px solid #ebebeb; + border-bottom: 1px solid #ebebeb; + position: relative; + top: 30px; +} +.reset_page .box .form{ + margin: 0 auto; + text-align: center; + width: 83%; +} +.reset_page .box .form input[type="text"]{ + border-color: #DBDBDB #EAEAEA #EAEAEA #DBDBDB; + border-left: 1px solid #DBDBDB; + border-style: solid; + border-width: 1px; + font-size: 16px; + height: 30px; + margin-bottom: 35px; + width: 95%; +} +.reset_page .box .form input[type="submit"]{ + border-color: #CCCCCC; + border-radius: 7px 7px 7px 7px; + color: #394350; + font-size: 15px; + font-weight: bold; + padding: 5px 18px; +} +.reset_page form{ + margin: 0px; +} +.reset_page .already a { + text-decoration: underline; +} +/* Portrait tablet to landscape and desktop */ +@media (min-width: 768px) and (max-width: 979px) { + .reset_page .box{ + width: 54%; + } +} +@media (max-width: 979px) { + .reset_page .box{ + width: 48%; + } +} +@media (min-width: 980px) { + .reset_page .box{ + width: 40%; + } +} +@media (max-width: 480px) { + .reset_page .box{ + width: 100%; + } +} + + + + + + + + diff --git a/website/static/css/services.css b/website/static/css/services.css new file mode 100644 index 0000000..078b57d --- /dev/null +++ b/website/static/css/services.css @@ -0,0 +1,265 @@ +/*Service Option 1*/ +#service_1{ + margin-top: 70px; + margin-bottom: 115px; +} +#service_1 .section_header h3 span, +#service_2 .section_header h3 span{ + font-size: 18px; + line-height: 20px; +} +#service_1 .service_wrapper .feature{ + margin-right: 0px; +} +#service_1 .service_wrapper .last{ + margin-right: 0; +} +#service_1 .service_wrapper .feature .text{ + margin: 23px auto 0; + width: 92%; +} +#service_1 .service_wrapper .feature .text h6{ + color: #3F3F3F; + margin: 0 0 14px 0; + font-size: 20px; +} +#service_1 .service_wrapper .feature .text p{ + margin: 0; + font-size: 14px; + line-height: 22px; +} +#service_1 .service_wrapper .feature .img_box{ + position: relative; + border-radius: 5px; +} +#service_1 .service_wrapper .feature .img_box img { + border-radius: 6px; + position: relative; +} +#service_1 .service_wrapper .feature .img_box span.circle{ + background: rgba(17, 137, 217, 0.8); + width: 48px; + height: 48px; + display: none; + text-align: center; + position: absolute; + top: 37%; + left: 43%; + border-radius: 100%; +} +#service_1 .service_wrapper .feature .img_box span.circle span.plus{ + display: inline-block; + margin-top: 13px; + font-weight: bold; + color: white; + font-size: 32px; +} +#service_1 .service_wrapper .feature:hover span.circle{ + display: block; +} +#service_1 .service_wrapper .feature:hover .img_box{ + box-shadow: 0px 0px 1px 100px black inset; +} +#service_1 .service_wrapper .feature:hover img{ + box-shadow: 1px 1px 6px 0px #888; + border-radius: 5px; + opacity: 0.9; + filter:alpha(opacity=90); +} + +/*Service Option 2*/ +#service_2{ + margin: 40px 0 115px; +} +#service_2 .perk{ + margin-bottom: 82px; + margin-left: 0; +} +#service_2 .circle{ + background: #1189D9; + text-align: center; + border-radius: 100%; + margin: 14px 0 0 0; + width: 136px; + height: 136px; + box-shadow: 1px 1px 2px 0px #E0E0E0; +} +#service_2 .circle img{ + margin-top: 42px; +} +#service_2 .circle1 img{ + margin-top:49px; +} +#service_2 .description_wrapper{ + float: right; +} +#service_2 .description_wrapper h5{ + font-size: 20px; + margin: 5px 0 10px 0; +} +#service_2 .description_wrapper p{ + font-size: 14px; + line-height: 24px; + color: #3F3F3F; + margin-bottom: 0; +} +#service_2 .last{ + margin-bottom: 0; +} + +/*Service Option 3*/ +#process{ + min-height: 350px; +} +#process .section_header h3{ + margin:0; +} +#process .description{ + position: relative; +} +#process .description .text{ + position: absolute; + display: none; +} +#process .description .text.active { + display: block; +} +#process .description h4{ + font-size: 32px; + line-height: 35px; + font-weight: normal; + margin-bottom: 20px; +} +#process .description p{ + font-size: 15px; + color: #3F3F3F; + line-height: 26px; +} +#process .areas{ + margin-left: 0; + float: right; +} +#process .areas .circle{ + height: 210px; + cursor: pointer; + float: left; + margin-right: -45px; + text-align: center; + width: 210px; + background: rgba(37, 37, 40, 0.9); + border-radius: 100%; + -webkit-transition: all .3s; + -moz-transition: all .3s; + -ms-transition: all .3s; + transition: all .3s; +} +#process .areas .first{ + margin-left: 0; +} +#process .areas .circle img{ + margin-top: 56px; +} +#process .areas .circle span{ + font-weight: 700; + font-size: 22px; + color: #fff; + display: block; + margin-top: 21px; +} +#process .areas .circle:hover, +#process .areas .circle.active { + background: rgba(17, 137, 217, 1); +} + +/* Responsive +-------------------------------------------------- */ + +/* Large desktop */ +@media (min-width: 1200px) { +} +@media (min-width: 980px) { +} +@media (max-width: 979px) { +} +/* Portrait tablet to landscape and desktop */ +@media (min-width: 768px) and (max-width: 979px) { + #service_2 .description_wrapper{ + width: 77%; + } + #process .areas{ + text-align: center; + } + #team .people .bio_box .info{ + margin: 0; + float: none; + } + #process .areas .last_circle{ + float: none; + display: inline-block; + margin-left: -75px; + margin-top: -54px; + } +} +/* Landscape phone to portrait tablet */ +@media (max-width: 767px) { + #service_1 .service_wrapper .feature .img_box{ + text-align: center; + } + #service_1 .service_wrapper .feature:hover .img_box{ + box-shadow: none; + } + #service_1 .service_wrapper .feature{ + text-align: center; + margin-bottom: 60px; + } + #service_2 .perk{ + text-align: center; + margin-bottom: 70px; + } + #service_2 .circle{ + float: none; + margin-bottom: 20px; + display: inline-block; + } + #service_2 .description_wrapper h5{ + margin-bottom: 15px; + } + #process .areas{ + margin-top: 193px; + margin-bottom: 0px; + text-align: center; + } + #process .areas .circle{ + float: none; + display: inline-block; + margin: 0; + } + #process .areas .last_circle{ + margin-top: -23px; + } +} +/* Landscape phones and down */ +@media (max-width: 480px) { + #service_1 .service_wrapper .feature .img_box{ + width: 100%; + } + #service_1 .service_wrapper .feature .text p{ + text-align: left; + } + #process .areas{ + margin-top: 250px; + } + #process .areas .circle{ + width: 100px; + height: 100px; + } + #process .areas .last_circle{ + margin-top: 0; + } + #process .areas .circle img{ + margin-top: 22px; + } + #process .areas .circle span{ + display: none; + } +} diff --git a/website/static/css/sign-in.css b/website/static/css/sign-in.css new file mode 100644 index 0000000..08210e5 --- /dev/null +++ b/website/static/css/sign-in.css @@ -0,0 +1,301 @@ +/* Sign In Option 1 */ +#sign_in{ + background: url("../img/backgrounds/beige.jpg") no-repeat; + display: block; + height: 450px; + margin-top: -35px; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; +} +#sign_in .header{ + text-align: center; + margin: 0; + color: rgb(51,51,51); + margin-top: 85px; + padding-left: 20px; +} +#sign_in .header h4{ + font-size: 38px; + margin-top: 0; + margin-bottom: 25px; + line-height: 38px; + font-weight: 500; + color: rgb(51,51,51); + text-shadow: 1px 1px 0px #143C4E; +} +#sign_in .header p{ + font-style: italic; + font-size: 17px; + margin: 0 0 40px 0; +} +#sign_in .header .social{ + margin: 0 auto 28px; + float: none; + text-align: center; +} +#sign_in .header .social a.circle{ + text-align: center; + width: 56px; + height: 56px; + border-radius: 100%; + margin-right: 25px; + display: inline-block; + -webkit-transition: border-color ease-in .1s; + -moz-transition: border-color ease-in .1s; + -o-transition: border-color ease-in .1s; + transition: border-color ease-in .1s; +} +#sign_in .header .social a.circle img{ + display: inline-block; + margin-top: 15px; +} +#sign_in .header .social a.facebook{ + border:2px solid #233678; + background: #233678; +} +#sign_in .header .social a.twitter{ + border:2px solid #54AEE1; + background: #54AEE1; +} +#sign_in .header .social a.gplus{ + border:2px solid #292929; + background: #292929; + margin: 0; +} +#sign_in .header .social a.circle:hover{ + border-color: rgb(255, 255, 255); +} +#sign_in .division{ + margin: 0 auto 50px; + float: none; + left: -6px; + overflow: hidden; + position: relative; + text-align: center; +} +#sign_in .division .line{ + border-top: 1px solid rgb(104, 167, 196); + width: 34%; + top: 10px; + position: absolute; +} +#sign_in .division .l{ + left: 0; +} +#sign_in .division .r{ + right: 0; +} +#sign_in .division span{ + color: #fff; + font-size: 17px; +} +#sign_in .proof{ + display: block; + overflow: hidden; + margin: 0 auto; + width: 78%; + float: none; +} +#sign_in .footer{ + text-align: center; + margin-left: 0; +} +#sign_in .footer form{ + margin: 0 0 46px 0; +} +#sign_in .footer input[type="text"], +#sign_in .footer input[type="password"] { + border-radius: 3px; + font-size: 16px; + height: 25px; + margin: 0 10px 0px 0; + color: black; + width: 31%; +} +#sign_in .footer input[type="submit"]{ + text-transform: uppercase; + color: #fff; + background: #a60303; + font-size: 15px; + padding: 8px 18px; + border: 0 none; + border-radius: 3px; + -webkit-transition: background linear .2s, box-shadow linear .2s; + -moz-transition: background linear .2s, box-shadow linear .2s; + -o-transition: background linear .2s, box-shadow linear .2s; + transition: background linear .2s, box-shadow linear .2s; +} +#sign_in .footer input[type="submit"]:hover{ + background: #da0404; +} +#sign_in .remember{ + margin: 0; +} +#sign_in .remember label.checkbox{ + float: left; + width: 30%; + font-size: 14px; +} +#sign_in .remember a{ + color: #fff; + font-size: 14px; + border-bottom: 1px solid white; + font-weight: bold; + -webkit-transition: all .2s; + -moz-transition: all .2s; + -ms-transition: all .2s; + transition: all .2s; +} +#sign_in .dosnt{ + text-align: center; + + float: right; + font-size: 14px; + margin: 0 18px 0 0; +} +#sign_in .dosnt span{ + margin-right: 8px; +} +#sign_in .dosnt a{ + -webkit-transition: all .2s; + -moz-transition: all .2s; + -ms-transition: all .2s; + transition: all .2s; + color: rgb(51,51,51); +} +#sign_in .dosnt a:hover, +#sign_in .remember a:hover{ + color:#252528; + border-color: #252528; +} + + + +#sign_in input[type="text"]:focus, +#sign_in input[type="password"]:focus, +#sign_in .uneditable-input:focus { + border-color: rgba(166, 4, 4, 0.65); + outline: 0; + outline: thin dotted \9; +} + + + + + +/* Responsive +-------------------------------------------------- */ + +/* Large desktop */ +@media (min-width: 1200px) { + +} +@media (min-width: 980px) { + +} +@media (max-width: 979px) { + +} +/* Portrait tablet to landscape and desktop */ +@media (min-width: 768px) and (max-width: 979px) { + #sign_in .header .social{ + width: 35%; + } + #sign_in .footer input[type="text"], + #sign_in .footer input[type="password"]{ + width: 25%; + } + #sign_in .remember{ + width: 60%; + } + #sign_in .dosnt{ + width: auto; + } + #sign_in2 .left_box .perk_box .perk .icos{ + height: 66px; + } + #sign_in2 .signin_box .box .social a.circle{ + margin-right: 10px; + } +} +/* Landscape phone to portrait tablet */ +@media (max-width: 767px) { + #sign_in{ + background: none; + height: auto; + } + #sign_in .header h4{ + color: rgb(51,51,51); + line-height: 35px; + text-shadow:none; + } + #sign_in .header p{ + line-height: 24px; + } + #sign_in .header p, + #sign_in .division span{ + color: #333; + } + #sign_in .division .line{ + border-color: #333; + } + #sign_in .footer input[type="text"], + #sign_in .footer input[type="password"]{ + font-size: 13px; + width: 97%; + margin-bottom: 12px; + } + #sign_in .footer input[type="submit"]{ + margin: 10px auto 0; + display: block; + } + #sign_in .proof{ + width: 100%; + } + #sign_in .remember{ + width: 60%; + overflow: hidden; + margin: 0 0 12px 0; + } + #sign_in .remember a{ + color: #333; + float: left; + border-color: #333; + } + #sign_in .remember label.checkbox{ + margin-right: 15px; + color: #333; + margin-bottom: 0; + width: 100px; + } + #sign_in .dosnt{ + float: left; + margin: 0 0 0 22px; + } + #sign_in .dosnt span{ + margin-left: 0; + margin-right: 20px; + } + #sign_in .dosnt span, + #sign_in .dosnt a{ + color: #333; + border-color: #333; + float: left; + } + #sign_in .dosnt a{ + float: left; + } + #sign_in .dosnt a:hover{ + color: #187CCC; + border-color: #187CCC; + } + +} +/* Landscape phones and down */ +@media (max-width: 480px) { + #sign_in .remember{ + width: 100%; + } +} diff --git a/website/static/css/sign-up.css b/website/static/css/sign-up.css new file mode 100644 index 0000000..1f92f62 --- /dev/null +++ b/website/static/css/sign-up.css @@ -0,0 +1,462 @@ +/* Sign Up Option 1 */ +#sign_up1{ + background: url("../img/backgrounds/ocean.jpg") no-repeat; + display: block; + height: 540px; + margin-bottom: 90px; + margin-top: -35px; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; +} +#sign_up1 .header{ + text-align: center; + margin: 0; + color: #fff; + margin-top: 85px; + padding-left: 20px; +} +#sign_up1 .header h4{ + font-size: 38px; + margin-top: 0; + margin-bottom: 25px; + line-height: 38px; + font-weight: 300; + text-shadow: 1px 1px 0px #143C4E; +} +#sign_up1 .header p{ + font-style: italic; + font-size: 17px; + margin: 0 0 40px 0; +} +#sign_up1 .header .social{ + margin: 0 auto 28px; + float: none; + text-align: center; +} +#sign_up1 .header .social a.circle{ + text-align: center; + width: 56px; + height: 56px; + border-radius: 100%; + margin-right: 25px; + display: inline-block; + -webkit-transition: border-color ease-in .1s; + -moz-transition: border-color ease-in .1s; + -o-transition: border-color ease-in .1s; + transition: border-color ease-in .1s; +} +#sign_up1 .header .social a.circle img{ + display: inline-block; + margin-top: 15px; +} +#sign_up1 .header .social a.facebook{ + border:2px solid #233678; + background: #233678; +} +#sign_up1 .header .social a.twitter{ + border:2px solid #54AEE1; + background: #54AEE1; +} +#sign_up1 .header .social a.gplus{ + border:2px solid #292929; + background: #292929; + margin: 0; +} +#sign_up1 .header .social a.circle:hover{ + border-color: rgb(255, 255, 255); +} +#sign_up1 .division{ + margin: 0 auto 50px; + float: none; + left: -6px; + overflow: hidden; + position: relative; + text-align: center; +} +#sign_up1 .division .line{ + border-top: 1px solid rgb(104, 167, 196); + width: 34%; + top: 10px; + position: absolute; +} +#sign_up1 .division .l{ + left: 0; +} +#sign_up1 .division .r{ + right: 0; +} +#sign_up1 .division span{ + color: #fff; + font-size: 17px; +} +#sign_up1 .footer form{ + margin: 0 0 46px 0; +} +#sign_up1 .footer input[type="text"], +#sign_up1 .footer input[type="password"] { + border-radius: 3px; + font-size: 16px; + height: 25px; + margin: 0 10px 0px 0; + color: black; + width: 27%; +} +#sign_up1 .footer input[type="submit"]{ + text-transform: uppercase; + color: #fff; + background: #187CCC; + font-size: 15px; + padding: 8px 18px; + border: 0 none; + border-radius: 3px; + -webkit-transition: background linear .2s, box-shadow linear .2s; + -moz-transition: background linear .2s, box-shadow linear .2s; + -o-transition: background linear .2s, box-shadow linear .2s; + transition: background linear .2s, box-shadow linear .2s; +} +#sign_up1 .footer input[type="submit"]:hover{ + background: #252528; +} +#sign_up1 .remember label.checkbox{ + float: left; + font-weight: bold; + width: 30%; + font-size: 14px; + color: #fff; +} +#sign_up1 .remember a{ + color: #fff; + font-size: 14px; + border-bottom: 1px solid white; + font-weight: bold; +} +#sign_up1 .dosnt{ + text-align: center; + color: #fff; + font-size: 14px; +} +#sign_up1 .dosnt span{ + margin-right: 8px; +} +#sign_up1 .dosnt a{ + color: #fff; + border-bottom: 1px solid white; +} +#sign_up1 .dosnt a:hover, +#sign_up1 .remember a:hover{ + color:#252528; + border-color: #252528; + -webkit-transition: all .2s; + -moz-transition: all .2s; + -ms-transition: all .2s; + transition: all .2s; +} + +/* Sign Up Option 2 */ +#sign_up2 .section_header{ + margin-bottom: 50px; +} +#sign_up2 .section_header h3{ + margin: 0; +} +#sign_up2 .section_header h3 span{ + font-size: 18px; + line-height: 20px; +} +#sign_up2 .left_box{ + color: #252527; +} +#sign_up2 .left_box h4{ + margin: 20px 0 40px 0; + line-height: 43px; + font-size: 40px; + font-weight: 300; +} +#sign_up2 .left_box .perk_box{ + float: left; + width: 100%; +} +#sign_up2 .left_box .perk_box .perk{ + width: 100%; + color: #727276; + margin-bottom: 31px; +} +#sign_up2 .left_box .perk_box .perk .icos{ + float: left; + margin-right: 16px; + width: 28px; + height: 46px; +} +#sign_up2 .left_box .perk_box .perk .ico1{ + background-position: 4px 6px; +} +#sign_up2 .left_box .perk_box .perk .ico2{ + background-position: -35px 14px; +} +#sign_up2 .left_box .perk_box .perk .ico3{ + background-position: -69px 7px; +} +#sign_up2 .left_box .perk_box .perk p{ + font-size: 15px; +} +#sign_up2 .left_box .perk_box .perk p strong{ + color: #333; +} +#sign_up2 a.btn_sign{ + text-transform: uppercase; + color: #FDFDFD; + font-size: 15px; + border-radius: 4px; + background: #333333; + font-weight: bold; + text-align: center; + margin: 0 auto; + width: 25%; + display: block; + padding: 6px 0 6px; + -webkit-transition: background linear .2s, box-shadow linear .2s; + -moz-transition: background linear .2s, box-shadow linear .2s; + -o-transition: background linear .2s, box-shadow linear .2s; + transition: background linear .2s, box-shadow linear .2s; +} +#sign_up2 a.btn_sign:hover{ + background: #252528; +} +#sign_up2 .icos{ + background: url('../img/signin_icos.png') no-repeat; + width: 96px; + height: 30px; +} +#sign_up2 .signin_box{ + float: right; +} +#sign_up2 .signin_box .box{ + float: right; + box-shadow: 0 0 5px 0 rgb(238, 238, 238); + background: white; + border:1px solid #DFDFDF; + border-radius: 5px; + width: 90%; + padding: 35px 0 30px; +} +#sign_up2 .signin_box .box .box_cont{ + margin: 0 auto; + width: 77%; +} +#sign_up2 .signin_box .box .social{ + margin: 0 auto 20px; + float: none; + text-align: center; +} +#sign_up2 .signin_box .box .social a.circle{ + text-align: center; + width: 56px; + height: 56px; + border-radius: 100%; + margin-right:34px; + display: inline-block; + -webkit-transition: border-color ease-in .1s; + -moz-transition: border-color ease-in .1s; + -o-transition: border-color ease-in .1s; + transition: border-color ease-in .1s; +} +#sign_up2 .signin_box .box .social a.circle img{ + display: inline-block; + margin-top: 15px; +} +#sign_up2 .signin_box .box .social a.facebook{ + background: #233678; + border:2px solid #233678; +} +#sign_up2 .signin_box .box .social a.twitter{ + background: #54AEE1; + border:2px solid #54AEE1; +} +#sign_up2 .signin_box .box .social a.gplus{ + background: #292929; + border:2px solid #292929; + margin: 0; +} +#sign_up2 .signin_box .box .social a.circle:hover{ + border-color: rgba(0,0,0,0.7); +} +#sign_up2 .signin_box .box .division{ + margin: 0 auto 18px; + float: none; + overflow: hidden; + width: 100%; + position: relative; + text-align: center; +} +#sign_up2 .signin_box .box .division .line{ + border-top: 1px solid #DFDFDF; + width: 34%; + top: 10px; + position: absolute; +} +#sign_up2 .signin_box .box .division .l{ + left: 0; +} +#sign_up2 .signin_box .box .division .r{ + right: 0; +} +#sign_up2 .signin_box .box .division span{ + color: rgb(66, 66, 66); + font-size: 17px; +} +#sign_up2 .signin_box .box .form form{ + margin: 0; +} +#sign_up2 .signin_box .box .form input[type="text"]{ + border-radius: 3px; + font-size: 16px; + width: 96%; + margin-bottom: 16px; + height: 27px; + color: black; +} +#sign_up2 .signin_box .box .form .forgot{ + margin-left: 0; + margin-bottom: 20px; + width: 100%; + color: #797979; + text-align: center; + overflow: hidden; +} +#sign_up2 .signin_box .box .form .forgot span{ + margin-right: 5px; +} +#sign_up2 .signin_box .box .form .forgot a{ + color: #797979; + font-size: 13px; + border-bottom: 1px solid #797979; + font-weight: bold; + -webkit-transition: all .2s; + -moz-transition: all .2s; + -ms-transition: all .2s; + transition: all .2s; +} +#sign_up2 .signin_box .box .form .forgot a:hover{ + color: #187CCC; + border-color: #187CCC; +} +#sign_up2 .signin_box .box .form input[type="submit"]{ + text-transform: uppercase; + color: #fff; + background: #187CCC; + font-size: 15px; + margin: 0 auto; + display: block; + padding: 6px 19px; + border: 0 none; + border-radius: 3px; + -webkit-transition: background linear .2s, box-shadow linear .2s; + -moz-transition: background linear .2s, box-shadow linear .2s; + -o-transition: background linear .2s, box-shadow linear .2s; + transition: background linear .2s, box-shadow linear .2s; +} +#sign_up2 .signin_box .box .form input[type="submit"]:hover{ + background: #252528; +} + +/* Responsive +-------------------------------------------------- */ + +/* Large desktop */ +@media (min-width: 1200px) { + +} +@media (min-width: 980px) { + +} +@media (max-width: 979px) { + +} +/* Portrait tablet to landscape and desktop */ +@media (min-width: 768px) and (max-width: 979px) { + #sign_up1 .header .social{ + width: 35%; + } + #sign_up1 .footer input[type="text"], + #sign_up1 .footer input[type="password"]{ + width: 25%; + } + #sign_up2 .left_box .perk_box .perk .icos{ + height: 66px; + } + #sign_up2 .signin_box .box .social a.circle{ + margin-right: 10px; + } +} +/* Landscape phone to portrait tablet */ +@media (max-width: 767px) { + #sign_up1{ + background: none; + height: auto; + } + #sign_up1 .header h4{ + color: #333; + line-height: 35px; + text-shadow:none; + } + #sign_up1 .header p{ + line-height: 24px; + } + #sign_up1 .header p, + #sign_up1 .division span{ + color: #333; + } + #sign_up1 .division .line{ + border-color: #333; + } + #sign_up1 .footer input[type="text"], + #sign_up1 .footer input[type="password"]{ + font-size: 13px; + width: 97%; + margin-bottom: 12px; + } + #sign_up1 .footer input[type="submit"]{ + margin: 10px auto 0; + display: block; + } + #sign_up1 .dosnt{ + float: left; + } + #sign_up1 .dosnt span{ + margin-left: 0; + } + #sign_up1 .dosnt span, + #sign_up1 .dosnt a{ + color: #333; + border-color: #333; + float: left; + } + #sign_up1 .dosnt a{ + float: left; + } + #sign_up1 .dosnt a:hover{ + color: #187CCC; + border-color: #187CCC; + } + #sign_up2 .left_box h4{ + text-align: center; + margin-bottom: 30px; + } + #sign_up2 .left_box{ + overflow: hidden; + margin-bottom: 70px; + } + #sign_up2 .signin_box{ + float: none; + } + #sign_up2 .signin_box .box{ + float: none; + margin: 0 auto; + width: 100%; + } +} +/* Landscape phones and down */ +@media (max-width: 480px) { +} diff --git a/website/static/css/theme.css b/website/static/css/theme.css new file mode 100644 index 0000000..7ca5fc7 --- /dev/null +++ b/website/static/css/theme.css @@ -0,0 +1,465 @@ +html { + margin: 0; +} +body { + position: relative; + background: #DDDCE2 url(../img/body_bg.jpg) repeat left top; + -webkit-font-smoothing: antialiased; + font-family: 'Lato', sans-serif !important; + padding-top: 107px; +} +@media (max-width: 979px) { + body { padding-top: 0 !important; } +} +a:hover { + text-decoration: none; +} +input[type="text"], +input[type="password"], +input[type="submit"], +textarea { + font-family: 'Lato', Helvetica; +} + +/* Navbar +-------------------------------------------------- */ +body.pull_top { + padding-top: 0px !important; +} +header { + background: rgba(0,0,0,.6) !important; +} +.navbar.navbar-static-top { + margin-bottom: 35px; +} +.navbar.transparent.navbar-inverse .navbar-inner { + background: rgba(0,0,0,0.4); + border-bottom: 1px solid rgb(88, 88, 88); +} +.navbar.transparent.navbar-inverse .navbar-inner .container { + /*margin-top: 10px; + margin-bottom: 10px;*/ + -webkit-transition: margin .2s ease-in-out; + -moz-transition: margin .2s ease-in-out; + transition: margin .2s ease-in-out; +} +.navbar.navbar-inverse .navbar-inner { + padding: 10px 0px 10px 0px; + background: #252528; +} +.navbar.navbar-inverse .navbar-inner.sticky { + background: rgba(0,0,0,0.8); + border-bottom: 1px solid #252525; +} +.navbar-inverse .navbar-inner.sticky .container { + margin-top: 0px !important; + margin-bottom: 0px !important; +} +.navbar-inverse .brand { + color: #fff; +} + +.navbar .brand { + padding: 5px; +} + +.navbar-inverse .nav > li > a { + /*color: rgb(177, 177, 177);*/ + font-size: 18px; + padding-top: 23px; + font-weight: bold; + color: #fff; + text-shadow: 0 1px 0 rgba(0,0,0,.5); + opacity: .6; + filter: alpha(opacity=60); + -webkit-transition: all .2s linear; + -moz-transition: all .2s linear; + transition: all .2s linear; +} +.navbar-inverse .nav > li > a:hover, +.navbar-inverse .nav > li > a.active { + color: #fff; + opacity: 1; + filter: alpha(opacity=100); +} +.navbar-inverse .dropdown-menu { + background: #252528; +} +.navbar-inverse .nav > li > .dropdown-menu::after { + border-bottom: 6px solid #252528; +} +.navbar-inverse .dropdown-menu li > a { + color: #fff; +} +.dropdown-menu li > a:hover, +.dropdown-menu li > a:focus, +.dropdown-submenu:hover > a { + text-decoration: none; +} + +.section_header { + width: 100%; + margin-bottom: 60px; +} +.section_header h3 { + color: rgb(100, 100, 100); + font-weight: 300; + font-style: italic; + font-size: 27px; + border-bottom: 1px solid #b3b3b3; + padding-bottom: 0px; + display: inline-block; + margin:0; +} + +/* Footer +-------------------------------------------------- */ +#footer { + min-height: 80px; + background-color: #252528; + color: #fff; + padding-top: 35px; +} +#footer .footer_header { + color: rgb(196, 196, 196); + font-style: italic; + font-weight: 300; + font-size: 25px; + margin-bottom: 40px; + margin-left: 15px; +} + +/* recent posts */ +#footer .recent_posts { + margin-left: 0px; +} +#footer .recent_posts .post { + margin-bottom: 70px; + width: 93%; +} +#footer .recent_posts .post img { + float: left; + margin-right: 20px; +} +#footer .recent_posts .post .date { + font-weight: bold; + font-style: italic; +} +#footer .recent_posts .post .title { + display: block; + color: #b5b5b6; + font-size: 14px; +} + +/* testimonials */ +#footer .testimonials .wrapper { + margin: 0 auto; + width: 82%; +} +#footer .testimonials .footer_header { + margin-left: 30px; +} +#footer .testimonials .quote { + color: rgb(191, 191, 192); +} +#footer .testimonials .quote span { + font-size: 32px; + font-style: italic; + position: relative; + top: 5px; + font-family: Georgia !important; + float: left; + margin-right: 8px; +} +#footer .testimonials .author { + margin-top: 40px; +} +#footer .testimonials .author img { + float: left; + margin-right: 15px; + position: relative; + top: -6px; +} +#footer .testimonials .name { + font-size: 13px; + font-weight: bold; +} +#footer .testimonials .info { + font-style: italic; + color: #ccc; +} + +/* contact */ +#footer .contact { + text-align: right; + margin-left: 35px; +} +#footer .contact .footer_header { + text-align: left; + margin-left: 35px; +} +#footer .contact input[type="text"], +#footer .contact textarea { + border: none; + background-color: #1f1f21; + padding: 8px 20px; + border-radius: 3px; + font-size: 14px; + font-family: Lato !important; + width: 80%; + -webkit-transition: background-color .2s linear; + -moz-transition: background-color .2s linear; +} +#footer .contact input[type="text"]:focus, +#footer .contact textarea:focus { + border: none; + box-shadow: none; + background-color: #000; +} +#footer .contact input[type="text"]:-moz-placeholder, +#footer .contact textarea:-moz-placeholder { + color: #868687; +} +#footer .contact input[type="text"]::-webkit-input-placeholder, +#footer .contact textarea::-webkit-input-placeholder { + color: #868687; +} +#footer .contact input[type="text"]:-ms-input-placeholder, +#footer .contact textarea:-ms-input-placeholder { + color: #868687; +} +#footer .contact input[type="submit"] { + background-color: #3e3e40; + border: none; + color: #fff; + border-radius: 4px; + padding: 5px 20px; + font-size: 14px; + font-weight: bold; + -webkit-transition: background-color .2s linear; + -moz-transition: background-color .2s linear; +} +#footer .contact input[type="submit"]:hover { + background-color:#2190DB; +} +#footer .credits { + border-top: 1px solid #343437; + padding: 10px 0px 60px 0px; +} +#footer .credits .social { + margin-top: 30px; + text-align: center; +} +#footer .credits .social a { + margin: 10px; +} +#footer .credits .copyright { + color: #a6a6a7; + font-style: italic; + text-align: center; + margin-top: 30px; +} +#footer .credits .social a { + margin: 10px; +} +#footer .credits .social a span{ + display: inline-block; + width: 33px; + height: 33px; +} +#footer .credits .social span.ico1, +#footer .credits .social span.ico1h{ + background-position: 0px 0px; +} +#footer .credits .social span.ico2, +#footer .credits .social span.ico2h{ + background-position: -37px 0px; +} +#footer .credits .social span.ico3, +#footer .credits .social span.ico3h{ + background-position: -75px 0px; +} +#footer .credits .social span.ico4, +#footer .credits .social span.ico4h{ + background-position: -112px -1px; +} +#footer .credits .social span.ico5, +#footer .credits .social span.ico5h{ + background-position: -151px 0px; +} +#footer .credits .social span.ico6, +#footer .credits .social span.ico6h{ + background-position: -188px -1px; +} +#footer .credits .social span.ico7, +#footer .credits .social span.ico7h{ + background-position: -226px 0px; +} +#footer .credits .social a:hover span.socialicons{ + display: none; +} +#footer .credits .social a:hover span.socialicons_h{ + display: inline-block !important; +} +#footer .credits .social span.socialicons_h{ + display: none; +} +.socialicons{ + background: url('../img/socialicons.png') no-repeat; + width: 265px; + height: 36px; +} +.socialicons_h{ + background: url('../img/socialicons_h.png') no-repeat; + width: 265px; + height: 36px; +} + +/*Inner Footer*/ +#footer .info{ + margin-bottom: 10px; + margin-left: 0; +} +#footer .info .residence{ + margin-left: 0; +} +#footer .info ul{ + margin: 0; + padding: 0; +} +#footer .info ul li{ + list-style: none; + font-size: 16px; + color: #777E83; + line-height: 23px; +} +#footer .info ul a{ + color: #777E83; + -webkit-transition: color .2s; + -moz-transition: color .2s; + -ms-transition: color .2s; + transition: color .2s; +} +#footer .info ul a:hover{ + color: #A9B4BB; +} +#footer .info .touch{ + float: right; +} +#footer .info .touch ul li{ + display: inline-block; + margin-left: 30px; +} + +/* Global +-------------------------------------------------- */ +.page_header { + background-color: #000; + color: #fff; + font-size: 23px; + display: inline-block; + padding: 0px 18px; +} +.social_icon{ + background: url("../img/social_icons.png") no-repeat; + width: 110px; + height: 18px; +} +.contact_social{ + background: url("../img/contact_social.png") no-repeat; + width: 180px; + height: 34px; +} + +/* Responsive +-------------------------------------------------- */ + +/* Large desktop */ +@media (min-width: 1200px) { + #footer .sections .contact > *{ + /*margin-left: 80px;*/ + } +} +@media (min-width: 980px) { + +} +@media (max-width: 979px) { + .navbar.transparent.navbar-fixed-top, + .navbar.home.navbar-fixed-top{ + margin-bottom: 0px; + } + .navbar.transparent.navbar-inverse .navbar-inner { + background: #252528; + } + .navbar-inverse .nav-collapse .nav > li > a, + .navbar-inverse .nav-collapse .dropdown-menu a { + color: #fff; + opacity: 0.7; + } +} +/* Portrait tablet to landscape and desktop */ +@media (min-width: 768px) and (max-width: 979px) { + .navbar.transparent.navbar-fixed-top, + .navbar.home.navbar-fixed-top{ + margin-bottom: -70px; + position: relative; + top: 999; + } +} +/* Landscape phone to portrait tablet */ +@media (max-width: 767px) { + footer { + margin-right: -20px; + margin-left: -20px; + } + #footer{ + margin-right: -20px; + margin-left: -20px; + } + #footer .container{ + padding: 0px 20px; + } + /*Index Footer*/ + #footer .footer_header { + margin-left: 0; + } + #footer .footer_header h3{ + margin-left: 0; + } + #footer .testimonials{ + overflow: hidden; + margin-bottom: 40px; + } + #footer .testimonials .footer_header{ + margin-left: 0; + } + #footer .testimonials .wrapper{ + float: left; + width: 100%; + } + #footer .contact{ + margin: 0; + } + #footer .contact .footer_header{ + margin-left: 0; + } + #footer .contact input[type="text"], #footer .contact textarea{ + float: left; + width: 92%; + } + /*Inner Footer*/ + #footer .info .touch ul li{ + margin: 0 30px 0 0; + } + #footer .info .touch ul{ + margin:15px 0 15px; + } +} +/* Landscape phones and down */ +@media (max-width: 480px) { + +} + +/* Icons +-------------------------------------------------- */ + diff --git a/website/static/img/about_slide1.jpg b/website/static/img/about_slide1.jpg new file mode 100644 index 0000000..fd8af68 Binary files /dev/null and b/website/static/img/about_slide1.jpg differ diff --git a/website/static/img/ale.png b/website/static/img/ale.png new file mode 100644 index 0000000..d2adba2 Binary files /dev/null and b/website/static/img/ale.png differ diff --git a/website/static/img/arrow-down.png b/website/static/img/arrow-down.png new file mode 100644 index 0000000..5243ca7 Binary files /dev/null and b/website/static/img/arrow-down.png differ diff --git a/website/static/img/backgrounds/aqua.jpg b/website/static/img/backgrounds/aqua.jpg new file mode 100644 index 0000000..47ce770 Binary files /dev/null and b/website/static/img/backgrounds/aqua.jpg differ diff --git a/website/static/img/backgrounds/aqua_thumb.jpg b/website/static/img/backgrounds/aqua_thumb.jpg new file mode 100644 index 0000000..0e23291 Binary files /dev/null and b/website/static/img/backgrounds/aqua_thumb.jpg differ diff --git a/website/static/img/backgrounds/baby-blue.jpg b/website/static/img/backgrounds/baby-blue.jpg new file mode 100644 index 0000000..55a5e47 Binary files /dev/null and b/website/static/img/backgrounds/baby-blue.jpg differ diff --git a/website/static/img/backgrounds/baby_blue_thumb.jpg b/website/static/img/backgrounds/baby_blue_thumb.jpg new file mode 100644 index 0000000..61af88c Binary files /dev/null and b/website/static/img/backgrounds/baby_blue_thumb.jpg differ diff --git a/website/static/img/backgrounds/beige.jpg b/website/static/img/backgrounds/beige.jpg new file mode 100644 index 0000000..6b6be99 Binary files /dev/null and b/website/static/img/backgrounds/beige.jpg differ diff --git a/website/static/img/backgrounds/black.jpg b/website/static/img/backgrounds/black.jpg new file mode 100644 index 0000000..83dbe10 Binary files /dev/null and b/website/static/img/backgrounds/black.jpg differ diff --git a/website/static/img/backgrounds/black_red_01.jpg b/website/static/img/backgrounds/black_red_01.jpg new file mode 100644 index 0000000..3320d0a Binary files /dev/null and b/website/static/img/backgrounds/black_red_01.jpg differ diff --git a/website/static/img/backgrounds/black_thumb.jpg b/website/static/img/backgrounds/black_thumb.jpg new file mode 100644 index 0000000..98357da Binary files /dev/null and b/website/static/img/backgrounds/black_thumb.jpg differ diff --git a/website/static/img/backgrounds/color-splash.jpg b/website/static/img/backgrounds/color-splash.jpg new file mode 100644 index 0000000..69a0cea Binary files /dev/null and b/website/static/img/backgrounds/color-splash.jpg differ diff --git a/website/static/img/backgrounds/color-splash_01.jpg b/website/static/img/backgrounds/color-splash_01.jpg new file mode 100644 index 0000000..570dd79 Binary files /dev/null and b/website/static/img/backgrounds/color-splash_01.jpg differ diff --git a/website/static/img/backgrounds/color_splash_thumb.jpg b/website/static/img/backgrounds/color_splash_thumb.jpg new file mode 100644 index 0000000..60cd14a Binary files /dev/null and b/website/static/img/backgrounds/color_splash_thumb.jpg differ diff --git a/website/static/img/backgrounds/deep-green.jpg b/website/static/img/backgrounds/deep-green.jpg new file mode 100644 index 0000000..3bd2be4 Binary files /dev/null and b/website/static/img/backgrounds/deep-green.jpg differ diff --git a/website/static/img/backgrounds/deep_green_thumb.jpg b/website/static/img/backgrounds/deep_green_thumb.jpg new file mode 100644 index 0000000..0887f93 Binary files /dev/null and b/website/static/img/backgrounds/deep_green_thumb.jpg differ diff --git a/website/static/img/backgrounds/flower.jpg b/website/static/img/backgrounds/flower.jpg new file mode 100644 index 0000000..6561b3a Binary files /dev/null and b/website/static/img/backgrounds/flower.jpg differ diff --git a/website/static/img/backgrounds/flower_thumb.jpg b/website/static/img/backgrounds/flower_thumb.jpg new file mode 100644 index 0000000..4eab635 Binary files /dev/null and b/website/static/img/backgrounds/flower_thumb.jpg differ diff --git a/website/static/img/backgrounds/grau.jpg b/website/static/img/backgrounds/grau.jpg new file mode 100644 index 0000000..04577d7 Binary files /dev/null and b/website/static/img/backgrounds/grau.jpg differ diff --git a/website/static/img/backgrounds/hell.jpg b/website/static/img/backgrounds/hell.jpg new file mode 100644 index 0000000..3db5993 Binary files /dev/null and b/website/static/img/backgrounds/hell.jpg differ diff --git a/website/static/img/backgrounds/indigo.jpg b/website/static/img/backgrounds/indigo.jpg new file mode 100644 index 0000000..c92e5bc Binary files /dev/null and b/website/static/img/backgrounds/indigo.jpg differ diff --git a/website/static/img/backgrounds/indigo_thumb.jpg b/website/static/img/backgrounds/indigo_thumb.jpg new file mode 100644 index 0000000..13d4588 Binary files /dev/null and b/website/static/img/backgrounds/indigo_thumb.jpg differ diff --git a/website/static/img/backgrounds/landscape.png b/website/static/img/backgrounds/landscape.png new file mode 100644 index 0000000..27b1b92 Binary files /dev/null and b/website/static/img/backgrounds/landscape.png differ diff --git a/website/static/img/backgrounds/mango.jpg b/website/static/img/backgrounds/mango.jpg new file mode 100644 index 0000000..03e211d Binary files /dev/null and b/website/static/img/backgrounds/mango.jpg differ diff --git a/website/static/img/backgrounds/mango_thumb.jpg b/website/static/img/backgrounds/mango_thumb.jpg new file mode 100644 index 0000000..116ed6a Binary files /dev/null and b/website/static/img/backgrounds/mango_thumb.jpg differ diff --git a/website/static/img/backgrounds/mint.jpg b/website/static/img/backgrounds/mint.jpg new file mode 100644 index 0000000..4728311 Binary files /dev/null and b/website/static/img/backgrounds/mint.jpg differ diff --git a/website/static/img/backgrounds/mint_thumb.jpg b/website/static/img/backgrounds/mint_thumb.jpg new file mode 100644 index 0000000..cc6c22e Binary files /dev/null and b/website/static/img/backgrounds/mint_thumb.jpg differ diff --git a/website/static/img/backgrounds/ocean.jpg b/website/static/img/backgrounds/ocean.jpg new file mode 100644 index 0000000..0a80ebe Binary files /dev/null and b/website/static/img/backgrounds/ocean.jpg differ diff --git a/website/static/img/backgrounds/ocean_thumb.jpg b/website/static/img/backgrounds/ocean_thumb.jpg new file mode 100644 index 0000000..7e4e868 Binary files /dev/null and b/website/static/img/backgrounds/ocean_thumb.jpg differ diff --git a/website/static/img/backgrounds/redstripes.jpg b/website/static/img/backgrounds/redstripes.jpg new file mode 100644 index 0000000..1f2f504 Binary files /dev/null and b/website/static/img/backgrounds/redstripes.jpg differ diff --git a/website/static/img/backgrounds/rotschraeg.jpg b/website/static/img/backgrounds/rotschraeg.jpg new file mode 100644 index 0000000..98eecda Binary files /dev/null and b/website/static/img/backgrounds/rotschraeg.jpg differ diff --git a/website/static/img/backgrounds/silver.jpg b/website/static/img/backgrounds/silver.jpg new file mode 100644 index 0000000..0788d2c Binary files /dev/null and b/website/static/img/backgrounds/silver.jpg differ diff --git a/website/static/img/backgrounds/silver_thumb.jpg b/website/static/img/backgrounds/silver_thumb.jpg new file mode 100644 index 0000000..40b3284 Binary files /dev/null and b/website/static/img/backgrounds/silver_thumb.jpg differ diff --git a/website/static/img/backgrounds/water.jpg b/website/static/img/backgrounds/water.jpg new file mode 100644 index 0000000..accf669 Binary files /dev/null and b/website/static/img/backgrounds/water.jpg differ diff --git a/website/static/img/backgrounds/water_thumb.jpg b/website/static/img/backgrounds/water_thumb.jpg new file mode 100644 index 0000000..ee3f125 Binary files /dev/null and b/website/static/img/backgrounds/water_thumb.jpg differ diff --git a/website/static/img/badge.png b/website/static/img/badge.png new file mode 100644 index 0000000..7714644 Binary files /dev/null and b/website/static/img/badge.png differ diff --git a/website/static/img/bg-heading-red.png b/website/static/img/bg-heading-red.png new file mode 100644 index 0000000..bc7b8c5 Binary files /dev/null and b/website/static/img/bg-heading-red.png differ diff --git a/website/static/img/bg_direction_nav.png b/website/static/img/bg_direction_nav.png new file mode 100755 index 0000000..de3fe04 Binary files /dev/null and b/website/static/img/bg_direction_nav.png differ diff --git a/website/static/img/blechreiz_logo.png b/website/static/img/blechreiz_logo.png new file mode 100644 index 0000000..4c00758 Binary files /dev/null and b/website/static/img/blechreiz_logo.png differ diff --git a/website/static/img/blog1.png b/website/static/img/blog1.png new file mode 100644 index 0000000..b7afc8e Binary files /dev/null and b/website/static/img/blog1.png differ diff --git a/website/static/img/blog2.png b/website/static/img/blog2.png new file mode 100644 index 0000000..8ca9acf Binary files /dev/null and b/website/static/img/blog2.png differ diff --git a/website/static/img/blog3.png b/website/static/img/blog3.png new file mode 100644 index 0000000..a78b5de Binary files /dev/null and b/website/static/img/blog3.png differ diff --git a/website/static/img/blog_post.jpg b/website/static/img/blog_post.jpg new file mode 100644 index 0000000..9956dfe Binary files /dev/null and b/website/static/img/blog_post.jpg differ diff --git a/website/static/img/body_bg.jpg b/website/static/img/body_bg.jpg new file mode 100644 index 0000000..0071b1c Binary files /dev/null and b/website/static/img/body_bg.jpg differ diff --git a/website/static/img/client1.png b/website/static/img/client1.png new file mode 100644 index 0000000..cfd737f Binary files /dev/null and b/website/static/img/client1.png differ diff --git a/website/static/img/client2.png b/website/static/img/client2.png new file mode 100644 index 0000000..7620d37 Binary files /dev/null and b/website/static/img/client2.png differ diff --git a/website/static/img/client3.png b/website/static/img/client3.png new file mode 100644 index 0000000..c9f22d9 Binary files /dev/null and b/website/static/img/client3.png differ diff --git a/website/static/img/contact_icos.png b/website/static/img/contact_icos.png new file mode 100644 index 0000000..c3b15d6 Binary files /dev/null and b/website/static/img/contact_icos.png differ diff --git a/website/static/img/design.png b/website/static/img/design.png new file mode 100644 index 0000000..bebe5e5 Binary files /dev/null and b/website/static/img/design.png differ diff --git a/website/static/img/develop.png b/website/static/img/develop.png new file mode 100644 index 0000000..db1d1a3 Binary files /dev/null and b/website/static/img/develop.png differ diff --git a/website/static/img/face.png b/website/static/img/face.png new file mode 100644 index 0000000..9ab1319 Binary files /dev/null and b/website/static/img/face.png differ diff --git a/website/static/img/features-ico1.png b/website/static/img/features-ico1.png new file mode 100644 index 0000000..986edc9 Binary files /dev/null and b/website/static/img/features-ico1.png differ diff --git a/website/static/img/features-ico2.png b/website/static/img/features-ico2.png new file mode 100644 index 0000000..715454e Binary files /dev/null and b/website/static/img/features-ico2.png differ diff --git a/website/static/img/features-ico3.png b/website/static/img/features-ico3.png new file mode 100644 index 0000000..0732d45 Binary files /dev/null and b/website/static/img/features-ico3.png differ diff --git a/website/static/img/features-ico4.png b/website/static/img/features-ico4.png new file mode 100644 index 0000000..f5aa3bf Binary files /dev/null and b/website/static/img/features-ico4.png differ diff --git a/website/static/img/features-ico5.png b/website/static/img/features-ico5.png new file mode 100644 index 0000000..a915e46 Binary files /dev/null and b/website/static/img/features-ico5.png differ diff --git a/website/static/img/features-ico6.png b/website/static/img/features-ico6.png new file mode 100644 index 0000000..4e20745 Binary files /dev/null and b/website/static/img/features-ico6.png differ diff --git a/website/static/img/features-ico7.png b/website/static/img/features-ico7.png new file mode 100644 index 0000000..1d4b04a Binary files /dev/null and b/website/static/img/features-ico7.png differ diff --git a/website/static/img/folio_item1.png b/website/static/img/folio_item1.png new file mode 100644 index 0000000..0ae001f Binary files /dev/null and b/website/static/img/folio_item1.png differ diff --git a/website/static/img/folio_item2.png b/website/static/img/folio_item2.png new file mode 100644 index 0000000..459f582 Binary files /dev/null and b/website/static/img/folio_item2.png differ diff --git a/website/static/img/folio_thumb1.png b/website/static/img/folio_thumb1.png new file mode 100644 index 0000000..2a1ec95 Binary files /dev/null and b/website/static/img/folio_thumb1.png differ diff --git a/website/static/img/folio_thumb2.png b/website/static/img/folio_thumb2.png new file mode 100644 index 0000000..bb277c4 Binary files /dev/null and b/website/static/img/folio_thumb2.png differ diff --git a/website/static/img/formmail.png b/website/static/img/formmail.png new file mode 100644 index 0000000..d974c7f Binary files /dev/null and b/website/static/img/formmail.png differ diff --git a/website/static/img/formname.png b/website/static/img/formname.png new file mode 100644 index 0000000..9d0d71c Binary files /dev/null and b/website/static/img/formname.png differ diff --git a/website/static/img/formphone.png b/website/static/img/formphone.png new file mode 100644 index 0000000..7f7590e Binary files /dev/null and b/website/static/img/formphone.png differ diff --git a/website/static/img/glyphicons-halflings-white.png b/website/static/img/glyphicons-halflings-white.png new file mode 100755 index 0000000..3bf6484 Binary files /dev/null and b/website/static/img/glyphicons-halflings-white.png differ diff --git a/website/static/img/glyphicons-halflings.png b/website/static/img/glyphicons-halflings.png new file mode 100755 index 0000000..a996999 Binary files /dev/null and b/website/static/img/glyphicons-halflings.png differ diff --git a/website/static/img/gplus.png b/website/static/img/gplus.png new file mode 100644 index 0000000..89c40ae Binary files /dev/null and b/website/static/img/gplus.png differ diff --git a/website/static/img/leftright-arrows.png b/website/static/img/leftright-arrows.png new file mode 100644 index 0000000..3a8f17c Binary files /dev/null and b/website/static/img/leftright-arrows.png differ diff --git a/website/static/img/mini-logo.png b/website/static/img/mini-logo.png new file mode 100644 index 0000000..7e0b68e Binary files /dev/null and b/website/static/img/mini-logo.png differ diff --git a/website/static/img/noisy_net.png b/website/static/img/noisy_net.png new file mode 100644 index 0000000..e19a7a6 Binary files /dev/null and b/website/static/img/noisy_net.png differ diff --git a/website/static/img/plan.png b/website/static/img/plan.png new file mode 100644 index 0000000..9fdd96e Binary files /dev/null and b/website/static/img/plan.png differ diff --git a/website/static/img/popular_plan.png b/website/static/img/popular_plan.png new file mode 100644 index 0000000..7cc6f6f Binary files /dev/null and b/website/static/img/popular_plan.png differ diff --git a/website/static/img/portfolio1.png b/website/static/img/portfolio1.png new file mode 100644 index 0000000..5437ed1 Binary files /dev/null and b/website/static/img/portfolio1.png differ diff --git a/website/static/img/portfolio2.png b/website/static/img/portfolio2.png new file mode 100644 index 0000000..c7c7b2d Binary files /dev/null and b/website/static/img/portfolio2.png differ diff --git a/website/static/img/portfolio3.png b/website/static/img/portfolio3.png new file mode 100644 index 0000000..877d3f2 Binary files /dev/null and b/website/static/img/portfolio3.png differ diff --git a/website/static/img/recent_photos.jpg b/website/static/img/recent_photos.jpg new file mode 100644 index 0000000..6dea9dc Binary files /dev/null and b/website/static/img/recent_photos.jpg differ diff --git a/website/static/img/recent_post1.png b/website/static/img/recent_post1.png new file mode 100644 index 0000000..c9b8b6c Binary files /dev/null and b/website/static/img/recent_post1.png differ diff --git a/website/static/img/recent_post2.png b/website/static/img/recent_post2.png new file mode 100644 index 0000000..a244de0 Binary files /dev/null and b/website/static/img/recent_post2.png differ diff --git a/website/static/img/search.png b/website/static/img/search.png new file mode 100644 index 0000000..4e8d27d Binary files /dev/null and b/website/static/img/search.png differ diff --git a/website/static/img/service1.png b/website/static/img/service1.png new file mode 100644 index 0000000..5600ad0 Binary files /dev/null and b/website/static/img/service1.png differ diff --git a/website/static/img/service2.png b/website/static/img/service2.png new file mode 100644 index 0000000..7bf002b Binary files /dev/null and b/website/static/img/service2.png differ diff --git a/website/static/img/service3.png b/website/static/img/service3.png new file mode 100644 index 0000000..4a35cf4 Binary files /dev/null and b/website/static/img/service3.png differ diff --git a/website/static/img/service_ico1.png b/website/static/img/service_ico1.png new file mode 100644 index 0000000..1fa8604 Binary files /dev/null and b/website/static/img/service_ico1.png differ diff --git a/website/static/img/service_ico2.png b/website/static/img/service_ico2.png new file mode 100644 index 0000000..1883b00 Binary files /dev/null and b/website/static/img/service_ico2.png differ diff --git a/website/static/img/service_ico3.png b/website/static/img/service_ico3.png new file mode 100644 index 0000000..54a1aee Binary files /dev/null and b/website/static/img/service_ico3.png differ diff --git a/website/static/img/showcase1.png b/website/static/img/showcase1.png new file mode 100644 index 0000000..f9e1c25 Binary files /dev/null and b/website/static/img/showcase1.png differ diff --git a/website/static/img/showcase2.png b/website/static/img/showcase2.png new file mode 100644 index 0000000..06a7a31 Binary files /dev/null and b/website/static/img/showcase2.png differ diff --git a/website/static/img/showcase3.png b/website/static/img/showcase3.png new file mode 100644 index 0000000..8d68655 Binary files /dev/null and b/website/static/img/showcase3.png differ diff --git a/website/static/img/signin_icos.png b/website/static/img/signin_icos.png new file mode 100644 index 0000000..634735a Binary files /dev/null and b/website/static/img/signin_icos.png differ diff --git a/website/static/img/slides/blechreiz01/andi.jpg b/website/static/img/slides/blechreiz01/andi.jpg new file mode 100644 index 0000000..304ff60 Binary files /dev/null and b/website/static/img/slides/blechreiz01/andi.jpg differ diff --git a/website/static/img/slides/blechreiz01/andi2.jpg b/website/static/img/slides/blechreiz01/andi2.jpg new file mode 100644 index 0000000..4069e73 Binary files /dev/null and b/website/static/img/slides/blechreiz01/andi2.jpg differ diff --git a/website/static/img/slides/blechreiz01/applaus.jpg b/website/static/img/slides/blechreiz01/applaus.jpg new file mode 100644 index 0000000..e1bb821 Binary files /dev/null and b/website/static/img/slides/blechreiz01/applaus.jpg differ diff --git a/website/static/img/slides/blechreiz01/bass.png b/website/static/img/slides/blechreiz01/bass.png new file mode 100644 index 0000000..a99ade2 Binary files /dev/null and b/website/static/img/slides/blechreiz01/bass.png differ diff --git a/website/static/img/slides/blechreiz01/daempfer.jpg b/website/static/img/slides/blechreiz01/daempfer.jpg new file mode 100644 index 0000000..1f6ee20 Binary files /dev/null and b/website/static/img/slides/blechreiz01/daempfer.jpg differ diff --git a/website/static/img/slides/blechreiz01/eindruck.jpg b/website/static/img/slides/blechreiz01/eindruck.jpg new file mode 100644 index 0000000..e779b26 Binary files /dev/null and b/website/static/img/slides/blechreiz01/eindruck.jpg differ diff --git a/website/static/img/slides/blechreiz01/gruppe.png b/website/static/img/slides/blechreiz01/gruppe.png new file mode 100644 index 0000000..dce5334 Binary files /dev/null and b/website/static/img/slides/blechreiz01/gruppe.png differ diff --git a/website/static/img/slides/blechreiz01/publikum.jpg b/website/static/img/slides/blechreiz01/publikum.jpg new file mode 100644 index 0000000..b5aadd0 Binary files /dev/null and b/website/static/img/slides/blechreiz01/publikum.jpg differ diff --git a/website/static/img/slides/blechreiz01/spielen.jpg b/website/static/img/slides/blechreiz01/spielen.jpg new file mode 100644 index 0000000..036ce89 Binary files /dev/null and b/website/static/img/slides/blechreiz01/spielen.jpg differ diff --git a/website/static/img/slides/blechreiz01/spielen2.jpg b/website/static/img/slides/blechreiz01/spielen2.jpg new file mode 100644 index 0000000..94c562a Binary files /dev/null and b/website/static/img/slides/blechreiz01/spielen2.jpg differ diff --git a/website/static/img/slides/blechreiz01/ticotico.jpg b/website/static/img/slides/blechreiz01/ticotico.jpg new file mode 100644 index 0000000..b9b15af Binary files /dev/null and b/website/static/img/slides/blechreiz01/ticotico.jpg differ diff --git a/website/static/img/slides/blechreiz01/ticotico2.jpg b/website/static/img/slides/blechreiz01/ticotico2.jpg new file mode 100644 index 0000000..64b7aca Binary files /dev/null and b/website/static/img/slides/blechreiz01/ticotico2.jpg differ diff --git a/website/static/img/slides/blechreiz01/tuba.png b/website/static/img/slides/blechreiz01/tuba.png new file mode 100644 index 0000000..3403e0e Binary files /dev/null and b/website/static/img/slides/blechreiz01/tuba.png differ diff --git a/website/static/img/slides/scene1/macbook.png b/website/static/img/slides/scene1/macbook.png new file mode 100644 index 0000000..9247204 Binary files /dev/null and b/website/static/img/slides/scene1/macbook.png differ diff --git a/website/static/img/slides/scene2/left.png b/website/static/img/slides/scene2/left.png new file mode 100644 index 0000000..8a69146 Binary files /dev/null and b/website/static/img/slides/scene2/left.png differ diff --git a/website/static/img/slides/scene2/middle.png b/website/static/img/slides/scene2/middle.png new file mode 100644 index 0000000..99430b3 Binary files /dev/null and b/website/static/img/slides/scene2/middle.png differ diff --git a/website/static/img/slides/scene2/right.png b/website/static/img/slides/scene2/right.png new file mode 100644 index 0000000..d7a0da7 Binary files /dev/null and b/website/static/img/slides/scene2/right.png differ diff --git a/website/static/img/slides/scene3/desktop.png b/website/static/img/slides/scene3/desktop.png new file mode 100644 index 0000000..aff59a6 Binary files /dev/null and b/website/static/img/slides/scene3/desktop.png differ diff --git a/website/static/img/slides/scene3/ipad.png b/website/static/img/slides/scene3/ipad.png new file mode 100644 index 0000000..9045c00 Binary files /dev/null and b/website/static/img/slides/scene3/ipad.png differ diff --git a/website/static/img/slides/scene3/iphone.png b/website/static/img/slides/scene3/iphone.png new file mode 100644 index 0000000..51cd065 Binary files /dev/null and b/website/static/img/slides/scene3/iphone.png differ diff --git a/website/static/img/slides/scene3/macbook.png b/website/static/img/slides/scene3/macbook.png new file mode 100644 index 0000000..e260abb Binary files /dev/null and b/website/static/img/slides/scene3/macbook.png differ diff --git a/website/static/img/slides/scene4/css3.png b/website/static/img/slides/scene4/css3.png new file mode 100644 index 0000000..7eb3b0c Binary files /dev/null and b/website/static/img/slides/scene4/css3.png differ diff --git a/website/static/img/slides/scene4/html5.png b/website/static/img/slides/scene4/html5.png new file mode 100644 index 0000000..0b163dc Binary files /dev/null and b/website/static/img/slides/scene4/html5.png differ diff --git a/website/static/img/social/Behance.png b/website/static/img/social/Behance.png new file mode 100644 index 0000000..8253e61 Binary files /dev/null and b/website/static/img/social/Behance.png differ diff --git a/website/static/img/social/Blogger.png b/website/static/img/social/Blogger.png new file mode 100644 index 0000000..ac4f5ef Binary files /dev/null and b/website/static/img/social/Blogger.png differ diff --git a/website/static/img/social/Digg.png b/website/static/img/social/Digg.png new file mode 100644 index 0000000..86eb991 Binary files /dev/null and b/website/static/img/social/Digg.png differ diff --git a/website/static/img/social/Dribbble.png b/website/static/img/social/Dribbble.png new file mode 100644 index 0000000..0e00fa2 Binary files /dev/null and b/website/static/img/social/Dribbble.png differ diff --git a/website/static/img/social/Facebook.png b/website/static/img/social/Facebook.png new file mode 100644 index 0000000..493ef24 Binary files /dev/null and b/website/static/img/social/Facebook.png differ diff --git a/website/static/img/social/Feed.png b/website/static/img/social/Feed.png new file mode 100644 index 0000000..d6509f7 Binary files /dev/null and b/website/static/img/social/Feed.png differ diff --git a/website/static/img/social/Flickr.png b/website/static/img/social/Flickr.png new file mode 100644 index 0000000..5aa194e Binary files /dev/null and b/website/static/img/social/Flickr.png differ diff --git a/website/static/img/social/Forrst.png b/website/static/img/social/Forrst.png new file mode 100644 index 0000000..2f5df28 Binary files /dev/null and b/website/static/img/social/Forrst.png differ diff --git a/website/static/img/social/Google+.png b/website/static/img/social/Google+.png new file mode 100644 index 0000000..67f8be1 Binary files /dev/null and b/website/static/img/social/Google+.png differ diff --git a/website/static/img/social/Gowalla.png b/website/static/img/social/Gowalla.png new file mode 100644 index 0000000..61df1df Binary files /dev/null and b/website/static/img/social/Gowalla.png differ diff --git a/website/static/img/social/Last.fm.png b/website/static/img/social/Last.fm.png new file mode 100644 index 0000000..ba950a5 Binary files /dev/null and b/website/static/img/social/Last.fm.png differ diff --git a/website/static/img/social/LinkedIn.png b/website/static/img/social/LinkedIn.png new file mode 100644 index 0000000..2fceaa4 Binary files /dev/null and b/website/static/img/social/LinkedIn.png differ diff --git a/website/static/img/social/Myspace.png b/website/static/img/social/Myspace.png new file mode 100644 index 0000000..33955cc Binary files /dev/null and b/website/static/img/social/Myspace.png differ diff --git a/website/static/img/social/PayPal.png b/website/static/img/social/PayPal.png new file mode 100644 index 0000000..9f186ee Binary files /dev/null and b/website/static/img/social/PayPal.png differ diff --git a/website/static/img/social/Picasa.png b/website/static/img/social/Picasa.png new file mode 100644 index 0000000..109ad1a Binary files /dev/null and b/website/static/img/social/Picasa.png differ diff --git a/website/static/img/social/Pinterest.png b/website/static/img/social/Pinterest.png new file mode 100644 index 0000000..d2b3e59 Binary files /dev/null and b/website/static/img/social/Pinterest.png differ diff --git a/website/static/img/social/Share-This.png b/website/static/img/social/Share-This.png new file mode 100644 index 0000000..8f7dd4c Binary files /dev/null and b/website/static/img/social/Share-This.png differ diff --git a/website/static/img/social/Skype.png b/website/static/img/social/Skype.png new file mode 100644 index 0000000..40e2536 Binary files /dev/null and b/website/static/img/social/Skype.png differ diff --git a/website/static/img/social/Stumbleupon.png b/website/static/img/social/Stumbleupon.png new file mode 100644 index 0000000..1d0b66f Binary files /dev/null and b/website/static/img/social/Stumbleupon.png differ diff --git a/website/static/img/social/Tumblr.png b/website/static/img/social/Tumblr.png new file mode 100644 index 0000000..3ad108e Binary files /dev/null and b/website/static/img/social/Tumblr.png differ diff --git a/website/static/img/social/Twitter.png b/website/static/img/social/Twitter.png new file mode 100644 index 0000000..f3deb00 Binary files /dev/null and b/website/static/img/social/Twitter.png differ diff --git a/website/static/img/social/Viddlr.png b/website/static/img/social/Viddlr.png new file mode 100644 index 0000000..eb07816 Binary files /dev/null and b/website/static/img/social/Viddlr.png differ diff --git a/website/static/img/social/Vimeo.png b/website/static/img/social/Vimeo.png new file mode 100644 index 0000000..52de1de Binary files /dev/null and b/website/static/img/social/Vimeo.png differ diff --git a/website/static/img/social/Wordpress.png b/website/static/img/social/Wordpress.png new file mode 100644 index 0000000..f9799bb Binary files /dev/null and b/website/static/img/social/Wordpress.png differ diff --git a/website/static/img/social/YouTube.png b/website/static/img/social/YouTube.png new file mode 100644 index 0000000..449f74f Binary files /dev/null and b/website/static/img/social/YouTube.png differ diff --git a/website/static/img/social/deviantArt.png b/website/static/img/social/deviantArt.png new file mode 100644 index 0000000..59a290e Binary files /dev/null and b/website/static/img/social/deviantArt.png differ diff --git a/website/static/img/socialicons.png b/website/static/img/socialicons.png new file mode 100644 index 0000000..fe3919a Binary files /dev/null and b/website/static/img/socialicons.png differ diff --git a/website/static/img/socialicons2.png b/website/static/img/socialicons2.png new file mode 100644 index 0000000..f62da29 Binary files /dev/null and b/website/static/img/socialicons2.png differ diff --git a/website/static/img/socialicons_h.png b/website/static/img/socialicons_h.png new file mode 100644 index 0000000..6b0e569 Binary files /dev/null and b/website/static/img/socialicons_h.png differ diff --git a/website/static/img/twt.png b/website/static/img/twt.png new file mode 100644 index 0000000..a079529 Binary files /dev/null and b/website/static/img/twt.png differ diff --git a/website/static/img/user-display.png b/website/static/img/user-display.png new file mode 100644 index 0000000..30123a4 Binary files /dev/null and b/website/static/img/user-display.png differ diff --git a/blechreiz/static/js/bootstrap.js b/website/static/js/bootstrap.js similarity index 100% rename from blechreiz/static/js/bootstrap.js rename to website/static/js/bootstrap.js diff --git a/blechreiz/static/js/bootstrap.min.js b/website/static/js/bootstrap.min.js similarity index 100% rename from blechreiz/static/js/bootstrap.min.js rename to website/static/js/bootstrap.min.js diff --git a/website/static/js/flexslider.js b/website/static/js/flexslider.js new file mode 100755 index 0000000..7f68c9b --- /dev/null +++ b/website/static/js/flexslider.js @@ -0,0 +1,903 @@ +/* + * jQuery FlexSlider v2.1 + * 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) + */ + +;(function ($) { + + //FlexSlider: Object Instance + $.flexslider = function(el, options) { + var slider = $(el), + vars = $.extend({}, $.flexslider.defaults, options), + namespace = vars.namespace, + touch = ("ontouchstart" in window) || window.DocumentTouch && document instanceof DocumentTouch, + eventType = (touch) ? "touchend" : "click", + vertical = vars.direction === "vertical", + reverse = vars.reverse, + carousel = (vars.itemWidth > 0), + fade = vars.animation === "fade", + asNav = vars.asNavFor !== "", + methods = {}; + + // Store a reference to the slider object + $.data(el, "flexslider", slider); + + // Privat slider methods + methods = { + init: function() { + slider.animating = false; + slider.currentSlide = vars.startAt; + slider.animatingTo = slider.currentSlide; + slider.atEnd = (slider.currentSlide === 0 || slider.currentSlide === slider.last); + slider.containerSelector = vars.selector.substr(0,vars.selector.search(' ')); + slider.slides = $(vars.selector, slider); + slider.container = $(slider.containerSelector, slider); + slider.count = slider.slides.length; + // SYNC: + slider.syncExists = $(vars.sync).length > 0; + // SLIDE: + if (vars.animation === "slide") vars.animation = "swing"; + slider.prop = (vertical) ? "top" : "marginLeft"; + slider.args = {}; + // SLIDESHOW: + slider.manualPause = false; + // TOUCH/USECSS: + slider.transitions = !vars.video && !fade && vars.useCSS && (function() { + var obj = document.createElement('div'), + props = ['perspectiveProperty', 'WebkitPerspective', 'MozPerspective', 'OPerspective', 'msPerspective']; + for (var i in props) { + if ( obj.style[ props[i] ] !== undefined ) { + slider.pfx = props[i].replace('Perspective','').toLowerCase(); + slider.prop = "-" + slider.pfx + "-transform"; + return true; + } + } + return false; + }()); + // CONTROLSCONTAINER: + if (vars.controlsContainer !== "") slider.controlsContainer = $(vars.controlsContainer).length > 0 && $(vars.controlsContainer); + // MANUAL: + if (vars.manualControls !== "") slider.manualControls = $(vars.manualControls).length > 0 && $(vars.manualControls); + + // RANDOMIZE: + if (vars.randomize) { + slider.slides.sort(function() { return (Math.round(Math.random())-0.5); }); + slider.container.empty().append(slider.slides); + } + + slider.doMath(); + + // ASNAV: + if (asNav) methods.asNav.setup(); + + // INIT + slider.setup("init"); + + // CONTROLNAV: + if (vars.controlNav) methods.controlNav.setup(); + + // DIRECTIONNAV: + if (vars.directionNav) methods.directionNav.setup(); + + // KEYBOARD: + if (vars.keyboard && ($(slider.containerSelector).length === 1 || vars.multipleKeyboard)) { + $(document).bind('keyup', function(event) { + var keycode = event.keyCode; + if (!slider.animating && (keycode === 39 || keycode === 37)) { + var target = (keycode === 39) ? slider.getTarget('next') : + (keycode === 37) ? slider.getTarget('prev') : false; + slider.flexAnimate(target, vars.pauseOnAction); + } + }); + } + // MOUSEWHEEL: + if (vars.mousewheel) { + slider.bind('mousewheel', function(event, delta, deltaX, deltaY) { + event.preventDefault(); + var target = (delta < 0) ? slider.getTarget('next') : slider.getTarget('prev'); + slider.flexAnimate(target, vars.pauseOnAction); + }); + } + + // PAUSEPLAY + if (vars.pausePlay) methods.pausePlay.setup(); + + // SLIDSESHOW + if (vars.slideshow) { + if (vars.pauseOnHover) { + slider.hover(function() { + if (!slider.manualPlay && !slider.manualPause) slider.pause(); + }, function() { + if (!slider.manualPause && !slider.manualPlay) slider.play(); + }); + } + // initialize animation + (vars.initDelay > 0) ? setTimeout(slider.play, vars.initDelay) : slider.play(); + } + + // TOUCH + if (touch && vars.touch) methods.touch(); + + // FADE&&SMOOTHHEIGHT || SLIDE: + if (!fade || (fade && vars.smoothHeight)) $(window).bind("resize focus", methods.resize); + + + // API: start() Callback + setTimeout(function(){ + vars.start(slider); + }, 200); + }, + asNav: { + setup: function() { + slider.asNav = true; + slider.animatingTo = Math.floor(slider.currentSlide/slider.move); + slider.currentItem = slider.currentSlide; + slider.slides.removeClass(namespace + "active-slide").eq(slider.currentItem).addClass(namespace + "active-slide"); + slider.slides.click(function(e){ + e.preventDefault(); + var $slide = $(this), + target = $slide.index(); + if (!$(vars.asNavFor).data('flexslider').animating && !$slide.hasClass('active')) { + slider.direction = (slider.currentItem < target) ? "next" : "prev"; + slider.flexAnimate(target, vars.pauseOnAction, false, true, true); + } + }); + } + }, + controlNav: { + setup: function() { + if (!slider.manualControls) { + methods.controlNav.setupPaging(); + } else { // MANUALCONTROLS: + methods.controlNav.setupManual(); + } + }, + setupPaging: function() { + var type = (vars.controlNav === "thumbnails") ? 'control-thumbs' : 'control-paging', + j = 1, + item; + + slider.controlNavScaffold = $('
    '); + + if (slider.pagingCount > 1) { + for (var i = 0; i < slider.pagingCount; i++) { + item = (vars.controlNav === "thumbnails") ? '' : '' + j + ''; + slider.controlNavScaffold.append('
  1. ' + item + '
    2. '); + j++; + } + } + + // CONTROLSCONTAINER: + (slider.controlsContainer) ? $(slider.controlsContainer).append(slider.controlNavScaffold) : slider.append(slider.controlNavScaffold); + methods.controlNav.set(); + + methods.controlNav.active(); + + slider.controlNavScaffold.delegate('a, img', eventType, function(event) { + event.preventDefault(); + var $this = $(this), + target = slider.controlNav.index($this); + + if (!$this.hasClass(namespace + 'active')) { + slider.direction = (target > slider.currentSlide) ? "next" : "prev"; + slider.flexAnimate(target, vars.pauseOnAction); + } + }); + // Prevent iOS click event bug + if (touch) { + slider.controlNavScaffold.delegate('a', "click touchstart", function(event) { + event.preventDefault(); + }); + } + }, + setupManual: function() { + slider.controlNav = slider.manualControls; + methods.controlNav.active(); + + slider.controlNav.live(eventType, function(event) { + event.preventDefault(); + var $this = $(this), + target = slider.controlNav.index($this); + + if (!$this.hasClass(namespace + 'active')) { + (target > slider.currentSlide) ? slider.direction = "next" : slider.direction = "prev"; + slider.flexAnimate(target, vars.pauseOnAction); + } + }); + // Prevent iOS click event bug + if (touch) { + slider.controlNav.live("click touchstart", function(event) { + event.preventDefault(); + }); + } + }, + set: function() { + var selector = (vars.controlNav === "thumbnails") ? 'img' : 'a'; + slider.controlNav = $('.' + namespace + 'control-nav li ' + selector, (slider.controlsContainer) ? slider.controlsContainer : slider); + }, + active: function() { + slider.controlNav.removeClass(namespace + "active").eq(slider.animatingTo).addClass(namespace + "active"); + }, + update: function(action, pos) { + if (slider.pagingCount > 1 && action === "add") { + slider.controlNavScaffold.append($('
  2. ' + slider.count + '
    3. ')); + } else if (slider.pagingCount === 1) { + slider.controlNavScaffold.find('li').remove(); + } else { + slider.controlNav.eq(pos).closest('li').remove(); + } + methods.controlNav.set(); + (slider.pagingCount > 1 && slider.pagingCount !== slider.controlNav.length) ? slider.update(pos, action) : methods.controlNav.active(); + } + }, + directionNav: { + setup: function() { + var directionNavScaffold = $(''); + + // CONTROLSCONTAINER: + if (slider.controlsContainer) { + $(slider.controlsContainer).append(directionNavScaffold); + slider.directionNav = $('.' + namespace + 'direction-nav li a', slider.controlsContainer); + } else { + slider.append(directionNavScaffold); + slider.directionNav = $('.' + namespace + 'direction-nav li a', slider); + } + + methods.directionNav.update(); + + slider.directionNav.bind(eventType, function(event) { + event.preventDefault(); + var target = ($(this).hasClass(namespace + 'next')) ? slider.getTarget('next') : slider.getTarget('prev'); + slider.flexAnimate(target, vars.pauseOnAction); + }); + // Prevent iOS click event bug + if (touch) { + slider.directionNav.bind("click touchstart", function(event) { + event.preventDefault(); + }); + } + }, + update: function() { + var disabledClass = namespace + 'disabled'; + if (slider.pagingCount === 1) { + slider.directionNav.addClass(disabledClass); + } else if (!vars.animationLoop) { + if (slider.animatingTo === 0) { + slider.directionNav.removeClass(disabledClass).filter('.' + namespace + "prev").addClass(disabledClass); + } else if (slider.animatingTo === slider.last) { + slider.directionNav.removeClass(disabledClass).filter('.' + namespace + "next").addClass(disabledClass); + } else { + slider.directionNav.removeClass(disabledClass); + } + } else { + slider.directionNav.removeClass(disabledClass); + } + } + }, + pausePlay: { + setup: function() { + var pausePlayScaffold = $('
    '); + + // CONTROLSCONTAINER: + if (slider.controlsContainer) { + slider.controlsContainer.append(pausePlayScaffold); + slider.pausePlay = $('.' + namespace + 'pauseplay a', slider.controlsContainer); + } else { + slider.append(pausePlayScaffold); + slider.pausePlay = $('.' + namespace + 'pauseplay a', slider); + } + + methods.pausePlay.update((vars.slideshow) ? namespace + 'pause' : namespace + 'play'); + + slider.pausePlay.bind(eventType, function(event) { + event.preventDefault(); + if ($(this).hasClass(namespace + 'pause')) { + slider.manualPause = true; + slider.manualPlay = false; + slider.pause(); + } else { + slider.manualPause = false; + slider.manualPlay = true; + slider.play(); + } + }); + // Prevent iOS click event bug + if (touch) { + slider.pausePlay.bind("click touchstart", function(event) { + event.preventDefault(); + }); + } + }, + update: function(state) { + (state === "play") ? slider.pausePlay.removeClass(namespace + 'pause').addClass(namespace + 'play').text(vars.playText) : slider.pausePlay.removeClass(namespace + 'play').addClass(namespace + 'pause').text(vars.pauseText); + } + }, + touch: function() { + var startX, + startY, + offset, + cwidth, + dx, + startT, + scrolling = false; + + el.addEventListener('touchstart', onTouchStart, false); + function onTouchStart(e) { + if (slider.animating) { + e.preventDefault(); + } else if (e.touches.length === 1) { + slider.pause(); + // CAROUSEL: + cwidth = (vertical) ? slider.h : slider. w; + startT = Number(new Date()); + // CAROUSEL: + offset = (carousel && reverse && slider.animatingTo === slider.last) ? 0 : + (carousel && reverse) ? slider.limit - (((slider.itemW + vars.itemMargin) * slider.move) * slider.animatingTo) : + (carousel && slider.currentSlide === slider.last) ? slider.limit : + (carousel) ? ((slider.itemW + vars.itemMargin) * slider.move) * slider.currentSlide : + (reverse) ? (slider.last - slider.currentSlide + slider.cloneOffset) * cwidth : (slider.currentSlide + slider.cloneOffset) * cwidth; + startX = (vertical) ? e.touches[0].pageY : e.touches[0].pageX; + startY = (vertical) ? e.touches[0].pageX : e.touches[0].pageY; + + el.addEventListener('touchmove', onTouchMove, false); + el.addEventListener('touchend', onTouchEnd, false); + } + } + + function onTouchMove(e) { + dx = (vertical) ? startX - e.touches[0].pageY : startX - e.touches[0].pageX; + scrolling = (vertical) ? (Math.abs(dx) < Math.abs(e.touches[0].pageX - startY)) : (Math.abs(dx) < Math.abs(e.touches[0].pageY - startY)); + + if (!scrolling || Number(new Date()) - startT > 500) { + e.preventDefault(); + if (!fade && slider.transitions) { + if (!vars.animationLoop) { + dx = dx/((slider.currentSlide === 0 && dx < 0 || slider.currentSlide === slider.last && dx > 0) ? (Math.abs(dx)/cwidth+2) : 1); + } + slider.setProps(offset + dx, "setTouch"); + } + } + } + + function onTouchEnd(e) { + // finish the touch by undoing the touch session + el.removeEventListener('touchmove', onTouchMove, false); + + if (slider.animatingTo === slider.currentSlide && !scrolling && !(dx === null)) { + var updateDx = (reverse) ? -dx : dx, + target = (updateDx > 0) ? slider.getTarget('next') : slider.getTarget('prev'); + + if (slider.canAdvance(target) && (Number(new Date()) - startT < 550 && Math.abs(updateDx) > 50 || Math.abs(updateDx) > cwidth/2)) { + slider.flexAnimate(target, vars.pauseOnAction); + } else { + if (!fade) slider.flexAnimate(slider.currentSlide, vars.pauseOnAction, true); + } + } + el.removeEventListener('touchend', onTouchEnd, false); + startX = null; + startY = null; + dx = null; + offset = null; + } + }, + resize: function() { + if (!slider.animating && slider.is(':visible')) { + if (!carousel) slider.doMath(); + + if (fade) { + // SMOOTH HEIGHT: + methods.smoothHeight(); + } else if (carousel) { //CAROUSEL: + slider.slides.width(slider.computedW); + slider.update(slider.pagingCount); + slider.setProps(); + } + else if (vertical) { //VERTICAL: + slider.viewport.height(slider.h); + slider.setProps(slider.h, "setTotal"); + } else { + // SMOOTH HEIGHT: + if (vars.smoothHeight) methods.smoothHeight(); + slider.newSlides.width(slider.computedW); + slider.setProps(slider.computedW, "setTotal"); + } + } + }, + smoothHeight: function(dur) { + if (!vertical || fade) { + var $obj = (fade) ? slider : slider.viewport; + (dur) ? $obj.animate({"height": slider.slides.eq(slider.animatingTo).height()}, dur) : $obj.height(slider.slides.eq(slider.animatingTo).height()); + } + }, + sync: function(action) { + var $obj = $(vars.sync).data("flexslider"), + target = slider.animatingTo; + + switch (action) { + case "animate": $obj.flexAnimate(target, vars.pauseOnAction, false, true); break; + case "play": if (!$obj.playing && !$obj.asNav) { $obj.play(); } break; + case "pause": $obj.pause(); break; + } + } + } + + // public methods + slider.flexAnimate = function(target, pause, override, withSync, fromNav) { + if (asNav && slider.pagingCount === 1) slider.direction = (slider.currentItem < target) ? "next" : "prev"; + + if (!slider.animating && (slider.canAdvance(target, fromNav) || override) && slider.is(":visible")) { + if (asNav && withSync) { + var master = $(vars.asNavFor).data('flexslider'); + slider.atEnd = target === 0 || target === slider.count - 1; + master.flexAnimate(target, true, false, true, fromNav); + slider.direction = (slider.currentItem < target) ? "next" : "prev"; + master.direction = slider.direction; + + if (Math.ceil((target + 1)/slider.visible) - 1 !== slider.currentSlide && target !== 0) { + slider.currentItem = target; + slider.slides.removeClass(namespace + "active-slide").eq(target).addClass(namespace + "active-slide"); + target = Math.floor(target/slider.visible); + } else { + slider.currentItem = target; + slider.slides.removeClass(namespace + "active-slide").eq(target).addClass(namespace + "active-slide"); + return false; + } + } + + slider.animating = true; + slider.animatingTo = target; + // API: before() animation Callback + vars.before(slider); + + // SLIDESHOW: + if (pause) slider.pause(); + + // SYNC: + if (slider.syncExists && !fromNav) methods.sync("animate"); + + // CONTROLNAV + if (vars.controlNav) methods.controlNav.active(); + + // !CAROUSEL: + // CANDIDATE: slide active class (for add/remove slide) + if (!carousel) slider.slides.removeClass(namespace + 'active-slide').eq(target).addClass(namespace + 'active-slide'); + + // INFINITE LOOP: + // CANDIDATE: atEnd + slider.atEnd = target === 0 || target === slider.last; + + // DIRECTIONNAV: + if (vars.directionNav) methods.directionNav.update(); + + if (target === slider.last) { + // API: end() of cycle Callback + vars.end(slider); + // SLIDESHOW && !INFINITE LOOP: + if (!vars.animationLoop) slider.pause(); + } + + // SLIDE: + if (!fade) { + var dimension = (vertical) ? slider.slides.filter(':first').height() : slider.computedW, + margin, slideString, calcNext; + + // INFINITE LOOP / REVERSE: + if (carousel) { + margin = (vars.itemWidth > slider.w) ? vars.itemMargin * 2 : vars.itemMargin; + calcNext = ((slider.itemW + margin) * slider.move) * slider.animatingTo; + slideString = (calcNext > slider.limit && slider.visible !== 1) ? slider.limit : calcNext; + } else if (slider.currentSlide === 0 && target === slider.count - 1 && vars.animationLoop && slider.direction !== "next") { + slideString = (reverse) ? (slider.count + slider.cloneOffset) * dimension : 0; + } else if (slider.currentSlide === slider.last && target === 0 && vars.animationLoop && slider.direction !== "prev") { + slideString = (reverse) ? 0 : (slider.count + 1) * dimension; + } else { + slideString = (reverse) ? ((slider.count - 1) - target + slider.cloneOffset) * dimension : (target + slider.cloneOffset) * dimension; + } + slider.setProps(slideString, "", vars.animationSpeed); + if (slider.transitions) { + if (!vars.animationLoop || !slider.atEnd) { + slider.animating = false; + slider.currentSlide = slider.animatingTo; + } + slider.container.unbind("webkitTransitionEnd transitionend"); + slider.container.bind("webkitTransitionEnd transitionend", function() { + slider.wrapup(dimension); + }); + } else { + slider.container.animate(slider.args, vars.animationSpeed, vars.easing, function(){ + slider.wrapup(dimension); + }); + } + } else { // FADE: + if (!touch) { + slider.slides.eq(slider.currentSlide).fadeOut(vars.animationSpeed, vars.easing); + slider.slides.eq(target).fadeIn(vars.animationSpeed, vars.easing, slider.wrapup); + } else { + slider.slides.eq(slider.currentSlide).css({ "opacity": 0, "zIndex": 1 }); + slider.slides.eq(target).css({ "opacity": 1, "zIndex": 2 }); + + slider.slides.unbind("webkitTransitionEnd transitionend"); + slider.slides.eq(slider.currentSlide).bind("webkitTransitionEnd transitionend", function() { + // API: after() animation Callback + vars.after(slider); + }); + + slider.animating = false; + slider.currentSlide = slider.animatingTo; + } + } + // SMOOTH HEIGHT: + if (vars.smoothHeight) methods.smoothHeight(vars.animationSpeed); + } + } + slider.wrapup = function(dimension) { + // SLIDE: + if (!fade && !carousel) { + if (slider.currentSlide === 0 && slider.animatingTo === slider.last && vars.animationLoop) { + slider.setProps(dimension, "jumpEnd"); + } else if (slider.currentSlide === slider.last && slider.animatingTo === 0 && vars.animationLoop) { + slider.setProps(dimension, "jumpStart"); + } + } + slider.animating = false; + slider.currentSlide = slider.animatingTo; + // API: after() animation Callback + vars.after(slider); + } + + // SLIDESHOW: + slider.animateSlides = function() { + if (!slider.animating) slider.flexAnimate(slider.getTarget("next")); + } + // SLIDESHOW: + slider.pause = function() { + clearInterval(slider.animatedSlides); + slider.playing = false; + // PAUSEPLAY: + if (vars.pausePlay) methods.pausePlay.update("play"); + // SYNC: + if (slider.syncExists) methods.sync("pause"); + } + // SLIDESHOW: + slider.play = function() { + slider.animatedSlides = setInterval(slider.animateSlides, vars.slideshowSpeed); + slider.playing = true; + // PAUSEPLAY: + if (vars.pausePlay) methods.pausePlay.update("pause"); + // SYNC: + if (slider.syncExists) methods.sync("play"); + } + slider.canAdvance = function(target, fromNav) { + // ASNAV: + var last = (asNav) ? slider.pagingCount - 1 : slider.last; + return (fromNav) ? true : + (asNav && slider.currentItem === slider.count - 1 && target === 0 && slider.direction === "prev") ? true : + (asNav && slider.currentItem === 0 && target === slider.pagingCount - 1 && slider.direction !== "next") ? false : + (target === slider.currentSlide && !asNav) ? false : + (vars.animationLoop) ? true : + (slider.atEnd && slider.currentSlide === 0 && target === last && slider.direction !== "next") ? false : + (slider.atEnd && slider.currentSlide === last && target === 0 && slider.direction === "next") ? false : + true; + } + slider.getTarget = function(dir) { + slider.direction = dir; + if (dir === "next") { + return (slider.currentSlide === slider.last) ? 0 : slider.currentSlide + 1; + } else { + return (slider.currentSlide === 0) ? slider.last : slider.currentSlide - 1; + } + } + + // SLIDE: + slider.setProps = function(pos, special, dur) { + var target = (function() { + var posCheck = (pos) ? pos : ((slider.itemW + vars.itemMargin) * slider.move) * slider.animatingTo, + posCalc = (function() { + if (carousel) { + return (special === "setTouch") ? pos : + (reverse && slider.animatingTo === slider.last) ? 0 : + (reverse) ? slider.limit - (((slider.itemW + vars.itemMargin) * slider.move) * slider.animatingTo) : + (slider.animatingTo === slider.last) ? slider.limit : posCheck; + } else { + switch (special) { + case "setTotal": return (reverse) ? ((slider.count - 1) - slider.currentSlide + slider.cloneOffset) * pos : (slider.currentSlide + slider.cloneOffset) * pos; + case "setTouch": return (reverse) ? pos : pos; + case "jumpEnd": return (reverse) ? pos : slider.count * pos; + case "jumpStart": return (reverse) ? slider.count * pos : pos; + default: return pos; + } + } + }()); + return (posCalc * -1) + "px"; + }()); + + if (slider.transitions) { + target = (vertical) ? "translate3d(0," + target + ",0)" : "translate3d(" + target + ",0,0)"; + dur = (dur !== undefined) ? (dur/1000) + "s" : "0s"; + slider.container.css("-" + slider.pfx + "-transition-duration", dur); + } + + slider.args[slider.prop] = target; + if (slider.transitions || dur === undefined) slider.container.css(slider.args); + } + + slider.setup = function(type) { + // SLIDE: + if (!fade) { + var sliderOffset, arr; + + if (type === "init") { + slider.viewport = $('
    ').css({"overflow": "hidden", "position": "relative"}).appendTo(slider).append(slider.container); + // INFINITE LOOP: + slider.cloneCount = 0; + slider.cloneOffset = 0; + // REVERSE: + if (reverse) { + arr = $.makeArray(slider.slides).reverse(); + slider.slides = $(arr); + slider.container.empty().append(slider.slides); + } + } + // INFINITE LOOP && !CAROUSEL: + if (vars.animationLoop && !carousel) { + slider.cloneCount = 2; + slider.cloneOffset = 1; + // clear out old clones + if (type !== "init") slider.container.find('.clone').remove(); + slider.container.append(slider.slides.first().clone().addClass('clone')).prepend(slider.slides.last().clone().addClass('clone')); + } + slider.newSlides = $(vars.selector, slider); + + sliderOffset = (reverse) ? slider.count - 1 - slider.currentSlide + slider.cloneOffset : slider.currentSlide + slider.cloneOffset; + // VERTICAL: + if (vertical && !carousel) { + slider.container.height((slider.count + slider.cloneCount) * 200 + "%").css("position", "absolute").width("100%"); + setTimeout(function(){ + slider.newSlides.css({"display": "block"}); + slider.doMath(); + slider.viewport.height(slider.h); + slider.setProps(sliderOffset * slider.h, "init"); + }, (type === "init") ? 100 : 0); + } else { + slider.container.width((slider.count + slider.cloneCount) * 200 + "%"); + slider.setProps(sliderOffset * slider.computedW, "init"); + setTimeout(function(){ + slider.doMath(); + slider.newSlides.css({"width": slider.computedW, "float": "left", "display": "block"}); + // SMOOTH HEIGHT: + if (vars.smoothHeight) methods.smoothHeight(); + }, (type === "init") ? 100 : 0); + } + } else { // FADE: + slider.slides.css({"width": "100%", "float": "left", "marginRight": "-100%", "position": "relative"}); + if (type === "init") { + if (!touch) { + slider.slides.eq(slider.currentSlide).fadeIn(vars.animationSpeed, vars.easing); + } else { + slider.slides.css({ "opacity": 0, "display": "block", "webkitTransition": "opacity " + vars.animationSpeed / 1000 + "s ease", "zIndex": 1 }).eq(slider.currentSlide).css({ "opacity": 1, "zIndex": 2}); + } + } + // SMOOTH HEIGHT: + if (vars.smoothHeight) methods.smoothHeight(); + } + // !CAROUSEL: + // CANDIDATE: active slide + if (!carousel) slider.slides.removeClass(namespace + "active-slide").eq(slider.currentSlide).addClass(namespace + "active-slide"); + } + + slider.doMath = function() { + var slide = slider.slides.first(), + slideMargin = vars.itemMargin, + minItems = vars.minItems, + maxItems = vars.maxItems; + + slider.w = slider.width(); + slider.h = slide.height(); + slider.boxPadding = slide.outerWidth() - slide.width(); + + // CAROUSEL: + if (carousel) { + slider.itemT = vars.itemWidth + slideMargin; + slider.minW = (minItems) ? minItems * slider.itemT : slider.w; + slider.maxW = (maxItems) ? maxItems * slider.itemT : slider.w; + slider.itemW = (slider.minW > slider.w) ? (slider.w - (slideMargin * minItems))/minItems : + (slider.maxW < slider.w) ? (slider.w - (slideMargin * maxItems))/maxItems : + (vars.itemWidth > slider.w) ? slider.w : vars.itemWidth; + slider.visible = Math.floor(slider.w/(slider.itemW + slideMargin)); + slider.move = (vars.move > 0 && vars.move < slider.visible ) ? vars.move : slider.visible; + slider.pagingCount = Math.ceil(((slider.count - slider.visible)/slider.move) + 1); + slider.last = slider.pagingCount - 1; + slider.limit = (slider.pagingCount === 1) ? 0 : + (vars.itemWidth > slider.w) ? ((slider.itemW + (slideMargin * 2)) * slider.count) - slider.w - slideMargin : ((slider.itemW + slideMargin) * slider.count) - slider.w - slideMargin; + } else { + slider.itemW = slider.w; + slider.pagingCount = slider.count; + slider.last = slider.count - 1; + } + slider.computedW = slider.itemW - slider.boxPadding; + } + + slider.update = function(pos, action) { + slider.doMath(); + + // update currentSlide and slider.animatingTo if necessary + if (!carousel) { + if (pos < slider.currentSlide) { + slider.currentSlide += 1; + } else if (pos <= slider.currentSlide && pos !== 0) { + slider.currentSlide -= 1; + } + slider.animatingTo = slider.currentSlide; + } + + // update controlNav + if (vars.controlNav && !slider.manualControls) { + if ((action === "add" && !carousel) || slider.pagingCount > slider.controlNav.length) { + methods.controlNav.update("add"); + } else if ((action === "remove" && !carousel) || slider.pagingCount < slider.controlNav.length) { + if (carousel && slider.currentSlide > slider.last) { + slider.currentSlide -= 1; + slider.animatingTo -= 1; + } + methods.controlNav.update("remove", slider.last); + } + } + // update directionNav + if (vars.directionNav) methods.directionNav.update(); + + } + + slider.addSlide = function(obj, pos) { + var $obj = $(obj); + + slider.count += 1; + slider.last = slider.count - 1; + + // append new slide + if (vertical && reverse) { + (pos !== undefined) ? slider.slides.eq(slider.count - pos).after($obj) : slider.container.prepend($obj); + } else { + (pos !== undefined) ? slider.slides.eq(pos).before($obj) : slider.container.append($obj); + } + + // update currentSlide, animatingTo, controlNav, and directionNav + slider.update(pos, "add"); + + // update slider.slides + slider.slides = $(vars.selector + ':not(.clone)', slider); + // re-setup the slider to accomdate new slide + slider.setup(); + + //FlexSlider: added() Callback + vars.added(slider); + } + slider.removeSlide = function(obj) { + var pos = (isNaN(obj)) ? slider.slides.index($(obj)) : obj; + + // update count + slider.count -= 1; + slider.last = slider.count - 1; + + // remove slide + if (isNaN(obj)) { + $(obj, slider.slides).remove(); + } else { + (vertical && reverse) ? slider.slides.eq(slider.last).remove() : slider.slides.eq(obj).remove(); + } + + // update currentSlide, animatingTo, controlNav, and directionNav + slider.doMath(); + slider.update(pos, "remove"); + + // update slider.slides + slider.slides = $(vars.selector + ':not(.clone)', slider); + // re-setup the slider to accomdate new slide + slider.setup(); + + // FlexSlider: removed() Callback + vars.removed(slider); + } + + //FlexSlider: Initialize + methods.init(); + } + + //FlexSlider: Default Settings + $.flexslider.defaults = { + namespace: "flex-", //{NEW} String: Prefix string attached to the class of every element generated by the plugin + selector: ".slides > li", //{NEW} Selector: Must match a simple pattern. '{container} > {slide}' -- Ignore pattern at your own peril + animation: "fade", //String: Select your animation type, "fade" or "slide" + easing: "swing", //{NEW} String: Determines the easing method used in jQuery transitions. jQuery easing plugin is supported! + direction: "horizontal", //String: Select the sliding direction, "horizontal" or "vertical" + reverse: false, //{NEW} Boolean: Reverse the animation direction + animationLoop: true, //Boolean: Should the animation loop? If false, directionNav will received "disable" classes at either end + smoothHeight: false, //{NEW} Boolean: Allow height of the slider to animate smoothly in horizontal mode + startAt: 0, //Integer: The slide that the slider should start on. Array notation (0 = first slide) + slideshow: true, //Boolean: Animate slider automatically + slideshowSpeed: 7000, //Integer: Set the speed of the slideshow cycling, in milliseconds + animationSpeed: 600, //Integer: Set the speed of animations, in milliseconds + initDelay: 0, //{NEW} Integer: Set an initialization delay, in milliseconds + randomize: false, //Boolean: Randomize slide order + + // Usability features + pauseOnAction: true, //Boolean: Pause the slideshow when interacting with control elements, highly recommended. + pauseOnHover: false, //Boolean: Pause the slideshow when hovering over slider, then resume when no longer hovering + useCSS: true, //{NEW} Boolean: Slider will use CSS3 transitions if available + touch: true, //{NEW} Boolean: Allow touch swipe navigation of the slider on touch-enabled devices + video: false, //{NEW} Boolean: If using video in the slider, will prevent CSS3 3D Transforms to avoid graphical glitches + + // Primary Controls + controlNav: true, //Boolean: Create navigation for paging control of each clide? Note: Leave true for manualControls usage + directionNav: true, //Boolean: Create navigation for previous/next navigation? (true/false) + prevText: "Previous", //String: Set the text for the "previous" directionNav item + nextText: "Next", //String: Set the text for the "next" directionNav item + + // Secondary Navigation + keyboard: true, //Boolean: Allow slider navigating via keyboard left/right keys + multipleKeyboard: false, //{NEW} Boolean: Allow keyboard navigation to affect multiple sliders. Default behavior cuts out keyboard navigation with more than one slider present. + mousewheel: false, //{UPDATED} Boolean: Requires jquery.mousewheel.js (https://github.com/brandonaaron/jquery-mousewheel) - Allows slider navigating via mousewheel + pausePlay: false, //Boolean: Create pause/play dynamic element + pauseText: "Pause", //String: Set the text for the "pause" pausePlay item + playText: "Play", //String: Set the text for the "play" pausePlay item + + // Special properties + controlsContainer: "", //{UPDATED} jQuery Object/Selector: Declare which container the navigation elements should be appended too. Default container is the FlexSlider element. Example use would be $(".flexslider-container"). Property is ignored if given element is not found. + manualControls: "", //{UPDATED} jQuery Object/Selector: Declare custom control navigation. Examples would be $(".flex-control-nav li") or "#tabs-nav li img", etc. The number of elements in your controlNav should match the number of slides/tabs. + sync: "", //{NEW} Selector: Mirror the actions performed on this slider with another slider. Use with care. + asNavFor: "", //{NEW} Selector: Internal property exposed for turning the slider into a thumbnail navigation for another slider + + // Carousel Options + itemWidth: 0, //{NEW} Integer: Box-model width of individual carousel items, including horizontal borders and padding. + itemMargin: 0, //{NEW} Integer: Margin between carousel items. + minItems: 0, //{NEW} Integer: Minimum number of carousel items that should be visible. Items will resize fluidly when below this. + maxItems: 0, //{NEW} Integer: Maxmimum number of carousel items that should be visible. Items will resize fluidly when above this limit. + move: 0, //{NEW} Integer: Number of carousel items that should move on animation. If 0, slider will move all visible items. + + // Callback API + start: function(){}, //Callback: function(slider) - Fires when the slider loads the first slide + before: function(){}, //Callback: function(slider) - Fires asynchronously with each slider animation + after: function(){}, //Callback: function(slider) - Fires after each slider animation completes + end: function(){}, //Callback: function(slider) - Fires when the slider reaches the last slide (asynchronous) + added: function(){}, //{NEW} Callback: function(slider) - Fires after a slide is added + removed: function(){} //{NEW} Callback: function(slider) - Fires after a slide is removed + } + + + //FlexSlider: Plugin Function + $.fn.flexslider = function(options) { + if (options === undefined) options = {}; + + if (typeof options === "object") { + return this.each(function() { + var $this = $(this), + selector = (options.selector) ? options.selector : ".slides > li", + $slides = $this.find(selector); + + if ($slides.length === 1) { + $slides.fadeIn(400); + if (options.start) options.start($this); + } else if ($this.data('flexslider') == undefined) { + new $.flexslider(this, options); + } + }); + } else { + // Helper strings to quickly perform functions on the slider + var $slider = $(this).data('flexslider'); + switch (options) { + case "play": $slider.play(); break; + case "pause": $slider.pause(); break; + case "next": $slider.flexAnimate($slider.getTarget("next"), true); break; + case "prev": + case "previous": $slider.flexAnimate($slider.getTarget("prev"), true); break; + default: if (typeof options === "number") $slider.flexAnimate(options, true); + } + } + } + +})(jQuery); \ No newline at end of file diff --git a/website/static/js/index-slider.js b/website/static/js/index-slider.js new file mode 100644 index 0000000..9c8767c --- /dev/null +++ b/website/static/js/index-slider.js @@ -0,0 +1,375 @@ +jQuery.easing.jswing = jQuery.easing.swing; +jQuery.extend(jQuery.easing, { + def: "easeOutQuad", + swing: function (e, f, a, h, g) { + return jQuery.easing[jQuery.easing.def](e, f, a, h, g) + }, + easeInQuad: function (e, f, a, h, g) { + return h * (f /= g) * f + a + }, + easeOutQuad: function (e, f, a, h, g) { + return -h * (f /= g) * (f - 2) + a + }, + easeInOutQuad: function (e, f, a, h, g) { + if ((f /= g / 2) < 1) { + return h / 2 * f * f + a + } + return -h / 2 * ((--f) * (f - 2) - 1) + a + }, + easeInCubic: function (e, f, a, h, g) { + return h * (f /= g) * f * f + a + }, + easeOutCubic: function (e, f, a, h, g) { + return h * ((f = f / g - 1) * f * f + 1) + a + }, + easeInOutCubic: function (e, f, a, h, g) { + if ((f /= g / 2) < 1) { + return h / 2 * f * f * f + a + } + return h / 2 * ((f -= 2) * f * f + 2) + a + }, + easeInQuart: function (e, f, a, h, g) { + return h * (f /= g) * f * f * f + a + }, + easeOutQuart: function (e, f, a, h, g) { + return -h * ((f = f / g - 1) * f * f * f - 1) + a + }, + easeInOutQuart: function (e, f, a, h, g) { + if ((f /= g / 2) < 1) { + return h / 2 * f * f * f * f + a + } + return -h / 2 * ((f -= 2) * f * f * f - 2) + a + }, + easeInQuint: function (e, f, a, h, g) { + return h * (f /= g) * f * f * f * f + a + }, + easeOutQuint: function (e, f, a, h, g) { + return h * ((f = f / g - 1) * f * f * f * f + 1) + a + }, + easeInOutQuint: function (e, f, a, h, g) { + if ((f /= g / 2) < 1) { + return h / 2 * f * f * f * f * f + a + } + return h / 2 * ((f -= 2) * f * f * f * f + 2) + a + }, + easeInSine: function (e, f, a, h, g) { + return -h * Math.cos(f / g * (Math.PI / 2)) + h + a + }, + easeOutSine: function (e, f, a, h, g) { + return h * Math.sin(f / g * (Math.PI / 2)) + a + }, + easeInOutSine: function (e, f, a, h, g) { + return -h / 2 * (Math.cos(Math.PI * f / g) - 1) + a + }, + easeInExpo: function (e, f, a, h, g) { + return (f == 0) ? a : h * Math.pow(2, 10 * (f / g - 1)) + a + }, + easeOutExpo: function (e, f, a, h, g) { + return (f == g) ? a + h : h * (-Math.pow(2, -10 * f / g) + 1) + a + }, + easeInOutExpo: function (e, f, a, h, g) { + if (f == 0) { + return a + } + if (f == g) { + return a + h + } + if ((f /= g / 2) < 1) { + return h / 2 * Math.pow(2, 10 * (f - 1)) + a + } + return h / 2 * (-Math.pow(2, -10 * --f) + 2) + a + }, + easeInCirc: function (e, f, a, h, g) { + return -h * (Math.sqrt(1 - (f /= g) * f) - 1) + a + }, + easeOutCirc: function (e, f, a, h, g) { + return h * Math.sqrt(1 - (f = f / g - 1) * f) + a + }, + easeInOutCirc: function (e, f, a, h, g) { + if ((f /= g / 2) < 1) { + return -h / 2 * (Math.sqrt(1 - f * f) - 1) + a + } + return h / 2 * (Math.sqrt(1 - (f -= 2) * f) + 1) + a + }, + easeInElastic: function (f, h, e, l, k) { + var i = 1.70158; + var j = 0; + var g = l; + if (h == 0) { + return e + } + if ((h /= k) == 1) { + return e + l + } + if (!j) { + j = k * 0.3 + } + if (g < Math.abs(l)) { + g = l; + var i = j / 4 + } else { + var i = j / (2 * Math.PI) * Math.asin(l / g) + } + return -(g * Math.pow(2, 10 * (h -= 1)) * Math.sin((h * k - i) * (2 * Math.PI) / j)) + e + }, + easeOutElastic: function (f, h, e, l, k) { + var i = 1.70158; + var j = 0; + var g = l; + if (h == 0) { + return e + } + if ((h /= k) == 1) { + return e + l + } + if (!j) { + j = k * 0.3 + } + if (g < Math.abs(l)) { + g = l; + var i = j / 4 + } else { + var i = j / (2 * Math.PI) * Math.asin(l / g) + } + return g * Math.pow(2, -10 * h) * Math.sin((h * k - i) * (2 * Math.PI) / j) + l + e + }, + easeInOutElastic: function (f, h, e, l, k) { + var i = 1.70158; + var j = 0; + var g = l; + if (h == 0) { + return e + } + if ((h /= k / 2) == 2) { + return e + l + } + if (!j) { + j = k * (0.3 * 1.5) + } + if (g < Math.abs(l)) { + g = l; + var i = j / 4 + } else { + var i = j / (2 * Math.PI) * Math.asin(l / g) + } + if (h < 1) { + return -0.5 * (g * Math.pow(2, 10 * (h -= 1)) * Math.sin((h * k - i) * (2 * Math.PI) / j)) + e + } + return g * Math.pow(2, -10 * (h -= 1)) * Math.sin((h * k - i) * (2 * Math.PI) / j) * 0.5 + l + e + }, + easeInBack: function (e, f, a, i, h, g) { + if (g == undefined) { + g = 1.70158 + } + return i * (f /= h) * f * ((g + 1) * f - g) + a + }, + easeOutBack: function (e, f, a, i, h, g) { + if (g == undefined) { + g = 0.70158 + } + return i * ((f = f / h - 1) * f * ((g + 1) * f + g) + 1) + a + }, + easeInOutBack: function (e, f, a, i, h, g) { + if (g == undefined) { + g = 1.70158 + } + if ((f /= h / 2) < 1) { + return i / 2 * (f * f * (((g *= (1.525)) + 1) * f - g)) + a + } + return i / 2 * ((f -= 2) * f * (((g *= (1.525)) + 1) * f + g) + 2) + a + }, + easeInBounce: function (e, f, a, h, g) { + return h - jQuery.easing.easeOutBounce(e, g - f, 0, h, g) + a + }, + easeOutBounce: function (e, f, a, h, g) { + if ((f /= g) < (1 / 2.75)) { + return h * (7.5625 * f * f) + a + } else { + if (f < (2 / 2.75)) { + return h * (7.5625 * (f -= (1.5 / 2.75)) * f + 0.75) + a + } else { + if (f < (2.5 / 2.75)) { + return h * (7.5625 * (f -= (2.25 / 2.75)) * f + 0.9375) + a + } else { + return h * (7.5625 * (f -= (2.625 / 2.75)) * f + 0.984375) + a + } + } + } + }, + easeInOutBounce: function (e, f, a, h, g) { + if (f < g / 2) { + return jQuery.easing.easeInBounce(e, f * 2, 0, h, g) * 0.5 + a + } + return jQuery.easing.easeOutBounce(e, f * 2 - g, 0, h, g) * 0.5 + h * 0.5 + a + } +}); + +var center = $(window).width() / 2; +$(document).ready(function () { + function d() { + $(".slide.active img").each(function () { + var g = parseInt($(this).attr("class").split(" ")[1].replace("left", "")); + var i = g + center; + var h = parseInt($(this).attr("class").split(" ")[3].replace("t", "")); + var f = parseInt($(this).attr("class").split(" ")[4].replace("z", "")); + if ($(this).hasClass("fade")) { + $(this).css({ + left: i, + top: h, + "z-index": f + }) + } else { + $(this).css({ + left: i, + top: h, + "z-index": f + }).show() + } + }); + setTimeout(function () { + $(".slide.active img.fade,.slide.active .info").fadeIn(600, "easeInOutQuad", function () { + $("#feature_slider").removeClass() + }) + }, 800) + } + function c() { + $("#feature_slider").addClass("disabled").append('