API tools faq
paste
helloyesplease

Isolation

helloyesplease
Feb 1st, 2015
345
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.46 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!---theme by lena (blackwiodw)
  3.  
  4. RULES: - do not steal
  5. - do not copy
  6. - do not use as a base
  7. - keep the credit
  8.  
  9. --->
  10.  
  11. <!DOCTYPE html>
  12. <head>
  13.  
  14.  
  15. <title>{Title}</title>
  16.  
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="desc" content="{MetaDescription}" />{/block:Description}
  20.  
  21. <meta name="color:Background" content="#ffffff"/>
  22. <meta name="color:Title" content=""/>
  23. <meta name="color:Text" content="#aaaaaa"/>
  24. <meta name="color:Link" content="#000000"/>
  25. <meta name="color:Blogtitle" content=""/>
  26. <meta name="color:Stripes" content=""/>
  27. <meta name="color:Stripetext" content=""/>
  28. <meta name="color:Scrollbar" content=""/>
  29.  
  30. <meta name="if:Captions" content=""/>
  31. <meta name="if:Updates Tab" content=""/>
  32.  
  33. <meta name="text:Link 1 URL" content="" />
  34. <meta name="text:Link 1" content="" />
  35. <meta name="text:Link 2 URL" content="" />
  36. <meta name="text:Link 2" content="" />
  37. <meta name="text:Link 3 URL" content="" />
  38. <meta name="text:Link 3" content="" />
  39. <meta name="text:Link 4 URL" content="" />
  40. <meta name="text:Link 4" content="" />
  41. <meta name="text:Link 5 URL" content="" />
  42. <meta name="text:Link 5" content="" />
  43.  
  44. <!-- tooltip scripts -->
  45.  
  46. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  47.  
  48. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  49.  
  50. <script>
  51.  
  52. (function($){
  53.  
  54. $(document).ready(function(){
  55.  
  56. $("a[title]").style_my_tooltips({
  57.  
  58. tip_follows_cursor:true,
  59.  
  60. tip_delay_time:30,
  61.  
  62. tip_fade_speed:300,
  63.  
  64. attribute:"title"
  65.  
  66. });
  67.  
  68. });
  69.  
  70. })(jQuery);
  71.  
  72. </script>
  73.  
  74. <style type="text/css">
  75.  
  76. #s-m-t-tooltip{position:absolute;
  77. margin-top:27px;
  78. margin-right:27px;
  79. z-index:9999;
  80. background:{color:background};
  81. border:1px solid black;
  82. padding:2px 5px 2px 5px;
  83. font-size:8px;
  84. text-transform:uppercase;
  85. box-shadow:rgba(0,0,0,0.085)2px 2px 1px;
  86. }
  87.  
  88. ::-webkit-scrollbar {width: 3px; height: 4px; background:transparent;}
  89.  
  90. ::-webkit-scrollbar-thumb { background-color:{color:Scrollbar};}
  91.  
  92. /* BASICS */
  93.  
  94. blockquote {padding:5px 0 5px 30px;
  95. border-left:1px solid {color:text};
  96. margin-left:30px;
  97. }
  98.  
  99. body {
  100. background:{color:background};
  101. color:{color:text};
  102. font-family:consolas;
  103. font-size:11px;
  104. text-align:justify;
  105. margin:0;
  106. line-height:16px;}
  107.  
  108. a {
  109. color:{color:link};
  110. text-decoration:none;
  111. }
  112.  
  113. a:hover {
  114. font-style:italic;}
  115.  
  116. img{opacity:1;
  117. border:none;
  118. text-decoration:none}
  119.  
  120. small {
  121. font-size:9px;}
  122.  
  123. big {
  124. font-size:12px;}
  125.  
  126. #title {font-size:12px;
  127. line-height:18px;
  128. font-weight:bold;
  129. margin-bottom:10px;
  130. text-transform:uppercase;
  131. text-align:left;}
  132.  
  133. /* SIDEBAR */
  134.  
  135. #sbar {text-align:left;
  136. position:relative;
  137. margin:30px 0px 0px -20px;
  138. width:400px;
  139. padding:20px;
  140. }
  141.  
  142. #blogt {font-size:14px;
  143. padding:5px 8px 5px 8px;
  144. background:{color:Stripes};
  145. color:{color:Title};
  146. }
  147.  
  148. #links {line-height:18px;
  149. font-size:10px;
  150. text-transform:lowercase;
  151. }
  152.  
  153. #links a {margin-left:8px;
  154. text-transform:uppercase;
  155. margin-bottom:5px;
  156. }
  157.  
  158. #desc {margin:10px 8px 7px 8px;
  159. text-align:justify;
  160. font-family:arial;
  161. font-size:9px;
  162. }
  163.  
  164. /* pag */
  165.  
  166. #pag {text-align:right;
  167. margin:-15px 0 0 10px;
  168. }
  169.  
  170. /* CONTAINER */
  171.  
  172. #con {
  173. left:50%;
  174. margin-left:-220px;
  175. position:absolute;
  176. }
  177.  
  178. /* POSTS */
  179.  
  180. #entries {
  181. margin-left:0px;
  182. margin-top:90px;
  183. width:400px;
  184. }
  185.  
  186. #posts {
  187. width:400px;
  188. {block:IndexPage}
  189. margin-bottom:75px;
  190. {/block:IndexPage}
  191. {block:PermalinkPage}
  192. margin-bottom:50px;
  193. {/block:PermalinkPage}
  194.  
  195. }
  196. #posts img {
  197. max-width:400px;
  198. }
  199.  
  200. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  201. .caption {width:100%;
  202. margin-top:10px;
  203.  
  204. }
  205.  
  206. /* QUOTE POSTS*/
  207.  
  208. #quo {text-transform:uppercase;
  209. text-align:left;
  210. font-size:15px;
  211. line-height:18px;
  212. }
  213. #src {margin-top:20px;
  214. text-align:left;
  215. }
  216.  
  217. /* AUDIO POSTS*/
  218. .audio {background:black;
  219. display:block;
  220. position:absolute;
  221. width:50px;
  222. height:60px;
  223. }
  224.  
  225. .player {width:25px;
  226. margin:0 auto;
  227. height:25px;
  228. margin-top:15px;
  229. border-bottom:5px solid black;
  230. overflow:hidden;
  231. }
  232.  
  233. .ainfo {margin-left:47px;
  234. padding:15px;
  235. text-align:left;
  236. height:30px;
  237. background:{color:Stripes};
  238. color:{color:stripetext};
  239. font-size:8px;
  240. font-family:arial;
  241. text-transform:uppercase;
  242. letter-spacing:1px;
  243. }
  244.  
  245. /* ASK POSTS */
  246.  
  247. .askbox {padding:8px 8px 8px 15px;
  248. background:{color:Stripes};
  249. color:{color:stripetext};
  250. }
  251.  
  252. .askbox a {color:{color:stripetext};
  253. }
  254.  
  255. .q {color:{color:stripetext};
  256. font-family:arial;
  257. }
  258. .as {font-family:arial;
  259. font-weight:bold;
  260. }
  261.  
  262. .a {
  263. margin:10px 5px 0px 15px;
  264. }
  265.  
  266.  
  267. /* CHAT POSTS */
  268.  
  269. .chat ol {
  270. padding:0;
  271. list-style:none;
  272. }
  273. .line {padding:5px 0;}
  274.  
  275. .label {font-weight:bold;
  276. }
  277.  
  278. /* PERMALINK & NOTES */
  279.  
  280. #perma {margin-top:15px;
  281. font-size:8px;
  282. text-transform:uppercase;
  283. font-family:arial;
  284. }
  285.  
  286. #perma a {margin-right:10px;
  287. }
  288.  
  289. .tags:before {position:Absolute;
  290. content:'';
  291. width:0;
  292. left:0px;
  293. margin-top:6px;
  294. height:1px;
  295. background:#000;
  296. -webkit-transition:all 0.6s;
  297. -moz-transition:all 0.6s;
  298. -ms-transition:all 0.6s;
  299. -o-transition:all 0.6s;
  300. transition:all 0.6s;}
  301.  
  302. #perma:hover .tags {padding-left:20px;
  303. font-style:italic;
  304. -webkit-transition:all 0.6s;
  305. -moz-transition:all 0.6s;
  306. -ms-transition:all 0.6s;
  307. -o-transition:all 0.6s;
  308. transition:all 0.6s;
  309. }
  310.  
  311. #perma:hover .tags:before {width:15px;
  312. -webkit-transition:all 0.6s;
  313. -moz-transition:all 0.6s;
  314. -ms-transition:all 0.6s;
  315. -o-transition:all 0.6s;
  316. transition:all 0.6s;
  317. }
  318.  
  319. .tags {
  320. word-break:break-all;
  321. font-size:8px;
  322. -webkit-transition:all 0.6s;
  323. -moz-transition:all 0.6s;
  324. -ms-transition:all 0.6s;
  325. -o-transition:all 0.6s;
  326. transition:all 0.6s;
  327. }
  328.  
  329. .notes {
  330. {block:IndexPage}
  331. display: none!important;
  332. {/block:IndexPage}
  333. width:400px;
  334. text-align:left;
  335. }
  336.  
  337. .notes img {display:none!important;}
  338. .notes li {
  339. list-style-type:none;
  340. padding:5px 0px;
  341. text-align:left;
  342. margin:0 0 0 -40px;
  343. }
  344.  
  345. #cr {font-size:11px;
  346. width:15px;
  347. height:15px;
  348. bottom:0px;
  349. right:12px;
  350. position:fixed;
  351. padding:10px;
  352. }
  353.  
  354. .cr {padding:3px;
  355. font-size:8px;
  356. -webkit-transition-duration:.25s;
  357. opacity:.5;
  358. }
  359.  
  360. .cr:hover {opacity:1;
  361. }
  362.  
  363. #updtitle{text-transform:uppercase;
  364. text-align:left;
  365. color:#000;
  366. font-size:10px;
  367. letter-spacing:1px;
  368. }
  369.  
  370. #updtab{position:fixed;
  371. background-color:transparent;
  372. width:95px;
  373. left:13px;
  374. top:10px;
  375. height:14px;
  376. z-index:9999;
  377. overflow:hidden;
  378. -webkit-transition: all .4s ease-in-out;
  379. -moz-transition: all .4s ease-in-out;
  380. -o-transition: all .4s ease-in-out;
  381. }
  382.  
  383. #updtext{padding-top:1px;
  384. opacity:1;
  385. font-family:arial;
  386. font-size:9px;
  387. line-height:10px;
  388. text-align:left;
  389. color:#111;
  390. }
  391.  
  392. #updtab:hover{height:150px;
  393. -webkit-transition: all .4s ease-in-out;
  394. -moz-transition: all .4s ease-in-out;
  395. -o-transition: all .4s ease-in-out;
  396. }
  397.  
  398.  
  399. }
  400.  
  401.  
  402. {CustomCSS}
  403.  
  404.  
  405. </style>
  406.  
  407.  
  408.  
  409. </head>
  410.  
  411. <body>
  412.  
  413. {block:ifUpdatesTab}
  414. <div id="updtab">
  415. <div id="updtitle">updates</div> <div id="updtext"><br>
  416. So this is where you can put your text.<p>
  417. You can use &lt;br&gt; or &lt;p&gt; for line breaks.<p>
  418. Have fun with it and enjoy! And don't forget: if you don't want this there's a meta tag for it! uwu
  419. </div></div></div>
  420. {/block:ifUpdatesTab}
  421.  
  422. <div id="con">
  423.  
  424. <div id="sbar">
  425. <div id="blogt">{Title}</div>
  426. <div id="desc">{Description}</div>
  427. <div id="links">
  428. <a href="/">home.</a>
  429. <a href="/ask">ask.</a>
  430. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}.</a>{/block:ifLink1}
  431. {block:ifLink2}<a href="{text:Link 2 URL}" >{text:Link 2}.</a>{/block:ifLink2}
  432. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}.</a> {/block:ifLink3}
  433. {block:ifLink4}<a href="{text:Link 4 URL}" >{text:Link 4}.</a>{/block:ifLink4}
  434. {block:ifLink5}<a href="{text:Link 5 URL}">{text:Link 5}.</a> {/block:ifLink5}
  435. </div>
  436. <div id="pag">
  437. {block:Pagination}
  438. {block:PreviousPage}
  439. <a href="{PreviousPage}">&larr;</a>
  440. {/block:PreviousPage}
  441.  
  442.  
  443. {block:NextPage}
  444. <a href="{NextPage}">&rarr;</a>
  445. {/block:NextPage}
  446. {/block:Pagination}
  447. </div>
  448. </div>
  449.  
  450. <div id="entries">
  451.  
  452. {block:Posts}
  453. <div id="posts">
  454.  
  455.  
  456. {block:Quote}
  457.  
  458.  
  459. <div id="quo">{Quote}</div>
  460. {block:Source}<div id="src">↳ {Source}</div>{/block:Source}
  461. {/block:Quote}
  462.  
  463.  
  464.  
  465. {block:Text}
  466.  
  467. {block:Title}
  468. <div id="title">{Title}</div>{/block:Title}
  469. {Body}
  470. {/block:Text}
  471.  
  472. {block:Link}
  473. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  474. {/block:Link}
  475.  
  476. {block:Chat}
  477. {block:Title}
  478. <h1>{Title}</h1>
  479. {/block:Title}
  480. <div class="chat">
  481. <ol>{block:Lines}
  482. <li class="line {Alt}">
  483. {block:Label}
  484. <span class="label">
  485. {Label}</span>
  486. {/block:Label}{Line}</li>
  487. {/block:Lines}
  488. </ol></div>
  489. {/block:Chat}
  490.  
  491. {block:Photo}
  492. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}
  493. {/block:Photo}
  494.  
  495. {block:Photoset}
  496. {Photoset-400}
  497. {/block:Photoset}
  498.  
  499. {block:Video}
  500. {Video-400}
  501. {/block:Video}
  502.  
  503. {block:Audio}
  504. <div class="audio">
  505. <div class="player">{AudioPlayerBlack}</div></div>
  506. <div class="ainfo">
  507. {block:TrackName}Title: {TrackName}{/block:TrackName}{block:Artist}<br>Artist: {Artist}{/block:Artist}
  508. </div>
  509. {/block:Audio}
  510.  
  511. {block:Answer}
  512. <div class="askbox">
  513. <div class="q">
  514. <div class="as">{Asker} wondered: </div>
  515. {Question}</div>
  516. </div>
  517. <div class="a">{Answer}</div>
  518. {/block:Answer}
  519.  
  520. {block:ifCaptions}
  521. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  522. {/block:ifCaptions}
  523.  
  524. {block:Date}
  525. <div id="perma">
  526. <a href="{Permalink}" title="{TimeAgo}">{DayOfMonthWithSuffix} of {ShortMonth}</a>{block:NoteCount}&nbsp;&nbsp;<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}&nbsp;&nbsp;<a href="{ReblogURL}" title="Reblog" target="_blank">reblog</a>&nbsp;&nbsp;{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  527. </div>
  528. {/block:Date}
  529.  
  530. </div>
  531.  
  532. {block:PostNotes}
  533. <div class="notes">
  534. {PostNotes}
  535. </div>
  536. {/block:PostNotes}
  537.  
  538.  
  539. {/block:Posts}
  540.  
  541.  
  542.  
  543.  
  544.  
  545. </div>
  546.  
  547. </div>
  548.  
  549.  
  550. {block:ContentSource}
  551. {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  552. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  553. {/block:SourceLogo}
  554. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
  555. {/block:ContentSource}
  556. {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom}
  557.  
  558. <div id="cr">
  559. <a href="http://stevergers.co.vu" class="cr" title="blackwiodw">BW</a>
  560. </div>
  561.  
  562. </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!