max-height: 90%;
z-index: 2;
}
+input.stickynote + .stickynote:nth-of-type(2n) {
+ background-color: #8FF;
+ top: 8em;
+}
+
input.stickynote + .stickynote > * { display: none; }
input.stickynote + .stickynote > label {
position: absolute;
- top: 0; bottom: 0;
+ top: 0; bottom: 0; right: .5ex;
display: block;
text-align: right;
font-weight: bold;
left: -1ex;
}
input.stickynote:checked + .stickynote {
- width: auto;
- left: 1em;
- right: 1em;
+ width: auto; left: 1em; right: 1em;
}
+input.stickynote:checked + .stickynote > * { display: block; }
input.stickynote:checked + .stickynote > textarea {
display: block;
position: absolute;
background-color: #FF8;
padding: 2em 1em;
}
-input.stickynote:checked + .stickynote > button {
+input.stickynote:checked + .stickynote > button[type="submit"] {
display: block;
position: absolute;
right: .5ex; bottom: .5ex;