API tools faq
paste
Advertisement
lilacthemes

Theme 04b

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