API tools faq
paste
Advertisement
Notlikeamovie

THEME #017

Notlikeamovie
Dec 3rd, 2013
10,953
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.43 KB | None | 0 0
raw download clone embed print report
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2.  
  3. <!--------------------------------------------------------
  4. THEME #017 BY MARAUDERSMAPS.TUMBLR.COM
  5. --------------------------------------------------------->
  6.  
  7.  
  8. <head>
  9. <!-- DEFAULT VARIABLES -->
  10.  
  11. <meta name="image:sidebar bg" content="/">
  12. <meta name="image:sidepic" content="/">
  13.  
  14. <meta name="if:Show Caption On Index Page" content="/">
  15. <meta name="if:Show Sidebar Pic" content="">
  16. <meta name="if:Show Blogs Title" content="/">
  17.  
  18. <meta name="if:Audio Player White" content="/">
  19. <meta name="if:Audio Player Black" content="/">
  20.  
  21.  
  22. <meta name="text:Link 1 Url" content="http://" />
  23. <meta name="text:Link 1 Name" content="Link 1" />
  24. <meta name="text:Link 2 Url" content="http://" />
  25. <meta name="text:Link 2 Name" content="Link 2" />
  26. <meta name="text:Link 3 Url" content="http://" />
  27. <meta name="text:Link 3 Name" content="Link 3" />
  28.  
  29. <meta name="color:Background" content="#f9fafa" />
  30. <meta name="color:Entries" content="#ffffff" />
  31. <meta name="color:Accent" content="#fafafa" />
  32. <meta name="color:borders" content="#eeeeee" />
  33. <meta name="color:Text" content="#b9bcba" />
  34. <meta name="color:Selection" content="#72a9b9" />
  35. <meta name="color:Permalink" content="#8b8f92" />
  36. <meta name="color:Bold and italic" content="#7aa0b0" />
  37. <meta name="color:Link" content="#80b1d0" />
  38. <meta name="color:Link Hover" content="#98a8b8" />
  39. <meta name="color:Sidebar text" content="#97a8ac" />
  40. <meta name="color:Sidebar" content="#ffffff" />
  41.  
  42. <meta name="color:Scrollbar" content="#c1ccca" />
  43.  
  44.  
  45. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  46.  
  47. <!------------------- SCRIPTS ------------------->
  48.  
  49. <script src="http://code.jquery.com/jquery-latest.js"></script>
  50.  
  51. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  52.  
  53.  
  54. <script src="http://static.tumblr.com/2lqtwbf/hvAmqluuv/jquery.style-my-tooltips.js"></script>
  55.  
  56. <script>
  57. (function($){
  58. $(document).ready(function(){
  59. $("[title]").style_my_tooltips();
  60. });
  61. })(jQuery);
  62. </script>
  63.  
  64. <link href='http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  65. <link href='http://fonts.googleapis.com/css?family=Raleway:400,700,300,200' rel='stylesheet' type='text/css'>
  66. <link href='http://fonts.googleapis.com/css?family=Droid+Serif:400italic,700italic' rel='stylesheet' type='text/css'>
  67.  
  68. <title>{Title}</title>
  69. <link rel="shortcut icon" href="{Favicon}">
  70. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  71. {block:Description}
  72. <meta name="description" content="{MetaDescription}" />
  73. {/block:Description}
  74.  
  75.  
  76. <style type="text/css">
  77.  
  78. /* SCROLLBAR, SELECTION, TUMBLR CONTROLS AND TOOLTIPS */
  79. #s-m-t-tooltip{
  80. /* basic */
  81. max-width:500px;
  82. z-index:10000000000000000000000000000000000;
  83. margin:24px 14px 7px 12px;
  84. /* font */
  85. font-family:raleway, sans serif;
  86. font-size:8px;
  87. font-weight:300;
  88. line-height:120%;
  89. color:{color:entries};
  90. letter-spacing:1px;
  91. text-transform:uppercase;
  92. letter-spacing:1px;
  93. /* style and design */
  94. padding:4px 4px;
  95. background-color:{color:link}; /* fallback if rgba not supported */
  96.  
  97. -moz-border-radius:0px;
  98. -webkit-border-radius:0px;
  99. border-radius:0px;
  100. -moz-box-shadow:2px 2px 2px rgba(0,0,0,0.15),-1px -1px 2px rgba(255,255,255,0.3);
  101. -webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.15),-1px -1px 2px rgba(255,255,255,0.3);
  102. box-shadow:2px 2px 2px rgba(0,0,0,0.15),-1px -1px 2px rgba(255,255,255,0.3);
  103. }
  104.  
  105. ::-webkit-scrollbar-thumb:vertical{
  106. background-color: {color:Scrollbar};
  107. height: 5px;
  108. }
  109.  
  110. ::-webkit-scrollbar-thumb:horizontal{
  111. background-color: {color:Scrollbar};
  112. height:5px!important;
  113. }
  114.  
  115. ::-webkit-scrollbar {
  116. background-color:{color:background};
  117. height:5px; width:5px;
  118. }
  119.  
  120.  
  121. ::selection {
  122. background: #trans;
  123. color: {color:selection};
  124. }
  125.  
  126. ::-moz-selection {
  127. background: #trans;
  128. color: {color:selection};
  129. }
  130.  
  131. ::webkit-selection {
  132. background: #trans;
  133. color: {color:selection};
  134. }
  135.  
  136. iframe#tumblr_controls {
  137. top:0px !important;
  138. right:0px !important;
  139. position: fixed !important;
  140. -webkit-transition: opacity 0.7s linear;
  141. opacity: 0.4;
  142. -webkit-transition: all 0.8s ease-out;
  143. -moz-transition: all 0.8s ease-out;
  144. transition: all 0.8s ease-out;
  145. max-height:24px;
  146. }
  147.  
  148. iframe#tumblr_controls:hover{
  149. -webkit-transition: opacity 0.7s linear;
  150. opacity: 1;
  151. -webkit-transition: all 0.4s ease-out;
  152. -moz-transition: all 0.4s ease-out;
  153. transition: all 0.4s ease-out;
  154. }
  155.  
  156. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  157.  
  158.  
  159. /* GENERAL */
  160. body{
  161. background-color:{color:background};
  162. color:{color:text};
  163. font-family:calibri;
  164. font-size:10px;
  165. text-align:justify;
  166. }
  167.  
  168. #content{
  169. width:620px;
  170. margin:-10px 0px 0px 390px;
  171. background-color:#trans;
  172. height:100%;
  173. min-height:650px;
  174. padding:0;
  175. border:0;
  176. }
  177.  
  178.  
  179. blockquote, li blockquote{
  180. border-left:1px {color:link} solid;
  181. padding:0px 0px 0px 10px;
  182. margin:0px 0px 8px 0px;
  183. }
  184.  
  185. blockquote > p:first-child{
  186. padding: 0;
  187. }
  188.  
  189. ul{
  190. padding: 0 0 0 0px;
  191. margin: 0 0 08px 0;
  192. list-style-position:inside;
  193. }
  194.  
  195. ol{
  196. padding: 0 0 8px 0px;
  197. margin: 0 0 08px 0;
  198. list-style-position:inside;
  199. }
  200.  
  201. b, strong, .strong{
  202. color:{color:Bold and italic};
  203. }
  204.  
  205. i, em, .em{
  206. color:{color:Bold and Italic};
  207. }
  208.  
  209. a{
  210. color:{color:link};
  211. text-decoration:none;
  212. -moz-transition: all .7s ease-in-out!important;
  213. -o-transition: all .7s ease-in-out!important;
  214. transition: all .7s ease-in-out!important;
  215. -webkit-transition: all .7s ease-in-out!important;
  216. font-style:normal;
  217. line-height:100%;
  218. }
  219.  
  220. a:hover{
  221. color:{color:link hover};
  222. }
  223.  
  224. img{max-width:500px;}
  225.  
  226. img a{
  227. border:0px {color:transparent};
  228. }
  229.  
  230. a img{
  231. border:0px #trans;
  232. }
  233.  
  234. .caption {
  235. margin-top:10px;
  236. font-size:10px;
  237. {block:IfNotShowCaptionOnIndexPage}{block:IndexPage}display:none;{/block:IndexPage}{/block:IfNotShowCaptionOnIndexPage}
  238. width:480px;
  239. color:{color:text};
  240. background-color:#trans;
  241. padding:10px 10px;
  242. }
  243.  
  244. .caption p{line-height:11px; margin:0px 0px 6px 0px;}
  245. .caption a{line-height:11px;}
  246. .caption blockquote{
  247. border-left:3px solid {color:link};
  248. padding:0px 0px 0px 10px;
  249. margin:0px 1px 0px 10px;
  250. }
  251.  
  252. .caption small, .caption sub{
  253. font-size:10px;
  254. }
  255.  
  256. small, sub{
  257. font-size:10px;
  258. }
  259.  
  260.  
  261. /* ENTRIES GENERAL */
  262. #entries {
  263. width:620px;
  264. margin:auto;
  265. position:relative;
  266. z-index:100;
  267. background:{color:entries};
  268. margin:0px;
  269. float:left;
  270. top:0;
  271. height:100%;
  272. }
  273.  
  274. .entries{
  275. width:540px;
  276. position:relative;
  277. margin:10px auto 30px;
  278. -moz-transition:all 0.6s ease-out;
  279. -o-transition:all 0.6s ease-out;
  280. -webkit-transition:all 0.6s ease-out;
  281. -ms-transition:all 0.6s ease-out;
  282. transition:all 0.6s ease-out;
  283. }
  284.  
  285. .entriescont{
  286. padding:20px;
  287. background-color:transparent;
  288. width:500px;
  289. margin-bottom:0px;}
  290.  
  291. .bottoms{
  292. background-color:{color:navigation};
  293. overflow:hidden;
  294. display:block;
  295. padding:3px 0px;
  296. border-top:1px solid {color:borders};
  297. border-bottom:1px solid {color:borders};
  298. position:relative;
  299. bottom:0;
  300. left:0;
  301. width:500px;
  302. margin-top:-20px;
  303. margin-bottom:20px;
  304. margin-left:20px;
  305. {block:IndexPage}
  306. height:10px;
  307. overflow:hidden;
  308. color:{color:permalink};
  309. {/block:IndexPage}
  310. {block:PermalinkPage}
  311. min-height:10px;
  312. height:auto;
  313. max-height:30px;
  314. overflow:hidden;
  315. color:{color:permalink};
  316. {/block:PermalinkPage}
  317. z-index:11;
  318. font:8px calibri;
  319. letter-spacing:1px;
  320. -moz-transition:all 1s ease-out;
  321. -o-transition:all 1s ease-out;
  322. -webkit-transition:all 1s ease-out;
  323. -ms-transition:all 1s ease-out;
  324. transition:all 1s ease-out;
  325. line-height:10px;
  326. text-transform:uppercase;}
  327.  
  328.  
  329. .bottoms a{
  330. font:8px calibri;
  331. letter-spacing:1px;
  332. color:{color:permalink};
  333. letter-spacing:1px;}
  334.  
  335.  
  336. .ptags{
  337. height:auto;
  338. min-height:10px;
  339. background:#trans;
  340. left:0;
  341. bottom:0;
  342. position:relative;
  343. z-index:10;
  344. width:500px;
  345. margin-left:20px;
  346. margin-top:-20px;
  347. padding:2px 0px;
  348. text-align:center;
  349. text-transform:uppercase;
  350. }
  351.  
  352. .ptags a{
  353. font:8px calibri;
  354. letter-spacing:1px;
  355. color:{color:permalink};}
  356.  
  357. .ptags a:hover{
  358. color:{color:link};
  359. text-decoration:underline;}
  360.  
  361. /* PHOTO POSTS */
  362. .hres{
  363. opacity:0;
  364. height:12px;
  365. font-size:8px;
  366. font-family:calibri;
  367. color:{color:link};
  368. background-color:{color:entries};
  369. -moz-transition: all .7s ease-in-out;
  370. -o-transition: all .7s ease-in-out;
  371. transition: all .7s ease-in-out;
  372. -webkit-transition: all .7s ease-in-out;
  373. width:45px;
  374. position:absolute;
  375. top:0;
  376. left:0;
  377. z-index:998;
  378. text-align:center;
  379. text-transform:uppercase;
  380. filter:alpha(opacity=0);
  381. padding-top:3px;
  382. letter-spacing:1px;
  383. padding-left:1px;
  384. padding-bottom:1px;
  385. }
  386.  
  387. .hres a{
  388. color:{color:link};
  389. text-align:center;
  390. font-family:calibri;
  391. font-style:normal;
  392. font-size:8px;
  393. letter-spacing:1px;
  394. }
  395.  
  396. #photox:hover .hres{
  397. opacity:0.9;
  398. filter:alpha(opacity=90);
  399. }
  400.  
  401. #photox{
  402. overflow:hidden;
  403. position:relative
  404. }
  405.  
  406.  
  407. /* TEXT POSTS */
  408. #title {
  409. margin:auto;
  410. text-align:center;
  411. border:0;
  412. }
  413.  
  414. .texttitle {
  415. font-size:16px!important;
  416. font-family: raleway, georgia;
  417. font-weight:300;
  418. color:{color:link};
  419. padding:2px 1px;
  420. text-align:center;
  421. line-height:90%;
  422. text-transform:none;
  423. font-style:normal;
  424. }
  425.  
  426. .texttitle:first-letter{text-transform:uppercase;}
  427.  
  428. .texttitle a{
  429. color:{color:link};
  430. }
  431.  
  432. /* CHAT POSTS */
  433. .chat .line{
  434. font-size:10px;
  435. font-family:calibri;
  436. }
  437.  
  438. .label{
  439. color:{color:bold and italic};
  440. font:10px raleway;
  441. text-transform:capitalize;
  442. font-style:normal;
  443. }
  444.  
  445. .chat{
  446. margin-top:2px;
  447. }
  448.  
  449. /* LINK POSTS */
  450. .linkdescription{
  451. padding:0px;
  452. margin:0px;
  453. }
  454.  
  455. /* QUOTE POSTS */
  456. .short_quote{
  457. font:21px raleway;
  458. font-weight:300;
  459. background-color:#trans;
  460. height:auto;
  461. margin:auto;
  462. padding:6px;
  463. text-align:justify;
  464. color:{color:link hover};
  465. letter-spacing:0px!important;
  466. line-height:90%;
  467. width:450px;
  468.  
  469. }
  470.  
  471. .medium_quote {
  472. font:18px raleway;
  473. font-weight:300;
  474. background-color:#trans;
  475. height:auto;
  476. margin:auto;
  477. padding:6px;
  478. text-align:justify;
  479. color:{color:link hover};
  480. letter-spacing:0px!important;
  481. line-height:90%;
  482. width:450px;
  483. }
  484.  
  485. .long_quote{
  486. font:15px raleway;
  487. font-weight:300;
  488. background-color:#trans;
  489. height:auto;
  490. margin:auto;
  491. padding:6px;
  492. text-align:justify;
  493. color:{color:link hover};
  494. letter-spacing:0px!important;
  495. line-height:90%;
  496. width:400px;
  497. }
  498.  
  499. .source{
  500. text-align:right;
  501. font-size:8px;
  502. font-family: calibri;
  503. letter-spacing:1px;
  504. color:{color:text};
  505. text-transform:uppercase;
  506. margin-top:7px;
  507. margin-right:-19px;
  508. font-style:normal;
  509. }
  510.  
  511. .source a{font-family:calibri;font-size:8px; font-style:normal;letter-spacing:1px;}
  512.  
  513. /* AUDIO POSTS */
  514. .cover {
  515. position:relative;
  516. z-index:100;
  517. }
  518. .cover img {
  519. width:160px;
  520. height:160px;
  521. }
  522.  
  523. .audbox{
  524. position:absolute;
  525. z-index:101;
  526. padding:20px 26px 16px 20px;
  527. {block:IfAudioPlayerWhite}
  528. background-color:#fff;
  529. {/block:IfAudioPlayerWhite}
  530. {block:IfAudioPlayerBlack}
  531. background-color:#000;
  532. {/block:IfAudioPlayerBlack}
  533. margin-top:47px;
  534. margin-left:46px;
  535. opacity:0.3;
  536. filter:alpha(opacity=30);
  537. -moz-transition: all ease-in-out 0.7s;
  538. -o-transition: all ease-in-out 0.7s;
  539. -webkit-transition: all ease-in-out 0.7s;
  540. transition: all ease-in-out 0.7s;
  541. }
  542.  
  543. .audbox:hover{
  544. opacity:.9;
  545. filter:alpha(opacity=90);
  546. }
  547.  
  548. .audbutton{
  549. width:20px;
  550. height:30px;
  551. overflow:hidden;
  552. position:relative;
  553. z-index:101;
  554. }
  555.  
  556. #audinfor{
  557. margin-top:-2px;
  558. width:335px;
  559. float:right;
  560. padding:0px 5px;
  561. margin-right:-2px;
  562. }
  563.  
  564. .audinfor{
  565. background-color:{color:accent};
  566. height:150px;
  567. }
  568.  
  569. .audartist{
  570. width:auto;
  571. text-align:center;
  572. font:12px raleway;
  573. letter-spacing:0px;
  574. text-transform:uppercase;
  575. font-style:normal;
  576. font-weight:400;
  577. color:{color: sidebar};
  578. margin-bottom:0px;
  579. line-height:100%;
  580. display:block;
  581. }
  582.  
  583. .audsong{
  584. width:auto;
  585. text-align:center;
  586. font:16px droid serif;
  587. text-transform:lowercase;
  588. font-style:italic;
  589. font-weight:400;
  590. color:{color:link};
  591. margin-top:0px;
  592. line-height:100%;
  593. display:block;
  594. margin-bottom:5px;
  595. }
  596.  
  597. .audalbums{
  598. width:auto;
  599. text-align:center;
  600. font:12px raleway;
  601. letter-spacing:0px;
  602. text-transform:uppercase;
  603. font-style:normal;
  604. font-weight:400;
  605. color:{color:text};
  606. margin-top:0px;
  607. line-height:100%;
  608. display:inline;
  609. }
  610.  
  611. /* ASKS */
  612. #question{
  613. width:480px;
  614. padding:10px 10px 12px 10px;
  615. margin:auto;
  616. font:10px calibri;
  617. line-height:95%;
  618. background:{color:accent};
  619. position:relative;
  620. margin-bottom:20px;
  621. border-bottom:1px solid {color:borders};
  622. text-align:center;
  623. }
  624.  
  625.  
  626.  
  627. .askpic{
  628. width:16px;
  629. height:16px;
  630. padding:0px;
  631. margin:0px;
  632. background-color:trans;
  633. position:absolute;
  634. bottom:-8px;
  635. left:50%;
  636. -webkit-transform:translate(-50%,0);
  637. -moz-transform:translate(-50%,0);
  638. -o--transform:translate(-50%,0);
  639. -ms-transform:translate(-50%,0);
  640. transform:translate(-50%,0);
  641.  
  642. }
  643.  
  644. .askpic img{
  645. width:12px;
  646. height:12px;
  647. margin:auto;
  648. padding:2px;
  649. background-color:trans;
  650. border:1px solid {color:borders};
  651. }
  652.  
  653. .accent {
  654. font:8px droid serif;
  655. color: {color:link};
  656. padding: 0px 0px 2px 0px;
  657. border-bottom:1px solid {color:borders};
  658. text-transform:uppercase;
  659. letter-spacing:1px;
  660. margin-bottom:2px;
  661. font-style:normal;
  662. }
  663.  
  664. .accent a{
  665. color: {color:link};
  666. }
  667.  
  668. .accent a:hover{
  669. color:{color:link}!important;
  670. }
  671.  
  672. .quest{
  673. background-color:transparent;
  674. color:{color:text};
  675. padding:0px;
  676. text-align:justify;
  677. font:10px calibri;
  678. font-style:italic;
  679. line-height:90%;
  680. padding-top:10px!important;
  681. }
  682.  
  683. #answer{
  684. width:500px;
  685. margin:auto;
  686. margin-top:5px;
  687. font:10px calibri!important;
  688. padding:0px;
  689. }
  690.  
  691. /* POST NOTES */
  692. #postpermalink{
  693. display:block;
  694. position:relative;
  695. bottom:0;
  696. left:0;
  697. width:500px;
  698. padding:0px;
  699. margin-left:20px;
  700. margin-top:10px;
  701. background-color:#trans;
  702. }
  703.  
  704. ol.notes{
  705. padding: 0px 1px 0px 0px;
  706. list-style-type:none;
  707. color:{color:text};
  708. margin-left:0px;
  709. }
  710.  
  711. ol.notes li{
  712. border-bottom:0px solid {color:navigation};
  713. }
  714.  
  715. ol.notes li a:link, ol.notes li a:visited, ol.notes li a:active{
  716. color:{color:link};
  717. padding: 0px 2px;
  718. }
  719.  
  720. ol.notes li a:hover{
  721. color: {color:link hover};
  722. }
  723.  
  724. ol.notes li.note{
  725. border-top: solid 1px {color:borders};
  726. padding: 10px;
  727. }
  728.  
  729. ol.notes li.note:first-child{border-top:0;}
  730.  
  731. ol.notes li.note img.avatar{
  732. display:inline;
  733. width:10px;
  734. vertical-align:-2px;
  735. }
  736.  
  737. ol.notes li.note span.action{
  738. font-weight: normal;
  739. }
  740.  
  741. ol.notes li.note span.action a{
  742. font-style:italic!important;
  743. font-weight: normal;
  744. letter-spacing:1px;
  745. color:{color:navigation and permalink links};
  746. }
  747.  
  748. ol.notes li.note .answer_content{
  749. font-weight: normal;
  750. }
  751.  
  752. ol.notes li.note blockquote{
  753. margin:5px 0px 5px 15px;
  754. padding:2px 5px;
  755. }
  756.  
  757.  
  758. /* SIDEBAR */
  759. #sbar{
  760. width:400px;
  761. background:#trans;
  762. position:fixed;
  763. float:left;
  764. overflow:hidden;
  765. min-height:650px;
  766. height:100%;
  767. margin:0;
  768. padding:0;
  769. left:0;
  770. top:0;
  771. -webkit-transition:all 0.4s ease-in 0.2s;
  772. -moz-transition:all 0.4s ease-in 0.2s;
  773. -o-transition:all 0.4s ease-in 0.2s;
  774. transition:all 0.4s ease-in 0.2s;
  775. }
  776.  
  777. .sbg{
  778. width:400px;
  779. height:100%;
  780. background-image:url('{image:sidebar bg}');
  781. padding:0;
  782. margin:0;
  783. border:0;
  784. /* Centering with flexbox */
  785. display: -webkit-box;
  786. display: -moz-box;
  787. display: -ms-flexbox;
  788. display: -webkit-flex;
  789. display: flex;
  790. -webkit-flex-direction: row;
  791. -ms-flex-direction: row;
  792. flex-direction: row;
  793. -webkit-flex-wrap: wrap;
  794. -ms-flex-wrap: wrap;
  795. flex-wrap: wrap;
  796. -webkit-box-pack: center;
  797. -moz-box-pack: center;
  798. -webkit-justify-content: center;
  799. -ms-flex-pack: center;
  800. justify-content: center;
  801. -webkit-box-align: center;
  802. -moz-box-align: center;
  803. -webkit-align-items: center;
  804. -ms-flex-align: center;
  805. align-items: center;
  806. }
  807.  
  808. .scont{
  809. width:245px;
  810. position:relative;
  811. padding:10px;
  812. border:1px solid {color:sidebar};
  813. -webkit-transition:all 0.4s ease-in 0.2s;}
  814.  
  815. .sdesc{
  816. width:205px;
  817. padding:20px;
  818. background:{color:sidebar};
  819. color:{color:sidebar text};
  820. }
  821.  
  822. .sdesc p{
  823. margin:0;
  824. padding:0;
  825. border:0;
  826. margin-top:3px;}
  827.  
  828. .sdesc p:first-child{margin:0!important;}
  829.  
  830. .snav{
  831. width:245px;
  832. height:0;
  833. opacity:0;
  834. margin-top:0px;
  835. display:block;
  836. -webkit-transition:opacity 0.4s ease 0s, height 0.3s ease 0.2s;
  837. -webkit-transform-origin:center top;
  838. -o-transition:opacity 0.4s ease 0s, height 0.3s ease 0.2s;
  839. -o-transform-origin:center top;
  840. -moz-transition:opacity 0.4s ease 0s, height 0.3s ease 0.2s;
  841. -moz-transform-origin:center top;
  842. transition:opacity 0.4s ease 0s, height 0.3s ease 0.2s;
  843. transform-origin:center top;}
  844.  
  845. .snav a{
  846. border:0;
  847. margin:2px 0px 1px 0px;
  848. padding:3px 0px;
  849. font:8px raleway;
  850. line-height:8px;
  851. letter-spacing:2px;
  852. text-transform:uppercase;
  853. color:{color:sidebar text};
  854. display:block;
  855. text-align:center;
  856. background:{color:sidebar};
  857. }
  858.  
  859. .snav a:hover{
  860. background:rgba(250,250,250,0.1);}
  861.  
  862. .snav a:last-child{border:0; margin-bottom:0px;}
  863.  
  864. .sbg:hover .snav{
  865. opacity:1;
  866. -webkit-transition:opacity 0.2s ease 0.2s, height 0.4s ease 0s;
  867. -moz-transition:opacity 0.2s ease 0.2s, height 0.4s ease 0s;
  868. -o-transition:opacity 0.2s ease 0.2s, height 0.4s ease 0s;
  869. transition:opacity 0.2s ease 0.2s, height 0.4s ease 0s;
  870. }
  871.  
  872. /* PAGINATION */
  873. .pagin{
  874. width:620px;
  875. position:fixed;
  876. max-height:40px;
  877. bottom:0px;
  878. margin-top:20px;
  879. background-color:{color:entries};
  880. z-index:2000000000000000000;
  881. padding:10px 0px 10px 0px;
  882. font-size:8px;
  883. font-family:calibri;
  884. text-transform:uppercase;
  885. letter-spacing:1px;
  886. text-align:center;
  887. margin-left:0px;
  888. }
  889.  
  890. .pagin a {
  891. font-family:calibri;
  892. font-style:normal;
  893. font-size:8px;
  894. letter-spacing:1px;
  895. color:{color:permalink};
  896. background-color:{color:borders};
  897. padding: 3px 6px;
  898. margin: 0px 1px;
  899. border: 0px solid #5cbebb;
  900. -webkit-box-shadow: 1px 1px 3px rgba(220, 220, 220, 0.5);
  901. -moz-box-shadow: 1px 1px 3px rgba(220, 220, 220, 0.5);
  902. box-shadow: 1px 1px 3px rgba(220, 220, 220, 0.5);
  903. }
  904.  
  905. .current_page{
  906. color:{color:permalink};
  907. border:0px solid #5cbebb;
  908. padding: 3px 6px;
  909. margin:0px 3px;
  910. background-color:{color:accent};
  911. -webkit-box-shadow: 1px 1px 3px rgba(220, 220, 220, 0.5);
  912. -moz-box-shadow: 1px 1px 3px rgba(220, 220, 220, 0.5);
  913. box-shadow: 1px 1px 3px rgba(220, 220, 220, 0.5);
  914. }
  915.  
  916. .pagin a:hover{
  917. background-color:{color:link};
  918. color:{color:entries};}
  919.  
  920.  
  921. </style>
  922.  
  923.  
  924.  
  925.  
  926.  
  927.  
  928. <script>
  929. $(document).ready(function(){
  930. var y=$(".snav").find("a").length;
  931. var n='16';
  932. var x= y*=n;
  933. var total= x-2;
  934. $(".sbg").mouseover(function(){
  935. $(".snav").height(Number(total));
  936. });
  937. $(".sbg").mouseout(function(){
  938. $(".snav").height(0);
  939. });
  940.  
  941. var color = '{color:sidebar}';
  942. var redHex = color.substring(1, 3);
  943. var greenHex = color.substring(3, 5);
  944. var blueHex = color.substring(5, 7);
  945. var redDec = parseInt(redHex, 16);
  946. var greenDec = parseInt(greenHex, 16);
  947. var blueDec = parseInt(blueHex, 16);
  948. var colorRgb = 'rgba(' + redDec + ', ' + greenDec + ', ' + blueDec + ', 0.5)';
  949. $(".scont").css("background-color", colorRgb);
  950. });
  951. </script>
  952.  
  953.  
  954.  
  955.  
  956.  
  957.  
  958.  
  959.  
  960.  
  961. </head>
  962.  
  963. <body>
  964.  
  965. <div id="content">
  966. <div id="sbar">
  967. <div class="sbg">
  968. <div class="scont">
  969. {block:ifshowsidebarpic}<div style="width:245px;padding:0;border:0;margin:0;margin-bottom:3px;"><img src="{image:Sidepic}"></img></div>{/block:ifshowsidebarpic}
  970. <div class="sdesc">
  971. {block:IfShowBlogsTitle}<div style="font:14px droid serif; color:{color:link};text-transform:lowercase; text-align:right; font-weight:700; font-style:italic;">{Title}</div>{/block:IfShowBlogsTitle}
  972. {Description}
  973. </div>
  974.  
  975. <div class="snav">
  976. <a href="/">home</a>
  977. <a href="/ask">message</a>
  978. <a href="{text:Link 1 URL}">{text:Link 1 Name}</a>
  979. <a href="{text:Link 2 URL}">{text:Link 2 Name}</a>
  980. <a href="{text:Link 3 URL}">{text:Link 3 Name}</a>
  981. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  982. </div>
  983. </div>
  984.  
  985. </div>
  986. </div>
  987.  
  988.  
  989. <!--- ENTRIES --->
  990. <div id="entries">
  991. {block:Posts}
  992. <div id="ents">
  993. <div class="entries">
  994. <div class="entriescont" {block:Photoset}style="margin-bottom:10px;"{/block:Photoset}{block:Photo}style="margin-bottom:10px;"{/block:Photo}{block:Caption}{block:Photoset}style="margin-bottom:0px!important;"{/block:Photoset}{block:Photo}style="margin-bottom:0px!important;"{/block:Photo}{/block:Caption}>
  995.  
  996. <!--- TEXT POST --->
  997. {block:Text}
  998. <div style="padding:0px 5px 5px 5px; margin:auto!important;" width="100%">
  999. {block:Title}
  1000. <div id="title">
  1001. <div class="texttitle">
  1002. <a href="{Permalink}" target="_blank">{Title}</a>
  1003. </div>
  1004. </div>
  1005. {/block:Title}
  1006.  
  1007. {Body}
  1008. {block:More}<a href="{Permalink}" style="font-family:'courier new'!important;text-transform:uppercase; padding:0px 2px!important; font-style:normal!important; background-color:#trans; color:{color:navigation and permalink links}!important">Read More</a>{/block:More}
  1009. </div>
  1010. {/block:Text}
  1011.  
  1012. <!--- PHOTO POST --->
  1013. {block:Photo}
  1014. <div id="photox">
  1015. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  1016. {block:HighRes}
  1017. <div class="hres">
  1018. <a href="{PhotoURL-HighRes}">High-Res</a>
  1019. </div>
  1020. {/block:HighRes}
  1021. </div>
  1022.  
  1023. {block:Caption}
  1024. <div class="caption">
  1025. {Caption}
  1026. </div>
  1027. {/block:Caption}
  1028. {/block:Photo}
  1029.  
  1030. <!--- PHOTOSET POST --->
  1031. {block:Photoset}
  1032. {Photoset-500}
  1033. {block:Caption}
  1034. <div class="caption">
  1035. {Caption}
  1036. </div>
  1037. {/block:Caption}
  1038. {/block:Photoset}
  1039.  
  1040. <!--- QUOTE POST --->
  1041. {block:Quote}
  1042. <div class="{Length}_quote">
  1043. {Quote}
  1044.  
  1045. {block:Source}
  1046. <div class="source">
  1047. {Source}
  1048. </div>
  1049. {/block:Source}
  1050. </div>
  1051. {/block:Quote}
  1052.  
  1053. <!--- LINK POST --->
  1054. {block:Link}
  1055. <div style="padding:0px 5px 5px 5px; margin:auto!important;" width="100%">
  1056. <div id="title">
  1057. <div class="texttitle">
  1058. <a href="{URL}" class="linkpost" target="_blank">{Name}</a>
  1059. </div>
  1060. </div>
  1061.  
  1062. {block:Description}
  1063. <div class="linkdescription">
  1064. {Description}
  1065. </div>
  1066. {/block:Description}
  1067. </div>
  1068. {/block:Link}
  1069.  
  1070. <!--- CHAT POST --->
  1071. {block:Chat}
  1072. <div style="padding:0px 30px 5px 30px; margin:auto!important; width="100%">
  1073. {block:Title}
  1074. <div id="title">
  1075. <div class="texttitle">
  1076. {Title}
  1077. </div>
  1078. </div>
  1079. {/block:Title}
  1080.  
  1081. <div class="chat" style="margin:auto;">
  1082. {block:Lines}
  1083. <div class="chat">
  1084. <div class="line {Alt}">
  1085. <div class="{Alt} user_{UserNumber}">
  1086. {block:Label}
  1087. <span class="label">
  1088. {Label}
  1089. </span>
  1090. {/block:Label}
  1091. {Line}
  1092. </div>
  1093. </div>
  1094. </div>
  1095. {/block:Lines}
  1096. </div>
  1097. </div>
  1098. {/block:Chat}
  1099.  
  1100. <!--- VIDEO POST --->
  1101. {block:Video}
  1102. {Video-500}
  1103. {block:Caption}
  1104. <div class="caption">
  1105. {Caption}
  1106. </div>
  1107. {/block:Caption}
  1108. {/block:Video}
  1109.  
  1110. <!--- AUDIO POST --->
  1111. {block:Audio}
  1112. <table width="width:500px" cellspacing="0" cellpadding="0">
  1113. <tr height="160px">
  1114. <td>
  1115. <div class="audbox">
  1116. <div class="audbutton">
  1117. {block:AudioPlayer}
  1118. {block:IfAudioPlayerWhite}{AudioPlayerWhite}{/block:IfAudioPlayerWhite}
  1119. {block:IfAudioPlayerBlack}{AudioPlayerBlack}{/block:IfAudioPlayerBlack}
  1120. {/block:AudioPlayer}
  1121. </div>
  1122. </div>
  1123. <div class="cover">
  1124. <img src="http://static.tumblr.com/2lqtwbf/HA8mr2198/sin_t__tulo-2.png" style="position:relative;z-index:2;{block:AlbumArt}display:none;{/block:AlbumArt}">
  1125. {block:AlbumArt}
  1126. <img src="{AlbumArtURL}" style="position:relative;z-index:3;">
  1127. {/block:AlbumArt}
  1128. </div>
  1129. </td>
  1130. <td>
  1131. <div id="audinfor">
  1132. <table width="100%" cellpadding="0" cellspacing"0" class="audinfor">
  1133. <tr height="157px">
  1134. <td>
  1135. {block:TrackName}
  1136. <div class="audsong">
  1137. {TrackName}
  1138. </div>
  1139. {/block:TrackName}
  1140. <div class="audartist">
  1141. {block:Artist}
  1142. {Artist}
  1143. {/block:Artist}
  1144. {block:Album}
  1145. {block:Artist}
  1146. &nbsp;-&nbsp;
  1147. {/block:Artist}
  1148. {Album}
  1149. {/block:Album}
  1150. {block:PlayCount}
  1151. <br>
  1152. {PlayCountWithLabel}
  1153. {/block:PlayCount}
  1154. </div>
  1155. </td>
  1156. </tr>
  1157. </table>
  1158. </div>
  1159. </td>
  1160. </tr>
  1161. </table>
  1162.  
  1163. {block:Caption}
  1164. <div class="caption">
  1165. {Caption}
  1166. </div>
  1167. {/block:Caption}
  1168. {/block:Audio}
  1169.  
  1170. <!--- ASK POST --->
  1171. {block:Answer}
  1172. <div id="question">
  1173. <span class="accent">{Asker} said:</span><br>
  1174. {Question}<br>
  1175. <div class="askpic">
  1176. <img src="{AskerPortraitURL-64}">
  1177. </div>
  1178. </div>
  1179. {Answer}
  1180. {/block:Answer}
  1181.  
  1182.  
  1183. </div>
  1184.  
  1185. <div class="bottoms">
  1186. <span style="float:left; margin-left:5px;">
  1187. {block:NoteCount}
  1188. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1189. {/block:NoteCount}
  1190. {block:Date}
  1191. {block:NewDayDate}
  1192. {block:NoteCount}on {/block:NoteCount}<a href="{Permalink}">{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</a>
  1193. {/block:NewDayDate}
  1194. {block:SameDayDate}
  1195. {block:NoteCount}at {/block:NoteCount}<a href="{Permalink}">{24HourWithZero}:{Minutes}</a>
  1196. {/block:SameDayDate}
  1197. {/block:Date}
  1198. </span>
  1199.  
  1200. {block:RebloggedFrom}
  1201. <span style="float:right; margin-right:5px;">
  1202. <a href="{ReblogParentURL}" title="{ReblogParentName}">Via</a> / <a href="{ReblogRootURL}" title="{ReblogRootName}">Source</a>
  1203. </span>
  1204. {/block:RebloggedFrom}
  1205. </div>
  1206.  
  1207. <div class="ptags">
  1208. {block:HasTags}
  1209. {block:Tags}
  1210. <a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;
  1211. {/block:Tags}
  1212. {/block:HasTags}
  1213. </div>
  1214.  
  1215.  
  1216.  
  1217. <!--- POST NOTES--->
  1218. {block:PermalinkPage}
  1219. <div id="postpermalink">
  1220. {block:PostNotes}
  1221. {PostNotes}
  1222. {/block:PostNotes}
  1223. </div>
  1224. {/block:PermalinkPage}
  1225.  
  1226. </div>
  1227. </div>
  1228. {/block:Posts}
  1229.  
  1230. <div id="reblogs" style="display:none;">
  1231. {block:RebloggedFrom}
  1232. <a href="{ReblogParentURL}">
  1233. <img src="{ReblogParentPortraitURL-24}">
  1234. </a>
  1235. → reblogged from
  1236. <a href="{ReblogParentURL}">{ReblogParentName}</a>,
  1237. {/block:RebloggedFrom}
  1238. {block:ContentSource}
  1239. originally from
  1240. <a href="{SourceURL}">{SourceLink}</a>
  1241. <br>
  1242. {/block:ContentSource}
  1243. <a href="{Permalink}">→
  1244. {block:NoteCount}
  1245. {NoteCount} notes,
  1246. {/block:NoteCount}
  1247. {block:Date}
  1248. posted {TimeAgo}
  1249. {/block:Date}
  1250. </a>
  1251. </div>
  1252.  
  1253. {block:Pagination}
  1254. <div class="pagin">
  1255. {block:PreviousPage}
  1256. <a href="{PreviousPage}">newer</a>
  1257. {/block:PreviousPage}
  1258.  
  1259. {block:JumpPagination length="5"}
  1260. {block:CurrentPage}
  1261. <span class="current_page">{PageNumber}</span>
  1262. {/block:CurrentPage}
  1263.  
  1264. {block:JumpPage}
  1265. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1266. {/block:JumpPage}
  1267. {/block:JumpPagination}
  1268.  
  1269. {block:NextPage}
  1270. <a href="{NextPage}">older</a>
  1271. {/block:NextPage}
  1272. </div>
  1273. {/block:Pagination}
  1274.  
  1275. <div style="position:fixed; bottom:10px; right:10px; padding:7px 10px 12px 3px; border-radius:100px; -moz-border-radius:100px;-webkit-border-radius:100px; background-color:{color:accent}; border:1px solid {color:borders}; font:10px raleway; font-weight:300; letter-spacing:-1px; line-height:10px; width:10px; height:5px; z-index:2000000000000000000000000000000000000000000000000; text-align:left; color:{color:permalink}"><a href="http://maraudersmaps.tumblr.com/lethemes" title="theme by maraudersmaps">MM</a></div>
  1276.  
  1277. </div>
  1278. </body>
  1279. </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!