GeoRSS aggregator and Layar augmented reality server
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.

scaffolds.css.scss 3.0 KiB

12 years ago
12 years ago
12 years ago
12 years ago
12 years ago
12 years ago
12 years ago
12 years ago
12 years ago
12 years ago
12 years ago
12 years ago
12 years ago
12 years ago
12 years ago
12 years ago
12 years ago
12 years ago
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225
  1. $blue: #00458f;
  2. body {
  3. background-color: #fff;
  4. color: #333;
  5. font-family: "Helvetica Neue", arial, helvetica, sans-serif;
  6. font-size: 62.5%;
  7. line-height: 2.5rem;
  8. width: 800px;
  9. margin: 40px auto;
  10. }
  11. p, ol, ul, td {
  12. font-size: 1.0rem;
  13. line-height: 1.4rem; }
  14. pre {
  15. background-color: #eee;
  16. padding: 10px;
  17. font-size: 1.1rem; }
  18. a {
  19. color: $blue;
  20. text-decoration: none;
  21. &:visited {
  22. color: $blue; }
  23. &:hover {
  24. color: #fff;
  25. background-color: #ccc;
  26. } }
  27. div {
  28. &.field, &.actions {
  29. margin-bottom: 30px;
  30. font-size: 1.1rem;
  31. } }
  32. #notice {
  33. background-color: green;
  34. color: white;
  35. padding: 5px 10px;
  36. font-size: 1.2rem;
  37. }
  38. #alert {
  39. background-color: red;
  40. color: white;
  41. padding: 5px 10px;
  42. font-size: 1.2rem;
  43. }
  44. .field_with_errors {
  45. padding: 2px;
  46. background-color: red;
  47. display: table; }
  48. #error_explanation {
  49. width: 450px;
  50. border: 2px solid red;
  51. padding: 7px;
  52. padding-bottom: 0;
  53. margin-bottom: 20px;
  54. background-color: #f0f0f0;
  55. h2 {
  56. text-align: left;
  57. font-weight: bold;
  58. padding: 5px 5px 5px 15px;
  59. font-size: 12px;
  60. margin: -7px;
  61. margin-bottom: 0px;
  62. background-color: #c00;
  63. color: #fff; }
  64. ul li {
  65. font-size: 12px;
  66. list-style: square; } }
  67. .button {
  68. padding: 5px 10px;
  69. background-color: #aaa;
  70. color: #fff;
  71. border-radius: 10px;
  72. font-size: 0.9rem;
  73. }
  74. a.button, a.button:visited {
  75. color: #fff;
  76. text-decoration: none;
  77. }
  78. a.button:hover {
  79. color: #fff;
  80. background-color: #ccc;
  81. padding: 5px 10px;
  82. }
  83. #logo {
  84. margin: 0 0 0 15px;
  85. }
  86. a.logo {
  87. float: right;
  88. margin: 0;
  89. padding: 0;
  90. background-color: white;
  91. }
  92. #new_feed {
  93. background-color: beige;
  94. padding: 5px 10px;
  95. border-radius: 20px;
  96. }
  97. .feed_title a {
  98. font-size: 1.6rem;
  99. line-height: 1.6rem;
  100. }
  101. table {
  102. margin: 40px 0;
  103. border-collapse: collapse;
  104. }
  105. table#feed {
  106. margin: 70px 0 0 0;
  107. table-layout: fixed;
  108. width: 800px;
  109. }
  110. td {
  111. padding: 0 20px 30px 0;
  112. }
  113. #feed td {
  114. font-size: 1.5rem;
  115. line-height: 2rem;
  116. padding: 0 40px 30px 0;
  117. width: 120px;
  118. }
  119. #feed td:last-child {
  120. padding-right: 0;
  121. width: 240px;
  122. }
  123. #feed td:first-child {
  124. width: 400px;
  125. }
  126. td:last-child {
  127. padding-right: 0;
  128. }
  129. th {
  130. padding: 0 20px 10px 0;
  131. text-align: left;
  132. font-size: 0.9rem;
  133. }
  134. .right {
  135. text-align: right;
  136. }
  137. h1 {
  138. font-size: 3.0rem;
  139. font-weight: normal;
  140. line-height: 3.5rem;
  141. margin: 0 0 80px 0;
  142. text-align: left;
  143. }
  144. h1, a {
  145. margin: 0 0 80px 0;
  146. }
  147. h2 {
  148. font-size: 2.0rem;
  149. font-weight: normal;
  150. }
  151. #login input {
  152. font-size: 1.8em;
  153. padding: 10px;
  154. }
  155. #login label {
  156. font-size: 1.5em;
  157. margin: 20px 0 20px 0;
  158. }
  159. .actions input {
  160. font-size: 1.0rem;
  161. border-radius: 10px;
  162. }
  163. #userbar {
  164. margin-bottom: 40px;
  165. margin-top: 20px;
  166. font-size: 1.0rem;
  167. }
  168. #feed_feed_url {
  169. font-size: 1.2rem;
  170. width: 660px
  171. }
  172. #submit {
  173. padding: 5px 10px;
  174. color: #fff;
  175. border-radius: 10px;
  176. border: none;
  177. font-size: 0.9rem;
  178. }
  179. .pagination {
  180. font-size: 1.2rem;
  181. .current {
  182. background-color: $blue;
  183. color: white;
  184. font-style: normal;
  185. padding: 3px;
  186. }
  187. }