10 changed files with 7511 additions and 0 deletions
Split View
Diff Options
-
+3181 -0style-transform-master/style-transform-master/html/css/animate.css
-
+6 -0style-transform-master/style-transform-master/html/css/bootstrap.min.css
-
+216 -0style-transform-master/style-transform-master/html/css/color.css
-
+375 -0style-transform-master/style-transform-master/html/css/magnific-popup.css
-
+424 -0style-transform-master/style-transform-master/html/css/normalize.css
-
+71 -0style-transform-master/style-transform-master/html/css/owl.carousel.css
-
+79 -0style-transform-master/style-transform-master/html/css/owl.theme.css
-
+163 -0style-transform-master/style-transform-master/html/css/owl.transitions.css
-
+827 -0style-transform-master/style-transform-master/html/css/slider-pro.css
-
+2169 -0style-transform-master/style-transform-master/html/css/style.css
+ 3181
- 0
style-transform-master/style-transform-master/html/css/animate.css
File diff suppressed because it is too large
View File
+ 6
- 0
style-transform-master/style-transform-master/html/css/bootstrap.min.css
File diff suppressed because it is too large
View File
+ 216
- 0
style-transform-master/style-transform-master/html/css/color.css
View File
| @ -0,0 +1,216 @@ | |||
| /* ++++++++++++ | |||
| COLOR STYLE | |||
| ++++++++++++ */ | |||
| span.highlight-texts{ | |||
| color: #FFF; | |||
| } | |||
| span.highlight-text{ | |||
| color: #111; | |||
| } | |||
| span.highlight-text-inverted{ | |||
| color: #fff; | |||
| } | |||
| .button-solid{ | |||
| background-color: #111111; | |||
| } | |||
| .button-solid:hover{ | |||
| } | |||
| .button-outline-light:hover{ | |||
| background-color: #111111; | |||
| } | |||
| .button-outline-dark:hover{ | |||
| background-color: #111111; | |||
| } | |||
| .button-outline-round-dark:hover{ | |||
| background-color: #111111; | |||
| } | |||
| .btn-round{ | |||
| background-color: #111111; | |||
| } | |||
| .btn-round:hover{ | |||
| } | |||
| .button-outline-round:hover{ | |||
| } | |||
| .blurb-icon-only i{ | |||
| color: #111111; | |||
| } | |||
| .blurb-icon-only h3{ | |||
| color: #111111 | |||
| } | |||
| .blurb-round-icon:hover .icon{ | |||
| background-color: #111111; | |||
| } | |||
| .blurb-icon-left-square .icon:hover { | |||
| background-color: #111111; | |||
| } | |||
| .blurb-round-icon:hover h3{ | |||
| color: #FFF; | |||
| } | |||
| .blurb-icon-left-square:hover .blurb-text h3{ | |||
| color: #111111; | |||
| } | |||
| .blurb-icon-left-square:hover .blurb-text h3:after{ | |||
| background-color: #111111; | |||
| } | |||
| .main-menu .navbar-nav li a:hover, | |||
| .main-menu .navbar-nav li.active a{ | |||
| color: #c3c3c3; | |||
| } | |||
| .black-ed p{ | |||
| color:#111; | |||
| } | |||
| .slider .sp-selected-button { | |||
| background-color: #FFF; | |||
| } | |||
| .member-details h3{ | |||
| color: #111111; | |||
| } | |||
| #scrollUp:hover { | |||
| background-color: #111111; | |||
| } | |||
| /* --------- Featured Work ---------- */ | |||
| .port-work-details .port-work-desc p a:hover{ | |||
| color: #111111; | |||
| } | |||
| .port-work-details .port-work-desc h3{ | |||
| color: #111111; | |||
| } | |||
| .port-work-details .port-work-desc .like-btn a:hover{ | |||
| color: #111111; | |||
| } | |||
| .port-work-details .port-work-desc .like-btn a:hover i{ | |||
| color: #111111; | |||
| } | |||
| .work-meta a { | |||
| color: #111111; | |||
| font-size: 45px; | |||
| padding-top: 35px; | |||
| } | |||
| /* --------- Portfolio Style -----------*/ | |||
| .portfolio-filter-btn-group ul li a.selected{ | |||
| background-color: #089EF5; | |||
| } | |||
| .portfolio-item .portfolio-details h3{ | |||
| color: #111111; | |||
| } | |||
| .portfolio-item .portfolio-details p a:hover{ | |||
| color: #111111; | |||
| } | |||
| .portfolio-btn-wrapper a.portfolio-btn:hover{ | |||
| color: #ffffff; | |||
| background-color: #111111; | |||
| border: 2px solid transparent; | |||
| } | |||
| .portfolio-details .portfolio-meta-btn ul li:hover { | |||
| } | |||
| .blurb-round-icon:hover { | |||
| background-color: #323232; | |||
| } | |||
| .blurb-round-icon:hover .blurb-round-icon p:before{ | |||
| color: #FFF !important; | |||
| } | |||
| .portfolio-filter-btn-group ul li a { | |||
| border: 1px solid #089EF5; | |||
| margin: 2px; | |||
| color: #089EF5; | |||
| } | |||
| .custom-sec-text ul li i{ | |||
| color: #111111; | |||
| } | |||
| .process-item:hover h3{ | |||
| color: #111111; | |||
| } | |||
| .pricing-titles { | |||
| background-color: #111111; | |||
| padding: 20px; | |||
| padding-top: 40px; | |||
| } | |||
| .pricing-plans a.signup-btn { | |||
| background-color: #111111; | |||
| } | |||
| .pricing-plans a.signup-btn:hover{ | |||
| opacity: 0.6; | |||
| } | |||
| .owl-theme .owl-controls .owl-page span { | |||
| border: 1px solid #111111; | |||
| } | |||
| .owl-theme .owl-controls .owl-page.active span { | |||
| background-color: #111111; | |||
| } | |||
| .footer-social-info li:hover { | |||
| background-color: #111111; | |||
| } | |||
| /* ------- Contact Style ------ */ | |||
| .contact-section .contact-form input[type="submit"] { | |||
| background-color: #111111; | |||
| } | |||
| .contact-section .contact-form input[type="submit"]:hover { | |||
| opacity: 0.6; | |||
| } | |||
| .contact-section .contact-address ul li i { | |||
| background-color: #111111; | |||
| } | |||
| .contact-details i { | |||
| color: #111111; | |||
| } | |||
| .hoverer:hover .pricing-titles{ | |||
| background-color: #c9c9c9; | |||
| } | |||
| .hoverer:hover .pricing-titles h2{ | |||
| color: #111; | |||
| } | |||
| .hoverer:hover .pricing-service-name{ | |||
| background-color: #F0F0F0; | |||
| } | |||
| .hoverer:hover .bg-btn { | |||
| background-color:#F0F0F0; | |||
| } | |||
| .hoverer:hover .pricing-service-name ul li{ | |||
| color:#111; | |||
| } | |||
+ 375
- 0
style-transform-master/style-transform-master/html/css/magnific-popup.css
View File
| @ -0,0 +1,375 @@ | |||
| /* Magnific Popup CSS */ | |||
| .mfp-bg { | |||
| top: 0; | |||
| left: 0; | |||
| width: 100%; | |||
| height: 100%; | |||
| z-index: 1042; | |||
| overflow: hidden; | |||
| position: fixed; | |||
| background: #0b0b0b; | |||
| opacity: 0.8; | |||
| filter: alpha(opacity=80); } | |||
| .mfp-wrap { | |||
| top: 0; | |||
| left: 0; | |||
| width: 100%; | |||
| height: 100%; | |||
| z-index: 1043; | |||
| position: fixed; | |||
| outline: none !important; | |||
| -webkit-backface-visibility: hidden; } | |||
| .mfp-container { | |||
| text-align: center; | |||
| position: absolute; | |||
| width: 100%; | |||
| height: 100%; | |||
| left: 0; | |||
| top: 0; | |||
| padding: 0 8px; | |||
| -webkit-box-sizing: border-box; | |||
| -moz-box-sizing: border-box; | |||
| box-sizing: border-box; } | |||
| .mfp-container:before { | |||
| content: ''; | |||
| display: inline-block; | |||
| height: 100%; | |||
| vertical-align: middle; } | |||
| .mfp-align-top .mfp-container:before { | |||
| display: none; } | |||
| .mfp-content { | |||
| position: relative; | |||
| display: inline-block; | |||
| vertical-align: middle; | |||
| margin: 0 auto; | |||
| text-align: left; | |||
| z-index: 1045; } | |||
| .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { | |||
| width: 100%; | |||
| cursor: auto; } | |||
| .mfp-ajax-cur { | |||
| cursor: progress; } | |||
| .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { | |||
| cursor: -moz-zoom-out; | |||
| cursor: -webkit-zoom-out; | |||
| cursor: auto; | |||
| } | |||
| .mfp-zoom { | |||
| cursor: pointer; | |||
| cursor: -webkit-zoom-in; | |||
| cursor: -moz-zoom-in; | |||
| cursor: zoom-in; } | |||
| .mfp-auto-cursor .mfp-content { | |||
| cursor: auto; } | |||
| .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { | |||
| -webkit-user-select: none; | |||
| -moz-user-select: none; | |||
| user-select: none; } | |||
| .mfp-loading.mfp-figure { | |||
| display: none; } | |||
| .mfp-hide { | |||
| display: none !important; } | |||
| .mfp-preloader { | |||
| color: #CCC; | |||
| position: absolute; | |||
| top: 50%; | |||
| width: auto; | |||
| text-align: center; | |||
| margin-top: -0.8em; | |||
| left: 8px; | |||
| right: 8px; | |||
| z-index: 1044; } | |||
| .mfp-preloader a { | |||
| color: #CCC; } | |||
| .mfp-preloader a:hover { | |||
| color: #FFF; } | |||
| .mfp-s-ready .mfp-preloader { | |||
| display: none; } | |||
| .mfp-s-error .mfp-content { | |||
| display: none; } | |||
| button.mfp-close, button.mfp-arrow { | |||
| overflow: visible; | |||
| cursor: pointer; | |||
| background: transparent; | |||
| border: 0; | |||
| -webkit-appearance: none; | |||
| display: block; | |||
| outline: none; | |||
| padding: 0; | |||
| z-index: 1046; | |||
| -webkit-box-shadow: none; | |||
| box-shadow: none; } | |||
| button::-moz-focus-inner { | |||
| padding: 0; | |||
| border: 0; } | |||
| .mfp-close { | |||
| width: 44px; | |||
| height: 44px; | |||
| line-height: 44px; | |||
| position: absolute; | |||
| right: 0; | |||
| top: 0; | |||
| text-decoration: none; | |||
| text-align: center; | |||
| opacity: 0.65; | |||
| filter: alpha(opacity=65); | |||
| padding: 0 0 18px 10px; | |||
| color: #FFF; | |||
| font-style: normal; | |||
| font-size: 28px; | |||
| font-family: Arial, Baskerville, monospace; } | |||
| .mfp-close:hover, .mfp-close:focus { | |||
| opacity: 1; | |||
| filter: alpha(opacity=100); } | |||
| .mfp-close:active { | |||
| top: 1px; } | |||
| .mfp-close-btn-in .mfp-close { | |||
| color: #333; } | |||
| .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { | |||
| color: #FFF; | |||
| right: -6px; | |||
| text-align: right; | |||
| padding-right: 6px; | |||
| width: 100%; } | |||
| .mfp-counter { | |||
| position: absolute; | |||
| top: 0; | |||
| right: 0; | |||
| color: #CCC; | |||
| font-size: 12px; | |||
| line-height: 18px; | |||
| white-space: nowrap; } | |||
| .mfp-arrow { | |||
| position: absolute; | |||
| opacity: 0.65; | |||
| filter: alpha(opacity=65); | |||
| margin: 0; | |||
| top: 50%; | |||
| margin-top: -55px; | |||
| padding: 0; | |||
| width: 90px; | |||
| height: 110px; | |||
| -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } | |||
| .mfp-arrow:active { | |||
| margin-top: -54px; } | |||
| .mfp-arrow:hover, .mfp-arrow:focus { | |||
| opacity: 1; | |||
| filter: alpha(opacity=100); } | |||
| .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { | |||
| content: ''; | |||
| display: block; | |||
| width: 0; | |||
| height: 0; | |||
| position: absolute; | |||
| left: 0; | |||
| top: 0; | |||
| margin-top: 35px; | |||
| margin-left: 35px; | |||
| border: medium inset transparent; } | |||
| .mfp-arrow:after, .mfp-arrow .mfp-a { | |||
| border-top-width: 13px; | |||
| border-bottom-width: 13px; | |||
| top: 8px; } | |||
| .mfp-arrow:before, .mfp-arrow .mfp-b { | |||
| border-top-width: 21px; | |||
| border-bottom-width: 21px; | |||
| opacity: 0.7; } | |||
| .mfp-arrow-left { | |||
| left: 0; } | |||
| .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { | |||
| border-right: 17px solid #FFF; | |||
| margin-left: 31px; } | |||
| .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { | |||
| margin-left: 25px; | |||
| border-right: 27px solid #3F3F3F; } | |||
| .mfp-arrow-right { | |||
| right: 0; } | |||
| .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { | |||
| border-left: 17px solid #FFF; | |||
| margin-left: 39px; } | |||
| .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { | |||
| border-left: 27px solid #3F3F3F; } | |||
| .mfp-iframe-holder { | |||
| padding-top: 40px; | |||
| padding-bottom: 40px; } | |||
| .mfp-iframe-holder .mfp-content { | |||
| line-height: 0; | |||
| width: 100%; | |||
| max-width: 900px; } | |||
| .mfp-iframe-holder .mfp-close { | |||
| top: -40px; } | |||
| .mfp-iframe-scaler { | |||
| width: 100%; | |||
| height: 0; | |||
| overflow: hidden; | |||
| padding-top: 56.25%; } | |||
| .mfp-iframe-scaler iframe { | |||
| position: absolute; | |||
| display: block; | |||
| top: 0; | |||
| left: 0; | |||
| width: 100%; | |||
| height: 100%; | |||
| box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); | |||
| background: #000; } | |||
| /* Main image in popup */ | |||
| img.mfp-img { | |||
| width: auto; | |||
| max-width: 100%; | |||
| height: auto; | |||
| display: block; | |||
| line-height: 0; | |||
| -webkit-box-sizing: border-box; | |||
| -moz-box-sizing: border-box; | |||
| box-sizing: border-box; | |||
| padding: 40px 0 40px; | |||
| margin: 0 auto; } | |||
| /* The shadow behind the image */ | |||
| .mfp-figure { | |||
| line-height: 0; } | |||
| .mfp-figure:after { | |||
| content: ''; | |||
| position: absolute; | |||
| left: 0; | |||
| top: 40px; | |||
| bottom: 40px; | |||
| display: block; | |||
| right: 0; | |||
| width: auto; | |||
| height: auto; | |||
| z-index: -1; | |||
| box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); | |||
| background: #444; } | |||
| .mfp-figure small { | |||
| color: #BDBDBD; | |||
| display: block; | |||
| font-size: 12px; | |||
| line-height: 14px; } | |||
| .mfp-figure figure { | |||
| margin: 0; } | |||
| .mfp-bottom-bar { | |||
| margin-top: -36px; | |||
| position: absolute; | |||
| top: 100%; | |||
| left: 0; | |||
| width: 100%; | |||
| cursor: auto; } | |||
| .mfp-title { | |||
| text-align: left; | |||
| line-height: 18px; | |||
| color: #F3F3F3; | |||
| word-wrap: break-word; | |||
| padding-right: 36px; } | |||
| .mfp-image-holder .mfp-content { | |||
| max-width: 100%; } | |||
| .mfp-gallery .mfp-image-holder .mfp-figure { | |||
| cursor: pointer; } | |||
| @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { | |||
| /** | |||
| * Remove all paddings around the image on small screen | |||
| */ | |||
| .mfp-img-mobile .mfp-image-holder { | |||
| padding-left: 0; | |||
| padding-right: 0; } | |||
| .mfp-img-mobile img.mfp-img { | |||
| padding: 0; } | |||
| .mfp-img-mobile .mfp-figure:after { | |||
| top: 0; | |||
| bottom: 0; } | |||
| .mfp-img-mobile .mfp-figure small { | |||
| display: inline; | |||
| margin-left: 5px; } | |||
| .mfp-img-mobile .mfp-bottom-bar { | |||
| background: rgba(0, 0, 0, 0.6); | |||
| bottom: 0; | |||
| margin: 0; | |||
| top: auto; | |||
| padding: 3px 5px; | |||
| position: fixed; | |||
| -webkit-box-sizing: border-box; | |||
| -moz-box-sizing: border-box; | |||
| box-sizing: border-box; } | |||
| .mfp-img-mobile .mfp-bottom-bar:empty { | |||
| padding: 0; } | |||
| .mfp-img-mobile .mfp-counter { | |||
| right: 5px; | |||
| top: 3px; } | |||
| .mfp-img-mobile .mfp-close { | |||
| top: 0; | |||
| right: 0; | |||
| width: 35px; | |||
| height: 35px; | |||
| line-height: 35px; | |||
| background: rgba(0, 0, 0, 0.6); | |||
| position: fixed; | |||
| text-align: center; | |||
| padding: 0; } | |||
| } | |||
| @media all and (max-width: 900px) { | |||
| .mfp-arrow { | |||
| -webkit-transform: scale(0.75); | |||
| transform: scale(0.75); } | |||
| .mfp-arrow-left { | |||
| -webkit-transform-origin: 0; | |||
| transform-origin: 0; } | |||
| .mfp-arrow-right { | |||
| -webkit-transform-origin: 100%; | |||
| transform-origin: 100%; } | |||
| .mfp-container { | |||
| padding-left: 6px; | |||
| padding-right: 6px; } | |||
| } | |||
| .mfp-ie7 .mfp-img { | |||
| padding: 0; } | |||
| .mfp-ie7 .mfp-bottom-bar { | |||
| width: 600px; | |||
| left: 50%; | |||
| margin-left: -300px; | |||
| margin-top: 5px; | |||
| padding-bottom: 5px; } | |||
| .mfp-ie7 .mfp-container { | |||
| padding: 0; } | |||
| .mfp-ie7 .mfp-content { | |||
| padding-top: 44px; } | |||
| .mfp-ie7 .mfp-close { | |||
| top: 0; | |||
| right: 0; | |||
| padding-top: 0; } | |||
+ 424
- 0
style-transform-master/style-transform-master/html/css/normalize.css
View File
| @ -0,0 +1,424 @@ | |||
| /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ | |||
| /** | |||
| * 1. Set default font family to sans-serif. | |||
| * 2. Prevent iOS and IE text size adjust after device orientation change, | |||
| * without disabling user zoom. | |||
| */ | |||
| html { | |||
| font-family: sans-serif; /* 1 */ | |||
| -ms-text-size-adjust: 100%; /* 2 */ | |||
| -webkit-text-size-adjust: 100%; /* 2 */ | |||
| } | |||
| /** | |||
| * Remove default margin. | |||
| */ | |||
| body { | |||
| margin: 0; | |||
| } | |||
| /* HTML5 display definitions | |||
| ========================================================================== */ | |||
| /** | |||
| * Correct `block` display not defined for any HTML5 element in IE 8/9. | |||
| * Correct `block` display not defined for `details` or `summary` in IE 10/11 | |||
| * and Firefox. | |||
| * Correct `block` display not defined for `main` in IE 11. | |||
| */ | |||
| article, | |||
| aside, | |||
| details, | |||
| figcaption, | |||
| figure, | |||
| footer, | |||
| header, | |||
| hgroup, | |||
| main, | |||
| menu, | |||
| nav, | |||
| section, | |||
| summary { | |||
| display: block; | |||
| } | |||
| /** | |||
| * 1. Correct `inline-block` display not defined in IE 8/9. | |||
| * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. | |||
| */ | |||
| audio, | |||
| canvas, | |||
| progress, | |||
| video { | |||
| display: inline-block; /* 1 */ | |||
| vertical-align: baseline; /* 2 */ | |||
| } | |||
| /** | |||
| * Prevent modern browsers from displaying `audio` without controls. | |||
| * Remove excess height in iOS 5 devices. | |||
| */ | |||
| audio:not([controls]) { | |||
| display: none; | |||
| height: 0; | |||
| } | |||
| /** | |||
| * Address `[hidden]` styling not present in IE 8/9/10. | |||
| * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. | |||
| */ | |||
| [hidden], | |||
| template { | |||
| display: none; | |||
| } | |||
| /* Links | |||
| ========================================================================== */ | |||
| /** | |||
| * Remove the gray background color from active links in IE 10. | |||
| */ | |||
| a { | |||
| background-color: transparent; | |||
| } | |||
| /** | |||
| * Improve readability of focused elements when they are also in an | |||
| * active/hover state. | |||
| */ | |||
| a:active, | |||
| a:hover { | |||
| outline: 0; | |||
| } | |||
| /* Text-level semantics | |||
| ========================================================================== */ | |||
| /** | |||
| * Address styling not present in IE 8/9/10/11, Safari, and Chrome. | |||
| */ | |||
| abbr[title] { | |||
| border-bottom: 1px dotted; | |||
| } | |||
| /** | |||
| * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. | |||
| */ | |||
| b, | |||
| strong { | |||
| font-weight: bold; | |||
| } | |||
| /** | |||
| * Address styling not present in Safari and Chrome. | |||
| */ | |||
| dfn { | |||
| font-style: italic; | |||
| } | |||
| /** | |||
| * Address variable `h1` font-size and margin within `section` and `article` | |||
| * contexts in Firefox 4+, Safari, and Chrome. | |||
| */ | |||
| h1 { | |||
| font-size: 2em; | |||
| margin: 0.67em 0; | |||
| } | |||
| /** | |||
| * Address styling not present in IE 8/9. | |||
| */ | |||
| mark { | |||
| background: #ff0; | |||
| color: #000; | |||
| } | |||
| /** | |||
| * Address inconsistent and variable font size in all browsers. | |||
| */ | |||
| small { | |||
| font-size: 80%; | |||
| } | |||
| /** | |||
| * Prevent `sub` and `sup` affecting `line-height` in all browsers. | |||
| */ | |||
| sub, | |||
| sup { | |||
| font-size: 75%; | |||
| line-height: 0; | |||
| position: relative; | |||
| vertical-align: baseline; | |||
| } | |||
| sup { | |||
| top: -0.5em; | |||
| } | |||
| sub { | |||
| bottom: -0.25em; | |||
| } | |||
| /* Embedded content | |||
| ========================================================================== */ | |||
| /** | |||
| * Remove border when inside `a` element in IE 8/9/10. | |||
| */ | |||
| img { | |||
| border: 0; | |||
| } | |||
| /** | |||
| * Correct overflow not hidden in IE 9/10/11. | |||
| */ | |||
| svg:not(:root) { | |||
| overflow: hidden; | |||
| } | |||
| /* Grouping content | |||
| ========================================================================== */ | |||
| /** | |||
| * Address margin not present in IE 8/9 and Safari. | |||
| */ | |||
| figure { | |||
| margin: 1em 40px; | |||
| } | |||
| /** | |||
| * Address differences between Firefox and other browsers. | |||
| */ | |||
| hr { | |||
| box-sizing: content-box; | |||
| height: 0; | |||
| } | |||
| /** | |||
| * Contain overflow in all browsers. | |||
| */ | |||
| pre { | |||
| overflow: auto; | |||
| } | |||
| /** | |||
| * Address odd `em`-unit font size rendering in all browsers. | |||
| */ | |||
| code, | |||
| kbd, | |||
| pre, | |||
| samp { | |||
| font-family: monospace, monospace; | |||
| font-size: 1em; | |||
| } | |||
| /* Forms | |||
| ========================================================================== */ | |||
| /** | |||
| * Known limitation: by default, Chrome and Safari on OS X allow very limited | |||
| * styling of `select`, unless a `border` property is set. | |||
| */ | |||
| /** | |||
| * 1. Correct color not being inherited. | |||
| * Known issue: affects color of disabled elements. | |||
| * 2. Correct font properties not being inherited. | |||
| * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. | |||
| */ | |||
| button, | |||
| input, | |||
| optgroup, | |||
| select, | |||
| textarea { | |||
| color: inherit; /* 1 */ | |||
| font: inherit; /* 2 */ | |||
| margin: 0; /* 3 */ | |||
| } | |||
| /** | |||
| * Address `overflow` set to `hidden` in IE 8/9/10/11. | |||
| */ | |||
| button { | |||
| overflow: visible; | |||
| } | |||
| /** | |||
| * Address inconsistent `text-transform` inheritance for `button` and `select`. | |||
| * All other form control elements do not inherit `text-transform` values. | |||
| * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. | |||
| * Correct `select` style inheritance in Firefox. | |||
| */ | |||
| button, | |||
| select { | |||
| text-transform: none; | |||
| } | |||
| /** | |||
| * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` | |||
| * and `video` controls. | |||
| * 2. Correct inability to style clickable `input` types in iOS. | |||
| * 3. Improve usability and consistency of cursor style between image-type | |||
| * `input` and others. | |||
| */ | |||
| button, | |||
| html input[type="button"], /* 1 */ | |||
| input[type="reset"], | |||
| input[type="submit"] { | |||
| -webkit-appearance: button; /* 2 */ | |||
| cursor: pointer; /* 3 */ | |||
| } | |||
| /** | |||
| * Re-set default cursor for disabled elements. | |||
| */ | |||
| button[disabled], | |||
| html input[disabled] { | |||
| cursor: default; | |||
| } | |||
| /** | |||
| * Remove inner padding and border in Firefox 4+. | |||
| */ | |||
| button::-moz-focus-inner, | |||
| input::-moz-focus-inner { | |||
| border: 0; | |||
| padding: 0; | |||
| } | |||
| /** | |||
| * Address Firefox 4+ setting `line-height` on `input` using `!important` in | |||
| * the UA stylesheet. | |||
| */ | |||
| input { | |||
| line-height: normal; | |||
| } | |||
| /** | |||
| * It's recommended that you don't attempt to style these elements. | |||
| * Firefox's implementation doesn't respect box-sizing, padding, or width. | |||
| * | |||
| * 1. Address box sizing set to `content-box` in IE 8/9/10. | |||
| * 2. Remove excess padding in IE 8/9/10. | |||
| */ | |||
| input[type="checkbox"], | |||
| input[type="radio"] { | |||
| box-sizing: border-box; /* 1 */ | |||
| padding: 0; /* 2 */ | |||
| } | |||
| /** | |||
| * Fix the cursor style for Chrome's increment/decrement buttons. For certain | |||
| * `font-size` values of the `input`, it causes the cursor style of the | |||
| * decrement button to change from `default` to `text`. | |||
| */ | |||
| input[type="number"]::-webkit-inner-spin-button, | |||
| input[type="number"]::-webkit-outer-spin-button { | |||
| height: auto; | |||
| } | |||
| /** | |||
| * 1. Address `appearance` set to `searchfield` in Safari and Chrome. | |||
| * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. | |||
| */ | |||
| input[type="search"] { | |||
| -webkit-appearance: textfield; /* 1 */ | |||
| box-sizing: content-box; /* 2 */ | |||
| } | |||
| /** | |||
| * Remove inner padding and search cancel button in Safari and Chrome on OS X. | |||
| * Safari (but not Chrome) clips the cancel button when the search input has | |||
| * padding (and `textfield` appearance). | |||
| */ | |||
| input[type="search"]::-webkit-search-cancel-button, | |||
| input[type="search"]::-webkit-search-decoration { | |||
| -webkit-appearance: none; | |||
| } | |||
| /** | |||
| * Define consistent border, margin, and padding. | |||
| */ | |||
| fieldset { | |||
| border: 1px solid #c0c0c0; | |||
| margin: 0 2px; | |||
| padding: 0.35em 0.625em 0.75em; | |||
| } | |||
| /** | |||
| * 1. Correct `color` not being inherited in IE 8/9/10/11. | |||
| * 2. Remove padding so people aren't caught out if they zero out fieldsets. | |||
| */ | |||
| legend { | |||
| border: 0; /* 1 */ | |||
| padding: 0; /* 2 */ | |||
| } | |||
| /** | |||
| * Remove default vertical scrollbar in IE 8/9/10/11. | |||
| */ | |||
| textarea { | |||
| overflow: auto; | |||
| } | |||
| /** | |||
| * Don't inherit the `font-weight` (applied by a rule above). | |||
| * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. | |||
| */ | |||
| optgroup { | |||
| font-weight: bold; | |||
| } | |||
| /* Tables | |||
| ========================================================================== */ | |||
| /** | |||
| * Remove most spacing between table cells. | |||
| */ | |||
| table { | |||
| border-collapse: collapse; | |||
| border-spacing: 0; | |||
| } | |||
| td, | |||
| th { | |||
| padding: 0; | |||
| } | |||
+ 71
- 0
style-transform-master/style-transform-master/html/css/owl.carousel.css
View File
| @ -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); | |||
| } | |||
+ 79
- 0
style-transform-master/style-transform-master/html/css/owl.theme.css
View File
| @ -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 | |||
| } | |||
+ 163
- 0
style-transform-master/style-transform-master/html/css/owl.transitions.css
View File
| @ -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); } | |||
| } | |||
+ 827
- 0
style-transform-master/style-transform-master/html/css/slider-pro.css
View File
| @ -0,0 +1,827 @@ | |||
| /*! | |||
| * - v1.2.1 | |||
| * Homepage: http://bqworks.com/slider-pro/ | |||
| * Author: bqworks | |||
| * Author URL: http://bqworks.com/ | |||
| */ | |||
| /* Core | |||
| --------------------------------------------------*/ | |||
| .slider-pro { | |||
| position: relative; | |||
| margin: 0 auto; | |||
| -moz-box-sizing: content-box; | |||
| box-sizing: content-box; | |||
| } | |||
| .sp-slides-container { | |||
| position: relative; | |||
| } | |||
| .sp-mask { | |||
| position: relative; | |||
| overflow: hidden; | |||
| } | |||
| .sp-slides { | |||
| position: relative; | |||
| -webkit-backface-visibility: hidden; | |||
| -webkit-perspective: 1000; | |||
| } | |||
| .sp-slide { | |||
| position: absolute; | |||
| text-align: center; | |||
| background: red; | |||
| } | |||
| .sp-image-container { | |||
| overflow: hidden; | |||
| } | |||
| .sp-image { | |||
| position: relative; | |||
| display: block; | |||
| border: none; | |||
| } | |||
| .sp-no-js { | |||
| overflow: hidden; | |||
| max-width: 100%; | |||
| } | |||
| /* Thumbnails | |||
| --------------------------------------------------*/ | |||
| .sp-thumbnails-container { | |||
| position: relative; | |||
| overflow: hidden; | |||
| } | |||
| .sp-top-thumbnails, | |||
| .sp-bottom-thumbnails { | |||
| left: 0; | |||
| margin: 0 auto; | |||
| } | |||
| .sp-top-thumbnails { | |||
| position: absolute; | |||
| top: 0; | |||
| margin-bottom: 4px; | |||
| } | |||
| .sp-bottom-thumbnails { | |||
| margin-top: 4px; | |||
| } | |||
| .sp-left-thumbnails, | |||
| .sp-right-thumbnails { | |||
| position: absolute; | |||
| top: 0; | |||
| } | |||
| .sp-right-thumbnails { | |||
| right: 0; | |||
| margin-left: 4px; | |||
| } | |||
| .sp-left-thumbnails { | |||
| left: 0; | |||
| margin-right: 4px; | |||
| } | |||
| .sp-thumbnails { | |||
| position: relative; | |||
| } | |||
| .sp-thumbnail { | |||
| border: none; | |||
| } | |||
| .sp-thumbnail-container { | |||
| position: relative; | |||
| display: block; | |||
| overflow: hidden; | |||
| float: left; | |||
| -moz-box-sizing: border-box; | |||
| box-sizing: border-box; | |||
| } | |||
| /* Horizontal thumbnails | |||
| ------------------------*/ | |||
| .sp-top-thumbnails .sp-thumbnail-container, | |||
| .sp-bottom-thumbnails .sp-thumbnail-container { | |||
| margin-left: 2px; | |||
| margin-right: 2px; | |||
| } | |||
| .sp-top-thumbnails .sp-thumbnail-container:first-child, | |||
| .sp-bottom-thumbnails .sp-thumbnail-container:first-child { | |||
| margin-left: 0; | |||
| } | |||
| .sp-top-thumbnails .sp-thumbnail-container:last-child, | |||
| .sp-bottom-thumbnails .sp-thumbnail-container:last-child { | |||
| margin-right: 0; | |||
| } | |||
| /* Vertical thumbnails | |||
| ----------------------*/ | |||
| .sp-left-thumbnails .sp-thumbnail-container, | |||
| .sp-right-thumbnails .sp-thumbnail-container { | |||
| margin-top: 2px; | |||
| margin-bottom: 2px; | |||
| } | |||
| .sp-left-thumbnails .sp-thumbnail-container:first-child, | |||
| .sp-right-thumbnails .sp-thumbnail-container:first-child { | |||
| margin-top: 0; | |||
| } | |||
| .sp-left-thumbnails .sp-thumbnail-container:last-child, | |||
| .sp-right-thumbnails .sp-thumbnail-container:last-child { | |||
| margin-bottom: 0; | |||
| } | |||
| /* Right thumbnails with pointer | |||
| --------------------------------*/ | |||
| .sp-right-thumbnails.sp-has-pointer { | |||
| margin-left: -13px; | |||
| } | |||
| .sp-right-thumbnails.sp-has-pointer .sp-thumbnail { | |||
| position: absolute; | |||
| left: 18px; | |||
| margin-left: 0 !important; | |||
| } | |||
| .sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before { | |||
| content: ''; | |||
| position: absolute; | |||
| height: 100%; | |||
| border-left: 5px solid #F00; | |||
| left: 0; | |||
| top: 0; | |||
| margin-left: 13px; | |||
| } | |||
| .sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after { | |||
| content: ''; | |||
| position: absolute; | |||
| width: 0; | |||
| height: 0; | |||
| left: 0; | |||
| top: 50%; | |||
| margin-top: -8px; | |||
| border-right: 13px solid #F00; | |||
| border-top: 8px solid transparent; | |||
| border-bottom: 8px solid transparent; | |||
| } | |||
| /* Left thumbnails with pointer | |||
| -------------------------------*/ | |||
| .sp-left-thumbnails.sp-has-pointer { | |||
| margin-right: -13px; | |||
| } | |||
| .sp-left-thumbnails.sp-has-pointer .sp-thumbnail { | |||
| position: absolute; | |||
| right: 18px; | |||
| } | |||
| .sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before { | |||
| content: ''; | |||
| position: absolute; | |||
| height: 100%; | |||
| border-left: 5px solid #F00; | |||
| right: 0; | |||
| top: 0; | |||
| margin-right: 13px; | |||
| } | |||
| .sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after { | |||
| content: ''; | |||
| position: absolute; | |||
| width: 0; | |||
| height: 0; | |||
| right: 0; | |||
| top: 50%; | |||
| margin-top: -8px; | |||
| border-left: 13px solid #F00; | |||
| border-top: 8px solid transparent; | |||
| border-bottom: 8px solid transparent; | |||
| } | |||
| /* Bottom thumbnails with pointer | |||
| ---------------------------------*/ | |||
| .sp-bottom-thumbnails.sp-has-pointer { | |||
| margin-top: -13px; | |||
| } | |||
| .sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail { | |||
| position: absolute; | |||
| top: 18px; | |||
| margin-top: 0 !important; | |||
| } | |||
| .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before { | |||
| content: ''; | |||
| position: absolute; | |||
| width: 100%; | |||
| border-bottom: 5px solid #F00; | |||
| top: 0; | |||
| margin-top: 13px; | |||
| } | |||
| .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after { | |||
| content: ''; | |||
| position: absolute; | |||
| width: 0; | |||
| height: 0; | |||
| left: 50%; | |||
| top: 0; | |||
| margin-left: -8px; | |||
| border-bottom: 13px solid #F00; | |||
| border-left: 8px solid transparent; | |||
| border-right: 8px solid transparent; | |||
| } | |||
| /* Top thumbnails with pointer | |||
| ------------------------------*/ | |||
| .sp-top-thumbnails.sp-has-pointer { | |||
| margin-bottom: -13px; | |||
| } | |||
| .sp-top-thumbnails.sp-has-pointer .sp-thumbnail { | |||
| position: absolute; | |||
| bottom: 18px; | |||
| } | |||
| .sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:before { | |||
| content: ''; | |||
| position: absolute; | |||
| width: 100%; | |||
| border-bottom: 5px solid #F00; | |||
| bottom: 0; | |||
| margin-bottom: 13px; | |||
| } | |||
| .sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after { | |||
| content: ''; | |||
| position: absolute; | |||
| width: 0; | |||
| height: 0; | |||
| left: 50%; | |||
| bottom: 0; | |||
| margin-left: -8px; | |||
| border-top: 13px solid #F00; | |||
| border-left: 8px solid transparent; | |||
| border-right: 8px solid transparent; | |||
| } | |||
| /* Layers | |||
| --------------------------------------------------*/ | |||
| .sp-layer { | |||
| position: absolute; | |||
| margin: 0; | |||
| box-sizing: border-box; | |||
| -moz-box-sizing: border-box; | |||
| -webkit-box-sizing: border-box; | |||
| -webkit-font-smoothing: subpixel-antialiased; | |||
| -webkit-backface-visibility: hidden; | |||
| } | |||
| .sp-black { | |||
| color: #FFF; | |||
| background: rgb(0, 0, 0); | |||
| background: rgba(0, 0, 0, 0.7); | |||
| } | |||
| .sp-white { | |||
| color: #000; | |||
| background: rgb(255, 255, 255); | |||
| background: rgba(255, 255, 255, 0.7); | |||
| } | |||
| .sp-rounded { | |||
| border-radius: 10px; | |||
| } | |||
| .sp-padding { | |||
| padding: 10px; | |||
| } | |||
| /* Touch Swipe | |||
| --------------------------------------------------*/ | |||
| .sp-grab { | |||
| cursor: url(images/openhand.cur), move; | |||
| } | |||
| .sp-grabbing { | |||
| cursor: url(images/closedhand.cur), move; | |||
| } | |||
| .sp-selectable { | |||
| cursor: default; | |||
| } | |||
| /* Caption | |||
| --------------------------------------------------*/ | |||
| .sp-caption-container { | |||
| text-align: center; | |||
| margin-top: 10px; | |||
| } | |||
| /* Full Screen | |||
| --------------------------------------------------*/ | |||
| .sp-full-screen { | |||
| margin: 0 !important; | |||
| background-color: #000; | |||
| } | |||
| .sp-full-screen-button { | |||
| position: absolute; | |||
| top: 5px; | |||
| right: 10px; | |||
| font-size: 30px; | |||
| line-height: 1; | |||
| cursor: pointer; | |||
| -webkit-transform: rotate(45deg); | |||
| -ms-transform: rotate(45deg); | |||
| transform: rotate(45deg); | |||
| } | |||
| .sp-full-screen-button:before { | |||
| content: '\2195'; | |||
| } | |||
| .sp-fade-full-screen { | |||
| opacity: 0; | |||
| -webkit-transition: opacity 0.5s; | |||
| transition: opacity 0.5s; | |||
| } | |||
| .slider-pro:hover .sp-fade-full-screen { | |||
| opacity: 1; | |||
| } | |||
| /* Buttons | |||
| --------------------------------------------------*/ | |||
| .sp-buttons { | |||
| position: relative; | |||
| width: 100%; | |||
| text-align: center; | |||
| padding-top: 10px; | |||
| } | |||
| .sp-button { | |||
| width: 10px; | |||
| height: 10px; | |||
| border: 2px solid #000; | |||
| border-radius: 50%; | |||
| margin: 4px; | |||
| display: inline-block; | |||
| -moz-box-sizing: border-box; | |||
| -webkit-box-sizing: border-box; | |||
| box-sizing: border-box; | |||
| cursor: pointer; | |||
| } | |||
| .sp-selected-button { | |||
| background-color: #FFFFFF; | |||
| } | |||
| @media only screen and (min-width: 768px) and (max-width: 1024px) { | |||
| .sp-button { | |||
| width: 14px; | |||
| height: 14px; | |||
| } | |||
| } | |||
| @media only screen and (min-width: 568px) and (max-width: 768px) { | |||
| .sp-button { | |||
| width: 16px; | |||
| height: 16px; | |||
| } | |||
| } | |||
| @media only screen and (min-width: 320px) and (max-width: 568px) { | |||
| .sp-button { | |||
| width: 18px; | |||
| height: 18px; | |||
| } | |||
| } | |||
| /* Arrows | |||
| --------------------------------------------------*/ | |||
| .sp-arrows { | |||
| position: absolute; | |||
| } | |||
| .sp-fade-arrows { | |||
| opacity: 0; | |||
| -webkit-transition: opacity 0.5s; | |||
| transition: opacity 0.5s; | |||
| } | |||
| .sp-slides-container:hover .sp-fade-arrows { | |||
| opacity: 1; | |||
| } | |||
| .sp-horizontal .sp-arrows { | |||
| width: 100%; | |||
| left: 0; | |||
| top: 50%; | |||
| margin-top: -15px; | |||
| } | |||
| .sp-vertical .sp-arrows { | |||
| height: 100%; | |||
| left: 50%; | |||
| top: 0; | |||
| margin-left: -10px; | |||
| } | |||
| .sp-arrow { | |||
| position: absolute; | |||
| display: block; | |||
| width: 20px; | |||
| height: 30px; | |||
| cursor: pointer; | |||
| } | |||
| .sp-vertical .sp-arrow { | |||
| -webkit-transform: rotate(90deg); | |||
| -ms-transform: rotate(90deg); | |||
| transform: rotate(90deg); | |||
| } | |||
| .sp-horizontal .sp-previous-arrow { | |||
| left: 20px; | |||
| } | |||
| .sp-horizontal .sp-next-arrow { | |||
| right: 20px; | |||
| } | |||
| .sp-vertical .sp-previous-arrow { | |||
| top: 20px; | |||
| } | |||
| .sp-vertical .sp-next-arrow { | |||
| bottom: 20px; | |||
| } | |||
| .sp-previous-arrow:before, | |||
| .sp-previous-arrow:after, | |||
| .sp-next-arrow:before, | |||
| .sp-next-arrow:after { | |||
| content: ''; | |||
| position: absolute; | |||
| width: 50%; | |||
| height: 50%; | |||
| background-color: #FFF; | |||
| } | |||
| .sp-previous-arrow:before { | |||
| left: 30%; | |||
| top: 0; | |||
| -webkit-transform: skew(145deg, 0deg); | |||
| -ms-transform: skew(145deg, 0deg); | |||
| transform: skew(145deg, 0deg); | |||
| } | |||
| .sp-previous-arrow:after { | |||
| left: 30%; | |||
| top: 50%; | |||
| -webkit-transform: skew(-145deg, 0deg); | |||
| -ms-transform: skew(-145deg, 0deg); | |||
| transform: skew(-145deg, 0deg); | |||
| } | |||
| .sp-next-arrow:before { | |||
| right: 30%; | |||
| top: 0; | |||
| -webkit-transform: skew(35deg, 0deg); | |||
| -ms-transform: skew(35deg, 0deg); | |||
| transform: skew(35deg, 0deg); | |||
| } | |||
| .sp-next-arrow:after { | |||
| right: 30%; | |||
| top: 50%; | |||
| -webkit-transform: skew(-35deg, 0deg); | |||
| -ms-transform: skew(-35deg, 0deg); | |||
| transform: skew(-35deg, 0deg); | |||
| } | |||
| .ie8 .sp-arrow, | |||
| .ie7 .sp-arrow { | |||
| width: 0; | |||
| height: 0; | |||
| } | |||
| .ie8 .sp-arrow:before, | |||
| .ie8 .sp-arrow:after, | |||
| .ie7 .sp-arrow:before, | |||
| .ie7 .sp-arrow:after { | |||
| content: none; | |||
| } | |||
| .ie8.sp-horizontal .sp-previous-arrow, | |||
| .ie7.sp-horizontal .sp-previous-arrow { | |||
| border-right: 20px solid #FFF; | |||
| border-top: 20px solid transparent; | |||
| border-bottom: 20px solid transparent; | |||
| } | |||
| .ie8.sp-horizontal .sp-next-arrow, | |||
| .ie7.sp-horizontal .sp-next-arrow { | |||
| border-left: 20px solid #FFF; | |||
| border-top: 20px solid transparent; | |||
| border-bottom: 20px solid transparent; | |||
| } | |||
| .ie8.sp-vertical .sp-previous-arrow, | |||
| .ie7.sp-vertical .sp-previous-arrow { | |||
| border-bottom: 20px solid #FFF; | |||
| border-left: 20px solid transparent; | |||
| border-right: 20px solid transparent; | |||
| } | |||
| .ie8.sp-vertical .sp-next-arrow, | |||
| .ie7.sp-vertical .sp-next-arrow { | |||
| border-top: 20px solid #FFF; | |||
| border-left: 20px solid transparent; | |||
| border-right: 20px solid transparent; | |||
| } | |||
| /* Thumbnail Arrows | |||
| --------------------------------------------------*/ | |||
| .sp-thumbnail-arrows { | |||
| position: absolute; | |||
| } | |||
| .sp-fade-thumbnail-arrows { | |||
| opacity: 0; | |||
| -webkit-transition: opacity 0.5s; | |||
| transition: opacity 0.5s; | |||
| } | |||
| .sp-thumbnails-container:hover .sp-fade-thumbnail-arrows { | |||
| opacity: 1; | |||
| } | |||
| .sp-top-thumbnails .sp-thumbnail-arrows, | |||
| .sp-bottom-thumbnails .sp-thumbnail-arrows { | |||
| width: 100%; | |||
| top: 50%; | |||
| left: 0; | |||
| margin-top: -12px; | |||
| } | |||
| .sp-left-thumbnails .sp-thumbnail-arrows, | |||
| .sp-right-thumbnails .sp-thumbnail-arrows { | |||
| height: 100%; | |||
| top: 0; | |||
| left: 50%; | |||
| margin-left: -7px; | |||
| } | |||
| .sp-thumbnail-arrow { | |||
| position: absolute; | |||
| display: block; | |||
| width: 15px; | |||
| height: 25px; | |||
| cursor: pointer; | |||
| } | |||
| .sp-left-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow, | |||
| .sp-right-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow { | |||
| -webkit-transform: rotate(90deg); | |||
| -ms-transform: rotate(90deg); | |||
| transform: rotate(90deg); | |||
| } | |||
| .sp-top-thumbnails .sp-previous-thumbnail-arrow, | |||
| .sp-bottom-thumbnails .sp-previous-thumbnail-arrow { | |||
| left: 0px; | |||
| } | |||
| .sp-top-thumbnails .sp-next-thumbnail-arrow, | |||
| .sp-bottom-thumbnails .sp-next-thumbnail-arrow { | |||
| right: 0px; | |||
| } | |||
| .sp-left-thumbnails .sp-previous-thumbnail-arrow, | |||
| .sp-right-thumbnails .sp-previous-thumbnail-arrow { | |||
| top: 0px; | |||
| } | |||
| .sp-left-thumbnails .sp-next-thumbnail-arrow, | |||
| .sp-right-thumbnails .sp-next-thumbnail-arrow { | |||
| bottom: 0px; | |||
| } | |||
| .sp-previous-thumbnail-arrow:before, | |||
| .sp-previous-thumbnail-arrow:after, | |||
| .sp-next-thumbnail-arrow:before, | |||
| .sp-next-thumbnail-arrow:after { | |||
| content: ''; | |||
| position: absolute; | |||
| width: 50%; | |||
| height: 50%; | |||
| background-color: #FFF; | |||
| } | |||
| .sp-previous-thumbnail-arrow:before { | |||
| left: 30%; | |||
| top: 0; | |||
| -webkit-transform: skew(145deg, 0deg); | |||
| -ms-transform: skew(145deg, 0deg); | |||
| transform: skew(145deg, 0deg); | |||
| } | |||
| .sp-previous-thumbnail-arrow:after { | |||
| left: 30%; | |||
| top: 50%; | |||
| -webkit-transform: skew(-145deg, 0deg); | |||
| -ms-transform: skew(-145deg, 0deg); | |||
| transform: skew(-145deg, 0deg); | |||
| } | |||
| .sp-next-thumbnail-arrow:before { | |||
| right: 30%; | |||
| top: 0; | |||
| -webkit-transform: skew(35deg, 0deg); | |||
| -ms-transform: skew(35deg, 0deg); | |||
| transform: skew(35deg, 0deg); | |||
| } | |||
| .sp-next-thumbnail-arrow:after { | |||
| right: 30%; | |||
| top: 50%; | |||
| -webkit-transform: skew(-35deg, 0deg); | |||
| -ms-transform: skew(-35deg, 0deg); | |||
| transform: skew(-35deg, 0deg); | |||
| } | |||
| .ie8 .sp-thumbnail-arrow, | |||
| .ie7 .sp-thumbnail-arrow { | |||
| width: 0; | |||
| height: 0; | |||
| } | |||
| .ie8 .sp-thumbnail-arrow:before, | |||
| .ie8 .sp-thumbnail-arrow:after, | |||
| .ie7 .sp-thumbnail-arrow:before, | |||
| .ie7 .sp-thumbnail-arrow:after { | |||
| content: none; | |||
| } | |||
| .ie8 .sp-top-thumbnails .sp-previous-thumbnail-arrow, | |||
| .ie8 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow, | |||
| .ie7 .sp-top-thumbnails .sp-previous-thumbnail-arrow, | |||
| .ie7 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow { | |||
| border-right: 12px solid #FFF; | |||
| border-top: 12px solid transparent; | |||
| border-bottom: 12px solid transparent; | |||
| } | |||
| .ie8 .sp-top-thumbnails .sp-next-thumbnail-arrow, | |||
| .ie8 .sp-bottom-thumbnails .sp-next-thumbnail-arrow, | |||
| .ie7 .sp-top-thumbnails .sp-next-thumbnail-arrow, | |||
| .ie7 .sp-bottom-thumbnails .sp-next-thumbnail-arrow { | |||
| border-left: 12px solid #FFF; | |||
| border-top: 12px solid transparent; | |||
| border-bottom: 12px solid transparent; | |||
| } | |||
| .ie8 .sp-left-thumbnails .sp-previous-thumbnail-arrow, | |||
| .ie8 .sp-right-thumbnails .sp-previous-thumbnail-arrow, | |||
| .ie7 .sp-left-thumbnails .sp-previous-thumbnail-arrow, | |||
| .ie7 .sp-right-thumbnails .sp-previous-thumbnail-arrow { | |||
| border-bottom: 12px solid #FFF; | |||
| border-left: 12px solid transparent; | |||
| border-right: 12px solid transparent; | |||
| } | |||
| .ie8 .sp-left-thumbnails .sp-next-thumbnail-arrow, | |||
| .ie8 .sp-right-thumbnails .sp-next-thumbnail-arrow, | |||
| .ie7 .sp-left-thumbnails .sp-next-thumbnail-arrow, | |||
| .ie7 .sp-right-thumbnails .sp-next-thumbnail-arrow { | |||
| border-top: 12px solid #FFF; | |||
| border-left: 12px solid transparent; | |||
| border-right: 12px solid transparent; | |||
| } | |||
| /* Video | |||
| --------------------------------------------------*/ | |||
| a.sp-video { | |||
| text-decoration: none; | |||
| } | |||
| a.sp-video img { | |||
| -webkit-backface-visibility: hidden; | |||
| border: none; | |||
| } | |||
| a.sp-video:after { | |||
| content: '\25B6'; | |||
| position: absolute; | |||
| width: 45px; | |||
| padding-left: 5px; | |||
| height: 50px; | |||
| border: 2px solid #FFF; | |||
| text-align: center; | |||
| font-size: 30px; | |||
| border-radius: 30px; | |||
| top: 0; | |||
| color: #FFF; | |||
| bottom: 0; | |||
| left: 0; | |||
| right: 0; | |||
| background-color: rgba(0, 0, 0, 0.2); | |||
| margin: auto; | |||
| line-height: 52px; | |||
| } | |||
| /* CSS for preventing styling issues in WordPress | |||
| --------------------------------------------------*/ | |||
| .slider-pro img.sp-image, | |||
| .slider-pro img.sp-thumbnail { | |||
| max-width: none !important; | |||
| max-height: none !important; | |||
| border: none !important; | |||
| border-radius: 0 !important; | |||
| padding: 0 !important; | |||
| -webkit-box-shadow: none !important; | |||
| -mox-box-shadow: none !important; | |||
| box-shadow: none !important; | |||
| transition: none; | |||
| -moz-transition: none; | |||
| -webkit-transition: none; | |||
| -o-transition: none; | |||
| } | |||
| .slider-pro a { | |||
| position: static; | |||
| transition: none !important; | |||
| -moz-transition: none !important; | |||
| -webkit-transition: none !important; | |||
| -o-transition: none !important; | |||
| } | |||
| .slider-pro iframe, | |||
| .slider-pro object, | |||
| .slider-pro video, | |||
| .slider-pro embed, | |||
| .slider-pro canvas { | |||
| max-width: none; | |||
| max-height: none; | |||
| } | |||
| .slider-pro p.sp-layer { | |||
| line-height: 1.4; | |||
| width: 100% !important; | |||
| } | |||
| .slider-pro h1.sp-layer { | |||
| font-size: 32px; | |||
| line-height: 1.4; | |||
| margin: 0; | |||
| } | |||
| .slider-pro h2.sp-layer { | |||
| font-size: 24px; | |||
| line-height: 1.4; | |||
| margin: 0; | |||
| } | |||
| .slider-pro h3.sp-layer { | |||
| font-size: 19px; | |||
| line-height: 1.4; | |||
| margin: 0; | |||
| } | |||
| .slider-pro h4.sp-layer { | |||
| font-size: 16px; | |||
| line-height: 1.4; | |||
| margin: 0; | |||
| } | |||
| .slider-pro h5.sp-layer { | |||
| font-size: 13px; | |||
| line-height: 1.4; | |||
| margin: 0; | |||
| } | |||
| .slider-pro h6.sp-layer { | |||
| font-size: 11px; | |||
| line-height: 1.4; | |||
| margin: 0; | |||
| } | |||
| .slider-pro img.sp-layer { | |||
| border: none; | |||
| } | |||