CSS   31

camera.css

Guest on 8th May 2022 07:17:45 AM

  1. /**************************
  2. *
  3. *       GENERAL
  4. *
  5. **************************/
  6. .camera_wrap a, .camera_wrap img,
  7. .camera_wrap ol, .camera_wrap ul, .camera_wrap li,
  8. .camera_wrap table, .camera_wrap tbody, .camera_wrap tfoot, .camera_wrap thead, .camera_wrap tr, .camera_wrap th, .camera_wrap td
  9. .camera_thumbs_wrap a, .camera_thumbs_wrap img,
  10. .camera_thumbs_wrap ol, .camera_thumbs_wrap ul, .camera_thumbs_wrap li,
  11. .camera_thumbs_wrap table, .camera_thumbs_wrap tbody, .camera_thumbs_wrap tfoot, .camera_thumbs_wrap thead, .camera_thumbs_wrap tr, .camera_thumbs_wrap th, .camera_thumbs_wrap td {
  12.         background: none;
  13.         border: 0;
  14.         font: inherit;
  15.         font-size: 100%;
  16.         margin: 0;
  17.         padding: 0;
  18.         vertical-align: baseline;
  19.         list-style: none
  20. }
  21. .camera_wrap {
  22.         display: none;
  23.         float: left;
  24.         position: relative;
  25.         z-index: 0;
  26. }
  27. .camera_wrap img {
  28.         max-width: none!important;
  29. }
  30. .camera_fakehover {
  31.         height: 100%;
  32.         min-height: 60px;
  33.         position: relative;
  34.         width: 100%;
  35.         z-index: 1;
  36. }
  37. .camera_wrap {
  38.         width: 100%;
  39. }
  40. .camera_src {
  41.         display: none;
  42. }
  43. .cameraCont, .cameraContents {
  44.         height: 100%;
  45.         position: relative;
  46.         width: 100%;
  47.         z-index: 1;
  48. }
  49. .cameraSlide {
  50.         bottom: 0;
  51.         left: 0;
  52.         position: absolute;
  53.         right: 0;
  54.         top: 0;
  55.         width: 100%;
  56. }
  57. .cameraContent {
  58.         bottom: 0;
  59.         display: none;
  60.         left: 0;
  61.         position: absolute;
  62.         right: 0;
  63.         top: 0;
  64.         width: 100%;
  65. }
  66. .camera_target {
  67.         bottom: 0;
  68.         height: 100%;
  69.         left: 0;
  70.         overflow: hidden;
  71.         position: absolute;
  72.         right: 0;
  73.         text-align: left;
  74.         top: 0;
  75.         width: 100%;
  76.         z-index: 0;
  77. }
  78. .camera_overlayer {
  79.         bottom: 0;
  80.         height: 100%;
  81.         left: 0;
  82.         overflow: hidden;
  83.         position: absolute;
  84.         right: 0;
  85.         top: 0;
  86.         width: 100%;
  87.         z-index: 0;
  88. }
  89. .camera_target_content {
  90.         bottom: 0;
  91.         left: 0;
  92.         overflow: hidden;
  93.         position: absolute;
  94.         right: 0;
  95.         top: 0;
  96.         z-index: 2;
  97. }
  98. .camera_target_content .camera_link {
  99.     background: url(../images/blank.gif);
  100.         display: block;
  101.         height: 100%;
  102.         text-decoration: none;
  103. }
  104. .camera_loader {
  105.     background: #fff url(../images/camera-loader.gif) no-repeat center;
  106.         background: rgba(255, 255, 255, 0.9) url(../images/camera-loader.gif) no-repeat center;
  107.         border: 1px solid #ffffff;
  108.         -webkit-border-radius: 18px;
  109.         -moz-border-radius: 18px;
  110.         border-radius: 18px;
  111.         height: 36px;
  112.         left: 50%;
  113.         overflow: hidden;
  114.         position: absolute;
  115.         margin: -18px 0 0 -18px;
  116.         top: 50%;
  117.         width: 36px;
  118.         z-index: 3;
  119. }
  120. .camera_bar {
  121.         bottom: 0;
  122.         left: 0;
  123.         overflow: hidden;
  124.         position: absolute;
  125.         right: 0;
  126.         top: 0;
  127.         z-index: 3;
  128. }
  129. .camera_thumbs_wrap.camera_left .camera_bar, .camera_thumbs_wrap.camera_right .camera_bar {
  130.         height: 100%;
  131.         position: absolute;
  132.         width: auto;
  133. }
  134. .camera_thumbs_wrap.camera_bottom .camera_bar, .camera_thumbs_wrap.camera_top .camera_bar {
  135.         height: auto;
  136.         position: absolute;
  137.         width: 100%;
  138. }
  139. .camera_nav_cont {
  140.         height: 65px;
  141.         overflow: hidden;
  142.         position: absolute;
  143.         right: 9px;
  144.         top: 15px;
  145.         width: 120px;
  146.         z-index: 4;
  147. }
  148. .camera_caption {
  149.         bottom: 0;
  150.         display: block;
  151.         position: absolute;
  152.         width: 100%;
  153. }
  154. .camera_caption > div {
  155.         padding: 10px 20px;
  156. }
  157. .camerarelative {
  158.         overflow: hidden;
  159.         position: relative;
  160. }
  161. .imgFake {
  162.         cursor: pointer;
  163. }
  164. .camera_prevThumbs {
  165.         bottom: 4px;
  166.         cursor: pointer;
  167.         left: 0;
  168.         position: absolute;
  169.         top: 4px;
  170.         visibility: hidden;
  171.         width: 30px;
  172.         z-index: 10;
  173. }
  174. .camera_prevThumbs div {
  175.         background: url(../images/camera_skins.png) no-repeat -160px 0;
  176.         display: block;
  177.         height: 40px;
  178.         margin-top: -20px;
  179.         position: absolute;
  180.         top: 50%;
  181.         width: 30px;
  182. }
  183. .camera_nextThumbs {
  184.         bottom: 4px;
  185.         cursor: pointer;
  186.         position: absolute;
  187.         right: 0;
  188.         top: 4px;
  189.         visibility: hidden;
  190.         width: 30px;
  191.         z-index: 10;
  192. }
  193. .camera_nextThumbs div {
  194.         background: url(../images/camera_skins.png) no-repeat -190px 0;
  195.         display: block;
  196.         height: 40px;
  197.         margin-top: -20px;
  198.         position: absolute;
  199.         top: 50%;
  200.         width: 30px;
  201. }
  202. .camera_command_wrap .hideNav {
  203.         display: none;
  204. }
  205. .camera_command_wrap {
  206.         left: 0;
  207.         position: relative;
  208.         right:0;
  209.         z-index: 4;
  210. }
  211. .camera_wrap .camera_pag .camera_pag_ul {
  212.         list-style: none;
  213.         margin: 0;
  214.         padding: 0;
  215.         text-align: right;
  216. }
  217. .camera_wrap .camera_pag .camera_pag_ul li {
  218.         -webkit-border-radius: 8px;
  219.         -moz-border-radius: 8px;
  220.         border-radius: 8px;
  221.         cursor: pointer;
  222.         display: inline-block;
  223.         height: 16px;
  224.         margin: 20px 5px;
  225.         position: relative;
  226.         text-align: left;
  227.         text-indent: -9999px;
  228.         width: 16px;
  229. }
  230. .camera_commands_emboss .camera_pag .camera_pag_ul li {
  231.         -moz-box-shadow:
  232.                 0px 1px 0px rgba(255,255,255,1),
  233.                 inset 0px 1px 1px rgba(0,0,0,0.2);
  234.         -webkit-box-shadow:
  235.                 0px 1px 0px rgba(255,255,255,1),
  236.                 inset 0px 1px 1px rgba(0,0,0,0.2);
  237.         box-shadow:
  238.                 0px 1px 0px rgba(255,255,255,1),
  239.                 inset 0px 1px 1px rgba(0,0,0,0.2);
  240. }
  241. .camera_wrap .camera_pag .camera_pag_ul li > span {
  242.         -webkit-border-radius: 5px;
  243.         -moz-border-radius: 5px;
  244.         border-radius: 5px;
  245.         height: 8px;
  246.         left: 4px;
  247.         overflow: hidden;
  248.         position: absolute;
  249.         top: 4px;
  250.         width: 8px;
  251. }
  252. .camera_commands_emboss .camera_pag .camera_pag_ul li:hover > span {
  253.         -moz-box-shadow:
  254.                 0px 1px 0px rgba(255,255,255,1),
  255.                 inset 0px 1px 1px rgba(0,0,0,0.2);
  256.         -webkit-box-shadow:
  257.                 0px 1px 0px rgba(255,255,255,1),
  258.                 inset 0px 1px 1px rgba(0,0,0,0.2);
  259.         box-shadow:
  260.                 0px 1px 0px rgba(255,255,255,1),
  261.                 inset 0px 1px 1px rgba(0,0,0,0.2);
  262. }
  263. .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
  264.         -moz-box-shadow: 0;
  265.         -webkit-box-shadow: 0;
  266.         box-shadow: 0;
  267. }
  268. .camera_pag_ul li img {
  269.         display: none;
  270.         position: absolute;
  271. }
  272. .camera_pag_ul .thumb_arrow {
  273.     border-left: 4px solid transparent;
  274.     border-right: 4px solid transparent;
  275.     border-top: 4px solid;
  276.         top: 0;
  277.         left: 50%;
  278.         margin-left: -4px;
  279.         position: absolute;
  280. }
  281. .camera_prev, .camera_next, .camera_commands {
  282.         cursor: pointer;
  283.         height: 40px;
  284.         margin-top: -20px;
  285.         position: absolute;
  286.         top: 50%;
  287.         width: 40px;
  288.         z-index: 2;
  289. }
  290. .camera_prev {
  291.         left: 0;
  292. }
  293. .camera_prev > span {
  294.         background: url(../images/camera_skins.png) no-repeat 0 0;
  295.         display: block;
  296.         height: 40px;
  297.         width: 40px;
  298. }
  299. .camera_next {
  300.         right: 0;
  301. }
  302. .camera_next > span {
  303.         background: url(../images/camera_skins.png) no-repeat -40px 0;
  304.         display: block;
  305.         height: 40px;
  306.         width: 40px;
  307. }
  308. .camera_commands {
  309.         right: 41px;
  310. }
  311. .camera_commands > .camera_play {
  312.         background: url(../images/camera_skins.png) no-repeat -80px 0;
  313.         height: 40px;
  314.         width: 40px;
  315. }
  316. .camera_commands > .camera_stop {
  317.         background: url(../images/camera_skins.png) no-repeat -120px 0;
  318.         display: block;
  319.         height: 40px;
  320.         width: 40px;
  321. }
  322. .camera_wrap .camera_pag .camera_pag_ul li {
  323.         -webkit-border-radius: 8px;
  324.         -moz-border-radius: 8px;
  325.         border-radius: 8px;
  326.         cursor: pointer;
  327.         display: inline-block;
  328.         height: 16px;
  329.         margin: 20px 5px;
  330.         position: relative;
  331.         text-indent: -9999px;
  332.         width: 16px;
  333. }
  334. .camera_thumbs_cont {
  335.         -webkit-border-bottom-right-radius: 4px;
  336.         -webkit-border-bottom-left-radius: 4px;
  337.         -moz-border-radius-bottomright: 4px;
  338.         -moz-border-radius-bottomleft: 4px;
  339.         border-bottom-right-radius: 4px;
  340.         border-bottom-left-radius: 4px;
  341.         overflow: hidden;
  342.         position: relative;
  343.         width: 100%;
  344. }
  345. .camera_commands_emboss .camera_thumbs_cont {
  346.         -moz-box-shadow:
  347.                 0px 1px 0px rgba(255,255,255,1),
  348.                 inset 0px 1px 1px rgba(0,0,0,0.2);
  349.         -webkit-box-shadow:
  350.                 0px 1px 0px rgba(255,255,255,1),
  351.                 inset 0px 1px 1px rgba(0,0,0,0.2);
  352.         box-shadow:
  353.                 0px 1px 0px rgba(255,255,255,1),
  354.                 inset 0px 1px 1px rgba(0,0,0,0.2);
  355. }
  356. .camera_thumbs_cont > div {
  357.         float: left;
  358.         width: 100%;
  359. }
  360. .camera_thumbs_cont ul {
  361.         overflow: hidden;
  362.         padding: 3px 4px 8px;
  363.         position: relative;
  364.         text-align: center;
  365. }
  366. .camera_thumbs_cont ul li {
  367.         display: inline;
  368.         padding: 0 4px;
  369. }
  370. .camera_thumbs_cont ul li > img {
  371.         border: 1px solid;
  372.         cursor: pointer;
  373.         margin-top: 5px;
  374.         vertical-align:bottom;
  375. }
  376. .camera_clear {
  377.         display: block;
  378.         clear: both;
  379. }
  380. .showIt {
  381.         display: none;
  382. }
  383. .camera_clear {
  384.         clear: both;
  385.         display: block;
  386.         height: 1px;
  387.         margin: -1px 0 25px;
  388.         position: relative;
  389. }
  390. /**************************
  391. *
  392. *       COLORS & SKINS
  393. *
  394. **************************/
  395. .pattern_1 .camera_overlayer {
  396.         background: url(../images/patterns/overlay1.png) repeat;
  397. }
  398. .pattern_2 .camera_overlayer {
  399.         background: url(../images/patterns/overlay2.png) repeat;
  400. }
  401. .pattern_3 .camera_overlayer {
  402.         background: url(../images/patterns/overlay3.png) repeat;
  403. }
  404. .pattern_4 .camera_overlayer {
  405.         background: url(../images/patterns/overlay4.png) repeat;
  406. }
  407. .pattern_5 .camera_overlayer {
  408.         background: url(../images/patterns/overlay5.png) repeat;
  409. }
  410. .pattern_6 .camera_overlayer {
  411.         background: url(../images/patterns/overlay6.png) repeat;
  412. }
  413. .pattern_7 .camera_overlayer {
  414.         background: url(../images/patterns/overlay7.png) repeat;
  415. }
  416. .pattern_8 .camera_overlayer {
  417.         background: url(../images/patterns/overlay8.png) repeat;
  418. }
  419. .pattern_9 .camera_overlayer {
  420.         background: url(../images/patterns/overlay9.png) repeat;
  421. }
  422. .pattern_10 .camera_overlayer {
  423.         background: url(../images/patterns/overlay10.png) repeat;
  424. }
  425. .camera_caption {
  426.         color: #fff;
  427. }
  428. .camera_caption > div {
  429.         background: #000;
  430.         background: rgba(0, 0, 0, 0.8);
  431. }
  432. .camera_wrap .camera_pag .camera_pag_ul li {
  433.         background: #b7b7b7;
  434. }
  435. .camera_wrap .camera_pag .camera_pag_ul li:hover > span {
  436.         background: #b7b7b7;
  437. }
  438. .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
  439.         background: #434648;
  440. }
  441. .camera_pag_ul li img {
  442.         border: 4px solid #e6e6e6;
  443.         -moz-box-shadow: 0px 3px 6px rgba(0,0,0,.5);
  444.         -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.5);
  445.         box-shadow: 0px 3px 6px rgba(0,0,0,.5);
  446. }
  447. .camera_pag_ul .thumb_arrow {
  448.     border-top-color: #e6e6e6;
  449. }
  450. .camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {
  451.         background: #d8d8d8;
  452.         background: rgba(216, 216, 216, 0.85);
  453. }
  454. .camera_wrap .camera_pag .camera_pag_ul li {
  455.         background: #b7b7b7;
  456. }
  457. .camera_thumbs_cont ul li > img {
  458.         border-color: 1px solid #000;
  459. }
  460. /*AMBER SKIN*/
  461. .camera_amber_skin .camera_prevThumbs div {
  462.         background-position: -160px -160px;
  463. }
  464. .camera_amber_skin .camera_nextThumbs div {
  465.         background-position: -190px -160px;
  466. }
  467. .camera_amber_skin .camera_prev > span {
  468.         background-position: 0 -160px;
  469. }
  470. .camera_amber_skin .camera_next > span {
  471.         background-position: -40px -160px;
  472. }
  473. .camera_amber_skin .camera_commands > .camera_play {
  474.         background-position: -80px -160px;
  475. }
  476. .camera_amber_skin .camera_commands > .camera_stop {
  477.         background-position: -120px -160px;
  478. }
  479. /*ASH SKIN*/
  480. .camera_ash_skin .camera_prevThumbs div {
  481.         background-position: -160px -200px;
  482. }
  483. .camera_ash_skin .camera_nextThumbs div {
  484.         background-position: -190px -200px;
  485. }
  486. .camera_ash_skin .camera_prev > span {
  487.         background-position: 0 -200px;
  488. }
  489. .camera_ash_skin .camera_next > span {
  490.         background-position: -40px -200px;
  491. }
  492. .camera_ash_skin .camera_commands > .camera_play {
  493.         background-position: -80px -200px;
  494. }
  495. .camera_ash_skin .camera_commands > .camera_stop {
  496.         background-position: -120px -200px;
  497. }
  498. /*AZURE SKIN*/
  499. .camera_azure_skin .camera_prevThumbs div {
  500.         background-position: -160px -240px;
  501. }
  502. .camera_azure_skin .camera_nextThumbs div {
  503.         background-position: -190px -240px;
  504. }
  505. .camera_azure_skin .camera_prev > span {
  506.         background-position: 0 -240px;
  507. }
  508. .camera_azure_skin .camera_next > span {
  509.         background-position: -40px -240px;
  510. }
  511. .camera_azure_skin .camera_commands > .camera_play {
  512.         background-position: -80px -240px;
  513. }
  514. .camera_azure_skin .camera_commands > .camera_stop {
  515.         background-position: -120px -240px;
  516. }
  517. /*BEIGE SKIN*/
  518. .camera_beige_skin .camera_prevThumbs div {
  519.         background-position: -160px -120px;
  520. }
  521. .camera_beige_skin .camera_nextThumbs div {
  522.         background-position: -190px -120px;
  523. }
  524. .camera_beige_skin .camera_prev > span {
  525.         background-position: 0 -120px;
  526. }
  527. .camera_beige_skin .camera_next > span {
  528.         background-position: -40px -120px;
  529. }
  530. .camera_beige_skin .camera_commands > .camera_play {
  531.         background-position: -80px -120px;
  532. }
  533. .camera_beige_skin .camera_commands > .camera_stop {
  534.         background-position: -120px -120px;
  535. }
  536. /*BLACK SKIN*/
  537. .camera_black_skin .camera_prevThumbs div {
  538.         background-position: -160px -40px;
  539. }
  540. .camera_black_skin .camera_nextThumbs div {
  541.         background-position: -190px -40px;
  542. }
  543. .camera_black_skin .camera_prev > span {
  544.         background-position: 0 -40px;
  545. }
  546. .camera_black_skin .camera_next > span {
  547.         background-position: -40px -40px;
  548. }
  549. .camera_black_skin .camera_commands > .camera_play {
  550.         background-position: -80px -40px;
  551. }
  552. .camera_black_skin .camera_commands > .camera_stop {
  553.         background-position: -120px -40px;
  554. }
  555. /*BLUE SKIN*/
  556. .camera_blue_skin .camera_prevThumbs div {
  557.         background-position: -160px -280px;
  558. }
  559. .camera_blue_skin .camera_nextThumbs div {
  560.         background-position: -190px -280px;
  561. }
  562. .camera_blue_skin .camera_prev > span {
  563.         background-position: 0 -280px;
  564. }
  565. .camera_blue_skin .camera_next > span {
  566.         background-position: -40px -280px;
  567. }
  568. .camera_blue_skin .camera_commands > .camera_play {
  569.         background-position: -80px -280px;
  570. }
  571. .camera_blue_skin .camera_commands > .camera_stop {
  572.         background-position: -120px -280px;
  573. }
  574. /*BROWN SKIN*/
  575. .camera_brown_skin .camera_prevThumbs div {
  576.         background-position: -160px -320px;
  577. }
  578. .camera_brown_skin .camera_nextThumbs div {
  579.         background-position: -190px -320px;
  580. }
  581. .camera_brown_skin .camera_prev > span {
  582.         background-position: 0 -320px;
  583. }
  584. .camera_brown_skin .camera_next > span {
  585.         background-position: -40px -320px;
  586. }
  587. .camera_brown_skin .camera_commands > .camera_play {
  588.         background-position: -80px -320px;
  589. }
  590. .camera_brown_skin .camera_commands > .camera_stop {
  591.         background-position: -120px -320px;
  592. }
  593. /*BURGUNDY SKIN*/
  594. .camera_burgundy_skin .camera_prevThumbs div {
  595.         background-position: -160px -360px;
  596. }
  597. .camera_burgundy_skin .camera_nextThumbs div {
  598.         background-position: -190px -360px;
  599. }
  600. .camera_burgundy_skin .camera_prev > span {
  601.         background-position: 0 -360px;
  602. }
  603. .camera_burgundy_skin .camera_next > span {
  604.         background-position: -40px -360px;
  605. }
  606. .camera_burgundy_skin .camera_commands > .camera_play {
  607.         background-position: -80px -360px;
  608. }
  609. .camera_burgundy_skin .camera_commands > .camera_stop {
  610.         background-position: -120px -360px;
  611. }
  612. /*CHARCOAL SKIN*/
  613. .camera_charcoal_skin .camera_prevThumbs div {
  614.         background-position: -160px -400px;
  615. }
  616. .camera_charcoal_skin .camera_nextThumbs div {
  617.         background-position: -190px -400px;
  618. }
  619. .camera_charcoal_skin .camera_prev > span {
  620.         background-position: 0 -400px;
  621. }
  622. .camera_charcoal_skin .camera_next > span {
  623.         background-position: -40px -400px;
  624. }
  625. .camera_charcoal_skin .camera_commands > .camera_play {
  626.         background-position: -80px -400px;
  627. }
  628. .camera_charcoal_skin .camera_commands > .camera_stop {
  629.         background-position: -120px -400px;
  630. }
  631. /*CHOCOLATE SKIN*/
  632. .camera_chocolate_skin .camera_prevThumbs div {
  633.         background-position: -160px -440px;
  634. }
  635. .camera_chocolate_skin .camera_nextThumbs div {
  636.         background-position: -190px -440px;
  637. }
  638. .camera_chocolate_skin .camera_prev > span {
  639.         background-position: 0 -440px;
  640. }
  641. .camera_chocolate_skin .camera_next > span {
  642.         background-position: -40px -440px;
  643. }
  644. .camera_chocolate_skin .camera_commands > .camera_play {
  645.         background-position: -80px -440px;
  646. }
  647. .camera_chocolate_skin .camera_commands > .camera_stop {
  648.         background-position: -120px -440px      ;
  649. }
  650. /*COFFEE SKIN*/
  651. .camera_coffee_skin .camera_prevThumbs div {
  652.         background-position: -160px -480px;
  653. }
  654. .camera_coffee_skin .camera_nextThumbs div {
  655.         background-position: -190px -480px;
  656. }
  657. .camera_coffee_skin .camera_prev > span {
  658.         background-position: 0 -480px;
  659. }
  660. .camera_coffee_skin .camera_next > span {
  661.         background-position: -40px -480px;
  662. }
  663. .camera_coffee_skin .camera_commands > .camera_play {
  664.         background-position: -80px -480px;
  665. }
  666. .camera_coffee_skin .camera_commands > .camera_stop {
  667.         background-position: -120px -480px      ;
  668. }
  669. /*CYAN SKIN*/
  670. .camera_cyan_skin .camera_prevThumbs div {
  671.         background-position: -160px -520px;
  672. }
  673. .camera_cyan_skin .camera_nextThumbs div {
  674.         background-position: -190px -520px;
  675. }
  676. .camera_cyan_skin .camera_prev > span {
  677.         background-position: 0 -520px;
  678. }
  679. .camera_cyan_skin .camera_next > span {
  680.         background-position: -40px -520px;
  681. }
  682. .camera_cyan_skin .camera_commands > .camera_play {
  683.         background-position: -80px -520px;
  684. }
  685. .camera_cyan_skin .camera_commands > .camera_stop {
  686.         background-position: -120px -520px      ;
  687. }
  688. /*FUCHSIA SKIN*/
  689. .camera_fuchsia_skin .camera_prevThumbs div {
  690.         background-position: -160px -560px;
  691. }
  692. .camera_fuchsia_skin .camera_nextThumbs div {
  693.         background-position: -190px -560px;
  694. }
  695. .camera_fuchsia_skin .camera_prev > span {
  696.         background-position: 0 -560px;
  697. }
  698. .camera_fuchsia_skin .camera_next > span {
  699.         background-position: -40px -560px;
  700. }
  701. .camera_fuchsia_skin .camera_commands > .camera_play {
  702.         background-position: -80px -560px;
  703. }
  704. .camera_fuchsia_skin .camera_commands > .camera_stop {
  705.         background-position: -120px -560px      ;
  706. }
  707. /*GOLD SKIN*/
  708. .camera_gold_skin .camera_prevThumbs div {
  709.         background-position: -160px -600px;
  710. }
  711. .camera_gold_skin .camera_nextThumbs div {
  712.         background-position: -190px -600px;
  713. }
  714. .camera_gold_skin .camera_prev > span {
  715.         background-position: 0 -600px;
  716. }
  717. .camera_gold_skin .camera_next > span {
  718.         background-position: -40px -600px;
  719. }
  720. .camera_gold_skin .camera_commands > .camera_play {
  721.         background-position: -80px -600px;
  722. }
  723. .camera_gold_skin .camera_commands > .camera_stop {
  724.         background-position: -120px -600px      ;
  725. }
  726. /*GREEN SKIN*/
  727. .camera_green_skin .camera_prevThumbs div {
  728.         background-position: -160px -640px;
  729. }
  730. .camera_green_skin .camera_nextThumbs div {
  731.         background-position: -190px -640px;
  732. }
  733. .camera_green_skin .camera_prev > span {
  734.         background-position: 0 -640px;
  735. }
  736. .camera_green_skin .camera_next > span {
  737.         background-position: -40px -640px;
  738. }
  739. .camera_green_skin .camera_commands > .camera_play {
  740.         background-position: -80px -640px;
  741. }
  742. .camera_green_skin .camera_commands > .camera_stop {
  743.         background-position: -120px -640px      ;
  744. }
  745. /*GREY SKIN*/
  746. .camera_grey_skin .camera_prevThumbs div {
  747.         background-position: -160px -680px;
  748. }
  749. .camera_grey_skin .camera_nextThumbs div {
  750.         background-position: -190px -680px;
  751. }
  752. .camera_grey_skin .camera_prev > span {
  753.         background-position: 0 -680px;
  754. }
  755. .camera_grey_skin .camera_next > span {
  756.         background-position: -40px -680px;
  757. }
  758. .camera_grey_skin .camera_commands > .camera_play {
  759.         background-position: -80px -680px;
  760. }
  761. .camera_grey_skin .camera_commands > .camera_stop {
  762.         background-position: -120px -680px      ;
  763. }
  764. /*INDIGO SKIN*/
  765. .camera_indigo_skin .camera_prevThumbs div {
  766.         background-position: -160px -720px;
  767. }
  768. .camera_indigo_skin .camera_nextThumbs div {
  769.         background-position: -190px -720px;
  770. }
  771. .camera_indigo_skin .camera_prev > span {
  772.         background-position: 0 -720px;
  773. }
  774. .camera_indigo_skin .camera_next > span {
  775.         background-position: -40px -720px;
  776. }
  777. .camera_indigo_skin .camera_commands > .camera_play {
  778.         background-position: -80px -720px;
  779. }
  780. .camera_indigo_skin .camera_commands > .camera_stop {
  781.         background-position: -120px -720px      ;
  782. }
  783. /*KHAKI SKIN*/
  784. .camera_khaki_skin .camera_prevThumbs div {
  785.         background-position: -160px -760px;
  786. }
  787. .camera_khaki_skin .camera_nextThumbs div {
  788.         background-position: -190px -760px;
  789. }
  790. .camera_khaki_skin .camera_prev > span {
  791.         background-position: 0 -760px;
  792. }
  793. .camera_khaki_skin .camera_next > span {
  794.         background-position: -40px -760px;
  795. }
  796. .camera_khaki_skin .camera_commands > .camera_play {
  797.         background-position: -80px -760px;
  798. }
  799. .camera_khaki_skin .camera_commands > .camera_stop {
  800.         background-position: -120px -760px      ;
  801. }
  802. /*LIME SKIN*/
  803. .camera_lime_skin .camera_prevThumbs div {
  804.         background-position: -160px -800px;
  805. }
  806. .camera_lime_skin .camera_nextThumbs div {
  807.         background-position: -190px -800px;
  808. }
  809. .camera_lime_skin .camera_prev > span {
  810.         background-position: 0 -800px;
  811. }
  812. .camera_lime_skin .camera_next > span {
  813.         background-position: -40px -800px;
  814. }
  815. .camera_lime_skin .camera_commands > .camera_play {
  816.         background-position: -80px -800px;
  817. }
  818. .camera_lime_skin .camera_commands > .camera_stop {
  819.         background-position: -120px -800px      ;
  820. }
  821. /*MAGENTA SKIN*/
  822. .camera_magenta_skin .camera_prevThumbs div {
  823.         background-position: -160px -840px;
  824. }
  825. .camera_magenta_skin .camera_nextThumbs div {
  826.         background-position: -190px -840px;
  827. }
  828. .camera_magenta_skin .camera_prev > span {
  829.         background-position: 0 -840px;
  830. }
  831. .camera_magenta_skin .camera_next > span {
  832.         background-position: -40px -840px;
  833. }
  834. .camera_magenta_skin .camera_commands > .camera_play {
  835.         background-position: -80px -840px;
  836. }
  837. .camera_magenta_skin .camera_commands > .camera_stop {
  838.         background-position: -120px -840px      ;
  839. }
  840. /*MAROON SKIN*/
  841. .camera_maroon_skin .camera_prevThumbs div {
  842.         background-position: -160px -880px;
  843. }
  844. .camera_maroon_skin .camera_nextThumbs div {
  845.         background-position: -190px -880px;
  846. }
  847. .camera_maroon_skin .camera_prev > span {
  848.         background-position: 0 -880px;
  849. }
  850. .camera_maroon_skin .camera_next > span {
  851.         background-position: -40px -880px;
  852. }
  853. .camera_maroon_skin .camera_commands > .camera_play {
  854.         background-position: -80px -880px;
  855. }
  856. .camera_maroon_skin .camera_commands > .camera_stop {
  857.         background-position: -120px -880px      ;
  858. }
  859. /*ORANGE SKIN*/
  860. .camera_orange_skin .camera_prevThumbs div {
  861.         background-position: -160px -920px;
  862. }
  863. .camera_orange_skin .camera_nextThumbs div {
  864.         background-position: -190px -920px;
  865. }
  866. .camera_orange_skin .camera_prev > span {
  867.         background-position: 0 -920px;
  868. }
  869. .camera_orange_skin .camera_next > span {
  870.         background-position: -40px -920px;
  871. }
  872. .camera_orange_skin .camera_commands > .camera_play {
  873.         background-position: -80px -920px;
  874. }
  875. .camera_orange_skin .camera_commands > .camera_stop {
  876.         background-position: -120px -920px      ;
  877. }
  878. /*OLIVE SKIN*/
  879. .camera_olive_skin .camera_prevThumbs div {
  880.         background-position: -160px -1080px;
  881. }
  882. .camera_olive_skin .camera_nextThumbs div {
  883.         background-position: -190px -1080px;
  884. }
  885. .camera_olive_skin .camera_prev > span {
  886.         background-position: 0 -1080px;
  887. }
  888. .camera_olive_skin .camera_next > span {
  889.         background-position: -40px -1080px;
  890. }
  891. .camera_olive_skin .camera_commands > .camera_play {
  892.         background-position: -80px -1080px;
  893. }
  894. .camera_olive_skin .camera_commands > .camera_stop {
  895.         background-position: -120px -1080px     ;
  896. }
  897. /*PINK SKIN*/
  898. .camera_pink_skin .camera_prevThumbs div {
  899.         background-position: -160px -960px;
  900. }
  901. .camera_pink_skin .camera_nextThumbs div {
  902.         background-position: -190px -960px;
  903. }
  904. .camera_pink_skin .camera_prev > span {
  905.         background-position: 0 -960px;
  906. }
  907. .camera_pink_skin .camera_next > span {
  908.         background-position: -40px -960px;
  909. }
  910. .camera_pink_skin .camera_commands > .camera_play {
  911.         background-position: -80px -960px;
  912. }
  913. .camera_pink_skin .camera_commands > .camera_stop {
  914.         background-position: -120px -960px      ;
  915. }
  916. /*PISTACHIO SKIN*/
  917. .camera_pistachio_skin .camera_prevThumbs div {
  918.         background-position: -160px -1040px;
  919. }
  920. .camera_pistachio_skin .camera_nextThumbs div {
  921.         background-position: -190px -1040px;
  922. }
  923. .camera_pistachio_skin .camera_prev > span {
  924.         background-position: 0 -1040px;
  925. }
  926. .camera_pistachio_skin .camera_next > span {
  927.         background-position: -40px -1040px;
  928. }
  929. .camera_pistachio_skin .camera_commands > .camera_play {
  930.         background-position: -80px -1040px;
  931. }
  932. .camera_pistachio_skin .camera_commands > .camera_stop {
  933.         background-position: -120px -1040px     ;
  934. }
  935. /*PINK SKIN*/
  936. .camera_pink_skin .camera_prevThumbs div {
  937.         background-position: -160px -80px;
  938. }
  939. .camera_pink_skin .camera_nextThumbs div {
  940.         background-position: -190px -80px;
  941. }
  942. .camera_pink_skin .camera_prev > span {
  943.         background-position: 0 -80px;
  944. }
  945. .camera_pink_skin .camera_next > span {
  946.         background-position: -40px -80px;
  947. }
  948. .camera_pink_skin .camera_commands > .camera_play {
  949.         background-position: -80px -80px;
  950. }
  951. .camera_pink_skin .camera_commands > .camera_stop {
  952.         background-position: -120px -80px;
  953. }
  954. /*RED SKIN*/
  955. .camera_red_skin .camera_prevThumbs div {
  956.         background-position: -160px -1000px;
  957. }
  958. .camera_red_skin .camera_nextThumbs div {
  959.         background-position: -190px -1000px;
  960. }
  961. .camera_red_skin .camera_prev > span {
  962.         background-position: 0 -1000px;
  963. }
  964. .camera_red_skin .camera_next > span {
  965.         background-position: -40px -1000px;
  966. }
  967. .camera_red_skin .camera_commands > .camera_play {
  968.         background-position: -80px -1000px;
  969. }
  970. .camera_red_skin .camera_commands > .camera_stop {
  971.         background-position: -120px -1000px     ;
  972. }
  973. /*TANGERINE SKIN*/
  974. .camera_tangerine_skin .camera_prevThumbs div {
  975.         background-position: -160px -1120px;
  976. }
  977. .camera_tangerine_skin .camera_nextThumbs div {
  978.         background-position: -190px -1120px;
  979. }
  980. .camera_tangerine_skin .camera_prev > span {
  981.         background-position: 0 -1120px;
  982. }
  983. .camera_tangerine_skin .camera_next > span {
  984.         background-position: -40px -1120px;
  985. }
  986. .camera_tangerine_skin .camera_commands > .camera_play {
  987.         background-position: -80px -1120px;
  988. }
  989. .camera_tangerine_skin .camera_commands > .camera_stop {
  990.         background-position: -120px -1120px     ;
  991. }
  992. /*TURQUOISE SKIN*/
  993. .camera_turquoise_skin .camera_prevThumbs div {
  994.         background-position: -160px -1160px;
  995. }
  996. .camera_turquoise_skin .camera_nextThumbs div {
  997.         background-position: -190px -1160px;
  998. }
  999. .camera_turquoise_skin .camera_prev > span {
  1000.         background-position: 0 -1160px;
  1001. }
  1002. .camera_turquoise_skin .camera_next > span {
  1003.         background-position: -40px -1160px;
  1004. }
  1005. .camera_turquoise_skin .camera_commands > .camera_play {
  1006.         background-position: -80px -1160px;
  1007. }
  1008. .camera_turquoise_skin .camera_commands > .camera_stop {
  1009.         background-position: -120px -1160px     ;
  1010. }
  1011. /*VIOLET SKIN*/
  1012. .camera_violet_skin .camera_prevThumbs div {
  1013.         background-position: -160px -1200px;
  1014. }
  1015. .camera_violet_skin .camera_nextThumbs div {
  1016.         background-position: -190px -1200px;
  1017. }
  1018. .camera_violet_skin .camera_prev > span {
  1019.         background-position: 0 -1200px;
  1020. }
  1021. .camera_violet_skin .camera_next > span {
  1022.         background-position: -40px -1200px;
  1023. }
  1024. .camera_violet_skin .camera_commands > .camera_play {
  1025.         background-position: -80px -1200px;
  1026. }
  1027. .camera_violet_skin .camera_commands > .camera_stop {
  1028.         background-position: -120px -1200px     ;
  1029. }
  1030. /*WHITE SKIN*/
  1031. .camera_white_skin .camera_prevThumbs div {
  1032.         background-position: -160px -80px;
  1033. }
  1034. .camera_white_skin .camera_nextThumbs div {
  1035.         background-position: -190px -80px;
  1036. }
  1037. .camera_white_skin .camera_prev > span {
  1038.         background-position: 0 -80px;
  1039. }
  1040. .camera_white_skin .camera_next > span {
  1041.         background-position: -40px -80px;
  1042. }
  1043. .camera_white_skin .camera_commands > .camera_play {
  1044.         background-position: -80px -80px;
  1045. }
  1046. .camera_white_skin .camera_commands > .camera_stop {
  1047.         background-position: -120px -80px;
  1048. }
  1049. /*YELLOW SKIN*/
  1050. .camera_yellow_skin .camera_prevThumbs div {
  1051.         background-position: -160px -1240px;
  1052. }
  1053. .camera_yellow_skin .camera_nextThumbs div {
  1054.         background-position: -190px -1240px;
  1055. }
  1056. .camera_yellow_skin .camera_prev > span {
  1057.         background-position: 0 -1240px;
  1058. }
  1059. .camera_yellow_skin .camera_next > span {
  1060.         background-position: -40px -1240px;
  1061. }
  1062. .camera_yellow_skin .camera_commands > .camera_play {
  1063.         background-position: -80px -1240px;
  1064. }
  1065. .camera_yellow_skin .camera_commands > .camera_stop {
  1066.         background-position: -120px -1240px     ;
  1067. }

Raw Paste

Login or Register to edit or fork this paste. It's free.