Etusivu Tutki Apua
Rekisteröidy Kirjaudu sisään
raolu
/
PC-application
Tarkkaile 0
Äänestä 0
Fork 1
Tiedostot Ongelmat 0 Pull-pyynnöt 0 Wiki
Puu: e1ddb1d847
Branchit Tagit
PC-application
/
plugins
/
artDialog
/
6.0.5
/
css
/
ui-dialog.min.css

ui-dialog.min.css 13 KB
Historia Raaka

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126 
  1. /*.ui-popup-full { width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 25px !important; left: 0 !important }*/
    2. 

  2. .ui-dialog {
    3. 

  3.  *zoom: 1; _float: left; position: relative; background-color: #FFF; border: 1px solid #999; border-radius: 6px; outline: 0; background-clip: padding-box; font-family: Helvetica, arial, sans-serif; font-size: 14px; line-height: 1.428571429; color: #333; opacity: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform .15s ease-in-out, opacity .15s ease-in-out; transition: transform .15s ease-in-out, opacity .15s ease-in-out; padding: 0 10px }
    4. 

  4. .ui-popup-show .ui-dialog { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }
    5. 

  5. .ui-popup-focus .ui-dialog { box-shadow: 0 0 8px rgba(0, 0, 0, 0.1) }
    6. 

  6. .ui-popup-modal .ui-dialog { box-shadow: 0 0 8px rgba(0, 0, 0, 0.1), 0 0 256px rgba(255, 255, 255, .3) }
    7. 

  7. .ui-dialog-grid { width: 100%; margin: 0; border: 0 none; border-collapse: collapse; border-spacing: 0; background: transparent }
    8. 

  8. .ui-dialog-header, .ui-dialog-body, .ui-dialog-footer { padding: 0; border: 0 none; text-align: left; background: transparent }
    9. 

  9. .ui-dialog-header { white-space: nowrap; border-bottom: 1px solid #e5e5e5 }
    10. 

  10. .ui-dialog-close { position: relative; _position: absolute; float: right; top: 13px; right: 13px; _height: 26px; padding: 0 4px; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #FFF; opacity: .2; filter: alpha(opacity=20); cursor: pointer; background: transparent; _background: #FFF; border: 0; -webkit-appearance: none }
    11. 

  11. .ui-dialog-close:hover, .ui-dialog-close:focus { color: #000; text-decoration: none; cursor: pointer; outline: 0; opacity: .5; filter: alpha(opacity=50) }
    12. 

  12. .ui-dialog-title { margin: 0; line-height: 1.428571429; min-height: 16.428571429px; padding: 15px; overflow: hidden; white-space: pre-wrap;font-weight: bold; cursor: default }
    13. 

  13. .ui-dialog-body { padding: 20px; text-align: center }
    14. 

  14. .ui-dialog-content { display: inline-block; position: relative; vertical-align: middle;  *zoom: 1; *display: inline;text-align: left }
    15. 

  15. .ui-dialog-footer { padding: 0 20px 20px 20px }
    16. 

  16. .ui-dialog-statusbar { float: left; margin-right: 20px; padding: 6px 0; line-height: 1.428571429; font-size: 14px; color: #888; white-space: nowrap }
    17. 

  17. .ui-dialog-statusbar label:hover { color: #333 }
    18. 

  18. .ui-dialog-statusbar input, .ui-dialog-statusbar .label { vertical-align: middle }
    19. 

  19. .ui-dialog-button { float: right; white-space: nowrap }
    20. 

  20. .ui-dialog-footer button + button { margin-bottom: 0; margin-left: 5px }
    21. 

  21. .ui-dialog-footer button { width: auto; overflow: visible; display: inline-block; padding: 6px 12px; _margin-left: 5px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none }
    22. 

  22. .ui-dialog-footer button:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px }
    23. 

  23. .ui-dialog-footer button:hover, .ui-dialog-footer button:focus { color: #333; text-decoration: none }
    24. 

  24. .ui-dialog-footer button:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) }
    25. 

  25. .ui-dialog-footer button[disabled] { pointer-events: none; cursor: not-allowed; opacity: .65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none }
    26. 

  26. .ui-dialog-footer button { color: #333; background-color: #fff; border-color: #ccc }
    27. 

  27. .ui-dialog-footer button:hover, .ui-dialog-footer button:focus, .ui-dialog-footer button:active { color: #333; background-color: #ebebeb; border-color: #adadad }
    28. 

  28. .ui-dialog-footer button:active { background-image: none }
    29. 

  29. .ui-dialog-footer button[disabled], .ui-dialog-footer button[disabled]:hover, .ui-dialog-footer button[disabled]:focus, .ui-dialog-footer button[disabled]:active { background-color: #fff; border-color: #ccc }
    30. 

  30. .ui-dialog-footer button.ui-dialog-autofocus { color: #fff; background-color: #428bca; border-color: #357ebd }
    31. 

  31. .ui-dialog-footer button.ui-dialog-autofocus:hover, .ui-dialog-footer button.ui-dialog-autofocus:focus, .ui-dialog-footer button.ui-dialog-autofocus:active { color: #fff; background-color: #3276b1; border-color: #285e8e }
    32. 

  32. .ui-dialog-footer button.ui-dialog-autofocus:active { background-image: none }
    33. 

  33. .ui-popup-top-left .ui-dialog, .ui-popup-top .ui-dialog, .ui-popup-top-right .ui-dialog { top: -8px }
    34. 

  34. .ui-popup-bottom-left .ui-dialog, .ui-popup-bottom .ui-dialog, .ui-popup-bottom-right .ui-dialog { top: 8px }
    35. 

  35. .ui-popup-left-top .ui-dialog, .ui-popup-left .ui-dialog, .ui-popup-left-bottom .ui-dialog { left: -8px }
    36. 

  36. .ui-popup-right-top .ui-dialog, .ui-popup-right .ui-dialog, .ui-popup-right-bottom .ui-dialog { left: 8px }
    37. 

  37. .ui-dialog-arrow-a, .ui-dialog-arrow-b { position: absolute; display: none; width: 0; height: 0; overflow: hidden; _color: #ff3fff; _filter: chroma(color=#FF3FFF); border: 8px dashed transparent }
    38. 

  38. .ui-popup-follow .ui-dialog-arrow-a, .ui-popup-follow .ui-dialog-arrow-b { display: block }
    39. 

  39. .ui-popup-top-left .ui-dialog-arrow-a, .ui-popup-top .ui-dialog-arrow-a, .ui-popup-top-right .ui-dialog-arrow-a { bottom: -16px; border-top: 8px solid #7c7c7c }
    40. 

  40. .ui-popup-top-left .ui-dialog-arrow-b, .ui-popup-top .ui-dialog-arrow-b, .ui-popup-top-right .ui-dialog-arrow-b { bottom: -15px; border-top: 8px solid #fff }
    41. 

  41. .ui-popup-top-left .ui-dialog-arrow-a, .ui-popup-top-left .ui-dialog-arrow-b { left: 15px }
    42. 

  42. .ui-popup-top .ui-dialog-arrow-a, .ui-popup-top .ui-dialog-arrow-b { left: 50%; margin-left: -8px }
    43. 

  43. .ui-popup-top-right .ui-dialog-arrow-a, .ui-popup-top-right .ui-dialog-arrow-b { right: 15px }
    44. 

  44. .ui-popup-bottom-left .ui-dialog-arrow-a, .ui-popup-bottom .ui-dialog-arrow-a, .ui-popup-bottom-right .ui-dialog-arrow-a { top: -16px; border-bottom: 8px solid #7c7c7c }
    45. 

  45. .ui-popup-bottom-left .ui-dialog-arrow-b, .ui-popup-bottom .ui-dialog-arrow-b, .ui-popup-bottom-right .ui-dialog-arrow-b { top: -15px; border-bottom: 8px solid #fff }
    46. 

  46. .ui-popup-bottom-left .ui-dialog-arrow-a, .ui-popup-bottom-left .ui-dialog-arrow-b { left: 15px }
    47. 

  47. .ui-popup-bottom .ui-dialog-arrow-a, .ui-popup-bottom .ui-dialog-arrow-b { margin-left: -8px; left: 50% }
    48. 

  48. .ui-popup-bottom-right .ui-dialog-arrow-a, .ui-popup-bottom-right .ui-dialog-arrow-b { right: 15px }
    49. 

  49. .ui-popup-left-top .ui-dialog-arrow-a, .ui-popup-left .ui-dialog-arrow-a, .ui-popup-left-bottom .ui-dialog-arrow-a { right: -16px; border-left: 8px solid #7c7c7c }
    50. 

  50. .ui-popup-left-top .ui-dialog-arrow-b, .ui-popup-left .ui-dialog-arrow-b, .ui-popup-left-bottom .ui-dialog-arrow-b { right: -15px; border-left: 8px solid #fff }
    51. 

  51. .ui-popup-left-top .ui-dialog-arrow-a, .ui-popup-left-top .ui-dialog-arrow-b { top: 15px }
    52. 

  52. .ui-popup-left .ui-dialog-arrow-a, .ui-popup-left .ui-dialog-arrow-b { margin-top: -8px; top: 50% }
    53. 

  53. .ui-popup-left-bottom .ui-dialog-arrow-a, .ui-popup-left-bottom .ui-dialog-arrow-b { bottom: 15px }
    54. 

  54. .ui-popup-right-top .ui-dialog-arrow-a, .ui-popup-right .ui-dialog-arrow-a, .ui-popup-right-bottom .ui-dialog-arrow-a { left: -16px; border-right: 8px solid #7c7c7c }
    55. 

  55. .ui-popup-right-top .ui-dialog-arrow-b, .ui-popup-right .ui-dialog-arrow-b, .ui-popup-right-bottom .ui-dialog-arrow-b { left: -15px; border-right: 8px solid #fff }
    56. 

  56. .ui-popup-right-top .ui-dialog-arrow-a, .ui-popup-right-top .ui-dialog-arrow-b { top: 15px }
    57. 

  57. .ui-popup-right .ui-dialog-arrow-a, .ui-popup-right .ui-dialog-arrow-b { margin-top: -8px; top: 50% }
    58. 

  58. .ui-popup-right-bottom .ui-dialog-arrow-a, .ui-popup-right-bottom .ui-dialog-arrow-b { bottom: 15px }
    59. 

  59.  @-webkit-keyframes ui-dialog-loading {
    60. 

  60.  0% {
    61. 

  61.  -webkit-transform: rotate(0deg)
    62. 

  62. }
    63. 

  63.  100% {
    64. 

  64.  -webkit-transform: rotate(360deg)
    65. 

  65. }
    66. 

  66. }
    67. 

  67.  @keyframes ui-dialog-loading {
    68. 

  68.  0% {
    69. 

  69.  transform: rotate(0deg)
    70. 

  70. }
    71. 

  71.  100% {
    72. 

  72.  transform: rotate(360deg)
    73. 

  73. }
    74. 

  74. }
    75. 

  75. .ui-dialog-loading { vertical-align: middle; position: relative; display: block;  *zoom: 1;
    76. 

  76.  *display: inline;
    77. 

  77. overflow: hidden; width: 32px; height: 32px; top: 50%; margin: -16px auto 0 auto; font-size: 0; text-indent: -999em; color: #666 }
    78. 

  78. .ui-dialog-loading { width: 100% \9; text-indent: 0 \9; line-height: 32px \9; text-align: center \9; font-size: 12px \9 }
    79. 

  79. .ui-dialog-loading::after { position: absolute; content: ''; width: 3px; height: 3px; margin: 14.5px 0 0 14.5px; border-radius: 100%; box-shadow: 0 -10px 0 1px #ccc, 10px 0 #ccc, 0 10px #ccc, -10px 0 #ccc, -7px -7px 0 .5px #ccc, 7px -7px 0 1.5px #ccc, 7px 7px #ccc, -7px 7px #ccc; -webkit-transform: rotate(360deg); -webkit-animation: ui-dialog-loading 1.5s infinite linear; transform: rotate(360deg); animation: ui-dialog-loading 1.5s infinite linear; display: none \9 }
    80. 

  80. .ax-popup { padding: 0; border: 0; border-radius: 10px; outline: 0; font-size: 14px; line-height: 1.428571429; color: #333; overflow: hidden; }
    81. 

  81. .ax-popup .ui-dialog-header { font-size: 17px; font-weight: 700; border: 0; text-align: center; }
    82. 

  82. .ax-popup .ui-dialog-close { display: none; }
    83. 

  83. .ax-popup .ui-dialog-title { padding: 15px 20px 0 20px; border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: hidden; }
    84. 

  84. .fat-title .ui-dialog-title { padding: 25px 15px 0 15px; }
    85. 

  85. .ax-popup .ui-dialog-body, .ax-popup .ui-dialog-content { text-align: center; color: #5b5b5b; }
    86. 

  86. .ui-popup-modal .ui-dialog { -webkit-box-shadow: none; box-shadow: none; }
    87. 

  87. .ax-popup .ui-dialog-body { padding: 15px; line-height:1.8; }
    88. 

  88. .ax-popup .ui-dialog-footer { border-top: 1px solid #e1e1e1; padding: 0; text-align: center; border-radius: 0 0 10px 10px; overflow: hidden; }
    89. 

  89. .ax-popup .ui-dialog-button { float: none; width: 100%; white-space: nowrap; display: -webkit-box; display: box; }
    90. 

  90. .ax-popup .ui-dialog-footer button { display: box; display: -webkit-box; -webkit-box-flex: 1; box-flex: 1; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0; margin: 0; height: 44px; font-size: 17px; font-weight: normal; color: #17b3ec; cursor: pointer; background: none; border: 0; text-align: center !important; border-left: 1px solid #e1e1e1; border-radius: 0; outline: 0; }
    91. 

  91. .ax-popup .ui-dialog-footer button span { display: block; width: 186px; text-align: center; }
    92. 

  92. .ax-popup .ui-dialog-footer button + button { margin-bottom: 0; margin-left: 0; }
    93. 

  93. .ax-popup .ui-dialog-footer button.ui-dialog-autofocus { color: #17b3ec; background-color: #fff; border: 0; border-left: 1px solid #e1e1e1; }
    94. 

  94. .ax-popup .ui-dialog-footer button:first-child { border: 0; border-bottom-left-radius: 10px; }
    95. 

  95. .ax-popup .ui-dialog-footer button:last-child { border-bottom-right-radius: 10px; }
    96. 

  96. .ax-popup .ui-dialog-footer button:active { background-image: none; outline: 0; -webkit-box-shadow: none; box-shadow: none; background: #efefef; }
    97. 

  97. 

  98. .bk-popup { padding: 0 10px; border: 0; border-radius: 10px; outline: 0; font-size: 14px; line-height: 1.428571429; color: #fff; overflow: hidden; border:0; background:rgba(0,0,0,.8);}
    99. 

  99. .ui-popup-focus .bk-popup{ box-shadow:none; }
    100. 

  100. .bk-popup .ui-dialog-header { font-size: 17px; font-weight: 700; border: 0; text-align: center;}
    101. 

  101. .bk-popup .ui-dialog-close { display: none; }
    102. 

  102. .bk-popup .ui-dialog-title { padding: 15px 20px 0 20px; border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: hidden; }
    103. 

  103. .fat-title .ui-dialog-title { padding: 25px 15px 0 15px; }
    104. 

  104. .bk-popup .ui-dialog-body, .bk-popup .ui-dialog-content { text-align: center; color: #5b5b5b; font-size:17px; line-height:1.5; background:rgba(0,0,0,0); }
    105. 

  105. .ui-popup .bk-popup tr, .ui-popup  .bk-popup tr {background:none}
    106. 

  106. .ui-popup-modal .ui-dialog { -webkit-box-shadow: none; box-shadow: none; }
    107. 

  107. .bk-popup .ui-dialog-content, .bk-popup tr{ background:transparent; color:#fff;}
    108. 

  108. .thin-con .ui-dialog-body { padding: 9px 10px; }
    109. 

  109. .bk-popup .ui-dialog-footer { border-top: 1px solid rgba(255,255,255,.3); padding: 10px 0; text-align: center; border-radius: 0 0 10px 10px; overflow: hidden; }
    110. 

  110. .bk-popup .ui-dialog-button { float: none; width: 100%; white-space: nowrap; display: -webkit-box; display: box; }
    111. 

  111. .bk-popup .ui-dialog-footer button { display: box; display: -webkit-box; -webkit-box-flex: 1; box-flex: 1; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0; margin: 0; height: 28px; font-size: 17px; font-weight: normal; color: #fff; cursor: pointer; background: none; border: 0; text-align: center !important; border-left: 1px solid rgba(255,255,255,.3); border-radius: 0; outline: 0; }
    112. 

  112. .bk-popup .ui-dialog-footer button span { display: block; width: 100%; text-align: center; }
    113. 

  113. .bk-popup .ui-dialog-footer button + button { margin-bottom: 0; margin-left: 0; }
    114. 

  114. .bk-popup .ui-dialog-footer button.ui-dialog-autofocus { color: #fff; background-color:transparent; border: 0; border-left: 1px solid rgba(255,255,255,.3); }
    115. 

  115. .bk-popup .ui-dialog-footer button:first-child { border: 0; border-bottom-left-radius: 10px; }
    116. 

  116. .bk-popup .ui-dialog-footer button:last-child { border-bottom-right-radius: 10px; }
    117. 

  117. .bk-popup .ui-dialog-footer button:active { background-image: none; outline: 0; color:#167efb; -webkit-box-shadow: none; box-shadow:none;}
    118. 

  118. .ui-dialog-loading{ text-align:left;}
    119. 

  119. .smallTips .ui-dialog-grid{margin:15px 0;}
    120. 

  120. .ui-popup p,.ui-popup blockquote,.ui-popup ul,.ui-popup ol,.ui-popup dl,.ui-popup li, .ui-popup pre { margin: 15px 0; }
    121. 

  121. .ui-popup table { padding: 0; border-collapse: collapse; }
    122. 

  122. .ui-popup tr { background-color: white; margin: 0; padding: 0; }
    123. 

  123. .ui-popup th { font-weight: bold; text-align: left; margin: 0; padding: 6px 13px; }
    124. 

  124. .ui-popup td { text-align: left; margin: 0; padding: 6px 13px; }
    125. 

  125. .ui-popup th :first-child,.ui-popup td :first-child { margin-top: 0; }
    126. 

  126. .ui-popup th :last-child,.ui-popup td :last-child { margin-bottom: 0; }
    127.