password-manager/frontend/delta/css/clipperz.css

2243 lines
1.0 MiB
CSS
Raw Normal View History

2015-02-13 08:57:00 +01: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/.
*/
2014-10-09 14:03:48 +02:00
@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;
src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAMAIAAAwBAR1NVQuub7KMAAADMAAACik9TLzIIYvzKAAADWAAAAGBjbWFwG4jNiAAAA7gAAABsZ2FzcAAAABAAAAQkAAAACGdseWZsgnaIAAAELAAAC2xoZWFkAz3PzQAAD5gAAAA2aGhlYQP5AjAAAA/QAAAAJGhtdHgnygLpAAAP9AAAALxsb2NhKe4s8AAAELAAAABgbWF4cAA4AHwAABEQAAAAIG5hbWWH7XEQAAARMAAAAYRwb3N0AAMAAAAAErQAAAAgAAEAAAAKAB4ALAABbGF0bgAIAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAoAAAABACQADwBGAHoAiADQAQoBGgE+AWIBcAF6AZAB1gIOAiYCRgABAA8ABAAFAAYABwAIAAkADgAPABEAEgATABQAFQAWAC4AAgAGACIAKQANAAcABwADABAACAAYAAMACQAMAAgADgAHACIACAAHAAcAAwAGAAQAEwAHAAEABAAmAAQABAAGAA0ABAAKABwALgA6AC0ACAARAA8ADwAEABAABwAUAB4ACAAOAAwAEgASAAgAEwAZABwABQAOAAgABAATABwABgAEABAABgAIAA4AAwAIABIALAAdAAQAEQAQAAgAJAAMAAwAEwAIAAYAFQADAA4AEQAKAAwAEAAcAAYACAAOAAgAFQAIAAEABAAoAAUADwAEAAwADgACAAYAFgAcAAcABAAMAA4AFgATAAgAHAAGAAQADAAOAAgABwACAAYAFAAqAAYAEQAGAA0ACAAHACUABwARAAQABwAMABAACgABAAQAGwAEAAgAEAAWAAEABAAdAAIADQABAAQAIwAIAAQAFAAUABgAEQATAAcAAwAIAB4AOAAsAAoACAAPABEAFwAIAAMAFQAEAAoALAAMAAgADwARABcACAADAAkADAAIAA4ABwAhAAYACAAGAAgAEAAVAAMACAAgAC4AJwALAAsAEQAYAAMABwAIABUABAAMAA4AIAAGAAgABAATAAYACwAdAAQABAAXAAgAAgAGABAAGgAEAAQACgAUAB8AAwAEAAoAAgAGAA4AJAADABMADgArAAgAEAAOABEABgANAAgABwABAAQALQACAC4AAAADAgABkAAFAAABTAFmAAAARwFMAWYAAAD1ABkAhAAAAAAAAAAAAAAAAAAA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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';
2015-02-13 08:57:00 +01:00
-webkit-font-feature-settings: "liga" 1, "dlig" 1;
-moz-font-feature-settings: "liga" 1, "dlig" 1;
-ms-font-feature-settings: "liga" 1, "dlig" 1;
-o-font-feature-settings: "liga" 1, "dlig" 1;
font-feature-settings: "liga" 1, "dlig" 1;
2014-10-09 14:03:48 +02:00
-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;
2015-02-13 08:57:00 +01:00
width: 250px;
2014-10-09 14:03:48 +02:00
height: 100%;
top: 0;
2015-02-13 08:57:00 +01:00
left: -250px; }
2014-10-09 14:03:48 +02:00
.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%; }
2014-10-09 14:03:48 +02:00
#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;
overflow: auto; }
2014-10-09 14:03:48 +02:00
#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 {
2015-02-13 08:57:00 +01:00
-webkit-box-flex: 1;
-webkit-flex: 1 0;
-moz-box-flex: 1;
-moz-flex: 1 0;
-ms-flex: 1 0;
flex: 1 0; }
2014-10-09 14:03:48 +02:00
#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.extra-wide div.addCardButton {
margin-left: 20%; }
#mainPanel.wide .container {
width: 100%;
height: 100%;
margin: 0 auto; }
#mainPanel.narrow .container {
2014-10-09 14:03:48 +02:00
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.narrow div.addCardButton {
margin-left: 75%; }
2014-10-09 14:03:48 +02:00
#mainPanel.open.left {
width: 100%;
margin: 0 auto;
position: relative;
z-index: 10;
top: 0;
2015-02-13 08:57:00 +01:00
left: 250px; }
2014-10-09 14:03:48 +02:00
#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';
2015-02-13 08:57:00 +01:00
-webkit-font-feature-settings: "liga" 1, "dlig" 1;
-moz-font-feature-settings: "liga" 1, "dlig" 1;
-ms-font-feature-settings: "liga" 1, "dlig" 1;
-o-font-feature-settings: "liga" 1, "dlig" 1;
font-feature-settings: "liga" 1, "dlig" 1;
2014-10-09 14:03:48 +02:00
-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';
2015-02-13 08:57:00 +01:00
-webkit-font-feature-settings: "liga" 1, "dlig" 1;
-moz-font-feature-settings: "liga" 1, "dlig" 1;
-ms-font-feature-settings: "liga" 1, "dlig" 1;
-o-font-feature-settings: "liga" 1, "dlig" 1;
font-feature-settings: "liga" 1, "dlig" 1;
2014-10-09 14:03:48 +02:00
-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: auto;
z-index: 5;
box-shadow: 2px 0 6px 0 rgba(0, 0, 0, 0.1); }
2014-10-09 14:03:48 +02:00
div.cardContent div.cardListColumn.column div.cardList {
2015-02-13 08:57:00 +01:00
padding-bottom: 100px; }
2014-10-09 14:03:48 +02:00
div.cardContent div.cardListColumn.column div.addCardButton {
font-family: 'clipperz-icons';
2015-02-13 08:57:00 +01:00
-webkit-font-feature-settings: "liga" 1, "dlig" 1;
-moz-font-feature-settings: "liga" 1, "dlig" 1;
-ms-font-feature-settings: "liga" 1, "dlig" 1;
-o-font-feature-settings: "liga" 1, "dlig" 1;
font-feature-settings: "liga" 1, "dlig" 1;
2014-10-09 14:03:48 +02:00
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
2015-02-13 08:57:00 +01:00
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
2014-10-09 14:03:48 +02:00
position: relative;
bottom: 0px;
2015-02-13 08:57:00 +01:00
font-size: 45pt;
color: white;
background-color: #1863a1;
box-shadow: 2px 8px 6px 0 rgba(0, 0, 0, 0.2);
width: 60px;
height: 60px;
2014-10-09 14:03:48 +02:00
position: absolute;
margin-left: 25%;
2015-02-13 08:57:00 +01:00
margin-bottom: 20px;
2014-10-09 14:03:48 +02:00
cursor: pointer; }
div.cardContent div.cardListColumn.column div.addCardButton:hover {
2015-02-13 08:57:00 +01:00
background-color: #114875; }
2014-10-09 14:03:48 +02:00
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; }
div.cardContent div.cardDetail.column div.editWrapper .mask {
background-color: rgba(255, 255, 255, 0.8); }
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: auto; }
2014-10-09 14:03:48 +02:00
#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; }
2014-10-09 14:03:48 +02:00
.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 {
2014-10-09 14:03:48 +02:00
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; }
.tagEditor ul {
2014-10-09 14:03:48 +02:00
-webkit-box-flex: none;
-webkit-flex: none;
-moz-box-flex: none;
-moz-flex: none;
-ms-flex: none;
flex: none;
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:before {
content: 'tag';
2014-10-09 14:03:48 +02:00
font-family: 'clipperz-icons';
2015-02-13 08:57:00 +01:00
-webkit-font-feature-settings: "liga" 1, "dlig" 1;
-moz-font-feature-settings: "liga" 1, "dlig" 1;
-ms-font-feature-settings: "liga" 1, "dlig" 1;
-o-font-feature-settings: "liga" 1, "dlig" 1;
font-feature-settings: "liga" 1, "dlig" 1;
2014-10-09 14:03:48 +02:00
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
font-size: 16pt;
padding-right: 11px;
line-height: 26px;
color: #ccc; }
.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: 13pt;
font-weight: 100;
padding-right: 10px;
line-height: 26px; }
.tagEditor ul li.tag span.tagRemoveButton {
font-family: 'clipperz-icons';
-webkit-font-feature-settings: "liga" 1, "dlig" 1;
-moz-font-feature-settings: "liga" 1, "dlig" 1;
-ms-font-feature-settings: "liga" 1, "dlig" 1;
-o-font-feature-settings: "liga" 1, "dlig" 1;
font-feature-settings: "liga" 1, "dlig" 1;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
cursor: pointer;
line-height: 22px;
color: #ccc; }
.tagEditor ul li.tag span.tagRemoveButton:hover {
color: #9b0000; }
.tagEditor input {
-webkit-box-flex: auto;
-webkit-flex: auto;
-moz-box-flex: auto;
-moz-flex: auto;
-ms-flex: auto;
flex: auto;
font-size: 13pt;
font-weight: 100;
line-height: 24px;
border: 0px; }
2014-10-09 14:03:48 +02:00
#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 {
overflow: scroll;
2015-01-21 18:29:30 +01:00
-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';
2015-02-13 08:57:00 +01:00
-webkit-font-feature-settings: "liga" 1, "dlig" 1;
-moz-font-feature-settings: "liga" 1, "dlig" 1;
-ms-font-feature-settings: "liga" 1, "dlig" 1;
-o-font-feature-settings: "liga" 1, "dlig" 1;
font-feature-settings: "liga" 1, "dlig" 1;
2014-10-09 14:03:48 +02:00
-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;
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; }
2015-02-07 15:41:04 +01:00
#selections ul.defaultSet li {
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; }
#selections ul.defaultSet li span.label {
-webkit-box-flex: auto;
-webkit-flex: auto;
-moz-box-flex: auto;
-moz-flex: auto;
-ms-flex: auto;
flex: auto; }
#selections ul.defaultSet li span.count {
-webkit-box-flex: none;
-webkit-flex: none;
-moz-box-flex: none;
-moz-flex: none;
-ms-flex: none;
flex: none;
-webkit-align-self: flex-end;
-moz-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end; }
#selections ul.defaultSet li.allCards:before {
content: "clipperz"; }
#selections ul.defaultSet li.recentCards:before {
content: "recent"; }
#selections ul.defaultSet li.untaggedCards {
padding-left: 35px; }
#selections .search form {
padding: 2px;
position: relative;
box-sizing: border-box;
width: 95%; }
#selections .search form input {
font-family: "clipperz-font";
color: #999;
font-size: 18pt;
padding: 0px 30px;
margin: 0px 5px;
width: 100%;
box-sizing: border-box; }
#selections .search form label {
font-family: 'clipperz-icons';
2015-02-13 08:57:00 +01:00
-webkit-font-feature-settings: "liga" 1, "dlig" 1;
-moz-font-feature-settings: "liga" 1, "dlig" 1;
-ms-font-feature-settings: "liga" 1, "dlig" 1;
-o-font-feature-settings: "liga" 1, "dlig" 1;
font-feature-settings: "liga" 1, "dlig" 1;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
font-size: 18pt;
padding-left: 5px;
position: absolute;
top: 9px;
left: 9px;
color: #666; }
#selections .search form .searchClear {
font-family: 'clipperz-icons';
2015-02-13 08:57:00 +01:00
-webkit-font-feature-settings: "liga" 1, "dlig" 1;
-moz-font-feature-settings: "liga" 1, "dlig" 1;
-ms-font-feature-settings: "liga" 1, "dlig" 1;
-o-font-feature-settings: "liga" 1, "dlig" 1;
font-feature-settings: "liga" 1, "dlig" 1;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color: #aaa;
color: white;
position: absolute;
right: 9px;
top: 9px;
cursor: pointer;
padding: 5px;
font-size: 10pt; }
#selections .search form .searchClear:hover {
background-color: #666; }
2015-01-21 18:29:30 +01:00
#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-top: 7px;
padding-bottom: 7px;
cursor: pointer; }
#selections li:before {
font-family: 'clipperz-icons';
2015-02-13 08:57:00 +01:00
-webkit-font-feature-settings: "liga" 1, "dlig" 1;
-moz-font-feature-settings: "liga" 1, "dlig" 1;
-ms-font-feature-settings: "liga" 1, "dlig" 1;
-o-font-feature-settings: "liga" 1, "dlig" 1;
font-feature-settings: "liga" 1, "dlig" 1;
2014-10-09 14:03:48 +02:00
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
font-weight: normal;
padding-left: 8px;
padding-right: 8px;
2015-02-07 15:41:04 +01:00
font-size: 14pt;
vertical-align: baseline; }
2014-10-09 14:03:48 +02:00
#selections .showArchivedCards {
2015-02-07 15:41:04 +01:00
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;
padding: 10px;
2014-10-09 14:03:48 +02:00
font-size: 12pt; }
2015-02-07 15:41:04 +01:00
#selections .showArchivedCards input {
-webkit-box-flex: none;
-webkit-flex: none;
-moz-box-flex: none;
-moz-flex: none;
-ms-flex: none;
flex: none; }
#selections .showArchivedCards .label {
2015-02-07 15:41:04 +01:00
-webkit-box-flex: auto;
-webkit-flex: auto;
-moz-box-flex: auto;
-moz-flex: auto;
-ms-flex: auto;
flex: auto;
padding-left: 5px; }
2015-02-07 15:41:04 +01:00
#selections .showArchivedCards .count {
-webkit-box-flex: none;
-webkit-flex: none;
-moz-box-flex: none;
-moz-flex: none;
-ms-flex: none;
flex: none;
-webkit-align-self: flex-end;
-moz-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
margin-right: 2px; }
span.count {
background-color: gray;
font-size: 10pt;
2015-02-07 15:41:04 +01:00
margin-right: 12px;
padding: 3px 5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: white;
font-weight: 300;
vertical-align: middle; }
2014-10-09 14:03:48 +02:00
2015-01-21 18:29:30 +01:00
#selections.ALL li.allCards {
color: #ff9900; }
2015-01-21 18:29:30 +01:00
#selections.RECENT li.recentCards {
color: #ff9900; }
2015-01-21 18:29:30 +01:00
#selections.UNTAGGED li.untaggedCards {
color: #ff9900; }
2015-01-21 18:29:30 +01:00
#selections.SEARCH div.search .searchResultInfo {
color: #ff9900;
2015-01-21 18:29:30 +01:00
display: block; }
#selections.TAG ul.tagList li.selected {
color: #ff9900; }
2015-01-21 18:29:30 +01:00
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';
2015-02-13 08:57:00 +01:00
-webkit-font-feature-settings: "liga" 1, "dlig" 1;
-moz-font-feature-settings: "liga" 1, "dlig" 1;
-ms-font-feature-settings: "liga" 1, "dlig" 1;
-o-font-feature-settings: "liga" 1, "dlig" 1;
font-feature-settings: "liga" 1, "dlig" 1;
2014-10-09 14:03:48 +02:00
-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 {
2015-02-06 16:33:38 +01:00
background-color: #1863a1; }
div.cardList ul li {
cursor: pointer;
border-bottom: 1px solid #eee;
background-color: white;
transition: margin-left 0.1s ease-in-out, padding-right 0.1s ease-in-out;
2015-02-06 16:33:38 +01:00
white-space: pre-wrap;
word-wrap: break-word;
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 {
margin-left: 40px;
padding-right: 0px;
box-shadow: -4px 0px 3px -1px rgba(0, 0, 0, 0.2); }
div.cardList ul li.archived {
background-color: #eeeeee;
color: #999; }
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; }
2014-10-09 14:03:48 +02:00
div.cardList.narrow {
overflow: scroll;
-webkit-overflow-scrolling: touch; }
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';
2015-02-13 08:57:00 +01:00
-webkit-font-feature-settings: "liga" 1, "dlig" 1;
-moz-font-feature-settings: "liga" 1, "dlig" 1;
-ms-font-feature-settings: "liga" 1, "dlig" 1;
-o-font-feature-settings: "liga" 1, "dlig" 1;
font-feature-settings: "liga" 1, "dlig" 1;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
height: 48px;
font-size: 24pt;
line-height: 48px;
margin-right: 25px; }
div.cardList.narrow.EXPIRED ul li:after {
content: ""; }
2014-10-09 14:03:48 +02:00
#cardDetailPage .view.archived, .cardDetail .view.archived {
background-color: #eeeeee; }
2014-10-09 14:03:48 +02:00
#cardDetailPage .view .cardDetailToolbar, .cardDetail .view .cardDetailToolbar {
2015-02-06 16:33:38 +01:00
background-color: #1863a1;
2014-10-09 14:03:48 +02:00
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';
2015-02-13 08:57:00 +01:00
-webkit-font-feature-settings: "liga" 1, "dlig" 1;
-moz-font-feature-settings: "liga" 1, "dlig" 1;
-ms-font-feature-settings: "liga" 1, "dlig" 1;
-o-font-feature-settings: "liga" 1, "dlig" 1;
font-feature-settings: "liga" 1, "dlig" 1;
2014-10-09 14:03:48 +02:00
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility; }
#cardDetailPage .view .cardDetailToolbar.narrow .cardMenuOptions, .cardDetail .view .cardDetailToolbar.narrow .cardMenuOptions {
font-family: 'clipperz-icons';
2015-02-13 08:57:00 +01:00
-webkit-font-feature-settings: "liga" 1, "dlig" 1;
-moz-font-feature-settings: "liga" 1, "dlig" 1;
-ms-font-feature-settings: "liga" 1, "dlig" 1;
-o-font-feature-settings: "liga" 1, "dlig" 1;
font-feature-settings: "liga" 1, "dlig" 1;
2014-10-09 14:03:48 +02:00
-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-06 16:33:38 +01:00
background-color: #1863a1;
2014-10-09 14:03:48 +02:00
color: white; }
2015-02-06 16:33:38 +01:00
#cardDetailPage .edit .cardField:hover, .cardDetail .edit .cardField:hover {
background-color: #eee; }
#cardDetailPage .edit input::-webkit-input-placeholder, #cardDetailPage .edit textarea::-webkit-input-placeholder, .cardDetail .edit input::-webkit-input-placeholder, .cardDetail .edit textarea::-webkit-input-placeholder {
font-style: italic;
color: #ccc; }
#cardDetailPage .edit input:-moz-placeholder, #cardDetailPage .edit textarea:-moz-placeholder, .cardDetail .edit input:-moz-placeholder, .cardDetail .edit textarea:-moz-placeholder {
font-style: italic;
color: #ccc; }
#cardDetailPage .edit input::-moz-placeholder, #cardDetailPage .edit textarea::-moz-placeholder, .cardDetail .edit input::-moz-placeholder, .cardDetail .edit textarea::-moz-placeholder {
font-style: italic;
color: #ccc; }
#cardDetailPage .edit input:-ms-input-placeholder, #cardDetailPage .edit textarea:-ms-input-placeholder, .cardDetail .edit input:-ms-input-placeholder, .cardDetail .edit textarea:-ms-input-placeholder {
font-style: italic;
color: #ccc; }
2014-10-09 14:03:48 +02:00
.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
padding: 10px;
border: 0px; }
.content input.cardLabel {
width: 100%;
2015-02-03 22:48:29 +01:00
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%;
border: 0px;
font-size: 10pt;
font-style: italic;
white-space: pre-wrap;
word-wrap: break-word; }
2014-10-09 14:03:48 +02:00
.content .dropArea {
background-color: #ccc;
2014-10-09 14:03:48 +02:00
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;
flex-direction: row; }
2014-10-09 14:03:48 +02:00
.content .cardField.dragged {
display: none; }
.content .cardField .fieldEditAction {
-webkit-box-flex: none;
-webkit-flex: none;
-moz-box-flex: none;
-moz-flex: none;
-ms-flex: none;
flex: none;
width: 32px; }
.content .cardField .fieldEditAction .removeField {
-webkit-align-self: flex-start;
-moz-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
font-family: 'clipperz-icons';
2015-02-13 08:57:00 +01:00
-webkit-font-feature-settings: "liga" 1, "dlig" 1;
-moz-font-feature-settings: "liga" 1, "dlig" 1;
-ms-font-feature-settings: "liga" 1, "dlig" 1;
-o-font-feature-settings: "liga" 1, "dlig" 1;
font-feature-settings: "liga" 1, "dlig" 1;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
display: block;
margin: 6px;
cursor: pointer;
color: #ccc;
font-size: 20pt; }
.content .cardField .fieldEditAction .removeField:hover {
color: #9b0000; }
.content .cardField .fieldEditAction .toggleLock {
-webkit-align-self: flex-end;
-moz-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
font-family: 'clipperz-icons';
2015-02-13 08:57:00 +01:00
-webkit-font-feature-settings: "liga" 1, "dlig" 1;
-moz-font-feature-settings: "liga" 1, "dlig" 1;
-ms-font-feature-settings: "liga" 1, "dlig" 1;
-o-font-feature-settings: "liga" 1, "dlig" 1;
font-feature-settings: "liga" 1, "dlig" 1;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
display: block;
margin: 6px;
margin-left: 12px;
cursor: pointer;
color: #ccc;
font-size: 20pt; }
.content .cardField .fieldEditAction .toggleLock:hover {
color: #888; }
2014-10-09 14:03:48 +02:00
.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;
padding-bottom: 4px;
margin-bottom: 4px; }
.content .cardField .fieldValues .fieldLabel input {
font-size: 12pt;
color: gray;
border: 0px;
width: 100%; }
2014-10-09 14:03:48 +02:00
.content .cardField .fieldValues .fieldValue {
2015-01-21 18:29:30 +01:00
font-size: 18pt;
line-height: 28px;
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;
white-space: pre-wrap;
word-wrap: break-word;
border: 0px;
width: 100%; }
2014-10-09 14:03:48 +02:00
.content .cardField .fieldValues .fieldValue.hidden {
font-family: clipperz-password;
font-size: 23pt; }
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: flex-start;
-moz-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start; }
2014-10-09 14:03:48 +02:00
.content .cardField .action {
font-family: 'clipperz-icons';
2015-02-13 08:57:00 +01:00
-webkit-font-feature-settings: "liga" 1, "dlig" 1;
-moz-font-feature-settings: "liga" 1, "dlig" 1;
-ms-font-feature-settings: "liga" 1, "dlig" 1;
-o-font-feature-settings: "liga" 1, "dlig" 1;
font-feature-settings: "liga" 1, "dlig" 1;
2014-10-09 14:03:48 +02:00
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
color: #aaa;
width: 20px;
height: 20px;
font-size: 15pt;
margin: 6px; }
2014-10-09 14:03:48 +02:00
.content .newCardField {
2015-02-03 22:48:29 +01:00
font-family: 'clipperz-icons';
2015-02-13 08:57:00 +01:00
-webkit-font-feature-settings: "liga" 1, "dlig" 1;
-moz-font-feature-settings: "liga" 1, "dlig" 1;
-ms-font-feature-settings: "liga" 1, "dlig" 1;
-o-font-feature-settings: "liga" 1, "dlig" 1;
font-feature-settings: "liga" 1, "dlig" 1;
2015-02-03 22:48:29 +01:00
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
margin: 6px;
2015-02-03 22:48:29 +01:00
cursor: pointer;
color: #ccc;
2015-02-03 22:48:29 +01:00
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 {
2015-02-08 11:47:50 +01:00
-webkit-border-radius: 4;
-moz-border-radius: 4;
border-radius: 4;
2014-10-09 14:03:48 +02:00
margin-left: 10px;
2015-02-13 08:57:00 +01:00
font-size: 16pt;
padding: 15px 25px;
2015-02-08 11:47:50 +01:00
background-color: #ddd; }
2014-10-09 14:03:48 +02:00
div.dialog div.answers div.button.isDefault {
font-weight: bold;
color: white;
2015-02-08 11:47:50 +01:00
background-color: #666; }
2014-10-09 14:03:48 +02:00
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"; }
textarea {
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";
}
}
*/
2015-02-13 08:57:00 +01:00
/*# sourceMappingURL=clipperz.css.map */