API tools faq
paste
Advertisement
notgingcr

listen

notgingcr
Nov 24th, 2014
162
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.00 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <!--base code/theme #20 by wonderfullythemes
  5. please refer to my post for rules-->
  6.  
  7. <title>{Title}</title>
  8.  
  9. <!--SCRIPT FOR TOOLTIPS-->
  10. <stsss>
  11. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  12. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  13. <script>
  14. (function($){
  15. $(document).ready(function(){
  16. $("a[title]").style_my_tooltips({
  17. tip_follows_cursor:true,
  18. tip_delay_time:0,
  19. tip_fade_speed:0,
  20. attribute:"title"
  21. });
  22. });
  23. })(jQuery);
  24. </script>
  25. <script>
  26. $(document).ready(function () {
  27. $('#push, #close').click(function () {
  28. var $navigacia = $('body, #slide-menu'),
  29. val = $navigacia.css('left') === '250px' ? '0px' : '250px';
  30. $navigacia.animate({
  31. left: val
  32. }, 300)
  33. });
  34. });
  35. </script>
  36.  
  37. <meta name="color:Background" content="#fff" />
  38. <meta name="color:Link" content="#ffb3b3" />
  39. <meta name="color:Hover" content="#ff6767" />
  40. <meta name="color:Text" content="#444" />
  41.  
  42. <meta name="color:menu background" content="#fea2a2" />
  43. <meta name="color:menu text" content="#fff" />
  44. <meta name="color:menu hover" content="#444" />
  45.  
  46. <meta name="image:Sidebar" content="" />
  47.  
  48. <meta name="text:link1" content="/" />
  49. <meta name="text:link1 Text" content="link 1" />
  50. <meta name="text:link2" content="/" />
  51. <meta name="text:link2 Text" content="link 2" />
  52. <meta name="text:link3 Text" content="maps" />
  53.  
  54.  
  55. <meta name="color:title hover" content="#000"/>
  56. <meta name="color:text shadow" content="#000"/>
  57.  
  58.  
  59. <style type="text/css">
  60.  
  61.  
  62. pre {
  63. white-space: pre-wrap;
  64. white-space: -moz-pre-wrap;
  65. white-space: -pre-wrap;
  66. white-space: -o-pre-wrap;
  67. word-wrap: break-word;
  68. }
  69.  
  70. #slide-menu {
  71. margin-left: -200px;
  72. left: 0;
  73. width: 200px;
  74. background: {color:menu background};
  75. position: fixed;
  76. height: 100%;
  77. overflow-y: auto;
  78. z-index: 1000;
  79. color: {color:menu text};
  80. font-size: 14px;
  81.  
  82. }
  83. .navigation {
  84. position: absolute;
  85. top: 0;
  86. width: 200px;
  87. list-style: none;
  88. color: {color:menu text};
  89. margin: 0;
  90. font-size:10px;
  91. letter-spacing:1px;
  92. text-transform:lowercase;
  93. padding: 0;
  94.  
  95. }
  96. .navigation li {
  97. line-height: 115%;
  98. padding-left:5px;
  99. margin-left:0px;
  100. font-size:10px;
  101. letter-spacing:2px;
  102. text-transform:lowercase;
  103. text-indent: 10px;
  104. color: {color:menu text};
  105.  
  106. }
  107. .navigation li a {
  108. color: {color:menu text};
  109. display: block;
  110. padding: 10px 0;
  111. text-decoration: none;
  112. -webkit-transition: all .3s ease-out;
  113. -moz-transition: all .3s ease-out;
  114. -o-transition: all .3s ease-out;
  115. transition: all .3s ease-out;
  116. font-size:10px;
  117. letter-spacing:2px; text-transform:lowercase;
  118.  
  119. }
  120. .navigation li a:hover {
  121. color: {color:menu text};
  122. background: {color:menu hover};
  123. text-decoration: none;
  124. font-size:10px;
  125. letter-spacing:2px; text-transform:lowercase;
  126. padding-left: 10px;
  127. }
  128. .navigation li a:active, .navigation li a:focus {
  129. text-decoration: underline
  130. font-size: 10px;
  131. font-size:8px;
  132. letter-spacing:2px; text-transform:lowercase;
  133. color: {color:menu text};
  134. }
  135.  
  136. #push{
  137. line-height:0px;
  138. text-decoration:none;
  139. padding:0 0px;
  140. margin-right:0px;
  141. display:inline-block;
  142. font-size:8px;
  143. letter-spacing:2px;
  144. text-align:center;
  145. text-transform:lowercase;
  146. font-family: 'lato', sans-serif;
  147.  
  148. }
  149.  
  150. ::-webkit-scrollbar-thumb {
  151. height:auto;
  152. background-color:{color:Text};
  153. }
  154.  
  155. ::-webkit-scrollbar {
  156. height:4px;
  157. width:3px;
  158. padding-right:2px;
  159. background-color:white;
  160. }
  161.  
  162. #s-m-t-tooltip {
  163. max-width:200px;
  164. font-family:'pt sans';
  165. font-size:8px;
  166. background-color:#000;
  167. color:#fff;
  168. line-height:9px;
  169. display:none;
  170. position:absolute;
  171. letter-spacing:1px;
  172. text-transform:uppercase;
  173. padding:3px;
  174. margin:15px 0px 0px 15px;
  175. z-index:99999999999999;
  176. }
  177.  
  178. body {
  179. background:{color:Background};
  180. color:{color:Text};
  181. font-family:'calibri';
  182. font-size:12px;
  183. text-decoration:none;
  184. text-transform:none;
  185. margin:0px;
  186. }
  187.  
  188. a {
  189. color:{color:Link};
  190. text-decoration:none;
  191. -moz-transition-duration:0.7s;
  192. -webkit-transition-duration:0.7s;
  193. -o-transition-duration:0.7s;
  194. }
  195.  
  196. a:hover {
  197. color:{color:Hover};
  198. -moz-transition-duration:0.7s;
  199. -webkit-transition-duration:0.7s;
  200. -o-transition-duration:0.7s;
  201. }
  202.  
  203. h2 {
  204. font-family:arial black;
  205. color:{color:Link};
  206. }
  207.  
  208. h2 a {
  209. color:{color:Link};
  210. }
  211.  
  212. li {
  213. list-style:square;
  214. }
  215.  
  216. blockquote {
  217. border-left:2px solid {color:Text};
  218. padding-left:5px;
  219. }
  220.  
  221. img, blockquote, li, h2 {
  222. max-width:100%;
  223. }
  224.  
  225. #entries {
  226. width:550px;
  227. margin:auto;
  228. position:relative;
  229. top:10px;
  230. left:500px;
  231. padding:40px;
  232. float:left;
  233. }
  234.  
  235. #posts {
  236. width:500px;
  237. margin-bottom:40px;
  238. }
  239.  
  240. #sidebar {
  241. width:200px;
  242. height:300px;
  243. position:fixed;
  244. margin-top:200px;
  245. margin-left:200px;
  246. }
  247.  
  248. .title {
  249.  
  250. color: {color:Title};
  251. -webkit-text-fill-color: transparent;
  252. background: -webkit-linear-gradient(transparent, transparent), center url(http://www.123stitch.com/pictures/LD40.jpg);
  253. background: -o-linear-gradient(transparent, transparent);
  254. -webkit-background-clip: text;
  255. line-height:40px;
  256. float:left;
  257. font-family:'arial bold';
  258. letter-spacing:-1px;
  259. text-align:right;
  260. text-transform:lowercase;
  261. font-size:40px;
  262. -moz-transition-duration: 0.2s;
  263. -o-transition-duration: 0.2s;
  264. -webkit-transition-duration: 0.2s;
  265. transition-duration: 0.2s;
  266. }
  267.  
  268. .title:hover {
  269. letter-spacing:5px;
  270. -moz-transition-duration: 0.2s;
  271. -o-transition-duration: 0.2s;
  272. -webkit-transition-duration: 0.2s;
  273. transition-duration: 0.2s;
  274. }
  275.  
  276. .sidebarpic {
  277. width:auto;
  278. height:auto;
  279. }
  280.  
  281. .sidebarpic img {
  282. width:200px;
  283. height:100px;
  284. border-radius:30%;
  285. }
  286.  
  287. .description {
  288. padding:3px;
  289. height:55px;
  290. overflow:hidden;
  291. margin-top:5px;
  292. position:relative;
  293. text-align:justify;
  294. }
  295.  
  296. .links {
  297. font-size:10px;
  298. width:auto;
  299. height:auto;
  300. position:relative;
  301. font-style:none;
  302. text-decoration:none;
  303. text-align:right;
  304. margin-top:10px;
  305. letter-spacing:1px;
  306. }
  307.  
  308. .links a {
  309. padding:3px;
  310. color:{color:Link};
  311. }
  312.  
  313. .links a:hover {
  314. background-color:{color:Text};
  315. color:white;
  316. }
  317.  
  318. #pagination {
  319. width:205px;
  320. margin-top:5px;
  321. font-size:10px;
  322. float:center;
  323. text-align:center;
  324. text-transform:uppercase;
  325. }
  326.  
  327. /*--INFO AND TAGS--*/
  328. #footer {
  329. text-transform:none;
  330. width:500px;
  331. text-align:left;
  332. font-size:10px;
  333. border-top:1px solid {color:Link};
  334. margin-top:5px;
  335. }
  336.  
  337. #footer a {
  338. color:{color:Link};
  339. }
  340.  
  341. #footer a:hover {
  342. color:{color:Hover};
  343. }
  344.  
  345.  
  346.  
  347. /*--CREDIT--*/
  348. #spectrum {
  349. bottom:9px;
  350. right:7px;
  351. font-size:8px;
  352. font-family:'calibri';
  353. letter-spacing:1px;
  354. text-transform:uppercase;
  355. position:fixed;
  356. }
  357.  
  358. {CustomCSS}</style></head><body>
  359.  
  360.  
  361.  
  362.  
  363. <div id="slide-menu">
  364. <ul class="navigation">
  365. <li id="close"><a href="#">close<alt="Close"></a></li><br><br><br>
  366. <li><span style="letter-spacing:1px;">Mani |14 | NY<br></span></li><br><br><br>
  367. <li><a href="/navi" >tags</a></li>
  368. <li><a href="/allaboutme">about</a></li>
  369. <li><a href="/blogroll">blogroll</a></li>
  370. <li><a href="/savedurls" >saved urls</a></li>
  371. <li><a href="http://themesbymani.tumblr.com">themes</a></li>
  372. <li><a href="/tba">updates</a></li>
  373.  
  374. </ul>
  375. </div>
  376.  
  377. <div id="sidebar">
  378. <div class="title"><a href="/" title= "home">{Title}</a></div><br><br><br>
  379. <div class="links">
  380. <a href="{text:link1}">{text:link1 Text}</a>
  381. <a href="{text:link2}">{text:link2 Text}</a>
  382. <div id="push"> <a href="#">{text:Link3 Text}</a>
  383. </div>
  384.  
  385.  
  386. <div class="description">{Description}</div>
  387.  
  388. <div id="pagination">
  389. {block:Pagination}
  390. {block:PreviousPage}<a href="{PreviousPage}" title="back">←</a>{/block:PreviousPage} &nbsp;&nbsp;
  391. {block:NextPage}<a href="{NextPage}" title="next">→</a>{/block:NextPage}
  392. {/block:Pagination}
  393. </div>
  394. </div></div></div>
  395.  
  396. <div id="entries">{block:Posts}<div id="posts">
  397.  
  398. {block:Text}
  399. {block:Title}<h2>{Title}</h2>{/block:Title}
  400. {Body}
  401. {/block:Text}
  402.  
  403. {block:Answer}
  404. {Asker} asked: {Question}
  405. {Answer}
  406. {/block:Answer}
  407.  
  408. {block:Quote}
  409. {Quote}
  410. {block:Source}{Source}{/block:Source}
  411. {/block:Quote}
  412.  
  413. {block:Link}
  414. <h2><a href="{URL}">{Name}</a></h2>
  415. {block:Description}{Description}{/block:Description}
  416. {/block:Link}
  417.  
  418. {block:Chat}
  419. {block:Title}{Title}{/block:Title}
  420. <ul>{block:Lines}
  421. <li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>
  422. {/block:Lines}</ul>
  423. {/block:Chat}
  424.  
  425. {block:Photo}
  426. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}
  427. {block:Caption}{Caption}{/block:Caption}
  428. {/block:Photo}
  429.  
  430. {block:Photoset}
  431. {Photoset-500}
  432. {block:Caption}{Caption}{/block:Caption}
  433. {/block:Photoset}
  434.  
  435. {block:Audio}
  436. {AudioPlayerWhite}
  437. {block:TrackName}{TrackName}{/block:Trackname}
  438. {AudioPlayerBack}
  439. {block:Caption}{Caption}{/block:Caption}
  440. {/block:Audio}
  441.  
  442. {block:Video}
  443. {Video-500}
  444. {block:Caption}{Caption}{/block:Caption}
  445. {/block:Video}
  446.  
  447. <div id="footer">
  448. {block:Date}Posted <a href="{Permalink}">{TimeAgo}</a>
  449. {block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  450. {block:RebloggedFrom} | <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  451. {block:ContentSource} | <a href="{SourceURL}">source</a>{/block:ContentSource}<br>
  452. {block:HasTags}{block:Tags}#<a href="{URL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}
  453. {/block:Date}</div>
  454.  
  455. </div>{/block:Posts}
  456.  
  457. <div id="spectrum">
  458. <a href="http://notgingcr.tumblr.com"><big>✖</big></a>
  459. </div>
  460.  
  461. </div>
  462.  
  463.  
  464.  
  465.  
  466. </body>
  467. </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!