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