image-notes/image-notes.css at master · dlameter/image-notes · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
body {
    margin: 0;
    height: 100vh;
}

.image-notes-container .image-notes-button-wrapper:first-child .image-notes-icon-wrapper,
.image-notes-container .image-notes-button-wrapper:first-child {
    border-radius: 4px 4px 0 0 !important;
}

.image-notes-container .image-notes-button-wrapper:last-child .image-notes-icon-wrapper,
.image-notes-container .image-notes-button-wrapper:last-child {
    border-radius: 0 0 4px 4px !important;
    bottom-border: none;
}

.image-notes-button-wrapper {
    border-bottom: 1px solid #ccc;
}

.image-notes-icon {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.image-notes-icon-wrapper {
    padding: 5px;
    box-sizing: border-box;
    position: relative;
    z-index: 3;
    border-bottom: 1px solid #ccc;
    border-radius: 0 0 0 0 !important;
}

/* Icons found at https://www.iconfinder.com/iconsets/app-custom-ui-1 */
.image-notes-upload-json-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAACL0lEQVR4Xu2bvS5FQRDHf9dnQSVRCj2iFOIFaBRIVIIHEJVEgYiESuIJKBRIVBLeQNDiBXxUCp0Q39lkbyJy783u3D3XXHdOPbP/nf+Z/e+cObs5avzJ1Xj8lENAO9APtP4xic/AGfAgmYeEAOezCKwATRLQDHzegFVgHfiKGV9CwAywHQNSQdtZYCcGT0LAFdADvPpMuI0BzMC2E9gAGoFroDcGQ0LAO1APHAGjMWAZ2h4DI8Cnn1swlISA/Bo7ACaDkbI1PATGPERUTFHGHsAI8ERYBtgSMA0wEbRdoMTu5gqUgUS73ylwV2Isldugy469RARMAC7IYo8RoLEQ6vCfyymS4By4r7YMSBF46Bgql0Do5FPYGQEaNSDFmw0dwzLAMsD6AfoaIkPAfOgi/mE3LvBRqQHSUljSpTICTARNBPWJoEDLxC4qNUAcjcDRCDARNBE0EVT3b1BaCRbSQGuKVmNXeBCYE2xphVy2ANcYraq2eKLYg4axOsDqAKsDrA5QVwcEqVciIxNBjSIoPR+wL8gKlRkgLYWtKfpfMkB6PqDUSRArhYswoFIDBJksdjECNG6D4tcpcLQMsAywr8HKfQ1+AHXKrsycAMOAm1tDjIZIyk53ManbX5paBm5iADOw7QLWfOCXQF8MhoSA6diraTETKtN2CtiNGUNCgPNZ8BcVm2PAMrR9AZaAzUpcnMzH0ebPArdkGFjI0E/ABfAYYvzbRpIBEhy1PjVPwDc8lc9BEnSvagAAAABJRU5ErkJggg==);
}

.image-notes-save-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAACfElEQVR4Xu2aP0scQRiHHyEIdilSRbDSFLFIn1R2ghBEDYlIAvkIKQMpInbiZ7AIgQgKoo2lKSxsAyEWWoaUKawEC+XVGRiHPWfmdmZ3z3u3ujtmZ+f3zPt39kYY8mtkyPXTJoAJ4KXZgCPgbxub0SaAd8API/oNsKMAWiCgFtACdPtIdQGNARoENQtoGtQ64JaAFkJaCWoprL2ANkNtlOXaDLVB3TxTmyFthrQZ0mZImyFthrQZ0m5Q22E9D9ADET0RejBHYsvmaOsyosnqpxkaBRaArYj5o4bkbIfXgC/ALvAWCEFIBSDit4HXwCrwNUphYFAuAE+AX8BT87wYCCkAXPHyCPkvwQvgf10IuQDIOp4BhwkQYgFUiZ8BzuqKl/tzAkiFEAOgqPgSAFIghAAUF18KgMw7BfwMuMN9ABoRXxJADIReABoTXxpACEIVgEbF+wBeAZ9MZN0AjnNEWeMOkh3GvRS56B2K7jt53qa6bNEeqNTnZoFQUKrDQ2KCD0FqhW9m0hVTPEmRU0K8zFmprykA1h1cCP+cIOl+liIn587bjWsdgCxk0mQH6w6+VZUS3wkLsGJ7QSgpvlMAqiyhtPjOAXAhXBXyed+9OhED/EWJO8iVpbEJpKlOAqiTWlPvVQBVb6ObrANSdyz3eLUAtYCK/yOoCziOVrIZyu3P/cynMSAUA5ZMPy503wPf+8Hc4Xs+AptmffPAnnx2Y8A08NsMOAHWgYsOC0pZ2hjw2RzOyH1yhH/qA5DvB8BsyswDOFZ2Xizg5vLfCzw2pj83gMJiliziPwDnvQDY38VEngOPYmYdgDHynvKPNXt3vbnfDA0Ai7tLHHoA15ub8EFpy6+WAAAAAElFTkSuQmCC);
}

