Advertisement
missdilaurentis

MissDiLaurentis Theme #14

Oct 17th, 2013
8,004
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.94 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. <script src="js/jquery-1.7.1.js" type="text/javascript"></script>
  5. <script src="js/jquery.adipoli.min.js" type="text/javascript"></script>
  6. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  7.  
  8. <head><title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12.  
  13. <!--
  14. THEME #14 BY JASONDILAURENTS / THEMESBYJASONDILAURENTS
  15.  
  16. http://jasondilaurents.tumblr.com
  17. http://themesbyjasondilaurents.tumblr.com
  18.  
  19. Please do not use as base
  20. Don't claim as your own
  21. Don't remove my credit.
  22.  
  23. Thank you!
  24. -->
  25.  
  26. <!--COLORS-->
  27. <meta name="color:Background" content="#ffffff"/>
  28. <meta name="color:Banner bg" content="#000000"/>
  29. <meta name="color:Banner border" content="#a3a3a3"/>
  30. <meta name="color:Bold" content="#63538a"/>
  31. <meta name="color:Blog title" content="#7651d1"/>
  32. <meta name="color:Description bg" content="#ffffff"/>
  33. <meta name="color:Description border" content="#272424"/>
  34. <meta name="color:Entry bg" content="#ffffff"/>
  35. <meta name="color:Info" content="#000000"/>
  36. <meta name="color:Info Border" content="#f1f1f1"/>
  37. <meta name="color:Italic" content="#c2c0c7"/>
  38. <meta name="color:Links" content="#7c5cc9"/>
  39. <meta name="color:Links Hover" content="#af97e9"/>
  40. <meta name="color:NavLink1" content="#755daf"/>
  41. <meta name="color:NavLink2" content="#af97e9"/>
  42. <meta name="color:NavLink3" content="#7c748f"/>
  43. <meta name="color:NavLink4" content="#755daf"/>
  44. <meta name="color:NavLink5" content="#af97e9"/>
  45. <meta name="color:NavLink6" content="#7c748f"/>
  46. <meta name="color:NavLink7" content="#755daf"/>
  47. <meta name="color:NavLinks" content="#000000"/>
  48. <meta name="color:Navlinks Hover bg" content="#c9c9c9"/>
  49. <meta name="color:Pagination" content="#000000"/>
  50. <meta name="color:Pagination Hover" content="#352757"/>
  51. <meta name="color:Pagination bg" content="#524b63"/>
  52. <meta name="color:Pagination bg hover" content="#7e719e"/>
  53. <meta name="color:Post background" content="#ffffff"/>
  54. <meta name="color:Post title" content="#755daf"/>
  55. <meta name="color:Question BG" content="#000000"/>
  56. <meta name="color:Question text" content="#cfcece"/>
  57. <meta name="color:Rightsidebar Background" content="#000000"/>
  58. <meta name="color:Selection" content="#000000"/>
  59. <meta name="color:Selection BG" content="#af97e9"/>
  60. <meta name="color:Sidebar Background" content="#000000"/>
  61. <meta name="color:Sidebar Text" content="#969595"/>
  62. <meta name="color:Subtitle" content="#8a8694"/>
  63. <meta name="color:Tags" content="#3b3842"/>
  64. <meta name="color:Tags Hover" content="#969595"/>
  65. <meta name="color:Text" content="#969595"/>
  66.  
  67. <!--IMAGES AND SUBTITLE-->
  68. <meta name="image:Background" content="" />
  69. <meta name="image:Banner" content="" />
  70. <meta name="image:Sidebar background" content=""/>
  71. <meta name="image:RightSidebar" content=""/>
  72. <meta name="text:Subtitle" content="" />
  73.  
  74. <!--NAVIGATION LINKS-->
  75. <meta name="text:Link 1 URL" content=" " />
  76. <meta name="text:Link 1 Title" content="link 1" />
  77. <meta name="text:Link 2 URL" content=" " />
  78. <meta name="text:Link 2 Title" content="link 2" />
  79. <meta name="text:Link 3 URL" content=" " />
  80. <meta name="text:Link 3 Title" content="link 3" />
  81. <meta name="text:Link 4 URL" content=" " />
  82. <meta name="text:Link 4 Title" content="link 4" />
  83.  
  84. <!--SHOW NAVIGATION LINKS-->
  85. <meta name="if:Show Link1" content="1">
  86. <meta name="if:Show Link2" content="1">
  87. <meta name="if:Show Link3" content="1">
  88. <meta name="if:Show Link4" content="1">
  89. <meta name="if:Show Subtitle" content="1">
  90.  
  91.  
  92. <!--FONTS-->
  93. <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400italic,700italic' rel='stylesheet' type='text/css'>
  94.  
  95. <link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  96.  
  97.  
  98. <style type="text/css">
  99.  
  100. .tmblr-iframe, #tumblr_controls {
  101. position:fixed !important;
  102. z-index:999999999!important;
  103. }
  104.  
  105. body {
  106. background:{color:background};
  107. background-image: url('{image:background}');
  108. background-attachment:fixed;
  109. margin:0px;
  110. color:{color:text};
  111. font-family:'pt sans';
  112. font-size:11px;
  113. line-height:100%;}
  114.  
  115.  
  116. /* SCROLLBAR */
  117.  
  118. ::-webkit-scrollbar-thumb:vertical {
  119. background-color: {color:Links};
  120. height: 50px;}
  121.  
  122. ::-webkit-scrollbar {
  123. height: 10px;
  124. width: 8px;
  125. background-color:transparent;}
  126.  
  127.  
  128. /* BASICS */
  129.  
  130. a, a:active, a:visited {
  131. transition:0.8s;
  132. -o-transition-transition:0.8s;
  133. -webkit-transition-duration:0.8s;
  134. -moz-transition-duration:0.8s;
  135. text-decoration:none;
  136. color:{color:links};}
  137.  
  138. a:hover {
  139. transition:0.8s;
  140. -o-transition-transition:0.8s;
  141. -webkit-transition-duration:0.8s;
  142. -moz-transition-duration:0.8s;
  143. text-decoration:none;
  144. color:{color:links hover};
  145. background-color:{color:transparent};}
  146.  
  147. blockquote {
  148. padding-left: 5px;
  149. border-left: 2px solid ;border-color:#eee6ea;
  150. max-width:500px;}
  151.  
  152. blockquote blockquote {
  153. padding-left:5px;
  154. border-left:2px solid ;border-color:#eee6ea;
  155. max-width:500px;}
  156.  
  157. b, strong {color:{color:bold};}
  158. i, em {color:{color:italic};}
  159. p{margin-top:5px; margin-bottom:5px}
  160.  
  161. blockquote {
  162. padding:0px;
  163. padding-left:5px;
  164. margin:5px;
  165. margin-top:10px;
  166. margin-bottom:10px;
  167. border-left:2px solid ; border-color:#eee6ea;
  168. max-width:500px;}
  169.  
  170. blockquote img {
  171. max-width:450px}
  172.  
  173. ul, li img {
  174. max-with:300px}
  175.  
  176. h1 {
  177. font-size:16px;
  178. font-family:'playfair display';
  179. line-height:100%;
  180. text-transform:none;
  181. font-weight:normal;
  182. font-style:italic;
  183. text-align:center;
  184. color:{color:post title};}
  185.  
  186. h2 {
  187. font-size:9px;
  188. font-family:'cambria';
  189. font-weight:normal;
  190. letter-spacing:2px;
  191. font-style:italic;
  192. text-align:center;
  193. color:{color:Subtitle};
  194. margin-top:-5px;
  195. margin-bottom:5px;}
  196.  
  197.  
  198. /* POSTS */
  199.  
  200. #entries {
  201. padding:20px;
  202. width:520px;
  203. margin-left:412px;
  204. margin-right:auto;
  205. margin-top:0px;
  206. font-family:'pt sans';
  207. color:{color:Text};
  208. background:{color:entry bg};}
  209.  
  210. #post {
  211. width:500px;
  212. padding-bottom:10px;
  213. padding-top:10px;
  214. padding-left:10px;
  215. padding-right:10px;
  216. margin-top:-10px;
  217. font-family:'pt sans';
  218. color:{color:text};
  219. background-color:{color:post background};
  220. word-wrap: break-word;}
  221.  
  222. #quote {
  223. font-size: 14pt;
  224. line-height: 15pt;
  225. font-style:italic;
  226. color: {color:text};
  227. font-family: 'Playfair Display';
  228. padding-left: 0px;}
  229.  
  230. #source {
  231. text-align: left;
  232. font-style:none;}
  233.  
  234.  
  235. /* AUDIO */
  236.  
  237. #audioplayer {
  238. z-index:1;
  239. height:26px;
  240. width:27px;
  241. margin-top:25px;
  242. margin-left:23px;
  243. overflow:hidden;
  244. position:absolute;
  245. opacity: 0.7;filter:alpha(opacity=60) ;}
  246.  
  247. #audioplayer:hover {
  248. opacity: 1; filter:alpha(opacity=60);}
  249.  
  250. #albumart {
  251. margin-top:0px;
  252. margin-left:10px;
  253. margin-right:10px;
  254. z-index:0;
  255. float:left;}
  256.  
  257. #audiostuff {
  258. font: 11px 'Calibri';
  259. color:{color:question text};
  260. text-transform:uppercase;
  261. background-color:{color:question bg};
  262. border:1px dotted;
  263. border-color:{color:question border};
  264. padding:8px;
  265. letter-spacing:1;
  266. font-size:11px;
  267. margin-top:-10px;
  268. margin-bottom:10px;}
  269.  
  270.  
  271. /* CREDIT */
  272.  
  273. .credit {font-family:'calibri'; letter-spacing:1px; font-size:8px; bottom:1px; right:15px; position:fixed; padding:3px; text-align:right; font-weight:normal;}
  274.  
  275. .credit a{font-family:'calibri'; letter-spacing:1px; font-size:8px; bottom:1px; right:15px; position:fixed; padding:3px; text-align:right; font-weight:normal;opacity:0.5;}
  276.  
  277. .credit a:hover{font-family:'calibri'; letter-spacing:1px; font-size:8px; bottom:1px; right:15px; position:fixed; padding:3px; text-align:right; font-weight:normal;background-color:transparent;opacity:1; }
  278.  
  279.  
  280. /* SIDEBAR */
  281.  
  282. #sidebar {
  283. width:350px;
  284. height:1000%;
  285. position:fixed;
  286. margin-left:0px;
  287. margin-top:-40px;
  288. padding-top:10px;
  289. padding-bottom:10px;
  290. padding-left:10px;
  291. padding-right:10px;
  292. background:{color:sidebar background};
  293. background-image: url('{image:Sidebar Background}');
  294. background-repeat:repeat;
  295. background-position:top;}
  296.  
  297. #title {
  298. margin-top:130px;
  299. font-size:11px;
  300. letter-spacing:1px;
  301. margin-left:auto;
  302. margin-right:auto;
  303. text-align:center;
  304. margin-bottom:4px;
  305. font-family: 'calibri';
  306. font-style:none;
  307. font-weight:bold;
  308. text-transform:uppercase;
  309. color:{color:blog title};
  310. text-shadow: 1px 1px 1px #000000;}
  311.  
  312. #description {
  313. width:165px;
  314. padding:15px;
  315. margin-top:15px;
  316. text-align:justify;
  317. margin-left:auto;
  318. margin-right:auto;
  319. font-size:11px;
  320. font-family:'pt sans';
  321. color:{color:sidebar text};
  322. border:3px double;
  323. border-color:{color:description border};
  324. background-color:{color:description bg};}
  325.  
  326.  
  327. /* PAGINATION */
  328.  
  329. #pagination {
  330. font-family:'cambria';
  331. font-style:italic;
  332. font-weight:bold;
  333. font-size:10px;
  334. color:{color:pagination};
  335. margin-left:auto;
  336. margin-right:auto;
  337. margin-top:10px;
  338. text-align:center;}
  339.  
  340. #pagination a {
  341. text-align:center;
  342. padding:3px;
  343. color:{color:pagination};
  344. background-color:{color:pagination bg};}
  345.  
  346. #pagination a:hover {
  347. color:{color:pagination hover};
  348. background-color:{color:pagination bg hover};}
  349.  
  350.  
  351. /* NAVIGATION LINKS */
  352.  
  353. #banner {
  354. width:1000%;
  355. height:20px;
  356. z-index:999;
  357. float:center;
  358. margin-left:-10px;
  359. position:fixed;
  360. margin-top:-1px;
  361. border-top:3px solid;
  362. border-bottom:3px solid;
  363. border-color:{color:banner border};
  364. padding:5px;
  365. background-color:{color:banner bg};
  366. background-image: url('{image:Banner}');
  367. background-repeat:repeat;
  368. background-position:top;}
  369.  
  370. .Navlinks {
  371. margin-left:420px;
  372. width:560px;
  373. margin-top:1px;
  374. font-family:'calibri';
  375. font-style:none;
  376. text-transform:uppercase;
  377. letter-spacing:1px;
  378. word-spacing:1px;
  379. text-align:center;}
  380.  
  381. .Navlinks a{
  382. display:inline-block;
  383. height:12px;
  384. padding:3px;
  385. font-family:'calibri';
  386. font-weight:bold;
  387. letter-spacing:3px;
  388. text-align:center;
  389. font-size:9px;
  390. color:{color:Navlinks};}
  391.  
  392. .Navlinks a:hover{
  393. font-weight: bold;
  394. color:{color:Navlinks};
  395. background-color:{color:navlinks hover bg};
  396. -webkit-transition: all 0.3s ease-in-out;
  397. -moz-transition: all 0.3s ease-in-out;
  398. -o-transition: all 0.3s ease-in-out;
  399. -ms-transition: all 0.3s ease-in-out;
  400. transition: all 0.3s ease-in-out;}
  401.  
  402.  
  403. /*RIGHT SB*/
  404.  
  405. #rightsidebar {
  406. width:230px;
  407. height:1000%;
  408. position:fixed;
  409. margin-left:1015px;
  410. margin-top:-40px;
  411. padding-top:10px;
  412. padding-bottom:10px;
  413. padding-left:10px;
  414. padding-right:10px;
  415. background:{color:rightsidebar background};}
  416.  
  417. #rightimage {
  418. width:200px;
  419. margin-top:170px;
  420. margin-left:auto;
  421. margin-right:auto;
  422. text-align:center;}
  423.  
  424. #rightimage img {
  425. width:200px;
  426. border-radius:100px;}
  427.  
  428. /* INFO & TAGS */
  429.  
  430. #info {
  431. width:520px;
  432. height:10px;
  433. display:inline-block;
  434. text-align:right;
  435. text-transform:uppercase;
  436. letter-spacing:2px;
  437. font-family:'calibri';
  438. font-style:none;
  439. font-weight:normal;
  440. font-size:8px;
  441. color:{color:info};
  442. margin-top:0px;
  443. margin-bottom:55px;
  444. padding-top:4px;
  445. padding-bottom:7px;
  446. background-color:{color:post background};
  447. border-bottom:2px solid;
  448. border-color:{color:info border};}
  449.  
  450. #info a{
  451. color:{color:info};}
  452.  
  453. #info a:hover{
  454. color:{color:text};}
  455.  
  456. #tags {
  457. font-family: 'cambria';
  458. text-transform:lowercase;
  459. text-align:right;
  460. font-size:9px;
  461. font-weight:normal;
  462. font-style:italic;
  463. color:{color:tags};
  464. margin-top:10px;
  465. padding:0px;
  466. -webkit-transition: opacity 0.5s linear;
  467. -webkit-transition: all 0.5s ease-in-out;
  468. -moz-transition: all 0.5s ease-in-out;
  469. -o-transition: all 0.5s ease-in-out; }
  470.  
  471. #tags a{
  472. color:{color:tags};}
  473.  
  474. #tags a:hover{
  475. color:{color:tags hover};}
  476.  
  477.  
  478. /* QUESTIONS */
  479.  
  480. #allask {
  481. background-color:{color:Question bg};
  482. padding:10px;}
  483.  
  484. #question {
  485. background-color: none;
  486. color:{color:Question text};
  487. text-align: justify;
  488. font-family: 'pt sans';
  489. font-size: 11px;
  490. font-style:none;
  491. margin-left: 60px;
  492. padding: 13px;}
  493.  
  494. #askerportrait {
  495. float:left;
  496. width:48px;
  497. height:48px;
  498. position: absolute;}
  499.  
  500. #answer {
  501. padding-top:3px;
  502. text-align: justify;
  503. margin-top: -3px;}
  504.  
  505.  
  506. /* SELECTION */
  507.  
  508. ::selection {color:{color:selection}; background: {color:selection BG};}
  509. ::-moz-selection {color: {color:selection}; background: {color:selection BG};}
  510. ::-webkit-selection {color:{color:selection} ; background:{color:selection BG};}
  511.  
  512.  
  513. {CustomCSS}</style></head><body>
  514.  
  515. <div id="banner">
  516. <div class="Navlinks">
  517.  
  518. <span style="background-color:{color:NavLink1}"><a href="/">home</a></span>&nbsp;
  519. <span style="background-color:{color:NavLink2}"><a href="/ask">message</a></span>&nbsp;
  520. <span style="background-color:{color:NavLink3}"><a href="/archive">archive</a></span>&nbsp;
  521.  
  522. {block:IfShowLink1}<span style="background-color:{color:NavLink4}"><a href="{Text:Link 1 URL}">{Text:Link 1 Title}</a></span>&nbsp;{/block:IfShowLink1}
  523. {block:IfShowLink2}<span style="background-color:{color:NavLink5}"><a href="{Text:Link 2 URL}">{Text:Link 2 Title}</a></span>&nbsp;{/block:IfShowLink2}
  524. {block:IfShowLink3}<span style="background-color:{color:NavLink6}"><a href="{Text:Link 3 URL}">{Text:Link 3 Title}</a></span>&nbsp;{/block:IfShowLink3}
  525. {block:IfShowLink4}<span style="background-color:{color:NavLink7}"><a href="{Text:Link 4 URL}">{Text:Link 4 Title}</a></span>&nbsp;{/block:IfShowLink4}
  526. </div></div>
  527.  
  528. <div id="sidebar">
  529. <div id="title">{Title}</div>
  530. <div id="subtitle">{block:IfShowSubtitle}<h2>{text:Subtitle}</h2>{/block:IfShowSubtitle}</div></br></div>
  531.  
  532. <div id="rightsidebar">
  533. <div id="rightimage"><img src="{image:rightsidebar}"></div>
  534. <div id="description">{Description}</div></br>
  535.  
  536. <div id="pagination">
  537. {block:Pagination}
  538. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;&nbsp;{/block:PreviousPage}{block:JumpPagination length="3"}
  539. {block:CurrentPage}<span class="current_page" style="background-color:{color:pagination bg hover};padding:3px;">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  540. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}{/block:JumpPagination}
  541. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  542. {/block:Pagination}</div></div>
  543. </div></div>
  544.  
  545. <div id="entries">
  546. </br></br></br></br>
  547. {block:Posts}<div id="post">{block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}</span>{/block:Text}
  548.  
  549. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  550.  
  551. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  552.  
  553. {block:Quote}<div id="quote">"{Quote}"</div>{block:Source} <Br><div id="source">—{Source}</div>{/block:Source}{/block:Quote}
  554.  
  555. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  556.  
  557. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  558.  
  559. {block:Audio}
  560. <div id="audioplayer">{AudioPlayerBlack}</div><br>
  561.  
  562. <div id="albumart">
  563. {block:AlbumArt}<img src="{AlbumArtURL}" width="50" height="50">{/block:AlbumArt} </div>
  564.  
  565. <div id="audiostuff">
  566. {block:TrackName}
  567. <b><u>Name:</u></b> {TrackName}<br>
  568. {/block:TrackName}
  569.  
  570. {block:Artist}
  571. <b><u>Artist:</u></b> {Artist}<br>
  572.  
  573. {/block:Artist}
  574. {block:Album}
  575. <b><u>Album:</u></b> {Album}<br>
  576. {/block:Album}
  577.  
  578. {PlayCountWithLabel}</div>
  579.  
  580. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  581. {/block:Audio}
  582.  
  583. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  584.  
  585. {block:Answer}
  586. <div id="allask">
  587. <div id="askerportrait"><span style="width:48px;height:48px;"><img src="{AskerPortraitURL-48}"></span></div>
  588. <div id="question">{asker} said:</br>{Question} </br></div></div>
  589. <div id="answer">{Answer}</div>{/block:Answer}</div>
  590.  
  591. <div id="info">
  592. {block:Date}
  593. {Month} {DayOfMonth}{DayOfMonthSuffix} {Year}{/block:Date} &nbsp;
  594. <a href="{Permalink}">{NoteCount} &hearts;</a> &nbsp;
  595. <a href="{ReblogURL}" target="_blank" class="details"><span style="background-color:{color:info border};padding:3px;">Reblog</a></span>
  596.  
  597. <span style="float:right; padding:5px; left:2px; margin-top:-8px;">
  598. {block:RebloggedFrom}
  599. <a title ="{ReblogParentName}" href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-16}" style="box-shadow: 1px 1px 2px #1f1b1b;"></a>
  600. <a title ="{ReblogRootName}" href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-16}" style="box-shadow: 1px 1px 2px #1f1b1b;"></a></span>
  601. {/block:RebloggedFrom}</span>
  602.  
  603. {block:ContentSource}
  604. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  605. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  606. {/block:SourceLogo}
  607. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  608. {/block:ContentSource}
  609.  
  610. <div id="tags">{block:HasTags}{block:Tags}&nbsp;&nbsp;<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div></div>
  611.  
  612. {/block:Posts}{block:PostNotes}{PostNotes}</div>{/block:PostNotes}
  613.  
  614. <div class="credit"><a href="http://themesbyjasondilaurents.tumblr.com">© JASONDILAURENTS</a></div>
  615.  
  616. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement