API tools faq
paste
Advertisement
wildthemes

Rachel Theme

wildthemes
Sep 3rd, 2012
18,418
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.69 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. ▒█░░▒█ ▀█▀ ▒█░░░ ▒█▀▀▄ ▀▀█▀▀ ▒█░▒█ ▒█▀▀▀ ▒█▀▄▀█ ▒█▀▀▀ ▒█▀▀▀█ 　
  3. ▒█▒█▒█ ▒█░ ▒█░░░ ▒█░▒█ ░▒█░░ ▒█▀▀█ ▒█▀▀▀ ▒█▒█▒█ ▒█▀▀▀ ░▀▀▀▄▄ 　
  4. ▒█▄▀▄█ ▄█▄ ▒█▄▄█ ▒█▄▄▀ ░▒█░░ ▒█░▒█ ▒█▄▄▄ ▒█░░▒█ ▒█▄▄▄ ▒█▄▄▄█ 　
  5. Theme: RACHEL | Published:SEPT 3RD, 2012 | Website: wildthemes.tumblr.com
  6.  
  7. do not remove credits, themes take alot of time and effort to make, you will be reported if you're seen using this theme with no credits.This work is licensed under a Creative Commons Attribution 3.0 Unported License.taking credits off/stealing or using my themes as a basecode without giving credit is ɪʟʟᴇɢᴀʟ
  8. -->
  9.  
  10.  
  11. <script type="text/javascript"
  12. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  13.  
  14.  
  15.  
  16. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  17. <html xmlns="http://www.w3.org/1999/xhtml">
  18. <head>
  19. <link rel="stylesheet" href="http://static.tumblr.com/tak5d5w/raDlsuinn/quicksandfonts.css" type="text/css" charset="utf-8">
  20. <link href='http://fonts.googleapis.com/css?family=Quicksand:400,700|The+Girl+Next+Door|Marck+Script|Lobster|Reenie+Beanie|Shadows+Into+Light+Two|Megrim|Rock+Salt|Raleway:100' rel='stylesheet' type='text/css'>
  21. <link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
  22.  
  23. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  24.  
  25. <link href='http://fonts.googleapis.com/css?family=Ubuntu:300' rel='stylesheet' type='text/css'>
  26.  
  27. <script type="text/javascript"
  28. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  29.  
  30.  
  31.  
  32. <meta name="color:background" content="#ffffff"/>
  33. <meta name="color:Content" content="#ffffff"/>
  34. <meta name="color:Nav" content="#eee"/>
  35. <meta name="color:Nav hover" content="#ccc"/>
  36. <meta name="color:Borders" content="#ccc"/>
  37.  
  38. <meta name="color:Font" content="#130C11"/>
  39. <meta name="color:Link hover" content="#130C11"/>
  40. <meta name="color:Link" content="#000000"/>
  41. <meta name="image:Sidebar Image" content="1"/>
  42. <meta name="image:Background" content="1"/>
  43. <meta name="image:Left Border Image" content= ""/>
  44.  
  45. <meta name="if:Show sidebar photo" content="0"/>
  46. <meta name="if:Custom font" content="0"/>
  47. <meta name="text:Blogtitle size" content="50" />
  48. <meta name="if:Three Columns" content="0"/>
  49. <meta name="if:Two Columns" content="1"/>
  50.  
  51. <meta name="text:Link one Title" content=""/>
  52. <meta name="text:Link one" content="" />
  53. <meta name="text:Link Three Title" content=""/>
  54. <meta name="text:Link Three" content=""/>
  55. <meta name="text:Link Four Title" content=""/>
  56. <meta name="text:Link Four" content=""/>
  57. <meta name="text:Link two Title" content=""/>
  58. <meta name="text:Link two" content=""/>
  59. <meta name="text:Link five Title" content=""/>
  60. <meta name="text:Link five" content=""/>
  61.  
  62. <link href='http://fonts.googleapis.com/css?family=Asap|Share' rel='stylesheet' type='text/css'>
  63.  
  64.  
  65. <title>{Title} </title>{block:Description}<meta name=”description” content=”{MetaDescription}” />{/block:Description}
  66. <script type=”text/javascript” src=”http://codysherman.com/tools/infinite-scrolling/code”></script><link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
  67.  
  68.  
  69. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  70.  
  71. <style>
  72.  
  73.  
  74. @font-face {font-family:"Neou"; src:url('http://static.tumblr.com/zncos8d/0yDmd37fv/neou-thin.ttf');}
  75.  
  76.  
  77. div#qTip {
  78. padding: 1px;
  79. height:8px;
  80. font-family:cambria;
  81. font-size:9px;
  82. display: none;
  83. font-style:normal;
  84. text-align: left;
  85. position: absolute;
  86. line-height:8px;
  87. box-shadow:1px 1px 6px #aaa;
  88. font-style:italic;
  89. text-transform:lowercase;
  90. z-index: 999999999999;
  91. background: #fff;
  92. color: #ddd;
  93. text-decoration:italics;
  94. padding:3px;
  95. border:1px solid #fff;
  96. letter-spacing: 1px;
  97. }
  98.  
  99.  
  100. </style>
  101.  
  102. <style type="text/css">
  103.  
  104. #tumblr_controls{
  105. opacity:0.9;
  106. position:absolute !important; ;
  107. }
  108. ::-webkit-scrollbar-thumb:vertical {
  109. background-color:{color:Link};
  110. height:auto;
  111. width:5px;
  112. }
  113.  
  114. ::-webkit-scrollbar-thumb:horizontal {
  115. background-color:{color:Link};
  116. height:8px;
  117. }
  118.  
  119. ::-webkit-scrollbar {
  120. height:8px;
  121. width:5px;
  122. background-color:transparent;
  123. }
  124.  
  125.  
  126.  
  127. #border{
  128. background-color:{color:Background};
  129. background-attachment: fixed;
  130. background-image: repeat;
  131. background-image:url({image:Left Border Image});
  132. position: fixed;
  133. height:100%;
  134. right:240px;
  135. z-index:9999999999999999999992358763847385459;
  136. width: 100px;
  137.  
  138. }
  139.  
  140.  
  141.  
  142.  
  143.  
  144.  
  145.  
  146.  
  147. #tumblr_controls{
  148. position:fixed !important;
  149. }
  150.  
  151. .wrapper{
  152. margin: 0px auto;
  153. width: 802px;
  154. }
  155.  
  156. .header{
  157. float: left;
  158. width: 100%;
  159. }
  160.  
  161. .left{
  162. float: left;
  163. margin-right: 20px;
  164. width: 802px;
  165. }
  166.  
  167. .right{
  168. float: right;
  169. width: 200px;
  170. background-color: {color:Background};
  171. }
  172.  
  173. body {
  174. padding: 0px;
  175. margin: 0px;
  176. color: {color:Font};
  177. font-family: {block:ifCustomfont}'short stack'; font-size: 10px;{/block:ifCustomfont}{block:ifnotCustomfont}calibri; font-size: 11px; {/block:ifnotCustomfont};
  178. background-color: {color:Background};
  179. background-image:url({image:Background});
  180. background-attachment: fixed;
  181. background-repeat: repeat;
  182. }
  183. a { text-decoration: none !important;}
  184. a:link, a:active, a:visited{
  185. color: {color:Link} ;
  186. -webkit-transition: color 0.6s ease-out;
  187. -moz-transition: color 0.6s ease-out; text-shadow:0 0 1px #dcdcdc;
  188.  
  189. }
  190.  
  191. a:hover {
  192.  
  193.  
  194. color:{color:Link hover};
  195. -webkit-transition: opacity 1s linear;opacity: 1;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  196. }
  197.  
  198.  
  199.  
  200. .entry {
  201. background-color:{color:Content};
  202. margin:4px;
  203. text-transform:none;
  204. line-height:13px;
  205. {block:IndexPage}
  206. width:460px;
  207. {block:ifTwoColumns}
  208. width:220px;
  209. {/block:ifTwoColumns}
  210. {block:ifThreeColumns}
  211. width:220px;
  212. {/block:ifThreeColumns}
  213.  
  214. {/block:IndexPage}
  215. {block:PermalinkPage}
  216. width:460px;
  217. {/block:PermalinkPage}
  218. overflow:hidden;
  219.  
  220. border:1px {color:Borders} solid;
  221. padding-left: 6px;
  222. padding-top: 6px;
  223. padding-right: 6px;
  224. padding-bottom: 4px;
  225. text-decoration: none !important;
  226.  
  227. z-index:0;
  228.  
  229. }
  230.  
  231.  
  232. .entry .perma{
  233. position:absolute;
  234. width:auto;
  235. padding:3px;
  236. background-color:#fff;
  237. margin-left: 0px;
  238. border:1px solid #eee;
  239. overflow:hidden;
  240. top: 10px;
  241. font-family: consolas;
  242. text-transform:uppercase;z-index:9999;
  243.  
  244. letter-spacing:2px;
  245. line-height:140%;
  246. font-size:8px;
  247. left:10px;
  248. text-align:center;
  249. opacity:0.0;
  250. -webkit-transition: all 0.8s linear;
  251. -moz-transition: all 0.8s linear;
  252. transition: all 0.8s linear;
  253. -webkit-filter: blur(3px);z-index:99999999;
  254.  
  255. }
  256.  
  257. .entry:hover .perma{
  258. -webkit-filter: blur(0px);
  259. -webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;
  260.  
  261. overflow:visible;
  262. -webkit-transition: opacity 1.5s linear; opacity: 1.6;
  263. transition: all 0.4s linear;
  264. top:10px;
  265. opacity: 0.9;
  266. -webkit-transition: all 0.8s linear;
  267. -moz-transition: all 0.8s linear;
  268. transition: all 0.8s linear;z-index:99999999;
  269. }
  270.  
  271. .entry:hover .perma:hover{
  272. padding:3px;
  273. -webkit-transition: all 0.5s linear;
  274. -moz-transition: all 0.5s linear;
  275. transition: all 0.5s linear;z-index:99999999;
  276. }
  277.  
  278.  
  279.  
  280.  
  281. .entry .perma2{
  282. position:absolute;
  283. width:auto;
  284. padding:3px;z-index:99999999;
  285. background-color:#fff;
  286. margin-left: 0px;
  287. border:1px solid #eee;
  288. overflow:hidden;
  289. top: 34px;
  290. font-family: consolas;
  291. text-transform:uppercase;
  292. letter-spacing:2px;
  293. line-height:140%;
  294. font-size:8px;
  295. left:10px;
  296. text-align:center;
  297. opacity:0.0;
  298. -webkit-transition: all 0.8s linear;
  299. -moz-transition: all 0.8s linear;
  300. transition: all 0.8s linear;-webkit-filter: blur(3px);
  301.  
  302. }
  303.  
  304. .entry:hover .perma2{-webkit-filter: blur(0px);
  305.  
  306. overflow:visible;
  307. -webkit-transition: opacity 1.5s linear; opacity: 1.6;
  308. transition: all 0.4s linear;
  309. opacity: 0.9;
  310. -webkit-transition: all 0.8s linear;
  311. -moz-transition: all 0.8s linear;
  312. transition: all 0.8s linear;
  313. }
  314.  
  315. .entry:hover .perma2:hover{
  316. padding:3px;
  317. -webkit-transition: all 0.5s linear;
  318. -moz-transition: all 0.5s linear;
  319. transition: all 0.5s linear;
  320. }
  321. tion: all 0.8s linear;
  322. }
  323.  
  324.  
  325.  
  326.  
  327.  
  328.  
  329.  
  330. .permalinktext {
  331. display: block;
  332. padding: 1px;
  333. margin: 0px 0px 0px 8px;
  334. font-family: calibri;
  335. letter-spacing: 0px;
  336. font-size: 9px;
  337. color: #424242;
  338. line-height: 10px;
  339. text-transform:uppercase;
  340. text-align: right;
  341. text-decoration: none;
  342. -webkit-transition: color 0.5s ease-out;
  343. -moz-transition: color 0.5s ease-out;
  344. border-top: 1px solid #ddd;
  345. }
  346.  
  347.  
  348.  
  349.  
  350. @font-face{font-family:'sb';src:url('http://static.tumblr.com/hcocigh/1wBm85vn6/sweetly_broken.ttf');}
  351.  
  352.  
  353.  
  354. @font-face {font-family:"Neou"; src:url('http://static.tumblr.com/zncos8d/0yDmd37fv/neou-thin.ttf');}
  355.  
  356.  
  357.  
  358.  
  359.  
  360. #border{
  361. background-color:{color:Background};
  362. background-attachment: fixed;
  363. background-image: repeat;
  364. background-image:url({image:Left Border Image});
  365. width: 254px;
  366. padding:4px;
  367. position: fixed;
  368. height:100%;
  369. top:-5px;
  370. left:93px;
  371. z-index:99999999;
  372. }
  373.  
  374.  
  375. @font-face {
  376. font-family:fight;
  377. src: url('http://static.tumblr.com/ejm8w78/E7bmdzk1u/kgthefighter.ttf');,
  378. }
  379. div#sidebar{
  380. position:fixed !important;
  381. left:100px;
  382. width: 240px;
  383. top:0px;background-attachment: fixed;
  384. background-image: repeat;
  385. background-image:url({image:Left Border Image});
  386. background-color:{color:Content};
  387. padding: 0px;
  388. padding: 1px;
  389. letter-spacing:0px;
  390. padding: 2px;
  391. opacity:1;
  392. -webkit-transition: all 0.5s linear;
  393. -moz-transition: all 0.5s linear;
  394. transition: all 0.5s linear;
  395. position: fixed;
  396. text-align:center;
  397. overflow: hidden;
  398. border-left:1px solid {color:Borders};
  399. border-right:1px solid {color:Borders};
  400.  
  401. height:100%;
  402.  
  403.  
  404.  
  405.  
  406. }
  407.  
  408. #link a{ display:block;
  409. }
  410. #linkbar{
  411. top:90px;
  412. right:240px;
  413. position:fixed;
  414. font-family: courier new;
  415. display:block;
  416. margin:4px;
  417. width:40px;
  418. text-transform:uppercase;
  419. font-size:10px;
  420. height:12px;
  421. text-align:center;
  422. padding:4px;
  423. border:1px solid #eee;
  424. background:white;
  425. -webkit-transition: all 0.5s linear;
  426. -moz-transition: all 0.5s linear;
  427. transition: all 0.5s linear;
  428.  
  429. }
  430.  
  431. #linkbar:hover{background:#eee;
  432. text-transform:lowercase;
  433. -webkit-transition: all 0.5s linear;
  434. -moz-transition: all 0.5s linear;
  435. transition: all 0.5s linear;
  436. }
  437. #posts {
  438. width: 524px;margin-left:70px;
  439.  
  440. {block:ifThreeColumns}
  441. width:730px;
  442. margin-left:70px;
  443.  
  444. {/block:ifThreeColumns}
  445. margin-top: 0px;;
  446. float:left;
  447. background:transparent;
  448. text-decoration: none !important;
  449. z-index:0;
  450.  
  451. }
  452.  
  453. .entry .permalinks{
  454. opacity:0;
  455. width:170px;
  456. height: 20px;
  457. top:-12px;
  458. position: absolute;
  459. text-transform: uppercase;
  460. font-family: calibri;
  461. font-size: 8px;
  462. color:#333333;
  463. line-height:20px;
  464. overflow:hidden;
  465. letter-spacing: 1px;
  466. text-align:center;
  467. background:#f1f1f1;
  468. border-bottom: 2px solid {color:Link};
  469. transition: all 0.7s ease-out;
  470. -o-transition-transition: all 0.7s ease-out;
  471. -webkit-transition: all 0.7s ease-out;
  472. -moz-transition: all 0.7s ease-out;z-index:-11;
  473.  
  474. }
  475.  
  476. .entry:hover .permalinks{
  477. opacity: .85;
  478. top:12px;z-index:-11;
  479.  
  480. transition: all 0.7s ease-out;
  481. -o-transition-transition: all 0.7s ease-out;
  482. -webkit-transition: all 0.7s ease-out;
  483. -moz-transition: all 0.7s ease-out;
  484. }
  485.  
  486.  
  487.  
  488.  
  489. .entry:hover .details {
  490. opacity: 1.0;
  491. margin:12px 0px 0px 0px;
  492. filter: alpha(opacity = 100);
  493. -webkit-transition: all .25s ease-in-out;
  494. -moz-transition: all .25s ease-in-out;
  495. -o-transition: all .25s ease-in-out;
  496. transition: all .25s ease-in-out;
  497. }
  498.  
  499.  
  500. .permahover {
  501. text-align: right;
  502. opacity:1;
  503. filter: alpha(opacity = 0);
  504. font-size: 9px;
  505. line-height: 9px;-webkit-transition: all .25s ease-in-out;
  506. -moz-transition: all .25s ease-in-out;
  507. -o-transition: all .25s ease-in-out;
  508. transition: all .25s ease-in-out;
  509. text-transform: uppercase;
  510. border-top:1px solid {color:Link};
  511. font-family:calibri;
  512. letter-spacing:2px;
  513. font-size:8px;
  514. }
  515.  
  516. .entry:hover .permahover{
  517. border-top:3px solid {color:Link};}
  518.  
  519.  
  520.  
  521.  
  522. .text {
  523. padding: 0px;
  524. }
  525.  
  526.  
  527.  
  528. .entry:hover .textperma {
  529. opacity: 1;
  530. filter: alpha(opacity = 100);
  531. -webkit-transition: all ease-in 250ms;
  532. -moz-transition: all ease-in 250ms;
  533. -o-transition: all ease-in 250ms;
  534. -ms-transition: all ease-in 250ms;
  535. transition: all ease-in 250ms;
  536. }
  537.  
  538.  
  539. @font-face {font-family:"Neou"; src:url('http://static.tumblr.com/zncos8d/0yDmd37fv/neou-thin.ttf');}
  540.  
  541.  
  542.  
  543.  
  544. #rightborder{top:0px;
  545. opacity:1;
  546. height:100%;
  547. right:320px;
  548. z-index:9;
  549. font-size:9px;
  550. width:3px;
  551. background:{color:Link};
  552. position:fixed;
  553. background-attachment: fixed;
  554. background-image: repeat;
  555. background-image:url({image:Border});
  556. letter-spacing:2px;
  557. -webkit-transition: all 0.3s ease;
  558. -moz-transition: all 0.3s ease;
  559. transition: all 0.3s ease;
  560. -o-transition: all 0.3s ease;
  561. }
  562.  
  563.  
  564. #topborder{top:0px;
  565. opacity:1;
  566. z-index:99999;
  567. height:25px;
  568. z-index:9;
  569. left:0px;
  570. font-size:9px;
  571. background:#aaa;
  572.  
  573. width:100%;
  574. background-attachment: fixed;
  575. background-size:cover;
  576. background-image:url({image:Border});
  577.  
  578. position:fixed;
  579. letter-spacing:2px;
  580. -webkit-transition: all 0.3s ease;
  581. -moz-transition: all 0.3s ease;
  582. transition: all 0.3s ease;
  583. -o-transition: all 0.3s ease;
  584. }
  585.  
  586. #topborder:hover{top:0px;
  587. opacity:1;
  588.  
  589.  
  590. }
  591.  
  592. #moo{top:15px;
  593. font-family: consolas;
  594. font-size:9px;
  595. text-transform:uppercase;
  596. opacity:1;
  597. z-index:99999;color:white;
  598. height:15px;
  599. text-align:center;
  600. z-index:9;
  601. right:0px;
  602. font-size:9px;
  603. background:#aaa;
  604. padding:7px;
  605. width:105px;
  606. background-attachment: fixed;
  607. background-size:cover;
  608. background-image:url({image:Border});
  609. letter-spacing:0px;
  610. position:fixed;
  611. letter-spacing:2px;
  612. -webkit-transition: all 0.3s ease;
  613. -moz-transition: all 0.3s ease;
  614. transition: all 0.3s ease;
  615.  
  616. -o-transition: all 0.3s ease;
  617. overflow:hidden;
  618. }
  619.  
  620.  
  621. #moo:hover{height:310px;color:white;}
  622.  
  623. #networks{opacity:0;height:100%; top:-20px; left:2px; width:100px;position:fixed;-webkit-transition: all 0.3s ease; z-index:9;
  624. -moz-transition: all 0.3s ease;
  625. transition: all 0.3s ease;
  626. -o-transition: all 0.3s ease; }
  627. #networks:hover{text-align:left;opacity:1;top:10px;}
  628.  
  629.  
  630. #quote{opacity:1; top:5px; left:320px;position:fixed; font-family:georgia; font-size:10px;color:{color:Font}; z-index:9999; }
  631.  
  632.  
  633. .linkss {
  634. letter-spacing:0px;
  635. font-size:10px;
  636. text-transform:uppercase;
  637. line-height:250%;
  638. font-family:share;
  639. -webkit-transition: all 0.3s ease;
  640. -moz-transition: all 0.3s ease;
  641. transition: all 0.3s ease;
  642. -o-transition: all 0.3s ease;
  643.  
  644.  
  645. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  646. ;
  647.  
  648.  
  649. }
  650. .linkss:hover {
  651.  
  652. border-radius:3px;
  653. color:white;}
  654.  
  655.  
  656. #infscr-loading{
  657. bottom: -70px;
  658. position: absolute;
  659. left: 50%;
  660. margin-left:-8px;
  661. width:16px;
  662. height:11px;
  663. overflow:hidden;
  664. margin-bottom: 50px;
  665. }
  666.  
  667. @font-face { font-family: "signerica"; src: url('http://static.tumblr.com/yo59jgt/m4om1rino/signerica_fat.ttf'); }
  668. @font-face { font-family: "nigga"; src: url('http://static.tumblr.com/iyodnno/EEzmfiays/signerica_medium.ttf'); }
  669. @font-face { font-family: 'impregnable'; src: url('http://static.tumblr.com/iyhbugp/V4emjnhnb/impregnable_personal_use_only_1_.ttf'); }
  670.  
  671.  
  672. .blogtitle a {color:{color:Link};}
  673. .blogtitle{
  674.  
  675. font-family: fight;
  676. font-size:30px;
  677. text-align: center;
  678. text-decoration: none !important; }
  679.  
  680.  
  681.  
  682.  
  683.  
  684.  
  685. @font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  686.  
  687. .title{
  688. font-family: quicksandlight;
  689. font-size: 20px;
  690. line-height:100%;
  691. color: {color:Font};
  692. text-decoration: none !important;
  693. }
  694.  
  695.  
  696.  
  697.  
  698. .bubble {align:right;background: #eee; margin:7px 0px 5px 62px;padding:10px;position: relative;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  699. -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  700. -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);}
  701.  
  702. .bubble p {margin:1px 0px;}
  703.  
  704. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #eee;}
  705.  
  706. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #eee;}
  707.  
  708.  
  709.  
  710. #links {
  711. text-align: center;
  712.  
  713. letter-spacing:1px;
  714.  
  715. text-transform:uppercase;
  716. transition: all 0.5s ease; -o-transition-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
  717. z-index:9999999999999999999992358763847385459;
  718.  
  719. }
  720. #links a {
  721. padding:6px;
  722. font-size:9px;
  723. width:80px;
  724. display:block;
  725. text-align:center;z-index:9999999999999999999992358763847385459;
  726.  
  727. background:{color:Nav};
  728. transition: all 0.5s ease; -o-transition-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
  729. }
  730.  
  731. #links a:hover{background:{color:Nav hover};transition: all 0.5s ease; -o-transition-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
  732.  
  733.  
  734.  
  735. #border1{
  736. position:fixed !important;
  737. width: 100px;
  738. height:100%;
  739. top: 0px;;
  740. opacity:1;
  741. right:425px;
  742. background-image:url({image:Left Border Image});
  743. background-attachment:fixed;
  744. {block:ifThreeColumns}
  745. right:180px;
  746.  
  747. {/block:ifThreeColumns}
  748. }
  749.  
  750.  
  751. {CustomCSS}
  752.  
  753. </style>
  754.  
  755. {block:IndexPage}
  756. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script><script type="text/javascript" src="http://static.tumblr.com/o0thhnj/LCDma95ko/infinite.txt"></script>
  757. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  758.  
  759. <script type="text/javascript">
  760. $(window).load(function () {
  761. var $content = $('#posts');
  762. $content.masonry({itemSelector: '.entry'}),
  763. $content.infinitescroll({
  764. navSelector : 'div#pagination',
  765. nextSelector : 'div#pagination a#nextPage',
  766. itemSelector : '.entry',
  767. loading: {
  768. finishedMsg: '',
  769. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  770. },
  771. bufferPx : 600,
  772. debug : false,
  773. },
  774. // call masonry as a callback.
  775. function( newElements ) {
  776. var $newElems = $( newElements );
  777. $newElems.hide();
  778. // ensure that images load before adding to masonry layout
  779. $newElems.imagesLoaded(function(){
  780. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  781.  
  782.  
  783. });
  784. });
  785. });
  786. </script>
  787.  
  788. {/block:IndexPage}
  789.  
  790. <title>{title}</title>
  791.  
  792. <link rel="shortcut icon" href="{Favicon}">
  793. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  794. <meta name="viewport" content="width=820" />
  795.  
  796.  
  797. </head>
  798.  
  799.  
  800.  
  801.  
  802. <body>
  803.  
  804.  
  805.  
  806.  
  807.  
  808. <div class="wrapper">
  809. <div class="header">
  810. <div id="sidebar"><br><br><br><br><br><br>
  811. <div class="blogtitle"><a href="/">{Title}</a></div>
  812.  
  813. {block:ifshowsidebarphoto}<center><a title="" href="/"><img src="{image:Sidebar Image}" width=235px
  814. ></a>{/block:ifshowsidebarphoto}
  815. <div style="text-shadow:0px 1px 3px #fff">
  816. {Description}</div>
  817.  
  818.  
  819.  
  820.  
  821. </div>
  822.  
  823. <div id="border1">
  824.  
  825. <div id="links"><center><br><br><br><br><br><br><br><br><br><br>
  826. <a href="/">home</a>
  827. <br>
  828. <a href="/archive">archive</a>
  829. <br>
  830.  
  831. {block:AskEnabled}<a href="/ask">ask</a> <br>
  832. {/block:AskEnabled}
  833.  
  834. {block:IfLinkOneTitle}<a href="{text:Link One}"> {text:Link One Title}</a> <br> {/block:ifLinkOneTitle}
  835.  
  836. {block:IfLinkTwoTitle} <a href="{text:Link Two}">{text:Link Two Title}</a> <br>{/block:ifLinkTwoTitle}
  837.  
  838. {block:IfLinkThreeTitle} <a href="{text:Link Three}">{text:Link Three Title}</a> <br> {/block:ifLinkThreeTitle}
  839.  
  840. {block:IfLinkFourTitle} <a href="{text:Link Four}">{text:Link Four Title}</a><br> {/block:ifLinkFourTitle}
  841.  
  842. {block:IfLinkFiveTitle} <a href="{text:Link Five}">{text:Link Five Title}</a> <br> {/block:ifLinkFiveTitle}
  843.  
  844.  
  845. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a> <br> {/block:Pages} {/block:HasPages}
  846.  
  847. <a href="http://wildthemes.tumblr.com/">theme</a>
  848.  
  849.  
  850. </div></div>
  851. <div class="left">
  852.  
  853. <div id="posts">
  854.  
  855. {block:Posts}
  856. <div class="entry">
  857.  
  858. {block:Text}
  859. <div class="text">
  860. {block:Title}
  861. <div class="title"> <a href="{Permalink}">{Title}</a></div>
  862. {/block:Title}
  863. {Body}
  864. <div class="permahover"><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  865. {block:IndexPage}
  866.  
  867. {/block:IndexPage}
  868. </div>
  869. {/block:Text}
  870. {block:Link}
  871. <div class="text">
  872. <div class="title"><a href="{URL}" class="link" {Target}>{Name}</a> </div>
  873. {block:Description}
  874. <div class="description">{Description}</div>
  875. {/block:Description}
  876. <p>
  877. {block:IndexPage}
  878. <div class="permahover"><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  879.  
  880. {/block:IndexPage}
  881.  
  882. </div>{/block:Link}
  883.  
  884.  
  885. {block:Photo}
  886. {block:indexpage}
  887. <div class="perma"><a href="{reblogurl}" title="reblog this post">reblog</a> / <a href="{permalink}" title="note count"> {notecountwithlabel}
  888. </a>
  889. </div>
  890. <div class="perma2"> {timeago}
  891. </div>
  892.  
  893.  
  894.  
  895. <a href="{Permalink}">
  896. <img src="{PhotoURL-HighRes}" width="100%"/></a>
  897. {/block:indexpage}
  898. {block:permalinkpage}
  899. <a href="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a>
  900. {/block:permalinkpage} {block:IndexPage}
  901. {/block:IndexPage}
  902. {/block:Photo}
  903.  
  904.  
  905. {block:Answer}<img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="bubble"><span></span>{Asker} said : {Question}&nbsp;</div>{Answer} {block:indexpage}
  906. <div class="permahover"><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  907.  
  908. {/block:indexpage}{/block:Answer}
  909.  
  910.  
  911.  
  912. {block:Photoset}
  913. {block:IndexPage}
  914.  
  915. {block:Photos}<a href="{permalink}"><img src="{PhotoURL-500}" width="100%" style="padding:3px;"/></a>
  916. {/block:Photos}
  917. <div class="permahover"><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  918.  
  919. {/block:IndexPage}
  920.  
  921. {block:permalinkpage}
  922. {Photoset-500}
  923. {/block:permalinkpage}
  924. {/block:Photoset}
  925.  
  926.  
  927. {block:Quote}
  928. <div class="text">
  929. <div class="title"> "{Quote}" </div>
  930. {block:Source}
  931. <div style="text-align:right; line-height:12px;">- {Source}</div>
  932. {/block:Source}
  933. {block:IndexPage}
  934. <div class="permahover"><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  935.  
  936. {/block:IndexPage}
  937. </div>{/block:Quote}
  938.  
  939. {block:Chat}
  940. <div class="text">
  941. {block:Title}
  942. <div class="title"> <a href="{Permalink}">{Title}</a></div>
  943. {/block:Title}
  944. <ul class="chat">
  945. {block:Lines}
  946. <li class="{Alt} user_{UserNumber}"> {block:Label}<span style="text-transform:uppercase"> <span class="label">{Label}</span></span> {/block:Label}
  947. {Line} </li>
  948. {/block:Lines}
  949. </ul>
  950. {block:IndexPage}
  951. <div class="permahover"><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  952.  
  953. {/block:IndexPage}
  954. </div>{/block:Chat}
  955.  
  956.  
  957. {block:Audio}
  958. <div class="text">{AudioPlayerGrey}
  959. {block:Caption}{Caption}{/block:Caption}</div>{block:IndexPage}
  960. <div class="permahover"><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  961.  
  962. {/block:IndexPage}
  963. {/block:Audio}
  964.  
  965.  
  966. {block:Video}
  967. {block:IndexPage}
  968. <center>
  969. {Video-340}</center>
  970. {/block:IndexPage}
  971. {block:PermalinkPage}
  972. <center>
  973. {Video-450}</center>
  974. {/block:PermalinkPage}
  975. <span class="perm"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a> | <a href="{permalink}"><a href="{ReblogURL}" target="_blank">REBLOG</a>
  976. {block:Video}
  977.  
  978. {block:PermalinkPage}
  979. <center>
  980. <br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</center>
  981.  
  982. {block:PostNotes}{PostNotes}
  983. {/block:PostNotes}
  984. {/block:PermalinkPage}
  985.  
  986.  
  987.  
  988. </div>
  989.  
  990.  
  991. {/block:Posts}
  992. </div>
  993. </div>
  994. {block:IndexPage}
  995. {block:Pagination}
  996. <div id="pagination">
  997. {block:NextPage}
  998. <a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>
  999. {/block:NextPage}
  1000. {block:PreviousPage}
  1001. <a href="{PreviousPage}">&larr;&nbsp;</a>
  1002. {/block:PreviousPage}
  1003. </div>
  1004. {/block:Pagination}
  1005. {/block:IndexPage}
  1006. </div>
  1007.  
  1008.  
  1009.  
  1010.  
  1011. </body>
  1012.  
  1013. </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!