Skip to content

Instantly share code, notes, and snippets.

@s3w47m88
Created June 19, 2015 17:28
Show Gist options
  • Save s3w47m88/174f63d25306c7d3eb49 to your computer and use it in GitHub Desktop.
Save s3w47m88/174f63d25306c7d3eb49 to your computer and use it in GitHub Desktop.
dev.iteratemarketing.com styles
@media screen and (min-width:783px) {
.admin-bar .navbar-fixed-top {top:32px !important;}
}
@media screen and (min-width:600px) and (max-width:782px){
.admin-bar .navbar-fixed-top {top:46px !important;}
}
.cth-pagecontent > * {
max-width: 100%;
}
.cth-pagecontent img {
max-width: 100%;
height: auto;
}
.promo-c p{
width: 70%;
padding-bottom: 20px;
}
@media only screen and (max-width : 767px){
.promo-c p{
width:100%;
}
}
.promo-c p #contact-message{
width: 100%;
}
.promo-c p #submit{
width: 100%;
}
.cbp-l-inline-desc p{
font-size: inherit;
}
.textwidget{
font-family: "Open Sans",sans-serif;
font-style: italic;
font-size: 15px;
margin-bottom: 10px;
line-height: 1.72217;
}
#comment{
margin-top: 0;
}
#comments-section h4 {
color: #949494;
font-family: "Montserrat", sans-serif;
font-size: 18px;
text-transform: uppercase;
}
#comments-section h4 span {
margin-right: 10px;
}
#comments-section > ul.commentsList {
padding: 0;
}
#comments-section > ul > li {
background-color: #F6F6F6;
padding: 1.1em;
margin-bottom: 15px;
}
@media (min-width: 991px) {
#comments-section ul {
width: 90%;
}
}
#comments-section ul .media img {
max-width: 70px;
margin-right: 20px;
height: 70px;
float: left;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
#comments-section ul .media .comment-info {
margin-top: 10px;
}
#comments-section ul .media .comment-info:after {
content: "";
display: table;
clear: both;
}
#comments-section ul .media .comment-info span {
display: block;
float: left;
font-family: "Open Sans", sans-serif;
position: relative;
padding-right: 10px;
}
#comments-section ul .media .comment-info span:after {
content: "/";
font-size: 15px;
margin-left: 10px;
color: #9e9e9e;
}
#comments-section ul .media .comment-info span:nth-of-type(3):after {
display: none;
}
#comments-section ul .media p {
font-size: 15px;
padding: 0px 18px 0 87px;
margin-top: -25px;
}
#comments-section ul .media p:after {
content: "";
display: table;
clear: both;
}
@media (max-width: 510px) {
#comments-section ul .media p {
padding: 0;
margin-top: 0;
}
}
#searchform input {
border: 1px solid #dedede;
width: 100%;
padding: 11px;
margin-bottom: 20px;
position: relative;
background: transparent url(http://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon.png) no-repeat 189px center;
}
@media (max-width: 991px) {
.blog-sidebar #searchform input {
background: none;
}
}
.blog-sidebar #search-2{
height: 122px;
}
.blog-sidebar .widget {
padding-bottom: 10px;
border-bottom: 2px solid #ededed;
margin-bottom: 25px;
}
.blog-sidebar .widget:last-child {
border-bottom: transparent;
}
.blog-sidebar .widget ul {
padding-left: 15px;
}
.blog-sidebar .widget select {
max-width: 100%;
}
.blog-sidebar .widget.widget_text select,
.blog-sidebar .widget.widget_categories select,
.blog-sidebar .widget.widget_archive select {width: 100%;padding: 6px;}
.blog-sidebar .widget.related ul {
padding: 0 13px;
}
.blog-sidebar .tagcloud {
display: inline-block;
}
.blog-sidebar .widget.related ul li {
padding: 0 !important;
margin: 0 !important;
list-style-type: circle !important;
}
.blog-sidebar .widget.related ul li a {
margin-bottom: 5px;
display: block;
font-size: 12px;
color: #919191;
font-family: "Montserrat", sans-serif;
}
.blog-sidebar #searchform input::-webkit-input-placeholder {
color: #ababab;
font-family: "Montserrat", sans-serif;
font-size: 15px;
text-transform: capitalize;
}
.blog-sidebar #searchform input::-moz-placeholder {
color: #ababab;
font-family: "Montserrat", sans-serif;
font-size: 15px;
text-transform: capitalize;
}
.blog-sidebar #searchform input:-ms-input-placeholder {
color: #ababab;
font-family: "Montserrat", sans-serif;
font-size: 15px;
text-transform: capitalize;
}
.flex-direction-nav .flex-prev{
left: 0;
}
.flex-direction-nav .flex-next{
right: 0;
}
.flex-direction-nav a,
.flex-direction-nav a:hover
{
background-color: transparent!important;
}
.page-wrapper.homepage {
position: relative;
z-index: 2;
background: #fff;
overflow: hidden;
min-height: 100%;
}
/*.page-wrapper {
background-color: #f5f5f5 !important;
}*/
.blog-sidebar .widget.widget_calendar #calendar_wrap table{
width: 100%;
}
.blog-sidebar .widget.widget_calendar #calendar_wrap table caption,
.blog-sidebar .widget.widget_calendar #calendar_wrap table thead,
.blog-sidebar .widget.widget_calendar #calendar_wrap table tbody a,
.blog-sidebar .widget.widget_calendar #calendar_wrap table tfoot a{
font-size: 12px;
/*color: #919191;*/
font-family: "Montserrat", sans-serif;
font-weight: 700;
text-transform: uppercase;
padding-bottom: 20px;
}
.tagcloud > a {
margin:0;
padding:0;
list-style:none;
margin:0;
padding:0;
color:#626262;
float:left;
padding:0;
border-radius:2px;
margin:5px 10px 5px 0;
border:1px solid;
border-color:#dddddd;
display:inline-block;
padding:4px 15px;
text-decoration:none;
font-size: 14px !important;
}
.blog-main .blog-post .wp-caption.alignnone{
max-width: 100%;
}
.error404 .page-wrapper .section a{
font-size: 1.9em;
color: #5A5A5A;
font-family: "Montserrat",sans-serif;
font-weight: 700;
text-transform: uppercase;
}
.error404 .page-wrapper .section a:focus {
color: inherit;
}
.error404 .page-wrapper .section a:hover {
color: #1abc9c;
text-decoration: none;
}
.cbp-l-loadMore-button-stop:hover{
text-decoration: none;
}
.dropdown:hover .dropdown-menu {
display: block;
}
/* FROM CUSTOM THEME STYLING */
.blog-post-title > a {
float: left;
font-size: 18px;
text-align: left;
}
.blog-content.col-sm-8 > p {
font-size: 16px !important;
text-align:justify;
}
.blog-content{
padding-bottom: 20px;
padding-left: 60px;
padding-top: 20px;
}
.blog-post p{
color: #363636 !important;
font-family: "source sans pro" !important;
font-size: 12pt !important;
line-height: 1.8 !important;
padding-bottom: 15px;
}
h2.blog-post-title a {
font-family: 'hind'!important;
font-weight: 301!important;
font-size: 18px!important;
line-height: 30px;
padding-top: 13px;
}
.avatar.avatar-100.photo{
margin:0 auto !important;
}
.row.blog-1 {
border-bottom: 1px solid #ccc;
margin-bottom: 43px;
padding-bottom: 25px;
}
.row.auther-wrap {
padding-bottom: 10px;
}
.who_we{max-width:600px;padding-top:60px !important; padding-bottom:60px !important; margin:0 auto; background-color: #29b3e8;
text-align: center;}
.who_we p,h2{font-family:'hind';}
.who_we span {
color: rgb(255, 255, 255);
font-weight: 700;
}
.who-wemain{padding:40px 0; }
.hel_reg{font-family:'helveticaregular';}
.hel_reg span {
display: block;
margin: 0 ;
padding: 0;
}
.hel_link {
margin:10px 0 30px 0;
}
.hel_link div{margin-bottom:10px;}
.container32{margin:0px auto;padding-bottom:20px;}
.container32 p {
font-family: "helveticaregular";
text-align: justify;
}
.services21 {background:#29b3e8;padding:40px 0;}
.services12 {background:#fff;padding:40px 0;}
.services13{padding-top:40px;
padding-bottom:-1px;}
.inboundcards{
padding-top:100px!important;
}
.inboundcards2{
padding-top:5px!important;
}
.content{
color: rgb(255, 255, 255);
text-align: left;
font-size: 16px;
}
.services21 h2 {
font-size: 30px;text-align:left;margin-bottom:30px;
}
.services12 .content, .services12 h2 {
color: #000000;
}
.services-blue{
background: #29b3e8 none repeat scroll 0 0;
padding: 80px 0;
}
.services-white{
background: white none repeat scroll 0 0;
padding: 80px 0;
}
.inbound{
width:600px;
margin:20px auto;
}
.inbound .content{font-size:14px;}
.inbound h2{font-size:20px;}
.slider_text{vertical-align:middle;}
.sky{background:#29b3e8;}
.who_we > h2 {
font-family: "hind";
font-size: 28px;
letter-spacing: 1px;
font-weight: 800;
margin-bottom:30px;
}
.who_we > p{
font-size:12px;
}
.space5, .space5-2{margin:0 0 30px 0;}
.text-capital{text-transform: uppercase}
.space5.title {
font-size: 22px;
font-weight: 800;
letter-spacing:1.4;
color:#363636;
}
.space5-2{
font-size: 28px;
font-weight: 800;
letter-spacing:1.4;
color:#363636;
}
.space6{
margin-top:30px;
margin-bottom: 30px;
}
.space6.title{
font-size: 27px;
font-weight: 800;
letter-spacing:1.4;
color:white;
}
p.space5{
font-family: "hind" !important;
font-size: 15px !important;
margin-top: -3px;
letter-spacing: 0.7px;
}
p.space5_2{
font-family: "hind" !important;
font-size: 15px !important;
margin-bottom: 25px !important;
margin-top: -24px;
}
.title2{
font-size:27px !important;
}
.text3{
font-size:12pt;
color:#fff;
line-height: 1.8;
font-family:'source sans pro';
}
.cardtext{
font-size:12pt;
line-height: 1.8;
font-family:'source sans pro';
color:#363636;
text-align: center;
padding-bottom: 30px;
padding-left: 5px;
padding-right: 5px;
}
.cardtext2{
font-size:11pt;
line-height: 1.8;
font-family:'source sans pro';
color:#363636;
text-align: left;
padding-bottom: 30px;
}
.inboundcardborder{
padding-top: 20px;
border: 4px solid transparent;
display: block;
transition: border 0.5s ease;
}
.inboundcardborder:hover{
border: 4px solid #2ab5e8;
}
.card3{
margin-right:-10px!important;
margin-left:10px!important;
}
.cardhidden{
display:none;
}
.contentimg{
margin-top:30px;
}
.col-left{display:table;margin:0px auto;}
.blue_no{
font-family:'source sans pro';
font-weight:300;
font-size:70px;
margin-top:-13px;
text-align:left!important;
width:300px;
}
.wpb_wrapper h5{
font-family:'hind';
font-weight:800;
font-size: 20px;
}
.wpb_wrapper .textblack{
color:#363636;
font-size:12pt;
line-height: 1.8;
padding-bottom:15px;
font-family:'source sans pro';
}
.textwhite{
color:white;
font-size:12pt;
line-height: 1.8;
padding-bottom:15px;
font-family:'source sans pro';
}
.get_in_touch h2{
font-family:'hind';
font-weight:800;
}
.main_header_content{
margin:0 auto;
text-align:center;
margin-top:80px;
}
.main_header_content2{
margin-top:170px !important;
}
.sldr_title{
font-size: 22px !important;
text-align: center;
font-family:'hind'!important;
font-weight:800;
color:#363636!important;
}
h2.slider_text{
font-size: 51px !important;
margin: 0 auto 30px;
max-width: 600px;
min-width:300px;
text-align: center;
vertical-align: middle;
}
p.slider_text2{
font-weight:100;
font-family:"source sans pro";
font-size:10px;
text-align: center;
width: 600px;
color:white!important;
margin:0 auto;
font-size:12pt !important;
line-height: 1.8 !important;
font-family:'hind' !important;
}
.line_under{
border-top: 1px solid white;
height: 1px;
margin: 0 auto;
padding-bottom: 0;
padding-top: 25px;
width: 100px;
}
.line_under2{
border-top: 3px solid #29b3e8;
height: 1px;
padding-bottom: 0;
padding-top: 25px;
width: 100px;
}
.line_under3{
border-top: 3px solid white;
height: 1px;
padding-bottom: 0;
padding-top: 25px;
width: 100px;
}
.line_under4{
border-top: 3px solid white;
height: 1px;
padding-bottom: 0;
padding-top: 25px;
width: 100px;
margin:0 auto;
}
.hdr h2{
font-family:'hind';
font-weight:800;
}
p.hdr2{
color: white;
font-family: "hind" !important;
font-size: 20px !important;
text-align: center;
text-transform: uppercase;
letter-spacing:1.3;
}
.cbp-l-caption-desc{
font-family:'hind' !important;
font-weight:800 !important;
font-size:20px !important;
margin-top: 20px;
}
.cbp-l-caption-title{
font-family: "hind" !important;
font-weight: 400 !important;
font-size: 13px !important;
text-transform: uppercase;
letter-spacing: 1px;
margin-top: 60px;
}
.servicecards {
text-align:center;
padding:30px 10px 30px 10px;
background-color:white;
height:100%;
width:100%;
}
.imgcenter img{
margin:0 auto;
}
#service{
}
.cbp-filter-item{
font-family:'hind' !important;
text-transform:uppercase;
font-size:13px !important;
font-weight:800 !important;
color:#363636 !important;
}
.cbp-l-filters-button .cbp-filter-item {
cursor: pointer;
font-family: "hind";
margin: 10px 10px 0px 0px;
overflow: visible;
padding: 10px 19px;
position: relative;
display: inline-block;
border:none!important;
}
.cbp-filter-item-active {
background-color: #29b3e8 !important;
}
.our_work{
margin-bottom:70px!important;
}
.our_work h3{
color:#363636 !important;
}
.textwidget{
font-family:'hind' !important;
font-size: 15px;
line-height: 2;
}
.txt_ftr img{
margin-left: -40px;
padding-right: 20px;
}
.footer_text_1{
font-family:'hind' !important;
font-size: 15px !important;
line-height: 3.5;
margin-top: -8px;
padding-bottom: 5px;
color:white !important;
}
.footer_text_1 img{
padding-right:20px;
}
.footer_head{
font-size:20px;
color:white;
font-family:'hind';
font-weight:800;
border-bottom:2px solid white;
padding-bottom:10px;
margin-bottom:20px;
}
a.footer_read{
float: left;
color: white;
}
p.footer_blog{
font-family:'hind' !important;
font-size: 15px !important;
padding-bottom: 5px;
color:white !important;
}
.home_blog_img{
position:fixed !important;
}
table.table2{
border:none!important;
}
table.table2 td{
border:none!important;
color:#29b3e8;
font-family: "hind";
font-size: 17px;
font-weight: 800;
}
ul.contentmeasurement_list{
list-style-type:disc;
margin-bottom: 30px !important;
}
ul.contentmeasurement_list li{
list-style-type: disc !important;
line-height: 1 !important;
display: list-item !important;
padding-left: 10px;
color: #363636 !important;
}
.quantative-table, .qualitative-table, .quantative-table-white{
padding:0;
margin-bottom:30px!important;
}
ul.quantative-table li, ul.qualitative-table li{
list-style-type: disc !important;
color: #363636 !important;
font-size: 12pt !important;
line-height: 1.3 !important;
padding-bottom: 12px;
font-family: "source sans pro";
display: list-item !important;
width: 100%;
padding-left: 8px;
margin-left: 43px !important;
padding-top: 0 !important;
}
ul.quantative-table-white li{
list-style-type: disc !important;
color: white !important;
font-size: 12pt !important;
line-height: 0.2 !important;
padding-bottom: 12px;
font-family: "source sans pro";
display: list-item !important;
width: 100%;
padding-left: 8px;
margin-left: 43px !important;
}
ul.quantative-table, ul.quantative-table-white{
list-style-type:disc!important;
}
ul.offsitelist{
display: block !important;
font-family: "source sans pro" !important;
font-size: 30px !important;
padding: 0;
text-transform: uppercase;
}
.contct-back{
background-color:#29b3e8!important;
padding-bottom: 80px;
}
.contact-frm{
margin-top:50px;
margin-left: 60px;
text-align: left;
}
h2.contact{
color:black;
text-align: left;
margin-bottom:20px;
}
h2.text-left{
color:white;
text-transform:uppercase;
margin-bottom: 20px;
}
h3.contact{
color:black!important;
font-family:'hind'!important;
font-weight:800;
font-size:20px!important;
margin-bottom: 11px;
}
p.contact{
font-family:'source sans pro' !important;
font-size:15px !important;
color:gray;
margin-bottom:18px;
}
.col-sm-12.map-1 {
height: 500px;
margin: 0;
padding: 0!important;
}
.wpcf7-form{
margin-left:70px;
}
.wpb_wrapper input{
font-size: 18px;
height: 44px;
padding-left:15px;
background-color: #75d4f6!important;
border:2px solid #29b3e8!important;
color: #f4f6f7;
font-family: "hind";
font-size: 16px;
width: 70%;
}
.wpb_wrapper input:focus{
border:2px solid white!important;
}
input[type="submit"] {
letter-spacing:0!important;
font-family: "hind" !important;
text-transform: uppercase;
font-weight: 200;
background-color: #29b3e8!important;
border: 2px solid white !important;
}
input[type="submit"]:hover {
color:#29b3e8;
background-color:white!important;
border:2px solid #29b3e8;
}
#contact, input, textarea, select {
color: #f4f6f7;
width: 70%;
background: #75d4f6 none repeat scroll 0% 0% !important;
border: 2px solid #29b3e8!important;
margin: 6px 0px;
}
h2.small-table{
border-bottom: 3px solid #363636;
color:#363636;
font-family: "hind" !important;
font-size: 16px !important;
font-weight: 600;
margin-bottom: 20px;
padding-bottom: 10px;
text-align: left;
text-transform: uppercase;
width: 100%;
}
.circle1{
background-color:#29b3e8;
width:50px;
height:50px;
border-radius:100px;
text-align:center;
margin: 0 auto;
}
.circle2{
color: white !important;
font-size: 30px;
padding-top: 10px;
}
.circle3{
color: #29b3e8;
font-family: "source sans pro" !important;
font-size: 15px !important;
text-align: center!important;
width: 100%;
}
.step4-numbers {
font-size: 15px !important;
color: #2ab5e8!important;
}
.step4-titles{
font-size: 15px !important;
color: #2ab5e8;
}
.textblacknumberspacing {
padding-bottom: 30px !important;
}
.blue-icon-slide{
background-color:#29b3e8;
width:100px;
height:100px;
border-radius:100px;
}
.blue-icon-slide :hover{
background-color:#104067;
border-radius:100px;
width:100%;
height:100%;
}
.blue-icon-slide-info1{
}
.button-white{
width:150px!important;
margin-top:20px;
border-color:#104067;
}
.button-white2{
width:150px!important;
margin-top:20px;
border-color:#104067;
margin:0 auto !important;
}
.button-white:hover, .button-white2:hover{
color: white !important;
background: #29b3e8 none repeat scroll 0% 0%;
border-color: #29b3e8;
}
a.button-white, a.button-white2{
font-family:'hind'!important;
font-size:13px!important;
color:#104067!important;
letter-spacing: 1.3px;
}
a.button-blue, .conactus{
color:white;
font-family:'hind'!important;
font-size:13px;
letter-spacing: 1.3px;
}
.button-blue{
background:none;
border-color:white;
width:150px!important;
margin-top:20px;
border-width:2px !important;
}
.button-blue:hover, .conactus:hover{
background:#104067!important;
border-color:#104067!important;
color:white!important;
}
.learnmore{
background: transparent none repeat scroll 0% 0%;
border-color: #FFF;
width: 150px !important;
min-width: 150px !important;
margin-top: 43px;
border-width: 2px !important;
font-family: "hind" !important;
font-size: 13px !important;
text-transform: uppercase;
font-weight: 800;
letter-spacing: 1.3px;
transition: all 0.5s ease;
}
.learnmore:hover {
background-color: #29b3e8!important;
border-color: #29b3e8!important;
color: #104067!important;
}
.service-img{
padding-top: 40px;
padding-bottom: 40px;
}
.menu li{
display: inline !important;
font-family: "hind";
font-size: 14px;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 6;
margin: 11px 7px;
padding: 11px 1px;
text-transform: uppercase;
}
.textwhitepadding{
padding-left:20px;
padding-right:20px;
text-align:center;
}
.compete-1 {
margin-bottom: 20px !important;
margin-top: 30px;
}
.servicesh h2{
color:#252525!important;
}
.servicesp{
font-family:'hind';
text-align:center;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
border-bottom: 4px solid #29b3e8!important;
color:#29b3e8;
font-family: "hind" !important;
font-weight: 800 !important;
}
div#synved-tabs-1 {
margin-top:50px!important;
}
.smallicon_services{
}
.nopadding{
padding:0!important;
}
.center{
margin:0 auto;
}
.extrapadding{
padding-top:60px;
padding-bottom:70px;
}
.extrapadding2{
padding-top: 100px;
padding-bottom: 110px;
}
.text-center{
text-align:center!important;
}
.wpb_single_image img {
width: 100%;
}
hr {
border-width: 2px 0px 0px!important;
width:100px!important;
}
.imgwrap {
position: relative;
height: 100%;
width: 100%;
}
.imgdescription {
position: absolute;
top: 0px!important;
bottom: 0px;
left: 0px;
right: 0px;
background: rgba(0, 0, 0, 0.72) none repeat scroll 0% 0%;
color: #FFF;
visibility: hidden;
opacity: 0;
transition: all 0.5s ease 0s;
}
a.imgdescription{
color: #FFF !important;
text-align: center;
font-family: "hind";
font-weight: 800;
font-size: 25px;
padding-top: 25% !important;
width:100%;
}
.imgwrap:hover .imgdescription {
visibility: visible;
opacity: 1;
}
.displayadlabels{
font-family:'hind';
font-weight: 800;
font-size: 16px;
text-align:center;
color:#363636;
}
.displayadlabels2{
font-family:'hind';
font-size: 14px;
text-align:center;
color:#505050;
padding-top:10px;
}
.home_blog_image{
background-position: 100% 100%;
display: table;
height: 494px !important;
width: 100%;
background-size: cover;
}
.home_blog_image1 {
background-image: url("http://dev.iteratemarketing.com/wp-content/uploads/2015/06/about_header.jpg") !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment