Advertisement
missdilaurentis

MissDiLaurentis Theme #1

Apr 7th, 2013
827
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.59 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. <head>
  4.  
  5. <!--
  6. Theme #1 by jasondilaurents
  7. http://jasondilaurents.tumblr.com
  8. http://themesbyjasondilaurents.tumblr.com
  9.  
  10. Please do not use as base
  11. Don't claim as your own
  12. Don't remove my credit.
  13.  
  14. Thank you!
  15.  
  16. If you have any problem send me a message and I'll try my best to fix it.-->
  17.  
  18. <title>{Title}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  22.  
  23. <meta name="color:Background" content="#ffffff"/>
  24. <meta name="color:Blog title" content="#b000ff"/>
  25. <meta name="color:Bold" content="#ad5cad"/>
  26. <meta name="color:Entry Border" content="#e0e0e0"/>
  27. <meta name="color:Italic" content="#f15dde"/>
  28. <meta name="color:Link" content="#bd4aae"/>
  29. <meta name="color:Link Hover BG" content="#f7eeee"/>
  30. <meta name="color:Link Hover" content="#c400ff"/>
  31. <meta name="color:Navigation" content="#d870cf"/>
  32. <meta name="color:Navigation Hover" content="#f7eeee"/>
  33. <meta name="color:Post Background" content="#faf3f3"/>
  34. <meta name="color:Post Title" content="#9835af"/>
  35. <meta name="color:Question BG" content="#f0eeee"/>
  36. <meta name="color:Second title" content="#d088dd"/>
  37. <meta name="color:Sidebar Background" content="#faf3f3"/>
  38. <meta name="color:Sidebar Border" content="#e0e0e0"/>
  39. <meta name="color:Sidebar Links" content="#e248c2"/>
  40. <meta name="color:Sidebar Text" content="#c0acac"/>
  41. <meta name="color:Tags Link" content="#ff00d4"/>
  42. <meta name="color:Tags Link Hover" content="#a53c82"/>
  43. <meta name="color:Text" content="#838282"/>
  44.  
  45. <meta name="image:Background" content="" />
  46. <meta name="text:Second title" content="" />
  47. <meta name="image:Sidebar" content=""/>
  48.  
  49. <meta name="color:Selection" content="#ca326d"/>
  50. <meta name="color:Selection BG" content="#e0bfcc"/>
  51.  
  52. <meta name="text:Link 1 URL" content=" " />
  53. <meta name="text:Link 1 Title" content="link 1" />
  54. <meta name="text:Link 2 URL" content=" " />
  55. <meta name="text:Link 2 Title" content="link 2" />
  56. <meta name="text:Link 3 URL" content=" " />
  57. <meta name="text:Link 3 Title" content="link 3" />
  58. <meta name="text:Link 4 URL" content=" " />
  59. <meta name="text:Link 4 Title" content="link 4" />
  60.  
  61. <!--FONTS-->
  62.  
  63. <link href='http://fonts.googleapis.com/css?family=Paprika' rel='stylesheet' type='text/css'>
  64.  
  65. <link href='http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  66.  
  67. <link href='http://fonts.googleapis.com/css?family=Lobster+Two' rel='stylesheet' type='text/css'>
  68.  
  69. <link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,700,700italic,400italic' rel='stylesheet' type='text/css'>
  70.  
  71. <link href='http://fonts.googleapis.com/css?family=Unica+One' rel='stylesheet' type='text/css'>
  72.  
  73. <link href='http://fonts.googleapis.com/css?family=Handlee' rel='stylesheet' type='text/css'>
  74.  
  75. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  76.  
  77. <style type="text/css">
  78.  
  79.  
  80. body {
  81. background:{color:Background};
  82. background-image: url('{image:Background}');
  83. background-attachment:fixed;
  84. margin:0px;
  85. color:{color:Text};
  86. font-family: 'Paprika';
  87. font-size:10px;
  88. line-height:100%;
  89. font-style: none;
  90. }
  91.  
  92.  
  93. /* SCROLLBAR */
  94.  
  95. ::-webkit-scrollbar-thumb:vertical {
  96. background-color: {color:Link};
  97. height: 50px;
  98. }
  99.  
  100. ::-webkit-scrollbar {
  101. height: 10px;
  102. width: 8px;
  103. background-color: {color:Post Background};
  104. }
  105.  
  106.  
  107.  
  108.  
  109. a {
  110. color: {color:Link};
  111. text-decoration: none;
  112. font-weight: normal;
  113. }
  114.  
  115. a:hover {
  116. color: {color:Link Hover};
  117. text-decoration: none;
  118. font-weight: normal;
  119. text-decoration:none;
  120. background-color:{color:Link Hover BG};
  121. }
  122.  
  123. blockquote {
  124. padding-left: 5px;
  125. border-left: 2px solid;
  126. }
  127.  
  128. blockquote blockquote {
  129. padding-left:5px;
  130. border-left:2px solid;
  131. }
  132.  
  133. b, strong{color:{color:Bold}}
  134. i, em {color:{color:Italic}}
  135. p{margin-top:5px; margin-bottom:5px}
  136.  
  137. blockquote {
  138. padding:0px;
  139. padding-left:5px;
  140. margin:5px;
  141. border-left:2px solid {color:border}
  142. }
  143.  
  144. blockquote img {
  145. max-width:500px
  146. }
  147.  
  148. ul, li img {
  149. max-with:300px
  150. }
  151.  
  152.  
  153. /* TITLES */
  154.  
  155. h1 {
  156. font-size: 14pt;
  157. font-family:'handlee';
  158. line-height:14pt;
  159. font-weight: normal;
  160. text-align: center;
  161. color: {color:Post Title};
  162. font-style: none;
  163. }
  164.  
  165. h2 {
  166. font-size: 12pt;
  167. font-weight: normal;
  168. text-align: center;
  169. color: {color:Blog Title};
  170. font-style: none;
  171. font-family: 'Lobster two';
  172. border-top: 1px solid {color:Sidebar Border}; width:206px; margin-top:10px;
  173. line-height: 30pt;
  174. }
  175.  
  176. h3 {
  177. margin-top:-40px;
  178. font-size: 7pt;
  179. letter-spacing:3px;
  180. font-weight: normal;
  181. font-style:italic;
  182. text-align: center;
  183. color: {color:Second Title};
  184. font-family:'Lora';
  185. border-bottom: 1px solid {color:Sidebar Border}; width:206px;
  186. line-height: 30pt;
  187. margin-bottom:0px;
  188. }
  189.  
  190.  
  191. /* POSTS */
  192.  
  193. #entries {
  194. position:relative;
  195. float:left;
  196. width:500px;
  197. margin-top:5px;
  198. text-align:justify;
  199. left:530px;
  200. padding:40px;
  201. font-family:'droid serif';
  202. font-size:11px;
  203. overflow:hidden;
  204. }
  205.  
  206. #post {
  207. margin-bottom:10px;
  208. margin-top:40px;
  209. width:500px;
  210. padding:20px;
  211. background-color: {color:Background};
  212. border-bottom: 1px solid {color:Entry Border};
  213. border-top: 1px solid {color:Entry Border};
  214. background-color:{color:Post Background};
  215. }
  216.  
  217. #quote {
  218. font-size: 12pt;
  219. line-height: 15pt;
  220. font-style:none;
  221. color: {color:Link};
  222. font-family: 'Handlee';
  223. padding-left: 10px;
  224. }
  225.  
  226.  
  227. #source {
  228. text-align: right;
  229. font-style:italic;
  230. }
  231.  
  232.  
  233. /* CREDIT */
  234.  
  235. .credit { font-family:calibri; letter-spacing:1px; font-size:8px; bottom:2px; right:3px; position:fixed; padding:10px; text-align:right; font-weight:bold; }
  236.  
  237.  
  238. /* SIDEBAR */
  239.  
  240. #sidebar {
  241. width:200px;
  242. position:fixed;
  243. margin-left:250px;
  244. margin-top:125px;
  245. padding:20px;
  246. text-align: center;
  247. border: 0px solid {color:Sidebar Border};
  248. background-color:{color: Sidebar Background};
  249. }
  250.  
  251. #sidebarimage {
  252. width 200px;
  253. align:center;
  254. }
  255.  
  256. #sidebarimage img {
  257. width:200px;
  258. border:3px double {color:Sidebar Border};
  259. align:center;
  260. }
  261.  
  262. .desc {
  263. width:200px;
  264. text-align:center;
  265. font-family:'lora';
  266. color: {color:Sidebar Text};
  267. padding:0px;
  268. font-size: 10px;
  269. }
  270.  
  271. #pagination {
  272. text-align:center;
  273. font-family:'Lora';
  274. font-size:10px;
  275. margin-bottom:2px;
  276. margin-top:10px;
  277. text-transform:none;
  278. font-style:none;
  279. font-weight:none;
  280. text-transform: lowercase;
  281. }
  282.  
  283.  
  284. /* INFO */
  285.  
  286. #info {
  287. text-transform:lowercase;
  288. font-family:'Lora';
  289. margin-top:4px;
  290. line-height:11pt;
  291. font-style:italic;
  292. font-size: 10px;
  293. width:500px;
  294. color:{color:Text};
  295. text-align:center;
  296. }
  297.  
  298. #info a:link {
  299. color:{color:Tags Link};
  300. }
  301.  
  302. #info a:hover {
  303. color:{color:Tags Link Hover};
  304. text-shadow: 1px 0px 0px {color:italic}, 1px 0px 2px {color:border};
  305. }
  306.  
  307.  
  308. /* QUESTIONS */
  309.  
  310. #question {
  311. background-color: {color:Question BG};
  312. padding: 5px;
  313. font-size: 9px;
  314. font-family:'paprika';
  315. font-style:none;
  316. }
  317.  
  318. #asker {
  319. float: left;
  320. margin-right: 5px;
  321. }
  322.  
  323. /* NAVIGATION */
  324.  
  325. #nav a{
  326. margin-top:-30px;
  327. margin-bottom:10px;
  328. width:auto;
  329. height:10px;
  330. display:inline-block;
  331. padding: 3px;
  332. text-align:center;
  333. font-family: 'unica one';
  334. font-size: 11px;
  335. font-weight:none;
  336. color:{color:Navigation};
  337. text-transform: uppercase;
  338. background-color: {color:none};
  339. border: 0px solid {color:Sidebar Border};
  340. -webkit-transition: opacity 0.8s linear;opacity: 1;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out
  341. }
  342.  
  343. #nav a:first-letter {
  344. padding-right:1px;
  345. font-size:11px;
  346. text-transform:uppercase;
  347. font-family:'unica one';
  348. color:{color:Bold};
  349. }
  350.  
  351. #nav a:hover{
  352. background-color:{color:Navigation Hover};
  353. color:{color:Bold};
  354. -webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out}
  355.  
  356.  
  357. /* SIDEBAR LINKS */
  358.  
  359. #navv a:first-letter {
  360. padding-right:1px;
  361. font-size:10px;
  362. text-transform:lowercase;
  363. font-family:'paprika';
  364. color:{color:bold};
  365. }
  366.  
  367. #navv a{
  368. margin-top:20px;
  369. width:auto;
  370. height:10px;
  371. padding:3px;
  372. padding-top:4px;
  373. padding-bottom:3px;
  374. font-style:none;
  375. margin-right:0px;
  376. display:inline-block;
  377. text-align:center;
  378. border:1px solid{color:Sidebar Border};
  379. background-color:{color:Navigation Hover};
  380. color:{color:Sidebar Links};
  381. font-family:'cambria';
  382. font-weight:bold;
  383. font-size:10px;
  384. text-transform:lowercase;
  385. letter-spacing:0px;
  386. -webkit-transition: opacity 0.8s linear;opacity: 1;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out}
  387.  
  388. #navv a:hover{
  389. background-color:{color:Background};
  390. color:{color:Bold};
  391. -webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out}
  392.  
  393.  
  394. /* SELECTION */
  395.  
  396. ::selection {color:{color:Selection} ; background:{color:Selection BG};}
  397. ::-moz-selection {color:{color:Selection} ; background:{color:Selection BG};}
  398. ::-webkit-selection {color:{color:Selection} ; background:{color:Selection BG};}
  399.  
  400.  
  401. {CustomCSS}</style>
  402.  
  403.  
  404. </head><body>
  405.  
  406.  
  407. <div id="sidebar">
  408. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  409.  
  410.  
  411. <div id="title2"><h2>{Title}</h2>
  412. <div id="title3"><h3>{text:second title}</h3></div><br>
  413. </br>
  414. <div class="desc">
  415.  
  416. <div id="nav"><a href="/">HOME</a> + <a href="/archive">ARCHIVE</a> + <a href="/ask">ASK</a></div></br>
  417.  
  418. {Description}</div></br>
  419.  
  420. <div id="navv"><a href="{Text:Link 1 URL}">{Text:Link 1 Title}</a>&nbsp;<a href="{Text:Link 2 URL}">{Text:Link 2 Title}</a>&nbsp;<a href="{Text:Link 3 URL}">{Text:Link 3 Title}</a>&nbsp;<a href="{Text:Link 4 URL}">{Text:Link 4 Title}</a></div><br>
  421.  
  422.  
  423.  
  424.  
  425. <div id="pagination">{block:Pagination}<div id="pagination">
  426. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;&nbsp;{/block:PreviousPage}
  427. {block:JumpPagination length="6"}
  428. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  429. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  430. {/block:JumpPagination}
  431. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  432. </div>{/block:Pagination}</div>
  433.  
  434.  
  435. </div>
  436.  
  437. </div>
  438.  
  439. <div class="credit"><a href="http://missdilaurentis.tumblr.com">© MISSDILAURENTIS</a></div>
  440. </div>
  441.  
  442. <div id="entries">{block:Posts}<div id="post">
  443.  
  444. <div style="clear: both; display: block;"></div>
  445.  
  446.  
  447. {block:ContentSource}
  448. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  449. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  450. {/block:SourceLogo}
  451. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  452. {/block:ContentSource}
  453.  
  454.  
  455.  
  456. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  457.  
  458. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}<br>{Caption}{/block:Caption}{/block:Photo}
  459.  
  460.  
  461. {block:Photoset}{Photoset-500}{block:Caption}<br>{Caption}{/block:Caption}
  462. {/block:Photoset}
  463.  
  464.  
  465. {block:Quote}<div id="quote">"{Quote}"</div>{block:Source} <Br><div id="source">—{Source}</div>{/block:Source}{/block:Quote}
  466.  
  467.  
  468. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}
  469. {Description}{/block:Description}{/block:Link}
  470.  
  471.  
  472. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  473.  
  474.  
  475. {block:Audio}
  476. <div id="audioplayer">{AudioPlayerWhite}</div>
  477. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="50">{/block:AlbumArt}</div>
  478. {block:TrackName}
  479. <b>Name:</b> {TrackName}<br>
  480. {/block:TrackName}
  481. {block:Artist}
  482. <b>Artist:</b> {Artist}<br>
  483. {/block:Artist}
  484. {block:Album}
  485. <b>Album:</b> {Album}<br>
  486. {/block:Album}
  487. {PlayCountWithLabel}
  488. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  489. {/block:Audio}
  490.  
  491. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  492.  
  493. {block:Answer}<div id="question"><div id="asker"><img src="{AskerPortraitURL-24}"></div>{Asker} said:<br>
  494.  
  495. {Question}<br><Br></div>{Answer}{/block:Answer}
  496.  
  497.  
  498. </div>
  499.  
  500. <div id="info">
  501. {block:Date}{TimeAgo}{/block:Date} <a href="{Permalink}">
  502. <b>with {NoteCountWithLabel} <span style="font-family: arial; color:{color:Link};"></span> </b></a>{block:RebloggedFrom} • via: <a href="{ReblogParentURL}"
  503. title="{ReblogParentTitle}"><b>{ReblogParentName}</b></a> / source: <a href="{ReblogRootURL}"title="{ReblogRoottitle}"><b>{ReblogRootName}</b></a>
  504.  
  505. {/block:RebloggedFrom}<br> {block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>
  506.  
  507. {/block:Tags}{/block:HasTags}</div>
  508.  
  509. {block:PostNotes}{PostNotes}{/block:PostNotes}
  510. {/block:Posts}</div>
  511.  
  512. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement