HtmlWindow2.css 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. .popup2 {
  2. position: absolute;
  3. z-index: 999;
  4. background: linear-gradient(180deg, rgba(5, 31, 72, 0.80) 0%, rgba(1, 12, 31, 0.80) 100%);
  5. border: 1rem solid #2177f5;
  6. color: #fff;
  7. }
  8. /* 横线 */
  9. .popup2 .rightLine-1 {
  10. position: absolute;
  11. top: 0;
  12. background: #2177f5;
  13. width: 4em;
  14. right: -4em;
  15. height: 0.2em;
  16. }
  17. /* 斜线 */
  18. .popup2 .rightLine-2 {
  19. position: absolute;
  20. top: 2.2em;
  21. right: -9em;
  22. background: #2177f5;
  23. width: 6em;
  24. height: 0.2em;
  25. transform: rotate(47deg);
  26. -ms-transform: rotate(47deg);
  27. /* IE 9 */
  28. -moz-transform: rotate(47deg);
  29. /* Firefox */
  30. -webkit-transform: rotate(47deg);
  31. /* Safari 和 Chrome */
  32. -o-transform: rotate(47deg);
  33. }
  34. /* 圆点 */
  35. .popup2 .rightLine-3 {
  36. position: absolute;
  37. top: 4em;
  38. right: -8.6em;
  39. width: 1em;
  40. height: 1em;
  41. background: #2177f5;
  42. background-size: 100% 100%;
  43. border: solid 4rem rgb(250, 172, 47);
  44. border-radius: 100%;
  45. }
  46. /*标题*/
  47. .popup2 .popup-header {
  48. width: 100%;
  49. height: 30rem;
  50. line-height: 30rem;
  51. text-align: center;
  52. background: linear-gradient(180deg, rgba(5, 31, 72, 0.80) 0%, rgba(1, 12, 31, 0.80) 100%);
  53. }
  54. .popup2 .popup-header .popup-title {
  55. float: left;
  56. padding-left: 10rem;
  57. }
  58. .popup2 .popup-header .popup2-close-button {
  59. float: right;
  60. padding-right: 10rem;
  61. cursor: pointer;
  62. }
  63. /*内容*/
  64. .popup2 .popup-content {
  65. padding: 5rem;
  66. width: 360rem;
  67. height: 200rem;
  68. overflow: auto;
  69. }