src/themes/tizen/common/jquery.mobile.tizen.popupwindow.less

   1 @import "config.less";
   2
   3 .ui-popupwindow-screen {
   4     background: #000000;
   5     opacity: 0;
   6         position: absolute;
   7         top: 0;
   8         left: 0;
   9         width: 100%;
  10         height: 100%;
  11         z-index: @z_base_popup;
  12 }
  13
  14 .ui-popupwindow {
  15
  16         position: absolute;
  17         z-index: (@z_base_popup + 1) !important;
  18         background: #536771; //recheck color and change it to var
  19         color: white; //recheck color and change it to var
  20
  21         padding: 2px 2px;
  22
  23         .center_info {
  24
  25                 .LESSdisplaybox();
  26                 .LESSbox-orient(vertical);
  27                 .LESSbox-align(center);
  28                 .LESSbox-pack(center);
  29
  30                 .popup-text {
  31                         font-size: @font_size_popup_info_style;
  32                         background: @color_popup_text_background;
  33                         width: 100%;
  34                         p {
  35                                 text-align: center;
  36                                 padding: 22px 16px;
  37                         }
  38                 }
  39         }
  40
  41         .center_title {
  42
  43                 .LESSdisplaybox();
  44                 .LESSbox-orient(vertical);
  45                 .LESSbox-align(center);
  46                 .LESSbox-pack(center);
  47
  48                 text-align: center;
  49
  50                 .popup-title {
  51                         font-size: @font_size_popup_basic_style_title;
  52                         height: 64px;
  53                         p {
  54                                 margin: 0px 0px;
  55                                 padding: 13px 0px;
  56                         }
  57                 }
  58                 .popup-text {
  59                         font-size: @font_size_popup_info_style;
  60                         background: @color_popup_text_background;
  61                         width: 100%;
  62                         p {
  63                                 text-align: center;
  64                                 padding: 22px 16px;
  65                         }
  66                 }
  67         }
  68
  69         .center_basic_1btn {
  70
  71                 .LESSdisplaybox();
  72                 .LESSbox-orient(vertical);
  73                 .LESSbox-align(center);
  74                 .LESSbox-pack(center);
  75
  76                 text-align: center;
  77
  78                 .popup-text {
  79                         font-size: @font_size_popup_info_style;
  80                         background: @color_popup_text_background;
  81                         width: 100%;
  82                         p {
  83                                 text-align: center;
  84                                 padding: 22px 16px;
  85                         }
  86                 }
  87
  88                 .popup-button-bg {
  89                         font-size: @font_size_popup_button_text;
  90                         background: @color_popup_button_background;
  91                         width: 100%;
  92                         padding-top: 11px;
  93                         padding-bottom: 11px;
  94                         vertical-align: middle;
  95
  96                         .ui-btn {
  97                                 width: 402px;
  98                                 height: 74px;
  99                                 margin:auto;
 100
 101                         }
 102                 }
 103         }
 104         .center_basic_2btn {
 105
 106                 .LESSdisplaybox();
 107                 .LESSbox-orient(vertical);
 108                 .LESSbox-align(center);
 109                 .LESSbox-pack(center);
 110
 111                 text-align: center;
 112
 113                 .popup-text {
 114                         font-size: @font_size_popup_info_style;
 115                         background: @color_popup_text_background;
 116                         width: 100%;
 117                         p {
 118                                 text-align: center;
 119                                 padding: 22px 16px;
 120                         }
 121                 }
 122
 123                 .popup-button-bg {
 124                         font-size: @font_size_popup_button_text;
 125                         background: @color_popup_button_background;
 126                         width: 100%;
 127                         padding-top: 11px;
 128                         padding-bottom: 11px;
 129                         vertical-align: middle;
 130
 131                         .ui-btn {
 132                                 width: 274px;
 133                                 height: 74px;
 134                                 margin-top: 0px;
 135                                 margin-bottom: 0px;
 136                                 margin-left: 5px;
 137                                 margin-right: 5px;
 138
 139                                 display: inline-block;
 140                         }
 141                 }
 142         }
 143         .center_basic_3btn {
 144
 145                 .LESSdisplaybox();
 146                 .LESSbox-orient(vertical);
 147                 .LESSbox-align(center);
 148                 .LESSbox-pack(center);
 149
 150                 text-align: center;
 151
 152                 .popup-text {
 153                         font-size: @font_size_popup_info_style;
 154                         background: @color_popup_text_background;
 155                         width: 100%;
 156                         p {
 157                                 text-align: center;
 158                                 padding: 22px 16px;
 159                         }
 160                 }
 161
 162                 .popup-button-bg {
 163                         font-size: @font_size_popup_button_text;
 164                         background: @color_popup_button_background;
 165                         width: 100%;
 166                         padding-top: 11px;
 167                         padding-bottom: 11px;
 168                         vertical-align: middle;
 169
 170                         .ui-btn {
 171                                 width: 186px;
 172                                 height: 74px;
 173                                 margin-top: 0px;
 174                                 margin-bottom: 0px;
 175                                 margin-left: 5px;
 176                                 margin-right: 5px;
 177
 178                                 display: inline-block;
 179                         }
 180                 }
 181         }
 182         .center_title_1btn {
 183
 184                 .LESSdisplaybox();
 185                 .LESSbox-orient(vertical);
 186                 .LESSbox-align(center);
 187                 .LESSbox-pack(center);
 188
 189                 text-align: center;
 190
 191                 .popup-title {
 192                         font-size: @font_size_popup_basic_style_title;
 193                         height: 64px;
 194                         p {
 195                                 margin: 0px 0px;
 196                                 padding: 13px 0px;
 197                         }
 198                 }
 199                 .popup-text {
 200                         font-size: @font_size_popup_info_style;
 201                         background: @color_popup_text_background;
 202                         width: 100%;
 203                         p {
 204                                 text-align: center;
 205                                 padding: 22px 16px;
 206                         }
 207                 }
 208
 209                 .popup-button-bg {
 210                         font-size: @font_size_popup_button_text;
 211                         background: @color_popup_button_background;
 212                         width: 100%;
 213                         padding-top: 11px;
 214                         padding-bottom: 11px;
 215                         vertical-align: middle;
 216
 217                         .ui-btn {
 218                                 width: 402px;
 219                                 height: 74px;
 220                                 margin:auto;
 221
 222                         }
 223                 }
 224         }
 225         .center_title_2btn {
 226
 227                 .LESSdisplaybox();
 228                 .LESSbox-orient(vertical);
 229                 .LESSbox-align(center);
 230                 .LESSbox-pack(center);
 231
 232                 text-align: center;
 233
 234                 .popup-title {
 235                         font-size: @font_size_popup_basic_style_title;
 236                         height: 64px;
 237                         p {
 238                                 margin: 0px 0px;
 239                                 padding: 13px 0px;
 240                         }
 241                 }
 242                 .popup-text {
 243                         font-size: @font_size_popup_info_style;
 244                         background: @color_popup_text_background;
 245                         width: 100%;
 246                         p {
 247                                 text-align: center;
 248                                 padding: 22px 16px;
 249                         }
 250                 }
 251
 252                 .popup-button-bg {
 253                         font-size: @font_size_popup_button_text;
 254                         background: @color_popup_button_background;
 255                         width: 100%;
 256                         padding-top: 11px;
 257                         padding-bottom: 11px;
 258                         vertical-align: middle;
 259
 260                         .ui-btn {
 261                                 width: 274px;
 262                                 height: 74px;
 263                                 margin-top: 0px;
 264                                 margin-bottom: 0px;
 265                                 margin-left: 5px;
 266                                 margin-right: 5px;
 267
 268                                 display: inline-block;
 269                         }
 270                 }
 271         }
 272         .center_title_3btn {
 273
 274                 .LESSdisplaybox();
 275                 .LESSbox-orient(vertical);
 276                 .LESSbox-align(center);
 277                 .LESSbox-pack(center);
 278
 279                 text-align: center;
 280
 281                 .popup-title {
 282                         font-size: @font_size_popup_basic_style_title;
 283                         height: 64px;
 284                         p {
 285                                 margin: 0px 0px;
 286                                 padding: 13px 0px;
 287                         }
 288                 }
 289                 .popup-text {
 290                         font-size: @font_size_popup_info_style;
 291                         background: @color_popup_text_background;
 292                         width: 100%;
 293                         p {
 294                                 text-align: center;
 295                                 padding: 22px 16px;
 296                         }
 297                 }
 298
 299                 .popup-button-bg {
 300                         font-size: @font_size_popup_button_text;
 301                         background: @color_popup_button_background;
 302                         width: 100%;
 303                         padding-top: 11px;
 304                         padding-bottom: 11px;
 305                         vertical-align: middle;
 306
 307                         .ui-btn {
 308                                 width: 186px;
 309                                 height: 74px;
 310                                 margin-top: 0px;
 311                                 margin-bottom: 0px;
 312                                 margin-left: 5px;
 313                                 margin-right: 5px;
 314
 315                                 display: inline-block;
 316                         }
 317                 }
 318         }
 319         .center_button_vertical {
 320
 321                 .LESSdisplaybox();
 322                 .LESSbox-orient(vertical);
 323                 .LESSbox-align(center);
 324                 .LESSbox-pack(center);
 325
 326                 text-align: center;
 327
 328                 .popup-text {
 329                         font-size: @font_size_popup_info_style;
 330                         background: @color_popup_text_background;
 331                         width: 100%;
 332                         p {
 333                                 text-align: center;
 334                                 padding: 22px 16px;
 335                         }
 336                 }
 337
 338                 .popup-button-bg {
 339                         font-size: @font_size_popup_button_text;
 340                         background: @color_popup_button_background;
 341                         width: 100%;
 342                         padding-top: 1px; //TODO
 343                         padding-bottom: 16px;
 344                         vertical-align: middle;
 345
 346                         .ui-btn {
 347                                 width: 356px;
 348                                 height: 74px;
 349                                 margin-top: 16px;
 350                                 margin-bottom: 0px;
 351                                 margin-left: auto;
 352                                 margin-right: auto;
 353                         }
 354                 }
 355         }
 356         .center_checkbox {
 357
 358                 .LESSdisplaybox();
 359                 .LESSbox-orient(vertical);
 360                 .LESSbox-align(center);
 361                 .LESSbox-pack(center);
 362
 363                 text-align: center;
 364
 365                 .popup-text {
 366                         font-size: @font_size_popup_info_style;
 367                         background: @color_popup_text_background;
 368                         width: 100%;
 369                         p {
 370                                 text-align: center;
 371                                 padding: 22px 16px;
 372                         }
 373                 }
 374
 375                 .popup-check-bg {
 376                         font-size: @font_size_popup_info_style;
 377                         background: @color_popup_text_background;
 378                         width: 100%;
 379                         padding-top: 0px;
 380                         padding-bottom: 22px;
 381                         vertical-align: middle;
 382
 383                         .ui-checkbox {
 384                                 .ui-btn {
 385                                         text-align: center;
 386                                         background: @color_popup_text_background;
 387                                         border: 0px;
 388
 389                                         .ui-btn-inner {
 390                                                 border: 0px;
 391                                         }
 392                                 }
 393                         }
 394                 }
 395
 396                 .popup-button-bg {
 397                         font-size: @font_size_popup_button_text;
 398                         background: @color_popup_button_background;
 399                         width: 100%;
 400                         padding-top: 11px;
 401                         padding-bottom: 11px;
 402                         vertical-align: middle;
 403
 404                         .ui-btn {
 405                                 width: 274px;
 406                                 height: 74px;
 407                                 margin-top: 0px;
 408                                 margin-bottom: 0px;
 409                                 margin-left: 5px;
 410                                 margin-right: 5px;
 411
 412                                 display: inline-block;
 413                         }
 414                 }
 415         }
 416         .center_liststyle_1btn {
 417
 418                 .LESSdisplaybox();
 419                 .LESSbox-orient(vertical);
 420                 .LESSbox-align(center);
 421                 .LESSbox-pack(center);
 422
 423                 text-align: center;
 424
 425                 .popup-title {
 426                         font-size: @font_size_popup_basic_style_title;
 427                         height: 64px;
 428                         p {
 429                                 margin: 0px 0px;
 430                                 padding: 13px 0px;
 431                         }
 432                 }
 433                 .popup-scroller-bg {
 434                         width: 100%;
 435                         overflow: hidden;
 436                         background: black;
 437
 438                         .ui-listview {
 439                                 height: 512px;
 440                         }
 441                 }
 442                 .popup-button-bg {
 443                         font-size: @font_size_popup_button_text;
 444                         background: @color_popup_button_background;
 445                         width: 100%;
 446                         padding-top: 11px;
 447                         padding-bottom: 11px;
 448                         vertical-align: middle;
 449
 450                         .ui-btn {
 451                                 width: 402px;
 452                                 height: 74px;
 453                                 margin:auto;
 454
 455                         }
 456                 }
 457         }
 458         .center_liststyle_2btn {
 459
 460                 .LESSdisplaybox();
 461                 .LESSbox-orient(vertical);
 462                 .LESSbox-align(center);
 463                 .LESSbox-pack(center);
 464
 465                 text-align: center;
 466
 467                 .popup-title {
 468                         font-size: @font_size_popup_basic_style_title;
 469                         height: 64px;
 470                         p {
 471                                 margin: 0px 0px;
 472                                 padding: 13px 0px;
 473                         }
 474                 }
 475                 .popup-scroller-bg {
 476                         width: 100%;
 477                         overflow: hidden;
 478                         background: black;
 479
 480                         .ui-listview {
 481                                 height: 512px;
 482                         }
 483                 }
 484                 .popup-button-bg {
 485                         font-size: @font_size_popup_button_text;
 486                         background: @color_popup_button_background;
 487                         width: 100%;
 488                         padding-top: 11px;
 489                         padding-bottom: 11px;
 490                         vertical-align: middle;
 491
 492                         .ui-btn {
 493                                 width: 274px;
 494                                 height: 74px;
 495                                 margin-top: 0px;
 496                                 margin-bottom: 0px;
 497                                 margin-left: 5px;
 498                                 margin-right: 5px;
 499
 500                                 display: inline-block;
 501                         }
 502                 }
 503         }
 504         .center_liststyle_3btn {
 505
 506                 .LESSdisplaybox();
 507                 .LESSbox-orient(vertical);
 508                 .LESSbox-align(center);
 509                 .LESSbox-pack(center);
 510
 511                 text-align: center;
 512
 513                 .popup-title {
 514                         font-size: @font_size_popup_basic_style_title;
 515                         height: 64px;
 516                         p {
 517                                 margin: 0px 0px;
 518                                 padding: 13px 0px;
 519                         }
 520                 }
 521                 .popup-scroller-bg {
 522                         width: 100%;
 523                         overflow: hidden;
 524                         background: black;
 525
 526                         .ui-listview {
 527                                 height: 512px;
 528                         }
 529                 }
 530                 .popup-button-bg {
 531                         font-size: @font_size_popup_button_text;
 532                         background: @color_popup_button_background;
 533                         width: 100%;
 534                         padding-top: 11px;
 535                         padding-bottom: 11px;
 536                         vertical-align: middle;
 537
 538                         .ui-btn {
 539                                 width: 186px;
 540                                 height: 74px;
 541                                 margin-top: 0px;
 542                                 margin-bottom: 0px;
 543                                 margin-left: 5px;
 544                                 margin-right: 5px;
 545
 546                                 display: inline-block;
 547                         }
 548                 }
 549         }
 550
 551         .center_progressbar {
 552
 553                 .LESSdisplaybox();
 554                 .LESSbox-orient(vertical);
 555                 .LESSbox-align(center);
 556                 .LESSbox-pack(center);
 557
 558                 text-align: center;
 559
 560                 .popup-text {
 561                         font-size: @font_size_popup_center_progressbar_title;
 562                         font-color: @color_popup_center_progressbar_title;
 563                         background: @color_popup_text_background;
 564                         width: 100%;
 565                         height: 70px;
 566                         p {
 567                                 height: 100%;
 568                                 text-align: center;
 569                                 padding: 22px 16px 0px 16px;
 570                         }
 571                 }
 572
 573                 .popup-text-bottom-bg {
 574                         font-size: @font_size_popup_center_progressbar_title;
 575                         font-color: @color_popup_center_progressbar_title;
 576                         background: @color_popup_text_background;
 577                         width: 100%;
 578                         vertical-align: middle;
 579
 580                         .text-left {
 581                                 width: 40%;
 582                                 height: 48px;
 583                                 padding: 0px 16px 0px 16px;
 584                                 text-align: left;
 585
 586                                 display: inline-block;
 587                         }
 588                         .text-right {
 589                                 width: 40%;
 590                                 height: 48px;
 591                                 padding: 0px 16px 0px 16px;
 592                                 text-align: right;
 593
 594                                 display: inline-block;
 595                         }
 596
 597                 }
 598
 599                 .popup-button-bg {
 600                         font-size: @font_size_popup_button_text;
 601                         background: @color_popup_button_background;
 602                         width: 100%;
 603                         padding-top: 11px;
 604                         padding-bottom: 11px;
 605                         vertical-align: middle;
 606
 607                         .ui-btn {
 608                                 width: 402px;
 609                                 height: 74px;
 610                                 margin:auto;
 611
 612                         }
 613                 }
 614
 615                 .popup-progress-bg {
 616                         background: @color_popup_text_background;
 617                         width: 100%;
 618                         height: 100%;
 619                 }
 620         }
 621
 622         .centertext_progressbar {
 623
 624                 .LESSdisplaybox();
 625                 .LESSbox-orient(vertical);
 626                 .LESSbox-align(center);
 627                 .LESSbox-pack(center);
 628
 629                 text-align: center;
 630
 631                 .popup-text {
 632                         font-size: @font_size_popup_center_progressbar_title;
 633                         font-color: @color_popup_center_progressbar_title;
 634                         background: @color_popup_text_background;
 635                         width: 100%;
 636                         padding-top: 22px;
 637                         padding-bottom: 16px;
 638                         p {
 639                                 text-align: center;
 640                         }
 641                 }
 642
 643                 .popup-text-bottom-bg {
 644                         font-size: @font_size_popup_center_progressbar_title;
 645                         font-color: @color_popup_center_progressbar_title;
 646                         background: @color_popup_text_background;
 647                         width: 100%;
 648                         vertical-align: middle;
 649
 650                         .text-left {
 651                                 width: 40%;
 652                                 height: 40px;
 653                                 padding: 16px 16px 22px 16px;
 654                                 text-align: left;
 655
 656                                 display: inline-block;
 657                         }
 658                         .text-right {
 659                                 width: 40%;
 660                                 height: 40px;
 661                                 padding: 16px 16px 22px 16px;
 662                                 text-align: right;
 663
 664                                 display: inline-block;
 665                         }
 666
 667                 }
 668
 669                 .popup-button-bg {
 670                         font-size: @font_size_popup_button_text;
 671                         background: @color_popup_button_background;
 672                         width: 100%;
 673                         padding-top: 11px;
 674                         padding-bottom: 11px;
 675                         vertical-align: middle;
 676
 677                         .ui-btn {
 678                                 width: 402px;
 679                                 height: 74px;
 680                                 margin:auto;
 681
 682                         }
 683                 }
 684
 685                 .popup-progress-bg {
 686                         background: @color_popup_text_background;
 687                         width: 100%;
 688                         height: 100%;
 689                 }
 690         }
 691
 692 }
 693 .ui-popupwindow > .ui-volumecontrol {
 694
 695         display: table;
 696         margin: auto;
 697         background: rgba(0, 0, 0, 0.666667);
 698         width: 416px;
 699         height: 676px;
 700         padding-top: 22px;
 701
 702         h1 {
 703                 font-size: @font_size_popup_info_style;
 704                 display: table;
 705                 margin: auto;
 706                 color: #c0c0c0;
 707         }
 708
 709         .ui-volumecontrol-icon {
 710                 display: table;
 711                 width: 100%;
 712                 height: 128px;
 713                 padding-top: 21px;
 714                 padding-bottom: 21px;
 715                 padding-left: 165px;
 716                 padding-right: 165px;
 717         }
 718
 719         .ui-volumecontrol-indicator {
 720                 display: table;
 721                 width: 100%;
 722                 height: 420px;
 723                 padding-left: 68px;
 724                 padding-right: 68px;
 725         }
 726
 727         .ui-corner-all {
 728                 -moz-border-radius: 0.3em !important;
 729                 -webkit-border-radius: 0.3em !important;
 730                 border-radius: 0.3em !important;
 731         }
 732 }
 733
 734
 735
 736
 737
 738 .ui-popupwindow-corner-all {
 739         -moz-border-radius: 0em !important;
 740         -webkit-border-radius: 0em !important;
 741         border-radius: 0em !important;
 742 }