summaryrefslogtreecommitdiffstats
path: root/examples/webengine/customdialogs/style.css
diff options
context:
space:
mode:
authorMichal Klocek <michal.klocek@qt.io>2016-06-13 13:14:32 +0200
committerMichal Klocek <michal.klocek@qt.io>2016-11-01 11:00:04 +0000
commite08cb960ada1ad4f800785754ac8ed313c4f5264 (patch)
treef84e3c4d63cf8484fc78fac5f8a9b4c4b768e8c3 /examples/webengine/customdialogs/style.css
parent2fe08ddf9388598003cb3a30f30a2d18ab044969 (diff)
Add qtquick customdialog example
The example shows how to create and use custom dialogs instead of webengine's default dialogs. Task-number: QTBUG-56063 Change-Id: I440305b2d4357d2b47c6b5a1a821b25c71221aa2 Reviewed-by: Peter Varga <pvarga@inf.u-szeged.hu>
Diffstat (limited to 'examples/webengine/customdialogs/style.css')
-rw-r--r--examples/webengine/customdialogs/style.css37
1 files changed, 37 insertions, 0 deletions
diff --git a/examples/webengine/customdialogs/style.css b/examples/webengine/customdialogs/style.css
new file mode 100644
index 000000000..e4c25e7eb
--- /dev/null
+++ b/examples/webengine/customdialogs/style.css
@@ -0,0 +1,37 @@
+.div {
+ padding:8px 4px;
+ border: 5px solid #188BD0;
+ width: 280px;
+ font-family: sans-serif;
+ font-size:10pt;
+}
+.link {
+ text-decoration: none;
+ color: #888888;
+}
+.button {
+ background: -webkit-linear-gradient(top,#25A6E2 0%,#188BD0 100%);
+ padding:8px 13px;
+ color:#fff;
+ font-family: sans-serif;
+ font-size:17px;
+ -webkit-border-radius:5px;
+ border:1px solid #1A87FF;
+ width: 300px;
+}
+.button:focus {
+ outline: none;
+}
+.button:active {
+ background: -webkit-linear-gradient(top,#25A6E2 0%,#188BD0 70%);
+}
+.input {
+ padding:8px 4px;
+ border: 5px solid #188BD0;
+ width: 280px;
+ font-family: sans-serif;
+ font-size:10pt;
+}
+.input:focus {
+ outline: none;
+}