From b9708a7c3cfaf5767992a2b15180e7b85c459242 Mon Sep 17 00:00:00 2001 From: "Eran (ev672n), Vosk" Date: Tue, 7 Aug 2018 14:15:05 +0300 Subject: adding the dcae dt code Adding DCAE-dt code Change-Id: Id6b779db9d24e10825fb97ad5fd46f41e65e6738 Issue-ID: SDC-1614 Signed-off-by: Eran (ev672n), Vosk --- app/styles/tlv-sprite.less | 138 +++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 138 insertions(+) create mode 100644 app/styles/tlv-sprite.less (limited to 'app/styles/tlv-sprite.less') diff --git a/app/styles/tlv-sprite.less b/app/styles/tlv-sprite.less new file mode 100644 index 0000000..472e2fb --- /dev/null +++ b/app/styles/tlv-sprite.less @@ -0,0 +1,138 @@ +.tlv-sprite { + background-image: url("images/sprites/tlv-sprite.png"); + display: inline-block; + vertical-align: middle; + + &.logo-blue { + background-position: -10px -20px; + width: 28px; + height: 28px; + } + + &.user { + background-position: -50px -20px; + width: 15px; + height: 20px; + } + + .facebook { + background-position: -10px -260px; + width: 36px; + height: 36px; + } + + .facebook-hover { + background-position: -10px -300px; + width: 36px; + height: 36px; + } + + .twitter { + background-position: -50px -260px; + width: 36px; + height: 36px; + } + + .twitter-hover { + background-position: -50px -300px; + width: 36px; + height: 36px; + } + + .linkedin { + background-position: -89px -260px; + width: 36px; + height: 36px; + } + + .linkedin-hover { + background-position: -89px -300px; + width: 36px; + height: 36px; + } + + .youtube { + background-position: -130px -260px; + width: 36px; + height: 36px; + } + + .youtube-hover { + background-position: -130px -300px; + width: 36px; + height: 36px; + } + + .footer-open { + background-position: -250px -59px; + width: 14px; + height: 10px; + } + + .footer-open-hover { + background-position: -250px -79px; + width: 14px; + height: 10px; + } + + .footer-close { + background-position: -230px -59px; + width: 14px; + height: 10px; + } + + .footer-close-hover { + background-position: -230px -79px; + width: 14px; + height: 10px; + } + + .checkbox-disadbled { + background-position: -10px -60px; + width: 14px; + height: 14px; + } + + .checkbox { + background-position: -10px -60px; + width: 14px; + height: 14px; + } + + .checkbox-hover { + background-position: -10px -100px; + width: 14px; + height: 14px; + } + + .checkbox-checked { + background-position: -10px -120px; + width: 14px; + height: 14px; + } + + .radio-disabled { + background-position: -50px -60px; + width: 14px; + height: 14px; + } + + .radio { + background-position: -50px -80px; + width: 14px; + height: 14px; + } + + .radio-checked { + background-position: -50px -120px; + width: 14px; + height: 14px; + } +} + +.tlv-x-btn, .tlv-x-btn:hover { + background-position: -17px -147px; + width: 10px; + height: 10px; +} + -- cgit 1.2.3-korg