API tools faq
paste
pjo06

Theme #006 - Bootleg Rascal 2.0

pjo06
Jan 11th, 2016
3,599
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.26 KB | None | 0 0
raw download clone embed print report
  1. <!--THEME BY LAURAHOLLIIS-->
  2. <!--#006 BOOTLEG RASCAL-->
  3.  
  4. <!--W/ UPDATE LINES-->
  5.  
  6.  
  7.  
  8. <!--64 ROUNDED IMG-->
  9.  
  10. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  11. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  12. <head><title>{Title}</title>
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  16.  
  17. <!--TEST BLOG 4-->
  18.  
  19. <meta name="color:bg" content="#ffffff" />
  20. <meta name="color:text" content="#5a5a5a" />
  21. <meta name="color:link" content="#5a5a5a" />
  22. <meta name="color:link hover" content="#5a5a5a" />
  23. <meta name="color:Post border" content="#f2f2f2"/>
  24. <meta name="color:Scrollbar" content="#df1f3a">
  25.  
  26.  
  27. <meta name="text:link1" content="" />
  28. <meta name="text:link 1 URL" content="/" />
  29. <meta name="text:link2" content="" />
  30. <meta name="text:link 2 URL" content="/" />
  31.  
  32. <meta name="text:update1" content="" />
  33. <meta name="text:update2" content="" />
  34. <meta name="text:update3" content="" />
  35.  
  36.  
  37.  
  38. <!--START-->
  39.  
  40. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  41.  
  42. <!--TOOLTIPS-->
  43. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  44. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  45. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  46. <script>
  47. (function($){
  48. $(document).ready(function(){
  49. $("[title]").style_my_tooltips({
  50. tip_follows_cursor:true,
  51. tip_delay_time:200,
  52. tip_fade_speed:300
  53. });
  54. });
  55. })(jQuery);
  56. </script>
  57.  
  58.  
  59.  
  60. <style type="text/css">
  61.  
  62.  
  63.  
  64. #s-m-t-tooltip {
  65. max-width:300px;
  66. margin:15px;
  67. padding:3px;
  68. border:1px solid #eaeaea;
  69. border-radius:0px;
  70. background:white;
  71. color:{color:text};
  72. z-index:999999;
  73. font-size:7px;
  74. font-style:none;
  75. font-weight:lighter;
  76. letter-spacing:1px;
  77. font-family:trebuchet ms;
  78. text-transform:uppercase;
  79. box-shadow:1px 1px 3px rgba(0,0,0,.0);
  80. }
  81.  
  82. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar};height:5px;}
  83. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Scrollbar};height:5px!important;}
  84. ::-webkit-scrollbar {background-color:{color:Background};height:5px;width:6px;}
  85.  
  86.  
  87.  
  88. body {
  89. font-family:calibri;
  90. font-size:11px;
  91. color:{color:text};
  92. background-color:{color:bg};
  93. }
  94.  
  95. #entry {
  96. margin-bottom:110px;
  97. margin-top:-20px;
  98. }
  99.  
  100. #sidebar {
  101. width:175px;
  102. position:fixed;
  103. margin-left:190px;
  104. margin-top:100px;
  105. }
  106.  
  107. /*#sidebarimg {
  108. width:245px;
  109. text-align:center;
  110. }*/
  111.  
  112.  
  113. .icon img {
  114. border-radius:5px;
  115. width:64px;
  116. margin-bottom:-37px;
  117. /*margin-left:53px;*/
  118. text-align:center;
  119. }
  120.  
  121.  
  122. #description {
  123. width: 175px;
  124. text-align:justify;
  125. margin-left:0px;
  126. margin-top:8px;
  127. line-height:20px;
  128. /*height:0px;
  129. overflow:hidden;
  130. -webkit-transition: all .5s ease-in-out;
  131. -moz-transition: all .5s ease-in-out;
  132. -o-transition: all .5s ease-in-out;
  133. transition-duration: all .5s ease-in-out;*/
  134. }
  135.  
  136.  
  137.  
  138. .sidelinks {
  139. position:relative;
  140. z-index:99999999;
  141. width: 245px;
  142. text-align:center;
  143. word-spacing:5px;
  144. line-height:24px;
  145. width:175px;
  146. font-size:9px;
  147. text-align:right;
  148. margin-top:15px;
  149. text-transform:uppercase;
  150. margin-left:0px;
  151. display:inline-block;
  152. }
  153.  
  154. .sidelinks a:hover {
  155. color:{color:link hover};
  156. text-decoration:none;
  157. -webkit-transition: all .4s ease-in-out;
  158. -moz-transition: all .4s ease-in-out;
  159. -o-transition: all .4s ease-in-out;
  160. transition-duration: all .4s ease-in-out;
  161. }
  162.  
  163.  
  164. a {
  165. text-decoration:none;
  166. color:{color:link};
  167. }
  168.  
  169. a:hover {
  170. text-decoration:none;
  171. color:{color:link hover};
  172. -webkit-transition: all .4s ease-in-out;
  173. -moz-transition: all .4s ease-in-out;
  174. -o-transition: all .4s ease-in-out;
  175. transition-duration: all .4s ease-in-out;
  176.  
  177. }
  178.  
  179. #title {
  180. font-style:italic;
  181. font-size:11px;
  182. margin-bottom:8px;
  183. text-align: left;
  184.  
  185. }
  186.  
  187. #pagination {
  188. border-top:1px solid {color:post border};
  189. padding-top:7px;
  190. text-transform:uppercase;
  191. word-spacing:2px;
  192. position:relative;
  193. margin-top:10px;
  194. font-size:9px;
  195. width:175px;
  196. text-align:left;
  197. }
  198.  
  199. #pagination a:hover {
  200. text-decoration:none;
  201. color:;{color:link hover};
  202. -webkit-transition: all .4s ease-in-out;
  203. -moz-transition: all .4s ease-in-out;
  204. -o-transition: all .4s ease-in-out;
  205. transition-duration: all .4s ease-in-out;
  206. }
  207.  
  208.  
  209. #updates {
  210. line-height:16px;
  211. text-align:justify;
  212. margin-bottom:0px;
  213. max-height:0px;
  214. z-index:-6;
  215. overflow:hidden;
  216. -webkit-transition: all .7s ease-in-out;
  217. -moz-transition: all .7s ease-in-out;
  218. -o-transition: all .7s ease-in-out;
  219. transition-duration: all .7s ease-in-out;
  220. }
  221.  
  222. /*-webkit-transition: all .7s ease-in-out;
  223. -moz-transition: all .7s ease-in-out;
  224. -o-transition: all .7s ease-in-out;
  225. transition-duration: all .7s ease-in-out;*/
  226.  
  227. #description:hover #updates {
  228. max-height:110px;
  229. -webkit-transition: all .7s ease-in-out;
  230. -moz-transition: all .7s ease-in-out;
  231. -o-transition: all .7s ease-in-out;
  232. transition-duration: all .7s ease-in-out;
  233. }
  234.  
  235. #posts {
  236. width:500px;
  237. margin-left:500px;
  238. margin-top:110px;
  239. }
  240.  
  241.  
  242. #quote {
  243. font-style:italic;
  244. font-size: 17px;
  245. }
  246.  
  247. .source {
  248. font-style:italic;
  249. }
  250.  
  251. .title {
  252. font-size:18px;
  253. font-weight:bold;
  254. font-style:italic;
  255. }
  256.  
  257. .linkname {
  258. font-size:20px;
  259. font-style:italic;
  260. }
  261.  
  262. /*AUDIO*/
  263.  
  264. #albumart {
  265. position:absolute;
  266. display:inline-block;
  267. z-index:999;
  268. margin-top:0px;
  269. margin-left:25px;
  270. }
  271.  
  272. .playbox {
  273. background-color:#fafafa;
  274. position:absolute;
  275. margin-left:61.5px;
  276. margin-top:36.5px;
  277. width:27px;
  278. height:27px;
  279. z-index:1000;
  280. opacity:.5;
  281. }
  282.  
  283. .playbutton {
  284. width: 27px;
  285. height: 27px;
  286. overflow: hidden;
  287. position: absolute;
  288. opacity:.5;
  289. -moz-transition-duration: 0.4s;
  290. -o-transition-duration: 0.4s;
  291. -webkit-transition-duration: 0.4s;
  292. transition-duration: 0.4s;
  293. }
  294.  
  295. .playbox:hover .playbutton {
  296. opacity:1;
  297. -moz-transition-duration: 0.4s;
  298. -o-transition-duration: 0.4s;
  299. -webkit-transition-duration: 0.4s;
  300. transition-duration: 0.4s;
  301. }
  302.  
  303. /*
  304. ORIGINAL
  305. .audiosrc {
  306. position:absolute;
  307. max-width:330px;
  308. margin-left:247px;
  309. margin-top:63px;
  310. font-size:9px;
  311. letter-spacing:1.5px;
  312. text-transform:uppercase;
  313. text-align:left;
  314. color:black;
  315.  
  316. }*/
  317.  
  318.  
  319. .audiosrc {
  320. position:absolute;
  321. display:inline-block;
  322. max-width:330px;
  323. margin-left:180px;
  324. top:37px;
  325. font-size:9px;
  326. letter-spacing:1.5px;
  327. text-transform:uppercase;
  328. text-align:left;
  329. color:black;
  330.  
  331. }
  332.  
  333. #srccontainer {
  334. position:relative;
  335. background-color:none;
  336. width:500px;
  337. height:100px;
  338. z-index:999;
  339. margin-bottom:22px;
  340. border-radius:6px;
  341. }
  342.  
  343. .question {
  344. background-color:#fafafa;
  345. width:500px;
  346. text-align:center;
  347. padding:10px;
  348. }
  349.  
  350. .asker {
  351. font-style:italic;
  352. text-transform:uppercase;
  353. font-size:12;
  354. text-align:center;
  355. }
  356.  
  357. #postinfo {
  358. text-transform:uppercase;
  359. font-family:helvetica;
  360. font-size:8px;
  361. border-top:1px solid {color:post border};
  362. margin-top:14px;
  363. padding-top:14px;
  364. text-align:center;
  365. }
  366.  
  367. .notes ol, .notes li{
  368. list-style:none;
  369. }
  370.  
  371.  
  372. ol.notes li.note img.avatar {
  373. vertical-align:-8px;
  374. border-radius:100%;
  375. margin-right:10px;
  376. width:16px;
  377. height:16px;
  378. margin-top:4px;
  379. margin-bottom:4px;
  380. }
  381.  
  382.  
  383. .tags {
  384. margin-top:5px;
  385. font-size:9px;
  386. text-transform:none;
  387. }
  388.  
  389.  
  390. blockquote {
  391. padding-left:5px;
  392. border-left:1px solid {color:post border};
  393. margin-left:14px;
  394. }
  395.  
  396.  
  397. blockquote blockquote {
  398. padding-left:5px;
  399. border-left:1px solid {color:post border};
  400. margin-left:14px;
  401. }
  402.  
  403.  
  404. {CustomCSS}</style>
  405.  
  406.  
  407. </head>
  408. <body>
  409.  
  410. <div id="entry">
  411.  
  412.  
  413. <!--sidebar-->
  414.  
  415.  
  416.  
  417.  
  418.  
  419. <div id="sidebar">
  420.  
  421. <!--<div id="title">{Title}</div>-->
  422.  
  423.  
  424.  
  425. <div class="icon"><img src="{PortraitURL-64}"></div>
  426.  
  427.  
  428. <!--{block:IfSidebarImage}
  429. <div id="sidebarimg"><img src="{image:sidebar}"></div>
  430. {/block:IfSidebarImage}-->
  431.  
  432.  
  433.  
  434.  
  435.  
  436.  
  437. <div class="sidelinks">
  438. <a href="/">home</i></a>
  439. <a href="/ask">ask</i></a>
  440. {block:IfLink1}<a href="{text:link 1 URL}"><span title="{text:link1}">one</span></a>{/block:IfLink1}
  441. {block:IfLink2}<a href="{text:link 2 URL}"><span title="{text:link2}">two</span></a>{/block:IfLink2}
  442.  
  443. </div>
  444.  
  445.  
  446.  
  447.  
  448. <div id="description">
  449. {description}
  450.  
  451. <div id="updates">
  452. {block:ifupdate1}<p><big><big>x</big></big>&nbsp;&nbsp;{text:update1}</p>{/block:ifupdate1}
  453. {block:ifupdate2}<p><big><big>x</big></big>&nbsp;&nbsp;{text:update2}</p>{/block:ifupdate2}
  454. {block:ifupdate3}<p><big><big>x</big></big>&nbsp;&nbsp;{text:update3}</p>{/block:ifupdate3}
  455.  
  456. </div>
  457.  
  458. </div>
  459.  
  460. <div id="pagination">
  461. {block:Pagination}
  462. {block:PreviousPage}<a href="{PreviousPage}">prev</a>&nbsp;/&nbsp;{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  463. {/block:Pagination}
  464. </div>
  465.  
  466.  
  467. </div>
  468.  
  469.  
  470. <!--posts-->
  471.  
  472. {block:posts} <div id="posts">
  473.  
  474. {block:Text}
  475. <div class="title">{block:Title}{Title}{/block:Title}</div>{Body}
  476. {/block:Text}
  477.  
  478. {block:Photo}
  479. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}
  480. {/block:Photo}
  481.  
  482. {block:Photoset}
  483. {Photoset-500}{block:Caption}{Caption}{/block:Caption}
  484. {/block:Photoset}
  485.  
  486. {block:Quote}
  487. <div id="quote">{Quote}</div><div class="source">{block:Source}— {Source}{/block:Source}</div>
  488. {/block:Quote}
  489.  
  490. {block:Link}
  491. <a href="{URL}"><div class="linkname">{Name}</div></a>{block:Description}{description}{/block:Description}
  492. {/block:Link}
  493.  
  494. {block:Chat}
  495. {block:title}<h2>{Title}</h2>{/block:title}{block:lines}{block:label}<b>{label}</b>{/block:label} {line} <br>{/block:lines}
  496. {/block:Chat}
  497.  
  498.  
  499.  
  500. {block:Audio}
  501.  
  502. {block:AudioPlayer}
  503. <div class="audiocontainer">
  504. <div class="playbox"><div class="playbutton">{AudioPlayerWhite}</div></div>
  505. <div id="srccontainer">
  506. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100px" height="100px">{/block:AlbumArt}</div>
  507. <div class="audiosrc">
  508. {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br>
  509. {block:TrackName}<b>Track:</b> {TrackName}{/block:TrackName}<br>
  510. </div></div></div>
  511. {/block:AudioPlayer}
  512.  
  513. {block:AudioEmbed}
  514. {AudioEmbed}
  515. {/block:AudioEmbed}
  516.  
  517. {block:Caption}{Caption}
  518. {/block:Caption}
  519. {/block:Audio}
  520.  
  521. {block:video}
  522. {VideoEmbed-500}{block:Caption}{caption}{/block:Caption}
  523. {/block:video}
  524.  
  525. {block:answer}
  526. <div class="question">
  527. <div class="asker">
  528. <b>{asker} said:</b></div>
  529. <br>{question}
  530. </div>
  531. {Answer}
  532. {/block:answer}
  533.  
  534.  
  535. <!--postinfo-->
  536.  
  537. <div id="postinfo">
  538.  
  539. <!--{block:Date}
  540. {TimeAgo}
  541. {/block:Date}-->
  542.  
  543. {block:Date}
  544. <span title="{DayOfMonthWithZero} {ShortMonth} {ShortYear}"><a href="{permalink}">{timeago}</a></span>
  545. {/block:Date}&nbsp;
  546. —&nbsp;
  547. <a href="{Permalink}">
  548. {NoteCountWithLabel}
  549. </a>&nbsp;&nbsp;&nbsp;
  550.  
  551. <!--{block:RebloggedFrom}
  552. <a href="{ReblogParentURL}"><span title="{ReblogParentname}">via</span></a>&nbsp;/&nbsp;<a href="{ReblogRootURL}"><span title="{ReblogRootname}">src</spab<</a>
  553. {/block:RebloggedFrom}-->
  554.  
  555.  
  556. {block:ContentSource}
  557. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  558. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  559. {/block:SourceLogo}
  560. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  561. {/block:ContentSource}
  562.  
  563.  
  564. <br>
  565.  
  566. <div class="tags">
  567. {block:HasTags}
  568. {block:tags}
  569. <a href="{TagURL}"><i class="fa fa-angle-right"></i> {Tag}</a>&nbsp;&nbsp;
  570. {/block:tags}
  571. {/block:HasTags}
  572. </div>
  573.  
  574.  
  575. </div>
  576.  
  577.  
  578.  
  579. <div class="notes">
  580. {block:PostNotes}{PostNotes}{/block:PostNotes}
  581. </div>
  582.  
  583.  
  584. </div>{/block:posts}
  585.  
  586. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  587. <script type="text/javascript">
  588. window.onload = function() {
  589. $('iframe.photoset').contents().find('.photoset_row').attr("style", "width:500px; margin-bottom: -4px;");
  590. $('iframe.photoset').contents().find('.photoset_row').find('img').attr("style", "width:500px;");
  591. $('iframe.photoset').contents().find('.photoset_row_2').find('img').attr("style", "width:245px; margin-right: 0px;");
  592. $('iframe.photoset').contents().find('.photoset_row_3').find('img').attr("style", "width:160px; margin-right: 0px;");
  593. }
  594. </script>
  595.  
  596. </div>
  597.  
  598. <div style="position:fixed; bottom:10px; right:10px; padding:2px 2px; font-size:11px;">
  599. <a href="http://clarkeqgriffin.tumblr.com"><i class="fa fa-code"></i></a>
  600. </div>
  601.  
  602. </body>
  603. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!