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.

361 lines
5.9 KiB

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