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