Skip to content

Instantly share code, notes, and snippets.

@christopherhealey

christopherhealey/CSV Export of Fields

Last active August 29, 2015 14:22
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save christopherhealey/75cdabd6a4abe4363506 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save christopherhealey/75cdabd6a4abe4363506 to your computer and use it in GitHub Desktop.
Download ZIP
Matrix+Supertable templates for Craft Cms based on Startup Framework (Bootstrap)
Raw
_altheadingtextcenter.html
<section class="content-36">
<div class="container">
{% if block.heading|length %}
<h2>
{{ block.heading }}
</h2>
{% endif %}
{% if block.text|length %}
{{ block.text }}
{% endif %}
</div>
</section>
Raw
_bigimagerighttextslider.html
<section class="content-35">
<ul class="content-35-customPager">
<li class="menuicon">
<span aria-hidden="true" class="fui-list"></span>
</li>
{% for slide in block.slides %}
<li>
<a data-slide-index="{{ loop.index0 }}">
{{ slide.slideTitle }}
</a>
</li>
{% endfor %}
</ul>
<ul class="content-35-slider">
{% for slide in block.slides %}
<li class="content-35-slider-item">
<div class="background landscape">
<div class="container">
<div class="row">
<div class="col-sm-4">
<div>
{% for image in slide.slideImage %}
<img src="{{ image.getUrl() }}" alt="">
{% endfor %}
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-5 col-sm-offset-5">
{% if slide.heading|length %}
<h2>
{{ slide.heading }}
</h2>
{% endif %}
{% if slide.intro|length %}
{{ slide.intro|replace({'<p>' : '<p class="lead">'})| raw }}
{% endif %}
{% if slide.text|length %}
{{ slide.text }}
{% endif %}
{%if ( slide.leftHeading |length ) or ( slide.leftText |length ) or ( slide.rightHeading |length ) or ( slide.rightText |length ) %}
<div class="row columns">
{%if ( slide.leftHeading |length ) or ( slide.leftText |length ) %}
<div class="col-sm-6">
{% if slide.leftHeading|length %}
<h3>
{{ slide.leftHeading }}
</h3>
{% endif %}
{% if slide.leftText|length %}
{{ slide.leftText }}
{% endif %}
</div>
{% endif %}
{%if ( slide.rightHeading |length ) or ( slide.rightText |length ) %}
<div class="col-sm-6">
{% if slide.rightHeading|length %}
<h3>
{{ slide.rightHeading }}
</h3>
{% endif %}
{% if slide.rightText|length %}
{{ slide.rightText }}
{% endif %}
</div>
{% endif %}
</div>
{% endif %}
</div>
</div>
</div>
</li>
{% endfor %}
</ul>
</section>
Raw
_bigimageslidesection.html
<section class="content-34">
<div id="content-34-pt-main" class="page-transitions pt-perspective">
<div class="pt-controls">
<ul class="pt-indicators">
{% for slide in block.slides %}
<li {% if loop.first %}class="active"{% endif %}></li>
{% endfor %}
</ul>
</div>
{% for slide in block.slides %}
<div class="pt-page {% if loop.first %}pt-page-current{% endif %}">
<section style="background: url('{% for image in slide.slideBackgroundImage %}{{ image.getUrl() }}{% endfor %}') 0 0 no-repeat;background-size:cover;">
<div class="container">
{%if ( slide.slideHeading |length ) or ( slide.slideIntro |length ) %}
<div class="row">
<div class="col-sm-6">
{% if slide.slideHeading|length %}
<h2>
{{ slide.slideHeading }}
</h2>
{% endif %}
{% if slide.slideIntro|length %}
{{ slide.slideIntro|replace({'<p>' : '<p class="lead">'})| raw }}
{% endif %}
</div>
</div>
{% endif %}
{%if ( slide.topImage |length ) or ( slide.topText |length ) or ( slide.topHeading |length ) %}
<div class="row">
<div class="col-sm-3 box-1">
{% for image in slide.topImage %}
<img src="{{ image.getUrl() }}" alt="">
{% endfor %}
{% if slide.topHeading|length %}
<h3>
{{ slide.topHeading }}
</h3>
{% endif %}
{% if slide.topText|length %}
{{ slide.topText }}
{% endif %}
</div>
</div>
{% endif %}
{%if ( slide.bottomImage |length ) or ( slide.bottomText |length ) or ( slide.bottomHeading |length ) %}
<div class="row">
<div class="col-sm-3 box-2">
{% for image in slide.bottomImage %}
<img src="{{ image.getUrl() }}" alt="">
{% endfor %}
{% if slide.bottomHeading|length %}
<h3>
{{ slide.bottomHeading }}
</h3>
{% endif %}
{% if slide.bottomText|length %}
{{ slide.bottomText }}
{% endif %}
</div>
</div>
{% endif %}
</div>
</section>
</div>
{% endfor %}
</div>
</section>
Raw
_body.html
{% set matrixIndex = 0 %}
{% for block in entry.body %}
{% switch block.type %}
{% case "textImage5050" %}
{% include "sections/_textimage5050.html" %}
{% case "fullWidthLowerTripleColumns" %}
{% include "sections/_fullwidthlowertriplecolumns.html" %}
{% case "fullWidthLowerDoubleColumnsIcons" %}
{% include "sections/_fullwidthlowerdoublecolumnsicons.html" %}
{% case "textLeftDualColumnImageRight" %}
{% include "sections/_textleftdualcolumnimageright.html" %}
{% case "centerImageWTextBlocks" %}
{% include "sections/_centerimagewtextblocks.html" %}
{% case "centerHeadingDualColumnImageWithTextBlocks" %}
{% include "sections/_centerheadingdualcolumnimagewithtextblocks.html" %}
{% case "imageLeftSlidesRight" %}
{% include "sections/_imageleftslidesright.html" %}
{% case "textImage" %}
{% include "sections/_textimage.html" %}
{% case "centerHeadingTripleCenteredColumns" %}
{% include "sections/_centerheadingtriplecenteredcolumns.html" %}
{% case "imageText" %}
{% include "sections/_imagetext.html" %}
{% case "centerTextImage" %}
{% include "sections/_centertextimage.html" %}
{% case "imageHoverDescriptions" %}
{% include "sections/_imagehoverdescriptions.html" %}
{% case "headingBlock" %}
{% include "sections/_headingblock.html" %}
{% case "bigImageSlidesSection" %}
{% include "sections/_bigimageslidessection.html" %}
{% case "bigImageRightTextSlider" %}
{% include "sections/_bigimagerighttextslider.html" %}
{% case "imageGallery" %}
{% include "sections/_imagegallery.html" %}
{% case "altHeadingTextCenter" %}
{% include "sections/_altheadingtextcenter.html" %}
{% endswitch %}
{% set matrixIndex = matrixIndex + 1 %}
{% endfor %}
Raw
_centerheadingdualcolumnimagewithtextblocks.html
<section class="content-15 v-center">
<div>
<div class="container">
{% if block.heading|length %}
<div class="row">
<h3 class="col-sm-10 col-sm-offset-1">
{{ block.heading }}
</h3>
</div>
{% endif %}
{% if ( block.leftText |length ) or ( block.rightText |length ) %}
<div class="row">
{% if block.leftText|length %}
<div class="col-sm-6">
{{ block.leftText }}
</div>
{% endif %}
{% if block.rightText|length %}
<div class="col-sm-6">
{{ block.rightText }}
</div>
{% endif %}
</div>
{% endif %}
{% if ( block.image |length ) or ( block.textBlocks |length ) %}
<div class="row features">
<div class="col-sm-7">
{% for image in block.image %}
<img src="{{ image.getUrl() }}" alt="">
{% endfor %}
</div>
<div class="col-sm-4 col-sm-offset-1">
{% for row in block.textBlocks %}
{% if row.heading|length %}
<h6>
{{ row.heading }}
</h6>
{% endif %}
{% if row.text|length %}
{{ row.text }}
{% endif %}
{% endfor %}
</div>
</div>
{% endif %}
</div>
</div>
</section>
Raw
_centerheadingtriplecenteredcolumns.html
<section class="content-26 bg-clouds">
<div class="container">
{% if ( block.heading |length ) or ( block.intro |length ) or ( block.text |length ) %}
<div class="row">
<div class="col-sm-8 col-sm-offset-2">
{% if block.heading |length %}
<h3>
{{ block.heading }}
</h3>
{% endif %}
{% if block.intro|length %}
{{ block.intro|replace({'<p>' : '<p class="lead">'})| raw }}
{% endif %}
{% if block.text |length %}
<br>
{{ block.text }}
{% endif %}
</div>
</div>
{% endif %}
{% for row in block.columns|batch(3) %}
<div class="row features">
{% for column in row %}
{% if loop.index % 3 == 1 %}
<div class="col-sm-3">
{% elseif loop.index % 3 == 2 %}
<div class="col-sm-4 col-sm-offset-1">
{% else %}
<div class="col-sm-3 col-sm-offset-1">
{% endif %}
{% for image in column.image %}
<img src="{{ image.getUrl() }}" alt="" height="100" width="100">
{% endfor %}
{% if column.heading|length %}
<h6>
{{ column.heading }}
</h6>
{% endif %}
{% if column.text|length %}
{{ column.text }}
{% endif %}
</div>
{% endfor %}
</div>
{% endfor %}
</div>
</section>
Raw
_centerimagewtextblocks.html
<section class="content-14 v-center">
<div>
<div class="container">
<div class="row">
{% if block.heading |length %}
<h3>
{{ block.heading }}
</h3>
{% endif %}
{% if block.intro|length %}
{{ block.intro|replace({'<p>' : '<p class="lead">'})| raw }}
{% endif %}
<div class="row features">
<div class="col-sm-2">
{% for textBlock in block.textBlocks %}
<div class="box-1">
{% if textBlock.leftHeading|length %}
<h6>
{{ textBlock.leftHeading }}
</h6>
{% endif %}
{% if textBlock.leftText|length %}
{{ textBlock.leftText }}
{% endif %}
</div>
{% endfor %}
</div>
<div class="col-sm-6 col-sm-offset-1">
{% for image in block.image %}
<img src="{{ image.getUrl() }}" alt="" >
{% endfor %}
</div>
<div class="col-sm-2 col-sm-offset-1">
{% for textBlock in block.textBlocks %}
<div class="box-5">
{% if textBlock.rightHeading|length %}
<h6>
{{ textBlock.rightHeading }}
</h6>
{% endif %}
{% if textBlock.rightText|length %}
{{ textBlock.rightText }}
{% endif %}
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</section>
Raw
_centertextimage.html
<section class="content-28 bg-clouds">
<div class="container">
<div class="row">
<div class="col-sm-10 col-sm-offset-1">
{% if block.heading|length %}
<h3>
{{ block.heading }}
</h3>
{% endif %}
{% if block.text|length %}
{{ block.text }}
{% endif %}
{% for image in block.image %}
<img src="{{ image.getUrl() }}" alt="">
{% endfor %}
</div>
</div>
</div>
</section>
Raw
_fullwidthlowerdoublecolumnsicons.html
<section class="content-5">
<div class="container">
{% for image in block.headingImage %}
<img src="{{ image.getUrl() }}" alt="" width="200">
{% endfor %}
{% if ( block.heading |length ) or ( block.intro |length ) or ( block.text |length ) %}
<div class="row">
<div class="col-sm-10 col-sm-offset-1">
{% if block.heading |length %}
<h3>
{{ block.heading }}
</h3>
{% endif %}
{% if block.intro|length %}
{{ block.intro|replace({'<p>' : '<p class="lead">'})| raw }}
{% endif %}
{% if block.heading |length %}
<br>
{{ block.text }}
{% endif %}
</div>
</div>
{% endif %}
{% if block.columns |length %}
{% for row in block.columns|batch(2) %}
<div class="row features">
{% for column in row %}
{% if loop.index % 2 == 1 %}
<div class="col-sm-4 col-sm-offset-2">
{% else %}
<div class="col-sm-4 col-sm-offset-1">
{% endif %}
{% set icon = column.icon %}
{% if icon %}
<span class="{{ icon.class }}"> </span>
{% endif %}
{% if column.heading |length %}
<h6>
{{ column.heading }}
</h6>
{% endif %}
{% if column.text |length %}
{{ column.text }}
{% endif %}
</div>
{% endfor %}
</div>
{% endfor %}
{% endif %}
</div>
</section>
Raw
_fullwidthlowertriplecolumns.html
<section class="content-4">
<div class="container">
{% if block.heading |length %}
<h3>
{{ block.heading }}
</h3>
{% endif %}
{% if block.intro|length %}
{{ block.intro|replace({'<p>' : '<p class="lead">'})| raw }}
{% endif %}
{% for row in block.columns|batch(3) %}
<div class="row features">
{% for column in row %}
<div class="col-sm-4">
{% for image in column.image %}
<img src="{{ image.getUrl() }}" alt="" width="117" height="104">
{% endfor %}
{% if column.heading|length %}
<h6>
{{ column.heading }}
</h6>
{% endif %}
{% if column.text|length %}
{{ column.text }}
{% endif %}
</div>
{% endfor %}
</div>
{% endfor %}
</div>
</section>
Raw
_headingblock.html
<section class="content-33">
<div class="container">
{% if block.heading|length %}
{{ block.heading|replace({'<p>' : '<p class="lead">'})| raw }}
{% endif %}
</div>
</section>
Raw
_imagegallery.html
<section class="content-38">
<div class="container">
{% if ( block.heading |length ) or ( block.intro |length ) %}
<div class="row">
<div class="col-sm-8 col-sm-offset-2">
{% if block.heading |length %}
<h3>
{{ block.heading }}
</h3>
{% endif %}
{% if block.intro|length %}
{{ block.intro|replace({'<p>' : '<p class="lead">'})| raw }}
{% endif %}
</div>
</div>
{% endif %}
<div class="samples-holder">
<div class="row samples-grid">
<div class="col-sm-10 col-sm-offset-1">
<div class="row">
{% for image in block.images %}
{% if loop.index == 2 %}
<div class="sample-box col-xs-6">
{% else %}
<div class="sample-box col-xs-3">
{% endif %}
<a class="ilightbox{{ matrixIndex }}" href="{{ image.getUrl() }}">
<img src="{{ image.getUrl() }}" alt="">
</a>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
</section>
<script>$('div.samples-holder a.ilightbox{{ matrixIndex }}').iLightBox({
skin: 'metro-white',
path: 'horizontal',
fullAlone: 0,
overlay: {
opacity: .55,
blur: false
},
keyboard: {
esc: false
},
styles: {
nextOpacity: .55,
prevOpacity: .55
},
controls: {
thumbnail: 0,
arrows: 0,
slideshow: 1
}
});</script>
Raw
_imagehoverdescriptions.html
<section class="content-30">
<div class="container">
{% for row in block.imageBlocks|batch(4) %}
<div class="row features" style="position:relative;">
{% for column in row %}
{% if loop.index % 4 == 1 %}
<div class="col-sm-3 box-1">
{% elseif loop.index % 4 == 2 %}
<div class="col-sm-3 box-2">
{% elseif loop.index % 4 == 3 %}
<div class="col-sm-3 box-3">
{% else %}
<div class="col-sm-3 box-4">
{% endif %}
{% if ( column.topHeading |length ) or ( column.topText |length ) %}
<div class="description-top">
{% if column.topHeading %}
<h6>
{{ column.topHeading }}
</h6>
{% endif %}
{% if column.topText %}
{{ column.topText }}
{% endif %}
{% if ( loop.index % 4 == 1 ) or ( loop.index % 4 == 2 ) %}
<img src="/includes/common-files/img/content/[email protected]" width="61" height="97" alt="">
{% else %}
<img src="/includes/common-files/img/content/[email protected]" width="61" height="97" alt="">
{% endif %}
</div>
{% endif %}
{% for image in column.image %}
<div class="img">
<img src="{{ image.getUrl() }}" alt="">
</div>
{% endfor %}
{% if ( column.bottomHeading |length ) or ( column.bottomText |length ) %}
<div class="description-bottom">
{% if column.bottomHeading %}
<h6>
{{ column.bottomHeading }}
</h6>
{% endif %}
{% if column.bottomText %}
{{ column.bottomText }}
{% endif %}
{% if loop.index is odd %}
<img src="/includes/common-files/img/content/[email protected]" width="97" height="110" alt="">
{% else %}
<img src="/includes/common-files/img/content/[email protected]" width="97" height="110" alt="">
{% endif %}
</div>
{% endif %}
</div>
{% endfor %}
</div>
{% endfor %}
</div>
</section>
Raw
_imageleftslidesright.html
<section class="content-24 bg-midnight-blue">
{% for image in block.image %}
<img class="image" src="{{ image.getUrl() }}" alt="">
{% endfor %}
<div class="container">
<div class="row">
<div class="col-sm-6 col-sm-offset-6">
<div class="features features-clear">
<div class="features-header">
{% for slide in block.slides %}
<div class="box {% if loop.first %}active{% endif %}">
{% set icon = slide.icon %}
{% if icon %}
<div class="{{ icon.class }}"></div>
{% endif %}
</div>
{% endfor %}
</div>
<div class="features-bodies">
{% for slide in block.slides %}
<div class="features-body {% if loop.first %}active{% endif %}">
{% if slide.heading |length %}
<h3>
{{ slide.heading }}
</h3>
{% endif %}
{% if slide.text |length %}
{{ slide.text }}
{% endif %}
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
</section>
Raw
_imagetext.html
<section class="content-27 bg-clouds">
<div class="container">
<div class="row">
{% if block.image |length %}
<div class="col-sm-4 ">
{% for image in block.image %}
<img src="{{ image.getUrl() }}" alt="">
{% endfor %}
</div>
{% endif %}
{% if ( block.heading |length ) or ( block.text |length ) %}
<div class="col-sm-7 col-sm-offset-1">
{% if block.heading |length %}
<h3>
{{ block.heading }}
</h3>
{% endif %}
{% if block.text |length %}
{{ block.text }}
{% endif %}
</div>
{% endif %}
</div>
</div>
</section>
Raw
_layout.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Website</title>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="shortcut icon" href="">
<link rel="stylesheet" href="/includes/flat-ui/bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="/includes/flat-ui/css/flat-ui.css">
<!-- Using only with Flat-UI (free)-->
<link rel="stylesheet" href="/includes/common-files/css/icon-font.css">
<!-- end -->
<link rel="stylesheet" href="/includes/common-files/css/animations.css">
<link rel="stylesheet" href="/includes/common-files/css/font-awesome.min.css">
<link rel="stylesheet" href="/includes/common-files/css/jquery.bxslider.css">
<link rel="stylesheet" href="/includes/ui-kit/ui-kit-content/css/ui-kit-styles.css">
<link rel="stylesheet" href="/includes/common-files/css/ilightbox.css">
<script src="/includes/common-files/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="/includes/common-files/js/jquery.requestAnimationFrame.js"></script>
<script type="text/javascript" src="/includes/common-files/js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="/includes/common-files/js/ilightbox.packed.js"></script>
</head>
<body>
<div class="page-wrapper">
{% block content %}
<p>If you see me, you haven’t set your <code>{% verbatim %}{% block content %}…{% endblock %}{% endverbatim %}</code> yet.</p>
<p>See Twig’s <a href="http://twig.sensiolabs.org/doc/templates.html#template-inheritance">Template Inheritance</a> documentation for an explanation.</p>
{% endblock %}
</div>
<!-- Placed at the end of the document so the pages load faster -->
<script src="/includes/flat-ui/js/bootstrap.min.js"></script>
<script src="/includes/common-files/js/modernizr.custom.js"></script>
<script src="/includes/common-files/js/page-transitions.js"></script>
<script src="/includes/common-files/js/jquery.scrollTo-1.4.3.1-min.js"></script>
<script src="/includes/common-files/js/jquery.parallax.min.js"></script>
<script src="/includes/common-files/js/easing.min.js"></script>
<script src="/includes/common-files/js/jquery.svg.js"></script>
<script src="/includes/common-files/js/jquery.svganim.js"></script>
<script src="/includes/common-files/js/jquery.bxslider.min.js"></script>
<script src="/includes/common-files/js/masonry.pkgd.min.js"></script>
<script src="/includes/common-files/js/startup-kit.js"></script>
</body>
</html>
Raw
_textimage.html
<section class="content-25 bg-clouds">
<div class="container">
<div class="row">
{% if ( block.heading |length ) or ( block.text |length ) %}
<div class="col-sm-6">
{% if block.heading |length %}
<h3>
{{ block.heading }}
</h3>
{% endif %}
{% if block.text |length %}
{{ block.text }}
{% endif %}
</div>
{% endif %}
{% if block.image |length %}
<div class="col-sm-6">
{% for image in block.image %}
<img class="pull-right" src="{{ image.getUrl() }}" alt="">
{% endfor %}
</div>
{% endif %}
</div>
</div>
</section>
Raw
_textimage5050.html
<section class="content-3">
<div>
{% if ( block.heading |length ) or ( block.text |length ) or ( block.image |length ) %}
<div class="container">
<div class="row">
{% if ( block.heading |length ) or ( block.text |length ) %}
<div class="col-sm-6 aligment">
{% if block.heading |length %}
<h3>
{{ block.heading }}
</h3>
{% endif %}
{% if block.text |length %}
{{ block.text }}
{% endif %}
</div>
{% endif %}
{% if block.image |length %}
<div class="col-sm-6">
<div class="img">
{% for image in block.image %}
<img src="{{ image.getUrl() }}" alt="">
{% endfor %}
</div>
</div>
{% endif %}
</div>
</div>
{% endif %}
{% if ( block.text |length ) and ( block.columns |length ) or ( block.heading |length ) and ( block.columns |length ) or ( block.image |length ) and ( block.columns |length ) %}
<div class="delimiter">&nbsp;</div>
{% endif %}
{% if block.columns |length %}
<div class="container">
{% for row in block.columns|batch(3) %}
<div class="row features">
{% for column in row %}
{% if loop.index % 3 == 1 %}
<div class="col-sm-3">
{% else %}
<div class="col-sm-3 col-sm-offset-1">
{% endif %}
{% if column.heading |length %}
<h6>
{{ column.heading }}
</h6>
{% endif %}
{% if column.text |length %}
{{ column.text }}
{% endif %}
</div>
{% endfor %}
</div>
{% endfor %}
</div>
{% endif %}
</div>
</section>
Raw
_textleftdualcolumnimageright.html
<section class="content-9">
<div class="container">
<div class="row">
{% if ( block.heading |length ) or ( block.text |length ) or ( block.columns |length ) %}
<div class="col-sm-6">
{% if block.heading |length %}
<h3>
{{ block.heading }}
</h3>
{% endif %}
{% if block.text |length %}
{{ block.text }}
{% endif %}
{% if block.columns |length %}
{% for columns in block.columns %}
<div class="row">
{% if ( columns.leftHeading |length ) or ( columns.leftText |length ) %}
<div class="col-sm-6 info">
{% if columns.leftHeading |length %}
<h6>
{{ columns.leftHeading }}
</h6>
{% endif %}
{% if columns.leftText |length %}
{{ columns.leftText }}
{% endif %}
</div>
{% endif %}
{% if ( columns.rightHeading |length ) or ( columns.rightText |length ) %}
<div class="col-sm-6 info">
{% if columns.rightHeading |length %}
<h6>
{{ columns.rightHeading }}
</h6>
{% endif %}
{% if columns.rightText |length %}
{{ columns.rightText }}
{% endif %}
</div>
{% endif %}
</div>
{% endfor %}
{% endif %}
</div>
{% endif %}
{% if block.image |length %}
<div class="col-sm-5 col-sm-offset-1 hidden-xs">
{% for image in block.image %}
<img src="{{ image.getUrl() }}" alt="">
{% endfor %}
</div>
{% endif %}
</div>
</div>
</section>
Raw
Control Panel CSS
.menu[data-pimped-group="Static"] li,.menu[data-pimped-group="Slides"] li,.menu[data-pimped-group="Image Gallery"] li {
float:left;
}
a[data-type="textImage5050"]{
background: url('http://craft.dev/includes/images/1.png') 0 0 no-repeat;
}
a[data-type="fullWidthLowerTripleColumns"]{
background: url('http://craft.dev/includes/images/2.png') 0 0 no-repeat;
}
a[data-type="fullWidthLowerDoubleColumnsIcons"]{
background: url('http://craft.dev/includes/images/3.png') 0 0 no-repeat;
}
a[data-type="textLeftDualColumnImageRight"]{
background: url('http://craft.dev/includes/images/4.png') 0 0 no-repeat;
}
a[data-type="centerImageWTextBlocks"]{
background: url('http://craft.dev/includes/images/5.png') 0 0 no-repeat;
}
a[data-type="centerHeadingDualColumnImageWithTextBlocks"]{
background: url('http://craft.dev/includes/images/6.png') 0 0 no-repeat;
}
a[data-type="textImage"]{
background: url('http://craft.dev/includes/images/8.png') 0 0 no-repeat;
}
a[data-type="centerHeadingTripleCenteredColumns"]{
background: url('http://craft.dev/includes/images/17.png') 0 0 no-repeat;
}
a[data-type="imageText"]{
background: url('http://craft.dev/includes/images/9.png') 0 0 no-repeat;
}
a[data-type="centerTextImage"]{
background: url('http://craft.dev/includes/images/10.png') 0 0 no-repeat;
}
a[data-type="imageHoverDescriptions"]{
background: url('http://craft.dev/includes/images/11.png') 0 0 no-repeat;
}
a[data-type="headingBlock"]{
background: url('http://craft.dev/includes/images/12.png') 0 0 no-repeat;
}
a[data-type="altHeadingTextCenter"]{
background: url('http://craft.dev/includes/images/15.png') 0 0 no-repeat;
}
a[data-type="imageLeftSlidesRight"]{
background: url('http://craft.dev/includes/images/7.png') 0 0 no-repeat;
}
a[data-type="bigImageSlidesSection"]{
background: url('http://craft.dev/includes/images/13.png') 0 0 no-repeat;
}
a[data-type="bigImageRightTextSlider"]{
background: url('http://craft.dev/includes/images/14.png') 0 0 no-repeat;
}
a[data-type="imageGallery"]{
background: url('http://craft.dev/includes/images/16.png') 0 0 no-repeat;
}
a[data-type="textImage5050"],
a[data-type="fullWidthLowerTripleColumns"],
a[data-type="fullWidthLowerDoubleColumnsIcons"],
a[data-type="textLeftDualColumnImageRight"],
a[data-type="centerImageWTextBlocks"],
a[data-type="centerHeadingDualColumnImageWithTextBlocks"],
a[data-type="textImage"],
a[data-type="centerHeadingTripleCenteredColumns"],
a[data-type="imageText"],
a[data-type="centerTextImage"],
a[data-type="imageHoverDescriptions"],
a[data-type="headingBlock"],
a[data-type="altHeadingTextCenter"],
a[data-type="imageLeftSlidesRight"],
a[data-type="bigImageSlidesSection"],
a[data-type="bigImageRightTextSlider"],
a[data-type="imageGallery"]{
height: 28px;
padding-left: 55px!important;
}
.menu[data-pimped-group="Static"] li a, .menu[data-pimped-group="Slides"] li a,.menu[data-pimped-group="Image Gallery"] li a{
height: 28px;
width: 28px;
float: left;
text-indent: -9999px;
margin: 1px 2px!important;
padding: 0 0!important;
}
Raw
CSV Export of Fields
"id","groupId","name","handle","context","instructions","translatable","type","settings","dateCreated","dateUpdated","uid"
1,1,"Body","body","global","",0,"Matrix","{\"maxBlocks\":null}","2015-05-26 04:01:59","2015-06-04 14:14:26","f8c4fcfa-a054-4bca-8098-6f6572b536b6"
3,NULL,"Heading","heading","matrixBlockType:1","",0,"PlainText","{\"placeholder\":\"\",\"maxLength\":\"\",\"multiline\":\"\",\"initialRows\":\"4\"}","2015-05-27 10:18:33","2015-06-04 14:14:26","f3b2f9f2-e8ec-4261-95ee-7eb0f8994ac7"
4,NULL,"Text","text","matrixBlockType:1","",0,"RichText","{\"configFile\":\"\",\"cleanupHtml\":\"1\",\"purifyHtml\":\"\",\"columnType\":\"mediumtext\"}","2015-05-27 10:18:33","2015-06-04 14:14:26","9c3e5114-9edf-453f-9372-166f28e59eb3"
5,NULL,"Image","image","matrixBlockType:1","",0,"Assets","{\"useSingleFolder\":\"\",\"sources\":\"*\",\"defaultUploadLocationSource\":\"1\",\"defaultUploadLocationSubpath\":\"\",\"singleUploadLocationSource\":\"1\",\"singleUploadLocationSubpath\":\"\",\"restrictFiles\":\"1\",\"allowedKinds\":[\"image\"],\"limit\":\"1\"}","2015-05-27 10:18:33","2015-06-04 14:14:26","9af6665d-1192-46f7-985a-875a38369468"
6,NULL,"Columns","columns","matrixBlockType:1","",0,"SuperTable","{\"columns\":{\"8\":{\"width\":\"\"},\"9\":{\"width\":\"\"}},\"fieldLayout\":\"row\"}","2015-05-28 08:48:03","2015-06-04 14:14:26","dec99914-fd7c-4c5c-b0e4-50ea1b92dc66"
8,NULL,"Heading","heading","superTableBlockType:1",NULL,0,"PlainText","{\"placeholder\":\"\",\"maxLength\":\"\",\"multiline\":\"\",\"initialRows\":\"4\"}","2015-05-28 08:48:03","2015-06-04 14:14:26","7e9cd8ca-4452-49a6-9f5f-c2407c249eb4"
9,NULL,"Text","text","superTableBlockType:1",NULL,0,"RichText","{\"configFile\":\"\",\"cleanupHtml\":\"1\",\"purifyHtml\":\"\",\"columnType\":\"text\"}","2015-05-28 08:48:03","2015-06-04 14:14:26","d29043d2-0862-40f7-a44c-1b64d55f8d48"
10,NULL,"Heading","heading","matrixBlockType:2","",0,"PlainText","{\"placeholder\":\"\",\"maxLength\":\"\",\"multiline\":\"\",\"initialRows\":\"4\"}","2015-05-28 08:48:03","2015-06-04 14:14:26","69fbba86-2db1-41d5-bd0d-8e32eaecadc6"
12,NULL,"Columns","columns","matrixBlockType:2","",0,"SuperTable","{\"columns\":{\"13\":{\"width\":\"\"},\"14\":{\"width\":\"\"},\"15\":{\"width\":\"\"}},\"fieldLayout\":\"row\"}","2015-05-28 08:48:03","2015-06-04 14:14:26","5ce85c31-6bba-4868-8dc2-153e06d1a789"
13,NULL,"Image","image","superTableBlockType:2",NULL,0,"Assets","{\"useSingleFolder\":\"\",\"sources\":\"*\",\"defaultUploadLocationSource\":\"1\",\"defaultUploadLocationSubpath\":\"\",\"singleUploadLocationSource\":\"1\",\"singleUploadLocationSubpath\":\"\",\"restrictFiles\":\"1\",\"allowedKinds\":[\"image\"],\"limit\":\"1\"}","2015-05-28 08:48:03","2015-06-04 14:14:26","faa460fa-7b48-45ba-a243-31c1ca6cbfe5"
14,NULL,"Heading","heading","superTableBlockType:2",NULL,0,"PlainText","{\"placeholder\":\"\",\"maxLength\":\"\",\"multiline\":\"\",\"initialRows\":\"4\"}","2015-05-28 08:48:03","2015-06-04 14:14:26","9203bdff-5779-4d9e-b6c1-329f753dd9fe"
15,NULL,"Text","text","superTableBlockType:2",NULL,0,"RichText","{\"configFile\":\"\",\"cleanupHtml\":\"1\",\"purifyHtml\":\"\",\"columnType\":\"text\"}","2015-05-28 08:48:03","2015-06-04 14:14:26","915f5645-94d8-4c0b-908d-4121f9db7594"
17,NULL,"Intro","intro","matrixBlockType:2","",0,"RichText","{\"configFile\":\"Simple.json\",\"cleanupHtml\":\"1\",\"purifyHtml\":\"\",\"columnType\":\"text\"}","2015-05-28 09:51:50","2015-06-04 14:14:26","8393172f-5b53-4213-ada3-ea8fbefb5695"
18,NULL,"Heading Image","headingImage","matrixBlockType:3","",0,"Assets","{\"useSingleFolder\":\"\",\"sources\":\"*\",\"defaultUploadLocationSource\":\"1\",\"defaultUploadLocationSubpath\":\"\",\"singleUploadLocationSource\":\"1\",\"singleUploadLocationSubpath\":\"\",\"restrictFiles\":\"1\",\"allowedKinds\":[\"image\"],\"limit\":\"1\"}","2015-05-28 09:51:50","2015-06-04 14:14:26","1d36c723-bb03-460f-9c1c-2b4f8c32bb89"
19,NULL,"Heading","heading","matrixBlockType:3","",0,"PlainText","{\"placeholder\":\"\",\"maxLength\":\"\",\"multiline\":\"\",\"initialRows\":\"4\"}","2015-05-28 09:51:50","2015-06-04 14:14:26","c40dc5e9-777f-4c6c-adb8-4568730de26f"
20,NULL,"Intro","intro","matrixBlockType:3","",0,"RichText","{\"configFile\":\"Simple.json\",\"cleanupHtml\":\"1\",\"purifyHtml\":\"\",\"columnType\":\"text\"}","2015-05-28 09:51:50","2015-06-04 14:14:26","afa4977e-b145-4340-a40c-d67d442caa08"
21,NULL,"Text","text","matrixBlockType:3","",0,"RichText","{\"configFile\":\"\",\"cleanupHtml\":\"1\",\"purifyHtml\":\"\",\"columnType\":\"mediumtext\"}","2015-05-28 09:51:50","2015-06-04 14:14:26","8f25acf0-444a-4298-81a5-153f1d3373fb"
22,NULL,"Columns","columns","matrixBlockType:3","",0,"SuperTable","{\"columns\":{\"23\":{\"width\":\"\"},\"24\":{\"width\":\"\"},\"25\":{\"width\":\"\"}},\"fieldLayout\":\"row\"}","2015-05-28 09:51:51","2015-06-04 14:14:26","df880621-507e-4841-94e1-4050b1b59faa"
23,NULL,"Icon","icon","superTableBlockType:3",NULL,0,"FruitIcons_Icon","{\"vendor\":\"fontawesome\",\"defaultIcon\":\"\",\"defaultIconClass\":\"\"}","2015-05-28 09:51:51","2015-06-04 14:14:26","fa0f3e8d-96d0-45c6-822a-28761eac3ae4"
24,NULL,"Heading","heading","superTableBlockType:3",NULL,0,"PlainText","{\"placeholder\":\"\",\"maxLength\":\"\",\"multiline\":\"\",\"initialRows\":\"4\"}","2015-05-28 09:51:51","2015-06-04 14:14:26","956dfdbe-f0db-439b-8e85-c7bc37b534f5"
25,NULL,"Text","text","superTableBlockType:3",NULL,0,"RichText","{\"configFile\":\"\",\"cleanupHtml\":\"1\",\"purifyHtml\":\"\",\"columnType\":\"text\"}","2015-05-28 09:51:51","2015-06-04 14:14:26","b228ddad-dc72-41e5-8df0-67daea77bb1c"
33,NULL,"Heading","heading","matrixBlockType:5","",0,"PlainText","{\"placeholder\":\"\",\"maxLength\":\"\",\"multiline\":\"\",\"initialRows\":\"4\"}","2015-05-31 19:47:43","2015-06-04 14:14:26","753fc380-09a4-45ee-91ea-4c1066e7422b"
34,NULL,"Text","text","matrixBlockType:5","",0,"RichText","{\"configFile\":\"\",\"cleanupHtml\":\"1\",\"purifyHtml\":\"\",\"columnType\":\"text\"}","2015-05-31 19:47:43","2015-06-04 14:14:26","5a93a16c-0cac-4be2-a601-aae01af64eaa"
35,NULL,"Columns","columns","matrixBlockType:5","",0,"SuperTable","{\"columns\":{\"36\":{\"width\":\"\"},\"37\":{\"width\":\"\"},\"38\":{\"width\":\"\"},\"39\":{\"width\":\"\"}},\"fieldLayout\":\"row\"}","2015-05-31 19:47:43","2015-06-04 14:14:26","a10f1043-ac20-4631-87fc-0876e925ac61"
36,NULL,"Left Heading","leftHeading","superTableBlockType:5",NULL,0,"PlainText","{\"placeholder\":\"\",\"maxLength\":\"\",\"multiline\":\"\",\"initialRows\":\"4\"}","2015-05-31 19:47:43","2015-06-04 14:14:26","12c2fb7a-8806-4d9f-b5a9-d2a1b9300706"
37,NULL,"Left Text","leftText","superTableBlockType:5",NULL,0,"PlainText","{\"placeholder\":\"\",\"maxLength\":\"\",\"multiline\":\"1\",\"initialRows\":\"2\"}","2015-05-31 19:47:43","2015-06-04 14:14:26","e02d39c4-1a31-488e-af18-8e92bb483f9f"
38,NULL,"Right Heading","rightHeading","superTableBlockType:5",NULL,0,"PlainText","{\"placeholder\":\"\",\"maxLength\":\"\",\"multiline\":\"\",\"initialRows\":\"4\"}","2015-05-31 19:47:43","2015-06-04 14:14:26","ea83dcff-4345-468d-ace3-21587e75df1b"
39,NULL,"Right Text","rightText","superTableBlockType:5",NULL,0,"PlainText","{\"placeholder\":\"\",\"maxLength\":\"\",\"multiline\":\"1\",\"initialRows\":\"2\"}","2015-05-31 19:47:43","2015-06-04 14:14:26","ab3c1490-2c92-43ef-b6fd-38bc1d2e9b88"
40,NULL,"Image","image","matrixBlockType:5","",0,"Assets","{\"useSingleFolder\":\"\",\"sources\":\"*\",\"defaultUploadLocationSource\":\"1\",\"defaultUploadLocationSubpath\":\"\",\"singleUploadLocationSource\":\"1\",\"singleUploadLocationSubpath\":\"\",\"restrictFiles\":\"1\",\"allowedKinds\":[\"image\"],\"limit\":\"1\"}","2015-05-31 19:47:43","2015-06-04 14:14:26","3baa24cd-d8cd-4c4d-8980-1f90fbb25d5c"
41,NULL,"Heading","heading","matrixBlockType:6","",0,"PlainText","{\"placeholder\":\"\",\"maxLength\":\"\",\"multiline\":\"\",\"initialRows\":\"4\"}","2015-05-31 19:47:43","2015-06-04 14:14:26","52b3065f-4757-44d0-b43a-25adc65387c5"
42,NULL,"Intro","intro","matrixBlockType:6","",0,"RichText","{\"configFile\":\"Simple.json\",\"cleanupHtml\":\"1\",\"purifyHtml\":\"\",\"columnType\":\"text\"}","2015-05-31 19:47:43","2015-06-04 14:14:26","c978da4c-cd5b-427c-a75e-81429d91817d"
43,NULL,"Image","image","matrixBlockType:6","",0,"Assets","{\"useSingleFolder\":\"\",\"sources\":\"*\",\"defaultUploadLocationSource\":\"1\",\"defaultUploadLocationSubpath\":\"\",\"singleUploadLocationSource\":\"1\",\"singleUploadLocationSubpath\":\"\",\"restrictFiles\":\"1\",\"allowedKinds\":[\"image\"],\"limit\":\"1\"}","2015-05-31 19:47:43","2015-06-04 14:14:27","ba2c03ca-ffcb-445d-9b63-c8a6a289beca"
44,NULL,"Text Blocks","textBlocks","matrixBlockType:6","",0,"SuperTable","{\"columns\":{\"45\":{\"width\":\"\"},\"46\":{\"width\":\"\"},\"47\":{\"width\":\"\"},\"48\":{\"width\":\"\"}},\"fieldLayout\":\"row\"}","2015-05-31 19:47:43","2015-06-04 14:14:27","5a4e93e7-3b4a-466a-b0df-b907db66e325"
45,NULL,"Left Heading","leftHeading","superTableBlockType:6",NULL,0,"PlainText","{\"placeholder\":\"\",\"maxLength\":\"\",\"multiline\":\"\",\"initialRows\":\"4\"}","2015-05-31 19:47:43","2015-06-04 14:14:27","f3654bcb-aecf-4a4a-b294-cc158c051dff"
46,NULL,"Left Text","leftText","superTableBlockType:6",NULL,0,"PlainText","{\"placeholder\":\"\",\"maxLength\":\"\",\"multiline\":\"1\",\"initialRows\":\"2\"}","2015-05-31 19:47:43","2015-06-04 14:14:27","f739f847-6da3-46cf-885b-f4cc79aafbac"
47,NULL,"Right Heading","rightHeading","superTableBlockType:6",NULL,0,"PlainText","{\"placeholder\":\"\",\"maxLength\":\"\",\"multiline\":\"\",\"initialRows\":\"4\"}","2015-05-31 19:47:43","2015-06-04 14:14:27","6a9a0678-d9c1-4bb1-ae10-3c232e689269"
48,NULL,"Right Text","rightText","superTableBlockType:6",NULL,0,"PlainText","{\"placeholder\":\"\",\"maxLength\":\"\",\"multiline\":\"1\",\"initialRows\":\"2\"}","2015-05-31 19:47:43","2015-06-04 14:14:27","6bdf6c37-6106-4c71-a2f6-935caf914712"
49,NULL,"Heading","heading","matrixBlockType:7","",0,"PlainText","{\"placeholder\":\"\",\"maxLength\":\"\",\"multiline\":\"1\",\"initialRows\":\"2\"}","2015-05-31 19:47:43","2015-06-04 14:14:27","b7c47aec-ad6b-4ec8-b250-f8ffa65951b1"
50,NULL,"Left Text","leftText","matrixBlockType:7","",0,"RichText","{\"configFile\":\"\",\"cleanupHtml\":\"1\",\"purifyHtml\":\"\",\"columnType\":\"text\"}","2015-05-31 19:47:43","2015-06-04 14:14:27","59b96bcf-69ac-4481-840f-58875a2b34d3"
51,NULL,"Right Text","rightText","matrixBlockType:7","",0,"RichText","{\"configFile\":\"\",\"cleanupHtml\":\"1\",\"purifyHtml\":\"\",\"columnType\":\"text\"}","2015-05-31 19:47:43","2015-06-04 14:14:27","17d7ba3c-0b03-4406-970d-90b2ad8072d5"
52,NULL,"Image","image","matrixBlockType:7","",0,"Assets","{\"useSingleFolder\":\"\",\"sources\":\"*\",\"defaultUploadLocationSource\":\"1\",\"defaultUploadLocationSubpath\":\"\",\"singleUploadLocationSource\":\"1\",\"singleUploadLocationSubpath\":\"\",\"restrictFiles\":\"1\",\"allowedKinds\":[\"image\"],\"limit\":\"1\"}","2015-05-31 19:47:43","2015-06-04 14:14:27","d8d69500-5057-46ae-9acd-fd0bdd7527bf"
53,NULL,"Text Blocks","textBlocks","matrixBlockType:7","",0,"SuperTable","{\"columns\":{\"54\":{\"width\":\"\"},\"55\":{\"width\":\"\"}},\"fieldLayout\":\"row\"}","2015-05-31 19:47:43","2015-06-04 14:14:27","39cacdf2-9b03-43e2-ae53-0927a435818d"
54,NULL,"Heading","heading","superTableBlockType:7",NULL,0,"PlainText","{\"placeholder\":\"\",\"maxLength\":\"\",\"multiline\":\"\",\"initialRows\":\"4\"}","2015-05-31 19:47:43","2015-06-04 14:14:27","7ec9708d-0782-4bbd-9ed3-2c997020312b"
55,NULL,"Text","text","superTableBlockType:7",NULL,0,"RichText","{\"configFile\":\"\",\"cleanupHtml\":\"1\",\"purifyHtml\":\"\",\"columnType\":\"text\"}","2015-05-31 19:47:43","2015-06-04 14:14:27","ddfbc57b-63a3-4e9d-b5cc-3694e404e3a7"
56,NULL,"Image","image","matrixBlockType:8","",0,"Assets","{\"useSingleFolder\":\"\",\"sources\":\"*\",\"defaultUploadLocationSource\":\"1\",\"defaultUploadLocationSubpath\":\"\",\"singleUploadLocationSource\":\"1\",\"singleUploadLocationSubpath\":\"\",\"restrictFiles\":\"1\",\"allowedKinds\":[\"image\"],\"limit\":\"1\"}","2015-05-31 21:17:17","2015-06-04 14:14:27","b0192dc2-4af5-4647-b451-da5237c2e655"
57,NULL,"Slides","slides","matrixBlockType:8","",0,"SuperTable","{\"columns\":{\"58\":{\"width\":\"\"},\"59\":{\"width\":\"\"},\"60\":{\"width\":\"\"}},\"fieldLayout\":\"row\"}","2015-05-31 21:17:17","2015-06-04 14:14:27","120ec90f-4ff6-442b-bfb3-70470e1cac86"
58,NULL,"Icon","icon","superTableBlockType:8",NULL,0,"FruitIcons_Icon","{\"vendor\":\"fontawesome\",\"defaultIcon\":\"\",\"defaultIconClass\":\"\"}","2015-05-31 21:17:17","2015-06-04 14:14:27","b5f6659f-53cc-4510-ba22-084c883662bb"
59,NULL,"Heading","heading","superTableBlockType:8",NULL,0,"PlainText","{\"placeholder\":\"\",\"maxLength\":\"\",\"multiline\":\"\",\"initialRows\":\"4\"}","2015-05-31 21:17:17","2015-06-04 14:14:27","2efb7747-72e3-473a-b803-63f031097097"
60,NULL,"Text","text","superTableBlockType:8",NULL,0,"RichText","{\"configFile\":\"\",\"cleanupHtml\":\"1\",\"purifyHtml\":\"\",\"columnType\":\"text\"}","2015-05-31 21:17:17","2015-06-04 14:14:27","3dffd31e-c7bb-463d-9f3b-8e982ad2ae4f"
61,NULL,"Heading","heading","matrixBlockType:9","",0,"PlainText","{\"placeholder\":\"\",\"maxLength\":\"\",\"multiline\":\"\",\"initialRows\":\"4\"}","2015-06-01 06:48:28","2015-06-04 14:14:27","8f9341ab-a2cb-4c55-a155-58f0d0d657e8"
62,NULL,"Text","text","matrixBlockType:9","",0,"RichText","{\"configFile\":\"\",\"cleanupHtml\":\"1\",\"purifyHtml\":\"\",\"columnType\":\"mediumtext\"}","2015-06-01 06:48:28","2015-06-04 14:14:27","5a2ad498-4edd-4154-89d5-e8adff685783"
63,NULL,"Image","image","matrixBlockType:9","",0,"Assets","{\"useSingleFolder\":\"\",\"sources\":\"*\",\"defaultUploadLocationSource\":\"1\",\"defaultUploadLocationSubpath\":\"\",\"singleUploadLocationSource\":\"1\",\"singleUploadLocationSubpath\":\"\",\"restrictFiles\":\"1\",\"allowedKinds\":[\"image\"],\"limit\":\"1\"}","2015-06-01 06:48:28","2015-06-04 14:14:27","1ccedfe3-652e-413b-89f6-1a130a0cca2b"
64,NULL,"Heading","heading","matrixBlockType:10","",0,"PlainText","{\"placeholder\":\"\",\"maxLength\":\"\",\"multiline\":\"\",\"initialRows\":\"4\"}","2015-06-01 06:50:56","2015-06-04 14:14:27","a07aa2ad-af0a-47cd-9073-21f7fbbee569"
65,NULL,"Intro","intro","matrixBlockType:10","",0,"RichText","{\"configFile\":\"Simple.json\",\"cleanupHtml\":\"1\",\"purifyHtml\":\"\",\"columnType\":\"text\"}","2015-06-01 06:50:56","2015-06-04 14:14:27","000c2108-8e43-40b9-a2ba-f8ee507c393c"
66,NULL,"Text","text","matrixBlockType:10","",0,"RichText","{\"configFile\":\"\",\"cleanupHtml\":\"1\",\"purifyHtml\":\"\",\"columnType\":\"text\"}","2015-06-01 06:50:56","2015-06-04 14:14:27","1b1b71f9-7165-4884-a590-98ea5ca0de74"
67,NULL,"Columns","columns","matrixBlockType:10","",0,"SuperTable","{\"columns\":{\"68\":{\"width\":\"\"},\"69\":{\"width\":\"\"},\"70\":{\"width\":\"\"}},\"fieldLayout\":\"row\"}","2015-06-01 06:50:56","2015-06-04 14:14:27","5549bde2-03b9-4fb7-b8b5-29c543bb849c"
68,NULL,"Image","image","superTableBlockType:9",NULL,0,"Assets","{\"useSingleFolder\":\"\",\"sources\":\"*\",\"defaultUploadLocationSource\":\"1\",\"defaultUploadLocationSubpath\":\"\",\"singleUploadLocationSource\":\"1\",\"singleUploadLocationSubpath\":\"\",\"restrictFiles\":\"1\",\"allowedKinds\":[\"image\"],\"limit\":\"1\"}","2015-06-01 06:50:56","2015-06-04 14:14:27","71ce1a67-784c-46d9-a648-d603c0317bdc"
69,NULL,"Heading","heading","superTableBlockType:9",NULL,0,"PlainText","{\"placeholder\":\"\",\"maxLength\":\"\",\"multiline\":\"\",\"initialRows\":\"4\"}","2015-06-01 06:50:56","2015-06-04 14:14:27","2f95ea2d-7e83-4ab2-912b-5c646c1ba8b5"
70,NULL,"Text","text","superTableBlockType:9",NULL,0,"PlainText","{\"placeholder\":\"\",\"maxLength\":\"\",\"multiline\":\"1\",\"initialRows\":\"2\"}","2015-06-01 06:50:56","2015-06-04 14:14:27","506acf11-136f-4e6b-bf9a-fbf11f76fa53"
71,NULL,"Image","image","matrixBlockType:11","",0,"Assets","{\"useSingleFolder\":\"\",\"sources\":\"*\",\"defaultUploadLocationSource\":\"1\",\"defaultUploadLocationSubpath\":\"\",\"singleUploadLocationSource\":\"1\",\"singleUploadLocationSubpath\":\"\",\"restrictFiles\":\"1\",\"allowedKinds\":[\"image\"],\"limit\":\"1\"}","2015-06-01 06:52:55","2015-06-04 14:14:27","d5e6dd5f-56a8-4a9b-925e-8e43c733bf80"
72,NULL,"Heading","heading","matrixBlockType:11","",0,"PlainText","{\"placeholder\":\"\",\"maxLength\":\"\",\"multiline\":\"\",\"initialRows\":\"4\"}","2015-06-01 06:52:55","2015-06-04 14:14:27","5b30a85f-2909-4750-a7b7-ef3420a2076a"
73,NULL,"Text","text","matrixBlockType:11","",0,"RichText","{\"configFile\":\"\",\"cleanupHtml\":\"1\",\"purifyHtml\":\"\",\"columnType\":\"text\"}","2015-06-01 06:52:55","2015-06-04 14:14:27","ef0709e4-d6b7-4326-b88b-31fe71d3c26e"
74,NULL,"Heading","heading","matrixBlockType:12","",0,"PlainText","{\"placeholder\":\"\",\"maxLength\":\"\",\"multiline\":\"\",\"initialRows\":\"4\"}","2015-06-01 06:54:10","2015-06-04 14:14:27","7a617e09-6013-49c7-a274-34f23ac88a05"
75,NULL,"Text","text","matrixBlockType:12","",0,"RichText","{\"configFile\":\"\",\"cleanupHtml\":\"1\",\"purifyHtml\":\"\",\"columnType\":\"text\"}","2015-06-01 06:54:10","2015-06-04 14:14:27","9142905c-a5e4-480a-9a46-00654ea81484"
76,NULL,"Image","image","matrixBlockType:12","",0,"Assets","{\"useSingleFolder\":\"\",\"sources\":\"*\",\"defaultUploadLocationSource\":\"1\",\"defaultUploadLocationSubpath\":\"\",\"singleUploadLocationSource\":\"1\",\"singleUploadLocationSubpath\":\"\",\"restrictFiles\":\"1\",\"allowedKinds\":[\"image\"],\"limit\":\"1\"}","2015-06-01 06:54:10","2015-06-04 14:14:28","c86ca2ce-084b-4862-8743-f02fe25fbe27"
77,NULL,"Image Blocks","imageBlocks","matrixBlockType:13","",0,"SuperTable","{\"columns\":{\"78\":{\"width\":\"\"},\"79\":{\"width\":\"\"},\"80\":{\"width\":\"\"},\"81\":{\"width\":\"\"},\"82\":{\"width\":\"\"}},\"fieldLayout\":\"row\"}","2015-06-01 06:55:42","2015-06-04 14:14:28","a2fbb37f-94fe-45ae-99c9-fe70781491b1"
78,NULL,"Image","image","superTableBlockType:10",NULL,0,"Assets","{\"useSingleFolder\":\"\",\"sources\":\"*\",\"defaultUploadLocationSource\":\"1\",\"defaultUploadLocationSubpath\":\"\",\"singleUploadLocationSource\":\"1\",\"singleUploadLocationSubpath\":\"\",\"restrictFiles\":\"1\",\"allowedKinds\":[\"image\"],\"limit\":\"1\"}","2015-06-01 06:55:42","2015-06-04 14:14:28","7787c471-a0d9-4288-a2e2-6c7f854a80d7"
79,NULL,"Top Heading","topHeading","superTableBlockType:10",NULL,0,"PlainText","{\"placeholder\":\"\",\"maxLength\":\"\",\"multiline\":\"\",\"initialRows\":\"4\"}","2015-06-01 06:55:42","2015-06-04 14:14:28","752fcec7-6cd0-4c62-8cc6-a81d1be69265"
80,NULL,"Top Text","topText","superTableBlockType:10",NULL,0,"PlainText","{\"placeholder\":\"\",\"maxLength\":\"\",\"multiline\":\"1\",\"initialRows\":\"2\"}","2015-06-01 06:55:42","2015-06-04 14:14:28","ae14e3b4-59c5-4253-ba49-9fce9905f224"
81,NULL,"Bottom Heading","bottomHeading","superTableBlockType:10",NULL,0,"PlainText","{\"placeholder\":\"\",\"maxLength\":\"\",\"multiline\":\"\",\"initialRows\":\"4\"}","2015-06-01 06:55:42","2015-06-04 14:14:28","4a4ae8cf-e206-4211-b50a-6b00ed25c56a"
82,NULL,"Bottom Text","bottomText","superTableBlockType:10",NULL,0,"PlainText","{\"placeholder\":\"\",\"maxLength\":\"\",\"multiline\":\"1\",\"initialRows\":\"2\"}","2015-06-01 06:55:42","2015-06-04 14:14:28","54365cf8-f487-4a5b-8a46-e8a975bda265"
88,NULL,"Heading","heading","matrixBlockType:16","",0,"RichText","{\"configFile\":\"Simple.json\",\"cleanupHtml\":\"1\",\"purifyHtml\":\"\",\"columnType\":\"text\"}","2015-06-01 11:58:44","2015-06-04 14:14:28","22c4bfef-981a-4722-b892-cc4e20bfd732"
89,NULL,"Slides","slides","matrixBlockType:17","",0,"SuperTable","{\"columns\":{\"90\":{\"width\":\"\"},\"91\":{\"width\":\"\"},\"92\":{\"width\":\"\"},\"93\":{\"width\":\"\"},\"94\":{\"width\":\"\"},\"95\":{\"width\":\"\"},\"96\":{\"width\":\"\"},\"97\":{\"width\":\"\"},\"98\":{\"width\":\"\"}},\"fieldLayout\":\"row\"}","2015-06-01 12:20:07","2015-06-04 14:14:28","708e4276-3b37-49ba-9ec0-f7d0813c75cd"
90,NULL,"Slide Background Image","slideBackgroundImage","superTableBlockType:12",NULL,0,"Assets","{\"useSingleFolder\":\"\",\"sources\":\"*\",\"defaultUploadLocationSource\":\"1\",\"defaultUploadLocationSubpath\":\"\",\"singleUploadLocationSource\":\"1\",\"singleUploadLocationSubpath\":\"\",\"restrictFiles\":\"1\",\"allowedKinds\":[\"image\"],\"limit\":\"1\"}","2015-06-01 12:20:07","2015-06-04 14:14:28","f2f71e5c-2f77-41ee-8f8a-c834b82f90ac"
91,NULL,"Slide Heading","slideHeading","superTableBlockType:12",NULL,0,"PlainText","{\"placeholder\":\"\",\"maxLength\":\"\",\"multiline\":\"\",\"initialRows\":\"4\"}","2015-06-01 12:20:07","2015-06-04 14:14:28","770fbf42-7f58-427c-9790-7f109a8140c3"
92,NULL,"Slide Intro","slideIntro","superTableBlockType:12",NULL,0,"RichText","{\"configFile\":\"Simple.json\",\"cleanupHtml\":\"1\",\"purifyHtml\":\"\",\"columnType\":\"text\"}","2015-06-01 12:20:07","2015-06-04 14:14:28","4d3796e7-bbc0-40a2-af16-4ed197edcf99"
93,NULL,"Top Image","topImage","superTableBlockType:12",NULL,0,"Assets","{\"useSingleFolder\":\"\",\"sources\":\"*\",\"defaultUploadLocationSource\":\"1\",\"defaultUploadLocationSubpath\":\"\",\"singleUploadLocationSource\":\"1\",\"singleUploadLocationSubpath\":\"\",\"restrictFiles\":\"1\",\"allowedKinds\":[\"image\"],\"limit\":\"1\"}","2015-06-01 12:20:08","2015-06-04 14:14:28","d176b3c6-09f4-41a1-931e-3ef9c0bc69ee"
94,NULL,"Top Heading","topHeading","superTableBlockType:12",NULL,0,"PlainText","{\"placeholder\":\"\",\"maxLength\":\"\",\"multiline\":\"\",\"initialRows\":\"4\"}","2015-06-01 12:20:08","2015-06-04 14:14:28","bbc3197b-c91a-4251-b7cc-fe9fc557dab7"
95,NULL,"Top Text","topText","superTableBlockType:12",NULL,0,"RichText","{\"configFile\":\"\",\"cleanupHtml\":\"1\",\"purifyHtml\":\"\",\"columnType\":\"text\"}","2015-06-01 12:20:08","2015-06-04 14:14:28","3ab482b8-609d-4d12-85ed-279deb1ae11e"
96,NULL,"Bottom Image","bottomImage","superTableBlockType:12",NULL,0,"Assets","{\"useSingleFolder\":\"\",\"sources\":\"*\",\"defaultUploadLocationSource\":\"1\",\"defaultUploadLocationSubpath\":\"\",\"singleUploadLocationSource\":\"1\",\"singleUploadLocationSubpath\":\"\",\"restrictFiles\":\"1\",\"allowedKinds\":[\"image\"],\"limit\":\"1\"}","2015-06-01 12:20:08","2015-06-04 14:14:28","9312a8ff-6f32-45ae-a031-075a294f2b5f"
97,NULL,"Bottom Heading","bottomHeading","superTableBlockType:12",NULL,0,"PlainText","{\"placeholder\":\"\",\"maxLength\":\"\",\"multiline\":\"\",\"initialRows\":\"4\"}","2015-06-01 12:20:08","2015-06-04 14:14:28","f25b6e36-e5a6-47a8-8c52-fbf393aecd9d"
98,NULL,"Bottom Text","bottomText","superTableBlockType:12",NULL,0,"RichText","{\"configFile\":\"\",\"cleanupHtml\":\"1\",\"purifyHtml\":\"\",\"columnType\":\"text\"}","2015-06-01 12:20:08","2015-06-04 14:14:28","4fb24eb1-c9d4-4f2b-9234-2c4d99ecedc9"
99,NULL,"Slides","slides","matrixBlockType:18","",0,"SuperTable","{\"columns\":{\"100\":{\"width\":\"\"},\"101\":{\"width\":\"\"},\"102\":{\"width\":\"\"},\"103\":{\"width\":\"\"},\"116\":{\"width\":\"\"},\"105\":{\"width\":\"\"},\"106\":{\"width\":\"\"},\"108\":{\"width\":\"\"},\"109\":{\"width\":\"\"}},\"fieldLayout\":\"row\"}","2015-06-01 12:48:47","2015-06-04 14:14:28","e5fbfb48-c726-4146-b3ae-6d9fd9e85fc3"
100,NULL,"Slide Title","slideTitle","superTableBlockType:13",NULL,0,"PlainText","{\"placeholder\":\"\",\"maxLength\":\"\",\"multiline\":\"\",\"initialRows\":\"4\"}","2015-06-01 12:48:47","2015-06-04 14:14:28","a5ee40f5-592f-4a85-bda6-719fcdf0d99f"
101,NULL,"Slide Image","slideImage","superTableBlockType:13",NULL,0,"Assets","{\"useSingleFolder\":\"\",\"sources\":\"*\",\"defaultUploadLocationSource\":\"1\",\"defaultUploadLocationSubpath\":\"\",\"singleUploadLocationSource\":\"1\",\"singleUploadLocationSubpath\":\"\",\"restrictFiles\":\"1\",\"allowedKinds\":[\"image\"],\"limit\":\"1\"}","2015-06-01 12:48:47","2015-06-04 14:14:28","d45695f1-f1ba-4cc9-8497-a095d9ae552b"
102,NULL,"Heading","heading","superTableBlockType:13",NULL,0,"PlainText","{\"placeholder\":\"\",\"maxLength\":\"\",\"multiline\":\"\",\"initialRows\":\"4\"}","2015-06-01 12:48:47","2015-06-04 14:14:28","a6e325a7-df6e-40a0-8f72-473045e1c854"
103,NULL,"Intro","intro","superTableBlockType:13",NULL,0,"RichText","{\"configFile\":\"Simple.json\",\"cleanupHtml\":\"1\",\"purifyHtml\":\"\",\"columnType\":\"text\"}","2015-06-01 12:48:47","2015-06-04 14:14:28","4be30941-b70c-4f7a-bafd-0f86098675e9"
105,NULL,"Left Heading","leftHeading","superTableBlockType:13",NULL,0,"PlainText","{\"placeholder\":\"\",\"maxLength\":\"\",\"multiline\":\"\",\"initialRows\":\"4\"}","2015-06-01 12:48:47","2015-06-04 14:14:28","88cb9821-0a1b-4bfe-94c7-8bffd98f0794"
106,NULL,"Left Text","leftText","superTableBlockType:13",NULL,0,"RichText","{\"configFile\":\"\",\"cleanupHtml\":\"1\",\"purifyHtml\":\"\",\"columnType\":\"text\"}","2015-06-01 12:48:47","2015-06-04 14:14:28","fe7fbe66-a746-4d54-8b9b-55cdcdded712"
108,NULL,"Right Heading","rightHeading","superTableBlockType:13",NULL,0,"PlainText","{\"placeholder\":\"\",\"maxLength\":\"\",\"multiline\":\"\",\"initialRows\":\"4\"}","2015-06-01 12:48:47","2015-06-04 14:14:28","e29daf11-52a1-4686-bdb4-c3af17dc4817"
109,NULL,"Right Text","rightText","superTableBlockType:13",NULL,0,"RichText","{\"configFile\":\"\",\"cleanupHtml\":\"1\",\"purifyHtml\":\"\",\"columnType\":\"text\"}","2015-06-01 12:48:47","2015-06-04 14:14:28","3fefd22b-cd66-4f30-94f2-2b2c49a0dede"
110,NULL,"Heading","heading","matrixBlockType:19","",0,"PlainText","{\"placeholder\":\"\",\"maxLength\":\"\",\"multiline\":\"\",\"initialRows\":\"4\"}","2015-06-01 12:50:56","2015-06-04 14:14:28","21f07088-744e-4acd-82ad-e728e97996c6"
111,NULL,"Intro","intro","matrixBlockType:19","",0,"RichText","{\"configFile\":\"Simple.json\",\"cleanupHtml\":\"\",\"purifyHtml\":\"\",\"columnType\":\"text\"}","2015-06-01 12:50:56","2015-06-04 14:14:28","42256ee0-c034-40d0-b69f-3a4cc18c178f"
116,NULL,"Text","text","superTableBlockType:13",NULL,0,"RichText","{\"configFile\":\"\",\"cleanupHtml\":\"1\",\"purifyHtml\":\"\",\"columnType\":\"text\"}","2015-06-02 17:30:01","2015-06-04 14:14:28","586dd4f4-9ccd-48d6-949e-bb331aae391d"
117,NULL,"Images","images","matrixBlockType:19","",0,"Assets","{\"useSingleFolder\":\"\",\"sources\":\"*\",\"defaultUploadLocationSource\":\"1\",\"defaultUploadLocationSubpath\":\"\",\"singleUploadLocationSource\":\"1\",\"singleUploadLocationSubpath\":\"\",\"restrictFiles\":\"\"}","2015-06-04 14:14:28","2015-06-04 14:14:28","4bdc238f-1f56-493c-b41a-28f91d478529"
Raw
Dependencies
CORRECT Dependency 'file'/notes
Image includes not able to be attached here include:
http://christopherhealey.com/startupframeworkpimpmymatrixicons/1.png
http://christopherhealey.com/startupframeworkpimpmymatrixicons/2.png
http://christopherhealey.com/startupframeworkpimpmymatrixicons/3.png
http://christopherhealey.com/startupframeworkpimpmymatrixicons/4.png
http://christopherhealey.com/startupframeworkpimpmymatrixicons/5.png
http://christopherhealey.com/startupframeworkpimpmymatrixicons/6.png
http://christopherhealey.com/startupframeworkpimpmymatrixicons/7.png
http://christopherhealey.com/startupframeworkpimpmymatrixicons/8.png
http://christopherhealey.com/startupframeworkpimpmymatrixicons/9.png
http://christopherhealey.com/startupframeworkpimpmymatrixicons/10.png
http://christopherhealey.com/startupframeworkpimpmymatrixicons/11.png
http://christopherhealey.com/startupframeworkpimpmymatrixicons/12.png
http://christopherhealey.com/startupframeworkpimpmymatrixicons/13.png
http://christopherhealey.com/startupframeworkpimpmymatrixicons/14.png
http://christopherhealey.com/startupframeworkpimpmymatrixicons/15.png
http://christopherhealey.com/startupframeworkpimpmymatrixicons/16.png
http://christopherhealey.com/startupframeworkpimpmymatrixicons/17.png
For best results use Pimp My Matrix, SuperTable, and Control Panel CSS
Raw
Json Export of Fields
{
"assets": [],
"categories": [],
"fields": {
"Default": {
"body": {
"name": "Body",
"context": "global",
"instructions": "",
"translatable": 0,
"type": "Matrix",
"settings": {
"maxBlocks": null
},
"blockTypes": {
"textImage5050": {
"name": "Text - Image Lower Triple Columns",
"fields": {
"heading": {
"name": "Heading",
"required": 0,
"translatable": 0,
"type": "PlainText"
},
"text": {
"name": "Text",
"required": 0,
"translatable": 0,
"type": "RichText"
},
"image": {
"name": "Image",
"required": 0,
"translatable": 0,
"type": "Assets"
},
"columns": {
"name": "Columns",
"required": 0,
"translatable": 0,
"type": "SuperTable"
}
}
},
"fullWidthLowerTripleColumns": {
"name": "Full Width Lower Triple Columns",
"fields": {
"heading": {
"name": "Heading",
"required": 0,
"translatable": 0,
"type": "PlainText"
},
"intro": {
"name": "Intro",
"required": 0,
"translatable": 0,
"type": "RichText"
},
"columns": {
"name": "Columns",
"required": 0,
"translatable": 0,
"type": "SuperTable"
}
}
},
"fullWidthLowerDoubleColumnsIcons": {
"name": "Full Width Lower Double Columns Icons",
"fields": {
"headingImage": {
"name": "Heading Image",
"required": 0,
"translatable": 0,
"type": "Assets"
},
"heading": {
"name": "Heading",
"required": 0,
"translatable": 0,
"type": "PlainText"
},
"intro": {
"name": "Intro",
"required": 0,
"translatable": 0,
"type": "RichText"
},
"text": {
"name": "Text",
"required": 0,
"translatable": 0,
"type": "RichText"
},
"columns": {
"name": "Columns",
"required": 0,
"translatable": 0,
"type": "SuperTable"
}
}
},
"textLeftDualColumnImageRight": {
"name": "Text Left Dual Column Image Right",
"fields": {
"heading": {
"name": "Heading",
"required": 0,
"translatable": 0,
"type": "PlainText"
},
"text": {
"name": "Text",
"required": 0,
"translatable": 0,
"type": "RichText"
},
"columns": {
"name": "Columns",
"required": 0,
"translatable": 0,
"type": "SuperTable"
},
"image": {
"name": "Image",
"required": 0,
"translatable": 0,
"type": "Assets"
}
}
},
"centerImageWTextBlocks": {
"name": "Center Image w/Text Blocks",
"fields": {
"heading": {
"name": "Heading",
"required": 0,
"translatable": 0,
"type": "PlainText"
},
"intro": {
"name": "Intro",
"required": 0,
"translatable": 0,
"type": "RichText"
},
"image": {
"name": "Image",
"required": 0,
"translatable": 0,
"type": "Assets"
},
"textBlocks": {
"name": "Text Blocks",
"required": 0,
"translatable": 0,
"type": "SuperTable"
}
}
},
"centerHeadingDualColumnImageWithTextBlocks": {
"name": "Center Heading Dual Column Image with Text Blocks",
"fields": {
"heading": {
"name": "Heading",
"required": 0,
"translatable": 0,
"type": "PlainText"
},
"leftText": {
"name": "Left Text",
"required": 0,
"translatable": 0,
"type": "RichText"
},
"rightText": {
"name": "Right Text",
"required": 0,
"translatable": 0,
"type": "RichText"
},
"image": {
"name": "Image",
"required": 0,
"translatable": 0,
"type": "Assets"
},
"textBlocks": {
"name": "Text Blocks",
"required": 0,
"translatable": 0,
"type": "SuperTable"
}
}
},
"imageLeftSlidesRight": {
"name": "Image Left Slides Right",
"fields": {
"image": {
"name": "Image",
"required": 0,
"translatable": 0,
"type": "Assets"
},
"slides": {
"name": "Slides",
"required": 0,
"translatable": 0,
"type": "SuperTable"
}
}
},
"textImage": {
"name": "Text Image",
"fields": {
"heading": {
"name": "Heading",
"required": 0,
"translatable": 0,
"type": "PlainText"
},
"text": {
"name": "Text",
"required": 0,
"translatable": 0,
"type": "RichText"
},
"image": {
"name": "Image",
"required": 0,
"translatable": 0,
"type": "Assets"
}
}
},
"centerHeadingTripleCenteredColumns": {
"name": "Center Heading Triple Centered Columns",
"fields": {
"heading": {
"name": "Heading",
"required": 0,
"translatable": 0,
"type": "PlainText"
},
"intro": {
"name": "Intro",
"required": 0,
"translatable": 0,
"type": "RichText"
},
"text": {
"name": "Text",
"required": 0,
"translatable": 0,
"type": "RichText"
},
"columns": {
"name": "Columns",
"required": 0,
"translatable": 0,
"type": "SuperTable"
}
}
},
"imageText": {
"name": "Image Text",
"fields": {
"image": {
"name": "Image",
"required": 0,
"translatable": 0,
"type": "Assets"
},
"heading": {
"name": "Heading",
"required": 0,
"translatable": 0,
"type": "PlainText"
},
"text": {
"name": "Text",
"required": 0,
"translatable": 0,
"type": "RichText"
}
}
},
"centerTextImage": {
"name": "Center Text & Image",
"fields": {
"heading": {
"name": "Heading",
"required": 0,
"translatable": 0,
"type": "PlainText"
},
"text": {
"name": "Text",
"required": 0,
"translatable": 0,
"type": "RichText"
},
"image": {
"name": "Image",
"required": 0,
"translatable": 0,
"type": "Assets"
}
}
},
"imageHoverDescriptions": {
"name": "Image Hover Descriptions",
"fields": {
"imageBlocks": {
"name": "Image Blocks",
"required": 0,
"translatable": 0,
"type": "SuperTable"
}
}
},
"headingBlock": {
"name": "Heading Block",
"fields": {
"heading": {
"name": "Heading",
"required": 0,
"translatable": 0,
"type": "RichText"
}
}
},
"bigImageSlidesSection": {
"name": "Background Image Slides Section",
"fields": {
"slides": {
"name": "Slides",
"required": 0,
"translatable": 0,
"type": "SuperTable"
}
}
},
"bigImageRightTextSlider": {
"name": "Big Image Right Text Slider",
"fields": {
"slides": {
"name": "Slides",
"required": 0,
"translatable": 0,
"type": "SuperTable"
}
}
},
"imageGallery": {
"name": "Image Gallery",
"fields": {
"heading": {
"name": "Heading",
"required": 0,
"translatable": 0,
"type": "PlainText"
},
"intro": {
"name": "Intro",
"required": 0,
"translatable": 0,
"type": "RichText"
},
"images": {
"name": "Images",
"required": 0,
"translatable": 0,
"type": "Assets"
}
}
},
"altHeadingTextCenter": {
"name": "Alt Heading/Text Center",
"fields": []
}
}
}
}
},
"globals": [],
"sections": [],
"tags": []
}
Raw
Startup Specific Css
@import url(http://fonts.googleapis.com/css?family=Montserrat);
.dropdown-arrow-inverse {
border-bottom-color: #34495e !important;
border-top-color: #34495e !important;
}
body {
color: #34495e;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.231;
}
input,
button,
select,
textarea {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
}
a {
color: #16a085;
text-decoration: none;
-webkit-transition: color 0.25s, background 0.25s;
-moz-transition: color 0.25s, background 0.25s;
-o-transition: color 0.25s, background 0.25s;
transition: color 0.25s, background 0.25s;
}
a:hover {
color: #1abc9c;
text-decoration: none;
}
h1,
.h1 {
font-size: 48px /* 64px */;
}
h2,
.h2 {
font-size: 41px /* 52px */;
}
h3,
.h3 {
font-size: 32px /* 40px */;
}
h4,
.h4 {
font-size: 23px /* 29px */;
}
h5,
.h5 {
font-size: 21px /* 28px */;
}
h6,
.h6 {
font-size: 19px /* 24px */;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
line-height: 1.2em;
}
h1 {
font-weight: 700;
}
h2 {
font-weight: 700;
margin-bottom: 2px;
}
h3 {
font-weight: 700;
margin-bottom: 4px;
margin-top: 2px;
}
h4 {
font-weight: 500;
margin-top: 4px;
}
h5 {
font-weight: 500;
}
h6 {
font-weight: normal;
}
p {
font-size: 18.004px;
/* 18px */
line-height: 1.722169;
/* 31px */
}
.lead {
font-size: 28px;
/* 28px */
line-height: 1.4642745000000001;
/* 41px */
font-weight: 300;
margin-bottom: 20px;
}
small {
font-size: 84%;
/* 15px */
line-height: 2.050846;
/* 31px */
}
blockquote {
position: relative;
border-left: none;
padding-left: 19px;
}
blockquote p {
font-size: 20.006px;
line-height: 1.549829;
font-weight: normal;
margin-bottom: .4em;
}
blockquote small {
font-size: 18.004px;
line-height: 1.722169;
font-style: italic;
color: #34495e;
}
blockquote small:before {
content: "";
}
blockquote:before {
position: absolute;
left: 0;
width: 3px;
height: 100%;
top: 0;
bottom: 0;
background-color: #ebedee;
content: "";
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.img-rounded {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.img-comment {
font-size: 14.994px;
line-height: 1.231;
font-style: italic;
margin: 24px 0;
}
.text-primary {
color: #1abc9c;
}
a.text-primary:hover,
a.text-primary:focus {
color: #15967d;
}
.text-success {
color: #2ecc71;
}
a.text-success:hover,
a.text-success:focus {
color: #25a35a;
}
.text-danger {
color: #e74c3c;
}
a.text-danger:hover,
a.text-danger:focus {
color: #b93d30;
}
.text-warning {
color: #f1c40f;
}
a.text-warning:hover,
a.text-warning:focus {
color: #c19d0c;
}
.text-info {
color: #3498db;
}
a.text-info:hover,
a.text-info:focus {
color: #2a7aaf;
}
.text-inverse {
color: #ffffff;
}
a.text-inverse:hover,
a.text-inverse:focus {
color: #cccccc;
}
.muted {
color: #bdc3c7;
}
a.muted:hover,
a.muted:focus {
color: #979c9f;
}
footer {
background-color: transparent;
}
.input-append input {
-webkit-border-radius: 6px 0 0 6px;
-moz-border-radius: 6px 0 0 6px;
border-radius: 6px 0 0 6px;
}
.bg-white {
background-color: #ffffff;
}
.bg-black {
background-color: #000000;
}
.bg-turquoise {
background-color: #1abc9c;
}
.bg-green-sea {
background-color: #16a085;
}
.bg-emerland {
background-color: #2ecc71;
}
.bg-nephritis {
background-color: #27ae60;
}
.bg-peter-river {
background-color: #3498db;
}
.bg-belize-hole {
background-color: #2980b9;
}
.bg-amethyst {
background-color: #9b59b6;
}
.bg-wisteria {
background-color: #8e44ad;
}
.bg-wet-asphalt {
background-color: #34495e;
}
.bg-midnight-blue {
background-color: #2c3e50;
}
.bg-sun-flower {
background-color: #f1c40f;
}
.bg-orange {
background-color: #f39c12;
}
.bg-carrot {
background-color: #e67e22;
}
.bg-pumpkin {
background-color: #d35400;
}
.bg-alizarin {
background-color: #e74c3c;
}
.bg-pomegranate {
background-color: #c0392b;
}
.bg-clouds {
background-color: #ecf0f1;
}
.bg-silver {
background-color: #bdc3c7;
}
.bg-concrete {
background-color: #95a5a6;
}
.bg-asbestos {
background-color: #7f8c8d;
}
.bg-base {
background-color: #34495e;
}
.bg-firm {
background-color: #1abc9c;
}
.bg-success {
background-color: #2ecc71;
}
.bg-danger {
background-color: #e74c3c;
}
.bg-warning {
background-color: #f1c40f;
}
.bg-info {
background-color: #3498db;
}
.bordered {
border-style: solid;
}
.bordered.bg-turquoise {
border-color: #16a085;
}
.bordered.bg-emerland {
border-color: #27ae60;
}
.bordered.bg-peter-river {
border-color: #2980b9;
}
.bordered.bg-amethyst {
border-color: #8e44ad;
}
.bordered.bg-wet-asphalt {
border-color: #2c3e50;
}
.bordered.bg-sun-flower {
border-color: #f39c12;
}
.bordered.bg-carrot {
border-color: #d35400;
}
.bordered.bg-alizarin {
border-color: #c0392b;
}
.bordered.bg-clouds {
border-color: #bdc3c7;
}
.bordered.bg-concrete {
border-color: #7f8c8d;
}
html,
body {
height: 100%;
}
body {
overflow-x: hidden;
color: #7f8c8d;
line-height: 1.29;
}
@media (max-width: 767px) {
body {
padding-right: 0;
padding-left: 0;
}
}
li {
line-height: 20px;
}
.btn {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
line-height: 22px;
-webkit-transition: color 0.25s, background 0.25s;
-moz-transition: color 0.25s, background 0.25s;
-o-transition: color 0.25s, background 0.25s;
transition: color 0.25s, background 0.25s;
}
.btn.btn-large {
font-size: 17px;
padding: 12px 18px;
}
.btn > [class^="fa-"] {
margin-left: 4px;
margin-right: 4px;
line-height: inherit;
display: inline-block;
vertical-align: top;
font-family: 'fontawesome';
}
.input-group-btn .btn {
background: #bdc3c7;
line-height: 9px 12px 10px;
line-height: 22px;
border: 0;
margin: 0;
color: #fff;
margin-left: 0 !important;
padding-left: 10px;
padding-right: 12px;
}
.input-group-btn .btn:hover {
background: #cacfd2;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
outline: none;
}
.form-group {
margin-bottom: 10px;
}
label {
line-height: 20px;
}
.carousel {
line-height: 1;
}
.hero-unit h1 {
margin-bottom: 0;
font-size: 60px;
line-height: 1;
letter-spacing: -1px;
color: inherit;
}
h4,
h5,
h6 {
margin-top: 10px;
margin-bottom: 10px;
}
p {
margin-bottom: 10px;
}
.page-wrapper {
position: relative;
z-index: 2;
background: #fff;
overflow: hidden;
min-height: 100%;
}
.header-background {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.loaded .page-wrapper,
.loaded .header-antiflicker,
.loaded body > header .header-background {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-moz-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-o-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
}
.loaded.nav-visible .page-wrapper,
.loaded.nav-visible .navbar.navbar-fixed-top,
.loaded.nav-visible .header-antiflicker,
.loaded.nav-visible body > header .header-background {
-webkit-transform: translate3d(-230px, 0, 0);
-moz-transform: translate3d(-230px, 0, 0);
-o-transform: translate3d(-230px, 0, 0);
transform: translate3d(-230px, 0, 0);
}
.loaded.no-csstransitions .page-wrapper,
.loaded.no-csstransitions .header-antiflicker {
left: 0;
}
.loaded.no-csstransitions.nav-visible .page-wrapper,
.loaded.no-csstransitions.nav-visible .navbar.navbar-fixed-top,
.loaded.no-csstransitions.nav-visible .header-antiflicker {
left: -230px !important;
right: auto;
}
.carousel-indicators {
width: 100%;
}
[class^="fui-"],[class^="fa-"] {
display: inline-block;
vertical-align: middle;
}
[class^="fa-"]{
font-family: 'fontawesome';
}
body > section,
header,
footer {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@media (max-width: 767px) {
body > section,
header,
footer {
padding-right: 5px;
padding-left: 5px;
}
}
img {
width: auto\9;
height: auto;
max-width: 100%;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #2c3e50;
}
h1 {
font-weight: normal;
}
h3 {
font-weight: normal;
}
img {
-webkit-backface-visibility: hidden;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: normal;
color: #7f8c8d;
}
a:hover,
button:hover,
a:focus,
button:focus,
a:active,
button:active {
outline: none;
}
#bgVideo {
overflow: hidden;
}
#bgVideo > video {
position: absolute !important;
}
.delimiter {
margin-top: 200px;
}
.delimiter.line {
margin-top: 150px;
margin-bottom: 150px;
border-top: 2px solid #ebedee;
}
header {
padding-top: 100px;
padding-bottom: 70px;
z-index: 100;
}
header .brand {
font-size: 25px;
font-weight: normal;
color: #34495e;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 800;
letter-spacing: -1px;
color: #2c3e50;
}
header .brand img:first-child {
float: left;
margin: -10px 15px 0 0;
}
section * {
z-index: 2;
}
.background {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1;
background: 50% 50% no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
opacity: 20;
filter: alpha(opacity=2000);
opacity: 0.2;
filter: alpha(opacity=20);
}
.container {
position: relative;
z-index: 2;
}
@media (max-width: 767px) {
header {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
}
.nav-visible .read-man {
display: none;
}
.dockbar {
-webkit-transition: z-index 4s ease 0s;
-moz-transition: z-index 4s ease 0s;
-o-transition: z-index 4s ease 0s;
transition: z-index 4s ease 0s;
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0;
overflow: visible;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media (max-width: 1200px) {
.dockbar.navbar-fixed-top {
position: fixed;
}
.dockbar.navbar-fixed-top .container {
width: auto;
}
}
.dockbar .menu-btn {
display: none;
}
@media (max-width: 1200px) {
.dockbar .menu-btn {
display: inline-block;
float: right;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 66px;
height: 66px;
background: none #1b1f23;
border: 0 none;
border-left: 1px solid #272b2f;
color: #919497;
}
.dockbar .menu-btn:hover,
.dockbar .menu-btn:focus {
border: 0 none;
border-left: 1px solid #272b2f;
color: #ffffff;
}
.dockbar .menu-btn span {
content: '';
background-image: url("../../../common-files/icons/[email protected]");
-webkit-background-size: 17px 12px;
-moz-background-size: 17px 12px;
-o-background-size: 17px 12px;
background-size: 17px 12px;
width: 17px;
height: 12px;
}
.dockbar .menu-btn span:before {
content: '';
}
}
.dockbar .main-menu {
display: block;
overflow: hidden;
background-color: #1b1f23;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 0;
}
.dockbar .main-menu > div {
height: 65px;
}
.dockbar .main-menu > div > div {
height: 65px;
}
.dockbar .main-menu a.man-brand {
display: inline-block;
float: left;
text-decoration: none;
line-height: 65px;
}
@media (max-width: 1200px) {
.dockbar .main-menu a.man-brand {
line-height: 65px;
width: auto;
}
}
.dockbar .main-menu a.man-brand .logotype {
font-size: 16px;
font-weight: normal;
color: #ffffff;
font-weight: 800;
text-transform: uppercase;
}
.dockbar .main-menu a.man-brand .doc-title {
text-transform: uppercase;
font-size: 16px;
color: #919497;
font-weight: normal;
}
.dockbar .main-menu dl {
display: inline-block;
margin: 0;
}
@media (max-width: 1200px) {
.dockbar .main-menu dl {
display: none;
}
}
.dockbar .main-menu dl dd {
margin: 0;
padding: 17px 0;
line-height: 30.999999999999996px;
display: inline-block;
}
.dockbar .main-menu dl dd a {
font-size: 12px;
font-weight: normal;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 500;
padding-right: 22px;
text-transform: uppercase;
text-decoration: underline;
color: #919497;
display: block;
}
.dockbar .main-menu dl dd a:hover,
.dockbar .main-menu dl dd a:focus,
.dockbar .main-menu dl dd a.active {
color: #ffffff;
}
.dockbar .main-menu dl dd a.active {
text-decoration: none;
color: white;
}
body {
padding-top: 66px;
position: relative;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body.hovered {
background-color: #ecf0f1;
}
body .delimiter-big {
margin-top: 180px;
}
body .delimiter {
margin-top: 30px;
}
body section[class*=content-] {
margin-top: 0;
margin-bottom: 0;
}
body .colapsed-menu {
display: none;
width: 230px;
position: fixed;
top: 0;
right: 0;
bottom: 0;
padding: 25px 0;
margin: 0;
overflow: auto;
background-color: #222527;
}
body .colapsed-menu dl {
position: relative;
display: block;
margin: 0;
}
body .colapsed-menu dl dd {
border-bottom: 1px solid #24292D;
line-height: 45px;
margin: 0;
-webkit-box-sizing: 'border-box';
-moz-box-sizing: 'border-box';
box-sizing: 'border-box';
width: 100%;
text-transform: uppercase;
}
body .colapsed-menu dl dd dd {
padding: 0 0 0 20px;
font-size: 12px;
border-top: 1px solid #24292D;
border-bottom: 0;
line-height: 30px;
}
body .colapsed-menu dl dd > a {
display: block;
padding: 0 0 0 35px;
color: #5b5e61;
}
body .colapsed-menu dl dd > a:hover,
body .colapsed-menu dl dd > a:focus,
body .colapsed-menu dl dd > a.active {
color: #ffffff;
}
body .colapsed-menu dl dd > a.active {
text-decoration: none;
color: white;
}
body .colapsed-menu dl dd > a.active:after {
display: none;
}
body .colapsed-menu.show-menu {
display: block;
}
body .colapsed-menu::-webkit-scrollbar {
display: none;
}
/**
* Content 3 stylesheet
* */
.content-3 {
padding-top: 130px;
padding-bottom: 130px;
position: relative;
}
.content-3 h3 {
font-size: 30px;
font-weight: normal;
color: #2c3e50;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
margin-bottom: 24px;
}
.content-3 p {
font-size: 16px;
font-weight: normal;
color: #7f8c8d;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 29.999999999999996px;
}
@media (max-width: 767px) {
.content-3 p {
margin-bottom: 34px;
}
}
.content-3.v-center,
.content-3 .v-center {
display: table;
width: 100%;
}
.content-3.v-center > div,
.content-3 .v-center > div {
display: table-cell;
vertical-align: middle;
margin-top: 0;
margin-bottom: 0;
float: none;
}
@media (min-width: 768px) {
.content-3.v-center.row:before,
.content-3 .v-center.row:before,
.content-3.v-center.row:after,
.content-3 .v-center.row:after {
display: none;
}
}
@media (max-width: 767px) {
.content-3.v-center,
.content-3 .v-center {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 5px;
padding-right: 5px;
}
.content-3.v-center.row,
.content-3 .v-center.row {
display: block;
width: auto;
}
.content-3.v-center.row:before,
.content-3 .v-center.row:before,
.content-3.v-center.row:after,
.content-3 .v-center.row:after {
display: none;
}
.content-3.v-center.row > *,
.content-3 .v-center.row > * {
display: block;
vertical-align: baseline;
}
}
.content-3 .img {
max-width: 380px;
margin-left: auto;
}
.content-3 .img img {
width: 100%;
}
@media (max-width: 767px) {
.content-3 .img {
margin-right: auto;
margin-bottom: 30px;
}
}
.content-3 .delimiter {
margin-top: 130px;
padding-top: 70px;
border-top: 2px solid #ecf0f1;
}
@media (max-width: 767px) {
.content-3 .delimiter {
display: none;
}
}
.content-3 .features h6 {
margin-top: 0;
margin-bottom: 22px;
font-size: 20px;
font-weight: normal;
color: #34495e;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 500;
text-transform: none;
}
@media (max-width: 767px) {
.content-3 .features h6 {
margin-top: 30px;
margin-bottom: 15px;
}
}
.content-3 .features p {
margin-top: 0;
margin-bottom: 0;
line-height: 26px;
}
.content-3.mirror .aligment {
float: right;
}
.content-3.mirror .img {
margin-left: 0;
margin-right: auto;
max-width: 397px;
}
@media (max-width: 767px) {
.content-3.mirror .img {
margin-left: auto;
}
}
/**
* Content 4 stylesheet
* */
.content-4 {
padding-top: 130px;
padding-bottom: 120px;
position: relative;
}
.content-4 h3 {
font-size: 30px;
font-weight: normal;
color: #2c3e50;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
margin-bottom: 24px;
font-weight: 300;
}
.content-4 p {
font-size: 16px;
font-weight: normal;
color: #7f8c8d;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 26px;
}
.content-4 .features h6 {
margin: 0 0 13px;
font-size: 24px;
font-weight: normal;
color: #34495e;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 500;
text-transform: none;
}
.content-4 .features p {
font-size: 16px;
font-weight: normal;
color: #7f8c8d;
}
.content-4 .features > [class*="col-sm-"] {
position: relative;
padding-top: 180px;
padding-bottom: 50px;
}
.content-4 .features > [class*="col-sm-"] > img:first-child {
position: absolute;
left: 15px;
top: 30px;
}
.content-4 .features:last-child > [class*="col-sm-"],
.content-4 .features.last > [class*="col-sm-"] {
padding-bottom: 0;
}
@media (max-width: 767px) {
.content-4 .features > [class*="col-sm-"],
.content-4 .features:last-child > [class*="col-sm-"],
.content-4 .features.last > [class*="col-sm-"] {
padding-top: 150px;
padding-bottom: 20px;
}
.content-4 .features:last-child > [class*="col-sm-"]:last-child,
.content-4 .features.last > [class*="col-sm-"]:last-child,
.content-4 .features:last-child > [class*="col-sm-"].last,
.content-4 .features.last > [class*="col-sm-"].last {
padding-bottom: 0;
}
}
/**
* Content 5 stylesheet
* */
.content-5 {
padding-top: 130px;
padding-bottom: 120px;
position: relative;
}
.content-5 .container > img {
display: block;
margin: 0 auto 50px;
}
.content-5 h3 {
margin: 0 0 21px;
font-size: 35px;
font-weight: normal;
color: #2c3e50;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-align: center;
}
@media (max-width: 767px) {
.content-5 h3 {
margin-bottom: 15px;
}
}
.content-5 h3 + .lead {
font-size: 25px;
font-weight: normal;
color: #7f8c8d;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
text-align: center;
}
@media (max-width: 767px) {
.content-5 h3 + .lead {
line-height: 1.25;
}
}
@media (max-width: 480px) {
.content-5 {
padding-bottom: 40px;
}
}
.content-5 .features > [class*="col-sm-"] {
position: relative;
margin-top: 40px;
}
.content-5 .features > [class*="col-sm-"] > [class*="fa-"] {
position: absolute;
left: -45px;
top: 7px;
font-size: 25px;
font-weight: normal;
color: #2c3e50;
font-family: 'fontawesome';
}
@media (max-width: 767px) {
.content-5 .features > [class*="col-sm-"] > [class*="fa-"] {
position: static;
float: left;
margin: -7px 20px 0 0;
}
}
.content-5 .features > [class*="col-sm-"] p {
font-size: 16px;
font-weight: normal;
color: #7f8c8d;
}
.content-5 .features > [class*="col-sm-"] h6 {
font-size: 22px;
font-weight: normal;
color: #34495e;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 500;
margin-bottom: 14px;
text-transform: none;
}
/**
* Content 9 stylesheet
* */
.content-9 {
padding-top: 130px;
padding-bottom: 130px;
position: relative;
}
.content-9 h3 {
font-size: 30px;
font-weight: normal;
color: #2c3e50;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
margin-bottom: 24px;
font-weight: 300;
}
.content-9 p {
font-size: 16px;
font-weight: normal;
color: #7f8c8d;
line-height: 30px;
}
.content-9 h6 {
text-transform: none;
font-size: 18px;
font-weight: normal;
color: #34495e;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 500;
}
.content-9 .info {
font-size: 14px;
font-weight: normal;
color: #7f8c8d;
margin-top: 40px;
}
@media (max-width: 767px) {
.content-9 .info {
margin-top: 20px;
}
}
/**
* Content 14 stylesheet
* */
.content-14 {
padding-top: 125px;
padding-bottom: 130px;
position: relative;
}
@media (max-width: 767px) {
.content-14 {
height: auto!important;
}
}
.content-14 h3 {
margin: 0 0 5px;
text-align: center;
font-size: 35px;
font-weight: normal;
color: #34495e;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 500;
}
@media (max-width: 767px) {
.content-14 h3 {
margin-bottom: 15px;
}
}
.content-14 .lead {
font-size: 25px;
font-weight: normal;
color: #7f8c8d;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-align: center;
font-weight: 300;
}
@media (max-width: 767px) {
.content-14 .lead {
line-height: 1.25;
margin-bottom: 50px;
}
}
.content-14 .features {
margin-top: 55px;
}
.content-14 .features.v-center,
.content-14 .features .v-center {
display: table;
width: 100%;
}
.content-14 .features.v-center > div,
.content-14 .features .v-center > div {
display: table-cell;
vertical-align: middle;
margin-top: 0;
margin-bottom: 0;
float: none;
}
@media (min-width: 768px) {
.content-14 .features.v-center.row:before,
.content-14 .features .v-center.row:before,
.content-14 .features.v-center.row:after,
.content-14 .features .v-center.row:after {
display: none;
}
}
@media (max-width: 767px) {
.content-14 .features.v-center,
.content-14 .features .v-center {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 5px;
padding-right: 5px;
}
.content-14 .features.v-center.row,
.content-14 .features .v-center.row {
display: block;
width: auto;
}
.content-14 .features.v-center.row:before,
.content-14 .features .v-center.row:before,
.content-14 .features.v-center.row:after,
.content-14 .features .v-center.row:after {
display: none;
}
.content-14 .features.v-center.row > *,
.content-14 .features .v-center.row > * {
display: block;
vertical-align: baseline;
}
}
.content-14 .features h6 {
text-transform: none;
color: #e74c3c;
font-size: 18px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 500;
}
.content-14 .features .row {
margin-top: 70px;
color: #95a5a6;
}
@media (max-width: 767px) {
.content-14 .features .col-sm-6 {
display: none;
}
}
.content-14 .features .col-sm-6 img {
display: block;
margin-left: auto;
margin-right: auto;
}
.content-14 .features .col-sm-2 {
position: relative;
}
.content-14 .features [class*="box"] {
position: relative;
}
@media (max-width: 767px) {
.content-14 .features [class*="box"] {
position: static;
}
}
.content-14 .features [class*="box"] img {
position: absolute;
}
@media (max-width: 767px) {
.content-14 .features [class*="box"] img {
display: none;
}
}
.content-14 .features [class*="box"] img[src*="line-l"] {
bottom: 100%;
left: 85%;
margin-bottom: 30px;
}
.content-14 .features [class*="box"] img[src*="line-r"] {
top: 100%;
right: 85%;
margin-top: 30px;
}
.content-14 .features .box-1,
.content-14 .features .box-5 {
font-size: 14px;
font-weight: normal;
color: #7f8c8d;
margin-top: 60px;
margin-bottom: 60px;
}
@media (max-width: 991px) and (min-width: 768px) {
.content-14 .features .box-1,
.content-14 .features .box-5 {
}
}
.content-14 .features .box-2,
.content-14 .features .box-6 {
font-size: 14px;
font-weight: normal;
color: #7f8c8d;
}
@media (max-width: 991px) and (min-width: 768px) {
.content-14 .features .box-2,
.content-14 .features .box-6 {
}
}
.content-14 .features .box-3,
.content-14 .features .box-7 {
font-size: 14px;
font-weight: normal;
color: #7f8c8d;
}
@media (max-width: 991px) and (min-width: 768px) {
.content-14 .features .box-3,
.content-14 .features .box-7 {
}
}
.content-14 .features .box-4,
.content-14 .features .box-8 {
font-size: 14px;
font-weight: normal;
color: #7f8c8d;
}
@media (max-width: 991px) and (min-width: 768px) {
.content-14 .features .box-4,
.content-14 .features .box-8 {
top: 10px;
}
}
@media (max-width: 480px) {
.content-14 .features {
margin-top: -35px;
}
.content-14 .features [class*="box"] {
margin-top: 35px;
opacity: 100 !important;
filter: alpha(opacity=10000) !important;
opacity: 1 !important;
filter: alpha(opacity=100) !important;
}
}
/**
* Content 15 stylesheet
* */
.content-15 {
padding-top: 125px;
padding-bottom: 130px;
position: relative;
}
.content-15 h3 {
margin-bottom: 68px;
font-size: 37px;
font-weight: normal;
color: #2c3e50;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
line-height: 50px;
text-align: center;
}
@media (max-width: 767px) {
.content-15 h3 {
margin-bottom: 76px;
font-size: 30px;
font-weight: normal;
color: #2c3e50;
font-weight: 300;
text-align: center;
}
}
.content-15 p {
font-size: 18px;
font-weight: normal;
color: #7f8c8d;
}
.content-15 .features {
margin-top: 120px;
}
.content-15 .features h6 {
text-transform: none;
margin: 60px 0 20px;
font-size: 20px;
font-weight: normal;
color: #e74c3c;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 500;
}
.content-15 .features h6:first-child {
margin-top: auto;
}
@media (max-width: 767px) {
.content-15 .features h6 {
margin-bottom: 10px;
margin-top: 40px;
text-align: center;
}
}
.content-15 .features p {
font-size: 16px;
font-weight: normal;
color: #7f8c8d;
}
.content-15 .features .col-sm-7 img {
width: 100%;
}
@media (max-width: 767px) {
.content-15 .features .col-sm-7 {
text-align: center;
margin-bottom: 46px;
}
}
@media (max-width: 767px) {
.content-15 .features {
margin-top: 76px;
}
}
.content-24 {
position: relative;
padding: 140px 0;
color: #bdc3c7;
overflow: hidden;
}
.content-24 h3 {
font-size: 30px;
font-weight: normal;
color: #ffffff;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
margin-bottom: 40px;
font-weight: 300;
}
.content-24 img.image {
display: inline-block;
position: absolute;
right: 50%;
margin-right: 100px;
}
.content-24 .col-sm-6.col-sm-offset-6 {
position: relative;
}
.content-24 .features.features-clear .features-header {
*zoom: 1;
margin-bottom: 60px;
font-family: 'fontawesome';
font-size: 30px;
}
.content-24 .features.features-clear .features-header:before,
.content-24 .features.features-clear .features-header:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.content-24 .features.features-clear .features-header:after {
clear: both;
}
.content-24 .features.features-clear .features-header:before,
.content-24 .features.features-clear .features-header:after {
display: table;
content: "";
line-height: 0;
}
.content-24 .features.features-clear .features-header:after {
clear: both;
}
.content-24 .features.features-clear .features-header .box {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-left: 50px;
color: #667380;
cursor: pointer;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.content-24 .features.features-clear .features-header .box:first-child {
margin-left: 0;
}
.content-24 .features.features-clear .features-header .box.active {
color: #27ae60;
}
.content-24 .features.features-clear .features-header .box [class*="fa-"] {
display: block;
font-size: 24px;
font-weight: normal;
color: inherit;
font-family: 'fontawesome';
}
.content-24 .features.features-clear .features-bodies {
position: relative;
}
.content-24 .features.features-clear .features-body {
position: absolute;
left: 0;
right: 0;
top: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: 0.6s opacity;
-moz-transition: 0.6s opacity;
-o-transition: 0.6s opacity;
transition: 0.6s opacity;
}
.content-24 .features.features-clear .features-body.active {
opacity: 100;
filter: alpha(opacity=10000);
opacity: 1;
filter: alpha(opacity=100);
z-index: 3;
}
.content-24 .features.features-clear .features-body p {
margin-bottom: 45px;
}
.content-24 .btn.btn-clear {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 7px 26px 8px;
background: none;
border: 2px solid #2ecc71;
font-size: 14px;
font-weight: normal;
color: #2ecc71;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 500;
}
.content-24 .btn.btn-clear:hover,
.content-24 .btn.btn-clear:focus {
background: #2ecc71;
color: white;
}
.content-24 .btn.btn-clear:active,
.content-24 .btn.btn-clear.active {
border-color: #27ad60;
background: #27ad60;
color: rgba(255, 255, 255, 0.75);
}
@media (max-width: 767px) {
.content-24 {
padding: 35px;
}
.content-24 img.image {
position: relative;
margin-bottom: 48px;
right: 0;
}
.content-24 .features.features-clear .features-header {
margin-bottom: 48px;
}
.content-24 .features.features-clear .features-body p {
margin-bottom: 48px;
}
.content-24 .container {
padding-left: 0;
padding-right: 0;
}
}
.content-25 {
position: relative;
padding: 95px 0;
}
@media (max-width: 767px) {
.content-25 {
padding: 40px 5px;
}
.content-25 .svg,
.content-25 .nosvg {
display: block;
text-align: center;
float: none !important;
margin-top: 45px;
}
}
.content-25 h3 {
font-size: 30px;
font-weight: normal;
color: #2c3e50;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 500;
}
.content-25 p {
font-size: 18px;
color: #7f8c8d;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
margin-top: 45px;
font-weight: normal;
}
.content-25 svg,
.content-25 .svg {
width: 100%;
}
.content-25 .nosvg {
display: none;
}
.content-26 {
position: relative;
padding-top: 125px;
padding-bottom: 125px;
text-align: center;
}
.content-26 .lead {
font-size: 22px;
font-weight: normal;
color: #7f8c8d;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
margin-bottom: 0;
}
.content-26 h3 {
font-size: 35px;
font-weight: normal;
color: #2c3e50;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
margin: 0 0 36px;
}
@media (max-width: 767px) {
.content-26 .features {
margin-top: -52px;
}
}
.content-26 .features h6 {
text-transform: none;
margin-top: 37px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 18px;
}
.content-26 .features > * {
margin-top: 67px;
}
.content-27 {
position: relative;
padding: 120px 0;
}
.content-27 svg,
.content-27 .svg {
max-width: 100%;
}
.content-27 .nosvg {
display: none;
}
@media (max-width: 767px) {
.content-27 .svg,
.content-27 .nosvg {
text-align: center;
float: none;
margin-bottom: 45px;
}
.content-27 .svg {
display: block;
}
}
.content-27 h3 {
font-size: 30px;
font-weight: normal;
color: #2c3e50;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-align: left;
margin-bottom: 43px;
font-weight: 300;
}
.content-27 p {
font-size: 16px;
font-weight: normal;
color: #7f8c8d;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 29.6px;
}
.content-27 .btn {
padding-left: 20px;
padding-right: 20px;
}
@media (max-width: 991px) {
.content-27 h3,
.content-27 p {
margin-left: 5px;
margin-right: 5px;
}
}
.content-27 .btns {
margin-top: 45px;
}
.content-27 .btns > * {
display: inline-block;
margin-left: 32px;
vertical-align: middle;
}
.content-27 .btns > *:first-child {
margin-left: 0;
}
@media (max-width: 991px) {
.content-27 .btns .btn {
display: block;
margin: 0 5px 20px;
}
.content-27 .btns .btn:not(:first-child) {
float: left;
margin-right: 35px;
}
}
@media (max-width: 480px) {
.content-27 .btns .btn:not(:first-child) {
float: none;
color: white;
margin-right: 5px;
}
.content-27 .btns .btn:not(:first-child):focus {
outline: none;
}
.content-27 .btns [class*="fa-"] {
margin-top: -6px;
font-family: 'fontawesome';
}
}
@media (min-width: 481px) {
.content-27 .btns > *:not(:first-child) {
padding: 0;
background: transparent;
color: #34495e;
}
.content-27 .btns > *:not(:first-child):hover,
.content-27 .btns > *:not(:first-child):focus {
color: #5d6d7e;
}
.content-27 .btns > *:not(:first-child):active,
.content-27 .btns > *:not(:first-child).active {
color: #2c3e50;
}
.content-27 .btns > *:not(:first-child) [class*="fa-"] {
font-size: 30px;
font-weight: normal;
color: inherit;
margin: 0;
font-family: 'fontawesome';
}
.content-27 .btns > *:not(:first-child) :not([class*="fa-"]) {
display: none;
font-family: 'fontawesome';
}
}
@media (max-width: 480px) {
.content-27 .btns > * {
display: block;
margin: 0;
}
.content-27 .btns > * + * {
margin-top: 10px;
}
}
.content-28 {
position: relative;
overflow: hidden;
padding-top: 128px;
padding-bottom: 0;
text-align: center;
}
.content-28 h3 {
font-size: 30px;
font-weight: normal;
color: #2c3e50;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
padding-bottom: 40px;
font-weight: 300;
}
.content-28 p {
font-size: 16px;
font-weight: normal;
color: #7f8c8d;
}
.content-28 .col-sm-10 > img {
width: 100%;
margin-top: 50px;
position: relative;
}
@media (max-width: 480px) {
.content-28 {
padding-top: 100px;
}
}
.content-30 {
position: relative;
padding-top: 130px;
padding-bottom: 130px;
}
@media (max-width: 480px) {
.content-30 {
padding-top: 100px;
padding-bottom: 100px;
}
}
.content-30 .features > * {
position: relative;
text-align: center;
}
.content-30 .features .description-top,
.content-30 .features .description-bottom {
position: absolute;
width: 100%;
text-align: left;
}
.content-30 .features .description-top {
top: 0;
}
.content-30 .features .description-bottom {
bottom: 0;
}
.content-30 .features .description-top,
.content-30 .features .description-bottom {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.25s;
-moz-transition: opacity 0.25s;
-o-transition: opacity 0.25s;
transition: opacity 0.25s;
}
.content-30 .features .img img{
opacity: .5;
filter: alpha(opacity=.5);
-webkit-transition: opacity 0.25s;
-moz-transition: opacity 0.25s;
-o-transition: opacity 0.25s;
transition: opacity 0.25s;
cursor: pointer;
}
.content-30 .features > *:hover .description-top,
.content-30 .features > *:hover .description-bottom,
.content-30 .features > *:hover .img img {
opacity: 100;
filter: alpha(opacity=10000);
opacity: 1;
filter: alpha(opacity=100);
}
.content-30 .features .img {
position: relative;
display: inline-block;
margin: 150px auto;
}
@media (max-width: 1200px) and (min-width: 768px) {
.content-30 .features .img {
display: block;
}
}
.content-30 .features h6 {
text-transform: none;
font-size: 16px;
font-weight: normal;
color: #1abc9c;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 500;
}
.content-30 .features img[src*="arrow-"] {
position: absolute;
}
.content-30 .features img[src*="arrow-tl"] {
right: 110%;
top: 30px;
}
.content-30 .features img[src*="arrow-tr"] {
left: 110%;
top: 30px;
}
.content-30 .features img[src*="arrow-bl"] {
right: 110%;
bottom: 20px;
}
.content-30 .features img[src*="arrow-br"] {
left: 110%;
bottom: 20px;
}
.content-30 .features .box-1 .description-top,
.content-30 .features .box-2 .description-top {
left: 105%;
}
.content-30 .features .box-3 .description-top,
.content-30 .features .box-4 .description-top {
right: 105%;
}
.content-30 .features .box-1 .description-bottom,
.content-30 .features .box-3 .description-bottom {
left: 105%;
}
.content-30 .features .box-2 .description-bottom,
.content-30 .features .box-4 .description-bottom {
right: 105%;
}
@media (max-width: 767px) {
.content-30 .features .description-top,
.content-30 .features .description-bottom {
position: static;
text-align: center;
}
.content-30 .features .img {
margin: 60px auto;
}
.content-30 .features img[src*="arrow-"] {
display: none;
}
}
@media (max-width: 480px) {
.content-30 .features .description-top,
.content-30 .features .description-bottom,
.content-30 .features .img img + img {
opacity: 100;
filter: alpha(opacity=10000);
opacity: 1;
filter: alpha(opacity=100);
}
.content-30 .features > * + * {
margin-top: 60px;
}
.content-30 .features .img {
margin: 15px auto;
}
.content-30 .features .description-top,
.content-30 .features .description-bottom {
width: 220px;
margin: 0 auto;
text-align: left;
}
.content-30 .features .description-top {
margin-bottom: 30px;
}
.content-30 .features h6 {
margin-bottom: 5px;
}
}
.content-33 {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
padding-top: 125px;
padding-bottom: 110px;
}
.content-33 .lead {
font-size: 30px;
font-weight: normal;
color: #7f8c8d;
line-height: 44px;
color: #34495e;
font-weight: 300;
}
.content-34 {
position: relative;
overflow: hidden;
background: #f3f3f3;
}
@media (max-width: 767px) {
.content-34 {
max-height: 100%;
}
.content-34 .pt-controls {
margin: 0 !important;
padding: 0 !important;
}
}
.content-34 .pt-perspective {
position: relative;
height: 100%;
overflow: hidden;
-webkit-perspective: 1200px;
-moz-perspective: 1200px;
perspective: 1200px;
}
.content-34 .pt-page {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
visibility: hidden;
overflow: hidden;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
@media (max-width: 1200px) {
.content-34 .pt-page .container {
margin-left: 60px;
}
}
.content-34 .pt-page-current,
.content-34 .no-js .pt-page {
visibility: visible;
z-index: 1;
}
.content-34 .pt-page-ontop {
z-index: 999;
}
.content-34 .pt-controls {
position: absolute;
top: 50%;
left: 30px;
z-index: 9999;
}
.content-34 .pt-controls .pt-indicators {
list-style: none;
margin: 0;
padding: 0;
opacity: 0;
filter: alpha(opacity=0);
}
.content-34 .pt-controls .pt-indicators li {
float: none;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 12px;
height: 12px;
margin: 15px 0 0;
padding: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
text-indent: -999px;
cursor: pointer;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
border: 2px solid #d3d3d3;
border: 2px solid rgba(81, 81, 81, 0.2);
background: transparent;
}
.content-34 .pt-controls .pt-indicators li.active {
border: 0;
opacity: 100;
filter: alpha(opacity=10000);
opacity: 1;
filter: alpha(opacity=100);
}
.loaded .content-34 .pt-controls .pt-indicators {
-webkit-transition: 1.2s 1.6s opacity;
-moz-transition: 1.2s 1.6s opacity;
-o-transition: 1.2s 1.6s opacity;
transition: 1.2s 1.6s opacity;
opacity: 100;
filter: alpha(opacity=10000);
opacity: 1;
filter: alpha(opacity=100);
}
@media (max-width: 767px) {
.content-34 .pt-controls {
top: auto;
bottom: 30px;
left: 0;
right: 0;
margin-top: 0 !important;
}
.content-34 .pt-controls .pt-indicators {
text-align: center;
}
.content-34 .pt-controls .pt-indicators li {
display: inline-block;
margin: 0 7.5px;
}
}
.content-34 .pt-controls li.active {
background: #2c3e50;
}
.content-34 .container {
padding-top: 125px;
padding-bottom: 80px;
color: #7f8c8d;
}
.content-34 h2 {
margin: 0 0 20px;
font-size: 35px;
line-height: 40px;
color: #2c3e50;
font-weight: 300;
}
.content-34 .lead {
font-size: 20px;
line-height: 36px;
margin: 0 0 50px;
}
.content-34 .box-1,
.content-34 .box-2 {
margin-bottom: 50px;
}
.content-34 .box-1 h3,
.content-34 .box-2 h3 {
font-size: 20px;
line-height: 28px;
color: #34495e;
font-weight: 500;
margin: 0 0 15px;
}
.content-34 .box-1 p,
.content-34 .box-2 p {
margin: 0;
font-size: 16px;
line-height: 26px;
}
.content-35 {
position: relative;
color: #7f8c8d;
overflow: hidden;
}
.content-35 .container {
padding-top: 190px;
padding-bottom: 100px;
min-height: 925px;
}
.content-35 .bx-wrapper{
margin-bottom: 0;
}
@media (max-width: 767px) {
.content-35 .container {
min-height: 0;
padding-top: 160px;
padding-bottom: 80px;
}
}
.content-35 .bx-viewport {
border-radius: 0!important;
box-shadow: none!important;
border: none!important;
background: none!important;
}
.content-35 > * {
position: relative;
}
.content-35 h2 {
font-size: 35px;
line-height: 40px;
color: #2c3e50;
font-weight: 300;
margin: 0 0 40px;
}
.content-35 .lead {
font-size: 20px;
line-height: 36px;
margin: 0 0 25px;
}
.content-35 .btn {
font-weight: 500;
padding-left: 26px;
padding-right: 26px;
margin-bottom: 20px;
color: #fff;
}
.content-35 .btn:hover {
color: #fff;
}
.content-35 .btn.btn-inverse {
background: #2c3e50;
}
.content-35 a {
color: #2c3e50;
text-decoration: none;
border-bottom: 1px solid #abb0b5;
}
.content-35 a:hover {
color: #64686c;
}
.content-35 .ask-question {
font-size: 20px;
display: inline-block;
line-height: 26px;
}
.content-35 .tech-info {
color: #7f8c8d;
padding-top: 80px;
margin: 0;
}
.content-35 .tech-info dt,
.content-35 .tech-info dd {
font-size: 16px;
line-height: 30px;
font-weight: 400;
margin-bottom: 10px;
}
.content-35 .tech-info dt {
float: left;
width: 190px;
}
.content-35 .tech-info dd {
display: block;
overflow: hidden;
color: #2c3e50;
}
.content-35 .columns {
margin-top: 50px;
}
.content-35 .columns h3 {
font-size: 20px;
color: #34495e;
line-height: 28px;
margin: 0 0 20px;
font-weight: 500;
}
.content-35 .columns p {
margin: 0;
font-size: 16px;
line-height: 26px;
}
.content-35 .columns a {
display: block;
border: none;
}
.content-35 .columns img,
.content-35 .columns strong,
.content-35 .columns b {
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.content-35 .columns img {
margin-top: 20px;
margin-bottom: 45px;
}
.content-35 .columns a:hover img {
opacity: 0.9;
}
.content-35 .columns b {
font-size: 20px;
font-weight: 600;
margin-bottom: 15px;
letter-spacing: -1px;
color: #34495e;
display: inline-block;
border-bottom: 1px solid #fff;
}
.content-35 .columns h3 {
font-size: 20px;
font-weight: 800;
margin-bottom: 15px;
letter-spacing: -1px;
color: #34495e;
}
.content-35 .columns a:hover strong {
border-bottom: 1px solid #d5d6d6;
}
.content-35 .columns span {
font-size: 16px;
line-height: 26px;
color: #7f8c8d;
display: block;
}
.content-35 .columns span.svgIcon {
display: inline-block;
padding-left: 8px;
}
@media (max-width: 767px) {
.content-35 .columns .col-sm-6:not(:first-child) {
margin-top: 60px;
}
}
.content-35 .background {
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 100;
filter: alpha(opacity=10000);
opacity: 1;
filter: alpha(opacity=100);
}
.content-35 .background > .container {
height: 100%;
padding-top: 0;
padding-bottom: 0;
}
@media (max-width: 767px) {
.content-35 .background > .container {
height: 250px;
margin-bottom: 60px;
}
}
.content-35 .background.bread .col-sm-4 > div {
background: none;
}
.content-35 .background.doc .col-sm-4 > div {
background: #d5e3e0;
}
.content-35 .background .col-sm-4 {
position: absolute;
height: 100%;
}
.content-35 .background .col-sm-4 > div {
position: absolute;
right: 0;
height: 100%;
width: 1000px;
background: #f3f3f3;
margin: 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
@media (max-width: 767px) {
.content-35 .background .col-sm-4 > div {
position: static;
width: 100%;
overflow: hidden;
}
}
.content-35 .background .col-sm-4 > div img {
height: 100% !important;
width: auto;
position: absolute;
top: 0;
right: 0;
}
@media (max-width: 767px) {
.content-35 .background .col-sm-4 > div img {
height: auto;
min-height: 250px;
}
}
@media (max-width: 767px) {
.content-35 .background .col-sm-4 {
left: 0;
right: 0;
padding: 0;
}
}
@media (max-width: 767px) {
.content-35 .background {
visibility: hidden;
}
}
@media (max-width: 767px) {
.content-35 {
padding-top: 0;
}
}
.content-35 .contact {
padding: 30px 0 10px 92px;
background: url('../../../common-files/img/content/anthony.png') no-repeat center left;
color: #7f8c8d;
font-size: 16px;
line-height: 26px;
border-top: 1px solid #ebedee;
margin-top: 85px;
}
.content-35-slider-item {
overflow: hidden;
}
.content-35-customPager {
position: absolute;
left: 50%;
top: 100px;
z-index: 3;
margin: 0;
padding: 0;
list-style: none;
}
@media (min-width: 1200px) {
.content-35-customPager {
margin-left: -88px;
}
}
@media (max-width: 1199px) {
.content-35-customPager {
margin-left: -70px;
}
}
@media (max-width: 991px) {
.content-35-customPager {
margin-left: -52px;
}
}
@media (max-width: 767px) {
.content-35-customPager {
margin-left: 15px;
left: 0;
top: 70px;
}
}
.content-35-customPager li {
float: left;
margin-right: 15px;
}
.content-35-customPager li a {
-webkit-transition: color 0.25s, opacity 0.25s, text-indent 0.25s;
-moz-transition: color 0.25s, opacity 0.25s, text-indent 0.25s;
-ms-transition: color 0.25s, opacity 0.25s, text-indent 0.25s;
-o-transition: color 0.25s, opacity 0.25s, text-indent 0.25s;
transition: color 0.25s, opacity 0.25s, text-indent 0.25s;
list-style: none;
cursor: pointer;
width: 2px;
height: 2px;
border: 2px solid #2c3e50;
overflow: hidden;
display: block;
color: #2c3e50;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
padding: 3px;
text-indent: -20px;
}
.content-35-customPager li a:hover,
.content-35-customPager li a:focus,
.content-35-customPager li a.active {
background-color: #2c3e50;
opacity: 1;
color: #2c3e50;
}
.content-35-customPager li .fa-list {
position: relative;
top: -6px;
cursor: pointer;
font-family: 'fontawesome';
}
.content-35-customPager li .fui-list:before {
color: #303336;
font-size: 16px;
-webkit-transition: color 0.6s;
-moz-transition: color 0.6s;
-o-transition: color 0.6s;
transition: color 0.6s;
}
li.menuicon span.fui-list{margin-top:-10px;}
.content-35-customPager.showmenu .fui-list:before {
color: #7f8c8d;
}
.content-35-customPager.showmenu a {
border: none;
border-bottom: 1px dashed #7f8c8d;
width: auto;
height: auto;
font-size: 16px;
color: #7f8c8d;
position: relative;
top: -4px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
background: none !important;
line-height: 18px;
padding: 0;
text-indent: 0;
}
.content-35-customPager.showmenu a.active,
.content-35-customPager.showmenu a:hover,
.content-35-customPager.showmenu a:focus {
border-bottom-color: transparent;
color: #2c3e50;
}
.content-35-customPager .manuicon {
position: relative;
top: -7px;
cursor: pointer;
}
.content-36 {
background: #1b1f23;
text-align: center;
color: #95a5a6;
padding-top: 230px;
padding-bottom: 180px;
}
.content-36 h2 {
color: #fff;
font-size: 46px;
line-height: 55px;
margin: 0 0 60px;
letter-spacing: -2px;
}
.content-36 .btn-success {
background: #27ae60;
font-size: 22px;
font-weight: 500;
padding: 15px 46px;
margin: 0 0 55px;
}
.content-36 .btn-success:hover {
background: #58D68D;
}
.content-36 p {
margin: 0 auto;
width: 48%;
font-size: 20px;
line-height: 31px;
font-weight: 500;
}
@media (max-width: 767px) {
.content-36 p {
width: 80%;
}
}
.content-38 {
text-align: center;
padding-bottom: 105px;
}
.content-38 .sample-box {
margin-bottom: 25px;
opacity: 0;
transition: 0.5s;
-moz-transform: scale(0.9) translateX(-50px) translateY(50px);
-webkit-transform: scale(0.9) translateX(-50px) translateY(50px);
-o-transform: scale(0.9) translateX(-50px) translateY(50px);
-ms-transform: scale(0.9) translateX(-50px) translateY(50px);
transform: scale(0.9) translateX(-50px) translateY(50px);
}
.content-38 .sample-box.col-xs-6 {
max-width: 486px;
}
.content-38 .sample-box img {
vertical-align: top;
width: 100%;
-webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
cursor: pointer;
transition: all 0.25s ease 0s;
}
.content-38 .sample-box img:hover {
box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
-moz-transform: translateX(0) translateY(-5px);
-webkit-transform: translateX(0) translateY(-5px);
-o-transform: translateX(0) translateY(-5px);
-ms-transform: translateX(0) translateY(-5px);
transform: translateX(0) translateY(-5px);
}
.content-38 .sample-box.visible {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.content-38 .column-2 {
padding: 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment