Advertisement
jenny_li

Blaskan child Theme CSS (in progress)

Sep 15th, 2012
127
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.95 KB | None | 0 0
  1. /** =SETUP ---------- */
  2.  
  3. body {
  4. background: #fff;
  5. color: #444;
  6. font: 15px/22px 'Droid Sans', sans-serif;
  7. font-weight: 300;
  8. padding: 0 10px;
  9. }
  10.  
  11. /** =TYPOGRAPHY ---------- */
  12.  
  13. /**
  14. * Links
  15. */
  16.  
  17. /*a {
  18. color: #2e6eb0;
  19. text-decoration: underline;
  20. }
  21.  
  22. a:active {
  23. color: #000;
  24. }
  25.  
  26. a:hover,
  27. a:active {
  28. outline: none;
  29. }
  30.  
  31. a:focus,
  32. a:hover {
  33. color: #000;
  34. }
  35.  
  36. a:focus {
  37. outline: dotted thin;
  38. }
  39.  
  40. a:link {
  41. -webkit-tap-highlight-color: #000;
  42. }*/
  43.  
  44. /**
  45. * Headings
  46. */
  47.  
  48. /*h1,
  49. h2,
  50. h3,
  51. h4,
  52. h5,
  53. h6 {
  54. color: #000;
  55. margin: 0 0 20px;
  56. padding: 10px 0 0;
  57. }*/
  58.  
  59. h1 {
  60. font-family: 'Chicle', 'LeagueGothic', 'Arial Narrow', Impact, sans-serif;
  61. font-size: 48px;
  62. font-weight: normal;
  63. line-height: 50px;
  64. margin: 0 0 30px;
  65. padding: 5px 0 0;
  66. /*text-transform: uppercase;*/
  67. }
  68.  
  69. .sans-serif h1 {
  70. font-family: 'Chicle', 'Helvetica Neue', sans-serif;
  71. font-weight: bold;
  72. letter-spacing: -2px;
  73. text-transform: none;
  74. }
  75.  
  76. h2 {
  77. font-size: 18px;
  78. line-height: 24px;
  79. padding: 20px 0 0;
  80. text-transform: none;
  81. }
  82.  
  83. h3 {
  84. font-family: 'Chicle', 'Helvetica Neue', sans-serif;
  85. font-size: 15px;
  86. }
  87.  
  88. h4 {
  89. font-size: 13px;
  90. text-transform: none;
  91. }
  92.  
  93. h5 {
  94. font-size: 12px;
  95. text-transform: none;
  96. }
  97.  
  98. h6 {
  99. font-family: 'Chicle', 'Arial Narrow', sans-serif;
  100. font-size: 11px;
  101. text-transform: none;
  102. }
  103.  
  104. h1 a,
  105. h2 a,
  106. h3 a,
  107. h4 a,
  108. h5 a,
  109. h6 a {
  110. color: #000;
  111. text-decoration: none;
  112. }
  113.  
  114. h1 a:hover,
  115. h1 a:focus,
  116. h2 a:hover,
  117. h2 a:focus,
  118. h3 a:hover,
  119. h3 a:focus,
  120. h4 a:hover,
  121. h4 a:focus,
  122. h5 a:hover,
  123. h5 a:focus,
  124. h6 a:hover,
  125. h6 a:focus {
  126. color: #000;
  127. }
  128.  
  129. /**
  130. * Text
  131. */
  132.  
  133. p {
  134. margin: 0 0 20px;
  135. }
  136.  
  137. blockquote {
  138. background: url(img/sprite.png) 0 -85px no-repeat;
  139. color: #888;
  140. padding: 0 35px;
  141. margin: 0 0 20px;
  142. }
  143.  
  144. .multiplebgs blockquote {
  145. background-image: url(img/sprite.png), url(img/sprite.png);
  146. background-repeat: no-repeat;
  147. background-position: 0 -85px, bottom right;
  148. }
  149.  
  150. q {
  151. color: #888;
  152. font-style: italic;
  153. }
  154.  
  155. blockquote a,
  156. q a {
  157. color: #888;
  158. }
  159.  
  160. cite {
  161. color: #000;
  162. }
  163.  
  164. blockquote cite,
  165. q cite {
  166. color: #000;
  167. }
  168.  
  169. blockquote cite:before,
  170. q cite:before {
  171. content: " \2014 ";
  172. }
  173.  
  174. strong {
  175. color: #000;
  176. font-weight: bold;
  177. }
  178.  
  179. mark {
  180. background: #d6eaff;
  181. font-style: italic;
  182. font-weight: normal;
  183. }
  184.  
  185. em,
  186. dfn {
  187. font-style: italic;
  188. }
  189.  
  190. dfn {
  191. font-weight: bold;
  192. }
  193.  
  194. abbr,
  195. acronym {
  196. border-bottom: 1px dotted #222;
  197. }
  198.  
  199. address {
  200. font-style: italic;
  201. margin: 0 0 20px;
  202. }
  203.  
  204. del,
  205. s {
  206. color: #888;
  207. text-decoration: line-through;
  208. }
  209.  
  210. ins {
  211. background: #ececec;
  212. }
  213.  
  214. pre {
  215. padding: 10px;
  216. white-space: pre;
  217. white-space: pre-wrap;
  218. white-space: pre-line;
  219. word-wrap: break-word;
  220. }
  221.  
  222. code {
  223. margin: 20px 0;
  224. }
  225.  
  226. pre,
  227. code,
  228. tt,
  229. kbd,
  230. samp {
  231. font: 15px/22px monospace, sans-serif;
  232. }
  233.  
  234. sup,
  235. sub {
  236. line-height: 0;
  237. }
  238.  
  239. sub {
  240. font-size: smaller;
  241. vertical-align: sub;
  242. }
  243.  
  244. sup {
  245. font-size: smaller;
  246. vertical-align: super;
  247. }
  248.  
  249. ::-moz-selection {
  250. background: #2e6eb0;
  251. color: #fff;
  252. text-shadow: none;
  253. }
  254.  
  255. ::selection {
  256. background: #2e6eb0;
  257. color: #fff;
  258. text-shadow: none;
  259. }
  260.  
  261. /**
  262. * Lists
  263. */
  264.  
  265. li ul,
  266. li ol {
  267. margin: 0 20px;
  268. }
  269.  
  270. ul {
  271. list-style: disc inside;
  272. margin: 0 0 20px;
  273. }
  274.  
  275. ol {
  276. list-style: decimal inside;
  277. margin: 0 0 20px;
  278. }
  279.  
  280. dl {
  281. margin: 0;
  282. }
  283.  
  284. dl dt {
  285. font-size: 15px;
  286. font-weight: bold;
  287. }
  288.  
  289. dd {
  290. margin: 0 0 20px;
  291. }
  292.  
  293. /**
  294. * Tables
  295. */
  296.  
  297. table {
  298. width: 100%;
  299. }
  300.  
  301. tbody {
  302. border-top: 0;
  303. }
  304.  
  305. tbody th {
  306. border-bottom: 0;
  307. }
  308.  
  309. thead th {
  310. text-align: left;
  311. padding-right: 0;
  312. border-bottom: 0;
  313. }
  314.  
  315. th {
  316. color: #000;
  317. text-align: left;
  318. }
  319.  
  320. th,
  321. td {
  322. padding: 0;
  323. }
  324.  
  325. td,
  326. td img {
  327. vertical-align: top;
  328. }
  329.  
  330. tfoot {
  331. font-style: italic;
  332. }
  333.  
  334. caption {
  335. color: #000;
  336. font-weight: bold;
  337. text-align: left;
  338. }
  339.  
  340. /**
  341. * Forms
  342. */
  343.  
  344. label {
  345. color: #000;
  346. display: block;
  347. font-size: 15px;
  348. font-weight: bold;
  349. margin: 0 0 5px;
  350. }
  351.  
  352. fieldset {
  353. border: 1px solid #ccc;
  354. border-bottom-width: 2px;
  355. border-top-width: 2px;
  356. margin: 0 0 10px;
  357. padding: 20px;
  358. }
  359.  
  360. legend {
  361. font-size: 18px;
  362. font-weight: bold;
  363. margin-left: -10px;
  364. padding: 0 10px;
  365. }
  366.  
  367. input,
  368. textarea,
  369. select {
  370. background: #fff;
  371. border: 1px solid #ccc;
  372. -moz-border-radius: 3px;
  373. -webkit-border-radius: 3px;
  374. border-radius: 3px;
  375. -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
  376. -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
  377. box-shadow: 0 1px 1px #ccc;
  378. box-shadow: 0 1px 1px rgba(0,0,0,.1);
  379. color: #555;
  380. font: 15px/24px 'Helvetica Neue', sans-serif;
  381. margin: 0 0 10px;
  382. padding: 5px;
  383. }
  384.  
  385. input:focus,
  386. textarea:focus,
  387. select:focus {
  388. border: 1px solid #aaa;
  389. -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
  390. -moz-box-shadow: 0 1px 1px rgba(0,0,0,.2);
  391. box-shadow: 0 1px 1px #cdcdcd;
  392. box-shadow: 0 1px 1px rgba(0,0,0,.2);
  393. }
  394.  
  395. input[type=radio],
  396. input[type=checkbox] {
  397. border: 0;
  398. margin: 0;
  399. padding: 0;
  400. }
  401.  
  402. input[type="radio"] {
  403. vertical-align: text-bottom;
  404. }
  405.  
  406. input[type="checkbox"] {
  407. vertical-align: bottom;
  408. }
  409.  
  410. input[type=submit] {
  411. background-color: #000;
  412. background-image: -webkit-gradient(linear, left top, left bottom, from(#454545), to(#000000));
  413. background-image: -webkit-linear-gradient(top, #454545, #000000);
  414. background-image: -moz-linear-gradient(top, #454545, #000000);
  415. background-image: -o-linear-gradient(top, #454545, #000000);
  416. background-image: -ms-linear-gradient(top, #454545, #000000);
  417. background-image: linear-gradient(top, #454545, #000000);
  418. filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#454545', EndColorStr='#000000');
  419. border: 1px solid #000;
  420. -webkit-border-radius: 3px;
  421. -moz-border-radius: 3px;
  422. border-radius: 3px;
  423. -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
  424. -moz-box-shadow: 0 1px 2px rgba(0,0,0,.3);
  425. box-shadow: 0 1px 2px #000;
  426. box-shadow: 0 1px 2px rgba(0,0,0,.3);
  427. color: #fff;
  428. cursor: hand;
  429. cursor: pointer;
  430. display: inline-block;
  431. *display: inline;
  432. font-weight: bold;
  433. margin: 0 2px;
  434. padding: 5px;
  435. text-align: center;
  436. text-shadow: 0 1px 1px #000;
  437. text-shadow: 0 1px 1px rgba(0,0,0,.3);
  438. vertical-align: baseline;
  439. }
  440.  
  441. input[type=submit]:hover,
  442. input[type=submit]:focus {
  443. background-color: #000;
  444. background-image: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#000000));
  445. background-image: -webkit-linear-gradient(top, #666666, #000000);
  446. background-image: -moz-linear-gradient(top, #666666, #000000);
  447. background-image: -o-linear-gradient(top, #666666, #000000);
  448. background-image: -ms-linear-gradient(top, #666666, #000000);
  449. background-image: linear-gradient(top, #666666, #000000);
  450. filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#666666', EndColorStr='#000000');
  451. }
  452.  
  453. input[type=submit]:active {
  454. background-color: #000000;
  455. background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#222222));
  456. background-image: -webkit-linear-gradient(top, #000000, #222222);
  457. background-image: -moz-linear-gradient(top, #000000, #222222);
  458. background-image: -o-linear-gradient(top, #000000, #222222);
  459. background-image: -ms-linear-gradient(top, #000000, #222222);
  460. background-image: linear-gradient(top, #000000, #222222);
  461. filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#000000', EndColorStr='#222222');
  462. position: relative;
  463. top: 1px;
  464. }
  465.  
  466. textarea {
  467. background: #fff;
  468. height: 120px;
  469. overflow: auto;
  470. padding: 5px;
  471. }
  472.  
  473. button {
  474. overflow: visible;
  475. width: auto;
  476. }
  477.  
  478. /**
  479. * Images
  480. */
  481.  
  482. img {
  483. border: 0;
  484. }
  485.  
  486. /* Contain floats: h5bp.com/q */
  487. figure:before,
  488. figure:after {
  489. content: "";
  490. display: table;
  491. }
  492.  
  493. figure:after {
  494. clear: both;
  495. }
  496.  
  497. figure {
  498. *zoom: 1;
  499. }
  500.  
  501. figure img {
  502. float: left;
  503. }
  504.  
  505. figcaption {
  506. clear: both;
  507. color: #666;
  508. }
  509.  
  510. /**
  511. * Iframes
  512. */
  513.  
  514. iframe {
  515. border: 0;
  516. }
  517.  
  518. /** =BACKGROUND IMAGE ---------- */
  519.  
  520. #site {
  521. padding: 40px 0;
  522. }
  523.  
  524. .background-image #site {
  525. padding-top: 0;
  526. }
  527.  
  528. .background-white #wrapper {
  529. padding-bottom: 0;
  530. padding-top: 0;
  531. }
  532.  
  533. .background-image #wrapper {
  534. background: #fff;
  535. padding: 40px;
  536. }
  537.  
  538. .header-image #site {
  539. padding-top: 40px;
  540. }
  541.  
  542. @media (max-width: 480px) {
  543. #site {
  544. padding: 10px 0;
  545. }
  546. }
  547.  
  548. @media (max-width: 768px) {
  549. body.background-image {
  550. background: none;
  551. }
  552.  
  553. .background-image #wrapper {
  554. padding: 10px;
  555. }
  556.  
  557. .header-image #site {
  558. padding-top: 10px;
  559. }
  560.  
  561. #site {
  562. padding-bottom: 0;
  563. }
  564. }
  565.  
  566. /** =HEADER ---------- */
  567.  
  568. #header {
  569. border-bottom: 1px solid #CCC;
  570. margin: 0 0 40px;
  571. padding: 0 0 10px;
  572. }
  573.  
  574. #header:before,
  575. #header:after {
  576. content: "";
  577. display: table;
  578. }
  579.  
  580. #header:after {
  581. clear: both;
  582. }
  583. #header {
  584. *zoom: 1;
  585. }
  586.  
  587. @media only screen and (max-width: 480px) {
  588. .advanced-menu #header {
  589. padding-bottom: 0;
  590. }
  591. }
  592.  
  593. .background-image #header {
  594. margin-left: 0;
  595. padding-left: 0;
  596. }
  597.  
  598. #header figure {
  599. display: inline-block;
  600. margin: 0 0 30px;
  601. overflow: hidden;
  602. width: 100%;
  603. }
  604.  
  605. #site-name {
  606. color: #000;
  607. font-family: 'LeagueGothic', 'Arial Narrow', Impact, sans-serif;
  608. font-size: 72px;
  609. font-weight: normal;
  610. line-height: 1;
  611. margin: 0;
  612. padding: 0;
  613. word-wrap: break-word;
  614. width: 100%;
  615. }
  616.  
  617. #site-name a {
  618. color: #000;
  619. text-decoration: none;
  620. text-transform: uppercase;
  621. }
  622.  
  623. .sans-serif #site-name {
  624. font-family: 'Helvetica Neue', sans-serif;
  625. font-weight: bold;
  626. letter-spacing: -3px;
  627. }
  628.  
  629. @media only screen and (max-width: 480px) {
  630. .sans-serif #site-name {
  631. letter-spacing: -1px;
  632. }
  633. }
  634.  
  635. .sans-serif #site-name a {
  636. text-transform: none;
  637. }
  638.  
  639. #header-message a {
  640. color: #666;
  641. }
  642.  
  643. @media only screen and (max-width: 480px) {
  644.  
  645. #site-name {
  646. font-size: 40px;
  647. line-height: 44px;
  648. }
  649.  
  650. #header-message {
  651. font-size: 13px;
  652. }
  653.  
  654. }
  655.  
  656. #nav {
  657. clear: both;
  658. margin-top: 10px;
  659. line-height: 1;
  660. margin-bottom: 0;
  661. }
  662.  
  663. #nav ul {
  664. display: inline;
  665. margin: 0;
  666. }
  667.  
  668. #nav li {
  669. float: left;
  670. position: relative;
  671. }
  672.  
  673. #nav a {
  674. background-color: #000;
  675. background-image: -webkit-gradient(linear, left top, left bottom, from(#454545), to(#000000));
  676. background-image: -webkit-linear-gradient(top, #454545, #000000);
  677. background-image: -moz-linear-gradient(top, #454545, #000000);
  678. background-image: -o-linear-gradient(top, #454545, #000000);
  679. background-image: -ms-linear-gradient(top, #454545, #000000);
  680. background-image: linear-gradient(top, #454545, #000000);
  681. filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#454545', EndColorStr='#000000');
  682. -webkit-background-clip: padding-box;
  683. border: 1px solid #000;
  684. -moz-border-radius: 3px;
  685. -ms-border-radius: 3px;
  686. -o-border-radius: 3px;
  687. -webkit-border-radius: 3px;
  688. border-radius: 3px;
  689. color: #fff;
  690. display: block;
  691. font-size: 11px;
  692. font-weight: bold;
  693. line-height: 20px;
  694. margin: 0 1px 1px 0;
  695. padding: 4px 10px;
  696. position: relative;
  697. text-decoration: none;
  698. text-shadow: 0 1px 1px #000;
  699. text-transform: uppercase;
  700. }
  701.  
  702. #nav a:focus,
  703. #nav a:hover {
  704. background-color: #000;
  705. background-image: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#000000));
  706. background-image: -webkit-linear-gradient(top, #666666, #000000);
  707. background-image: -moz-linear-gradient(top, #666666, #000000);
  708. background-image: -o-linear-gradient(top, #666666, #000000);
  709. background-image: -ms-linear-gradient(top, #666666, #000000);
  710. background-image: linear-gradient(top, #666666, #000000);
  711. filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#666666', EndColorStr='#000000');
  712. }
  713.  
  714. #nav .menu > ul:hover > li {
  715. opacity: .7;
  716. }
  717.  
  718. #nav .menu > ul:hover > li:hover {
  719. opacity: 1;
  720. }
  721.  
  722.  
  723. #nav .menu > ul > .current_menu_item > a,
  724. #nav .menu > ul > .current_page_item > a,
  725. #nav .menu > ul > .current_menu_item > a:hover,
  726. #nav .menu > ul > .current_page_item > a:hover,
  727. #nav .menu > ul > .current_menu_item > a:focus,
  728. #nav .menu > ul > .current_page_item > a:focus,
  729. #nav .menu > ul > .current_page_ancestor > a {
  730. background-color: #000;
  731. background-image: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#000000));
  732. background-image: -webkit-linear-gradient(top, #999999, #000000);
  733. background-image: -moz-linear-gradient(top, #999999, #000000);
  734. background-image: -o-linear-gradient(top, #999999, #000000);
  735. background-image: -ms-linear-gradient(top, #999999, #000000);
  736. background-image: linear-gradient(top, #999999, #000000);
  737. filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#999999', EndColorStr='#000000');
  738. }
  739.  
  740. #nav ul ul {
  741. display: none;
  742. float: left;
  743. margin: 0;
  744. position: absolute;
  745. top: 31px;
  746. left: 0;
  747. width: 200px;
  748. z-index: 99999;
  749. }
  750.  
  751. #nav ul ul ul {
  752. left: 100%;
  753. top: 0;
  754. }
  755.  
  756. #nav ul ul a {
  757. width: 180px;
  758. }
  759.  
  760. #nav li:hover > a,
  761. #nav li:focus > a {
  762. background-color: #000;
  763. background-image: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#000000));
  764. background-image: -webkit-linear-gradient(top, #666666, #000000);
  765. background-image: -moz-linear-gradient(top, #666666, #000000);
  766. background-image: -o-linear-gradient(top, #666666, #000000);
  767. background-image: -ms-linear-gradient(top, #666666, #000000);
  768. background-image: linear-gradient(top, #666666, #000000);
  769. filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#666666', EndColorStr='#000000');
  770. }
  771.  
  772. #nav .has-children a {
  773. position: relative;
  774. }
  775.  
  776. #nav .has-children > a:after {
  777. display: inline-block;
  778. content: "\25BC";
  779. font: normal 8px/14px Arial, sans-serif;
  780. margin-left: 10px;
  781. opacity: .5;
  782. text-align: right;
  783. }
  784.  
  785. #nav li .has-children > a:after {
  786. content: "\25B6";
  787. }
  788.  
  789. #nav li .has-children > a:after {
  790. float: right;
  791. padding-top: 4px;
  792. }
  793.  
  794. #nav li li:hover > a,
  795. #nav ul ul :hover > a,
  796. #nav li li a:focus {
  797. background-color: #222;
  798. background-image: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#000000));
  799. background-image: -webkit-linear-gradient(top, #222222, #000000);
  800. background-image: -moz-linear-gradient(top, #222222, #000000);
  801. background-image: -o-linear-gradient(top, #222222, #000000);
  802. background-image: -ms-linear-gradient(top, #222222, #000000);
  803. background-image: linear-gradient(top, #222222, #000000);
  804. filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#222222', EndColorStr='#000000');
  805. color: #ccc;
  806. top: 0;
  807. }
  808.  
  809. #nav li li:hover > a,
  810. #nav a:focus {
  811. color: #ccc;
  812. }
  813.  
  814. #nav ul li:hover > ul {
  815. display: block;
  816. }
  817.  
  818. @media only screen and (max-width: 480px) {
  819. .advanced-menu #nav select {
  820. margin: 0 0 25px;
  821. }
  822.  
  823. #nav li {
  824. width: 50%;
  825. }
  826.  
  827. #nav ul li:hover > ul {
  828. display: none;
  829. }
  830. }
  831.  
  832. /** =CONTENT ---------- */
  833.  
  834. .sidebar #content,
  835. .sidebars #content {
  836. border-bottom: 12px solid #000;
  837. }
  838.  
  839. @media only screen and (min-width: 768px) {
  840.  
  841. .sidebar #content,
  842. .sidebars #content {
  843. border-bottom: 0;
  844. }
  845.  
  846. }
  847.  
  848. @media only screen and (max-width: 992px) {
  849.  
  850. #primary,
  851. #secondary {
  852. padding-bottom: 25px;
  853. }
  854.  
  855. .content-wide-sidebar #content {
  856. margin: 0;
  857. }
  858.  
  859. .content-wide-sidebar #primary {
  860. display: inline-block;
  861. width: 100%;
  862. }
  863.  
  864. }
  865.  
  866. @media only screen and (max-width: 992px) {
  867.  
  868. .background-image #content {
  869. margin-right: 0;
  870. padding-right: 0;
  871. }
  872.  
  873. .sidebar.footer-widgets #primary,
  874. .sidebar.footer-widgets #secondary,
  875. .sidebars.footer-widgets #primary,
  876. .sidebars.footer-widgets #secondary {
  877. margin-bottom: 0;
  878. }
  879.  
  880. #primary {
  881. border-top: 0 !important;
  882. }
  883.  
  884. }
  885.  
  886. @media only screen and (max-width: 600px) {
  887.  
  888. .sidebars #primary {
  889. padding-bottom: 0;
  890. }
  891.  
  892. #primary,
  893. #secondary {
  894. padding-bottom: 25px;
  895. }
  896.  
  897. .content-wide-sidebar #primary {
  898. border-top: 12px solid #000;
  899. margin-bottom: 0;
  900. margin-left: 0;
  901. }
  902.  
  903. .content-wide-sidebar #content {
  904. margin: 0;
  905. }
  906.  
  907. }
  908.  
  909. /** =FOOTER ---------- */
  910.  
  911. #footer {
  912. border-top: 12px solid #000;
  913. padding: 5px 0 0 0;
  914. }
  915.  
  916. .footer-widgets #footer {
  917. padding-top: 0;
  918. }
  919.  
  920. /**
  921. * Footer widgets
  922. */
  923.  
  924. #footer-widgets {
  925. border-bottom: 1px solid #ccc;
  926. display: inline-block;
  927. margin: 0 0 10px;
  928. padding: 0 0 30px;
  929. width: 100%;
  930. }
  931.  
  932. /**
  933. * Footer nav
  934. */
  935.  
  936. #footer-nav {
  937. color: #999;
  938. font-size: 12px;
  939. line-height: 20px;
  940. }
  941.  
  942. #footer-nav li {
  943. display: inline;
  944. }
  945.  
  946. #footer-nav a {
  947. color: #999;
  948. }
  949.  
  950. #footer-nav li:before {
  951. content: " \2014 ";
  952. font-family: Arial, sans-serif;
  953. }
  954.  
  955. #footer-nav li:first-child:before {
  956. content: "";
  957. }
  958.  
  959. /**
  960. * Message
  961. */
  962.  
  963. #footer-message {
  964. color: #999;
  965. font-size: 12px;
  966. line-height: 20px;
  967. }
  968.  
  969. #footer-message p {
  970. margin: 0;
  971. }
  972.  
  973. #footer-message a {
  974. color: #999;
  975. }
  976.  
  977. /**
  978. * Credits
  979. */
  980.  
  981. #footer-credits {
  982. color: #999;
  983. font-size: 11px;
  984. line-height: 20px;
  985. margin-top: 20px;
  986. }
  987.  
  988. #footer-credits a {
  989. color: #999;
  990. }
  991.  
  992. /** =DEFAULT WORDPRESS CLASSES ---------- */
  993.  
  994. /**
  995. * http://codex.wordpress.org/CSS
  996. */
  997.  
  998. .aligncenter,
  999. div.aligncenter {
  1000. display: block;
  1001. margin-left: auto;
  1002. margin-right: auto;
  1003. }
  1004.  
  1005. .alignleft {
  1006. float: left;
  1007. margin-right: 20px;
  1008. }
  1009.  
  1010. .alignright {
  1011. float: right;
  1012. margin-left: 20px;
  1013. }
  1014.  
  1015. .wp-caption {
  1016. margin-bottom: 10px;
  1017. padding-top: 5px;
  1018. }
  1019.  
  1020. .wp-caption img {
  1021. border: 0 none;
  1022. margin: 0;
  1023. padding: 0;
  1024. }
  1025.  
  1026. .wp-caption p.wp-caption-text,
  1027. .wp-caption figcaption.wp-caption-text {
  1028. color: #888;
  1029. font-size: 12px;
  1030. line-height: 18px;
  1031. margin: 0;
  1032. padding: 5px 0;
  1033. }
  1034.  
  1035. /** =POST NAV ---------- */
  1036.  
  1037. .menu ul,
  1038. nav ul {
  1039. list-style: none;
  1040. margin: 0;
  1041. }
  1042.  
  1043. .menu li,
  1044. nav li {
  1045. display: inline;
  1046. }
  1047.  
  1048. .post-nav {
  1049. display: inline-block;
  1050. font-size: 12px;
  1051. line-height: 20px;
  1052. margin: 0 0 20px;
  1053. width: 100%;
  1054. }
  1055.  
  1056. .post-nav a {
  1057. background: url(img/sprite.png) no-repeat;
  1058. color: #999;
  1059. display: inline-block;
  1060. padding: 0 0 0 26px;
  1061. }
  1062.  
  1063. .post-nav .nav-previous {
  1064. float: left;
  1065. }
  1066.  
  1067. .post-nav .nav-previous a {
  1068. background-position: 0 -24px;
  1069. }
  1070.  
  1071. .post-nav .nav-next {
  1072. float: right;
  1073. }
  1074.  
  1075. .post-nav .nav-next a {
  1076. background-position: right -56px;
  1077. padding: 0 26px 0 0;
  1078. }
  1079.  
  1080. /** =SEARCH FORM ---------- */
  1081.  
  1082. #searchform {
  1083. position: relative;
  1084. }
  1085.  
  1086. #content #searchform {
  1087. margin-bottom: 60px;
  1088. }
  1089.  
  1090. #searchform label {
  1091. clip: rect(1px 1px 1px 1px);
  1092. clip: rect(1px, 1px, 1px, 1px);
  1093. position: absolute !important;
  1094. }
  1095.  
  1096. #s {
  1097. line-height: 18px;
  1098. margin: 0;
  1099. max-width: 238px;
  1100. width: 100%;
  1101. }
  1102.  
  1103. #content #s {
  1104. max-width: 528px;
  1105. }
  1106.  
  1107. #searchsubmit {
  1108. background: url(img/sprite.png) -3px 7px no-repeat;
  1109. filter: none;
  1110. -ms-filter: none;
  1111. border: 0;
  1112. -moz-border-radius: 0;
  1113. -webkit-border-radius: 0;
  1114. border-radius: 0;
  1115. -moz-box-shadow: none;
  1116. -webkit-box-shadow: none;
  1117. box-shadow: none;
  1118. color: #fff;
  1119. cursor: hand;
  1120. cursor: pointer;
  1121. height: 26px;
  1122. margin: 0;
  1123. opacity: .5;
  1124. padding: 0;
  1125. position: absolute;
  1126. right: 12px;
  1127. text-indent: -9999px;
  1128. top: 1px;
  1129. width: 14px;
  1130. }
  1131.  
  1132. #searchsubmit:hover,
  1133. #searchsubmit:focus {
  1134. opacity: .8;
  1135. }
  1136.  
  1137. @media only screen and (max-width: 480px) {
  1138.  
  1139. #searchform {
  1140. width: 80%;
  1141. }
  1142.  
  1143. #s {
  1144. max-width: 100%;
  1145. }
  1146.  
  1147. #searchsubmit {
  1148. right: 0;
  1149. }
  1150.  
  1151. }
  1152.  
  1153. /** =POSTS, PAGES & ATTACHMENTS ---------- */
  1154.  
  1155. /* Use clearfix on content div */
  1156. article .content:before, article .content:after { content: ""; display: table; }
  1157. article .content:after { clear: both; }
  1158. article .content { *zoom: 1; }
  1159.  
  1160. .type-post,
  1161. .type-page,
  1162. .type-attachment {
  1163. display: inline-block;
  1164. width: 100%;
  1165. }
  1166.  
  1167. .type-post,
  1168. .type-attachment {
  1169. margin: 0 0 40px;
  1170. }
  1171.  
  1172. .single-post .post,
  1173. .single-attachment .type-attachment {
  1174. margin: 0 0 40px;
  1175. }
  1176.  
  1177. .type-post header,
  1178. .type-attachment header {
  1179. color: #888;
  1180. font-size: 15px;
  1181. margin: 0 0 10px;
  1182. }
  1183.  
  1184. .post-thumbnail {
  1185. display: inline-block;
  1186. margin: 0 0 15px;
  1187. width: 100%;
  1188. }
  1189.  
  1190. .type-post header time,
  1191. .type-attachment header time {
  1192. text-transform: uppercase;
  1193. }
  1194.  
  1195. .type-post h1,
  1196. .type-attachment h1 {
  1197. margin: 0 0 20px;
  1198. }
  1199.  
  1200. .type-attachment figure {
  1201. padding: 0 0 10px;
  1202. }
  1203.  
  1204. .type-attachment figcaption {
  1205. color: #888;
  1206. padding-top: 10px;
  1207. }
  1208.  
  1209. .type-post caption,
  1210. .type-page caption {
  1211. font-size: 18px;
  1212. line-height: 26px;
  1213. }
  1214.  
  1215. .page-link {
  1216. margin: 0 0 10px;
  1217. }
  1218.  
  1219. .type-post footer,
  1220. .type-attachment footer {
  1221. border-top: 1px dashed #ccc;
  1222. clear: both;
  1223. color: #999;
  1224. font-size: 12px;
  1225. margin: 20px 0 0;
  1226. padding: 5px 0 10px;
  1227. }
  1228.  
  1229. .type-post footer a,
  1230. .type-attachment footer a {
  1231. color: #999;
  1232. }
  1233.  
  1234. .type-post footer span:before,
  1235. .type-attachment footer span:before {
  1236. content: " \2014 ";
  1237. font-family: Arial, sans-serif;
  1238. }
  1239.  
  1240. .type-post footer span:first-child:before,
  1241. .type-attachment footer span:first-child:before {
  1242. content: "";
  1243. }
  1244.  
  1245. .back-to-post {
  1246. color: #888;
  1247. padding: 0 0 20px;
  1248. }
  1249.  
  1250. .back-to-post:before {
  1251. content: " \2190 ";
  1252. font-family: Arial, sans-serif;
  1253. }
  1254.  
  1255. .page {
  1256. margin: 0 0 60px;
  1257. }
  1258.  
  1259. .type-page {
  1260. margin: 0 0 40px;
  1261. }
  1262.  
  1263. .type-page footer {
  1264. border-top: 1px solid #ccc;
  1265. clear: both;
  1266. color: #888;
  1267. font-size: 12px;
  1268. font-style: italic;
  1269. margin: 20px 0 0;
  1270. padding: 5px 0 0;
  1271. }
  1272.  
  1273. .type-page footer a {
  1274. border-bottom: 1px solid #ccc;
  1275. color: #666;
  1276. text-decoration: none;
  1277. }
  1278.  
  1279. .type-page .edit-link a {
  1280. border-bottom: 1px solid #ccc;
  1281. color: #666;
  1282. font-size: 12px;
  1283. font-style: italic;
  1284. text-decoration: none;
  1285. }
  1286.  
  1287. .meta-nav {
  1288. font-family: Arial, sans-serif;
  1289. }
  1290.  
  1291. @media only screen and (max-width: 480px) {
  1292.  
  1293. .type-post {
  1294. margin-bottom: 20px;
  1295. }
  1296.  
  1297. .type-post h1,
  1298. .type-page h1 {
  1299. font-size: 30px;
  1300. line-height: 36px;
  1301. margin-bottom: 10px;
  1302. }
  1303.  
  1304. .sans-serif .type-post h1,
  1305. .sans-serif .type-page h1 {
  1306. font-size: 24px;
  1307. letter-spacing: normal;
  1308. line-height: 30px;
  1309. }
  1310.  
  1311. .type-post header {
  1312. margin-bottom: 0;
  1313. }
  1314.  
  1315. .type-post footer {
  1316. margin-top: 0;
  1317. padding-top: 0;
  1318. }
  1319.  
  1320. }
  1321.  
  1322. /** =STICKY ---------- */
  1323.  
  1324. .sticky h1 {
  1325. font-size: 60px;
  1326. line-height: 62px;
  1327. padding-top: 5px;
  1328. }
  1329.  
  1330. .sticky h1 a {
  1331. border-bottom: 8px solid #ccc;
  1332. display: inline-block;
  1333. }
  1334.  
  1335. @media only screen and (max-width: 480px) {
  1336.  
  1337. .sticky h1 {
  1338. font-size: 36px;
  1339. line-height: 42px;
  1340. }
  1341.  
  1342. .sticky h1 a {
  1343. border-bottom: 0;
  1344. }
  1345.  
  1346. }
  1347.  
  1348. /** =GALLERY ---------- */
  1349.  
  1350. .gallery {
  1351. padding-top: 10px;
  1352. }
  1353.  
  1354. #content dl.gallery-item {
  1355. text-align: left;
  1356. }
  1357.  
  1358. #content .gallery img {
  1359. border: 0;
  1360. }
  1361.  
  1362. #content .gallery-caption {
  1363. color: #888;
  1364. font-size: 12px;
  1365. text-align: left;
  1366. }
  1367.  
  1368. /** =COMMENTS ---------- */
  1369.  
  1370. #comments {
  1371. margin: 0 0 40px;
  1372. }
  1373.  
  1374. .type-page #comments {
  1375. margin-top: 40px;
  1376. }
  1377.  
  1378. #comments-title {
  1379. font-size: 36px;
  1380. line-height: 38px;
  1381. padding: 0;
  1382. }
  1383.  
  1384. .nocomments {
  1385. color: #888;
  1386. font-size: 12px;
  1387. font-style: italic;
  1388. margin: 0;
  1389. }
  1390.  
  1391. #comment-list {
  1392. list-style: none;
  1393. margin: 0 0 60px;
  1394. }
  1395.  
  1396. .pingback,
  1397. .trackback {
  1398. color: #888;
  1399. font-size: 12px;
  1400. margin: 0 0 30px;
  1401. }
  1402.  
  1403. .pingback time,
  1404. .trackback time {
  1405. display: block;
  1406. text-transform: uppercase;
  1407. }
  1408.  
  1409. .comment {
  1410. margin: 0 0 30px;
  1411. }
  1412.  
  1413. .comment-header {
  1414. display: inline-block;
  1415. line-height: 20px;
  1416. padding-bottom: 5px;
  1417. width: 100%;
  1418. }
  1419.  
  1420. .comment-header figure {
  1421. float: left;
  1422. margin: 0 10px 0 0;
  1423. }
  1424.  
  1425. .comment .avatar {
  1426. -webkit-border-radius: 6px;
  1427. -moz-border-radius: 6px;
  1428. border-radius: 6px;
  1429. height: 40px;
  1430. width: 40px;
  1431. }
  1432.  
  1433. .comment-header time {
  1434. display: block;
  1435. line-height: 18px;
  1436. }
  1437.  
  1438. .comment-header time a {
  1439. color: #888;
  1440. font-size: 12px;
  1441. text-decoration: none;
  1442. text-transform: uppercase;
  1443. }
  1444.  
  1445. .comment-header cite {
  1446. display: block;
  1447. font-style: normal;
  1448. line-height: 18px;
  1449. }
  1450.  
  1451. .comment-header cite a {
  1452. font-size: 15px;
  1453. line-height: 24px;
  1454. }
  1455.  
  1456. .bypostauthor>.comment-header {
  1457. border-left: 10px solid #000;
  1458. height: 40px;
  1459. margin-bottom: 5px;
  1460. padding: 0 0 0 10px;
  1461. }
  1462.  
  1463. .bypostauthor>.comment-header cite a {
  1464. font-weight: bold;
  1465. }
  1466.  
  1467. .moderation {
  1468. color: #888;
  1469. font-size: 12px;
  1470. margin: 0;
  1471. }
  1472.  
  1473. #comments .children {
  1474. border-left: 1px solid #ccc;
  1475. list-style: none;
  1476. margin: 30px 0 0;
  1477. padding: 0 0 0 20px;
  1478. }
  1479.  
  1480. .reply a {
  1481. background: #fff;
  1482. background: -moz-linear-gradient(top, #fff, #f8f8f8);
  1483. background: -o-linear-gradient(top, #fff, #f8f8f8);
  1484. background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
  1485. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f8f8f8');
  1486. -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f8f8f8)";
  1487. border: 1px solid #b7b7b7;
  1488. -moz-border-radius: 3px;
  1489. -webkit-border-radius: 3px;
  1490. border-radius: 3px;
  1491. -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  1492. -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  1493. box-shadow: 0 1px 2px rgba(0,0,0,.2);
  1494. color: #888;
  1495. display: inline-block;
  1496. *display: inline;
  1497. font-size: 12px;
  1498. line-height: 18px;
  1499. margin: 0 2px 0 0;
  1500. padding: 0 8px;
  1501. outline: none;
  1502. text-align: center;
  1503. text-decoration: none;
  1504. text-shadow: 0 1px 1px rgba(0,0,0,.2);
  1505. vertical-align: baseline;
  1506. }
  1507.  
  1508. .reply a:hover,
  1509. .reply a:focus {
  1510. background: #ededed;
  1511. background: -moz-linear-gradient(top, #fff, #ededed);
  1512. background: -o-linear-gradient(top, #fff, #ededed);
  1513. background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
  1514. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
  1515. -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ededed)";
  1516. text-decoration: none;
  1517. }
  1518.  
  1519. .reply a:active {
  1520. background: #ededed;
  1521. background: -moz-linear-gradient(top, #ededed, #fff);
  1522. background: -o-linear-gradient(top, #ededed, #fff);
  1523. background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
  1524. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
  1525. -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ededed, endColorstr=#ffffff)";
  1526. color: #999;
  1527. position: relative;
  1528. top: 1px;
  1529. }
  1530.  
  1531. #comment-list #respond {
  1532. margin-bottom: 30px;
  1533. }
  1534.  
  1535. #reply-title {
  1536. font-family: 'LeagueGothic', 'Arial Narrow', Impact, sans-serif;
  1537. font-size: 36px;
  1538. font-weight: normal;
  1539. line-height: 38px;
  1540. margin: 0 0 10px;
  1541. padding: 0;
  1542. text-transform: uppercase;
  1543. }
  1544.  
  1545. .sans-serif #reply-title {
  1546. font-family: 'Helvetica Neue', sans-serif;
  1547. font-weight: bold;
  1548. letter-spacing: -2px;
  1549. text-transform: none;
  1550. }
  1551.  
  1552. #reply-title small {
  1553. display: block;
  1554. line-height: 20px;
  1555. margin-bottom: 10px;
  1556. }
  1557.  
  1558. #reply-title small a {
  1559. color: #888;
  1560. font: 15px/20px 'Helvetica Neue', sans-serif;
  1561. text-decoration: underline;
  1562. text-transform: none;
  1563. }
  1564.  
  1565. #commentform {
  1566. padding: 10px 0 0;
  1567. }
  1568.  
  1569. .required {
  1570. color: #888;
  1571. font-weight: normal;
  1572. }
  1573.  
  1574. #comment-author,
  1575. #comment-email,
  1576. #comment-url,
  1577. #comment {
  1578. width: 90%;
  1579. }
  1580.  
  1581. #respond dt {
  1582. color: #888;
  1583. font-weight: normal;
  1584. }
  1585.  
  1586. #respond code {
  1587. font-size: 13px;
  1588. }
  1589.  
  1590. /** =WIDGETS ---------- */
  1591.  
  1592. .widget {
  1593. font-size: 13px;
  1594. padding-top: 20px;
  1595. line-height: 1.5em;
  1596. }
  1597.  
  1598. .widget .title {
  1599. font-size: 24px;
  1600. font-weight: bold;
  1601. margin: 0 0 5px;
  1602. padding: 0;
  1603. text-transform: none;
  1604. }
  1605.  
  1606. .widget ul {
  1607. list-style: none;
  1608. margin: 0;
  1609. }
  1610.  
  1611. .widget li {
  1612. padding: 0 0 5px;
  1613. }
  1614.  
  1615. .widget li:last-child {
  1616. padding: 0;
  1617. }
  1618.  
  1619. @media only screen and (max-width: 1200px) {
  1620.  
  1621. .sidebars #secondary .widget:first-child {
  1622. padding-top: 20px;
  1623. }
  1624.  
  1625. }
  1626.  
  1627. @media only screen and (max-width: 992px) {
  1628.  
  1629. .sidebar #primary .widget:first-child,
  1630. .sidebars #primary .widget:first-child {
  1631. padding-top: 20px;
  1632. }
  1633.  
  1634. }
  1635.  
  1636. /**
  1637. * Archive widget
  1638. */
  1639.  
  1640. .widget_archive li {
  1641. color: #888;
  1642. }
  1643.  
  1644. /**
  1645. * Categories widget
  1646. */
  1647.  
  1648. .widget_categories .cat-item {
  1649. color: #888;
  1650. }
  1651.  
  1652. .widget_categories .current-cat > a {
  1653. color: #000;
  1654. font-weight: normal;
  1655. }
  1656.  
  1657. .widget_categories .children {
  1658. padding: 5px 0 0 10px;
  1659. }
  1660.  
  1661. /**
  1662. * Calendar widget
  1663. */
  1664.  
  1665. .widget_calendar caption {
  1666. text-align: left;
  1667. text-transform: capitalize;
  1668. }
  1669.  
  1670. .widget_calendar td {
  1671. color: #888;
  1672. }
  1673.  
  1674. .widget_calendar #next {
  1675. text-align: right;
  1676. }
  1677.  
  1678. .widget_calendar #prev a,
  1679. .widget_calendar #next a {
  1680. color: #999;
  1681. display: inline-block;
  1682. font-size: 12px;
  1683. font-style: normal;
  1684. }
  1685.  
  1686. /**
  1687. * Menus in widgets
  1688. */
  1689.  
  1690. .widget .menu li {
  1691. display: block;
  1692. }
  1693.  
  1694. .widget .menu .current-menu-item > a {
  1695. color: #000;
  1696. font-weight: normal;
  1697. }
  1698.  
  1699. .widget .menu .sub-menu {
  1700. padding: 5px 0 0 10px;
  1701. }
  1702.  
  1703. /**
  1704. * Pages widget
  1705. */
  1706.  
  1707. .widget_pages .page_item {
  1708. color: #888;
  1709. }
  1710.  
  1711. .widget_pages .current_page_item > a {
  1712. color: #000;
  1713. font-weight: normal;
  1714. }
  1715.  
  1716. .widget_pages .children {
  1717. padding: 5px 0 0 10px;
  1718. }
  1719.  
  1720. /**
  1721. * Recent comments widget
  1722. */
  1723.  
  1724. .widget_recent_comments li {
  1725. color: #888;
  1726. }
  1727.  
  1728. /**
  1729. * RSS Widget
  1730. */
  1731.  
  1732. .widget_rss .title a.rsswidget:first-child {
  1733. float: right;
  1734. }
  1735.  
  1736. .widget_rss .rss-date {
  1737. color: #888;
  1738. display: block;
  1739. font-size: 12px;
  1740. text-transform: uppercase;
  1741. }
  1742.  
  1743. .widget_rss cite {
  1744. color: #888;
  1745. }
  1746.  
  1747. /** =ARCHIVES AND SEARCH ---------- */
  1748.  
  1749. /**
  1750. * Archive titles
  1751. */
  1752.  
  1753. .search .page-title,
  1754. .archive .page-title {
  1755. color: #444;
  1756. font: 18px/28px 'Helvetica Neue', sans-serif;
  1757. letter-spacing: normal;
  1758. text-transform: none;
  1759. }
  1760.  
  1761. .search .page-title span,
  1762. .archive .page-title span {
  1763. background: #eee;
  1764. color: #000;
  1765. display: inline-block;
  1766. font: bold 15px/28px 'Helvetica Neue', sans-serif;
  1767. letter-spacing: normal;
  1768. padding: 0 5px;
  1769. }
  1770.  
  1771. .archive.date .page-title,
  1772. .archive.date .page-title {
  1773. color: #888;
  1774. font-size: 15px;
  1775. text-transform: uppercase;
  1776. }
  1777.  
  1778. .archive.date .page-title span,
  1779. .archive.date .page-title time {
  1780. background: none;
  1781. display: block;
  1782. color: #000;
  1783. font-family: 'LeagueGothic', 'Arial Narrow', Impact, sans-serif;
  1784. font-size: 48px;
  1785. font-weight: normal;
  1786. line-height: 50px;
  1787. padding: 0;
  1788. text-transform: uppercase;
  1789. }
  1790.  
  1791. .sans-serif .archive.date .page-title span,
  1792. .sans-serif .archive.date .page-title time {
  1793. font-family: 'Helvetica Neue', sans-serif;
  1794. font-weight: bold;
  1795. letter-spacing: -2px;
  1796. text-transform: none;
  1797. }
  1798.  
  1799. /**
  1800. * Archive description
  1801. */
  1802.  
  1803. .archive-description {
  1804. border-bottom: 1px dashed #ccc;
  1805. color: #888;
  1806. margin: -20px 0 30px;
  1807. padding: 0 0 20px;
  1808. }
  1809.  
  1810. /**
  1811. * Author and date archives
  1812. */
  1813.  
  1814. .archive.date #content {
  1815. padding-bottom: 30px;
  1816. }
  1817.  
  1818. .archive.date #content h1 {
  1819. margin: 0 0 15px;
  1820. }
  1821.  
  1822. .author #content ul,
  1823. .archive.date #content ul {
  1824. list-style: none;
  1825. margin: 0 0 30px;
  1826. }
  1827.  
  1828. .author #content li,
  1829. .archive.date #content li {
  1830. clear: both;
  1831. }
  1832.  
  1833. .archive.date #content h2 {
  1834. float: left;
  1835. font-size: 16px;
  1836. line-height: 20px;
  1837. margin: 0;
  1838. padding: 0;
  1839. }
  1840.  
  1841. .author #content li time,
  1842. .archive.date #content li time {
  1843. color: #888;
  1844. display: block;
  1845. font-size: 15px;
  1846. float: right;
  1847. }
  1848.  
  1849. .archive.date #nav-below {
  1850. margin-top: 20px;
  1851. }
  1852.  
  1853. .author .avatar {
  1854. margin-right: 10px;
  1855. padding-top: 9px;
  1856. }
  1857.  
  1858. .author-title {
  1859. margin-bottom: 15px;
  1860. }
  1861.  
  1862. .author-description {
  1863. padding: 0 0 10px;
  1864. }
  1865.  
  1866. .author-posts {
  1867. font-family: 'LeagueGothic', 'Arial Narrow', Impact, sans-serif;
  1868. font-size: 36px;
  1869. font-weight: normal;
  1870. line-height: 38px;
  1871. margin: 0 0 10px;
  1872. padding: 10px 0 0;
  1873. text-transform: uppercase;
  1874. }
  1875.  
  1876. .sans-serif .author-posts {
  1877. font-family: 'Helvetica Neue', sans-serif;
  1878. font-weight: bold;
  1879. letter-spacing: -2px;
  1880. text-transform: none;
  1881. }
  1882.  
  1883. /** =404 ---------- */
  1884.  
  1885. .error404 h1 span {
  1886. color: #888;
  1887. display: block;
  1888. }
  1889.  
  1890. .error404 form {
  1891. margin-bottom: 40px;
  1892. }
  1893.  
  1894. /** =DISQUS ---------- */
  1895.  
  1896. /**
  1897. * Custom styling for Disqus Comment System
  1898. * http://wordpress.org/extend/plugins/disqus-comment-system/
  1899. */
  1900.  
  1901. #blaskan #dsq-content h3 {
  1902. font-family: 'LeagueGothic', 'Arial Narrow', Impact, sans-serif;
  1903. font-size: 36px;
  1904. font-weight: normal;
  1905. line-height: 38px;
  1906. margin: 0 0 20px;
  1907. padding: 0;
  1908. text-transform: uppercase;
  1909. }
  1910.  
  1911. #blaskan .sans-serif #dsq-content h3 {
  1912. font-family: 'Helvetica Neue', sans-serif;
  1913. font-weight: bold;
  1914. letter-spacing: -2px;
  1915. text-transform: none;
  1916. }
  1917.  
  1918. #blaskan #dsq-sort-select {
  1919. font-size: 13px;
  1920. }
  1921.  
  1922. #blaskan #dsq-content .dsq-avatar img {
  1923. -moz-border-radius: 6px;
  1924. -o-border-radius: 6px;
  1925. -webkit-border-radius: 6px;
  1926. border-radius: 6px;
  1927. }
  1928.  
  1929. #blaskan .dsq-comment-actions a {
  1930. background: #fff;
  1931. background: -moz-linear-gradient(top, #fff, #f8f8f8);
  1932. background: -o-linear-gradient(top, #fff, #f8f8f8);
  1933. background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
  1934. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f8f8f8');
  1935. -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f8f8f8)";
  1936. border: 1px solid #b7b7b7;
  1937. -moz-border-radius: 6px;
  1938. -webkit-border-radius: 6px;
  1939. border-radius: 6px;
  1940. -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  1941. -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  1942. box-shadow: 0 1px 2px rgba(0,0,0,.2);
  1943. color: #888;
  1944. display: inline-block;
  1945. *display: inline;
  1946. font-size: 12px;
  1947. line-height: 18px;
  1948. margin: 0 2px 0 0;
  1949. padding: 0 8px;
  1950. opacity: 1;
  1951. outline: none;
  1952. text-align: center;
  1953. text-decoration: none;
  1954. text-shadow: 0 1px 1px rgba(0,0,0,.2);
  1955. vertical-align: baseline;
  1956. }
  1957.  
  1958. #blaskan .dsq-comment-actions a:hover,
  1959. #blaskan .dsq-comment-actions a:focus {
  1960. background: #ededed;
  1961. background: -moz-linear-gradient(top, #fff, #ededed);
  1962. background: -o-linear-gradient(top, #fff, #ededed);
  1963. background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
  1964. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
  1965. -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ededed)";
  1966. text-decoration: none;
  1967. }
  1968.  
  1969. #blaskan .dsq-comment-actions a:active {
  1970. background: #ededed;
  1971. background: -moz-linear-gradient(top, #ededed, #fff);
  1972. background: -o-linear-gradient(top, #ededed, #fff);
  1973. background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
  1974. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
  1975. -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ededed, endColorstr=#ffffff)";
  1976. color: #999;
  1977. position: relative;
  1978. top: 1px;
  1979. }
  1980.  
  1981. #blaskan .dsq-comment-meta a {
  1982. color: #888;
  1983. font-size: 12px;
  1984. opacity: 1;
  1985. }
  1986.  
  1987. #blaskan .dsq-comment-header {
  1988. background: none;
  1989. border: 0;
  1990. font-size: 15px;
  1991. margin: 0;
  1992. padding-left: 0;
  1993. padding-right: 0;
  1994. }
  1995.  
  1996. #blaskan .dsq-commenter-bio {
  1997. color: #888;
  1998. opacity: 1;
  1999. }
  2000.  
  2001. #blaskan #dsq-reactions .dsq-comment-header {
  2002. color: #888;
  2003. }
  2004.  
  2005. #blaskan #dsq-reactions .dsq-comment-meta {
  2006. color: #888;
  2007. }
  2008.  
  2009. #blaskan .dsq-brlink {
  2010. display: none;
  2011. }
  2012.  
  2013. /**
  2014. * Disqus widgets
  2015. */
  2016.  
  2017. #blaskan .dsq-widget-user {
  2018. text-decoration: none;
  2019. }
  2020.  
  2021. #blaskan .dsq-widget-avatar {
  2022. -moz-border-radius: 6px;
  2023. -o-border-radius: 6px;
  2024. -webkit-border-radius: 6px;
  2025. border-radius: 6px;
  2026. margin-right: 10px;
  2027. padding: 0;
  2028. }
  2029.  
  2030. #blaskan .dsq-widget-meta,
  2031. #blaskan .dsq-widget-meta a {
  2032. color: #888;
  2033. }
  2034.  
  2035. #blaskan #popularthreads .dsq-widget-thread {
  2036. font-weight: 300;
  2037. }
  2038.  
  2039. #blaskan #popularthreads .dsq-widget-item,
  2040. #blaskan #topcommenters .dsq-widget-item {
  2041. margin: 0;
  2042. }
  2043.  
  2044. #blaskan .dsq-widget-clout {
  2045. -moz-border-radius: 6px;
  2046. -o-border-radius: 6px;
  2047. -webkit-border-radius: 6px;
  2048. border-radius: 6px;
  2049. display: inline-block;
  2050. font-size: 10px;
  2051. line-height: 18px;
  2052. padding: 0 5px;
  2053. }
  2054.  
  2055. /** =USEFUL CLASSES ---------- */
  2056.  
  2057. .clearfix:before, .clearfix:after { content: ""; display: table; }
  2058. .clearfix:after { clear: both; }
  2059. .clearfix { *zoom: 1; }
  2060.  
  2061. /** =IE ---------- */
  2062.  
  2063. /* Added via js/ie.js */
  2064. .ie-divider {
  2065. display: inline-block;
  2066. }
  2067.  
  2068. .ie-clear {
  2069. clear: both;
  2070. }
  2071.  
  2072. .ie #searchsubmit {
  2073. filter: none;
  2074. }
  2075.  
  2076. .ie img,
  2077. .ie object,
  2078. .ie embed {
  2079. width: 100%;
  2080. }
  2081.  
  2082. /**
  2083. * IE 6
  2084. */
  2085.  
  2086. .ie6 blockquote {
  2087. background: none;
  2088. }
  2089.  
  2090. .ie6 input {
  2091. vertical-align: text-bottom;
  2092. }
  2093.  
  2094. .ie6 #content,
  2095. .ie6 #primary,
  2096. .ie6 #secondary,
  2097. .ie6 .widget {
  2098. overflow: hidden;
  2099. }
  2100.  
  2101. .ie6 #nav-below a {
  2102. background: none;
  2103. padding: 0;
  2104. }
  2105.  
  2106. .ie6 .form-submit input,
  2107. .ie6 #submit {
  2108. background: #2e6eb0;
  2109. border: 0;
  2110. color: #fff;
  2111. font-weight: bold;
  2112. }
  2113.  
  2114. .ie6 #searchsubmit {
  2115. background-position: top center;
  2116. height: 20px;
  2117. top: 7px;
  2118. width: 30px;
  2119. }
  2120.  
  2121. .ie6 #s {
  2122. width: 238px;
  2123. }
  2124.  
  2125. /**
  2126. * IE 7
  2127. */
  2128.  
  2129. .ie7 img {
  2130. -ms-interpolation-mode: bicubic;
  2131. }
  2132.  
  2133. .ie7 input[type="checkbox"] {
  2134. vertical-align: baseline;
  2135. }
  2136.  
  2137. .ie7 #nav a {
  2138. position: static;
  2139. }
  2140.  
  2141. /** =PRINT ---------- */
  2142.  
  2143. /**
  2144. * Credits: Hartija & HTML 5 Boilerplate
  2145. * http://code.google.com/p/hartija/
  2146. * http://html5boilerplate.com/
  2147. */
  2148.  
  2149. @media print {
  2150.  
  2151. * {
  2152. background: transparent !important;
  2153. color: #000;
  2154. }
  2155.  
  2156. @page {
  2157. margin: 0.5cm;
  2158. }
  2159.  
  2160. body {
  2161. font-size: 12pt;
  2162. letter-spacing: 0.2pt;
  2163. line-height: 1.4;
  2164. margin: 0 !important;
  2165. padding: 0 !important;
  2166. width: 100% !important;
  2167. word-spacing: 1.1pt;
  2168. }
  2169.  
  2170. a:after,
  2171. abbr:after {
  2172. content: " (" attr(href) ")";
  2173. }
  2174.  
  2175. h1,
  2176. h2,
  2177. h3,
  2178. h4,
  2179. h5,
  2180. h6 {
  2181. font-family: sans-serif;
  2182. font-weight: bold;
  2183. text-transform: none;
  2184. }
  2185.  
  2186. h1 {
  2187. font-size: 19pt;
  2188. }
  2189.  
  2190. h2 {
  2191. font-size: 17pt;
  2192. }
  2193.  
  2194. h3 {
  2195. font-size: 15pt;
  2196. }
  2197.  
  2198. h4,
  2199. h5,
  2200. h6 {
  2201. font-size: 12pt;
  2202. }
  2203.  
  2204. p,
  2205. h2,
  2206. h3 {
  2207. orphans: 3;
  2208. widows: 3;
  2209. }
  2210.  
  2211. h2,
  2212. h3 {
  2213. page-break-after: avoid;
  2214. }
  2215.  
  2216. pre,
  2217. blockquote {
  2218. border: 1px solid #999;
  2219. page-break-inside: avoid;
  2220. }
  2221.  
  2222. code {
  2223. font: 10pt Courier, monospace;
  2224. }
  2225.  
  2226. blockquote {
  2227. margin: 1.3em;
  2228. padding: 1em;
  2229. }
  2230.  
  2231. hr {
  2232. background: #ccc;
  2233. }
  2234.  
  2235. img {
  2236. float: left;
  2237. margin: 1em 1.5em 1.5em 0;
  2238. page-break-inside: avoid;
  2239. }
  2240.  
  2241. a img {
  2242. border: none;
  2243. }
  2244.  
  2245. table {
  2246. margin: 1px;
  2247. text-align: left;
  2248. }
  2249.  
  2250. thead {
  2251. display: table-header-group;
  2252. }
  2253.  
  2254. tr {
  2255. page-break-inside: avoid;
  2256. }
  2257.  
  2258. th {
  2259. border-bottom: 1px solid #333;
  2260. font-weight: bold;
  2261. }
  2262.  
  2263. td {
  2264. border-bottom: 1px solid #333;
  2265. }
  2266.  
  2267. th,
  2268. td {
  2269. padding: 4px 10px 4px 0;
  2270. }
  2271.  
  2272. tfoot {
  2273. font-style: italic;
  2274. }
  2275.  
  2276. caption {
  2277. background: #fff;
  2278. margin-bottom: 2em;
  2279. text-align: left;
  2280. }
  2281.  
  2282. #header,
  2283. #primary,
  2284. #secondary,
  2285. #respond,
  2286. .reply,
  2287. #nav-below,
  2288. #footer,
  2289. #wpadminbar {
  2290. display: none;
  2291. }
  2292.  
  2293. time a:after {
  2294. content: "";
  2295. }
  2296.  
  2297. #content {
  2298. float: none;
  2299. width: 100%;
  2300. }
  2301.  
  2302. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement