Lightweight CSS Framework for Building Apps and Websites https://crispy-css.com
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

150 lines
1.9 KiB

5 years ago
5 years ago
5 years ago
  1. body {
  2. padding: 0;
  3. margin: 0;
  4. font-family: sans-serif;
  5. font-size: 1em;
  6. line-height: 1.5;
  7. color: #555;
  8. background: #fff;
  9. }
  10. h1 {
  11. font-size: 1.5em;
  12. font-weight: normal;
  13. box-shadow: 0 1px #ddd, 0 2px #fff, 0 3px #ddd;
  14. }
  15. small {
  16. font-size: .66666667em;
  17. }
  18. a {
  19. color: #e74c3c;
  20. text-decoration: none;
  21. }
  22. a:hover, a:focus {
  23. box-shadow: 0 1px #e74c3c;
  24. }
  25. .bshadow0, input {
  26. box-shadow: inset 0 -2px #e7e7e7;
  27. }
  28. input:hover {
  29. box-shadow: inset 0 -2px #ccc;
  30. }
  31. input, fieldset {
  32. font-size: 1em;
  33. margin: 0;
  34. padding: 0;
  35. border: 0;
  36. }
  37. input {
  38. color: inherit;
  39. line-height: 1.5;
  40. height: 1.5em;
  41. padding: .25em 0;
  42. }
  43. input:focus {
  44. outline: none;
  45. box-shadow: inset 0 -2px #449fdb;
  46. }
  47. .glyph {
  48. font-size: 16px;
  49. margin-right: 1.5em;
  50. float: left;
  51. width: 17em;
  52. }
  53. svg {
  54. color: #000;
  55. }
  56. .liga {
  57. width: 80%;
  58. width: calc(100% - 2.5em);
  59. }
  60. .talign-right {
  61. text-align: right;
  62. }
  63. .talign-center {
  64. text-align: center;
  65. }
  66. .bgc1 {
  67. background: #f1f1f1;
  68. }
  69. .fgc0 {
  70. color: #000;
  71. }
  72. .fgc1 {
  73. color: #999;
  74. }
  75. p {
  76. margin-top: 1em;
  77. margin-bottom: 1em;
  78. }
  79. .mvm {
  80. margin-top: .75em;
  81. margin-bottom: .75em;
  82. }
  83. .mtn {
  84. margin-top: 0;
  85. }
  86. .mtl, .mal {
  87. margin-top: 1.5em;
  88. }
  89. .mbl, .mal {
  90. margin-bottom: 1.5em;
  91. }
  92. .mal, .mhl {
  93. margin-left: 1.5em;
  94. margin-right: 1.5em;
  95. }
  96. .mhmm {
  97. margin-left: 1em;
  98. margin-right: 1em;
  99. }
  100. .ptl {
  101. padding-top: 1.5em;
  102. }
  103. .pbs, .pvs {
  104. padding-bottom: .25em;
  105. }
  106. .pvs, .pts {
  107. padding-top: .25em;
  108. }
  109. .unit {
  110. float: left;
  111. }
  112. .unitRight {
  113. float: right;
  114. }
  115. .size1of2 {
  116. width: 50%;
  117. }
  118. .size1of1 {
  119. width: 100%;
  120. }
  121. .clearfix:before, .clearfix:after {
  122. content: " ";
  123. display: table;
  124. }
  125. .clearfix:after {
  126. clear: both;
  127. }
  128. .hidden-true {
  129. display: none;
  130. }
  131. .textbox0 {
  132. width: 3em;
  133. background: #f1f1f1;
  134. padding: .25em .5em;
  135. line-height: 1.5;
  136. height: 1.5em;
  137. }
  138. .fs0 {
  139. font-size: 16px;
  140. }
  141. .fs1 {
  142. font-size: 32px;
  143. }
  144. .fs2 {
  145. font-size: 32px;
  146. }
  147. .name {
  148. margin-left: .25em;
  149. }