response-messages.css 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. /* Info Boxes */
  2. .alert {
  3. position: relative;
  4. padding: 10px;
  5. text-align: left;
  6. border-width: 0;
  7. border-style: solid;
  8. }
  9. .alert-close {
  10. padding-right: 36px;
  11. }
  12. .alert a {
  13. font-weight: bold;
  14. background: none;
  15. }
  16. .alert a:hover {
  17. text-decoration: underline;
  18. }
  19. .alert .alert-icon {
  20. line-height: 34px;
  21. float: left;
  22. width: 34px;
  23. height: 34px;
  24. margin: 5px 10px 0 0;
  25. text-align: center;
  26. }
  27. .alert .alert-title {
  28. font-size: 12px;
  29. font-weight: bold;
  30. margin: 4px 0 3px;
  31. padding: 0;
  32. text-transform: uppercase;
  33. }
  34. .alert .alert-content {
  35. overflow: hidden;
  36. }
  37. .alert p {
  38. padding: 0;
  39. opacity: .85;
  40. -moz-opacity: .85;
  41. filter: alpha(opacity: 85);
  42. }
  43. .alert p:last-child {
  44. margin: 0;
  45. }
  46. .alert .alert-close-btn {
  47. font-size: 12px;
  48. line-height: 16px;
  49. position: absolute;
  50. z-index: 2;
  51. top: 50%;
  52. right: 10px;
  53. display: block;
  54. width: 16px;
  55. height: 16px;
  56. margin-top: -10px;
  57. text-align: center;
  58. opacity: .50;
  59. color: #000;
  60. filter: alpha(opacity=50);
  61. }
  62. .alert .alert-close-btn:hover {
  63. opacity: 1;
  64. filter: alpha(opacity=100);
  65. }
  66. /* Server response */
  67. .server-message {
  68. text-align: center;
  69. color: #888;
  70. }
  71. .server-message h1 {
  72. font-size: 85px;
  73. margin: 0;
  74. }
  75. .server-message h2 {
  76. font-size: 40px;
  77. margin: 0 0 25px;
  78. text-transform: uppercase;
  79. }
  80. .server-message p {
  81. font-size: 20px;
  82. line-height: 1.8em;
  83. }
  84. .server-message.inverse {
  85. color: rgba(255, 255, 255, .8);
  86. }