API tools faq
paste
Advertisement
paulveretts

THEME 20 // FEARLESSLY AND FOREVER

paulveretts
Sep 28th, 2013
835
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.20 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3.  
  4.  
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  7.  
  8. <head><title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12.  
  13.  
  14.  
  15. <!---
  16.  
  17. THEME BY JÚLIA // @mclahei
  18. base code by hawtornes
  19.  
  20. YOU CAN:
  21. Use and tweak the code on your blog only.
  22. Reblog/Like the original post.
  23. Come to me for help if you find any problems.
  24. Use my codes as base codes, ONLY with my previously given consent.
  25. Move credit to a page on the blog, such as faq. Just make sure it's still visible.
  26.  
  27. YOU CAN'T:
  28. Repost any of the codes.
  29. Remove credit from view.
  30. Use as base code without me knowing.
  31.  
  32. ENJOY THIS THEME ♥
  33.  
  34. --->
  35.  
  36. <meta name="color:Background" content="#ffffff"/>
  37. <meta name="color:Text" content="#bdbdbd"/>
  38. <meta name="color:Sidebar Links" content="#dddcdc"/>
  39. <meta name="color:DescriptionText" content="#c9c7c7"/>
  40. <meta name="color:Border" content="#f7f7f7"/>
  41. <meta name="color:Hover" content="#f3f3f3"/>
  42. <meta name="color:Scrollbar" content="#e3e3e3"/>
  43. <meta name="color:ScrollbarBg" content="#ffffff"/>
  44. <meta name="color:Post Links" content="#77d8f1"/>
  45. <meta name="color:Pagination" content="#e6e5e5"/>
  46. <meta name="color:Answer Backg" content="#f7f7f7"/>
  47. <meta name="image:Sidebar" content=""/>
  48. <meta name="image:Sidebar Backg" content="http://s13.postimg.org/aj9aa1h3b/linen.png"/>
  49. <meta name="image:Background" content=""/>
  50. <meta name="text:Stitle" content="" />
  51. <meta name="text:Link 1" content="" />
  52. <meta name="text:Link 1 Text" content="" />
  53. <meta name="text:Link 2" content="" />
  54. <meta name="text:Link 2 Text" content="" />
  55. <meta name="text:Link 3" content="" />
  56. <meta name="text:PaginationMarginTop" content="" />
  57. <meta name="text:Link 3 Text" content="" />
  58. <meta name="if:RoundedSidebar" content="1" />
  59. <meta name="if:SidebarBackg" content="1" />
  60. <meta name="if:Show Link 1" content="1" />
  61. <meta name="if:Show Link 2" content="1" />
  62. <meta name="if:Show Link 3" content="1" />
  63.  
  64. <link href='http://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>
  65.  
  66. <style type="text/css">
  67.  
  68. ::-webkit-scrollbar-thumb {
  69. height:auto;
  70. background-color:{color:Scrollbar};
  71. }
  72.  
  73. ::-webkit-scrollbar {
  74. height:9px;
  75. width:4px;
  76. background-color:{color:ScrollbarBg};
  77. }
  78.  
  79. body {
  80. background:{color:background};
  81. margin:0px;
  82. color:{color:text};
  83. font-family:calibri;
  84. font-size:10px;
  85. line-height:100%;
  86. letter-spacing:0px;
  87. text-align:justify;
  88. background-image:url('{image:Background}');
  89. }
  90.  
  91. a {
  92. text-decoration:none;
  93. outline:none;
  94. -moz-outline-style:none;
  95. color:{color:Post Links};
  96. }
  97.  
  98. img {
  99. border:none;
  100. }
  101.  
  102. blockquote {
  103. padding:10px;
  104. border-left:3px solid #e3e3e3;
  105. background:#f7f7f7;
  106. }
  107.  
  108. blockquote blockquote {
  109. padding-left:5px;
  110. border-left:2px solid;
  111. }
  112.  
  113. h1 {
  114. font-size:12px;
  115. font-family:'arial';
  116. font-weight:thin;
  117. letter-spacing:1px;
  118. font-style:italic;
  119. line-height:10px;
  120. text-align:left;
  121. padding:0px;
  122. }
  123.  
  124. h1:first-letter {
  125. font-family: 'Parisienne', cursive;
  126. font-style:italic;
  127. font-size:20px;
  128. text-transform:uppercase;
  129. }
  130.  
  131. a:hover {
  132. color:{color:Hover};
  133. -moz-transition-duration:0.3s;
  134. -webkit-transition-duration:0.3s;
  135. -o-transition-duration:0.3s;
  136. }
  137.  
  138.  
  139. /*ENTRIES*/
  140.  
  141. #entries {
  142. padding:10px;
  143. width:500px;
  144. margin-left:350px;
  145. margin-top:40px;
  146. font-size:10px;
  147. font-family:'arial';
  148. letter-spacing:0px;
  149. }
  150.  
  151. #post {
  152. width:500px;
  153. padding-bottom:20px;
  154. padding:25px;
  155. margin-top:0px;
  156. }
  157.  
  158. /*SIDEBAR*/
  159.  
  160. #sidebar {
  161. position:fixed;
  162. margin-left:100px;
  163. margin-top:60px;
  164. padding:10px;
  165. {block:IfSidebarBackg}
  166. background-image: url('{image:Sidebar Backg}');
  167. {/block:IfSidebarBackg}
  168. margin-left:170px;
  169. }
  170.  
  171. #sidebarimage {
  172. width 130px;
  173. }
  174.  
  175. #sidebarimage img {
  176. width:100px;
  177. {block:IfRoundedSidebar}
  178. border-radius:500px;
  179. {/block:IfRoundedSidebar}
  180. margin-top:164px;
  181. padding:10px;
  182. background:#fff;
  183. opacity:0.8;
  184. margin-left:0px;
  185. border:3px double {color:Border};
  186. -moz-transition-duration:0.6s;
  187. -webkit-transition-duration:0.6s;
  188. -o-transition-duration:0.6s;
  189. }
  190.  
  191. #sidebarimage img:hover {
  192. opacity:1;
  193. -moz-transition-duration:0.6s;
  194. -webkit-transition-duration:0.6s;
  195. -o-transition-duration:0.6s;
  196. }
  197.  
  198. .links {
  199. width:220px;
  200. font-family:'calibri';
  201. padding: 4px;
  202. text-align:center;
  203. text-transform:uppercase;
  204. position:fixed;
  205. margin-top:0px;
  206. {block:IfSidebarBackg}
  207. margin-top:7px;
  208. {/block:IfSidebarBackg}
  209. margin-left:-50px;
  210. -moz-transition-duration:0.6s;
  211. -webkit-transition-duration:0.6s;
  212. -o-transition-duration:0.6s;
  213. }
  214.  
  215. .links a {
  216. width:94px;
  217. padding:3px;
  218. font-size:7px;
  219. letter-spacing:0px;
  220. color:{color:Sidebar Links};
  221. }
  222.  
  223. .links a:hover {
  224. font-style:italic;
  225. -moz-transition-duration:0.3s;
  226. -webkit-transition-duration:0.3s;
  227. -o-transition-duration:0.3s;
  228. color:{color:Post Links};
  229. }
  230.  
  231. #description {
  232. text-align:center;
  233. font-family:'calibri';
  234. width:95px;
  235. margin-top:0px;
  236. margin-left:47px;
  237. font-size:9px;
  238. border-top: 3px double #fff;
  239. border-bottom: 3px double #fff;
  240. background:#f7f7f7;
  241. padding:15px;
  242. position:fixed;
  243. text-transform:none;
  244. color:{color:DescriptionText};
  245. }
  246.  
  247. #description:first-letter {
  248. font-family: 'Parisienne', cursive;
  249. font-style:italic;
  250. }
  251.  
  252. #stitle {
  253. text-align:center;
  254. font-family:'calibri';
  255. width:95px;
  256. margin-top:0px;
  257. margin-left:47px;
  258. font-size:9px;
  259. border-top: 3px double #fff;
  260. border-bottom: 3px double #fff;
  261. background:#f7f7f7;
  262. padding:15px;
  263. position:fixed;
  264. text-transform:none;
  265. color:{color:DescriptionText};
  266. }
  267.  
  268. #pagination {
  269. border-top:0px;
  270. color:#f3f3f3;
  271. font-family:'arial';
  272. letter-spacing:0px;
  273. text-align:center;
  274. text-transform:lowercase;
  275. margin-top:{text:PaginationMarginTop}px;
  276. }
  277.  
  278. #pagination a{
  279. color:{color:Pagination};
  280. font-size:20px;
  281. }
  282.  
  283. #pagination a:hover{
  284. color:{color:Hover};
  285. font-style:none;
  286. }
  287.  
  288.  
  289. /*POST INFO*/
  290.  
  291. #info {
  292. width:500px;
  293. text-align:left;
  294. font-family:'trebuchet ms';
  295. margin-top:3px;
  296. margin-left:px;
  297. letter-spacing:1px;
  298. font-size:7px;
  299. font-style:none;
  300. padding:1px;
  301. line-height:10px;
  302. text-transform:uppercase;
  303. border-top:1px solid;
  304. border-color:{color:Border};
  305. }
  306.  
  307. #info a {
  308. text-align:center;
  309. color:{color:Post Links};
  310. }
  311.  
  312. #info a:hover {
  313. -moz-transition-duration:0.3s;
  314. -webkit-transition-duration:0.3s;
  315. -o-transition-duration:0.3s;
  316. color:{color:Hover}
  317. }
  318.  
  319. #tags {
  320. float:left;
  321. width:489px;
  322. margin-top:-7px;
  323. margin-left:-5px;
  324. text-align:left;
  325. font-size:7px;
  326. padding:5px;
  327. font-size:8px;
  328. opacity:1;
  329. transition-duration: 0.5s;
  330. -moz-transition-duration: 0.5s;
  331. -webkit-transition-duration: 0.5s;
  332. -o-transition-duration: 0.5s;
  333. color:{color:Post Links};
  334. }
  335.  
  336. #tags a {
  337. letter-spacing:0px;
  338. font-size:8px;
  339. text-align:center;
  340. font-family:'CALIBRI';
  341. text-decoration:none;
  342. display:inline-block;
  343. color:#ddd;
  344. }
  345.  
  346. #tags a:hover {
  347. background-color:#fff;
  348. -moz-transition-duration:0.3s;
  349. -webkit-transition-duration:0.3s;
  350. -o-transition-duration:0.3s;
  351. color:{color:Hover};
  352. }
  353.  
  354. /*QUESTION*/
  355.  
  356. #asker {
  357. text-align: left;
  358. padding: 5px;
  359. background-color:transparent;
  360. font-size: 7px;
  361. color: #fff;
  362. font-family: arial;
  363. text-transform: uppercase;
  364. -moz-transition-duration:0.4s;
  365. -webkit-transition-duration:0.4s;
  366. -o-transition-duration:0.4s;
  367. margin-bottom:3px;
  368. }
  369.  
  370. #question {
  371. border-top:3px double #f7f7f7;
  372. text-align: justify;
  373. width: 484px;
  374. font-style:italic;
  375. color:{color:Text};
  376. background-color: #fff;
  377. border-bottom:3px double #f7f7f7;
  378. padding: 8px;
  379. font-size:11px;}
  380.  
  381. #answer {
  382. background:transparent;
  383. font-family: calibri;
  384. margin-top:3px;
  385. padding:1px 0px 1px 8px;}
  386.  
  387. /*CREDIT*/
  388.  
  389. #cred {
  390. position:fixed;
  391. font-family:'Calibri';
  392. text-transform:uppercase;
  393. font-size:8px;
  394. right:9px;
  395. bottom:9px;
  396. padding:10px;
  397. letter-spacing:1px;
  398. }
  399.  
  400. #cred a{
  401. padding:5px;
  402. transition-duration: 0.5s;
  403. -moz-transition-duration: 0.5s;
  404. -webkit-transition-duration: 0.5s;
  405. -o-transition-duration: 0.5s;
  406. }
  407.  
  408. #cred a:hover {
  409. background:{color:Post Links};
  410. color:#fff;
  411. padding:5px;
  412. transition-duration: 0.5s;
  413. -moz-transition-duration: 0.5s;
  414. -webkit-transition-duration: 0.5s;
  415. -o-transition-duration: 0.5s;
  416. }
  417.  
  418. {CustomCSS}</style></head><body>
  419.  
  420. <div id="sidebar">
  421. <div id="sidebarimage">
  422. <a title="home" href="/">
  423. <img src="{image:Sidebar}">
  424. </a>
  425. </div>
  426.  
  427. <div class="links">
  428. <a href="/">Home</a>
  429. <a href="/ask">Ask</a>
  430. {block:IfShowLink1}<a href="{text:Link 1}">{text:Link 1 Text}</a>{/block:IfShowLink1}
  431. {block:IfShowLink2}<a href="{text:Link 2}">{text:Link 2 Text}</a>{/block:IfShowLink2}
  432. {block:IfShowLink3}<a href="{text:Link 3}">{text:Link 3 Text}</a>{/block:IfShowLink3}
  433.  
  434. <div id="description"><big><big><big><i>{text:Stitle}</i></big></big></big><br>{Description}</div>
  435.  
  436. {block:Pagination}
  437. <div id="pagination">
  438. {block:PreviousPage}<a href="{PreviousPage}">-</a>{/block:PreviousPage}
  439. {block:NextPage}<a href="{NextPage}">+</a>{/block:NextPage}
  440. {/block:Pagination}
  441. </div></div></div>
  442.  
  443. <div id="entries">
  444. {block:Posts}
  445. <div id="post">
  446.  
  447. {block:Text}
  448. <h1>{block:Title}{Title}{/block:Title}</h1>
  449. {Body}{/block:Text}
  450.  
  451. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  452. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  453.  
  454. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  455. {/block:Caption}{/block:Photoset}
  456.  
  457. {block:Quote}<h2>"{Quote}"</h2>
  458. {block:Source}<div class="qsource"> —{Source}</div>
  459. {/block:Source}{/block:Quote}
  460.  
  461. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  462.  
  463. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  464.  
  465. {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>
  466. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  467. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  468. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  469. {/block:Audio}<br>
  470.  
  471. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  472.  
  473. {block:Answer}<div id="asker">{asker}</div>
  474. <div id="question">{Question}</div>
  475. <div id="answer">{Answer}</div>{/block:answer}
  476.  
  477.  
  478. <div id="info">
  479. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> —
  480. {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  481. and {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}
  482. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  483. with {NoteCountWithLabel}</a>
  484. {block:HasTags}<div id="tags">
  485.  
  486. {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
  487. </div>{block:HasTags}
  488. </div>
  489. </div>
  490. {/block:Posts}
  491. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  492. {/block:Posts}</div></div></div>
  493. <br><br><br><br>
  494.  
  495. <div id="cred">
  496. <a href="http://mclahei.tumblr.com/">ML</a>
  497. </div>
  498. </div>
  499.  
  500.  
  501.  
  502. </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!