1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/src/tizen/main.css Wed Jul 31 19:48:00 2013 +0200
1.3 @@ -0,0 +1,116 @@
1.4 +/*
1.5 + * OTPWCalc - One time password challenge response calculator client
1.6 + * Copyright © 2013 Michael Schloh von Bennewitz <michael@schloh.com>
1.7 + *
1.8 + * OTPWCalc is free software: you can redistribute it and/or modify
1.9 + * it under the terms of the European Union Public Licence, either
1.10 + * version 1.1 of the license, or (at your option) any later version.
1.11 + *
1.12 + * OTPWCalc is distributed in the hope that it will be useful,
1.13 + * but WITHOUT ANY WARRANTY; without even the implied warranty
1.14 + * of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See
1.15 + * the European Union Public License for more details.
1.16 + *
1.17 + * You should have received a copy of the European Union Public
1.18 + * Licence along with OTPWCalc. If not, please refer to
1.19 + * <http://joinup.ec.europa.eu/software/page/eupl/>.
1.20 + *
1.21 + * This file is part of project OTWPCalc, a one time password challenge
1.22 + * response calculator client and is found at http://otpwcalc.europalab.com/
1.23 + *
1.24 + * main.css: W3C CSS design
1.25 + */
1.26 +
1.27 +/* CSS media queries */
1.28 +
1.29 +/* Basic desktop/screen width */
1.30 +@media only screen and (min-width : 1224px) {
1.31 + /* placeholder */
1.32 +}
1.33 +/* Traditional iPhone width */
1.34 +@media
1.35 + only screen and (-webkit-min-device-pixel-ratio : 1.5),
1.36 + only screen and (min-device-pixel-ratio : 1.5) {
1.37 + /* placeholder */
1.38 + }
1.39 +/* Diverse orientations */
1.40 +@media screen and (orientation:portrait) {
1.41 + /* placeholder */
1.42 +}
1.43 +@media screen and (orientation:landscape) {
1.44 + /* placeholder */
1.45 +}
1.46 +
1.47 +/* Custom icons */
1.48 +
1.49 +.ui-icon-otpwcalc-seepass {
1.50 + background-image: url("img/seeye-sd.png");
1.51 +}
1.52 +.ui-icon-otpwcalc-email {
1.53 + background-image: url("img/email-sd.png");
1.54 +}
1.55 +.ui-icon-otpwcalc-question {
1.56 + background-image: url("img/question-sd.png");
1.57 +}
1.58 +.ui-icon-otpwcalc-document {
1.59 + background-image: url("img/document-sd.png");
1.60 +}
1.61 +.ui-icon-otpwcalc-security {
1.62 + background-image: url("img/security-sd.png");
1.63 +}
1.64 +.ui-icon-otpwcalc-manpage {
1.65 + background-image: url("img/manpage-sd.png");
1.66 +}
1.67 +.ui-icon-otpwcalc-qstart {
1.68 + background-image: url("img/quickstart-sd.png");
1.69 +}
1.70 +@media only screen and (-webkit-min-device-pixel-ratio: 2) {
1.71 + .ui-icon-otpwcalc-seepass {
1.72 + background-image: url("img/seeye-hd.png");
1.73 + background-size: 18px 18px;
1.74 + }
1.75 + .ui-icon-otpwcalc-email {
1.76 + background-image: url("img/email-hd.png");
1.77 + background-size: 18px 18px;
1.78 + }
1.79 + .ui-icon-otpwcalc-question {
1.80 + background-image: url("img/question-hd.png");
1.81 + background-size: 18px 18px;
1.82 + }
1.83 + .ui-icon-otpwcalc-document {
1.84 + background-image: url("img/document-hd.png");
1.85 + background-size: 18px 18px;
1.86 + }
1.87 + .ui-icon-otpwcalc-security {
1.88 + background-image: url("img/security-hd.png");
1.89 + background-size: 18px 18px;
1.90 + }
1.91 + .ui-icon-otpwcalc-manpage {
1.92 + background-image: url("img/manpage-hd.png");
1.93 + background-size: 18px 18px;
1.94 + }
1.95 + .ui-icon-otpwcalc-qstart {
1.96 + background-image: url("img/quickstart-hd.png");
1.97 + background-size: 18px 18px;
1.98 + }
1.99 +}
1.100 +/* Trying to stretch buttons (not working) */
1.101 +/*.ui-controlgroup-controls
1.102 +{
1.103 + width:100%;
1.104 +}
1.105 +.ui-radio {
1.106 + width:33%;
1.107 +}*/
1.108 +/* HTML5 validation */
1.109 +/*input:required:invalid, input:focus:invalid {
1.110 + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeVJREFUeNqkU01oE1EQ/mazSTdRmqSxLVSJVKU9RYoHD8WfHr16kh5EFA8eSy6hXrwUPBSKZ6E9V1CU4tGf0DZWDEQrGkhprRDbCvlpavan3ezu+LLSUnADLZnHwHvzmJlvvpkhZkY7IqFNaTuAfPhhP/8Uo87SGSaDsP27hgYM/lUpy6lHdqsAtM+BPfvqKp3ufYKwcgmWCug6oKmrrG3PoaqngWjdd/922hOBs5C/jJA6x7AiUt8VYVUAVQXXShfIqCYRMZO8/N1N+B8H1sOUwivpSUSVCJ2MAjtVwBAIdv+AQkHQqbOgc+fBvorjyQENDcch16/BtkQdAlC4E6jrYHGgGU18Io3gmhzJuwub6/fQJYNi/YBpCifhbDaAPXFvCBVxXbvfbNGFeN8DkjogWAd8DljV3KRutcEAeHMN/HXZ4p9bhncJHCyhNx52R0Kv/XNuQvYBnM+CP7xddXL5KaJw0TMAF8qjnMvegeK/SLHubhpKDKIrJDlvXoMX3y9xcSMZyBQ+tpyk5hzsa2Ns7LGdfWdbL6fZvHn92d7dgROH/730YBLtiZmEdGPkFnhX4kxmjVe2xgPfCtrRd6GHRtEh9zsL8xVe+pwSzj+OtwvletZZ/wLeKD71L+ZeHHWZ/gowABkp7AwwnEjFAAAAAElFTkSuQmCC');
1.111 + background-position: right top;
1.112 + background-repeat: no-repeat;
1.113 + -moz-box-shadow: none;
1.114 +}*/
1.115 +/*input:required:valid {
1.116 + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAepJREFUeNrEk79PFEEUx9/uDDd7v/AAQQnEQokmJCRGwc7/QeM/YGVxsZJQYI/EhCChICYmUJigNBSGzobQaI5SaYRw6imne0d2D/bYmZ3dGd+YQKEHYiyc5GUyb3Y+77vfeWNpreFfhvXfAWAAJtbKi7dff1rWK9vPHx3mThP2Iaipk5EzTg8Qmru38H7izmkFHAF4WH1R52654PR0Oamzj2dKxYt/Bbg1OPZuY3d9aU82VGem/5LtnJscLxWzfzRxaWNqWJP0XUadIbSzu5DuvUJpzq7sfYBKsP1GJeLB+PWpt8cCXm4+2+zLXx4guKiLXWA2Nc5ChOuacMEPv20FkT+dIawyenVi5VcAbcigWzXLeNiDRCdwId0LFm5IUMBIBgrp8wOEsFlfeCGm23/zoBZWn9a4C314A1nCoM1OAVccuGyCkPs/P+pIdVIOkG9pIh6YlyqCrwhRKD3GygK9PUBImIQQxRi4b2O+JcCLg8+e8NZiLVEygwCrWpYF0jQJziYU/ho2TUuCPTn8hHcQNuZy1/94sAMOzQHDeqaij7Cd8Dt8CatGhX3iWxgtFW/m29pnUjR7TSQcRCIAVW1FSr6KAVYdi+5Pj8yunviYHq7f72po3Y9dbi7CxzDO1+duzCXH9cEPAQYAhJELY/AqBtwAAAAASUVORK5CYII=');
1.117 + background-position: right top;
1.118 + background-repeat: no-repeat;
1.119 +}*/
