1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677 |
- @import "globals";
- .delete-confirmation {
- #content > h1 + p + h2 + ul {
- background: $warning-color;
- color: $warning-text-color;
- border-radius: 4px;
- padding: 20px;
- list-style-type: none;
- margin: 0;
- li {
- list-style: none;
- line-height: 1.8;
- }
- }
- #content > ul:nth-of-type(2), #content > h1 + p + ul {
- background: $content-background-color;
- border-radius: 4px;
- box-shadow: 0 2px 0 0 $content-border2-color;
- &, ul {
- list-style-type: none;
- margin: 0;
- padding: 0;
- li {
- list-style: disc;
- line-height: 1.8;
- }
- }
- ul {
- margin-left: 20px;
- }
- > li {
- padding: 8px;
- border-bottom: 1px solid $content-border-color;
- font-size: 13px;
- list-style: none;
- &:last-child {
- border-bottom: 0;
- }
- }
- }
- #content form {
- margin-top: 20px;
- input[type="submit"] {
- background-color: $danger-button-background-color;
- color: $danger-button-text-color;
- font-size: 12px;
- font-weight: lighter;
- padding: 0 20px;
- text-transform: uppercase;
- &:hover, &:focus {
- background-color: $button-hover-background-color;
- color: $button-hover-text-color;
- }
- &:active {
- background-color: $button-active-background-color;
- color: $button-active-text-color;
- }
- }
- .button {
- vertical-align: middle;
- margin-left: 10px;
- }
- }
- }
|