API tools faq
paste
Juan_Melo

Theme 05 by: locomtor

Juan_Melo
Oct 20th, 2013
121
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.30 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.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!-- Theme by Juan | locomoto-r.tumblr.com
  6. DON'T REMOVE THE CREDIT -->
  7.  
  8. <head>
  9. <title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  13.  
  14.  
  15. <meta name="color:background" content="#ffffff">
  16. <meta name="color:text" content="#9a9a9a">
  17. <meta name="color:tags" content="#9a9a9a">
  18. <meta name="color:link" content="#aaaaaa">
  19. <meta name="color:chat" content="#f3f3f3">
  20. <meta name="color:sidebar" content="#ffffff" />
  21. <meta name="color:ask" content="#eeeeee">
  22. <meta name="color:hover" content="#454545">
  23.  
  24.  
  25. <meta name="text:Link title 1" content="link 1 title" />
  26. <meta name="text:Link 1" content="" />
  27. <meta name="text:Link title 2" content="link 2 title" />
  28. <meta name="text:Link 2" content="/" />
  29.  
  30.  
  31. <meta name="image:sidebar" content=""/>
  32.  
  33.  
  34. <style type="text/css" media="screen">
  35.  
  36.  
  37. a:link, a:active, a:visited{
  38. color: {color:link};
  39. text-decoration:none;
  40. -webkit-transition-duration: .90s;
  41. padding: 1px;}
  42. a:hover{
  43. color:{color:linkhovercolor};
  44. -webkit-transition-duration: .90s;}
  45.  
  46.  
  47.  
  48.  
  49. ::-webkit-scrollbar {width: 5px; height:5px; background:{color:background};}
  50. ::-webkit-scrollbar-corner {background:{color:scrollbar};}
  51. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar};}
  52. ::-webkit-scrollbar-thumb:horizontal {background:{color:scrollbar};}
  53.  
  54.  
  55.  
  56. body {
  57. color:#999999;
  58. text-transform:none;
  59. background-color:{color:background};
  60. font-family:trebuchet ms;
  61. font-size:8px;
  62. line-height:100%;
  63. font-style:none;
  64. font-weight:normal;
  65. }
  66.  
  67.  
  68.  
  69.  
  70. #qTip {
  71. font-family:trebuchet ms;
  72. display: none;
  73. text-align:left;
  74. position:absolute;
  75. letter-spacing:1px;
  76. text-transform:uppercase;
  77. font-weight:normal;
  78. z-index:99;
  79. font-size:7px;
  80. padding:1px 4px;
  81. line-height:13px;
  82. color:#828282;
  83. background:#ffffff;
  84. border: 1px solid #e8e8e8;
  85. border-radius:2px;
  86. }
  87.  
  88.  
  89. h1 {
  90. font-weight:normal;
  91. font-size:10px;
  92. text-align:center;
  93. font-style:normal;
  94. line-height:80%;
  95. letter-spacing:1px;
  96. text-transform:uppercase;
  97. color:{color:text};
  98. }
  99.  
  100. h2 {
  101. font-size:15px;
  102. text-align:center;
  103. line-height:100%;
  104. letter-spacing:-0.5px;
  105. color:{color:text};
  106. font-weight:normal;
  107. padding:5px;
  108. padding-bottom:2px;
  109. }
  110.  
  111. h3 {
  112. font-family:trebuchet ms;
  113. border-left:3px solid #999;
  114. padding:8px;
  115. background-color:#fafafa;
  116. font-size:10px;
  117. text-transform:none;
  118. font-weight:normal;
  119. }
  120.  
  121.  
  122. blockquote {
  123. font-family:trebuchet ms;
  124. border-left:2px solid #e6cec8;
  125. padding-left:5px;
  126. margin:5px;
  127. color:{color:text};
  128. }
  129.  
  130.  
  131. #theme {
  132. width:700px;
  133. margin: 0 auto -12px -12px;
  134. text-align: center;
  135. }
  136.  
  137.  
  138. #sidebar {
  139. position:fixed;
  140. width:100px;
  141. padding:25px;
  142. height:auto;
  143. margin-top:100px;
  144. margin-left:300px;
  145. text-align:left;
  146. color:;
  147. border-right:1px solid;
  148. border-left:1px solid;
  149. border-color:#f1f0f0;
  150. }
  151.  
  152.  
  153. #sidebar img {
  154. width:70px;
  155. height:auto;
  156. padding:0px;
  157. margin-top:0px;
  158. margin-left:15px;
  159. margin-bottom:15px;
  160. background-color:#ffffff;
  161. border:3px solid; border-color: #f1f1f1;
  162. }
  163.  
  164. #sidebar:hover .links {
  165. opacity:1;
  166. -moz-transition-duration:0.8s;
  167. -webkit-transition-duration:0.8s;
  168. -o-transition-duration:0.8s;}
  169.  
  170. .links { position:fixed;
  171. width:30px;
  172. z-index:-1px;
  173. font-family:'Trebuchet MS';
  174. text-transform:uppercase;
  175. padding:10px;
  176. font-size:7px;
  177. letter-spacing:1px;
  178. margin-left:85px;
  179. margin-top:-100px;
  180. font-style:none;
  181. position:fixed;
  182. text-align:center;
  183. opacity:0;
  184. -moz-transition-duration:0.8s;
  185. -webkit-transition-duration:0.8s;
  186. -o-transition-duration:0.8s
  187. }
  188.  
  189. .links a {
  190. color:#000;
  191. background-color:#fff;
  192. letter-spacing:1px;
  193. display:block;
  194. padding:6px;
  195. margin-bottom:6px;
  196. -moz-transition-duration:1s;
  197. -webkit-transition-duration:1s;
  198. -o-transition-duration:1s;
  199. }
  200.  
  201. .links a:hover {
  202. color:#FFF;
  203. background-color:{color:hover};
  204. z-index:-2;
  205. -moz-transition-duration:0.4s;
  206. -webkit-transition-duration:0.4s;
  207. -o-transition-duration:0.4s;
  208. }
  209.  
  210. #s-m-t-tooltip { max-width:300px; padding:2px; border: 1px solid #eee;
  211. margin:10px 0px 0px 10px; background-color:#fff; /* change the background color */ font-family:calibri; text-transform:uppercase;
  212. font-size:7.5px; /* change the font size */ letter-spacing:2px; /* change the letter spacing */ color:#000; /* change the text color */ z-index:999999999999999999999999999999999999 }
  213.  
  214. .desc {
  215. padding:30px;
  216. margin-left:-40px;
  217. margin-top:-10px;
  218. width:120px;
  219. text-align:justify;
  220. font-size:9px;
  221. font-family:cambria;
  222. font-style:italic;
  223. letter-spacing:0px;
  224. line-height:150%;
  225. color:{color:text};
  226. }
  227.  
  228. .desc a {
  229. color:{color:link};
  230. }
  231.  
  232. .desc:first-letter {
  233. font-family:cambria;
  234. font-size:14px;
  235. font-style:italic;
  236. text-transform:uppercase;
  237. padding:5px 13px 5px 13px;
  238. border:3px double;
  239. border-color:#ffffff;
  240. float:left;
  241. line-height:150%;
  242. margin-right:3px;
  243. margin-top:1px;
  244. color:#ffffff;
  245. background-color:{color:hover};
  246. }
  247.  
  248. .pagination {
  249. position:fixed;
  250. padding:10px;
  251. width:80px;
  252. text-align:center;
  253. margin-top:30px;
  254. border-top: 1px solid #e8e8e8;
  255. margin-left:1px;
  256. font-family:trebuchet ms;
  257. font-size:7px;
  258. letter-spacing:4px;
  259. text-transform:uppercase;
  260. font-style:normal;
  261. z-index:100;
  262. }
  263.  
  264. .pagination a {
  265. color:#999999;
  266. }
  267.  
  268. #container {
  269. float:left;
  270. margin-left:480px;
  271. margin-top:35px;
  272. text-align:justify;
  273. background-color:{color:background};
  274. color:{color:text};
  275. margin-bottom: 35px;
  276. }
  277.  
  278.  
  279. #post {
  280. width:500px;
  281. margin-top:15px;
  282. text-align:justify;
  283. padding:10px;
  284. margin-bottom:20px;
  285. font-size:9px;
  286. line-height:90%;
  287. letter-spacing:0px;
  288. color:{color:text};
  289. background-color:{color:post};
  290. }
  291.  
  292.  
  293. #post:hover .musicplayer{
  294. opacity:1;
  295. -webkit-transition: all 0.7s ease-in-out;
  296. -moz-transition: all 0.7s ease-in-out;
  297. -o-transition: all 0.7s ease-in-out;
  298. }
  299.  
  300.  
  301. .caption {
  302. width:500px;
  303. text-align:justify;
  304. line-height:120%;
  305. }
  306.  
  307. .question {
  308. padding:10px;
  309. text-align:justify;
  310. font-style:italic;
  311. background-color:{color:ask};
  312. }
  313.  
  314. .asker {
  315. font-size:8px;
  316. font-weight:bold;
  317. text-transform:uppercase;
  318. text-align:right;
  319. margin-right:10px;
  320. margin-top:-2px;
  321. font-family:calibri;
  322. }
  323.  
  324. .musicplayer{
  325. background-color:#fff;
  326. padding: 38px 38px 35px 35px;
  327. position:absolute;
  328. opacity:0;
  329. filter:alpha(opacity=70);
  330. width:27px;
  331. height:27px;
  332. overflow:hidden;
  333. position:absolute;
  334. z-index:2;
  335. -webkit-transition: all 0.7s ease-in-out;
  336. -moz-transition: all 0.7s ease-in-out;
  337. -o-transition: all 0.7s ease-in-out;
  338. }
  339.  
  340.  
  341. .audio{
  342. position:absolute;
  343. width:40px;
  344. height:40px;
  345. }
  346.  
  347. .audioimg{
  348. width:100px;
  349. height:100px;
  350. position:absolute;
  351. }
  352.  
  353. .audioimg img{
  354. float:left;
  355. opacity:1;
  356. width:100px;
  357. }
  358.  
  359. .audioinfo{
  360. font-size:13px;
  361. font-style:italic;
  362. font-family:'playfair display';
  363. color:#9a9a9a;
  364. margin-bottom: 1px;
  365. margin-left:101px;
  366. height:65px;
  367. display:block;
  368. width:399px;
  369. text-align:center;
  370. background-color:#fafafa;
  371. padding-top:35px;
  372. }
  373.  
  374. .note {
  375. text-transform:uppercase;
  376. font-style:normal;
  377. letter-spacing:0px;
  378. font-size: 9px;
  379. text-align:left;
  380. line-height:90%;
  381. margin-left:-40px;
  382. }
  383.  
  384. .note li {
  385. list-style-type:none;
  386. font-size:7px;
  387. border-bottom:1px solid {color:border};
  388. padding:10px 25px 10px 25px;
  389. text-align:left;
  390. margin:0px;
  391. -moz-transition-duration:0.5s;
  392. -webkit-transition-duration:0.5s;
  393. -o-transition-duration:0.5s;
  394.  
  395. }
  396.  
  397.  
  398.  
  399. .tagS {
  400. font-style:normal;
  401. width:500px;
  402. color:{color:tags};
  403. text-transform:uppercase;
  404. font-style:normal;
  405. letter-spacing:1px;
  406. font-size:7px;
  407. line-height:100%;
  408. text-align:right;
  409. padding:1px;
  410. -moz-transition-duration:0.5s;
  411. -webkit-transition-duration:0.5s;
  412. -o-transition-duration:0.5s;
  413. }
  414.  
  415. .tagS a{
  416. display:inline;
  417. background-color:{color:tags};
  418. padding:-3px;
  419. text-align:left;}
  420.  
  421. .tagS a:hover {
  422. color:#000;
  423. }
  424.  
  425.  
  426.  
  427. .bottomline {
  428. margin-top:10px;
  429. padding:5px;
  430. border-top:1px solid #f1f1f1;
  431. }
  432.  
  433. .doubleline {
  434. padding-top:5px;
  435. border-bottom:3px double #f1f1f1;
  436. }
  437.  
  438. .date {
  439. text-transform:none;
  440. font-family:trebuchet ms;
  441. font-size:10px;
  442. color:#fff;
  443. padding:5px 10px 5px 10px;
  444. background:{color:hover}; }
  445.  
  446. .box, .box a {
  447. font-family:trebuchet ms;
  448. text-transform:uppercase;
  449. font-size:7px;
  450. margin-top:9px;
  451. margin-bottom:-3px;}
  452.  
  453. .chat {
  454. font-size:8px;
  455. line-height:12px;
  456. text-transform:uppercase;
  457. list-style:none
  458. font-family:calibri;
  459. }
  460. .chat ul {
  461. line-height:15px;
  462. list-style:none;
  463. padding:0px;
  464. line-height:20px;
  465. }
  466. .person1 {
  467. background-color:{color:chat};
  468. padding-left:6px;
  469. padding-right:6px;
  470. font-family:calibri;
  471. }
  472. .person1 .label {
  473. font-weight:bold;
  474. font-family:calibri;
  475. }
  476. .person2 {
  477. background-color:{color:entries};
  478. padding-left:6px;
  479. padding-right:6px;
  480. font-family:calibri;}
  481. .person2 .label {
  482. font-weight:bold;
  483. font-family:calibri;
  484. }
  485. .person3 {
  486. background-color:{color:chat};
  487. padding-left:6px;
  488. padding-right:6px;
  489. font-family:calibri; }
  490. .person3 .label {
  491. font-weight:bold;
  492. font-family:calibri;
  493. }
  494. .person4 {
  495. background-color:{color:entries};
  496. padding-left:6px;
  497. padding-right:6px;
  498. font-family:calibri;
  499. }
  500. .person4 .label {
  501. font-weight:bold;
  502. font-family:calibri;
  503. }
  504. .person5 {
  505. background-color:{color:chat};
  506. padding-left:6px;
  507. padding-right:6px;
  508. font-family:calibri;
  509. }
  510. .person5 .label {
  511. font-weight:bold;
  512. font-family:calibri;
  513. }
  514. .person6 {
  515. background-color:{color:entries};
  516. padding-left:6px;
  517. padding-right:6px;
  518. }
  519. .person6 .label {
  520. font-weight:bold;
  521. }
  522.  
  523. #credit{position:fixed; bottom:10px; right:10px; font-size:9px; font-family:calibri;color:{color:text}; text-transform:uppercase;letter-spacing: 0px; font-style:normal;}
  524.  
  525. #cred a {
  526. padding:3px;
  527. -moz-transition-duration:0.5s;
  528. -webkit-transition-duration:0.5s;
  529. -o-transition-duration:0.5s;
  530. color:{color:text};
  531. }
  532. {CustomCSS}
  533. </style>
  534.  
  535. </head>
  536. <body>
  537.  
  538. <div id="sidebar">
  539. <div id="sidebarimg"><a href="/"><img src="{image:sidebar}"></a></div>
  540. <div class="links">
  541. <a title="ask" href="/ask">01.</a>
  542. <a title="{text:Link title 1}"href="{text:Link 1}">02.</a>
  543. <a title="{text:Link title 2}"href="{text:Link 2}">03.</a>
  544.  
  545. </div>
  546. <div class="desc">
  547. {Description}
  548. </div>
  549.  
  550.  
  551. <div class="pagination">
  552. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">←</a>
  553. {/block:PreviousPage}{block:JumpPagination length="4"}
  554. {block:CurrentPage}<span class="current_page" style="color:#aaaaaa;">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  555. {/block:JumpPagination}{block:NextPage}<a href="{NextPage}">→</a>
  556. {/block:NextPage}</div>{/block:Pagination}</div></div>
  557.  
  558. <div id="container">
  559. {block:Posts}
  560.  
  561. <div id="post">
  562. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  563.  
  564. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  565.  
  566. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  567. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  568.  
  569. {block:ContentSource}
  570. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  571. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  572. {/block:SourceLogo}
  573. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  574. {/block:ContentSource}
  575.  
  576. {block:Photo}
  577. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}<br>{block:Caption}<h3>{Caption}</h3>{/block:Caption}
  578. {/block:Photo}
  579.  
  580. {block:Photoset}
  581. {Photoset-500}{block:Caption}<h3>{Caption}</h3>{/block:Caption}
  582. {/block:Photoset}
  583.  
  584.  
  585.  
  586. {block:Chat}
  587. {block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
  588. <div class="chat"><ul>{block:Lines}
  589. <li class="person{UserNumber}">{block:Label}
  590. <span class="label"><u>{Label}</u></span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  591. {/block:Chat}
  592.  
  593.  
  594. {block:Video}{Video-500}{block:Caption}<h3>{Caption}</h3>{/block:Caption}{/block:Video}
  595.  
  596. {block:Answer}<div class="question">{Question}</div><div class="asker"><span style="font-size:20px;color:{color:ask};">◥</span> {Asker}</div>{Answer}{/block:Answer}
  597.  
  598. {block:Audio}
  599. <div class="audio"><div class="musicplayer">{AudioPlayer}</div>
  600. <div class="audioimg"><img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg"></div>{block:AlbumArt}<div class="audioimg"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}</div>
  601. <div class="audioinfo">{block:TrackName}{TrackName}{/block:TrackName}<br>
  602. <div style="font-size:8px;font-family:calibri;letter-spacing:1px;margin-top:5px;text-transform:uppercase;font-style:normal;">{block:Artist}{Artist}{/block:Artist}{block:Album} - {Album}{/block:Album}</div></div>
  603. {block:Caption}<div class="postbody">{Caption}</div>{/block:Caption}{/block:Audio}
  604.  
  605. <div class="doubleline"> </div>{block:Date}
  606. <div class="box"><span class="date"><a href="{Permalink}">{TimeAgo}</a></span> &nbsp;&nbsp;<a href="{ReblogURL}" target="_blank"> reblog</a> &emsp; at {24Hour}:{Minutes} &nbsp;&nbsp; {block:NoteCount}<a href="{Permalink}"><font color="fc0707">&hearts;</font></span> {NoteCount} NOTES</a> {/block:NoteCount}{block:RebloggedFrom}&nbsp; &nbsp;via <a href="{ReblogParentURL}">{ReblogParentName}</a> &nbsp; © <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}</div>
  607. {/block:Date}
  608.  
  609. <div class="bottomline"></div><div class="tagS">{block:HasTags}<span style="text-transform:uppercase;font-size:7px;color:{color:text}">tagged as:</span> {block:Tags} <a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</div></div>
  610.  
  611. {/block:Posts}
  612.  
  613. <div class="note">
  614. {block:PostNotes}{PostNotes}{/block:PostNotes}
  615. </div>
  616. </div>
  617. {/block:Posts}
  618.  
  619. <div id="credit"><a href="http://locomtor.tumblr.com/">©credit</a></div>
  620.  
  621.  
  622.  
  623. </body>
  624.  
  625.  
  626.  
  627. </div>
  628. </div>
  629. </div>
  630. </div>
  631. </body>
  632. </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!