changeset 2804:11ee34c4c66a

add support for admonitions icons to basic theme
author RogerHaase <haaserd@gmail.com>
date Sun, 05 Oct 2014 13:53:22 -0700
parents f7eca386b4a9
children b87848b2fa47
files MoinMoin/themes/basic/static/css/theme.css MoinMoin/themes/basic/static/custom-less/admonitions.css MoinMoin/themes/basic/static/custom-less/theme.less
diffstat 3 files changed, 140 insertions(+), 0 deletions(-) [+]
line wrap: on
line diff
--- a/MoinMoin/themes/basic/static/css/theme.css	Sun Oct 05 08:09:59 2014 -0700
+++ b/MoinMoin/themes/basic/static/css/theme.css	Sun Oct 05 13:53:22 2014 -0700
@@ -5787,6 +5787,72 @@
   }
 }
 /* end of bootstrap.less */
+/* start of admonitions.css */
+/* admonitions  - no moin- prefix added  here, these classes are used within moinwiki:
+      {{{#!wiki caution
+      ReST: .. caution:: some text
+      Docbook: <caution><para>some text</para></caution>
+*/
+/* TODO: create icons for attention, danger, error, and hint. */
+div.attention {
+  background-image: url("../img/admonitions/important.png");
+}
+div.caution {
+  background-image: url("../img/admonitions/caution.png");
+}
+div.danger {
+  background-image: url("../img/admonitions/warning.png");
+}
+div.error {
+  background-image: url("../img/admonitions/warning.png");
+}
+div.hint {
+  background-image: url("../img/admonitions/tip.png");
+}
+div.important {
+  background-image: url("../img/admonitions/important.png");
+}
+div.note {
+  background-image: url("../img/admonitions/note.png");
+}
+div.tip {
+  background-image: url("../img/admonitions/tip.png");
+}
+div.warning {
+  background-image: url("../img/admonitions/warning.png");
+}
+div.attention,
+div.caution,
+div.danger,
+div.error,
+div.hint,
+div.important,
+div.note,
+div.tip,
+div.warning {
+  color: black;
+  background-color: #F9F9FF;
+  background-repeat: no-repeat;
+  background-position: 8px 8px;
+  border: 1px solid #E5E5E5;
+  margin: 10px 30px 10px 30px;
+  min-height: 64px;
+  padding-left: 64px;
+  clear: both;
+}
+div.attention > p,
+div.caution > p,
+div.danger > p,
+div.error > p,
+div.hint > p,
+div.important > p,
+div.note > p,
+div.tip > p,
+div.warning > p {
+  margin-top: 8px;
+  /* to align text with big graphic */
+}
+/* end of admonitions.css */
 /* start of pygments colorful.css */
 .hll {
   background-color: #ffffcc;
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/MoinMoin/themes/basic/static/custom-less/admonitions.css	Sun Oct 05 13:53:22 2014 -0700
@@ -0,0 +1,65 @@
+/* admonitions  - no moin- prefix added  here, these classes are used within moinwiki:
+      {{{#!wiki caution
+      ReST: .. caution:: some text
+      Docbook: <caution><para>some text</para></caution>
+*/
+
+/* TODO: create icons for attention, danger, error, and hint. */
+
+div.attention {
+    background-image: url("../img/admonitions/important.png");
+}
+div.caution {
+    background-image: url("../img/admonitions/caution.png");
+}
+div.danger {
+    background-image: url("../img/admonitions/warning.png");
+}
+div.error {
+    background-image: url("../img/admonitions/warning.png");
+}
+div.hint {
+    background-image: url("../img/admonitions/tip.png");
+}
+div.important {
+    background-image: url("../img/admonitions/important.png");
+}
+div.note {
+    background-image: url("../img/admonitions/note.png");
+}
+div.tip {
+    background-image: url("../img/admonitions/tip.png");
+}
+div.warning {
+    background-image: url("../img/admonitions/warning.png");
+}
+div.attention,
+div.caution,
+div.danger,
+div.error,
+div.hint,
+div.important,
+div.note,
+div.tip,
+div.warning {
+    color: black;
+    background-color: #F9F9FF;
+    background-repeat: no-repeat;
+    background-position: 8px 8px;
+    border: 1px solid #E5E5E5;
+    margin: 10px 30px 10px 30px;
+    min-height: 64px;
+    padding-left: 64px;
+    clear: both;
+}
+div.attention > p,
+div.caution > p,
+div.danger > p,
+div.error > p,
+div.hint > p,
+div.important > p,
+div.note > p,
+div.tip > p,
+div.warning > p {
+    margin-top: 8px;  /* to align text with big graphic */
+}
--- a/MoinMoin/themes/basic/static/custom-less/theme.less	Sun Oct 05 08:09:59 2014 -0700
+++ b/MoinMoin/themes/basic/static/custom-less/theme.less	Sun Oct 05 13:53:22 2014 -0700
@@ -6,6 +6,11 @@
 
 @import "moin-variables.less";
 
+
+/* start of admonitions.css */
+@import (less) "admonitions.css";
+/* end of admonitions.css */
+
 /* start of pygments colorful.css */
 @import (less) "colorful.css";
 /* end of pygments colorful.css */
@@ -684,6 +689,8 @@
     padding-left: 30px;
   }
 }
+
+// special formatting for tickets with basic theme
 #moin-ticketsearch-query {
   background-image: url('../../../../static/img/search.png');
   background-repeat: no-repeat;
@@ -769,6 +776,8 @@
   height: 35px;
   padding-top: 6px;
 }
+// end special formatting for tickets with basic theme
+
 html{
   overflow-y: scroll;
 }