Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

styled delete button

  • Loading branch information...
commit e4af25cff8d269e579aa9850bdf57431ab33f7ba 1 parent acd1b7f
@alesdotio alesdotio authored
View
5 djangocms_admin_style/sass/partials/_content.scss
@@ -11,7 +11,7 @@
margin-bottom: 2px; margin-top: 0; padding: 10px; }
caption {
background: none; color: $font-color-light; font-size: 130%; font-weight: bold;
- line-height: 1.75em; margin-bottom: 10px; padding: 0;
+ line-height: 1.75em; margin: 0 0 5px 5px; padding: 0;
a.section, a.section:link, a.section:visited { color: $font-color-light; }
}
table {
@@ -49,7 +49,8 @@
@include box-shadow($background-color-white 0 0 $button-shadow-width inset !important);
background: $background-color-light;
background: $background-color-transparent !important;
- .deletelink-box a { }
+ .deletelink-box { line-height: 24px; }
+ .deletelink { @include button-common(); @include button-red(); }
input[type="submit"].default { margin-left: 10px; }
}
View
11 djangocms_admin_style/static/cms/css/djangocms-admin.css
@@ -220,7 +220,7 @@ fieldset table { border: none; }
.module { -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.08); -o-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.08); padding: 0; background: white; border: none; margin-bottom: 5px; margin-bottom: 10px; padding: 10px 15px 15px; }
.module h2, .module h3, .module h4, .module h5, .module h6 { margin-bottom: 12px; margin-top: 0; }
.module h2 { background: none; border-bottom: 1px solid #dddddd; color: #444444; font-size: 100%; margin-bottom: 2px; margin-top: 0; padding: 10px; }
-.module caption { background: none; color: #888888; font-size: 130%; font-weight: bold; line-height: 1.75em; margin-bottom: 10px; padding: 0; }
+.module caption { background: none; color: #888888; font-size: 130%; font-weight: bold; line-height: 1.75em; margin: 0 0 5px 5px; padding: 0; }
.module caption a.section, .module caption a.section:link, .module caption a.section:visited { color: #888888; }
.module table { margin: 0; }
.module table th { padding: 2px 5px !important; line-height: 13px; }
@@ -244,6 +244,15 @@ fieldset table { border: none; }
.inline-related h3 { background: none; border-bottom: none; }
.submit-row { -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; border: 1px solid #dddddd; padding: 10px; -moz-box-shadow: white 0 0 2px inset !important; -webkit-box-shadow: white 0 0 2px inset !important; -o-box-shadow: white 0 0 2px inset !important; box-shadow: white 0 0 2px inset !important; background: #f1f1f1; background: rgba(255, 255, 255, 0.2) !important; }
+.submit-row .deletelink-box { line-height: 24px; }
+.submit-row .deletelink { -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #efefef)) !important; background-image: -webkit-linear-gradient(#ffffff, #efefef) !important; background-image: -moz-linear-gradient(#ffffff, #efefef) !important; background-image: -o-linear-gradient(#ffffff, #efefef) !important; background-image: linear-gradient(#ffffff, #efefef) !important; -moz-box-shadow: #efefef 0 0 2px inset !important; -webkit-box-shadow: #efefef 0 0 2px inset !important; -o-box-shadow: #efefef 0 0 2px inset !important; box-shadow: #efefef 0 0 2px inset !important; background-color: white !important; border: 1px solid #efefef !important; border-bottom: 1px solid #cccccc !important; color: #555555 !important; font-weight: bolder !important; font-size: 12px !important; line-height: 15px !important; overflow: visible; padding: 5px 10px 5px !important; text-decoration: none !important; width: auto; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ef4a4a), color-stop(100%, #e80101)) !important; background-image: -webkit-linear-gradient(#ef4a4a, #e80101) !important; background-image: -moz-linear-gradient(#ef4a4a, #e80101) !important; background-image: -o-linear-gradient(#ef4a4a, #e80101) !important; background-image: linear-gradient(#ef4a4a, #e80101) !important; -moz-box-shadow: #ef4a4a 0 0 2px inset !important; -webkit-box-shadow: #ef4a4a 0 0 2px inset !important; -o-box-shadow: #ef4a4a 0 0 2px inset !important; box-shadow: #ef4a4a 0 0 2px inset !important; background-color: #e80101 !important; border: 1px solid #ef4a4a !important; border-bottom: 1px solid #d50101 !important; color: white !important; }
+.submit-row .deletelink:hover { background: white !important; }
+.submit-row .deletelink.small { padding: 3px 8px 4px !important; }
+.submit-row .deletelink:hover, .submit-row .deletelink:active, .submit-row .deletelink.select, .submit-row .deletelink:visited { background: white; color: #555555; text-decoration: none; }
+.submit-row .deletelink.animate { -moz-background-size: 100% 400%; -webkit-background-size: 100% 400%; -o-background-size: 100% 400%; background-size: 100% 400%; background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0)); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0)); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0)); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0)); }
+.submit-row .deletelink:hover { background: #ef4a4a !important; color: white !important; }
+.submit-row .deletelink:active { background: #e80101 !important; }
+.submit-row .deletelink.animate { -moz-background-size: 100% 400%; -webkit-background-size: 100% 400%; -o-background-size: 100% 400%; background-size: 100% 400%; background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0)); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0)); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0)); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0)); }
.submit-row input[type="submit"].default { margin-left: 10px; }
.selector .selector-available, .selector .selector-chosen { -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; border: 1px solid #dddddd; }
Please sign in to comment.
Something went wrong with that request. Please try again.