API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 28th, 2018
151
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.49 KB | None | 0 0
raw download clone embed print report
  1. FRIENDS_OPT_ITEMS=>20
  2.  
  3. FRIENDS_WEBSITE<=
  4.  
  5. <div id="header">
  6. <span id="header-inner">
  7. <h1>TURN YOUR HEAD AND COUGH</h1>
  8. <span class="links">
  9. <a href="http://rightawaydoctor.insanejournal.com/">Home</a>
  10. <a href="http://rightawaydoctor.insanejournal.com/profile">Profile</a>
  11. <a href="http://rightawaydoctor.insanejournal.com/calendar">Calendar</a>
  12. <a href="http://rightawaydoctor.insanejournal.com/friends">Friends</a>
  13.  
  14. <span class="dropdown">
  15. <b>Navigate</b>
  16. <span class="drop-links">
  17. <a href="http://rightawaydoctor.insanejournal.com">ONE</a>
  18. <a href="http://rightawaydoctor.insanejournal.com">TWO</a>
  19. <a href="http://rightawaydoctor.insanejournal.com">THREE</a>
  20. <a href="http://rightawaydoctor.insanejournal.com">FOUR</a>
  21. <a href="http://tessisamess.insanejournal.com/">Layout By</a>
  22. </span>
  23. </span>
  24. </span>
  25. </span>
  26. </div>
  27.  
  28. <!--This fixes a bug in Internet Explorer-->
  29. <div> </div>
  30. <=FRIENDS_WEBSITE
  31.  
  32. DAY_TALK_LINKS<=
  33. <table>
  34. <tr><td class="comments" colspan="2">
  35.  
  36. <a href="%%urlread%%">%%messagecount%% COMMENTS</a>
  37. <a href="%%urlpost%%">ADD COMMENT</a>
  38.  
  39. </td></tr>
  40. <=DAY_TALK_LINKS
  41.  
  42. DAY_WEBSITE<=
  43.  
  44. <div id="header">
  45. <span id="header-inner">
  46. <h1>TURN YOUR HEAD AND COUGH</h1>
  47. <span class="links">
  48. <a href="http://rightawaydoctor.insanejournal.com/">Home</a>
  49. <a href="rightawaydoctor.insanejournal.com/profile">Profile</a>
  50. <a href="rightawaydoctor.insanejournal.com/calendar">Calendar</a>
  51. <a href="rightawaydoctor.insanejournal.com/friends">Friends</a>
  52.  
  53. <span class="dropdown">
  54. <b>Navigate</b>
  55. <span class="drop-links">
  56. <a href="http://rightawaydoctor.insanejournal.com">ONE</a>
  57. <a href="http://rightawaydoctor.insanejournal.com">TWO</a>
  58. <a href="http://rightawaydoctor.insanejournal.com">THREE</a>
  59. <a href="http://rightawaydoctor.insanejournal.com">FOUR</a>
  60. <a href="http://tessisamess.insanejournal.com/">Layout By</a>
  61. </span>
  62. </span>
  63. </span>
  64. </span>
  65. </div>
  66.  
  67. <!--This fixes a bug in Internet Explorer-->
  68. <div> </div>
  69. <=DAY_WEBSITE
  70.  
  71. LASTN_TALK_LINKS<=
  72. <table>
  73. <tr><td class="comments" colspan="2">
  74.  
  75. <a href="%%urlread%%">%%messagecount%% COMMENTS</a>
  76. <a href="%%urlpost%%">ADD COMMENT</a>
  77.  
  78. </td></tr>
  79. <=LASTN_TALK_LINKS
  80.  
  81. GLOBAL_HEAD<=
  82.  
  83. <title>TURN YOUR HEAD AND COUGH</title>
  84. <link rel="shortcut icon" href="https://i.imgur.com/NPTi02T.png" type="image/ico" />
  85. <link href="https://fonts.googleapis.com/css?family=Open+Sans|Open+Sans+Condensed:300" rel="stylesheet">
  86.  
  87. <style>
  88. <!--
  89.  
  90.  
  91. /*--- BLOCKED: REDUX - TESSISAMESS - 2018 ---*/
  92. /*-- Credit me in profile if removing my credit link from main block --*/
  93. /*-- Find more fun stuff at:tessisamess.insanejournal.com --*/
  94.  
  95.  
  96. /*--- GENERAL ---*/
  97.  
  98. body{background:#fff;margin:55vh 0 30px 0;padding:0;}
  99. body,table,tr,td{text-align:justify;font-family:Open Sans,helvetica,arial,sans-serif;font-size:14px;color:#222;}
  100.  
  101. a{color:#F99398;text-decoration:none;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
  102. a:hover{color:#356B81;text-decoration:none;}
  103.  
  104. h1,h2,h3,h4{padding:0;margin:0;color:#000;font-family:Open Sans Condensed,helvetica,arial,sans-serif;font-weight:normal;text-transform:uppercase;}
  105.  
  106. hr{border:none;height:1px;margin:0 20%;padding:0;background:#ddd;}
  107. blockquote{font-style:italic;margin:15px 30px 0 30px;padding-left:10px;border-left-width:5px;border-left-style:solid;-webkit-border-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f99398), to(#356b81)) 1 100%;-webkit-border-image: -webkit-linear-gradient(#f99398, #356b81) 1 100%;-moz-border-image:-moz-linear-gradient(#f99398, #356b81) 1 100%;-o-border-image:-o-linear-gradient(#f99398, #356b81) 1 100%;border-image:linear-gradient(to bottom, #f99398, #356b81) 1 100%;}
  108. ul{list-style:circle;margin:0;}
  109.  
  110.  
  111. /*--- MASK ---*/
  112.  
  113. #mask{background:#fff url(LARGEBG)center;background-size:cover;text-align:center;font-size:9px;visibility:visible;position:fixed;z-index:2000;left:4vw;right:4vw;top:4vw;bottom:4vw;border:0.5vw solid #fff;display:flex;flex-wrap:wrap;justify-content:center;}
  114.  
  115. #mask:hover .link span{opacity:1;}
  116. #mask:hover .link:nth-of-type(1) span{transition-delay:0s;}
  117. #mask:hover .link:nth-of-type(2) span{transition-delay:0.3s;}
  118. #mask:hover .link:nth-of-type(3) span{transition-delay:0.6s;}
  119. #mask:hover .link:nth-of-type(4) span{transition-delay:0.9s;}
  120. #mask:hover .link:nth-of-type(7) span{transition-delay:1.2s;}
  121. #mask:hover .link:nth-of-type(11) span{transition-delay:1.5s;}
  122. #mask:hover .link:nth-of-type(10) span{transition-delay:1.8s;}
  123. #mask:hover .link:nth-of-type(9) span{transition-delay:2.1s;}
  124. #mask:hover .link:nth-of-type(8) span{transition-delay:2.4s;}
  125. #mask:hover .link:nth-of-type(5) span{transition-delay:2.7s;}
  126.  
  127. .block{display:flex;align-items:center;justify-content:center;border:0.5vw solid #fff;}
  128.  
  129. .title{width:48.9%;background:#fff;}
  130. .title h1{font-size:30px;}
  131. .title h2{font-size:9px;letter-spacing:3px;font-weight:bold;}
  132.  
  133. .link{width:23.9%;text-transform:uppercase;letter-spacing:2px;font-weight:bold;}
  134. .link span{opacity:0;display:block;width:50%;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
  135. .link a{background:#fff;color:#000;display:block;height:25px;line-height:25px;}
  136. .link a:hover{background:rgba(255,255,255,0.5);}
  137.  
  138. /*
  139. Use the below backgrounds if you'd like each
  140. link block to have a background image instead.
  141.  
  142. Images can be any dimension; just make sure they're
  143. not too small or they'll warp on large resolutions.
  144. */
  145.  
  146. .link:nth-of-type(1){background:url(https://i.pinimg.com/564x/c5/ab/8b/c5ab8b79de83aab7aca84869e66eeb1f.jpg)center;background-size:cover;}
  147. .link:nth-of-type(2){background:url(https://i.pinimg.com/564x/0b/fc/67/0bfc6776757edb361304d26037d0ed5c.jpg)center;background-size:cover;}
  148. .link:nth-of-type(3){background:url(https://i.pinimg.com/564x/12/fe/ed/12feed4c5198a12e0a418419a9bf028a.jpg)center;background-size:cover;}
  149. .link:nth-of-type(4){background:url(https://i.pinimg.com/564x/be/b6/e0/beb6e06ef8fbaacf867c19032faecbc2.jpg)center;background-size:cover;}
  150. .link:nth-of-type(5){background:url(https://i.pinimg.com/564x/ae/36/74/ae3674f6fa8fbd6293d58ba9e3186afb.jpg)center;background-size:cover;}
  151. .link:nth-of-type(6){background:url(https://i.pinimg.com/564x/ec/32/29/ec3229cc1c02ac15dcf1eb03d619027b.jpg)center;background-size:cover;}
  152. .link:nth-of-type(7){background:url(https://i.pinimg.com/564x/2c/19/27/2c19276cc00c5ea76b3cf3b773270c91.jpg)center;background-size:cover;}
  153. .link:nth-of-type(8){background:url(https://i.pinimg.com/564x/25/7e/72/257e727996865ce818235f150341c514.jpg)center;background-size:cover;}
  154. .link:nth-of-type(9){background:url(https://i.pinimg.com/564x/d3/01/27/d3012716cf4c610a07bd2bbfcb85e476.jpg)center;background-size:cover;}
  155. .link:nth-of-type(10){background:url(https://i.pinimg.com/564x/27/69/1d/27691d09b1042a1946fb55c70d407bfd.jpg)center;background-size:cover;}
  156.  
  157. #cred{visibility:visible;position:fixed;right:5vw;bottom:2vw;z-index:2000;font-family:Open Sans Condensed,helvetica,arial,sans-serif;text-transform:uppercase;font-size:8px;letter-spacing:2px;font-weight:bold;color:#999;}
  158.  
  159.  
  160. /*--- HEADER ---*/
  161.  
  162. #header{background:#fff url(https://i.pinimg.com/564x/dc/3a/b8/dc3ab8322d41f134b2515b6c12535e40.jpg)center;background-size:cover;text-align:center;font-size:9px;visibility:visible;position:absolute;z-index:2000;left:4vw;right:4vw;top:4vw;border:0.5vw solid #fff;display:flex;justify-content:center;align-items:center;height:40vh;}
  163. #header-inner{background:#fff;padding:2vw;width:40%;min-width:500px;}
  164.  
  165. #header-inner h1{font-size:30px;}
  166. #header-inner .links{display:block;padding-right:90px;font-family:Open Sans Condensed,helvetica,arial,sans-serif;text-transform:uppercase;font-size:9px;letter-spacing:3px;font-weight:bold;}
  167. #header-inner .links a{display:inline-block;width:90px;}
  168.  
  169. .dropdown{display:inline-block;width:90px;background:#fff;text-align:center;position:absolute;cursor:pointer;}
  170. .dropdown b{display:block;}
  171. .drop-links{display:block;max-height:0;overflow:hidden;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;}
  172. .dropdown:hover .drop-links{max-height:500px;}
  173. .drop-links a{display:block;padding:4px 2px;}
  174.  
  175. #header-inner a{color:#000;}
  176. #header-inner a:hover{color:#F99398;}
  177.  
  178.  
  179. /*--- ENTRIES ---*/
  180.  
  181. table{width:85vw;max-width:700px;margin:0 auto;}
  182. .entrybox{visibility:visible;margin-bottom:4vw;padding:50px;position:relative;border:1px solid #ddd;}
  183. .entrybox table{line-height:150%;}
  184. .entrybox img{max-width:100%;}
  185.  
  186.  
  187. /*--- ENTRY SUBJECT ---*/
  188.  
  189. td.caption{padding:10px 0 20px 0;text-align:center;color:#000;font-family:Open Sans Condensed,helvetica,arial,sans-serif;text-transform:uppercase;font-size:27px;}
  190.  
  191.  
  192. /*--- DATE & TIME ---*/
  193.  
  194. .date{color:#999;font-size:9px;font-weight:bold;letter-spacing:3px;font-family:Open Sans Condensed,helvetica,arial,sans-serif;text-transform:uppercase;}
  195. .entrybox td.index{position:absolute;left:0;right:0;text-align:center;color:transparent;font-size:0;}
  196.  
  197.  
  198. /*--- COMMENT FOOTER ---*/
  199.  
  200. .comments{text-align:right;font-size:9px;font-weight:bold;letter-spacing:3px;font-family:Open Sans Condensed,helvetica,arial,sans-serif;text-transform:uppercase;padding:20px 0 0 0;}
  201. .comments a{border-bottom:2px solid #ddd;color:#000;display:inline-block;width:100px;text-align:center;margin-left:2px;}
  202. .comments a:hover{border-bottom:2px solid #356B81;color:#F99398;}
  203.  
  204.  
  205. /*--- USERPICS ---*/
  206.  
  207. .entrybox table table table td{position:absolute;top:0;right:-100px;text-align:center;padding:0;}
  208. .entrybox a.index img{width:70px;height:70px;margin-bottom:10px;background:#fff;padding:5px;border:1px solid #ddd;}
  209. .entrybox a.index font{color:#222!important;}
  210.  
  211.  
  212. /*--- PAGE NAVIGATION ---*/
  213.  
  214. .meta, table table .index{color:#222;font-size:9px;font-weight:bold;letter-spacing:2px;font-family:Open Sans Condensed,helvetica,arial,sans-serif;text-transform:uppercase;line-height:8px;text-align:right;}
  215. table table table{float:right;width:auto;}
  216. table table table td.meta{padding:1px;}
  217.  
  218.  
  219. /* TINYICONS */
  220.  
  221. img[src*="img/userinfo.gif"], img[src*="img/community.gif"], img[src*="img/icon_protected.gif"], img[src*="img/icon_private.gif"], img[src*="img/icon_groups.gif"]{background:transparent url(https://i.imgur.com/NPTi02T.png)no-repeat!important;width:0!important;height:0!important;padding:16px 0 0 18px!important;margin-bottom:3px;}
  222. .entry-header img{margin-bottom:0;}
  223.  
  224.  
  225. /*--- DISABLED & HIDDEN ELEMENTS - DO NOT EDIT ---*/
  226.  
  227. /* ORIGINAL TOP HEADER */ .shadowed{visibility:hidden;position:absolute;top:0;left:0;right:0;height:0;background:transparent;}
  228. /* TOP HEADER CONTENTS */ .shadowed img, tr.caption, .index3, table table table table .meta {display:none;}
  229. /* ALL ORIGINAL TABLE STYLING */ table,tr,td{border:none;background:transparent;padding:0;}
  230. /* INNER-ENTRY */ table table{width:100%;margin:0;}
  231. /* HIDES USERPIC INFO BRACKETS */ .entrybox table table table td[align=center]{color:transparent;text-align:center;font-size:0;}
  232.  
  233.  
  234. -->
  235. </style>
  236. <=GLOBAL_HEAD
  237.  
  238. FRIENDS_TALK_LINKS<=
  239. <table>
  240. <tr><td class="comments" colspan="2">
  241.  
  242. <a href="%%urlread%%">%%messagecount%% COMMENTS</a>
  243. <a href="%%urlpost%%">ADD COMMENT</a>
  244.  
  245. </td></tr>
  246. <=FRIENDS_TALK_LINKS
  247.  
  248. LASTN_OPT_ITEMS=>10
  249.  
  250. LASTN_DATE_FORMAT=><span class="date">%%mm%%.%%dd%%.%%yyyy%%</span>
  251.  
  252. CALENDAR_WEBSITE<=
  253.  
  254. <div id="header">
  255. <span id="header-inner">
  256. <h1>TURN YOUR HEAD AND COUGH</h1>
  257. <span class="links">
  258. <a href="http://rightawaydoctor.insanejournal.com/">Home</a>
  259. <a href="http://rightawaydoctor.insanejournal.com/profile">Profile</a>
  260. <a href="http://rightawaydoctor.insanejournal.com/calendar">Calendar</a>
  261. <a href="http://rightawaydoctor.insanejournal.com/friends">Friends</a>
  262.  
  263. <span class="dropdown">
  264. <b>Navigate</b>
  265. <span class="drop-links">
  266. <a href="DROPLINK1">DROPONE</a>
  267. <a href="DROPLINK2">DROPTWO</a>
  268. <a href="DROPLINK3">DROPTHREE</a>
  269. <a href="DROPLINK4">DROPFOUR</a>
  270. <a href="http://tessisamess.insanejournal.com/">Layout By</a>
  271. </span>
  272. </span>
  273. </span>
  274. </span>
  275. </div>
  276.  
  277. <!--This fixes a bug in Internet Explorer-->
  278. <div> </div>
  279. <=CALENDAR_WEBSITE
  280.  
  281. FRIENDS_DATE_FORMAT=><span class="date">%%mm%%.%%dd%%.%%yyyy%%</span>
  282.  
  283. LASTN_WEBSITE<=
  284.  
  285. <div id="mask">
  286. <span class="block link"><span><a href="URLONE">LINKONE</a></span></span>
  287. <span class="block link"><span><a href="URLTWO">LINKTWO</a></span></span>
  288. <span class="block link"><span><a href="URLTHREE">LINKTHREE</a></span></span>
  289. <span class="block link"><span><a href="URLFOUR">LINKFOUR</a></span></span>
  290.  
  291. <span class="block link"><span><a href="URLFIVE">LINKFIVE</a></span></span>
  292. <span class="block title"><span>
  293. <h1>TURN YOUR HEAD AND COUGH</h1>
  294. <h2>Hover for Navigation</h2>
  295. </span></span>
  296. <span class="block link"><span><a href="URLSIX">LINKSIX</a></span></span>
  297.  
  298. <span class="block link"><span><a href="URLSEVEN">LINKSEVEN</a></span></span>
  299. <span class="block link"><span><a href="URLEIGHT">LINKEIGHT</a></span></span>
  300. <span class="block link"><span><a href="URLNINE">LINKNINE</a></span></span>
  301. <span class="block link"><span><a href="URLTEN">LINKTEN</a></span></span>
  302. </div>
  303.  
  304. <a href="http://tessisamess.insanejournal.com/" id="cred">LAYOUT BY TESSISAMESS</a><noembed>
  305.  
  306. <!--This fixes a bug in Internet Explorer-->
  307. <div> </div>
  308. <=LASTN_WEBSITE
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!