API tools faq
paste
Advertisement
Guest User

CSS Page

a guest
Feb 19th, 2017
92
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.58 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. body {
  4. background: url(https://www.livestreamonline.tv/img/bodybg/bg-1.jpg) center repeat;
  5. color: #333;
  6. font-size: 12px;
  7. height: auto;
  8. } /*---------------------------------*/
  9.  
  10. a {
  11. color: #333;
  12. text-decoration:none;
  13. }
  14.  
  15. a.text-link {
  16. color: #333;
  17. font-family:Georgia, sans-serif;
  18. font-style:italic;
  19. padding-left:30px;
  20. background: url(https://www.livestreamonline.tv/img/text-link.png) 0% 7px no-repeat;
  21. }
  22.  
  23.  
  24. a:hover {
  25. text-decoration:underline;
  26. color:#b71818;
  27. }
  28.  
  29. a.text-link :hover {
  30. color:#b71818;
  31. }
  32.  
  33. #top-area {
  34. width: 100%;
  35. height: 450px;
  36. background: url(https://www.livestreamonline.tv/img/topbg/bg-1.jpg) top center repeat;
  37. margin: 0;
  38. }
  39.  
  40. .glow {
  41. width: 100%;
  42. height: 100%;
  43. background: url(../img/topbg/glow.png) top center no-repeat;
  44. margin: 0;
  45. }
  46.  
  47. .logo {
  48. margin:0 auto;
  49. margin-left:0 auto;
  50. margin-right:0 auto;
  51. margin-top:10px;
  52. }
  53.  
  54. h1.phone {
  55. float:right;
  56. color:#f4f4f4;
  57. margin-top:15px;
  58. }
  59.  
  60. .separator {
  61. position: relative;
  62. width: 100%;
  63. height: 10px;
  64. margin: 0 auto 0 auto;
  65. background: url(../img/bg-pattern1.jpg) repeat;
  66. overflow: hidden;
  67. }
  68.  
  69. #main-wrap {
  70. margin: 0 auto;
  71. width: 980px;
  72. height: auto;
  73. margin-top: -370px;
  74. background: url(../img/main-bg.png) center repeat;
  75. -moz-box-shadow: 0 0 10px rgba(0,0,0,0.25);
  76. -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.25);
  77. box-shadow: 0 0 10px rgba(0,0,0,0.25);
  78. }
  79.  
  80. .inner {
  81. margin-top: 30px;
  82. margin-bottom: 30px;
  83. }
  84. .header {
  85. margin: 0 auto;
  86. width: 980px;
  87. padding-top: 30px;
  88. }
  89.  
  90.  
  91. /*--------------- featured area ----------------*/
  92. .featured-area {
  93. width: 100%;
  94. height: 450px;
  95. background: #fff;
  96. position: relative;
  97. overflow: hidden;
  98. margin-bottom: 30px;
  99. }
  100.  
  101. .video {
  102. background:#a0a0a0;
  103. }
  104.  
  105.  
  106. .static-content-outter {
  107. position: absolute;
  108. width: 440px;
  109. padding: 10px;
  110. height: auto;
  111. right: 0;
  112. top: 0;
  113. overflow: hidden;
  114. background: transparent url(../img/transparent.png) repeat;
  115. z-index: 999;
  116. }
  117.  
  118. .static-content-inner {
  119. padding: 20px;
  120. width: 400px;
  121. margin: 0 auto;
  122. height: 390px;
  123. display:block;
  124. background:url(../img/form-bg.jpg) repeat;
  125. z-index: 999;
  126. }
  127. .static-content-inner h1 { color: #fff; }
  128.  
  129. h1.title {
  130. line-height:40px;
  131. background: transparent url(../img/icons/tv-small.png) 10px 0% no-repeat;
  132. }
  133.  
  134. .static-content-inner p { color: #f2f2f2; }
  135. .static-content-inner p.note {
  136. text-align:center;
  137. font-size:11px;
  138. margin-bottom:0;
  139. }
  140. .static-content big,
  141. .promo p { color: #eee }
  142. .static-content small { color: #ccc; font-size:11px; }
  143. /*-------------- sliders ----------------------------*/
  144. /* -- Nivo Slider -- */
  145. #nivo-slider {
  146. position: relative;
  147. overflow: hidden;
  148. width: 990px;
  149. height: 378px;
  150. margin: 0px;
  151. padding: 0px;
  152. }
  153. .nivo-controlNav {
  154. position: absolute;
  155. bottom: 10px;
  156. right: 8px;
  157. z-index: 9999;
  158. }
  159. .nivo-controlNav a {
  160. display: block;
  161. width: 10px;
  162. height: 10px;
  163. text-indent: -9999px;
  164. border: 0;
  165. margin-right: 2px;
  166. float: left;
  167. }
  168. .nivo-controlNav a.active { background-position: 0px -14px }
  169. /*--------------------- form ---------------------------*/
  170. /*----------------------- featured form ----------------------------*/
  171. #optform { width: 400px }
  172. input { height: 30px }
  173. ul.cform {
  174. margin: 0 !important;
  175. padding: 0 !important;
  176. margin-left: 0;
  177. list-style: none;
  178. }
  179. ul.cform li {
  180. margin-top: 0 !important;
  181. margin-bottom: 20px !important;
  182. }
  183. ul.cform li .btn { margin-top: 0 !important }
  184. ul.cform li label {
  185. display: block;
  186. margin-bottom: 10px;
  187. line-height: 30px;
  188. width: 65px;
  189. float:left;
  190. color:#f4f4f4;
  191. }
  192.  
  193.  
  194. input#name,
  195. input#email {
  196.  
  197. margin-left:20px;
  198. width: 313px;
  199. width: 311px \0/; /* for IE 9 */
  200. border: 1px solid #f3f3f3;
  201. background: #fff;
  202. }
  203.  
  204. input.button {
  205. background-color: #e89121;
  206. font-size: 11px;
  207. line-height:1.5em;
  208. font-weight: bold;
  209. padding: 0 10px 3px 10px;
  210. color: #fff;
  211. cursor:pointer;
  212. text-transform: uppercase;
  213. -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.9) inset, 0 2px 6px rgba(255, 255, 255, 0.5) inset;
  214. -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.9) inset, 0 2px 6px rgba(255, 255, 255, 0.5) inset;
  215. box-shadow: 0 0 1px rgba(0, 0, 0, 0.9) inset, 0 2px 6px rgba(255, 255, 255, 0.5) inset;
  216. -webkit-border-radius: 4px;
  217. -moz-border-radius: 4px;
  218. border-radius: 4px;
  219.  
  220. }
  221. input.button { text-decoration: none; border:none; }
  222.  
  223. span.note {
  224. color:#f2f2f2;
  225. font-size:20px;
  226. margin-left:20px;
  227. padding-left:40px;
  228. background: url(../img/icons/strip.png) no-repeat 0% 14px;
  229. }
  230.  
  231. .validation {
  232. display: none;
  233. color:#fff;
  234. font-style:italic;
  235. font-size:11px;
  236. }
  237.  
  238. #sendmessage {
  239. background: url(../img/icons/success_icon.png) no-repeat 20px center #DFF2BF;
  240. border: 1px solid #4F8A10;
  241. color: #4F8A10;
  242. display: none;
  243. padding: 15px 12px 15px 65px;
  244. margin: 10px 0;
  245. }
  246. input[type=text]:focus,
  247. textarea:focus,
  248. input[type=password]:focus { outline: 0 none; }
  249. .reginput { width: 242px; }
  250. .inputstyle { font-size: 12px; }
  251. .fancyinputarea {
  252. padding: 9px;
  253. outline: 0;
  254. font-size: 12px;
  255. }
  256.  
  257.  
  258.  
  259. /*============================= Elements =============================================*/
  260. /*-------------- list ----------------------------*/
  261. ul.features { list-style: none; }
  262. ul.features li {
  263. padding: 0 0 0 21px;
  264. background: url(../img/icons/list.gif) no-repeat 0% 5px;
  265. }
  266.  
  267. ul.onform li {
  268. padding: 0 0 0 21px;
  269. background: url(../img/icons/list-light.png) no-repeat 0% 5px;
  270. color:#f2f2f2;
  271. }
  272.  
  273.  
  274. ul.payments { list-style: none; }
  275. ul.payments li {
  276. float: left;
  277. margin-right: 10px;
  278. }
  279.  
  280. ul.links {
  281. list-style: none;
  282. float:right;
  283. }
  284. ul.links li {
  285. float: left;
  286. margin-right: 10px;
  287. }
  288.  
  289.  
  290. /*-------------- fixed width buttons ------------------------*/
  291. /* button 1 */
  292. .fixedbutton1 { background-position: 0 0; }
  293. a.fixedbutton1 {
  294. background: url(../img/buttons/fixedbutton1-r.png) no-repeat top right;
  295. display: block;
  296. float: left;
  297. height: 40px;
  298. padding-right: 20px;
  299. text-decoration: none;
  300. font-size: 12px;
  301. font-weight: bold;
  302. text-transform: uppercase;
  303. text-align: center;
  304. }
  305. a.fixedbutton1 span {
  306. background: url(../img/buttons/fixedbutton1-l.png) no-repeat;
  307. display: block;
  308. line-height: 40px;
  309. padding: 0px 0 0px 20px;
  310. color: #f2f2f2;
  311. }
  312. a.fixedbutton1:hover span {
  313. background-position: 0 -40px;
  314. color: #fff;
  315. }
  316. a.fixedbutton1:hover { background-position: right -40px; text-decoration:none;}
  317. /* button 2 */
  318. .fixedbutton2 { background-position: 0 0; }
  319. a.fixedbutton2 {
  320. background: url(../img/buttons/fixedbutton2-r.png) no-repeat top right;
  321. display: block;
  322. float: left;
  323. height: 40px;
  324. padding-right: 20px;
  325. text-decoration: none;
  326. font-size: 12px;
  327. font-weight: bold;
  328. text-transform: uppercase;
  329. text-align: center;
  330. }
  331. a.fixedbutton2 span {
  332. background: url(../img/buttons/fixedbutton2-l.png) no-repeat;
  333. display: block;
  334. line-height: 40px;
  335. padding: 0px 0 0px 20px;
  336. color: #784402;
  337. }
  338. a.fixedbutton2:hover span {
  339. background-position: 0 -40px;
  340. color: #fff; text-decoration:none;
  341. }
  342. a.fixedbutton2:hover { background-position: right -40px; text-decoration:none;}
  343. a.fixedbutton1,
  344. a.fixedbutton2 { width: 164px; }
  345. /*-------------- cta area -----------------------*/
  346. .cta-area {
  347. display: block;
  348. margin-left:-10px;
  349. margin-top:10px;
  350. width:960px;
  351. overflow: hidden;
  352. background: url(../img/bg-pattern1.jpg) repeat;
  353. height: auto;
  354. padding: 20px 10px 20px 10px;
  355. }
  356. .cta-area h2 {
  357. color: #fff;
  358. margin-top:10px;
  359. margin-bottom: 10px;
  360. line-height: 1em;
  361. }
  362. .cta-area p {
  363. color: #f2f2f2;
  364. margin-bottom: 0;
  365. font-style: italic;
  366. }
  367. .cta-area strong {
  368. font-weight: bold;
  369. color: #e89121;
  370. }
  371. .action-area {
  372. background:url(../img/icons/arrow.png) no-repeat left;
  373. overflow: hidden;
  374. float:right;
  375. margin-right:10px;
  376. margin-top:18px;
  377. padding-left:51px;
  378. }
  379. /*
  380. Thumbnail scroller jQuery plugin
  381. scrollers styling
  382. */
  383. .jThumbnailScroller {
  384. position: relative;
  385. width: 940px;
  386. height: 110px;
  387. margin: 0 auto 0 auto;
  388. background: url(../img/bg-pattern1.jpg) repeat;
  389. padding: 0;
  390. overflow: hidden;
  391. }
  392. .jThumbnailScroller .jTscrollerContainer { position: absolute; }
  393. .jThumbnailScroller ul.jTscroller {
  394. position: relative;
  395. height: 100%;
  396. margin: 0;
  397. left: 0;
  398. top: 0;
  399. display: inline-block;
  400. *display: inline;
  401. list-style: none;
  402. }
  403. .jThumbnailScroller .jTscrollerNextButton,
  404. .jThumbnailScroller .jTscrollerPrevButton {
  405. position: absolute;
  406. display: block;
  407. width: 40px;
  408. height: 40px;
  409. -moz-border-radius: 20px;
  410. -webkit-border-radius: 20px;
  411. border-radius: 20px;
  412. opacity: 0.7;
  413. }
  414. .jThumbnailScroller .jTscrollerNextButton { background: #000 url(nextArrow.png) center center; }
  415. .jThumbnailScroller .jTscrollerPrevButton { background: #000 url(prevArrow.png) center center; }
  416. .jThumbnailScroller .jTscrollerNextButton:hover,
  417. .jThumbnailScroller .jTscrollerPrevButton:hover {
  418. background-color: #d56916;
  419. opacity: 1;
  420. }
  421. .jThumbnailScroller ul.jTscroller li { float: left; }
  422. .jThumbnailScroller ul.jTscroller li a {
  423. display: block;
  424. float: left;
  425. border: 5px solid #f1f1f1;
  426. margin: 10px 10px 10px 0;
  427. background: #fff;
  428. }
  429. .jThumbnailScroller ul.jTscroller li a:hover { border-color: #fff; }
  430. .jThumbnailScroller ul.jTscroller li a:first-child { margin-left: 10px; }
  431. .jThumbnailScroller ul.jTscroller li a img { border: none; }
  432. /*--------------- elements -----------------------------------*/
  433. /* dropcap */
  434. .dropcap-circle {
  435. float: left;
  436. display: block;
  437. margin: 0 15px 15px 0;
  438. font-size: 22px;
  439. line-height: 40px;
  440. text-shadow: none;
  441. width: 40px;
  442. text-align: center;
  443. border-radius: 40px;
  444. -moz-border-radius: 40px;
  445. -webkit-border-radius: 40px;
  446. background: #0095cd;
  447. color: #fafafa;
  448. }
  449. /* pricing table */
  450. .pricing-table {
  451. margin-bottom: 30px;
  452. width: 618px;
  453. }
  454. .pricing-table.col3 .box { width: 33.33%; }
  455. .pricing-table .box {
  456. float: left;
  457. margin-top: 7px;
  458. }
  459. .pricing-table .box .box-inner {
  460. border: 1px solid #dedede;
  461. padding: 20px;
  462. text-align: center;
  463. background: #fdfdfd;
  464. background: -moz-linear-gradient(top, #fdfdfd 0%, #f5f5f5 100%);
  465. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f5f5f5));
  466. background: -webkit-linear-gradient(top, #fdfdfd 0%,#f5f5f5 100%);
  467. background: -o-linear-gradient(top, #fdfdfd 0%,#f5f5f5 100%);
  468. background: -ms-linear-gradient(top, #fdfdfd 0%,#f5f5f5 100%);
  469. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f5f5f5',GradientType=0 );
  470. background: linear-gradient(top, #fdfdfd 0%,#f5f5f5 100%);
  471. }
  472. .pricing-table .first .box-inner {
  473. -webkit-border-top-left-radius: 5px;
  474. -webkit-border-bottom-left-radius: 5px;
  475. -moz-border-radius-topleft: 5px;
  476. -moz-border-radius-bottomleft: 5px;
  477. border-top-left-radius: 5px;
  478. border-bottom-left-radius: 5px;
  479. }
  480. .pricing-table .last .box-inner {
  481. -webkit-border-top-right-radius: 5px;
  482. -webkit-border-bottom-right-radius: 5px;
  483. -moz-border-radius-topright: 5px;
  484. -moz-border-radius-bottomright: 5px;
  485. border-top-right-radius: 5px;
  486. border-bottom-right-radius: 5px;
  487. }
  488. .pricing-table .box .title {
  489. margin-bottom: 0;
  490. text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8), 0 2px 0 #CCCCCC;
  491. }
  492. .pricing-table .box .box-inner .theading { background: #ffcc00; }
  493. .pricing-table .box .price span {
  494. padding-bottom: 5px;
  495. border-bottom: 1px solid #ccc;
  496. }
  497. .pricing-table .box .price span {
  498. font-size: 20px;
  499. font-weight: bold;
  500. line-height: 1.5em;
  501. color: #454545;
  502. }
  503. .pricing-table .box ul.description {
  504. margin-top: 20px;
  505. text-shadow: 0 1px 0 #fff;
  506. color: #454545;
  507. list-style: none;
  508. }
  509. .pricing-table .special .box-inner {
  510. border: 1px solid #dedede;
  511. position: relative;
  512. margin-top: -7px;
  513. margin-left: -7px;
  514. webkit-border-radius: 5px;
  515. -moz-border-radius: 5px;
  516. border-radius: 5px;
  517. -webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.2);
  518. -moz-box-shadow: 0 2px 15px rgba(0,0,0,0.2);
  519. box-shadow: 0 2px 15px rgba(0,0,0,0.33);
  520. }
  521. .pricing-table .box.special .box-inner {
  522. background: #fdfdfd;
  523. background: -moz-linear-gradient(top, #f5f5f5 0%, #fdfdfd 100%);
  524. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#fdfdfd));
  525. background: -webkit-linear-gradient(top, #f5f5f5 0%,#fdfdfd 100%);
  526. background: -o-linear-gradient(top, #f5f5f5 0%,#fdfdfd 100%);
  527. background: -ms-linear-gradient(top, #f5f5f5 0%,#fdfdfd 100%);
  528. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#fdfdfd',GradientType=0 );
  529. background: linear-gradient(top, #f5f5f5 0%,#fdfdfd 100%);
  530. }
  531. .pricing-table .action a {
  532. background-color: #e89121;
  533. font-size: 11px;
  534. font-weight: bold;
  535. padding: 6px 10px;
  536. color: #fff;
  537. text-transform: uppercase;
  538. -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.9) inset, 0 2px 6px rgba(255, 255, 255, 0.5) inset;
  539. -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.9) inset, 0 2px 6px rgba(255, 255, 255, 0.5) inset;
  540. box-shadow: 0 0 1px rgba(0, 0, 0, 0.9) inset, 0 2px 6px rgba(255, 255, 255, 0.5) inset;
  541. -webkit-border-radius: 4px;
  542. -moz-border-radius: 4px;
  543. border-radius: 4px;
  544. }
  545. .pricing-table .action a:hover {
  546. -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.9) inset, 0 -2px 6px rgba(255, 255, 255, 0.5) inset;
  547. -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.9) inset, 0 -2px 6px rgba(255, 255, 255, 0.5) inset;
  548. box-shadow: 0 0 1px rgba(0, 0, 0, 0.9) inset, 0 -2px 6px rgba(255, 255, 255, 0.5) inset;
  549. text-decoration:none;
  550. }
  551. .pricing-table .action a:active {
  552. -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.9) inset, 0 2px 6px rgba(0, 0, 0, 0.5) inset;
  553. -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.9) inset, 0 2px 6px rgba(0, 0, 0, 0.5) inset;
  554. box-shadow: 0 0 1px rgba(0, 0, 0, 0.9) inset, 0 2px 6px rgba(0, 0, 0, 0.5) inset;
  555. }
  556. .pricing-table .box.features .box-inner {
  557. border-right: none;
  558. background: #f5f5f5;
  559. text-align: left;
  560. margin-top: 10px;
  561. }
  562. .pricing-table .box.features .box-inner .title {
  563. margin-left: 0px;
  564. text-shadow: none;
  565. }
  566. .pricing-table .box.features ul.description { list-style: none }
  567. .pricing-table .box ul li {
  568. padding-bottom: 5px;
  569. border-bottom: 1px solid #ccc;
  570. }
  571. .pricing-table .box.features ul.description li .help { cursor: help }
  572. .pricing-table h2.title { color: #b81616 }
  573. .pricing-table .special .box-inner { border: 1px solid #dedede }
  574. .pricing-table .box:hover {
  575. webkit-border-radius: 5px;
  576. -moz-border-radius: 5px;
  577. border-radius: 5px;
  578. -webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.2);
  579. -moz-box-shadow: 0 2px 15px rgba(0,0,0,0.2);
  580. box-shadow: 0 2px 15px rgba(0,0,0,0.33);
  581. }
  582. /*----- Testimonial ------*/
  583. .testimonials {
  584. width:940px;
  585. margin-left:-10px;
  586. background: url(../img/bg-pattern1.jpg) repeat;
  587. height: auto;
  588. padding: 20px;
  589. padding-bottom: 1px;
  590. margin-bottom: 30px;
  591. }
  592. .testimonials ul {
  593. margin-top: 0;
  594. list-style: none;
  595. }
  596. .testimonials ul li {
  597. line-height: 1.5em;
  598. color: #e3e1e1;
  599. }
  600. .testimonials span.meta {
  601. font-size: 12px;
  602. font-weight: bold;
  603. float: right;
  604. line-height: 1.0em;
  605. color: #797979;
  606. margin-bottom: 0;
  607. clear: both;
  608. }
  609. .testimonials p {
  610. margin-top: 0;
  611. font-size: 18px;
  612. background: url(../img/icons/bg-testi.png) no-repeat 0% 2px;
  613. color: #f6f6f6;
  614. font-style: italic;
  615. padding-left: 60px;
  616. }
  617. /* toggles */
  618. .toggle {
  619. display: block;
  620. margin-bottom: 15px;
  621. }
  622. /* toggle header */
  623. .toggle h5.title {
  624. font-size: 14px;
  625. margin-bottom: 3px;
  626. padding: 5px 12px;
  627. -moz-border-radius: 4px;
  628. -webkit-border-radius: 4px;
  629. border-radius: 4px;
  630. display: block;
  631. overflow: hidden;
  632. position: relative;
  633. cursor: pointer;
  634. }
  635. .toggle span.title:hover { }
  636. /* currently active header */
  637. .toggle span.active { cursor: pointer }
  638. .toggle h5.title span.title_content {
  639. display: block;
  640. overflow: hidden;
  641. position: relative;
  642. background: url(../img/icons/plus.png) no-repeat center right;
  643. }
  644. /* toggle pane */
  645. .toggle .pane {
  646. border-radius: 2px;
  647. -moz-border-radius: 2px;
  648. -webkit-border-radius: 2px;
  649. margin: 5px 0;
  650. display: none;
  651. padding: 15px;
  652. font-size: 12px;
  653. line-height: 1.5em;
  654. border: 1px solid #f3f3f3;
  655. background: #fff;
  656. }
  657. /* toggle_style1 */
  658. .tstyle1 h5.title {
  659. background: #f8f8f8;
  660. color: #777;
  661. text-shadow: 1px 1px 0 #fff;
  662. }
  663. .tstyle1 h5.title:hover,
  664. .toggle_style1 span.active:hover {
  665. color: #333;
  666. background: #f1f1f1;
  667. }
  668. .tstyle1 h5.active span.title_content { background: url(../img/icons/minus.png) no-repeat center right }
  669. .tstyle1 span.active {
  670. color: #333;
  671. background: #f1f1f1;
  672. }
  673.  
  674.  
  675. /*------------------------ social networks ---------------*/
  676. ul.fsocial_network {
  677. display:inline;
  678. float:left;
  679. height:32px;
  680. list-style-image:none;
  681. list-style-position:outside;
  682. list-style-type:none;
  683. margin-top:-10px;
  684. }
  685. .fsocial_network li{
  686. float:left;
  687. margin-right:10px;
  688. }
  689. li.image_one a {
  690. display:block;
  691. width:32px;
  692. height:32px;
  693. position:relative;
  694. }
  695. li.image_one a .fb-rollover{
  696. display:block;
  697. position:absolute;
  698. top:0;
  699. left:0;
  700. width:32px;
  701. height:32px;
  702. background:url(../img/icons/social/facebook.png) no-repeat top left;
  703. }
  704. li.image_one a .twitter-rollover{
  705. display:block;
  706. position:absolute;
  707. top:0;
  708. left:0;
  709. width:32px;
  710. height:32px;
  711. background:url(../img/icons/social/twitter.png) no-repeat top left;
  712. }
  713. li.image_one a .linkedin-rollover{
  714. display:block;
  715. position:absolute;
  716. top:0;
  717. left:0;
  718. width:32px;
  719. height:32px;
  720. background:url(../img/icons/social/linkedin.png) no-repeat top left;
  721. }
  722. li.image_one a .rss-rollover{
  723. display:block;
  724. position:absolute;
  725. top:0;
  726. left:0;
  727. width:32px;
  728. height:32px;
  729. background:url(../img/icons/social/rss.png) no-repeat top left;
  730. }
  731.  
  732. li.image_one a .gplus-rollover{
  733. display:block;
  734. position:absolute;
  735. top:0;
  736. left:0;
  737. width:32px;
  738. height:32px;
  739. background:url(../img/icons/social/gplus.png) no-repeat top left;
  740. }
  741.  
  742. li.image_one a .mail-rollover{
  743. display:block;
  744. position:absolute;
  745. top:0;
  746. left:0;
  747. width:32px;
  748. height:32px;
  749. background:url(../img/icons/social/mail.png) no-repeat top left;
  750. }
  751.  
  752.  
  753. /*------------------------ footer -----------------------*/
  754. p.copyright {
  755. float:left;
  756. }
  757.  
  758. ul.links li a {
  759. color: #333;
  760. }
  761.  
  762. ul.links li a:hover {
  763. color:#b71818;
  764. }
  765.  
  766.  
  767. /*
  768. Back to top button
  769. */
  770. #back-top {
  771. position: fixed;
  772. bottom:10px;
  773. right:35px;
  774. }
  775. #back-top a {
  776. width: 40px;
  777. display: block;
  778. text-align: center;
  779. font: 11px/100% Arial, Helvetica, sans-serif;
  780. text-transform: uppercase;
  781. text-decoration: none;
  782. color: #bbb;
  783. /* background color transition */
  784. -webkit-transition: 1s;
  785. -moz-transition: 1s;
  786. transition: 1s;
  787. }
  788. #back-top a:hover {
  789. color: #000;
  790. }
  791. /* arrow icon (span tag) */
  792. #back-top span {
  793. width: 40px;
  794. height: 40px;
  795. display: block;
  796. margin-bottom: 7px;
  797. background:url(../img/icons/to-top.png) no-repeat center center;
  798.  
  799. /* background color transition */
  800. -webkit-transition: 1s;
  801. -moz-transition: 1s;
  802. transition: 1s;
  803. opacity:0.7;
  804. }
  805. #back-top a:hover span {
  806. opacity:1;
  807. }
  808.  
  809. /*------------------------ special layout --------------------*/
  810. .subgrid_12,
  811. .cta-left {
  812. display: inline;
  813. float: left;
  814. margin-left: 10px;
  815. margin-right: 10px;
  816. }
  817. .cta-left { width: 480px; }
  818. .subgrid_12 { width: 920px }
  819. /*------------------------ misc and spacer-----------------------------*/
  820. .center { text-align: center }
  821. .left { float: left; }
  822.  
  823. .right { float: right; }
  824.  
  825. img.left { margin: 2px 15px 0 0 }
  826. .hor-divider {
  827. height: 2px;
  828. background: url(../img/hor-divider.png) repeat-x;
  829. margin-top: 10px;
  830. margin-bottom: 30px;
  831. }
  832. /* spacer */
  833. .spacer10 { margin-top: 10px }
  834. .spacer20 { margin-top: 20px }
  835. .spacer30 { margin-top: 30px }
  836. .botspacer20 { margin-bottom: 20px }
  837. .botspacer30 { margin-bottom: 30px }
  838. .right20 { margin-right: 20px }
  839. .left20 { margin-left: 20px }
  840.  
  841. a img { border: none }
  842. p { }
  843. .clear { clear: both }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!