janvier56

X LUSCIOUS - Widescreen VIEWER v.7 (new7) in DEV

Apr 4th, 2016
174
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 65.69 KB | None | 0 0
  1. @namespace url(http://www.w3.org/1999/xhtml);
  2.  
  3. @-moz-document domain("luscious.net") {
  4.  
  5. /* === X LUSCIOUS - Widescreen VIEWER v.7 (new7) EN DEV ==== */
  6.  
  7. /* TEST LINKS :
  8. https://members.luscious.net/c/luscious/pictures/album/gif-enjoy_260353/id/15417433/@lily_saint_aka_lilly_lili_l
  9. ===  */
  10.  
  11. /* SUPP  */
  12. .bill ,
  13. .vjs-text-track-display ,
  14. html>body>iframe[src^="https://syndication.exoclick.com/ads-iframe-display.php?"] ,
  15. .wrapper.slideshow_bottom>iframe ,
  16. .sb_ads {
  17.     display: none !important;
  18. }
  19.  
  20. /* GLOBAL BACKGROUND */
  21. body {
  22.     background: #262626 none repeat scroll 0 0;
  23.     color: #a8a7a7;
  24.     font: 15px/1.5 "Lato",Arial,sans-serif;
  25.     width: 1900px !important;
  26. }
  27. .content_box {
  28.     margin: 0 auto;
  29.     width: 100% !important;
  30.     width: 1900px !important;
  31. }
  32. #global_wrapper {
  33.     width: 1900px !important;
  34. background: #181515 none repeat scroll 0 0 !important;
  35. }
  36.  
  37. /* (new4) LOADING SPINNER - */
  38. .vjs-loading-spinner {
  39. display: none !important;
  40. }
  41.  
  42. /* COMMENTS */
  43. .reduced+div>.single_picture_comments  {
  44.     width: 26% !important;
  45.     margin: 0 auto;
  46.     outline: 1px solid yellow !important;
  47. }
  48.  
  49.  
  50. /* (new4) VIEWING GIFS -
  51. https://members.luscious.net/gifs/#/slideshow/picture_15735028
  52. === */
  53. #main_content {
  54.     height: 236px !important;
  55.     margin-top: 50px;
  56.     background-position: 50% center;
  57.     background-repeat: no-repeat;
  58. }
  59. .stream_selection .faceted_objects.thumbnail_container .faceted_objects.thumbnail_container>img{
  60.     height: 76px !important;
  61. }
  62. .stream_selection .faceted_objects.thumbnail_container .thumbnail.ic_container.embedded ,
  63. .stream_selection .faceted_objects.thumbnail_container .thumbnail.embedded{
  64.     display: inline-block !important;
  65. /* height: 100px; */
  66. height: 90px !important;
  67. /* width: 100px; */
  68. width: 90px !important;
  69. text-align: center !important;
  70. margin: 0 !important;
  71. /* overflow: visible !important; */
  72. outline: 1px solid red !important;
  73. }
  74.  
  75. .stream_selection .faceted_objects.thumbnail_container .thumbnail.embedded img,
  76. .stream_selection .faceted_objects.thumbnail_container .thumbnail.ic_container.embedded img {
  77.     display: inline-block !important;
  78. /* height: 100px; */
  79. height: auto !important;
  80. /* width: 100px; */
  81. width: 80px !important;
  82. /* overflow: visible !important; */
  83. outline: 1px solid tan !important;
  84. }
  85.  
  86. /* .thumbnail.embedded a,
  87. .thumbnail.ic_container.embedded a */
  88.  
  89.  
  90.  
  91. /* (new2) - EDIT PICTURE - === */
  92. .picture_edit_box {
  93.     margin-top: -67px !important;
  94.     width: 95% !important;
  95. }
  96. .picture_edit_box h1 {
  97.     width: 228px !important;
  98.     margin-bottom: 5px !important;
  99.     margin-top: -17px !important;
  100. }
  101. #edit_picture form {
  102.     width: 1686px !important;
  103.     margin-top: 139px;
  104.     margin-left: -200px !important;
  105. }
  106.  
  107. #edit_picture #tag_section form {
  108.     margin-left: 0px !important;
  109.     margin-top: 0 !important;
  110.     width: 1700px !important;
  111. }
  112. #edit_picture .tag_form input:first-of-type  {
  113. width: 1570px !important;
  114.     margin-left: 0px !important;
  115.     padding: 10px;
  116.     border: 0 none;
  117.     color: #898989;
  118.     background: #363636 none repeat scroll 0 0;
  119. }
  120.  
  121.  
  122. /* HEADER */
  123.  
  124. #unstickyheader > .float-right{
  125. /* position: relative; */
  126. /* top: 40px; */
  127.     padding: 0 !important;
  128. z-index: 500 !important;
  129. }
  130.  
  131. /* (new5) ALBUM */
  132. .album_popout {
  133.     background: #292929 none repeat scroll 0 0 !important;
  134.     border: 1px solid #343333 !important;
  135. }
  136.  
  137. /* SLIDESHOW - VIWER IN ALL ALBUM THUMBNAILS */
  138.  
  139. #slideshow_wrapper .ui-widget-overlay {
  140.     background: black !important;
  141.     opacity: 0.95 !important;
  142. }
  143. #slideshow_wrapper {
  144. /* display: inline-block !important; */
  145. min-width: 1526px !important;
  146. max-width: 1526px !important;
  147. /* padding-bottom: 290.5px !important; */
  148. /* padding-top: 290.5px !important; */
  149.     text-align: center;
  150. outline: 1px solid violet !important;
  151. }
  152.  
  153. #slideshow_wrapper #picture_frame {
  154. position: absolute !important;
  155. display: inline-block !important;
  156. vertical-align: middle !important;
  157. min-height: 700px !important;
  158. max-height: 700px !important;
  159. min-width: 1526px !important;
  160. max-width: 1526px !important;
  161. left: 0 !important;
  162. /* padding: 0 !important; */
  163. /* padding-bottom: 288px; */
  164. padding-top: 50px !important;
  165. padding-bottom: 500px !important;
  166. /* background-color: blue !important; */
  167. }
  168.  
  169.  
  170. img#single_picture {
  171.     display: inline-block !important;
  172.     max-width: 100%;
  173.     margin-top: 12% !important;
  174. }
  175.  
  176.  
  177. #slideshow_wrapper #slideshow_picture .navigation {
  178.     position: absolute !important;
  179.     display: inline-block !important;
  180.     height: 33px;
  181. min-width: 1526px !important;
  182. max-width: 1526px !important;
  183. top: 93% !important;
  184. /* left: 46% !important; */
  185. left: 0 !important;
  186. }
  187. #slideshow_wrapper #slideshow_picture #slideshow_close_wrapper {
  188.     position: absolute !important;
  189.     margin-bottom: 10px;
  190.     top: 93.5% !important;
  191.     left: 49.5% !important;
  192.     z-index: 500 !important;
  193. }
  194.  
  195.  
  196. #slideshow_wrapper #picture_frame  .ic_container {
  197. position: relative !important;
  198.     display: inline-block !important;
  199. vertical-align: middle !important;
  200. min-width: 1526px !important;
  201. max-width: 1526px !important;
  202. min-height: 700px!important;
  203. max-height: 700px!important;
  204. outline: 1px solid violet !important;
  205.  
  206. }
  207. #slideshow_wrapper #picture_frame  .ic_container a + .ic_caption  {
  208.     position: absolute !important;
  209.     display: inline-block !important;
  210.     width: 100%;
  211. display: inline-block !important;
  212. min-width: 1526px !important;
  213. max-width: 1526px !important;
  214.     right: 0;
  215.     bottom: 0;
  216.     left: 0 !important;
  217. top: 720px !important;
  218. /* margin-bottom: -41px !important; */
  219.     margin: 0;
  220.     padding: 0;
  221.     color: white;
  222.     cursor: default;
  223. /* overflow: hidden; */
  224.     overflow: visible !important;
  225.     background-color: rgba(0, 0, 0, 0.75);
  226. }
  227.  
  228.  
  229. .single_picture_wrapper.slideshow_extras .results  .three_column_details_wrapper .three_column_details  li.user_info {
  230.     background: #292929 none repeat scroll 0 0;
  231.     border: 1px solid #343333;
  232.     display: table-cell;
  233.     padding: 0 15px 25px;
  234.     width: 10% !important;
  235. }
  236. .single_picture_wrapper.slideshow_extras .results  .three_column_details_wrapper .uploader_avatar {
  237. /* position: relative !important; */
  238. /* display: inline-block !important; */
  239. float: left !important;
  240. /* clear: both !important; */
  241.     width: 40px !important;
  242.     height: 40px !important;
  243.     border: 5px solid #fff;
  244.     border-radius: 50%;
  245.     margin-right: 0 !important;
  246.     margin-top: -310px !important;
  247.     overflow: hidden;
  248. }
  249.  
  250. .single_picture_wrapper.slideshow_extras .results  .three_column_details_wrapper .uploader {
  251. /* display: inline-block !important; */
  252. float: right !important;
  253. /* clear: both !important; */
  254.     width: 100% !important;
  255.     max-width: 111px !important;
  256.     min-width: 111px !important;
  257.     margin-right: 0 !important;
  258.     margin-top: -250px !important;
  259.     padding: 0 !important;
  260.     font-size: 0 !important;
  261. }
  262.  
  263.  
  264. .single_picture_wrapper.slideshow_extras .results  .three_column_details_wrapper .three_column_details  li.content_info {
  265.     background: #292929 none repeat scroll 0 0;
  266.     border: 1px solid #343333;
  267.     display: table-cell;
  268.     padding: 0 15px 25px;
  269.     width: 4% !important;
  270. }
  271.  
  272.  
  273. .single_picture_wrapper.slideshow_extras .content_info>h3 {
  274. position: relative !important;
  275.     float: left !important;
  276.     width: 200px !important;
  277.     font-size: 20px;
  278.     font-weight: 200;
  279.     margin-left: 0px !important;
  280. top: -45px !important;
  281.     text-align: center !important;
  282. }
  283. .single_picture_wrapper.slideshow_extras  li.content_info h3 + .album_details {
  284. position: relative !important;
  285. display: inline-block !important;
  286.     float: left;
  287.     height: 100px !important;
  288. width: 200px !important;
  289.     margin-top: -207px !important;
  290.     text-align: left !important;
  291. }
  292.  
  293. .album_details img {
  294.     float: none !important;
  295.     max-height: 100px;
  296.     max-width: 100px;
  297. }
  298. .single_picture_wrapper.slideshow_extras .results  .three_column_details_wrapper .three_column_details  li.content_info + li {
  299.     background: #292929 none repeat scroll 0 0;
  300.     border: 1px solid #343333;
  301.     display: table-cell;
  302.     padding: 0 15px 25px;
  303.     width: 84% !important;
  304. }
  305. .single_picture_wrapper.slideshow_extras .results  .three_column_details_wrapper .three_column_details  li.content_info + li >h3:first-of-type {
  306. position: relative !important;
  307. /* display: inline-block !important; */
  308. float: left !important;
  309. clear: both !important;
  310. width: 98% !important;
  311. /* margin-top: -78px !important; */
  312. /* top: -59px !important; */
  313. /* margin-bottom: 50px !important; */
  314.     padding: 0 15px 5px !important;
  315.     border: 1px solid #343333;
  316.     background: #292929 none repeat scroll 0 0;
  317. }
  318.  
  319. .single_picture_wrapper.slideshow_extras .results  .three_column_details_wrapper .three_column_details  li.content_info + li .album_details {
  320.     float: left !important;
  321.     width: 300px !important;
  322.     height: 100px !important;
  323.     margin-top: -7px;
  324.     margin-left: 0px !important;
  325.     padding: 0 15px 25px !important;
  326.     text-align: center !important;
  327.     border: 1px solid #343333;
  328.     background: #292929 none repeat scroll 0 0;
  329. }
  330.  
  331. .single_picture_wrapper.slideshow_extras .results  .three_column_details_wrapper .three_column_details  li.content_info + li .info.counters {
  332.     width: 300px !important;
  333.     clear: both !important;
  334.     float: left !important;
  335.     margin-top: 10px !important;
  336.     padding: 0 15px 5px !important;
  337.     text-align: left !important;
  338.     border: 1px solid #343333;
  339.     background: #292929 none repeat scroll 0 0;
  340. }
  341. .single_picture_wrapper.slideshow_extras .results  .three_column_details_wrapper .three_column_details  li.content_info + li .info.counters  + h3 {
  342.     background: #292929 none repeat scroll 0 0;
  343.     border: 1px solid #343333;
  344.     clear: none !important;
  345.     float: right !important;
  346. /* margin-bottom: -50px !important; */
  347.     padding: 0 15px 5px !important;
  348.     position: relative !important;
  349.     width: 65% !important;
  350. outline: 1px solid violet !important;
  351. }
  352. .single_picture_wrapper.slideshow_extras .results  .three_column_details_wrapper .three_column_details  li.content_info + li #album_tag_section {
  353.     border-left: 1px solid violet !important;
  354.     float: right !important;
  355.     margin-top: -78px !important;
  356.     padding-top: 0;
  357.     width: 68% !important;
  358. }
  359.  
  360. .single_picture_wrapper.slideshow_extras .results .three_column_details_wrapper .three_column_details  li #album_tag_section + #album_btns {
  361.     position: relative !important;
  362. display: inline-block !important;
  363.     clear: both !important;
  364.     float: right !important;
  365.     min-width: 100% !important;
  366.     max-width: 100% !important;
  367. margin-top: 10px !important;
  368.     margin-bottom: 0px !important;
  369.     padding: 0 !important;
  370.     border: 1px solid #343333;
  371.     background: #292929 none repeat scroll 0 0;
  372. /* outline: 1px solid violet !important; */
  373. }
  374.  
  375.  
  376.  
  377. /*  THREE COLUMN DETAILS - IMAGE / VIDEO */
  378. .three_column_details {
  379.     display: inline-table !important;
  380.     table-layout: unset !important;
  381.     max-width: 1900px !important;
  382. }
  383.  
  384. #main.reduced .three_column_details_wrapper .three_column_details  li.user_info {
  385.     position: absolute !important;
  386. display: inline-block !important;
  387. /* width: 5% !important; */
  388.     width: 100% !important;
  389.     min-width: 111px !important;
  390.     max-width: 111px !important;
  391.     height: 180px !important;
  392.     right: 569px !important;
  393.     top: 470px !important;
  394. /* margin-left: 118px !important; */
  395. padding: 0 !important;
  396. text-align: center !important;
  397. /* outline: 1px solid violet !important; */
  398. }
  399. #main.full .three_column_details_wrapper .three_column_details  li.user_info {
  400.     position: absolute !important;
  401. display: inline-block !important;
  402. /* width: 5% !important; */
  403.     width: 100% !important;
  404.     min-width: 111px !important;
  405.     max-width: 111px !important;
  406.     height: 187px !important;
  407.     right: 517px !important;
  408.     top: 358px !important;
  409. /* margin-left: 118px !important; */
  410. padding: 0 !important;
  411. text-align: center !important;
  412. /* outline: 1px solid violet !important; */
  413. }
  414.  
  415. .user_info>h3 {
  416. display: none !important;
  417. }
  418. .uploader_avatar ,
  419. .user_info>h3 + .uploader_avatar {
  420. display: inline-block !important;
  421.     height: 40px !important;
  422.     width: 40px !important;
  423. margin-right: 0px !important;
  424.     margin-top: 5px !important;
  425.     border: 5px solid #fff;
  426.     border-radius: 50%;
  427.     overflow: hidden;
  428. }
  429. .uploader_avatar img ,
  430. .user_info>h3 + .uploader_avatar img {
  431.     height: 40px !important;
  432.     width: 40px !important;
  433. }
  434.  
  435. /* ALL BUTTONS CONTAINER - SHORT + WIDE */
  436. .three_column_details #album_btns {
  437.     clear: both;
  438. /* width: 200px !important; */
  439. /* margin-top: -3px !important; */
  440. }
  441.  
  442. ul#album_btns {
  443.     display: inline-block !important;
  444.     width: 100% !important;
  445.     min-width: 111px !important;
  446.     max-width: 111px !important;
  447. margin-right: 0 !important;
  448.     margin-top: -3px !important;
  449. padding: 0 !important;
  450. font-size: 0 !important;
  451. }
  452.  
  453.  
  454. .uploader {
  455.     display: inline-block !important;
  456.     width: 100% !important;
  457.     min-width: 111px !important;
  458.     max-width: 111px !important;
  459. margin-right: 0 !important;
  460. padding: 0 !important;
  461. font-size: 0 !important;
  462. }
  463. .user_info>h3 + .uploader_avatar + .uploader {
  464.     display: inline-block !important;
  465. /* vertical-align: top !important; */
  466. /* float: right !important; */
  467.     width: 100% !important;
  468.     min-width: 111px !important;
  469.     max-width: 111px !important;
  470.     height: 45px !important;
  471. margin-right: 0 !important;
  472. padding: 0 !important;
  473. font-size: 0 !important;
  474. }
  475.  
  476. .uploader>a:first-of-type {
  477.     display: inline-block !important;
  478.     width: 100% !important;
  479.     min-width: 104px !important;
  480.     max-width: 104px !important;
  481. margin-top: -5px !important;
  482. font-size: 15px !important;
  483. overflow: hidden !important;
  484. text-overflow: ellipsis !important;
  485. color: peru !important;
  486. }
  487.  
  488. .user_info>h3 + .uploader_avatar + .uploader>a:last-of-type {
  489. /* display: block !important; */
  490.     width: 100% !important;
  491.     min-width: 104px !important;
  492.     max-width: 104px !important;
  493. /* margin-top: -56px !important; */
  494. padding: 2px 2px !important;
  495. }
  496.  
  497. ul#album_btns li {
  498.     display: inline-block;
  499.     height: 23px !important;
  500.     width: 100% !important;
  501.     min-width: 104px !important;
  502.     max-width: 104px !important;
  503. /* margin-top: -56px !important; */
  504. padding: 2px 2px !important;
  505. }
  506.  
  507.  
  508. .uploader a.follow_btn,
  509. .uploader>a:last-of-type {
  510.     display: inline-block !important;
  511.     width: 100% !important;
  512.     min-width: 87px !important;
  513.     max-width: 87px !important;
  514. /* margin-top: -56px !important; */
  515. margin-top: -2px !important;
  516. padding: 2px 10px !important;
  517. }
  518.  
  519.  
  520. ul#album_btns a {
  521.     display: inline-block !important;
  522.     width: 100% !important;
  523.     min-width: 87px !important;
  524.     max-width: 87px !important;
  525. /* margin-top: -56px !important; */
  526. padding: 2px 10px !important;
  527. }
  528. ul#album_btns li a#slideshow_btn {
  529.     display: inline-block !important;
  530.     width: 100% !important;
  531.     min-width: 100px !important;
  532.     max-width: 100px !important;
  533. margin-left: 0px !important;
  534. margin-top: 2px !important;
  535. /* margin-bottom: -2px !important; */
  536. padding: 2px 1px !important;
  537. font-size: 11px !important;
  538. }
  539. ul#album_btns li a#share_btn {
  540.     display: inline-block !important;
  541.     width: 100% !important;
  542.     min-width: 100px !important;
  543.     max-width: 100px !important;
  544. margin-left: 0px !important;
  545. margin-top: 0px !important;
  546. /* margin-bottom: -4px !important; */
  547. padding: 2px 1px !important;
  548. font-size: 11px !important;
  549. }
  550. ul#album_btns li a.disc_btn {
  551.     display: inline-block !important;
  552.     width: 100% !important;
  553.     min-width: 100px !important;
  554.     max-width: 100px !important;
  555. margin-left: 0px !important;
  556.     margin-top: -2px !important;
  557. padding: 2px 1px !important;
  558. font-size: 11px !important;
  559. }
  560.  
  561.  
  562.  
  563. /* ALBUM INFOS RIGHT */
  564.  
  565. .three_column_details  li  #album_tag_section + #album_btns {
  566.     clear: both;
  567.     min-width: 600px !important;
  568.     max-width: 600px !important;
  569.     margin-top: -3px !important;
  570. }
  571. .three_column_details  li  #album_tag_section + ul#album_btns li {
  572.     display: inline-block;
  573.     height: 23px !important;
  574.     width: 100% !important;
  575.     min-width: 194px !important;
  576.     max-width: 194px !important;
  577. text-align: center !important;
  578. padding: 0px !important;
  579. }
  580. .three_column_details  li  #album_tag_section + ul#album_btns li a {
  581.     display: inline-block;
  582.     height: 15px !important;
  583.     width: 100% !important;
  584.     min-width: 170px !important;
  585.     max-width: 170px !important;
  586. text-align: center !important;
  587. padding: 0px !important;
  588. font-size: 12px !important;
  589. }
  590.  
  591. /* ====== */
  592.  
  593.  
  594. .three_column_details_wrapper .three_column_details  li.content_info {
  595. /* display: table-cell !important; */
  596. /* display: inline-table !important; */
  597. /* width: 67% !important; */
  598. width: 1220px !important;
  599. /* outline: 1px solid violet !important; */
  600. }
  601.  
  602. #image_content_wrapper + .stream + .three_column_details_wrapper ul.three_column_details > li:not(.video_details):last-of-type {
  603.     display: table-cell;
  604. /* width: 33%; */
  605.     width: 658px !important;
  606.     padding: 0 15px 25px;
  607. }
  608.  
  609. .three_column_details_wrapper .three_column_details li.content_info.video {
  610. /* display: table-cell !important; */
  611. /* display: inline-table !important; */
  612. /* min-width: 60% !important; */
  613. /* max-width: 60% !important; */
  614.     border: 1px solid #343333 !important;
  615.     background: #292929 !important;
  616. /* outline: 1px solid green !important; */
  617. }
  618. .three_column_details_wrapper .three_column_details li.video_details {
  619. display: table-cell !important;
  620. /* display: inline-table !important; */
  621. /* min-width: 2% !important; */
  622. /* max-width: 2% !important; */
  623. width: 678px !important;
  624. /* outline: 1px solid green !important; */
  625. }
  626. .video_details> div:first-of-type {
  627. position: relative !important;
  628. display: inline-block !important;
  629. float: left !important;
  630. /* width: 25% !important; */
  631. width: 164px !important;
  632. height: 176px !important;
  633. top: -15px !important;
  634. left: -5px !important;
  635. /* margin-bottom: -32px; */
  636. padding:0 4px !important;
  637. border: 1px solid #343333 !important;
  638.     background: #292929 !important;
  639. }
  640. .video_details> h3 {
  641. position: relative !important;
  642. display: inline-block !important;
  643. float: right !important;
  644. /* width: 75% !important; */
  645. width: 483px !important;
  646. top: -15px !important;
  647.     left: -3px !important;
  648. padding-left: 2px !important;
  649. border: 1px solid #343333 !important;
  650. border-bottom: none !important;
  651.     background: #292929 !important;
  652. }
  653. .video_details> div#tag_section {
  654. position: relative !important;
  655. display: inline-block !important;
  656. /* width: 75% !important; */
  657. width: 480px !important;
  658. top: -25px !important;
  659. padding-left: 5px !important;
  660. border: 1px solid #343333 !important;
  661. border-top: none !important;
  662.     background: #292929 !important;
  663. }
  664. #main.reduced .video_details #tag_section .tag_list.editable + .tag_form:first-of-type input.ui-autocomplete-input {
  665.     width: 460px !important;
  666.     padding: 3px 1px !important;
  667. }
  668. #main.reduced .video_details #tag_section .tag_list.editable + .tag_form:first-of-type input:last-of-type {
  669.     padding: 3px 1px !important;
  670.     width: 62px !important;
  671. font-size: 12px !important;
  672. }
  673.  
  674. .video_details > #tag_section + ul#album_btns {
  675. display: inline-block !important;
  676. min-width: 100% !important;
  677. float: right !important;
  678. height: 28px !important;
  679. /* margin-top: -86px !important; */
  680. /* outline: 1px solid violet !important; */
  681. }
  682. .video_details > #tag_section + ul#album_btns a {
  683. display: inline-block !important;
  684. width: 75px !important;
  685. /* margin-top: -86px !important; */
  686.     padding: 3px 1px !important;
  687. }
  688. .video_details > #tag_section + ul#album_btns li {
  689. display: inline-block !important;
  690. min-width: 205px !important;
  691. /* margin-top: -86px !important; */
  692. padding: 0 !important;
  693. }
  694. .video_details > #tag_section + ul#album_btns li a {
  695. display: inline-block !important;
  696. min-width: 205px !important;
  697. /* margin-top: -86px !important; */
  698. /* padding: 3px 1px !important; */
  699. }
  700.  
  701.  
  702. .album_details {
  703. /* display: inline-block !important; */
  704.     float: left;
  705.     width: 100px !important;
  706.     height: 100px !important;
  707.     margin-top: -7px;
  708. /* left: -26px !important; */
  709.     text-align: center !important;
  710. }
  711. #image_content_wrapper + .stream + .three_column_details_wrapper ul.three_column_details > li:last-of-type:not(.video_details) .album_details {
  712. /* display: inline-block !important; */
  713.     float: left;
  714.     width: 170px !important;
  715.     height: 100px !important;
  716.     margin-top: -7px;
  717. /* left: -26px !important; */
  718. padding: 5px !important;
  719.     text-align: center !important;
  720.     background: #292929 none repeat scroll 0 0;
  721.     border: 1px solid #343333;
  722. }
  723. #image_content_wrapper + .stream + .three_column_details_wrapper ul.three_column_details > li:last-of-type:not(.video_details) .album_details img {
  724. /* display: inline-block !important; */
  725.     float: left !important;
  726.     height: auto !important;
  727.     max-width: 170px !important;
  728.     min-width: 170px !important;
  729. /* padding: 5px !important; */
  730. /* outline: 1px solid violet !important; */
  731. }
  732.  
  733.  
  734. .three_column_details_wrapper .three_column_details  li.content_info>p {
  735.     width: 150px !important;
  736. }
  737.  
  738. .info.counters {
  739. /* position: relative !important; */
  740. /* display: inline-block !important; */
  741.     float: left !important;
  742. clear: both !important;
  743.     width: 190px !important;
  744. /* margin-left: -139px !important; */
  745. margin-top: 20px !important;
  746. padding: 5px !important;
  747. text-align: left !important;
  748.     background: #292929 none repeat scroll 0 0;
  749.     border: 1px solid #343333;
  750. }
  751. #image_content_wrapper + .stream + .three_column_details_wrapper ul.three_column_details > li:last-of-type:not(.video_details) .info.counters > span ,
  752. #image_content_wrapper + .stream + .three_column_details_wrapper ul.three_column_details > li:last-of-type:not(.video_details) .info.counters > div ,
  753. #image_content_wrapper + .stream + .three_column_details_wrapper ul.three_column_details > li:last-of-type:not(.video_details) .info.counters > p {
  754.     width: 200px !important;
  755. }
  756.  
  757.  
  758.  
  759. /* VIDEO DETAILS */
  760. .user_info + .content_info.video>h3 {
  761. position: relative !important;
  762. display: inline-block !important;
  763. /* float: left !important; */
  764.     height: 130px !important;
  765.     line-height: 18px !important;
  766.     width: 220px !important ;
  767.     font-size: 20px;
  768.     font-weight: 200;
  769.     margin-top: 0px !important;
  770.     margin-left: 0px !important;
  771.     font-size: 15px !important;
  772. text-align: center !important;
  773.     border: 1px solid #343333 !important;
  774.     background: #292929 !important;
  775. /* outline: 1px solid green !important; */
  776. }
  777. .user_info + .content_info.video>h3  + .album_details {
  778. position: relative !important;
  779. display: inline-block !important;
  780. /* float: left; */
  781.     height: 100px !important;
  782.     width: 105px !important;
  783.     margin-top: 18px !important;
  784.     margin-left: -126px !important;
  785.     text-align: left !important;
  786. /* outline: 1px solid green !important; */
  787. }
  788. .album_details>a>img[src^="//cdn.luscious.net/videos/"]{
  789. display: inline-block !important;
  790. /* float: left !important; */
  791.     height: auto !important;
  792.     max-width: 160px !important;
  793.     min-width: 160px !important;
  794.     margin-left: -55px !important;
  795.     margin-top: 8px !important;
  796. /* outline: 1px solid green !important; */
  797. }
  798. .user_info + .content_info.video>h3  + .album_details  ~ p {
  799. /* float: left !important; */
  800. /* clear: both !important; */
  801.     height: auto !important;
  802. /* height: 18px !important; */
  803.     line-height: 14px !important;
  804. width: 100% !important;
  805.     max-width: 220px !important;
  806.     min-width: 220px !important;
  807. /* margin-left: 17px !important; */
  808. margin-top: 4px !important;
  809. /* outline: 1px solid green !important; */
  810. }
  811.  
  812.  
  813.  
  814. .content_info>h3:last-of-type {
  815.     float: left !important;
  816.     font-size: 20px;
  817.     font-weight: 200;
  818.     margin-top: -257px !important;
  819.     margin-left: 160px;
  820. /* outline: 1px solid violet !important; */
  821. }
  822.  
  823. .info.counters  + h3 {
  824. float: right !important;
  825. /* clear: right !important; */
  826. width: 444px !important;
  827. /* margin-left: 543px !important; */
  828. margin-top: -112px !important;
  829.     border: 1px solid #343333;
  830.     background: #292929 none repeat scroll 0 0;
  831. /* background: red !important; */
  832. }
  833. #album_tag_section {
  834. float: right !important;
  835. width: 444px !important;
  836. /* margin-left: 205px !important; */
  837. /* margin-top: -11px !important; */
  838.     margin-top: -78px !important;
  839.     padding-top: 0;
  840. border-left: 1px solid violet!important;
  841. }
  842. #album_tag_section .tag_list li {
  843.     margin-left: -37px !important;
  844. margin-right: 40px !important;
  845.     border: 2px solid #4b889d;
  846.     color: #4b889d;
  847. }
  848. #album_tag_section .tag_list.editable {
  849.     margin-left: 75px !important;
  850.     margin-right: 0 !important;
  851.     width: 369px !important;
  852. }
  853. #album_tag_section .tag_form {
  854.     width: 406px !important;
  855. }
  856. /* #album_tag_section .ui-autocomplete-input{
  857.     width: 206px !important;
  858. } */
  859. #album_tag_section .tag_list.editable +  .tag_form:first-of-type input.ui-autocomplete-input {
  860.     width: 285px !important;
  861.     padding: 10px;
  862.     border: 0 none;
  863.     color: #898989;
  864.     background: #363636;
  865. }
  866. #album_tag_section .tag_list.editable +  .tag_form:last-of-type  input:last-of-type {
  867.     float: right !important;
  868.     margin-right: -4px !important;
  869.     margin-top: -38px !important;
  870. }
  871.  
  872. #main.reduced .three_column_details_wrapper .three_column_details  li.content_info .content_info.picture {
  873.     position: absolute!important;
  874.     display: inline-block !important;
  875.     width: 1005px !important;
  876.     height: 290px !important;
  877.     margin-top: -253px !important;
  878.     left: 180px !important;
  879.     padding: 26px 5px 5px 5px !important;
  880.     background: #292929 none repeat scroll 0 0;
  881.     border: 1px solid #343333;
  882. /* outline: 1px solid violet !important; */
  883. }
  884. #main.full .three_column_details_wrapper .three_column_details  li.content_info .content_info.picture {
  885.     position: absolute!important;
  886.     display: inline-block !important;
  887.     width: 800px !important;
  888.     height: 250px !important;
  889.     margin-top: -253px !important;
  890.     left: 425px !important;
  891.     padding-top: 26px !important;
  892. outline: 1px solid green !important;
  893. }
  894. .three_column_details_wrapper .three_column_details  li.content_info .content_info.picture #album_btns {
  895.     clear: both;
  896.     margin-top: 10px !important;
  897.     width: 200px !important;
  898. }
  899.  
  900. #main.reduced #tag_section .tag_list.editable +  .tag_form:first-of-type input.ui-autocomplete-input {
  901.     width: 580px !important;
  902.     padding: 10px;
  903.     border: 0 none;
  904.     color: #898989;
  905.     background: #363636;
  906. }
  907. #main.full #tag_section .tag_list.editable +  .tag_form:first-of-type input.ui-autocomplete-input {
  908.     width: 665px !important;
  909.     padding: 10px;
  910.     border: 0 none;
  911.     color: #898989;
  912.     background: #363636;
  913. }
  914.  
  915. .results>br {
  916.     display: none !important;
  917. }
  918. .small_error:nth-child(odd) {
  919. color: tomato !important;
  920. }
  921. .small_error:nth-child(even) {
  922. color: red !important;
  923. }
  924.  
  925.  
  926.  
  927.  
  928. .three_column_details>li>h3>a {
  929.     color: peru !important;
  930.     text-decoration: none;
  931. }
  932.  
  933.  
  934. #album_tag_section +   #album_btns{
  935.     clear: both;
  936.     margin-top: 10px !important;
  937.     width: 600px !important;
  938. }
  939.  
  940. /* TAGS */
  941. .tag_list li {
  942. height: 15px !important;
  943.     line-height: 15px !important;
  944.     border: 2px solid #895a5a;
  945.     border-radius: 17px;
  946.     color: #895a5a;
  947.     display: inline-block;
  948.     font-size: 11px !important;
  949.     font-weight: bold;
  950.     margin: 2px;
  951.     padding: 0 6px !important;
  952.     text-align: center;
  953.     text-transform: capitalize;
  954.     vertical-align: top;
  955. }
  956. .tag_list li a {
  957.     display: inline-block;
  958. height: 15px !important;
  959.     line-height: 12px !important;
  960.     vertical-align: middle;
  961.     color: #c19bb0;
  962. }
  963.  
  964. /* ==== VIEWER - IMAGE ALONE - FULL / REDUCED  ====  */
  965.  
  966. .single_image {
  967. display: inline-block !important;
  968.     clear: both;
  969. vertical-align: middle !important;
  970.     max-width: 1100px !important;
  971.     min-width: 1100px !important;
  972. /* min-height: 624px !important; */
  973. /* max-height: 624px !important; */
  974.     text-align: center !important;
  975. }
  976.  
  977.  
  978. .single_image .ic_container {
  979.     position: relative;
  980. display: inline-block !important;
  981.     vertical-align: middle !important;
  982.     max-width: 1100px !important;
  983.     min-width: 1100px !important;
  984. min-height: 624px !important;
  985. max-height: 624px !important;
  986. padding: 0 !important;
  987.     border-radius: 4px;
  988.     z-index: 2;
  989. /* background-color: blue !important; */
  990. }
  991. #main.reduced #image_content_wrapper
  992. #main.reduced .single_image #picture_frame.ic_container .image_link {
  993. position: relative !important;
  994. display: inline-block !important;
  995. /* vertical-align: middle !important; */
  996.     height: 466px !important;
  997.     max-width: 1170px !important;
  998.     min-width: 1170px !important;
  999. /* min-height: 435px !important; */
  1000. /* min-height: 624px !important; */
  1001. /* max-height: 624px !important; */
  1002. /* margin-left: -30px !important; */
  1003.     margin-top: -21px !important;
  1004. /* background-color: blue !important; */
  1005. }
  1006.  
  1007. #main.reduced .single_image #picture_frame.ic_container .image_link img#single_picture {
  1008.     width: auto!important;
  1009.     max-height: 461px !important;
  1010. }
  1011.  
  1012. .single_image #picture_frame.ic_container .image_link .video-container ,
  1013. .video-container {
  1014. /*     max-width: 1170px !important; */
  1015. /*     min-width: 1170px !important; */
  1016. /* min-height: 435px !important; */
  1017. height: 100% !important;
  1018. /* min-height: 624px !important; */
  1019. /* max-height: 624px !important; */
  1020. vertical-align: middle !important;
  1021. /* border: 1px solid violet !important; */
  1022. /* outline: 1px solid violet !important; */
  1023. /* background: transparent !important; */
  1024. /* background-color: blue !important; */
  1025. }
  1026.  
  1027. /*(new7) */
  1028. /* .current_video-dimensions.vjs-fluid , */
  1029. .video-js {
  1030. /* position: relative !important; */
  1031. /* display: inline-block !important; */
  1032. /* vertical-align: top !important; */
  1033. /* vertical-align: middle !important; */
  1034.     box-sizing: border-box;
  1035.     max-width: 1100px !important;
  1036.     min-width: 1100px !important;
  1037. min-height: 435px !important;
  1038. /* height: 100% !important; */
  1039. /* min-height: 435px !important; */
  1040. /* max-height: 435px !important; */
  1041. /* min-height: 624px !important; */
  1042. /* max-height: 624px !important; */
  1043.     line-height: 1;
  1044.     padding: 0 !important;
  1045.     background: transparent !important;
  1046. /* background-color: red !important; */
  1047. }
  1048. .current_video-dimensions.vjs-fluid ,
  1049. #current_video_html5_api ,
  1050. .video-js .vjs-tech ,
  1051. .video-js.vjs-fluid,
  1052. .video-js.vjs-16-9,
  1053. .video-js.vjs-4-3 {
  1054.     position: relative;
  1055. display: inline-block !important;
  1056.     vertical-align: top !important;
  1057.     box-sizing: border-box;
  1058. /* max-width: 1100px !important; */
  1059. /* min-width: 1100px !important; */
  1060. /*     min-width: 1170px !important; */
  1061. /*     max-width: 1170px !important; */
  1062. min-height: 435px !important;
  1063. max-height: 435px !important;
  1064.     line-height: 1;
  1065. left: 0 !important;
  1066. margin: 0 auto !important;
  1067.     padding: 0 !important;
  1068. /* border: 1px solid violet !important; */
  1069. /* outline: 1px solid violet !important; */
  1070. }
  1071.  
  1072. #current_video_html5_api {
  1073. /* border: 1px solid violet !important; */
  1074. /* outline: 1px solid violet !important; */
  1075. /* left: -35px !important; */
  1076. }
  1077.  
  1078. .vjs-poster {
  1079.     left: 0px !important;
  1080. }
  1081.  
  1082. /* (new4) FIGCAPTION - POPUP TOOLTIP - === */
  1083. .grid figure:hover figcaption {
  1084. position: absolute !important;
  1085. display: inline-block !important;
  1086. vertical-align: middle !important;
  1087.    min-height: 150px !important;
  1088. /* max-height: 100px !important; */
  1089. /* left: -274px; */
  1090.     margin-left: -80px !important;
  1091. text-align: center !important;
  1092. z-index: 1000 !important;
  1093. /* box-shadow: 1px 1px 6px 4px rgba(0,0,0,0.7) inset !important; */
  1094.     box-shadow: 5px 5px 5px black !important;
  1095. }
  1096.  
  1097. .album_page.grid figcaption.right ,
  1098. .album_page.grid figcaption.left {
  1099.     margin-left: 0px !important;
  1100. }
  1101. .favorites .faceted_objects.video_container.embedded #video_page_1.video_page.grid  .video_popout figcaption.right {
  1102.     margin-left: 10px !important;
  1103. }
  1104.  
  1105.  
  1106. .album_page.grid.holder li figure:not(:hover) figcaption {
  1107. /* display: inline-block !important; */
  1108. vertical-align: middle !important;
  1109.    min-height: 150px !important;
  1110. border-radius: 8px !important;
  1111. text-align: center !important;
  1112. background: black !important;
  1113. /* background: rgba(43, 41, 41, 1) !important; */
  1114. /* opacity: 0 !important; */
  1115. visibility: hidden !important;
  1116. transition: ease background 0.9s !important;
  1117. }
  1118. .album_page.grid.holder li figure:hover figcaption.left  ,
  1119. .album_page.grid.holder li figure:hover figcaption.right {
  1120.     margin-left: 0px !important;
  1121. }
  1122.  
  1123. .album_page.grid.holder li:hover figure:hover figcaption {
  1124. background: rgba(43, 41, 41, 0.9) !important;
  1125. /* background: red !important; */
  1126. /* opacity: 1 !important; */
  1127. visibility: visible !important;
  1128. transition: ease background 0.9s !important;
  1129. }
  1130.  
  1131.  
  1132. .grid figure:hover figcaption .content {
  1133. vertical-align: middle !important;
  1134.    min-height: 100px !important;
  1135. }
  1136. .grid figcaption h3 {
  1137. width: 333px !important;
  1138.     height: 22px !important;
  1139.     line-height: 22px !important;
  1140.     margin-bottom: -4px !important;
  1141.     margin-top: -9px !important;
  1142. border-radius: 8px 8px 0 0 !important;
  1143.     background: #212121 !important;
  1144.    overflow: hidden !important;
  1145. text-overflow: ellipsis !important;
  1146. }
  1147.  
  1148. .grid figcaption h3 a {
  1149.     font-size: 18px !important;
  1150. }
  1151. .grid figcaption p {
  1152. width: 94% !important;
  1153.     line-height: 15px !important;
  1154.     max-height: 47px !important;
  1155.     font-size: 13px !important;
  1156.     overflow: hidden !important;
  1157.     overflow-y: auto !important;
  1158. }
  1159. .grid figcaption p.tag_list.w_desc {
  1160.     max-height: 40px !important;
  1161. /* line-height: 12px !important; */
  1162.     overflow: hidden !important;
  1163.     overflow-y: auto !important;
  1164. }
  1165.  
  1166.  
  1167.  
  1168. .grid figure {
  1169.     position: relative;
  1170.     margin: 0;
  1171.     text-align: center !important;
  1172. border-radius: 8px !important;
  1173.     background: rgba(9, 9, 9, 1) !important;
  1174. }
  1175. .grid figure img {
  1176.     position: relative;
  1177.     display: inline-block;
  1178.     max-width: 100%;
  1179.     max-height: 200px !important;
  1180.     z-index: 10;
  1181. }
  1182.  
  1183.  
  1184. /* (new5) ALBUM - PRESENTATION INFOS
  1185. https://members.luscious.net/c/-/albums/t/pictures/t2/1/page/1/
  1186. === */
  1187.  
  1188. /* RECENTLY UPLOADED */
  1189.  
  1190. .view_gallery,
  1191. #album {
  1192.     float: left !important;
  1193.     width: 1030px !important;
  1194.     margin-top: 3px !important;
  1195.     margin-bottom: 0 !important;
  1196.     padding: 10px 35px 0 35px !important;
  1197.     border: 1px solid #343333;
  1198.     background: #292929 ;
  1199. }
  1200. #album .view_gallery {
  1201.     float: left !important;
  1202.     width: 716px !important;
  1203.     margin-bottom: 19px;
  1204.     padding: 0px 35px 45px 35px !important;
  1205.     border: none !important;
  1206.     background: #292929 ;
  1207.     outline: none !important;
  1208.     outline-offset: 0px;
  1209. }
  1210. #album  #user_favour_list {
  1211.     float: right !important;
  1212.     width: 210px !important;
  1213.     margin: 0;
  1214.     min-height: 0;
  1215.     padding: 10px 15px 0 10px !important;
  1216.     border: 1px solid #343333 !important;
  1217. }
  1218.  
  1219. .view_gallery {
  1220.     float: right !important;
  1221.     width: 716px !important;
  1222.     margin-top: 3px !important;
  1223.     margin-bottom: 19px;
  1224.     padding: 10px 35px 49px 35px !important;
  1225.     border: 1px solid #343333;
  1226.     background: #292929 ;
  1227. /* outline: 2px solid red; */
  1228. /* outline-offset: -15px; */
  1229. }
  1230.  
  1231. view_gallery .content_box h2 {
  1232.     clear: both;
  1233.     margin: -2px 0 !important;
  1234. }
  1235.  
  1236.  
  1237. .album_page.grid.holder .item_cover {
  1238.     height: 195px !important;
  1239. }
  1240. .album_page.grid.holder figure figcaption .album_btn ,
  1241. .grid figcaption .video_btn {
  1242. border-radius: 0 0 8px 8px !important;
  1243.     background: rgba(9, 9, 9, 0.1)!important;
  1244. }
  1245. .album_page.grid.holder>li {
  1246.     display: inline-block;
  1247.     vertical-align: top;
  1248.     height: 246px !important;
  1249.     width: 200px;
  1250.     margin: 5px 7px !important;
  1251.     padding: 0;
  1252.     text-align: left;
  1253. }
  1254. .album_page.grid.holder>li figure.album_popout {
  1255.     position: relative !important;
  1256. /* display: inline-block !important; */
  1257.     height: 248px !important;
  1258. }
  1259. .album_page.grid.holder>li figure.item_cover {
  1260.     height: 245px !important;
  1261. /* border-radius: 8px !important; */
  1262.     box-shadow: 1px 3px 5px #131212;
  1263.     background: #1a1515 !important;
  1264. }
  1265.  
  1266. .album_page.grid.holder>li .caption {
  1267.     display: inline-block;
  1268.     width: 200px !important;
  1269.     height: 39px !important;
  1270.     padding: 0;
  1271. }
  1272. .album_page.grid.holder>li .caption h3  {
  1273.     display: inline-block;
  1274.     width: 200px !important;
  1275.     padding: 0;
  1276. }
  1277. .album_page.grid.holder>li .caption .grid_item_status_wrap {
  1278.     top: -11px !important;
  1279. }
  1280. .album_page.grid.holder>li .caption .grid_item_status {
  1281.     min-width: 38px;
  1282.     padding: 1px !important;
  1283.     border-radius: 2px;
  1284.     color: #fff;
  1285.     font-size: 12px;
  1286.     text-align: center;
  1287.     background: rgba(214, 53, 53, 0.42) !important;
  1288. opacity: 0.4 !important;
  1289. }
  1290.  
  1291. /* (new4) FULL ALBUM - CAPTION */
  1292. .thumbnail.full.ic_container:hover .ic_caption.picture_caption.ic_caption.picture_caption {
  1293.     display: inline-block !important;
  1294.     height: 82px !important;
  1295.     margin-bottom: 0 !important;
  1296.     padding-bottom: 10px !important;
  1297.     background: rgba(0, 0, 0, 0.4) !important;
  1298. transition: ease all 0.8s !important;
  1299. outline: 1px solid green !important;
  1300. }
  1301.  
  1302.  
  1303. /* (new4) THUMBNAIL - ALBUM GRID */
  1304. /*
  1305. .thumbnail.full,
  1306. .thumbnail.ic_container.full {
  1307.     display: inline-block !important;
  1308.     margin: 0;
  1309.     overflow: hidden;
  1310.     width: 315px;
  1311. max-height: 332px !important;
  1312. text-align: center !important;
  1313. outline: 1px solid green !important;
  1314. } */
  1315. .thumbnail.ic_container.full img {
  1316. /* display: table-cell !important; */
  1317. /* max-height: 332px !important; */
  1318. /*     width: auto !important; */
  1319. /* margin-right: -15% !important; */
  1320. /* text-align: center !important; */
  1321. outline: 1px solid green !important;
  1322. }
  1323.  
  1324. /* .thumbnail.ic_container.full .ic_caption.picture_toolbar {
  1325.     position: absolute !important;
  1326.     display: inline-block !important;
  1327.     width: 100% !important;
  1328.     height: 25px !important;
  1329.     line-height: 22px !important;
  1330.     left: 0% !important;
  1331.     top: 0px !important;
  1332.     text-align: center !important;
  1333. font-size: 10px !important;
  1334.     background-color: rgba(0, 0, 0, 0.4);
  1335.     z-index: 1000;
  1336. opacity: 0.5 !important;
  1337. } */
  1338. /* .thumbnail.ic_container.full:hover .ic_caption.picture_toolbar {
  1339. opacity: 1 !important;
  1340. transition: ease all 0.8s !important;
  1341. } */
  1342. /* .thumbnail.ic_container.full .ic_caption.picture_toolbar .favour {
  1343. font-size: 15px !important;
  1344. } */
  1345. /* .thumbnail.ic_container.full .ic_caption.picture_caption {
  1346.     display: inline-block !important;
  1347.     height: 50px;
  1348.     bottom: -33% !important;
  1349.     margin-top: -102px !important;
  1350.     padding-bottom: 10px;
  1351.     background: rgba(0, 0, 0, 1) none repeat scroll 0 0;
  1352. } */
  1353. /* .thumbnail.ic_container.full:hover .ic_caption.picture_caption {
  1354.     display: inline-block !important;
  1355.     height: 50px;
  1356.     bottom: 1% !important;
  1357.     margin-top: -102px !important;
  1358.     padding-bottom: 10px;
  1359.     background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important;
  1360. transition: ease all 0.8s !important;
  1361. } */
  1362.  
  1363.  
  1364. /* .picture_toolbar {
  1365.     position: absolute !important;
  1366.     display: inline-block !important;
  1367.     height: 42px;
  1368.     width: 10% !important;
  1369.     left: 47% !important;
  1370. top: 760px !important;
  1371. text-align: center !important;
  1372.     z-index: 1000;
  1373.     background-color: rgba(0, 0, 0, 0.4);
  1374. } */
  1375.  
  1376. /* === (new4) VIDEO ==== */
  1377. #below_video ,
  1378. .vjs-text-track-display>div {
  1379.     display: none !important;
  1380. }
  1381. .single_video .video_container #current_video.video-js {
  1382. position: relative !important;
  1383. display: inline-block !important;
  1384.     vertical-align: top !important;
  1385. vertical-align: middle !important;
  1386.     box-sizing: border-box;
  1387.     max-width: 1100px !important;
  1388.     min-width: 1100px !important;
  1389. /* height: 100% !important; */
  1390. min-height: 435px !important;
  1391. max-height: 435px !important;
  1392. /* min-height: 624px !important; */
  1393. /* max-height: 624px !important; */
  1394. top: 79px !important;
  1395.     line-height: 1;
  1396.     padding: 0;
  1397. /* background-color: red !important; */
  1398. }
  1399.  
  1400.  
  1401.  
  1402. .single_video {
  1403.     clear: both;
  1404.     min-width: 500px;
  1405.     margin-top: -108px !important;
  1406.     text-align: center;
  1407. }
  1408. .single_video .video_container {
  1409.     border: none !important;
  1410. }
  1411. /* VIDEO PLAYER - THUMMBNAIL PREVIEWS */
  1412. #main.reduced .video_stream {
  1413. /* position: relative; */
  1414. position: absolute !important;
  1415. /* display: inline-table !important; */
  1416.     table-layout: unset !important;
  1417.     width: 100%;
  1418. /* width: 781px !important; */
  1419.     min-height: 21px !important;
  1420. /* margin-left: 229px !important; */
  1421. /* top: 140px !important; */
  1422.     top: 415px !important;
  1423. }
  1424.  
  1425. .video_stream +  #album_btns {
  1426.     display: inline-block !important;
  1427.     height: 17px !important;
  1428. max-width: 1170px !important;
  1429. min-width: 1170px !important;
  1430.     width: 100% !important;
  1431.     margin-top: 137px !important;
  1432. text-align: center !important;
  1433. }
  1434. .video_container + .video_stream + #album_btns>li {
  1435.     display: inline-block !important;
  1436.     width: 100% !important;
  1437. max-width: 1170px !important;
  1438. min-width: 1170px !important;
  1439.     height: 15px !important;
  1440. }
  1441.  
  1442. .video_stream +  #album_btns a {
  1443. height: 15px !important;
  1444.     width: 100% !important;
  1445. min-width: 200px !important;
  1446. max-width: 200px !important;
  1447.     padding: 0px 8px !important;
  1448.     border: 1px solid gray;
  1449.     border-radius: 0 0 4px 4px !important;
  1450.     text-align: center;
  1451.     font-size: 11px !important;;
  1452.     color: #eee2e2;
  1453.     background: #292929 !important;
  1454.     border: 1px solid #343333 !important;
  1455. }
  1456.  
  1457. #main.reduced .stream_position {
  1458.     position: relative;
  1459. /* display: inline-table !important; */
  1460. /* table-layout: unset !important; */
  1461. /* width: 100%; */
  1462. /* width: 29.2673%; */
  1463. /* width: 781px !important; */
  1464. /* min-height: 35px !important; */
  1465. /* height: 73px !important; */
  1466.     height: 21px   !important;
  1467. /* margin-left: 223px !important; */
  1468.     pointer-events: none;
  1469.     background-color: #471e05 !important;
  1470.     opacity: 0.6 !important;
  1471.     z-index: 500 !important;
  1472.     overflow: hidden;
  1473.  
  1474. }
  1475. .video_stream > li {
  1476.     position: relative;
  1477.     display: table-cell;
  1478.     max-height: 34px !important;
  1479.     max-height: 34px !important;
  1480. /* width: 20% !important; */
  1481. width: auto !important;
  1482.     padding: 0 5px 15px;
  1483.     border: 5px solid #181515;
  1484.     cursor: pointer;
  1485.     text-align: left;
  1486.     background-repeat: no-repeat;
  1487.     background-size: cover;
  1488. }
  1489.  
  1490. #main.full #image_content_wrapper .main_image + .video_elements {
  1491.     position: relative;
  1492.     height: 25px !important;
  1493. width: 1200px !important;
  1494.     top: 548px !important;
  1495.     padding-bottom: 0 !important;
  1496.     padding-top: 0 !important;
  1497. text-align: center !important;
  1498. background: black !important;
  1499. }
  1500.  
  1501. /* (new6) PB  match VIDEO -
  1502. https://members.luscious.net/c/bdsm_videos/videos/training_6415/view/
  1503. AND IMAGE RED - REDUCED :
  1504. https://members.luscious.net/c/luscious/pictures/album/gif-enjoy_260353/id/15418506/@_veneisse_italian_girl_tries
  1505. AND IMAGE BLUE - FULL :
  1506. https://members.luscious.net/c/luscious/pictures/album/gif-enjoy_260353/id/15417434/@_lily_saint_aka_lilly_lili_l
  1507. === */
  1508. .full #image_content_wrapper .main_image + .video_elements ,
  1509. .reduced #image_content_wrapper .main_image + .video_elements {
  1510. /* position: relative; */
  1511. position: absolute !important;
  1512.     display: inline-block !important;
  1513. /* clear: both !important; */
  1514. /* float: left !important; */
  1515. vertical-align: top !important;
  1516. /* height: 25px !important; */
  1517.     min-height: 50px !important;
  1518.     max-height: 100px !important;
  1519.     width: 1171px !important;
  1520. /* margin-top: -5px !important; */
  1521. top: 548px !important;
  1522. left: 0px !important;
  1523.     padding-bottom: 0 !important;
  1524.     padding-top: 0 !important;
  1525. background: black !important;
  1526. /* outline: 1px solid violet !important; */
  1527. }
  1528.  
  1529.  
  1530. .reduced .video_elements #video_description {
  1531. /* position: relative !important; */
  1532. position: absolute !important;
  1533.     display: inline-block !important;
  1534. width: 1171px !important;
  1535.     height: auto !important;
  1536. max-height: 50px !important;
  1537. min-height: 50px !important;
  1538.     line-height: 15px !important;
  1539. vertical-align: top !important;
  1540. /* margin-top: -24px !important; */
  1541. padding: 0 !important;
  1542. font-size: 15px !important;
  1543.     word-wrap: break-word !important;
  1544.     white-space: pre-line !important;
  1545. overflow: hidden !important;
  1546. overflow-y: auto !important;
  1547.     background: #252222 !important;
  1548. /* outline: 1px dotted tomato !important; */
  1549. }
  1550. .full .video_elements #video_description  {
  1551. position: relative !important;
  1552. position: absolute !important;
  1553.     display: inline-block !important;
  1554. width: 1200px !important;
  1555.     height: auto !important;
  1556. max-height: 50px !important;
  1557. min-height: 50px !important;
  1558.     line-height: 15px !important;
  1559. vertical-align: top !important;
  1560. /* margin-top: -24px !important; */
  1561. padding: 0 !important;
  1562. font-size: 15px !important;
  1563.     word-wrap: break-word !important;
  1564.     white-space: pre-line !important;
  1565. overflow: hidden !important;
  1566. overflow-y: auto !important;
  1567.     background: #252222 !important;
  1568. /* outline: 1px dotted tomato !important; */
  1569. }
  1570. h1#video_title {
  1571. /* position: absolute !important; */
  1572. position: relative !important;
  1573.     display: inline-block !important;
  1574.     min-width: 1171px !important;
  1575.     max-width: 1171px !important;
  1576. /* margin-top: -746px !important; */
  1577. top: -10px !important;
  1578. bottom: -0px !important;
  1579. margin-bottom: 0px !important;
  1580. font-size: 17px !important;
  1581. }
  1582.  
  1583. /* (new4) FAVOR BAR - IMAGE / VIDEO */
  1584. li .favour {
  1585.     position: relative !important;
  1586.     display: inline-block !important;
  1587.     height: 34px !important;
  1588.     line-height: 8px !important;
  1589.     top: 0px !important;
  1590. /* margin-left: -40px !important; */
  1591. text-align: center !important;
  1592. /* background: #252222 !important; */
  1593. /* background: red !important; */
  1594. }
  1595. li .favour .icon {
  1596.     position: relative !important;
  1597.     display: inline-block !important;
  1598.     vertical-align: top !important;
  1599. /* bottom: 5px !important; */
  1600. /* margin-top: -15px !important; */
  1601. }
  1602. li .favour .icon + span  {
  1603.     display: inline-block !important;
  1604.     margin-left: -17px;
  1605.     margin-top: 19px !important;
  1606.     width: 15px !important;
  1607. }
  1608.  
  1609. li .favour.flag ,
  1610. .flag-icon.icon a {
  1611.     position: relative !important;
  1612.     display: inline-block !important;
  1613.     vertical-align: top !important;
  1614. /* bottom: 15px !important; */
  1615. /* margin-top: -15px !important; */
  1616. }
  1617.  
  1618.  
  1619.  
  1620.  
  1621. .video_elements #video_favour .favor_info {
  1622.     position: absolute !important;
  1623.     display: inline-block !important;
  1624.     height: 34px !important;
  1625. /* width: 109px !important; */
  1626.     width: 111px !important;
  1627.     left: 1205px !important;
  1628.     top: -500px !important;
  1629.     padding: 0 !important;
  1630. /* z-index: 10 !important; */
  1631.     border: 1px solid #343333 !important;
  1632.     background: #292929 !important;
  1633. /* background: gold !important; */
  1634. }
  1635. .video_elements #video_favour .favor_info .favour.flag  {
  1636. position: relative !important;
  1637.     display: inline-block !important;
  1638.     height: 34px !important;
  1639. /* line-height: 34px !important; */
  1640. /* background: gold !important; */
  1641. }
  1642. .video_elements #video_favour .favor_info .favour  {
  1643.     display: inline-block !important;
  1644.     height: 34px !important;
  1645.     top: -17px !important;
  1646. /* background: gold !important; */
  1647. }
  1648.  
  1649.  
  1650. #main.full .picture_option {
  1651.     position: absolute !important;
  1652.     display: inline-block !important;
  1653.     height: 34px !important;
  1654.     width: 111px !important;
  1655.     left: 1245px !important;
  1656.     top: 51px !important;
  1657.     border: 1px solid #343333;
  1658.     padding: 0 !important;
  1659. /* transform: rotate(90deg) !important; */
  1660. /* background: gold !important; */
  1661. }
  1662. #main.reduced .picture_option {
  1663.     position: absolute !important;
  1664.     display: inline-block !important;
  1665.     height: 32px !important;
  1666.     width: 115px !important;
  1667.     left: 1203px !important;
  1668.     top: -17px !important;
  1669.     padding: 0 !important;
  1670. /* transform: rotate(90deg) !important; */
  1671. /* background: gold !important; */
  1672. }
  1673. #main.reduced .picture_option ul {
  1674.     height: 34px !important;
  1675. /* background: gold !important; */
  1676. }
  1677. .picture_option .favour_options_icons {
  1678.     display: inline-block !important;
  1679.     width: 65% !important;
  1680.     height: 34px !important;
  1681.     line-height: 8px !important;
  1682. text-align: center !important;
  1683. /* background: red !important; */
  1684. }
  1685.  
  1686. .picture_option .image_option_icons {
  1687. position: relative !important;
  1688.     display: inline-block !important;
  1689.     width: 31% !important;
  1690.     height: 34px !important;
  1691.     line-height: 8px !important;
  1692. top: -15px !important;
  1693. text-align: center !important;
  1694. background: #252222 !important;
  1695. /* background: red !important; */
  1696. }
  1697. .picture_option .image_option_icons li,
  1698. .picture_option .favour_options_icons li {
  1699.     position: relative !important;
  1700.     display: inline-block !important;
  1701.     width: 8% !important;
  1702. height: 34px !important;
  1703. left: -5px !important;
  1704. padding: 0 5px !important;
  1705.     font-size: 12px !important;
  1706. text-align: center !important;
  1707. }
  1708. .favour_options_icons>li:nth-child(3) {
  1709.     top: -17px !important;
  1710. }
  1711.  
  1712.  
  1713.  
  1714. /* (new4) RELATED VIDEO - FIRST */
  1715. /* .related_albums h2,  */
  1716. /* .related_pictures h2,  */
  1717. .comments + .related_videos h2 {
  1718.     position: absolute !important;
  1719.     display: inline-block !important;
  1720.     width: 539px;
  1721.     right: 10px !important;
  1722.     top: 5px !important;
  1723.     padding: 0 !important;
  1724.     font-size: 25px !important;
  1725. /* background: red !important; */
  1726. z-index: 500 !important;
  1727. }
  1728. .comments + .related_videos .video_page.grid.holder {
  1729.     margin-top: 18px !important;
  1730. }
  1731.  
  1732. .related_wrapper > .comments + .related_videos {
  1733.     position: absolute !important;
  1734. display: inline-block !important;
  1735.     height: 551px !important;
  1736. width: 100% !important;
  1737.     min-width: 550px !important;
  1738.     max-width: 550px !important;
  1739.     right: 17px !important;
  1740.     top: 101px !important;
  1741. background: #292929 !important;
  1742. /* background: yellow !important; */
  1743. /* overflow: hidden !important; */
  1744. z-index: 1 !important;
  1745. }
  1746. .related_wrapper > .comments + .related_videos .faceted_objects.video_container.embedded {
  1747.     position: absolute !important;
  1748. display: inline-block !important;
  1749.     width: 550px !important;
  1750. height: 325px !important;
  1751.     margin-top: 0px !important;
  1752. margin-left: -400px !important;
  1753. padding-left: 400px !important;
  1754. /* padding-top: 30px !important; */
  1755. padding-bottom: 50px !important;
  1756. overflow: hidden !important;
  1757. overflow-y: auto !important;
  1758. pointer-events: none !important;
  1759. z-index: 0 !important;
  1760. /* outline: 1px solid red !important; */
  1761. }
  1762. .related_wrapper > .comments + .related_videos .faceted_objects.video_container.embedded ul#video_page_1 {
  1763. display: inline-block !important;
  1764.     width: 550px !important;
  1765. min-height: 300px !important;
  1766. max-height: 300px !important;
  1767.  
  1768. /* height: 267px !important; */
  1769. margin-top: 40px !important;
  1770. /* margin-left: -400px !important; */
  1771. /* padding-left: 400px !important; */
  1772. /* padding-top: 120px !important; */
  1773. /* padding-bottom: 50px !important; */
  1774. /* overflow: hidden !important; */
  1775. /* overflow-y: auto !important; */
  1776. z-index: 0 !important;
  1777. /* outline: 1px solid green !important; */
  1778.     pointer-events: initial !important;
  1779. }
  1780.  
  1781. /* (new4) RELATED ALSO */
  1782. .related_videos:last-of-type {
  1783.     position: absolute;
  1784.     width: 920px !important;
  1785. height: 250px !important;
  1786.     right: 716px !important;
  1787.     top: 663px !important;
  1788.     border: 1px solid #343333;
  1789.     background: #292929 none repeat scroll 0 0;
  1790. /* background: green !important; */
  1791. }
  1792. .related_videos:last-of-type h2 {
  1793. /* position: absolute !important; */
  1794. display: inline-block !important;
  1795. height: 20px !important;
  1796. line-height: 20px !important;
  1797.     margin-bottom: 20px !important;
  1798.     margin-left: 8px !important;
  1799.     font-size: 18px !important;
  1800.     padding: 0 !important;
  1801. }
  1802. .related_videos + .related_videos #video_page_1:last-of-type figcaption.right {
  1803.     margin-left: 12px !important;
  1804. }
  1805.  
  1806. /* (new4) VIDEO THUMBNAIL - FIGCAPTION / VIDEO COVER / ANIMATED PREVIEW on HOVER - ALL  - === */
  1807. .video_page.grid > li {
  1808.     display: inline-block;
  1809.     position: relative;
  1810.     vertical-align: top;
  1811.     height: 100px !important;
  1812.     width: 171px !important;
  1813. margin-top: 10px !important;
  1814.     margin-bottom: -5px !important;
  1815.     top: -25px !important;
  1816.     padding: 0;
  1817.     text-align: left;
  1818. /* overflow: hidden !important; */
  1819. }
  1820. .video_page.grid .grid figure {
  1821.     position: relative;
  1822.     height: 110px !important;
  1823.     width: 171px !important;
  1824. }
  1825. /* .related_videos #video_page_1.video_page.grid figure.video_popout .video_cover>a */
  1826. .video_cover {
  1827.     height: 91px !important;
  1828.     width: 171px !important;
  1829.     border: 1px solid #131212;
  1830.     border-radius: 7px;
  1831.     overflow: hidden;
  1832.     background-size: 100% !important;
  1833. }
  1834. .video_cover a {
  1835.     display: block;
  1836.     height: 160px;
  1837.     width: 179px !important;
  1838. }
  1839. figcaption ,
  1840. .grid figcaption {
  1841.     border-radius: 8px !important;
  1842.     background: #343434 none repeat scroll 0 0;
  1843. z-index: 100 !important;
  1844. }
  1845. figure:not(:hover) + .caption  ,
  1846. .grid figure:not(:hover) + .caption {
  1847.     display: inline-block !important;
  1848.     position: relative !important;
  1849.     height: 32px !important;
  1850.     width: 173px !important;
  1851.     margin-top: -60px !important;
  1852. }
  1853. figure:hover + .caption,
  1854. .grid figure:hover + .caption {
  1855.     display: none !important;
  1856. }
  1857.  
  1858. figure.video_popout .video-js  ,
  1859. .related_videos #video_page_1.video_page.grid figure.video_popout .video-js {
  1860. position: relative !important;
  1861. display: inline-block !important;
  1862.     vertical-align: top !important;
  1863. vertical-align: middle !important;
  1864.     box-sizing: border-box;
  1865.     max-width: 171px !important;
  1866.     min-width: 171px !important;
  1867. /* height: 100% !important; */
  1868. min-height: 157px !important;
  1869. max-height: 157px !important;
  1870. /* min-height: 624px !important; */
  1871. /* max-height: 624px !important; */
  1872. margin-top: -32px !important;
  1873. margin-left: -8px !important;
  1874.     line-height: 1;
  1875.     padding: 0;
  1876. border: 1px solid violet !important;
  1877. background-color: red !important;
  1878. }
  1879.  
  1880. .caption h3 ,
  1881. .grid .caption h3 {
  1882.     margin: 5px 0;
  1883.     overflow: hidden;
  1884.     text-overflow: ellipsis;
  1885.     text-transform: capitalize;
  1886.     white-space: nowrap;
  1887.     width: 166px!important;
  1888. /* font-size: 15px !important; */
  1889. }
  1890. .caption h3 a ,
  1891. .grid .caption h3 a {
  1892.     font-size: 12px !important;
  1893. }
  1894. .caption span.author ,
  1895. .grid .caption span.author {
  1896. top: -49px!important;
  1897.     position: relative !important;
  1898. }
  1899.  
  1900.  
  1901. /* ==== REDUCED ==== */
  1902.  
  1903. #main.reduced {
  1904. margin-top: -64px !important;
  1905.     width: 1906px !important;
  1906.     padding: 25px 0 !important;
  1907. /* padding-top: 41px !important; */
  1908. }
  1909. #main.reduced #image_content_wrapper {
  1910. position: relative !important;
  1911. /* display: inline-block !important; */
  1912.     max-width: 1170px !important;
  1913.     min-width: 1170px !important;
  1914. /* min-height: 435px !important; */
  1915. /* max-height: 435px !important; */
  1916. min-height: 600px !important;
  1917. max-height: 600px !important;
  1918. /* min-height: 600px !important; */
  1919. /* max-height: 600px !important; */
  1920. /* margin-top: -64px !important; */
  1921.     margin-top: -21px !important;
  1922. margin-left: 21px !important;
  1923. text-align: center !important;
  1924. /* background-color: red !important; */
  1925. }
  1926. #main.reduced #image_content_wrapper figure.main_image {
  1927. position: relative !important;
  1928.     display: inline-block !important;
  1929.     height: 520px !important;
  1930.     margin-top: 30px !important;
  1931.     text-align: center !important;
  1932. }
  1933.  
  1934. #main.reduced .breadcrumbs {
  1935. position: relative !important;
  1936.     display: inline-block !important;
  1937.     width: 1170px;
  1938.     height: 30px !important;
  1939. line-height: 18px !important;
  1940.     margin-top: -32px !important;
  1941.     top: -24px !important;
  1942.     font-weight: bold;
  1943. font-size: 15px !important;
  1944.     text-align: center !important;
  1945. z-index: 8000 !important;
  1946. }
  1947.  
  1948.  
  1949. #main.reduced .breadcrumbs>ul>li:nth-child(2) {
  1950. /* margin-top: 0px !important; */
  1951. /* width: 1019px !important; */
  1952. /* z-index: 8000 !important; */
  1953. }
  1954. .breadcrumbs li {
  1955.     display: inline-block;
  1956.     vertical-align: top;
  1957.     max-width: 1064px !important;
  1958.     min-width: 1064px !important;
  1959.     padding: 2px 2px 2px 2px !important;
  1960.     text-align: center;
  1961.  
  1962. }
  1963. #prev_btn ,
  1964. #next_btn {
  1965.     max-width: 60px !important;
  1966.     min-width: 6px !important;
  1967. }
  1968. #main.full #prev_btn ,
  1969. #main.full #next_btn {
  1970.     top: -20px !important;
  1971. }
  1972. #main.full h1#picture_title {
  1973. /* margin-top: -27px!important; */
  1974.     text-align: center;
  1975. }
  1976.  
  1977. #main.reduced#prev_btn {
  1978.     max-width: 50px !important;
  1979.     min-width: 50px !important;
  1980. /* top: 29px !important; */
  1981. }
  1982. #main.reduced#next_btn {
  1983. top: -31px !important;
  1984. }
  1985. #main.reduced .breadcrumbs ul  {
  1986. position: relative !important;
  1987.     display: inline-block !important;
  1988.     text-align: center !important;
  1989. }
  1990. /* #main.reduced .breadcrumbs h1 */
  1991. /* #main.reduced .breadcrumbs>ul>li:nth-child(2) h1  */
  1992.  
  1993. .vjs-error-display {
  1994. display: none !important;
  1995. }
  1996. #main.reduced #image_content_wrapper .single_image {
  1997. position: relative !important;
  1998.     display: inline-block !important;
  1999.     clear: both;
  2000.     vertical-align: middle !important;
  2001.     max-width: 1170px !important;
  2002.     min-width: 1170px !important;
  2003. height: 100% !important;
  2004. min-height: 445px !important;
  2005. max-height: 445px !important;
  2006. /* left: 0 !important; */
  2007.     text-align: center !important;
  2008. }
  2009. #main.reduced #image_content_wrapper .single_image .ic_container {
  2010. position: relative !important;
  2011.     display: inline-block !important;
  2012. min-height: 435px !important;
  2013. max-height: 435px !important;
  2014. /* min-width: 1170px !important; */
  2015. /* max-width: 1170px !important; */
  2016. }
  2017. #main.reduced #image_content_wrapper .single_image .ic_container #single_picture {
  2018.     background-color: yellow !important;
  2019.     display: inline-block !important;
  2020.     margin-top: 0 !important;
  2021. max-height: 435px !important;
  2022. min-height: 435px !important;
  2023.     vertical-align: middle !important;
  2024.     width: auto !important;
  2025. }
  2026.  
  2027. /* (new2) REDUCED / VIDEO - USER FAVORITS LIST */
  2028. #main.reduced #image_content_wrapper #user_favour_list.user_list {
  2029. position: absolute !important;
  2030. display: inline-block !important;
  2031. height: 322px !important;
  2032. /* height: auto !important; */
  2033. width: 111px !important;
  2034. top: 87px !important;
  2035. left: 1205px !important;
  2036. margin-top: 0 !important;
  2037. /* margin-bottom: -8px !important; */
  2038.     padding: 0 !important;
  2039. overflow: hidden !important;
  2040. overflow-y: auto !important;
  2041.     border: 1px solid #343333 !important;
  2042.     background: #292929 !important;
  2043. /* background: #141414 !important; */
  2044. /* background: yellow !important; */
  2045. /* z-index: 0 !important; */
  2046. }
  2047. /*.reduced #image_content_wrapper .main_image + .video_elements + script + #user_favour_list.user_list {
  2048. left: 1226px !important;
  2049. margin-top: 0 !important;
  2050. } */
  2051.  
  2052. #main.reduced #image_content_wrapper #user_favour_list.user_list h3 {
  2053. position: relative !important;
  2054. display: inline-block !important;
  2055. /* float: left !important; */
  2056. /* clear: both !important; */
  2057. height: 20px !important;
  2058. width: 90px !important;
  2059. top: 0 !important;
  2060. margin-bottom: -40px !important;
  2061. bottom: -20px !important;
  2062.     margin-top: 0px !important;
  2063.     font-size: 15px !important;
  2064. color: peru !important;
  2065. text-align: center !important;
  2066. }
  2067. #main.reduced .user_list li {
  2068.     display: inline-block !important;
  2069. /* float: left !important; */
  2070. /* vertical-align: middle !important; */
  2071. height: 20px !important;
  2072. line-height: 20px !important;
  2073. width: 109px !important;
  2074.     margin-left: 0px!important;
  2075.     margin-top: -3px !important;
  2076. bottom: -10px !important;
  2077.     font-weight: bold;
  2078. text-align: center !important;
  2079. overflow: hidden !important;
  2080. text-overflow: ellipsis !important;
  2081. /* color: gold !important; */
  2082. }
  2083. .user_list li a {
  2084.     margin-left: 3px !important;
  2085. /* color: gold !important; */
  2086. }
  2087.  
  2088. /* REDUCED - RIGHT SIDE */
  2089. #main.reduced .stream {
  2090.     width: 555px !important;
  2091.     margin-top: 25px !important;
  2092.     text-align: center;
  2093. padding-left: 0px !important;
  2094. margin-left: 115px !important;
  2095. }
  2096. #main.reduced .stream_selection {
  2097.     display: inline-block;
  2098.     vertical-align: top;
  2099. width: 550px !important;
  2100.     height: 562px !important;
  2101.     margin-top: -10px !important;
  2102.     margin-bottom: -10px !important;
  2103.     background: #292929 !important;
  2104. }
  2105. .reduced .three_column_details_wrapper {
  2106. display: inline-block !important;
  2107.     width: 1878px !important;
  2108.     margin-top: -5px !important;
  2109.     margin-left: 14px !important;
  2110. }
  2111.  
  2112. /* FULL */
  2113. #main.full {
  2114. position: relative;
  2115. /* display: inline-block !important; */
  2116. vertical-align: middle !important;
  2117. /* max-width: 100% !important; */
  2118. /* top: 144px !important; */
  2119. /* margin-top: -60px !important; */
  2120. /* padding-top: 41px !important; */
  2121. background: #181515 !important;
  2122. }
  2123. #main.full  #image_content_wrapper {
  2124. position: relative;
  2125. /* display: inline-block !important; */
  2126. vertical-align: middle !important;
  2127. /* max-width: 60% !important; */
  2128. max-width: 1200px !important;
  2129. min-width: 1200px !important;
  2130. /* height: 688px !important; */
  2131. min-height: 600px !important;
  2132. max-height: 600px !important;
  2133.     margin-bottom: -100px !important;
  2134.     top: -90px !important;
  2135. /* margin-right: -30px !important; */
  2136. /* background-color: blue !important; */
  2137. }
  2138.  
  2139.  
  2140. #main.full  .breadcrumbs {
  2141.     height: 40px !important;
  2142. line-height: 18px !important;
  2143. /* margin-top: -23px !important; */
  2144.     font-weight: bold;
  2145. font-size: 15px !important;
  2146.     text-align: center;
  2147. }
  2148. #main.full  .breadcrumbs>ul>li:nth-child(2) {
  2149. /* margin-top: -13px !important; */
  2150. /* width: 1019px !important; */
  2151. }
  2152.  
  2153.  
  2154.  
  2155. #main.full  .single_image {
  2156. display: inline-block !important;
  2157.     clear: both;
  2158.     vertical-align: middle !important;
  2159.     max-width: 1100px !important;
  2160.     min-width: 1100px !important;
  2161.     text-align: center !important;
  2162. }
  2163. #main.full  .single_image #picture_frame.ic_container {
  2164.     position: relative;
  2165.     display: inline-block !important;
  2166.     vertical-align: middle !important;
  2167.     min-width: 1200px !important;
  2168.     max-width: 1200px !important;
  2169. min-height: 435px !important;
  2170. max-height: 435px !important;
  2171. /* min-height: 624px !important; */
  2172. /* max-height: 624px !important; */
  2173.     border-radius: 4px;
  2174.     z-index: 2;
  2175. /* background-color: blue !important; */
  2176. }
  2177.  
  2178.  
  2179. #main.full  .single_image #picture_frame.ic_container .image_link {
  2180.     display: inline-block !important;
  2181.     vertical-align: middle !important;
  2182.     min-width: 1100px !important;
  2183.     max-width: 1100px !important;
  2184. min-height: 435px !important;
  2185. max-height: 435px !important;
  2186. /* min-height: 624px !important; */
  2187. /* max-height: 624px !important; */
  2188. }
  2189. #main.full .single_image #picture_frame.ic_container .image_link img#single_picture {
  2190. display: inline-block !important;
  2191. vertical-align: middle !important;
  2192.     max-width: 100%;
  2193. /* max-width: 1100px !important; */
  2194. /* min-width: 1100px !important; */
  2195. width: auto !important;
  2196. min-height: 435px !important;
  2197. max-height: 435px !important;
  2198. /* height: 100% !important; */
  2199. /* min-height: 624px !important; */
  2200. /* max-height: 624px !important; */
  2201.     margin-top: 0px !important;
  2202. background-color: yellow !important;
  2203. }
  2204.  
  2205.  
  2206. /* (new4) FULL - USER FAVORITS LIST */
  2207. #main.full #user_favour_list.user_list {
  2208. position: absolute !important;
  2209. display: inline-block !important;
  2210. height: 328px !important;
  2211. /* height: auto !important; */
  2212. width: 111px !important;
  2213. top: 90px !important;
  2214.     left: 1245px !important;
  2215.     margin: 0px 0 -8px !important;
  2216.     border: 1px solid #343333 !important;
  2217.     padding: 0 !important;
  2218. overflow: hidden !important;
  2219. overflow-y: auto !important;
  2220.     background: #292929 !important;
  2221. /* background: yellow !important; */
  2222. }
  2223. #main.full #image_content_wrapper #user_favour_list.user_list h3 {
  2224. position: relative !important;
  2225. display: inline-block !important;
  2226. /* float: left !important; */
  2227. /* clear: both !important; */
  2228. height: 20px !important;
  2229. width: 90px !important;
  2230. top: 0 !important;
  2231. margin-bottom: -40px !important;
  2232. bottom: -20px !important;
  2233.     margin-top: 0px !important;
  2234.     font-size: 15px !important;
  2235. color: peru !important;
  2236. text-align: center !important;
  2237. }
  2238. #main.full .user_list li {
  2239.     display: inline-block !important;
  2240. /* float: left !important; */
  2241. /* vertical-align: middle !important; */
  2242. height: 20px !important;
  2243. line-height: 20px !important;
  2244. width: 109px !important;
  2245.     margin-left: 0px!important;
  2246.     margin-top: -3px !important;
  2247. bottom: -10px !important;
  2248.     font-weight: bold;
  2249. text-align: center !important;
  2250. overflow: hidden !important;
  2251. text-overflow: ellipsis !important;
  2252. /* color: gold !important; */
  2253. }
  2254.  
  2255.  
  2256. /* (new2) FULL - RIGHT SIDE */
  2257. #main.full .stream {
  2258.     display: inline-block !important;
  2259.     width: 455px !important;
  2260.     padding: 0px !important;
  2261.     margin-top: 21px !important;
  2262. margin-left: 160px !important;
  2263. /* padding-left: 120px !important; */
  2264.     text-align: center;
  2265. }
  2266. #main.full .stream_selection {
  2267.     display: inline-block !important;
  2268.     vertical-align: top;
  2269.     width: 500px !important;
  2270. /* width: 504px !important; */
  2271.     height: 562px;
  2272.     margin-top: -61px !important;
  2273. /* margin-left: 37px !important; */
  2274.     margin-bottom: -5px !important;
  2275.     text-align: center !important;
  2276.     background: #292929 !important;
  2277. }
  2278. .stream_selection h3 {
  2279.     height: 24px !important;
  2280.     line-height: 24px!important;
  2281.     margin: 0 0 10px;
  2282.     font-size: 25px;
  2283. }
  2284.  
  2285.  
  2286. .stream_selection .faceted_objects.thumbnail_container {
  2287. display: inline-block !important;
  2288. /* width: 435px; */
  2289.     width: 381px !important;
  2290. /* padding: 0 40px !important; */
  2291. outline: 1px solid blue !important;
  2292. }
  2293.  
  2294.  
  2295. #pic_jumper {
  2296.     display: inline-block !important;
  2297.     width: 432px !important;
  2298.     margin: 0 auto;
  2299.     padding: 0 !important;
  2300.     vertical-align: top;
  2301.     background: #292929 !important;
  2302. }
  2303.  
  2304. /* (new4) TXT / LINKS COLOR */
  2305. .user_list li a ,
  2306. .video_elements #video_description a,
  2307. .video_elements #video_favour a {
  2308.     text-decoration: none;
  2309.     color: gold !important;
  2310. }
  2311.  
  2312. li .favour ,
  2313. .grid figcaption h3 a,
  2314. .video_elements #video_description ,
  2315. .video_elements #video_favour ,
  2316. .three_column_details_wrapper h3 ,
  2317. .three_column_details>li>h3>a {
  2318.     text-decoration: none;
  2319.     color: peru !important;
  2320. }
  2321. .caption>h3>a:visited ,
  2322. .grid figcaption h3 a:visited ,
  2323. .user_list li a:visited ,
  2324. .video_elements #video_description a:visited,
  2325. .video_elements #video_favour a:visited ,
  2326. .three_column_details>li>h3>a:visited {
  2327.     text-decoration: none;
  2328.     color: red !important;
  2329. }
  2330.  
  2331. /* BACKGROUND / BORDER ETC - COLOR */
  2332. /* (new5) ALBUM */
  2333. .album_popout {
  2334.     background: #292929 !important;
  2335.     border: 1px solid #343333 !important;
  2336. }
  2337.  
  2338.  
  2339. /* ==== END ==== */
  2340.  
  2341. }
Advertisement
Add Comment
Please, Sign In to add comment