Advertisement
paulveretts

Theme 24 // C'est La Mort

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