API tools faq
paste
codesbyally

lobotomy

codesbyally
Jan 3rd, 2017
2,167
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.87 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <link rel="stylesheet" href="http://static.tumblr.com/i5s2zks/6kOohwlux/pe-icon-7-stroke.css">
  3.  
  4.  
  5.  
  6. <head><title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8.  
  9. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  10.  
  11. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  12.  
  13. <script>
  14. (function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:90,tip_fade_speed:600,attribute:"title"});});})(jQuery);</script>
  15. <!--basic tooltip from tutorial-baby! Enjoy-->
  16.  
  17.  
  18.  
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21.  
  22.  
  23.  
  24. <!---
  25.  
  26. LOBOTOMY by ALLY
  27.  
  28. — don't steal anything from this code
  29. — don't remove the credit, it's very small, it won't hurt your aesthetic
  30. — don't redistribute or claim this theme as your own
  31.  
  32. --->
  33.  
  34. <meta name="image:background" content=""/>
  35. <meta name="image:sidebar" content=""/>
  36.  
  37. <meta name="color:background" content="#eaeaea"/>
  38. <meta name="color:contain" content="#f8f8f8"/>
  39. <meta name="color:sidebarbg" content="#f3f3f3"/>
  40. <meta name="color:shadow" content="#ccc"/>
  41. <meta name="color:descbg" content="#f8f8f8"/>
  42. <meta name="color:linksbg" content="#fff"/>
  43. <meta name="color:pagibg" content="#fff"/>
  44. <meta name="color:postsbg" content="#fff"/>
  45. <meta name="color:desc" content="#898989"/>
  46. <meta name="color:bold" content="#be7070"/>
  47. <meta name="color:italic" content="#be7070"/>
  48. <meta name="color:text" content="#a8a8a8"/>
  49. <meta name="color:links" content="#be7070"/>
  50. <meta name="color:hover" content="#f3f3f3"/>
  51.  
  52. <meta name="text:tit" content=""/>
  53. <meta name="text:slidertext" content=""/>
  54. <meta name="text:link1" content="/"/>
  55. <meta name="text:link2" content="/"/>
  56. <meta name="text:link3" content="/"/>
  57. <meta name="text:link4" content="/"/>
  58. <meta name="text:link1 title" content="/"/>
  59. <meta name="text:link2 title" content="/"/>
  60. <meta name="text:link3 title" content="/"/>
  61. <meta name="text:link4 title" content="/"/>
  62.  
  63.  
  64.  
  65. <style type="text/css">
  66.  
  67. ::-webkit-scrollbar {
  68. width: 0px;
  69. height:0px;
  70. background:transparent;
  71.  
  72. }
  73.  
  74. ::-webkit-scrollbar-thumb {
  75. background-color: transparent;
  76.  
  77. }
  78.  
  79. #s-m-t-tooltip {
  80. max-width:250px;
  81. padding:2px;
  82. margin:25px 20px 5px 0px;
  83. color:#888;
  84. background:{color:linksbg};
  85. z-index:99999;
  86. font-size:8px;
  87. font-variant:small-caps;
  88. letter-spacing:2px;
  89. font-weight:bold;
  90. }
  91.  
  92.  
  93. ::-moz-selection {
  94. background:{color:links};
  95. color:{color:linksbg}; }
  96.  
  97. ::selection {
  98. background:{color:links};
  99. color:{color:linksbg}; }
  100.  
  101.  
  102. body {
  103. background:{color:background};
  104. margin:0px;
  105. color:{color:text};
  106. font-family:'arial';
  107. font-size:10px;
  108. line-height:100%;
  109. letter-spacing:0px;
  110. text-align:justify;
  111. background-image:url('{image:Background}');
  112. }
  113.  
  114. a {
  115. text-decoration:none;
  116. color:{color:links};
  117. }
  118.  
  119. a:hover {
  120. color:{color:text};
  121. -moz-transition-duration:0.3s;
  122. -webkit-transition-duration:0.3s;
  123. -o-transition-duration:0.3s;
  124. }
  125.  
  126. b {
  127. color:{color:bold};
  128. font-weight:700;
  129. }
  130.  
  131. em {
  132. color:{color:italic};
  133. }
  134.  
  135. img {
  136. border:none;
  137. max-width:100%;
  138. height:auto;
  139. }
  140.  
  141. resize {
  142. width: 300px;
  143. height:auto;
  144. }
  145.  
  146. blockquote {
  147. margin-left:5px;
  148. padding-left:10px;
  149. width:265px;
  150. border-left:1px solid {color:background};
  151. }
  152.  
  153. blockquote blockquote {
  154. padding-left:10px;
  155. width:245px;
  156. border-left:1px solid {color:background};
  157. }
  158.  
  159. h1 {
  160. font-size:8px;
  161. letter-spacing:2px;
  162. text-transform:uppercase;
  163. font-family:'arial';
  164. font-style:none;
  165. line-height:10px;
  166. text-align:left;
  167. padding:0px;
  168. }
  169.  
  170. h2 {
  171. font-family:'calibri';
  172. font-size:14px;
  173. text-align:center;
  174. text-transform:lowercase;
  175. font-weight:bold;
  176. letter-spacing:0px;
  177. margin-top:-2px;
  178. padding:10px;
  179. line-height:14px;
  180. color:{color:text};
  181. }
  182.  
  183.  
  184. #posts img {
  185. }
  186.  
  187. .photoset {
  188. width:100%;
  189. }
  190.  
  191. #posts img:hover {
  192. }
  193.  
  194. .photoset:hover {
  195. max-width:100%;
  196. }
  197.  
  198.  
  199.  
  200. /*CONTAINER*/
  201.  
  202. #contain {
  203. width:560px;
  204. height:369px;
  205. padding-left:95px;
  206. margin-left:380px;
  207. margin-top:150px;
  208. background:{color:contain};
  209. position:fixed;
  210. overflow-x:hidden;
  211. overflow-y:auto;
  212. }
  213.  
  214. /*ENTRIES*/
  215.  
  216. #entries {
  217. padding:10px;
  218. width:510px;
  219. margin-left:155px;
  220. margin-top:-10px;
  221. font-size:10px;
  222. position:relative;
  223. font-family:'arial';
  224. overflow-x:hidden;
  225. overflow-y:auto;
  226. letter-spacing:0px;
  227. }
  228.  
  229. #post {
  230. width:300px;
  231. background:{color:postsbg};
  232. padding:20px;
  233. position:relative;
  234. border:1px solid {color:sidebarbg};
  235. margin-top:40px;
  236. }
  237.  
  238.  
  239. /*SIDEBAR*/
  240.  
  241. #sidebar {
  242. width:200px;
  243. height:355px;
  244. position:fixed;
  245. padding:7px;
  246. overflow:hidden;
  247. background:{color:sidebarbg};
  248. left:380px;
  249. top:150px;
  250. z-index:9999999999999999;
  251. }
  252.  
  253. #sidebar img {
  254. width:65px;
  255. height:65px;
  256. border-radius:50px;
  257. position:fixed;
  258. background:transparent;
  259. left:390px;
  260. top:170px;
  261. margin-bottom:-5px;
  262. box-shadow: 2px 3px 3px {color:shadow};
  263.  
  264. }
  265.  
  266. .tit {
  267. color:{color:text};
  268. letter-spacing:3px;
  269. font-size:8px;
  270. font-variant:small-caps;
  271. font-style:italic;
  272. width:100px;
  273. height:20px;
  274. margin-left:40px;
  275. margin-top:20px;
  276. background:{color:descbg};
  277. padding:10px;
  278. padding-top:15px;
  279. padding-bottom:15px;
  280. padding-left:35px;
  281. overflow:hidden;
  282. text-align:right;
  283. border-radius:0px 0px 0px 0px;
  284. -webkit-transition: all 0.2s linear;
  285. -moz-transition: all 0.2s linear;
  286. transition: all 0.2s linear;
  287. }
  288.  
  289. .desc {
  290. font-weight:400;
  291. position:fixed;
  292. width:138px;
  293. line-height:17px;
  294. height:180px;
  295. left:400px;
  296. top:259px;
  297. overflow:scroll;
  298. font-size:7.3px;
  299. font-variant:small-caps;
  300. color:{color:desc};
  301. background:{color:descbg};
  302. padding:17px;
  303. font-family:'arial';
  304. letter-spacing:1px;
  305. text-align:justify;
  306. z-index:9999999999999999;
  307. }
  308.  
  309. .description a {
  310. font-size:12px;
  311. font-weight:bold;
  312. }
  313.  
  314. .sidelink {
  315. text-align:center;
  316. width:156px;
  317. left:400px;
  318. word-spacing:15px;
  319. top:227px;
  320. position:fixed;
  321. padding:8px;
  322. padding-bottom:10px;
  323. overflow:hidden;
  324. background:{color:linksbg};
  325. z-index:99999;
  326. }
  327.  
  328. .sidelink a {
  329. font-size:7px;
  330. text-transform:uppercase;
  331. font-family:'arial';
  332. font-weight:bold;
  333. font-size:15px;
  334. letter-spacing:5px;
  335. color:{color:sidelinks};
  336. }
  337.  
  338.  
  339. #pagination {
  340. width:166px;
  341. position:fixed;
  342. height:14px;
  343. padding:3px;
  344. padding-top:5px;
  345. margin-top:241px;
  346. margin-left:13px;
  347. text-align:center;
  348. background:{color:pagibg};
  349. color:{color:text};
  350. z-index:9999999999999;
  351. }
  352.  
  353. #pagination a {
  354. color:{color:links};
  355. font-weight:bold;
  356. letter-spacing:1px;
  357. font-size:7px;
  358.  
  359. }
  360.  
  361. /*CUSTOM SLIDE TAB*/
  362.  
  363. .slide{
  364. width:70px;
  365. height:100px;
  366. padding:20px;
  367. text-align:justify;
  368. background:{color:descbg};
  369. color:{color:text};
  370. margin-left:380px;
  371. margin-top:110px;
  372. border-radius:0px 10px 0px 10px;
  373. -webkit-transition: all 0.4s linear;
  374. -moz-transition: all 0.4s linear;
  375. transition: all 0.4s linear;
  376. z-index:-1;
  377.  
  378. }
  379.  
  380. .slide:hover {
  381. margin-left:275px;
  382. -webkit-transition: all 0.4s linear;
  383. -moz-transition: all 0.4s linear;
  384. transition: all 0.4s linear;
  385. }
  386.  
  387. .slideicon {
  388. border-radius:50%;
  389. width:18px;
  390. padding:10px;
  391. font-weight:bold;
  392. font-size:18px;
  393. background:{color:linksbg};
  394. color:{color:italic};
  395. margin-left:-35px;
  396. margin-top:-35px;
  397. box-shadow: 2px 3px 3px #eee;
  398. -webkit-transform: rotate(-13deg);
  399. }
  400.  
  401.  
  402. /*POST INFO*/
  403.  
  404. #info {
  405. width:auto;
  406. text-align:center;
  407. font-family:'trebuchet ms';
  408. margin-top:3px;
  409. letter-spacing:1px;
  410. font-size:7px;
  411. font-style:none;
  412. padding:4px;
  413. line-height:10px;
  414. text-transform:uppercase;
  415. background:{color:background};
  416. }
  417.  
  418. #info a {
  419. text-align:center;
  420. color:{color:links};
  421. }
  422.  
  423. #info a:hover {
  424. -moz-transition-duration:0.3s;
  425. -webkit-transition-duration:0.3s;
  426. -o-transition-duration:0.3s;
  427. color:{color:Hover}
  428. }
  429.  
  430. #tags {
  431. background:{color:contain};
  432. padding: 5px;
  433. color:{color:links};
  434. text-transform: none;
  435. font-style:none;
  436. font-size: 7px;
  437. text-align: center;
  438. letter-spacing: 1px;
  439. }
  440.  
  441. #tags a {
  442. color: {color:italic}; }
  443.  
  444. #tags a:hover {
  445. color: {color:text};
  446. }
  447.  
  448. #notes {
  449. width:275px;
  450. }
  451.  
  452. /*QUESTION*/
  453.  
  454. #question {
  455. color:{color:linksbg};
  456. padding:14px;
  457. font-family:'arial';
  458. font-size:9px;
  459. letter-spacing:0px;
  460. text-align:center;
  461. margin-top:0px;
  462. text-transform:normal;
  463. line-height:100%;
  464. background-color:{color:italic};
  465. }
  466.  
  467. #asker {
  468. font-size:12px;
  469. color:{color:links};
  470. padding:3px;
  471. background:{color:sidebarbg};
  472. text-align:center;
  473. text-transform:uppercase;
  474. }
  475.  
  476. #asker a{
  477. color:{color:links};
  478. }
  479.  
  480. /*CREDIT*/
  481.  
  482. #credit {
  483. width: auto;
  484. height:12px;
  485. font-family: 'calibri';
  486. font-size: 10px;
  487. text-transform: lowercase;
  488. font-variant:small-caps;
  489. text-align: center;
  490. bottom: 10px;
  491. left: 10px;
  492. border-radius:4px;
  493. line-height:100%;
  494. letter-spacing: 1.5px;
  495. padding: 5px;
  496. padding-left:7px;
  497. display: block;
  498. background:rgba(255, 255, 255, 0.8);
  499. position: fixed;
  500. }
  501.  
  502. #credit a{
  503. color:#666;
  504. }
  505.  
  506. {CustomCSS}</style></head><body>
  507.  
  508. <div id="contain">
  509.  
  510. <div id="sidebar">
  511.  
  512. <img src="{image:sidebar}">
  513. <div class="tit">{text:tit}</div>
  514.  
  515. <div class="desc">{Description}</div>
  516.  
  517. <div class="sidelink">
  518. <a href="{text:link1}" title="{text:link1 title}"><i class="pe-7s-map-marker"></i></a>
  519. <a href="{text:link2}" title="{text:link2 title}"><i class="pe-7s-micro"></i></a>
  520. <a href="{text:link3}" title="{text:link3 title}"><i class="pe-7s-compass"></i></a>
  521. <a href="{text:link4}" title="{text:link4 title}"><i class="pe-7s-pin"></i></a>
  522. </div>
  523.  
  524. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">BACK <b>/</b></a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">NEXT</a><br />{/block:NextPage}{/block:Pagination}</div>
  525. </div>
  526.  
  527. <div id="entries">
  528. {block:posts}
  529. <!-- {block:NoRebloggedFrom}
  530. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  531. {/block:NoRebloggedFrom} -->
  532. {block:ContentSource}<!-- {SourceURL}
  533. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  534. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  535. {/block:ContentSource}
  536. <div id="post">
  537.  
  538. {block:Text}
  539. <h1>{block:Title}{Title}{/block:Title}</h1>
  540. {Body}{/block:Text}
  541.  
  542. {block:Photo}<center><img src="{PhotoURL-400}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  543.  
  544. {block:Photoset}<center>{Photoset}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  545.  
  546. {block:Quote}<h2>{Quote}</h2>
  547. {block:Source}<div class="qsource" style="text-align:center;"> — {Source}</div>
  548. {/block:Source}{/block:Quote}
  549.  
  550. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  551.  
  552. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  553.  
  554. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  555. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  556. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  557. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  558. {/block:Audio}<br>
  559.  
  560. {block:Video}<div class="video">{Video-500}</div>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  561.  
  562. {block:Answer}<div id="question">{Question}</div><div id="asker"><b><i>{Asker}</i></b><br></div><left><div style="padding:4px;margin-top:3px;font-size:11px;"><font face="arial">{Answer}</font></div>{/block:Answer}
  563.  
  564. <div id="info">
  565. <a href="{Permalink}">{TimeAgo}</a> &nbsp;&nbsp;<i class="pe-7s-diamond"></i> &nbsp;&nbsp;<a href="{Permalink}">{NoteCountWithLabel}</a>&nbsp;&nbsp; <i class="pe-7s-diamond"></i>&nbsp;&nbsp;<a href="{ReblogURL}" target="_blank" class="details" title="reblog">REBLOG</a></div>
  566. {block:HasTags}<div id="tags">
  567.  
  568. {block:Tags}<a href="/tagged/{Tag}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}
  569. </div>{block:HasTags}
  570. </div>
  571. {/block:Posts}
  572. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  573. {/block:Posts}</div></div></div>
  574. </div><br><br><br><br>
  575.  
  576. <div id="credit"><a href="http://bonecarvers.tumblr.com">bc</a></div>
  577. </div>
  578.  
  579. <div class="slide"><div class="slideicon"><i class="pe-7s-star"></i></div>{text:slidertext}</div>
  580.  
  581.  
  582. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  583. <script>
  584. $(document).ready(function(){
  585. $('.video iframe').each(function(){
  586. var scale = $(this).parents('.video').width() / 500;
  587. $(this).attr({
  588. width: Math.floor($(this).attr('width') * scale),
  589. height: Math.floor($(this).attr('height') * scale)
  590. });
  591. });
  592. });
  593. </script>
  594.  
  595. </body></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!