API tools faq
paste
Advertisement
janvier56

X Chaturbate Widesceen V.2 (new2 ) - DEV

janvier56
Oct 19th, 2014
672
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 11.73 KB | None | 0 0
raw download clone embed print report
  1. @namespace url(http://www.w3.org/1999/xhtml);
  2.  
  3. @-moz-document domain("chaturbate.com") {
  4.  
  5. /* ==== X Chaturbate Widesceen V.1 (new1 )  
  6. ► Userstyles to optimize the space with a widescreen .
  7. ► Organize each page for less scrolling.:
  8. - Thumbnail compact Mozaic take the maximimun of the screen.
  9. - Player on the left , Infos or Thumbnails on the right.
  10. ► Many additional Infos added and organized when is possible:
  11.  
  12. ► Delete Publicity and adverts etc..
  13. ==== */
  14. body {
  15.     background: none repeat scroll 0 0 #fff;
  16.     color: #494949;
  17.     font: 1.2em/1.4em "UbuntuRegular",Arial,Helvetica,sans-serif;
  18.     margin: 0;
  19.     min-width: 1003px;
  20.     min-height: 900px!important;
  21.     overflow-X: hidden!important;
  22. }
  23.  
  24. .content .c-1 ,
  25. .block ,
  26. .block .section {
  27.     display: inline-block!important;
  28.     width: 100%!important;
  29.     min-width: 1876px !important;
  30.     max-width: 1876px !important;
  31.     height: 100%!important;
  32.     max-height: 952px !important;
  33.     min-height: 952px !important;
  34. }
  35. .chat-holder {
  36.     margin: 0 0 0 508px;
  37.     position: absolute !important;
  38.     right: 73px !important;
  39. }
  40. .chat-box {
  41.     margin-right: -53px!important;
  42.     width: 423px!important;
  43.     background: none repeat scroll 0 0 #fff;
  44.     border: 1px solid #acacac;
  45.     border-radius: 4px 4px 0 0;
  46. }
  47. /* ADD SUPP */
  48. /* .user_uploads  a .thumbnail_label:first-of-type +.thumbnail_label ,  */
  49. #tabs_content_container>dl>dd>a>img ,
  50. #tabs_content_container>dl>dd>img ,
  51. .dismissable_notice ,
  52. .footer-holder ,
  53. #report_popup_link ,
  54. #tabs_content_container>dl>dd>p>a>img ,
  55. .chat-list span.roommessagelabel  ,
  56. .chat-list .text:nth-child(1) ,
  57. .chat-list .text:nth-child(2),
  58. .chat-list .text:nth-child(3),
  59. #header .ad {
  60.     display: none ! important;
  61. }
  62.  
  63. .logo {
  64. position: absolute ! important;
  65.     display: inline-block ! important;
  66.     background: url("http://static.highwebmedia.com/images/logo.png?69ca4ebd5554") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  67.     overflow: hidden;
  68.     text-indent: -9999px;
  69.     transform: scale(0.3) !important;
  70.     top: -2px ! important;
  71.     left: 200px ! important;
  72.     z-index: 5000 ! important;
  73. }
  74. .creat ,
  75. #nav ,
  76. .nav-bar {
  77.     background: none repeat scroll 0 0 #0c6a93;
  78.     border-bottom: 3px solid #f47321;
  79.     height: 17px !important;
  80.     line-height: 17px !important;
  81.     margin-top: 1px !important;
  82.     overflow: hidden;
  83.     padding: 0 0 0 32px;
  84.     font-size: 10px !important;
  85. }
  86. .users-list, .settings-list, .chat-list {
  87.     width: 400px !important;
  88.     background: none repeat scroll 0 0 #fff;
  89.     color: #494949;
  90.     font-family: Tahoma,Arial,Helvetica,sans-serif;
  91.     margin: 0 0 7px;
  92.     overflow: auto;
  93.     padding: 0 11px;
  94.     height: 308px !important;
  95. }
  96. .info-user {
  97.     background: none repeat scroll 0 0 #fff;
  98.     border: 1px solid #acacac;
  99.     border-radius: 4px 4px 0 0;
  100.     max-height: 485px !important;
  101.     min-height: 485px ! important;
  102.     overflow: hidden !important;
  103.     position: absolute !important;
  104.     right: 21px !important;
  105.     top: 430px !important;
  106.     width: 395px !important;
  107.     width: 420px !important;
  108.     overflow-y: auto!important;
  109. }
  110. #tabs_content_container>dl>dd:last-of-type:after {
  111. position: absolute!important;
  112. display: inline-block!important;
  113. content: "END"!important;
  114. height: 400px!important;
  115. min-width: 390px !important;
  116. left: 10px !important;
  117. margin-top: 50px!important;
  118. padding-top: 50px!important;
  119. text-align: center!important;
  120. background : none repeat scroll 0 0 rgba(155, 178, 190, 0.59) !important;
  121. }
  122.  
  123.  
  124. .video-box {
  125.     background: none repeat scroll 0 0 #fff;
  126.     border: 1px solid #acacac;
  127.     border-radius: 4px 4px 0 0;
  128.     float: left;
  129.     min-width: 1452px!important;
  130.     max-width: 1452px!important;
  131.     min-height: 8801px!important;
  132.     max-height: 880px!important;
  133. }
  134. .video-box .title {
  135.     height: 17px;
  136.     overflow: hidden;
  137.     padding: 6px 6px 9px 9px;
  138.     width: 3px!important;
  139.     background: black ! important;
  140. }
  141. .content {
  142.     max-height: 1970px!important;
  143. /* overflow: visible !important; */
  144.     background: black ! important;
  145. }
  146. .list {
  147.     height: 1%;
  148.     list-style: none outside none;
  149.     margin: 0;
  150.     min-width: 100% ! important;
  151.     overflow: visible !important;
  152.     padding: 0;
  153. }
  154. .list>li{
  155.     left: -2px !important;
  156.     top: -14px !important;
  157.     margin-right: 3px ! important;
  158.     margin-bottom: 3px ! important;
  159. }
  160. #tabs_content_container > dl img {
  161.     border-style: none;
  162.     max-width: 300px !important;
  163.     display: inline-table!important;
  164. }
  165. /* .likes,  */
  166.  
  167. .subject {
  168.     background: transparent !important;
  169.     bottom: -34px !important;
  170.     color: #000;
  171.     font-size: 11px;
  172.     height: 32px;
  173.     line-height: 16px;
  174.     overflow: hidden;
  175.     padding-top: 20px !important;
  176.     position: absolute !important;
  177.     width: 168px;
  178. }
  179. .paging {
  180.     height: 15px !important;
  181.     line-height: 15px !important;
  182.     margin: 0;
  183.     overflow: hidden;
  184.     padding: 8px 0 10px;
  185.     position: absolute;
  186.     right: 200px !important;
  187.     text-align: left !important;
  188.     top: 13px !important;
  189. }
  190. .subject:hover {
  191.     background: transparent !important;
  192.     bottom: 0px !important;
  193.     color: #000;
  194.     font-size: 11px;
  195.     height: auto ! important;
  196.     line-height: 16px;
  197.     padding-top: 0px !important;
  198.     padding-bottom: 20px !important;
  199.     position: absolute !important;
  200.     width: 168px;
  201.     z-index: 50 ! important;
  202. }
  203. .subject:hover li {
  204.     background: yellow !important;
  205.     border: 0 none;
  206.     margin: 0 !important;
  207.     padding: 0 2px;
  208.     width: auto;
  209. }
  210. .sub-info {
  211.     color: #5a5a5a;
  212.     font-size: 0.8333em;
  213.     height: 9px !important;
  214.     list-style: none outside none;
  215.     margin-top: -37px !important;
  216.     overflow: hidden;
  217.     padding: 0 0 4px;
  218.     position: absolute !important;
  219.     width: 112px!important;
  220.     left: 1px!important;
  221. }
  222. .paging {
  223.     height: 15px !important;
  224.     line-height: 15px !important;
  225.     list-style: none outside none;
  226.     margin: 0;
  227.     overflow: hidden;
  228.     padding: 8px 0 10px;
  229.     position: absolute;
  230.     right: 200px !important;
  231.     text-align: left !important;
  232.     top: 13px !important;
  233. }
  234. .paging li a ,
  235. .paging li {
  236.     display: inline-block;
  237.     height: 15px !important;
  238.     line-height: 15px !important;
  239.     margin: 0 1px;
  240.     width: 22px;
  241. }
  242. .top-section {
  243.     background: none repeat scroll 0 0 black !important;
  244.     border-bottom: 1px solid #8bb3da;
  245.     display: inline-block !important;
  246.     height: 34px !important;
  247.     padding: 2px 19px 0 32px;
  248.     position: absolute !important;
  249.     top: 1px !important;
  250.     width: 47% !important;
  251.     left: 500px!important;
  252. }
  253. .sub-nav {
  254.     display: inline-block;
  255.     height: 29px!important;
  256.     list-style: none outside none;
  257.     margin: 0;
  258.     min-width: 690px;
  259.     overflow: hidden;
  260.     padding: 0 ! important;
  261.     position: relative;
  262.     top: 13px !important;
  263. }
  264.  
  265. .sub-nav li {
  266.     display: inline-block !important;
  267.     height: 15px !important;
  268.     line-height: 15px !important;
  269.     margin: 0 1px;
  270. }
  271. .sub-nav li a ,
  272. .sub-nav a {
  273.     height: 15px !important;
  274.     line-height: 15px !important;
  275.     margin: 0 1px;
  276.     background: none repeat scroll 0 0 #dde9f5;
  277.     border: 1px solid #8bb3da;
  278.     border-radius: 4px 4px 0 0;
  279.     color: #5e81a4;
  280.     float: left;
  281.     padding: 1px 11px 0 !important;
  282. }
  283. form select {
  284.     height: 18px !important;
  285.     line-height: 18px !important;
  286.     margin: 0 1px;
  287.     background: none repeat scroll 0 0 #dde9f5;
  288.     border: 1px solid #8bb3da;
  289.     border-radius: 4px 4px 0 0;
  290.     color: #5e81a4;
  291.     float: left;
  292.     padding: 1px 11px 0 !important;
  293. }
  294. /* WIDE PAYER */
  295. #xmovie {
  296.     margin-top: -32px!important;
  297. }
  298. .video-box .title {
  299.     background: none repeat scroll 0 0 black !important;
  300.     display: inline-block !important;
  301.     height: 17px;
  302.     overflow: hidden;
  303.     padding: 6px 6px 9px 9px;
  304.     position: fixed !important;
  305.     top: -16px !important;
  306.     transform: translate(-9px, 20px) !important;
  307.     width: 3px !important;
  308. }
  309. .video-box .title:hover {
  310.     background: none repeat scroll 0 0 black !important;
  311.     display: inline-block !important;
  312.     height: 17px;
  313.     overflow: hidden;
  314.     padding: 6px 6px 9px 9px;
  315.     position: fixed !important;
  316.     top: -16px !important;
  317.     transform: translate(-9px, 20px) !important;
  318.     width: auto !important;
  319.     color: white!important;
  320. }
  321. #roomtitle {
  322.     font-size: 12px;
  323.     height: 19px;
  324.     line-height: 19px;
  325.     overflow: hidden;
  326. }
  327. .content .c-1 {
  328.     display: inline-block ! important;
  329.     width: 1886px !important;
  330. min-height: 1600px!important;
  331. max-height: 1600px!important;
  332.     margin-left: 5px ! important;
  333.     margin-top: -15px!important;
  334. overflow: hidden !important;
  335. }
  336. .content .c-1 ul:not(.paging):not(.subject):not(.sub-info):not(.list):not(.buttons):not(.socials){
  337.     display: inline-block ! important;
  338.     width: 1886px !important;
  339. min-height: 1200px!important;
  340. max-height: 1200px!important;
  341.     margin-left: 5px ! important;
  342.     margin-top: -15px!important;
  343. overflow: visible!important;
  344. }
  345. #player {
  346.     height: 843px ! important;
  347.     width: 1442px ! important;
  348.     top: 34px!important;
  349. }
  350.  
  351. #leaderboard>tbody>tr  {
  352.     display: inline-block !important;
  353.     width: 323px !important;
  354. }
  355. #tabs_content_container>dl>dd p ,
  356. .photo_list {
  357.     margin-left: -150px ! important;
  358.     margin-top: 27px ! important;
  359.     width: 398px ! important;
  360. }
  361. .bio dl {
  362.     font-size: 1.166em;
  363.     line-height: 16px;
  364.     margin-top: -20px !important;
  365. }
  366. .bio dl dd {
  367.     color: #000;
  368.     margin: 0 0 2px !important;
  369.     padding-left: 150px;
  370. }
  371.  
  372. #tabs_content_container>dl img {
  373.     border-style: none;
  374.     max-width: 164px !important;
  375. }
  376. .chat-list .text {
  377.     line-height: 120%;
  378.     margin: 0 0 3px ! important;
  379. }
  380. .bio dl dd:nth-child(even),
  381. .chat-list .text:nth-child(odd) {
  382.     background: none repeat scroll 0 0 rgba(155, 178, 190, 0.59) ! important;
  383. }
  384. #tabs_content_container h1 ,
  385. .chat-list .text:nth-child(even) {
  386.     background: none repeat scroll 0 0 rgba(155, 190, 179, 0.59) !important;
  387. }
  388. .chat-list span.hostmessagelabel {
  389.     margin-left: 20px ! important;
  390. }
  391. .chat-list span.hostmessagelabel:before {
  392. /* position: absolute ! important; */
  393.     position: relative ! important;
  394.     display: inline-block ! important;
  395.     float: right ! important;
  396.     content: "📹 " ! important;
  397.     margin-top: -5px ! important;
  398. /* margin-right: -20px ! important; */
  399.     margin-left: -177px ! important;
  400.     left: -70px ! important;
  401.     padding: 2px ! important;
  402.     box-shadow: 0px 0px 5px gray !important;
  403.     border: 2px solid gray ! important;
  404.     border-radius: 13px ! important;
  405.     font-size: 12px ! important;
  406.     color: red ! important;
  407. /*     background: black ! important; */
  408. }
  409.  
  410.  
  411. .pics-title{
  412.     color: #0c6a93;
  413.     font-family: 'UbuntuMedium',Arial,Helvetica,sans-serif;
  414.     margin-top: 8px !important;
  415.     position: absolute;
  416.     width: 93% !important;
  417.     background: none repeat scroll 0 0 rgba(155, 190, 179, 0.59) !important;
  418. }
  419. .tip_shell {
  420.     background-color: #ffffff!important;
  421.     height: 70px;
  422.     position: absolute!important;
  423.     width: 498px!important;
  424.     top: -72px!important;
  425.     left: 520px!important;
  426. }
  427. /* ▼  */
  428. .tip_shell:before {
  429. content: " \25BC TIP"!important;
  430.     position: absolute!important;
  431.     background-color: rgba(255, 255, 255, 0.23)!important;
  432.     height: 13px!important;
  433.     width: 190px!important;
  434.     top: 67px!important;
  435.     left:0px!important;
  436.     font-size: 9px!important;
  437. }
  438. .tip_shell:hover{
  439. /*     background-color: #ffffff; */
  440.     height: 70px;
  441.     position: absolute!important;
  442.     width: 108px;
  443.     top: 5px!important;
  444.     left: 520px!important;
  445.     background-color: red!important;
  446.     transition: top ease-in 0.7s, backgound-color ease-in 3s!important;
  447. }
  448. /* ==== END ==== */
  449.  
  450. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!