API tools faq
paste
Advertisement
kaitofrph

Ally (kaitrps theme 2)

kaitofrph
Apr 16th, 2016
612
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.16 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4.  
  5.  
  6.  
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12.  
  13. <!--------DEFAULT VARIABLES-------->
  14.  
  15. <meta name="color:background" content="#ffffff"/>
  16. <meta name="color:text" content="#000000"/>
  17. <meta name="color:links" content="#626262"/>
  18. <meta name="color:links hover" content="#a5a5a5"/>
  19. <meta name="color:container bg" content="#a5a5a5"/>
  20. <meta name="color:info" content="#a5a5a5"/>
  21. <meta name="color:sidebar bg" content="#a5a5a5"/>
  22. <meta name="color:accent" content="#000000"/>
  23. <meta name="color:chat1" content="#a5a5a5"/>
  24. <meta name="color:chat2" content="#a5a5a5"/>
  25. <meta name="color:question" content="#f8f8f8"/>
  26. <meta name="color:scrollbar" content="#000000"/>
  27. <meta name="color:scrollbar background" content="#ffffff"/>
  28.  
  29. <meta name="image:header" content=""/>
  30. <meta name="image:sb" content=""/>
  31. <meta name="image:background" content=""/>
  32.  
  33. <meta name="text:link 1 title" content="link 1"/>
  34. <meta name="text:link 1 url" content=""/>
  35. <meta name="text:link 2 title" content="link 2"/>
  36. <meta name="text:link 2 url" content=""/>
  37.  
  38. <!----------------SCRIPTS---------------->
  39.  
  40. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  41. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  42. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  43. <script>
  44. (function($){
  45. $(document).ready(function(){
  46. $("[title]").style_my_tooltips({
  47. tip_follows_cursor:true,
  48. tip_delay_time:200,
  49. tip_fade_speed:300
  50. });
  51. });
  52. })(jQuery);
  53. </script>
  54.  
  55. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  56.  
  57. <style type="text/css">
  58.  
  59. /*--------scrollbar-------*/
  60.  
  61. ::-webkit-scrollbar {
  62. background-color: {color:scrollbar background};
  63. height:8px;
  64. width:3px;
  65. }
  66.  
  67. ::-webkit-scrollbar-thumb:vertical {
  68. background-color:{color:scrollbar};
  69. height:50px;
  70. }
  71.  
  72. ::-webkit-scrollbar-thumb:horizontal {
  73. background-color:{color:scrollbar bg};
  74. height:8px;
  75. }
  76.  
  77. /*--------tooltips-------*/
  78.  
  79. #s-m-t-tooltip {
  80. max-width:300px;
  81. margin:15px;
  82. padding:5px;
  83. border:1px solid #eeeeee;
  84. border-radius:0px;
  85. background:#ffffff;
  86. color:{color:text};
  87. z-index:999999;
  88. font-size:7px;
  89. font-style:none;
  90. letter-spacing:2px;
  91. font-family:arial;
  92. text-transform:uppercase;
  93. }
  94.  
  95. /*--------basics-------*/
  96.  
  97. body {
  98. background:{color:background};
  99. background-image:url('{image:background}');
  100. background-attachment: fixed;
  101. background-repeat: repeat;
  102. color:{color:text};
  103. font-family:arial;
  104. font-size:11px;
  105. line-height:150%;
  106. margin:0;
  107. text-align:left;
  108. }
  109.  
  110.  
  111. a {
  112. color:{color:links};
  113. text-decoration:none;
  114. }
  115.  
  116. a:hover {
  117. color:{color:links hover};
  118. transition:1s;
  119. -webkit-transition:5s;
  120. -moz-transition:5s;
  121. -o-transition:5s;
  122. }
  123.  
  124. img {
  125. opacity:1;
  126. text-decoration:none;
  127. }
  128.  
  129. h1 {
  130. font-weight:bold;
  131. font-size: 15px;
  132. font-family: arial;
  133. text-align:center;
  134. font-style:italic;
  135. text-transform:lowercase;
  136. color:{color:Text};
  137. }
  138.  
  139.  
  140. h2 {
  141. font-weight:bold;
  142. font-size: 13px;
  143. font-family: arial;
  144. text-align:center;
  145. font-style:italic;
  146. text-transform:lowercase;
  147. color:{color:Text};
  148. }
  149.  
  150. h3 {
  151. font-size: 11px;
  152. font-family: arial;
  153. text-align:center;
  154. font-style:italic;
  155. text-transform:lowercase;
  156. color:{color:Text};
  157. }
  158.  
  159.  
  160. pre {
  161. font-weight:bold;
  162. font-size: 11px;
  163. font-family: arial;
  164. text-align:center;
  165. font-style:italic;
  166. text-transform:lowercase;
  167. border-bottom: 1px solid {color:text};
  168. color:{color:accent};
  169. }
  170.  
  171. blockquote {
  172. padding-left:10px;
  173. margin:10px;
  174. border-left:1px solid {color:accent};
  175. }
  176.  
  177.  
  178.  
  179. /*-------sidebar container-------*/
  180. .sidecontainer {
  181. position: fixed;
  182. height: 500px;
  183. overflow-y: auto;
  184. overflow-x: hidden;
  185. width: 690px;
  186. background-color:{color:sidebar bg};
  187. margin-top: 30px;
  188. margin-left: 100px;
  189. }
  190.  
  191. /*-------container-------*/
  192. .container {
  193. position: fixed;
  194. height: 450px;
  195. overflow-y: auto;
  196. overflow-x: hidden;
  197. width: 440px;
  198. background-color:{color:container bg};
  199. margin-top: 185px;
  200. margin-left: 600px;
  201. }
  202.  
  203. /*-------header-------*/
  204.  
  205. .header {
  206. position:fixed;
  207. margin-top:-145px;
  208. margin-left:100px;
  209. width:690px;
  210. height:175px;
  211. }
  212.  
  213. /*--------sidebar img--------*/
  214. .sb {
  215. position: fixed;
  216. top:400px;
  217. margin-left:20px;
  218. height:275px;
  219. width:210px;
  220. }
  221.  
  222. /*--------sidebar-------*/
  223.  
  224. .sidebar {
  225. position:fixed;
  226. top:150px;
  227. width:200px;
  228. margin-left:250px;
  229. }
  230.  
  231.  
  232. .title {
  233. font-size:15px;
  234. text-transform:lowercase;
  235. margin-left:0px;
  236. text-align:center;
  237. font-style:italic;
  238. font-weight:bold;
  239. font-family:calibri;
  240. color:{color:accent};
  241. margin-top:10px;
  242. width:250px;
  243. }
  244.  
  245. .description {
  246. width:200px;
  247. margin-left:30px;
  248. text-align:center;
  249. font-size:10px;
  250. margin-top:10px;
  251. }
  252.  
  253. .links {
  254. margin-top:30px;
  255. }
  256.  
  257. .links a {
  258. display:line;
  259. width:65px;
  260. margin-left:10px;
  261. padding:10px;
  262. letter-spacing:1px
  263. }
  264.  
  265. /*--------pagination--------*/
  266.  
  267. .pagination {
  268. padding:10px;
  269. margin-top:253px;
  270. margin-left:15px;
  271. text-align:center;
  272. font-weight:bold;
  273. font-style:italic;
  274. font-size:13px;
  275. letter-spacing:1px;
  276. color:{color:links};
  277. }
  278.  
  279. /*--------posts--------*/
  280.  
  281. .entries {
  282. margin-left:590px;
  283. margin-top:5px;
  284. width:400px;
  285. height:400;
  286. }
  287.  
  288. .posts {
  289. width:400px;
  290. margin-left:18px;
  291. margin-bottom:80px;
  292.  
  293. }
  294.  
  295.  
  296. /*-------quote-------*/
  297.  
  298. .quote {
  299. padding:10px;
  300. font-size:15px;
  301. text-align:center;
  302. }
  303.  
  304. .quotesource {
  305. padding:10px;
  306. text-align:center;
  307. font-style: italic;
  308. font-size; 10px;
  309. }
  310.  
  311. /*-------chat--------*/
  312.  
  313. .chat {
  314. line-height:150%;
  315. list-style:none;
  316. }
  317.  
  318. .line.odd {
  319. padding:10px;
  320. background:{color:chat1};
  321. }
  322.  
  323. .line.even {
  324. padding:10px;
  325. background:{color:chat2};
  326. }
  327.  
  328. .label {
  329. text-transform:uppercase;
  330. font-size:10px;
  331. letter-spacing:1px;
  332. font-weight:bold;
  333. }
  334.  
  335. /*--------audio-------*/
  336.  
  337. .cover {
  338. position:relative;
  339. z-index:1;
  340. max-width:100px;
  341. padding:10px;
  342. float:left;
  343. }
  344.  
  345. .playbutton {
  346. width:30px;
  347. height:30px;
  348. overflow:hidden;
  349. position:relative;
  350. z-index:2;
  351.  
  352. }
  353.  
  354.  
  355. .playbox {
  356. background-color:{color:accent};
  357. position:absolute;
  358. z-index:2;
  359. padding:28px 28px 28px 28px;
  360. margin-top:18px;
  361. margin-left:18px;
  362. margin-right:18px;
  363. margin-bottom:18px;
  364. opacity:0.6;
  365. }
  366.  
  367. .trackdetails {
  368. padding:10px;
  369. width:auto;
  370. height:100px;
  371. font-size:10px;
  372. margin-top:10px;
  373. margin-left:100px;
  374. }
  375.  
  376. /*-------ask--------*/
  377.  
  378. .question {
  379. padding:10px;
  380. background:{color:question};
  381. }
  382.  
  383.  
  384. .asker {
  385. text-transform:uppercase;
  386. }
  387.  
  388. .answer {
  389. margin:10px;
  390. }
  391.  
  392. /*-------info-------*/
  393.  
  394. .info {
  395. padding:2px;
  396. text-transform:uppercase;
  397. margin-top:8px;
  398. background:{color:info};
  399. margin-bottom:-1px;
  400. font-size:8px;
  401. }
  402.  
  403.  
  404. .tags {
  405. padding:2px;
  406. margin-left:0px;
  407. margin-top:-8px;
  408. margin-bottom:5px;
  409. font-size:7.5px;
  410. background:{color:info};
  411. border-bottom:1px solid {color:accent};
  412. }
  413.  
  414. .tags a {
  415. margin-right:10px;
  416. letter-spacing:1px;
  417. }
  418.  
  419. /*-------post notes-------*/
  420.  
  421. ol.notes {
  422. padding:0px;
  423. margin:25px 0px 0px -10px;
  424. list-style-type:none;
  425. }
  426.  
  427. ol.notes li.note {
  428. padding:10px;
  429. }
  430.  
  431. ol.notes li.note img.avatar {
  432. vertical-align:-4px;
  433. margin-right:10px;
  434. width:16px;
  435. height:16px;
  436. }
  437.  
  438. ol.notes li.note span.action {
  439. font-weight:none;
  440. }
  441.  
  442. ol.notes li.note .answer_content {
  443. font-weight:normal;
  444. }
  445.  
  446. ol.notes li.note blockquote {
  447. padding:4px 10px;
  448. margin:10px 0px 0px 25px;
  449. }
  450.  
  451. ol.notes li.note blockquote a {
  452. text-decoration:none;
  453. }
  454.  
  455. /*--------credit-------*/
  456.  
  457. .credit {
  458. font-size:13px;
  459. position:fixed;
  460. font-weight:bold;
  461. bottom:6px;
  462. right:16px;
  463. z-index:10;
  464. text-align:right;
  465. letter-spacing:1px;
  466. padding:2px;
  467. }
  468.  
  469. .credit a {
  470. color:{color:links};
  471. background:{color: container bg};
  472. text-decoration:none;
  473. }
  474.  
  475.  
  476. </style>
  477. </head>
  478.  
  479. <body>
  480.  
  481. <div class="credit">
  482. <a href="http://kaitrps.tumblr.com/" target="_blank"><big><b>✰</big></b></a></div>
  483.  
  484. <div class="sidebar">
  485. <div class="header"><img src="{image:header}"/></div>
  486. <div class="sidecontainer">
  487. <div class="title">{Title}</div>
  488. <div class="description">{Description}</div>
  489.  
  490.  
  491.  
  492. <div class="links">
  493. <a href="/">home</a>
  494. <a href="/ask">inbox</a>
  495. <a href="{text:link 1 url}">{text:link 1 title}</a>
  496. <a href="{text:link 2 url}">{text:link 2 title}</a>
  497. </div>
  498. <div class="sb"><img src="{image:sb}"/></div>
  499.  
  500. <div class="pagination">
  501. {block:Pagination}
  502. {block:PreviousPage}
  503. <a href="{PreviousPage}">back</a>{/block:PreviousPage}&nbsp; &nbsp;&nbsp;
  504.  
  505. {block:NextPage}
  506. <a href="{NextPage}">next</a>
  507. {/block:NextPage}
  508. {/block:Pagination}
  509. </div>
  510. </div>
  511. </div>
  512.  
  513. <div class="container">
  514. <div class="entries"></div>
  515. <div class="posts">
  516. {block:Posts}
  517.  
  518.  
  519.  
  520. {block:Text}
  521. <h1>{block:Title}{Title}{/block:Title}</h1>
  522. {Body}{/block:Text}
  523.  
  524.  
  525. {block:Photo}
  526. {LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}
  527. {block:Caption}{Caption}{/block:Caption}
  528. {/block:Photo}
  529.  
  530.  
  531. {block:Photoset}
  532. {Photoset-400}
  533. {block:Caption}{Caption}{/block:Caption}
  534. {/block:Photoset}
  535.  
  536.  
  537. {block:Quote}
  538. <div class="quote">"{Quote}"</div>
  539. {block:Source}<div class="quotesource"> — {Source}</div>
  540. {/block:Source}{/block:Quote}
  541.  
  542.  
  543. {block:Link}
  544. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  545. {block:Description}{Description}{/block:Description}
  546. {/block:Link}
  547.  
  548.  
  549. {block:Chat}
  550. {block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  551. {/block:Chat}
  552.  
  553.  
  554. {block:Audio}
  555.  
  556. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  557.  
  558. {block:AlbumArt}
  559. <img src="{AlbumArtURL}" class="cover">
  560. {/block:AlbumArt}
  561.  
  562.  
  563. <div class="trackdetails"><br>
  564. {block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}<br>
  565.  
  566. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>
  567.  
  568. <b>PLAYS:</b> {FormattedPlayCount}</div>
  569.  
  570.  
  571. {block:Caption}
  572. <div class="caption">{Caption}</div>
  573. {/block:Caption}
  574. {/block:Audio}
  575.  
  576.  
  577. {block:Video}
  578. {Video-500}
  579. {block:Caption}{Caption}{/block:Caption}
  580. {/block:Video}
  581.  
  582.  
  583. {block:Answer}
  584. <div class="question">
  585. <div class="asker"><b>{Asker} said:</b></div>
  586. {Question}</div>
  587. <div class="answer">
  588. {Answer}</div>
  589. {/block:Answer}
  590.  
  591.  
  592. <div class="info">
  593. {block:Date}
  594. <b><a href="{Permalink}" title="{TimeAgo}">{Month} {DayOfMonth}{DayOfMonthSuffix}</b></a>
  595. {/block:Date}
  596.  
  597. &nbsp;&nbsp;
  598. <a href="{Permalink}">{NoteCount}</a>
  599. &nbsp;&nbsp;
  600.  
  601. <a href="{ReblogURL}" target="_blank" class="details"><i class="fa fa-repeat"></i></a>
  602.  
  603. <font style="float:right">
  604. {block:RebloggedFrom}
  605. <a href="{ReblogParentURL}" title="{ReblogParentName}">via </a>
  606. {block:ContentSource}
  607. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRootName}">/ src</a>
  608. {/block:ContentSource}
  609. {/block:RebloggedFrom}
  610. </font style>
  611.  
  612.  
  613. </div>
  614.  
  615.  
  616. {block:HasTags}
  617. <div class="tags">
  618. {block:Tags}
  619. <a href="{TagURL}">{Tag}</a>
  620. {/block:Tags}
  621. </div>
  622. {/block:HasTags}
  623.  
  624.  
  625.  
  626. {block:PostNotes}
  627. {PostNotes}
  628. {/block:PostNotes}
  629.  
  630. {/block:Posts}
  631.  
  632. {block:ContentSource}
  633. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  634. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  635. {/block:SourceLogo}
  636. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  637. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  638. </div>
  639. </body>
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!