CSS   25
layer css
Guest on 6th February 2023 01:36:38 PM


  1. body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, input, button, textarea, p, blockquote, th, td, form {
  2.         margin: 0;
  3.         padding: 0
  4. }
  5. *html {
  6.         background-image: url(about:blank);
  7.         background-attachment: fixed
  8. }
  9. .xubox_shade, .xubox_layer {
  10.         position: fixed;
  11.         _position: absolute
  12. }
  13. .xubox_shade {
  14.         top: 0;
  15.         left: 0;
  16.         width: 100%;
  17.         height: 100%;
  18. _height:expression(document.body.offsetHeight+"px")
  19. }
  20. .xubox_layer {
  21.         top: 150px;
  22.         left: 50%;
  23.         height: auto;
  24.         width: 310px;
  25.         margin-left: -155px
  26. }
  27. .xubox_border, .xubox_title, .xubox_title i, .xubox_page, .xubox_iframe, .xubox_title em, .xubox_close, .xubox_msgico, .xubox_moves {
  28.         position: absolute
  29. }
  30. .xubox_border {
  31. }
  32. .xubox_title {
  33.         left: 0;
  34.         top: 0
  35. }
  36. .xubox_main {
  37.         position: relative;
  38.         height: 100%;
  39.         _float: left
  40. }
  41. .xubox_page {
  42.         top: 0;
  43.         left: 0;
  44.         width:100%
  45. }
  46. .xubox_load {
  47.         background: url(default/xubox_loading0.gif) #fff center center no-repeat
  48. }
  49. .xubox_loading {
  50.         display: block;
  51.         float: left;
  52.         text-decoration: none;
  53.         color: #FFF;
  54.         _float: none
  55. }
  56. .xulayer_png32 {
  57.         background: url(default/xubox_ico0.png) no-repeat
  58. }
  59. .xubox_moves {
  60.         border: 3px solid #333;
  61.         cursor: move;
  62.         opacity: .7;
  63.         filter: alpha(opacity=70)
  64. }
  65. .xubox_msgico {
  66.         width: 30px;
  67.         height: 30px;
  68.         top: 52px;
  69.         left: 15px;
  70.         background: url(default/xubox_ico0.png) no-repeat
  71. }
  72. .xubox_text {
  73.         padding-left: 55px;
  74.         float: left;
  75.         line-height: 25px;
  76.         word-break: break-all;
  77.         padding-right: 20px;
  78.         overflow: hidden;
  79.         font-size: 14px
  80. }
  81. .xubox_msgtype0 {
  82.         background-position: -91px -38px
  83. }
  84. .xubox_msgtype1 {
  85.         background-position: -127px -38px
  86. }
  87. .xubox_msgtype2 {
  88.         background-position: -163px -38px
  89. }
  90. .xubox_msgtype3 {
  91.         background-position: -91px -75px
  92. }
  93. .xubox_msgtype4 {
  94.         background-position: -163px -75px
  95. }
  96. .xubox_msgtype5 {
  97.         background-position: -163px -112px
  98. }
  99. .xubox_msgtype6 {
  100.         background-position: -163px -148px
  101. }
  102. .xubox_msgtype7 {
  103.         background-position: -128px -75px
  104. }
  105. .xubox_msgtype8 {
  106.         background-position: -91px -6px
  107. }
  108. .xubox_msgtype9 {
  109.         background-position: -129px -6px
  110. }
  111. .xubox_msgtype10 {
  112.         background-position: -163px -6px
  113. }
  114. .xubox_loading_0 {
  115.         width: 37px;
  116.         height: 37px;
  117.         background: url(default/xubox_loading0.gif) no-repeat
  118. }
  119. .xubox_loading_1 {
  120.         width: 48px;
  121.         height: 48px;
  122.         background: url(default/xubox_loading1.gif) no-repeat
  123. }
  124. .xubox_loading_2 {
  125.         width: 32px;
  126.         height: 32px;
  127.         background: url(default/xubox_loading2.gif) no-repeat
  128. }
  129. .xubox_loading_3 {
  130.         width: 126px;
  131.         height: 22px;
  132.         background: url(default/xubox_loading3.gif) no-repeat
  133. }
  134. .xubox_title {
  135.         width: 100%;
  136.         height: 35px;
  137.         line-height: 35px;
  138.         border-bottom: 1px solid #d5d5d5;
  139.         background: #707070;
  140.         cursor: move;
  141.         font-size: 14px;
  142.         color: #333
  143. }
  144. .xubox_title em {
  145.         display: block;
  146.         height: 20px;
  147.         line-height: 20px;
  148.         width: 80%;
  149.         top: 9px;
  150.         left: 10px;
  151.         font-style: normal;
  152.         overflow: hidden;
  153.         color: #fff;
  154. }
  155. .xubox_close0 {
  156.         right: 10px;
  157.         top: 10px;
  158.         width: 14px;
  159.         height: 14px;
  160.         background-position: -31px -7px;
  161.         cursor: pointer;
  162.         overflow: hidden
  163. }
  164. .xubox_close0:hover {
  165.         background-position: -51px -7px
  166. }
  167. .xubox_close1 {
  168.         right: 0;
  169.         top: 0;
  170.         width: 34px;
  171.         height: 34px;
  172.         background-position: -1px -253px;
  173.         cursor: pointer;
  174.         overflow: hidden;
  175. }
  176. .xubox_close1:hover {
  177.         background-position: -39px -253px;
  178.         _background-position: -51px -7px
  179. }
  180. .xubox_botton a {
  181.         position: absolute;
  182.         bottom: 10px;
  183.         left: 50%;
  184.         background: url(default/xubox_ico0.png) repeat;
  185.         text-decoration: none;
  186.         color: #FFF;
  187.         font-size: 14px;
  188.         text-align: center;
  189.         font-weight: bold;
  190.         overflow: hidden
  191. }
  192. .xubox_botton a:hover {
  193.         text-decoration: none;
  194.         color: #FFF
  195. }
  196. .xubox_botton .xubox_botton1 {
  197.         width: 79px;
  198.         height: 32px;
  199.         line-height: 32px;
  200.         margin-left: -39px;
  201.         background-position: -6px -34px
  202. }
  203. .xubox_botton1:hover {
  204.         background-position: -6px -72px
  205. }
  206. .xubox_botton .xubox_botton2 {
  207.         margin-left: -76px;
  208.         width: 71px;
  209.         height: 29px;
  210.         line-height: 29px;
  211.         background-position: -5px -114px
  212. }
  213. .xubox_botton2:hover {
  214.         background-position: -5px -146px
  215. }
  216. .xubox_botton .xubox_botton3 {
  217.         width: 71px;
  218.         height: 29px;
  219.         line-height: 29px;
  220.         margin-left: 10px;
  221.         background-position: -81px -114px
  222. }
  223. .xubox_botton3:hover {
  224.         background-position: -81px -146px
  225. }
  226. .xubox_tips {
  227.         position: relative;
  228.         padding: 2px 30px 2px 10px;
  229.         line-height: 20px;
  230.         font-size: 12px;
  231.         _float: left
  232. }
  233. .xubox_tips i.layerTipsG {
  234.         position: absolute;
  235.         width: 0;
  236.         height: 0;
  237.         border-width: 6px;
  238.         border-color: transparent;
  239.         border-style: dashed;
  240. *overflow:hidden
  241. }
  242. .xubox_tips i.layerTipsT {
  243.         left: 12px;
  244.         bottom: -12px;
  245.         border-top-style: solid
  246. }
  247. .xubox_tips i.layerTipsR {
  248.         left: -12px;
  249.         top: 6px;
  250.         border-right-style: solid
  251. }
  252. .xubox_tips i.layerTipsB {
  253.         left: 12px;
  254.         top: -12px;
  255.         border-bottom-style: solid
  256. }
  257. .xubox_tips i.layerTipsL {
  258.         right: -12px;
  259.         top: 6px;
  260.         border-left-style: solid
  261. }
  262.  
  263. .Prompt-layer{
  264.     display: inline-block;
  265.     min-width: 100px;
  266.     padding: 24px;
  267.         background-color: #fff;
  268.         border-radius: 2px;
  269.     box-shadow: 1px 4px 12px rgba(0,0,0,0.3);
  270.     display: none;
  271. }
  272.  
  273. .Prompt-layer .Prompt-layer-icon{
  274.     display: block;
  275.     width: 32px;
  276.     height: 32px;
  277.     float: left;
  278. }
  279. .Prompt-layer .Prompt-layer-icon.succicon{
  280.     background-image: url(default/Prompt.png);
  281.     background-repeat: no-repeat;
  282.     background-position: -6px -5px;
  283. }
  284.  
  285. .Prompt-layer .Prompt-layer-icon.erricon{
  286.     background-image: url(default/Prompt.png);
  287.     background-repeat: no-repeat;
  288.     background-position: -46px -5px;
  289. }
  290.  
  291. .Prompt-layer .Prompt-layer-text{
  292.     padding-left: 12px;
  293.     font-size: 14px;
  294.     height: 32px;
  295.     line-height: 32px;
  296.     float: left;
  297. }
Raw Paste

Login or Register to edit or fork this paste. It's free.