API tools faq
paste
trenzalours

Theme 19 - Celestial

trenzalours
Sep 24th, 2014
3,486
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 44.77 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <title>{Title}</title>
  5.  
  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. <link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  10.  
  11.  
  12. <!-- ᴛʜᴇᴍᴇ 19
  13. ɴᴏ sᴛᴇᴀʟɪɴɢ ﹣ ʟᴇᴛs ʙᴇ ᴏʀɪɢɪɴᴀʟ
  14. ᴄᴜsᴛᴏᴍ ᴛʜᴇᴍᴇ ᴍᴀᴅᴇ ғᴏʀ ᴋira
  15. ----- ----
  16.  
  17. -->
  18.  
  19.  
  20. <meta name="color:Background" content="#ffffff"/>
  21. <meta name="color:Title" content="#ffffff"/>
  22. <meta name="color:Title Background" content="#000000"/>
  23. <meta name="color:Description Color" content="#ffffff"/>
  24. <meta name="color:Text" content="#aaaaaa"/>
  25. <meta name="color:Link" content="#000000"/>
  26. <meta name="color:Hover" content="#ffffff"/>
  27. <meta name="color:Scrollbar" content="#000000"/>
  28. <meta name="color:Nav Link" content="#ffffff"/>
  29. <meta name="color:Nav BG" content="#222222"/>
  30. <meta name="color:Sidebar Color" content="#b8b8b8"/>
  31. <meta name="color:Sidebar Border" content="#222222"/>
  32. <meta name="color:Borders" content="#eeeeee"/>
  33. <meta name="if:Hidden Captions" content="0"/>
  34. <meta name="if:400px" content="1">
  35. <meta name="if:Right Sidebar" content="0">
  36. <meta name="if:Sidebar IMG Border" content="0">
  37. <meta name="if:Askbox" content="1">
  38. <meta name="if:Tags" content="1">
  39. <meta name="if:Hidden Captions" content="0"/>
  40. <meta name="if:Lazy Load" content="0">
  41.  
  42. <meta name="image:Sidebar" content="http://static.tumblr.com/3dkvxpf/TAgngp8g0/flower7.png">
  43. <meta name="image:Background Image" content="http://static.tumblr.com/3dkvxpf/yFjn941og/tumblr_mx3toqf8vu1st5lhmo1_1280.jpg"/>
  44.  
  45. <meta name="select:Background image" content="bg-none" title="None">
  46. <meta name="select:Background image" content="bg-cover" title="Full screen">
  47. <meta name="select:Background image" content="bg-pattern" title="Pattern">
  48. <meta name="select:Player Color" content="black" title="Black">
  49. <meta name="select:Player Color" content="white" title="White">
  50. <meta name="select:Player Color" content="grey" title="Grey">
  51.  
  52. <meta name="text:Link 1 URL" content="" />
  53. <meta name="text:Link 1" content="Link 1" />
  54. <meta name="text:Link 2 URL" content="" />
  55. <meta name="text:Link 2" content="Link 2" />
  56. <meta name="text:Link 3 URL" content="" />
  57. <meta name="text:Link 3" content="Link 3" />
  58. <meta name="text:Link 4 URL" content="" />
  59. <meta name="text:Link 4" content="Link 4" />
  60. <meta name="text:Link 5 URL" content="" />
  61. <meta name="text:Link 5" content="Link 5" />
  62.  
  63.  
  64. <!-- jquery for tooltips-->
  65. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  66.  
  67. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  68.  
  69. <script>
  70.  
  71. (function($){
  72.  
  73. $(document).ready(function(){
  74.  
  75. $("a[title]").style_my_tooltips({
  76.  
  77. tip_follows_cursor:true,
  78.  
  79. tip_delay_time:40,
  80.  
  81. tip_fade_speed:400,
  82.  
  83. attribute:"title"
  84.  
  85. });
  86.  
  87. });
  88.  
  89. })(jQuery);
  90.  
  91. </script>
  92.  
  93. <!--CSS customization here. -->
  94.  
  95. <style type="text/css">
  96.  
  97. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(90%); -moz-filter: invert(90%); -o-filter: invert(90%); -ms-filter: invert(90%); filter: invert(90%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  98.  
  99. iframe#tumblr_controls:hover { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:1; }
  100.  
  101.  
  102. #s-m-t-tooltip{
  103. position:absolute;
  104. margin: 10px 20px;
  105. padding:2px 15px;
  106. font-size:8px;
  107. z-index: 99999999999;
  108. letter-spacing:1px;
  109. text-transform:uppercase;
  110. color:{color:title};
  111. background:{color:title background};}
  112.  
  113.  
  114.  
  115. ::-webkit-scrollbar{width:4px;}
  116. ::-webkit-scrollbar-thumb{background:{color:scrollbar};border:1px solid {color:background};}
  117.  
  118. ::-webkit-scrollbar-track {background:#222; border-left:2px solid {color:background};border-right:1px solid {color:background};}
  119.  
  120.  
  121. /* LAYOUT BASICS */
  122.  
  123. blockquote {
  124. border-left:1px solid #222;
  125. padding-top:5px;
  126. padding-bottom:5px;
  127. padding-left:5px;
  128. margin-left:5px;
  129. }
  130.  
  131. body {
  132. overflow-x:hidden;
  133. overflow-y:hidden;
  134. background:{color:background};
  135. color:{color:text};
  136. font-family: 'Calibri', sans-serif;
  137. font-size:10px;
  138. letter-spacing:1px;
  139. text-align:justify;
  140. margin:0;
  141. line-height:1.3em;}
  142.  
  143.  
  144.  
  145.  
  146. a {
  147. color:{color:link};
  148. text-decoration:none;
  149. -webkit-transition: all 1s ease;
  150. -moz-transition: all 1s ease;
  151. -o-transition: all 1s ease;
  152. -ms-transition: all 1s ease;
  153. transition: all 1s ease;}
  154.  
  155. a:hover {
  156. color:{color:hover};
  157. text-decoration:none;
  158. -webkit-transition: all 1s ease;
  159. -moz-transition: all 1s ease;
  160. -o-transition: all 1s ease;
  161. -ms-transition: all 1s ease;
  162. transition: all 1s ease;}
  163.  
  164. img{opacity:1;
  165. border:none;
  166. text-decoration:none}
  167.  
  168.  
  169. small {
  170. font-size:10px;}
  171.  
  172. big {
  173. font-size:12px;}
  174.  
  175. pre{
  176. background:{color:background};
  177. padding:10px;
  178. color:{color:text};
  179. text-transform:uppercase;
  180. font-size:10px;
  181. letter-spacing:1px;
  182. white-space: pre-wrap;
  183. white-space: -moz-pre-wrap;
  184. white-space: -pre-wrap;
  185. white-space: -o-pre-wrap;
  186. word-wrap: break-word;}
  187.  
  188. code{
  189. text-transform:lowercase;
  190. font-style:italic;
  191. }
  192.  
  193. b,strong{
  194. color:{color:text};
  195. font-weight:bold;
  196. }
  197. em,i{
  198. color:{color:text};
  199. font-style:italic;
  200. }
  201.  
  202.  
  203. strike{
  204. text-decoration: line-through;
  205. }
  206.  
  207.  
  208. #title {
  209. padding:3px;
  210. font-size:9px;
  211. letter-spacing:1px;
  212. text-transform:uppercase;
  213. background:{color:Title Background};
  214. color:{color:background};
  215. font-family: 'Montserrat', sans-serif;
  216. }
  217.  
  218. /* Background Selects */
  219.  
  220. .bg-none {
  221. background:{color:background};}
  222.  
  223. .bg-cover {
  224. background: url({image:Background Image})
  225. no-repeat center center fixed;
  226. -webkit-background-size: cover;
  227. -moz-background-size: cover;
  228. -o-background-size: cover;
  229. background-size: cover;}
  230.  
  231. .bg-pattern {
  232. background: url({image:Background Image});
  233. background-repeat:repeat;
  234. background-attachment: fixed; }
  235.  
  236.  
  237.  
  238. /*Container*/
  239. #con {
  240. {block:ifRightSidebar}
  241. left:50%;
  242. margin-left:-300px;
  243. {block:ifnot400px}
  244. margin-left:-146px;
  245. {/block:ifnot400px}
  246. {/block:ifRightSidebar}
  247. {block:ifnotRightSidebar}
  248. left:50%;
  249. margin-left:-150px;
  250. {/block:ifnotRightSidebar}
  251. position:absolute;
  252. bottom:-5px;
  253. height:550px;
  254. padding-bottom:50px;
  255. border-left:1px solid {color:Borders};
  256. border-right:1px solid {color:Borders};
  257. border-top:1px solid {color:Borders};
  258. background:{color:background};
  259. overflow-x:hidden;
  260. overflow-y:hidden;
  261. z-index:1;
  262. {block:if400px}
  263. width:445px;
  264. {/block:if400px}
  265. {block:ifnot400px}
  266. width:320px;
  267. {/block:ifnot400px}
  268.  
  269. }
  270.  
  271. /*Sidebar*/
  272.  
  273. .sidebar{
  274. {block:ifRightSidebar}
  275. right:50%;
  276. margin-right:-297px;
  277. {/block:ifRightSidebar}
  278. {block:ifnotRightSidebar}
  279. left:50%;
  280. margin-left:-300px;
  281. {/block:ifnotRightSidebar}
  282. text-align:center;
  283. bottom:0px;
  284. position:absolute;
  285. width:150px;
  286. height:470px;
  287. background-image:
  288. linear-gradient(
  289. transparent, {color:Sidebar Color}
  290. );
  291. }
  292.  
  293. #sbimage{
  294. width:90px;
  295. border-radius:100%;
  296. margin:0 auto;
  297. padding:5px
  298. text-align:center;
  299. }
  300.  
  301. #sbimage img{
  302. width:90px;
  303. border-radius:100%;
  304. {block:ifSidebarIMGBorder}
  305. border:4px solid {color:Sidebar Border};
  306. {/block:ifSidebarIMGBorder}
  307. {block:ifnotSidebarIMGBorder}
  308. margin-left:4px;
  309. {/block:ifnotSidebarIMGBorder}
  310. }
  311.  
  312. /*Blog Title*/
  313.  
  314. .btitle{
  315. width:100px;
  316. line-height:1.3em;
  317. margin:5px auto;
  318. font-size:12px;
  319. color:{color:title};
  320. background:{color:Title Background};
  321. padding:4px;
  322. letter-spacing:0px;
  323. text-transform:uppercase;
  324. font-family: 'Montserrat', sans-serif;
  325. }
  326.  
  327. .btitle a{color:{color:title};}
  328. .btitle a:hover{
  329. text-decoration:none;
  330. color:{color:hover};
  331. -webkit-transition: all 1s ease;
  332. -moz-transition: all 1s ease;
  333. -o-transition: all 1s ease;
  334. -ms-transition: all 1s ease;
  335. transition: all 1s ease;
  336. }
  337.  
  338. /*Description*/
  339.  
  340. .descript{
  341. margin:0 auto;
  342. padding:0px 11px;
  343. word-spacing:-1px;
  344. font-size:10px;
  345. text-align:justify;
  346. text-transform:lowercase;
  347. width:115px;
  348. color:{color:Description Color};}
  349.  
  350. /*Sidebar Links*/
  351. .links{
  352. position:fixed;
  353. text-align:center;
  354. text-transform:uppercase;
  355. font-size:7px;
  356. padding:13px;
  357. font-family: 'Montserrat', sans-serif;
  358. background:{color:background};
  359. {block:if400px}
  360. width:402px;
  361. padding-left:30px;
  362. {/block:if400px}
  363. {block:ifnot400px}
  364. width:275px;
  365. padding-left:30px;
  366. {/block:ifnot400px}
  367. border-bottom:1px solid {color:borders};
  368. z-index:1;
  369. background:{color:Nav BG};
  370. }
  371.  
  372. .links a{
  373. margin-right:10px;color:{color:Nav Link};}
  374.  
  375. .links a:hover{
  376. color:{color:hover};
  377. opacity:.7;
  378.  
  379. }
  380.  
  381.  
  382. #pagi {
  383. margin-top:30px;
  384. font-size:20px;
  385. }
  386.  
  387. #pagi a{
  388. color:{color:title};
  389. }
  390.  
  391.  
  392.  
  393. /*Posts*/
  394.  
  395. #entries{
  396. {block:if400px}
  397. width:445px;
  398. {/block:if400px}
  399. {block:ifnot400px}
  400. width:320px;
  401. {/block:ifnot400px}
  402. height:550px;
  403. padding-top:30px;
  404. margin-top:40px;
  405. overflow-y:scroll;
  406. overflow-x:hidden;
  407. }
  408.  
  409. .posts {
  410. position:relative;
  411. background:{color:background};
  412. {block:ifnot400px}
  413. width:250px;
  414. margin-left:15px;
  415. {/block:ifnot400px}
  416. {block:if400px}
  417. width:400px;
  418. {/block:if400px}
  419. padding:0px 20px;
  420. {block:IndexPage}
  421. margin-bottom:80px;
  422. {/block:IndexPage}
  423. {block:PermalinkPage}
  424. margin-bottom:70px;
  425. {/block:PermalinkPage}
  426. -webkit-transition: all 1s ease;
  427. -moz-transition: all 1s ease;
  428. -o-transition: all 1s ease;
  429. -ms-transition: all 1s ease;
  430. transition: all 1s ease;
  431. -webkit-transition: all 1s ease;
  432. -moz-transition: all 1s ease;
  433. -o-transition: all 1s ease;
  434. -ms-transition: all 1s ease;
  435. transition: all 1s ease;
  436.  
  437. }
  438.  
  439.  
  440. .posts img, .posts li, .posts blockquote {max-width: 100%;}
  441. .caption {width:100%;margin-top:10px;}
  442.  
  443.  
  444. /*Quote*/
  445.  
  446. #ink{
  447. font-family: 'Montserrat', sans-serif;
  448. text-transform:uppercase;
  449. letter-spacing:1px;
  450. text-align:justify;
  451. font-size:10px;
  452. line-height:19px;
  453. font-weight:none;
  454. padding:10px;
  455. }
  456.  
  457. #ink a{
  458. color:{color:text};
  459. }
  460. #ink-source a{
  461. color:{color:text};
  462. }
  463.  
  464. #ink-source {
  465. text-align:right;
  466. font-style:none;
  467. font-weight:none;
  468. font-family: 'Montserrat', sans-serif;
  469. text-transform:uppercase;
  470. font-size:7px;
  471. letter-spacing:1px;
  472. margin-top:5px;
  473. margin-bottom:20px;}
  474.  
  475. /*audio*/
  476.  
  477. .tracks{
  478. {block:if400px}
  479. margin-bottom:1px;
  480. padding:12px;
  481. width:160px;{/block:if400px}
  482. {block:ifnot400px}
  483. display:none;{/block:ifnot400px}
  484. }
  485.  
  486. .player iframe {
  487. width: 30px;
  488. height: 30px;}
  489.  
  490. .black .white,
  491. .black .grey { display: none;}
  492. .white .black,
  493. .white .grey { display: none;}
  494. .grey .white,
  495. .grey .black { display: none;}
  496.  
  497. .black .player_container { background: #000;}
  498. .black .player_wrap { background-color: rgba(0,0,0,0.8); }
  499. .white .player_container { background: #fff;}
  500. .white .player_wrap { background-color: rgba(255,255,255,0.8); }
  501. .grey .player_container { background: #e4e4e4;}
  502. .grey .player_wrap { background-color: rgba(228, 228, 228, 0.8); }
  503.  
  504. .black .tracks { background: #000; color:white;}
  505. .black .tracks { background-color: rgba(0,0,0,0.8);color:white;}
  506. .white .tracks { background: #fff;}
  507. .white .tracks { background-color: rgba(255,255,255,0.8); }
  508. .grey .tracks { background: #e4e4e4;}
  509. .grey .tracks { background-color: rgba(228, 228, 228, 0.8); }
  510.  
  511. .audio {
  512. position: relative;
  513. margin-bottom:20px;
  514. margin-top:10px;
  515. {block:if400px}
  516. margin-left:50px;
  517. {block:if400px}
  518. {block:ifnot400px}
  519. margin-left:70px;{/block:ifnot400px}
  520. }
  521.  
  522. .player-art {
  523. width: 112px;
  524. height: 112px;
  525. position: relative;
  526. vertical-align: top;
  527. margin-left:5px;
  528. margin-top:16px;
  529. border-radius:100%;
  530. }
  531. .player-art img { width: 112px; border-radius:100%; }
  532.  
  533. img.album { position: absolute; z-index: 2;}
  534. img.default { position: absolute; z-index: 1; }
  535.  
  536.  
  537. .player-wrap {
  538. position: relative;
  539. width: 95px;
  540. display: inline-block;
  541. left: 0;
  542. }
  543.  
  544. ol.audioinfo {
  545. list-style-type: none;
  546. width: auto;
  547. margin-left:10px;
  548. margin-top:4px;
  549. padding:0;
  550. z-index: 10;
  551. position: relative;
  552. display: inline-block;
  553. vertical-align: top;
  554. line-height: 1.38em;
  555. text-transform:uppercase;
  556. font-family:'Roboto'sans-serif;
  557. font-size:8px;
  558. letter-spacing:1px;
  559. }
  560.  
  561.  
  562. .player {
  563. width: 30px; height: 30px;
  564. overflow: hidden;
  565. margin: -14px 0 0 -14px;
  566. padding: 0px;
  567. position: absolute;
  568. top: 50%;
  569. left: 50%;
  570. }
  571. .player_container {
  572. z-index: 11;
  573. opacity: 0.3; filter: alpha(opacity=30);
  574. -webkit-transition: all 0.2s ease-in-out;
  575. -moz-transition: all 0.2s ease-in-out;
  576. -o-transition: all 0.2s ease-in-out ;
  577. -ms-transition: all 0.2s ease-in-out;
  578. }
  579. .player_wrap {
  580. z-index: 9;
  581. -webkit-transition: all 0.2s ease-in-out;
  582. -moz-transition: all 0.2s ease-in-out;
  583. -o-transition: all 0.2s ease-in-out ;
  584. -ms-transition: all 0.2s ease-in-out; }
  585.  
  586. .player_container, .player_wrap {
  587. position: absolute;
  588. top: 50%;
  589. left: 50%;
  590. width: 50px; height: 50px;
  591. margin-top: -18px;
  592. margin-left: -11px;
  593. -moz-border-radius:50px;
  594. -webkit-border-radius:50px;
  595. border-radius: 50px; }
  596.  
  597. .player_container:hover{
  598. opacity:1;
  599. -webkit-transition: all 0.2s ease-in-out;
  600. -moz-transition: all 0.2s ease-in-out;
  601. -o-transition: all 0.2s ease-in-out ;
  602. -ms-transition: all 0.2s ease-in-out;
  603. }
  604.  
  605. /* Asks */
  606.  
  607. .ques {
  608. margin-bottom:10px;
  609. letter-spacing:1px;
  610. padding:10px;
  611. font-size:8px;
  612. line-height:13px;
  613. }
  614.  
  615. .ques a{
  616. color:{color:link};
  617. }
  618.  
  619. .who {
  620. padding:4px 8px;
  621. font-size:9px;
  622. letter-spacing:1px;
  623. text-transform:uppercase;
  624. background:{color:Title Background};
  625. color:{color:Title};
  626. font-family: 'Montserrat', sans-serif;
  627. }
  628.  
  629.  
  630. .who a{
  631. color:{color:background};}
  632.  
  633.  
  634. .answer {
  635. margin-top:5px;
  636. padding:10px;
  637. letter-spacing:1px;
  638. font-size:8px;
  639. text-transform:uppercase;
  640. color:{color:text};
  641. text-align:justify;
  642. letter-spacing:1px;}
  643.  
  644.  
  645. /*Chat*/
  646.  
  647. .chat ol {
  648. padding:0;
  649. list-style:none;
  650. }
  651. .line {padding:5px 0;}
  652.  
  653. .label {font-weight:bold;
  654. }
  655.  
  656.  
  657. /*Permalink and notes*/
  658.  
  659. .infos-ago{
  660. font-size:8px;
  661. background:{color:title background};
  662. color:{color:title};
  663. text-transform:uppercase;
  664. padding:3px 5px;
  665. }
  666. .infos-ago a{
  667. color:{color:title};
  668. }
  669. }
  670.  
  671. .infos {
  672. padding:10px 0;
  673. font-size:8px;
  674. letter-spacing:1px;
  675. text-transform:uppercase;
  676. text-align:left;
  677. margin-top:5px;
  678. background:{color:background};
  679. border-top:1px solid {color:borders};
  680. {block:Permalink}
  681. margin-top:20px;
  682. {/block:permalink}
  683. }
  684.  
  685. .infos a {margin:0 5px;
  686. text-decoration:none;
  687. color:{color:link};}
  688. .infos a:hover {color:{color:hover};}
  689.  
  690.  
  691. /*Tags*/
  692.  
  693. .text-tags {
  694. {block:Permalink}
  695. opacity:1;
  696. margin-right:0;
  697. {/block:permalink}
  698. text-align:right;
  699. float:right;
  700. font-size:8px;
  701. {block:if400px}
  702. width:200px;
  703. padding:4px;
  704. {/block:if400px}
  705. {block:ifnot400px}
  706. width:105px;
  707. {/block:ifnot400px}
  708. text-transform:uppercase;
  709. {block:indexpage}
  710. opacity:0;
  711. margin-top:10px;
  712. margin-right:-50px;
  713. {/block:indexpage}
  714. word-break:break-all;
  715. -webkit-transition: all 0.8s ease;
  716. -moz-transition: all 0.8s ease;
  717. transition: all 0.8s ease;
  718. }
  719.  
  720. .text-tags a{
  721. text-decoration:none;}
  722.  
  723. .posts:hover .text-tags{
  724. opacity:1;
  725. margin-right:0px;
  726. }
  727.  
  728. .posts:hover .perma_hold {opacity:1;}
  729. .perma_hold {
  730. {block:if400px}
  731. width:400px;
  732. {/block:if400px}
  733. {block:ifnot400px}
  734. width:250px;
  735. {/block:ifnot400px}
  736. height:99%;
  737. top:0px;
  738. left:20px;
  739. position:absolute;
  740. opacity:0;
  741. background:rgba(0,0,0,0.95);
  742. transition:0.6s ease;
  743. -o-transition:0.6s ease;
  744. -moz-transition:0.6s ease;
  745. -webkit-transition:0.6s ease;
  746. }
  747.  
  748. .perma {
  749. top:40%;
  750. position:relative;
  751. font-size:13px;
  752. text-align:center;
  753. text-transform:uppercase;
  754. font-family: 'Montserrat', sans-serif;
  755. color:white;
  756. }
  757.  
  758. .perma a{color:white;}
  759.  
  760. .info a{margin:0px 3px; color:white;}
  761. .info {margin-top:10px;font-size:8px;letter-spacing:1px; text-transform:uppercase; font-family: 'Montserrat', sans-serif;}
  762. .tags a{margin:0px 3px; color:white;}
  763. .tags {
  764. font-weight:normal;
  765. margin-top:10px;
  766. text-transform:none;
  767. font-size:8px;
  768. font-style:italic;
  769. }
  770.  
  771.  
  772. /*Page Notes*/
  773.  
  774. .pagenotes {
  775. {block:if400px}
  776. width:380px;
  777. margin-left:3px;
  778. {/block:if400px}
  779. {block:ifnot400px}
  780. width:230px;
  781. margin-left:0px;
  782. {/block:ifnot400px}
  783. margin-top:25px;
  784. padding:25px;
  785. position:relative;
  786. margin-bottom:50px;
  787. font-size:8px;
  788. }
  789. .pagenotes img {
  790. display:none!important;}
  791. .pagenotes ol {
  792. margin:0;
  793. padding:0;
  794. display:block;
  795. }
  796. .pagenotes li {
  797. line-height:200%;
  798. list-style-type:none;
  799. text-align:left;
  800. font-size:8px;
  801. letter-spacing:1px;
  802. text-transform:uppercase;
  803. }
  804.  
  805. ol.notes li.more_notes_link_container {
  806. padding:4px 20px;
  807. margin-top:10px;
  808. display: block;
  809. font-size:9px;
  810. text-transform:uppercase;
  811. background:{color:title background};
  812. color:{color:title};
  813. font-family: 'Montserrat', sans-serif;
  814.  
  815. }
  816. ol.notes li.more_notes_link_container a{
  817. color:{color:title};
  818. }
  819.  
  820.  
  821. .thepopup{
  822. display: none;
  823. padding-bottom: 50px;
  824. padding-left: 40px;
  825. padding-right: 40px;
  826. float: left;
  827. position: fixed;
  828. top: 50%;
  829. left: 50%;
  830. color:{color:text};
  831. text-align:justify;
  832. font-size:10px;
  833. line-height:112%;
  834. height:600px;
  835. z-index: 99999999999999999999999999999999999999999999;
  836. }
  837.  
  838. *html #fade {
  839. position: absolute;
  840. }
  841.  
  842. *html .thepopup {
  843. position: absolute;
  844. }
  845.  
  846. #fade {
  847. display: none;
  848. position: fixed; left: 0; top: 0; width: 100%; height: 100%;
  849. opacity: 1;
  850. z-index: 9999;}
  851.  
  852. .bg-none #fade{
  853. background:{color:background};}
  854.  
  855. .bg-cover #fade{
  856. background: url({image:Background Image})
  857. no-repeat center center fixed;
  858. -webkit-background-size: cover;
  859. -moz-background-size: cover;
  860. -o-background-size: cover;
  861. background-size: cover;}
  862.  
  863. .bg-pattern #fade{
  864. background: url({image:Background Image});
  865. background-repeat:repeat;
  866. background-attachment: fixed; }
  867.  
  868.  
  869. img.btn_close {
  870. width:20px;
  871. float: right;
  872. margin-top:50px;
  873. margin-left:246px;
  874. padding:5px;
  875. position:absolute;
  876. z-index:1;
  877. {block:ifWhiteIcons}
  878. -webkit-filter: invert(100%);
  879. {/block:ifWhiteIcons}
  880. {block:ifnotWhiteIcons}
  881. -webkit-filter: invert(0%);
  882. {/block:ifnotWhiteIcons}
  883. -webkit-transition: all .6s ease;
  884. -moz-transition: all .6s ease;
  885. -o-transition: all .6s ease;
  886. -ms-transition: all .6s ease;
  887. transition: all .6s ease;
  888. }
  889. img.btn_close:hover{
  890. {block:ifWhiteIcons}
  891. -webkit-filter: invert(0%);
  892. {/block:ifWhiteIcons}
  893. {block:ifnotWhiteIcons}
  894. -webkit-filter: invert(100%);
  895. {/block:ifnotWhiteIcons}
  896. -webkit-transition: all .6s ease-out;
  897. -moz-transition: all .6s ease-out;
  898. -o-transition: all .6s ease-out;
  899. -ms-transition: all .6s ease-out;
  900. transition: all .6s ease-out;
  901. }
  902.  
  903. #main-date{
  904. margin-left:-183px;
  905. width:900px;
  906. float:center;
  907. position:absolute;
  908. padding-top: 40px;
  909. margin-bottom:50px;
  910. }
  911.  
  912. #main-date-2{
  913. margin-left:-120px;
  914. width:900px;
  915. float:center;
  916. position:absolute;
  917. padding-top: 40px;
  918. margin-bottom:50px;
  919. }
  920.  
  921. .update{
  922. background:{color:background};
  923. margin-top:50px;
  924. text-align:center;
  925. margin-right:10px;
  926. margin-bottom:-32px;
  927. overflow-y:scroll;
  928. overflow-x:hidden;
  929. padding:20px;
  930. height:390px;
  931. width:400px;
  932. float:left;
  933. border-radius:3px;
  934. }
  935.  
  936. .update-2{
  937. background:{color:background};
  938. margin-top:50px;
  939. text-align:center;
  940. margin-right:20px;
  941. padding:20px;
  942. height:200px;
  943. width:200px;
  944. overflow-y:scroll;
  945. overflow-x:hidden;
  946. float:left;
  947. border-radius:3px;
  948. }
  949.  
  950.  
  951. .tag-info{
  952. text-transform:uppercase;
  953. line-height:1.2em;
  954. letter-spacing:1px;
  955. font-size:8px;
  956. padding:5px 2px;
  957. display:inline-block;
  958. }
  959. .tag-info a{
  960. display:inline-block;
  961. padding:3px 5px;
  962. width:150px;
  963. color:{color:Link};
  964. margin-bottom:10px;
  965. border-left:1px solid {color:link};
  966.  
  967. }
  968.  
  969. .tag-info a:hover{
  970. color:{color:Title};
  971. background:{color:Title Background};
  972. border-left:10px solid {color:Title Background};
  973. }
  974.  
  975. #aboutimg{
  976. width:60px;
  977. border-radius:100px;
  978. padding:10px;
  979. margin:0 auto;
  980. }
  981. #aboutimg img{
  982. width:60px;
  983. border-radius:100px;
  984. {block:ifWhiteIcons}
  985. -webkit-filter: invert(100%);
  986. {/block:ifWhiteIcons}
  987. {block:ifnotWhiteIcons}
  988. -webkit-filter: invert(0%);
  989. {/block:ifnotWhiteIcons}
  990.  
  991. }
  992. .about-p{
  993. text-align:justify;
  994. line-height:1.4em;
  995. font-size:11px;
  996. padding:6px;
  997. margin-top:40px;
  998. }
  999. .update-title{
  1000. text-align:center;
  1001. background:{color:Title Background};
  1002. width:150px;
  1003. padding:3px 30px;
  1004. font-size:11px;
  1005. text-transform:uppercase;
  1006. letter-spacing:1px;
  1007. color:{color:Title};
  1008. margin-bottom:20px;
  1009. }
  1010.  
  1011. .update-title2{
  1012. padding:3px 50px;
  1013. font-size:11px;
  1014. letter-spacing:1px;
  1015. text-transform:uppercase;
  1016. background:{color:Title Background};
  1017. color:{color:Title};
  1018. text-align:center;
  1019. }
  1020.  
  1021.  
  1022.  
  1023. /*Credit*/
  1024. #creds {
  1025. position:fixed;
  1026. float:right;
  1027. text-transform:uppercase;
  1028. z-index:1;
  1029. bottom:18px;
  1030. right:16px;
  1031. -webkit-transition: all 1s ease;
  1032. -moz-transition: all 1s ease;
  1033. -o-transition: all 1s ease;
  1034. -ms-transition: all 1s ease;
  1035. transition: all 1s ease;
  1036. }
  1037. #creds a{
  1038. font-size:6px;
  1039. color:{color:title};
  1040. padding:7px 4px;
  1041. background:{color:title background};
  1042. -webkit-transition: all .7s ease;
  1043. -moz-transition: all .7s ease;
  1044. -o-transition: all .7s ease;
  1045. -ms-transition: all .7s ease;
  1046. transition: all .7s ease;}
  1047.  
  1048.  
  1049. #creds a:hover {
  1050. text-decoration:none;
  1051. color:white;
  1052. border-radius:2px;
  1053. padding:12px 7px;
  1054. font-size:10px;
  1055. background:black;
  1056. -webkit-transition: all .7s ease;
  1057. -moz-transition: all .7s ease;
  1058. -o-transition: all .7s ease;
  1059. -ms-transition: all .7s ease;
  1060. transition: all .7s ease;}
  1061.  
  1062. {CustomCSS}
  1063.  
  1064.  
  1065. </style>
  1066. </head>
  1067.  
  1068. <body>
  1069. <body class="{select:Background image}">
  1070. <div class="sidebar">
  1071. <div id="sbimage"><img src="{image:Sidebar}"></div>
  1072. <div class="btitle"><a href="/">{Title}</a></div>
  1073. <div class="descript">{Description}</div>
  1074. <div id="pagi">
  1075. {block:Pagination}
  1076. {block:PreviousPage}
  1077. <br><a href="{PreviousPage}" title="back">-</a>
  1078. {/block:PreviousPage}
  1079.  
  1080.  
  1081. {block:NextPage}
  1082. <a href="{NextPage}" title="next">+</a>
  1083. {/block:NextPage}
  1084. {/block:Pagination}</div>
  1085. </div>
  1086.  
  1087. <div id="con">
  1088. <div class="links">
  1089. <a href="/">home</a>
  1090. {block:ifAskbox}
  1091. <a href="#?w=500" rel="02" class="poplight">ask</a>
  1092. {/block:ifAskbox}
  1093. {block:ifTags}
  1094. <a href="#?w=500" rel="01" class="poplight">tags</a>
  1095. {/block:ifTags}
  1096. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  1097. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  1098. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  1099. {block:ifnotTags}
  1100. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  1101. {/block:ifnotTags}
  1102. {block:ifnotAskbox}
  1103. <a href="{text:Link 5 URL}">{text:Link 5}</a>
  1104. {/block:ifnotAskbox}
  1105. </div>
  1106. <div id="entries" class="{select:Post Size}" >
  1107.  
  1108. {block:Posts}
  1109. <div class="posts" class="{select:Post Size}">
  1110.  
  1111. {block:Quote}
  1112. <div id="ink">{Quote}</div>
  1113. {block:Source}<div id="ink-source">{Source}</div>{/block:Source}
  1114.  
  1115. <div class="infos">
  1116. <a class="infos-ago" style="color:{color:title};" href="{Permalink}">{Timeago}</a>{block:NoteCount}<a href="{Permalink}">{NoteCountwithlabel}</a>{/block:NoteCount}{block:permalinkpage}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:permalinkpage}{block:HasTags}<div class="text-tags">{block:Tags}<a href="{TagUrl}">-{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1117. </div>
  1118.  
  1119. {/block:Quote}
  1120.  
  1121.  
  1122.  
  1123. {block:Text}
  1124. {block:Title}
  1125. <div id="title">{Title}</div>{/block:Title}
  1126. {Body}
  1127. <div class="infos">
  1128. <a class="infos-ago" style="color:{color:title};" href="{Permalink}">{Timeago}</a>{block:NoteCount}<a href="{Permalink}">{NoteCountwithlabel}</a>{/block:NoteCount}{block:permalinkpage}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:permalinkpage}{block:HasTags}<div class="text-tags">{block:Tags}<a href="{TagUrl}">-{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1129. </div>
  1130. {/block:Text}
  1131.  
  1132. {block:Link}
  1133. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  1134. <div class="infos">
  1135. <a class="infos-ago" style="color:{color:title};" href="{Permalink}">{Timeago}</a>{block:NoteCount}<a href="{Permalink}">{NoteCountwithlabel}</a>{/block:NoteCount}{block:permalinkpage}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:permalinkpage}{block:HasTags}<div class="text-tags">{block:Tags}<a href="{TagUrl}">-{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1136. </div>
  1137. {/block:Link}
  1138.  
  1139. {block:Chat}
  1140. {block:Title}
  1141. <h1>{Title}</h1>
  1142. {/block:Title}
  1143. <div class="chat">
  1144. <ol>{block:Lines}
  1145. <li class="line {Alt}">
  1146. {block:Label}
  1147. <span class="label">
  1148. {Label}</span>
  1149. {/block:Label}{Line}</li>
  1150. {/block:Lines}
  1151. </ol></div>
  1152. {/block:Chat}
  1153.  
  1154.  
  1155. {block:Photo}
  1156. {block:IndexPage}
  1157. <div class="perma_hold">
  1158. <div class="perma">
  1159. <a href="{Permalink}">{NoteCountwithLabel}</a>
  1160. <div class="info">
  1161. <a href="{ReblogURL}">reblog</a>
  1162. <a href="{ReblogParentURL}">via</a>
  1163. <a href="{ReblogRootURL}">source</a>
  1164. </div>
  1165. {block:HasTags}<div class="tags">{block:Tags}
  1166. <a href="{TagURL}">{Tag}</a>
  1167. {/block:Tags}</div>{/block:HasTags}
  1168. </div>
  1169. </div>
  1170. {/block:IndexPage}
  1171.  
  1172. {LinkOpenTag}
  1173. {block:ifnot400px}<img src="{PhotoURL-250}">{/block:ifnot400px}
  1174. {block:if400px}<img src="{PhotoURL-400}">{/block:if400px}
  1175. {LinkCloseTag}
  1176.  
  1177. {block:IfHiddenCaptions}
  1178. {block:PermalinkPage}
  1179. {block:Caption}
  1180. <div class="caption">{Caption}</div>
  1181. {/block:Caption}
  1182. {/block:PermalinkPage}
  1183. {/block:IfHiddenCaptions}
  1184. {block:IfnotHiddenCaptions}
  1185. {block:Caption}
  1186. <div class="caption">{Caption}</div>
  1187. {/block:Caption}
  1188. {/block:IfnotHiddenCaptions}
  1189. {block:Permalink}
  1190. <div class="infos">
  1191. <a class="infos-ago" style="color:{color:title};" href="{Permalink}">{Timeago}</a>{block:NoteCount}<a href="{Permalink}">{NoteCountwithlabel}</a>{/block:NoteCount}{block:permalinkpage}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:permalinkpage}{block:HasTags}<div class="text-tags">{block:Tags}<a href="{TagUrl}">-{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1192. </div>
  1193. {/block:Permalink}
  1194. {/block:Photo}
  1195.  
  1196. {block:Photoset}
  1197. {block:IndexPage}
  1198. <div class="perma_hold">
  1199. <div class="perma"><a href="{Permalink}">{NoteCountwithLabel}</a>
  1200. <div class="info">
  1201. <a href="{ReblogURL}">reblog</a>
  1202. <a href="{ReblogParentURL}">via</a>
  1203. <a href="{ReblogRootURL}">source</a>
  1204. </div>
  1205. {block:HasTags}<div class="tags">{block:Tags}
  1206. <a href="{TagURL}">{Tag}</a>
  1207. {/block:Tags}</div>{/block:HasTags}
  1208. </div>
  1209. </div>
  1210. {/block:IndexPage}
  1211. {block:if400px}{Photoset-400}{/block:if400px}
  1212. {block:ifnot400px}{Photoset-250}{/block:ifnot400px}
  1213. {block:IfHiddenCaptions}
  1214. {block:PermalinkPage}
  1215. {block:Caption}
  1216. <div class="caption">{Caption}</div>
  1217. {/block:Caption}
  1218. {/block:PermalinkPage}
  1219. {/block:IfHiddenCaptions}
  1220. {block:IfnotHiddenCaptions}
  1221. {block:Caption}
  1222. <div class="caption">{Caption}</div>
  1223. {/block:Caption}
  1224. {/block:IfnotHiddenCaptions}
  1225. {block:Permalink}
  1226. <div class="infos">
  1227. <a class="infos-ago" style="color:{color:title};" href="{Permalink}">{Timeago}</a>{block:NoteCount}<a href="{Permalink}">{NoteCountwithlabel}</a>{/block:NoteCount}{block:permalinkpage}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:permalinkpage}{block:HasTags}<div class="text-tags">{block:Tags}<a href="{TagUrl}">-{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1228. </div>
  1229. {/block:Permalink}
  1230. {/block:Photoset}
  1231.  
  1232. {block:Video}
  1233. {block:IndexPage}
  1234. <div class="perma_hold">
  1235. <div class="perma"><a href="{Permalink}">{NoteCountwithLabel}</a>
  1236. <div class="info">
  1237. <a href="{ReblogURL}">reblog</a>
  1238. <a href="{ReblogParentURL}">via</a>
  1239. <a href="{ReblogRootURL}">source</a>
  1240. </div>
  1241. {block:HasTags}<div class="tags">{block:Tags}
  1242. <a href="{TagURL}">{Tag}</a>
  1243. {/block:Tags}</div>{/block:HasTags}
  1244. </div>
  1245. </div>
  1246. {/block:IndexPage}
  1247. {block:if400px}{Video-400}{/block:if400px}
  1248. {block:ifnot400px}{Video-250}{/block:ifnot400px}
  1249. {block:IfHiddenCaptions}
  1250. {block:PermalinkPage}
  1251. {block:Caption}
  1252. <div class="caption">{Caption}</div>
  1253. {/block:Caption}
  1254. {/block:PermalinkPage}
  1255. {/block:IfHiddenCaptions}
  1256. {block:IfnotHiddenCaptions}
  1257. {block:Caption}
  1258. <div class="caption">{Caption}</div>
  1259. {/block:Caption}
  1260. {/block:IfnotHiddenCaptions}
  1261. {block:Permalink}
  1262. <div class="infos">
  1263. <a class="infos-ago" style="color:{color:title};" href="{Permalink}">{Timeago}</a>{block:NoteCount}<a href="{Permalink}">{NoteCountwithlabel}</a>{/block:NoteCount}{block:permalinkpage}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:permalinkpage}{block:HasTags}<div class="text-tags">{block:Tags}<a href="{TagUrl}">-{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1264. </div>
  1265. {/block:Permalink}
  1266. {/block:Video}
  1267.  
  1268. {block:Audio}
  1269. <div class="audio">
  1270. <div class="player-wrap {select:Player Color}">
  1271. <div class="player-art">
  1272. {block:AlbumArt}
  1273. <img class="album" src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}"/>
  1274. {/block:AlbumArt}
  1275. <img class="default" src="http://static.tumblr.com/3dkvxpf/Pj9nbm5vp/default_cover_m.jpg" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}"/>
  1276. </div>
  1277.  
  1278.  
  1279. <div class="player_wrap {select:Avatar Shape}"></div>
  1280. <div class="player_container {select:Avatar Shape}">
  1281. <div class="player">
  1282. <div class="black">{AudioPlayerBlack}</div>
  1283. <div class="white">{AudioPlayerWhite}</div>
  1284. <div class="grey">{AudioPlayerGrey}</div>
  1285. </div>
  1286. </div>
  1287. </div>
  1288. <ol class="audioinfo">
  1289. <div class="tracks {select:Player Color}">
  1290. <li class="tracks">{block:TrackName} {TrackName}{/block:TrackName}</li>
  1291. <li class="tracks">{block:Artist} {Artist}{/block:Artist} </li>
  1292. <li class="tracks">{block:Album} {Album}{/block:Album}</li>
  1293. </ol>
  1294.  
  1295. </div>
  1296. {block:IfHiddenCaptions}
  1297. {block:PermalinkPage}
  1298. {block:Caption}
  1299. <div class="caption">{Caption}</div>
  1300. {/block:Caption}
  1301. {/block:PermalinkPage}
  1302. {/block:IfHiddenCaptions}
  1303. {block:IfnotHiddenCaptions}
  1304. {block:Caption}
  1305. <div class="caption">{Caption}</div>
  1306. {/block:Caption}
  1307. {/block:IfnotHiddenCaptions}
  1308.  
  1309. <div class="infos">
  1310. <a class="infos-ago" style="color:{color:title};" href="{Permalink}">{Timeago}</a>{block:NoteCount}<a href="{Permalink}">{NoteCountwithlabel}</a>{/block:NoteCount}{block:permalinkpage}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:permalinkpage}{block:HasTags}<div class="text-tags">{block:Tags}<a href="{TagUrl}">-{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1311. </div>
  1312. {/block:Audio}
  1313.  
  1314. {block:Answer}
  1315. <div class="ques">
  1316. <div class="who" >{Asker} said: {Question}</div>
  1317. <div class="answer">{Answer}</div>
  1318. </div>
  1319. <div class="infos">
  1320. <a class="infos-ago" style="color:{color:title};" href="{Permalink}">{Timeago}</a>{block:NoteCount}<a href="{Permalink}">{NoteCountwithlabel}</a>{/block:NoteCount}{block:permalinkpage}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:permalinkpage}{block:HasTags}<div class="text-tags">{block:Tags}<a href="{TagUrl}">-{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1321. </div>
  1322. {/block:Answer}
  1323.  
  1324. </div>
  1325.  
  1326.  
  1327. {block:PostNotes}
  1328. <div class="pagenotes">
  1329. {PostNotes}
  1330. </div>
  1331. {/block:PostNotes}
  1332.  
  1333.  
  1334. {/block:Posts}
  1335.  
  1336.  
  1337. </div>
  1338.  
  1339. </div>
  1340.  
  1341. {block:ContentSource}
  1342. {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1343. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1344. {/block:SourceLogo}
  1345. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
  1346. {/block:ContentSource}
  1347.  
  1348. {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom}
  1349.  
  1350. <div id="creds"><a title="960px" href="http://960px.tumblr.com/">TT</a></div>
  1351.  
  1352. </div>
  1353.  
  1354. <div id="01" class="thepopup" class="{select:background image}">
  1355. <div id="main-date-2">
  1356. <Center>
  1357. <!--- Begin POPUP-TAG PAGE This is where you fil in your tags!! You can copy and paste each of the links to create more within each box. Enjoy!--->
  1358.  
  1359. <div class="update-2">
  1360. <big class="update-title">Personal</big>
  1361. <p class="tag-info" style="text-align:left;">
  1362. <a href="/archive" >archive</a> <br>
  1363. <a href="/tagged/#" >tag</a><br>
  1364. <a href="/tagged/#" >tag</a><br>
  1365. <a href="/tagged/#" >tag</a><br>
  1366. <a href="/tagged/#" >tag</a><br>
  1367. <a href="/tagged/#" >tag</a> <br>
  1368. <a href="/tagged/#" >tag</a><br>
  1369. <a href="/tagged/#" >tag</a><br>
  1370. <a href="/tagged/#" >tag</a><br>
  1371. <a href="/tagged/#" >tag</a> <br>
  1372. <a href="/tagged/#" >tag</a><br>
  1373. <a href="/tagged/#" >tag</a><br><!--Copy this to create more links-->
  1374. </p>
  1375. </div>
  1376. <!--End of tag box-->
  1377.  
  1378. <div class="update-2">
  1379. <big class="update-title">Title</big>
  1380. <p class="tag-info" style="text-align:left;">
  1381. <a href="/archive" >archive</a> <br>
  1382. <a href="/tagged/#" >tag</a><br>
  1383. <a href="/tagged/#" >tag</a><br>
  1384. <a href="/tagged/#" >tag</a><br>
  1385. <a href="/tagged/#" >tag</a><br>
  1386. <a href="/tagged/#" >tag</a> <br>
  1387. <a href="/tagged/#" >tag</a><br>
  1388. <a href="/tagged/#" >tag</a><br>
  1389. <a href="/tagged/#" >tag</a><br>
  1390. <a href="/tagged/#" >tag</a> <br>
  1391. <a href="/tagged/#" >tag</a><br>
  1392. <a href="/tagged/#" >tag</a><br>
  1393. </p>
  1394. </div>
  1395. <!--End of tag box-->
  1396.  
  1397. <div class="update-2">
  1398. <big class="update-title">Title</big>
  1399. <p class="tag-info" style="text-align:left;">
  1400. <a href="/tagged/#">tag</a> <br>
  1401. <a href="/tagged/#" >tag</a><br>
  1402. <a href="/tagged/#" >tag</a><br>
  1403. <a href="/tagged/#" >tag</a><br>
  1404. <a href="/tagged/#" >tag</a><br>
  1405. <a href="/tagged/#" >tag</a> <br>
  1406. <a href="/tagged/#" >tag</a><br>
  1407. <a href="/tagged/#" >tag</a><br>
  1408. <a href="/tagged/#" >tag</a><br>
  1409. <a href="/tagged/#" >tag</a> <br>
  1410. <a href="/tagged/#" >tag</a><br>
  1411. <a href="/tagged/#" >tag</a><br>
  1412. </p>
  1413. </div>
  1414. <!--End of tag box-->
  1415.  
  1416. <div class="update-2">
  1417. <big class="update-title">Title</big>
  1418. <p class="tag-info" style="text-align:left;">
  1419. <a href="/tagged/#" >tag</a> <br>
  1420. <a href="/tagged/#" >tag</a><br>
  1421. <a href="/tagged/#" >tag</a><br>
  1422. <a href="/tagged/#" >tag</a><br>
  1423. <a href="/tagged/#" >tag</a><br>
  1424. <a href="/tagged/#" >tag</a> <br>
  1425. <a href="/tagged/#" >tag</a><br>
  1426. <a href="/tagged/#" >tag</a><br>
  1427. <a href="/tagged/#" >tag</a><br>
  1428. <a href="/tagged/#" >tag</a> <br>
  1429. <a href="/tagged/#" >tag</a><br>
  1430. <a href="/tagged/#" >tag</a><br>
  1431. </p>
  1432. </div>
  1433. <!--End of tag box-->
  1434.  
  1435.  
  1436. <div class="update-2">
  1437. <big class="update-title">Title</big>
  1438. <p class="tag-info" style="text-align:left;">
  1439. <a href="/tagged/#" >Tag</a> <br>
  1440. <a href="/tagged/#" >tag</a><br>
  1441. <a href="/tagged/#" >tag</a><br>
  1442. <a href="/tagged/#" >tag</a><br>
  1443. <a href="/tagged/#" >tag</a><br>
  1444. <a href="/tagged/#" >tag</a> <br>
  1445. <a href="/tagged/#" >tag</a><br>
  1446. <a href="/tagged/#" >tag</a><br>
  1447. <a href="/tagged/#" >tag</a><br>
  1448. <a href="/tagged/#" >tag</a> <br>
  1449. <a href="/tagged/#" >tag</a><br>
  1450. <a href="/tagged/#" >tag</a><br>
  1451. </p>
  1452. </div>
  1453. <!--End of tag box-->
  1454.  
  1455. <div class="update-2">
  1456. <big class="update-title">Title</big>
  1457. <p class="tag-info" style="text-align:left;">
  1458. <a href="/tagged/#" >tag</a> <br>
  1459. <a href="/tagged/#" >tag</a><br>
  1460. <a href="/tagged/#" >tag</a><br>
  1461. <a href="/tagged/#" >tag</a><br>
  1462. <a href="/tagged/#" >tag</a><br>
  1463. <a href="/tagged/#" >tag</a> <br>
  1464. <a href="/tagged/#" >tag</a><br>
  1465. <a href="/tagged/#" >tag</a><br>
  1466. <a href="/tagged/#" >tag</a><br>
  1467. <a href="/tagged/#" >tag</a> <br>
  1468. <a href="/tagged/#" >tag</a><br>
  1469. <a href="/tagged/#" >tag</a><br>
  1470. </p>
  1471. </div>
  1472. <!--End of tag box-->
  1473.  
  1474.  
  1475. </div>
  1476. </div>
  1477. </div>
  1478. </div><!--Closing div for pop up tags-->
  1479.  
  1480. <!--Begin Askbox --
  1481.  
  1482. --- Remember to fill out your FAQ! Just delete the placeholder text and type whatever you want. It can be really long or really short! Which ever works for you <3 -->
  1483.  
  1484. <div id="02" class="thepopup" class="{select:background image}">
  1485. <div id="main-date">
  1486. <div class="update">
  1487. <div id="aboutimg"><img src="http://static.tumblr.com/3dkvxpf/tZzngp85i/shape1__1_.png"></div>
  1488. <big class="update-title2" style="padding:10px;">message</big><br>
  1489. <div class="about-p">
  1490. <iframe frameborder="0" height="200" id="ask_form" class="asks" scrolling="none" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"> </iframe></div>
  1491. </div>
  1492.  
  1493. <div class="update">
  1494. <div id="aboutimg"><img src="http://static.tumblr.com/3dkvxpf/fgwngp84o/flower5__1_.png"></div>
  1495. <big class="update-title2" style="padding:10px;">about me</big><br>
  1496. <div class="about-p">
  1497. Proin ultricies sapien eros, id porta tellus congue vitae. Quisque lacinia nisi vitae diam sagittis ullamcorper. Donec porttitor augue sem, vitae scelerisque eros iaculis ut. Donec massa eros, ullamcorper ut enim a, elementum semper est. Maecenas nec cursus est. Suspendisse auctor urna id eleifend rhoncus. Donec et vestibulum sem. Ut consequat eu lacus id tempus. Pellentesque hendrerit scelerisque velit, sit amet venenatis nisl convallis sed. Maecenas vestibulum vestibulum nisi et placerat.
  1498.  
  1499. Nullam aliquet metus vitae eros egestas pretium. Fusce porta felis at sapien aliquam posuere. Ut gravida commodo turpis eget vehicula. Nam porta finibus eros, a ultricies ipsum suscipit nec. Etiam diam quam, tristique non ante ac, elementum laoreet nibh.
  1500. </div>
  1501. </div>
  1502.  
  1503.  
  1504.  
  1505. </div>
  1506. </div><!--Closing div for pop up ask box-->
  1507.  
  1508. </body>
  1509. {block:ifLazyLoad}
  1510. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  1511. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  1512. <script type="text/javascript" charset="utf-8">
  1513. var $j = jQuery.noConflict();
  1514. $j(function() {
  1515. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  1516. $j("img").lazyload({
  1517. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  1518. effect: "fadeIn",
  1519. });
  1520. });
  1521. </script>
  1522. {/block:ifLazyLoad}
  1523. <script type="text/javascript"
  1524. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  1525.  
  1526. <script>
  1527. $(document).ready(function() {
  1528. //
  1529. //When you click on a link with class of poplight and the href starts with a #
  1530. $('a.poplight[href^=#]').click(function() {
  1531. var popID = $(this).attr('rel'); //Get Popup Name
  1532. var popURL = $(this).attr('href'); //Get Popup href to define size
  1533. //Pull Query & Variables from href URL
  1534. var query= popURL.split('?');
  1535. var dim= query[1].split('&');
  1536. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  1537. //Fade in the Popup and add close button
  1538. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://static.tumblr.com/3dkvxpf/yNLncfole/cross37.png" class="btn_close" alt="close" /></a>');
  1539. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend;
  1540. //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
  1541. var popMargTop = ($('#' + popID).height() + 90) / 2;
  1542. var popMargLeft = ($('#' + popID).width() + 90) / 2;
  1543. //Apply Margin to Popup
  1544. $('#' + popID).css({
  1545. 'margin-top' : -popMargTop,
  1546. 'margin-left' : -popMargLeft
  1547. });
  1548. //Fade in Background
  1549. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  1550. $('#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
  1551. return false;
  1552. });
  1553. //Close Popups and Fade Layer
  1554. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  1555. $('#fade , .thepopup').fadeOut(function() {
  1556. $('#fade, a.close').remove(); //fade them both out
  1557. });
  1558. return false;
  1559. });
  1560. });
  1561. </script>
  1562. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!