API tools faq
paste
Advertisement
0fficialvanessa

Theme Base.

0fficialvanessa
Aug 2nd, 2013
2,663
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.37 KB | None | 0 0
raw download clone embed print report
  1. <html lang="en">
  2. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5.  
  6.  
  7. <script type="text/javascript"
  8. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  9.  
  10. <!--DEFAULT VARIABLES-->
  11. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  12.  
  13. <meta name="color:background" content="#fcfcfc"/>
  14. <meta name="color:link" content="#777"/>
  15. <meta name="color:text" content="#777"/>
  16. <meta name="color:title" content="#333"/>
  17. <meta name="color:hover" content="#373638"/>
  18. <meta name="color:text shadow" content="#aaa"/>
  19. <meta name="color:scrollbar" content="#777"/>
  20.  
  21. <meta name="image:sidebar" content="1"/>
  22. <meta name="image:background" content="1"/>
  23.  
  24. <style type="text/css">
  25.  
  26. #tumblr_controls{
  27. position:fixed !important;
  28. -webkit-filter: invert(100%)
  29. }
  30.  
  31. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  32.  
  33. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  34.  
  35. p {
  36. margin:0px;
  37. margin-top:0px;
  38. }
  39.  
  40. body {
  41. margin: 5px;
  42. font-family: calibri;
  43. line-height:10px;
  44. font-size:10px;
  45. background-attachment: fixed;
  46. background-repeat: repeat;
  47. color:{color:text};
  48. background-color: {color:Background};
  49. background-image:url({image:Background});
  50. }
  51.  
  52.  
  53. a:link, a:active, a:visited{
  54. text-decoration: none;
  55. -webkit-transition: all 0.6s ease-out;
  56. -moz-transition: all 0.6s ease-out;
  57. -o-transition: all 0.6s ease-out;
  58. transition: all 0.6s ease-out;
  59. color:{color:link};
  60. }
  61.  
  62. a:hover {
  63. text-decoration: none;
  64. -webkit-transition: all 0.3s ease-out;
  65. -moz-transition: all 0.3s ease-out;
  66. -o-transition: all 0.3s ease-out;
  67. transition: all 0.3s ease-out;
  68. cursor: url(http://i.imgur.com/2qleX.jpg), auto;
  69. color: {color:Hover};
  70. text-shadow:0px 0px 2px {color:text shadow};
  71. }
  72.  
  73. div#center{
  74. margin:auto;
  75. position:relative;
  76. width:1000px;
  77. background-color:;
  78. overflow:auto;
  79. overflow-y:hidden;
  80. }
  81.  
  82. .entry {
  83. float:left;
  84. display: block;
  85. margin:5px;
  86. overflow:hidden;
  87. width:250px;
  88. background:white;
  89. padding:6px;
  90. border:1px solid #eee;
  91. {block:PermalinkPage}
  92. width:450px;
  93. text-align:left;
  94. line-height:10px;
  95. {/block:PermalinkPage}
  96. }
  97.  
  98. .entry .perma{
  99. width:250px;
  100. height:auto;
  101. margin-left:0px;
  102. position: absolute;
  103. line-height: 14px;
  104. overflow:hidden;
  105. text-align:center;
  106. top:3px;
  107. padding:3px;
  108. background:white;
  109. word-spacing:2px;
  110. letter-spacing:1px;
  111. opacity: 0.0;
  112. -webkit-transition: all .7s ease;
  113. -moz-transition: all .7s ease;
  114. -o-transition: all .7s ease;
  115. transition: all .7s ease;
  116. }
  117.  
  118. .entry:hover .perma{
  119. overflow:visible;
  120. opacity:0.95;
  121. }
  122.  
  123. #posts {
  124. width:560px;
  125. margin-top:1px;
  126. z-index:99;
  127. margin-left:319px;
  128. right:auto;
  129. background:transparent;
  130. margin-right:auto;
  131. position:relative;
  132. overflow-y: hidden;
  133. }
  134.  
  135. #sidebar{
  136. position:fixed !important;
  137. width:auto;
  138. background:white;
  139. height:auto;
  140. margin-top:150px;
  141. margin-left:-100px;
  142. text-align:center;
  143. }
  144.  
  145. #sidebar img{
  146. width: 200px;
  147. height: 200px;
  148. }
  149.  
  150. @font-face { font-family: "Camilla"; src: url('http://static.tumblr.com/dcylwch/HvDmhxbob/cuttyfruty.ttf'); }
  151.  
  152.  
  153. askk {
  154. font-family:"Camilla";
  155. font-size: 15px;
  156. z-index:1;
  157. color: {color:Title};
  158. }
  159.  
  160. .title{
  161. line-height: 16px;
  162. font-size: 16px;
  163. font-family:"Camilla";
  164. color:{color:Title};
  165. }
  166.  
  167. .permalink{
  168. text-transform: uppercase;
  169. font-size:8px;
  170. display: block;
  171. text-align: center;
  172. text-decoration: none;
  173. margin-top:8px;
  174. margin-bottom:2px;
  175. padding:3px;
  176. border-top:1px solid #eee;
  177. }
  178.  
  179. #audio {
  180. width:200px;
  181. height:auto;
  182. min-height:60px;
  183. padding-bottom:0px;
  184. }
  185. .cover {
  186. position:absolute;
  187. z-index:1;
  188. width:60px;
  189. height:60px;
  190. }
  191. .cover img {
  192. float:left;
  193. width:60px;
  194. height:60px;
  195. }
  196. .playbox {
  197. opacity:0.6;
  198. width:27px;
  199. height:30px;
  200. overflow:hidden;
  201. position:absolute;
  202. z-index:1000;
  203. margin-left:17px;
  204. margin-top:17px;
  205. text-align:center;
  206. }
  207. .info {
  208. margin-left:73px;
  209. margin-top:4px;
  210. line-height:14px;
  211. }
  212.  
  213. #infscr-loading{
  214. bottom: -70px;
  215. position: absolute;
  216. left: 50%;
  217. margin-left:-8px;
  218. width:16px;
  219. height:11px;
  220. overflow:hidden;
  221. margin-bottom: 50px;
  222. }
  223.  
  224. ::-webkit-scrollbar {
  225. width: 4px;
  226. height: 4px;
  227. border-left:0px solid #ccc;
  228. background-color:{color:background};
  229. }
  230.  
  231. ::-webkit-scrollbar-thumb {
  232. background: {color:scrollbar};
  233. }
  234.  
  235. ::-webkit-scrollbar {
  236. width: 5px;
  237. height: 5px;
  238. background: #dddddd;
  239. }
  240.  
  241. ::-webkit-scrollbar-thumb {
  242. background-color:{color:scrollbar};
  243. }
  244.  
  245. #postnotes{
  246. text-align: justify;}
  247.  
  248. #postnotes blockquote{
  249. border: 0px;}
  250.  
  251. blockquote{
  252. padding:0px 0px 2px 5px;
  253. margin:0px 0px 2px 10px;
  254. border-left: 1px dotted #555555;
  255. }
  256.  
  257. blockquote p, ul{
  258. margin:0px;
  259. padding:0px;
  260. }
  261.  
  262. a img{border: 0px;}
  263.  
  264.  
  265. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  266.  
  267. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  268. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  269.  
  270. .notes img{width:15px; position:relative; top:3px;border-radius:60px;}
  271. <--ses-->
  272. small{font-size: 90%;}
  273.  
  274. {CustomCSS}
  275.  
  276. </style>
  277.  
  278. {block:IndexPage}
  279. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  280. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  281.  
  282. <script type="text/javascript">
  283. $(window).load(function(){
  284. var $wall = $('#posts');
  285. $wall.imagesLoaded(function(){
  286. $wall.masonry({
  287. itemSelector: '.entry, .entry_photo',
  288. isAnimated : false
  289. });
  290. });
  291.  
  292. $wall.infinitescroll({
  293. navSelector : '#pagination',
  294. nextSelector : '#pagination a',
  295. itemSelector : '.entry, .entry_photo',
  296. bufferPx : 2000,
  297. debug : false,
  298. errorCallback: function() {
  299. $('#infscr-loading').fadeOut('normal');
  300. }},
  301. function( newElements ) {
  302. var $newElems = $( newElements );
  303. $newElems.hide();
  304. $newElems.imagesLoaded(function(){
  305. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  306. });
  307. }); $('#posts').show(500);
  308. });
  309. </script>
  310.  
  311.  
  312. {/block:IndexPage}
  313.  
  314.  
  315. <title>{title}</title>
  316.  
  317. <link rel="shortcut icon" href="{Favicon}" />
  318. <meta name="viewport" content="width=820" />
  319. </head>
  320.  
  321. <body>
  322. <BODY onselectstart="return false;" ondragstart="return false;">
  323. <div class="wrapper">
  324. <div class="header">
  325. </div>
  326.  
  327. <div id="cage">
  328. <div id="center">
  329.  
  330. <!---->
  331.  
  332. <div id="sidebar">
  333. <a href="/"><img src="{image:sidebar}" width=100%></a>
  334. </div>
  335. <!------------------------------------->
  336.  
  337.  
  338. <div class="left">
  339. <div id="posts">
  340. {block:Posts}
  341. <div class="entry">
  342.  
  343. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span>
  344. <span class="permalink">
  345. <a href="{Permalink}">{notecountwithlabel}</a> - <a href="{ReblogURL}" target="_blank">Reblog</a>
  346. <br>{/block:HasTags}</span>
  347. {/block:Text}
  348.  
  349. {block:Answer}
  350. <div style="margin-top:2px;;margin-bottom:0px;min-height:30px; padding: 4px; background-color:#f7f7f7;border:1px solid #eee;border-radius:5px;">
  351. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3.5px;"/><askk>{asker}</askk>: {Question}</div>
  352. <div style="margin-top:2px; line-height:11px;margin-bottom:4px; background: transparent;">{Answer}</div>
  353. {/block:Answer}
  354.  
  355. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description}
  356. <span class="permalink">
  357. <a href="{Permalink}">{notecountwithlabel}</a> - <a href="{ReblogURL}" target="_blank">Reblog</a> </span>
  358. {/block:Link}
  359.  
  360. {block:Photo}
  361. {block:IndexPage}
  362. <center>
  363. <div class="perma">
  364. Posted on {dayofweek} &middot <a href="{ReblogURL}" target="_blank"> Reblog </a> </div>
  365.  
  366. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  367. {/block:IndexPage}
  368. {block:PermalinkPage}
  369. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  370.  
  371. {LinkCloseTag}
  372. {/block:PermalinkPage}
  373. {/block:Photo}
  374.  
  375. {block:Photoset}
  376. {block:IndexPage}
  377. <center>
  378.  
  379. <div class="perma">
  380. Posted on {dayofweek} &middot <a href="{ReblogURL}" target="_blank"> Reblog </a> </div>
  381.  
  382. {Photoset-250}</center>
  383. {/block:IndexPage}
  384. {block:PermalinkPage}
  385. <center>
  386. {Photoset-500}</center>
  387. {/block:PermalinkPage}
  388. {/block:Photoset}
  389.  
  390. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br>
  391. <span class="permalink">
  392. <a href="{Permalink}">{notecountwithlabel}</a> - <a href="{ReblogURL}" target="_blank">Reblog</a>
  393. </span>{/block:Quote}
  394.  
  395. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  396. <ul class="chat">
  397. {block:Lines}
  398. <li class="user_{UserNumber}">
  399. {block:Label}
  400. <span class="label">{Label}</span>
  401. {/block:Label}
  402.  
  403. {Line}
  404. </li>
  405. {/block:Lines}
  406. <span class="permalink">
  407. <a href="{Permalink}">{notecountwithlabel}</a> - <a href="{ReblogURL}" target="_blank">Reblog</a> </span>
  408. {/block:Chat}
  409.  
  410. {block:Audio}
  411. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  412. {block:IndexPage}
  413. {/block:IndexPage}
  414. {/block:Audio}
  415.  
  416. {block:Video}
  417. {block:IndexPage}
  418. <center>
  419. <div class="perma">
  420. Posted on {dayofweek} &middot <a href="{ReblogURL}" target="_blank"> Reblog </a> </div>
  421. {Video-250}</center>
  422. {/block:IndexPage}
  423. {block:PermalinkPage}
  424. <center>
  425. {Video-400}</center>
  426. {/block:PermalinkPage}
  427. {block:Video}
  428.  
  429.  
  430. {block:PostNotes}<div align="middle">{caption}</div>
  431. <center>
  432.  
  433. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  434.  
  435. {block:HasTags}
  436. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  437. {block:RebloggedFrom}
  438. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  439. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  440.  
  441. {/block:RebloggedFrom}
  442. </center></span>
  443. <br>
  444. <div id="postnotes">{PostNotes}</div><br>
  445.  
  446. <center>{block:ContentSource}
  447. <br><a href="{SourceURL}">
  448. {lang:Source}:
  449. {block:SourceLogo}
  450. <img src="{BlackLogoURL}" width="{LogoWidth}"
  451. height="{LogoHeight}" alt="{SourceTitle}" />
  452. {/block:SourceLogo}
  453. {block:NoSourceLogo}
  454. {SourceLink}
  455. {/block:NoSourceLogo}
  456. </a>
  457. {/block:ContentSource}</center>
  458.  
  459. {/block:PostNotes}
  460. </div>
  461. {/block:Posts}
  462. </div></div>
  463.  
  464. {block:IndexPage}
  465. {block:Pagination}
  466. <div id="pagination">
  467. {block:NextPage}
  468. <a id="nextPage" href="{NextPage}"></a>
  469. {/block:NextPage}
  470. {block:PreviousPage}
  471. <a href="{PreviousPage}"></a>
  472. {/block:PreviousPage}
  473. </div>
  474. {/block:Pagination}
  475. {/block:IndexPage}
  476. </body>
  477.  
  478. </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!