Add & Minus Buttons

Css code posted by Arnab Das
created at 16 Aug 12:12

Edit | Back 
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
 
.addBtn {
    display: block;
    width: 26px;
    height: 26px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QgQCQY34yuACQAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAADtElEQVRIx62WX4hVVRTGf9/lmiFloDaN4p+gMCgqOlu6p1DEHAamegqSLKlAtJdCSg0bLDCKAkMiCnwdjDKo7EEwrCYFpXOgvdGM/vjQlEVNhGUPo6Uzfj3Mnbpz9d65Retlwzlr7bXX9317ryXaWB5CFbjC0IO9UtINwFXAeds/SToG7Mc+CIwUKY222kstEsiwRLAWeAQbww+STgKnAQyXCWYD84Bz2K8YdpUpHe0oUR7CTNubBU8gVYA3sD80HAGGypT+qPvNAK7BzpB6gdW2T0p6CXtHkdK5lolqWdYNDEjqxd6D9Lzto2UbSABqIUyXvaTuv1zwtuHhMqWRCxLlWTbL0ltAj+Ap29vLlMb4F5aHMM32DqRHZb9ruL9M6U+A6gTptrcKegwbixh3XPTkWXa5oN+wAGlTGeNw4/8ixnPAY3kIY0gbBJuB5wAqdZ9lgseBAeDllsqRliNtkfQAsCEP4aJiMmy0/QHwZB7CEoBKnmXTbG9BGsZ+oYzxfBt05gLYRna3WziVMY7VK78EWJ9nWbViabGkXsNAkdLXU9BwvqG8dgfC0hFgl+11SHMqglXA79jvd0K47Ukrrasalb1P0ihwVwXoA05I+rSTRJImrVM4R+wTQJ/yEM4AB4oY+5rUtdwwV5MhWgY8ZBtJhwwDAjdclRFgsIjx5wbJF7bnVIHpwK9NZ+lH2qL2VS0VLG1SG4ISyBs+/yLpxir2BThIWtDMSaeQAouaOD0rqFaRDFzaFLfJ9veSupugW2x7oorjkg417ChJZ7B3Nu11JdLJqu1vkOY33fDhWpb1T8DRYGv5B65DhnUTLqpXX6bkBq5nIc22/WVVcAC4sxbCTWWMn/0tz4aABmKNRF0MGFzG6DZ43iyYb2l3hfGHdJ5gBf+zyV4BzBTsqQCf2B4C7quF0DVVbCMnbV/yLLva0mrgsOF4xfZpSduAXHDvFIlGbI/zAWfUul0Iaa3gWtsvljGerZQp2fZeYB/wai3Lbmn5/MAgUok0LNhZtOanF9iK/TrSx5MbXwg1YDd2N3BbkdKR/8JLLYQVgkHgGPaqIqWvLmjleQh3A68BCw3rBO8UMf7WYXftAh60vV3SF4b1ZYyHWw4ntSy7XdKzwEpgEPtN4KMipaEWCa4z9ArWALcC79l+pkzpWCfjVhdwD7AN6DIMYX8n6XPgR4/HLRRcb1gkeyHSt7aflrS3iPFUR3NdvTJJmgn0Yq9BusP2DElj9TesKjiFtN/2LuCgxofIiwrkL6G8xaiQwzajAAAAAElFTkSuQmCC") no-repeat;
    text-indent: -999px;
    margin-top: 2px;
    border: 0 none;
    filter: alpha(opacity=50);
    opacity: 0.5;
}
.addBtn:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.minusBtn {
    display: block;
    width: 26px;
    height: 26px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QgQCTQUrDylCgAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAADWElEQVRIx62WX2jWVRjHP9/XVwyrRVprG9sMioTC/vzO6H0LQpbygtVVkGRJFLa66aasKKnAIggWElHR7ViUQWUXwsJqaSD+ftDvMF1kddHStt7CVgbNUue+XWyObTZ5197v5TnP83w4z/Occx5xHpVDKAKXGNZjr5N0HXAFMGG7KmkQ2IO9DxhLYxyfL5bmAcjQIdgCPIqNYVjSKHACwHCRYCXQApzGft3Qm8V4sCZQOYQG208JnkAqAO9if2YYAIayGP+ZslsOXIWdIFWATbZHJb2KvSON8fS8oFKSNAE9kirYu5Betn0wO09KAEohLJPdMWW/VvCB4cEsxrFzQOUkWWHpfWC94Fnb3VmMZ1iAyiEstb0D6THZHxnuy2I8CbDkbNENL0m6H9ia5Xn3SLVqFqjhanVipFrta2tpuRTpIUknh6vVLwEKUza3CR4HeoDXWKQMW21/CjxdDqEDYEk5SZYa3pJ0IfbDWYy/LRY0Uq26rbn5sKUuQbG1ubmvYOkaSRVDTxrjd9RJlgaAXttdSJcVBBuBP7E/oY7K8nxcdp+kceDOArABOCrpK+otKcc+CmwoAmuAvWme/zXjPl0sWGtoljRRa1hgDOhP8/xXgDTPj5RDOGb7xiKwDPh9jtM2pGe08G5DkAHlGcvHJK0pYoOk2SdW27SzXWOWpkOsmgW3TwmKRSQDF8zxe9L2T5Kaak6dLUl/Y789Z+dypNGi7R+QWmfupHn+SylJtp1NR60Fsk0Wo2fUegXSStuHi4K9wB2lEK7P8vzQdHvOcFhE190gaLW0s8DkQ9oi6Kx7d9udQINgVwE4YHsIuLcUQmO9IOUkudLSJmC/4fuC7ROStgNlwT11gYQgpC2Cq22/kuX5qUIWo23vBvqAN0pJclMdWBXgOex3kL6Y/fGFUAJ2YjcBt6QxDvwfQimETkE/MIi9MY3x23O+8nIIdwFvAu2GLsGHaZ7/UWO6GoEHbHdL+sbwSJbn++cdTkpJcqukF4F1QD/2e8DnaYxD8wBWGyqCzcDNwMe2X8hiHKxl3GoE7ga2A42GIewjkr4GfvakX7vgWsMq2e1IP9p+XtLuNM+P1zTXTZ1MkhqACvZmpNttL5d0ZuoNKwqOI+2x3Qvs0+QQ+Z8X/V//j41MlrnBdwAAAABJRU5ErkJggg==") no-repeat;
    text-indent: -999px;
    margin: 2px 0 0 5px;
    border: 0 none;
    filter: alpha(opacity=50);
    opacity: 0.5;
}
.minusBtn:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}
3.39 KB in 2 ms with coderay