API tools faq
paste
Advertisement
feiinho

'Well Read' theme designed by Drew Modrov

feiinho
Jan 10th, 2013
236
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.51 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <!--
  3. Well Read v 1.0 - http://www.tumblr.com/theme/35117
  4. a tumblr theme
  5. created by Drew Modrov (drewm.com)
  6. -->
  7. <html lang="en">
  8. <head>
  9. <meta charset="utf-8" />
  10.  
  11. <title>{Title}</title>
  12.  
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  16. <!-- Custom Options -->
  17. <meta name="description" content="{MetaDescription}" />
  18. <meta name="color:Text Color" content="#111111"/>
  19. <meta name="color:Accent Color" content="#0088cc"/>
  20. <meta name="color:Description And Caption Text Color" content="#555555"/>
  21. <meta name="color:Meta Text Color" content="#777777"/>
  22. <meta name="color:Background Color" content="#F4F4F4"/>
  23. <meta name="image:Background Image" content="http://static.tumblr.com/nyfweju/lUom3k134/bg.png"/>
  24. <!-- Custom Layout Options -->
  25. <meta name="if:Infinite Scrolling" content="1"/>
  26. <meta name="if:Show Header Navigation" content="1"/>
  27. <meta name="if:Show Footer Navigation" content="1"/>
  28. <meta name="if:Archive Enabled" content="0"/>
  29. <meta name="if:RSS Enabled" content="0"/>
  30. <meta name="if:Show Tags" content="1"/>
  31. <meta name="if:Show Date And Notes" content="1"/>
  32. <meta name="if:Show Notes On Permalink Pages" content="0" />
  33. <meta name="if:Show Header Icons" content="0"/>
  34. <meta name="if:Show Footer Icons" content="1"/>
  35. <meta name="if:Center Your Photo Captions" content="1"/><!--looks better on short captions -->
  36. <meta name="if:Center Your Video Captions" content="1"/><!--looks better on short captions -->
  37. <meta name="if:Center Your Audio Captions" content="1"/><!--looks better on short captions -->
  38. <meta name="if:Show Album Art" content="1"/>
  39. <meta name="if:Center Quotes" content="0"/>
  40. <meta name="if:Center Link Descriptions" content="0"/><!-- good for short descriptions -->
  41. <!-- Custom Usernames -->
  42. <meta name="text:Google Analytics ID" content="" />
  43. <meta name="text:Twitter Username" content="" />
  44. <meta name="text:Vimeo Username" content="" />
  45. <meta name="text:Dribbble Username" content="" />
  46. <meta name="text:Pinterest Username" content="" />
  47. <meta name="text:GooglePlus User ID" content="" />
  48. <meta name="text:Tumblr Username" content="" />
  49. <meta name="text:Forrst Username" content="" />
  50. <meta name="text:Github Username" content="" />
  51. <meta name="text:Youtube Username" content="" />
  52. <meta name="text:Foursquare Username" content="" />
  53. <meta name="text:Quora Username" content="" />
  54. <meta name="text:StumbleUpon Username" content="" />
  55. <meta name="text:Facebook Username" content="" />
  56. <meta name="text:Flickr Username" content="" />
  57. <meta name="text:Lastfm Username" content="" />
  58.  
  59. <!--[if lt IE 9]>
  60. <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  61. <![endif]-->
  62. <link href='http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  63. <link href="http://static.tumblr.com/nyfweju/1HXm55y1o/wellread.css" rel="stylesheet">
  64. <style type="text/css">
  65. /*
  66. * Basic/Usual Styles
  67. */
  68. body {
  69. background: {color:Background Color} url('{image: Background Image}');
  70. font-family: 'Lora', Georgia, serif;
  71. font-size: 16px;
  72. line-height: 1.5em;
  73. color: {color:Text Color};
  74. padding: 2em 0 1.5em;
  75. }
  76. p {
  77. margin: 1em 0;
  78. }
  79. ol, ul {
  80. margin: 1em 0;
  81. padding: 0;
  82. }
  83. ul li, ol li {
  84. margin: 0;
  85. padding: 0;
  86. }
  87. blockquote {
  88. border-left: 4px solid {color:Accent Color};
  89. padding-left: 1em;
  90. }
  91. a:link, a:visited {
  92. color: {color:Accent Color};
  93. text-decoration: none;
  94. }
  95. a:hover {
  96. color: {color:Text Color};
  97. -moz-transition: all 0.3s ease-out;
  98. -webkit-transition: all 0.3s ease-out;
  99. -o-transition: all 0.3s ease-out;
  100. transition: all 0.3s ease-out;
  101. }
  102. /*
  103. * Header and Footer Styles
  104. */
  105. h1 { /* Blog Title */
  106. font-size: 3.25em;
  107. line-height: 1em;
  108. }
  109. h1 a:link, h1 a:visited {
  110. color: {color:Text Color};
  111. text-decoration: none;
  112. }
  113. h1 a:hover, h1 a:active {
  114. color: {color:Accent Color};
  115. }
  116. h2 { /* Description */
  117. font-size: 1em;
  118. font-weight: normal;
  119. font-style: italic;
  120. color: {color:Description And Caption Text Color};
  121. }
  122. nav ul li, .footernav ul li {
  123. margin: 0;
  124. display: inline;
  125. padding: 0 5px;
  126. border-right: 1px solid #ccc;
  127. font-size: 1.25em;
  128. text-decoration: none;
  129. }
  130. .footernav ul li {
  131. font-size: 1em;
  132. }
  133. nav li:last-child, .footernav li:last-child {
  134. border-right: 0;
  135. }
  136. nav li a:hover, .footernav li a:hover {
  137. color: {color:Text Color};
  138. }
  139. .icons {
  140. margin-top: .5em;
  141. margin-bottom: .5em;
  142. }
  143. .icons img {
  144. margin: 2px;
  145. }
  146. footer .row {
  147. line-height: 1.25em;
  148. font-size: .8em;
  149. }
  150. /*
  151. * Post Styles
  152. */
  153. h3 {
  154. font-size: 2em;
  155. font-weight: bold;
  156. }
  157. h3 a:link, h3 a:visited {
  158. color: {color:Text Color};
  159. text-decoration: none;
  160. }
  161. h3 a:hover, h3 a:active {
  162. color: {color:Accent Color};
  163. }
  164. .caption, .description {
  165. color: {color:Description And Caption Text Color};
  166. font-size: 1em;
  167. font-style: italic;
  168. }
  169. .label {
  170. font-weight: bold;
  171. font-style: italic;
  172. }
  173. .photoset img {
  174. margin: 1em 0;
  175. }
  176. .quote {
  177. font-size: 1.5em;
  178. font-style: italic;
  179. line-height: 1.5em;
  180. }
  181. .meta {
  182. font-size: .8em;
  183. margin-top: 1.5em;
  184. color: {color:Meta Text Color};
  185. }
  186. .meta a:link, .meta a:visited {
  187. color: {color:Meta Text Color};
  188. font-style: italic;
  189. }
  190. .meta a:hover, .meta a:active {
  191. color: {color:Accent Color};
  192. }
  193. /*
  194. * Permalink Page Note Styles
  195. */
  196. .notes {
  197. list-style: none;
  198. font-size: .9em;
  199. }
  200. .notes a {
  201. color: {color:Description And Caption Text Color};
  202. }
  203. .notes a:hover {
  204. color: {color:Text Color};
  205. }
  206. .notes li {
  207. padding: .5em 0;
  208. border-bottom: 1px solid #eee;
  209. }
  210. .notes .avatar {
  211. margin: 0 5px 0 0;
  212. position: relative;
  213. top: 5px;
  214. }
  215. .notes blockquote {
  216. margin: 1em 0 0 2em;
  217. padding-left: .5em;
  218. border-left: 2px solid #aaa;
  219. }
  220. /*
  221. * Pagination Styles
  222. */
  223. .pagination {
  224. font-style: italic;
  225. margin-bottom: 1.5em;
  226. }
  227. .paginationmiddle, .paginationright, .paginationleft {
  228. width:1;
  229. display: inline-block;
  230. margin: 0 auto;
  231. }
  232. /*
  233. * Misc.Styles
  234. */
  235. .center {
  236. text-align: center;
  237. }
  238. .right {
  239. text-align: right;
  240. }
  241. .left {
  242. text-align: left;
  243. }
  244. .margin {
  245. margin-left: 20px;
  246. }
  247. .dropcap {
  248. font-size : 2em;
  249. font-weight : bold;
  250. float : left;
  251. line-height: 1em;
  252. padding: 0 8px;
  253. }
  254. hr {
  255. height: 1px;
  256. width: 75%;
  257. background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  258. background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  259. background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  260. background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  261. border: 0;
  262. margin: 3em auto;
  263. }
  264. hr.header {
  265. margin: 1.5em auto;
  266. }
  267. hr.posts:last-child {
  268. margin-bottom: 0;
  269. }
  270. hr.footer {
  271. margin: 1em auto;
  272. }
  273. #topbutton {
  274. display: none;
  275. position: fixed;
  276. right: 10px;
  277. bottom: 10px;
  278. color: {color:Text Color};
  279. font-size: 1.5em;
  280. padding: 4px;
  281. text-shadow: 2px 2px #aaa;
  282. }
  283. #topbutton:hover {
  284. text-decoration: none;
  285. color: {color:Accent Color};
  286. }
  287. /*
  288. * User Inputted Styles
  289. */
  290. {CustomCSS}
  291. </style>
  292. <link href="http://static.tumblr.com/nyfweju/gRBm55y2g/wellreadresponsive.css" rel="stylesheet"> <!-- css for media queries -->
  293. </head>
  294. <body id="top">
  295. <div class="container"> <!-- begin container -->
  296. <div class="row"> <!-- begin row -->
  297. <div class="span12 center">
  298. <h1><a href="/">{Title}</a></h1>
  299. {block:Description}<h2 id="description">{Description}</h2>{/block:Description}
  300. </div>
  301. </div> <!-- end row -->
  302.  
  303. {block:IfShowHeaderNavigation}<div class="row"><!--begin headnav row-->
  304. <div class="span12 center">
  305. <nav>
  306. <ul>
  307. {block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a></li>{block:Pages}{/block:HasPages}
  308. {block:AskEnabled}<li><a href="/ask">Ask</a></li>{/block:AskEnabled}
  309. {block:SubmissionsEnabled}<li><a href="/submit">Submit</a></li>{/block:SubmissionsEnabled}
  310. {block:IfArchiveEnabled}<li><a href="/archive">Archive</a></li>{/block:IfArchiveEnabled}
  311. {block:IfRSSEnabled}<li><a href="{RSS}">RSS</a></li>{/block:IfRSSEnabled}
  312. </ul>
  313. </nav>
  314. </div>
  315. </div><!-- end headnav row -->{/block:IfShowHeaderNavigation}
  316.  
  317.  
  318. <hr class="header">
  319. {block:IfInfiniteScrolling}<div class="autopagerize_page_element">{/block:IfInfiniteScrolling}
  320. {block:Posts} <div class="permalink">{NoteCountWithLabel} <a href="{permalink}"> ∞ Permalink</a> + <a href="{ReblogURL}" target="_blank">Reblog</a></div>
  321. <div class="row"><!-- begin post row -->
  322. {block:Text}
  323. <div class="span10 offset1">
  324. {block:Title}
  325. <div class="center"><h3><a href="{Permalink}">{Title}</a></h3></div>
  326. {/block:Title}
  327. {Body}
  328. </div>
  329. {/block:Text}
  330. {block:Photo}
  331. <div class="span12 center">
  332. {LinkOpenTag}<img src="{PhotoURL-HighRes}" style="max-width:1;" alt="{PhotoAlt}"/>{LinkCloseTag}
  333. {block:NotReblog}
  334. <div class="row">
  335. <div class="span10 offset1">
  336. {block:Caption}
  337. <div class="{block:IfNotCenterYourPhotoCaptions}left{/block:IfNotCenterYourPhotoCaptions} caption">{Caption}</div>
  338. {/block:Caption}
  339. </div>
  340. </div>
  341. {/block:NotReblog}
  342. {block:RebloggedFrom}
  343. <div class="row">
  344. <div class="span10 offset1">
  345. {block:Caption}
  346. <div class="caption left">{Caption}</div>
  347. {/block:Caption}
  348. </div>
  349. </div>
  350. {/block:RebloggedFrom}
  351. </div>
  352. {/block:Photo}
  353. {block:Photoset}
  354. <div class="span12 center photoset">
  355. {block:Photos}
  356. <a href="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}" style="max-width:1;" alt="{PhotoAlt}"/>
  357. {/block:Photos}
  358. {block:NotReblog}
  359. <div class="row">
  360. <div class="span10 offset1">
  361. {block:Caption}
  362. <div class="{block:IfNotCenterYourPhotoCaptions}left{/block:IfNotCenterYourPhotoCaptions} caption">{Caption}</div>
  363. {/block:Caption}
  364. </div>
  365. </div>
  366. {/block:NotReblog}
  367. {block:RebloggedFrom}
  368. <div class="row">
  369. <div class="span10 offset1">
  370. {block:Caption}
  371. <div class="caption left">{Caption}</div>
  372. {/block:Caption}
  373. </div>
  374. </div>
  375. {/block:RebloggedFrom}
  376. </div>
  377. {/block:Photoset}
  378. {block:Quote}
  379. <div class="span8 offset2 {block:IfCenterQuotes}center{/block:IfCenterQuotes}">
  380. <p class="quote">{Quote}</p>
  381. {block:Source}
  382. <p class="caption {block:IfNotCenterQuotes}right{/block:IfNotCenterQuotes} {block:IfCenterQuotes}center{/block:IfCenterQuotes}">- {Source}</p>
  383. {/block:Source}
  384. </div>
  385. {/block:Quote}
  386. {block:Link}
  387. <div class="span10 offset1 center ">
  388. <h3><a href="{URL}" class="link" {Target}>{Name}</a> &rarr;</h3>
  389. {block:Description}<div class="description {block:IfNotCenterlinkDescriptions}left{block:IfNotCenterlinkDescriptions} {block:RebloggedFrom}left{/block:RebloggedFrom}">{Description}</div>{/block:Description}
  390. </div>
  391. {/block:Link}
  392. {block:Chat}
  393. <div class="span8 offset2">
  394. {block:Title}
  395. <div class="center"><h3><a href="{Permalink}">{Title}</a></h3></div>
  396. {/block:Title}
  397. {block:Lines}
  398. <p class="{Alt} user_{UserNumber} chatline">
  399. {block:Label}<span class="label">{Label}</span>{/block:Label} {Line}
  400. </p>
  401. {/block:Lines}
  402. {block:RebloggedFrom}<p class="description">(Reblogged from <a href="{ReblogParentURL}">{ReblogParentName})</a>{/block:RebloggedFrom}
  403. </div>
  404. {/block:Chat}
  405. {block:Video}
  406. <div class="span10 offset1 center">
  407. {Video-500}
  408. {block:NotReblog}
  409. <div class="row">
  410. <div class="span6 offset2">
  411. {block:Caption}
  412. <div class="{block:IfNotCenterYourVideoCaptions}left{/block:IfNotCenterYourVideoCaptions} caption">{Caption}</div>
  413. {/block:Caption}
  414. </div>
  415. </div>
  416. {/block:NotReblog}
  417. {block:RebloggedFrom}
  418. <div class="row">
  419. <div class="span6 offset2">
  420. {block:Caption}
  421. <div class="caption left">{Caption}</div>
  422. {/block:Caption}
  423. </div>
  424. </div>
  425. {/block:RebloggedFrom}
  426. </div>
  427. {/block:Video}
  428. {block:Audio}
  429. <div class="span10 offset1 center">
  430. {block:IfShowAlbumArt}{block:AlbumArt}
  431. <img src="{AlbumArtURL}" />
  432. {/block:AlbumArt}{/block:IfShowAlbumArt}
  433. <p>{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</p>
  434. {block:NotReblog}
  435. <div class="row">
  436. <div class="span4 offset3">
  437. {block:Caption}
  438. <div class="{block:IfNotCenterYourAudioCaptions}left{/block:IfNotCenterYourAudioCaptions} caption">{Caption}</div>
  439. {/block:Caption}
  440. {block:ExternalAudio}
  441. <div class="caption left"><a href="{ExternalAudioURL}">{lang:Download}</a></div>
  442. {/block:ExternalAudio}
  443. </div>
  444. </div>
  445. {/block:NotReblog}
  446. {block:RebloggedFrom}
  447. <div class="row">
  448. <div class="span4 offset3">
  449. {block:Caption}
  450. <div class="caption left">{Caption}</div>
  451. {/block:Caption}
  452. {block:ExternalAudio}
  453. <div class="caption left"><a href="{ExternalAudioURL}">{lang:Download}</a></div>
  454. {/block:ExternalAudio}
  455. </div>
  456. </div>
  457. {/block:RebloggedFrom} </div>
  458. {/block:Audio}
  459. </div> <!-- end post row -->
  460. {block:IfShowTags}{block:IfShowDateAndNotes}<!-- show both tags and date/notes -->
  461. <div class="row meta">
  462. <div class="span7 offset1">
  463. {block:HasTags}Tags: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}&nbsp;
  464. </div>
  465. <div class="span3 right">
  466. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix} {Year}</a>{block:IndexPage} &middot; <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:IndexPage}
  467. </div>
  468. </div>
  469. {/block:IfShowDateAndNotes}{/block:IfShowTags}
  470. {block:IfNotShowDateAndNotes}{block:IfShowTags}<!-- show only tags -->
  471. {block:HasTags}
  472. <div class="row meta">
  473. <div class="span10 offset1">
  474. Tags: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
  475. </div>
  476. </div>
  477. {/block:HasTags}
  478. {/block:IfShowTags}{/block:IfNotShowDateAndNotes}
  479.  
  480. {block:IfNotShowTags}{block:IfShowDateAndNotes}<!-- show only date/notes -->
  481. <div class="row meta">
  482. <div class="span3 offset8 right">
  483. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix} {Year}</a>{block:IndexPage} &middot; <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:IndexPage}
  484. </div>
  485. </div>
  486. {/block:IfShowDateAndNotes}{/block:IfNotShowTags}
  487.  
  488. {block:IfNotShowTags}{block:IfNotShowDateAndNotes}
  489. <!-- show no tags, dates, and notes -->
  490. {/block:IfNotShowDateAndNotes}{/block:IfNotShowTags}
  491. {block:IndexPage}
  492. <hr class="posts">
  493. {/block:IndexPage}
  494. {/block:Posts}
  495. {block:IfInfiniteScrolling}</div>{/block:IfInfiniteScrolling}
  496. {block:IfShowNotesOnPermalinkPages}
  497. {block:PostNotes}
  498. <hr class="posts">
  499. <div class="row">
  500. <div class="span8 offset2 notes">
  501. {PostNotes}
  502. </div>
  503. </div>
  504. {/block:PostNotes}
  505. {/block:IfShowNotesOnPermalinkPages}
  506. {block:IndexPage}{block:IfNotInfiniteScrolling}
  507. <div class="row pagination"> <!-- begin pagination row -->
  508. <div class="span12 center">
  509. <div class="paginationleft right">
  510. {block:NextPage}<a href="{NextPage}">&larr;</a>{/block:NextPage}
  511. </div>
  512. <div class="paginationmiddle">{CurrentPage} of {TotalPages}</div>{block:JumpPagination length="200"}
  513. {block:CurrentPage}
  514. <span class="current-page">{PageNumber}</span>
  515. {/block:CurrentPage}
  516. {block:JumpPage}
  517. <a href="{URL}">{PageNumber}</a>
  518. {/block:JumpPage}
  519. {/block:JumpPagination}
  520. <div class="paginationright left">
  521.  
  522. {block:PreviousPage}<a href="{PreviousPage}">&rarr;</a>{/block:PreviousPage}
  523. </div>
  524. </div>
  525. </div> <!-- end pagination row -->
  526. <hr class="footer">
  527. {/block:IfNotInfiniteScrolling}{/block:IndexPage}
  528. {block:PermalinkPage}<hr class="footer">{/block:PermalinkPage}
  529. <footer>
  530. {block:IfShowFooterNavigation}<div class="row footernav">
  531. <div class="span12 center">
  532. <ul>
  533. {block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a></li>{block:Pages}{/block:HasPages}
  534. {block:AskEnabled}<li><a href="/ask">Ask</a></li>{/block:AskEnabled}
  535. {block:SubmissionsEnabled}<li><a href="/submit">Submit</a></li>{/block:SubmissionsEnabled}
  536. {block:IfArchiveEnabled}<li><a href="/archive">Archive</a></li>{/block:IfArchiveEnabled}
  537. {block:IfRSSEnabled}<li><a href="{RSS}">RSS</a></li>{/block:IfRSSEnabled}
  538. </ul>
  539. </div>
  540. </div>{/block:IfShowFooterNavigation}
  541.  
  542. <div class="row">
  543. <div class="span12 center">
  544. <a href="http://www.tumblr.com/theme/35117">'Well Read'</a> theme designed by <a href="http://drewm.com">Drew Modrov</a>.
  545. </div>
  546. </div>
  547. </footer>
  548.  
  549. </div> <!-- close container -->
  550.  
  551. {block:IfGoogleAnalyticsID}
  552. <script type="text/javascript">
  553. var _gaq = _gaq || [];
  554. _gaq.push(['_setAccount', '{text:Google Analytics ID}']);
  555. _gaq.push(['_trackPageview']);
  556. (function() {
  557. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  558. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  559. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  560. })();
  561. </script>
  562. {block:IfGoogleAnalyticsID}
  563. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">></script>
  564. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/lPHlj76n8/infinitescrollingbycodysherman.js"></script>
  565. {block:IfInfiniteScrolling}{block:IndexPage}<script type="text/javascript" src="http://static.tumblr.com/nyfweju/IhCm55z88/jquery.scrollto-min.js"></script>
  566. <script type="text/javascript" src="http://static.tumblr.com/nyfweju/tZsm55z7g/jquery.topbutton.js"></script>
  567. <a href="#top" id="topbutton">&uarr;</a>{/block:IndexPage}{/block:IfInfiniteScrolling}
  568. </body>
  569. </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!