base.css 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555
  1. article,
  2. aside,
  3. details,
  4. figcaption,
  5. figure,
  6. footer,
  7. header,
  8. hgroup,
  9. nav,
  10. section {
  11. display: block; }
  12. audio,
  13. canvas,
  14. video {
  15. display: inline-block;
  16. *display: inline;
  17. *zoom: 1; }
  18. audio:not([controls]) {
  19. display: none; }
  20. [hidden] {
  21. display: none; }
  22. html {
  23. font-size: 100%;
  24. overflow-y: scroll;
  25. -webkit-text-size-adjust: 100%;
  26. -ms-text-size-adjust: 100%; }
  27. body {
  28. margin: 0; }
  29. body,
  30. button,
  31. input,
  32. select,
  33. textarea {
  34. font-family: sans-serif; }
  35. a:focus {
  36. outline: thin dotted; }
  37. a:hover,
  38. a:active {
  39. outline: 0; }
  40. h1 {
  41. font-size: 2em; }
  42. abbr[title] {
  43. border-bottom: 1px dotted; }
  44. b,
  45. strong {
  46. font-weight: bold; }
  47. blockquote {
  48. margin: 1em 40px; }
  49. dfn {
  50. font-style: italic; }
  51. mark {
  52. background: yellow;
  53. color: black; }
  54. pre,
  55. code,
  56. kbd,
  57. samp {
  58. font-family: monospace, serif;
  59. _font-family: "courier new", monospace;
  60. font-size: 1em; }
  61. pre {
  62. white-space: pre;
  63. white-space: pre-wrap;
  64. word-wrap: break-word; }
  65. q {
  66. quotes: none; }
  67. q:before,
  68. q:after {
  69. content: "";
  70. content: none; }
  71. small {
  72. font-size: 75%; }
  73. sub,
  74. sup {
  75. font-size: 75%;
  76. line-height: 0;
  77. position: relative;
  78. vertical-align: baseline; }
  79. sup {
  80. top: -0.5em; }
  81. sub {
  82. bottom: -0.25em; }
  83. ul,
  84. ol {
  85. margin-left: 0;
  86. padding: 0 0 0 40px; }
  87. dd {
  88. margin: 0 0 0 40px; }
  89. nav ul,
  90. nav ol {
  91. list-style: none;
  92. list-style-image: none; }
  93. img {
  94. border: 0;
  95. -ms-interpolation-mode: bicubic; }
  96. svg:not(:root) {
  97. overflow: hidden; }
  98. figure {
  99. margin: 0; }
  100. form {
  101. margin: 0; }
  102. fieldset {
  103. border: 1px solid silver;
  104. margin: 0 2px;
  105. padding: 0.35em 0.625em 0.75em; }
  106. legend {
  107. border: 0;
  108. *margin-left: -7px; }
  109. button,
  110. input,
  111. select,
  112. textarea {
  113. font-size: 100%;
  114. margin: 0;
  115. vertical-align: baseline;
  116. *vertical-align: middle; }
  117. button,
  118. input {
  119. line-height: normal; }
  120. button,
  121. input[type="button"],
  122. input[type="reset"],
  123. input[type="submit"] {
  124. cursor: pointer;
  125. -webkit-appearance: button;
  126. *overflow: visible; }
  127. input[type="checkbox"],
  128. input[type="radio"] {
  129. box-sizing: border-box;
  130. padding: 0; }
  131. input[type="search"] {
  132. -webkit-appearance: textfield;
  133. -moz-box-sizing: content-box;
  134. -webkit-box-sizing: content-box;
  135. box-sizing: content-box; }
  136. input[type="search"]::-webkit-search-decoration {
  137. -webkit-appearance: none; }
  138. button::-moz-focus-inner,
  139. input::-moz-focus-inner {
  140. border: 0;
  141. padding: 0; }
  142. textarea {
  143. overflow: auto;
  144. vertical-align: top; }
  145. table {
  146. border-collapse: collapse;
  147. border-spacing: 0; }
  148. ul, ol {
  149. padding: 0;
  150. list-style-type: none; }
  151. dd {
  152. margin: 0; }
  153. .sidebar ul,
  154. .sidebar ol,
  155. .commentlist {
  156. list-style: none; }
  157. p {
  158. -webkit-hyphens: auto;
  159. -moz-hyphens: auto;
  160. -epub-hyphens: auto;
  161. hyphens: auto; }
  162. b,
  163. strong,
  164. .strong {
  165. font-weight: bold; }
  166. dfn,
  167. em,
  168. .em {
  169. font-style: italic; }
  170. small, .small {
  171. font-size: 75%; }
  172. .clearfix {
  173. zoom: 1; }
  174. .clearfix:before, .clearfix:after {
  175. content: "";
  176. display: table; }
  177. .clearfix:after {
  178. clear: both; }
  179. .image-replacement {
  180. text-indent: 100%;
  181. white-space: nowrap;
  182. overflow: hidden; }
  183. span.amp {
  184. font-family: Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", serif;
  185. font-style: italic; }
  186. .text-left {
  187. text-align: left; }
  188. .text-center {
  189. text-align: center; }
  190. .text-right {
  191. text-align: right; }
  192. .help, .info, .error, .success {
  193. margin: 10px;
  194. padding: 5px 18px;
  195. border: 1px solid; }
  196. .help {
  197. border-color: #e8dc59;
  198. background: #ebe16f; }
  199. .info {
  200. border-color: #bfe4f4;
  201. background: #d5edf8; }
  202. .error {
  203. border-color: #f8cdce;
  204. background: #fbe3e4; }
  205. .success {
  206. border-color: #deeaae;
  207. background: #e6efc2; }
  208. .button, .button:visited {
  209. border: 1px solid #9cd5ef;
  210. border-top-color: #b6e0f3;
  211. border-left-color: #b6e0f3;
  212. padding: 4px 12px;
  213. color: white;
  214. display: inline-block;
  215. font-size: 11px;
  216. font-weight: bold;
  217. text-decoration: none;
  218. text-shadow: 0 1px rgba(0, 0, 0, 0.75);
  219. cursor: pointer;
  220. margin-bottom: 20px;
  221. line-height: 21px;
  222. -webkit-border-radius: 4px;
  223. -moz-border-radius: 4px;
  224. -ms-border-radius: 4px;
  225. -o-border-radius: 4px;
  226. border-radius: 4px;
  227. background-color: #bfe4f4;
  228. background-image: -webkit-gradient(linear, left top, left bottom, from(#d5edf8), to(#bfe4f4));
  229. background-image: -webkit-linear-gradient(top, #d5edf8, #bfe4f4);
  230. background-image: -moz-linear-gradient(top, #d5edf8, #bfe4f4);
  231. background-image: -o-linear-gradient(top, #d5edf8, #bfe4f4);
  232. background-image: -ms-linear-gradient(top, #d5edf8, #bfe4f4);
  233. background-image: linear-gradient(top, #d5edf8, #bfe4f4); }
  234. .button:hover, .button:focus, .button:visited:hover, .button:visited:focus {
  235. color: white;
  236. border: 1px solid #9cd5ef;
  237. border-top-color: #7ec8e9;
  238. border-left-color: #7ec8e9;
  239. background-color: #a9daf1;
  240. background-image: -webkit-gradient(linear, left top, left bottom, from(#bfe4f4), to(#a9daf1));
  241. background-image: -webkit-linear-gradient(top, #bfe4f4, #a9daf1);
  242. background-image: -moz-linear-gradient(top, #bfe4f4, #a9daf1);
  243. background-image: -o-linear-gradient(top, #bfe4f4, #a9daf1);
  244. background-image: -ms-linear-gradient(top, #bfe4f4, #a9daf1);
  245. background-image: linear-gradient(top, #bfe4f4, #a9daf1); }
  246. .button:active, .button:visited:active {
  247. background-color: #d5edf8;
  248. background-image: -webkit-gradient(linear, left top, left bottom, from(#bfe4f4), to(#d5edf8));
  249. background-image: -webkit-linear-gradient(top, #bfe4f4, #d5edf8);
  250. background-image: -moz-linear-gradient(top, #bfe4f4, #d5edf8);
  251. background-image: -o-linear-gradient(top, #bfe4f4, #d5edf8);
  252. background-image: -ms-linear-gradient(top, #bfe4f4, #d5edf8);
  253. background-image: linear-gradient(top, #bfe4f4, #d5edf8); }
  254. body {
  255. font-family: Georgia, serif;
  256. font-size: 14px;
  257. line-height: 1.5;
  258. color: #565656;
  259. background: #fefefe; }
  260. .wrap {
  261. width: 90%;
  262. margin: 0 auto; }
  263. a, a:visited {
  264. color: #f01d4f; }
  265. a:hover, a:focus, a:visited:hover, a:visited:focus {
  266. color: #f05e81; }
  267. a:link, a:visited:link {
  268. -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  269. h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  270. font-family: sans-serif;
  271. font-weight: 500; }
  272. h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  273. text-decoration: none; }
  274. h1, .h1 {
  275. font-size: 2.5em;
  276. line-height: 1.333em; }
  277. h2, .h2 {
  278. font-size: 1.75em;
  279. line-height: 1.4em;
  280. margin-bottom: 0.375em; }
  281. h3, .h3 {
  282. font-size: 1.125em; }
  283. h4, .h4 {
  284. font-size: 1.1em;
  285. font-weight: 700; }
  286. h5, .h5 {
  287. font-size: 0.846em;
  288. line-height: 2.09em;
  289. text-transform: uppercase;
  290. letter-spacing: 2px; }
  291. #content {
  292. margin-top: 2.2em; }
  293. .hentry {
  294. border-bottom: 4px double #cccccc; }
  295. .meta {
  296. color: #999999; }
  297. .post-content dd {
  298. margin-left: 0;
  299. font-size: 0.9em;
  300. color: #787878;
  301. margin-bottom: 1.5em; }
  302. .post-content img {
  303. margin: 0 0 1.5em 0;
  304. max-width: 100%;
  305. height: auto; }
  306. .post-content video, .post-content object {
  307. max-width: 100%; }
  308. .post-content pre, .post-content code {
  309. background: #eeeeee;
  310. border: 1px solid #cecece;
  311. padding: 10px; }
  312. .wp-caption {
  313. background: #eeeeee;
  314. padding: 5px; }
  315. .wp-caption img {
  316. margin-bottom: 0;
  317. width: 100%; }
  318. .wp-caption p.wp-caption-text {
  319. font-size: 0.85em;
  320. margin: 4px 0 7px;
  321. text-align: center; }
  322. .page-navigation,
  323. .wp-prev-next {
  324. margin: 1.1em 0 2.2em; }
  325. .bones_page_navi li {
  326. float: left;
  327. margin-left: 10px; }
  328. .bones_page_navi li a {
  329. padding: 3px 6px;
  330. display: block;
  331. text-decoration: none;
  332. position: relative; }
  333. .bones_page_navi li a:hover, .bones_page_navi li a:focus {
  334. color: #f01d4f;
  335. text-decoration: underline; }
  336. li.bpn-current {
  337. padding: 3px 6px;
  338. border-bottom: 2px solid #f01d4f;
  339. position: relative; }
  340. li.bpn-prev-link,
  341. li.bpn-next-link {
  342. font-weight: 700; }
  343. li.bpn-prev-link a,
  344. li.bpn-next-link a {
  345. padding: 0; }
  346. li.bpn-prev-link a:hover,
  347. li.bpn-next-link a:hover,
  348. li.bpn-first-page-link a:hover,
  349. li.bpn-last-page-link a:hover {
  350. background: none; }
  351. .wp-prev-next .prev-link {
  352. float: left; }
  353. .wp-prev-next .next-link {
  354. float: right; }
  355. .commentlist li {
  356. position: relative;
  357. clear: both;
  358. overflow: hidden;
  359. list-style-type: none;
  360. margin-bottom: 1.5em;
  361. padding: 0.734em 10px; }
  362. .commentlist li:last-child {
  363. margin-bottom: 0; }
  364. .commentlist li ul.children {
  365. margin: 0; }
  366. .commentlist li[class*=depth-] {
  367. margin-top: 1.1em; }
  368. .commentlist li.depth-1 {
  369. margin-left: 0;
  370. margin-top: 0; }
  371. .commentlist li:not(.depth-1) {
  372. margin-right: -10px;
  373. margin-left: -10px;
  374. margin-top: 0;
  375. padding-bottom: 0; }
  376. .commentlist .odd {
  377. background: #eeeeee; }
  378. .commentlist .even {
  379. background: #fefefe; }
  380. .commentlist .vcard {
  381. margin-left: 50px; }
  382. .commentlist .vcard cite.fn {
  383. font-weight: 700;
  384. font-style: normal; }
  385. .commentlist .vcard time {
  386. float: right; }
  387. .commentlist .vcard time a {
  388. color: #999999;
  389. text-decoration: none; }
  390. .commentlist .vcard time a:hover {
  391. text-decoration: underline; }
  392. .commentlist .vcard img.avatar {
  393. position: absolute;
  394. left: 10px;
  395. padding: 2px;
  396. border: 1px solid #cecece;
  397. background: white; }
  398. .comment_content {
  399. margin-left: 50px; }
  400. .comment_content p {
  401. margin: 0.734em 0 1.5em;
  402. font-size: 1em;
  403. line-height: 1.5em; }
  404. .comment-reply-link {
  405. text-decoration: none;
  406. float: right;
  407. background: #4598bb;
  408. padding: 3px 5px;
  409. color: white;
  410. opacity: 0.65;
  411. margin-bottom: 10px;
  412. font-weight: 700;
  413. font-size: 0.9em; }
  414. .comment-reply-link:hover, .comment-reply-link:focus {
  415. opacity: 1; }
  416. .respond-form {
  417. margin: 1.5em 10px;
  418. padding-bottom: 2.2em; }
  419. .respond-form form {
  420. margin: 0.75em 0; }
  421. .respond-form form li {
  422. list-style-type: none;
  423. clear: both;
  424. margin-bottom: 0.734em; }
  425. .respond-form form li label,
  426. .respond-form form li small {
  427. display: none; }
  428. .respond-form form input[type=text],
  429. .respond-form form input[type=email],
  430. .respond-form form input[type=url],
  431. .respond-form form textarea {
  432. padding: 3px 6px;
  433. background: #efefef;
  434. border: 2px solid #cecece;
  435. line-height: 1.5em; }
  436. .respond-form form input[type=text]:focus,
  437. .respond-form form input[type=email]:focus,
  438. .respond-form form input[type=url]:focus,
  439. .respond-form form textarea:focus {
  440. background: white; }
  441. .respond-form form input[type=text]:invalid,
  442. .respond-form form input[type=email]:invalid,
  443. .respond-form form input[type=url]:invalid,
  444. .respond-form form textarea:invalid {
  445. outline: none;
  446. border-color: #fbc2c4;
  447. background-color: #f6e7eb;
  448. -webkit-box-shadow: none;
  449. -moz-box-shadow: none;
  450. -ms-box-shadow: none;
  451. box-shadow: none; }
  452. .respond-form form input[type=text],
  453. .respond-form form input[type=email],
  454. .respond-form form input[type=url] {
  455. max-width: 400px;
  456. min-width: 250px; }
  457. .respond-form form textarea {
  458. resize: none;
  459. width: 97.3%;
  460. height: 150px; }
  461. #comment-form-title {
  462. margin: 0 0 1.1em; }
  463. #allowed_tags {
  464. margin: 1.5em 10px 0.734em 0; }
  465. .nocomments {
  466. margin: 0 20px 1.1em; }
  467. .footer {
  468. clear: both; }