From 3e3c4ae73753b2326e76351d01986c154fb606f6 Mon Sep 17 00:00:00 2001 From: Goctionni Date: Tue, 6 Oct 2015 14:27:46 +0200 Subject: [PATCH] Added legend and title --- v0.1.html | 39 ++++++++++++++++++++++++++++++--------- 1 file changed, 30 insertions(+), 9 deletions(-) diff --git a/v0.1.html b/v0.1.html index 60d24b8..df7973d 100644 --- a/v0.1.html +++ b/v0.1.html @@ -1,7 +1,7 @@ - TODO supply a title + Kinklist @@ -45,7 +45,7 @@ td + td { border-left-style: none; } - .choices .choice { + .choice { box-sizing: border-box; width: 15px; height: 15px; @@ -62,29 +62,29 @@ font-size: 0; padding: 0; } - .choices .choice + .choice { + .choice + .choice { margin-left: 5px; } .choices .choice:hover { opacity: 0.75; } - .choices .choice.selected { + .choice.selected { opacity: 1; border-width: 2px; } - .choices .choice.notEntered { + .choice.notEntered { background-color: #FFF; } - .choices .choice.favorite { + .choice.favorite { background-color: #73A; } - .choices .choice.yes { + .choice.yes { background-color: #0B5; } - .choices .choice.maybe { + choice.maybe { background-color: #FF0; } - .choices .choice.no { + .choice.no { background-color: #F00; } @@ -101,10 +101,31 @@ .kinkCategory.cat-kinksBdsm { left: 800px; top: 000px; } .kinkCategory.cat-pain { left: 1200px; top: 000px; } .kinkCategory.cat-extreme { left: 1200px; top: 425px; } + + .legend { + position: absolute; + top: 22px; + left: 130px; + vertical-align: middle; + font-size: 14px; + } + .legend .choice { + margin-left: 30px; + opacity: 1; + cursor: default; + margin-bottom: 2px; + }

Kink list

+
+
Not Entered +
Favorite +
Yes +
Maybe +
No +