Advertisement
Guest User

Untitled

a guest
Apr 23rd, 2017
59
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.30 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html>
  4.  
  5. <!----
  6.  
  7.  
  8. by suaurl
  9. enjoy <3
  10. and please, don't copy
  11.  
  12.  
  13. ---->
  14.  
  15.  
  16. <title>{Title}</title>
  17. <Link rel="shortcut icon" href="{Favicon}" />
  18. <Link rel="alternate" type="application/rss+xml" href="{RSS}" />
  19.  
  20.  
  21. <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  22.  
  23. <link href="https://fonts.googleapis.com/css?family=Abel|Arimo|Arvo|Asar|Bitter|Bree+Serif|Cabin|Dosis|Droid+Sans|Droid+Serif|Fira+Sans|Fjalla+One|Inconsolata|Josefin+Sans|Lato|Lobster|Lora|Merriweather|Montserrat|Muli|Noto+Sans|Noto+Serif|Nunito|Open+Sans|Open+Sans+Condensed:300|Oswald|Oxygen|PT+Sans|PT+Serif|Playfair+Display|Poppins|Quicksand|Raleway|Roboto|Roboto+Condensed|Roboto+Mono|Roboto+Slab|Slabo+27px|Source+Sans+Pro|Titillium+Web|Ubuntu" rel="stylesheet">
  24.  
  25. <!-- Scroll to top -->
  26. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  27. <script type="text/javascript" src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  28. <a href="javascript:;" id="scrollToTop" rel="nofollow"><span class="lnr lnr-chevron-up"></span></a>
  29. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  30.  
  31.  
  32. <style type="Text/css">
  33.  
  34.  
  35. body {
  36. Background-color: #fff;
  37. Text-transform:none;
  38. font-family:'PT Sans';
  39. font-size:13px;
  40. color:#4F4F4F;}
  41.  
  42.  
  43. a {color: #4F4F4F;
  44. text-decoration:none;}
  45. a:hover {color:#9C9C9C;
  46. transition:all 1s ease;
  47. }
  48.  
  49.  
  50. blockquote {
  51. padding-left:10px;
  52. border-left:1px solid #b5b5b5;
  53. margin:10px;}
  54.  
  55. blockquote img {max-width:250px!important;
  56. height:auto;}
  57.  
  58.  
  59. #tumblr_lightbox img {
  60. box-shadow:none!important;
  61. border-radius:0!important; }
  62.  
  63. #tumblr_lightbox {
  64. background-color:transparent!important; }
  65.  
  66. #tumblr_lightbox div:nth-child(2) {
  67. background-color:#fff;
  68. opacity:0.8; }
  69.  
  70. #tumblr_lightbox_left_link, #tumblr_lightbox_right_link {
  71. visibility: hidden; }
  72.  
  73.  
  74. ::-webkit-scrollbar-thumb {Background-color: #212121;
  75. height:auto;
  76. border:0px solid#fff;}
  77. ::-webkit-scrollbar {height:5px;
  78. width:3px;
  79. Background-color: #212121;
  80. border:3px solid #fff;}
  81.  
  82.  
  83.  
  84. ::selection {Background-color:#999;}
  85. ::-moz-selection {Background-color:#999;}
  86. ::selection {Background-color:#999;
  87. color:#c6c6c6;}
  88.  
  89.  
  90. #entries {float: left;
  91. {block:IndexPage}width:500px{/block:IndexPage};
  92. margin-top: 0px;
  93. margin-left:500px;
  94. margin-bottom:35px;}
  95.  
  96.  
  97. #entry {{block:IndexPage}width:400px{/block:IndexPage};
  98. padding:15px;
  99. background:#fff;
  100. Text-align: justify;
  101. position: relative;
  102. margin:50px;}
  103.  
  104.  
  105. #h1 {padding:15px;
  106. Text-align:left;
  107. letter-spacing:1px;
  108. line-height:100%;
  109. color:#4F4F4F;
  110. text-transform:none;
  111. font-weight:300;
  112. font-size:13px;}
  113.  
  114. #h1 a {text-transform:none;
  115. font-weight:300;
  116. font-size:13px;}
  117.  
  118. /*** quotes dos posts ***/
  119.  
  120. .quote {Text-align:justify;
  121. font-size: 13px;
  122. line-height: 21px;
  123. color:#4F4F4F;
  124. padding:5px 5px 5px 5px;
  125. }
  126. .quotesource {
  127. font-size:13px;
  128. height:auto;
  129. margin-top:0px;
  130. Text-align:left;
  131. display:block;
  132. padding:5px 5px 5px 5px;}
  133. .quotesource a {color:#fbfbfb;}
  134.  
  135. /*** chat ***/
  136.  
  137. .chat {background: #fff;
  138. font-size: 9px;
  139. margin-top:10px;}
  140. .chat .lines {padding: 2px 2px 2px 10px;
  141. margin-bottom: 4px;
  142. border-left:1px solid#f5f5f5;}
  143. .chat .lines span {font-weight:none;}
  144.  
  145.  
  146. #postinfo {color:#b5b5b5;
  147. text-align:left;
  148. width:390px;
  149. margin-left:0px;
  150. background:#fff;
  151. position:absolute;
  152. padding:5px 10px 0px 0px;
  153. margin-top:0px;
  154. margin-bottom:15px;
  155. Text-transform:none;
  156. font-size: 13px;}
  157.  
  158. #postinfo a {
  159. Text-transform:uppercase;
  160. font-size: 10px;
  161. padding:0px 0px 1px 0px;
  162. margin-left:2px;}
  163.  
  164.  
  165. #info {z-index:999999999999999999999999999999999999999;}
  166. #info a {margin-right:5px;}
  167.  
  168.  
  169. #tags {margin-top:7px;
  170. display:inline;
  171. font-size:10px;
  172. line-height: 16px;
  173. position:absolute;
  174. color:#b5b5b5;
  175. transition:all 1s ease;}
  176.  
  177. #tags a {opacity:0;
  178. display:inline;
  179. line-height: 16px;
  180. color:#b5b5b5;
  181. {block:Permalink}opacity:1;{/block:Permalink}}
  182.  
  183. #entry:hover #tags a {opacity:1;
  184. transition:all 1s ease;}
  185.  
  186. /*** caixa de note ***/
  187.  
  188. ol.notes {list-style: none;
  189. width:410px;
  190. overflow: scroll;
  191. height:400px;
  192. margin-left:70px;
  193. margin-top:150px;
  194. background:#fff;
  195. margin-bottom:100px;}
  196. ol.notes a {color:#c6c6c6;
  197. font-size:9px;
  198. text-transform:lowercase;}
  199. ol.notes li.note {margin-bottom: 2px;
  200. padding: 7px;
  201. font-size:9px;
  202. text-transform:lowercase;
  203. line-height: 20px;}
  204. ol.notes li.note img.avatar {vertical-align: -5px;
  205. margin-right: 10px;
  206. width:18px;
  207. height: 18px; }
  208. ol.notes li.note .answer_content {font-weight: normal;}
  209. ol.notes li.note block{display: none;}
  210.  
  211. /*** sua caixa de ask ***/
  212.  
  213. #asker {color:#c6c6c6;
  214. Text-transform:lowercase;
  215. font-size:9px;
  216. margin-left:30px;
  217. margin-top:-27px;
  218. padding:0px 0px 1px 0px;}
  219.  
  220. #asker a {color:#c6c6c6;
  221. Text-transform:lowercase;
  222. font-size:9px;
  223. border-bottom:1px solid#c6c6c6;}
  224.  
  225. .ask {Text-align: justify;
  226. color:#c6c6c6;
  227. padding:0px;
  228. Text-transform:uppercase;
  229. font-size:9px;
  230. margin-top:1px;
  231. line-height:17px;
  232. vertical-align: -5px;}
  233. .ask a {color: color:#c6c6c6;}
  234.  
  235. .question {Text-align: justify;
  236. color:#c6c6c6;
  237. padding:0px;
  238. Text-transform:lowercase;
  239. font-size:9px;
  240. margin-top:15px;
  241. line-height:17px;
  242. vertical-align: -5px;}
  243. .question a {color: color:#c6c6c6;}
  244.  
  245. .answer {margin-top:-5px;
  246. color:#c6c6c6;
  247. Text-align:left;
  248. Text-align: justify;
  249. Text-transform:lowercase;
  250. font-size:9px;
  251. padding:0px;}
  252.  
  253. /*** sua caixa de audios ***/
  254.  
  255. .bar {margin-top:0px;
  256. padding:16px;
  257. height:6px;
  258. margin-left:0px;
  259. color:#c6c6c6;
  260. Text-align:left;
  261. Background:#fff;
  262. z-index:999999999999999999999999;
  263. letter-spacing:1px;
  264. Text-transform:uppercase;
  265. font-size: 9px; }
  266.  
  267. .audioinfo {margin-top:-2px;
  268. padding:10px;
  269. margin-left:0px;
  270. color:#c6c6c6;
  271. Text-align:left;
  272. Background:;
  273. z-index:999999999999999999999999;
  274. Text-transform:lowercase;
  275. font-family:calibri;
  276. font-size: 10px;
  277. letter-spacing:1px;}
  278.  
  279. #albumart {margin-left:0px;
  280. float:left;
  281. margin-top:-17px;}
  282.  
  283. #albumart img{margin-left:-15px;
  284. transition:all 1s ease;
  285. padding:15px;
  286. width:50px;
  287. border-radius:20px;}
  288.  
  289. #audioplayer {width:28px;
  290. height:31px;
  291. opacity:0.7;
  292. z-index:999999999999999999999999999999;
  293. overflow:hidden;
  294. position:absolute;
  295. margin-left:11px;
  296. margin-top:10px;
  297. transition:all 1s ease;}
  298.  
  299. #audioplayer:hover {opacity:1;
  300. transition:all 1s ease;}
  301.  
  302. /*** sua sidebar ***/
  303.  
  304. #sidebar {margin-left:150px;
  305. width:300px;
  306. text-align:center;
  307. padding:10px;
  308. margin-top:200px;
  309. position:fixed;
  310. line-height: 17px;
  311. border:1px solid #E8E8E8;
  312. }
  313.  
  314. #sidebar img {width:300px;}
  315.  
  316.  
  317. /*** menu da sua sidebar ***/
  318.  
  319.  
  320. #links {margin-top:-9px;
  321. margin-bottom:-13px;
  322. padding:0px 0px 10px 7px;
  323. text-align:center;
  324. font-size:9px;
  325.  
  326. text-transform:uppercase;
  327. }
  328.  
  329. #links:hover {color:#4F4F4F;}
  330.  
  331.  
  332.  
  333. /*** descrição da sua sidebar ***/
  334.  
  335. #desc {margin-top:-5px;
  336. padding:10px;
  337. line-height:17px;
  338. text-align:justify;
  339. color:#c6c6c6;}
  340.  
  341.  
  342. #title {
  343. margin-top:0px;
  344. font-size:13px;
  345. color:#4F4F4F;
  346. text-align:left;
  347. text-transform:none;
  348. margin-left:10px;
  349. letter-spacing:1px;}
  350.  
  351. #title a {color:#4F4F4F;}
  352.  
  353. /** Scroll to Top **/
  354. #scrollToTop:link,
  355. #scrollToTop:visited {
  356. display: none;
  357. left:40px;
  358. bottom:40px;
  359. position: fixed;
  360. font-size:15px;
  361. }
  362.  
  363. </style>
  364.  
  365. </head>
  366. <body>
  367.  
  368. <div id="sidebar">
  369.  
  370. <img src="http://i.imgur.com/ioG2kQN.jpg">
  371.  
  372.  
  373. <div id="title">
  374. <a href="/">{title}</a>
  375. </div>
  376.  
  377. <div id="desc">{Description}</div>
  378.  
  379. <div id="links">
  380. <a href="/">home</a>
  381. <a href="/">message</a>
  382. <a href="/">navigation</a>
  383. </div>
  384.  
  385. </div>
  386.  
  387.  
  388. <div id="entries">
  389.  
  390.  
  391. {block:Posts}
  392. <div id="entry">
  393.  
  394. {block:Text}{block:IndexPage}
  395. {block:Title}<div id="h1">{Title}</div>{/block:Title}{Body}{/block:IndexPage}
  396. {/block:Text}
  397.  
  398. {block:Photo}{block:IndexPage}
  399. <img src="{PhotoURL-400}"> {/block:IndexPage}
  400. {/block:Photo}
  401.  
  402. {block:Photoset}{block:IndexPage}
  403. {Photoset}{/block:IndexPage}
  404. {/block:Photoset}
  405.  
  406. {block:Quote}{block:IndexPage}
  407. <div class="quote">“{Quote}”</div>
  408. <div class="quotesource">{Source}</div>{/block:IndexPage}
  409. {/block:Quote}
  410.  
  411. {block:Link}{block:IndexPage}
  412. <a href="{URL}" {Target}><div id="h1">{Name}</div></a>
  413. {block:Description}{Description}{/block:Description}{/block:IndexPage}
  414. {/block:Link}
  415.  
  416. {block:Chat}{block:IndexPage}
  417. {block:Title}<div id="h1"><a href="{PermaLink}">{Title}</a></div>{/block:Title}
  418. <div class="chat"><ul>{block:Lines}
  419. <li class="person{UserNumber}">{block:Label}
  420. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{/block:IndexPage}
  421. {/block:Chat}
  422.  
  423. {block:Audio}{block:IndexPage}
  424. <div id="audioplayer">{AudioPlayerWhite}</div>
  425. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  426. <div class="audioinfo">
  427. {block:TrackName}
  428. {TrackName}<br>{/block:TrackName}
  429. {block:Artist}{Artist}<br>{/block:Artist}
  430. {/block:ExternalAudio}</div>{/block:IndexPage}
  431. {/block:Audio}
  432.  
  433. {block:Video}{block:IndexPage}
  434. {Video-400}{/block:IndexPage}
  435. {/block:Video}
  436.  
  437.  
  438. {block:Answer}
  439. <div class="ask">
  440. <img src="{AskerPortraitURL-48}" style="width:20px;">
  441. <div id="asker">{Asker}</div></div>
  442. <div class="question">{Question}</div>
  443. <div class="answer">{Answer}</div>
  444. {/block:Answer}
  445.  
  446. <div style="display:none">{block:RebloggedFrom}<a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}" target="_blank">source</a>){/block:ContentSource}</div>
  447.  
  448. <div id="postinfo">
  449.  
  450. <div id="info">
  451. <a href="{PermaLink}">{month} {dayofmonth}{dayofmonthsuffix}</a>/
  452. {block:NoteCount} <a href="{PermaLink}">{NoteCount}</a>{/block:NoteCount} / <a href="{ReblogURL}" target="_blank">reblog</a>
  453. </div>
  454. <div id="tags">
  455.  
  456. {block:HasTags}{block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}
  457. <div style="margin-left:3px; margin-top:-10px;">
  458. {block:PermaLink}<br>
  459. {block:RebloggedFrom} Source: <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a> {/block:RebloggedFrom} <br>{block:RebloggedFrom}Via: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a>{/block:RebloggedFrom}{/block:PermaLink}</div>
  460. </div>
  461. </div>
  462.  
  463.  
  464. </div>
  465. {block:PostNotes}
  466. {PostNotes}
  467. {/block:PostNotes}
  468.  
  469. {/block:Posts}
  470.  
  471. </div>
  472.  
  473.  
  474. </body>
  475. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement