Skip to content

Instantly share code, notes, and snippets.

@dodeja
Last active February 2, 2016 22:41
Show Gist options
  • Save dodeja/19895560127540d3da64 to your computer and use it in GitHub Desktop.
Save dodeja/19895560127540d3da64 to your computer and use it in GitHub Desktop.
Terminal 49 Embed Widget
<style media="screen" type="text/css">
.t49-cta { max-width: 430px; font-family: sans-serif; margin: 15px; }
.t49-cta a { color: #0275d8; text-decoration: none; }
.t49-cta .copy { padding: 15px; border-bottom: 1px solid #ccc; }
.t49-cta .form { text-align: center;padding: 10px; border-top: 1px solid #efefef; background: #efefef; border-radius: 0 0 4px 4px; }
.t49-cta h1 { margin: 0; font-size: 20px; font-weight: 300; color: #66afe9; }
.t49-cta .tsearch { min-width: 300px; padding: 0.375rem 0.75rem; line-height: 1.5; color: #55595c; border: 1px solid #66afe9;
font-size: 14px; font-weight: 300; color: black; border-radius: 5px 0 0 5px; border-right-width: 0;}
.t49-cta .btn { z-index: 2; margin-left: -4px;display: inline-block; background: white; border: 1px solid #0275d8;
color: #0275d8; font-size: 14px; font-weight: 300; border-radius: 0 5px 5px 0; user-select: none; padding: 0.375rem 1rem;
line-height: 1.5; }
</style>
<div class="t49-cta" style="border: 1px solid #ccc; background: white; border-radius: 5px; box-shadow: 0 1px 1px 0 rgba(0,0,0,.2); margin: 10px 0;">
<div class="copy">
<h1><a target="_blank" href="https://www.terminal49.com?utm_source=abtruckweb&utm_medium=widget&utm_campaign=tnt-widget">Track and Trace Containers on Terminal 49</a></h1>
</div>
<div class="form">
<form action="https://www.terminal49.com/search" method="get" target="_blank" novalidate>
<input class="tsearch" style=""
type="search" name="q" placeholder="Enter Your Container Number">
<button class="btn" type="submit" style="">Search</button>
</form>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment