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