| 107 | === CSS === |
| 108 | * Inline CSS can be included |
| 109 | * //[http://www.w3schools.com/css/css_howto.asp Three Ways to Insert CSS]// |
| 110 | * However this does not allow "hover " effets |
| 111 | * //[http://stackoverflow.com/questions/1033156/how-to-write-ahover-in-inline-css How to write a:hover in inline CSS?]// |
| 112 | * "Hover" is a selector (not exactly CSS)... |
| 113 | * //[http://www.w3schools.com/cssref/sel_hover.asp CSS :hover Selector]// |
| 114 | * [http://ianlunn.github.io/Hover/ Hover.css library] |
| 115 | * It does not allow for dropdown effect based on hover... |
| 116 | * //[http://www.w3schools.com/css/css_dropdowns.asp CSS Dropdowns]// |
| 125 | }}} |
| 126 | {{{ |
| 127 | #!div style="border: 1pt dotted; margin: 1em" |
| 128 | **wikipage** is another predefined class that will |
| 129 | be used when no class is specified. [https://trac.edgewall.org/wiki/WikiHtml Using HTML in Wiki Text] |
| 130 | }}} |
| 131 | {{{ |
| 132 | #!html |
| 133 | <div style="position: relative; display: inline-block;"> |
| 134 | <span>Anchor (1)</span> |
| 135 | <div style="position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); padding: 12px 16px; z-index: 1;"> |
| 136 | <p>Anchored (1)</p> |
| 137 | </div> |
| 138 | </div> |
| 139 | }}} |
| 140 | {{{ |
| 141 | #!div style="position: relative; display: inline-block;" |
| 142 | [[span(Anchor (2), style=color: green; font-size: 120%)]] |
| 143 | {{{ |
| 144 | #!div style="position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); padding: 12px 16px; z-index: 1;" |
| 145 | Anchored (2) |
| 146 | }}} |