API tools faq
paste
Advertisement
wildthemes

victoria theme

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