Skip to content

Instantly share code, notes, and snippets.

Thomas Britton thomasbritton

Block or report user

Report or block thomasbritton

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View itermprofile.json
{
"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 Oct 23, 2015
uStyle Tabs style final
View index.html
<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>
View gist:59e093b1ba154f62c837
<element>
<element>
<element>
<sub-element>
<text></text>
</sub-element>
</element>
<element>
<sub-element>
@thomasbritton
thomasbritton / background-size: cover
Created Jul 30, 2013
background-size: cover with vendor prefixes
View background-size: cover
.selector {
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}
View gist:5657151
behavior: url(/path/to/PIE.htc);
-pie-background: linear-gradient(#FFFFFF, #eaeaea);
View gist:5657145
.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;
View gist:5657133
-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;
View gist:5657128
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);
View gist:5657123
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
View gist:5657078
.btn {
background: #eaeaea;
color: #000;
cursor: pointer;
display: inline-block;
font-size: 13px;
font-weight: bold;
margin-left: 30%;
padding: 5px 15px;
position: relative;
You can’t perform that action at this time.