Differences

This shows you the differences between two versions of the page.

--- plugin:wrap:extensions [2019-03-19 14:47] – [Evenly spaced boxes] florious
+++ plugin:wrap:extensions [2019-03-19 15:11] – [Content Boxes] florious
@@ Line 111: / Line 111: @@
 \\
-===== Content Boxes =====
+===== Content Nice Boxes =====
+**[[http://deseng.ryerson.ca/dokuwiki/wiki:content_blocks_with_wrap|Exemples]]**
 I've found a nice (I think) way to use WRAP to make content boxes suitable to make announcements, some types of alerts, floating notes, etc. The general look is rather like content boxes on the Wikipedia main page.
@@ Line 120: / Line 121: @@
 --- [[user>FilSalustri|FilSalustri]] //2015-11-24 02:12//
+<file css userstyle.css>
+/* CONTAINER CLASS FOR ANNOUNCEMENTS & DEFAULT COLOURS*/
+.dokuwiki div.wrap_announcement {
+    padding: 10px 10px 0px;
+    margin-bottom: 1.5em;
+    overflow: hidden;
+    background-color: #eeeeee;
+    border: 2px solid #bbbbbb;
+}
+/* DEFAULT COLOURS & MODS FOR HEADINGS IN ANNOUNCEMENTS. */
+.dokuwiki div.wrap_announcement h2,
+.dokuwiki div.wrap_announcement h3,
+.dokuwiki div.wrap_announcement h4,
+.dokuwiki div.wrap_announcement h5,
+.dokuwiki div.wrap_announcement h6 {
+    padding: 5px 10px 0px;
+    margin: -10px -10px 10px;
+    border: 0;
+    color: #000000;
+    background-color: #bbbbbb;
+}
+/* ANNOUNCEMENT COLORS */
+.dokuwiki div.wrap_green {
+    background-color: #f6fff0;
+    border: 2px solid #DEF2CF;
+}
+.dokuwiki div.wrap_blue {
+    background-color: #f0f8ff;
+    border: 2px solid #D9E5FD;
+}
+.dokuwiki div.wrap_orange {
+    background-color: #fff9f6;
+    border: 2px solid #FEECBD;
+}
+.dokuwiki div.wrap_red {
+    background-color: #FFF5F5;
+    border: 2px solid #FED1CD;
+}
+.dokuwiki div.wrap_yellow {
+    background-color: #fffff0;
+    border: 2px solid #F8F8B4;
+}
+.dokuwiki div.wrap_purple {
+    background-color: #fff0ff;
+    border: 2px solid #FCD9F1;
+}
+.dokuwiki div.wrap_aqua {
+    background-color: #f0fffa;
+    border: 2px solid #CEE5EE;
+}
+/* COLOUR MODS FOR HEADINGS IN ANNOUNCEMENTS. */
+.dokuwiki div.wrap_green h2,
+.dokuwiki div.wrap_green h3,
+.dokuwiki div.wrap_green h4,
+.dokuwiki div.wrap_green h5,
+.dokuwiki div.wrap_green h6
+{ background-color:    #DEF2CF; }
+.dokuwiki div.wrap_blue h2,
+.dokuwiki div.wrap_blue h3,
+.dokuwiki div.wrap_blue h4,
+.dokuwiki div.wrap_blue h5,
+.dokuwiki div.wrap_blue h6
+{ background-color: #D9E5FD; }
+.dokuwiki div.wrap_orange h2,
+.dokuwiki div.wrap_orange h3,
+.dokuwiki div.wrap_orange h4,
+.dokuwiki div.wrap_orange h5,
+.dokuwiki div.wrap_orange h6
+{ background-color: #FEECBD; }
+.dokuwiki div.wrap_red h2,
+.dokuwiki div.wrap_red h3,
+.dokuwiki div.wrap_red h4,
+.dokuwiki div.wrap_red h5,
+.dokuwiki div.wrap_red h6
+{ background-color: #FED1CD; }
+.dokuwiki div.wrap_yellow h2,
+.dokuwiki div.wrap_yellow h3,
+.dokuwiki div.wrap_yellow h4,
+.dokuwiki div.wrap_yellow h5,
+.dokuwiki div.wrap_yellow h6
+{ background-color: #F8F8B4; }
+.dokuwiki div.wrap_purple h2,
+.dokuwiki div.wrap_purple h3,
+.dokuwiki div.wrap_purple h4,
+.dokuwiki div.wrap_purple h5,
+.dokuwiki div.wrap_purple h6
+{ background-color: #FCD9F1; }
+.dokuwiki div.wrap_aqua h2,
+.dokuwiki div.wrap_aqua h3,
+.dokuwiki div.wrap_aqua h4,
+.dokuwiki div.wrap_aqua h5,
+.dokuwiki div.wrap_aqua h6
+{ background-color: #CEE5EE; }
+</file>
+--- [[user>florious|florious]] //2019-03-19 15:09//
+\\
+\\
 ===== Change format of any ordered list =====