API tools faq
paste
Advertisement
lilacthemes

Theme 04a

lilacthemes
Aug 10th, 2014
630
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.19 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5.  
  6. <!--
  7. THEME MADE BY lilacthemes.tumblr.com PLEASE DON NOT CLAIM IT AS YOUR OWN -->
  8.  
  9. <head>
  10. <title>{Title}</title>
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  13. <meta name="description" content="" />
  14. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  15.  
  16. <meta name="image:Sidebar" content=""/>
  17. <meta name="image:Circlebar 1" content=""/>
  18. <meta name="image:Circlebar 2" content=""/>
  19. <meta name="color:Background" content="#eee7e7"/>
  20. <meta name="color:Post bg" content="#fff"/>
  21. <meta name="color:Text" content="#6c6c6c"/>
  22. <meta name="color:Title" content="#fff"/>
  23. <meta name="color:Link" content="#99003d"/>
  24. <meta name="color:Sidebar" content="#99003d"/>
  25. <meta name="color:Sidebar Text" content="#fff"/>
  26. <meta name="color:Tags" content="#898989"/>
  27. <meta name="color:Post Info" content="#898989"/>
  28.  
  29.  
  30. <meta name="font:Font" content="'Source Sans Pro', sans-serif"/>
  31. <meta name="text:Font Size" content="12"/>
  32. <meta name="text:Link 1" content="Link 1" />
  33. <meta name="text:Link 1 Title" content="Link 1" />
  34. <meta name="text:Link 2" content="Link 2" />
  35. <meta name="text:Link 2 Title" content="Link 2" />
  36. <meta name="text:Link 3" content="Link 3" />
  37. <meta name="text:Link 3 Title" content="Link 3" />
  38. <meta name="text:Link 4" content="Link 4" />
  39. <meta name="text:Link 4 Title" content="Link 4" />
  40. <meta name="text:Link 5" content="Link 5" />
  41. <meta name="text:Link 5 Title" content="Link 5" />
  42. <meta name="text:Link 6" content="Link 6" />
  43. <meta name="text:Link 6 Title" content="Link 6" />
  44.  
  45. <meta name="if:Show Background Image" content="0"/>
  46. <meta name="if:Show Title" content="1"/>
  47. <meta name="if:Show Link 1" content="1"/>
  48. <meta name="if:Show Link 2" content="1"/>
  49. <meta name="if:Show Link 3" content="1"/>
  50. <meta name="if:Show Link 4" content="1"/>
  51. <meta name="if:Show Link 5" content="1"/>
  52. <meta name="if:Show Link 6" content="1"/>
  53. <meta name="if:Circlebar Border Image" content="1"/>
  54. <meta name="if:Show Post Border" content="1"/>
  55. <meta name="if:Show Tags" content="1"/>
  56. <meta name="if:Show Caption" content="1"/>
  57. <meta name="if:400px Posts" content="0"/>
  58.  
  59.  
  60. <meta name="select:Title Position" content="ttopleft" title="Top Left">
  61. <meta name="select:Title Position" content="ttopright" title="Top Right">
  62. <meta name="select:Title Position" content="tleft" title="Left">
  63.  
  64. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
  65.  
  66. <link href='http://fonts.googleapis.com/css?family=Arimo:700' rel='stylesheet' type='text/css'>
  67.  
  68. <link href='http://fonts.googleapis.com/css?family=Ubuntu:500' rel='stylesheet'
  69.  
  70. type='text/css'>
  71.  
  72. <link href='http://fonts.googleapis.com/css?family=Germania+One' rel='stylesheet' type='text/css'>
  73.  
  74. <!-- TOOLTIP -->
  75.  
  76. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  77.  
  78.  
  79. <script
  80. src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  81.  
  82. <script
  83. src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js">
  84. </script>
  85.  
  86. <script>
  87.  
  88. (function($){
  89.  
  90. $(document).ready(function(){
  91.  
  92. $("a[title]").style_my_tooltips({
  93.  
  94. tip_follows_cursor:true,
  95.  
  96. tip_delay_time:0,
  97.  
  98. tip_fade_speed:0,
  99.  
  100. attribute:"title"
  101.  
  102. });
  103.  
  104. });
  105.  
  106. })(jQuery);
  107.  
  108. </script>
  109.  
  110.  
  111.  
  112. <!-- SCROLL TO TOP -->
  113.  
  114. <script
  115. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
  116. </script>
  117. <script
  118. src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  119. <a href="javascript:;" id="scrollToTop">
  120. <img src="http://static.tumblr.com/vdyrvd5/H4rn96ibf/top.png" border="0" height="10px"></a>
  121.  
  122.  
  123.  
  124.  
  125. <style type="text/css">
  126.  
  127. ::-webkit-scrollbar
  128. {
  129. width: 9px;
  130. height: 6px;
  131. }
  132. ::-webkit-scrollbar-track
  133. {
  134. background-color: {color:Sidebar};
  135. border-left: 3px solid {color:Background};
  136. border-right: 3px solid {color:Background};
  137. }
  138. ::-webkit-scrollbar-thumb
  139. {
  140. background-color:{color:Sidebar};
  141. border: 1px solid {color:Background};
  142. height: 5px;
  143. }
  144.  
  145. ::selection {color:{color:Post bg}; background:{color:Link};}
  146. ::-moz-selection {color:{color:Post bg}; background:{color:Link};}
  147.  
  148. #s-m-t-tooltip
  149. {
  150. max-width:300px;
  151. background-color:{color:Link};
  152. font-size:8px;
  153. color:#fff;
  154. text-transform:uppercase;
  155. letter-spacing:1px;
  156. padding:2px 3px 2px 3px;
  157. margin:20px;
  158. z-index:9999999999999999999999;
  159. font-family: 'Ubuntu', sans-serif;
  160. }
  161.  
  162. #scrollToTop:link,#scrollToTop:visited
  163. {
  164. color: transparent;
  165. background-color: transparent;
  166. display: none;
  167. position: fixed;
  168. right:100px;
  169. bottom:10px;
  170. }
  171.  
  172. body
  173. {
  174. font-family: {font:Font};
  175. color: #000;
  176. font-size: {text:Font Size}px;
  177. background: {color:Background} fixed;
  178. {block:IfShowBackgroundImage}
  179. background-image: url('{image:Background}');
  180. {/block:IfShowBackgroundImage}
  181. {block:IfNotShowBackgroundImage}
  182. background-image: url('http://static.tumblr.com/vdyrvd5/v9znf8yxc/m.png');
  183. {/block:IfNotShowBackgroundImage}
  184. }
  185.  
  186. p {margin-top:5px; margin-bottom:5px;}
  187. pre
  188. {
  189. background-color: rgba(192, 192, 192, 0.2);
  190. padding:1px 2px 2px 2px;
  191. font-size: {text:Font Size}px;
  192. }
  193. code {font-size: {text:Font Size}px;}
  194. small {font-size:10px;}
  195. small a {font-size:10px;}
  196. big {font-size:14px;}
  197. a
  198. {
  199. color:{color:Link};
  200. font-size: {text:Font Size}px;
  201. text-decoration:none;
  202. border-radius:3px;
  203. }
  204.  
  205.  
  206. #sidebar
  207. {
  208. width: 380px;
  209. height: 100%;
  210. background-color:{color:Sidebar};
  211. background-image:url('{image:Sidebar}');
  212. background-position:left top;
  213. position: fixed;
  214. left:0px;
  215. top:0px;
  216. }
  217.  
  218. .sideline
  219. {
  220. height: 150%;
  221. width:180px;
  222. transform:rotate(15deg);
  223. -webkit-transform:rotate(15deg);
  224. background-color:{color:Background};
  225. {block:IfColoredSidebarBorder}
  226. border-left:10px solid {color:Sidebar};
  227. {/block:IfColoredSidebarBorder}
  228. {block:IfNotColoredSidebarBorder}
  229. border-left:10px solid rgba(192,192,192,0.3);
  230. {/block:IfNotColoredSidebarBorder}
  231. position: fixed;
  232. left:260px;
  233. top:-40px;
  234. z-index:-1;
  235. }
  236. /* CIRCLES */
  237. #item
  238. {
  239. height:100%;
  240. width:500px;
  241. position:fixed;
  242. left:10px;
  243. top:0px;
  244. display:block;
  245. }
  246. .circlebar
  247. {
  248. height:220px;
  249. width:220px;
  250. border-radius: 50%;
  251. position: relative;
  252. top:70px;
  253. left:215px;
  254. background-position: center center;
  255. box-shadow: inset 0px 0px 0px 10px rgba(192,192,192,0.3);
  256. {block:IfNotCirclebarBorderImage}
  257. background:transparent;
  258. {/block:IfNotCirclebarBorderImage}
  259. }
  260. .circlebar .infowrap
  261. {
  262. position:relative;
  263. top:10px;
  264. left:10px;
  265. width:200px;
  266. height:200px;
  267. background-color:{color:Background};
  268. perspective: 800px;
  269. -webkit-perspective: 800px;
  270. border-radius:50%;
  271. }
  272. .info
  273. {
  274. position: relative;
  275. width:200px;
  276. height:200px;
  277. border-radius:50%;
  278. transform-style: preserve-3d;
  279. -moz-transition: all 0.5s ease-in-out;
  280. -o-transition: all 0.5s ease-in-out;
  281. -webkit-transition: all 0.5s ease-in-out;
  282. transition: all 0.5s ease-in-out;
  283. }
  284. .info > div
  285. {
  286. display: block;
  287. position: absolute;
  288. width: 100%;
  289. height: 100%;
  290. background-position: center center;
  291. backface-visibility: hidden;
  292. -webkit-backface-visibility: hidden;
  293. }
  294. .info .back1
  295. {
  296. transform: rotate3d(0,1,0,180deg);
  297. background-color:{color:Sidebar};
  298. border-radius:50%;
  299. overflow:hidden;
  300. }
  301. .back1 a
  302. {
  303. font-size:12px;
  304. width:100px;
  305. text-transform:uppercase;
  306. display:block;
  307. margin:5px auto;
  308. text-decoration:none;
  309. text-align:center;
  310. padding:2px;
  311. color:{color:Sidebar Text};
  312. }
  313. .back1 a:hover
  314. {
  315. font-style:italic;
  316. }
  317. .info .back2
  318. {
  319. transform: rotate3d(0,1,0,180deg);
  320. background-color:{color:Sidebar};
  321. width:200px;
  322. height:200px;
  323. border-radius:50%;
  324. overflow:hidden;
  325. -moz-transition: all 0.1s ease-in-out;
  326. -o-transition: all 0.1s ease-in-out;
  327. -webkit-transition: all 0.1s ease-in-out;
  328. transition: all 0.1s ease-in-out;
  329. }
  330. .info .back2:hover
  331. {
  332. border-radius:0%;
  333. width:220px;
  334. height:220px;
  335. margin:-10px 0 0 -10px;
  336. -moz-transition: all 0.1s ease-in-out;
  337. -o-transition: all 0.1s ease-in-out;
  338. -webkit-transition: all 0.1s ease-in-out;
  339. transition: all 0.1s ease-in-out;
  340. }
  341. .back2 p
  342. {
  343. font-size:12px;
  344. text-decoration:none;
  345. color:{color:Sidebar Text};
  346. text-align:center;
  347. padding:5px;
  348. }
  349. .back2 a
  350. {
  351. text-decoration:underline;
  352. color:{color:Sidebar Text};
  353. }
  354. .back2 a:hover
  355. {
  356. font-style:italic;
  357. }
  358. .info .front
  359. {
  360. border-radius:50%;
  361. }
  362. .circlebar:hover
  363. {
  364. box-shadow: inset 0px 0px 0px 10px rgba(255,255,255,0.0);
  365. -moz-transition: all 0.5s ease-in-out;
  366. -o-transition: all 0.5s ease-in-out;
  367. -webkit-transition: all 0.5s ease-in-out;
  368. transition: all 0.5s ease-in-out;
  369. }
  370. .circlebar:hover .info
  371. {
  372. transform: rotate3d(0,1,0,-180deg);
  373. }
  374.  
  375.  
  376. #title
  377. {
  378. width:370px;
  379. }
  380. #title a
  381. {
  382. width:370px;
  383. color:{color:Title};
  384. word-spacing:1px;
  385. font-size:18px;
  386. position:absolute;
  387. padding:2px;
  388. font-family: 'Germania One', cursive;
  389. text-shadow: 2px 1px 3px rgba(149, 150, 150, 0.5);
  390. }
  391. .tleft a
  392. {
  393. text-align:left;
  394. top:160px;
  395. }
  396. .ttopleft a
  397. {
  398. text-align:left;
  399. top:5px;
  400. }
  401. .ttopright a
  402. {
  403. text-align:right;
  404. top:5px;
  405. }
  406.  
  407. .pages
  408. {
  409. width:300px;
  410. position:relative;
  411. margin-left:800px;
  412. font-size:12px;
  413. color:{color:Link Hover};
  414. }
  415. .pages a
  416. {
  417. box-shadow: inset 0px 0px 20px 0px rgba(192,192,192,0.7);
  418. padding:0 3px 0 3px;
  419. font-size:12px;
  420. border-radius:7px;
  421. text-align:center;
  422. text-decoration:none;
  423. color:{color:Link};
  424. -moz-transition: all 0.5s ease;
  425. -o-transition: all 0.5s ease;
  426. -webkit-transition: all 0.5s ease;
  427. transition: all 0.5s ease;
  428. }
  429. .pages a:hover
  430. {
  431. box-shadow: inset 0px 0px 20px 0px rgba(192,192,192,0.0);
  432. -moz-transition: all 0.5s ease;
  433. -o-transition: all 0.5s ease;
  434. -webkit-transition: all 0.5s ease;
  435. transition: all 0.5s ease;
  436. }
  437.  
  438.  
  439.  
  440. .postcol
  441. {
  442. {block:IfNot400pxPosts}
  443. margin:20px 0 0 600px;
  444. width:540px;
  445. {/block:IfNot400pxPosts}
  446. {block:If400pxPosts}
  447. width: 440px;
  448. margin:20px 0 0 650px;
  449. {/block:If400pxPosts}
  450. }
  451. #posts
  452. {
  453. {block:IfNot400pxPosts}width: 500px;{/block:IfNot400pxPosts}
  454. {block:If400pxPosts}width: 400px;{/block:If400pxPosts}
  455. padding:10px 10px 10px 10px;
  456. margin:5px 0 70px 10px;
  457. background-color:{color:Post bg};
  458. text-align: justify;
  459. position:relative;
  460. color:{color:Text};
  461. word-wrap:break-word;
  462. {block:IfShowPostBorder}
  463. box-shadow: inset 0px 0px 1px 2px rgba(192,192,192,0.1);
  464. {/block:IfShowPostBorder}
  465. {block:IfNotShowPostBorder}{/block:IfNotShowPostBorder}
  466. }
  467.  
  468. #posts .topic {
  469. color:{color:Link};
  470. width:97%;
  471. font-size:20px;
  472. text-align:center;
  473. word-wrap:break-word;
  474. color:{color:Text};
  475. padding:0px 7px 0px 7px;
  476.  
  477. }
  478. #posts .topic a
  479. {
  480. text-transform: uppercase;
  481. width:100%;
  482. text-align: center;
  483. display: block;
  484. font-size:18px;
  485. padding:0px 7px 0px 7px;
  486. color:{color:Link};
  487. }
  488.  
  489. #posts img {display:block; height: auto;}
  490.  
  491. #posts ul
  492. {
  493. list-style: disc;
  494. font-size:{text:Font Size}px;
  495. }
  496. #posts ol
  497. {
  498. list-style: decimal;
  499. font-size:{text:Font Size}px;
  500. }
  501.  
  502. #posts blockquote
  503. {
  504. background: transparent;
  505. margin:2px 0px 0px 5px;
  506. padding: 0px 2px 0px 6px;
  507. border-left:2px solid rgba(192, 192, 192, 0.3);
  508. }
  509. #posts blockquote img {max-width:100%;}
  510.  
  511.  
  512. .capt {
  513. margin:0;
  514. display: block;
  515. {block:IfNotShowCaption}display:none;{/block:IfNotShowCaption}
  516. }
  517.  
  518. #posts .highres
  519. {
  520. position: absolute;
  521. top: 25px;
  522. left: 25px;
  523. display: none;
  524. }
  525. #posts .highres img
  526. {
  527. height:20px;
  528. width:20px;
  529. }
  530. #posts:hover a.highres
  531. {
  532. display: block;
  533. background-color:{color:Link};
  534. }
  535. #posts a:hover
  536. {
  537. font-style:italic;
  538. }
  539.  
  540. .ask
  541. {
  542. background: transparent;
  543. {block:IfNot400pxPosts}width: 500px;{/block:IfNot400pxPosts}
  544. {block:If400pxPosts}width: 400px;{/block:If400pxPosts}
  545. font-size:{text:Font Size}px;
  546. margin-bottom:20px;
  547. }
  548.  
  549. .ask img
  550. {
  551. float: left;
  552. border-radius:20px;
  553. margin:-3px 5px 0px 35px;
  554. }
  555.  
  556. .asker
  557. {
  558. color: {color:Text};
  559. font-size:11px;
  560. margin:10px;
  561. font-weight:bold;
  562. text-transform:lowercase;
  563. font-size:{text:Font Size}px;
  564. }
  565. .question
  566. {
  567. font-size:14px;
  568. line-height:98%;
  569. padding:5px 10px 5px 10px;
  570. {block:IfNot400pxPosts}width:480px;{/block:IfNot400pxPosts}
  571. {block:If400pxPosts}width:380px;{/block:If400pxPosts}
  572. }
  573.  
  574.  
  575.  
  576. .quote {width: 90%; margin: auto; font-family: 'Ubuntu', sans-serif;}
  577.  
  578. .quotetext_short {font-size: 18px;}
  579. .quotetext_medium {font-size: 14px;}
  580. .quotetext_long {font-size: 11px;}
  581.  
  582. .source {text-align: right; margin-top:5px;}
  583.  
  584.  
  585.  
  586. .convo li
  587. {
  588. list-style: none;
  589. {block:IfNot400pxPosts}width: 480px;{/block:IfNot400pxPosts}
  590. {block:If400pxPosts}width: 380px;{/block:If400pxPosts}
  591. font-size:{text:Font Size}px;
  592. margin-left:-25px;
  593. }
  594.  
  595. .convo .label
  596. {
  597. color:{color:Text};
  598. font-weight:bold;
  599. }
  600. .line_odd
  601. {
  602. background-color: rgba(192, 192, 192, 0.2);
  603. }
  604.  
  605.  
  606.  
  607. .audio
  608. {
  609. background:transparent;
  610. height:75px;
  611. width:100%;
  612. margin-bottom:10px;
  613. position:relative;
  614. }
  615. .playbox {
  616. background-color:#e6e6e6;
  617. position: absolute;
  618. z-index: 1000;
  619. margin-top:20px;
  620. margin-left:20px;
  621. border-radius:50%;
  622. opacity:0.7;
  623. }
  624. .playbutton
  625. {
  626. width: 27px;
  627. height: 32px;
  628. overflow: hidden;
  629. position: relative;
  630. z-index: 1000;
  631. margin: 5px 5px 1px 5px;
  632. opacity:1.0;
  633. }
  634. .playbox:hover {opacity:1.0;}
  635.  
  636. .musicinfo
  637. {
  638. {block:IfNot400pxPosts}width:410px;{/block:IfNot400pxPosts}
  639. {block:If400pxPosts}width:310px;{/block:If400pxPosts}
  640. margin-left:75px;
  641. color:{color:Text};
  642. padding:7px 5px 5px 5px;
  643. font-size:12px;
  644. text-align:center;
  645. word-wrap:break-word;
  646. }
  647. .cover
  648. {
  649. width:65px;
  650. height:65px;
  651. position:absolute;
  652. margin:5px;
  653. border-radius:50%;
  654. }
  655. .cover img
  656. {
  657. width:65px;
  658. height:65px;
  659. float:left;
  660. }
  661.  
  662. /* POSTINFO */
  663.  
  664. .postinfo
  665. {
  666. width: 80px;
  667. height:80px;
  668. position:absolute;
  669. top:5px;
  670. {block:IfNot400pxPosts}left:525px;{/block:IfNot400pxPosts}
  671. {block:If400pxPosts}left:425px;{/block:If400pxPosts}
  672. display:block;
  673. }
  674. .picircle
  675. {
  676. height:50px;
  677. width:50px;
  678. border-radius: 50%;
  679. position: relative;
  680. background-position: center center;
  681. }
  682.  
  683. .picircle .piinfowrap
  684. {
  685. position:relative;
  686. width:50px;
  687. height:50px;
  688. perspective: 800px;
  689. -webkit-perspective: 800px;
  690. border-radius:50%;
  691. }
  692. .piinfo
  693. {
  694. position: relative;
  695. width:50px;
  696. height:50px;
  697. border-radius:50%;
  698. transform-style: preserve-3d;
  699. -moz-transition: all 0.5s ease-in-out;
  700. -o-transition: all 0.5s ease-in-out;
  701. -webkit-transition: all 0.5s ease-in-out;
  702. transition: all 0.5s ease-in-out;
  703. }
  704. .piinfo > div
  705. {
  706. display: block;
  707. position: absolute;
  708. width: 50px;
  709. height: 50px;
  710. border-radius:50%;
  711. text-align:center;
  712. backface-visibility: hidden;
  713. -webkit-backface-visibility: hidden;
  714. }
  715. .piinfo .piback
  716. {
  717. transform: rotate3d(0,1,0,180deg);
  718. box-shadow: inset 0px 0px 20px 0px rgba(192,192,192,0.3);
  719. }
  720. .piback a
  721. {
  722. font-size:10px;
  723. display:inline;
  724. text-decoration:none;
  725. color:{color:Post Info};
  726. }
  727. .pifront p
  728. {
  729. font-size:10px;
  730. text-decoration:none;
  731. color:{color:Post Info};
  732. }
  733. .piinfo .pifront
  734. {
  735. box-shadow: inset 0px 0px 20px 0px rgba(192,192,192,0.3);
  736. }
  737. .picircle:hover
  738. {
  739. box-shadow: inset 0px 0px 0px 10px rgba(255,255,255,0.0);
  740. -moz-transition: all 0.5s ease-in-out;
  741. -o-transition: all 0.5s ease-in-out;
  742. -webkit-transition: all 0.5s ease-in-out;
  743. transition: all 0.5s ease-in-out;
  744. }
  745. .picircle:hover .piinfo
  746. {
  747. transform: rotate3d(0,1,0,-180deg);
  748. }
  749.  
  750.  
  751.  
  752. .tagline
  753. {
  754. margin-top:10px;
  755. border-top:solid 1px rgba(192, 192, 192, 0.3);
  756. }
  757. .tags
  758. {
  759. {block:IfNot400pxPosts}width: 500px;{/block:IfNot400pxPosts}
  760. {block:If400pxPosts}width: 400px;{/block:If400pxPosts}
  761. position:relative;
  762. display:inline;
  763. }
  764. .tags a
  765. {
  766. color:{color:Tags};
  767. padding:0px 2px 0px 2px;
  768. font-size:10px;
  769. display:inline;
  770. margin-right:2px;
  771. text-transform:lowercase;
  772. }
  773.  
  774.  
  775. #notes
  776. {
  777. background:transparent;
  778. width:100%;
  779. margin:25px 0 5px -10px;
  780. padding:5px 0px 0px 20px;
  781. border-top:1px solid {color:Border};
  782. font-size:10px;
  783. color:{color:Text};
  784. }
  785.  
  786. #notes img
  787. {
  788. position:absolute;
  789. }
  790. ol.notes li
  791. {
  792. list-style:none;
  793. margin:0 0 2px -20px;
  794. font-size:10px;
  795. padding:2px 1px 2px 1px;
  796. width:100%;
  797. display:block;
  798. }
  799. ol.notes li a
  800. {
  801. list-style:none;
  802. font-size:10px;
  803. }
  804. ol.notes li img
  805. {
  806. list-style:none;
  807. margin-left:-20px;
  808. height:9px;
  809. display:block;
  810. border-radius:10px;
  811. }
  812. .theme
  813. {
  814. position:fixed;
  815. right:10px;
  816. bottom:10px;
  817. }
  818. .theme a
  819. {
  820. color:#fff;
  821. font-size:8px;
  822. background-color:{color:Sidebar};
  823. font-size:8px;
  824. padding: 1px 4px 1px 4px;
  825. letter-spacing:1px;
  826. }
  827.  
  828.  
  829. </style>
  830. </head>
  831.  
  832. <body>
  833.  
  834. <div id="sidebar">
  835. <div class="sidetop"></div>
  836. <div id="item">
  837. <div class="circlebar"
  838. style="{block:IfCirclebarBorderImage}
  839. background-image:url('{image:Circlebar 1}');
  840. {/block:IfCirclebarBorderImage}">
  841. <div class="infowrap">
  842. <div class="info">
  843. <div class="front"
  844. style="background-image:url('{image:Circlebar 1}')"></div>
  845. <div class="back1">
  846. <a href="/">Home</a>
  847. <a href="/ask">Ask</a>
  848. {block:IfShowLink1}
  849. <a href="{text:Link 1}">{text:Link 1 Title}</a>
  850. {/block:IfShowLink1}
  851. {block:IfNotShowLink1}{/block:IfNotShowLink1}
  852.  
  853. {block:IfShowLink2}
  854. <a href="{text:Link 2}">{text:Link 2 Title}</a>
  855. {/block:IfShowLink2}
  856. {block:IfNotShowLink2}{/block:IfNotShowLink2}
  857.  
  858. {block:IfShowLink3}
  859. <a href="{text:Link 3}">{text:Link 3 Title}</a>
  860. {/block:IfShowLink3}
  861. {block:IfNotShowLink3}{/block:IfNotShowLink3}
  862.  
  863. {block:IfShowLink4}
  864. <a href="{text:Link 4}">{text:Link 4 Title}</a>
  865. {/block:IfShowLink4}
  866. {block:IfNotShowLink4}{/block:IfNotShowLink4}
  867.  
  868. {block:IfShowLink5}
  869. <a href="{text:Link 5}">{text:Link 5 Title}</a>
  870. {/block:IfShowLink5}
  871. {block:IfNotShowLink5}{/block:IfNotShowLink5}
  872.  
  873. {block:IfShowLink6}
  874. <a href="{text:Link 6}">{text:Link 6 Title}</a>
  875. {/block:IfShowLink6}
  876. {block:IfNotShowLink6}{/block:IfNotShowLink6}
  877. </div>
  878. </div>
  879. </div>
  880. </div>
  881.  
  882. <div class="circlebar"
  883. style="margin:80px 0 0 -80px;
  884. {block:IfCirclebarBorderImage}
  885. background-image:url('{image:Circlebar 2}');
  886. {/block:IfCirclebarBorderImage}">
  887. <div class="infowrap">
  888. <div class="info">
  889. <div class="front"
  890. style="background-image:url('{image:Circlebar 2}')"></div>
  891. <div class="back2">
  892. <p>{block:Description}{Description}{/block:Description}</p>
  893. </div>
  894. </div>
  895. </div>
  896. </div>
  897. </div>
  898. <div class="sideline"></div>
  899. <div class="{select:Title Position}" id="title"><a href="/" alt="{Title}">
  900. {block:IfShowTitle}{Title}{/block:IfShowTitle}
  901. {block:IfNotShowTitle}{/block:IfNotShowTitle}
  902. </a>
  903. </div>
  904. </div>
  905.  
  906. <div class="postcol">
  907.  
  908. {block:Posts}
  909. <div id="posts">
  910.  
  911. {block:ContentSource}
  912. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  913. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  914. {/block:SourceLogo}
  915. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  916. {/block:ContentSource}
  917.  
  918.  
  919. {block:Text}
  920. {block:Title}<div class="topic">{Title}</div>{/block:Title}
  921. {Body}
  922. {/block:Text}
  923.  
  924.  
  925. {block:Answer}
  926. <div class="question">{Question}</div>
  927. <div class="ask">
  928. <img src="{AskerPortraitURL-24}">
  929. <div class="asker">{Asker}</div>
  930. </div>
  931. {Answer}
  932. {/block:Answer}
  933.  
  934.  
  935. {block:Quote}
  936. <div class="quote">
  937. <div class="quotetext_{Length}">❝{Quote}❞</div>
  938. {block:Source}
  939. <div class="source">&#8212;{Source}</div>
  940. {/block:Source}
  941. </div>
  942. {/block:Quote}
  943.  
  944.  
  945. {block:Link}
  946. <div class="topic"><a href="{URL}">{Name}</a></div>
  947. {block:Description}{Description}{/block:Description}
  948. {/block:Link}
  949.  
  950.  
  951.  
  952. {block:Chat}
  953. {block:Title}<div class="topic">{Title}</div>{/block:Title}
  954. <ul class="convo">{block:Lines}<li class="line_{Alt}">
  955. {block:Label}<span class="label">{Label}</span>{/block:Label}
  956. {Line}</li>{/block:Lines}</ul>
  957. {/block:Chat}
  958.  
  959.  
  960. {block:Photo}
  961. {LinkOpenTag}
  962. {block:If400pxPosts}
  963. <img src="{PhotoURL-400}" alt="{PhotoAlt}" border="0" >
  964. {/block:If400pxPosts}
  965. {block:IfNot400pxPosts}
  966. <img src="{PhotoURL-500}" alt="{PhotoAlt}" border="0" >
  967. {/block:IfNot400pxPosts}
  968. {LinkCloseTag}
  969. {block:HighRes}
  970. <a href="{PhotoURL-HighRes}" class="highres" target="_blank" title="View in High Resolution">
  971. <img src="http://static.tumblr.com/vdyrvd5/cTwn94ekm/plus1.png">
  972. </a>
  973. {/block:HighRes}
  974. {block:Caption}<div class="capt">{Caption}</div>{/block:Caption}
  975. {/block:Photo}
  976.  
  977.  
  978. {block:Photoset}
  979. {block:If400pxPosts}{Photoset-400}{/block:If400pxPosts}
  980. {block:IfNot400pxPosts}{Photoset-500}{/block:IfNot400pxPosts}
  981. {block:Caption}<div class="capt">{Caption}</div>{/block:Caption}
  982. {/block:Photoset}
  983.  
  984.  
  985.  
  986. {block:Audio}
  987. <div class="audio">
  988. <div class="playbox">
  989. <div class="playbutton">
  990. {block:AudioPlayer}{AudioPlayerGrey}{/block:AudioPlayer}
  991. </div>
  992. </div>
  993. <img src="http://static.tumblr.com/vdyrvd5/KDmn7qhum/download.jpg" class="cover">
  994. {block:AlbumArt}<img src="{AlbumArtURL}" class="cover">
  995. {/block:AlbumArt}
  996. <div class="musicinfo">
  997. {block:TrackName} <span style="font-size:13px">{TrackName}</span>
  998. {/block:TrackName}
  999. {block:Artist}by
  1000. <span style="font-size:13px">{Artist}</span>
  1001. {/block:Artist}<br>
  1002. {block:Album}
  1003. <span style="font-size:11px">{Album}</span>
  1004. {/block:Album}<br>
  1005. {block:PlayCount}
  1006. <span style="font-size:11px">Played {FormattedPlayCount} times</span>
  1007. {/block:PlayCount}
  1008. </div></div>
  1009. {block:Caption}<div class="capt">{Caption}</div>{/block:Caption}
  1010. {/block:Audio}
  1011.  
  1012.  
  1013.  
  1014. {block:Video}
  1015. <div class="video">
  1016. {block:IfNot400pxPosts}{Video-500}{/block:IfNot400pxPosts}
  1017. {block:If400pxPosts}{Video-400}{/block:If400pxPosts}
  1018. </div>
  1019. {block:Caption}<div class="capt">{Caption}</div>{/block:Caption}
  1020. {/block:Video}
  1021.  
  1022.  
  1023. <!-- POSTINFO -->
  1024.  
  1025. <div class="postinfo">
  1026. <div class="picircle">
  1027. <div class="piinfowrap">
  1028. <div class="piinfo">
  1029. <div class="pifront">
  1030. <p>
  1031. {block:Date}{ShortMonth} {DayOfMonth}{/block:Date}<br>
  1032. {block:Notecount}{NoteCount}{/block:NoteCount}
  1033. </p>
  1034. </div>
  1035. <div class="piback">
  1036. <a href="{ReblogURL}" target="_blank" title="reblog">reblog</a> <a href="{Permalink}" title="permalink">permalink</a>
  1037. {block:RebloggedFrom}
  1038. <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>,
  1039. <a href="{ReblogRootURL}" title="{ReblogRootName}"> src</a>
  1040. {/block:RebloggedFrom}
  1041. </div>
  1042. </div>
  1043. </div>
  1044. </div>
  1045. </div>
  1046.  
  1047. {block:IfShowTags}<div class="tagline"></div>{/block:IfShowTags}
  1048. {block:Tags}{block:IfShowTags}
  1049. <div class="tags"><a href="{TagURL}">#{Tag}</a></div>
  1050. {/block:IfShowTags}{/block:Tags}
  1051. {block:IfNotShowTags} {/block:IfNotShowTags}
  1052. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes} </div>
  1053.  
  1054. {/block:Posts}
  1055. </div>
  1056.  
  1057. <div class="pages">
  1058. {block:Pagination}
  1059. {block:PreviousPage}
  1060. <a href="{PreviousPage}">
  1061. <span style="font-size:20px">&#65513;</span>
  1062. </a>
  1063. {/block:PreviousPage}
  1064. {block:JumpPagination length="5"}
  1065. {block:CurrentPage}
  1066. <span class="current_page">{PageNumber}</span>
  1067. {/block:CurrentPage}
  1068. {block:JumpPage}
  1069. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1070. {/block:JumpPage}
  1071. {/block:JumpPagination}
  1072. {block:NextPage}
  1073. <a href="{NextPage}"><span style="font-size:20px">&#65515;</span></a>
  1074. {/block:NextPage}
  1075. {/block:Pagination}
  1076. </div>
  1077.  
  1078. </div>
  1079. <div class="theme">
  1080. <a href="http://lilacthemes.tumblr.com/" target="_blank" title="Lilac Themes">THEME</a>
  1081. </div>
  1082. </body>
  1083. </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!