Etusivu Tutki Apua
Kirjaudu sisään
bachir
/
materio-base-d7
1
0
Fork 0
Tiedostot Ongelmat 0 Pull-pyynnöt 0 Wiki
Puu: da4d135279
Branchit Tagit
materio-base...
/
sites
/
all
/
themes
/
gui
/
materiobasetheme
/
components
/
bootstrap
/
less
/
alerts.less

alerts.less 1.3 KB
Historia Raaka

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879 
  1. //
    2. 

  2. // Alerts
    3. 

  3. // --------------------------------------------------
    4. 

  4. 

  5. 

  6. // Base styles
    7. 

  7. // -------------------------
    8. 

  8. 

  9. .alert {
    10. 

  10.   padding: 8px 35px 8px 14px;
    11. 

  11.   margin-bottom: @baseLineHeight;
    12. 

  12.   text-shadow: 0 1px 0 rgba(255,255,255,.5);
    13. 

  13.   background-color: @warningBackground;
    14. 

  14.   border: 1px solid @warningBorder;
    15. 

  15.   .border-radius(@baseBorderRadius);
    16. 

  16. }
    17. 

  17. .alert,
    18. 

  18. .alert h4 {
    19. 

  19.   // Specified for the h4 to prevent conflicts of changing @headingsColor
    20. 

  20.   color: @warningText;
    21. 

  21. }
    22. 

  22. .alert h4 {
    23. 

  23.   margin: 0;
    24. 

  24. }
    25. 

  25. 

  26. // Adjust close link position
    27. 

  27. .alert .close {
    28. 

  28.   position: relative;
    29. 

  29.   top: -2px;
    30. 

  30.   right: -21px;
    31. 

  31.   line-height: @baseLineHeight;
    32. 

  32. }
    33. 

  33. 

  34. 

  35. // Alternate styles
    36. 

  36. // -------------------------
    37. 

  37. 

  38. .alert-success {
    39. 

  39.   background-color: @successBackground;
    40. 

  40.   border-color: @successBorder;
    41. 

  41.   color: @successText;
    42. 

  42. }
    43. 

  43. .alert-success h4 {
    44. 

  44.   color: @successText;
    45. 

  45. }
    46. 

  46. .alert-danger,
    47. 

  47. .alert-error {
    48. 

  48.   background-color: @errorBackground;
    49. 

  49.   border-color: @errorBorder;
    50. 

  50.   color: @errorText;
    51. 

  51. }
    52. 

  52. .alert-danger h4,
    53. 

  53. .alert-error h4 {
    54. 

  54.   color: @errorText;
    55. 

  55. }
    56. 

  56. .alert-info {
    57. 

  57.   background-color: @infoBackground;
    58. 

  58.   border-color: @infoBorder;
    59. 

  59.   color: @infoText;
    60. 

  60. }
    61. 

  61. .alert-info h4 {
    62. 

  62.   color: @infoText;
    63. 

  63. }
    64. 

  64. 

  65. 

  66. // Block alerts
    67. 

  67. // -------------------------
    68. 

  68. 

  69. .alert-block {
    70. 

  70.   padding-top: 14px;
    71. 

  71.   padding-bottom: 14px;
    72. 

  72. }
    73. 

  73. .alert-block > p,
    74. 

  74. .alert-block > ul {
    75. 

  75.   margin-bottom: 0;
    76. 

  76. }
    77. 

  77. .alert-block p + p {
    78. 

  78.   margin-top: 5px;
    79. 

  79. }
    80.