janvier56

X H2Porn WideScreen v.2 (new2)

Aug 24th, 2014
292
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 7.94 KB | None | 0 0
  1. @namespace url(http://www.w3.org/1999/xhtml);
  2.  
  3. @-moz-document domain("h2porn.com") {
  4.  
  5. /* === X H2Porn WideScreen V.2 (new2) ====
  6. ====== http://h2porn.com/ =========
  7.  
  8. ► Userstyles to optimize the space with a widescreen .
  9. ► Organize each page for less scrolling.:
  10. - Thumbnail Compact Mozaic take the maximimun of the screen.
  11. - Player on the left , Infos or Thumbnails on the right.
  12. ► Many additional Infos added and organized when is possible:
  13.  
  14. ► Delete Publicity and adverts etc...
  15.  
  16.  === */
  17.  
  18. /* SUPP - === */
  19. #ipadvc ,
  20. div#ipadv  ,
  21. .block_content>noscript ,
  22. #placenta>center ,
  23. #___plusone_0 ,
  24. .video_view .block_header +div ,
  25. .video_view .cs ,
  26. .video_banner ,
  27. #footer .copyright ,
  28. .top_sites {
  29.     display: none!important;
  30. }
  31.  
  32. #placenta {
  33.     margin: 0 auto;
  34.     width: 100%!important;
  35. }
  36. #header {
  37.   background: none !important;
  38.     height: 128px;
  39.     position: relative;
  40.     width: 100% !important;
  41. }
  42. #header>div {
  43.     margin-top: -104px!important;
  44. }
  45. #header>#top_menu {
  46.     margin-top: 40px!important;
  47. }
  48. ul.video_top {
  49.     position: absolute;  
  50.     width: 51% !important;
  51.     height: 18px !important;
  52.     margin-top: -4px !important;
  53.     left: 0;
  54.     top: 124px;
  55.     padding-top: 0 !important;
  56.     background: black !important;
  57. }
  58. #header .search {
  59.     background: none !important;
  60.     border: 1px solid gray !important;
  61.     border-radius: 5px!important;
  62.     height: 20px !important;
  63.     left: 987px !important;
  64.     padding: 0 0 0 11px;
  65.     position: absolute;
  66.     top: 105px !important;
  67.     width: 564px !important;
  68. }
  69. #search-form {
  70.     display: inline-block !important;
  71.     height: 20px;
  72.     line-height: 26px;
  73.     max-height: 22px !important;
  74.     min-height: 22px !important;
  75. /* width: 657px !important; */
  76. }
  77. #header .search input.inp {
  78.     color: #575757;
  79.     margin-top: -11px !important;
  80.     padding: 0 22px 0 0;
  81.     width: 430px;
  82. }
  83. #header .search input[type="image"] {
  84.     position: relative !important;
  85.     display: inline-block !important;
  86.     float: none !important;
  87.     height: 20px !important;
  88.     left: 70px !important;
  89.     margin-top: -10px !important;
  90.     vertical-align: middle;
  91.     border: 1px solid red !important;
  92.     border-radius: 0 5px 5px 0!important;
  93. }
  94. #search-form>label {
  95.     margin-top: 0;
  96.     position: relative !important;
  97.     top: -11px !important;
  98. }
  99.  
  100. #data {
  101.     width: 100% !important;
  102.     height: 891px !important;
  103.     margin-top: -70px !important;
  104. }
  105.  
  106. #wide_col {
  107.     position: absolute!important;
  108.     float: none!important;
  109.     top: 50px !important;
  110.     margin-bottom: 1px;
  111.     width: 99% !important;
  112. }
  113. .list_videos h1.block_header {
  114.     width: 830px !important;
  115.     height: 13px !important;
  116.     margin-bottom: 51px !important;
  117.     margin-left: 114px !important;
  118.     margin-top: -14px !important;
  119.     padding-left: 20px!important;
  120.     background: black !important;
  121.     color: white!important;
  122. }
  123.  
  124. .block_sub_header {
  125.     position: absolute !important;
  126.     display: inline-block !important;
  127.     width: 180px !important;
  128.     left: 1125px !important;
  129.     margin-left: 0;
  130.     top: -13px!important;
  131.     border-right: 1px solid gray!important;
  132.     border-left: 1px solid gray!important;
  133.     text-align: center !important;
  134.     color: #111;
  135. /* z-index: 800 !important; */
  136. }
  137. .block_sub_header_l  {
  138.     position: absolute !important;
  139.     display: inline-block !important;
  140.     width: 375px !important;
  141.     left: 1199px !important;
  142.     margin-left: 0;
  143.     top: -8px!important;
  144.     color: #111;
  145.     text-align: right !important;
  146. /* z-index: 800 !important; */
  147. }
  148. .block_sub_header_l +.block_content{
  149.     margin-top: -51px !important;
  150. }
  151.  
  152. #side_col .block_header {
  153.     height: 22px !important;
  154.     border: 1px solid gray !important;
  155.     background: black !important;
  156.     color: white!important;
  157. }
  158. #side_col {
  159.     position: absolute!important;
  160.     float: none!important;
  161.     height: 20px !important;
  162.     width: 126px;
  163. /* margin: -33px 8px 0 0 !important; */
  164.     top: 36px !important;
  165.     overflow: hidden!important;
  166.     z-index: 500 !important;
  167. }
  168. #side_col:hover {
  169.     position: absolute!important;
  170.     float: none!important;
  171.     height: 890px !important;
  172.     width: 126px;
  173. /*     margin: -33px 8px 0 0 !important; */
  174. /* margin-top: -44% !important; */
  175.  
  176.     background: black !important;
  177.     color: white!important;
  178. }
  179. /* #side_col .block_header  */
  180. #side_col ul {
  181.     float: none!important;
  182.     height: 400px !important;
  183.     margin: -16px 8px 0 10px!important;
  184.     overflow-x: hidden !important;
  185.     overflow-y: auto !important;
  186.     width: 120px!important;
  187. }
  188. #side_col ul li:last-of-type {
  189.     padding-bottom: 100px!important;
  190. }
  191.  
  192. .tags_cloud {
  193.     position: absolute!important;
  194.     float: none!important;
  195.     height: 20px !important;
  196.     width: 126px;
  197.     top: 35px !important;
  198.     right: 0 !important;
  199.     overflow: hidden !important;
  200.     background: black !important;
  201.     color: white!important;
  202. }
  203. .tags_cloud:hover {
  204.     position: absolute!important;
  205.     float: none!important;
  206.     height: 895px !important;
  207. /* margin: -45px 8px 0 37px!important; */
  208.     width: 126px;
  209.    background: black!important;
  210. /* color: white!important; */
  211. }
  212. .tags_cloud:hover .block_content {
  213.     float: none!important;
  214.     height: 860px !important;
  215.     margin-left: -1px !important;
  216.     margin-top: -16px !important;
  217.     padding-top: 0 !important;
  218.     overflow-x: hidden !important;
  219. /*   overflow-y: auto !important;
  220.     width: 120px!important; */
  221. }
  222.  
  223. .tags_cloud .block_header ,
  224. #side_col .block_header a  {
  225.     display: block;
  226.     margin: 0 0 10px;
  227.     padding: 0 0 5px;
  228.     text-align: center!important;
  229.     text-decoration: none;
  230.     border: 1px solid gray !important;
  231.     border-bottom: 2px dotted #cecece;
  232.     color: white !important;
  233. }
  234.  
  235. #footer {
  236.     display: inline-block !important;
  237.     width: 100% !important;
  238.     height: 30px!important;
  239.     line-height: 30px!important;
  240.     background: url("../images/footer_fon.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  241. }
  242.  
  243.  
  244. /* VIDEO PAGE */
  245.  
  246. #wide_col_video {
  247.     margin-top: 80px !important;
  248.     width: 100% !important;
  249. }
  250. #wide_col_video .video_view {
  251.     float: left;
  252.     width: 936px !important;
  253. }
  254. #wide_col_video .video_view .block_header {
  255. /* display: inline-block!important; */
  256.     margin: 0 0 10px;
  257.     padding: 0 0 5px;
  258.     text-align: center!important;
  259.     text-decoration: none;
  260.     border-bottom: none !important;
  261.     color: white !important;
  262.     background: black !important;
  263. }
  264. #wide_col_video #related_videos_col {
  265.     position: absolute!important;
  266.     top: 70px!important;
  267.     right: 0!important;
  268. /*     clear: both !important; */
  269. /*     float: right !important; */
  270.     width: 980px;
  271. }
  272. #wide_col_video .video_view .block_content  {
  273.     display: inline-block !important;
  274. /*     position: absolute !important; */
  275.     width: 933px !important;
  276. }
  277. .player>div {
  278.     height: 616px !important;
  279.     position: relative;
  280.     width: 927px !important;
  281. }
  282. #kt_player {
  283.     display: inline-block!important;
  284.     min-height: 600px !important;
  285.     height: auto!important;
  286.     visibility: visible;
  287.     width: 911px !important;
  288. }
  289. /* (new2) */
  290. .ptb+.ptb {
  291.     width: 100px !important;
  292. }
  293.  
  294. /* (new2) PROFILE */
  295. .member_profile_view {
  296.     border: 1px solid gray !important;
  297.     display: inline-block !important;
  298.     margin-left: 500px !important;
  299. /*     text-align: center !important; */
  300.     width: 774px !important;
  301. }
  302. .member_profile_view h1.block_header {
  303.     border-bottom: 2px dotted #cecece;
  304.     color: #000;
  305.     display: block;
  306.     font: 15px "Trebuchet MS",Arial,Helvetica,sans-serif;
  307.     margin: 0 0 10px;
  308.     padding: 0 0 5px;
  309.     text-align: center !important;
  310.     text-decoration: none;
  311. }
  312. #side_col_1 {
  313.     border: 1px solid gray !important;
  314.     display: inline-block !important;
  315.     float: right!important;
  316.     right: 5px !important;
  317.     min-height: 368px !important;
  318.     position: absolute !important;
  319.     top: 50px !important;
  320. }
  321.  
  322. /* === END ===  */
  323.  
  324. }
Add Comment
Please, Sign In to add comment