|
|
1번째 줄: |
1번째 줄: |
| HTML JS Result Skip Results Iframe
| | {{#multimaps: 10, 10 |
|
| | }} |
|
| |
|
| <div class="container">
| |
| <br /><br />
| |
| <a class="waves-effect waves-light btn" onClick="expandAll();"><i class="material-icons left">fullscreen</i>Expand All</a>
| |
| <a class="waves-effect waves-light btn" onClick="collapseAll();"><i class="material-icons left">fullscreen_exit</i>Collapse All</a>
| |
| <br /><br />
| |
| <ul class="collapsible" data-collapsible="expandable">
| |
| <li>
| |
| <div class="collapsible-header"><i class="mdi-navigation-chevron-right"></i><a name="987"/>First</a></div>
| |
| <div class="collapsible-body"><p>First Things First</p></div>
| |
| </li>
| |
| <li>
| |
| <div class="collapsible-header"><i class="mdi-navigation-chevron-right"></i>Second</div>
| |
| <div class="collapsible-body"><p>Give me a second ...</p></div>
| |
| </li>
| |
| <li>
| |
| <div class="collapsible-header"><i class="mdi-navigation-chevron-right"></i>Third</div>
| |
| <div class="collapsible-body"><p>I don't like being a third wheel</div>
| |
| </li>
| |
| <li>
| |
| <div class="collapsible-header"><i class="mdi-navigation-chevron-right"></i>4</div>
| |
| <div class="collapsible-body"><p>I don't asdsadasdasd being a third wheel</div>
| |
| </li>
| |
| </ul>
| |
|
| |
|
| </div>
| | {{slippymap |
| == 유튜브 == | | |lat= 48.2274 |
| | | |lon= 16.3835 |
| <youtube>JaAinxIdbRg</youtube>
| | |zoom= 15 (12 default) |
| == 반응형 웹 == | | |width= 300 (400 default) |
| .title { font-size: 18px; } | | |height=300 (400 default) |
| | | |layer= Leaflet (Standard tile layer is the default) |
| @media (max-width: 1023px) {
| | }} |
| .title { font-size: 16px; }
| |
| }
| |
| | |
| @media (max-width: 767px) {
| |
| .title { font-size: 14px; } | |
| }
| |
| | |
| @media (max-width: 639px) {
| |
| .title { font-size: 12px; }
| |
| } | |
| == 틀 스타일 == | | == 틀 스타일 == |
| <templatestyles src="BubbleBox/styles.css" /> | | <templatestyles src="BubbleBox/styles.css" /> |