/2.2/htdocs/css/jquery.gritter.css

https://bitbucket.org/ov3rwatch/djadmin · CSS · 105 lines · 101 code · 0 blank · 4 comment · 0 complexity · b37bc6131e3ec116cd08d67ab2f18949 MD5 · raw file 

    

  1. /* the norm */
    2. 

  2. #gritter-notice-wrapper {
    3. 

  3. 	position:fixed;
    4. 

  4. 	top:20px;
    5. 

  5. 	right:20px;
    6. 

  6. 	width:301px;
    7. 

  7. 	z-index:9999;
    8. 

  8. }
    9. 

  9. #gritter-notice-wrapper.top-left {
    10. 

  10.     left: 20px;
    11. 

  11.     right: auto;
    12. 

  12. }
    13. 

  13. #gritter-notice-wrapper.bottom-right {
    14. 

  14.     top: auto;
    15. 

  15.     left: auto;
    16. 

  16.     bottom: 20px;
    17. 

  17.     right: 20px;
    18. 

  18. }
    19. 

  19. #gritter-notice-wrapper.bottom-left {
    20. 

  20.     top: auto;
    21. 

  21.     right: auto;
    22. 

  22.     bottom: 20px;
    23. 

  23.     left: 20px;
    24. 

  24. }
    25. 

  25. .gritter-item-wrapper {
    26. 

  26. 	position:relative;
    27. 

  27. 	margin:0 0 10px 0;
    28. 

  28. 	background:url('../img/ie-spacer.gif'); /* ie7/8 fix */ 
    29. 

  29. 	background-color:#444;
    30. 

  30. 	-webkit-border-radius: 3px;
    31. 

  31. 	-moz-border-radius: 3px;
    32. 

  32. 	border-radius: 3px;
    33. 

  33. 	border:2px solid #999;
    34. 

  34. 	box-shadow:0 1px 3px rgba(0, 0, 0, 0.4);
    35. 

  35. }
    36. 

  36. .gritter-top {
    37. 

  37. 	/*background:url(../img/gritter.png) no-repeat left -30px;*/
    38. 

  38. 	height:10px;
    39. 

  39. }
    40. 

  40. .hover .gritter-top {
    41. 

  41. 	background-position:right -30px;
    42. 

  42. }
    43. 

  43. .gritter-bottom {
    44. 

  44. 	/*background:url(../img/gritter.png) no-repeat left bottom;*/
    45. 

  45. 	height:8px;
    46. 

  46. 	margin:0;
    47. 

  47. }
    48. 

  48. .hover .gritter-bottom {
    49. 

  49. 	background-position: bottom right;
    50. 

  50. }
    51. 

  51. .gritter-item {
    52. 

  52. 	display:block;
    53. 

  53. 	color:#fff;
    54. 

  54. 	padding:2px 10px 2px 10px;
    55. 

  55. 	font-size: 11px;
    56. 

  56. 	text-shadow:1px 1px 0 #000; /* Not supported by IE :( */
    57. 

  57. }
    58. 

  58. .hover .gritter-item {
    59. 

  59. 	background-position:right -40px;
    60. 

  60. }
    61. 

  61. .gritter-item p {
    62. 

  62. 	padding:0;
    63. 

  63. 	margin:0;
    64. 

  64. }
    65. 

  65. .gritter-close {
    66. 

  66. 	display:none;
    67. 

  67. 	position:absolute;
    68. 

  68. 	top:3px;
    69. 

  69. 	right:3px;
    70. 

  70. 	background:url(../img/close.png) no-repeat left top;
    71. 

  71. 	cursor:pointer;
    72. 

  72. 	width:30px;
    73. 

  73. 	height:30px;
    74. 

  74. }
    75. 

  75. .gritter-title {
    76. 

  76. 	font-size:12px;
    77. 

  77. 	font-weight:bold;
    78. 

  78. 	padding:0 0 7px 0;
    79. 

  79. 	display:block;
    80. 

  80. 	text-shadow:1px 1px 0 #000; /* Not supported by IE :( */
    81. 

  81. }
    82. 

  82. .gritter-image {
    83. 

  83. 	width:48px;
    84. 

  84. 	height:48px;
    85. 

  85. 	float:left;
    86. 

  86. }
    87. 

  87. .gritter-with-image,
    88. 

  88. .gritter-without-image {
    89. 

  89. 	padding:0 0 5px 0;
    90. 

  90. }
    91. 

  91. .gritter-with-image {
    92. 

  92. 	width:220px;
    93. 

  93. 	float:right;
    94. 

  94. }
    95. 

  95. /* for the light (white) version of the gritter notice */
    96. 

  96. .gritter-light .gritter-item,
    97. 

  97. .gritter-light .gritter-bottom,
    98. 

  98. .gritter-light .gritter-top,
    99. 

  99. .gritter-close {
    100. 

  100.     background-image: url(../img/close.png);
    101. 

  101.     color: #222;
    102. 

  102. }
    103. 

  103. .gritter-light .gritter-title {
    104. 

  104.     text-shadow: none;
    105. 

  105. }
    106.