Skip to content

Instantly share code, notes, and snippets.

@pahund

pahund/dabblet.css

Created May 3, 2012 16:15
Show Gist options
  • Save pahund/2586876 to your computer and use it in GitHub Desktop.
Save pahund/2586876 to your computer and use it in GitHub Desktop.
Download ZIP
U.T.A. - Unified Test Architecture (Dummy)
Raw
dabblet.css
/**
* U.T.A. - Unified Test Architecture (Dummy)
*/
body {
font-family: sans-serif;
font-size: 80%;
margin: 0;
background-image: linear-gradient(top, slategray 70px, silver 150px);
background-repeat: no-repeat;
background-color: silver;
}
a {
color: darkslategray;
font-weight: bold;
text-shadow: 0 0 0.3em white;
text-decoration: none;
}
a:hover {
text-shadow: 0 0 0.4em white, 0 0 0.2em white;
text-decoration: underline;
}
button {
}
header {
display: block;
height: 38px;
background-image: linear-gradient(left, rgba(100,100,100,0) 50px,rgba(0,0,0,0.5)), radial-gradient(10% 48%, closest-corner, silver, slategray);
padding: 15px 0 0 33px;
color: white;
box-shadow: 0 -10px 15px 10px black;
}
header h1, h2 {
display: block;
text-shadow: 0 0 0.5em black, 0 0 0.2em black;
}
header h1 {
font-size: 20px;
float: left;
margin: 0 10px 0 0;
}
header h2 {
font-size: 15px;
margin: 0;
padding: 4px 0 0 0;
}
section {
clear: both;
padding: 10px;
}
header h3.status {
display: inline-block;
position: absolute;
top: 8px;
right: 30px;
padding: 10px;
border-radius: 10px;
margin: 0 0 15px 0;
}
header h3.red {
background-color: rgb(255,0,40);
text-shadow: 0 0 0.3em black, 0 0 0.2em black, 0 0 0.1em black;
color: rgb(250,160,40);
box-shadow: 0 0 25px 0 black inset, 0 0 10px rgb(250,160,40);
}
header h3.green {
background-color: rgb(50,230,10);
text-shadow: 0 0 0.3em black, 0 0 0.2em black, 0 0 0.1em black;
color: rgb(220,250,30);
box-shadow: 0 0 25px 0 black inset, 0 0 10px rgb(220,250,30);
}
aside {
background-image: linear-gradient(left, rgba(0,0,0,0.1),rgba(100,100,100,0),rgba(0,0,0,0.1));
border-bottom: 1px solid slategray;
}
aside p {
display: inline-block;
margin: 10px;
}
aside p:first-child {
margin-left: 33px;
}
#hideConfig {
display: inline-block;
position: absolute;
top: 89px;
right: 15px;
background-image: linear-gradient(right, rgba(0,0,0,0.1),rgba(0,0,0,0.05));
padding: 0 10px 3px 10px;
border-left: 1px solid slategray;
border-bottom: 1px solid slategray;
border-right: 1px solid slategray;
}
Raw
dabblet.html
<header>
<h1>UTA</h1>
<h2>Unified Test Automation</h2>
<h3 class="status red">Status of Environment <em>Integra 203</em>: Red (P1)</h3>
</header>
<aside>
<form>
<p>
<label for="environment">Environment:</label>
<select id="environment">
<option>select environment</option>
<option selected>Integra 203</option>
<option>Integra 209</option>
<option>Staging</option>
</select>
</p>
<p>
<input id="onlyRed" type="checkbox">
<label for="onlyRed">Show only red tests</label>
</p>
<p>
<button>Expand all</button>
<button>Collapse all</button>
</p>
<p id="hideConfig">
<a href="#">Hide Config</a>
</p>
</form>
</aside>
<section>
<!-- content to be placed inside <body>…</body> -->
<table>
<thead>
<tr>
<th>Status</th>
<th>Section</th>
<th>Name</th>
<th>Priority</th>
<th>Description</th>
</tr>
<thead>
<tbody>
<tr>
<td>Green</td>
<td>DES</td>
<td>Dealer Imprint</td>
<td>P2</td>
<td>On the vendor tab for ads of dealers or professional FSBOs, below the headline "imprint" the dealer's address and contact data is shown</td>
</tr>
<tr>
<td colspan="5">
<ul>
<li><a href="#">ASAT: DESDealerImprintLinkTest</li>
<li><a href="#">ASAT: DESCommercialFsboImprintDataTest</li>
</ul>
<td>
</tr>
<tr>
<td>Green</td>
<td>DES</td>
<td>Vehicle Parking</td>
<td>P2</td>
<td>Parking a vehicle on the DES needs to work correctly</td>
</tr>
<tr>
<td colspan="5">
<ul>
<li><a href="#">Generic Suite: PublicCarparkTest</li>
<li><a href="#">Generic Suite: DomainCarparkTest</li>
</ul>
<td>
</tr>
<tr>
<td>Green</td>
<td>RYI</td>
<td>Picture Upload</td>
<td>P1</td>
<td></td>
</tr>
<tr>
<td colspan="5">
<ul>
<li><a href="#">Webdriver: testRyiFlowMotorbikeWithExistingUser</li>
</ul>
<td>
</tr>
<tr>
<td>Red</td>
<td>SYI-Legal</td>
<td>Legal links</td>
<td>P1</td>
<td>Legal links such as imprint, terms and condition, privacy policy.
Imprint input field for commercial customer</td>
</tr>
<tr>
<td colspan="5">
<ul>
<li><a href="#">Webdriver: FsboFooterTest</li>
<li><a href="#">Webdriver: testPrivateFsboFlowMotorbikeWithNewUserRegistration</li>
<li><a href="#">Webdriver: testCommercialFsboFlowMotorbikeWithExistingUser</li>
</ul>
<td>
</tr>
<tr>
<td>Green</td>
<td>DSS</td>
<td>Performing a Search</td>
<td>P2</td>
<td>Submitting the DSS form and performing a search should work</td>
</tr>
<tr>
<td colspan="5">
<ul>
<li><a href="#">Generic Suite: PublicSearchTest</li>
</ul>
<td>
</tr>
</tbody>
</table>
</section>
Raw
settings.json
{"view":"split-vertical","fontsize":"70","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment