Remove webkit-guide from examples
Qt5WebKit is now deprecated and removed from the packages. Change-Id: I176344cb2a6b43ffc44cc0e7ef1abb4e765a35b4 Reviewed-by: Allan Sandfeld Jensen <allan.jensen@theqtcompany.com> Reviewed-by: Topi Reiniö <topi.reinio@digia.com>
This commit is contained in:
Kai Koehne
Topi Reiniö
parent
06d90c14b4
commit
c890fa4787
@ -1,40 +0,0 @@
|
||||
<!--
|
||||
|
||||
This file is part of QtWebKit
|
||||
|
||||
Copyright (c) 2015 The Qt Company Ltd.
|
||||
Contact: http://www.qt.io/licensing/
|
||||
|
||||
|
||||
You may use this file under the terms of the BSD license as follows:
|
||||
|
||||
"Redistribution and use in source and binary forms, with or without
|
||||
modification, are permitted provided that the following conditions are
|
||||
met:
|
||||
|
||||
o Redistributions of source code must retain the above copyright
|
||||
notice, this list of conditions and the following disclaimer.
|
||||
|
||||
o Redistributions in binary form must reproduce the above copyright
|
||||
notice, this list of conditions and the following disclaimer in the
|
||||
documentation and/or other materials provided with the distribution.
|
||||
|
||||
o Neither the name of The Qt Company Ltd nor the names of its
|
||||
contributors may be used to endorse or promote products derived
|
||||
from this software without specific prior written permission.
|
||||
|
||||
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
|
||||
-->
|
||||
|
||||
\1
|
||||
@ -1,332 +0,0 @@
|
||||
<!--
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the examples of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
-->
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>image assets</title>
|
||||
|
||||
<style>
|
||||
img { max-height: 72px; }
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<h1>image assets</h1>
|
||||
|
||||
Notes:
|
||||
|
||||
<ul>
|
||||
|
||||
<li>Some of these may be redundant; feel free to merge
|
||||
|
||||
<li>Feel free to rename files, but give me before & after list of filenames so I can reflect the change
|
||||
|
||||
<li>use neutral grayscale if possible
|
||||
|
||||
<li>use PNG file format if possible
|
||||
|
||||
<li>I plan to cut new set of generic icons
|
||||
(e.g., <a href="anim_skew.htm">HERE</a> to be white text on darkish
|
||||
gray, probably #777777)
|
||||
|
||||
<li>No more need for online/offline indicators (red/green circles) for
|
||||
this draft.
|
||||
|
||||
</ul>
|
||||
|
||||
<table border="1" width="100%">
|
||||
|
||||
<tr>
|
||||
<th>FILENAME</th>
|
||||
<th>IMAGE (thumbnail & link)</th>
|
||||
<th>USED ON PAGE</th>
|
||||
<th>DESCRIPTION</th>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>icon_dismiss.png,<br/>icon_dismiss_x22.png</td>
|
||||
<td>
|
||||
<a target="elsewhere" href="img/icon_dismiss.png"><img src="img/icon_dismiss.png"/></a>
|
||||
<a target="elsewhere" href="img/icon_dismiss_x22.png"><img src="img/icon_dismiss_x22.png"/></a>
|
||||
</td>
|
||||
<td>
|
||||
<a target="elsewhere" href="anim_skew.htm">HERE</a>
|
||||
<a target="elsewhere" href="storage.htm">HERE</a>
|
||||
<a target="elsewhere" href="css3_text-overflow.htm">HERE</a>
|
||||
<a target="elsewhere" href="layout_tbl-keyhole.htm">HERE</a>
|
||||
</td>
|
||||
<td>Dismiss panel or listed item</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>icon_expand-nav.png</td>
|
||||
<td><a target="elsewhere" href="img/icon_expand-nav.png"><img src="img/icon_expand-nav.png"/></a></td>
|
||||
<td><a target="elsewhere" href="anim_accord.htm">HERE</a></td>
|
||||
<td>expand complex set of navigation options</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>icon_nav-up.png</td>
|
||||
<td><a target="elsewhere" href="img/icon_nav-up.png"><img src="img/icon_nav-up.png"/></a></td>
|
||||
<td><a target="elsewhere" href="layout_tbl-keyhole.htm">HERE</a></td>
|
||||
<td>navigate within listings (up arrow also serves as down arrow using rotate transform)</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>icon_drill-up.png,<br/>icon_drill-up_x32.png</td>
|
||||
<td>
|
||||
<a target="elsewhere" href="img/icon_drill-up.png"><img src="img/icon_drill-up.png"/></a>
|
||||
<a target="elsewhere" href="img/icon_drill-up_x32.png"><img src="img/icon_drill-up_x32.png"/></a>
|
||||
</td>
|
||||
<td><a target="elsewhere" href="anim_slide1.htm">HERE</a></td>
|
||||
<td>navigate up one level within sliding drilldown UI</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>icon_drill-down.png,<br/>icon_drill-down_x32.png</td>
|
||||
<td>
|
||||
<a target="elsewhere" href="img/icon_drill-down.png"><img src="img/icon_drill-down.png"/></a>
|
||||
<a target="elsewhere" href="img/icon_drill-down_x32.png"><img src="img/icon_drill-down_x32.png"/></a>
|
||||
</td>
|
||||
<td><a target="elsewhere" href="anim_slide1.htm">HERE</a></td>
|
||||
<td>navigate down one level within sliding drilldown UI</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>icon_scroll-left.png</td>
|
||||
<td><a target="elsewhere" href="img/icon_scroll-left.png"><img src="img/icon_scroll-left.png"/></a></td>
|
||||
<td><a target="elsewhere" href="css3_scroll.htm">HERE</a></td>
|
||||
<td>custom horizontal scroll button</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>icon_scroll-right.png</td>
|
||||
<td><a target="elsewhere" href="img/icon_scroll-right.png"><img src="img/icon_scroll-right.png"/></a></td>
|
||||
<td><a target="elsewhere" href="css3_scroll.htm">HERE</a></td>
|
||||
<td>custom horizontal scroll button</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>icon_head-expanded.png,<br/>icon_head-expanded_x13.png</td>
|
||||
<td>
|
||||
<a target="elsewhere" href="img/icon_head-expanded.png"><img src="img/icon_head-expanded.png"/></a>
|
||||
<a target="elsewhere" href="img/icon_head-expanded_x13.png"><img src="img/icon_head-expanded_x13.png"/></a>
|
||||
</td>
|
||||
<td><a target="elsewhere" href="anim_accord.htm">HERE</a>
|
||||
<a target="elsewhere" href="css3_backgrounds.htm">HERE</a></td>
|
||||
<td>marks accordion heading expanded state</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>icon_head-collapsed.png,<br/>icon_head-collapsed_x13.png</td>
|
||||
<td>
|
||||
<a target="elsewhere" href="img/icon_head-collapsed.png"><img src="img/icon_head-collapsed.png"/></a>
|
||||
<a target="elsewhere" href="img/icon_head-collapsed_x13.png"><img src="img/icon_head-collapsed_x13.png"/></a>
|
||||
</td>
|
||||
<td><a target="elsewhere" href="anim_accord.htm">HERE</a>
|
||||
<a target="elsewhere" href="css3_backgrounds.htm">HERE</a></td>
|
||||
<td>marks accordion heading collapsed state</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>icon_info.png,<br/>icon_info_x24.png</td>
|
||||
<td>
|
||||
<a target="elsewhere" href="img/icon_info.png"><img src="img/icon_info.png"/></a>
|
||||
<a target="elsewhere" href="img/icon_info_x24.png"><img src="img/icon_info_x24.png"/></a>
|
||||
</td>
|
||||
<td><a target="elsewhere" href="storage.htm">HERE</a></td>
|
||||
<td>link to panel specifying user preferences</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>icon_list-all.png,<br/>icon_list-all_circ.png</td>
|
||||
<td>
|
||||
<a target="elsewhere" href="img/icon_list-all.png"><img src="img/icon_list-all.png"/></a>
|
||||
<a target="elsewhere" href="img/icon_list-all_circ.png"><img src="img/icon_list-all_circ.png"/></a>
|
||||
</td>
|
||||
<td><a target="elsewhere" href="anim_skew.htm">HERE</a></td>
|
||||
<td>within UI listing items users can filter by category, this indicates LIST ALL ITEMS</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>gradient.jpg</td>
|
||||
<td><a target="elsewhere" href="img/gradient.jpg"><img src="img/gradient.jpg"/></a></td>
|
||||
<td><a target="elsewhere" href="css3_backgrounds.htm">HERE</a></td>
|
||||
<td>serves as background for expanded accordion heads (demonstrates CSS's >1 background image feature)</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>border-frame.png</td>
|
||||
<td><a target="elsewhere" href="img/border-frame.png"><img src="img/border-frame.png"/></a></td>
|
||||
<td><a target="elsewhere" href="css3_border-img.htm">HERE</a></td>
|
||||
<td>border around chunk of text (got this from Wei Lu's sample; simply demo's this feature)</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>mask.png</td>
|
||||
<td><a target="elsewhere" href="img/mask.png"><img src="img/mask.png"/></a></td>
|
||||
<td><a target="elsewhere" href="css3_mask-img.htm">HERE</a></td>
|
||||
<td>Used as a gradient to mask an image; think I got this one from <a href="http://webkit.org/blog/181/css-masks/">webkit.org</a></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>icon_check.png,<br/>icon_check_x24green.png</td>
|
||||
<td>
|
||||
<a target="elsewhere" href="img/icon_check.png"><img src="img/icon_check.png"/></a>
|
||||
<a target="elsewhere" href="img/icon_check_x24green.png"><img src="img/icon_check_x24green.png"/></a>
|
||||
</td>
|
||||
<td><a target="elsewhere" href="form_tapper.htm">HERE</a></td>
|
||||
<td>This is not available as a separate file; it's specified within
|
||||
CSS using the "data:" URL scheme. It indicates radio/checkbox
|
||||
selection state within tappable UI; keep green if possible to match
|
||||
border</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<th colspan="4">FILE FORMATS</th>
|
||||
<tr>
|
||||
|
||||
<tr>
|
||||
<td>icon_link-sms.png</td>
|
||||
<td><a target="elsewhere" href="img/icon_link-sms.png"><img src="img/icon_link-sms.png"/></a></td>
|
||||
<td><a target="elsewhere" href="layout_link-fmt.htm">HERE</a></td>
|
||||
<td>provides visual hint marking context of hyperlink, in this case a link to initiate an instant message</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>icon_link-tel.png</td>
|
||||
<td><a target="elsewhere" href="img/icon_link-tel.png"><img src="img/icon_link-tel.png"/></a></td>
|
||||
<td><a target="elsewhere" href="layout_link-fmt.htm">HERE</a></td>
|
||||
<td>...link to make phone call</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>icon_link-xls.png</td>
|
||||
<td><a target="elsewhere" href="img/icon_link-xls.png"><img src="img/icon_link-xls.png"/></a></td>
|
||||
<td><a target="elsewhere" href="layout_link-fmt.htm">HERE</a></td>
|
||||
<td>...link to excel file</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>icon_link-doc.png</td>
|
||||
<td><a target="elsewhere" href="img/icon_link-doc.png"><img src="img/icon_link-doc.png"/></a></td>
|
||||
<td><a target="elsewhere" href="layout_link-fmt.htm">HERE</a></td>
|
||||
<td>...link to MS Word file</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>icon_link-email.png</td>
|
||||
<td><a target="elsewhere" href="img/icon_link-email.png"><img src="img/icon_link-email.png"/></a></td>
|
||||
<td><a target="elsewhere" href="layout_link-fmt.htm">HERE</a></td>
|
||||
<td>...email link</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>icon_link-external.png</td>
|
||||
<td><a target="elsewhere" href="img/icon_link-external.png"><img src="img/icon_link-external.png"/></a></td>
|
||||
<td><a target="elsewhere" href="layout_link-fmt.htm">HERE</a></td>
|
||||
<td>...link to web page external to current site</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>icon_link-pdf.png</td>
|
||||
<td><a target="elsewhere" href="img/icon_link-pdf.png"><img src="img/icon_link-pdf.png"/></a></td>
|
||||
<td><a target="elsewhere" href="layout_link-fmt.htm">HERE</a></td>
|
||||
<td>...loink to PDF file</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>icon_link-ppt.png</td>
|
||||
<td><a target="elsewhere" href="img/icon_link-ppt.png"><img src="img/icon_link-ppt.png"/></a></td>
|
||||
<td><a target="elsewhere" href="layout_link-fmt.htm">HERE</a></td>
|
||||
<td>...link to PowerPoint file</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>icon_link-rss.png</td>
|
||||
<td><a target="elsewhere" href="img/icon_link-rss.png"><img src="img/icon_link-rss.png"/></a></td>
|
||||
<td><a target="elsewhere" href="layout_link-fmt.htm">HERE</a></td>
|
||||
<td>...link to RSS feed</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<th colspan="4">UNUSED</th>
|
||||
<tr>
|
||||
|
||||
<tr>
|
||||
<td>icon_nav-top.png</td>
|
||||
<td><a target="elsewhere" href="img/icon_nav-top.png"><img src="img/icon_nav-top.png"/></a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>icon_nav-start.png</td>
|
||||
<td><a target="elsewhere" href="img/icon_nav-start.png"><img src="img/icon_nav-start.png"/></a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>icon_nav_end.png</td>
|
||||
<td><a target="elsewhere" href="img/icon_nav_end.png"><img src="img/icon_nav_end.png"/></a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>icon_question.png</td>
|
||||
<td><a target="elsewhere" href="img/icon_question.png"><img src="img/icon_question.png"/></a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>icon_trash.png</td>
|
||||
<td><a target="elsewhere" href="img/icon_trash.png"><img src="img/icon_trash.png"/></a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,320 +0,0 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en_US" lang="en_US">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<!-- examples.qdoc -->
|
||||
<title>CSS: SAMPLE PAGES</title>
|
||||
<link rel="stylesheet" type="text/css" href="style/style.css" />
|
||||
<script src="scripts/jquery.js" type="text/javascript"></script>
|
||||
<script src="scripts/functions.js" type="text/javascript"></script>
|
||||
<script src="./scripts/superfish.js" type="text/javascript"></script>
|
||||
<link rel="stylesheet" type="text/css" href="style/superfish.css" /> <script src="./scripts/narrow.js" type="text/javascript"></script>
|
||||
<link rel="stylesheet" type="text/css" href="style/narrow.css" />
|
||||
</head>
|
||||
<body class="" onload="CheckEmptyAndLoadList();">
|
||||
|
||||
<style>
|
||||
div.header, div.toolbar, div.feedback, div#feedbackBox, div.footer, div.sidebar { display: none; background: pink }
|
||||
div.toc {
|
||||
background: #dddddd;
|
||||
border: thin solid #777777;
|
||||
padding: 1em;
|
||||
border-radius: 1em;
|
||||
margin: 1em
|
||||
}
|
||||
div.toc li:before { color: lightcoral; text-transform: uppercase; }
|
||||
h3 { border-top: thick pink solid }
|
||||
h4 { border-top: medium gold solid }
|
||||
h5 { border-top: medium lightgreen solid }
|
||||
h3,h4,h5 { padding-top: 1em }
|
||||
li.level1 { margin-left: 0 }
|
||||
li.level2 { margin-left: 2em }
|
||||
li.level3 { margin-left: 4em }
|
||||
li.level4 { margin-left: 6em }
|
||||
li.level5 { margin-left: 8em }
|
||||
table { border: solid #777777 thin }
|
||||
tr:nth-of-type(even) { background: beige }
|
||||
tr:nth-of-type(odd) { background: lightblue }
|
||||
th {
|
||||
background: #777777;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
img[src^='images/cnd_'] { float: right; margin: 1em ; padding: 1em; border-radius: 1em; border: thin #777777 solid; }
|
||||
tt, pre { background: #dddddd; border: thin #dddddd solid; }
|
||||
a[href^='http://waplabdc.nokia-boston.com'] { color: black; }
|
||||
a[href^='http://waplabdc.nokia-boston.com']:before { content: url(http://waplabdc.nokia-boston.com/browser/users/sierra/x/img/html.jpg); }
|
||||
</style>
|
||||
<div class="header" id="qtdocheader">
|
||||
<div class="content">
|
||||
<div id="nav-logo">
|
||||
<a href="index.html">Home</a></div>
|
||||
<a href="index.html" class="qtref"><span>Qt Reference Documentation</span></a>
|
||||
<div id="narrowsearch"></div>
|
||||
<div id="nav-topright">
|
||||
<ul>
|
||||
<li class="nav-topright-home"><a href="http://qt.nokia.com/">Qt HOME</a></li>
|
||||
<li class="nav-topright-dev"><a href="http://developer.qt.nokia.com/">DEV</a></li>
|
||||
<li class="nav-topright-labs"><a href="http://labs.qt.nokia.com/blogs/">LABS</a></li>
|
||||
<li class="nav-topright-doc nav-topright-doc-active"><a href="http://doc.qt.nokia.com/">
|
||||
DOC</a></li>
|
||||
<li class="nav-topright-blog"><a href="http://blog.qt.nokia.com/">BLOG</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="shortCut">
|
||||
<ul>
|
||||
<li class="shortCut-topleft-inactive"><span><a href="index.html">Qt 4.7</a></span></li>
|
||||
<li class="shortCut-topleft-active"><a href="http://doc.qt.nokia.com">ALL VERSIONS </a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<ul class="sf-menu" id="narrowmenu">
|
||||
<li><a href="#">API Lookup</a>
|
||||
<ul>
|
||||
<li><a href="classes.html">Class index</a></li>
|
||||
<li><a href="functions.html">Function index</a></li>
|
||||
<li><a href="modules.html">Modules</a></li>
|
||||
<li><a href="namespaces.html">Namespaces</a></li>
|
||||
<li><a href="qtglobal.html">Global Declarations</a></li>
|
||||
<li><a href="qdeclarativeelements.html">QML elements</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">Qt Topics</a>
|
||||
<ul>
|
||||
<li><a href="qt-basic-concepts.html">Programming with Qt</a></li>
|
||||
<li><a href="qtquick.html">Device UIs & Qt Quick</a></li>
|
||||
<li><a href="qt-gui-concepts.html">UI Design with Qt</a></li>
|
||||
<li><a href="developing-with-qt.html">Cross-platform and Platform-specific</a></li>
|
||||
<li><a href="platform-specific.html">Platform-specific info</a></li>
|
||||
<li><a href="technology-apis.html">Qt and Key Technologies</a></li>
|
||||
<li><a href="best-practices.html">How-To's and Best Practices</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">Examples</a>
|
||||
<ul>
|
||||
<li><a href="all-examples.html">Examples</a></li>
|
||||
<li><a href="tutorials.html">Tutorials</a></li>
|
||||
<li><a href="qdeclarativeexamples.html">QML Examples</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<div class="hd">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="bd group">
|
||||
<div class="sidebar">
|
||||
<div class="searchlabel">
|
||||
Search index:</div>
|
||||
<div class="search" id="sidebarsearch">
|
||||
<form id="qtdocsearch" action="" onsubmit="return false;">
|
||||
<fieldset>
|
||||
<input type="text" name="searchstring" id="pageType" value="" />
|
||||
<div id="resultdialog">
|
||||
<a href="#" id="resultclose">Close</a>
|
||||
<p id="resultlinks" class="all"><a href="#" id="showallresults">All</a> | <a href="#" id="showapiresults">API</a> | <a href="#" id="showarticleresults">Articles</a> | <a href="#" id="showexampleresults">Examples</a></p>
|
||||
<p id="searchcount" class="all"><span id="resultcount"></span><span id="apicount"></span><span id="articlecount"></span><span id="examplecount"></span> results:</p>
|
||||
<ul id="resultlist" class="all">
|
||||
</ul>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
<div class="box first bottombar" id="lookup">
|
||||
<h2 title="API Lookup"><span></span>
|
||||
API Lookup</h2>
|
||||
<div id="list001" class="list">
|
||||
<ul id="ul001" >
|
||||
<li class="defaultLink"><a href="classes.html">Class index</a></li>
|
||||
<li class="defaultLink"><a href="functions.html">Function index</a></li>
|
||||
<li class="defaultLink"><a href="modules.html">Modules</a></li>
|
||||
<li class="defaultLink"><a href="namespaces.html">Namespaces</a></li>
|
||||
<li class="defaultLink"><a href="qtglobal.html">Global Declarations</a></li>
|
||||
<li class="defaultLink"><a href="qdeclarativeelements.html">QML elements</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box bottombar" id="topics">
|
||||
<h2 title="Qt Topics"><span></span>
|
||||
Qt Topics</h2>
|
||||
<div id="list002" class="list">
|
||||
<ul id="ul002" >
|
||||
<li class="defaultLink"><a href="qt-basic-concepts.html">Programming with Qt</a></li>
|
||||
<li class="defaultLink"><a href="qtquick.html">Device UIs & Qt Quick</a></li>
|
||||
<li class="defaultLink"><a href="qt-gui-concepts.html">UI Design with Qt</a></li>
|
||||
<li class="defaultLink"><a href="developing-with-qt.html">Cross-platform and Platform-specific</a></li>
|
||||
<li class="defaultLink"><a href="platform-specific.html">Platform-specific info</a></li>
|
||||
<li class="defaultLink"><a href="technology-apis.html">Qt and Key Technologies</a></li>
|
||||
<li class="defaultLink"><a href="best-practices.html">How-To's and Best Practices</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box" id="examples">
|
||||
<h2 title="Examples"><span></span>
|
||||
Examples</h2>
|
||||
<div id="list003" class="list">
|
||||
<ul id="ul003">
|
||||
<li class="defaultLink"><a href="all-examples.html">Examples</a></li>
|
||||
<li class="defaultLink"><a href="tutorials.html">Tutorials</a></li>
|
||||
<li class="defaultLink"><a href="qdeclarativeexamples.html">QML Examples</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrap">
|
||||
<div class="toolbar">
|
||||
<div class="breadcrumb toolblock">
|
||||
<ul>
|
||||
<li class="first"><a href="index.html">Home</a></li>
|
||||
<!-- Bread crumbs goes here -->
|
||||
<li>CSS: SAMPLE PAGES</li> </ul>
|
||||
</div>
|
||||
<div class="toolbuttons toolblock">
|
||||
<ul>
|
||||
<li id="smallA" class="t_button">A</li>
|
||||
<li id="medA" class="t_button active">A</li>
|
||||
<li id="bigA" class="t_button">A</li>
|
||||
<li id="print" class="t_button"><a href="javascript:this.print();">
|
||||
<span>Print</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content mainContent">
|
||||
<div class="toc">
|
||||
<h3><a name="toc">Contents</a></h3>
|
||||
<ul>
|
||||
<li class="level1"><a href="#css-sample-pages">CSS: SAMPLE PAGES</a></li>
|
||||
<li class="level2"><a href="#media-queries">Media Queries</a></li>
|
||||
<li class="level2"><a href="#selectors">Selectors</a></li>
|
||||
<li class="level2"><a href="#visual-effects">Visual Effects</a></li>
|
||||
<li class="level2"><a href="#dynamic-css">Dynamic CSS</a></li>
|
||||
<li class="level1"><a href="#storage">Storage</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<h1 class="title">CSS: SAMPLE PAGES</h1>
|
||||
<span class="subtitle"></span>
|
||||
<!-- $$$examples-description -->
|
||||
<div class="descr"> <a name="details"></a>
|
||||
<a name="css-sample-pages"></a>
|
||||
<h2>CSS: SAMPLE PAGES</h2>
|
||||
<a name="media-queries"></a>
|
||||
<h3>1. Media Queries</h3>
|
||||
<ol type="1">
|
||||
<li><a target="test" href="mob_mediaquery.htm">MEDIA-QUERY, BASIC</a>: produces message indicating browser class (desktop/touch/low-end mobile)</li>
|
||||
<li><a target="test" href="mob_layout.htm">MEDIA-QUERY, LAYOUT</a>: same, but produces various skeletal layouts using media query criteria; large 3-column layout must appear only on desktop browser</li>
|
||||
<li><a target="test" href="mob_condjs.htm">MEDIA-QUERY, STYLEMEDIA</a>: Same as #1, but JS produces corresponding message via StyleMedia API</li>
|
||||
</ol>
|
||||
<a name="selectors"></a>
|
||||
<h3>2. Selectors</h3>
|
||||
<ol type="1">
|
||||
<li><a target="test" href="layout_link-fmt.htm">SELECTOR, ATTRIBUTE PREFIX/SUFFIX</a>: links appear w/different icons based on URL prefix/suffix; linebreaks should not appear within inline links</li>
|
||||
<li><a target="test" href="form_tapper.htm">SELECTOR, FORMS, TAP</a>: radio/checkbox inputs can be tapped (only 1 at a time within 'radio' set; any number within 'checkbox' set)</li>
|
||||
<li><a target="test" href="form_toggler.htm">SELECTOR, FORMS, TOGGLE</a>: radio/checkbox inputs can be toggled (only 1 at a time within 'radio' inputs; any number within 'checkbox' inputs); 2 "binary" examples at bottom use custom text</li>
|
||||
<li><a target="test" href="layout_tbl-keyhole.htm">SELECTOR, NAVIGATIONAL, TABLE</a>: pressing "view listings" displays stacked table rows, one at a time</li>
|
||||
<li><a target="test" href="css3_sel-nth.htm">SELECTOR, POSITIONAL</a>: displays 4x6 icon grid, implemted via nth-of-type()</li>
|
||||
</ol>
|
||||
<a name="visual-effects"></a>
|
||||
<h3>3. Visual Effects</h3>
|
||||
<ol type="1">
|
||||
<li><a target="test" href="css3_backgrounds.htm">CSS, BACKGROUNDS</a>: selected accordion tabs display both gradient background and icon; unselected only displays icon; uses scaleY transition</li>
|
||||
<li><a target="test" href="css3_border-img.htm">CSS, BORDER IMAGE</a>: border image surrounds box</li>
|
||||
<li><a target="test" href="css3_shadow.htm">CSS, BOX-SHADOW, PLAIN</a>: nav element has shadow; icons appear smaller while pressed</li>
|
||||
<li><a target="test" href="css3_gradientBack.htm">CSS, GRADIENT, BACKGROUND</a>: background fades vertically from light to dark</li>
|
||||
<li><a target="test" href="css3_gradientBackStop.htm">CSS, GRADIENT, BACKGROUND, COLOR-STOP</a>: as you scroll down page, background fades vertically from dark to light and back to dark again</li>
|
||||
<li><a target="test" href="css3_gradientButton.htm">CSS, GRADIENT, BUTTON</a>: buttons appear with vertical shading, appearing w/inverted gradient when pressed</li>
|
||||
<li><a target="test" href="css3_grad-radial.htm">CSS, GRADIENT, RADIAL</a>: touching within box produces colorful *splat* effect for duration of touch</li>
|
||||
<li><a target="test" href="css3_mask-grad.htm">CSS, MASK, GRADIENT</a>: images appear w/gradient; touching them removes gradient</li>
|
||||
<li><a target="test" href="css3_mask-img.htm">CSS, MASK, IMAGE</a>: image fills screen but fades to black around the edges</li>
|
||||
<li><a target="test" href="css3_reflect.htm">CSS, REFLECTION</a>: heading and image both appear w/mirror reflections along bottom</li>
|
||||
<li><a target="test" href="css3_scroll.htm">CSS, SCROLLBARS</a>: code block scrollable via big buttons</li>
|
||||
<li><a target="test" href="css3_text-overflow.htm">CSS, TEXT-OVERFLOW</a>: items appear w/ellipses; touching them expands them; pressing (X) collapses them</li>
|
||||
<li><a target="test" href="css3_text-shadow.htm">CSS, TEXT-SHADOW</a>: heading text appears with shadow</li>
|
||||
<li><a target="test" href="css3_text-stroke.htm">CSS, TEXT-STROKE</a>: first heading appears w/black outline</li>
|
||||
</ol>
|
||||
<a name="dynamic-css"></a>
|
||||
<h3>4. Dynamic CSS</h3>
|
||||
<ol type="1">
|
||||
<li><a target="test" href="anim_demo-rotate.htm">ANIMATION, DEMO, ROTATE</a>: animated demo of rotating boxes</li>
|
||||
<li><a target="test" href="anim_demo-scale.htm">ANIMATION, DEMO, SCALE</a>: animated demo of shrinking/expanding box</li>
|
||||
<li><a target="test" href="anim_demo-skew.htm">ANIMATION, DEMO, SKEW</a>: animated demo of box being pushed and piulled around</li>
|
||||
<li><a target="test" href="anim_pulse.htm">ANIMATION, KEYFRAME, PULSE</a>: pressing icons causes them to pulse indefinitely</li>
|
||||
<li><a target="test" href="anim_slide1.htm">ANIMATION, KEYFRAME, SLIDING</a>: drill-down menus</li>
|
||||
<li><a target="test" href="css3_multicol.htm">ANIMATION, KEYFRAME, BANNER</a>: banner scrolls through 5 colorful items</li>
|
||||
<li><a target="test" href="anim_tabbedSkew.htm">ANIMATION, TRANSFORM, SKEWED TABS</a>: touching parts of cube displays different tabbed text</li>
|
||||
<li><a target="test" href="anim_accord.htm">ANIMATION, TRANSITION, CHAINED, ACCORDION</a>: tapping icon animates in collapsed accordions; tapping them animates in display of subheads; tapping anywhere else reverses animation sequence, collapsing back to initial icon</li>
|
||||
<li><a target="test" href="anim_panel.htm">ANIMATION, TRANSITION, MAX-WIDTH, PANEL</a>: pressing icon animates to expand panel of choices; pressing anywhere collapses panel back down to initial icon</li>
|
||||
<li><a target="test" href="anim_skew.htm">ANIMATION, TRANSITION, SKEW</a>: tapping items causes them to wipe off right edge w/skew effect; remainder re-pack vertically; touching each category icon removes non-matching items and drops down matching ones</li>
|
||||
<li><a target="test" href="anim_gallery.htm">ANIMATION, TRANSITION, TRANSLATE, GALLERY</a>: tapping images adjacent to main image animates them in; tapping current image flips to display text; w/text displaying, tapping adjacent image animates both effects @ same time</li>
|
||||
</ol>
|
||||
|
||||
<a name="storage"></a>
|
||||
<h2>5. Storage</h2>
|
||||
|
||||
<ol type="1">
|
||||
<li><a target="test" href="storage.htm">LOCAL/SESSION STORAGE</a>:
|
||||
When opened for first time, form opens featuring
|
||||
login/password/credit-card fields. Fill them out. Each input's
|
||||
background will go pink if input is invalid. Login & password
|
||||
validate simply as "required" so any string will do. Credit card
|
||||
validates as 16-digit numeral. After filling out, press dismiss box.
|
||||
Then quit & reopen browser, go back to page, and press (i) info icon
|
||||
to get back into form. login/password should be same as initially
|
||||
entered (localStorage), but credit-card data s/b absent
|
||||
(sessionStorage).
|
||||
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
</div>
|
||||
<!-- @@@examples -->
|
||||
<div class="feedback t_button">
|
||||
[+] Documentation Feedback</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ft">
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<p>
|
||||
<acronym title="Copyright">©</acronym> 2015 The Qt Company Ltd.
|
||||
The Qt Company, Qt and their respective logos are trademarks of The Qt
|
||||
Company Ltd in Finland and/or other countries worldwide.</p>
|
||||
<p>
|
||||
All other trademarks are property of their respective owners. <a title="Privacy Policy"
|
||||
href="http://qt.nokia.com/about/privacy-policy">Privacy Policy</a></p>
|
||||
<br />
|
||||
<p>
|
||||
Licensees holding valid Qt Commercial licenses may use this document in accordance with the Qt Commercial License Agreement provided with the Software or, alternatively, in accordance with the terms contained in a written agreement between you and The Qt Company.</p>
|
||||
<p>
|
||||
Alternatively, this document may be used under the terms of the <a href="http://www.gnu.org/licenses/fdl.html">GNU
|
||||
Free Documentation License version 1.3</a>
|
||||
as published by the Free Software Foundation.</p>
|
||||
</div>
|
||||
<div id="feedbackBox">
|
||||
<div id="feedcloseX" class="feedclose t_button">X</div>
|
||||
<form id="feedform" action="http://doc.qt.nokia.com/docFeedbck/feedback.php" method="get">
|
||||
<p id="noteHead">Thank you for giving your feedback.</p> <p class="note">Make sure it is related to this specific page. For more general bugs and
|
||||
requests, please use the <a href="http://bugreports.qt.io/secure/Dashboard.jspa">Qt Bug Tracker</a>.</p>
|
||||
<p><textarea id="feedbox" name="feedText" rows="5" cols="40"></textarea></p>
|
||||
<p><input id="feedsubmit" class="feedclose" type="submit" name="feedback" /></p>
|
||||
</form>
|
||||
</div>
|
||||
<div id="blurpage">
|
||||
</div>
|
||||
<script src="scripts/functions.js" type="text/javascript"></script>
|
||||
<!-- <script type="text/javascript">
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-4457116-5']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
(function() {
|
||||
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
||||
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
||||
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script> -->
|
||||
</body>
|
||||
</html>
|
||||
@ -1,123 +0,0 @@
|
||||
<!--
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the examples of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
-->
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta name='viewport' content='width=device-width' />
|
||||
<title>Nested Accordion</title>
|
||||
<link href='css/anim_accord.css' type='text/css' rel='stylesheet'/>
|
||||
</head>
|
||||
<body>
|
||||
<section class="main">
|
||||
<article>
|
||||
|
||||
<dl id="accordion" class="collapsed">
|
||||
|
||||
<dt><a href="#">Event Info</a></dt>
|
||||
<dd>
|
||||
<ul>
|
||||
<li><a href="#">Travel</a></li>
|
||||
<li><a href="#">Area Info</a></li>
|
||||
<li><a href="#">Hospitality</a></li>
|
||||
<li><a href="#">Schedule of Events</a></li>
|
||||
<li><a href="#">Spectator Guide</a></li>
|
||||
<li><a href="#">Contact Us</a></li>
|
||||
</ul>
|
||||
</dd>
|
||||
<dt><a href="#">Team Info</a></dt>
|
||||
<dd>
|
||||
<ul>
|
||||
<li><a href="#">Team Captain</a></li>
|
||||
<li><a href="#">Team Members</a></li>
|
||||
<li><a href="#">Team Standings</a></li>
|
||||
</ul>
|
||||
</dd>
|
||||
<dt><a href="#">Course</a></dt>
|
||||
<dd>
|
||||
<ul>
|
||||
<li><a href="#">Overview</a></li>
|
||||
<li><a href="#">Tour</a></li>
|
||||
<li><a href="#">History</a></li>
|
||||
</ul>
|
||||
</dd>
|
||||
<dt><a href="#">History</a></dt>
|
||||
<dd>
|
||||
<ul>
|
||||
<li><a href="#">Past Results</a></li>
|
||||
<li><a href="#">U.S. Player Records</a></li>
|
||||
<li><a href="#">European Player Records</a></li>
|
||||
<li><a href="#">All-Time Records</a></li>
|
||||
<li><a href="#">The Trophy</a></li>
|
||||
</ul>
|
||||
</dd>
|
||||
<dt><a href="#">News</a></dt>
|
||||
<dd>
|
||||
<ul>
|
||||
<li><a href="#">News Stotries</a></li>
|
||||
<li><a href="#">Interviews</a></li>
|
||||
<li><a href="#">Photo Gallery</a></li>
|
||||
<li><a href="#">Videos</a></li>
|
||||
</ul>
|
||||
</dd>
|
||||
</dl>
|
||||
|
||||
<h4>Nested Accordion</h4>
|
||||
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat
|
||||
gravida viverra. Vivamus ipsum felis, cursus sed venenatis nec, tempus
|
||||
ac tellus. Praesent luctus, risus eu vestibulum mollis, arcu mauris
|
||||
mollis ante, id mollis risus lectus ornare nisl. Aenean elementum arcu
|
||||
sed nibh faucibus pellentesque. Aliquam erat volutpat. Mauris tempor,
|
||||
urna at dignissim pellentesque, velit lacus dictum sem, non porttitor
|
||||
felis nulla nec risus. Donec a massa felis, a congue purus. Nullam et
|
||||
turpis diam. Aenean vestibulum egestas metus, eu sodales dolor
|
||||
venenatis quis. Aenean augue orci, facilisis et convallis ut, egestas
|
||||
at neque.
|
||||
</p>
|
||||
|
||||
</article>
|
||||
</section>
|
||||
<script src="js/anim_accord.js"></script>
|
||||
|
||||
<script src="js/mobile.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,64 +0,0 @@
|
||||
<!--
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the examples of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
-->
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta name='viewport' content='width=device-width' />
|
||||
<title>transforms: rotate</title>
|
||||
|
||||
<link href='css/anim_demo-rotate.css' type='text/css' rel='stylesheet'/>
|
||||
</head>
|
||||
<body>
|
||||
<section class="rotate">
|
||||
Rotate: from 0 to 180°, then to 360°<br/>(Origin: center)
|
||||
</section>
|
||||
|
||||
<section class="rotateOrigin">
|
||||
Rotate: from 0 to -180°, then to -360°<br/>(Origin: top left)
|
||||
</section>
|
||||
|
||||
<section class="end">
|
||||
(The End)
|
||||
</section>
|
||||
|
||||
<script src="js/mobile.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,68 +0,0 @@
|
||||
<!--
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the examples of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
-->
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta name='viewport' content='width=device-width' />
|
||||
<title>transforms: scale</title>
|
||||
|
||||
<link href='css/anim_demo-scale.css' type='text/css' rel='stylesheet'/>
|
||||
</head>
|
||||
<body>
|
||||
<section class="scale">
|
||||
Scale: from 0 to 0.5, to 1.5 and back.<br/>(Origin: bottom)
|
||||
</section>
|
||||
|
||||
<section class="scaleX">
|
||||
ScaleX: from 0 to 0.5, to 1.5 and back.<br/>(Origin: left)
|
||||
</section>
|
||||
|
||||
<section class="scaleY">
|
||||
ScaleY: from 0 to 0.5, to 1.5 and back.<br/>(Origin: center)
|
||||
</section>
|
||||
|
||||
<section class="end">
|
||||
(The End)
|
||||
</section>
|
||||
|
||||
<script src="js/mobile.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,62 +0,0 @@
|
||||
<!--
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the examples of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
-->
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta name='viewport' content='width=device-width' />
|
||||
<title>transforms: skew</title>
|
||||
<link href='css/anim_demo-skew.css' type='text/css' rel='stylesheet'/>
|
||||
</head>
|
||||
<body>
|
||||
<section class="skew">
|
||||
Skew: from 30° to -30° and back.<br/>(Origin: bottom)
|
||||
</section>
|
||||
|
||||
<section class="skewY">
|
||||
SkewY: from 30° to -30° and back.<br/>(Origin: left)
|
||||
</section>
|
||||
|
||||
<section class="end">
|
||||
(The End)
|
||||
</section>
|
||||
|
||||
<script src="js/mobile.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,115 +0,0 @@
|
||||
<!--
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the examples of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
-->
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta name='viewport' content='width=device-width' />
|
||||
<title>Image Gallery</title>
|
||||
<link href='css/anim_gallery.css' type='text/css' rel='stylesheet'/>
|
||||
</head>
|
||||
<body>
|
||||
<section class="gallery"><div>
|
||||
<img src="img/gal1.jpg"/>
|
||||
<div>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat
|
||||
gravida viverra. Vivamus ipsum felis, cursus sed venenatis nec, tempus
|
||||
ac tellus. Donec a massa felis, a congue purus. Nullam et
|
||||
turpis diam. Aenean vestibulum egestas metus, eu sodales dolor
|
||||
venenatis quis. Aenean augue orci, facilisis et convallis ut, egestas
|
||||
at neque.
|
||||
</div>
|
||||
</div><div>
|
||||
<img src="img/gal2.jpg"/>
|
||||
<div>
|
||||
Praesent luctus, risus eu vestibulum mollis, arcu mauris mollis ante, id mollis risus lectus ornare nisl.
|
||||
Aenean elementum arcu sed nibh faucibus pellentesque.
|
||||
Aenean vestibulum egestas metus, eu sodales dolor venenatis quis.
|
||||
Vivamus ipsum felis, cursus sed venenatis nec, tempus ac tellus.
|
||||
Donec a massa felis, a congue purus. Nullam et turpis diam.
|
||||
Aenean augue orci, facilisis et convallis ut, egestas at neque.
|
||||
</div>
|
||||
</div><div>
|
||||
<img src="img/gal3.jpg"/>
|
||||
<div>
|
||||
Aliquam erat volutpat. Mauris tempor, urna at dignissim pellentesque, velit lacus dictum sem, non porttitor felis nulla nec risus.
|
||||
Donec a massa felis, a congue purus. Nullam et turpis diam.
|
||||
Donec feugiat gravida viverra.
|
||||
Vivamus ipsum felis, cursus sed venenatis nec, tempus ac tellus.
|
||||
Aenean augue orci, facilisis et convallis ut, egestas at neque.
|
||||
</div>
|
||||
</div><div>
|
||||
<img src="img/gal4.jpg"/>
|
||||
<div>
|
||||
Donec feugiat gravida viverra.
|
||||
Praesent luctus, risus eu vestibulum mollis, arcu mauris mollis ante, id mollis risus lectus ornare nisl.
|
||||
Aliquam erat volutpat. Mauris tempor, urna at dignissim pellentesque, velit lacus dictum sem, non porttitor felis nulla nec risus.
|
||||
</div>
|
||||
</div><div>
|
||||
<img src="img/gal5.jpg"/>
|
||||
<div>
|
||||
Vivamus ipsum felis, cursus sed venenatis nec, tempus ac tellus.
|
||||
Aliquam erat volutpat. Mauris tempor, urna at dignissim pellentesque, velit lacus dictum sem, non porttitor felis nulla nec risus.
|
||||
Praesent luctus, risus eu vestibulum mollis, arcu mauris mollis ante, id mollis risus lectus ornare nisl.
|
||||
</div>
|
||||
</div><div>
|
||||
<img src="img/gal6.jpg"/>
|
||||
<div>
|
||||
Donec feugiat gravida viverra.
|
||||
Aenean elementum arcu sed nibh faucibus pellentesque.
|
||||
Aenean augue orci, facilisis et convallis ut, egestas at neque.
|
||||
</div>
|
||||
</div><div>
|
||||
<img src="img/gal7.jpg"/>
|
||||
<div>
|
||||
Praesent luctus, risus eu vestibulum mollis, arcu mauris mollis ante, id mollis risus lectus ornare nisl.
|
||||
Aliquam erat volutpat. Mauris tempor, urna at dignissim pellentesque, velit lacus dictum sem, non porttitor felis nulla nec risus.
|
||||
</div>
|
||||
</div><div>
|
||||
<img src="img/gal8.jpg"/>
|
||||
<div>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
||||
Aliquam erat volutpat. Mauris tempor, urna at dignissim pellentesque, velit lacus dictum sem, non porttitor felis nulla nec risus.
|
||||
Aenean augue orci, facilisis et convallis ut, egestas at neque.
|
||||
</div>
|
||||
</div></section>
|
||||
<script src="js/anim_gallery.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,64 +0,0 @@
|
||||
<!--
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the examples of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
-->
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta name='viewport' content='width=device-width' />
|
||||
<title>Animated Slide-out Panel</title>
|
||||
<link href='css/anim_panel.css' type='text/css' rel='stylesheet'/>
|
||||
</head>
|
||||
<body>
|
||||
<section onclick="javascript:void(0)">
|
||||
<nav id="panel" class="collapsed">
|
||||
<img class="button" src="img/ic_c_032.png" onclick="share()"/>
|
||||
<img class="option" src="img/ic_ni_032.png" onclick="debug('Ni')"/>
|
||||
<img class="option" src="img/ic_fe_032.png" onclick="debug('Fe')"/>
|
||||
<img class="option" src="img/ic_he_032.png" onclick="debug('He')"/>
|
||||
<img class="option" src="img/ic_o_032.png" onclick="debug('O')"/>
|
||||
<img class="option" src="img/ic_na_032.png" onclick="debug('Na')"/>
|
||||
<img class="option" src="img/ic_zn_032.png" onclick="debug('Zn')"/>
|
||||
<span class="force"> </span>
|
||||
</nav>
|
||||
<div id="dbg">Press the icon, then choose an option if you wish.</div>
|
||||
</section>
|
||||
<script src="js/anim_panel.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,72 +0,0 @@
|
||||
<!--
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the examples of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
-->
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta name='viewport' content='width=device-width' />
|
||||
<title>Animated Pulse</title>
|
||||
<link href='css/anim_pulse.css' type='text/css' rel='stylesheet'/>
|
||||
</head>
|
||||
<body>
|
||||
<section>
|
||||
<article>
|
||||
<nav>
|
||||
<a href="#a" id="a"></a>
|
||||
<a href="#b" id="b"></a>
|
||||
<a href="#c" id="c"></a>
|
||||
<a href="#d" id="d"></a>
|
||||
<a href="#e" id="e"></a>
|
||||
<a href="#f" id="f"></a>
|
||||
<span class="force"> </span>
|
||||
</nav>
|
||||
<h3>Animated Pulse</h3>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat
|
||||
gravida viverra. Vivamus ipsum felis, cursus sed venenatis nec, tempus
|
||||
ac tellus. Praesent luctus, risus eu vestibulum mollis, arcu mauris
|
||||
mollis ante, id mollis risus lectus ornare nisl. Aenean elementum arcu
|
||||
sed nibh faucibus pellentesque. Aliquam erat volutpat.
|
||||
</p>
|
||||
</article>
|
||||
</section>
|
||||
<script src="js/mobile.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,80 +0,0 @@
|
||||
<!--
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the examples of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
-->
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta name='viewport' content='width=device-width' />
|
||||
<title>Transitions with Skew Transforms</title>
|
||||
<link href="css/anim_skew.css" rel="stylesheet" type="text/css" />
|
||||
<style id="custom"></style>
|
||||
</head>
|
||||
<body>
|
||||
<section class="items">
|
||||
<div title="cat1">Item #1</div>
|
||||
<div title="cat2">Item #2</div>
|
||||
<div title="cat1">Item #3</div>
|
||||
<div title="cat3">Item #4</div>
|
||||
<div title="cat4">Item #5</div>
|
||||
<div title="cat1">Item #6</div>
|
||||
<div title="cat3">Item #7</div>
|
||||
<div title="cat2">Item #8</div>
|
||||
<div title="cat4">Item #9</div>
|
||||
<div title="cat1">Item #10</div>
|
||||
<div title="cat2">Item #11</div>
|
||||
<div title="cat3">Item #12</div>
|
||||
<div title="cat4">Item #13</div>
|
||||
<div title="cat1">Item #14</div>
|
||||
<div title="cat2">Item #15</div>
|
||||
</section>
|
||||
|
||||
<nav>
|
||||
<div> </div>
|
||||
<div class="cat1"> </div>
|
||||
<div class="cat2"> </div>
|
||||
<div class="cat4"> </div>
|
||||
<div class="cat3"> </div>
|
||||
</nav>
|
||||
|
||||
<script src="js/anim_skew.js"></script>
|
||||
<!--
|
||||
<script src="js/mobile.js"></script>
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
@ -1,62 +0,0 @@
|
||||
<!--
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the examples of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
-->
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta name='viewport' content='width=device-width' />
|
||||
<title>Animated Drilldown Sliders</title>
|
||||
<link href="css/anim_slide.css" rel="stylesheet" type="text/css" />
|
||||
</head>
|
||||
<body>
|
||||
<a id='out'></a>
|
||||
<div id='in' class='panel'>
|
||||
<h1>Level 1</h1>
|
||||
<ul>
|
||||
<li><a href='anim_slide2.htm#in'>Level 2, Option A</a></li>
|
||||
<li><a href='anim_slide2.htm#in'>Level 2, Option B</a></li>
|
||||
<li><a href='anim_slide2.htm#in'>Level 2, Option C</a></li>
|
||||
<li><a href='anim_slide2.htm#in'>Level 2, Option D</a></li>
|
||||
<li><a href='anim_slide2.htm#in'>Level 2, Option E</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<script src="js/mobile.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,62 +0,0 @@
|
||||
<!--
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the examples of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
-->
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta name='viewport' content='width=device-width' />
|
||||
<title>Animated Drilldown Sliders</title>
|
||||
<link href="css/anim_slide.css" rel="stylesheet" type="text/css" />
|
||||
</head>
|
||||
<body>
|
||||
<a id='out'></a>
|
||||
<div id='in' class='panel'>
|
||||
<h1>Level 2</h1>
|
||||
<a class='go_out' href='anim_slide1.htm#out'></a>
|
||||
<ul>
|
||||
<li><a href='anim_slide3.htm#in'>Level 3, Option A</a></li>
|
||||
<li><a href='anim_slide3.htm#in'>Level 3, Option B</a></li>
|
||||
<li><a href='anim_slide3.htm#in'>Level 3, Option C</a></li>
|
||||
<li><a href='anim_slide3.htm#in'>Level 3, Option D</a></li>
|
||||
<li><a href='anim_slide3.htm#in'>Level 3, Option E</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<script src="js/mobile.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,65 +0,0 @@
|
||||
<!--
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the examples of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
-->
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta name='viewport' content='width=device-width' />
|
||||
<title>Animated Drilldown Sliders</title>
|
||||
<link href="css/anim_slide.css" rel="stylesheet" type="text/css" />
|
||||
</head>
|
||||
<body>
|
||||
<a id='out'></a>
|
||||
<div id='in' class='panel'>
|
||||
<h1>Level 3</h1>
|
||||
|
||||
<a class='go_out' href='anim_slide2.htm#out'></a>
|
||||
|
||||
<article>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat
|
||||
gravida viverra. Vivamus ipsum felis, cursus sed venenatis nec, tempus
|
||||
ac tellus. Praesent luctus, risus eu vestibulum mollis, arcu mauris
|
||||
mollis ante, id mollis risus lectus ornare nisl. Aenean elementum arcu
|
||||
sed nibh faucibus pellentesque.
|
||||
</article>
|
||||
|
||||
</div>
|
||||
<script src="js/mobile.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,89 +0,0 @@
|
||||
<!--
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the examples of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
-->
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta name='viewport' content='width=device-width' />
|
||||
<title>Transformed Tabs</title>
|
||||
<link href='css/anim_tabbedSkew.css' type='text/css' rel='stylesheet'/>
|
||||
</head>
|
||||
<body>
|
||||
<section>
|
||||
<nav>
|
||||
<a id="l1" href="#a1"> </a>
|
||||
<a id="l2" href="#a2"> </a>
|
||||
<a id="l3" href="#a3"> </a>
|
||||
</nav>
|
||||
<article id="a1">
|
||||
<h3>Tab #1</h3>
|
||||
<div> </div>
|
||||
<p>Praesent luctus, risus eu vestibulum mollis, arcu mauris mollis
|
||||
ante, id mollis risus lectus ornare nisl. Lorem ipsum dolor sit amet,
|
||||
consectetur adipiscing elit. Donec feugiat gravida viverra. Vivamus
|
||||
ipsum felis, cursus sed venenatis nec, tempus ac tellus. Aenean
|
||||
elementum arcu sed nibh faucibus pellentesque. </p>
|
||||
</article>
|
||||
<article id="a2">
|
||||
<h3>Tab #2</h3>
|
||||
<div> </div>
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat
|
||||
gravida viverra. Vivamus ipsum felis, cursus sed venenatis nec, tempus
|
||||
ac tellus. Praesent luctus, risus eu vestibulum mollis, arcu mauris
|
||||
mollis ante, id mollis risus lectus ornare nisl.
|
||||
|
||||
</article>
|
||||
<article id="a3">
|
||||
<h3>Tab #3</h3>
|
||||
<div> </div>
|
||||
|
||||
Donec feugiat gravida viverra. Vivamus ipsum felis, cursus sed
|
||||
venenatis nec, tempus ac tellus. Praesent luctus, risus eu vestibulum
|
||||
mollis, arcu mauris mollis ante, id mollis risus lectus ornare nisl.
|
||||
Nullam et turpis diam. Aenean vestibulum egestas metus, eu sodales
|
||||
dolor venenatis quis. Aenean augue orci, facilisis et convallis ut,
|
||||
egestas at neque.
|
||||
|
||||
</article>
|
||||
</section>
|
||||
<script src="js/mobile.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,246 +0,0 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the Qt WebKit module of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
****************************************************************************/
|
||||
body {
|
||||
background : #aaaaaa;
|
||||
font-family : sans-serif;
|
||||
width : 100;
|
||||
}
|
||||
|
||||
body > section {
|
||||
border-radius : 1em;
|
||||
background : #ffffff;
|
||||
border-radius : 1em;
|
||||
padding : 1em;
|
||||
background : #ffffff;
|
||||
min-height : 70%;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display : none;
|
||||
}
|
||||
|
||||
.active {
|
||||
color : blue;
|
||||
cursor : pointer;
|
||||
text-decoration : none;
|
||||
}
|
||||
|
||||
.nav > a {
|
||||
display : inline-block;
|
||||
width : 48px;
|
||||
height : 48px;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4 {
|
||||
margin-top : 0.0em;
|
||||
font-size : smaller;
|
||||
padding-top : 1em;
|
||||
}
|
||||
|
||||
body > section.main {
|
||||
position : absolute;
|
||||
left : 1em;
|
||||
right : 1em;
|
||||
top : 1em;
|
||||
min-height : 50%;
|
||||
border-radius : 0.5em;
|
||||
background : #aaaaaa;
|
||||
padding : 0;
|
||||
}
|
||||
|
||||
section.main > article {
|
||||
background : #ffffff;
|
||||
padding : 1em;
|
||||
margin-bottom : 10em;
|
||||
border-radius : 0.5em;
|
||||
}
|
||||
|
||||
#accordion,
|
||||
#accordion > dt,
|
||||
#accordion > dd,
|
||||
{
|
||||
display : block;
|
||||
}
|
||||
|
||||
#accordion > dt {
|
||||
border-top : thin solid #777777;
|
||||
}
|
||||
|
||||
#accordion > dd {
|
||||
border-bottom : thin solid #777777;
|
||||
}
|
||||
|
||||
#accordion > dd {
|
||||
background-image : -webkit-gradient(linear,center top,center bottom,from(#aaaaaa),to(#ffffff));
|
||||
}
|
||||
|
||||
#accordion.collapsed {
|
||||
background-size : auto;
|
||||
background-image : url(../img/icon_expand-nav.png);
|
||||
background-repeat : no-repeat;
|
||||
background-position : 0.25em 0.25em;
|
||||
}
|
||||
|
||||
#accordion {
|
||||
position : absolute;;
|
||||
right : 2em;
|
||||
top : 0em;
|
||||
overflow : hidden;
|
||||
background : #ffffff;
|
||||
cursor : pointer;
|
||||
z-index : 100;
|
||||
font-weight : bold;
|
||||
}
|
||||
|
||||
#accordion.expanded {
|
||||
border : thin solid #206ead;
|
||||
width : 80%;
|
||||
height : 90%;
|
||||
-webkit-transition:
|
||||
width 0.5s ease-in-out 0.0s,
|
||||
height 0.5s ease-in-out 0.5s
|
||||
;
|
||||
}
|
||||
|
||||
#accordion.collapsed {
|
||||
width : 15%;
|
||||
height : 9%;
|
||||
-webkit-transition:
|
||||
height 0.5s ease-in-out 0.0s,
|
||||
width 0.5s ease-in-out 0.5s
|
||||
;
|
||||
}
|
||||
|
||||
#accordion.collapsed > dt,
|
||||
#accordion.collapsed > dd {
|
||||
-webkit-transform : translate(100%);
|
||||
-webkit-transition : -webkit-transform 0.5s ease-in-out 0.5s;
|
||||
}
|
||||
|
||||
#accordion.expanded > dt,
|
||||
#accordion.expanded > dd {
|
||||
-webkit-transform : translate(0%);
|
||||
-webkit-transition : -webkit-transform 0.5s ease-in-out 0.0s;
|
||||
}
|
||||
|
||||
#accordion > dt > a {
|
||||
margin-left : 0.5em;
|
||||
}
|
||||
|
||||
#accordion > dt ,
|
||||
#accordion > dd {
|
||||
padding : 0.5em;
|
||||
}
|
||||
|
||||
#accordion > dt ~ dd {
|
||||
margin : 0;
|
||||
}
|
||||
|
||||
#accordion > dd > ul,
|
||||
#accordion > dd > ul > li
|
||||
{
|
||||
padding : 0;
|
||||
margin : 0;
|
||||
}
|
||||
|
||||
#accordion a,
|
||||
#accordion a:active,
|
||||
#accordion a:hover,
|
||||
#accordion a:visited
|
||||
{
|
||||
text-decoration : none;
|
||||
color : #000000;
|
||||
}
|
||||
|
||||
#accordion > dt.expanded:before {
|
||||
content : url(../img/icon_head-expanded_x13.png);
|
||||
}
|
||||
|
||||
#accordion > dt.collapsed:before {
|
||||
content : url(../img/icon_head-collapsed_x13.png);
|
||||
}
|
||||
|
||||
#accordion > dt.expanded {
|
||||
background-image : -webkit-gradient(linear, center top, center bottom, from(#aaaaaa), to(#ffffff));
|
||||
}
|
||||
|
||||
#accordion > dt.collapsed {
|
||||
background-image : -webkit-gradient(linear, center top, center bottom, from(#aaaaaa), to(#ffffff));
|
||||
}
|
||||
|
||||
#accordion > dt + dd {
|
||||
background : #ffffff;
|
||||
display : block;
|
||||
}
|
||||
|
||||
#accordion dd {
|
||||
overflow : none;
|
||||
}
|
||||
|
||||
#accordion > dt.collapsed + dd {
|
||||
max-height : 0%;
|
||||
opacity : 0;
|
||||
-webkit-transform : scaleY(0);
|
||||
-webkit-transition : all 0.5s ease-in-out;
|
||||
}
|
||||
|
||||
#accordion > dt.expanded + dd {
|
||||
max-height : 50%;
|
||||
opacity : 1;
|
||||
-webkit-transform : scaleY(1);
|
||||
-webkit-transition : all 0.5s ease-in-out;
|
||||
}
|
||||
|
||||
#accordion > dd {
|
||||
margin : 0;
|
||||
padding : 0;
|
||||
}
|
||||
|
||||
#accordion > dd > ul > li {
|
||||
padding-top : 0.25em;
|
||||
padding-bottom : 0.5em;
|
||||
padding-left : 1.0em;
|
||||
padding-right : 1.0em;
|
||||
}
|
||||
|
||||
#accordion> dt.collapsed:last-of-type {
|
||||
border-bottom : thin solid #aaaaaa;
|
||||
}
|
||||
|
||||
@ -1,95 +0,0 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the Qt WebKit module of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
****************************************************************************/
|
||||
body {
|
||||
background : #aaaaaa;
|
||||
font-weight : bold;
|
||||
}
|
||||
|
||||
section {
|
||||
color : #ffffff;
|
||||
background : #777777;
|
||||
font-size : x-large;
|
||||
-webkit-transform : translate(-150%) scale(1);
|
||||
position : absolute;
|
||||
text-align : center;
|
||||
padding : 1em;
|
||||
top : 3em;
|
||||
left : 3em;
|
||||
bottom : 3em;
|
||||
right : 3em;
|
||||
}
|
||||
|
||||
@-webkit-keyframes demoRotate {
|
||||
0% { -webkit-transform : translate(-150%); }
|
||||
10% { -webkit-transform : rotate(0deg) translate(0); }
|
||||
50% { -webkit-transform : rotate(180deg) translate(0); }
|
||||
90% { -webkit-transform : rotate(360deg) translate(0); }
|
||||
100% { -webkit-transform : translate(150%); }
|
||||
}
|
||||
|
||||
@-webkit-keyframes demoRotateOrigin {
|
||||
0% { -webkit-transform : rotate(0deg) translate(-150%); }
|
||||
10% { -webkit-transform : rotate(0deg) translate(0); }
|
||||
50% { -webkit-transform : rotate(-180deg) translate(0); }
|
||||
90% { -webkit-transform : rotate(-360deg) translate(0); }
|
||||
100% { -webkit-transform : rotate(-360deg) translate(150%) }
|
||||
}
|
||||
|
||||
@-webkit-keyframes end {
|
||||
0% { -webkit-transform : translate(150%); }
|
||||
30% { -webkit-transform : translate(0); }
|
||||
70% { -webkit-transform : translate(0); }
|
||||
100% { -webkit-transform : translate(150%); }
|
||||
}
|
||||
|
||||
.rotate {
|
||||
-webkit-animation : demoRotate 9s 2s;
|
||||
-webkit-transform-origin : center;
|
||||
-webkit-animation-timing-function : linear;
|
||||
}
|
||||
.rotateOrigin {
|
||||
-webkit-animation : demoRotateOrigin 9s 12s;
|
||||
-webkit-transform-origin : top left;
|
||||
-webkit-animation-timing-function : linear;
|
||||
}
|
||||
.end {
|
||||
-webkit-animation : end 3s 22s;
|
||||
}
|
||||
|
||||
@ -1,112 +0,0 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the Qt WebKit module of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
body {
|
||||
background : #aaaaaa;
|
||||
font-weight : bold;
|
||||
}
|
||||
|
||||
section {
|
||||
color : #ffffff;
|
||||
background : #777777;
|
||||
font-size : x-large;
|
||||
-webkit-transform : translate(-150%) scale(1);
|
||||
position : absolute;
|
||||
text-align : center;
|
||||
padding : 1em;
|
||||
top : 3em;
|
||||
left : 3em;
|
||||
bottom : 3em;
|
||||
right : 3em;
|
||||
}
|
||||
|
||||
@-webkit-keyframes demoScale {
|
||||
0% { -webkit-transform : translate(-150%) scale(1); }
|
||||
10% { -webkit-transform : scale(1.0) translate(0); }
|
||||
30% { -webkit-transform : scale(0.5) translate(0); }
|
||||
50% { -webkit-transform : scale(1.0) translate(0); }
|
||||
70% { -webkit-transform : scale(1.5) translate(0); }
|
||||
90% { -webkit-transform : scale(1.0) translate(0); }
|
||||
100% { -webkit-transform : translate(150%) scale(1); }
|
||||
}
|
||||
|
||||
@-webkit-keyframes demoScaleX {
|
||||
0% { -webkit-transform : translate(-150%) scale(1); }
|
||||
10% { -webkit-transform : scaleX(1.0) translate(0); }
|
||||
30% { -webkit-transform : scaleX(0.5) translate(0); }
|
||||
50% { -webkit-transform : scaleX(1.0) translate(0); }
|
||||
70% { -webkit-transform : scaleX(1.5) translate(0); }
|
||||
90% { -webkit-transform : scaleX(1.0) translate(0); }
|
||||
100% { -webkit-transform : translate(150%) scale(1); }
|
||||
}
|
||||
|
||||
@-webkit-keyframes demoScaleY {
|
||||
0% { -webkit-transform : translate(-150%) scale(1); }
|
||||
10% { -webkit-transform : scaleY(1.0) translate(0); }
|
||||
30% { -webkit-transform : scaleY(0.5) translate(0); }
|
||||
50% { -webkit-transform : scaleY(1.0) translate(0); }
|
||||
70% { -webkit-transform : scaleY(1.5) translate(0); }
|
||||
90% { -webkit-transform : scaleY(1.0) translate(0); }
|
||||
100% { -webkit-transform : translate(150%) scale(1); }
|
||||
}
|
||||
|
||||
@-webkit-keyframes end {
|
||||
0% { -webkit-transform : translate(150%); }
|
||||
30% { -webkit-transform : translate(0); }
|
||||
70% { -webkit-transform : translate(0); }
|
||||
100% { -webkit-transform : translate(150%); }
|
||||
}
|
||||
|
||||
.scale {
|
||||
-webkit-animation : demoScale 9s 2s;
|
||||
-webkit-transform-origin : bottom;
|
||||
}
|
||||
.scaleX {
|
||||
-webkit-animation : demoScaleX 9s 12s;
|
||||
-webkit-transform-origin : left;
|
||||
}
|
||||
.scaleY {
|
||||
-webkit-animation : demoScaleY 9s 22s;
|
||||
-webkit-transform-origin : center;
|
||||
}
|
||||
.end {
|
||||
-webkit-animation : end 3s 32s;
|
||||
}
|
||||
|
||||
@ -1,98 +0,0 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the Qt WebKit module of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
body {
|
||||
background : #aaaaaa;
|
||||
font-weight : bold;
|
||||
}
|
||||
|
||||
section {
|
||||
color : #ffffff;
|
||||
background : #777777;
|
||||
font-size : x-large;
|
||||
-webkit-transform : translate(-150%) scale(1);
|
||||
position : absolute;
|
||||
text-align : center;
|
||||
padding : 1em;
|
||||
top : 3em;
|
||||
left : 3em;
|
||||
bottom : 3em;
|
||||
right : 3em;
|
||||
}
|
||||
|
||||
@-webkit-keyframes demoSkew {
|
||||
0% { -webkit-transform : translate(-150%); }
|
||||
10% { -webkit-transform : skew(0deg) translate(0); }
|
||||
30% { -webkit-transform : skew(30deg) translate(0); }
|
||||
50% { -webkit-transform : skew(0deg) translate(0); }
|
||||
70% { -webkit-transform : skew(-30deg) translate(0); }
|
||||
90% { -webkit-transform : skew(0deg) translate(0); }
|
||||
100% { -webkit-transform : translate(150%); }
|
||||
}
|
||||
|
||||
@-webkit-keyframes demoSkewY {
|
||||
0% { -webkit-transform : translate(-150%); }
|
||||
10% { -webkit-transform : skewY(0deg) translate(0); }
|
||||
30% { -webkit-transform : skewY(30deg) translate(0); }
|
||||
50% { -webkit-transform : skewY(0deg) translate(0); }
|
||||
70% { -webkit-transform : skewY(-30deg) translate(0); }
|
||||
90% { -webkit-transform : skewY(0deg) translate(0); }
|
||||
100% { -webkit-transform : translate(150%); }
|
||||
}
|
||||
|
||||
@-webkit-keyframes end {
|
||||
0% { -webkit-transform : translate(150%); }
|
||||
30% { -webkit-transform : translate(0); }
|
||||
70% { -webkit-transform : translate(0); }
|
||||
100% { -webkit-transform : translate(150%); }
|
||||
}
|
||||
|
||||
.skew {
|
||||
-webkit-animation : demoSkew 9s 2s;
|
||||
-webkit-transform-origin : bottom;
|
||||
}
|
||||
.skewY {
|
||||
-webkit-animation : demoSkewY 9s 12s;
|
||||
-webkit-transform-origin : left;
|
||||
}
|
||||
.end {
|
||||
-webkit-animation : end 3s 22s;
|
||||
}
|
||||
|
||||
@ -1,110 +0,0 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the Qt WebKit module of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
body {
|
||||
font-family : sans-serif;
|
||||
background : #444444;
|
||||
}
|
||||
.gallery > div > div {
|
||||
border-radius : 1.0em;
|
||||
padding : 1em;
|
||||
background : #dddddd;
|
||||
min-height : 75%;
|
||||
}
|
||||
.gallery > div {
|
||||
-webkit-transition : all 0.5s ease-in-out;
|
||||
z-index : 0;
|
||||
position : absolute;
|
||||
top : 2.0em;
|
||||
bottom : 2.0em;
|
||||
left : 2.0em;
|
||||
right : 2.0em;
|
||||
}
|
||||
.gallery > div.selected {
|
||||
-webkit-transform : translate(0) scale(1);
|
||||
opacity : 1.0;
|
||||
z-index : 1;
|
||||
}
|
||||
.gallery > div.queueR {
|
||||
-webkit-transform : translate(70%) scale(0.5);
|
||||
opacity : 0.75;
|
||||
}
|
||||
.gallery > div.queueL {
|
||||
-webkit-transform : translate(-70%) scale(0.5);
|
||||
opacity : 0.75;
|
||||
}
|
||||
.gallery > div.hideR {
|
||||
-webkit-transform : translate(200%) scale(0.5);
|
||||
opacity : 0.0;
|
||||
}
|
||||
.gallery > div.hideL {
|
||||
-webkit-transform : translate(-200%) scale(0.5);
|
||||
opacity : 0.0;
|
||||
}
|
||||
.gallery img {
|
||||
max-width : 100%;
|
||||
max-height : 100%;
|
||||
border-radius : 1.0em;
|
||||
}
|
||||
|
||||
.gallery > #reveal > div, .gallery > div > img {
|
||||
-webkit-transform : scaleX(1) scaleY(1);
|
||||
-webkit-transition : -webkit-transform 0.25s ease-out 0.25s;
|
||||
}
|
||||
.gallery > div > div, .gallery > #reveal > img {
|
||||
-webkit-transform : scaleX(0) scaleY(1);
|
||||
-webkit-transition : -webkit-transform 0.25s ease-out;
|
||||
}
|
||||
|
||||
section > div {
|
||||
text-align : center;
|
||||
}
|
||||
|
||||
section > div > img {
|
||||
display : inline-block;
|
||||
}
|
||||
|
||||
section > div > div {
|
||||
position : absolute;
|
||||
top : 0;
|
||||
left : 1.5em;
|
||||
right : 1.5em;
|
||||
}
|
||||
|
||||
@ -1,116 +0,0 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the Qt WebKit module of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
body {
|
||||
background : #aaaaaa;
|
||||
font-family : sans-serif;
|
||||
}
|
||||
|
||||
section {
|
||||
background : #aaaaaa;
|
||||
position : absolute;
|
||||
left : 1em;
|
||||
right : 1em;
|
||||
top : 1em;
|
||||
bottom : 1em;
|
||||
}
|
||||
|
||||
.force {
|
||||
padding-right : 5in;
|
||||
}
|
||||
|
||||
#panel {
|
||||
text-align : justify;
|
||||
padding : 0.5em;
|
||||
border-radius : 0.5em;
|
||||
background : #ffffff;
|
||||
max-height : 2.0em;
|
||||
float : right;
|
||||
overflow : hidden;
|
||||
}
|
||||
|
||||
nav.expanded {
|
||||
max-width : 95%;
|
||||
-webkit-transition : max-width 0.5s ease-in-out;
|
||||
}
|
||||
|
||||
nav.collapsed {
|
||||
max-width : 12%;
|
||||
-webkit-transition : max-width 0.5s ease-in-out;
|
||||
|
||||
}
|
||||
|
||||
nav.expanded > .button {
|
||||
display : none;
|
||||
}
|
||||
|
||||
nav.collapsed > .button {
|
||||
display : inline-block;
|
||||
}
|
||||
|
||||
nav.expanded > .option {
|
||||
opacity : 1;
|
||||
-webkit-transform : scale(1);
|
||||
-webkit-transition : all 0.5s linear;
|
||||
}
|
||||
nav.collapsed > .option {
|
||||
opacity : 0;
|
||||
-webkit-transform : scale(0);
|
||||
-webkit-transition : all 0.5s linear;
|
||||
}
|
||||
|
||||
#dbg {
|
||||
padding : 1em;
|
||||
border-radius : 1em;
|
||||
position : absolute;
|
||||
top : 75%;
|
||||
bottom : 1em;
|
||||
left : 1em;
|
||||
right : 1em;
|
||||
background : #ffffff;
|
||||
}
|
||||
|
||||
.measure {
|
||||
position : absolute;
|
||||
top : 0;
|
||||
left : 0;
|
||||
width : 320px;
|
||||
background : green;
|
||||
}
|
||||
@ -1,100 +0,0 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the Qt WebKit module of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
body {
|
||||
background : #aaaaaa;
|
||||
font-family : sans-serif;
|
||||
}
|
||||
|
||||
h1,h2,h3,h4 {
|
||||
text-align : center;
|
||||
}
|
||||
|
||||
section {
|
||||
position : absolute;
|
||||
top : 0;
|
||||
left : 0;
|
||||
right : 0;
|
||||
bottom : 0;
|
||||
}
|
||||
|
||||
article {
|
||||
background : #ffffff;
|
||||
border-radius : 1.0em;
|
||||
padding : 1.0em;
|
||||
margin : 1em;
|
||||
min-height : 50%;
|
||||
}
|
||||
|
||||
.force {
|
||||
padding-left : 100%
|
||||
}
|
||||
|
||||
nav {
|
||||
text-align : justify;
|
||||
}
|
||||
|
||||
nav > a {
|
||||
background-size : contain;
|
||||
background-repeat : no-repeat;
|
||||
}
|
||||
|
||||
nav > a {
|
||||
display : inline-block;
|
||||
width : 2em;
|
||||
height : 2em;
|
||||
}
|
||||
|
||||
nav > a:nth-of-type(1) { background-image : url(../img/ic_fe_032.png); }
|
||||
nav > a:nth-of-type(2) { background-image : url(../img/ic_ni_032.png); }
|
||||
nav > a:nth-of-type(3) { background-image : url(../img/ic_he_032.png); }
|
||||
nav > a:nth-of-type(4) { background-image : url(../img/ic_na_032.png); }
|
||||
nav > a:nth-of-type(5) { background-image : url(../img/ic_zn_032.png); }
|
||||
nav > a:nth-of-type(6) { background-image : url(../img/ic_o_032.png); }
|
||||
|
||||
h1,h2,h3 { margin-top : 0; }
|
||||
|
||||
nav > a:target { -webkit-animation : pulse 1s infinite; }
|
||||
|
||||
@-webkit-keyframes pulse {
|
||||
0% { opacity : 1.0 }
|
||||
50% { opacity : 0.7 }
|
||||
}
|
||||
|
||||
@ -1,186 +0,0 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the Qt WebKit module of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
body {
|
||||
background : #aaaaaa;
|
||||
padding : 1em;
|
||||
font-family : "Helvetica";
|
||||
font-weight : bold;
|
||||
}
|
||||
|
||||
span {
|
||||
background : #ffffff;
|
||||
font-weight : bold;
|
||||
cursor : pointer;
|
||||
}
|
||||
|
||||
.items > div {
|
||||
cursor : pointer;
|
||||
background : #ffffff;
|
||||
height : 2em;
|
||||
padding : 0.5em 0.5em 0.0em 0.5em;
|
||||
border-radius : 0.25em;
|
||||
position : absolute;
|
||||
left : 1em;
|
||||
right : 1em;
|
||||
-webkit-transition-property : -webkit-transform, top;
|
||||
-webkit-transition-duration : 0.5s, 0.5s;
|
||||
-webkit-transition-delay : 0s, 0.5s;
|
||||
-webkit-transition-timing-function : ease-in-out;
|
||||
}
|
||||
|
||||
.hide {
|
||||
-webkit-transform-origin : bottom left;
|
||||
-webkit-transform : skew(40deg) translate(140%,0em);
|
||||
}
|
||||
|
||||
.items > div:after {
|
||||
content : url(../img/icon_dismiss_x22.png);
|
||||
float : right;
|
||||
}
|
||||
|
||||
.row1 {
|
||||
top : 3.5em;
|
||||
}
|
||||
.row2 {
|
||||
top : 6.5em;
|
||||
}
|
||||
.row3 {
|
||||
top : 9.5em;
|
||||
}
|
||||
.row4 {
|
||||
top : 12.5em;
|
||||
}
|
||||
.row5 {
|
||||
top : 15.5em;
|
||||
}
|
||||
.row6 {
|
||||
top : 18.5em;
|
||||
}
|
||||
.row7 {
|
||||
top : 21.5em;
|
||||
}
|
||||
.row8 {
|
||||
top : 24.5em;
|
||||
}
|
||||
.row9 {
|
||||
top : 27.5em;
|
||||
}
|
||||
.row10 {
|
||||
top : 30.5em;
|
||||
}
|
||||
.row11 {
|
||||
top : 33.5em;
|
||||
}
|
||||
.row12 {
|
||||
top : 36.5em;
|
||||
}
|
||||
.row13 {
|
||||
top : 39.5em;
|
||||
}
|
||||
.row14 {
|
||||
top : 42.5em;
|
||||
}
|
||||
.row15 {
|
||||
top : 45.5em;
|
||||
}
|
||||
|
||||
.items > div {
|
||||
padding-left : 3.0em;
|
||||
color : #444444;
|
||||
background-size : contain;
|
||||
background-repeat : no-repeat;
|
||||
}
|
||||
|
||||
.items > div[title='cat1'] {
|
||||
background-image : url(../img/ic_fe_036.png);
|
||||
}
|
||||
|
||||
.items > div[title='cat2'] {
|
||||
background-image : url(../img/ic_na_036.png);
|
||||
}
|
||||
|
||||
.items > div[title='cat3'] {
|
||||
background-image : url(../img/ic_ni_036.png);
|
||||
}
|
||||
|
||||
.items > div[title='cat4'] {
|
||||
background-image : url(../img/ic_mg_036.png);
|
||||
}
|
||||
|
||||
nav {
|
||||
position : absolute;
|
||||
background : #aaaaaa;
|
||||
top : 0;
|
||||
left : 0;
|
||||
right : 0;
|
||||
z-index : 10;
|
||||
height : 2em;
|
||||
text-align : center;
|
||||
padding : 0.5em;
|
||||
}
|
||||
|
||||
nav > div {
|
||||
background-size : contain;
|
||||
background-repeat : no-repeat;
|
||||
display : inline-block;
|
||||
width : 36px;
|
||||
height : 36px;
|
||||
margin-left : 0.25em;
|
||||
margin-right : 0.25em;
|
||||
background-image : -webkit-gradient(linear,center top,center bottom,from(#ffffff),to(#eeeeee));
|
||||
}
|
||||
|
||||
nav > div {
|
||||
background-image : url(../img/icon_list-all.png);
|
||||
}
|
||||
nav > .cat1 {
|
||||
background-image : url(../img/ic_fe_036.png);
|
||||
}
|
||||
nav > .cat2 {
|
||||
background-image : url(../img/ic_na_036.png);
|
||||
}
|
||||
nav > .cat3 {
|
||||
background-image : url(../img/ic_ni_036.png);
|
||||
}
|
||||
nav > .cat4 {
|
||||
background-image : url(../img/ic_mg_036.png);
|
||||
}
|
||||
|
||||
@ -1,148 +0,0 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the Qt WebKit module of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
/* main layout */
|
||||
body {
|
||||
background : #aaaaaa;
|
||||
font-family : sans-serif;
|
||||
font-weight : bold;
|
||||
}
|
||||
|
||||
h1 {
|
||||
min-height : 1.5em;
|
||||
background : #ffffff;
|
||||
margin-left : 1em;
|
||||
margin-right : 1em;
|
||||
text-align : center;
|
||||
font-size : 18px;
|
||||
padding-top : 0.25em;
|
||||
padding-bottom : 0.25em;
|
||||
border-radius : 0.5em;
|
||||
}
|
||||
|
||||
.panel {
|
||||
position : absolute;
|
||||
top : 0em;
|
||||
bottom : 0em;
|
||||
left : 0em;
|
||||
right : 0em;
|
||||
}
|
||||
|
||||
article {
|
||||
background : #ffffff;
|
||||
padding : 1em;
|
||||
border-radius : 1em;
|
||||
margin : 1em;
|
||||
}
|
||||
|
||||
.panel > ul {
|
||||
padding : 0em;
|
||||
list-style-type : none;
|
||||
}
|
||||
.panel > ul > li {
|
||||
background : #fff;
|
||||
margin : 0.5em 1.0em 0.5em 1.0em;
|
||||
padding : 0.5em;
|
||||
display : block;
|
||||
border-radius : 0.5em;
|
||||
}
|
||||
.panel > ul > li > a {
|
||||
width : 100%;
|
||||
display : block;
|
||||
text-decoration : none;
|
||||
text-align : justify;
|
||||
color : #000000;
|
||||
}
|
||||
.panel > a {
|
||||
background : #fff;
|
||||
margin : 0 1.0em 1.0em 0em;
|
||||
padding : 0.5em;
|
||||
}
|
||||
/* navigational hints */
|
||||
|
||||
a.go_out {
|
||||
background : transparent;
|
||||
position : absolute;
|
||||
top : 0.5em;
|
||||
left : 1.2em;
|
||||
content : url(../img/icon_drill-up_x32.png);
|
||||
padding : 0.25em;
|
||||
border-radius : 1em;
|
||||
display : block;
|
||||
}
|
||||
|
||||
.panel > ul > li > a:after {
|
||||
text-align : right;
|
||||
float : right;
|
||||
font-size : 1em;
|
||||
font-weight : bold;
|
||||
}
|
||||
.panel > ul > li > a:after {
|
||||
-webkit-transform : translate(0, -0.5em);
|
||||
content : url(../img/icon_drill-down_x32.png);
|
||||
}
|
||||
|
||||
/* animations */
|
||||
#in:target {
|
||||
-webkit-animation : slide_in 0.25s;
|
||||
}
|
||||
#out:target + .panel {
|
||||
-webkit-animation : slide_out 0.25s;
|
||||
}
|
||||
@-webkit-keyframes slide_in {
|
||||
from {
|
||||
left : 80%;
|
||||
right : -80%;
|
||||
}
|
||||
to {
|
||||
left : 0em;
|
||||
right : 0em;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes slide_out {
|
||||
from {
|
||||
left : -80%;
|
||||
right : 80%;
|
||||
}
|
||||
to {
|
||||
left : 0em;
|
||||
right : 0em;
|
||||
}
|
||||
}
|
||||
@ -1,113 +0,0 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the Qt WebKit module of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
body {
|
||||
background : #aaaaaa;
|
||||
font-family : sans-serif;
|
||||
}
|
||||
|
||||
section {
|
||||
background : #ffffff;
|
||||
position : absolute;
|
||||
left : 1em;
|
||||
right : 1em;
|
||||
top : 1em;
|
||||
min-height : 60%;
|
||||
padding : 1.0em;
|
||||
border-radius : 0.5em;
|
||||
}
|
||||
|
||||
nav {
|
||||
text-align : right;
|
||||
width : 3.5em;
|
||||
height : 4em;
|
||||
float : right;
|
||||
}
|
||||
|
||||
nav > a {
|
||||
border-radius : 0.25em;
|
||||
width : 1em;
|
||||
height : 1em;
|
||||
text-align : center;
|
||||
font-weight : bold;
|
||||
font-size : 2em;
|
||||
text-decoration : none;
|
||||
color : black;
|
||||
position : relative;
|
||||
background-size : contain;
|
||||
display : block;
|
||||
}
|
||||
|
||||
nav > a:nth-of-type(1) {
|
||||
margin-bottom : 0.1em;
|
||||
background-image : url(../img/ic_he_032.png);
|
||||
-webkit-transform : skew(-30deg);
|
||||
}
|
||||
|
||||
nav > a:nth-of-type(2) {
|
||||
background-image : url(../img/ic_o_032.png);
|
||||
-webkit-transform : skew(30deg);
|
||||
}
|
||||
|
||||
nav > a:nth-of-type(3) {
|
||||
background-image : url(../img/ic_na_032.png);
|
||||
-webkit-transform : rotate(-60deg) skew(-30deg) translate(1.7em, -1px);
|
||||
}
|
||||
|
||||
article {
|
||||
display : none;
|
||||
margin-bottom : 4em;
|
||||
}
|
||||
|
||||
article:target {
|
||||
display : block;
|
||||
}
|
||||
|
||||
h3 + div {
|
||||
display : inline-block;
|
||||
float : right;
|
||||
width : 12px;
|
||||
height : 3em;
|
||||
}
|
||||
|
||||
h1,h2,h3,h4 {
|
||||
margin-top : 0.5em;
|
||||
}
|
||||
|
||||
@ -1,105 +0,0 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the Qt WebKit module of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
body {
|
||||
font-family : sans-serif;
|
||||
background : #aaaaaa;
|
||||
}
|
||||
|
||||
h1,h2,h3,h4 {
|
||||
background : #ffffff;
|
||||
text-align : center;
|
||||
margin : 0.5em;
|
||||
padding : 0.5em;
|
||||
border-radius : 0.5em;
|
||||
}
|
||||
|
||||
.accordion {
|
||||
margin : 0.5em 0.5em 6em 0.5em;
|
||||
border-radius : 0.5em;
|
||||
border : thin solid #aaa;
|
||||
background : #ffffff;
|
||||
overflow : hidden;
|
||||
padding : 1.0em 0.5em 1.0em 0.5em;
|
||||
|
||||
}
|
||||
|
||||
.accordion > dt {
|
||||
cursor : pointer;
|
||||
border-top : thin solid #aaa;
|
||||
border-radius : 0.5em;
|
||||
padding : 0.5em 0.5em 0.5em 2.5em;
|
||||
font-weight : bold;
|
||||
background-size : auto;
|
||||
background-image : url(../img/icon_head-collapsed_x13.png);
|
||||
background-repeat : no-repeat;
|
||||
background-position : 12px 12px;
|
||||
}
|
||||
|
||||
.accordion > dt:first-of-type {
|
||||
border-top : none;
|
||||
}
|
||||
|
||||
.accordion > dt.selected {
|
||||
background-image : url(../img/icon_head-expanded_x13.png) , url(../img/gradient.jpg);
|
||||
background-repeat : no-repeat , repeat-x;
|
||||
background-position : 12px 12px , 0 0;
|
||||
margin-bottom : 0em;
|
||||
}
|
||||
|
||||
dt + dd {
|
||||
max-height : 0%;
|
||||
margin : 0;
|
||||
opacity : 0;
|
||||
padding : 0.5em;
|
||||
overflow-y : hidden;
|
||||
max-height : 0;
|
||||
-webkit-transform : scaleY(0);
|
||||
-webkit-transition : all 0.5s linear;
|
||||
}
|
||||
|
||||
dt.selected + dd {
|
||||
-webkit-transform : scaleY(1);
|
||||
-webkit-transform-origin : center;
|
||||
max-height : 1000px;
|
||||
-webkit-transition : all 0.5s linear;
|
||||
opacity : 1;
|
||||
}
|
||||
|
||||
@ -1,70 +0,0 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the Qt WebKit module of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
body {
|
||||
background : #aaaaaa;
|
||||
font-family : sans-serif;
|
||||
}
|
||||
|
||||
h1,h2,h3,h4 {
|
||||
text-align : center;
|
||||
}
|
||||
|
||||
section {
|
||||
position : absolute;
|
||||
top : 0;
|
||||
left : 0;
|
||||
right : 0;
|
||||
bottom : 0;
|
||||
}
|
||||
|
||||
article {
|
||||
background : #ffffff;
|
||||
border-radius : 1.0em;
|
||||
padding : 1.0em;
|
||||
margin : 1em;
|
||||
min-height : 50%;
|
||||
}
|
||||
|
||||
.fruit {
|
||||
padding : 2.5em;
|
||||
-webkit-border-image : url(../img/border-frame.png) 2 stretch stretch;
|
||||
}
|
||||
|
||||
@ -1,66 +0,0 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the Qt WebKit module of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
body {
|
||||
background : #aaaaaa;
|
||||
font-family : sans-serif;
|
||||
font-weight : bold;
|
||||
}
|
||||
|
||||
h1,h2,h3,h4 {
|
||||
text-align : center;
|
||||
}
|
||||
|
||||
section {
|
||||
position : absolute;
|
||||
top : 0;
|
||||
left : 0;
|
||||
right : 0;
|
||||
bottom : 0;
|
||||
}
|
||||
|
||||
article {
|
||||
background : #ffffff;
|
||||
border-radius : 1.0em;
|
||||
padding : 1.0em;
|
||||
margin : 1em;
|
||||
min-height : 70%;
|
||||
}
|
||||
|
||||
@ -1,77 +0,0 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the Qt WebKit module of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
body {
|
||||
font-family : sans-serif;
|
||||
}
|
||||
|
||||
section {
|
||||
position : absolute;
|
||||
top : 0.0em;
|
||||
left : 0.0em;
|
||||
right : 0.0em;
|
||||
background : #aaaaaa;
|
||||
background : -webkit-gradient(linear, center top, center bottom, from(#dddddd), to(#777777) );
|
||||
padding : 1em;
|
||||
}
|
||||
|
||||
article {
|
||||
background : #ffffff;
|
||||
padding : 1em;
|
||||
border-radius : 0.5em;
|
||||
border : thin #aaaaaa solid;
|
||||
margin-bottom : 12em;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4 {
|
||||
text-align : center;
|
||||
margin-top : 0.5em;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display : none;
|
||||
}
|
||||
|
||||
.active {
|
||||
color : blue;
|
||||
cursor : pointer;
|
||||
text-decoration : none;
|
||||
}
|
||||
|
||||
@ -1,77 +0,0 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the Qt WebKit module of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
body {
|
||||
font-family : sans-serif;
|
||||
}
|
||||
|
||||
section {
|
||||
position : absolute;
|
||||
top : 0.0em;
|
||||
left : 0.0em;
|
||||
right : 0.0em;
|
||||
background : #aaaaaa;
|
||||
background : -webkit-gradient(linear, center top, center bottom, from(#777777), color-stop(50%,#dddddd), to(#777777) );
|
||||
padding : 1em;
|
||||
}
|
||||
|
||||
article {
|
||||
background : #ffffff;
|
||||
padding : 1em;
|
||||
border-radius : 0.5em;
|
||||
border : thin #aaaaaa solid;
|
||||
margin-bottom : 12em;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4 {
|
||||
text-align : center;
|
||||
margin-top : 0.5em;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display : none;
|
||||
}
|
||||
|
||||
.active {
|
||||
color : blue;
|
||||
cursor : pointer;
|
||||
text-decoration : none;
|
||||
}
|
||||
|
||||
@ -1,88 +0,0 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the Qt WebKit module of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
body {
|
||||
background : #ffffff;
|
||||
}
|
||||
|
||||
article {
|
||||
background : #ffffff;
|
||||
position : absolute;
|
||||
margin : 0;
|
||||
left : 0;
|
||||
right : 0;
|
||||
top : 0;
|
||||
bottom : 0;
|
||||
}
|
||||
|
||||
ul {
|
||||
font-weight : bold;
|
||||
padding : 0;
|
||||
list-style : none;
|
||||
margin : 0.5em 0.5em 6em 0.5em;
|
||||
}
|
||||
|
||||
ul > li {
|
||||
margin-bottom : 0.5em;
|
||||
}
|
||||
|
||||
ul > li > a {
|
||||
padding : 0.5em;
|
||||
display : block;
|
||||
text-decoration : none;
|
||||
color : #000000;
|
||||
border : thin #aaaaaa solid;
|
||||
border-radius : 0.5em;
|
||||
background : #dddddd;
|
||||
background : -webkit-gradient(linear, center top, center bottom,
|
||||
from(#cccccc), to(#ffffff) );
|
||||
}
|
||||
|
||||
ul > li > a:active {
|
||||
color : #ffffff;
|
||||
background : #ffffff;
|
||||
background : -webkit-gradient(linear, center top, center bottom,
|
||||
from(#dddddd), to(#444444) );
|
||||
}
|
||||
|
||||
h1,h2,h3,h4 {
|
||||
text-align : center;
|
||||
}
|
||||
|
||||
@ -1,60 +0,0 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the Qt WebKit module of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
body {
|
||||
font-family : sans-serif;
|
||||
background : #ffffff;
|
||||
}
|
||||
|
||||
h1,h2,h3,h4 {
|
||||
text-align : center;
|
||||
}
|
||||
|
||||
img {
|
||||
-webkit-mask-box-image : -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
|
||||
border-radius : 0.25em;
|
||||
margin : 0.1em;
|
||||
}
|
||||
|
||||
img.select {
|
||||
-webkit-mask-box-image : none;
|
||||
-webkit-box-shadow : 0.2em 0.2em 0.4em #aaaaaa;
|
||||
}
|
||||
|
||||
@ -1,58 +0,0 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the Qt WebKit module of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
body {
|
||||
font-family : sans-serif;
|
||||
background : #333333;
|
||||
}
|
||||
|
||||
h1,h2,h3,h4 {
|
||||
text-align : center;
|
||||
}
|
||||
|
||||
img {
|
||||
position : absolute;
|
||||
left : 5%;
|
||||
top : 5%;
|
||||
height : 90%;
|
||||
width : 90%;
|
||||
-webkit-mask-box-image : url(../img/mask.png) 5% stretch;
|
||||
}
|
||||
|
||||
@ -1,110 +0,0 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the Qt WebKit module of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
body {
|
||||
font-family : sans-serif;
|
||||
background : #aaaaaa;
|
||||
}
|
||||
|
||||
section {
|
||||
bottom : 0;
|
||||
left : 0;
|
||||
top : 12%;
|
||||
right : 0;
|
||||
position : absolute;
|
||||
padding-bottom : 6em;
|
||||
}
|
||||
|
||||
article {
|
||||
border-radius : 1em;
|
||||
margin : 1em;
|
||||
padding : 1em;
|
||||
background : #ffffff;
|
||||
}
|
||||
|
||||
h1,h2,h3,h4 {
|
||||
text-align : center;
|
||||
margin-top : 0.0em;
|
||||
}
|
||||
|
||||
nav.ad {
|
||||
width : 500%;
|
||||
border : thin #aaaaaa solid;
|
||||
background : #dddddd;
|
||||
position : absolute;
|
||||
top : 0%;
|
||||
height : 10%;
|
||||
column-count : 5;
|
||||
column-width : 100%;
|
||||
-webkit-animation : banner_scroll 30s infinite;
|
||||
}
|
||||
|
||||
nav.ad > a {
|
||||
width : 20%;
|
||||
height : 100%;
|
||||
display : inline-block;
|
||||
text-align : center;
|
||||
padding-top : 0.5em;
|
||||
text-decoration : none;
|
||||
font-weight : bold;
|
||||
color : #000000;
|
||||
font-size : larger;
|
||||
}
|
||||
|
||||
nav.ad > a:nth-of-type(5n-0) { background : lightgreen; }
|
||||
nav.ad > a:nth-of-type(5n-1) { background : pink; }
|
||||
nav.ad > a:nth-of-type(5n-2) { background : plum; }
|
||||
nav.ad > a:nth-of-type(5n-3) { background : lightblue; }
|
||||
nav.ad > a:nth-of-type(5n-4) { background : lightcoral; }
|
||||
|
||||
@-webkit-keyframes banner_scroll {
|
||||
0% { left : 0%; }
|
||||
18% { left : 0%; }
|
||||
20% { left : -100%; }
|
||||
38% { left : -100%; }
|
||||
40% { left : -200%; }
|
||||
58% { left : -200%; }
|
||||
60% { left : -300%; }
|
||||
78% { left : -300%; }
|
||||
80% { left : -400%; }
|
||||
95% { left : -400%; }
|
||||
100% { left : 0%; }
|
||||
}
|
||||
|
||||
@ -1,127 +0,0 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the Qt WebKit module of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
body {
|
||||
background : #aaaaaa;
|
||||
font-family : sans-serif;
|
||||
}
|
||||
|
||||
body > section {
|
||||
border-radius : 1em;
|
||||
padding : 1em;
|
||||
background : #ffffff;
|
||||
margin-bottom : 10em;
|
||||
min-height : 70%;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display : none;
|
||||
}
|
||||
|
||||
.active {
|
||||
color : blue;
|
||||
cursor : pointer;
|
||||
text-decoration : none;
|
||||
}
|
||||
|
||||
.nav > a {
|
||||
display : inline-block;
|
||||
width : 48px;
|
||||
height : 48px;
|
||||
}
|
||||
|
||||
body > section.main {
|
||||
position : absolute;
|
||||
left : 0em;
|
||||
right : 0em;
|
||||
top : 0em;
|
||||
min-height : 50%;
|
||||
border-radius : 0.5em;
|
||||
background : #aaaaaa;
|
||||
padding : 0;
|
||||
}
|
||||
|
||||
section.main > article {
|
||||
background : #ffffff;
|
||||
padding : 1em;
|
||||
margin : 1em 1em 10em 1em;
|
||||
border-radius : 0.5em;
|
||||
}
|
||||
|
||||
h1, h2, h3 {
|
||||
color : #206ead;
|
||||
margin-top : 0em;
|
||||
text-align : center;
|
||||
margin-bottom : 1em;
|
||||
-webkit-box-reflect : below -0.25em -webkit-gradient(linear, center top, center bottom, from(transparent), color-stop(0.25, transparent), to(black));
|
||||
}
|
||||
|
||||
.nav1 { background-image : url(../img/ic_he_032.png) }
|
||||
.nav2 { background-image : url(../img/ic_o_032.png) }
|
||||
.nav3 { background-image : url(../img/ic_ni_032.png) }
|
||||
.nav4 { background-image : url(../img/ic_fe_032.png) }
|
||||
.nav5 { background-image : url(../img/ic_na_032.png) }
|
||||
.nav6 { background-image : url(../img/ic_zn_032.png) }
|
||||
|
||||
h1 { font-size : 1.5em; }
|
||||
h2 { font-size : 1.2em; }
|
||||
h3 { font-size : 1.0em; }
|
||||
|
||||
figure {
|
||||
display : block;
|
||||
text-align : center;
|
||||
}
|
||||
|
||||
figure > img {
|
||||
width : 70%;
|
||||
margin-bottom : 3em;
|
||||
-webkit-box-reflect : below 0.25em -webkit-gradient(linear, center top, center bottom, from(transparent), color-stop(0.50, transparent), to(black));
|
||||
}
|
||||
|
||||
p:first-line {
|
||||
font-weight : bold;
|
||||
}
|
||||
|
||||
p:first-letter {
|
||||
font-size : 200%;
|
||||
float : left;
|
||||
padding-right : 0.1em;
|
||||
}
|
||||
|
||||
@ -1,93 +0,0 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the Qt WebKit module of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
body {
|
||||
background-color : #aaaaaa;
|
||||
font-family : sans-serif;
|
||||
}
|
||||
|
||||
h1,h2,h3,h4 {
|
||||
margin-top : 0.5em;
|
||||
font-size : 18px;
|
||||
text-align : center;
|
||||
}
|
||||
|
||||
article {
|
||||
background : #ffffff;
|
||||
border-radius : 1.0em;
|
||||
padding : 1.0em;
|
||||
margin : 1.0em 0.5em 6.0em 0.5em;
|
||||
min-height : 50%;
|
||||
}
|
||||
|
||||
pre {
|
||||
font-weight : bold;
|
||||
font-family : monospace;
|
||||
padding : 1.0em 3em 1.0em 1.0em;
|
||||
border : thin solid #aaaaaa;
|
||||
border-radius : 1.5em;
|
||||
overflow-x : auto;
|
||||
background-image : -webkit-gradient(linear,left center,right center,from(#ffffff),to(#777777));
|
||||
}
|
||||
|
||||
pre::-webkit-scrollbar {
|
||||
height : 3em;
|
||||
}
|
||||
|
||||
pre::-webkit-scrollbar-button:increment {
|
||||
background-image : url(../img/icon_scroll-right.png);
|
||||
x background-size : contain;
|
||||
background-repeat : no-repeat;
|
||||
width : 3em;
|
||||
height : 3em;
|
||||
}
|
||||
|
||||
pre::-webkit-scrollbar-button:decrement {
|
||||
background-image : url(../img/icon_scroll-left.png);
|
||||
background-size : contain;
|
||||
background-repeat : no-repeat;
|
||||
width : 3em;
|
||||
height : 3em;
|
||||
}
|
||||
|
||||
pre::-webkit-scrollbar-track {
|
||||
display : none;
|
||||
}
|
||||
|
||||
@ -1,63 +0,0 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the Qt WebKit module of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
img {
|
||||
position : absolute;
|
||||
width : 48px;
|
||||
height : 48px;
|
||||
padding : 0.25em;
|
||||
border : #ffffff medium solid;
|
||||
border-radius : 0.5em;
|
||||
}
|
||||
|
||||
/* columns */
|
||||
img:nth-of-type(4n-3) { left : 2% }
|
||||
img:nth-of-type(4n-2) { left : 27% }
|
||||
img:nth-of-type(4n-1) { left : 52% }
|
||||
img:nth-of-type(4n-0) { left : 77% }
|
||||
|
||||
/* rows */
|
||||
img:nth-of-type(n) { top : 5% }
|
||||
img:nth-of-type(n+5) { top : 20% }
|
||||
img:nth-of-type(n+9) { top : 35% }
|
||||
img:nth-of-type(n+13) { top : 50% }
|
||||
img:nth-of-type(n+17) { top : 65% }
|
||||
img:nth-of-type(n+21) { top : 80% }
|
||||
|
||||
@ -1,145 +0,0 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the Qt WebKit module of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
body {
|
||||
background : #aaaaaa;
|
||||
font-family : sans-serif;
|
||||
}
|
||||
|
||||
body > section {
|
||||
border-radius : 1em;
|
||||
padding : 1em;
|
||||
background : #ffffff;
|
||||
margin-bottom : 10em;
|
||||
min-height : 70%;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display : none;
|
||||
}
|
||||
|
||||
.active {
|
||||
color : blue;
|
||||
cursor : pointer;
|
||||
text-decoration : none;
|
||||
}
|
||||
|
||||
.nav > a {
|
||||
display : inline-block;
|
||||
width : 48px;
|
||||
height : 48px;
|
||||
}
|
||||
|
||||
nav > a:active {
|
||||
-webkit-transform : scale(0.8);
|
||||
}
|
||||
|
||||
h1, h2 {
|
||||
margin-top : 0em;
|
||||
font-size : 18px;
|
||||
text-align : center;
|
||||
}
|
||||
|
||||
h2 {
|
||||
border-top : solid thin #aaaaaa;
|
||||
}
|
||||
|
||||
body > section.main {
|
||||
position : absolute;
|
||||
left : 0em;
|
||||
right : 0em;
|
||||
top : 5em;
|
||||
min-height : 50%;
|
||||
border-radius : 0.5em;
|
||||
background : #aaaaaa;
|
||||
padding : 0;
|
||||
}
|
||||
|
||||
section.main > article {
|
||||
background : #ffffff;
|
||||
padding : 1em;
|
||||
margin : 1em 1em 10em 1em;
|
||||
border-radius : 0.5em;
|
||||
}
|
||||
|
||||
section.nav {
|
||||
z-index : 10;
|
||||
border-radius : 0;
|
||||
background : #aaaaaa;
|
||||
background : transparent;
|
||||
position : absolute;;
|
||||
padding : 1em;
|
||||
top : 0;
|
||||
right : 0.0em;
|
||||
left : 0.0em;
|
||||
}
|
||||
|
||||
nav {
|
||||
padding : 0.5em;
|
||||
border-radius : 0.5em;
|
||||
background : #ffffff;
|
||||
top : 10px;
|
||||
text-align : justify;
|
||||
height : 36px;
|
||||
overflow : hidden;
|
||||
}
|
||||
|
||||
nav > a {
|
||||
display : inline-block;
|
||||
background-repeat : no-repeat;
|
||||
height : 36px;
|
||||
width : 36px;
|
||||
}
|
||||
|
||||
#force_justify {
|
||||
padding-left : 100%;
|
||||
}
|
||||
|
||||
.nav1 { background-image : url(../img/ic_he_032.png) }
|
||||
.nav2 { background-image : url(../img/ic_o_032.png) }
|
||||
.nav3 { background-image : url(../img/ic_ni_032.png) }
|
||||
.nav4 { background-image : url(../img/ic_fe_032.png) }
|
||||
.nav5 { background-image : url(../img/ic_na_032.png) }
|
||||
.nav6 { background-image : url(../img/ic_zn_032.png) }
|
||||
|
||||
nav {
|
||||
-webkit-box-shadow : 0.5em 0.5em #777777;
|
||||
}
|
||||
|
||||
@ -1,145 +0,0 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the Qt WebKit module of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
body {
|
||||
background : #aaaaaa;
|
||||
font-family : sans-serif;
|
||||
}
|
||||
|
||||
body > section {
|
||||
border-radius : 1em;
|
||||
padding : 1em;
|
||||
background : #ffffff;
|
||||
margin-bottom : 10em;
|
||||
min-height : 70%;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display : none;
|
||||
}
|
||||
|
||||
.active {
|
||||
color : blue;
|
||||
cursor : pointer;
|
||||
text-decoration : none;
|
||||
}
|
||||
|
||||
.nav > a {
|
||||
display : inline-block;
|
||||
width : 48px;
|
||||
height : 48px;
|
||||
}
|
||||
|
||||
h1, h2 {
|
||||
margin-top : 0em;
|
||||
font-size : 18px;
|
||||
text-align : center;
|
||||
}
|
||||
|
||||
h2 {
|
||||
border-top : solid thin #aaaaaa;
|
||||
}
|
||||
|
||||
body > section.main {
|
||||
position : absolute;
|
||||
left : 0em;
|
||||
right : 0em;
|
||||
top : 5em;
|
||||
min-height : 50%;
|
||||
border-radius : 0.5em;
|
||||
background : #aaaaaa;
|
||||
padding : 0;
|
||||
}
|
||||
|
||||
section.main > article {
|
||||
background : #ffffff;
|
||||
padding : 1em;
|
||||
margin : 1em 1em 10em 1em;
|
||||
border-radius : 0.5em;
|
||||
}
|
||||
|
||||
section.nav {
|
||||
z-index : 10;
|
||||
border-radius : 0;
|
||||
background : #aaaaaa;
|
||||
background : transparent;
|
||||
position : absolute;;
|
||||
padding : 1em;
|
||||
top : 0;
|
||||
right : 0.0em;
|
||||
left : 0.0em;
|
||||
}
|
||||
|
||||
nav {
|
||||
padding : 0.5em;
|
||||
border-radius : 0.5em;
|
||||
background : #ffffff;
|
||||
top : 10px;
|
||||
text-align : justify;
|
||||
height : 36px;
|
||||
overflow : hidden;
|
||||
}
|
||||
|
||||
nav > a {
|
||||
display : inline-block;
|
||||
background-repeat : no-repeat;
|
||||
height : 36px;
|
||||
width : 36px;
|
||||
}
|
||||
|
||||
nav > a:active {
|
||||
-webkit-transform : scale(0.8);
|
||||
}
|
||||
|
||||
#force_justify {
|
||||
padding-left : 100%;
|
||||
}
|
||||
|
||||
.nav1 { background-image : url(../img/ic_he_032.png) }
|
||||
.nav2 { background-image : url(../img/ic_o_032.png) }
|
||||
.nav3 { background-image : url(../img/ic_ni_032.png) }
|
||||
.nav4 { background-image : url(../img/ic_fe_032.png) }
|
||||
.nav5 { background-image : url(../img/ic_na_032.png) }
|
||||
.nav6 { background-image : url(../img/ic_zn_032.png) }
|
||||
|
||||
nav {
|
||||
-webkit-box-shadow : 0.5em 0.5em 0.5em #444444;
|
||||
}
|
||||
|
||||
@ -1,119 +0,0 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the Qt WebKit module of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
body {
|
||||
background : #aaaaaa;
|
||||
font-family : sans-serif;
|
||||
font-weight : bold;
|
||||
}
|
||||
|
||||
h1,h2,h3,h4 {
|
||||
text-align : center;
|
||||
}
|
||||
|
||||
section {
|
||||
position : absolute;
|
||||
top : 0;
|
||||
left : 0;
|
||||
right : 0;
|
||||
bottom : 0;
|
||||
}
|
||||
|
||||
article {
|
||||
background : #ffffff;
|
||||
border-radius : 1.0em;
|
||||
padding : 1.0em;
|
||||
margin : 1em;
|
||||
min-height : 50%;
|
||||
}
|
||||
|
||||
.accordion {
|
||||
border : #777777 solid thin;
|
||||
padding : 0.0em;
|
||||
border-radius : 0.5em;
|
||||
list-style : none;
|
||||
}
|
||||
|
||||
.accordion > li {
|
||||
padding : 0.5em;
|
||||
border-bottom : #777777 solid thin;
|
||||
white-space : nowrap;
|
||||
max-height : 1.5em;
|
||||
overflow : hidden;
|
||||
text-overflow : clip;
|
||||
text-overflow : ellipsis;
|
||||
text-overflow : ellipsis-word;
|
||||
-webkit-transition : max-height 1s ease-in-out;
|
||||
}
|
||||
|
||||
.accordion > li:last-of-type {
|
||||
border-bottom : none;
|
||||
}
|
||||
|
||||
.accordion > li.selected {
|
||||
-webkit-transition : max-height 1s ease-in-out;
|
||||
max-height : 100em;
|
||||
white-space : normal;
|
||||
font-weight : normal;
|
||||
}
|
||||
|
||||
.accordion > li.selected:first-line {
|
||||
font-weight : bold;
|
||||
}
|
||||
|
||||
.accordion > li.selected:first-letter {
|
||||
font-size : 200%;
|
||||
float : left;
|
||||
padding-right : 0.1em;
|
||||
}
|
||||
|
||||
.dismiss {
|
||||
content : url(../img/icon_dismiss.png);
|
||||
}
|
||||
|
||||
.accordion > li > .dismiss {
|
||||
display : none;
|
||||
}
|
||||
|
||||
.accordion > li.selected > .dismiss {
|
||||
display : block;
|
||||
float : right;
|
||||
}
|
||||
|
||||
@ -1,67 +0,0 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the Qt WebKit module of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
body {
|
||||
background : #aaaaaa;
|
||||
font-family : sans-serif;
|
||||
}
|
||||
|
||||
h1,h2,h3,h4 {
|
||||
text-align : center;
|
||||
text-shadow : 0.20em 0.20em 0.20em #999;
|
||||
color : #206ead;
|
||||
}
|
||||
|
||||
section {
|
||||
position : absolute;
|
||||
top : 0;
|
||||
left : 0;
|
||||
right : 0;
|
||||
bottom : 0;
|
||||
}
|
||||
|
||||
article {
|
||||
background : #ffffff;
|
||||
border-radius : 1.0em;
|
||||
padding : 1.0em;
|
||||
margin : 1em;
|
||||
min-height : 50%;
|
||||
}
|
||||
|
||||
@ -1,75 +0,0 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the Qt WebKit module of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
body {
|
||||
background : #aaaaaa;
|
||||
font-family : sans-serif;
|
||||
}
|
||||
|
||||
h1,h2,h3,h4 {
|
||||
margin-top : 0.5em;
|
||||
text-align : center;
|
||||
}
|
||||
|
||||
h1 {
|
||||
-webkit-text-stroke : 2px #000000;
|
||||
font-size : 40px;
|
||||
}
|
||||
|
||||
h1, h2, h3 {
|
||||
color : #206ead;
|
||||
}
|
||||
|
||||
section {
|
||||
position : absolute;
|
||||
top : 0;
|
||||
left : 0;
|
||||
right : 0;
|
||||
bottom : 0;
|
||||
}
|
||||
|
||||
article {
|
||||
background : #ffffff;
|
||||
border-radius : 1.0em;
|
||||
padding : 1.0em;
|
||||
margin : 1em;
|
||||
min-height : 50%;
|
||||
}
|
||||
|
||||
@ -1,108 +0,0 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the Qt WebKit module of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
/* MOBILE UI */
|
||||
|
||||
body {
|
||||
background : #aaaaaa;
|
||||
font-family : sans-serif;
|
||||
}
|
||||
|
||||
body > section {
|
||||
border-radius : 1em;
|
||||
padding : 1em;
|
||||
background : #ffffff;
|
||||
margin : 1em 1em 10em 1em;
|
||||
min-height : 70%
|
||||
}
|
||||
|
||||
h1, h2 {
|
||||
margin-top : 1em;
|
||||
font-size : smaller;
|
||||
text-align : center;
|
||||
padding-top : 1em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
border-top : solid thin #dddddd;
|
||||
}
|
||||
|
||||
/* FORM */
|
||||
|
||||
form {
|
||||
font-weight : bold;
|
||||
font-size : small;
|
||||
}
|
||||
|
||||
input[type=radio],
|
||||
input[type=checkbox] {
|
||||
-webkit-appearance : button;
|
||||
float : right;
|
||||
margin-bottom : -2em;
|
||||
opacity : 0;
|
||||
}
|
||||
|
||||
label,
|
||||
input[type=radio],
|
||||
input[type=checkbox] {
|
||||
width : 90%;
|
||||
display : block;
|
||||
padding : 0.5em;
|
||||
height : 2em;
|
||||
}
|
||||
|
||||
label {
|
||||
padding-top : 0.5em;
|
||||
border : medium solid #aaaaaa;
|
||||
border-radius : 1.0em;
|
||||
}
|
||||
|
||||
input[type=radio]:checked + label,
|
||||
input[type=checkbox]:checked + label {
|
||||
border : medium solid green;
|
||||
}
|
||||
|
||||
input[type=radio]:checked + label:after,
|
||||
input[type=checkbox]:checked + label:after {
|
||||
float : right;
|
||||
padding-right : 0.5em;
|
||||
content : url(../img/icon_check_x24green.png);
|
||||
}
|
||||
|
||||
@ -1,200 +0,0 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the Qt WebKit module of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
/* MOBILE UI */
|
||||
|
||||
body {
|
||||
background : #aaaaaa;
|
||||
font-family : sans-serif;
|
||||
}
|
||||
|
||||
body > section {
|
||||
border-radius : 1em;
|
||||
padding : 1em;
|
||||
background : #ffffff;
|
||||
margin : 1em 1em 10em 1em;
|
||||
min-height : 70%
|
||||
}
|
||||
|
||||
h1, h2 {
|
||||
margin-top : 1em;
|
||||
font-size : smaller;
|
||||
text-align : center;
|
||||
padding-top : 1em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
border-top : solid thin #dddddd;
|
||||
}
|
||||
|
||||
/* FORM */
|
||||
|
||||
form
|
||||
{
|
||||
line-height : 250%;
|
||||
font-weight : bold;
|
||||
font-size : small;
|
||||
}
|
||||
|
||||
/* DEFAULT INPUT */
|
||||
|
||||
input[type=radio],
|
||||
input[type=checkbox]
|
||||
{
|
||||
text-align : right;
|
||||
padding-top : 0.1em;
|
||||
text-transform : uppercase;
|
||||
float : right;
|
||||
-webkit-appearance : button;
|
||||
border : 0.25em #aaaaaa solid;
|
||||
background : #aaaaaa;
|
||||
background : -webkit-gradient(linear,center top,center bottom,from(#999999),to(#ffffff));
|
||||
border-radius : 0.5em;
|
||||
min-width : 6em;
|
||||
height : 2em;
|
||||
display : inline-block;
|
||||
}
|
||||
|
||||
/* CHECKED INPUT */
|
||||
|
||||
input[type=radio]:checked,
|
||||
input[type=checkbox]:checked
|
||||
{
|
||||
text-align : left;
|
||||
}
|
||||
|
||||
/* FLIPPED INPUT */
|
||||
|
||||
input.invert
|
||||
{
|
||||
text-align : left;
|
||||
}
|
||||
|
||||
input.invert:checked
|
||||
{
|
||||
text-align : right;
|
||||
}
|
||||
|
||||
/* DEFAULT TEXT */
|
||||
|
||||
input[type=radio]:before,
|
||||
input[type=checkbox]:before
|
||||
{
|
||||
color : #888888;
|
||||
height : 1.4em;
|
||||
display : inline-block;
|
||||
background : pink;
|
||||
background : -webkit-gradient(linear,center top,center bottom,from(pink),to(#ffffff));
|
||||
min-width : 50%;
|
||||
content : "off";
|
||||
text-align : center;
|
||||
font-weight : bold;
|
||||
padding-left : 0.5em;
|
||||
padding-right : 0.5em;
|
||||
border-radius : 0.25em;
|
||||
}
|
||||
|
||||
/* CHECKED TEXT */
|
||||
|
||||
input[type=radio]:checked:before,
|
||||
input[type=checkbox]:checked:before
|
||||
{
|
||||
color : #ffffff;
|
||||
content : "on";
|
||||
background : #00aa00;
|
||||
background : -webkit-gradient(linear,center top,center bottom,from(green),to(cyan));
|
||||
}
|
||||
|
||||
/* ALTERNATE DISPLAY */
|
||||
|
||||
input.yn:before
|
||||
{
|
||||
content : "no";
|
||||
}
|
||||
|
||||
input.yn:checked:before
|
||||
{
|
||||
content : "yes";
|
||||
}
|
||||
|
||||
input.tf:before
|
||||
{
|
||||
content : "false";
|
||||
}
|
||||
|
||||
input.tf:checked:before
|
||||
{
|
||||
content : "true";
|
||||
}
|
||||
|
||||
/* BINARY */
|
||||
|
||||
input.binary {
|
||||
display : inline-block;
|
||||
}
|
||||
|
||||
input.binary:checked {
|
||||
display : none;
|
||||
}
|
||||
|
||||
input.binary:before {
|
||||
background : #00aa00;
|
||||
background : -webkit-gradient(linear,center top,center bottom,from(green),to(cyan));
|
||||
color : #ffffff;
|
||||
}
|
||||
|
||||
input.binary:nth-of-type(odd) {
|
||||
text-align : left;
|
||||
}
|
||||
|
||||
input.binary:nth-of-type(even) {
|
||||
text-align : right;
|
||||
}
|
||||
|
||||
/* CUSTOM */
|
||||
|
||||
input.ampm:nth-of-type(odd):before { content : "am"; }
|
||||
input.ampm:nth-of-type(even):before { content : "pm"; }
|
||||
|
||||
input.sex:nth-of-type(odd):before { content : "male"; }
|
||||
input.sex:nth-of-type(even):before { content : "female"; }
|
||||
|
||||
input.sex { width : 8em }
|
||||
|
||||
@ -1,137 +0,0 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the Qt WebKit module of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
body {
|
||||
background : #aaaaaa;
|
||||
font-family : sans-serif;
|
||||
font-weight : bold;
|
||||
}
|
||||
|
||||
p {
|
||||
font-weight : normal;
|
||||
}
|
||||
|
||||
a {
|
||||
text-wrap : suppress;
|
||||
-webkit-text-wrap : suppress;
|
||||
}
|
||||
|
||||
article {
|
||||
background : #ffffff;
|
||||
position : absolute;
|
||||
top : 1em;
|
||||
left : 1em;
|
||||
right : 1em;
|
||||
padding : 1em;
|
||||
border-radius : 1em;
|
||||
margin-bottom : 2em;
|
||||
}
|
||||
|
||||
ol {
|
||||
padding-left : 1em;
|
||||
}
|
||||
|
||||
ol.links {
|
||||
margin-bottom : 1em;
|
||||
border : #aaaaaa thin solid;
|
||||
list-style : none;
|
||||
padding-top : 0.5em;
|
||||
padding-bottom : 0.5em;
|
||||
padding-left : 0em;
|
||||
border-radius : 1.0em;
|
||||
}
|
||||
|
||||
ol.links > li {
|
||||
min-height : 2em;
|
||||
border-bottom : #aaaaaa thin solid;
|
||||
padding-left : 0.5em;
|
||||
padding-right : 0.5em;
|
||||
padding-top : 0.5em;
|
||||
}
|
||||
|
||||
ol.links > li:last-of-type {
|
||||
border : none;
|
||||
}
|
||||
|
||||
p a[href]:after {
|
||||
-webkit-transform : scale(0.6);
|
||||
-webkit-transform-origin : bottom;
|
||||
padding-left : 0.25em;
|
||||
padding-right : 0.0em;
|
||||
display : inline-block;
|
||||
}
|
||||
|
||||
a[href] {
|
||||
text-decoration : none;
|
||||
}
|
||||
|
||||
ol.links > li > a {
|
||||
display : block;
|
||||
}
|
||||
|
||||
ol.links a:after {
|
||||
-webkit-transform : scale(0.8);
|
||||
-webkit-transform-origin : top;
|
||||
}
|
||||
|
||||
a[href^="http://"]:after, a[href^="https://"]:after {
|
||||
content : url(../img/icon_link-external.png);
|
||||
}
|
||||
|
||||
a[href^="mailto:"]:after { content : url(../img/icon_link-email.png); }
|
||||
|
||||
a[href^="sms:"]:after { content : url(../img/icon_link-sms.png); }
|
||||
|
||||
a[href^="tel:"]:after { content : url(../img/icon_link-tel.png); }
|
||||
|
||||
a[href$=".doc"]:after { content : url(../img/icon_link-doc.png); }
|
||||
|
||||
a[href$=".ppt"]:after { content : url(../img/icon_link-ppt.png); }
|
||||
|
||||
a[href$=".rss"]:after,
|
||||
a[href$=".xml"]:after { content : url(../img/icon_link-rss.png); }
|
||||
|
||||
a[href$=".pdf"]:after { content : url(../img/icon_link-pdf.png); }
|
||||
|
||||
a[href$=".xls"]:after { content : url(../img/icon_link-xls.png); }
|
||||
|
||||
ol.links a:after {
|
||||
float : right;
|
||||
}
|
||||
@ -1,147 +0,0 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the Qt WebKit module of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
body {
|
||||
background : #aaaaaa;
|
||||
font-family : sans-serif;
|
||||
}
|
||||
|
||||
.mobile {
|
||||
display : block;
|
||||
}
|
||||
|
||||
.mobile > thead > th,
|
||||
.mobile > thead > tr {
|
||||
display : none;
|
||||
}
|
||||
|
||||
.mobile > tbody > tr {
|
||||
display : none;
|
||||
background : #ffffff;
|
||||
padding : 0.5em;
|
||||
padding-top : 0.5em;
|
||||
border-radius : 0.25em;
|
||||
}
|
||||
|
||||
.mobile > tbody > tr:target {
|
||||
display : block;
|
||||
border : medium solid #aaaaaa;
|
||||
}
|
||||
|
||||
.mobile > tbody > tr:nth-of-type(1) {
|
||||
padding-top : 0.5em;
|
||||
}
|
||||
|
||||
.mobile td {
|
||||
display : block;
|
||||
}
|
||||
|
||||
.mobile td:before {
|
||||
font-style : italic;
|
||||
font-weight : bold;
|
||||
}
|
||||
|
||||
.mobile td:nth-of-type(5n+1) {
|
||||
font-weight : bold;
|
||||
color : #206ead;
|
||||
}
|
||||
|
||||
.mobile td:nth-of-type(5n+2):before {
|
||||
content : 'Price: ';
|
||||
}
|
||||
.mobile td:nth-of-type(5n+3):before {
|
||||
content : 'Location: ';
|
||||
}
|
||||
.mobile td:nth-of-type(5n+4):before {
|
||||
content : 'Posted: ';
|
||||
}
|
||||
|
||||
table th.nav {
|
||||
display : none;
|
||||
}
|
||||
|
||||
.mobile tbody th.nav {
|
||||
display : block;
|
||||
width : 36px;
|
||||
float : right;
|
||||
}
|
||||
|
||||
th.nav a {
|
||||
display : inline-block;
|
||||
width : 36px;
|
||||
height : 36px;
|
||||
background : #ffffff;
|
||||
content : url(../img/icon_nav-up.png);
|
||||
margin-bottom : 0.5em;
|
||||
}
|
||||
|
||||
th.nav a:nth-of-type(even) {
|
||||
-webkit-transform : rotate(180deg);
|
||||
}
|
||||
|
||||
tr:first-of-type th.nav a:nth-of-type(odd),
|
||||
tr:last-of-type th.nav a:nth-of-type(even)
|
||||
{
|
||||
content : url(../img/icon_dismiss.png);
|
||||
}
|
||||
|
||||
tr th.nav a {
|
||||
display : none;
|
||||
}
|
||||
|
||||
tr:first-of-type th.nav a,
|
||||
tr:last-of-type th.nav a,
|
||||
tr:target th.nav a {
|
||||
display : block;
|
||||
}
|
||||
|
||||
article {
|
||||
background : #ffffff;
|
||||
border-radius : 0.5em;
|
||||
margin : 0.5em;
|
||||
padding : 0.5em;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin-top : 0.5em;
|
||||
text-align : center;
|
||||
font-size : 18px;
|
||||
}
|
||||
|
||||
@ -1,55 +0,0 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the Qt WebKit module of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
#js {
|
||||
background : pink;
|
||||
padding : 0.5em;
|
||||
border-radius : 0.5em;
|
||||
}
|
||||
#js, #design {
|
||||
padding : 0.5em;
|
||||
border-radius : 0.5em;
|
||||
}
|
||||
#js {
|
||||
background : pink;
|
||||
}
|
||||
#design {
|
||||
background : lightgreen;
|
||||
}
|
||||
@ -1,49 +0,0 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the Qt WebKit module of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
#design {
|
||||
padding : 0.5em;
|
||||
border-radius : 0.5em;
|
||||
background : lightgreen;
|
||||
}
|
||||
|
||||
#design {
|
||||
background : lightgreen;
|
||||
}
|
||||
@ -1,82 +0,0 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the Qt WebKit module of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
body {
|
||||
background : #aaaaaa;
|
||||
font-family : sans-serif;
|
||||
width : 100;
|
||||
}
|
||||
|
||||
body > section {
|
||||
border-radius : 1em;
|
||||
background : #ffffff;
|
||||
border-radius : 1em;
|
||||
padding : 1em;
|
||||
background : #ffffff;
|
||||
min-height : 70%
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display : none;
|
||||
}
|
||||
|
||||
.active {
|
||||
color : blue;
|
||||
cursor : pointer;
|
||||
text-decoration : none;
|
||||
}
|
||||
|
||||
.nav > a {
|
||||
display : inline-block;
|
||||
width : 48px;
|
||||
height : 48px;
|
||||
}
|
||||
|
||||
h1, h2 {
|
||||
margin-top : 1em;
|
||||
font-size : smaller;
|
||||
text-align : center;
|
||||
padding-top : 1em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
border-top : solid thin #dddddd;
|
||||
}
|
||||
|
||||
@ -1,70 +0,0 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the Qt WebKit module of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
body {
|
||||
background : #aaaaaa;
|
||||
font-family : sans-serif;
|
||||
font-weight : bold;
|
||||
}
|
||||
|
||||
h1,h2,h3,h4 {
|
||||
text-align : center;
|
||||
}
|
||||
|
||||
section {
|
||||
position : absolute;
|
||||
top : 0;
|
||||
left : 0;
|
||||
right : 0;
|
||||
bottom : 0;
|
||||
}
|
||||
|
||||
article {
|
||||
background : #ffffff;
|
||||
border-radius : 1.0em;
|
||||
padding : 1.0em;
|
||||
margin : 1em;
|
||||
min-height : 50%;
|
||||
}
|
||||
|
||||
#design:before {
|
||||
content : "CSS thinks you are viewing this page with a full desktop browser."
|
||||
}
|
||||
|
||||
@ -1,69 +0,0 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the Qt WebKit module of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
body {
|
||||
background : #aaaaaa;
|
||||
font-family : sans-serif;
|
||||
font-weight : bold;
|
||||
}
|
||||
|
||||
h1,h2,h3,h4 {
|
||||
text-align : center;
|
||||
}
|
||||
|
||||
section {
|
||||
position : absolute;
|
||||
top : 0;
|
||||
left : 0;
|
||||
right : 0;
|
||||
bottom : 0;
|
||||
}
|
||||
|
||||
article {
|
||||
background : #ffffff;
|
||||
border-radius : 1.0em;
|
||||
padding : 1.0em;
|
||||
margin : 1em;
|
||||
min-height : 50%;
|
||||
}
|
||||
|
||||
#design:before {
|
||||
content : "CSS thinks you are viewing this page with a non-touch mobile browser."
|
||||
}
|
||||
@ -1,69 +0,0 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the Qt WebKit module of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
body {
|
||||
background : #aaaaaa;
|
||||
font-family : sans-serif;
|
||||
font-weight : bold;
|
||||
}
|
||||
|
||||
h1,h2,h3,h4 {
|
||||
text-align : center;
|
||||
}
|
||||
|
||||
section {
|
||||
position : absolute;
|
||||
top : 0;
|
||||
left : 0;
|
||||
right : 0;
|
||||
bottom : 0;
|
||||
}
|
||||
|
||||
article {
|
||||
background : #ffffff;
|
||||
border-radius : 1.0em;
|
||||
padding : 1.0em;
|
||||
margin : 1em;
|
||||
min-height : 50%;
|
||||
}
|
||||
|
||||
#design:before {
|
||||
content : "CSS thinks you are viewing this page with a touch-based mobile browser."
|
||||
}
|
||||
@ -1,92 +0,0 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the Qt WebKit module of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
/* Desktop UI */
|
||||
|
||||
body {
|
||||
font-family : sans-serif;
|
||||
font-weight : bold;
|
||||
min-width : 60em;
|
||||
}
|
||||
|
||||
nav, body > section, header, footer {
|
||||
border-radius : 0.5em;
|
||||
padding : 0.5em;
|
||||
}
|
||||
|
||||
nav, section {
|
||||
min-height : 30em;
|
||||
}
|
||||
|
||||
header {
|
||||
background-color : pink;
|
||||
height : 3em;
|
||||
margin-bottom : 1em;
|
||||
}
|
||||
|
||||
section#main {
|
||||
background-color : lightgreen;
|
||||
float : left;
|
||||
margin-bottom : 1em;
|
||||
margin-left : 2%;
|
||||
min-width : 60%;
|
||||
}
|
||||
|
||||
nav {
|
||||
background-color : lightblue;
|
||||
float : left;
|
||||
margin-bottom : 1em;
|
||||
width : 15%;
|
||||
}
|
||||
|
||||
section#sidebar {
|
||||
background-color : plum;
|
||||
float : left;
|
||||
margin-bottom : 1em;
|
||||
margin-left : 2%;
|
||||
width : 15%;
|
||||
}
|
||||
|
||||
footer {
|
||||
background-color : gold;
|
||||
clear : both;
|
||||
height : 3em;
|
||||
}
|
||||
|
||||
@ -1,82 +0,0 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the Qt WebKit module of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
/* Mobile UI */
|
||||
|
||||
body {
|
||||
font-family : sans-serif;
|
||||
font-weight : bold;
|
||||
}
|
||||
|
||||
nav, body > section, header, footer {
|
||||
padding : 0.5em;
|
||||
}
|
||||
|
||||
header {
|
||||
display : none;
|
||||
}
|
||||
|
||||
section#main {
|
||||
background-color : lightgreen;
|
||||
margin-bottom : 1em;
|
||||
}
|
||||
|
||||
nav:after {
|
||||
float : right;
|
||||
content : '[ICON]';
|
||||
}
|
||||
|
||||
nav:before {
|
||||
content : 'SIMPLE ';
|
||||
}
|
||||
|
||||
nav {
|
||||
background-color : lightblue;
|
||||
margin-bottom : 1em;
|
||||
}
|
||||
|
||||
section#sidebar {
|
||||
display : none;
|
||||
}
|
||||
|
||||
footer {
|
||||
background-color : gold;
|
||||
}
|
||||
|
||||
@ -1,86 +0,0 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the Qt WebKit module of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
/* Touch UI */
|
||||
|
||||
body {
|
||||
font-family : sans-serif;
|
||||
font-weight : bold;
|
||||
}
|
||||
|
||||
nav, body > section, header, footer {
|
||||
border-radius : 0.5em;
|
||||
padding : 0.5em;
|
||||
}
|
||||
|
||||
header {
|
||||
background-color : pink;
|
||||
margin-bottom : 1em;
|
||||
float : left;
|
||||
width : 30%;
|
||||
height : 3em;
|
||||
}
|
||||
|
||||
section#main {
|
||||
background-color : lightgreen;
|
||||
margin-bottom : 1em;
|
||||
min-height : 20em;
|
||||
}
|
||||
|
||||
nav:before {
|
||||
content : 'TOUCH ';
|
||||
}
|
||||
|
||||
nav {
|
||||
background-color : lightblue;
|
||||
margin-bottom : 1em;
|
||||
margin-left : 40%;
|
||||
max-width : 60%;
|
||||
height : 3em;
|
||||
}
|
||||
|
||||
section#sidebar {
|
||||
display : none;
|
||||
}
|
||||
|
||||
footer {
|
||||
background-color : gold;
|
||||
}
|
||||
|
||||
@ -1,156 +0,0 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the Qt WebKit module of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
body {
|
||||
background-color : #aaaaaa;
|
||||
font-family : sans-serif;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
body.off > h1 {
|
||||
background-color : pink;
|
||||
background-image : url(../img/offline.png), -webkit-gradient(linear,center top,center bottom,from(#ffffff),to(#ffffff))
|
||||
;
|
||||
}
|
||||
|
||||
body.on > h1 {
|
||||
background-color : lightgreen;
|
||||
background-image : url(../img/online.png), -webkit-gradient(linear,center top,center bottom,from(#ffffff),to(#ffffff))
|
||||
;
|
||||
}
|
||||
|
||||
body.unknown > h1 {
|
||||
background-image : url(../img/offline_idle.png), -webkit-gradient(linear,center top,center bottom,from(#ffffff),to(#ffffff));
|
||||
}
|
||||
|
||||
|
||||
h1 {
|
||||
background-color : #ffffff;
|
||||
background-repeat : no-repeat;
|
||||
background-position : 0.5em center, 0 0;
|
||||
height : 1.25em;
|
||||
border-radius : 0.5em;
|
||||
margin : 0.0em;
|
||||
padding : 0.5em;
|
||||
text-align : center;
|
||||
font-size : 18px;
|
||||
}
|
||||
|
||||
form.show {
|
||||
display : block;
|
||||
z-index : 99;
|
||||
}
|
||||
|
||||
form.hide {
|
||||
display : none;
|
||||
}
|
||||
|
||||
#cred {
|
||||
background : #ffffff;
|
||||
padding : 1em;
|
||||
border-radius : 1.0em;
|
||||
position : absolute;
|
||||
left : 1.0em;;
|
||||
right : 1.0em;;
|
||||
top : 1.0em;;
|
||||
bottom : 1.0em;;
|
||||
}
|
||||
|
||||
#cred > input, #email > input {
|
||||
height : 2.0em;
|
||||
width : 95%;
|
||||
border-radius : 0.5em;
|
||||
padding-left : 0.5em;
|
||||
}
|
||||
|
||||
#cred > img {
|
||||
float : right;
|
||||
}
|
||||
|
||||
#cred > div:first-of-type {
|
||||
margin-top : 2em;
|
||||
}
|
||||
|
||||
#cred > div, #email > div {
|
||||
font-weight : bold;
|
||||
margin : 0.5em;
|
||||
}
|
||||
|
||||
#cred > input[type='submit'] {
|
||||
background : lightgreen;
|
||||
font-weight : bold;
|
||||
}
|
||||
|
||||
#cred > input[type='submit']:active {
|
||||
background : #777777;
|
||||
color : #ffffff;
|
||||
}
|
||||
|
||||
#cred > input.validate:invalid {
|
||||
background : pink;
|
||||
}
|
||||
|
||||
#cred > input.validate:invalid:after {
|
||||
content : "need!";
|
||||
}
|
||||
|
||||
#cred > input {
|
||||
background : #ffffff;
|
||||
-webkit-transition : all 1s linear;
|
||||
}
|
||||
|
||||
#openform {
|
||||
float : right;
|
||||
}
|
||||
|
||||
#email {
|
||||
background : #ffffff;
|
||||
min-height : 6em;
|
||||
margin-top : 1em;
|
||||
border-radius : 0.5em;
|
||||
padding : 0.5em;
|
||||
}
|
||||
|
||||
textarea {
|
||||
min-height : 10em;
|
||||
width : 95%;
|
||||
border-radius : 0.5em;
|
||||
}
|
||||
|
||||
@ -1,87 +0,0 @@
|
||||
<!--
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the examples of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
-->
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta name='viewport' content='width=device-width' />
|
||||
<title>Accordion Tabs</title>
|
||||
<link href='css/css3_backgrounds.css' type='text/css' rel='stylesheet'/>
|
||||
</head>
|
||||
<body>
|
||||
<h3>Accordion Tabs</h3>
|
||||
<dl class="accordion">
|
||||
<dt>Option 1</dt>
|
||||
<dd>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
|
||||
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
|
||||
minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||||
aliquip ex ea commodo consequat.
|
||||
</dd>
|
||||
<dt>Option 2</dt>
|
||||
<dd>
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
|
||||
nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet,
|
||||
consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua.
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
|
||||
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
|
||||
minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||||
aliquip ex ea commodo consequat.
|
||||
</dd>
|
||||
<dt>Option 3</dt>
|
||||
<dd>
|
||||
Lorem ipsum dolor sit amet, quis nostrud exercitation ullamco laboris
|
||||
nisi ut aliquip ex ea commodo consequat.
|
||||
</dd>
|
||||
<dt>Option 4</dt>
|
||||
<dd>
|
||||
Lorem ipsum dolor sit amet, sed do eiusmod tempor incididunt ut labore
|
||||
et dolore magna aliqua. Ut enim ad minim veniam, consectetur
|
||||
adipisicing elit, quis nostrud exercitation ullamco laboris nisi ut
|
||||
aliquip ex ea commodo consequat. Consectetur adipisicing elit, ut
|
||||
enim ad minim veniam, sed do eiusmod tempor incididunt ut labore et
|
||||
dolore magna aliqua.
|
||||
</dd>
|
||||
</dl>
|
||||
<script src="js/css3_backgrounds.js"></script>
|
||||
<script src="js/mobile.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,78 +0,0 @@
|
||||
<!--
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the examples of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
-->
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta name='viewport' content='width=device-width' />
|
||||
<title>border-image</title>
|
||||
<link href='css/css3_border-img.css' type='text/css' rel='stylesheet'/>
|
||||
</head>
|
||||
<body>
|
||||
<section>
|
||||
<article>
|
||||
<h3>border-image</h3>
|
||||
|
||||
<p>
|
||||
Praesent luctus, risus eu vestibulum mollis, arcu mauris
|
||||
mollis ante.
|
||||
</p>
|
||||
|
||||
<div class="fruit">
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat
|
||||
gravida viverra. Vivamus ipsum felis, cursus sed venenatis nec, tempus
|
||||
ac tellus.
|
||||
|
||||
</div>
|
||||
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat
|
||||
gravida viverra. Vivamus ipsum felis, cursus sed venenatis nec, tempus
|
||||
ac tellus. Praesent luctus, risus eu vestibulum mollis, arcu mauris
|
||||
mollis ante, id mollis risus lectus ornare nisl. Aenean elementum arcu
|
||||
sed nibh faucibus pellentesque.
|
||||
</p>
|
||||
|
||||
</article>
|
||||
</section>
|
||||
<script src="js/css3_border-img.js"></script>
|
||||
<script src="js/mobile.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,62 +0,0 @@
|
||||
<!--
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the examples of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
-->
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta name='viewport' content='width=device-width' />
|
||||
<title>Radial Gradient</title>
|
||||
<link href='css/css3_grad-radial.css' type='text/css' rel='stylesheet'/>
|
||||
<style id="localStyles"></style>
|
||||
</head>
|
||||
<body>
|
||||
<section>
|
||||
<article id="main">
|
||||
<h3>Radial Gradient</h3>
|
||||
|
||||
Touch within the main content area.
|
||||
|
||||
</article>
|
||||
</section>
|
||||
<script src="js/css3_grad-radial.js">
|
||||
</script>
|
||||
<script src="js/mobile.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,79 +0,0 @@
|
||||
<!--
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the examples of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
-->
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta name='viewport' content='width=device-width' />
|
||||
<title>Background Gradient</title>
|
||||
<link href='css/css3_gradientBack.css' type='text/css' rel='stylesheet'/>
|
||||
</head>
|
||||
<body>
|
||||
<section>
|
||||
<article>
|
||||
<h4>Background Gradient</h4>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat
|
||||
gravida viverra. Vivamus ipsum felis, cursus sed venenatis nec, tempus
|
||||
ac tellus. Praesent luctus, risus eu vestibulum mollis, arcu mauris
|
||||
mollis ante, id mollis risus lectus ornare nisl. Aenean elementum arcu
|
||||
sed nibh faucibus pellentesque. Aliquam erat volutpat. Mauris tempor,
|
||||
urna at dignissim pellentesque, velit lacus dictum sem, non porttitor
|
||||
felis nulla nec risus. Donec a massa felis, a congue purus. Nullam et
|
||||
turpis diam. Aenean vestibulum egestas metus, eu sodales dolor
|
||||
venenatis quis. Aenean augue orci, facilisis et convallis ut, egestas
|
||||
at neque.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat
|
||||
gravida viverra. Vivamus ipsum felis, cursus sed venenatis nec, tempus
|
||||
ac tellus. Praesent luctus, risus eu vestibulum mollis, arcu mauris
|
||||
mollis ante, id mollis risus lectus ornare nisl. Aenean elementum arcu
|
||||
sed nibh faucibus pellentesque. Aliquam erat volutpat. Mauris tempor,
|
||||
urna at dignissim pellentesque, velit lacus dictum sem, non porttitor
|
||||
felis nulla nec risus. Donec a massa felis, a congue purus. Nullam et
|
||||
turpis diam. Aenean vestibulum egestas metus, eu sodales dolor
|
||||
venenatis quis. Aenean augue orci, facilisis et convallis ut, egestas
|
||||
at neque.
|
||||
</p>
|
||||
</article>
|
||||
</section>
|
||||
<script src="js/mobile.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,93 +0,0 @@
|
||||
<!--
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the examples of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
-->
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta name='viewport' content='width=device-width' />
|
||||
<title>Background Gradient + stop-color</title>
|
||||
<link href='css/css3_gradientBackStop.css' type='text/css' rel='stylesheet'/>
|
||||
</head>
|
||||
<body>
|
||||
<section>
|
||||
<article>
|
||||
<h4>Background Gradient<br/>with stop-color</h4>
|
||||
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat
|
||||
gravida viverra. Vivamus ipsum felis, cursus sed venenatis nec, tempus
|
||||
ac tellus. Praesent luctus, risus eu vestibulum mollis, arcu mauris
|
||||
mollis ante, id mollis risus lectus ornare nisl. Aenean elementum arcu
|
||||
sed nibh faucibus pellentesque. Aliquam erat volutpat. Mauris tempor,
|
||||
urna at dignissim pellentesque, velit lacus dictum sem, non porttitor
|
||||
felis nulla nec risus. Donec a massa felis, a congue purus. Nullam et
|
||||
turpis diam. Aenean vestibulum egestas metus, eu sodales dolor
|
||||
venenatis quis. Aenean augue orci, facilisis et convallis ut, egestas
|
||||
at neque.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat
|
||||
gravida viverra. Vivamus ipsum felis, cursus sed venenatis nec, tempus
|
||||
ac tellus. Praesent luctus, risus eu vestibulum mollis, arcu mauris
|
||||
mollis ante, id mollis risus lectus ornare nisl. Aenean elementum arcu
|
||||
sed nibh faucibus pellentesque. Aliquam erat volutpat. Mauris tempor,
|
||||
urna at dignissim pellentesque, velit lacus dictum sem, non porttitor
|
||||
felis nulla nec risus. Donec a massa felis, a congue purus. Nullam et
|
||||
turpis diam. Aenean vestibulum egestas metus, eu sodales dolor
|
||||
venenatis quis. Aenean augue orci, facilisis et convallis ut, egestas
|
||||
at neque.
|
||||
</p><p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat
|
||||
gravida viverra. Vivamus ipsum felis, cursus sed venenatis nec, tempus
|
||||
ac tellus. Praesent luctus, risus eu vestibulum mollis, arcu mauris
|
||||
mollis ante, id mollis risus lectus ornare nisl. Aenean elementum arcu
|
||||
sed nibh faucibus pellentesque. Aliquam erat volutpat. Mauris tempor,
|
||||
urna at dignissim pellentesque, velit lacus dictum sem, non porttitor
|
||||
felis nulla nec risus. Donec a massa felis, a congue purus. Nullam et
|
||||
turpis diam. Aenean vestibulum egestas metus, eu sodales dolor
|
||||
venenatis quis. Aenean augue orci, facilisis et convallis ut, egestas
|
||||
at neque.
|
||||
</p>
|
||||
|
||||
</article>
|
||||
</section>
|
||||
<script src="js/mobile.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,67 +0,0 @@
|
||||
<!--
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the examples of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
-->
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta name='viewport' content='width=device-width' />
|
||||
<title>Beveled Buttons</title>
|
||||
<link href='css/css3_gradientButton.css' type='text/css' rel='stylesheet'/>
|
||||
</head>
|
||||
<body>
|
||||
<article>
|
||||
<h3>Beveled Buttons</h3>
|
||||
<ul>
|
||||
<li><a href="#">Option 1</a></li>
|
||||
<li><a href="#">Option 2</a></li>
|
||||
<li><a href="#">Option 3</a></li>
|
||||
<li><a href="#">Option 4</a></li>
|
||||
<li><a href="#">Option 5</a></li>
|
||||
<li><a href="#">Option 6</a></li>
|
||||
<li><a href="#">Option 7</a></li>
|
||||
<li><a href="#">Option 8</a></li>
|
||||
<li><a href="#">Option 9</a></li>
|
||||
</ul>
|
||||
<p> </p>
|
||||
|
||||
</article>
|
||||
<script src="js/mobile.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,67 +0,0 @@
|
||||
<!--
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the examples of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
-->
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta name='viewport' content='width=device-width' />
|
||||
<title>Webkit Masks</title>
|
||||
<link href='css/css3_mask-grad.css' type='text/css' rel='stylesheet'/>
|
||||
</head>
|
||||
<body>
|
||||
<section>
|
||||
<article>
|
||||
<h3>Webkit Masks</h3>
|
||||
|
||||
<img src="img/tnail_gal1.png"/>
|
||||
<img src="img/tnail_gal2.png"/>
|
||||
<img src="img/tnail_gal3.png"/>
|
||||
<img src="img/tnail_gal4.png"/>
|
||||
<img src="img/tnail_gal5.png"/>
|
||||
<img src="img/tnail_gal6.png"/>
|
||||
<img src="img/tnail_gal7.png"/>
|
||||
<img src="img/tnail_gal8.png"/>
|
||||
|
||||
</article>
|
||||
</section>
|
||||
<script src="js/css3_mask-grad.js"></script>
|
||||
<script src="js/mobile.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,57 +0,0 @@
|
||||
<!--
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the examples of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
-->
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta name='viewport' content='width=device-width' />
|
||||
<title>Webkit Masks</title>
|
||||
<link href='css/css3_mask-img.css' type='text/css' rel='stylesheet'/>
|
||||
</head>
|
||||
<body>
|
||||
<section>
|
||||
<article>
|
||||
<img src="img/gal3.jpg" width="240" height="360"/>
|
||||
</article>
|
||||
</section>
|
||||
<script src="js/css3_mask-img.js"></script>
|
||||
<script src="js/mobile.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,92 +0,0 @@
|
||||
<!--
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the examples of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
-->
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta name='viewport' content='width=device-width' />
|
||||
<title>Animated Banners</title>
|
||||
<link href='css/css3_multicol.css' type='text/css' rel='stylesheet'/>
|
||||
</head>
|
||||
<body>
|
||||
<section>
|
||||
<article>
|
||||
<h3>Animated Banners</h3>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat
|
||||
gravida viverra. Vivamus ipsum felis, cursus sed venenatis nec, tempus
|
||||
ac tellus. Praesent luctus, risus eu vestibulum mollis, arcu mauris
|
||||
mollis ante, id mollis risus lectus ornare nisl. Aenean elementum arcu
|
||||
sed nibh faucibus pellentesque. Aliquam erat volutpat. Mauris tempor,
|
||||
urna at dignissim pellentesque, velit lacus dictum sem, non porttitor
|
||||
felis nulla nec risus. Donec a massa felis, a congue purus. Nullam et
|
||||
turpis diam. Aenean vestibulum egestas metus, eu sodales dolor
|
||||
venenatis quis. Aenean augue orci, facilisis et convallis ut, egestas
|
||||
at neque.
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat
|
||||
gravida viverra. Vivamus ipsum felis, cursus sed venenatis nec, tempus
|
||||
ac tellus. Praesent luctus, risus eu vestibulum mollis, arcu mauris
|
||||
mollis ante, id mollis risus lectus ornare nisl. Aenean elementum arcu
|
||||
sed nibh faucibus pellentesque. Aliquam erat volutpat. Mauris tempor,
|
||||
urna at dignissim pellentesque, velit lacus dictum sem, non porttitor
|
||||
felis nulla nec risus. Donec a massa felis, a congue purus. Nullam et
|
||||
turpis diam. Aenean vestibulum egestas metus, eu sodales dolor
|
||||
venenatis quis. Aenean augue orci, facilisis et convallis ut, egestas
|
||||
at neque.
|
||||
|
||||
</article>
|
||||
<br/>
|
||||
<br/>
|
||||
<br/>
|
||||
<br/>
|
||||
<br/>
|
||||
<br/>
|
||||
<br/>
|
||||
<br/>
|
||||
</section>
|
||||
|
||||
<nav class="ad">
|
||||
<a href="#">Item #1</a><a href="#">Item #2</a><a href="#">Item #3</a><a href="#">Item #4</a><a href="#">Item #5</a>
|
||||
</nav>
|
||||
|
||||
<script src="js/mobile.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,101 +0,0 @@
|
||||
<!--
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the examples of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
-->
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta name='viewport' content='width=device-width' />
|
||||
<title>Webkit Reflections</title>
|
||||
<link href='css/css3_reflect.css' type='text/css' rel='stylesheet'/>
|
||||
</head>
|
||||
<body>
|
||||
<section class="main">
|
||||
<article>
|
||||
<h1>Webkit Reflections</h1>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat
|
||||
gravida viverra. Vivamus ipsum felis, cursus sed venenatis nec, tempus
|
||||
ac tellus. Praesent luctus, risus eu vestibulum mollis, arcu mauris
|
||||
mollis ante, id mollis risus lectus ornare nisl. Aenean elementum arcu
|
||||
sed nibh faucibus pellentesque.
|
||||
</p>
|
||||
|
||||
<figure>
|
||||
<img src="img/land5.jpg">
|
||||
</figure>
|
||||
|
||||
<p>Aliquam erat volutpat. Mauris tempor, urna at dignissim
|
||||
pellentesque, velit lacus dictum sem, non porttitor felis nulla nec
|
||||
risus. Donec a massa felis, a congue purus. Nullam et turpis
|
||||
diam. Aenean vestibulum egestas metus, eu sodales dolor venenatis
|
||||
quis. Aenean augue orci, facilisis et convallis ut, egestas at neque.
|
||||
</p>
|
||||
|
||||
<h2>Webkit Reflections</h2>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat
|
||||
gravida viverra. Vivamus ipsum felis, cursus sed venenatis nec, tempus
|
||||
ac tellus. Praesent luctus, risus eu vestibulum mollis, arcu mauris
|
||||
mollis ante, id mollis risus lectus ornare nisl. Aenean elementum arcu
|
||||
sed nibh faucibus pellentesque. Aliquam erat volutpat. Mauris tempor,
|
||||
urna at dignissim pellentesque, velit lacus dictum sem, non porttitor
|
||||
felis nulla nec risus. Donec a massa felis, a congue purus. Nullam et
|
||||
turpis diam. Aenean vestibulum egestas metus, eu sodales dolor
|
||||
venenatis quis. Aenean augue orci, facilisis et convallis ut, egestas
|
||||
at neque.
|
||||
</p>
|
||||
<h3>Webkit Reflections</h3>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat
|
||||
gravida viverra. Vivamus ipsum felis, cursus sed venenatis nec, tempus
|
||||
ac tellus. Praesent luctus, risus eu vestibulum mollis, arcu mauris
|
||||
mollis ante, id mollis risus lectus ornare nisl. Aenean elementum arcu
|
||||
sed nibh faucibus pellentesque. Aliquam erat volutpat. Mauris tempor,
|
||||
urna at dignissim pellentesque, velit lacus dictum sem, non porttitor
|
||||
felis nulla nec risus. Donec a massa felis, a congue purus. Nullam et
|
||||
turpis diam. Aenean vestibulum egestas metus, eu sodales dolor
|
||||
venenatis quis. Aenean augue orci, facilisis et convallis ut, egestas
|
||||
at neque.
|
||||
</p>
|
||||
</article>
|
||||
</section>
|
||||
<script src="js/mobile.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,95 +0,0 @@
|
||||
<!--
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the examples of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
-->
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta name='viewport' content='width=device-width' />
|
||||
<title>Custom Scrollbars</title>
|
||||
<link href='css/css3_scroll.css' type='text/css' rel='stylesheet'/>
|
||||
</head>
|
||||
<body>
|
||||
<section>
|
||||
<article>
|
||||
<h3>Custom Scrollbars</h3>
|
||||
|
||||
<p>
|
||||
Unlike standard text, linebreaks cannot appear arbitrarily within
|
||||
blocks of code. Wide lines may be difficult to read within a
|
||||
narrow-screen mobile interface:
|
||||
</p>
|
||||
|
||||
<pre>
|
||||
window.onload = function() {
|
||||
var aside = document.querySelector('#related');
|
||||
document.querySelector('#main').addEventListener('mouseup', function(event){
|
||||
var thresholdDec = 0.5;
|
||||
var totalHeight = event.currentTarget.scrollHeight;
|
||||
var tapHeight = event.layerY;
|
||||
var tapHeightDec = tapHeight / totalHeight;
|
||||
var minHeight = 360;
|
||||
if ( tapHeight < minHeight ) aside.className = '';
|
||||
if (tapHeightDec > thresholdDec ) {
|
||||
aside.className = 'visible';
|
||||
}
|
||||
else {
|
||||
aside.className = '';
|
||||
}
|
||||
});
|
||||
};
|
||||
</pre>
|
||||
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat
|
||||
gravida viverra. Vivamus ipsum felis, cursus sed venenatis nec, tempus
|
||||
ac tellus. Praesent luctus, risus eu vestibulum mollis, arcu mauris
|
||||
mollis ante, id mollis risus lectus ornare nisl. Aenean elementum arcu
|
||||
sed nibh faucibus pellentesque. Aliquam erat volutpat. Mauris tempor,
|
||||
urna at dignissim pellentesque, velit lacus dictum sem, non porttitor
|
||||
felis nulla nec risus. Donec a massa felis, a congue purus. Nullam et
|
||||
turpis diam. Aenean vestibulum egestas metus, eu sodales dolor
|
||||
venenatis quis. Aenean augue orci, facilisis et convallis ut, egestas
|
||||
at neque.
|
||||
</p>
|
||||
|
||||
</article>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,81 +0,0 @@
|
||||
<!--
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the examples of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
-->
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta name='viewport' content='width=device-width' />
|
||||
<title>CSS-only Grid Layout</title>
|
||||
<link href='css/css3_sel-nth.css' type='text/css' rel='stylesheet'/>
|
||||
</head>
|
||||
<body>
|
||||
<section>
|
||||
<article>
|
||||
|
||||
<img src="img/ic_ag_048.png"/>
|
||||
<img src="img/ic_al_048.png"/>
|
||||
<img src="img/ic_ar_048.png"/>
|
||||
<img src="img/ic_be_048.png"/>
|
||||
<img src="img/ic_b_048.png"/>
|
||||
<img src="img/ic_ca_048.png"/>
|
||||
<img src="img/ic_cl_048.png"/>
|
||||
<img src="img/ic_cu_048.png"/>
|
||||
<img src="img/ic_c_048.png"/>
|
||||
<img src="img/ic_fe_048.png"/>
|
||||
<img src="img/ic_f_048.png"/>
|
||||
<img src="img/ic_he_048.png"/>
|
||||
<img src="img/ic_h_048.png"/>
|
||||
<img src="img/ic_k_048.png"/>
|
||||
<img src="img/ic_li_048.png"/>
|
||||
<img src="img/ic_mg_048.png"/>
|
||||
<img src="img/ic_na_048.png"/>
|
||||
<img src="img/ic_ne_048.png"/>
|
||||
<img src="img/ic_ni_048.png"/>
|
||||
<img src="img/ic_n_048.png"/>
|
||||
<img src="img/ic_o_048.png"/>
|
||||
<img src="img/ic_pt_048.png"/>
|
||||
<img src="img/ic_si_048.png"/>
|
||||
<img src="img/ic_zn_048.png"/>
|
||||
|
||||
</article>
|
||||
</section>
|
||||
<script src="js/mobile.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,79 +0,0 @@
|
||||
<!--
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the examples of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
-->
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta name='viewport' content='width=device-width' />
|
||||
<title>Navigation Icon Feedback</title>
|
||||
<link href='css/css3_shadow.css' type='text/css' rel='stylesheet'/>
|
||||
</head>
|
||||
<body>
|
||||
<section class="nav">
|
||||
<nav>
|
||||
<a class="nav1" href="#"></a>
|
||||
<a class="nav2" href="#"></a>
|
||||
<a class="nav3" href="#"></a>
|
||||
<a class="nav4" href="#"></a>
|
||||
<a class="nav5" href="#"></a>
|
||||
<a class="nav6" href="#"></a>
|
||||
<span id="force_justify"> </span>
|
||||
</nav>
|
||||
</section>
|
||||
<section class="main">
|
||||
<article>
|
||||
<h1>Navigation Icon Feedback</h1>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat
|
||||
gravida viverra. Vivamus ipsum felis, cursus sed venenatis nec, tempus
|
||||
ac tellus. Praesent luctus, risus eu vestibulum mollis, arcu mauris
|
||||
mollis ante, id mollis risus lectus ornare nisl. Aenean elementum arcu
|
||||
sed nibh faucibus pellentesque. Aliquam erat volutpat. Mauris tempor,
|
||||
urna at dignissim pellentesque, velit lacus dictum sem, non porttitor
|
||||
felis nulla nec risus. Donec a massa felis, a congue purus. Nullam et
|
||||
turpis diam. Aenean vestibulum egestas metus, eu sodales dolor
|
||||
venenatis quis. Aenean augue orci, facilisis et convallis ut, egestas
|
||||
at neque.
|
||||
</p>
|
||||
</article>
|
||||
</section>
|
||||
<script src="js/mobile.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,118 +0,0 @@
|
||||
<!--
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the examples of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
-->
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta name='viewport' content='width=device-width' />
|
||||
<title>text-overflow</title>
|
||||
<link href='css/css3_text-overflow.css' type='text/css' rel='stylesheet'/>
|
||||
</head>
|
||||
<body>
|
||||
<section>
|
||||
<article>
|
||||
<h3>text-overflow</h3>
|
||||
|
||||
<ul class="accordion">
|
||||
<li id="l1">
|
||||
<div class="dismiss"></div>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat
|
||||
gravida viverra. Vivamus ipsum felis, cursus sed venenatis nec, tempus
|
||||
ac tellus. Mauris tempor, urna at dignissim pellentesque, velit lacus
|
||||
dictum sem, non porttitor felis nulla nec risus.
|
||||
</li>
|
||||
<li id="l2">
|
||||
<div class="dismiss"></div>
|
||||
Praesent luctus, risus eu vestibulum mollis, arcu mauris mollis ante,
|
||||
id mollis risus lectus ornare nisl. Aenean elementum arcu sed nibh
|
||||
faucibus pellentesque. Aliquam erat volutpat. Donec a massa felis, a
|
||||
congue purus. Nullam et turpis diam. Aenean vestibulum egestas metus,
|
||||
eu sodales dolor venenatis quis. Aenean augue orci, facilisis et
|
||||
convallis ut, egestas at neque.
|
||||
</li>
|
||||
<li id="l3">
|
||||
<div class="dismiss"></div>
|
||||
Donec a massa felis, a congue purus. Nullam et turpis diam. Aenean
|
||||
vestibulum egestas metus, eu sodales dolor venenatis quis. Aenean
|
||||
augue orci, facilisis et convallis ut, egestas at neque. Lorem ipsum
|
||||
dolor sit amet, consectetur adipiscing elit. Donec feugiat gravida
|
||||
viverra. Vivamus ipsum felis, cursus sed venenatis nec, tempus ac
|
||||
tellus.
|
||||
</li>
|
||||
<li id="l4">
|
||||
<div class="dismiss"></div>
|
||||
Aenean vestibulum egestas metus, eu sodales dolor venenatis quis.
|
||||
Aenean augue orci, facilisis et convallis ut, egestas at neque.
|
||||
Vivamus ipsum felis, cursus sed venenatis nec, tempus ac tellus.
|
||||
Donec a massa felis, a congue purus.
|
||||
</li>
|
||||
<li id="l5">
|
||||
<div class="dismiss"></div>
|
||||
Nullam et turpis diam. Vivamus ipsum felis, cursus sed venenatis nec,
|
||||
tempus ac tellus. Lorem ipsum dolor sit amet, consectetur adipiscing
|
||||
elit. Donec a massa felis, a congue purus. Aenean vestibulum egestas
|
||||
metus, eu sodales dolor venenatis quis. Donec feugiat gravida
|
||||
viverra. Praesent luctus, risus eu vestibulum mollis, arcu mauris
|
||||
mollis ante, id mollis risus lectus ornare nisl.
|
||||
</li>
|
||||
<li id="l6">
|
||||
<div class="dismiss"></div>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
||||
Vivamus ipsum felis, cursus sed venenatis nec, tempus ac tellus.
|
||||
Aenean elementum arcu sed nibh faucibus pellentesque. Aliquam erat
|
||||
volutpat.
|
||||
Donec a massa felis, a congue purus.
|
||||
Aenean vestibulum egestas metus, eu sodales dolor venenatis quis.
|
||||
</li>
|
||||
<li id="l7">
|
||||
<div class="dismiss"></div>
|
||||
Donec feugiat gravida viverra. Praesent luctus, risus eu vestibulum
|
||||
mollis, arcu mauris mollis ante, id mollis risus lectus ornare nisl.
|
||||
Aliquam erat volutpat. Nullam et turpis diam. Aenean augue orci,
|
||||
facilisis et convallis ut, egestas at neque.
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</article>
|
||||
</section>
|
||||
<script src="js/css3_text-overflow.js"></script>
|
||||
<script src="js/mobile.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,75 +0,0 @@
|
||||
<!--
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the examples of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
-->
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta name='viewport' content='width=device-width' />
|
||||
<title>Text Shadow</title>
|
||||
<link href='css/css3_text-shadow.css' type='text/css' rel='stylesheet'/>
|
||||
</head>
|
||||
<body>
|
||||
<section>
|
||||
<article>
|
||||
<h1>Text Shadow</h1>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat
|
||||
gravida viverra. Vivamus ipsum felis, cursus sed venenatis nec, tempus
|
||||
ac tellus.
|
||||
</p>
|
||||
<h2>Subhead</h2>
|
||||
<p>
|
||||
Praesent luctus, risus eu vestibulum mollis, arcu mauris mollis ante,
|
||||
id mollis risus lectus ornare nisl. Aenean elementum arcu sed nibh
|
||||
faucibus pellentesque. Aliquam erat volutpat. Mauris tempor, urna at
|
||||
dignissim pellentesque, velit lacus dictum sem, non porttitor felis
|
||||
nulla nec risus. Donec a massa felis, a congue purus. Nullam et turpis
|
||||
diam.
|
||||
</p>
|
||||
<h3>Subhead</h3>
|
||||
<p>
|
||||
Aenean vestibulum egestas metus, eu sodales dolor venenatis
|
||||
quis. Aenean augue orci, facilisis et convallis ut, egestas at neque.
|
||||
</p>
|
||||
</article>
|
||||
</section>
|
||||
<script src="js/mobile.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,75 +0,0 @@
|
||||
<!--
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the examples of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
-->
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta name='viewport' content='width=device-width' />
|
||||
<title>Text Stroke</title>
|
||||
<link href='css/css3_text-stroke.css' type='text/css' rel='stylesheet'/>
|
||||
</head>
|
||||
<body>
|
||||
<section>
|
||||
<article>
|
||||
<h1>Text Stroke</h1>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat
|
||||
gravida viverra. Vivamus ipsum felis, cursus sed venenatis nec, tempus
|
||||
ac tellus.
|
||||
</p>
|
||||
<h2>Subhead</h2>
|
||||
<p>
|
||||
Praesent luctus, risus eu vestibulum mollis, arcu mauris mollis ante,
|
||||
id mollis risus lectus ornare nisl. Aenean elementum arcu sed nibh
|
||||
faucibus pellentesque. Aliquam erat volutpat. Mauris tempor, urna at
|
||||
dignissim pellentesque, velit lacus dictum sem, non porttitor felis
|
||||
nulla nec risus. Donec a massa felis, a congue purus. Nullam et turpis
|
||||
diam.
|
||||
</p>
|
||||
<h3>Subhead</h3>
|
||||
<p>
|
||||
Aenean vestibulum egestas metus, eu sodales dolor venenatis
|
||||
quis. Aenean augue orci, facilisis et convallis ut, egestas at neque.
|
||||
</p>
|
||||
</article>
|
||||
</section>
|
||||
<script src="js/mobile.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,75 +0,0 @@
|
||||
<!--
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the examples of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
-->
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta name='viewport' content='width=device-width' />
|
||||
<title>CSS-only Tap Button Inputs</title>
|
||||
<link href='css/form_tapper.css' type='text/css' rel='stylesheet'/>
|
||||
</head>
|
||||
<body>
|
||||
<section>
|
||||
<h1>CSS-only Tap Button Inputs</h1>
|
||||
<form>
|
||||
<h2>radio</h2>
|
||||
<input type="radio" name="radio_basic" value="one"/>
|
||||
<label>Option One</label>
|
||||
<br/>
|
||||
<input type="radio" name="radio_basic" value="two"/>
|
||||
<label>Option Two</label>
|
||||
<br/>
|
||||
<input type="radio" name="radio_basic" value="three"/>
|
||||
<label>Option Three</label>
|
||||
<h2>checkbox</h2>
|
||||
<input type="checkbox" name="checkbox_basic" value="one"/>
|
||||
<label>Option One</label>
|
||||
<br/>
|
||||
<input type="checkbox" name="checkbox_basic" value="two"/>
|
||||
<label>Option Two</label>
|
||||
<br/>
|
||||
<input type="checkbox" name="checkbox_basic" value="three"/>
|
||||
<label>Option Three</label>
|
||||
</form>
|
||||
</section>
|
||||
<script src="js/form_tapper.js"></script>
|
||||
<script src="js/mobile.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,141 +0,0 @@
|
||||
<!--
|
||||
**
|
||||
** Copyright (C) 2015 The Qt Company Ltd.
|
||||
** Contact: http://www.qt.io/licensing/
|
||||
**
|
||||
** This file is part of the examples of the Qt Toolkit.
|
||||
**
|
||||
** $QT_BEGIN_LICENSE:BSD$
|
||||
** You may use this file under the terms of the BSD license as follows:
|
||||
**
|
||||
** "Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are
|
||||
** met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in
|
||||
** the documentation and/or other materials provided with the
|
||||
** distribution.
|
||||
** * Neither the name of The Qt Company Ltd nor the names of its
|
||||
** contributors may be used to endorse or promote products derived
|
||||
** from this software without specific prior written permission.
|
||||
**
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||||
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||||
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||||
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||||
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||||
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||||
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
|
||||
**
|
||||
** $QT_END_LICENSE$
|
||||
**
|
||||
-->
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta name='viewport' content='width=device-width' />
|
||||
<title>CSS-only Toggle Button Inputs</title>
|
||||
<link href='css/form_toggler.css' type='text/css' rel='stylesheet'/>
|
||||
</head>
|
||||
<body>
|
||||
<section>
|
||||
<h1>CSS-only Toggle Button Inputs</h1>
|
||||
<form>
|
||||
<h2>radio (default)</h2>
|
||||
<label>Option One</label>
|
||||
<input type="radio" name="radio_basic" value="one"/>
|
||||
<br/>
|
||||
<label>Option Two</label>
|
||||
<input type="radio" name="radio_basic" value="two"/>
|
||||
<br/>
|
||||
<label>Option Three</label>
|
||||
<input type="radio" name="radio_basic" value="three"/>
|
||||
<h2>checkbox (default)</h2>
|
||||
<input type="checkbox" name="checkbox_basic" value="one"/>
|
||||
<label>Option One</label>
|
||||
<br/>
|
||||
<input type="checkbox" name="checkbox_basic" value="two"/>
|
||||
<label>Option Two</label>
|
||||
<br/>
|
||||
<input type="checkbox" name="checkbox_basic" value="three"/>
|
||||
<label>Option Three</label>
|
||||
<h2>radio class="invert"</h2>
|
||||
<label>Option One</label>
|
||||
<input class="invert" type="radio" name="radio_invert" value="one"/>
|
||||
<br/>
|
||||
<label>Option Two</label>
|
||||
<input class="invert" type="radio" name="radio_invert" value="two"/>
|
||||
<br/>
|
||||
<label>Option Three</label>
|
||||
<input class="invert" type="radio" name="radio_invert" value="three"/>
|
||||
<h2>checkbox class="invert"</h2>
|
||||
<input class="invert" type="checkbox" name="checkbox_invert" value="one"/>
|
||||
<label>Option One</label>
|
||||
<br/>
|
||||
<input class="invert" type="checkbox" name="checkbox_invert" value="two"/>
|
||||
<label>Option Two</label>
|
||||
<br/>
|
||||
<input class="invert" type="checkbox" name="checkbox_invert" value="three"/>
|
||||
<label>Option Three</label>
|
||||
<h2>radio class="yn"</h2>
|
||||
<label>Option One</label>
|
||||
<input class="yn" type="radio" name="radio_yn" value="one"/>
|
||||
<br/>
|
||||
<label>Option Two</label>
|
||||
<input class="yn" type="radio" name="radio_yn" value="two"/>
|
||||
<br/>
|
||||
<label>Option Three</label>
|
||||
<input class="yn" type="radio" name="radio_yn" value="three"/>
|
||||
<h2>checkbox class="yn"</h2>
|
||||
<input class="yn" type="checkbox" name="checkbox_yn" value="one"/>
|
||||
<label>Option One</label>
|
||||
<br/>
|
||||
<input class="yn" type="checkbox" name="checkbox_yn" value="two"/>
|
||||
<label>Option Two</label>
|
||||
<br/>
|
||||
<input class="yn" type="checkbox" name="checkbox_yn" value="three"/>
|
||||
<label>Option Three</label>
|
||||
<h2>radio class="tf"</h2>
|
||||
<label>Option One</label>
|
||||
<input class="tf" type="radio" name="radio_tf" value="one"/>
|
||||
<br/>
|
||||
<label>Option Two</label>
|
||||
<input class="tf" type="radio" name="radio_tf" value="two"/>
|
||||
<br/>
|
||||
<label>Option Three</label>
|
||||
<input class="tf" type="radio" name="radio_tf" value="three"/>
|
||||
<h2>checkbox class="tf"</h2>
|
||||
<input class="tf" type="checkbox" name="checkbox_tf" value="one"/>
|
||||
<label>Option One</label>
|
||||
<br/>
|
||||
<input class="tf" type="checkbox" name="checkbox_tf" value="two"/>
|
||||
<label>Option Two</label>
|
||||
<br/>
|
||||
<input class="tf" type="checkbox" name="checkbox_tf" value="three"/>
|
||||
<label>Option Three</label>
|
||||
<h2>radio class="binary"</h2>
|
||||
<label>Time of Day</label>
|
||||
<input class="binary ampm" type="radio" name="radio_binary" value="am"/>
|
||||
<input class="binary ampm" type="radio" name="radio_binary" value="pm" checked/>
|
||||
<br/>
|
||||
<label>Sex</label>
|
||||
<input class="binary sex" type="radio" name="radio_sex" value="male" checked/>
|
||||
<input class="binary sex" type="radio" name="radio_sex" value="female"/>
|
||||
<br/>
|
||||
<br/>
|
||||
<p>(These use custom button values)</p>
|
||||
<br/>
|
||||
<br/>
|
||||
</form>
|
||||
</section>
|
||||
<script src="js/mobile.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 5.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 44 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 44 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 50 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 56 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 31 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 30 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 34 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 34 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 710 B |
Binary file not shown.
|
Before Width: | Height: | Size: 658 B |
Binary file not shown.
|
Before Width: | Height: | Size: 598 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 625 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 608 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 580 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 KiB |
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user