Advertisement
paulveretts

Theme 23 / New York

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