Advertisement
eucerin

endheir base theme contained

Dec 14th, 2020
32
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.82 KB | None | 0 0
  1. <!-- THEME CREDIT : © endheir @TUMBLR.COM
  2. RULES OF USING THIS THEME.
  3. -IT IS NOT A BASE CODE.
  4. -DO NOT DELETE MY CREDIT, OR RESALE / REPUBLISH AS YOUR OWN.
  5. -THIS THEME IS INTENDED FOR INTERMEDIATE HTML USERS.
  6. -DON'T PLAY IN THE CSS UNLESS YOU'RE COMFORTABLE WITH META TAGS, ETC.
  7. -POP UP SCRIPT CREDITED TO CHCODES.
  8. -CREATED FROM SCRATCH USING TUMBLR'S CUSTOM THEME GUIDE.
  9. -FEEL FREE TO TWEAK TO YOUR LIKING JUST DON'T DELETE THE CREDS :(
  10. -ANY QUESTIONS, SHOULD BE SENT TO endheir @TUMBLR.COM, OFF ANON.
  11. -->
  12. <html>
  13. <head>
  14. <meta charset="utf-8">
  15. <title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
  16. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19.  
  20. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  21. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  22. <script type="text/javascript"
  23. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  24. <!-- pop up script academy -->
  25. <script>
  26. $(document).ready(function() {
  27. //
  28. $('a.poplight[href^=#]').click(function() {
  29. var popID = $(this).attr('rel'); //Get Popup Name
  30. var popURL = $(this).attr('href'); //Get Popup href to define size
  31. var query= popURL.split('?');
  32. var dim= query[1].split('&');
  33. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  34. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="https://s5.postimage.org/ypgcl25pv/close.png" class="btn_close" title="Close Window" alt="Close" style="background-color: transparent; padding: 2px; color:#555;" /></a>');
  35. var popMargTop = ($('#' + popID).height() + 80) / 2;
  36. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  37. //Apply Margin to Popup
  38. $('#' + popID).css({
  39. 'margin-top' : -popMargTop,
  40. 'margin-left' : -popMargLeft
  41. });
  42. $('body').append('<div id="fade"></div>');
  43. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  44. return false;
  45. });
  46. $('a.close, #fade').live('click', function() {
  47. $('#fade , .popup_block').fadeOut(function() {
  48. $('#fade, a.close').remove(); //fade them both out
  49. });
  50. return false;
  51. });
  52. });
  53. </script>
  54. <!-- end-->
  55. {BLOCK:HIDDEN}
  56. <!-- DEFAULT COLORS -->
  57. <meta name="color:background" content="#fff"/>
  58. <meta name="color:htmlfont" content="#404040"/>
  59. <meta name="color:bold text" content="#e9a4a4"/>
  60. <meta name="color:italic text" content="#e9a4a4"/>
  61. <meta name="color:strike text" content="#000"/>
  62. <meta name="color:tooltip background" content="#e9a4a4"/>
  63. <meta name="color:tooltip text" content="#000"/>
  64. <meta name="color:tooltip border" content="#000"/>
  65. <meta name="color:scrollbar" content="#000"/>
  66. <meta name="color:selection text" content="#eeeeee"/>
  67. <meta name="color:selection background" content="#040404"/>
  68. <meta name="color:heading background" content="#e9a4a4"/>
  69. <meta name="color:link" content="#e9a4a4"/>
  70. <meta name="color:permalinks" content="#000"/>
  71. <meta name="color:tag color" content="#000"/>
  72. <meta name="color:blockquotes" content="#eee"/>
  73. <meta name="color:heading text" content="#000">
  74. <meta name="text:popup width" content="250">
  75. <meta name="image:background" content=""/>
  76. <meta name="image:header" content=""/>
  77. <meta name="text:alt title" content="">
  78. <meta name="text:alt description" content="">
  79. <meta name="text:text size" content="9"/>
  80. <meta name="text:bold text size" content="9"/>
  81. <meta name="text:italic text size" content="9"/>
  82. <meta name="text:strike text size" content="9"/>
  83. <meta name="text:heading size" content="8">
  84. <meta name="text:heading padding" content="10">
  85. <meta name="text:sidebar width" content="144">
  86. <meta name="text:sidebar margin left" content="540">
  87. <meta name="text:sidebar margin bottom" content="50">
  88. <meta name="if:contained" content="1">
  89. <meta name="text:post height" content="400">
  90. <meta name="text:container margins" content="230px 169px">
  91. <meta name="text:italic letter spacing" content="2">
  92. <meta name="text:bold letter spacing" content="2">
  93. <meta name="text:strike letter spacing" content="2">
  94. <meta name="text:italic letter size" content="10">
  95. <meta name="text:bold letter size" content="10">
  96. <meta name="text:strike letter size" content="10">
  97. <meta name="text:border size" content="1"/>
  98. <meta name="text:link 1 text" content="index">
  99. <meta name="text:link 1 url" content="">
  100. <meta name="text:link 1 hover" content="hover title">
  101. <meta name="text:link 2 text" content="ask">
  102. <meta name="text:link 2 url" content="">
  103. <meta name="text:link 2 hover" content="hover title">
  104. <meta name="text:link 3 text" content="link">
  105. <meta name="text:link 3 url" content="">
  106. <meta name="text:link 3 hover" content="hover title">
  107. <meta name="text:link 4 text" content="link">
  108. <meta name="text:link 4 url" content="">
  109. <meta name="text:link 4 hover" content="hover title">
  110. <meta name="if:Show Description" content="1"/>
  111. <meta name="if:Avatar" content="1"/>
  112. <meta name="if:Alt Descript" content="1"/>
  113. <meta name="alt description" content="">
  114. <meta name="if:textshadow" content="1"/>
  115. <meta name="if:Borders" content="1">
  116. <meta name="if:header" content="1">
  117. <meta name="if:ShowTitle" content="1">
  118. <meta name="if:Popups" content="0">
  119. <meta name="color:border" content="" />
  120. <meta name="text:border" content="0" />
  121. <meta name="text:link opacity" content=".7" />
  122. <meta name="text:margin top posts" content="200">
  123. <meta name="text:margin left posts" content="100">
  124. <meta name="select:background position" content="top left" title="top left"> <meta name="select:background position" content="bottom left" title="bottom left">
  125. <meta name="select:text align" content="left" title="left">
  126. <meta name="select:text align" content="justify" title="justify">
  127. <meta name="select:font" content="helvetica" title="helvetica">
  128. <meta name="select:font" content="calibri" title="calibri">
  129. <meta name="select:font" content="trebuschet ms" title="tresbuschet ms"> <meta name="select:font" content="arial" title="arial">
  130. <meta name="select:font" content="Consolas, Monaco, 'Andale Mono', monospace" title="Consolas, Monaco, 'Andale Mono', monospace">
  131. <meta name="select:bold font" content="helvetica" title="helvetica">
  132. <meta name="select:bold font" content="calibri" title="calibri">
  133. <meta name="select:bold font" content="trebuschet ms" title="tresbuschet ms"> <meta name="select:bold font" content="arial" title="arial">
  134. <meta name="select:bold font" content="Consolas, Monaco, 'Andale Mono', monospace" title="Consolas, Monaco, 'Andale Mono', monospace">
  135. <meta name="select:italic font" content="helvetica" title="helvetica">
  136. <meta name="select:italic font" content="calibri" title="calibri">
  137. <meta name="select:italic font" content="trebuschet ms" title="tresbuschet ms">
  138. <meta name="select:italic font" content="arial" title="arial">
  139. <meta name="select:italic font" content="Consolas, Monaco, 'Andale Mono', monospace" title="Consolas, Monaco, 'Andale Mono', monospace">
  140. <meta name="select:strike font" content="helvetica" title="helvetica">
  141. <meta name="select:strike font" content="calibri" title="calibri">
  142. <meta name="select:strike font" content="trebuschet ms" title="tresbuschet ms">
  143. <meta name="select:strike font" content="arial" title="arial">
  144. <meta name="select:strike font" content="Consolas, Monaco, 'Andale Mono', monospace" title="Consolas, Monaco, 'Andale Mono', monospace">
  145. <meta name="select:heading font" content="helvetica" title="helvetica">
  146. <meta name="select:heading font" content="calibri" title="calibri">
  147. <meta name="select:heading font" content="trebuschet ms" title="tresbuschet ms">
  148. <meta name="select:heading font" content="arial" title="arial">
  149. <meta name="select:heading font" content="Consolas, Monaco, 'Andale Mono', monospace" title="Consolas, Monaco, 'Andale Mono', monospace">
  150. <meta name="select:code font" content="helvetica" title="helvetica">
  151. <meta name="select:code font" content="calibri" title="calibri">
  152. <meta name="select:code font" content="trebuschet ms" title="tresbuschet ms">
  153. <meta name="select:code font" content="arial" title="arial">
  154. <meta name="select:code font" content="Consolas, Monaco, 'Andale Mono', monospace" title="Consolas, Monaco, 'Andale Mono', monospace">
  155. <meta name="select:bold options" content="uppercase" title="uppercase">
  156. <meta name="select:bold options" content="underline" title="underline"> <meta name="select:bold options" content="capitalize" title="capitalize">
  157. <meta name="select:bold options" content="none" title="none">
  158. <meta name="select:italic options" content="uppercase" title="uppercase">
  159. <meta name="select:italic options" content="capitalize" title="capitalize">
  160. <meta name="select:italic options" content="none" title="none">
  161. <meta name="select:strike options" content="uppercase" title="uppercase">
  162. <meta name="select:strike options" content="underline" title="underline">
  163. <meta name="select:strike options" content="capitalize" title="capitalize"> <meta name="select:strike options" content="none" title="none">
  164. <meta name="select:heading options" content="uppercase" title="uppercase">
  165. <meta name="select:heading options" content="capitalize" title="capitalize">
  166. <meta name="select:heading options" content="none" title="none">
  167. <meta name="select:link options" content="uppercase" title="uppercase"> <meta name="select:link options" content="capitalize" title="capitalize"> <meta name="select:link options" content="none" title="none">
  168. <meta name="select:sidebar text align" content="left" title="left">
  169. <meta name="select:sidebar text align" content="justify" title="justify">
  170. <meta name="select:sidebar text align" content="center" title="center">
  171. <meta name="select:post width" content="250px" title="250px">
  172. <meta name="select:post width" content="540px" title="540px">
  173. <meta name="select:post width" content="400px" title="400px">
  174. <meta name="select:post spacing" content="100" title="100">
  175. <meta name="select:post spacing" content="150" title="150">
  176. <meta name="select:post spacing" content="200" title="200">
  177. <meta name="select:heading text align" content="left" title="left">
  178. <meta name="select:heading text align" content="justify" title="justify">
  179. <meta name="select:heading text align" content="center" title="center">
  180. <meta name="select:border design" content="solid" title="solid"/>
  181. <meta name="select:border design" content="dotted" title="dotted"/>
  182. {/BLOCK:HIDDEN}
  183.  
  184.  
  185. <style type="text/css">
  186.  
  187. html { color: {color:htmlfont};}
  188.  
  189. body { background:{color:background}; background-image:url('{image:background}');
  190. background-repeat:no-repeat; background-position:{select:background position}; background-attachment: fixed; text-align:{select:text align}; margin:0;}
  191.  
  192. html, body {margin: 0; height: 100%; overflow: hidden}
  193.  
  194. #s-m-t-tooltip { background-color:{color:tooltip background}; color:{color:tooltip text}; border:1px solid {color:tooltip border}; border-radius:{text:border radius}px; max-width:150px; margin-left:25px; z-index:999999999; padding:5px; font-size:8px; font-weight:bold; font-family:{select:font};}
  195.  
  196. ::-webkit-scrollbar {width:2px;background:transparent;}
  197. ::-webkit-scrollbar-thumb {background:{color:scrollbar};}
  198. ::selection {background:{color:selection background};color:{color:selection text};}
  199. ::-moz-selection {background:{color:selection background};color:{color:selection text};}
  200.  
  201. html, body, p, small, sub, sup, big { font-size: {text:text size}px; font-family: {select:font}; letter-spacing:1px;}
  202.  
  203. b, strong {color:{color:bold text};font-weight:bold;font-family:{select:bold font};text-transform:{select:bold options};letter-spacing:{text:bold letter spacing}px; font-size:{text:bold letter size};}
  204.  
  205. i, em {color:{color:italic text};font-family:{select:italic font};text-transform:{select:italic options};letter-spacing:{text:italic letter spacing}px; font-size:{text:italic letter size}px;}
  206.  
  207. strike {color:{color:strike text};font-family:{select:strike font};text-transform:{select:strike options};letter-spacing:{text:strike letter spacing}px; font-size:{text:strike letter size}px;}
  208.  
  209. {block:IfTextShadow} b, strong, i, em, strike {text-shadow: 1px 1px 2px #e9a4a4;}{/block:IfTextShadow}
  210. {block:IfNotTextShadow} b, strong, i, em, strike {text-shadow:none;}{/block:IfNotTextShadow}
  211.  
  212. {block:IfBorders}
  213. h1, h2, h3, #perm {padding:{text:heading padding}px; font-size:{text:heading size}px; text-transform:{select:heading options}; font-family:{select:heading font}; text-align:{select:heading text align}; letter-spacing:{text:heading letter spacing}px; border:{text:border size}px {select:border design} {color:border}; border-radius:{text:border radius}px; color:{color:heading text};}
  214. {/block:IfBorders}
  215.  
  216. {block:IfNotBorders}
  217. h1, h2, h3, #perm {background:{color:heading background}; padding:{text:heading padding}px; font-size:{text:heading size}px; text-transform:{select:heading options}; font-family:{select:heading font}; text-align:{select:heading text align}; letter-spacing:{text:heading letter spacing}px; color:{color:heading text};}{/block:IfNotBorders}
  218.  
  219.  
  220. pre, code { font-family: {select:code font}; white-space: pre;}
  221. pre { overflow: auto;}
  222.  
  223. a { color: {color:link}; text-decoration:{select:link options}; transition: all 0.2s ease;}
  224. a:hover { opacity: {text:link opacity};}
  225.  
  226. #sb {max-width:calc({select:post width} + 180px / 2); margin-left:calc({text:margin left posts}px - 60px); margin-top:0px; border:20px solid {color:background}; z-index:10; position:fixed; max-height:200px;overflow:hidden;}
  227.  
  228. #sbi {width:{text:sidebar width}px; margin-left:{text:sidebar margin left}px; bottom:{text:sidebar margin bottom}px; z-index:109; position:fixed; text-align:{select:sidebar text align};}
  229.  
  230. .avatar img {border-radius:50%;padding:5px;}
  231.  
  232. {block:ifnotcontained}
  233. #container {width:100%; height:100%; overflow-y:scroll; overflow-x:visible;}
  234. #fix {width:350px;
  235. margin-left:{text:margin left posts}px;
  236. margin-top:{text:margin top posts}px;}
  237. {/block:ifnotcontained}
  238.  
  239. {block:ifcontained}
  240. #container {width:{select:post width}; height:{text:post height}px; overflow-y:scroll; overflow-x:hidden; margin-left:{text:margin left posts}px; margin-top:{text:margin top posts}px;}
  241. {/block:ifcontained}
  242.  
  243.  
  244. .entry {padding-top:{select:post spacing}px;}
  245. #clear {float:clear;}
  246.  
  247. #perm { margin-top:15px; text-align:left; background-color:{color:headings};margin-bottom:15px;}
  248.  
  249. #alink a { padding-right:10px;color:{color:permalinks};!important; }
  250.  
  251. #tags { padding-top:4px; text-transform:uppercase; font-family:calibri; font-size:8px; word-break:break-word;}
  252. #tags a {color:{color:tag color};!important;}
  253.  
  254. blockquote { padding-left: 1rem; border-left: 2px solid {color:blockquotes}; margin-left: .3rem; width:95%;}
  255.  
  256. img, iframe, photoset_iframe {max-width: 100%;}
  257. img {max-width:100%;height:auto;}
  258. .caption img {max-width:100%;}
  259. .tumblr_audio_player {height: 100px;}
  260. ol.notes { list-style: none; padding: 0; max-width:{select:post width}px; margin: 0;}
  261. ol.notes li.note img.avatar { display: none;}
  262.  
  263. .credit {position:fixed;bottom:25px;right:25px;opacity:.4; border:1px solid {color:link}; padding:10px;}
  264.  
  265. .credit a {color:#ff0000;text-decoration:none;}
  266. /**pop up code from chcodes**/
  267. #fade {
  268. display: none;
  269. background: #000;
  270. position: fixed;
  271. left: 0;
  272. top: 0;
  273. width: 100%;
  274. height: 100%;
  275. opacity: 0.8;
  276. z-index: 999;}
  277.  
  278. .popup_block{
  279. display: none;
  280. background: #fff;
  281. padding:30px;
  282. float: center;
  283. position: fixed;
  284. top: 50%;
  285. left: 50%;
  286. z-index: 99999;
  287. border: 1px solid #f3f3f3;
  288. max-height:400px;
  289. overflow-y:scroll;
  290. overflow-x:hidden;
  291. }
  292.  
  293. img.btn_close {float: right; margin: -25px -25px 0 0;}
  294.  
  295. *html #fade {position: absolute;}
  296.  
  297. *html .popup_block {position: absolute;}
  298. /**end**/
  299. /**navigation code from chcodes**/
  300. .title {
  301. letter-spacing:2px;
  302. color:#000;
  303. text-align:center;
  304. margin-top:-10px;}
  305.  
  306. #text {
  307. width:calc({text:popup width} - 50px)px;
  308. background:{color:heading background};
  309. padding:10px;
  310. color:#000;
  311. text-align:{select:text align};}
  312. #text img {float:left;
  313. padding:25px;
  314. }
  315. /**end**/
  316.  
  317. {CustomCSS}
  318. </style>
  319.  
  320. </head>
  321. <body>
  322.  
  323. {block:ifheader}<div id="sb"><img src="{image:header}"></div> {/block:ifheader}
  324. {block:ifnotheader}{/block:ifnotheader}
  325. <div id="sbi">
  326. {block:ifAvatar}<div class="avatar"><center><img src="{PortraitURL-64}"></center></div>{/block:ifAvatar}{block:ifNotAvatar}{block:ifNotAvatar}
  327. {block:IfShowTitle}<b>{title}</b>{/block:IfShowTitle}{block:IfNotShowTitle}{text:alt title}{/block:IfNotShowTitle}
  328. {block:IfNotPopups}
  329. <center><a href="{text:link 1 url}" title="{text:link 1 hover}">{text:link 1 text}</a> <a href="{text:link 2 url}" title="{text:link 2 hover}">{text:link 2 text}</a> <a href="{text:link 3 url}" title="{text:link 3 hover}">{text:link 3 text}</a> <a href="{text:link 4 url}" title="{text:link 4 hover}">{text:link 4 text}</a> <a href="/iii">05</a><center><br>{/block:IfNotPopups}
  330. {block:IfPopups}
  331. <center><a href="#?w={text:popup width}" rel="{text:link 1 hover}" class="poplight" title="{text:link 1 hover}">{text:link 1 text}</a> <a href="#?w={text:popup width}" rel="{text:link 2 hover}" class="poplight" title="{text:link 2 hover}">{text:link 2 text}</a> <a href="#?w={text:popup width}" rel="{text:link 3 hover}" class="poplight" title="{text:link 3 hover}">{text:link 3 text}</a> <a href="#?w={text:popup width}" rel="{text:link 4 hover}" class="poplight" title="{text:link 4 hover}">{text:link 4 text}</a><center><br>{/block:IfPopups}
  332. <div style="border:1px solid {color:border};padding:5px;">
  333. {block:ifShowDescription}{description}{/block:ifShowDescription}{block:ifNotShowDescription}{/block:ifNotShowDescription}
  334. {block:ifAltDescript}{text:alt description}{block:ifAltDescript}{block:ifNotAltDescription}{/block:ifNotAltDescription}</div>
  335. <br><center>{block:Pagination}
  336. {block:NextPage} <a href="{NextPage}">RISE</a>{/block:NextPage}{/block:Pagination} {block:PreviousPage}/ <a href="{PreviousPage}">FALL</a>
  337. {/block:PreviousPage} </center>
  338. </div>
  339.  
  340. <div id="container">
  341. <div id="fix">
  342. {block:Posts}
  343. <div id="entry">
  344. <article class="entry">
  345.  
  346. {block:Photoset}<section class="photoset">{Photoset}{/block:Photoset}
  347.  
  348. {block:Photo} <section class="photo"> <img src="{PhotoURL-HighRes}">
  349. {/block:Photo}
  350.  
  351. {block:Text} <section class="text"> {block:Title} <h2 class="title"><a href="{Permalink}">{Title}</a></h2> {/block:Title} {block:Body} {Body} {/block:Body} {/block:Text}
  352.  
  353. {block:Audio} <section class="audio"> {block:AudioEmbed} {AudioEmbed} {/block:AudioEmbed}{/block:Audio}
  354.  
  355. {block:Video} <section class="video"> {Video}{/block:Video}
  356.  
  357. {block:Quote} <section class="quote"> <blockquote>{Quote}</blockquote> {block:Source} <center>{Source}</center> {/block:Source}{/block:Quote}
  358.  
  359. {block:Link} <section class="link"> <h2><a href="{URL}">{Name}</a></h2> {block:Description} {Description} {/block:Description}
  360. {/block:Link}
  361.  
  362. {block:Chat} {block:Title} <h1> {Title} </h1>
  363. {/block:Title} <section class="chat"> {block:Lines}
  364. {block:Label} <b>{Label}</b> {/block:Label} {Line}
  365. <br> {/block:Lines}{/block:Chat}
  366.  
  367. {block:Answer} <section class="ask"><h2><b><u>{Asker}</u></b><br> {Question}</h2> <div>{Answer}</div>{/block:Answer}
  368.  
  369. {block:Caption} <section class="caption"> {Caption} </section>
  370. {/block:Caption}
  371. </section>
  372. </div>
  373.  
  374. {block:Date} <div id="perm"> <div id="alink">
  375. <span style="float:right;"><A href="{ReblogURL}" title="REBLOG">+</A> </span>
  376. <a href="{Permalink}" title="{12Hour}:{Minutes} {AmPm}" >{12Hour}:{Minutes} {AmPm}</a>
  377. {block:NoteCount} with
  378. <a href="{Permalink}" title="{NoteCount}">{NoteCount}</a>
  379. {/block:NoteCount}
  380. {block:permalink}
  381. {block:RebloggedFrom}
  382. {block:ContentSource}
  383. <a href="{ReblogRootURL}" title="{ReblogRootName}">03.</a>
  384. {/block:ContentSource}
  385. <a href="{ReblogParentURL}" title="{ReblogParentName}">04.</a>
  386. {/block:RebloggedFrom}{/block:permalink}
  387. </div>
  388. </div>
  389. <div id="tags">{block:HasTags}{block:Tags} <a href="/tagged/{Tag}" title="{Tag}">#{Tag}</a>{/block:Tags}{block:HasTags}</div>
  390. {/block:Date}
  391.  
  392. </article>
  393.  
  394. {block:PostNotes} {PostNotes} {/block:PostNotes}
  395.  
  396. {block:ContentSource}
  397. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  398. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  399. {/block:SourceLogo}
  400. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  401. {/block:ContentSource}
  402.  
  403. {/block:Posts}
  404. </div> </div>
  405.  
  406. <div class="credit"><a href="https://endheir.tumblr.com" title="coded by bast.">♥</a></div>
  407.  
  408. </body>
  409. <!-- pop up window -->
  410. <div id="{text:link 1 hover}" class="popup_block">
  411. <div class="title">title here</div>
  412. <div id="text">text goes here</div>
  413. </div>
  414. </div>
  415. <!--end -->
  416.  
  417. <!-- pop up window -->
  418. <div id="{text:link 2 hover}" class="popup_block">
  419. <div class="title">title here</div>
  420. <div id="text">text goes here</div>
  421. </div>
  422. </div>
  423. <!--end -->
  424.  
  425. <!-- pop up window -->
  426. <div id="{text:link 3 hover}" class="popup_block">
  427. <div class="title">title here</div>
  428. <div id="text">text goes here</div>
  429. </div>
  430. </div>
  431. <!--end -->
  432.  
  433. <!-- pop up window -->
  434. <div id="{text:link 4 hover}" class="popup_block">
  435. <div class="title">title here</div>
  436. <div id="text">text goes here</div>
  437. </div>
  438. </div>
  439. <!--end -->
  440.  
  441. </div>
  442. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement