2014-10-09 14:03:48 +02:00
|
|
|
/*
|
|
|
|
|
|
|
|
|
|
Copyright 2008-2013 Clipperz Srl
|
|
|
|
|
|
|
|
|
|
This file is part of Clipperz, the online password manager.
|
|
|
|
|
For further information about its features and functionalities please
|
|
|
|
|
refer to http://www.clipperz.com.
|
|
|
|
|
|
|
|
|
|
* Clipperz is free software: you can redistribute it and/or modify it
|
|
|
|
|
under the terms of the GNU Affero General Public License as published
|
|
|
|
|
by the Free Software Foundation, either version 3 of the License, or
|
|
|
|
|
(at your option) any later version.
|
|
|
|
|
|
|
|
|
|
* Clipperz is distributed in the hope that it will be useful, but
|
|
|
|
|
WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
|
|
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
|
|
|
|
|
See the GNU Affero General Public License for more details.
|
|
|
|
|
|
|
|
|
|
* You should have received a copy of the GNU Affero General Public
|
|
|
|
|
License along with Clipperz. If not, see http://www.gnu.org/licenses/.
|
|
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
@charset "UTF-8";
|
|
|
|
|
/* http://meyerweb.com/eric/tools/css/reset/
|
|
|
|
|
v2.0 | 20110126
|
|
|
|
|
License: none (public domain)
|
|
|
|
|
*/
|
|
|
|
|
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
border: 0;
|
|
|
|
|
font-size: 100%;
|
|
|
|
|
font: inherit;
|
|
|
|
|
vertical-align: baseline; }
|
|
|
|
|
|
|
|
|
|
/* HTML5 display-role reset for older browsers */
|
|
|
|
|
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
|
|
|
|
|
display: block; }
|
|
|
|
|
|
|
|
|
|
body {
|
|
|
|
|
line-height: 1; }
|
|
|
|
|
|
|
|
|
|
ol, ul {
|
|
|
|
|
list-style: none; }
|
|
|
|
|
|
|
|
|
|
blockquote, q {
|
|
|
|
|
quotes: none; }
|
|
|
|
|
blockquote:before, blockquote:after, q:before, q:after {
|
|
|
|
|
content: '';
|
|
|
|
|
content: none; }
|
|
|
|
|
|
|
|
|
|
table {
|
|
|
|
|
border-collapse: collapse;
|
|
|
|
|
border-spacing: 0; }
|
|
|
|
|
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: "clipperz-font";
|
|
|
|
|
font-style: normal;
|
|
|
|
|
font-weight: 200;
|
|
|
|
|
src: url(data:font/ttf;charset=utf-8;base64,T1RUTwAOAIAAAwBgQkFTRYsZlLEAASvIAAAAOkNGRiC57zEmAABJNAAAxfVEU0lHN9HpJQABLAQAACBYR0RFRi8sL9AAARa0AAAA1EdQT1MeKxk7AAEivAAACQxHU1VC3Z7yFQABF4gAAAsyT1MvMnIMzrUAAAFQAAAAYGNtYXDp1MYJAAA/BAAAChBoZWFk++6HegAAAOwAAAA2aGhlYQaHAN8AAAEkAAAAJGhtdHjIHsvPAAEPLAAAB4htYXhwA8NQAAAAAUgAAAAGbmFtZYg91ZIAAAGwAAA9VHBvc3T/uAAzAABJFAAAACAAAQAAAAEEWtZRnFVfDzz1AAMD6AAAAADNFZ/0AAAAAM0Vn/T/6v5wAsID6AAAAAMAAgAAAAAAAAABAAAD2P7vAAACWP/q/5YCwgABAAAAAAAAAAAAAAAAAAAAAQAAUAADwwAAAAMCWADIAAUAAAKKAlgAAABLAooCWAAAAV4AMgEgAAACCwMJAwQDAgIEIAAABwAAGAEAAAAAAAAAAEFEQkUAAAAg+wIC7v8GAAAD2AERYAABkwAAAAAB4AKUAAAAIAADAAAAJgHOAAEAAAAAAAAARQAAAAEAAAAAAAEAGgBFAAEAAAAAAAIABwBfAAEAAAAAAAMAKQBmAAEAAAAAAAQAGgBFAAEAAAAAAAUAOQCPAAEAAAAAAAYAGADIAAEAAAAAAAcAYADgAAEAAAAAAAgAGgFAAAEAAAAAAAkADAFaAAEAAAAAAAsAGQFmAAEAAAAAAA0R2QF/AAEAAAAAAA4AJBNYAAEAAAAAABAADxN8AAEAAAAAABEAChOLAAEAAAAAAQAAFhOVAAEAAAAAAQEACxOrAAEAAAAAAQIACxO2AAEAAAAAAQMAFRPBAAMAAQQJAAAAihPWAAMAAQQJAAEANBRgAAMAAQQJAAIADhSUAAMAAQQJAAMAUhSiAAMAAQQJAAQANBRgAAMAAQQJAAUAchT0AAMAAQQJAAYAMBVmAAMAAQQJAAcAwBWWAAMAAQQJAAgANBZWAAMAAQQJAAkAGBaKAAMAAQQJAAsAMhaiAAMAAQQJAA0jthbUAAMAAQQJAA4ASDqKAAMAAQQJABAAHjrSAAMAAQQJABEAFDrwAAMAAQQJAQAALDsEAAMAAQQJAQEAFjswAAMAAQQJAQIAFjtGAAMAAQQJAQMAKjtcQ29weXJpZ2h0IDIwMTAsIDIwMTIgQWRvYmUgU3lzdGVtcyBJbmNvcnBvcmF0ZWQuIEFsbCBSaWdodHMgUmVzZXJ2ZWQuU291cmNlIENvZGUgUHJvIEV4dHJhTGlnaHRSZWd1bGFyMS4wMTc7QURCRTtTb3VyY2VDb2RlUHJvLUV4dHJhTGlnaHQ7QURPQkVWZXJzaW9uIDEuMDE3O1BTIDEuMDAwO2hvdGNvbnYgMS4wLjcwO21ha2VvdGYubGliMi41LjU5MDBTb3VyY2VDb2RlUHJvLUV4dHJhTGlnaHRTb3VyY2UgaXMgYSB0cmFkZW1hcmsgb2YgQWRvYmUgU3lzdGVtcyBJbmNvcnBvcmF0ZWQgaW4gdGhlIFVuaXRlZCBTdGF0ZXMgYW5kL29yIG90aGVyIGNvdW50cmllcy5BZG9iZSBTeXN0ZW1zIEluY29ycG9yYXRlZFBhdWwgRC4gSHVudGh0dHA6Ly93d3cuYWRvYmUuY29tL3R5cGVDb3B5cmlnaHQgMjAxMCwgMjAxMiBBZG9iZSBTeXN0ZW1zIEluY29ycG9yYXRlZCAoaHR0cDovL3d3dy5hZG9iZS5jb20vKSwgd2l0aCBSZXNlcnZlZCBGb250IE5hbWUgJ1NvdXJjZScuIEFsbCBSaWdodHMgUmVzZXJ2ZWQuIFNvdXJjZSBpcyBhIHRyYWRlbWFyayBvZiBBZG9iZSBTeXN0ZW1zIEluY29ycG9yYXRlZCBpbiB0aGUgVW5pdGVkIFN0YXRlcyBhbmQvb3Igb3RoZXIgY291bnRyaWVzLg0KDQpUaGlzIEZvbnQgU29mdHdhcmUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIFNJTCBPcGVuIEZvbnQgTGljZW5zZSwgVmVyc2lvbiAxLjEuDQoNClRoaXMgbGljZW5zZSBpcyBjb3BpZWQgYmVsb3csIGFuZCBpcyBhbHNvIGF2YWlsYWJsZSB3aXRoIGEgRkFRIGF0OiBodHRwOi8vc2NyaXB0cy5zaWwub3JnL09GTA0KDQotLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLQ0KU0lMIE9QRU4gRk9OVCBMSUNFTlNFIFZlcnNpb24gMS4xIC0gMjYgRmVicnVhcnkgMjAwNw0KLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0NCg0KUFJFQU1CTEUNClRoZSBnb2FscyBvZiB0aGUgT3BlbiBGb250IExpY2Vuc2UgKE9GTCkgYXJlIHRvIHN0aW11bGF0ZSB3b3JsZHdpZGUgZGV2ZWxvcG1lbnQgb2YgY29sbGFib3JhdGl2ZSBmb250IHByb2plY3RzLCB0byBzdXBwb3J0IHRoZSBmb250IGNyZWF0aW9uIGVmZm9ydHMgb2YgYWNhZGVtaWMgYW5kIGxpbmd1aXN0aWMgY29tbXVuaXRpZXMsIGFuZCB0byBwcm92aWRlIGEgZnJlZSBhbmQgb3BlbiBmcmFtZXdvcmsgaW4gd2hpY2ggZm9udHMgbWF5IGJlIHNoYXJlZCBhbmQgaW1wcm92ZWQgaW4gcGFydG5lcnNoaXAgd2l0aCBvdGhlcnMuDQoNClRoZSBPRkwgYWxsb3dzIHRoZSBsaWNlbnNlZCBmb250cyB0byBiZSB1c2VkLCBzdHVkaWVkLCBtb2RpZmllZCBhbmQgcmVkaXN0cmlidXRlZCBmcmVlbHkgYXMgbG9uZyBhcyB0aGV5IGFyZSBub3Qgc29sZCBieSB0aGVtc2VsdmVzLiBUaGUgZm9udHMsIGluY2x1ZGluZyBhbnkgZGVyaXZhdGl2ZSB3b3JrcywgY2FuIGJlIGJ1bmRsZWQsIGVtYmVkZGVkLCByZWRpc3RyaWJ1dGVkIGFuZC9vciBzb2xkIHdpdGggYW55IHNvZnR3YXJlIHByb3ZpZGVkIHRoYXQgYW55IHJlc2VydmVkIG5hbWVzIGFyZSBub3QgdXNlZCBieSBkZXJpdmF0aXZlIHdvcmtzLiBUaGUgZm9udHMgYW5kIGRlcml2YXRpdmVzLCBob3dldmVyLCBjYW5ub3QgYmUgcmVsZWFzZWQgdW5kZXIgYW55IG90aGVyIHR5cGUgb2YgbGljZW5zZS4gVGhlIHJlcXVpcmVtZW50IGZvciBmb250cyB0byByZW1haW4gdW5kZXIgdGhpcyBsaWNlbnNlIGRvZXMgbm90IGFwcGx5IHRvIGFueSBkb2N1bWVudCBjcmVhdGVkIHVzaW5nIHRoZSBmb250cyBvciB0aGVpciBkZXJpdmF0aXZlcy4NCg0KREVGSU5JVElPTlMNCiJGb250IFNvZnR3YXJlIiByZWZlcnMgdG8gdGhlIHNldCBvZiBmaWxlcyByZWxlYXNlZCBieSB0aGUgQ29weXJpZ2h0IEhvbGRlcihzKSB1bmRlciB0aGlzIGxpY2Vuc2UgYW5kIGNsZWFybHkgbWFya2VkIGFzIHN1Y2guIFRoaXMgbWF5IGluY2x1ZGUgc291cmNlIGZpbGVzLCBidWlsZCBzY3JpcHRzIGFuZCBkb2N1bWVudGF0aW9uLg0KDQoiUmVzZXJ2ZWQgRm9udCBOYW1lIiByZWZlcnMgdG8gYW55IG5hbWVzIHNwZWNpZmllZCBhcyBzdWNoIGFmdGVyIHRoZSBjb3B5cmlnaHQgc3RhdGVtZW50KHMpLg0KDQoiT3JpZ2luYWwgVmVyc2lvbiIgcmVmZXJzI
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: "clipperz-font";
|
|
|
|
|
font-style: normal;
|
|
|
|
|
font-weight: 300;
|
|
|
|
|
src: url(data:font/ttf;charset=utf-8;base64,T1RUTwAOAIAAAwBgQkFTRYsZlLEAATmEAAAAOkNGRiCTrBH5AABI+AAA0/1EU0lHvkvMtAABOcAAACBYR0RFRi8sL9AAASSAAAAA1EdQT1NNQOJiAAEwiAAACPpHU1VC3Z7yFQABJVQAAAsyT1MvMnJwz7UAAAFQAAAAYGNtYXDp1MYJAAA+yAAAChBoZWFk++2HegAAAOwAAAA2aGhlYQaGAN8AAAEkAAAAJGhtdHjAa8POAAEc+AAAB4htYXhwA8NQAAAAAUgAAAAGbmFtZdEIqPsAAAGwAAA9GHBvc3T/uAAzAABI2AAAACAAAQAAAAEEWjTEiMVfDzz1AAMD6AAAAADNFZ/0AAAAAM0Vn/T/6f5wAsID6AAAAAMAAgAAAAAAAAABAAAD2P7vAAACWP/p/5YCwgABAAAAAAAAAAAAAAAAAAAAAQAAUAADwwAAAAMCWAEsAAUAAAKKAlgAAABLAooCWAAAAV4AMgEgAAACCwQJAwQDAgIEIAAABwAAGAEAAAAAAAAAAEFEQkUAAAAg+wIC7v8GAAAD2AERYAABkwAAAAAB4AKUAAAAIAADAAAAJgHOAAEAAAAAAAAARQAAAAEAAAAAAAEAFQBFAAEAAAAAAAIABwBaAAEAAAAAAAMAJABhAAEAAAAAAAQAFQBFAAEAAAAAAAUAOQCFAAEAAAAAAAYAEwC+AAEAAAAAAAcAYADRAAEAAAAAAAgAGgExAAEAAAAAAAkADAFLAAEAAAAAAAsAGQFXAAEAAAAAAA0R2QFwAAEAAAAAAA4AJBNJAAEAAAAAABAADxNtAAEAAAAAABEABRN8AAEAAAAAAQAAFhOBAAEAAAAAAQEACxOXAAEAAAAAAQIACxOiAAEAAAAAAQMAFROtAAMAAQQJAAAAihPCAAMAAQQJAAEAKhRMAAMAAQQJAAIADhR2AAMAAQQJAAMASBSEAAMAAQQJAAQAKhRMAAMAAQQJAAUAchTMAAMAAQQJAAYAJhU+AAMAAQQJAAcAwBVkAAMAAQQJAAgANBYkAAMAAQQJAAkAGBZYAAMAAQQJAAsAMhZwAAMAAQQJAA0jthaiAAMAAQQJAA4ASDpYAAMAAQQJABAAHjqgAAMAAQQJABEACjq+AAMAAQQJAQAALDrIAAMAAQQJAQEAFjr0AAMAAQQJAQIAFjsKAAMAAQQJAQMAKjsgQ29weXJpZ2h0IDIwMTAsIDIwMTIgQWRvYmUgU3lzdGVtcyBJbmNvcnBvcmF0ZWQuIEFsbCBSaWdodHMgUmVzZXJ2ZWQuU291cmNlIENvZGUgUHJvIExpZ2h0UmVndWxhcjEuMDE3O0FEQkU7U291cmNlQ29kZVByby1MaWdodDtBRE9CRVZlcnNpb24gMS4wMTc7UFMgMS4wMDA7aG90Y29udiAxLjAuNzA7bWFrZW90Zi5saWIyLjUuNTkwMFNvdXJjZUNvZGVQcm8tTGlnaHRTb3VyY2UgaXMgYSB0cmFkZW1hcmsgb2YgQWRvYmUgU3lzdGVtcyBJbmNvcnBvcmF0ZWQgaW4gdGhlIFVuaXRlZCBTdGF0ZXMgYW5kL29yIG90aGVyIGNvdW50cmllcy5BZG9iZSBTeXN0ZW1zIEluY29ycG9yYXRlZFBhdWwgRC4gSHVudGh0dHA6Ly93d3cuYWRvYmUuY29tL3R5cGVDb3B5cmlnaHQgMjAxMCwgMjAxMiBBZG9iZSBTeXN0ZW1zIEluY29ycG9yYXRlZCAoaHR0cDovL3d3dy5hZG9iZS5jb20vKSwgd2l0aCBSZXNlcnZlZCBGb250IE5hbWUgJ1NvdXJjZScuIEFsbCBSaWdodHMgUmVzZXJ2ZWQuIFNvdXJjZSBpcyBhIHRyYWRlbWFyayBvZiBBZG9iZSBTeXN0ZW1zIEluY29ycG9yYXRlZCBpbiB0aGUgVW5pdGVkIFN0YXRlcyBhbmQvb3Igb3RoZXIgY291bnRyaWVzLg0KDQpUaGlzIEZvbnQgU29mdHdhcmUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIFNJTCBPcGVuIEZvbnQgTGljZW5zZSwgVmVyc2lvbiAxLjEuDQoNClRoaXMgbGljZW5zZSBpcyBjb3BpZWQgYmVsb3csIGFuZCBpcyBhbHNvIGF2YWlsYWJsZSB3aXRoIGEgRkFRIGF0OiBodHRwOi8vc2NyaXB0cy5zaWwub3JnL09GTA0KDQotLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLQ0KU0lMIE9QRU4gRk9OVCBMSUNFTlNFIFZlcnNpb24gMS4xIC0gMjYgRmVicnVhcnkgMjAwNw0KLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0NCg0KUFJFQU1CTEUNClRoZSBnb2FscyBvZiB0aGUgT3BlbiBGb250IExpY2Vuc2UgKE9GTCkgYXJlIHRvIHN0aW11bGF0ZSB3b3JsZHdpZGUgZGV2ZWxvcG1lbnQgb2YgY29sbGFib3JhdGl2ZSBmb250IHByb2plY3RzLCB0byBzdXBwb3J0IHRoZSBmb250IGNyZWF0aW9uIGVmZm9ydHMgb2YgYWNhZGVtaWMgYW5kIGxpbmd1aXN0aWMgY29tbXVuaXRpZXMsIGFuZCB0byBwcm92aWRlIGEgZnJlZSBhbmQgb3BlbiBmcmFtZXdvcmsgaW4gd2hpY2ggZm9udHMgbWF5IGJlIHNoYXJlZCBhbmQgaW1wcm92ZWQgaW4gcGFydG5lcnNoaXAgd2l0aCBvdGhlcnMuDQoNClRoZSBPRkwgYWxsb3dzIHRoZSBsaWNlbnNlZCBmb250cyB0byBiZSB1c2VkLCBzdHVkaWVkLCBtb2RpZmllZCBhbmQgcmVkaXN0cmlidXRlZCBmcmVlbHkgYXMgbG9uZyBhcyB0aGV5IGFyZSBub3Qgc29sZCBieSB0aGVtc2VsdmVzLiBUaGUgZm9udHMsIGluY2x1ZGluZyBhbnkgZGVyaXZhdGl2ZSB3b3JrcywgY2FuIGJlIGJ1bmRsZWQsIGVtYmVkZGVkLCByZWRpc3RyaWJ1dGVkIGFuZC9vciBzb2xkIHdpdGggYW55IHNvZnR3YXJlIHByb3ZpZGVkIHRoYXQgYW55IHJlc2VydmVkIG5hbWVzIGFyZSBub3QgdXNlZCBieSBkZXJpdmF0aXZlIHdvcmtzLiBUaGUgZm9udHMgYW5kIGRlcml2YXRpdmVzLCBob3dldmVyLCBjYW5ub3QgYmUgcmVsZWFzZWQgdW5kZXIgYW55IG90aGVyIHR5cGUgb2YgbGljZW5zZS4gVGhlIHJlcXVpcmVtZW50IGZvciBmb250cyB0byByZW1haW4gdW5kZXIgdGhpcyBsaWNlbnNlIGRvZXMgbm90IGFwcGx5IHRvIGFueSBkb2N1bWVudCBjcmVhdGVkIHVzaW5nIHRoZSBmb250cyBvciB0aGVpciBkZXJpdmF0aXZlcy4NCg0KREVGSU5JVElPTlMNCiJGb250IFNvZnR3YXJlIiByZWZlcnMgdG8gdGhlIHNldCBvZiBmaWxlcyByZWxlYXNlZCBieSB0aGUgQ29weXJpZ2h0IEhvbGRlcihzKSB1bmRlciB0aGlzIGxpY2Vuc2UgYW5kIGNsZWFybHkgbWFya2VkIGFzIHN1Y2guIFRoaXMgbWF5IGluY2x1ZGUgc291cmNlIGZpbGVzLCBidWlsZCBzY3JpcHRzIGFuZCBkb2N1bWVudGF0aW9uLg0KDQoiUmVzZXJ2ZWQgRm9udCBOYW1lIiByZWZlcnMgdG8gYW55IG5hbWVzIHNwZWNpZmllZCBhcyBzdWNoIGFmdGVyIHRoZSBjb3B5cmlnaHQgc3RhdGVtZW50KHMpLg0KDQoiT3JpZ2luYWwgVmVyc2lvbiIgcmVmZXJzIHRvIHRoZSBjb2xsZWN0a
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: "clipperz-font";
|
|
|
|
|
font-style: normal;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
src: url(data:font/ttf;charset=utf-8;base64,T1RUTwAOAIAAAwBgQkFTRYsZlLEAAT80AAAAOkNGRiD9qd9kAABIiAAA2ktEU0lHYnpAEAABP3AAACBYR0RFRi8sL9AAASpcAAAA1EdQT1MK+gbMAAE2ZAAACNBHU1VC3Z7yFQABKzAAAAsyT1MvMnLU0PUAAAFQAAAAYGNtYXDp1MYJAAA+WAAAChBoZWFk+92HfAAAAOwAAAA2aGhlYQZ2AN8AAAEkAAAAJGhtdHisN66qAAEi1AAAB4htYXhwA8NQAAAAAUgAAAAGbmFtZQWUCakAAAGwAAA8pnBvc3T/uAAzAABIaAAAACAAAQAAAAEEWlvC/ZlfDzz1AAMD6AAAAADNFZ/1AAAAAM0Vn/X/2f5wAsID6AAAAAMAAgAAAAAAAAABAAAD2P7vAAACWP/Z/5YCwgABAAAAAAAAAAAAAAAAAAAAAQAAUAADwwAAAAMCWAGQAAUAAAKKAlgAAABLAooCWAAAAV4AMgEgAAACCwUJAwQDAgIEIAAABwAAGAEAAAAAAAAAAEFEQkUAQAAg+wIC7v8GAAAD2AERYAABkwAAAAAB4AKUAAAAIAADAAAAIgGeAAEAAAAAAAAARQAAAAEAAAAAAAEADwBFAAEAAAAAAAIABwBUAAEAAAAAAAMAJgBbAAEAAAAAAAQADwBFAAEAAAAAAAUAOQCBAAEAAAAAAAYAFQC6AAEAAAAAAAcAYADPAAEAAAAAAAgAGgEvAAEAAAAAAAkADAFJAAEAAAAAAAsAGQFVAAEAAAAAAA0R2QFuAAEAAAAAAA4AJBNHAAEAAAAAAQAAFhNrAAEAAAAAAQEACxOBAAEAAAAAAQIACxOMAAEAAAAAAQMAFROXAAMAAQQJAAAAihOsAAMAAQQJAAEAHhQ2AAMAAQQJAAIADhRUAAMAAQQJAAMATBRiAAMAAQQJAAQAHhQ2AAMAAQQJAAUAchSuAAMAAQQJAAYAKhUgAAMAAQQJAAcAwBVKAAMAAQQJAAgANBYKAAMAAQQJAAkAGBY+AAMAAQQJAAsAMhZWAAMAAQQJAA0jthaIAAMAAQQJAA4ASDo+AAMAAQQJAQAALDqGAAMAAQQJAQEAFjqyAAMAAQQJAQIAFjrIAAMAAQQJAQMAKjreQ29weXJpZ2h0IDIwMTAsIDIwMTIgQWRvYmUgU3lzdGVtcyBJbmNvcnBvcmF0ZWQuIEFsbCBSaWdodHMgUmVzZXJ2ZWQuU291cmNlIENvZGUgUHJvUmVndWxhcjEuMDE3O0FEQkU7U291cmNlQ29kZVByby1SZWd1bGFyO0FET0JFVmVyc2lvbiAxLjAxNztQUyAxLjAwMDtob3Rjb252IDEuMC43MDttYWtlb3RmLmxpYjIuNS41OTAwU291cmNlQ29kZVByby1SZWd1bGFyU291cmNlIGlzIGEgdHJhZGVtYXJrIG9mIEFkb2JlIFN5c3RlbXMgSW5jb3Jwb3JhdGVkIGluIHRoZSBVbml0ZWQgU3RhdGVzIGFuZC9vciBvdGhlciBjb3VudHJpZXMuQWRvYmUgU3lzdGVtcyBJbmNvcnBvcmF0ZWRQYXVsIEQuIEh1bnRodHRwOi8vd3d3LmFkb2JlLmNvbS90eXBlQ29weXJpZ2h0IDIwMTAsIDIwMTIgQWRvYmUgU3lzdGVtcyBJbmNvcnBvcmF0ZWQgKGh0dHA6Ly93d3cuYWRvYmUuY29tLyksIHdpdGggUmVzZXJ2ZWQgRm9udCBOYW1lICdTb3VyY2UnLiBBbGwgUmlnaHRzIFJlc2VydmVkLiBTb3VyY2UgaXMgYSB0cmFkZW1hcmsgb2YgQWRvYmUgU3lzdGVtcyBJbmNvcnBvcmF0ZWQgaW4gdGhlIFVuaXRlZCBTdGF0ZXMgYW5kL29yIG90aGVyIGNvdW50cmllcy4NCg0KVGhpcyBGb250IFNvZnR3YXJlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBTSUwgT3BlbiBGb250IExpY2Vuc2UsIFZlcnNpb24gMS4xLg0KDQpUaGlzIGxpY2Vuc2UgaXMgY29waWVkIGJlbG93LCBhbmQgaXMgYWxzbyBhdmFpbGFibGUgd2l0aCBhIEZBUSBhdDogaHR0cDovL3NjcmlwdHMuc2lsLm9yZy9PRkwNCg0KLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0NClNJTCBPUEVOIEZPTlQgTElDRU5TRSBWZXJzaW9uIDEuMSAtIDI2IEZlYnJ1YXJ5IDIwMDcNCi0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tDQoNClBSRUFNQkxFDQpUaGUgZ29hbHMgb2YgdGhlIE9wZW4gRm9udCBMaWNlbnNlIChPRkwpIGFyZSB0byBzdGltdWxhdGUgd29ybGR3aWRlIGRldmVsb3BtZW50IG9mIGNvbGxhYm9yYXRpdmUgZm9udCBwcm9qZWN0cywgdG8gc3VwcG9ydCB0aGUgZm9udCBjcmVhdGlvbiBlZmZvcnRzIG9mIGFjYWRlbWljIGFuZCBsaW5ndWlzdGljIGNvbW11bml0aWVzLCBhbmQgdG8gcHJvdmlkZSBhIGZyZWUgYW5kIG9wZW4gZnJhbWV3b3JrIGluIHdoaWNoIGZvbnRzIG1heSBiZSBzaGFyZWQgYW5kIGltcHJvdmVkIGluIHBhcnRuZXJzaGlwIHdpdGggb3RoZXJzLg0KDQpUaGUgT0ZMIGFsbG93cyB0aGUgbGljZW5zZWQgZm9udHMgdG8gYmUgdXNlZCwgc3R1ZGllZCwgbW9kaWZpZWQgYW5kIHJlZGlzdHJpYnV0ZWQgZnJlZWx5IGFzIGxvbmcgYXMgdGhleSBhcmUgbm90IHNvbGQgYnkgdGhlbXNlbHZlcy4gVGhlIGZvbnRzLCBpbmNsdWRpbmcgYW55IGRlcml2YXRpdmUgd29ya3MsIGNhbiBiZSBidW5kbGVkLCBlbWJlZGRlZCwgcmVkaXN0cmlidXRlZCBhbmQvb3Igc29sZCB3aXRoIGFueSBzb2Z0d2FyZSBwcm92aWRlZCB0aGF0IGFueSByZXNlcnZlZCBuYW1lcyBhcmUgbm90IHVzZWQgYnkgZGVyaXZhdGl2ZSB3b3Jrcy4gVGhlIGZvbnRzIGFuZCBkZXJpdmF0aXZlcywgaG93ZXZlciwgY2Fubm90IGJlIHJlbGVhc2VkIHVuZGVyIGFueSBvdGhlciB0eXBlIG9mIGxpY2Vuc2UuIFRoZSByZXF1aXJlbWVudCBmb3IgZm9udHMgdG8gcmVtYWluIHVuZGVyIHRoaXMgbGljZW5zZSBkb2VzIG5vdCBhcHBseSB0byBhbnkgZG9jdW1lbnQgY3JlYXRlZCB1c2luZyB0aGUgZm9udHMgb3IgdGhlaXIgZGVyaXZhdGl2ZXMuDQoNCkRFRklOSVRJT05TDQoiRm9udCBTb2Z0d2FyZSIgcmVmZXJzIHRvIHRoZSBzZXQgb2YgZmlsZXMgcmVsZWFzZWQgYnkgdGhlIENvcHlyaWdodCBIb2xkZXIocykgdW5kZXIgdGhpcyBsaWNlbnNlIGFuZCBjbGVhcmx5IG1hcmtlZCBhcyBzdWNoLiBUaGlzIG1heSBpbmNsdWRlIHNvdXJjZSBmaWxlcywgYnVpbGQgc2NyaXB0cyBhbmQgZG9jdW1lbnRhdGlvbi4NCg0KIlJlc2VydmVkIEZvbnQgTmFtZSIgcmVmZXJzIHRvIGFueSBuYW1lcyBzcGVjaWZpZWQgYXMgc3VjaCBhZnRlciB0aGUgY29weXJpZ2h0IHN0YXRlbWVudChzKS4NCg0KIk9yaWdpbmFsIFZlcnNpb24iIHJlZmVycyB0byB0aGUgY29sbGVjdGlvbiBvZiBGb250IFNvZnR3YXJlIGNvbXBvbmVudHMgYXMgZGlzdHJpYnV0ZWQgYnkgd
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: "clipperz-font";
|
|
|
|
|
font-style: normal;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
src: url(data:font/ttf;charset=utf-8;base64,T1RUTwAOAIAAAwBgQkFTRYsZlLEAAT1oAAAAOkNGRiDLPo+VAABJBAAA2CNEU0lHEXcESwABPaQAACBYR0RFRjJdMx0AASiwAAAA4EdQT1MzPM2kAAE0xAAACKJHU1VC3Z7yFQABKZAAAAsyT1MvMnM40LUAAAFQAAAAYGNtYXDp1MYJAAA+1AAAChBoZWFk+9WHfAAAAOwAAAA2aGhlYQZuAN8AAAEkAAAAJGhtdHijJaU6AAEhKAAAB4htYXhwA8NQAAAAAUgAAAAGbmFtZe4mG4MAAAGwAAA9JHBvc3T/uAAzAABI5AAAACAAAQAAAAEEWkwQeqtfDzz1AAMD6AAAAADNFZ/1AAAAAM0Vn/X/0f5wAsID6AAAAAMAAgAAAAAAAAABAAAD2P7vAAACWP/R/5YCwgABAAAAAAAAAAAAAAAAAAAAAQAAUAADwwAAAAMCWAH0AAUAAAKKAlgAAABLAooCWAAAAV4AMgEgAAACCwUJAwQDAgIEIAAABwAAGAEAAAAAAAAAAEFEQkUAAAAg+wIC7v8GAAAD2AERYAABkwAAAAAB4AKUAAAAIAADAAAAJgHOAAEAAAAAAAAARQAAAAEAAAAAAAEAFgBFAAEAAAAAAAIABwBbAAEAAAAAAAMAJQBiAAEAAAAAAAQAFgBFAAEAAAAAAAUAOQCHAAEAAAAAAAYAFADAAAEAAAAAAAcAYADUAAEAAAAAAAgAGgE0AAEAAAAAAAkADAFOAAEAAAAAAAsAGQFaAAEAAAAAAA0R2QFzAAEAAAAAAA4AJBNMAAEAAAAAABAADxNwAAEAAAAAABEABhN/AAEAAAAAAQAAFhOFAAEAAAAAAQEACxObAAEAAAAAAQIACxOmAAEAAAAAAQMAFROxAAMAAQQJAAAAihPGAAMAAQQJAAEALBRQAAMAAQQJAAIADhR8AAMAAQQJAAMAShSKAAMAAQQJAAQALBRQAAMAAQQJAAUAchTUAAMAAQQJAAYAKBVGAAMAAQQJAAcAwBVuAAMAAQQJAAgANBYuAAMAAQQJAAkAGBZiAAMAAQQJAAsAMhZ6AAMAAQQJAA0jthasAAMAAQQJAA4ASDpiAAMAAQQJABAAHjqqAAMAAQQJABEADDrIAAMAAQQJAQAALDrUAAMAAQQJAQEAFjsAAAMAAQQJAQIAFjsWAAMAAQQJAQMAKjssQ29weXJpZ2h0IDIwMTAsIDIwMTIgQWRvYmUgU3lzdGVtcyBJbmNvcnBvcmF0ZWQuIEFsbCBSaWdodHMgUmVzZXJ2ZWQuU291cmNlIENvZGUgUHJvIE1lZGl1bVJlZ3VsYXIxLjAxNztBREJFO1NvdXJjZUNvZGVQcm8tTWVkaXVtO0FET0JFVmVyc2lvbiAxLjAxNztQUyAxLjAwMDtob3Rjb252IDEuMC43MDttYWtlb3RmLmxpYjIuNS41OTAwU291cmNlQ29kZVByby1NZWRpdW1Tb3VyY2UgaXMgYSB0cmFkZW1hcmsgb2YgQWRvYmUgU3lzdGVtcyBJbmNvcnBvcmF0ZWQgaW4gdGhlIFVuaXRlZCBTdGF0ZXMgYW5kL29yIG90aGVyIGNvdW50cmllcy5BZG9iZSBTeXN0ZW1zIEluY29ycG9yYXRlZFBhdWwgRC4gSHVudGh0dHA6Ly93d3cuYWRvYmUuY29tL3R5cGVDb3B5cmlnaHQgMjAxMCwgMjAxMiBBZG9iZSBTeXN0ZW1zIEluY29ycG9yYXRlZCAoaHR0cDovL3d3dy5hZG9iZS5jb20vKSwgd2l0aCBSZXNlcnZlZCBGb250IE5hbWUgJ1NvdXJjZScuIEFsbCBSaWdodHMgUmVzZXJ2ZWQuIFNvdXJjZSBpcyBhIHRyYWRlbWFyayBvZiBBZG9iZSBTeXN0ZW1zIEluY29ycG9yYXRlZCBpbiB0aGUgVW5pdGVkIFN0YXRlcyBhbmQvb3Igb3RoZXIgY291bnRyaWVzLg0KDQpUaGlzIEZvbnQgU29mdHdhcmUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIFNJTCBPcGVuIEZvbnQgTGljZW5zZSwgVmVyc2lvbiAxLjEuDQoNClRoaXMgbGljZW5zZSBpcyBjb3BpZWQgYmVsb3csIGFuZCBpcyBhbHNvIGF2YWlsYWJsZSB3aXRoIGEgRkFRIGF0OiBodHRwOi8vc2NyaXB0cy5zaWwub3JnL09GTA0KDQotLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLQ0KU0lMIE9QRU4gRk9OVCBMSUNFTlNFIFZlcnNpb24gMS4xIC0gMjYgRmVicnVhcnkgMjAwNw0KLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0NCg0KUFJFQU1CTEUNClRoZSBnb2FscyBvZiB0aGUgT3BlbiBGb250IExpY2Vuc2UgKE9GTCkgYXJlIHRvIHN0aW11bGF0ZSB3b3JsZHdpZGUgZGV2ZWxvcG1lbnQgb2YgY29sbGFib3JhdGl2ZSBmb250IHByb2plY3RzLCB0byBzdXBwb3J0IHRoZSBmb250IGNyZWF0aW9uIGVmZm9ydHMgb2YgYWNhZGVtaWMgYW5kIGxpbmd1aXN0aWMgY29tbXVuaXRpZXMsIGFuZCB0byBwcm92aWRlIGEgZnJlZSBhbmQgb3BlbiBmcmFtZXdvcmsgaW4gd2hpY2ggZm9udHMgbWF5IGJlIHNoYXJlZCBhbmQgaW1wcm92ZWQgaW4gcGFydG5lcnNoaXAgd2l0aCBvdGhlcnMuDQoNClRoZSBPRkwgYWxsb3dzIHRoZSBsaWNlbnNlZCBmb250cyB0byBiZSB1c2VkLCBzdHVkaWVkLCBtb2RpZmllZCBhbmQgcmVkaXN0cmlidXRlZCBmcmVlbHkgYXMgbG9uZyBhcyB0aGV5IGFyZSBub3Qgc29sZCBieSB0aGVtc2VsdmVzLiBUaGUgZm9udHMsIGluY2x1ZGluZyBhbnkgZGVyaXZhdGl2ZSB3b3JrcywgY2FuIGJlIGJ1bmRsZWQsIGVtYmVkZGVkLCByZWRpc3RyaWJ1dGVkIGFuZC9vciBzb2xkIHdpdGggYW55IHNvZnR3YXJlIHByb3ZpZGVkIHRoYXQgYW55IHJlc2VydmVkIG5hbWVzIGFyZSBub3QgdXNlZCBieSBkZXJpdmF0aXZlIHdvcmtzLiBUaGUgZm9udHMgYW5kIGRlcml2YXRpdmVzLCBob3dldmVyLCBjYW5ub3QgYmUgcmVsZWFzZWQgdW5kZXIgYW55IG90aGVyIHR5cGUgb2YgbGljZW5zZS4gVGhlIHJlcXVpcmVtZW50IGZvciBmb250cyB0byByZW1haW4gdW5kZXIgdGhpcyBsaWNlbnNlIGRvZXMgbm90IGFwcGx5IHRvIGFueSBkb2N1bWVudCBjcmVhdGVkIHVzaW5nIHRoZSBmb250cyBvciB0aGVpciBkZXJpdmF0aXZlcy4NCg0KREVGSU5JVElPTlMNCiJGb250IFNvZnR3YXJlIiByZWZlcnMgdG8gdGhlIHNldCBvZiBmaWxlcyByZWxlYXNlZCBieSB0aGUgQ29weXJpZ2h0IEhvbGRlcihzKSB1bmRlciB0aGlzIGxpY2Vuc2UgYW5kIGNsZWFybHkgbWFya2VkIGFzIHN1Y2guIFRoaXMgbWF5IGluY2x1ZGUgc291cmNlIGZpbGVzLCBidWlsZCBzY3JpcHRzIGFuZCBkb2N1bWVudGF0aW9uLg0KDQoiUmVzZXJ2ZWQgRm9udCBOYW1lIiByZWZlcnMgdG8gYW55IG5hbWVzIHNwZWNpZmllZCBhcyBzdWNoIGFmdGVyIHRoZSBjb3B5cmlnaHQgc3RhdGVtZW50KHMpLg0KDQoiT3JpZ2luYWwgVmVyc2lvbiIgcmVmZXJzIHRvIHRoZSBjb2xsZ
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: "clipperz-font";
|
|
|
|
|
font-style: normal;
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
src: url(data:font/ttf;charset=utf-8;base64,T1RUTwAOAIAAAwBgQkFTRYsZlLEAAT8cAAAAOkNGRiC2ZBOfAABJHAAA2XlEU0lHBLtt/AABP1gAACBYR0RFRi8sL9AAASogAAAA1EdQT1MlURFbAAE2KAAACPRHU1VC3Z7yFQABKvQAAAsyT1MvMnOc0bUAAAFQAAAAYGNtYXDp1MYJAAA+7AAAChBoZWFk+82HfgAAAOwAAAA2aGhlYQZmAOAAAAEkAAAAJGhtdHialJxBAAEimAAAB4htYXhwA8NQAAAAAUgAAAAGbmFtZXGkOKIAAAGwAAA9PHBvc3T/uAAzAABI/AAAACAAAQAAAAEEWrrz6QNfDzz1AAMD6AAAAADNFZ/2AAAAAM0Vn/b/yv5wAsED6AAAAAMAAgAAAAAAAAABAAAD2P7vAAACWP/K/5cCwQABAAAAAAAAAAAAAAAAAAAAAQAAUAADwwAAAAMCWAJYAAUAAAKKAlgAAABLAooCWAAAAV4AMgEgAAACCwYJAwQDAgIEIAAABwAAGAEAAAAAAAAAAEFEQkUAAAAg+wIC7v8GAAAD2AERYAABkwAAAAAB4AKUAAAAIAADAAAAJgHOAAEAAAAAAAAARQAAAAEAAAAAAAEAGABFAAEAAAAAAAIABwBdAAEAAAAAAAMAJwBkAAEAAAAAAAQAGABFAAEAAAAAAAUAOQCLAAEAAAAAAAYAFgDEAAEAAAAAAAcAYADaAAEAAAAAAAgAGgE6AAEAAAAAAAkADAFUAAEAAAAAAAsAGQFgAAEAAAAAAA0R2QF5AAEAAAAAAA4AJBNSAAEAAAAAABAADxN2AAEAAAAAABEACBOFAAEAAAAAAQAAFhONAAEAAAAAAQEACxOjAAEAAAAAAQIACxOuAAEAAAAAAQMAFRO5AAMAAQQJAAAAihPOAAMAAQQJAAEAMBRYAAMAAQQJAAIADhSIAAMAAQQJAAMAThSWAAMAAQQJAAQAMBRYAAMAAQQJAAUAchTkAAMAAQQJAAYALBVWAAMAAQQJAAcAwBWCAAMAAQQJAAgANBZCAAMAAQQJAAkAGBZ2AAMAAQQJAAsAMhaOAAMAAQQJAA0jthbAAAMAAQQJAA4ASDp2AAMAAQQJABAAHjq+AAMAAQQJABEAEDrcAAMAAQQJAQAALDrsAAMAAQQJAQEAFjsYAAMAAQQJAQIAFjsuAAMAAQQJAQMAKjtEQ29weXJpZ2h0IDIwMTAsIDIwMTIgQWRvYmUgU3lzdGVtcyBJbmNvcnBvcmF0ZWQuIEFsbCBSaWdodHMgUmVzZXJ2ZWQuU291cmNlIENvZGUgUHJvIFNlbWlib2xkUmVndWxhcjEuMDE3O0FEQkU7U291cmNlQ29kZVByby1TZW1pYm9sZDtBRE9CRVZlcnNpb24gMS4wMTc7UFMgMS4wMDA7aG90Y29udiAxLjAuNzA7bWFrZW90Zi5saWIyLjUuNTkwMFNvdXJjZUNvZGVQcm8tU2VtaWJvbGRTb3VyY2UgaXMgYSB0cmFkZW1hcmsgb2YgQWRvYmUgU3lzdGVtcyBJbmNvcnBvcmF0ZWQgaW4gdGhlIFVuaXRlZCBTdGF0ZXMgYW5kL29yIG90aGVyIGNvdW50cmllcy5BZG9iZSBTeXN0ZW1zIEluY29ycG9yYXRlZFBhdWwgRC4gSHVudGh0dHA6Ly93d3cuYWRvYmUuY29tL3R5cGVDb3B5cmlnaHQgMjAxMCwgMjAxMiBBZG9iZSBTeXN0ZW1zIEluY29ycG9yYXRlZCAoaHR0cDovL3d3dy5hZG9iZS5jb20vKSwgd2l0aCBSZXNlcnZlZCBGb250IE5hbWUgJ1NvdXJjZScuIEFsbCBSaWdodHMgUmVzZXJ2ZWQuIFNvdXJjZSBpcyBhIHRyYWRlbWFyayBvZiBBZG9iZSBTeXN0ZW1zIEluY29ycG9yYXRlZCBpbiB0aGUgVW5pdGVkIFN0YXRlcyBhbmQvb3Igb3RoZXIgY291bnRyaWVzLg0KDQpUaGlzIEZvbnQgU29mdHdhcmUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIFNJTCBPcGVuIEZvbnQgTGljZW5zZSwgVmVyc2lvbiAxLjEuDQoNClRoaXMgbGljZW5zZSBpcyBjb3BpZWQgYmVsb3csIGFuZCBpcyBhbHNvIGF2YWlsYWJsZSB3aXRoIGEgRkFRIGF0OiBodHRwOi8vc2NyaXB0cy5zaWwub3JnL09GTA0KDQotLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLQ0KU0lMIE9QRU4gRk9OVCBMSUNFTlNFIFZlcnNpb24gMS4xIC0gMjYgRmVicnVhcnkgMjAwNw0KLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0NCg0KUFJFQU1CTEUNClRoZSBnb2FscyBvZiB0aGUgT3BlbiBGb250IExpY2Vuc2UgKE9GTCkgYXJlIHRvIHN0aW11bGF0ZSB3b3JsZHdpZGUgZGV2ZWxvcG1lbnQgb2YgY29sbGFib3JhdGl2ZSBmb250IHByb2plY3RzLCB0byBzdXBwb3J0IHRoZSBmb250IGNyZWF0aW9uIGVmZm9ydHMgb2YgYWNhZGVtaWMgYW5kIGxpbmd1aXN0aWMgY29tbXVuaXRpZXMsIGFuZCB0byBwcm92aWRlIGEgZnJlZSBhbmQgb3BlbiBmcmFtZXdvcmsgaW4gd2hpY2ggZm9udHMgbWF5IGJlIHNoYXJlZCBhbmQgaW1wcm92ZWQgaW4gcGFydG5lcnNoaXAgd2l0aCBvdGhlcnMuDQoNClRoZSBPRkwgYWxsb3dzIHRoZSBsaWNlbnNlZCBmb250cyB0byBiZSB1c2VkLCBzdHVkaWVkLCBtb2RpZmllZCBhbmQgcmVkaXN0cmlidXRlZCBmcmVlbHkgYXMgbG9uZyBhcyB0aGV5IGFyZSBub3Qgc29sZCBieSB0aGVtc2VsdmVzLiBUaGUgZm9udHMsIGluY2x1ZGluZyBhbnkgZGVyaXZhdGl2ZSB3b3JrcywgY2FuIGJlIGJ1bmRsZWQsIGVtYmVkZGVkLCByZWRpc3RyaWJ1dGVkIGFuZC9vciBzb2xkIHdpdGggYW55IHNvZnR3YXJlIHByb3ZpZGVkIHRoYXQgYW55IHJlc2VydmVkIG5hbWVzIGFyZSBub3QgdXNlZCBieSBkZXJpdmF0aXZlIHdvcmtzLiBUaGUgZm9udHMgYW5kIGRlcml2YXRpdmVzLCBob3dldmVyLCBjYW5ub3QgYmUgcmVsZWFzZWQgdW5kZXIgYW55IG90aGVyIHR5cGUgb2YgbGljZW5zZS4gVGhlIHJlcXVpcmVtZW50IGZvciBmb250cyB0byByZW1haW4gdW5kZXIgdGhpcyBsaWNlbnNlIGRvZXMgbm90IGFwcGx5IHRvIGFueSBkb2N1bWVudCBjcmVhdGVkIHVzaW5nIHRoZSBmb250cyBvciB0aGVpciBkZXJpdmF0aXZlcy4NCg0KREVGSU5JVElPTlMNCiJGb250IFNvZnR3YXJlIiByZWZlcnMgdG8gdGhlIHNldCBvZiBmaWxlcyByZWxlYXNlZCBieSB0aGUgQ29weXJpZ2h0IEhvbGRlcihzKSB1bmRlciB0aGlzIGxpY2Vuc2UgYW5kIGNsZWFybHkgbWFya2VkIGFzIHN1Y2guIFRoaXMgbWF5IGluY2x1ZGUgc291cmNlIGZpbGVzLCBidWlsZCBzY3JpcHRzIGFuZCBkb2N1bWVudGF0aW9uLg0KDQoiUmVzZXJ2ZWQgRm9udCBOYW1lIiByZWZlcnMgdG8gYW55IG5hbWVzIHNwZWNpZmllZCBhcyBzdWNoIGFmdGVyIHRoZSBjb3B5cmlnaHQgc3RhdGVtZW50KHMpLg0KDQoiT3JpZ2luYWwgVmVyc2lvbiIgcmVmZXJzIHRvIHRoZ
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: "clipperz-font";
|
|
|
|
|
font-style: normal;
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
src: url(data:font/ttf;charset=utf-8;base64,T1RUTwAOAIAAAwBgQkFTRYsZlLEAAUlwAAAAOkNGRiAHSupxAABIqAAA5CBEU0lHE/UMPwABSawAACBYR0RFRi8sL9AAATRQAAAA1EdQT1MlBRrrAAFAWAAACRhHU1VC3Z7yFQABNSQAAAsyT1MvMnQA0tUAAAFQAAAAYGNtYXDp1MYJAAA+eAAAChBoZWFk+7+HegAAAOwAAAA2aGhlYQZXAOAAAAEkAAAAJGhtdHiJeIp6AAEsyAAAB4htYXhwA8NQAAAAAUgAAAAGbmFtZU1Di90AAAGwAAA8x3Bvc3T/uAAzAABIiAAAACAAAQAAAAEEWmW2IDdfDzz1AAMD6AAAAADNFZ/0AAAAAM0Vn/T/u/5wAsED6AABAAMAAgAAAAAAAAABAAAD2P7vAAACWP+7/5cCwQABAAAAAAAAAAAAAAAAAAAAAQAAUAADwwAAAAMCWAK8AAUAAAKKAlgAAABLAooCWAAAAV4AMgEgAAACCwcJAwQDAgIEIAAABwAAGAEAAAAAAAAAAEFEQkUAIAAg+wIC7v8GAAAD2AERYAABkwAAAAAB4AKUAAAAIAADAAAAIgGeAAEAAAAAAAAARQAAAAEAAAAAAAEADwBFAAEAAAAAAAIABABUAAEAAAAAAAMAIwBYAAEAAAAAAAQAFAB7AAEAAAAAAAUAOQCPAAEAAAAAAAYAEgDIAAEAAAAAAAcAYADaAAEAAAAAAAgAGgE6AAEAAAAAAAkADAFUAAEAAAAAAAsAGQFgAAEAAAAAAA0R2QF5AAEAAAAAAA4AJBNSAAEAAAAAAQAAFhN2AAEAAAAAAQEACxOMAAEAAAAAAQIACxOXAAEAAAAAAQMAFROiAAMAAQQJAAAAihO3AAMAAQQJAAEAHhRBAAMAAQQJAAIACBRfAAMAAQQJAAMARhRnAAMAAQQJAAQAKBStAAMAAQQJAAUAchTVAAMAAQQJAAYAJBVHAAMAAQQJAAcAwBVrAAMAAQQJAAgANBYrAAMAAQQJAAkAGBZfAAMAAQQJAAsAMhZ3AAMAAQQJAA0jthapAAMAAQQJAA4ASDpfAAMAAQQJAQAALDqnAAMAAQQJAQEAFjrTAAMAAQQJAQIAFjrpAAMAAQQJAQMAKjr/Q29weXJpZ2h0IDIwMTAsIDIwMTIgQWRvYmUgU3lzdGVtcyBJbmNvcnBvcmF0ZWQuIEFsbCBSaWdodHMgUmVzZXJ2ZWQuU291cmNlIENvZGUgUHJvQm9sZDEuMDE3O0FEQkU7U291cmNlQ29kZVByby1Cb2xkO0FET0JFU291cmNlIENvZGUgUHJvIEJvbGRWZXJzaW9uIDEuMDE3O1BTIDEuMDAwO2hvdGNvbnYgMS4wLjcwO21ha2VvdGYubGliMi41LjU5MDBTb3VyY2VDb2RlUHJvLUJvbGRTb3VyY2UgaXMgYSB0cmFkZW1hcmsgb2YgQWRvYmUgU3lzdGVtcyBJbmNvcnBvcmF0ZWQgaW4gdGhlIFVuaXRlZCBTdGF0ZXMgYW5kL29yIG90aGVyIGNvdW50cmllcy5BZG9iZSBTeXN0ZW1zIEluY29ycG9yYXRlZFBhdWwgRC4gSHVudGh0dHA6Ly93d3cuYWRvYmUuY29tL3R5cGVDb3B5cmlnaHQgMjAxMCwgMjAxMiBBZG9iZSBTeXN0ZW1zIEluY29ycG9yYXRlZCAoaHR0cDovL3d3dy5hZG9iZS5jb20vKSwgd2l0aCBSZXNlcnZlZCBGb250IE5hbWUgJ1NvdXJjZScuIEFsbCBSaWdodHMgUmVzZXJ2ZWQuIFNvdXJjZSBpcyBhIHRyYWRlbWFyayBvZiBBZG9iZSBTeXN0ZW1zIEluY29ycG9yYXRlZCBpbiB0aGUgVW5pdGVkIFN0YXRlcyBhbmQvb3Igb3RoZXIgY291bnRyaWVzLg0KDQpUaGlzIEZvbnQgU29mdHdhcmUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIFNJTCBPcGVuIEZvbnQgTGljZW5zZSwgVmVyc2lvbiAxLjEuDQoNClRoaXMgbGljZW5zZSBpcyBjb3BpZWQgYmVsb3csIGFuZCBpcyBhbHNvIGF2YWlsYWJsZSB3aXRoIGEgRkFRIGF0OiBodHRwOi8vc2NyaXB0cy5zaWwub3JnL09GTA0KDQotLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLQ0KU0lMIE9QRU4gRk9OVCBMSUNFTlNFIFZlcnNpb24gMS4xIC0gMjYgRmVicnVhcnkgMjAwNw0KLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0NCg0KUFJFQU1CTEUNClRoZSBnb2FscyBvZiB0aGUgT3BlbiBGb250IExpY2Vuc2UgKE9GTCkgYXJlIHRvIHN0aW11bGF0ZSB3b3JsZHdpZGUgZGV2ZWxvcG1lbnQgb2YgY29sbGFib3JhdGl2ZSBmb250IHByb2plY3RzLCB0byBzdXBwb3J0IHRoZSBmb250IGNyZWF0aW9uIGVmZm9ydHMgb2YgYWNhZGVtaWMgYW5kIGxpbmd1aXN0aWMgY29tbXVuaXRpZXMsIGFuZCB0byBwcm92aWRlIGEgZnJlZSBhbmQgb3BlbiBmcmFtZXdvcmsgaW4gd2hpY2ggZm9udHMgbWF5IGJlIHNoYXJlZCBhbmQgaW1wcm92ZWQgaW4gcGFydG5lcnNoaXAgd2l0aCBvdGhlcnMuDQoNClRoZSBPRkwgYWxsb3dzIHRoZSBsaWNlbnNlZCBmb250cyB0byBiZSB1c2VkLCBzdHVkaWVkLCBtb2RpZmllZCBhbmQgcmVkaXN0cmlidXRlZCBmcmVlbHkgYXMgbG9uZyBhcyB0aGV5IGFyZSBub3Qgc29sZCBieSB0aGVtc2VsdmVzLiBUaGUgZm9udHMsIGluY2x1ZGluZyBhbnkgZGVyaXZhdGl2ZSB3b3JrcywgY2FuIGJlIGJ1bmRsZWQsIGVtYmVkZGVkLCByZWRpc3RyaWJ1dGVkIGFuZC9vciBzb2xkIHdpdGggYW55IHNvZnR3YXJlIHByb3ZpZGVkIHRoYXQgYW55IHJlc2VydmVkIG5hbWVzIGFyZSBub3QgdXNlZCBieSBkZXJpdmF0aXZlIHdvcmtzLiBUaGUgZm9udHMgYW5kIGRlcml2YXRpdmVzLCBob3dldmVyLCBjYW5ub3QgYmUgcmVsZWFzZWQgdW5kZXIgYW55IG90aGVyIHR5cGUgb2YgbGljZW5zZS4gVGhlIHJlcXVpcmVtZW50IGZvciBmb250cyB0byByZW1haW4gdW5kZXIgdGhpcyBsaWNlbnNlIGRvZXMgbm90IGFwcGx5IHRvIGFueSBkb2N1bWVudCBjcmVhdGVkIHVzaW5nIHRoZSBmb250cyBvciB0aGVpciBkZXJpdmF0aXZlcy4NCg0KREVGSU5JVElPTlMNCiJGb250IFNvZnR3YXJlIiByZWZlcnMgdG8gdGhlIHNldCBvZiBmaWxlcyByZWxlYXNlZCBieSB0aGUgQ29weXJpZ2h0IEhvbGRlcihzKSB1bmRlciB0aGlzIGxpY2Vuc2UgYW5kIGNsZWFybHkgbWFya2VkIGFzIHN1Y2guIFRoaXMgbWF5IGluY2x1ZGUgc291cmNlIGZpbGVzLCBidWlsZCBzY3JpcHRzIGFuZCBkb2N1bWVudGF0aW9uLg0KDQoiUmVzZXJ2ZWQgRm9udCBOYW1lIiByZWZlcnMgdG8gYW55IG5hbWVzIHNwZWNpZmllZCBhcyBzdWNoIGFmdGVyIHRoZSBjb3B5cmlnaHQgc3RhdGVtZW50KHMpLg0KDQoiT3JpZ2luYWwgVmVyc2lvbiIgcmVmZXJzIHRvIHRoZSBjb2xsZWN0aW9uIG9mIEZvbnQgU29mdHdhcmUgY29tcG9uZW50cyBhcyBkaXN0c
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: "clipperz-font";
|
|
|
|
|
font-style: normal;
|
|
|
|
|
font-weight: 900;
|
|
|
|
|
src: url(data:font/ttf;charset=utf-8;base64,T1RUTwAOAIAAAwBgQkFTRYsZlLEAATq8AAAAOkNGRiDcZxQDAABI+AAA1VlEU0lHIymbLAABOvgAACBYR0RFRi8sL9AAASXcAAAA1EdQT1NOSdIWAAEx5AAACNZHU1VC3Z7yFQABJrAAAAsyT1MvMnTI07UAAAFQAAAAYGNtYXDp1MYJAAA+yAAAChBoZWFk+7OHeAAAAOwAAAA2aGhlYQZMAOAAAAEkAAAAJGhtdHh8E3yCAAEeVAAAB4htYXhwA8NQAAAAAUgAAAAGbmFtZbSud8oAAAGwAAA9GHBvc3T/uAAzAABI2AAAACAAAQAAAAEEWpUd6D1fDzz1AAMD6AAAAADNFZ/zAAAAAM0Vn/P/sP5wAsED6AAAAAMAAgAAAAAAAAABAAAD2P7vAAACWP+w/5cCwQABAAAAAAAAAAAAAAAAAAAAAQAAUAADwwAAAAMCWAOEAAUAAAKKAlgAAABLAooCWAAAAV4AMgEgAAACCwgJAwQDAgIEIAAABwAAGAEAAAAAAAAAAEFEQkUAAAAg+wIC7v8GAAAD2AERYAABkwAAAAAB4AKUAAAAIAADAAAAJgHOAAEAAAAAAAAARQAAAAEAAAAAAAEAFQBFAAEAAAAAAAIABwBaAAEAAAAAAAMAJABhAAEAAAAAAAQAFQBFAAEAAAAAAAUAOQCFAAEAAAAAAAYAEwC+AAEAAAAAAAcAYADRAAEAAAAAAAgAGgExAAEAAAAAAAkADAFLAAEAAAAAAAsAGQFXAAEAAAAAAA0R2QFwAAEAAAAAAA4AJBNJAAEAAAAAABAADxNtAAEAAAAAABEABRN8AAEAAAAAAQAAFhOBAAEAAAAAAQEACxOXAAEAAAAAAQIACxOiAAEAAAAAAQMAFROtAAMAAQQJAAAAihPCAAMAAQQJAAEAKhRMAAMAAQQJAAIADhR2AAMAAQQJAAMASBSEAAMAAQQJAAQAKhRMAAMAAQQJAAUAchTMAAMAAQQJAAYAJhU+AAMAAQQJAAcAwBVkAAMAAQQJAAgANBYkAAMAAQQJAAkAGBZYAAMAAQQJAAsAMhZwAAMAAQQJAA0jthaiAAMAAQQJAA4ASDpYAAMAAQQJABAAHjqgAAMAAQQJABEACjq+AAMAAQQJAQAALDrIAAMAAQQJAQEAFjr0AAMAAQQJAQIAFjsKAAMAAQQJAQMAKjsgQ29weXJpZ2h0IDIwMTAsIDIwMTIgQWRvYmUgU3lzdGVtcyBJbmNvcnBvcmF0ZWQuIEFsbCBSaWdodHMgUmVzZXJ2ZWQuU291cmNlIENvZGUgUHJvIEJsYWNrUmVndWxhcjEuMDE3O0FEQkU7U291cmNlQ29kZVByby1CbGFjaztBRE9CRVZlcnNpb24gMS4wMTc7UFMgMS4wMDA7aG90Y29udiAxLjAuNzA7bWFrZW90Zi5saWIyLjUuNTkwMFNvdXJjZUNvZGVQcm8tQmxhY2tTb3VyY2UgaXMgYSB0cmFkZW1hcmsgb2YgQWRvYmUgU3lzdGVtcyBJbmNvcnBvcmF0ZWQgaW4gdGhlIFVuaXRlZCBTdGF0ZXMgYW5kL29yIG90aGVyIGNvdW50cmllcy5BZG9iZSBTeXN0ZW1zIEluY29ycG9yYXRlZFBhdWwgRC4gSHVudGh0dHA6Ly93d3cuYWRvYmUuY29tL3R5cGVDb3B5cmlnaHQgMjAxMCwgMjAxMiBBZG9iZSBTeXN0ZW1zIEluY29ycG9yYXRlZCAoaHR0cDovL3d3dy5hZG9iZS5jb20vKSwgd2l0aCBSZXNlcnZlZCBGb250IE5hbWUgJ1NvdXJjZScuIEFsbCBSaWdodHMgUmVzZXJ2ZWQuIFNvdXJjZSBpcyBhIHRyYWRlbWFyayBvZiBBZG9iZSBTeXN0ZW1zIEluY29ycG9yYXRlZCBpbiB0aGUgVW5pdGVkIFN0YXRlcyBhbmQvb3Igb3RoZXIgY291bnRyaWVzLg0KDQpUaGlzIEZvbnQgU29mdHdhcmUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIFNJTCBPcGVuIEZvbnQgTGljZW5zZSwgVmVyc2lvbiAxLjEuDQoNClRoaXMgbGljZW5zZSBpcyBjb3BpZWQgYmVsb3csIGFuZCBpcyBhbHNvIGF2YWlsYWJsZSB3aXRoIGEgRkFRIGF0OiBodHRwOi8vc2NyaXB0cy5zaWwub3JnL09GTA0KDQotLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLQ0KU0lMIE9QRU4gRk9OVCBMSUNFTlNFIFZlcnNpb24gMS4xIC0gMjYgRmVicnVhcnkgMjAwNw0KLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0NCg0KUFJFQU1CTEUNClRoZSBnb2FscyBvZiB0aGUgT3BlbiBGb250IExpY2Vuc2UgKE9GTCkgYXJlIHRvIHN0aW11bGF0ZSB3b3JsZHdpZGUgZGV2ZWxvcG1lbnQgb2YgY29sbGFib3JhdGl2ZSBmb250IHByb2plY3RzLCB0byBzdXBwb3J0IHRoZSBmb250IGNyZWF0aW9uIGVmZm9ydHMgb2YgYWNhZGVtaWMgYW5kIGxpbmd1aXN0aWMgY29tbXVuaXRpZXMsIGFuZCB0byBwcm92aWRlIGEgZnJlZSBhbmQgb3BlbiBmcmFtZXdvcmsgaW4gd2hpY2ggZm9udHMgbWF5IGJlIHNoYXJlZCBhbmQgaW1wcm92ZWQgaW4gcGFydG5lcnNoaXAgd2l0aCBvdGhlcnMuDQoNClRoZSBPRkwgYWxsb3dzIHRoZSBsaWNlbnNlZCBmb250cyB0byBiZSB1c2VkLCBzdHVkaWVkLCBtb2RpZmllZCBhbmQgcmVkaXN0cmlidXRlZCBmcmVlbHkgYXMgbG9uZyBhcyB0aGV5IGFyZSBub3Qgc29sZCBieSB0aGVtc2VsdmVzLiBUaGUgZm9udHMsIGluY2x1ZGluZyBhbnkgZGVyaXZhdGl2ZSB3b3JrcywgY2FuIGJlIGJ1bmRsZWQsIGVtYmVkZGVkLCByZWRpc3RyaWJ1dGVkIGFuZC9vciBzb2xkIHdpdGggYW55IHNvZnR3YXJlIHByb3ZpZGVkIHRoYXQgYW55IHJlc2VydmVkIG5hbWVzIGFyZSBub3QgdXNlZCBieSBkZXJpdmF0aXZlIHdvcmtzLiBUaGUgZm9udHMgYW5kIGRlcml2YXRpdmVzLCBob3dldmVyLCBjYW5ub3QgYmUgcmVsZWFzZWQgdW5kZXIgYW55IG90aGVyIHR5cGUgb2YgbGljZW5zZS4gVGhlIHJlcXVpcmVtZW50IGZvciBmb250cyB0byByZW1haW4gdW5kZXIgdGhpcyBsaWNlbnNlIGRvZXMgbm90IGFwcGx5IHRvIGFueSBkb2N1bWVudCBjcmVhdGVkIHVzaW5nIHRoZSBmb250cyBvciB0aGVpciBkZXJpdmF0aXZlcy4NCg0KREVGSU5JVElPTlMNCiJGb250IFNvZnR3YXJlIiByZWZlcnMgdG8gdGhlIHNldCBvZiBmaWxlcyByZWxlYXNlZCBieSB0aGUgQ29weXJpZ2h0IEhvbGRlcihzKSB1bmRlciB0aGlzIGxpY2Vuc2UgYW5kIGNsZWFybHkgbWFya2VkIGFzIHN1Y2guIFRoaXMgbWF5IGluY2x1ZGUgc291cmNlIGZpbGVzLCBidWlsZCBzY3JpcHRzIGFuZCBkb2N1bWVudGF0aW9uLg0KDQoiUmVzZXJ2ZWQgRm9udCBOYW1lIiByZWZlcnMgdG8gYW55IG5hbWVzIHNwZWNpZmllZCBhcyBzdWNoIGFmdGVyIHRoZSBjb3B5cmlnaHQgc3RhdGVtZW50KHMpLg0KDQoiT3JpZ2luYWwgVmVyc2lvbiIgcmVmZXJzIHRvIHRoZSBjb2xsZWN0a
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: "clipperz-icons";
|
|
|
|
|
font-style: normal;
|
|
|
|
|
font-weight: normal;
|
2015-02-03 22:48:29 +01:00
|
|
|
src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAMAIAAAwBAR1NVQurt7A4AAADMAAACck9TLzIIYvzJAAADQAAAAGBjbWFwG4jNhwAAA6AAAABsZ2FzcAAAABAAAAQMAAAACGdseWa9qmb6AAAEFAAACthoZWFkAyQKMQAADuwAAAA2aGhlYQP5Ai8AAA8kAAAAJGhtdHglygJjAAAPSAAAALhsb2NhKXgm1AAAEAAAAABebWF4cAA3AHwAABBgAAAAIG5hbWWH7XEQAAAQgAAAAYRwb3N0AAMAAAAAEgQAAAAgAAEAAAAKAB4ALAABbGF0bgAIAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAoAAAABACQADwBGAHoAiADQAQoBGgE+AWIBcAF6AZABvgH2Ag4CLgABAA8ABAAFAAYABwAIAAkADgAPABEAEgATABQAFQAWAC0AAgAGACIAKQANAAcABwADABAACAAYAAMACQAMAAgADgAHACkACAAHAAcAAwAGAAQAEwAHAAEABAAmAAQABAAGAA0ABAAKABwALgA6ACgACAARAA8ADwAEABAABwAUAB4ACAAOAAwAEgASAAgAEwAZABwABQAOAAgABAATABwABgAEABAABgAIAA4AAwAIABIALAAdAAQAEQAQAAgAJAAMAAwAEwAIAAYAFQADAA4AEQAKAAwAEAAcAAYACAAOAAgAFQAIAAEABAAiAAUADwAEAAwADgACAAYAFgAcAAcABAAMAA4AFgATAAgAHAAGAAQADAAOAAgABwACAAYAFAAqAAYAEQAGAA0ACAAHACUABwARAAQABwAMABAACgABAAQAGwAEAAgAEAAWAAEABAAdAAIADQABAAQAIwAIAAQAFAAUABgAEQATAAcAAgAGACAALAAMAAgADwARABcACAADAAkADAAIAA4ABwAhAAYACAAGAAgAEAAVAAMACAAgAC4AJwALAAsAEQAYAAMABwAIABUABAAMAA4AIAAGAAgABAATAAYACwAdAAQABAAXAAgAAgAGABAAGgAEAAQACgAUAB8AAwAEAAoAAgAGAA4AJAADABMADgArAAgAEAAOABEABgANAAgABwABAAQALAACAC0AAAADAgABkAAFAAABTAFmAAAARwFMAWYAAAD1ABkAhAAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAOYT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
|
2014-10-09 14:03:48 +02:00
|
|
|
/*
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: "clipperz-password";
|
|
|
|
|
// font-family: "blokkregular";
|
|
|
|
|
font-style: normal;
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
src: url(data:application/x-font-ttf;charset=utf-8;base64,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
|
|
|
|
|
}
|
|
|
|
|
*/
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: "clipperz-password";
|
|
|
|
|
font-style: normal;
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
src: url(data:application/x-font-ttf;charset=utf-8;base64,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AZP/HwGU/x8Bl/9OAZj/HwGa/04BnP8fAZ7/agGg/7QBo/9qAaT/jwGm/x8Bqv8fAaz/UAGt/x8Brv+PAa//agGxALwBsv9OAbP/HwG0/04AGwAE/9sAEP76ABH/RgAS/voAHv+PAB//jwF4ALwBef9oAXz/aAGA/40Bg/9oAYf/jQGN/40BkP+eAZX/aAGW/7QBmP9GAZr/ngGe/2gBoP+0AaH/aAGj/2gBpv9GAar/RgGt/0YBsQB5AbP/RgADAXn/xQGM/74Bkv++AAoBk/+yAZj/sgGb/7IBn//ZAab/sgGq/7IBrf+yAbD/sgGz/7IBtf+yABUABP/bAXgAqgF5/2gBfP9oAYD/jQGD/2gBh/+NAY3/jQGQ/54Blf9oAZb/tAGY/0YBnv9oAaD/tAGh/2gBo/9oAab/RgGq/0YBrf9GAbEAYgGz/0YABAGi/9kBp//jAav/4wGu/8kAEgGT/3cBlf/bAZj/dwGa/6oBm/+0AZ7/2wGf/54BoP/bAaH/2wGk/6oBpv93Aaf/qgGq/3cBq/+qAa3/dwGw/3cBs/93AbX/dwABAaL/2QANAZP/5wGY/+cBm//nAZ3/5wGf/+cBpf/nAab/5wGp/+cBqv/nAa3/5wGw/+cBs//nAbX/5wANAZP/4QGY/+EBm//hAaX/4QGm/+EBqf/RAar/4QGs/88Brf/bAbD/4QGz/+EBtP/PAbX/4QAKAZP/yQGY/8kBm//JAZ3/yQGl/8kBpv/JAan/yQGq/8kBrf/JAbP/yQAJAZP/4wGY/+MBnf/jAab/4wGp/+MBqv/jAa3/4wGw/+MBtf/jAAMBov/ZAaf/4wGr/+MACgGT/+MBmP/jAZv/4wGd/+MBpv/jAan/4wGq/+MBrf/jAbD/4wG1/+MACwGT/8kBmP/JAZv/yQGd/8kBpv/JAan/yQGq/8kBrf/JAbD/yQGz/8kBtf/JAAUAEP8GABL/BgBu/3cAfv93A5L/0wABA5b/YAABA5b/dwARAckARAHM/+kB0AAtAdP/0wHU/+kB1v/TAdf/YAHY/6YB2f+8Adz/YAHi/9MB5QAXAff/0wH4/+kB+QAXAgIALQOW/40ADgHF/9MBzP/pAdP/6QHW/+kB1/+kAdj/0QHZ/+kB2v/TAdz/pAHf/7wB4v/pAeT/6QHw/+kB+P/TABUBxf+8Acn/0wHL/9MBzP+8AdD/6QHT/7wB1v+8Adf/dwHY/7wB2f+8Adr/pgHc/6QB3/+NAeT/vAHp/+kB8f/pAff/vAH4/+kB+v/pAfz/vAIE/+kAHAAQ/wYAEv8GAG7/dwB+/3cBxf93Acn/dwHM/9MB0P+NAdH/0QHT/40B1v+kAeT/vAHl/40B5/+NAen/dwHq/3cB7f+NAfD/jQHx/40B8v+NAfP/dwH1/40B+P93AgD/jQIB/40CA/+NAgT/dwOS/9MABgHYABcB2f/TAdz/ugHsAEQB8wAXAfgALQACAcz/0wH2/+kACgHM/+kB0//TAdb/6QHXABcB2AAtAd8ALQHlABcB6v/nAfP/6QH4/+kACAHQ/+kB0//pAdb/6QHX/9MB2P/pAdn/6QHc/9MB5P/pAAUBzP/pAdP/6QHW/+kB2AAXAdn/ugADAdn/6QHmABc
|
|
|
|
|
@-webkit-keyframes spin {
|
|
|
|
|
0% {
|
|
|
|
|
-webkit-transform: rotate(0deg) translate(0, 0);
|
|
|
|
|
-moz-transform: rotate(0deg) translate(0, 0);
|
|
|
|
|
-ms-transform: rotate(0deg) translate(0, 0);
|
|
|
|
|
-o-transform: rotate(0deg) translate(0, 0);
|
|
|
|
|
transform: rotate(0deg) translate(0, 0); }
|
|
|
|
|
|
|
|
|
|
100% {
|
|
|
|
|
-webkit-transform: rotate(359deg) translate(0, 0);
|
|
|
|
|
-moz-transform: rotate(359deg) translate(0, 0);
|
|
|
|
|
-ms-transform: rotate(359deg) translate(0, 0);
|
|
|
|
|
-o-transform: rotate(359deg) translate(0, 0);
|
|
|
|
|
transform: rotate(359deg) translate(0, 0); } }
|
|
|
|
|
@-moz-keyframes spin {
|
|
|
|
|
0% {
|
|
|
|
|
-webkit-transform: rotate(0deg) translate(0, 0);
|
|
|
|
|
-moz-transform: rotate(0deg) translate(0, 0);
|
|
|
|
|
-ms-transform: rotate(0deg) translate(0, 0);
|
|
|
|
|
-o-transform: rotate(0deg) translate(0, 0);
|
|
|
|
|
transform: rotate(0deg) translate(0, 0); }
|
|
|
|
|
|
|
|
|
|
100% {
|
|
|
|
|
-webkit-transform: rotate(359deg) translate(0, 0);
|
|
|
|
|
-moz-transform: rotate(359deg) translate(0, 0);
|
|
|
|
|
-ms-transform: rotate(359deg) translate(0, 0);
|
|
|
|
|
-o-transform: rotate(359deg) translate(0, 0);
|
|
|
|
|
transform: rotate(359deg) translate(0, 0); } }
|
|
|
|
|
@-ms-keyframes spin {
|
|
|
|
|
0% {
|
|
|
|
|
-webkit-transform: rotate(0deg) translate(0, 0);
|
|
|
|
|
-moz-transform: rotate(0deg) translate(0, 0);
|
|
|
|
|
-ms-transform: rotate(0deg) translate(0, 0);
|
|
|
|
|
-o-transform: rotate(0deg) translate(0, 0);
|
|
|
|
|
transform: rotate(0deg) translate(0, 0); }
|
|
|
|
|
|
|
|
|
|
100% {
|
|
|
|
|
-webkit-transform: rotate(359deg) translate(0, 0);
|
|
|
|
|
-moz-transform: rotate(359deg) translate(0, 0);
|
|
|
|
|
-ms-transform: rotate(359deg) translate(0, 0);
|
|
|
|
|
-o-transform: rotate(359deg) translate(0, 0);
|
|
|
|
|
transform: rotate(359deg) translate(0, 0); } }
|
|
|
|
|
@keyframes spin {
|
|
|
|
|
0% {
|
|
|
|
|
-webkit-transform: rotate(0deg) translate(0, 0);
|
|
|
|
|
-moz-transform: rotate(0deg) translate(0, 0);
|
|
|
|
|
-ms-transform: rotate(0deg) translate(0, 0);
|
|
|
|
|
-o-transform: rotate(0deg) translate(0, 0);
|
|
|
|
|
transform: rotate(0deg) translate(0, 0); }
|
|
|
|
|
|
|
|
|
|
100% {
|
|
|
|
|
-webkit-transform: rotate(359deg) translate(0, 0);
|
|
|
|
|
-moz-transform: rotate(359deg) translate(0, 0);
|
|
|
|
|
-ms-transform: rotate(359deg) translate(0, 0);
|
|
|
|
|
-o-transform: rotate(359deg) translate(0, 0);
|
|
|
|
|
transform: rotate(359deg) translate(0, 0); } }
|
|
|
|
|
div.overlay {
|
|
|
|
|
z-index: 99999;
|
|
|
|
|
position: fixed;
|
|
|
|
|
top: 50%;
|
|
|
|
|
left: 50%;
|
|
|
|
|
width: 200px;
|
|
|
|
|
height: 200px;
|
|
|
|
|
margin-left: -100px;
|
|
|
|
|
margin-top: -100px;
|
|
|
|
|
background: rgba(0, 0, 0, 0.8);
|
|
|
|
|
-webkit-border-radius: 20px;
|
|
|
|
|
-moz-border-radius: 20px;
|
|
|
|
|
border-radius: 20px; }
|
|
|
|
|
div.overlay .mask {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
z-index: 10;
|
|
|
|
|
background-color: rgba(0, 0, 0, 0.5); }
|
|
|
|
|
div.overlay .mask {
|
|
|
|
|
position: fixed;
|
|
|
|
|
z-index: -2; }
|
|
|
|
|
div.overlay .mask.hidden {
|
|
|
|
|
display: none; }
|
|
|
|
|
div.overlay .title {
|
|
|
|
|
color: #FFF;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
text-align: center;
|
|
|
|
|
display: block;
|
|
|
|
|
font-size: 26px;
|
|
|
|
|
position: absolute;
|
|
|
|
|
bottom: 30px;
|
|
|
|
|
left: 0;
|
|
|
|
|
width: 100%; }
|
|
|
|
|
div.overlay .icon {
|
|
|
|
|
position: relative;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
width: 128px;
|
|
|
|
|
height: 128px;
|
|
|
|
|
top: 40%;
|
|
|
|
|
left: 50%;
|
|
|
|
|
margin-left: -64px;
|
|
|
|
|
margin-top: -64px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
font-family: 'clipperz-icons';
|
|
|
|
|
-webkit-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-moz-font-feature-settings: "$foo=1, $bar=1";
|
|
|
|
|
-moz-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-ms-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-o-font-feature-settings: "$foo","$bar";
|
|
|
|
|
font-feature-settings: "$foo","$bar";
|
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
text-rendering: optimizeLegibility;
|
|
|
|
|
font-size: 96pt;
|
|
|
|
|
color: white;
|
|
|
|
|
text-shadow: none; }
|
|
|
|
|
div.overlay.ios-overlay-show {
|
|
|
|
|
-webkit-animation-name: ios-overlay-show;
|
|
|
|
|
-webkit-animation-duration: 750ms;
|
|
|
|
|
-webkit-animation-timing-function: linear;
|
|
|
|
|
-webkit-animation-iteration-count: 1;
|
|
|
|
|
-webkit-animation-fill-mode: none;
|
|
|
|
|
-moz-animation-name: ios-overlay-show;
|
|
|
|
|
-moz-animation-duration: 750ms;
|
|
|
|
|
-moz-animation-timing-function: linear;
|
|
|
|
|
-moz-animation-iteration-count: 1;
|
|
|
|
|
-moz-animation-fill-mode: none;
|
|
|
|
|
-ms-animation-name: ios-overlay-show;
|
|
|
|
|
-ms-animation-duration: 750ms;
|
|
|
|
|
-ms-animation-timing-function: linear;
|
|
|
|
|
-ms-animation-iteration-count: 1;
|
|
|
|
|
-ms-animation-fill-mode: none;
|
|
|
|
|
-o-animation-name: ios-overlay-show;
|
|
|
|
|
-o-animation-duration: 750ms;
|
|
|
|
|
-o-animation-timing-function: linear;
|
|
|
|
|
-o-animation-iteration-count: 1;
|
|
|
|
|
-o-animation-fill-mode: none;
|
|
|
|
|
animation-name: ios-overlay-show;
|
|
|
|
|
animation-duration: 750ms;
|
|
|
|
|
animation-timing-function: linear;
|
|
|
|
|
animation-iteration-count: 1;
|
|
|
|
|
animation-fill-mode: none; }
|
|
|
|
|
div.overlay.ios-overlay-hide {
|
|
|
|
|
-webkit-animation-name: ios-overlay-hide;
|
|
|
|
|
-webkit-animation-duration: 750ms;
|
|
|
|
|
-webkit-animation-timing-function: linear;
|
|
|
|
|
-webkit-animation-iteration-count: 1;
|
|
|
|
|
-webkit-animation-fill-mode: forwards;
|
|
|
|
|
-moz-animation-name: ios-overlay-hide;
|
|
|
|
|
-moz-animation-duration: 750ms;
|
|
|
|
|
-moz-animation-timing-function: linear;
|
|
|
|
|
-moz-animation-iteration-count: 1;
|
|
|
|
|
-moz-animation-fill-mode: forwards;
|
|
|
|
|
-ms-animation-name: ios-overlay-hide;
|
|
|
|
|
-ms-animation-duration: 750ms;
|
|
|
|
|
-ms-animation-timing-function: linear;
|
|
|
|
|
-ms-animation-iteration-count: 1;
|
|
|
|
|
-ms-animation-fill-mode: forwards;
|
|
|
|
|
-o-animation-name: ios-overlay-hide;
|
|
|
|
|
-o-animation-duration: 750ms;
|
|
|
|
|
-o-animation-timing-function: linear;
|
|
|
|
|
-o-animation-iteration-count: 1;
|
|
|
|
|
-o-animation-fill-mode: forwards;
|
|
|
|
|
animation-name: ios-overlay-hide;
|
|
|
|
|
animation-duration: 750ms;
|
|
|
|
|
animation-timing-function: linear;
|
|
|
|
|
animation-iteration-count: 1;
|
|
|
|
|
animation-fill-mode: forwards; }
|
|
|
|
|
div.overlay div.spinner {
|
|
|
|
|
position: relative;
|
|
|
|
|
width: 100px;
|
|
|
|
|
height: 100px;
|
|
|
|
|
left: 50% !important;
|
|
|
|
|
top: 40% !important;
|
|
|
|
|
margin-left: -50px;
|
|
|
|
|
margin-top: -50px;
|
|
|
|
|
display: block; }
|
|
|
|
|
div.overlay div.spinner div {
|
|
|
|
|
width: 12%;
|
|
|
|
|
height: 26%;
|
|
|
|
|
background: #ffffff;
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 44.5%;
|
|
|
|
|
top: 37%;
|
|
|
|
|
opacity: 0;
|
|
|
|
|
-webkit-animation-name: overlay-spin;
|
|
|
|
|
-webkit-animation-duration: 1s;
|
|
|
|
|
-webkit-animation-timing-function: linear;
|
|
|
|
|
-webkit-animation-iteration-count: infinite;
|
|
|
|
|
-webkit-animation-fill-mode: none;
|
|
|
|
|
-moz-animation-name: overlay-spin;
|
|
|
|
|
-moz-animation-duration: 1s;
|
|
|
|
|
-moz-animation-timing-function: linear;
|
|
|
|
|
-moz-animation-iteration-count: infinite;
|
|
|
|
|
-moz-animation-fill-mode: none;
|
|
|
|
|
-ms-animation-name: overlay-spin;
|
|
|
|
|
-ms-animation-duration: 1s;
|
|
|
|
|
-ms-animation-timing-function: linear;
|
|
|
|
|
-ms-animation-iteration-count: infinite;
|
|
|
|
|
-ms-animation-fill-mode: none;
|
|
|
|
|
-o-animation-name: overlay-spin;
|
|
|
|
|
-o-animation-duration: 1s;
|
|
|
|
|
-o-animation-timing-function: linear;
|
|
|
|
|
-o-animation-iteration-count: infinite;
|
|
|
|
|
-o-animation-fill-mode: none;
|
|
|
|
|
animation-name: overlay-spin;
|
|
|
|
|
animation-duration: 1s;
|
|
|
|
|
animation-timing-function: linear;
|
|
|
|
|
animation-iteration-count: infinite;
|
|
|
|
|
animation-fill-mode: none;
|
|
|
|
|
-webkit-border-radius: 50px;
|
|
|
|
|
-moz-border-radius: 50px;
|
|
|
|
|
border-radius: 50px;
|
|
|
|
|
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
|
|
|
|
|
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
|
|
|
|
|
-ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
|
|
|
|
|
-o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
|
|
|
|
|
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }
|
|
|
|
|
div.overlay div.spinner div.bar01 {
|
|
|
|
|
-webkit-transform: rotate(0deg) translate(0, -142%);
|
|
|
|
|
-moz-transform: rotate(0deg) translate(0, -142%);
|
|
|
|
|
-ms-transform: rotate(0deg) translate(0, -142%);
|
|
|
|
|
-o-transform: rotate(0deg) translate(0, -142%);
|
|
|
|
|
transform: rotate(0deg) translate(0, -142%);
|
|
|
|
|
-webkit-animation-delay: 0s;
|
|
|
|
|
-moz-animation-delay: 0s;
|
|
|
|
|
-ms-animation-delay: 0s;
|
|
|
|
|
-o-animation-delay: 0s;
|
|
|
|
|
animation-delay: 0s; }
|
|
|
|
|
div.overlay div.spinner div.bar02 {
|
|
|
|
|
-webkit-transform: rotate(30deg) translate(0, -142%);
|
|
|
|
|
-moz-transform: rotate(30deg) translate(0, -142%);
|
|
|
|
|
-ms-transform: rotate(30deg) translate(0, -142%);
|
|
|
|
|
-o-transform: rotate(30deg) translate(0, -142%);
|
|
|
|
|
transform: rotate(30deg) translate(0, -142%);
|
|
|
|
|
-webkit-animation-delay: -0.9167s;
|
|
|
|
|
-moz-animation-delay: -0.9167s;
|
|
|
|
|
-ms-animation-delay: -0.9167s;
|
|
|
|
|
-o-animation-delay: -0.9167s;
|
|
|
|
|
animation-delay: -0.9167s; }
|
|
|
|
|
div.overlay div.spinner div.bar03 {
|
|
|
|
|
-webkit-transform: rotate(60deg) translate(0, -142%);
|
|
|
|
|
-moz-transform: rotate(60deg) translate(0, -142%);
|
|
|
|
|
-ms-transform: rotate(60deg) translate(0, -142%);
|
|
|
|
|
-o-transform: rotate(60deg) translate(0, -142%);
|
|
|
|
|
transform: rotate(60deg) translate(0, -142%);
|
|
|
|
|
-webkit-animation-delay: -0.833s;
|
|
|
|
|
-moz-animation-delay: -0.833s;
|
|
|
|
|
-ms-animation-delay: -0.833s;
|
|
|
|
|
-o-animation-delay: -0.833s;
|
|
|
|
|
animation-delay: -0.833s; }
|
|
|
|
|
div.overlay div.spinner div.bar04 {
|
|
|
|
|
-webkit-transform: rotate(90deg) translate(0, -142%);
|
|
|
|
|
-moz-transform: rotate(90deg) translate(0, -142%);
|
|
|
|
|
-ms-transform: rotate(90deg) translate(0, -142%);
|
|
|
|
|
-o-transform: rotate(90deg) translate(0, -142%);
|
|
|
|
|
transform: rotate(90deg) translate(0, -142%);
|
|
|
|
|
-webkit-animation-delay: -0.75s;
|
|
|
|
|
-moz-animation-delay: -0.75s;
|
|
|
|
|
-ms-animation-delay: -0.75s;
|
|
|
|
|
-o-animation-delay: -0.75s;
|
|
|
|
|
animation-delay: -0.75s; }
|
|
|
|
|
div.overlay div.spinner div.bar05 {
|
|
|
|
|
-webkit-transform: rotate(120deg) translate(0, -142%);
|
|
|
|
|
-moz-transform: rotate(120deg) translate(0, -142%);
|
|
|
|
|
-ms-transform: rotate(120deg) translate(0, -142%);
|
|
|
|
|
-o-transform: rotate(120deg) translate(0, -142%);
|
|
|
|
|
transform: rotate(120deg) translate(0, -142%);
|
|
|
|
|
-webkit-animation-delay: -0.667s;
|
|
|
|
|
-moz-animation-delay: -0.667s;
|
|
|
|
|
-ms-animation-delay: -0.667s;
|
|
|
|
|
-o-animation-delay: -0.667s;
|
|
|
|
|
animation-delay: -0.667s; }
|
|
|
|
|
div.overlay div.spinner div.bar06 {
|
|
|
|
|
-webkit-transform: rotate(150deg) translate(0, -142%);
|
|
|
|
|
-moz-transform: rotate(150deg) translate(0, -142%);
|
|
|
|
|
-ms-transform: rotate(150deg) translate(0, -142%);
|
|
|
|
|
-o-transform: rotate(150deg) translate(0, -142%);
|
|
|
|
|
transform: rotate(150deg) translate(0, -142%);
|
|
|
|
|
-webkit-animation-delay: -0.5833s;
|
|
|
|
|
-moz-animation-delay: -0.5833s;
|
|
|
|
|
-ms-animation-delay: -0.5833s;
|
|
|
|
|
-o-animation-delay: -0.5833s;
|
|
|
|
|
animation-delay: -0.5833s; }
|
|
|
|
|
div.overlay div.spinner div.bar07 {
|
|
|
|
|
-webkit-transform: rotate(180deg) translate(0, -142%);
|
|
|
|
|
-moz-transform: rotate(180deg) translate(0, -142%);
|
|
|
|
|
-ms-transform: rotate(180deg) translate(0, -142%);
|
|
|
|
|
-o-transform: rotate(180deg) translate(0, -142%);
|
|
|
|
|
transform: rotate(180deg) translate(0, -142%);
|
|
|
|
|
-webkit-animation-delay: -0.5s;
|
|
|
|
|
-moz-animation-delay: -0.5s;
|
|
|
|
|
-ms-animation-delay: -0.5s;
|
|
|
|
|
-o-animation-delay: -0.5s;
|
|
|
|
|
animation-delay: -0.5s; }
|
|
|
|
|
div.overlay div.spinner div.bar08 {
|
|
|
|
|
-webkit-transform: rotate(210deg) translate(0, -142%);
|
|
|
|
|
-moz-transform: rotate(210deg) translate(0, -142%);
|
|
|
|
|
-ms-transform: rotate(210deg) translate(0, -142%);
|
|
|
|
|
-o-transform: rotate(210deg) translate(0, -142%);
|
|
|
|
|
transform: rotate(210deg) translate(0, -142%);
|
|
|
|
|
-webkit-animation-delay: -0.41667s;
|
|
|
|
|
-moz-animation-delay: -0.41667s;
|
|
|
|
|
-ms-animation-delay: -0.41667s;
|
|
|
|
|
-o-animation-delay: -0.41667s;
|
|
|
|
|
animation-delay: -0.41667s; }
|
|
|
|
|
div.overlay div.spinner div.bar09 {
|
|
|
|
|
-webkit-transform: rotate(240deg) translate(0, -142%);
|
|
|
|
|
-moz-transform: rotate(240deg) translate(0, -142%);
|
|
|
|
|
-ms-transform: rotate(240deg) translate(0, -142%);
|
|
|
|
|
-o-transform: rotate(240deg) translate(0, -142%);
|
|
|
|
|
transform: rotate(240deg) translate(0, -142%);
|
|
|
|
|
-webkit-animation-delay: -0.333s;
|
|
|
|
|
-moz-animation-delay: -0.333s;
|
|
|
|
|
-ms-animation-delay: -0.333s;
|
|
|
|
|
-o-animation-delay: -0.333s;
|
|
|
|
|
animation-delay: -0.333s; }
|
|
|
|
|
div.overlay div.spinner div.bar10 {
|
|
|
|
|
-webkit-transform: rotate(270deg) translate(0, -142%);
|
|
|
|
|
-moz-transform: rotate(270deg) translate(0, -142%);
|
|
|
|
|
-ms-transform: rotate(270deg) translate(0, -142%);
|
|
|
|
|
-o-transform: rotate(270deg) translate(0, -142%);
|
|
|
|
|
transform: rotate(270deg) translate(0, -142%);
|
|
|
|
|
-webkit-animation-delay: -0.25s;
|
|
|
|
|
-moz-animation-delay: -0.25s;
|
|
|
|
|
-ms-animation-delay: -0.25s;
|
|
|
|
|
-o-animation-delay: -0.25s;
|
|
|
|
|
animation-delay: -0.25s; }
|
|
|
|
|
div.overlay div.spinner div.bar11 {
|
|
|
|
|
-webkit-transform: rotate(300deg) translate(0, -142%);
|
|
|
|
|
-moz-transform: rotate(300deg) translate(0, -142%);
|
|
|
|
|
-ms-transform: rotate(300deg) translate(0, -142%);
|
|
|
|
|
-o-transform: rotate(300deg) translate(0, -142%);
|
|
|
|
|
transform: rotate(300deg) translate(0, -142%);
|
|
|
|
|
-webkit-animation-delay: -0.1667s;
|
|
|
|
|
-moz-animation-delay: -0.1667s;
|
|
|
|
|
-ms-animation-delay: -0.1667s;
|
|
|
|
|
-o-animation-delay: -0.1667s;
|
|
|
|
|
animation-delay: -0.1667s; }
|
|
|
|
|
div.overlay div.spinner div.bar12 {
|
|
|
|
|
-webkit-transform: rotate(330deg) translate(0, -142%);
|
|
|
|
|
-moz-transform: rotate(330deg) translate(0, -142%);
|
|
|
|
|
-ms-transform: rotate(330deg) translate(0, -142%);
|
|
|
|
|
-o-transform: rotate(330deg) translate(0, -142%);
|
|
|
|
|
transform: rotate(330deg) translate(0, -142%);
|
|
|
|
|
-webkit-animation-delay: -0.0833s;
|
|
|
|
|
-moz-animation-delay: -0.0833s;
|
|
|
|
|
-ms-animation-delay: -0.0833s;
|
|
|
|
|
-o-animation-delay: -0.0833s;
|
|
|
|
|
animation-delay: -0.0833s; }
|
|
|
|
|
|
|
|
|
|
@-webkit-keyframes overlay-spin {
|
|
|
|
|
from {
|
|
|
|
|
opacity: 1; }
|
|
|
|
|
|
|
|
|
|
to {
|
|
|
|
|
opacity: 0.25; } }
|
|
|
|
|
@-moz-keyframes overlay-spin {
|
|
|
|
|
from {
|
|
|
|
|
opacity: 1; }
|
|
|
|
|
|
|
|
|
|
to {
|
|
|
|
|
opacity: 0.25; } }
|
|
|
|
|
@-ms-keyframes overlay-spin {
|
|
|
|
|
from {
|
|
|
|
|
opacity: 1; }
|
|
|
|
|
|
|
|
|
|
to {
|
|
|
|
|
opacity: 0.25; } }
|
|
|
|
|
@keyframes overlay-spin {
|
|
|
|
|
from {
|
|
|
|
|
opacity: 1; }
|
|
|
|
|
|
|
|
|
|
to {
|
|
|
|
|
opacity: 0.25; } }
|
|
|
|
|
@-webkit-keyframes ios-overlay-show {
|
|
|
|
|
0% {
|
|
|
|
|
opacity: 0; }
|
|
|
|
|
|
|
|
|
|
100% {
|
|
|
|
|
opacity: 1; } }
|
|
|
|
|
@-moz-keyframes ios-overlay-show {
|
|
|
|
|
0% {
|
|
|
|
|
opacity: 0; }
|
|
|
|
|
|
|
|
|
|
100% {
|
|
|
|
|
opacity: 1; } }
|
|
|
|
|
@-ms-keyframes ios-overlay-show {
|
|
|
|
|
0% {
|
|
|
|
|
opacity: 0; }
|
|
|
|
|
|
|
|
|
|
100% {
|
|
|
|
|
opacity: 1; } }
|
|
|
|
|
@keyframes ios-overlay-show {
|
|
|
|
|
0% {
|
|
|
|
|
opacity: 0; }
|
|
|
|
|
|
|
|
|
|
100% {
|
|
|
|
|
opacity: 1; } }
|
|
|
|
|
@-webkit-keyframes ios-overlay-hide {
|
|
|
|
|
0% {
|
|
|
|
|
opacity: 1; }
|
|
|
|
|
|
|
|
|
|
100% {
|
|
|
|
|
opacity: 0; } }
|
|
|
|
|
@-moz-keyframes ios-overlay-hide {
|
|
|
|
|
0% {
|
|
|
|
|
opacity: 1; }
|
|
|
|
|
|
|
|
|
|
100% {
|
|
|
|
|
opacity: 0; } }
|
|
|
|
|
@-ms-keyframes ios-overlay-hide {
|
|
|
|
|
0% {
|
|
|
|
|
opacity: 1; }
|
|
|
|
|
|
|
|
|
|
100% {
|
|
|
|
|
opacity: 0; } }
|
|
|
|
|
@keyframes ios-overlay-hide {
|
|
|
|
|
0% {
|
|
|
|
|
opacity: 1; }
|
|
|
|
|
|
|
|
|
|
100% {
|
|
|
|
|
opacity: 0; } }
|
|
|
|
|
/*
|
|
|
|
|
.registrationForm {
|
|
|
|
|
.steps {
|
|
|
|
|
.step {
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
|
|
|
|
// top: 0;
|
|
|
|
|
// left: 0;
|
|
|
|
|
// width: 100%;
|
|
|
|
|
// height: 100%;
|
|
|
|
|
|
|
|
|
|
.slide();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
*/
|
|
|
|
|
/*
|
|
|
|
|
.page {
|
|
|
|
|
transform: rotateY( 0deg) translateZ( 100px);
|
|
|
|
|
|
|
|
|
|
&.left {
|
|
|
|
|
transform: rotateY( -90deg) translateZ( 100px);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.center {
|
|
|
|
|
transform: rotateY( 0deg) translateZ( 100px);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.right {
|
|
|
|
|
transform: rotateY( 90deg) translateZ( 100px);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#mainDiv {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
position: absolute;
|
|
|
|
|
transform-style: preserve-3d;
|
|
|
|
|
|
|
|
|
|
transition: transform 3s;
|
|
|
|
|
|
|
|
|
|
&.show-front { transform: translateZ( -100px ) rotateY( 0deg ); }
|
|
|
|
|
&.show-back { transform: translateZ( -100px ) rotateX( -180deg ); }
|
|
|
|
|
&.show-right { transform: translateZ( -100px ) rotateY( -90deg ); }
|
|
|
|
|
&.show-left { transform: translateZ( -100px ) rotateY( 90deg ); }
|
|
|
|
|
&.show-top { transform: translateZ( -100px ) rotateX( -90deg ); }
|
|
|
|
|
&.show-bottom { transform: translateZ( -100px ) rotateX( 90deg ); }
|
|
|
|
|
}
|
|
|
|
|
*/
|
|
|
|
|
.page {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
|
-webkit-transition-duration: 0.5s;
|
2015-01-21 18:29:30 +01:00
|
|
|
transition-duration: 0.5s;
|
|
|
|
|
-webkit-user-select: none;
|
|
|
|
|
/* Chrome all / Safari all */
|
|
|
|
|
-moz-user-select: none;
|
|
|
|
|
/* Firefox all */
|
|
|
|
|
-ms-user-select: none;
|
|
|
|
|
/* IE 10+ */
|
|
|
|
|
/* No support for these yet, use at own risk */
|
|
|
|
|
-o-user-select: none;
|
|
|
|
|
user-select: none; }
|
2014-10-09 14:03:48 +02:00
|
|
|
.page.left {
|
|
|
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
|
|
|
transform: translate3d(-100%, 0, 0); }
|
|
|
|
|
.page.right {
|
|
|
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
|
|
|
|
transform: translate3d(100%, 0, 0);
|
|
|
|
|
visibility: hidden;
|
|
|
|
|
display: none; }
|
|
|
|
|
.page.right.transition {
|
|
|
|
|
visibility: visible;
|
|
|
|
|
display: block; }
|
|
|
|
|
|
|
|
|
|
.mainPage > #selectionPanel {
|
|
|
|
|
position: fixed;
|
|
|
|
|
z-index: 20;
|
|
|
|
|
overflow: scroll;
|
2015-01-21 18:29:30 +01:00
|
|
|
-webkit-overflow-scrolling: touch;
|
2014-10-09 14:03:48 +02:00
|
|
|
width: 300px;
|
|
|
|
|
height: 100%;
|
|
|
|
|
top: 0;
|
|
|
|
|
left: -300px; }
|
|
|
|
|
.mainPage > #selectionPanel.open {
|
|
|
|
|
left: 0px; }
|
|
|
|
|
|
|
|
|
|
#selections {
|
|
|
|
|
display: -webkit-box;
|
|
|
|
|
display: -webkit-flex;
|
|
|
|
|
display: -moz-flex;
|
|
|
|
|
display: -ms-flexbox;
|
|
|
|
|
display: flex;
|
|
|
|
|
-webkit-box-direction: normal;
|
|
|
|
|
-webkit-box-orient: vertical;
|
|
|
|
|
-webkit-flex-direction: column;
|
|
|
|
|
-moz-flex-direction: column;
|
|
|
|
|
-ms-flex-direction: column;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
min-height: 100%; }
|
|
|
|
|
#selections ul.defaultSet {
|
|
|
|
|
-webkit-box-flex: none;
|
|
|
|
|
-webkit-flex: none;
|
|
|
|
|
-moz-box-flex: none;
|
|
|
|
|
-moz-flex: none;
|
|
|
|
|
-ms-flex: none;
|
|
|
|
|
flex: none; }
|
|
|
|
|
#selections .search {
|
|
|
|
|
-webkit-box-flex: none;
|
|
|
|
|
-webkit-flex: none;
|
|
|
|
|
-moz-box-flex: none;
|
|
|
|
|
-moz-flex: none;
|
|
|
|
|
-ms-flex: none;
|
|
|
|
|
flex: none; }
|
|
|
|
|
#selections ul.tagList {
|
|
|
|
|
-webkit-box-flex: auto;
|
|
|
|
|
-webkit-flex: auto;
|
|
|
|
|
-moz-box-flex: auto;
|
|
|
|
|
-moz-flex: auto;
|
|
|
|
|
-ms-flex: auto;
|
|
|
|
|
flex: auto;
|
|
|
|
|
margin-left: 0px; }
|
|
|
|
|
#selections .showArchivedCards {
|
|
|
|
|
-webkit-box-flex: none;
|
|
|
|
|
-webkit-flex: none;
|
|
|
|
|
-moz-box-flex: none;
|
|
|
|
|
-moz-flex: none;
|
|
|
|
|
-ms-flex: none;
|
|
|
|
|
flex: none;
|
|
|
|
|
cursor: pointer; }
|
|
|
|
|
|
|
|
|
|
#mainPanel.extra-wide {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
margin: 0 auto; }
|
|
|
|
|
#mainPanel.extra-wide .container {
|
|
|
|
|
display: -webkit-box;
|
|
|
|
|
display: -webkit-flex;
|
|
|
|
|
display: -moz-flex;
|
|
|
|
|
display: -ms-flexbox;
|
|
|
|
|
display: flex; }
|
|
|
|
|
#mainPanel.extra-wide .subpanel.selection {
|
|
|
|
|
-webkit-box-flex: 300px;
|
|
|
|
|
-webkit-flex: 300px 0;
|
|
|
|
|
-moz-box-flex: 300px;
|
|
|
|
|
-moz-flex: 300px 0;
|
|
|
|
|
-ms-flex: 300px 0;
|
|
|
|
|
flex: 300px 0;
|
|
|
|
|
overflow-y: scroll; }
|
|
|
|
|
#mainPanel.extra-wide .subpanel.cardContent {
|
|
|
|
|
-webkit-box-flex: 4;
|
|
|
|
|
-webkit-flex: 4;
|
|
|
|
|
-moz-box-flex: 4;
|
|
|
|
|
-moz-flex: 4;
|
|
|
|
|
-ms-flex: 4;
|
|
|
|
|
flex: 4;
|
|
|
|
|
display: -webkit-box;
|
|
|
|
|
display: -webkit-flex;
|
|
|
|
|
display: -moz-flex;
|
|
|
|
|
display: -ms-flexbox;
|
|
|
|
|
display: flex;
|
|
|
|
|
-webkit-box-direction: normal;
|
|
|
|
|
-webkit-box-orient: vertical;
|
|
|
|
|
-webkit-flex-direction: column;
|
|
|
|
|
-moz-flex-direction: column;
|
|
|
|
|
-ms-flex-direction: column;
|
|
|
|
|
flex-direction: column; }
|
|
|
|
|
#mainPanel.extra-wide .selectionToggle .button {
|
|
|
|
|
display: none;
|
|
|
|
|
visibility: hidden; }
|
|
|
|
|
#mainPanel.wide .container, #mainPanel.narrow .container {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
margin: 0 auto; }
|
|
|
|
|
#mainPanel.narrow .column {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
|
-webkit-transition-duration: 0.5s;
|
|
|
|
|
transition-duration: 0.5s; }
|
|
|
|
|
#mainPanel.narrow .column.left {
|
|
|
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
|
|
|
transform: translate3d(-100%, 0, 0); }
|
|
|
|
|
#mainPanel.narrow .column.right {
|
|
|
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
|
|
|
|
transform: translate3d(100%, 0, 0);
|
|
|
|
|
visibility: hidden;
|
|
|
|
|
display: none; }
|
|
|
|
|
#mainPanel.narrow .column.right.transition {
|
|
|
|
|
visibility: visible;
|
|
|
|
|
display: block; }
|
|
|
|
|
#mainPanel.open.left {
|
|
|
|
|
width: 100%;
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
position: relative;
|
|
|
|
|
z-index: 10;
|
|
|
|
|
top: 0;
|
|
|
|
|
left: 300px; }
|
|
|
|
|
#mainPanel.open.left .mask {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
z-index: 10;
|
|
|
|
|
background-color: rgba(0, 0, 0, 0.5); }
|
|
|
|
|
#mainPanel.open.right .mask {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
z-index: 10;
|
|
|
|
|
background-color: rgba(0, 0, 0, 0.5); }
|
|
|
|
|
|
|
|
|
|
#extraFeaturesPanel {
|
|
|
|
|
position: fixed;
|
|
|
|
|
z-index: 20;
|
|
|
|
|
overflow: scroll;
|
2015-01-21 18:29:30 +01:00
|
|
|
-webkit-overflow-scrolling: touch;
|
2014-10-09 14:03:48 +02:00
|
|
|
width: 300px;
|
|
|
|
|
height: 100%;
|
|
|
|
|
top: 0;
|
|
|
|
|
right: -300px; }
|
|
|
|
|
#extraFeaturesPanel.open {
|
|
|
|
|
right: 0px; }
|
|
|
|
|
|
|
|
|
|
.container {
|
|
|
|
|
height: 100%;
|
|
|
|
|
width: 100%; }
|
|
|
|
|
|
|
|
|
|
.cardToolbarFrame {
|
|
|
|
|
height: 100%;
|
|
|
|
|
display: -webkit-box;
|
|
|
|
|
display: -webkit-flex;
|
|
|
|
|
display: -moz-flex;
|
|
|
|
|
display: -ms-flexbox;
|
|
|
|
|
display: flex;
|
|
|
|
|
-webkit-box-direction: normal;
|
|
|
|
|
-webkit-box-orient: vertical;
|
|
|
|
|
-webkit-flex-direction: column;
|
|
|
|
|
-moz-flex-direction: column;
|
|
|
|
|
-ms-flex-direction: column;
|
|
|
|
|
flex-direction: column; }
|
|
|
|
|
.cardToolbarFrame .cardToolbar {
|
|
|
|
|
-webkit-box-flex: none;
|
|
|
|
|
-webkit-flex: none;
|
|
|
|
|
-moz-box-flex: none;
|
|
|
|
|
-moz-flex: none;
|
|
|
|
|
-ms-flex: none;
|
|
|
|
|
flex: none; }
|
|
|
|
|
|
|
|
|
|
div.cardToolbar header {
|
|
|
|
|
display: -webkit-box;
|
|
|
|
|
display: -webkit-flex;
|
|
|
|
|
display: -moz-flex;
|
|
|
|
|
display: -ms-flexbox;
|
|
|
|
|
display: flex;
|
|
|
|
|
height: 48px;
|
|
|
|
|
line-height: 48px;
|
|
|
|
|
background-color: #ff9900;
|
|
|
|
|
color: white;
|
|
|
|
|
font-size: 24pt; }
|
|
|
|
|
div.cardToolbar header div.clipperz span.logo {
|
|
|
|
|
font-family: 'clipperz-icons';
|
|
|
|
|
-webkit-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-moz-font-feature-settings: "$foo=1, $bar=1";
|
|
|
|
|
-moz-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-ms-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-o-font-feature-settings: "$foo","$bar";
|
|
|
|
|
font-feature-settings: "$foo","$bar";
|
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
text-rendering: optimizeLegibility;
|
|
|
|
|
-webkit-align-self: center;
|
|
|
|
|
-moz-align-self: center;
|
|
|
|
|
-ms-flex-item-align: center;
|
|
|
|
|
align-self: center;
|
|
|
|
|
-webkit-box-flex: 4;
|
|
|
|
|
-webkit-flex: 4;
|
|
|
|
|
-moz-box-flex: 4;
|
|
|
|
|
-moz-flex: 4;
|
|
|
|
|
-ms-flex: 4;
|
|
|
|
|
flex: 4;
|
|
|
|
|
text-align: center; }
|
|
|
|
|
div.cardToolbar header div.clipperz span.logo.tag, div.cardToolbar header div.clipperz span.logo.search {
|
|
|
|
|
font-size: 14pt; }
|
|
|
|
|
div.cardToolbar header div.clipperz span.value {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
padding-left: 5px;
|
|
|
|
|
font-size: 18pt; }
|
|
|
|
|
div.cardToolbar header div.selectionToggle {
|
|
|
|
|
-webkit-box-flex: 1;
|
|
|
|
|
-webkit-flex: 1;
|
|
|
|
|
-moz-box-flex: 1;
|
|
|
|
|
-moz-flex: 1;
|
|
|
|
|
-ms-flex: 1;
|
|
|
|
|
flex: 1; }
|
|
|
|
|
div.cardToolbar header div.selectionToggle .button {
|
|
|
|
|
text-align: left; }
|
|
|
|
|
div.cardToolbar header div.selectionToggle .button .label {
|
|
|
|
|
padding-left: 8px; }
|
|
|
|
|
div.cardToolbar header div.settingsToggle {
|
|
|
|
|
-webkit-box-flex: 1;
|
|
|
|
|
-webkit-flex: 1;
|
|
|
|
|
-moz-box-flex: 1;
|
|
|
|
|
-moz-flex: 1;
|
|
|
|
|
-ms-flex: 1;
|
|
|
|
|
flex: 1; }
|
|
|
|
|
div.cardToolbar header div.settingsToggle .button {
|
|
|
|
|
text-align: right; }
|
|
|
|
|
div.cardToolbar header div.settingsToggle .button .label {
|
|
|
|
|
padding-right: 8px; }
|
|
|
|
|
div.cardToolbar header div .button {
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
font-size: 24pt;
|
|
|
|
|
font-family: 'clipperz-icons';
|
|
|
|
|
-webkit-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-moz-font-feature-settings: "$foo=1, $bar=1";
|
|
|
|
|
-moz-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-ms-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-o-font-feature-settings: "$foo","$bar";
|
|
|
|
|
font-feature-settings: "$foo","$bar";
|
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
text-rendering: optimizeLegibility;
|
|
|
|
|
vertical-align: center; }
|
|
|
|
|
|
|
|
|
|
div.cardContent {
|
|
|
|
|
display: -webkit-box;
|
|
|
|
|
display: -webkit-flex;
|
|
|
|
|
display: -moz-flex;
|
|
|
|
|
display: -ms-flexbox;
|
|
|
|
|
display: flex;
|
|
|
|
|
-webkit-box-direction: normal;
|
|
|
|
|
-webkit-box-orient: horizontal;
|
|
|
|
|
-webkit-flex-direction: row;
|
|
|
|
|
-moz-flex-direction: row;
|
|
|
|
|
-ms-flex-direction: row;
|
|
|
|
|
flex-direction: row; }
|
|
|
|
|
div.cardContent div.cardListColumn.column {
|
|
|
|
|
-webkit-box-flex: 1;
|
|
|
|
|
-webkit-flex: 1 0;
|
|
|
|
|
-moz-box-flex: 1;
|
|
|
|
|
-moz-flex: 1 0;
|
|
|
|
|
-ms-flex: 1 0;
|
|
|
|
|
flex: 1 0;
|
|
|
|
|
overflow-y: scroll; }
|
|
|
|
|
div.cardContent div.cardListColumn.column div.cardList {
|
|
|
|
|
overflow-y: scroll;
|
|
|
|
|
padding-bottom: 120px; }
|
|
|
|
|
div.cardContent div.cardListColumn.column div.addCardButton {
|
|
|
|
|
font-family: 'clipperz-icons';
|
|
|
|
|
-webkit-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-moz-font-feature-settings: "$foo=1, $bar=1";
|
|
|
|
|
-moz-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-ms-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-o-font-feature-settings: "$foo","$bar";
|
|
|
|
|
font-feature-settings: "$foo","$bar";
|
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
text-rendering: optimizeLegibility;
|
|
|
|
|
-webkit-border-radius: 50px;
|
|
|
|
|
-moz-border-radius: 50px;
|
|
|
|
|
border-radius: 50px;
|
|
|
|
|
background-image: -ms-radial-gradient(center, circle farthest-corner, white 0%, transparent 100%);
|
|
|
|
|
/* IE10 */
|
|
|
|
|
background-image: -moz-radial-gradient(center, circle farthest-corner, white 0%, transparent 100%);
|
|
|
|
|
/* Mozilla Firefox */
|
|
|
|
|
background-image: -o-radial-gradient(center, circle farthest-corner, white 0%, transparent 100%);
|
|
|
|
|
/* Opera */
|
|
|
|
|
background-image: -webkit-radial-gradient(center, circle farthest-corner, white 0%, transparent 100%);
|
|
|
|
|
/* Webkit (Chrome 11+) */
|
|
|
|
|
background-image: radial-gradient(center, circle farthest-corner, white 0%, transparent 100%);
|
|
|
|
|
/* Proposed W3C Markup */
|
|
|
|
|
background-image: -webkit-gradient(radial, center center, 0, center center, 495, color-stop(0, white), color-stop(1, transparent));
|
|
|
|
|
/* Webkit (Safari/Chrome 10) */
|
|
|
|
|
position: relative;
|
|
|
|
|
bottom: 0px;
|
|
|
|
|
font-size: 75pt;
|
|
|
|
|
color: blue;
|
|
|
|
|
width: 100px;
|
|
|
|
|
height: 100px;
|
|
|
|
|
float: right;
|
|
|
|
|
position: absolute;
|
|
|
|
|
margin-left: 100px;
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
cursor: pointer; }
|
|
|
|
|
div.cardContent div.cardDetail.column {
|
|
|
|
|
-webkit-box-flex: 2;
|
|
|
|
|
-webkit-flex: 2;
|
|
|
|
|
-moz-box-flex: 2;
|
|
|
|
|
-moz-flex: 2;
|
|
|
|
|
-ms-flex: 2;
|
|
|
|
|
flex: 2;
|
|
|
|
|
display: -webkit-box;
|
|
|
|
|
display: -webkit-flex;
|
|
|
|
|
display: -moz-flex;
|
|
|
|
|
display: -ms-flexbox;
|
|
|
|
|
display: flex; }
|
|
|
|
|
div.cardContent div.cardDetail.column div.editWrapper {
|
|
|
|
|
-webkit-box-flex: auto;
|
|
|
|
|
-webkit-flex: auto;
|
|
|
|
|
-moz-box-flex: auto;
|
|
|
|
|
-moz-flex: auto;
|
|
|
|
|
-ms-flex: auto;
|
|
|
|
|
flex: auto;
|
|
|
|
|
display: -webkit-box;
|
|
|
|
|
display: -webkit-flex;
|
|
|
|
|
display: -moz-flex;
|
|
|
|
|
display: -ms-flexbox;
|
|
|
|
|
display: flex; }
|
|
|
|
|
div.cardContent div.cardDetail.column div.editWrapper .mask {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
z-index: 10;
|
|
|
|
|
background-color: rgba(0, 0, 0, 0.5); }
|
|
|
|
|
div.cardContent div.cardDetail.column div.editWrapper > div.edit {
|
|
|
|
|
-webkit-box-flex: auto;
|
|
|
|
|
-webkit-flex: auto;
|
|
|
|
|
-moz-box-flex: auto;
|
|
|
|
|
-moz-flex: auto;
|
|
|
|
|
-ms-flex: auto;
|
|
|
|
|
flex: auto;
|
|
|
|
|
display: -webkit-box;
|
|
|
|
|
display: -webkit-flex;
|
|
|
|
|
display: -moz-flex;
|
|
|
|
|
display: -ms-flexbox;
|
|
|
|
|
display: flex;
|
|
|
|
|
-webkit-box-direction: normal;
|
|
|
|
|
-webkit-box-orient: vertical;
|
|
|
|
|
-webkit-flex-direction: column;
|
|
|
|
|
-moz-flex-direction: column;
|
|
|
|
|
-ms-flex-direction: column;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
position: relative;
|
|
|
|
|
z-index: 11; }
|
|
|
|
|
div.cardContent div.cardDetail.column div.editWrapper > div.edit .content {
|
2015-02-03 22:48:29 +01:00
|
|
|
background-color: white; }
|
2014-10-09 14:03:48 +02:00
|
|
|
div.cardContent div.cardDetail.column > div.view {
|
|
|
|
|
-webkit-box-flex: auto;
|
|
|
|
|
-webkit-flex: auto;
|
|
|
|
|
-moz-box-flex: auto;
|
|
|
|
|
-moz-flex: auto;
|
|
|
|
|
-ms-flex: auto;
|
|
|
|
|
flex: auto;
|
|
|
|
|
display: -webkit-box;
|
|
|
|
|
display: -webkit-flex;
|
|
|
|
|
display: -moz-flex;
|
|
|
|
|
display: -ms-flexbox;
|
|
|
|
|
display: flex;
|
|
|
|
|
-webkit-box-direction: normal;
|
|
|
|
|
-webkit-box-orient: vertical;
|
|
|
|
|
-webkit-flex-direction: column;
|
|
|
|
|
-moz-flex-direction: column;
|
|
|
|
|
-ms-flex-direction: column;
|
|
|
|
|
flex-direction: column; }
|
|
|
|
|
div.cardContent div.cardDetail.column .content {
|
|
|
|
|
-webkit-box-flex: auto;
|
|
|
|
|
-webkit-flex: auto;
|
|
|
|
|
-moz-box-flex: auto;
|
|
|
|
|
-moz-flex: auto;
|
|
|
|
|
-ms-flex: auto;
|
|
|
|
|
flex: auto;
|
|
|
|
|
overflow-y: scroll; }
|
|
|
|
|
|
|
|
|
|
#cardDetailPage > .view, #cardDetailPage > .editWrapper > .edit {
|
|
|
|
|
display: -webkit-box;
|
|
|
|
|
display: -webkit-flex;
|
|
|
|
|
display: -moz-flex;
|
|
|
|
|
display: -ms-flexbox;
|
|
|
|
|
display: flex;
|
|
|
|
|
-webkit-box-direction: normal;
|
|
|
|
|
-webkit-box-orient: vertical;
|
|
|
|
|
-webkit-flex-direction: column;
|
|
|
|
|
-moz-flex-direction: column;
|
|
|
|
|
-ms-flex-direction: column;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
height: 100%;
|
|
|
|
|
/*
|
|
|
|
|
.cardDetailToolbar {
|
|
|
|
|
@include flex(none);
|
|
|
|
|
height: $mainCardToolbarHeight;
|
|
|
|
|
line-height: $mainCardToolbarHeight;
|
|
|
|
|
|
|
|
|
|
&.commands > div {
|
|
|
|
|
@include flexbox();
|
|
|
|
|
@include flex-direction(row);
|
|
|
|
|
// font-size: 24pt;
|
|
|
|
|
|
|
|
|
|
.back {
|
|
|
|
|
@include flex(auto);
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.cardMenuOptions {
|
|
|
|
|
@include flex(auto);
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.edit {
|
|
|
|
|
ul {
|
|
|
|
|
@include flexbox();
|
|
|
|
|
@include flex-direction(row);
|
|
|
|
|
|
|
|
|
|
li {
|
|
|
|
|
@include flex(auto);
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
*/ }
|
|
|
|
|
#cardDetailPage > .view .content, #cardDetailPage > .editWrapper > .edit .content {
|
|
|
|
|
-webkit-box-flex: auto;
|
|
|
|
|
-webkit-flex: auto;
|
|
|
|
|
-moz-box-flex: auto;
|
|
|
|
|
-moz-flex: auto;
|
|
|
|
|
-ms-flex: auto;
|
|
|
|
|
flex: auto;
|
|
|
|
|
overflow-y: scroll; }
|
|
|
|
|
|
|
|
|
|
.cardDetailToolbar {
|
|
|
|
|
-webkit-box-flex: none;
|
|
|
|
|
-webkit-flex: none;
|
|
|
|
|
-moz-box-flex: none;
|
|
|
|
|
-moz-flex: none;
|
|
|
|
|
-ms-flex: none;
|
|
|
|
|
flex: none;
|
|
|
|
|
height: 48px;
|
|
|
|
|
line-height: 48px; }
|
|
|
|
|
.cardDetailToolbar.edit li.save {
|
|
|
|
|
cursor: default; }
|
|
|
|
|
.cardDetailToolbar.edit.hasPendingChanges li.save {
|
|
|
|
|
cursor: pointer; }
|
|
|
|
|
.cardDetailToolbar.commands > div {
|
|
|
|
|
display: -webkit-box;
|
|
|
|
|
display: -webkit-flex;
|
|
|
|
|
display: -moz-flex;
|
|
|
|
|
display: -ms-flexbox;
|
|
|
|
|
display: flex;
|
|
|
|
|
-webkit-box-direction: normal;
|
|
|
|
|
-webkit-box-orient: horizontal;
|
|
|
|
|
-webkit-flex-direction: row;
|
|
|
|
|
-moz-flex-direction: row;
|
|
|
|
|
-ms-flex-direction: row;
|
|
|
|
|
flex-direction: row; }
|
|
|
|
|
.cardDetailToolbar.commands > div .back {
|
|
|
|
|
-webkit-box-flex: auto;
|
|
|
|
|
-webkit-flex: auto;
|
|
|
|
|
-moz-box-flex: auto;
|
|
|
|
|
-moz-flex: auto;
|
|
|
|
|
-ms-flex: auto;
|
|
|
|
|
flex: auto;
|
|
|
|
|
cursor: pointer; }
|
|
|
|
|
.cardDetailToolbar.commands > div .cardMenuOptions {
|
|
|
|
|
-webkit-box-flex: auto;
|
|
|
|
|
-webkit-flex: auto;
|
|
|
|
|
-moz-box-flex: auto;
|
|
|
|
|
-moz-flex: auto;
|
|
|
|
|
-ms-flex: auto;
|
|
|
|
|
flex: auto;
|
|
|
|
|
cursor: pointer; }
|
|
|
|
|
.cardDetailToolbar ul {
|
|
|
|
|
display: -webkit-box;
|
|
|
|
|
display: -webkit-flex;
|
|
|
|
|
display: -moz-flex;
|
|
|
|
|
display: -ms-flexbox;
|
|
|
|
|
display: flex;
|
|
|
|
|
-webkit-box-direction: normal;
|
|
|
|
|
-webkit-box-orient: horizontal;
|
|
|
|
|
-webkit-flex-direction: row;
|
|
|
|
|
-moz-flex-direction: row;
|
|
|
|
|
-ms-flex-direction: row;
|
|
|
|
|
flex-direction: row; }
|
|
|
|
|
.cardDetailToolbar ul li {
|
|
|
|
|
-webkit-box-flex: auto;
|
|
|
|
|
-webkit-flex: auto;
|
|
|
|
|
-moz-box-flex: auto;
|
|
|
|
|
-moz-flex: auto;
|
|
|
|
|
-ms-flex: auto;
|
|
|
|
|
flex: auto;
|
|
|
|
|
cursor: pointer; }
|
|
|
|
|
|
|
|
|
|
.button {
|
|
|
|
|
cursor: pointer; }
|
|
|
|
|
|
|
|
|
|
div.dialogBox {
|
|
|
|
|
display: -webkit-box;
|
|
|
|
|
display: -webkit-flex;
|
|
|
|
|
display: -moz-flex;
|
|
|
|
|
display: -ms-flexbox;
|
|
|
|
|
display: flex;
|
|
|
|
|
-webkit-box-align: center;
|
|
|
|
|
-ms-flex-align: center;
|
|
|
|
|
-webkit-align-items: center;
|
|
|
|
|
-moz-align-items: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
-webkit-box-pack: center;
|
|
|
|
|
-ms-flex-pack: center;
|
|
|
|
|
-webkit-justify-content: center;
|
|
|
|
|
-moz-justify-content: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0px;
|
|
|
|
|
top: 0px;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%; }
|
|
|
|
|
div.dialogBox .mask {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
z-index: 10;
|
|
|
|
|
background-color: rgba(0, 0, 0, 0.5); }
|
|
|
|
|
div.dialogBox .mask {
|
|
|
|
|
z-index: 12; }
|
|
|
|
|
div.dialogBox div.dialog {
|
|
|
|
|
-webkit-box-flex: none;
|
|
|
|
|
-webkit-flex: none;
|
|
|
|
|
-moz-box-flex: none;
|
|
|
|
|
-moz-flex: none;
|
|
|
|
|
-ms-flex: none;
|
|
|
|
|
flex: none;
|
|
|
|
|
z-index: 99999; }
|
|
|
|
|
div.dialogBox div.dialog div.answers {
|
|
|
|
|
display: -webkit-box;
|
|
|
|
|
display: -webkit-flex;
|
|
|
|
|
display: -moz-flex;
|
|
|
|
|
display: -ms-flexbox;
|
|
|
|
|
display: flex;
|
|
|
|
|
-webkit-box-direction: normal;
|
|
|
|
|
-webkit-box-orient: horizontal;
|
|
|
|
|
-webkit-flex-direction: row;
|
|
|
|
|
-moz-flex-direction: row;
|
|
|
|
|
-ms-flex-direction: row;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
-webkit-box-pack: end;
|
|
|
|
|
-ms-flex-pack: end;
|
|
|
|
|
-webkit-justify-content: flex-end;
|
|
|
|
|
-moz-justify-content: flex-end;
|
|
|
|
|
justify-content: flex-end; }
|
|
|
|
|
div.dialogBox div.dialog div.answers div.button {
|
|
|
|
|
-webkit-box-flex: none;
|
|
|
|
|
-webkit-flex: none;
|
|
|
|
|
-moz-box-flex: none;
|
|
|
|
|
-moz-flex: none;
|
|
|
|
|
-ms-flex: none;
|
|
|
|
|
flex: none;
|
|
|
|
|
cursor: pointer; }
|
|
|
|
|
|
|
|
|
|
.tagEditor.readWrite {
|
|
|
|
|
border: 1px solid red; }
|
|
|
|
|
.tagEditor ul {
|
|
|
|
|
display: -webkit-box;
|
|
|
|
|
display: -webkit-flex;
|
|
|
|
|
display: -moz-flex;
|
|
|
|
|
display: -ms-flexbox;
|
|
|
|
|
display: flex;
|
|
|
|
|
-webkit-box-direction: normal;
|
|
|
|
|
-webkit-box-orient: horizontal;
|
|
|
|
|
-webkit-flex-direction: row;
|
|
|
|
|
-moz-flex-direction: row;
|
|
|
|
|
-ms-flex-direction: row;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
-webkit-box-align: start;
|
|
|
|
|
-ms-flex-align: start;
|
|
|
|
|
-webkit-align-items: flex-start;
|
|
|
|
|
-moz-align-items: flex-start;
|
|
|
|
|
align-items: flex-start; }
|
|
|
|
|
.tagEditor ul li.tag {
|
|
|
|
|
-webkit-box-flex: none;
|
|
|
|
|
-webkit-flex: none;
|
|
|
|
|
-moz-box-flex: none;
|
|
|
|
|
-moz-flex: none;
|
|
|
|
|
-ms-flex: none;
|
|
|
|
|
flex: none;
|
|
|
|
|
font-size: 14pt;
|
|
|
|
|
padding-right: 10px; }
|
|
|
|
|
.tagEditor ul li.tag:before {
|
|
|
|
|
content: 'tag';
|
|
|
|
|
font-family: 'clipperz-icons';
|
|
|
|
|
-webkit-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-moz-font-feature-settings: "$foo=1, $bar=1";
|
|
|
|
|
-moz-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-ms-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-o-font-feature-settings: "$foo","$bar";
|
|
|
|
|
font-feature-settings: "$foo","$bar";
|
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
text-rendering: optimizeLegibility;
|
|
|
|
|
font-size: 10pt;
|
|
|
|
|
padding-right: 4px; }
|
|
|
|
|
.tagEditor ul li.tag span.tagRemoveButton {
|
|
|
|
|
font-family: 'clipperz-icons';
|
|
|
|
|
-webkit-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-moz-font-feature-settings: "$foo=1, $bar=1";
|
|
|
|
|
-moz-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-ms-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-o-font-feature-settings: "$foo","$bar";
|
|
|
|
|
font-feature-settings: "$foo","$bar";
|
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
text-rendering: optimizeLegibility;
|
|
|
|
|
color: gray;
|
|
|
|
|
cursor: pointer; }
|
|
|
|
|
|
|
|
|
|
#loadingPage {
|
|
|
|
|
background-color: #ff9900; }
|
|
|
|
|
#loadingPage div {
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
width: 100%;
|
|
|
|
|
text-align: center; }
|
|
|
|
|
#loadingPage div h1 {
|
|
|
|
|
font-size: 40pt;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
color: white;
|
|
|
|
|
margin-top: 10%;
|
|
|
|
|
margin-bottom: 5px; }
|
|
|
|
|
#loadingPage div h3 {
|
|
|
|
|
font-size: 18pt;
|
|
|
|
|
color: black;
|
|
|
|
|
margin: 0px; }
|
|
|
|
|
|
|
|
|
|
#loginPage {
|
2015-01-21 18:29:30 +01:00
|
|
|
overflow: scroll;
|
|
|
|
|
-webkit-overflow-scrolling: touch; }
|
2014-10-09 14:03:48 +02:00
|
|
|
#loginPage div.loginForm {
|
|
|
|
|
display: -webkit-box;
|
|
|
|
|
display: -webkit-flex;
|
|
|
|
|
display: -moz-flex;
|
|
|
|
|
display: -ms-flexbox;
|
|
|
|
|
display: flex;
|
|
|
|
|
-webkit-box-direction: normal;
|
|
|
|
|
-webkit-box-orient: vertical;
|
|
|
|
|
-webkit-flex-direction: column;
|
|
|
|
|
-moz-flex-direction: column;
|
|
|
|
|
-ms-flex-direction: column;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
-webkit-box-align: stretch;
|
|
|
|
|
-ms-flex-align: stretch;
|
|
|
|
|
-webkit-align-items: stretch;
|
|
|
|
|
-moz-align-items: stretch;
|
|
|
|
|
align-items: stretch;
|
|
|
|
|
height: 100%;
|
|
|
|
|
text-align: center;
|
|
|
|
|
background-color: #ff9900; }
|
|
|
|
|
#loginPage div.loginForm header {
|
|
|
|
|
-webkit-box-flex: 1;
|
|
|
|
|
-webkit-flex: 1;
|
|
|
|
|
-moz-box-flex: 1;
|
|
|
|
|
-moz-flex: 1;
|
|
|
|
|
-ms-flex: 1;
|
|
|
|
|
flex: 1;
|
|
|
|
|
font-family: 'clipperz-icons';
|
|
|
|
|
-webkit-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-moz-font-feature-settings: "$foo=1, $bar=1";
|
|
|
|
|
-moz-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-ms-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-o-font-feature-settings: "$foo","$bar";
|
|
|
|
|
font-feature-settings: "$foo","$bar";
|
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
text-rendering: optimizeLegibility;
|
|
|
|
|
font-size: 48pt;
|
|
|
|
|
color: white; }
|
|
|
|
|
#loginPage div.loginForm div.form {
|
|
|
|
|
-webkit-box-flex: 4;
|
|
|
|
|
-webkit-flex: 4;
|
|
|
|
|
-moz-box-flex: 4;
|
|
|
|
|
-moz-flex: 4;
|
|
|
|
|
-ms-flex: 4;
|
|
|
|
|
flex: 4;
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
margin-right: auto; }
|
|
|
|
|
#loginPage div.loginForm div.form form {
|
|
|
|
|
position: relative;
|
|
|
|
|
background: white;
|
|
|
|
|
padding: 20px;
|
|
|
|
|
margin-bottom: 50px;
|
|
|
|
|
/*
|
|
|
|
|
&:after {
|
|
|
|
|
content: "";
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: -15px;
|
|
|
|
|
margin-left: 50%;
|
|
|
|
|
left: -15px;
|
|
|
|
|
border-style: solid;
|
|
|
|
|
border-width: 0 15px 15px;
|
|
|
|
|
border-color: $main-alternate-text-color transparent;
|
|
|
|
|
display: block;
|
|
|
|
|
width: 0;
|
|
|
|
|
z-index: 1;
|
|
|
|
|
}
|
|
|
|
|
*/ }
|
|
|
|
|
#loginPage div.loginForm div.form form label {
|
|
|
|
|
display: none; }
|
|
|
|
|
#loginPage div.loginForm div.form form input {
|
|
|
|
|
font-family: "clipperz-font";
|
|
|
|
|
display: block;
|
|
|
|
|
padding: 5px;
|
|
|
|
|
margin-top: 5px;
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
font-size: 100%;
|
|
|
|
|
font-size: 24pt;
|
|
|
|
|
width: 100%; }
|
|
|
|
|
#loginPage div.loginForm div.form form button {
|
|
|
|
|
font-family: "clipperz-font";
|
|
|
|
|
min-height: 48px;
|
|
|
|
|
min-width: 48px;
|
|
|
|
|
color: white;
|
|
|
|
|
font-size: 24pt;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
border: 0px;
|
|
|
|
|
padding: 10px 25px;
|
|
|
|
|
border: 1px solid white;
|
|
|
|
|
background-color: #ff9900;
|
|
|
|
|
-webkit-transition: background-color font-weight 0.2s linear;
|
|
|
|
|
-moz-transition: background-color font-weight 0.2s linear;
|
|
|
|
|
-o-transition: background-color font-weight 0.2s linear;
|
|
|
|
|
-ms-transition: background-color font-weight 0.2s linear;
|
|
|
|
|
transition: background-color font-weight 0.2s linear; }
|
|
|
|
|
#loginPage div.loginForm div.form form button:disabled {
|
|
|
|
|
font-weight: 100;
|
|
|
|
|
background-color: #c0c0c0;
|
|
|
|
|
cursor: default; }
|
|
|
|
|
#loginPage div.loginForm div.registrationLink {
|
|
|
|
|
-webkit-box-flex: 1;
|
|
|
|
|
-webkit-flex: 1;
|
|
|
|
|
-moz-box-flex: 1;
|
|
|
|
|
-moz-flex: 1;
|
|
|
|
|
-ms-flex: 1;
|
|
|
|
|
flex: 1;
|
|
|
|
|
color: white;
|
|
|
|
|
background-color: black;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
font-size: 24pt; }
|
|
|
|
|
#loginPage div.loginForm div.registrationLink:before {
|
|
|
|
|
content: "> "; }
|
|
|
|
|
#loginPage div.loginForm.extra-short header {
|
|
|
|
|
font-size: 18pt; }
|
|
|
|
|
#loginPage div.loginForm.extra-short div.form form {
|
|
|
|
|
padding: 10px;
|
|
|
|
|
margin-bottom: 20px; }
|
|
|
|
|
#loginPage div.loginForm.extra-short div.form form input {
|
|
|
|
|
padding: 3px;
|
|
|
|
|
margin-top: 3px;
|
|
|
|
|
margin-bottom: 5px;
|
|
|
|
|
font-size: 16pt; }
|
|
|
|
|
#loginPage div.loginForm.extra-short div.form form button {
|
|
|
|
|
min-height: 20px;
|
|
|
|
|
font-size: 12pt;
|
|
|
|
|
padding: 3px 10px;
|
|
|
|
|
border: 1px solid white; }
|
|
|
|
|
#loginPage div.loginForm.extra-short div.registrationLink {
|
|
|
|
|
font-size: 14pt; }
|
|
|
|
|
|
|
|
|
|
#registrationPage {
|
|
|
|
|
background-color: black;
|
|
|
|
|
color: white; }
|
|
|
|
|
#registrationPage label {
|
|
|
|
|
display: none; }
|
|
|
|
|
#registrationPage input {
|
|
|
|
|
display: block;
|
|
|
|
|
border: 1px solid #eee8d5;
|
|
|
|
|
-webkit-border-radius: 6px;
|
|
|
|
|
-moz-border-radius: 6px;
|
|
|
|
|
border-radius: 6px;
|
|
|
|
|
padding: 5px;
|
|
|
|
|
margin-top: 5px;
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
font-size: 100%;
|
|
|
|
|
box-shadow: inset 0 0 0; }
|
|
|
|
|
#registrationPage .steps .step {
|
|
|
|
|
display: none; }
|
|
|
|
|
#registrationPage .steps .step.center {
|
|
|
|
|
display: block; }
|
|
|
|
|
#registrationPage .steps .step h1 {
|
|
|
|
|
color: #268bd2;
|
|
|
|
|
font-size: 24pt;
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
margin: 0px; }
|
|
|
|
|
#registrationPage .steps .step p {
|
|
|
|
|
color: #657b83;
|
|
|
|
|
font-size: 14pt;
|
|
|
|
|
font-weight: 100;
|
|
|
|
|
margin: 0px; }
|
|
|
|
|
#registrationPage .steps .step.TERMS_OF_SERVICE .checkboxBlock {
|
|
|
|
|
margin-top: 10px;
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
clear: both; }
|
|
|
|
|
#registrationPage .steps .step.TERMS_OF_SERVICE .checkboxBlock input {
|
|
|
|
|
display: block;
|
|
|
|
|
float: left;
|
|
|
|
|
margin: 5px;
|
|
|
|
|
width: 30px; }
|
|
|
|
|
#registrationPage .steps .step.TERMS_OF_SERVICE .checkboxBlock p {
|
|
|
|
|
font-size: 12pt;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
display: block; }
|
|
|
|
|
#registrationPage .steps .step.TERMS_OF_SERVICE .checkboxBlock p a {
|
|
|
|
|
color: #dc322f; }
|
|
|
|
|
#registrationPage .steps .step .stepIndex {
|
|
|
|
|
text-align: center; }
|
|
|
|
|
#registrationPage .steps .step .stepIndex .stepIndexItem {
|
|
|
|
|
font-weight: 900;
|
|
|
|
|
font-size: 28pt;
|
|
|
|
|
display: inline;
|
|
|
|
|
color: lightgrey; }
|
|
|
|
|
#registrationPage .steps .step .stepIndex .stepIndexItem.center {
|
|
|
|
|
color: gray; }
|
|
|
|
|
#registrationPage .steps .step .buttons {
|
|
|
|
|
text-align: center;
|
|
|
|
|
margin-top: 10px; }
|
|
|
|
|
#registrationPage .steps .step .buttons .button {
|
|
|
|
|
margin: 10px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
width: 80px;
|
|
|
|
|
font-weight: 900;
|
|
|
|
|
line-height: 45px;
|
|
|
|
|
font-size: 24px; }
|
|
|
|
|
#registrationPage .steps .step .buttons .button.back {
|
|
|
|
|
background-color: lightgrey; }
|
|
|
|
|
#registrationPage .steps .step .buttons .button.disabled {
|
|
|
|
|
background-color: #c0c0c0;
|
|
|
|
|
cursor: default; }
|
|
|
|
|
|
|
|
|
|
#selections {
|
|
|
|
|
background-color: black;
|
|
|
|
|
color: white;
|
|
|
|
|
font-size: 18pt;
|
2015-01-21 18:29:30 +01:00
|
|
|
overflow: scroll;
|
|
|
|
|
-webkit-overflow-scrolling: touch; }
|
2014-10-09 14:03:48 +02:00
|
|
|
#selections ul.defaultSet {
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
padding-top: 10px;
|
|
|
|
|
padding-bottom: 10px; }
|
|
|
|
|
#selections ul.defaultSet li.allCards:before {
|
|
|
|
|
content: "clipperz"; }
|
|
|
|
|
#selections ul.defaultSet li.recentCards:before {
|
|
|
|
|
content: "recent"; }
|
2015-01-21 18:29:30 +01:00
|
|
|
#selections .search form input {
|
|
|
|
|
font-family: "clipperz-font";
|
|
|
|
|
color: #999;
|
|
|
|
|
font-size: 18pt;
|
|
|
|
|
padding: 0px 30px;
|
|
|
|
|
margin: 0px 5px;
|
|
|
|
|
width: 290px; }
|
|
|
|
|
#selections .search form label {
|
2014-10-09 14:03:48 +02:00
|
|
|
font-family: 'clipperz-icons';
|
|
|
|
|
-webkit-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-moz-font-feature-settings: "$foo=1, $bar=1";
|
|
|
|
|
-moz-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-ms-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-o-font-feature-settings: "$foo","$bar";
|
|
|
|
|
font-feature-settings: "$foo","$bar";
|
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
text-rendering: optimizeLegibility;
|
|
|
|
|
font-size: 18pt;
|
|
|
|
|
padding-left: 5px;
|
2015-01-21 18:29:30 +01:00
|
|
|
margin-left: -295px;
|
|
|
|
|
color: #666; }
|
|
|
|
|
#selections .search form .searchClear {
|
|
|
|
|
font-family: 'clipperz-icons';
|
|
|
|
|
-webkit-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-moz-font-feature-settings: "$foo=1, $bar=1";
|
|
|
|
|
-moz-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-ms-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-o-font-feature-settings: "$foo","$bar";
|
|
|
|
|
font-feature-settings: "$foo","$bar";
|
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
text-rendering: optimizeLegibility;
|
|
|
|
|
-webkit-border-radius: 4px;
|
|
|
|
|
-moz-border-radius: 4px;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
background-color: #aaa;
|
|
|
|
|
color: white;
|
|
|
|
|
margin-left: 230px;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
padding: 5px;
|
|
|
|
|
font-size: 10pt; }
|
|
|
|
|
#selections .search form .searchClear:hover {
|
|
|
|
|
background-color: #666; }
|
|
|
|
|
#selections .search .searchResultInfo {
|
|
|
|
|
font-size: 10pt;
|
|
|
|
|
padding: 2px 6px;
|
|
|
|
|
display: none; }
|
|
|
|
|
#selections .search .searchResultInfo label {
|
|
|
|
|
padding-right: 3px; }
|
2014-10-09 14:03:48 +02:00
|
|
|
#selections ul.tagList {
|
|
|
|
|
padding-top: 10px; }
|
|
|
|
|
#selections ul.tagList li:before {
|
|
|
|
|
content: "tag"; }
|
|
|
|
|
#selections ul.tagList li span.tagCount {
|
|
|
|
|
background-color: gray;
|
|
|
|
|
font-size: 10pt;
|
|
|
|
|
margin-left: 10px;
|
|
|
|
|
padding: 0px 4px;
|
|
|
|
|
-webkit-border-radius: 4px;
|
|
|
|
|
-moz-border-radius: 4px;
|
|
|
|
|
border-radius: 4px; }
|
|
|
|
|
#selections li {
|
|
|
|
|
padding-left: 35px;
|
|
|
|
|
text-indent: -35px;
|
|
|
|
|
padding-top: 7px;
|
|
|
|
|
padding-bottom: 7px;
|
|
|
|
|
cursor: pointer; }
|
|
|
|
|
#selections li:before {
|
|
|
|
|
font-family: 'clipperz-icons';
|
|
|
|
|
-webkit-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-moz-font-feature-settings: "$foo=1, $bar=1";
|
|
|
|
|
-moz-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-ms-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-o-font-feature-settings: "$foo","$bar";
|
|
|
|
|
font-feature-settings: "$foo","$bar";
|
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
text-rendering: optimizeLegibility;
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
padding-left: 8px;
|
|
|
|
|
padding-right: 8px;
|
|
|
|
|
font-size: 14pt; }
|
|
|
|
|
#selections .showArchivedCards {
|
|
|
|
|
font-size: 12pt; }
|
|
|
|
|
#selections .showArchivedCards span.count {
|
|
|
|
|
background-color: gray;
|
|
|
|
|
font-size: 10pt;
|
|
|
|
|
margin-left: 10px;
|
|
|
|
|
padding: 0px 4px;
|
|
|
|
|
-webkit-border-radius: 4px;
|
|
|
|
|
-moz-border-radius: 4px;
|
|
|
|
|
border-radius: 4px; }
|
|
|
|
|
|
2015-01-21 18:29:30 +01:00
|
|
|
#selections.ALL li.allCards {
|
|
|
|
|
color: yellow; }
|
|
|
|
|
|
|
|
|
|
#selections.RECENT li.recentCards {
|
|
|
|
|
color: yellow; }
|
|
|
|
|
|
|
|
|
|
#selections.UNTAGGED li.untaggedCards {
|
|
|
|
|
color: yellow; }
|
|
|
|
|
|
|
|
|
|
#selections.SEARCH div.search .searchResultInfo {
|
|
|
|
|
color: yellow;
|
|
|
|
|
display: block; }
|
|
|
|
|
|
|
|
|
|
#selections.TAG ul.tagList li.selected {
|
|
|
|
|
color: yellow; }
|
|
|
|
|
|
2014-10-09 14:03:48 +02:00
|
|
|
#extraFeaturesPanel {
|
|
|
|
|
background-color: black;
|
|
|
|
|
color: white; }
|
|
|
|
|
#extraFeaturesPanel header {
|
|
|
|
|
text-align: right;
|
|
|
|
|
height: 48px;
|
|
|
|
|
font-size: 24pt; }
|
|
|
|
|
#extraFeaturesPanel header .button {
|
|
|
|
|
font-family: 'clipperz-icons';
|
|
|
|
|
-webkit-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-moz-font-feature-settings: "$foo=1, $bar=1";
|
|
|
|
|
-moz-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-ms-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-o-font-feature-settings: "$foo","$bar";
|
|
|
|
|
font-feature-settings: "$foo","$bar";
|
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
text-rendering: optimizeLegibility; }
|
|
|
|
|
#extraFeaturesPanel header .button .label {
|
|
|
|
|
padding-top: 8px;
|
|
|
|
|
padding-right: 8px; }
|
2015-01-21 18:29:30 +01:00
|
|
|
#extraFeaturesPanel div > ul > li {
|
|
|
|
|
border-top: 1px solid white; }
|
|
|
|
|
#extraFeaturesPanel div > ul > li > ul {
|
|
|
|
|
padding-left: 10px; }
|
|
|
|
|
#extraFeaturesPanel div > ul > li:last-child {
|
|
|
|
|
border-bottom: 1px solid white; }
|
|
|
|
|
#extraFeaturesPanel div > ul > li.closed > ul {
|
|
|
|
|
display: none;
|
|
|
|
|
visibility: hidden; }
|
|
|
|
|
#extraFeaturesPanel div ul li > ul > li {
|
|
|
|
|
padding: 10px;
|
|
|
|
|
padding-right: 0px; }
|
|
|
|
|
#extraFeaturesPanel div ul li > ul > li > div {
|
|
|
|
|
padding: 4px; }
|
|
|
|
|
#extraFeaturesPanel div ul li h1 {
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
font-size: 16pt;
|
|
|
|
|
padding: 10px; }
|
|
|
|
|
#extraFeaturesPanel div ul li h2 {
|
|
|
|
|
font-weight: 300;
|
|
|
|
|
font-size: 14pt; }
|
|
|
|
|
#extraFeaturesPanel div ul li h3 {
|
|
|
|
|
font-size: 12pt; }
|
|
|
|
|
#extraFeaturesPanel div ul li p {
|
|
|
|
|
font-size: 10pt;
|
|
|
|
|
font-weight: 100;
|
|
|
|
|
padding-bottom: 5px; }
|
|
|
|
|
#extraFeaturesPanel div ul li a.button {
|
|
|
|
|
-webkit-border-radius: 2;
|
|
|
|
|
-moz-border-radius: 2;
|
|
|
|
|
border-radius: 2;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
padding: 4px 8px;
|
|
|
|
|
background-color: green;
|
|
|
|
|
color: white; }
|
|
|
|
|
#extraFeaturesPanel div ul li a.button:hover {
|
|
|
|
|
color: lightgrey; }
|
2014-10-09 14:03:48 +02:00
|
|
|
|
|
|
|
|
.accountStatus {
|
|
|
|
|
background-color: green; }
|
|
|
|
|
.accountStatus.FULL {
|
|
|
|
|
display: none;
|
|
|
|
|
visibility: hidden; }
|
|
|
|
|
.accountStatus.FULL.isExpiring {
|
|
|
|
|
display: block;
|
|
|
|
|
visibility: visible;
|
|
|
|
|
background-color: yellow; }
|
|
|
|
|
.accountStatus.TRIAL {
|
|
|
|
|
background-color: orange; }
|
|
|
|
|
.accountStatus.TRIAL.isExpiring {
|
|
|
|
|
background-color: red; }
|
|
|
|
|
.accountStatus.EXPIRED {
|
|
|
|
|
background-color: red; }
|
|
|
|
|
|
|
|
|
|
div.cardList.loadingCard li.selected {
|
|
|
|
|
background-color: gray; }
|
|
|
|
|
div.cardList ul li {
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
border-bottom: 1px solid #eee;
|
|
|
|
|
display: -webkit-box;
|
|
|
|
|
display: -webkit-flex;
|
|
|
|
|
display: -moz-flex;
|
|
|
|
|
display: -ms-flexbox;
|
|
|
|
|
display: flex;
|
|
|
|
|
-webkit-box-direction: normal;
|
|
|
|
|
-webkit-box-orient: horizontal;
|
|
|
|
|
-webkit-flex-direction: row;
|
|
|
|
|
-moz-flex-direction: row;
|
|
|
|
|
-ms-flex-direction: row;
|
|
|
|
|
flex-direction: row; }
|
|
|
|
|
div.cardList ul li.selected {
|
|
|
|
|
background-color: yellow; }
|
|
|
|
|
div.cardList ul li.archived {
|
2015-02-03 22:48:29 +01:00
|
|
|
background-color: #cccccc; }
|
2014-10-09 14:03:48 +02:00
|
|
|
div.cardList ul li .favicon {
|
|
|
|
|
width: 48px;
|
|
|
|
|
-webkit-box-flex: none;
|
|
|
|
|
-webkit-flex: none;
|
|
|
|
|
-moz-box-flex: none;
|
|
|
|
|
-moz-flex: none;
|
|
|
|
|
-ms-flex: none;
|
|
|
|
|
flex: none; }
|
|
|
|
|
div.cardList ul li .favicon img {
|
|
|
|
|
width: 32px;
|
|
|
|
|
height: 32px;
|
|
|
|
|
padding: 8px; }
|
|
|
|
|
div.cardList ul li .label {
|
|
|
|
|
-webkit-box-flex: auto;
|
|
|
|
|
-webkit-flex: auto;
|
|
|
|
|
-moz-box-flex: auto;
|
|
|
|
|
-moz-flex: auto;
|
|
|
|
|
-ms-flex: auto;
|
|
|
|
|
flex: auto;
|
|
|
|
|
font-size: 18pt;
|
|
|
|
|
padding-top: 0.5em;
|
|
|
|
|
padding-bottom: 0.5em;
|
|
|
|
|
padding-left: 8px;
|
|
|
|
|
padding-right: 8px; }
|
|
|
|
|
|
|
|
|
|
div.cardList.narrow.loadingCard li.selected:after {
|
|
|
|
|
color: white;
|
|
|
|
|
margin-right: 10px;
|
|
|
|
|
content: "loading";
|
|
|
|
|
-webkit-animation-name: spin;
|
|
|
|
|
-webkit-animation-duration: 1s;
|
|
|
|
|
-webkit-animation-timing-function: linear;
|
|
|
|
|
-webkit-animation-iteration-count: infinite;
|
|
|
|
|
-webkit-animation-fill-mode: none;
|
|
|
|
|
-moz-animation-name: spin;
|
|
|
|
|
-moz-animation-duration: 1s;
|
|
|
|
|
-moz-animation-timing-function: linear;
|
|
|
|
|
-moz-animation-iteration-count: infinite;
|
|
|
|
|
-moz-animation-fill-mode: none;
|
|
|
|
|
-ms-animation-name: spin;
|
|
|
|
|
-ms-animation-duration: 1s;
|
|
|
|
|
-ms-animation-timing-function: linear;
|
|
|
|
|
-ms-animation-iteration-count: infinite;
|
|
|
|
|
-ms-animation-fill-mode: none;
|
|
|
|
|
-o-animation-name: spin;
|
|
|
|
|
-o-animation-duration: 1s;
|
|
|
|
|
-o-animation-timing-function: linear;
|
|
|
|
|
-o-animation-iteration-count: infinite;
|
|
|
|
|
-o-animation-fill-mode: none;
|
|
|
|
|
animation-name: spin;
|
|
|
|
|
animation-duration: 1s;
|
|
|
|
|
animation-timing-function: linear;
|
|
|
|
|
animation-iteration-count: infinite;
|
|
|
|
|
animation-fill-mode: none; }
|
|
|
|
|
div.cardList.narrow ul li:after {
|
|
|
|
|
content: "show detail";
|
|
|
|
|
-webkit-box-flex: none;
|
|
|
|
|
-webkit-flex: none;
|
|
|
|
|
-moz-box-flex: none;
|
|
|
|
|
-moz-flex: none;
|
|
|
|
|
-ms-flex: none;
|
|
|
|
|
flex: none;
|
|
|
|
|
font-family: 'clipperz-icons';
|
|
|
|
|
-webkit-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-moz-font-feature-settings: "$foo=1, $bar=1";
|
|
|
|
|
-moz-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-ms-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-o-font-feature-settings: "$foo","$bar";
|
|
|
|
|
font-feature-settings: "$foo","$bar";
|
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
text-rendering: optimizeLegibility;
|
|
|
|
|
height: 48px;
|
|
|
|
|
font-size: 24pt;
|
|
|
|
|
line-height: 48px;
|
|
|
|
|
margin-right: 25px; }
|
2015-01-21 18:29:30 +01:00
|
|
|
div.cardList.narrow.EXPIRED ul li:after {
|
|
|
|
|
content: ""; }
|
2014-10-09 14:03:48 +02:00
|
|
|
|
|
|
|
|
#cardDetailPage .view.archived, .cardDetail .view.archived {
|
2015-02-03 22:48:29 +01:00
|
|
|
background-color: #cccccc; }
|
2014-10-09 14:03:48 +02:00
|
|
|
#cardDetailPage .view .cardDetailToolbar, .cardDetail .view .cardDetailToolbar {
|
|
|
|
|
background-color: brown;
|
|
|
|
|
color: white; }
|
|
|
|
|
#cardDetailPage .view .cardDetailToolbar.narrow, .cardDetail .view .cardDetailToolbar.narrow {
|
|
|
|
|
font-size: 24pt; }
|
|
|
|
|
#cardDetailPage .view .cardDetailToolbar.narrow .back, .cardDetail .view .cardDetailToolbar.narrow .back {
|
|
|
|
|
font-family: 'clipperz-icons';
|
|
|
|
|
-webkit-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-moz-font-feature-settings: "$foo=1, $bar=1";
|
|
|
|
|
-moz-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-ms-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-o-font-feature-settings: "$foo","$bar";
|
|
|
|
|
font-feature-settings: "$foo","$bar";
|
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
text-rendering: optimizeLegibility; }
|
|
|
|
|
#cardDetailPage .view .cardDetailToolbar.narrow .cardMenuOptions, .cardDetail .view .cardDetailToolbar.narrow .cardMenuOptions {
|
|
|
|
|
font-family: 'clipperz-icons';
|
|
|
|
|
-webkit-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-moz-font-feature-settings: "$foo=1, $bar=1";
|
|
|
|
|
-moz-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-ms-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-o-font-feature-settings: "$foo","$bar";
|
|
|
|
|
font-feature-settings: "$foo","$bar";
|
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
text-rendering: optimizeLegibility;
|
|
|
|
|
text-align: right;
|
|
|
|
|
font-size: 18pt;
|
|
|
|
|
padding-right: 10px; }
|
|
|
|
|
#cardDetailPage .view .cardDetailToolbar.narrow .commandMenu .commandMenuMask, .cardDetail .view .cardDetailToolbar.narrow .commandMenu .commandMenuMask {
|
|
|
|
|
display: none; }
|
|
|
|
|
#cardDetailPage .view .cardDetailToolbar.narrow .commandMenu .commandMenu, .cardDetail .view .cardDetailToolbar.narrow .commandMenu .commandMenu {
|
|
|
|
|
display: none; }
|
|
|
|
|
#cardDetailPage .view .cardDetailToolbar.narrow .commandMenu.show .commandMenuMask, .cardDetail .view .cardDetailToolbar.narrow .commandMenu.show .commandMenuMask {
|
|
|
|
|
display: block;
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
background-color: transparent; }
|
|
|
|
|
#cardDetailPage .view .cardDetailToolbar.narrow .commandMenu.show .commandMenu, .cardDetail .view .cardDetailToolbar.narrow .commandMenu.show .commandMenu {
|
|
|
|
|
display: block;
|
|
|
|
|
float: right;
|
|
|
|
|
position: absolute;
|
|
|
|
|
min-width: 200px;
|
|
|
|
|
top: 48px;
|
|
|
|
|
right: 5px;
|
|
|
|
|
color: black;
|
|
|
|
|
background-color: white;
|
|
|
|
|
-webkit-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.75);
|
|
|
|
|
-moz-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.75);
|
|
|
|
|
-ms-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.75);
|
|
|
|
|
-o-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.75);
|
|
|
|
|
box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.75); }
|
|
|
|
|
#cardDetailPage .view .cardDetailToolbar.narrow .commandMenu.show .commandMenu ul, .cardDetail .view .cardDetailToolbar.narrow .commandMenu.show .commandMenu ul {
|
|
|
|
|
-webkit-box-direction: normal;
|
|
|
|
|
-webkit-box-orient: vertical;
|
|
|
|
|
-webkit-flex-direction: column;
|
|
|
|
|
-moz-flex-direction: column;
|
|
|
|
|
-ms-flex-direction: column;
|
|
|
|
|
flex-direction: column; }
|
|
|
|
|
#cardDetailPage .view .cardDetailToolbar.narrow .commandMenu.show .commandMenu ul li, .cardDetail .view .cardDetailToolbar.narrow .commandMenu.show .commandMenu ul li {
|
|
|
|
|
text-align: left;
|
|
|
|
|
font-size: 18pt;
|
|
|
|
|
padding: 5px 10px;
|
|
|
|
|
border-bottom: 1px solid black; }
|
|
|
|
|
#cardDetailPage .edit .cardDetailToolbar, .cardDetail .edit .cardDetailToolbar {
|
2015-02-03 22:48:29 +01:00
|
|
|
background-color: brown;
|
2014-10-09 14:03:48 +02:00
|
|
|
color: white; }
|
|
|
|
|
|
|
|
|
|
.cardDetailToolbar.edit li {
|
|
|
|
|
font-weight: 100; }
|
2015-02-03 22:48:29 +01:00
|
|
|
.cardDetailToolbar.edit li:hover {
|
|
|
|
|
color: white; }
|
2014-10-09 14:03:48 +02:00
|
|
|
.cardDetailToolbar.edit.hasPendingChanges li {
|
|
|
|
|
font-weight: 500; }
|
|
|
|
|
.cardDetailToolbar ul li {
|
|
|
|
|
text-align: center; }
|
|
|
|
|
.cardDetailToolbar.narrow .cardMenuOptions {
|
|
|
|
|
margin-right: 5px; }
|
|
|
|
|
|
|
|
|
|
.content .cardLabel {
|
2015-01-21 18:29:30 +01:00
|
|
|
-webkit-user-select: text;
|
|
|
|
|
/* Chrome all / Safari all */
|
|
|
|
|
-moz-user-select: text;
|
|
|
|
|
/* Firefox all */
|
|
|
|
|
-ms-user-select: text;
|
|
|
|
|
/* IE 10+ */
|
|
|
|
|
/* No support for these yet, use at own risk */
|
|
|
|
|
-o-user-select: text;
|
|
|
|
|
user-select: text;
|
2014-10-09 14:03:48 +02:00
|
|
|
font-size: 24pt;
|
2015-02-03 22:48:29 +01:00
|
|
|
width: 100%;
|
|
|
|
|
padding: 10px;
|
|
|
|
|
border: 0px; }
|
|
|
|
|
.content input.cardLabel {
|
|
|
|
|
height: 52px; }
|
2014-10-09 14:03:48 +02:00
|
|
|
.content .tagEditor {
|
|
|
|
|
padding: 10px; }
|
|
|
|
|
.content .cardNotes {
|
2015-02-03 22:48:29 +01:00
|
|
|
padding: 10px;
|
|
|
|
|
width: 100%; }
|
2014-10-09 14:03:48 +02:00
|
|
|
.content .dropArea {
|
|
|
|
|
border: 3px dashed red;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 40px; }
|
|
|
|
|
.content .cardField {
|
|
|
|
|
display: -webkit-box;
|
|
|
|
|
display: -webkit-flex;
|
|
|
|
|
display: -moz-flex;
|
|
|
|
|
display: -ms-flexbox;
|
|
|
|
|
display: flex;
|
|
|
|
|
-webkit-box-direction: normal;
|
|
|
|
|
-webkit-box-orient: horizontal;
|
|
|
|
|
-webkit-flex-direction: row;
|
|
|
|
|
-moz-flex-direction: row;
|
|
|
|
|
-ms-flex-direction: row;
|
2015-02-03 22:48:29 +01:00
|
|
|
flex-direction: row; }
|
2014-10-09 14:03:48 +02:00
|
|
|
.content .cardField.dragged {
|
|
|
|
|
display: none; }
|
|
|
|
|
.content .cardField .fieldValues {
|
|
|
|
|
-webkit-box-flex: 1;
|
|
|
|
|
-webkit-flex: 1;
|
|
|
|
|
-moz-box-flex: 1;
|
|
|
|
|
-moz-flex: 1;
|
|
|
|
|
-ms-flex: 1;
|
|
|
|
|
flex: 1;
|
|
|
|
|
padding: 10px; }
|
|
|
|
|
.content .cardField .fieldValues .fieldLabel {
|
|
|
|
|
color: gray; }
|
|
|
|
|
.content .cardField .fieldValues .fieldValue {
|
2015-01-21 18:29:30 +01:00
|
|
|
font-size: 18pt;
|
|
|
|
|
-webkit-user-select: text;
|
|
|
|
|
/* Chrome all / Safari all */
|
|
|
|
|
-moz-user-select: text;
|
|
|
|
|
/* Firefox all */
|
|
|
|
|
-ms-user-select: text;
|
|
|
|
|
/* IE 10+ */
|
|
|
|
|
/* No support for these yet, use at own risk */
|
|
|
|
|
-o-user-select: text;
|
|
|
|
|
user-select: text; }
|
2014-10-09 14:03:48 +02:00
|
|
|
.content .cardField .fieldValues .fieldValue.hidden {
|
|
|
|
|
font-family: clipperz-password; }
|
|
|
|
|
.content .cardField .fieldValues .removeField {
|
2015-02-03 22:48:29 +01:00
|
|
|
font-family: 'clipperz-icons';
|
|
|
|
|
-webkit-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-moz-font-feature-settings: "$foo=1, $bar=1";
|
|
|
|
|
-moz-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-ms-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-o-font-feature-settings: "$foo","$bar";
|
|
|
|
|
font-feature-settings: "$foo","$bar";
|
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
text-rendering: optimizeLegibility;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
color: gray;
|
|
|
|
|
font-size: 20pt; }
|
|
|
|
|
.content .cardField .fieldValues .removeField:hover {
|
|
|
|
|
color: red; }
|
2014-10-09 14:03:48 +02:00
|
|
|
.content .cardField .fieldAction {
|
|
|
|
|
-webkit-box-flex: none;
|
|
|
|
|
-webkit-flex: none;
|
|
|
|
|
-moz-box-flex: none;
|
|
|
|
|
-moz-flex: none;
|
|
|
|
|
-ms-flex: none;
|
|
|
|
|
flex: none;
|
|
|
|
|
-webkit-align-self: center;
|
|
|
|
|
-moz-align-self: center;
|
|
|
|
|
-ms-flex-item-align: center;
|
|
|
|
|
align-self: center; }
|
|
|
|
|
.content .cardField .action {
|
|
|
|
|
width: 32px;
|
|
|
|
|
height: 32px;
|
|
|
|
|
font-family: 'clipperz-icons';
|
|
|
|
|
-webkit-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-moz-font-feature-settings: "$foo=1, $bar=1";
|
|
|
|
|
-moz-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-ms-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-o-font-feature-settings: "$foo","$bar";
|
|
|
|
|
font-feature-settings: "$foo","$bar";
|
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
text-rendering: optimizeLegibility;
|
|
|
|
|
font-size: 20pt; }
|
|
|
|
|
.content .newCardField {
|
2015-02-03 22:48:29 +01:00
|
|
|
font-family: 'clipperz-icons';
|
|
|
|
|
-webkit-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-moz-font-feature-settings: "$foo=1, $bar=1";
|
|
|
|
|
-moz-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-ms-font-feature-settings: "$foo","$bar";
|
|
|
|
|
-o-font-feature-settings: "$foo","$bar";
|
|
|
|
|
font-feature-settings: "$foo","$bar";
|
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
text-rendering: optimizeLegibility;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
color: gray;
|
|
|
|
|
font-size: 20pt; }
|
|
|
|
|
.content .newCardField:hover {
|
|
|
|
|
color: green; }
|
2014-10-09 14:03:48 +02:00
|
|
|
.content .cardDirectLogin {
|
|
|
|
|
font-size: 18pt;
|
|
|
|
|
padding: 10px;
|
2015-02-03 22:48:29 +01:00
|
|
|
background-color: #ff9900;
|
|
|
|
|
color: white;
|
2014-10-09 14:03:48 +02:00
|
|
|
cursor: pointer; }
|
|
|
|
|
|
|
|
|
|
div.dialog {
|
|
|
|
|
-webkit-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.75);
|
|
|
|
|
-moz-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.75);
|
|
|
|
|
-ms-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.75);
|
|
|
|
|
-o-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.75);
|
|
|
|
|
box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.75);
|
|
|
|
|
-webkit-border-radius: 8px;
|
|
|
|
|
-moz-border-radius: 8px;
|
|
|
|
|
border-radius: 8px;
|
|
|
|
|
background-color: white;
|
|
|
|
|
padding: 30px; }
|
|
|
|
|
div.dialog h3.message {
|
|
|
|
|
font-size: 18pt;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
padding-bottom: 20px; }
|
|
|
|
|
div.dialog div.answers div.button {
|
|
|
|
|
border: 1px solid black;
|
|
|
|
|
margin-left: 10px;
|
|
|
|
|
padding: 5px 10px; }
|
|
|
|
|
div.dialog div.answers div.button.isDefault {
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
color: white;
|
|
|
|
|
background-color: blue; }
|
|
|
|
|
|
|
|
|
|
body {
|
|
|
|
|
font-family: "clipperz-font";
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0; }
|
|
|
|
|
|
|
|
|
|
body:after {
|
|
|
|
|
display: none; }
|
|
|
|
|
|
2015-02-03 22:48:29 +01:00
|
|
|
input {
|
|
|
|
|
font-family: "clipperz-font"; }
|
|
|
|
|
|
2014-10-09 14:03:48 +02:00
|
|
|
/*
|
|
|
|
|
|
|
|
|
|
Bootstrap CSS suggests these size breakpoints:
|
|
|
|
|
|
|
|
|
|
- Extra small devices Phones (<768px)
|
|
|
|
|
- Small devices Tablets (≥768px)
|
|
|
|
|
- Medium devices Desktops (≥992px)
|
|
|
|
|
- Large devices Desktops (≥1200px)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
# ATTENTION
|
|
|
|
|
When adding a new 'size', remember to update also MQ.init invocation in main.js.
|
|
|
|
|
This configuration is now located in the first script included in the index_template.html file.
|
|
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
@media only screen and (min-width: 100px) {
|
|
|
|
|
html {
|
|
|
|
|
font-family: "narrow"; }
|
|
|
|
|
|
|
|
|
|
body:after {
|
|
|
|
|
content: "narrow"; } }
|
|
|
|
|
@media only screen and (min-width: 700px) {
|
|
|
|
|
html {
|
|
|
|
|
font-family: "wide"; }
|
|
|
|
|
|
|
|
|
|
body:after {
|
|
|
|
|
content: "wide"; } }
|
|
|
|
|
@media only screen and (min-width: 1100px) {
|
|
|
|
|
html {
|
|
|
|
|
font-family: "extra-wide"; }
|
|
|
|
|
|
|
|
|
|
body:after {
|
|
|
|
|
content: "extra-wide"; } }
|
|
|
|
|
/*
|
|
|
|
|
@media only screen and (min-width: 100px) and (max-height: 450px) {
|
|
|
|
|
html {
|
|
|
|
|
font-family: "extra-short";
|
|
|
|
|
}
|
|
|
|
|
body:after {
|
|
|
|
|
content: "extra-short";
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
/*# sourceMappingURL=clipperz.css.map */
|
