Advertisement
Achilles

Untitled

Jul 7th, 2013
76
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.56 KB | None | 0 0
  1. //This is copied from google
  2.  
  3. /* ==========================================================================
  4. Importing Google Web Fonts
  5. ========================================================================== */
  6. @import url(http://fonts.googleapis.com/css?family=Noticia+Text:400);
  7. @import url(http://fonts.googleapis.com/css?family=Noticia+Text:400italic);
  8. @import url(http://fonts.googleapis.com/css?family=Noticia+Text:700);
  9. @import url(http://fonts.googleapis.com/css?family=Droid+Sans);
  10. @import url(http://fonts.googleapis.com/css?family=Josefin+Sans);
  11. @import url(http://fonts.googleapis.com/css?family=Nunito:400);
  12. @import url(http://fonts.googleapis.com/css?family=Nunito:300);
  13.  
  14.  
  15. // see this line it says generated via initializr. <<< SEE THIS SEE THIS SEE THIS
  16.  
  17. /* ==========================================================================
  18. HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
  19. ========================================================================== */
  20.  
  21. html,
  22. button,
  23. input,
  24. select,
  25. textarea {
  26. color: #222;
  27. }
  28.  
  29. body {
  30. font-size: 12px;
  31. line-height: 1;
  32. }
  33.  
  34. ::-moz-selection {
  35. background: #b3d4fc;
  36. text-shadow: none;
  37. }
  38.  
  39. ::selection {
  40. background: #b3d4fc;
  41. text-shadow: none;
  42. }
  43.  
  44. hr {
  45. display: block;
  46. height: 1px;
  47. border: 0;
  48. border-top: 1px solid #ccc;
  49. margin: 1em 0;
  50. padding: 0;
  51. }
  52.  
  53. img {
  54. vertical-align: middle;
  55. }
  56.  
  57. fieldset {
  58. border: 0;
  59. margin: 0;
  60. padding: 0;
  61. }
  62.  
  63. textarea {
  64. resize: vertical;
  65. }
  66.  
  67. .chromeframe {
  68. margin: 0.2em 0;
  69. background: #ccc;
  70. color: #000;
  71. padding: 0.2em 0;
  72. }
  73.  
  74. /* ==========================================================================
  75. Author's custom styles
  76. ========================================================================== */
  77.  
  78. body{
  79. font-family: 'Droid Sans', sans-serif;
  80. font-size: 12px;
  81. font-weight: normal;
  82. color: #FFF;
  83. }
  84.  
  85. h1,h2,h3,h4,h5{
  86. font-weight: normal;
  87. margin: 0; padding: 0;
  88. }
  89.  
  90. h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover{
  91. text-decoration: underline;
  92. }
  93.  
  94. h1{
  95. font-size: 44px;
  96. font-family: 'Nunito', sans-serif;
  97. font-weight: 300;
  98. width: 980px;
  99. margin: 0 auto;
  100. margin-top: 135px;
  101. text-align: center;
  102. color: #FFF;
  103. }
  104.  
  105. h2{
  106. width: 197px;
  107. height: 24px;
  108. text-align: center;
  109. background: #d51616;
  110. padding: 7px 0 0px 0;
  111. line-height: 1;
  112. margin: -15px auto 0;
  113. font-family: 'Nunito', sans-serif;
  114. font-size: 18px;
  115. color: #000;
  116. }
  117.  
  118. h2.entries{
  119. margin-left: 0;
  120. float: left;
  121. }
  122.  
  123. .head-left{
  124. float: left;
  125. }
  126.  
  127. h2.portfolio{
  128. float: left;
  129. margin: -30px 0 0 4px;
  130. }
  131.  
  132. h3{
  133. font-family: 'Noticia Text', serif;
  134. font-size: 13px;
  135. color: #FFF;
  136. }
  137.  
  138. h3.portfolio{
  139. clear: both;
  140. font-size: 20px;
  141. font-style: italic;
  142. padding: 8px 0;
  143. color: #8f8e8e;
  144. border-bottom: 1px solid #606060;
  145. margin: 0 4px 25px 4px;
  146. }
  147.  
  148. .portfolio-credit h3{
  149. font-size: 14px;
  150. }
  151.  
  152. h3 a{
  153. color: #FFF;
  154. text-decoration: none;
  155. }
  156.  
  157. h3.inside{
  158. font-size: 14px;
  159. }
  160.  
  161. h3.fullname, h3.video, h3.category{
  162. text-align: center;
  163. float: left;
  164. font-size: 14px;
  165. }
  166.  
  167. h3.fullname{
  168. width: 205px;
  169. }
  170.  
  171. h3.video{
  172. width: 228px;
  173. margin-left: 22px;
  174. }
  175.  
  176. h3.category{
  177. width: 183px;
  178. margin-left: 14px;
  179. }
  180.  
  181. h3.comments-txt{
  182. width: 320px;
  183. float: left;
  184. margin-left: 75px;
  185. }
  186.  
  187. h4{
  188. color: #a9a9a9;
  189. font-size: 12px;
  190. margin: 6px 0;
  191. font-family: 'Noticia Text', serif;
  192. font-style: italic;
  193. }
  194.  
  195. .portfolio-credit h4{
  196. font-size: 13px;
  197. }
  198.  
  199. h4 a{
  200. color: #a9a9a9;
  201. text-decoration: none;
  202. }
  203.  
  204. p{
  205. font-family: 'Noticia Text', serif;
  206. font-size: 13px;
  207. color: #a9a9a9;
  208. line-height: 200%;
  209. margin: 18px 0;
  210. }
  211.  
  212. .clear{
  213. clear:both;
  214. }
  215.  
  216. #img-desc-left p{
  217. font-family: 'Droid Sans', sans-serif;
  218. font-size: 18px;
  219. font-weight: normal;
  220. line-height: 140%;
  221. margin: 13px 0;
  222. color: #dbdbdb;
  223. }
  224.  
  225. a{
  226. color: #a9a9a9;
  227. text-decoration: none;
  228. }
  229.  
  230. a:hover{
  231. text-decoration: underline;
  232. }
  233.  
  234. #main{
  235. width:100%;
  236. margin:0px;
  237. padding:0px;
  238. }
  239.  
  240. #topbar{
  241. width: 1000px;
  242. height: 90px;
  243. background: url('../images/nav-bg.jpg') no-repeat;
  244. margin: 0 auto;
  245. position: relative;
  246. z-index: 100;
  247. }
  248.  
  249. #logo{
  250. display: block;
  251. float:left;
  252. position: absolute;
  253. top: 3px;
  254. left: 35px;
  255. }
  256.  
  257. ul.topnav{
  258. list-style: none;
  259. padding: 0; margin: 0;
  260. position: absolute;
  261. top: 0; right: 30px;
  262. }
  263.  
  264. ul.topnav li a{
  265. color: #a9a9a9;
  266. text-decoration: none;
  267. padding: 0 15px;
  268. border-right: 1px solid #a9a9a9;
  269. }
  270.  
  271. ul.topnav li a:hover{
  272. text-decoration: underline;
  273. }
  274.  
  275. ul.topnav li{
  276. padding: 5px 0;
  277. display: inline-block;
  278. float: left;
  279. }
  280.  
  281. ul.topnav li.last a{
  282. border-right: none;
  283. padding-right: 0;
  284. }
  285.  
  286. ul.nav{
  287. float: right;
  288. margin: 36px 0 0 0;
  289. }
  290.  
  291. ul.nav li{
  292. float: left;
  293. font-family: 'Droid Sans', sans-serif;
  294. }
  295.  
  296. ul.nav li a{
  297. text-decoration: none;
  298. font-size: 18px;
  299. color: #919191;
  300. padding: 0 17px 0 17px;
  301. background: url('../images/nav-divider.gif') no-repeat right center;
  302. line-height: 100%;
  303. }
  304.  
  305. ul.nav li a.last {
  306. padding-right: 32px;
  307. background: none;
  308. }
  309.  
  310. ul.nav li a:hover {
  311. color: #e8554e;
  312. }
  313.  
  314. #header{
  315. width: 100%;
  316. margin: -90px 0 0 0;
  317. height: 420px;
  318. display: block;
  319. position: relative;
  320. z-index: 1;
  321. float: left;
  322. }
  323.  
  324. .headerimg{
  325. background: url('../images/header1.jpg') no-repeat center top;
  326. width: 100%;
  327. height: 100%;
  328. float: left;
  329. position: absolute;
  330. }
  331.  
  332. #img-desc{
  333. display: none;
  334. width: 980px;
  335. height: 80px;
  336. display: block;
  337. position: absolute;
  338. left:50%; top: 328px;
  339. margin-left: -480px;
  340. z-index: 14;
  341. background: url('../images/black-0.7.png');
  342. }
  343.  
  344. #img-desc-left{
  345. width: 700px;
  346. color: #FFF;
  347. float: left;
  348. line-height: 24px;
  349. padding: 0 0 0 35px;
  350. color: #dbdbdb;
  351. }
  352.  
  353. a.button1{
  354. font-family: 'Nunito', sans-serif;
  355. color: #FFF;
  356. background: #d31c13;
  357. text-decoration: none;
  358. width: 210px;
  359. padding: 10px 0;
  360. font-size: 13px;
  361. display: block;
  362. text-align: center;
  363. float:right;
  364. }
  365.  
  366. a.button1.center{
  367. margin: 24px 22px 0 0;
  368. }
  369.  
  370. #content{
  371. width: 984px;
  372. margin: 65px auto 0;
  373. padding: 0 0;
  374. }
  375.  
  376. .content-box1{
  377. position: relative;
  378. float: left;
  379. }
  380.  
  381. ul.content-box1-list{
  382. padding: 0; margin: 0 auto;
  383. list-style: none;
  384. }
  385.  
  386. ul.content-box1-list li{
  387. display: inline;
  388. }
  389.  
  390. ul.content-box2-list{
  391. padding: 0; margin: 0;
  392. list-style: none;
  393. }
  394.  
  395. ul.content-box2-list li{
  396. float: left;
  397. }
  398.  
  399. .content-box1.center{
  400. margin: 0 41px;
  401. }
  402.  
  403. .content-box1-bg{
  404. float:left;
  405. width: 300px;
  406. height: 469px;
  407. background: url('../images/content-box1-bg.jpg') no-repeat;
  408. display: block;
  409. }
  410.  
  411. .content-box1-shadow{
  412. clear: both;
  413. float: left;
  414. background: url('../images/content-box-shadow.jpg') no-repeat;
  415. width: 299px;
  416. height: 30px;
  417. }
  418.  
  419. .box-row{
  420. font-family: 'Noticia Text', serif;
  421. width: 262px;
  422. height: 118px;
  423. margin: 19px auto 0;
  424. position: relative;
  425. background: url('../images/image-box-bg.gif');
  426. display: block;
  427. }
  428.  
  429. #portfolio-list li{
  430. margin:0;
  431. }
  432.  
  433. #portfolio-list li .box-row{
  434. margin-left: 50px;
  435. }
  436.  
  437. .box-row-image{
  438. float: left;
  439. }
  440.  
  441. .box-image-corner{
  442. background: url('../images/image-box-corner.png') no-repeat;
  443. width: 20px;
  444. height: 20px;
  445. display: block;
  446. position: absolute;
  447. z-index: 100;
  448. top: 0; left: 0;
  449. }
  450.  
  451. .box-row-content{
  452. padding: 14px;
  453. float: left;
  454. }
  455.  
  456. .box-image-corner-btm{
  457. background: url('../images/image-box-corner-bottom.png') no-repeat;
  458. width: 20px;
  459. height: 20px;
  460. bottom:0;
  461. right:0;
  462. display: block;
  463. position: absolute;
  464. z-index: 101;
  465. }
  466.  
  467. .likes{
  468. font-size: 22px;
  469. color: #8f8f8f;
  470. font-family: 'Noticia Text', serif;
  471. font-style: italic;
  472. background: url('../images/bullet1.png') no-repeat;
  473. padding: 0 0 0 30px;
  474. position: absolute;
  475. bottom: 14px;
  476. right: 52px;
  477. }
  478.  
  479. a.viewall{
  480. font-size: 14px;
  481. color: #FFF;
  482. float: right;
  483. padding: 18px 18px 0 0;
  484. text-decoration: none;
  485. }
  486.  
  487. a.viewall:hover{
  488. text-decoration: underline;
  489. }
  490.  
  491. .content-box-list{
  492. font-family: 'Noticia Text', serif;
  493. padding: 9px 30px 30px;
  494. float: left;
  495. }
  496.  
  497. .content-box-row1{
  498. width: 213px;
  499. padding: 17px 0 0 22px;
  500. height: 52px;
  501. float: left;
  502. position: relative;
  503. background: url('../images/content-row-divider.jpg') no-repeat bottom;
  504. }
  505.  
  506. .content-box-row1.last{
  507. background: none;
  508. }
  509.  
  510. .content-box-row1 .likes{
  511. bottom: 21px;
  512. right: 18px;
  513. }
  514.  
  515. .content-box2{
  516. position: relative;
  517. float: left;
  518. width: 983px;
  519. height: 205px;
  520. background: url('../images/past-entry-bg.jpg') no-repeat;
  521. display: block;
  522. margin-top: 35px;
  523. }
  524.  
  525. .content-box-columns{
  526. float: left;
  527. padding: 20px 0 14px 49px;
  528. }
  529.  
  530. .past-entry{
  531. float: left;
  532. margin-right: 20px;
  533. }
  534.  
  535. .past-image{
  536. position: relative;
  537. float: left;
  538. }
  539.  
  540. .past-desc{
  541. position: absolute;
  542. left: 0;
  543. bottom: 0;
  544. background: url('../images/black-0.7.png');
  545. display: block;
  546. width: 122px;
  547. height: 41px;
  548. padding: 5px 0 0 9px;
  549. }
  550.  
  551. .content-box2 a.viewall{
  552. padding-top: 14px;
  553. }
  554.  
  555. #footer{
  556. margin: 50px 0 0 0;
  557. width: 100%;
  558. height: 65px;
  559. background: #2d2d2d;
  560. font-family: 'Nunito', sans-serif;
  561. font-weight: 300;
  562. font-size: 12px;
  563. color: #FFF;
  564. }
  565.  
  566. #footer-wrap{
  567. width: 985px;
  568. margin: 0 auto;
  569. }
  570.  
  571. .footer-logo{
  572. float: left;
  573. padding: 9px 0 0 0;
  574. }
  575.  
  576. .footer-nav{
  577. float: right;
  578. margin-right: 10px;
  579. }
  580.  
  581. ul.footer{
  582. padding: 0;
  583. margin: 17px 0 0 0;
  584. }
  585.  
  586. ul.footer li{
  587. list-style-type: none;
  588. float: left;
  589. }
  590.  
  591. ul.footer li a{
  592. text-decoration: none;
  593. color: #FFF;
  594. padding: 0 12px;
  595. margin: 0;
  596. border-right:1px solid #FFF;
  597. }
  598.  
  599. ul.footer li a.last{
  600. padding-right: 0;
  601. border: none;
  602. }
  603.  
  604. ul.footer li a:hover{
  605. color: #8f8f8f;
  606. }
  607.  
  608. .copyright{
  609. clear:right;
  610. float: right;
  611. margin: 12px 10px 0 0;
  612. }
  613.  
  614. #header-inside{
  615. width: 100%;
  616. height: 240px;
  617. margin: -90px 0 0 0;
  618. display: block;
  619. position: relative;
  620. z-index: 1;
  621. float: left;
  622. }
  623.  
  624. .inside-image1{
  625. background: url('../images/inside-header1.jpg') no-repeat center;
  626. width: 100%;
  627. height: 100%;
  628. float: left;
  629. }
  630.  
  631. .content-box-inside{
  632. position: relative;
  633. width: 889px;
  634. float: left;
  635. padding: 0 47px 34px 47px;
  636. background: url('../images/content-inside-bg.gif');
  637. }
  638.  
  639. .content-portfolio-left{
  640. position: relative;
  641. float: left;
  642. width: 651px;
  643. margin-bottom: 20px;
  644. }
  645.  
  646. .content-portfolio-right{
  647. font-family: 'Alegreya', self;
  648. float: right;
  649. width: 224px;
  650. background: url('../images/content-box1-bg.jpg');
  651. padding: 26px 37px 18px 37px;
  652. margin: 38px 0 56px 0;
  653. }
  654.  
  655. .portfolio-credit{
  656. padding: 0;
  657. margin: 0;
  658. list-style: none;
  659. }
  660.  
  661. ul.portfolio-credit li{
  662. padding: 0 0 13px 0;
  663. }
  664.  
  665. ul.entries{
  666. list-style-type: none;
  667. margin: 0 0 0 -48px;
  668. padding: 0;
  669. }
  670.  
  671. ul.entries li{
  672. float: left;
  673. display: inline;
  674. padding: 0;
  675. margin: 0 0 0 50px;
  676. }
  677.  
  678. ul.entries .box-row{
  679. float: left;
  680. }
  681.  
  682. .dropdown-title a{
  683. width: 80px;
  684. height: 23px;
  685. padding: 7px 0 0 10px;
  686. margin: -15px 50px 0 0;
  687. color: #FFF;
  688. font-family: 'Nunito', sans-serif;
  689. font-weight: 300;
  690. text-decoration: none;
  691. float: right;
  692. font-size: 16px;
  693. background: url('../images/down-arrow.gif') no-repeat #797979 72px 11px;
  694. }
  695.  
  696. ul.dropdown{
  697. display: none;
  698. position: absolute;
  699. z-index: 102;
  700. list-style-type: none;
  701. background: #797979;
  702. height: 95px;
  703. width: 959px;
  704. margin:0; padding:0 0 0 24px;
  705. top: 14px;
  706. left: 0;
  707. font-family: 'Noticia Text', serif;
  708. font-size: 15px;
  709. }
  710.  
  711. ul.dropdown li{
  712. float: left;
  713. }
  714.  
  715. ul.dropdown li a{
  716. color: #6b6b6b;
  717. text-decoration: none;
  718. background: #FFF;
  719. border: 1px solid #cccdc7;
  720. padding: 10px 14px;
  721. margin: 30px 16px 0 0;
  722. float: left;
  723. }
  724.  
  725. ul.dropdown li a.last{
  726. margin-right: 0;
  727. }
  728.  
  729. ul.dropdown li a:hover, ul.dropdown li a.current{
  730. background: #d7d7d7;
  731. }
  732.  
  733. ul.dropdown li.divider{
  734. border-left: 1px solid #a2aaaa;
  735. height: 100%;
  736. color: #FFF;
  737. font-size: 14px;
  738. margin: 0 24px 0 30px;
  739. }
  740.  
  741. ul.dropdown li.divider span{
  742. background: #797979;
  743. margin: 39px 0 0 -10px;
  744. padding: 4px 0;
  745. display: block;
  746. }
  747.  
  748. ul.paging{
  749. float: right;
  750. margin: 20px -8px 0 0;
  751. padding: 0;
  752. }
  753.  
  754. ul.paging li{
  755. display: inline;
  756. list-style: none;
  757. color: #6e6e6e;
  758. float: left;
  759. }
  760.  
  761. ul.paging li.paging-dots{
  762. padding: 10px 5px 0 0;
  763. display: block;
  764. }
  765.  
  766. ul.paging li a{
  767. background: transparent url('../images/bt-number-bg.png') no-repeat;
  768. display: block;
  769. float: left;
  770. height: 31px;
  771. margin-right: 7px;
  772. color: #6e6e6e;
  773. text-decoration: none;
  774. }
  775.  
  776. ul.paging li a span {
  777. background: transparent url('../images/bt-number-bg.png') no-repeat right top;
  778. display: inline;
  779. float: left;
  780. height: 22px;
  781. padding: 9px 10px 0 0;
  782. margin-left: 10px;
  783. }
  784.  
  785. ul.paging li a:hover{
  786. background-position: 0px center;
  787. }
  788.  
  789. ul.paging li a:hover span {
  790. background-position: right center;
  791. }
  792.  
  793. ul.paging li a.active{
  794. color: #447000;
  795. background-position: 0px bottom;
  796. }
  797.  
  798. ul.paging li a.active span{
  799. background-position: right bottom;
  800. }
  801.  
  802. .header-color{
  803. background: #000;
  804. width: 100%;
  805. height: 240px;
  806. margin: -90px 0 0 0;
  807. display: block;
  808. position: relative;
  809. z-index: 1;
  810. float: left;
  811. }
  812.  
  813. a.bt-like{
  814. border: none;
  815. margin-bottom: 12px;
  816. float: left;
  817. }
  818.  
  819. a.bt-like:hover{
  820. background-position: bottom left;
  821. }
  822.  
  823. .credit-info{
  824. font-size: 16px;
  825. margin: 20px -37px 0;
  826. border-top: 1px solid #FFF;
  827. display: block;
  828. padding: 18px 0 0 50px;
  829. }
  830.  
  831. .views-info{
  832. font-size: 16px;
  833. background: url('../images/icon-view.png') top center no-repeat;
  834. float: left;
  835. padding: 45px 0 0 0;
  836. text-align: center;
  837. width: 50px;
  838. color: #FFF;
  839. line-height: 20px;
  840. font-style: italic;
  841. }
  842.  
  843. .credit-divider{
  844. float: left;
  845. width: 1px;
  846. height: 75px;
  847. display: block;
  848. background: #cccdc7;
  849. margin: 13px 50px 0 55px;
  850. }
  851.  
  852. .likes-info{
  853. float: left;
  854. width: 40px;
  855. background: url('../images/icon-likes.png') top center no-repeat;
  856. float: left;
  857. padding: 45px 0 0 0;
  858. text-align: center;
  859. color: #FFF;
  860. line-height: 20px;
  861. font-style: italic;
  862. }
  863.  
  864. .content-video{
  865. background: url('../images/video-container-bg-loop.gif') repeat-y center;
  866. padding: 0 4px 0 5px;
  867. }
  868.  
  869. .video{
  870. position: relative;
  871. }
  872.  
  873. .sharing{
  874. position: absolute;
  875. top: 0; left: -36px;
  876. width: 36px; height: 132px;
  877. z-index: 100px;
  878. background: url('../images/icon-share.gif') no-repeat 12px 76px #E0E5E2;
  879. }
  880.  
  881. .facebook, .twitter{
  882. width: 36px;
  883. height: 36px;
  884. display: block;
  885. background: url('../images/icon-facebook.gif') no-repeat 13px 8px;
  886. }
  887.  
  888. .twitter{
  889. background: url('../images/icon-twitter.gif') no-repeat 8px 8px;
  890. }
  891.  
  892. .sharing a{
  893. width: 36px;
  894. height: 36px;
  895. display: block;
  896. }
  897.  
  898. .content-video-footer-bg{
  899. background: url('../images/video-container-bg-footer.gif') no-repeat;
  900. width: 650px;
  901. height: 12px;
  902. margin: 0 0 0 -5px;
  903. display: block;
  904. }
  905.  
  906. .comments-container{
  907. padding: 20px 18px;
  908. font-size: 12px;
  909. font-family: 'Helvetica', Arial, sans-serif;
  910. color: #707070;
  911. }
  912.  
  913. .comments-title{
  914. width: 105px;
  915. text-align: center;
  916. }
  917.  
  918. .comments-title h4{
  919. padding: 8px 0;
  920. background: #e8554e;
  921. font-style: normal;
  922. color: #FFF;
  923. font-size: 16px;
  924. margin: 0;
  925. }
  926.  
  927. .comments-arrow{
  928. width: 100%;
  929. height: 7px;
  930. background: url('../images/comment-arrow.gif') no-repeat center #FFF;
  931. }
  932.  
  933. ul.comments, ul.comments li ul{
  934. padding: 0; margin: 0;
  935. list-style: none;
  936. }
  937.  
  938. ul.comments li ul li{
  939. padding: 0 0 0 28px;
  940. width: 580px;
  941. }
  942.  
  943. ul.comments li{
  944. clear: both;
  945. margin: 6px 0 0 0;
  946. float: left;
  947. width: 608px;
  948. }
  949.  
  950. ul.comments li ul{
  951. margin: -6px 0 0 0;
  952. }
  953.  
  954. .comment-img{
  955. background: url('../images/comment-img-bg.gif') no-repeat;
  956. width: 54px;
  957. height: 54px;
  958. position: relative;
  959. float: left;
  960. }
  961.  
  962. .comment-img-bg{
  963. position: absolute;
  964. background: url('../images/comment-img-bg-shadow.png') no-repeat transparent;
  965. width: 40px;
  966. height: 40px;
  967. z-index: 10;
  968. top: 7px; left: 7px;
  969. }
  970.  
  971. .comment-img-bg a{
  972. width: 100%;
  973. height: 100%;
  974. display: block;
  975. float: left;
  976. }
  977.  
  978. .comment-img-holder{
  979. margin: 7px 0 0 7px;
  980. position: relative;
  981. z-index: 1;
  982. }
  983.  
  984. .comment-details{
  985. float: left;
  986. width: 546px;
  987. margin: 0 0 0 6px;
  988. }
  989.  
  990. ul.comments li ul li .comment-details{
  991. width: 520px;
  992. margin: 0 0 0 6px;
  993. }
  994.  
  995. .comment-author{
  996. color: #303030;
  997. float: left;
  998. }
  999.  
  1000. .comment-time{
  1001. float: right;
  1002. font-size: 10px;
  1003. color: #303030;
  1004. }
  1005.  
  1006. .comment-txt{
  1007. clear: both;
  1008. padding: 5px 0 0 0;
  1009. line-height: 130%;
  1010. }
  1011.  
  1012. .comment-details a{
  1013. color: #303030;
  1014. text-decoration: none;
  1015. font-weight: bold;
  1016. }
  1017.  
  1018. .comment-details a:hover{
  1019. text-decoration: underline;
  1020. }
  1021.  
  1022. .comment-details .tleft {
  1023. height: 7px;
  1024. width: 7px;
  1025. background: url('../images/comment-bg-tl.gif') no-repeat;
  1026. float: left;
  1027. }
  1028. .comment-details .tright {
  1029. height: 7px;
  1030. width: 7px;
  1031. background: url('../images/comment-bg-tr.gif') no-repeat;
  1032. float: right;
  1033. }
  1034. .comment-details .top {
  1035. height: 7px;
  1036. background: url('../images/comment-bg-top.gif') top repeat-x;
  1037. margin-left: 7px;
  1038. margin-right: 7px;
  1039. }
  1040. .comment-details .left {
  1041. background: url('../images/comment-bg-left.gif') left repeat-y;
  1042. }
  1043. .comment-details .left .right {
  1044. background: url('../images/comment-bg-right.gif') right repeat-y;
  1045. }
  1046. .comment-details .left .right .center {
  1047. margin-left: 7px;
  1048. margin-right: 7px;
  1049. padding: 5px 5px 3px 5px;
  1050. min-height: 30px;
  1051. }
  1052. .comment-details .left .right .center .clear {
  1053. clear: right;
  1054. }
  1055. .comment-details .bleft {
  1056. height: 7px;
  1057. width: 7px;
  1058. background: url('../images/comment-bg-bl.gif');
  1059. float: left;
  1060. }
  1061. .comment-details .bright {
  1062. height: 7px;
  1063. width: 7px;
  1064. background: url('../images/comment-bg-br.gif');
  1065. float: right;
  1066. }
  1067. .comment-details .bottom {
  1068. height: 7px;
  1069. background: url('../images/comment-bg-bottom.gif');
  1070. margin-left: 7px;
  1071. margin-right: 7px;
  1072. }
  1073.  
  1074. .post-comment{
  1075. padding: 12px 0 0 0;
  1076. }
  1077.  
  1078. input.input-submit{
  1079. background: url('../images/bt-submit.gif') no-repeat top left;
  1080. width: 64px;
  1081. height: 30px;
  1082. text-align: center;
  1083. float: right;
  1084. border: none;
  1085. margin: 0;
  1086. padding: 0;
  1087. }
  1088.  
  1089. input.input-submit:hover{
  1090. background-position: bottom left;
  1091. }
  1092.  
  1093. textarea.input-comment{
  1094. color: #909090;
  1095. width: 579px;
  1096. margin: 0 0 10px 3px;
  1097. padding: 10px;
  1098. border: 1px solid #ddd;
  1099. -webkit-border-radius: 5px;
  1100. -moz-border-radius: 5px;
  1101. border-radius: 5px;
  1102. -webkit-box-shadow:inset 0 0 3px #ddd;
  1103. box-shadow:inset 0 0 3px #ddd;
  1104. }
  1105.  
  1106. .inside-content-bg{
  1107. position: relative;
  1108. margin: 20px 0 0 0;
  1109. background: url('../images/image-box-bg.gif');
  1110. padding: 20px 24px 1px 24px;
  1111. }
  1112.  
  1113. .inside-contact-bg{
  1114. float: left;
  1115. position: relative;
  1116. margin: 20px 48px 0 0;
  1117. background: url('../images/image-box-bg.gif');
  1118. padding: 20px 24px;
  1119. width: 378px;
  1120. }
  1121.  
  1122. .address-txt{
  1123. margin-top: 10px;
  1124. font-style: italic;
  1125. }
  1126.  
  1127. .right-padnil{
  1128. padding-right: 0;
  1129. margin-right: 0;
  1130. }
  1131.  
  1132. .extra-margin{
  1133. margin-top: 30px;
  1134. }
  1135.  
  1136. .contact-heading{
  1137. margin-bottom: 0;
  1138. }
  1139.  
  1140. .contact{
  1141. margin: 0 auto;
  1142. width: 250px;
  1143. }
  1144.  
  1145. .login{
  1146. margin-top: -10px;
  1147. }
  1148.  
  1149. .register{
  1150. padding-bottom: 10px;
  1151. }
  1152.  
  1153. .input-row{
  1154. margin: 13px 0 0 0;
  1155. width: 100%;
  1156. float: left;
  1157. }
  1158.  
  1159. .margin-top-nil{
  1160. margin-top: 0;
  1161. }
  1162.  
  1163. input.contact-submit{
  1164. color: #6b6b6b;
  1165. text-decoration: none;
  1166. background: #FFF;
  1167. border: 1px solid #cccdc7;
  1168. padding: 8px 16px;
  1169. font-family: 'Noticia Text', serif;
  1170. line-height: 100%;
  1171. font-size: 15px;
  1172. }
  1173.  
  1174. .input-row input.contact-text-input{
  1175. background: url('../images/textinput-bg.gif') no-repeat top left;
  1176. width: 229px;
  1177. height: 30px;
  1178. padding: 0 0 0 20px;
  1179. margin: 0;
  1180. border: none;
  1181. font-size: 13px;
  1182. font-style: italic;
  1183. font-family: 'Noticia Text', serif;
  1184. color: #a9a9a9;
  1185. }
  1186.  
  1187. .input-row input.username{
  1188. background: url('../images/input-bg-username.gif') no-repeat top left;
  1189. }
  1190.  
  1191. .input-row input.password{
  1192. background: url('../images/input-bg-password.gif') no-repeat top left;
  1193. }
  1194.  
  1195. .contact-textarea{
  1196. background: url('../images/input-textarea-bg.gif') no-repeat top left;
  1197. width: 209px; height: 100px;
  1198. border: none;
  1199. font-size: 13px;
  1200. font-style: italic;
  1201. font-family: 'Noticia Text', serif;
  1202. color: #a9a9a9;
  1203. padding: 10px 20px 0; margin: 0;
  1204. }
  1205.  
  1206. .padd-bottom{
  1207. padding-bottom: 20px;
  1208. }
  1209.  
  1210. .contact-height{
  1211. height: 319px;
  1212. }
  1213.  
  1214. .address-height{
  1215. height: 319px;
  1216. margin-left: 9px;
  1217. }
  1218.  
  1219. .thanku-title{
  1220. text-align: center;
  1221. font-family: 'Noticia Text', serif;
  1222. font-size: 26px;
  1223. font-style: italic;
  1224. padding: 40px 0 0 0;
  1225. line-height: 150%;
  1226. }
  1227.  
  1228. .thanku-desc{
  1229. text-align: center;
  1230. font-family: 'Noticia Text', serif;
  1231. font-size: 20px;
  1232. font-style: italic;
  1233. color: #a9a9a9;
  1234. padding: 17px 0 54px 0;
  1235. }
  1236.  
  1237. .margin-auto{
  1238. margin-left: auto;
  1239. margin-right: auto;
  1240. float: none;
  1241. }
  1242.  
  1243. .forget{
  1244. text-align: center;
  1245. margin: 0;
  1246. }
  1247.  
  1248. .forget a{
  1249. text-decoration: underline;
  1250. font-style: italic;
  1251. font-size: 15px;
  1252. }
  1253.  
  1254. .form-center{
  1255. width: 306px;
  1256. }
  1257.  
  1258. .alignleft{
  1259. text-align: left;
  1260. }
  1261.  
  1262. .aligncenter{
  1263. text-align: center;
  1264. }
  1265.  
  1266. .input-select{
  1267. width: 218px;
  1268. }
  1269.  
  1270. .upload-textarea{
  1271. width: 208px;
  1272. height: 79px;
  1273. }
  1274.  
  1275. .upload { overflow: hidden; position: relative; background: url('../images/input-file.gif') no-repeat top left; text-align: left; }
  1276. .upload, .upload_file { width: 229px; height: 26px; padding: 4px 0 0 20px; cursor: pointer; }
  1277. .upload_file { opacity: 0; filter: alpha(opacity=0); position: absolute; right: 0px; top: 0; font-size: 15px; font-family: 'Noticia Text', serif; }
  1278. .upload span { color: #a9a9a9; font-size: 15px; line-height: 150%;}
  1279. .upload > span { padding-right: 20px;}
  1280.  
  1281. .error{
  1282. color: #d51616;
  1283. font-size: 14px;
  1284. }
  1285.  
  1286. .profile{
  1287. width: 214px;
  1288. padding-left: 28px;
  1289. padding-right: 28px;
  1290. padding-bottom: 28px;
  1291. }
  1292.  
  1293. .profile-pic-holder{
  1294. position: relative;
  1295. margin-top:20px;
  1296. }
  1297.  
  1298. .profile-uploads{
  1299. float: right;
  1300. width: 630px;
  1301. padding-left: 25px;
  1302. padding-right: 25px;
  1303. padding-bottom: 28px;
  1304. }
  1305.  
  1306. .profile-details{
  1307. margin: 0; padding: 14px 0 10px 0;
  1308. float: left;
  1309. }
  1310.  
  1311. .p-row{
  1312. font-family: 'Noticia Text', serif;
  1313. font-size: 14px;
  1314. width: 100%;
  1315. float: left;
  1316. display: block;
  1317. padding: 0 0 8px 0;
  1318. }
  1319.  
  1320. .p-title, .p-desc{
  1321. float: left;
  1322. }
  1323.  
  1324. .p-title{
  1325. width: 90px;
  1326. }
  1327.  
  1328. .p-desc{
  1329. font-style: italic;
  1330. color: #a9a9a9;:
  1331. 0;
  1332. position:r
  1333. }
  1334.  
  1335. a.bt-edit{
  1336. float: left;
  1337. font-family: 'Nunito', sans-serif;
  1338. font-weight: 300;
  1339. font-size: 14px;
  1340. color: #dadada;
  1341. background: #797979;
  1342. padding: 10px 18px;
  1343. }
  1344.  
  1345. a.bt-add-video{
  1346. padding: 10px 18px;
  1347. margin: -15px 0 0 0;
  1348. color: #FFF;
  1349. font-family: 'Nunito', sans-serif;
  1350. font-weight: 300;
  1351. text-decoration: none;
  1352. float: right;
  1353. font-size: 14px;
  1354. color: #dadada;
  1355. background: #797979;
  1356. }
  1357.  
  1358. a.bt-remove{
  1359. clear: both;
  1360. float: right;
  1361. margin: 20px 0 0 0;
  1362. padding: 10px 25px;
  1363. color: #FFF;
  1364. font-family: 'Nunito', sans-serif;
  1365. font-weight: 300;
  1366. text-decoration: none;
  1367. font-size: 14px;
  1368. color: #dadada;
  1369. background: #797979;
  1370. }
  1371.  
  1372. a.bt-remove:hover{
  1373. text-decoration: underline;
  1374. }
  1375.  
  1376. ul.uploads{
  1377. padding: 0; margin: -13px 0 0 -58px; list-style: none;
  1378. float: left;
  1379. }
  1380.  
  1381. ul.uploads li{
  1382. float: left;
  1383. width: 286px;
  1384. padding: 0;
  1385. margin: 0 0 0 58px;
  1386. }
  1387.  
  1388. ul.uploads .box-row{
  1389. float: left;
  1390. margin-top: 34px;
  1391. width: 286px;
  1392. height: 129px;
  1393. }
  1394.  
  1395. .admin-container{
  1396. padding-top: 35px;
  1397. float: left;
  1398. width: 100%;
  1399. }
  1400.  
  1401. .admin-tabs{
  1402. float:left;
  1403. width:100%;
  1404. overflow:hidden;
  1405. position:relative;
  1406. }
  1407.  
  1408. .admin-tabs ul{
  1409. clear:left;
  1410. float:left;
  1411. list-style:none;
  1412. margin:0; padding:0;
  1413. position:relative;
  1414. left:50%; text-align:center;
  1415. }
  1416.  
  1417. .admin-tabs ul li{
  1418. display:block;
  1419. float:left;
  1420. list-style:none;
  1421. margin:0; padding:0 0 0 30px;
  1422. position:relative;
  1423. right:50%;
  1424. }
  1425.  
  1426. .admin-tabs ul li.last{
  1427. padding-right: 0;
  1428. }
  1429.  
  1430. .admin-tabs a{
  1431. font-family: 'Nunito', sans-serif;
  1432. font-size: 13px;
  1433. color: #000;
  1434. width: 174px;
  1435. height: 41px;
  1436. text-align: center;
  1437. background: #d51616 no-repeat bottom center;
  1438. padding: 24px 0 0px 0;
  1439. display: block;
  1440. line-height: 100%;
  1441. }
  1442.  
  1443. .admin-tabs a:hover{
  1444. color: #FFF;
  1445. text-decoration: none;
  1446. }
  1447.  
  1448. .admin-tabs ul li a.selected{
  1449. background-image: url("../images/bt-menu-arrow.png");
  1450. }
  1451.  
  1452. h2.yellow, a.yellow{
  1453. background-color: #eeb300;
  1454. }
  1455.  
  1456. h2.orange, a.orange{
  1457. background-color: #ee7b00;
  1458. }
  1459.  
  1460. h2.blue, a.blue{
  1461. background-color: #239fca;
  1462. }
  1463.  
  1464. hr{
  1465. height: 6px;
  1466. border: none;
  1467. margin: 25px 0 54px 0;
  1468. background: url('../images/image-box-bg.gif');
  1469. }
  1470.  
  1471. .admin-content-box{
  1472. position: relative;
  1473. }
  1474.  
  1475. .admin-titles{
  1476. width: 100%;
  1477. float: left;
  1478. position: absolute;
  1479. top: -15px;
  1480. background: red;
  1481. height: auto;
  1482. }
  1483.  
  1484. .tl-admin{
  1485. background: #797979;
  1486. float: left;
  1487. padding: 10px 14px;
  1488. font-size: 15px;
  1489. font-family: 'Nunito', sans-serif;
  1490. font-weight: 300;
  1491. color: #dadada;
  1492. position: absolute;
  1493. }
  1494.  
  1495. .tl-fullname{
  1496. left: 45px;
  1497. }
  1498.  
  1499. .tl-video{
  1500. left: 285px;
  1501. }
  1502.  
  1503. .tl-category{
  1504. left: 505px;
  1505. }
  1506.  
  1507. .video-row ul{
  1508. margin: 0; padding: 0;
  1509. list-style: none;
  1510. }
  1511.  
  1512. .video-row ul li{
  1513. margin-bottom: 2px;
  1514. padding: 37px 57px 51px 0px;
  1515. background: url('../images/image-box-bg.gif');
  1516. }
  1517.  
  1518. a.bt-view{
  1519. font-family: 'Noticia Text', serif;
  1520. font-size: 14px;
  1521. color: #6b6b6b;
  1522. background: #FFf;
  1523. border: 1px solid #cccdc7;
  1524. padding: 10px 27px;
  1525. float: right;
  1526. margin-top: -10px;
  1527. }
  1528.  
  1529. a.bt-view:hover{
  1530. background: #d7d7d7;
  1531. }
  1532.  
  1533. a.bt-view:hover{
  1534. text-decoration: none;
  1535. }
  1536.  
  1537. a.green{
  1538. background: #126b0b;
  1539. color: #FFF;
  1540. }
  1541.  
  1542. .bt-left-margin{
  1543. margin-left: 13px;
  1544. }
  1545.  
  1546. a.green:hover{
  1547. background: #167e0e;
  1548. }
  1549.  
  1550. a.approve{
  1551. font-size: 16px;
  1552. float: none;
  1553. display: block;
  1554. width: 100px;
  1555. text-align: center;
  1556. margin: 0 auto 10px auto;
  1557. }
  1558.  
  1559. /* IF BROWSER < IE9 */
  1560. html.lt-ie9 .input-row input.contact-text-input{
  1561. height: 26px;
  1562. padding: 6px 0 0 18px;
  1563. }
  1564.  
  1565. html.lt-ie9 ul.dropdown li.divider{
  1566. margin: 0 22px 0 28px;
  1567. }
  1568.  
  1569. html.lt-ie8 ul.dropdown li a{
  1570. padding: 10px 13px;
  1571. }
  1572. /* ==========================================================================
  1573. Media Queries
  1574. ========================================================================== */
  1575.  
  1576. @media only screen and (min-width: 35em) {
  1577.  
  1578. }
  1579.  
  1580. @media print,
  1581. (-o-min-device-pixel-ratio: 5/4),
  1582. (-webkit-min-device-pixel-ratio: 1.25),
  1583. (min-resolution: 120dpi) {
  1584.  
  1585. }
  1586.  
  1587. /* ==========================================================================
  1588. Helper classes
  1589. ========================================================================== */
  1590.  
  1591. .ir {
  1592. background-color: transparent;
  1593. border: 0;
  1594. overflow: hidden;
  1595. *text-indent: -9999px;
  1596. }
  1597.  
  1598. .ir:before {
  1599. content: "";
  1600. display: block;
  1601. width: 0;
  1602. height: 150%;
  1603. }
  1604.  
  1605. .hidden {
  1606. display: none !important;
  1607. visibility: hidden;
  1608. }
  1609.  
  1610. .visuallyhidden {
  1611. border: 0;
  1612. clip: rect(0 0 0 0);
  1613. height: 1px;
  1614. margin: -1px;
  1615. overflow: hidden;
  1616. padding: 0;
  1617. position: absolute;
  1618. width: 1px;
  1619. }
  1620.  
  1621. .visuallyhidden.focusable:active,
  1622. .visuallyhidden.focusable:focus {
  1623. clip: auto;
  1624. height: auto;
  1625. margin: 0;
  1626. overflow: visible;
  1627. position: static;
  1628. width: auto;
  1629. }
  1630.  
  1631. .invisible {
  1632. visibility: hidden;
  1633. }
  1634.  
  1635. .clearfix:before,
  1636. .clearfix:after {
  1637. content: " ";
  1638. display: table;
  1639. }
  1640.  
  1641. .clearfix:after {
  1642. clear: both;
  1643. }
  1644.  
  1645. .clearfix {
  1646. *zoom: 1;
  1647. }
  1648.  
  1649. /* ==========================================================================
  1650. Print styles
  1651. ========================================================================== */
  1652.  
  1653. @media print {
  1654. * {
  1655. background: transparent !important;
  1656. color: #000 !important; /* Black prints faster: h5bp.com/s */
  1657. box-shadow: none !important;
  1658. text-shadow: none !important;
  1659. }
  1660.  
  1661. a,
  1662. a:visited {
  1663. text-decoration: underline;
  1664. }
  1665.  
  1666. a[href]:after {
  1667. content: " (" attr(href) ")";
  1668. }
  1669.  
  1670. abbr[title]:after {
  1671. content: " (" attr(title) ")";
  1672. }
  1673.  
  1674. /*
  1675. * Don't show links for images, or javascript/internal links
  1676. */
  1677.  
  1678. .ir a:after,
  1679. a[href^="javascript:"]:after,
  1680. a[href^="#"]:after {
  1681. content: "";
  1682. }
  1683.  
  1684. pre,
  1685. blockquote {
  1686. border: 1px solid #999;
  1687. page-break-inside: avoid;
  1688. }
  1689.  
  1690. thead {
  1691. display: table-header-group; /* h5bp.com/t */
  1692. }
  1693.  
  1694. tr,
  1695. img {
  1696. page-break-inside: avoid;
  1697. }
  1698.  
  1699. img {
  1700. max-width: 100% !important;
  1701. }
  1702.  
  1703. @page {
  1704. margin: 0.5cm;
  1705. }
  1706.  
  1707. p,
  1708. h2,
  1709. h3 {
  1710. orphans: 3;
  1711. widows: 3;
  1712. }
  1713.  
  1714. h2,
  1715. h3 {
  1716. page-break-after: avoid;
  1717. }
  1718. }
  1719. #Content_top_home
  1720. {
  1721. width: 984px;
  1722. margin: 0px auto 0;
  1723. padding: 0 0;
  1724. }
  1725.  
  1726. a.bt-view.top{
  1727. margin: -30px 0 0 0;
  1728. padding-left: 50px;
  1729. padding-right: 50px;
  1730. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement