GeoRSS aggregator and Layar augmented reality server
25개 이상의 토픽을 선택하실 수 없습니다. Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

226 lines
3.0 KiB

  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. }