OTPWCalc Sources: src/firefoxos/main.css@6a0957738c54

     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  */

    24 /* CSS media queries */

    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 }

    44 /* Custom icons */

    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 }*/

OTPWCalc Sources / file revision

src/firefoxos/main.css@6a0957738c54

src/firefoxos/main.css