diff --git a/css/fonts/curlythemes.eot b/css/fonts/curlythemes.eot new file mode 100644 index 0000000..6ebf5fd Binary files /dev/null and b/css/fonts/curlythemes.eot differ diff --git a/css/fonts/curlythemes.svg b/css/fonts/curlythemes.svg new file mode 100644 index 0000000..1eb629c --- /dev/null +++ b/css/fonts/curlythemes.svg @@ -0,0 +1,51 @@ + + + \ No newline at end of file diff --git a/css/fonts/curlythemes.ttf b/css/fonts/curlythemes.ttf new file mode 100644 index 0000000..c0353a9 Binary files /dev/null and b/css/fonts/curlythemes.ttf differ diff --git a/css/fonts/curlythemes.woff b/css/fonts/curlythemes.woff new file mode 100644 index 0000000..67443e3 Binary files /dev/null and b/css/fonts/curlythemes.woff differ diff --git a/css/lightbox.css b/css/lightbox.css new file mode 100644 index 0000000..bb5225c --- /dev/null +++ b/css/lightbox.css @@ -0,0 +1,206 @@ +/* line 11, ../sass/lightbox.sass */ +.lightboxOverlay { + position: absolute; + top: 0; + left: 0; + z-index: 9999; + background-color: black; + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); + opacity: 0.8; + display: none; +} + +/* line 20, ../sass/lightbox.sass */ +.lightbox { + position: absolute; + left: 0; + width: 100%; + z-index: 10000; + text-align: center; + line-height: 0; + font-weight: normal; +} +/* line 28, ../sass/lightbox.sass */ +.lightbox .lb-image { + display: block; + height: auto; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; +} +.lb-image{ + max-width: inherit; +} +/* line 32, ../sass/lightbox.sass */ +.lightbox a img { + border: none; +} + +/* line 35, ../sass/lightbox.sass */ +.lb-outerContainer { + position: relative; + background-color: white; + *zoom: 1; + width: 250px; + height: 250px; + margin: 0 auto; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; +} +/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */ +.lb-outerContainer:after { + content: ""; + display: table; + clear: both; +} + +/* line 44, ../sass/lightbox.sass */ +.lb-container { + padding: 4px; +} + +/* line 47, ../sass/lightbox.sass */ +.lb-loader { + position: absolute; + top: 43%; + left: 0%; + height: 25%; + width: 100%; + text-align: center; + line-height: 0; +} + + +/* line 63, ../sass/lightbox.sass */ +.lb-nav { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + z-index: 10; +} + +/* line 71, ../sass/lightbox.sass */ +.lb-container > .nav { + left: 0; +} + +/* line 74, ../sass/lightbox.sass */ +.lb-nav a { + outline: none; +} + +/* line 77, ../sass/lightbox.sass */ +.lb-prev, .lb-next { + width: 49%; + height: 100%; + cursor: pointer; + /* Trick IE into showing hover */ + display: block; + position: relative; +} + +/* line 84, ../sass/lightbox.sass */ +.lb-prev { + left: 0; + float: left; +} +/* line 87, ../sass/lightbox.sass */ +.lb-prev:hover:after { + content: '\F104'; + font-family: 'FontAwesome'; + text-shadow: 0px 0px 3px #000000; + color: #fff; + font-size: 64px; + position: absolute; + top: 50%; + left: 10px; +} + +/* line 90, ../sass/lightbox.sass */ +.lb-next { + right: 0; + float: right; +} +/* line 93, ../sass/lightbox.sass */ +.lb-next:hover:after { + content: '\F105'; + font-family: 'FontAwesome'; + text-shadow: 0px 0px 3px #000000; + color: #fff; + font-size: 64px; + position: absolute; + top: 50%; + right: 10px; +} + +/* line 96, ../sass/lightbox.sass */ +.lb-dataContainer { + margin: 0 auto; + padding-top: 5px; + *zoom: 1; + width: 100%; + -moz-border-radius-bottomleft: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; +} +/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */ +.lb-dataContainer:after { + content: ""; + display: table; + clear: both; +} + +/* line 103, ../sass/lightbox.sass */ +.lb-data { + padding: 0 4px; + color: #bbbbbb; +} +/* line 106, ../sass/lightbox.sass */ +.lb-data .lb-details { + width: 85%; + float: left; + text-align: left; + line-height: 1.1em; +} +/* line 111, ../sass/lightbox.sass */ +.lb-data .lb-caption { + font-size: 13px; + font-weight: bold; + line-height: 1em; +} +/* line 115, ../sass/lightbox.sass */ +.lb-data .lb-number { + display: none !important; + clear: left; + padding-bottom: 1em; + font-size: 12px; + color: #999999; +} +/* line 121, ../sass/lightbox.sass */ +.lb-data .lb-close:after { + display: block; + float: right; + content: '\F00D'; + font-family: 'FontAwesome'; + margin-top: 10px; + font-size: 24px; + color: #fff; + outline: none; + cursor: pointer; +} +/* line 130, ../sass/lightbox.sass */ +.lb-data .lb-close:hover { + cursor: pointer; + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); + opacity: 1; +} diff --git a/css/render.css.php b/css/render.css.php new file mode 100644 index 0000000..45bed2e --- /dev/null +++ b/css/render.css.php @@ -0,0 +1,303 @@ +_color_header = + new CurlyThemesColor( get_theme_mod( 'header_text_color', '#ffffff' ) ); + $this->_color_header_bg = + new CurlyThemesColor( get_theme_mod( 'header_shading_color', 'rgba(0,0,0, 0.55)' ) ); + */ + $curly_color_footer_text = + new CurlyThemesColor( get_theme_mod( 'footer_text_color', '#9C9996' ) ); + /** + $this->_color_footer_bg = + new CurlyThemesColor( get_theme_mod( 'footer_bg_color', '#0E0905' ) ); + */ + $curly_color_footer_link = + new CurlyThemesColor( get_theme_mod( 'footer_link_color', '#9C9996' ) ); + $curly_color_footer_title = + new CurlyThemesColor( get_theme_mod( 'footer_title_color', '#FFFFFF' ) ); + $curly_color_h1 = + new CurlyThemesColor( get_theme_mod( 'color_h1', '#1E1E1E' ) ); + $curly_color_h2 = + new CurlyThemesColor( get_theme_mod( 'color_h2', '#1E1E1E' ) ); + $curly_color_h3 = + new CurlyThemesColor( get_theme_mod( 'color_h3', '#1E1E1E' ) ); + $curly_color_h4 = + new CurlyThemesColor( get_theme_mod( 'color_h4', '#1E1E1E' ) ); + $curly_color_h5 = + new CurlyThemesColor( get_theme_mod( 'color_h5', '#1E1E1E' ) ); + $curly_color_h6 = + new CurlyThemesColor( get_theme_mod( 'color_h6', '#1E1E1E' ) ); + $curly_color_menu = + new CurlyThemesColor( get_theme_mod( 'color_menu_bg', '#C0392B' ) ); + $curly_color_menu_link = + new CurlyThemesColor( get_theme_mod( 'color_menu_text', '#FFFFFF' ) ); + $curly_color_menu_hover = + new CurlyThemesColor( get_theme_mod( 'color_menu_hover_text', '#E09C95' ) ); + $curly_color_submenu = + new CurlyThemesColor( get_theme_mod( 'color_submenu_bg', '#ffffff' ) ); + $curly_color_submenu_link = + new CurlyThemesColor( get_theme_mod( 'color_submenu_text', '#33332E' ) ); + $curly_color_submenu_hover = + new CurlyThemesColor( get_theme_mod( 'color_submenu_hover_text', '#c0392b' ) ); + +/* Shortcodes + ================================================= */ + $curly_css_output = null; + +/* Shortcodes - Accordion + ================================================= */ + $curly_css_output .= '.panel{ + border-bottom: 1px solid '.$curly_color_text->opacity(0.15).'; + } + footer .panel{ + border-bottom: 1px solid '.$curly_color_footer_text->opacity(0.15).'; + }'; + +/* Shortcodes - Button + ================================================= */ + $curly_css_output .= '.btn, + .btn:visited, + .btn:active, + .btn:focus, + input[type="button"], + input[type="submit"], + .button{ + background: '.$curly_color_primary.'; + color: '.$curly_color_primary->contrast().'; + } + .btn:hover, + input[type="button"]:hover, + input[type="submit"]:hover, + .button:hover{ + background: '.$curly_color_primary->darken().'; + color: '.$curly_color_primary->contrast().'; + }'; + +/* Shortcodes - Action Boxes + ================================================= */ + $curly_css_output .= '.action-box{ + background: '.$curly_color_text->opacity(0.075).'; + } + .action-box.style-1{ + border-color: '.$curly_color_text->opacity(0.25).'; + border-top-color: '.$curly_color_primary.'; + } + .action-box.style-2{ + border-left-color: '.$curly_color_primary.'; + } + .action-box.style-3{ + border-color: '.$curly_color_text->opacity(0.25).'; + } + .action-box.style-4{ + border-color: '.$curly_color_text->opacity(0.25).'; + } + .action-box.style-5{ + border-color: '.$curly_color_text->opacity(0.25).'; + }'; + +/* Shortcodes - Event Agenda + ================================================= */ + $curly_css_output .= '.event-agenda .row{ + border-bottom: 1px solid '.$curly_color_text->opacity(0.15).'; + } + .event-agenda .row:hover{ + background: '.$curly_color_text->opacity(0.05).'; + }'; + +/* Shortcodes - Box + ================================================= */ + $curly_css_output .= '.well{ + border-top: 3px solid '.$curly_color_text->opacity(0.25).'; + } + .well-1{ + border-top: 3px solid '.$curly_color_primary.' + } + .well-2:hover .fa{ + background-color: '.$curly_color_primary.'; + color: '.$curly_color_primary->contrast().' + } + .well-2:hover h3{ + border-color: '.$curly_color_primary.'; + color: '.$curly_color_primary.' + } + .well-3 .fa{ + border-color: '.$curly_color_text.'; + color: '.$curly_color_text.' + } + .well-3:hover .fa, + .well-3:hover h3{ + border-color: '.$curly_color_primary.'; + color: '.$curly_color_primary.' + } + .well-4:hover .fa{ + background-color: '.$curly_color_primary.'; + color: '.$curly_color_primary->contrast().' + } + .well-4:hover h3{ + border-color: '.$curly_color_primary.'; + color: '.$curly_color_primary.' + } + .well-5 .fa{ + background-color: '.$curly_color_text.'; + color: '.$curly_color_text->contrast().' + } + .well-5:hover .fa{ + background-color: '.$curly_color_primary.'; + color: '.$curly_color_primary->contrast().' + } + .well-5:hover h3{ + color: '.$curly_color_primary.' + } + .well-5 > div{ + background: '.$curly_color_text->opacity(0.075).'; + }'; + +/* Shortcodes - Slider + ================================================= */ + $curly_css_output .= '.carousel .carousel-control{ + background: '.$curly_color_text->opacity(0.45).'; + }'; + +/* Shortcodes - Divider + ================================================= */ + $curly_css_output .= '.divider.one { border-top: 1px solid '.$curly_color_text->opacity(0.25).'; height: 1px; } + .divider.two { border-top: 1px dotted '.$curly_color_text->opacity(0.25).'; height: 1px; } + .divider.three { border-top: 1px dashed '.$curly_color_text->opacity(0.25).'; height: 1px; } + .divider.four { border-top: 3px solid '.$curly_color_text->opacity(0.25) .'; height: 1px; } + .divider.fire { border-top: 1px solid '.$curly_color_text->opacity(0.25) .'; height: 1px; }'; + +/* Shortcodes - Tabs + ================================================= */ + $curly_css_output .= '.tab-content{ + border-bottom: 1px solid '.$curly_color_text->opacity(0.15).'; + border-top: 3px solid '.$curly_color_primary.'; + } + .nav-tabs .active>a, + .nav-tabs .active>a:hover, + .nav-tabs .active>a:focus{ + background: '.$curly_color_primary.' !important; + border-bottom: 1px solid red; + color: '.$curly_color_primary->contrast().' !important; + } + .nav-tabs li a:hover{ + background: '.$curly_color_text->opacity(0.07).'; + }'; + +/* Shortcodes - Toggle + ================================================= */ + $curly_css_output .= 'h6[data-toggle="collapse"] i{ + color: '.$curly_color_primary.'; + margin-right: 10px + }'; + +/* Shortcodes - Progress + ================================================= */ + $curly_css_output .= ' + .progress{ + background-color: '.$curly_color_text->opacity(0.1).'; + } + .progress .progress-bar-default{ + background-color: '.$curly_color_primary.'; + color: '.$curly_color_primary->contrast().'; + }'; + +/* Shortcodes - Blockquote + ================================================= */ + $curly_css_output .= 'blockquote{ + border-color: '.$curly_color_primary.'; + } + .blockquote i:before{ + color: '.$curly_color_link.'; + } + .blockquote cite{ + color: '.$curly_color_link.'; + } + .blockquote img{ + border: 5px solid '.$curly_color_text->opacity(0.2).'; + }'; + +/* Shortcodes - Testimonials + ================================================= */ + $curly_css_output .= '.testimonials blockquote{ + background: '.$curly_color_text->opacity(0.07).'; + } + .testimonials blockquote:before, + .testimonials cite{ color: '.$curly_color_primary.'; }'; + +/* Shortcodes - Lists + ================================================= */ + $curly_css_output .= '*[class*=\'list-\'] li:before{ + color: '.$curly_color_primary.'; + }'; + +/* Shortcodes - Person + ================================================= */ + $curly_css_output .= '.person img{ + border: 5px solid '.$curly_color_text->opacity(0.2).'; + }'; + +/* Shortcodes - Clients Carousel + ================================================= */ + $curly_css_output .= '.clients-carousel-container .next, + .clients-carousel-container .prev{ + background-color: '.$curly_color_text->opacity(0.5).'; + color: '.$curly_color_text->contrast().'; + } + .clients-carousel-container:hover .next, + .clients-carousel-container:hover .prev{ + background-color: '.$curly_color_primary.'; + color: '.$curly_color_primary->contrast().'; + }'; + +/* Shortcodes - Pricing Tables + ================================================= */ + $curly_css_output .= '.wl-pricing-table .content-column{ + background-color: '.$curly_color_text->opacity(0.05).'; + } + .wl-pricing-table .content-column h4 *:after, + .wl-pricing-table .content-column h4 *:before{ + border-top: 3px double '.$curly_color_text->opacity(0.2).'; + } + + .wl-pricing-table.light .content-column.highlight-column{ + background-color: '.$curly_color_primary.'; + color: '.$curly_color_primary->contrast().'; + } + .wl-pricing-table.light .content-column.highlight-column h3, + .wl-pricing-table.light .content-column.highlight-column h4{ + color: '.$curly_color_text->contrast().'; + } + .wl-pricing-table.light .content-column.highlight-column h4 *:after, + .wl-pricing-table.light .content-column.highlight-column h4 *:before{ + border-top: 3px double '.$curly_color_text->contrast(0.2).' + }'; + +/* Widget + ================================================= */ + $curly_css_output .= " + .recent-posts time{ + background-color: {$curly_color_text->contrast()}; + color: {$curly_color_text->opacity(0.5)} + } + .recent-posts time em{ + color: $curly_color_primary + } + "; +?> \ No newline at end of file diff --git a/css/sidebars.css b/css/sidebars.css new file mode 100644 index 0000000..7301ac8 --- /dev/null +++ b/css/sidebars.css @@ -0,0 +1,102 @@ +#sidebars-wrapper{ + font-family: 'Roboto'; + padding: 40px 0px 40px 40px; + max-width: 450px; + position: relative; + -webkit-transition: all 150ms ease-in; + -moz-transition: all 150ms ease-in; + -ms-transition: all 150ms ease-in; + -o-transition: all 150ms ease-in; + transition: all 150ms ease-in; + text-decoration: none; +} +#sidebars-wrapper h1, +#sidebars-wrapper h3{ + color: #444; +} +#sidebars-wrapper h3{ + margin-top: 80px; +} +#sidebars-wrapper input[type=text]{ + width: 100%; + box-shadow: none; + height: 34px; + line-height: 34px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + padding: 0 10px; + margin: 0; + font-size: 14px; +} +#sidebars-wrapper input[type=submit]{ + display: inline-block; + background: #DDD; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + color: #5E5E5E; + border: none; + height: 34px; + line-height: 34px; + outline: none; + padding: 0 30px; + margin: 8px 8px 0 0; + cursor: pointer; + text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.15); + font-size: 14px; + font-weight: bold; +} +#sidebars-wrapper form{ + position: relative; +} +#sidebars-wrapper #messages p{ + background: rgba(0, 0, 0, .055); + font-size: 12px; + padding: 10px 15px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + margin: 10px 0 0 0; + position: relative; +} +#sidebar-list{ + border-top: 1px solid #DDD; + border-bottom: 1px solid #FAFAFA; +} +#sidebar-list li{ + border-top: 1px solid #FAFAFA; + border-bottom: 1px solid #DDD; + padding: 8px 0; + margin: 0; + position: relative; +} +#sidebar-list li a{ + float: right; + display: inline-block; + background: #DDD; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + border: none; + height: 18px; + line-height: 18px; + outline: none; + padding: 0 10px; + cursor: pointer; + font-size: 11px; + text-decoration: none; + color: #444; +} +#sidebar-list li a:hover{ + background: #444; + color: #fff; +} +#sidebar-list code{ + background: none; + font-size: 11px; + padding: 0; + margin: 0; + position: absolute; + right: 80px; +} \ No newline at end of file diff --git a/css/slider-ios.css b/css/slider-ios.css new file mode 100644 index 0000000..6a8871e --- /dev/null +++ b/css/slider-ios.css @@ -0,0 +1,135 @@ +.wl-slider-ios { + /* defaults for resposive height container */ + position: relative; + width: 100%; + height: 0; + + /* 39% being the ratio we are maintaining + * calculated by looking at the image + * ratio: 400/1024 = ~0.39 */ + padding: 0 0 39% 0; +} + +.iosSlider { + width: 100%; + + /* this height ends up being your maximum height, + * if you want it to scale forever, set it to + * a very high number */ + height: 1500px; +} + +.iosSlider .slider { + width: 100%; + height: 100%; +} + +.iosSlider .slider .item { + float: left; + width: 100%; +} + +.iosSlider .slider .item img { + width: 100%; + height: auto; +} +.wl-slider-ios-container{ + display: block; + width: 100%; + height: auto; + +} +.iosSlider .slider .item .text1 { + position: absolute; + bottom: 0; + right: -100%; + opacity: 0; + margin-bottom: 8em; +} +.iosSlider .slider .item .text1 h3{ + padding: .2em .5em; + white-space: nowrap; + margin: 0; +} +.iosSlider .slider .item .text2 { + position: absolute; + bottom: 0; + right: -100%; + opacity: 0; + margin-bottom: 5em; +} +.iosSlider .slider .item .text2 h4 { + padding: .2em 1em; + white-space: nowrap; + margin: 0; +} + +.iosSlider .next, .iosSlider .prev{ + display: block; + background-repeat: no-repeat; + background-size: 100%; + width: 30px; + height: 50px; + position: absolute; + z-index: 3; + -webkit-transition: all 300ms ease; + -moz-transition: all 300ms ease; + -ms-transition: all 300ms ease; + -o-transition: all 300ms ease; + transition: all 300ms ease; + opacity: 0.5; + filter: alpha(opacity=50); +} +.iosSlider .next{ + +} +.iosSlider .prev{ + +} +.iosSlider .next:hover, .iosSlider .prev:hover{ + opacity: 1; + filter: alpha(opacity=100); +} +.iosSlider .next{ + background-position: 0 0; + right: -150px; +} +.iosSlider .next:hover:after, .iosSlider .prev:hover:after{ + content: attr(title); + padding: 2px 6px; + color: #fff; + position: absolute; + white-space: nowrap; + z-index: 20px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + -moz-box-shadow: 0px 0px 4px #222; + -webkit-box-shadow: 0px 0px 4px #222; + box-shadow: 0px 0px 4px #222; + background: rgba(0,0,0, .6); + -webkit-transition: all 300ms ease; + -moz-transition: all 300ms ease; + -ms-transition: all 300ms ease; + -o-transition: all 300ms ease; + transition: all 300ms ease; + font-size: .8em; + font-weight: bold; + text-transform: uppercase; + top: 30%; +} +.iosSlider .next:hover:after{ + right: 40px; +} +.iosSlider .prev:hover:after{ + left: 40px; +} +.iosSlider .prev{ + left: -150px; +} +.iosSlider:hover .next{ + right: 50px; +} +.iosSlider:hover .prev{ + left: 50px; +} diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..393a0a2 --- /dev/null +++ b/css/style.css @@ -0,0 +1,1010 @@ +@charset "UTF-8"; +/** + * Table of Contents: + * + * 8.0 - Shortcodes + * 8.1 - Accordion + * 8.2 - Slider + * 8.3 - Action Boxes + * 8.4 - Lists + * 8.5 - Buttons + * 8.6 - Toggle Box + * 8.7 - Clients Slider + * 8.8 - Columns + * 8.9 - Dividers + * 8.10 - Boxes + * 8.11 - Tabs + * 8.12 - Marker + * 8.13 - Drop cap + * 8.14 - Person + * 8.15 - Icons + * 8.16 - Zoomify + * 8.17 - Blockquote + * 8.18 - Testimonials + * 8.19 - Map Maker + * 8.20 - Pricing Table + * 8.21 - Event Agenda + * 8.22 - Countdown + * 8.23 - Alerts + * 8.24 - Progress Bar + * 8.25 - Full Width + * ----------------------------------------------------------------------------- + */ +/* Photo Frame */ +.photo-frame { + position: relative; + box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.25); + border: 4px solid #fff; + display: block; } + .photo-frame::before { + content: ""; + height: 100%; + width: 100%; + background: #fff; + border: 4px solid #fff; + position: absolute; + z-index: -1; + top: -5px; + left: -10px; + box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.25); + border-radius: 3px; + -webkit-transform: rotate(-2deg); + -ms-transform: rotate(-2deg); + transform: rotate(-2deg); + box-sizing: border-box; } + .photo-frame::after { + content: ""; + height: 100%; + width: 100%; + background: #fff; + border: 4px solid #fff; + position: absolute; + z-index: -1; + bottom: -3px; + right: -5px; + box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.25); + border-radius: 3px; + -webkit-transform: rotate(3deg); + -ms-transform: rotate(3deg); + transform: rotate(3deg); + box-sizing: border-box; } + .photo-frame img { + border-radius: 0; } + +/** + * 8.0 - Shortcodes + * ----------------------------------------------------------------------------- + */ +/** + * 8.1 - Accordion + * ----------------------------------------------------------------------------- + */ +.panel { + background: transparent; + margin: 0 !important; } + +.panel .accordion-toggle { + display: block; } + +.panel .accordion-toggle:before { + content: '\F056'; + font-family: 'FontAwesome'; + float: left; + margin-right: 10px; + font-weight: normal; + font-size: 14px; } + +.panel .accordion-toggle.collapsed:before { + content: '\F055' !important; } + +.panel-heading h6 { + line-height: 3em; } +.panel-heading a { + text-decoration: none; } + +.panel-body { + padding-bottom: 1rem; } + +.panel-group { + margin: 1.4rem 0; } + +/** + * 8.2 - Slider + * ----------------------------------------------------------------------------- + */ +.carousel { + margin-bottom: 20px; } + +.carousel-control { + width: 40px; + height: 40px; + line-height: 35px; + font-size: 45px; + border-radius: 300px; + display: none; } + +.carousel:hover .carousel-control { + display: block; } + +/** + * 8.3 - Action Boxes + * ----------------------------------------------------------------------------- + */ +.action-box { + padding: 20px; + margin: 0 0 20px 0; + border-radius: 3px; } + +.action-box h3 { + margin-top: 0; + margin-bottom: 10px; + line-height: 1em; } + +.action-box .btn:first-child { + float: right; } + +.action-box p:last-of-type { + margin-bottom: 0; } + +.action-box .btn:last-of-type { + margin-top: 20px; } + +.action-box.style-1 { + background: transparent; + border-width: 1px; + border-top-width: 3px; + border-style: solid; } + +.action-box.style-2 { + border-left-width: 3px; + border-left-style: solid; } + +.action-box.style-3 { + border-width: 3px; + border-style: solid; } + +.action-box.style-4 { + background: transparent; + border-width: 3px; + border-style: solid; } + +.action-box.style-5 { + background: transparent; + border-width: 1px; + border-style: solid; } + +/** + * 8.4 - Lists + * ----------------------------------------------------------------------------- + */ +.list-none ul { + list-style: none; + padding: 0 !important; } + +.list-none li { + margin-bottom: 0.5em; } + +*[class*='list-'] ul { + list-style: none; + padding: 0 0 0 20px; } + +*[class*='list-'] li:before { + font-family: 'FontAwesome'; + font-size: 14px; + margin: 0 10px 0 0; + display: inline-block; } + +.list-bullets ul, +.list-circle ul, +.list-square ul, +.list-crosslist ul, +.list-checklist ul, +.list-default-list ul { + padding: 0; } + +.list-bullets li:before { + content: '\F111'; } + +.list-circle li:before { + content: "ï„Œ"; } + +.list-square li:before { + content: ""; } + +.list-crosslist li:before { + content: "ï€"; } + +.list-checklist li:before { + content: '\F00C'; } + +.list-default-list li:before { + content: '\F178'; } + +.list-bullets li, +.list-circle li, +.list-square li, +.list-crosslist li, +.list-checklist li, +.list-default-list li { + padding-bottom: 0.5em; } + +/** + * 8.5 - Buttons + * ----------------------------------------------------------------------------- + */ +.btn, +input[type="button"], +input[type="submit"] { + border: none; + text-shadow: none; + border-radius: 3px; + outline: none !important; } + +.btn.btn-red { + color: #FFF; + background: #e74c3c; } + +.btn.btn-red:hover { + color: #FFF; + background: #c0392b; } + +.btn.btn-green { + color: #FFF; + background: #2ecc71; } + +.btn.btn-green:hover { + color: #FFF; + background: #27ae60; } + +.btn.btn-blue { + color: #FFF; + background: #3498db; } + +.btn.btn-blue:hover { + color: #FFF; + background: #2980b9; } + +.btn.btn-violet { + color: #FFF; + background: #9b59b6; } + +.btn.btn-violet:hover { + color: #FFF; + background: #8e44ad; } + +.btn.btn-navy { + color: #FFF; + background: #2c3e50; } + +.btn.btn-navy:hover { + color: #FFF; + background: #34495e; } + +.btn.btn-gray { + color: #FFF; + background: #bdc3c7; } + +.btn.btn-gray:hover { + color: #FFF; + background: #95a5a6; } + +/** + * 8.6 - Toggle Box + * ----------------------------------------------------------------------------- + */ +.toggle-box h6 { + cursor: pointer; + line-height: 1.425em; } + +.toggle-box .collapse { + padding: 0.5rem 0; } + +/** + * 8.7 - Clients Slider + * ----------------------------------------------------------------------------- + */ +.clients-carousel-container { + position: relative; + margin-bottom: 30px; + padding: 0 30px; + box-sizing: border-box; } + +.clients-carousel { + overflow: hidden; + padding: 0; } + +.clients-carousel ul { + margin: 0; + padding: 0; + list-style: none; + height: auto; } + +.caroufredsel_wrapper { + margin: 0 30px; } + +.clients-carousel ul li { + float: left; + text-align: center; + margin: 0; + padding: 0 5px; } + +.clients-carousel ul a { + padding: 1px; + display: block; + overflow: hidden; } + +.clients-carousel img { + -webkit-transition: opacity 160ms ease-in-out; + transition: opacity 160ms ease-in-out; + -webkit-backface-visibility: hidden; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + position: relative; + opacity: 0.4; + filter: alpha(opacity=40); } + +.clients-carousel img:hover { + opacity: 1; + filter: alpha(opacity=100); } + +.clients-carousel .next:after, +.clients-carousel .prev:after { + -webkit-transition: opacity 160ms ease-in-out; + transition: opacity 160ms ease-in-out; } + +.clients-carousel-container .controls { + position: absolute; + top: 50%; + margin-top: -12px; + width: 100%; + left: 0; } + +.clients-carousel-container .next, +.clients-carousel-container .prev { + position: absolute; + width: 24px; + height: 24px; + line-height: 24px; + text-align: center; + border-radius: 2px; } + +.clients-carousel-container .next { + right: 0; } + +/** + * 8.8 - Columns + * ----------------------------------------------------------------------------- + */ +.content-column { + float: left; + margin-right: 3.22555%; + margin-bottom: 40px; } + +.content-column.half { + width: 48.387224%; } + +.content-column.one-three { + width: 31.182966%; } + +.content-column.one-four { + width: 22.580837%; } + +.content-column.two-three { + width: 65.591482%; } + +.content-column.two-four { + width: 48.387226%; } + +.content-column.three-four { + width: 74.193611%; } + +.content-column.last { + margin-right: 0 !important; } + +.clear { + clear: both; } + +.clearfix { + clear: none !important; } + +@media (max-width: 992px) { + .content-column { + float: left; + width: 48.387224% !important; } } +@media (max-width: 768px) { + .content-column { + float: none; + width: 100% !important; + margin: 2rem 0 !important; } } +/** + * 8.9 - Dividers + * ----------------------------------------------------------------------------- + */ +.divider { + clear: both; + color: transparent; + height: 20px; + background-position: center center; + margin: 0 0 40px; + background-repeat: no-repeat; + border-bottom: none; } + +/** + * 8.10 - Boxes + * ----------------------------------------------------------------------------- + */ +.well { + padding: 35px 0 0 0; + border: none; + background: transparent; + box-shadow: none; + border-radius: 0px; + margin-bottom: 35px; } + +.well.well-2 { + padding: 0; + border-top: none; } + +.well.well-2 .fa { + margin-right: 10px; } + +.well.well-3 { + text-align: center; + padding: 0; + border-top: none; } + +.well.well-3 .fa { + margin-bottom: 0px; } + +.well.well-4 { + padding: 0 0 0 42px; + border-top: none; + position: relative; } + +.well.well-4 .fa { + position: absolute; + left: 0; } + +.well.well-5 { + text-align: center; + border-top: none; + position: relative; } + +.well.well-5 .fa { + position: absolute; + margin-left: -46px; } + +.well.well-5 > div { + padding: 40px 20px 20px; + margin-top: 40px; + border-radius: 3px; } + +.content-column .well { + margin-bottom: 0; } + +/** + * 8.11 - Tabs + * ----------------------------------------------------------------------------- + */ +.tabs-container { + margin-bottom: 20px; } + +.nav-tabs { + border: none !important; } + +.nav-tabs a { + border: none !important; } + +.nav-tabs .active > a, +.nav-tabs .active > a:hover, +.nav-tabs .active > a:focus { + background-color: transparent; } + +.tab-content { + padding: 20px 0; + margin-top: -2px; } + +.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { + border: none; } + +/** + * 8.12 - Marker + * ----------------------------------------------------------------------------- + */ +.label { + font-size: small; } + +/** + * 8.13 - Dropcap + * ----------------------------------------------------------------------------- + */ +.dropcap { + font-size: 40px; + float: left; + line-height: 1em; + min-width: 30px; + font-weight: bold; + display: inline-block; + margin: 0 5px 0px 0; } + +/** + * 8.14 - Person + * ----------------------------------------------------------------------------- + */ +.person.mini { + padding-left: 110px; + position: relative; } + +.person.mini img { + position: absolute; + left: 0; + top: 0; } + +.person img { + margin: 0 20px 20px 0; + width: 90px; + height: 90px; + border-radius: 300px; } + +.person p:first-child img { + border-radius: 300px; + width: 160px; + height: 160px; } + +.person h5 { + margin: 30px 0 0; } + +/** + * 8.15 - Icons + * ----------------------------------------------------------------------------- + */ +/** + * 8.16 - Zoomify + * ----------------------------------------------------------------------------- + */ +.zoom-picture:after { + content: '\F002'; + font-family: 'FontAwesome'; + text-shadow: 0px 0px 3px #000000; + color: #fff; + font-size: 18px; + position: absolute; + top: 10px; + right: 10px; } + +/** + * 8.17 - Blockquote + * ----------------------------------------------------------------------------- + */ +.blockquote { + border: none; + padding: 0 0 0 70px; + position: relative; } + +.blockquote i:before { + float: left; + margin-left: -70px; + display: inline-block; + position: absolute; + font-style: normal; + top: 0; } + +.blockquote img { + border-radius: 300px; + margin: 0 0 10px 10px; + width: 90px; + height: 90px; } + +.blockquote cite:before { + content: '\2014'; + margin-right: 10px; } + +.blockquote cite { + display: block; + font-weight: bold; + margin-top: 10px; } + +/** + * 8.18 - Testimonials + * ----------------------------------------------------------------------------- + */ +.testimonials { + margin-bottom: 20px; } + +.testimonials blockquote { + border-radius: 3px; + padding: 20px 20px 20px 60px; + border: none; + position: relative; + margin: 0; + font-size: 1em; + line-height: 1.4em; } + +.testimonials blockquote p { + font-size: 1em; + line-height: 1.4em; + margin: 0; } + +.testimonials blockquote p + p { + margin-top: 20px; } + +.testimonials blockquote:before { + content: '\F10D'; + font-family: 'FontAwesome'; + font-size: 26px; + line-height: 26px; + margin-left: -40px; + display: inline-block; + position: absolute; } + +.testimonials cite { + padding: 10px 0 10px 60px; + display: block; + font-weight: normal; } + +.testimonials cite:before { + content: '\2014'; + margin-right: 10px; } + +.testimonials blockquote i { + font-size: 30px; } + +.testimonials blockquote i:after, +.testimonials blockquote i:before { + margin: 0 10px 10px 0; } + +/** + * 8.19 - Map Maker + * ----------------------------------------------------------------------------- + */ +.map-container { + position: relative; + z-index: 1; } + +#map_controls { + list-style: none; + position: absolute; + right: 30px; + bottom: 30px; } + +#map_controls li { + margin: 5px; } + +/** + * 8.20 - Pricing Table + * ----------------------------------------------------------------------------- + */ +.wl-pricing-table { + text-align: center; + margin-bottom: 60px; + overflow: hidden; } + +.wl-pricing-table .pricing-footer a { + margin: 0; } + +.wl-pricing-table.light { + padding: 30px 0; } + +.wl-pricing-table.light .content-column { + margin: 0; + padding: 30px; + box-sizing: border-box; } + +.wl-pricing-table.light .half { + width: 50%; } + +.wl-pricing-table.light .one-three { + width: 33.33333%; } + +.wl-pricing-table.light .one-four { + width: 25%; } + +.wl-pricing-table.light .pricing-header { + position: relative; + margin-bottom: 10px; } + +.wl-pricing-table .pricing-header h3 { + margin: 0px 0 10px; } + +.wl-pricing-table h4 { + position: relative; + overflow: hidden; + margin: 0; + padding: 0; + line-height: 1em; } + +.wl-pricing-table h4 * { + position: relative; + font-weight: bold; + font-size: 42px !important; + line-height: 50px; + display: inline-block !important; + padding: 0; + margin: 0; + letter-spacing: -1px; } + +.wl-pricing-table h4 *:after, +.wl-pricing-table h4 *:before { + margin: 0px 15px; + position: absolute; + top: 50%; + content: ''; + width: 200em; + height: 0px; + display: block; } + +.wl-pricing-table h4 *:before { + right: 100%; } + +.wl-pricing-table h4 *:after { + left: 100%; } + +.wl-pricing-table .pricing-header em { + font-style: normal; + text-transform: uppercase; + opacity: 0.8; + font-weight: normal; } + +.wl-pricing-table.light span { + display: block; + padding: 2px 0; + margin-bottom: 10px; } + +.wl-pricing-table.light .pricing-footer { + padding: 30px 0 0; } + +.wl-pricing-table.light .highlight-column { + padding: 50px 30px; + margin-top: -20px; + position: relative; + z-index: 2; + border-radius: 3px; } + +.wl-pricing-table.light .content-column:first-child { + -webkit-border-top-left-radius: 3px; + -webkit-border-bottom-left-radius: 3px; + -moz-border-radius-topleft: 3px; + -moz-border-radius-bottomleft: 3px; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } + +.wl-pricing-table.light .content-column:last-child { + -webkit-border-top-right-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + -moz-border-radius-topright: 3px; + -moz-border-radius-bottomright: 3px; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; } + +.wl-pricing-table.light .highlight-column:first-child, .wl-pricing-table.light .highlight-column:last-child { + box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.3); } + +.pricing-row h4 { + border-bottom: none; } + .pricing-row h4::after { + display: none; } + +/** + * 8.21 - Event Agenda + * ----------------------------------------------------------------------------- + */ +.event-agenda { + line-height: 1.425em; } + .event-agenda .event-agenda-day { + margin-top: 4rem; } + +.event-agenda-event span { + font-size: 0.9em; } + +.event-agenda .toggle-box { + margin-bottom: 0; } + +.event-agenda .row.event-agenda-day:hover { + background: transparent; } + +.event-agenda p { + margin-bottom: 0; } + +.event-agenda *[class*="col-"] { + padding: 8px 5px; } + +.event-agenda .event-agenda-day span { + line-height: 2em; } + +.event-agenda h3 { + margin: 0; } + +.event-agenda h6 { + margin: 0 0 0; } + +.event-agenda h6 + div.in { + margin: 0 0 0; } + +.event-agenda-event i.fa-clock-o { + margin-right: 5px; } + +.event-agenda-event i.fa-map-marker { + margin-left: 5px; } + +.event-agenda-day i.fa-calendar { + margin-right: 5px; } + +/** + * 8.22 - Countdown + * ----------------------------------------------------------------------------- + */ +.curly-counter { + margin-bottom: 20px; } + +#counter > div { + display: inline-block; + padding-right: 6%; + width: 20.5%; + max-width: 100px; + box-sizing: content-box; } + +#counter > div:last-child { + padding-right: 0; } + +.countdown_descr { + display: block; + border-top-style: solid; + border-top-width: 1px; + padding-top: 7px; } + +.countdown_amount { + font-size: 44px; + font-weight: bold; + padding-bottom: 7px; + display: block; + line-height: 44px; + height: auto; } + +/** + * 8.23 - Alerts + * ----------------------------------------------------------------------------- + */ +.alert .fa { + background: transparent; + border: none; + padding: 0; + margin: 0 0 30px 30px; + float: right; + outline: none; } + +.alert h1, +.alert h2, +.alert h3, +.alert h4, +.alert h5, +.alert h6 { + margin-bottom: 0; + margin-top: 10px; } + +.alert.alert-warning h1, +.alert.alert-warning h2, +.alert.alert-warning h3, +.alert.alert-warning h4, +.alert.alert-warning h5, +.alert.alert-warning h6, +.alert.alert-warning .fa::before { + color: #C09853; } + +.alert.alert-success h1, +.alert.alert-success h2, +.alert.alert-success h3, +.alert.alert-success h4, +.alert.alert-success h5, +.alert.alert-success h6, +.alert.alert-success .fa::before { + color: #468847; } + +.alert.alert-info h1, +.alert.alert-info h2, +.alert.alert-info h3, +.alert.alert-info h4, +.alert.alert-info h5, +.alert.alert-info h6, +.alert.alert-info .fa::before { + color: #3A87AD; } + +.alert.alert-danger h1, +.alert.alert-danger h2, +.alert.alert-danger h3, +.alert.alert-danger h4, +.alert.alert-danger h5, +.alert.alert-danger h6, +.alert.alert-danger .fa::before { + color: #B94A48; } + +/** + * 8.25 - FullWidth + * ----------------------------------------------------------------------------- + */ +.fullwidth-row .col-lg-12 *:last-child { + margin-bottom: 0; } + +/** + * 8.26 - Progress + * ----------------------------------------------------------------------------- + */ +.progress { + box-shadow: none; + height: 3rem; + line-height: 3rem; } + +.progress .progress-bar { + font-weight: bold; + box-shadow: none; + line-height: inherit; + height: inherit; } + +/** + * Recent Posts Widget + * ----------------------------------------------------------------------------- + */ +.custom_recent_posts .recent-posts { + list-style: none; + padding: 0; + margin: 0; } + .custom_recent_posts .recent-posts li { + padding: 0; + margin: 0 0 2rem 0; } + .custom_recent_posts .recent-posts li::before { + display: none; } + .custom_recent_posts .recent-posts li h6 { + margin-bottom: 0.5em; + margin-top: 0; } + .custom_recent_posts .recent-posts.type-thumbnail li { + padding: 20px 0 20px 100px; + margin: 0 0 1.4rem 0; + min-height: 80px; } + .custom_recent_posts .recent-posts.type-thumbnail li:hover .wp-post-image { + opacity: 1; } + .custom_recent_posts .recent-posts.type-thumbnail .wp-post-image { + max-width: 80px; + height: auto; + position: absolute; + left: 0; + top: 20px; + -webkit-transition: opacity 200ms; + transition: opacity 200ms; + opacity: 0; } + .custom_recent_posts .recent-posts.type-thumbnail time { + display: block; + width: 80px; + height: 80px; + position: absolute; + left: 0; + top: 20px; + text-align: center; + border-radius: 3px; } + .custom_recent_posts .recent-posts.type-thumbnail time span { + font-size: 2.5em; + display: block; + padding-top: 0.25em; + line-height: 1.2em; } + .custom_recent_posts .recent-posts.type-thumbnail time em { + font-style: normal; } + .custom_recent_posts .recent-posts.type-fullwidth .wp-post-image { + max-width: 100%; + height: auto; + margin-bottom: 1em; } + .custom_recent_posts .recent-posts.type-fullwidth time { + display: none; } + .custom_recent_posts .recent-posts .cols-1 { + width: 100%; } + .custom_recent_posts .recent-posts .cols-2 { + width: 50%; } + .custom_recent_posts .recent-posts .cols-3 { + width: 33.3333333%; } + .custom_recent_posts .recent-posts .cols-4 { + width: 25%; } + +@media (max-width: 992px) { + .custom_recent_posts .recent-posts .cols-1, + .custom_recent_posts .recent-posts .cols-2, + .custom_recent_posts .recent-posts .cols-3, + .custom_recent_posts .recent-posts .cols-4 { + width: 100%; } } diff --git a/css/style.scss b/css/style.scss new file mode 100644 index 0000000..68bb2ef --- /dev/null +++ b/css/style.scss @@ -0,0 +1,1056 @@ +/** + * Table of Contents: + * + * 8.0 - Shortcodes + * 8.1 - Accordion + * 8.2 - Slider + * 8.3 - Action Boxes + * 8.4 - Lists + * 8.5 - Buttons + * 8.6 - Toggle Box + * 8.7 - Clients Slider + * 8.8 - Columns + * 8.9 - Dividers + * 8.10 - Boxes + * 8.11 - Tabs + * 8.12 - Marker + * 8.13 - Drop cap + * 8.14 - Person + * 8.15 - Icons + * 8.16 - Zoomify + * 8.17 - Blockquote + * 8.18 - Testimonials + * 8.19 - Map Maker + * 8.20 - Pricing Table + * 8.21 - Event Agenda + * 8.22 - Countdown + * 8.23 - Alerts + * 8.24 - Progress Bar + * 8.25 - Full Width + * ----------------------------------------------------------------------------- + */ + +$screen-xs-max: 768px; +$screen-sm-max: 992px; + +/* Photo Frame */ +.photo-frame{ + position: relative; + box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.25); + border: 4px solid #fff; + display: block; + + &::before{ + content: ""; + height: 100%; width: 100%; + background: #fff; + border: 4px solid #fff; + position: absolute; + z-index: -1; + top: -5px; + left: -10px; + box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.25); + border-radius: 3px; + transform: rotate(-2deg); + box-sizing: border-box; + } + &::after{ + content: ""; + height: 100%; width: 100%; + background: #fff; + border: 4px solid #fff; + position: absolute; + z-index: -1; + bottom: -3px; + right: -5px; + box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.25); + border-radius: 3px; + transform: rotate(3deg); + box-sizing: border-box; + } + img{ + border-radius: 0; + } +} + +/** + * 8.0 - Shortcodes + * ----------------------------------------------------------------------------- + */ + +/** + * 8.1 - Accordion + * ----------------------------------------------------------------------------- + */ + +.panel{ + background: transparent; + margin: 0 !important; +} +.panel .accordion-toggle{ + display: block; +} +.panel .accordion-toggle:before{ + content: '\F056'; + font-family: 'FontAwesome'; + float: left; + margin-right: 10px; + font-weight: normal; + font-size: 14px; +} +.panel .accordion-toggle.collapsed:before{ + content: '\F055' !important; +} +.panel-heading { + h6{ + line-height: 3em; + } + a{ + text-decoration: none; + } +} +.panel-body{ + padding-bottom: 1rem; +} +.panel-group{ + margin: 1.4rem 0; +} + +/** + * 8.2 - Slider + * ----------------------------------------------------------------------------- + */ + +.carousel{ + margin-bottom: 20px; +} +.carousel-control{ + width: 40px; + height: 40px; + line-height: 35px; + font-size: 45px; + -webkit-border-radius: 300px; + -moz-border-radius: 300px; + border-radius: 300px; + display: none; +} +.carousel:hover .carousel-control{ + display: block; +} + +/** + * 8.3 - Action Boxes + * ----------------------------------------------------------------------------- + */ + +.action-box{ + padding: 20px; + margin: 0 0 20px 0; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.action-box h3{ + margin-top: 0; + margin-bottom: 10px; + line-height: 1em; +} +.action-box .btn:first-child{ + float: right; +} +.action-box p:last-of-type{ + margin-bottom: 0; +} +.action-box .btn:last-of-type{ + margin-top: 20px; +} +.action-box.style-1{ + background: transparent; + border-width: 1px; + border-top-width: 3px; + border-style: solid; +} +.action-box.style-2{ + border-left-width: 3px; + border-left-style: solid; +} +.action-box.style-3{ + border-width: 3px; + border-style: solid; +} +.action-box.style-4{ + background: transparent; + border-width: 3px; + border-style: solid; +} +.action-box.style-5{ + background: transparent; + border-width: 1px; + border-style: solid; +} + +/** + * 8.4 - Lists + * ----------------------------------------------------------------------------- + */ + +.list-none ul{ + list-style: none; + padding: 0 !important; +} +.list-none li{ + margin-bottom: 0.5em; +} +*[class*='list-'] ul{list-style: none; padding: 0 0 0 20px } +*[class*='list-'] li:before{ + font-family: 'FontAwesome'; + font-size: 14px; + margin: 0 10px 0 0; + display: inline-block; +} +.list-bullets ul, +.list-circle ul, +.list-square ul, +.list-crosslist ul, +.list-checklist ul, +.list-default-list ul{ + padding: 0; +} +.list-bullets li:before{ content: '\F111'; } +.list-circle li:before{ content: '\F10C' } +.list-square li:before{ content: '\F0C8' } +.list-crosslist li:before{ content: '\F00D' } +.list-checklist li:before{ content: '\F00C'} +.list-default-list li:before{ content: '\F178'; } + +.list-bullets li, +.list-circle li, +.list-square li, +.list-crosslist li, +.list-checklist li, +.list-default-list li{ + padding-bottom: 0.5em; +} + + +/** + * 8.5 - Buttons + * ----------------------------------------------------------------------------- + */ + +.btn, +input[type="button"], +input[type="submit"]{ + border: none; + text-shadow: none; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + outline: none !important; +} +.btn.btn-red{ color: #FFF; background: #e74c3c } +.btn.btn-red:hover{ color: #FFF; background: #c0392b } +.btn.btn-green{color: #FFF; background: #2ecc71 } +.btn.btn-green:hover{ color: #FFF; background: #27ae60 } +.btn.btn-blue{ color: #FFF; background: #3498db } +.btn.btn-blue:hover{color: #FFF; background: #2980b9} +.btn.btn-violet{color: #FFF;background: #9b59b6} +.btn.btn-violet:hover{color: #FFF;background: #8e44ad} +.btn.btn-navy{color: #FFF;background: #2c3e50} +.btn.btn-navy:hover{color: #FFF;background: #34495e} +.btn.btn-gray{color: #FFF;background: #bdc3c7} +.btn.btn-gray:hover{color: #FFF;background: #95a5a6} + +/** + * 8.6 - Toggle Box + * ----------------------------------------------------------------------------- + */ + +.toggle-box h6{ + cursor: pointer; + line-height: 1.425em; +} +.toggle-box .collapse{ + padding: 0.5rem 0; +} + +/** + * 8.7 - Clients Slider + * ----------------------------------------------------------------------------- + */ + +.clients-carousel-container{ + position: relative; + margin-bottom: 30px; + padding: 0 30px; + box-sizing: border-box; +} +.clients-carousel { + overflow: hidden; + padding: 0; +} +.clients-carousel ul { + margin:0; + padding:0 ; + list-style:none; + height:auto; +} +.caroufredsel_wrapper{ + margin: 0 30px; +} +.clients-carousel ul li { + float: left; + text-align: center; + margin: 0; + padding: 0 5px; +} +.clients-carousel ul a{ + padding: 1px; + display: block; + overflow: hidden; +} +.clients-carousel img{ + -webkit-transition: opacity 160ms ease-in-out; + -moz-transition: opacity 160ms ease-in-out; + -ms-transition: opacity 160ms ease-in-out; + -o-transition: opacity 160ms ease-in-out; + transition: opacity 160ms ease-in-out; + -webkit-backface-visibility: hidden; + -webkit-transform: rotate(0); + -moz-transform: rotate(0); + transform: rotate(0); + position: relative; + opacity: 0.4; + filter:alpha(opacity=40); +} +.clients-carousel img:hover{ + opacity: 1; + filter:alpha(opacity=100); +} +.clients-carousel .next:after, +.clients-carousel .prev:after{ + -webkit-transition: opacity 160ms ease-in-out; + -moz-transition: opacity 160ms ease-in-out; + -ms-transition: opacity 160ms ease-in-out; + -o-transition: opacity 160ms ease-in-out; + transition: opacity 160ms ease-in-out; +} +.clients-carousel-container .controls{ + position: absolute; + top: 50%; + margin-top: -12px; + width: 100%; + left: 0; +} +.clients-carousel-container .next, +.clients-carousel-container .prev{ + position: absolute; + width: 24px; + height: 24px; + line-height: 24px; + text-align: center; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} +.clients-carousel-container .next { + right: 0; +} + +/** + * 8.8 - Columns + * ----------------------------------------------------------------------------- + */ + +.content-column { float:left; margin-right:3.22555%; margin-bottom: 40px } +.content-column.half { width: 48.387224% } +.content-column.one-three { width: 31.182966% } +.content-column.one-four { width: 22.580837% } +.content-column.two-three { width: 65.591482% } +.content-column.two-four { width: 48.387226% } +.content-column.three-four { width: 74.193611% } +.content-column.last { margin-right: 0 !important } +.clear { clear:both } +.clearfix { clear: none !important; } +@media (max-width: $screen-sm-max) { + .content-column{ + float: left; + width: 48.387224% !important; + } +} +@media (max-width: $screen-xs-max) { + .content-column{ + float: none; + width: 100% !important; + margin: 2rem 0 !important; + } +} + +/** + * 8.9 - Dividers + * ----------------------------------------------------------------------------- + */ + +.divider{ + clear:both; + color: transparent; + height: 20px; + background-position: center center; + margin: 0 0 40px; + background-repeat: no-repeat; + border-bottom: none; +} + +/** + * 8.10 - Boxes + * ----------------------------------------------------------------------------- + */ + +.well{ + padding: 35px 0 0 0; + border: none; + background: transparent; + -webkit-box-shadow: none; + box-shadow: none; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; + margin-bottom: 35px; +} +.well.well-2{ + padding: 0; + border-top: none; +} +.well.well-2 .fa{ + margin-right: 10px; +} +.well.well-3{ + text-align: center; + padding: 0; + border-top: none; +} +.well.well-3 .fa{ + margin-bottom: 0px; +} +.well.well-4{ + padding: 0 0 0 42px; + border-top: none; + position: relative; +} +.well.well-4 .fa{ + position: absolute; + left: 0; +} +.well.well-5{ + text-align: center; + border-top: none; + position: relative; +} +.well.well-5 .fa{ + position: absolute; + margin-left: -46px; +} +.well.well-5 > div{ + padding: 40px 20px 20px; + margin-top: 40px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.content-column .well{ + margin-bottom: 0; +} + +/** + * 8.11 - Tabs + * ----------------------------------------------------------------------------- + */ + +.tabs-container{ + margin-bottom: 20px; +} +.nav-tabs{ + border: none !important; +} +.nav-tabs a{ + border: none !important; +} +.nav-tabs .active>a, +.nav-tabs .active>a:hover, +.nav-tabs .active>a:focus{ + background-color: transparent; +} +.tab-content{ + padding: 20px 0; + margin-top: -2px; +} +.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{ + border: none; +} + +/** + * 8.12 - Marker + * ----------------------------------------------------------------------------- + */ + +.label{ + font-size: small; +} + +/** + * 8.13 - Dropcap + * ----------------------------------------------------------------------------- + */ + +.dropcap{ + font-size: 40px; + float: left; + line-height: 1em; + min-width: 30px; + font-weight: bold; + display: inline-block; + margin: 0 5px 0px 0; +} + +/** + * 8.14 - Person + * ----------------------------------------------------------------------------- + */ + +.person.mini{ + padding-left: 110px; + position: relative; +} +.person.mini img{ + position: absolute; + left: 0; + top: 0; +} +.person img{ + margin: 0 20px 20px 0; + width: 90px; + height: 90px; + -webkit-border-radius: 300px; + -moz-border-radius: 300px; + border-radius: 300px; +} +.person p:first-child img{ + -webkit-border-radius: 300px; + -moz-border-radius: 300px; + border-radius: 300px; + width: 160px; + height: 160px; +} +.person h5{ + margin: 30px 0 0; +} + +/** + * 8.15 - Icons + * ----------------------------------------------------------------------------- + */ + + +/** + * 8.16 - Zoomify + * ----------------------------------------------------------------------------- + */ + +.zoom-picture:after{ + content: '\F002'; + font-family: 'FontAwesome'; + text-shadow: 0px 0px 3px #000000; + color: #fff; + font-size: 18px; + position: absolute; + top: 10px; + right: 10px; +} + +/** + * 8.17 - Blockquote + * ----------------------------------------------------------------------------- + */ + +.blockquote{ + border:none; + padding: 0 0 0 70px; + position: relative; +} +.blockquote i:before{ + float: left; + margin-left: -70px; + display: inline-block; + position: absolute; + font-style: normal; + top: 0; +} +.blockquote img{ + border-radius: 300px; + margin: 0 0 10px 10px; + width: 90px; + height: 90px +} +.blockquote cite:before{ + content: '\2014'; + margin-right: 10px +} +.blockquote cite{ + display: block; + font-weight:bold; + margin-top: 10px +} + +/** + * 8.18 - Testimonials + * ----------------------------------------------------------------------------- + */ + +.testimonials{ + margin-bottom: 20px; +} +.testimonials blockquote{ + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + padding: 20px 20px 20px 60px; + border: none; + position: relative; + margin: 0; + font-size: 1em; + line-height: 1.4em; +} +.testimonials blockquote p{ + font-size: 1em; + line-height: 1.4em; + margin: 0; +} +.testimonials blockquote p + p{ + margin-top: 20px; +} +.testimonials blockquote:before{ + content: '\F10D'; + font-family: 'FontAwesome'; + font-size: 26px; + line-height: 26px; + margin-left: -40px; + display: inline-block; + position: absolute; +} +.testimonials cite{ + padding: 10px 0 10px 60px; + display: block; + font-weight: normal; +} +.testimonials cite:before{ + content: '\2014'; + margin-right: 10px +} +.testimonials blockquote i{ + font-size: 30px; +} +.testimonials blockquote i:after, +.testimonials blockquote i:before{ + margin: 0 10px 10px 0; +} + +/** + * 8.19 - Map Maker + * ----------------------------------------------------------------------------- + */ + +.map-container{ + position: relative; + z-index: 1; +} +#map_controls{ + list-style: none; + position: absolute; + right: 30px; + bottom: 30px; +} +#map_controls li{ + margin: 5px; +} + +/** + * 8.20 - Pricing Table + * ----------------------------------------------------------------------------- + */ + +.wl-pricing-table { + text-align:center; + margin-bottom: 60px; + overflow: hidden; +} +.wl-pricing-table .pricing-footer a{ + margin: 0; +} +.wl-pricing-table.light{ + padding: 30px 0; +} +.wl-pricing-table.light .content-column{ + margin: 0; + padding: 30px; + box-sizing: border-box; +} +.wl-pricing-table.light .half{ + width: 50%; +} +.wl-pricing-table.light .one-three{ + width: 33.33333%; +} +.wl-pricing-table.light .one-four{ + width: 25%; +} +.wl-pricing-table.light .pricing-header{ + position: relative; + margin-bottom: 10px; +} +.wl-pricing-table .pricing-header h3{ + margin: 0px 0 10px; +} +.wl-pricing-table h4{ + position: relative; + overflow: hidden; + margin: 0; + padding: 0; + line-height: 1em; +} +.wl-pricing-table h4 *{ + position: relative; + font-weight: bold; + font-size: 42px !important; + line-height: 50px; + display: inline-block !important; + padding: 0; + margin: 0; + letter-spacing: -1px; +} +.wl-pricing-table h4 *:after, +.wl-pricing-table h4 *:before{ + margin: 0px 15px; + position: absolute; + top: 50%; + content: ''; + width: 200em; + height: 0px; + display: block; +} +.wl-pricing-table h4 *:before{ + right: 100%; +} +.wl-pricing-table h4 *:after{ + left: 100%; +} + +.wl-pricing-table .pricing-header em{ + font-style: normal; + text-transform: uppercase; + opacity: 0.8; + font-weight: normal; +} +.wl-pricing-table.light span{ + display: block; + padding: 2px 0; + margin-bottom: 10px; +} +.wl-pricing-table.light .pricing-footer{ + padding: 30px 0 0; +} +.wl-pricing-table.light .highlight-column{ + padding: 50px 30px; + margin-top: -20px; + position: relative; + z-index: 2; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.wl-pricing-table.light .content-column:first-child{ + -webkit-border-top-left-radius: 3px; + -webkit-border-bottom-left-radius: 3px; + -moz-border-radius-topleft: 3px; + -moz-border-radius-bottomleft: 3px; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.wl-pricing-table.light .content-column:last-child{ + -webkit-border-top-right-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + -moz-border-radius-topright: 3px; + -moz-border-radius-bottomright: 3px; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.wl-pricing-table.light .highlight-column:first-child, .wl-pricing-table.light .highlight-column:last-child{ + -webkit-box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.3); + -moz-box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.3); + box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.3); +} +.pricing-row h4{ + border-bottom: none; + + &::after{ + display: none; + } +} + +/** + * 8.21 - Event Agenda + * ----------------------------------------------------------------------------- + */ + +.event-agenda{ + line-height: 1.425em; + + .event-agenda-day{ + margin-top: 4rem; + } +} +.event-agenda-event span{ + font-size: 0.9em; +} +.event-agenda .toggle-box{ + margin-bottom: 0; +} +.event-agenda .row.event-agenda-day:hover{ + background: transparent +} +.event-agenda p{ margin-bottom: 0 } +.event-agenda *[class*="col-"]{ padding: 8px 5px } +.event-agenda .event-agenda-day span{ + line-height: 2em; +} +.event-agenda h3{ margin: 0 } +.event-agenda h6{ margin: 0 0 0} +.event-agenda h6 + div.in{ margin: 0 0 0 } +.event-agenda-event i.fa-clock-o{ + margin-right: 5px; +} +.event-agenda-event i.fa-map-marker{ + margin-left: 5px; +} +.event-agenda-day i.fa-calendar{ + margin-right: 5px; +} + +/** + * 8.22 - Countdown + * ----------------------------------------------------------------------------- + */ + +.curly-counter{ + margin-bottom: 20px; +} +#counter > div{ + display: inline-block; + padding-right: 6%; + width: 20.5%; + max-width: 100px; + box-sizing: content-box; +} +#counter > div:last-child{ + padding-right: 0; +} +.countdown_descr{ + display: block; + border-top-style: solid; + border-top-width: 1px; + padding-top: 7px; +} +.countdown_amount{ + font-size: 44px; + font-weight: bold; + padding-bottom: 7px; + display: block; + line-height: 44px; + height: auto; +} + +/** + * 8.23 - Alerts + * ----------------------------------------------------------------------------- + */ + +.alert .fa{ + background: transparent; + border: none; + padding: 0; + margin: 0 0 30px 30px; + float: right; + outline: none; +} +.alert h1, +.alert h2, +.alert h3, +.alert h4, +.alert h5, +.alert h6{ + margin-bottom: 0; + margin-top: 10px; +} +.alert.alert-warning h1, +.alert.alert-warning h2, +.alert.alert-warning h3, +.alert.alert-warning h4, +.alert.alert-warning h5, +.alert.alert-warning h6, +.alert.alert-warning .fa::before{ + color: #C09853; +} +.alert.alert-success h1, +.alert.alert-success h2, +.alert.alert-success h3, +.alert.alert-success h4, +.alert.alert-success h5, +.alert.alert-success h6, +.alert.alert-success .fa::before{ + color: #468847; +} +.alert.alert-info h1, +.alert.alert-info h2, +.alert.alert-info h3, +.alert.alert-info h4, +.alert.alert-info h5, +.alert.alert-info h6, +.alert.alert-info .fa::before{ + color: #3A87AD; +} +.alert.alert-danger h1, +.alert.alert-danger h2, +.alert.alert-danger h3, +.alert.alert-danger h4, +.alert.alert-danger h5, +.alert.alert-danger h6, +.alert.alert-danger .fa::before{ + color: #B94A48; +} + +/** + * 8.25 - FullWidth + * ----------------------------------------------------------------------------- + */ + + .fullwidth-row .col-lg-12 *:last-child{ + margin-bottom: 0; + } + +/** + * 8.26 - Progress + * ----------------------------------------------------------------------------- + */ + +.progress{ + box-shadow: none; + height: 3rem; + line-height: 3rem; +} +.progress .progress-bar{ + font-weight: bold; + box-shadow: none; + line-height: inherit; + height: inherit; +} + + +/** + * Recent Posts Widget + * ----------------------------------------------------------------------------- + */ +.custom_recent_posts{ + .recent-posts{ + list-style: none; + padding: 0; + margin: 0; + + li{ + padding: 0; + margin: 0 0 2rem 0; + + &::before{ + display: none; + } + h6{ + margin-bottom: 0.5em; + margin-top: 0; + } + } + &.type-thumbnail{ + li{ + padding: 20px 0 20px 100px; + margin: 0 0 1.4rem 0; + min-height: 80px; + + &:hover{ + .wp-post-image{ + opacity: 1; + } + } + } + .wp-post-image{ + max-width: 80px; + height: auto; + position: absolute; + left: 0; + top: 20px; + transition: opacity 200ms; + opacity: 0; + } + time{ + display: block; + width: 80px; + height: 80px; + position: absolute; + left: 0; + top: 20px; + text-align: center; + border-radius: 3px; + + span{ + font-size: 2.5em; + display: block; + padding-top: 0.25em; + line-height: 1.2em; + } + em{ + font-style: normal + } + } + } + &.type-fullwidth{ + .wp-post-image{ + max-width: 100%; + height: auto; + margin-bottom: 1em; + } + time{ + display: none; + } + } + .cols-1{ + width: 100%; + } + .cols-2{ + width: 50%; + } + .cols-3{ + width: 33.3333333%; + } + .cols-4{ + width: 25%; + } + } +} +@media (max-width: $screen-sm-max) { + .custom_recent_posts{ + .recent-posts{ + .cols-1, + .cols-2, + .cols-3, + .cols-4{ + width: 100%; + } + } + } +} \ No newline at end of file diff --git a/css/wp-editor.css b/css/wp-editor.css new file mode 100644 index 0000000..20ecf2e --- /dev/null +++ b/css/wp-editor.css @@ -0,0 +1,305 @@ +@font-face { + font-family: 'curlythemes'; + src:url('fonts/curlythemes.eot?-9fe6bk'); + src:url('fonts/curlythemes.eot?#iefix-9fe6bk') format('embedded-opentype'), + url('fonts/curlythemes.woff?-9fe6bk') format('woff'), + url('fonts/curlythemes.ttf?-9fe6bk') format('truetype'), + url('fonts/curlythemes.svg?-9fe6bk#curlythemes') format('svg'); + font-weight: normal; + font-style: normal; +} + +[class^="curly-icon-"]:before, [class*=" curly-icon-"]:before { + font-family: 'curlythemes'; + font-size: 32px; + line-height: 56px; + top: 0px; + right: 10px; + position: absolute; + text-align: center; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + color: rgba(127, 140, 141, 0.45); + text-shadow: 0px 1px rgba(255, 255, 255, 1); + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +:hover[class^="curly-icon-"]:before, :hover[class*=" curly-icon-"]:before { + color: rgba(255, 255, 255, .45); + text-shadow: none; +} + +.curly-icon-half:before { + content: "\e605"; +} +.curly-icon-third:before { + content: "\e606"; +} +.curly-icon-quarter:before { + content: "\e607"; +} +.curly-icon-two-thirds:before { + content: "\e604"; +} +.curly-icon-two-quarters:before { + content: "\e602"; +} +.curly-icon-three-quarters:before { + content: "\e603"; +} +.curly-icon-clear:before { + content: "\e61f"; +} +.curly-icon-divider:before { + content: "\e61c"; +} +.curly-icon-button:before { + content: "\e621"; +} +.curly-icon-alert-box:before { + content: "\e624"; +} +.curly-icon-blockquote:before { + content: "\e623"; +} +.curly-icon-list:before { + content: "\e617"; +} +.curly-icon-abbreviation:before { + content: "\e627"; +} +.curly-icon-dropcap:before { + content: "\e61b"; +} +.curly-icon-highlighted:before { + content: "\e61a"; +} +.curly-icon-call-to-action:before { + content: "\e620"; +} +.curly-icon-accordion:before { + content: "\e626"; +} +.curly-icon-tabs:before { + content: "\e60d"; +} +.curly-icon-team:before { + content: "\e601"; +} +.curly-icon-testimonials:before { + content: "\e60c"; +} +.curly-icon-you-tube:before { + content: "\e609"; +} +.curly-icon-vimeo:before { + content: "\e60a"; +} +.curly-icon-toggle:before { + content: "\e60b"; +} +.curly-icon-slider:before { + content: "\e60e"; +} +.curly-icon-marker:before { + content: "\e615"; +} +.curly-icon-box:before { + content: "\e622"; +} +.curly-icon-progress-bar:before { + content: "\e612"; +} +.curly-icon-pricing-table:before { + content: "\e613"; +} +.curly-icon-icon:before { + content: "\e619"; +} +.curly-icon-clients:before { + content: "\e61e"; +} +.curly-icon-lightbox:before { + content: "\e618"; +} +.curly-icon-photo-frame:before { + content: "\e614"; +} +.curly-icon-zoomify:before { + content: "\e608"; +} +.curly-icon-agenda:before { + content: "\e625"; +} +.curly-icon-countdown:before { + content: "\e61d"; +} +.curly-icon-map:before { + content: "\e616"; +} +.curly-icon-weather:before { + content: "\e60f"; +} +.curly-icon-text-rotator:before { + content: "\e610"; +} +.curly-icon-qr-code:before { + content: "\e611"; +} +.curly-icon-full-width:before { + content: "\e628"; +} +.curly-icon-logo:before { + content: "\e600"; +} + + +#curly_shortcode_builder{ + background: rgba(0, 0, 0, .85); + width: 100%; + height: 100%; + position: fixed; + top: 0; + left: 0; + z-index: 999999; + display: none; +} +#curly_shortcode_builder > div{ + background: #fff; + margin: 50px; + position: absolute; + padding: 30px; + box-sizing: border-box; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 1px 2px 6px rgba(0,0,0, 0.5); + -webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5); + z-index: 9999999; +} +#curly_shortcodes{ + margin: 0; + padding: 0; +} +#curly_shortcodes li{ + display: inline-block; + float: left; + width: 20%; + box-sizing: border-box; + margin: 0; +} +#curly_shortcodes a{ + text-decoration: none; + font-weight: bold; + background: #ecf0f1; + display: block; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + padding: 10px 35px 10px 15px; + margin: 2px; + overflow: auto; + position: relative; + font-size: 14px; +} +#curly_shortcodes a:hover{ + background: #3498db; + color: #fff; +} +#curly_shortcodes a:hover small{ + color: #fff; +} +#curly_shortcodes a i{ + float: left; + height: 32px; + width: 32px; + line-height: 32px; + display: block; + margin-right: 10px; + color: #95a5a6; +} +#curly_shortcodes a small{ + display: block; + color: #95a5a6; + font-weight: normal; +} + + +.mce-i-curly{ + font: 400 20px/20px 'curlythemes' !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + text-align: center !important; + width: auto; + height: auto; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + +} +.mce-i-curly:before{ + margin: 0; + padding: 0; + display: block !important; + height: 20px; + width: 20px; + line-height: 20px; + overflow: hidden; + text-align: center; + content: "\e600"; +} + +/* Small devices (tablets, 768px and up) */ +@media (max-width: 767px) { + #curly_shortcode_builder{ + position: absolute; + } + #curly_shortcode_builder > div{ + margin: 0; + padding: 20px; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; + } + + #curly_shortcodes li{ + width: 100%; + } +} + +@media (min-width: 768px) { + #curly_shortcode_builder{ + position: absolute; + } + #curly_shortcodes li{ + width: 33%; + } +} + +/* Medium devices (desktops, 992px and up) */ +@media (min-width: 992px) { + #curly_shortcodes li{ + width: 25%; + } +} + +/* Large devices (large desktops, 1200px and up) */ +@media (min-width: 1300px) { + #curly_shortcode_builder{ + position: fixed; + } + #curly_shortcodes li{ + width: 20%; + } +} + diff --git a/curly-extension.php b/curly-extension.php new file mode 100644 index 0000000..bbc68c0 --- /dev/null +++ b/curly-extension.php @@ -0,0 +1,677 @@ + __('[DEPRECATED]Pre-Footer Left' , 'CURLYTHEME'), + 'id' => 'pre_footer_sidebar_left', + 'before_widget' => '
', + 'before_title' => ')?\[($needle)(\s[^\]]+)?\](<\/p>|
)?/","[$2$3]",$content);
+ $html = preg_replace("/(
)?\[\/($needle)](<\/p>|
)/","[/$2]",$html);
+
+ return $html;
+ }
+
+ function activate_plugins() {
+
+ include_once( ABSPATH . 'wp-admin/includes/plugin.php' );
+
+ if ( ! is_plugin_active( 'simple-text-rotator/simple-text-rotator.php' ) ) {
+ include_once ('plugins/simple-text-rotator/simple-text-rotator.php' );
+ }
+
+ if ( ! is_plugin_active( 'simple-qr/simple-qr.php' ) ) {
+ include_once ('plugins/simple-qr/simple-qr.php' );
+ }
+ }
+
+}
+
+class CurlyThemesShortcodeBuilder {
+
+ public function __construct( $prefix = null ) {
+
+ if ( !defined( 'THEMEPREFIX' ) ) {
+ define( 'THEMEPREFIX' , $prefix );
+ }
+
+ add_action('admin_footer', array($this, 'shortcode_builder'));
+ add_action('admin_enqueue_scripts', array($this, 'load_shortcodes_admin_scripts'));
+
+ }
+
+ function shortcode_builder() {
+
+ $html = '
x
'; + head.appendChild(div.childNodes[1]); + } + + if ( options ) { + $.extend( settings, options ); + } + + return this.each(function(){ + var selectors = [ + "iframe[src*='player.vimeo.com']", + "iframe[src*='youtube.com']", + "iframe[src*='youtube-nocookie.com']", + "iframe[src*='kickstarter.com'][src*='video.html']", + "object", + "embed" + ]; + + if (settings.customSelector) { + selectors.push(settings.customSelector); + } + + var $allVideos = $(this).find(selectors.join(',')); + $allVideos = $allVideos.not("object object"); // SwfObj conflict patch + + $allVideos.each(function(){ + var $this = $(this); + if (this.tagName.toLowerCase() === 'embed' && $this.parent('object').length || $this.parent('.fluid-width-video-wrapper').length) { return; } + var height = ( this.tagName.toLowerCase() === 'object' || ($this.attr('height') && !isNaN(parseInt($this.attr('height'), 10))) ) ? parseInt($this.attr('height'), 10) : $this.height(), + width = !isNaN(parseInt($this.attr('width'), 10)) ? parseInt($this.attr('width'), 10) : $this.width(), + aspectRatio = height / width; + if(!$this.attr('id')){ + var videoID = 'fitvid' + Math.floor(Math.random()*999999); + $this.attr('id', videoID); + } + $this.wrap('').parent('.fluid-width-video-wrapper').css('padding-top', (aspectRatio * 100)+"%"); + $this.removeAttr('height').removeAttr('width'); + }); + }); + }; +// Works with either jQuery or Zepto +})( window.jQuery || window.Zepto ); diff --git a/js/jquery.iosslider.min.js b/js/jquery.iosslider.min.js new file mode 100644 index 0000000..587223f --- /dev/null +++ b/js/jquery.iosslider.min.js @@ -0,0 +1,42 @@ +/* + * iosSlider - http://iosscripts.com/iosslider/ + * + * Touch Enabled, Responsive jQuery Horizontal Content Slider/Carousel/Image Gallery Plugin + * + * A jQuery plugin which allows you to integrate a customizable, cross-browser + * content slider into your web presence. Designed for use as a content slider, carousel, + * scrolling website banner, or image gallery. + * + * Copyright (c) 2013 Marc Whitbread + * + * Version: v1.2.27 (06/03/2013) + * Minimum requirements: jQuery v1.4+ + * + * Advanced requirements: + * 1) jQuery bind() click event override on slide requires jQuery v1.6+ + * + * Terms of use: + * + * 1) iosSlider is licensed under the Creative Commons – Attribution-NonCommercial 3.0 License. + * 2) You may use iosSlider free for personal or non-profit purposes, without restriction. + * Attribution is not required but always appreciated. For commercial projects, you + * must purchase a license. You may download and play with the script before deciding to + * fully implement it in your project. Making sure you are satisfied, and knowing iosSlider + * is the right script for your project is paramount. + * 3) You are not permitted to make the resources found on iosscripts.com available for + * distribution elsewhere "as is" without prior consent. If you would like to feature + * iosSlider on your site, please do not link directly to the resource zip files. Please + * link to the appropriate page on iosscripts.com where users can find the download. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF + * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE + * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, + * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE + * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED + * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING + * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED + * OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +(function(a){var na=0,W=0,da=0,M=0,Ba="ontouchstart"in window,Ca="onorientationchange"in window,ea=!1,aa=!1,X=!1,oa=!1,ha="pointer",sa="pointer",ia=[],S=[],ta=[],$=[],x=[],ba=[],F=[],j=[],q=[],ua=[],fa=[],e={showScrollbar:function(c,e){c.scrollbarHide&&a("."+e).css({opacity:c.scrollbarOpacity,filter:"alpha(opacity:"+100*c.scrollbarOpacity+")"})},hideScrollbar:function(a,f,b,u,d,g,j,q,z,w){if(a.scrollbar&&a.scrollbarHide)for(var x=b;x=-1*j[n]||0<=b){C=a(c).width();if(0<=b){p=-1*K[0];a(f).each(function(b){e.setSliderOffset(a(f)[b],p+k);b' + js_data[3] + '
'); + + } else if ( response == 'empty' ) { + + $('#messages').append('' + js_data[2] + '
'); + + } else { + + var response_obj = jQuery.parseJSON( response ); + $('#no-sidebar').remove(); + $('#sidebar-list').append('[sidebar id="' + response_obj[0] + '"]
' + js_data[0] + '' + js_data[4] + '
'); + + } + + setTimeout(function(){ $('#messages > p').fadeOut(); }, 4000); + } + ); + }); + + + function remove_sidebar() { + + var sidebar = $(this); + + if ( confirm( js_data[1] ) == true ) { + + jQuery.post( + ajaxurl, + { + 'action': 'update_sidebars', + 'name' : '', + 'id' : sidebar.data('sidebar-id'), + 'method': 'delete' + }, + function(response){ + + if ( response == 'success' ) { + + if ( sidebar.parents('#sidebar-list').children().length == 1 ) { + $('#sidebar-list').append(''.do_shortcode($content).'
' : null; + $html .= ( $facebook || $twitter || $linkedin || $email ) ? '' : null; + $html .= ( $facebook ) ? ''.do_shortcode('[icon icon="facebook" boxed="yes"]').' ' : null; + $html .= ( $twitter ) ? ''.do_shortcode('[icon icon="twitter" boxed="yes"]').' ' : null; + $html .= ( $linkedin ) ? ''.do_shortcode('[icon icon="linkedin" boxed="yes"]').' ' : null; + $html .= ( $email ) ? ''.do_shortcode('[icon icon="envelope" boxed="yes"]').' ' : null; + $html .= ( $facebook || $twitter || $linkedin || $email ) ? '
' : null; + $html .= ''.$img.$content.( ( $cite ) ? ''.$cite.'' : null ).'' : null; +} +?> \ No newline at end of file diff --git a/shortcodes/slider-ios.php b/shortcodes/slider-ios.php new file mode 100644 index 0000000..bad2bd9 --- /dev/null +++ b/shortcodes/slider-ios.php @@ -0,0 +1,118 @@ +
'.$img.$content.''.( ( isset($name) ) ? ''.$name.'' : null ).'