Advertisement
Guest User

style.css

a guest
Mar 2nd, 2012
93
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.62 KB | None | 0 0
  1. /* @override http://dubbo.org/wp-content/themes/slidingdoor/style.css */
  2.  
  3. /*
  4. Theme Name: Sliding Door
  5. Theme URI: http://mac-host.com/slidingdoor/
  6. Description: A unique template featuring sliding images in the header. Uses a Custom Menu and Featured Images to create the sliding images. The theme has a comprehensive support forum at http://mac-host.com/support
  7. Author: Wayne Connor
  8. Author URI:http://macintoshhowto.com/about
  9. Version: 2.6.1
  10. Tags: black, blue, three-columns, fixed-width, custom-header, theme-options, threaded-comments, sticky-post, photoblogging
  11. License: GNU General Public License v2.0
  12. License URI: http://www.gnu.org/licenses/gpl-2.0.html
  13.  
  14. This theme is licensed under the GPL.
  15. Use it to make something cool, have fun, and share what you've learned with others.
  16. */
  17.  
  18.  
  19. /* =Reset default browser CSS.
  20. ---------------------- */
  21.  
  22. html, body, div, span, applet, object, iframe,
  23. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  24. a, abbr, acronym, address, big, cite, code,
  25. del, dfn, em, font, img, ins, kbd, q, s, samp,
  26. small, strike, strong, sub, sup, tt, var,
  27. b, u, i, center,
  28. dl, dt, dd, ol, ul, li,
  29. fieldset, form, label, legend,
  30. table, caption, tbody, tfoot, thead, tr, th, td {
  31. background: transparent;
  32. border: 0;
  33. margin: 0;
  34. padding: 0;
  35. vertical-align: baseline;
  36. }
  37. body {
  38. line-height: 1;
  39. background color: #ffffff;
  40. }
  41. h1, h2, h3, h4, h5, h6 {
  42. /* clear: both; */
  43. font-weight: normal;
  44. }
  45. ol, ul {
  46. list-style: none;
  47. }
  48. blockquote {
  49. quotes: none;
  50. }
  51. blockquote:before, blockquote:after {
  52. content: '';
  53. content: none;
  54. }
  55. del {
  56. text-decoration: line-through;
  57. }
  58. /* tables still need 'cellspacing="0"' in the markup */
  59. table {
  60. border-collapse: collapse;
  61. border-spacing: 0;
  62. }
  63. a img {
  64. border: none;
  65. text-decoration: none;
  66. }
  67.  
  68. /* =Layout
  69. -------------------------------------------------------------- */
  70.  
  71. /*
  72. LAYOUT: Two columns
  73. DESCRIPTION: Two-column fixed layout with one sidebar right of content
  74. */
  75.  
  76.  
  77. #container {
  78. margin-left: 200px;
  79. margin-right: 50px;
  80. }
  81.  
  82. #content {
  83. margin: 0;
  84. float:left;
  85. overflow: hidden;
  86.  
  87. }
  88. #sidebar1,
  89. #sidebar2 {
  90. /*overflow: hidden;*/
  91.  
  92. }
  93.  
  94.  
  95. #sidebar1 {
  96. font-weight: normal;
  97. font-style: normal;
  98. }
  99.  
  100. #sidebar1 a{
  101. font-weight: normal;
  102. }
  103.  
  104. #sidebar1{
  105. overflow: hidden;
  106. float: left;
  107. width: 182px;
  108.  
  109. }
  110. #sidebar2 {
  111. float: right;
  112. width: 0px;
  113. overflow: hidden;
  114. }
  115.  
  116.  
  117. #footer {
  118. clear: both;
  119. width: 100%;
  120. }
  121.  
  122. /*
  123. LAYOUT: One column, no sidebar
  124. DESCRIPTION: One centered column with no sidebar
  125. */
  126.  
  127. .one-column #content {
  128. margin: 0 auto;
  129. width: 740px;
  130. }
  131.  
  132. /*
  133. LAYOUT: Full width, no sidebar
  134. DESCRIPTION: Full width content with no sidebar; used for attachment pages
  135. */
  136.  
  137. .single-attachment #content {
  138. margin-left: -200px;
  139. width: 950px;
  140. }
  141.  
  142. .single-attachment #container {
  143. margin-left: 0px;
  144. margin-right: 0px;
  145. }
  146. .single-attachment #main {
  147. margin-left: 0px;
  148. margin-right: 0px;
  149. }
  150.  
  151. /*
  152. LAYOUT: Full width, no sidebar - CTL
  153. DESCRIPTION: Full width content with no sidebar; used for CTL
  154. */
  155.  
  156. .single-attachment1 #content {
  157. margin-left: -80px;
  158. width: 950px;
  159. }
  160.  
  161. .single-attachment1 #container {
  162. margin-left: 0px;
  163. margin-right: 0px;
  164. }
  165. .single-attachment1 #main {
  166. margin-left: 0px;
  167. margin-right: 0px;
  168. }
  169. /* =Fonts
  170. -------------------------------------------------------------- */
  171. body,
  172. input,
  173. textarea,
  174. .page-title span,
  175. .pingback a.url {
  176.  
  177. font-family:"Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;
  178. }
  179.  
  180. h3#comments-title,
  181. h3#reply-title,
  182. #access .menu,
  183. #access div.menu ul,
  184. #cancel-comment-reply-link,
  185. .form-allowed-tags,
  186. #site-info,
  187. #site-title,
  188. #wp-calendar,
  189. .comment-meta,
  190. .comment-body tr th,
  191. .comment-body thead th,
  192. .entry-content label,
  193. .entry-content tr th,
  194. .entry-content thead th,
  195. .entry-meta,
  196. .entry-utility,
  197. #respond label,
  198. .navigation,
  199. .page-title,
  200. .pingback p,
  201. .reply,
  202. .widget-title,
  203. .wp-caption-text,
  204. input[type=submit] {
  205. font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
  206. color: white;
  207. }
  208.  
  209. #content .entry-title,
  210. { color: white;
  211.  
  212. }
  213.  
  214. pre {
  215. font-family: "Courier 10 Pitch", Courier, monospace;
  216. }
  217. code {
  218. font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  219. }
  220.  
  221.  
  222. /* =Structure
  223. -------------------------------------------------------------- */
  224.  
  225. /* The main theme structure */
  226. #access .menu-header,
  227. div.menu,
  228. #colophon,
  229. #branding,
  230. #wrapper {
  231. margin: 0 auto;
  232. width: 948px;
  233. }
  234. #wrapper {
  235. margin-top: 20px;
  236. padding: 0 20px;
  237. position: relative;
  238. background-color: #000022;
  239. }
  240. #wrapper-ctl {
  241. margin-top: 20px;
  242. padding: 0 20px;
  243. position: relative;
  244. background-color: #000000;
  245. }
  246.  
  247. /* Structure the footer area */
  248. #site-info {
  249. float: left;
  250. font-size: 14px;
  251. font-weight: bold;
  252. width: 700px;
  253. }
  254. #site-generator {
  255. text-align: center;
  256. }
  257.  
  258.  
  259. /* =Global Elements
  260. -------------------------------------------------------------- */
  261.  
  262. /* Main global 'theme' and typographic styles */
  263. body {
  264. background-color: #000011;
  265. }
  266. body,
  267. input,
  268. textarea {
  269. background-color: #000000 !important;
  270. color: #fff;
  271. font-size: 12px;
  272. line-height: 18px;
  273. }
  274. hr {
  275. background-color: #fff;
  276. border: 0;
  277. clear: both;
  278. height: 1px;
  279. margin-bottom: 18px;
  280. }
  281.  
  282. /* Text elements */
  283. p {
  284. margin-bottom: 18px;
  285. font-size: 14px;
  286. }
  287. ul {
  288. list-style: square;
  289. margin: 0 0 18px 1.5em;
  290. }
  291. ol {
  292. list-style: decimal;
  293. margin: 0 0 18px 1.5em;
  294. }
  295. ol ol {
  296. list-style: upper-alpha;
  297. }
  298. ol ol ol {
  299. list-style: lower-roman;
  300. }
  301. ol ol ol ol {
  302. list-style: lower-alpha;
  303. }
  304. ul ul,
  305. ol ol,
  306. ul ol,
  307. ol ul {
  308. margin-bottom: 0;
  309. }
  310. dl {
  311. margin: 0 0 24px 0;
  312. }
  313. dt {
  314. font-weight: bold;
  315. }
  316. dd {
  317. margin-bottom: 18px;
  318. }
  319. strong {
  320. font-weight: bold;
  321. }
  322. cite,
  323. em,
  324. i {
  325. font-style: italic;
  326. }
  327. big {
  328. font-size: 131.25%;
  329. }
  330. ins {
  331. background: #333;
  332. text-decoration: none;
  333. }
  334. blockquote {
  335. font-style: italic;
  336. padding: 0 3em;
  337. }
  338.  
  339. blockquote { color:#ddd;
  340. background: #000011 url(images/blockquote.png) no-repeat 10px 1px;
  341. width:80%; height:auto;
  342. display:block;
  343. margin: 0 0 15px 10px;
  344. padding: 5px 25px 0px 75px;
  345. }
  346.  
  347.  
  348. blockquote cite,
  349. blockquote em,
  350. blockquote i {
  351. font-style: normal;
  352. }
  353. pre {
  354. background: #000011;
  355. color: #ddd;
  356. line-height: 18px;
  357. margin-bottom: 18px;
  358. padding: 1.5em;
  359. }
  360. abbr,
  361. acronym {
  362. border-bottom: 1px dotted #666;
  363. cursor: help;
  364. }
  365. sup,
  366. sub {
  367. height: 0;
  368. line-height: 1;
  369. position: relative;
  370. vertical-align: baseline;
  371. }
  372. sup {
  373. bottom: 1ex;
  374. }
  375. sub {
  376. top: .5ex;
  377. }
  378. input[type="text"],
  379. textarea {
  380. background: #333;
  381. border: 1px solid #ccc;
  382. box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
  383. -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
  384. -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
  385. padding: 2px;
  386. }
  387. a:link {
  388. color: #FFBB66;
  389. text-decoration: none;
  390. }
  391. a:visited {
  392. color: #FFBB66;
  393. }
  394. a:active,
  395. a:hover {
  396. text-decoration: underline;
  397. color: #FFBB66;
  398. }
  399.  
  400. /* Text meant only for screen readers */
  401. .screen-reader-text {
  402. position: absolute;
  403. left: -9000px;
  404. }
  405.  
  406.  
  407. /* =Header
  408. -------------------------------------------------------------- */
  409.  
  410. #header {
  411. padding-top: 0;
  412. background: url(images/surf_institute_logo.gif) no-repeat;
  413. }
  414. #site-title {
  415. font-size: 50px;
  416. line-height: 38px;
  417. width: 900px;
  418. padding-top: 10px;
  419. margin-left: 80px;
  420. text-align: left;
  421.  
  422. }
  423. #site-title a {
  424. font: 40pt "Trebuchet MS", "Lucida Grande", Lucida, Vernada, sans-serif;
  425. color: #fff;
  426. text-decoration: none;
  427. }
  428. #site-description {
  429. font: normal 14px Verdana, Helvetica, Sans-serif;
  430. text-align: left;
  431. margin-bottom: 10px;
  432. margin-left:80px;
  433. color: white;
  434. }
  435.  
  436.  
  437. /* This is the custom header image */
  438. #branding img {
  439. border-top: 0px solid #000;
  440. border-bottom: 0px solid #000;
  441. clear: both;
  442. display: block;
  443. }
  444.  
  445.  
  446. /* =Menu
  447. -------------------------------------------------------------- */
  448.  
  449. #access {
  450. background: #000;
  451. display: block;
  452. float: left;
  453. margin: 0 auto 20px;
  454. width: 948px;
  455. border-bottom: 1px solid white;
  456.  
  457. }
  458. #access .menu-header,
  459. div.menu {
  460. font-size: 14px;
  461. margin-left: 12px;
  462. width: 928px;
  463. }
  464. #access .menu-header ul,
  465. div.menu ul {
  466. list-style: none;
  467. margin: 0;
  468. }
  469. #access .menu-header li,
  470. div.menu li {
  471. float: left;
  472. position: relative;
  473. }
  474. #access a {
  475. color: #fff;
  476. display: block;
  477. line-height: 38px;
  478. text-decoration: none;
  479. padding: 0 21px 0 16px;
  480.  
  481. }
  482. #access ul ul {
  483. box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
  484. -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
  485. -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
  486. display: none;
  487. position: absolute;
  488. top: 38px;
  489. left: 0;
  490. float: left;
  491. width: 180px;
  492. z-index: 99999;
  493.  
  494. }
  495. #access ul ul li {
  496. min-width: 180px;
  497. border-bottom: 1px solid white;
  498.  
  499. }
  500. #access ul ul ul {
  501. left: 100%;
  502. top: 0;
  503. }
  504. #access ul ul a {
  505. background: #000;
  506. line-height: 1em;
  507. padding: 10px;
  508. width: 160px;
  509. height: auto;
  510. }
  511. #access li:hover > a,
  512. #access ul ul :hover > a {
  513. background: #000022;
  514. color: #fff;
  515. }
  516. #access ul li:hover > ul {
  517. display: block;
  518. }
  519. #access ul li.current_page_item > a,
  520. #access ul li.current-menu-ancestor > a,
  521. #access ul li.current-menu-item > a,
  522. #access ul li.current-menu-parent > a {
  523. color: #fff;
  524. }
  525. * html #access ul li.current_page_item a,
  526. * html #access ul li.current-menu-ancestor a,
  527. * html #access ul li.current-menu-item a,
  528. * html #access ul li.current-menu-parent a,
  529. * html #access ul li a:hover {
  530. color: #fff;
  531. }
  532.  
  533.  
  534. /* =Content
  535. -------------------------------------------------------------- */
  536.  
  537. #main {
  538. clear: both;
  539. overflow: hidden;
  540. padding: 10px 0 0 0;
  541. }
  542. #content {
  543. margin-bottom: 36px;
  544. width: 100%;
  545. }
  546. #content,
  547. #content input,
  548. #content textarea {
  549. color: #fff;
  550. font-size: 13px;
  551. line-height: 20px;
  552. }
  553. #content p,
  554. #content ul,
  555. #content ol,
  556. #content dd,
  557. #content pre,
  558. #content hr {
  559. margin-bottom: 12px;
  560. font-family: Verdana,Helvetica,Sans-serif;
  561. }
  562. #content ul ul,
  563. #content ol ol,
  564. #content ul ol,
  565. #content ol ul {
  566. margin-bottom: 0;
  567. }
  568. #content pre,
  569. #content kbd,
  570. #content tt,
  571. #content var {
  572. font-size: 15px;
  573. line-height: 21px;
  574. }
  575. #content code {
  576. font-size: 13px;
  577. }
  578. #content dt,
  579. #content th {
  580. color: #fff;
  581. }
  582. #content h1,
  583. #content h2,
  584. #content h3,
  585. #content h4,
  586. #content h5,
  587. #content h6 {
  588. color: #fff;
  589. line-height: 1.5em;
  590. margin: 0 0 20px 0;
  591. }
  592. #content table {
  593. border: 1px solid #e7e7e7;
  594. margin: 0 0 24px 0;
  595. text-align: left;
  596. width: 100%;
  597. }
  598. #content tr th,
  599. #content thead th {
  600. color: #888;
  601. font-size: 12px;
  602. font-weight: bold;
  603. line-height: 18px;
  604. padding: 9px 24px;
  605. }
  606. #content tr td {
  607. border-top: 1px solid;
  608. background: #000022 !important;
  609. padding: 6px 5px;
  610. }
  611. #content tr.odd td {
  612. background: #000;
  613. }
  614. .hentry {
  615. margin: 0 0 48px 0;
  616. border-bottom: 1px solid #ffffff;
  617.  
  618. }
  619. .home .sticky {
  620. background: #000;
  621. margin-left: -20px;
  622. margin-right: -20px;
  623. padding: 0px 20px;
  624. }
  625. .single .hentry {
  626. margin: 0 0 36px 0;
  627.  
  628. }
  629. .page-title {
  630. color: #fff;
  631. font-size: 14px;
  632. font-weight: bold;
  633. margin: 0 0 36px 0;
  634. }
  635. .page-title span {
  636. color: #333;
  637. font-size: 16px;
  638. font-style: italic;
  639. font-weight: normal;
  640. }
  641. .page-title a:link,
  642. .page-title a:visited {
  643. color: #888;
  644. text-decoration: none;
  645. }
  646. .page-title a:active,
  647. .page-title a:hover {
  648. color: #fff;
  649. text-decoration: underline;
  650. }
  651. #content .entry-title {
  652. color: #fff;
  653. font-size: 28px;
  654. font-weight: bold;
  655. line-height: 1.3em;
  656. margin-bottom: 0;
  657. padding-bottom: 3px;
  658. }
  659. .entry-title a:link,
  660. .entry-title a:visited {
  661. color: white;
  662. font-weight:bold;
  663. text-decoration:none;
  664. }
  665. .entry-title a:active,
  666. .entry-title a:hover {
  667. color: white;
  668. text-decoration: underline;
  669. }
  670. .entry-meta {
  671. color: #888;
  672. font-size: 12px;
  673. }
  674. .entry-meta abbr,
  675. .entry-utility abbr {
  676. border: none;
  677. }
  678. .entry-meta abbr:hover,
  679. .entry-utility abbr:hover {
  680. border-bottom: 1px dotted #666;
  681. }
  682. .entry-content,
  683. .entry-summary {
  684. /*clear: both;*/
  685. padding: 10px 0 0;
  686. }
  687. #content .entry-summary p:last-child {
  688. margin-bottom: 12px;
  689. }
  690. .entry-content fieldset {
  691. border: 1px solid #e7e7e7;
  692. margin: 0 0 24px 0;
  693. padding: 24px;
  694. }
  695. .entry-content fieldset legend {
  696. background: #fff;
  697. color: #000;
  698. font-weight: bold;
  699. padding: 0 24px;
  700. }
  701. .entry-content input {
  702. margin: 0 0 24px 0;
  703. }
  704. .entry-content input.file,
  705. .entry-content input.button {
  706. margin-right: 24px;
  707. }
  708. .entry-content label {
  709. color: #888;
  710. font-size: 12px;
  711. }
  712. .entry-content select {
  713. margin: 0 0 24px 0;
  714. }
  715. .entry-content sup,
  716. .entry-content sub {
  717. font-size: 10px;
  718. }
  719. .entry-content blockquote.left {
  720. float: left;
  721. margin-left: 0;
  722. margin-right: 24px;
  723. text-align: right;
  724. width: 33%;
  725. }
  726. .entry-content blockquote.right {
  727. float: right;
  728. margin-left: 24px;
  729. margin-right: 0;
  730. text-align: left;
  731. width: 33%;
  732. }
  733. .page-link {
  734. color: #eee;
  735. font-weight: bold;
  736. margin: 0 0 22px 0;
  737. word-spacing: 0.5em;
  738. }
  739. .page-link a:link,
  740. .page-link a:visited {
  741. background: #f1f1f1;
  742. color: #333;
  743. font-weight: normal;
  744. padding: 0.5em 0.75em;
  745. text-decoration: none;
  746. }
  747. .home .sticky .page-link a {
  748. background: #d9e8f7;
  749. }
  750. .page-link a:active,
  751. .page-link a:hover {
  752. color: #fff;
  753. text-decoration: underline;
  754. }
  755. body.page .edit-link {
  756. clear: both;
  757. display: block;
  758. }
  759. #entry-author-info {
  760. background: #f2f7fc;
  761. border-top: 4px solid #000;
  762. clear: both;
  763. font-size: 14px;
  764. line-height: 20px;
  765. margin: 24px 0;
  766. overflow: hidden;
  767. padding: 18px 20px;
  768. }
  769. #entry-author-info #author-avatar {
  770. background: #fff;
  771. border: 1px solid #e7e7e7;
  772. float: left;
  773. height: 60px;
  774. margin: 0 -104px 0 0;
  775. padding: 11px;
  776. }
  777. #entry-author-info #author-description {
  778. float: left;
  779. margin: 0 0 0 104px;
  780. }
  781. #entry-author-info h2 {
  782. color: #000;
  783. font-size: 100%;
  784. font-weight: bold;
  785. margin-bottom: 0;
  786. }
  787. .entry-utility {
  788. color: #888;
  789. font-size: 12px;
  790. line-height: 18px;
  791. margin-bottom: 50px;
  792. }
  793. .entry-meta a,
  794. .entry-utility a {
  795. color: #888;
  796. }
  797. .entry-meta a:hover,
  798. .entry-utility a:hover {
  799. color: #fff;
  800. text-decoration: underline;
  801. }
  802. #content .video-player {
  803. padding: 0;
  804. }
  805.  
  806.  
  807. /* =Asides
  808. -------------------------------------------------------------- */
  809.  
  810. .home #content .category-asides p {
  811. font-size: 14px;
  812. line-height: 20px;
  813. margin-bottom: 10px;
  814. margin-top: 0;
  815. }
  816. .home .hentry.category-asides {
  817. padding: 0;
  818. }
  819. .home #content .category-asides .entry-content {
  820. padding-top: 0;
  821. }
  822.  
  823.  
  824. /* =Gallery listing
  825. -------------------------------------------------------------- */
  826.  
  827. .category-gallery .size-thumbnail img {
  828. border: 10px solid #333;
  829. margin-bottom: 0;
  830. }
  831. .category-gallery .gallery-thumb {
  832. float: left;
  833. margin-right: 20px;
  834. margin-top: -4px;
  835. }
  836. .home #content .category-gallery .entry-utility {
  837. padding-top: 4px;
  838. }
  839.  
  840.  
  841. /* =Attachment pages
  842. -------------------------------------------------------------- */
  843.  
  844. .attachment .entry-content .entry-caption {
  845. font-size: 140%;
  846. margin-top: 24px;
  847. }
  848. .attachment .entry-content .nav-previous a:before {
  849. content: '\2190\00a0';
  850. }
  851. .attachment .entry-content .nav-next a:after {
  852. content: '\00a0\2192';
  853. }
  854.  
  855.  
  856. /* =Images
  857. -------------------------------------------------------------- */
  858.  
  859. #content img {
  860. height: auto;
  861. max-width: 900px;
  862. margin-top: 0;
  863. margin-right: 0;
  864. margin-bottom: 0;
  865. }
  866. #content .attachment img {
  867. max-width: 900px;
  868. }
  869. #content .alignleft,
  870. #content img.alignleft {
  871. display: inline;
  872. float: left;
  873. margin-right: 24px;
  874. margin-top: 4px;
  875. }
  876. #content .alignright,
  877. #content img.alignright {
  878. display: inline;
  879. float: right;
  880. margin-left: 24px;
  881. margin-top: 4px;
  882. }
  883. #content .aligncenter,
  884. #content img.aligncenter {
  885. display: block;
  886. margin-left: auto;
  887. margin-right: auto;
  888. }
  889. #content img.alignleft,
  890. #content img.alignright,
  891. #content img.aligncenter {
  892. margin-bottom: 12px;
  893. }
  894. #content .wp-caption {
  895. background: #f1f1f1;
  896. line-height: 14px;
  897. margin-bottom: 20px;
  898. padding: 4px;
  899. text-align: center;
  900. }
  901. #content .wp-caption img {
  902. margin: 5px 5px 0;
  903. }
  904. #content .wp-caption p.wp-caption-text {
  905. color: #222;
  906. font-size: 6px;
  907. margin: 5px;
  908. }
  909. #content .wp-smiley {
  910. margin: 0;
  911. }
  912. #content .gallery {
  913. margin: 0 auto 18px;
  914. }
  915. #content .gallery .gallery-item {
  916. float: left;
  917. margin-top: 0;
  918. text-align: center;
  919. width: 33%;
  920. }
  921. #content .gallery img {
  922. border: 2px solid #cfcfcf;
  923. }
  924. #content .gallery .gallery-caption {
  925. color: #888;
  926. font-size: 12px;
  927. margin: 0 0 12px;
  928. }
  929. #content .gallery dl {
  930. margin: 0;
  931. }
  932. #content .gallery img {
  933. border: 10px solid #f1f1f1;
  934. }
  935. #content .gallery br+br {
  936. display: none;
  937. }
  938. #content .attachment img { /* single attachment images should be centered */
  939. display: block;
  940. margin: 0 auto;
  941. }
  942.  
  943.  
  944. /* =Navigation
  945. -------------------------------------------------------------- */
  946.  
  947. .navigation {
  948. color: #888;
  949. font-size: 12px;
  950. line-height: 18px;
  951. overflow: hidden;
  952. }
  953. .navigation a:link,
  954. .navigation a:visited {
  955. color: #888;
  956. text-decoration: none;
  957. }
  958. .navigation a:active,
  959. .navigation a:hover {
  960. color: white;
  961. text-decoration: underline;
  962. }
  963. .nav-previous {
  964. float: left;
  965. width: 50%;
  966. }
  967. .nav-next {
  968. float: right;
  969. text-align: right;
  970. width: 50%;
  971. }
  972. #nav-above {
  973. margin: 0 0 18px 0;
  974. }
  975. #nav-above {
  976. display: none;
  977. }
  978. .paged #nav-above,
  979. .single #nav-above {
  980. display: block;
  981. }
  982. #nav-below {
  983. margin: -18px 0 0 0;
  984. }
  985.  
  986.  
  987. /* =Comments
  988. -------------------------------------------------------------- */
  989. #comments {
  990. }
  991. #comments .navigation {
  992. padding: 0 0 18px 0;
  993. }
  994. h3#comments-title,
  995. h3#reply-title {
  996. color: #fff;
  997. font-size: 16px;
  998. font-weight: bold;
  999. margin-bottom: 0;
  1000. }
  1001. h3#comments-title {
  1002. padding: 24px 0;
  1003. }
  1004. .commentlist {
  1005. list-style: none;
  1006. margin: 0;
  1007. }
  1008. .commentlist li.comment {
  1009. border-bottom: 1px solid #666;
  1010. line-height: 24px;
  1011. margin: 0 0 24px 0;
  1012. padding: 0 0 0 56px;
  1013. position: relative;
  1014. }
  1015. .commentlist li:last-child {
  1016. border-bottom: none;
  1017. margin-bottom: 0;
  1018. }
  1019. #comments .comment-body ul,
  1020. #comments .comment-body ol {
  1021. margin-bottom: 18px;
  1022. }
  1023. #comments .comment {
  1024. background: #333;
  1025. -moz-border-radius: 12px;
  1026. -webkit-border-radius: 12px;
  1027. padding: 20px 20px 0 70px;
  1028. }
  1029. #comments .comment-body p:last-child {
  1030. margin-bottom: 6px;
  1031. }
  1032. #comments .comment-body blockquote p:last-child {
  1033. margin-bottom: 24px;
  1034. }
  1035. .commentlist ol {
  1036. list-style: decimal;
  1037. }
  1038. .commentlist .avatar {
  1039. position: absolute;
  1040. top: 4px;
  1041. left: 0;
  1042. margin-left: 10px;
  1043. margin-top: 10px;
  1044. padding-top: 10px;
  1045. }
  1046. .comment-author {
  1047. }
  1048. .comment-author cite {
  1049. color: #fff;
  1050. font-style: normal;
  1051. font-weight: bold;
  1052. }
  1053. .comment-author .says {
  1054. font-style: italic;
  1055. }
  1056. .comment-meta {
  1057. font-size: 12px;
  1058. margin: 0 0 18px 0;
  1059. }
  1060. .comment-meta a:link,
  1061. .comment-meta a:visited {
  1062. color: #888;
  1063. text-decoration: none;
  1064. }
  1065. .comment-meta a:active,
  1066. .comment-meta a:hover {
  1067. color: #ff4b33;
  1068. }
  1069. .commentlist .even {
  1070. }
  1071. .commentlist .bypostauthor {
  1072. }
  1073. .reply {
  1074. font-size: 12px;
  1075. padding: 0 0 24px 0;
  1076. }
  1077. .reply a,
  1078. a.comment-edit-link {
  1079. color: #888;
  1080. }
  1081. .reply a:hover,
  1082. a.comment-edit-link:hover {
  1083. color: #ff4b33;
  1084. }
  1085. .commentlist .children {
  1086. list-style: none;
  1087. margin: 0;
  1088. }
  1089. .commentlist .children li {
  1090. border: none;
  1091. margin: 0;
  1092. }
  1093. .nopassword,
  1094. .nocomments {
  1095. display: none;
  1096. }
  1097. #comments .pingback {
  1098. border-bottom: 1px solid #e7e7e7;
  1099. margin-bottom: 18px;
  1100. padding-bottom: 18px;
  1101. }
  1102. .commentlist li.comment+li.pingback {
  1103. margin-top: -6px;
  1104. }
  1105. #comments .pingback p {
  1106. color: #888;
  1107. display: block;
  1108. font-size: 12px;
  1109. line-height: 18px;
  1110. margin: 0;
  1111. }
  1112. #comments .pingback .url {
  1113. font-size: 13px;
  1114. font-style: italic;
  1115. }
  1116.  
  1117. /* Comments form */
  1118. input[type=submit] {
  1119. color: #fff;
  1120. }
  1121. #respond {
  1122. border-top: 1px solid #e7e7e7;
  1123. margin: 24px 0;
  1124. overflow: hidden;
  1125. position: relative;
  1126. }
  1127. #respond p {
  1128. margin: 0;
  1129. }
  1130. #respond .comment-notes {
  1131. margin-bottom: 1em;
  1132. }
  1133. .form-allowed-tags {
  1134. line-height: 1em;
  1135. }
  1136. .children #respond {
  1137. margin: 0 48px 0 0;
  1138. }
  1139. h3#reply-title {
  1140. margin: 18px 0;
  1141. }
  1142. #comments-list #respond {
  1143. margin: 0 0 18px 0;
  1144. }
  1145. #comments-list ul #respond {
  1146. margin: 0;
  1147. }
  1148. #cancel-comment-reply-link {
  1149. font-size: 12px;
  1150. font-weight: normal;
  1151. line-height: 18px;
  1152. }
  1153. #respond .required {
  1154. color: #ff4b33;
  1155. font-weight: bold;
  1156. }
  1157. #respond label {
  1158. color: #888;
  1159. font-size: 12px;
  1160. }
  1161. #respond input {
  1162. margin: 0 0 9px;
  1163. width: 98%;
  1164. }
  1165. #respond textarea {
  1166. width: 98%;
  1167. }
  1168. #respond .form-allowed-tags {
  1169. color: #888;
  1170. font-size: 12px;
  1171. line-height: 18px;
  1172. }
  1173. #respond .form-allowed-tags code {
  1174. font-size: 11px;
  1175. }
  1176. #respond .form-submit {
  1177. margin: 12px 0;
  1178. }
  1179. #respond .form-submit input {
  1180. font-size: 14px;
  1181. width: auto;
  1182. color: #000;
  1183. }
  1184.  
  1185.  
  1186. /* =Widget Areas
  1187. -------------------------------------------------------------- */
  1188.  
  1189. .widget-area ul {
  1190. list-style: none;
  1191. margin-left: 0;
  1192. }
  1193. .widget-area ul ul {
  1194. list-style: square;
  1195. margin-left: 1.3em;
  1196. }
  1197. .widget_search #s {/* This keeps the search inputs in line */
  1198. width: 60%;
  1199. }
  1200. .widget_search label {
  1201. display: none;
  1202. }
  1203. .widget-container {
  1204. margin: 0 0 18px 0;
  1205. }
  1206. .widget-title {
  1207. color: #ddd;
  1208. font-weight: normal;
  1209. padding-bottom: 4px;
  1210. padding-top: 2px;
  1211. }
  1212. .widget-area a:link,
  1213. .widget-area a:visited {
  1214. text-decoration: none;
  1215. font-size: 12px !important;
  1216. }
  1217. .widget-area a:active,
  1218. .widget-area a:hover {
  1219. text-decoration: underline;
  1220. }
  1221. .widget-area .entry-meta {
  1222. font-size: 11px;
  1223. }
  1224. #wp_tag_cloud div {
  1225. line-height: 1.6em;
  1226. }
  1227. #wp-calendar {
  1228. width: 100%;
  1229. }
  1230. #wp-calendar caption {
  1231. color: #ddd;
  1232. font-size: 14px;
  1233. font-weight: bold;
  1234. padding-bottom: 4px;
  1235. text-align: left;
  1236. }
  1237. #wp-calendar thead {
  1238. font-size: 11px;
  1239. }
  1240. #wp-calendar thead th {
  1241. }
  1242. #wp-calendar tbody {
  1243. color: #aaa;
  1244. }
  1245. #wp-calendar tbody td {
  1246. background: #f5f5f5;
  1247. border: 1px solid #fff;
  1248. padding: 3px 0 2px;
  1249. text-align: center;
  1250. }
  1251. #wp-calendar tbody .pad {
  1252. background: none;
  1253. }
  1254. #wp-calendar tfoot #next {
  1255. text-align: right;
  1256. }
  1257. .widget_rss a.rsswidget {
  1258. color: #000;
  1259. }
  1260. .widget_rss a.rsswidget:hover {
  1261. color: #ff4b33;
  1262. }
  1263. .widget_rss .widget-title img {
  1264. width: 11px;
  1265. height: 11px;
  1266. }
  1267.  
  1268. /* Main sidebars */
  1269. #main .widget-area ul {
  1270. margin-left: 0;
  1271. padding: 0 20px 0 0;
  1272. list-style-type: none;
  1273. }
  1274. #main .widget-area ul ul {
  1275. border: none;
  1276. margin-left: 0.2em;
  1277. padding: 0;
  1278. }
  1279.  
  1280. #main .widget-area ul ul a{
  1281. font-weight: normal;
  1282. font-style: normal;
  1283. color: #999;
  1284. text-decoration: none;
  1285. font-size: 11px;
  1286. }
  1287.  
  1288. #main .widget-area a:hover {
  1289. color: #CCC;
  1290. }
  1291.  
  1292. #sidebar1 {
  1293. }
  1294. #sidebar2 {
  1295. }
  1296.  
  1297. /* Footer widget areas */
  1298. #footer-widget-area {
  1299. }
  1300.  
  1301.  
  1302. /* =Footer
  1303. -------------------------------------------------------------- */
  1304.  
  1305. #footer {
  1306. margin-bottom: 20px;
  1307. }
  1308. #colophon {
  1309. border-top: 4px solid #000;
  1310. margin-top: -4px;
  1311. overflow: hidden;
  1312. padding: 18px 0;
  1313. }
  1314. #site-info {
  1315. }
  1316. #site-info a {
  1317. color: #ddd;
  1318. text-decoration: none;
  1319. }
  1320. #site-generator {
  1321. font-style: italic;
  1322. position: relative;
  1323. }
  1324. #site-generator a {
  1325. color: #999;
  1326. display: inline-block;
  1327. line-height: 18px;
  1328. text-decoration: none;
  1329. }
  1330. #site-generator p {
  1331. margin-top: 0;
  1332. margin-bottom: 0;
  1333. font-size: 11px;
  1334. }
  1335.  
  1336.  
  1337. #site-generator a:hover {
  1338. text-decoration: underline;
  1339. }
  1340. img#wpstats {
  1341. display: block;
  1342. margin: 0 auto 10px;
  1343. }
  1344.  
  1345.  
  1346. /* =Mobile Safari ( iPad, iPhone and iPod Touch )
  1347. -------------------------------------------------------------- */
  1348.  
  1349. pre {
  1350. -webkit-text-size-adjust: 140%;
  1351. }
  1352. code {
  1353. -webkit-text-size-adjust: 160%;
  1354. }
  1355. #access,
  1356. .entry-meta,
  1357. .entry-utility,
  1358. .navigation,
  1359. .widget-area {
  1360. -webkit-text-size-adjust: 120%;
  1361. }
  1362. #site-description {
  1363. -webkit-text-size-adjust: none;
  1364. }
  1365.  
  1366.  
  1367. /* =Print Style
  1368. -------------------------------------------------------------- */
  1369.  
  1370. @media print {
  1371. body {
  1372. background: none !important;
  1373. }
  1374. #wrapper {
  1375. clear: both !important;
  1376. display: block !important;
  1377. float: none !important;
  1378. position: relative !important;
  1379. }
  1380. #header {
  1381. border-bottom: 2pt solid #000;
  1382. padding-bottom: 18pt;
  1383. }
  1384. #colophon {
  1385. border-top: 2pt solid #000;
  1386. }
  1387. #site-title,
  1388. #site-description {
  1389. line-height: 1.4em;
  1390. margin: 0;
  1391. padding: 0;
  1392. }
  1393. #site-title {
  1394. font-size: 13pt;
  1395. }
  1396. .entry-content {
  1397. font-size: 14pt;
  1398. line-height: 1.6em;
  1399. }
  1400. .entry-title {
  1401. font-size: 21pt;
  1402. }
  1403. #access,
  1404. #branding img,
  1405. #respond,
  1406. .comment-edit-link,
  1407. .edit-link,
  1408. .navigation,
  1409. .page-link,
  1410. .widget-area {
  1411. display: none !important;
  1412. }
  1413. #container,
  1414. #header,
  1415. #footer {
  1416. margin: 0;
  1417. width: 100%;
  1418. }
  1419. #content,
  1420. .one-column #content {
  1421. margin: 24pt 0 0;
  1422. width: 100%;
  1423. }
  1424. .wp-caption p {
  1425. font-size: 11pt;
  1426. }
  1427. #site-info,
  1428. #site-generator {
  1429. float: none;
  1430. width: auto;
  1431. }
  1432. #colophon {
  1433. width: auto;
  1434. }
  1435. img#wpstats {
  1436. display: none;
  1437. }
  1438. #site-generator a {
  1439. margin: 0;
  1440. padding: 0;
  1441. }
  1442. #entry-author-info {
  1443. border: 1px solid #e7e7e7;
  1444. }
  1445. #main {
  1446. display: inline;
  1447. }
  1448. .home .sticky {
  1449. border: none;
  1450. }
  1451. }
  1452.  
  1453. .entry-content #facebook_like {
  1454. height: 30px;
  1455. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement