extract_base_class.css

/* Line 2338 of global.css*/
.feedback {
    color: #333;
    padding: 0.7em 5em 0.7em 4.3em;
    margin: 1.2em 0 1em 0 !important;
    clear: left;
}

.confirm,
.positive,
.notice { 
    @extend .feedback;
    background: #eff6e8 url(/img/circle-check-green.gif) 1.3em 0.5em no-repeat; 
    border-top: 1px solid #A5CC7A; 
    border-bottom: 1px solid #A5CC7A;
}

.warning,
.warningPersistant {     
    @extend .feedback;
    background: #fff url(/img/circle-yellow-exclamation.gif) 1.3em 0.5em no-repeat; 
    border-top: 1px solid #ddd; 
    border-bottom: 1px solid #ddd;
    }

.error {     
    @extend .feedback;
    background: #fff url(/img/circle-red-exclamation.gif) 1.3em 0.5em no-repeat; 
    border-top: 1px solid #ddd; 
    border-bottom: 1px solid #ddd;
}

.info {
    @extend .feedback;
    background: #fff url(/img/circle-yellow-info.gif) 1.3em 0.5em no-repeat;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.feedback div {
    display: inline;
    background: none;
    padding: 0;
    margin: 0;
}

.feedback p {
    margin: 0;
}

.feedback h3,
.feedback strong {
    font-weight: bold !important;
    letter-spacing: normal !important;
    font-size: 1.2em !important;
    padding: 0 0.5em 0 0 !important;
    margin: 0 !important;
    display: inline;
}

.positive h3,
.positive strong,
.confirm h3,
.contirm strong {
    color: #e18015;
}

.warning h3,
.warning strong,
.warningPersistant h3,
.warningPersistant strong {
    color: #b50b05;
}

.error h3,
.error strong {
    color: #b50b05;
}

.confirm:hover {
    color: #030;
}

h2 .confirm {
    font-size: 50%;
    float: right;
}

.instruction {
    background: #EAF2FA url(/img/feature-box.gif) 0 0 no-repeat;
    margin-bottom: 1em;
    color: #6C7D8E;
}

.instruction div {
    background: url(/img/feature-box.gif) 100% 100% no-repeat;
    padding: 15px 15px 10px 15px;
}

.instruction h3 {
    color: #6C7D8E;
}

extract_base_class.diff

--- feedback.reformatted_raw.css	2010-05-24 20:11:19.000000000 -0700
+++ feedback_extract_base_class.css	2010-05-24 20:11:03.000000000 -0700
@@ -1,4 +1,5 @@
 /* Line 2338 of global.css*/
+.feedback,
 .confirm,
 .error,
 .warning,
@@ -22,29 +23,30 @@
 
 .warning,
 .warningPersistant {
-  background: #fff url(/img/circle-yellow-exclamation.gif) 1.3em 0.5em no-repeat;
+  background: white url(/img/circle-yellow-exclamation.gif) 1.3em 0.5em no-repeat;
   border-top: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
 }
 
 .error {
-  background: #fff url(/img/circle-red-exclamation.gif) 1.3em 0.5em no-repeat;
+  background: white url(/img/circle-red-exclamation.gif) 1.3em 0.5em no-repeat;
   border-top: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
 }
 
 .info {
-  background: #fff url(/img/circle-yellow-info.gif) 1.3em 0.5em no-repeat;
+  background: white url(/img/circle-yellow-info.gif) 1.3em 0.5em no-repeat;
   border-top: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
 }
 
+.feedback div,
 .positive div,
 .confirm div,
 .error div,
 .warning div,
 .warningPersistant div,
-.info div
+.info div,
 .notice div {
   display: inline;
   background: none;
@@ -52,20 +54,25 @@
   margin: 0;
 }
 
+.feedback p,
 .positive p,
 .confirm p,
 .error p,
 .warning p,
 .warningPersistant p,
-.info p
+.info p,
 .notice p {
   margin: 0;
 }
 
+.feedback h3,
+.feedback strong,
 .positive h3,
 .positive strong,
 .confirm h3,
-.contirm strong,
+.confirm strong,
+.notice h3,
+.notice strong,
 .warning h3,
 .warning strong,
 .warningPersistant h3,
@@ -111,7 +118,7 @@
 }
 
 .instruction {
-  background: #EAF2FA url(/img/feature-box.gif) 0 0 no-repeat;
+  background: #eaf2fa url(/img/feature-box.gif) 0 0 no-repeat;
   margin-bottom: 1em;
   color: #6C7D8E;
 }

feedback_extract_mixin.css

