Difference between revisions of "Template:Observe"

Latest revision as of 16:41, 12 December 2021

Observe

Observe, Ponder, and Journal:

@@ Line 1: / Line 1: @@
-<div style="background-color: powderblue; border: solid thin black; padding:10px;">
+<div class="d-flex flex-row rounded py-1 {{{class|}}}" style="min-width: 280px;flex:1">
-<table style="width: 100%;">
+  <div class="d-flex flex-column flex-md-row w-100 align-items-start">
-<tr>
+    <div class="d-flex flex-column justify-content-center px-4 py-2 pb-md-3 rounded alert-primary mr-0 mr-md-4 w-auto" title="Observe, Ponder and Journal"><!--
-  <td style="width: 20%;" rowspan="2">[[File:ObserveIcon.png|left|link=]]</td>
+   --><span class="badge badge-primary mt-2 mb-2" style="font-size:1rem">Observe</span><!--
-  <td style="width: 80%; padding:5px; text-align:center; font-size:larger; color: black;">Observe, Ponder, and Journal {{{1}}}</td></tr>
+   -->[[File:ObserveIcon.png|class=m-auto d-none d-md-inline-block|link=]]
-<tr>
+    </div>
-<td style="width: 80%; padding:5px; text-align:left; color: black; vertical-align: top;">{{{2}}}</td>
+    <div class="w-100 mt-3">Observe, Ponder, and Journal: <b>{{{1|}}}</b>
-</tr>
+{{{2|}}}
-</table>
+    </div>
+  </div>
 </div>