.image-notes-clear-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAACKklEQVR4Xu2bzSpFURTHf5fIwMTExNdckpmPRzBSKAOSvIMyoKQYyBsYGJCUiYE3UJgoyQuIkYGJ8hHRzr7ccs5t7333uefk/k+d2Tp77fU/a6/1X3uvXaLBn1KD20+eAHQCI/YHnAEPefyMvABYAczbYo1+A9aAjXqDkAcAi8BOiqELwG49QcgDgBugH3gBloEmYBNoBa6BwaIA0AuMZTCZfWv0JbBlxzdAGMM/gNkMdJ4Cd0njVvOAGeAgg8nkMeQ0cCQAEhCo5gHdFWkqj78WU6dJs/e+HhBzAoUdK48sUCgwQgD4tBYcAiZQFuExAW7STsTLJi9hq0AAyAO+EdASqBIDXNZkJdFKJSqAy5Jz0ZcYq7KKAS4TEgAVVFsekMbVtQQUAxQElQUciJdL1lEajFUOx3JJ8QDxgN89RxEhEaGUXVsxQTFBMcFYaVdESETI82Qobbs7lkuKCYoJign+HL+LCosKiwond3CoFlAtoFogFvFSLaBaQLXAXwR0PB7Q4RQrKKkaVDWoavD/VoOjQJeNL4ld2kAPMGxlztPa2YEpK2Pa3Y1c0lO40+GA2FrTJwJArbJ17BV+B5qBY2CiJseN9/EJMA6YuZVvojmNHsIEzcWmAeAVWAVunTRlJ9QHrFvDr4AhH1UhAMzX+2qbh0FzwJ6HfPDN0SV70bHNR1mGss/2Iua2r44QDyjr6LB5vN1XaWT5J+ACeAwZtxYAQvQV7puGB+AL9ARtUCTXSjoAAAAASUVORK5CYII=);
}


.image-notes-upload-image-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAE5klEQVR4Xu2aR4hsVRCGv2dWMKIoKiouFEUxgGACXagYMIen+J4oRkwLFROiiAEz5giKWTHnBK6MIIaFCQQDZhQxYE58Umc49uuZuaf79p3p7lubmek5t07VX7n6zmHMac6Y608LQOsBY45AGwJj7gBtEmxDoA2BMUegDYEuDnAwcAKwHrDIiDjIX8C7wCXArblOnR5wGnD+iCg9mRqnABelf+YArAh8CiwO/Ao8Ez9HAY8lgB0z3VYFvlOxHIBdgMdDW8Pgf64yAiicDFwYeuwEPN0JwP7A3XFgE+DNEVA6VyHXb1/g/haAjhAYtAesBWwcJnkD+LhBD1sbeATYIO5s1APWAG6IJJTr/ARwVCTeQWKxHXAvsEJ2SWMAqPzLgFm3G1l1Ngc+GxAC9jOWvIU7+DcGwFOZ5V8DbgxBtPym8buuuUfNAFj2vGt+xvctYKMmQ8CY/zAuVPmtgd/ibwV8JRNo9Rq9YDXgIWCzuMs7jwZ+zqpcIx6gVRVEOgK4qcPKCnVNfGYP8mQNXrAl8ACwSvD6HNgLeBVovAxOB8AxwNU1AnBYALpY8HwJ2Bv4Mv5uHIA1gY/i8teBrbLWeqkIgQ2BfwBDQGv1Qg5slwMCmkhvOxb4PfuscQC829Za95ZMQiYm2+8jAZWXHgxL9aL8SsB9wDbx8B/A8cD1XZjNCABa1jLoz270SZTBL3rQ3qbqYUBPk74C9gFemITXjACgLGZlk93umWC6vQlSN+1F+bnAzYChJFll9pymqZoxAJLeApHqsINWLzG/EHAecGoG5m0RUo7wU9HAAFgf2CIsomUHRcsCdwE7xwV/AicBV1S8sHYATGbHxYxtY/Ni1Pt3KgpUcmxd4FFgnXjoG8AweL6ASa0A2NvfAuzQIYBl54Jw07wEFci5wFGryJ2AHiAZPsZ7KrFVedcGgJnW6S5NV5Yek5BhkOg94PApMnJVoU8HzgGMfeke4NBoa6vySOf6BmAZ4CrgoOxmN60HAs73+wFXAivH/80H1n2XkN8XSmt218PkKf0NuLCdWGYW8vN4XwA4yNwOOOBIKmcbq3K/ZMIsD1wcVkofm+1tTuzRq5B3WN9TxXB5eUAsaas8P9mZngBYFDg7FE1uaN12afrsFNJsG2GSkpZHHXttV6ea/X3Ozs4NtfR2jMof9KN5PFsMgGPkHdncLh+taBv7bQWBrAxnAG5jBVL6IVz5uvCinI0V5bLsyxgbJcPtpwp3VTlSBMC1wCHAksH5xyh5vazK3cM5nLj5SeSk5oishZ3evM/kJhleZwHndgGpiqK1hEDOxN5aS6TlRi9CGD7O/37rtHQwsExeCuj2qYLoIfOAx3q5ZJpnijxAXpY3LeGXCWbhOsihSGvv2oXZ+xHvltBBUBEACmF5c44fBNlLWFLT5sYNsfeVlssS2YoAmNiZldxQeHa5qOtfA2fW6GW15IAmACjEq+/js84D+taokEELQMlavA2B9PVxoZvN5uPThsBu0a+rxInRls5mhUplc3BzVyF1fUHCFbNfVtqa2qU9N0KvyNjSbx8zidOr+8kFXpERGRcQLh1Hmdwj2oL/R93eE0yvybns7PxaeViBcYHq4OVrck64E9S+KDmsJq1L7tYD6kJyWPm0HjCslqtL7tYD6kJyWPm0HjCslqtL7tYD6kJyWPn8Czj4QVD+wHEJAAAAAElFTkSuQmCC);
}