/* Line 2338 of global.css */
.feedback {
    color: #333;
    padding: 0.7em 5em 0.7em 4.3em;
    margin: 1.2em 0 1em 0 !important;
    clear: left;
}

@mixin feedback-appearance($bg-color, $icon, $border-color) {
    background: $bg-color url(/img/circle-#{$icon}.gif) 1.3em 0.5em no-repeat; 
    border-top: 1px solid $border-color; 
    border-bottom: 1px solid $border-color;
}

.confirm,
.positive,
.notice { 
    @extend .feedback;
    @include feedback-appearance(#eff6e8, "check-green", #A5CC7A);
}

.warning,
.warningPersistant {     
    @extend .feedback;
    @include feedback-appearance(#fff, "yellow-exclamation", #ddd);
}

.error {     
    @extend .feedback;
    @include feedback-appearance(#fff, "red-exclamation", #ddd);
}

.info {
    @extend .feedback;
    @include feedback-appearance(#fff, "yellow-info", #ddd);
}

.feedback {
    div {
        display: inline;
        background: none;
        padding: 0;
        margin: 0;
    }

    p { margin: 0; }
}

h3, strong {
    .feedback & {
        font-weight: bold !important;
        letter-spacing: normal !important;
        font-size: 1.2em !important;
        padding: 0 0.5em 0 0 !important;
        margin: 0 !important;
        display: inline;
    }
    .positive &,
    .confirm &           { color: #e18015; }

    .warning &,
    .warningPersistant & { color: #b50b05; }

    .error &             { color: #b50b05; }
}

.confirm {
    &:hover { color: #030; }
    h2 & {
        font-size: 50%;
        float: right;
    }
}

.instruction {
    background: #EAF2FA url(/img/feature-box.gif) 0 0 no-repeat;
    margin-bottom: 1em;
    color: #6C7D8E;

    div {
        background: url(/img/feature-box.gif) 100% 100% no-repeat;
        padding: 15px 15px 10px 15px;
    }

    h3 { color: #6C7D8E; }
}

feedback_nested.css

/* Line 2338 of global.css*/
.feedback {
    color: #333;
    padding: 0.7em 5em 0.7em 4.3em;
    margin: 1.2em 0 1em 0 !important;
    clear: left;
}

.confirm,
.positive,
.notice { 
    @extend .feedback;
    background: #eff6e8 url(/img/circle-check-green.gif) 1.3em 0.5em no-repeat; 
    border-top: 1px solid #A5CC7A; 
    border-bottom: 1px solid #A5CC7A;
}

.warning,
.warningPersistant {     
    @extend .feedback;
    background: #fff url(/img/circle-yellow-exclamation.gif) 1.3em 0.5em no-repeat; 
    border-top: 1px solid #ddd; 
    border-bottom: 1px solid #ddd;
}

.error {     
    @extend .feedback;
    background: #fff url(/img/circle-red-exclamation.gif) 1.3em 0.5em no-repeat; 
    border-top: 1px solid #ddd; 
    border-bottom: 1px solid #ddd;
}

.info {
    @extend .feedback;
    background: #fff url(/img/circle-yellow-info.gif) 1.3em 0.5em no-repeat;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.feedback {
    div {
        display: inline;
        background: none;
        padding: 0;
        margin: 0;
    }

    p { margin: 0; }
}

h3, strong {
    .feedback & {
        font-weight: bold !important;
        letter-spacing: normal !important;
        font-size: 1.2em !important;
        padding: 0 0.5em 0 0 !important;
        margin: 0 !important;
        display: inline;
    }
    .positive &,
    .confirm &           { color: #e18015; }

    .warning &,
    .warningPersistant & { color: #b50b05; }

    .error &             { color: #b50b05; }
}

.confirm {
    &:hover { color: #030; }
    h2 & {
        font-size: 50%;
        float: right;
    }
}

.instruction {
    background: #EAF2FA url(/img/feature-box.gif) 0 0 no-repeat;
    margin-bottom: 1em;
    color: #6C7D8E;

    div {
        background: url(/img/feature-box.gif) 100% 100% no-repeat;
        padding: 15px 15px 10px 15px;
    }

    h3 { color: #6C7D8E; }
}

feedback_original.css

/* This file started on line 2338 of global.css */
.confirm,
.error,
.warning,
.warningPersistant,
.info,
.positive,
.notice {
    color: #333;
    padding: 0.7em 5em 0.7em 4.3em;
    margin: 1.2em 0 1em 0 !important;
    clear: left;
} /* ie6 */ 

.confirm,
.positive,
.notice { 
    background: #eff6e8 url(/img/circle-check-green.gif) 1.3em 0.5em no-repeat; 
    border-top: 1px solid #A5CC7A; 
    border-bottom: 1px solid #A5CC7A;
}

.warning,
.warningPersistant, {     
    background: #fff url(/img/circle-yellow-exclamation.gif) 1.3em 0.5em no-repeat; 
    border-top: 1px solid #ddd; 
    border-bottom: 1px solid #ddd;
    }

.error {     
    background: #fff url(/img/circle-red-exclamation.gif) 1.3em 0.5em no-repeat; 
    border-top: 1px solid #ddd; 
    border-bottom: 1px solid #ddd;
}

.info {
    background: #fff url(/img/circle-yellow-info.gif) 1.3em 0.5em no-repeat;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.positive div,
.confirm div,
.error div,
.warning div,
.warningPersistant div,
.info div
.notice div {
    display: inline;
    background: none;
    padding: 0;
    margin: 0;
}

.positive p,
.confirm p,
.error p,
.warning p,
.warningPersistant p,
.info p
.notice p {
    margin: 0;
}

.positive h3,
.positive strong,
.confirm h3,
.contirm strong,
.warning h3,
.warning strong,
.warningPersistant h3,
.warningPersistant strong,
.error h3,
.error strong,
.info h3,
.info strong {
    font-weight: bold !important;
    letter-spacing: normal !important;
    font-size: 1.2em !important;
    padding: 0 0.5em 0 0 !important;
    margin: 0 !important;
    display: inline;
}

.positive h3,
.positive strong,
.confirm h3,
.contirm strong {
    color: #e18015;
}

.warning h3,
.warning strong,
.warningPersistant h3,
.warningPersistant strong {
    color: #b50b05;
}

.error h3,
.error strong {
    color: #b50b05;
}

.confirm:hover {
    color: #030;
}

h2 .confirm {
    font-size: 50%;
    float: right;
}

.instruction {
    background: #EAF2FA url(/img/feature-box.gif) 0 0 no-repeat;
    margin-bottom: 1em;
    color: #6C7D8E;
}

.instruction div {
    background: url(/img/feature-box.gif) 100% 100% no-repeat;
    padding: 15px 15px 10px 15px;
}

.instruction h3 {
    color: #6C7D8E;
}

final_generated_output.css

/* Line 2338 of global.css */
.feedback, .confirm,
.positive,
.notice, .warning,
.warningPersistant, .error, .info {
  color: #333;
  padding: 0.7em 5em 0.7em 4.3em;
  margin: 1.2em 0 1em 0 !important;
  clear: left;
}

.confirm,
.positive,
.notice {
  background: #eff6e8 url(/img/circle-check-green.gif) 1.3em 0.5em no-repeat;
  border-top: 1px solid #a5cc7a;
  border-bottom: 1px solid #a5cc7a;
}

.warning,
.warningPersistant {
  background: white url(/img/circle-yellow-exclamation.gif) 1.3em 0.5em no-repeat;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

.error {
  background: white url(/img/circle-red-exclamation.gif) 1.3em 0.5em no-repeat;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

.info {
  background: white url(/img/circle-yellow-info.gif) 1.3em 0.5em no-repeat;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

.feedback div, .confirm div,
.positive div,
.notice div, .warning div,
.warningPersistant div, .error div, .info div {
  display: inline;
  background: none;
  padding: 0;
  margin: 0;
}
.feedback p, .confirm p,
.positive p,
.notice p, .warning p,
.warningPersistant p, .error p, .info p {
  margin: 0;
}

.feedback h3, .confirm h3,
.positive h3,
.notice h3, .warning h3,
.warningPersistant h3, .error h3, .info h3, .feedback strong, .confirm strong,
.positive strong,
.notice strong, .warning strong,
.warningPersistant strong, .error strong, .info strong {
  font-weight: bold !important;
  letter-spacing: normal !important;
  font-size: 1.2em !important;
  padding: 0 0.5em 0 0 !important;
  margin: 0 !important;
  display: inline;
}
.positive h3, .confirm h3, .positive strong, .confirm strong {
  color: #e18015;
}
.warning h3, .warningPersistant h3, .warning strong, .warningPersistant strong {
  color: #b50b05;
}
.error h3, .error strong {
  color: #b50b05;
}

.confirm:hover {
  color: #030;
}
h2 .confirm {
  font-size: 50%;
  float: right;
}

.instruction {
  background: #eaf2fa url(/img/feature-box.gif) 0 0 no-repeat;
  margin-bottom: 1em;
  color: #6C7D8E;
}
.instruction div {
  background: url(/img/feature-box.gif) 100% 100% no-repeat;
  padding: 15px 15px 10px 15px;
}
.instruction h3 {
  color: #6C7D8E;
}