PageRenderTime 43ms CodeModel.GetById 18ms RepoModel.GetById 0ms app.codeStats 0ms

/ajax/libs/pnotify/2.1.0/pnotify.brighttheme.css

https://gitlab.com/Mirros/cdnjs
CSS | 119 lines | 115 code | 1 blank | 3 comment | 0 complexity | 69d51225bfe189e892e489d17723cdec MD5 | raw file
    

  1. /*
    2. 

  2. Color Scheme: http://paletton.com/palette.php?uid=c1T3n2J040kClXm03%2B%2Bj6RnZguVWm5a
    3. 

  3. */
    4. 

  4. .brighttheme {
    5. 

  5. -webkit-border-radius: 4px;
    6. 

  6. -moz-border-radius: 4px;
    7. 

  7. border-radius: 4px;
    8. 

  8. }
    9. 

  9. .brighttheme-notice {
    10. 

  10. background-color: #FFFF67;
    11. 

  11. border: 1px solid #FFFF00;
    12. 

  12. color: #292900;
    13. 

  13. }
    14. 

  14. .brighttheme-info {
    15. 

  15. background-color: #5FC9E2;
    16. 

  16. border: 1px solid #05C7F4;
    17. 

  17. color: #001519;
    18. 

  18. }
    19. 

  19. .brighttheme-success {
    20. 

  20. background-color: #85F362;
    21. 

  21. border: 1px solid #3CFB00;
    22. 

  22. color: #082300;
    23. 

  23. }
    24. 

  24. 

  25. .brighttheme-error {
    26. 

  26. background-color: #FF7567;
    27. 

  27. background-image: repeating-linear-gradient(135deg, transparent, transparent 35px, rgba(255,255,255,.3) 35px, rgba(255,255,255,.3) 70px);
    28. 

  28. border: 1px solid #FF1800;
    29. 

  29. color: #290400;
    30. 

  30. }
    31. 

  31. .brighttheme-icon-notice,
    32. 

  32. .brighttheme-icon-info,
    33. 

  33. .brighttheme-icon-success,
    34. 

  34. .brighttheme-icon-closer,
    35. 

  35. .brighttheme-icon-sticker {
    36. 

  36. position: relative;
    37. 

  37. width: 16px;
    38. 

  38. height: 16px;
    39. 

  39. font-size: 12px;
    40. 

  40. font-weight: bold;
    41. 

  41. line-height: 16px;
    42. 

  42. font-family: "Courier New",Courier,monospace;
    43. 

  43. border-radius: 50%;
    44. 

  44. }
    45. 

  45. .brighttheme-icon-notice:after,
    46. 

  46. .brighttheme-icon-info:after,
    47. 

  47. .brighttheme-icon-success:after,
    48. 

  48. .brighttheme-icon-closer:after,
    49. 

  49. .brighttheme-icon-sticker:after {
    50. 

  50. position: absolute;
    51. 

  51. top: 0;
    52. 

  52. left: 4px;
    53. 

  53. }
    54. 

  54. .brighttheme-icon-notice {
    55. 

  55. background-color: #292900;
    56. 

  56. color: #FFFF67;
    57. 

  57. }
    58. 

  58. .brighttheme-icon-notice:after {
    59. 

  59. content: "!";
    60. 

  60. }
    61. 

  61. .brighttheme-icon-info {
    62. 

  62. background-color: #001519;
    63. 

  63. color: #5FC9E2;
    64. 

  64. }
    65. 

  65. .brighttheme-icon-info:after {
    66. 

  66. content: "i";
    67. 

  67. }
    68. 

  68. .brighttheme-icon-success {
    69. 

  69. background-color: #082300;
    70. 

  70. color: #85F362;
    71. 

  71. }
    72. 

  72. .brighttheme-icon-success:after {
    73. 

  73. content: "\002713";
    74. 

  74. }
    75. 

  75. .brighttheme-icon-error {
    76. 

  76. position: relative;
    77. 

  77. width: 0;
    78. 

  78. height: 0;
    79. 

  79. border-left: 8px solid transparent;
    80. 

  80. border-right: 8px solid transparent;
    81. 

  81. border-bottom: 16px solid #290400;
    82. 

  82. font-size: 0;
    83. 

  83. line-height: 0;
    84. 

  84. color: #FF7567;
    85. 

  85. }
    86. 

  86. .brighttheme-icon-error:after {
    87. 

  87. position: absolute;
    88. 

  88. top: 1px;
    89. 

  89. left: -4px;
    90. 

  90. font-size: 12px;
    91. 

  91. font-weight: bold;
    92. 

  92. line-height: 16px;
    93. 

  93. font-family: "Courier New",Courier,monospace;
    94. 

  94. content: "!";
    95. 

  95. }
    96. 

  96. .brighttheme-icon-closer,
    97. 

  97. .brighttheme-icon-sticker {
    98. 

  98. display: inline-block;
    99. 

  99. }
    100. 

  100. .brighttheme-icon-closer:after {
    101. 

  101. top: -4px;
    102. 

  102. content: "\002715";
    103. 

  103. }
    104. 

  104. .brighttheme-icon-sticker:after {
    105. 

  105. top: -5px;
    106. 

  106. content: "\01D1BC";
    107. 

  107. -moz-transform: rotate(-90deg);
    108. 

  108. -webkit-transform: rotate(-90deg);
    109. 

  109. -o-transform: rotate(-90deg);
    110. 

  110. -ms-transform: rotate(-90deg);
    111. 

  111. transform: rotate(-90deg);
    112. 

  112. }
    113. 

  113. .brighttheme-icon-sticker.brighttheme-icon-stuck:after {
    114. 

  114. -moz-transform: rotate(180deg);
    115. 

  115. -webkit-transform: rotate(180deg);
    116. 

  116. -o-transform: rotate(180deg);
    117. 

  117. -ms-transform: rotate(180deg);
    118. 

  118. transform: rotate(180deg);
    119. 

  119. }
    120.