Skip to content

Instantly share code, notes, and snippets.

@ckschmieder
Created April 5, 2017 01:51
Show Gist options
  • Save ckschmieder/a4d727fb6ab96dc9ff1a275bc8c5a711 to your computer and use it in GitHub Desktop.
Save ckschmieder/a4d727fb6ab96dc9ff1a275bc8c5a711 to your computer and use it in GitHub Desktop.
Circle Squared scrap css
.et-social-icons li {
margin: 0 10px;
}
.et_pb_team_member_image {
filter: grayscale(0.8) hue-rotate(30deg)!important;
}
.et_pb_team_member_image {
width: auto!important;
transition: all .3s;
}
.et_pb_team_member img {
filter: grayscale(0.8) hue-rotate(30deg);
transition: all .3s;
}
.et_pb_team_member:hover img {
filter: grayscale(0) hue-rotate(0);
}
@media all and (min-width: 768px) and (max-width: 980px) {
/* Person Module */
.et_pb_column .et_pb_team_member_image {
width: auto!important;
}
}
@media all and (max-width: 579px) {
/* Person Module */
.et_pb_team_member_image {
display: block;
float: none;
width: auto;
margin: 0 0 12px;
text-align: center;
}
.et_pb_team_member_description {
display: block;
}
}
@media all and (min-width: 580px) {
.et_pb_team_member_image {
display: table-cell;
float: left;
margin-right: 30px;
line-height: 0 !important;
}
}
#footer-info span {
display: block;
}
#footer-bottom .et-social-icon a {
border: 3px solid #E79048;
border-radius: 50%;
padding: .4em;
}
.et_pb_team_member_description h4, .et_pb_team_member_description .et_pb_member_position {
color: #017495;
font-style: italic;
font-size: 1.15rem;
line-height: 1.4;
}
.et_pb_team_member_description h4 {
font-weight: bold;
}
@media all and (min-width: 981px) {
.et_pb_portfolio_grid {
display: flex!important;
}
}
.et_pb_row {
padding: 10px 0;
}
.et_pb_post_title {
margin-bottom: 0!important;
}
h1.entry-title {
margin-bottom: 0;
}
.et_pb_text {
margin-bottom: 2%!important;
}
/*Center filter bar*/
.et_pb_portfolio_filters {
display: flex;
justify-content: center;
}
.contact-bottom {
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%), url(http://cs.randjsc.com/wp-content/uploads/2017/03/istock-1928x350-opt.jpg);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%), url(http://cs.randjsc.com/wp-content/uploads/2017/03/istock-1928x350-opt.jpg);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%), url(http://cs.randjsc.com/wp-content/uploads/2017/03/istock-1928x350-opt.jpg);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ), url(http://cs.randjsc.com/wp-content/uploads/2017/03/istock-1928x350-opt.jpg);
background-blend-mode: screen;
background-size: cover;
}
.contact-bottom {
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.5) 20%, rgba(255,255,255,0.1) 60%, rgba(255,255,255,0) 100%), url(http://cs.randjsc.com/wp-content/uploads/2017/03/istock-1928x350-opt.jpg);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 20%,rgba(255,255,255,0.1) 60%,rgba(255,255,255,0) 100%), url(http://cs.randjsc.com/wp-content/uploads/2017/03/istock-1928x350-opt.jpg);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 20%,rgba(255,255,255,0.1) 60%,rgba(255,255,255,0) 100%), url(http://cs.randjsc.com/wp-content/uploads/2017/03/istock-1928x350-opt.jpg);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
background-blend-mode: screen;
background-size: cover;
background-position: center bottom;
}
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.5) 20%, rgba(255,255,255,0.1) 60%, rgba(255,255,255,0) 100%), url(http://cs.randjsc.com/wp-content/uploads/2017/03/istock-1928x350-opt.jpg);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 20%,rgba(255,255,255,0.1) 60%,rgba(255,255,255,0) 100%), url(http://cs.randjsc.com/wp-content/uploads/2017/03/istock-1928x350-opt.jpg);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 20%,rgba(255,255,255,0.1) 60%,rgba(255,255,255,0) 100%), url(http://cs.randjsc.com/wp-content/uploads/2017/03/istock-1928x350-opt.jpg);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
.contact-bottom {
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%), url(http://cs.randjsc.com/wp-content/uploads/2017/03/istock-1928x350-opt.jpg);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%), url(http://cs.randjsc.com/wp-content/uploads/2017/03/istock-1928x350-opt.jpg);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%), url(http://cs.randjsc.com/wp-content/uploads/2017/03/istock-1928x350-opt.jpg);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
background-blend-mode: screen;
background-size: cover;
background-position: center bottom;
}
.about-top {
background: -moz-linear-gradient(top, rgba(255,255,255,.4) 0%, rgba(255,255,255,1) 80%), url(http://cs.randjsc.com/wp-content/uploads/2017/03/istock-2200px-opt.jpg);
background: -webkit-linear-gradient(top, rgba(255,255,255,.4) 0%,rgba(255,255,255,1) 80%), url(http://cs.randjsc.com/wp-content/uploads/2017/03/istock-2200px-opt.jpg);
background: linear-gradient(to bottom, rgba(255,255,255,.4) 0%,rgba(255,255,255,1) 80%), url(http://cs.randjsc.com/wp-content/uploads/2017/03/istock-2200px-opt.jpg);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
background-blend-mode: screen!important;
background-size: cover!important;
background-position: center top!important;
background-repeat: no-repeat!important;
padding-bottom: 0;
}
.project * {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment