Skip to content

Instantly share code, notes, and snippets.

View ckschmieder's full-sized avatar

Chris Schmieder ckschmieder

View GitHub Profile
@ckschmieder
ckschmieder / falcon-fixed-header.css
Created November 19, 2017 21:32
CSS if we want to have header stick on scroll.
form.search-form {
display: none;
}
.site-branding {
position: absolute!important;
height: auto!important;
width: 120px!important;
top: 5px!important;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Email</title>
</head>
<body style="padding:0px;margin:0px;">
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
@ckschmieder
ckschmieder / falcon-footer-bullets-style.css
Created November 15, 2017 05:16
change Falcon Footer bullets to |
@ckschmieder
ckschmieder / hover.css
Created October 25, 2017 15:38
potential hover effect for cards on falcon homepage
#menu-homepage > li {
transition: all 0.35s;
}
#menu-homepage > li::after {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
function changeBarColors(o){for(var l=0;l<5;l++)polaroidBars[l].style.fill=o}var colors=["#17a8e0","#29a957","#fcc50d","#ee8123","#e63529"],polaroidBars=document.getElementsByClassName("polaroid-bar");document.getElementById("c-quote").style.color=colors[0],changeBarColors(colors[0]);var colorCount=1,colorInterval=setInterval(function(){document.getElementById("c-quote").style.color=colors[colorCount],changeBarColors(colors[colorCount]),++colorCount==colors.length&&(colorCount=0)},1e3);
function setCookie(e){var t=new Date;t.setTime(t.getTime()+24*e*60*60*1e3);var o="expires="+t.toGMTString();document.cookie="hasvisitedrecently=true;"+o+";path=/"}function getCookie(e){for(var t=e+"=",o=decodeURIComponent(document.cookie).split(";"),n=0;n<o.length;n++){for(var i=o[n];" "==i.charAt(0);)i=i.substring(1);if(0==i.indexOf(t))return i.substring(t.length,i.length)}return""}function checkCookie(){""!=getCookie("hasvisitedrecently")?document.getElementById("c-countdown-overlay").style.display="none":(setCookie(1/48),do
#header .headrt {
flex-flow: row wrap;
justify-content: space-between;
}
.greenbg.weather {
flex: 0 0 100%;
margin: 0 0 .3em 0!important;
}
@ckschmieder
ckschmieder / sticky-footer.css
Created August 2, 2017 15:47
Make R&J's footer stick to the bottom of the page
@ckschmieder
ckschmieder / carestation-header-layout-mobile-fix.css
Created July 12, 2017 15:22
Stash of temp fix for header layout on mobile.
@media screen and (max-width: 480px) {
.headrt > * {margin: 0 0 5px 0!important;/* padding: .6em!important; *//* align-self: stretch; */width: 100%!important;box-sizing: border-box;}
.mobile.pad-b2.t-right {
width: 85%!important;
padding: 0;
order: -2;
}
.btn.greenbg.f-right {
@ckschmieder
ckschmieder / valerian.css
Created July 6, 2017 04:28
filters for bg images
.city {
opacity: .55;
-webkit-filter: contrast(4);
filter: brightness(2);
filter: contrast(1.2);
-webkit-filter: brightness(3);
filter: brightness(2.5);
}