css/style.css

   1 html,body {
   2         margin: 0px 0px;
   3         background-color: #000;
   4         width: 100%;
   5         height: 100%;
   6         color: #fff;
   7         font-family: Lucida Sans, Arial, Helvetica, sans-serif;
   8         overflow: hidden;
   9 }
  10
  11 ul.calllogList li.date {
  12         background-color: #424242;
  13         color: #9B9B9B;
  14         height: 22px;
  15         font-size: 15px;
  16         padding-left: 10px;
  17         padding-top: 5px;
  18 }
  19
  20 ul {
  21         list-style-type: none;
  22         margin: 0;
  23         padding: 0;
  24         padding-bottom: 60px;
  25         width: 100%;
  26         /*float: left;*/
  27 }
  28
  29
  30
  31 li {
  32         border-bottom: 1px solid #5A99BA;
  33         padding: 8px 8px 6px 8px;
  34         background-color: #FFF;
  35         /*float: left;*/
  36         width: 100%;
  37 }
  38
  39 .hidden {
  40         display: none;
  41 }
  42
  43 .call .numberOrName {
  44         font-size: 20px;
  45 }
  46
  47 .date {
  48         background-color: #5A99BA;
  49         color: #FFF;
  50 }
  51
  52 .call .callTime {
  53         font-size: 14px;
  54         color: #646464;
  55         margin-left: 20px;
  56         /*float: left;*/
  57         margin-top: 2px;
  58 }
  59
  60 .call .callAllTime {
  61         font-size: 20px;
  62 }
  63
  64 .call .callDuration {
  65         font-size: 14px;
  66         color: #646464;
  67         margin-left: 20px;
  68         /*float: left;*/
  69         margin-top: 2px;
  70 }
  71
  72 .footer {
  73         background-color: #242F36;
  74         height: 45px;
  75 }
  76
  77 .details {
  78         background-color: #5A99BA;
  79         height: 30px;
  80         color: white;
  81         text-align: center;
  82         padding-top: 10px;
  83         margin-top: 0px;
  84 }
  85
  86 .detailsView {
  87         background-color: #0f0f0f;
  88 }
  89
  90 .contact {
  91         border-bottom: 1px solid #5A99BA;
  92         background-color: #FFF;
  93         height: 110px;
  94 }
  95
  96 .contact .photo {
  97         width: 50px;
  98         height: 50px;
  99         background-image: url('../images/no_photo.png');
 100         background-repeat: no-repeat;
 101         margin: 8px;
 102         float: left;
 103         background-size: 50px;
 104 }
 105
 106 .contact .name {
 107         font-size: 20px;
 108         padding-top: 10px;
 109         color: #555;
 110 }
 111
 112 .contact .number {
 113         font-size: 20px;
 114         color: #948676;
 115         clear: right;
 116 }
 117
 118 .contact .infoContainer {
 119         width: 100%;
 120         height: 66px;
 121 }
 122
 123 .contact .options {
 124         clear: both;
 125         margin: 0px 0px 8px 8px;
 126         float: left;
 127         width: 100%;
 128 }
 129
 130 .contact .options p {
 131         float: left;
 132         margin: 5px 5px 5px 10px;
 133         border: 1px solid #2F2F2F;
 134         padding: 4px;
 135         width: 25%;
 136         text-align: center;
 137         background-color: black;
 138         border-radius: 3px;
 139         border-color: #090909 #1F1F1F #1F1F1F #090909;
 140         font-size: 28px;
 141 }
 142
 143 .options .actionButton {
 144         width: 43%;
 145 }
 146
 147 .trash {
 148         background-image: url(../images/trash.png);
 149         width: 21px;
 150         height: 100%;
 151         float: left;
 152         margin: 15px;
 153         background-size: 100%;
 154         background-repeat: no-repeat;
 155 }
 156
 157 #detailsStandardFooter {
 158         height: 100%;
 159 }
 160
 161 #detailsRemoveFooter {
 162         height: 80px;
 163 }
 164
 165 .trashDisabled {
 166         background-image: url(../images/trash.png);
 167         width: 18px;
 168         height: 20px;
 169         float: left;
 170         margin: 13px;
 171         background-size: 18px;
 172         opacity: 0.5;
 173 }
 174
 175 .exit,.back {
 176         background-image: url(../images/exit.png);
 177         width: 44px;
 178         height: 27px;
 179         float: right;
 180         border: 0;
 181         margin-right: 15px;
 182         background-repeat: no-repeat;
 183         margin-top: 8px;
 184         background-size: 44px;
 185 }
 186
 187 .cancel {
 188         width: 64px;
 189         height: 27px;
 190         float: right;
 191         border: 0;
 192         margin-right: 15px;
 193         margin-top: 8px;
 194         background-color: #353535;
 195         color: #fff;
 196         border-radius: 4px;
 197         width: 200px;
 198         height: 80px;
 199         font-size: 44px;
 200         float: right;
 201         margin-top: 18px;
 202         margin-right: 10px;
 203 }
 204
 205 .call .iconStatus {
 206         width: 14px;
 207         height: 14px;
 208         float: left;
 209         background-size: 14px;
 210         margin-top: 2px;
 211 }
 212
 213 .call.type_tizen-tel .iconStatus {
 214         background-image: url('../images/logs_list_call_icon.png');
 215 }
 216
 217 .call.dir_dialed .iconStatus {
 218         background-image: url('../images/logs_list_dialled_icon.png');
 219 }
 220
 221 .call.dir_missed .iconStatus {
 222         background-image: url('../images/logs_list_missed_icon.png');
 223 }
 224
 225 .call.dir_missed-new .iconStatus {
 226         background-image: url('../images/logs_list_missed_unchecked_icon.png');
 227 }
 228
 229 .call.dir_received .iconStatus {
 230         background-image: url('../images/logs_list_received_icon.png');
 231 }
 232
 233 .call.dir_rejected .iconStatus {
 234         background-image: url('../images/logs_list_rejected_icon.png');
 235 }
 236
 237 .noPhoto {
 238         background-image: url('../images/no_photo.png');
 239 }
 240
 241 .toRemove {
 242         float: left;
 243         background-size: 100%;
 244         border-radius: 4px;
 245         margin-right: 5px;
 246 }
 247
 248 .toRemove input {
 249         opacity: 0;
 250         width: 20px;
 251         height: 20px;
 252 }
 253
 254 .toRemove .ui-checkbox {
 255         position: relative !important;
 256         height: auto;
 257 }
 258
 259 .checked {
 260         background-image: url('../images/checkboxChecked.png');
 261 }
 262
 263 .selectAllBox {
 264         background: #5A99BA;
 265         float: left;
 266         height: 33px;
 267         width: 100%;
 268         border-bottom: solid 1px white;
 269         padding: 5px 0;
 270 }
 271
 272 .selectAllBox .toRemove {
 273         margin-top: 0px;
 274         height: 30px;
 275         width: 40px;
 276         padding-left: 10px;
 277 }
 278 /*
 279 .selectAllBox input {
 280         float: left;
 281         width: 25px;
 282         height: 25px;
 283         margin-left: -3px;
 284         margin-top: -2px;
 285 }*/
 286
 287 .selectAllBox p {
 288         float: left;
 289         margin: 5px 0 0;
 290         color: #FFF;
 291 }
 292
 293 .selectedCount {
 294         height: 20px;
 295         text-align: center;
 296         background-color: #424242;
 297         padding: 4px 0;
 298 }
 299
 300 .calllogList .toRemove {
 301         display: none;
 302 }
 303
 304 .find {
 305         height: 40px;
 306         text-align: left;
 307         background-color: #424242;
 308         padding: 4px 0;
 309 }
 310
 311 .find input {
 312         width: 200px;
 313         float: left:
 314 }
 315
 316 .ui-image-search {
 317         width: auto;
 318         right: 0;
 319         left: auto;
 320 }
 321
 322 .ui-checkbox, .ui-radio {
 323         height: 0;
 324 }
 325
 326 .my-ui-checkbox {
 327         position: relative;
 328         float: left;
 329         margin-top: -1rem;
 330         margin-right: 1.5rem;
 331         left: 0rem;
 332 }
 333
 334 .ui-listview {
 335         margin: 0px;
 336         padding: 0px;
 337         border-top-width: 0px;
 338 }
 339
 340 .input-search-bar {
 341         margin: 0px;
 342 }
 343
 344 .ui-content.ui-scrollview-clip > div.ui-scrollview-view {
 345         margin: 0px;
 346         padding: 0px;
 347 }
 348
 349 .ui-content .ui-listview {
 350         margin: 0px;
 351         padding: 0px;
 352 }
 353
 354 #delete {
 355         width: 70px;
 356 }
 357
 358 #delete-toolbar {
 359         width: 70px;
 360 }
 361
 362 .ui-controlbar-s, .ui-controlbar-left, .ui-controlbar-right {
 363         border: 0px;
 364 }
 365
 366 #header.ui-bar-s .ui-btn {
 367         /*width: 100px; // this property changed back button width*/
 368 }
 369
 370 .ui-popupwindow .center_basic_1btn .popup-button-bg .ui-btn {
 371         width: 7rem;
 372         margin: 0px 10px;
 373 }