diff --git a/icon/accept_all.png b/icon/accept_all.png new file mode 100644 index 0000000..2ed421a Binary files /dev/null and b/icon/accept_all.png differ diff --git a/icon/accept_selected.png b/icon/accept_selected.png new file mode 100644 index 0000000..02ae181 Binary files /dev/null and b/icon/accept_selected.png differ diff --git a/icon/discard_all.png b/icon/discard_all.png new file mode 100644 index 0000000..9980537 Binary files /dev/null and b/icon/discard_all.png differ diff --git a/icon/discard_selected.png b/icon/discard_selected.png new file mode 100644 index 0000000..6f5507a Binary files /dev/null and b/icon/discard_selected.png differ diff --git a/icon/reset_settings.png b/icon/reset_settings.png new file mode 100644 index 0000000..084cb50 Binary files /dev/null and b/icon/reset_settings.png differ diff --git a/index.html b/index.html index aa296f5..f940a68 100644 --- a/index.html +++ b/index.html @@ -323,6 +323,62 @@ opacity : 0.65; cursor : not-allowed; } + .buttonImage{ + + padding: 8px 8px 8px 32px; + font-family: Arial, Verdana; +background: #f0f0f0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABfUlEQVQ4y42TP2tUQRTFf3PnPYiLIAiKiKhIsLbxS9hZaykWNmKjgqT0A6SxslRIFRsRv0QwdZB1YyGipImbzWbfnHst3sZdZF92Bw7D/LmH37nDpL1NAyAlHgDXWW18j+A9QBXTnQhu3H704TXS2aU5s/f2/qvTZeXx78goDdE0Z9anusYDmxn4zMAlYglBMsN9zkAzgxwrGGCGnLzIwELCVZbUG+oicDWoLOtBhZwcAQFUZd6gCC/dBPW5Hr+/7VPaCHci2DU5TJVDBe+Q5cyvwT4ucfdleS7noQdURfMEDd4Rwc04OvzDtfWbjCYTitpG/hehoI4IZhmpjTgcj09jUGmeQAVXB4EypbRxjk5O0JTAvgygOBSnap9xsUJC0/nx4BLFW3p78c7Z6SeOJ2ktvL2wUC7G4zHh4uBgxPEkre30Ewb0NrZ0+XDEeUtGXdULZckYDodYMp59vLD9eZftjS31EnARuPr0Xn6yfoVbq/zlrz/pb37SG+DHXyrMGdFXikHpAAAAAElFTkSuQmCC); + background-position: 8px 8px; + background-repeat: no-repeat; + + } + .acceptAllImgBtn{ + font-family: Arial, Verdana; + background-image: url(./icon/accept_all.png); + background-color: transparent; + background-size: 30px; + width: 30px; + height: 30px; + background-repeat: no-repeat; + } + .acceptSelectedImgBtn{ + font-family: Arial, Verdana; + background-image: url(./icon/accept_selected.png); + background-color: transparent; + background-size: 30px; + width: 30px; + height: 30px; + background-repeat: no-repeat; + } + .discardAllImgBtn{ + font-family: Arial, Verdana; + background-image: url(./icon/discard_all.png); + background-color: transparent; + background-size: 30px; + width: 30px; + height: 30px; + background-repeat: no-repeat; + } + .discardSelectedImgBtn{ + font-family: Arial, Verdana; + background-image: url(./icon/discard_selected.png); + background-color: transparent; + background-size: 30px; + width: 30px; + height: 30px; + background-repeat: no-repeat; + } + + .resetButton{ + + font-family: Arial, Verdana; + background-image: url(./icon/reset_settings.png); + background-color: transparent; + background-size: 30px; + width: 30px; + height: 30px; + background-repeat: no-repeat; + } @@ -357,11 +413,23 @@ - - - - - +
+ + + + + + + + +
+
+ + +
@@ -485,10 +553,12 @@ - - + + + - +