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

theme five | believenotlies.tumblr

By: believenotlies on Nov 8th, 2011  |  syntax: None  |  size: 8.28 KB  |  hits: 335  |  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. <head>
  10.  
  11. <!-- DEFAULT VARIABLES | COLORS  -->
  12. <meta name="color:accent" content="#999999" />
  13. <meta name="color:hover" content="#C1C1C1" />
  14.  
  15. <!-- DEFAULT VARIABLES | OPTIONALS -->
  16. <meta name="text:URL 1" content="" />
  17. <meta name="text:title 1" content="" />
  18. <meta name="text:URL 2" content="" />
  19. <meta name="text:title 2" content="" />
  20. <meta name="text:URL 3" content="" />
  21. <meta name="text:title 3" content="" />
  22. <meta name="text:URL 4" content="" />
  23. <meta name="text:title 4" content="" />
  24.  
  25. <!-- DEFAULT VARIABLES | IMAGES -->
  26. <meta name="image:background" content="http://i42.tinypic.com/35hjodw.png"/>
  27.  
  28.  
  29. <title>{Title}</title>
  30.  
  31. <style type="text/css">
  32. iframe#tumblr_controls {
  33. top: 2px !important;
  34. margin: 0 0 0 0;
  35. right: 1px !important;
  36. position: fixed !important;
  37. }
  38.  
  39. ::-webkit-scrollbar {
  40. height: 5px;
  41. width: 5px;
  42. background: #fff;
  43. }
  44. ::-webkit-scrollbar-thumb {
  45. background: #FAFAFA;
  46. }
  47. ::-webkit-scrollbar-corner {
  48. background: transparent;
  49. }
  50.  
  51. @font-face { font-family: "stars"; src: url('http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf'); }
  52.  
  53. body {
  54. margin: 0px;
  55. background: #FAFAFA url('{image:background}');
  56. background-attachment: fixed;
  57. background-repeat: repeat;
  58. font-family: Trebuchet MS;
  59. color: #999999;
  60. font-size: 9px;
  61. line-height: 9px;
  62. letter-spacing: 0px;
  63. text-transform: lowercase;
  64. }
  65.  
  66. a:link, a:active, a:visited {
  67. color: {color:accent};
  68. text-decoration: none;
  69. }
  70.  
  71. a:hover {
  72. color: {color:hover};
  73. text-decoration: none;
  74. -webkit-transition: all 0.4s ease-out;
  75. -moz-transition: all 0.4s ease-out;
  76. }
  77.  
  78. a.date:hover {
  79. color: {color:accent};
  80. }
  81.  
  82. a img {
  83. border: 0px;
  84. }
  85.  
  86. .title {
  87. font: normal 18px 'stars';
  88. color: {color:accent};
  89. line-height: 25px;
  90. letter-spacing: 0px;
  91. text-transform: lowercase;
  92. margin-left: 4px;
  93. }
  94.  
  95. h1 {
  96. font: normal 18px 'stars';
  97. color: {color:accent};
  98. line-height: 25px;
  99. }
  100.  
  101. nav {
  102. display: block;
  103. font: normal 8px Trebuchet MS;
  104. background-color: #FAFAFA;
  105. text-transform: uppercase;
  106. text-align: center;
  107. padding: 1px;
  108. padding-left: 2px;
  109. margin-bottom: 2px;
  110. letter-spacing: 4px;
  111. border: none;
  112. width: 100%;
  113. }
  114.  
  115. #title {
  116. text-align: left;
  117. font: normal 30px 'stars';
  118. color: #FFF;
  119. line-height: 25px;
  120. letter-spacing: -1px;
  121. text-transform: lowercase;
  122. margin-bottom: -45px;
  123. margin-left: 4px;
  124. text-shadow: 0.05em 0.05em 0.3em #DFDFDF;
  125. }
  126.  
  127. #credit {
  128. text-align: right;
  129. margin: 2px;
  130. text-shadow: 0.05em 0.05em 0.3em #DFDFDF;
  131. }
  132.  
  133. #box {
  134. width: 870px;;
  135. position: top;
  136. margin: auto;
  137. margin-top: 60px;
  138. }
  139.  
  140. #center {
  141. padding: 5px;
  142. width: 830px;
  143. background-color: #FFF;
  144. overflow: hidden;
  145. position: top;
  146. border: 15px solid #FAFAFA;
  147. margin: auto;
  148. margin-top: 40px;
  149. margin-bottom: 0px;
  150. }
  151.  
  152. #sidebar {
  153. padding: 10px 0px 10px 10px;
  154. width: 250px;
  155. position: fixed!important;
  156. float: left;
  157. }
  158.  
  159. #posts {
  160. padding: 15px 10px 0px 0px;
  161. width: 510px;
  162. height: 420px;
  163. overflow-x: hidden;
  164. overflow-y: scroll;
  165. float: right;
  166. background-color: #FFF;
  167. }
  168.  
  169. #date {
  170. display: block;
  171. font-family: Trebuchet MS;
  172. font-size: 7px;
  173. padding: 2px;
  174. text-align: left;
  175. line-height: 9px;
  176. letter-spacing: 0px;
  177. text-transform: uppercase;
  178. font-weight: bold;
  179. letter-spacing: 1px;
  180. margin-bottom: 15px;
  181. border-bottom: 1px dotted #DCDCDC;
  182. }
  183.  
  184. #postnotes {
  185. text-align: justify;
  186. }
  187.  
  188. #source {
  189. text-transform: uppercase;
  190. text-align: right;
  191. }
  192.  
  193. #quotemark {
  194. font: normal 140px 'stars';
  195. color: #C0C7E9;
  196. padding-left: 5px;
  197. line-height: 80px;
  198. margin-top: 65px;
  199. }
  200.  
  201. #quote {
  202. font: normal 18px 'stars';
  203. letter-spacing: -1px;
  204. margin-top: -120px;
  205. padding-left: 25px;
  206. }
  207.  
  208. .notes img {
  209. width: 10px;
  210. position: relative;
  211. top: 1px;
  212. margin-left: 5px;
  213. }
  214.  
  215. blockquote {
  216. border-left: 2px solid #C1C1C1;
  217. padding-left: 10px;
  218. }
  219.  
  220. .user_1 .label, .user_4 .label, .user_7 .label, .user_2 .label, .user_5 .label, .user_8 .label, .user_3 .label, .user_6 .label,
  221. .user_9 .label {
  222. color: {color:hover};
  223. }
  224.  
  225. </style>
  226. </head>
  227.  
  228.  
  229. <body>
  230. <div id="box">
  231. <div id="title">{Title}</div>
  232. <div id="center">
  233. <div id="sidebar">
  234. <img src="http://i39.tinypic.com/1r4vh3.jpg" width="250px" style="border: 1px solid #EEEEEE; padding: 2px;">
  235. <BR><BR><div id="scroll3" style="height: 100px; overflow: auto;">
  236. <img src="http://i54.tinypic.com/2u5496s.gif"> {Description}
  237. </div>
  238.  
  239. <BR><BR>
  240. <center><img src="http://i54.tinypic.com/28k6flk.jpg"></center>
  241.  
  242. <BR>
  243. <nav><a href="/">recent entries</a></nav>
  244. <nav><a href="/archive">blog archive</a></nav>
  245. <nav><a href="/ask">ask a question</a></nav>
  246.  
  247. {block:ifURL1}<nav><a href="{text:URL 1}" class="extra">{text:title 1}</a></nav>{/block:ifURL1}
  248.  
  249. {block:ifURL2}<nav><a href="{text:URL 2}" class="extra">{text:title 2}</a></nav>{/block:ifURL2}
  250.  
  251. {block:ifURL3}<nav><a href="{text:URL 3}" class="extra">{text:title 3}</a></nav>{/block:ifURL3}
  252.  
  253. {block:ifURL4}<nav><a href="{text:URL 4}" class="extra">{text:title 4}</a></nav>{/block:ifURL4}
  254. <BR>
  255.  
  256. <center><img src="http://i54.tinypic.com/ev18qd.png"></center>
  257.  
  258. </div>
  259.  
  260.  
  261.  
  262.  
  263. <!-- THE WEBLOG  -->
  264.  
  265. <div id="posts">
  266. {block:Posts}
  267. <div id="date"><a href="{Permalink}" class="date">
  268. {block:Date}{DayOfWeek} {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}{/block:Date}</a>
  269. </div>
  270.  
  271. {block:Text}
  272. {block:Title}<span class="title">{Title}</span>{/block:Title}
  273. <span class="entrytext">{Body}</span>
  274. {/block:Text}
  275.  
  276.  
  277.  
  278. {block:Photo}<center>
  279. <a href="{Permalink}" title="{PhotoAlt}" target="_blank"><img src="{PhotoURL-500}" alt="{PhotoAlt}" style="border: 1px solid #EEEEEE; padding: 2px;"></a></center>
  280. {block:Caption}{Caption}{/block:Caption}
  281. {/block:Photo}
  282.  
  283.  
  284.  
  285. {block:Photoset}<center>
  286. {Photoset-500}</center>
  287. {block:Caption}{Caption}{/block:Caption}
  288. {/block:Photoset}
  289.  
  290.  
  291.  
  292. {block:Link}
  293. <a href="{URL}" class="title">{Name}</a>
  294. {block:Description}{Description}{/block:Description}
  295. {/block:Link}
  296.  
  297.  
  298.  
  299. {block:Quote}
  300. <div id="quotemark">"</div><div id="quote">{Quote}</div>
  301. {block:Source}
  302. <div id="source"> — {Source}</div>
  303. {/block:Source}
  304. {/block:Quote}
  305.  
  306.  
  307.  
  308. {block:Chat}
  309. {block:Title}<span class="title">{Title}</span>{/block:Title}
  310. <ul class="chat">
  311. {block:Lines}
  312. <li class="user_{UserNumber}">
  313. {block:Label}
  314. <span class="label">{Label}</span>
  315. {/block:Label}
  316. {Line}
  317. </li>
  318. {/block:Lines}
  319. </ul>
  320. {/block:Chat}
  321.  
  322.  
  323.  
  324. {block:Audio}
  325. <div style="width:100%; overflow: none;">
  326. {block:AlbumArt}<img src="{AlbumArtURL}" align="left" height="70px" style="border: 1px solid #EEEEEE; padding: 2px;">{/block:AlbumArt}
  327. {AudioPlayerGrey}
  328. {block:Caption}{Caption}{/block:Caption}
  329. {FormattedPlayCount} plays
  330. </div>
  331. {/block:Audio}
  332.  
  333.  
  334.  
  335. {block:Video}<center>
  336. {Video-250}<BR>
  337. {block:Caption}{Caption}{/block:Caption}</center>
  338. {block:Video}
  339.  
  340.  
  341.  
  342. <BR><BR>
  343. {block:PostNotes}
  344. <center>{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</center>
  345.  
  346. <br>
  347. {block:HasTags}
  348. &bull; tagged as: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  349. {block:RebloggedFrom}
  350. &bull; reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  351. &bull; originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}
  352. </center></span>
  353. <BR>
  354.  
  355. <div id="postnotes">{PostNotes}</div><br>
  356.  
  357. <center>{block:ContentSource}
  358. <br><a href="{SourceURL}">
  359. {lang:Source}:
  360. {block:SourceLogo}
  361. <img src="{BlackLogoURL}" width="{LogoWidth}"
  362. height="{LogoHeight}" alt="{SourceTitle}" />
  363. {/block:SourceLogo}
  364. {block:NoSourceLogo}
  365. {SourceLink}
  366. {/block:NoSourceLogo}
  367. </a>
  368. {/block:ContentSource}</center>
  369.  
  370. {/block:PostNotes}
  371.  
  372. {/block:Posts}
  373.  
  374. <br><br>
  375. <center><h1>
  376. {block:NextPage}<a href="{NextPage}">next page</a>{/block:NextPage}
  377. &nbsp;&nbsp;&nbsp;&nbsp;{block:PreviousPage} <a href="{PreviousPage}">previous page</a>{/block:PreviousPage}
  378. {block:PermalinkPagination}
  379. {block:NextPost}<a href="{NextPost}">previous post</a>{/block:NextPost}&nbsp;&nbsp;&nbsp;&nbsp;{block:PreviousPost} <a href="{PreviousPost}">next post</a>{/block:PreviousPost}
  380. {/block:PermalinkPagination}
  381. </h1></center>
  382.  
  383. </div>
  384. </div>
  385.  
  386. <div id="credit">
  387. theme powered by <a href="http://believenotliesthemes.tumblr.com">believenotlies</a>.
  388. </div>
  389.  
  390. </div>
  391.  
  392. </body>
  393. </html>
create a new version of this paste RAW Paste Data