Guest User

THEME DANGAN RONPA

a guest
Apr 18th, 2014
50
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.40 KB | None | 0 0
  1. <html>
  2. <head>
  3.  
  4. <!----------------------------------------------------------------------
  5. THEME FEITO PELA BEA GATONA!
  6.  
  7. Não retire os créditos, não use como base e se pegar algum detalhe credite
  8.  
  9. DETALHES POR doucheywolf E theme-hunter
  10. ----------------------------------------------------------------------->
  11.  
  12. <meta name="color:asks background" content="#c91c2d" />
  13. <meta name="color:asks text" content="#ffffff" />
  14. <meta name="color:audio text" content="#a3a3a3" />
  15. <meta name="color:background" content="#ffffff" />
  16. <meta name="color:blockquote" content="#f7f7f7" />
  17. <meta name="color:chrome scrollbar" content="#c91c2d" />
  18. <meta name="color:entries" content="#ffffff" />
  19. <meta name="color:entries bar" content="#c91c2d" />
  20. <meta name="color:lines" content="#696969" />
  21. <meta name="color:sidebar links" content="#000000" />
  22. <meta name="color:links borda" content="#000000" />
  23. <meta name="color:sidebar links hover" content="#000000" />
  24. <meta name="color:links" content="#777777"/>
  25. <meta name="color:links hover" content="#c91c2d" />
  26. <meta name="color:navi hover background" content="#121212" />
  27. <meta name="color:navi hover text" content="#999999"/>
  28. <meta name="color:tags" content="#999999" />
  29. <meta name="color:text" content="#999999" />
  30. <meta name="color:title" content="#9e9e9e" />
  31. <meta name="color:description" content="#777777"/>
  32. <meta name="color:description bg" content="#777777"/>
  33.  
  34. <meta name="image:sidebar" content="" />
  35. <meta name="image:Background" content="" />
  36.  
  37. <meta name="if:Black Player" content="1">
  38. <meta name="if:Entries Bar" content="1" />
  39. <meta name="if:Infinite Scrolling" content="0" />
  40. <meta name="if:Lazy Load" content="0" />
  41. <meta name="if:Posts 400px" content="0" />
  42. <meta name="if:Show Caption" content="1"/>
  43. <meta name="if:Static Via and Source Portrait" content="1" />
  44.  
  45. <meta name="text:Font Size" content="10" />
  46. <meta name="text:Info Font Size" content="9" />
  47. <meta name="text:Main Font" content="Cambria" />
  48. <meta name="text:Navigation Link1" content="home" />
  49. <meta name="text:Navigation Link1 URL" content="/" />
  50. <meta name="text:Navigation Link2" content="message" />
  51. <meta name="text:Navigation Link2 URL" content="/ask" />
  52. <meta name="text:Pagination Margin Top" content="284" />
  53. <meta name="text:Sub Link1" content="" />
  54. <meta name="text:Sub Link1 URL" content="" />
  55. <meta name="text:Sub Link2" content="" />
  56. <meta name="text:Sub Link2 URL" content="" />
  57. <meta name="text:Sub Link3" content="" />
  58. <meta name="text:Sub Link3 URL" content="" />
  59. <meta name="text:Sub Link4" content="" />
  60. <meta name="text:Sub Link4 URL" content="" />
  61. <meta name="text:Sub Links Label" content="links" />
  62.  
  63. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary} </title>
  64. {block:Description}
  65. <meta name="description" content="{MetaDescription}" />
  66. {/block:Description}
  67. <link rel="shortcut icon" href="{Favicon}">
  68. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  69.  
  70. <link href='http://fonts.googleapis.com/css?family=Economica:700' rel='stylesheet' type='text/css'>
  71.  
  72. <link href='http://fonts.googleapis.com/css?family=Share:400,700' rel='stylesheet' type='text/css'>
  73.  
  74. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  75.  
  76. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  77.  
  78. {block:ifLazyLoad}
  79. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  80. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  81. <script type="text/javascript" charset="utf-8">
  82. var $j = jQuery.noConflict();
  83. $j(function() {
  84. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  85. $j("img").lazyload({
  86. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  87. effect: "fadeIn",
  88. });
  89. });
  90. </script>
  91. {/block:ifLazyLoad}
  92.  
  93. {block:ifInfiniteScrolling}
  94. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  95. {/block:ifInfiniteScrolling}
  96.  
  97. <style type="text/css">
  98.  
  99. ::-webkit-scrollbar-thumb:vertical {
  100. background-color:{color:chrome scrollbar};
  101. height:7px;
  102. border-bottom:2px solid {color:background};
  103. border-top:2px solid {color:background};
  104. }
  105. ::-webkit-scrollbar-thumb:horizontal {
  106. background-color:{color:chrome scrollbar};
  107. height:7px!important;
  108. }
  109. ::-webkit-scrollbar {
  110. background-color:{color:background};
  111. height:7px;
  112. width:9px;
  113. }
  114. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{
  115. display:block; height:12px;
  116. background-color:{color:chrome scrollbar};
  117. }
  118.  
  119.  
  120. iframe#tumblr_controls {
  121. right:3px !important;
  122. position: fixed !important;
  123. -webkit-transition: opacity 0.6s;
  124. opacity: 0.3;
  125. -webkit-transition:0.6s;
  126. -moz-transition:0.6s;
  127. transition:0.6s;
  128. }
  129.  
  130. iframe#tumblr_controls:hover {
  131. -webkit-transition: opacity 0.6s;
  132. opacity: 1;
  133. -webkit-transition: all 0.6s;
  134. -moz-transition: all 0.6s;
  135. transition: all 0.6s;
  136. }
  137.  
  138.  
  139. body {
  140. font-family:'{text:Main Font}', Calibri, Helvetica;
  141. font-size:{text:Font Size}px;
  142. color:{color:text};
  143. background-color:{color:background};
  144. background-image:url('{image:Background}');
  145. background-attachment:fixed; background-repeat:repeat;
  146. }
  147.  
  148. small {font-size:10px;}
  149. big {font-size:12px;}
  150.  
  151. img {max-width:100%;}
  152. a img {border:0;}
  153.  
  154. a, a:active, a:visited {
  155. transition:0.8s;
  156. -o-transition-transition:0.8s;
  157. -webkit-transition-duration:0.8s;
  158. -moz-transition-duration:0.8s;
  159. text-decoration:none;
  160. color:{color:links};
  161. }
  162.  
  163. a:hover {
  164. transition:0.8s;
  165. -o-transition-transition:0.8s;
  166. -webkit-transition-duration:0.8s;
  167. -moz-transition-duration:0.8s;
  168. text-decoration:none;
  169. color:{color:links hover};
  170. }
  171.  
  172. blockquote {
  173. margin:4px 0;
  174. padding:2px 7px;
  175. color:{color:text};
  176. background-color:{color:blockquote};
  177. }
  178. blockquote blockquote blockquote blockquote{
  179. padding:5px;
  180. margin:0px 5px;
  181. background-color:transparent;
  182. }
  183. blockquote img {
  184. {block:IfNotPosts400px}
  185. max-width:435px!important;
  186. {/block:IfNotPosts400px}
  187. {block:IfPosts400px}
  188. max-width:335px!important;
  189. {/block:IfPosts400px}
  190. }
  191. blockquote blockquote img {
  192. {block:IfNotPosts400px}
  193. max-width:415px!important;
  194. {/block:IfNotPosts400px}
  195. {block:IfPosts400px}
  196. max-width:315px!important;
  197. {/block:IfPosts400px}
  198. }
  199. blockquote blockquote blockquote img {
  200. {block:IfNotPosts400px}
  201. max-width:395px!important;
  202. {/block:IfNotPosts400px}
  203. {block:IfPosts400px}
  204. max-width:295px!important;
  205. {/block:IfPosts400px}
  206. }
  207. blockquote blockquote blockquote blockquote img {
  208. {block:IfNotPosts400px}
  209. max-width:375px!important;
  210. {/block:IfNotPosts400px}
  211. {block:IfPosts400px}
  212. max-width:275px!important;
  213. {/block:IfPosts400px}
  214. }
  215.  
  216. .image {
  217. border:0px;
  218. text-align:center;
  219. {block:IfNotPosts400px}max-width:500px;{/block:IfNotPosts400px}
  220. {block:IfPosts400px}max-width:400px;{/block:IfPosts400px}
  221. }
  222. .image a {
  223. border:0px;
  224. text-align:center;
  225. {block:IfNotPosts400px}max-width:500px;{/block:IfNotPosts400px}
  226. {block:IfPosts400px}max-width:400px;{/block:IfPosts400px}
  227. }
  228.  
  229.  
  230. #sidebar {
  231. width:230px;
  232. position:fixed;
  233. float:left;
  234. margin-left:-8px;
  235. background-color:transparent;
  236. }
  237.  
  238. #side {
  239. width:160px;
  240. height:auto;
  241. position:fixed;
  242. margin-top:70px;
  243. margin-left:69px;
  244. padding:2px;
  245. text-align:center;
  246. }
  247.  
  248.  
  249. #titleline {
  250. width:255px;
  251. height:1px;
  252. float:left;
  253. margin-top:-9px;
  254. margin-left:-100px;
  255. text-align:center;
  256. background-color:{color:lines};
  257. z-index:-1;
  258. }
  259.  
  260. #title {
  261. max-width:135px;
  262. float:right;
  263. margin-top:-20px;
  264. margin-right:15px;
  265. padding:1px 2px 1px 4px;
  266. display:inline;
  267. font-size:15px;
  268. font-family:'Economica';
  269. font-weight:lighter;
  270. text-transform:lowercase;
  271. letter-spacing:1px;
  272. text-align:right;
  273. background-color:{color:background};
  274. background-image:url('{image:Background}');
  275. background-attachment:fixed; background-repeat:repeat;
  276. z-index:3;
  277. }
  278. #title a {color:{color:title}; text-decoration:none;}
  279. #title a:visited {color:{color:title}; text-decoration:none;}
  280. #title a:hover {color:{color:text};}
  281.  
  282. #navline {
  283. float:left;
  284. position:fixed;
  285. width:1px;
  286. height:290px;
  287. margin-top:-10px;
  288. margin-left:50px;
  289. background-color:{color:lines};
  290. text-align:center;
  291. z-index:-1;
  292. }
  293.  
  294. #navbar {
  295. width:20px;
  296. height:auto;
  297. position:fixed;
  298. float:left;
  299. margin-top:78px;
  300. margin-left:0px;
  301. text-align:center;
  302. background-color:{color:background};
  303. background-image:url('{image:Background}');
  304. background-attachment:fixed; background-repeat:repeat;
  305. z-index:1;
  306. }
  307.  
  308. .nav {
  309. display:inline-block;
  310. width:150px;
  311. margin-top:263px;
  312. margin-left:68px;
  313. padding-top:3px;
  314. border-top:1px solid {color:links border};
  315. background:transparent;
  316. }
  317. .nav a {
  318. display:inline-block;
  319. padding:0px 2px;
  320. font-family:'cambria';
  321. font-size:14px;
  322. font-weight:bold;
  323. text-align:center;
  324. text-decoration:none;
  325. text-transform:lowercase;
  326. letter-spacing:0px;
  327. color:{color:sidebar links} !important;
  328. text-shadow:10px 0px transparent, -10px 0px transparent;
  329. }
  330. .nav a:hover {
  331. color:transparent;
  332. text-shadow:0px 0px {color:sidebar links hover}, -0px 0px {color:sidebar links hover};
  333. }
  334.  
  335. .sideimage {text-align:center;}
  336. .sideimage img {
  337. width:150px;
  338. height:220px;
  339. margin-top:11px;
  340. z-index:99;
  341. }
  342.  
  343. #description {
  344. position:absolute;
  345. margin-top:-57px;
  346. margin-left:5px;
  347. width:120px;
  348. height:63px;
  349. background:{color:description bg};
  350. color:{color:description};
  351. font-family:verdana;
  352. text-transform:lowercase;
  353. line-height:9px;
  354. font-size:9px;
  355. padding:15px;
  356. opacity:0.7;}
  357.  
  358. #description:hover {opacity:1.0; moz-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;-ms-transition: all 0.9s ease-in-out;transition: all 0.9s ease-in-out;}
  359.  
  360. #descrtri {
  361. position:absolute;
  362. width: 0;
  363. height: 0;
  364. margin-left:94px;
  365. margin-top:-92px;
  366. border-left:20px solid transparent;
  367. border-right:20px solid transparent;
  368. border-bottom:20px solid {color:description bg};}
  369.  
  370.  
  371. .pages {
  372. padding:0 2px;
  373. line-height:20px;
  374. font-family:trebuchet ms;
  375. font-size:10px;
  376. text-align:center;
  377. color:{color:text};
  378. background:transparent;
  379. }
  380. .pages a {
  381. padding:2px 4px;
  382. text-decoration:none;
  383. color:{color:text};
  384. }
  385. .pages a:hover {color:{color:text}; text-decoration:underline;}
  386.  
  387.  
  388. #entriesbl {
  389. width:11px;
  390. height:110%;
  391. position:fixed;
  392. margin-top:-20px;
  393. margin-left:299px;
  394. background-color:{color:entries bar};
  395. }
  396. #entriesll {
  397. width:1px;
  398. height:110%;
  399. position:fixed;
  400. margin-top:-20px;
  401. margin-left:313px;
  402. background-color:{color:lines};
  403. z-index:1;
  404. }
  405. #entrieslr {
  406. width:1px;
  407. height:110%;
  408. position:fixed;
  409. margin-top:-20px;
  410. {block:IfNotPosts400px}margin-left:872px;{/block:IfNotPosts400px}
  411. {block:IfPosts400px}margin-left:772px;{/block:IfPosts400px}
  412. background-color:{color:lines};
  413. z-index:1;
  414. }
  415.  
  416. #entries {
  417. {block:IfNotPosts400px}width:560px;{/block:IfNotPosts400px}
  418. {block:IfPosts400px}width:460px;{/block:IfPosts400px}
  419. position:absolute;
  420. margin-top:-10px;
  421. margin-left:313px;
  422. padding-top:22px;
  423. text-align:justify;
  424. background:{color:entries};
  425. }
  426.  
  427. .posts {
  428. {block:IfNotPosts400px}width:500px;{/block:IfNotPosts400px}
  429. {block:IfPosts400px}width:400px;{/block:IfPosts400px}
  430. margin-bottom:5px;
  431. padding-bottom:10px;
  432. margin-left:30px;
  433. text-align:justify;
  434. word-wrap:break-word;
  435. color:{color:text};
  436. background-color:{color:entries};
  437. }
  438. .posts a {color:{color:links}; text-decoration:none;}
  439. .posts a:visited {color:{color:links}; text-decoration:none;}
  440. .posts a:hover {color:{color:links hover}; text-decoration:none;}
  441. .posts img {display:block;}
  442.  
  443. .iline {
  444. {block:IfNotPosts400px}max-width:500px;{/block:IfNotPosts400px}
  445. {block:IfPosts400px}max-width:400px;{/block:IfPosts400px}
  446. height:1px;
  447. margin-top:14px;
  448. background:{color:lines};
  449. }
  450.  
  451.  
  452. .info {
  453. margin-top:-6px;
  454. font-family:'Share', cursive;
  455. font-size:{text:Info Font Size}px;
  456. text-transform:uppercase;
  457. text-align:center;
  458. letter-spacing:0px;
  459. color:{color:tags};
  460. }
  461. .info a {color: {color:tags}; text-decoration:none;}
  462. .info a:visited {color:{color:tags}; text-decoration:none;}
  463. .info a:hover{color:{color:links hover};}
  464.  
  465. .tags {
  466. margin-top:-1px;
  467. font-family:calibri;
  468. font-size:{text:Info Font Size}px;
  469. text-align:center;
  470. text-transform:uppercase;
  471. color:{color:tags};
  472. }
  473. .tags a {
  474. margin-right:5px;
  475. display:inline-block;
  476. font-family:'Share', cursive;
  477. font-size:{text:Info Font Size}px;
  478. color:{color:tags};
  479. }
  480. .tags a:visited {color:{color:tags};}
  481. .tags a:hover {color:{color:links hover};}
  482.  
  483. .via {
  484. width:30px;
  485. position:absolute;
  486. {block:IfNotPosts400px}
  487. margin-left:538px !important;
  488. {/block:IfNotPosts400px}
  489. {block:IfPosts400px}
  490. margin-left:438px !important;
  491. {/block:IfPosts400px}
  492. margin-top:0px;
  493. display:block;
  494. opacity:0;
  495. -webkit-transition:all 0.7s;
  496. -moz-transition:all 0.7s;
  497. -ms-transition:all 0.7s;
  498. -o-transition:all 0.7s;
  499. transition:all 0.7s;
  500. }
  501. .via img {
  502. margin-bottom:8px;
  503. padding:3px;
  504. border:1px solid {color:lines};
  505. background:transparent;
  506. }
  507. .posts:hover .via {
  508. opacity:1;
  509. -webkit-transition:all 0.7s;
  510. -moz-transition:all 0.7s;
  511. -ms-transition:all 0.7s;
  512. -o-transition:all 0.7s;
  513. transition:all 0.7s;
  514. }
  515.  
  516. .vias {
  517. width:30px;
  518. position:absolute;
  519. {block:IfNotPosts400px}
  520. margin-left:538px !important;
  521. {/block:IfNotPosts400px}
  522. {block:IfPosts400px}
  523. margin-left:438px !important;
  524. {/block:IfPosts400px}
  525. margin-top:0px;
  526. display:block;
  527. -webkit-transition:all 0.7s;
  528. -moz-transition:all 0.7s;
  529. -ms-transition:all 0.7s;
  530. -o-transition:all 0.7s;
  531. transition:all 0.7s;
  532. }
  533. .vias img {
  534. margin-bottom:8px;
  535. padding:3px;
  536. border:1px solid {color:lines};
  537. background:transparent;
  538. }
  539.  
  540.  
  541. h1 {
  542. font-family:'Economica';
  543. font-size:15px;
  544. font-weight:bold;
  545. text-transform:uppercase;
  546. letter-spacing:1px;
  547. line-height:15px;
  548. padding:0px;
  549. margin:0px;
  550. text-align:left;
  551. color:{color:links};
  552. }
  553. h1 a {text-decoration:none !important;}
  554.  
  555.  
  556. #quote {
  557. font-family:'Economica';
  558. font-size:15px;
  559. font-weight:bold;
  560. text-transform:none;
  561. padding-top:3px;
  562. line-height:110%;
  563. }
  564. #source {
  565. text-align:right;
  566. font-size:10px;
  567. margin-top:8px;
  568. }
  569.  
  570. .chat {line-height:12px; list-style:none }
  571. .chat ul {list-style:none; padding:0px; line-height:20px;}
  572. .person1 {background-color:{color:blockquote}; padding-left:6px; padding-right:6px;}
  573. .person1 .label {font-weight:bold; color:{color:bold};}
  574. .person2 {background-color:{color:entries}; padding-left:6px; padding-right:6px;}
  575. .person2 .label {font-weight:bold; color:{color:bold};}
  576. .person3 {background-color:{color:blockquote}; padding-left:6px; padding-right:6px;}
  577. .person3 .label {font-weight:bold; color:{color:bold};}
  578. .person4 {background-color:{color:entries}; padding-left:6px; padding-right:6px;}
  579. .person4 .label {font-weight:bold; color:{color:bold};}
  580. .person5 {background-color:{color:blockquote}; padding-left:6px; padding-right:6px;}
  581. .person5 .label {font-weight:bold; color:{color:bold};}
  582. .person6 {background-color:{color:entries}; padding-left:6px; padding-right:6px;}
  583. .person6 .label {font-weight:bold; color:{color:bold};}
  584.  
  585.  
  586. #audio {
  587. {block:IfNotPosts400px}width:500px;{/block:IfNotPosts400px}
  588. {block:IfPosts400px}width:400px;{/block:IfPosts400px}
  589. height:70px;
  590. margin-bottom:0px;
  591. }
  592.  
  593. .artcover {
  594. width:70px;
  595. height:70px;
  596. {block:IfNotPosts400px}margin-left:430px;{/block:IfNotPosts400px}
  597. {block:IfPosts400px}margin-left:330px;{/block:IfPosts400px}
  598. position:absolute;
  599. }
  600. .artcover img {
  601. width:70px;
  602. height:70px;
  603. float:left;
  604. }
  605.  
  606. .player {
  607. position:absolute;
  608. z-index:1;
  609. width:60px;
  610. height:60px;
  611. margin-top:5px;
  612. margin-left:5px;
  613. display:block;
  614. opacity:0.8;
  615. -webkit-transition:all 0.4s;
  616. -moz-transition:all 0.4s;
  617. -o-transition:all 0.4s;
  618. -ms-transition: all 0.4s;
  619. transition:all 0.5s;
  620. {block:IfNotBlackPlayer}background:#fff;{/block:IfNotBlackPlayer}
  621. {block:IfBlackPlayer}background:#000;{/block:IfBlackPlayer}
  622. }
  623. .player:hover {
  624. -webkit-transition:all 0.4s;
  625. -moz-transition:all 0.4s;
  626. -o-transition:all 0.4s;
  627. -ms-transition: all 0.4s;
  628. transition:all 0.4s;
  629. opacity:0.5;
  630. }
  631.  
  632. .audioplayer {
  633. width:24px;
  634. height:24px;
  635. margin-top:14px;
  636. margin-left:13px;
  637. overflow:hidden;
  638. padding:3px;
  639. }
  640.  
  641. .audioinfo {
  642. {block:IfNotPosts400px}width:420px;{/block:IfNotPosts400px}
  643. {block:IfPosts400px}width:320px;{/block:IfPosts400px}
  644. height:52px;
  645. padding-right:10px;
  646. display:block;
  647. padding-top:18px;
  648. font-size:11px;
  649. font-weight:bold;
  650. letter-spacing:1px;
  651. text-transform:uppercase;
  652. text-align:right;
  653. color:{color:audio text};
  654. {block:IfNotBlackPlayer}background:#fff;{/block:IfNotBlackPlayer}
  655. {block:IfBlackPlayer}background:#000;{/block:IfBlackPlayer}
  656. }
  657.  
  658. .asks {
  659. padding:6px;
  660. color:{color:asks text};
  661. background-color:{color:asks background};
  662. }
  663. .askers {
  664. font-size:12px;
  665. font-style:italic;
  666. font-weight:bold;
  667. text-transform:lowercase;
  668. letter-spacing:0px;
  669. color:{color:asks text} !important;
  670. text-decoration:none;
  671. }
  672. .askers a {color:{color:asks text} !important; text-decoration:none;}
  673.  
  674.  
  675. .cap {
  676. margin:0px;
  677. {block:IfNotPosts400px}width:500px;{/block:IfNotPosts400px}
  678. {block:IfPosts400px}width:400px;{/block:IfPosts400px}
  679. }
  680. .sources{display:none;}
  681.  
  682.  
  683. #notes {
  684. background:transparent;
  685. {block:IfNotPosts400px}width:500px;{/block:IfNotPosts400px}
  686. {block:IfPosts400px}width:400px;{/block:IfPosts400px}
  687. margin-top:10px;
  688. margin-bottom:15px;
  689. margin-left:30px;
  690. padding:2px 0px;
  691. font-size:10px;
  692. color:{color:text};
  693. }
  694. #notes a{color:{color:text}!important}
  695.  
  696. #notes img {width:16px; position:relative;}
  697. ol.notes li {
  698. list-style:none;
  699. margin-left:-40px;
  700. padding:4px;
  701. }
  702. ol.notes li img {
  703. list-style:none;
  704. margin-bottom:-5px;
  705. padding-right:4px;
  706. opacity:0.9;
  707. }
  708.  
  709. #clear{
  710. width:300px;
  711. height:12px;
  712. clear:both;
  713. background-color:transparent;
  714. }
  715.  
  716. div#qTip {
  717. display: none;
  718. text-align:left;
  719. position:absolute;
  720. letter-spacing:1px;
  721. text-transform:uppercase;
  722. font-weight:bold;
  723. z-index:99;
  724. font-family:cambria;
  725. font-size:8px;
  726. padding:1px 3px;
  727. line-height:13px;
  728. color:{color:navi hover text};
  729. background:{color:navi hover background};
  730. }
  731.  
  732. </style>
  733. <style type="text/css">{CustomCSS}</style>
  734. </head>
  735.  
  736. <body>
  737.  
  738. <div id="navline"></div>
  739. <div id="navbar">
  740.  
  741. <div class="nav">
  742. <a href="{text:Navigation Link1 URL}">{text:Navigation Link1}</a>
  743. <a href="{text:Navigation Link2 URL}">{text:Navigation Link2}</a>
  744.  
  745. <script type="text/javascript">
  746. jQuery(document).ready(function() {
  747. jQuery(".sub").hide();
  748. //toggle the componenet with class msg_body
  749. jQuery(".cthrough").click(function()
  750. {
  751. jQuery(this).next(".sub").slideToggle(500);
  752. });});
  753. </script>
  754.  
  755. <a href="#" class="cthrough">{text:Sub Links Label}</a>
  756. <div class="sub">
  757. <a href="{text:Sub Link1 URL}">{text:Sub Link1}</a>
  758. <a href="{text:Sub Link2 URL}">{text:Sub Link2}</a>
  759. <a href="{text:Sub Link3 URL}">{text:Sub Link3}</a>
  760. <a href="{text:Sub Link4 URL}">{text:Sub Link4}</a>
  761. </div>
  762.  
  763. </div></div>
  764.  
  765. </div>
  766. </div>
  767.  
  768.  
  769. <div id="sidebar">
  770. <div id="side">
  771.  
  772. <div id="titleline"></div>
  773. <div id="title"><a href="/" alt="{Title}">{Title}</a></div>
  774.  
  775. <div class="sideimage"><a href="/"><img src="{image:sidebar}" align="center"/></a></div>
  776.  
  777. <div id="description">
  778. {description}
  779. <div id="descrtri"></div>
  780. </div>
  781.  
  782. <div style="font-size:8px; margin-left: 7px; margin-top: -230px; position:fixed; font-family: tahoma;"><a href="http://i-ngenuidade.tumblr.com" title="dtls por doucheywolf e theme-hunter"> theme by brigadeirodopadeiro ©</a></a></div>
  783.  
  784. {block:IfNotInfiniteScrolling}
  785. {block:Pagination}<div class="pages">
  786. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>{/block:PreviousPage}
  787. {block:JumpPagination length="4"}{block:CurrentPage}
  788. <span class="current_page" style="padding-right:3px;padding-left:3px;">{PageNumber}</span>
  789. {/block:CurrentPage}
  790. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  791. {/block:JumpPagination}
  792. {block:NextPage}<a href="{NextPage}">&rarr;</a> {/block:NextPage}
  793. </div>{/block:Pagination}
  794. {/block:IfNotInfiniteScrolling}
  795.  
  796. </div></div>
  797.  
  798.  
  799. {block:IfEntriesBar}<div id="entriesbl"></div>{/block:IfEntriesBar}
  800. <div id="entriesll"></div><div id="entrieslr"></div>
  801. <div id="entries">
  802. {block:IfInfiniteScrolling}<div class="autopagerize_page_element">{/block:IfInfiniteScrolling}
  803. {block:Posts}
  804. <div class="posts">
  805.  
  806. {Block:IfNotStaticViaandSourcePortrait}
  807. {block:IndexPage}
  808. <div class="via">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"><img src="{ReblogParentPortraitURL-24}" class="imgreblog" width="18" height="18"></a><a href="{ReblogRootURL}" title="{ReblogRootName}"><img src="{ReblogRootPortraitURL-24}" class="imgreblog" width="18" height="18"></a>{/block:RebloggedFrom} </div>
  809. {/block:IndexPage}
  810.  
  811. {block:PermalinkPage}
  812. <div class="vias">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"><img src="{ReblogParentPortraitURL-24}" class="imgreblog" width="18" height="18"></a><a href="{ReblogRootURL}" title="{ReblogRootName}"><img src="{ReblogRootPortraitURL-24}" class="imgreblog" width="18" height="18"></a>{/block:RebloggedFrom} </div>
  813. {/block:PermalinkPage}
  814. {/Block:IfNotStaticViaandSourcePortrait}
  815.  
  816. {Block:IfStaticViaandSourcePortrait}
  817. <div class="vias">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"><img src="{ReblogParentPortraitURL-24}" class="imgreblog" width="18" height="18"></a><a href="{ReblogRootURL}" title="{ReblogRootName}"><img src="{ReblogRootPortraitURL-24}" class="imgreblog" width="18" height="18"></a>{/block:RebloggedFrom} </div>
  818. {/Block:IfStaticViaandSourcePortrait}
  819.  
  820.  
  821. {block:Text}
  822. {block:Title}<a href="{Permalink}" class="title"><h1>{Title}</h1></a>{/block:Title}
  823. {Body}
  824. {/block:Text}
  825.  
  826.  
  827. {block:Answer}
  828. <div class="asks"><span class="askers">{Asker} sent: </span> {Question}</div>
  829. <div class="cap">{Answer}</div>
  830. {/block:Answer}
  831.  
  832.  
  833. {block:Photo}
  834. {block:IfNotPosts400px}{LinkOpenTag}<div class="image"><img alt="{PhotoAlt}" src="{PhotoURL-500}" border="0"></div>{LinkCloseTag}{/block:IfNotPosts400px}
  835.  
  836. {block:IfPosts400px}{LinkOpenTag}<div class="image"><img alt="{PhotoAlt}" src="{PhotoURL-500}" width="400px" border="0"></div>{LinkCloseTag}{/block:IfPosts400px}
  837.  
  838. {block:IfShowCaption}<div class="cap">
  839. {block:Caption}{Caption}{/block:Caption}
  840. </div>{/block:IfShowCaption}
  841.  
  842. {block:IfNotShowCaption}{block:PermalinkPage}
  843. {block:Caption}{Caption}{/block:Caption}
  844. {/block:PermalinkPage}{/block:IfNotShowCaption}
  845. {/block:Photo}
  846.  
  847.  
  848. {block:Photoset}
  849. {block:IfNotPosts400px}<div class="image">{Photoset-500}</div>{/block:IfNotPosts400px}
  850.  
  851. {block:IfPosts400px}<div class="image">{Photoset-400}</div>{/block:IfPosts400px}
  852.  
  853. {block:IfShowCaption}<div class="cap">
  854. {block:Caption}{Caption}{/block:Caption}
  855. </div>{/block:IfShowCaption}
  856.  
  857. {block:IfNotShowCaption}{block:PermalinkPage}
  858. {block:Caption}{Caption}{/block:Caption}
  859. {/block:PermalinkPage}{/block:IfNotShowCaption}
  860. {/block:Photoset}
  861.  
  862.  
  863. {block:Quote}
  864. <div id="quote">"{Quote}"</div>
  865. {block:Source}<div id="source">— {Source}</div>{/block:Source}
  866. {/block:Quote}
  867.  
  868. {block:Link}
  869. <h1><a href="{URL}" {Target}>{Name} →</a></h1>{block:Description}{Description}{/block:Description}
  870. {/block:Link}
  871.  
  872.  
  873. {block:Chat}
  874. {block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
  875. <div class="chat"><ul>{block:Lines}
  876. <li class="person{UserNumber}">{block:Label}
  877. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  878. {/block:Chat}
  879.  
  880.  
  881. {block:Audio}
  882. <div id="audio">
  883. <div class="artcover"><img src="http://static.tumblr.com/liul60i/IcMmdl9id/nmusic2.png"></div>{block:AlbumArt}<div class="artcover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  884.  
  885. <div class="player">
  886. <div class="audioplayer">{block:IfNotBlackPlayer}{AudioPlayerWhite}{/block:IfNotBlackPlayer}{block:IfBlackPlayer}{AudioPlayerBlack}{/block:IfBlackPlayer}</div></div>
  887.  
  888. <div class="audioinfo">
  889. {block:TrackName}{TrackName}{/block:TrackName}
  890. <div style="font-size:8px; margin-top:5px;">
  891. {block:Artist}{Artist}{/block:Artist}{block:Album} - {Album}{/block:Album} ({FormattedPlayCount})
  892. </div></div></div>
  893.  
  894. {block:IfShowCaption}<div class="cap">
  895. {block:Caption}{Caption}{/block:Caption}
  896. </div>{/block:IfShowCaption}
  897.  
  898. {block:IfNotShowCaption}{block:PermalinkPage}
  899. {block:Caption}<br>{Caption}{/block:Caption}
  900. {/block:PermalinkPage}{/block:IfNotShowCaption}
  901. {/block:Audio}
  902.  
  903.  
  904. {block:Video}
  905. {block:IfNotPosts400px}{Video-500}{/block:IfNotPosts400px}
  906. {block:IfPosts400px}{Video-400}{/block:IfPosts400px}
  907. {block:IfShowCaption}<div class="cap">
  908. {block:Caption}{Caption}{/block:Caption}
  909. </div>{/block:IfShowCaption}
  910.  
  911. {block:IfNotShowCaption}{block:PermalinkPage}
  912. {block:Caption}{Caption}{/block:Caption}
  913. {block:PermalinkPage}{/block:IfNotShowCaption}
  914. {/block:Video}
  915.  
  916.  
  917. <div class="sources">
  918. {block:ContentSource}
  919. <a href="{SourceURL}">
  920. {lang:Source}:
  921. {block:SourceLogo}
  922. <img src="{BlackLogoURL}" width="{LogoWidth}"
  923. height="{LogoHeight}" alt="{SourceTitle}" />
  924. {/block:SourceLogo}
  925. {block:NoSourceLogo}
  926. {SourceTitle}
  927. {/block:NoSourceLogo}
  928. </a>
  929. {/block:ContentSource}
  930. </div>
  931.  
  932.  
  933. <div class="iline"></div>
  934.  
  935. <div class="info">
  936. {block:Date}<span style="background-color:{color:entries};padding-left:5px; padding-right:5px;">
  937. <a href="{Permalink}">{TimeAgo} on {ShortMonth} {DayOfMonthWithZero}</a>
  938. {/block:Date}{block:NoteCount} - <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:IndexPage} + <a href="{ReblogURL}" target="_blank">reblog</a>{/block:IndexPage}</span>
  939. </div>
  940.  
  941. <div class="tags">{block:HasTags}{block:Tags}# <a href="{TagUrl}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  942.  
  943. </div>
  944.  
  945. <div id="clear"></div>
  946.  
  947. {/block:Posts}
  948. {block:IfInfiniteScrolling}</div>{/block:IfInfiniteScrolling}
  949.  
  950. {block:PostNotes}
  951. <div id="notes">{PostNotes}</div>
  952. {/block:PostNotes}
  953.  
  954. </div>
  955. </div>
  956. </body>
  957. </html>
Add Comment
Please, Sign In to add comment