ColorCodes: Alignments

master
Rob Emery 2015-01-20 21:42:57 +00:00
parent 55b7dd1ff3
commit 7a3450ad4b
2 changed files with 9 additions and 6 deletions

View File

@ -99,7 +99,7 @@ sub create_output {
. "<a href='http://www.color-hex.com/color/" . $hex . "' title='Tints, information and similar colors on color-hex.com' class='tx-clr--dk2'>Info</a></p>" . "<a href='http://www.color-hex.com/color/" . $hex . "' title='Tints, information and similar colors on color-hex.com' class='tx-clr--dk2'>Info</a></p>"
. "</div>" . "</div>"
. "<div class='column2 tx-clr--dk2'>" . "<div class='column2 tx-clr--dk2'>"
. "<div>$comps</div>" . "<div class='complementary'>$comps</div>"
. "<div>$analogs</div>" . "<div>$analogs</div>"
. "</div>"; . "</div>";

View File

@ -1,6 +1,6 @@
.zci--answer .zci--color-codes .colorcodesbox { .zci--answer .zci--color-codes .colorcodesbox {
height: 125px; height: 120px;
width: 125px; width: 120px;
margin: 5px; margin: 5px;
margin-right: 20px; margin-right: 20px;
margin-top: 3px; margin-top: 3px;
@ -13,8 +13,8 @@
.zci--answer .zci--color-codes .mini-color { .zci--answer .zci--color-codes .mini-color {
display: inline-block; display: inline-block;
width: 2.0em; width: 2.05em;
height: 2.0em; height: 2.05em;
} }
.zci--answer .zci--color-codes p.no_vspace { .zci--answer .zci--color-codes p.no_vspace {
@ -35,7 +35,6 @@
margin-left: 2em; margin-left: 2em;
} }
.zci--answer .zci--color-codes .mini-color:nth-of-type(n+2) { .zci--answer .zci--color-codes .mini-color:nth-of-type(n+2) {
margin-left: -0.7em; margin-left: -0.7em;
} }
@ -48,4 +47,8 @@
.zci--answer .zci--color-codes .desc_column { .zci--answer .zci--color-codes .desc_column {
display: inline-block; display: inline-block;
width: 10em; width: 10em;
}
.zci--answer .zci--color-codes .complementary {
margin-bottom: 0.25em;
} }