API tools faq
paste
Advertisement
dylaenobriens

theme #63: do i wanna know

dylaenobriens
Jun 9th, 2014
1,778
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.43 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. theme #63 by alexgaeskarth
  3. dont you dare steal
  4. --->
  5.  
  6. <!DOCTYPE html>
  7. <head>
  8.  
  9.  
  10. <title>{Title}</title>
  11.  
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  15.  
  16. <!--Default Variables-->
  17.  
  18. <meta name="color:Background" content="#ffffff"/>
  19. <meta name="color:Scrollbar" content="#ffffff"/>
  20. <meta name="color:Text" content="#000000"/>
  21. <meta name="color:Link" content="#000000"/>
  22. <meta name="color:Hover" content="#a5cad9"/>
  23. <meta name="color:Selection" content="#f7f7f7">
  24.  
  25. <meta name="image:Sidebar Image" content=""/>
  26.  
  27. <meta name="text:Link 1 URL" content="" />
  28. <meta name="text:Link 1" content="" />
  29. <meta name="text:Link 2 URL" content="" />
  30. <meta name="text:Link 2" content="" />
  31. <meta name="text:Link 3 URL" content="" />
  32. <meta name="text:Link 3" content="" />
  33.  
  34. <meta name="if:RightSB" content="0"/>
  35. <meta name="if:Title" content="1"/>
  36.  
  37.  
  38. <!-- jquery for tooltips-->
  39.  
  40.  
  41. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  42.  
  43. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  44.  
  45. <script>
  46.  
  47. (function($){
  48.  
  49. $(document).ready(function(){
  50.  
  51. $("a[title]").style_my_tooltips({
  52.  
  53. tip_follows_cursor:true,
  54.  
  55. tip_delay_time:30,
  56.  
  57. tip_fade_speed:300,
  58.  
  59. attribute:"title"
  60.  
  61. });
  62.  
  63. });
  64.  
  65. })(jQuery);
  66.  
  67. </script>
  68.  
  69.  
  70.  
  71.  
  72. <style type="text/css">
  73.  
  74. iframe#tumblr_controls {
  75. -webkit-filter: invert(100%);
  76. -moz-filter: invert(100%);
  77. -o-filter: invert(100%);
  78. -ms-filter: invert(100%);
  79. filter: invert(100%);
  80. opacity:.4;transition: .8s ease-in-out;
  81. -webkit-transition: .8s ease-in-out;
  82. -moz-transition: .8s ease-in-out;
  83. -o-transition: .8s ease-in-out;
  84. }
  85.  
  86.  
  87. ::-webkit-scrollbar-thumb:vertical {border:4px solid #fff;height:12px; background-color:{color:scrollbar};border-radius:100;}
  88. ::-webkit-scrollbar-thumb:horizontal {background-color:#fff;}
  89. ::-webkit-scrollbar {background-color:{color:scrollbar};height:7px;width:10px;border:5px solid #fff;}
  90.  
  91.  
  92. #s-m-t-tooltip{
  93. position:absolute;
  94. margin-top: 15px;
  95. text-transform:lowercase;
  96. z-index:9999;
  97. background:{color:background};
  98. }
  99.  
  100.  
  101.  
  102. /*basics*/
  103.  
  104. ::selection {
  105. background:{color:selection};
  106. }
  107.  
  108. pre {
  109. padding:5px;
  110. background:#eee;
  111. }
  112.  
  113.  
  114. blockquote {
  115. padding:10px;
  116. border-left:1px solid {color:text};
  117. margin-left:30px;
  118. background:#f7f7f7;
  119. }
  120.  
  121. body {
  122. background:{color:background};
  123. color:{color:text};
  124. font-family:arial;
  125. font-size:11px;
  126. text-align:justify;
  127. margin:0;
  128. line-height:16px;}
  129.  
  130.  
  131. a {
  132. color:{color:link};
  133. text-decoration:none;
  134. -webkit-transition: all 0.4s ease-out;
  135. -moz-transition: all 0.4s ease-out;
  136. transition: all 0.4s ease-out;
  137. }
  138.  
  139. a:hover {
  140. text-decoration:underline;
  141. color:{color:hover};
  142. }
  143.  
  144. img {
  145. opacity:1;
  146. border:none;
  147. text-decoration:none
  148. max-width:100%;
  149. }
  150.  
  151.  
  152. small {
  153. font-size:9px;}
  154.  
  155. big {
  156. font-size:12px;}
  157.  
  158.  
  159. #title {
  160. font-size:13px;
  161. line-height:18px;
  162. font-family:helvetica;
  163. font-weight:bold;
  164. margin-bottom:10px;
  165. text-transform:uppercase;
  166. text-align:center;}
  167.  
  168. #title2 {
  169. font-size:15px;
  170. line-height:18px;
  171. font-family:arial;
  172. font-weight:bold;
  173. margin-bottom:2px;
  174. text-transform:lowercase;
  175. text-align:left;}
  176.  
  177.  
  178. /*sidebar*/
  179. #sidebar {
  180. text-align:center;
  181. position:fixed;
  182. margin-left:-285px;
  183. margin-top:180px;
  184. width:200px;
  185. {block:ifrightSB}
  186. margin-left:585px;
  187. {/block:ifrightSB}
  188. }
  189.  
  190. #sidebarim {
  191. margin-top:0px;
  192. -webkit-transition: all 0.4s ease-out;
  193. -moz-transition: all 0.4s ease-out;
  194. }
  195.  
  196.  
  197. #sidebarim img {
  198. width:200px;
  199. }
  200.  
  201.  
  202. #links {
  203. text-align:center;
  204. line-height:16px;
  205. margin-top:5px;
  206. font-family:arial;
  207. text-transform:lowercase;
  208. }
  209.  
  210.  
  211. #links a {
  212. font-size:10px;
  213. font-weight:bold;
  214. margin-right:5px;
  215. display:inline-block;
  216. display: inline-block;
  217. overflow: hidden;
  218. vertical-align: top;
  219. -webkit-perspective: 600px;
  220. -moz-perspective: 600px;
  221. -o-perspective: 600px;
  222. -ms-perspective: 600px;
  223. perspective: 600px;
  224. -webkit-perspective-origin: 50% 50%;
  225. -moz-perspective-origin: 50% 50%;
  226. -o-perspective-origin: 50% 50%;
  227. -ms-perspective-origin: 50% 50%;
  228. perspective-origin: 50% 50%;
  229. }
  230.  
  231. #links a span{
  232. display: block;
  233. position: relative;
  234. padding: 0 3px;
  235. -webkit-transition: all 400ms ease;
  236. -moz-transition: all 400ms ease;
  237. -o-transition: all 400ms ease;
  238. -ms-transition: all 400ms ease;
  239. transition: all 400ms ease;
  240. -webkit-transform-origin: 50% 0%;
  241. -moz-transform-origin: 50% 0%;
  242. -o-transform-origin: 50% 0%;
  243. -ms-transform-origin: 50% 0%;
  244. transform-origin: 50% 0%;
  245. -webkit-transform-style: preserve-3d;
  246. -moz-transform-style: preserve-3d;
  247. -o-transform-style: preserve-3d;
  248. -ms-transform-style: preserve-3d;
  249. transform-style: preserve-3d;
  250. }
  251.  
  252. #links a:hover span {
  253. background: #000;
  254. -webkit-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
  255. -moz-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
  256. -o-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
  257. -ms-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
  258. transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
  259. }
  260.  
  261. #links a span:after {
  262. content: attr(data-title);
  263. display: block;
  264. position: absolute;
  265. left:0;
  266. top:0;
  267. padding:0 3px;
  268. color:#fff;
  269. background:#000;
  270. -webkit-transform-origin: 50% 0%;
  271. -moz-transform-origin: 50% 0%;
  272. -o-transform-origin: 50% 0%;
  273. -ms-transform-origin: 50% 0%;
  274. transform-origin: 50% 0%;
  275. -webkit-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
  276. -moz-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
  277. -o-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
  278. -ms-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
  279. transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
  280. }
  281.  
  282. #description a {
  283. text-decoration:underline;
  284. }
  285.  
  286.  
  287. #description {
  288. margin-top:5px;
  289. text-align:justify;
  290. font-size:10px;
  291. }
  292.  
  293.  
  294. /*pagination*/
  295. #pagination {
  296. margin:7px 0;
  297. text-transform:lowercase;
  298. font-size:9px;
  299. text-align:center;
  300. }
  301. #pagination a {
  302. padding:0px;
  303. }
  304.  
  305. /*container*/
  306. #con {
  307. margin-left:450px;
  308. {block:ifrightSB}
  309. margin-left:350px;
  310. {/block:ifrightSB}
  311. position:absolute;
  312. }
  313.  
  314.  
  315.  
  316. /*posts*/
  317.  
  318. #entries {
  319. margin-top:75px;
  320. width:500px;
  321. }
  322.  
  323.  
  324.  
  325. #posts {
  326. width:500px;
  327. {block:IndexPage}
  328. margin-bottom:75px;
  329. {/block:IndexPage}
  330. {block:PermalinkPage}
  331. margin-bottom:50px;
  332. {/block:PermalinkPage}
  333.  
  334. }
  335. #posts img {
  336. max-width:500px;
  337. }
  338.  
  339. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  340.  
  341.  
  342.  
  343. .caption {width:100%;
  344. margin-top:10px;
  345.  
  346.  
  347. }
  348.  
  349. /*quote*/
  350.  
  351. #titlequote{text-align:left;
  352. font-size:14px;
  353. line-height:18px;
  354. font-weight:bold;
  355. }
  356. #source {
  357. margin-top:15px;
  358. }
  359.  
  360. /*audio*/
  361.  
  362. .player {
  363. width:25px;
  364. height:25px;
  365. overflow:hidden;
  366. position:absolute;
  367. background:white;}
  368.  
  369. .audioinfo {
  370. margin-left:50px;
  371. }
  372.  
  373.  
  374. /*asks*/
  375. .q {margin-bottom:10px;
  376. }
  377. .as {
  378. font-weight:bold;}
  379.  
  380. .a {
  381. margin-top:10px;
  382. }
  383.  
  384.  
  385. /*chat*/
  386.  
  387. .chat ol {
  388. padding:0;
  389. list-style:none;
  390. }
  391. .line {padding:5px 0;}
  392.  
  393. .label {font-weight:bold;
  394. }
  395.  
  396.  
  397.  
  398.  
  399.  
  400. /*permalink and notes*/
  401.  
  402. #permalink {
  403. margin-top:5px;
  404. font-size:10px;
  405. }
  406. #permalink a {margin-right:10px;
  407. }
  408.  
  409.  
  410. .tags {
  411. word-break:break-all;
  412. font-size:10px;
  413. opacity:0;
  414. -moz-transition-duration:0.5s;
  415. -webkit-transition-duration:0.5s;
  416. -o-transition-duration:0.5s;
  417. }
  418.  
  419. #posts:hover .tags {
  420. opacity:1;
  421. }
  422.  
  423. .pagenotes {
  424. {block:IndexPage}
  425. display: none!important;
  426. {/block:IndexPage}
  427. width:400px;
  428. text-align:left;
  429.  
  430. }
  431. .pagenotes img {
  432. display:none!important;}
  433. .pagenotes li {
  434. list-style-type:none;
  435. padding:5px 0px;
  436. text-align:left;
  437. margin:0 0 0 -40px;
  438. }
  439.  
  440.  
  441. /*--credit--*/
  442.  
  443. #credit {
  444. right:2px;
  445. bottom:0px;
  446. font-size:9px;
  447. padding:5px;
  448. text-transform:uppercase;
  449. position:fixed;
  450. -webkit-transition: all 0.5s ease-out;
  451. -moz-transition: all 0.5s ease-out;
  452. transition: all 0.5s ease-out;
  453. }
  454.  
  455. {CustomCSS}
  456.  
  457.  
  458. </style>
  459.  
  460.  
  461.  
  462. </head>
  463.  
  464. <body>
  465.  
  466. <div id="con">
  467.  
  468. <div id="sidebar">
  469. {block:ifTitle}
  470. <div id="title2">{title}</div>{/block:ifTitle}
  471. <div id="sidebarim"><img src="{image:Sidebar Image}"></div>
  472. <div id="links">
  473. <a href="/"><span data-title="home"</span>home</a>
  474. <a href="/ask"><span data-title="ask"</span>ask</a>
  475. <a href="{text:Link 1 URL}"><span data-title="{text:link 1}"</span>{text:Link 1}</a>
  476. <a href="{text:Link 2 URL}" ><span data-title="{text:link 2}"</span>{text:Link 2}</a>
  477. <a href="{text:Link 3 URL}"><span data-title="{text:link 3}"</span>{text:Link 3}</a>
  478. </div>
  479. <div id="description">{Description}</div>
  480. <div id="pagination">
  481. {block:Pagination}
  482. {block:PreviousPage}
  483. <a href="{PreviousPage}">previous </a>
  484. {/block:PreviousPage}
  485.  
  486.  
  487. {block:NextPage}- <a href="{NextPage}">next</a>
  488. {/block:NextPage}
  489. {/block:Pagination}
  490. </div>
  491.  
  492. </div>
  493.  
  494.  
  495.  
  496.  
  497. <div id="entries">
  498.  
  499. {block:Posts}
  500. <div id="posts">
  501.  
  502.  
  503. {block:Quote}
  504.  
  505.  
  506. <div id="titlequote">“{Quote}”</div>
  507. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  508. {/block:Quote}
  509.  
  510.  
  511.  
  512. {block:Text}
  513.  
  514. {block:Title}
  515. <div id="title">{Title}</div>{/block:Title}
  516. {Body}
  517. {/block:Text}
  518.  
  519. {block:Link}
  520. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  521. {/block:Link}
  522.  
  523. {block:Chat}
  524. {block:Title}
  525. <h1>{Title}</h1>
  526. {/block:Title}
  527. <div class="chat">
  528. <ol>{block:Lines}
  529. <li class="line {Alt}">
  530. {block:Label}
  531. <span class="label">
  532. {Label}</span>
  533. {/block:Label}{Line}</li>
  534. {/block:Lines}
  535. </ol></div>
  536. {/block:Chat}
  537.  
  538. {block:Photo}
  539. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  540. {/block:Photo}
  541.  
  542. {block:Photoset}
  543. {Photoset-500}
  544. {/block:Photoset}
  545.  
  546. {block:Video}
  547. {Video-500}
  548. {/block:Video}
  549.  
  550. {block:Audio}
  551. <div class="player">{AudioPlayerWhite}</div>
  552. <div class="audioinfo">
  553. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  554. </div>
  555. {/block:Audio}
  556.  
  557. {block:Answer}
  558. <div class="q"><span style="color:#000;font-weight:bold;">{Asker}</span> said: {Question}</div>
  559. <div class="a">{Answer}</div>
  560. {/block:Answer}
  561.  
  562. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  563.  
  564. {block:Date}
  565. <div id="permalink">
  566. <a href="{Permalink}" >{12Hour}:{Minutes} {AmPm}</a>{block:NoteCount}<a href="{Permalink}">+ {NoteCount}</a>{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}
  567. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  568. </div>
  569. {/block:Date}
  570.  
  571.  
  572.  
  573. </div>
  574.  
  575.  
  576. {block:PostNotes}
  577. <div class="pagenotes">
  578. {PostNotes}
  579. </div>
  580. {/block:PostNotes}
  581.  
  582.  
  583. {/block:Posts}
  584.  
  585.  
  586.  
  587. </div>
  588.  
  589. </div>
  590.  
  591.  
  592. {block:ContentSource}
  593. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  594. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  595. {/block:SourceLogo}
  596. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  597. {/block:ContentSource}
  598. <div id="credit"><a href="http://alexgaeskarth.tumblr.com/"><img src="http://static.tumblr.com/ujmsumm/TJamv4jm6/sg.png" width="40px;"></div></a>
  599. </body></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!