/* Script Name: VideoSearchXL Script URI: http://videosearchxl.armorthemes.com/ Description: Multi source video search engine. Author: ArmorThemes Author URI: http://www.armorthemes.com/ Version: 1.5 ******************************************************************************************* ******************************************************************************************* _ _ _ _ ___ _ __ _ _ | | |<_> _| | ___ ___ / __> ___ ___ _ _ ___ | |_ \ \/ | | | ' || |/ . |/ ._>/ . \\__ \/ ._><_> || '_>/ | '| . | \ \ | |_ |__/ |_|\___|\___.\___/<___/\___.<___||_| \_|_.|_|_|_/\_\|___| ******************************************************************************************* ******************************************************************************************* */ /*------------------ Body -----------------------*/ article,footer,header,hgroup,main,section{display:block;} html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;} body{margin:0;padding: 0px;} body{font-family:"Open Sans",Arial,sans-serif;font-size:13px;color:#717171;background-color: #F1F1F1;-webkit-font-smoothing:antialiased;} h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:"Open Sans",Arial,sans-serif;} a{color:#767676;text-decoration:none;}a:hover{color:#2A9FD6;text-decoration:none;} /*------------------ Header -----------------------*/ body > header {background: #fff;min-height: 70px;border-bottom: 1px solid #d9d9d9;-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);} body > header .head{max-width:1050px;margin:0 auto;} body > header .head .logo{float:left;width:300px;margin-top: 15px;} body > header .search{float: left;margin-top:15px;} body > header .searchbut{position: absolute;margin-left:-50px;color:#fff;background:#2A9FD6;border: none;font-size:18px;padding: 5px 15px 5px 15px;border-radius: 0px 3px 3px 0px;width: 50px;height: 38px;outline:none !important;} body > header .searchbut:hover{background:#008ACD;} body > header .head .but-surprise{margin-top:15px;} .wrap {max-width: 1050px;margin:0px auto;} /*------------------ Home Page -----------------------*/ .headhome{margin-top: -10px;} .headhome .logohome{margin:0 auto;width:350px;padding: 20px 0px 0px 0px;} .headhome .home-title{font-size:21px;color: #ffffff;background-color:#2A9FD6;font-weight: 400;padding:2px;text-align: center;margin: 0px;} .headhome .box-homesearch {background-color: #fff;padding:15px 0px 11px 0px;} .headhome .homesearch{margin:0px auto;max-width:1050px;} .headhome .homesearch .search{display: inline-block;} .headhome .homesearch .search .input-group .form-control {width:900px;} .headhome .searchbut{position: absolute;margin-left:-50px;color:#fff;background:#2A9FD6;border: none;font-size:18px;padding: 5px 15px 5px 15px;border-radius: 0px 3px 3px 0px;width: 50px;height: 38px;outline:none !important;} .headhome .searchbut:hover{background:#008ACD;} .but-surprise {display: inline-block;color: #FFF;background-color: #2A9FD6;position: absolute;margin-left:10px;padding: 9px 14px;font-size: 15px;font-weight: normal;text-align: center;cursor: pointer;border-radius: 3px;-moz-border-radius: 3px; -webkit-border-radius: 3px;} .but-surprise:hover{background-color:#1F8ABD;color: #FFF;} .box-home-searches {background-color: #fff;padding-top: 15px;} .home-sub {position: relative;margin-bottom: 10px;} .home-sub h2{color: #111;font-size: 16px;font-weight: bold;border-bottom: 2px solid #2A9FD6;height: 30px;margin: 0px;} .home-searches{margin:0px auto; max-width:1050px; clear:both;padding-bottom: 15px;} .home-searches a {background-color: #fff;color:#2A9FD6;border: 2px solid #ccc;margin: 0px 5px 5px 0px;display: inline-block;font-size: 13px;padding: 4px 10px;border-radius: 5px;} .home-searches a:hover {background-color: #2A9FD6;color:#fff;border: 2px solid #2A9FD6;} .scrollcontent{position: relative;z-index: 1;padding-top: 15px;} .scrollback {background-image: url(images/stripemiddle.png) ;height:200px;display: block;background-repeat: repeat-y;position: relative;background-position: 50% 0px;} .scrollback:before {background-image: url(images/stripebefore.png) ;content: "";position: absolute;width: 100%;background-repeat: no-repeat;background-position: 50% 0px;height: 30px;left: 0px;top: 0px;} .scrollback:after {background-image: url(images/stripeafter.png) ;content: "";position: absolute;width: 100%;background-repeat: no-repeat;background-position: 50% 0px;height: 30px;left: 0px;bottom: 0px;} .homethumb {width:188px;height:114px;margin-right: 15px;float: left;overflow: hidden;} .homethumb .overlay {position:absolute;left: 0px;width:188px;height:114px;background-color:rgba(0,0,0,0.5);opacity:0;visibility:hidden;-webkit-transition:.25s;-moz-transition:.25s;-ms-transition:.25s;-o-transition:.25s;transition:.25s;} .homethumb:hover .overlay {cursor:pointer;visibility:visible;opacity:1;} .homethumb .overlay p{font-size:14px;color:#fff;margin: 5px 10px;font-weight: bold;} /*------------------ Other Pages -----------------------*/ .randombox {padding:10px 15px;margin-bottom:30px;color: #333;background-color: #FFF;-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);border: 1px solid #D9D9D9;border-radius: 3px;-moz-border-radius: 3px; -webkit-border-radius: 3px;} .randombox p {white-space: pre-wrap;margin: 0px;} /*------------------ Footer -----------------------*/ body > footer {background-color: #F1F1F1;border-top: 1px solid #ccc;padding-top: 15px;font-size: 12px;margin-left:auto;margin-right:auto;width:100%;height:50px;clear:both;} body > footer .footcontent{max-width:1050px;margin:0 auto;} body > footer .videosep{margin: 10px;} /*------------------ Icons -----------------------*/ @charset "UTF-8";body{-webkit-backface-visibility:hidden;}@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=3.2.1');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=3.2.1') format('truetype'),url('../fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');font-weight:normal;font-style:normal;}[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;}[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none;}.icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em;}a [class^="icon-"],a [class*=" icon-"]{display:inline;}[class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width{display:inline-block;width:1.1428571428571428em;text-align:right;padding-right:0.2857142857142857em;}[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.4285714285714286em;}.icons-ul{margin-left:2.142857142857143em;list-style-type:none;}.icons-ul>li{position:relative;}.icons-ul .icon-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;text-align:center;line-height:inherit;}[class^="icon-"].hide,[class*=" icon-"].hide{display:none;}.icon-muted{color:#eeeeee;}.icon-light{color:#ffffff;}.icon-dark{color:#333333;}.icon-border{border:solid 1px #eeeeee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}.icon-2x{font-size:2em;}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.icon-3x{font-size:3em;}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}.icon-4x{font-size:4em;}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}.icon-5x{font-size:5em;}.icon-5x.icon-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;}.pull-right{float:right;}.pull-left{float:left;}[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em;}[class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em;}[class^="icon-"],[class*=" icon-"]{display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat;margin-top:0;}.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none;}.btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em;}.btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block;}.nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em;}.btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em;}.btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em;}.btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em;}.btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0;}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em;}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em;}.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em;}.nav-list [class^="icon-"],.nav-list [class*=" icon-"]{line-height:inherit;}.icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%;}.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"]{display:block;text-align:center;position:absolute;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em;}.icon-stack .icon-stack-base{font-size:2em;*line-height:1em;}.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;}a .icon-stack,a .icon-spin{display:inline-block;text-decoration:none;}.icon-rotate-90:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}.icon-rotate-180:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}.icon-rotate-270:before{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}.icon-flip-horizontal:before{-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1);}.icon-flip-vertical:before{-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1);}a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before{display:inline-block;}.icon-search:before{content:"\f002";}.icon-chevron-left:before{content:"\f053";}.icon-chevron-right:before{content:"\f054";} .icon-random:before{content:"\f074";}.icon-thumbs-up-alt:before{content:"\f087";}.icon-thumbs-down-alt:before{content:"\f088";}.icon-comment-alt:before{content:"\f0e5";}.icon-cloud-download:before{content:"\f0ed";}.icon-youtube-sign:before{content:"\f166";}.icon-youtube-play:before{content:"\f16a";} .icon-facebook:before{content:"\f09a";}.icon-twitter:before{content:"\f099";}.icon-google:before{content:"\f0d5";} .icon-play-circle:before{content:"\f144";} .icon-play:before{content:"\f04b";} .icon-eye:before{content:"\f06e";} .icon-clock:before{content:"\f017";} .icon-calendar:before{content:"\f073";} .icon-desktop:before{content:"\f108";} /*------------------ Video Page -----------------------*/ .videocontent {float: left;width: 728px;margin: 0px 22px 30px 0px;} .videotitle {padding:10px 15px;margin-bottom:10px;color: #333;background-color: #FFF;-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);border: 1px solid #D9D9D9;border-radius: 3px;-moz-border-radius: 3px; -webkit-border-radius: 3px;} .videotitle h1 {font-size: 16px;font-weight: bold;padding: 0px;margin: 0px;} .videoscreen embed, .videoscreen iframe, .videoscreen object, .videoscreen video {top: 0;left: 0;width:100%;height: 360px;} .videoinfo {background-color: #FFF;-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);border: 1px solid #D9D9D9;margin-top:10px;margin-bottom:10px;border-radius: 3px;-moz-border-radius: 3px; -webkit-border-radius: 3px;} .videodetails {color: #767676;font-size: 16px;background-color: #F2F2F2;padding: 10px 15px;border-bottom: 1px solid #D9D9D9;border-radius:3px 3px 0px 0px;-moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px;} .videodetails [class^="icon-"] {margin-right:5px;} .videosep {margin: 15px;border-left: 1px solid #fff;border-right: 1px solid #C5C5C5;} .videodesc {padding:10px 15px;color: #333;} .videodesc p {white-space: pre-wrap;margin: 0px;} .videoshare {background-color: #F2F2F2;padding: 10px 15px;border-top: 1px solid #D9D9D9;border-radius:0px 0px 3px 3px;-moz-border-radius: 0px 0px 3px 3px; -webkit-border-radius: 0px 0px 3px 3px;} .videocomments {padding:10px 15px;color: #333;background-color: #FFF;-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);border: 1px solid #D9D9D9;margin-bottom:10px;border-radius: 3px;-moz-border-radius: 3px; -webkit-border-radius: 3px;} .videocomments h2 {font-size: 18px;font-weight: bold;padding: 0px;margin: 0px 0px 10px 0px;border-bottom: 2px solid #2A9FD6;} /*------------------ jcarousel -----------------------*/ .fcarousel .carousel-container { position: relative; margin: 10px 35px; } /* This is the visible area of you carousel. Set a width here to define how much items are visible. The width can be either fixed in px or flexible in %. Position must be relative! */ .jcarousel { position: relative; overflow: hidden; } /* This is the container of the carousel items. You must ensure that the position is relative or absolute and that the width is big enough to contain all items. */ .jcarousel ul { width: 20000em; position: relative; /* Optional, required in this case since it's a