michael@0: /*
michael@0:  * OTPWCalc - One time password challenge response calculator client
michael@0:  * Copyright © 2013 Michael Schloh von Bennewitz <michael@schloh.com>
michael@0:  * 
michael@0:  * OTPWCalc is free software: you can redistribute it and/or modify
michael@0:  * it under the terms of the European Union Public Licence, either
michael@0:  * version 1.1 of the license, or (at your option) any later version.
michael@0:  * 
michael@0:  * OTPWCalc is distributed in the hope that it will be useful,
michael@0:  * but WITHOUT ANY WARRANTY; without even the implied warranty
michael@0:  * of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See
michael@0:  * the European Union Public License for more details.
michael@0:  * 
michael@0:  * You should have received a copy of the European Union Public
michael@0:  * Licence along with OTPWCalc. If not, please refer to
michael@0:  * <http://joinup.ec.europa.eu/software/page/eupl/>.
michael@0:  * 
michael@0:  * This file is part of project OTWPCalc, a one time password challenge
michael@0:  * response calculator client and is found at http://otpwcalc.europalab.com/
michael@0:  * 
michael@0:  * main.css: W3C CSS design
michael@0:  */
michael@0: 
michael@0: /* CSS media queries */
michael@0: 
michael@0: /* Basic desktop/screen width */
michael@0: @media only screen and (min-width : 1224px) {
michael@0:     /* placeholder */
michael@0: }
michael@0: /* Traditional iPhone width */
michael@0: @media
michael@0:     only screen and (-webkit-min-device-pixel-ratio : 1.5),
michael@0:     only screen and (min-device-pixel-ratio : 1.5) {
michael@0:         /* placeholder */
michael@0:     }
michael@0: /* Diverse orientations */
michael@0: @media screen and (orientation:portrait) {
michael@0:     /* placeholder */
michael@0: }
michael@0: @media screen and (orientation:landscape) {
michael@0:     /* placeholder */
michael@0: }
michael@0: 
michael@0: /* Custom icons */
michael@0: 
michael@0: .ui-icon-otpwcalc-seepass {
michael@0:     background-image: url("img/seeye-sd.png");
michael@0: }
michael@0: .ui-icon-otpwcalc-email {
michael@0:     background-image: url("img/email-sd.png");
michael@0: }
michael@0: .ui-icon-otpwcalc-question {
michael@0:     background-image: url("img/question-sd.png");
michael@0: }
michael@0: .ui-icon-otpwcalc-document {
michael@0:     background-image: url("img/document-sd.png");
michael@0: }
michael@0: .ui-icon-otpwcalc-security {
michael@0:     background-image: url("img/security-sd.png");
michael@0: }
michael@0: .ui-icon-otpwcalc-manpage {
michael@0:     background-image: url("img/manpage-sd.png");
michael@0: }
michael@0: .ui-icon-otpwcalc-qstart {
michael@0:     background-image: url("img/quickstart-sd.png");
michael@0: }
michael@0: @media only screen and (-webkit-min-device-pixel-ratio: 2) {
michael@0:     .ui-icon-otpwcalc-seepass {
michael@0:         background-image: url("img/seeye-hd.png");
michael@0:         background-size: 18px 18px;
michael@0:     }
michael@0:     .ui-icon-otpwcalc-email {
michael@0:         background-image: url("img/email-hd.png");
michael@0:         background-size: 18px 18px;
michael@0:     }
michael@0:     .ui-icon-otpwcalc-question {
michael@0:         background-image: url("img/question-hd.png");
michael@0:         background-size: 18px 18px;
michael@0:     }
michael@0:     .ui-icon-otpwcalc-document {
michael@0:         background-image: url("img/document-hd.png");
michael@0:         background-size: 18px 18px;
michael@0:     }
michael@0:     .ui-icon-otpwcalc-security {
michael@0:         background-image: url("img/security-hd.png");
michael@0:         background-size: 18px 18px;
michael@0:     }
michael@0:     .ui-icon-otpwcalc-manpage {
michael@0:         background-image: url("img/manpage-hd.png");
michael@0:         background-size: 18px 18px;
michael@0:     }
michael@0:     .ui-icon-otpwcalc-qstart {
michael@0:         background-image: url("img/quickstart-hd.png");
michael@0:         background-size: 18px 18px;
michael@0:     }
michael@0: }
michael@0: /* Trying to stretch buttons (not working) */
michael@0: /*.ui-controlgroup-controls
michael@0: {
michael@0:     width:100%;
michael@0: }
michael@0: .ui-radio {
michael@0:     width:33%;
michael@0: }*/
michael@0: /* HTML5 validation */
michael@0: /*input:required:invalid, input:focus:invalid {
michael@0:     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');
michael@0:     background-position: right top;
michael@0:     background-repeat: no-repeat;
michael@0:     -moz-box-shadow: none;
michael@0: }*/
michael@0: /*input:required:valid {
michael@0:     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=');
michael@0:     background-position: right top;
michael@0:     background-repeat: no-repeat;
michael@0: }*/