Advertisement
Guest User

Chat

a guest
Nov 28th, 2014
697
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 17.50 KB | None | 0 0
  1. /*Colour Scheme Choice*/
  2. /*----------------------*/
  3. /*  trublk        start */
  4. /*----------------------*/
  5.    
  6.  
  7. @-moz-document domain("twitch.tv") {
  8.  
  9.     /* new chat quick fix */
  10.    
  11. .ember-chat .chat-interface .textarea-contain .emoticon-selector-toggle svg path,
  12. .ember-chat .chat-interface .textarea-contain .emoticon-selector-toggle:hover svg path{
  13.     fill: rgba(255, 255, 255, 1);
  14. }
  15.    
  16. .ember-chat .chat-room{
  17. border-top:1px solid rgb(0,0,0)!important;
  18. }
  19.  
  20. .ember-chat .chat-room{
  21. border-top:1px solid rgb(0,0,0)!important;
  22. }
  23.  
  24. .chat-container{
  25.   background-color:rgb(4,4,4)!important;
  26. }
  27.  
  28. .ember-chat{
  29.   margin:0px!important;
  30. }
  31.  
  32. span.message{
  33.   color:#CCCCCC!important;
  34. }
  35.  
  36. .ember-chat .chat-header{
  37.   color:#ccc!important;
  38.   border-bottom: 1px solid rgb(0, 0, 0)!important;
  39.   box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.04) inset!important;
  40.   background-color:rgb(4,4,4)!important;
  41. }
  42.  
  43. .ember-chat .chat-header .button.left{
  44.     left:10px!important;
  45. }
  46.  
  47. .ember-chat .chat-messages .chat-lines{
  48.   padding:0px 0px!important;
  49.   border-top: 1px solid rgb(0,0,0)!important;
  50. }
  51.  
  52. .ember-chat .chat-messages .chat-line{
  53.     padding:4px 10px 4px 10px!important;
  54. }
  55.  
  56. div.chat-messages .chat-line{
  57.   border-bottom: 1px solid rgb(0, 0, 0)!important;
  58.   box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.04) inset!important;;
  59.   background:none!important;
  60. }
  61.  
  62.  
  63. .ember-chat .chat-messages .tse-scroll-content {
  64.     padding:0px!important;
  65. }
  66.  
  67. .ember-chat .chat-messages{
  68.   left:-0px!important;
  69.   right:0px!important;
  70.   background-color:rgb(4,4,4)!important;
  71. }
  72.  
  73. .ember-chat .chat-interface{
  74.   background-color:rgb(4,4,4)!important;
  75. }
  76.  
  77. .ember-chat .chat-interface .textarea-contain{
  78.   width:95%!important;
  79.   left:2.5%;
  80. }
  81.  
  82. .button.send-chat-button{
  83.   margin-right:2.5%!important;
  84. }
  85.  
  86.  
  87. .ember-chat .chat-interface .chat-buttons-container .glyph-only:first-child{
  88.   margin-left:10px!important;
  89. }
  90.  
  91. .loading-mask{
  92.   display:none!important;
  93. }
  94.  
  95. div.textarea-contain > * > textarea{
  96.     background-color: rgb(0,0,0)!important;
  97.     border: 1px solid rgba(4,4,4, 1);
  98. }
  99.  
  100. .ember-chat .chat-interface .textarea-contain textarea:focus{
  101.  
  102. }
  103.  
  104. .ember-chat .chat-interface .textarea-contain textarea:focus{
  105.     background-color: rgb(0,0,0)!important;
  106.     box-shadow: 0px 0px 2px 1px rgba(185, 155, 235, 0.25);
  107.     border: 1px solid rgba(100, 65, 165, 0.7);
  108. }
  109.  
  110.    
  111.     /* new chat quick fix end */
  112.    
  113.     /* older stuff*/
  114.    
  115. .ember-chat .mentioning {
  116.     padding:0px 5px!important;
  117.     background-color: #DEDEDE;
  118. }
  119.    
  120. .ember-chat .mentioned {
  121.     background-color:#333333!important;
  122.     padding:0px 5px!important;
  123. }
  124.  
  125. /* host mode */
  126. #hostmode,.hostmode{
  127.     background-color:rgb(0,0,0)!important;
  128. }
  129.  
  130. div#channel > .target-frame.active{
  131.     background-color:rgb(0,0,0)!important;
  132. }
  133.  
  134. .hostmode-title-container{
  135.     background-color:rgb(0,0,0)!important;
  136.     box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.4) inset;
  137. }
  138.    
  139. div.hostmode-title.clearfix{
  140.     background-color:rgb(4,4,4)!important;
  141.     box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.4) inset;
  142. }
  143.    
  144. .close-hostmode{
  145.     background-color:rgb(0,0,0)!important;
  146.     border-top: 1px solid rgba(255, 255, 255, 0.05);
  147. }
  148.  
  149.    
  150.  
  151.  
  152. /* messages page */
  153. #main_col{
  154.     background-color:rgb(0,0,0)!important;
  155. }
  156.    
  157. .messages #message_actions{
  158.     background-color:rgb(8,8,8)!important;
  159.     border-bottom-color:rgb(0,0,0)!important;
  160.    
  161. }
  162.    
  163. #messages_column > form{
  164.         background-color:rgb(8,8,8)!important;
  165. }
  166.    
  167. div.page_links.clear{
  168.     background-color:rgb(8,8,8)!important;
  169. }
  170.  
  171. .message_actions_block span.label{
  172.     color:rgb(216,216,216)!important;    
  173. }
  174.    
  175. .messages div.preview {
  176.     background-color:rgb(4,4,4)!important;
  177.     border-left-color:rgb(8,8,8)!important;
  178.     border-bottom-color:rgb(0,0,0)!important;
  179. }
  180.    
  181. .messages div.preview:hover {
  182.     background-color:rgb(28,28,28)!important;
  183. }
  184.    
  185. .messages div.preview.unread{
  186.     background-color:rgb(25,23,27)!important;
  187.     border-left-color:rgb(102,67,168)!important;
  188. }
  189.    
  190. div#messages_column .message{
  191.     background-color:rgb(4,4,4)!important;
  192.     border-bottom-color:rgb(0,0,0)!important;
  193. }
  194.    
  195. .messages #reply_message_form textarea{
  196.     background-color: rgb(0,0,0)!important;
  197.     border: 1px solid rgba(4,4,4, 1);
  198. }
  199.    
  200. .messages #reply_message_form textarea:focus{  
  201.     background-color: rgb(0,0,0)!important;
  202.     box-shadow: 0px 0px 2px 1px rgba(185, 155, 235, 0.25);
  203.     border: 1px solid rgba(100, 65, 165, 0.7);
  204. }
  205.    
  206. .nav li > a:hover{
  207.     color:rgb(160,160,160)!important;
  208. }
  209.    
  210. .messages .message_action.block{
  211.     background: url('http://herpderp.com/twitch/blockiconmsg.png') no-repeat scroll 0% 0% transparent;
  212. }
  213.    
  214. /* messages page end */
  215.  
  216. /* archives and video page */
  217.    
  218. div#archives > div.tse-scroll-content{
  219.     background-color:rgb(4,4,4)!important;
  220. }
  221.    
  222.  
  223. div.archive.video.clearfix{
  224.     background-color:rgb(4,4,4)!important;
  225.     border:none!important;
  226. }
  227.    
  228.  
  229.    
  230.  
  231.    
  232. #right_col #archives .video a .title {
  233.    color:rgb(232,232,232)!important;
  234. }
  235.    
  236. #right_col #archives .video a{
  237.     border-bottom-color:rgb(0,0,0)!important;
  238.     border-top-color:rgba(255,255,255,0.05)!important;
  239. }
  240.  
  241. #right_col #archives .video a:hover{
  242.     background-color:rgb(8,8,8)!important;
  243. }
  244.    
  245. #right_col #archives .video a {
  246.  
  247. }
  248.    
  249. a.more_archives.bottom{
  250.     background-color:rgb(4,4,4)!important;
  251.     border-top-color:rgba(255,255,255,0.05)!important;
  252.     box-shadow:none!important;
  253. }
  254.  
  255. a.more_archives.bottom:hover{
  256.     border-top-color:rgba(255,255,255,0.05)!important;
  257.     background-color:rgb(8,8,8)!important;
  258.     box-shadow:none!important;
  259. }
  260.    
  261. /* archives and video page end */
  262.  
  263. /* hidden chat */
  264. .ember-chat .chat-hidden-overlay{
  265.     background-color:rgb(4,4,4)!important;  
  266. }
  267.  
  268.  
  269.  
  270. /* edit icon */
  271. #channel .player-column #broadcast-meta .info .edit-link svg path{
  272.     fill:rgba(255,255,255,0.5)!important;
  273. }
  274.    
  275. /* vod icons */
  276. #main_col .content #stats_and_actions #channel_stats .stat svg path{
  277.     fill:rgba(255,255,255,0.5)!important;
  278. }
  279.    
  280.    
  281. /* hover icon for chats menu */
  282. .ember-chat .chat-menu-button-container:hover svg path{
  283.     fill:#fff!important;
  284. }
  285.    
  286.  
  287. /* dropdown arrows */
  288. .button.drop:after{
  289. border-color: rgba(255, 255, 255, 0.35) transparent transparent!important;;
  290. }
  291.  
  292. /* hovering buttons */
  293. .button:hover{
  294.     color:rgb(222,222,222)!important;
  295. }
  296.  
  297. /* stats */
  298. #channel .player-column .stats-and-actions .channel-stats .stat svg path{
  299.     fill:rgba(255,255,255,0.35)!important;
  300. }
  301.    
  302. #channel .player-column .stats-and-actions .channel-stats #live-count svg path{
  303.     fill:rgb(255,0,0)!important;
  304. }
  305.    
  306. /* Scrollbar */
  307. .tse-scrollbar .drag-handle {
  308.     background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.6)!important;
  309. }
  310.  
  311.    
  312. #channel .player-column .stats-and-actions{
  313.     padding:10px 0px!important;
  314.     margin-bottom:10px!important;
  315. }
  316.    
  317.    
  318.    
  319.    
  320.    
  321.    
  322. /* directory stuff */
  323. #right_col{background-color:rgb(4,4,4)!important;}
  324.    
  325. .following-col .col-header.inactive .title{
  326.     color:rgb(222,222,222)!important;
  327. }
  328.    
  329. .following-col .following-list .channel .name a{
  330.     color:rgb(222,222,222)!important;    
  331. }
  332.    
  333. .items-grid .meta .title {
  334.     color:rgb(222,222,222)!important;    
  335. }
  336.    
  337. .items-grid .meta .title:hover {
  338.     color:rgb(100,65,165)!important;    
  339. }
  340.    
  341. .directory_header .nav li > a.active{
  342.     color:rgb(222,222,222)!important;
  343. }
  344.    
  345. .following-col .following-list .load-more{
  346.     color:rgb(222,222,222)!important;  
  347. }
  348.    
  349. .following-col .following-list .load-more:hover{
  350.     color:rgb(100,65,165)!important;    
  351. }
  352.    
  353.    
  354. .following-col .following-list .load-more span{
  355.     background-color:rgb(0,0,0)!important;
  356.     padding-left:40px!important;
  357.     padding-right:40px!important;
  358. }
  359.    
  360. /* things not touched as of 17.06.2014 */
  361. /* older recycled css for actual chat messages */
  362.    
  363.    
  364. .ember-chat .chat-messages .chat-line{
  365.     margin-top:0px!important;
  366. }
  367.  
  368.    
  369.  
  370.  
  371. /* mod buttons */
  372. .ember-chat .mod-icons a:hover{
  373.     background-color:rgb(44,44,44)!important;
  374.     border-radius:6px!important;
  375. }
  376.    
  377.     A[class="ban"] {margin-right:0px!important;padding-top:2px!important;background-repeat:no-repeat!important;background-position:center center!important;background-image:url('http://www.herpderp.com/twitch/ban.png') !important;}
  378.     IMG[src*="g18_ban-00000080"] {visibility:hidden!important;}
  379.     A[class="unban"] {margin-right:0px!important;padding-top:2px!important;background-repeat:no-repeat!important;background-position:center center!important;background-image:url('http://www.herpderp.com/twitch/unban.png') !important;}
  380.     IMG[src*="g18_unban-00000080"] {visibility:hidden!important;}
  381.     A[class="timeout"] {padding-top:2px!important;background-repeat:no-repeat!important;background-position:center center!important;background-image:url('http://www.herpderp.com/twitch/clock.png') !important;}
  382.     IMG[src*="g18_clock-00000080"] {visibility:hidden!important;}
  383.     #chat_menu_ban{background-repeat:no-repeat!important;background-position:center center!important;background-image:url('http://www.herpderp.com/twitch/banblk.png') !important;}
  384.    
  385.  
  386. /* main column */
  387. div#main_col.column{
  388.     background:rgb(0,0,0)!important;
  389.     color:rgb(195,195,195)!important;
  390.     border-right:1px solid rgb(0,0,0)!important;
  391. }
  392.    
  393. /* Left Column Large*/
  394. #left_col #small_nav.column,#left_col #large_nav{
  395.     margin-right:1px
  396. }
  397.  
  398. #large_nav .game_filter.selected a {
  399.     background-color: rgb(100, 65, 165) !important;
  400.     color: rgb(255, 255, 255) !important;
  401. }
  402.  
  403. #large_nav .content {
  404.     background: none repeat scroll 0% 0% rgb(0,0,0)!important;
  405. }
  406.  
  407. #large_nav .content .top, div.top{
  408.     background: none repeat scroll 0% 0% rgb(25, 25, 25)!important;
  409. }
  410.  
  411. #large_nav .content .top #sidebar_search, #large_nav .content .top #you {
  412.     background: none repeat scroll 0% 0% rgb(25, 25, 25)!important;
  413. }
  414.  
  415. #large_nav .content .nav_section a {
  416.     background-color: rgb(0,0,0)!important;
  417. }
  418.  
  419. #large_nav .content .nav_section .header {
  420.     background: none repeat scroll 0% 0% rgb(25, 25, 25)!important;
  421.    
  422.    
  423. }
  424.  
  425.  
  426.    
  427. /* Left Column Small*/
  428. ul#nav_small,a.filter_icon,a.clearfix{
  429.     background-color:rgb(0,0,0)!important;
  430. }
  431.  
  432. a.filter_icon:hover,a.clearfix:hover{
  433.     background-color:rgb(35,35,35)!important;
  434. }
  435.  
  436. #small_nav .content ul li a {
  437.      background-color:rgb(25,25,25)!important;
  438. }
  439.  
  440. #small_nav .game_filter.selected a {
  441.     background-color: rgb(100, 65, 165)!important;
  442. }
  443.  
  444. #small_nav .game_filter.selected a:hover{
  445.     background-color: rgb(120, 85, 185)!important;
  446. }
  447.  
  448. .filter_icon.animatedhighlight {
  449.     background: rgb(120, 85, 185)!important;
  450. }
  451.  
  452. /* arrows lazy fix */
  453.    
  454. #right_close,#left_close{
  455.     opacity:0.05!important;
  456.     -webkit-transition:opacity 0.25s ease-in;  
  457.     -moz-transition:opacity 0.25s ease-in;  
  458.     -o-transition:opacity 0.25s ease-in;  
  459.     transition:opacity 0.25s ease-in;  
  460. }
  461.    
  462. #right_close:hover,#left_close:hover{
  463.     opacity:0.25!important;
  464.     -webkit-transition:opacity 0.25s ease-in;  
  465.     -moz-transition:opacity 0.25s ease-in;  
  466.     -o-transition:opacity 0.25s ease-in;  
  467.     transition:opacity 0.25s ease-in;  
  468. }
  469.  
  470.    
  471.  
  472. /* stream title */
  473. span.real_title{
  474.     color:rgb(245,245,245)!important;
  475. }
  476.  
  477. /* name playing x on x*/
  478. span.playing,span#team_membership,#channel .player-column #broadcast-meta .info .channel {
  479.     color:rgb(195,195,195)!important;
  480. }
  481.    
  482. div.title > span.real,
  483. div.title > span.over{
  484.     color:rgb(222,222,222)!important;
  485.     background-color:rgb(0,0,0)!important;
  486. }
  487.    
  488. div.title > span.over:hover,    
  489. div.title > span.real:hover{
  490.     background-color:rgb(0,0,0)!important;
  491.     color:rgb(255,255,255)!important;
  492. }
  493.  
  494.    
  495. /* Main Column Panels */
  496. /* Panels */
  497. div#channel_panels h1,div#channel_panels h2,div#channel_panels h3{
  498.     color:rgb(242,242,242)!important;
  499. }
  500. pre{
  501.     box-shadow:  1px 1px 1px 0px #000!important;
  502.     border-color:#000!important;
  503.     border:none!important;
  504.     background: none repeat scroll 0% 0% rgb(33, 33, 33)!important;
  505.     color:rgb(242,242,242)!important;
  506. }
  507.  
  508. code{
  509.     color:rgb(242,242,242)!important;
  510. }
  511.  
  512. .panels-contain .panels .panel .part h3{
  513.     color:#fff!important;
  514. }
  515.  
  516. #channel_panels_contain.masonry .panel {
  517.     margin-bottom: 30px !important;
  518.     background-color: #333!important;
  519.     color:#ccc!important;
  520.     padding-left: 5px!important;
  521.     padding-right: 5px!important;
  522.     padding-top: 5px!important;
  523.     box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 0px inset!important;
  524.     text-shadow: rgba(0, 0, 0, 0.4) 0px 1px 0px !important;
  525.     border:1px solid #000 !important;
  526. }
  527.  
  528. #channel_panels_contain #channel_panels .panel h3 {
  529.     color:#fefefe!important;
  530. }
  531.  
  532. }
  533.  
  534. /*----------------------*/
  535. /*  trublkend           */
  536. /*----------------------*/
  537.  
  538. /*---------------------*/
  539. /*   main theme start  */
  540. /*---------------------*/
  541.    
  542.  
  543. @-moz-document domain("twitch.tv"), domain("twitchtv.com") {
  544. .emoticon-selector-toggle,
  545. .ffz-ui-toggle{
  546.     opacity:0.05!important;
  547.     -webkit-transition:opacity 0.25s ease-in;  
  548.     -moz-transition:opacity 0.25s ease-in;  
  549.     -o-transition:opacity 0.25s ease-in;  
  550.     transition:opacity 0.25s ease-in;  
  551. }
  552.    
  553. .emoticon-selector-toggle:hover,
  554. .ffz-ui-toggle:hover{
  555.     opacity:1!important;;
  556.     -webkit-transition:opacity 0.25s ease-in;  
  557.     -moz-transition:opacity 0.25s ease-in;  
  558.     -o-transition:opacity 0.25s ease-in;  
  559.     transition:opacity 0.25s ease-in;  
  560. }
  561.  
  562. /* dumb new chat shit on */
  563.  
  564. /* BetterTTV shit */
  565. #channel .player-column #player{
  566.     background:none!important;
  567. }
  568.  
  569. #chat_line_list .line p{
  570.     text-indent:0px!important;
  571. }
  572.  
  573. /* Has Subscribed arrow removal */
  574. li.line.fromjtv div.indicator{
  575. display:none!important;
  576. }
  577.  
  578. /* emotfix start */
  579. .emoticon {margin-bottom:2px!important;}
  580.  
  581. /* Backgrounds off */
  582. #custom_bg,#custom-bg {
  583.     display:none!important;
  584. }
  585.  
  586. /*-----------------*/
  587. /*  main theme end */
  588. /*-----------------*/
  589.    
  590. /*---------------------------*/
  591. /*  customisation pool start */
  592. /*---------------------------*/
  593.    
  594.  
  595.  
  596. /*Description Visible*/
  597.  
  598.  
  599. /* Turbo Icon Colour */
  600. .turbo a {
  601.     background-color:#07A898!important;
  602.     vertical-align:middle!important;
  603. }
  604.  
  605. .subscriber a {
  606.     vertical-align:middle!important;
  607. }
  608. /* Staff and admin */
  609. .admin,.staff{
  610.     vertical-align:middle!important;
  611. }
  612.  
  613. /* Mod Icon */
  614. .mod,.moderator{
  615. /* Using old moderator icon */
  616. background-image: url("http://herpderp.com/twitch/originalmod.png")!important;
  617. background-color:#009900!important;
  618. vertical-align:middle!important;
  619. }
  620.  
  621. /* Icon Sets */
  622. /* Nothing Hidden vanilla icons */
  623.  
  624. /* Block Chat Emotes */
  625. /* No Face Changes */
  626.  
  627. /* Block User */
  628. /*
  629. [class="username_in_lowercase"] {display:none !important;}
  630. */
  631.  
  632. /* Chat Font Options*/
  633. #chat_line_list,.ember-chat .chat-messages .chat-line{
  634.     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  635.     font-size:1.8em !important;
  636.     line-height:25px !important;
  637. }
  638.  
  639. /* Disable custom turbo colours */
  640. span.from[style*="color:#000000"],
  641. span.message[style*="color:#000000"]{
  642.     color:#FFFFFF!important;
  643. }
  644.  
  645.  
  646.  
  647. /* Colour Fixing */
  648. /* No Colour Fixes */
  649.  
  650. /* Chat Size Options */
  651. /* Default Chat */
  652.  
  653. /* Left Sidebar Options */
  654. /* Default sidebar */
  655. /* Arrows */
  656. #right_close span{
  657.     border-radius:0px !important;
  658.     border:1px solid !important;
  659.     box-shadow: rgba(16, 16, 16, 0.3) 0px 0px 0px 1px !important;
  660.     border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.55)!important;
  661.     border-top: 1px solid rgba(255, 255, 255, 0.04)!important;
  662.     border-bottom: 1px solid rgb(16, 16, 16)!important;
  663.     background-color: rgb(20, 20, 20)!important;
  664.     background-image: url("http://herpderp.com/twitch/a_collapse_r.png")!important;
  665. }
  666.  
  667.  
  668. #left_close span{
  669.     border-radius:0px !important;
  670.     border:1px solid !important;
  671.     box-shadow: rgba(16, 16, 16, 0.3) 0px 0px 0px 1px !important;
  672.     border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.55)!important;
  673.     border-top: 1px solid rgba(255, 255, 255, 0.04)!important;
  674.     border-bottom: 1px solid rgb(16, 16, 16)!important;
  675.     background-color: rgb(20, 20, 20)!important;
  676.     background-image: url("http://herpderp.com/twitch/a_collapse_r.png")!important;
  677. }
  678.  
  679. #left_close span:hover{
  680.     background-color: rgb(33, 33, 33)!important;
  681.     background-image: url("http://herpderp.com/twitch/a_collapse_r_h.png")!important;
  682. }
  683.  
  684. #right_close span:hover{
  685.     background-color: rgb(33, 33, 33)!important;
  686.     background-image: url("http://herpderp.com/twitch/a_collapse_r_h.png")!important;
  687. }
  688.  
  689.  
  690. /* Hide Buttons */
  691. span#is-subscribed,span#sub-details,a#subscribe_action{
  692. display:none!important}
  693.  
  694. /* Probably the share button take 4 */
  695. div.channel-actions >  span:nth-of-type(1){
  696.     display:none!important;
  697. }
  698.  
  699. /* Probably the bookmark button take 4 */
  700. div.channel-actions >  span:nth-of-type(2){
  701.     display:none!important;
  702. }
  703.  
  704.  
  705.  
  706. /* BTTV Stuff */
  707. /* Off */
  708. }
  709.  
  710.  
  711. /*[[greenscreen]]*/
  712.  
  713.  
  714. /*---------------------------*/
  715. /*   customisation pool end  */
  716. /*---------------------------*/
  717.  
  718. /* Directory quickfix */
  719. @-moz-document regexp("http://.*twitch.tv/directory.*"){
  720. div#right_col.column.fixed.following-col.open{
  721. width:340px!important;
  722. }
  723.  
  724. #main_col:not([class*="expandRight"]):not([style*="margin-right: 320px;"]){
  725.     margin-right:340px!important;
  726. }
  727.  
  728. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement