martin
/
blechreiz-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Website Module / Working login & logout

This commit is contained in:
Martin Bauer 2013-06-15 21:50:12 +02:00
parent 67822f39c4
commit 111fce5d91
197 changed files with 12038 additions and 126 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.gitignore vendored Normal file
View File

@ -0,0 +1,3 @@
*.pyc
.project
.pydevproject

BIN
blechreiz/database.sqlite
View File

Binary file not shown.

BIN
blechreiz/libgeos_c.so.1.7.8 Executable file
View File

Binary file not shown.

1
blechreiz/settings.py
View File

@ -147,6 +147,7 @@ INSTALLED_APPS = (
'locpick',
'sekizai',
'intern_area',
'website',
)
CRISPY_TEMPLATE_PACK = 'bootstrap'

76
blechreiz/static/css/main.css
View File

@ -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;
}

47
blechreiz/static/css/reset.css
View File

@ -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;
}

209
blechreiz/templates/base.html
View File

@ -1,3 +1,212 @@
<!---------------------------------------------- CSS --------------------------------------------------->
{% addtoblock "css" strip %} <link rel="stylesheet" href="{{STATIC_URL}}/css/bootstrap.min.css" > {% endaddtoblock %}
{% addtoblock "css" strip %} <link rel="stylesheet" href="{{STATIC_URL}}/css/bootstrap-responsive.min.css" > {% endaddtoblock %}
{% addtoblock "css" strip %} <link rel="stylesheet" href="{{STATIC_URL}}/css/bootstrap-overrides.css"> {% endaddtoblock %}
{% addtoblock "css" strip %} <link rel="stylesheet" href="{{STATIC_URL}}/css/theme.css" type="text/css"> {% endaddtoblock %}
{% addtoblock "css" strip %} <link rel="stylesheet" href="{{STATIC_URL}}/css/index.css" type="text/css" media="screen" /> {% endaddtoblock %}
{% addtoblock "css" strip %} <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>{% endaddtoblock %
{% addtoblock "css" %}
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
{% endaddtoblock %}
<!-------------------------------------------- JavaScript --------------------------------------------------->
{% addtoblock "js" strip %} <script src="http://code.jquery.com/jquery-latest.js"></script> {% endaddtoblock %}
{% addtoblock "js" strip %} <script src="{{STATIC_URL}}/js/bootstrap.min.js"></script> {% endaddtoblock %}
{% addtoblock "js" strip %} <script src="{{STATIC_URL}}/js/jquery.countdown.min.js"></script> {% endaddtoblock %}
{% addtoblock "js" strip %} <script src="{{STATIC_URL}}/js/theme.js"></script> {% endaddtoblock %}
{% addtoblock "js" strip %} <script src="{{STATIC_URL}}/js/index-slider.js" type="text/javascript" ></script>{% endaddtoblock %}
<!DOCTYPE html>
<html>
<head>
<title>Blechreiz</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{% render_block "css" %}
</head>
<body class="pull_top">
<!-- Menu -->
<div class="navbar transparent navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="index.html">
<img alt="Blechreiz" src="img/logo.png">
</a>
<div class="nav-collapse collapse">
<ul class="nav pull-right">
{% block menu %} {% endblock %}
</ul>
</div>
</div>
</div>
</div>
<!-- End Menu -->
{% block feature_slider %}
<section id="feature_slider" class="">
<article class="slide" id="showcasing" style="background: url('img/backgrounds/silver.jpg') repeat-x top center;">
<img class="asset left-30 sp600 t120 z1" src="img/slides/blechreiz01/gruppe.png" />
<div class="info">
<h2>Blechreiz</h2>
<h3>12 Musiker für einen guten Zweck </h3>
</div>
</article>
<article class="slide" id="tour" style="background: url('img/slides/blechreiz01/ticotico2.jpg') repeat-x top center;">
<div class="info">
<h2>Konzerte</h2>
<a href="features.html">Termine</a>
</div>
</article>
<article class="slide" id="tour" style="background: url('img/slides/blechreiz01/daempfer.jpg') repeat-x top center;">
<div class="info">
<h2>Konzerte</h2>
<a href="features.html">Termine</a>
</div>
</article>
<article class="slide" id="tour" style="background: url('img/slides/blechreiz01/andi.jpg') repeat-x top center;">
<div class="info">
<h2>Konzerte</h2>
<a href="features.html">Termine</a>
</div>
</article>
<article class="slide" id="tour" style="background: url('img/slides/blechreiz01/andi2.jpg') repeat-x top center;">
<div class="info">
<h2>Konzerte</h2>
<a href="features.html">Termine</a>
</div>
</article>
<article class="slide" id="tour" style="background: url('img/slides/blechreiz01/applaus.jpg') repeat-x top center;">
<div class="info">
<h2>Konzerte</h2>
<a href="features.html">Termine</a>
</div>
</article>
<article class="slide" id="tour" style="background: url('img/slides/blechreiz01/eindruck.jpg') repeat-x top center;">
<div class="info">
<h2>Konzerte</h2>
<a href="features.html">Termine</a>
</div>
</article>
<article class="slide" id="tour" style="background: url('img/slides/blechreiz01/publikum.jpg') repeat-x top center;">
<div class="info">
<h2>Konzerte</h2>
<a href="features.html">Termine</a>
</div>
</article>
<article class="slide" id="tour" style="background: url('img/slides/blechreiz01/spielen2.jpg') repeat-x top center;">
</article>
<article class="slide" id="showcasing" style="background: url('img/backgrounds/black_red_01.jpg') repeat-x top center;">
<img class="asset left-30 sp600 t120 z1" src="img/slides/blechreiz01/tuba.png" />
<div class="info">
<h2>Konzerte</h2>
<a href="features.html">Nächste Termine</a>
</div>
</article>
</section>
{% endblock %}
{% block content %} {% endblock %}
<!-- footer -->
<footer id="footer">
<div class="container">
<div class="row credits">
<div class="span12">
<div class="row copyright">
<div class="span12">
© 2013 Blechreiz
</div>
</div>
</div>
</div>
</div>
</footer>
{% render_block "js" %}
</body>
</html>
<!-- -------------------------------------- Old Stuff starts here -------------------------------- -->
{% load staticfiles %}

90
blechreiz/templates/mainpage.html Normal file
View File

@ -0,0 +1,90 @@
{% extends base.html %}
{% block content %}
{% addtoblock "css" strip %}<link rel="stylesheet" type="text/css" href="css/lib/animate.css" media="screen, projection">{% endaddtoblock %}
{% addtoblock "css" strip %}<link rel="stylesheet" href="css/coming-soon.css" type="text/css" media="screen" />{% endaddtoblock %}
{% addtoblock "js" %}
<script type="text/javascript">
$(function () {
var currentDate = new Date(),
finished = false,
availiableExamples = {
set35daysFromNow: 35 * 24 * 60 * 60 * 1000,
set5minFromNow : 5 * 60 * 1000,
set1minFromNow : 1 * 60 * 1000
};
function callback(event) {
$this = $(this);
$this.find('span#'+event.type).html(event.value);
switch(event.type) {
case "seconds":
case "minutes":
case "hours":
case "days":
case "weeks":
case "daysLeft":
case "finished":
}
}
$('div#clock').countdown(availiableExamples.set35daysFromNow + currentDate.valueOf(), callback);
});
</script>
{% endaddtoblock %}
<div id="coming_soon">
<div class="head">
<div class="container">
<div class="span6 text">
<h4>Unser nächstes Konzert</h4>
<p>
Ist in Rohr um 19:00 in der Was WeissIch Kirche <span>Bis dann</span>
<br />
Dorfplatz 5, Rohr
</p>
</div>
<div class="span6 count" id="clock">
<div class="box last">
<div class="circle">
<span id="seconds"></span>
</div>
<p>Sekunden</p>
</div>
<div class="box">
<div class="circle">
<span id="minutes"></span>
</div>
<p>Minuten</p>
</div>
<div class="box">
<div class="circle">
<span id="hours"></span>
</div>
<p>Stunden</p>
</div>
<div class="box">
<div class="circle">
<span id="days"></span>
</div>
<p>Tage</p>
</div>
<!-- <div class="box">
<div class="circle">
<span id="weeks"></span>
</div>
<p>Weeks</p>
</div> -->
</div>
</div>
</div>
</div>
{% endblock %}

7
blechreiz/urls.py
View File

@ -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<username>[\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),
)

