Advertisement
artiecore

rodrick rules

Sep 6th, 2019
1,630
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.97 KB | None | 0 0
  1. <!--
  2.  
  3. ♡ rocrick rules theme by boyfriended ♡
  4.  
  5. and you know what? he does
  6.  
  7. basecode by @slainez
  8.  
  9. -->
  10.  
  11. <!doctype html>
  12.  
  13. <html>
  14.  
  15. <link href="https://fonts.googleapis.com/css?family=Short+Stack&display=swap" rel="stylesheet">
  16. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><script src="https://static.tumblr.com/rtrqcib/VGGnlh8rf/jquery.style-my-tooltips.min.js"></script><script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:0,tip_fade_speed:0,attribute:"title"});});})(jQuery);</script>
  17.  
  18. <title>{Title}</title>
  19.  
  20. <link rel="shortcut icon" href="{image:favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{rss}">
  22.  
  23. <meta name="image:favicon" content="">
  24. <meta name="image:sidebar" content="">
  25. <meta name="image:background" content="" />
  26.  
  27. <meta name="color:bg color" content="#fff">
  28. <meta name="color:post color" content="#fff">
  29. <meta name="color:text" content="#000">
  30. <meta name="color:link color" content="#d34e">
  31. <meta name="color:link hover" content="#d34e">
  32. <meta name="color:link glow" content="#000000"/>
  33. <meta name="color:border" content="#000">
  34. <meta name="color:border glow" content="#000">
  35. <meta name="color:scrollbar bg" content="#fff"/>
  36. <meta name="color:scrollbar thumb" content="#000"/>
  37. <meta name="color:selection bg" content="#fff"/>
  38. <meta name="color:selection text">
  39. <meta name="color:tooltip" content="#ffffff"/>
  40. <meta name="color:tooltip text" content="#6d6d6d"/>
  41.  
  42. <meta name="if:redirect" content=""/>
  43. <meta name="if:cover bg" content=""/>
  44. <meta name="if:border" content="" />
  45. <meta name="if:border glow" content="" />
  46. <meta name="if:glow links" content="" />
  47. <meta name="if:title" content=""/>
  48. <meta name="if:title border" content="" />
  49. <meta name="if:title bg" content="" />
  50. <meta name="if:wobble" content=""/>
  51.  
  52. <meta name="text:font size" content="12px">
  53. <meta name="text:links size" content="15px">
  54. <meta name="text:border size" content="3px">
  55. <meta name="text:link margin" content="-50px">
  56.  
  57. <meta name="text:sidebarhover" content="why the FUCK is sans in smash">
  58. <meta name="text:description" content="using one of my themes? fucking loser"/>
  59. <meta name="text:custom title" content="holy shitttt"/>
  60. <meta name="text:redirect" content=""/>
  61.  
  62. <meta name="text:link1" content="I">
  63. <meta name="text:url1" content="">
  64. <meta name="text:link2" content="II">
  65. <meta name="text:url2" content="">
  66. <meta name="text:link3" content="III">
  67. <meta name="text:url3" content="">
  68. <meta name="text:link4" content="IV">
  69. <meta name="text:url4" content="">
  70.  
  71. <meta name="text:link1h" content="home">
  72. <meta name="text:link2h" content="ask">
  73. <meta name="text:link3h" content="about">
  74. <meta name="text:link4h" content="archive">
  75.  
  76. <meta name="select:font" content="arial">
  77. <meta name="select:font" content="verdana">
  78. <meta name="select:font" content="courier">
  79. <meta name="select:font" content="georgia">
  80. <meta name="select:font" content="times new roman">
  81. <meta name="select:font" content="ms gothic"/>
  82. <meta name="select:font" content="short stack"/>
  83. <meta name="select:font" content="comic sans ms">
  84.  
  85. <meta name="select:border type" content="solid" />
  86. <meta name="select:border type" content="double" />
  87. <meta name="select:border type" content="dashed" />
  88. <meta name="select:border type" content="dotted" />
  89. <meta name="select:border type" content="outset">
  90. <meta name="select:border type" content="inset">
  91.  
  92.  
  93.  
  94. <head>
  95.  
  96.  
  97. <script type="text/javascript">
  98. // <![CDATA[
  99. var speed=100; // speed of wobbling, lower is faster
  100. var height=3; // height of wobbling in pixels
  101. var alink=""; // page to link text to (set to ="" for no link)
  102.  
  103. /****************************
  104. * Wobbly Text Effect *
  105. *(c) 2003-6 mf2fm web-design*
  106. * http://www.mf2fm.com/rv *
  107. * DON'T EDIT BELOW THIS BOX *
  108. ****************************/
  109. var wobtxt, wobble, wobcnt=0;
  110. window.onload=function() { if (document.getElementById) {
  111. var i, wobli;
  112. wobble=document.getElementById("wobble");
  113. wobtxt=wobble.firstChild.nodeValue;
  114. while (wobble.childNodes.length) wobble.removeChild(wobble.childNodes[0]);
  115. for (i=0; i<wobtxt.length; i++) {
  116. wobli=document.createElement("span");
  117. wobli.setAttribute("id", "wobb"+i);
  118. wobli.style.position="relative";
  119. wobli.appendChild(document.createTextNode(wobtxt.charAt(i)));
  120. if (alink) {
  121. wobli.style.cursor="pointer";
  122. wobli.onclick=function() { top.location.href=alink; }
  123. }
  124. wobble.appendChild(wobli);
  125. }
  126. setInterval("wobbler()", speed);
  127. }}
  128.  
  129. function wobbler() {
  130. for (var i=0; i<wobtxt.length; i++) document.getElementById("wobb"+i).style.top=Math.round(height*Math.sin(i+wobcnt))+"px"
  131. wobcnt++;
  132. }
  133. // ]]>
  134. </script>
  135.  
  136. {block:ifredirect}
  137. {block:IndexPage}<script type="text/javascript">
  138. var url = location.href;
  139. if (url == "{BlogURL}") {
  140. window.location = "{BlogURL}tagged/{text:redirect}";
  141. }
  142. </script>{/block:IndexPage}
  143. {/block:ifredirect}
  144.  
  145. <style type="text/css">
  146.  
  147. ::selection {
  148. background: {color:selection bg};
  149. color:{color:selection text};
  150. }
  151. ::-moz-selection {
  152. background: {color:selection bg};
  153. color:{color:selection text};
  154. }
  155.  
  156. ::-webkit-scrollbar {width: 10px; background-color:{color:scrollbar bg};}
  157.  
  158. ::-webkit-scrollbar-thumb {border-radius: 0px; background: {color:scrollbar thumb};}
  159.  
  160.  
  161. }
  162. .tooltip{
  163. display:inline;
  164. position:relative;
  165. }
  166.  
  167. #s-m-t-tooltip{
  168. max-width:300px;
  169. padding:5px;
  170. margin:20px 7px -2px 20px;
  171. background-color:{color:tooltip};
  172. letter-spacing:1px;
  173. text-align:center;
  174. color:{color:tooltip text};
  175. z-index:99999999999999999999;
  176. -o-transition: all 0.3s ease-out;
  177. -webkit-transition: all 0.3s ease-out;
  178. -moz-transition: all 0.3s ease-out;
  179. }
  180.  
  181.  
  182.  
  183. body {
  184. color: {color:text};
  185. font-size: {text:fonts size};
  186. font-family: {select:font};
  187. word-wrap: break-word;
  188. background-color:{color:bg color};
  189. background-image: url('{image:background}');
  190. {block:ifnotcoverbg}
  191. background-repeat: repeat;
  192. background-attachment: fixed;
  193. {/block:ifnotcoverbg}
  194. {block:ifcoverbg}
  195. background-size: cover;
  196. background-attachment: fixed;
  197. {/block:ifcoverbg}
  198.  
  199. }
  200.  
  201.  
  202. a {
  203. color:{color:link color};
  204. text-decoration:none;
  205. }
  206.  
  207. a:hover {
  208. color:{color:link hover};
  209. }
  210.  
  211. .entry {
  212. width:500px;
  213. margin-bottom:20px;
  214. font-size:{text:font size};
  215. background-color:{color:post color};
  216. padding:5px;
  217. {block:ifborder}
  218. border-width:{text:border size};
  219. border-style:{select:border type};
  220. border-color:{color:border};
  221. {block:ifborderglow}
  222. -moz-box-shadow: 0px 0px 4px 2px {color:border glow};
  223. -webkit-box-shadow: 0px 0px 4px 2px {color:border glow};
  224. box-shadow: 0px 0px 4px 2px {color:border glow};{/block:ifborderglow}
  225. {/block:ifborder}
  226. }
  227. .entry img{
  228. max-width:100%;
  229. height:auto;
  230.  
  231.  
  232. }
  233.  
  234. .tags {
  235. max-height:0px;
  236. line-height:130%;
  237. text-align:left;
  238. font-size:{text:font size};
  239. opacity:0;
  240. -webkit-transition: all 0.7s ease;
  241. transition: all 0.7s ease;
  242. -moz-transition: all 0.7s ease;
  243. -o-transition: all 0.7s ease;}
  244.  
  245. .entry:hover .tags{
  246. opacity:1;
  247. max-height:300px;
  248. -webkit-transition: all 0.7s ease;
  249. transition: all 0.7s ease;
  250. -moz-transition: all 0.7s ease;
  251. -o-transition: all 0.7s ease;}
  252.  
  253. #sidebar {
  254. width:200px;
  255. margin-left:90px;
  256. position:fixed;
  257. background-color:{color:post color};
  258. padding:5px;
  259. {block:ifnottitle}
  260. margin-top:0px;
  261. {/block:ifnottitle}
  262. {block:iftitle}
  263. {block:ifwobble}
  264. margin-top:50px;
  265. {/block:ifwobble}
  266. {block:ifnotwobble}
  267. margin-top:50px;
  268. {/block:ifnotwobble}
  269. {/block:iftitle}
  270. {block:ifborder}
  271. border-width:{text:border size};
  272. border-style:{select:border type};
  273. border-color:{color:border};
  274. {block:ifborderglow}
  275. -moz-box-shadow: 0px 0px 4px 2px {color:border glow};
  276. -webkit-box-shadow: 0px 0px 4px 2px {color:border glow};
  277. box-shadow: 0px 0px 4px 2px {color:border glow};{/block:ifborderglow}
  278. {/block:ifborder}
  279. }
  280.  
  281. #sidebarimg img {
  282. width:200px;
  283. }
  284.  
  285. #description{
  286. {block:ifdescription}
  287. width:200px;
  288. margin-left:-7px;
  289. margin-top:20px;
  290. position:fixed;
  291. background-color:{color:post color};
  292. padding:5px;
  293. {block:ifborder}
  294. border-width:{text:border size};
  295. border-style:{select:border type};
  296. border-color:{color:border};
  297. {block:ifborderglow}
  298. -moz-box-shadow: 0px 0px 4px 2px {color:border glow};
  299. -webkit-box-shadow: 0px 0px 4px 2px {color:border glow};
  300. box-shadow: 0px 0px 4px 2px {color:border glow};{/block:ifborderglow}
  301. {/block:ifborder}
  302. {/block:ifdescription}
  303.  
  304. }
  305.  
  306.  
  307. #container {
  308. width:520px;
  309. margin-left:350px;
  310. margin-top:50px;
  311. margin-bottom:50px;
  312. }
  313.  
  314. #boys {
  315. width:auto;
  316. text-align:right;
  317. margin-left:{text:link margin};
  318. position:fixed;
  319. font-size: 20px;
  320. font-size: {text:links size};
  321. font-family: {select:font};
  322. line-height: 1.6;
  323. padding
  324. }
  325.  
  326. #penis {
  327. width:502px;
  328. margin-bottom:10px;
  329. text-align:center;
  330. font-size: 32px;
  331. {block:iftitlebg}
  332. background-color:{color:post color};
  333. {block:iftitlebg}
  334. {block:iftitleborder}
  335. padding:5px;
  336. border-width:{text:border size};
  337. border-style:{select:border type};
  338. border-color:{color:border};
  339. {block:ifborderglow}
  340. -moz-box-shadow: 0px 0px 4px 2px {color:border glow};
  341. -webkit-box-shadow: 0px 0px 4px 2px {color:border glow};
  342. box-shadow: 0px 0px 4px 2px {color:border glow};{/block:ifborderglow}
  343. {/block:iftitleborder}
  344. }
  345.  
  346. </style>
  347. </head>
  348.  
  349. <body>
  350.  
  351.  
  352.  
  353. <div id="sidebar">
  354. <div id="boys">
  355. <a href="{text:url1}" title="{text:link1h}">{text:link1}</a><br>
  356. <a href="{text:url2}" title="{text:link2h}">{text:link2}</a><br>
  357. <a href="{text:url3}" title="{text:link3h}">{text:link3}</a><br>
  358. <a href="{text:url4}" title="{text:link4h}">{text:link4}</a>
  359. {block:pagination}
  360. {block:previouspage}
  361. <a href="{previouspage}">back</a><br>
  362. {/block:previouspage}
  363. {block:nextpage}
  364. <a href="{nextpage}">next</a>
  365. {/block:nextpage}
  366. {/block:pagination}
  367. </div>
  368.  
  369. <center>
  370. <div id="sidebarimg">
  371.  
  372. <div id="sbimg1"><a href="/" title="{text:sidebarhover}"><img src="{image:sidebar}" width="200px"></a></div>
  373. </div>
  374. {block:ifdescription}
  375. <div id="description"><Center>{text:description}<div class="blink_me"></Center>{/block:ifdescription}
  376. </center>
  377.  
  378. </div>
  379.  
  380. <div id="container">
  381.  
  382. <div id="penis">
  383. {block:iftitle}
  384. {block:ifwobble}
  385. <div id="wobble">
  386. {text:custom title}
  387. </div>
  388. {/block:ifwobble}
  389. {block:ifnotwobble}
  390. {text:custom title}
  391. {/block:ifnotwobble}
  392. {/block:iftitle}
  393. </div>
  394.  
  395. {block:posts}
  396. <center>
  397. <div class="entry">
  398. {block:text}
  399. {block:title}<h3>{title}</h3>{/block:title}
  400. {body}
  401. {/block:text}
  402.  
  403. {block:photo}
  404. <img src="{photourl-500}" alt="{photoalt}"/>
  405. {block:caption}{caption}{/block:caption}
  406. {/block:photo}
  407.  
  408. {block:photoset}
  409. {photoset-500}
  410. {block:caption}<p>{caption}</p>{/block:caption}
  411. {/block:photoset}
  412.  
  413. {block:quote}
  414. <h3>"{quote}"</h3>
  415. {block:source}<p>{source}</p>{/block:source}
  416. {/block:quote}
  417.  
  418. {block:link}
  419. <h3><a href="{url}">{name}</a></h3>
  420. {block:description}<p>{decription}</p>{/block:description}
  421. {/block:link}
  422.  
  423. {block:chat}
  424. {block:title}<h3>{title}</h3>{/block:title}
  425. {block:lines} {block:label}{label}{/block:label} {line}<br>{/block:lines}
  426. {/block:chat}
  427.  
  428. {block:Audio}
  429. <div class="playerbox"><div class="player">{AudioPlayerWhite}</div></div>
  430. {block:AlbumArt}<center><img src="{AlbumArtURL}" width="200" border-radius="100px"></center>{/block:AlbumArt}
  431. <center>{block:Artist}<b>{Artist}</b>{/block:Artist} /
  432. {block:TrackName}<i>{TrackName}</i>{/block:TrackName}</center>
  433. {Caption}
  434. {/block:Audio}
  435.  
  436. {block:video}
  437. {video-500}
  438. {block:caption}{caption}{/block:caption}
  439. {/block:video}
  440.  
  441. {block:answer}
  442. {asker}: {question}
  443. {answer}
  444. {/block:answer}
  445.  
  446. {block:Date}
  447. <div class="footer">
  448. <a href="{Permalink}"><a href="{Permalink}" title="{timeago}">{notecount}</a> / <a href="{ReblogURL}">rb</a></form></a>
  449.  
  450. <!-- {block:NoRebloggedFrom}
  451. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  452. {/block:NoRebloggedFrom} -->
  453. {block:ContentSource}<!-- {SourceURL}
  454. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  455. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  456. {/block:ContentSource}
  457. <br>
  458. <div class="tags"> {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  459.  
  460. </div>
  461.  
  462. {block:PermalinkPage}
  463. {block:NoteCount}
  464. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"> via</a> {/block:RebloggedFrom}{block:ContentSource} x <a href="{SourceURL}" title="{SourceTitle}"> source</a>{/block:ContentSource}
  465. <br>
  466. {block:PostNotes}{PostNotes}{/block:PostNotes}
  467. {/block:NoteCount}
  468. {/block:PermalinkPage}
  469. {/block:Date}
  470.  
  471. </div>
  472. <a style="position:fixed;left:3px;bottom:3px;" <a href="https://boyfriended.tumblr.com/" title="theme by artie =]">♜</a>
  473. </body>
  474.  
  475. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement