API tools faq
paste
s-uperar

theme 13 (new)

s-uperar
Aug 27th, 2012
1,693
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.60 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <html>
  5. <title>{Title}</title>
  6.  
  7. <!--
  8. ___________________________________________________________________________
  9.  
  10. THEME POR SIXTHELL BASE NOCTOS. NÃO COPIE OU DISPONIBILIZE.
  11. ___________________________________________________________________________
  12.  
  13. -->
  14.  
  15. <link rel="shortcut icon" href="{Favicon}">
  16. {block:Description}
  17. <meta name="description" content="{MetaDescription}" />
  18. {/block:Description}
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20.  
  21. <meta name="image:background" content="" />
  22. <meta name="image:side" content="http://static.tumblr.com/rmis9wj/MMrm9fu3c/22.png" />
  23.  
  24. <meta name="color:background" content="#fafafa" />
  25. <meta name="color:Text" content="#777" />
  26. <meta name="color:Textitle" content="#858585" />
  27. <meta name="color:links" content="#b4b4b4" />
  28. <meta name="color:sidebar border two" content ="#b4b4b4" />
  29. <meta name="color:side links TXT" content="#777" />
  30. <meta name="color:side links BG" content="#eee" />
  31. <meta name="color:side links BG hover" content="#000" />
  32. <meta name="color:side links TXT hover" content="#fff" />
  33. <meta name="color:post BG" content="#fff" />
  34.  
  35. <meta name="if:endless scroll" content="1" />
  36. <meta name="text:word" content="word" />
  37. <meta name="text:inform" content="name, age, country" />
  38.  
  39. <meta name="text:Link1" content="" />
  40. <meta name="text:Link1 Title" content="link" />
  41. <meta name="text:Link2" content="" />
  42. <meta name="text:Link2 Title" content="link" />
  43. <meta name="text:Link3" content="" />
  44. <meta name="text:Link3 Title" content="link" />
  45. <meta name="text:Link4" content="" />
  46. <meta name="text:Link4 Title" content="link" />
  47. <meta name="text:Link5" content="" />
  48. <meta name="text:Link5 Title" content="link" />
  49. <meta name="text:Link6" content="" />
  50. <meta name="text:Link6 Title" content="link" />
  51.  
  52. <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'>
  53.  
  54. <style type="text/css">
  55.  
  56. {CustomCSS}
  57.  
  58. ::-webkit-scrollbar-thumb:vertical {width:6px;background-color:{color:text};}
  59. ::-webkit-scrollbar {height:0px;width:6px;background-color:{color:post BG};}
  60. ::-webkit-scrollbar-button:vertical {height:10px;background-color:{color:text};}
  61.  
  62. ::selection {color:#fff;background:{color:text};}
  63. ::-moz-selection {color:#fff;background:{color:text};}
  64.  
  65. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.5;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  66.  
  67. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  68.  
  69. body {
  70. background-image: url('{image:background}');
  71. background-attachment:fixed;
  72. background-color:{color:background};
  73. font-family:calibri;
  74. font-size:11px;
  75. color:{color:text};
  76. }
  77.  
  78. a {text-decoration:none;color:{color:links};}
  79. li {list-style-type:square;}
  80. blockquote {padding-left:12px;margin-left:27px;border-left:3px solid {color:text};}
  81.  
  82. .audio {
  83. margin-top:-72px;
  84. opacity:0.6;
  85. margin-left:28px;
  86. position:absolute;
  87. width:45px;
  88. height:45px;
  89. background-color:#000;
  90. overflow:hidden;
  91. -webkit-transition: all 0.4s ease-in;
  92. -moz-transition: all 0.4s ease-in;
  93. -o-transition: all 0.4s ease-in;
  94. }
  95.  
  96. .audio:hover {opacity:1;}
  97.  
  98. .odd {
  99. padding:0px 0px 1px 7px;
  100. background-color:{color:post};
  101. color:{color:text};
  102. }
  103. .even {padding:0px 0px 0px 7px;}
  104.  
  105. #content {
  106. {block:indexpage}
  107. width:572px;
  108. {/block:indexpage}
  109. {block:permalinkpage}
  110. width:524px;
  111. {/block:permalinkpage}
  112. margin:auto;
  113. }
  114.  
  115. #posts {
  116. {block:indexpage}
  117. width:572px;
  118. {/block:indexpage}
  119. {block:permalinkpage}
  120. width:524px;
  121. {/block:permalinkpage}
  122. margin:auto;
  123. }
  124.  
  125. .post {
  126. {block:indexpage}
  127. width:250px;
  128. {/block:indexpage}
  129. {block:permalinkpage}
  130. width:500px;
  131. {/block:permalinkpage}
  132. float:left;
  133. padding:12px;
  134. background-color:{color:post BG};
  135. text-align:justify;
  136. margin:0px 4px 4px 0px;
  137. line-height: 95%;
  138. }
  139.  
  140. .posttit {
  141. font-size:14px;
  142. letter-spacing:1px;
  143. font-family: calibri;
  144. text-transform:uppercase;
  145. padding-left:12px;
  146. color:{color:text};
  147. border-left:12px solid {color:text};
  148. background-color:{color:post BG};
  149. }
  150.  
  151. .pbutton {
  152. margin:4px;
  153. position:absolute;
  154. opacity:0;
  155. letter-spacing:1px;
  156. padding:0px 3px 1px 3px;
  157. font-size:8px;
  158. font-family:calibri;
  159. text-transform:uppercase;
  160. background-color:{color:post BG};
  161. color:{color:text};
  162. border:2px solid {color:post BG};
  163. {block:permalinkpage}
  164. display:none;
  165. {/block:permalinkpage}
  166. -webkit-transition: all 0.4s ease-in;
  167. -moz-transition: all 0.4s ease-in;
  168. -o-transition: all 0.4s ease-in;
  169. }
  170.  
  171. .textperm {
  172. position:relative;
  173. float:right;
  174. text-transform:uppercase;
  175. font-size:8px;
  176. font-family:calibri;
  177. {block:permalinkpage}
  178. display:none;
  179. {/block:permalinkpage}
  180. }
  181.  
  182. .post:hover .pbutton {opacity:1;}
  183.  
  184. #sidebar {
  185. height:100px;
  186. position:fixed;top:8px;
  187. width:220px;
  188. text-align:center;
  189. margin-left:-232px;
  190. }
  191.  
  192. .img {
  193. width:220px;
  194. margin:auto;
  195. margin-bottom:7px;
  196. }
  197.  
  198. .asker{
  199. padding-bottom:5px;
  200. line-height:13px;
  201. font-size:10px;
  202. }
  203.  
  204. .text {
  205. position:absolute;
  206. z-index:2;
  207. width:160px;
  208. margin:30px;
  209. text-align:justify;
  210. text-transform:uppercase;
  211. font-family:calibri;
  212. font-size:10px;
  213. opacity:0;
  214. color:#fff;
  215. text-shadow:1px 1px 1px #777;
  216. height:100%;
  217. -webkit-transition: all 0.4s ease-in;
  218. -moz-transition: all 0.4s ease-in;
  219. -o-transition: all 0.4s ease-in;
  220. }
  221.  
  222. #id {
  223. margin-bottom:10px;
  224. color: transparent;
  225. background: transparent;
  226. }
  227.  
  228. #id:hover .text {opacity:1;}
  229.  
  230. .blogtit {
  231. font-family:calibri;
  232. font-size:10px;
  233. text-transform:uppercase;
  234. letter-spacing:1px;
  235. background-color:{color:blog title BG};
  236. color:{color:blog title TXT};
  237. padding:2px 6px 2px 6px;
  238. -webkit-transition: all 0.4s ease-in;
  239. -moz-transition: all 0.4s ease-in;
  240. -o-transition: all 0.4s ease-in;
  241. }
  242.  
  243. .blogtit:hover {padding:2px 16px 2px 16px;}
  244.  
  245. .linksbox {
  246. padding-top:6px;
  247. margin-top:-15px;
  248. width: 220px;
  249. border-top:3px solid {color:sidebar border two};
  250. }
  251.  
  252. .miama {position: absolute; width: 220px; margin-left: 0px; margin-top:0px; text-align: center;}
  253. .miama a {float: left; display: block; background-color: {color:side links BG}; color: {color:side links TXT}; font-size:10px; font-family: calibri; text-align: center; text-decoration: none; text-align: center; margin-bottom: 4px; margin-right: 4px; text-transform: uppercase; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; padding: 3px; letter-spacing: 1px;}
  254. .miama a:hover{text-align: center; background-color: {color:side links BG hover}; color: {color:side links TXT hover}; text-transform: uppercase; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  255.  
  256. .link {
  257. font-family:calibri;
  258. font-size:10px;
  259. text-transform:uppercase;
  260. letter-spacing:1px;
  261. padding:1px 4px 1px 4px;
  262. margin:0px auto 4px auto;
  263. text-transform:uppercase;
  264. background-color:{color:side links BG};
  265. padding-bottom:1px;
  266. color:{color:side links TXT};
  267. -webkit-transition: all 0.4s ease-in;
  268. -moz-transition: all 0.4s ease-in;
  269. -o-transition: all 0.4s ease-in;
  270. }
  271.  
  272. .head {
  273. margin-left: 0px;
  274. font-family: 'Lato', serif;
  275. line-height: 50px;
  276. font-weight: 300;
  277. font-size: 41px;
  278. text-align: left;
  279. text-transform: uppercase;
  280. color: {color:Textitle};
  281. text-shadow: 5px 5px 0px {color:background}, 3px 3px 3px {color:Textitle};
  282. -webkit-animation: moveleft 0.8s ease-in-out 0.8s backwards;
  283. -moz-animation: moveleft 0.8s ease-in-out 0.8s backwards;
  284. -o-animation: moveleft 0.8s ease-in-out 0.8s backwards;
  285. animation: moveleft 0.8s ease-in-out 0.8s backwards;
  286. }
  287.  
  288. .head a {
  289. color: #FFF;
  290. padding: 0px 5px;
  291. }
  292.  
  293.  
  294. .link:hover {
  295. background-color:{color:side links BG hover};
  296. color:{color:side links TXT hover};
  297. }
  298.  
  299. .infos {width:522px;float:right;}
  300. .infos img {height:0px;}
  301.  
  302. .pgna a {
  303. font-size:8px;
  304. font-family:calibri;
  305. padding:0px 3px 1px 3px;
  306. background-color:#777;
  307. color:#fff;
  308. margin-right:2px;
  309. }
  310.  
  311. #pagination {
  312. float:left;
  313. position:fixed;
  314. margin-left:572px;
  315. margin-top:130px;
  316. text-align:center;
  317. {block:ifendlessscroll}
  318. display:none;
  319. {/block:ifendlessscroll}
  320. }
  321.  
  322. </style>
  323.  
  324. {block:indexpage}
  325.  
  326. <script type="text/javascript" src="http://static.tumblr.com/nj7bgyh/zr9m0w1np/masonryq.js"></script>
  327.  
  328. <script type="text/javascript" src="http://static.tumblr.com/nj7bgyh/J0qm0vycn/querymasonry.js"></script>
  329.  
  330. {block:ifendlessscroll}
  331. <script src="http://static.tumblr.com/nj7bgyh/bynm0xy7g/endlessscrolljquery.js"></script>
  332. {/block:ifendlessscroll}
  333.  
  334. <script src="http://static.tumblr.com/nj7bgyh/rNom0vy8o/masonry.js"></script>
  335.  
  336. <script type="text/javascript">
  337. $(window).load(function () {
  338. $('#posts').masonry(),
  339. $('.masonryWrap').infinitescroll({
  340. navSelector : ".pgna a",
  341. // selector for the paged navigation (it will be hidden)
  342. nextSelector : ".pgna a",
  343. // selector for the NEXT link (to page 2)
  344. itemSelector : ".post",
  345. // selector for all items you'll retrieve
  346. bufferPx : 10000,
  347. extraScrollPx: 11000,
  348. loadingImg : "http://b.imagehost.org/0548/Untitled-2.png",
  349. loadingText : "<em></em>",
  350. },
  351. // call masonry as a callback.
  352. function() { $('#posts').masonry({ appendedContent: $(this) }); }
  353. );
  354. });
  355. </script>
  356.  
  357. {/block:indexpage}
  358.  
  359. </head>
  360. <body>
  361.  
  362.  
  363. <div style="margin-left:12px;">
  364.  
  365. <div id="content">
  366.  
  367. {block:indexpage}
  368. <div id="pagination"><div style="padding:0px 12px 0px 12px;border-bottom:1px solid {color:text};margin-bottom:3px;">{CurrentPage} out of {TotalPages}</div>
  369. <div class="pgna">
  370. {block:PreviousPage}
  371. <a href="{PreviousPage}">BACK</a>
  372. {/block:PreviousPage}
  373. {block:NextPage}
  374. <a {block:PreviousPage}style="margin-right:0px;"{/block:PreviousPage}href="{NextPage}">NEXT</a>
  375. {/block:NextPage}
  376. </div>
  377. </div>
  378. {/block:indexpage}
  379.  
  380. <div id="sidebar">
  381.  
  382. <div id="id">
  383. <div class="head">{text:word}
  384. <div class="text">{text:inform}</div>
  385. <img class="img" src="{image:side}">
  386. </div></div>
  387.  
  388. <div class="linksbox">
  389. <div class="miama">
  390. <a href="{text:Link1}">{text:Link1 Title}</a>
  391. <a href="{text:Link2}">{text:Link2 Title}</a>
  392. <a href="{text:Link3}">{text:Link3 Title}</a>
  393. <a href="{text:Link4}">{text:Link4 Title}</a>
  394. <a href="{text:Link5}">{text:Link5 Title}</a>
  395. <a href="{text:Link6}">{text:Link6 Title}</a>
  396. </div>
  397. </div>
  398.  
  399. </div>
  400.  
  401. <div id="posts">
  402.  
  403. {block:Posts}
  404.  
  405. {block:Text}
  406. <div class="post">
  407. {block:Title}<a href="{Permalink}"><div class="posttit">{Title}</div></a>{/block:Title}
  408. {body}
  409. <div class="textperm"><a href="{Permalink}">{TimeAgo}</a> · {block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a> · <a href="{ReblogURL}" target="_blank">reblog</a></div>
  410. </div>
  411. {/block:Text}
  412.  
  413. {block:Photo}
  414. <div class="post" style="padding-bottom:9px;">
  415. <div class="pbutton"><a href="{Permalink}">{TimeAgo}</a> · {block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a> · <a href="{ReblogURL}" target="_blank">reblog</a></div>
  416. {LinkOpenTag}
  417. <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  418. <img {block:indexpage}style="width:250px;"{/block:indexpage} src="{PhotoURL-500}">
  419. {LinkCloseTag}
  420. {block:indexpage}
  421. {block:ifshowcaptions}
  422. {Caption}
  423. {/block:ifshowcaptions}
  424. {/block:indexpage}
  425. {block:PermalinkPage}
  426. {Caption}
  427. {/block:PermalinkPage}
  428. </div>
  429. {/block:Photo}
  430.  
  431. {block:Chat}
  432. <div class="post">
  433. {block:Title}<a href="{Permalink}"><div class="posttit">{Title}</div></a>{/block:Title}
  434. {block:Lines}
  435. <div class="{Alt}">
  436. <li style="list-style-type:none;">
  437. {block:Label}<b>{Label}</b>{/block:Label} {Line}
  438. </li>
  439. </div>
  440. {/block:Lines}
  441. <div class="textperm"><a href="{Permalink}">{TimeAgo}</a> · {block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a> · <a href="{ReblogURL}" target="_blank">reblog</a></div>
  442. </div>
  443. {/block:Chat}
  444.  
  445. {block:Audio}
  446. <div class="post">
  447. {block:AlbumArt}<img style="width:100px;height:100px;" src="{AlbumArtURL}"><div class="audio"><div style="margin-top:10px;margin-left:10px;width:20px;overflow:hidden;">{/block:AlbumArt}{AudioPlayerBlack}{block:AlbumArt}</div></div>{/block:AlbumArt}<div style="float:right;width:{block:indexpage}14{/block:indexpage}{block:permalinkpage}39{/block:permalinkpage}0px;">
  448. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}
  449. {block:Album}<br><b>ALBUM:</b> {Album}{/block:Album}
  450. {block:TrackName}<br><b>TRACK:</b> {TrackName}{/block:TrackName}
  451. </p>
  452. - <i>{PlayCountWithLabel}</i>
  453. </div>
  454. {block:indexpage}
  455. {block:ifshowcaptions}
  456. {Caption}
  457. {/block:ifshowcaptions}
  458. {/block:indexpage}
  459. {block:PermalinkPage}
  460. {Caption}
  461. {/block:PermalinkPage}
  462. <div class="textperm"><a href="{Permalink}">{TimeAgo}</a> · {block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a> · <a href="{ReblogURL}" target="_blank">reblog</a></div>
  463. </div>
  464. {/block:Audio}
  465.  
  466. {block:Answer}
  467. <div class="post">
  468. <div class="asker">{Asker} asked: {Question}</div>
  469. <div style="border-top:1px solid {color:text};font-size:10px;">{Answer}<p></div>
  470. <div class="textperm"><a href="{Permalink}">{TimeAgo}</a> · {block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a> · <a href="{ReblogURL}" target="_blank">reblog</a></div>
  471. </div>
  472. {/block:Answer}
  473.  
  474. {block:Quote}
  475. <div class="post">
  476. <div style="font-size:14px;line-height:14px;">{Quote}</div>
  477. {block:Source}<div style="margin-top:5px;padding-top:3px;text-align:right;border-top:1px solid {color:text}; line-height:14px;"> {Source}{/block:Source}</div>
  478. <div class="textperm"><a href="{Permalink}">{TimeAgo}</a> · {block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a> · <a href="{ReblogURL}" target="_blank">reblog</a></div>
  479. </div>
  480. {/block:Quote}
  481.  
  482. {block:Link}
  483. <div class="post">
  484. <a href="{URL}" {Target}><div class="posttit">{Name}</div></a>
  485. {block:description}
  486. {description}
  487. {/block:description}
  488. <div class="textperm"><a href="{Permalink}">{TimeAgo}</a> · {block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a> · <a href="{ReblogURL}" target="_blank">reblog</a></div>
  489. </div>
  490. {/block:Link}
  491.  
  492. {block:Video}
  493. <div class="post">
  494. <div class="pbutton"><a href="{Permalink}">{TimeAgo}</a> · {block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a> · <a href="{ReblogURL}" target="_blank">reblog</a></div>
  495. {block:indexpage}{Video-250}{/block:indexpage}
  496. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  497. {block:indexpage}
  498. {block:ifshowcaptions}
  499. {Caption}
  500. {/block:ifshowcaptions}
  501. {/block:indexpage}
  502. {block:PermalinkPage}
  503. {Caption}
  504. {/block:PermalinkPage}
  505. </div>
  506. {/block:Video}
  507.  
  508. {block:Photoset}
  509. <div class="post">
  510. <div class="pbutton"<a href="{Permalink}">{TimeAgo}</a> · {block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a> · <a href="{ReblogURL}" target="_blank">reblog</a></div>
  511. {block:indexpage}{Photoset-250}{/block:indexpage}
  512. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  513. {block:indexpage}
  514. {block:ifshowcaptions}
  515. {Caption}
  516. {/block:ifshowcaptions}
  517. {/block:indexpage}
  518. {block:PermalinkPage}
  519. {Caption}
  520. {/block:PermalinkPage}
  521. </div>
  522. {/block:Photoset}
  523.  
  524. {block:PermalinkPage}
  525. {block:Date}
  526. <div class="infos">
  527. <div style="border-top:2px solid {color:post border};margin-bottom:15px;"></div>
  528. <div style="font-size:12px;">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} {Year}</div>
  529. {block:PostNotes}
  530. <br>{NoteCountWithLabel}
  531. {/block:PostNotes}
  532. {block:RebloggedFrom}
  533. <br>
  534. via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> <br>
  535. <i>source: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a></i>
  536. {/block:RebloggedFrom}
  537. {PostNotes}
  538. {/block:Date}
  539. {/block:PermalinkPage}
  540.  
  541. {/block:Posts}
  542.  
  543. </div>
  544.  
  545. </div>
  546.  
  547. </div>
  548.  
  549. <a style="position:fixed;right:5px;bottom:5px;font-family:calibri;font-size:8px;" href="http://sixthell.tumblr.com" title="sixthell theme">THEME</a>
  550.  
  551. </body>
  552. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!