Skip to content

Instantly share code, notes, and snippets.

View thomasbritton's full-sized avatar

Thomas Britton thomasbritton

View GitHub Profile
@thomasbritton
thomasbritton / itermprofile.json
Created December 14, 2019 12:19
My iTerm profile
{
"Link Color" : {
"Red Component" : 0,
"Color Space" : "sRGB",
"Blue Component" : 0.73423302173614502,
"Alpha Component" : 1,
"Green Component" : 0.35916060209274292
},
"Tags" : [
@thomasbritton
thomasbritton / index.html
Created October 23, 2015 09:48
uStyle Tabs style final
<div class="container">
<div class='us-tabs'>
<nav class='us-tabs-nav'>
<div class='us-tabs-nav-wrapper'>
<div class='us-tabs-nav-menu'>
<a class="us-tabs-nav-mainlink us-tabs-nav-link" href="#tab1">Broadband news</a>
<a class="us-tabs-nav-mainlink us-tabs-nav-link" href="#tab2">Broadband guides</a>
<a class="us-tabs-nav-mainlink us-tabs-nav-link" href="#tab3">Compare broadband</a>
<a class="us-tabs-nav-mainlink us-tabs-nav-link" href="#tab4">Broadband tools</a>
<a class="us-tabs-nav-mainlink us-tabs-nav-link" href="#tab5">Broadband Awards</a>
@thomasbritton
thomasbritton / gist:59e093b1ba154f62c837
Last active August 29, 2015 14:17
HTML whitespace
<element>
<element>
<element>
<sub-element>
<text></text>
</sub-element>
</element>
<element>
<sub-element>
@thomasbritton
thomasbritton / background-size: cover
Created July 30, 2013 14:20
background-size: cover with vendor prefixes
.selector {
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}
behavior: url(/path/to/PIE.htc);
-pie-background: linear-gradient(#FFFFFF, #eaeaea);
.btn:hover {
-moz-box-shadow: 1px 10px 1px #fff inset, 1px 1px 1px #bbb, 0 0 0 4px #FFFF88;
-webkit-box-shadow: 1px 10px 1px #fff inset, 1px 1px 1px #bbb, 0 0 0 4px #FFFF88;
box-shadow: 1px 10px 1px #fff inset, 1px 1px 1px #bbb, 0 0 0 4px #FFFF88;
}
.btn:active {
-moz-box-shadow: 1px 2px 2px #999 inset, -2px -2px 0 1px #FFFF00, 2px -2px 0 1px #FFFF00, -2px 2px 0 1px #FFFF00, 2px 2px 0 1px #FFFF00;
-webkit-box-shadow: 1px 2px 2px #999 inset, -2px -2px 0 1px #FFFF00, 2px -2px 0 1px #FFFF00, -2px 2px 0 1px #FFFF00, 2px 2px 0 1px #FFFF00;
box-shadow: 1px 2px 2px #999 inset, -2px -2px 0 1px #FFFF00, 2px -2px 0 1px #FFFF00, -2px 2px 0 1px #FFFF00, 2px 2px 0 1px #FFFF00;
-webkit-box-shadow: inset 1px 10px 0 #ffffff, 1px 1px 2px #333;
-moz-box-shadow: inset 1px 10px 0 #ffffff, 1px 1px 2px #333;
-webkit-boz-shadow: inset 1px 10px 0 #ffffff, 1px 1px 2px #333;
background: -moz-linear-gradient(top, #ddd, #aaa);
background: -webkit-gradient(linear, center top, center bottom, from(#ddd), to(#aaa));
background: linear-gradient(top, #ddd, #aaa);
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
.btn {
background: #eaeaea;
color: #000;
cursor: pointer;
display: inline-block;
font-size: 13px;
font-weight: bold;
margin-left: 30%;
padding: 5px 15px;
position: relative;