API tools faq
paste
theirins

DRUNK IN LOVE / theme #18

theirins
Feb 25th, 2015
5,768
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.93 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. theme #18 by theirins
  4.  
  5. -->
  6.  
  7.  
  8. <!DOCTYPE html>
  9. <head>
  10.  
  11.  
  12. <title>{Title}</title>
  13.  
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17.  
  18. <!--Default Variables-->
  19.  
  20. <meta name="color:background" content="#ffffff"/>
  21. <meta name="color:text" content="#a8a7a7"/>
  22. <meta name="color:link" content="#707070"/>
  23. <meta name="color:linkhover" content="#4f4f4f"/>
  24. <meta name="color:scrollbar" content="#d5d5d5" />
  25. <meta name="color:borders" content="#f3f3f3"/>
  26. <meta name="color:bgs" content="#fbfbfb" />
  27.  
  28. <meta name="image:sidebar" content="" />
  29. <meta name="if:400px" content="0"/>
  30.  
  31. <meta name="text:link1" content="/" />
  32. <meta name="text:link1 Title" content="link" />
  33. <meta name="text:link2" content="/" />
  34. <meta name="text:link2 Title" content="link" />
  35. <meta name="text:link3" content="/" />
  36. <meta name="text:link3 Title" content="link" />
  37. <meta name="text:link4" content="/" />
  38. <meta name="text:link4 Title" content="link" />
  39.  
  40. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  41.  
  42. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  43.  
  44. <script>
  45. (function($){
  46. $(document).ready(function(){
  47. $("a[title]").style_my_tooltips({
  48. tip_follows_cursor:true,
  49. tip_delay_time:20,
  50. tip_fade_speed:300,
  51. attribute:"title"
  52. });
  53. });
  54. })(jQuery);
  55. </script>
  56.  
  57. <style type="text/css">
  58.  
  59.  
  60. #s-m-t-tooltip{
  61. font-size:9px;
  62. position:absolute;
  63. margin-top:15px;
  64. font-family:arial;
  65. z-index:9999;
  66. color:{color:text};
  67. background-color:{color:background};
  68. text-transform:lower;
  69. padding:3px 3px 3px 3px;
  70. -webkit-transition:all 0.2s;
  71. -moz-transition:all 0.2s;
  72. -ms-transition:all 0.2s;
  73. -o-transition:all 0.2s;
  74. transition:all 0.2s;
  75. }
  76.  
  77.  
  78. ::-webkit-scrollbar{height: 5px;
  79. width: 5px;
  80. background-color:{color:background}}
  81. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  82. ::-webkit-scrollbar-track{background-color:{color:background};}
  83.  
  84.  
  85. blockquote {
  86. padding-left:9px;
  87. margin:6px 10px 6px 5px;
  88. border-left:1px solid {color:borders};
  89. max-width:500px!important;
  90. {block:if400px}
  91. max-width:400px!important;
  92. {/block:if400px}
  93. }
  94.  
  95.  
  96. body {
  97. background:{color:background};
  98. color:{color:text};
  99. font-family:arial;
  100. font-size:9px;
  101. text-align:justify;
  102. margin:0;
  103. line-height:15px;
  104. }
  105.  
  106.  
  107. a {
  108. text-decoration:none;
  109. color:{color:link};
  110. -moz-transition-duration:0.5s;
  111. -webkit-transition-duration:0.5s;
  112. -o-transition-duration:0.5s;
  113. }
  114.  
  115. a:hover {
  116. text-decoration:none;
  117. color:{color:linkhover};
  118. -moz-transition-duration:0.5s;
  119. -webkit-transition-duration:0.5s;
  120. -o-transition-duration:0.5s;
  121. }
  122.  
  123.  
  124. b, strong {
  125. color:{color:text}}
  126. i, em {
  127. color:{color:text}}
  128. p {
  129. margin-top:5px;
  130. margin-bottom:5px}
  131. ol {
  132. list-style:normal;}
  133. ul {
  134. list-style:square;}
  135.  
  136. small {
  137. font-size:9px;}
  138.  
  139. sub {
  140. font-size:9px;}
  141.  
  142. big {
  143. font-size:12px;}
  144.  
  145.  
  146.  
  147.  
  148. #title {
  149. font-size:12px;
  150. line-height:18px;
  151. font-weight:bold;
  152. text-transform:uppercase;
  153. margin-bottom:9px;
  154. text-align:justify;
  155. color:{color:text};
  156. }
  157.  
  158. #title a {
  159. color:{color:text};
  160. }
  161.  
  162.  
  163.  
  164. #side {
  165. position:fixed;
  166. margin-top:100px;
  167. margin-left:180px;
  168. width:150px;
  169. }
  170.  
  171.  
  172. #sidebarimg {
  173. width:140px;
  174. padding-bottom:5px;
  175. }
  176.  
  177. #sidebarimg img {
  178. width:140px;
  179. padding:4px;
  180. border:1px solid {color:borders};
  181. }
  182.  
  183.  
  184. #navi {
  185. text-align:center;
  186. width:150px;
  187. margin-top:5px;
  188. }
  189.  
  190. #navi a {
  191. display:inline-block;
  192. width:60px;
  193. font-family:arial;
  194. background-color:{color:background};
  195. font-size:9px;
  196. padding:5px 5px 5px 5px;
  197. margin-bottom:2px;
  198. margin-top:2px;
  199. border:1px solid {color:borders};
  200. color:{color:link};
  201. text-transform:lowercase;
  202. }
  203.  
  204. #navi a:hover {
  205. color:{color:linkhover};
  206. }
  207.  
  208.  
  209. #blogt {
  210. font-size:13px;
  211. color:{color:text};
  212. padding-bottom:5px;
  213. font-weight:bold;
  214. font-family:consolas, sans-serif;
  215. text-transform:uppercase;
  216. text-align:center;
  217. letter-spacing:1px;
  218. }
  219.  
  220. #blogt a:hover {
  221. color:{color:linkhover};
  222. }
  223.  
  224.  
  225. #description {
  226. color:{color:text};
  227. text-align:justify;
  228. padding:2px 2px 2px 2px;
  229. }
  230.  
  231.  
  232. #pagination {
  233. width:532px;
  234. {block:if400px}
  235. width:432px;
  236. {/block:if400px}
  237. text-align:center;
  238. margin:50px 0;
  239. text-transform:uppercase;
  240. letter-spacing:1px;
  241. font-size:15px;
  242. }
  243.  
  244. #pagination a {
  245. line-height:14px;
  246. padding:0 5px;
  247. }
  248.  
  249.  
  250. #entries {
  251. margin-top:75px;
  252. margin-left:420px;
  253. width:500px;
  254. {block:if400px}
  255. width:400px;
  256. {/block:if400px}
  257. }
  258.  
  259.  
  260.  
  261. #posts {
  262. width:500px;
  263. {block:if400px}
  264. width:400px;
  265. {/block:if400px}
  266. {block:IndexPage}
  267. margin-bottom:75px;
  268. {/block:IndexPage}
  269. {block:PermalinkPage}
  270. margin-bottom:50px;
  271. {/block:PermalinkPage}
  272. }
  273.  
  274. #posts img {
  275. max-width:500px;
  276. {block:if400px}
  277. max-width:400px;
  278. {/block:if400px}
  279. }
  280.  
  281.  
  282. #tquote {
  283. font-size:11px;
  284. line-height:16px;
  285. font-family:arial;
  286. text-align:justify;
  287. padding:12px 12px 12px 12px;
  288. color:{color:text};
  289. font-weight:bold;
  290. background-image: url("http://puu.sh/dKgp9/bbf2690826.png");
  291. min-height:20px;
  292. background-repeat:no-repeat;
  293. }
  294.  
  295. #source {
  296. text-align:left;
  297. font-size:9px;
  298. padding:12px 12px 12px 12px;
  299. }
  300.  
  301.  
  302.  
  303. .playbutton {
  304. overflow:hidden;
  305. position:relative;
  306. z-index:1000;
  307. width:26px;
  308. height:26px;
  309. margin:11px 11px 11px 11px;
  310. }
  311.  
  312. .playbox {
  313. float:left;
  314. background-color:#000;
  315. position:absolute;
  316. z-index:1000;
  317. width:50px;
  318. height:50px;
  319. margin:10px;
  320. -webkit-border-radius:50px;
  321. -moz-border-radius:50px;
  322. opacity:0.2;
  323. -moz-transition-duration:0.6s;
  324. -webkit-transition-duration:0.6s;
  325. -o-transition-duration:0.6s;
  326. }
  327.  
  328. .playbox:hover {
  329. opacity:0.9;
  330. -moz-transition-duration:0.6s;
  331. -webkit-transition-duration:0.6s;
  332. -o-transition-duration:0.6s;
  333. }
  334.  
  335. .info {
  336. float:right;
  337. font-size:9px;
  338. text-align:left;
  339. {block:ifNot400px}
  340. width:400px;
  341. {/block:ifNot400px}
  342. {block:if400px}
  343. width:300px;
  344. {/block:if400px}
  345. background-color:{color:bgs};
  346. padding:12px;
  347. height:46px;
  348. line-height:150%;
  349. font-family:arial;
  350. letter-spacing:0px;
  351. font-family:arial;
  352. text-transform:lowercase;
  353. }
  354.  
  355. .info i {
  356. font-family:arial;
  357. font-style:normal;
  358. font-weight:bold;
  359. font-size:9px;
  360. text-transform:uppercase;
  361. }
  362.  
  363. .info b {
  364. font-family:arial;
  365. font-size:9px;
  366. text-transform:uppercase;
  367. }
  368.  
  369. .cover {
  370. position:relative;
  371. z-index:1;
  372. width:50px;
  373. height:50px;
  374. outline:10px solid {color:bgs};
  375. margin:10px;
  376. }
  377.  
  378.  
  379.  
  380. #question {
  381. padding:15px;
  382. background-color:{color:bgs};
  383. border-bottom:1px solid {color:borders};
  384. }
  385.  
  386. #answer {
  387. padding:2px 0px 2px 0px;
  388. }
  389.  
  390.  
  391.  
  392. .chat ol {
  393. padding:0;
  394. line-height:180%;
  395. list-style:none;
  396. }
  397.  
  398. .line.odd {
  399. background:{color:bgs};
  400. padding:5px;
  401. }
  402.  
  403. .line.even {
  404. padding:5px;
  405. }
  406.  
  407. .label {
  408. font-weight:bold;
  409. padding-right:1px;
  410. letter-spacing:1px;
  411. text-transform:uppercase;
  412. color:{color:text};
  413. }
  414.  
  415.  
  416.  
  417.  
  418. #permalink {
  419. border-top:1px solid {color:borders};
  420. font:9px arial;
  421. padding:5px 0px 0px 0px;
  422. text-align:left;
  423. text-transform:uppercase;
  424. }
  425.  
  426. #permalink a:hover {
  427. color:{color:link};
  428. }
  429.  
  430.  
  431.  
  432. .tags {
  433. text-align:justify;
  434. font-size:9px;
  435. padding:1px 0px 0px 0px;
  436. font-family:arial;
  437. text-transform:lowercase;
  438. }
  439.  
  440. .tags a {
  441. color:{color:link};
  442. margin:5px 5px 0px 0px;
  443. line-height:15px;
  444. }
  445.  
  446. .tags a:hover {
  447. color:{color:link};
  448. text-decoration:underline;
  449. }
  450.  
  451.  
  452. .pagenotes {
  453. {block:IndexPage}
  454. display:none!important;
  455. {/block:IndexPage}
  456. {block:PermalinkPage}
  457. width:500px;
  458. {block:if400px}
  459. width:400px;
  460. {/block:if400px}
  461. {/block:PermalinkPage}
  462. text-align:left;
  463. }
  464.  
  465. .pagenotes img {
  466. display:none!important;
  467. }
  468.  
  469. .pagenotes li {
  470. list-style-type:none;
  471. padding:5px 0px;
  472. text-align:left;
  473. margin:0 0 0 -40px;
  474. font-size:10px;
  475. text-transform:lowercase;
  476. }
  477.  
  478. .t {
  479. font-size:12px;
  480. font-weight:bold;
  481. letter-spacing:1px;
  482. color:{color:text};
  483. text-transform:uppercase;}
  484.  
  485.  
  486. #cred {
  487. font-family:arial;
  488. font-size:9px;
  489. letter-spacing:1px;
  490. bottom:15px;
  491. font-style:none;
  492. right:20px;
  493. position:fixed;
  494. }
  495.  
  496.  
  497.  
  498. {CustomCSS}
  499.  
  500.  
  501. </style>
  502.  
  503.  
  504.  
  505. </head>
  506.  
  507.  
  508. <body>
  509.  
  510. <div id="cred">
  511. <a href="http://theirins.tumblr.com/">▲</a>
  512. </div>
  513.  
  514. <div id="con">
  515.  
  516. <div id="side">
  517. <div id="sidebarimg"><img src="{image:sidebar}"></div>
  518. <div id="blogt"><a href="/">{Title};</a></div>
  519. <div id="description">{Description}</div>
  520. <div id="navi">
  521. <a href="/">index</a>
  522. <a href="/ask">ask</a>
  523. {block:iflink1}<a href="{text:link1}">{text:link1 title}</a>{/block:iflink1}
  524. {block:iflink2}<a href="{text:link2}">{text:link2 title}</a>{/block:iflink2}
  525. {block:iflink3}<a href="{text:link3}">{text:link3 title}</a>{/block:iflink3}
  526. {block:iflink4}<a href="{text:link4}">{text:link4 title}</a>{/block:iflink4}
  527. </div>
  528.  
  529.  
  530.  
  531.  
  532. </div>
  533.  
  534.  
  535.  
  536.  
  537. <div id="entries">
  538.  
  539. {block:Posts}
  540. <div id="posts">
  541.  
  542.  
  543. {block:Quote}
  544. <div id="tquote">{Quote}</div>
  545. {block:Source}<div id="source">– {Source}</div>{/block:Source}
  546. {/block:Quote}
  547.  
  548.  
  549.  
  550. {block:Text}
  551. {block:Title}
  552. <div id="title">{Title}</div>{/block:Title}
  553. {Body}
  554. {/block:Text}
  555.  
  556.  
  557. {block:Link}
  558. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  559. {/block:Link}
  560.  
  561.  
  562. {block:Chat}
  563. {block:Title}
  564. <h1>{Title}</h1>
  565. {/block:Title}
  566. <div class="chat">
  567. <ol>{block:Lines}
  568. <li class="line {Alt}">
  569. {block:Label}
  570. <span class="label">
  571. {Label}</span>
  572. {/block:Label}{Line}</li>
  573. {/block:Lines}
  574. </ol></div>
  575. {/block:Chat}
  576.  
  577.  
  578. {block:Photo}
  579. <center>
  580. {block:ifNot400px}
  581. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  582. {/block:ifNot400px}
  583.  
  584. {block:if400px}
  585. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  586. {/block:if400px}
  587. </center>
  588. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  589. {/block:Photo}
  590.  
  591.  
  592. {block:Photoset}
  593. <center>
  594. {block:ifNot400px}
  595. {Photoset-500}
  596. {/block:ifNot400px}
  597.  
  598. {block:if400px}
  599. {Photoset-400}
  600. {/block:if400px}
  601. </center>
  602. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  603. {/block:Photoset}
  604.  
  605.  
  606. {block:Video}
  607. {block:ifNot400px}
  608. {Video-500}
  609. {/block:ifNot400px}
  610.  
  611. {block:if400px}
  612. {Video-400}
  613. {/block:if400px}
  614. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  615. {/block:Video}
  616.  
  617.  
  618.  
  619. {block:Audio}
  620. {block:AudioPlayer}
  621. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  622. {block:AlbumArt}
  623. <img src="{AlbumArtURL}" class="cover">
  624. {/block:AlbumArt}
  625. <div class="info">
  626. {block:TrackName}<i>{TrackName}</i>{/block:TrackName}<br/>
  627. {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br/>
  628. <b>Plays:</b> {PlayCountWithLabel}
  629. </div>
  630. {/block:AudioPlayer}
  631. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  632. {/block:Audio}
  633.  
  634.  
  635. {block:Answer}<div id="caption">
  636. <div id="question"><strong>{Asker}:</strong><br> {Question}</div>
  637. <div id="answer">{Answer}</div></div>{/block:answer}
  638.  
  639.  
  640.  
  641.  
  642. {block:Date}
  643. {/block:Date}
  644. <div id="permalink">
  645. {block:Date}<a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}, @ {12Hour}:{Minutes}{CapitalAmPm}</a>{/block:Date} <span style="float:right;">{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</span>
  646. </div>
  647. <div class="tags">tagged as: {block:Tags}#<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>
  648. </div>
  649.  
  650.  
  651.  
  652. {block:PermalinkPage}
  653. {/block:PermalinkPage}
  654. <div class="pagenotes">
  655. {block:NoteCount}<div class="t">notes</div>{/block:NoteCount}
  656. {PostNotes}
  657. </ol>
  658.  
  659.  
  660.  
  661. </div>
  662. {/block:PostNotes}
  663. {/block:Posts}
  664.  
  665.  
  666. <div id="pagination">
  667. {block:Pagination}
  668. {block:PreviousPage}
  669. <a href="{PreviousPage}">&larr;</a>
  670. {/block:PreviousPage}
  671.  
  672.  
  673. {block:NextPage}
  674. <a href="{NextPage}">&rarr;</a>
  675. {/block:NextPage}
  676. {/block:Pagination}
  677. </div>
  678.  
  679.  
  680.  
  681. </div>
  682.  
  683. {block:ContentSource}
  684. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  685. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  686. {/block:SourceLogo}
  687. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  688. {/block:ContentSource}
  689.  
  690. {block:ReblogParentUrl}
  691. <!-- {URL}{block:SourceLogo}<img src="{BlackLogoURL}"
  692. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  693. {/block:SourceLogo}
  694. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  695. {/block:ReblogParentUrl}
  696.  
  697.  
  698. </body></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!