BIN
bootstrapTemplates/clean-canvas-wrap/img/bg-heading-red.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 140 B

2
intern_area/templates/intern_area/login.html
View File

@ -54,4 +54,6 @@
</div><!--/row-->
</div><!--/fluid-row-->
</div><!--/.fluid-container-->
{% endblock %}

5
intern_area/views.py
View File

@ -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')
return render( request, 'intern_area/login.html')

0
website/__init__.py Normal file
View File

3
website/models.py Normal file
View File

@ -0,0 +1,3 @@
from django.db import models
# Create your models here.

316
website/static/css/about.css Normal file
View File

@ -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;
}
}

72
website/static/css/backgrounds.css Normal file
View File

@ -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%;
}
}

240
website/static/css/blog.css Normal file
View File

@ -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%;
}
}

293
website/static/css/blogpost.css Normal file
View File

@ -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;
}
}

279
website/static/css/bootstrap-overrides.css vendored Normal file
View File

@ -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%;
}
}

1109
website/static/css/bootstrap-responsive.css vendored Normal file
View File

File diff suppressed because it is too large Load Diff

9
website/static/css/bootstrap-responsive.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

0
blechreiz/static/css/bootstrap.css → website/static/css/bootstrap.css vendored
View File

0
blechreiz/static/css/bootstrap.min.css → website/static/css/bootstrap.min.css vendored
View File

313
website/static/css/coming-soon.css Normal file
View File

@ -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;
}
}

239
website/static/css/contact.css Normal file
View File

