css/contacts_library.css

   1 .contactsLibraryContentList .contactElement {
   2         padding: 10px;
   3         height: 70px;
   4         box-shadow: none;
   5         border-bottom-style: solid;
   6         border-bottom-width: 2px;
   7         overflow: hidden;
   8         white-space: nowrap;
   9         cursor: pointer;
  10 }
  11
  12 .phoneIcon {
  13         background-repeat: no-repeat;
  14         background-position: center center;
  15         width: 44px;
  16         height: 44px;
  17         display: inline-block;
  18 }
  19
  20 .emailIcon {
  21         background-repeat: no-repeat;
  22         background-position: center center;
  23         width: 44px;
  24         height: 44px;
  25         display: inline-block;
  26 }
  27
  28 .addressIcon {
  29         background-repeat: no-repeat;
  30         background-position: center center;
  31         width: 44px;
  32         height: 44px;
  33         display: inline-block;
  34 }
  35
  36 .contactsLibraryContentList .phoneIcon {
  37         padding-top: 23px;
  38 }
  39
  40 .contactsLibraryContentList .contactPhotoBox {
  41         width: 70px;
  42         height: 70px;
  43         display: inline-block;
  44         margin-left: 22px;
  45         background-position: center center;
  46         background-repeat: no-repeat;
  47         background-size: 100% 100%;
  48 }
  49
  50 .contactsLibraryContentList .contactPhoto {
  51         width: 100%;
  52         height: 100%;
  53 }
  54
  55 .contactsLibraryContentList .contactName {
  56         display: inline-block;
  57         vertical-align: top;
  58         padding-left: 18px;
  59         line-height: 70px;
  60         background-color: transparent !important;
  61         text-transform: uppercase;
  62 }
  63
  64 .contactsLibraryContentGrid {
  65         line-height: 0;
  66 }
  67
  68 .contactsLibraryContentGrid .contactElement {
  69         width: 180px;
  70         height: 180px;
  71         display: inline-block;
  72         margin-right: 7px;
  73         margin-bottom: 10px;
  74         cursor: pointer;
  75 }
  76
  77 .contactsLibraryContentGrid .phoneIcon {
  78         display: none;
  79 }
  80
  81 .contactsLibraryContentGrid .contactPhotoBox {
  82         width: 100%;
  83         height: 100%;
  84         background-size: 100% 100%;
  85 }
  86
  87 .contactsLibraryContentGrid .contactPhoto {
  88         width: 100%;
  89         height: 100%;
  90 }
  91
  92 .contactsLibraryContentGrid .contactName {
  93         position: relative;
  94         padding-left: 10px;
  95         padding-right: 10px;
  96         padding-top: 10px;
  97         top: -80px;
  98         left: 0;
  99         height: 70px;
 100         overflow: hidden;
 101         text-transform: uppercase;
 102 }
 103
 104 .contactDetail {
 105         margin-top: 48px;
 106 }
 107
 108 .contactDetailBox1 {
 109         margin-left: 45px;
 110         width: 120px;
 111         display: inline-block;
 112         vertical-align: top;
 113 }
 114
 115 .contactDetailPhotoBox {
 116         width: 120px;
 117         height: 120px;
 118         display: block;
 119         background-position: center center;
 120         background-repeat: no-repeat;
 121         background-size: 100% 100%;
 122 }
 123
 124 .contactDetailPhoto {
 125         width: 100%;
 126         height: 100%;
 127 }
 128
 129 .contactDetailFavorite {
 130         width: 48px;
 131         height: 48px;
 132         margin: 30px auto 0 auto;
 133         background-position: center center;
 134         background-repeat: no-repeat;
 135         background-size: 100% 100%;
 136 }
 137
 138 .contactDetailBox2 {
 139         display: inline-block;
 140         vertical-align: top;
 141         margin-left: 53px;
 142         width: 385px;
 143 }
 144
 145 .contactDetailBox3 {
 146         margin-bottom: 30px;
 147 }
 148
 149
 150 .contactDetailBox4 {
 151         margin-left: 15px;
 152         vertical-align: top;
 153         display: inline-block;
 154         width: 320px;
 155 }
 156
 157 .missedCallIcon {
 158         background-repeat: no-repeat;
 159         background-position: center center;
 160         width: 42px;
 161         height: 36px;
 162         display: inline-block;
 163 }
 164
 165 .missedNewCallIcon {
 166         background-repeat: no-repeat;
 167         background-position: center center;
 168         width: 42px;
 169         height: 36px;
 170         display: inline-block;
 171 }
 172
 173 .receivedCallIcon {
 174         background-repeat: no-repeat;
 175         background-position: center center;
 176         width: 42px;
 177         height: 36px;
 178         display: inline-block;
 179 }
 180
 181 .dialedCallIcon {
 182         background-repeat: no-repeat;
 183         background-position: center center;
 184         width: 42px;
 185         height: 36px;
 186         display: inline-block;
 187 }
 188
 189 .callHistoryBox {
 190         margin-top: 20px;
 191         border-top-style: solid;
 192         border-top-width: 2px;
 193 }
 194
 195 .callHistoryElement {
 196         padding: 18px 0 18px 0;
 197         box-shadow: none;
 198         border-bottom-style: solid;
 199         border-bottom-width: 2px;
 200         overflow: hidden;
 201         white-space: nowrap;
 202 }
 203
 204 .callHistoryIcon {
 205         padding-top: 8px;
 206         margin-left: 20px;
 207 }
 208 .callHistoryIconGen {
 209         top: -10px;
 210         background-size: 70%;
 211 }
 212
 213 .callHistoryDetails {
 214         display: inline-block;
 215         vertical-align: top;
 216 }