Skip to content

Instantly share code, notes, and snippets.

@andymcfee

andymcfee/dabblet.css

Created May 2, 2012 15:07
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save andymcfee/2577295 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save andymcfee/2577295 to your computer and use it in GitHub Desktop.
Download ZIP
Staging Server Fun: Green Gradient
Raw
dabblet.css
/**
* Staging Server Fun: Green Gradient
*/
body{
background: #d2ff52; /* Old browsers */
background: -moz-linear-gradient(top, #d2ff52 0%, #91e842 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2ff52), color-stop(100%,#91e842)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #d2ff52 0%,#91e842 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #d2ff52 0%,#91e842 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #d2ff52 0%,#91e842 100%); /* IE10+ */
background: linear-gradient(top, #d2ff52 0%,#91e842 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#91e842',GradientType=0 ); /* IE6-9 */
}
h2 {
margin-bottom: 40px;
}
.title {
font-weight:bold;
}
.server_line {
clear: both;
overflow: auto;
padding-bottom: 5px;
}
.color {
float: left;
margin-right: 10px;
}
.server {
float: left;
width: 100px;
}
.branch {
float: left;
width: 150px;
}
.db {
float: left;
width: 30px;
}
.user {
float: left;
width: 70px;
}
.commit {
float: left;
width: 100px;
display: none;
}
.date {
float: left;
width: 200px;
}
.notes {
clear: both;
padding-top: 10px;
}
.note {
float:left;
}
float: left;
width: 200px;
}
.notes {
clear: both;
padding-top: 10px;
}
.note {
float:left;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<h2>Staging servers management</h2>
<div>
<div class="title">
<div class="color">&nbsp;&nbsp;&nbsp;</div>
<div class="server">Server</div>
<div class="branch">Branch</div>
<div class="user">User</div>
<div class="commit">Commit</div>
<div class="date">Date</div>
</div>
<div class="server_line">
<div class="color" style="background-color:#FF0000;">&nbsp;&nbsp;&nbsp;</div>
<div class="server">
<a href="">
Staging 1
</a>
</div>
<div class="branch">
<a href="">new-feature</a>
</div>
<div class="user">
jenkins
</div>
<div class="commit">
<a href="
">7c519e</a>
</div>
<div class="date">
Wed May 2 10:19:00 2012
</div>
</div>
<div class="server_line">
<div class="color" style="">&nbsp;&nbsp;&nbsp;</div>
<div class="server">
<a href="">
Staging 2
</a>
</div>
<div class="branch">
<a href="">testing-branch</a>
</div>
<div class="user">
Vincent
</div>
<div class="commit">
<a href="">eaec98</a>
</div>
<div class="date">
Tue May 1 17:11:10 2012
</div>
</div>
<div class="server_line">
<div class="color" style="">&nbsp;&nbsp;&nbsp;</div>
<div class="server">
<a href="">
Staging 3
</a>
</div>
<div class="branch">
<a href="">random_branch</a>
</div>
<div class="user">
Alexis
</div>
<div class="commit">
<a href="">bfbf37</a>
</div>
<div class="date">
Fri Apr 27 11:33:37 2012
</div>
</div>
<div class="server_line">
<div class="color" style="">&nbsp;&nbsp;&nbsp;</div>
<div class="server">
<a href="">
Staging 4
</a>
</div>
<div class="branch">
<a href="">not_anything</a>
</div>
<div class="user">
Vincent
</div>
<div class="commit">
<a href="">eaec98</a>
</div>
<div class="date">
Tue May 1 17:11:10 2012
</div>
</div>
<div class="server_line">
<div class="color" style="">&nbsp;&nbsp;&nbsp;</div>
<div class="server">
<a href="">
Staging 5
</a>
</div>
<div class="branch">
<a href="">asset_fix</a>
</div>
<div class="user">
Vincent
</div>
<div class="commit">
<a href="">32fc50</a>
</div>
<div class="date">
Mon Apr 30 15:54:28 2012
</div>
</div>
<div class="server_line">
<div class="color" style="">&nbsp;&nbsp;&nbsp;</div>
<div class="server">
<a href="">
Staging 6
</a>
</div>
<div class="branch">
<a href="">update</a>
</div>
<div class="user">
Axel
</div>
<div class="commit">
<a href="
">d8d2a9</a>
</div>
<div class="date">
Fri Apr 27 11:13:10 2012
</div>
</div>
<div class="server_line">
<div class="color" style="">&nbsp;&nbsp;&nbsp;</div>
<div class="server">
<a href="http://ofm7.net">
Staging 7
</a>
</div>
<div class="branch">
<a href="">bug-squashing</a>
</div>
<div class="user">
Andy
</div>
<div class="commit">
<a href="">4b5492</a>
</div>
<div class="date">
Wed May 2 10:13:49 2012
</div>
</div>
<div class="server_line">
<div class="color" style="">&nbsp;&nbsp;&nbsp;</div>
<div class="server">
<a href="">
Staging 8
</a>
</div>
<div class="branch">
<a href="">error-page</a>
</div>
<div class="user">
Andy
</div>
<div class="commit">
<a href="">1abb87</a>
</div>
<div class="date">
Tue May 1 09:54:32 2012
</div>
</div>
<div class="server_line">
<div class="color" style="">&nbsp;&nbsp;&nbsp;</div>
<div class="server">
<a href="">
Staging 9
</a>
</div>
<div class="branch">
<a href="">clean-up-code</a>
</div>
<div class="user">
Andy
</div>
<div class="commit">
<a href="">1a2eff</a>
</div>
<div class="date">
Tue May 1 15:29:37 2012
</div>
</div>
<div class="server_line">
<div class="color" style="">&nbsp;&nbsp;&nbsp;</div>
<div class="server">
<a href="">
Staging 10
</a>
</div>
<div class="branch">
<a href="">more-new-stuff</a>
</div>
<div class="user">
Ben
</div>
<div class="commit">
<a href="">110ada</a>
</div>
<div class="date">
Fri Apr 27 16:07:01 2012
</div>
</div>
<div class="server_line">
<div class="color" style="">&nbsp;&nbsp;&nbsp;</div>
<div class="server">
<a href="">
Staging 11
</a>
</div>
<div class="branch">
<a href="">new_stuff</a>
</div>
<div class="user">
Chab
</div>
<div class="commit">
<a href="">7c519e</a>
</div>
<div class="date">
Wed May 2 10:19:00 2012
</div>
</div>
<div class="server_line">
<div class="color" style="">&nbsp;&nbsp;&nbsp;</div>
<div class="server">
<a href="">
Staging 12
</a>
</div>
<div class="branch">
<a href="">testing</a>
</div>
<div class="user">
Andy
</div>
<div class="commit">
<a href="">0f7f68</a>
</div>
<div class="date">
Mon Apr 30 12:35:23 2012
</div>
</div>
<div class="server_line">
<div class="color" style="">&nbsp;&nbsp;&nbsp;</div>
<div class="server">
<a href="">
Staging 13
</a>
</div>
<div class="branch">
<a href="">changing-things</a>
</div>
<div class="user">
Alexis
</div>
<div class="commit">
<a href="">a0a0e6</a>
</div>
<div class="date">
Fri Apr 27 16:24:43 2012
</div>
</div>
<div class="server_line">
<div class="color" style="">&nbsp;&nbsp;&nbsp;</div>
<div class="server">
<a href="">
Staging 14
</a>
</div>
<div class="branch">
<a href="">fix_broken_stuff</a>
</div>
<div class="user">
Alexis
</div>
<div class="commit">
<a href="">2ccc2b</a>
</div>
<div class="date">
Mon Apr 23 15:48:56 2012
</div>
</div>
<div class="server_line">
<div class="color" style="">&nbsp;&nbsp;&nbsp;</div>
<div class="server">
<a href="">
Staging 15
</a>
</div>
<div class="branch">
<a href="">refactor</a>
</div>
<div class="user">
Alexis
</div>
<div class="commit">
<a href="
">243e0f</a>
</div>
<div class="date">
Tue Apr 24 09:29:36 2012
</div>
</div>
</div>
<div class="notes">
<div class="note" style="background-color:#FF0000;">&nbsp;&nbsp;&nbsp;</div>
<div class="note">&nbsp;&nbsp;Don't touch ! Reserved for QA team.</div>
</div>
Raw
settings.json
{"view":"split","fontsize":"80","seethrough":"","prefixfree":"1","page":"result"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment