Advertisement
wildthemes

tatianna theme

Dec 30th, 2012
4,655
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.94 KB | None | 0 0
  1. <!--
  2. ▒█░░▒█ ▀█▀ ▒█░░░ ▒█▀▀▄ ▀▀█▀▀ ▒█░▒█ ▒█▀▀▀ ▒█▀▄▀█ ▒█▀▀▀ ▒█▀▀▀█  
  3. ▒█▒█▒█ ▒█░ ▒█░░░ ▒█░▒█ ░▒█░░ ▒█▀▀█ ▒█▀▀▀ ▒█▒█▒█ ▒█▀▀▀ ░▀▀▀▄▄  
  4. ▒█▄▀▄█ ▄█▄ ▒█▄▄█ ▒█▄▄▀ ░▒█░░ ▒█░▒█ ▒█▄▄▄ ▒█░░▒█ ▒█▄▄▄ ▒█▄▄▄█  
  5. Theme: Tatianna | Published:DEC 29TH, 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/using my themes as a basecode is ɪʟʟᴇɢᴀʟ
  8. -->
  9. <link href='http://fonts.googleapis.com/css?family=Happy+Monkey' rel='stylesheet' type='text/css'>
  10.  
  11.  
  12. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  13. <html xmlns="http://www.w3.org/1999/xhtml">
  14. <head>
  15. <link rel="stylesheet" href="http://static.tumblr.com/tak5d5w/raDlsuinn/quicksandfonts.css" type="text/css" charset="utf-8">
  16.  
  17.  
  18.  
  19. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  20.  
  21. <link href='http://fonts.googleapis.com/cs
  22. s?family=Ubuntu:300' rel='stylesheet' type='text/css'>
  23.  
  24. <script type="text/javascript"
  25. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  26.  
  27. <meta name="color:background" content="#ffffff"/>
  28. <meta name="color:Posts" content="#ffffff"/>
  29. <meta name="color:Borders" content="#ccc"/>
  30. <meta name="color:Blogtitle" content="#fff"/>
  31.  
  32. <meta name="color:Font" content="#130C11"/>
  33. <meta name="color:Link hover" content="#130C11"/>
  34. <meta name="color:Link" content="#000000"/>
  35. <meta name="image:Sidebar" content="1"/>
  36. <meta name="image:Background" content="1"/>
  37. <meta name="if:Show sidebar photo" content="0"/>
  38. <meta name="text:reblog label" content="reblog" />
  39. <meta name="if:Kewl font" content="0"/>
  40. <meta name="if:Three Columns" content="0"/>
  41. <meta name="if:Four Columns" content="0"/>
  42.  
  43. <meta name="text:Link one Title" content=""/>
  44. <meta name="text:Link one" content="" />
  45. <meta name="text:Link Three Title" content=""/>
  46. <meta name="text:Link Three" content=""/>
  47. <meta name="text:Link Four Title" content=""/>
  48. <meta name="text:Link Four" content=""/>
  49. <meta name="text:Link two Title" content=""/>
  50. <meta name="text:Link two" content=""/>
  51. <meta name="text:Link five Title" content=""/>
  52. <meta name="text:Link five" content=""/>
  53.  
  54.  
  55.  
  56. <title>{Title} </title>{block:Description}<meta name=”description” content=”{MetaDescription}” />{/block:Description}
  57. <script type=”text/javascript” src=”http://codysherman.com/tools/infinite-scrolling/code”></script><script type="text/javascript" src="http://static.tumblr.com/o0thhnj/LCDma95ko/infinite.txt"></script><link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
  58.  
  59.  
  60. <style type="text/css">
  61.  
  62. iframe#tumblr_controls {right:3px}
  63.  
  64.  
  65.  
  66. ::-webkit-scrollbar-thumb:vertical {
  67. background-color:{color:Link};border-radius:10px;
  68.  
  69. height:auto;
  70.  
  71.  
  72. }
  73.  
  74. ::-webkit-scrollbar-thumb:horizontal {
  75. background-color:{color:Link};border-radius:10px;
  76.  
  77. }
  78.  
  79. ::-webkit-scrollbar {
  80. height:10px;
  81. width:6px;
  82. border-radius:10px;
  83. background-color:transparent;
  84. }
  85.  
  86.  
  87. #description{
  88. font-family: {block:ifKewlfont}happy monkey; font-size: 11px;{/block:ifKewlfont}{block:ifnotKewlfont}courier new; font-size: 10px;{/block:ifnotKewlfont};
  89. text-transform:lowercase;
  90. padding:5.5px;
  91. text-align:center;
  92. color:{color:Body font};
  93. background:transparent;
  94. opacity:0.8;
  95. }
  96.  
  97.  
  98.  
  99.  
  100. #tumblr_controls{
  101. position:fixed !important;
  102. }
  103.  
  104. .wrapper{
  105. margin: 0px auto;
  106. width: 802px;
  107. }
  108.  
  109. .header{
  110. float: left;
  111. width: 100%;
  112. }
  113.  
  114. .left{
  115. float: left;
  116. margin-right: 20px;
  117. width: 802px;
  118. }
  119.  
  120. .right{
  121. float: right;
  122. width: 200px;
  123. background-color: {color:Background};
  124. }
  125.  
  126. body {
  127. padding: 0px;
  128. margin: 0px;
  129. color: {color:Font};
  130. font-family: {block:ifKewlfont}happy monkey; font-size: 11px;{/block:ifKewlfont}{block:ifnotKewlfont}courier new; font-size: 10px;{/block:ifnotKewlfont};
  131. background-color: {color:Background};
  132. background-image:url({image:Background});
  133. background-attachment: fixed;
  134. background-repeat: repeat;
  135. }
  136. a { text-decoration: underline;}
  137. a:link, a:active, a:visited{
  138. color: {color:Link} ;
  139. -webkit-transition: color 0.6s ease-out;
  140. -moz-transition: color 0.6s ease-out;
  141.  
  142. }
  143.  
  144. a:hover{
  145. color:{color:Link hover};
  146. -webkit-transition: color 0.5s ease-out;
  147. -moz-transition: color 0.5s ease-out;
  148. }
  149. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  150.  
  151. .entry {
  152. z-index:7;
  153. float:left;
  154. background-color:{color:posts};
  155. font-family: {block:ifKewlfont}happy monkey; font-size: 11px;{/block:ifKewlfont}{block:ifnotKewlfont}courier new; font-size: 10px;{/block:ifnotKewlfont};
  156. margin:7px;
  157. {block:IndexPage}
  158. width:350px;
  159. {block:ifThreeColumns}width:290px;{/block:ifThreeColumns}
  160. {block:ifFourColumns}width:240px;{/block:ifFourColumns}{/block:IndexPage}
  161. {block:PermalinkPage}
  162. width:450px;
  163. {/block:PermalinkPage}
  164. overflow:hidden;
  165. padding-right:9px;
  166. padding-left:9px;
  167. padding-top:9px;
  168. padding-bottom:7px;
  169. border:1px solid {color:Borders};
  170.  
  171. text-decoration: none !important;
  172.  
  173.  
  174. }
  175.  
  176. .entry:hover{
  177. -webkit-transition: all 0.5s linear;
  178. -moz-transition: all 0.5s linear;
  179. transition: all 0.5s linear;
  180. border:1px solid {color:Borders};
  181. }
  182.  
  183. @font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
  184.  
  185.  
  186.  
  187.  
  188.  
  189. div#sidebar{
  190. position:fixed !important;
  191. margin-left:-260px;
  192. width: 230px;
  193. top: 100px;
  194. height:auto;
  195. padding: 0px;
  196. padding: 1px;
  197. letter-spacing:0px;
  198. background:transparent;
  199. padding: 2px;
  200. opacity:0.8;
  201. z-index:9;
  202. {block:PermalinkPage}
  203. margin-left:-80px;
  204. {/block:PermalinkPage}
  205. -webkit-transition: all 0.5s linear;
  206. -moz-transition: all 0.5s linear;
  207. transition: all 0.5s linear;
  208. position: fixed;
  209. overflow: hidden;
  210.  
  211.  
  212. }}
  213.  
  214.  
  215.  
  216.  
  217. #sidebar:hover{
  218. opacity: 1;
  219. -webkit-transition: all 0.4s linear;
  220. -moz-transition: all 0.4s linear;
  221. transition: all 0.4s linear;
  222.  
  223. }
  224. @font-face {
  225. font-family: 'Share';
  226. font-style: normal;
  227. font-weight: 400;
  228. src: local('Share'), local('Share-Regular'), url(http://themes.googleusercontent.com/static/fonts/share/v1/_jCje2O-7QL947BeMhJzWQ.woff) format('woff');
  229. }
  230.  
  231. .wildthemes a {color:black;text-decoration: none !important;}
  232.  
  233. .entry .wildthemes{
  234.  
  235. position:absolute;
  236. width: auto;
  237. height:10px;
  238.  
  239. overflow:hidden;
  240. top: 20px;
  241. left:20px;
  242. font-family: share;
  243. font-size: 12px;
  244. text-transform:uppercase;
  245. line-height:100%;
  246. text-align:center;
  247. opacity:0.0;
  248. padding:3px;
  249. border-left:7px {color:Borders} solid;
  250. border-right:7px {color:Borders} solid;
  251.  
  252. -webkit-transition: all 0.3s linear;
  253. -moz-transition: all 0.3s linear;
  254. transition: all 0.3s linear;
  255. background-color:white};
  256.  
  257. }
  258. @font-face { font-family: "littlefont"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }
  259.  
  260.  
  261. .entry:hover .wildthemes{
  262. overflow:visible;
  263. -webkit-transition: opacity 0.5s linear; opacity: 0.8;
  264. transition: all 0.4s linear;
  265. background-color:{color:posts};
  266.  
  267. opacity:0.8;
  268.  
  269. -webkit-transition: all 0.3s linear;
  270. -moz-transition: all 0.3s linear;
  271. transition: all 0.3s linear; }
  272. }
  273.  
  274.  
  275.  
  276. .entry:hover .details {
  277. opacity: 1.0;
  278. margin:12px 0px 0px 0px;
  279. filter: alpha(opacity = 100);
  280.  
  281. text-decoration: none !important;
  282. }
  283.  
  284.  
  285. .permahover {
  286. text-align: right;
  287. line-height:200%;
  288. opacity: 0.0;
  289. filter: alpha(opacity = 0);
  290. font-size: 9px;
  291. line-height: 9px;
  292. text-transform: uppercase;
  293. text-decoration: none !important;
  294. }
  295.  
  296. .entry:hover .permahover {
  297. text-align: center;
  298. opacity: 1; text-decoration: none !important;
  299.  
  300. -webkit-transition: all .25s ease-in-out;
  301. -moz-transition: all .25s ease-in-out;
  302. -o-transition: all .25s ease-in-out;
  303. transition: all .25s ease-in-out;
  304. filter: alpha(opacity = 50);
  305.  
  306.  
  307. }
  308.  
  309. .text {
  310. padding: 0px;
  311. }
  312.  
  313.  
  314.  
  315. .entry:hover .textperma {
  316. opacity: 1;
  317. filter: alpha(opacity = 100);
  318. -webkit-transition: all ease-in 250ms;
  319. -moz-transition: all ease-in 250ms;
  320. -o-transition: all ease-in 250ms;
  321. -ms-transition: all ease-in 250ms;
  322. transition: all ease-in 250ms;
  323. }
  324.  
  325.  
  326.  
  327. @font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf');
  328. }
  329.  
  330.  
  331. .linkss a{color:{color:Blogtitle};}
  332. .linkss {webkit-transition: all 0.3s ease-in-out;
  333. -moz-transition: all 0.3s ease-in-out;
  334. -o-transition: all 0.3s ease-in-out;
  335. line-height:20px;
  336. font-family: {block:ifKewlfont}happy monkey; font-size: 11px;{/block:ifKewlfont}{block:ifnotKewlfont}courier new; font-size: 10px;{/block:ifnotKewlfont};
  337. opacity:1;
  338. width:100px;margin:2px;
  339.  
  340. padding:4px;
  341. display: inline-block;
  342. background:{color:Link};
  343. -webkit-transition-duration: .6s;
  344. text-align:center;
  345. text-transform:uppercase;
  346. }
  347.  
  348.  
  349. .linkss:hover{
  350. opacity:0.3;}
  351.  
  352.  
  353. #posts {
  354. width:1000px;
  355. {block:ifThreeColumns}width:1000px;{/block:ifThreeColumns}
  356. {block:ifFourColumns}width:1100px;{/block:ifFourColumns}margin-left:-20px;
  357. margin-top: 5px;
  358.  
  359. {block:PermalinkPage}
  360. margin-left:280px;
  361. margin-top: 5px;
  362. {/block:PermalinkPage}
  363. top: -5px;
  364. float:left;
  365. text-decoration: none !important;
  366.  
  367. }
  368.  
  369. #infscr-loading{
  370. bottom: -70px;
  371. position: absolute;
  372. left: 50%;
  373. margin-left:-8px;
  374. width:16px;
  375. height:11px;
  376. overflow:hidden;
  377. margin-bottom: 50px;
  378. }
  379.  
  380. @font-face {font-family:"Neou"; src:url('http://static.tumblr.com/zncos8d/0yDmd37fv/neou-thin.ttf');}
  381.  
  382. .blogtitle a {color:{color:Blogtitle};text-decoration: none !important;}
  383. .blogtitle{
  384. font-family:neou;
  385. font-size: 30px;
  386. line-height:100%;
  387. top: 1100px;
  388. text-align:center;
  389. text-decoration: none !important;
  390. background-color:{color:Link};
  391.  
  392. }
  393.  
  394.  
  395. @font-face { font-family: "signerica"; src: url('http://static.tumblr.com/yo59jgt/m4om1rino/signerica_fat.ttf'); }
  396.  
  397. .title{
  398. font-family: neou;text-transform:lowercase;
  399. font-size: 20px;
  400. line-height:100%;
  401. color: {color:Link};
  402. text-decoration: underline;
  403. text-decoration: none !important;
  404. }
  405.  
  406. {CustomCSS}
  407.  
  408. </style>
  409.  
  410. {block:IndexPage}
  411. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  412. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  413.  
  414. <script type="text/javascript">
  415. $(window).load(function () {
  416. var $content = $('#posts');
  417. $content.masonry({itemSelector: '.entry'}),
  418. $content.infinitescroll({
  419. navSelector : 'div#pagination',
  420. nextSelector : 'div#pagination a#nextPage',
  421. itemSelector : '.entry',
  422. loading: {
  423. finishedMsg: '',
  424. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  425. },
  426. bufferPx : 600,
  427. debug : false,
  428. },
  429. // call masonry as a callback.
  430. function( newElements ) {
  431. var $newElems = $( newElements );
  432. $newElems.hide();
  433. // ensure that images load before adding to masonry layout
  434. $newElems.imagesLoaded(function(){
  435. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  436.  
  437.  
  438. });
  439. });
  440. });
  441. </script>
  442.  
  443. {/block:IndexPage}
  444.  
  445. <title>{title}</title>
  446.  
  447. <link rel="shortcut icon" href="{Favicon}">
  448. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  449. <meta name="viewport" content="width=820" />
  450.  
  451. </head>
  452. <body>
  453.  
  454. <div class="wrapper">
  455. <div class="header">
  456. <div id="sidebar">
  457. <span class="blogtitle"><br><div style="padding:3px;background-color:{color:Link};
  458. "><a href="/">{title}
  459. </a></div>
  460. </a></span>{block:ifshowsidebarphoto}<br><center><a title="" href="/"><img src="{image:Sidebar}" width=220px height=auto ></a>{/block:ifshowsidebarphoto}
  461. <center><div id="description">{Description}<br></div>
  462. <br><span class="linkss"> <a href="/">home</a> </span> {block:AskEnabled}<span class="linkss">
  463. <a href="/ask">ask</a>
  464. </span>{/block:AskEnabled}
  465. {block:HasPages}{block:Pages}<span class="linkss"> <a href="{URL}">{Label}</a></span>{/block:Pages}{/block:HasPages}
  466.  
  467.  
  468. {block:IfLinkOneTitle} <span class="linkss"><a href="{text:Link One}"> {text:Link One Title}</a> </span> {/block:ifLinkOneTitle} {block:IfLinkTwoTitle} <span class="linkss"> <a href="{text:Link Two}">{text:Link Two Title}</a> </span> {/block:ifLinkTwoTitle} {block:IfLinkThreeTitle}<span class="linkss"> <a href="{text:Link Three}">{text:Link Three Title}</a> </span> {/block:ifLinkThreeTitle} {block:IfLinkFourTitle} <span class="linkss"> <a href="{text:Link Four}">{text:Link Four Title}</a> </span> {/block:ifLinkFourTitle} {block:IfLinkFiveTitle} <span class="linkss"> <a href="{text:Link Five}">{text:Link Five Title}</a> </span> {/block:ifLinkFiveTitle}
  469. <span class="linkss">
  470. <a href="http://wildthemes.tumblr.com/">theme credit</a>
  471. </span>
  472.  
  473. </div>
  474.  
  475. </div>
  476.  
  477.  
  478.  
  479. <div class="left">
  480.  
  481. <div id="posts">
  482.  
  483. {block:Posts}
  484. <div class="entry">
  485.  
  486. {block:Text}
  487. <div class="text">
  488. {block:Title}
  489. <div class="title"> <a href="{Permalink}">{Title}</a></div>
  490. {/block:Title}
  491. {Body}
  492. <div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  493. {block:IndexPage}
  494.  
  495. {/block:IndexPage}
  496. </div>
  497. {/block:Text}
  498. {block:Link}
  499. <div class="text">
  500. <div class="title"><a href="{URL}" class="link" {Target}>{Name}</a> </div>
  501. {block:Description}
  502. <div class="description">{Description}</div>
  503. {/block:Description}
  504. <p>
  505. {block:IndexPage}
  506. <div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  507.  
  508. {/block:IndexPage}
  509.  
  510. </div>{/block:Link}
  511.  
  512.  
  513. {block:Photo}
  514. {block:indexpage} <div class="wildthemes"><a href="{permalink}">{NoteCountwithLabel}</a> ♡ <a href="{ReblogURL}" target="_blank">{text:reblog label}</a> </div>
  515.  
  516. <img src="{PhotoURL-HighRes}" width="100%"/>
  517. {/block:indexpage}
  518. {block:permalinkpage}
  519. <a href="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a>
  520. {/block:permalinkpage} {block:IndexPage}
  521. {/block:IndexPage}
  522. {/block:Photo}
  523.  
  524.  
  525. {block:Photoset}
  526. {block:IndexPage}
  527.  
  528. {block:Photos}<a href="{permalink}"><img src="{PhotoURL-500}" width="100%" style="padding:3px;"/></a>
  529. {/block:Photos}<div class="perms">
  530. <a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a>
  531. </div>
  532. {/block:IndexPage}
  533.  
  534. {block:permalinkpage}
  535. {Photoset-500}
  536. {/block:permalinkpage}
  537. {/block:Photoset}
  538.  
  539.  
  540. {block:Quote}
  541. <div class="text">
  542. <div class="title"> "{Quote}" </div>
  543. {block:Source}
  544. <div style="text-align:right; line-height:12px;">- {Source}</div>
  545. {/block:Source}
  546. {block:IndexPage}
  547. <div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  548.  
  549. {/block:IndexPage}
  550. </div>{/block:Quote}
  551.  
  552. {block:Chat}
  553. <div class="text">
  554. {block:Title}
  555. <div class="title"> <a href="{Permalink}">{Title}</a></div>
  556. {/block:Title}
  557. <ul class="chat">
  558. {block:Lines}
  559. <li class="{Alt} user_{UserNumber}"> {block:Label}<span style="text-transform:uppercase"> <span class="label">{Label}</span></span> {/block:Label}
  560. {Line} </li>
  561. {/block:Lines}
  562. </ul>
  563. {block:IndexPage}
  564. <div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  565.  
  566. {/block:IndexPage}
  567. </div>{/block:Chat}
  568.  
  569.  
  570. {block:Audio}
  571. <div class="text">
  572. {AudioPlayerGrey}
  573. {block:Caption}
  574. {Caption}
  575. {/block:Caption}
  576. {block:IndexPage}
  577. <a href="{Permalink}">Permalink</a>
  578. {/block:IndexPage}
  579. </div>{/block:Audio}
  580.  
  581.  
  582.  
  583. {block:Video}
  584. {block:IndexPage}
  585. <center>
  586. {Video-340}</center>
  587. {/block:IndexPage}
  588. {block:PermalinkPage}
  589. <center>
  590. {Video-450}</center>
  591. {/block:PermalinkPage}
  592. <span class="perm"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a> | <a href="{permalink}"><a href="{ReblogURL}" target="_blank">REBLOG</a>
  593. {block:Video}
  594.  
  595. {block:PermalinkPage}
  596. <center>
  597. <br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  598.  
  599.  
  600. {/block:PermalinkPage}
  601.  
  602.  
  603. {block:PostNotes}{PostNotes}
  604. {/block:PostNotes}
  605. </div>
  606.  
  607.  
  608. {/block:Posts}
  609. </div>
  610. </div>
  611. {block:IndexPage}
  612. {block:Pagination}
  613. <div id="pagination">
  614. {block:NextPage}
  615. <a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>
  616. {/block:NextPage}
  617. {block:PreviousPage}
  618. <a href="{PreviousPage}">&larr;&nbsp;</a>
  619. {/block:PreviousPage}
  620. </div>
  621. {/block:Pagination}
  622. {/block:IndexPage}
  623. </div>
  624. </body>
  625.  
  626. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement