| | 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 | }}} |