API tools faq
paste
Advertisement
Perfect-Nicholas

Theme #09 - The Visionary

Perfect-Nicholas
Aug 13th, 2013
542
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.17 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.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head><title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9. <!--
  10.  
  11. © LLERMANS.TUMBLR.COM | "THEME" #009
  12.  
  13. DON'T STEAL, I'LL FIND YOU.
  14. DON'T REMOVE THE CREDIT!
  15.  
  16. -->
  17.  
  18.  
  19. <meta name="color:background" content="#ffffff"/>
  20. <meta name="color:text" content="#a8a8a8"/>
  21. <meta name="color:link" content="#b8b8b8"/>
  22. <meta name="color:link hover" content="#f2f2f2"/>
  23. <meta name="color:border" content="#eeeeee"/>
  24. <meta name="color:scrollbar" content="ffffff"/>
  25. <meta name="color:asker background" content="#fcfcfc"/>
  26.  
  27. <meta name="image:sidebar" content=""/>
  28. <meta name="if:400px posts" content=""/>
  29. <meta name="if:small cursor" content="1"/>
  30.  
  31. <meta name="text:link 1 title" content="home" />
  32. <meta name="text:link 1 url" content="/" />
  33. <meta name="text:link 2 title" content="letter" />
  34. <meta name="text:link 2 url" content="/ask" />
  35. <meta name="text:link 3 title" content="link 3" />
  36. <meta name="text:link 3 url" content="/" />
  37. <meta name="text:link 4 title" content="link 4" />
  38. <meta name="text:link 4 url" content="/" />
  39.  
  40.  
  41.  
  42. <style type="text/css">
  43.  
  44. /*- body -*/
  45.  
  46. body {
  47. font-family:calibri;
  48. font-size:9px;
  49. line-height:115%;
  50. color:{color:text};
  51. background:{color:background};
  52. {block:ifSmallCursor}
  53. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;
  54. {/block:ifSmallCursor}
  55. }
  56.  
  57. img {
  58. border:none;
  59. {block:ifNot400pxposts}
  60. max-width:500px!important;
  61. {/block:ifNot400pxposts}
  62. {block:if400pxposts}
  63. max-width:400px!important;
  64. {/block:if400pxposts}
  65. }
  66.  
  67. a {
  68. text-decoration:none;
  69. outline:none;
  70. -moz-outline-style:none;
  71. color:{color:link};
  72. -webkit-transition: all 0.6s ease;
  73. -moz-transition: all 0.6s ease;
  74. -o-transition: all 0.6s ease
  75.  
  76. }
  77.  
  78. a:hover {
  79. color:{color:link hover};
  80. -webkit-transition: all 0.8s ease;
  81. -moz-transition: all 0.8s ease;
  82. -o-transition: all 0.8s ease
  83. {block:ifSmallCursor}
  84. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;
  85. {/block:ifSmallCursor}
  86. }
  87.  
  88. h1 {
  89. font-size:10px;
  90. text-transform:uppercase;
  91. font-weight: bold;
  92. }
  93.  
  94. blockquote {
  95. padding-left:5px;
  96. border-left:2px solid;
  97. {block:ifNot400pxposts}
  98. max-width:500px!important;
  99. {/block:ifNot400pxposts}
  100. {block:if400pxposts}
  101. max-width:400px!important;
  102. {/block:if400pxposts}
  103. }
  104.  
  105. blockquote blockquote {
  106. padding-left:5px;
  107. border-left:2px solid;
  108. {block:ifNot400pxposts}
  109. max-width:500px!important;
  110. {/block:ifNot400pxposts}
  111. {block:if400pxposts}
  112. max-width:400px!important;
  113. {/block:if400pxposts}
  114. }
  115.  
  116. /*- posts/entries -*/
  117.  
  118.  
  119. #entries {
  120. margin-left:450px;
  121. margin-top:60px;
  122. font-size:9px;
  123. {block:ifNot400pxposts}
  124. max-width:520px!important;
  125. {/block:ifNot400pxposts}
  126. {block:if400pxposts}
  127. max-width:420px!important;
  128. {/block:if400pxposts}
  129. }
  130.  
  131.  
  132. #post {
  133. padding:10px;
  134. margin-bottom:20px;
  135. {block:ifNot400pxposts}
  136. max-width:500px!important;
  137. {/block:ifNot400pxposts}
  138. {block:if400pxposts}
  139. max-width:400px!important;
  140. {/block:if400pxposts}
  141. }
  142.  
  143. #askbox {
  144. height:auto;
  145. min-height:48px;
  146. {block:ifNot400pxposts}
  147. width:500px;
  148. {/block:ifNot400pxposts}
  149. {block:if400pxposts}
  150. width:400px;
  151. {/block:if400pxposts}
  152. }
  153.  
  154. /*- sidebar -*/
  155.  
  156.  
  157. #sidebar {
  158. position:fixed;
  159. width: 110px;
  160. margin-left:260px;
  161. margin-top:180px;
  162. padding: 0px 8px 0px;
  163.  
  164. }
  165.  
  166. #sidebarimage {
  167. width: 110px;
  168. height: 110px;
  169. }
  170.  
  171. #sidebarimage img {
  172. width: 80px;
  173. height: 80px;
  174. margin-left:15px;
  175. margin-top:27px;
  176. border-radius: 100%;
  177.  
  178. }
  179.  
  180. #description {
  181. margin-top:5px;
  182. width:110px;
  183. font-family:'Calisto MT';
  184. letter-spacing: 0px;
  185. line-height:120%;
  186. font-size:9px;
  187. padding-bottom:5px;
  188. text-align:justify;
  189. }
  190.  
  191. #links {
  192. border-bottom:1px solid #eeeeee;
  193. margin-bottom:5px;
  194. width:110px;
  195. height:auto;
  196. padding-top:5px;
  197. padding-bottom: 5px;
  198. text-align:center;
  199. font-size:8px;
  200. font-family:calibri;
  201. word-spacing:2px;
  202. text-transform:uppercase;
  203.  
  204. }
  205.  
  206. #links a {
  207. font-size: 8px;
  208. padding-left: 0px;
  209. padding-right: 0px;
  210. -webkit-transition: all 0.4s ease;
  211. -moz-transition: all 0.4s ease;
  212. -o-transition: all 0.4s ease
  213. }
  214.  
  215. #links a:hover {
  216. padding-left: 2px;
  217. padding-right: 2px;
  218. color:{color:link hover}
  219. -webkit-transition: all 0.4s ease;
  220. -moz-transition: all 0.4s ease;
  221. -o-transition: all 0.4s ease
  222. }
  223.  
  224.  
  225. #pagination {
  226. width: 110px;
  227. font-size: 9px;
  228. line-height: 21px;
  229. text-shadow: 0 1px 1px #fff;
  230. margin-top: 10px;
  231. text-align: center;
  232. letter-spacing:1px;
  233. text-transform: lowercase;
  234. font-style: italic;
  235. font-family: times;
  236.  
  237. }
  238.  
  239. /*- others -*/
  240.  
  241. ::-webkit-scrollbar {
  242. width: 5px;height: 5px;}
  243. ::-webkit-scrollbar-button:start:decrement,
  244. ::-webkit-scrollbar-button:end:increment {
  245. height: 6px;display: block;background-color: {color:white};}
  246. ::-webkit-scrollbar-track-piece {
  247. background-color: {color:scrollbar};}
  248. ::-webkit-scrollbar-thumb:vertical {
  249. height: 9px;background-color: {color:scrollbar};border-top:1px solid {color:scrollbar};border-bottom:1px solid {color:scrollbar};}
  250.  
  251. #info {
  252. text-align:right;
  253. margin-top:10px;
  254. padding: 5px;
  255. font-size: 8px;
  256. color: {color:link};
  257. text-transform: uppercase;
  258. font-style: italic;
  259. border-top: 1px solid {color:border};
  260. }
  261.  
  262. #asker {
  263. float:left;
  264. margin-right:5px;
  265. }
  266.  
  267. #ask {
  268. float:left;
  269. width: 490px;
  270. padding: 5px;
  271. font-style: italic;
  272. text-align:justify;
  273. text-transform: lowercase;
  274. padding-bottom: 5px;
  275. padding-right: 5px;
  276. line-height:115%;
  277. background-color: {color:asker background};
  278. border: 1px solid {color:border};
  279. }
  280.  
  281. #answer {
  282. font-size: 9px;
  283. width: 480px;
  284. padding-top: 40px;
  285. margin-left: 7px;
  286. line-height:120%;
  287. }
  288.  
  289. #audio {
  290. height:auto;
  291. min-height:80px;
  292. }
  293.  
  294. .musicbutton {
  295. width: 20px;
  296. height: 20px;
  297. z-index: 1000;
  298. margin-top: 0px;
  299. margin-left: 0px;
  300. overflow: hidden;
  301. position: absolute;
  302. border-radius: 100%;
  303. }
  304.  
  305. .musicplayer {
  306. background-color: #ffffff;
  307. margin-top: 13px;
  308. margin-left: 13px;
  309. z-index: 1000;
  310. width: 25px;
  311. height: 26px;
  312. position: absolute;
  313. opacity: 0.6;
  314. -moz-border-radius: 100%;
  315.  
  316. }
  317.  
  318. .albumart {
  319. position:absolute;
  320. z-index:1;
  321. width:50px;
  322. height:50px;
  323.  
  324. }
  325.  
  326. .albumart img {
  327. float:left;
  328. width:50px;
  329. height:50px;
  330. }
  331.  
  332. #musicinfo {
  333. float:left;
  334. margin-right:65px;
  335. }
  336.  
  337. #s {
  338.  
  339. text-align: right;
  340. font-size:11px;
  341. }
  342.  
  343. #credit {
  344. position:fixed;
  345. right:10px;
  346. bottom:10px;
  347. text-transform:uppercase;
  348. font:10px 'cambria';
  349. letter-spacing:1px;
  350. padding:5px;
  351. -webkit-transition: all 0.5s ease;
  352. -moz-transition: all 0.5s ease;
  353. -ms-transition: all 0.5s ease;
  354. -o-transition: all 0.5s ease;
  355. transition: all 0.5s ease;}
  356.  
  357. #credit:hover {
  358. position:fixed;
  359. right:10px;
  360. bottom:10px;
  361. text-transform:uppercase;
  362. font:10px 'cambria';
  363. letter-spacing:1px;
  364. padding:5px;
  365. text-shadow: 1px 1px 1px #bebebe;
  366. -webkit-transition: all 0.5s ease;
  367. -moz-transition: all 0.5s ease;
  368. -ms-transition: all 0.5s ease;
  369. -o-transition: all 0.5s ease;
  370. transition: all 0.5s ease;}
  371.  
  372. {CustomCSS}</style></head><body>
  373.  
  374. <div id="sidebar">
  375.  
  376. <div id="sidebarimage"><img src="{image:sidebar}"></div><center><img src="http://media.tumblr.com/bf597ff51fc77debb2d2ae45f20f6442/tumblr_inline_mrhjz9kD8e1qz4rgp.png" width="100" height="auto"></center>
  377.  
  378. <div style="border-top:1px solid #eeeeee; margin-top:5px; "></div>
  379.  
  380. <div id="links">
  381.  
  382.  
  383. <a href="{text:link 1 url}">{text:link 1 title}</a>
  384.  
  385. <a href="{text:link 2 url}">{text:link 2 title}</a>
  386.  
  387. <a href="{text:link 3 url}">{text:link 3 title}</a>
  388.  
  389. <a href="{text:link 4 url}">{text:link 4 title}</a>
  390.  
  391. </div>
  392.  
  393.  
  394. <div id="description">{Description}</div>
  395.  
  396.  
  397.  
  398.  
  399. <div id="pagination">
  400. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage} {CurrentPage} of {TotalPages} {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}{/block:Pagination}
  401. </div>
  402. </div>
  403.  
  404. <div id="entries">{block:Posts}<div id="post">
  405.  
  406. {block:ContentSource}
  407. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  408. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  409. {/block:SourceLogo}
  410. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  411. {/block:ContentSource}
  412.  
  413. {block:Text}
  414. <h2>
  415. <i>
  416. {block:Title}
  417. {Title}
  418. {/block:Title}
  419. </i>
  420. </h2>
  421. {Body}
  422. {/block:Text}
  423.  
  424. {block:Photo}
  425. {block:ifNot400pxposts}
  426. <center>
  427. <img src="{PhotoURL-500}"/>
  428. </center>
  429. {/block:ifNot400pxposts}
  430. {block:if400pxposts}
  431. <center>
  432. <img src="{PhotoURL-400}"/>
  433. </center>
  434. {/block:if400pxposts}
  435. {block:Caption}
  436. {Caption}
  437. {/block:Caption}
  438. {/block:Photo}
  439.  
  440. {block:Photoset}
  441. {block:ifNot400pxposts}
  442. <center>
  443. {Photoset-500}
  444. </center>
  445. {/block:ifNot400pxposts}
  446. {block:if400pxposts}
  447. <center>
  448. {Photoset-400}
  449. </center>
  450. {/block:if400pxposts}
  451. {block:Caption}
  452. {Caption}
  453. {/block:Caption}
  454. {/block:Photoset}
  455.  
  456. {block:Quote}
  457. <h1>
  458. <i>
  459. <img src="http://www.ortoimplant.hr/Resources/Media/icon-quote.gif" width="15" height="auto">
  460. <span style="text-transform:lowercase; line-height:90%; font-size:20px; font-family:baskerville; font-style:italic; font-weight:200;">{Quote}</span>
  461. </i>
  462. </h1>
  463. <br>
  464. <div id="s">
  465. » {Source}
  466. </div>
  467. {/block:Quote}
  468.  
  469. {block:Link}
  470. <h1>
  471. <a href="{URL}" {Target}>
  472. {Name}
  473. </a>
  474. </h1>
  475. {block:Description}
  476. {Description}
  477. {/block:Description}
  478. {/block:Link}
  479.  
  480. {block:Chat}
  481. {block:Title}
  482. <h1>
  483. {Title}
  484. </h1>
  485. {/block:Title}
  486. {block:Lines}
  487. {block:Label}
  488. <b>
  489. {Label}
  490. </b>
  491. {/block:Label}
  492. {Line}
  493. <br>
  494. {/block:Lines}
  495. {/block:Chat}
  496.  
  497. {block:Audio}
  498. <section class="top audio">
  499. <div id="musicinfo">
  500. <div id="audio">
  501. <div class="albumart">
  502. <img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg">
  503. </div>
  504. {block:AlbumArt}
  505. <div class="albumart">
  506. <img src="{AlbumArtURL}">
  507. </div>
  508. {/block:AlbumArt}
  509. <div class="musicplayer">
  510. <div class="musicbutton">
  511. {block:AudioPlayer}
  512. {AudioPlayerWhite}
  513. {/block:AudioPlayer}
  514. </div>
  515. </div>
  516. </div>
  517. </div>
  518.  
  519. {block:TrackName}
  520. <b>
  521. Title:
  522. </b>
  523. {TrackName}
  524. <br />
  525. {/block:TrackName}
  526. <br>
  527. {block:Artist}
  528. <b>
  529. Artist:
  530. </b>
  531. {Artist}
  532. <br />
  533. {/block:Artist}
  534. {/block:ExternalAudio}
  535. <br>
  536. <b>
  537. Played:
  538. </b>
  539. {PlayCount}
  540. times
  541. </section>
  542. {/block:Audio}
  543.  
  544. {block:Video}
  545. {block:ifNot400pxposts}
  546. {Video-500}
  547. {/block:ifNot400pxposts}
  548. {block:if400pxposts}
  549. {Video-400}
  550. {/block:if400pxposts}
  551. {block:Caption}
  552. {Caption}
  553. {/block:Caption}
  554. {/block:Video}
  555.  
  556. {block:Answer}
  557. <div id="ask">
  558. <div id="asker">
  559. <img src="{AskerPortraitURL-24}">
  560. </div>
  561. {Asker}:
  562. <br>
  563. {Question}
  564. </div>
  565. <div id="answer">
  566. {Answer}
  567. </div>
  568. {/block:Answer}
  569.  
  570. <div id="info">
  571. {block:Date}
  572. <a href="{Permalink}">
  573. {TimeAgo}
  574. </a>
  575. </a>
  576. {/block:Date}
  577. |
  578. <a href="{Permalink}">
  579. {NoteCountWithLabel}
  580. </a>
  581. {block:RebloggedFrom}
  582. |
  583. <a href="{ReblogParentURL}"
  584. title="{ReblogParenttitle}">
  585. Via
  586. </a>
  587. |
  588. <a href="{ReblogRootURL}"title="{ReblogRoottitle}">
  589. Source
  590. </a>
  591. {/block:RebloggedFrom}
  592. <br>
  593. {block:HasTags}
  594. {block:Tags}
  595. <a href="{TagURL}">
  596. #{Tag}
  597. </a>
  598. &nbsp;&nbsp;&nbsp;
  599. {/block:Tags}
  600. {/block:HasTags}
  601.  
  602. </div>
  603.  
  604. </div>
  605. {/block:Posts}
  606. {block:PostNotes}
  607. <div id="notes">
  608. {PostNotes}
  609. </div>
  610. {/block:PostNotes}
  611. {/block:Posts}
  612. </div>
  613. </div>
  614. </div>
  615.  
  616. <div id="credit">
  617. <a href="http://llermans.tumblr.com/">
  618. llmns
  619. </a>
  620. </div>
  621.  
  622.  
  623. </body>
  624. </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!