Advertisement
missdilaurentis

MissDiLaurentis Theme #29

May 3rd, 2014
6,894
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.81 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 #29 BY JASONDILAURENTS / THEMESBYJASONDILAURENTS
  15.  
  16. http://evilqueened.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:Audio title" content="#cdcdcd"/>
  28. <meta name="color:Background" content="#ffffff"/>
  29. <meta name="color:Bold" content="#888888"/>
  30. <meta name="color:Blog title" content="#bad0f1"/>
  31. <meta name="color:Info" content="#c0c0c0"/>
  32. <meta name="color:Info border" content="#ededed"/>
  33. <meta name="color:Italic" content="#bed3d4"/>
  34. <meta name="color:Links" content="#bad8eb"/>
  35. <meta name="color:Links Hover" content="#5ac9e1"/>
  36. <meta name="color:Nav border" content="#cdcdcd"/>
  37. <meta name="color:Navlinks" content="#c6c6c6"/>
  38. <meta name="color:NavLinks hover" content="#5ac9e1"/>
  39. <meta name="color:Pagination" content="#9f9f9f"/>
  40. <meta name="color:Post title" content="#c3c3c3"/>
  41. <meta name="color:Question Bg" content="#f8f8f8"/>
  42. <meta name="color:Question Border" content="#eeeeee"/>
  43. <meta name="color:Selection" content="#ffffff"/>
  44. <meta name="color:Selection BG" content="#000000"/>
  45. <meta name="color:Scrollbar" content="#cdcdcd"/>
  46. <meta name="color:Sidebar Text" content="#d0cbcb"/>
  47. <meta name="color:Tags" content="#cccbcd"/>
  48. <meta name="color:Text" content="#9f9f9f"/>
  49.  
  50. <!--IMAGES-->
  51. <meta name="image:Sidebarimage" content=""/>
  52.  
  53. <!--NAVIGATION LINKS-->
  54. <meta name="text:Link 1 URL" content="/" />
  55. <meta name="text:Link 1 Title" content="link 1" />
  56. <meta name="text:Link 2 URL" content="/" />
  57. <meta name="text:Link 2 Title" content="link 2" />
  58. <meta name="text:Link 3 URL" content="/" />
  59. <meta name="text:Link 3 Title" content="link 3" />
  60. <meta name="text:Link 4 URL" content="/" />
  61. <meta name="text:Link 4 Title" content="link 4" />
  62. <meta name="text:Link 5 URL" content="/" />
  63. <meta name="text:Link 5 Title" content="link 5" />
  64.  
  65. <!--SHOW/HIDE OPTIONS-->
  66. <meta name="if:Show Link1" content="1">
  67. <meta name="if:Show Link2" content="1">
  68. <meta name="if:Show Link3" content="1">
  69. <meta name="if:Show Link4" content="1">
  70. <meta name="if:Show Link5" content="1">
  71. <meta name="if:Infinite Scroll" content="0">
  72.  
  73. <style type="text/css">
  74.  
  75. body {
  76. background:{color:background};
  77. background-attachment:fixed;
  78. margin:0px;
  79. color:{color:text};
  80. font-family:'calibri';
  81. font-size:11px;
  82. line-height:100%;}
  83.  
  84. /* SCROLLBAR */
  85.  
  86. ::-webkit-scrollbar-thumb:vertical {
  87. height:12px;
  88. border:2px solid;
  89. border-color:{color:background};
  90. background-color:{color:scrollbar};}
  91.  
  92. ::-webkit-scrollbar-thumb:horizontal {
  93. background-color:{color:background};}
  94.  
  95. ::-webkit-scrollbar {
  96. width:11px;
  97. height:7px;
  98. border:5px solid;
  99. border-color:{color:background};
  100. background-color:{color:scrollbar};}
  101.  
  102. /* BASICS */
  103.  
  104. a, a:active, a:visited {
  105. transition:0.8s;
  106. -o-transition-transition:0.8s;
  107. -webkit-transition-duration:0.8s;
  108. -moz-transition-duration:0.8s;
  109. text-decoration:none;
  110. color:{color:links};}
  111.  
  112. a:hover {
  113. transition:0.8s;
  114. -o-transition-transition:0.8s;
  115. -webkit-transition-duration:0.8s;
  116. -moz-transition-duration:0.8s;
  117. text-decoration:none;
  118. color:{color:links hover};
  119. background-color:{color:transparent};}
  120.  
  121. blockquote {
  122. padding-left: 5px;
  123. border-left: 2px solid ;border-color:{color:text};
  124. max-width:500px;}
  125.  
  126. blockquote blockquote {
  127. padding-left:5px;
  128. border-left:2px solid ;border-color:{color:text};
  129. max-width:500px;}
  130.  
  131. b, strong {color:{color:bold};}
  132. i, em {color:{color:italic};}
  133. p{margin-top:5px; margin-bottom:5px}
  134.  
  135. blockquote {
  136. padding:0px;
  137. padding-left:5px;
  138. margin:5px;
  139. margin-top:10px;
  140. margin-bottom:10px;
  141. border-left:2px solid ; border-color:{color:text};
  142. max-width:500px;}
  143.  
  144. blockquote img {
  145. max-width:450px}
  146.  
  147. ul, li img {
  148. max-width:300px}
  149.  
  150. h1 {
  151. font-size:14px;
  152. font-family:'arial';
  153. line-height:100%;
  154. text-transform:none;
  155. font-weight:bold;
  156. font-style:none;
  157. text-align:left;
  158. color:{color:post title};}
  159.  
  160. /* POSTS */
  161.  
  162. #entries {
  163. padding:20px;
  164. width:520px;
  165. margin-left:450px;
  166. margin-right:auto;
  167. margin-top:0px;
  168. font-family:'calibri';
  169. color:{color:Text};}
  170.  
  171. #post {
  172. width:500px;
  173. padding-top:10px;
  174. padding-bottom:10px;
  175. margin-top:-10px;
  176. font-family:'calibri';
  177. font-size:11px;
  178. text-transform:none;
  179. color:{color:text};
  180. background-color:transparent;;
  181. word-wrap: break-word;}
  182.  
  183. #quote {
  184. font-size: 14px;
  185. line-height: 100%;
  186. font-style:none;
  187. font-weight:bold;
  188. color: {color:text};
  189. font-family: 'arial';
  190. padding-left: 0px;}
  191.  
  192. #source {
  193. text-align: left;
  194. font-style:none;}
  195.  
  196. /* AUDIO */
  197.  
  198. #Allaudio {
  199. width:480px;
  200. height:50px;
  201. padding:10px;
  202. background-color:#fff;
  203. box-shadow:0px 0px 4px {color:audio title};}
  204.  
  205. #audioplayer {
  206. float:right;
  207. height:50px;
  208. width:50px;
  209. margin-top:0px;
  210. margin-left:10px;
  211. overflow:hidden;
  212. background-color:#fff;
  213. opacity: 1;filter:alpha(opacity=60);
  214. -webkit-transition: all 0.7s ease;
  215. -moz-transition: all 0.7s ease;
  216. -o-transition: all 0.7s ease;}
  217.  
  218. #audioplayer:hover {
  219. opacity: 1; filter:alpha(opacity=60);}
  220.  
  221. #audioplayerz {
  222. width:25px;
  223. height:25px;
  224. margin-top:10px;
  225. margin-left:8px;
  226. overflow:hidden;
  227. padding:3px;}
  228.  
  229. #albumart {
  230. margin-left:0px;
  231. margin-right:10px;
  232. float:left;}
  233.  
  234. #audiostuff {
  235. color:{color:text};
  236. text-transform:uppercase;
  237. border-left:1px dashed;
  238. border-color:{color:audio title};
  239. font-family:'arial';
  240. float:left;
  241. text-align:left;
  242. height:35px;
  243. padding:8px;
  244. font-size:7px;
  245. margin-top:0px;
  246. margin-bottom:10px;
  247. margin-left:5px;}
  248.  
  249. /* CREDIT */
  250.  
  251. .credit a{z-index:99999;font-family:'calibri'; letter-spacing:1px; font-size:8px; bottom:1px; right:15px; position:fixed; padding:3px; text-align:right; font-weight:normal;opacity:1;}
  252.  
  253.  
  254. /*SIDEBAR*/
  255.  
  256. #sidebar {
  257. width:245px;
  258. height:100%;
  259. position:fixed;
  260. left:143px;
  261. margin-top:-20px;
  262. padding-top:10px;
  263. padding-bottom:10px;
  264. border-right:0px solid;
  265. border-color:{color:sidebar border};
  266. background-color:transparent;}
  267.  
  268. #title {
  269. text-align:left;
  270. width:245px;
  271. margin-left:auto;
  272. margin-right:auto;
  273. margin-top:140px;
  274. margin-bottom:3px;
  275. font-family:'arial';
  276. color:{color:blog title};
  277. letter-spacing:0px;
  278. font-style:none;
  279. font-weight:bold;
  280. text-transform:lowercase;
  281. font-size:14px;}
  282.  
  283. #sidebarimage {
  284. max-width:245px;
  285. margin-left:auto;
  286. margin-right:auto;
  287. text-align:center;
  288. margin-top:5px;}
  289.  
  290. #sidebarimage img {
  291. max-width:245px;
  292. height:auto;}
  293.  
  294. #description {
  295. z-index:99999;
  296. width:245px;
  297. height:auto;
  298. margin-top:3px;
  299. margin-left:auto;
  300. margin-right:auto;
  301. margin-bottom:15px;
  302. font-family:'calibri';
  303. font-style:none;
  304. font-size:10px;
  305. line-height:100%;
  306. text-transform:none;
  307. font-weight:normal;
  308. text-align:left;
  309. background-color:transparent;
  310. color:{color:sidebar text};}
  311.  
  312. /* PAGINATION */
  313.  
  314. #pagination {
  315. font-family:'trebuchet ms';
  316. font-size:8px;
  317. letter-spacing:1px;
  318. color:{color:pagination};
  319. width:245px;
  320. margin-top:5px;
  321. text-align:left;}
  322.  
  323. #pagination a {
  324. color:{color:pagination};
  325. text-align:center;
  326. padding-left:5px;
  327. padding-right:5px;}
  328.  
  329. #pagination a:hover {
  330. color:{color:links hover};}
  331.  
  332. /* NAVIGATION LINKS */
  333.  
  334. #Navlinks {
  335. overflow: hidden;
  336. width:245px;
  337. height:10px;
  338. margin-left:auto;
  339. margin-right:auto;
  340. margin-top:5px;
  341. margin-bottom:10px;
  342. word-spacing:0px;
  343. text-align:left;
  344. padding-bottom:5px;
  345. border-bottom:1px solid;
  346. border-color:{color:nav border};
  347. background-color:transparent;
  348. -webkit-transition: all 0.5s ease-in-out;
  349. -moz-transition: all 0.5s ease-in-out;
  350. -o-transition: all 0.5s ease-in-out;}
  351.  
  352. #Navlinks:hover {
  353. height:40px;
  354. -webkit-transition: all 0.5s ease-in-out;
  355. -moz-transition: all 0.5s ease-in-out;
  356. -o-transition: all 0.5s ease-in-out;}
  357.  
  358. #Navlinks a{
  359. display:inline-block;
  360. padding:2px;
  361. margin-bottom:3px;
  362. font-family:'arial';
  363. text-transform:lowercase;
  364. letter-spacing:1px;
  365. font-size:10px;
  366. color:{color:Navlinks};}
  367.  
  368. #Navlinks a:hover{
  369. color:{color:navlinks hover};
  370. transition:0.3s;
  371. -o-transition-transition:0.3s;
  372. -webkit-transition-duration:0.3s;
  373. -moz-transition-duration:0.3s;}
  374.  
  375. /* INFO & TAGS */
  376.  
  377. #info {
  378. width:500px;
  379. text-align:left;
  380. text-transform:uppercase;
  381. letter-spacing:1px;
  382. font-family:'arial';
  383. font-style:none;
  384. font-weight:normal;
  385. font-size:7px;
  386. color:{color:info};
  387. border-top:1px solid;
  388. border-color:{color:info border};
  389. margin-top:0px;
  390. margin-bottom:0px;
  391. margin-left:0px;
  392. margin-right:auto;
  393. padding-top:5px;
  394. padding-bottom:10px;}
  395.  
  396. #info a{
  397. color:{color:info};}
  398.  
  399. #info a:hover{
  400. color:{color:links hover};}
  401.  
  402. #tags {
  403. width:500px;
  404. word-wrap:break-word;
  405. font-family: 'arial';
  406. text-transform:lowercase;
  407. text-align:left;
  408. font-style:none;
  409. font-size:8px;
  410. line-height:10px;
  411. letter-spacing:1px;
  412. font-weight:normal;
  413. color:{color:tags};
  414. margin-top:-12px;
  415. padding: 3px 3px 60px 0px;
  416. -webkit-transition: opacity 0.5s linear;
  417. -webkit-transition: all 0.5s ease-in-out;
  418. -moz-transition: all 0.5s ease-in-out;
  419. -o-transition: all 0.5s ease-in-out; }
  420.  
  421. #tags a{
  422. color:{color:tags};}
  423.  
  424. #tags a:hover{
  425. color:{color:text};
  426. text-decoration:none;}
  427.  
  428. /* QUESTIONS */
  429.  
  430. #allask {
  431. background-color:transparent;
  432. padding-top:10px;
  433. padding-left:10px;
  434. padding-right:10px;
  435. padding-bottom:2px;
  436. background-color:{color:question bg};}
  437.  
  438. #question {
  439. background-color: none;
  440. color:{color:text};
  441. text-transform:none;
  442. text-align: justify;
  443. letter-spacing:0px;
  444. font-style:none;
  445. margin-left:32px;
  446. padding:13px;
  447. margin-top:-10px;}
  448.  
  449. #askerportrait {
  450. float:left;
  451. width:24px;
  452. height:24px;}
  453.  
  454. #answer {
  455. text-align: justify;
  456. background-color:none;
  457. padding:3px;
  458. margin-left:0px;}
  459.  
  460. /* SELECTION */
  461.  
  462. ::selection {color:{color:selection}; background: {color:selection BG};}
  463. ::-moz-selection {color: {color:selection}; background: {color:selection BG};}
  464. ::-webkit-selection {color:{color:selection} ; background:{color:selection BG};}
  465.  
  466. /*NOTES*/
  467.  
  468. ol.notes {
  469. padding: 0px;
  470. margin-left:20px;
  471. list-style-type:upper-roman;
  472. font-family:'cambria';
  473. font-size:8px;
  474. border-bottom: solid 1px #ccc;}
  475.  
  476. ol.notes li.note {
  477. border-top: solid 0px #ccc;
  478. padding: 3px;}
  479.  
  480. ol.notes li.note img.avatar {
  481. vertical-align: -4px;
  482. margin-right: 10px;
  483. width: 16px;
  484. height: 16px;
  485. border-radius:16px;}
  486.  
  487. ol.notes li.note span.action {
  488. font-weight: normal;
  489. text-transform:uppercase;
  490. font-size:8px;
  491. font-family:'calibri';}
  492.  
  493. ol.notes li.note .answer_content {
  494. font-weight: normal;}
  495.  
  496. ol.notes li.note blockquote {
  497. border-color: #eee;
  498. padding: 4px 10px;
  499. margin: 10px 0px 0px 5px;}
  500.  
  501. ol.notes li.note blockquote a {
  502. text-decoration: none;}
  503.  
  504.  
  505. {CustomCSS}</style></head>
  506.  
  507. <!------------------------------------------------------->
  508.  
  509. {block:IfInfiniteScroll}
  510. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  511. {/block:IfInfiniteScroll}
  512.  
  513. <!------------------------------------------------------->
  514.  
  515. <body>
  516.  
  517.  
  518. <div id="sidebar">
  519. <div id="title">{Title}</div>
  520. <div id="sidebarimage"><a href="/"><img src="{image:sidebarimage}"></a></div>
  521.  
  522. <div id="Navlinks">
  523.  
  524. + navigation</br></br>
  525. <a href="/ask">Ask</a>&nbsp;&nbsp;
  526. {block:IfShowLink1}<a href="{Text:Link 1 URL}">{Text:Link 1 Title}</a>&nbsp;&nbsp;{/block:IfShowLink1}
  527. {block:IfShowLink2}<a href="{Text:Link 2 URL}">{Text:Link 2 Title}</a>&nbsp;&nbsp;{/block:IfShowLink2}
  528. {block:IfShowLink3}<a href="{Text:Link 3 URL}">{Text:Link 3 Title}</a>&nbsp;&nbsp;{/block:IfShowLink3}
  529. {block:IfShowLink4}<a href="{Text:Link 4 URL}">{Text:Link 4 Title}</a>&nbsp;&nbsp;{/block:IfShowLink4}
  530. {block:IfShowLink5}<a href="{Text:Link 5 URL}">{Text:Link 5 Title}</a></br>{/block:IfShowLink5}
  531. </div>
  532.  
  533. <div id="description">{Description}</div>
  534.  
  535. {block:IfNotInfiniteScroll}<div id="pagination">
  536. {block:PreviousPage}<a href="{PreviousPage}">«</a>&nbsp;{/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}
  537. <span class="current_page"><span style="padding-left:5px; padding-right:5px;">{PageNumber}</span>{/block:CurrentPage}
  538. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}&nbsp;
  539. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</div></div>{/block:IfNotInfiniteScroll}</div>
  540.  
  541. {block:IfShowSidebar2}<div id="sidebar2"></div>{block:IfShowSidebar2}
  542.  
  543. <div id="entries"></br></br>
  544. <div class="autopagerize_page_element">
  545. {block:Posts}<div id="post">
  546.  
  547. {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="Allaudio">
  561. <div id="audioplayer">
  562. <div id="audioplayerz">{AudioPlayerWhite}</div></div>
  563. <div id="albumart">
  564. {block:AlbumArt}<img src="{AlbumArtURL}" width="50" height="50" style="box-shadow:3px 3px 0px #cdcdcd;">{/block:AlbumArt}</div>
  565. <div id="audiostuff">
  566. <span style="color:{color:audio title};text-transform:lowercase;font-size:14px;font-weight:bold">{block:TrackName}{TrackName}{/block:TrackName} {block:Artist}BY {Artist}<br>{/block:Artist}</span>
  567. {block:Album}FROM THE ALBUM: {Album}</br>{/block:Album}
  568. PLAYED: {PlayCount} TIMES.</div></div>
  569. {block:caption}{Caption}{/block:caption}
  570. {/block:Audio}
  571.  
  572. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  573.  
  574. {block:Answer}
  575. <div id="allask">
  576. <div id="askerportrait"><span style="width:24px;height:24px;"><img src="{AskerPortraitURL-24}" style="border:2px solid;border-color:{color:question border};padding:5px;background-color:{color:question bg}"></span></div>
  577.  
  578. <div id="question"><span style="font-family:georgia;text-transform:none;font-size:9px;font-style:italic;letter-spacing:1px">{Question}</span>
  579. <div style="border-bottom:1px solid;border-color:{color:question border};margin-top:2px;margin-bottom:-8px"></div></br><span style="text-transform:uppercase;font-size:8px;font-family:calibri;letter-spacing:1px;">ASKED BY {asker}.</span></div></div>
  580. <div id="answer">
  581. <span style="color:{color:text};">{Answer}</span></div>{/block:Answer}</div>
  582.  
  583. <div id="info">
  584. {block:Date}{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}{/block:Date}&nbsp;•
  585. <a href="{Permalink}">{NoteCount}&nbsp;<span style="color:#DC0101"><big>♥</big></span></a>&nbsp;•&nbsp;<a href="{ReblogURL}" target="_blank" class="details">reblog</a>
  586. {block:RebloggedFrom}&nbsp;•&nbsp;<a title ="{ReblogParentName}" href="{ReblogParentURL}">via</a>&nbsp;{block:ContentSource}•&nbsp;<a href="{SourceURL}">source</a> {/block:ContentSource} {/block:RebloggedFrom}</div>
  587.  
  588. <div id="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">{Tag};</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</div>
  589.  
  590. {/block:Posts}{block:PostNotes}{PostNotes}</div>{/block:PostNotes}
  591. </div>
  592.  
  593. <div class="credit"><a href="http://themesbyjasondilaurents.tumblr.com">© JASONDILAURENTS</a></div>
  594.  
  595. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement