| Rémi Benoit | 84fa712 | 2015-11-03 00:06:55 +0100 | [diff] [blame] | 1 | <html>
|
| 2 | <head>
|
| 3 | <title>OneTab options</title>
|
| 4 |
|
| 5 | <link href='//fonts.googleapis.com/css?family=Open+Sans:400,600,300,700' rel='stylesheet' type='text/css'>
|
| 6 |
|
| 7 | <style>
|
| 8 |
|
| 9 | input[type='radio'] {
|
| 10 | margin:0;
|
| 11 | padding:0;
|
| 12 | outline:none;
|
| 13 | font-family:inherit; box-sizing:border-box
|
| 14 | }
|
| 15 |
|
| 16 | input[type="radio"],
|
| 17 | input[type="checkbox"] {
|
| 18 | position: absolute; left: -999em;
|
| 19 | }
|
| 20 |
|
| 21 | input[type="radio"] + label:before,
|
| 22 | input[type="checkbox"] + label:before {
|
| 23 | content:'';
|
| 24 | display: inline-block;
|
| 25 | position:relative;
|
| 26 | top:7px;
|
| 27 | left:-5px;
|
| 28 | width:25px;
|
| 29 | height:25px;
|
| 30 | background-image:url(images/checkboxradiosprite.png);
|
| 31 | }
|
| 32 |
|
| 33 | input[type="checkbox"] + label:before { background-position: 0 -25px;} input[type="checkbox"]:checked + label:before {background-position: 0 0 ; }
|
| 34 | input[type="radio"] + label:before { background-position: -25px -25px;} input[type="radio"]:checked + label:before { background-position: -25px 0;}
|
| 35 |
|
| 36 | </style>
|
| 37 |
|
| 38 | </head>
|
| 39 |
|
| 40 | <body style="margin:0; padding:0; font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; font-weight: 400; font-size:14px">
|
| 41 |
|
| 42 | <div style="padding:50px 50px 10px 50px" id="contentAreaDiv"></div>
|
| 43 |
|
| 44 |
|
| 45 | <script src="ext-onetab-concatenated-sources-options.js"></script>
|
| 46 |
|
| 47 | </body>
|
| 48 |
|
| 49 | </html> |