mirror of
https://github.com/mdn/webextensions-examples.git
synced 2026-04-17 06:48:37 +02:00
130366e5f6
Used the browser style property to make it possible to use the firefox style guide. more info on the guide, see the link: https://firefoxux.github.io/StyleGuide/#/controls
42 lines
1.2 KiB
HTML
42 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<link rel="stylesheet" href="tabs.css"/>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="panel">
|
|
<div class="panel-section panel-section-header">
|
|
<div class="text-section-header">Tabs-tabs-tabs</div>
|
|
</div>
|
|
|
|
<a href="#" id="tabs-move-beginning">Move active tab to the beginning of the window</a><br>
|
|
<a href="#" id="tabs-move-end">Move active tab to the end of the window</a><br>
|
|
|
|
<div class="panel-section-separator"></div>
|
|
|
|
<a href="#" id="tabs-duplicate">Duplicate active tab</a><br>
|
|
<a href="#" id="tabs-reload">Reload active tab</a><br>
|
|
<a href="#" id="tabs-alertinfo">Alert active tab info</a><br>
|
|
|
|
<div class="panel-section-separator"></div>
|
|
|
|
<a href="#" id="tabs-create">Create a tab</a><br>
|
|
<a href="#" id="tabs-remove">Remove active tab</a><br>
|
|
|
|
<div class="panel-section-separator"></div>
|
|
|
|
|
|
<button id="tabs-add-zoom" class="normal">Zoom in</button>
|
|
<button href="#" id="tabs-default-zoom" class="default">Reset zoom</button>
|
|
<button href="#" id="tabs-decrease-zoom" class="normal">Zoom out</button>
|
|
|
|
</div>
|
|
|
|
<script src="tabs.js"></script>
|
|
</body>
|
|
|
|
</html>
|