@@ -0,0 +1,26 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<link rel="icon" type="image/x-icon" href="https://cdn-icons-png.flaticon.com/512/6402/6402576.png">
|
||||
<title> title </title>
|
||||
<table>
|
||||
<tr>
|
||||
<th>namespace</th>
|
||||
<th>name</th>
|
||||
<th>replicas</th>
|
||||
</tr>
|
||||
{% block content %}
|
||||
{% for machine_target in list_servers_up %}
|
||||
<tr>
|
||||
<td>{{ machine_target.0 }}</td>
|
||||
<td>{{ machine_target.1 }}</td>
|
||||
<td>{{ machine_target.2 }}</td>
|
||||
|
||||
</tr>
|
||||
{% endfor %}
|
||||
{% endblock %}
|
||||
</table>
|
||||
|
||||
</head>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,294 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<title>Redirect form</title>
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto|Varela+Round">
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
|
||||
<style>
|
||||
@charset "UTF-8";
|
||||
.m-b-xs {
|
||||
margin-bottom: 2%;
|
||||
}
|
||||
|
||||
.m-b-md {
|
||||
margin-bottom: 10%;
|
||||
}
|
||||
|
||||
.m-t-xs {
|
||||
margin-top: 2%;
|
||||
}
|
||||
|
||||
.m-t-sm {
|
||||
margin-top: 5%;
|
||||
}
|
||||
|
||||
* {
|
||||
outline: 0 !important;
|
||||
}
|
||||
|
||||
body {
|
||||
padding: 2% 0;
|
||||
background-color: #37404a;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-family: "Roboto", sans-serif;
|
||||
font-size: 2.2em;
|
||||
font-weight: 300;
|
||||
color: #85ffc7;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
p {
|
||||
font-family: "Roboto", sans-serif;
|
||||
font-size: 1.1em;
|
||||
font-weight: 300;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #fff;
|
||||
}
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#survey-form label,
|
||||
#survey-form .labels {
|
||||
display: block;
|
||||
margin-bottom: 2%;
|
||||
font-family: "Roboto", sans-serif;
|
||||
font-size: 1.1em;
|
||||
font-weight: 300;
|
||||
color: #fff;
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
#survey-form input::-webkit-input-placeholder {
|
||||
color: transparent !important;
|
||||
}
|
||||
#survey-form input::-moz-placeholder {
|
||||
color: transparent !important;
|
||||
}
|
||||
#survey-form input:-ms-input-placeholder {
|
||||
color: transparent !important;
|
||||
}
|
||||
#survey-form input:-moz-placeholder {
|
||||
color: transparent !important;
|
||||
}
|
||||
#survey-form input,
|
||||
#survey-form select {
|
||||
display: block;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
outline: none;
|
||||
border: 2px solid #333;
|
||||
}
|
||||
#survey-form input {
|
||||
margin-top: 1.5%;
|
||||
padding: 0 0 5px 0;
|
||||
background: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
border-bottom: 2px solid #fff;
|
||||
font-size: 1.1em;
|
||||
font-weight: 300;
|
||||
color: #85ffc7;
|
||||
}
|
||||
#survey-form input:focus {
|
||||
border-color: #85ffc7;
|
||||
}
|
||||
#survey-form [type=checkbox],
|
||||
#survey-form [type=radio] {
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
margin: 0px 10px 0 0;
|
||||
}
|
||||
#survey-form [type=checkbox],
|
||||
#survey-form [type=radio] {
|
||||
display: inline-block;
|
||||
margin: 0 10px 0 0 !important;
|
||||
position: relative;
|
||||
top: 5px;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
-o-appearance: none;
|
||||
appearance: none;
|
||||
height: 23px;
|
||||
width: 23px;
|
||||
transition: all 0.15s ease-out 0s;
|
||||
background: #37404a;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
z-index: 1000;
|
||||
border: 1px solid #fff;
|
||||
}
|
||||
#survey-form [type=checkbox]:hover,
|
||||
#survey-form [type=radio]:hover {
|
||||
border-color: #85ffc7;
|
||||
}
|
||||
#survey-form [type=checkbox]:checked:before,
|
||||
#survey-form [type=radio]:checked:before {
|
||||
display: inline-block;
|
||||
height: 21px;
|
||||
width: 21px;
|
||||
position: relative;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
content: "";
|
||||
text-align: center;
|
||||
font-family: "Glyphicons Halflings";
|
||||
line-height: 20px;
|
||||
font-size: 15px;
|
||||
color: #85ffc7;
|
||||
}
|
||||
#survey-form [type=checkbox]:focus,
|
||||
#survey-form [type=radio]:focus {
|
||||
outline: none;
|
||||
border-color: #fff;
|
||||
}
|
||||
#survey-form [type=radio] {
|
||||
border-radius: 50%;
|
||||
}
|
||||
#survey-form [type=radio]:after {
|
||||
border-radius: 50%;
|
||||
}
|
||||
#survey-form [type=number] {
|
||||
width: 45px;
|
||||
}
|
||||
#survey-form [type=number]::-webkit-inner-spin-button, #survey-form [type=number]::-webkit-outer-spin-button {
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
margin: 0;
|
||||
}
|
||||
#survey-form select {
|
||||
height: 40px;
|
||||
padding-left: 5px;
|
||||
background-color: #37404a;
|
||||
border: 2px solid #fff;
|
||||
color: #85ffc7;
|
||||
}
|
||||
#survey-form select option {
|
||||
padding: 5px 10px;
|
||||
font-weight: 300;
|
||||
cursor: pointer;
|
||||
}
|
||||
#survey-form select option:hover {
|
||||
background-color: #85ffc7;
|
||||
}
|
||||
#survey-form textarea {
|
||||
resize: none;
|
||||
margin-top: 2%;
|
||||
padding: 10px 10px 0px 20px;
|
||||
width: 100%;
|
||||
height: 90px;
|
||||
color: #85ffc7;
|
||||
background-color: #37404a;
|
||||
border: 2px solid #fff;
|
||||
}
|
||||
#survey-form .btn {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
margin: 3% 0 0 0;
|
||||
height: 45px;
|
||||
text-transform: uppercase;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
border: 3px solid #85ffc7;
|
||||
border-radius: 0;
|
||||
font-weight: 500;
|
||||
font-size: 1.2em;
|
||||
color: #85ffc7;
|
||||
text-align: center;
|
||||
background: none;
|
||||
transition: color 0.25s ease;
|
||||
}
|
||||
#survey-form .btn:after {
|
||||
position: absolute;
|
||||
content: "";
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 0;
|
||||
height: 100%;
|
||||
background-color: #85ffc7;
|
||||
transform-origin: left;
|
||||
transition: width 0.5s ease;
|
||||
z-index: -1;
|
||||
}
|
||||
#survey-form .btn:hover {
|
||||
color: #37404a;
|
||||
}
|
||||
#survey-form .btn:hover:after {
|
||||
width: 100%;
|
||||
}
|
||||
#survey-form fieldset {
|
||||
margin: 5% 0 0 0;
|
||||
}
|
||||
|
||||
.copyright {
|
||||
text-align: center;
|
||||
font-size: 10px;
|
||||
color: #fff;
|
||||
}
|
||||
.copyright i {
|
||||
color: #ef5350;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 600px) {
|
||||
body {
|
||||
padding: 8% 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<main id="main" class="container">
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-lg-offset-3 col-lg-6">
|
||||
<div class="m-b-md text-center">
|
||||
<h1 id="title">Redirect Form</h1>
|
||||
<p id="description" class="description" class="text-center">Download form</p>
|
||||
</div>
|
||||
<form method="GET" action="/redirect-form/" id="survey-form" name="survey-form">
|
||||
|
||||
<fieldset>
|
||||
<label for="key" id="key-label">
|
||||
Key *
|
||||
<input class="" type="text" id="key" name="key" placeholder="Enter your key (required)" required />
|
||||
</label>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label for="value" id="value-label">
|
||||
Value *
|
||||
<input class="" type="value" id="value" name="value" placeholder="Enter the value (required)" />
|
||||
</label>
|
||||
</fieldset>
|
||||
|
||||
<button id="submit" type="submit" class="btn">Submit the form</button>
|
||||
<button id="clearkey" type="submit" formaction="/clearkey/" class="btn">Clear the key</button>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<button type="button" onclick="location.href='/go/streaming'" class="btn">Streaming</button>
|
||||
</div>
|
||||
<div class="col">
|
||||
<button type="button" onclick="location.href='/go/streaming-sam'" class="btn">Streaming Sam</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
</html>
|
||||
@@ -0,0 +1,407 @@
|
||||
/* Blue Version CSS */
|
||||
|
||||
a:link, a:visited, a:hover, a:focus{text-decoration: none; color: #00cfef;}
|
||||
|
||||
|
||||
/* Home Slider */
|
||||
#home-slider .caption h1 strong{
|
||||
color:#00cfef;
|
||||
}
|
||||
|
||||
.left-control:hover,
|
||||
.right-control:hover {
|
||||
background-color: #00cfef;
|
||||
}
|
||||
|
||||
.learn-more {
|
||||
border: 2px solid #00cfef;
|
||||
}
|
||||
.learn-more:hover {
|
||||
background: #00cfef;
|
||||
}
|
||||
|
||||
.left-control, .right-control {
|
||||
border:1px solid #00cfef;
|
||||
}
|
||||
/* End Home Slider */
|
||||
|
||||
|
||||
/* Navbar */
|
||||
|
||||
/* Link Color */
|
||||
.navbar-inverse { border-color: #00cfef}
|
||||
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #00cfef}
|
||||
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #00cfef}
|
||||
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #00cfef}
|
||||
.dropdown-menu>li>a { color: #00cfef}
|
||||
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #00cfef}
|
||||
|
||||
.navbar-toggle {
|
||||
border: transparent;
|
||||
background-color: #00cfef;
|
||||
}
|
||||
|
||||
.navbar-inverse .navbar-toggle:hover,
|
||||
.navbar-inverse .navbar-toggle:focus {
|
||||
background-color: #00cfef;
|
||||
}
|
||||
|
||||
/* End Navbar */
|
||||
|
||||
/* Loader */
|
||||
.spinner > div
|
||||
{
|
||||
background: #00cfef;
|
||||
}
|
||||
/* End Loader*/
|
||||
|
||||
/* Titles & Color */
|
||||
.section-title h1 span{
|
||||
background-color: #00cfef;
|
||||
}
|
||||
|
||||
|
||||
.btn {
|
||||
background-image: none;
|
||||
background-color: #00cfef;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
a.btn {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.btn a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.btn-inverse:hover{
|
||||
color: #fff;
|
||||
background-color: #00cfef;
|
||||
}
|
||||
|
||||
.btn-inverse:hover a{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
a.btn-inverse:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
.btn:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.btn:hover a{
|
||||
color: #00cfef;
|
||||
}
|
||||
|
||||
.btn-inverse {
|
||||
color: #00cfef;
|
||||
border: 1px solid #00cfef;
|
||||
}
|
||||
|
||||
a.btn-inverse{
|
||||
color: #00cfef;
|
||||
}
|
||||
|
||||
.btn-inverse a{
|
||||
color: #00cfef;
|
||||
}
|
||||
|
||||
|
||||
a.btn:hover {
|
||||
color: #00cfef;
|
||||
}
|
||||
|
||||
.btn a:hover {
|
||||
color: #00cfef;
|
||||
}
|
||||
|
||||
.btn-one{
|
||||
background: none repeat scroll 0 0 #00cfef;
|
||||
border: 1px solid #00cfef;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.btn-one:hover {
|
||||
border: 1px solid #00cfef;
|
||||
color: #00cfef;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
|
||||
.btn:hover {
|
||||
border: 1px solid #00cfef;
|
||||
color: #00cfef;
|
||||
}
|
||||
|
||||
.hovicon.effect-1 {
|
||||
background: #00cfef;
|
||||
}
|
||||
|
||||
.hovicon.effect-1:after {
|
||||
box-shadow: 0 0 0 4px #00cfef;
|
||||
}
|
||||
|
||||
.text-color {
|
||||
background: none repeat scroll 0 0 #00cfef;
|
||||
}
|
||||
|
||||
.dporcaps-negative {
|
||||
background: none repeat scroll 0 0 #00cfef;
|
||||
}
|
||||
|
||||
.dporcaps {
|
||||
color: #00cfef;
|
||||
}
|
||||
|
||||
.blockqoute-style-2 {
|
||||
border-left: 5px solid #00cfef;
|
||||
}
|
||||
|
||||
cite {
|
||||
color: #00cfef;
|
||||
}
|
||||
|
||||
|
||||
/* Effect 1a */
|
||||
.hovicon.effect-1.sub-a:hover {
|
||||
background: #00cfef;
|
||||
}
|
||||
|
||||
.main-color
|
||||
{
|
||||
color: #00cfef;
|
||||
}
|
||||
|
||||
.white-color
|
||||
{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* End Titles & Color */
|
||||
|
||||
|
||||
/* Facts */
|
||||
.number p:first-letter {
|
||||
color: #00cfef;
|
||||
}
|
||||
/* End Facts */
|
||||
|
||||
/* Team Member */
|
||||
.team-member-holder:hover {
|
||||
border-color: #00cfef;
|
||||
}
|
||||
|
||||
.img-overlay {
|
||||
background: #00cfef;
|
||||
}
|
||||
|
||||
.view-profile {
|
||||
color:#00cfef;
|
||||
}
|
||||
|
||||
.team-member-social-list-item {
|
||||
color: #00cfef;
|
||||
}
|
||||
|
||||
.team-details h3{
|
||||
color: #00cdef;
|
||||
}
|
||||
/* End Team Member */
|
||||
|
||||
/* Skills */
|
||||
.skills h4:first-letter {
|
||||
color: #00cfef;
|
||||
}
|
||||
/* End Skills */
|
||||
|
||||
/* Works */
|
||||
#filters li span.active,#filters li span:hover {
|
||||
background: #00cfef;
|
||||
}
|
||||
|
||||
#filters li span {
|
||||
border: 1px solid #00cfef;
|
||||
color: #00cfef;
|
||||
}
|
||||
|
||||
.project-details h3 {
|
||||
color: #00cfef;
|
||||
}
|
||||
|
||||
.project-description h3 {
|
||||
color: #00cfef;
|
||||
}
|
||||
|
||||
/* End Works */
|
||||
|
||||
/* Partners */
|
||||
.partners-img:hover img{
|
||||
border-color: #00cfef;
|
||||
}
|
||||
/* End Partners */
|
||||
|
||||
/* Pricing */
|
||||
.single-table h4:first-letter {
|
||||
color: #00cfef;
|
||||
}
|
||||
|
||||
.price-icon {
|
||||
background-color: #00cfef;
|
||||
}
|
||||
|
||||
span.price {
|
||||
color: #00cfef;
|
||||
}
|
||||
|
||||
.single-table .btn-price, .sign_form input[type="submit"] {
|
||||
background: none repeat scroll 0 0 #00cfef;
|
||||
border: 1px solid #00cfef;
|
||||
}
|
||||
|
||||
.single-table .btn-price:hover {
|
||||
border: 1px solid #00cfef;
|
||||
color: #00cfef;
|
||||
}
|
||||
|
||||
.single-table.featured .price-icon, .single-table.featured .btn-price {
|
||||
color: #00cfef;
|
||||
}
|
||||
|
||||
.single-table.featured{
|
||||
background-color: #00cfef;
|
||||
}
|
||||
|
||||
.single-table.featured .price {
|
||||
background-color: #00cfef;
|
||||
}
|
||||
/* End Pricing */
|
||||
|
||||
/* Clients */
|
||||
.clients h5 {
|
||||
color: #00cfef;
|
||||
}
|
||||
|
||||
.carousel-indicators .active {
|
||||
background-color: #00cfef;
|
||||
border-color: #00cfef;
|
||||
}
|
||||
|
||||
.carousel-indicators li {
|
||||
border-color: #00cfef;
|
||||
}
|
||||
/* End Clients */
|
||||
|
||||
/* News */
|
||||
.post-date {
|
||||
background-color: #00cfef;
|
||||
}
|
||||
|
||||
.entry-title a:hover {
|
||||
color: #00cfef;
|
||||
}
|
||||
/* End News */
|
||||
|
||||
/* Blog */
|
||||
.widget.tags-cloud a {
|
||||
border: 1px solid #00cfef;
|
||||
}
|
||||
|
||||
.widget.tags-cloud a:hover {
|
||||
border: 1px solid #00cfef;
|
||||
background-color: #00cfef;
|
||||
}
|
||||
|
||||
.tags a {
|
||||
border: 1px solid #00cfef;
|
||||
}
|
||||
|
||||
.tags a:hover {
|
||||
border: 1px solid #00cfef;
|
||||
background-color: #00cfef;
|
||||
}
|
||||
|
||||
|
||||
.pager li > a, .pager li > span {
|
||||
border: 1px solid #00cfef;
|
||||
}
|
||||
.pager li > a:hover, .pager li > a:focus {
|
||||
border: 1px solid #00cfef;
|
||||
background-color: #00cfef;
|
||||
}
|
||||
/* End Blog */
|
||||
|
||||
|
||||
/* Tweet */
|
||||
#twitter-carousel .item a {
|
||||
color: #00cfef;
|
||||
}
|
||||
|
||||
.twitter-icon .fa-twitter:after {
|
||||
border-color: #00cfef transparent transparent;
|
||||
}
|
||||
|
||||
.twitter-icon .fa-twitter, .twitter-left-control:hover, .twitter-right-control:hover {
|
||||
background-color: #00cfef;
|
||||
}
|
||||
/* End Tweet */
|
||||
|
||||
/* Footer */
|
||||
.bottom-footer {
|
||||
border-top: 7px solid #00cfef;
|
||||
}
|
||||
|
||||
.bottom-footer-left p a {
|
||||
color: #00cfef;
|
||||
}
|
||||
|
||||
.bottom-social-icons li a i{
|
||||
background-color: #00cfef;
|
||||
border: 1px solid #00cfef;
|
||||
}
|
||||
|
||||
.bottom-social-icons li a i:hover{
|
||||
color: #00cfef;
|
||||
}
|
||||
|
||||
/* End Footer */
|
||||
|
||||
/* Contacts */
|
||||
.contact_form i{
|
||||
color: #00cfef;
|
||||
}
|
||||
|
||||
.contact_form input[type="submit"] {
|
||||
background: #00cfef;
|
||||
border: 1px solid #00cfef;
|
||||
}
|
||||
|
||||
.contact_form input[type="submit"]:hover {
|
||||
color: #00cfef;
|
||||
}
|
||||
|
||||
.sign_form input[type="submit"]:hover {
|
||||
color: #00cfef;
|
||||
}
|
||||
/* End Contacts */
|
||||
|
||||
/* To Top */
|
||||
a.scroll-up {
|
||||
background: none repeat scroll 0 0 #00cfef;
|
||||
}
|
||||
a.scroll-up i {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
a.scroll-up:hover i {
|
||||
color: #00cfef;
|
||||
}
|
||||
|
||||
a.scroll-up:hover {
|
||||
color: #00cfef;
|
||||
border-color: #00cfef;
|
||||
}
|
||||
/* End To Top */
|
||||
@@ -0,0 +1,470 @@
|
||||
/*!
|
||||
* Bootstrap v3.3.1 (http://getbootstrap.com)
|
||||
* Copyright 2011-2014 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
*/
|
||||
|
||||
.btn-default,
|
||||
.btn-primary,
|
||||
.btn-success,
|
||||
.btn-info,
|
||||
.btn-warning,
|
||||
.btn-danger {
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
|
||||
}
|
||||
.btn-default:active,
|
||||
.btn-primary:active,
|
||||
.btn-success:active,
|
||||
.btn-info:active,
|
||||
.btn-warning:active,
|
||||
.btn-danger:active,
|
||||
.btn-default.active,
|
||||
.btn-primary.active,
|
||||
.btn-success.active,
|
||||
.btn-info.active,
|
||||
.btn-warning.active,
|
||||
.btn-danger.active {
|
||||
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
|
||||
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
|
||||
}
|
||||
.btn-default .badge,
|
||||
.btn-primary .badge,
|
||||
.btn-success .badge,
|
||||
.btn-info .badge,
|
||||
.btn-warning .badge,
|
||||
.btn-danger .badge {
|
||||
text-shadow: none;
|
||||
}
|
||||
.btn:active,
|
||||
.btn.active {
|
||||
background-image: none;
|
||||
}
|
||||
.btn-default {
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
|
||||
background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
|
||||
background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #dbdbdb;
|
||||
border-color: #ccc;
|
||||
}
|
||||
.btn-default:hover,
|
||||
.btn-default:focus {
|
||||
background-color: #e0e0e0;
|
||||
background-position: 0 -15px;
|
||||
}
|
||||
.btn-default:active,
|
||||
.btn-default.active {
|
||||
background-color: #e0e0e0;
|
||||
border-color: #dbdbdb;
|
||||
}
|
||||
.btn-default:disabled,
|
||||
.btn-default[disabled] {
|
||||
background-color: #e0e0e0;
|
||||
background-image: none;
|
||||
}
|
||||
.btn-primary {
|
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
|
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
|
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #245580;
|
||||
}
|
||||
.btn-primary:hover,
|
||||
.btn-primary:focus {
|
||||
background-color: #265a88;
|
||||
background-position: 0 -15px;
|
||||
}
|
||||
.btn-primary:active,
|
||||
.btn-primary.active {
|
||||
background-color: #265a88;
|
||||
border-color: #245580;
|
||||
}
|
||||
.btn-primary:disabled,
|
||||
.btn-primary[disabled] {
|
||||
background-color: #265a88;
|
||||
background-image: none;
|
||||
}
|
||||
.btn-success {
|
||||
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
|
||||
background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
|
||||
background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #3e8f3e;
|
||||
}
|
||||
.btn-success:hover,
|
||||
.btn-success:focus {
|
||||
background-color: #419641;
|
||||
background-position: 0 -15px;
|
||||
}
|
||||
.btn-success:active,
|
||||
.btn-success.active {
|
||||
background-color: #419641;
|
||||
border-color: #3e8f3e;
|
||||
}
|
||||
.btn-success:disabled,
|
||||
.btn-success[disabled] {
|
||||
background-color: #419641;
|
||||
background-image: none;
|
||||
}
|
||||
.btn-info {
|
||||
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
|
||||
background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
|
||||
background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #28a4c9;
|
||||
}
|
||||
.btn-info:hover,
|
||||
.btn-info:focus {
|
||||
background-color: #2aabd2;
|
||||
background-position: 0 -15px;
|
||||
}
|
||||
.btn-info:active,
|
||||
.btn-info.active {
|
||||
background-color: #2aabd2;
|
||||
border-color: #28a4c9;
|
||||
}
|
||||
.btn-info:disabled,
|
||||
.btn-info[disabled] {
|
||||
background-color: #2aabd2;
|
||||
background-image: none;
|
||||
}
|
||||
.btn-warning {
|
||||
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
|
||||
background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
|
||||
background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #e38d13;
|
||||
}
|
||||
.btn-warning:hover,
|
||||
.btn-warning:focus {
|
||||
background-color: #eb9316;
|
||||
background-position: 0 -15px;
|
||||
}
|
||||
.btn-warning:active,
|
||||
.btn-warning.active {
|
||||
background-color: #eb9316;
|
||||
border-color: #e38d13;
|
||||
}
|
||||
.btn-warning:disabled,
|
||||
.btn-warning[disabled] {
|
||||
background-color: #eb9316;
|
||||
background-image: none;
|
||||
}
|
||||
.btn-danger {
|
||||
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
|
||||
background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
|
||||
background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #b92c28;
|
||||
}
|
||||
.btn-danger:hover,
|
||||
.btn-danger:focus {
|
||||
background-color: #c12e2a;
|
||||
background-position: 0 -15px;
|
||||
}
|
||||
.btn-danger:active,
|
||||
.btn-danger.active {
|
||||
background-color: #c12e2a;
|
||||
border-color: #b92c28;
|
||||
}
|
||||
.btn-danger:disabled,
|
||||
.btn-danger[disabled] {
|
||||
background-color: #c12e2a;
|
||||
background-image: none;
|
||||
}
|
||||
.thumbnail,
|
||||
.img-thumbnail {
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
|
||||
}
|
||||
.dropdown-menu > li > a:hover,
|
||||
.dropdown-menu > li > a:focus {
|
||||
background-color: #e8e8e8;
|
||||
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
|
||||
background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
|
||||
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.dropdown-menu > .active > a,
|
||||
.dropdown-menu > .active > a:hover,
|
||||
.dropdown-menu > .active > a:focus {
|
||||
background-color: #2e6da4;
|
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
|
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
|
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.navbar-default {
|
||||
background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%);
|
||||
background-image: -o-linear-gradient(top, #fff 0%, #f8f8f8 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
|
||||
background-image: linear-gradient(to bottom, #fff 0%, #f8f8f8 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
background-repeat: repeat-x;
|
||||
border-radius: 4px;
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
|
||||
}
|
||||
.navbar-default .navbar-nav > .open > a,
|
||||
.navbar-default .navbar-nav > .active > a {
|
||||
background-image: -webkit-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
|
||||
background-image: -o-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#e2e2e2));
|
||||
background-image: linear-gradient(to bottom, #dbdbdb 0%, #e2e2e2 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
|
||||
box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
|
||||
}
|
||||
.navbar-brand,
|
||||
.navbar-nav > li > a {
|
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
|
||||
}
|
||||
.navbar-inverse {
|
||||
background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%);
|
||||
background-image: -o-linear-gradient(top, #3c3c3c 0%, #222 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222));
|
||||
background-image: linear-gradient(to bottom, #3c3c3c 0%, #222 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.navbar-inverse .navbar-nav > .open > a,
|
||||
.navbar-inverse .navbar-nav > .active > a {
|
||||
background-image: -webkit-linear-gradient(top, #080808 0%, #0f0f0f 100%);
|
||||
background-image: -o-linear-gradient(top, #080808 0%, #0f0f0f 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#080808), to(#0f0f0f));
|
||||
background-image: linear-gradient(to bottom, #080808 0%, #0f0f0f 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
|
||||
box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
|
||||
}
|
||||
.navbar-inverse .navbar-brand,
|
||||
.navbar-inverse .navbar-nav > li > a {
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
|
||||
}
|
||||
.navbar-static-top,
|
||||
.navbar-fixed-top,
|
||||
.navbar-fixed-bottom {
|
||||
border-radius: 0;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.navbar .navbar-nav .open .dropdown-menu > .active > a,
|
||||
.navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
|
||||
.navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
|
||||
color: #fff;
|
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
|
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
|
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
}
|
||||
.alert {
|
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
|
||||
}
|
||||
.alert-success {
|
||||
background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
|
||||
background-image: -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
|
||||
background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #b2dba1;
|
||||
}
|
||||
.alert-info {
|
||||
background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
|
||||
background-image: -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0));
|
||||
background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #9acfea;
|
||||
}
|
||||
.alert-warning {
|
||||
background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
|
||||
background-image: -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0));
|
||||
background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #f5e79e;
|
||||
}
|
||||
.alert-danger {
|
||||
background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
|
||||
background-image: -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
|
||||
background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #dca7a7;
|
||||
}
|
||||
.progress {
|
||||
background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
|
||||
background-image: -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5));
|
||||
background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.progress-bar {
|
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #286090 100%);
|
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #286090 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#286090));
|
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #286090 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.progress-bar-success {
|
||||
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
|
||||
background-image: -o-linear-gradient(top, #5cb85c 0%, #449d44 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#449d44));
|
||||
background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.progress-bar-info {
|
||||
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
|
||||
background-image: -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#31b0d5));
|
||||
background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.progress-bar-warning {
|
||||
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
|
||||
background-image: -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f));
|
||||
background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.progress-bar-danger {
|
||||
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
|
||||
background-image: -o-linear-gradient(top, #d9534f 0%, #c9302c 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c));
|
||||
background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.progress-bar-striped {
|
||||
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
|
||||
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
|
||||
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
|
||||
}
|
||||
.list-group {
|
||||
border-radius: 4px;
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
|
||||
}
|
||||
.list-group-item.active,
|
||||
.list-group-item.active:hover,
|
||||
.list-group-item.active:focus {
|
||||
text-shadow: 0 -1px 0 #286090;
|
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2b669a 100%);
|
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #2b669a 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2b669a));
|
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #2b669a 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #2b669a;
|
||||
}
|
||||
.list-group-item.active .badge,
|
||||
.list-group-item.active:hover .badge,
|
||||
.list-group-item.active:focus .badge {
|
||||
text-shadow: none;
|
||||
}
|
||||
.panel {
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
|
||||
}
|
||||
.panel-default > .panel-heading {
|
||||
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
|
||||
background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
|
||||
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.panel-primary > .panel-heading {
|
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
|
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
|
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.panel-success > .panel-heading {
|
||||
background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
|
||||
background-image: -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6));
|
||||
background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.panel-info > .panel-heading {
|
||||
background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
|
||||
background-image: -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3));
|
||||
background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.panel-warning > .panel-heading {
|
||||
background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
|
||||
background-image: -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc));
|
||||
background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.panel-danger > .panel-heading {
|
||||
background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
|
||||
background-image: -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc));
|
||||
background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.well {
|
||||
background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
|
||||
background-image: -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f5f5f5));
|
||||
background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #dcdcdc;
|
||||
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
|
||||
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
|
||||
}
|
||||
/*# sourceMappingURL=bootstrap-theme.css.map */
|
||||
@@ -0,0 +1,410 @@
|
||||
/* Golden Version CSS */
|
||||
|
||||
a:link, a:visited, a:hover, a:focus{text-decoration: none; color: #C0A777;}
|
||||
|
||||
.navbar-brand {
|
||||
background: url("../../images/logo-white8.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
/* Home Slider */
|
||||
#home-slider .caption h1 strong{
|
||||
color:#C0A777;
|
||||
}
|
||||
|
||||
.left-control:hover,
|
||||
.right-control:hover {
|
||||
background-color: #C0A777;
|
||||
}
|
||||
|
||||
.learn-more {
|
||||
border: 2px solid #C0A777;
|
||||
}
|
||||
.learn-more:hover {
|
||||
background: #C0A777;
|
||||
}
|
||||
|
||||
.left-control, .right-control {
|
||||
border:1px solid #C0A777;
|
||||
}
|
||||
/* End Home Slider */
|
||||
|
||||
|
||||
/* Navbar */
|
||||
|
||||
/* Link Color */
|
||||
.navbar-inverse { border-color: #C0A777}
|
||||
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #C0A777}
|
||||
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #C0A777}
|
||||
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #C0A777}
|
||||
.dropdown-menu>li>a { color: #C0A777}
|
||||
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #C0A777}
|
||||
|
||||
.navbar-toggle {
|
||||
border: transparent;
|
||||
background-color: #C0A777;
|
||||
}
|
||||
|
||||
.navbar-inverse .navbar-toggle:hover,
|
||||
.navbar-inverse .navbar-toggle:focus {
|
||||
background-color: #C0A777;
|
||||
}
|
||||
|
||||
/* End Navbar */
|
||||
|
||||
/* Loader */
|
||||
.spinner > div
|
||||
{
|
||||
background: #C0A777;
|
||||
}
|
||||
/* End Loader */
|
||||
|
||||
/* Titles & Color */
|
||||
.section-title h1 span{
|
||||
background-color: #C0A777;
|
||||
}
|
||||
|
||||
|
||||
.btn {
|
||||
background-image: none;
|
||||
background-color: #C0A777;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
a.btn {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.btn a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.btn-inverse:hover{
|
||||
color: #fff;
|
||||
background-color: #C0A777;
|
||||
}
|
||||
|
||||
.btn-inverse:hover a{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
a.btn-inverse:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
.btn:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.btn:hover a{
|
||||
color: #C0A777;
|
||||
}
|
||||
|
||||
.btn-inverse {
|
||||
color: #C0A777;
|
||||
border: 1px solid #C0A777;
|
||||
}
|
||||
|
||||
a.btn-inverse{
|
||||
color: #C0A777;
|
||||
}
|
||||
|
||||
.btn-inverse a{
|
||||
color: #C0A777;
|
||||
}
|
||||
|
||||
|
||||
a.btn:hover {
|
||||
color: #C0A777;
|
||||
}
|
||||
|
||||
.btn a:hover {
|
||||
color: #C0A777;
|
||||
}
|
||||
|
||||
.btn-one{
|
||||
background: none repeat scroll 0 0 #C0A777;
|
||||
border: 1px solid #C0A777;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.btn-one:hover {
|
||||
border: 1px solid #C0A777;
|
||||
color: #C0A777;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
|
||||
.btn:hover {
|
||||
border: 1px solid #C0A777;
|
||||
color: #C0A777;
|
||||
}
|
||||
|
||||
.hovicon.effect-1 {
|
||||
background: #C0A777;
|
||||
}
|
||||
|
||||
.hovicon.effect-1:after {
|
||||
box-shadow: 0 0 0 4px #C0A777;
|
||||
}
|
||||
|
||||
.text-color {
|
||||
background: none repeat scroll 0 0 #C0A777;
|
||||
}
|
||||
|
||||
.dporcaps-negative {
|
||||
background: none repeat scroll 0 0 #C0A777;
|
||||
}
|
||||
|
||||
.dporcaps {
|
||||
color: #C0A777;
|
||||
}
|
||||
|
||||
.blockqoute-style-2 {
|
||||
border-left: 5px solid #C0A777;
|
||||
}
|
||||
|
||||
cite {
|
||||
color: #C0A777;
|
||||
}
|
||||
|
||||
|
||||
/* Effect 1a */
|
||||
.hovicon.effect-1.sub-a:hover {
|
||||
background: #C0A777;
|
||||
}
|
||||
|
||||
.main-color
|
||||
{
|
||||
color: #C0A777;
|
||||
}
|
||||
|
||||
.white-color
|
||||
{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* End Titles & Color */
|
||||
|
||||
|
||||
/* Facts */
|
||||
.number p:first-letter {
|
||||
color: #C0A777;
|
||||
}
|
||||
/* End Facts */
|
||||
|
||||
/* Team Member */
|
||||
.team-member-holder:hover {
|
||||
border-color: #C0A777;
|
||||
}
|
||||
|
||||
.img-overlay {
|
||||
background: #C0A777;
|
||||
}
|
||||
|
||||
.view-profile {
|
||||
color:#C0A777;
|
||||
}
|
||||
|
||||
.team-member-social-list-item {
|
||||
color: #C0A777;
|
||||
}
|
||||
|
||||
.team-details h3{
|
||||
color: #C0A777;
|
||||
}
|
||||
/* End Team Member */
|
||||
|
||||
/* Skills */
|
||||
.skills h4:first-letter {
|
||||
color: #C0A777;
|
||||
}
|
||||
/* End Skills */
|
||||
|
||||
/* Works */
|
||||
#filters li span.active,#filters li span:hover {
|
||||
background: #C0A777;
|
||||
}
|
||||
|
||||
#filters li span {
|
||||
border: 1px solid #C0A777;
|
||||
color: #C0A777;
|
||||
}
|
||||
|
||||
.project-details h3 {
|
||||
color: #C0A777;
|
||||
}
|
||||
|
||||
.project-description h3 {
|
||||
color: #C0A777;
|
||||
}
|
||||
|
||||
/* End Works */
|
||||
|
||||
/* Partners */
|
||||
.partners-img:hover img{
|
||||
border-color: #C0A777;
|
||||
}
|
||||
/* End Partners */
|
||||
|
||||
/* Pricing */
|
||||
.single-table h4:first-letter {
|
||||
color: #C0A777;
|
||||
}
|
||||
|
||||
.price-icon {
|
||||
background-color: #C0A777;
|
||||
}
|
||||
|
||||
span.price {
|
||||
color: #C0A777;
|
||||
}
|
||||
|
||||
.single-table .btn-price, .sign_form input[type="submit"] {
|
||||
background: none repeat scroll 0 0 #C0A777;
|
||||
border: 1px solid #C0A777;
|
||||
}
|
||||
|
||||
.single-table .btn-price:hover {
|
||||
border: 1px solid #C0A777;
|
||||
color: #C0A777;
|
||||
}
|
||||
|
||||
.single-table.featured .price-icon, .single-table.featured .btn-price {
|
||||
color: #C0A777;
|
||||
}
|
||||
|
||||
.single-table.featured{
|
||||
background-color: #C0A777;
|
||||
}
|
||||
|
||||
.single-table.featured .price {
|
||||
background-color: #C0A777;
|
||||
}
|
||||
/* End Pricing */
|
||||
|
||||
/* Clients */
|
||||
.clients h5 {
|
||||
color: #C0A777;
|
||||
}
|
||||
|
||||
.carousel-indicators .active {
|
||||
background-color: #C0A777;
|
||||
border-color: #C0A777;
|
||||
}
|
||||
|
||||
.carousel-indicators li {
|
||||
border-color: #C0A777;
|
||||
}
|
||||
/* End Clients */
|
||||
|
||||
/* News */
|
||||
.post-date {
|
||||
background-color: #C0A777;
|
||||
}
|
||||
|
||||
.entry-title a:hover {
|
||||
color: #C0A777;
|
||||
}
|
||||
/* End News */
|
||||
|
||||
/* Blog */
|
||||
.widget.tags-cloud a {
|
||||
border: 1px solid #C0A777;
|
||||
}
|
||||
|
||||
.widget.tags-cloud a:hover {
|
||||
border: 1px solid #C0A777;
|
||||
background-color: #C0A777;
|
||||
}
|
||||
|
||||
.tags a {
|
||||
border: 1px solid #C0A777;
|
||||
}
|
||||
|
||||
.tags a:hover {
|
||||
border: 1px solid #C0A777;
|
||||
background-color: #C0A777;
|
||||
}
|
||||
|
||||
|
||||
.pager li > a, .pager li > span {
|
||||
border: 1px solid #C0A777;
|
||||
}
|
||||
.pager li > a:hover, .pager li > a:focus {
|
||||
border: 1px solid #C0A777;
|
||||
background-color: #C0A777;
|
||||
}
|
||||
/* End Blog */
|
||||
|
||||
|
||||
/* Tweet */
|
||||
#twitter-carousel .item a {
|
||||
color: #C0A777;
|
||||
}
|
||||
|
||||
.twitter-icon .fa-twitter:after {
|
||||
border-color: #C0A777 transparent transparent;
|
||||
}
|
||||
|
||||
.twitter-icon .fa-twitter, .twitter-left-control:hover, .twitter-right-control:hover {
|
||||
background-color: #C0A777;
|
||||
}
|
||||
/* End Tweet */
|
||||
|
||||
/* Footer */
|
||||
.bottom-footer {
|
||||
border-top: 7px solid #C0A777;
|
||||
}
|
||||
|
||||
.bottom-footer-left p a {
|
||||
color: #C0A777;
|
||||
}
|
||||
|
||||
.bottom-social-icons li a i{
|
||||
background-color: #C0A777;
|
||||
border: 1px solid #C0A777;
|
||||
}
|
||||
|
||||
.bottom-social-icons li a i:hover{
|
||||
color: #C0A777;
|
||||
}
|
||||
|
||||
/* End Footer */
|
||||
|
||||
/* Contacts */
|
||||
.contact_form i{
|
||||
color: #C0A777;
|
||||
}
|
||||
|
||||
.contact_form input[type="submit"] {
|
||||
background: #C0A777;
|
||||
border: 1px solid #C0A777;
|
||||
}
|
||||
|
||||
.contact_form input[type="submit"]:hover {
|
||||
color: #C0A777;
|
||||
}
|
||||
|
||||
.sign_form input[type="submit"]:hover {
|
||||
color: #C0A777;
|
||||
}
|
||||
/* End Contacts */
|
||||
|
||||
/* To Top */
|
||||
a.scroll-up {
|
||||
background: none repeat scroll 0 0 #C0A777;
|
||||
}
|
||||
a.scroll-up i {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
a.scroll-up:hover i {
|
||||
color: #C0A777;
|
||||
}
|
||||
|
||||
a.scroll-up:hover {
|
||||
color: #C0A777;
|
||||
border-color: #C0A777;
|
||||
}
|
||||
/* End To Top */
|
||||
@@ -0,0 +1,410 @@
|
||||
/* Green Version CSS */
|
||||
|
||||
a:link, a:visited, a:hover, a:focus{text-decoration: none; color: #2BBF6A;}
|
||||
|
||||
.navbar-brand {
|
||||
background: url("../../images/logo-white3.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
/* Home Slider */
|
||||
#home-slider .caption h1 strong{
|
||||
color:#2BBF6A;
|
||||
}
|
||||
|
||||
.left-control:hover,
|
||||
.right-control:hover {
|
||||
background-color: #2BBF6A;
|
||||
}
|
||||
|
||||
.learn-more {
|
||||
border: 2px solid #2BBF6A;
|
||||
}
|
||||
.learn-more:hover {
|
||||
background: #2BBF6A;
|
||||
}
|
||||
|
||||
.left-control, .right-control {
|
||||
border:1px solid #2BBF6A;
|
||||
}
|
||||
/* End Home Slider */
|
||||
|
||||
|
||||
/* Navbar */
|
||||
|
||||
/* Link Color */
|
||||
.navbar-inverse { border-color: #2BBF6A}
|
||||
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #2BBF6A}
|
||||
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #2BBF6A}
|
||||
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #2BBF6A}
|
||||
.dropdown-menu>li>a { color: #2BBF6A}
|
||||
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #2BBF6A}
|
||||
|
||||
.navbar-toggle {
|
||||
border: transparent;
|
||||
background-color: #2BBF6A;
|
||||
}
|
||||
|
||||
.navbar-inverse .navbar-toggle:hover,
|
||||
.navbar-inverse .navbar-toggle:focus {
|
||||
background-color: #2BBF6A;
|
||||
}
|
||||
|
||||
/* End Navbar */
|
||||
|
||||
/* Loader */
|
||||
.spinner > div
|
||||
{
|
||||
background: #2BBF6A;
|
||||
}
|
||||
/* End Loader*/
|
||||
|
||||
/* Titles & Color */
|
||||
.section-title h1 span{
|
||||
background-color: #2BBF6A;
|
||||
}
|
||||
|
||||
|
||||
.btn {
|
||||
background-image: none;
|
||||
background-color: #2BBF6A;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
a.btn {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.btn a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.btn-inverse:hover{
|
||||
color: #fff;
|
||||
background-color: #2BBF6A;
|
||||
}
|
||||
|
||||
.btn-inverse:hover a{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
a.btn-inverse:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
.btn:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.btn:hover a{
|
||||
color: #2BBF6A;
|
||||
}
|
||||
|
||||
.btn-inverse {
|
||||
color: #2BBF6A;
|
||||
border: 1px solid #2BBF6A;
|
||||
}
|
||||
|
||||
a.btn-inverse{
|
||||
color: #2BBF6A;
|
||||
}
|
||||
|
||||
.btn-inverse a{
|
||||
color: #2BBF6A;
|
||||
}
|
||||
|
||||
|
||||
a.btn:hover {
|
||||
color: #2BBF6A;
|
||||
}
|
||||
|
||||
.btn a:hover {
|
||||
color: #2BBF6A;
|
||||
}
|
||||
|
||||
.btn-one{
|
||||
background: none repeat scroll 0 0 #2BBF6A;
|
||||
border: 1px solid #2BBF6A;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.btn-one:hover {
|
||||
border: 1px solid #2BBF6A;
|
||||
color: #2BBF6A;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
|
||||
.btn:hover {
|
||||
border: 1px solid #2BBF6A;
|
||||
color: #2BBF6A;
|
||||
}
|
||||
|
||||
.hovicon.effect-1 {
|
||||
background: #2BBF6A;
|
||||
}
|
||||
|
||||
.hovicon.effect-1:after {
|
||||
box-shadow: 0 0 0 4px #2BBF6A;
|
||||
}
|
||||
|
||||
.text-color {
|
||||
background: none repeat scroll 0 0 #2BBF6A;
|
||||
}
|
||||
|
||||
.dporcaps-negative {
|
||||
background: none repeat scroll 0 0 #2BBF6A;
|
||||
}
|
||||
|
||||
.dporcaps {
|
||||
color: #2BBF6A;
|
||||
}
|
||||
|
||||
.blockqoute-style-2 {
|
||||
border-left: 5px solid #2BBF6A;
|
||||
}
|
||||
|
||||
cite {
|
||||
color: #2BBF6A;
|
||||
}
|
||||
|
||||
|
||||
/* Effect 1a */
|
||||
.hovicon.effect-1.sub-a:hover {
|
||||
background: #2BBF6A;
|
||||
}
|
||||
|
||||
.main-color
|
||||
{
|
||||
color: #2BBF6A;
|
||||
}
|
||||
|
||||
.white-color
|
||||
{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* End Titles & Color */
|
||||
|
||||
|
||||
/* Facts */
|
||||
.number p:first-letter {
|
||||
color: #2BBF6A;
|
||||
}
|
||||
/* End Facts */
|
||||
|
||||
/* Team Member */
|
||||
.team-member-holder:hover {
|
||||
border-color: #2BBF6A;
|
||||
}
|
||||
|
||||
.img-overlay {
|
||||
background: #2BBF6A;
|
||||
}
|
||||
|
||||
.view-profile {
|
||||
color:#2BBF6A;
|
||||
}
|
||||
|
||||
.team-member-social-list-item {
|
||||
color: #2BBF6A;
|
||||
}
|
||||
|
||||
.team-details h3{
|
||||
color: #2BBF6A;
|
||||
}
|
||||
/* End Team Member */
|
||||
|
||||
/* Skills */
|
||||
.skills h4:first-letter {
|
||||
color: #2BBF6A;
|
||||
}
|
||||
/* End Skills */
|
||||
|
||||
/* Works */
|
||||
#filters li span.active,#filters li span:hover {
|
||||
background: #2BBF6A;
|
||||
}
|
||||
|
||||
#filters li span {
|
||||
border: 1px solid #2BBF6A;
|
||||
color: #2BBF6A;
|
||||
}
|
||||
|
||||
.project-details h3 {
|
||||
color: #2BBF6A;
|
||||
}
|
||||
|
||||
.project-description h3 {
|
||||
color: #2BBF6A;
|
||||
}
|
||||
|
||||
/* End Works */
|
||||
|
||||
/* Partners */
|
||||
.partners-img:hover img{
|
||||
border-color: #2BBF6A;
|
||||
}
|
||||
/* End Partners */
|
||||
|
||||
/* Pricing */
|
||||
.single-table h4:first-letter {
|
||||
color: #2BBF6A;
|
||||
}
|
||||
|
||||
.price-icon {
|
||||
background-color: #2BBF6A;
|
||||
}
|
||||
|
||||
span.price {
|
||||
color: #2BBF6A;
|
||||
}
|
||||
|
||||
.single-table .btn-price, .sign_form input[type="submit"] {
|
||||
background: none repeat scroll 0 0 #2BBF6A;
|
||||
border: 1px solid #2BBF6A;
|
||||
}
|
||||
|
||||
.single-table .btn-price:hover {
|
||||
border: 1px solid #2BBF6A;
|
||||
color: #2BBF6A;
|
||||
}
|
||||
|
||||
.single-table.featured .price-icon, .single-table.featured .btn-price {
|
||||
color: #2BBF6A;
|
||||
}
|
||||
|
||||
.single-table.featured{
|
||||
background-color: #2BBF6A;
|
||||
}
|
||||
|
||||
.single-table.featured .price {
|
||||
background-color: #2BBF6A;
|
||||
}
|
||||
/* End Pricing */
|
||||
|
||||
/* Clients */
|
||||
.clients h5 {
|
||||
color: #2BBF6A;
|
||||
}
|
||||
|
||||
.carousel-indicators .active {
|
||||
background-color: #2BBF6A;
|
||||
border-color: #2BBF6A;
|
||||
}
|
||||
|
||||
.carousel-indicators li {
|
||||
border-color: #2BBF6A;
|
||||
}
|
||||
/* End Clients */
|
||||
|
||||
/* News */
|
||||
.post-date {
|
||||
background-color: #2BBF6A;
|
||||
}
|
||||
|
||||
.entry-title a:hover {
|
||||
color: #2BBF6A;
|
||||
}
|
||||
/* End News */
|
||||
|
||||
/* Blog */
|
||||
.widget.tags-cloud a {
|
||||
border: 1px solid #2BBF6A;
|
||||
}
|
||||
|
||||
.widget.tags-cloud a:hover {
|
||||
border: 1px solid #2BBF6A;
|
||||
background-color: #2BBF6A;
|
||||
}
|
||||
|
||||
.tags a {
|
||||
border: 1px solid #2BBF6A;
|
||||
}
|
||||
|
||||
.tags a:hover {
|
||||
border: 1px solid #2BBF6A;
|
||||
background-color: #2BBF6A;
|
||||
}
|
||||
|
||||
|
||||
.pager li > a, .pager li > span {
|
||||
border: 1px solid #2BBF6A;
|
||||
}
|
||||
.pager li > a:hover, .pager li > a:focus {
|
||||
border: 1px solid #2BBF6A;
|
||||
background-color: #2BBF6A;
|
||||
}
|
||||
/* End Blog */
|
||||
|
||||
|
||||
/* Tweet */
|
||||
#twitter-carousel .item a {
|
||||
color: #2BBF6A;
|
||||
}
|
||||
|
||||
.twitter-icon .fa-twitter:after {
|
||||
border-color: #2BBF6A transparent transparent;
|
||||
}
|
||||
|
||||
.twitter-icon .fa-twitter, .twitter-left-control:hover, .twitter-right-control:hover {
|
||||
background-color: #2BBF6A;
|
||||
}
|
||||
/* End Tweet */
|
||||
|
||||
/* Footer */
|
||||
.bottom-footer {
|
||||
border-top: 7px solid #2BBF6A;
|
||||
}
|
||||
|
||||
.bottom-footer-left p a {
|
||||
color: #2BBF6A;
|
||||
}
|
||||
|
||||
.bottom-social-icons li a i{
|
||||
background-color: #2BBF6A;
|
||||
border: 1px solid #2BBF6A;
|
||||
}
|
||||
|
||||
.bottom-social-icons li a i:hover{
|
||||
color: #2BBF6A;
|
||||
}
|
||||
|
||||
/* End Footer */
|
||||
|
||||
/* Contacts */
|
||||
.contact_form i{
|
||||
color: #2BBF6A;
|
||||
}
|
||||
|
||||
.contact_form input[type="submit"] {
|
||||
background: #2BBF6A;
|
||||
border: 1px solid #2BBF6A;
|
||||
}
|
||||
|
||||
.contact_form input[type="submit"]:hover {
|
||||
color: #2BBF6A;
|
||||
}
|
||||
|
||||
.sign_form input[type="submit"]:hover {
|
||||
color: #2BBF6A;
|
||||
}
|
||||
/* End Contacts */
|
||||
|
||||
/* To Top */
|
||||
a.scroll-up {
|
||||
background: none repeat scroll 0 0 #2BBF6A;
|
||||
}
|
||||
a.scroll-up i {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
a.scroll-up:hover i {
|
||||
color: #2BBF6A;
|
||||
}
|
||||
|
||||
a.scroll-up:hover {
|
||||
color: #2BBF6A;
|
||||
border-color: #2BBF6A;
|
||||
}
|
||||
/* End To Top */
|
||||
@@ -0,0 +1,410 @@
|
||||
/* Magenta Version CSS */
|
||||
|
||||
a:link, a:visited, a:hover, a:focus{text-decoration: none; color: #ec008c;}
|
||||
|
||||
.navbar-brand {
|
||||
background: url("../../images/logo-white6.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
/* Home Slider */
|
||||
#home-slider .caption h1 strong{
|
||||
color:#ec008c;
|
||||
}
|
||||
|
||||
.left-control:hover,
|
||||
.right-control:hover {
|
||||
background-color: #ec008c;
|
||||
}
|
||||
|
||||
.learn-more {
|
||||
border: 2px solid #ec008c;
|
||||
}
|
||||
.learn-more:hover {
|
||||
background: #ec008c;
|
||||
}
|
||||
|
||||
.left-control, .right-control {
|
||||
border:1px solid #ec008c;
|
||||
}
|
||||
/* End Home Slider */
|
||||
|
||||
|
||||
/* Navbar */
|
||||
|
||||
/* Link Color */
|
||||
.navbar-inverse { border-color: #ec008c}
|
||||
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #ec008c}
|
||||
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #ec008c}
|
||||
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #ec008c}
|
||||
.dropdown-menu>li>a { color: #ec008c}
|
||||
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #ec008c}
|
||||
|
||||
.navbar-toggle {
|
||||
border: transparent;
|
||||
background-color: #ec008c;
|
||||
}
|
||||
|
||||
.navbar-inverse .navbar-toggle:hover,
|
||||
.navbar-inverse .navbar-toggle:focus {
|
||||
background-color: #ec008c;
|
||||
}
|
||||
|
||||
/* End Navbar */
|
||||
|
||||
/* Loader */
|
||||
.spinner > div
|
||||
{
|
||||
background: #ec008c;
|
||||
}
|
||||
/* End Loader*/
|
||||
|
||||
/* Titles & Color */
|
||||
.section-title h1 span{
|
||||
background-color: #ec008c;
|
||||
}
|
||||
|
||||
|
||||
.btn {
|
||||
background-image: none;
|
||||
background-color: #ec008c;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
a.btn {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.btn a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.btn-inverse:hover{
|
||||
color: #fff;
|
||||
background-color: #ec008c;
|
||||
}
|
||||
|
||||
.btn-inverse:hover a{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
a.btn-inverse:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
.btn:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.btn:hover a{
|
||||
color: #ec008c;
|
||||
}
|
||||
|
||||
.btn-inverse {
|
||||
color: #ec008c;
|
||||
border: 1px solid #ec008c;
|
||||
}
|
||||
|
||||
a.btn-inverse{
|
||||
color: #ec008c;
|
||||
}
|
||||
|
||||
.btn-inverse a{
|
||||
color: #ec008c;
|
||||
}
|
||||
|
||||
|
||||
a.btn:hover {
|
||||
color: #ec008c;
|
||||
}
|
||||
|
||||
.btn a:hover {
|
||||
color: #ec008c;
|
||||
}
|
||||
|
||||
.btn-one{
|
||||
background: none repeat scroll 0 0 #ec008c;
|
||||
border: 1px solid #ec008c;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.btn-one:hover {
|
||||
border: 1px solid #ec008c;
|
||||
color: #ec008c;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
|
||||
.btn:hover {
|
||||
border: 1px solid #ec008c;
|
||||
color: #ec008c;
|
||||
}
|
||||
|
||||
.hovicon.effect-1 {
|
||||
background: #ec008c;
|
||||
}
|
||||
|
||||
.hovicon.effect-1:after {
|
||||
box-shadow: 0 0 0 4px #ec008c;
|
||||
}
|
||||
|
||||
.text-color {
|
||||
background: none repeat scroll 0 0 #ec008c;
|
||||
}
|
||||
|
||||
.dporcaps-negative {
|
||||
background: none repeat scroll 0 0 #ec008c;
|
||||
}
|
||||
|
||||
.dporcaps {
|
||||
color: #ec008c;
|
||||
}
|
||||
|
||||
.blockqoute-style-2 {
|
||||
border-left: 5px solid #ec008c;
|
||||
}
|
||||
|
||||
cite {
|
||||
color: #ec008c;
|
||||
}
|
||||
|
||||
|
||||
/* Effect 1a */
|
||||
.hovicon.effect-1.sub-a:hover {
|
||||
background: #ec008c;
|
||||
}
|
||||
|
||||
.main-color
|
||||
{
|
||||
color: #ec008c;
|
||||
}
|
||||
|
||||
.white-color
|
||||
{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* End Titles & Color */
|
||||
|
||||
|
||||
/* Facts */
|
||||
.number p:first-letter {
|
||||
color: #ec008c;
|
||||
}
|
||||
/* End Facts */
|
||||
|
||||
/* Team Member */
|
||||
.team-member-holder:hover {
|
||||
border-color: #ec008c;
|
||||
}
|
||||
|
||||
.img-overlay {
|
||||
background: #ec008c;
|
||||
}
|
||||
|
||||
.view-profile {
|
||||
color:#ec008c;
|
||||
}
|
||||
|
||||
.team-member-social-list-item {
|
||||
color: #ec008c;
|
||||
}
|
||||
|
||||
.team-details h3{
|
||||
color: #ec008c;
|
||||
}
|
||||
/* End Team Member */
|
||||
|
||||
/* Skills */
|
||||
.skills h4:first-letter {
|
||||
color: #ec008c;
|
||||
}
|
||||
/* End Skills */
|
||||
|
||||
/* Works */
|
||||
#filters li span.active,#filters li span:hover {
|
||||
background: #ec008c;
|
||||
}
|
||||
|
||||
#filters li span {
|
||||
border: 1px solid #ec008c;
|
||||
color: #ec008c;
|
||||
}
|
||||
|
||||
.project-details h3 {
|
||||
color: #ec008c;
|
||||
}
|
||||
|
||||
.project-description h3 {
|
||||
color: #ec008c;
|
||||
}
|
||||
|
||||
/* End Works */
|
||||
|
||||
/* Partners */
|
||||
.partners-img:hover img{
|
||||
border-color: #ec008c;
|
||||
}
|
||||
/* End Partners */
|
||||
|
||||
/* Pricing */
|
||||
.single-table h4:first-letter {
|
||||
color: #ec008c;
|
||||
}
|
||||
|
||||
.price-icon {
|
||||
background-color: #ec008c;
|
||||
}
|
||||
|
||||
span.price {
|
||||
color: #ec008c;
|
||||
}
|
||||
|
||||
.single-table .btn-price, .sign_form input[type="submit"] {
|
||||
background: none repeat scroll 0 0 #ec008c;
|
||||
border: 1px solid #ec008c;
|
||||
}
|
||||
|
||||
.single-table .btn-price:hover {
|
||||
border: 1px solid #ec008c;
|
||||
color: #ec008c;
|
||||
}
|
||||
|
||||
.single-table.featured .price-icon, .single-table.featured .btn-price {
|
||||
color: #ec008c;
|
||||
}
|
||||
|
||||
.single-table.featured{
|
||||
background-color: #ec008c;
|
||||
}
|
||||
|
||||
.single-table.featured .price {
|
||||
background-color: #ec008c;
|
||||
}
|
||||
/* End Pricing */
|
||||
|
||||
/* Clients */
|
||||
.clients h5 {
|
||||
color: #ec008c;
|
||||
}
|
||||
|
||||
.carousel-indicators .active {
|
||||
background-color: #ec008c;
|
||||
border-color: #ec008c;
|
||||
}
|
||||
|
||||
.carousel-indicators li {
|
||||
border-color: #ec008c;
|
||||
}
|
||||
/* End Clients */
|
||||
|
||||
/* News */
|
||||
.post-date {
|
||||
background-color: #ec008c;
|
||||
}
|
||||
|
||||
.entry-title a:hover {
|
||||
color: #ec008c;
|
||||
}
|
||||
/* End News */
|
||||
|
||||
/* Blog */
|
||||
.widget.tags-cloud a {
|
||||
border: 1px solid #ec008c;
|
||||
}
|
||||
|
||||
.widget.tags-cloud a:hover {
|
||||
border: 1px solid #ec008c;
|
||||
background-color: #ec008c;
|
||||
}
|
||||
|
||||
.tags a {
|
||||
border: 1px solid #ec008c;
|
||||
}
|
||||
|
||||
.tags a:hover {
|
||||
border: 1px solid #ec008c;
|
||||
background-color: #ec008c;
|
||||
}
|
||||
|
||||
|
||||
.pager li > a, .pager li > span {
|
||||
border: 1px solid #ec008c;
|
||||
}
|
||||
.pager li > a:hover, .pager li > a:focus {
|
||||
border: 1px solid #ec008c;
|
||||
background-color: #ec008c;
|
||||
}
|
||||
/* End Blog */
|
||||
|
||||
|
||||
/* Tweet */
|
||||
#twitter-carousel .item a {
|
||||
color: #ec008c;
|
||||
}
|
||||
|
||||
.twitter-icon .fa-twitter:after {
|
||||
border-color: #ec008c transparent transparent;
|
||||
}
|
||||
|
||||
.twitter-icon .fa-twitter, .twitter-left-control:hover, .twitter-right-control:hover {
|
||||
background-color: #ec008c;
|
||||
}
|
||||
/* End Tweet */
|
||||
|
||||
/* Footer */
|
||||
.bottom-footer {
|
||||
border-top: 7px solid #ec008c;
|
||||
}
|
||||
|
||||
.bottom-footer-left p a {
|
||||
color: #ec008c;
|
||||
}
|
||||
|
||||
.bottom-social-icons li a i{
|
||||
background-color: #ec008c;
|
||||
border: 1px solid #ec008c;
|
||||
}
|
||||
|
||||
.bottom-social-icons li a i:hover{
|
||||
color: #ec008c;
|
||||
}
|
||||
|
||||
/* End Footer */
|
||||
|
||||
/* Contacts */
|
||||
.contact_form i{
|
||||
color: #ec008c;
|
||||
}
|
||||
|
||||
.contact_form input[type="submit"] {
|
||||
background: #ec008c;
|
||||
border: 1px solid #ec008c;
|
||||
}
|
||||
|
||||
.contact_form input[type="submit"]:hover {
|
||||
color: #ec008c;
|
||||
}
|
||||
|
||||
.sign_form input[type="submit"]:hover {
|
||||
color: #ec008c;
|
||||
}
|
||||
/* End Contacts */
|
||||
|
||||
/* To Top */
|
||||
a.scroll-up {
|
||||
background: none repeat scroll 0 0 #ec008c;
|
||||
}
|
||||
a.scroll-up i {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
a.scroll-up:hover i {
|
||||
color: #ec008c;
|
||||
}
|
||||
|
||||
a.scroll-up:hover {
|
||||
color: #ec008c;
|
||||
border-color: #ec008c;
|
||||
}
|
||||
/* End To Top */
|
||||
@@ -0,0 +1,410 @@
|
||||
/* Orange Version CSS */
|
||||
|
||||
a:link, a:visited, a:hover, a:focus{text-decoration: none; color: #ff6600;}
|
||||
|
||||
.navbar-brand {
|
||||
background: url("../../images/logo-white4.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
/* Home Slider */
|
||||
#home-slider .caption h1 strong{
|
||||
color:#ff6600;
|
||||
}
|
||||
|
||||
.left-control:hover,
|
||||
.right-control:hover {
|
||||
background-color: #ff6600;
|
||||
}
|
||||
|
||||
.learn-more {
|
||||
border: 2px solid #ff6600;
|
||||
}
|
||||
.learn-more:hover {
|
||||
background: #ff6600;
|
||||
}
|
||||
|
||||
.left-control, .right-control {
|
||||
border:1px solid #ff6600;
|
||||
}
|
||||
/* End Home Slider */
|
||||
|
||||
|
||||
/* Navbar */
|
||||
|
||||
/* Link Color */
|
||||
.navbar-inverse { border-color: #ff6600}
|
||||
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #ff6600}
|
||||
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #ff6600}
|
||||
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #ff6600}
|
||||
.dropdown-menu>li>a { color: #ff6600}
|
||||
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #ff6600}
|
||||
|
||||
.navbar-toggle {
|
||||
border: transparent;
|
||||
background-color: #ff6600;
|
||||
}
|
||||
|
||||
.navbar-inverse .navbar-toggle:hover,
|
||||
.navbar-inverse .navbar-toggle:focus {
|
||||
background-color: #ff6600;
|
||||
}
|
||||
|
||||
/* End Navbar */
|
||||
|
||||
/* Loader */
|
||||
.spinner > div
|
||||
{
|
||||
background: #ff6600;
|
||||
}
|
||||
/* End Loader */
|
||||
|
||||
/* Titles & Color */
|
||||
.section-title h1 span{
|
||||
background-color: #ff6600;
|
||||
}
|
||||
|
||||
|
||||
.btn {
|
||||
background-image: none;
|
||||
background-color: #ff6600;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
a.btn {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.btn a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.btn-inverse:hover{
|
||||
color: #fff;
|
||||
background-color: #ff6600;
|
||||
}
|
||||
|
||||
.btn-inverse:hover a{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
a.btn-inverse:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
.btn:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.btn:hover a{
|
||||
color: #ff6600;
|
||||
}
|
||||
|
||||
.btn-inverse {
|
||||
color: #ff6600;
|
||||
border: 1px solid #ff6600;
|
||||
}
|
||||
|
||||
a.btn-inverse{
|
||||
color: #ff6600;
|
||||
}
|
||||
|
||||
.btn-inverse a{
|
||||
color: #ff6600;
|
||||
}
|
||||
|
||||
|
||||
a.btn:hover {
|
||||
color: #ff6600;
|
||||
}
|
||||
|
||||
.btn a:hover {
|
||||
color: #ff6600;
|
||||
}
|
||||
|
||||
.btn-one{
|
||||
background: none repeat scroll 0 0 #ff6600;
|
||||
border: 1px solid #ff6600;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.btn-one:hover {
|
||||
border: 1px solid #ff6600;
|
||||
color: #ff6600;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
|
||||
.btn:hover {
|
||||
border: 1px solid #ff6600;
|
||||
color: #ff6600;
|
||||
}
|
||||
|
||||
.hovicon.effect-1 {
|
||||
background: #ff6600;
|
||||
}
|
||||
|
||||
.hovicon.effect-1:after {
|
||||
box-shadow: 0 0 0 4px #ff6600;
|
||||
}
|
||||
|
||||
.text-color {
|
||||
background: none repeat scroll 0 0 #ff6600;
|
||||
}
|
||||
|
||||
.dporcaps-negative {
|
||||
background: none repeat scroll 0 0 #ff6600;
|
||||
}
|
||||
|
||||
.dporcaps {
|
||||
color: #ff6600;
|
||||
}
|
||||
|
||||
.blockqoute-style-2 {
|
||||
border-left: 5px solid #ff6600;
|
||||
}
|
||||
|
||||
cite {
|
||||
color: #ff6600;
|
||||
}
|
||||
|
||||
|
||||
/* Effect 1a */
|
||||
.hovicon.effect-1.sub-a:hover {
|
||||
background: #ff6600;
|
||||
}
|
||||
|
||||
.main-color
|
||||
{
|
||||
color: #ff6600;
|
||||
}
|
||||
|
||||
.white-color
|
||||
{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* End Titles & Color */
|
||||
|
||||
|
||||
/* Facts */
|
||||
.number p:first-letter {
|
||||
color: #ff6600;
|
||||
}
|
||||
/* End Facts */
|
||||
|
||||
/* Team Member */
|
||||
.team-member-holder:hover {
|
||||
border-color: #ff6600;
|
||||
}
|
||||
|
||||
.img-overlay {
|
||||
background: #ff6600;
|
||||
}
|
||||
|
||||
.view-profile {
|
||||
color:#ff6600;
|
||||
}
|
||||
|
||||
.team-member-social-list-item {
|
||||
color: #ff6600;
|
||||
}
|
||||
|
||||
.team-details h3{
|
||||
color: #ff6600;
|
||||
}
|
||||
/* End Team Member */
|
||||
|
||||
/* Skills */
|
||||
.skills h4:first-letter {
|
||||
color: #ff6600;
|
||||
}
|
||||
/* End Skills */
|
||||
|
||||
/* Works */
|
||||
#filters li span.active,#filters li span:hover {
|
||||
background: #ff6600;
|
||||
}
|
||||
|
||||
#filters li span {
|
||||
border: 1px solid #ff6600;
|
||||
color: #ff6600;
|
||||
}
|
||||
|
||||
.project-details h3 {
|
||||
color: #ff6600;
|
||||
}
|
||||
|
||||
.project-description h3 {
|
||||
color: #ff6600;
|
||||
}
|
||||
|
||||
/* End Works */
|
||||
|
||||
/* Partners */
|
||||
.partners-img:hover img{
|
||||
border-color: #ff6600;
|
||||
}
|
||||
/* End Partners */
|
||||
|
||||
/* Pricing */
|
||||
.single-table h4:first-letter {
|
||||
color: #ff6600;
|
||||
}
|
||||
|
||||
.price-icon {
|
||||
background-color: #ff6600;
|
||||
}
|
||||
|
||||
span.price {
|
||||
color: #ff6600;
|
||||
}
|
||||
|
||||
.single-table .btn-price, .sign_form input[type="submit"] {
|
||||
background: none repeat scroll 0 0 #ff6600;
|
||||
border: 1px solid #ff6600;
|
||||
}
|
||||
|
||||
.single-table .btn-price:hover {
|
||||
border: 1px solid #ff6600;
|
||||
color: #ff6600;
|
||||
}
|
||||
|
||||
.single-table.featured .price-icon, .single-table.featured .btn-price {
|
||||
color: #ff6600;
|
||||
}
|
||||
|
||||
.single-table.featured{
|
||||
background-color: #ff6600;
|
||||
}
|
||||
|
||||
.single-table.featured .price {
|
||||
background-color: #ff6600;
|
||||
}
|
||||
/* End Pricing */
|
||||
|
||||
/* Clients */
|
||||
.clients h5 {
|
||||
color: #ff6600;
|
||||
}
|
||||
|
||||
.carousel-indicators .active {
|
||||
background-color: #ff6600;
|
||||
border-color: #ff6600;
|
||||
}
|
||||
|
||||
.carousel-indicators li {
|
||||
border-color: #ff6600;
|
||||
}
|
||||
/* End Clients */
|
||||
|
||||
/* News */
|
||||
.post-date {
|
||||
background-color: #ff6600;
|
||||
}
|
||||
|
||||
.entry-title a:hover {
|
||||
color: #ff6600;
|
||||
}
|
||||
/* End News */
|
||||
|
||||
/* Blog */
|
||||
.widget.tags-cloud a {
|
||||
border: 1px solid #ff6600;
|
||||
}
|
||||
|
||||
.widget.tags-cloud a:hover {
|
||||
border: 1px solid #ff6600;
|
||||
background-color: #ff6600;
|
||||
}
|
||||
|
||||
.tags a {
|
||||
border: 1px solid #ff6600;
|
||||
}
|
||||
|
||||
.tags a:hover {
|
||||
border: 1px solid #ff6600;
|
||||
background-color: #ff6600;
|
||||
}
|
||||
|
||||
|
||||
.pager li > a, .pager li > span {
|
||||
border: 1px solid #ff6600;
|
||||
}
|
||||
.pager li > a:hover, .pager li > a:focus {
|
||||
border: 1px solid #ff6600;
|
||||
background-color: #ff6600;
|
||||
}
|
||||
/* End Blog */
|
||||
|
||||
|
||||
/* Tweet */
|
||||
#twitter-carousel .item a {
|
||||
color: #ff6600;
|
||||
}
|
||||
|
||||
.twitter-icon .fa-twitter:after {
|
||||
border-color: #ff6600 transparent transparent;
|
||||
}
|
||||
|
||||
.twitter-icon .fa-twitter, .twitter-left-control:hover, .twitter-right-control:hover {
|
||||
background-color: #ff6600;
|
||||
}
|
||||
/* End Tweet */
|
||||
|
||||
/* Footer */
|
||||
.bottom-footer {
|
||||
border-top: 7px solid #ff6600;
|
||||
}
|
||||
|
||||
.bottom-footer-left p a {
|
||||
color: #ff6600;
|
||||
}
|
||||
|
||||
.bottom-social-icons li a i{
|
||||
background-color: #ff6600;
|
||||
border: 1px solid #ff6600;
|
||||
}
|
||||
|
||||
.bottom-social-icons li a i:hover{
|
||||
color: #ff6600;
|
||||
}
|
||||
|
||||
/* End Footer */
|
||||
|
||||
/* Contacts */
|
||||
.contact_form i{
|
||||
color: #ff6600;
|
||||
}
|
||||
|
||||
.contact_form input[type="submit"] {
|
||||
background: #ff6600;
|
||||
border: 1px solid #ff6600;
|
||||
}
|
||||
|
||||
.contact_form input[type="submit"]:hover {
|
||||
color: #ff6600;
|
||||
}
|
||||
|
||||
.sign_form input[type="submit"]:hover {
|
||||
color: #ff6600;
|
||||
}
|
||||
/* End Contacts */
|
||||
|
||||
/* To Top */
|
||||
a.scroll-up {
|
||||
background: none repeat scroll 0 0 #ff6600;
|
||||
}
|
||||
a.scroll-up i {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
a.scroll-up:hover i {
|
||||
color: #ff6600;
|
||||
}
|
||||
|
||||
a.scroll-up:hover {
|
||||
color: #ff6600;
|
||||
border-color: #ff6600;
|
||||
}
|
||||
/* End To Top */
|
||||
@@ -0,0 +1,170 @@
|
||||
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
|
||||
div.pp_default .pp_top .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
|
||||
div.pp_default .pp_top .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x}
|
||||
div.pp_default .pp_top .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
|
||||
div.pp_default .pp_content .ppt{color:#f8f8f8}
|
||||
div.pp_default .pp_content_container .pp_left{background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
|
||||
div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
|
||||
div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
|
||||
div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
|
||||
div.pp_default .pp_expand{background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
|
||||
div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
|
||||
div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
|
||||
div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
|
||||
div.pp_default .pp_close{width:30px;height:30px;background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}
|
||||
div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
|
||||
div.pp_default .pp_social{margin-top:7px}
|
||||
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
|
||||
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
|
||||
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
|
||||
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
|
||||
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
|
||||
div.pp_default .pp_content_container .pp_details{margin-top:5px}
|
||||
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
|
||||
div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
|
||||
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
|
||||
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
|
||||
div.pp_default .pp_bottom .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
|
||||
div.pp_default .pp_bottom .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
|
||||
div.pp_default .pp_bottom .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
|
||||
div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat}
|
||||
div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
|
||||
div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
|
||||
div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
|
||||
div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
|
||||
div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
|
||||
div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
|
||||
div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
|
||||
div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
|
||||
div.light_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
|
||||
div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
|
||||
div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
|
||||
div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
|
||||
div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
|
||||
div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
|
||||
div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
|
||||
div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
|
||||
div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
|
||||
div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
|
||||
div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
|
||||
div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
|
||||
div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
|
||||
div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
|
||||
div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
|
||||
div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
|
||||
div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
|
||||
div.dark_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
|
||||
div.dark_rounded .pp_description{margin-right:85px;color:#fff}
|
||||
div.dark_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
|
||||
div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
|
||||
div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
|
||||
div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
|
||||
div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
|
||||
div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
|
||||
div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
|
||||
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
|
||||
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
|
||||
div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat}
|
||||
div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
|
||||
div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
|
||||
div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
|
||||
div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
|
||||
div.dark_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
|
||||
div.dark_square .pp_nav{clear:none}
|
||||
div.dark_square .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
|
||||
div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
|
||||
div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
|
||||
div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
|
||||
div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
|
||||
div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
|
||||
div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
|
||||
div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
|
||||
div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
|
||||
div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
|
||||
div.light_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
|
||||
div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
|
||||
div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
|
||||
div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
|
||||
div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
|
||||
div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
|
||||
div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
|
||||
div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
|
||||
div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
|
||||
div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
|
||||
div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
|
||||
div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
|
||||
div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
|
||||
div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
|
||||
div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
|
||||
div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
|
||||
div.facebook .pp_close{width:22px;height:22px;background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
|
||||
div.facebook .pp_description{margin:0 37px 0 0}
|
||||
div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat}
|
||||
div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
|
||||
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
|
||||
div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
|
||||
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
|
||||
div.facebook .pp_nav{margin-top:0}
|
||||
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
|
||||
div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
|
||||
div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
|
||||
div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
|
||||
div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
|
||||
div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
|
||||
div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
|
||||
div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
|
||||
div.pp_pic_holder a:focus{outline:none}
|
||||
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
|
||||
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
|
||||
.pp_content{height:40px;min-width:40px}
|
||||
* html .pp_content{width:40px}
|
||||
.pp_content_container{position:relative;text-align:left;width:100%}
|
||||
.pp_content_container .pp_left{padding-left:20px}
|
||||
.pp_content_container .pp_right{padding-right:20px}
|
||||
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
|
||||
.pp_description{display:none;margin:0}
|
||||
.pp_social{float:left;margin:0}
|
||||
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
|
||||
.pp_social .twitter{float:left}
|
||||
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
|
||||
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
|
||||
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
|
||||
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
|
||||
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
|
||||
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
|
||||
.pp_gallery div{float:left;overflow:hidden;position:relative}
|
||||
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
|
||||
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
|
||||
.pp_gallery ul a img{border:0}
|
||||
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
|
||||
.pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
|
||||
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
|
||||
a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
|
||||
a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
|
||||
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
|
||||
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
|
||||
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
|
||||
#pp_full_res{line-height:1!important}
|
||||
#pp_full_res .pp_inline{text-align:left}
|
||||
#pp_full_res .pp_inline p{margin:0 0 15px}
|
||||
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
|
||||
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
|
||||
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
|
||||
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
|
||||
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
|
||||
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
|
||||
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
|
||||
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
|
||||
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
|
||||
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
|
||||
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
|
||||
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
|
||||
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
|
||||
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
|
||||
.pp_top,.pp_bottom{height:20px;position:relative}
|
||||
* html .pp_top,* html .pp_bottom{padding:0 20px}
|
||||
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
|
||||
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
|
||||
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
|
||||
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
|
||||
.pp_fade,.pp_gallery li.default a img{display:none}
|
||||
@@ -0,0 +1,410 @@
|
||||
/* Purple Version CSS */
|
||||
|
||||
a:link, a:visited, a:hover, a:focus{text-decoration: none; color: #9b59b6;}
|
||||
|
||||
.navbar-brand {
|
||||
background: url("../../images/logo-white5.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
/* Home Slider */
|
||||
#home-slider .caption h1 strong{
|
||||
color:#9b59b6;
|
||||
}
|
||||
|
||||
.left-control:hover,
|
||||
.right-control:hover {
|
||||
background-color: #9b59b6;
|
||||
}
|
||||
|
||||
.learn-more {
|
||||
border: 2px solid #9b59b6;
|
||||
}
|
||||
.learn-more:hover {
|
||||
background: #9b59b6;
|
||||
}
|
||||
|
||||
.left-control, .right-control {
|
||||
border:1px solid #9b59b6;
|
||||
}
|
||||
/* End Home Slider */
|
||||
|
||||
|
||||
/* Navbar */
|
||||
|
||||
/* Link Color */
|
||||
.navbar-inverse { border-color: #9b59b6}
|
||||
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #9b59b6}
|
||||
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #9b59b6}
|
||||
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #9b59b6}
|
||||
.dropdown-menu>li>a { color: #9b59b6}
|
||||
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #9b59b6}
|
||||
|
||||
.navbar-toggle {
|
||||
border: transparent;
|
||||
background-color: #9b59b6;
|
||||
}
|
||||
|
||||
.navbar-inverse .navbar-toggle:hover,
|
||||
.navbar-inverse .navbar-toggle:focus {
|
||||
background-color: #9b59b6;
|
||||
}
|
||||
|
||||
/* End Navbar */
|
||||
|
||||
/* Loader */
|
||||
.spinner > div
|
||||
{
|
||||
background: #9b59b6;
|
||||
}
|
||||
/* End Loader*/
|
||||
|
||||
/* Titles & Color */
|
||||
.section-title h1 span{
|
||||
background-color: #9b59b6;
|
||||
}
|
||||
|
||||
|
||||
.btn {
|
||||
background-image: none;
|
||||
background-color: #9b59b6;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
a.btn {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.btn a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.btn-inverse:hover{
|
||||
color: #fff;
|
||||
background-color: #9b59b6;
|
||||
}
|
||||
|
||||
.btn-inverse:hover a{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
a.btn-inverse:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
.btn:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.btn:hover a{
|
||||
color: #9b59b6;
|
||||
}
|
||||
|
||||
.btn-inverse {
|
||||
color: #9b59b6;
|
||||
border: 1px solid #9b59b6;
|
||||
}
|
||||
|
||||
a.btn-inverse{
|
||||
color: #9b59b6;
|
||||
}
|
||||
|
||||
.btn-inverse a{
|
||||
color: #9b59b6;
|
||||
}
|
||||
|
||||
|
||||
a.btn:hover {
|
||||
color: #9b59b6;
|
||||
}
|
||||
|
||||
.btn a:hover {
|
||||
color: #9b59b6;
|
||||
}
|
||||
|
||||
.btn-one{
|
||||
background: none repeat scroll 0 0 #9b59b6;
|
||||
border: 1px solid #9b59b6;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.btn-one:hover {
|
||||
border: 1px solid #9b59b6;
|
||||
color: #9b59b6;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
|
||||
.btn:hover {
|
||||
border: 1px solid #9b59b6;
|
||||
color: #9b59b6;
|
||||
}
|
||||
|
||||
.hovicon.effect-1 {
|
||||
background: #9b59b6;
|
||||
}
|
||||
|
||||
.hovicon.effect-1:after {
|
||||
box-shadow: 0 0 0 4px #9b59b6;
|
||||
}
|
||||
|
||||
.text-color {
|
||||
background: none repeat scroll 0 0 #9b59b6;
|
||||
}
|
||||
|
||||
.dporcaps-negative {
|
||||
background: none repeat scroll 0 0 #9b59b6;
|
||||
}
|
||||
|
||||
.dporcaps {
|
||||
color: #9b59b6;
|
||||
}
|
||||
|
||||
.blockqoute-style-2 {
|
||||
border-left: 5px solid #9b59b6;
|
||||
}
|
||||
|
||||
cite {
|
||||
color: #9b59b6;
|
||||
}
|
||||
|
||||
|
||||
/* Effect 1a */
|
||||
.hovicon.effect-1.sub-a:hover {
|
||||
background: #9b59b6;
|
||||
}
|
||||
|
||||
.main-color
|
||||
{
|
||||
color: #9b59b6;
|
||||
}
|
||||
|
||||
.white-color
|
||||
{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* End Titles & Color */
|
||||
|
||||
|
||||
/* Facts */
|
||||
.number p:first-letter {
|
||||
color: #9b59b6;
|
||||
}
|
||||
/* End Facts */
|
||||
|
||||
/* Team Member */
|
||||
.team-member-holder:hover {
|
||||
border-color: #9b59b6;
|
||||
}
|
||||
|
||||
.img-overlay {
|
||||
background: #9b59b6;
|
||||
}
|
||||
|
||||
.view-profile {
|
||||
color:#9b59b6;
|
||||
}
|
||||
|
||||
.team-member-social-list-item {
|
||||
color: #9b59b6;
|
||||
}
|
||||
|
||||
.team-details h3{
|
||||
color: #9b59b6;
|
||||
}
|
||||
/* End Team Member */
|
||||
|
||||
/* Skills */
|
||||
.skills h4:first-letter {
|
||||
color: #9b59b6;
|
||||
}
|
||||
/* End Skills */
|
||||
|
||||
/* Works */
|
||||
#filters li span.active,#filters li span:hover {
|
||||
background: #9b59b6;
|
||||
}
|
||||
|
||||
#filters li span {
|
||||
border: 1px solid #9b59b6;
|
||||
color: #9b59b6;
|
||||
}
|
||||
|
||||
.project-details h3 {
|
||||
color: #9b59b6;
|
||||
}
|
||||
|
||||
.project-description h3 {
|
||||
color: #9b59b6;
|
||||
}
|
||||
|
||||
/* End Works */
|
||||
|
||||
/* Partners */
|
||||
.partners-img:hover img{
|
||||
border-color: #9b59b6;
|
||||
}
|
||||
/* End Partners */
|
||||
|
||||
/* Pricing */
|
||||
.single-table h4:first-letter {
|
||||
color: #9b59b6;
|
||||
}
|
||||
|
||||
.price-icon {
|
||||
background-color: #9b59b6;
|
||||
}
|
||||
|
||||
span.price {
|
||||
color: #9b59b6;
|
||||
}
|
||||
|
||||
.single-table .btn-price, .sign_form input[type="submit"] {
|
||||
background: none repeat scroll 0 0 #9b59b6;
|
||||
border: 1px solid #9b59b6;
|
||||
}
|
||||
|
||||
.single-table .btn-price:hover {
|
||||
border: 1px solid #9b59b6;
|
||||
color: #9b59b6;
|
||||
}
|
||||
|
||||
.single-table.featured .price-icon, .single-table.featured .btn-price {
|
||||
color: #9b59b6;
|
||||
}
|
||||
|
||||
.single-table.featured{
|
||||
background-color: #9b59b6;
|
||||
}
|
||||
|
||||
.single-table.featured .price {
|
||||
background-color: #9b59b6;
|
||||
}
|
||||
/* End Pricing */
|
||||
|
||||
/* Clients */
|
||||
.clients h5 {
|
||||
color: #9b59b6;
|
||||
}
|
||||
|
||||
.carousel-indicators .active {
|
||||
background-color: #9b59b6;
|
||||
border-color: #9b59b6;
|
||||
}
|
||||
|
||||
.carousel-indicators li {
|
||||
border-color: #9b59b6;
|
||||
}
|
||||
/* End Clients */
|
||||
|
||||
/* News */
|
||||
.post-date {
|
||||
background-color: #9b59b6;
|
||||
}
|
||||
|
||||
.entry-title a:hover {
|
||||
color: #9b59b6;
|
||||
}
|
||||
/* End News */
|
||||
|
||||
/* Blog */
|
||||
.widget.tags-cloud a {
|
||||
border: 1px solid #9b59b6;
|
||||
}
|
||||
|
||||
.widget.tags-cloud a:hover {
|
||||
border: 1px solid #9b59b6;
|
||||
background-color: #9b59b6;
|
||||
}
|
||||
|
||||
.tags a {
|
||||
border: 1px solid #9b59b6;
|
||||
}
|
||||
|
||||
.tags a:hover {
|
||||
border: 1px solid #9b59b6;
|
||||
background-color: #9b59b6;
|
||||
}
|
||||
|
||||
|
||||
.pager li > a, .pager li > span {
|
||||
border: 1px solid #9b59b6;
|
||||
}
|
||||
.pager li > a:hover, .pager li > a:focus {
|
||||
border: 1px solid #9b59b6;
|
||||
background-color: #9b59b6;
|
||||
}
|
||||
/* End Blog */
|
||||
|
||||
|
||||
/* Tweet */
|
||||
#twitter-carousel .item a {
|
||||
color: #9b59b6;
|
||||
}
|
||||
|
||||
.twitter-icon .fa-twitter:after {
|
||||
border-color: #9b59b6 transparent transparent;
|
||||
}
|
||||
|
||||
.twitter-icon .fa-twitter, .twitter-left-control:hover, .twitter-right-control:hover {
|
||||
background-color: #9b59b6;
|
||||
}
|
||||
/* End Tweet */
|
||||
|
||||
/* Footer */
|
||||
.bottom-footer {
|
||||
border-top: 7px solid #9b59b6;
|
||||
}
|
||||
|
||||
.bottom-footer-left p a {
|
||||
color: #9b59b6;
|
||||
}
|
||||
|
||||
.bottom-social-icons li a i{
|
||||
background-color: #9b59b6;
|
||||
border: 1px solid #9b59b6;
|
||||
}
|
||||
|
||||
.bottom-social-icons li a i:hover{
|
||||
color: #9b59b6;
|
||||
}
|
||||
|
||||
/* End Footer */
|
||||
|
||||
/* Contacts */
|
||||
.contact_form i{
|
||||
color: #9b59b6;
|
||||
}
|
||||
|
||||
.contact_form input[type="submit"] {
|
||||
background: #9b59b6;
|
||||
border: 1px solid #9b59b6;
|
||||
}
|
||||
|
||||
.contact_form input[type="submit"]:hover {
|
||||
color: #9b59b6;
|
||||
}
|
||||
|
||||
.sign_form input[type="submit"]:hover {
|
||||
color: #9b59b6;
|
||||
}
|
||||
/* End Contacts */
|
||||
|
||||
/* To Top */
|
||||
a.scroll-up {
|
||||
background: none repeat scroll 0 0 #9b59b6;
|
||||
}
|
||||
a.scroll-up i {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
a.scroll-up:hover i {
|
||||
color: #9b59b6;
|
||||
}
|
||||
|
||||
a.scroll-up:hover {
|
||||
color: #9b59b6;
|
||||
border-color: #9b59b6;
|
||||
}
|
||||
/* End To Top */
|
||||
@@ -0,0 +1,410 @@
|
||||
/* Red Version CSS */
|
||||
|
||||
a:link, a:visited, a:hover, a:focus{text-decoration: none; color: #e21e25;}
|
||||
|
||||
.navbar-brand {
|
||||
background: url("../../images/logo-white2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
/* Home Slider */
|
||||
#home-slider .caption h1 strong{
|
||||
color:#e21e25;
|
||||
}
|
||||
|
||||
.left-control:hover,
|
||||
.right-control:hover {
|
||||
background-color: #e21e25;
|
||||
}
|
||||
|
||||
.learn-more {
|
||||
border: 2px solid #e21e25;
|
||||
}
|
||||
.learn-more:hover {
|
||||
background: #e21e25;
|
||||
}
|
||||
|
||||
.left-control, .right-control {
|
||||
border:1px solid #e21e25;
|
||||
}
|
||||
/* End Home Slider */
|
||||
|
||||
|
||||
/* Navbar */
|
||||
|
||||
/* Link Color */
|
||||
.navbar-inverse { border-color: #e21e25}
|
||||
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #e21e25}
|
||||
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #e21e25}
|
||||
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #e21e25}
|
||||
.dropdown-menu>li>a { color: #e21e25}
|
||||
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #e21e25}
|
||||
|
||||
.navbar-toggle {
|
||||
border: transparent;
|
||||
background-color: #e21e25;
|
||||
}
|
||||
|
||||
.navbar-inverse .navbar-toggle:hover,
|
||||
.navbar-inverse .navbar-toggle:focus {
|
||||
background-color: #e21e25;
|
||||
}
|
||||
|
||||
/* End Navbar */
|
||||
|
||||
/* Loader */
|
||||
.spinner > div
|
||||
{
|
||||
background: #e21e25;
|
||||
}
|
||||
/* End Loader */
|
||||
|
||||
/* Titles & Color */
|
||||
.section-title h1 span{
|
||||
background-color: #e21e25;
|
||||
}
|
||||
|
||||
|
||||
.btn {
|
||||
background-image: none;
|
||||
background-color: #e21e25;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
a.btn {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.btn a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.btn-inverse:hover{
|
||||
color: #fff;
|
||||
background-color: #e21e25;
|
||||
}
|
||||
|
||||
.btn-inverse:hover a{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
a.btn-inverse:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
.btn:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.btn:hover a{
|
||||
color: #e21e25;
|
||||
}
|
||||
|
||||
.btn-inverse {
|
||||
color: #e21e25;
|
||||
border: 1px solid #e21e25;
|
||||
}
|
||||
|
||||
a.btn-inverse{
|
||||
color: #e21e25;
|
||||
}
|
||||
|
||||
.btn-inverse a{
|
||||
color: #e21e25;
|
||||
}
|
||||
|
||||
|
||||
a.btn:hover {
|
||||
color: #e21e25;
|
||||
}
|
||||
|
||||
.btn a:hover {
|
||||
color: #e21e25;
|
||||
}
|
||||
|
||||
.btn-one{
|
||||
background: none repeat scroll 0 0 #e21e25;
|
||||
border: 1px solid #e21e25;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.btn-one:hover {
|
||||
border: 1px solid #e21e25;
|
||||
color: #e21e25;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
|
||||
.btn:hover {
|
||||
border: 1px solid #e21e25;
|
||||
color: #e21e25;
|
||||
}
|
||||
|
||||
.hovicon.effect-1 {
|
||||
background: #e21e25;
|
||||
}
|
||||
|
||||
.hovicon.effect-1:after {
|
||||
box-shadow: 0 0 0 4px #e21e25;
|
||||
}
|
||||
|
||||
.text-color {
|
||||
background: none repeat scroll 0 0 #e21e25;
|
||||
}
|
||||
|
||||
.dporcaps-negative {
|
||||
background: none repeat scroll 0 0 #e21e25;
|
||||
}
|
||||
|
||||
.dporcaps {
|
||||
color: #e21e25;
|
||||
}
|
||||
|
||||
.blockqoute-style-2 {
|
||||
border-left: 5px solid #e21e25;
|
||||
}
|
||||
|
||||
cite {
|
||||
color: #e21e25;
|
||||
}
|
||||
|
||||
|
||||
/* Effect 1a */
|
||||
.hovicon.effect-1.sub-a:hover {
|
||||
background: #e21e25;
|
||||
}
|
||||
|
||||
.main-color
|
||||
{
|
||||
color: #e21e25;
|
||||
}
|
||||
|
||||
.white-color
|
||||
{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* End Titles & Color */
|
||||
|
||||
|
||||
/* Facts */
|
||||
.number p:first-letter {
|
||||
color: #e21e25;
|
||||
}
|
||||
/* End Facts */
|
||||
|
||||
/* Team Member */
|
||||
.team-member-holder:hover {
|
||||
border-color: #e21e25;
|
||||
}
|
||||
|
||||
.img-overlay {
|
||||
background: #e21e25;
|
||||
}
|
||||
|
||||
.view-profile {
|
||||
color:#e21e25;
|
||||
}
|
||||
|
||||
.team-member-social-list-item {
|
||||
color: #e21e25;
|
||||
}
|
||||
|
||||
.team-details h3{
|
||||
color: #e21e25;
|
||||
}
|
||||
/* End Team Member */
|
||||
|
||||
/* Skills */
|
||||
.skills h4:first-letter {
|
||||
color: #e21e25;
|
||||
}
|
||||
/* End Skills */
|
||||
|
||||
/* Works */
|
||||
#filters li span.active,#filters li span:hover {
|
||||
background: #e21e25;
|
||||
}
|
||||
|
||||
#filters li span {
|
||||
border: 1px solid #e21e25;
|
||||
color: #e21e25;
|
||||
}
|
||||
|
||||
.project-details h3 {
|
||||
color: #e21e25;
|
||||
}
|
||||
|
||||
.project-description h3 {
|
||||
color: #e21e25;
|
||||
}
|
||||
|
||||
/* End Works */
|
||||
|
||||
/* Partners */
|
||||
.partners-img:hover img{
|
||||
border-color: #e21e25;
|
||||
}
|
||||
/* End Partners */
|
||||
|
||||
/* Pricing */
|
||||
.single-table h4:first-letter {
|
||||
color: #e21e25;
|
||||
}
|
||||
|
||||
.price-icon {
|
||||
background-color: #e21e25;
|
||||
}
|
||||
|
||||
span.price {
|
||||
color: #e21e25;
|
||||
}
|
||||
|
||||
.single-table .btn-price, .sign_form input[type="submit"] {
|
||||
background: none repeat scroll 0 0 #e21e25;
|
||||
border: 1px solid #e21e25;
|
||||
}
|
||||
|
||||
.single-table .btn-price:hover {
|
||||
border: 1px solid #e21e25;
|
||||
color: #e21e25;
|
||||
}
|
||||
|
||||
.single-table.featured .price-icon, .single-table.featured .btn-price {
|
||||
color: #e21e25;
|
||||
}
|
||||
|
||||
.single-table.featured{
|
||||
background-color: #e21e25;
|
||||
}
|
||||
|
||||
.single-table.featured .price {
|
||||
background-color: #e21e25;
|
||||
}
|
||||
/* End Pricing */
|
||||
|
||||
/* Clients */
|
||||
.clients h5 {
|
||||
color: #e21e25;
|
||||
}
|
||||
|
||||
.carousel-indicators .active {
|
||||
background-color: #e21e25;
|
||||
border-color: #e21e25;
|
||||
}
|
||||
|
||||
.carousel-indicators li {
|
||||
border-color: #e21e25;
|
||||
}
|
||||
/* End Clients */
|
||||
|
||||
/* News */
|
||||
.post-date {
|
||||
background-color: #e21e25;
|
||||
}
|
||||
|
||||
.entry-title a:hover {
|
||||
color: #e21e25;
|
||||
}
|
||||
/* End News */
|
||||
|
||||
/* Blog */
|
||||
.widget.tags-cloud a {
|
||||
border: 1px solid #e21e25;
|
||||
}
|
||||
|
||||
.widget.tags-cloud a:hover {
|
||||
border: 1px solid #e21e25;
|
||||
background-color: #e21e25;
|
||||
}
|
||||
|
||||
.tags a {
|
||||
border: 1px solid #e21e25;
|
||||
}
|
||||
|
||||
.tags a:hover {
|
||||
border: 1px solid #e21e25;
|
||||
background-color: #e21e25;
|
||||
}
|
||||
|
||||
|
||||
.pager li > a, .pager li > span {
|
||||
border: 1px solid #e21e25;
|
||||
}
|
||||
.pager li > a:hover, .pager li > a:focus {
|
||||
border: 1px solid #e21e25;
|
||||
background-color: #e21e25;
|
||||
}
|
||||
/* End Blog */
|
||||
|
||||
|
||||
/* Tweet */
|
||||
#twitter-carousel .item a {
|
||||
color: #e21e25;
|
||||
}
|
||||
|
||||
.twitter-icon .fa-twitter:after {
|
||||
border-color: #e21e25 transparent transparent;
|
||||
}
|
||||
|
||||
.twitter-icon .fa-twitter, .twitter-left-control:hover, .twitter-right-control:hover {
|
||||
background-color: #e21e25;
|
||||
}
|
||||
/* End Tweet */
|
||||
|
||||
/* Footer */
|
||||
.bottom-footer {
|
||||
border-top: 7px solid #e21e25;
|
||||
}
|
||||
|
||||
.bottom-footer-left p a {
|
||||
color: #e21e25;
|
||||
}
|
||||
|
||||
.bottom-social-icons li a i{
|
||||
background-color: #e21e25;
|
||||
border: 1px solid #e21e25;
|
||||
}
|
||||
|
||||
.bottom-social-icons li a i:hover{
|
||||
color: #e21e25;
|
||||
}
|
||||
|
||||
/* End Footer */
|
||||
|
||||
/* Contacts */
|
||||
.contact_form i{
|
||||
color: #e21e25;
|
||||
}
|
||||
|
||||
.contact_form input[type="submit"] {
|
||||
background: #e21e25;
|
||||
border: 1px solid #e21e25;
|
||||
}
|
||||
|
||||
.contact_form input[type="submit"]:hover {
|
||||
color: #e21e25;
|
||||
}
|
||||
|
||||
.sign_form input[type="submit"]:hover {
|
||||
color: #e21e25;
|
||||
}
|
||||
/* End Contacts */
|
||||
|
||||
/* To Top */
|
||||
a.scroll-up {
|
||||
background: none repeat scroll 0 0 #e21e25;
|
||||
}
|
||||
a.scroll-up i {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
a.scroll-up:hover i {
|
||||
color: #e21e25;
|
||||
}
|
||||
|
||||
a.scroll-up:hover {
|
||||
color: #e21e25;
|
||||
border-color: #e21e25;
|
||||
}
|
||||
/* End To Top */
|
||||
@@ -0,0 +1,280 @@
|
||||
/* Small desktop */
|
||||
@media (min-width: 980px) and (max-width: 1199px) {
|
||||
|
||||
/* Works */
|
||||
.myport .portfolio ,
|
||||
.myport .portfolio-5-col,
|
||||
.myport .portfolio-4-col,
|
||||
.myport .portfolio-3-col
|
||||
{
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.img-holder:hover .overlay-content{
|
||||
top: 20%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* Portrait tablet to landscape and desktop */
|
||||
@media (min-width: 768px) and (max-width: 979px) {
|
||||
|
||||
/* Home Slider */
|
||||
#home-slider .caption h1 {
|
||||
font-size: 60px;
|
||||
}
|
||||
|
||||
#home-slider .caption p {
|
||||
font-size: 35px;
|
||||
}
|
||||
|
||||
/* Navagation*/
|
||||
.navbar-header {
|
||||
float: none;
|
||||
}
|
||||
.navbar-left,.navbar-right {
|
||||
float: none !important;
|
||||
}
|
||||
.navbar-toggle {
|
||||
display: block;
|
||||
}
|
||||
.navbar-collapse {
|
||||
border-top: 1px solid transparent;
|
||||
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
|
||||
}
|
||||
.navbar-fixed-top {
|
||||
top: 0;
|
||||
border-width: 0 0 1px;
|
||||
}
|
||||
.navbar-collapse.collapse {
|
||||
display: none!important;
|
||||
}
|
||||
.navbar-nav {
|
||||
float: none!important;
|
||||
margin-top: 7.5px;
|
||||
}
|
||||
.navbar-nav>li {
|
||||
float: none;
|
||||
}
|
||||
.navbar-nav>li>a {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.collapse.in{
|
||||
display:block !important;
|
||||
}
|
||||
.navbar-collapse.in {
|
||||
overflow-y: auto !important;
|
||||
}
|
||||
.navbar-nav .open .dropdown-menu {
|
||||
position: static;
|
||||
float: none;
|
||||
width: auto;
|
||||
margin-top: 0;
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
|
||||
padding: 5px 15px 5px 25px;
|
||||
}
|
||||
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
|
||||
color: #999;
|
||||
}
|
||||
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
|
||||
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
|
||||
color: #fff;
|
||||
background-color: transparent;
|
||||
background-image:none;
|
||||
}
|
||||
|
||||
/* Block Best Fitting */
|
||||
.wrapper-team .col-md-3,
|
||||
.wrapper-number .col-md-3,
|
||||
.wrapper-count .col-md-3,
|
||||
.wrapper-partners .col-md-3
|
||||
{
|
||||
float: left;
|
||||
margin: 0 auto;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
/* Price */
|
||||
.wrapper-pricing .col-md-3{
|
||||
margin: 0 auto 20px;
|
||||
width: 50%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
/* Works */
|
||||
.myport .portfolio ,
|
||||
.myport .portfolio-5-col,
|
||||
.myport .portfolio-4-col,
|
||||
.myport .portfolio-3-col
|
||||
{
|
||||
width: 33.33%;
|
||||
}
|
||||
.img-holder:hover .overlay-content{
|
||||
top: 20%;
|
||||
}
|
||||
/* News */
|
||||
.post-date{
|
||||
padding: 5px 15px;
|
||||
}
|
||||
|
||||
.post-date h2 {
|
||||
font-size: 16px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.post-date h2 span {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
/* Contact Form */
|
||||
.contact_form {
|
||||
width: 90%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Landscape phone to portrait tablet */
|
||||
@media (max-width: 767px) {
|
||||
|
||||
#home-slider .caption h1 {
|
||||
font-size: 40px;
|
||||
}
|
||||
|
||||
#home-slider .caption p {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
|
||||
/* Block Best Fitting */
|
||||
.wrapper-number .col-md-3,
|
||||
.wrapper-team .col-md-3,
|
||||
.wrapper-count .col-md-3,
|
||||
.wrapper-partners .col-md-3{
|
||||
float: left;
|
||||
margin: 0 auto;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
/* Price */
|
||||
.wrapper-pricing .col-md-3{
|
||||
margin: 0 auto 20px;
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
/* Works */
|
||||
.myport .portfolio ,
|
||||
.myport .portfolio-5-col,
|
||||
.myport .portfolio-4-col,
|
||||
.myport .portfolio-3-col
|
||||
{
|
||||
width: 50%;
|
||||
}
|
||||
.img-holder:hover .overlay-content{
|
||||
top: 20%;
|
||||
}
|
||||
|
||||
/* News */
|
||||
.post-date{
|
||||
padding: 5px 15px;
|
||||
}
|
||||
|
||||
.post-date h2 {
|
||||
font-size: 16px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.post-date h2 span {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
/* Contact Form */
|
||||
.contact_form {
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* Landscape phones and down */
|
||||
@media (max-width: 480px) {
|
||||
|
||||
/* Home Slider */
|
||||
#home-slider .caption h1 {
|
||||
font-size: 40px;
|
||||
}
|
||||
#home-slider .caption {
|
||||
font-size: 15px;
|
||||
padding: 0 30px;
|
||||
}
|
||||
.left-control, .right-control {
|
||||
font-size: 20px;
|
||||
height: 30px;
|
||||
line-height: 25px;
|
||||
width: 30px;
|
||||
}
|
||||
#home-slider:hover .right-control {
|
||||
right: 15px;
|
||||
}
|
||||
#home-slider:hover .left-control {
|
||||
left: 15px;
|
||||
}
|
||||
|
||||
/* Block Best Fitting */
|
||||
.wrapper-team .col-md-3,
|
||||
.wrapper-number .col-md-3,
|
||||
.wrapper-count .col-md-3,
|
||||
.wrapper-partners .col-md-3
|
||||
{
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Price */
|
||||
.wrapper-pricing .col-md-3{
|
||||
margin: 0 auto 20px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Facts */
|
||||
.wrapper-contacts-icons .col-xs-4{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Works */
|
||||
.myport .portfolio ,
|
||||
.myport .portfolio-5-col,
|
||||
.myport .portfolio-4-col,
|
||||
.myport .portfolio-3-col
|
||||
{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Titles */
|
||||
.section-title h1 span{
|
||||
padding: 0 4px;
|
||||
font-size: 30px;
|
||||
}
|
||||
.element-title h1 {
|
||||
font-size: 20px;
|
||||
}
|
||||
.element-title h3 {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
/* Contact Form */
|
||||
.contact_form {
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media all and (-webkit-min-device-pixel-ratio: 1.5)
|
||||
{
|
||||
/*.navbar-brand { background: url("../images/logo-white@2x.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);background-size: 151px 47px; }*/
|
||||
}
|
||||
|
||||
@@ -0,0 +1,410 @@
|
||||
/* Yellow Version CSS */
|
||||
|
||||
a:link, a:visited, a:hover, a:focus{text-decoration: none; color: #ffd600;}
|
||||
|
||||
.navbar-brand {
|
||||
background: url("../../images/logo-white7.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
/* Home Slider */
|
||||
#home-slider .caption h1 strong{
|
||||
color:#ffd600;
|
||||
}
|
||||
|
||||
.left-control:hover,
|
||||
.right-control:hover {
|
||||
background-color: #ffd600;
|
||||
}
|
||||
|
||||
.learn-more {
|
||||
border: 2px solid #ffd600;
|
||||
}
|
||||
.learn-more:hover {
|
||||
background: #ffd600;
|
||||
}
|
||||
|
||||
.left-control, .right-control {
|
||||
border:1px solid #ffd600;
|
||||
}
|
||||
/* End Home Slider */
|
||||
|
||||
|
||||
/* Navbar */
|
||||
|
||||
/* Link Color */
|
||||
.navbar-inverse { border-color: #ffd600}
|
||||
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #ffd600}
|
||||
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #ffd600}
|
||||
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #ffd600}
|
||||
.dropdown-menu>li>a { color: #ffd600}
|
||||
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #ffd600}
|
||||
|
||||
.navbar-toggle {
|
||||
border: transparent;
|
||||
background-color: #ffd600;
|
||||
}
|
||||
|
||||
.navbar-inverse .navbar-toggle:hover,
|
||||
.navbar-inverse .navbar-toggle:focus {
|
||||
background-color: #ffd600;
|
||||
}
|
||||
|
||||
/* End Navbar */
|
||||
|
||||
/* Loader */
|
||||
.spinner > div
|
||||
{
|
||||
background: #ffd600;
|
||||
}
|
||||
/* End Loader*/
|
||||
|
||||
/* Titles & Color */
|
||||
.section-title h1 span{
|
||||
background-color: #ffd600;
|
||||
}
|
||||
|
||||
|
||||
.btn {
|
||||
background-image: none;
|
||||
background-color: #ffd600;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
a.btn {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.btn a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.btn-inverse:hover{
|
||||
color: #fff;
|
||||
background-color: #ffd600;
|
||||
}
|
||||
|
||||
.btn-inverse:hover a{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
a.btn-inverse:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
.btn:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.btn:hover a{
|
||||
color: #ffd600;
|
||||
}
|
||||
|
||||
.btn-inverse {
|
||||
color: #ffd600;
|
||||
border: 1px solid #ffd600;
|
||||
}
|
||||
|
||||
a.btn-inverse{
|
||||
color: #ffd600;
|
||||
}
|
||||
|
||||
.btn-inverse a{
|
||||
color: #ffd600;
|
||||
}
|
||||
|
||||
|
||||
a.btn:hover {
|
||||
color: #ffd600;
|
||||
}
|
||||
|
||||
.btn a:hover {
|
||||
color: #ffd600;
|
||||
}
|
||||
|
||||
.btn-one{
|
||||
background: none repeat scroll 0 0 #ffd600;
|
||||
border: 1px solid #ffd600;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.btn-one:hover {
|
||||
border: 1px solid #ffd600;
|
||||
color: #ffd600;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
|
||||
.btn:hover {
|
||||
border: 1px solid #ffd600;
|
||||
color: #ffd600;
|
||||
}
|
||||
|
||||
.hovicon.effect-1 {
|
||||
background: #ffd600;
|
||||
}
|
||||
|
||||
.hovicon.effect-1:after {
|
||||
box-shadow: 0 0 0 4px #ffd600;
|
||||
}
|
||||
|
||||
.text-color {
|
||||
background: none repeat scroll 0 0 #ffd600;
|
||||
}
|
||||
|
||||
.dporcaps-negative {
|
||||
background: none repeat scroll 0 0 #ffd600;
|
||||
}
|
||||
|
||||
.dporcaps {
|
||||
color: #ffd600;
|
||||
}
|
||||
|
||||
.blockqoute-style-2 {
|
||||
border-left: 5px solid #ffd600;
|
||||
}
|
||||
|
||||
cite {
|
||||
color: #ffd600;
|
||||
}
|
||||
|
||||
|
||||
/* Effect 1a */
|
||||
.hovicon.effect-1.sub-a:hover {
|
||||
background: #ffd600;
|
||||
}
|
||||
|
||||
.main-color
|
||||
{
|
||||
color: #ffd600;
|
||||
}
|
||||
|
||||
.white-color
|
||||
{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* End Titles & Color */
|
||||
|
||||
|
||||
/* Facts */
|
||||
.number p:first-letter {
|
||||
color: #ffd600;
|
||||
}
|
||||
/* End Facts */
|
||||
|
||||
/* Team Member */
|
||||
.team-member-holder:hover {
|
||||
border-color: #ffd600;
|
||||
}
|
||||
|
||||
.img-overlay {
|
||||
background: #ffd600;
|
||||
}
|
||||
|
||||
.view-profile {
|
||||
color:#ffd600;
|
||||
}
|
||||
|
||||
.team-member-social-list-item {
|
||||
color: #ffd600;
|
||||
}
|
||||
|
||||
.team-details h3{
|
||||
color: #ffd600;
|
||||
}
|
||||
/* End Team Member */
|
||||
|
||||
/* Skills */
|
||||
.skills h4:first-letter {
|
||||
color: #ffd600;
|
||||
}
|
||||
/* End Skills */
|
||||
|
||||
/* Works */
|
||||
#filters li span.active,#filters li span:hover {
|
||||
background: #ffd600;
|
||||
}
|
||||
|
||||
#filters li span {
|
||||
border: 1px solid #ffd600;
|
||||
color: #ffd600;
|
||||
}
|
||||
|
||||
.project-details h3 {
|
||||
color: #ffd600;
|
||||
}
|
||||
|
||||
.project-description h3 {
|
||||
color: #ffd600;
|
||||
}
|
||||
|
||||
/* End Works */
|
||||
|
||||
/* Partners */
|
||||
.partners-img:hover img{
|
||||
border-color: #ffd600;
|
||||
}
|
||||
/* End Partners */
|
||||
|
||||
/* Pricing */
|
||||
.single-table h4:first-letter {
|
||||
color: #ffd600;
|
||||
}
|
||||
|
||||
.price-icon {
|
||||
background-color: #ffd600;
|
||||
}
|
||||
|
||||
span.price {
|
||||
color: #ffd600;
|
||||
}
|
||||
|
||||
.single-table .btn-price, .sign_form input[type="submit"] {
|
||||
background: none repeat scroll 0 0 #ffd600;
|
||||
border: 1px solid #ffd600;
|
||||
}
|
||||
|
||||
.single-table .btn-price:hover {
|
||||
border: 1px solid #ffd600;
|
||||
color: #ffd600;
|
||||
}
|
||||
|
||||
.single-table.featured .price-icon, .single-table.featured .btn-price {
|
||||
color: #ffd600;
|
||||
}
|
||||
|
||||
.single-table.featured{
|
||||
background-color: #ffd600;
|
||||
}
|
||||
|
||||
.single-table.featured .price {
|
||||
background-color: #ffd600;
|
||||
}
|
||||
/* End Pricing */
|
||||
|
||||
/* Clients */
|
||||
.clients h5 {
|
||||
color: #ffd600;
|
||||
}
|
||||
|
||||
.carousel-indicators .active {
|
||||
background-color: #ffd600;
|
||||
border-color: #ffd600;
|
||||
}
|
||||
|
||||
.carousel-indicators li {
|
||||
border-color: #ffd600;
|
||||
}
|
||||
/* End Clients */
|
||||
|
||||
/* News */
|
||||
.post-date {
|
||||
background-color: #ffd600;
|
||||
}
|
||||
|
||||
.entry-title a:hover {
|
||||
color: #ffd600;
|
||||
}
|
||||
/* End News */
|
||||
|
||||
/* Blog */
|
||||
.widget.tags-cloud a {
|
||||
border: 1px solid #ffd600;
|
||||
}
|
||||
|
||||
.widget.tags-cloud a:hover {
|
||||
border: 1px solid #ffd600;
|
||||
background-color: #ffd600;
|
||||
}
|
||||
|
||||
.tags a {
|
||||
border: 1px solid #ffd600;
|
||||
}
|
||||
|
||||
.tags a:hover {
|
||||
border: 1px solid #ffd600;
|
||||
background-color: #ffd600;
|
||||
}
|
||||
|
||||
|
||||
.pager li > a, .pager li > span {
|
||||
border: 1px solid #ffd600;
|
||||
}
|
||||
.pager li > a:hover, .pager li > a:focus {
|
||||
border: 1px solid #ffd600;
|
||||
background-color: #ffd600;
|
||||
}
|
||||
/* End Blog */
|
||||
|
||||
|
||||
/* Tweet */
|
||||
#twitter-carousel .item a {
|
||||
color: #ffd600;
|
||||
}
|
||||
|
||||
.twitter-icon .fa-twitter:after {
|
||||
border-color: #ffd600 transparent transparent;
|
||||
}
|
||||
|
||||
.twitter-icon .fa-twitter, .twitter-left-control:hover, .twitter-right-control:hover {
|
||||
background-color: #ffd600;
|
||||
}
|
||||
/* End Tweet */
|
||||
|
||||
/* Footer */
|
||||
.bottom-footer {
|
||||
border-top: 7px solid #ffd600;
|
||||
}
|
||||
|
||||
.bottom-footer-left p a {
|
||||
color: #ffd600;
|
||||
}
|
||||
|
||||
.bottom-social-icons li a i{
|
||||
background-color: #ffd600;
|
||||
border: 1px solid #ffd600;
|
||||
}
|
||||
|
||||
.bottom-social-icons li a i:hover{
|
||||
color: #ffd600;
|
||||
}
|
||||
|
||||
/* End Footer */
|
||||
|
||||
/* Contacts */
|
||||
.contact_form i{
|
||||
color: #ffd600;
|
||||
}
|
||||
|
||||
.contact_form input[type="submit"] {
|
||||
background: #ffd600;
|
||||
border: 1px solid #ffd600;
|
||||
}
|
||||
|
||||
.contact_form input[type="submit"]:hover {
|
||||
color: #ffd600;
|
||||
}
|
||||
|
||||
.sign_form input[type="submit"]:hover {
|
||||
color: #ffd600;
|
||||
}
|
||||
/* End Contacts */
|
||||
|
||||
/* To Top */
|
||||
a.scroll-up {
|
||||
background: none repeat scroll 0 0 #ffd600;
|
||||
}
|
||||
a.scroll-up i {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
a.scroll-up:hover i {
|
||||
color: #ffd600;
|
||||
}
|
||||
|
||||
a.scroll-up:hover {
|
||||
color: #ffd600;
|
||||
border-color: #ffd600;
|
||||
}
|
||||
/* End To Top */
|
||||
|
After Width: | Height: | Size: 434 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 46 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 3.6 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 170 KiB |
|
After Width: | Height: | Size: 184 KiB |
|
After Width: | Height: | Size: 281 KiB |
|
After Width: | Height: | Size: 32 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 31 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 39 KiB |
|
After Width: | Height: | Size: 121 B |
|
After Width: | Height: | Size: 142 B |
|
After Width: | Height: | Size: 137 B |
|
After Width: | Height: | Size: 136 B |
|
After Width: | Height: | Size: 142 B |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 227 B |
|
After Width: | Height: | Size: 99 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 4.7 KiB |
|
After Width: | Height: | Size: 4.8 KiB |
|
After Width: | Height: | Size: 4.9 KiB |
|
After Width: | Height: | Size: 4.9 KiB |
|
After Width: | Height: | Size: 4.9 KiB |
|
After Width: | Height: | Size: 4.9 KiB |
|
After Width: | Height: | Size: 4.9 KiB |
|
After Width: | Height: | Size: 4.8 KiB |
|
After Width: | Height: | Size: 8.3 KiB |
|
After Width: | Height: | Size: 44 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 206 KiB |
|
After Width: | Height: | Size: 79 KiB |
|
After Width: | Height: | Size: 144 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 22 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 63 KiB |
|
After Width: | Height: | Size: 3.4 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 44 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 66 KiB |
|
After Width: | Height: | Size: 46 KiB |
|
After Width: | Height: | Size: 39 KiB |
|
After Width: | Height: | Size: 20 KiB |
|
After Width: | Height: | Size: 60 KiB |
|
After Width: | Height: | Size: 21 KiB |
|
After Width: | Height: | Size: 30 KiB |
|
After Width: | Height: | Size: 35 KiB |
|
After Width: | Height: | Size: 40 KiB |
|
After Width: | Height: | Size: 18 KiB |
@@ -0,0 +1,322 @@
|
||||
<!DOCTYPE html>
|
||||
{% load static %}
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
|
||||
<meta charset="utf-8">
|
||||
<title>CloudManager</title>
|
||||
<meta name="description" content="Xlight Bootstrap Responsive HTML5/CSS3 Template">
|
||||
<meta name="author" content="Andsolutions.it">
|
||||
<meta name="description" content="">
|
||||
<link href="{% static 'bootstrap.min.css' %}" rel="stylesheet">
|
||||
<link href="{% static 'bootstrap-theme.min.css' %}" rel="stylesheet">
|
||||
<link href="{% static 'animate.min.css' %}" rel="stylesheet" >
|
||||
<link href="{% static 'font-awesome.min.css' %}" rel="stylesheet">
|
||||
<link href="{% static 'prettyPhoto.css' %}" rel="stylesheet">
|
||||
<link href="{% static 'theme.css' %}" rel="stylesheet">
|
||||
<link href="{% static 'responsive.css' %}" rel="stylesheet">
|
||||
<link href="{% static 'blue.css' %}" rel="stylesheet" class="colors">
|
||||
|
||||
|
||||
|
||||
<!-- Google Font -->
|
||||
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
|
||||
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>
|
||||
|
||||
<!-- Favicons -->
|
||||
<link rel="shortcut icon" href="{% static 'favicon.ico' %}">
|
||||
<link rel="apple-touch-icon" href="{% static 'apple-touch-icon.png' %}">
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="{% static 'apple-touch-icon-72.png' %}">
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="{% static 'apple-touch-icon-114.png' %}">
|
||||
<link rel="apple-touch-icon" sizes="144x144" href="{% static 'apple-touch-icon-144.png' %}">
|
||||
|
||||
</head>
|
||||
|
||||
<body data-spy="scroll" data-target="#mynav" data-offset="85">
|
||||
|
||||
<!-- Preloader -->
|
||||
<div id="preloader">
|
||||
<div id="status">
|
||||
<div class="spinner">
|
||||
<div class="rect1"></div>
|
||||
<div class="rect2"></div>
|
||||
<div class="rect3"></div>
|
||||
<div class="rect4"></div>
|
||||
<div class="rect5"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Preloader -->
|
||||
|
||||
<header>
|
||||
|
||||
<!-- Bootstrap Menu -->
|
||||
<div id="navigation">
|
||||
<div class="navbar-wrapper">
|
||||
<nav class="navbar-inverse navbar-static-top" role="navigation">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="#"></a>
|
||||
</div>
|
||||
<div id="mynav" class="navbar-collapse collapse">
|
||||
<ul class="nav navbar-nav main-nav-list">
|
||||
<li><a href="#home">Home</a></li>
|
||||
<li><a href="#about">About</a></li>
|
||||
<li><a href="#team">Team</a></li>
|
||||
<li><a href="#works">Works</a></li>
|
||||
<li><a href="#pricing">Price</a></li>
|
||||
<li><a href="#news">News</a></li>
|
||||
<li><a href="#contacts">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Bootstrap Menu -->
|
||||
|
||||
<!-- Slider -->
|
||||
<section id="home">
|
||||
<div id="home-slider" class="carousel slide carousel-fade" data-ride="carousel">
|
||||
<div class="carousel-inner">
|
||||
<div class="item active" style="background-image: url({% static 'bg-1.jpg' %})"> <!-- Change Image -->
|
||||
<div class="caption">
|
||||
<h1 class="animated fadeInLeftBig">Welcome to <strong>CloudManager {{ variable }}</strong></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- End Slider -->
|
||||
|
||||
</header>
|
||||
|
||||
<!-- About Xlight -->
|
||||
<section class="section-wrapper" id="about">
|
||||
<div class="about-us">
|
||||
<div class="why-us">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<!-- Block Title -->
|
||||
<div class="section-title wow fadeInUp" data-wow-duration="1s" data-wow-delay="300ms">
|
||||
<h1><span>ABOUT XLIGHT</span></h1>
|
||||
</div>
|
||||
<div class="element-title wow fadeInDown" data-wow-duration="1s" data-wow-delay="300ms">
|
||||
<h1>Why Choose Us ?</h1>
|
||||
<h3>We Are Crazy <span class="main-color">Web Agency</span> Who Thinks To Change The <span class="main-color">Future</span></h3>
|
||||
</div>
|
||||
<!-- End Block Title -->
|
||||
<!-- About Us Icons -->
|
||||
<div class="wrapper-why-us">
|
||||
<div class="col-lg-4 col-sm-4 wow fadeInDown" data-wow-duration="1s" data-wow-delay="300ms">
|
||||
<i class="hovicon effect-1 sub-a"><b class="fa fa-flask"></b></i>
|
||||
<h2>CREATIVE TEAM</h2>
|
||||
<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
|
||||
</div>
|
||||
<div class="col-lg-4 col-sm-4 wow fadeInDown" data-wow-duration="1s" data-wow-delay="450ms">
|
||||
<i class="hovicon effect-1 sub-a"><b class="fa fa-heart-o"></b></i>
|
||||
<h2>MODERN DESIGN</h2>
|
||||
<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
|
||||
</div>
|
||||
<div class="col-lg-4 col-sm-4 wow fadeInDown" data-wow-duration="1s" data-wow-delay="600ms">
|
||||
<i class="hovicon effect-1 sub-a"><b class="fa fa-tablet"></b></i>
|
||||
<h2>RESPONSIVE THEME</h2>
|
||||
<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End About Us Icons -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End About Xlight -->
|
||||
|
||||
|
||||
</section>
|
||||
<!-- End About Section -->
|
||||
|
||||
<!-- Skills -->
|
||||
<div class="skills parallax">
|
||||
<div class="overlay">
|
||||
<div class="wrapper-block-skills">
|
||||
<!-- Block Title -->
|
||||
<div class="element-title">
|
||||
<div class="row">
|
||||
<div class="container">
|
||||
<h1 class="main-color wow fadeInDown" data-wow-duration="1s" data-wow-delay="300ms">OUR CRAZY SKILLS</h1>
|
||||
<h3 class="white-color wow fadeInUp" data-wow-duration="1s" data-wow-delay="300ms">Lorem Ipsum is simply dummy text of the printing and typesetting</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Block Title -->
|
||||
<div class="row">
|
||||
<div class="container">
|
||||
<div class="wrapper-count">
|
||||
<div class="col-lg-3 col-md-3">
|
||||
<!-- SKILL ONE -->
|
||||
<div class="skill wow fadeInRight" data-wow-duration="1s" data-wow-delay="300ms">
|
||||
<input type="text" class="knob" value="86">
|
||||
<h4>Web Design</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-3">
|
||||
<!-- SKILL TWO -->
|
||||
<div class="skill wow fadeInRight" data-wow-duration="1s" data-wow-delay="500ms">
|
||||
<input type="text" class="knob" value="93">
|
||||
<h4>Html5</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-3">
|
||||
<!-- SKILL THREE -->
|
||||
<div class="skill wow fadeInRight" data-wow-duration="1s" data-wow-delay="800ms">
|
||||
<input type="text" class="knob" value="88">
|
||||
<h4>JQuery</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-3">
|
||||
<!-- SKILL Four -->
|
||||
<div class="skill wow fadeInRight" data-wow-duration="1s" data-wow-delay="1100ms">
|
||||
<input type="text" class="knob" value="95">
|
||||
<h4>CSS3</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Skills -->
|
||||
|
||||
</section>
|
||||
<!-- End Team Section -->
|
||||
|
||||
<!-- Price Section -->
|
||||
<section class="section-wrapper" id="pricing">
|
||||
<div class="pricing">
|
||||
<!-- Block Title -->
|
||||
<div class="element-title">
|
||||
<div class="row">
|
||||
<div class="container">
|
||||
<div class="section-title wow fadeInDown" data-wow-duration="1s" data-wow-delay="300ms">
|
||||
<h1><span>OUR Pricing</span></h1>
|
||||
</div>
|
||||
<h1 class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="300ms">Our Price Plan</h1>
|
||||
<h3 class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="300ms">Check Out <span class="main-color">Latest</span> Rates</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Block Title -->
|
||||
<div class="row">
|
||||
<div class="container">
|
||||
<div class="wrapper-pricing">
|
||||
{% block contentX %}
|
||||
{% for server in list_servers_up %}
|
||||
<!-- Plan 2 -->
|
||||
<div class="col-lg-3 col-md-3">
|
||||
<div class="single-table wow fadeInRight" data-wow-duration="1s" data-wow-delay="500ms">
|
||||
<h4>{{ server.1 }}</h4>
|
||||
<div class="price-icon">
|
||||
<i class="fa fa-rocket"></i>
|
||||
</div>
|
||||
<span class="price">{{ server.2 }}</span>
|
||||
<ul>
|
||||
<li>Up to 5 Users</li>
|
||||
<li>Max 50 items</li>
|
||||
<li>Unlimited QueriesFull </li>
|
||||
<li>Statistics</li>
|
||||
<li>Great Support</li>
|
||||
</ul>
|
||||
<a class="btn-price" href="#">Get This Plan</a>
|
||||
|
||||
<!-- Triggers a POST request to '/run-my-module/' without reloading -->
|
||||
<!-- When clicked, 'Run Module' changes to 'Done!' -->
|
||||
<button hx-post="{% url 'run_my_action_url' %}"
|
||||
hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'>
|
||||
Run Module
|
||||
</button>
|
||||
<script>
|
||||
function vote(kind) {
|
||||
$.getJSON("/vote/", { pk:{ { object.pk }}, vote: kind }, function(json){
|
||||
alert("Was successful?: " + json['success']);
|
||||
});
|
||||
}
|
||||
function addClickHandlers() {
|
||||
$("#upvote").click( function() { vote("up") });
|
||||
$("#downvote").click( function() { vote("down") });
|
||||
}
|
||||
$(document).ready(addClickHandlers);
|
||||
</script>
|
||||
|
||||
<div id="resultarea"></div>
|
||||
<div id="status-message"></div>
|
||||
<select class="btn-price" name="cars" id="cars">
|
||||
|
||||
{% for schedule in list_schedule %}
|
||||
<tr>
|
||||
<option value="{{ schedule }}">{{ schedule }}</option>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</select>
|
||||
<label for="schedule-{{ forloop.counter }}" style="display:block; font-size: 12px; margin-bottom: 5px;">Select Schedule:</label>
|
||||
|
||||
<select class="form-control" name="schedule_id" id="schedule-{{ forloop.counter }}">
|
||||
{% for schedule in list_schedule %}
|
||||
<option value="{{ schedule }}">{{ schedule }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
<button class="btn-price" style="margin-top: 10px; width: 100%;"
|
||||
hx-post="{% url 'change_schedule' %}"
|
||||
hx-include="#schedule-{{ forloop.counter }}"
|
||||
hx-vals='{"server_name": "{{ server.1 }}"}'
|
||||
hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
|
||||
hx-target="#status-{{ forloop.counter }}"
|
||||
hx-swap="innerHTML">
|
||||
Update Scheduless
|
||||
</button>
|
||||
</div>
|
||||
<div id="status-{{ forloop.counter }}" style="margin-top: 10px; font-size: 13px; font-weight: bold;"></div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% endblock %}
|
||||
<!-- Plan 2 -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Scroll to Top -->
|
||||
<a href="#" class="scroll-up"><i class="fa fa-arrow-up"></i></a>
|
||||
<!-- End Scroll To Top -->
|
||||
|
||||
|
||||
<!-- Bootstrap core JavaScript
|
||||
================================================== -->
|
||||
<!-- Placed at the end of the document so the pages load faster -->
|
||||
|
||||
<script src="{% static 'jquery.min.js' %}"></script>
|
||||
<script src="{% static 'bootstrap.min.js' %}"></script>
|
||||
<script src="{% static 'retina.min.js' %}"></script>
|
||||
<script src="{% static 'jquery.easing.min.js' %}"></script>
|
||||
<script src="{% static 'wow.min.js' %}"></script>
|
||||
<script src="{% static 'waypoints.min.js' %}"></script>
|
||||
<script src="{% static 'jquery.countTo.js' %}"></script>
|
||||
<script src="{% static 'jquery.mixitup.min.js' %}"></script>
|
||||
<script src="{% static 'jquery.prettyPhoto.js' %}"></script>
|
||||
<script src="{% static 'jquery.knob.min.js' %}"></script>
|
||||
<script src="{% static 'jquery.validate.min.js' %}"></script>
|
||||
<script src="{% static 'custom.js' %}"></script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,301 @@
|
||||
/* Preloader */
|
||||
// makes sure the whole site is loaded
|
||||
jQuery(window).load(function() {
|
||||
$('#status').delay(100).fadeOut('slow');
|
||||
$('#preloader').delay(500).fadeOut('slow');
|
||||
$('body').delay(500).css({'overflow':'visible'});
|
||||
});
|
||||
|
||||
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
|
||||
//Function to prevent Default Events
|
||||
function pde(e){
|
||||
if(e.preventDefault)
|
||||
e.preventDefault();
|
||||
else
|
||||
e.returnValue = false;
|
||||
}
|
||||
|
||||
/* WOW */
|
||||
var wow = new WOW(
|
||||
{
|
||||
boxClass: 'wow', // animated element css class (default is wow)
|
||||
animateClass: 'animated', // animation css class (default is animated)
|
||||
offset: 0, // distance to the element when triggering the animation (default is 0)
|
||||
mobile: false // trigger animations on mobile devices (true is default)
|
||||
}
|
||||
);
|
||||
wow.init();
|
||||
|
||||
/* Pretty Photo */
|
||||
$("a[data-rel^='prettyPhoto']").prettyPhoto();
|
||||
|
||||
/* main-slider */
|
||||
var slideHeight = $(window).height();
|
||||
$('#home-slider .item').css('height',slideHeight);
|
||||
|
||||
$(window).resize(function(){'use strict',
|
||||
$('#home-slider .item').css('height',slideHeight);
|
||||
});
|
||||
|
||||
//Collapse navigation on click (Bootstrap 3 is missing it)
|
||||
$('.nav a').on('click', function () {
|
||||
$('#my-nav').removeClass('in').addClass('collapse');
|
||||
});
|
||||
|
||||
// Nice scroll Navbar
|
||||
$('.navbar-nav li a').click(function(evt){
|
||||
var place = $(this).attr('href');
|
||||
$('html, body').animate({
|
||||
scrollTop: $(place).offset().top
|
||||
}, 1200, 'easeInOutCubic');
|
||||
pde(evt);
|
||||
});
|
||||
|
||||
// Nice scroll Learn More
|
||||
$('.learn-more').click(function(evt){
|
||||
var place = $(this).attr('href');
|
||||
$('html, body').animate({
|
||||
scrollTop: $(place).offset().top
|
||||
}, 1200, 'easeInOutCubic');
|
||||
pde(evt);
|
||||
});
|
||||
|
||||
/* Nav Bar Effect */
|
||||
$(window).scroll(function(){
|
||||
"use strict";
|
||||
var scroll = $(window).scrollTop();
|
||||
if( scroll > 60 ){
|
||||
$(".navbar-wrapper").addClass("scroll-fixed-navbar");
|
||||
} else {
|
||||
$(".navbar-wrapper").removeClass("scroll-fixed-navbar");
|
||||
}
|
||||
});
|
||||
|
||||
/* Count */
|
||||
$(".timer").waypoint(function(){
|
||||
$(this).countTo()
|
||||
},{triggerOnce:!0,offset:"bottom-in-view"});
|
||||
|
||||
|
||||
/* Portfolio */
|
||||
$(function(){
|
||||
$('.myport').mixItUp();
|
||||
});
|
||||
|
||||
|
||||
/* ================================
|
||||
=== KNOB ====
|
||||
================================= */
|
||||
$('.skills').waypoint(function() {
|
||||
$('.knob').each(function () {
|
||||
var element = $(this);
|
||||
var perc = element.attr("value");
|
||||
element.knob({
|
||||
'value': 0,
|
||||
'width': 200,
|
||||
'min':0,
|
||||
'max':100,
|
||||
'lineCap': 'butt',
|
||||
"readOnly":true,
|
||||
'inputColor':' #ffffff',
|
||||
'bgColor':' #f7f7f7 ',
|
||||
'fgColor':' #00cfef ',
|
||||
"thickness":.2,// Thickness of Skill Knobs
|
||||
'dynamicDraw': true,
|
||||
'draw' : function () { $(this.i).val(this.cv); }
|
||||
});
|
||||
|
||||
$({value: 0}).animate({ value: perc }, {
|
||||
duration: 3000,
|
||||
easing: 'swing',
|
||||
progress: function () {
|
||||
element.val(Math.ceil(this.value)).trigger('change')}
|
||||
});
|
||||
});
|
||||
}, { offset: '50%', triggerOnce: true });
|
||||
|
||||
|
||||
/* Validate Form */
|
||||
$(function() {
|
||||
// Setup form validation on the #register-form element
|
||||
$('#contact-form').validate({
|
||||
|
||||
// Specify the validation rules
|
||||
rules: {
|
||||
name: {
|
||||
required: true,
|
||||
minlength: 2
|
||||
},
|
||||
email: {
|
||||
required: true,
|
||||
email: true
|
||||
},
|
||||
message: {
|
||||
required: true,
|
||||
minlength: 2
|
||||
}
|
||||
},
|
||||
|
||||
// Specify the validation error messages
|
||||
messages: {
|
||||
name: "Please enter your name",
|
||||
email: "Please enter a valid email address",
|
||||
message: "Please enter your message",
|
||||
},
|
||||
|
||||
submitHandler: function(form)
|
||||
{
|
||||
var name = $("#name").val();
|
||||
var email = $("#email").val();
|
||||
var datastr ='name=' + name + '&email=' + email;
|
||||
$("#output").html('<i class="icon-send fa fa-spinner fa-spin"></i> Email is sending...</p>');
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: "php/mail.php",
|
||||
data: $(form).serialize(),
|
||||
cache: false,
|
||||
success: function(data)
|
||||
{
|
||||
if(data == "ok")
|
||||
{
|
||||
$("#output").css("background-color","#27AE61");
|
||||
$("#output").html('<p>Thank you for contact us. As early as possible we will contact you</p>');
|
||||
}
|
||||
else
|
||||
{
|
||||
$("#output").css("background-color","#DE654E");
|
||||
$("#output").html('<p>Email NOT sent !!</p>');
|
||||
}
|
||||
setTimeout('$("#output").fadeOut("slow")',5000);
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
/* Validate Sign */
|
||||
$(function() {
|
||||
// Setup form validation on the #register-form element
|
||||
$('#sign-form').validate({
|
||||
|
||||
errorPlacement : function(error, element) {
|
||||
$('#signup-error').append(error)
|
||||
},
|
||||
|
||||
// Specify the validation rules
|
||||
rules: {
|
||||
email: {
|
||||
required: true,
|
||||
email: true
|
||||
}
|
||||
},
|
||||
|
||||
// Specify the validation error messages
|
||||
messages: {
|
||||
email: "Please enter a valid email address",
|
||||
},
|
||||
|
||||
submitHandler: function(form)
|
||||
{
|
||||
form.submit();
|
||||
}
|
||||
|
||||
});
|
||||
});
|
||||
|
||||
/* Closes the Responsive Menu on Menu Item Click */
|
||||
$(document).on('click','.navbar-collapse.in',function(e) {
|
||||
if( $(e.target).is('a') ) {
|
||||
$(this).collapse('hide');
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
// Team Profile
|
||||
$('#team').on('click','.profile-read-more',function(event){
|
||||
event.preventDefault();
|
||||
var link = $(this).data('single_url');
|
||||
var full_url = '#team-single-wrap',
|
||||
parts = full_url.split("#"),
|
||||
trgt = parts[1],
|
||||
target_top = $("#"+trgt).offset().top - 85;
|
||||
|
||||
$('html, body').animate({scrollTop:target_top}, 600);
|
||||
$('#team-single').slideUp(500, function(){
|
||||
$(this).load(link,function(){
|
||||
$(this).slideDown(500);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
// Close Team Profile
|
||||
$('#team-single-wrap').on('click', '.close-folio-item',function(event) {
|
||||
event.preventDefault();
|
||||
var full_url = '#team',
|
||||
parts = full_url.split("#"),
|
||||
trgt = parts[1],
|
||||
target_offset = $("#"+trgt).offset(),
|
||||
target_top = target_offset.top;
|
||||
$('html, body').animate({scrollTop:target_top}, 600);
|
||||
$("#team-single").slideUp(500);
|
||||
});
|
||||
|
||||
|
||||
// Work Single View
|
||||
$('#works').on('click','.folio-read-more',function(event){
|
||||
event.preventDefault();
|
||||
var link = $(this).data('single_url');
|
||||
var full_url = '#works-single-wrap',
|
||||
parts = full_url.split("#"),
|
||||
trgt = parts[1],
|
||||
target_top = $("#"+trgt).offset().top - 85;
|
||||
|
||||
$('html, body').animate({scrollTop:target_top}, 600);
|
||||
$('#works-single').slideUp(500, function(){
|
||||
$(this).load(link,function(){
|
||||
$(this).slideDown(500);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
// Close Portfolio Single View
|
||||
$('#works-single-wrap').on('click', '.close-folio-item',function(event) {
|
||||
event.preventDefault();
|
||||
var full_url = '#works',
|
||||
parts = full_url.split("#"),
|
||||
trgt = parts[1],
|
||||
target_offset = $("#"+trgt).offset(),
|
||||
target_top = target_offset.top;
|
||||
$('html, body').animate({scrollTop:target_top}, 600);
|
||||
$("#works-single").slideUp(500);
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
|
||||
/* Scroll Up */
|
||||
$(window).scroll(function() {
|
||||
if ($(this).scrollTop() > 100) {
|
||||
$('.scroll-up').fadeIn();
|
||||
} else {
|
||||
$('.scroll-up').fadeOut();
|
||||
}
|
||||
});
|
||||
|
||||
$('.scroll-up').click(function() {
|
||||
$("html, body").animate({
|
||||
scrollTop: 0
|
||||
}, 600);
|
||||
return false;
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -0,0 +1,141 @@
|
||||
/*
|
||||
* jQuery EasIng v1.1.2 - http://gsgd.co.uk/sandbox/jquery.easIng.php
|
||||
*
|
||||
* Uses the built In easIng capabilities added In jQuery 1.1
|
||||
* to offer multiple easIng options
|
||||
*
|
||||
* Copyright (c) 2007 George Smith
|
||||
* Licensed under the MIT License:
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
*/
|
||||
|
||||
// t: current time, b: begInnIng value, c: change In value, d: duration
|
||||
|
||||
jQuery.extend( jQuery.easing,
|
||||
{
|
||||
easeInQuad: function (x, t, b, c, d) {
|
||||
return c*(t/=d)*t + b;
|
||||
},
|
||||
easeOutQuad: function (x, t, b, c, d) {
|
||||
return -c *(t/=d)*(t-2) + b;
|
||||
},
|
||||
easeInOutQuad: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return c/2*t*t + b;
|
||||
return -c/2 * ((--t)*(t-2) - 1) + b;
|
||||
},
|
||||
easeInCubic: function (x, t, b, c, d) {
|
||||
return c*(t/=d)*t*t + b;
|
||||
},
|
||||
easeOutCubic: function (x, t, b, c, d) {
|
||||
return c*((t=t/d-1)*t*t + 1) + b;
|
||||
},
|
||||
easeInOutCubic: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return c/2*t*t*t + b;
|
||||
return c/2*((t-=2)*t*t + 2) + b;
|
||||
},
|
||||
easeInQuart: function (x, t, b, c, d) {
|
||||
return c*(t/=d)*t*t*t + b;
|
||||
},
|
||||
easeOutQuart: function (x, t, b, c, d) {
|
||||
return -c * ((t=t/d-1)*t*t*t - 1) + b;
|
||||
},
|
||||
easeInOutQuart: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
|
||||
return -c/2 * ((t-=2)*t*t*t - 2) + b;
|
||||
},
|
||||
easeInQuint: function (x, t, b, c, d) {
|
||||
return c*(t/=d)*t*t*t*t + b;
|
||||
},
|
||||
easeOutQuint: function (x, t, b, c, d) {
|
||||
return c*((t=t/d-1)*t*t*t*t + 1) + b;
|
||||
},
|
||||
easeInOutQuint: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
|
||||
return c/2*((t-=2)*t*t*t*t + 2) + b;
|
||||
},
|
||||
easeInSine: function (x, t, b, c, d) {
|
||||
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
|
||||
},
|
||||
easeOutSine: function (x, t, b, c, d) {
|
||||
return c * Math.sin(t/d * (Math.PI/2)) + b;
|
||||
},
|
||||
easeInOutSine: function (x, t, b, c, d) {
|
||||
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
|
||||
},
|
||||
easeInExpo: function (x, t, b, c, d) {
|
||||
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
|
||||
},
|
||||
easeOutExpo: function (x, t, b, c, d) {
|
||||
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
|
||||
},
|
||||
easeInOutExpo: function (x, t, b, c, d) {
|
||||
if (t==0) return b;
|
||||
if (t==d) return b+c;
|
||||
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
|
||||
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
|
||||
},
|
||||
easeInCirc: function (x, t, b, c, d) {
|
||||
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
|
||||
},
|
||||
easeOutCirc: function (x, t, b, c, d) {
|
||||
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
|
||||
},
|
||||
easeInOutCirc: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
|
||||
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
|
||||
},
|
||||
easeInElastic: function (x, t, b, c, d) {
|
||||
var s=1.70158;var p=0;var a=c;
|
||||
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
|
||||
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
||||
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
||||
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
|
||||
},
|
||||
easeOutElastic: function (x, t, b, c, d) {
|
||||
var s=1.70158;var p=0;var a=c;
|
||||
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
|
||||
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
||||
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
||||
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
|
||||
},
|
||||
easeInOutElastic: function (x, t, b, c, d) {
|
||||
var s=1.70158;var p=0;var a=c;
|
||||
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);
|
||||
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
||||
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
||||
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
|
||||
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
|
||||
},
|
||||
easeInBack: function (x, t, b, c, d, s) {
|
||||
if (s == undefined) s = 1.70158;
|
||||
return c*(t/=d)*t*((s+1)*t - s) + b;
|
||||
},
|
||||
easeOutBack: function (x, t, b, c, d, s) {
|
||||
if (s == undefined) s = 1.70158;
|
||||
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
|
||||
},
|
||||
easeInOutBack: function (x, t, b, c, d, s) {
|
||||
if (s == undefined) s = 1.70158;
|
||||
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
|
||||
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
|
||||
},
|
||||
easeInBounce: function (x, t, b, c, d) {
|
||||
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
|
||||
},
|
||||
easeOutBounce: function (x, t, b, c, d) {
|
||||
if ((t/=d) < (1/2.75)) {
|
||||
return c*(7.5625*t*t) + b;
|
||||
} else if (t < (2/2.75)) {
|
||||
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
|
||||
} else if (t < (2.5/2.75)) {
|
||||
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
|
||||
} else {
|
||||
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
|
||||
}
|
||||
},
|
||||
easeInOutBounce: function (x, t, b, c, d) {
|
||||
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
|
||||
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
|
||||
}
|
||||
});
|
||||
|
||||
@@ -0,0 +1,80 @@
|
||||
(function ($) {
|
||||
$.fn.countTo = function (options) {
|
||||
options = options || {};
|
||||
|
||||
return $(this).each(function () {
|
||||
// set options for current element
|
||||
var settings = $.extend({}, $.fn.countTo.defaults, {
|
||||
from: $(this).data('from'),
|
||||
to: $(this).data('to'),
|
||||
speed: $(this).data('speed'),
|
||||
refreshInterval: $(this).data('refresh-interval'),
|
||||
decimals: $(this).data('decimals')
|
||||
}, options);
|
||||
|
||||
// how many times to update the value, and how much to increment the value on each update
|
||||
var loops = Math.ceil(settings.speed / settings.refreshInterval),
|
||||
increment = (settings.to - settings.from) / loops;
|
||||
|
||||
// references & variables that will change with each update
|
||||
var self = this,
|
||||
$self = $(this),
|
||||
loopCount = 0,
|
||||
value = settings.from,
|
||||
data = $self.data('countTo') || {};
|
||||
|
||||
$self.data('countTo', data);
|
||||
|
||||
// if an existing interval can be found, clear it first
|
||||
if (data.interval) {
|
||||
clearInterval(data.interval);
|
||||
}
|
||||
data.interval = setInterval(updateTimer, settings.refreshInterval);
|
||||
|
||||
// initialize the element with the starting value
|
||||
render(value);
|
||||
|
||||
function updateTimer() {
|
||||
value += increment;
|
||||
loopCount++;
|
||||
|
||||
render(value);
|
||||
|
||||
if (typeof(settings.onUpdate) == 'function') {
|
||||
settings.onUpdate.call(self, value);
|
||||
}
|
||||
|
||||
if (loopCount >= loops) {
|
||||
// remove the interval
|
||||
$self.removeData('countTo');
|
||||
clearInterval(data.interval);
|
||||
value = settings.to;
|
||||
|
||||
if (typeof(settings.onComplete) == 'function') {
|
||||
settings.onComplete.call(self, value);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function render(value) {
|
||||
var formattedValue = settings.formatter.call(self, value, settings);
|
||||
$self.text(formattedValue);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
$.fn.countTo.defaults = {
|
||||
from: 0, // the number the element should start at
|
||||
to: 0, // the number the element should end at
|
||||
speed: 1000, // how long it should take to count between the target numbers
|
||||
refreshInterval: 100, // how often the element should be updated
|
||||
decimals: 0, // the number of decimal places to show
|
||||
formatter: formatter, // handler for formatting the value before rendering
|
||||
onUpdate: null, // callback method for every time the element is updated
|
||||
onComplete: null // callback method for when the element finishes updating
|
||||
};
|
||||
|
||||
function formatter(value, settings) {
|
||||
return value.toFixed(settings.decimals);
|
||||
}
|
||||
}(jQuery));
|
||||
@@ -0,0 +1,205 @@
|
||||
/*
|
||||
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
|
||||
*
|
||||
* Uses the built in easing capabilities added In jQuery 1.1
|
||||
* to offer multiple easing options
|
||||
*
|
||||
* TERMS OF USE - jQuery Easing
|
||||
*
|
||||
* Open source under the BSD License.
|
||||
*
|
||||
* Copyright © 2008 George McGinley Smith
|
||||
* All rights reserved.
|
||||
*
|
||||
* Redistribution and use in source and binary forms, with or without modification,
|
||||
* are permitted provided that the following conditions are met:
|
||||
*
|
||||
* Redistributions of source code must retain the above copyright notice, this list of
|
||||
* conditions and the following disclaimer.
|
||||
* Redistributions in binary form must reproduce the above copyright notice, this list
|
||||
* of conditions and the following disclaimer in the documentation and/or other materials
|
||||
* provided with the distribution.
|
||||
*
|
||||
* Neither the name of the author nor the names of contributors may be used to endorse
|
||||
* or promote products derived from this software without specific prior written permission.
|
||||
*
|
||||
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
|
||||
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
|
||||
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
|
||||
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
|
||||
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
|
||||
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
|
||||
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
|
||||
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
|
||||
* OF THE POSSIBILITY OF SUCH DAMAGE.
|
||||
*
|
||||
*/
|
||||
|
||||
// t: current time, b: begInnIng value, c: change In value, d: duration
|
||||
jQuery.easing['jswing'] = jQuery.easing['swing'];
|
||||
|
||||
jQuery.extend( jQuery.easing,
|
||||
{
|
||||
def: 'easeOutQuad',
|
||||
swing: function (x, t, b, c, d) {
|
||||
//alert(jQuery.easing.default);
|
||||
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
|
||||
},
|
||||
easeInQuad: function (x, t, b, c, d) {
|
||||
return c*(t/=d)*t + b;
|
||||
},
|
||||
easeOutQuad: function (x, t, b, c, d) {
|
||||
return -c *(t/=d)*(t-2) + b;
|
||||
},
|
||||
easeInOutQuad: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return c/2*t*t + b;
|
||||
return -c/2 * ((--t)*(t-2) - 1) + b;
|
||||
},
|
||||
easeInCubic: function (x, t, b, c, d) {
|
||||
return c*(t/=d)*t*t + b;
|
||||
},
|
||||
easeOutCubic: function (x, t, b, c, d) {
|
||||
return c*((t=t/d-1)*t*t + 1) + b;
|
||||
},
|
||||
easeInOutCubic: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return c/2*t*t*t + b;
|
||||
return c/2*((t-=2)*t*t + 2) + b;
|
||||
},
|
||||
easeInQuart: function (x, t, b, c, d) {
|
||||
return c*(t/=d)*t*t*t + b;
|
||||
},
|
||||
easeOutQuart: function (x, t, b, c, d) {
|
||||
return -c * ((t=t/d-1)*t*t*t - 1) + b;
|
||||
},
|
||||
easeInOutQuart: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
|
||||
return -c/2 * ((t-=2)*t*t*t - 2) + b;
|
||||
},
|
||||
easeInQuint: function (x, t, b, c, d) {
|
||||
return c*(t/=d)*t*t*t*t + b;
|
||||
},
|
||||
easeOutQuint: function (x, t, b, c, d) {
|
||||
return c*((t=t/d-1)*t*t*t*t + 1) + b;
|
||||
},
|
||||
easeInOutQuint: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
|
||||
return c/2*((t-=2)*t*t*t*t + 2) + b;
|
||||
},
|
||||
easeInSine: function (x, t, b, c, d) {
|
||||
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
|
||||
},
|
||||
easeOutSine: function (x, t, b, c, d) {
|
||||
return c * Math.sin(t/d * (Math.PI/2)) + b;
|
||||
},
|
||||
easeInOutSine: function (x, t, b, c, d) {
|
||||
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
|
||||
},
|
||||
easeInExpo: function (x, t, b, c, d) {
|
||||
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
|
||||
},
|
||||
easeOutExpo: function (x, t, b, c, d) {
|
||||
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
|
||||
},
|
||||
easeInOutExpo: function (x, t, b, c, d) {
|
||||
if (t==0) return b;
|
||||
if (t==d) return b+c;
|
||||
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
|
||||
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
|
||||
},
|
||||
easeInCirc: function (x, t, b, c, d) {
|
||||
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
|
||||
},
|
||||
easeOutCirc: function (x, t, b, c, d) {
|
||||
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
|
||||
},
|
||||
easeInOutCirc: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
|
||||
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
|
||||
},
|
||||
easeInElastic: function (x, t, b, c, d) {
|
||||
var s=1.70158;var p=0;var a=c;
|
||||
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
|
||||
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
||||
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
||||
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
|
||||
},
|
||||
easeOutElastic: function (x, t, b, c, d) {
|
||||
var s=1.70158;var p=0;var a=c;
|
||||
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
|
||||
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
||||
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
||||
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
|
||||
},
|
||||
easeInOutElastic: function (x, t, b, c, d) {
|
||||
var s=1.70158;var p=0;var a=c;
|
||||
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);
|
||||
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
||||
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
||||
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
|
||||
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
|
||||
},
|
||||
easeInBack: function (x, t, b, c, d, s) {
|
||||
if (s == undefined) s = 1.70158;
|
||||
return c*(t/=d)*t*((s+1)*t - s) + b;
|
||||
},
|
||||
easeOutBack: function (x, t, b, c, d, s) {
|
||||
if (s == undefined) s = 1.70158;
|
||||
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
|
||||
},
|
||||
easeInOutBack: function (x, t, b, c, d, s) {
|
||||
if (s == undefined) s = 1.70158;
|
||||
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
|
||||
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
|
||||
},
|
||||
easeInBounce: function (x, t, b, c, d) {
|
||||
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
|
||||
},
|
||||
easeOutBounce: function (x, t, b, c, d) {
|
||||
if ((t/=d) < (1/2.75)) {
|
||||
return c*(7.5625*t*t) + b;
|
||||
} else if (t < (2/2.75)) {
|
||||
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
|
||||
} else if (t < (2.5/2.75)) {
|
||||
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
|
||||
} else {
|
||||
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
|
||||
}
|
||||
},
|
||||
easeInOutBounce: function (x, t, b, c, d) {
|
||||
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
|
||||
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
|
||||
}
|
||||
});
|
||||
|
||||
/*
|
||||
*
|
||||
* TERMS OF USE - EASING EQUATIONS
|
||||
*
|
||||
* Open source under the BSD License.
|
||||
*
|
||||
* Copyright © 2001 Robert Penner
|
||||
* All rights reserved.
|
||||
*
|
||||
* Redistribution and use in source and binary forms, with or without modification,
|
||||
* are permitted provided that the following conditions are met:
|
||||
*
|
||||
* Redistributions of source code must retain the above copyright notice, this list of
|
||||
* conditions and the following disclaimer.
|
||||
* Redistributions in binary form must reproduce the above copyright notice, this list
|
||||
* of conditions and the following disclaimer in the documentation and/or other materials
|
||||
* provided with the distribution.
|
||||
*
|
||||
* Neither the name of the author nor the names of contributors may be used to endorse
|
||||
* or promote products derived from this software without specific prior written permission.
|
||||
*
|
||||
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
|
||||
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
|
||||
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
|
||||
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
|
||||
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
|
||||
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
|
||||
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
|
||||
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
|
||||
* OF THE POSSIBILITY OF SUCH DAMAGE.
|
||||
*
|
||||
*/
|
||||
@@ -0,0 +1,44 @@
|
||||
/*
|
||||
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
|
||||
*
|
||||
* Uses the built in easing capabilities added In jQuery 1.1
|
||||
* to offer multiple easing options
|
||||
*
|
||||
* TERMS OF USE - EASING EQUATIONS
|
||||
*
|
||||
* Open source under the BSD License.
|
||||
*
|
||||
* Copyright © 2001 Robert Penner
|
||||
* All rights reserved.
|
||||
*
|
||||
* TERMS OF USE - jQuery Easing
|
||||
*
|
||||
* Open source under the BSD License.
|
||||
*
|
||||
* Copyright © 2008 George McGinley Smith
|
||||
* All rights reserved.
|
||||
*
|
||||
* Redistribution and use in source and binary forms, with or without modification,
|
||||
* are permitted provided that the following conditions are met:
|
||||
*
|
||||
* Redistributions of source code must retain the above copyright notice, this list of
|
||||
* conditions and the following disclaimer.
|
||||
* Redistributions in binary form must reproduce the above copyright notice, this list
|
||||
* of conditions and the following disclaimer in the documentation and/or other materials
|
||||
* provided with the distribution.
|
||||
*
|
||||
* Neither the name of the author nor the names of contributors may be used to endorse
|
||||
* or promote products derived from this software without specific prior written permission.
|
||||
*
|
||||
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
|
||||
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
|
||||
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
|
||||
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
|
||||
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
|
||||
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
|
||||
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
|
||||
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
|
||||
* OF THE POSSIBILITY OF SUCH DAMAGE.
|
||||
*
|
||||
*/
|
||||
jQuery.easing.jswing=jQuery.easing.swing;jQuery.extend(jQuery.easing,{def:"easeOutQuad",swing:function(e,f,a,h,g){return jQuery.easing[jQuery.easing.def](e,f,a,h,g)},easeInQuad:function(e,f,a,h,g){return h*(f/=g)*f+a},easeOutQuad:function(e,f,a,h,g){return -h*(f/=g)*(f-2)+a},easeInOutQuad:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f+a}return -h/2*((--f)*(f-2)-1)+a},easeInCubic:function(e,f,a,h,g){return h*(f/=g)*f*f+a},easeOutCubic:function(e,f,a,h,g){return h*((f=f/g-1)*f*f+1)+a},easeInOutCubic:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f+a}return h/2*((f-=2)*f*f+2)+a},easeInQuart:function(e,f,a,h,g){return h*(f/=g)*f*f*f+a},easeOutQuart:function(e,f,a,h,g){return -h*((f=f/g-1)*f*f*f-1)+a},easeInOutQuart:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f+a}return -h/2*((f-=2)*f*f*f-2)+a},easeInQuint:function(e,f,a,h,g){return h*(f/=g)*f*f*f*f+a},easeOutQuint:function(e,f,a,h,g){return h*((f=f/g-1)*f*f*f*f+1)+a},easeInOutQuint:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f*f+a}return h/2*((f-=2)*f*f*f*f+2)+a},easeInSine:function(e,f,a,h,g){return -h*Math.cos(f/g*(Math.PI/2))+h+a},easeOutSine:function(e,f,a,h,g){return h*Math.sin(f/g*(Math.PI/2))+a},easeInOutSine:function(e,f,a,h,g){return -h/2*(Math.cos(Math.PI*f/g)-1)+a},easeInExpo:function(e,f,a,h,g){return(f==0)?a:h*Math.pow(2,10*(f/g-1))+a},easeOutExpo:function(e,f,a,h,g){return(f==g)?a+h:h*(-Math.pow(2,-10*f/g)+1)+a},easeInOutExpo:function(e,f,a,h,g){if(f==0){return a}if(f==g){return a+h}if((f/=g/2)<1){return h/2*Math.pow(2,10*(f-1))+a}return h/2*(-Math.pow(2,-10*--f)+2)+a},easeInCirc:function(e,f,a,h,g){return -h*(Math.sqrt(1-(f/=g)*f)-1)+a},easeOutCirc:function(e,f,a,h,g){return h*Math.sqrt(1-(f=f/g-1)*f)+a},easeInOutCirc:function(e,f,a,h,g){if((f/=g/2)<1){return -h/2*(Math.sqrt(1-f*f)-1)+a}return h/2*(Math.sqrt(1-(f-=2)*f)+1)+a},easeInElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}return -(g*Math.pow(2,10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j))+e},easeOutElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}return g*Math.pow(2,-10*h)*Math.sin((h*k-i)*(2*Math.PI)/j)+l+e},easeInOutElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k/2)==2){return e+l}if(!j){j=k*(0.3*1.5)}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}if(h<1){return -0.5*(g*Math.pow(2,10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j))+e}return g*Math.pow(2,-10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j)*0.5+l+e},easeInBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}return i*(f/=h)*f*((g+1)*f-g)+a},easeOutBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}return i*((f=f/h-1)*f*((g+1)*f+g)+1)+a},easeInOutBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}if((f/=h/2)<1){return i/2*(f*f*(((g*=(1.525))+1)*f-g))+a}return i/2*((f-=2)*f*(((g*=(1.525))+1)*f+g)+2)+a},easeInBounce:function(e,f,a,h,g){return h-jQuery.easing.easeOutBounce(e,g-f,0,h,g)+a},easeOutBounce:function(e,f,a,h,g){if((f/=g)<(1/2.75)){return h*(7.5625*f*f)+a}else{if(f<(2/2.75)){return h*(7.5625*(f-=(1.5/2.75))*f+0.75)+a}else{if(f<(2.5/2.75)){return h*(7.5625*(f-=(2.25/2.75))*f+0.9375)+a}else{return h*(7.5625*(f-=(2.625/2.75))*f+0.984375)+a}}}},easeInOutBounce:function(e,f,a,h,g){if(f<g/2){return jQuery.easing.easeInBounce(e,f*2,0,h,g)*0.5+a}return jQuery.easing.easeOutBounce(e,f*2-g,0,h,g)*0.5+h*0.5+a}});
|
||||
@@ -0,0 +1,802 @@
|
||||
/*!jQuery Knob*/
|
||||
/**
|
||||
* Downward compatible, touchable dial
|
||||
*
|
||||
* Version: 1.2.11
|
||||
* Requires: jQuery v1.7+
|
||||
*
|
||||
* Copyright (c) 2012 Anthony Terrien
|
||||
* Under MIT License (http://www.opensource.org/licenses/mit-license.php)
|
||||
*
|
||||
* Thanks to vor, eskimoblood, spiffistan, FabrizioC
|
||||
*/
|
||||
(function (factory) {
|
||||
if (typeof define === 'function' && define.amd) {
|
||||
// AMD. Register as an anonymous module.
|
||||
define(['jquery'], factory);
|
||||
} else {
|
||||
// Browser globals
|
||||
factory(jQuery);
|
||||
}
|
||||
}(function ($) {
|
||||
|
||||
/**
|
||||
* Kontrol library
|
||||
*/
|
||||
"use strict";
|
||||
|
||||
/**
|
||||
* Definition of globals and core
|
||||
*/
|
||||
var k = {}, // kontrol
|
||||
max = Math.max,
|
||||
min = Math.min;
|
||||
|
||||
k.c = {};
|
||||
k.c.d = $(document);
|
||||
k.c.t = function (e) {
|
||||
return e.originalEvent.touches.length - 1;
|
||||
};
|
||||
|
||||
/**
|
||||
* Kontrol Object
|
||||
*
|
||||
* Definition of an abstract UI control
|
||||
*
|
||||
* Each concrete component must call this one.
|
||||
* <code>
|
||||
* k.o.call(this);
|
||||
* </code>
|
||||
*/
|
||||
k.o = function () {
|
||||
var s = this;
|
||||
|
||||
this.o = null; // array of options
|
||||
this.$ = null; // jQuery wrapped element
|
||||
this.i = null; // mixed HTMLInputElement or array of HTMLInputElement
|
||||
this.g = null; // deprecated 2D graphics context for 'pre-rendering'
|
||||
this.v = null; // value ; mixed array or integer
|
||||
this.cv = null; // change value ; not commited value
|
||||
this.x = 0; // canvas x position
|
||||
this.y = 0; // canvas y position
|
||||
this.w = 0; // canvas width
|
||||
this.h = 0; // canvas height
|
||||
this.$c = null; // jQuery canvas element
|
||||
this.c = null; // rendered canvas context
|
||||
this.t = 0; // touches index
|
||||
this.isInit = false;
|
||||
this.fgColor = null; // main color
|
||||
this.pColor = null; // previous color
|
||||
this.dH = null; // draw hook
|
||||
this.cH = null; // change hook
|
||||
this.eH = null; // cancel hook
|
||||
this.rH = null; // release hook
|
||||
this.scale = 1; // scale factor
|
||||
this.relative = false;
|
||||
this.relativeWidth = false;
|
||||
this.relativeHeight = false;
|
||||
this.$div = null; // component div
|
||||
|
||||
this.run = function () {
|
||||
var cf = function (e, conf) {
|
||||
var k;
|
||||
for (k in conf) {
|
||||
s.o[k] = conf[k];
|
||||
}
|
||||
s._carve().init();
|
||||
s._configure()
|
||||
._draw();
|
||||
};
|
||||
|
||||
if (this.$.data('kontroled')) return;
|
||||
this.$.data('kontroled', true);
|
||||
|
||||
this.extend();
|
||||
this.o = $.extend({
|
||||
// Config
|
||||
min: this.$.data('min') !== undefined ? this.$.data('min') : 0,
|
||||
max: this.$.data('max') !== undefined ? this.$.data('max') : 100,
|
||||
stopper: true,
|
||||
readOnly: this.$.data('readonly') || (this.$.attr('readonly') === 'readonly'),
|
||||
|
||||
// UI
|
||||
cursor: this.$.data('cursor') === true && 30
|
||||
|| this.$.data('cursor') || 0,
|
||||
thickness: this.$.data('thickness')
|
||||
&& Math.max(Math.min(this.$.data('thickness'), 1), 0.01)
|
||||
|| 0.35,
|
||||
lineCap: this.$.data('linecap') || 'butt',
|
||||
width: this.$.data('width') || 200,
|
||||
height: this.$.data('height') || 200,
|
||||
displayInput: this.$.data('displayinput') == null || this.$.data('displayinput'),
|
||||
displayPrevious: this.$.data('displayprevious'),
|
||||
fgColor: this.$.data('fgcolor') || '#87CEEB',
|
||||
inputColor: this.$.data('inputcolor'),
|
||||
font: this.$.data('font') || 'Arial',
|
||||
fontWeight: this.$.data('font-weight') || 'bold',
|
||||
inline: false,
|
||||
step: this.$.data('step') || 1,
|
||||
rotation: this.$.data('rotation'),
|
||||
|
||||
// Hooks
|
||||
draw: null, // function () {}
|
||||
change: null, // function (value) {}
|
||||
cancel: null, // function () {}
|
||||
release: null, // function (value) {}
|
||||
|
||||
// Output formatting, allows to add unit: %, ms ...
|
||||
format: function(v) {
|
||||
return v;
|
||||
},
|
||||
parse: function (v) {
|
||||
return parseFloat(v);
|
||||
}
|
||||
}, this.o
|
||||
);
|
||||
|
||||
// finalize options
|
||||
this.o.flip = this.o.rotation === 'anticlockwise' || this.o.rotation === 'acw';
|
||||
if (!this.o.inputColor) {
|
||||
this.o.inputColor = this.o.fgColor;
|
||||
}
|
||||
|
||||
// routing value
|
||||
if (this.$.is('fieldset')) {
|
||||
|
||||
// fieldset = array of integer
|
||||
this.v = {};
|
||||
this.i = this.$.find('input');
|
||||
this.i.each(function(k) {
|
||||
var $this = $(this);
|
||||
s.i[k] = $this;
|
||||
s.v[k] = s.o.parse($this.val());
|
||||
|
||||
$this.bind(
|
||||
'change blur',
|
||||
function () {
|
||||
var val = {};
|
||||
val[k] = $this.val();
|
||||
s.val(s._validate(val));
|
||||
}
|
||||
);
|
||||
});
|
||||
this.$.find('legend').remove();
|
||||
} else {
|
||||
|
||||
// input = integer
|
||||
this.i = this.$;
|
||||
this.v = this.o.parse(this.$.val());
|
||||
this.v === '' && (this.v = this.o.min);
|
||||
this.$.bind(
|
||||
'change blur',
|
||||
function () {
|
||||
s.val(s._validate(s.o.parse(s.$.val())));
|
||||
}
|
||||
);
|
||||
|
||||
}
|
||||
|
||||
!this.o.displayInput && this.$.hide();
|
||||
|
||||
// adds needed DOM elements (canvas, div)
|
||||
this.$c = $(document.createElement('canvas')).attr({
|
||||
width: this.o.width,
|
||||
height: this.o.height
|
||||
});
|
||||
|
||||
// wraps all elements in a div
|
||||
// add to DOM before Canvas init is triggered
|
||||
this.$div = $('<div style="'
|
||||
+ (this.o.inline ? 'display:inline;' : '')
|
||||
+ 'width:' + this.o.width + 'px;height:' + this.o.height + 'px;'
|
||||
+ '"></div>');
|
||||
|
||||
this.$.wrap(this.$div).before(this.$c);
|
||||
this.$div = this.$.parent();
|
||||
|
||||
if (typeof G_vmlCanvasManager !== 'undefined') {
|
||||
G_vmlCanvasManager.initElement(this.$c[0]);
|
||||
}
|
||||
|
||||
this.c = this.$c[0].getContext ? this.$c[0].getContext('2d') : null;
|
||||
|
||||
if (!this.c) {
|
||||
throw {
|
||||
name: "CanvasNotSupportedException",
|
||||
message: "Canvas not supported. Please use excanvas on IE8.0.",
|
||||
toString: function(){return this.name + ": " + this.message}
|
||||
}
|
||||
}
|
||||
|
||||
// hdpi support
|
||||
this.scale = (window.devicePixelRatio || 1) / (
|
||||
this.c.webkitBackingStorePixelRatio ||
|
||||
this.c.mozBackingStorePixelRatio ||
|
||||
this.c.msBackingStorePixelRatio ||
|
||||
this.c.oBackingStorePixelRatio ||
|
||||
this.c.backingStorePixelRatio || 1
|
||||
);
|
||||
|
||||
// detects relative width / height
|
||||
this.relativeWidth = this.o.width % 1 !== 0
|
||||
&& this.o.width.indexOf('%');
|
||||
this.relativeHeight = this.o.height % 1 !== 0
|
||||
&& this.o.height.indexOf('%');
|
||||
this.relative = this.relativeWidth || this.relativeHeight;
|
||||
|
||||
// computes size and carves the component
|
||||
this._carve();
|
||||
|
||||
// prepares props for transaction
|
||||
if (this.v instanceof Object) {
|
||||
this.cv = {};
|
||||
this.copy(this.v, this.cv);
|
||||
} else {
|
||||
this.cv = this.v;
|
||||
}
|
||||
|
||||
// binds configure event
|
||||
this.$
|
||||
.bind("configure", cf)
|
||||
.parent()
|
||||
.bind("configure", cf);
|
||||
|
||||
// finalize init
|
||||
this._listen()
|
||||
._configure()
|
||||
._xy()
|
||||
.init();
|
||||
|
||||
this.isInit = true;
|
||||
|
||||
this.$.val(this.o.format(this.v));
|
||||
this._draw();
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
this._carve = function() {
|
||||
if (this.relative) {
|
||||
var w = this.relativeWidth ?
|
||||
this.$div.parent().width() *
|
||||
parseInt(this.o.width) / 100
|
||||
: this.$div.parent().width(),
|
||||
h = this.relativeHeight ?
|
||||
this.$div.parent().height() *
|
||||
parseInt(this.o.height) / 100
|
||||
: this.$div.parent().height();
|
||||
|
||||
// apply relative
|
||||
this.w = this.h = Math.min(w, h);
|
||||
} else {
|
||||
this.w = this.o.width;
|
||||
this.h = this.o.height;
|
||||
}
|
||||
|
||||
// finalize div
|
||||
this.$div.css({
|
||||
'width': this.w + 'px',
|
||||
'height': this.h + 'px'
|
||||
});
|
||||
|
||||
// finalize canvas with computed width
|
||||
this.$c.attr({
|
||||
width: this.w,
|
||||
height: this.h
|
||||
});
|
||||
|
||||
// scaling
|
||||
if (this.scale !== 1) {
|
||||
this.$c[0].width = this.$c[0].width * this.scale;
|
||||
this.$c[0].height = this.$c[0].height * this.scale;
|
||||
this.$c.width(this.w);
|
||||
this.$c.height(this.h);
|
||||
}
|
||||
|
||||
return this;
|
||||
}
|
||||
|
||||
this._draw = function () {
|
||||
|
||||
// canvas pre-rendering
|
||||
var d = true;
|
||||
|
||||
s.g = s.c;
|
||||
|
||||
s.clear();
|
||||
|
||||
s.dH && (d = s.dH());
|
||||
|
||||
d !== false && s.draw();
|
||||
};
|
||||
|
||||
this._touch = function (e) {
|
||||
var touchMove = function (e) {
|
||||
var v = s.xy2val(
|
||||
e.originalEvent.touches[s.t].pageX,
|
||||
e.originalEvent.touches[s.t].pageY
|
||||
);
|
||||
|
||||
if (v == s.cv) return;
|
||||
|
||||
if (s.cH && s.cH(v) === false) return;
|
||||
|
||||
s.change(s._validate(v));
|
||||
s._draw();
|
||||
};
|
||||
|
||||
// get touches index
|
||||
this.t = k.c.t(e);
|
||||
|
||||
// First touch
|
||||
touchMove(e);
|
||||
|
||||
// Touch events listeners
|
||||
k.c.d
|
||||
.bind("touchmove.k", touchMove)
|
||||
.bind(
|
||||
"touchend.k",
|
||||
function () {
|
||||
k.c.d.unbind('touchmove.k touchend.k');
|
||||
s.val(s.cv);
|
||||
}
|
||||
);
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
this._mouse = function (e) {
|
||||
var mouseMove = function (e) {
|
||||
var v = s.xy2val(e.pageX, e.pageY);
|
||||
|
||||
if (v == s.cv) return;
|
||||
|
||||
if (s.cH && (s.cH(v) === false)) return;
|
||||
|
||||
s.change(s._validate(v));
|
||||
s._draw();
|
||||
};
|
||||
|
||||
// First click
|
||||
mouseMove(e);
|
||||
|
||||
// Mouse events listeners
|
||||
k.c.d
|
||||
.bind("mousemove.k", mouseMove)
|
||||
.bind(
|
||||
// Escape key cancel current change
|
||||
"keyup.k",
|
||||
function (e) {
|
||||
if (e.keyCode === 27) {
|
||||
k.c.d.unbind("mouseup.k mousemove.k keyup.k");
|
||||
|
||||
if (s.eH && s.eH() === false)
|
||||
return;
|
||||
|
||||
s.cancel();
|
||||
}
|
||||
}
|
||||
)
|
||||
.bind(
|
||||
"mouseup.k",
|
||||
function (e) {
|
||||
k.c.d.unbind('mousemove.k mouseup.k keyup.k');
|
||||
s.val(s.cv);
|
||||
}
|
||||
);
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
this._xy = function () {
|
||||
var o = this.$c.offset();
|
||||
this.x = o.left;
|
||||
this.y = o.top;
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
this._listen = function () {
|
||||
if (!this.o.readOnly) {
|
||||
this.$c
|
||||
.bind(
|
||||
"mousedown",
|
||||
function (e) {
|
||||
e.preventDefault();
|
||||
s._xy()._mouse(e);
|
||||
}
|
||||
)
|
||||
.bind(
|
||||
"touchstart",
|
||||
function (e) {
|
||||
e.preventDefault();
|
||||
s._xy()._touch(e);
|
||||
}
|
||||
);
|
||||
|
||||
this.listen();
|
||||
} else {
|
||||
this.$.attr('readonly', 'readonly');
|
||||
}
|
||||
|
||||
if (this.relative) {
|
||||
$(window).resize(function() {
|
||||
s._carve().init();
|
||||
s._draw();
|
||||
});
|
||||
}
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
this._configure = function () {
|
||||
|
||||
// Hooks
|
||||
if (this.o.draw) this.dH = this.o.draw;
|
||||
if (this.o.change) this.cH = this.o.change;
|
||||
if (this.o.cancel) this.eH = this.o.cancel;
|
||||
if (this.o.release) this.rH = this.o.release;
|
||||
|
||||
if (this.o.displayPrevious) {
|
||||
this.pColor = this.h2rgba(this.o.fgColor, "0.4");
|
||||
this.fgColor = this.h2rgba(this.o.fgColor, "0.6");
|
||||
} else {
|
||||
this.fgColor = this.o.fgColor;
|
||||
}
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
this._clear = function () {
|
||||
this.$c[0].width = this.$c[0].width;
|
||||
};
|
||||
|
||||
this._validate = function (v) {
|
||||
var val = (~~ (((v < 0) ? -0.5 : 0.5) + (v/this.o.step))) * this.o.step;
|
||||
return Math.round(val * 100) / 100;
|
||||
};
|
||||
|
||||
// Abstract methods
|
||||
this.listen = function () {}; // on start, one time
|
||||
this.extend = function () {}; // each time configure triggered
|
||||
this.init = function () {}; // each time configure triggered
|
||||
this.change = function (v) {}; // on change
|
||||
this.val = function (v) {}; // on release
|
||||
this.xy2val = function (x, y) {}; //
|
||||
this.draw = function () {}; // on change / on release
|
||||
this.clear = function () { this._clear(); };
|
||||
|
||||
// Utils
|
||||
this.h2rgba = function (h, a) {
|
||||
var rgb;
|
||||
h = h.substring(1,7)
|
||||
rgb = [
|
||||
parseInt(h.substring(0,2), 16),
|
||||
parseInt(h.substring(2,4), 16),
|
||||
parseInt(h.substring(4,6), 16)
|
||||
];
|
||||
|
||||
return "rgba(" + rgb[0] + "," + rgb[1] + "," + rgb[2] + "," + a + ")";
|
||||
};
|
||||
|
||||
this.copy = function (f, t) {
|
||||
for (var i in f) {
|
||||
t[i] = f[i];
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* k.Dial
|
||||
*/
|
||||
k.Dial = function () {
|
||||
k.o.call(this);
|
||||
|
||||
this.startAngle = null;
|
||||
this.xy = null;
|
||||
this.radius = null;
|
||||
this.lineWidth = null;
|
||||
this.cursorExt = null;
|
||||
this.w2 = null;
|
||||
this.PI2 = 2*Math.PI;
|
||||
|
||||
this.extend = function () {
|
||||
this.o = $.extend({
|
||||
bgColor: this.$.data('bgcolor') || '#EEEEEE',
|
||||
angleOffset: this.$.data('angleoffset') || 0,
|
||||
angleArc: this.$.data('anglearc') || 360,
|
||||
inline: true
|
||||
}, this.o);
|
||||
};
|
||||
|
||||
this.val = function (v, triggerRelease) {
|
||||
if (null != v) {
|
||||
|
||||
// reverse format
|
||||
v = this.o.parse(v);
|
||||
|
||||
if (triggerRelease !== false
|
||||
&& v != this.v
|
||||
&& this.rH
|
||||
&& this.rH(v) === false) { return; }
|
||||
|
||||
this.cv = this.o.stopper ? max(min(v, this.o.max), this.o.min) : v;
|
||||
this.v = this.cv;
|
||||
this.$.val(this.o.format(this.v));
|
||||
this._draw();
|
||||
} else {
|
||||
return this.v;
|
||||
}
|
||||
};
|
||||
|
||||
this.xy2val = function (x, y) {
|
||||
var a, ret;
|
||||
|
||||
a = Math.atan2(
|
||||
x - (this.x + this.w2),
|
||||
- (y - this.y - this.w2)
|
||||
) - this.angleOffset;
|
||||
|
||||
if (this.o.flip) {
|
||||
a = this.angleArc - a - this.PI2;
|
||||
}
|
||||
|
||||
if (this.angleArc != this.PI2 && (a < 0) && (a > -0.5)) {
|
||||
|
||||
// if isset angleArc option, set to min if .5 under min
|
||||
a = 0;
|
||||
} else if (a < 0) {
|
||||
a += this.PI2;
|
||||
}
|
||||
|
||||
ret = (a * (this.o.max - this.o.min) / this.angleArc) + this.o.min;
|
||||
|
||||
this.o.stopper && (ret = max(min(ret, this.o.max), this.o.min));
|
||||
|
||||
return ret;
|
||||
};
|
||||
|
||||
this.listen = function () {
|
||||
|
||||
// bind MouseWheel
|
||||
var s = this, mwTimerStop,
|
||||
mwTimerRelease,
|
||||
mw = function (e) {
|
||||
e.preventDefault();
|
||||
|
||||
var ori = e.originalEvent,
|
||||
deltaX = ori.detail || ori.wheelDeltaX,
|
||||
deltaY = ori.detail || ori.wheelDeltaY,
|
||||
v = s._validate(s.o.parse(s.$.val()))
|
||||
+ (
|
||||
deltaX > 0 || deltaY > 0
|
||||
? s.o.step
|
||||
: deltaX < 0 || deltaY < 0 ? -s.o.step : 0
|
||||
);
|
||||
|
||||
v = max(min(v, s.o.max), s.o.min);
|
||||
|
||||
s.val(v, false);
|
||||
|
||||
if (s.rH) {
|
||||
// Handle mousewheel stop
|
||||
clearTimeout(mwTimerStop);
|
||||
mwTimerStop = setTimeout(function () {
|
||||
s.rH(v);
|
||||
mwTimerStop = null;
|
||||
}, 100);
|
||||
|
||||
// Handle mousewheel releases
|
||||
if (!mwTimerRelease) {
|
||||
mwTimerRelease = setTimeout(function () {
|
||||
if (mwTimerStop)
|
||||
s.rH(v);
|
||||
mwTimerRelease = null;
|
||||
}, 200);
|
||||
}
|
||||
}
|
||||
},
|
||||
kval,
|
||||
to,
|
||||
m = 1,
|
||||
kv = {
|
||||
37: -s.o.step,
|
||||
38: s.o.step,
|
||||
39: s.o.step,
|
||||
40: -s.o.step
|
||||
};
|
||||
|
||||
this.$
|
||||
.bind(
|
||||
"keydown",
|
||||
function (e) {
|
||||
var kc = e.keyCode;
|
||||
|
||||
// numpad support
|
||||
if (kc >= 96 && kc <= 105) {
|
||||
kc = e.keyCode = kc - 48;
|
||||
}
|
||||
|
||||
kval = parseInt(String.fromCharCode(kc));
|
||||
|
||||
if (isNaN(kval)) {
|
||||
(kc !== 13) // enter
|
||||
&& kc !== 8 // bs
|
||||
&& kc !== 9 // tab
|
||||
&& kc !== 189 // -
|
||||
&& (kc !== 190
|
||||
|| s.$.val().match(/\./)) // . allowed once
|
||||
&& e.preventDefault();
|
||||
|
||||
// arrows
|
||||
if ($.inArray(kc,[37,38,39,40]) > -1) {
|
||||
e.preventDefault();
|
||||
|
||||
var v = s.o.parse(s.$.val()) + kv[kc] * m;
|
||||
s.o.stopper && (v = max(min(v, s.o.max), s.o.min));
|
||||
|
||||
s.change(s._validate(v));
|
||||
s._draw();
|
||||
|
||||
// long time keydown speed-up
|
||||
to = window.setTimeout(function () {
|
||||
m *= 2;
|
||||
}, 30);
|
||||
}
|
||||
}
|
||||
}
|
||||
)
|
||||
.bind(
|
||||
"keyup",
|
||||
function (e) {
|
||||
if (isNaN(kval)) {
|
||||
if (to) {
|
||||
window.clearTimeout(to);
|
||||
to = null;
|
||||
m = 1;
|
||||
s.val(s.$.val());
|
||||
}
|
||||
} else {
|
||||
// kval postcond
|
||||
(s.$.val() > s.o.max && s.$.val(s.o.max))
|
||||
|| (s.$.val() < s.o.min && s.$.val(s.o.min));
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
this.$c.bind("mousewheel DOMMouseScroll", mw);
|
||||
this.$.bind("mousewheel DOMMouseScroll", mw)
|
||||
};
|
||||
|
||||
this.init = function () {
|
||||
if (this.v < this.o.min
|
||||
|| this.v > this.o.max) { this.v = this.o.min; }
|
||||
|
||||
this.$.val(this.v);
|
||||
this.w2 = this.w / 2;
|
||||
this.cursorExt = this.o.cursor / 100;
|
||||
this.xy = this.w2 * this.scale;
|
||||
this.lineWidth = this.xy * this.o.thickness;
|
||||
this.lineCap = this.o.lineCap;
|
||||
this.radius = this.xy - this.lineWidth / 2;
|
||||
|
||||
this.o.angleOffset
|
||||
&& (this.o.angleOffset = isNaN(this.o.angleOffset) ? 0 : this.o.angleOffset);
|
||||
|
||||
this.o.angleArc
|
||||
&& (this.o.angleArc = isNaN(this.o.angleArc) ? this.PI2 : this.o.angleArc);
|
||||
|
||||
// deg to rad
|
||||
this.angleOffset = this.o.angleOffset * Math.PI / 180;
|
||||
this.angleArc = this.o.angleArc * Math.PI / 180;
|
||||
|
||||
// compute start and end angles
|
||||
this.startAngle = 1.5 * Math.PI + this.angleOffset;
|
||||
this.endAngle = 1.5 * Math.PI + this.angleOffset + this.angleArc;
|
||||
|
||||
var s = max(
|
||||
String(Math.abs(this.o.max)).length,
|
||||
String(Math.abs(this.o.min)).length,
|
||||
2
|
||||
) + 2;
|
||||
|
||||
this.o.displayInput
|
||||
&& this.i.css({
|
||||
'width' : ((this.w / 2 + 4) >> 0) + 'px',
|
||||
'height' : ((this.w / 3) >> 0) + 'px',
|
||||
'position' : 'absolute',
|
||||
'vertical-align' : 'middle',
|
||||
'margin-top' : ((this.w / 3) >> 0) + 'px',
|
||||
'margin-left' : '-' + ((this.w * 3 / 4 + 2) >> 0) + 'px',
|
||||
'border' : 0,
|
||||
'background' : 'none',
|
||||
'font' : this.o.fontWeight + ' ' + ((this.w / s) >> 0) + 'px ' + this.o.font,
|
||||
'text-align' : 'center',
|
||||
'color' : this.o.inputColor || this.o.fgColor,
|
||||
'padding' : '0px',
|
||||
'-webkit-appearance': 'none'
|
||||
}) || this.i.css({
|
||||
'width': '0px',
|
||||
'visibility': 'hidden'
|
||||
});
|
||||
};
|
||||
|
||||
this.change = function (v) {
|
||||
this.cv = v;
|
||||
this.$.val(this.o.format(v));
|
||||
};
|
||||
|
||||
this.angle = function (v) {
|
||||
return (v - this.o.min) * this.angleArc / (this.o.max - this.o.min);
|
||||
};
|
||||
|
||||
this.arc = function (v) {
|
||||
var sa, ea;
|
||||
v = this.angle(v);
|
||||
if (this.o.flip) {
|
||||
sa = this.endAngle + 0.00001;
|
||||
ea = sa - v - 0.00001;
|
||||
} else {
|
||||
sa = this.startAngle - 0.00001;
|
||||
ea = sa + v + 0.00001;
|
||||
}
|
||||
this.o.cursor
|
||||
&& (sa = ea - this.cursorExt)
|
||||
&& (ea = ea + this.cursorExt);
|
||||
|
||||
return {
|
||||
s: sa,
|
||||
e: ea,
|
||||
d: this.o.flip && !this.o.cursor
|
||||
};
|
||||
};
|
||||
|
||||
this.draw = function () {
|
||||
var c = this.g, // context
|
||||
a = this.arc(this.cv), // Arc
|
||||
pa, // Previous arc
|
||||
r = 1;
|
||||
|
||||
c.lineWidth = this.lineWidth;
|
||||
c.lineCap = this.lineCap;
|
||||
|
||||
if (this.o.bgColor !== "none") {
|
||||
c.beginPath();
|
||||
c.strokeStyle = this.o.bgColor;
|
||||
c.arc(this.xy, this.xy, this.radius, this.endAngle - 0.00001, this.startAngle + 0.00001, true);
|
||||
c.stroke();
|
||||
}
|
||||
|
||||
if (this.o.displayPrevious) {
|
||||
pa = this.arc(this.v);
|
||||
c.beginPath();
|
||||
c.strokeStyle = this.pColor;
|
||||
c.arc(this.xy, this.xy, this.radius, pa.s, pa.e, pa.d);
|
||||
c.stroke();
|
||||
r = this.cv == this.v;
|
||||
}
|
||||
|
||||
c.beginPath();
|
||||
c.strokeStyle = r ? this.o.fgColor : this.fgColor ;
|
||||
c.arc(this.xy, this.xy, this.radius, a.s, a.e, a.d);
|
||||
c.stroke();
|
||||
};
|
||||
|
||||
this.cancel = function () {
|
||||
this.val(this.v);
|
||||
};
|
||||
};
|
||||
|
||||
$.fn.dial = $.fn.knob = function (o) {
|
||||
return this.each(
|
||||
function () {
|
||||
var d = new k.Dial();
|
||||
d.o = o;
|
||||
d.$ = $(this);
|
||||
d.run();
|
||||
}
|
||||
).parent();
|
||||
};
|
||||
|
||||
}));
|
||||