Etusivu Tutki Apua
Rekisteröidy Kirjaudu sisään
smj_7038
/
MESProductionWeb
1
0
Fork 0
Tiedostot Ongelmat 0 Pull-pyynnöt 0 Wiki
Puu: 39316de105
Branchit Tagit
MESProductio...
/
Central.Control.WebPage
/
Content
/
themes
/
css
/
dialog.css

dialog.css 9.8 KB
Historia Raaka

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144 
  1. /*!
    2. 

  2.  * ui-dialog.css
    3. 

  3.  * Date: 2014-07-03
    4. 

  4.  * https://github.com/aui/artDialog
    5. 

  5.  * (c) 2009-2014 TangBin, http://www.planeArt.cn
    6. 

  6.  *
    7. 

  7.  * This is licensed under the GNU LGPL, version 2.1 or later.
    8. 

  8.  * For details, see: http://www.gnu.org/licenses/lgpl-2.1.html
    9. 

  9.  */
    10. 

  10. .ui-dialog{position:relative;outline:none;background-clip:padding-box;font-family:'Microsoft YaHei',Helvetica,arial,sans-serif;font-size:12px;line-height:1.428571429;color:#333;}
    11. 

  11. .ui-dialog .ui-dialog-grid{background:#fff;opacity:0;}
    12. 

  12. .ui-popup-show .ui-dialog .ui-dialog-grid{opacity:1;-webkit-transition:opacity .85s .35s;transition:opacity .85s .35s}
    13. 

  13. .ui-dialog-grid{width:auto;margin:0;border:0 none;border-collapse:collapse;border-spacing:0;background:none}
    14. 

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

  15. .ui-dialog .ui-dialog-header{white-space:nowrap;border-bottom:1px solid #E5E5E5;cursor:move}
    16. 

  16. .ui-dialog-close{position:relative;float:right;top:6px;right:13px;font-size:21px;font-weight:700;line-height:16px;text-align:center;padding:5px; color:#BFBCBC;text-shadow:0 1px 0 #FFF;cursor:pointer;background:none;border:0;-webkit-appearance:none}
    17. 

  17. .ui-dialog-close:focus,.ui-dialog-close:hover{text-decoration:none;cursor:pointer;outline:none;color:#c94e50;}
    18. 

  18. 

  19. 

  20. 

  21. .ui-dialog-max {
    22. 

  22.     position: relative;
    23. 

  23.     float: right;
    24. 

  24.     top: 6px;
    25. 

  25.     right: 13px;
    26. 

  26.     font-size: 14px;
    27. 

  27.     line-height: 16px;
    28. 

  28.     text-align: center;
    29. 

  29.     padding: 5px;
    30. 

  30.     color: #BFBCBC;
    31. 

  31.     cursor: pointer;
    32. 

  32.     background: none;
    33. 

  33.     border: 0;
    34. 

  34.     -webkit-appearance: none
    35. 

  35. }
    36. 

  36. 

  37.     .ui-dialog-max:focus, .ui-dialog-max:hover {
    38. 

  38.         text-decoration: none;
    39. 

  39.         cursor: pointer;
    40. 

  40.         outline: none;
    41. 

  41.         color: #c94e50;
    42. 

  42.     }
    43. 

  43. 

  44. .ui-dialog-min {
    45. 

  45.     position: relative;
    46. 

  46.     float: right;
    47. 

  47.     top: 6px;
    48. 

  48.     right: 13px;
    49. 

  49.     font-size: 14px;
    50. 

  50.     line-height: 16px;
    51. 

  51.     text-align: center;
    52. 

  52.     padding: 5px;
    53. 

  53.     color: #BFBCBC;
    54. 

  54.     cursor: pointer;
    55. 

  55.     background: none;
    56. 

  56.     border: 0;
    57. 

  57.     -webkit-appearance: none
    58. 

  58. }
    59. 

  59. 

  60.     .ui-dialog-min:focus, .ui-dialog-min:hover {
    61. 

  61.         text-decoration: none;
    62. 

  62.         cursor: pointer;
    63. 

  63.         outline: none;
    64. 

  64.         color: #c94e50;
    65. 

  65.     }
    66. 

  66. 

  67. .ui-dialog .ui-dialog-title{margin:0;line-height:1.428571429;min-height:16.43px;padding:10px 15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:700;cursor:move;font-size: 15px;}
    68. 

  68. .ui-dialog-body{padding:12px;text-align:center}
    69. 

  69. .ui-dialog-content{display:inline-block;position:relative;vertical-align:middle;text-align:left}
    70. 

  70. .ui-dialog-footer{padding:0 20px 20px 20px}
    71. 

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

  72. .ui-dialog-statusbar label:hover{color:#333}
    73. 

  73. .ui-dialog-statusbar .label,.ui-dialog-statusbar input{vertical-align:middle}
    74. 

  74. .ui-dialog-button{float:right;white-space:nowrap}
    75. 

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

  76. .ui-dialog-footer button{font-family:'Microsoft YaHei',Helvetica,arial,sans-serif;width:auto;overflow:visible;display:inline-block;padding:10px 30px;border: 1px solid;margin-bottom:0;font-size:12px;font-weight:400;line-height:1.428571429;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;background-image:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
    77. 

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

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

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

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

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

  82. .ui-dialog-footer button:active,.ui-dialog-footer button:focus,.ui-dialog-footer button:hover{color:#333;background-color:#ebebeb;border-color:#adadad;outline:none}
    83. 

  83. .ui-dialog-footer button:active{background-image:none;outline:none}
    84. 

  84. .ui-dialog-footer button[disabled],.ui-dialog-footer button[disabled]:active,.ui-dialog-footer button[disabled]:focus,.ui-dialog-footer button[disabled]:hover{background-color:#fff;border-color:#ccc;outline:none}
    85. 

  85. .ui-dialog-footer button.ui-dialog-autofocus{color:#fff;background:#c94e50;outline:none;border:none;}
    86. 

  86. .ui-dialog-footer button.ui-dialog-autofocus:active,.ui-dialog-footer button.ui-dialog-autofocus:focus,.ui-dialog-footer button.ui-dialog-autofocus:hover{outline:none;}
    87. 

  87. .ui-dialog-footer button.ui-dialog-autofocus:active{background-image:none;outline:none}
    88. 

  88. .ui-popup-top .ui-dialog,.ui-popup-top-left .ui-dialog,.ui-popup-top-right .ui-dialog{top:-8px}
    89. 

  89. .ui-popup-bottom .ui-dialog,.ui-popup-bottom-left .ui-dialog,.ui-popup-bottom-right .ui-dialog{top:8px}
    90. 

  90. .ui-popup-left .ui-dialog,.ui-popup-left-bottom .ui-dialog,.ui-popup-left-top .ui-dialog{left:-8px}
    91. 

  91. .ui-popup-right .ui-dialog,.ui-popup-right-bottom .ui-dialog,.ui-popup-right-top .ui-dialog{left:8px}
    92. 

  92. .ui-dialog-arrow-a,.ui-dialog-arrow-b{position:absolute;display:none;width:0;height:0;overflow:hidden;border:8px dashed transparent}
    93. 

  93. .ui-popup-follow .ui-dialog-arrow-a,.ui-popup-follow .ui-dialog-arrow-b{display:block}
    94. 

  94. .ui-popup-top .ui-dialog-arrow-a,.ui-popup-top-left .ui-dialog-arrow-a,.ui-popup-top-right .ui-dialog-arrow-a{bottom:-16px;border-top:8px solid #7C7C7C}
    95. 

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

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

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

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

  99. .ui-popup-bottom .ui-dialog-arrow-a,.ui-popup-bottom-left .ui-dialog-arrow-a,.ui-popup-bottom-right .ui-dialog-arrow-a{top:-16px;border-bottom:8px solid #7C7C7C}
    100. 

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

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

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

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

  104. .ui-popup-left .ui-dialog-arrow-a,.ui-popup-left-bottom .ui-dialog-arrow-a,.ui-popup-left-top .ui-dialog-arrow-a{right:-16px;border-left:8px solid #7C7C7C}
    105. 

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

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

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

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

  109. .ui-popup-right .ui-dialog-arrow-a,.ui-popup-right-bottom .ui-dialog-arrow-a,.ui-popup-right-top .ui-dialog-arrow-a{left:-16px;border-right:8px solid #7C7C7C}
    110. 

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

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

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

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

  114. @-webkit-keyframes ui-dialog-loading{0%{-webkit-transform:rotate(0)}
    115. 

  115. 100%{-webkit-transform:rotate(360deg)}
    116. 

  116. }
    117. 

  117. @keyframes ui-dialog-loading{0%{transform:rotate(0)}
    118. 

  118. 100%{transform:rotate(360deg)}
    119. 

  119. }
    120. 

  120. .ui-dialog-loading{vertical-align:middle;position:relative;display:block;overflow:hidden;width:32px;height:32px;top:50%;margin:-16px auto 0 auto;font-size:0;text-indent:-999em;color:#666}
    121. 

  121. .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}
    122. 

  122. .morph-shape{position:absolute;width:calc(100%);height:calc(100%);top:0px;left:0px;z-index:-1}
    123. 

  123. .ui-popup-show .ui-dialog .morph-shape svg rect{stroke:#fff;stroke-width:3px;stroke-dasharray:1680}
    124. 

  124. .ui-popup-show .ui-dialog .morph-shape svg rect{-webkit-animation:anim-dash .6s forwards;animation:anim-dash .6s forwards}
    125. 

  125. .ui-popup-show .ui-dialog .ui-dialog-title{-webkit-animation:anim-elem-1 .7s ease-out both;animation:anim-elem-1 .7s ease-out both}
    126. 

  126. .ui-popup-show .ui-dialog .ui-dialog-body{-webkit-animation:anim-elem-2 .7s ease-out both;animation:anim-elem-2 .7s ease-out both}
    127. 

  127. @keyframes anim-dash{0%{stroke-dashoffset:1680}
    128. 

  128. 100%{stroke-dashoffset:0}
    129. 

  129. }
    130. 

  130. @-webkit-keyframes anim-dash{0%{stroke-dashoffset:1680}
    131. 

  131. 100%{stroke-dashoffset:0}
    132. 

  132. }
    133. 

  133. @-webkit-keyframes anim-elem-1{0%{opacity:0;-webkit-transform:translate3d(-150px,0,0)}
    134. 

  134. 100%{opacity:1;-webkit-transform:translate3d(0,0,0)}
    135. 

  135. }
    136. 

  136. @keyframes anim-elem-1{0%{opacity:0;-webkit-transform:translate3d(-150px,0,0);transform:translate3d(-150px,0,0)}
    137. 

  137. 100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    138. 

  138. }
    139. 

  139. @-webkit-keyframes anim-elem-2{0%{opacity:0;-webkit-transform:translate3d(150px,0,0)}
    140. 

  140. 100%{opacity:1;-webkit-transform:translate3d(0,0,0)}
    141. 

  141. }
    142. 

  142. @keyframes anim-elem-2{0%{opacity:0;-webkit-transform:translate3d(150px,0,0);transform:translate3d(150px,0,0)}
    143. 

  143. 100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    144. 

  144. }
    145.