API tools faq
paste
Advertisement
Perfect-Nicholas

Theme #14 - Flaws

Perfect-Nicholas
Sep 8th, 2013
2,368
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.59 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.  
  12. © LLERMANS.TUMBLR.COM | "THEME" #014
  13.  
  14. DON'T STEAL, I'LL FIND YOU.
  15. DON'T REMOVE THE CREDIT!
  16.  
  17. -->
  18.  
  19.  
  20. <meta name="color:background" content="#ffffff"/>
  21. <meta name="color:text" content="#a8a8a8"/>
  22. <meta name="color:link" content="#a3a3a3"/>
  23. <meta name="color:link hover" content="#cecccc"/>
  24. <meta name="color:border" content="#838282"/>
  25. <meta name="color:scrollbar" content="#d6d5d5"/>
  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:ask url" content="/ask" />
  32.  
  33. <meta name="text:link1 title" content="link1" />
  34. <meta name="text:link1" content="/" />
  35. <meta name="text:link2 title" content="link2" />
  36. <meta name="text:link2" content="/" />
  37. <meta name="text:link3 title" content="link3" />
  38. <meta name="text:link3" content="/" />
  39.  
  40.  
  41.  
  42. <style type="text/css">
  43.  
  44. /*- body -*/
  45.  
  46. body {
  47. font-family:baskerville;
  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. i, cite, em, var, address, dfn {
  78. font-style: italic;
  79. }
  80.  
  81. a:hover {
  82. color:{color:link hover};
  83. text-decoration:underline;
  84. -webkit-transition: all 0.8s ease;
  85. -moz-transition: all 0.8s ease;
  86. -o-transition: all 0.8s ease
  87. {block:ifSmallCursor}
  88. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;
  89. {/block:ifSmallCursor}
  90. }
  91.  
  92. h1 {
  93. font-size:10px;
  94. text-transform:uppercase;
  95. font-weight: bold;
  96. }
  97.  
  98. blockquote {
  99.  
  100. border-left:2px solid {color:text}!important;
  101. padding-left:5px!important;
  102. margin:5px!important;
  103. {block:ifNot400pxposts}
  104. max-width:500px!important;
  105. {/block:ifNot400pxposts}
  106. {block:if400pxposts}
  107. max-width:400px!important;
  108. {/block:if400pxposts}
  109. }
  110.  
  111.  
  112. blockquote blockquote {
  113. padding-left:5px;
  114. border-left:2px solid;
  115. }
  116.  
  117. /*- posts/entries -*/
  118.  
  119.  
  120. #entries {
  121. margin-top:60px;
  122. font-size:9px;
  123. {block:ifNot400pxposts}
  124. margin-left:130px;
  125. max-width:520px!important;
  126. {/block:ifNot400pxposts}
  127. {block:if400pxposts}
  128. margin-left:250px!important;
  129. max-width:420px!important;
  130. {/block:if400pxposts}
  131. }
  132.  
  133.  
  134. #post {
  135. width:500px;
  136. padding:10px;
  137. margin-bottom:60px;
  138. {block:ifNot400pxposts}
  139. max-width:500px!important;
  140. {/block:ifNot400pxposts}
  141. {block:if400pxposts}
  142. max-width:400px!important;
  143. {/block:if400pxposts}
  144. }
  145.  
  146.  
  147.  
  148. /*- sidebar -*/
  149.  
  150.  
  151.  
  152. #sidebar {
  153. margin-top:150px;
  154. width:200px;
  155. position:fixed;
  156. {block:ifNot400pxposts}
  157. margin-left:710px!important;
  158. {/block:ifNot400pxposts}
  159. {block:if400pxposts}
  160. margin-left:720px!important;
  161. {/block:if400pxposts}
  162. }
  163.  
  164. #sidebarimage {
  165. width: 200px;
  166.  
  167. }
  168.  
  169. #sidebarimage img {
  170. width:200px;
  171. padding:13px;
  172. margin-top:13px
  173. }
  174.  
  175. .description {
  176. line-height: 120%;
  177. padding: 10px;
  178. text-align: justify;
  179. font-size: 10px;
  180. font-family: arial;
  181. color: #9a9a9a;
  182. letter-spacing: 0px;
  183. margin-top: 0px;
  184. border-bottom: 1px solid #f8f8f8;
  185. }
  186.  
  187. .links {
  188. width:200px;
  189. font-size: 10px;
  190. font-family: arial;
  191. font-style: normal;
  192. text-transform: lowercase;
  193. line-height: 120%;
  194. margin-top: 10px;
  195. margin-bottom: 5px;
  196. text-align: center;
  197. }
  198.  
  199. .links a{
  200. padding:5px;
  201. letter-spacing:0px;
  202. color:#9a9a9a;
  203. -moz-transition-duration:0.6s;
  204. -webkit-transition-duration:0.6s;
  205. -o-transition-duration:0.6s;
  206. }
  207.  
  208. #links a:hover{
  209. color:#9a9a9a;
  210. text-decoration:underline;
  211. -moz-transition-duration:0.6s;
  212. -webkit-transition-duration:0.6s;
  213. -o-transition-duration:0.6s;
  214. }
  215.  
  216.  
  217.  
  218. #pagination {
  219. width: 200px;
  220. font-size: 9px;
  221. line-height: 21px;
  222. text-shadow: 0 1px 1px #fff;
  223. text-align: center;
  224. margin-top: 10px;
  225. letter-spacing:1px;
  226. text-transform: lowercase;
  227. font-style: italic;
  228. font-family: times;
  229.  
  230. }
  231.  
  232. #side {
  233. background-color: #ffffff;
  234. width: 200px;
  235. padding: 11px;
  236. margin-top:-15px;
  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:left;
  253. margin-top:10px;
  254. padding: 5px;
  255. font-size: 9px;
  256. color: {color:link};
  257. font-family:baskerville;
  258. text-transform: lowercase;
  259. word-spacing:2px;
  260.  
  261. }
  262.  
  263. .caption {
  264. text-align:left;
  265. padding-left:10px;
  266. padding-right:10px;
  267. font-family:baskerville;
  268. display:block;
  269. }
  270. .caption img {
  271. max-width:490px;
  272. }
  273.  
  274. #ask {
  275. padding: 5px;
  276. font-style: italic;
  277. text-align:center;
  278. font-size:12px;
  279. text-transform: lowercase;
  280. padding-bottom: 5px;
  281. padding-right: 5px;
  282. line-height:115%;
  283. background-color: #fcfcfc;
  284. {block:ifNot400pxposts}
  285. max-width:490px!important;
  286. {/block:ifNot400pxposts}
  287. {block:if400pxposts}
  288. max-width:390px!important;
  289. {/block:if400pxposts}
  290. }
  291.  
  292. #askerportrait {
  293. {block:ifNot400pxposts}
  294. max-width:500px!important;
  295. {/block:ifNot400pxposts}
  296. {block:if400pxposts}
  297. max-width:400px!important;
  298. {/block:if400pxposts}
  299. }
  300.  
  301. #asker {
  302. margin-top:2px;
  303. width:auto;
  304. font-style:italic;
  305. text-transform:lowercase;
  306. padding:3px;
  307. border-bottom: 2px solid #eeeeee
  308.  
  309. }
  310.  
  311. #answer {
  312. font-size: 9px;
  313. padding-top: 10px;
  314. margin-left: 7px;
  315. line-height:120%;
  316. {block:ifNot400pxposts}
  317. max-width:480px!important;
  318. {/block:ifNot400pxposts}
  319. {block:if400pxposts}
  320. max-width:380px!important;
  321. {/block:if400pxposts}
  322. }
  323.  
  324. #audio {
  325. background-color: white;
  326. margin-left:30px;
  327. }
  328.  
  329. .albumart img {
  330. float:left;
  331. width:70px;
  332. }
  333.  
  334. .audiocaption {
  335. margin-left:50px;
  336. text-transform:uppercase;
  337. }
  338.  
  339. .playbutton {
  340. width: 150px;
  341. height: 50px;
  342. z-index: 1000;
  343. margin-top: 0px;
  344. margin-left: 0px;
  345. overflow: hidden;
  346. position: absolute;
  347. }
  348.  
  349. .quote {
  350. font-family:times;
  351. color:{color:title};
  352. font-size:16px;
  353. font-style:italic;
  354. text-align:center;
  355. letter-spacing:0px;
  356. line-height:110%;
  357. padding:10px;
  358. margin-bottom:5px;
  359. }
  360.  
  361. #source {
  362. font-size:10px;
  363. text-align:right;
  364. padding:3px;
  365. }
  366.  
  367. #source a {
  368. color:{color:text};
  369. border-bottom:1px solid {color:link};
  370. }
  371.  
  372. #date {
  373. float:left;
  374. }
  375.  
  376. #tags {
  377. padding-top:5px;
  378. }
  379.  
  380. #credit {
  381. position:fixed;
  382. right:10px;
  383. bottom:10px;
  384. text-transform:uppercase;
  385. font:10px 'cambria';
  386. letter-spacing:1px;
  387. padding:5px;
  388. -webkit-transition: all 0.5s ease;
  389. -moz-transition: all 0.5s ease;
  390. -ms-transition: all 0.5s ease;
  391. -o-transition: all 0.5s ease;
  392. transition: all 0.5s ease;}
  393.  
  394. #credit:hover {
  395. position:fixed;
  396. right:10px;
  397. bottom:10px;
  398. text-transform:uppercase;
  399. font:10px 'cambria';
  400. letter-spacing:1px;
  401. padding:5px;
  402. text-shadow: 1px 1px 1px #bebebe;
  403. -webkit-transition: all 0.5s ease;
  404. -moz-transition: all 0.5s ease;
  405. -ms-transition: all 0.5s ease;
  406. -o-transition: all 0.5s ease;
  407. transition: all 0.5s ease;}
  408.  
  409. .chat {line-height:12px; list-style:none }
  410. .chat ul {list-style:none; padding:0px; line-height:20px;}
  411. .person1 {background-color:{color:blockquote}; padding-left:6px; padding-right:6px; font-size:10px;}
  412. .person1 .label {font-weight:bold;}
  413. .person2 {background-color:transparent; padding-left:6px; padding-right:6px;font-size:10px;margin-left:5px;}
  414. .person2 .label {font-weight:bold; color:{color:bold};}
  415. .person3 { background-color:{color:blockquote}; padding-left:6px; padding-right:6px;font-size:10px;}
  416. .person3 .label {font-weight:bold; color:{color:border};}
  417. .person4 {background-color:transparent; padding-left:6px; padding-right:6px;font-size:10px;margin-left:5px;}
  418. .person4 .label {font-weight:bold; color:{color:bold};}
  419. .person5 {color:{color:blockquote text}; background-color:{color:blockquote}; padding-left:6px; padding-right:6px;font-size:10px;}
  420. .person5 .label {font-weight:bold;}
  421. .person6 {background-color:transparent; padding-left:6px; padding-right:6px;font-size:10px;margin-left:5px;}
  422. .person6 .label {font-weight:bold; color:{color:bold};}
  423.  
  424. {CustomCSS}</style></head><body>
  425.  
  426.  
  427. <div id="sidebar">
  428.  
  429. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  430.  
  431. <div id="side">
  432.  
  433. <div class="links">
  434.  
  435. <a href="/">home</a>
  436. <a href="{text:ask url}">letter</a>
  437. {block:IfLink1}
  438. <a href="{text:link1}">{text:link1 title}</a>
  439. {/block:IfLink1}
  440. {block:IfLink2}
  441. <a href="{text:link2}">{text:link2 title}</a>
  442. {/block:IfLink2}
  443. {block:IfLink3}
  444. <a href="{text:link3}">{text:link3 title}</a>
  445. {/block:IfLink3}
  446.  
  447. </div>
  448.  
  449.  
  450. <div class="description">{Description}</div>
  451.  
  452. <div id="pagination">
  453. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a> / {/block:PreviousPage}{block:NextPage} <a href="{NextPage}">forth</a>{/block:NextPage}{/block:Pagination}
  454. </div>
  455. </div>
  456. </div>
  457.  
  458. <div id="entries">{block:Posts}<div id="post">
  459.  
  460. {block:ContentSource}
  461. <!-- {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}” width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  462. {/block:SourceLogo}
  463. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  464. {/block:ContentSource}
  465.  
  466. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  467.  
  468. {block:Photo}{block:ifNot400pxposts}<center><img src="{PhotoURL-500}"/>
  469. </center>{/block:ifNot400pxposts}{block:if400pxposts}<center><img src="{PhotoURL-400}"/></center>{/block:if400pxposts}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  470.  
  471. {block:Photoset}{block:ifNot400pxposts}<center>{Photoset-500}</center>{/block:ifNot400pxposts}{block:if400pxposts}<center>{Photoset-400}</center>{/block:if400pxposts}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  472.  
  473. {block:Quote}
  474. <div class="quote">❝ {Quote} ❞</div>
  475. {block:Source}
  476. <div style="border-top:1px solid #eeeeee; margin-top:5px; "></div>
  477. <br>
  478. <div id="source">— &nbsp;&nbsp;{Source}&nbsp;&nbsp;</div>
  479. {/block:Source}
  480. {/block:Quote}
  481.  
  482. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  483.  
  484. {block:Chat}
  485. {block:Title}<h1>{Title}</h1>{/block:Title}
  486. <div class="chat"><ul>{block:Lines}
  487. <li class="person{UserNumber}">{block:Label}
  488. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  489. {/block:Chat}
  490.  
  491. {block:AudioPlayer}<section class="top audio">{block:AlbumArt}
  492. <div class="albumart"><img src="{AlbumArtURL}"></div>
  493. {/block:AlbumArt}<div id="audio">
  494. <div class="audiocaption"><br>
  495. {block:TrackName} {TrackName}{/block:TrackName}<br>
  496. {block:PlayCount}played: {PlayCount}{/block:PlayCount}<br><br>
  497. <div class="playbutton">{AudioPlayergrey}</div>
  498. </div></div></section>
  499. <br><br><br>{/block:AudioPlayer}
  500.  
  501. {block:Video}{block:ifNot400pxposts}{Video-500}{/block:ifNot400pxposts}{block:if400pxposts}{Video-400}{/block:if400pxposts}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  502.  
  503. {block:Answer}<center><div id="askerportrait"><img style="border: 5px solid #eeeeee;" src="{AskerPortraitURL-40}"></div></center><center><div id="asker">{Asker}</div></center><div id="ask"><center>{Question}</center></div><br></span><div id="answer">{Answer}</div>{/block:Answer}
  504.  
  505. <div id="info">
  506. {block:Date}<div id="date">
  507. <strong>{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}</strong>{/block:Date}</div>&nbsp;&nbsp;<a href="{Permalink}">
  508. {NoteCountWithLabel}</a>&nbsp;&nbsp;{block:RebloggedFrom}<a href="{ReblogParentURL}"
  509. title="{ReblogParenttitle}">Via</a>,&nbsp;<a href="{ReblogRootURL}"title="{ReblogRoottitle}">Source</a>{/block:RebloggedFrom} <br> {block:HasTags} <div id="tags"><font color="{color:text}">tagged:</font>&nbsp;{block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  510.  
  511. </div>
  512.  
  513. </div>
  514. {/block:Posts}
  515. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  516. {/block:Posts}</div></div></div>
  517.  
  518. <div id="credit">
  519. <a href="http://llermans.tumblr.com/">
  520. llmns
  521. </a>
  522. </div>
  523.  
  524.  
  525. </body></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!