Skip to content

Instantly share code, notes, and snippets.

View jonsan32's full-sized avatar

Jon Sanders jonsan32

View GitHub Profile
@jonsan32
jonsan32 / Lorem.css
Last active December 17, 2016 17:12
.lorem span {
display: none;
}
.lorem:after {
content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. ';
}
@jonsan32
jonsan32 / gist:5982135
Created July 12, 2013 05:42
Fading Scroller
<table height="25" width=100%><tr>
<td><div align="center">
<script type="text/javascript">
/***********************************************
* Fading Scroller- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
@jonsan32
jonsan32 / gist:5982108
Last active December 19, 2015 16:09
jQuery TextFX
<style type="text/css">
#effectTwo {
display: none;
}
@jonsan32
jonsan32 / singlebracket
Created March 14, 2013 21:29
One bracket
<style type="text/css">
@jonsan32
jonsan32 / brackets
Created March 14, 2013 20:45
Tournament Brackets
<style type="text/css">
body,iframe,blockquote,pre,form,ul,ol,p,input{margin:0}.cf:after{content:".";display:block;clear:both;visibility:hidden;height:0;line-height:0;font-size:0}.ad-container table{width:auto;border-collapse:separate;table-layout:auto;margin:0 auto}.ad-container td{white-space:normal;overflow:visible;padding:1px;box-sizing:content-box}.pushdown,.banner{position:relative}table{width:100%;border-collapse:collapse;border-spacing:0;background:#fff;table-layout:fixed;border:solid 1px #e8e8e8}td,th,caption{vertical-align:middle;padding:6px 4px;-moz-box-sizing:border-box;box-sizing:border-box}td,th{white-space:nowrap;font-weight:normal;overflow:hidden;text-align:left;text-overflow:ellipsis}thead>tr{background:#787878}thead th,thead td{color:#fff;border-color:#e8e8e8}thead a,thead a:link{color:#fff}thead a:hover,thead a:visited{color:#ccc}table .sorted>a,table .sorted>span{padding:0 12px 0 0}table .asc>a,table .asc>span{background:url(http://www-content-v3.maxpreps.co
@jonsan32
jonsan32 / countdown
Last active December 14, 2015 21:49
Countdown timer
<style type="text/css">
.blood{
color:red;
</style>
<script type="text/javascript" defer=defer>
// Andrew Urquhart : CountDown Timer : http://andrewu.co.uk/clj/countdown/
function CD_T(id,e){var n=new Date();CD_D(+n,id,e);setTimeout("if(typeof CD_T=='function'){CD_T('"+id+"',"+e+")}",1100-n.getMilliseconds())};function CD_D(n,id,e){var ms=e-n;if(ms<=0) ms*=-1;var d=Math.floor(ms/864E5);ms-=d*864E5;var h=Math.floor(ms/36E5);ms-=h*36E5;var m=Math.floor(ms/6E4);ms-=m*6E4;var s=Math.floor(ms/1E3);if(CD_OBJS[id]){CD_OBJS[id].innerHTML=d+" day"+(d==1?" ":"s ")+CD_ZP(h)+"h "+CD_ZP(m)+"m "+CD_ZP(s)+"s"}};function CD_ZP(i){return(i<10?"0"+i:i)};function CD_Init(){var pref="countdown";var objH=1;if(document.getElementById||document.all){for(var i=1;objH;++i){var id=pref+i;objH=document.getElementById?document.getElementById(id):document.all[id];if(objH&&(typeof objH.innerHTML)!='undefined'){var s=objH.innerHTML;var dt=CD_Parse(s);if(!isNaN(dt)){CD_OBJS[id]=objH;CD_T(id,dt.valueOf());if(objH.style){objH.style.
@jonsan32
jonsan32 / Checkbox Image
Created March 11, 2013 20:30
This replaces the checkbox with an image.
<html>
<head>
<title>Checkbox</title>
<style>
input[type=checkbox] {
display:none;
}
input[type=checkbox] + label
{