API tools faq
paste
Advertisement
aiha

floating buttons theme v1.2 pv2

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