Advertisement
startxt

🌟 Theme by Strtxt

Jul 31st, 2016
1,693
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.65 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!---------------------
  5.  
  6. ✭✮✯✰✭✮✯✰✭✮✯✰ 🌟 Theme by Strtxt.tumblr.com ✭✮✯✰✭✮✯✰✭✮✯✰
  7.  
  8. ✭✮✯✰✭✮✯✰✭✮✯✰ Please do not remove credit!! ✭✮✯✰✭✮✯✰✭✮✯✰
  9.  
  10. ----------------------->
  11.  
  12.  
  13. <meta name="image:Background" content="" />
  14. <meta name="image:Sidebar image" content="" />
  15. <meta name="image:Favicon" content="" />
  16.  
  17. <meta name="color:Background" content="#ffffff" />
  18. <meta name="color:Text" content="#000000" />
  19. <meta name="color:Link" content="#9A2EFE" />
  20. <meta name="color:Link hover" content="#58FAF4" />
  21. <meta name="color:Border" content="#6A0888" />
  22. <meta name="color:Sidebar background" content="#CEE3F6" />
  23. <meta name="color:Post background" content="#CEE3F6" />
  24. <meta name="color:Scrollbar" content="#6A0888" />
  25. <meta name="color:Scrollbar background" content="#ffffff" />
  26. <meta name="color:Selection" content="#CEF6F5" />
  27. <meta name="color:Selection text" content="#00BFFF" />
  28.  
  29. <meta name="if:Title" content="1" />
  30. <meta name="if:Description" content="1" />
  31. <meta name="if:SidebarImage" content="1" />
  32. <meta name="if:FullBackground" content="1" />
  33. <meta name="if:ShowPostCaptions" content="1" />
  34. <meta name="if:ShowTags" content="1" />
  35. <meta name="if:TransparentPosts" content="1" />
  36. <meta name="if:TransparentSidebar" content="1" />
  37. <meta name="if:Borders" content="1" />
  38. <meta name="if:Rounded" content="1" />
  39. <meta name="if:RoundImage" content="1" />
  40. <meta name="if:RainbowLinks" content="1" />
  41. <meta name="if:LinksStyle1" content="1" />
  42. <meta name="if:LinksStyle2" content="1" />
  43.  
  44. <meta name="select:font" content="inconsolata" title="inconsolata" />
  45. <meta name="select:font" content="roboto" title="roboto"/>
  46. <meta name="select:font" content="arial" title="arial" />
  47. <meta name="select:font" content="century gothic" title="century gothic" />
  48. <meta name="select:font" content="georgia" title="georgia"/>
  49. <meta name="select:font" content="lucida console" title="lucida console"/>
  50. <meta name="select:border style" content="solid" title="solid"/>
  51. <meta name="select:border style" content="dotted" title="dotted"/>
  52. <meta name="select:border style" content="dashed" title="dashed"/>
  53.  
  54. <meta name="text:Navi Title" content="click!" />
  55. <meta name="text:Link 1" content="ask" />
  56. <meta name="text:Link 1 url" content="/ask" />
  57. <meta name="text:Link 2" content="archive" />
  58. <meta name="text:Link 2 url" content="/archive" />
  59. <meta name="text:Link 3" content="" />
  60. <meta name="text:Link 3 url" content="" />
  61. <meta name="text:Link 4" content="" />
  62. <meta name="text:Link 4 url" content="" />
  63. <meta name="text:Link 5" content="" />
  64. <meta name="text:Link 5 url" content="" />
  65. <meta name="text:Link 6" content="" />
  66. <meta name="text:Link 6 url" content="" />
  67. <meta name="text:Font Size" content="12" />
  68. <meta name="text:Sidebar Width" content="150" />
  69. <meta name="text:Sidebar Top" content="50" />
  70. <meta name="text:Sidebar Left" content="100" />
  71. <meta name="text:Sidebar image width" content="100" />
  72. <meta name="text:Posts Top" content="50" />
  73. <meta name="text:Posts Left" content="150" />
  74.  
  75. <meta charset="utf-8">
  76. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  77.  
  78.  
  79. {block:Description}
  80. <meta name="description" content="{MetaDescription}" />
  81. {/block:Description}
  82.  
  83. <title>{Title}</title>
  84.  
  85. <link rel="shortcut icon" href="{image:Favicon}">
  86. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  87. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  88.  
  89. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  90.  
  91. <link href='https://fonts.googleapis.com/css?family=Roboto:400,700,400italic,700italic|Raleway:400,400italic,700,700italic|Inconsolata:400,700' rel='stylesheet' type='text/css'>
  92. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  93.  
  94.  
  95.  
  96.  
  97.  
  98. <style type="text/css">
  99.  
  100. ::selection {background: {color:selection}; color:{color:selection text};}
  101. ::-moz-selection {background: {color:selection}; color:{color:selection text};}
  102. ::-webkit-selection {background: {color:selection}; color:{color:selection text};}
  103.  
  104. body {
  105. margin:0px;
  106. background:{color:Background};
  107. background-image: url({image:Background});
  108. background-attachment:fixed;
  109. {block:ifFullbackground}
  110. background-repeat:repeat;
  111. background-size:cover;
  112. {/block:ifFullbackground}
  113. font-family:{select:font};
  114. font-size:{text:font size}px;
  115. line-height:100%;
  116. color: {color:Text};
  117. }
  118.  
  119. a{
  120. color: {color:Link};
  121. text-decoration:none;
  122. }
  123.  
  124. a:hover{
  125. color:{color:Link Hover};
  126. }
  127.  
  128. p{
  129. margin:0px 0px 10px 0px;
  130. padding:3px;
  131. }
  132.  
  133. pre {
  134. white-space: pre-wrap;
  135. white-space: -moz-pre-wrap;
  136. white-space: -pre-wrap;
  137. white-space: -o-pre-wrap;
  138. word-wrap: break-word;
  139. }
  140.  
  141. li{
  142. margin-left:-15px;
  143. }
  144.  
  145. /* scrollbar */
  146. ::-webkit-scrollbar {
  147. width: 4px;
  148. height: 8px;
  149. background: {color:Scrollbar background};
  150. }
  151. ::-webkit-scrollbar-thumb {
  152. background: {color:Scrollbar};
  153. border-radius: 16px;
  154. border-top: 5px solid {color:Scrollbar background};
  155. }
  156.  
  157. #wrapper{
  158. width:600px;
  159. margin:50px auto;
  160. }
  161.  
  162. /* sidebar */
  163. #sidebar{
  164. width:{text:Sidebar Width}px;
  165. top: {text:Sidebar Top}px;
  166. left: {text:Sidebar Left}px;
  167. position: fixed;
  168. background:{color:Sidebar background};
  169. {block:ifBorders}
  170. {block:ifRounded}
  171. -moz-border-radius:5px; -webkit-border-radius:5px;
  172. {/block:ifRounded}
  173. border:1px {select:border style} {color:border};
  174. {/block:ifBorders}
  175. {block:iftransparentsidebar}
  176. background-color:transparent;
  177. {/block:iftransparentsidebar}
  178. }
  179.  
  180. #descr{
  181. padding:4px;
  182. }
  183.  
  184. #cr{
  185. position:fixed;
  186. bottom:10px;
  187. right:10px;
  188. }
  189.  
  190. /* posts */
  191. #content{
  192. {block:IndexPage}
  193. padding:0px;
  194. width:500px;
  195. {/block:IndexPage}
  196. {block:PermalinkPage}
  197. width: 400px;
  198. {/block:PermalinkPage}
  199. position: relative;
  200. margin-left: {text:Posts left}px;
  201. margin-top: {text:Posts top}px;
  202. }
  203. .post{
  204. width:500px;
  205. font-style:none;
  206. padding:0px;
  207. margin-bottom:50px;
  208. {block:ifBorders}
  209. {block:ifRounded}
  210. -moz-border-radius:5px; -webkit-border-radius:5px;
  211. {/block:ifRounded}
  212. border:1px {select:border style} {color:border};
  213. {/block:ifBorders}
  214. background-color:{color:Post background};
  215. {block:iftransparentposts}
  216. background-color:transparent;
  217. {/block:iftransparentposts}
  218. overflow:hidden;
  219. }
  220. .post img{
  221. max-width:100%;
  222. }
  223.  
  224. #sidebarim {
  225. margin-bottom:25px;
  226. }
  227. #sidebarim img{
  228. width:{text:Sidebar image width}px;
  229. {block:ifBorders}
  230. {block:ifRounded}
  231. -moz-border-radius:5px; -webkit-border-radius:5px;
  232. {/block:ifRounded}
  233. border:1px {select:border style} {color:border};
  234. {/block:ifBorders}
  235. {block:ifRoundimage}
  236. border-radius: 75px;
  237. -webkit-border-radius: 75px;
  238. -moz-border-radius: 75px;
  239. {/block:ifRoundimage}
  240. transition:all .3s ease-in;
  241. -moz-transition:all .3s ease-in;
  242. -o-transition:all .3s ease-in;
  243. }
  244. #sidebarim img:hover {
  245. opacity:0.8;
  246. transition:all .3s ease-in;
  247. -moz-transition:all .3s ease-in;
  248. -o-transition:all .3s ease-in;
  249. }
  250.  
  251. .media{
  252. max-width:100%;
  253. }
  254. .title{
  255. font-weight:bold;
  256. font-size:19px;
  257. margin:5px 5px 10px 5px;
  258. line-height:17px;
  259. }
  260. .quote{
  261. font-weight:normal;
  262. font-size:16px;
  263. font-style:italic;
  264. margin:5px 5px 10px 5px;
  265. }
  266. .question{
  267. margin:5px 5px 10px 5px;
  268. }
  269. blockquote{
  270. margin:0px 0px 10px 10px;
  271. padding:0 0 0px 7px;
  272. border-left:solid 1px {color:Border};
  273. }
  274. .post .footer{
  275. background:{color:Post background};
  276. font-size:{text:font size}px;
  277. {block:iftransparentposts}
  278. background-color:transparent;
  279. font-size:{text:font size}px;
  280. {/block:iftransparentposts}
  281. {block:ifBorders}
  282. border-top:1px {select:border style} {color:border};
  283. {/block:ifBorders}
  284. padding:10px 0px 10px 0px;
  285. text-align:center;
  286. font-size:{text:font size}
  287. }
  288. ol.notes{
  289. background:{color:background};
  290. list-style-type:none;
  291. padding:0px;
  292. margin:0px;
  293. }
  294. ol.notes li.note img{
  295. background:{color:background};
  296. width:16px;
  297. height:16px;
  298. }
  299. ol.notes li.note{
  300. background:{color:background};
  301. margin:0px;
  302. }
  303.  
  304. .jump_page {
  305. padding: 2px 5px;
  306. {block:iftransparentsidebar}
  307. background-color:transparent;
  308. {/block:iftransparentsidebar}
  309. color:{color:link};
  310. font-size:12px
  311. text-decoration:none;
  312. }
  313. .current_page {
  314. padding: 2px 5px;
  315. {block:iftransparentsidebar}
  316. background-color:transparent;
  317. {/block:iftransparentsidebar}
  318. color:{color:text};
  319. font-size:12px
  320. text-decoration:none;
  321. }
  322. .jump_page:hover {
  323. padding: 2px 5px;
  324. {block:iftransparentsidebar}
  325. background-color:transparent;
  326. {/block:iftransparentsidebar}
  327. color: {color:link hover};
  328. font-size:12px
  329. text-decoration:none;
  330. }
  331.  
  332.  
  333. {CustomCSS}
  334. </style>
  335.  
  336. <!---rainbow links--->
  337. {block:ifRainbowLinks}
  338. <script type='text/javascript'>
  339. //<![CDATA[
  340. var rate = 50;
  341. if (document.getElementById)
  342. window.onerror=new Function("return true")
  343. var objActive;
  344. var act = 0;
  345. var elmH = 0;
  346. var elmS = 128;
  347. var elmV = 255;
  348. var clrOrg;
  349. var TimerID;
  350. if (document.all) {
  351. document.onmouseover = doRainbowAnchor;
  352. document.onmouseout = stopRainbowAnchor;
  353. }
  354. else if (document.getElementById) {
  355. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  356. document.onmouseover = Mozilla_doRainbowAnchor;
  357. document.onmouseout = Mozilla_stopRainbowAnchor;
  358. }
  359. function doRainbow(obj)
  360. {
  361. if (act == 0) {
  362. act = 1;
  363. if (obj)
  364. objActive = obj;
  365. else
  366. objActive = event.srcElement;
  367. clrOrg = objActive.style.color;
  368. TimerID = setInterval("ChangeColor()",100);
  369. }
  370. }
  371. function stopRainbow()
  372. {
  373. if (act) {
  374. objActive.style.color = clrOrg;
  375. clearInterval(TimerID);
  376. act = 0;
  377. }
  378. }
  379. function doRainbowAnchor()
  380. {
  381. if (act == 0) {
  382. var obj = event.srcElement;
  383. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  384. obj = obj.parentElement;
  385. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  386. break;
  387. }
  388. if (obj.tagName == 'A' && obj.href != '') {
  389. objActive = obj;
  390. act = 1;
  391. clrOrg = objActive.style.color;
  392. TimerID = setInterval("ChangeColor()",100);
  393. }
  394. }
  395. }
  396. function stopRainbowAnchor()
  397. {
  398. if (act) {
  399. if (objActive.tagName == 'A') {
  400. objActive.style.color = clrOrg;
  401. clearInterval(TimerID);
  402. act = 0;
  403. }
  404. }
  405. }
  406. function Mozilla_doRainbowAnchor(e)
  407. {
  408. if (act == 0) {
  409. obj = e.target;
  410. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  411. obj = obj.parentNode;
  412. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  413. break;
  414. }
  415. if (obj.nodeName == 'A' && obj.href != '') {
  416. objActive = obj;
  417. act = 1;
  418. clrOrg = obj.style.color;
  419. TimerID = setInterval("ChangeColor()",100);
  420. }
  421. }
  422. }
  423. function Mozilla_stopRainbowAnchor(e)
  424. {
  425. if (act) {
  426. if (objActive.nodeName == 'A') {
  427. objActive.style.color = clrOrg;
  428. clearInterval(TimerID);
  429. act = 0;
  430. }
  431. }
  432. }
  433. function ChangeColor()
  434. {
  435. objActive.style.color = makeColor();
  436. }
  437. function makeColor()
  438. {
  439. if (elmS == 0) {
  440. elmR = elmV; elmG = elmV; elmB = elmV;
  441. }
  442. else {
  443. t1 = elmV;
  444. t2 = (255 - elmS) * elmV / 255;
  445. t3 = elmH % 60;
  446. t3 = (t1 - t2) * t3 / 60;
  447. if (elmH < 60) {
  448. elmR = t1; elmB = t2; elmG = t2 + t3;
  449. }
  450. else if (elmH < 120) {
  451. elmG = t1; elmB = t2; elmR = t1 - t3;
  452. }
  453. else if (elmH < 180) {
  454. elmG = t1; elmR = t2; elmB = t2 + t3;
  455. }
  456. else if (elmH < 240) {
  457. elmB = t1; elmR = t2; elmG = t1 - t3;
  458. }
  459. else if (elmH < 300) {
  460. elmB = t1; elmG = t2; elmR = t2 + t3;
  461. }
  462. else if (elmH < 360) {
  463. elmR = t1; elmG = t2; elmB = t1 - t3;
  464. }
  465. else {
  466. elmR = 0; elmG = 0; elmB = 0;
  467. }
  468. }
  469. elmR = Math.floor(elmR).toString(16);
  470. elmG = Math.floor(elmG).toString(16);
  471. elmB = Math.floor(elmB).toString(16);
  472. if (elmR.length == 1) elmR = "0" + elmR;
  473. if (elmG.length == 1) elmG = "0" + elmG;
  474. if (elmB.length == 1) elmB = "0" + elmB
  475. elmH = elmH + rate;
  476. if (elmH >= 360)
  477. elmH = 0;
  478. return '#' + elmR + elmG + elmB;
  479. }
  480. //]]>
  481. </script>
  482. {/block:ifRainbowLinks}
  483.  
  484. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  485. <script type="text/javascript">
  486. $(document).ready(function(){
  487. $(".links_body").hide();
  488. $(".links_head").click(function(){
  489. $(this).next(".links_body").slideToggle('fast');
  490. }); }); </script>
  491. <style type="text/css">
  492. .links_list { margin:0px; padding:0px; width:100%;}
  493. .links_head { padding-top:5px; padding-bottom:5px; cursor:pointer; position:relative; margin:1px; text-align:center;}
  494. .links_body { padding:10px; text-align:left; display:none;}
  495. </style>
  496.  
  497. </head>
  498.  
  499.  
  500. <body>
  501.  
  502. <div id="wrapper">
  503. <div id="sidebar">
  504. <center><br>
  505. {block:ifTitle}
  506. <div class="title"><a href="/">{Title}</a></div><p>
  507. {/block:ifTitle}
  508. {block:ifSidebarimage}
  509. <div id="sidebarim"><a href="/"><img src="{image:Sidebar image}"></a></div>
  510. {/block:ifSidebarimage}
  511. {block:ifDescription}
  512. <div id="descr">
  513. {Description}</p>
  514. </div>
  515. {/block:ifDescription}
  516. {block:ifLinksStyle1}
  517. <p>
  518. <a href="{text:Link 1 url}">{text:Link 1}</a>
  519. <a href="{text:Link 2 url}">{text:Link 2}</a>
  520. <a href="{text:Link 3 url}">{text:Link 3}</a>
  521. <a href="{text:Link 4 url}">{text:Link 4}</a>
  522. <a href="{text:Link 5 url}">{text:Link 5}</a>
  523. <a href="{text:Link 6 url}">{text:Link 6}</a>
  524. {/block:ifLinksStyle1}
  525. {block:ifLinksStyle2}
  526. <div class="links_list">
  527. <p class="links_head">{text:Navi Title}</p>
  528. <div class="links_body">
  529. <center>
  530. <p><a href="{text:Link 1 url}">{text:Link 1}</a>
  531. <p><a href="{text:Link 2 url}">{text:Link 2}</a>
  532. <p><a href="{text:Link 3 url}">{text:Link 3}</a>
  533. <p><a href="{text:Link 4 url}">{text:Link 4}</a>
  534. <p><a href="{text:Link 5 url}">{text:Link 5}</a>
  535. <p><a href="{text:Link 6 url}">{text:Link 6}</a>
  536. </center>
  537. </div></div>
  538. {/block:ifLinksStyle2}
  539. </p><p>
  540. {block:Pagination}
  541. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  542. {block:JumpPagination length="3"}
  543. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  544. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  545. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  546. {/block:Pagination}
  547. </center>
  548. </div>
  549.  
  550. <div id="content">
  551.  
  552. {block:Posts}
  553. <div class="post">
  554.  
  555. {block:Text}
  556. {block:Title}
  557. <div class="title">{Title}</div>
  558. {/block:Title}
  559. {Body}
  560. {/block:Text}
  561.  
  562. {block:Photo}
  563. <div id="media">
  564. <center>{LinkOpenTag}
  565. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  566. {LinkCloseTag}
  567. </center>
  568. </div>
  569. {block:ifShowPostCaptions}
  570. {block:Caption}{Caption}{/block:Caption}
  571. {/block:ifShowPostCaptions}
  572. {/block:Photo}
  573.  
  574. {block:Photoset}
  575. <div id="media">
  576. <center>
  577. {Photoset-500}
  578. </center>
  579. </div>
  580. {block:ifShowPostCaptions}
  581. {block:Caption}{Caption}{/block:Caption}
  582. {/block:ifShowPostCaptions}
  583. {/block:Photoset}
  584.  
  585. {block:Quote}
  586. <div class="quote">"{Quote}"</div>
  587. {block:Source}
  588. <div class="quotesource">{Source}</div>
  589. {/block:Source}
  590. {/block:Quote}
  591.  
  592. {block:Link}
  593. <div class="title"><a href="{URL}">{Name}</a></div>
  594. {block:Description}
  595. <div class="description">{Description}</div>
  596. {/block:Description}
  597. {/block:Link}
  598.  
  599. {block:Chat}
  600. {block:Title}
  601. <div class="title">{Title}</div>
  602. {/block:Title}
  603.  
  604. {block:Lines}
  605. <div class="{Alt} user_{UserNumber}">
  606. {block:Label}
  607. <b>{Label}</b>{/block:Label}
  608. &nbsp;{Line}
  609. </div>
  610. {/block:Lines}
  611. {/block:Chat}
  612.  
  613. {block:Video}{Video-500}
  614. {block:ifShowPostCaptions}
  615. {block:Caption}{Caption}{/block:Caption}
  616. {/block:ifShowPostCaptions}
  617. {/block:Video}
  618.  
  619. {block:Audio}
  620. {AudioPlayerWhite}
  621. {block:IndexPage}<p>
  622. {block:TrackName}Track: {TrackName}<br>{/block:TrackName}
  623. {block:Artist}Artist: {Artist}<br>{/block:Artist}
  624. {block:Album}Album: {Album}<br>{/block:Album}
  625. {block:PlayCount}{PlayCount} plays{/block:PlayCount}
  626. {block:ifShowPostCaptions}
  627. {block:Caption}{Caption}{/block:Caption}
  628. {/block:ifShowPostCaptions}
  629. {/block:IndexPage}
  630. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  631. {/block:Audio}
  632.  
  633. {block:Answer}
  634. <div class="question">{Asker}: {Question}</div>
  635. <div class="caption">{Answer}</div>
  636. {/block:Answer}
  637.  
  638. {block:Date}
  639. <div class="footer">
  640. <a href="{Permalink}">{DayofMonthwithZero}.{MonthNumberwithZero}.{Year} - {24HourWithZero}:{Minutes}</a>
  641. <br>{NoteCount}%
  642. <br>{block:ifShowtags}
  643. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}
  644. {/block:ifShowtags}
  645. </div>
  646.  
  647. {block:PermalinkPage}
  648. {block:NoteCount}
  649. {block:PostNotes}{PostNotes}{/block:PostNotes}
  650. {/block:NoteCount}
  651. {/block:PermalinkPage}
  652. {/block:Date}
  653. </div>
  654. {/block:Posts}
  655.  
  656.  
  657. <div id="cr">
  658. <a href="http://strtxt.tumblr.com" target="_blank"><img src="http://static.tumblr.com/60ea1ab27900eb4369952e6a09bcd9cc/v1kb7q2/9u3n14lw6/tumblr_static_yeywowaranbow.png"></a>
  659. </div>
  660. </div>
  661. </div>
  662. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  663. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  664.  
  665.  
  666. </body>
  667.  
  668.  
  669. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement