API tools faq
paste
Advertisement
tayjardinerph

Theme 17: Shake The Ground

tayjardinerph
Apr 30th, 2013
1,107
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.62 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2.  
  3. <!-- Theme #17 by kongersthemes/leiratherph (previously known as tayjardinerph) on Tumblr.
  4. If you have any problems with the theme, don't hesitate to ask and I will do my best to help you.
  5.  
  6. Rules:
  7. 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.
  8. 2.DO NOT steal any of my code. If a teenage girl can teach herself html, I'm pretty sure that anyone else can.
  9. 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.
  10. -->
  11.  
  12. <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
  13. <link rel="shortcut icon" href="{Favicon}">
  14.  
  15. <title>{Title}</title>
  16. <meta name="color:Background" content="#0f0d0f" />
  17. <meta name="color:Sidebar" content="#151316" />
  18. <meta name="color:Sidebar Text" content="#a5a4a4" />
  19. <meta name="color:Sidebar Links" content="#756a74" />
  20. <meta name="color:Sidebar Links Hover" content="#271f26" />
  21. <meta name="color:Text" content="#635e61" />
  22. <meta name="color:Posts" content="#151316" />
  23. <meta name="color:Links" content="#4b404a" />
  24. <meta name="color:Links Hover" content="#999999" />
  25. <meta name="color:Title" content="#9b8b95" />
  26. <meta name="color:Scrollbar" content="#7978ba" />
  27. <meta name="color:Scrollbar Background" content="#000000" />
  28. <meta name="color:Ask Background" content="#1f1d20" />
  29. <meta name="color:Bold" content="#3c2c3b" />
  30. <meta name="color:Italic" content="#aeaeae" />
  31. <meta name="font:Body" content="Georgia" />
  32. <meta name="image:Background" content="" />
  33. <meta name="image:Sidebar" content="http://static.tumblr.com/c07d8c464c9d24e12af1d58146360b5b/tsk5yze/iJVmm30yu/tumblr_static_a_cherribomb.gif" />
  34. <meta name="image:Sidebar 2" content="http://static.tumblr.com/78bd906df96e8550ed9a432fda359861/tsk5yze/KOkmm30yu/tumblr_static_cherri_bomb_2.jpg" />
  35. <meta name="text:Link1Title" content="Link1" />
  36. <meta name="text:Link1URL" content="" />
  37. <meta name="text:Link2Title" content="Link2" />
  38. <meta name="text:Link2URL" content="" />
  39. <meta name="text:Link3Title" content="Link3" />
  40. <meta name="text:Link3URL" content="" />
  41. <meta name="text:Link4Title" content="Link4" />
  42. <meta name="text:Link4URL" content="" />
  43. <meta name="text:Link5Title" content="Link5" />
  44. <meta name="text:Link5URL" content="" />
  45. <meta name="text:Link6Title" content="Link6" />
  46. <meta name="text:Link6URL" content="" />
  47. <head>
  48. <style type="text/css">
  49. body {
  50. background-color: {color:Background};
  51. background-image: url({image:Background});
  52. background-attachment: fixed;
  53. background-repeat: repeat;
  54. background-position: top left;
  55. font: 13px normal {font:Body};
  56. color: {color:Text};
  57. margin: 0;
  58. word-wrap: break-word;
  59. }
  60. a {
  61. color: {color:Links};
  62. text-decoration: none;
  63. -webkit-transition: all 0.8s ease;
  64. -moz-transition: all 0.8s ease;
  65. -o-transition: all 0.8s ease;
  66. }
  67. a:hover {
  68. text-decoration: underline;
  69. color: {color:Links Hover};
  70. -webkit-transition: all 0.8s ease;
  71. -moz-transition: all 0.8s ease;
  72. -o-transition: all 0.8s ease;
  73. }
  74. strong, b {
  75. color: {color:Bold};
  76. }
  77. em, i {
  78. color: {color:Italic};
  79. }
  80. #sidebar {
  81. background-color: {color:Sidebar};
  82. position: fixed;
  83. top: 30px;
  84. left: 805px;
  85. width: 200px;
  86. }
  87. #sidebar .image {
  88. width: 190px;
  89. height: auto;
  90. margin-top: 10px;
  91. border-radius: 150px;
  92. -webkit-border-radius: 150px;
  93. -moz-border-radius: 150px;
  94. }
  95. #sidebar .links {
  96. background-color: {color:Sidebar Links};
  97. color: {color:Posts};
  98. font-size: 9px;
  99. text-align: center;
  100. text-transform: uppercase;
  101. padding: 3px 5px;
  102. margin: 2px 2px 2px 2px;
  103. float: left;
  104. width: 86px;
  105. -webkit-transition: all 0.8s ease;
  106. -moz-transition: all 0.8s ease;
  107. -o-transition: all 0.8s ease;
  108. }
  109. #sidebar .links a {
  110. text-decoration: none;
  111. color: {color:Posts};
  112. -webkit-transition: all 0.8s ease;
  113. -moz-transition: all 0.8s ease;
  114. -o-transition: all 0.8s ease;
  115. }
  116. #sidebar .links:hover {
  117. background-color: {color:Sidebar Links Hover};
  118. color: {color:Posts};
  119. -webkit-transition: all 0.8s ease;
  120. -moz-transition: all 0.8s ease;
  121. -o-transition: all 0.8s ease;
  122. }
  123. #sidebar .credit {
  124. background-color: {color:Sidebar Links};
  125. color: {color:Posts};
  126. font-size: 9px;
  127. text-align: center;
  128. text-transform: uppercase;
  129. padding: 3px 5px;
  130. width: 186px;
  131. margin-top: 47px;
  132. margin-left: 2px;
  133. -webkit-transition: all 0.8s ease;
  134. -moz-transition: all 0.8s ease;
  135. -o-transition: all 0.8s ease;
  136. }
  137. #sidebar .credit a {
  138. text-decoration: none;
  139. color: {color:Posts};
  140. -webkit-transition: all 0.8s ease;
  141. -moz-transition: all 0.8s ease;
  142. -o-transition: all 0.8s ease;
  143. }
  144. #sidebar .credit:hover {
  145. background-color: {color:Sidebar Links Hover};
  146. color: {color:Posts};
  147. -webkit-transition: all 0.8s ease;
  148. -moz-transition: all 0.8s ease;
  149. -o-transition: all 0.8s ease;
  150. }
  151. #sidebar2 {
  152. background-color: {color:Sidebar};
  153. position: fixed;
  154. top: 30px;
  155. left: 5px;
  156. width: 200px;
  157. }
  158. #sidebar2 .image {
  159. width: 190px;
  160. height: auto;
  161. margin-top: 10px;
  162. border-radius: 150px;
  163. -webkit-border-radius: 150px;
  164. -moz-border-radius: 150px;
  165. }
  166. #sidebar2 .description {
  167. color: {color:Sidebar Text};
  168. text-align: center;
  169. padding: 10px;
  170. line-height: 100%;
  171. font: 11px normal {font:Body};
  172. }
  173. #sidebar2 .description a {
  174. color: {color:Links};
  175. text-decoration: none;
  176. -webkit-transition: all 0.8s ease;
  177. -moz-transition: all 0.8s ease;
  178. -o-transition: all 0.8s ease;
  179. }
  180. #sidebar2 .description a:hover {
  181. color: {color:Text};
  182. text-decoration: underline;
  183. -webkit-transition: all 0.8s ease;
  184. -moz-transition: all 0.8s ease;
  185. -o-transition: all 0.8s ease;
  186. }
  187. #sidebar2 .pagination {
  188. width: 200px;
  189. text-align: center;
  190. padding: 3px 0;
  191. margin-top: -15px;
  192. }
  193. #sidebar2 .pagination a {
  194. color: {color:Links}
  195. text-decoration: none;
  196. font-size: 50px;
  197. -webkit-transition: all 0.8s ease;
  198. -moz-transition: all 0.8s ease;
  199. -o-transition: all 0.8s ease;
  200. }
  201. #sidebar2 .pagination a:hover {
  202. color: {color:Sidebar Text};
  203. text-decoration: none;
  204. -webkit-transition: all 0.8s ease;
  205. -moz-transition: all 0.8s ease;
  206. -o-transition: all 0.8s ease;
  207. }
  208. #content {
  209. width: 600px;
  210. background-color: transparent;
  211. margin: 20px 60px 0 205px;
  212. padding: 20px 0;
  213. color: {color:Text};
  214. }
  215. #content a {
  216. color: {color:Links};
  217. text-decoration: none;
  218. -webkit-transition: all 0.8s ease;
  219. -moz-transition: all 0.8s ease;
  220. -o-transition: all 0.8s ease;
  221. }
  222. #content a:hover {
  223. text-decoration: underline;
  224. color: {color:Links Hover};
  225. -webkit-transition: all 0.8s ease;
  226. -moz-transition: all 0.8s ease;
  227. -o-transition: all 0.8s ease;
  228. }
  229. #content blockquote {
  230. border-left: solid 3px {color:Text};
  231. margin: 0;
  232. padding-left: 10px;
  233. }
  234. #img {
  235. border: 0px;
  236. max-width:100%;
  237. }
  238. #posts {
  239. background-color: {color:Posts};
  240. width: 540px;
  241. margin: 0 auto 10px;
  242. padding: 10px;
  243. overflow: hidden;
  244. }
  245. #content #posts .title {
  246. font-size: 22px;
  247. font-family: "Lobster", cursive;
  248. }
  249.  
  250. #content #posts .text {
  251. font-size:11px;
  252. }
  253. #content #posts #permalink {
  254. font-size: 9px;
  255. margin-top:6px;
  256. }
  257. #content #posts #tags {
  258. font-size: 9px;
  259. }
  260. #content #notecontainer {
  261. margin: 20px auto;
  262. width: 500px;
  263. font-size: 11px;
  264. }
  265. #content #notecontainer ol.notes {
  266. list-style-type: none;
  267. margin: 0;
  268. padding: 0;
  269. color: {color:Posts};
  270. }
  271. #content #notecontainer img.avatar {
  272. margin-right: 10px;
  273. width: 16px;
  274. height: 16px;
  275. }
  276. #content #posts .ask {
  277. width: 500px;
  278. background-color: {color:Ask Background};
  279. color: {color:Text};
  280. text-align: center;
  281. font: 11px normal {font:Body};
  282. margin-left: 10px;
  283. padding: 10px;
  284. }
  285. #content #posts .quote {
  286. width: 500px;
  287. background-color: {color:Ask Background};
  288. color: {color:Text};
  289. text-align: center;
  290. font: 15px normal 'Lobster',cursive;
  291. margin-left: 10px;
  292. padding: 10px;
  293. }
  294. #content #posts .audio {
  295. font-size: 12px;
  296. margin-top: -55px;
  297. margin-left: 55px;
  298. }
  299. #content #posts .album {
  300. margin-left: -55px;
  301. }
  302. ::-webkit-scrollbar-thumb:vertical {
  303. background-color: {color:Scrollbar};
  304. height: 50px;
  305. }
  306. ::-webkit-scrollbar-thumb:horizontal {
  307. background-color: {color:Scrollbar};
  308. height: 50px;
  309. }
  310. ::-webkit-scrollbar {
  311. height: 10px;
  312. width: 10px;
  313. background-color: {color:Scrollbar Background};
  314. }
  315. iframe#tumblr_controls {
  316. top: 0% !important;
  317. right:0% !important;
  318. position: fixed !important;
  319. }
  320. </style>
  321.  
  322. </head>
  323. <body>
  324.  
  325. <div id="sidebar2"><center><img class="image" src="{image:Sidebar 2}"/></center>
  326. <div class="description">{Description}</div>
  327. <div class="pagination">{block:PreviousPage}<a href="{PreviousPage}">« </a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}"> »</a>{/block:NextPage}</div>
  328. </div>
  329. </div>
  330.  
  331. <div id="sidebar">
  332. <div class="links"><a title="{Title}" href="/">Home</a></div>
  333. <a href="/ask" title="{AskLabel}"><div class="links">Ask</div></a>
  334. <a href="/submit" title="{SubmitLabel}"> <div class="links">Submit</div></a>
  335. <div class="links"><a title="Into The Past" href="/archive">Archive</a></div>
  336. <div class="credit"><a title="Theme Maker" href="http://kongersthemes.tumblr.com/" target="_blank">Theme</a></div>
  337.  
  338. {block:IfLink1URL}<select style="width: 195px; border: 0px solid; padding: 3px; color: {color:Posts}; background-color: {color:Sidebar Links}; font-family: georgia; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; margin-left: 2px; margin-top: 4px;" onchange="location.href=this.options[this.selectedIndex].value;">
  339. <option value="#">NAVIGATION</option>
  340. <option value="{text:Link1URL}">{text:Link1Title}</option>{/block:IfLink1URL}
  341. {block:IfLink2URL}<option value="{text:Link2URL}">{text:Link2Title}</option>{/block:IfLink2URL}
  342. {block:IfLink3URL}<option value="{text:Link3URL}">{text:Link3Title}</option>{/block:IfLink3URL}
  343. {block:IfLink4URL}<option value="{text:Link4URL}">{text:Link4Title}</option>{/block:IfLink4URL}
  344. {block:IfLink5URL}<option value="{text:Link5URL}">{text:Link5Title}</option>{/block:IfLink5URL}
  345. {block:IfLink6URL}<option value="{text:Link6URL}">{text:Link6Title}</option>{/block:IfLink6URL}
  346. </select>
  347. <center><img class="image" src="{image:Sidebar}" /></center>
  348. </div>
  349.  
  350. <div id="content">
  351. {block:Posts}
  352. <div id="posts">
  353.  
  354. {block:Photo}
  355. <center>{LinkOpenTag}<img src="{PhotoURL-500}" />{LinkCloseTag}</center>
  356. <div class="text">{block:Caption}{Caption}{/block:Caption}</div>
  357. {/block:Photo}</center>
  358.  
  359. {block:Video}
  360. <center>{Video-500}</center>
  361. <div class="text">{block:Caption}{Caption}{/block:Caption}</div>
  362. {/block:Video}
  363.  
  364. {block:Audio}
  365. <img width="50px" src="http://media.tumblr.com/tumblr_m8qh5004U51r8ftsb.png">
  366. {block:AlbumArt}<img class="album" width="50px" src="{AlbumArtURL}" />{/block:AlbumArt}
  367. <div class="audio">{block:Artist}
  368. <strong>Artist:</strong> {Artist}{/block:Artist}<br />{block:Album}<strong>Album:</strong> {Album}{/block:Album}<br /> <strong>Played:</strong> {PlayCountWithLabel}.</div><br />
  369. {AudioPlayerBlack}
  370. <div class="text">{block:Caption}{Caption}{/block:Caption}</div>
  371. {/block:Audio}
  372.  
  373. {block:Quote}
  374. <div class="quote">“{Quote}”</div>
  375. {block:Source}<br /><div class="text">— {Source}</div>{/block:Source}
  376. {/block:Quote}
  377.  
  378. {block:Chat}
  379. {block:Title}<div class="title">{Title}</div><br />{/block:Title}
  380. <div class="text">{block:Lines}
  381. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br/>
  382. {/block:Lines}</div>
  383. {/block:Chat}
  384.  
  385. {block:Link}
  386. <div class="title"><a href="{URL}">{Name}</a></div>
  387. <div class="text">{block:Description}{Description}{/block:Description}</div>
  388. {/block:Link}
  389.  
  390. {block:Text}
  391. {block:Title}<div class="title">{Title}</div>{/block:Title}
  392. <div class="text">{Body}</div>
  393. {/block:Text}
  394.  
  395. {block:Answer}
  396. <div class="text">{Asker} &darr; <br /><br /></div>
  397. <div class="ask">{Question}</div>
  398. <div class="text">{Answer}</div>
  399. {/block:Answer}
  400.  
  401. <div id="permalink">
  402. {block:Date}Posted <a href="{Permalink}">{TimeAgo}{/block:Date}
  403. {block:NoteCount}</a> with <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}
  404. </a>
  405. </div>
  406. {block:HasTags}<div id="tags">
  407. {block:Tags}
  408. <a href="{TagURL}">#{Tag}</a>
  409. {/block:Tags}
  410. </div>
  411. {/block:HasTags}
  412. </div>
  413. {block:PostNotes}
  414. <div id="notecontainer">{PostNotes}</div>
  415. {/block:PostNotes}
  416. {/block:Posts}
  417. </div>
  418. </body>
  419. </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!