Rebase dengan menggunakan sqlite
This commit is contained in:
Otang45
2855
public/css/animate.min.css
vendored
Normal file
2855
public/css/animate.min.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
614
public/css/api/main.css
Normal file
614
public/css/api/main.css
Normal file
@@ -0,0 +1,614 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
Template Name: Flosix
|
||||
Author: Designstub
|
||||
Author URI: http://www.designstub.com
|
||||
License: GNU General Public License version 3.0
|
||||
License URI: http://www.gnu.org/licenses/gpl-3.0.html
|
||||
Version: 1.0
|
||||
/* ------------------------------------------------------------------------------
|
||||
Typography
|
||||
-------------------------------------------------------------------------------*/
|
||||
@import url(https://fonts.googleapis.com/css2?family=Edu+AU+VIC+WA+NT+Pre:wght@400..700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
|
||||
/* ------------------------------------------------------------------------------
|
||||
Theme
|
||||
-------------------------------------------------------------------------------*/
|
||||
[data-theme="light"] {
|
||||
--bg: #fbf1c7;
|
||||
--bg0: #f9f5d7;
|
||||
--fg: #3c3836;
|
||||
--fg0: #282828;
|
||||
--fg1: #3c3836;
|
||||
--fg2: #504945;
|
||||
--fg3: #665c54;
|
||||
--fg4: #7c6f64;
|
||||
--red: #9d0006;
|
||||
--green: #79740e;
|
||||
--yellow: #b57614;
|
||||
--blue: #076678;
|
||||
--purple: #8f3f71;
|
||||
--aqua: #427b58;
|
||||
--orange: #af3a03;
|
||||
}
|
||||
[data-theme="dark"] {
|
||||
--bg: #282828;
|
||||
--bg0: #1d2021;
|
||||
--fg: #ebdbb2;
|
||||
--fg0: #fbf1c7;
|
||||
--fg1: #ebdbb2;
|
||||
--fg2: #d5c4a1;
|
||||
--fg3: #bdae93;
|
||||
--fg4: #a89984;
|
||||
--red: #fb4934;
|
||||
--green: #b8bb26;
|
||||
--yellow: #fabd2f;
|
||||
--blue: #83a598;
|
||||
--purple: #d3869b;
|
||||
--aqua: #8ec07c;
|
||||
--orange: #fe8019;
|
||||
}
|
||||
/* ------------------------------------------------------------------------------
|
||||
Global Style
|
||||
-------------------------------------------------------------------------------*/
|
||||
p {
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-size: 14px;
|
||||
color: var(--fg);
|
||||
}
|
||||
h1 {
|
||||
font-family: "Playfair Display", sans-serif;
|
||||
font-size: 65px;
|
||||
color: var(--fg0);
|
||||
}
|
||||
h2 {
|
||||
font-family: "Playfair Display", sans-serif;
|
||||
font-size: 40px;
|
||||
color: var(--fg0);
|
||||
}
|
||||
h3 {
|
||||
font-family: "Playfair Display", sans-serif;
|
||||
font-size: 28px;
|
||||
color: var(--fg0);
|
||||
font-weight: 300;
|
||||
}
|
||||
h4 {
|
||||
font-family: "Playfair Display", sans-serif;
|
||||
font-size: 22px;
|
||||
color: var(--fg0);
|
||||
font-weight: 400;
|
||||
}
|
||||
h5 {
|
||||
font-family: "Playfair Display", sans-serif;
|
||||
font-size: 16px;
|
||||
color: var(--fg0);
|
||||
font-weight: 500;
|
||||
}
|
||||
.btn {
|
||||
background-color: var(--fg);
|
||||
margin-top: 40px;
|
||||
color: var(--bg);
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
letter-spacing: 1px;
|
||||
border-radius: 0px;
|
||||
padding: 3% 7%;
|
||||
display: inline-block;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.btn:hover,
|
||||
.btn:focus {
|
||||
background-color: var(--aqua);
|
||||
color: var(--bg);
|
||||
}
|
||||
.btn-large {
|
||||
padding: 15px 40px;
|
||||
}
|
||||
/* ------------------------------------------------------------------------------
|
||||
General Style
|
||||
-------------------------------------------------------------------------------*/
|
||||
a {
|
||||
color: var(--fg);
|
||||
}
|
||||
a:hover,
|
||||
a:focus {
|
||||
color: var(--red);
|
||||
text-decoration: none;
|
||||
-moz-transition: background-color, color, 0.3s;
|
||||
-o-transition: background-color, color, 0.3s;
|
||||
-webkit-transition: background-color, color, 0.3s;
|
||||
transition: background-color, color, 0.3s;
|
||||
}
|
||||
body {
|
||||
background-color: var(--bg);
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-weight: 400;
|
||||
color: var(--fg);
|
||||
}
|
||||
ul,
|
||||
ol {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
ul li {
|
||||
list-style: none;
|
||||
}
|
||||
.section {
|
||||
padding: 100px 0;
|
||||
}
|
||||
.no-padding {
|
||||
padding: 0;
|
||||
}
|
||||
.no-gutter [class*="col-"] {
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
/* ------------------------------------------------------------------------------
|
||||
Header & navigation
|
||||
-------------------------------------------------------------------------------*/
|
||||
#header {
|
||||
position: fixed;
|
||||
width: 94%;
|
||||
z-index: 999;
|
||||
margin-left: 3%;
|
||||
margin-right: 3%;
|
||||
}
|
||||
#header .header-content {
|
||||
margin: 0 auto;
|
||||
padding: 40px 0;
|
||||
width: 100%;
|
||||
-moz-transition: padding 0.3s;
|
||||
-o-transition: padding 0.3s;
|
||||
-webkit-transition: padding 0.3s;
|
||||
transition: padding 0.3s;
|
||||
}
|
||||
#header .logo {
|
||||
font-size: 21px;
|
||||
color: var(--fg);
|
||||
font-weight: 700;
|
||||
float: left;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
#header.fixed {
|
||||
background-color: var(--bg);
|
||||
}
|
||||
#header.fixed .header-content {
|
||||
border-bottom: 0;
|
||||
padding: 25px 0;
|
||||
}
|
||||
#header.fixed .nav-toggle {
|
||||
top: 18px;
|
||||
}
|
||||
.navigation.open {
|
||||
opacity: 0.9;
|
||||
visibility: visible;
|
||||
-moz-transition: opacity 0.5s;
|
||||
-o-transition: opacity 0.5s;
|
||||
-webkit-transition: opacity 0.5s;
|
||||
transition: opacity 0.5s;
|
||||
}
|
||||
.navigation {
|
||||
float: right;
|
||||
}
|
||||
.navigation li {
|
||||
display: inline-block;
|
||||
}
|
||||
.navigation a {
|
||||
color: var(--fg);
|
||||
font-size: 13px;
|
||||
font-weight: 400;
|
||||
margin-left: 40px;
|
||||
letter-spacing: 2px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.navigation a:hover,
|
||||
.navigation a.active {
|
||||
color: var(--yellow);
|
||||
}
|
||||
.nav-toggle {
|
||||
display: none;
|
||||
height: 44px;
|
||||
overflow: hidden;
|
||||
position: fixed;
|
||||
right: 5%;
|
||||
text-indent: 100%;
|
||||
top: 32px;
|
||||
white-space: nowrap;
|
||||
width: 44px;
|
||||
z-index: 99999;
|
||||
-moz-transition: all 0.3s;
|
||||
-o-transition: all 0.3s;
|
||||
-webkit-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
.nav-toggle:before,
|
||||
.nav-toggle:after {
|
||||
border-radius: 50%;
|
||||
content: "";
|
||||
height: 100%;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
-moz-transform: translateZ(0);
|
||||
-ms-transform: translateZ(0);
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
-moz-backface-visibility: hidden;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
-moz-transition-property: -moz-transform;
|
||||
-o-transition-property: -o-transform;
|
||||
-webkit-transition-property: -webkit-transform;
|
||||
transition-property: transform;
|
||||
}
|
||||
.nav-toggle:before {
|
||||
background-color: var(--yellow);
|
||||
-moz-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
-moz-transition-duration: 0.3s;
|
||||
-o-transition-duration: 0.3s;
|
||||
-webkit-transition-duration: 0.3s;
|
||||
transition-duration: 0.3s;
|
||||
}
|
||||
.nav-toggle:after {
|
||||
background-color: var(--yellow);
|
||||
-moz-transform: scale(0);
|
||||
-ms-transform: scale(0);
|
||||
-webkit-transform: scale(0);
|
||||
transform: scale(0);
|
||||
-moz-transition-duration: 0s;
|
||||
-o-transition-duration: 0s;
|
||||
-webkit-transition-duration: 0s;
|
||||
transition-duration: 0s;
|
||||
}
|
||||
.nav-toggle span {
|
||||
background-color: var(--bg);
|
||||
bottom: auto;
|
||||
display: inline-block;
|
||||
height: 3px;
|
||||
left: 50%;
|
||||
position: absolute;
|
||||
right: auto;
|
||||
top: 50%;
|
||||
width: 18px;
|
||||
z-index: 10;
|
||||
-moz-transform: translateX(-50%) translateY(-50%);
|
||||
-ms-transform: translateX(-50%) translateY(-50%);
|
||||
-webkit-transform: translateX(-50%) translateY(-50%);
|
||||
transform: translateX(-50%) translateY(-50%);
|
||||
}
|
||||
.nav-toggle span:before,
|
||||
.nav-toggle span:after {
|
||||
background-color: var(--bg);
|
||||
content: "";
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
-moz-transform: translateZ(0);
|
||||
-ms-transform: translateZ(0);
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
-moz-backface-visibility: hidden;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
-moz-transition: -moz-transform 0.3s;
|
||||
-o-transition: -o-transform 0.3s;
|
||||
-webkit-transition: -webkit-transform 0.3s;
|
||||
transition: transform 0.3s;
|
||||
}
|
||||
.nav-toggle span:before {
|
||||
-moz-transform: translateY(-6px) rotate(0deg);
|
||||
-ms-transform: translateY(-6px) rotate(0deg);
|
||||
-webkit-transform: translateY(-6px) rotate(0deg);
|
||||
transform: translateY(-6px) rotate(0deg);
|
||||
}
|
||||
.nav-toggle span:after {
|
||||
-moz-transform: translateY(6px) rotate(0deg);
|
||||
-ms-transform: translateY(6px) rotate(0deg);
|
||||
-webkit-transform: translateY(6px) rotate(0deg);
|
||||
transform: translateY(6px) rotate(0deg);
|
||||
}
|
||||
.nav-toggle.close-nav:before {
|
||||
-moz-transform: scale(0);
|
||||
-ms-transform: scale(0);
|
||||
-webkit-transform: scale(0);
|
||||
transform: scale(0);
|
||||
}
|
||||
.nav-toggle.close-nav:after {
|
||||
-moz-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
}
|
||||
.nav-toggle.close-nav span {
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
}
|
||||
.nav-toggle.close-nav span:before,
|
||||
.nav-toggle.close-nav span:after {
|
||||
background-color: var(--bg);
|
||||
}
|
||||
.nav-toggle.close-nav span:before {
|
||||
-moz-transform: translateY(0) rotate(45deg);
|
||||
-ms-transform: translateY(0) rotate(45deg);
|
||||
-webkit-transform: translateY(0) rotate(45deg);
|
||||
transform: translateY(0) rotate(45deg);
|
||||
}
|
||||
.nav-toggle.close-nav span:after {
|
||||
-moz-transform: translateY(0) rotate(-45deg);
|
||||
-ms-transform: translateY(0) rotate(-45deg);
|
||||
-webkit-transform: translateY(0) rotate(-45deg);
|
||||
transform: translateY(0) rotate(-45deg);
|
||||
}
|
||||
/* ------------------------------------------------------------------------------
|
||||
Info
|
||||
-------------------------------------------------------------------------------*/
|
||||
.data {
|
||||
width: 94%;
|
||||
margin: auto;
|
||||
}
|
||||
.data .title-content {
|
||||
text-align: center;
|
||||
background-color: var(--green);
|
||||
padding: 5%;
|
||||
}
|
||||
.data .title-content h2,
|
||||
.data .title-content p {
|
||||
color: var(--bg);
|
||||
}
|
||||
.data ul,
|
||||
.data li {
|
||||
list-style: circle;
|
||||
text-align: start;
|
||||
color: var(--bg);
|
||||
}
|
||||
.data a {
|
||||
color: var(--bg0);
|
||||
}
|
||||
.data a:hover {
|
||||
color: var(--red);
|
||||
}
|
||||
/* ------------------------------------------------------------------------------
|
||||
Contoh
|
||||
-------------------------------------------------------------------------------*/
|
||||
.api {
|
||||
width: 94%;
|
||||
margin: auto;
|
||||
margin-bottom: 4%;
|
||||
background-color: var(--bg0);
|
||||
padding: 2% 4%;
|
||||
}
|
||||
.api h3 {
|
||||
color: var(--purple);
|
||||
}
|
||||
.api .method {
|
||||
background-color: var(--blue);
|
||||
padding: 10px;
|
||||
margin-top: 8px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.api .request {
|
||||
padding: unset;
|
||||
margin: unset;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.api .example {
|
||||
padding: 10px 0px;
|
||||
margin-bottom: 2%;
|
||||
background-color: var(--aqua);
|
||||
}
|
||||
.api span {
|
||||
padding: 4px;
|
||||
background-color: var(--bg0);
|
||||
font-weight: bold;
|
||||
color: var(--fg);
|
||||
}
|
||||
.api p {
|
||||
color: var(--bg);
|
||||
padding-left: 10px;
|
||||
margin: unset;
|
||||
}
|
||||
.api p.title {
|
||||
color: var(--bg);
|
||||
padding: unset;
|
||||
padding-bottom: 8px;
|
||||
margin: unset;
|
||||
font-size: 12px;
|
||||
}
|
||||
.api a {
|
||||
color: var(--bg);
|
||||
padding-left: 10px;
|
||||
margin: unset;
|
||||
font-weight: bold;
|
||||
}
|
||||
.api a:hover {
|
||||
color: var(--red);
|
||||
}
|
||||
.api p.footer {
|
||||
padding: unset;
|
||||
margin: unset;
|
||||
padding-top: 8px;
|
||||
color: var(--red);
|
||||
}
|
||||
.api .result pre {
|
||||
background-color: var(--bg);
|
||||
padding: 10px;
|
||||
margin: 10px;
|
||||
color: var(--fg);
|
||||
}
|
||||
/* ------------------------------------------------------------------------------
|
||||
Footer
|
||||
-------------------------------------------------------------------------------*/
|
||||
.footer {
|
||||
width: 94%;
|
||||
margin: auto;
|
||||
text-align: left;
|
||||
padding-top: 5%;
|
||||
padding-bottom: 7%;
|
||||
}
|
||||
.footer h4 {
|
||||
font-size: 16px;
|
||||
color: var(--orange);
|
||||
margin: 0 0 15px 0;
|
||||
padding: 0px;
|
||||
}
|
||||
.footer p {
|
||||
font-size: 13px;
|
||||
color: var(--fg);
|
||||
}
|
||||
.footer a {
|
||||
color: var(--fg);
|
||||
}
|
||||
.footer a:hover {
|
||||
text-decoration: underline;
|
||||
color: var(--green);
|
||||
}
|
||||
.footer .footer-share {
|
||||
margin-top: 0;
|
||||
}
|
||||
.footer .footer-share li {
|
||||
display: inline-block;
|
||||
float: none;
|
||||
}
|
||||
.footer .footer-share a {
|
||||
border: none;
|
||||
font-size: 16px;
|
||||
color: var(--fg);
|
||||
letter-spacing: 15px;
|
||||
}
|
||||
.footer .fa-heart {
|
||||
color: var(--red);
|
||||
font-size: 11px;
|
||||
margin: 0 2px;
|
||||
}
|
||||
.footer .left {
|
||||
padding-bottom: 24px;
|
||||
}
|
||||
|
||||
.error {
|
||||
width: 94%;
|
||||
margin: auto;
|
||||
}
|
||||
.error .title-content {
|
||||
background-color: var(--green);
|
||||
padding: 5%;
|
||||
}
|
||||
.error h2,
|
||||
.error h3 {
|
||||
text-align: center;
|
||||
color: var(--bg);
|
||||
}
|
||||
.error pre {
|
||||
text-align: unset;
|
||||
background-color: var(--bg);
|
||||
padding: 10px;
|
||||
margin: 10px;
|
||||
margin-top: 56px;
|
||||
color: var(--fg);
|
||||
}
|
||||
|
||||
/* ------------------------------------------------------------------------------
|
||||
Responsive
|
||||
-------------------------------------------------------------------------------*/
|
||||
@media screen and (max-width: 1024px) {
|
||||
#header .header-content {
|
||||
width: 90%;
|
||||
}
|
||||
.nav-toggle {
|
||||
display: block;
|
||||
}
|
||||
.navigation {
|
||||
position: fixed;
|
||||
background-color: #000;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 99999;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
|
||||
transition: opacity 0.5s, visibility 0s 0.5s;
|
||||
}
|
||||
.navigation .primary-nav {
|
||||
position: relative;
|
||||
top: 45%;
|
||||
-moz-transform: translateY(-45%);
|
||||
-ms-transform: translateY(-45%);
|
||||
-webkit-transform: translateY(-45%);
|
||||
transform: translateY(-45%);
|
||||
}
|
||||
.navigation li {
|
||||
display: block;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.navigation a {
|
||||
display: block;
|
||||
font-size: 25px;
|
||||
margin: 0;
|
||||
color: #fff;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
}
|
||||
.feature .feat-img {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.banner-text {
|
||||
padding-top: 30%;
|
||||
}
|
||||
.banner-text h1 {
|
||||
font-size: 42px;
|
||||
}
|
||||
.banner-text p {
|
||||
font-size: 18px;
|
||||
}
|
||||
.footer .footer-col {
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
.detail-contentbox {
|
||||
background-color: #f2f2f2;
|
||||
padding: 6%;
|
||||
}
|
||||
.about .about-text,
|
||||
.about h2 {
|
||||
text-align: center;
|
||||
padding: 0% 5%;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
.banner-text {
|
||||
padding-top: 35%;
|
||||
}
|
||||
.detail-contentbox {
|
||||
background-color: #f2f2f2;
|
||||
padding: 6%;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 480px) {
|
||||
.banner-text {
|
||||
padding-top: 45%;
|
||||
}
|
||||
.banner-text h1 {
|
||||
font-size: 32px;
|
||||
}
|
||||
.detail-contentbox {
|
||||
background-color: #f2f2f2;
|
||||
padding: 6%;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 320px) {
|
||||
.banner-text {
|
||||
padding-top: 55%;
|
||||
}
|
||||
.detail-contentbox {
|
||||
background-color: #f2f2f2;
|
||||
padding: 6%;
|
||||
}
|
||||
}
|
||||
7178
public/css/bootstrap.min.css
vendored
Normal file
7178
public/css/bootstrap.min.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
266
public/css/flexslider.css
Normal file
266
public/css/flexslider.css
Normal file
@@ -0,0 +1,266 @@
|
||||
/*
|
||||
* jQuery FlexSlider v2.5.0
|
||||
* http://www.woothemes.com/flexslider/
|
||||
*
|
||||
* Copyright 2012 WooThemes
|
||||
* Free to use under the GPLv2 and later license.
|
||||
* http://www.gnu.org/licenses/gpl-2.0.html
|
||||
*
|
||||
* Contributing author: Tyler Smith (@mbmufffin)
|
||||
*
|
||||
*/
|
||||
/* ====================================================================================================================
|
||||
* FONT-FACE
|
||||
* ====================================================================================================================*/
|
||||
@font-face {
|
||||
font-family: "flexslider-icon";
|
||||
src: url("../fonts/flexslider-icon.eot");
|
||||
src: url("../fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"),
|
||||
url("../fonts/flexslider-icon.woff") format("woff"),
|
||||
url("../fonts/flexslider-icon.ttf") format("truetype"),
|
||||
url("../fonts/flexslider-icon.svg#flexslider-icon") format("svg");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
/* ====================================================================================================================
|
||||
* RESETS
|
||||
* ====================================================================================================================*/
|
||||
.flex-container a:hover,
|
||||
.flex-slider a:hover,
|
||||
.flex-container a:focus,
|
||||
.flex-slider a:focus {
|
||||
outline: none;
|
||||
}
|
||||
.slides,
|
||||
.slides > li,
|
||||
.flex-control-nav,
|
||||
.flex-direction-nav {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.flex-pauseplay span {
|
||||
text-transform: capitalize;
|
||||
}
|
||||
/* ====================================================================================================================
|
||||
* BASE STYLES
|
||||
* ====================================================================================================================*/
|
||||
.flexslider {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.flexslider .slides > li {
|
||||
display: none;
|
||||
backface-visibility: hidden;
|
||||
-webkit-backface-visibility: hidden;
|
||||
}
|
||||
.flexslider .slides img {
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
.flexslider .slides:after {
|
||||
content: "\0020";
|
||||
display: block;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
line-height: 0;
|
||||
height: 0;
|
||||
}
|
||||
html[xmlns] .flexslider .slides {
|
||||
display: block;
|
||||
}
|
||||
* html .flexslider .slides {
|
||||
height: 1%;
|
||||
}
|
||||
.no-js .flexslider .slides > li:first-child {
|
||||
display: block;
|
||||
}
|
||||
/* ====================================================================================================================
|
||||
* DEFAULT THEME
|
||||
* ====================================================================================================================*/
|
||||
.flexslider {
|
||||
position: relative;
|
||||
zoom: 1;
|
||||
}
|
||||
.flexslider .slides {
|
||||
zoom: 1;
|
||||
}
|
||||
.flexslider .slides img {
|
||||
height: auto;
|
||||
}
|
||||
.flex-viewport {
|
||||
max-height: 2000px;
|
||||
-webkit-transition: all 1s ease;
|
||||
-moz-transition: all 1s ease;
|
||||
-ms-transition: all 1s ease;
|
||||
-o-transition: all 1s ease;
|
||||
transition: all 1s ease;
|
||||
}
|
||||
.loading .flex-viewport {
|
||||
max-height: 300px;
|
||||
}
|
||||
.carousel li {
|
||||
margin-right: 5px;
|
||||
}
|
||||
.flex-direction-nav {
|
||||
height: 0;
|
||||
}
|
||||
.flex-direction-nav a {
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin: -20px 0 0;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
z-index: 10;
|
||||
overflow: hidden;
|
||||
opacity: 0;
|
||||
cursor: pointer;
|
||||
color: rgba(0, 0, 0, 0.8);
|
||||
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
-moz-transition: all 0.3s ease-in-out;
|
||||
-ms-transition: all 0.3s ease-in-out;
|
||||
-o-transition: all 0.3s ease-in-out;
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
.flex-direction-nav a:before {
|
||||
font-family: "flexslider-icon";
|
||||
font-size: 40px;
|
||||
display: inline-block;
|
||||
content: "\f001";
|
||||
color: rgba(0, 0, 0, 0.8);
|
||||
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
.flex-direction-nav a.flex-next:before {
|
||||
content: "\f002";
|
||||
}
|
||||
.flex-direction-nav .flex-prev {
|
||||
left: -50px;
|
||||
}
|
||||
.flex-direction-nav .flex-next {
|
||||
right: -50px;
|
||||
text-align: right;
|
||||
}
|
||||
.flexslider:hover .flex-direction-nav .flex-prev {
|
||||
opacity: 0.7;
|
||||
left: 10px;
|
||||
}
|
||||
.flexslider:hover .flex-direction-nav .flex-prev:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.flexslider:hover .flex-direction-nav .flex-next {
|
||||
opacity: 0.7;
|
||||
right: 10px;
|
||||
}
|
||||
.flexslider:hover .flex-direction-nav .flex-next:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.flex-direction-nav .flex-disabled {
|
||||
opacity: 0 !important;
|
||||
filter: alpha(opacity=0);
|
||||
cursor: default;
|
||||
}
|
||||
.flex-pauseplay a {
|
||||
display: block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
position: absolute;
|
||||
bottom: 5px;
|
||||
left: 10px;
|
||||
opacity: 0.8;
|
||||
z-index: 10;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
color: #000;
|
||||
}
|
||||
.flex-pauseplay a:before {
|
||||
font-family: "flexslider-icon";
|
||||
font-size: 20px;
|
||||
display: inline-block;
|
||||
content: "\f004";
|
||||
}
|
||||
.flex-pauseplay a:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.flex-pauseplay a.flex-play:before {
|
||||
content: "\f003";
|
||||
}
|
||||
.flex-control-nav {
|
||||
width: 50%;
|
||||
position: absolute;
|
||||
bottom: 100px;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
z-index: 100;
|
||||
}
|
||||
.flex-control-nav li {
|
||||
margin: 0 6px;
|
||||
display: inline-block;
|
||||
zoom: 1;
|
||||
display: inline;
|
||||
}
|
||||
.flex-control-paging li a {
|
||||
width: 11px;
|
||||
height: 11px;
|
||||
display: block;
|
||||
background: #fff;
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
cursor: pointer;
|
||||
text-indent: -9999px;
|
||||
-webkit-border-radius: 20px;
|
||||
-moz-border-radius: 20px;
|
||||
border-radius: 20px;
|
||||
}
|
||||
.flex-control-paging li a:hover {
|
||||
background: #fff;
|
||||
background: rgba(255, 255, 255, 1);
|
||||
}
|
||||
.flex-control-paging li a.flex-active {
|
||||
background: #fff;
|
||||
background: rgba(255, 255, 255, 1);
|
||||
cursor: default;
|
||||
}
|
||||
.flex-control-thumbs {
|
||||
margin: 5px 0 0;
|
||||
position: static;
|
||||
overflow: hidden;
|
||||
}
|
||||
.flex-control-thumbs li {
|
||||
width: 25%;
|
||||
float: left;
|
||||
margin: 0;
|
||||
}
|
||||
.flex-control-thumbs img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
display: block;
|
||||
opacity: 0.7;
|
||||
cursor: pointer;
|
||||
-webkit-transition: all 1s ease;
|
||||
-moz-transition: all 1s ease;
|
||||
-ms-transition: all 1s ease;
|
||||
-o-transition: all 1s ease;
|
||||
transition: all 1s ease;
|
||||
}
|
||||
.flex-control-thumbs img:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.flex-control-thumbs .flex-active {
|
||||
opacity: 1;
|
||||
cursor: default;
|
||||
}
|
||||
/* ====================================================================================================================
|
||||
* RESPONSIVE
|
||||
* ====================================================================================================================*/
|
||||
@media screen and (max-width: 860px) {
|
||||
.flex-direction-nav .flex-prev {
|
||||
opacity: 1;
|
||||
left: 10px;
|
||||
}
|
||||
.flex-direction-nav .flex-next {
|
||||
opacity: 1;
|
||||
right: 10px;
|
||||
}
|
||||
}
|
||||
203
public/css/lightbox.css
Normal file
203
public/css/lightbox.css
Normal file
@@ -0,0 +1,203 @@
|
||||
body.lb-disable-scrolling {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.lightboxOverlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9999;
|
||||
background-color: black;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
|
||||
opacity: 0.8;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.lightbox {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
z-index: 10000;
|
||||
text-align: center;
|
||||
line-height: 0;
|
||||
font-weight: normal;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.lightbox .lb-image {
|
||||
display: block;
|
||||
height: auto;
|
||||
max-width: inherit;
|
||||
max-height: none;
|
||||
border-radius: 3px;
|
||||
|
||||
/* Image border */
|
||||
border: 4px solid white;
|
||||
}
|
||||
|
||||
.lightbox a img {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.lb-outerContainer {
|
||||
position: relative;
|
||||
width: 250px;
|
||||
height: 250px;
|
||||
margin: 0 auto;
|
||||
border-radius: 4px;
|
||||
|
||||
/* Background color behind image.
|
||||
This is visible during transitions. */
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.lb-outerContainer:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.lb-loader {
|
||||
position: absolute;
|
||||
top: 43%;
|
||||
left: 0;
|
||||
height: 25%;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
.lb-cancel {
|
||||
display: block;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
margin: 0 auto;
|
||||
background: url(/img/muslim/loading.gif) no-repeat;
|
||||
}
|
||||
|
||||
.lb-nav {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.lb-container > .nav {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.lb-nav a {
|
||||
outline: none;
|
||||
background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
|
||||
}
|
||||
|
||||
.lb-prev,
|
||||
.lb-next {
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.lb-nav a.lb-prev {
|
||||
width: 34%;
|
||||
left: 0;
|
||||
float: left;
|
||||
background: url(/img/muslim/prev.png) left 48% no-repeat;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.6s;
|
||||
-moz-transition: opacity 0.6s;
|
||||
-o-transition: opacity 0.6s;
|
||||
transition: opacity 0.6s;
|
||||
}
|
||||
|
||||
.lb-nav a.lb-prev:hover {
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.lb-nav a.lb-next {
|
||||
width: 64%;
|
||||
right: 0;
|
||||
float: right;
|
||||
background: url(/img/muslim/next.png) right 48% no-repeat;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.6s;
|
||||
-moz-transition: opacity 0.6s;
|
||||
-o-transition: opacity 0.6s;
|
||||
transition: opacity 0.6s;
|
||||
}
|
||||
|
||||
.lb-nav a.lb-next:hover {
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.lb-dataContainer {
|
||||
margin: 0 auto;
|
||||
padding-top: 5px;
|
||||
width: 100%;
|
||||
border-bottom-left-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
}
|
||||
|
||||
.lb-dataContainer:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.lb-data {
|
||||
padding: 0 4px;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.lb-data .lb-details {
|
||||
width: 85%;
|
||||
float: left;
|
||||
text-align: left;
|
||||
line-height: 1.1em;
|
||||
}
|
||||
|
||||
.lb-data .lb-caption {
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
line-height: 1em;
|
||||
}
|
||||
|
||||
.lb-data .lb-caption a {
|
||||
color: #4ae;
|
||||
}
|
||||
|
||||
.lb-data .lb-number {
|
||||
display: block;
|
||||
clear: left;
|
||||
padding-bottom: 1em;
|
||||
font-size: 12px;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.lb-data .lb-close {
|
||||
display: block;
|
||||
float: right;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background: url(/img/muslim/close.png) top right no-repeat;
|
||||
text-align: right;
|
||||
outline: none;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
|
||||
opacity: 0.7;
|
||||
-webkit-transition: opacity 0.2s;
|
||||
-moz-transition: opacity 0.2s;
|
||||
-o-transition: opacity 0.2s;
|
||||
transition: opacity 0.2s;
|
||||
}
|
||||
|
||||
.lb-data .lb-close:hover {
|
||||
cursor: pointer;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||||
opacity: 1;
|
||||
}
|
||||
190
public/css/owl.carousel.min.css
vendored
Normal file
190
public/css/owl.carousel.min.css
vendored
Normal file
@@ -0,0 +1,190 @@
|
||||
/**
|
||||
* Owl Carousel v2.3.4
|
||||
* Copyright 2013-2018 David Deutsch
|
||||
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
|
||||
*/
|
||||
.owl-carousel,
|
||||
.owl-carousel .owl-item {
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
position: relative;
|
||||
}
|
||||
.owl-carousel {
|
||||
display: none;
|
||||
width: 100%;
|
||||
z-index: 1;
|
||||
}
|
||||
.owl-carousel .owl-stage {
|
||||
position: relative;
|
||||
-ms-touch-action: pan-Y;
|
||||
touch-action: manipulation;
|
||||
backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
}
|
||||
.owl-carousel .owl-stage:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
line-height: 0;
|
||||
height: 0;
|
||||
}
|
||||
.owl-carousel .owl-stage-outer {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
transform: translate3d(0, 0, 0);
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
}
|
||||
.owl-carousel .owl-item,
|
||||
.owl-carousel .owl-wrapper {
|
||||
backface-visibility: hidden;
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
-ms-backface-visibility: hidden;
|
||||
transform: translate3d(0, 0, 0);
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
}
|
||||
.owl-carousel .owl-item {
|
||||
min-height: 1px;
|
||||
float: left;
|
||||
backface-visibility: hidden;
|
||||
-webkit-backface-visibility: hidden;
|
||||
-webkit-touch-callout: none;
|
||||
}
|
||||
.owl-carousel .owl-item img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
.owl-carousel .owl-dots.disabled,
|
||||
.owl-carousel .owl-nav.disabled {
|
||||
display: none;
|
||||
}
|
||||
.no-js .owl-carousel,
|
||||
.owl-carousel.owl-loaded {
|
||||
display: block;
|
||||
}
|
||||
.owl-carousel .owl-dot,
|
||||
.owl-carousel .owl-nav .owl-next,
|
||||
.owl-carousel .owl-nav .owl-prev {
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.owl-carousel .owl-nav button.owl-next,
|
||||
.owl-carousel .owl-nav button.owl-prev,
|
||||
.owl-carousel button.owl-dot {
|
||||
background: 0 0;
|
||||
color: inherit;
|
||||
border: none;
|
||||
padding: 0 !important;
|
||||
font: inherit;
|
||||
}
|
||||
.owl-carousel.owl-loading {
|
||||
opacity: 0;
|
||||
display: block;
|
||||
}
|
||||
.owl-carousel.owl-hidden {
|
||||
opacity: 0;
|
||||
}
|
||||
.owl-carousel.owl-refresh .owl-item {
|
||||
visibility: hidden;
|
||||
}
|
||||
.owl-carousel.owl-drag .owl-item {
|
||||
-ms-touch-action: pan-y;
|
||||
touch-action: pan-y;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.owl-carousel.owl-grab {
|
||||
cursor: move;
|
||||
cursor: grab;
|
||||
}
|
||||
.owl-carousel.owl-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
.owl-carousel.owl-rtl .owl-item {
|
||||
float: right;
|
||||
}
|
||||
.owl-carousel .animated {
|
||||
animation-duration: 1s;
|
||||
animation-fill-mode: both;
|
||||
}
|
||||
.owl-carousel .owl-animated-in {
|
||||
z-index: 0;
|
||||
}
|
||||
.owl-carousel .owl-animated-out {
|
||||
z-index: 1;
|
||||
}
|
||||
.owl-carousel .fadeOut {
|
||||
animation-name: fadeOut;
|
||||
}
|
||||
@keyframes fadeOut {
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
.owl-height {
|
||||
transition: height 0.5s ease-in-out;
|
||||
}
|
||||
.owl-carousel .owl-item .owl-lazy {
|
||||
opacity: 0;
|
||||
transition: opacity 0.4s ease;
|
||||
}
|
||||
.owl-carousel .owl-item .owl-lazy:not([src]),
|
||||
.owl-carousel .owl-item .owl-lazy[src^=""] {
|
||||
max-height: 0;
|
||||
}
|
||||
.owl-carousel .owl-item img.owl-lazy {
|
||||
transform-style: preserve-3d;
|
||||
}
|
||||
.owl-carousel .owl-video-wrapper {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
background: #000;
|
||||
}
|
||||
.owl-carousel .owl-video-play-icon {
|
||||
position: absolute;
|
||||
height: 80px;
|
||||
width: 80px;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin-left: -40px;
|
||||
margin-top: -40px;
|
||||
background: url(owl.video.play.png) no-repeat;
|
||||
cursor: pointer;
|
||||
z-index: 1;
|
||||
backface-visibility: hidden;
|
||||
-webkit-backface-visibility: hidden;
|
||||
transition: transform 0.1s ease;
|
||||
}
|
||||
.owl-carousel .owl-video-play-icon:hover {
|
||||
-ms-transform: scale(1.3, 1.3);
|
||||
transform: scale(1.3, 1.3);
|
||||
}
|
||||
.owl-carousel .owl-video-playing .owl-video-play-icon,
|
||||
.owl-carousel .owl-video-playing .owl-video-tn {
|
||||
display: none;
|
||||
}
|
||||
.owl-carousel .owl-video-tn {
|
||||
opacity: 0;
|
||||
height: 100%;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
transition: opacity 0.4s ease;
|
||||
}
|
||||
.owl-carousel .owl-video-frame {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
61
public/css/owl.theme.default.css
Normal file
61
public/css/owl.theme.default.css
Normal file
@@ -0,0 +1,61 @@
|
||||
/**
|
||||
* Owl Carousel v2.3.4
|
||||
* Copyright 2013-2018 David Deutsch
|
||||
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
|
||||
*/
|
||||
/*
|
||||
* Default theme - Owl Carousel CSS File
|
||||
*/
|
||||
.owl-theme .owl-nav {
|
||||
margin-top: 10px;
|
||||
text-align: center;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
.owl-theme .owl-nav [class*="owl-"] {
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
margin: 5px;
|
||||
padding: 4px 7px;
|
||||
background: #d6d6d6;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.owl-theme .owl-nav [class*="owl-"]:hover {
|
||||
background: #869791;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
.owl-theme .owl-nav .disabled {
|
||||
opacity: 0.5;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.owl-theme .owl-nav.disabled + .owl-dots {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.owl-theme .owl-dots {
|
||||
text-align: center;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
.owl-theme .owl-dots .owl-dot {
|
||||
display: inline-block;
|
||||
zoom: 1;
|
||||
display: inline;
|
||||
}
|
||||
.owl-theme .owl-dots .owl-dot span {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
margin: 5px 7px;
|
||||
background: #d6d6d6;
|
||||
display: block;
|
||||
backface-visibility: hidden;
|
||||
-webkit-backface-visibility: visible;
|
||||
transition: opacity 200ms ease;
|
||||
border-radius: 30px;
|
||||
}
|
||||
.owl-theme .owl-dots .owl-dot.active span,
|
||||
.owl-theme .owl-dots .owl-dot:hover span {
|
||||
background: #869791;
|
||||
}
|
||||
54
public/css/owl.theme.default.min.css
vendored
Normal file
54
public/css/owl.theme.default.min.css
vendored
Normal file
@@ -0,0 +1,54 @@
|
||||
/**
|
||||
* Owl Carousel v2.3.4
|
||||
* Copyright 2013-2018 David Deutsch
|
||||
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
|
||||
*/
|
||||
.owl-theme .owl-dots,
|
||||
.owl-theme .owl-nav {
|
||||
text-align: center;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
.owl-theme .owl-nav {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.owl-theme .owl-nav [class*="owl-"] {
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
margin: 5px;
|
||||
padding: 4px 7px;
|
||||
background: #d6d6d6;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.owl-theme .owl-nav [class*="owl-"]:hover {
|
||||
background: #869791;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
.owl-theme .owl-nav .disabled {
|
||||
opacity: 0.5;
|
||||
cursor: default;
|
||||
}
|
||||
.owl-theme .owl-nav.disabled + .owl-dots {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.owl-theme .owl-dots .owl-dot {
|
||||
display: inline-block;
|
||||
zoom: 1;
|
||||
}
|
||||
.owl-theme .owl-dots .owl-dot span {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
margin: 5px 7px;
|
||||
background: #d6d6d6;
|
||||
display: block;
|
||||
backface-visibility: hidden;
|
||||
-webkit-backface-visibility: visible;
|
||||
transition: opacity 0.2s ease;
|
||||
border-radius: 30px;
|
||||
}
|
||||
.owl-theme .owl-dots .owl-dot.active span,
|
||||
.owl-theme .owl-dots .owl-dot:hover span {
|
||||
background: #869791;
|
||||
}
|
||||
946
public/css/prettyPhoto.min.css
vendored
Normal file
946
public/css/prettyPhoto.min.css
vendored
Normal file
@@ -0,0 +1,946 @@
|
||||
.pp_gallery div,
|
||||
.pp_gallery ul a,
|
||||
.pp_social .facebook {
|
||||
overflow: hidden;
|
||||
float: left;
|
||||
}
|
||||
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,
|
||||
div.pp_default .pp_top,
|
||||
div.pp_default .pp_top .pp_left,
|
||||
div.pp_default .pp_top .pp_middle,
|
||||
div.pp_default .pp_top .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_content {
|
||||
background-color: #fff;
|
||||
}
|
||||
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_full_res .pp_inline {
|
||||
color: #000;
|
||||
}
|
||||
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_gallery ul li a:hover,
|
||||
div.pp_default .pp_gallery ul li.selected a {
|
||||
border-color: #fff;
|
||||
}
|
||||
div.pp_default .pp_social {
|
||||
margin-top: 7px;
|
||||
}
|
||||
div.pp_default .pp_gallery a.pp_arrow_next,
|
||||
div.pp_default .pp_gallery a.pp_arrow_previous {
|
||||
position: static;
|
||||
left: auto;
|
||||
}
|
||||
div.pp_default .pp_nav .pp_pause,
|
||||
div.pp_default .pp_nav .pp_play {
|
||||
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 .pp_details {
|
||||
position: relative;
|
||||
}
|
||||
div.pp_default a.pp_arrow_next,
|
||||
div.pp_default a.pp_arrow_previous {
|
||||
background: url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;
|
||||
height: 20px;
|
||||
margin: 4px 0 0;
|
||||
width: 20px;
|
||||
}
|
||||
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;
|
||||
margin: 0;
|
||||
padding: 0 0 0 10px;
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
}
|
||||
div.light_rounded #pp_full_res .pp_inline,
|
||||
div.light_rounded .pp_content .ppt {
|
||||
color: #000;
|
||||
}
|
||||
div.dark_rounded .pp_details,
|
||||
div.dark_square .pp_details,
|
||||
div.facebook .pp_details,
|
||||
div.light_rounded .pp_details,
|
||||
div.light_square .pp_details {
|
||||
position: relative;
|
||||
}
|
||||
div.pp_default .pp_arrow_next:hover,
|
||||
div.pp_default .pp_arrow_previous:hover,
|
||||
div.pp_default .pp_close:hover,
|
||||
div.pp_default .pp_nav .pp_pause:hover,
|
||||
div.pp_default .pp_nav .pp_play:hover {
|
||||
opacity: 0.7;
|
||||
}
|
||||
div.pp_default .pp_description {
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
line-height: 14px;
|
||||
margin: 5px 50px 5px 0;
|
||||
}
|
||||
div.dark_rounded .pp_description,
|
||||
div.light_rounded .pp_description {
|
||||
margin-right: 85px;
|
||||
}
|
||||
div.dark_rounded .pp_gallery a.pp_arrow_next,
|
||||
div.dark_rounded .pp_gallery a.pp_arrow_previous,
|
||||
div.light_rounded .pp_gallery a.pp_arrow_next,
|
||||
div.light_rounded .pp_gallery a.pp_arrow_previous {
|
||||
margin-top: 12px !important;
|
||||
}
|
||||
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_middle {
|
||||
background: #fff;
|
||||
}
|
||||
div.light_rounded .pp_top .pp_right {
|
||||
background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px
|
||||
no-repeat;
|
||||
}
|
||||
div.light_rounded .pp_content_container .pp_left,
|
||||
div.light_rounded .pp_content_container .pp_right {
|
||||
background: #fff;
|
||||
}
|
||||
div.light_rounded .pp_content {
|
||||
background-color: #fff;
|
||||
}
|
||||
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_previous.disabled {
|
||||
background-position: 0 -87px;
|
||||
cursor: default;
|
||||
}
|
||||
div.light_rounded .pp_arrow_next {
|
||||
background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px
|
||||
no-repeat;
|
||||
}
|
||||
div.light_rounded .pp_arrow_next.disabled {
|
||||
background-position: -22px -87px;
|
||||
cursor: default;
|
||||
}
|
||||
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_middle {
|
||||
background: #fff;
|
||||
}
|
||||
div.light_rounded .pp_bottom .pp_right {
|
||||
background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px
|
||||
no-repeat;
|
||||
}
|
||||
div.light_rounded .pp_loaderIcon {
|
||||
background: url(../images/prettyPhoto/light_rounded/loader.gif) center center
|
||||
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_middle {
|
||||
background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top
|
||||
left;
|
||||
}
|
||||
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_content {
|
||||
background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top
|
||||
left;
|
||||
}
|
||||
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 .currentTextHolder {
|
||||
color: #c4c4c4;
|
||||
}
|
||||
div.dark_rounded #pp_full_res .pp_inline,
|
||||
div.dark_rounded .pp_description {
|
||||
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_previous.disabled {
|
||||
background-position: 0 -87px;
|
||||
cursor: default;
|
||||
}
|
||||
div.dark_rounded .pp_arrow_next {
|
||||
background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px
|
||||
no-repeat;
|
||||
}
|
||||
div.dark_rounded .pp_arrow_next.disabled {
|
||||
background-position: -22px -87px;
|
||||
cursor: default;
|
||||
}
|
||||
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_middle {
|
||||
background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top
|
||||
left;
|
||||
}
|
||||
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_content,
|
||||
div.dark_square .pp_left,
|
||||
div.dark_square .pp_middle,
|
||||
div.dark_square .pp_right {
|
||||
background: #000;
|
||||
}
|
||||
div.dark_square .currentTextHolder {
|
||||
color: #c4c4c4;
|
||||
}
|
||||
div.dark_square .pp_description {
|
||||
color: #fff;
|
||||
margin: 0 85px 0 0;
|
||||
}
|
||||
div.dark_square .pp_gallery a.pp_arrow_next,
|
||||
div.dark_square .pp_gallery a.pp_arrow_previous,
|
||||
div.light_square .pp_gallery a.pp_arrow_next,
|
||||
div.light_square .pp_gallery a.pp_arrow_previous {
|
||||
margin-top: 12px !important;
|
||||
}
|
||||
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_full_res .pp_inline {
|
||||
color: #fff;
|
||||
}
|
||||
div.facebook #pp_full_res .pp_inline,
|
||||
div.facebook .pp_content .ppt,
|
||||
div.light_square #pp_full_res .pp_inline,
|
||||
div.light_square .pp_content .ppt {
|
||||
color: #000;
|
||||
}
|
||||
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_previous.disabled {
|
||||
background-position: 0 -87px;
|
||||
cursor: default;
|
||||
}
|
||||
div.dark_square .pp_arrow_next {
|
||||
background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px
|
||||
no-repeat;
|
||||
}
|
||||
div.dark_square .pp_arrow_next.disabled {
|
||||
background-position: -22px -87px;
|
||||
cursor: default;
|
||||
}
|
||||
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_content,
|
||||
div.light_square .pp_left,
|
||||
div.light_square .pp_middle,
|
||||
div.light_square .pp_right {
|
||||
background: #fff;
|
||||
}
|
||||
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_description {
|
||||
margin-right: 85px;
|
||||
}
|
||||
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_previous.disabled {
|
||||
background-position: 0 -87px;
|
||||
cursor: default;
|
||||
}
|
||||
div.light_square .pp_arrow_next {
|
||||
background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px
|
||||
no-repeat;
|
||||
}
|
||||
div.light_square .pp_arrow_next.disabled {
|
||||
background-position: -22px -87px;
|
||||
cursor: default;
|
||||
}
|
||||
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.light_square .pp_loaderIcon {
|
||||
background: url(../images/prettyPhoto/light_rounded/loader.gif) center center
|
||||
no-repeat;
|
||||
}
|
||||
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_content {
|
||||
background: #fff;
|
||||
}
|
||||
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: 0;
|
||||
}
|
||||
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_top {
|
||||
height: 20px;
|
||||
position: relative;
|
||||
}
|
||||
* html .pp_top {
|
||||
padding: 0 20px;
|
||||
}
|
||||
.pp_top .pp_left {
|
||||
height: 20px;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
width: 20px;
|
||||
}
|
||||
.pp_top .pp_middle {
|
||||
height: 20px;
|
||||
left: 20px;
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
}
|
||||
* html .pp_top .pp_middle {
|
||||
left: 0;
|
||||
position: static;
|
||||
}
|
||||
.pp_top .pp_right {
|
||||
height: 20px;
|
||||
left: auto;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 20px;
|
||||
}
|
||||
.pp_content {
|
||||
height: 40px;
|
||||
min-width: 40px;
|
||||
}
|
||||
* html .pp_content {
|
||||
width: 40px;
|
||||
}
|
||||
.pp_fade {
|
||||
display: none;
|
||||
}
|
||||
.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 {
|
||||
margin-left: 5px;
|
||||
width: 55px;
|
||||
}
|
||||
.pp_social .twitter {
|
||||
float: left;
|
||||
}
|
||||
.pp_nav {
|
||||
clear: right;
|
||||
float: left;
|
||||
margin: 3px 10px 0 0;
|
||||
}
|
||||
.pp_nav p {
|
||||
float: left;
|
||||
margin: 2px 4px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.pp_nav .pp_pause,
|
||||
.pp_nav .pp_play {
|
||||
float: left;
|
||||
margin-right: 4px;
|
||||
text-indent: -10000px;
|
||||
}
|
||||
a.pp_arrow_next,
|
||||
a.pp_arrow_previous {
|
||||
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 {
|
||||
position: relative;
|
||||
}
|
||||
.pp_gallery ul {
|
||||
float: left;
|
||||
height: 35px;
|
||||
margin: 0 0 0 5px;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.pp_gallery ul a {
|
||||
border: 1px solid #000;
|
||||
border: 1px solid rgba(0, 0, 0, 0.5);
|
||||
display: block;
|
||||
height: 33px;
|
||||
}
|
||||
.pp_gallery li.selected a,
|
||||
.pp_gallery ul a:hover {
|
||||
border-color: #fff;
|
||||
}
|
||||
.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)
|
||||
no-repeat;
|
||||
display: block;
|
||||
height: 33px;
|
||||
width: 50px;
|
||||
}
|
||||
.pp_gallery li.default a img {
|
||||
display: none;
|
||||
}
|
||||
a.pp_next,
|
||||
a.pp_previous {
|
||||
background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px
|
||||
10000px no-repeat;
|
||||
display: block;
|
||||
height: 100%;
|
||||
width: 49%;
|
||||
text-indent: -10000px;
|
||||
}
|
||||
.pp_gallery .pp_arrow_next,
|
||||
.pp_gallery .pp_arrow_previous {
|
||||
margin-top: 7px !important;
|
||||
}
|
||||
a.pp_next {
|
||||
float: right;
|
||||
}
|
||||
a.pp_previous {
|
||||
float: left;
|
||||
}
|
||||
a.pp_contract,
|
||||
a.pp_expand {
|
||||
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_bottom {
|
||||
height: 20px;
|
||||
position: relative;
|
||||
}
|
||||
* html .pp_bottom {
|
||||
padding: 0 20px;
|
||||
}
|
||||
.pp_bottom .pp_left {
|
||||
height: 20px;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
width: 20px;
|
||||
}
|
||||
.pp_bottom .pp_middle {
|
||||
height: 20px;
|
||||
left: 20px;
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
}
|
||||
* html .pp_bottom .pp_middle {
|
||||
left: 0;
|
||||
position: static;
|
||||
}
|
||||
.pp_bottom .pp_right {
|
||||
height: 20px;
|
||||
left: auto;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 20px;
|
||||
}
|
||||
.pp_loaderIcon {
|
||||
display: block;
|
||||
height: 24px;
|
||||
left: 50%;
|
||||
margin: -12px 0 0 -12px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 24px;
|
||||
}
|
||||
#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;
|
||||
margin: 0 0 5px 15px;
|
||||
z-index: 9999;
|
||||
}
|
||||
Reference in New Issue
Block a user