css/style.css

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