Advertisement
sshuvro58

aniya_css

Mar 10th, 2013
174
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.87 KB | None | 0 0
  1. /*
  2. Theme Name: Pitch
  3. Theme URI: http://siteorigin.com/theme/pitch/
  4. Author: SiteOrigin
  5. Author URI: http://siteorigin.com/
  6. Version: 1.3.1
  7. License: GPL 2.0
  8. License URI: http://www.gnu.org/licenses/gpl-2.0.html
  9. Description: Pitch is a simple, minimal business and portfolio theme. It uses custom post types to make it easy to add your content. Pitch also features a big bold slider to put your work front and center.
  10. Tags: gray, two-columns, fixed-width, custom-background, custom-menu, featured-images, theme-options, threaded-comments, translation-ready
  11. */
  12.  
  13. /* =Reset
  14. -------------------------------------------------------------- */
  15.  
  16. html,
  17. body,
  18. div,
  19. span,
  20. applet,
  21. object,
  22. iframe,
  23. h1,
  24. h2,
  25. h3,
  26. h4,
  27. h5,
  28. h6,
  29. p,
  30. blockquote,
  31. pre,
  32. a,
  33. abbr,
  34. acronym,
  35. address,
  36. big,
  37. cite,
  38. code,
  39. del,
  40. dfn,
  41. em,
  42. img,
  43. ins,
  44. kbd,
  45. q,
  46. s,
  47. samp,
  48. small,
  49. strike,
  50. strong,
  51. sub,
  52. sup,
  53. tt,
  54. var,
  55. b,
  56. u,
  57. i,
  58. center,
  59. dl,
  60. dt,
  61. dd,
  62. ol,
  63. ul,
  64. li,
  65. fieldset,
  66. form,
  67. label,
  68. legend,
  69. table,
  70. caption,
  71. tbody,
  72. tfoot,
  73. thead,
  74. tr,
  75. th,
  76. td,
  77. article,
  78. aside,
  79. canvas,
  80. details,
  81. embed,
  82. figure,
  83. figcaption,
  84. footer,
  85. header,
  86. hgroup,
  87. menu,
  88. nav,
  89. output,
  90. ruby,
  91. section,
  92. summary,
  93. time,
  94. mark,
  95. audio,
  96. video {
  97. border: 0;
  98. font: inherit;
  99. font-size: 100%;
  100. margin: 0;
  101. padding: 0;
  102. vertical-align: baseline;
  103. }
  104.  
  105. /* HTML5 display-role reset for older browsers */
  106.  
  107. article,
  108. aside,
  109. details,
  110. figcaption,
  111. figure,
  112. footer,
  113. header,
  114. hgroup,
  115. menu,
  116. nav,
  117. section {
  118. display: block;
  119. }
  120.  
  121. body {
  122. line-height: 1;
  123. }
  124.  
  125. ol,
  126. ul {
  127. list-style: none;
  128. }
  129.  
  130. blockquote,
  131. q {
  132. quotes: none;
  133. }
  134.  
  135. blockquote:before,
  136. blockquote:after,
  137. q:before,
  138. q:after {
  139. content: '';
  140. content: none;
  141. }
  142.  
  143. table {
  144. border-collapse: collapse;
  145. border-spacing: 0;
  146. }
  147.  
  148. /* =General
  149. -------------------------------------------------------------- */
  150.  
  151. body {
  152. background: #f4f4f4;
  153. font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  154. font-size: 12px;
  155. }
  156.  
  157. .container {
  158. position: relative;
  159. width: 960px;
  160.  
  161. display: block;
  162. margin: 0 auto;
  163. }
  164.  
  165. .clear {
  166. clear: both;
  167. }
  168.  
  169. .separator {
  170. height: 7px;
  171.  
  172. background: url(images/pattern.png) repeat;
  173. margin: 20px 0;
  174. }
  175.  
  176. /* =Internet Explorer Fixes
  177. -------------------------------------------------------------- */
  178.  
  179. /* =Top Bar
  180. -------------------------------------------------------------- */
  181.  
  182. #topbar {
  183. background: #2c2c2c;
  184. box-shadow: 0 6px 0 rgba(0,0,0,0.05);
  185. font-size: 11px;
  186. padding: 15px 0;
  187. }
  188.  
  189. #topbar-menu {
  190. float: right;
  191. text-align: right;
  192. word-wrap: break-word;
  193. }
  194.  
  195. #topbar-menu li.menu-item {
  196. display: block;
  197. float: left;
  198. margin-left: 25px;
  199. }
  200.  
  201. #topbar-menu li.menu-item a {
  202. color: #f4f4f4;
  203. text-decoration: none;
  204. }
  205.  
  206. /* =Top Bar : Topbar Dropdown
  207. -------------------------------------------------------------- */
  208.  
  209. #topbar-menu li.menu-item {
  210. position: relative;
  211.  
  212. }
  213.  
  214. ul#topbar-menu li.menu-item a {
  215. }
  216.  
  217. ul#topbar-menu ul.sub-menu {
  218. position: absolute;
  219. top: 1em;
  220. left: 50%;
  221.  
  222. border: none;
  223. box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  224. display: none;
  225. margin-left: -60px;
  226. min-width: 120px;
  227. z-index: 99;
  228. }
  229.  
  230. ul#topbar-menu li:hover ul.sub-menu {
  231. display: block;
  232. padding-top: 15px;
  233. }
  234.  
  235. ul#topbar-menu ul.sub-menu .sub-wrapper {
  236. position: relative;
  237.  
  238. background: #1c1c1c;
  239. padding: 4px 0;
  240. text-align: center;
  241. }
  242.  
  243. ul#topbar-menu ul.sub-menu .sub-wrapper .pointer {
  244. position: absolute;
  245. top: -8px;
  246. left: 50%;
  247. width: 18px;
  248. height: 8px;
  249.  
  250. background-image: url(../images/sprites/topbar-pointer.png);
  251. margin-left: -9px;
  252. }
  253.  
  254. ul#topbar-menu ul.sub-menu li {
  255. float: none;
  256. margin-left: 0;
  257. padding: 8px 0;
  258. }
  259.  
  260. ul#topbar-menu ul.sub-menu li a {
  261. white-space: nowrap;
  262. }
  263.  
  264. /* =Logo
  265. -------------------------------------------------------------- */
  266.  
  267. #logo {
  268. width: 100%;
  269.  
  270. margin: 35px 0;
  271. }
  272.  
  273. #logo a {
  274. text-decoration: none;
  275. }
  276.  
  277. #logo h1 {
  278. color: #5e5e5e;
  279. display: inline-block;
  280. font-family: 'Maven Pro', sans-serif;
  281. font-size: 48px;
  282. letter-spacing: -2px;
  283. }
  284.  
  285. /* =Logo : Search Bar
  286. -------------------------------------------------------------- */
  287.  
  288. #logo #searchform {
  289. position: absolute;
  290. top: 50%;
  291. right: 0;
  292.  
  293. margin-top: 60px;
  294.  
  295. }
  296.  
  297. #logo #searchform #s {
  298. width: 200px;
  299.  
  300. background: rgb(255,255,255);
  301. background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%);
  302. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(249,249,249,1)));
  303. background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
  304. background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
  305. background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
  306. background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
  307. border: 1px solid #E2E2E2;
  308. -webkit-border-radius: 4px;
  309. -moz-border-radius: 4px;
  310. border-radius: 4px;
  311. box-shadow: inset 1px 2px 3px rgba(0,0,0,0.06);
  312. color: #707070;
  313. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );
  314. font: italic 11px 'Droid Serif', serif;
  315. outline: 2px #FAFAFA solid;
  316. padding: 8px 10px;
  317. }
  318.  
  319. #logo #searchform #s:focus {
  320. outline: none;
  321. }
  322.  
  323. #logo #searchform #searchsubmit {
  324. display: none;
  325. }
  326.  
  327. /* =Main Menu
  328. -------------------------------------------------------------- */
  329.  
  330. #mainmenu {
  331. margin: 35px 0;
  332. word-wrap: break-word;
  333.  
  334.  
  335.  
  336.  
  337. }
  338.  
  339. ul#mainmenu-menu {
  340. position: relative;
  341.  
  342. background: rgb(247,247,247);
  343. background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(244,244,244,1) 100%);
  344. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(244,244,244,1)));
  345. background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(244,244,244,1) 100%);
  346. background: -o-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(244,244,244,1) 100%);
  347. background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(244,244,244,1) 100%);
  348. background: linear-gradient(top, rgba(247,247,247,1) 0%,rgba(244,244,244,1) 100%);
  349. border: 1px solid #E2E2E2;
  350. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f4f4f4',GradientType=0 );
  351. }
  352.  
  353. ul#mainmenu-menu li.menu-item {
  354. position: relative;
  355.  
  356. border-right: 1px solid #E2E2E2;
  357. display: block;
  358. float: left;
  359. font-size: 11px;
  360. font-weight: bold;
  361. }
  362.  
  363. ul#mainmenu-menu li.menu-item a {
  364. color: #5e5e5e;
  365. display: block;
  366. padding: 20px 40px;
  367. text-decoration: none;
  368. }
  369.  
  370. ul#mainmenu-menu li.menu-item a:hover {
  371. background: #F9F9F9;
  372. }
  373.  
  374. ul#mainmenu-menu li.menu-item:first-child {
  375. background-image:url(images/edited_logo.png);
  376. text-indent:-9999px;
  377. width:366px;
  378. }
  379. ul#mainmenu-menu li.menu-item:first-child a:hover {
  380. background:none;
  381. }
  382. /* =Main Menu : Scaled Menu
  383. -------------------------------------------------------------- */
  384.  
  385. #mainmenu.scaled .container > div {
  386. width: 100%;
  387. height: 52px;
  388.  
  389. display: table;
  390. }
  391.  
  392. #mainmenu.scaled ul#mainmenu-menu {
  393. height: 52px;
  394.  
  395. display: table-row;
  396. }
  397.  
  398. #mainmenu.scaled li.menu-item {
  399. width: auto;
  400. height: 52px;
  401.  
  402. border: none;
  403. display: table-cell;
  404. float: none;
  405. }
  406.  
  407. #mainmenu.scaled li.menu-item a {
  408. border: 1px solid #E2E2E2;
  409. border-width: 1px 1px 1px 0;
  410. text-align: center;
  411. }
  412.  
  413. #mainmenu.scaled li.menu-item:first-child a {
  414. border-left-width: 1px;
  415. }
  416.  
  417. #mainmenu.scaled ul#mainmenu-menu ul.sub-menu li {
  418. border-width: 0;
  419. display: block;
  420. }
  421.  
  422. #mainmenu.scaled ul#mainmenu-menu ul.sub-menu a {
  423. border: none;
  424. }
  425.  
  426. /* =Main Menu : Main Dropdown
  427. -------------------------------------------------------------- */
  428.  
  429. ul#mainmenu-menu li.menu-item a {
  430. height: 52px;
  431.  
  432. -webkit-box-sizing: border-box;
  433. -moz-box-sizing: border-box;
  434. box-sizing: border-box;
  435. color: #5e5e5e;
  436. display: block;
  437. padding: 20px 40px;
  438. text-decoration: none;
  439. }
  440.  
  441. ul#mainmenu-menu ul.sub-menu {
  442. position: absolute;
  443. top: 52px;
  444. left: 0px;
  445. width: 100%;
  446.  
  447. background: white;
  448. border: none;
  449. box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  450. display: none;
  451. z-index: 99;
  452. }
  453.  
  454. ul#mainmenu-menu li:hover ul.sub-menu {
  455. display: block;
  456. }
  457.  
  458. ul#mainmenu-menu ul.sub-menu li {
  459. border: none;
  460. display: block;
  461. float: none;
  462. font-weight: normal;
  463. }
  464.  
  465. ul#mainmenu-menu ul.sub-menu li a {
  466. height: auto;
  467.  
  468. line-height: 15px;
  469. padding: 15px 15px 15px 15px;
  470. }
  471.  
  472. /* =Slider
  473. -------------------------------------------------------------- */
  474.  
  475. #slider {
  476. margin: 35px 0;
  477. }
  478.  
  479. /* =Slider : Slides
  480. -------------------------------------------------------------- */
  481.  
  482. #slider .slides {
  483. line-height: 0;
  484. }
  485.  
  486. #slider .slides img {
  487. width: 100%;
  488.  
  489. }
  490.  
  491. /* =Slider : Indicators
  492. -------------------------------------------------------------- */
  493.  
  494. #slider .indicators-wrapper {
  495. width: 100%;
  496.  
  497. border-collapse: collapse;
  498. display: table;
  499. }
  500.  
  501. #slider .indicators {
  502. background: #f1f1f1;
  503. display: table-row;
  504. }
  505.  
  506. #slider .indicators .indicator {
  507. height: 100%;
  508.  
  509. border-bottom: 1px solid #c6c6c6;
  510. border-top: 3px solid #c9c9c9;
  511. cursor: pointer;
  512. display: table-cell;
  513. }
  514.  
  515. #slider .indicators .indicator .indicator-container {
  516. position: relative;
  517.  
  518. padding: 20px 25px;
  519. }
  520.  
  521. #slider .indicators .indicator.active {
  522. border-top-color: #bbbbbb;
  523. }
  524.  
  525. #slider .indicators .indicator.active .indicator-container {
  526. background-color: #ebebeb;
  527. }
  528.  
  529. #slider .indicators .indicator .pointer {
  530. position: absolute;
  531. top: -8px;
  532. left: 50%;
  533. width: 10px;
  534. height: 5px;
  535.  
  536. background: url(images/sprites/slide-active-pointer.png) no-repeat;
  537. margin-left: -10px;
  538. opacity: 0;
  539. visibility: hidden;
  540. z-index: 1000;
  541. }
  542.  
  543. #slider .indicators .indicator.active .pointer {
  544. opacity: 1;
  545. visibility: visible;
  546. }
  547.  
  548. /* CSS3 Animations */
  549.  
  550. #slider .indicators .indicator,
  551. #slider .indicators .indicator .pointer {
  552. -webkit-transition: all 0.3s ease-in-out;
  553. -moz-transition: all 0.3s ease-in-out;
  554. -o-transition: all 0.3s ease-in-out;
  555. -ms-transition: all 0.3s ease-in-out;
  556. transition: all 0.3s ease-in-out;
  557. }
  558.  
  559. #slider .indicators .indicator h4 {
  560. color: #5e5e5e;
  561. font: bold 13px 'Droid Sans', sans-serif;
  562. }
  563.  
  564. #slider .indicators .indicator p {
  565. color: #777777;
  566. font: italic 11px 'Droid Serif', serif;
  567. margin-top: 2px;
  568. min-height: 1em;
  569. }
  570.  
  571. /* =Slider : Indicators : Indicator Widths
  572. -------------------------------------------------------------- */
  573.  
  574. #slider .indicator-group-2 {
  575. width: 50%;
  576.  
  577. }
  578.  
  579. #slider .indicator-group-3 {
  580. width: 33.3333%;
  581.  
  582. }
  583.  
  584. #slider .indicator-group-4 {
  585. width: 25%;
  586.  
  587. }
  588.  
  589. #slider .indicator-group-5 {
  590. width: 20%;
  591.  
  592. }
  593.  
  594. #slider .indicator-group-6 {
  595. width: %16.6667;
  596.  
  597. }
  598.  
  599. /* =Call To Action
  600. -------------------------------------------------------------- */
  601.  
  602. #call-to-action {
  603. margin: 35px 0;
  604. }
  605.  
  606. #call-to-action .container {
  607. background: url(images/pattern.png) repeat;
  608. -moz-box-sizing: border-box;
  609. -webkit-box-sizing: border-box;
  610. box-sizing: border-box;
  611. padding: 25px;
  612. }
  613.  
  614. #call-to-action h3 {
  615. color: #555555;
  616. font: 23px 'Droid Sans', sans-serif;
  617. }
  618.  
  619. #call-to-action a {
  620. position: absolute;
  621. top: 50%;
  622. right: 25px;
  623.  
  624. background: #474747;
  625. -webkit-border-radius: 3px;
  626. -moz-border-radius: 3px;
  627. border-radius: 3px;
  628. color: #FFF;
  629. display: block;
  630. font: italic 12px 'Droid Serif', serif;
  631. margin-top: -17px;
  632. padding: 10px 40px;
  633. text-decoration: none;
  634. text-shadow: 0 1px 0 #000;
  635. }
  636.  
  637. /* =Feature List
  638. -------------------------------------------------------------- */
  639.  
  640. #site-features {
  641. }
  642.  
  643. #site-features .feature-list {
  644. margin: 0 -15px;
  645. }
  646.  
  647. #site-features .feature {
  648. width: 33.3333%;
  649.  
  650. -moz-box-sizing: border-box;
  651. -webkit-box-sizing: border-box;
  652. box-sizing: border-box;
  653. float: left;
  654. padding: 0 15px;
  655. padding-bottom: 20px;
  656. }
  657.  
  658. #site-features .feature-lastrow {
  659. padding-bottom: 0;
  660. }
  661.  
  662. #site-features .feature .icon {
  663. position: relative;
  664. width: 40px;
  665. height: 40px;
  666.  
  667. background: url(images/sprites/feature.png) no-repeat;
  668. float: left;
  669. }
  670.  
  671. #site-features .feature .icon img {
  672. position: absolute;
  673. top: 50%;
  674. left: 50%;
  675.  
  676. margin: -8px 0 0 -8px;
  677. }
  678.  
  679. #site-features .feature h3 {
  680. color: #3b3b3b;
  681. font: bold 16px 'Droid Sans', sans-serif;
  682. margin: 0 0 0 55px;
  683. padding-top: 10px;
  684. }
  685.  
  686. #site-features .feature h3 a {
  687. color: #3b3b3b;
  688. text-decoration: none;
  689. }
  690.  
  691. #site-features .feature p {
  692. color: #474747;
  693. font-size: 12px;
  694. line-height: 1.5em;
  695. margin-top: 20px;
  696. }
  697.  
  698. /* =Home Loop
  699. -------------------------------------------------------------- */
  700.  
  701. .home-loop {
  702. margin: 50px 0;
  703. }
  704.  
  705. .home-loop .container {
  706. }
  707.  
  708. /* =Home Loop : Nav
  709. -------------------------------------------------------------- */
  710.  
  711. .home-loop .nav {
  712. float: right;
  713. }
  714.  
  715. .home-loop .nav a {
  716. width: 24px;
  717. height: 21px;
  718.  
  719. display: inline-block;
  720. overflow: hidden;
  721. text-indent: -999px;
  722. }
  723.  
  724. .home-loop .nav a.next {
  725. background: url(images/sprites/home-posts-nav-next.png) no-repeat;
  726. }
  727.  
  728. .home-loop .nav a.prev {
  729. background: url(images/sprites/home-posts-nav-prev.png) no-repeat;
  730. }
  731.  
  732. .home-loop h3 {
  733. color: #3b3b3b;
  734. font: 14px "Droid Sans", sans-serif;
  735. margin-bottom: 30px;
  736. text-indent: -9999px;
  737. }
  738.  
  739. .home-loop .post-list {
  740. width: 9999px;
  741.  
  742. overflow: hidden;
  743. }
  744.  
  745. .home-loop .post-list-wrapper {
  746. margin: 0 -10px;
  747. overflow: hidden;
  748. }
  749.  
  750. /* =Home Loop : Post
  751. -------------------------------------------------------------- */
  752.  
  753. .home-loop .post-list li.post {
  754. width: 225px;
  755.  
  756. float: left;
  757. padding: 0 10px;
  758. }
  759.  
  760. .home-loop .post-list li.post a {
  761. text-decoration: none;
  762. }
  763.  
  764. .home-loop .post-list li.post img {
  765. margin-bottom: 13px;
  766. }
  767.  
  768. .home-loop .post-list li.post .placeholder {
  769. width: 225px;
  770. height: 150px;
  771.  
  772. background: #E9E9E9;
  773. display: block;
  774. margin-bottom: 13px;
  775. }
  776.  
  777. .home-loop .post-list li.post.type-client img {
  778. width: 100% !important;
  779. height: auto;
  780.  
  781. box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  782. }
  783.  
  784. .home-loop .post-list li.post h4 {
  785. color: #3b3b3b;
  786. font: bold 12px 'Droid Sans', sans-serif;
  787. margin-bottom: 9px;
  788. text-align: center;
  789. }
  790.  
  791. .home-loop .post-list li.post p {
  792. color: #777777;
  793. font: italic 12px 'Droid Serif', serif;
  794. line-height: 1.4em;
  795. }
  796.  
  797. /* =Blog Post Loop
  798. -------------------------------------------------------------- */
  799.  
  800. #loop {
  801. width: 620px;
  802.  
  803. float: left;
  804. }
  805.  
  806. #loop.loop-posts {
  807. }
  808.  
  809. #loop.loop-posts .post,
  810. #loop.loop-posts > div {
  811. margin-bottom: 60px;
  812. }
  813.  
  814. #loop.loop-posts .sticky {
  815. }
  816.  
  817. #loop.loop-posts .post-info {
  818. width: 120px;
  819.  
  820. float: left;
  821. }
  822.  
  823. /* =Blog Post Loop : Date
  824. -------------------------------------------------------------- */
  825.  
  826. #loop.loop-posts .post-info .date {
  827. background-image: url(images/pattern.png);
  828. color: #474747;
  829. font-family: 'Droid Sans', sans-serif;
  830. font-weight: bold;
  831. margin-bottom: 20px;
  832. padding: 15px 20px;
  833. }
  834.  
  835. #loop.loop-posts .post-info .date .day {
  836. font-size: 30px;
  837. }
  838.  
  839. #loop.loop-posts .post-info .date .month-year {
  840. float: right;
  841. line-height: 1.25em;
  842. padding-top: 1px;
  843. }
  844.  
  845. #loop.loop-posts .post-info .extras {
  846. font-size: 11px;
  847. text-align: right;
  848. }
  849.  
  850. #loop.loop-posts .post-info .extras div {
  851. margin-bottom: 8px;
  852. }
  853.  
  854. #loop.loop-posts .post-info .extras a {
  855. color: #474747;
  856. text-decoration: none;
  857. }
  858.  
  859. #loop.loop-posts .post-info .extras a:hover {
  860. text-decoration: underline;
  861. }
  862.  
  863. #loop.loop-posts .post-main {
  864. margin-left: 160px;
  865. }
  866.  
  867. #loop.loop-posts .post-main .content {
  868. color: #5e5e5e;
  869. line-height: 1.5em;
  870. }
  871.  
  872. #loop.loop-posts .post-main h2.post-title {
  873. font: bold 14px 'Droid Sans', sans-serif;
  874. margin: 15px 0;
  875. }
  876.  
  877. #loop.loop-posts .post-main h2.post-title a {
  878. color: #474747;
  879. text-decoration: none;
  880. }
  881.  
  882. #loop.loop-posts .post-main .read-more {
  883. margin-top: 25px;
  884. }
  885.  
  886. #loop.loop-posts .post-main .read-more a {
  887. color: #303030;
  888. font-size: 11px;
  889. font-weight: bold;
  890. text-decoration: none;
  891. }
  892.  
  893. #loop.loop-posts .post-main .read-more a i {
  894. width: 6px;
  895. height: 10px;
  896.  
  897. background: url(images/sprites/read-more-arrow.png) no-repeat;
  898. display: inline-block;
  899. margin: 0 0 -1px 5px;
  900. }
  901.  
  902. /* =Archive
  903. -------------------------------------------------------------- */
  904.  
  905. h1#archive-title {
  906. color: #474747;
  907. font-family: 'Droid Sans', sans-serif;
  908. font-size: 25px;
  909. margin-bottom: 25px;
  910. }
  911.  
  912. /* =Archive : Navigation
  913. -------------------------------------------------------------- */
  914.  
  915. /* =Project Archive
  916. -------------------------------------------------------------- */
  917.  
  918. #projects {
  919. margin: 0 -10px;
  920. }
  921.  
  922. #projects .project {
  923. width: 245px;
  924.  
  925. -moz-box-sizing: border-box;
  926. -webkit-box-sizing: border-box;
  927. box-sizing: border-box;
  928. float: left;
  929. margin-bottom: 20px;
  930. padding: 0 10px;
  931. }
  932.  
  933. #projects .project .wrapper {
  934. position: relative;
  935.  
  936. }
  937.  
  938. #projects .project a.image {
  939. background: #F0F0F0 url(images/loader.gif) no-repeat center center;
  940. display: block;
  941. line-height: 0;
  942. }
  943.  
  944. #projects .project .overlay {
  945. position: absolute;
  946. top: 0;
  947. left: 0;
  948. width: 100%;
  949. height: 100%;
  950.  
  951. background: #000;
  952. display: block;
  953. opacity: 0;
  954. visibility: hidden;
  955. }
  956.  
  957. #projects .project .info {
  958. top: 0;
  959. left: 0;
  960. width: 100%;
  961. height: 100%;
  962.  
  963. display: block;
  964. opacity: 0;
  965. visibility: hidden;
  966. }
  967.  
  968. #projects .project .overlay {
  969. -webkit-transition: all 0.6s ease-in-out;
  970. -moz-transition: all 0.6s ease-in-out;
  971. -o-transition: all 0.6s ease-in-out;
  972. -ms-transition: all 0.6s ease-in-out;
  973. transition: all 0.6s ease-in-out;
  974. }
  975.  
  976. #projects .project .info {
  977. -webkit-transition: all 0.4s ease-in-out;
  978. -moz-transition: all 0.4s ease-in-out;
  979. -o-transition: all 0.4s ease-in-out;
  980. -ms-transition: all 0.4s ease-in-out;
  981. transition: all 0.4s ease-in-out;
  982. }
  983.  
  984. #projects .project:hover .overlay {
  985. opacity: 0.7;
  986. visibility: visible;
  987. }
  988.  
  989. #projects .project:hover .info {
  990. opacity: 0.9;
  991. visibility: visible;
  992. }
  993.  
  994. #projects .project .info h3 {
  995. position: absolute;
  996. top: 15px;
  997. left: 0;
  998.  
  999. background: #000;
  1000. color: #CCC;
  1001. display: inline-block;
  1002. font: italic 16px 'Droid Serif', serif;
  1003. padding: 10px;
  1004. }
  1005.  
  1006. #projects .project .info p {
  1007. position: absolute;
  1008. right: 0;
  1009. bottom: 15px;
  1010.  
  1011. background: #000;
  1012. color: #CCC;
  1013. display: inline-block;
  1014. font: normal normal 14px 'Droid Sans', sans-serif;
  1015. padding: 10px;
  1016. }
  1017.  
  1018. /* =Post Single
  1019. -------------------------------------------------------------- */
  1020.  
  1021. #post-single {
  1022. margin: 35px 0;
  1023. }
  1024.  
  1025. #post-single .separator.first {
  1026. margin-top: 0px;
  1027. }
  1028.  
  1029. #post-single .separator.light {
  1030. opacity: 0.4;
  1031. }
  1032.  
  1033. #post-single h1.post-title {
  1034. color: #474747;
  1035. font: 26px 'Droid Sans', sans-serif;
  1036. margin-bottom: 25px;
  1037. }
  1038.  
  1039. /* =Post Single : General Content
  1040. -------------------------------------------------------------- */
  1041.  
  1042. .entry-content {
  1043. color: #555;
  1044. line-height: 1.5em;
  1045. }
  1046.  
  1047. .entry-content p {
  1048. margin: 1.5em 0;
  1049. }
  1050.  
  1051. .entry-content ol {
  1052. list-style-type: decimal;
  1053. padding-left: 1.5em;
  1054. }
  1055.  
  1056. .entry-content ul {
  1057. list-style-type: disc;
  1058. padding-left: 1.5em;
  1059. }
  1060.  
  1061. .entry-content ul li,
  1062. .entry-content ol li {
  1063. line-height: 1.5em;
  1064. }
  1065.  
  1066. .entry-content a {
  1067. color: #1e7cd2;
  1068. }
  1069.  
  1070. .entry-content a:hover {
  1071. color: #4593ec;
  1072. }
  1073.  
  1074. .entry-content strong,
  1075. .entry-content b {
  1076. color: #444;
  1077. font-weight: bold;
  1078. }
  1079.  
  1080. .entry-content em,
  1081. .entry-content i {
  1082. font-style: italic;
  1083. }
  1084.  
  1085. .entry-content blockquote {
  1086. font-family: 'Droid Serif', serif;
  1087. font-style: italic;
  1088. padding-left: 2em;
  1089. }
  1090.  
  1091. .entry-content blockquote cite {
  1092. display: block;
  1093. font-family: 'Droid Sans', sans-serif;
  1094. font-weight: bold;
  1095. margin-top: 1em;
  1096. }
  1097.  
  1098. .entry-content sup,
  1099. .entry-content sub {
  1100. position: relative;
  1101. height: 0;
  1102.  
  1103. font-size: 75%;
  1104. line-height: 0;
  1105. vertical-align: baseline;
  1106. }
  1107.  
  1108. .entry-content sup {
  1109. bottom: 1ex;
  1110.  
  1111. }
  1112.  
  1113. .entry-content sub {
  1114. top: .5ex;
  1115.  
  1116. }
  1117.  
  1118. .entry-content .flexslider {
  1119. margin: 1.5em 0;
  1120. }
  1121.  
  1122. /* =Post Single : General Content : Definition list
  1123. -------------------------------------------------------------- */
  1124.  
  1125. .entry-content dl {
  1126. margin-top: 1.5em;
  1127. }
  1128.  
  1129. .entry-content dl dt {
  1130. display: block;
  1131. font-family: 'Droid Sans', sans-serif;
  1132. font-weight: bold;
  1133. margin-bottom: 0.5em;
  1134. }
  1135.  
  1136. .entry-content dl dd {
  1137. margin-bottom: 1em;
  1138. padding-left: 1.5em;
  1139. }
  1140.  
  1141. /* =Post Single : General Content : Table
  1142. -------------------------------------------------------------- */
  1143.  
  1144. #post-single table {
  1145. width: 100%;
  1146.  
  1147. }
  1148.  
  1149. /* =Post Single : General Content : Images
  1150. -------------------------------------------------------------- */
  1151.  
  1152. .entry-content img {
  1153. height: auto;
  1154.  
  1155. max-width: 100%;
  1156. }
  1157.  
  1158. .alignnone {
  1159. }
  1160.  
  1161. .aligncenter,
  1162. div.aligncenter {
  1163. display: block;
  1164. margin: 5px auto 5px auto;
  1165. }
  1166.  
  1167. .alignright {
  1168. float: right;
  1169. margin: 5px 0 20px 20px;
  1170. }
  1171.  
  1172. .alignleft {
  1173. float: left;
  1174. margin: 5px 20px 20px 0;
  1175. }
  1176.  
  1177. .aligncenter {
  1178. display: block;
  1179. margin: 5px auto;
  1180. }
  1181.  
  1182. a img.alignright {
  1183. float: right;
  1184. margin: 5px 0px 20px 20px;
  1185. }
  1186.  
  1187. a img.alignnone {
  1188. }
  1189.  
  1190. a img.alignleft {
  1191. float: left;
  1192. margin: 5px 20px 20px 0;
  1193. }
  1194.  
  1195. a img.aligncenter {
  1196. display: block;
  1197. margin-left: auto;
  1198. margin-right: auto;
  1199. }
  1200.  
  1201. .wp-caption {
  1202. background: #fff;
  1203. border: 1px solid #f0f0f0;
  1204. max-width: 96%; /* Image does not overflow the content area */
  1205. padding: 5px 3px;
  1206. text-align: center;
  1207. }
  1208.  
  1209. .wp-caption.alignnone {
  1210. margin: 5px 20px 20px 0;
  1211. }
  1212.  
  1213. .wp-caption.alignleft {
  1214. margin: 5px 20px 20px 0;
  1215. }
  1216.  
  1217. .wp-caption.alignright {
  1218. margin: 5px 0 20px 20px;
  1219. }
  1220.  
  1221. .wp-caption img {
  1222. width: auto;
  1223. height: auto;
  1224.  
  1225. border: 0 none;
  1226. margin: 0;
  1227. max-width: 98.5%;
  1228. padding: 0;
  1229. }
  1230.  
  1231. .wp-caption p.wp-caption-text {
  1232. font-size: 11px;
  1233. line-height: 17px;
  1234. margin: 0;
  1235. padding: 0 4px;
  1236. }
  1237.  
  1238. /* =Post Single : General Content : Headings
  1239. -------------------------------------------------------------- */
  1240.  
  1241. .entry-content h1,
  1242. .entry-content h2,
  1243. .entry-content h3,
  1244. .entry-content h4,
  1245. .entry-content h5,
  1246. .entry-content h6 {
  1247. color: #333;
  1248. font-family: 'Droid Sans', sans-serif;
  1249. margin: 1.5em 0;
  1250. }
  1251.  
  1252. .entry-content h1 {
  1253. font-size: 1.8em;
  1254. }
  1255.  
  1256. .entry-content h2 {
  1257. font-size: 1.7em;
  1258. }
  1259.  
  1260. .entry-content h3 {
  1261. font-size: 1.6em;
  1262. }
  1263.  
  1264. .entry-content h4 {
  1265. font-size: 1.45em;
  1266. }
  1267.  
  1268. .entry-content h5 {
  1269. font-size: 1.375em;
  1270. }
  1271.  
  1272. .entry-content h6 {
  1273. font-size: 1.2em;
  1274. }
  1275.  
  1276. /* =Post Single : Page
  1277. -------------------------------------------------------------- */
  1278.  
  1279. #post-single.type-page .post-container,
  1280. #post-single.error-404 .post-container,
  1281. #post-single.type-forum .post-container,
  1282. #post-single.type-topic .post-container {
  1283. width: 620px;
  1284.  
  1285. float: left;
  1286. }
  1287.  
  1288. /* =Post Single : Post
  1289. -------------------------------------------------------------- */
  1290.  
  1291. #post-single.type-post {
  1292. }
  1293.  
  1294. #post-single.type-post .post-container {
  1295. width: 620px;
  1296.  
  1297. float: left;
  1298. }
  1299.  
  1300. #post-single.type-post .post-info {
  1301. color: #777;
  1302. font: italic 11px 'Droid Serif', serif;
  1303. margin-bottom: 25px;
  1304. margin-top: -18px;
  1305. }
  1306.  
  1307. #post-single.type-post .post-info a {
  1308. color: #505050;
  1309. text-decoration: none;
  1310. }
  1311.  
  1312. /* =Post Single : Project
  1313. -------------------------------------------------------------- */
  1314.  
  1315. /* =Post Single : Project : Images
  1316. -------------------------------------------------------------- */
  1317.  
  1318. #post-single.type-project #project-images {
  1319. width: 600px;
  1320.  
  1321. float: left;
  1322. }
  1323.  
  1324. #post-single.type-project #project-images .image {
  1325. position: relative;
  1326.  
  1327. line-height: 0;
  1328. }
  1329.  
  1330. #post-single.type-project #project-images .pagination {
  1331. position: absolute;
  1332. bottom: 0px;
  1333. left: 0;
  1334. width: 100%;
  1335.  
  1336. display: block;
  1337. text-align: center;
  1338. }
  1339.  
  1340. #post-single.type-project #project-images .pagination li {
  1341. display: inline-block;
  1342. margin: 0 1px;
  1343. }
  1344.  
  1345. #post-single.type-project #project-images .pagination li a {
  1346. width: 10px;
  1347. height: 11px;
  1348.  
  1349. background: url(images/sprites/image-pagination-normal.png) no-repeat;
  1350. display: block;
  1351. }
  1352.  
  1353. #post-single.type-project #project-images .pagination li.active a {
  1354. background: url(images/sprites/image-pagination-active.png) no-repeat;
  1355. }
  1356.  
  1357. #post-single.type-project #project-images img {
  1358. width: 100%;
  1359. height: auto;
  1360.  
  1361. }
  1362.  
  1363. #post-single.type-project #project-info {
  1364. width: 320px;
  1365.  
  1366. float: right;
  1367. }
  1368.  
  1369. #post-single.type-project #project-info h1 {
  1370. color: #474747;
  1371. font: 16px 'Droid Sans', sans-serif;
  1372. }
  1373.  
  1374. #post-single.type-project #project-info .excerpt {
  1375. color: #777777;
  1376. font: italic 12px 'Droid Serif', serif;
  1377. line-height: 1.4em;
  1378. }
  1379.  
  1380. #post-single.type-project .skills {
  1381. color: #777777;
  1382. }
  1383.  
  1384. #post-single.type-project .skills strong {
  1385. color: #474747;
  1386. display: inline-block;
  1387. font-family: 'Droid Sans', sans-serif;
  1388. font-weight: bold;
  1389. margin-right: 4px;
  1390. }
  1391.  
  1392. #post-single.type-project .skills a {
  1393. color: #777777;
  1394. font-family: 'Droid serif', sans-serif;
  1395. font-style: italic;
  1396. text-decoration: none;
  1397. }
  1398.  
  1399. /* =Pagination
  1400. -------------------------------------------------------------- */
  1401.  
  1402. #loop .pagination .separator {
  1403. clear: both;
  1404. }
  1405.  
  1406. #loop .pagination .nav-next {
  1407. float: right;
  1408. padding-right: 10px;
  1409. }
  1410.  
  1411. #loop .pagination .nav-previous {
  1412. float: left;
  1413. padding-left: 10px;
  1414. }
  1415.  
  1416. #loop .pagination a {
  1417. color: #5e5e5e;
  1418. text-decoration: none;
  1419. }
  1420.  
  1421. /* =Comments
  1422. -------------------------------------------------------------- */
  1423.  
  1424. #comments {
  1425. margin-top: 35px;
  1426. }
  1427.  
  1428. /* =Comments : Single Comment
  1429. -------------------------------------------------------------- */
  1430.  
  1431. #comment-list {
  1432. margin-top: -5px;
  1433. }
  1434.  
  1435. .comment,
  1436. .pingback {
  1437. list-style: none;
  1438. margin: 35px 0;
  1439. }
  1440.  
  1441. .comment.bypostauthor {
  1442. }
  1443.  
  1444. .comment .avatar-container {
  1445. position: relative;
  1446. width: 65px;
  1447. height: 65px;
  1448.  
  1449. box-shadow: inset 0 0 5px rgba(0,0,0,0.15);
  1450. float: left;
  1451. }
  1452.  
  1453. .comment .avatar-container .shadow {
  1454. position: absolute;
  1455. bottom: -8px;
  1456. left: 0;
  1457. width: 65px;
  1458. height: 8px;
  1459.  
  1460. background: url(images/sprites/comment-shadow.png) no-repeat;
  1461. }
  1462.  
  1463. .comment .comment-text {
  1464. margin-left: 90px;
  1465. }
  1466.  
  1467. .comment .comment-text .content {
  1468. color: #6a6a6a;
  1469. margin-bottom: 20px;
  1470. }
  1471.  
  1472. .comment .comment-separator {
  1473. position: relative;
  1474. width: 9px;
  1475. height: 1px;
  1476.  
  1477. background: #ababab;
  1478. margin-bottom: 15px;
  1479. }
  1480.  
  1481. .comment .comment-separator a.comment-reply-link {
  1482. position: absolute;
  1483. top: -6px;
  1484. left: 24px;
  1485.  
  1486. color: #303030;
  1487. font-size: 10px;
  1488. text-decoration: none;
  1489. }
  1490.  
  1491. .comment .comment-info {
  1492. font-family: 'Droid Sans', sans-serif;
  1493. font-size: 12px;
  1494. }
  1495.  
  1496. .comment .comment-info .comment-author,
  1497. .comment .comment-info .comment-author a {
  1498. color: #303030;
  1499. display: inline-block;
  1500. font-weight: bold;
  1501. margin-right: 15px;
  1502. text-decoration: none;
  1503. }
  1504.  
  1505. .comment .comment-info .comment-date {
  1506. color: #5e5e5e;
  1507. }
  1508.  
  1509. /* =Comments : Single Comment : Pingback
  1510. -------------------------------------------------------------- */
  1511.  
  1512. .pingback .pingback-title,
  1513. .pingback .pingback-title a {
  1514. color: #303030;
  1515. font-weight: bold;
  1516. margin-bottom: 5px;
  1517. text-decoration: none;
  1518. }
  1519.  
  1520. .pingback .pingback-date {
  1521. color: #5e5e5e;
  1522. margin-bottom: 10px;
  1523. }
  1524.  
  1525. .pingback .pingback-content {
  1526. color: #474747;
  1527. }
  1528.  
  1529. /* =Comments : Single Comment : Multi Levels
  1530. -------------------------------------------------------------- */
  1531.  
  1532. .comment .comment {
  1533. margin-left: 90px;
  1534. }
  1535.  
  1536. /* =Comments : Respond
  1537. -------------------------------------------------------------- */
  1538.  
  1539. h3#reply-title,
  1540. h3#reply-title a,
  1541. h3#comments-title {
  1542. color: #333;
  1543. font-family: 'Droid Sans', sans-serif;
  1544. font-size: 17px;
  1545. margin-bottom: 1.5em;
  1546. }
  1547.  
  1548. #comment-list #respond {
  1549. background: #EFEFEF;
  1550. border: 1px solid #E2E2E2;
  1551. padding: 20px;
  1552. }
  1553.  
  1554. #comment-list .comment #respond {
  1555. margin-left: 90px;
  1556. }
  1557.  
  1558. #respond {
  1559. margin-bottom: 35px;
  1560. }
  1561.  
  1562. #commentform #comment,
  1563. #commentform .comment-form-field input {
  1564. border: 1px solid #DDD;
  1565. -moz-box-sizing: border-box;
  1566. -webkit-box-sizing: border-box;
  1567. box-sizing: border-box;
  1568. color: #666;
  1569. font: italic 12px 'Droid Serif', serif;
  1570. padding: 10px;
  1571. }
  1572.  
  1573. #commentform .comment-form-field input {
  1574. display: inline-block;
  1575. margin-right: 20px;
  1576. }
  1577.  
  1578. #commentform #comment {
  1579. width: 100%;
  1580. height: 200px;
  1581.  
  1582. }
  1583.  
  1584. #commentform .comment-form-field input:focus,
  1585. #commentform .comment-form-field input:hover,
  1586. #commentform #comment:hover,
  1587. #commentform #comment:focus {
  1588. border-color: #C0C0C0;
  1589. }
  1590.  
  1591. #commentform .comment-form-field label {
  1592. color: #525252;
  1593. font-size: 11px;
  1594. }
  1595.  
  1596. #commentform .logged-in-as {
  1597. color: #777;
  1598. margin-bottom: 15px;
  1599. }
  1600.  
  1601. #commentform .logged-in-as a {
  1602. color: #1e7cd2;
  1603. text-decoration: none;
  1604. }
  1605.  
  1606. #commentform .comment-form-field,
  1607. #commentform .comment-form-comment {
  1608. margin-bottom: 10px;
  1609. }
  1610.  
  1611. #commentform input[type=submit] {
  1612. background: rgb(247,247,247);
  1613. background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(244,244,244,1) 100%);
  1614. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(244,244,244,1)));
  1615. background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(244,244,244,1) 100%);
  1616. background: -o-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(244,244,244,1) 100%);
  1617. background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(244,244,244,1) 100%);
  1618. background: linear-gradient(top, rgba(247,247,247,1) 0%,rgba(244,244,244,1) 100%);
  1619. border: 1px solid #cbc9c9;
  1620. box-shadow: 0 1px 1px rgba(0,0,0,0.06);
  1621. color: #525252;
  1622. cursor: pointer;
  1623. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f4f4f4',GradientType=0 );
  1624. font: bold 10px/1 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  1625. padding: 14px 20px;
  1626. text-shadow: 0 1px 0 #FFF;
  1627. }
  1628.  
  1629. #commentform input[type=submit]:hover {
  1630. border: 1px solid #BBB;
  1631. }
  1632.  
  1633. /* =Sidebar
  1634. -------------------------------------------------------------- */
  1635.  
  1636. #sidebar {
  1637. width: 280px;
  1638.  
  1639. float: right;
  1640. word-wrap: break-word;
  1641. }
  1642.  
  1643. #sidebar .widget {
  1644. color: #767676;
  1645. list-style: none;
  1646. margin-bottom: 40px;
  1647. }
  1648.  
  1649. #sidebar img {
  1650. height: auto;
  1651.  
  1652. max-width: 100%;
  1653. }
  1654.  
  1655. #sidebar .widget .separator {
  1656. height: 5px;
  1657.  
  1658. background: #eeeeee url(images/pattern.png) repeat;
  1659. border: solid #dedede;
  1660. border-width: 1px 0;
  1661. margin-top: 20px;
  1662. }
  1663.  
  1664. #sidebar .widget h2.widgettitle {
  1665. color: #3b3b3b;
  1666. font: 14px 'Droid Sans', sans-serif;
  1667. margin-bottom: 20px;
  1668. }
  1669.  
  1670. #sidebar .widget div {
  1671. line-height: 1.5em;
  1672. }
  1673.  
  1674. #sidebar .widget a {
  1675. color: #5e5e5e;
  1676. text-decoration: none;
  1677. }
  1678.  
  1679. #sidebar .widget ul li {
  1680. margin-bottom: 3px;
  1681. }
  1682.  
  1683. /* =Footer and Copyright
  1684. -------------------------------------------------------------- */
  1685.  
  1686. #footer {
  1687. position: relative;
  1688.  
  1689. background: url(images/footer.png) repeat;
  1690. margin-top: 45px;
  1691. padding: 45px 0;
  1692. }
  1693.  
  1694. #footer .container {
  1695. width: 990px;
  1696.  
  1697. display: table;
  1698. }
  1699.  
  1700. #footer .pointer {
  1701. position: absolute;
  1702. top: 0;
  1703. left: 50%;
  1704. width: 30px;
  1705. height: 15px;
  1706.  
  1707. background: url(images/sprites/footer-pointer.png) no-repeat;
  1708. margin-left: -15px;
  1709. z-index: 2;
  1710. }
  1711.  
  1712. /* =Footer and Copyright : Widgets
  1713. -------------------------------------------------------------- */
  1714.  
  1715. #footer ul.widgets {
  1716. width: 100%;
  1717.  
  1718. display: table-row;
  1719. }
  1720.  
  1721. #footer li.widget {
  1722. display: table-cell;
  1723. padding: 0 15px;
  1724. }
  1725.  
  1726. #footer li.widget h2.widgettitle {
  1727. color: #dbdbdb;
  1728. font: bold 14px 'Droid Sans', sans-sefid;
  1729. line-height: 1em;
  1730. margin-bottom: 30px;
  1731. }
  1732.  
  1733. #footer li.widget {
  1734. color: #b8b8b8;
  1735. font-size: 12px;
  1736. line-height: 1.5em;
  1737. }
  1738.  
  1739. #footer li.widget p {
  1740. margin-top: 1em;
  1741. }
  1742.  
  1743. #footer li.widget a {
  1744. color: #e1e1e1;
  1745. font-weight: 500;
  1746. text-decoration: none;
  1747. }
  1748.  
  1749. #copyright {
  1750. background: #181818;
  1751. box-shadow: inset 0 5px 0 rgba(0,0,0,0.2);
  1752. color: #b6b6b6;
  1753. font-size: 10px;
  1754. padding: 15px 0;
  1755. text-align: center;
  1756. }
  1757.  
  1758. #copyright a {
  1759. color: #CCC;
  1760. text-decoration: none;
  1761. }
  1762.  
  1763. /* =Flex Slider
  1764. -------------------------------------------------------------- */
  1765.  
  1766. .gallery-caption {
  1767. }
  1768.  
  1769. .flexslider {
  1770. position: relative;
  1771. width: 100%;
  1772.  
  1773. margin-bottom: 40px;
  1774. }
  1775.  
  1776. .flexslider img {
  1777. width: 100%;
  1778. height: auto;
  1779.  
  1780. }
  1781.  
  1782. .flexslider ul,
  1783. .flexslider ol {
  1784. list-style: none !important;
  1785. margin: 0 !important;
  1786. padding: 0 !important;
  1787. }
  1788.  
  1789. .flexslider .shadow,
  1790. #project-images .shadow {
  1791. position: absolute;
  1792. bottom: -31px;
  1793. left: 0;
  1794. width: 600px;
  1795. height: 31px;
  1796.  
  1797. background: url(images/sprites/shadow-large.png) no-repeat center center;
  1798. }
  1799.  
  1800. .flexslider .flex-control-nav {
  1801. display: none;
  1802. }
  1803.  
  1804. .flexslider .flex-direction-nav {
  1805. }
  1806.  
  1807. .flexslider .flex-direction-nav a {
  1808. position: absolute;
  1809. top: 50%;
  1810. width: 18px;
  1811. height: 26px;
  1812.  
  1813. display: block;
  1814. margin-top: -13px;
  1815. opacity: 0;
  1816. text-indent: -9999px;
  1817. -webkit-transition: all 0.2s ease-in-out;
  1818. -moz-transition: all 0.2s ease-in-out;
  1819. -o-transition: all 0.2s ease-in-out;
  1820. -ms-transition: all 0.2s ease-in-out;
  1821. transition: all 0.2s ease-in-out;
  1822. }
  1823.  
  1824. .flexslider:hover .flex-direction-nav a {
  1825. opacity: 1;
  1826. }
  1827.  
  1828. .flexslider .flex-direction-nav a.prev {
  1829. left: 25px;
  1830.  
  1831. background: url(images/sprites/gallery-prev.png) no-repeat;
  1832. }
  1833.  
  1834. .flexslider .flex-direction-nav a.prev:active {
  1835. left: 20px;
  1836.  
  1837. }
  1838.  
  1839. .flexslider .flex-direction-nav a.next {
  1840. right: 25px;
  1841.  
  1842. background: url(images/sprites/gallery-next.png) no-repeat;
  1843. }
  1844.  
  1845. .flexslider .flex-direction-nav a.next:active {
  1846. right: 20px;
  1847.  
  1848. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement