My First Web application .. a real shitty one
My First Web application .. a real shitty one
This commit is contained in:
Muhammad Anas Rashid committed
1 parent
610af7dff3
commit
34753111ed
106 files changed
+41611
No files matched your search
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 948 KiB |
Vendored
+6584
File diff suppressed because it is too large.
Load diff
Vendored
+5
@@ -0,0 +1,5 @@
|
||||
/*!
|
||||
* Bootstrap v3.3.4 (http://getbootstrap.com)
|
||||
* Copyright 2011-2015 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
*//*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff!important}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:befoLine truncated
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
@@ -0,0 +1,36 @@
|
||||
/*!
|
||||
* Start Bootstrap - Full Slider HTML Template (http://startbootstrap.com)
|
||||
* Code licensed under the Apache License v2.0.
|
||||
* For details, see http://www.apache.org/licenses/LICENSE-2.0.
|
||||
*/
|
||||
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.carousel,
|
||||
.item,
|
||||
.active {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.carousel-inner {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* Background images are set within the HTML using inline CSS, not here */
|
||||
|
||||
.fill {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-position: center;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
background-size: cover;
|
||||
-o-background-size: cover;
|
||||
}
|
||||
|
||||
footer {
|
||||
margin: 50px 0;
|
||||
}
|
||||
Vendored
+1225
File diff suppressed because it is too large.
Load diff
@@ -0,0 +1,9 @@
|
||||
body
|
||||
{
|
||||
background-image:url('backImg.jpg');
|
||||
}
|
||||
#owl-demo .item img{
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
@@ -0,0 +1,70 @@
|
||||
.logo {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 960px
|
||||
}
|
||||
.navi {
|
||||
width: 960px;
|
||||
background-color: rgba(240, 120, 184, 0);
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: inline;
|
||||
align-content: right;
|
||||
}
|
||||
|
||||
li {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
a {
|
||||
display: inline;
|
||||
width: 60px;
|
||||
margin:50,50,50,50;
|
||||
}
|
||||
|
||||
img{
|
||||
//width:150px;
|
||||
//height:150px;
|
||||
margin:5px;
|
||||
transition: 1s;
|
||||
}
|
||||
|
||||
#covercontent{
|
||||
background:rgba(182, 218, 255, 0.38);
|
||||
border-radius: 25px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
#content{
|
||||
|
||||
}
|
||||
|
||||
body {
|
||||
background-image: url(../view/back.jpg);
|
||||
//text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
|
||||
font-family: Georgia, serif;
|
||||
//color: white;
|
||||
//background: black;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 960px
|
||||
}
|
||||
|
||||
.footer {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 960px;
|
||||
//background-color: #111111;
|
||||
color: #cccccc;
|
||||
}
|
||||
|
||||
a {
|
||||
color: white;
|
||||
}
|
||||
@@ -0,0 +1,71 @@
|
||||
/*
|
||||
* Core Owl Carousel CSS File
|
||||
* v1.3.3
|
||||
*/
|
||||
|
||||
/* clearfix */
|
||||
.owl-carousel .owl-wrapper:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
line-height: 0;
|
||||
height: 0;
|
||||
}
|
||||
/* display none until init */
|
||||
.owl-carousel{
|
||||
/*display: none;*/
|
||||
position: relative;
|
||||
width: 100%;
|
||||
-ms-touch-action: pan-y;
|
||||
}
|
||||
.owl-carousel .owl-wrapper{
|
||||
/*display: none;*/
|
||||
position: relative;
|
||||
-webkit-transform: translate3d(0px, 0px, 0px);
|
||||
}
|
||||
.owl-carousel .owl-wrapper-outer{
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
.owl-carousel .owl-wrapper-outer.autoHeight{
|
||||
-webkit-transition: height 500ms ease-in-out;
|
||||
-moz-transition: height 500ms ease-in-out;
|
||||
-ms-transition: height 500ms ease-in-out;
|
||||
-o-transition: height 500ms ease-in-out;
|
||||
transition: height 500ms ease-in-out;
|
||||
}
|
||||
|
||||
.owl-carousel .owl-item{
|
||||
float: left;
|
||||
}
|
||||
.owl-controls .owl-page,
|
||||
.owl-controls .owl-buttons div{
|
||||
cursor: pointer;
|
||||
}
|
||||
.owl-controls {
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
/* mouse grab icon */
|
||||
.grabbing {
|
||||
cursor:url(grabbing.png) 8 8, move;
|
||||
}
|
||||
|
||||
/* fix */
|
||||
.owl-carousel .owl-wrapper,
|
||||
.owl-carousel .owl-item{
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
-ms-backface-visibility: hidden;
|
||||
-webkit-transform: translate3d(0,0,0);
|
||||
-moz-transform: translate3d(0,0,0);
|
||||
-ms-transform: translate3d(0,0,0);
|
||||
}
|
||||
|
||||
@@ -0,0 +1,79 @@
|
||||
/*
|
||||
* Owl Carousel Owl Demo Theme
|
||||
* v1.3.3
|
||||
*/
|
||||
|
||||
.owl-theme .owl-controls{
|
||||
margin-top: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* Styling Next and Prev buttons */
|
||||
|
||||
.owl-theme .owl-controls .owl-buttons div{
|
||||
color: #FFF;
|
||||
display: inline-block;
|
||||
zoom: 1;
|
||||
*display: inline;/*IE7 life-saver */
|
||||
margin: 5px;
|
||||
padding: 3px 10px;
|
||||
font-size: 12px;
|
||||
-webkit-border-radius: 30px;
|
||||
-moz-border-radius: 30px;
|
||||
border-radius: 30px;
|
||||
background: #869791;
|
||||
filter: Alpha(Opacity=50);/*IE7 fix*/
|
||||
opacity: 0.5;
|
||||
}
|
||||
/* Clickable class fix problem with hover on touch devices */
|
||||
/* Use it for non-touch hover action */
|
||||
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
|
||||
filter: Alpha(Opacity=100);/*IE7 fix*/
|
||||
opacity: 1;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* Styling Pagination*/
|
||||
|
||||
.owl-theme .owl-controls .owl-page{
|
||||
display: inline-block;
|
||||
zoom: 1;
|
||||
*display: inline;/*IE7 life-saver */
|
||||
}
|
||||
.owl-theme .owl-controls .owl-page span{
|
||||
display: block;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
margin: 5px 7px;
|
||||
filter: Alpha(Opacity=50);/*IE7 fix*/
|
||||
opacity: 0.5;
|
||||
-webkit-border-radius: 20px;
|
||||
-moz-border-radius: 20px;
|
||||
border-radius: 20px;
|
||||
background: #869791;
|
||||
}
|
||||
|
||||
.owl-theme .owl-controls .owl-page.active span,
|
||||
.owl-theme .owl-controls.clickable .owl-page:hover span{
|
||||
filter: Alpha(Opacity=100);/*IE7 fix*/
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* If PaginationNumbers is true */
|
||||
|
||||
.owl-theme .owl-controls .owl-page span.owl-numbers{
|
||||
height: auto;
|
||||
width: auto;
|
||||
color: #FFF;
|
||||
padding: 2px 10px;
|
||||
font-size: 12px;
|
||||
-webkit-border-radius: 30px;
|
||||
-moz-border-radius: 30px;
|
||||
border-radius: 30px;
|
||||
}
|
||||
|
||||
/* preloading images */
|
||||
.owl-item.loading{
|
||||
min-height: 150px;
|
||||
background: url(AjaxLoader.gif) no-repeat center center
|
||||
}
|
||||
@@ -0,0 +1,163 @@
|
||||
/*
|
||||
* Owl Carousel CSS3 Transitions
|
||||
* v1.3.2
|
||||
*/
|
||||
|
||||
.owl-origin {
|
||||
-webkit-perspective: 1200px;
|
||||
-webkit-perspective-origin-x : 50%;
|
||||
-webkit-perspective-origin-y : 50%;
|
||||
-moz-perspective : 1200px;
|
||||
-moz-perspective-origin-x : 50%;
|
||||
-moz-perspective-origin-y : 50%;
|
||||
perspective : 1200px;
|
||||
}
|
||||
/* fade */
|
||||
.owl-fade-out {
|
||||
z-index: 10;
|
||||
-webkit-animation: fadeOut .7s both ease;
|
||||
-moz-animation: fadeOut .7s both ease;
|
||||
animation: fadeOut .7s both ease;
|
||||
}
|
||||
.owl-fade-in {
|
||||
-webkit-animation: fadeIn .7s both ease;
|
||||
-moz-animation: fadeIn .7s both ease;
|
||||
animation: fadeIn .7s both ease;
|
||||
}
|
||||
/* backSlide */
|
||||
.owl-backSlide-out {
|
||||
-webkit-animation: backSlideOut 1s both ease;
|
||||
-moz-animation: backSlideOut 1s both ease;
|
||||
animation: backSlideOut 1s both ease;
|
||||
}
|
||||
.owl-backSlide-in {
|
||||
-webkit-animation: backSlideIn 1s both ease;
|
||||
-moz-animation: backSlideIn 1s both ease;
|
||||
animation: backSlideIn 1s both ease;
|
||||
}
|
||||
/* goDown */
|
||||
.owl-goDown-out {
|
||||
-webkit-animation: scaleToFade .7s ease both;
|
||||
-moz-animation: scaleToFade .7s ease both;
|
||||
animation: scaleToFade .7s ease both;
|
||||
}
|
||||
.owl-goDown-in {
|
||||
-webkit-animation: goDown .6s ease both;
|
||||
-moz-animation: goDown .6s ease both;
|
||||
animation: goDown .6s ease both;
|
||||
}
|
||||
/* scaleUp */
|
||||
.owl-fadeUp-in {
|
||||
-webkit-animation: scaleUpFrom .5s ease both;
|
||||
-moz-animation: scaleUpFrom .5s ease both;
|
||||
animation: scaleUpFrom .5s ease both;
|
||||
}
|
||||
|
||||
.owl-fadeUp-out {
|
||||
-webkit-animation: scaleUpTo .5s ease both;
|
||||
-moz-animation: scaleUpTo .5s ease both;
|
||||
animation: scaleUpTo .5s ease both;
|
||||
}
|
||||
/* Keyframes */
|
||||
/*empty*/
|
||||
@-webkit-keyframes empty {
|
||||
0% {opacity: 1}
|
||||
}
|
||||
@-moz-keyframes empty {
|
||||
0% {opacity: 1}
|
||||
}
|
||||
@keyframes empty {
|
||||
0% {opacity: 1}
|
||||
}
|
||||
@-webkit-keyframes fadeIn {
|
||||
0% { opacity:0; }
|
||||
100% { opacity:1; }
|
||||
}
|
||||
@-moz-keyframes fadeIn {
|
||||
0% { opacity:0; }
|
||||
100% { opacity:1; }
|
||||
}
|
||||
@keyframes fadeIn {
|
||||
0% { opacity:0; }
|
||||
100% { opacity:1; }
|
||||
}
|
||||
@-webkit-keyframes fadeOut {
|
||||
0% { opacity:1; }
|
||||
100% { opacity:0; }
|
||||
}
|
||||
@-moz-keyframes fadeOut {
|
||||
0% { opacity:1; }
|
||||
100% { opacity:0; }
|
||||
}
|
||||
@keyframes fadeOut {
|
||||
0% { opacity:1; }
|
||||
100% { opacity:0; }
|
||||
}
|
||||
@-webkit-keyframes backSlideOut {
|
||||
25% { opacity: .5; -webkit-transform: translateZ(-500px); }
|
||||
75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
|
||||
100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
|
||||
}
|
||||
@-moz-keyframes backSlideOut {
|
||||
25% { opacity: .5; -moz-transform: translateZ(-500px); }
|
||||
75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
|
||||
100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
|
||||
}
|
||||
@keyframes backSlideOut {
|
||||
25% { opacity: .5; transform: translateZ(-500px); }
|
||||
75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
|
||||
100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
|
||||
}
|
||||
@-webkit-keyframes backSlideIn {
|
||||
0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
|
||||
75% { opacity: .5; -webkit-transform: translateZ(-500px); }
|
||||
100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
|
||||
}
|
||||
@-moz-keyframes backSlideIn {
|
||||
0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
|
||||
75% { opacity: .5; -moz-transform: translateZ(-500px); }
|
||||
100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
|
||||
}
|
||||
@keyframes backSlideIn {
|
||||
0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
|
||||
75% { opacity: .5; transform: translateZ(-500px); }
|
||||
100% { opacity: 1; transform: translateZ(0) translateX(0); }
|
||||
}
|
||||
@-webkit-keyframes scaleToFade {
|
||||
to { opacity: 0; -webkit-transform: scale(.8); }
|
||||
}
|
||||
@-moz-keyframes scaleToFade {
|
||||
to { opacity: 0; -moz-transform: scale(.8); }
|
||||
}
|
||||
@keyframes scaleToFade {
|
||||
to { opacity: 0; transform: scale(.8); }
|
||||
}
|
||||
@-webkit-keyframes goDown {
|
||||
from { -webkit-transform: translateY(-100%); }
|
||||
}
|
||||
@-moz-keyframes goDown {
|
||||
from { -moz-transform: translateY(-100%); }
|
||||
}
|
||||
@keyframes goDown {
|
||||
from { transform: translateY(-100%); }
|
||||
}
|
||||
|
||||
@-webkit-keyframes scaleUpFrom {
|
||||
from { opacity: 0; -webkit-transform: scale(1.5); }
|
||||
}
|
||||
@-moz-keyframes scaleUpFrom {
|
||||
from { opacity: 0; -moz-transform: scale(1.5); }
|
||||
}
|
||||
@keyframes scaleUpFrom {
|
||||
from { opacity: 0; transform: scale(1.5); }
|
||||
}
|
||||
|
||||
@-webkit-keyframes scaleUpTo {
|
||||
to { opacity: 0; -webkit-transform: scale(1.5); }
|
||||
}
|
||||
@-moz-keyframes scaleUpTo {
|
||||
to { opacity: 0; -moz-transform: scale(1.5); }
|
||||
}
|
||||
@keyframes scaleUpTo {
|
||||
to { opacity: 0; transform: scale(1.5); }
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
@@ -0,0 +1,370 @@
|
||||
/*
|
||||
* generated by WOW Slider 8.6
|
||||
* template Fresh
|
||||
*/
|
||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans&subset=latin,cyrillic,latin-ext);
|
||||
#wowslider-container1 {
|
||||
display: table;
|
||||
zoom: 1;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
max-width: 640px;
|
||||
max-height:360px;
|
||||
margin:0px auto 0px;
|
||||
z-index:90;
|
||||
text-align:left; /* reset align=center */
|
||||
font-size: 10px;
|
||||
text-shadow: none; /* fix some user styles */
|
||||
|
||||
/* reset box-sizing (to boostrap friendly) */
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
* html #wowslider-container1{ width:640px }
|
||||
#wowslider-container1 .ws_images ul{
|
||||
position:relative;
|
||||
width: 10000%;
|
||||
height:100%;
|
||||
left:0;
|
||||
list-style:none;
|
||||
margin:0;
|
||||
padding:0;
|
||||
border-spacing:0;
|
||||
overflow: visible;
|
||||
/*table-layout:fixed;*/
|
||||
}
|
||||
#wowslider-container1 .ws_images ul li{
|
||||
position: relative;
|
||||
width:1%;
|
||||
height:100%;
|
||||
line-height:0; /*opera*/
|
||||
overflow: hidden;
|
||||
float:left;
|
||||
/*font-size:0;*/
|
||||
padding:0 0 0 0 !important;
|
||||
margin:0 0 0 0 !important;
|
||||
}
|
||||
|
||||
#wowslider-container1 .ws_images{
|
||||
position: relative;
|
||||
left:0;
|
||||
top:0;
|
||||
height:100%;
|
||||
max-height:360px;
|
||||
max-width: 640px;
|
||||
vertical-align: top;
|
||||
border:none;
|
||||
overflow: hidden;
|
||||
}
|
||||
#wowslider-container1 .ws_images ul a{
|
||||
width:100%;
|
||||
height:100%;
|
||||
max-height:360px;
|
||||
display:block;
|
||||
color:transparent;
|
||||
}
|
||||
#wowslider-container1 img{
|
||||
max-width: none !important;
|
||||
}
|
||||
#wowslider-container1 .ws_images .ws_list img,
|
||||
#wowslider-container1 .ws_images > div > img{
|
||||
width:100%;
|
||||
border:none 0;
|
||||
max-width: none;
|
||||
padding:0;
|
||||
margin:0;
|
||||
}
|
||||
#wowslider-container1 .ws_images > div > img {
|
||||
max-height:360px;
|
||||
}
|
||||
|
||||
#wowslider-container1 .ws_images iframe {
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
#wowslider-container1 .ws-title > div {
|
||||
display: inline-block !important;
|
||||
}
|
||||
|
||||
#wowslider-container1 a{
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
#wowslider-container1 .ws_bullets {
|
||||
float: left;
|
||||
position:absolute;
|
||||
z-index:70;
|
||||
}
|
||||
#wowslider-container1 .ws_bullets div{
|
||||
position:relative;
|
||||
float:left;
|
||||
font-size: 0px;
|
||||
}
|
||||
/* compatibility with Joomla styles */
|
||||
#wowslider-container1 .ws_bullets a {
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
#wowslider-container1 .ws_script{
|
||||
display:none;
|
||||
}
|
||||
#wowslider-container1 sound,
|
||||
#wowslider-container1 object{
|
||||
position:absolute;
|
||||
}
|
||||
|
||||
/* prevent some of users reset styles */
|
||||
#wowslider-container1 .ws_effect {
|
||||
position: static;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#wowslider-container1 .ws_photoItem {
|
||||
border: 2em solid #fff;
|
||||
margin-left: -2em;
|
||||
margin-top: -2em;
|
||||
}
|
||||
#wowslider-container1 .ws_cube_side {
|
||||
background: #A6A5A9;
|
||||
}
|
||||
|
||||
|
||||
#wowslider-container1.ws_gestures {
|
||||
cursor: -webkit-grab;
|
||||
cursor: -moz-grab;
|
||||
cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABwSURBVEjH7ZJBEsAgCAMT/v/n9NCOSqe2oD2yNx1JggB4BCEFWyFASP2KMQE7ywWhe/tTRGCGogLk02tFctiW/SUgaMyQG4PdPzDn31rQbMb8FiAXgvsEJNax1yVlVGAjA93apP3HFhZTGIqiKH7iADB6HxPlHdNVAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE0LTA3LTA3VDEzOjQ5OjEwKzAyOjAwm7WiFAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNC0wNy0wN1QxMzo0OToxMCswMjowMOroGqgAAAAASUVORK5CYII="), move;
|
||||
}
|
||||
#wowslider-container1.ws_gestures.ws_grabbing {
|
||||
cursor: -webkit-grabbing;
|
||||
cursor: -moz-grabbing;
|
||||
cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABaSURBVEjH7ZMxCkAhDEOT8u9/5TpJ+xWkFse8IYutJgEB8RCHL1qCc90BEFnT6QH7mwgFHBUf8wJyS1TDLuc3vmighx37LZdIth3E5hKj9n6O0HRh+oJCiFcMxRUUDxR1CTMAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMDctMDdUMTM6NDk6MzgrMDI6MDDqf+sOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTA3LTA3VDEzOjQ5OjM4KzAyOjAwmyJTsgAAAABJRU5ErkJggg=="), move;
|
||||
}
|
||||
|
||||
/* hide controls when video start play */
|
||||
#wowslider-container1.ws_video_playing .ws_bullets,
|
||||
#wowslider-container1.ws_video_playing .ws_fullscreen,
|
||||
#wowslider-container1.ws_video_playing .ws_next,
|
||||
#wowslider-container1.ws_video_playing .ws_prev {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
/* youtube/vimeo buttons */
|
||||
#wowslider-container1 .ws_video_btn {
|
||||
position: absolute;
|
||||
display: none;
|
||||
cursor: pointer;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 55;
|
||||
}
|
||||
#wowslider-container1 .ws_video_btn.ws_youtube,
|
||||
#wowslider-container1 .ws_video_btn.ws_vimeo {
|
||||
display: block;
|
||||
}
|
||||
#wowslider-container1 .ws_video_btn div {
|
||||
position: absolute;
|
||||
background-image: url(./playvideo.png);
|
||||
background-size: 200%;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 7em;
|
||||
height: 5em;
|
||||
margin-left: -3.5em;
|
||||
margin-top: -2.5em;
|
||||
}
|
||||
#wowslider-container1 .ws_video_btn.ws_youtube div {
|
||||
background-position: 0 0;
|
||||
}
|
||||
#wowslider-container1 .ws_video_btn.ws_youtube:hover div {
|
||||
background-position: 100% 0;
|
||||
}
|
||||
#wowslider-container1 .ws_video_btn.ws_vimeo div {
|
||||
background-position: 0 100%;
|
||||
}
|
||||
#wowslider-container1 .ws_video_btn.ws_vimeo:hover div {
|
||||
background-position: 100% 100%;
|
||||
}
|
||||
|
||||
#wowslider-container1 .ws_playpause.ws_hide {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
#wowslider-container1 .ws_bullets {
|
||||
padding: 9px;
|
||||
}
|
||||
#wowslider-container1 .ws_bullets a {
|
||||
width:10px;
|
||||
height:10px;
|
||||
background: url(./bullet.png) left top;
|
||||
float: left;
|
||||
text-indent: -4000px;
|
||||
position:relative;
|
||||
margin-left:5px;
|
||||
color:transparent;
|
||||
}
|
||||
#wowslider-container1 .ws_bullets a:hover, #wowslider-container1 .ws_bullets a.ws_selbull{
|
||||
background-position: 0 100%;
|
||||
}
|
||||
#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
|
||||
position:absolute;
|
||||
top:50%;
|
||||
margin-top:-1.3em;
|
||||
z-index:60;
|
||||
height: 2.7em;
|
||||
width: 2.7em;
|
||||
background-image: url(./arrows.png);
|
||||
background-size: 200%;
|
||||
}
|
||||
#wowslider-container1 a.ws_next{
|
||||
background-position: 100% 0;
|
||||
right:1em;
|
||||
}
|
||||
#wowslider-container1 a.ws_prev {
|
||||
background-position: 0 0;
|
||||
left:1em;
|
||||
}
|
||||
|
||||
/*playpause*/
|
||||
#wowslider-container1 .ws_playpause {
|
||||
width: 2.7em;
|
||||
height: 2.7em;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-left: -1.3em;
|
||||
margin-top: -1.3em;
|
||||
z-index: 59;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
#wowslider-container1 .ws_pause {
|
||||
background-image: url(./pause.png);
|
||||
}
|
||||
|
||||
#wowslider-container1 .ws_play {
|
||||
background-image: url(./play.png);
|
||||
}
|
||||
|
||||
#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
|
||||
background-position: 100% 100% !important;
|
||||
}/* bottom center */
|
||||
#wowslider-container1 .ws_bullets {
|
||||
bottom: 0px;
|
||||
left:50%;
|
||||
}
|
||||
#wowslider-container1 .ws_bullets div{
|
||||
left:-50%;
|
||||
}
|
||||
#wowslider-container1 .ws-title{
|
||||
position:absolute;
|
||||
display:block;
|
||||
font: 2em 'Open Sans', sans-serif;
|
||||
bottom: 0.7em;
|
||||
left: 0.5em;
|
||||
margin-right: 0.5em;
|
||||
color:#fff;
|
||||
z-index: 50;
|
||||
line-height: 1em;
|
||||
font-weight: bold;
|
||||
}
|
||||
#wowslider-container1 .ws-title div,#wowslider-container1 .ws-title span{
|
||||
display:inline-block;
|
||||
padding:0.4em 0.5em;
|
||||
background:#559674;
|
||||
}
|
||||
#wowslider-container1 .ws-title div{
|
||||
display:block;
|
||||
margin-top:0;
|
||||
font-size: 0.7em;
|
||||
line-height: 1.15em;
|
||||
padding:0.6em 0.7em;
|
||||
font-weight: normal;
|
||||
background:#fff;
|
||||
color:#888888;
|
||||
}#wowslider-container1 .ws_images > ul{
|
||||
animation: wsBasic 32s infinite;
|
||||
-moz-animation: wsBasic 32s infinite;
|
||||
-webkit-animation: wsBasic 32s infinite;
|
||||
}
|
||||
@keyframes wsBasic{0%{left:-0%} 6.25%{left:-0%} 12.5%{left:-100%} 18.75%{left:-100%} 25%{left:-200%} 31.25%{left:-200%} 37.5%{left:-300%} 43.75%{left:-300%} 50%{left:-400%} 56.25%{left:-400%} 62.5%{left:-500%} 68.75%{left:-500%} 75%{left:-600%} 81.25%{left:-600%} 87.5%{left:-700%} 93.75%{left:-700%} }
|
||||
@-moz-keyframes wsBasic{0%{left:-0%} 6.25%{left:-0%} 12.5%{left:-100%} 18.75%{left:-100%} 25%{left:-200%} 31.25%{left:-200%} 37.5%{left:-300%} 43.75%{left:-300%} 50%{left:-400%} 56.25%{left:-400%} 62.5%{left:-500%} 68.75%{left:-500%} 75%{left:-600%} 81.25%{left:-600%} 87.5%{left:-700%} 93.75%{left:-700%} }
|
||||
@-webkit-keyframes wsBasic{0%{left:-0%} 6.25%{left:-0%} 12.5%{left:-100%} 18.75%{left:-100%} 25%{left:-200%} 31.25%{left:-200%} 37.5%{left:-300%} 43.75%{left:-300%} 50%{left:-400%} 56.25%{left:-400%} 62.5%{left:-500%} 68.75%{left:-500%} 75%{left:-600%} 81.25%{left:-600%} 87.5%{left:-700%} 93.75%{left:-700%} }
|
||||
|
||||
#wowslider-container1 .ws_images img, #wowslider-container1 .ws_effect img, #wowslider-container1 .ws_effect>* {
|
||||
border-radius: 6px;
|
||||
-moz-border-radius:6px;
|
||||
-webkit-border-radius:6px;
|
||||
}
|
||||
#wowslider-container1 .ws_bullets a img{
|
||||
text-indent:0;
|
||||
display:block;
|
||||
bottom:20px;
|
||||
left:-43px;
|
||||
visibility:hidden;
|
||||
position:absolute;
|
||||
border: 4px solid #FFF;
|
||||
border-radius:6px;
|
||||
-moz-border-radius:6px;
|
||||
-webkit-border-radius:6px;
|
||||
max-width:none;
|
||||
}
|
||||
#wowslider-container1 .ws_bullets a:hover img{
|
||||
visibility:visible;
|
||||
}
|
||||
|
||||
#wowslider-container1 .ws_bulframe div div{
|
||||
height:48px;
|
||||
overflow:visible;
|
||||
position:relative;
|
||||
}
|
||||
#wowslider-container1 .ws_bulframe div {
|
||||
left:0;
|
||||
overflow:hidden;
|
||||
position:relative;
|
||||
width:85px;
|
||||
background-color:#FFF;
|
||||
}
|
||||
#wowslider-container1 .ws_bullets .ws_bulframe{
|
||||
display:none;
|
||||
bottom:18px;
|
||||
overflow:visible;
|
||||
position:absolute;
|
||||
cursor:pointer;
|
||||
border: 4px solid #FFF;
|
||||
border-radius:6px;
|
||||
-moz-border-radius:6px;
|
||||
-webkit-border-radius:6px;
|
||||
}
|
||||
#wowslider-container1 .ws_bulframe span{
|
||||
display:block;
|
||||
position:absolute;
|
||||
bottom:-10px;
|
||||
margin-left:-6px;
|
||||
left:43px;
|
||||
background:url(./triangle.png);
|
||||
width:15px;
|
||||
height:6px;
|
||||
}#wowslider-container1 .ws_bulframe div div{
|
||||
height: auto;
|
||||
}
|
||||
|
||||
@media all and (max-width:760px) {
|
||||
#wowslider-container1 .ws_fullscreen {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
@media all and (max-width:400px){
|
||||
#wowslider-container1 .ws_controls,
|
||||
#wowslider-container1 .ws_bullets,
|
||||
#wowslider-container1 .ws_thumbs{
|
||||
display: none
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,86 @@
|
||||
#wowslider-container1 .ws_hovershow {
|
||||
/*display: none !important; */
|
||||
opacity: 0;
|
||||
-webkit-transition:opacity 0.2s ease-in;
|
||||
-moz-transition:opacity 0.2s ease-in;
|
||||
-o-transition:opacity 0.2s ease-in;
|
||||
transition:opacity 0.2s ease-in;
|
||||
}
|
||||
|
||||
#wowslider-container1:hover .ws_hovershow {
|
||||
/*display: block !important;*/
|
||||
opacity: 1;
|
||||
-webkit-transition:opacity 0.2s ease-in;
|
||||
-moz-transition:opacity 0.2s ease-in;
|
||||
-o-transition:opacity 0.2s ease-in;
|
||||
transition:opacity 0.2s ease-in;
|
||||
}
|
||||
|
||||
/*playpause*/
|
||||
#wowslider-container1 .ws_playpause {
|
||||
width: 18px;
|
||||
height: 28px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-left: -9px;
|
||||
margin-top: -14px;
|
||||
z-index: 59;
|
||||
}
|
||||
|
||||
#wowslider-container1 .pause {
|
||||
background-image: url(./pause.png);
|
||||
}
|
||||
|
||||
#wowslider-container1 .play {
|
||||
background-image: url(./play.png);
|
||||
}
|
||||
|
||||
#wowslider-container1 .pause:hover, #wowslider-container1 .play:hover {
|
||||
background-position: 100% 100% !important;
|
||||
}
|
||||
|
||||
#wowslider-container1 .ws_fullscreen {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
left: 15px;
|
||||
margin-left: -9px;
|
||||
margin-top: -14px;
|
||||
z-index: 59;
|
||||
background-image: url(./fullscreen.png);
|
||||
}
|
||||
|
||||
div#ws_fullscreen:-moz-full-screen #wowslider-container1 {
|
||||
width: 95% !important;
|
||||
max-width: 100% !important;
|
||||
max-height: inherit;
|
||||
}
|
||||
|
||||
div#ws_fullscreen:-webkit-full-screen #wowslider-container1 {
|
||||
width: 95% !important;
|
||||
max-width: 100% !important;
|
||||
max-height: inherit;
|
||||
}
|
||||
|
||||
div#ws_fullscreen:fullscreen #wowslider-container1 {
|
||||
width: 95% !important;
|
||||
max-width: 100% !important;
|
||||
max-height: inherit;
|
||||
}
|
||||
|
||||
div#ws_fullscreen:-moz-full-screen {
|
||||
background-color: #000;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
div#ws_fullscreen:-webkit-full-screen {
|
||||
background-color: #000;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
div#ws_fullscreen:fullscreen {
|
||||
background-color: #000;
|
||||
height: 100%;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 315 B |
Reference in new issue
Block a user