API tools faq
paste
Advertisement
tayjardinerph

Theme 11: Let The Sky Fall

tayjardinerph
Mar 5th, 2013
390
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.79 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2. <!-- Theme #11 by kongersthemes/leiratherph (previously known as tayjardinerph) on Tumblr.
  3. If you have any problems with the theme, don't hesitate to ask and I will do my best to help you.
  4.  
  5. Rules:
  6. 1.DO NOT REMOVE THIS CREDIT, and do not remove the credit in the sidebar. Do not move it to a credit page, just leave it where it is.
  7. 2.DO NOT steal any of my code. If a teenage girl can teach herself html, I'm pretty sure that anyone else can.
  8. 3. DO NOT use this as a base theme. You can edit it as much as you want, but don't remove the credit or redistribute the edited version.
  9. -->
  10. <html>
  11. <link href='http://fonts.googleapis.com/css?family=Miniver' rel='stylesheet' type='text/css'>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <title>{Title}</title>
  14. <meta name="color:Background" content="#201f20" />
  15. <meta name="color:Sidebar" content="#070707" />
  16. <meta name="color:Sidebar Text" content="#ffffff" />
  17. <meta name="color:Sidebar Links" content="#2d2e29" />
  18. <meta name="color:Sidebar Links Hover" content="#1e1f1c" />
  19. <meta name="color:Text" content="#000000" />
  20. <meta name="color:Posts" content="#c5c1c1" />
  21. <meta name="color:Links" content="#5c5e52" />
  22. <meta name="color:Links Hover" content="#33352c" />
  23. <meta name="color:Title" content="#ffffff" />
  24. <meta name="color:Bold" content="#404137" />
  25. <meta name="color:Italic" content="#404137" />
  26. <meta name="color:Scrollbar" content="#574f3e" />
  27. <meta name="color:Scrollbar Background" content="#000000" />
  28. <meta name="color:Ask Background" content="#3d4b4a">
  29. <meta name="font:Body" content="Georgia" />
  30. <meta name="image:Background" content="" />
  31. <meta name="image:Sidebar" content="http://static.tumblr.com/87b2a9525d9a4a48d1a5ff9632258aa9/7swgkhk/TQbmj6szs/tumblr_static_skyfall.gif" />
  32. <meta name="text:Link1Title" content="Link1" />
  33. <meta name="text:Link1URL" content="/" />
  34. <meta name="text:Link2Title" content="Link2" />
  35. <meta name="text:Link2URL" content="/" />
  36. <meta name="text:Link3Title" content="Link3" />
  37. <meta name="text:Link3URL" content="/" />
  38. <meta name="text:Link4Title" content="Link4" />
  39. <meta name="text:Link4URL" content="/" />
  40. <meta name="text:Link5Title" content="Link5" />
  41. <meta name="text:Link5URL" content="/" />
  42. <meta name="text:Link6Title" content="Link6" />
  43. <meta name="text:Link6URL" content="/" />
  44. <meta name="text:Link7Title" content="Link7" />
  45. <meta name="text:Link7URL" content="/" />
  46. <meta name="text:Link8Title" content="Link8" />
  47. <meta name="text:Link8URL" content="/" />
  48. <head>
  49. <style type="text/css">
  50. body {
  51. background-color: {color:Background};
  52. background-image: url({image:Background});
  53. background-attachment: fixed;
  54. background-repeat: repeat;
  55. background-position: top left;
  56. font: 13px normal {font:Body};
  57. color: {color:Text};
  58. margin: 0;
  59. word-wrap: break-word;
  60. }
  61. a {
  62. color: {color:Links};
  63. text-decoration: none;
  64. }
  65. a:hover {
  66. color: {color:Links Hover};
  67. text-decoration: none;-webkit-transition: all 0.8s ease;
  68. -moz-transition: all 0.8s ease;
  69. -o-transition: all 0.8s ease;
  70. }
  71. strong, b {
  72. color: {color:Bold};
  73. }
  74. em, i {
  75. color: {color:Italic};
  76. }
  77.  
  78. #sidebar {
  79. background-color: {color:Sidebar};
  80. position: fixed;
  81. top: 40px;
  82. left: 40px;
  83. width: 130px;
  84. height: 280px;
  85. border-radius: 10px;
  86. -webkit-border-radius: 10px;
  87. -moz-border-radius: 10px;
  88. }
  89. #sidebar .gun {
  90. background-color: {color:Sidebar};
  91. position: fixed;
  92. top: 40px;
  93. left: 40px;
  94. width: 350px;
  95. height: 60px;
  96. -webkit-border-radius: 10px;
  97. }
  98. #sidebar .gun2 {
  99. background-color: {color:Sidebar};
  100. position: fixed;
  101. top: 40px;
  102. left: 40px;
  103. width: 220px;
  104. height: 145px;
  105. -webkit-border-radius: 20px;
  106. }
  107. #sidebar .avi {
  108. background-color: {color:Sidebar};
  109. position: fixed;
  110. top: 110px;
  111. left: 185px;
  112. width: 64px;
  113. height: 64px;
  114. border-radius: 10px;
  115. -webkit-border-radius: 10px;
  116. -moz-border-radius: 10px;
  117. }
  118. #sidebar .links {
  119. background-color: {color:Sidebar Links};
  120. color: {color:Sidebar Text};
  121. width: 30px;
  122. text-align: center;
  123. margin: 2px 6px 2px 2px;
  124. float: left;
  125. padding: 10px;
  126. font: 16px normal helvetica;
  127. -webkit-border-radius: 10px;
  128. height: 20px;
  129. }
  130. #sidebar .links a {
  131. text-decoration: none;
  132. color: {color:Sidebar Text};
  133. }
  134. #sidebar .links:hover {
  135. -webkit-transition: all 0.8s ease;
  136. -moz-transition: all 0.8s ease;
  137. -o-transition: all 0.8s ease;
  138. color: {color:Sidebar};
  139. background-color: {color:Sidebar Links Hover};
  140. }
  141. #sidebar .links a:hover {
  142. -webkit-transition: all 0.8s ease;
  143. -moz-transition: all 0.8s ease;
  144. -o-transition: all 0.8s ease;
  145. color: {color:Sidebar};
  146. background-color: {color:Sidebar Links Hover};
  147. }
  148. #sidebar .linksmargin {
  149. margin-top: 60px;
  150. margin-left: 9px;
  151. }
  152. #sidebar .linksmargin2 {
  153. margin-top: -41px;
  154. }
  155. #links {
  156. background-color: {color:Sidebar Links};
  157. color: {color:Sidebar};
  158. font-family: helvetica neue;
  159. font-size: 15px;
  160. }
  161. #links .nav1 {
  162. position: fixed;
  163. top: 48px;
  164. left: 51px;
  165. padding: 10px;
  166. background-color: {color:Sidebar Links};
  167. -webkit-border-radius: 10px;
  168. }
  169. #links .nav2 {
  170. position: fixed;
  171. top: 48px;
  172. left: 113px;
  173. padding: 10px;
  174. background-color: {color:Sidebar Links};
  175. -webkit-border-radius: 10px;
  176. }
  177. #links .nav3 {
  178. position: fixed;
  179. top: 48px;
  180. left: 163px;
  181. padding: 10px;
  182. background-color: {color:Sidebar Links};
  183. -webkit-border-radius: 10px;
  184. }
  185. #links .nav4 {
  186. position: fixed;
  187. top: 48px;
  188. left: 229px;
  189. padding: 10px;
  190. background-color: {color:Sidebar Links};
  191. -webkit-border-radius: 10px;
  192. }
  193. #links .nav5 {
  194. position: fixed;
  195. top: 48px;
  196. left: 302px;
  197. padding: 10px;
  198. background-color: {color:Sidebar Links};
  199. -webkit-border-radius: 10px;
  200. }
  201. #links .nav1 a {
  202. text-decoration: none;
  203. color: {color:Sidebar Text};
  204. }
  205. #links .nav1:hover {
  206. background-color: {color:Sidebar Links Hover};
  207. color: {color:Sidebar};
  208. -webkit-transition: all 0.8s ease;
  209. -moz-transition: all 0.8s ease;
  210. -o-transition: all 0.8s ease;
  211. }
  212. #links .nav1 a:hover {
  213. background-color: {color:Sidebar Links Hover};
  214. color: {color:Sidebar};
  215. text-decoration: none;
  216. -webkit-transition: all 0.8s ease;
  217. -moz-transition: all 0.8s ease;
  218. -o-transition: all 0.8s ease;
  219. }
  220. #links .nav2 a {
  221. text-decoration: none;
  222. color: {color:Sidebar Text};
  223. }
  224. #links .nav2:hover {
  225. background-color: {color:Sidebar Links Hover};
  226. color: {color:Sidebar};
  227. -webkit-transition: all 0.8s ease;
  228. -moz-transition: all 0.8s ease;
  229. -o-transition: all 0.8s ease;
  230. }
  231. #links .nav2 a:hover {
  232. background-color: {color:Sidebar Links Hover};
  233. color: {color:Sidebar};
  234. text-decoration: none;
  235. -webkit-transition: all 0.8s ease;
  236. -moz-transition: all 0.8s ease;
  237. -o-transition: all 0.8s ease;
  238. }
  239. #links .nav3 a {
  240. text-decoration: none;
  241. color: {color:Sidebar Text};
  242. }
  243. #links .nav3:hover {
  244. background-color: {color:Sidebar Links Hover};
  245. color: {color:Sidebar};
  246. -webkit-transition: all 0.8s ease;
  247. -moz-transition: all 0.8s ease;
  248. -o-transition: all 0.8s ease;
  249. }
  250. #links .nav3 a:hover {
  251. background-color: {color:Sidebar Links Hover};
  252. color: {color:Sidebar};
  253. text-decoration: none;
  254. -webkit-transition: all 0.8s ease;
  255. -moz-transition: all 0.8s ease;
  256. -o-transition: all 0.8s ease;
  257. }
  258. #links .nav4 a {
  259. text-decoration: none;
  260. color: {color:Sidebar Text};
  261. }
  262. #links .nav4:hover {
  263. background-color: {color:Sidebar Links Hover};
  264. color: {color:Sidebar};
  265. -webkit-transition: all 0.8s ease;
  266. -moz-transition: all 0.8s ease;
  267. -o-transition: all 0.8s ease;
  268. }
  269. #links .nav4 a:hover {
  270. background-color: {color:Sidebar Links Hover};
  271. color: {color:Sidebar};
  272. text-decoration: none;
  273. -webkit-transition: all 0.8s ease;
  274. -moz-transition: all 0.8s ease;
  275. -o-transition: all 0.8s ease;
  276. }
  277. #links .nav5 a {
  278. text-decoration: none;
  279. color: {color:Sidebar Text};
  280. }
  281. #links .nav5:hover {
  282. background-color: {color:Sidebar Links Hover};
  283. color: {color:Sidebar};
  284. -webkit-transition: all 0.8s ease;
  285. -moz-transition: all 0.8s ease;
  286. -o-transition: all 0.8s ease;
  287. }
  288. #links .nav5 a:hover {
  289. background-color: {color:Sidebar Links Hover};
  290. color: {color:Sidebar};
  291. text-decoration: none;
  292. -webkit-transition: all 0.8s ease;
  293. -moz-transition: all 0.8s ease;
  294. -o-transition: all 0.8s ease;
  295. }
  296. #image {
  297. width: 200px;
  298. height: 120px;
  299. position: fixed;
  300. top: 195px;
  301. left: 180px;
  302. border-radius: 10px;
  303. -webkit-border-radius: 10px;
  304. -moz-border-radius: 10px;
  305. }
  306. #description {
  307. background-color: {color:Sidebar};
  308. width: 56px;
  309. font: 10px bold 'Miniver', cursive;
  310. position: fixed;
  311. top: 340px;
  312. left: 102px;
  313. width: 220px;
  314. }
  315. #description .text {
  316. color: {color:Sidebar Text};
  317. font: 11px normal {font:Body};
  318. line-height: 100%;
  319. padding: 10px;
  320. text-align: center;
  321. }
  322. #description .description a {
  323. color: {color:Links};
  324. text-decoration: none;
  325. }
  326. #description .description a:hover {
  327. color: {color:Sidebar Links Hover};
  328. text-decoration: none;
  329. -webkit-transition: all 0.8s ease;
  330. -moz-transition: all 0.8s ease;
  331. -o-transition: all 0.8s ease;
  332. }
  333. #description .title {
  334. color: {color:Title};
  335. font: 19px normal 'Miniver', cursive;
  336. text-align: center;
  337. }
  338. #description .pagination {
  339. text-align: center;
  340. width: 220px;
  341. padding: 0 0;
  342. }
  343. #description .pagination a {
  344. color: {color:Sidebar Links}
  345. text-decoration: none;
  346. font-size: 40px;
  347. }
  348. #description .pagination a:hover {
  349. color: {color:Sidebar Links Hover};
  350. text-decoration: none;
  351. -webkit-transition: all 0.8s ease;
  352. -moz-transition: all 0.8s ease;
  353. -o-transition: all 0.8s ease;
  354. }
  355. #content {
  356. width: 560px;
  357. background-color: transparent;
  358. margin: 10px 60px 0 435px;
  359. padding: 20px 0;
  360. color: {color:Text};
  361. }
  362. #content a {
  363. color: {color:Links};
  364. text-decoration: none;
  365. }
  366. #content a:hover {
  367. text-decoration: none;
  368. color: {color:Links Hover};
  369. -webkit-transition: all 0.8s ease;
  370. -moz-transition: all 0.8s ease;
  371. -o-transition: all 0.8s ease;
  372. }
  373. #content blockquote {
  374. border-left: solid 5px {color:Text};
  375. margin: 0;
  376. padding-left: 10px;
  377. }
  378. #img {
  379. border: 0px;
  380. max-width: 75%;
  381. }
  382. #posts {
  383. background-color: {color:Posts};
  384. width: 540px;
  385. margin: 0 auto 10px;
  386. padding: 10px;
  387. }
  388. #content #posts .title {
  389. font: 23px normal 'Miniver', cursive;
  390. margin-bottom: 0;
  391. }
  392.  
  393. #content #posts .text {
  394. font-size: 13px;
  395. margin-top: 0px;
  396. }
  397. #content #posts #permalink {
  398. font-size: 9px;
  399. margin-top:6px;
  400. }
  401. #content #posts #tags {
  402. font-size: 9px;
  403. }
  404. #content #notecontainer {
  405. margin: 20px auto;
  406. width: 500px;
  407. font-size: 11px;
  408. }
  409. #content #notecontainer ol.notes {
  410. list-style-type: none;
  411. margin: 0;
  412. padding: 0;
  413. color: {color:Posts};
  414. }
  415. #content #notecontainer img.avatar {
  416. margin-right: 10px;
  417. width: 16px;
  418. height: 16px;
  419. }
  420. #content #posts .ask {
  421. width: 495px;
  422. background-color: {color:Ask Background};
  423. color: {color:Text};
  424. text-align: center;
  425. font: 11px normal {font:Body};
  426. margin-left: 13px;
  427. padding: 10px;
  428. }
  429. #content #posts .quote {
  430. width: 495px;
  431. background-color: {color:Ask Background};
  432. color: {color:Text};
  433. text-align: center;
  434. font: 15px normal 'Miniver', cursive;
  435. margin-left: 13px;
  436. padding: 10px;
  437. }
  438. #content #posts .audio {
  439. font-size: 12px;
  440. margin-top: -55px;
  441. margin-left: 55px;
  442. }
  443. ::-webkit-scrollbar-thumb:vertical {
  444. background-color: {color:Scrollbar};
  445. height: 10px;
  446. }
  447.  
  448. ::-webkit-scrollbar {
  449. height: 10px;
  450. width: 10px;
  451. background-color: {color:Scrollbar Background};
  452. }
  453. iframe#tumblr_controls {
  454. top: 0% !important;
  455. right:0% !important;
  456. position: fixed !important;
  457. }
  458. </style>
  459. </head>
  460. <body>
  461. <div id="sidebar"><div class="gun2">
  462. <div class="gun"><div class="linksmargin">
  463. <div class="links"><a title="{text:Link1Title}" href="{text:Link1URL}">I</a></div>
  464. <div class="links"><a title="{text:Link2Title}" href="{text:Link2URL}">II</a></div><br/><br/><br/><br/><br/>
  465. <div class="linksmargin2">
  466. <div class="links"><a title="{text:Link3Title}" href="{text:Link3URL}">III</a></div></div>
  467. <div class="links"><a title="{text:Link4Title}" href="{text:Link4URL}">IV</a></div><br/><br/><br/><br/><br/>
  468. <div class="linksmargin2">
  469. <div class="links"><a title="{text:Link5Title}" href="{text:Link5URL}">V</a></div>
  470. <div class="links"><a title="{text:Link6Title}" href="{text:Link6URL}">VI</a></div><br/><br/><br/><br/><br/>
  471. <div class="linksmargin2">
  472. <div class="links"><a title="{text:Link7Title}" href="{text:Link7URL}">VII</a></div>
  473. <div class="links"><a title="{text:Link8Title}" href="{text:Link8URL}">VIII</a></div>
  474. </div>
  475. </div>
  476. </div>
  477. </div>
  478. <div id="links">
  479. <div class="nav1"><a href="/">Home</div>
  480. <div class="nav2"><a href="/ask">Ask</div>
  481. <div class="nav3"><a href="/submit">Submit</div>
  482. <div class="nav4"><a href="/archive">Archive</div>
  483. <div class="nav5"><a href="http://kongersthemes.tumblr.com/">Theme</a></div>
  484.  
  485. </div>
  486.  
  487. </div>
  488.  
  489. <img class="avi" src="{PortraitURL-64}" width="64" />
  490. </div>
  491. <img id="image" src="{image:Sidebar}" />
  492.  
  493. <div id="description"><div class="title">{Title}</div><div class="subtitle"><center>{text:Subtitle}</center></div><div class="text">{Description}</div> <div class="pagination">{block:PreviousPage}<a href="{PreviousPage}">← </a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}"> →</a>{/block:NextPage}</div></div>
  494.  
  495. <div id="content">
  496. {block:Posts}
  497. <div id="posts">
  498.  
  499. {block:Photo}
  500. <center>{LinkOpenTag}<img src="{PhotoURL-500}" />{LinkCloseTag}</center>
  501. <div class="text">{block:Caption}{Caption}{/block:Caption}</div>
  502. {/block:Photo}</center>
  503.  
  504. {block:Video}
  505. <center>{Video-500}</center>
  506. <div class="text">{block:Caption}{Caption}{/block:Caption}</div>
  507. {/block:Video}
  508.  
  509. {block:Audio}{block:AlbumArt}
  510. <img width="50px" src="{AlbumArtURL}"/>
  511. {/block:AlbumArt}
  512. <div class="audio">{block:Artist}
  513. <strong>Artist:</strong> {Artist}{/block:Artist}<br />{block:Album}<strong>Album:</strong> {Album}{/block:Album}<br /> <strong>Played:</strong> {PlayCountWithLabel}.</div><br />
  514. {AudioPlayerBlack}
  515. <div class="text">{block:Caption}{Caption}{/block:Caption}</div>
  516. {/block:Audio}
  517.  
  518. {block:Quote}
  519. <div class="quote">“{Quote}”</div>
  520. {block:Source}<br /><div class="text">{Source}</div>{/block:Source}
  521. {/block:Quote}
  522.  
  523. {block:Chat}
  524. {block:Title}<div class="title">{Title}</div><br />{/block:Title}
  525. <div class="text">{block:Lines}
  526. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br/>
  527. {/block:Lines}</div>
  528. {/block:Chat}
  529.  
  530. {block:Link}
  531. <div class="title"><a href="{URL}">{Name}</a></div>
  532. <div class="text">{block:Description}{Description}{/block:Description}</div>
  533. {/block:Link}
  534.  
  535. {block:Text}
  536. {block:Title}<div class="title">{Title}</div>{/block:Title}
  537. <div class="text">{Body}</div>
  538. {/block:Text}
  539.  
  540. {block:Answer}
  541. <div class="text">{Asker} &darr; <br /><br /></div>
  542. <div class="ask">{Question}</div>
  543. <div class="text">{Answer}</div>
  544. {/block:Answer}
  545.  
  546. <div id="permalink">
  547. {block:Date}Posted <a href="{Permalink}">{TimeAgo}{/block:Date}
  548. {block:NoteCount}</a> with <a href="{Permalink}"> {NoteCountWithLabel}{/block:NoteCount}
  549. </a>
  550. </div>
  551. {block:HasTags}<div id="tags">
  552. {block:Tags}
  553. <a href="{TagURL}">#{Tag}</a>
  554. {/block:Tags}
  555. </div>
  556. {/block:HasTags}
  557. </div>
  558. {block:PostNotes}
  559. <div id="notecontainer">{PostNotes}</div>
  560. {/block:PostNotes}
  561. {/block:Posts}
  562. </div>
  563. </body>
  564. </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!