Add style for alerts

Remove style for exercises

4 files changed, 54 insertions, 52 deletions

diff --git a/theme/stylesheets/website/alerts.less b/theme/stylesheets/website/alerts.less
new file mode 100644
index 0000000..22fc863
--- /dev/null
+++ b/theme/stylesheets/website/alerts.less
@@ -0,0 +1,31 @@
+.alert {
+    padding: 15px;
+    margin-bottom: 20px;
+    color: #444;
+    background: #eee;
+    border-bottom: 5px solid #ddd;
+}
+
+.alert-success {
+    background: @state-success-bg;
+    border-color: @state-success-border;
+    color: @state-success-text;
+}
+
+.alert-info {
+    background: @state-info-bg;
+    border-color: @state-info-border;
+    color: @state-info-text;
+}
+
+.alert-danger {
+    background: @state-danger-bg;
+    border-color: @state-danger-border;
+    color: @state-danger-text;
+}
+
+.alert-warning {
+    background: @state-warning-bg;
+    border-color: @state-warning-border;
+    color: @state-warning-text;
+}
diff --git a/theme/stylesheets/website/exercise.less b/theme/stylesheets/website/exercise.less
deleted file mode 100755
index 7eddb37..0000000
--- a/theme/stylesheets/website/exercise.less
+++ /dev/null
@@ -1,52 +0,0 @@
-.book .book-body .page-wrapper .page-inner {
-    section.exercise {
-        padding: 0px;
-        margin: 20px 15px;
-        border: 3px solid #2f8cde;
-        background: #fff;
-        color: @content-color;
-        font-family: sans-serif;
-
-        .header {
-            padding: 5px 15px;
-
-            color: #fff;
-            background: #2f8cde;
-
-            h2 {
-                margin: 0px;
-                font-size: 20px;
-            }
-        }
-
-        .message {
-            margin: 5px 15px;
-        }
-
-        .editor {
-            min-height: 50px;
-            font-size: 14px;
-            border-top: 1px solid #ddd;
-            border-bottom: 1px solid #ddd;
-        }
-
-
-        .alert {
-            display: none;
-            margin: 0px;
-            margin-bottom: 10px;
-            padding: 8px 15px;
-        }
-
-        &.return-error {
-            .alert-danger {
-                display: block;
-            }
-        }
-        &.return-success {
-            .alert-success {
-                display: block;
-            }
-        }
-    }
-}
\ No newline at end of file
diff --git a/theme/stylesheets/website/markdown.less b/theme/stylesheets/website/markdown.less
index 85e22c4..25e9ae6 100755
--- a/theme/stylesheets/website/markdown.less
+++ b/theme/stylesheets/website/markdown.less
@@ -1,3 +1,7 @@
+.book .book-body .page-wrapper .page-inner section {
+    display: none;
+}
+
 .book .book-body .page-wrapper .page-inner section.normal {
     -ms-text-size-adjust: 100%;
     -webkit-text-size-adjust: 100%;
@@ -6,6 +10,7 @@
     overflow: hidden;
     line-height: @content-line-height;
     word-wrap: break-word;
+    display: block;
 
     & > *:first-child {
         margin-top: 0 !important;
diff --git a/theme/stylesheets/website/variables.less b/theme/stylesheets/website/variables.less
index 4fba26f..be84bc3 100644
--- a/theme/stylesheets/website/variables.less
+++ b/theme/stylesheets/website/variables.less
@@ -67,6 +67,24 @@
 @dropdown-border-color:               @sidebar-divider-color;
 @dropdown-button-hover-color:         @header-button-hover-color;
 
+// States and alerts
+@state-success-text:             #3c763d;
+@state-success-bg:               #dff0d8;
+@state-success-border:           darken(spin(@state-success-bg, -10), 5%);
+
+@state-info-text:                #31708f;
+@state-info-bg:                  #d9edf7;
+@state-info-border:              darken(spin(@state-info-bg, -10), 7%);
+
+@state-warning-text:             #8a6d3b;
+@state-warning-bg:               #fcf8e3;
+@state-warning-border:           darken(spin(@state-warning-bg, -10), 5%);
+
+@state-danger-text:              #a94442;
+@state-danger-bg:                #f2dede;
+@state-danger-border:            darken(spin(@state-danger-bg, -10), 5%);
+
+
 // Border Radius
 @border-radius-base:                  1px;
 @border-radius-large:                 3px;