@ -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%;
}
}

232
website/static/css/features.css Normal file
View File

@ -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;
}
}

629
website/static/css/index.css Normal file
View File

@ -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;
}
}

105
website/static/css/jquery.noty.css Normal file
View File

@ -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;
}

3275
website/static/css/lib/animate.css vendored Normal file
View File

File diff suppressed because it is too large Load Diff

76
website/static/css/lib/flexslider.css Executable file
View File

@ -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;}
}

62
website/static/css/lib/isotope.css Normal file
View File

@ -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;
}

240
website/static/css/noty_theme_default.css Normal file
View File

@ -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;
}

110
website/static/css/portfolio-item.css Normal file
View File

@ -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;
}
}

124
website/static/css/portfolio.css Normal file
View File

@ -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%;
}
}

285
website/static/css/pricing.css Normal file
View File

@ -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) {
}

100
website/static/css/reset.css Normal file
View File

@ -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%;
}
}

265
website/static/css/services.css Normal file
View File

@ -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;
}
}

301
website/static/css/sign-in.css Normal file
View File

@ -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%;
}
}

462
website/static/css/sign-up.css Normal file
View File

@ -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) {
}

465
website/static/css/theme.css Normal file
View File

@ -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
-------------------------------------------------- */

BIN
website/static/img/about_slide1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 59 KiB

BIN
website/static/img/ale.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 44 KiB

BIN
website/static/img/arrow-down.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 287 B

BIN
website/static/img/backgrounds/aqua.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 370 KiB

BIN
website/static/img/backgrounds/aqua_thumb.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 42 KiB

BIN
website/static/img/backgrounds/baby-blue.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 536 KiB

BIN
website/static/img/backgrounds/baby_blue_thumb.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 56 KiB

BIN
website/static/img/backgrounds/beige.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 29 KiB

BIN
website/static/img/backgrounds/black.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 338 KiB

BIN
website/static/img/backgrounds/black_red_01.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

BIN
website/static/img/backgrounds/black_thumb.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 34 KiB

BIN
website/static/img/backgrounds/color-splash.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 301 KiB

BIN
website/static/img/backgrounds/color-splash_01.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

BIN
website/static/img/backgrounds/color_splash_thumb.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

BIN
website/static/img/backgrounds/deep-green.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 354 KiB

BIN
website/static/img/backgrounds/deep_green_thumb.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 37 KiB

BIN
website/static/img/backgrounds/flower.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 388 KiB

BIN
website/static/img/backgrounds/flower_thumb.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 43 KiB

BIN
website/static/img/backgrounds/grau.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

BIN
website/static/img/backgrounds/hell.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

BIN
website/static/img/backgrounds/indigo.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 374 KiB

BIN
website/static/img/backgrounds/indigo_thumb.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 40 KiB

BIN
website/static/img/backgrounds/landscape.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 348 KiB

BIN
website/static/img/backgrounds/mango.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 635 KiB

BIN
website/static/img/backgrounds/mango_thumb.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 55 KiB

BIN
website/static/img/backgrounds/mint.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 359 KiB

BIN
website/static/img/backgrounds/mint_thumb.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 39 KiB

BIN
website/static/img/backgrounds/ocean.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 379 KiB

BIN
website/static/img/backgrounds/ocean_thumb.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 42 KiB

BIN
website/static/img/backgrounds/redstripes.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 89 KiB

BIN
website/static/img/backgrounds/rotschraeg.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 90 KiB

BIN
website/static/img/backgrounds/silver.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 340 KiB

BIN
website/static/img/backgrounds/silver_thumb.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 34 KiB

BIN
website/static/img/backgrounds/water.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 383 KiB

BIN
website/static/img/backgrounds/water_thumb.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 42 KiB

BIN
website/static/img/badge.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
website/static/img/bg-heading-red.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 140 B

BIN
website/static/img/bg_direction_nav.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
website/static/img/blechreiz_logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

BIN
website/static/img/blog1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 104 KiB

BIN
website/static/img/blog2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 88 KiB

BIN
website/static/img/blog3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 128 KiB

BIN
website/static/img/blog_post.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 206 KiB

BIN
website/static/img/body_bg.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.6 KiB

BIN
website/static/img/client1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

BIN
website/static/img/client2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.0 KiB

BIN
website/static/img/client3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.9 KiB

BIN
website/static/img/contact_icos.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 664 B

BIN
website/static/img/design.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 762 B

BIN
website/static/img/develop.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
website/static/img/face.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 479 B

BIN
website/static/img/features-ico1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 730 B

BIN
website/static/img/features-ico2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 852 B

BIN
website/static/img/features-ico3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 401 B

BIN
website/static/img/features-ico4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 759 B

BIN
website/static/img/features-ico5.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
website/static/img/features-ico6.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 617 B

BIN
website/static/img/features-ico7.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
website/static/img/folio_item1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 271 KiB

BIN
website/static/img/folio_item2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 372 KiB

Some files were not shown because too many files have changed in this diff Show More