API tools faq
paste
Advertisement
interludethenshivers

Theme 02, Adventure is out there

interludethenshivers
Jan 10th, 2013
2,297
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.37 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. This is my second public theme yay yay yay yay yay
  4.  
  5. BY ME! HAZEL! nah im Claudia
  6. my blawgs:
  7. niallissues
  8. interlude-then-shivers (TUMBLR.COM)
  9.  
  10. 1° Edit whatever you want
  11. 2° Keep the credit ya bastard ok? i don't want it on secondary pages.
  12. 3° I really love cats
  13. 4° I'll go to paris someday and walk in the rain
  14. 5° In 20's!!!
  15. 6° I'll go to Moscu too!
  16. 7° I want tight gap
  17. 8° Well cara and barbara are mapache queens LOL
  18. 9° Love those bastards
  19. 10° TEN / DIEZ / DECEM / DIX!!!!!!! (din din din)
  20.  
  21. -->
  22. <html>
  23. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  24. <html xmlns="http://www.w3.org/1999/xhtml">
  25. <head>
  26. <link href='http://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'>
  27. <!--Default Variables-->
  28.  
  29.  
  30. <!--links-->
  31. <meta name="text:Link1" content="/" />
  32. <meta name="text:Link2" content="/" />
  33. <meta name="text:Link3" content="/" />
  34. <meta name="text:Link1 title" content="uno" />
  35. <meta name="text:Link2 title" content="dos" />
  36. <meta name="text:Link3 title" content="tres" />
  37. <meta name="text:Home Label" content="home" />
  38. <meta name="text:Ask Label" content="message" />
  39.  
  40.  
  41. <!--RAINBOWS COLORS AND SPARKLES!! <3 -->
  42. <meta name="color:Background" content="#ffffff"/>
  43. <meta name="color:Text" content="#b6b6b6"/>
  44. <meta name="color:Link" content="#abc2db"/>
  45. <meta name="color:Links Hover" content="#929191"/>
  46. <meta name="color:Links hover border" content="#abc2db"/>
  47. <meta name="color:Border" content="#eeeeee"/>
  48. <meta name="color:Info" content="#fafafa"/>
  49. <meta name="color:Tags color" content="#d6d2d2"/>
  50. <meta name="color:Tags hover" content="#a7a5a5"/>
  51. <meta name="color:Scrollbar" content="#adadad"/>
  52. <meta name="color:Pag" content="#ffffff" />
  53. <meta name="color:Pagletter" content="#a1cecd" />
  54. <meta name="color:Background title" content="#ffffff" />
  55. <meta name="color:Title" content="#97cbc8" />
  56. <meta name="color:Description Background" content="#fafafa" />
  57. <meta name="color:Description" content="#b6b6b6"/>
  58. <meta name="color:Side links bg hover" content="#c7c7c7" />
  59. <meta name="color:Side links hover" content="#ffffff" />
  60. <meta name="color:Side links bg" content="#ffffff" />
  61. <meta name="color:Side links" content="#c7c7c7"/>
  62. <!--Images-->
  63. <meta name="image:Background" content""/>
  64. <meta name="image:Sidebar" content"http://static.tumblr.com/kvpds3v/ycWmgaicg/upa.gif"/>
  65. <meta name="image:Sidebar hover" content"http://static.tumblr.com/kvpds3v/N0Ymgaicr/up.gif"/>
  66.  
  67.  
  68. <!--Options-->
  69. <meta name="if:Infinite Scrolling" content=""/>
  70.  
  71. {block:ifInfiniteScrolling}
  72. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  73. {/block:ifInfiniteScrolling}
  74.  
  75. {block:Description}
  76. <meta name="description" content="{MetaDescription}" />{/block:Description}
  77. <title>
  78. {block:PostSummary}
  79. {PostSummary} - {/block:PostSummary}{Title}</title>
  80. </style>
  81.  
  82. <style type="text/css">
  83.  
  84. iframe#tumblr_controls {
  85. right:3px !important;
  86. position: fixed !important;
  87. opacity: 0.5;
  88.  
  89. -webkit-transition: opacity 0.7s linear;
  90. -webkit-transition: all 0.8s ease-out;
  91. -moz-transition: all 0.8s ease-out;
  92. transition: all 0.8s ease-out;
  93. -webkit-filter: invert(100%);
  94. }
  95.  
  96. iframe#tumblr_controls:hover{
  97. -webkit-transition: opacity 0.7s linear;
  98. opacity: 1;
  99.  
  100. -webkit-transition: all 0.4s ease-out;
  101. -moz-transition: all 0.4s ease-out;
  102. transition: all 0.4s ease-out;
  103. }
  104.  
  105. iframe#tumblr_controls {
  106. top: 0% !important;
  107. right:0% !important;
  108. position: fixed !important;
  109. }
  110.  
  111. @font-face {
  112. font-family: "vera";
  113. src: url('http://static.tumblr.com/kvpds3v/VvWmgablz/bitstream_vera_mono.zip');
  114. }
  115.  
  116. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar};height:5px;}
  117. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Scrollbar};height:5px!important;}
  118. ::-webkit-scrollbar {background-color:{color:Background};height:5px;width:6px;}
  119.  
  120.  
  121. body{
  122. background-color: {color:Background};
  123. background-image: url({image:Background});
  124. background-attachment: fixed;
  125. background-repeat: repeat;
  126. background-position: center;
  127. font-family:helvetica;
  128. font-size:11px;
  129. line-height:12px;
  130. color:{color:Text};
  131. }
  132.  
  133. a {
  134. text-decoration:none;
  135. outline:none;
  136. -moz-outline-style:none;
  137. color:{color:Link};
  138. padding:1px;
  139. -webkit-transition: all 0.7s ease;
  140. -moz-transition: all 0.7s ease;
  141. -o-transition: all 0.7s ease;
  142. }
  143.  
  144. a:hover {
  145. border-bottom: 2px solid {color:Links hover border};
  146. -webkit-transition: all 0.5s ease-out;
  147. -moz-transition: all 0.5s ease-out;
  148. transition: all 0.5s ease-out;
  149. color: {color:links hover};
  150. -webkit-transition: all 0.7s ease;
  151. -moz-transition: all 0.7s ease;
  152. -o-transition: all 0.7s ease;
  153. }
  154.  
  155. #container {
  156. margin:auto;
  157. width:700px;
  158. }
  159.  
  160. #entries {
  161. font-family:times new;
  162. padding:10px;
  163. width:500px;
  164. margin-left:500px;
  165. margin-top:60px;
  166.  
  167. }
  168.  
  169. #post {
  170. width:430px;
  171. padding-bottom:40px;
  172. padding:20px; border:1px solid {color:border}; margin-top:40px;
  173. opacity:.9;
  174. -webkit-transition: all 0.8s ease-in-out;
  175. -moz-transition: all 0.8s ease-in-out;
  176. -o-transition: all 0.8s ease-in-out;
  177. }
  178.  
  179. #post img{
  180. width:430px;
  181. }
  182.  
  183. #post:hover {opacity:1;
  184. -webkit-transition: all 0.8s ease-in-out;
  185. -moz-transition: all 0.8s ease-in-out;
  186. -o-transition: all 0.8s ease-in-out;}
  187.  
  188.  
  189.  
  190. #permalink{
  191. font-family:georgia;
  192. position:relative;
  193. margin-top:5px;
  194. padding:2px;
  195. font-size:8px;
  196. text-transform:uppercase;
  197. }
  198.  
  199.  
  200.  
  201.  
  202. blockquote {
  203. padding-left:5px;
  204. border-left:2px solid;
  205. }
  206.  
  207. blockquote blockquote {
  208. padding-left:5px;
  209. border-left:2px solid;
  210.  
  211. }
  212. .quote {
  213. display: block;
  214. background: url(http://static.tumblr.com/cc4ocei/Y5Mkzk5s7/quote.png) no-repeat 0 10px;
  215. font-style: italic;
  216. padding: 16px 18px 10px 32px; }
  217.  
  218. .quote .medium {
  219. font-size: 15px;
  220. line-height: 1.4;
  221. font-family:georgia; }
  222.  
  223. h1 {
  224. font-family:times new;
  225. line-height:100%;
  226. font-style:italic;
  227. font-size:12px;
  228. letter-spacing:0px;
  229. text-transform:uppercase;
  230. color:#a2a2a2;
  231. margin-bottom:5px;
  232. border-bottom:3px double #c7c7c7;}
  233.  
  234. #info {
  235. font-family:georgia;
  236. text-align:center;
  237. margin-top:10px;
  238. height:18px;
  239. text-transform:uppercase;
  240. border-top:1px solid {color:border};
  241. background-color:{color:info};
  242. padding:3px;
  243. font-style:normal;
  244. font-size:8.5px;
  245. text-transform:
  246. uppercase;
  247. text-align:right;
  248. line-height:10px;
  249. opacity:2;
  250. }
  251.  
  252. #asker {
  253. float:left;
  254. margin-right:5px;
  255. }
  256.  
  257.  
  258.  
  259. #tags {
  260.  
  261. font-family: georgia;
  262. background-color:#transparent margin-bottom:20px;margin-top: 25px;
  263. font-size:8px; line-spacing: 1px;letter-spacing:0px;color:{color:tagscolor};}
  264.  
  265. .tags {
  266. margin-bottom:0px;
  267. margin-top: 0px;
  268. line-spacing: 1px;
  269. letter-spacing:0px;
  270. border-radius: 0px 0px 0px 0px;
  271. color:{color:info};
  272. font-style: normal;
  273. font-family: georgia;
  274. font-size:8px;
  275. text-transform:uppercase;
  276. border-top: 0px solid;
  277. border-color:{color:border};
  278. border-bottom: 0px solid;
  279. text-shadow: 0px 0px 0px #512a27;
  280. text-align:center;
  281. -webkit-transition: 0.4s linear;-webkit-box-shadow: 0 0px 0px 0px #ccc;-moz-box-shadow: 0 0px 0px 0px #ccc;
  282. box-shadow: 0 0px 0px 0px #ccc;
  283. padding:3px;}
  284.  
  285. .tags a{
  286. background-color:{color:background};
  287. letter-spacing:1px;border: 1px solid;border-color:{color:border};font-style: normal;font-family: calibri;font-size:8px;text-transform:uppercase;background-color: {color:question};margin-top: -15px;padding: 0px 5px 1px 5px; color:{color:tags color};margin-bottom:25px;}
  288.  
  289. .tags a:hover{
  290. display:inline;
  291. background-color:{color:tags hover};
  292. color:white;
  293. padding:-4px;
  294. text-align:left;
  295. -webkit-transition: all 0.6s ease-in-out;
  296. -moz-transition: all 0.6s ease-in-out;
  297. -o-transition: all 0.6s ease-in-out;
  298. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  299.  
  300.  
  301. .blogtitle{
  302. font-size:20px;
  303. line-height:20px;
  304. }
  305.  
  306.  
  307. blockquote{
  308. margin-left:10px;
  309. padding-left:4px;
  310. border-left: 3px solid {color:Text};
  311. }
  312.  
  313. .p { padding-top: 5px; }
  314. .ol, ul { margin-left: 10px; padding: 5px; }
  315. .ul { list-style-type: square; }
  316.  
  317. #diego {
  318. position:fixed;
  319. font-family:calibri;
  320. font-size:10px;
  321. line-height:150%;
  322. right:10px;
  323. bottom:10px;
  324. text-transform:uppercase;
  325. text-align:center;
  326. }
  327.  
  328. #diego a {
  329. text-shadow:0px 0px 0px;
  330. border:1px solid #d6d2d2;
  331. outline:1px solid transparent;
  332. outline-offset:1px;
  333. display:inline-block;
  334. width:17px;
  335. height:15px;
  336. padding:2px 1px 2px;
  337. color:#fff;
  338. background-color:#d6d2d2;
  339. -webkit-transform:rotate(0deg);
  340. -moz-transition-duration:0.9s;
  341. -webkit-transition-duration:0.9s;
  342. -o-transition-duration:0.9s;
  343. }
  344.  
  345. #diego a:hover {
  346. border:1px solid #fff;
  347. outline:1px solid #d6d2d2;
  348. outline-offset:1px;
  349. box-shadow:0px 0px 4px #fff;
  350. color:#d6d2d2;
  351. background-color:#fff;
  352. -moz-transition-duration:0.9s;
  353. -webkit-transition-duration:0.9s;
  354. -o-transition-duration:0.9s;
  355. }
  356. /* WIKI WIKI SIDEBAR*/
  357.  
  358. .triangle {
  359. width:0px;
  360. height:0px;
  361. margin-top: -479px;
  362. margin-left:18px;
  363. position:absolute;
  364. border-bottom:15px solid {color:Description Background};
  365. border-left:15px solid transparent;
  366. border-right:15px solid transparent;
  367. font-size:0px;
  368. line-height:0px;
  369. }
  370.  
  371.  
  372. .tbox {opacity: .2;
  373. position: fixed;
  374. bottom: 40px;
  375. width: 190px;
  376. margin-bottom:500px;
  377. margin-left: -25px;
  378. font-size: 20px ;
  379. font-family:vera;
  380. text-align: center;
  381. padding: 20px;
  382. letter-spacing: 1px;
  383. z-index: 999;
  384. text-transform: uppercase;}
  385.  
  386. .titulo {
  387. background-color: {color:Background title};
  388. color: {color:Title};
  389. padding: 0px 8px;}
  390.  
  391. #sbar:hover #links {opacity:.9; margin-top:-660px; height:auto;}
  392.  
  393. #links {padding:5px;
  394. position:fixed;
  395. z-index:2222;
  396. width:90px;
  397. font-family:calibri;
  398. font-size:8px;
  399. text-align:center;
  400. letter-spacing:1px;
  401. padding:20px;
  402. margin-top: -660px;
  403.  
  404. opacity:0;
  405. margin-left:25px; -webkit-transition: all 1s ease;
  406. }
  407.  
  408. #links a {
  409. display:block;
  410. text-transform: uppercase;
  411. padding:4px;
  412. font-style:normal;
  413. color:{color:Side links};
  414. background:{color:Side links bg};
  415. -webkit-transition: all 0.7s;
  416. -moz-transition: all 0.7s;
  417. transition: all 0.7s;}
  418.  
  419. #links a:hover {
  420. color:{color:Side links hover};
  421. border-bottom: 0px solid {color:Links hover border};
  422. background-color:{color:Side links bg hover};
  423. -webkit-transition: all 0.7s;
  424. -moz-transition: all 0.7s;
  425. transition: all 0.7s;
  426. }
  427.  
  428. #sbar:hover #description {opacity:1; margin-top:-465px; height:auto;}
  429.  
  430. #description {font-family:times new;
  431. font-size:8px;
  432. letter-spacing:2px;
  433. width:140px;
  434. z-index:9999;
  435. position:fixed;
  436. text-align:center;
  437. margin-top: -465px;
  438. padding:5px;
  439. line-height:10px;
  440. opacity:0;
  441. margin-left:15px; margin-bottom:10px; -webkit-transition: all 1s ease;background-color:{color:Description Background}; color: {color:Description};
  442. -moz-border-radius: 5px;
  443. -webkit-border-radius: 5px;
  444. -khtml-border-radius: 5px;
  445. border-radius: 5px;}
  446.  
  447.  
  448.  
  449. #sbar img{margin-left:0px;padding:0px;opacity:.8;-webkit-transition: all 2s ease;width: 200px;}
  450.  
  451. #sbarhover img{margin-left:0px;padding:0px;opacity:1;-webkit-transition: all 2s ease;width: 200px;}
  452.  
  453. #sbar { width:200px; margin-left:120px; margin-top:-13px; position:fixed; overflow:hidden; padding:5px;}
  454.  
  455. #sbar:hover {opacity:1; -webkit-transition: all 0.6s ease;}
  456.  
  457. #sbar:hover #customm {opacity:0; margin-top:-662px; height:auto;}
  458.  
  459. #customm {z-index:999; position:absolute; margin-top:-662px; -webkit-transition: all 1s ease; opacity:1; text-align:center;}
  460.  
  461. #sbar:hover #custom {opacity:1; margin-top:-102px; height:auto;}
  462.  
  463. #pag1 {position: fixed; left: 0px; top: 0px; z-index: 50; padding: 2px; width: 20px; margin-left: 0px; height: 1000px; opacity: 1;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; font-family: Calibri, Helvetica; font-size: 32px; letter-spacing: 2px; text-align: center; font-style:normal; background-color: {color:Pag};}
  464. #pag1 a {color:{color:Pagletter}; font-style: normal; text-align: center;}
  465. #pag1 a:hover {color:{color:Pag}; font-style: normal; text-align: center;}
  466. #pag1:hover{background-color: {color:Pagletter}; color:{color:Pag}; opacity: 1;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out;}
  467.  
  468.  
  469. #pag {position: fixed; left: 310px; top: 0px; z-index: 50; padding: 2px; width: 20px; height: 1000px; margin-left: 0px; opacity: 1;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; font-family: Calibri, Helvetica; font-size: 32px; letter-spacing: 2px; text-align: center; font-style:normal; background-color: {color:pag}; opacity: 1;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out;}
  470. #pag a {font-style: normal; text-align: center; color:{color:pagletter}; }
  471. #pag a:hover {font-style: normal; text-align: center; color:{color:pag};}
  472. #pag:hover{background-color: {color:pagletter}; color:{color:pag}; opacity: 1;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out;}
  473.  
  474. {CustomCSS}
  475. </style>
  476. <!--take me to paris biatch im hazel and i want my frank
  477. - with love xxniallissues.tumblr.com-->
  478. <link rel="shortcut icon" href="{Favicon}">
  479. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
  480.  
  481. </head>
  482. <body>
  483.  
  484.  
  485.  
  486. <!--THEME BY NIALLISSUES.TUMBLR.COM-->
  487.  
  488. <div id="sbar">
  489. <div id="sideimg"><img src="{image:Sidebar hover}"></div>
  490. <div class="triangle"> </div>
  491. <div id="description">
  492. {block:Description}{Description}{/block:Description} </div>
  493. <div id="links">
  494. <a href="/">{text:Home Label}</a> <br>
  495. <a href="/ask" title="message">{text:Ask Label}</a><br>
  496. {block:ifLink1}<a href="{text:Link1}" >{text:Link1 title}</a>{/block:ifLink1}<br>
  497. {block:ifLink2}<a href="{text:Link2}">{text:Link2 title}</a>{/block:ifLink2} <br>
  498. {block:ifLink3}<a href="{text:Link3}">{text:Link3 title}</a>{/block:ifLink3}<br>
  499. </div>
  500.  
  501.  
  502. <div id="customm"> <div class="tbox"><span class="titulo">{Title}</span> </div>
  503. <div id="sbarhover"><img src="{image:Sidebar}"></div></div>
  504. </div>
  505.  
  506. <div id="pag"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}{/block:Pagination}
  507.  
  508. <br><br><br>{block:Pagination}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}</div>
  509.  
  510.  
  511.  
  512.  
  513. <br>
  514. {block:ifNotInfiniteScrolling}
  515. <div id="next">
  516. {block:Pagination}
  517. {block:PreviousPage}
  518. <a href="{PreviousPage}"><big></big></a>
  519. {/block:PreviousPage}
  520. &nbsp; &nbsp;
  521. {block:NextPage}
  522. <a href="{NextPage}"><big></big></a>
  523. {/block:NextPage}
  524. {/block:Pagination}
  525. </div>
  526. {/block:ifNotInfiniteScrolling}
  527. </div>
  528. <div id="entries">{block:Posts}<div id="post">
  529. <!--THEME BY NIALLISSUES.TUMBLR.COM-->
  530. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  531.  
  532. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  533.  
  534. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  535.  
  536. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  537.  
  538. {block:Quote}<div class="quote""><div class="medium">{Quote}</div></div>{block:Source} -{Source}{/block:Source}{/block:Quote}
  539.  
  540. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  541.  
  542. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  543.  
  544. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  545.  
  546. {block:Answer}<i><b><div id="asker"></div>{Asker} asked:<br>{Question}</i></b><br>{Answer}{/block:Answer}
  547.  
  548. <div id="info">
  549. {block:Date}posted {TimeAgo}{/block:Date} with <a href="{Permalink}">
  550. {NoteCountWithLabel}</a><br> <div id="tags"><div class="tags">
  551. {block:HasTags}<div style="font-family: georgia; font-size: 10px; margin-top: -3px;text-transform:lowercase;letter-spacing:0px;">{block:Tags}<a href="/tagged/{Tag}"><font color="{color:info}">#</font>{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  552. </div></div></div>
  553.  
  554. </div>
  555. {block:PostNotes}{PostNotes}{/block:PostNotes}
  556. {/block:Posts}</div>
  557. <div id="diego"><a href="http://interlude-then-shivers.tumblr.com/">©</a></div>
  558. </body>
  559. </html>
  560.  
  561.  
  562.  
  563.  
  564. <!--if you steal im gonna find ya kill your babes and slap ya in the face love bug again!-->
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!