Advertisement
Guest User

fastfood css

a guest
Jul 15th, 2013
180
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 44.79 KB | None | 0 0
  1. /*
  2. Theme Name: Fastfood
  3. Theme URI: http: //www.twobeers.net/annunci/tema-per-wordpress-fastfood
  4. Description: Simple and clear theme with a lot of features, like a "quick links" menu, an "easy navigation" bar, the print preview, 7 integrated widgets ( "Social Links", "Popular Post", "Latest Activity" and many more ). Fastfood has customizable header, customizable background (with a lot of predefined themes), one or two columns layout, up to five widgets areas and three menu. It supports custom menus, posts thumbnail, post formats ("gallery", "status" and "aside") and also mobile devices, with a dedicated style. WP3.4 full compatible.
  5. Version: 0.36
  6. Tags: translation-ready, threaded-comments, custom-menu, custom-header, theme-options, fixed-width, two-columns, right-sidebar, white, silver, orange, light, sticky-post, custom-background, editor-style, rtl-language-support, custom-colors, post-formats
  7. Author: TwoBeers Crew
  8. Author URI: http: //www.twobeers.net/
  9.  
  10. License: GNU General Public License, version 2
  11. License URI: http: //www.gnu.org/licenses/gpl-2.0.html
  12. */
  13.  
  14.  
  15. /* =reset
  16. ----------------------------------------------------------*/
  17. html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
  18. background: none repeat scroll 0 0 transparent;
  19. border: 0 none;
  20. vertical-align: baseline;
  21. margin: 0;
  22. padding: 0;
  23. }
  24.  
  25. /* =standard tags
  26. ----------------------------------------------------------*/
  27. body {
  28. font-family: Verdana, sans-serif;
  29. font-size: 11px;
  30. background: #fff url('images/bg.png') left bottom repeat-x fixed; /* Old browsers */
  31. background-image: -moz-linear-gradient(top, #fff 70%, #ccc 100%); /* FF3.6+ */
  32. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(70%,#fff), color-stop(100%,#ccc)); /* Chrome,Safari4+ */
  33. background-image: -webkit-linear-gradient(top, #fff 70%,#ccc 100%); /* Chrome10+,Safari5.1+ */
  34. background-image: -o-linear-gradient(top, #fff 70%,#ccc 100%); /* Opera 11.10+ */
  35. background-image: -ms-linear-gradient(top, #fff 70%,#ccc 100%); /* IE10+ */
  36. background-image: linear-gradient(top, #fff 70%,#ccc 100%); /* W3C */
  37. color: #404040;
  38. margin: 0;
  39. line-height: 1.3em;
  40. }
  41. a img {
  42. border: none;
  43. }
  44. a {
  45. text-decoration: none;
  46. color: #d2691e;
  47. }
  48. a:hover,
  49. .current-menu-item a:hover,
  50. .current_page_item a:hover,
  51. .current-cat a:hover {
  52. color: #ff4500;
  53. }
  54. h1,
  55. h2,
  56. h3,
  57. h4,
  58. h5,
  59. h6,
  60. p {
  61. margin: .5em 0;
  62. line-height: 1.3em;
  63. }
  64. .storycontent p {
  65. line-height: 1.3em;
  66. margin: 1em 0;
  67. }
  68. ul {
  69. list-style: none inside none;
  70. margin: 0 0 0 15px;
  71. padding: 0;
  72. }
  73. ol {
  74. list-style: decimal outside none;
  75. margin: 0 0 0 30px;
  76. padding: 0;
  77. }
  78. dt {
  79. font-weight: bold;
  80. }
  81. dd {
  82. margin: 0 0 .5em 40px;
  83. }
  84. fieldset {
  85. border: 1px solid #ccc;
  86. padding: 8px;
  87. }
  88. legend {
  89. color: #aaa;
  90. }
  91. blockquote {
  92. border-left: 5px solid #ccc;
  93. margin-left: 15px;
  94. padding-left: 15px;
  95. font-style: italic;
  96. }
  97. pre,
  98. code,
  99. tt,
  100. kbd {
  101. font: 1.2em "Courier New", monospace;
  102. letter-spacing: 1px;
  103. padding: 0 8px;
  104. }
  105. pre,
  106. code {
  107. display: block;
  108. overflow: auto;
  109. }
  110.  
  111. code {
  112. background-color: #eee;
  113. }
  114. pre {
  115. background-color: #fff;
  116. border: 1px solid #ccc;
  117. display: block;
  118. overflow: auto;
  119. white-space: pre;
  120. max-width: 100%;
  121. margin: 5px auto;
  122. padding: 5px;
  123. }
  124. .storycontent table,
  125. .comment-body table {
  126. background-color: #eee;
  127. text-align: left;
  128. width: 100%;
  129. border: 1px solid #ccc;
  130. }
  131. .storycontent td,
  132. .comment-body td {
  133. border-bottom: 1px solid #fff;
  134. padding: 3px;
  135. }
  136. .storycontent th,
  137. .comment-body th {
  138. border-bottom: 4px solid #404040;
  139. padding: 3px;
  140. }
  141. input {
  142. font-size: 1.1em;
  143. }
  144. select {
  145. max-width: 100%;
  146. background-color: #fff;
  147. border: 1px solid #ccc;
  148. }
  149. object,
  150. embed {
  151. max-width: 100%;
  152. }
  153. textarea,
  154. input[type=text],
  155. input[type=password] {
  156. border: 1px solid #ccc;
  157. }
  158. input[type=password] {
  159. background: #fff url('images/lock.png') right center no-repeat;
  160. min-height: 20px;
  161. }
  162. input[type=button],
  163. input[type=submit],
  164. input[type=reset] {
  165. box-shadow: 0 0 2px #000;
  166. background-color: #333;
  167. border: 1px solid #fff;
  168. color: #eee;
  169. font-weight: bold;
  170. margin: 3px;
  171. padding: 0.3em 0.5em;
  172. font-size: 13px;
  173. }
  174. input[type=button]:hover,
  175. input[type=submit]:hover,
  176. input[type=reset]:hover,
  177. textarea:hover,
  178. input[type=text]:hover,
  179. input[type=password]:hover,
  180. textarea:focus,
  181. input[type=text]:focus,
  182. input[type=password]:focus {
  183. border: 1px solid #d2691e;
  184. }
  185. input[type=button]:hover,
  186. input[type=submit]:hover,
  187. input[type=reset]:hover {
  188. cursor: pointer;
  189. }
  190.  
  191. /* Utils
  192. ----------------------------------------------------------*/
  193. .fixfloat {
  194. clear: both;
  195. }
  196. br.fixfloat {
  197. display: block;
  198. height: 1px;
  199. line-height: 1px;
  200. }
  201. .hide_if_no_print {
  202. display: none;
  203. }
  204. .ff-js .hide-if-js,
  205. .ff-no-js .hide-if-no-js {
  206. display:none;
  207. }
  208. .wp-post-image{
  209.  
  210. }
  211.  
  212. /* =various containers
  213. ----------------------------------------------------------*/
  214. #main {
  215. width: 848px;
  216. min-height: 500px;
  217. margin: 0 auto;
  218. padding: 0 56px;
  219. }
  220. #content {
  221. width: 848px;
  222. background: transparent url('images/main.png') left top repeat-x;
  223. background-image: -moz-linear-gradient(top, #ddd 0%, #f8f8f8 400px); /* FF3.6+ */
  224. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddd), color-stop(400px,#f8f8f8)); /* Chrome,Safari4+ */
  225. background-image: -webkit-linear-gradient(top, #ddd 0%,#f8f8f8 400px); /* Chrome10+,Safari5.1+ */
  226. background-image: -o-linear-gradient(top, #ddd 0%,#f8f8f8 400px); /* Opera 11.10+ */
  227. background-image: -ms-linear-gradient(top, #ddd 0%,#f8f8f8 400px); /* IE10+ */
  228. background-image: linear-gradient(top, #ddd 0%,#f8f8f8 400px); /* W3C */
  229. }
  230. #sidebardx {
  231. float: left;
  232. width: 245px;
  233. margin: 10px 0;
  234. padding: 0 9px 10px;
  235. }
  236. #fixedfoot {
  237. position: fixed;
  238. bottom: 0;
  239. width: 848px;
  240. padding: 0;
  241. z-index:99;
  242. }
  243. #statusbar {
  244. font-size: .8em;
  245. height: 12px;
  246. padding: 10px;
  247. text-align: right;
  248. border-top: 2px groove #fff;
  249. background: #f9f9f9;
  250. z-index: 10;
  251. }
  252. #footer {
  253. clear: both;
  254. text-align: center;
  255. padding-bottom: 45px;
  256. padding-top: 20px;
  257. }
  258. #ff_background {
  259. top: 0;
  260. height: 4000px;
  261. left: 0;
  262. position: fixed;
  263. width: 100%;
  264. z-index: -10;
  265. }
  266. #ff_body {
  267. height: 4000px;
  268. margin: 0 auto;
  269. width: 960px;
  270. }
  271. #ff_body_overlay {
  272. background: url('images/body.png') repeat-y center top transparent;
  273. height: 4000px;
  274. width: 960px;
  275. }
  276.  
  277. /* =Header
  278. ----------------------------------------------------------*/
  279. #header {
  280. min-height: 100px;
  281. position: relative;
  282. }
  283. #head {
  284. text-align: left;
  285. padding: 10px 20px;
  286. position: relative;
  287. top: 10px;
  288. }
  289. #head.black {
  290. background: rgba(0,0,0,0.7);
  291. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */
  292. }
  293. #head.white {
  294. background: rgba(255,255,255,0.7);
  295. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#b3ffffff',GradientType=0 ); /* IE6-9 */
  296. }
  297. #head a {
  298. color: #404040;
  299. }
  300. #head h1 {
  301. margin: 0 0 5px;
  302. font-size: 3em;
  303. }
  304.  
  305. /* =other elements
  306. ----------------------------------------------------------*/
  307. #credits {
  308. border-top: 1px solid #ddd;
  309. display: block;
  310. margin-top: 5px;
  311. padding-top: 5px;
  312. }
  313. #credits small {
  314. display: block;
  315. margin-top: 20px;
  316. }
  317. .details {
  318. color: #aaa;
  319. }
  320. /* =menu items (quickbar)
  321. ----------------------------------------------------------*/
  322. #quickbar {
  323. left: -50px;
  324. position: absolute;
  325. bottom: 0;
  326. margin-bottom: 34px;
  327. }
  328. #quickbar li {
  329. list-style: none outside none;
  330. }
  331. .itemimg,
  332. .itemimg_js {
  333. width: 50px;
  334. height: 50px;
  335. background-repeat: no-repeat;
  336. background-image: url('images/qbarv.png');
  337. background-color: transparent;
  338. }
  339. #mii_rpost {
  340. background-position: right 0;
  341. }
  342. #mii_pcats {
  343. background-position: right -300px;
  344. }
  345. #mii_rcomm {
  346. background-position: right -100px;
  347. }
  348. #mii_cuser {
  349. background-position: right -200px;
  350. }
  351. .menuitem:hover #mii_rpost {
  352. background-position: right -50px;
  353. }
  354. .menuitem:hover #mii_pcats {
  355. background-position: right -350px;
  356. }
  357. .menuitem:hover #mii_rcomm {
  358. background-position: right -150px;
  359. }
  360. .menuitem:hover #mii_cuser {
  361. background-position: right -250px;
  362. }
  363. .menuback,
  364. .menuback_js {
  365. background: url("images/main.png") repeat-x left 20px #404040;
  366. background-image: -moz-linear-gradient(top, #ddd 0%, #f8f8f8 400px); /* FF3.6+ */
  367. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddd), color-stop(400px,#f8f8f8)); /* Chrome,Safari4+ */
  368. background-image: -webkit-linear-gradient(top, #ddd 0%,#f8f8f8 400px); /* Chrome10+,Safari5.1+ */
  369. background-image: -o-linear-gradient(top, #ddd 0%,#f8f8f8 400px); /* Opera 11.10+ */
  370. background-image: -ms-linear-gradient(top, #ddd 0%,#f8f8f8 400px); /* IE10+ */
  371. background-image: linear-gradient(top, #ddd 0%,#f8f8f8 400px); /* W3C */
  372. border-top: 2px groove #FFFFFF;
  373. bottom: 0;
  374. display: none;
  375. height: 0;
  376. left: 50px;
  377. overflow: hidden;
  378. padding: 0;
  379. position: absolute;
  380. width: 848px;
  381. }
  382. .keepme .menuback_js {
  383. display: block;
  384. height: 250px;
  385. }
  386. .no-status .menuback,
  387. .no-status .menuback_js {
  388. margin-bottom: -34px;
  389. }
  390. #quickbar.no-status {
  391. }
  392. .menuitem:hover .menuback {
  393. display: block;
  394. height: 250px;
  395. }
  396. .menuitem:hover .menuback_js {
  397. display: block;
  398. }
  399. .menuitem:hover .itemimg {
  400. width: 55px;
  401. }
  402. .solid_ul {
  403. height: 210px;
  404. margin: 0;
  405. padding: 5px 0;
  406. width: 424px;
  407. }
  408. .menulcont {
  409. position: absolute;
  410. top: 0;
  411. left: 0;
  412. padding: 0;
  413. }
  414. .menulcont > ul {
  415. border-right: 2px groove #fff;
  416. }
  417. .menulcont li {
  418. color: #404040;
  419. padding: 1px 5px;
  420. }
  421. .menulcont li:hover .preview {
  422. display: block;
  423. }
  424. .menulcont li:hover .cat_preview {
  425. display: block;
  426. }
  427. .menulcont li,
  428. .lidrop li {
  429. list-style-image: url('images/litem.png');
  430. }
  431. .menulcont li:hover {
  432. background: #404040;
  433. color: #ccc;
  434. }
  435. .menulcont li.ql_cat_li:hover {
  436. background: #404040 url('images/litem.png') 410px center no-repeat;
  437. color: #ccc;
  438. }
  439. .cat_preview {
  440. display: none;
  441. position: absolute;
  442. top: 0;
  443. left: 424px;
  444. width: 424px;
  445. height: 200px;
  446. padding: 0;
  447. }
  448. .preview {
  449.  
  450. display: none;
  451. position: absolute;
  452. top: 25px;
  453. left: 430px;
  454. width: 400px;
  455. max-height: 205px;
  456. color: #404040;
  457. overflow: hidden;
  458. padding: 5px 0;
  459. }
  460. .preview p {
  461. margin: 0;
  462. padding: 0 20px 0 0;
  463. }
  464. .preview img {
  465. display: none;
  466. }
  467. .preview img.wp-post-image {
  468. display: block;
  469. margin: 0 5px 0 0;
  470. }
  471. .preview div {
  472. display: none;
  473. }
  474. #logged .avatar {
  475. vertical-align: middle;
  476. margin: 0 10px 0 0;
  477. }
  478. #logged {
  479. background: none repeat scroll 0 0 #ccc;
  480. color: #404040;
  481. list-style-image: none;
  482. margin: 5px;
  483. padding: .8em;
  484. }
  485. #ff_minilogin {
  486. padding: 5px 10px;
  487. color: #404040;
  488. }
  489. #ff_minilogin label {
  490. display: block;
  491. }
  492. #ff_minilogin input.input {
  493. width: 200px;
  494. }
  495. .menutoolitem {
  496. width: 50px;
  497. height: 50px;
  498. background-repeat: no-repeat;
  499. background-color: transparent;
  500. }
  501. .menutool_trig {
  502. background-repeat: no-repeat;
  503. background-color: transparent;
  504. background-position: right top;
  505.  
  506. }
  507. .menutool_trig:hover {
  508. background-position: right -50px;
  509. }
  510. .menutool {
  511. background: url("images/litem.png") no-repeat scroll 5px center #404040;
  512. border: 1px solid #FFFFFF;
  513. display: none;
  514. left: 50px;
  515. min-height: 30px;
  516. min-width: 250px;
  517. padding: 10px 25px;
  518. position: absolute;
  519. top: 0;
  520. color: #ccc;
  521.  
  522. box-shadow: 0 0 2px #000;
  523. }
  524. .menutoolitem:hover .menutool {
  525. display: block;
  526. }
  527.  
  528.  
  529. /* =navigation buttons
  530. ----------------------------------------------------------*/
  531. #navbuttons-wrap {
  532. background: url("images/body.png") repeat-y scroll -863px top #fff;
  533.  
  534. bottom: 45px;
  535. padding: 1px 1px 1px 0;
  536. position: absolute;
  537. right: -41px;
  538. }
  539. #navbuttons {
  540. background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.2) 100%); /* FF3.6+ */
  541. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(100%,rgba(0,0,0,0.2))); /* Chrome,Safari4+ */
  542. background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 100%); /* Chrome10+,Safari5.1+ */
  543. background: -o-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 100%); /* Opera 11.10+ */
  544. background: -ms-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 100%); /* IE10+ */
  545. background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 100%); /* W3C */
  546. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#33000000',GradientType=0 ); /* IE6-9 */
  547.  
  548. padding: 10px;
  549. }
  550. .minib_img {
  551. display: block;
  552. text-align: center;
  553. height: 20px;
  554. width: 20px;
  555. background-color: transparent;
  556. background-image: url('images/minibuttons.png');
  557. background-repeat: no-repeat;
  558. cursor: pointer;
  559. padding: 2px 0;
  560. }
  561. .minib_print{
  562. background-position: -2px 0;
  563. }
  564. .minib_comment{
  565. background-position: -2px -24px;
  566. }
  567. .minib_rss{
  568. background-position: -2px -48px;
  569. }
  570. .minib_track{
  571. background-position: -2px -72px;
  572. }
  573. .minib_home{
  574. background-position: -2px -96px;
  575. }
  576. .minib_ppage{
  577. background-position: -2px -120px;
  578. }
  579. .minib_npage{
  580. background-position: -2px -144px;
  581. }
  582. .minib_ppages{
  583. background-position: -2px -144px;
  584. }
  585. .minib_npages{
  586. background-position: -2px -120px;
  587. }
  588. .minib_top{
  589. background-position: -2px -168px;
  590. }
  591. .minib_bottom{
  592. background-position: -2px -192px;
  593. }
  594. .minib_backtopost{
  595. background-position: -2px -144px;
  596. }
  597. .minib_print:hover {
  598. background-position: -90px 0;
  599. }
  600. .minib_comment:hover {
  601. background-position: -90px -24px;
  602. }
  603. .minib_rss:hover {
  604. background-position: -90px -48px;
  605. }
  606. .minib_track:hover {
  607. background-position: -90px -72px;
  608. }
  609. .minib_home:hover {
  610. background-position: -90px -96px;
  611. }
  612. .minib_ppage:hover {
  613. background-position: -90px -120px;
  614. }
  615. .minib_npage:hover {
  616. background-position: -90px -144px;
  617. }
  618. .minib_ppages:hover {
  619. background-position: -90px -144px;
  620. }
  621. .minib_npages:hover {
  622. background-position: -90px -120px;
  623. }
  624. .minib_top:hover {
  625. background-position: -90px -168px;
  626. }
  627. .minib_bottom:hover {
  628. background-position: -90px -192px;
  629. }
  630. .minib_backtopost:hover {
  631. background-position: -90px -144px;
  632. }
  633. .minibutton:hover a {
  634. color: #404040;
  635. }
  636. .minibutton {
  637. position: relative;
  638. margin: 6px 0 0;
  639. }
  640. #navbuttons > .minibutton {
  641. margin: 0;
  642. }
  643. .minibutton .nb_tooltip {
  644.  
  645. box-shadow: 0 0 2px #000;
  646. background: url('images/litem.png') no-repeat scroll right center #ccc;
  647. display: none;
  648. min-width: 200px;
  649. position: absolute;
  650. top: 2px;
  651. right: 23px;
  652. text-align: right;
  653. white-space: pre;
  654. padding: 3px 20px 3px 5px;
  655. }
  656. .minibutton:hover .nb_tooltip {
  657. display: block;
  658. }
  659. .minibutton .nb_tooltip:hover {
  660. display: none;
  661. }
  662.  
  663.  
  664. /* =main menu
  665. ----------------------------------------------------------*/
  666. .current-menu-item > a,
  667. .current_page_item > a,
  668. .current-cat > a {
  669. color: #ccc;
  670. }
  671. #mainmenu {
  672. overflow:hidden;
  673. }
  674. #mainmenu .menu-item-parent > a:after {
  675. padding-left: 5px;
  676. content: '\00bb';
  677. }
  678. #mainmenu > li.page_item,
  679. #mainmenu > li.menu-item {
  680. float: left;
  681. margin: 0 5px;
  682. padding: 2px 10px;
  683. max-height: 1.1em;
  684. }
  685. #mainmenu > li.page_item > a,
  686. #mainmenu > li.menu-item > a{
  687. display: block;
  688. }
  689.  
  690. #mainmenu > li.page_item > ul.children,
  691. #mainmenu > li.menu-item > ul.sub-menu {
  692. position: absolute;
  693. display: none;
  694. z-index: 30;
  695. max-width: 300px;
  696. min-width: 150px;
  697.  
  698. box-shadow: 0 0 2px #000;
  699. border: 1px solid #fff;
  700. background-color: #404040;
  701. margin: 0;
  702. padding: 5px 10px 10px;
  703. }
  704. #mainmenu > li.page_item:hover > ul.children,
  705. #mainmenu > li.menu-item:hover > ul.sub-menu {
  706. display: block;
  707. }
  708. #pages {
  709. position: relative;
  710. background-color: #404040;
  711. padding: 10px 0;
  712. z-index: 1;
  713. }
  714. #mainmenu ul.children li,
  715. #mainmenu ul.sub-menu li {
  716. list-style: disc inside url('images/litem.png');
  717. margin: 0 0 0 10px;
  718. padding: 5px 0 0;
  719. }
  720. #mainmenu .children li > div,
  721. #mainmenu .sub-menu li > div {
  722. display: inline;
  723. }
  724. #rss_imglink {
  725. position: absolute;
  726. top: -20px;
  727. right: 2px;
  728. width: 20px;
  729. opacity: 0.8;
  730. filter: alpha(opacity=80);
  731. }
  732. #rss_imglink:hover {
  733. opacity: 1;
  734. filter: alpha(opacity=100);
  735. }
  736. .mentit {
  737. color: #ccc;
  738. font-weight: bold;
  739. margin-bottom: 10px;
  740. margin-top: 2px;
  741. text-align: center;
  742. text-transform: uppercase;
  743. }
  744. #close_preview {
  745. display: none;
  746. padding: 5px;
  747. }
  748. .ff-menu {
  749. background-color: #404040;
  750. }
  751. .ff-menu ul {
  752. padding: 10px 0;
  753. display: inline-block;
  754. }
  755. .ff-menu li,
  756. .ff-menu li {
  757. display: inline;
  758. margin: 0 10px;
  759. padding: 0;
  760. }
  761. #secondary1 {
  762. font-size: 1.18em;
  763. text-align: right;
  764. }
  765. #secondary2 {
  766. margin-bottom: 10px;
  767. }
  768. .tinynav {
  769. display: none;
  770. }
  771. .navhome {
  772. display: none;
  773. }
  774.  
  775. /* =meta
  776. ----------------------------------------------------------*/
  777. .meta,
  778. #reply-title,
  779. .comment_tools {
  780. background: #ccc;
  781. min-height: 10px;
  782. position: relative;
  783.  
  784. border: 1px solid transparent;
  785. box-shadow: none;
  786. margin: 0 0 10px;
  787. padding: 5px;
  788. font-size: 1em;
  789. }
  790. .meta_container {
  791. display: block;
  792. height: 24px;
  793. margin: 0 12px 10px 0;
  794. position: relative;
  795. width: auto;
  796. }
  797. .storycontent .meta,
  798. .storycontent .comment_tools {
  799. font-size: .85em;
  800. }
  801. .image_tools .alignleft {
  802. min-height: 1px;
  803. text-align: left;
  804. width: 270px;
  805. }
  806. .image_tools .alignright {
  807. min-height: 1px;
  808. text-align: right;
  809. width: 270px;
  810. }
  811. .top_meta,
  812. .top_meta_js {
  813. position: absolute;
  814. width: 100%;
  815. }
  816. .top_meta:hover,
  817. .top_meta_js:hover {
  818. z-index: 300;
  819. }
  820. .top_meta:hover {
  821. border: 1px solid #fff;
  822. box-shadow: 0 0 2px #000;
  823. }
  824. .meta_shadowed {
  825. box-shadow: 0 0 2px #000;
  826. }
  827. .metafield_content {
  828. display: none;
  829. text-align: right;
  830. padding: 25px 5px 5px;
  831. }
  832. .metafield_content_js {
  833. text-align: right;
  834. padding: 25px 5px 5px;
  835. }
  836. .metafield:hover .metafield_content {
  837. display: block;
  838. }
  839. .metafield_trigger {
  840. position: absolute;
  841. top: 3px;
  842. height: 16px;
  843. }
  844. .mft_date,
  845. .mft_cat,
  846. .mft_tag,
  847. .mft_comm,
  848. .mft_hier {
  849. background-image: url('images/minibuttons.png');
  850. background-repeat: no-repeat;
  851. background-color: transparent;
  852. }
  853. .mft_date {
  854. background-position: 0 -256px
  855. }
  856. .mft_comm {
  857. background-position: -16px -256px
  858. }
  859. .mft_tag {
  860. background-position: -32px -256px
  861. }
  862. .mft_cat {
  863. background-position: -48px -256px
  864. }
  865. .mft_hier {
  866. background-position: -64px -256px
  867. }
  868. .metafield:hover .mft_date {
  869. background-position: 0 -240px
  870. }
  871. .metafield:hover .mft_comm {
  872. background-position: -16px -240px
  873. }
  874. .metafield:hover .mft_tag {
  875. background-position: -32px -240px
  876. }
  877. .metafield:hover .mft_cat {
  878. background-position: -48px -240px
  879. }
  880. .metafield:hover .mft_hier {
  881. background-position: -64px -240px
  882. }
  883. .shadowed_box {
  884. border: 1px solid #fff;
  885. box-shadow: 0 0 2px #000;
  886. }
  887. #navPages_ul ul.children {
  888. padding: 0 10px 0 0;
  889. }
  890. #navPages_ul li {
  891. list-style: disc inside url('images/litem.png');
  892. }
  893. #entry-author-info {
  894. border-top: 1px solid #FFFFFF;
  895. margin: 5px;
  896. padding-top: 5px;
  897. }
  898. .ff-search-reminder {
  899. background: #ccc;
  900. padding: .8em;
  901. text-align: center;
  902. }
  903. .ff-search-reminder p {
  904. border-top: 1px solid #aaa;
  905. padding-top: 5px;
  906. }
  907. .ff-search-reminder h2 {
  908. margin-bottom: 0;
  909. }
  910.  
  911. .ff-search-reminder + .tb-author-bio {
  912. margin: 5px 0 0;
  913. }
  914. .ff-search-found {
  915. color: #aaa;
  916. }
  917. /* =widgets (sidebar & footer)
  918. ----------------------------------------------------------*/
  919. .widget {
  920. margin: 0 0 8px;
  921. padding-bottom: 10px;
  922. }
  923. #footer-widget-area {
  924. border-top: 2px groove #fff;
  925. border-bottom: 2px groove #fff;
  926. background-color: #eee;
  927. padding: 5px 0;
  928. }
  929. #header-widget-area {
  930. border-top: 1px solid #555;
  931. background-color: #404040;
  932. color: #ccc;
  933. }
  934. #post-widgets-area {
  935. margin: 0 -1%;
  936. }
  937. #header-widget-area .widget {
  938. margin: 8px 0 0;
  939. float: left;
  940. padding: 0 11px 8px;
  941. text-align: left;
  942. width: 259px;
  943. }
  944. #error404-widgets-area .widget,
  945. #post-widgets-area .widget {
  946. margin: 0 0 30px;
  947. float: left;
  948. padding: 0 1%;
  949. width: 48%;
  950. }
  951. #error404-widgets-area .widget:nth-of-type(odd),
  952. #post-widgets-area .widget:nth-of-type(odd) {
  953. clear: left;
  954. }
  955. #header-widget-area .widget:nth-of-type(3n+1) {
  956. clear: left;
  957. }
  958. .widget-area {
  959. float: left;
  960. text-align: left;
  961. width: 259px;
  962. padding: 0 11px;
  963. min-height: 1px;
  964. }
  965. .fwa_title,
  966. .w_title {
  967. margin-bottom: 5px;
  968. font-weight: bold;
  969. text-align: center;
  970. text-transform: uppercase;
  971. border-bottom: 1px solid #ccc;
  972. padding: 2px;
  973. }
  974. #header-widget-area .w_title {
  975. border-bottom: 1px solid #555;
  976. }
  977. .searchform input {
  978. width: 84%;
  979. background: url('images/lens.png') no-repeat scroll 5px center #fff;
  980. padding: 4px 5% 4px 10%;
  981. border: 1px solid #ccc;
  982. }
  983.  
  984. .search-form .field {
  985. width: 100%;
  986. }
  987. ul.ul_fwa {
  988. margin: 0;
  989. }
  990. .tb_popular_posts .tbm-format,
  991. .tb_popular_posts img,
  992. .tb_recent_entries .tbm-format,
  993. .tb_recent_entries img,
  994. .tb_latest_commented_posts .tbm-format,
  995. .tb_latest_commented_posts img {
  996. position: absolute;
  997. left: 0;
  998. top: -13px;
  999. }
  1000. .tb_popular_posts li.li-with-thumbs,
  1001. .tb_recent_entries li.li-with-thumbs,
  1002. .tb_latest_commented_posts li.li-with-thumbs {
  1003. margin-top: 15px;
  1004. min-height: 30px;
  1005. padding-left: 46px;
  1006. position: relative;
  1007. }
  1008. .tb_popular_posts .tbm-format,
  1009. .tb_recent_entries .tbm-format,
  1010. .tb_latest_commented_posts .tbm-format {
  1011. background: url("images/minibuttons.png") no-repeat scroll -24px -0px transparent;
  1012. display: block;
  1013. height: 32px;
  1014. width: 32px;
  1015. margin: 4px;
  1016. }
  1017. .tb_font_resize {
  1018. font-size: 1.18em;
  1019. text-align: center;
  1020. }
  1021. .tb_font_resize a {
  1022. background: #eee;
  1023. border: 1px solid #ccc;
  1024. padding: 0 3px;
  1025. vertical-align: bottom;
  1026. }
  1027. .tb_font_resize a:hover {
  1028. border: 1px solid #aaa;
  1029. }
  1030. .fontresizer-minus {
  1031. font-size: 0.7em;
  1032. }
  1033. .fontresizer-plus {
  1034. font-size: 1.2em;
  1035. }
  1036. .tb_clean_archives .year-link {
  1037. font-size: 1.18em;
  1038. font-weight: bold;
  1039. }
  1040. .tb_share_this {
  1041. text-align: center;
  1042. }
  1043. .tb_share_this .share-item {
  1044. margin: 0 3px 3px 0;
  1045. }
  1046. .share-item img {
  1047. vertical-align: bottom;
  1048. }
  1049. .share-splitter {
  1050. position: relative;
  1051. display: inline;
  1052. }
  1053. .share-splitter:hover .share-trigger {
  1054. padding-bottom: 10px;
  1055. }
  1056. .share-splitter .share-hidden {
  1057. display: none;
  1058. position: absolute;
  1059. background: rgba(238, 238, 238, 0.9);
  1060. box-shadow: 0 0 5px #404040;
  1061. margin-top: 10px;
  1062. text-align: center;
  1063. width: 200px;
  1064. padding: 10px 5px 0;
  1065. right: 0;
  1066. }
  1067. .share-hidden .share-item img {
  1068. margin:0 5px 10px;
  1069. }
  1070. .share-hidden a.share-item {
  1071. margin:0;
  1072. }
  1073. .share-splitter:hover .share-hidden {
  1074. display: block;
  1075. }
  1076. div.tb_latest_commentators img {
  1077. margin: 0 4px 4px 0;
  1078. border: 1px solid transparent;
  1079. }
  1080. div.tb_latest_commentators a img {
  1081. border: 1px solid;
  1082. }
  1083. .tb_besides .wentry-aside {
  1084. background: #fff;
  1085. border: 1px dashed #ccc;
  1086. padding: 3px;
  1087. margin-bottom: 3px;
  1088. }
  1089. .tb_besides .wentry-status {
  1090. background: #fff;
  1091. border: 1px solid #ccc;
  1092. padding: 3px;
  1093. margin-bottom: 3px;
  1094. }
  1095. div.tb_post_details ul li {
  1096. list-style: none outside none;
  1097. }
  1098. .post-details-cats,
  1099. .post-details-tags,
  1100. .post-details-date {
  1101. background-repeat: no-repeat;
  1102. background-image: url('images/details.png');
  1103. line-height: 25px;
  1104. padding: 1px 0 5px 25px;
  1105. }
  1106. .post-details-cats {
  1107. background-position: left -200px;
  1108. }
  1109. .post-details-tags {
  1110. background-position: left -100px;
  1111. }
  1112. .post-details-date {
  1113. background-position: left 0;
  1114. }
  1115. .post-details-thumb {
  1116. background-color: #ccc;
  1117. padding: 5px;
  1118. margin: 0 0 5px;
  1119. text-align: center;
  1120. }
  1121. div.tb_post_details ul {
  1122. margin: 0;
  1123. }
  1124. .exif-attachment-info {
  1125. line-height: 2em;
  1126. }
  1127. .ff-social-icon {
  1128. margin: 4px 2px 0;
  1129. }
  1130. .ff-social-icon img {
  1131. border: none;
  1132. }
  1133. .all_cat {
  1134. }
  1135. /* Post Format icons
  1136. ----------------------------------------------------------*/
  1137. .tbm-format.f-aside {
  1138. background-position: -24px 0;
  1139. }
  1140. .tbm-format.f-audio {
  1141. background-position: -24px -32px;
  1142. }
  1143. .tbm-format.f-chat {
  1144. background-position: -24px -64px;
  1145. }
  1146. .tbm-format.f-gallery {
  1147. background-position: -24px -96px;
  1148. }
  1149. .tbm-format.f-image {
  1150. background-position: -24px -128px;
  1151. }
  1152. .tbm-format.f-link {
  1153. background-position: -24px -160px;
  1154. }
  1155. .tbm-format.f-quote {
  1156. background-position: -24px -192px;
  1157. }
  1158. .tbm-format.f-standard {
  1159. background-position: -56px 0;
  1160. }
  1161. .tbm-format.f-status {
  1162. background-position: -56px -32px;
  1163. }
  1164. .tbm-format.f-video {
  1165. background-position: -56px -64px;
  1166. }
  1167.  
  1168. /* author bio
  1169. ----------------------------------------------------------*/
  1170. .tb-author-bio {
  1171. background-color: #ccc;
  1172. padding: 0.8em;
  1173. margin: 0 0 20px;
  1174. }
  1175. .widget .tb-author-bio {
  1176. margin: 0 0 5px;
  1177. }
  1178. .tb-author-bio li,
  1179. .tb-author-bio ul {
  1180. margin: 0;
  1181. padding: 0;
  1182. }
  1183. .tb-author-bio .author-avatar img {
  1184. margin-right: 10px;
  1185. vertical-align: middle;
  1186. }
  1187. .tb-author-bio .author-avatar {
  1188. display: inline;
  1189. }
  1190. .tb-author-bio .author-name {
  1191. font-size: 1.5em;
  1192. margin-bottom: 10px;
  1193. display: inline;
  1194. }
  1195. .tb-author-bio .author-description {
  1196. }
  1197. .tb-author-bio .author-social {
  1198. display: block;
  1199. border-top:1px solid #aaa;
  1200. margin-top:5px;
  1201. padding-top:5px;
  1202. clear: both;
  1203. }
  1204. .tb-author-bio .author-social img {
  1205. margin: 0 4px 0 0;
  1206. }
  1207.  
  1208. .tb-author-bio .author-description a {
  1209. text-decoration: underline;
  1210. }
  1211.  
  1212. /* =posts & pages
  1213. ----------------------------------------------------------*/
  1214. .posts_narrow {
  1215. float: left;
  1216. width: 560px;
  1217. min-height: 680px;
  1218. border-right: 1px solid #ccc;
  1219. margin: 10px 0;
  1220. padding: 0 10px 10px;
  1221. }
  1222. .posts_wide {
  1223. float: left;
  1224. width: 698px;
  1225. min-height: 680px;
  1226. margin: 10px 0;
  1227. padding: 0 75px 10px;
  1228. }
  1229. #content .hentry {
  1230. padding: 30px 0;
  1231. border-bottom: 3px double #eee;
  1232. }
  1233. #content .hentry:first-child,
  1234. .single #content .hentry,
  1235. .page #content .hentry {
  1236. padding-top: 0;
  1237. }
  1238. .single #content .hentry,
  1239. .page #content .hentry {
  1240. border: none;
  1241. }
  1242. .storycontent {
  1243. font-size: 1.18em;
  1244. }
  1245. .storytitle {
  1246. margin-top: 0;
  1247. font-size: 2em;
  1248. }
  1249. .storytitle.featured-50 {
  1250. padding-left: 55px;
  1251. position: relative;
  1252. min-height: 50px;
  1253. }
  1254. .storytitle.featured-75 {
  1255. padding-left: 80px;
  1256. position: relative;
  1257. min-height: 75px;
  1258. }
  1259. .storytitle.featured-150 {
  1260. padding-left: 155px;
  1261. position: relative;
  1262. min-height: 150px;
  1263. }
  1264. .storytitle .wp-post-image{
  1265. position: absolute;
  1266. left: 0;
  1267. }
  1268. .widget img,
  1269. .storycontent img {
  1270. max-width: 100%;
  1271. height: auto;
  1272. margin: 0;
  1273. }
  1274. img.size-full,
  1275. img.size-large,
  1276. img.wp-post-image {
  1277. max-width: 100%;
  1278. height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
  1279. }
  1280.  
  1281. .storycontent ul li,
  1282. .widget ul li,
  1283. .comment-body ul li {
  1284. list-style: disc outside url('images/litem.png');
  1285. }
  1286. #content .sticky {
  1287.  
  1288. background: #E8F5FD;
  1289. border: 1px solid #fff;
  1290. margin: 0 -5px 40px;
  1291. padding: 4px;
  1292. }
  1293.  
  1294. .dim_cpc {
  1295. background: transparent url('images/minibuttons.png') left -216px no-repeat;
  1296. padding: 5px 0 5px 22px;
  1297. }
  1298. .aside-cont {
  1299. background: #fff;
  1300. border: 1px dashed #ccc;
  1301. padding: 5px;
  1302. font-size: 1.18em;
  1303. }
  1304. .gallery-thumb {
  1305. float: left;
  1306. margin: 0 20px 5px 0;
  1307. }
  1308. .gallery-thumb img {
  1309. border: 1px solid #ccc;
  1310. padding: 5px;
  1311. background: #eee;
  1312. }
  1313. #ff-page-nav {
  1314. padding-top: 10px;
  1315. text-align: center;
  1316. font-weight: bold;
  1317. text-transform: uppercase;
  1318. }
  1319. #ff-page-nav a {
  1320.  
  1321. background-color: #fff;
  1322. border: 1px solid #ccc;
  1323. font-weight: normal;
  1324. padding: 0.2em 0.5em;
  1325. text-decoration: none;
  1326. margin: 0 5px;
  1327. }
  1328. .status-cont {
  1329. font-size: 1.18em;
  1330. border: 1px solid #ccc;
  1331. padding: 5px;
  1332. background: #fff;
  1333. }
  1334. .status-subcont {
  1335. margin-left: 60px;
  1336. }
  1337. .status-date {
  1338. color: #aaa;
  1339. }
  1340. .status-avatar {
  1341. float: left;
  1342. }
  1343. .quote-cont .format-icon-32 {
  1344. float: left;
  1345. width: 32px;
  1346. height: 32px;
  1347. background: url('images/minibuttons.png') no-repeat scroll -24px -192px transparent;
  1348. }
  1349. .quote-cont blockquote {
  1350. min-height: 40px;
  1351. margin-left: 45px;
  1352. font-size: 1.18em;
  1353. }
  1354. .quote-cont .links {
  1355. padding: 10px 0 0 65px;
  1356. }
  1357. .more-link.ajaxed {
  1358. padding-left: 20px;
  1359. background: url('images/loading.gif') no-repeat scroll left center transparent;
  1360. }
  1361. .img-navi {
  1362. text-align: center;
  1363. margin: 0 0 10px;
  1364. }
  1365. .img-navi a {
  1366. opacity: 0.5;
  1367. filter: alpha(opacity=50);
  1368. }
  1369. .img-navi img {
  1370. vertical-align: middle;
  1371. border: 1px solid #ccc;
  1372. margin: 0 5px;
  1373. padding: 5px;
  1374. background: #eee;
  1375. }
  1376. .img-navi a:hover {
  1377. opacity: 1;
  1378. filter: alpha(opacity=100);
  1379. }
  1380.  
  1381. /* =comments
  1382. ----------------------------------------------------------*/
  1383. .comment-body {
  1384.  
  1385. border: 1px solid #ccc;
  1386. position: relative;
  1387. min-height: 60px;
  1388. background-color: #f9f9f9;
  1389. margin: 2px 0;
  1390. padding: 3px 40px 3px 3px;
  1391. }
  1392. .bypostauthor > .comment-body {
  1393. background-color: #eee;
  1394. }
  1395. .comment-body .avatar {
  1396. position: absolute;
  1397. top: 2px;
  1398. right: 2px;
  1399. }
  1400. .comment-reply-link {
  1401. background: url('images/details.png') no-repeat scroll left -1200px transparent;
  1402. color: #ccc;
  1403. padding: 4px 0 0 24px;
  1404. }
  1405. ul.children {
  1406. margin: 0;
  1407. padding: 0 0 0 10px;
  1408. }
  1409. .nav-previous-comm {
  1410. float: left;
  1411. }
  1412. .nav-next-comm {
  1413. float: right;
  1414. }
  1415. #comments,
  1416. .comment_tools {
  1417. text-align: right;
  1418. }
  1419. #commentlist {
  1420. position: relative;
  1421. margin-bottom: 10px;
  1422. }
  1423. .comment-form-comment {
  1424. text-align: center;
  1425. position: relative;
  1426. }
  1427. #comment {
  1428. width: 95%;
  1429. max-width: 95%;
  1430. }
  1431. .logged-in-as img {
  1432. vertical-align: middle;
  1433. }
  1434. .form-allowed-tags small {
  1435. color: #aaa;
  1436. }
  1437. .js-res {
  1438.  
  1439. box-shadow: 0px 0px 7px #000;
  1440. background-color: #eee;
  1441. border: 1px solid #fff;
  1442. width: 715px;
  1443. z-index: 2000;
  1444. display: none;
  1445. margin-left: 46px;
  1446. padding: 10px 20px;
  1447. position: fixed;
  1448. top: 20%;
  1449. }
  1450. .js-res #reply-title {
  1451. cursor: move;
  1452. background-image: url('images/drag.png');
  1453. background-repeat: no-repeat;
  1454. background-position: 2px 4px;
  1455. }
  1456. #respond {
  1457. padding-top: 10px;
  1458. min-height: 200px;
  1459. }
  1460. #reply-title {
  1461. font-size: 1em;
  1462. font-weight: normal;
  1463. text-align: right;
  1464. }
  1465. #reply-title small {
  1466. font-size: 1em;
  1467. }
  1468. #cancel-comment-reply-link:before {
  1469. content: ' - ';
  1470. }
  1471. .js-res #reply-title {
  1472. position: relative;
  1473. margin: 0 17px 0 0;
  1474. }
  1475. .reply {
  1476. text-align: right;
  1477. margin-right: -38px;
  1478. }
  1479. .trackback .reply,
  1480. .pingback .reply,
  1481. .trackback .says,
  1482. .pingback .says {
  1483. display: none;
  1484. }
  1485. .trackback .comment-body,
  1486. .pingback .comment-body {
  1487. border: none;
  1488. }
  1489. .must-log-in {
  1490. font-size: 1.4em;
  1491. font-weight: bold;
  1492. text-align: center;
  1493. }
  1494. .navigate_comments {
  1495. font-weight: bold;
  1496. margin: 10px;
  1497. text-align: center;
  1498. }
  1499. .navigate_comments a {
  1500. background-color: #FFFFFF;
  1501. border: 1px solid #CCCCCC;
  1502. font-weight: normal;
  1503. padding: 0.2em 0.5em;
  1504. text-decoration: none;
  1505.  
  1506. }
  1507. .navigate_comments a, .navigate_comments span {
  1508. margin-right: 0.5em;
  1509. }
  1510. #ff_reply_close input {
  1511. position: absolute;
  1512. top: 14px;
  1513. right: 10px;
  1514. width:16px;
  1515. height:16px;
  1516. margin: 0;
  1517. background: transparent url('images/minibuttons.png') -96px -240px no-repeat;
  1518. border: none;
  1519. box-shadow: none;
  1520. padding: 0;
  1521. }
  1522. #ff_reply_close input:hover {
  1523. background-position: -96px -256px;
  1524. }
  1525. .posts_narrow .fixed-respond {
  1526. margin-left: 35px;
  1527. }
  1528. #tb-quotethis {
  1529. display: block;
  1530. position: absolute;
  1531. right: -6px;
  1532. width: 16px;
  1533. height: 16px;
  1534. background: transparent url('images/minibuttons.png') -80px -240px no-repeat;
  1535. }
  1536. .js-res #tb-quotethis {
  1537. right: -10px;
  1538. }
  1539. #tb-quotethis:hover {
  1540. background-position: -80px -256px;
  1541. }
  1542.  
  1543. /* =calendar
  1544. ----------------------------------------------------------*/
  1545. #wp-calendar {
  1546. width: 90%;
  1547. text-align: center;
  1548. margin: 0 auto;
  1549. }
  1550.  
  1551. /* =Aligments
  1552. ----------------------------------------------------------*/
  1553. .aligncenter,
  1554. div.aligncenter,
  1555. img.aligncenter {
  1556. clear: both;
  1557. display: block;
  1558. margin-left: auto;
  1559. margin-right: auto;
  1560. }
  1561. img.alignleft,
  1562. .alignleft {
  1563. display: inline;
  1564. float: left;
  1565. margin-right: 24px;
  1566. }
  1567. img.alignright,
  1568. .alignright {
  1569. display: inline;
  1570. float: right;
  1571. margin-left: 24px;
  1572. }
  1573. img.alignleft,
  1574. img.alignright,
  1575. img.aligncenter {
  1576. margin-bottom: 12px;
  1577. }
  1578.  
  1579. /* Captions
  1580. ----------------------------------------------------------*/
  1581. .wp-caption img {
  1582. background-color: #fff;
  1583. border: 1px solid #fff;
  1584.  
  1585. box-shadow: 0 0 2px #000;
  1586. margin: 0 1%;
  1587. max-width: 98%;
  1588. text-align: center;
  1589. }
  1590. .wp-caption {
  1591. border: 0 none;
  1592. margin: 0 0 10px 0;
  1593. padding: 0;
  1594. max-width: 100%;
  1595. }
  1596. .wp-caption .wp-caption-inside {
  1597. position: relative;
  1598. }
  1599. .wp-caption .wp-caption {
  1600. display: none;
  1601. }
  1602. .wp-caption .wp-caption-text {
  1603. background-color: #fff;
  1604. bottom: 0;
  1605. font-size: 11px;
  1606. left: 1px;
  1607. line-height: 17px;
  1608. margin: 0 1%;
  1609. padding: 0 1% 5px;
  1610. position: absolute;
  1611. width: 96%;
  1612. opacity: 0.7;
  1613. filter: alpha(opacity=70);
  1614. }
  1615. .wp-caption:hover .wp-caption-text {
  1616. display: none;
  1617. }
  1618. .wp-caption img:hover {
  1619. box-shadow: 0 0 4px #000;
  1620. }
  1621.  
  1622. /* =Gallery
  1623. ----------------------------------------------------------*/
  1624. .gallery {
  1625. margin: auto;
  1626. }
  1627. .gallery-item {
  1628. float: left;
  1629. margin: 5px 0;
  1630. text-align: center;
  1631. }
  1632. .gallery-item img {
  1633. border: 1px solid #fff;
  1634.  
  1635. box-shadow: 0 0 2px #000;
  1636. max-width: 90%;
  1637. }
  1638. .gallery-item img:hover {
  1639. box-shadow: 0 0 4px #000;
  1640. }
  1641. .gallery-item .gallery-caption {
  1642. color: #777;
  1643. font-size: .8em;
  1644. margin: 0;
  1645. }
  1646. .gallery-columns-0 .gallery-item {
  1647. width: 99%;
  1648. }
  1649. .gallery-columns-1 .gallery-item {
  1650. width: 99%;
  1651. }
  1652. .gallery-columns-2 .gallery-item {
  1653. width: 49.5%;
  1654. }
  1655. .gallery-columns-3 .gallery-item {
  1656. width: 33%;
  1657. }
  1658. .gallery-columns-4 .gallery-item {
  1659. width: 24.7%;
  1660. }
  1661. .gallery-columns-5 .gallery-item {
  1662. width: 19.8%;
  1663. }
  1664. .gallery-columns-6 .gallery-item {
  1665. width: 16.5%;
  1666. }
  1667. .gallery-columns-7 .gallery-item {
  1668. width: 14.1%;
  1669. }
  1670. .widget .gallery-item .gallery-caption {
  1671. display: none;
  1672. }
  1673. .gallery-preview .size-medium {
  1674. margin: 0 1% 10px 0;
  1675. width: 300px;
  1676. max-width: 50%;
  1677. }
  1678. .gallery-preview .thumbnail-wrap {
  1679. overflow: hidden;
  1680. text-align: left;
  1681. padding:2px;
  1682. }
  1683. .gallery-preview .size-thumbnail {
  1684. margin: 0 1% 10px 0;
  1685. min-width: 100px;
  1686. width: 30%;
  1687. }
  1688. .gallery-preview .info {
  1689. float: left;
  1690. }
  1691.  
  1692. /* =I like it
  1693. ----------------------------------------------------------*/
  1694. .t-twits {
  1695. display: inline-block;
  1696. }
  1697.  
  1698. #ff-I-like-it-wrap {
  1699. background: url("images/body.png") repeat-y scroll 56px top #fff;
  1700.  
  1701. bottom: 230px;
  1702. position: fixed;
  1703. text-align: right;
  1704. z-index: 100;
  1705. padding: 1px 0 1px 1px;
  1706. margin-bottom: 10px;
  1707. }
  1708.  
  1709.  
  1710. #ff-I-like-it {
  1711. background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.2) 100%); /* FF3.6+ */
  1712. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(100%,rgba(0,0,0,0.2))); /* Chrome,Safari4+ */
  1713. background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 100%); /* Chrome10+,Safari5.1+ */
  1714. background: -o-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 100%); /* Opera 11.10+ */
  1715. background: -ms-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 100%); /* IE10+ */
  1716. background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 100%); /* W3C */
  1717. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#33000000',GradientType=0 ); /* IE6-9 */
  1718.  
  1719. padding: 5px 5px 1px 0;
  1720. width: 65px;
  1721. }
  1722. .posts_wide #ff-I-like-it-wrap {
  1723. margin-left: -146px;
  1724. }
  1725. .posts_narrow #ff-I-like-it-wrap {
  1726. margin-left: -81px;
  1727. }
  1728. .ff-I-like-it-button {
  1729. display: block;
  1730. margin-bottom: 5px;
  1731. }
  1732. #ff-I-like-it-wrap .ff-I-like-it-button.I-like-pinterest a {
  1733. margin-top: 30px !important;
  1734. }
  1735.  
  1736. /* Breadcrumb
  1737. ----------------------------------------------------------*/
  1738. #crumbs {
  1739. height:22px;
  1740. margin:10px 0;
  1741. background:#ccc;
  1742. }
  1743. #crumbs ul {
  1744. background:#404040 url(images/details.png) no-repeat right -900px;
  1745. padding-right:7px;
  1746. }
  1747. #crumbs ul,
  1748. #crumbs li {
  1749. float:left;
  1750. height:22px;
  1751. font-size:11px;
  1752. list-style-type:none;
  1753. margin:0;
  1754. }
  1755. #crumbs li a,
  1756. #crumbs li span {
  1757. display:block;
  1758. padding:4px 10px 5px 19px;
  1759. max-width: 200px;
  1760. overflow: hidden;
  1761. white-space: pre;
  1762. text-overflow: ellipsis;
  1763. }
  1764. #crumbs li {
  1765. background:#ccc url(images/details.png) no-repeat left -800px;
  1766. overflow: hidden;
  1767. }
  1768. #crumbs li.first a {
  1769. background:#ccc url(images/details.png) no-repeat left -1000px;
  1770. padding-left:12px;
  1771. }
  1772. #crumbs li.first a:hover {
  1773. background:#ccc url(images/details.png) no-repeat left -1100px;
  1774. }
  1775. #crumbs li.last {
  1776. background:#404040 url(images/details.png) no-repeat left -700px;
  1777. }
  1778. #crumbs li .crumb-cat {
  1779. background:transparent url(images/details.png) no-repeat 11px -500px;
  1780. padding-left: 34px;
  1781. }
  1782. #crumbs li .crumb-tag {
  1783. background:transparent url(images/details.png) no-repeat 11px -400px;
  1784. padding-left: 34px;
  1785. }
  1786. #crumbs li .crumb-date {
  1787. background:transparent url(images/details.png) no-repeat 11px -300px;
  1788. padding-left: 34px;
  1789. }
  1790. #crumbs li .crumb-auth {
  1791. background:transparent url(images/details.png) no-repeat 11px -600px;
  1792. padding-left: 34px;
  1793. }
  1794.  
  1795. /* Thickbox
  1796. ----------------------------------------------------------*/
  1797. #TB_overlay {
  1798. z-index: 310;
  1799. }
  1800. .TB_overlayBG {
  1801. opacity: 0.85;
  1802. filter: alpha(opacity=85);
  1803. }
  1804. #TB_window {
  1805. z-index: 312;
  1806. border-color: transparent;
  1807. }
  1808. #TB_window img#TB_Image {
  1809. border-color: transparent;
  1810. margin-bottom: 15px;
  1811. }
  1812. #TB_prev a,
  1813. #TB_next a {
  1814. display: block;
  1815. height: 100%;
  1816. position: fixed;
  1817. top: 0;
  1818. width: 100px;
  1819. opacity: 0.3;
  1820. filter: alpha(opacity=30);
  1821. color: transparent;
  1822. }
  1823. #TB_next a:hover,
  1824. #TB_prev a:hover {
  1825. opacity: 0.6;
  1826. filter: alpha(opacity=60);
  1827. }
  1828.  
  1829. #TB_prev a {
  1830. background: url('images/arrows.png') no-repeat left center #000;
  1831. left: 0;
  1832. }
  1833. #TB_next a {
  1834. background: url('images/arrows.png') no-repeat right center #000;
  1835. right: 0;
  1836. }
  1837. #TB_closeWindow {
  1838. display: none;
  1839. }
  1840. #TB_load {
  1841. border: none;
  1842. z-index: 313;
  1843. padding: 5px 15px;
  1844. box-shadow: 0 4px 30px #000;
  1845. }
  1846. #TB_caption {
  1847. color: #FFFFFF;
  1848. float: none;
  1849. font-size: 2em;
  1850. margin-top: 10px;
  1851. padding: 0;
  1852. position: absolute;
  1853. text-align: center;
  1854. width: 100%;
  1855. }
  1856. #TB_secondLine span {
  1857. display: block;
  1858. height: 0;
  1859. }
  1860. /* Audio player
  1861. ----------------------------------------------------------*/
  1862. .ff-player-container {
  1863. margin-bottom: 20px;
  1864. width: 300px;
  1865. padding: 5px;
  1866. background: #fff;
  1867. border: 1px solid #ddd;
  1868. }
  1869. .single-attachment .ff-player-container {
  1870. margin: 20px auto;
  1871. }
  1872. .ff-player-container:hover {
  1873. border: 1px solid #777;
  1874. }
  1875. .ff-player-content {
  1876. margin-top: 10px;
  1877. }
  1878. .ff-player-notice {
  1879. background: none repeat scroll 0 0 #5C5959;
  1880.  
  1881. color: #eee;
  1882. display: block;
  1883. line-height: 25px;
  1884. text-align: center;
  1885. }
  1886. .ff-media-player video {
  1887. padding: 15px;
  1888. margin: 10px;
  1889. border: 1px solid #ccc;
  1890. background: #eee;
  1891. }
  1892.  
  1893. /* WP-PageNavi
  1894. ----------------------------------------------------------*/
  1895. #ff-page-nav .wp-pagenavi a, #ff-page-nav .wp-pagenavi span {
  1896.  
  1897. background-color: #fff;
  1898. border: 1px solid #ccc;
  1899. font-weight: normal;
  1900. padding: 0.2em 0.5em;
  1901. text-decoration: none;
  1902. margin: 0 2px;
  1903. }
  1904. #ff-page-nav .wp-pagenavi a:hover, #ff-page-nav .wp-pagenavi .current {
  1905. border: 1px solid #404040;
  1906. }
  1907. #ff-page-nav .wp-pagenavi span {
  1908. font-weight: bold;
  1909. }
  1910.  
  1911. /* WP-Paginate
  1912. ----------------------------------------------------------*/
  1913. #ff-page-nav .wp-paginate .current,
  1914. .navigate_comments .wp-paginate-comments .current {
  1915. background: #CCCCCC;
  1916. border: 1px solid #AAAAAA;
  1917. color: #404040;
  1918. margin: 0 4px;
  1919. }
  1920. .navigate_comments .wp-paginate-comments .title {
  1921. display: none;
  1922. }
  1923. .navigate_comments .wp-paginate-comments a {
  1924. background: #fff;
  1925. }
  1926. .navigate_comments .wp-paginate-comments a:hover {
  1927. color: #404040;
  1928. }
  1929. .wp-paginate .current {
  1930.  
  1931. }
  1932.  
  1933. /* header slider
  1934. ----------------------------------------------------------*/
  1935. #slide-head {
  1936. overflow: hidden;
  1937. position: absolute;
  1938. top: 0;
  1939. left: 0;
  1940. }
  1941. #slide-head > img,
  1942. #slide-head > a {
  1943. position: absolute;
  1944. top: 0;
  1945. left: 0;
  1946. }
  1947.  
  1948. /* Coming Soon template
  1949. ----------------------------------------------------------*/
  1950. .coming-soon #ff_background {
  1951. opacity: 0.8;
  1952. filter: alpha(opacity=80);
  1953. background: #000;
  1954. }
  1955.  
  1956. .coming-soon .hentry {
  1957. background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
  1958. box-shadow: 0 0 5px #000000;
  1959. margin: 50px auto;
  1960. max-width: 848px;
  1961. background: none repeat scroll 0 0 #F8F8F8;
  1962. border: 1px solid #fff;
  1963. }
  1964.  
  1965. .coming-soon .storycontent {
  1966. padding: 20px;
  1967. }
  1968. .coming-soon .storytitle {
  1969. padding: 20px 20px 0;
  1970. text-align: center;
  1971. }
  1972. .coming-soon .storytitle h1 {
  1973. margin: 20px 0 0;
  1974. }
  1975. .coming-soon .storytitle a {
  1976. color:#404040;
  1977. }
  1978. .coming-soon .storyshare {
  1979. border-top: 2px groove #fff;
  1980. padding: 20px;
  1981. text-align: right;
  1982. }
  1983. .coming-soon .storyshare a {
  1984. margin-right: 10px;
  1985. }
  1986.  
  1987. /* Breadcrumb NavXT
  1988. ----------------------------------------------------------*/
  1989. #navxt-crumbs {
  1990. background: #CCCCCC;
  1991. height: 22px;
  1992. margin: 10px 0;
  1993. }
  1994. #navxt-crumbs ul, #navxt-crumbs li {
  1995. float: left;
  1996. font-size: 11px;
  1997. height: 22px;
  1998. list-style-type: none;
  1999. margin: 0;
  2000. }
  2001. #navxt-crumbs ul {
  2002. background: url("images/details.png") no-repeat scroll right -900px #404040;
  2003. padding-right: 7px;
  2004. }
  2005. #navxt-crumbs li {
  2006. background: url("images/details.png") no-repeat scroll left -800px #CCCCCC;
  2007. display: block;
  2008. line-height: 20px;
  2009. max-width: 200px;
  2010. overflow: hidden;
  2011. padding: 0 10px 0 20px;
  2012. text-overflow: ellipsis;
  2013. white-space: pre;
  2014. }
  2015. #navxt-crumbs li.home {
  2016. background:#ccc url(images/details.png) no-repeat left -1000px;
  2017. padding-left:24px;
  2018. }
  2019. #navxt-crumbs li.home:hover {
  2020. background:#ccc url(images/details.png) no-repeat left -1100px;
  2021. }
  2022. #navxt-crumbs li.current_item {
  2023. background:#404040 url(images/details.png) no-repeat left -700px;
  2024. }
  2025. #navxt-crumbs li.home.current_item {
  2026. background:#404040 url(images/details.png) no-repeat left -1000px;
  2027. }
  2028. /* Yoast NavXT
  2029. ----------------------------------------------------------*/
  2030. #yoast-crumbs {
  2031. background: #CCCCCC;
  2032. margin: 10px 0;
  2033. padding: 0 10px;
  2034. line-height: 2.6em;
  2035. color: transparent;
  2036. }
  2037. #yoast-crumbs span span {
  2038. background: url("images/details.png") no-repeat scroll left -800px #CCCCCC;
  2039. padding: 4px 4px 4px 20px;
  2040. white-space: pre;
  2041. color: #404040;
  2042. }
  2043. #yoast-crumbs span:first-child {
  2044. background: transparent;
  2045. padding-left: 4px;
  2046. }
  2047.  
  2048. /* TB Chat Post
  2049. ----------------------------------------------------------*/
  2050. .tb-chat .chat-select span {
  2051. cursor: pointer;
  2052. margin-left: 5px;
  2053. }
  2054. .tb-chat .chat-select span:hover {
  2055. opacity: .5;
  2056. filter: alpha(opacity=50);
  2057. }
  2058. .tb-chat .chat-select span.name {
  2059. cursor: inherit;
  2060. margin: 0;
  2061. font-weight: bold;
  2062. }
  2063. .tb-chat .chat-select span.name:hover {
  2064. opacity: 1;
  2065. filter: alpha(opacity=100);
  2066. }
  2067. .tb-chat .chat-select .hide,
  2068. .tb-chat .chat-select .hidden .show,
  2069. .tb-chat .chat-select .rightalign .toleft,
  2070. .tb-chat .chat-select .toright {
  2071. display: inline;
  2072. }
  2073. .tb-chat .chat-select .hidden .hide,
  2074. .tb-chat .chat-select .show,
  2075. .tb-chat .chat-select .toleft,
  2076. .tb-chat .chat-select .rightalign .toright {
  2077. display: none;
  2078. }
  2079. .tb-chat ul.chat-select li,
  2080. .tb-chat ul.chat-transcript li {
  2081. list-style: none outside none;
  2082. }
  2083. .tb-chat ul.chat-select ,
  2084. .tb-chat ul.chat-transcript {
  2085. margin: 0;
  2086. padding: 0;
  2087. line-height: 2em;
  2088. }
  2089. .tb-chat ul.chat-select {
  2090. overflow: hidden;
  2091. margin-bottom: 30px;
  2092. display: none;
  2093. }
  2094. .tb-chat.animated .chat-select {
  2095. display: block;
  2096. }
  2097. .tb-chat .chat-select li {
  2098. border: 1px solid #ccae93;
  2099. float: left;
  2100. list-style: none outside none;
  2101. margin-right: 10px;
  2102. padding: 0 5px;
  2103. background: #ffdab9;
  2104.  
  2105. }
  2106. .tb-chat .chat-select .rightalign {
  2107. float: right;
  2108. }
  2109. .tb-chat .chat-transcript .name {
  2110. font-size: .7em;
  2111. margin: 0 10px 0 0;
  2112. float: left
  2113. }
  2114. .tb-chat .speaker.rightalign .name {
  2115. margin: 0 0 0 10px;
  2116. float: right;
  2117. }
  2118. .tb-chat .chat-transcript .timestamp {
  2119. font-size: .7em;
  2120. opacity: .4;
  2121. filter: alpha(opacity=40);
  2122. padding-right: 1em;
  2123. }
  2124. .tb-chat .speaker {
  2125. background: #ffdab9;
  2126. border: 1px solid #ccae93;
  2127. margin: 0 100px 20px 0;
  2128. padding: 0 10px;
  2129. }
  2130. .tb-chat .speaker {
  2131. }
  2132. .tb-chat .speaker.rightalign {
  2133. }
  2134. .tb-chat li.speaker-1 {
  2135. background: #fffacd;
  2136. border: 1px solid #ccc8a3;
  2137. }
  2138. .tb-chat li.speaker-2 {
  2139. background: #d8eef4;
  2140. border: 1px solid #b4c7cc;
  2141. }
  2142. .tb-chat .chat-transcript li.speaker .name {
  2143. color: #ccae93;
  2144. }
  2145. .tb-chat .chat-transcript li.speaker-1 .name {
  2146. color: #ccc8a3;
  2147. }
  2148. .tb-chat .chat-transcript li.speaker-2 .name {
  2149. color: #b4c7cc;
  2150. }
  2151. .tb-chat .chat-transcript li.aside-text {
  2152. margin: 0 0 20px 0;
  2153. padding: 0;
  2154. }
  2155. .tb-chat .chat-select .rightalign {
  2156. margin: 0 0 0 10px;
  2157. }
  2158. .tb-chat .chat-transcript .rightalign {
  2159. margin: 0 0 20px 100px;
  2160. }
  2161. /* Jetpack Infinite Scroll
  2162. ----------------------------------------------------------*/
  2163. #posts_content #infinite-handle span {
  2164. border-radius: 0;
  2165. border: 1px solid #fff;
  2166. box-shadow: 0 0 2px #000;
  2167. padding: 0.3em 0.5em;
  2168. font-size: 13px;
  2169. font-weight: bold;
  2170. }
  2171. .infinite-scroll #content {
  2172. background: #F8F8F8;
  2173. }
  2174. .infinite-scroll #ff-page-nav,
  2175. .infinite-scroll .nb-nextprev {
  2176. display: none;
  2177. }
  2178. .infinite-loader,
  2179. #infinite-handle {
  2180. text-align: center;
  2181. margin: 20px auto;
  2182. }
  2183. .infinite-loader .spinner {
  2184. margin: 0 auto;
  2185. width: 30px;
  2186. }
  2187. /* Jetpack Sharedaddy
  2188. ----------------------------------------------------------*/
  2189. #main div.sharedaddy div.sd-block {
  2190. border-top: none;
  2191. }
  2192. /* Jetpack Likes
  2193. ----------------------------------------------------------*/
  2194. #main div.jetpack-likes-widget-wrapper {
  2195. margin-top: 10px;
  2196. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement