API tools faq
paste
Advertisement
tayjardinerph

Theme 14: Untitled

tayjardinerph
Mar 20th, 2013
436
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.51 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2. <!-- Theme #14 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.  
  11. <html>
  12. <link href='http://fonts.googleapis.com/css?family=Purple+Purse' rel='stylesheet' type='text/css'>
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <title>{Title}</title>
  15. <meta name="color:Background" content="#141214" />
  16. <meta name="color:Sidebar" content="#1d2f7c" />
  17. <meta name="color:Sidebar Text" content="#000000" />
  18. <meta name="color:Sidebar Links" content="#404f91" />
  19. <meta name="color:Text" content="#000000" />
  20. <meta name="color:Posts" content="#c2c9e4" />
  21. <meta name="color:Links" content="#1d2f7c" />
  22. <meta name="color:Links Hover" content="#22263a" />
  23. <meta name="color:Title" content="#7580af" />
  24. <meta name="color:Bold" content="#939bbb" />
  25. <meta name="color:Italic" content="#939bbb" />
  26. <meta name="color:Scrollbar" content="#7580af" />
  27. <meta name="color:Scrollbar Background" content="#000000" />
  28. <meta name="color:Ask Background" content="#939bbb">
  29. <meta name="font:Body" content="Georgia" />
  30. <meta name="image:Background" content="" />
  31. <meta name="image:Sidebar" content="" />
  32. <meta name="image:Sidebar Background" content="" />
  33. <meta name="text:Link1Title" content="Link1" />
  34. <meta name="text:Link1URL" content="/" />
  35. <meta name="text:Link2Title" content="Link2" />
  36. <meta name="text:Link2URL" content="/" />
  37. <meta name="text:Link3Title" content="Link3" />
  38. <meta name="text:Link3URL" content="/" />
  39. <meta name="text:Link4Title" content="Link4" />
  40. <meta name="text:Link4URL" content="/" />
  41. <meta name="text:Link5Title" content="Link5" />
  42. <meta name="text:Link5URL" content="/" />
  43. <meta name="text:Link6Title" content="Link6" />
  44. <meta name="text:Link6URL" content="/" />
  45. <head>
  46. <style type="text/css">
  47. body {
  48. background-color: {color:Background};
  49. background-image: url({image:Background});
  50. background-attachment: fixed;
  51. background-repeat: repeat;
  52. background-position: top left;
  53. font: 13px normal {font:Body};
  54. color: {color:Text};
  55. margin: 0;
  56. word-wrap: break-word;
  57. }
  58. a {
  59. color: {color:Sidebar Links};
  60. text-decoration: none;
  61. }
  62. a:hover {
  63. color: {color:Links Hover};
  64. text-decoration: none;
  65. -webkit-transition: all 0.8s ease;
  66. -moz-transition: all 0.8s ease;
  67. -o-transition: all 0.8s ease;
  68. }
  69. strong, b {
  70. color: {color:Bold};
  71. }
  72. em, i {
  73. color: {color:Italic};
  74. }
  75.  
  76. #sidebar {
  77. background-color: {color:Sidebar};
  78. background-image: url({image:Sidebar Background});
  79. font: 18px bold 'Purple Purse', cursive;
  80. position: fixed;
  81. top: 0px;
  82. left: 0px;
  83. width: 260px;
  84. height: 1000px;
  85. }
  86. #sidebar .image {
  87. width: 150px;
  88. height: 150px;
  89. margin-top: 5px;
  90. opacity: 1.8;
  91. border-radius: 150px;
  92. -webkit-border-radius: 150px;
  93. -moz-border-radius: 150px;
  94. }
  95. #sidebar .image:hover {
  96. opacity: 0.0;
  97. -webkit-transition: all 0.8s ease;
  98. -moz-transition: all 0.8s ease;
  99. -o-transition: all 0.8s ease;
  100. }
  101. #sidebar .hover {
  102. margin-left: 4px;
  103. margin-top: -24px;
  104. font: 15px normal {font:Body};
  105. color: {color:Posts};
  106. }
  107. #sidebar .description {
  108. color: {color:Sidebar Text};
  109. font: 11px normal {font:Body};
  110. line-height: 210%;
  111. padding: 10px;
  112. text-align: center;
  113. }
  114. #sidebar .description a {
  115. color: {color:Sidebar Links};
  116. text-decoration: none;
  117. }
  118. #sidebar .description a:hover {
  119. color: {color:Links Hover};
  120. text-decoration: none;
  121. -webkit-transition: all 0.8s ease;
  122. -moz-transition: all 0.8s ease;
  123. -o-transition: all 0.8s ease;
  124. }
  125. #sidebar .imagelink {
  126. background-color: {color:Posts};
  127. width: 152px;
  128. height: 152px;
  129. opacity: 0.0;
  130. border-radius: 150px;
  131. -webkit-border-radius: 150px;
  132. -moz-border-radius: 150px;
  133. font: 15px normal helvetica neue;
  134. text-transform: uppercase;
  135. margin-top: -150px;
  136. }
  137. #sidebar .imagelink:hover {
  138. opacity: 0.9;
  139. -webkit-transition: all 0.8s ease;
  140. -moz-transition: all 0.8s ease;
  141. -o-transition: all 0.8s ease;
  142. }
  143. #sidebar .asklink {
  144. -webkit-transform: rotate(-290deg);
  145. -moz-transform: rotate(-290deg);
  146. margin-left: 120px;
  147. margin-top: 18px;
  148. }
  149. #sidebar .submitlink {
  150. -webkit-transform: rotate(-50deg);
  151. -moz-transform: rotate(-50deg);
  152. margin-left: 95px;
  153. margin-top: 43px;
  154. }
  155. #sidebar .archivelink {
  156. -webkit-transform: rotate(30deg);
  157. -moz-transform: rotate(30deg);
  158. margin-left: -58px;
  159. margin-top: -8px;
  160. }
  161. #sidebar .themelink {
  162. -webkit-transform: rotate(-60deg);
  163. -moz-transform: rotate(-60deg);
  164. margin-left: -114px;
  165. margin-top: -110px;
  166. }
  167. #sidebar .linksy {
  168. background-color: {color:Sidebar Links};
  169. font: 18px bold 'Purple Purse', cursive;
  170. position: fixed;
  171. top: 30px;
  172. left: 47px;
  173. width: 160px;
  174. height: 160px;
  175. border-radius: 150px;
  176. -webkit-border-radius: 150px;
  177. -moz-border-radius: 150px;
  178. }
  179. #sidebar .linksytitle {
  180. font: 18px normal "Purple Purse", cursive;
  181. text-align: center;
  182. color: {color:Title};
  183. margin-top: 5px;
  184. }
  185. #sidebar .linksylinks {
  186. background-color: {color:Sidebar Links};
  187. color: {color:Sidebar Text};
  188. width: 105px;
  189. font: 9px normal helvetica neue;
  190. margin: 0px 2px 2px 2px;
  191. padding: 10px;
  192. text-align: center;
  193. float: left;
  194. }
  195. #sidebar .linksylinks a {
  196. color: {color:Sidebar Text};
  197. text-decoration: none;
  198. }
  199. #sidebar .linksylinks a:hover {
  200. text-decoration: none;
  201. color: {color:Posts};
  202. -webkit-transition: all 0.8s ease;
  203. -moz-transition: all 0.8s ease;
  204. -o-transition: all 0.8s ease;
  205. }
  206. #sidebar .linksylinksmargin {
  207. margin-left: 1px;
  208. margin-top: 180px;
  209. }
  210. #sidebar .linksypagination {
  211. text-align: center;
  212. width: 154px;
  213. padding: 0 0;
  214. }
  215. #sidebar .linksypagination a {
  216. color: {color:Sidebar Links}
  217. text-decoration: none;
  218. font-size: 40px;
  219. }
  220. #sidebar .linksypagination a:hover {
  221. color: {color:Sidebar Links Hover};
  222. text-decoration: none;
  223. -webkit-transition: all 0.8s ease;
  224. -moz-transition: all 0.8s ease;
  225. -o-transition: all 0.8s ease;
  226. }
  227. #content {
  228. width: 560px;
  229. background-color: transparent;
  230. margin: -2px 60px 0 300px;
  231. padding: 20px 0;
  232. color: {color:Text};
  233. }
  234. #content a {
  235. color: {color:Links};
  236. text-decoration: none;
  237. }
  238. #content a:hover {
  239. text-decoration: none;
  240. color: {color:Links Hover};
  241. -webkit-transition: all 0.8s ease;
  242. -moz-transition: all 0.8s ease;
  243. -o-transition: all 0.8s ease;
  244. }
  245. #content blockquote {
  246. border-left: solid 5px {color:Text};
  247. margin: 0;
  248. padding-left: 10px;
  249. }
  250. #img {
  251. border: 0px;
  252. max-width: 75%;
  253. }
  254. #posts {
  255. background-color: {color:Posts};
  256. width: 540px;
  257. margin: 0 auto 10px;
  258. padding: 10px;
  259. }
  260. #content #posts .title {
  261. font: 23px normal 'Purple Purse', cursive;
  262. margin-bottom: 0;
  263. }
  264. #content #posts .text {
  265. font-size: 13px;
  266. margin-top: 0px;
  267. }
  268. #content #posts #permalink {
  269. font-size: 9px;
  270. margin-top:6px;
  271. }
  272. #content #posts #tags {
  273. font-size: 9px;
  274. }
  275. #content #notecontainer {
  276. margin: 20px auto;
  277. width: 500px;
  278. font-size: 11px;
  279. }
  280. #content #notecontainer ol.notes {
  281. list-style-type: none;
  282. margin: 0;
  283. padding: 0;
  284. color: {color:Posts};
  285. }
  286. #content #notecontainer img.avatar {
  287. margin-right: 10px;
  288. width: 16px;
  289. height: 16px;
  290. }
  291. #content #posts .ask {
  292. width: 495px;
  293. background-color: {color:Ask Background};
  294. color: {color:Text};
  295. text-align: center;
  296. font: 11px normal {font:Body};
  297. margin-left: 12px;
  298. padding: 10px;
  299. }
  300. #content #posts .quote {
  301. width: 495px;
  302. background-color: {color:Ask Background};
  303. color: {color:Text};
  304. text-align: center;
  305. font: 15px normal 'Purple Purse', cursive;
  306. margin-left: 12px;
  307. padding: 10px;
  308. }
  309. #content #posts .audio {
  310. font-size: 12px;
  311. margin-top: -55px;
  312. margin-left: 55px;
  313. }
  314. #content #posts .album {
  315. margin-left: -55px;
  316. }
  317. ::-webkit-scrollbar-thumb:vertical {
  318. background-color: {color:Scrollbar};
  319. height: 50px;
  320. }
  321. ::-webkit-scrollbar {
  322. height: 10px;
  323. width: 10px;
  324. background-color: {color:Scrollbar Background};
  325. }
  326. iframe#tumblr_controls {
  327. top: 0% !important;
  328. right:0% !important;
  329. position: fixed !important;
  330. }
  331. </style>
  332. </head>
  333. <body>
  334. <div id="sidebar">
  335. <center><div class="linksytitle">{Title}</div>
  336. <div class="linksy"><img class="image" src="{image:Sidebar}" /><div class="hover">Hover</div>
  337. <div class="imagelink"><a href="/">H<sup>om</sup>e</a>
  338. <div class="asklink"><a href="/ask">A<sup>s</sup>k</a></div>
  339. <div class="submitlink"><a href="/submit"><sup>Su</sup>bm<sup>it</sup></a></div>
  340. <div class="archivelink"><a href="/archive"><sup>Ar</sup>chi<sup>ve</sup></a></div>
  341. <div class="themelink"><a target="_blank" href="http://kongersthemes.tumblr.com/">Th
  342. <sup>em</sup>e</a></div>
  343.  
  344. <div class="linksypagination">{block:PreviousPage}<a href="{PreviousPage}">← </a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}"> →</a>{/block:NextPage}</div></div></center>
  345.  
  346. {block:IfLink1URL}<div class="linksylinksmargin"><div class="linksylinks"><a href="{text:Link1URL}">{text:Link1Title}</a></div></div>{/block:IfLink1URL}
  347. {block:IfLink2URL}<div class="linksylinks"><a href="{text:Link2URL}">{text:Link2Title}</a></div>{/block:IfLink2URL}
  348. {block:IfLink3URL}<div class="linksylinksmargin"><div class="linksylinks"><a href="{text:Link3URL}">{text:Link3Title}</a></div></div>{/block:IfLink3URL}
  349. {block:IfLink4URL}<div class="linksylinks"><a href="{text:Link4URL}">{text:Link4Title}</a></div>{/block:IfLink4URL}
  350. {block:IfLink5URL}<div class="linksylinksmargin"><div class="linksylinks"><a href="{text:Link5URL}">{text:Link5Title}</a></div></div>{/block:IfLink5URL}
  351. {block:IfLink6URL}<div class="linksylinks"><a href="{text:Link6URL}">{text:Link6Title}</a></div>{/block:IfLink6URL}<br /><br /><br />
  352. <div class="description">{Description}</div>
  353. </div></div>
  354.  
  355. </div>
  356.  
  357. <div id="content">
  358. {block:Posts}
  359. <div id="posts">
  360.  
  361. {block:Photo}
  362. <center>{LinkOpenTag}<img src="{PhotoURL-500}" />{LinkCloseTag}</center>
  363. <div class="text">{block:Caption}{Caption}{/block:Caption}</div>
  364. {/block:Photo}</center>
  365.  
  366. {block:Video}
  367. <center>{Video-500}</center>
  368. <div class="text">{block:Caption}{Caption}{/block:Caption}</div>
  369. {/block:Video}
  370.  
  371. {block:Audio}
  372. <img width="50px" src="http://media.tumblr.com/tumblr_m8qh5004U51r8ftsb.png">
  373. {block:AlbumArt}
  374. <img class="album" width="50px" src="{AlbumArtURL}" />{/block:AlbumArt}
  375. <div class="audio">{block:Artist}
  376. <strong>Artist:</strong> {Artist}{/block:Artist}<br />{block:Album}<strong>Album:</strong> {Album}{/block:Album}<br /> <strong>Played:</strong> {PlayCountWithLabel}.</div><br />
  377. {AudioPlayerBlack}
  378. <div class="text">{block:Caption}{Caption}{/block:Caption}</div>
  379. {/block:Audio}
  380.  
  381. {block:Quote}
  382. <div class="quote">“{Quote}”</div>
  383. {block:Source}<br /><div class="text">{Source}</div>{/block:Source}
  384. {/block:Quote}
  385.  
  386. {block:Chat}
  387. {block:Title}<div class="title">{Title}</div><br />{/block:Title}
  388. <div class="text">{block:Lines}
  389. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br/>
  390. {/block:Lines}</div>
  391. {/block:Chat}
  392.  
  393. {block:Link}
  394. <div class="title"><a href="{URL}">{Name}</a></div>
  395. <div class="text">{block:Description}{Description}{/block:Description}</div>
  396. {/block:Link}
  397.  
  398. {block:Text}
  399. {block:Title}<div class="title">{Title}</div>{/block:Title}
  400. <div class="text">{Body}</div>
  401. {/block:Text}
  402.  
  403. {block:Answer}
  404. <div class="text">{Asker} &darr; <br /><br /></div>
  405. <div class="ask">{Question}</div>
  406. <div class="text">{Answer}</div>
  407. {/block:Answer}
  408.  
  409. <div id="permalink">
  410. {block:Date}Posted <a href="{Permalink}">{TimeAgo}{/block:Date}
  411. {block:NoteCount}</a> with <a href="{Permalink}"> {NoteCountWithLabel}{/block:NoteCount}
  412. </a>
  413. </div>
  414. {block:HasTags}<div id="tags">
  415. {block:Tags}
  416. <a href="{TagURL}">#{Tag}</a>
  417. {/block:Tags}
  418. </div>
  419. {/block:HasTags}
  420. </div>
  421. {block:PostNotes}
  422. <div id="notecontainer">{PostNotes}</div>
  423. {/block:PostNotes}
  424. {/block:Posts}
  425. </div>
  426. </body>
  427. </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!