Permalink
Browse files

Add first dashboard mockup.

  • Loading branch information...
1 parent 82280dc commit 6c90c7705591428eb786b5f65968e17b0197a429 @wichert wichert committed Jul 9, 2011
View
@@ -20,20 +20,20 @@ <h1 id="pageTitle">Dashboard</h1>
<dl id="dossierList">
<dt><a href="#">TomTom B.V. <em>(#918)</em></a></dt>
<dd>
- <p style="width: 68px" class="range step1">Herinneringen zijn verstuurd</p>
- <p style="width: 30px" class="range step2">Herinneringen zijn verstuurd</p>
+ <p style="width: 180px" class="range step1">Herinneringen zijn verstuurd</p>
+ <p style="width: 180px" class="range step2">In gebreke stelling is verstuurd</p>
+ <p style="width: 90" class="range step3">Pleitnota is opgemaakt en ingediend</p>
</dd>
- <dt><a href="#">Twitter Inc.<em>(#8104)</em></a></dt>
+ <dt><a href="#">Gemeente Amsterdam <em>(#1531)</em></a></dt>
<dd>
- <p style="width: 68px" class="range step1">Herinneringen zijn verstuurd</p>
- <p style="width: 30px" class="range step2">Herinneringen zijn verstuurd</p>
+ <p style="width: 90" class="range step1">1ste herinnering is verstuurd.</p>
</dd>
- <dt><a href="#">Gemeente Amsterdam <em>(#1531)</em></a></dt>
+ <dt><a href="#">Twitter Inc.<em>(#8104)</em></a></dt>
<dd>
- <p style="width: 68px" class="range step1">Herinneringen zijn verstuurd</p>
- <p style="width: 30px" class="range step2">Herinneringen zijn verstuurd</p>
+ <p style="width: 180px" class="range step1">Herinneringen zijn verstuurd.</p>
+ <p style="width: 90px" class="range step2">Aanmaning verstuurd.</p>
</dd>
</dl>
@@ -84,3 +84,59 @@ form.concise label {
width: 350px;
}
+
+#dossierList {
+ padding: 10px 10px 60px;
+ margin: 0px 0px 20px 0px;
+ width: 580px;
+}
+
+#dossierList dt {
+ height: 30px;
+ line-height: 30px;
+ margin: 0px 0px -30px 0px;
+ color: white;
+ padding-left: 10px;
+ position: relative;
+ text-shadow: 0 1px 0px rgba(0,0,0,0.4);
+ clear: left;
+ width: 570px;
+ text-decoration: none;
+}
+
+#dossierList dt a {
+ color: white;
+ text-decoration: none;
+ display: block;
+}
+
+
+#dossierList dd {
+ background: #C8C3BE;
+ clear: left;
+ width: 570px;
+ float: left;
+ height: 30px;
+ padding: 0px;
+ margin: 0px 0px 20px 0px;
+}
+
+#dossierList .range {
+ height: 30px;
+ text-indent: -1000px;
+ overflow: hidden;
+ background: #3E6B52 url(graph-bars.png);
+ display: inline-block;
+ float: left;
+}
+
+#dossierList .range.step2 {
+ background-color: #FF7B00;
+ background-position: right -30px;
+}
+
+#dossierList .range.step3 {
+ background-color: red;
+ background-position: center -30px;
+}
+
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 6c90c77

Please sign in to comment.