Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

theme nine | believenotlies.tumblr

By: believenotlies on Nov 24th, 2011  |  syntax: None  |  size: 7.64 KB  |  hits: 562  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <html>
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. <!-- BELIEVENOTLIES.TUMBLR.COM | DO NOT COPY OR STEAL -->
  6.  
  7. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  8.  
  9. <link rel="shortcut icon" href="{PortraitURL-16}">
  10.  
  11. <script type="text/javascript" src="http://ettudis.three-words.net/js/infinitescroll.js"></script>
  12.  
  13. <link href='http://fonts.googleapis.com/css?family=Miltonian' rel='stylesheet' type='text/css'>
  14.  
  15. <head>
  16.  
  17. <!-- DEFAULT VARIABLES | COLORS  -->
  18. <meta name="color:accent" content="#000000" />
  19.  
  20. <!-- DEFAULT VARIABLES | OPTIONALS  -->
  21. <meta name="text:URL 1" content="" />
  22. <meta name="text:URL TITLE 1" content="" />
  23. <meta name="if:infinite scroll" content="" />
  24.  
  25. <title>{Title}</title>
  26.    
  27. <style type="text/css">
  28. iframe#tumblr_controls {
  29. top: 2px !important;
  30. opacity: 0.7;
  31. margin: 0 0 0 0;
  32. right: 4px !important;
  33. position:fixed !important;
  34. }
  35.  
  36. ::-webkit-scrollbar {
  37. height: 4px;
  38. width: 4px;
  39. background: #FFF;
  40. }
  41. ::-webkit-scrollbar-thumb {
  42. background: #E3E3E3;
  43. }
  44. ::-webkit-scrollbar-corner {
  45. background: #FFF;
  46. }
  47.  
  48. body {
  49. margin: 0px;
  50. background: #FFF url('http://i39.tinypic.com/4uh21d.png');
  51. background-position: left;
  52. background-attachment: fixed;
  53. background-repeat: repeat-y;
  54. font-family: Trebuchet MS;
  55. color: #999;
  56. font-size: 10px;
  57. line-height: 9px;
  58. text-transform: lowercase;
  59. }
  60.  
  61. a:link, a:active, a:visited, a:hover {
  62. text-decoration: none;
  63. color: #CCC;
  64. }
  65.  
  66. #nav {
  67. text-align: center;
  68. }
  69.  
  70. #nav a {
  71. width: 105px;
  72. display: inline-block;
  73. background-color: #000;
  74. font: 7px Trebuchet MS;
  75. text-align: center;
  76. text-transform: uppercase;
  77. letter-spacing: 2px;
  78. padding: 2px;
  79. margin-top: 2px;
  80. -webkit-border-radius: 14px;
  81. -moz-transition: all .5s ease-in-out;
  82. -webkit-transition: all .5s ease-in-out;
  83. -webkit-box-shadow: 0px 0px 10px #CCC;
  84. }
  85.  
  86. #nav a:hover {
  87. color: #FFF;
  88. }
  89.  
  90. @font-face { font-family: "sunshine"; src: url('http://static.tumblr.com/5fd89aw/U3vli7rvs/sunshine_in_my_soul.ttf'); }
  91.  
  92. .blogtitle a {
  93. display: block;
  94. background: #F5F5F5;
  95. text-align: center;
  96. font: normal 22px sunshine;
  97. color: {color:accent};
  98. text-shadow: 1px 1px 2px #CCC;
  99. line-height: 22px;
  100. letter-spacing: -1px;
  101. padding: 8px 8px 4px 8px;
  102. }
  103.  
  104. .description {
  105. background-color: #FFF;
  106. border: 1px solid #E3E3E3;
  107. margin: 4px 0px 4px 0px;
  108. padding: 10px;
  109. }
  110.  
  111. #sidebar {
  112. width: 230px;
  113. height: 100%;
  114. position: fixed;
  115. right: 180px;
  116. padding: 10px;
  117. margin: 0px 25px 0px 0px;
  118. background: #FAFAFA;
  119. border: 1px solid #E3E3E3;
  120. border-top: none;
  121. border-bottom: none;
  122. }
  123.  
  124. #pagination {
  125. padding-top: 80px;
  126. }
  127.  
  128. #container {
  129. padding: 0px 20px 20px 20px;
  130. margin: 5px 530px 20px 0px;
  131. width: 540px;
  132. height: 540px;
  133. float: right;
  134. }
  135.  
  136. #post {
  137. background: #FFF;
  138. padding: 10px 15px 10px 10px;
  139. -webkit-box-shadow: 0px 0px 10px #CCC;
  140. }
  141.  
  142. #date {
  143. background: #000;
  144. font-size: 7px;
  145. font-weight: bold;
  146. text-align: center;
  147. line-height: 8px;
  148. text-transform: uppercase;
  149. letter-spacing: 2px;
  150. padding: 8px 0px 8px 0px;
  151. margin-top: 20px;
  152. -webkit-box-shadow: 0px 0px 10px #CCC;
  153. }
  154.  
  155. .title {
  156. font: normal 26px sunshine;
  157. color: {color:accent};
  158. text-shadow: 1px 1px 2px #CCC;
  159. line-height: 26px;
  160. letter-spacing: -2px;
  161. margin-left: 4px;
  162. }
  163.  
  164. #postnotes {
  165. text-align: justify;
  166. }
  167.  
  168. #source {
  169. text-transform: uppercase;
  170. text-align: right;
  171. }
  172.  
  173. #quotemark {
  174. font: normal 140px Georgia;
  175. color: #EAEAEA;
  176. padding-left: 5px;
  177. line-height: 80px;
  178. margin-top: 10px;
  179. }
  180.  
  181. #quote {
  182. font: normal 18px sunshine;
  183. line-height: 18px;
  184. letter-spacing: -1px;
  185. color: {color:accent};
  186. text-shadow: 1px 1px 2px #CCC;
  187. margin-top: -85px;
  188. padding-left: 40px;
  189. }
  190.  
  191. .notes img {
  192. width: 10px;
  193. position: relative;
  194. top: 1px;
  195. margin-left: 5px;
  196. }
  197.  
  198. blockquote {
  199. border-left: 2px solid #CCC;
  200. padding-left: 10px;
  201. }
  202.  
  203. .user_1 .label, .user_4 .label, .user_7 .label, .user_2 .label, .user_5 .label, .user_8 .label, .user_3 .label, .user_6 .label,
  204. .user_9 .label {
  205. color: {color:hover};
  206. }
  207.  
  208.         </style>
  209.         </head>
  210.        
  211. <body>
  212.  
  213. <div id="sidebar">
  214.  
  215. <img src="http://i56.tinypic.com/vfefxy.jpg">
  216.  
  217. <div class="description">
  218.  
  219. <div class="blogtitle"><a href="/">{Title}</a></div><BR>
  220.  
  221. {Description}
  222.  
  223. </div>
  224.  
  225. <div id="nav">
  226. <a href="/archive">archive</a>
  227.  
  228. <a href="/ask">questions?</a>
  229.  
  230. {block:ifURL1}
  231. <a href="{text:URL 1}">{text:URL TITLE 1}</a>
  232. {/block:ifURL1}
  233.  
  234. <a href="http://believenotliesthemes.tumblr.com/">theme</a>
  235.  
  236. </div>
  237.  
  238. <BR><img src="http://oi53.tinypic.com/294lagn.jpg">
  239.  
  240. <div id="pagination">
  241. <center>
  242.  
  243. {block:ifinfinitescroll}
  244. <span class="title">
  245. {block:PreviousPage}
  246. <a href="{PreviousPage}">newer</a> /
  247. {/block:PreviousPage}
  248.  
  249. {block:NextPage}
  250. <a href="{NextPage}">older</a>
  251. {/block:NextPage}
  252. {/block:ifinfinitescroll}
  253.  
  254. {block:PermalinkPagination}
  255. {block:NextPost}
  256. <a href="{NextPost}">newer</a> /
  257. {/block:NextPost}
  258.  
  259. {block:PreviousPost}
  260. <a href="{PreviousPost}">older</a>
  261. {/block:PreviousPost}
  262. {/block:PermalinkPagination}
  263. </span>
  264. </center>
  265. </div>
  266.  
  267. </div>
  268.  
  269.  
  270. <!-- THE WEBLOG  -->
  271.  
  272.  
  273. <div id="container">
  274. {block:ifinfinitescroll}
  275. <div class=”autopagerize_page_element”>
  276. {/block:ifinfinitescroll}
  277.  
  278. {block:Posts}
  279.  
  280. <div id="date"><a href="{Permalink}" class="date">
  281. {block:Date}{DayOfWeek} {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}{/block:Date}</a>
  282. </div>
  283.  
  284. {block:Text}
  285. <div id="post">
  286. {block:Title}
  287. <center><span class="title">{Title}</span></center>
  288. {/block:Title}
  289. {Body}
  290. </div>
  291. {/block:Text}
  292.  
  293.  
  294. {block:Photo}
  295. <div id="post">
  296. <center>
  297. <a href="{Permalink}" title="{PhotoAlt}" target="_blank"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></a></center>
  298. {block:Caption}{Caption}{/block:Caption}
  299. </div>
  300. {/block:Photo}
  301.  
  302.  
  303. {block:Photoset}
  304. <div id="post">
  305. <center>{Photoset-500}</center>
  306. {block:Caption}{Caption}{/block:Caption}
  307. </div>
  308. {/block:Photoset}
  309.  
  310.  
  311. {block:Link}
  312. <div id="post">
  313. <center><a href="{URL}" class="title">{Name}</a></center>
  314. {block:Description}{Description}{/block:Description}
  315. </div>
  316. {/block:Link}
  317.  
  318.  
  319. {block:Quote}
  320. <div id="post">
  321. <div id="quotemark">“</div><div id="quote">{Quote}</div>
  322. {block:Source}
  323. <div id="source"> — {Source}</div>
  324. {/block:Source}
  325. </div>
  326. {/block:Quote}
  327.  
  328.  
  329. {block:Chat}
  330. <div id="post">
  331. {block:Title}<center><span class="title">{Title}</span></center>{/block:Title}
  332. <ul class="chat">
  333. {block:Lines}
  334. <li class="user_{UserNumber}">
  335. {block:Label}
  336. <span class="label">{Label}</span>
  337. {/block:Label}
  338. {Line}
  339. </li>
  340. {/block:Lines}
  341. </ul>
  342. </div>
  343. {/block:Chat}
  344.  
  345.  
  346. {block:Audio}
  347. <div id="post">
  348. <center>
  349. {AudioPlayerWhite}
  350. {block:TrackName}{TrackName}{/block:TrackName} by {block:Artist}{Artist}{/block:Artist}
  351. </center>
  352. {block:Caption}{Caption}{/block:Caption}
  353. </div>
  354. {/block:Audio}
  355.  
  356.  
  357. {block:Video}
  358. <div id="post">
  359. <center>
  360. {Video-500}<BR>
  361. {block:Caption}{Caption}{/block:Caption}
  362. </center>
  363. </div>
  364. {/block:Video}
  365.  
  366.  
  367. {block:PostNotes}
  368. <center>
  369. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  370.  
  371. <br>
  372. {block:RebloggedFrom}
  373. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a> // originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}
  374. </center>
  375.  
  376. <div id="postnotes">
  377. {PostNotes}
  378. </div>
  379.  
  380. <center>{block:ContentSource}
  381. <br><a href="{SourceURL}">
  382. {lang:Source}:
  383. {block:SourceLogo}
  384. <img src="{BlackLogoURL}" width="{LogoWidth}"
  385. height="{LogoHeight}" alt="{SourceTitle}" />
  386. {/block:SourceLogo}
  387. {block:NoSourceLogo}
  388. {SourceLink}
  389. {/block:NoSourceLogo}
  390. </a>
  391. {/block:ContentSource}</center>
  392.  
  393. {/block:PostNotes}
  394.  
  395. {/block:Posts}
  396. <BR>
  397. <BR>
  398.  
  399. {block:ifinfinitescroll}
  400. </div>
  401. {/block:ifinfinitescroll}
  402.  
  403. </div>
  404.  
  405.  
  406.  
  407. </body>
  408. </html>
create a new version of this paste RAW Paste Data