missdilaurentis

MissDiLaurentis Theme #28

Apr 6th, 2014
11,820
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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 #28 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. <!--DEFAULT VARIABLES-->
  27.  
  28. <!--COLORS-->
  29. <meta name="color:Audio bg" content="#e4e4e4"/>
  30. <meta name="color:Audio title" content="#ba001c"/>
  31. <meta name="color:Background" content="#ffffff"/>
  32. <meta name="color:Bold" content="#000000"/>
  33. <meta name="color:Blog title" content="#ffffff"/>
  34. <meta name="color:Blog title bg" content="#232323"/>
  35. <meta name="color:Description bg" content="#ededed"/>
  36. <meta name="color:Entry bg" content="#f7f7f7"/>
  37. <meta name="color:Info" content="#cccccc"/>
  38. <meta name="color:Info bg" content="#232323"/>
  39. <meta name="color:Info buttons" content="#ba001c"/>
  40. <meta name="color:Info buttons hover" content="#ffffff"/>
  41. <meta name="color:Italic" content="#555555"/>
  42. <meta name="color:leftbar" content="#ba001c"/>
  43. <meta name="color:Links" content="#ba001c"/>
  44. <meta name="color:Links Hover" content="#fe072c"/>
  45. <meta name="color:More button" content="#ffffff"/>
  46. <meta name="color:More button bg" content="#232323"/>
  47. <meta name="color:Navbar" content="#232323"/>
  48. <meta name="color:Navi" content="#000000"/>
  49. <meta name="color:Navi hover" content="#ba001c"/>
  50. <meta name="color:Navicons bg" content="#232323"/>
  51. <meta name="color:Navicons bg hover" content="#ba001c"/>
  52. <meta name="color:NavLinks" content="#000000"/>
  53. <meta name="color:NavLinks bg" content="#ededed"/>
  54. <meta name="color:NavLinks bg hover" content="#ffffff"/>
  55. <meta name="color:Post title" content="#000000"/>
  56. <meta name="color:Post title bg" content="#ededed"/>
  57. <meta name="color:Question Bg" content="#ededed"/>
  58. <meta name="color:Question Border" content="#ba001c"/>
  59. <meta name="color:Question Icon bg" content="#232323"/>
  60. <meta name="color:Question Icon border" content="#ba001c"/>
  61. <meta name="color:Rightpics bg" content="#232323"/>
  62. <meta name="color:Rightpics border" content="#000000"/>
  63. <meta name="color:Rightsb Background" content="#232323"/>
  64. <meta name="color:Selection" content="#ffffff"/>
  65. <meta name="color:Selection BG" content="#000000"/>
  66. <meta name="color:Scrollbar" content="#000000"/>
  67. <meta name="color:Scrollbar bg" content="#ffffff"/>
  68. <meta name="color:Searchbox" content="#232323"/>
  69. <meta name="color:Searchbox text" content="#ffffff"/>
  70. <meta name="color:Sidebar Text" content="#a3a3a3"/>
  71. <meta name="color:Tags" content="#898686"/>
  72. <meta name="color:Text" content="#9f9f9f"/>
  73.  
  74. <!--IMAGES-->
  75. <meta name="image:Background" content="" />
  76. <meta name="image:Sidebar" content=""/>
  77. <meta name="image:Rightpic1" content=""/>
  78. <meta name="image:Rightpic2" content=""/>
  79. <meta name="image:Rightpic3" content=""/>
  80.  
  81. <!--NAVIGATION LINKS-->
  82. <meta name="text:Link 1 URL" content="/" />
  83. <meta name="text:Link 1 Title" content="link 1" />
  84. <meta name="text:Link 2 URL" content="/" />
  85. <meta name="text:Link 2 Title" content="link 2" />
  86. <meta name="text:Link 3 URL" content="/" />
  87. <meta name="text:Link 3 Title" content="link 3" />
  88. <meta name="text:Link 4 URL" content="/" />
  89. <meta name="text:Link 4 Title" content="link 4" />
  90. <meta name="text:Link 5 URL" content="/" />
  91. <meta name="text:Link 5 Title" content="link 5" />
  92. <meta name="text:Link 6 URL" content="/" />
  93. <meta name="text:Link 6 Title" content="link 6" />
  94.  
  95. <!--DEFAULT FONTS AND FONTS SIZE-->
  96. <meta name="text:Post Font Size" content="11px"/>
  97. <meta name="text:Post Font" content="Calibri"/>
  98. <meta name="text:Sidebar Font Size" content="8px"/>
  99. <meta name="text:Sidebar Font" content="Calibri"/>
  100. <meta name="text:Quote Font Size" content="20px"/>
  101.  
  102. <!--GOOGLE WEB FONTS-->
  103. <meta name="text:Google Web Font name" content='Open Sans'/>
  104. <link href='http://fonts.googleapis.com/css?family={text:Google Web Font name}' rel='stylesheet' type='text/css'>
  105.  
  106. <!--ASKBOX OPTIONS-->
  107. <meta name="text:ASKBOX URL" content="type your url without http://" />
  108. <meta name="text:Askbox Title" content="your askbox title" />
  109.  
  110. <!--SHOW/HIDE OPTIONS-->
  111. <meta name="if:Show Link1" content="1">
  112. <meta name="if:Show Link2" content="1">
  113. <meta name="if:Show Link3" content="1">
  114. <meta name="if:Show Link4" content="1">
  115. <meta name="if:Show Link5" content="1">
  116. <meta name="if:Show Link6" content="1">
  117. <meta name="if:Show Blog title" content="1">
  118. <meta name="if:Popup Ask" content="1">
  119. <meta name="if:Searchbox" content="1">
  120. <meta name="if:Infobuttons" content="1">
  121. <meta name="if:Navbar" content="1">
  122. <meta name="if:Circlepic" content="0">
  123. <meta name="if:Rightsb" content="1">
  124.  
  125. <!--END OF DEFAULT VARIABLES-->
  126.  
  127.  
  128. <style type="text/css">
  129.  
  130.  
  131. body {
  132. background:{color:background};
  133. background-image: url('{image:background}');
  134. background-attachment:fixed;
  135. margin:0px;
  136. color:{color:text};
  137. font-family:'calibri';
  138. font-size:11px;
  139. line-height:100%;}
  140.  
  141.  
  142. /* SCROLLBAR */
  143.  
  144. ::-webkit-scrollbar-thumb:vertical {
  145. height:12px;;
  146. background-color:{color:scrollbar};}
  147. ::-webkit-scrollbar-thumb:horizontal {
  148. background-color:{color:scrollbar bg};}
  149. ::-webkit-scrollbar {
  150. width:5px;
  151. height:7px;
  152. background-color:{color:scrollbar bg};}
  153.  
  154.  
  155. /* BASICS */
  156.  
  157. a, a:active, a:visited {
  158. transition:0.3s;
  159. -o-transition-transition:0.3s;
  160. -webkit-transition-duration:0.3s;
  161. -moz-transition-duration:0.3s;
  162. text-decoration:none;
  163. color:{color:links};}
  164.  
  165. a:hover {
  166. transition:0.3s;
  167. -o-transition-transition:0.3s;
  168. -webkit-transition-duration:0.3s;
  169. -moz-transition-duration:0.3s;
  170. text-decoration:none;
  171. color:{color:links hover};
  172. background-color:{color:transparent};}
  173.  
  174. blockquote {
  175. padding-left: 5px;
  176. border-left: 2px solid ;border-color:{color:text};
  177. max-width:500px;}
  178.  
  179. blockquote blockquote {
  180. padding-left:5px;
  181. border-left:2px solid ;border-color:{color:text};
  182. max-width:500px;}
  183.  
  184. b, strong {color:{color:bold};}
  185. i, em {color:{color:italic};letter-spacing:1px;}
  186. p{margin-top:5px; margin-bottom:5px}
  187.  
  188. blockquote {
  189. padding:0px;
  190. padding-left:5px;
  191. margin:5px;
  192. margin-top:10px;
  193. margin-bottom:10px;
  194. border-left:2px solid ; border-color:{color:text};
  195. max-width:500px;}
  196.  
  197. blockquote img {
  198. max-width:450px}
  199.  
  200. ul, li img {
  201. max-width:300px}
  202.  
  203. h1 {
  204. font-size:12px;
  205. font-family:'calibri';
  206. line-height:100%;
  207. text-transform:none;
  208. margin-bottom:15px;
  209. font-weight:normal;
  210. font-style:none;
  211. text-align:center;
  212. color:{color:post title};}
  213.  
  214.  
  215. /* POSTS */
  216.  
  217. #entries {
  218. padding:10px;
  219. width:520px;
  220. margin-left:360px;
  221. padding-left:40px;
  222. padding-right:40px;
  223. margin-right:auto;
  224. margin-top:0px;
  225. background-color:{color:entry bg};
  226. color:{color:Text};}
  227.  
  228. #post {
  229. width:500px;
  230. padding:10px;
  231. margin-top:-10px;
  232. font-family:{text:Post Font};
  233. font-size:{text:Post Font Size};
  234. text-transform:none;
  235. color:{color:text};
  236. word-wrap: break-word;}
  237.  
  238. #quote {
  239. font-size:{text:Quote Font Size};
  240. line-height: 100%;
  241. font-style:italic;
  242. color: {color:text};
  243. font-family: '{text:Google Web Font name}';
  244. padding-left: 0px;}
  245.  
  246. #source {
  247. text-align: left;
  248. font-style:none;}
  249.  
  250.  
  251. /* AUDIO */
  252.  
  253. #Allaudio {
  254. width:480px;
  255. height:100px;
  256. padding:10px;
  257. background-color:{color:audio bg};}
  258.  
  259. #audioplayer {
  260. float:right;
  261. height:100px;
  262. width:100px;
  263. margin-top:0px;
  264. margin-left:10px;
  265. overflow:hidden;
  266. background-color:{color:audio bg};
  267. opacity: 0.4;filter:alpha(opacity=60);
  268. -webkit-transition: all 0.7s ease;
  269. -moz-transition: all 0.7s ease;
  270. -o-transition: all 0.7s ease;}
  271.  
  272. #audioplayer:hover {
  273. opacity: 1; filter:alpha(opacity=60);}
  274.  
  275. #audioplayerz {
  276. width:25px;
  277. height:25px;
  278. margin-top:35px;
  279. margin-left:35px;
  280. overflow:hidden;
  281. padding:3px;}
  282.  
  283. #albumart {
  284. margin-top:0px;
  285. margin-left:0px;
  286. margin-right:10px;
  287. float:left;}
  288.  
  289. #audiostuff {
  290. font-style:italic;
  291. color:{color:text};
  292. text-transform:uppercase;
  293. font-family:'calibri';
  294. float:left;
  295. text-align:center;
  296. padding:8px;
  297. letter-spacing:1;
  298. font-size:10px;
  299. margin-top:15px;
  300. margin-bottom:10px;
  301. margin-left:20px;}
  302.  
  303.  
  304. /* CREDIT */
  305.  
  306. .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;}
  307.  
  308.  
  309. /* SIDEBAR */
  310.  
  311. #sidebar {
  312. width:200px;
  313. position:fixed;
  314. left:105px;
  315. margin-top:-80px;
  316. padding-bottom:5px;}
  317.  
  318. #title {
  319. text-align:center;
  320. width:194px;
  321. background-color:{color:blog title bg};
  322. padding:3px;
  323. line-height:11px;
  324. margin-bottom:0px;
  325. margin-left:auto;
  326. margin-right:auto;
  327. margin-top:5px;
  328. font-family:'calibri';
  329. color:{color:blog title};
  330. letter-spacing:1px;
  331. font-style:none;
  332. text-transform:uppercase;
  333. font-size:10px;}
  334.  
  335. {block:IfNotCirclepic}
  336. #sidebarimage {
  337. width:200px;
  338. margin-bottom:-3px;
  339. margin-left:auto;
  340. margin-right:auto;
  341. text-align:center;
  342. margin-top:180px;}
  343.  
  344. #sidebarimage img {
  345. width:200px;
  346. height:auto;}{block:IfNotCirclepic}
  347.  
  348. {block:IfCirclepic}
  349. #sidebarimage {
  350. width:150px;
  351. margin-bottom:-3px;
  352. margin-left:auto;
  353. margin-right:auto;
  354. text-align:center;
  355. margin-top:180px;}
  356.  
  357. #sidebarimage img {
  358. width:150px;
  359. border-radius:50%;
  360. height:150px;}{/block:IfCirclepic}
  361.  
  362. #description {
  363. z-index:999999;
  364. width:190px;
  365. padding:5px;
  366. height:auto;
  367. {block:IfShowBlogtitle}margin-top:5px;{/block:IfShowBlogtitle}
  368. {block:IfNotShowBlogtitle}margin-top:10px;{/block:IfNotShowBlogtitle}
  369. margin-left:auto;
  370. margin-right:auto;
  371. margin-bottom:5px;
  372. font-family:{text:Sidebar Font};
  373. font-size:{text:Sidebar Font Size};
  374. letter-spacing:1px;
  375. font-style:none;
  376. text-transform:uppercase;
  377. font-weight:normal;
  378. text-align:left;
  379. color:{color:sidebar text};
  380. background-color:{color:description bg};}
  381.  
  382. /* NAVIGATION ICONS */
  383. {block:IfNavbar}
  384. #lbar {
  385. z-index:9999999;
  386. width:70px;
  387. height:100%;
  388. position:fixed;
  389. left:0px;
  390. margin-top:-10px;
  391. padding-top:10px;
  392. padding-bottom:10px;
  393. background-color:{color:leftbar};}
  394.  
  395. #navbar {
  396. z-index:9999999;
  397. width:30px;
  398. height:100%;
  399. position:fixed;
  400. left:70px;
  401. margin-top:-10px;
  402. padding-top:10px;
  403. padding-bottom:10px;
  404. background-color:{color:navbar};}
  405.  
  406. #navic {
  407. margin-top:120px;
  408. margin-left:auto;
  409. margin-right:auto;
  410. text-align:center;}
  411.  
  412. #navic img {
  413. margin-left:auto;
  414. margin-right:auto;
  415. text-align:center;
  416. padding:3px;
  417. background-color:{color:navicons bg};
  418. -webkit-transition: opacity 0.5s linear;
  419. -webkit-transition: all 0.5s ease-in-out;
  420. -moz-transition: all 0.5s ease-in-out;
  421. -o-transition: all 0.5s ease-in-out;}
  422.  
  423. #navic img:hover {
  424. opacity:0.7;
  425. background-color:{color:navicons bg hover};
  426. -webkit-transition: opacity 0.5s linear;
  427. -webkit-transition: all 0.5s ease-in-out;
  428. -moz-transition: all 0.5s ease-in-out;
  429. -o-transition: all 0.5s ease-in-out;}{/block:IfNavbar}
  430.  
  431. {block:IfNotNavbar}
  432. #navs {
  433. background-color:transparent;
  434. width:200px;
  435. margin-left:auto;
  436. margin-right:auto;
  437. margin-top:5px;
  438. margin-bottom:3px;
  439. word-spacing:1px;
  440. text-align:center;}
  441.  
  442. #navs a{
  443. display:inline-block;
  444. padding:5px;
  445. font-family:'calibri';
  446. font-weight:normal;
  447. text-transform:uppercase;
  448. letter-spacing:1px;
  449. text-align:center;
  450. font-size:8px;
  451. color:{color:Navi};}
  452.  
  453. #navs a:hover{
  454. text-decoration:underline;
  455. color:{color:Navi hover};}{/block:IfNotNavbar}
  456.  
  457.  
  458. /*SEARCH BOX*/
  459.  
  460. .sfm input {
  461. background-color:{color:searchbox};
  462. font-size: 8px;
  463. border: 0px;
  464. text-transform: uppercase;
  465. margin-top:0px;
  466. color:{color:searchbox text};
  467. letter-spacing: 1px;
  468. padding: 4px 8px;
  469. font-family: calibri, helvetica, arial;}
  470.  
  471. #sb {
  472. height: 10px;
  473. vertical-align:top;
  474. background-color:{color:searchbox};}
  475.  
  476. #sf {
  477. width:150px;}
  478.  
  479.  
  480. /* NAVIGATION LINKS */
  481.  
  482. #bx {
  483. {block:IfSearchbox}height:25px;{/block:IfSearchbox}
  484. {block:IfNotSearchbox}height:20px;{/block:IfNotSearchbox}
  485. background-color:transparent;
  486. text-align:center;
  487. overflow: hidden;
  488. transition: all 0.4s ease-out;
  489. -o-transition: all 0.4s ease-out;
  490. -webkit-transition: all 0.4s ease-out;
  491. -moz-transition: all 0.4s ease-out;}
  492.  
  493. #bx:hover {
  494. height: 120px;
  495. transition: all 0.4s ease-out;
  496. -o-transition: all 0.4s ease-out;
  497. -webkit-transition: all 0.4s ease-out;
  498. -moz-transition: all 0.4s ease-out;}
  499.  
  500. .substuff {
  501. background-color:transparent;}
  502.  
  503. #Navlinks {
  504. background-color:transparent;
  505. width:200px;
  506. margin-left:auto;
  507. margin-right:auto;
  508. margin-top:5px;
  509. margin-bottom:10px;
  510. word-spacing:1px;
  511. text-align:center;}
  512.  
  513. #Navlinks a{
  514. display:inline-block;
  515. width:88px;
  516. padding:5px;
  517. margin-bottom:3px;
  518. font-family:'calibri';
  519. font-weight:normal;
  520. text-transform:uppercase;
  521. letter-spacing:1px;
  522. text-align:center;
  523. font-size:8px;
  524. color:{color:Navlinks};
  525. background-color:{color:navlinks bg};}
  526.  
  527. #Navlinks a:hover{
  528. background-color:{color:Navlinks bg hover};
  529. font-style:italic;
  530. font-weight:bold;
  531. transition:0.2s;
  532. -o-transition-transition:0.2s;
  533. -webkit-transition-duration:0.2s;
  534. -moz-transition-duration:0.2s;}
  535.  
  536.  
  537. /*RIGHT SIDEBAR*/
  538.  
  539. #allrightsb {
  540. width:190px;
  541. height:110%;
  542. margin-left:1050px;
  543. height:110%;}
  544.  
  545. #Rightsidebar {
  546. position:fixed;
  547. width:90px;
  548. height:110%;
  549. margin-left:0px;
  550. margin-top:-10px;
  551. padding-left:0px;
  552. padding-right:10px;
  553. background-color:{color:rightsb background};}
  554.  
  555. #Rightpic1 {
  556. width:120px;
  557. margin-top:112px;
  558. margin-left:-27px;
  559. margin-right:auto;
  560. text-align:center;}
  561.  
  562. #Rightpic1 img {
  563. width:120px;
  564. height:120px;
  565. border:15px solid;
  566. background-color:{color:rightpics bg};
  567. border-color:{color:rightpics bg};
  568. outline:1px double;
  569. outline-color:{color:rightpics border};}
  570.  
  571. #Rightpic2 {
  572. width:120px;
  573. margin-top:10px;}
  574.  
  575. #Rightpic2 img {
  576. width:120px;
  577. height:120px;
  578. border:15px solid;
  579. background-color:{color:rightpics bg};
  580. border-color:{color:rightpics bg};
  581. outline:1px double;
  582. outline-color:{color:rightpics border};}
  583.  
  584. #Rightpic3 {
  585. width:120px;
  586. margin-top: 10px;}
  587.  
  588. #Rightpic3 img {
  589. width:120px;
  590. height:120px;
  591. border:15px solid;
  592. background-color:{color:rightpics bg};
  593. border-color:{color:rightpics bg};
  594. outline:1px double;
  595. outline-color:{color:rightpics border};}
  596.  
  597.  
  598. /* INFO & TAGS */
  599.  
  600. #allbottom {
  601. background-color:{color:info bg};
  602. padding-top:5px;
  603. padding-bottom:7px;
  604. padding-left:5px;}
  605.  
  606. {block:IfInfobuttons}
  607. #info {
  608. text-align:left;
  609. text-transform:uppercase;
  610. letter-spacing:1px;
  611. font-family:'trebuchet ms';
  612. font-style:none;
  613. font-weight:normal;
  614. font-size:7px;
  615. color:{color:info};
  616. margin-top:-43px;
  617. margin-left:60px;
  618. background-color:{color:info bg};
  619. padding-top:10px;
  620. padding-bottom:5px;
  621. padding-left:10px;}{/block:IfInfobuttons}
  622.  
  623. {block:IfNotInfobuttons}
  624. #info {
  625. text-align:left;
  626. text-transform:uppercase;
  627. letter-spacing:1px;
  628. font-family:'trebuchet ms';
  629. font-style:none;
  630. font-weight:normal;
  631. font-size:7px;
  632. color:{color:info};
  633. margin-top:0px;
  634. margin-left:0px;
  635. background-color:{color:info bg};
  636. padding-top:10px;
  637. padding-bottom:5px;
  638. padding-left:10px;}{/block:IfNotInfobuttons}
  639.  
  640. #info a{
  641. color:{color:info};}
  642.  
  643. #info a:hover{
  644. color:{color:links hover};}
  645.  
  646. {block:IfInfobuttons}
  647. #tags {
  648. width:430px;
  649. word-wrap:break-word;
  650. font-family: 'trebuchet ms';
  651. text-transform:uppercase;
  652. text-align:left;
  653. font-style:none;
  654. font-size:7px;
  655. line-height:10px;
  656. letter-spacing:1px;
  657. font-weight:normal;
  658. color:{color:tags};
  659. margin-top:-6px;
  660. margin-left:60px;
  661. padding-bottom:10px;
  662. padding-left:10px;
  663. -webkit-transition: opacity 0.5s linear;
  664. -webkit-transition: all 0.5s ease-in-out;
  665. -moz-transition: all 0.5s ease-in-out;
  666. -o-transition: all 0.5s ease-in-out;}{/block:IfInfobuttons}
  667.  
  668. {block:IfNotInfobuttons}
  669. #tags {
  670. word-wrap:break-word;
  671. font-family: 'trebuchet ms';
  672. text-transform:uppercase;
  673. text-align:left;
  674. font-style:none;
  675. font-size:7px;
  676. line-height:10px;
  677. letter-spacing:1px;
  678. font-weight:normal;
  679. color:{color:tags};
  680. margin-top:-6px;
  681. margin-left:0px;
  682. padding-bottom:10px;
  683. padding-left:10px;
  684. -webkit-transition: opacity 0.5s linear;
  685. -webkit-transition: all 0.5s ease-in-out;
  686. -moz-transition: all 0.5s ease-in-out;
  687. -o-transition: all 0.5s ease-in-out;}{/block:IfNotInfobuttons}
  688.  
  689. #tags a{
  690. color:{color:tags};}
  691.  
  692. #tags a:hover{
  693. text-decoration:none;
  694. font-style:italic;}
  695.  
  696.  
  697. /* QUESTIONS */
  698.  
  699. #allask {
  700. background-color:transparent;
  701. padding:10px;
  702. background-color:{color:question bg};}
  703.  
  704. #question {
  705. background-color: none;
  706. color:{color:text};
  707. text-transform:none;
  708. text-align: justify;
  709. letter-spacing:0px;
  710. font-style:none;
  711. margin-left:32px;
  712. padding:13px;
  713. margin-top:-10px;}
  714.  
  715. #askerportrait {
  716. float:left;
  717. width:24px;
  718. height:24px;}
  719.  
  720. #answer {
  721. text-align: justify;
  722. background-color:none;
  723. padding:3px;
  724. margin-left:0px;}
  725.  
  726.  
  727. /* POP UP ASKBOX*/
  728.  
  729. #fade {
  730. display: none;
  731. background:#000;
  732. position: fixed;
  733. left:0;
  734. top:0;
  735. width:100%;
  736. height:100%;
  737. opacity:.60;
  738. z-index:9999;}
  739.  
  740. .popup_block{
  741. display:none;
  742. background:#ffffff;
  743. background-image:url('' );
  744. background-repeat:no-repeat;
  745. background-position:center top;
  746. font-family:'calibri';
  747. font-weight:normal;
  748. font-style:none;
  749. font-size:14px;
  750. color:#000;
  751. padding:20px;
  752. float:left;
  753. position:fixed;
  754. width:100%;
  755. top:50%;
  756. left:50%;
  757. z-index:999999;
  758. opacity:1;
  759. overflow:hidden;}
  760.  
  761. img.btn_close {
  762. float: right;
  763. margin: -55px -55px 0 0;}
  764.  
  765. *html #fade {
  766. position:absolute;}
  767.  
  768. *html .popup_block {
  769. position:absolute;}
  770.  
  771. /*BUTTONS*/
  772.  
  773. .like_and_reblog_buttons {
  774. list-style:none;
  775. padding-left:0px;}
  776.  
  777. .like_and_reblog_buttons li {
  778. display:inline-block;
  779. padding:5px;
  780. height:13px;
  781. background-color:{color:info buttons};
  782. -webkit-transition: opacity 0.5s linear;
  783. -webkit-transition: all 0.5s ease-in-out;
  784. -moz-transition: all 0.5s ease-in-out;
  785. -o-transition: all 0.5s ease-in-out;}
  786.  
  787. .like_and_reblog_buttons li:hover {
  788. background-color:{color:info buttons hover};
  789. -webkit-transition: opacity 0.5s linear;
  790. -webkit-transition: all 0.5s ease-in-out;
  791. -moz-transition: all 0.5s ease-in-out;
  792. -o-transition: all 0.5s ease-in-out;}
  793.  
  794. .like_and_reblog_buttons li:first-child {
  795. border-right: 0px solid #e8e8e8;}
  796.  
  797. /* SELECTION */
  798.  
  799. ::selection {color:{color:selection}; background: {color:selection BG};}
  800. ::-moz-selection {color: {color:selection}; background: {color:selection BG};}
  801. ::-webkit-selection {color:{color:selection} ; background:{color:selection BG};}
  802.  
  803.  
  804. {CustomCSS}</style>
  805. </head><body>
  806.  
  807. <!-------------------POP UP ASKBOX SCRIPT----------------------------->
  808.  
  809. <script type="text/javascript"
  810. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  811.  
  812. <script>
  813.  
  814.  
  815.  
  816. $(document).ready(function() {
  817.  
  818. //
  819.  
  820.  
  821.  
  822. //When you click on a link with class of poplight and the href starts with a #
  823.  
  824. $('a.poplight[href^=#]').click(function() {
  825.  
  826. var popID = $(this).attr('rel'); //Get Popup Name
  827.  
  828. var popURL = $(this).attr('href'); //Get Popup href to define size
  829.  
  830.  
  831.  
  832. //Pull Query & Variables from href URL
  833.  
  834. var query= popURL.split('?');
  835.  
  836. var dim= query[1].split('&');
  837.  
  838. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  839.  
  840.  
  841.  
  842. //Fade in the Popup and add close button
  843.  
  844. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://static.tumblr.com/1raka3s/YNLnnzb4n/close.png" title="Close Window alt="Close" /></a>');
  845.  
  846.  
  847. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  848.  
  849. var popMargTop = ($('#' + popID).height() + 80) / 2;
  850.  
  851. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  852.  
  853.  
  854.  
  855. //Apply Margin to Popup
  856.  
  857. $('#' + popID).css({
  858.  
  859. 'margin-top' : -popMargTop,
  860.  
  861. 'margin-left' : -popMargLeft
  862.  
  863. });
  864.  
  865.  
  866.  
  867. //Fade in Background
  868.  
  869. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  870.  
  871. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  872.  
  873.  
  874.  
  875. return false;
  876.  
  877. });
  878.  
  879.  
  880.  
  881. //Close Popups and Fade Layer
  882.  
  883. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  884.  
  885. $('#fade , .popup_block').fadeOut(function() {
  886.  
  887. $('#fade, a.close').remove(); //fade them both out
  888.  
  889. });
  890.  
  891. return false;
  892.  
  893. });
  894.  
  895.  
  896.  
  897.  
  898.  
  899. });
  900.  
  901. </script>
  902.  
  903. <!--------------END OF POP UP ASKBOX SCRIPT----------------------------->
  904.  
  905. {block:IfPopupAsk}
  906. <!-- ASKBOX -->
  907. <div id="popup_name" class="popup_block">
  908. </br>
  909. <center>{Text:Askbox Title}</center>
  910. </br>
  911.  
  912. <iframe frameborder="0"
  913. height="200"
  914. id="ask_form"
  915. scrolling="no"
  916. src="http://www.tumblr.com/ask_form/{Text:ASKBOX URL}"
  917. width="100%">
  918. </iframe></br></div>{/block:IfPopupAsk}
  919.  
  920. <!---------------------------------------------------------------------->
  921.  
  922. {block:IfNavbar}
  923. <div id="lbar"></div>
  924. <div id="navbar">
  925. <div id="navic">
  926. <a href="/"><img src="http://static.tumblr.com/g1muzcu/oEbn3e62m/home.png"></a><p><br>
  927. {block:IfNotPopupAsk}
  928. <a href="/ask"><img src="http://static.tumblr.com/g1muzcu/Xo4n3e6b7/mail.png"></a><p><br>
  929. {/block:IfNotPopupAsk}
  930. {block:IfPopupAsk}
  931. <a href="#?w=500" rel="popup_name" class="poplight"><img src="http://static.tumblr.com/g1muzcu/Xo4n3e6b7/mail.png"></a><p><br>
  932. {/block:IfPopupAsk}
  933. <a href="/archive"><img src="http://static.tumblr.com/g1muzcu/bjSn3e6cn/calendar.png"></a><p><br><br><br><br><br>
  934. {block:PreviousPage}<a href="{PreviousPage}"><img src="http://static.tumblr.com/g1muzcu/6KEn3e75d/back.png"></a><p>{/block:PreviousPage}
  935. {block:NextPage}<a href="{NextPage}"><img src="http://static.tumblr.com/g1muzcu/apEn3e75z/forward.png"></a><p>{/block:NextPage}
  936. </div></div>{/block:IfNavbar}
  937.  
  938. {block:IfRightsb}
  939. <div id="allrightsb">
  940. <div id="Rightsidebar">
  941. <div id="Rightpic1"><img src="{image:Rightpic1}">
  942. <div id="Rightpic2"><img src="{image:Rightpic2}">
  943. <div id="Rightpic3"><img src="{image:Rightpic3}"></div></div></div></div></div>{/block:IfRightsb}
  944.  
  945. <div id="sidebar">
  946.  
  947. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  948. {block:IfShowBlogtitle}<div id="title">{Title}</div>{/block:IfShowBlogtitle}
  949. <div id="description">{Description}</div>
  950.  
  951. {block:IfNotNavbar}
  952. <div id="navs">
  953. {block:PreviousPage}<a href="{PreviousPage}">-</a>{/block:PreviousPage}
  954. <a href="/">home</a>
  955. <a href="/ask">ask</a>
  956. <a href="/archive">archive</a>
  957. {block:NextPage}<a href="{NextPage}">+</a>{/block:NextPage}
  958. </div>{/block:IfNotNavbar}
  959.  
  960. {block:IfSearchbox}
  961. <center><form action="/search" method="get" class="sfm">
  962. <input type="text" name="q" value="SEARCH" id="sf"/>
  963. <input type="image" value="Search" src="http://static.tumblr.com/g1muzcu/Wyfn3ebic/magnifying_glass_16x16.png" id="sb"/>
  964. </form></center>{/block:IfSearchbox}
  965.  
  966. <div id="bx">
  967. <p style="{block:IfSearchbox}margin-top:5px{/block:IfSearchbox};{block:IfNotSearchbox}margin-top:0px{/block:IfNotSearchbox};background-color:{color:more button bg};color:{color:more button};letter-spacing:1px;padding:3px;font-size:10px">+ MORE</p>
  968. <div class="substuff">
  969.  
  970. <div id="Navlinks">
  971. {block:IfShowLink1}<a href="{Text:Link 1 URL}">{Text:Link 1 Title}</a>{/block:IfShowLink1}
  972. {block:IfShowLink2}<a href="{Text:Link 2 URL}">{Text:Link 2 Title}</a>{/block:IfShowLink2}</br>
  973. {block:IfShowLink3}<a href="{Text:Link 3 URL}">{Text:Link 3 Title}</a>{/block:IfShowLink3}
  974. {block:IfShowLink4}<a href="{Text:Link 4 URL}">{Text:Link 4 Title}</a>{/block:IfShowLink4}</br>
  975. {block:IfShowLink5}<a href="{Text:Link 5 URL}">{Text:Link 5 Title}</a>{/block:IfShowLink5}
  976. {block:IfShowLink6}<a href="{Text:Link 6 URL}">{Text:Link 6 Title}</a>{/block:IfShowLink6}
  977. </div></div></div></div>
  978.  
  979. <div id="entries"></br></br></br></br></br></br></br></br>
  980. {block:Posts}<div id="post">
  981.  
  982. {block:Text}<h1>{block:Title}<p style="background-color:{color:post title bg};padding:15px">{Title}</p>{/block:Title}</h1>{Body}</span>{/block:Text}
  983.  
  984. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  985.  
  986. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  987.  
  988. {block:Quote}<div id="quote">"{Quote}"</div>{block:Source} <Br><div id="source">—{Source}</div>{/block:Source}{/block:Quote}
  989.  
  990. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  991.  
  992. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  993.  
  994. {block:Audio}
  995. <div id="Allaudio">
  996. <div id="audioplayer">
  997. <div id="audioplayerz">{AudioPlayerGrey}</div></div>
  998. <div id="albumart">
  999. {block:AlbumArt}<img src="{AlbumArtURL}" width="100" height="100">{/block:AlbumArt}</div>
  1000. <div id="audiostuff">
  1001. <span style="color:{color:audio title}">{block:TrackName}{TrackName}{/block:TrackName} BY
  1002. {block:Artist}{Artist}<br>{/block:Artist}</span>
  1003. {block:Album}{Album}<br>{/block:Album}
  1004. {PlayCountWithLabel}</div></div>
  1005. {block:caption}{Caption}{/block:caption}
  1006. {/block:Audio}
  1007.  
  1008. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1009.  
  1010. {block:Answer}
  1011. <div id="allask">
  1012. <div id="askerportrait"><span style="width:24px;height:24px;"><img src="{AskerPortraitURL-24}" style="border:2px solid;border-color:{color:question icon border};padding:5px;background-color:{color:question icon bg}"></span></div>
  1013.  
  1014. <div id="question"><span style="font-family:calibri;text-transform:uppercase;font-size:8px;font-style:none;letter-spacing:1px">{Question}</span>
  1015. <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;font-weight:bold;">ASKED BY {asker}.</span></div></div>
  1016. <div id="answer">
  1017. <span style="color:{color:text};">{Answer}</span></div>{/block:Answer}</div>
  1018.  
  1019. <div id="allbottom">
  1020. {block:IfInfobuttons}
  1021. <div style="margin-left:10px">
  1022. <ul class="like_and_reblog_buttons">
  1023. <li>{ReblogButton color="black" size="15"}</li>
  1024. <li>{LikeButton color="black" size="15"}</li></ul></div>{/block:IfInfobuttons}
  1025.  
  1026. <div id="info">
  1027. {block:Date}{TimeAgo}{/block:Date}&nbsp;with
  1028. <a href="{Permalink}">{NoteCount}&nbsp;notes</a>
  1029. {block:IfNotInfobuttons}&nbsp;-&nbsp;<a href="{ReblogURL}" target="_blank" class="details">Reblog</a>{/block:IfNotInfobuttons}
  1030. {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>
  1031. <div id="tags">{block:HasTags}TAGGED AS:&nbsp;{block:Tags}<a href="{TagURL}">{Tag};</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</div></div></br></br></br></br>
  1032.  
  1033. {/block:Posts}{block:PostNotes}{PostNotes}</div>{/block:PostNotes}
  1034. </div>
  1035.  
  1036. <div class="credit"><a href="http://themesbyjasondilaurents.tumblr.com">© JASON</br>DILAURENTS</a></div>
  1037.  
  1038. </body></html>
RAW Paste Data