interludethenshivers

Theme 01, take me to Paris

Jan 10th, 2013
632
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.71 KB | None | 0 0
  1. <!--
  2.  
  3. This is my first 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:Link1 Title" content="link 1" />
  33. <meta name="text:Link2" content="/" />
  34. <meta name="text:Link2 Title" content="link 2" />
  35.  
  36.  
  37.  
  38. <!--RAINBOWS COLORS AND SPARKLES!! <3>-->
  39. <meta name="color:Background" content="#ffffff"/>
  40. <meta name="color:Text" content="#b6b6b6"/>
  41. <meta name="color:Link" content="#ebd2dc"/>
  42. <meta name="color:Links Hover" content="#ffffff"/>
  43. <meta name="color:links background hover" content="#ebd2dc"/>
  44. <meta name="color:Border" content="#4d4949"/>
  45. <meta name="color:Info" content="#fafafa"/>
  46. <meta name="color:Tags color" content="#d6d2d2"/>
  47. <meta name="color:Tags hover" content="#a7a5a5"/>
  48. <meta name="color:Scrollbar" content="#adadad"/>
  49. <!--letters -->
  50. <meta name="text:Subtitle" content="">
  51. <!--Images-->
  52. <meta name="image:Background" content""/>
  53. <meta name="image:Sidebar" content""/>
  54.  
  55.  
  56. <!--Options-->
  57. <meta name="if:Infinite Scrolling" content=""/>
  58.  
  59. {block:ifInfiniteScrolling}
  60. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  61. {/block:ifInfiniteScrolling}
  62.  
  63. {block:Description}
  64. <meta name="description" content="{MetaDescription}" />{/block:Description}
  65. <title>
  66. {block:PostSummary}
  67. {PostSummary} - {/block:PostSummary}{Title}</title>
  68. </style>
  69.  
  70. <style type="text/css">
  71.  
  72. iframe#tumblr_controls {
  73. right:3px !important;
  74. position: fixed !important;
  75. opacity: 0.5;
  76.  
  77. -webkit-transition: opacity 0.7s linear;
  78. -webkit-transition: all 0.8s ease-out;
  79. -moz-transition: all 0.8s ease-out;
  80. transition: all 0.8s ease-out;
  81. -webkit-filter: invert(100%);
  82. }
  83.  
  84. iframe#tumblr_controls:hover{
  85. -webkit-transition: opacity 0.7s linear;
  86. opacity: 1;
  87.  
  88. -webkit-transition: all 0.4s ease-out;
  89. -moz-transition: all 0.4s ease-out;
  90. transition: all 0.4s ease-out;
  91. }
  92.  
  93. iframe#tumblr_controls {
  94. top: 0% !important;
  95. right:0% !important;
  96. position: fixed !important;
  97. }
  98.  
  99. @font-face {
  100. font-family: "Advert";
  101. src: url('http://static.tumblr.com/kvpds3v/OL3mfz65z/advert_imagex.zip');
  102. }
  103.  
  104. @font-face {
  105. font-family: "Carton";
  106. src: url('http://static.tumblr.com/kvpds3v/eGbmfz4th/carton__1_.zip');
  107. }
  108.  
  109. @font-face {
  110. font-family: "Tommaso";
  111. src: url('http://static.tumblr.com/kvpds3v/aXOmfww1k/tommaso__1_.zip');
  112. }
  113.  
  114. @font-face {
  115. font-family: "Hero";
  116. src: url('http://static.tumblr.com/kvpds3v/jN1mfwweh/hero.zip');
  117. }
  118.  
  119.  
  120.  
  121. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar};height:5px;}
  122. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Scrollbar};height:5px!important;}
  123. ::-webkit-scrollbar {background-color:{color:Background};height:5px;width:6px;}
  124.  
  125.  
  126. body{
  127. background-color: {color:Background};
  128. background-image: url({image:Background});
  129. background-attachment: fixed;
  130. background-repeat: repeat;
  131. background-position: center;
  132. font-family:helvetica;
  133. font-size:11px;
  134. line-height:12px;
  135. color:{color:Text};
  136. }
  137.  
  138. a {
  139. text-decoration:none;
  140. outline:none;
  141. -moz-outline-style:none;
  142. color:{color:Link};
  143. padding:1px;
  144. -webkit-transition: all 0.7s ease;
  145. -moz-transition: all 0.7s ease;
  146. -o-transition: all 0.7s ease;
  147. }
  148.  
  149. a:hover {
  150. background-color:{color:links background hover};
  151. -webkit-transition: all 0.5s ease-out;
  152. -moz-transition: all 0.5s ease-out;
  153. transition: all 0.5s ease-out;
  154. color: {color:links hover};
  155. -webkit-transition: all 0.7s ease;
  156. -moz-transition: all 0.7s ease;
  157. -o-transition: all 0.7s ease;
  158. }
  159.  
  160. #container {
  161. margin:auto;
  162. width:700px;
  163. }
  164.  
  165. #entries {
  166. font-family:times new;
  167. padding:10px;
  168. width:500px;
  169. margin-left:500px;
  170. margin-top:60px;
  171.  
  172. }
  173.  
  174. #post {
  175. width:500px;
  176. padding-bottom:40px;
  177. padding:20px; border:1px solid {color:border}; margin-top:40px;
  178. opacity:.9;
  179. -webkit-transition: all 0.8s ease-in-out;
  180. -moz-transition: all 0.8s ease-in-out;
  181. -o-transition: all 0.8s ease-in-out;
  182. }
  183.  
  184. #post:hover {opacity:1;
  185. -webkit-transition: all 0.8s ease-in-out;
  186. -moz-transition: all 0.8s ease-in-out;
  187. -o-transition: all 0.8s ease-in-out;}
  188.  
  189. #posttitle
  190. {font-family:cookies;
  191. font-style:none}
  192.  
  193.  
  194.  
  195. #permalink{
  196. font-family:georgia;
  197. position:relative;
  198. margin-top:5px;
  199. padding:2px;
  200. font-size:8px;
  201. text-transform:uppercase;
  202. }
  203.  
  204. /* WIKI WIKI SIDE */
  205. #side{
  206. height:auto;
  207. margin-left:-65px;
  208. margin-top:120px;
  209. position:fixed;
  210. width:auto;}
  211.  
  212. #side img {
  213. width:180px;
  214. border:1px solid {color:border};
  215. padding:5px;
  216. background-color:#ffffff;
  217. opacity:1;
  218. }
  219.  
  220. #side:hover #sbar{
  221. opacity:1;
  222. -webkit-transition: all 1s ease;
  223. -moz-transition: all 1s ease;
  224. -o-transition: all 1s ease;
  225.  
  226.  
  227. }
  228.  
  229.  
  230. #side:hover img{
  231. -webkit-transition: all 1s ease;
  232. -moz-transition: all 1s ease;
  233. -o-transition: all 1s ease;
  234.  
  235. opacity:0.2;
  236.  
  237. }
  238.  
  239. #sbar {
  240. opacity:0;
  241. width:168px;
  242. height: 120px;
  243. margin-left:6px;
  244. margin-top:-165px;
  245. position:fixed;
  246. overflow:hidden;
  247. padding:5px;
  248. border:1px solid #f2f0f0;
  249. background-color:#ffffff;
  250. -webkit-transition: all 1s ease;
  251. -moz-transition: all 1s ease;
  252. -o-transition: all 1s ease;
  253.  
  254. }
  255.  
  256. #next{
  257. opacity:0;
  258. z-index:1000;
  259. border:0px solid transparent;
  260. padding-top:3px;
  261. padding-bottom:3px;
  262. text-align:center;
  263. margin-top:10px;
  264. -webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  265.  
  266. #next a {
  267. background-color:transparent;
  268. opacity:0;
  269. border:1px solid {color:border};
  270. font-family:georgia;
  271. font-size:12px;
  272. padding-left:6px;
  273. padding-right:5px;
  274. padding-top:2px;
  275. padding-bottom:3px;
  276. color:{color:text};
  277. -webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  278. }
  279.  
  280. #next a:hover {
  281. border:1px solid {color:border};
  282. color:{color:background};
  283. background-color:{color:border};
  284. }
  285.  
  286.  
  287. #next {
  288. margin-top:310px;
  289. margin-left:5px;
  290. position:fixed;
  291. opacity:1;
  292. -webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  293. }
  294.  
  295. #next a{
  296. opacity:1;
  297. -webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  298. }
  299.  
  300.  
  301.  
  302.  
  303. #boxi {
  304. background-color:#fff;
  305. font-size:8px;
  306. padding:3px;
  307. line-height:8px;
  308. opacity:1;
  309.  
  310. }
  311.  
  312. #header{
  313. font-family:times new;
  314. background-color:white;
  315. font-size:8px;
  316. letter-spacing:2px;
  317. text-transform:uppercase;
  318. color:#a2a2a2;
  319. font-color:#d3d3d3;
  320. font-style:italic;
  321. border-bottom:1px solid #c7c7c7;
  322. border-top: 1px solid #e1e0e0;
  323. }
  324.  
  325.  
  326.  
  327.  
  328.  
  329.  
  330. blockquote {
  331. padding-left:5px;
  332. border-left:2px solid;
  333. }
  334.  
  335. blockquote blockquote {
  336. padding-left:5px;
  337. border-left:2px solid;
  338.  
  339. }
  340. .quote {
  341. display: block;
  342. background: url(http://static.tumblr.com/cc4ocei/Y5Mkzk5s7/quote.png) no-repeat 0 10px;
  343. font-style: italic;
  344. padding: 16px 18px 10px 32px; }
  345.  
  346. .quote .medium {
  347. font-size: 15px;
  348. line-height: 1.4;
  349. font-family:georgia; }
  350.  
  351. h1 {
  352. font-family:times new;
  353. line-height:100%;
  354. font-style:italic;
  355. font-size:12px;
  356. letter-spacing:0px;
  357. text-transform:uppercase;
  358. color:#a2a2a2;
  359. margin-bottom:5px;
  360. border-bottom:3px double #c7c7c7;}
  361.  
  362. #titlek {
  363. font-family:times new;
  364. line-height:100%;
  365. font-style:italic;
  366. font-size:18px;
  367. letter-spacing:0px;
  368. text-transform:uppercase;
  369. color:#a2a2a2;
  370. margin-bottom:5px;
  371. border-bottom:3px double #c7c7c7;}
  372.  
  373. #info {
  374. font-family:georgia;
  375. text-align:center;
  376. margin-top:10px;
  377. height:18px;
  378. text-transform:uppercase;
  379. border-top:1px solid {color:border};
  380. background-color:{color:info};
  381. padding:3px;
  382. font-style:normal;
  383. font-size:8.5px;
  384. text-transform:
  385. uppercase;
  386. text-align:right;
  387. line-height:10px;
  388. opacity:2;
  389. }
  390.  
  391. #asker {
  392. float:left;
  393. margin-right:5px;
  394. }
  395.  
  396.  
  397. #links {
  398.  
  399. width:50px;
  400. margin-top:-93px;
  401. margin-left:115px;
  402. font-size:7px;
  403. font-family:times new;
  404. letter-spacing:1px;
  405. line-height:20px;
  406. float: left;
  407.  
  408. text-align:center;
  409. text-transform: uppercase;
  410. color:#ffffff;
  411. background:#e0e0e0;
  412. opacity: 1; -webkit-transition: all 0.6s ease;}
  413.  
  414. #tags {
  415.  
  416. font-family: georgia;
  417. background-color:#transparent margin-bottom:20px;margin-top: 25px;
  418. font-size:8px; line-spacing: 1px;letter-spacing:0px;color:{color:tagscolor};}
  419.  
  420. .tags {
  421. margin-bottom:0px;
  422. margin-top: 0px;
  423. line-spacing: 1px;
  424. letter-spacing:0px;
  425. border-radius: 0px 0px 0px 0px;
  426. color:{color:info};
  427. font-style: normal;
  428. font-family: georgia;
  429. font-size:8px;
  430. text-transform:uppercase;
  431. border-top: 0px solid;
  432. border-color:{color:border};
  433. border-bottom: 0px solid;
  434. text-shadow: 0px 0px 0px #512a27;
  435. text-align:center;
  436. -webkit-transition: 0.4s linear;-webkit-box-shadow: 0 0px 0px 0px #ccc;-moz-box-shadow: 0 0px 0px 0px #ccc;
  437. box-shadow: 0 0px 0px 0px #ccc;
  438. padding:3px;}
  439.  
  440. .tags a{
  441. background-color:{color:background};
  442. 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;}
  443.  
  444. .tags a:hover{
  445. display:inline;
  446. background-color:{color:tags hover};
  447. color:white;
  448. padding:-4px;
  449. text-align:left;
  450. -webkit-transition: all 0.6s ease-in-out;
  451. -moz-transition: all 0.6s ease-in-out;
  452. -o-transition: all 0.6s ease-in-out;
  453. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  454.  
  455.  
  456. #links:hover {
  457. opacity:1;
  458. background-color:#919191;
  459. -webkit-transition: all 0.6s ease;
  460. }
  461. .blogtitle{
  462. font-size:20px;
  463. line-height:20px;
  464. }
  465.  
  466.  
  467. blockquote{
  468. margin-left:10px;
  469. padding-left:4px;
  470. border-left: 3px solid {color:Text};
  471. }
  472.  
  473. .p { padding-top: 5px; }
  474. .ol, ul { margin-left: 10px; padding: 5px; }
  475. .ul { list-style-type: square; }
  476.  
  477. #diego {
  478. position:fixed;
  479. font-family:calibri;
  480. font-size:10px;
  481. line-height:150%;
  482. right:10px;
  483. bottom:10px;
  484. text-transform:uppercase;
  485. text-align:center;
  486. }
  487.  
  488. #diego a {
  489. text-shadow:0px 0px 0px;
  490. border:1px solid #d6d2d2;
  491. outline:1px solid transparent;
  492. outline-offset:1px;
  493. display:inline-block;
  494. width:17px;
  495. height:15px;
  496. padding:2px 1px 2px;
  497. color:#fff;
  498. background-color:#d6d2d2;
  499. -webkit-transform:rotate(0deg);
  500. -moz-transition-duration:0.9s;
  501. -webkit-transition-duration:0.9s;
  502. -o-transition-duration:0.9s;
  503. }
  504.  
  505. #diego a:hover {
  506. border:1px solid #fff;
  507. outline:1px solid #d6d2d2;
  508. outline-offset:1px;
  509. box-shadow:0px 0px 4px #fff;
  510. color:#d6d2d2;
  511. background-color:#fff;
  512. -moz-transition-duration:0.9s;
  513. -webkit-transition-duration:0.9s;
  514. -o-transition-duration:0.9s;
  515. }
  516.  
  517. {CustomCSS}
  518. </style>
  519. <!--take me to paris biatch im hazel and i want my frank
  520. - with love xxniallissues-->
  521. <link rel="shortcut icon" href="{Favicon}">
  522. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
  523.  
  524. </head>
  525. <body>
  526. <div id="container">
  527.  
  528. <div id="side">
  529. <img src="{image:Sidebar}">
  530. <div id="nav">
  531. <div id="sbar">
  532. <!--THEME BY NIALLISSUES.TUMBLR.COM-->
  533.  
  534. <div id="titlek">{title}</div>
  535.  
  536. <div style="overflow:auto; margin-left:1px; width: 103px; height: 90px; border: 1px solid #d6d5d5; background-color: #ffffff; text-align: center;">
  537.  
  538. <div id="boxi">
  539. <div id="header">{text:Subtitle}
  540. +<script language="JavaScript">
  541. var ref = (''+document.referrer+''); var page = (''+window.location+'');
  542. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID2345762&e1=+&e2=+&p=' + page + '&r=' + ref + '"><\/script>');
  543. </script>
  544. </div>
  545.  
  546. </b>
  547.  
  548. <br><i>“{description}” </i> </div> </div>
  549. <a href="/" id="links">Home</a> <br>
  550. <br><a href="/ask" id="links">message</a> <br>
  551. <br><a href="{text:Link1}" id="links">{text:Link1 Title}</a><br>
  552. <br><a href="{text:Link2}" id="links">{text:Link2 Title}</a>
  553. </div>
  554.  
  555.  
  556. </div>
  557. </div>
  558.  
  559.  
  560. <br>
  561. {block:ifNotInfiniteScrolling}
  562. <div id="next">
  563. {block:Pagination}
  564. {block:PreviousPage}
  565. <a href="{PreviousPage}"><big>«</big></a>
  566. {/block:PreviousPage}
  567. &nbsp; &nbsp;
  568. {block:NextPage}
  569. <a href="{NextPage}"><big>»</big></a>
  570. {/block:NextPage}
  571. {/block:Pagination}
  572. </div>
  573. {/block:ifNotInfiniteScrolling}
  574. </div>
  575. <div id="entries">{block:Posts}<div id="post">
  576. <!--THEME BY NIALLISSUES.TUMBLR.COM-->
  577. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  578.  
  579. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  580.  
  581. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  582.  
  583. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  584.  
  585. {block:Quote}<div class="quote""><div class="medium">{Quote}</div></div>{block:Source} -{Source}{/block:Source}{/block:Quote}
  586.  
  587. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  588.  
  589. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  590.  
  591. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  592.  
  593. {block:Answer}<i><b><div id="asker"><img src="http://static.tumblr.com/cc4ocei/Y5Mkzk5s7/quote.png"></div>{Asker} asked:<br>{Question}</i></b><br>{Answer}{/block:Answer}
  594.  
  595. <div id="info">
  596. {block:Date}posted {TimeAgo}{/block:Date} with <a href="{Permalink}">
  597. {NoteCountWithLabel}</a><br> <div id="tags"><div class="tags">
  598. {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}
  599. </div></div></div>
  600.  
  601. </div>
  602. {block:PostNotes}{PostNotes}{/block:PostNotes}
  603. {/block:Posts}</div>
  604. <div id="diego"><a href="http://interlude-then-shivers.tumblr.com/">©</a></div>
  605. </body>
  606. </html>
  607.  
  608.  
  609. <!--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