/usr/share/ubuntu-html5-ui-toolkit/0.1/examples/widgets/Buttons.html is in ubuntu-html5-ui-toolkit-examples 0.1.2+14.04.20140404-0ubuntu2.
This file is owned by root:root, with mode 0o644.
The actual contents of the file can be viewed below.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 | <!--
Copyright (C) 2013 Adnane Belmadiaf <daker@ubuntu.com>
License granted by Canonical Limited
This file is part of ubuntu-html5-ui-toolkit.
This package is free software; you can redistribute it and/or modify
it under the terms of the GNU Lesser General Public License as
published by the Free Software Foundation; either version 3 of the
License, or
(at your option) any later version.
This package is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU Lesser General Public
License along with this program. If not, see
<http://www.gnu.org/licenses/>.
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="copyright" content="Adnane Belmadiaf <daker@ubuntu.com>">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Ubuntu HTML5 UI SDK: Buttons</title>
<link href="../../../0.1/ambiance/css/appTemplate.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div data-role="mainview">
<div class="content">
<header data-role="header">
<ul data-role="tabs">
<li data-role="tabitem" data-page="main" class="active">Buttons</li>
</ul>
</header>
<div class="inset">
<div style="width: 200px; float:left; margin-right: 20px;">
<button data-role="button">Primary action</button>
</div>
</div>
<div class="inset">
<div style="width: 200px; float:left; margin-right: 20px;">
<button data-role="button" class="secondary">Secondary</button>
</div>
<div style="width: 200px; float:left; margin-right: 20px;">
<button data-role="button">Primary action</button>
</div>
</div>
<div class="inset">
<div style="width: 200px; float:left; margin-right: 20px;">
<button data-role="button" class="negative">Negative</button>
</div>
<div style="width: 200px; float:left; margin-right: 20px;">
<button data-role="button">Warning</button>
</div>
</div>
<div class="inset">
<div style="width: 200px; float:left; margin-right: 20px;">
<button data-role="button" class="positive">Primary action</button>
</div>
</div>
<div class="inset">
<div style="width: 200px; float:left; margin-right: 20px;">
<button data-role="button" class="secondary positive">Secondary</button>
</div>
<div style="width: 200px; float:left; margin-right: 20px;">
<button data-role="button" class="positive">Primary action</button>
</div>
</div>
<div class="inset">
<div style="width: 200px; float:left; margin-right: 20px;">
<button data-role="button" class="negative positive">Negative</button>
</div>
<div style="width: 200px; float:left; margin-right: 20px;">
<button data-role="button" class="positive">Confirmation</button>
</div>
</div>
<div class="inset">
<div style="width: 200px; float:left; margin-right: 20px;">
<button data-role="button" class="information">Primary action</button>
</div>
</div>
<div class="inset">
<div style="width: 200px; float:left; margin-right: 20px;">
<button data-role="button" class="secondary information">Secondary</button>
</div>
<div style="width: 200px; float:left; margin-right: 20px;">
<button data-role="button" class="information">Primary action</button>
</div>
</div>
</div>
</div>
</body>
</html>
|