daily pastebin goal
39%
SHARE
TWEET

Untitled

a guest Jan 28th, 2018 55 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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
RAW Paste Data
Top