buttons.php 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. <?php
  2. /**
  3. * CSS buttons
  4. *
  5. * @package Elgg.Core
  6. * @subpackage UI
  7. */
  8. ?>
  9. /* <style> /**/
  10. /* **************************
  11. BUTTONS
  12. ************************** */
  13. .elgg-button {
  14. font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  15. color: #FFF;
  16. width: auto;
  17. padding: 6px 12px;
  18. cursor: pointer;
  19. border-radius: 3px;
  20. box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.6);
  21. -webkit-box-sizing: border-box;
  22. -moz-box-sizing: border-box;
  23. box-sizing: border-box;
  24. }
  25. .elgg-button:hover,
  26. .elgg-button:focus {
  27. text-decoration: none;
  28. }
  29. .elgg-button-submit {
  30. border: 1px solid rgba(0, 0, 0, 0.2);
  31. background: #4787B8;
  32. }
  33. .elgg-button-submit:hover,
  34. .elgg-button-submit:focus {
  35. background: #60B6F7;
  36. }
  37. .elgg-button-submit.elgg-state-disabled {
  38. background: #DEDEDE;
  39. cursor: default;
  40. }
  41. .elgg-button-cancel {
  42. border: 1px solid rgba(0, 0, 0, 0.2);
  43. background: #FAA51A;
  44. }
  45. .elgg-button-cancel:hover,
  46. .elgg-button-cancel:focus {
  47. background: #E38F07;
  48. }
  49. .elgg-button-action {
  50. border: 1px solid rgba(0, 0, 0, 0.2);
  51. background: #F0F0F0;
  52. color: #333;
  53. }
  54. .elgg-button-action:hover,
  55. .elgg-button-action:focus {
  56. background: #DEDEDE;
  57. color: #333;
  58. }
  59. .elgg-button-delete {
  60. border: 1px solid rgba(0, 0, 0, 0.2);
  61. background: #FF3300;
  62. }
  63. .elgg-button-delete:hover,
  64. .elgg-button-delete:focus {
  65. background: #D63006;
  66. }
  67. .elgg-button-dropdown {
  68. background: none;
  69. text-decoration: none;
  70. display: block;
  71. position: relative;
  72. margin-left: 0;
  73. color: #FFF;
  74. border: none;
  75. box-shadow: none;
  76. border-radius: 0;
  77. }
  78. .elgg-button-dropdown:hover,
  79. .elgg-button-dropdown:focus,
  80. .elgg-button-dropdown.elgg-state-active {
  81. color: #FFF;
  82. background: #60B8F7;
  83. text-decoration: none;
  84. }
  85. .elgg-button-special {
  86. border: 1px solid rgba(0, 0, 0, 0.2);
  87. background: #42C5B8;
  88. }
  89. .elgg-button-special:hover,
  90. .elgg-button-special:focus {
  91. background: #5ED9CD;
  92. }
  93. /* Use .elgg-size-small or .elgg-size-large for additional sizes */
  94. .elgg-button.elgg-size-small {
  95. font-size: 12px;
  96. padding: 4px 8px;
  97. }
  98. .elgg-button.elgg-size-large {
  99. font-size: 20px;
  100. padding: 14px 20px;
  101. margin: 15px 0;
  102. border-radius: 5px;
  103. }