Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Add first dashboard mockup.

  • Loading branch information...
commit 6c90c7705591428eb786b5f65968e17b0197a429 1 parent 82280dc
Wichert Akkerman wichert authored
16 Prototype/dashboard.html
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>
56 Prototype/style/legal/base.css
View
@@ -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;
+}
+
BIN  Prototype/style/legal/graph-bars.png
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Please sign in to comment.
Something went wrong with that request. Please try again.