Guest User

Untitled

a guest
Jul 22nd, 2018
90
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.48 KB | None | 0 0
  1. body{
  2. background: #f9f9f9;
  3. font-family: Arial, Verdana, Tahoma, serif;
  4. font-size: 12px;
  5.  
  6. padding: 0;
  7. margin: 0;
  8. }
  9.  
  10. a{
  11. text-decoration: none;
  12. color: #7c7b7b;
  13. }
  14.  
  15. a img{
  16. border: 0;
  17. }
  18.  
  19. ul{
  20. margin: 0;
  21. padding: 0;
  22. }
  23.  
  24. .wrapper{
  25. background: url('images/bg-wrapper-top.jpg') repeat-x top;
  26. }
  27.  
  28. .header{
  29. width: 948px;
  30. height: 118px; /* 118px total */
  31. margin: 0 auto;
  32. }
  33.  
  34. img.logo{
  35. padding: 19px 0 0 3px;
  36. float: left;
  37. }
  38.  
  39. /*************
  40. * Navigation*
  41. * ***********/
  42.  
  43. .navigation{
  44. float: right;
  45. font-family: Verdana, Arial;
  46. font-size: 13px;
  47.  
  48. }
  49.  
  50. .navigation ul{
  51. padding: 63px 0 0 0;
  52. list-style: none;
  53. display: inline-block;
  54. }
  55.  
  56. .navigation ul li{
  57. display: inline-block;
  58. margin: 0;
  59. float: left;
  60. position: relative;
  61. }
  62.  
  63. .navigation ul li a{
  64. padding: 8px 19px;
  65. display: inline-block;
  66. border: 1px solid #b7b6b7;
  67. margin: 0;
  68. color: #4f4e4e;
  69. }
  70.  
  71. .navigation ul li a:hover{
  72. font-weight: bold;
  73. color: #fff;
  74. }
  75.  
  76. .navigation ul li.home-link a{
  77. width: 35px; /* 128px total */
  78. height: 33px;
  79. padding: 0;
  80. background: url('images/icon-home.jpg') no-repeat center;
  81. border-right: 1px solid #d8d9d9;
  82. }
  83.  
  84. .navigation ul li.home-link a:hover{
  85. background: url('images/icon-home-hover.jpg') no-repeat center;
  86. }
  87.  
  88.  
  89. .navigation ul li.programs a{
  90. width: 90px; /* 128px total */
  91. height: 17px;
  92. padding:8px 21px 8px 17px;
  93. background: url('images/bg-menu-programs.jpg') no-repeat center;
  94. border-right: 1px solid #ddd;
  95. }
  96.  
  97. .navigation ul li.programs a:hover{
  98. background: url('images/bg-menu-programs-hover.jpg') no-repeat center;
  99. }
  100.  
  101. .navigation ul li.about a{
  102. width: 45px; /* 128px total */
  103. height: 17px;
  104. /*border-left: 0;*/
  105. border-right: 1px solid #bbb;
  106. }
  107.  
  108. .navigation ul li.about a:hover{
  109. padding: 8px 21px 8px 17px;
  110. background: url('images/bg-menu-about-hover.jpg') no-repeat center;
  111. }
  112. .navigation li.talkback{
  113.  
  114. }
  115.  
  116. .navigation li.talkback a{
  117. border: 1px solid #f73097;
  118. background: url('images/bg-menu-talkback.jpg') no-repeat center;
  119. font-weight: bold;
  120. padding: 8px 0 0 15px;
  121. width: 100px; /* 116px total */
  122. height: 25px;
  123.  
  124. }
  125.  
  126. .navigation li.talkback-active a{
  127. background: url('images/bg-menu-talkback-active.jpg') no-repeat center;
  128. }
  129.  
  130. .navigation li.talkback a{
  131. color: #fff;
  132. }
  133.  
  134. /* Navigation drop down menu */
  135.  
  136. .navigation ul li ul{
  137. display: none;
  138. width: 122px; /* 157px total w/ padding etc */
  139. border: 4px solid #b7b6b7;
  140. padding: 12px 19px;
  141. margin: 0;
  142. position: absolute;
  143. top: 35px;
  144. left: -37px;
  145. background: #fff;
  146. }
  147.  
  148. .navigation ul li:hover ul{
  149. display: inline-block;
  150. z-index: 5000;
  151. }
  152.  
  153. .navigation ul li ul li a{
  154. border: 0 !important;
  155. border-bottom: 2px solid #ccc !important;
  156. background: #fff !important;
  157. padding: 5px 3px !important;
  158. width: 112px !important;
  159. font-size: 13px !important;
  160. }
  161.  
  162. .navigation ul li ul li a:hover{
  163. color: #317867;
  164. font-weight: normal;
  165. }
  166.  
  167. .navigation ul li ul li.last a{
  168. border: 0 !important;
  169. }
  170.  
  171. /* LANGUAGE SELECT */
  172.  
  173. .navigation ul.language{
  174. margin: 0 0 4px 13px;
  175. }
  176.  
  177. ul.language li a{
  178. font-family: verdana, arial;
  179. font-size: 14px;
  180. color: #4b4b4b;
  181. background: url('images/bg-menu-language.jpg') no-repeat center;
  182. border: 0;
  183. }
  184.  
  185. ul.language li.selected-language a{
  186. background: url('images/bg-menu-language-active.jpg') no-repeat center;
  187. }
  188.  
  189. ul.language li a:hover{
  190. font-weight: normal;
  191. color: #4b4b4b;
  192. background: url('images/bg-menu-language-active.jpg') no-repeat center;
  193. }
  194.  
  195. .slider-wrapper{
  196. background: url('images/bg-slider.jpg') no-repeat center;
  197. height: 374px; /*384px total */
  198.  
  199. padding: 1px 2px 0 0;
  200. }
  201.  
  202. .slider{
  203. width: 950px;
  204. margin: 0 auto;
  205. }
  206.  
  207. .nivo-caption a h3, .nivo-caption h3 a{
  208. padding: 18px 0 10px 0px;
  209. font-weight: bold;
  210. color: #eaeaea;
  211. font-size: 24px;
  212. line-height: 24px;
  213. font-family: Arial, Verdana;
  214. }
  215.  
  216. .nivo-caption p{
  217. padding: 0;
  218. font-size: 14px;
  219. line-height: 20px;
  220. font-weight: bold;
  221. font-family: Arial, Verdana;
  222. color: #fff;
  223. }
  224.  
  225. .nivo-caption a.read-more{
  226. display: inline-block;
  227. height: 22px;
  228. padding: 3px 11px;
  229. color: #fff;
  230. background: url('images/bg-slider-watchnow.jpg') repeat-x top left;
  231. margin: 25px 0 0 150px;
  232. }
  233.  
  234. .separator{
  235. height: 41px;
  236. border-top: 1px solid #ababab;
  237. background: #2f2f2f;
  238. }
  239. /*****************
  240. * Content main *
  241. * ***************/
  242.  
  243. .content-wrapper{
  244. width: 947px;
  245. margin: 0 auto;
  246. padding: 0 0 23px 0;
  247. }
  248.  
  249. .content-left{
  250. float:left;
  251. width: 568px; /* 568px total */
  252. font-family: Verdana;
  253. font-size: 12px;
  254. line-height: 20px;
  255. color: #2a2a2a;
  256. }
  257.  
  258. .content-left h3, content-left a h3{
  259. color: #;
  260. font-family: Arial, Verdana, Tahoma;
  261. line-height: 28px;
  262. font-size: 20px;
  263. font-weight: normal;
  264. color: #686767;
  265. border-bottom: 1px solid #c0c0c0;
  266.  
  267. padding: 0 0 9px 0;
  268. margin-bottom: 9px;
  269. }
  270.  
  271. .content-left h3 span{
  272. color: #3a8271;
  273. }
  274.  
  275.  
  276.  
  277. .tweetbox{
  278. background: #f0efef;
  279. border: 1px solid #e3e3e3;
  280.  
  281. -moz-border-radius-topleft: 12px;
  282. -moz-border-radius-topright:12px;
  283. -moz-border-radius-bottomleft:12px;
  284. -moz-border-radius-bottomright:12px;
  285. -webkit-border-top-left-radius:12px;
  286. -webkit-border-top-right-radius:12px;
  287. -webkit-border-bottom-left-radius:12px;
  288. -webkit-border-bottom-right-radius:12px;
  289. border-top-left-radius:12px;
  290. border-top-right-radius:12px;
  291. border-bottom-left-radius:12px;
  292. border-bottom-right-radius:12px;
  293.  
  294. position:relative;
  295. margin: 55px 0 50px 0;
  296. line-height: 24px;
  297. font-size: 16px;
  298. font-family: Arial;
  299. color: #535252;
  300. }
  301.  
  302. .tweetbox img.bird{
  303. position:absolute;
  304. top: -45px;
  305. left: -31px;
  306. display:
  307. }
  308.  
  309. .tweetbox p{
  310. margin: 0;
  311. padding: 22px 24px;
  312. }
  313.  
  314. a.follow-button{
  315. background: url('images/bg-button-twitter.jpg') top left no-repeat;
  316. width: 140px;
  317. height: 25px;
  318. padding: 8px 5px 6px 12px;
  319. font-size: 13px;
  320. font-family: Arial;
  321. color: #eaeaea;
  322. position: absolute;
  323. bottom: -50px;
  324. right: -10px;
  325. }
  326.  
  327. .content-right{
  328. background: url('images/bg-sidebar.jpg') bottom repeat-x #dcdcdc;
  329. float: right;
  330.  
  331. min-height: 200px;
  332. padding: 26px 18px 0 18px;
  333. width: 305px;
  334. color: #686868;
  335. }
  336.  
  337. .content-right h3{
  338. margin: 0 0 5px 0;
  339. padding: 0 0 9px 0;
  340. font-family: Verdana, Arial, Tahoma;
  341. font-size:16px;
  342. font-weight: normal;
  343. color: #686767;
  344. border-bottom: 1px solid #acacac;
  345. }
  346.  
  347. .content-right h3 span{
  348. color: #d43e8b;
  349. }
  350.  
  351. .question-sidebar{
  352. padding: 2px 7px;
  353. line-height: 16px;
  354. }
  355.  
  356. .question-sidebar img{
  357. padding: 0 6px 0 0;
  358. }
  359.  
  360. .video-sidebar{
  361. padding: 7px 8px;
  362. background: #f9f9f9;
  363. border: 1px solid #e0e0e0;
  364. width: 287px;
  365. height: 160px;
  366. margin: 4px 0 9px 0;
  367.  
  368. -moz-box-shadow: 0px 4px 5px #787878;
  369. -webkit-box-shadow: 0px 4px 5px #787878;
  370. box-shadow: 0px 4px 5px #787878;
  371.  
  372. }
  373.  
  374. .video-sidebar img{
  375.  
  376. }
  377.  
  378. .bio-sidebar{
  379. position: relative;
  380. padding: 0 0 0 9px;
  381. }
  382.  
  383. .bio-sidebar h3{
  384. font-size: 18px;
  385. font-weight: bold;
  386. color: #333;
  387. border: 0;
  388. margin-bottom: 1px;
  389. }
  390.  
  391. .bio-sidebar a.bio-more{
  392. background: url('images/bg-sidebar-viewmore.jpg') no-repeat top left;
  393. display: inline-block;
  394. position: absolute;
  395. bottom: 0;
  396. right: 0;
  397. padding: 7px 7px 5px 11px;
  398. width: 75px;
  399. height: 17px;
  400. color: #fff;
  401. font-weight: bold;
  402. }
  403.  
  404. .bio-sidebar ul{
  405. list-style: none;
  406. padding: 0 0 0 6px;
  407. }
  408.  
  409. .bio-sidebar ul li{
  410. padding: 0 0 5px 20px;
  411. }
  412.  
  413. .bio-sidebar ul li.age{
  414. background: url('images/icon-sidebar-age.jpg') no-repeat top left;
  415. }
  416.  
  417. .bio-sidebar ul li.profession{
  418. background: url('images/icon-sidebar-profession.jpg') no-repeat top left;
  419. }
  420.  
  421. .bio-sidebar ul li.country{
  422. background: url('images/icon-sidebar-country.jpg') no-repeat top left;
  423. }
  424.  
  425. /******************
  426. * PAGES styling *
  427. * ****************/
  428.  
  429. .content-wrapper.page{
  430. padding-bottom: 10px;
  431. }
  432.  
  433. .page{
  434. width: 863px;
  435. }
  436. .page h2{
  437. font-size: 18px;
  438. font-family: Verdana, Arial;
  439. color: #707172;
  440. font-weight: normal;
  441. border-bottom: 2px solid #ccc;
  442. padding: 3px 0 3px 0;
  443. }
  444.  
  445. .page h3{
  446. font-size:14 px;
  447. line-height: 23px;
  448. color: #4e4e4e;
  449. }
  450.  
  451. .page p{
  452. font-family: Verdana, Arial;
  453. font-size: 14px;
  454. line-height: 23px;
  455. color: #656565;
  456. }
  457.  
  458. .about-gallery{
  459. padding: 7px;
  460. border: 1px solid #bebebe;
  461. width: 200px;
  462. height: 100px;
  463.  
  464. -moz-box-shadow: 0px 0px 1px 1px #dfdfdf;
  465. -webkit-box-shadow: 0 0 1px 1px #dfdfdf;
  466. box-shadow: 0 0 1px 1px #dfdfdf;
  467.  
  468. width: 821px;
  469. height: 411px;
  470. margin: 0 0 0 10px;
  471. }
  472.  
  473. .program-box{
  474. border-bottom: 2px dashed #dcd9d9;
  475. padding: 0px 0 13px 0;
  476. margin: 0 0 24px 0;
  477. }
  478.  
  479. .program-box a img{
  480. -moz-box-shadow: 0px 0px 1px 1px #dfdfdf;
  481. -webkit-box-shadow: 0 0 1px 1px #dfdfdf;
  482. box-shadow: 0 0 2px 2px #d2d2d2;
  483. }
  484.  
  485. .program-box .right{
  486. width: 604px;
  487. margin: 0 20px 0 0;
  488.  
  489. }
  490.  
  491. .program-box h3{
  492. margin: 2px 0 0 0;
  493. font-family: Verdana, Arial;
  494. }
  495.  
  496. .program-box p{
  497. margin: 6px 0;
  498. }
  499.  
  500. a.prog-watchnow{
  501. display: block;
  502. float: right;
  503. padding: 8px 13px;
  504. font-family: Arial, Verdana, Tahoma;
  505. font-size: 11px;
  506. color: #ababab;
  507. background: url('images/button-watchnow.jpg') top left no-repeat;
  508. width: 70px;
  509. height: 14px;
  510. font-weight: bold;
  511. }
  512.  
  513. .program-box.last{
  514. border: 0;
  515. margin-bottom: 15px;
  516. }
  517.  
  518.  
  519. /***********
  520. * Footer *
  521. * *********/
  522.  
  523. .footer{
  524. background: url('images/bg-footer.jpg') bottom left repeat-x #565656;
  525. height: 248px; /* 238px total incl. all paddings */
  526. color: #fff;
  527. }
  528.  
  529. .footer h3{
  530. font-family: Tahoma, Arial, Verdana, Serif;
  531. font-size: 16px;
  532. color: #b9d2cd;
  533. margin: 20px 0 13px 0;
  534. padding: 0;
  535. }
  536.  
  537. .footer a{
  538. color: #fff;
  539. font-family: Arial, Verdana, Tahoma;
  540. font-size: 12px;
  541. }
  542.  
  543. .footer-top, .footer-bottom{
  544. width: 947px;
  545. margin: 0 auto;
  546. }
  547.  
  548. .footer-top ul li, .footer-bottom ul li{
  549. border-right: 1px solid #fff;
  550. padding: 0px 8px 0 5px;
  551. margin-top: 7px;
  552. }
  553.  
  554. .footer-top ul li.last, .footer-bottom ul li.last{
  555. border-right: 0px solid #fff;
  556. }
  557.  
  558.  
  559. .footer-top{
  560. height: 215px;
  561. }
  562.  
  563. .footer-top .left li{
  564. display: inline-block;
  565. border: 0;
  566. padding: 0 19px 0 0;
  567. }
  568.  
  569. .footer-top .right{
  570. width: 327px;
  571. }
  572.  
  573. .footer-top .right ul{
  574. list-style: none;
  575. margin: 0;
  576. padding: 0;
  577. }
  578.  
  579. .footer-top .right ul li{
  580. border: 0;
  581. padding: 0;
  582. margin: 0 0 8px 0;
  583. }
  584.  
  585. .footer-top .right ul a{
  586. font-size: 14px;
  587. font-family: Arila, Verdana, Tahoma;
  588. font-weight: bold;
  589. }
  590.  
  591. .footer-bottom ul{
  592. list-style: none;
  593. margin-top: 2px;
  594. }
  595.  
  596. .footer-bottom .left{
  597. padding-left: 5px;
  598. }
  599.  
  600. .footer-bottom ul li{
  601. display: inline-block;
  602. }
  603.  
  604. .left{
  605. float: left;
  606. }
  607.  
  608. .right{
  609. float: right;
  610. }
  611.  
  612. .clear{
  613. clear:both;
  614. }
Add Comment
Please, Sign In to add comment