y-pond

theme 006

Mar 28th, 2012
805
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.88 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- theme 006 by y-pond
  4. DO NOT REMOVE THE CREDIT, PLS -->
  5.  
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  7. <head>
  8.  
  9. <!-- DEFAULT VARIABLES -->
  10.  
  11. <meta name="color:background" content="#ffffff" />
  12. <meta name="color:text" content="#5a5a55" />
  13. <meta name="color:heavytext" content="#333333" />
  14. <meta name="color:link" content="#F78821" />
  15. <meta name="color:leftnav" content="#f06868" />
  16. <meta name="color:rightnav" content="#8598EB" />
  17.  
  18. <meta name="font:body" content="georgia" />
  19. <meta name="image:sidebar" content=""/>
  20.  
  21. <meta name="text:Link1" content="" />
  22. <meta name="text:Link1 Title" content="" />
  23. <meta name="text:Link2" content="" />
  24. <meta name="text:Link2 Title" content="" />
  25. <meta name="text:Link3" content="" />
  26. <meta name="text:Link3 Title" content="" />
  27. <meta name="text:Link4" content="" />
  28. <meta name="text:Link4 Title" content="" />
  29. <meta name="text:Link5" content="" />
  30. <meta name="text:Link5 Title" content="" />
  31.  
  32. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  33. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  34. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  35. <link rel="shortcut icon" href="{Favicon}" />
  36. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  37. <style type="text/css">
  38.  
  39. iframe#tumblr_controls {
  40. top:0px !important;
  41. right:3px !important;
  42. position: fixed !important;
  43. -webkit-transition: opacity 0.7s linear;
  44. opacity: 0.4;
  45. -webkit-transition: all 0.8s ease-out;
  46. -moz-transition: all 0.8s ease-out;
  47. transition: all 0.8s ease-out;}
  48.  
  49. iframe#tumblr_controls:hover{
  50. -webkit-transition: opacity 0.7s linear;
  51. opacity: 1;
  52. -webkit-transition: all 0.4s ease-out;
  53. -moz-transition: all 0.4s ease-out;
  54. transition: all 0.4s ease-out;}
  55.  
  56.  
  57.  
  58. a {
  59. color: {color:text};
  60. font-size: 8px;
  61. }
  62.  
  63. a:link, a:active, a:visited {
  64. color: {color:text};
  65. text-decoration: none;
  66. text-transform: uppercase;
  67.  
  68. }
  69.  
  70. a:hover {
  71. color: {color:link};
  72. }
  73.  
  74. blockquote {
  75. border-left: 2px {color:body} solid;
  76. padding-left: 5px;
  77. margin: 0px 2px 0px 10px;
  78. }
  79.  
  80. body {
  81. color: {color:text};
  82. background-color: {color:background};
  83. font-family: {font:body};
  84. font-size: .6em;
  85. }
  86.  
  87. h2 {
  88. font-size: 1.6em;
  89. line-height: 1.6em;
  90. letter-spacing: 0px;
  91.  
  92. font-weight: normal;
  93.  
  94. margin: 0px;
  95. padding: 0px;
  96. text-align: left;
  97. }
  98.  
  99. h3 {
  100. font-size: 1.2em;
  101. line-height: 1.2em;
  102. letter-spacing: 0px;
  103.  
  104. font-weight: normal;
  105.  
  106. margin: 0px;
  107. padding: 0px;
  108. text-align: left;
  109. }
  110.  
  111. hr {
  112. width: 500px;
  113. margin-top: 10px;
  114. margin-bottom: 10px;
  115. float: left;
  116. }
  117.  
  118.  
  119. img a {
  120. border:none;
  121. width:100%;
  122. }
  123.  
  124. p {
  125. margin-top: 4px;
  126. margin-bottom: 4px;
  127. }
  128.  
  129. .chat ol, ul.chat, .chat li {
  130. list-style: none;
  131. margin: 0px;
  132. padding: 0px;
  133. }
  134.  
  135.  
  136. .asker img {
  137. -webkit-border-radius: 25px;
  138. -moz-border-radius: 25px;
  139. -o-border-radius: 25px;
  140. }
  141.  
  142. .button {
  143. -webkit-transition: 1.2s;
  144. -moz-transition: 1.2s;
  145. -o-transition: 1.2s;
  146. }
  147.  
  148. .center {
  149. margin: 0 auto;
  150. display: block;
  151. }
  152.  
  153. .clear {
  154. clear: both;
  155. }
  156.  
  157. .content {
  158. padding-bottom: 10px;
  159. border-bottom: 1px dotted #444444;
  160. }
  161.  
  162. #credit{bottom:10px; left:1200px; position:fixed;}
  163. #credit a{text-transform:uppercase; letter-spacing:1px; font-family:georgia; font-styler:italic; font-size:9px; color:{color:text};}
  164.  
  165. #description {
  166. width: 260px;
  167. margin-top: 0px;
  168. font-size: 9px;
  169. }
  170.  
  171. .floatleft {
  172. float: left;
  173. }
  174.  
  175. .floatright {
  176. float: right;
  177. }
  178.  
  179. .info {
  180. font-size: .8em;
  181. text-transform: lowercase;
  182. }
  183.  
  184. .leftnav:hover {
  185. background-color: {color:leftnav};
  186. }
  187.  
  188. #main {
  189. margin-top:25px;
  190. margin-left:365px;
  191. }
  192.  
  193. #nav_bar a {
  194. display: block;
  195. padding: 4px 4px;
  196. color: {color:text};
  197. }
  198.  
  199. #nav_bar a:hover {
  200. color: {color:heavytext};
  201. }
  202.  
  203. .path {
  204. font-size: .8em;
  205. margin-bottom: 10px;
  206. text-transform: lowercase;
  207. }
  208.  
  209. .post {
  210. width: 500px;
  211. overflow: hidden;
  212. margin-bottom: 10px;
  213. }
  214.  
  215. .rightnav:hover {
  216. background-color: {color:rightnav};
  217. }
  218.  
  219. #sidebar {
  220. position: fixed;
  221. top: 80px;
  222. left: 40px;
  223. width: 300px;
  224. }
  225.  
  226. #side_img img {
  227. max-width: 260px;
  228. max-height: auto;
  229. }
  230.  
  231. #title {
  232. width: 260px;
  233. margin-bottom: 10px;
  234. font-family: segoe script;
  235. }
  236.  
  237. #title a {
  238. font-size: 9px
  239. }
  240.  
  241. #title h2 {
  242. text-align: center;
  243. }
  244.  
  245. </style>
  246. <style type="text/css">{CustomCSS}</style>
  247. </head>
  248.  
  249. <body>
  250. <div id="sidebar">
  251. <div id="title" class="floatleft">
  252. <h2><a href="/">{title}</a></h2>
  253. </div>
  254. <div id="side_img" class="floatleft">
  255. <img src="{image:sidebar}"/>
  256. </div>
  257. <div class="clear"></div>
  258. <div id="description" class="floatleft">
  259. {block:Description}
  260. {Description}
  261. {/block:Description}
  262. </div>
  263. <div class="clear"></div>
  264.  
  265. <div id="nav_bar">
  266. <span class="leftnav button floatleft"><a href="/ask">ask</a></span>
  267. {block:ifLink1}
  268. <span class="leftnav button floatleft"><a href="{text:Link1}">{text:Link1 Title}</a></span>
  269. {/block:ifLink1}
  270. {block:ifLink2}
  271. <span class="leftnav button floatleft"><a href="{text:Link2}">{text:Link2 Title}</a></span>
  272. {/block:ifLink2}
  273. {block:ifLink3}
  274. <span class="leftnav button floatleft"><a href="{text:Link3}">{text:Link3 Title}</a></span>
  275. {/block:ifLink3}
  276. {block:ifLink4}
  277. <span class="leftnav button floatleft"><a href="{text:Link4}">{text:Link4 Title}</a></span>
  278. {/block:ifLink4}
  279. {block:ifLink5}
  280. <span class="leftnav button floatleft"><a href="{text:Link5}">{text:Link5 Title}</a></span>
  281. {/block:ifLink5}
  282. {block:PreviousPage}
  283. <span class="rightnav button floatright"><a href="{PreviousPage}">←</a></span>
  284. {/block:PreviousPage}
  285. {block:NextPage}
  286. <span class="rightnav button floatright"><a href="{NextPage}">→</a></span>
  287. {/block:NextPage}
  288. </div>
  289. </div>
  290.  
  291. <div id="main">
  292. {block:Posts}
  293. <div class="post">
  294. <div class="path floatright">
  295. {block:Date}
  296. {12Hour}:{Minutes}{AmPm} / <a href="{Permalink}">{TimeAgo}</a>
  297. {/block:Date}
  298. {block:NoteCount}
  299. / {NoteCountWithLabel}
  300. {/block:NoteCount}
  301. {block:RebloggedFrom}
  302. / via
  303. <a href="{ReblogParentURL}"title="{ReblogParentTitle}">
  304. {ReblogParentName}
  305. </a>
  306. / ©
  307. <a href="{ReblogRootURL}">
  308. {ReblogRootName}
  309. </a>
  310. {/block:RebloggedFrom}
  311. </div>
  312. <div class="clear"></div>
  313. <div class="content">
  314. {block:Title}
  315. <h2>{Title}&nbsp;</h2>
  316. {/block:Title}
  317. {block:Text}
  318. {Body}
  319. {/block:Text}
  320. {block:Quote}
  321. <h3>"{Quote}" — {Source}</h3>
  322. {/block:Quote}
  323. {block:Link}
  324. <a href="{URL}" class="link" {Target}>
  325. <h2>{Name}&nbsp;</h2>
  326. </a>
  327. {block:Description}
  328. <P>{Description}</p>
  329. {/block:Description}
  330. {/block:Link}
  331. {block:Photo}
  332. {LinkOpenTag}
  333. <img src="{PhotoURL-500}" alt="{PhotoAlt}" class="center"/>
  334. {LinkCloseTag}
  335. {block:Caption}
  336. {Caption}
  337. {/block:Caption}
  338. {/block:Photo}
  339. {block:Photoset}
  340. <span class="center">
  341. {Photoset-500}
  342. </span>
  343. {block:Caption}
  344. {Caption}
  345. {/block:Caption}
  346. {/block:Photoset}
  347. {block:Chat}
  348. <ul class="chat">
  349. {block:Lines}
  350. <li class="user_{UserNumber}">
  351. {block:Label}
  352. <span class="label">{Label}</span>
  353. {/block:Label}&nbsp;{Line}
  354. </li>
  355. {/block:Lines}
  356. </ul>
  357. {/block:Chat}
  358. {block:Video}
  359. {Video-500}
  360. {block:Caption}
  361. {Caption}
  362. {/block:Caption}
  363. {/block:Video}
  364. {block:Answer}
  365. <div class="asker">
  366. <img src="{AskerPortraitURL-24}">
  367. {Asker} said to me: "{question}"
  368. </div>
  369. <div class="answer">
  370. <blockquote>{Answer}</blockquote>
  371. </div>
  372. {/block:Answer}
  373. {block:Audio}
  374. <span class="audio">
  375. <span class="center">
  376. {AudioPlayergrey}
  377. </span>
  378. </span>
  379. {block:Caption}
  380. {Caption}
  381. {/block:Caption}
  382. {/block:Audio}
  383. </div>
  384. <div class="info">
  385. {block:HasTags}
  386. {block:Tags}
  387. <a href="{TagURL}">#{Tag}</a>
  388. {/block:Tags}
  389. {/block:HasTags}
  390. </div>
  391. </div>
  392. {/block:Posts}
  393. {block:PostNotes}
  394. {PostNotes}
  395. {/block:PostNotes}
  396. </div>
  397. <div id="credit"><a href="http://ladytrinkets.tumblr.com">theme by loonylunas</a>
  398. </body>
  399. </html>
Advertisement
Add Comment
Please, Sign In to add comment