Advertisement
missdilaurentis

MissDiLaurentis Theme #33

Jan 14th, 2015
4,350
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.99 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. <head>
  5. <title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9.  
  10. <!--
  11. THEME #33 BY EVILQUEENEDTHEMES
  12.  
  13. http://evilqueenedthemes.tumblr.com
  14.  
  15. Please do not use as base
  16. Don't claim as your own
  17. Don't remove my credit.
  18.  
  19. Thank you!
  20. -->
  21.  
  22. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  23.  
  24.  
  25. <!--DEFAULT VARIABLES-->
  26.  
  27. <!--COLORS-->
  28. <meta name="color:Audio title" content="#947f6e"/>
  29. <meta name="color:Background" content="#ffffff"/>
  30. <meta name="color:Bold" content="#947f6e"/>
  31. <meta name="color:Borders" content="#e5e5e5"/>
  32. <meta name="color:Caption" content="#f6f6f6"/>
  33. <meta name="color:Links" content="#decba4"/>
  34. <meta name="color:Links hover" content="#947f6e"/>
  35. <meta name="color:Navlinks" content="#aaa8a0"/>
  36. <meta name="color:Navlinks bg1" content="#947f6e"/>
  37. <meta name="color:Navlinks bg2" content="#c1ad9d"/>
  38. <meta name="color:Navlinks hover" content="#ffffff"/>
  39. <meta name="color:Question Border" content="#ede5f3"/>
  40. <meta name="color:Text" content="#838282"/>
  41. <meta name="color:Tags" content="#c5c5c5"/>
  42. <meta name="color:Title" content="#b2a283"/>
  43.  
  44. <meta name="image:Sidebar" content=""/>
  45.  
  46. <!--NAVIGATION LINKS-->
  47. <meta name="text:link1" content="">
  48. <meta name="text:link1 URL" content="/">
  49. <meta name="text:link2" content="">
  50. <meta name="text:link2 URL" content="/">
  51. <meta name="text:link3" content="">
  52. <meta name="text:link3 URL" content="/">
  53. <meta name="text:link4" content="">
  54. <meta name="text:link4 URL" content="/">
  55. <meta name="text:link5" content="">
  56. <meta name="text:link5 URL" content="/">
  57. <meta name="text:link6" content="">
  58. <meta name="text:link6 URL" content="/">
  59.  
  60. <!--SHOW NAVIGATION LINKS-->
  61. <meta name="if:Show Link1" content="1">
  62. <meta name="if:Show Link2" content="1">
  63. <meta name="if:Show Link3" content="1">
  64. <meta name="if:Show Link4" content="1">
  65. <meta name="if:Show Link5" content="1">
  66. <meta name="if:Show Link6" content="1">
  67.  
  68. <!--DEFAULT FONTS AND FONTS SIZE-->
  69. <meta name="text:Post Font Size" content="11px"/>
  70. <meta name="text:Post Font" content="Arial"/>
  71. <meta name="text:Small Font Size" content="10px"/>
  72. <meta name="text:Small Font" content="Consolas"/>
  73. <meta name="text:Sidebar Font Size" content="10px"/>
  74. <meta name="text:Sidebar Font" content="Calibri"/>
  75.  
  76. <style type="text/css">
  77.  
  78. /*SCROLLBAR*/
  79.  
  80. ::-webkit-scrollbar {
  81. width: 4px;
  82. height: 3px; background:#fff;}
  83. ::-webkit-scrollbar-thumb {background-color:{color:navlinks bg1};}
  84.  
  85. /*BASICS*/
  86.  
  87. body {
  88. background:{color:background};
  89. margin:0px;
  90. color:{color:text};
  91. font-family:'arial';
  92. font-size:11px;
  93. line-height:100%;}
  94.  
  95. a {
  96. text-decoration:none;
  97. padding:1px;
  98. color:{color:links};
  99. -moz-transition-duration:.5s;
  100. -webkit-transition-duration:.5s;
  101. -o-transition-duration:.5s;}
  102.  
  103. a:hover {
  104. color:{color:links hover};
  105. text-decoration:underline;
  106. -moz-transition-duration:.5s;
  107. -webkit-transition-duration:.5s;
  108. -o-transition-duration:.5s;}
  109.  
  110. a:hover img {background-color: transparent;text-decoration:none;}
  111.  
  112. img {
  113. border:none;}
  114.  
  115. b,strong {color:{color:bold};}
  116.  
  117. h1 {
  118. font-size:15px;
  119. line-height:15px;}
  120.  
  121. pre {
  122. font-family:{text:Small Font};
  123. font-size:{text:Small Font Size};
  124. letter-spacing:0px;}
  125.  
  126. .post_body{
  127. padding:10px;}
  128.  
  129. small, sub, sup {
  130. letter-spacing:0px;
  131. font-family:{text:Small Font};
  132. font-size:{text:Small Font Size};}
  133.  
  134. big {font-size:12px;}
  135.  
  136. ul, ol {padding:2px 0px 2px 20px; margin-left:12px;}
  137.  
  138. blockquote {
  139. padding:0px 0px 0px 20px;
  140. border-left:4px solid;
  141. border-color:{color:tags};
  142. margin-left:20px;}
  143.  
  144. blockquote blockquote {
  145. padding:0px 0px 0px 20px;
  146. border-left:4px solid;
  147. border-color:{color:tags};
  148. max-width:480px;}
  149.  
  150. blockquote img {
  151. max-width:300px}
  152.  
  153. /*QUOTES*/
  154.  
  155. #quote {
  156. font-size: 10px;
  157. line-height: 100%;
  158. font-weight:normal;
  159. font-style:none;
  160. color: {color:text};
  161. font-family: 'consolas';
  162. background-color:{color:caption};
  163. padding:10px;
  164. padding-left: 10px;}
  165.  
  166. #source {
  167. text-align:right;
  168. color:{color:text};
  169. font-size:9px;
  170. margin-top:5px;
  171. padding-bottom:15px;
  172. letter-spacing:1px;
  173. font-family:'georgia';
  174. text-transform:lowercase;
  175. font-style:italic;}
  176.  
  177. #caption {
  178. width:490px;
  179. background-color:{color:caption};
  180. margin-top:10px;
  181. word-wrap: break-word;
  182. padding:5px;}
  183.  
  184. /*POSTS*/
  185.  
  186. #entries {
  187. padding:10px;
  188. width:500px;
  189. margin-left:560px;
  190. margin-top:40px;}
  191.  
  192. #post {
  193. font-family:{text:Post Font};
  194. font-size:{text:Post Font Size};
  195. width:500px;
  196. padding-bottom:40px;}
  197.  
  198. /*SIDEBAR*/
  199.  
  200. #sidebar {
  201. width:245px;
  202. position:fixed;
  203. margin-left:260px;
  204. margin-top:150px;}
  205.  
  206. #title {
  207. color:{color:title};
  208. font-size:25px;
  209. text-align:left;
  210. margin-bottom:5px;
  211. font-family:'arial';
  212. letter-spacing:-2px;
  213. font-weight:bold;}
  214.  
  215. #sidebarimage {
  216. width:245px;}
  217.  
  218. #sidebarimage img {
  219. padding-bottom:10px;
  220. width:245px;}
  221.  
  222. #description {
  223. color:{color:Text};
  224. font-family:{text:Sidebar Font};
  225. font-size:{text:Sidebar Font Size};
  226. text-transform:none;
  227. letter-spacing:0px;
  228. margin-top:10px;
  229. margin-bottom:5px;
  230. text-align:left;
  231. border-bottom:1px solid;
  232. border-color:{color:borders};
  233. padding-bottom:10px;
  234. width:245px;}
  235.  
  236. /* PAGINATION */
  237.  
  238. #pagination {
  239. font-family:'calibri';
  240. width:241px;
  241. text-transform:uppercase;
  242. word-spacing:-1px;
  243. letter-spacing:1px;
  244. font-size:8px;
  245. padding:2px;
  246. margin-top:5px;
  247. margin-left:auto;
  248. margin-right:auto;
  249. font-weight:bold;
  250. background-color:transparent;
  251. text-align:center;
  252. color:{color:text};}
  253.  
  254. #pagination a {
  255. color:{color:text};
  256. background-color:transparent;
  257. padding:3px;}
  258.  
  259. #pagination a:hover {
  260. text-decoration:none;
  261. color:{color:navlinks bg1};}
  262.  
  263. /*INFO*/
  264.  
  265. #info {
  266. text-transform:uppercase;
  267. font-weight:bold;
  268. letter-spacing:1px;
  269. font-family:'calibri';
  270. font-size:8px;
  271. color:{color:text};
  272. text-align:center;
  273. margin-top:10px;
  274. border-bottom:1px solid;
  275. border-color:{color:borders};
  276. -moz-transition-duration:.5s;
  277. -webkit-transition-duration:.5s;
  278. -o-transition-duration:.5s;}
  279.  
  280. #info a{
  281. border-bottom:3px solid;
  282. border-color:transparent;
  283. padding-bottom:10px;
  284. color:{color:text};
  285. -moz-transition-duration:.5s;
  286. -webkit-transition-duration:.5s;
  287. -o-transition-duration:.5s;}
  288.  
  289. #info a:hover {
  290. text-decoration:none;
  291. border-bottom:3px solid;
  292. border-color:{color:links};
  293. padding-bottom:0px;
  294. color:{color:links};
  295. -moz-transition-duration:.5s;
  296. -webkit-transition-duration:.5s;
  297. -o-transition-duration:.5s;}
  298.  
  299. /* QUESTIONS */
  300.  
  301. #allask {
  302. background-color:transparent;
  303. padding-bottom:2px;
  304. background-color:{color:question bg};}
  305.  
  306. #question {
  307. background-color: none;
  308. color:{color:text};
  309. text-transform:none;
  310. text-align: justify;
  311. letter-spacing:0px;
  312. font-style:none;
  313. margin-left:0px;
  314. margin-top:0px;
  315. padding-bottom:3px;
  316. border-bottom:3px solid;
  317. border-color:{color:question border};}
  318.  
  319. #answer {
  320. text-align: justify;
  321. margin-top:15px;
  322. background-color:none;
  323. margin-left:0px;}
  324.  
  325. #askerportrait {
  326. float:left;
  327. background-color:{color:background};
  328. padding-right:4px;
  329. margin-top:-1px;
  330. width:24px;
  331. height:24px;}
  332.  
  333. /*NAVLINKS*/
  334.  
  335. #navlinks {
  336. z-index:9999;
  337. width:245px;
  338. margin-top:8px;
  339. text-align:left;
  340. background-color:transparent;
  341. font-family:'calibri';
  342. font-size:8px;
  343. text-transform:uppercase;
  344. border-bottom:1px solid;
  345. border-color:{color:borders};
  346. padding-bottom:6px;
  347. transition:0.5s;
  348. -o-transition-transition:0.5s;
  349. -webkit-transition-duration:0.5s;
  350. -moz-transition-duration:0.5s;}
  351.  
  352. #navlinks a:nth-of-type(odd):hover{;box-shadow:inset 245px 0px {color:navlinks bg1};-webkit-box-shadow:inset 245px 0px {color:navlinks bg1} }
  353.  
  354. #navlinks a:nth-of-type(even):hover{;box-shadow:inset 245px 0px {color:navlinks bg2};-webkit-box-shadow:inset 245px 0px {color:navlinks bg2} }
  355.  
  356. #navlinks a{
  357. font-weight:bold;
  358. width:241px;
  359. height:12px;
  360. display:inline-block;
  361. white-space:nowrap;
  362. color:{color:Navlinks};
  363. letter-spacing:2px;
  364. padding:2px;
  365. margin-bottom:1px;
  366. transition:0.5s;
  367. -o-transition-transition:0.5s;
  368. -webkit-transition-duration:0.5s;
  369. -moz-transition-duration:0.5s;}
  370.  
  371. #navlinks a:hover {
  372. text-decoration:none;
  373. letter-spacing:16px;
  374. box-shadow:inset 245px 0px {color:navlinks bg};
  375. -webkit-box-shadow:inset 245px 0px {color:navlinks bg};
  376. color:{color:navlinks hover};
  377. transition:0.5s;
  378. -o-transition-transition:0.5s;
  379. -webkit-transition-duration:0.5s;
  380. -moz-transition-duration:0.5s;}
  381.  
  382. /* AUDIO */
  383.  
  384. #Allaudio {
  385. width:500px;
  386. height:50px;
  387. background-color:#e4e4e4;}
  388.  
  389. #audioplayer {
  390. float:right;
  391. height:50px;
  392. width:50px;
  393. margin-top:0px;
  394. margin-left:10px;
  395. overflow:hidden;
  396. background-color:#e4e4e4;
  397. opacity: 1;filter:alpha(opacity=60);
  398. -webkit-transition: all 0.7s ease;
  399. -moz-transition: all 0.7s ease;
  400. -o-transition: all 0.7s ease;}
  401.  
  402. #audioplayer:hover {
  403. opacity: 1; filter:alpha(opacity=60);}
  404.  
  405. #audioplayerz {
  406. width:25px;
  407. height:25px;
  408. margin-top:10px;
  409. margin-left:8px;
  410. overflow:hidden;
  411. padding:3px;}
  412.  
  413. #albumart {
  414. margin-left:0px;
  415. margin-right:10px;
  416. float:left;}
  417.  
  418. #audiostuff {
  419. color:{color:bold};
  420. text-transform:uppercase;
  421. font-family:'calibri';
  422. float:left;
  423. text-align:left;
  424. height:35px;
  425. padding:0px;
  426. font-size:8px;
  427. letter-spacing:1px;
  428. margin-top:12px;
  429. margin-left:0px;}
  430.  
  431. /*TAGS*/
  432.  
  433. #tags {
  434. max-width:500px;
  435. margin-top:2px;
  436. word-wrap:break-word;
  437. margin-bottom:10px;
  438. text-align:center;
  439. color:{color:tags};
  440. text-transform:uppercase;
  441. font-size:8px;
  442. font-weight:none;
  443. font-style:italic;
  444. letter-spacing:1px;
  445. font-family:'calibri';
  446. line-height:100%;}
  447.  
  448. #tags a{
  449. color:{color:text};
  450. padding:0px;}
  451.  
  452. #tags a:hover{
  453. text-decoration:none;
  454. color:{color:links};}
  455.  
  456. /*CREDIT*/
  457.  
  458. .credit a{z-index:99999;font-family:'calibri'; letter-spacing:0px; font-size:8px; bottom:1px; right:5px; position:fixed; padding:3px; text-align:right; font-weight:normal;opacity:1;}
  459.  
  460. /*CHAT*/
  461.  
  462. .chat ol {
  463. padding:0px;
  464. line-height:180%;
  465. text-transform:uppercase;
  466. font-size:8px;
  467. font-family:'calibri';
  468. letter-spacing:1px;
  469. list-style:none;}
  470.  
  471. .label {
  472. padding-right:1px;
  473. text-transform:uppercase;
  474. font-size:8px;
  475. font-family:'calibri';
  476. letter-spacing:1px;
  477. font-weight:bold;
  478. color:{color:links};}
  479.  
  480. .line.odd {
  481. padding:7px;
  482. margin-bottom:6px;
  483. background:#fafafa;}
  484.  
  485. .line.even {
  486. padding:7px;
  487. margin-bottom:6px;
  488. background:#fefefe;}
  489.  
  490. /*POST NOTES*/
  491.  
  492. ol.notes {
  493. padding: 0px;
  494. width:500px;
  495. height:200px;
  496. overflow-y:auto;
  497. list-style-type:none;
  498. font-family:'calibri';
  499. text-transform:uppercase;
  500. margin-top:30px;
  501. margin-left:0px;
  502. font-size:8px;}
  503.  
  504. ol.notes li.note {
  505. border-top: solid 0px #ccc;
  506. margin-bottom:7px;
  507. padding: 3px;}
  508.  
  509. ol.notes li.note img.avatar {
  510. display:none;}
  511.  
  512. ol.notes li.note blockquote {
  513. border-color: #eee;
  514. padding: 4px 10px;
  515. margin: 10px 0px 0px 5px;}
  516.  
  517. ol.notes li.note blockquote a {
  518. text-decoration: none;
  519. font-family:'arial';
  520. text-transform:uppercase;}
  521.  
  522.  
  523.  
  524. {CustomCSS}</style></head><body>
  525.  
  526. <div id="sidebar">
  527. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  528.  
  529. <div id="title">{Title}</div>
  530. <div id="description">{Description}</div>
  531. <div id="navlinks">
  532. {block:IfShowLink1}<a href="{text:link1 URL}">{text:link1}</a>{/block:IfShowLink1}
  533. {block:IfShowLink2}<a href="{text:link2 URL}">{text:link2}</a>{/block:IfShowLink2}
  534. {block:IfShowLink3}<a href="{text:link3 URL}">{text:link3}</a>{/block:IfShowLink3}
  535. {block:IfShowLink4}<a href="{text:link4 URL}">{text:link4}</a>{/block:IfShowLink4}
  536. {block:IfShowLink5}<a href="{text:link5 URL}">{text:link5}</a>{/block:IfShowLink5}
  537. {block:IfShowLink6}<a href="{text:link6 URL}">{text:link6}</a>{/block:IfShowLink6}
  538. </div>
  539.  
  540. <center>{block:Pagination}<div id="pagination"><span style="color:{color:pagination}">
  541. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  542. {lang:Page CurrentPage of TotalPages}
  543. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  544. </div>{/block:Pagination}</span></div></center>
  545. </div>
  546.  
  547.  
  548. <div id="entries">
  549. {block:Posts}
  550. <div id="post">
  551.  
  552. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  553.  
  554. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{link3loseTag}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  555.  
  556. {block:Photoset}{Photoset-500}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  557.  
  558. {block:Quote}<div id="quote">{Quote}</div>{block:Source} <div id="source">— {Source}</div>{/block:Source}{/block:Quote}
  559.  
  560. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  561.  
  562. {block:Chat}
  563. {block:Title}
  564. <h1>{Title}</h1>
  565. {/block:Title}
  566. <div class="chat">
  567. <ol>{block:Lines}
  568. <li class="line {Alt}">
  569. {block:Label}
  570. <span class="label">
  571. {Label}</span>
  572. {/block:Label}{Line}</li>
  573. {/block:Lines}
  574. </ol></div>
  575. {/block:Chat}
  576.  
  577. {block:Audio}
  578. <div id="Allaudio">
  579. <div id="audioplayer">
  580. <div id="audioplayerz">{AudioPlayerGrey}</div></div>
  581. <div id="albumart">
  582. {block:AlbumArt}<img src="{AlbumArtURL}" width="50" height="50">{/block:AlbumArt}</div>
  583. <div id="audiostuff">
  584. <span style="color:{color:audio title};text-transform:lowercase;font-size:14px;font-weight:bold;font-family:cambria;font-style:italic">{block:TrackName}{TrackName}{/block:TrackName}</span></br>
  585. {block:Artist}{Artist}{/block:Artist} ||
  586. PLAYED {PlayCount} TIMES.</div></div>
  587. {block:caption}<span style="margin-top:-3px"><div id="caption">{Caption}</div></span>{/block:caption}
  588. {/block:Audio}
  589.  
  590. {block:Video}{Video-500}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:Video}
  591.  
  592. {block:Answer}
  593. <div id="allask">
  594. <div id="askerportrait"><span style="width:24px;height:24px;"><img src="{AskerPortraitURL-24}" style="border-radius:100%;"></span></div>
  595. <div id="question">
  596. <span style="text-transform:lowercase;font-size:14px;font-family:cambria;font-weight:bold;font-style:italic">{asker}:</span>
  597. <span style="font-family:cambria;font-style:italic;text-transform:none;font-size:12px;">{Question}</span>
  598. </div></div>
  599. <div id="answer">
  600. <span style="color:{color:text};">{Answer}</span></div>{/block:Answer}
  601.  
  602. {block:Date}<div id="info"><a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> {block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount} {block:RebloggedFrom} — <a title ="{ReblogParentName}" href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  603. {block:ContentSource} , <a href="{SourceURL}">source</a>{/block:ContentSource} {/block:Date} — <a href="{ReblogURL}" target="_blank" class="details">reblog</a></div>
  604. {block:HasTags}
  605. <div id="tags">
  606. {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}</div>
  607. {/block:HasTags}
  608. <div class="postnote">
  609. {block:PostNotes}{PostNotes}{/block:PostNotes}
  610. </div>
  611. </div>
  612. {/block:Posts}
  613.  
  614. <div class="credit"><a href="http://evilqueenedthemes.tumblr.com">© EVILQUEENED</a></div>
  615.  
  616. </body>
  617. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement