Advertisement
paulveretts

yesterday [unfinished]

Dec 12th, 2013
53
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.49 KB | None | 0 0
  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.  
  4. <head><title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9.  
  10. <!--
  11.  
  12. THEME BY JÚLIA // @mclahei
  13. base code by hawtornes
  14.  
  15. YOU CAN:
  16. Use and tweak the code on your blog only.
  17. Reblog/Like the original post.
  18. Come to me for help if you find any problems.
  19. Use my codes as base codes, ONLY with my previously given consent.
  20. Move credit to a page on the blog, such as faq. Just make sure it's still visible.
  21.  
  22. YOU CAN'T:
  23. Repost any of the codes.
  24. Remove credit from view.
  25. Use as base code without me knowing.
  26.  
  27. ENJOY THIS THEME ♥
  28. -->
  29.  
  30. <meta name="color:Background" content="#ffffff"/>
  31. <meta name="color:Text" content="#a8a8a8"/>
  32. <meta name="color:Sidebar Links" content="#b8b8b8"/>
  33. <meta name="color:DescriptionText" content="#b8b8b8"/>
  34. <meta name="color:Border" content="#dddddd"/>
  35. <meta name="color:Hover" content="#fff"/>
  36. <meta name="color:Scrollbar" content="#000000"/>
  37. <meta name="color:ScrollbarBg" content="#ffffff"/>
  38. <meta name="color:Post Links" content="#c0bfbf"/>
  39. <meta name="color:Asker" content="#ffffff"/>
  40. <meta name="color:Asker Background" content="#131313"/>
  41. <meta name="color:Sidebar Links BG Hover" content="#f2b8d2"/>
  42. <meta name="color:Answer Backg" content="#000000"/>
  43. <meta name="image:Sidebar" content=""/>
  44. <meta name="image:Background" content=""/>
  45. <meta name="text:Link 1" content="" />
  46. <meta name="text:Link 1 Text" content="" />
  47. <meta name="text:Link 2" content="" />
  48. <meta name="text:Link 2 Text" content="" />
  49. <meta name="text:Link 3" content="" />
  50. <meta name="text:Link 3 Text" content="" />
  51. <meta name="text:Link 4" content="" />
  52. <meta name="text:Link 4 Text" content="" />
  53. <meta name="if:Show Link 1" content="1" />
  54. <meta name="if:Show Link 2" content="1" />
  55. <meta name="if:Show Link 3" content="1" />
  56. <meta name="if:Show Link 4" content="1" />
  57.  
  58.  
  59. <style type="text/css">
  60.  
  61. ::-webkit-scrollbar-thumb {
  62. height:auto;
  63. background-color:{color:Scrollbar};
  64. }
  65.  
  66. ::-webkit-scrollbar {
  67. height:9px;
  68. width:4px;
  69. background-color:{color:ScrollbarBg};
  70. }
  71.  
  72. body {
  73. background:{color:background};
  74. margin:0px;
  75. color:{color:text};
  76. font-family:calibri;
  77. font-size:10px;
  78. line-height:100%;
  79. letter-spacing:0px;
  80. text-align:justify;
  81. background-image:url('{image:Background}');
  82. }
  83.  
  84. a {
  85. text-decoration:none;
  86. outline:none;
  87. -moz-outline-style:none;
  88. color:{color:Post Links};
  89. }
  90.  
  91. img {
  92. border:none;
  93. }
  94.  
  95. blockquote {
  96. padding-left:5px;
  97. border-left:2px solid;
  98. }
  99.  
  100. blockquote blockquote {
  101. padding-left:5px;
  102. border-left:2px solid;
  103. }
  104.  
  105. h1 {
  106. font-size:8px;
  107. letter-spacing:2px;
  108. text-transform:uppercase;
  109. font-family:'CAMBRIA';
  110. font-style:none;
  111. line-height:10px;
  112. text-align:left;
  113. padding:0px;
  114. }
  115.  
  116. a:hover {
  117. color:#000000;
  118. -moz-transition-duration:0.3s;
  119. -webkit-transition-duration:0.3s;
  120. -o-transition-duration:0.3s;
  121. }
  122.  
  123.  
  124. /*ENTRIES*/
  125.  
  126. #entries {
  127. padding:10px;
  128. width:500px;
  129. margin-left:330px;
  130. margin-top:5px;
  131. font-size:10px;
  132. font-family:'arial';
  133. letter-spacing:0px;
  134. }
  135.  
  136. #post {
  137. width:500px;
  138. padding-bottom:40px;
  139. padding:25px;
  140. margin-top:50px;
  141. }
  142.  
  143. /*SIDEBAR*/
  144.  
  145. #sidebar {
  146. position:fixed;
  147. margin-left:100px;
  148. margin-top:80px;
  149. margin-left:100px;
  150. }
  151.  
  152. #sidebarimage {
  153. width 130px;
  154. }
  155.  
  156. #sidebarimage img {
  157. width:64px;
  158. height:64px;
  159. margin-top:164px;
  160. padding:3px;
  161. margin-left:40px;
  162. }
  163.  
  164. #sidebarimage img:hover {
  165. opacity:0.7;
  166. -moz-transition-duration:0.6s;
  167. -webkit-transition-duration:0.6s;
  168. -o-transition-duration:0.6s;
  169. }
  170.  
  171. #stitle {
  172. width:148px;
  173. line-height:100%;
  174. text-align:center;
  175. font-family:intro;
  176. letter-spacing:0px;
  177. font-size:18px;
  178. margin-left:6px;
  179. font-weight:0;
  180. border-bottom:1px solid {color:border};
  181. margin-top:10px;
  182. }
  183.  
  184. .links {
  185. width:152px;
  186. font-family:'calibri';
  187. padding: 4px;
  188. text-align:center;
  189. text-transform:uppercase;
  190. position:fixed;
  191. margin-top:7px;
  192. margin-left:0px;
  193. }
  194.  
  195. .links a {
  196. margin-bottom:3px;
  197. display:inline-block;
  198. width:64px;
  199. padding:3px;
  200. background:#f7f7f7;
  201. font-size:8px;
  202. letter-spacing:0px;
  203. color:{color:Sidebar Links};
  204. }
  205.  
  206. .links a:hover {
  207. -moz-transition-duration:0.3s;
  208. -webkit-transition-duration:0.3s;
  209. -o-transition-duration:0.3s;
  210. color:{color:Hover};
  211. background:{color:Sidebar Links BG Hover};
  212. }
  213.  
  214. #description {
  215. text-align:justify;
  216. font-family:'Arial';
  217. width:160px;
  218. margin-top:4px;
  219. margin-left:-3px;
  220. font-size:9px;
  221. position:fixed;
  222. text-transform:none;
  223. color:{color:DescriptionText};
  224. }
  225.  
  226. #pagination {
  227. font-style:bold;
  228. padding:2px;
  229. font-family:'arial';
  230. letter-spacing:0px;
  231. font-size:9px;
  232. text-align:center;
  233. padding:2px;
  234. margin-top:10px;
  235. text-transform:lowercase;
  236. }
  237.  
  238. #pagination a {
  239. display:normal;
  240. text-align:center;
  241. width:0px;
  242. background:transparent;
  243. font-size:8px;
  244. letter-spacing:0px;
  245. color:{color:Sidebar Links};
  246. }
  247.  
  248.  
  249. /*POST INFO*/
  250.  
  251. #info {
  252. width:500px;
  253. text-align:left;
  254. font-family:'trebuchet ms';
  255. margin-top:3px;
  256. margin-left:px;
  257. letter-spacing:1px;
  258. font-size:7px;
  259. font-style:none;
  260. padding:1px;
  261. line-height:10px;
  262. text-transform:uppercase;
  263. border-top:1px solid;
  264. border-color:{color:Border};
  265. }
  266.  
  267. #info a {
  268. text-align:center;
  269. color:{color:Post Links};
  270. }
  271.  
  272. #info a:hover {
  273. -moz-transition-duration:0.3s;
  274. -webkit-transition-duration:0.3s;
  275. -o-transition-duration:0.3s;
  276. color:{color:Hover}
  277. }
  278.  
  279. #tags {
  280. float:left;
  281. width:489px;
  282. margin-top:-7px;
  283. margin-left:-5px;
  284. text-align:left;
  285. font-size:7px;
  286. padding:5px;
  287. font-size:8px;
  288. opacity:1;
  289. transition-duration: 0.5s;
  290. -moz-transition-duration: 0.5s;
  291. -webkit-transition-duration: 0.5s;
  292. -o-transition-duration: 0.5s
  293. color:{color:Post Links};
  294. }
  295.  
  296. #tags a {
  297. letter-spacing:0px;
  298. font-size:8px;
  299. text-align:center;
  300. font-family:'CALIBRI';
  301. text-decoration:none;
  302. display:inline-block;
  303. color:#ddd;
  304. }
  305.  
  306. #tags a:hover {
  307. background-color:#fff;
  308. -moz-transition-duration:0.3s;
  309. -webkit-transition-duration:0.3s;
  310. -o-transition-duration:0.3s;
  311. color:{color:Hover};
  312. }
  313.  
  314. /*QUESTION*/
  315. /** Estilo de ask por conjugad-a **/
  316.  
  317. #pergunta a {
  318. color:{color:Asker};
  319. font-family:arial;
  320. font-weight:900;
  321. font-size:20px;
  322. letter-spacing:-2px;
  323. text-transform:lowercase;
  324. }
  325.  
  326. .pergunta {
  327. background:{color:Asker Background};
  328. text-align: right;
  329. padding: 15px;
  330. font-size:12px;
  331. font-family:consolas;
  332. text-transform:uppercase;
  333. margin-bottom: 5px;
  334. margin-left: 0px;
  335. margin-right: auto;
  336. }
  337.  
  338. #question {
  339. padding:15px;
  340. background:#f7f7f7;
  341. }
  342.  
  343. .pergunta a {
  344. color:{color:Post Links};
  345. }
  346.  
  347. .iconeask {
  348. float: left;
  349. margin-right: 2px;
  350. margin-bottom: 3px;
  351. border:2px solid {color:Question Image Border};
  352. }
  353.  
  354. .divisoria {
  355. display: block;
  356. margin-top: 4px;
  357. margin-bottom: 4px;
  358. }
  359.  
  360. div.treme img{
  361. position:relative
  362. }
  363.  
  364.  
  365.  
  366. /*CREDIT*/
  367.  
  368. #cred {
  369. position:fixed;
  370. font-family:'Calibri';
  371. text-transform:uppercase;
  372. font-size:12px;
  373. right:9px;
  374. bottom:9px;
  375. padding:4px;
  376. letter-spacing:1px;
  377. }
  378.  
  379. {CustomCSS}</style></head><body>
  380.  
  381. <div id="sidebar">
  382.  
  383. <div id="sidebarimage">
  384. <a title="home" href="/">
  385. <img src="{image:Sidebar}">
  386. </a>
  387. </div>
  388. <div id="stitle">yesterday</div>
  389.  
  390. <div class="links">
  391.  
  392.  
  393. <div id="description">{Description}
  394. <div class="links">
  395.  
  396. <a href="/">Home</a>
  397. <a href="/ask">Ask</a>
  398. {block:IfShowLink1}<a href="{text:Link 1}">{text:Link 1 Text}</a>{/block:IfShowLink1}
  399. {block:IfShowLink2}<a href="{text:Link 2}">{text:Link 2 Text}</a>{/block:IfShowLink2}
  400. {block:IfShowLink3}<a href="{text:Link 3}">{text:Link 3 Text}</a>{/block:IfShowLink3}
  401. {block:IfShowLink4}<a href="{text:Link 4}">{text:Link 4 Text}</a>{/block:IfShowLink4}
  402.  
  403. <div id="pagination">
  404. {block:Pagination}
  405. {block:PreviousPage}<a href="{PreviousPage}">-</a> — {/block:PreviousPage}
  406. {block:NextPage}<a href="{NextPage}">+</a>{/block:NextPage}
  407. </div>
  408. {/block:Pagination}
  409. </div></div>
  410. </div>
  411. </div>
  412.  
  413. <div id="entries">
  414. {block:Posts}
  415. <div id="post">
  416.  
  417. {block:Text}
  418. <h1>{block:Title}{Title}{/block:Title}</h1>
  419. {Body}{/block:Text}
  420.  
  421. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  422. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  423.  
  424. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  425. {/block:Caption}{/block:Photoset}
  426.  
  427. {block:Quote}<h2>"{Quote}"</h2>
  428. {block:Source}<div class="qsource"> —{Source}</div>
  429. {/block:Source}{/block:Quote}
  430.  
  431. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  432.  
  433. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  434.  
  435. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  436. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  437. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  438. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  439. {/block:Audio}<br>
  440.  
  441. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  442.  
  443. {block:Answer}
  444. <div id ="pergunta"class="pergunta"><b>{Asker}:</b></div> <div id="question">{Question}</div>
  445.  
  446. <div class="divisoria"></div><br>
  447. <blockquote>{Answer}</blockquote><br>
  448. {/block:Answer}
  449.  
  450. <div id="info">
  451. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> —
  452. {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  453. and {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}
  454. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  455. with {NoteCountWithLabel}</a>
  456. {block:HasTags}<div id="tags">
  457.  
  458. {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
  459. </div>{block:HasTags}
  460. </div>
  461. </div>
  462. {/block:Posts}
  463. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  464. {/block:Posts}</div></div></div>
  465. <br><br><br><br>
  466.  
  467. <div id="cred">
  468. <a href="http://mclahei.tumblr.com/">©</a>
  469. </div>
  470. </div>
  471.  
  472.  
  473.  
  474. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement