From 6b6d52e73a9fb756aa1577f4b59a529369562409 Mon Sep 17 00:00:00 2001
From: Markus Meier <maekke@gentoo.org>
Date: Wed, 23 Jul 2014 21:58:47 +0200
Subject: [PATCH 5/7] use bootstrap alerts for important, note, todo and
 warning tags

- drop replaced css parts
---
 devbook.xsl   | 24 ++++++++++++------------
 devmanual.css | 52 ----------------------------------------------------
 2 files changed, 12 insertions(+), 64 deletions(-)

diff --git a/devbook.xsl b/devbook.xsl
index c9fb066..81d9ad1 100644
--- a/devbook.xsl
+++ b/devbook.xsl
@@ -227,30 +227,30 @@
   </xsl:template>
 
   <xsl:template match="important">
-    <div class="important">
-    <p class="first admonition-title">Important</p>
-    <p class="last"><xsl:apply-templates/></p>
+    <div class="alert alert-info" role="alert">
+    <strong>Important:</strong>
+    <xsl:apply-templates/>
     </div>
   </xsl:template>
 
   <xsl:template match="note">
-    <div class="note">
-    <p class="first admonition-title">Note</p>
-    <p class="last"><xsl:apply-templates/></p>
+    <div class="alert alert-success" role="alert">
+    <strong>Note:</strong>
+    <xsl:apply-templates/>
     </div>
   </xsl:template>
 
   <xsl:template match="todo">
-    <div class="todo">
-    <p class="first admonition-title">Todo</p>
-    <p class="last"><xsl:apply-templates/></p>
+    <div class="alert alert-success" role="alert">
+    <strong>Todo:</strong>
+    <xsl:apply-templates/>
     </div>
   </xsl:template>
 
   <xsl:template match="warning">
-    <div class="warning">
-    <p class="first admonition-title">Warning</p>
-    <p class="last"><xsl:apply-templates/></p>
+    <div class="alert alert-warning" role="alert">
+    <strong>Warning:</strong>
+    <xsl:apply-templates/>
     </div>
   </xsl:template>
 
diff --git a/devmanual.css b/devmanual.css
index 9f7e18a..3a49c84 100644
--- a/devmanual.css
+++ b/devmanual.css
@@ -156,58 +156,6 @@ code, pre, tt {
     font-family: monospace;
 }
 
-div.warning    p.admonition-title,
-div.note       p.admonition-title,
-div.todo       p.admonition-title,
-div.admonition p.admonition-title,
-div.important  p.admonition-title {
-    font-weight: bold;
-    display: inline;
-}
-
-div.warning    p,
-div.note       p,
-div.todo       p,
-div.admonition p,
-div.important  p {
-    display: inline;
-}
-
-div.warning    p.admonition-title:after,
-div.note       p.admonition-title:after,
-div.todo       p.admonition-title:after,
-div.admonition p.admonition-title:after,
-div.important  p.admonition-title:after {
-    content: ":";
-}
-
-div.note, div.warning,
-div.important, div.todo,
-div.admonition {
-    padding: 4px;
-    text-align: justify;
-}
-
-div.note {
-    background-color: #c9c4ff;
-}
-
-div.warning {
-    background-color: #ee9999;
-}
-
-div.important {
-    background-color: #99ee99;
-}
-
-div.todo {
-    background-color: #cccccc;
-}
-
-div.admonition {
-    background-color: #ffffff;
-}
-
 blockquote.epigraph p {
     font-size: 80%;
     font-style: italic;
-- 
1.8.5.5