| @@ -224,6 +224,11 @@ footer ul li:not(:last-child)::after { | |||||
| background-color: rgba(255, 60, 30, 0.2); | background-color: rgba(255, 60, 30, 0.2); | ||||
| } | } | ||||
| #flashes .dismiss { | |||||
| float: right; | |||||
| margin: 0 0 0.5em 0.5em; | |||||
| } | |||||
| #character-portrait { | #character-portrait { | ||||
| position: relative; | position: relative; | ||||
| display: inline-block; | display: inline-block; | ||||
| @@ -14,6 +14,17 @@ $(function() { | |||||
| return false; | return false; | ||||
| }); | }); | ||||
| // Allow user to dismiss flashes: | |||||
| $("#flashes > div").each(function() { | |||||
| $(this).prepend($("<a>", { | |||||
| addClass: "dismiss", | |||||
| href: "#" | |||||
| }).html("[×]").click(function() { | |||||
| $(this).parent().remove(); | |||||
| return false; | |||||
| })); | |||||
| }); | |||||
| // Toggle character options on click: | // Toggle character options on click: | ||||
| var charopts = $("#character-options"); | var charopts = $("#character-options"); | ||||
| charopts.hide(); | charopts.hide(); | ||||