API tools faq
paste
Advertisement
janvier56

X Motherless - WideScreen v.2

janvier56
Dec 20th, 2015
143
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 11.47 KB | None | 0 0
raw download clone embed print report
  1. @namespace url(http://www.w3.org/1999/xhtml);
  2.  
  3. @-moz-document domain("motherless.com") {
  4.  
  5. /* ==== X Motherless - WideScreen v.2 - For GM FapFun - add linKs to each thumnnails
  6. https://greasyfork.org/fr/scripts/3417-motherless-on-steroids
  7. https://greasyfork.org/fr/scripts/7156-fapfun
  8. TEST :
  9. http://motherless.com/HB3F25B6
  10. ==== */
  11.  
  12. /* (new2) SITE NOTICE */
  13. .site-notice {
  14.     border-bottom: 2px solid #000;
  15.     box-sizing: border-box;
  16.     font-family: verdana,helvetica,arial,sans-serif;
  17.     font-size: 15px !important;
  18. height: 22px !important;
  19.     line-height: 15px !important;
  20.     margin: 19px 0 15px !important;
  21.     padding: 2px !important;
  22.     text-align: center;
  23.     width: 100%;
  24. }
  25. /* (new2) */
  26. #header>div>a>video {
  27. display: none !important;
  28. }
  29.  
  30. #menu {
  31.     background: red !important;
  32.     font-size: 1em;
  33.     font-weight: 700;
  34.     height: 43px;
  35.     z-index: 99;
  36. }
  37. /* (new1) */
  38. .caption.left[href*="/m/"] {
  39.     text-align: left;
  40.     color: red !important;
  41. }
  42.  
  43.  
  44. .p2-single-preview {
  45.     text-align: left;
  46. font-size: 10px !important;
  47.     color: red !important;
  48. }
  49.  
  50. /* (new2) - WITHOUT */
  51. html>body {
  52.     height: 914px !important;
  53.     max-width: 1902px !important;
  54. overflow: hidden !important;
  55. overflow-y: auto !important;
  56. /* background: none !important; */
  57.     background: #222 !important;
  58. /* outline: 1px solid violet !important; */
  59. }
  60. #header {
  61.     position: relative;
  62.     height: 28px !important;
  63. }
  64. #header2 {
  65.     display: none !important;
  66. }
  67.  
  68. #main ,
  69. .container {
  70.     min-width: 100% !important;
  71.     max-width: 100% !important;
  72. }
  73. #top-referers-row {
  74.     display: none !important;
  75. }
  76.  
  77. /* #logo {
  78.     position: absolute !important;
  79.     left: 0 !important;
  80.     top: 0 !important;
  81.     background-attachment: scroll;
  82.     background-clip: border-box;
  83.     background-image: url("/images/logo-header.png");
  84.     background-origin: padding-box;
  85.     background-position: left top;
  86.     background-repeat: no-repeat;
  87.     background-size: 92% 113% !important;
  88.     display: inline-block !important;
  89.     height: 25px !important;
  90.     max-width: 144px !important;
  91. z-index: 200 !important;
  92. } */
  93.  
  94. /* (new2) */
  95. #logo {
  96.     position: absolute !important;
  97. display: inline-block !important;
  98. min-height: 0 !important;
  99. max-height: 0 !important;
  100.     left: 0 !important;
  101.     top: 0 !important ;
  102.     background: red !important;
  103. }
  104. /* (new2) */
  105. #menu-bar-links:before {
  106. content: "MotherLess Plus" !important;
  107.     position: absolute !important;
  108.     height: 14px !important;
  109.     width: 954px !important;
  110.     margin-top: 0 !important;
  111. }
  112. #header>div>img {
  113. display: none !important;
  114. }
  115.  
  116. /* (new2) - SEARCH FIELD - === */
  117. .nav.navbar-nav.navbar-right.menu-items.menu-search-collapse {
  118.     position: absolute !important;
  119.     width: 540px !important;
  120.     right: 200px !important;
  121. /* background: blue !important; */
  122. }
  123. #menu-search-form {
  124. /* width: 540px !important; */
  125. /* right: 200px !important; */
  126. }
  127. /* .nav.navbar-nav.navbar-right.menu-items.menu-search-collapse .menu-item.menu-search.pull-right */
  128. .nav.navbar-nav.navbar-right.menu-items.menu-search-collapse  {
  129.     width: 540px !important;
  130. background: yellow !important;
  131. }
  132. .nav.navbar-nav.navbar-right.menu-items.menu-search-collapse li {
  133. /* width: 322px !important; */
  134. /* right: 360px !important; */
  135. /* background: yellow !important; */
  136. }
  137. #menu .menu-search form input#menu-search-box {
  138.     position: absolute !important;
  139.     display: inline-block !important;
  140.     width: 322px !important;
  141. height: 30px !important;
  142. line-height: 30px !important;
  143. margin-top: 3px !important;
  144. margin-left: -350px !important;
  145. border-radius: 5px 0 0  5px !important;
  146. background: yellow !important;
  147. }
  148. #search-go {
  149.     position: absolute !important;
  150.     display: inline-block !important;
  151.     height: 35px !important;
  152. width: 20px !important;
  153.     margin-left: -27px !important;
  154. background-color: yellow !important;
  155.  
  156. background: none !important;
  157. /* outline: 1px solid violet !important; */
  158. }
  159. #search-go {
  160.     position: absolute !important;
  161.     display: inline-block !important;
  162.     height: 35px !important;
  163. width: 20px !important;
  164.     margin-left: -27px !important;
  165. background-color: yellow !important;
  166. /* visibility: hidden !important; */
  167.  
  168. background: none !important;
  169. /* outline: 1px solid violet !important; */
  170. }
  171.  
  172. #content {
  173.     box-sizing: border-box;
  174.     min-height: 868px !important;
  175.     padding: 5px;
  176. }
  177.  
  178. .view-left {
  179. /* position: absolute !important; */
  180.     position: fixed !important;
  181.     width: 50% !important;
  182. }
  183. .control-box {
  184.     position: absolute !important;
  185.     right: -99% !important;
  186.     top: 0 !important;
  187.     width: 98% !important;
  188. }
  189.  
  190. .content-inner.dark-box {
  191.     display: none !important;
  192. }
  193.  
  194.  
  195. .view-right.text-right {
  196. /* position: absolute !important; */
  197.     position: fixed !important;
  198.     left: 0px !important;
  199.     top: 630px !important;
  200.     width: 954px  !important;
  201. padding: 0 !important;
  202. }
  203.  
  204. .comments.noSwipe {
  205. display: inline-block !important;
  206.     width: 934px  !important;
  207.     height: 200px !important;
  208.     margin-top: 30px !important;
  209.     margin-right: 16px !important;
  210. /* padding: 0 !important; */
  211. border-top: 2px solid red  !important;
  212. border-bottom: 2px solid red  !important;
  213.     text-align: left !important;
  214. overflow: hidden !important;
  215. overflow-y: auto !important;
  216. }
  217.  
  218. .media-comments>div {
  219. /* display: inline-block !important; */
  220.     width: 100%!important;
  221. }
  222.  
  223. .media-comments > div + div #media-comments-form {
  224. position: absolute !important;
  225. display: inline-block !important;
  226.     height: 40px !important;
  227. line-height: 15px !important;
  228. top: 235px !important;
  229. left: 5px !important;
  230.     width: 933px !important;
  231. border-top: 2px solid red  !important;
  232. border-bottom: 2px solid red  !important;
  233. /* text-align: left !important; */
  234. overflow: hidden !important;
  235. overflow-y: auto !important;
  236. background: yellow !important;
  237. }
  238. #media-comments-form textarea {
  239.     border: medium none;
  240.     box-sizing: border-box;
  241.     font-size: 14px;
  242.     height: 27px !important;
  243.     padding: 0;
  244.     width: 760px !important;
  245.     margin-left: 160px !important;
  246.     margin-top: 5px !important;
  247. }
  248. #comment_counter {
  249.     color: #aaa;
  250.     font-size: 10px;
  251.     position: absolute !important;
  252.     top: 1px !important;
  253.     left: 5px !important;
  254. }
  255.  
  256. #media-comment-submit {
  257. position: absolute !important;
  258. display: inline-block !important;
  259.     height: 25px !important;
  260. min-width: 130px !important;
  261. max-width: 130px !important;
  262. height: 20px !important;
  263. line-height: 12px !important;
  264. left: 5px !important;
  265. top: 13px !important;
  266. padding: 0 !important;
  267. /* border-top: 2px solid red  !important; */
  268. /* border-bottom: 2px solid red  !important; */
  269. border-radius: 5px !important;
  270. text-align: center !important;
  271. overflow: hidden !important;
  272. /* overflow-y: auto !important; */
  273. z-index: 50000 !important;
  274. }
  275.  
  276. #media-comments-wrapper  {
  277.     width: 100%!important;
  278.     height: 274px !important;
  279.     margin-top: -11px!important;
  280. }
  281. .media-comment {
  282. position: relative !important;
  283. display: inline-block !important;
  284. float: left !important;
  285. clear: none !important;
  286.     width: 16%!important;
  287. height: 91px !important;
  288. padding: 5px !important;
  289. overflow: hidden !important;
  290. overflow-y: auto !important;
  291. outline: 1px solid violet !important;
  292. }
  293. .media-comment-contents>div {
  294.     text-align: left !important;
  295. }
  296. .pop.clickable.media-comment-reply-link {
  297. position: absolute !important;
  298.     -moz-user-select: none;
  299.     cursor: pointer;
  300.     top: 27px !important;
  301. color: peru !important;
  302. }
  303. .pop.clickable.media-comment-reply-link:hover {
  304. color: gold !important;
  305. }
  306.  
  307. /* COMMENTS COUNTER (DECIMAL / WITH 0 before) - === */
  308. #media-comments-wrapper >div {
  309.     counter-increment: myIndex !important;
  310. }
  311. #media-comments-wrapper >div .media-comment:before {
  312. position: absolute!important;
  313.     width: auto !important;
  314. left:1px !important;
  315.     top: 2px!important;
  316.     padding: 2px 2px 2px 2px !important;
  317. /* border-radius: 25px 0 0 25px !important; */
  318.     border-radius: 25px !important;
  319.     counter-increment: myIndex ! important;
  320. /* content: counter(myIndex, decimal); */
  321.     content: counter(myIndex, decimal-leading-zero);
  322.     font-size: 10px !important;
  323.     text-align: center !important;
  324. /* background: gold !important; */
  325. background: none repeat scroll 0 0 rgba(62, 59, 59, 0.6) !important;
  326.     z-index: 10 !important;
  327. }
  328.  
  329. .browse > .row {
  330.     clear: right !important;
  331.     display: inline-block !important;
  332.     float: left !important;
  333.     height: 745px !important;
  334.     left: 15px !important;
  335.     margin-right: 15px !important;
  336.  
  337.     overflow-x: hidden !important;
  338.     overflow-y: auto !important;
  339.     position: relative !important;
  340.     width: 100% !important;
  341.     outline: 1px solid green !important;
  342. }
  343. .thumb-container.col-md-3 {
  344.     height: 210px !important;
  345.     margin: 0 10px !important;
  346.     padding: 0 !important;
  347.     width: 10% !important;
  348. }
  349.  
  350.  
  351. #footer {
  352.     display: none !important;
  353. }
  354.  
  355. /* ==== PREFIX VIDEOS / Being WATCHED NOW PAGES
  356. http://motherless.com/videos
  357. http://motherless.com/live/videos
  358. ====== */
  359. @-moz-document url(http://www.w3.org/),
  360.                url-prefix(http://motherless.com/videos){
  361. .browse> .row {
  362. position: relative !important;
  363. display: inline-block !important;
  364. float: left !important;
  365. clear: right !important;
  366.     width: 50%!important;
  367. height: 690px !important;
  368. left: 15px !important;
  369. margin-right: 15px !important;
  370. overflow: hidden !important;
  371. overflow-y: auto !important;
  372. outline: 1px solid violet !important;
  373. }
  374. .thumb-container.col-md-3 {
  375.     margin: 0 5px !important;
  376.     padding: 0 !important;
  377.     width: 22.8% !important;
  378.     height: 210px !important;
  379. }
  380. /* .thumb.video.medium .strip , */
  381. .thumb.medium,
  382. .thumb.medium .img-container,
  383. .thumb.medium .static {
  384. /*     height: 128px !important; */
  385. /*     width: auto!important; */
  386. /* text-align: center !important; */
  387. }
  388. /* .thumb.video.medium .strip , */
  389. .thumb .img-container img {
  390. /*     left: 0; */
  391. /*     position: absolute; */
  392. /*     top: 0; */
  393. /*     text-align: center!important; */
  394. /*     display: inline-block!important; */
  395. }
  396.  
  397. /* PAGINATION */
  398. .content-inner + .center {
  399.     text-align: center !important;
  400.     width: 50%!important;
  401.     position: absolute!important;
  402.     bottom: 50px !important;
  403.     right: 19px!important;
  404. }
  405. .pop {
  406. font-size: 10px !important;
  407. }
  408. .pop:nth-child(even) {
  409. color: peru !important;
  410. }
  411. .pop:nth-child(odd) {
  412. color: tan !important;
  413. }
  414. /* ==== END PREFIX VIDEOS PAGES */
  415.  
  416. }
  417.  
  418. /* ==== PREFIX VIDEOS FAVORITES / VIEWED / COMMENTED / RECENTS / POPULAR PAGES ====== */
  419. @-moz-document url(http://www.w3.org/),
  420.  
  421.                url-prefix(http://motherless.com/videos/favorited?) ,
  422. url-prefix(http://motherless.com/videos/commented?) ,
  423. url-prefix(http://motherless.com/videos/recent) ,
  424. url-prefix(http://motherless.com/videos/viewed) ,
  425. url-prefix(http://motherless.com/videos/commented) ,
  426. url-prefix(http://motherless.com/videos/popular){
  427. .browse > .row {
  428.     clear: right !important;
  429.     display: inline-block !important;
  430.     float: left !important;
  431.     height: 745px !important;
  432.     left: 15px !important;
  433.     margin-right: 15px !important;
  434.  
  435.     overflow-x: hidden !important;
  436.     overflow-y: auto !important;
  437.     position: relative !important;
  438.     width: 100% !important;
  439.     outline: 1px solid green !important;
  440. }
  441. .thumb-container.col-md-3 {
  442.     height: 210px !important;
  443.     margin: 0 10px !important;
  444.     padding: 0 !important;
  445.     width: 10% !important;
  446. }
  447.  
  448. /* ==== END PREFIX VIDEOS FAVORITES PAGES */
  449.  
  450. }
  451.  
  452. /* ==== END ==== */
  453.  
  454. }
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!