| @@ -0,0 +1,252 @@ | ||
| /*___________________________________________________________________________________________________________________________________________________ | ||
| _ jquery.mb.components _ | ||
| _ _ | ||
| _ file: mb.YTPlayer.css _ | ||
| _ last modified: 19/08/14 19.57 _ | ||
| _ _ | ||
| _ Open Lab s.r.l., Florence - Italy _ | ||
| _ _ | ||
| _ email: matteo@open-lab.com _ | ||
| _ site: http://pupunzi.com _ | ||
| _ http://open-lab.com _ | ||
| _ blog: http://pupunzi.open-lab.com _ | ||
| _ Q&A: http://jquery.pupunzi.com _ | ||
| _ _ | ||
| _ Licences: MIT, GPL _ | ||
| _ http://www.opensource.org/licenses/mit-license.php _ | ||
| _ http://www.gnu.org/licenses/gpl.html _ | ||
| _ _ | ||
| _ Copyright (c) 2001-2014. Matteo Bicocchi (Pupunzi); _ | ||
| ___________________________________________________________________________________________________________________________________________________*/ | ||
|
|
||
|
|
||
| @charset"UTF-8"; | ||
|
|
||
| /* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 30, 2013 */ | ||
|
|
||
| @font-face { | ||
| font-family: 'ytpregular'; | ||
| src: url('ytp-regular.eot'); | ||
| } | ||
|
|
||
| @font-face { | ||
| font-family: 'ytpregular'; | ||
| src: url(data:application/x-font-woff;charset=utf-8;base64,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) format('woff'), | ||
| url('ytp-regular.ttf') format('truetype'); | ||
| font-weight: normal; | ||
| font-style: normal; | ||
|
|
||
| } | ||
| .mb_YTVPlayer :focus { | ||
| outline: 0; | ||
| } | ||
|
|
||
| .mb_YTVPlayer{ | ||
| display:block; | ||
| transform:translateZ(0); | ||
| transform-style: preserve-3d; | ||
| perspective: 1000; | ||
| backface-visibility: hidden; | ||
| transform:translate3d(0,0,0); | ||
| animation-timing-function: linear; | ||
| } | ||
|
|
||
| .mb_YTVPlayer.fullscreen{ | ||
| display:block!important; | ||
| position: fixed!important; | ||
| width: 100%!important; | ||
| height: 100%!important; | ||
| top: 0!important; | ||
| left: 0!important; | ||
| margin: 0!important; | ||
| border: none !important; | ||
| } | ||
|
|
||
| .mb_YTVPlayer.fullscreen .mbYTP_wrapper{ | ||
| opacity:1 !important; | ||
| } | ||
|
|
||
|
|
||
| .mbYTP_wrapper iframe{ | ||
| max-width: 4000px !important; | ||
| } | ||
|
|
||
| .inline_YTPlayer{ | ||
| margin-bottom: 20px; | ||
| vertical-align:top; | ||
| position:relative; | ||
| left:0; | ||
| overflow: hidden; | ||
| border-radius: 4px; | ||
| -moz-box-shadow: 0 0 5px rgba(0,0,0,.7); | ||
| -webkit-box-shadow: 0 0 5px rgba(0,0,0,.7); | ||
| box-shadow: 0 0 5px rgba(0,0,0,.7); | ||
| background: rgba(0,0,0,.5); | ||
| } | ||
|
|
||
| .inline_YTPlayer img{ | ||
| border: none!important; | ||
| -moz-transform: none!important; | ||
| -webkit-transform: none!important; | ||
| -o-transform: none!important; | ||
| transform: none!important; | ||
| margin:0!important; | ||
| padding:0!important | ||
| } | ||
|
|
||
| /*CONTROL BAR*/ | ||
|
|
||
| .mb_YTVPBar .ytpicon{ | ||
| font-size: 20px; | ||
| font-family: 'ytpregular'; | ||
| } | ||
|
|
||
| .mb_YTVPBar .mb_YTVPUrl.ytpicon{ | ||
| font-size: 30px; | ||
| } | ||
|
|
||
|
|
||
| .mb_YTVPBar{ | ||
|
|
||
| transition: opacity 1s; | ||
| -moz-transition: opacity 1s; | ||
| -webkit-transition: opacity 1s; | ||
| -o-transition: opacity 1s; | ||
|
|
||
| display:block; | ||
| width:100%; | ||
| height:10px; | ||
| padding:5px; | ||
| background:#333; | ||
| position:fixed; | ||
| bottom:0; | ||
| left:0; | ||
| -moz-box-sizing:padding-box; | ||
| -webkit-box-sizing:border-box; | ||
| text-align:left; | ||
| z-index: 1000; | ||
| font: 14px/16px sans-serif; | ||
| color:white; | ||
| opacity:.1; | ||
| } | ||
|
|
||
| .mb_YTVPBar.visible, .mb_YTVPBar:hover{ | ||
| opacity:1; | ||
| } | ||
|
|
||
|
|
||
| .mb_YTVPBar .buttonBar{ | ||
|
|
||
| transition: all 1s; | ||
| -moz-transition: all 1s; | ||
| -webkit-transition: all 1s; | ||
| -o-transition: all 1s; | ||
|
|
||
| background:transparent; | ||
| font:12px/14px Calibri; | ||
| position:absolute; | ||
| top:-30px; | ||
| left:0; | ||
| padding: 5px; | ||
| width:100%; | ||
| -moz-box-sizing: border-box; | ||
| -webkit-box-sizing: border-box; | ||
| -o-box-sizing: border-box; | ||
| box-sizing: border-box; | ||
| } | ||
| .mb_YTVPBar:hover .buttonBar{ | ||
| background: rgba(0,0,0,0.4); | ||
| } | ||
|
|
||
| .mb_YTVPBar span{ | ||
| display:inline-block; | ||
| font:16px/20px Calibri, sans-serif; | ||
| position:relative; | ||
| width: 30px; | ||
| height: 25px; | ||
| vertical-align: middle; | ||
| } | ||
| .mb_YTVPBar span.mb_YTVPTime{ | ||
| width: 130px; | ||
| } | ||
|
|
||
| .mb_YTVPBar span.mb_YTVPUrl,.mb_YTVPBar span.mb_OnlyYT { | ||
| position: absolute; | ||
| width: auto; | ||
| display:block; | ||
| top:6px; | ||
| right:10px; | ||
| cursor: pointer; | ||
| } | ||
| .mb_YTVPBar span.mb_YTVPUrl img{ | ||
| width: 60px; | ||
| } | ||
|
|
||
| .mb_YTVPBar span.mb_OnlyYT { | ||
| left:185px; | ||
| right: auto; | ||
| } | ||
| .mb_YTVPBar span.mb_OnlyYT img{ | ||
| width: 25px; | ||
| } | ||
|
|
||
| .mb_YTVPBar span.mb_YTVPUrl a{ | ||
| color:white; | ||
| } | ||
|
|
||
| .mb_YTVPPlaypause,.mb_YTVPlayer .mb_YTVPPlaypause img{ | ||
| cursor:pointer; | ||
| } | ||
|
|
||
| .mb_YTVPMuteUnmute{ | ||
| cursor:pointer; | ||
| } | ||
|
|
||
| /*PROGRESS BAR*/ | ||
| .mb_YTVPProgress{ | ||
| height:10px; | ||
| width:100%; | ||
| background:#222; | ||
| bottom:0; | ||
| left:0; | ||
| } | ||
|
|
||
| .mb_YTVPLoaded{ | ||
| height:10px; | ||
| width:0; | ||
| background:#444; | ||
| left:0; | ||
| } | ||
|
|
||
| .mb_YTVTime{ | ||
| height:5px; | ||
| width:0; | ||
| background:#fff; | ||
| bottom:0; | ||
| left:0; | ||
| -moz-box-shadow:#666666 1px 1px 3px; | ||
| -webkit-box-shadow:#666666 1px 1px 3px; | ||
| } | ||
|
|
||
| .YTPOverlay{ | ||
| backface-visibility: hidden; | ||
| -webkit-backface-visibility: hidden; | ||
| -webkit-transform-style: "flat" | ||
| } | ||
|
|
||
| /*RASTER OVERLAY*/ | ||
| .YTPOverlay.raster{ | ||
| background: url("../images/raster.png"); | ||
| } | ||
|
|
||
| .YTPOverlay.raster.retina{ | ||
| background: url("../images/raster@2x.png"); | ||
| } | ||
|
|
||
| .YTPOverlay.raster-dot{ | ||
| background: url("../images/raster_dot.png"); | ||
| } | ||
|
|
||
| .YTPOverlay.raster-dot.retina{ | ||
| background: url("../images/raster_dot@2x.png"); | ||
| } |
| @@ -0,0 +1,22 @@ | ||
|
|
||
|
|
||
| /* ========================================================================== | ||
| Author's custom styles | ||
| ========================================================================== */ | ||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
| @@ -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(../images/icons/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(../images/icons/AjaxLoader.gif) no-repeat center center | ||
| } |
| @@ -0,0 +1,48 @@ | ||
| /* http://meyerweb.com/eric/tools/css/reset/ | ||
| v2.0 | 20110126 | ||
| License: none (public domain) | ||
| */ | ||
|
|
||
| html, body, div, span, applet, object, iframe, | ||
| h1, h2, h3, h4, h5, h6, p, blockquote, pre, | ||
| a, abbr, acronym, address, big, cite, code, | ||
| del, dfn, em, img, ins, kbd, q, s, samp, | ||
| small, strike, strong, sub, sup, tt, var, | ||
| b, u, i, center, | ||
| dl, dt, dd, ol, ul, li, | ||
| fieldset, form, label, legend, | ||
| table, caption, tbody, tfoot, thead, tr, th, td, | ||
| article, aside, canvas, details, embed, | ||
| figure, figcaption, footer, header, hgroup, | ||
| menu, nav, output, ruby, section, summary, | ||
| time, mark, audio, video { | ||
| margin: 0; | ||
| padding: 0; | ||
| border: 0; | ||
| font-size: 100%; | ||
| font: inherit; | ||
| vertical-align: baseline; | ||
| } | ||
| /* HTML5 display-role reset for older browsers */ | ||
| article, aside, details, figcaption, figure, | ||
| footer, header, hgroup, menu, nav, section { | ||
| display: block; | ||
| } | ||
| body { | ||
| line-height: 1; | ||
| } | ||
| ol, ul, li { | ||
| list-style: none; | ||
| } | ||
| blockquote, q { | ||
| quotes: none; | ||
| } | ||
| blockquote:before, blockquote:after, | ||
| q:before, q:after { | ||
| content: ''; | ||
| content: none; | ||
| } | ||
| table { | ||
| border-collapse: collapse; | ||
| border-spacing: 0; | ||
| } |
| @@ -0,0 +1,28 @@ | ||
| #service_tab_triggers ul li.active a, .no-touch .hi-icon-effect-1a .hi-icon:hover, .no-touch .hi-icon-effect-1b .hi-icon:hover, .btn.btn-primary, .label-primary, | ||
| .accordion i, .trigger i, .the-date-big, #response .submit_post, .tags li:hover, #footer .submit_buttom, .skill .bar, .read_more:hover, | ||
| .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .menu_trigger, .mobileAreaMenu a:hover { | ||
|
|
||
| background-color: #00cae9; | ||
| } | ||
|
|
||
| ::selection {background-color: #00cae9; color: white;} | ||
| .btn.btn-primary:hover {background: #0bb5cf;} | ||
|
|
||
| a:hover, .process_icon i, .the-title h1 a:hover, .faq_icons i, .blog-item-home a:hover, a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { | ||
| color:#00cae9; | ||
| } | ||
|
|
||
|
|
||
| .hi-icon-effect-1 .hi-icon:after{ | ||
| box-shadow: 0 0 0 4px #00cae9; | ||
| } | ||
|
|
||
|
|
||
| .read_more.black:hover, .read_more:hover {border: 2px solid #00cae9;} | ||
| .over_about, .blog_title_heading h1 {background-color: rgba(5, 203, 240, 0.9);} | ||
| .over {background-color:#00c5ff;} | ||
|
|
||
|
|
||
|
|
||
| .cap_style_2_button {border: 3px solid rgb(0, 202, 233); } | ||
| .cap_style_2_button a:hover { color:#00cae9;} |
| @@ -0,0 +1,29 @@ | ||
| #service_tab_triggers ul li.active a, .no-touch .hi-icon-effect-1a .hi-icon:hover, .no-touch .hi-icon-effect-1b .hi-icon:hover, .btn.btn-primary, .label-primary, | ||
| .accordion i, .trigger i, .the-date-big, #response .submit_post, .tags li:hover, #footer .submit_buttom, .skill .bar, .read_more:hover, | ||
| .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .menu_trigger, .mobileAreaMenu a:hover { | ||
|
|
||
| background-color: #95A5A6; | ||
| } | ||
|
|
||
| ::selection {background-color: #95A5A6; color: white;} | ||
| .btn.btn-primary:hover {background: #7F8C8D;} | ||
|
|
||
| a:hover, .process_icon i, .the-title h1 a:hover, .faq_icons i, .blog-item-home a:hover, a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { | ||
| color:#95A5A6; | ||
| } | ||
|
|
||
|
|
||
| .hi-icon-effect-1 .hi-icon:after{ | ||
| box-shadow: 0 0 0 4px #95A5A6; | ||
| } | ||
|
|
||
|
|
||
|
|
||
| .read_more.black:hover, .read_more:hover {border: 2px solid #95A5A6;} | ||
| .over_about, .blog_title_heading h1 {background-color: rgba(149, 165, 166, 0.9);} | ||
| .over {background-color:#95A5A6;} | ||
|
|
||
|
|
||
| .cap_style_2_button {border: 3px solid rgb(149, 165, 166); } | ||
| .cap_style_2_button a:hover { color:#95A5A6;} | ||
|
|
| @@ -0,0 +1,37 @@ | ||
| #service_tab_triggers ul li.active a, .no-touch .hi-icon-effect-1a .hi-icon:hover, .no-touch .hi-icon-effect-1b .hi-icon:hover, .btn.btn-primary, .label-primary, | ||
| .accordion i, .trigger i, .the-date-big, #response .submit_post, .tags li:hover, #footer .submit_buttom, .skill .bar, .read_more:hover, | ||
| .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .menu_trigger, .mobileAreaMenu a:hover { | ||
|
|
||
| background-color: #2ECC71; | ||
| } | ||
|
|
||
| ::selection {background-color: #2ECC71; color: white;} | ||
|
|
||
| .btn.btn-primary:hover {background: #27AE60;} | ||
|
|
||
| a:hover, .process_icon i, .the-title h1 a:hover, .faq_icons i, .blog-item-home a:hover, a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { | ||
| color:#2ECC71; | ||
| } | ||
|
|
||
|
|
||
|
|
||
| .hi-icon-effect-1 .hi-icon:after{ | ||
| box-shadow: 0 0 0 4px #2ECC71; | ||
| } | ||
|
|
||
|
|
||
|
|
||
|
|
||
| .read_more.black:hover, .read_more:hover {border: 2px solid #2ECC71;} | ||
|
|
||
| .over_about, .blog_title_heading h1 {background-color: rgba(46, 204, 113, 0.9);} | ||
|
|
||
| .over {background-color:#10E77A;} | ||
|
|
||
|
|
||
| .cap_style_2_button {border: 3px solid rgb(46, 204, 113); } | ||
| .cap_style_2_button a:hover { color:#2ECC71;} | ||
|
|
||
|
|
||
|
|
||
|
|
| @@ -0,0 +1,31 @@ | ||
| #service_tab_triggers ul li.active a, .no-touch .hi-icon-effect-1a .hi-icon:hover, .no-touch .hi-icon-effect-1b .hi-icon:hover, .btn.btn-primary, .label-primary, | ||
| .accordion i, .trigger i, .the-date-big, #response .submit_post, .tags li:hover, #footer .submit_buttom, .skill .bar, .read_more:hover, | ||
| .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .menu_trigger, .mobileAreaMenu a:hover { | ||
|
|
||
| background-color: #34495E; | ||
| } | ||
|
|
||
| ::selection {background-color: #34495E; color: white;} | ||
|
|
||
| .btn.btn-primary:hover {background: #2C3E50;} | ||
|
|
||
| a:hover, .process_icon i, .the-title h1 a:hover, .faq_icons i, .blog-item-home a:hover, a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { | ||
| color:#34495E; | ||
| } | ||
|
|
||
|
|
||
| .hi-icon-effect-1 .hi-icon:after{ | ||
| box-shadow: 0 0 0 4px #34495E; | ||
| } | ||
|
|
||
|
|
||
| .read_more.black:hover, .read_more:hover {border: 2px solid #34495E;} | ||
|
|
||
| .over_about, .blog_title_heading h1 {background-color: rgba(52, 73, 94, 0.9);} | ||
|
|
||
| .over {background-color:#34495E;} | ||
|
|
||
|
|
||
| .cap_style_2_button {border: 3px solid rgb(52, 73, 94); } | ||
| .cap_style_2_button a:hover { color:#34495E;} | ||
|
|
| @@ -0,0 +1,34 @@ | ||
| #service_tab_triggers ul li.active a, .no-touch .hi-icon-effect-1a .hi-icon:hover, .no-touch .hi-icon-effect-1b .hi-icon:hover, .btn.btn-primary, .label-primary, | ||
| .accordion i, .trigger i, .the-date-big, #response .submit_post, .tags li:hover, #footer .submit_buttom, .skill .bar, .read_more:hover, | ||
| .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .menu_trigger, .mobileAreaMenu a:hover { | ||
|
|
||
| background-color: #FF7D0A; | ||
| } | ||
|
|
||
| ::selection {background-color: #FF7D0A; color: white;} | ||
|
|
||
| .btn.btn-primary:hover {background: #D35400;} | ||
|
|
||
| a:hover, .process_icon i, .the-title h1 a:hover, .faq_icons i, .blog-item-home a:hover, a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { | ||
| color:#FF7D0A; | ||
| } | ||
|
|
||
|
|
||
|
|
||
| .hi-icon-effect-1 .hi-icon:after{ | ||
| box-shadow: 0 0 0 4px #FF7D0A; | ||
| } | ||
|
|
||
|
|
||
|
|
||
|
|
||
| .read_more.black:hover, .read_more:hover {border: 2px solid #FF7D0A;} | ||
|
|
||
| .over_about, .blog_title_heading h1 {background-color: rgba(255, 125, 10, 0.9);} | ||
|
|
||
| .over {background-color:#FF7D0A;} | ||
|
|
||
| .cap_style_2_button {border: 3px solid rgb(255, 125, 10); } | ||
| .cap_style_2_button a:hover { color:#FF7D0A;} | ||
|
|
||
|
|
| @@ -0,0 +1,35 @@ | ||
| #service_tab_triggers ul li.active a, .no-touch .hi-icon-effect-1a .hi-icon:hover, .no-touch .hi-icon-effect-1b .hi-icon:hover, .btn.btn-primary, .label-primary, | ||
| .accordion i, .trigger i, .the-date-big, #response .submit_post, .tags li:hover, #footer .submit_buttom, .skill .bar, .read_more:hover, | ||
| .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .menu_trigger, .mobileAreaMenu a:hover { | ||
|
|
||
| background-color: #9B59B6; | ||
| } | ||
|
|
||
| ::selection {background-color: #9B59B6; color: white;} | ||
|
|
||
| .btn.btn-primary:hover {background: #8E44AD;} | ||
|
|
||
| a:hover, .process_icon i, .the-title h1 a:hover, .faq_icons i, .blog-item-home a:hover, a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { | ||
| color:#9B59B6; | ||
| } | ||
|
|
||
|
|
||
|
|
||
| .hi-icon-effect-1 .hi-icon:after{ | ||
| box-shadow: 0 0 0 4px #9B59B6; | ||
| } | ||
|
|
||
|
|
||
|
|
||
|
|
||
| .read_more.black:hover, .read_more:hover {border: 2px solid #9B59B6;} | ||
|
|
||
| .over_about, .blog_title_heading h1 {background-color: rgba(155, 89, 182, 0.9);} | ||
|
|
||
| .over {background-color:#9B59B6;} | ||
|
|
||
|
|
||
|
|
||
| .cap_style_2_button {border: 3px solid rgb(155, 89, 182); } | ||
| .cap_style_2_button a:hover { color:#9B59B6;} | ||
|
|
| @@ -0,0 +1,35 @@ | ||
| #service_tab_triggers ul li.active a, .no-touch .hi-icon-effect-1a .hi-icon:hover, .no-touch .hi-icon-effect-1b .hi-icon:hover, .btn.btn-primary, .label-primary, | ||
| .accordion i, .trigger i, .the-date-big, #response .submit_post, .tags li:hover, #footer .submit_buttom, .skill .bar, .read_more:hover, | ||
| .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .menu_trigger, .mobileAreaMenu a:hover { | ||
|
|
||
| background-color: #E74C3C; | ||
| } | ||
|
|
||
| ::selection {background-color: #E74C3C; color: white;} | ||
|
|
||
| .btn.btn-primary:hover {background: #C0392B;} | ||
|
|
||
| a:hover, .process_icon i, .the-title h1 a:hover, .faq_icons i, .blog-item-home a:hover, a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { | ||
| color:#E74C3C; | ||
| } | ||
|
|
||
|
|
||
|
|
||
| .hi-icon-effect-1 .hi-icon:after{ | ||
| box-shadow: 0 0 0 4px #E74C3C; | ||
| } | ||
|
|
||
|
|
||
|
|
||
|
|
||
| .read_more.black:hover, .read_more:hover {border: 2px solid #E74C3C;} | ||
|
|
||
| .over_about, .blog_title_heading h1 {background-color: rgba(231, 76, 60, 0.9);} | ||
|
|
||
| .over {background-color:#E74C3C;} | ||
|
|
||
|
|
||
|
|
||
| .cap_style_2_button {border: 3px solid rgb(231, 76, 60); } | ||
| .cap_style_2_button a:hover { color:#E74C3C;} | ||
|
|
| @@ -0,0 +1,36 @@ | ||
| #service_tab_triggers ul li.active a, .no-touch .hi-icon-effect-1a .hi-icon:hover, .no-touch .hi-icon-effect-1b .hi-icon:hover, .btn.btn-primary, .label-primary, | ||
| .accordion i, .trigger i, .the-date-big, #response .submit_post, .tags li:hover, #footer .submit_buttom, .skill .bar, .read_more:hover, | ||
| .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .menu_trigger, .mobileAreaMenu a:hover { | ||
|
|
||
| background-color: #FFC200; | ||
| } | ||
|
|
||
| ::selection {background-color: #FFC200; color: white;} | ||
|
|
||
| .btn.btn-primary:hover {background: #F39C12;} | ||
|
|
||
| a:hover, .process_icon i, .the-title h1 a:hover, .faq_icons i, .blog-item-home a:hover, a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { | ||
| color:#FFC200; | ||
| } | ||
|
|
||
|
|
||
|
|
||
| .hi-icon-effect-1 .hi-icon:after{ | ||
| box-shadow: 0 0 0 4px #FFC200; | ||
| } | ||
|
|
||
|
|
||
|
|
||
|
|
||
| .read_more.black:hover, .read_more:hover {border: 2px solid #FFC200;} | ||
|
|
||
| .over_about, .blog_title_heading h1 {background-color: rgba(255, 194, 15, 0.9);} | ||
|
|
||
| .over {background-color:#FFC200;} | ||
|
|
||
|
|
||
|
|
||
|
|
||
| .cap_style_2_button {border: 3px solid rgb(255, 194, 15); } | ||
| .cap_style_2_button a:hover { color:#FFC200;} | ||
|
|
| @@ -0,0 +1,223 @@ | ||
| /* | ||
| * jQuery One Page Nav Plugin | ||
| * http://github.com/davist11/jQuery-One-Page-Nav | ||
| * | ||
| * Copyright (c) 2010 Trevor Davis (http://trevordavis.net) | ||
| * Dual licensed under the MIT and GPL licenses. | ||
| * Uses the same license as jQuery, see: | ||
| * http://jquery.org/license | ||
| * | ||
| * @version 2.2 | ||
| * | ||
| * Example usage: | ||
| * $('#nav').onePageNav({ | ||
| * currentClass: 'current', | ||
| * changeHash: false, | ||
| * scrollSpeed: 750 | ||
| * }); | ||
| */ | ||
|
|
||
| ;(function($, window, document, undefined){ | ||
|
|
||
| // our plugin constructor | ||
| var OnePageNav = function(elem, options){ | ||
| this.elem = elem; | ||
| this.$elem = $(elem); | ||
| this.options = options; | ||
| this.metadata = this.$elem.data('plugin-options'); | ||
| this.$nav = this.$elem.find('a'); | ||
| this.$win = $(window); | ||
| this.sections = {}; | ||
| this.didScroll = false; | ||
| this.$doc = $(document); | ||
| this.docHeight = this.$doc.height(); | ||
| }; | ||
|
|
||
| // the plugin prototype | ||
| OnePageNav.prototype = { | ||
| defaults: { | ||
| //currentClass: 'active', | ||
| changeHash: false, | ||
| easing: 'swing', | ||
| filter: '', | ||
| scrollSpeed: 750, | ||
| scrollOffset: 100, | ||
| scrollThreshold: 0.5, | ||
| begin: false, | ||
| end: false, | ||
| scrollChange: false | ||
| }, | ||
|
|
||
| init: function() { | ||
| var self = this; | ||
|
|
||
| // Introduce defaults that can be extended either | ||
| // globally or using an object literal. | ||
| self.config = $.extend({}, self.defaults, self.options, self.metadata); | ||
|
|
||
| //Filter any links out of the nav | ||
| if(self.config.filter !== '') { | ||
| self.$nav = self.$nav.filter(self.config.filter); | ||
| } | ||
|
|
||
| //Handle clicks on the nav | ||
| self.$nav.on('click.onePageNav', $.proxy(self.handleClick, self)); | ||
|
|
||
| //Get the section positions | ||
| self.getPositions(); | ||
|
|
||
| //Handle scroll changes | ||
| self.bindInterval(); | ||
|
|
||
| //Update the positions on resize too | ||
| self.$win.on('resize.onePageNav', $.proxy(self.getPositions, self)); | ||
|
|
||
| return this; | ||
| }, | ||
|
|
||
| adjustNav: function(self, $parent) { | ||
| self.$elem.find('.' + self.config.currentClass).removeClass(self.config.currentClass); | ||
| $parent.addClass(self.config.currentClass); | ||
| }, | ||
|
|
||
| bindInterval: function() { | ||
| var self = this; | ||
| var docHeight; | ||
|
|
||
| self.$win.on('scroll.onePageNav', function() { | ||
| self.didScroll = true; | ||
| }); | ||
|
|
||
| self.t = setInterval(function() { | ||
| docHeight = self.$doc.height(); | ||
|
|
||
| //If it was scrolled | ||
| if(self.didScroll) { | ||
| self.didScroll = false; | ||
| self.scrollChange(); | ||
| } | ||
|
|
||
| //If the document height changes | ||
| if(docHeight !== self.docHeight) { | ||
| self.docHeight = docHeight; | ||
| self.getPositions(); | ||
| } | ||
| }, 250); | ||
| }, | ||
|
|
||
| getHash: function($link) { | ||
| return $link.attr('href').split('#')[1]; | ||
| }, | ||
|
|
||
| getPositions: function() { | ||
| var self = this; | ||
| var linkHref; | ||
| var topPos; | ||
| var $target; | ||
|
|
||
| self.$nav.each(function() { | ||
| linkHref = self.getHash($(this)); | ||
| $target = $('#' + linkHref); | ||
|
|
||
| if($target.length) { | ||
| topPos = $target.offset().top; | ||
| self.sections[linkHref] = Math.round(topPos) - self.config.scrollOffset; | ||
| } | ||
| }); | ||
| }, | ||
|
|
||
| getSection: function(windowPos) { | ||
| var returnValue = null; | ||
| var windowHeight = Math.round(this.$win.height() * this.config.scrollThreshold); | ||
|
|
||
| for(var section in this.sections) { | ||
| if((this.sections[section] - windowHeight) < windowPos) { | ||
| returnValue = section; | ||
| } | ||
| } | ||
|
|
||
| return returnValue; | ||
| }, | ||
|
|
||
| handleClick: function(e) { | ||
| var self = this; | ||
| var $link = $(e.currentTarget); | ||
| var $parent = $link.parent(); | ||
| var newLoc = '#' + self.getHash($link); | ||
|
|
||
| if(!$parent.hasClass(self.config.currentClass)) { | ||
| //Start callback | ||
| if(self.config.begin) { | ||
| self.config.begin(); | ||
| } | ||
|
|
||
| //Change the highlighted nav item | ||
| self.adjustNav(self, $parent); | ||
|
|
||
| //Removing the auto-adjust on scroll | ||
| self.unbindInterval(); | ||
|
|
||
| //Scroll to the correct position | ||
| $.scrollTo(newLoc, self.config.scrollSpeed, { | ||
| axis: 'y', | ||
| easing: self.config.easing, | ||
| offset: { | ||
| top: -self.config.scrollOffset | ||
| }, | ||
| onAfter: function() { | ||
| //Do we need to change the hash? | ||
| if(self.config.changeHash) { | ||
| window.location.hash = newLoc; | ||
| } | ||
|
|
||
| //Add the auto-adjust on scroll back in | ||
| self.bindInterval(); | ||
|
|
||
| //End callback | ||
| if(self.config.end) { | ||
| self.config.end(); | ||
| } | ||
| } | ||
| }); | ||
| } | ||
|
|
||
| e.preventDefault(); | ||
| }, | ||
|
|
||
| scrollChange: function() { | ||
| var windowTop = this.$win.scrollTop(); | ||
| var position = this.getSection(windowTop); | ||
| var $parent; | ||
|
|
||
| //If the position is set | ||
| if(position !== null) { | ||
| $parent = this.$elem.find('a[href$="#' + position + '"]').parent(); | ||
|
|
||
| //If it's not already the current section | ||
| if(!$parent.hasClass(this.config.currentClass)) { | ||
| //Change the highlighted nav item | ||
| this.adjustNav(this, $parent); | ||
|
|
||
| //If there is a scrollChange callback | ||
| if(this.config.scrollChange) { | ||
| this.config.scrollChange($parent); | ||
| } | ||
| } | ||
| } | ||
| }, | ||
|
|
||
| unbindInterval: function() { | ||
| clearInterval(this.t); | ||
| this.$win.unbind('scroll.onePageNav'); | ||
| } | ||
| }; | ||
|
|
||
| OnePageNav.defaults = OnePageNav.prototype.defaults; | ||
|
|
||
| $.fn.onePageNav = function(options) { | ||
| return this.each(function() { | ||
| new OnePageNav(this, options).init(); | ||
| }); | ||
| }; | ||
|
|
||
| })( jQuery, window , document ); |
| @@ -0,0 +1 @@ | ||
|
|
| @@ -0,0 +1,198 @@ | ||
| /* http://prismjs.com/download.html?themes=prism-twilight&languages=markup+css+clike+javascript */ | ||
| /** | ||
| * prism.js Twilight theme | ||
| * Based (more or less) on the Twilight theme originally of Textmate fame. | ||
| * @author Remy Bach | ||
| */ | ||
| code[class*="language-"], | ||
| pre[class*="language-"] { | ||
| color: white; | ||
| direction: ltr; | ||
| font-size: 12px; | ||
| font-family: Consolas, Monaco, 'Andale Mono', monospace; | ||
| text-align: left; | ||
| /* text-shadow: 0 -.1em .2em black; */ | ||
| white-space: pre; | ||
| word-spacing: normal; | ||
| word-break: normal; | ||
| line-height: 1.5; | ||
|
|
||
| -moz-tab-size: 4; | ||
| -o-tab-size: 4; | ||
| tab-size: 4; | ||
|
|
||
| -webkit-hyphens: none; | ||
| -moz-hyphens: none; | ||
| -ms-hyphens: none; | ||
| hyphens: none; | ||
| } | ||
| pre .comment {background: none; border: none;} | ||
| pre[class*="language-"], | ||
| :not(pre) > code[class*="language-"] { | ||
| background: #272822; /* #141414 */ | ||
| } | ||
|
|
||
| /* Code blocks */ | ||
| pre[class*="language-"] { | ||
| /* border-radius: .5em; | ||
| border: .3em solid hsl(0, 0%, 33%); */ /* #282A2B */ | ||
| /* box-shadow: 1px 1px .5em black inset; */ | ||
| margin: .5em 0; | ||
| overflow: auto; | ||
| padding: 1em; | ||
| } | ||
|
|
||
| pre[class*="language-"]::selection { | ||
| /* Safari */ | ||
| background: hsl(200, 4%, 16%); /* #282A2B */ | ||
| } | ||
|
|
||
| pre[class*="language-"]::selection { | ||
| /* Firefox */ | ||
| background: hsl(200, 4%, 16%); /* #282A2B */ | ||
| } | ||
|
|
||
| /* Text Selection colour */ | ||
| pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, | ||
| code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection { | ||
| text-shadow: none; | ||
| background: hsla(0, 0%, 93%, 0.15); /* #EDEDED */ | ||
| } | ||
|
|
||
| pre[class*="language-"]::selection, pre[class*="language-"] ::selection, | ||
| code[class*="language-"]::selection, code[class*="language-"] ::selection { | ||
| text-shadow: none; | ||
| background: hsla(0, 0%, 93%, 0.15); /* #EDEDED */ | ||
| } | ||
|
|
||
| /* Inline code */ | ||
| :not(pre) > code[class*="language-"] { | ||
| border-radius: .3em; | ||
| border: .13em solid hsl(0, 0%, 33%); /* #545454 */ | ||
| box-shadow: 1px 1px .3em -.1em black inset; | ||
| padding: .15em .2em .05em; | ||
| } | ||
|
|
||
| .token.comment, | ||
| .token.prolog, | ||
| .token.doctype, | ||
| .token.cdata { | ||
| color: hsl(0, 0%, 47%); /* #777777 */ | ||
| } | ||
|
|
||
| .token.punctuation { | ||
| opacity: .7; | ||
| } | ||
|
|
||
| .namespace { | ||
| opacity: .7; | ||
| } | ||
|
|
||
| .token.tag, | ||
| .token.boolean, | ||
| .token.number, | ||
| .token.deleted { | ||
| color: hsl(14, 58%, 55%); /* #CF6A4C */ | ||
| } | ||
|
|
||
| .token.keyword, | ||
| .token.property, | ||
| .token.selector, | ||
| .token.constant, | ||
| .token.symbol, | ||
| .token.builtin { | ||
| color: hsl(53, 89%, 79%); /* #F9EE98 */ | ||
| } | ||
|
|
||
| .token.attr-name, | ||
| .token.attr-value, | ||
| .token.string, | ||
| .token.char, | ||
| .token.operator, | ||
| .token.entity, | ||
| .token.url, | ||
| .language-css .token.string, | ||
| .style .token.string, | ||
| .token.variable, | ||
| .token.inserted { | ||
| color: #e6db74 ; | ||
| } | ||
|
|
||
| .token.atrule { | ||
| color: hsl(218, 22%, 55%); /* #7587A6 */ | ||
| } | ||
|
|
||
| .token.regex, | ||
| .token.important { | ||
| color: hsl(42, 75%, 65%); /* #E9C062 */ | ||
| } | ||
|
|
||
| .token.important { | ||
| font-weight: bold; | ||
| } | ||
|
|
||
| .token.entity { | ||
| cursor: help; | ||
| } | ||
|
|
||
| pre[data-line] { | ||
| padding: 1em 0 1em 3em; | ||
| position: relative; | ||
| } | ||
|
|
||
| /* Markup */ | ||
| .language-markup .token.tag, | ||
| .language-markup .token.attr-name, | ||
| .language-markup .token.punctuation { | ||
| color:#FF367B; /* #AC885B */ | ||
| } | ||
|
|
||
| /* Make the tokens sit above the line highlight so the colours don't look faded. */ | ||
| .token { | ||
| position: relative; | ||
| z-index: 1; | ||
| } | ||
|
|
||
| .line-highlight { | ||
| background: -moz-linear-gradient(left, hsla(0, 0%, 33%, .1) 70%, hsla(0, 0%, 33%, 0)); /* #545454 */ | ||
| background: -o-linear-gradient(left, hsla(0, 0%, 33%, .1) 70%, hsla(0, 0%, 33%, 0)); /* #545454 */ | ||
| background: -webkit-linear-gradient(left, hsla(0, 0%, 33%, .1) 70%, hsla(0, 0%, 33%, 0)); /* #545454 */ | ||
| background: hsla(0, 0%, 33%, 0.25); /* #545454 */ | ||
| background: linear-gradient(left, hsla(0, 0%, 33%, .1) 70%, hsla(0, 0%, 33%, 0)); /* #545454 */ | ||
| border-bottom: 1px dashed hsl(0, 0%, 33%); /* #545454 */ | ||
| border-top: 1px dashed hsl(0, 0%, 33%); /* #545454 */ | ||
| left: 0; | ||
| line-height: inherit; | ||
| margin-top: 0.75em; /* Same as .prism’s padding-top */ | ||
| padding: inherit 0; | ||
| pointer-events: none; | ||
| position: absolute; | ||
| right: 0; | ||
| white-space: pre; | ||
| z-index: 0; | ||
| } | ||
|
|
||
| .line-highlight:before, | ||
| .line-highlight[data-end]:after { | ||
| background-color: hsl(215, 15%, 59%); /* #8794A6 */ | ||
| border-radius: 999px; | ||
| box-shadow: 0 1px white; | ||
| color: hsl(24, 20%, 95%); /* #F5F2F0 */ | ||
| content: attr(data-start); | ||
| font: bold 65%/1.5 sans-serif; | ||
| left: .6em; | ||
| min-width: 1em; | ||
| padding: 0 .5em; | ||
| position: absolute; | ||
| text-align: center; | ||
| text-shadow: none; | ||
| top: .4em; | ||
| vertical-align: .3em; | ||
| } | ||
|
|
||
| .line-highlight[data-end]:after { | ||
| bottom: .4em; | ||
| content: attr(data-end); | ||
| top: auto; | ||
| } | ||
|
|
| @@ -0,0 +1,129 @@ | ||
| /** | ||
| * Tweetie: A simple Twitter feed plugin | ||
| * Author: Sonny T. <hi@sonnyt.com>, sonnyt.com | ||
| */ | ||
|
|
||
| (function ($) { | ||
| 'use strict'; | ||
|
|
||
| $.fn.twittie = function () { | ||
| var options = (arguments[0] instanceof Object) ? arguments[0] : {}, | ||
| callback = (typeof arguments[0] === 'function') ? arguments[0] : arguments[1]; | ||
|
|
||
| // Default settings | ||
| var settings = $.extend({ | ||
| 'username': null, | ||
| 'list': null, | ||
| 'hashtag': null, | ||
| 'count': 10, | ||
| 'hideReplies': false, | ||
| 'dateFormat': '%b/%d/%Y', | ||
| 'template': '{{date}} - {{tweet}}', | ||
| 'apiPath' : 'api/tweet.php' | ||
| }, options); | ||
|
|
||
| if (settings.list && !settings.username) { | ||
| $.error('If you want to fetch tweets from a list, you must define the username of the list owner.'); | ||
| } | ||
|
|
||
| /** | ||
| * Applies @reply, #hash and http links | ||
| * @param {String} tweet A single tweet | ||
| * @return {String} Fixed tweet | ||
| * | ||
| * Thanks to @Wachem enhanced linking. | ||
| */ | ||
| var linking = function (tweet) { | ||
| var twit = tweet.replace(/(https?:\/\/([-\w\.]+)+(:\d+)?(\/([\w\/_\.]*(\?\S+)?)?)?)/ig,'<a href="$1" target="_blank" title="Visit this link">$1</a>') | ||
| .replace(/#([a-zA-Z0-9_]+)/g,'<a href="http://twitter.com/search?q=%23$1&src=hash" target="_blank" title="Search for #$1">#$1</a>') | ||
| .replace(/@([a-zA-Z0-9_]+)/g,'<a href="http://twitter.com/$1" target="_blank" title="$1 on Twitter">@$1</a>'); | ||
|
|
||
| return twit; | ||
| }; | ||
|
|
||
| /** | ||
| * Formating a date | ||
| * @param {String} twt_date Twitter date | ||
| * @return {String} Formatted date | ||
| */ | ||
| var dating = function (twt_date) { | ||
| // fix for IE | ||
| var time = twt_date.split(' '); | ||
| twt_date = new Date(Date.parse(time[1] + ' ' + time[2] + ', ' + time[5] + ' ' + time[3] + ' UTC')); | ||
|
|
||
| var months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']; | ||
|
|
||
| var _date = { | ||
| '%d': twt_date.getDate(), | ||
| '%m': twt_date.getMonth()+1, | ||
| '%b': months[twt_date.getMonth()].substr(0, 3), | ||
| '%B': months[twt_date.getMonth()], | ||
| '%y': String(twt_date.getFullYear()).slice(-2), | ||
| '%Y': twt_date.getFullYear() | ||
| }; | ||
|
|
||
| var date = settings.dateFormat; | ||
| var format = settings.dateFormat.match(/%[dmbByY]/g); | ||
|
|
||
| for (var i = 0, len = format.length; i < len; i++) { | ||
| date = date.replace(format[i], _date[format[i]]); | ||
| } | ||
|
|
||
| return date; | ||
| }; | ||
|
|
||
| /** | ||
| * Templating a tweet using '{{ }}' braces | ||
| * @param {Object} data Tweet details are passed | ||
| * @return {String} Templated string | ||
| */ | ||
| var templating = function (data) { | ||
| var temp = settings.template; | ||
| var temp_variables = ['date', 'tweet', 'avatar', 'url', 'retweeted', 'screen_name', 'user_name']; | ||
|
|
||
| for (var i = 0, len = temp_variables.length; i < len; i++) { | ||
| temp = temp.replace(new RegExp('{{' + temp_variables[i] + '}}', 'gi'), data[temp_variables[i]]); | ||
| } | ||
|
|
||
| return temp; | ||
| }; | ||
|
|
||
| // Set loading | ||
| this.html('<span>Loading...</span>'); | ||
|
|
||
| var that = this; | ||
|
|
||
| // Fetch tweets | ||
| $.getJSON(settings.apiPath, { username: settings.username, list: settings.list, hashtag: settings.hashtag, count: settings.count, exclude_replies: settings.hideReplies }, function (twt) { | ||
| that.find('span').fadeOut('fast', function () { | ||
| that.html('<ul></ul>'); | ||
|
|
||
| for (var i = 0; i < settings.count; i++) { | ||
| var tweet = false; | ||
| if(twt[i]) { | ||
| tweet = twt[i]; | ||
| } else if(twt.statuses !== undefined && twt.statuses[i]) { | ||
| tweet = twt.statuses[i]; | ||
| } else { | ||
| break; | ||
| } | ||
|
|
||
| var temp_data = { | ||
| user_name: tweet.user.name, | ||
| date: dating(tweet.created_at), | ||
| tweet: (tweet.retweeted) ? linking('RT @'+ tweet.user.screen_name +': '+ tweet.retweeted_status.text) : linking(tweet.text), | ||
| avatar: '<img src="'+ tweet.user.profile_image_url +'" />', | ||
| url: 'http://twitter.com/' + tweet.user.screen_name + '/status/' + tweet.id_str, | ||
| retweeted: tweet.retweeted, | ||
| screen_name: linking('@'+ tweet.user.screen_name) | ||
| }; | ||
|
|
||
| that.find('ul').append('<li>' + templating(temp_data) + '</li>'); | ||
| } | ||
|
|
||
| if (typeof callback === 'function') { callback(); } | ||
| }); | ||
| }); | ||
| }; | ||
|
|
||
| })(jQuery); |
| @@ -0,0 +1,185 @@ | ||
| <!DOCTYPE html> | ||
| <html class="no-js"> | ||
| <head> | ||
| <!--CACTUS--> | ||
| <meta charset="utf-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | ||
| <title>Tasty Panama</title> | ||
| <meta name="description" content=""> | ||
| <meta name="viewport" content="width=device-width"> | ||
|
|
||
| <link rel="stylesheet" href="{% static '/static/css/bootstrap.css' %}"> | ||
| <style> | ||
| body { | ||
| padding-top: 50px; | ||
| padding-bottom: 20px; | ||
| } | ||
| </style> | ||
| <link rel="stylesheet" href="{% static '/static/css/bootstrap-theme.css' %}"> | ||
| <link rel="stylesheet" href="{% static '/static/css/main.css' %}"> | ||
| <script src="{% static '/static/js/vendor/modernizr-2.6.2.js' %}"></script> | ||
|
|
||
| <!--TEMPLATE--> | ||
|
|
||
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> | ||
|
|
||
| <!-- DEFAULT TEMPLATE FONTS DO NOT REMOVE --> | ||
| <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,800,300,600,700' rel='stylesheet' type='text/css'> | ||
| <link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'> | ||
|
|
||
| <!-- EXTRA FONT FOR SLIDER --> | ||
| <link href='http://fonts.googleapis.com/css?family=Josefin+Slab:300,400,600' rel='stylesheet' type='text/css'> | ||
|
|
||
| <!-- MAIN CSS LIBRARIES --> | ||
| <link href="{% static '/static/css/reset.css' %}" rel="stylesheet" type="text/css" /> | ||
| <link href="{% static '/static/css/bootstrap2.css %}" rel="stylesheet" type="text/css" /> | ||
| <link href="{% static '/static/css/prettyPhoto.css %}" rel="stylesheet" type="text/css" /> | ||
| <link href="{% static '/static/css/font-awesome.css %}" rel="stylesheet" type="text/css" /> | ||
| <link href="{% static '/static/css/owl.carousel.css %}" rel="stylesheet" type="text/css" /> | ||
| <link href="{% static '/static/css/owl.theme.css %}" rel="stylesheet" type="text/css" /> | ||
| <link href="{% static '/static/css/YTPlayer.css %}" rel="stylesheet" type="text/css" /> | ||
| <link href="{% static '/static/css/animate.css %}" rel="stylesheet" type="text/css" /> | ||
|
|
||
| <!-- SLIDER REVOLUTION 4.x CSS SETTINGS --> | ||
| <link rel="stylesheet" type="text/css" href="rs-plugin/css/settings.css" media="screen" /> | ||
| <link rel="stylesheet" type="text/css" href="rs-plugin/css/extralayers.css" media="screen" /> | ||
|
|
||
| <!-- MAIN STYLES FOR THE TEMPLATE --> | ||
| <link href="style.css" rel="stylesheet" type="text/css" /> | ||
|
|
||
|
|
||
| </head> | ||
|
|
||
| <body> | ||
|
|
||
| <div id="top"></div> | ||
| <div id="preloader"> | ||
| <div id="status"> </div> | ||
| </div> | ||
|
|
||
|
|
||
| <!-- *** HEADER STARTS *** --> | ||
| <header class="transparent_menu"> | ||
|
|
||
| <div class="container-fluid"> | ||
| <div class="row"> | ||
| <div class="col-md-12"> | ||
|
|
||
| <!-- *** LOGOS STARTS *** --> | ||
| <div id="logo"> | ||
| <a href="#top"><img src="images/logo.png" alt="logo"></a> | ||
| </div> | ||
| <div id="logo_dark"> | ||
| <a href="#top"><img src="images/logo_dark.png" alt="logo"></a> | ||
| </div> | ||
| <!-- *** LOGOS END *** --> | ||
|
|
||
| <ul class="mobile_nav_trigger"> | ||
| <li><a href="#responsive_nav" class="menu_trigger"><i class="fa fa-bars fa-2x"></i></a></li> | ||
| </ul> | ||
|
|
||
| <div class="social_nav"> | ||
| <ul> | ||
| <li class="twitter_header_icon"><a href="#twitter"><i class="fa fa-twitter fa-2x"></i></a></li> | ||
| <li class="facebook_header_icon"><a href="#facebook"><i class="fa fa-facebook fa-2x"></i></a></li> | ||
| </ul> | ||
| </div> | ||
|
|
||
| <!-- *** MAIN NAVIGATION STARTS *** --> | ||
| <nav class="main_nav white"> | ||
| <ul> | ||
| <li class="active"><a href="#top">Home</a></li> | ||
| <li><a href="#about-us">About </a></li> | ||
| <li><a href="#services">Services</a></li> | ||
| <li><a href="#portfolio">Portfolio</a></li> | ||
| <li><a href="#process_one">Process</a></li> | ||
| <li><a href="#faq">FAQ</a></li> | ||
| <li><a href="#blog">Blog</a></li> | ||
| <li><a href="#footer">Contact</a></li> | ||
| <li><a href="shortcodes.html" class="external">Shortcodes <span class="label label-danger">New</span></a></li> | ||
| </ul> | ||
| </nav> | ||
| <!-- *** MAIN NAVIGATION END *** --> | ||
|
|
||
| </div><!--col-me-12--> | ||
| </div><!--row--> | ||
| </div><!--container-fluid--> | ||
|
|
||
|
|
||
| <!-- *** RESPONSIVE NAV START *** --> | ||
| <div class="responsive_nav"> | ||
| <div class="mobileAreaMenu"> | ||
| <ul> | ||
| <li class="active"><a href="#top">Home</a></li> | ||
| <li><a href="#about-us">About </a></li> | ||
| <li><a href="#services">Services</a></li> | ||
| <li><a href="#portfolio">Portfolio</a></li> | ||
| <li><a href="#process_one">Process</a></li> | ||
| <li><a href="#faq">FAQ</a></li> | ||
| <li><a href="#blog">Blog</a></li> | ||
| <li><a href="#footer">Contact</a></li> | ||
| <li><a href="shortcodes.html" class="external">Shortcodes <span class="label label-danger">New</span></a></li> | ||
| </ul> | ||
| </div><!--mobileAreaMenu--> | ||
| </div><!--responsive_nav--> | ||
| <!-- *** RESPONSIVE NAV END *** --> | ||
|
|
||
| </header> | ||
| <!-- *** HEADER END *** --> | ||
|
|
||
|
|
||
| <!--CACTUS--> | ||
| <!-- | ||
| <div class="navbar navbar-inverse navbar-fixed-top"> | ||
| <div class="container"> | ||
| <div class="navbar-header"> | ||
| <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> | ||
| <span class="icon-bar"></span> | ||
| <span class="icon-bar"></span> | ||
| <span class="icon-bar"></span> | ||
| </button> | ||
| <a class="navbar-brand" href="{% url "/index.html" %}">Project name</a> | ||
| </div> | ||
| <div class="navbar-collapse collapse"> | ||
| <ul class="nav navbar-nav"> | ||
| <li class="{% if_current_page '/index.html' 'active' '' %}"><a href="{% url '/index.html' %}">Home</a></li> | ||
| <li class="{% if_current_page '/about.html' 'active' '' %}"><a href="{% url '/about.html' %}">Sobre Nosotros</a></li> | ||
| <li class="{% if_current_page '/contact.html' 'active' '' %}"><a href="{% url '/contact.html' %}">Contactenos</a></li> | ||
| <li class="dropdown"> | ||
| <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> | ||
| <ul class="dropdown-menu"> | ||
| <li><a href="#">Action</a></li> | ||
| <li><a href="#">Another action</a></li> | ||
| <li><a href="#">Something else here</a></li> | ||
| <li class="divider"></li> | ||
| <li class="dropdown-header">Nav header</li> | ||
| <li><a href="#">Separated link</a></li> | ||
| <li><a href="#">One more separated link</a></li> | ||
| </ul> | ||
| </li> | ||
| </ul> | ||
| <form class="navbar-form navbar-right"> | ||
| <div class="form-group"> | ||
| <input type="text" placeholder="Email" class="form-control"> | ||
| </div> | ||
| <div class="form-group"> | ||
| <input type="password" placeholder="Password" class="form-control"> | ||
| </div> | ||
| <button type="submit" class="btn btn-success">Sign in</button> | ||
| </form> | ||
| </div><!--/.navbar-collapse --> | ||
| </div> | ||
| </div> | ||
| --> | ||
| {% block body %} | ||
| {% endblock %} | ||
|
|
||
| <script src="{% static '/static/js/vendor/jquery-1.10.1.js' %}"></script> | ||
| <script src="{% static '/static/js/vendor/bootstrap.js' %}"></script> | ||
| <script src="{% static '/static/js/main.js' %}"></script> | ||
| </body> | ||
|
|
||
| {% block scripts %} | ||
| {% endblock %} | ||
| </html> |
.png){kind=link}
.png){kind=link}
