Skip to content

Instantly share code, notes, and snippets.

@coneybeare

coneybeare/gist:2652790

Created May 10, 2012 12:37
Show Gist options
  • Save coneybeare/2652790 to your computer and use it in GitHub Desktop.
Save coneybeare/2652790 to your computer and use it in GitHub Desktop.
Download ZIP
With premailer applied
Raw
gistfile1.html
<!DOCTYPE html>
<html lang="en" style="font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; color: #cccccc;">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="chrome=1,IE=9" />
<meta charset="utf-8">
</head>
<body class="email" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px; line-height: 20px; color: #cccccc; position: relative; width: 480px !important; background-image: none; background-repeat: repeat; background-color: white; background-position: 40px; margin: 0; padding: 10px;" bgcolor="white">
---------- Write your reply above this line ----------
<p class="spaced" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px; line-height: 20px; color: #cccccc; margin: 0 0 10px; padding: 10px 0;">
<a href="http://giantuser.com/signatures/matt-coneybeare" style="color: #cccccc; text-decoration: none;">Matt Coneybeare's Signature</a> has a new comment:
</p>
<div id="signature" style="color: #cccccc;">
<div class="well" style="min-height: 20px; margin-bottom: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: none; color: #cccccc; background-color: #f5f5f5; padding: 19px; border: 1px solid rgba(0,0,0,0.05);">
<div class="comment" style="color: #cccccc;">
<div class="row-fluid" style="width: 100%; *zoom: 1; color: #cccccc;">
<div class="span1" style="width: 60px; color: #cccccc;">
<img alt="E026ee8c3c194bcf567dae6de25c3c90" class="thumbnail" src="http://gravatar.com/avatar/e026ee8c3c194bcf567dae6de25c3c90.png?s=48" style="height: auto; -ms-interpolation-mode: bicubic; vertical-align: middle; color: #cccccc; display: block; line-height: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); padding: 4px; border: 1px solid #ddd;" />
</div>
<div class="span11" style="width: 360px; color: #cccccc; margin-left: 20px;">
<span class="name" style="color: #000000; font-weight: bold; font-size: 16px;">Matt Coneybeare</span>
<span class="timestamp" style="color: #999999;">May 9th, 2012 21:23</span>
<p style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px; line-height: 20px; color: #cccccc; margin: 0 0 10px;" /><p style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px; line-height: 20px; color: #cccccc; margin: 0 0 10px;">This is another message using the pre mailer system.</p>
<p style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px; line-height: 20px; color: #cccccc; margin: 0 0 10px;">Bacon ipsum dolor sit amet shoulder magna in, prosciutto excepteur nostrud fugiat tenderloin officia turkey. Pastrami bacon excepteur voluptate, ground round aute shank spare ribs occaecat cupidatat. Pork belly in frankfurter, cupidatat adipisicing tempor kielbasa fatback officia elit ham hock nulla veniam. Meatball pastrami ham hock strip steak, jerky ut duis laboris t-bone chicken sed exercitation.</p></p>
</div>
</div>
<div class="row-fluid" style="width: 100%; *zoom: 1; color: #cccccc;">
<div class="span1" style="width: 60px; color: #cccccc;">&nbsp;</div>
<div class="span11" style="width: 360px; color: #cccccc; margin-left: 20px;">
<ul class="thumbnails" style="color: #cccccc; *zoom: 1; list-style-type: none; margin: 0 0 10px -20px; padding: 0;">
<li class="span2" style="width: 140px; line-height: 20px; color: #cccccc; float: left; margin: 0 0 20px 20px;">
<div class="thumbnail" style="color: #cccccc; display: block; line-height: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); padding: 4px; border: 1px solid #ddd;">
<a href="http://cloudfront.giantuser.com/data/images/ced084ac2179221a56f5915d4f0136b1/original.PNG?1336598622" class="thumb" style="color: #cccccc; text-decoration: none;"><img alt="Small" src="http://cloudfront.giantuser.com/data/images/ced084ac2179221a56f5915d4f0136b1/small.PNG?1336598622" style="height: auto; -ms-interpolation-mode: bicubic; vertical-align: middle; color: #cccccc; border: 0;" /></a>
<h6 style="font-family: inherit; font-weight: bold; color: #cccccc; text-rendering: optimizelegibility; line-height: 20px; font-size: 11px; text-transform: uppercase; margin: 4px 0 0;">aa</h6>
</div>
</li>
</ul>
<a href="http://cloudfront.giantuser.com/data/attachments/f152874d8462459a15b4d6ad156094b2/MacUpdate_POST_Instructions_for_Thumbs.txt?1336598622" class="btn btn-small" style="color: #cccccc; text-decoration: none; display: inline-block; *display: inline; *zoom: 1; margin-bottom: 0; font-size: 12px; line-height: 18px; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; filter: progid:dximagetransform.microsoft.gradient(enabled=false); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05); cursor: pointer; *margin-left: .3em; background-repeat: repeat-x; background-color: #f5f5f5; background-position: top; padding: 5px 9px; border: 1px solid #cccccc#cccccc#b3b3b3;">Download txt</a>
</div>
</div>
</div>
</div>
</div>
<style type="text/css">
#fancybox-left:hover { visibility: visible !important; }
#fancybox-right:hover { visibility: visible !important; }
#fancybox-left:hover span { left: 20px !important; }
#fancybox-right:hover span { left: auto !important; right: 20px !important; }
a:focus { outline: 5px auto -webkit-focus-ring-color !important; outline-offset: -2px !important; }
a:hover { outline: 0 !important; }
a:active { outline: 0 !important; }
img { height: auto !important; border: 0 !important; -ms-interpolation-mode: bicubic !important; vertical-align: middle !important; }
.clearfix:before { display: table !important; content: "" !important; }
.clearfix:after { display: table !important; content: "" !important; }
.clearfix:after { clear: both !important; }
body { margin: 0 !important; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important; font-size: 14px !important; line-height: 20px !important; color: #333333 !important; background-color: #ffffff !important; }
a:hover { color: #036690 !important; text-decoration: underline !important; }
.row:before { display: table !important; content: "" !important; }
.row:after { display: table !important; content: "" !important; }
.row:after { clear: both !important; }
.row-fluid:before { display: table !important; content: "" !important; }
.row-fluid:after { display: table !important; content: "" !important; }
.row-fluid:after { clear: both !important; }
.container:before { display: table !important; content: "" !important; }
.container:after { display: table !important; content: "" !important; }
.container:after { clear: both !important; }
.container-fluid:before { display: table !important; content: "" !important; }
.container-fluid:after { display: table !important; content: "" !important; }
.container-fluid:after { clear: both !important; }
blockquote small:before { content: '\2014 \00A0' !important; }
q:before { content: "" !important; }
q:after { content: "" !important; }
blockquote:before { content: "" !important; }
blockquote:after { content: "" !important; }
input:focus { border-color: rgba(82, 168, 236, 0.8) !important; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6) !important; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6) !important; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6) !important; outline: thin dotted \9 !important; }
textarea:focus { border-color: rgba(82, 168, 236, 0.8) !important; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6) !important; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6) !important; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6) !important; outline: thin dotted \9 !important; }
input[type="file"]:focus { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; outline: 5px auto -webkit-focus-ring-color !important; outline-offset: -2px !important; }
input[type="radio"]:focus { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; outline: 5px auto -webkit-focus-ring-color !important; outline-offset: -2px !important; }
input[type="checkbox"]:focus { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; outline: 5px auto -webkit-focus-ring-color !important; outline-offset: -2px !important; }
select:focus { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; outline: 5px auto -webkit-focus-ring-color !important; outline-offset: -2px !important; }
.control-group.warning input:focus { border-color: #a47e3c !important; -webkit-box-shadow: 0 0 6px #dbc59e !important; -moz-box-shadow: 0 0 6px #dbc59e !important; box-shadow: 0 0 6px #dbc59e !important; }
.control-group.warning select:focus { border-color: #a47e3c !important; -webkit-box-shadow: 0 0 6px #dbc59e !important; -moz-box-shadow: 0 0 6px #dbc59e !important; box-shadow: 0 0 6px #dbc59e !important; }
.control-group.warning textarea:focus { border-color: #a47e3c !important; -webkit-box-shadow: 0 0 6px #dbc59e !important; -moz-box-shadow: 0 0 6px #dbc59e !important; box-shadow: 0 0 6px #dbc59e !important; }
.control-group.error input:focus { border-color: #953b39 !important; -webkit-box-shadow: 0 0 6px #d59392 !important; -moz-box-shadow: 0 0 6px #d59392 !important; box-shadow: 0 0 6px #d59392 !important; }
.control-group.error select:focus { border-color: #953b39 !important; -webkit-box-shadow: 0 0 6px #d59392 !important; -moz-box-shadow: 0 0 6px #d59392 !important; box-shadow: 0 0 6px #d59392 !important; }
.control-group.error textarea:focus { border-color: #953b39 !important; -webkit-box-shadow: 0 0 6px #d59392 !important; -moz-box-shadow: 0 0 6px #d59392 !important; box-shadow: 0 0 6px #d59392 !important; }
.control-group.success input:focus { border-color: #356635 !important; -webkit-box-shadow: 0 0 6px #7aba7b !important; -moz-box-shadow: 0 0 6px #7aba7b !important; box-shadow: 0 0 6px #7aba7b !important; }
.control-group.success select:focus { border-color: #356635 !important; -webkit-box-shadow: 0 0 6px #7aba7b !important; -moz-box-shadow: 0 0 6px #7aba7b !important; box-shadow: 0 0 6px #7aba7b !important; }
.control-group.success textarea:focus { border-color: #356635 !important; -webkit-box-shadow: 0 0 6px #7aba7b !important; -moz-box-shadow: 0 0 6px #7aba7b !important; box-shadow: 0 0 6px #7aba7b !important; }
input:focus:required:invalid { color: #b94a48 !important; border-color: #ee5f5b !important; }
textarea:focus:required:invalid { color: #b94a48 !important; border-color: #ee5f5b !important; }
select:focus:required:invalid { color: #b94a48 !important; border-color: #ee5f5b !important; }
input:focus:required:invalid:focus { border-color: #e9322d !important; -webkit-box-shadow: 0 0 6px #f8b9b7 !important; -moz-box-shadow: 0 0 6px #f8b9b7 !important; box-shadow: 0 0 6px #f8b9b7 !important; }
textarea:focus:required:invalid:focus { border-color: #e9322d !important; -webkit-box-shadow: 0 0 6px #f8b9b7 !important; -moz-box-shadow: 0 0 6px #f8b9b7 !important; box-shadow: 0 0 6px #f8b9b7 !important; }
select:focus:required:invalid:focus { border-color: #e9322d !important; -webkit-box-shadow: 0 0 6px #f8b9b7 !important; -moz-box-shadow: 0 0 6px #f8b9b7 !important; box-shadow: 0 0 6px #f8b9b7 !important; }
.form-actions:before { display: table !important; content: "" !important; }
.form-actions:after { display: table !important; content: "" !important; }
.form-actions:after { clear: both !important; }
.input-prepend input:focus { position: relative !important; z-index: 2 !important; }
.input-append input:focus { position: relative !important; z-index: 2 !important; }
.input-prepend select:focus { position: relative !important; z-index: 2 !important; }
.input-append select:focus { position: relative !important; z-index: 2 !important; }
.input-prepend .uneditable-input:focus { position: relative !important; z-index: 2 !important; }
.input-append .uneditable-input:focus { position: relative !important; z-index: 2 !important; }
.form-horizontal .control-group:before { display: table !important; content: "" !important; }
.form-horizontal .control-group:after { display: table !important; content: "" !important; }
.form-horizontal .control-group:after { clear: both !important; }
.table tbody tr:hover td { background-color: #f5f5f5 !important; }
.table tbody tr:hover th { background-color: #f5f5f5 !important; }
.dropdown-toggle:active { outline: 0 !important; }
.dropdown:hover .caret { opacity: 1 !important; filter: alpha(opacity=100) !important; }
.dropdown-menu li>a:hover { color: #ffffff !important; text-decoration: none !important; background-color: #049cdb !important; }
.dropdown-menu .active>a:hover { color: #ffffff !important; text-decoration: none !important; background-color: #049cdb !important; }
.close:hover { color: #000000 !important; text-decoration: none !important; opacity: 0.4 !important; filter: alpha(opacity=40) !important; cursor: pointer !important; }
.btn:hover { background-color: #e6e6e6 !important; }
.btn:active { background-color: #e6e6e6 !important; }
.btn:active { background-color: #cccccc \9 !important; }
.btn:hover { color: #333333 !important; text-decoration: none !important; background-color: #e6e6e6 !important; background-position: 0 -15px !important; -webkit-transition: background-position 0.1s linear !important; -moz-transition: background-position 0.1s linear !important; -ms-transition: background-position 0.1s linear !important; -o-transition: background-position 0.1s linear !important; transition: background-position 0.1s linear !important; }
.btn:focus { outline: 5px auto -webkit-focus-ring-color !important; outline-offset: -2px !important; }
.btn:active { background-image: none !important; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05) !important; -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05) !important; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05) !important; background-color: #d9d9d9 \9 !important; outline: 0 !important; }
.btn-primary:hover { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; color: #ffffff !important; }
.btn-warning:hover { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; color: #ffffff !important; }
.btn-danger:hover { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; color: #ffffff !important; }
.btn-success:hover { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; color: #ffffff !important; }
.btn-info:hover { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; color: #ffffff !important; }
.btn-inverse:hover { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; color: #ffffff !important; }
.btn-primary:hover { background-color: #0466db !important; }
.btn-primary:active { background-color: #0466db !important; }
.btn-primary:active { background-color: #034fa9 \9 !important; }
.btn-warning:hover { background-color: #f89406 !important; }
.btn-warning:active { background-color: #f89406 !important; }
.btn-warning:active { background-color: #c67605 \9 !important; }
.btn-danger:hover { background-color: #bd362f !important; }
.btn-danger:active { background-color: #bd362f !important; }
.btn-danger:active { background-color: #942a25 \9 !important; }
.btn-success:hover { background-color: #51a351 !important; }
.btn-success:active { background-color: #51a351 !important; }
.btn-success:active { background-color: #408140 \9 !important; }
.btn-info:hover { background-color: #2f96b4 !important; }
.btn-info:active { background-color: #2f96b4 !important; }
.btn-info:active { background-color: #24748c \9 !important; }
.btn-inverse:hover { background-color: #222222 !important; }
.btn-inverse:active { background-color: #222222 !important; }
.btn-inverse:active { background-color: #080808 \9 !important; }
.btn-group:before { display: table !important; content: "" !important; }
.btn-group:after { display: table !important; content: "" !important; }
.btn-group:after { clear: both !important; }
.btn-group .btn:hover { z-index: 2 !important; }
.btn-group .btn:focus { z-index: 2 !important; }
.btn-group .btn:active { z-index: 2 !important; }
.btn-group .dropdown-toggle:active { outline: 0 !important; }
.btn:hover .caret { opacity: 1 !important; filter: alpha(opacity=100) !important; }
.nav>li>a:hover { text-decoration: none !important; background-color: #eeeeee !important; }
.nav-list>.active>a:hover { color: #ffffff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2) !important; background-color: #049cdb !important; }
.nav-tabs:before { display: table !important; content: "" !important; }
.nav-pills:before { display: table !important; content: "" !important; }
.nav-tabs:after { display: table !important; content: "" !important; }
.nav-pills:after { display: table !important; content: "" !important; }
.nav-tabs:after { clear: both !important; }
.nav-pills:after { clear: both !important; }
.nav-tabs>li>a:hover { border-color: #eeeeee #eeeeee #dddddd !important; }
.nav-tabs>.active>a:hover { color: #555555 !important; background-color: #ffffff !important; border: 1px solid #ddd !important; border-bottom-color: transparent !important; cursor: default !important; }
.nav-pills>.active>a:hover { color: #ffffff !important; background-color: #049cdb !important; }
.nav-tabs.nav-stacked>li>a:hover { border-color: #ddd !important; z-index: 2 !important; }
.nav-tabs .dropdown-toggle:hover .caret { border-top-color: #036690 !important; border-bottom-color: #036690 !important; }
.nav-pills .dropdown-toggle:hover .caret { border-top-color: #036690 !important; border-bottom-color: #036690 !important; }
.nav>.dropdown.active>a:hover { color: #000000 !important; cursor: pointer !important; }
.nav>.open.active>a:hover { color: #ffffff !important; background-color: #999999 !important; border-color: #999999 !important; }
.nav .open a:hover .caret { border-top-color: #ffffff !important; border-bottom-color: #ffffff !important; opacity: 1 !important; filter: alpha(opacity=100) !important; }
.tabs-stacked .open>a:hover { border-color: #999999 !important; }
.tabbable:before { display: table !important; content: "" !important; }
.tabbable:after { display: table !important; content: "" !important; }
.tabbable:after { clear: both !important; }
.tabs-below .nav-tabs>li>a:hover { border-bottom-color: transparent !important; border-top-color: #ddd !important; }
.tabs-below .nav-tabs .active>a:hover { border-color: transparent #ddd #ddd #ddd !important; }
.tabs-left .nav-tabs>li>a:hover { border-color: #eeeeee #dddddd #eeeeee #eeeeee !important; }
.tabs-left .nav-tabs .active>a:hover { border-color: #ddd transparent #ddd #ddd !important; *border-right-color: #ffffff !important; }
.tabs-right .nav-tabs>li>a:hover { border-color: #eeeeee #eeeeee #eeeeee #dddddd !important; }
.tabs-right .nav-tabs .active>a:hover { border-color: #ddd #ddd #ddd transparent !important; *border-left-color: #ffffff !important; }
.btn-navbar:hover { background-color: #eeeeee !important; }
.btn-navbar:active { background-color: #eeeeee !important; }
.btn-navbar:active { background-color: #d5d5d5 \9 !important; }
.navbar .brand:hover { text-decoration: none !important; }
.navbar-form:before { display: table !important; content: "" !important; }
.navbar-form:after { display: table !important; content: "" !important; }
.navbar-form:after { clear: both !important; }
.navbar-search .search-query:focus { padding: 5px 10px !important; color: #333333 !important; text-shadow: 0 1px 0 #ffffff !important; background-color: #ffffff !important; border: 0 !important; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15) !important; -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15) !important; box-shadow: 0 0 3px rgba(0, 0, 0, 0.15) !important; outline: 0 !important; }
.navbar .nav>li>a:hover { background-color: transparent !important; color: #000000 !important; text-decoration: none !important; }
.navbar .nav .active>a:hover { color: #000000 !important; text-decoration: none !important; background-color: #eeeeee !important; }
.navbar .dropdown-menu:before { content: '' !important; display: inline-block !important; border-left: 7px solid transparent !important; border-right: 7px solid transparent !important; border-bottom: 7px solid #ccc !important; border-bottom-color: rgba(0, 0, 0, 0.2) !important; position: absolute !important; top: -7px !important; left: 9px !important; }
.navbar .dropdown-menu:after { content: '' !important; display: inline-block !important; border-left: 6px solid transparent !important; border-right: 6px solid transparent !important; border-bottom: 6px solid #ffffff !important; position: absolute !important; top: -6px !important; left: 10px !important; }
.navbar-fixed-bottom .dropdown-menu:before { border-top: 7px solid #ccc !important; border-top-color: rgba(0, 0, 0, 0.2) !important; border-bottom: 0 !important; bottom: -7px !important; top: auto !important; }
.navbar-fixed-bottom .dropdown-menu:after { border-top: 6px solid #ffffff !important; border-bottom: 0 !important; bottom: -6px !important; top: auto !important; }
.navbar .nav .active>.dropdown-toggle:hover { color: #ffffff !important; }
.navbar .nav.pull-right .dropdown-menu:before { left: auto !important; right: 12px !important; }
.navbar .nav .dropdown-menu.pull-right:before { left: auto !important; right: 12px !important; }
.navbar .nav.pull-right .dropdown-menu:after { left: auto !important; right: 13px !important; }
.navbar .nav .dropdown-menu.pull-right:after { left: auto !important; right: 13px !important; }
.pagination a:hover { background-color: #f5f5f5 !important; }
.pagination .disabled a:hover { color: #999999 !important; background-color: transparent !important; cursor: default !important; }
.pager:before { display: table !important; content: "" !important; }
.pager:after { display: table !important; content: "" !important; }
.pager:after { clear: both !important; }
.pager a:hover { text-decoration: none !important; background-color: #f5f5f5 !important; }
.pager .disabled a:hover { color: #999999 !important; background-color: #fff !important; cursor: default !important; }
.modal-footer:before { display: table !important; content: "" !important; }
.modal-footer:after { display: table !important; content: "" !important; }
.modal-footer:after { clear: both !important; }
.thumbnails:before { display: table !important; content: "" !important; }
.thumbnails:after { display: table !important; content: "" !important; }
.thumbnails:after { clear: both !important; }
a.thumbnail:hover { border-color: #049cdb !important; -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25) !important; -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25) !important; box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25) !important; }
.label:hover { color: #ffffff !important; text-decoration: none !important; }
.label-important:hover { background-color: #953b39 !important; }
.label-warning:hover { background-color: #c67605 !important; }
.label-success:hover { background-color: #356635 !important; }
.label-info:hover { background-color: #2d6987 !important; }
.label-inverse:hover { background-color: #1a1a1a !important; }
.badge:hover { color: #ffffff !important; text-decoration: none !important; cursor: pointer !important; }
.badge-error:hover { background-color: #953b39 !important; }
.badge-warning:hover { background-color: #c67605 !important; }
.badge-success:hover { background-color: #356635 !important; }
.badge-info:hover { background-color: #2d6987 !important; }
.badge-inverse:hover { background-color: #1a1a1a !important; }
@-webkit-keyframes progress-bar-stripes { }
@-moz-keyframes progress-bar-stripes { }
@-ms-keyframes progress-bar-stripes { }
@keyframes progress-bar-stripes { }
.carousel-control:hover { color: #ffffff !important; text-decoration: none !important; opacity: 0.9 !important; filter: alpha(opacity=90) !important; }
a:focus { outline: 5px auto -webkit-focus-ring-color !important; outline-offset: -2px !important; }
a:hover { outline: 0 !important; }
a:active { outline: 0 !important; }
img { height: auto !important; border: 0 !important; -ms-interpolation-mode: bicubic !important; vertical-align: middle !important; }
.clearfix:before { display: table !important; content: "" !important; }
.clearfix:after { display: table !important; content: "" !important; }
.clearfix:after { clear: both !important; }
body { margin: 0 !important; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important; font-size: 14px !important; line-height: 20px !important; color: #333333 !important; background-color: #ffffff !important; }
a:hover { color: #036690 !important; text-decoration: underline !important; }
.row:before { display: table !important; content: "" !important; }
.row:after { display: table !important; content: "" !important; }
.row:after { clear: both !important; }
.row-fluid:before { display: table !important; content: "" !important; }
.row-fluid:after { display: table !important; content: "" !important; }
.row-fluid:after { clear: both !important; }
.container:before { display: table !important; content: "" !important; }
.container:after { display: table !important; content: "" !important; }
.container:after { clear: both !important; }
.container-fluid:before { display: table !important; content: "" !important; }
.container-fluid:after { display: table !important; content: "" !important; }
.container-fluid:after { clear: both !important; }
blockquote small:before { content: '\2014 \00A0' !important; }
q:before { content: "" !important; }
q:after { content: "" !important; }
blockquote:before { content: "" !important; }
blockquote:after { content: "" !important; }
input:focus { border-color: rgba(82, 168, 236, 0.8) !important; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6) !important; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6) !important; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6) !important; outline: thin dotted \9 !important; }
textarea:focus { border-color: rgba(82, 168, 236, 0.8) !important; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6) !important; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6) !important; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6) !important; outline: thin dotted \9 !important; }
input[type="file"]:focus { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; outline: 5px auto -webkit-focus-ring-color !important; outline-offset: -2px !important; }
input[type="radio"]:focus { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; outline: 5px auto -webkit-focus-ring-color !important; outline-offset: -2px !important; }
input[type="checkbox"]:focus { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; outline: 5px auto -webkit-focus-ring-color !important; outline-offset: -2px !important; }
select:focus { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; outline: 5px auto -webkit-focus-ring-color !important; outline-offset: -2px !important; }
.control-group.warning input:focus { border-color: #a47e3c !important; -webkit-box-shadow: 0 0 6px #dbc59e !important; -moz-box-shadow: 0 0 6px #dbc59e !important; box-shadow: 0 0 6px #dbc59e !important; }
.control-group.warning select:focus { border-color: #a47e3c !important; -webkit-box-shadow: 0 0 6px #dbc59e !important; -moz-box-shadow: 0 0 6px #dbc59e !important; box-shadow: 0 0 6px #dbc59e !important; }
.control-group.warning textarea:focus { border-color: #a47e3c !important; -webkit-box-shadow: 0 0 6px #dbc59e !important; -moz-box-shadow: 0 0 6px #dbc59e !important; box-shadow: 0 0 6px #dbc59e !important; }
.control-group.error input:focus { border-color: #953b39 !important; -webkit-box-shadow: 0 0 6px #d59392 !important; -moz-box-shadow: 0 0 6px #d59392 !important; box-shadow: 0 0 6px #d59392 !important; }
.control-group.error select:focus { border-color: #953b39 !important; -webkit-box-shadow: 0 0 6px #d59392 !important; -moz-box-shadow: 0 0 6px #d59392 !important; box-shadow: 0 0 6px #d59392 !important; }
.control-group.error textarea:focus { border-color: #953b39 !important; -webkit-box-shadow: 0 0 6px #d59392 !important; -moz-box-shadow: 0 0 6px #d59392 !important; box-shadow: 0 0 6px #d59392 !important; }
.control-group.success input:focus { border-color: #356635 !important; -webkit-box-shadow: 0 0 6px #7aba7b !important; -moz-box-shadow: 0 0 6px #7aba7b !important; box-shadow: 0 0 6px #7aba7b !important; }
.control-group.success select:focus { border-color: #356635 !important; -webkit-box-shadow: 0 0 6px #7aba7b !important; -moz-box-shadow: 0 0 6px #7aba7b !important; box-shadow: 0 0 6px #7aba7b !important; }
.control-group.success textarea:focus { border-color: #356635 !important; -webkit-box-shadow: 0 0 6px #7aba7b !important; -moz-box-shadow: 0 0 6px #7aba7b !important; box-shadow: 0 0 6px #7aba7b !important; }
input:focus:required:invalid { color: #b94a48 !important; border-color: #ee5f5b !important; }
textarea:focus:required:invalid { color: #b94a48 !important; border-color: #ee5f5b !important; }
select:focus:required:invalid { color: #b94a48 !important; border-color: #ee5f5b !important; }
input:focus:required:invalid:focus { border-color: #e9322d !important; -webkit-box-shadow: 0 0 6px #f8b9b7 !important; -moz-box-shadow: 0 0 6px #f8b9b7 !important; box-shadow: 0 0 6px #f8b9b7 !important; }
textarea:focus:required:invalid:focus { border-color: #e9322d !important; -webkit-box-shadow: 0 0 6px #f8b9b7 !important; -moz-box-shadow: 0 0 6px #f8b9b7 !important; box-shadow: 0 0 6px #f8b9b7 !important; }
select:focus:required:invalid:focus { border-color: #e9322d !important; -webkit-box-shadow: 0 0 6px #f8b9b7 !important; -moz-box-shadow: 0 0 6px #f8b9b7 !important; box-shadow: 0 0 6px #f8b9b7 !important; }
.form-actions:before { display: table !important; content: "" !important; }
.form-actions:after { display: table !important; content: "" !important; }
.form-actions:after { clear: both !important; }
.input-prepend input:focus { position: relative !important; z-index: 2 !important; }
.input-append input:focus { position: relative !important; z-index: 2 !important; }
.input-prepend select:focus { position: relative !important; z-index: 2 !important; }
.input-append select:focus { position: relative !important; z-index: 2 !important; }
.input-prepend .uneditable-input:focus { position: relative !important; z-index: 2 !important; }
.input-append .uneditable-input:focus { position: relative !important; z-index: 2 !important; }
.form-horizontal .control-group:before { display: table !important; content: "" !important; }
.form-horizontal .control-group:after { display: table !important; content: "" !important; }
.form-horizontal .control-group:after { clear: both !important; }
.table tbody tr:hover td { background-color: #f5f5f5 !important; }
.table tbody tr:hover th { background-color: #f5f5f5 !important; }
.dropdown-toggle:active { outline: 0 !important; }
.dropdown:hover .caret { opacity: 1 !important; filter: alpha(opacity=100) !important; }
.dropdown-menu li>a:hover { color: #ffffff !important; text-decoration: none !important; background-color: #049cdb !important; }
.dropdown-menu .active>a:hover { color: #ffffff !important; text-decoration: none !important; background-color: #049cdb !important; }
.close:hover { color: #000000 !important; text-decoration: none !important; opacity: 0.4 !important; filter: alpha(opacity=40) !important; cursor: pointer !important; }
.btn:hover { background-color: #e6e6e6 !important; }
.btn:active { background-color: #e6e6e6 !important; }
.btn:active { background-color: #cccccc \9 !important; }
.btn:hover { color: #333333 !important; text-decoration: none !important; background-color: #e6e6e6 !important; background-position: 0 -15px !important; -webkit-transition: background-position 0.1s linear !important; -moz-transition: background-position 0.1s linear !important; -ms-transition: background-position 0.1s linear !important; -o-transition: background-position 0.1s linear !important; transition: background-position 0.1s linear !important; }
.btn:focus { outline: 5px auto -webkit-focus-ring-color !important; outline-offset: -2px !important; }
.btn:active { background-image: none !important; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05) !important; -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05) !important; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05) !important; background-color: #d9d9d9 \9 !important; outline: 0 !important; }
.btn-primary:hover { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; color: #ffffff !important; }
.btn-warning:hover { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; color: #ffffff !important; }
.btn-danger:hover { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; color: #ffffff !important; }
.btn-success:hover { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; color: #ffffff !important; }
.btn-info:hover { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; color: #ffffff !important; }
.btn-inverse:hover { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; color: #ffffff !important; }
.btn-primary:hover { background-color: #0466db !important; }
.btn-primary:active { background-color: #0466db !important; }
.btn-primary:active { background-color: #034fa9 \9 !important; }
.btn-warning:hover { background-color: #f89406 !important; }
.btn-warning:active { background-color: #f89406 !important; }
.btn-warning:active { background-color: #c67605 \9 !important; }
.btn-danger:hover { background-color: #bd362f !important; }
.btn-danger:active { background-color: #bd362f !important; }
.btn-danger:active { background-color: #942a25 \9 !important; }
.btn-success:hover { background-color: #51a351 !important; }
.btn-success:active { background-color: #51a351 !important; }
.btn-success:active { background-color: #408140 \9 !important; }
.btn-info:hover { background-color: #2f96b4 !important; }
.btn-info:active { background-color: #2f96b4 !important; }
.btn-info:active { background-color: #24748c \9 !important; }
.btn-inverse:hover { background-color: #222222 !important; }
.btn-inverse:active { background-color: #222222 !important; }
.btn-inverse:active { background-color: #080808 \9 !important; }
.btn-group:before { display: table !important; content: "" !important; }
.btn-group:after { display: table !important; content: "" !important; }
.btn-group:after { clear: both !important; }
.btn-group .btn:hover { z-index: 2 !important; }
.btn-group .btn:focus { z-index: 2 !important; }
.btn-group .btn:active { z-index: 2 !important; }
.btn-group .dropdown-toggle:active { outline: 0 !important; }
.btn:hover .caret { opacity: 1 !important; filter: alpha(opacity=100) !important; }
.nav>li>a:hover { text-decoration: none !important; background-color: #eeeeee !important; }
.nav-list>.active>a:hover { color: #ffffff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2) !important; background-color: #049cdb !important; }
.nav-tabs:before { display: table !important; content: "" !important; }
.nav-pills:before { display: table !important; content: "" !important; }
.nav-tabs:after { display: table !important; content: "" !important; }
.nav-pills:after { display: table !important; content: "" !important; }
.nav-tabs:after { clear: both !important; }
.nav-pills:after { clear: both !important; }
.nav-tabs>li>a:hover { border-color: #eeeeee #eeeeee #dddddd !important; }
.nav-tabs>.active>a:hover { color: #555555 !important; background-color: #ffffff !important; border: 1px solid #ddd !important; border-bottom-color: transparent !important; cursor: default !important; }
.nav-pills>.active>a:hover { color: #ffffff !important; background-color: #049cdb !important; }
.nav-tabs.nav-stacked>li>a:hover { border-color: #ddd !important; z-index: 2 !important; }
.nav-tabs .dropdown-toggle:hover .caret { border-top-color: #036690 !important; border-bottom-color: #036690 !important; }
.nav-pills .dropdown-toggle:hover .caret { border-top-color: #036690 !important; border-bottom-color: #036690 !important; }
.nav>.dropdown.active>a:hover { color: #000000 !important; cursor: pointer !important; }
.nav>.open.active>a:hover { color: #ffffff !important; background-color: #999999 !important; border-color: #999999 !important; }
.nav .open a:hover .caret { border-top-color: #ffffff !important; border-bottom-color: #ffffff !important; opacity: 1 !important; filter: alpha(opacity=100) !important; }
.tabs-stacked .open>a:hover { border-color: #999999 !important; }
.tabbable:before { display: table !important; content: "" !important; }
.tabbable:after { display: table !important; content: "" !important; }
.tabbable:after { clear: both !important; }
.tabs-below .nav-tabs>li>a:hover { border-bottom-color: transparent !important; border-top-color: #ddd !important; }
.tabs-below .nav-tabs .active>a:hover { border-color: transparent #ddd #ddd #ddd !important; }
.tabs-left .nav-tabs>li>a:hover { border-color: #eeeeee #dddddd #eeeeee #eeeeee !important; }
.tabs-left .nav-tabs .active>a:hover { border-color: #ddd transparent #ddd #ddd !important; *border-right-color: #ffffff !important; }
.tabs-right .nav-tabs>li>a:hover { border-color: #eeeeee #eeeeee #eeeeee #dddddd !important; }
.tabs-right .nav-tabs .active>a:hover { border-color: #ddd #ddd #ddd transparent !important; *border-left-color: #ffffff !important; }
.btn-navbar:hover { background-color: #eeeeee !important; }
.btn-navbar:active { background-color: #eeeeee !important; }
.btn-navbar:active { background-color: #d5d5d5 \9 !important; }
.navbar .brand:hover { text-decoration: none !important; }
.navbar-form:before { display: table !important; content: "" !important; }
.navbar-form:after { display: table !important; content: "" !important; }
.navbar-form:after { clear: both !important; }
.navbar-search .search-query:focus { padding: 5px 10px !important; color: #333333 !important; text-shadow: 0 1px 0 #ffffff !important; background-color: #ffffff !important; border: 0 !important; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15) !important; -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15) !important; box-shadow: 0 0 3px rgba(0, 0, 0, 0.15) !important; outline: 0 !important; }
.navbar .nav>li>a:hover { background-color: transparent !important; color: #000000 !important; text-decoration: none !important; }
.navbar .nav .active>a:hover { color: #000000 !important; text-decoration: none !important; background-color: #eeeeee !important; }
.navbar .dropdown-menu:before { content: '' !important; display: inline-block !important; border-left: 7px solid transparent !important; border-right: 7px solid transparent !important; border-bottom: 7px solid #ccc !important; border-bottom-color: rgba(0, 0, 0, 0.2) !important; position: absolute !important; top: -7px !important; left: 9px !important; }
.navbar .dropdown-menu:after { content: '' !important; display: inline-block !important; border-left: 6px solid transparent !important; border-right: 6px solid transparent !important; border-bottom: 6px solid #ffffff !important; position: absolute !important; top: -6px !important; left: 10px !important; }
.navbar-fixed-bottom .dropdown-menu:before { border-top: 7px solid #ccc !important; border-top-color: rgba(0, 0, 0, 0.2) !important; border-bottom: 0 !important; bottom: -7px !important; top: auto !important; }
.navbar-fixed-bottom .dropdown-menu:after { border-top: 6px solid #ffffff !important; border-bottom: 0 !important; bottom: -6px !important; top: auto !important; }
.navbar .nav .active>.dropdown-toggle:hover { color: #ffffff !important; }
.navbar .nav.pull-right .dropdown-menu:before { left: auto !important; right: 12px !important; }
.navbar .nav .dropdown-menu.pull-right:before { left: auto !important; right: 12px !important; }
.navbar .nav.pull-right .dropdown-menu:after { left: auto !important; right: 13px !important; }
.navbar .nav .dropdown-menu.pull-right:after { left: auto !important; right: 13px !important; }
.pagination a:hover { background-color: #f5f5f5 !important; }
.pagination .disabled a:hover { color: #999999 !important; background-color: transparent !important; cursor: default !important; }
.pager:before { display: table !important; content: "" !important; }
.pager:after { display: table !important; content: "" !important; }
.pager:after { clear: both !important; }
.pager a:hover { text-decoration: none !important; background-color: #f5f5f5 !important; }
.pager .disabled a:hover { color: #999999 !important; background-color: #fff !important; cursor: default !important; }
.modal-footer:before { display: table !important; content: "" !important; }
.modal-footer:after { display: table !important; content: "" !important; }
.modal-footer:after { clear: both !important; }
.thumbnails:before { display: table !important; content: "" !important; }
.thumbnails:after { display: table !important; content: "" !important; }
.thumbnails:after { clear: both !important; }
a.thumbnail:hover { border-color: #049cdb !important; -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25) !important; -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25) !important; box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25) !important; }
.label:hover { color: #ffffff !important; text-decoration: none !important; }
.label-important:hover { background-color: #953b39 !important; }
.label-warning:hover { background-color: #c67605 !important; }
.label-success:hover { background-color: #356635 !important; }
.label-info:hover { background-color: #2d6987 !important; }
.label-inverse:hover { background-color: #1a1a1a !important; }
.badge:hover { color: #ffffff !important; text-decoration: none !important; cursor: pointer !important; }
.badge-error:hover { background-color: #953b39 !important; }
.badge-warning:hover { background-color: #c67605 !important; }
.badge-success:hover { background-color: #356635 !important; }
.badge-info:hover { background-color: #2d6987 !important; }
.badge-inverse:hover { background-color: #1a1a1a !important; }
@-webkit-keyframes progress-bar-stripes { }
@-moz-keyframes progress-bar-stripes { }
@-ms-keyframes progress-bar-stripes { }
@keyframes progress-bar-stripes { }
.carousel-control:hover { color: #ffffff !important; text-decoration: none !important; opacity: 0.9 !important; filter: alpha(opacity=90) !important; }
.btn-primary:hover { background-color: #048ac2 !important; }
.btn-primary:active { background-color: #048ac2 !important; }
.btn-primary:active { background-color: #003399 \9 !important; }
body { position: relative !important; padding-top: 100px !important; background-color: white !important; background-image: url('http://cloudfront.giantuser.com/assets/grid2.png') !important; background-repeat: repeat !important; background-position: 0 40px !important; }
body.email { padding: 10px !important; background: none !important; width: 480px !important; }
body.email .span1 { width: 60px !important; }
body.email .span11 { width: 360px !important; margin-left: 20px !important; }
body.email .well { box-shadow: none !important; }
body.email .spaced { padding: 10px 0 !important; }
.navbar .nav .active>a:hover { border-left: thin solid #e1e1e1 !important; border-right: thin solid #e1e1e1 !important; background-color: #eeeeee !important; padding-bottom: 10px !important; }
footer:before { display: table !important; content: "" !important; }
footer:after { display: table !important; content: "" !important; }
footer:after { clear: both !important; }
</style>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment