OTPWCalc Sources / file comparison
comparison: src/firefoxos/main.css
src/firefoxos/main.css
- changeset 0
- 6a0957738c54
equal
deleted
inserted
replaced
| -1:000000000000 | 0:a3045f966404 |
|---|---|
| 1 /* | |
| 2 * OTPWCalc - One time password challenge response calculator client | |
| 3 * Copyright © 2013 Michael Schloh von Bennewitz <michael@schloh.com> | |
| 4 * | |
| 5 * OTPWCalc is free software: you can redistribute it and/or modify | |
| 6 * it under the terms of the European Union Public Licence, either | |
| 7 * version 1.1 of the license, or (at your option) any later version. | |
| 8 * | |
| 9 * OTPWCalc is distributed in the hope that it will be useful, | |
| 10 * but WITHOUT ANY WARRANTY; without even the implied warranty | |
| 11 * of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See | |
| 12 * the European Union Public License for more details. | |
| 13 * | |
| 14 * You should have received a copy of the European Union Public | |
| 15 * Licence along with OTPWCalc. If not, please refer to | |
| 16 * <http://joinup.ec.europa.eu/software/page/eupl/>. | |
| 17 * | |
| 18 * This file is part of project OTWPCalc, a one time password challenge | |
| 19 * response calculator client and is found at http://otpwcalc.europalab.com/ | |
| 20 * | |
| 21 * main.css: W3C CSS design | |
| 22 */ | |
| 23 | |
| 24 /* CSS media queries */ | |
| 25 | |
| 26 /* Basic desktop/screen width */ | |
| 27 @media only screen and (min-width : 1224px) { | |
| 28 /* placeholder */ | |
| 29 } | |
| 30 /* Traditional iPhone width */ | |
| 31 @media | |
| 32 only screen and (-webkit-min-device-pixel-ratio : 1.5), | |
| 33 only screen and (min-device-pixel-ratio : 1.5) { | |
| 34 /* placeholder */ | |
| 35 } | |
| 36 /* Diverse orientations */ | |
| 37 @media screen and (orientation:portrait) { | |
| 38 /* placeholder */ | |
| 39 } | |
| 40 @media screen and (orientation:landscape) { | |
| 41 /* placeholder */ | |
| 42 } | |
| 43 | |
| 44 /* Custom icons */ | |
| 45 | |
| 46 .ui-icon-otpwcalc-seepass { | |
| 47 background-image: url("img/seeye-sd.png"); | |
| 48 } | |
| 49 .ui-icon-otpwcalc-email { | |
| 50 background-image: url("img/email-sd.png"); | |
| 51 } | |
| 52 .ui-icon-otpwcalc-question { | |
| 53 background-image: url("img/question-sd.png"); | |
| 54 } | |
| 55 .ui-icon-otpwcalc-document { | |
| 56 background-image: url("img/document-sd.png"); | |
| 57 } | |
| 58 .ui-icon-otpwcalc-security { | |
| 59 background-image: url("img/security-sd.png"); | |
| 60 } | |
| 61 .ui-icon-otpwcalc-manpage { | |
| 62 background-image: url("img/manpage-sd.png"); | |
| 63 } | |
| 64 .ui-icon-otpwcalc-qstart { | |
| 65 background-image: url("img/quickstart-sd.png"); | |
| 66 } | |
| 67 @media only screen and (-webkit-min-device-pixel-ratio: 2) { | |
| 68 .ui-icon-otpwcalc-seepass { | |
| 69 background-image: url("img/seeye-hd.png"); | |
| 70 background-size: 18px 18px; | |
| 71 } | |
| 72 .ui-icon-otpwcalc-email { | |
| 73 background-image: url("img/email-hd.png"); | |
| 74 background-size: 18px 18px; | |
| 75 } | |
| 76 .ui-icon-otpwcalc-question { | |
| 77 background-image: url("img/question-hd.png"); | |
| 78 background-size: 18px 18px; | |
| 79 } | |
| 80 .ui-icon-otpwcalc-document { | |
| 81 background-image: url("img/document-hd.png"); | |
| 82 background-size: 18px 18px; | |
| 83 } | |
| 84 .ui-icon-otpwcalc-security { | |
| 85 background-image: url("img/security-hd.png"); | |
| 86 background-size: 18px 18px; | |
| 87 } | |
| 88 .ui-icon-otpwcalc-manpage { | |
| 89 background-image: url("img/manpage-hd.png"); | |
| 90 background-size: 18px 18px; | |
| 91 } | |
| 92 .ui-icon-otpwcalc-qstart { | |
| 93 background-image: url("img/quickstart-hd.png"); | |
| 94 background-size: 18px 18px; | |
| 95 } | |
| 96 } | |
| 97 /* Trying to stretch buttons (not working) */ | |
| 98 /*.ui-controlgroup-controls | |
| 99 { | |
| 100 width:100%; | |
| 101 } | |
| 102 .ui-radio { | |
| 103 width:33%; | |
| 104 }*/ | |
| 105 /* HTML5 validation */ | |
| 106 /*input:required:invalid, input:focus:invalid { | |
| 107 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'); | |
| 108 background-position: right top; | |
| 109 background-repeat: no-repeat; | |
| 110 -moz-box-shadow: none; | |
| 111 }*/ | |
| 112 /*input:required:valid { | |
| 113 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='); | |
| 114 background-position: right top; | |
| 115 background-repeat: no-repeat; | |
| 116 }*/ |
