API tools faq
paste
Advertisement
teenageblog

Fandom Theme

teenageblog
Aug 15th, 2013
2,658
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.36 KB | None | 0 0
raw download clone embed print report
  1. <!-----------------------------------------
  2. ╭━━━┳╮╱╱╱╱╱╱╱╱╱╱╭╮╱╭━━━━┳╮
  3. ┃╭━╮┃┃╱╱╱╱╱╱╱╱╱╱┃┃╱┃╭╮╭╮┃┃
  4. ┃┃╱╰┫╰━┳━━┳━╮╭━━┫┃╱╰╯┃┃╰┫╰━┳━━┳╮╭┳━━┳━━╮
  5. ┃┃╱╭┫╭╮┃╭╮┃╭╮┫┃━┫┃╱╱╱┃┃╱┃╭╮┃┃━┫╰╯┃┃━┫━━┫
  6. ┃╰━╯┃┃┃┃╭╮┃┃┃┃┃━┫╰╮╱╱┃┃╱┃┃┃┃┃━┫┃┃┃┃━╋━━┃
  7. ╰━━━┻╯╰┻╯╰┻╯╰┻━━┻━╯╱╱╰╯╱╰╯╰┻━━┻┻┻┻━━┻━━╯
  8.  
  9. Please keep credit (✿◠‿◠)
  10. ----------------------------------------------->
  11. <html>
  12.  
  13.  
  14. <head>
  15.  
  16. <meta name="color:Background" content="#ffffff"/>
  17. <meta name="color:Text" content="#000000"/>
  18. <meta name="color:Link" content="#868686"/>
  19. <meta name="color:Link Hover" content="#868686"/>
  20. <meta name="color:Scrollbar" content="#414141"/>
  21. <meta name="color:Navigation" content="#414141"/>
  22. <meta name="color:Pagination" content="#ffffff"/>
  23. <meta name="color:Permalink" content="#ffffff"/>
  24. <meta name="color:Permalink Hover" content="#eeeeee"/>
  25. <meta name="color:Permalink Background" content="#000000"/>
  26.  
  27. <meta name="image:Sidebar" content""/>
  28. <meta name="image:Pic1" content="/"/>
  29. <meta name="image:Pic2" content="/"/>
  30. <meta name="image:Pic3" content="/"/>
  31.  
  32. <meta name="text:linkA" content="I">
  33. <meta name="text:linkA hover" content="">
  34. <meta name="text:linkB" content="II">
  35. <meta name="text:linkB hover" content="">
  36. <meta name="text:linkC" content="III">
  37. <meta name="text:linkC url" content="/">
  38. <meta name="text:linkC hover" content="">
  39. <meta name="text:linkD" content="IV">
  40. <meta name="text:linkD url" content="/">
  41. <meta name="text:linkD hover" content="">
  42. <meta name="text:linkE" content="V">
  43. <meta name="text:linkE url" content="/">
  44. <meta name="text:linkE hover" content="">
  45.  
  46.  
  47.  
  48. <title>{Title}</title>
  49.  
  50. </style>
  51.  
  52. <style type="text/css">
  53.  
  54.  
  55.  
  56. body{
  57. background-color: {color:Background};
  58. font-family:calibri;
  59. color:{color:Text};
  60. }
  61.  
  62. a:link, a:active, a:visited{
  63. color: {color:Link};
  64. text-decoration:none;
  65. -webkit-transition: all 0.2s linear;
  66. -moz-transition: all 0.2s linear;
  67. transition: all 0.2s linear;
  68. }
  69.  
  70. a:hover {
  71. color:{color:Link Hover};
  72. -webkit-transition: all 0.2s linear;
  73. -moz-transition: all 0.2s linear;
  74. transition: all 0.2s linear;
  75. }
  76.  
  77. big{font-size:18px;}
  78.  
  79. ::-webkit-scrollbar-thumb {
  80. height:9px;
  81. background-color: {color:Scrollbar};
  82. }
  83.  
  84. ::-webkit-scrollbar {
  85. width:10px;
  86. height:4px;
  87. background:#fff;
  88. margin-right:5px;
  89. }
  90.  
  91.  
  92. #entries{
  93. padding:10px;
  94. width:500px;
  95. margin-left:450px;
  96. }
  97.  
  98.  
  99. #post {
  100. font-size:11px;
  101. width:500px;
  102. margin-top:35px;
  103. margin-bottom:65px;
  104. text-align:justify;
  105. }
  106.  
  107. .posttitle{
  108. font-family:cambria;
  109. font-weight:bold;
  110. letter-spacing:-1px;
  111. font-style:italic;
  112. font-size: 20px;
  113. line-height: 20px;
  114. }
  115.  
  116. blockquote{
  117. margin-left:10px;
  118. padding-left:4px;
  119. border-left: 3px solid {color:Text};
  120. }
  121.  
  122.  
  123. .p { padding-top: 5px;}
  124. .ol, ul { margin-left: 10px; padding: 5px; }
  125. .ul { list-style-type: square; }
  126.  
  127.  
  128. #permalink{
  129. position:relative;
  130. text-align:right;
  131. color:{color:Permalink};
  132. background:{color:Permalink Background};
  133. margin-top:8px;
  134. padding:5px;
  135. font-size:8px;
  136. font-family:calibri;
  137. text-transform:uppercase;
  138. }
  139.  
  140. #permalink a{
  141. color:{color:Permalink};
  142. }
  143.  
  144. #permalink a:hover{
  145. color:{color:Permalink Hover};
  146. }
  147.  
  148.  
  149. #sidebar {
  150. position:fixed !important;
  151. opacity: 1;
  152. width: 280px;
  153. height: auto;
  154. height: 280px;
  155. margin-top: 120px;
  156. margin-left:150px;
  157. color: {color:text};
  158. text-align: center;
  159. margin-bottom: 0px;
  160. font-family: arma;
  161. line-height: 9px;
  162. font-size: 8px;
  163. letter-spacing: 0px;
  164. letter-spacing: 0px;
  165. -webkit-border-radius: 220px;
  166. -moz-border-radius: 220px;
  167. border-radius: 220px;
  168. text-transform: normal;
  169. transition: all 0.9s ease-out;
  170. -o-transition-transition: all 0.5s ease-out;
  171. -webkit-transition: all 0.5s ease-out;
  172. -moz-transition: all 0.5s ease-out;
  173. }
  174. #sidebar .img {
  175. width: 200px;
  176. height: 200px;
  177. margin-left: 8px;
  178. margin-top: 20px;
  179. border: 2px #fff solid;
  180. -webkit-border-radius: 220px;
  181. -moz-border-radius: 220px;
  182. border-radius: 220px;
  183. background: white;
  184. }
  185.  
  186.  
  187. div#pic1{
  188. position:fixed !important;
  189. width: 70px;
  190. height: 55px;
  191. margin-top: -200px;
  192. margin-left:-60px;
  193. -webkit-border-radius: 100px 100px 100px 100px;
  194. }
  195. div#pic2{
  196. position:fixed !important;
  197. width: 70px;
  198. height: 55px;
  199. margin-top: 225px;
  200. margin-left:80px;
  201. -webkit-border-radius: 100px 100px 100px 100px;
  202. }
  203. div#pic3{
  204. position:fixed !important;
  205. width: 70px; height: 55px;
  206. margin-top: 300px;
  207. margin-left:110px;
  208. -webkit-border-radius: 100px 100px 100px 100px;
  209. }
  210. .desc {
  211. position:fixed;
  212. margin-top:15px;
  213. margin-left:40px;
  214. font-family:cambria;
  215. line-height:110%;
  216. font-size:9px;
  217. font-style:italic;
  218. width:130px;
  219. padding:9px;
  220. text-align:justified;
  221. color:{color:text};
  222. }
  223.  
  224. .desc a
  225. {color:{color:text};
  226. -moz-transition-duration:0.6s;
  227. -webkit-transition-duration:0.6s;
  228. -o-transition-duration:0.6s;
  229. }
  230.  
  231.  
  232.  
  233.  
  234. .links {
  235. position:fixed;
  236. margin-top:-6px;
  237. margin-left:40px;
  238. width:125px;
  239. padding: 9px;
  240. word-spacing:2px;
  241. color:{color:navigation};
  242. font-family:Arial, Helvetica;
  243. text-align:center;
  244. text-transform:uppercase;
  245. }
  246.  
  247. .links a {
  248. font-size: 10px;
  249. }
  250.  
  251. .links a:hover {
  252. color:{color:Link Hover};
  253. }
  254.  
  255. .cred {
  256. color: #000;
  257. font-family: Calibri;
  258. font-size:14px;
  259. z-index: 99999999999999px;
  260. line-height:14px;
  261. background:#fff;
  262. border: 1px #eee solid;
  263. background-repeat:repeat;
  264. padding:2px;
  265. -webkit-border-radius:2px;
  266. moz-border-radius:2px;
  267. -o-border-radius:2px;
  268. border-radius:2px;
  269. }
  270.  
  271. .cred a { color: #000; }
  272.  
  273. .permalinktext {
  274. display: block;
  275. padding: 5px;
  276. margin: 4px 8px 0px 8px;
  277. text-transform: uppercase;
  278. font-family: calibri;
  279. letter-spacing: 2px;
  280. font-size: 10px;
  281. color: #000000;
  282. line-height: 10px;
  283. text-align: right;
  284. text-decoration: none;
  285. -webkit-transition: color 0.5s ease-out;
  286. -moz-transition: color 0.5s ease-out;
  287. border-top: 1px solid #dcdcdc;
  288. }
  289. #pagi{
  290. width:100px;
  291. color:{color:pagination};
  292. font-size:8px;
  293. text-align:center;
  294. margin-left:60px;
  295. margin-top:55px;
  296. position:fixed;
  297. font-family:cambria;
  298. letter-spacing:0px;
  299. }
  300. {CustomCSS}
  301. </style>
  302. <script type='text/javascript' src='http://static.tumblr.com/m52lhg5/u9amoiddc/infinite.js'></script>
  303.  
  304. <link rel="shortcut icon" href="{Favicon}">
  305. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
  306.  
  307.  
  308. </head>
  309.  
  310. <body>
  311.  
  312. <div id="sidebar">
  313. <div class="img">
  314. <a href="/"><img src="{image:sidebar}" style="width: 100%; height: 100%;
  315. -webkit-border-radius: 220px; -moz-border-radius: 220px; border-radius: 220px;"></div>
  316. <div class="desc">
  317. {Description}
  318. </div>
  319. <div class="links">
  320.  
  321. <a href="/" title="index">I</a>
  322.  
  323. <a href="/ask" title="ask">II</a>
  324.  
  325. <a href="{text:linkC url}" title="{text:linkC hover}">III</a>
  326.  
  327. <a href="{text:linkD url}" title="{text:linkD hover}">IV</a>
  328.  
  329.  
  330. <a href="{text:linkE url}" title="{text:linkE hover}">V</a>
  331.  
  332. </div>
  333.  
  334. {block:Pagination}<div id="pagi">
  335. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;&nbsp;{/block:PreviousPage}
  336. {block:JumpPagination length="3"}
  337. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  338. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  339. {/block:JumpPagination}
  340. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  341. </div>{/block:Pagination}
  342.  
  343.  
  344.  
  345. <div id="pic1"><a href="{text:Pic Link1}"><img src={image:pic1} style="-webkit-border-radius: 200px 200px 200px 200px" width=70px height=70px></a></div></div>
  346.  
  347. <div id="pic2"><a href="{text:Pic Link2}"><img src={image:pic2} style="-webkit-border-radius: 200px 200px 200px 200px" width=70px height=70px></a></div></div>
  348.  
  349. <div id="pic3"><a href="{text:Pic Link3}"><img src={image:pic3} style="-webkit-border-radius: 200px 200px 200px 200px" width=70px height=70px></a></div>
  350. </div>
  351.  
  352.  
  353. <div id="entries">
  354. {block:Posts}
  355. <div id="post">
  356.  
  357. {block:Text}
  358. {block:Title}
  359. <div class="posttitle">{Title}</div>
  360. {/block:Title}
  361. {Body}
  362. {/block:Text}
  363.  
  364. {block:Link}
  365. <div class="posttitle">
  366. <a href="{URL}">{Name}</a>
  367. </div>
  368. {block:Description}{Description}{/block:Description}
  369. {/block:Link}
  370.  
  371. {block:Photo}
  372. <center>
  373. {LinkOpenTag}
  374. <a href="{permalink}">
  375. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500"></a>
  376. {LinkCloseTag}
  377. </center>
  378. {block:Caption}{Caption}{/block:Caption}
  379. {block:ContentSource}
  380. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  381. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  382. {/block:SourceLogo}
  383. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  384. {/block:ContentSource}
  385. {block:ReblogParentURL}
  386. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  387. {/block:ReblogParentURL}
  388. {/block:Photo}
  389.  
  390. {block:Photoset}
  391. {Photoset-500}
  392. {block:Caption}{Caption}{/block:Caption}
  393. {/block:Photoset}
  394.  
  395. {block:Quote}
  396. <div class="posttitle">"{Quote}"</div>
  397. {block:Source}
  398. - {Source}
  399. {/block:Source}
  400. {/block:Quote}
  401.  
  402. {block:Chat}
  403. {block:Title}
  404. <div class="posttitle">
  405. {Title}
  406. </div>
  407. {/block:Title}
  408. {block:Lines}
  409. {block:Label}
  410. <b>{Label} </b>
  411. {/block:Label}
  412. {Line}
  413. <br>
  414. {/block:Lines}
  415. {/block:Chat}
  416.  
  417. {block:Audio}
  418. {block:AlbumArt}
  419. <img src="{AlbumArtURL}" width="120px" align="left" style="margin-right:10px" />{/block:AlbumArt}
  420. <span class="audio">{AudioPlayerGrey}<br></span>
  421. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  422. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  423. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times
  424. {block:Caption}{Caption}{/block:Caption}
  425. {/block:Audio}
  426.  
  427. {block:Video}
  428. {Video-500}
  429. {block:Caption}{Caption}{/block:Caption}
  430. {/block:Video}
  431.  
  432. {block:Answer}
  433. {Asker} asked: {Question}<br>
  434. {Answer}{/block:Answer}
  435.  
  436.  
  437. {block:IndexPage}
  438. <div id="permalink">
  439. <a href="{Permalink}"> {TimeAgo}</a>
  440. |
  441. <a href="{Permalink}">{NoteCountWithLabel}</a>
  442. {block:RebloggedFrom}
  443. | <a href="{ReblogParentURL}" target="_blank">via</a>
  444. | <a href="{ReblogRootURL}" target="_blank">©</a>
  445. {/block:RebloggedFrom}
  446. | <a href="{ReblogURL}" target="_blank">REBLOG</a>
  447. {block:HasTags} |
  448. {block:Tags}<a href="{TagURL}">#&nbsp;<font style="text-transform:none;">{Tag}</font>&nbsp;</a>
  449. {/block:Tags}
  450. {/block:HasTags}
  451. </div>
  452. {/block:IndexPage}
  453.  
  454. {block:PermalinkPage}
  455. <div id="permalink">
  456. <a href="{Permalink}"> {TimeAgo}</a>
  457. |
  458. <a href="{Permalink}">{NoteCountWithLabel}</a>
  459. {block:RebloggedFrom}
  460. | <a href="{ReblogParentURL}" target="_blank">via</a>
  461. | <a href="{ReblogRootURL}" target="_blank">©</a>
  462. {/block:RebloggedFrom}
  463. | <a href="{ReblogURL}" target="_blank">REBLOG</a>
  464. {block:HasTags} |
  465. {block:Tags}<a href="{TagURL}">#&nbsp;<font style="text-transform:none;">{Tag}</font>&nbsp;</a>
  466. {/block:Tags}
  467. {/block:HasTags}
  468. </div>
  469. {/block:PermalinkPage}
  470.  
  471.  
  472. {block:PostNotes}
  473. {PostNotes}
  474. {/block:PostNotes}
  475. </div>
  476. {/block:Posts}
  477.  
  478. </div>
  479.  
  480. </div>
  481. <div style="position: fixed; right:6px;bottom:10px;">
  482. <span class="cred">
  483. <a href="http://teenageblog.tumblr.com/" target="_blank">
  484. ☾
  485. </a></span></div>
  486. </body>
  487. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!