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.

395 lines
6.4 KiB

10 years ago
10 years ago
10 years ago
  1. body {
  2. padding-top: 10px;
  3. }
  4. .header {
  5. font-family:; "Helvetica Neue",Helvetica,Arial,sans-serif;
  6. font-size: 22px;
  7. font-weight: 500;
  8. color: #888;
  9. border-bottom: 6px #ddd solid;
  10. }
  11. .narrow {
  12. max-width: 700px;
  13. margin-right: auto;
  14. margin-left: auto;
  15. }
  16. .footer {
  17. padding: 0;
  18. margin-top: 20px;
  19. text-align: center;
  20. color: #999;
  21. background-color: #f9f9f9;
  22. border-top: 1px #e5e5e5 solid;
  23. }
  24. .footer .nav {
  25. max-width: 700px;
  26. margin-right: auto;
  27. margin-left: auto;
  28. }
  29. .footer .credits {
  30. padding: 20px;
  31. font-size: 12px;
  32. }
  33. .jumbotron .tagline {
  34. font-size: 23px;
  35. }
  36. .jumbotron p {
  37. font-size: 18px;
  38. }
  39. #new_version_available {
  40. display: none;
  41. position: fixed;
  42. z-index: 1000;
  43. bottom: 0;
  44. left: 0;
  45. right: 0;
  46. background: rgba(255,255,255,0.9);
  47. }
  48. #new_version_available .inner {
  49. padding: 10px;
  50. width: 300px;
  51. margin: 0 auto;
  52. text-align: center;
  53. font-weight: bold;
  54. color: #cf224f;
  55. }
  56. /**
  57. * Bootstrap callouts
  58. */
  59. /* Base styles (regardless of theme) */
  60. .bs-callout {
  61. margin: 20px 0;
  62. padding: 15px 30px 15px 15px;
  63. border-left: 5px solid #eee;
  64. }
  65. .bs-callout h4 {
  66. margin-top: 0;
  67. }
  68. .bs-callout p:last-child {
  69. margin-bottom: 0;
  70. }
  71. .bs-callout code,
  72. .bs-callout .highlight {
  73. background-color: #fff;
  74. }
  75. /* Themes for different contexts */
  76. .bs-callout-danger {
  77. background-color: #fcf2f2;
  78. border-color: #dFb5b4;
  79. }
  80. .bs-callout-warning {
  81. background-color: #fefbed;
  82. border-color: #f1e7bc;
  83. }
  84. .bs-callout-info {
  85. background-color: #f0f7fd;
  86. border-color: #d0e3f0;
  87. }
  88. .bs-callout-success {
  89. background-color: #dff0d8;
  90. border-color: #b5dca5;
  91. }
  92. .bs-callout-danger h4 {
  93. color: #B94A48;
  94. }
  95. .bs-callout-warning h4 {
  96. color: #C09853;
  97. }
  98. .bs-callout-info h4 {
  99. color: #3A87AD;
  100. }
  101. .bs-callout-success h4 {
  102. color: #3c763d;
  103. }
  104. .bs-callout.pre {
  105. font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
  106. word-break: break-all;
  107. word-wrap: break-word;
  108. }
  109. /* new posts */
  110. #syndication-container ul {
  111. list-style-type: none;
  112. margin: 0;
  113. padding: 10px;
  114. }
  115. #syndication-container li {
  116. padding: 0;
  117. margin-bottom: 6px;
  118. }
  119. #syndication-container button {
  120. max-width: 240px;
  121. text-shadow: none;
  122. }
  123. #syndication-container button img {
  124. float: left;
  125. margin-left: 10px;
  126. }
  127. #last_response_date {
  128. font-size: 80%;
  129. font-weight: normal;
  130. }
  131. #btn_post {
  132. margin-bottom: 10px;
  133. }
  134. @media all and (max-width: 480px) {
  135. #note_location_img_wide {
  136. display: none;
  137. }
  138. #note_location_img_small {
  139. display: block;
  140. }
  141. }
  142. @media all and (min-width: 480px) {
  143. #note_location_img_wide {
  144. display: block;
  145. }
  146. #note_location_img_small {
  147. display: none;
  148. }
  149. }
  150. .img-visible {
  151. -webkit-border-bottom-right-radius: 0;
  152. -webkit-border-bottom-left-radius: 0;
  153. -moz-border-radius-bottomright: 0;
  154. -moz-border-radius-bottomleft: 0;
  155. border-bottom-right-radius: 0;
  156. border-bottom-left-radius: 0;
  157. }
  158. #note_location_img img {
  159. margin-top: -1px;
  160. border: 1px solid #ccc;
  161. -webkit-border-bottom-right-radius: 4px;
  162. -webkit-border-bottom-left-radius: 4px;
  163. -moz-border-radius-bottomright: 4px;
  164. -moz-border-radius-bottomleft: 4px;
  165. border-bottom-right-radius: 4px;
  166. border-bottom-left-radius: 4px;
  167. }
  168. .callout {
  169. border-left: 4px #5bc0de solid;
  170. background-color: #f4f8fa;
  171. padding: 20px;
  172. margin-top: 10px;
  173. }
  174. .callout table {
  175. margin-bottom: 0;
  176. }
  177. .entry-buttons {
  178. margin-bottom: 10px;
  179. list-style-type: none;
  180. padding-left: 0;
  181. max-width: 100%;
  182. }
  183. .entry-buttons li {
  184. margin-bottom: 6px;
  185. }
  186. .entry-buttons li input {
  187. width: 100%;
  188. }
  189. /**
  190. * Site Navigation Buttons
  191. */
  192. .site-navigation {
  193. padding-bottom: 10px;
  194. font-size: 13px;
  195. text-align: center;
  196. }
  197. .site-navigation ul {
  198. list-style-type: none;
  199. margin: 0;
  200. }
  201. .site-navigation .prev {
  202. float: left;
  203. }
  204. .site-navigation .next {
  205. float: right;
  206. }
  207. .site-navigation::after {
  208. clear: both;
  209. display: table;
  210. content: "";
  211. }
  212. .site-navigation .disabled {
  213. color: #ccc;
  214. }
  215. .site-navigation a.up {
  216. height: 1.5em;
  217. font-size: 10px;
  218. }
  219. .site-navigation a.up abbr {
  220. padding-top: 1em;
  221. display: block;
  222. font-size: 14px;
  223. }
  224. /* Paging Buttons */
  225. /* Thanks tantek.com for the design inspiration */
  226. a.prev, a.next {
  227. font-size: 10px;
  228. width: 11.4em;
  229. height: 6.5em;
  230. padding: 0.2em 0 3em 0.1em;
  231. margin-right: .3em;
  232. text-align: center;
  233. background: #d9d9d9;
  234. border-radius: 1em;
  235. border: .1em solid #CCC;
  236. -webkit-border-radius: 1em;
  237. -moz-border-radius: 1em;
  238. line-height: 3em;
  239. }
  240. a.prev:hover, a.next:hover,
  241. a.prev.hover, a.next.hover {
  242. text-decoration: none;
  243. background: #c9c9c9;
  244. border-color: #AAA;
  245. }
  246. a.prev.disabled, a.next.disabled,
  247. a.prev.disabled.hover, a.next.disabled.hover,
  248. a.prev.disabled:hover, a.next.disabled:hover {
  249. text-decoration: none;
  250. background: #f0f0f0;
  251. border-color: #d9d9d9;
  252. cursor: default;
  253. }
  254. a.prev.disabled abbr, a.next.disabled abbr, a.prev.disabled span, a.next.disabled span {
  255. cursor: default;
  256. }
  257. a.prev abbr, a.next abbr {
  258. display: block;
  259. border-bottom: 0;
  260. cursor: pointer;
  261. font-size: 4em;
  262. vertical-align: bottom;
  263. }
  264. a.prev span, a.next span {
  265. font-size: 1.8em;
  266. line-height: 1.2em;
  267. }
  268. /**
  269. entries
  270. */
  271. ul.entries {
  272. list-style-type: none;
  273. padding-left: 0;
  274. }
  275. ul.entries li {
  276. position: relative;
  277. margin-left: 0;
  278. margin-bottom: 20px;
  279. -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
  280. -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
  281. box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
  282. }
  283. ul.entries .map-img {
  284. position: absolute;
  285. right: 0;
  286. bottom: 0;
  287. }
  288. @media all and (max-width: 520px) {
  289. ul.entries .map-img {
  290. width: 160px;
  291. }
  292. }
  293. ul.entries .author {
  294. background-color: #e3f0d0;
  295. border-bottom: 1px #d1e4b6 solid;
  296. display: block;
  297. }
  298. ul.entries .author {
  299. padding: 12px;
  300. }
  301. ul.entries .content {
  302. padding: 12px 12px 4px 12px;
  303. }
  304. ul.entries .date, ul.entries .location {
  305. padding-left: 12px;
  306. }
  307. ul.entries .date {
  308. padding-bottom: 12px;
  309. }
  310. ul.entries .author .photo {
  311. float: left;
  312. }
  313. ul.entries .author .photo img {
  314. border: 1px #91af67 solid;
  315. -webkit-border-radius: 5px;
  316. -moz-border-radius: 5px;
  317. border-radius: 5px;
  318. margin-right: 7px;
  319. }
  320. ul.entries .author .name {
  321. font-weight: bold;
  322. }
  323. ul.entries .author a {
  324. color: #67863c;
  325. }
  326. ul.entries .author .url {
  327. color: #777;
  328. display: block;
  329. }
  330. ul.entries .location {
  331. color: #999;
  332. }
  333. ul.entries .date a {
  334. color: #999;
  335. }
  336. ul.entries .content {
  337. font-size: 22px;
  338. }