Kezdőlap Felfedezés Súgó
Regisztráció Bejelentkezés
Omnimaga
/
bugs
2
0
Másolás 0
Fájlok Problémák 0 Beolvasztási kérések 0 Wiki
Fa: 35bbb53c30
Branch-ok Tag-ek
bugs
/
css
/
ui.notify.css

ui.notify.css 2.3 KB
Előzmények Nyers

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132 
  1. @media screen and (min-width: 370px){
    2. 

  2. 	.ui-notify{
    3. 

  3. 		width: 350px;
    4. 

  4. 		position: fixed;
    5. 

  5. 		top: 10px;
    6. 

  6. 		right: 10px;
    7. 

  7. 	}
    8. 

  8. 	.ui-notify-message{
    9. 

  9. 		padding: 10px;
    10. 

  10. 		margin-bottom: 15px;
    11. 

  11. 		-moz-border-radius: 8px;
    12. 

  12. 		-webkit-border-radius: 8px;
    13. 

  13. 		border-radius: 8px
    14. 

  14. 	}
    15. 

  15. 	.ui-notify-message h1{
    16. 

  16. 		font-size: 14px;
    17. 

  17. 		margin: 0;
    18. 

  18. 		padding: 0
    19. 

  19. 	}
    20. 

  20. 	.ui-notify-message p{
    21. 

  21. 		margin: 3px 0;
    22. 

  22. 		padding: 0;
    23. 

  23. 		line-height: 18px
    24. 

  24. 	}
    25. 

  25. 	.ui-notify-message:last-child{
    26. 

  26. 		margin-bottom: 0
    27. 

  27. 	}
    28. 

  28. 	.ui-notify-message-style{
    29. 

  29. 		background: #000;
    30. 

  30. 		background: rgba(0,0,0,0.8);
    31. 

  31. 		-moz-box-shadow:  0 0 6px #000;
    32. 

  32. 		-webkit-box-shadow:  0 0 6px #000;
    33. 

  33. 		box-shadow:  0 0 6px #000;
    34. 

  34. 	}
    35. 

  35. 	.ui-notify-message-style h1{
    36. 

  36. 		color: #fff;
    37. 

  37. 		font-weight: bold
    38. 

  38. 	}
    39. 

  39. 	.ui-notify-message-style p{
    40. 

  40. 		color: #fff
    41. 

  41. 	}
    42. 

  42. 	.ui-notify-close{
    43. 

  43. 		color: #fff;
    44. 

  44. 		text-decoration: underline
    45. 

  45. 	}
    46. 

  46. 	.ui-notify-click{
    47. 

  47. 		cursor: pointer
    48. 

  48. 	}
    49. 

  49. 	.ui-notify-cross{
    50. 

  50. 		margin-top: -4px;
    51. 

  51. 		float: right;
    52. 

  52. 		cursor: pointer;
    53. 

  53. 		text-decoration: none;
    54. 

  54. 		font-size: 12px;
    55. 

  55. 		font-weight: bold;
    56. 

  56. 		text-shadow: 0 1px 1px #fff;
    57. 

  57. 		padding: 2px
    58. 

  58. 	}
    59. 

  59. 	.ui-notify-cross: hover{
    60. 

  60. 		color: #ffffab
    61. 

  61. 	}
    62. 

  62. 	.ui-notify-cross: active{
    63. 

  63. 		position: relative;
    64. 

  64. 		top: 1px
    65. 

  65. 	}
    66. 

  66. }
    67. 

  67. @media screen and (max-width: 369px){
    68. 

  68. 	.ui-notify{
    69. 

  69. 		width: 100%;
    70. 

  70. 		position: fixed;
    71. 

  71. 		top: 0px;
    72. 

  72. 		right: 0px;
    73. 

  73. 	}
    74. 

  74. 	.ui-notify-message{
    75. 

  75. 		padding: 10px;
    76. 

  76. 		margin-bottom: 15px;
    77. 

  77. 		-moz-border-radius: 8px;
    78. 

  78. 		-webkit-border-radius: 8px;
    79. 

  79. 		border-radius: 8px
    80. 

  80. 	}
    81. 

  81. 	.ui-notify-message h1{
    82. 

  82. 		font-size: 14px;
    83. 

  83. 		margin: 0;
    84. 

  84. 		padding: 0
    85. 

  85. 	}
    86. 

  86. 	.ui-notify-message p{
    87. 

  87. 		margin: 3px 0;
    88. 

  88. 		padding: 0;
    89. 

  89. 		line-height: 18px
    90. 

  90. 	}
    91. 

  91. 	.ui-notify-message:last-child{
    92. 

  92. 		margin-bottom: 0
    93. 

  93. 	}
    94. 

  94. 	.ui-notify-message-style{
    95. 

  95. 		background: #000;
    96. 

  96. 		background: rgba(0,0,0,0.8);
    97. 

  97. 		-moz-box-shadow:  0 0 6px #000;
    98. 

  98. 		-webkit-box-shadow:  0 0 6px #000;
    99. 

  99. 		box-shadow:  0 0 6px #000;
    100. 

  100. 	}
    101. 

  101. 	.ui-notify-message-style h1{
    102. 

  102. 		color: #fff;
    103. 

  103. 		font-weight: bold
    104. 

  104. 	}
    105. 

  105. 	.ui-notify-message-style p{
    106. 

  106. 		color: #fff
    107. 

  107. 	}
    108. 

  108. 	.ui-notify-close{
    109. 

  109. 		color: #fff;
    110. 

  110. 		text-decoration: underline
    111. 

  111. 	}
    112. 

  112. 	.ui-notify-click{
    113. 

  113. 		cursor: pointer
    114. 

  114. 	}
    115. 

  115. 	.ui-notify-cross{
    116. 

  116. 		margin-top: -4px;
    117. 

  117. 		float: right;
    118. 

  118. 		cursor: pointer;
    119. 

  119. 		text-decoration: none;
    120. 

  120. 		font-size: 12px;
    121. 

  121. 		font-weight: bold;
    122. 

  122. 		text-shadow: 0 1px 1px #fff;
    123. 

  123. 		padding: 2px
    124. 

  124. 	}
    125. 

  125. 	.ui-notify-cross: hover{
    126. 

  126. 		color: #ffffab
    127. 

  127. 	}
    128. 

  128. 	.ui-notify-cross: active{
    129. 

  129. 		position: relative;
    130. 

  130. 		top: 1px
    131. 

  131. 	}
    132. 

  132. }
    133.