Advertisement
Guest User

Untitled

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