form > button[type=submit] {
position: fixed; display: block;
- top: 0; left: 15em;
+ top: 0; right: 2.5em;
height: 2.25em; padding: 0 3ex;
font-size: 1em; font-weight: bold;
color: #000; background-color: #FDD;
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;