API tools faq
paste
Advertisement
missdilaurentis

MissDiLaurentis Theme #28

missdilaurentis
Apr 6th, 2014
12,234
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.93 KB | None | 0 0
raw download clone embed print report
  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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!