API tools faq
paste
Advertisement
getbackwithyous

Painting Flowers theme

getbackwithyous
Feb 27th, 2013
496
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.52 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. <!-- Painting Flowers theme by shakenmyexistance -->
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7.  
  8. <head>
  9.  
  10.  
  11. <meta name="color:bg" content="#ffffff">
  12. <meta name="color:link" content="#151412">
  13. <meta name="color:navlink" content=#ffffff">
  14. <meta name="color:navlinksbg" content="#141414">
  15. <meta name="color:hover" content="#9e9e9e">
  16. <meta name="color:text" content="#5e5c5c">
  17. <meta name="color:border" content="#cccccc">
  18.  
  19. <meta name="image:sidebar" content=""/>
  20.  
  21. <meta name="if:3 Links" content="1"/>
  22. <meta name="if:4 Links" content="1"/>
  23. <meta name="if:5 Links" content="1"/>
  24.  
  25. {block:If3Links}
  26. <meta name="text:link1" content="">
  27. <meta name="text:link1 url" content="/">
  28. <meta name="text:link2" content="">
  29. <meta name="text:link2 url" content="/">
  30. <meta name="text:link3" content="">
  31. <meta name="text:link3 url" content="/">
  32. {/block:If3Links}
  33.  
  34.  
  35. {block:If4Links}
  36. <meta name="text:link1" content="">
  37. <meta name="text:link1 url" content="/">
  38. <meta name="text:link2" content="">
  39. <meta name="text:link2 url" content="/">
  40. <meta name="text:link3" content="">
  41. <meta name="text:link3 url" content="/">
  42. <meta name="text:link4" content="">
  43. <meta name="text:link4 url" content="/">
  44. {/block:If4Links}
  45.  
  46. {block:If5Links}
  47. <meta name="text:link1" content="">
  48. <meta name="text:link1 url" content="/">
  49. <meta name="text:link2" content="">
  50. <meta name="text:link2 url" content="/">
  51. <meta name="text:link3" content="">
  52. <meta name="text:link3 url" content="/">
  53. <meta name="text:link4" content="">
  54. <meta name="text:link4 url" content="/">
  55. <meta name="text:link5" content="">
  56. <meta name="text:link5 url" content="/">
  57. {/block:If5Links}
  58.  
  59. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  60. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  61. <link rel="shortcut icon" href="{Favicon}" />
  62. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  63.  
  64. <style type="text/css">
  65. iframe#tumblr_controls {
  66. position:fixed !important;-webkit-filter: invert(100%) ;
  67. -moz-transition: all 0.8s ease-out;
  68. -webkit-transition: opacity 0.7s linear;
  69. -webkit-transition: all 0.8s ease-out;
  70. transition: all 0.8s ease-out;
  71. opacity: 0.5;}
  72.  
  73. iframe#tumblr_controls {
  74. right:3px !important;
  75. position: fixed !important;
  76. -webkit-transition: opacity 0.7s linear;
  77. opacity: 0.5;
  78. -webkit-transition: all 0.8s ease-out;
  79. -moz-transition: all 0.8s ease-out;
  80. transition: all 0.8s ease-out;
  81. }
  82.  
  83. iframe#tumblr_controls:hover {
  84. -webkit-transition: opacity 0.7s linear;
  85. opacity: 1;
  86. -webkit-transition: all 0.4s ease-out;
  87. -moz-transition: all 0.4s ease-out;
  88. transition: all 0.4s ease-out;
  89. }
  90.  
  91. a {
  92. color:{color:link};
  93. text-decoration:none;
  94. -moz-transition-duration:0.5s;
  95. -webkit-transition-duration:0.5s;
  96. -o-transition-duration:0.5s;
  97. }
  98.  
  99. a:hover {
  100. color:{color:hover};
  101. -moz-transition-duration:0.5s;
  102. -webkit-transition-duration:0.5s;
  103. -o-transition-duration:0.5s;
  104. }
  105.  
  106.  
  107. ::-webkit-scrollbar {background-color:{color:bg}; height:8px; width:8px}
  108. ::-webkit-scrollbar-thumb:vertical {background-color:{color:border}; height:50px}
  109. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:border}; height:8px!important}
  110.  
  111. body {
  112. background-color:{color:bg};
  113. font-family:calibri;
  114. font-weight:normal;
  115. }
  116.  
  117.  
  118. h1 {
  119. font-weight:normal;
  120. font-size:10px;
  121. text-align:center;
  122. font-style:normal;
  123. line-height:80%;
  124. letter-spacing:1px;
  125. text-transform:uppercase;
  126. color:{color:text};
  127. }
  128.  
  129. h2 {
  130. font-size:15px;
  131. text-align:center;
  132. line-height:100%;
  133. letter-spacing:-0.5px;
  134. color:{color:text};
  135. font-weight:normal;
  136. padding:5px;
  137. padding-bottom:2px;
  138. }
  139.  
  140.  
  141. blockquote {
  142. border-left:2px solid {color:text};
  143. padding-left:5px;
  144. margin:5px;
  145. }
  146.  
  147. #theme {
  148. background-color:{color:bg};
  149. width:700px;
  150. margin: 0 auto -12px auto;
  151. text-align: center;
  152. }
  153.  
  154. #sidebar {
  155. color:{color:text};
  156. position:fixed;
  157. width:180px;
  158. height:auto;
  159. margin-top:120px;
  160. text-align:left;
  161. margin-left:-100px;
  162. -moz-transition-duration:0.8s;
  163. -webkit-transition-duration:0.8s;
  164. -o-transition-duration:0.8s;
  165. }
  166.  
  167. #sidebar:hover .links {
  168. opacity:1;
  169. -moz-transition-duration:0.8s;
  170. -webkit-transition-duration:0.8s;
  171. -o-transition-duration:0.8s;
  172. }
  173.  
  174.  
  175. #sidebar img {
  176. width:180px;
  177. opacity:1;
  178. height:auto;
  179. margin-bottom:10px;
  180. -moz-transition-duration:0.8s;
  181. -webkit-transition-duration:0.8s;
  182. -o-transition-duration:0.8s;
  183. }
  184.  
  185. {block:If3Links}
  186. .links {
  187. opacity:0;
  188. position:absolute;
  189. width:180px;
  190. height:210px;
  191. font-size:10px;
  192. font-family:cambria;
  193. text-transform:lowercase;
  194. text-align:center;
  195. letter-spacing:2px;
  196. line-height:170%;
  197. text-decoration:italic;
  198. z-index:999;
  199. margin-top:-224px;
  200. background-color:{color:navlinksbg};
  201. -moz-transition-duration:0.8s;
  202. -webkit-transition-duration:0.8s;
  203. -o-transition-duration:0.8s;
  204. }
  205.  
  206. .links a{
  207. margin-top:26px;
  208. display:block;
  209. color:{color:navlink}
  210. letter-spacing:1px;
  211. padding:3px;
  212. font-size:10px;
  213. font-style:italic;
  214. -moz-transition-duration:0.8s;
  215. -webkit-transition-duration:0.8s;
  216. -o-transition-duration:0.8s;
  217. }
  218.  
  219. .links a:hover {
  220. color:{color:hover};
  221. font-size:12px;
  222. letter-spacing:4px;
  223. -moz-transition-duration:0.8s;
  224. -webkit-transition-duration:0.8s;
  225. -o-transition-duration:0.8s;
  226. }
  227. {/block:If3Links}
  228.  
  229.  
  230. {block:If4Links}
  231. .links {
  232. opacity:0;
  233. position:absolute;
  234. width:180px;
  235. height:210px;
  236. font-size:10px;
  237. font-family:cambria;
  238. text-transform:lowercase;
  239. text-align:center;
  240. letter-spacing:2px;
  241. line-height:170%;
  242. text-decoration:italic;
  243. z-index:999;
  244. margin-top:-224px;
  245. background-color:{color:navlinksbg};
  246. -moz-transition-duration:0.8s;
  247. -webkit-transition-duration:0.8s;
  248. -o-transition-duration:0.8s;
  249. }
  250.  
  251. .links a{
  252. margin-top:13px;
  253. display:block;
  254. color:{color:navlink};
  255. padding:3px;
  256. letter-spacing:1px;
  257. font-size:10px;
  258. font-style:italic;
  259. -moz-transition-duration:0.8s;
  260. -webkit-transition-duration:0.8s;
  261. -o-transition-duration:0.8s;
  262. }
  263.  
  264. .links a:hover {
  265. color:{color:hover};
  266. font-size:12px;
  267. letter-spacing:4px;
  268. -moz-transition-duration:0.8s;
  269. -webkit-transition-duration:0.8s;
  270. -o-transition-duration:0.8s;
  271. }
  272. {/block:If4Links}
  273.  
  274. {block:If5Links}
  275. .links {
  276. opacity:0;
  277. position:absolute;
  278. width:180px;
  279. height:210px;
  280. font-size:10px;
  281. font-family:cambria;
  282. text-transform:lowercase;
  283. text-align:center;
  284. letter-spacing:2px;
  285. line-height:170%;
  286. text-decoration:italic;
  287. z-index:999;
  288. margin-top:-224px;
  289. background-color:{color:navlinksbg};
  290. -moz-transition-duration:0.8s;
  291. -webkit-transition-duration:0.8s;
  292. -o-transition-duration:0.8s;
  293. }
  294.  
  295. .links a{
  296. margin-top:4px;
  297. display:block;
  298. color:{color:navlink};
  299. letter-spacing:1px;
  300. padding:3px;
  301. font-size:10px;
  302. font-style:italic;
  303. -moz-transition-duration:0.8s;
  304. -webkit-transition-duration:0.8s;
  305. -o-transition-duration:0.8s;
  306. }
  307.  
  308. .links a:hover {
  309. color:{color:hover};
  310. font-size:12px;
  311. letter-spacing:4px;
  312. -moz-transition-duration:0.8s;
  313. -webkit-transition-duration:0.8s;
  314. -o-transition-duration:0.8s;
  315. }
  316. {/block:If5Links}
  317.  
  318. .desc {
  319. width:180px;
  320. margin-top:-10px;
  321. text-align:justify;
  322. font-size:10px;
  323. margin-left:1px;
  324. color:{color:text};
  325. letter-spacing:1px;
  326. line-height:150%;
  327. }
  328.  
  329. .desc a {
  330. color:{color:link};
  331. }
  332.  
  333. .desc a:hover {
  334. color:{color:hover};
  335. }
  336.  
  337. .pagi {
  338. font-family:cambria;
  339. font-size:14px;
  340. margin-left:6px;
  341. margin-top:15px;
  342. font-family:;
  343. text-transform:uppercase;
  344. letter-spacing:3px;
  345. font-style:normal;
  346. text-align:center;
  347. }
  348.  
  349. .pagi a {
  350. color:{color:link};
  351. }
  352.  
  353. .pagi a:hover {
  354. text-decoration:none;
  355. color:{color:hover};
  356. }
  357.  
  358. #stuffcontainer {
  359. float:left;
  360. margin-left:150px;
  361. margin-top:0px;
  362. text-align:justify;
  363. background-color:{color:bg};
  364. color:{color:text};
  365. margin-bottom: 35px;
  366. }
  367.  
  368.  
  369. #stuff {
  370. width:500px;
  371. margin-top:50px;
  372. text-align:justify;
  373. font-size:11px;
  374. line-height:90%;
  375. letter-spacing:0x;
  376. color:{color:text};
  377. }
  378.  
  379. .caption {
  380. width:500px;
  381. text-align:justify;
  382. line-height:120%;
  383. }
  384.  
  385. .ask {
  386. padding:10px;
  387. text-align:left;
  388. color:{color:text};
  389. border:1px solid {color:border};
  390. background-color:{color:bg};
  391. }
  392.  
  393. .ans {
  394. text-align:left;
  395. padding:10px;
  396. color:{color:text};
  397. }
  398.  
  399. .audio {
  400. width:500px;
  401. padding-bottom:10px;
  402. background-color:{color:bg};
  403. }
  404.  
  405. .albumart {
  406. float:left;
  407. padding:0px 10px 10px 0px;
  408. }
  409.  
  410. .albumart img {
  411. width:45px;
  412. height:45px;
  413. }
  414.  
  415. .playercontainer {
  416. width:480px;
  417. padding:10px;
  418. overflow:hidden;
  419. }
  420.  
  421. .audioinfo {
  422. padding:10px;
  423. color:{color:text};
  424. }
  425.  
  426. #postinfo {
  427. background-color:{color:bg};
  428. width:489px;
  429. padding:5px;
  430. font-size:8px;
  431. border-top:1px solid {color:border};
  432. text-transform:uppercase;
  433. font-style:normal;
  434. letter-spacing:2px;
  435. text-align:left;
  436. -moz-transition-duration:0.5s;
  437. -webkit-transition-duration:0.5s;
  438. -o-transition-duration:0.5s;
  439. }
  440.  
  441. #postinfo a {
  442. text-align:center;
  443. letter-spacing:1px;
  444. font-style:normal;
  445. }
  446.  
  447. #postinfo a:hover {
  448. color:{color:hover};
  449. -moz-transition-duration:0.5s;
  450. -webkit-transition-duration:0.5s;
  451. -o-transition-duration:0.5s;
  452. }
  453.  
  454. .note {
  455. text-transform:uppercase;
  456. font-style:normal;
  457. letter-spacing:0px;
  458. font-size: 9px;
  459. text-align:left;
  460. line-height:90%;
  461. margin-left:-40px;
  462. }
  463.  
  464. .note li {
  465. list-style-type:none;
  466. border-bottom:1px solid {color:border};
  467. padding:10px 25px 10px 25px;
  468. text-align:left;
  469. margin:0px;
  470. -moz-transition-duration:0.5s;
  471. -webkit-transition-duration:0.5s;
  472. -o-transition-duration:0.5s;
  473. }
  474.  
  475. .tags {
  476. font-style:normal;
  477. width:490px;
  478. text-transform:uppercase;
  479. font-style:normal;
  480. color:#fff;
  481. letter-spacing:1px;
  482. margin-top:-8px;
  483. line-height:120%;
  484. font-size:8px;
  485. text-align:left;
  486. padding:5px;
  487. -moz-transition-duration:0.5s;
  488. -webkit-transition-duration:0.5s;
  489. -o-transition-duration:0.5s;
  490. }
  491.  
  492. .tags a {
  493. color:{color:link}
  494. letter-spacing:1px;
  495. padding:1px;
  496. }
  497.  
  498. .tags a:hover {
  499. color:{color:hover};
  500. -moz-transition-duration:0.5s;
  501. -webkit-transition-duration:0.5s;
  502. -o-transition-duration:0.5s;
  503. }
  504.  
  505. ul.chat, .chat ol, .chat li {
  506. list-style:none;
  507. margin:0px;
  508. padding:2px;
  509. }
  510.  
  511. .label {
  512. text-decoration:underline;
  513. font-weight:700;
  514. background-color:{color:bg};
  515. margin-right:5px;
  516. }
  517.  
  518. #cred {
  519. position:fixed;
  520. font-size:8px;
  521. line-height:150%;
  522. letter-spacing:1px;
  523. right:10px;
  524. bottom:10px;
  525. font-weight:none;
  526. text-transform:uppercase;
  527. text-align:center;
  528. }
  529.  
  530. #cred a {
  531. padding:4px;
  532. color:{color:link};
  533. background-color:{color:bg};
  534. -moz-transition-duration:0.5s;
  535. -webkit-transition-duration:0.5s;
  536. -o-transition-duration:0.5s;
  537. }
  538.  
  539. #cred a:hover {
  540. text-decoration:none;
  541. color:{color:bg};
  542. background-color:{color:link};
  543. -moz-transition-duration:0.8s;
  544. -webkit-transition-duration:0.8s;
  545. -o-transition-duration:0.8s;
  546. }
  547.  
  548. {CustomCSS}
  549.  
  550. </style></head>
  551.  
  552. <body>
  553. <div id="theme">
  554. <div id="sidebar">
  555. <img src="{image:sidebar}">
  556. <div class="links">
  557. {block:If3Links}
  558. <a href="{text:link1 url}">{text:link1}</a>&nbsp;
  559. <a href="{text:link2 url}">{text:link2}</a>&nbsp;
  560. <a href="{text:link3 url}">{text:link3}</a>&nbsp;
  561. {/block:If3Links}
  562. {block:If4links}
  563. <a href="{text:link1 url}">{text:link1}</a>&nbsp;
  564. <a href="{text:link2 url}">{text:link2}</a>&nbsp;
  565. <a href="{text:link3 url}">{text:link3}</a>&nbsp;
  566. <a href="{text:link4 url}">{text:link4}</a>&nbsp;
  567. {/block:If4Links}
  568. {block:If5Links}
  569. <a href="{text:link1 url}">{text:link1}</a>&nbsp;
  570. <a href="{text:link2 url}">{text:link2}</a>&nbsp;
  571. <a href="{text:link3 url}">{text:link3}</a>&nbsp;
  572. <a href="{text:link4 url}">{text:link4}</a>&nbsp;
  573. <a href="{text:link5 url}">{text:link5}</a>
  574. {/block:If5Links}
  575. </div>
  576. <div class="desc">
  577. {description}
  578. </div>
  579. {block:Pagination}
  580. <div class="pagi">
  581. {block:PreviousPage}
  582. <a href="{PreviousPage}">&laquo;</a>&nbsp;
  583. {/block:PreviousPage}
  584. {block:NextPage}
  585. <a href="{NextPage}">&raquo;</a>
  586. {/block:NextPage}
  587. </div>
  588. {/block:Pagination}
  589. </div>
  590.  
  591. <div id="stuffcontainer">
  592.  
  593. {block:Posts}
  594.  
  595. <div id="stuff">
  596.  
  597. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  598.  
  599. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  600.  
  601. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  602. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  603.  
  604. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  605.  
  606. {block:Photoset}<center>{Photoset-500}</center>
  607. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  608.  
  609. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  610.  
  611. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  612.  
  613. {block:Answer}<div class="ask">{Asker} asked: {Question}</div><div class="ans">{Answer}</div>{/block:answer}
  614.  
  615. {block:Audio}<div class="audio">
  616. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  617. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  618. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  619. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  620.  
  621.  
  622.  
  623. {block:Date}<div id="postinfo"><a href="{Permalink}">{timeago}</a>{block:NoteCount} / <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} / <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  624. {block:ContentSource} + <a href="{SourceURL}">source</a>{/block:ContentSource}</div>{/block:Date}
  625. {block:HasTags}
  626. <div class="tags">
  627. {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}</div>
  628. {/block:HasTags}
  629. <div class="note">
  630. {block:PostNotes}{PostNotes}{/block:PostNotes}
  631. </div>
  632. </div>
  633. {/block:Posts}
  634.  
  635.  
  636. </div>
  637.  
  638. <div id="cred"><a href="http://www.gbwythemes.tumblr.com/">theme</a></div>
  639.  
  640. </div>
  641. </div>
  642. </div>
  643. </body>
  644. </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!