API tools faq
paste
Advertisement
aiha

floating buttons theme (transparent) v1.0 pv2

aiha
Oct 6th, 2014
1,072
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.77 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4.  
  5.  
  6. _. o |_ _. _
  7. (_| | | | (_| _>
  8.  
  9. > floating buttons theme: transparent ver. - v1.0
  10. aihas.tumblr.com
  11.  
  12.  
  13.  
  14. don't steal this and use
  15. it as a base that wouldn't
  16. be very nice
  17.  
  18. if you wanna put the credit
  19. stuff somewhere else that's cool!
  20. but don't remove it completely
  21.  
  22.  
  23. -->
  24.  
  25. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  26. <head>
  27.  
  28.  
  29. <link href='http://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'>
  30. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  31.  
  32. <meta name="color:Background" content="#dcecf5" />
  33. <meta name="color:Buttons" content="#ffffff" />
  34. <meta name="color:Button Hover" content="#b997ce" />
  35. <meta name="color:Text" content="#777777" />
  36. <meta name="color:Link Text" content="#b997ce" />
  37. <meta name="color:Scrollbar" content="#b997ce" />
  38. <meta name="color:Scrollbar Background" content="#eeeeee" />
  39.  
  40. <meta name="if:500px" content="0"/>
  41. <meta name="if:400px" content="1"/>
  42. <meta name="if:250px" content="0"/>
  43.  
  44. <meta name="if:Round Corners" content="1"/>
  45. <meta name="if:Round Buttons" content="1"/>
  46. <meta name="if:Infinite Scroll" content="1"/>
  47. <meta name="if:Show Captions" content="1"/>
  48. <meta name="if:Show Tags" content="1"/>
  49. <meta name="if:Always Show Description" content="0"/>
  50.  
  51.  
  52. <meta name="text:Sidebar Position Margin" content="150"/>
  53. <meta name="text:Link 1 Title" content=""/>
  54. <meta name="text:Link 1 URL" content=""/>
  55. <meta name="text:Link 2 Title" content=""/>
  56. <meta name="text:Link 2 URL" content=""/>
  57. <meta name="text:Link 3 Title" content=""/>
  58. <meta name="text:Link 3 URL" content=""/>
  59. <meta name="text:Link 4 Title" content=""/>
  60. <meta name="text:Link 4 URL" content=""/>
  61.  
  62. <meta name="image:Sidebar Image" content="http://static.tumblr.com/a2880fa2b4ce563a58977ee136f75a3a/ygokpzg/XRQnd1mv9/tumblr_static_1ih5q5cek61wsckgk04ok040k.png"/>
  63. <meta name="image:Side Image" content=""/>
  64. <meta name="image:Background" content=""/>
  65. <meta name="image:Favicon" content="http://static.tumblr.com/7beca2fe4d4f786b8d84b634c8527359/ygokpzg/Dpond1naj/tumblr_static_cg4ikcnevzcogsok0ok0ks0ss.png"/>
  66.  
  67.  
  68. <meta
  69. name="select:Background Size"
  70. content="background-size:100% 100%;"
  71. title="Stretch" />
  72. <meta
  73. name="select:Background Size"
  74. content=""
  75. title="Pattern" />
  76. <meta
  77. name="select:Background Size"
  78. content="background-size:cover;"
  79. title="Max" />
  80.  
  81.  
  82.  
  83. <meta
  84. name="select:Sidebar Position"
  85. content="top"
  86. title="Top" />
  87. <meta
  88. name="select:Sidebar Position"
  89. content="bottom"
  90. title="Bottom" />
  91.  
  92.  
  93.  
  94. <meta
  95. name="select:Side Image Position"
  96. content="bottom:0px; left:0px;"
  97. title="Bottom left" />
  98. <meta
  99. name="select:Side Image Position"
  100. content="bottom:0px; right:0px;"
  101. title="Bottom right" />
  102.  
  103.  
  104.  
  105. <meta
  106. name="select:Font"
  107. content="'Roboto','Arial'"
  108. title="Roboto" />
  109. <meta
  110. name="select:Font"
  111. content="'Inconsolata','Arial'"
  112. title="Inconsolata" />
  113. <meta
  114. name="select:Font"
  115. content="'Arial'"
  116. title="Arial" />
  117. <meta
  118. name="select:Font"
  119. content="'Consolas','Arial'"
  120. title="Consolas" />
  121.  
  122.  
  123. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  124. <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  125. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  126. <link rel="shortcut icon" href="{image:Favicon}" />
  127. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  128. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  129. {block:IfInfiniteScroll}<script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScroll}
  130. <style type="text/css">
  131.  
  132. body {
  133. background-color:{color:Background};
  134. background-image:url('{image:Background}');
  135. color:{color:Font};
  136. background-attachment:fixed;
  137. {select:Background Size}
  138. }
  139.  
  140. ::-webkit-scrollbar{
  141. width:8px;
  142. background-color: {color:Scrollbar Background};
  143. }
  144.  
  145. ::-webkit-scrollbar-thumb{
  146. background-color:{color:Scrollbar};
  147. }
  148.  
  149. #wrapper {
  150. position:relative;
  151. margin:0 auto;
  152. {block:If500px}width:742px;{/block:If500px}
  153. {block:If400px}width:642px;{/block:If400px}
  154. {block:If250px}width:492px;{/block:If250px}
  155. font-family:{select:Font};
  156. font-size:11px;
  157. line-height:150%;
  158. color:{color:Font};
  159. left:-30px;
  160. }
  161.  
  162. #wrapper a {
  163. text-decoration:none;
  164. color:{color:Link Text};
  165.  
  166. /* transition: .25s ease-in-out;
  167. -moz-transition: .25s ease-in-out;
  168. -webkit-transition: .25s ease-in-out; */
  169. }
  170.  
  171. #wrapper a:visited {
  172. color:{color:Link Text};
  173. }
  174.  
  175. #wrapper a:hover {
  176. /* opacity:0.7; */
  177. background-color:{color:Link Text};
  178. color:#ffffff;
  179. }
  180.  
  181. #wrapper ul {
  182. padding-left:25px;
  183. list-style-type:square;
  184. }
  185.  
  186. #wrapper ol {
  187. padding-left:25px;
  188. }
  189.  
  190.  
  191.  
  192. #wrapper #sidebar {
  193. position:fixed;
  194. {select:Sidebar Position}:{text:Sidebar Position Margin}px;
  195. z-index:1;
  196. }
  197.  
  198. #wrapper #sidebar p {
  199. margin:0px;
  200. color:{color:Text};
  201. }
  202.  
  203. #wrapper #sidebar #sdblock1,
  204. #wrapper #sidebar #sdblock2 #description {
  205. padding:10px;
  206. width:128px;
  207. background-color:rgba(255,255,255,0.4);
  208. border:none;
  209.  
  210. {block:IfRoundCorners}
  211. border-radius:8px;
  212. {/block:IfRoundCorners}
  213. }
  214.  
  215. #wrapper #sidebar #sdblock1 {
  216. margin-bottom:9px;
  217. }
  218.  
  219. #wrapper #sidebar #sdblock1 #portrait {
  220. display:block;
  221. margin-bottom:-4px;
  222.  
  223. transition: .25s ease-in-out;
  224. -moz-transition: .25s ease-in-out;
  225. -webkit-transition: .25s ease-in-out;
  226.  
  227. {block:IfRoundCorners}
  228. border-radius:3px;
  229. {/block:IfRoundCorners}
  230. }
  231.  
  232. #wrapper #sidebar #sdblock1 #portrait img {
  233. {block:IfRoundCorners}
  234. border-radius:3px;
  235. {/block:IfRoundCorners}
  236. }
  237.  
  238. #wrapper #sidebar #sdblock1 #portrait:hover {
  239. background-color:initial;
  240. }
  241.  
  242. #wrapper #sidebar #sdblock2 {
  243. overflow:hidden;
  244. margin-bottom:9px;
  245.  
  246. transition: .4s ease-in-out;
  247. -moz-transition: .4s ease-in-out;
  248. -webkit-transition: .4s ease-in-out;
  249.  
  250. {block:IfNotAlwaysShowDescription}
  251. opacity:0.0;
  252. {/block:IfNotAlwaysShowDescription}
  253. }
  254.  
  255. #wrapper #sidebar #sdblock2 #description {
  256. margin-bottom:9px;
  257. padding:5px 10px;
  258. font-size:10px;
  259. line-height:125%;
  260. }
  261.  
  262. #wrapper #sidebar #sdblock2 #pagi {
  263. position:relative;
  264. height:11px;
  265. margin-bottom:9px;
  266. }
  267.  
  268. #wrapper #sidebar #sdblock2 #pagi .navlink {
  269. display:inline-block;
  270. height:9px;
  271. margin:0px;
  272. overflow:hidden;
  273. border:solid 1px {color:Border};
  274. width:69px;
  275. text-align:center;
  276. font-size:9px;
  277. font-family:'Roboto','Arial';
  278. border:none;
  279. height:11px;
  280. line-height:12px;
  281. background-color:rgba(255,255,255,0.4);
  282.  
  283. transition: .0s ease-in-out;
  284. -moz-transition: .0s ease-in-out;
  285. -webkit-transition: .0s ease-in-out;
  286.  
  287. {block:IfRoundCorners}
  288. border-radius:6px;
  289. {/block:IfRoundCorners}
  290. }
  291.  
  292. #wrapper #sidebar #sdblock2 #pagi .navlink:hover {
  293. opacity:1.0;
  294. background-color:{color:Button Hover};
  295. }
  296.  
  297. #wrapper #sidebar #sdblock2 #pagi .navlink.l {
  298. float:left;
  299. }
  300.  
  301. #wrapper #sidebar #sdblock2 #pagi .navlink.r {
  302. float:right;
  303. }
  304.  
  305. #wrapper #sidebar #sidenav {
  306. position:absolute;
  307. top:0px;
  308. left:157px;
  309. line-height:0px;
  310. }
  311.  
  312. #wrapper #sidebar #sidenav .cstlink {
  313. display:block;
  314. height:9px;
  315. width:7px;
  316. background-color:{color:Buttons};
  317. margin:0px 0px 9px 0px;
  318. overflow:hidden;
  319. border:solid 1px {color:Border};
  320. font-size:9px;
  321. text-align:center;
  322. line-height:10px;
  323. text-indent:17px;
  324. padding-right:2px;
  325. text-transform:uppercase;
  326. white-space:nowrap;
  327. opacity:{text:Button Opacity};
  328. font-family:'Roboto','Arial';
  329. opacity:0.4;
  330. border:solid 1px {color:Buttons};
  331.  
  332. transition: .0s ease-in-out;
  333. -moz-transition: .0s ease-in-out;
  334. -webkit-transition: .0s ease-in-out;
  335.  
  336. {block:IfRoundButtons}
  337. border-radius:6px;
  338. {/block:IfRoundButtons}
  339. }
  340.  
  341. #wrapper #sidebar #sidenav .cstlink:hover {
  342. opacity:1.0;
  343. background-color:{color:Button Hover};
  344. border:solid 1px {color:Button Hover};
  345. width:auto;
  346. }
  347.  
  348. #wrapper #sidebar:hover #sdblock2 {
  349. opacity:1.0;
  350. }
  351.  
  352.  
  353.  
  354.  
  355.  
  356. #wrapper #posts {
  357. position:relative;
  358. left:250px;
  359. {block:If500px}width:530px;{/block:If500px}
  360. {block:If400px}width:430px;{/block:If400px}
  361. {block:If250px}width:280px;{/block:If250px}
  362. margin-top:50px;
  363. }
  364.  
  365. #wrapper #posts .permalink {
  366. display:block;
  367. position:absolute;
  368. width:11px;
  369. float:left;
  370. right:-10px;
  371. margin-top:-10px;
  372. font-size:10px;
  373. color:{color:Text};
  374. line-height:0px;
  375.  
  376. transition: .25s ease-in-out;
  377. -moz-transition: .25s ease-in-out;
  378. -webkit-transition: .25s ease-in-out;
  379. }
  380.  
  381. #wrapper #posts .permalink .pmlink {
  382. display:inline-block;
  383. width:7px;
  384. height:9px;
  385. background-color:{color:Buttons};
  386. margin:0px 0px 9px 0px;
  387. overflow:hidden;
  388. border:solid 1px {color:Border};
  389. position:relative;
  390. font-size:9px;
  391. text-align:center;
  392. line-height:10px;
  393. text-indent:17px;
  394. padding-right:2px;
  395. white-space:nowrap;
  396. opacity:{text:Button Opacity};
  397. font-family:'Roboto','Arial';
  398. border:solid 1px {color:Buttons};
  399. opacity:0.4;
  400.  
  401. transition: .0s ease-in-out;
  402. -moz-transition: .0s ease-in-out;
  403. -webkit-transition: .0s ease-in-out;
  404.  
  405. {block:IfRoundButtons}
  406. border-radius:5px;
  407. {/block:IfRoundButtons}
  408. }
  409.  
  410. #wrapper #posts .permalink .pmlink:hover {
  411. opacity:1.0;
  412. background-color:{color:Button Hover};
  413. border:solid 1px {color:Button Hover};
  414. width:auto;
  415. }
  416.  
  417. #wrapper #posts .permalink .pmlink .upper {
  418. text-transform:uppercase;
  419. }
  420.  
  421. #wrapper #posts .post {
  422. {block:If500px}width:500px;{/block:If500px}
  423. {block:If400px}width:400px;{/block:If400px}
  424. {block:If250px}width:250px;{/block:If250px}
  425. padding:10px;
  426. margin:30px 0px;
  427. color:{color:Text};
  428. background-color:rgba(255,255,255,0.4);
  429. border:none;
  430.  
  431. transition: .25s ease-in-out;
  432. -moz-transition: .25s ease-in-out;
  433. -webkit-transition: .25s ease-in-out;
  434.  
  435. {block:IfRoundCorners}
  436. border-radius:8px;
  437. {/block:IfRoundCorners}
  438. }
  439.  
  440. #wrapper #posts .post .maincontent {
  441. margin-bottom:-4px;
  442. }
  443.  
  444. #wrapper #posts .post h1 {
  445. font-size:11px;
  446. margin:0px;
  447. }
  448.  
  449. #wrapper #posts .post .caption blockquote,
  450. #wrapper #posts .post blockquote {
  451. border-left:solid 2px #ccc;
  452. margin:-3px 0px 9px 5px;
  453. padding-left:13px;
  454. }
  455.  
  456. #wrapper #posts .post .caption blockquote:last-child,
  457. #wrapper #posts .post blockquote:last-child {
  458. margin-bottom:0px;
  459. }
  460.  
  461. #wrapper #posts .post .caption blockquote:first-child {
  462. margin-top:3px;
  463. }
  464.  
  465. #wrapper #posts .post p {
  466. margin:2px 0px 10px 0px;
  467. color:{color:Text};
  468. }
  469.  
  470. #wrapper #posts .post p:last-child {
  471. margin-bottom:0px;
  472. }
  473.  
  474. #wrapper #posts .post pre {
  475. padding:5px;
  476. margin:0px;
  477. word-wrap:break-word;
  478. font-size:10px;
  479. background-color:rgba(255,255,255,0.35);
  480. }
  481.  
  482. #wrapper #posts .post .caption {
  483. padding:8px 0px 0px 0px;
  484. }
  485.  
  486.  
  487.  
  488. #wrapper #posts .post .text {
  489.  
  490. }
  491.  
  492. #wrapper #posts .post .text .texttitle {
  493. margin:0px 0px 10px 0px;
  494. font-size:20px;
  495. font-weight:bold;
  496. }
  497.  
  498.  
  499. #wrapper #posts .post .photo .imglink {
  500. background-color:initial;
  501. }
  502.  
  503. #wrapper #posts .post .photo .imglink:hover {
  504. opacity:0.8;
  505. }
  506.  
  507. #wrapper #posts .post .photo .maincontent img {
  508. max-width:100%;
  509. }
  510.  
  511.  
  512.  
  513. #wrapper #posts .post .quote .quotecontent {
  514. font-family:georgia,serif;
  515. font-size:19px;
  516. margin:0px 0px 10px 0px;
  517. line-height:120%;
  518. }
  519.  
  520.  
  521.  
  522. #wrapper #posts .post .link .linkctr {
  523. text-align:center;
  524. margin-bottom:7px;
  525. padding:5px;
  526. background-color:{color:Link Text};
  527. display:block;
  528. color:#ffffff;
  529.  
  530. {block:IfRoundCorners}
  531. border-radius:5px;
  532. {/block:IfRoundCorners}
  533. }
  534.  
  535. #wrapper #posts .post .link .linkctr:hover {
  536. background-color:rgba(255,255,255,0.35);
  537. color:{color:Link Text};
  538. }
  539.  
  540.  
  541.  
  542. #wrapper #posts .post .chat .texttitle {
  543. margin:0px 0px 20px 0px;
  544. font-size:20px;
  545. font-weight:bold;
  546. }
  547.  
  548. #wrapper #posts .post .chat .chatct {
  549. margin:-10px -10px 26px;
  550. }
  551.  
  552. #wrapper #posts .post .chat .chatct .odd {
  553. margin:0px;
  554. padding:5px 10px;
  555. background-color:rgba(200,200,200,0.1);
  556. }
  557.  
  558. #wrapper #posts .post .chat .chatct .even {
  559. margin:0px;
  560. padding:5px 10px;
  561. }
  562.  
  563. #wrapper #posts .post .chat .chatct:last-child {
  564. margin-bottom:-10px;
  565. }
  566.  
  567.  
  568.  
  569. #wrapper #posts .post .audio {
  570. min-height:80px;
  571. }
  572.  
  573. #wrapper #posts .post .audio #albumart {
  574. float:left;
  575. width:80px;
  576. height:80px;
  577. margin-right:10px;
  578. background-color:#fff;
  579. background-image:url('http://static.tumblr.com/738c2265772a00e6155b5756cac20878/ygokpzg/EKgnc9qjq/tumblr_static_471qy38bnl2ccgwoo0c8wkksk.png');
  580.  
  581. {block:IfRoundCorners}
  582. border-radius:3px;
  583. {/block:IfRoundCorners}
  584. }
  585.  
  586. #wrapper #posts .post .audio #albumart img {
  587. width:80px;
  588. height:80px;
  589.  
  590. {block:IfRoundCorners}
  591. border-radius:3px;
  592. {/block:IfRoundCorners}
  593. }
  594.  
  595. #wrapper #posts .post .audio #audioplayer {
  596. float:left;
  597. width:28px;
  598. height:28px;
  599. margin-top:24px;
  600. margin-left:-66px;
  601. padding:2px;
  602. background-color:#fff;
  603. overflow:hidden;
  604. opacity:0.8;
  605. }
  606.  
  607. #wrapper #posts .post .audio #trackinfo {
  608. min-height:80px;
  609. font-size:10px;
  610. margin-left:90px;
  611. }
  612.  
  613.  
  614.  
  615. #wrapper #posts .post .answer .question {
  616. padding:7px 10px 7px 10px;
  617. {block:If500px}width:440px;{/block:If500px}
  618. {block:If400px}width:340px;{/block:If400px}
  619. {block:If250px}width:190px;{/block:If250px}
  620. margin-bottom:10px;
  621. color:{color:Text};
  622. background-color:rgba(255,255,255,0.35);
  623.  
  624. {block:IfRoundCorners}
  625. -webkit-border-top-left-radius: 5px;
  626. -moz-border-radius-topleft: 5px;
  627. border-top-left-radius: 5px;
  628. {/block:IfRoundCorners}
  629. }
  630.  
  631. #wrapper #posts .post .answer .question .asker {
  632. margin-bottom:3px;
  633. }
  634.  
  635. #wrapper #posts .post .answer .asker-avatar {
  636. position:relative;
  637. float:right;
  638. }
  639.  
  640. #wrapper #posts .post .answer .answerbox {
  641. padding:7px 10px 7px 10px;
  642. {block:If500px}width:440px;{/block:If500px}
  643. {block:If400px}width:340px;{/block:If400px}
  644. {block:If250px}width:190px;{/block:If250px}
  645. margin-bottom:5px;
  646. background-color:rgba(255,255,255,0.35);
  647.  
  648. {block:IfRoundCorners}
  649. -webkit-border-bottom-left-radius:5px;
  650. -moz-border-radius-bottomleft:5px;
  651. border-bottom-left-radius:5px;
  652. {/block:IfRoundCorners}
  653. }
  654.  
  655. #wrapper #posts .post .answer .answerbox .answerer {
  656. margin-bottom:3px;
  657. }
  658.  
  659. #wrapper #posts .post .answer .answerer-avatar {
  660. float:right;
  661. }
  662.  
  663.  
  664.  
  665. #wrapper #posts .post .answer .answerbox img,
  666. #wrapper #posts .post .answer .replies img,
  667. #wrapper #posts .post .text img,
  668. #wrapper #posts .post .caption img,
  669. #wrapper #posts .post .description img {
  670. max-width:100%;
  671. margin:6px 0px;
  672. height:auto;
  673. }
  674.  
  675.  
  676.  
  677. #wrapper #posts .post .footer {
  678. font-size:10px;
  679. min-height:16px;
  680. padding:3px 10px 3px 10px;
  681. margin:10px -10px -10px -10px;
  682. background-color:rgba(255,255,255,0.35);
  683.  
  684. {block:IfRoundCorners}
  685. -webkit-border-bottom-right-radius: 8px;
  686. -webkit-border-bottom-left-radius: 8px;
  687. -moz-border-radius-bottomright: 8px;
  688. -moz-border-radius-bottomleft: 8px;
  689. border-bottom-right-radius: 8px;
  690. border-bottom-left-radius: 8px;
  691. {/block:IfRoundCorners}
  692. }
  693.  
  694. #wrapper #posts .post .footer a {
  695. color:{color:Text};
  696. }
  697.  
  698. #wrapper #posts .post .footer a:hover {
  699. background-color:{color:Link Text};
  700. color:#fff;
  701. }
  702.  
  703. #wrapper #posts .post .footer .tags {
  704. line-height:100%;
  705. }
  706.  
  707. #wrapper #posts .post .details {
  708. font-size:10px;
  709. margin:10px -10px -15px -10px;
  710. padding:5px 10px 5px 10px;
  711. min-height:10px;
  712. background-color:rgba(255,255,255,0.35);
  713. }
  714.  
  715. #wrapper #posts .post .details:last-child {
  716. margin: 10px -10px -10px;
  717.  
  718. {block:IfRoundCorners}
  719. -webkit-border-bottom-right-radius: 8px;
  720. -webkit-border-bottom-left-radius: 8px;
  721. -moz-border-radius-bottomright: 8px;
  722. -moz-border-radius-bottomleft: 8px;
  723. border-bottom-right-radius: 8px;
  724. border-bottom-left-radius: 8px;
  725. {/block:IfRoundCorners}
  726. }
  727.  
  728. #wrapper #posts .post .details .via {
  729. float:right;
  730. }
  731.  
  732. #wrapper #posts .post .notes {
  733. padding:0px;
  734. display:block;
  735. margin-top:23px;
  736. }
  737.  
  738. #wrapper #posts .post .notes ol {
  739. padding:0px 10px 0px 0px;
  740. font-size:10px;
  741. }
  742.  
  743. #wrapper #posts .post .notes ol img {
  744. display:none;
  745. }
  746.  
  747. #wrapper #posts .post .notes ol li {
  748. list-style:none;
  749. }
  750.  
  751. #wrapper #posts .post .notes ol blockquote {
  752. margin-top:0px;
  753. }
  754.  
  755.  
  756.  
  757. #sideimage {
  758. position:fixed;
  759. z-index:-1;
  760. {select:Side Image Position}
  761. }
  762.  
  763.  
  764.  
  765. #themecredit {
  766. position:fixed;
  767. bottom:15px;
  768. left:15px;
  769. display:inline-block;
  770. width:7px;
  771. height:9px;
  772. background-color:{color:Buttons};
  773. border:solid 1px {color:Border};
  774. overflow:hidden;
  775. font-size:9px;
  776. line-height:10px;
  777. text-indent:17px;
  778. padding-right:2px;
  779. white-space:nowrap;
  780. font-family:'Roboto','Arial';
  781. text-decoration:none;
  782. border:solid 1px {color:Buttons};
  783.  
  784. transition: .0s ease-in-out;
  785. -moz-transition: .0s ease-in-out;
  786. -webkit-transition: .0s ease-in-out;
  787.  
  788. {block:IfRoundButtons}
  789. border-radius:5px;
  790. {/block:IfRoundButtons}
  791. }
  792.  
  793. #themecredit:hover {
  794. opacity:1.0;
  795. background-color:{color:Button Hover};
  796. border:solid 1px {color:Button Hover};
  797. color:#ffffff;
  798. width:auto;
  799. }
  800.  
  801. #themecredit a:hover {
  802. background-color:{color:Button Hover};
  803. }
  804.  
  805.  
  806.  
  807. .tooltip {
  808. display: inline; position: relative;
  809. }
  810.  
  811. #s-m-t-tooltip{
  812. max-width:300px;
  813. z-index:10;
  814. margin:14px 14px 7px 18px;
  815. padding:4px 6px;
  816. font-family:{select:Font};
  817. font-size:9px;
  818. color:{color:Link Text};
  819. opacity:0.5;
  820. background-color:rgba(255,255,255,0.8);
  821. }
  822.  
  823.  
  824.  
  825. {CustomCSS}
  826.  
  827. </style>
  828. </head>
  829.  
  830. <body>
  831.  
  832. <div id="wrapper">
  833. <div id="sidebar">
  834.  
  835. <div id="sidenav">
  836.  
  837. <a class="cstlink"
  838. href="/">Home</a>
  839.  
  840. {block:AskEnabled}
  841. <a class="cstlink"
  842. href="/ask">Ask</a>
  843. {/block:AskEnabled}
  844.  
  845. {block:SubmissionsEnabled}
  846. <a class="cstlink"
  847. href="/submit">Submit</a>
  848. {/block:SubmissionsEnabled}
  849.  
  850. {block:IfLink1Url}
  851. <a class="cstlink"
  852. href="{text:Link 1 Url}">
  853. {text:Link 1 Title}</a>
  854. {/block:IfLink1Url}
  855.  
  856. {block:IfLink2Url}
  857. <a class="cstlink"
  858. href="{text:Link 2 URL}">
  859. {text:Link 2 Title}</a>
  860. {/block:IfLink2Url}
  861.  
  862. {block:IfLink3Url}
  863. <a class="cstlink"
  864. href="{text:Link 3 URL}">
  865. {text:Link 3 Title}</a>
  866. {/block:IfLink3Url}
  867.  
  868. {block:IfLink4Url}
  869. <a class="cstlink"
  870. href="{text:Link 4 URL}">
  871. {text:Link 4 Title}</a>
  872. {/block:IfLink4Url}
  873.  
  874. </div>
  875.  
  876. <div id="sdblock1">
  877. <a id="portrait" href="/">
  878. <img src="{image:Sidebar Image}" title="{Title}" width="128px" />
  879. </a>
  880. </div>
  881.  
  882.  
  883.  
  884. <div id="sdblock2">
  885.  
  886. <div id="description">
  887. {block:Description}
  888. <p align="center">{Description}</p>
  889. {/block:Description}
  890. </div>
  891.  
  892. {block:IfNotInfiniteScroll}
  893. {block:Pagination}
  894. <div id="pagi">
  895. {block:PreviousPage}
  896. <a href="{PreviousPage}"
  897. class="navlink l">PREVIOUS</a>
  898. {/block:PreviousPage}
  899.  
  900. {block:NextPage}
  901. <a href="{NextPage}"
  902. class="navlink r">NEXT</a>
  903. {/block:NextPage}
  904. </div>
  905. {/block:Pagination}
  906. {/block:IfNotInfiniteScroll}
  907.  
  908. </div>
  909.  
  910. </div><!-- end of #sidebar -->
  911.  
  912.  
  913.  
  914.  
  915.  
  916. <div id="posts">
  917. {block:Posts}
  918.  
  919. <div class="post">
  920.  
  921.  
  922. {block:IndexPage}
  923. <div class="permalink">
  924.  
  925. <a class="pmlink"
  926. href="{Permalink}">
  927. <span class="upper">{NoteCountWithLabel} </span>
  928. </a>
  929.  
  930. {block:RebloggedFrom}
  931. <a class="pmlink"
  932. href="{ReblogParentURL}">
  933. via <span class="upper">{ReblogParentName}</span>
  934. </a>
  935. {/block:RebloggedFrom}
  936.  
  937. {block:ContentSource}
  938. <a class="pmlink"
  939. href="{SourceURL}">
  940. src <span class="upper">{SourceTitle}</span>
  941. </a>
  942. {/block:ContentSource}
  943.  
  944. <a class="pmlink"
  945. href="{ReblogURL}">
  946. <span class="upper">reblog</span>
  947. </a>
  948.  
  949. </div>
  950. {/block:IndexPage}
  951.  
  952.  
  953.  
  954. {block:Text}
  955. <div class="text">
  956.  
  957. {block:Title}
  958. <div class="texttitle">
  959. {Title}
  960. </div>
  961. {/block:Title}
  962.  
  963. {Body}
  964.  
  965. </div>
  966. {/block:Text}
  967.  
  968.  
  969.  
  970. {block:Photo}
  971. <div class="photo">
  972.  
  973. <div class="maincontent" style="display:block;">
  974.  
  975. {block:LinkURL}
  976. {block:PermalinkPage}
  977. <a class="imglink" href="{LinkURL}">
  978. {/block:PermalinkPage}
  979. {/block:LinkURL}
  980.  
  981.  
  982.  
  983. {block:If500px}
  984. <img
  985. src="{PhotoURL-500}"
  986. alt="{PhotoAlt}"
  987. style="max-width:500px;">
  988. {/block:If500px}
  989.  
  990. {block:If400px}
  991. <img
  992. src="{PhotoURL-400}"
  993. alt="{PhotoAlt}"
  994. style="max-width:400px;">
  995. {/block:If400px}
  996.  
  997. {block:If250px}
  998. <img
  999. src="{PhotoURL-250}"
  1000. alt="{PhotoAlt}"
  1001. style="max-width:250px;">
  1002. {/block:If250px}
  1003.  
  1004.  
  1005.  
  1006. {block:LinkURL}
  1007. {block:PermalinkPage}
  1008. <a href="{LinkURL}">
  1009. {/block:PermalinkPage}
  1010. {/block:LinkURL}
  1011.  
  1012. </div>
  1013.  
  1014. {block:IfShowCaptions}
  1015. {block:Caption}
  1016. <div class="caption">{Caption}</div>
  1017. {/block:Caption}
  1018. {/block:IfShowCaptions}
  1019.  
  1020.  
  1021. {block:IfNotShowCaptions}
  1022. {block:PermalinkPage}
  1023. {block:Caption}
  1024. <div class="caption">{Caption}</div>
  1025. {/block:Caption}
  1026. {/block:PermalinkPage}
  1027. {/block:IfNotShowCaptions}
  1028.  
  1029. </div>
  1030. {/block:Photo}
  1031.  
  1032.  
  1033.  
  1034. {block:Panorama}
  1035. <div class="panorama">
  1036.  
  1037. <div class="maincontent">
  1038. {LinkOpenTag}
  1039. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" style="width:100%;" />
  1040. {LinkCloseTag}
  1041. </div>
  1042.  
  1043. {block:IfShowCaptions}
  1044. {block:Caption}
  1045. <div class="caption">{Caption}</div>
  1046. {/block:Caption}
  1047. {/block:IfShowCaptions}
  1048.  
  1049. {block:IfNotShowCaptions}
  1050. {block:PermalinkPage}
  1051. {block:Caption}
  1052. <div class="caption">{Caption}</div>
  1053. {/block:Caption}
  1054. {/block:PermalinkPage}
  1055. {/block:IfNotShowCaptions}
  1056.  
  1057. </div>
  1058. {/block:Panorama}
  1059.  
  1060.  
  1061.  
  1062. {block:Photoset}
  1063. <div class="photoset">
  1064.  
  1065. <div class="maincontent">
  1066. {Photoset}
  1067. </div>
  1068.  
  1069. {block:IfShowCaptions}
  1070. {block:Caption}
  1071. <div class="caption">{Caption}</div>
  1072. {/block:Caption}
  1073. {/block:IfShowCaptions}
  1074.  
  1075. {block:IfNotShowCaptions}
  1076. {block:PermalinkPage}
  1077. {block:Caption}
  1078. <div class="caption">{Caption}</div>
  1079. {/block:Caption}
  1080. {/block:PermalinkPage}
  1081. {/block:IfNotShowCaptions}
  1082.  
  1083. </div>
  1084. {/block:Photoset}
  1085.  
  1086.  
  1087.  
  1088. {block:Quote}
  1089. <div class="quote">
  1090.  
  1091. <div class="quotecontent">
  1092. "{Quote}"
  1093. </div>
  1094.  
  1095. {block:Source}
  1096. <div class="source">&mdash; {Source}</div>
  1097. {/block:Source}
  1098.  
  1099. </div>
  1100. {/block:Quote}
  1101.  
  1102.  
  1103.  
  1104. {block:Link}
  1105. <div class="link">
  1106.  
  1107. <a class="linkctr" href="{URL}" {Target}>
  1108. {Name} &#9654;
  1109. </a>
  1110.  
  1111. {block:Description}
  1112. <div class="description">{Description}</div>
  1113. {/block:Description}
  1114.  
  1115. </div>
  1116. {/block:Link}
  1117.  
  1118.  
  1119.  
  1120. {block:Chat}
  1121. <div class="chat">
  1122.  
  1123. {block:Title}
  1124. <div class="texttitle">
  1125. {Title}
  1126. </div>
  1127. {/block:Title}
  1128.  
  1129. <div class="chatct">
  1130. {block:Lines}
  1131.  
  1132. <div class="{Alt} user_{UserNumber}">
  1133.  
  1134. {block:Label}
  1135. <span class="label">{Label}</span>
  1136. {/block:Label}
  1137.  
  1138. {Line}
  1139.  
  1140. </div>
  1141.  
  1142. {/block:Lines}
  1143. </div>
  1144.  
  1145. </div>
  1146. {/block:Chat}
  1147.  
  1148.  
  1149.  
  1150. {block:Video}
  1151. <div class="video">
  1152.  
  1153. {block:If500px}
  1154. {Video-500}
  1155. {/block:If500px}
  1156.  
  1157. {block:If400px}
  1158. {Video-400}
  1159. {/block:If400px}
  1160.  
  1161. {block:If250px}
  1162. {Video-250}
  1163. {/block:If250px}
  1164.  
  1165. {block:IfShowCaptions}
  1166. {block:Caption}
  1167. <div class="caption">{Caption}</div>
  1168. {/block:Caption}
  1169. {/block:IfShowCaptions}
  1170.  
  1171. {block:IfNotShowCaptions}
  1172. {block:PermalinkPage}
  1173. {block:Caption}
  1174. <div class="caption">{Caption}</div>
  1175. {/block:Caption}
  1176. {/block:PermalinkPage}
  1177. {/block:IfNotShowCaptions}
  1178.  
  1179. </div>
  1180. {/block:Video}
  1181.  
  1182.  
  1183.  
  1184. {block:Audio}
  1185. <div class="audio">
  1186.  
  1187. <div id="albumart">
  1188. {block:AlbumArt}
  1189. <img src="{AlbumArtURL}" />
  1190. {/block:AlbumArt}
  1191. </div>
  1192.  
  1193. <div id="audioplayer">
  1194. {block:AudioPlayer}
  1195. {AudioPlayer}
  1196. {/block:AudioPlayer}
  1197. </div>
  1198.  
  1199. <div id="trackinfo">
  1200.  
  1201. <b>Title:</b>
  1202. {block:TrackName}
  1203. {TrackName}
  1204. {/block:TrackName}
  1205. <br />
  1206.  
  1207. <b>Artist:</b>
  1208. {block:Artist}
  1209. {Artist}
  1210. {/block:Artist}
  1211. <br />
  1212.  
  1213. <b>Plays:</b>
  1214. {FormattedPlayCount}
  1215.  
  1216. </div>
  1217.  
  1218. {block:IfShowCaptions}
  1219. {block:Caption}
  1220. <div class="caption">{Caption}</div>
  1221. {/block:Caption}
  1222. {/block:IfShowCaptions}
  1223.  
  1224. {block:IfNotShowCaptions}
  1225. {block:PermalinkPage}
  1226. {block:Caption}
  1227. <div class="caption">{Caption}</div>
  1228. {/block:Caption}
  1229. {/block:PermalinkPage}
  1230. {/block:IfNotShowCaptions}
  1231.  
  1232. </div>
  1233. {/block:Audio}
  1234.  
  1235.  
  1236.  
  1237. {block:Answer}
  1238. <div class="answer">
  1239.  
  1240. <img class="asker-avatar" src="{AskerPortraitURL-30}" alt="">
  1241.  
  1242. <div class="question">
  1243. <div class="asker">{Asker}:</div>
  1244. <div class="asker-question">{Question}</div>
  1245. </div>
  1246.  
  1247. {block:Answerer}
  1248.  
  1249. <img class="answerer-avatar" src="{AnswererPortraitURL-30}" alt="">
  1250.  
  1251. <div class="answerbox">
  1252. <div class="answerer">{Answerer}:</div>
  1253. <div class="answerer-answer">{Answer}</div>
  1254. </div>
  1255.  
  1256. {/block:Answerer}
  1257.  
  1258. <div class="replies">
  1259. {Replies}
  1260. </div>
  1261.  
  1262. </div>
  1263. {/block:Answer}
  1264.  
  1265.  
  1266. {block:IndexPage}
  1267.  
  1268. {block:IfShowTags}
  1269. {block:HasTags}
  1270. <div class="footer">
  1271.  
  1272. <span class="tags">
  1273. {block:Tags}
  1274. <a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;
  1275. {/block:Tags}
  1276. </span>
  1277.  
  1278. </div>
  1279. {/block:HasTags}
  1280. {/block:IfShowTags}
  1281.  
  1282. {/block:IndexPage}
  1283.  
  1284.  
  1285.  
  1286. {block:PermalinkPage}
  1287.  
  1288. <div class="details">
  1289. {block:PostNotes}
  1290. {NoteCount}
  1291. &mdash;
  1292. {/block:PostNotes}
  1293.  
  1294. {block:Date}
  1295. {ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year} &mdash; {12Hour}:{Minutes}{AmPm}
  1296. {/block:Date}
  1297.  
  1298. <div class="via">
  1299. {block:RebloggedFrom}
  1300. <a title="{ReblogParentName}" href="{ReblogParentURL}">
  1301. via</a>
  1302.  
  1303. . <a title="{ReblogRootName}" href="{ReblogRootURL}">
  1304. orig</a>
  1305. {/block:RebloggedFrom}
  1306.  
  1307. {block:ContentSource}
  1308. {block:Reblog} . {/block:Reblog}
  1309. <a title="{SourceTitle}" href="{SourceURL}">
  1310. src</a>
  1311. {/block:ContentSource}
  1312. </div>
  1313.  
  1314. {block:HasTags}<br>
  1315. Tagged: {block:Tags}
  1316. &nbsp;#<a href="{TagURL}">{Tag}</a>
  1317. {/block:Tags}
  1318. {/block:HasTags}
  1319.  
  1320. </div>
  1321.  
  1322.  
  1323. {block:PostNotes}
  1324. <div class="notes">
  1325. {PostNotes}
  1326. </div>
  1327. {/block:PostNotes}
  1328.  
  1329. {/block:PermalinkPage}
  1330.  
  1331. </div><!-- end of .post -->
  1332.  
  1333. {/block:Posts}
  1334. </div><!-- end of #posts -->
  1335.  
  1336. </div><!-- end of #wrapper -->
  1337.  
  1338.  
  1339.  
  1340.  
  1341. <!-- don't remove this unless you're putting the credit somewhere else! -->
  1342. <a href="http://aihas.tumblr.com/" id="themecredit">by AIHAS</a>
  1343.  
  1344. <img id="sideimage" src="{image:Side Image}" />
  1345.  
  1346.  
  1347. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1348. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1349.  
  1350. <script>
  1351. (function($){
  1352. $(document).ready(function(){
  1353. $("[title]").style_my_tooltips({tip_follows_cursor:true,
  1354. tip_delay_time:000,
  1355. tip_fade_speed:000
  1356. });
  1357. });
  1358. })(jQuery);
  1359. </script>
  1360.  
  1361.  
  1362.  
  1363.  
  1364. </body>
  1365. </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!