Advertisement
nightpriestess2

Theme 2 - Smile Like the Sun

Aug 4th, 2013
4,469
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.42 KB | None | 0 0
  1. <html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
  2.  
  3.  
  4. <head>
  5. <title>{Title}</title>
  6. <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. <link rel="apple-touch-icon" href="{PortraitURL-128}">
  11. <link href="http://fonts.googleapis.com/css?family=Junge" rel="stylesheet" type="text/css">
  12.  
  13.  
  14. <meta name="image:Header" content="http://static.tumblr.com/mn7tcxs/bUkmr0zu4/bann.jpg"/>
  15. <meta name="image:Background" content="http://static.tumblr.com/mn7tcxs/2pMmr0r2z/bg.png"/>
  16. <meta name="image:Bar" content=""/>
  17. <meta name="text:Link 1 URL" content="http://"/>
  18. <meta name="text:Link 1 Name" content="Page 1"/>
  19. <meta name="text:Link 2 URL" content="http://"/>
  20. <meta name="text:Link 2 Name" content="Page 2"/>
  21. <meta name="text:Link 3 URL" content="http://"/>
  22. <meta name="text:Link 3 Name" content="Page 3"/>
  23. <meta name="text:Link 4 URL" content="http://"/>
  24. <meta name="text:Link 4 Name" content="Page 4"/>
  25. <meta name="text:Link 5 URL" content="http://"/>
  26. <meta name="text:Link 5 Name" content="Page 5"/>
  27. <meta name="text:Main Font" content="'Trebuchet MS', Verdana, sans-serif, Arial"/>
  28. <meta name="text:Accent Font" content="'Trebuchet MS', Verdana, sans-serif, Arial"/>
  29. <meta name="text:Descript" content="Description"/>
  30. <meta name="text:Pages" content="Pages"/>
  31. <meta name="text:Post Font Size" content="0.938em"/>
  32. <meta name="text:Post Line Height" content="25px"/>
  33. <meta name="text:Sidebar Font Size" content="0.875em"/>
  34. <meta name="text:Sidebar Line Height" content="17px"/>
  35. <meta name="if:Likes Part" content="0"/>
  36. <meta name="if:Following Part" content="0"/>
  37. <meta name="if:Lazy Load" content="0"/>
  38. <meta name="if:Left" content="1"/>
  39. <meta name="color:Background Color" content="#d9caad"/>
  40. <meta name="color:Accent" content="#bf2a36"/>
  41. <meta name="color:Accent Text Color" content="#f0efef"/>
  42. <meta name="color:Menu Link" content="#f0efef"/>
  43. <meta name="color:Menu Link BG" content="#a8121e"/>
  44. <meta name="color:Menu Link Hover" content="#f0efef"/>
  45. <meta name="color:Menu Link Hover BG" content="#d9b166"/>
  46. <meta name="color:Post Text" content="#4d4c4c"/>
  47. <meta name="color:Post Title" content="#732c2c"/>
  48. <meta name="color:Sidebar Text" content="#6d6b6b"/>
  49. <meta name="color:Post Background" content="#ffffff"/>
  50. <meta name="color:Sidebar Background" content="#f3f3f3"/>
  51. <meta name="color:Date" content="#adadab"/>
  52. <meta name="color:Tags Text" content="#f2f6f7"/>
  53. <meta name="color:Tags Links" content="#f2f6f7"/>
  54. <meta name="color:Post Links" content="#d95d30"/>
  55. <meta name="color:Post Links Hover" content="#39adba"/>
  56. <meta name="color:Sidebar Links" content="#39adba"/>
  57. <meta name="color:Sidebar Links Hover" content="#d95d30"/>
  58.  
  59.  
  60.  
  61. <style type="text/css">
  62.  
  63. body {
  64. background:{color:Background Color} url('{image:Background}');
  65. font-family: {text:Main Font};
  66. font-size: 0.875em;
  67. margin: 0 auto;
  68. color: {color:Post Text};}
  69.  
  70. img, img a { border: 0; max-width:100%; }
  71.  
  72. a {text-decoration:none;}
  73.  
  74. table {border:0;}
  75.  
  76. #header {
  77. width:100%;
  78. height:304px;
  79. background:transparent url('{image:Header}') no-repeat center top;}
  80.  
  81.  
  82. #bar {
  83. width:100%;
  84. background: {color:Accent};
  85. text-align:right;
  86. margin:auto;
  87. color:{color:Menu Link};
  88. font-size: 0.750em;
  89. font-family:'Junge', serif;
  90. text-transform:uppercase;
  91. font-weight: normal;
  92. padding: 30px 0px 30px 0px;
  93. letter-spacing:2px;}
  94.  
  95.  
  96. #bar a {
  97. color:{color:Menu Link};
  98. background:{color:Menu Link BG};
  99. text-transform:uppercase;
  100. margin-right: 10px;
  101. text-decoration: none;
  102. padding: 10px 10px 10px 10px;
  103. -webkit-transition: all 0.3s ease;
  104. -moz-transition: all 0.3s ease;
  105. -o-transition: all 0.3s ease;
  106. transition: all 0.3s ease;}
  107.  
  108. #bar a:hover {
  109. background: {color:Menu Link Hover BG};
  110. color: {color:Menu Link Hover};
  111. text-transform:uppercase;
  112. font-weight: normal;
  113. text-decoration: none;
  114. padding: 10px 10px 10px 10px;
  115. -webkit-transition: all 0.3s ease;
  116. -moz-transition: all 0.3s ease;
  117. -o-transition: all 0.3s ease;
  118. transition: all 0.3s ease;}
  119.  
  120. #container {width:1000px; margin: 20px auto;}
  121. #wrap {background:{color:Post Background}; overflow:hidden; margin:0 auto;}
  122. #post {background:transparent; {block:IfNotLeft}float:left;{/block:IfNotLeft} {block:IfLeft}float:right;{/block:IfLeft} width:675px; margin-top:20px; padding: 10px;}
  123. #side {background:transparent; {block:IfNotLeft}float:right;{/block:IfNotLeft} {block:IfLeft}float:left;{/block:IfLeft} width:300px;}
  124.  
  125. #side h3 {
  126. color:{color:Sidebar Text};
  127. text-transform: uppercase;
  128. font-family: {text:Accent Font};
  129. font-weight: lighter;
  130. font-size: 0.929em;
  131. letter-spacing:3px;
  132. border: 15px solid {color:Sidebar Background};
  133. margin-bottom: 0;
  134. margin-top:0;
  135. background:{color:Sidebar Background};}
  136.  
  137. .sidestuff
  138. {background:{color:Sidebar Background};
  139. color: {color:Sidebar Text};
  140. padding:10px;
  141. line-height: {text:Sidebar Line Height};
  142. font-size: {text:Sidebar Font Size};
  143. margin:0;
  144. word-wrap: break-word;}
  145.  
  146. .sidestuff a {
  147. color:{color:Sidebar Links};
  148. text-decoration:none;}
  149.  
  150. .sidestuff a:hover {
  151. color:{color:Sidebar Links Hover};}
  152.  
  153.  
  154. ul#likes {
  155. list-style-type: none;
  156. margin: 0 0 0 0;
  157. padding: 0 0 0 0;
  158. text-align:center;
  159. }
  160.  
  161. li.like_post {
  162. /* Should match the width specified in the Likes tag */
  163. width: 200px;
  164. padding: 0 40px 0 0;
  165. }
  166.  
  167.  
  168. li.like_post ol,
  169. li.like_post ul {
  170. margin: 0 0 0 15px;
  171. padding: 0;
  172. }
  173.  
  174. li.like_post .like_link a {
  175. font-weight: bold;
  176. }
  177.  
  178. li.like_post .like_title {
  179. font-weight: bold;
  180. }
  181.  
  182. li.like_post .post_info_bottom {
  183. margin: 10px 0 0 0;
  184. display: block !important;
  185. }
  186.  
  187. .follow {padding:3px;}
  188.  
  189.  
  190. #sidetags {
  191. list-style: none;
  192. margin: 0; padding: 0;}
  193.  
  194. #sidetags li a {
  195. display: block;
  196. background: {color:Menu Link BG};
  197. color:{color:Menu Link};
  198. padding: 15px;
  199. text-transform:uppercase;
  200. font-size:{text:Sidebar Font Size};
  201. font-weight: lighter;
  202. letter-spacing: 1px;
  203. margin-bottom: 1px;
  204. -webkit-transition: all 0.3s ease;
  205. -moz-transition: all 0.3s ease;
  206. -o-transition: all 0.3s ease;
  207. transition: all 0.3s ease;}
  208.  
  209. #sidetags li a:hover {
  210. display: block;
  211. background: {color:Menu Link Hover BG};
  212. color:{color:Menu Link Hover};
  213. padding: 15px;
  214. -webkit-transition: all 0.3s ease;
  215. -moz-transition: all 0.3s ease;
  216. -o-transition: all 0.3s ease;
  217. transition: all 0.3s ease;}
  218.  
  219. .posts {
  220. background:{color:Post Background};
  221. padding:20px;
  222. margin:0;
  223. font-size:{text:Post Font Size};
  224. line-height: {text:Post Line Height};
  225. word-wrap: break-word;
  226. }
  227.  
  228. .posts a, .date a {
  229. color:{color:Post Links};
  230. text-decoration:none;}
  231.  
  232. .posts a:hover, .date a:hover {
  233. color:{color:Post Links Hover};}
  234.  
  235. blockquote {
  236. border-left:5px solid {color:Accent};
  237. padding: 0 0 0 5px;}
  238.  
  239. .bottom {margin-bottom: 40px; background:{color:Accent};}
  240.  
  241.  
  242. .tags {
  243. padding:20px;
  244. font-size:0.750em;
  245. color:{color:Tags Text};
  246. letter-spacing: 1px;
  247. line-height: 13px;
  248. word-wrap: break-word;}
  249.  
  250. .date {
  251. font-size:0.750em;
  252. padding:10px;
  253. letter-spacing: 1px;
  254. text-transform:uppercase;
  255. color: {color:Date};
  256. background: {color:Post Background};}
  257.  
  258. .date a, .date a:hover {color: {color:Date}; font-size:0.750em;}
  259.  
  260. .tags a {
  261. color:{color:Tags Links};
  262. text-decoration:none;
  263. }
  264.  
  265. .posts h2, .posts h2 a, .posts h2 a:hover {
  266. font-family:'Junge', serif;
  267. color:{color:Post Title};
  268. letter-spacing: 2px;
  269. text-transform:uppercase;
  270. font-style:italic;
  271. padding-bottom:5px;}
  272.  
  273. .photoset {padding-left:25px;}
  274.  
  275. .posts h4 {
  276. font-family: {text:Accent Font};
  277. font-size: 1.50em;
  278. font-weight: lighter;
  279. letter-spacing: 2px;}
  280.  
  281.  
  282. .chat {
  283. list-style: none;
  284. margin: 0; padding: 0;}
  285.  
  286. .chat li{
  287. display: block;
  288. background: {color:Post Background};
  289. padding: 15px;}
  290.  
  291. .question {
  292. font-family: {text:Main Font};
  293. width:85%;
  294. padding:10px;
  295. margin:auto;}
  296.  
  297. .jump_page {
  298. padding: 4px 8px;
  299. border: 2px solid {color:Accent};
  300. background-color: {color:Accent};
  301. color:{color:Menu Link};
  302. font-family:century gothic;
  303. font-size:11px;
  304. text-decoration:none;
  305. }
  306.  
  307. .page_page {
  308. padding: 4px 8px;
  309. border: 2px solid {color:Accent};
  310. background-color: {color:Accent};
  311. color:{color:Menu Link};
  312. font-family:century gothic;
  313. font-size:11px;
  314. text-decoration:none;
  315. }
  316.  
  317. .current_page, .jump_page:hover {
  318. padding: 4px 8px;
  319. border: 2px solid {color:Menu Link Hover BG};
  320. background-color: {color:Menu Link Hover BG};
  321. color: {color:Menu Link Hover};
  322. font-family:century gothic;
  323. font-size:11px;
  324. text-decoration:none;
  325. }
  326.  
  327. .pagination {
  328. text-align:center;
  329. margin-bottom:30px;}
  330.  
  331. div#qTip {
  332.  
  333. background: {color:Accent};
  334. font-size:0.929em;
  335. font-family: {text:Main Font};
  336. color: {color:Accent Text Color};
  337. text-align: center;
  338. padding: 5px 5px;
  339. display: none;
  340. position:absolute;
  341. z-index: 1000;
  342. opacity: 0.9; filter: alpha(opacity=90);}
  343.  
  344. .cover {position: relative; z-index: 1; width:250px;}
  345. playbutton {width: 20px;
  346. height: 30px;
  347. overflow: hidden;
  348. position: relative;
  349. z-index: 1000}
  350. .playbox {background-color: #000;
  351. position: absolute;
  352. z-index: 1000;
  353. margin-top: 100px;
  354. margin-left: 95px;
  355. opacity: 0.5;}
  356. .playbutton {width: 20px;
  357. height: 30px;
  358. overflow: hidden;
  359. position: relative;
  360. z-index: 1000;
  361. margin: 15px 24px 13px 16px;}
  362.  
  363. {CustomCSS}
  364. </style>
  365.  
  366. {block:IfLazyLoad}<script type=”text/javascript” src=”http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js”></script> <script type=”text/javascript” src=”http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js”></script> <script type=”text/javascript” charset=”utf-8”> var $j = jQuery.noConflict(); $j(function() { if (navigator.platform == “iPad” || navigator.platform == “iPhone”) return; $j(“img”).lazyload({ placeholder : “http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif”, effect: “fadeIn”, }); }); </script>{/block:IfLazyLoad}
  367. <script language="JavaScript" src="http://static.tumblr.com/wcml2pt/0ITmqh45e/qtip.js" type="text/JavaScript"></script>
  368. </head>
  369. <body>
  370. <!-------------H E A D E R------------->
  371.  
  372.  
  373. <div id="container">
  374. <div id="bar">{Title} <a href="/" title="Return">Return</a> <a href="/ask" title="Ask">Ask</a> <a href="/submit" title="Submit">Submit</a>
  375. <a href="/archive" title="Archive">Archive</a> </div>
  376. <div id="header">
  377. </div>
  378. <div id="wrap">
  379.  
  380. <!-------------S I D E B A R------------->
  381.  
  382. <div id="side">
  383. <h3>{text:Descript}</h3>
  384. <div class="sidestuff">
  385. {Description}
  386. </div>
  387. <h3>{text:Pages}</h3>
  388. <div class="sidestuff">
  389. <ul id="sidetags">
  390. {block:HasPages}{block:Pages}<li><a href="{URL}"title="{Label}">{Label}</a></li>{/block:Pages}{/block:HasPages}
  391. {block:IfLink1Name}<li><a href="{text:Link 1 URL}" title="{text:Link 1 Name}">{text:Link 1 Name}</a></li>{/block:IfLink1Name}
  392. {block:IfLink2Name}<li><a href="{text:Link 2 URL}" title="{text:Link 2 Name}">{text:Link 2 Name}</a></li>{/block:IfLink2Name}
  393. {block:IfLink3Name}<li><a href="{text:Link 3 URL}" title="{text:Link 3 Name}">{text:Link 3 Name}</a></li>{/block:IfLink3Name}
  394. {block:IfLink4Name}<li><a href="{text:Link 4 URL}" title="{text:Link 4 Name}">{text:Link 4 Name}</a></li>{/block:IfLink4Name}
  395. {block:IfLink5Name}<li><a href="{text:Link 5 URL}" title="{text:Link 5 Name}">{text:Link 5 Name}</a></li>{/block:IfLink5Name}
  396. </ul>
  397. </div>
  398. {block:IfLikesPart}
  399. <h3>Likes</h3>
  400. <div class="sidestuff"> {block:Likes}{Likes limit="5" summarize="100" width="200"}{/block:Likes} </div>{/block:IfLikesPart}
  401.  
  402. {block:IfFollowingPart}
  403. <h3>Following</h3>
  404. <div class="sidestuff">{block:Following}{block:Followed}<a href="{FollowedURL}" title="{FollowedTitle}"><img src="{FollowedPortraitURL-24}"class="follow"/></a>{/block:Followed} {/block:Following}</div>
  405. {/block:IfFollowingPart}
  406. <div class="sidestuff">
  407. <p align="center"><a href="{RSS}" title="RSS">RSS</a>
  408. • <a href="/mobile" title="Mobile">Mobile</a> • <a href="http://persuasivethemes.tumblr.com" title="Theme">Theme</a></p></div>
  409.  
  410. </div>
  411. <!-------------P O S T S S E C T I O N------------->
  412.  
  413. <div id="post">
  414.  
  415. {block:Posts}
  416. <div class="posts">
  417.  
  418.  
  419. {block:Text} {block:Title}<h2><a href="{Permalink}" title="{Title}">{Title}</a></h2>{/block:Title}
  420. {Body}{/block:Text}
  421.  
  422.  
  423. {block:Photo}
  424. <p align="center"><a href="{PhotoURL-HighRes}" alt="{PhotoAlt}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></a></p>
  425. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  426.  
  427.  
  428. {block:Photoset}
  429. <div class="photoset">{Photoset-500}</div>
  430. <div style="clear:both;"></div>
  431. {block:Caption}{Caption}{/block:Caption}
  432. {/block:Photoset}
  433.  
  434. {block:Quote} <h4>''{Quote}''</h4>
  435. {block:Source}{Source}{/block:Source}{/block:Quote}
  436.  
  437. {block:Link}
  438. <h2><a href="{URL}"title="{Name}">{Name}</a></h2>
  439. {block:Description}{Description}{/block:Description}
  440. {/block:Link}
  441.  
  442.  
  443. {block:Chat}
  444. {block:Title}{Title} {/block:Title}
  445. <ul class="chat">
  446. {block:Lines}
  447. <li class="{Alt} user_{UserNumber}">
  448. {block:Label}
  449. <strong>{Label}</strong>
  450. {/block:Label}
  451.  
  452. {Line}
  453. </li>
  454. {/block:Lines}
  455. </ul>
  456.  
  457. {/block:Chat}
  458.  
  459. {block:Audio}
  460. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  461. {block:AlbumArt}
  462. <img src="{AlbumArtURL}" class="cover">
  463. {/block:AlbumArt}
  464.  
  465. {block:Caption}{Caption}{/block:Caption}
  466. {/block:Audio}
  467.  
  468. {block:Video}
  469. <div class="photoset">{Video-500}</div>
  470. {block:Caption}{Caption}{/block:Caption}
  471. {/block:Video}
  472.  
  473. {block:Answer}
  474. <div class="question"><table>
  475. <tr>
  476. <td style="vertical-align:top;" width="70px;"><img src="{AskerPortraitURL-64}"></td>
  477. <td style="vertical-align:top;"><strong>{Asker} asked:</strong> {Question}</td>
  478. </tr>
  479. </table>
  480. </div>
  481. {Answer}
  482. {/block:Answer}
  483.  
  484. </div>
  485.  
  486. <!-------------BOTTOM/TAGS------------->
  487. <div class="date">{block:Date}{DayOfMonthWithZero}{DayOfMonthSuffix} {ShortMonth} {Year} {12Hour}:{Minutes}{AmPm} <strong><em><a href="{Permalink}" title="{TimeAgo}">{TimeAgo}</a>{/block:Date} <a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCountWithLabel}</a></em></strong></div>
  488. <div class="bottom">
  489. <div class="tags">
  490. {block:RebloggedFrom} <a href="{ReblogRootURL}" title="{ReblogRootName}">Source</a> <a href="{ReblogParentURL}" title="{ReblogParentName}">Via</a>{/block:RebloggedFrom} {block:HasTags}Tags: {block:Tags}<a href="{TagURL}" title="{Tag}">{Tag}</a>, {/block:Tags} {/block:HasTags}</div>
  491.  
  492. </div>
  493.  
  494. {block:PermalinkPage}{block:PostNotes}<div class="posts">{PostNotes} </div>{/block:PostNotes}{/block:PermalinkPage}
  495. {/block:Posts}
  496. {block:Pagination}
  497. <p class="pagination">
  498. <span class="page_page">PAGE {CurrentPage} of {TotalPages}</span>
  499. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo; Previous</a>{/block:PreviousPage}
  500. {block:JumpPagination length="10"}
  501. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  502. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  503. {block:NextPage}<a href="{NextPage}" class="jump_page">Next &raquo;</a>{/block:NextPage}
  504. </p>
  505. {/block:Pagination}
  506. </div>
  507. </div>
  508. </div>
  509. </body>
  510. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement