API tools faq
paste
y-pond

theme 007

y-pond
Apr 17th, 2012
504
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.48 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- theme 007 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="#B6B8B5" />
  13. <meta name="color:link" content="#FDAC54" />
  14. <meta name="color:border" content="#A4B8D1"/>
  15. <meta name="color:scrollbg" content="#ffffff" />
  16. <meta name="color:scrollbar" content="#BEEDC3" />
  17.  
  18.  
  19. <meta name="font:body" content="georgia" />
  20. <meta name="image:sidebar" content=""/>
  21.  
  22. <meta name="color:Home Link" content="#FFC8BA">
  23. <meta name="color:Ask Link" content="#F7EFA1">
  24. <meta name="text:Link1" content="" />
  25. <meta name="text:Link1 Title" content="" />
  26. <meta name="color:Link1 Color" content="#D2FCD8">
  27. <meta name="text:Link2" content="" />
  28. <meta name="text:Link2 Title" content="" />
  29. <meta name="color:Link2 Color" content="#C8ECFA">
  30. <meta name="text:Link3" content="" />
  31. <meta name="text:Link3 Title" content="" />
  32. <meta name="color:Link3 Color" content="#F7E8FF">
  33. <meta name="text:Link4" content="" />
  34. <meta name="text:Link4 Title" content="" />
  35. <meta name="color:Link4 Color" content="#F2DFEA">
  36.  
  37. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  38. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  39. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  40. <link rel="shortcut icon" href="{Favicon}" />
  41. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  42. <style type="text/css">
  43.  
  44. iframe #tumblr_controls {
  45. top:0px !important;
  46. right:3px !important;
  47. position: fixed !important;
  48. -webkit-transition: opacity 0.7s linear;
  49. opacity: 0.4;
  50. -webkit-transition: all 0.8s ease-out;
  51. -moz-transition: all 0.8s ease-out;
  52. transition: all 0.8s ease-out;}
  53.  
  54. iframe #tumblr_controls:hover{
  55. -webkit-transition: opacity 0.7s linear;
  56. opacity: 1;
  57. -webkit-transition: all 0.4s ease-out;
  58. -moz-transition: all 0.4s ease-out;
  59. transition: all 0.4s ease-out;}
  60.  
  61. ::-webkit-scrollbar {width: 10px; height:auto; background:{color:scrollbg}}
  62. ::-webkit-scrollbar-corner {background:{color:scrollbg}}
  63. ::-webkit-scrollbar-button:vertical {height:4px; display: block; background:{color:scrollbar}}
  64. ::-webkit-scrollbar-button:horizontal {width: 7px; height: 4px; display: block; background:{color:scrollbar}}
  65. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar}; border-top: 1px solid {color:scrollbg}; border-bottom: 1px solid {color:scrollbg}}
  66. ::-webkit-scrollbar-thumb:horizontal {background: {color:scrollbg}; border: 0px solid {color:scrollbg}}
  67. ::-webkit-scrollbar-thumb {background: {color:scrollbar}; border-top: 0pt solid {color:scrollbg}; border-bottom: 0pt solid {color:scrollbg}}
  68. ::-webkit-scrollbar-thumb:hover {background: {color:scrollbar}; cursor:url(http://i53.tinypic.com/zycxmw.png), auto}
  69. ::-webkit-scrollbar-track-piece {background: {color:scrollbg}; border-top: 1pt solid {color:scrollbg}; border-bottom: 1pt solid {color:scrollbg}; width:4pt;}
  70.  
  71.  
  72.  
  73. body {
  74. color: {color:text};
  75. background-color: {color:background};
  76. font-family: {font:body};
  77. font-size: 9px;
  78. }
  79.  
  80. a {
  81. color: {color:links};
  82. }
  83.  
  84. a:link, a:active, a:visited {
  85. color: {color:text};
  86. text-decoration: none;
  87. font-style: italic;
  88. font-size: 11px;
  89. }
  90.  
  91. a:hover {
  92. color: {color:link};
  93. }
  94.  
  95. #askbox {
  96. background-color:{color:entry};
  97. color: {color:ask text};
  98. padding:2px; margin-top:
  99. 2px; margin-bottom:2px;
  100. font-family:georgia;
  101. font-size:10px;
  102. text-transform:lowercase;
  103. letter-spacing:0px;
  104. }
  105.  
  106. #askbox a {
  107. color:{color:link};
  108. }
  109.  
  110. h1 {
  111. color: {color:title};
  112. font-size: 15px;
  113. line-height: 15px;
  114. letter-spacing: 0px;
  115. font-weight: normal;
  116. text-transform: uppercase;
  117. margin: 0px;
  118. padding: 0px;
  119. text-align: left;
  120. }
  121.  
  122. h2 {
  123. color:{color:title};
  124. font-size: 12px;
  125. line-height: 12px;
  126. letter-spacing: 0px;
  127. font-weight: normal;
  128. text-transform: uppercase;
  129. margin: 0px;
  130. padding: 0px;
  131. margin-bottom: -0px;
  132. text-align: left;
  133. }
  134.  
  135. h3 {
  136. color: {color:link};
  137. font-family: arial;
  138. font-size: 19px;
  139. letter-spacing: 0px;
  140. font-weight: normal;
  141. font-style: normal;
  142. text-transform: lowercase;
  143. line-height: 14px;
  144. margin-left: 5px;
  145. margin-top: 10px;
  146. margin-bottom: -10px;
  147. text-align: left;
  148. letter-spacing: 1px;
  149. }
  150.  
  151. h3 a:hover {
  152. background-color: transparent;
  153. }
  154.  
  155. hr {
  156. width: 500px;
  157. margin-top: 10px;
  158. margin-bottom: 10px;
  159. float: left;
  160. }
  161.  
  162. p {
  163. margin-top: 4px;
  164. margin-bottom: 4px;
  165. }
  166.  
  167. img a {
  168. border:none;
  169. width:100%;
  170. }
  171.  
  172. #notes {
  173. margin-bottom: 10px;
  174. text-align: center;
  175. }
  176.  
  177. blockquote {
  178. border-left: 2px {color:body} solid;
  179. padding-left: 5px;
  180. margin: 0px 2px 0px 10px;
  181. }
  182.  
  183. ul.chat, .chat ol, .chat li {
  184. list-style: none;
  185. margin: 0px;
  186. padding: 0px;
  187. }
  188.  
  189. ol.notes, .notes li {
  190. list-style: none;
  191. margin: 0px;
  192. padding: 0px;
  193. }
  194.  
  195. iframe input, iframe submit, iframe textarea, iframe div, iframe table {
  196. background-color: transparent !important;
  197.  
  198. }
  199.  
  200. .clear {
  201. clear: both;
  202. }
  203.  
  204. .content {
  205. padding-bottom: 10px;
  206. border-bottom: 1px dotted #444444;
  207. }
  208.  
  209. #credit{bottom:10px; left:1200px; position:fixed;}
  210. #credit a{text-transform:uppercase; letter-spacing:1px; font-family:georgia; font-styler:italic; font-size:9px; color:{color:text};}
  211.  
  212. #description {
  213. margin-top: 50px;
  214. width: 100px;
  215. }
  216.  
  217. .floatleft {
  218. float: left;
  219. }
  220.  
  221. .floatright {
  222. float: right;
  223. }
  224.  
  225. .info {
  226. font-size: .8em;
  227. text-transform: lowercase;
  228. }
  229.  
  230. #main {
  231. margin-top:50px;
  232. margin-left:420px;
  233.  
  234. }
  235.  
  236. .path {
  237. font-size: .8em;
  238. margin-bottom: 10px;
  239. text-transform: lowercase;
  240. }
  241.  
  242. .post {
  243. width: 500px;
  244. overflow: hidden;
  245. margin-bottom: 10px;
  246.  
  247. }
  248.  
  249. #sidebar {
  250. position: fixed;
  251. top: 200px;
  252. left: 70px;
  253. width: 300px;
  254. }
  255.  
  256. #side_img img {
  257. max-width: 180px;
  258. max-height: auto;
  259. border: 5px solid {color:border};}
  260.  
  261. }
  262.  
  263.  
  264. .link {
  265. display: inline-block;
  266. padding: 4px 0;
  267. margin-left: -2px;
  268.  
  269. }
  270.  
  271. .link-text {
  272. -webkit-transition: ease-in-out .4s all;
  273. -moz-transition: ease-in-out .4s all;
  274.  
  275. padding-left: 4px;
  276. padding-right: 30px;
  277. }
  278.  
  279. .link-text:hover {
  280. padding-left: 30px;
  281. padding-right: 4px;
  282. }
  283.  
  284. #home-link {
  285. background-color: {color:Home Link};
  286. }
  287.  
  288. #ask-link {
  289. background-color: {color:Ask Link};
  290. }
  291.  
  292. #link1 {
  293. background-color: {color:Link1 Color};
  294. }
  295.  
  296. #link2 {
  297. background-color: {color:Link2 Color};
  298. }
  299.  
  300. #link3 {
  301. background-color: {color:Link3 Color};
  302. }
  303.  
  304. #link4 {
  305. background-color: {color:Link4 Color};
  306. }
  307.  
  308.  
  309. #pagination a {
  310. font-size:70px;
  311. }
  312.  
  313. #pagination {
  314. top:400px;
  315. right:140px;
  316. position:fixed;
  317.  
  318. }
  319.  
  320. </style>
  321. <style type="text/css">{CustomCSS}</style>
  322. </head>
  323.  
  324. <body>
  325. <div id="sidebar">
  326. <div id="side_img" class="floatleft">
  327. <img src="{image:sidebar}"/>
  328. </div>
  329. <div id="description" class="floatright">
  330. {block:Description}
  331. {Description}
  332. {/block:Description}
  333. </div>
  334. <div class="clear"></div>
  335. <div id="links">
  336. <div>
  337. <a href="/" class="link" id="home-link">
  338. <span class="link-text">
  339. home
  340. </span>
  341. </a>
  342. <a href="/ask" class="link" id="ask-link">
  343. <span class="link-text">
  344. ask
  345. </span>
  346. </a>
  347. {block:ifLink1}
  348. <a href="{text:Link1}" class="link" id="link1">
  349. <span class="link-text">
  350. {text:Link1 Title}
  351. </span>
  352. </a>
  353. {/block:ifLink1}
  354. </div>
  355. <div>
  356. {block:ifLink2}
  357. <a href="{text:Link2}" class="link" id="link2">
  358. <span class="link-text">
  359. {text:Link2 Title}
  360. </span>
  361. </a>
  362. {/block:ifLink2}
  363. {block:ifLink3}
  364. <a href="{text:Link3}" class="link" id="link3">
  365. <span class="link-text">
  366. {text:Link3 Title}
  367. </span>
  368. </a>
  369. {/block:ifLink3}
  370. {block:ifLink4}
  371. <a href="{text:Link4}" class="link" id="link4">
  372. <span class="link-text">
  373. {text:Link4 Title}
  374. </span>
  375. </a>
  376. {/block:ifLink4}
  377. </div>
  378. </div>
  379. </div>
  380.  
  381. <div id="main">
  382. {block:Posts}
  383. <div class="post">
  384. <div class="path floatright">
  385. {block:Date}
  386. {12Hour}:{Minutes}{AmPm} / <a href="{Permalink}">{TimeAgo}</a>
  387. {/block:Date}
  388. {block:NoteCount}
  389. / {NoteCountWithLabel}
  390. {/block:NoteCount}
  391. {block:RebloggedFrom}
  392. / via
  393. <a href="{ReblogParentURL}"title="{ReblogParentTitle}">
  394. {ReblogParentName}
  395. </a>
  396. / ©
  397. <a href="{ReblogRootURL}">
  398. {ReblogRootName}
  399. </a>
  400. {/block:RebloggedFrom}
  401. </div>
  402. <div class="clear"></div>
  403. <div class="content">
  404. {block:Title}
  405. <h2>{Title}&nbsp;</h2>
  406. {/block:Title}
  407. {block:Text}
  408. {Body}
  409. {/block:Text}
  410. {block:Quote}
  411. <h2>"{Quote}" — {Source}</h2>
  412. {/block:Quote}
  413. {block:Link}
  414. <a href="{URL}" class="link" {Target}>
  415. <h1>{Name}&nbsp;</h1>
  416. </a>
  417. {block:Description}
  418. <P>{Description}</p>
  419. {/block:Description}
  420. {/block:Link}
  421. {block:Photo}
  422. <center>
  423. {LinkOpenTag}
  424. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  425. {LinkCloseTag}
  426. </center>
  427. {block:Caption}
  428. {Caption}
  429. {/block:Caption}
  430. {/block:Photo}
  431. {block:Photoset}
  432. <center>
  433. {Photoset-500}
  434. </center>
  435. {block:Caption}
  436. {Caption}
  437. {/block:Caption}
  438. {/block:Photoset}
  439. {block:Chat}
  440. <ul class="chat">
  441. {block:Lines}
  442. <li class="user_{UserNumber}">
  443. {block:Label}
  444. <span class="label">{Label}</span>
  445. {/block:Label}&nbsp;{Line}
  446. </li>
  447. {/block:Lines}
  448. </ul>
  449. {/block:Chat}
  450. {block:Video}
  451. {Video-500}
  452. {block:Caption}
  453. {Caption}
  454. {/block:Caption}
  455. {/block:Video}
  456. {block:Answer}
  457. <div class="asker">
  458. <img src="{AskerPortraitURL-24}">
  459. {Asker} said to me: "{question}" and I replied:
  460. </div>
  461. <div class="answer">
  462. <blockquote>{Answer}</blockquote>
  463. </div>
  464. {/block:Answer}
  465. {block:Audio}
  466. <span class="audio">
  467. <center>
  468. {AudioPlayergrey}
  469. </center>
  470. </span>
  471. {block:Caption}
  472. {Caption}
  473. {/block:Caption}
  474. {/block:Audio}
  475. </div>
  476. <div class="info">
  477. {block:HasTags}
  478. {block:Tags}
  479. <a href="{TagURL}">#{Tag}</a>
  480. {/block:Tags}
  481. {/block:HasTags}
  482. </div>
  483. </div>
  484. {/block:Posts}
  485. {block:PostNotes}
  486. {PostNotes}
  487. {/block:PostNotes}
  488. <div id="pagination">
  489. {block:PreviousPage}
  490. <a href="{PreviousPage}">«</a> &nbsp;
  491. {/block:PreviousPage}
  492. {block:NextPage}&nbsp;
  493. <a href="{NextPage}">»</a>
  494. {/block:NextPage}
  495. </div>
  496. <div id="credit"><a href="http://ladytrinkets.tumblr.com/themes">theme by loonylunas</a>
  497. </div>
  498. </div>
  499. </body>
  500. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!