API tools faq
paste
Guest User

Untitled

a guest
Nov 11th, 2014
283
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 26.93 KB | None | 0 0
raw download clone embed print report
  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.     margin: 9px 0px -8px 0px !important;
  25.     position: relative;
  26.     z-index: 0;
  27.     overflow:hidden;
  28. }
  29. .camera_wrap img {
  30.     max-width: none!important;
  31. }
  32. .camera_fakehover {
  33.     height: 100%;
  34.     min-height: 60px;
  35.     position: relative;
  36.     width: 100%;
  37.     z-index: 1;
  38. }
  39. .camera_wrap {
  40.     width: 100%;
  41. }
  42. .camera_src {
  43.     display: none;
  44. }
  45. .cameraCont, .cameraContents {
  46.     height: 100%;
  47.     position: relative;
  48.     width: 100%;
  49.     z-index: 1;
  50. }
  51. .cameraSlide {
  52.     bottom: 0;
  53.     left: 0;
  54.     position: absolute;
  55.     right: 0;
  56.     top: 0;
  57.     width: 100%;
  58. }
  59. .cameraContent {
  60.     bottom: 0;
  61.     display: none;
  62.     left: 0;
  63.     position: absolute;
  64.     right: 0;
  65.     top: 0;
  66.     width: 100%;
  67. }
  68. .camera_target {
  69.     bottom: 0;
  70.     height: 100%;
  71.     left: 0;
  72.     overflow: hidden;
  73.     position: absolute;
  74.     right: 0;
  75.     text-align: left;
  76.     top: 0;
  77.     width: 100%;
  78.     z-index: 0;
  79. }
  80. .camera_overlayer {
  81.     bottom: 0;
  82.     height: 100%;
  83.     left: 0;
  84.     overflow: hidden;
  85.     position: absolute;
  86.     right: 0;
  87.     top: 0;
  88.     width: 100%;
  89.     z-index: 0;
  90. }
  91. .camera_target_content {
  92.     bottom: 0;
  93.     left: 0;
  94.     overflow: hidden;
  95.     position: absolute;
  96.     right: 0;
  97.     top: 0;
  98.     z-index: 2;
  99. }
  100. .camera_target_content .camera_link {
  101.     background: url(../image/blank.gif);
  102.     display: block;
  103.     height: 100%;
  104.     text-decoration: none;
  105. }
  106. .camera_loader {
  107.     background: #fff url(../image/camera-loader.gif) no-repeat center;
  108.     background: rgba(255, 255, 255, 0.9) url(../image/camera-loader.gif) no-repeat center;
  109.     border: 1px solid #ffffff;
  110.     -webkit-border-radius: 18px;
  111.     -moz-border-radius: 18px;
  112.     border-radius: 18px;
  113.     height: 36px;
  114.     left: 50%;
  115.     overflow: hidden;
  116.     position: absolute;
  117.     margin: -18px 0 0 -18px;
  118.     top: 50%;
  119.     width: 36px;
  120.     z-index: 3;
  121. }
  122. .camera_bar {
  123.     bottom: 0;
  124.     left: 0;
  125.     overflow: hidden;
  126.     position: absolute;
  127.     right: 0;
  128.     top: 0;
  129.     z-index: 3;
  130. }
  131. .camera_thumbs_wrap.camera_left .camera_bar, .camera_thumbs_wrap.camera_right .camera_bar {
  132.     height: 100%;
  133.     position: absolute;
  134.     width: auto;
  135. }
  136. .camera_thumbs_wrap.camera_bottom .camera_bar, .camera_thumbs_wrap.camera_top .camera_bar {
  137.     height: auto;
  138.     position: absolute;
  139.     width: 100%;
  140. }
  141. .camera_nav_cont {
  142.     height: 65px;
  143.     overflow: hidden;
  144.     position: absolute;
  145.     right: 9px;
  146.     top: 15px;
  147.     width: 120px;
  148.     z-index: 4;
  149. }
  150. .camera_caption {
  151.     bottom: 0;
  152.     display: block;
  153.     position: absolute;
  154.     width: 100%;
  155. }
  156. .camera_caption > div {
  157.     padding: 10px 20px;
  158. }
  159. .camerarelative {
  160.     overflow: hidden;
  161.     position: relative;
  162. }
  163. .imgFake {
  164.     cursor: pointer;
  165. }
  166. .camera_prevThumbs {
  167.     bottom: 4px;
  168.     cursor: pointer;
  169.     left: 0;
  170.     position: absolute;
  171.     top: 4px;
  172.     visibility: hidden;
  173.     width: 30px;
  174.     z-index: 10;
  175. }
  176. .camera_prevThumbs div {
  177.     background: url(../image/camera_skins.png) no-repeat -160px 0;
  178.     display: block;
  179.     height: 40px;
  180.     margin-top: -20px;
  181.     position: absolute;
  182.     top: 50%;
  183.     width: 30px;
  184. }
  185. .camera_nextThumbs {
  186.     bottom: 4px;
  187.     cursor: pointer;
  188.     position: absolute;
  189.     right: 0;
  190.     top: 4px;
  191.     visibility: hidden;
  192.     width: 30px;
  193.     z-index: 10;
  194. }
  195. .camera_nextThumbs div {
  196.     background: url(../image/camera_skins.png) no-repeat -190px 0;
  197.     display: block;
  198.     height: 40px;
  199.     margin-top: -20px;
  200.     position: absolute;
  201.     top: 50%;
  202.     width: 30px;
  203. }
  204. .camera_command_wrap .hideNav {
  205.     display: none;
  206. }
  207. .camera_command_wrap {
  208.     left: 0;
  209.     position: relative;
  210.     right:0;
  211.     z-index: 4;
  212. }
  213. .camera_wrap .camera_pag .camera_pag_ul {
  214.     list-style: none;
  215.     margin: 0;
  216.     padding: 0;
  217.     text-align: right;
  218.     position:absolute;
  219.     bottom: 0;
  220.     right: 14px;
  221. }
  222. .camera_wrap .camera_pag .camera_pag_ul li {
  223.     cursor: pointer;
  224.     height: 80px;
  225.     margin: 17px 0px;
  226.     position: relative;
  227.     text-align: left;
  228.     text-indent: -9999px;
  229.     width: 4px;
  230. }
  231. .camera_commands_emboss .camera_pag .camera_pag_ul li {
  232.     -moz-box-shadow:
  233.         0px 1px 0px rgba(255,255,255,1),
  234.         inset 0px 1px 1px rgba(0,0,0,0.2);
  235.     -webkit-box-shadow:
  236.         0px 1px 0px rgba(255,255,255,1),
  237.         inset 0px 1px 1px rgba(0,0,0,0.2);
  238.     box-shadow:
  239.         0px 1px 0px rgba(255,255,255,1),
  240.         inset 0px 1px 1px rgba(0,0,0,0.2);
  241. }
  242. .camera_wrap .camera_pag .camera_pag_ul li > span {
  243.     height: 80px;
  244.     left: 0px;
  245.     overflow: hidden;
  246.     position: absolute;
  247.     top: 0px;
  248.     width: 4px;
  249. }
  250. .camera_commands_emboss .camera_pag .camera_pag_ul li:hover > span {
  251.     -moz-box-shadow:
  252.         0px 1px 0px rgba(255,255,255,1),
  253.         inset 0px 1px 1px rgba(0,0,0,0.2);
  254.     -webkit-box-shadow:
  255.         0px 1px 0px rgba(255,255,255,1),
  256.         inset 0px 1px 1px rgba(0,0,0,0.2);
  257.     box-shadow:
  258.         0px 1px 0px rgba(255,255,255,1),
  259.         inset 0px 1px 1px rgba(0,0,0,0.2);
  260. }
  261. .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
  262.     -moz-box-shadow: 0;
  263.     -webkit-box-shadow: 0;
  264.     box-shadow: 0;
  265. }
  266. .camera_pag_ul li img {
  267.     display: none;
  268.     position: absolute;
  269. }
  270. .camera_pag_ul .thumb_arrow {
  271.     border-left: 4px solid;
  272.     border-top: 4px solid transparent;
  273.     border-bottom: 4px solid transparent;
  274.     top: 0;
  275.     left: 50%;
  276.     margin-left: -4px;
  277.     position: absolute;
  278. }
  279. .camera_prev, .camera_next, .camera_commands {
  280.     cursor: pointer;
  281.     height: 40px;
  282.     margin-top: -20px;
  283.     position: absolute;
  284.     top: 50%;
  285.     width: 40px;
  286.     z-index: 2;
  287. }
  288. .camera_prev {
  289.     left: 0;
  290. }
  291. .camera_prev > span {
  292.     background: url(../image/camera_skins.png) no-repeat 0 0;
  293.     display: block;
  294.     height: 40px;
  295.     width: 40px;
  296. }
  297. .camera_next {
  298.     right: 0;
  299. }
  300. .camera_next > span {
  301.     background: url(../image/camera_skins.png) no-repeat -40px 0;
  302.     display: block;
  303.     height: 40px;
  304.     width: 40px;
  305. }
  306. .camera_commands {
  307.     right: 41px;
  308.     display: none;
  309. }
  310. .camera_commands > .camera_play {
  311.     background: url(../image/camera_skins.png) no-repeat -80px 0;
  312.     height: 40px;
  313.     width: 40px;
  314. }
  315. .camera_commands > .camera_stop {
  316.     background: url(../image/camera_skins.png) no-repeat -120px 0;
  317.     display: block;
  318.     height: 40px;
  319.     width: 40px;
  320. }
  321.  
  322. .camera_thumbs_cont {
  323.     -webkit-border-bottom-right-radius: 4px;
  324.     -webkit-border-bottom-left-radius: 4px;
  325.     -moz-border-radius-bottomright: 4px;
  326.     -moz-border-radius-bottomleft: 4px;
  327.     border-bottom-right-radius: 4px;
  328.     border-bottom-left-radius: 4px;
  329.     overflow: hidden;
  330.     position: relative;
  331.     width: 100%;
  332. }
  333. .camera_commands_emboss .camera_thumbs_cont {
  334.     -moz-box-shadow:
  335.         0px 1px 0px rgba(255,255,255,1),
  336.         inset 0px 1px 1px rgba(0,0,0,0.2);
  337.     -webkit-box-shadow:
  338.         0px 1px 0px rgba(255,255,255,1),
  339.         inset 0px 1px 1px rgba(0,0,0,0.2);
  340.     box-shadow:
  341.         0px 1px 0px rgba(255,255,255,1),
  342.         inset 0px 1px 1px rgba(0,0,0,0.2);
  343. }
  344. .camera_thumbs_cont > div {
  345.     float: left;
  346.     width: 100%;
  347. }
  348. .camera_thumbs_cont ul {
  349.     overflow: hidden;
  350.     padding: 3px 4px 8px;
  351.     position: relative;
  352.     text-align: center;
  353. }
  354. .camera_thumbs_cont ul li {
  355.     display: inline;
  356.     padding: 0 4px;
  357. }
  358. .camera_thumbs_cont ul li > img {
  359.     border: 1px solid;
  360.     cursor: pointer;
  361.     margin-top: 5px;
  362.     vertical-align:bottom;
  363. }
  364. .camera_clear {
  365.     display: block;
  366.     clear: both;
  367. }
  368. .showIt {
  369.     display: none;
  370. }
  371. .camera_clear {
  372.     clear: both;
  373.     display: block;
  374.     height: 1px;
  375.     margin: -1px 0 25px;
  376.     position: relative;
  377. }
  378. /**************************
  379. *
  380. *   COLORS & SKINS
  381. *
  382. **************************/
  383. .pattern_1 .camera_overlayer {
  384.     background: url(../image/patterns/overlay1.png) repeat;
  385. }
  386. .pattern_2 .camera_overlayer {
  387.     background: url(../image/patterns/overlay2.png) repeat;
  388. }
  389. .pattern_3 .camera_overlayer {
  390.     background: url(../image/patterns/overlay3.png) repeat;
  391. }
  392. .pattern_4 .camera_overlayer {
  393.     background: url(../image/patterns/overlay4.png) repeat;
  394. }
  395. .pattern_5 .camera_overlayer {
  396.     background: url(../image/patterns/overlay5.png) repeat;
  397. }
  398. .pattern_6 .camera_overlayer {
  399.     background: url(../image/patterns/overlay6.png) repeat;
  400. }
  401. .pattern_7 .camera_overlayer {
  402.     background: url(../image/patterns/overlay7.png) repeat;
  403. }
  404. .pattern_8 .camera_overlayer {
  405.     background: url(../image/patterns/overlay8.png) repeat;
  406. }
  407. .pattern_9 .camera_overlayer {
  408.     background: url(../image/patterns/overlay9.png) repeat;
  409. }
  410. .pattern_10 .camera_overlayer {
  411.     background: url(../image/patterns/overlay10.png) repeat;
  412. }
  413. .camera_caption {
  414.     color: #fff;
  415. }
  416. .camera_caption > div {
  417.     background: #000;
  418.     background: rgba(0, 0, 0, 0.8);
  419. }
  420. .camera_wrap .camera_pag .camera_pag_ul li {
  421.     background: #b7b7b7;
  422. }
  423. .camera_wrap .camera_pag .camera_pag_ul li:hover > span {
  424.     background: #666;
  425. }
  426. .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
  427.     background: #ed145b;
  428. }
  429. .camera_pag_ul li img {
  430.     border: 4px solid #fff;
  431.     -moz-box-shadow: 0px 3px 6px rgba(0,0,0,.5);
  432.     -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.5);
  433.     box-shadow: 0px 3px 6px rgba(0,0,0,.5);
  434. }
  435. .camera_pag_ul .thumb_arrow {
  436.     border-left-color: #fff;
  437. }
  438. .camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {
  439.     background: #444;
  440.     background: rgba(0, 0, 0, 0.4);
  441.     transition: all 0.3s;
  442.     -webkit-transition: all 0.3s;
  443.     -moz-transition: all 0.3s;
  444.     filter: alpha(opacity=0);
  445.     opacity: 0;
  446. }
  447. .camera_prevThumbs:hover, .camera_nextThumbs:hover, .camera_prev:hover, .camera_next:hover, .camera_commands:hover, .camera_thumbs_cont:hover {
  448.     background: #f71277;
  449.     background: rgba(247, 18, 119, 1);
  450.     filter: alpha(opacity=0);
  451.     opacity: 0;
  452. }
  453. .camera_wrap .camera_pag .camera_pag_ul li {
  454.     background: #aaa;
  455.     background: rgba(0, 0, 0, 0.25);
  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. }
  1068.  
  1069. .camera_thumb {
  1070.     height: 85px;
  1071.     width: 205px;
  1072. }
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!