Advertisement
ValarMorghulis

Degausser w/ x links

Jul 20th, 2014
63
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.90 KB | None | 0 0
  1. <!--Please do not remove credit, also i would like to give farahmir.tumblr.com a shout out for providing the base code i used to make this :) -->
  2.  
  3. <!DOCTYPE html>
  4. <head>
  5.  
  6.  
  7. <title>{Title}</title>
  8.  
  9. <link rel="shortcut icon" href="{image:Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12.  
  13. <!--fonts--->
  14. <link href='http://fonts.googleapis.com/css?family=Hind|Source+Serif+Pro|Ek+Mukta|Forum|Balthazar|Ubuntu+Mono|PT+Sans|Josefin+Sans|Neuton|Averia+Libre|Unna|Molengo|Radley|Caesar+Dressing|Metamorphous|Linden+Hill|Megrim|Cinzel+Decorative|Arimo|Montserrat|Creepster|Montserrat+Subrayada' rel='stylesheet' type='text/css'>
  15. <!---fonts-->
  16.  
  17. <!--Default Variables-->
  18.  
  19. <meta name="color:Background" content="#ffffff"/>
  20. <meta name="color:Text" content="#aaaaaa"/>
  21. <meta name="color:Link" content="#000000"/>
  22. <meta name="color:hover" content=""/>
  23. <meta name="color:asks" content=""/>
  24. <meta name="image:corner" content=""/>
  25. <meta name="image:favicon" content=""/>
  26.  
  27. <meta name="text:Link 1" content="" />
  28. <meta name="text:Link 1 Text" content="" />
  29. <meta name="text:Link 2" content="" />
  30. <meta name="text:Link 2 Text" content="" />
  31. <meta name="text:Link 3" content="" />
  32. <meta name="text:Link 3 Text" content="" />
  33. <meta name="text:Link 4" content="" />
  34. <meta name="text:Link 4 Text" content="" />
  35. <meta name="text:Link 5" content="" />
  36. <meta name="text:Link 5 Text" content="" />
  37. <meta name="text:Link 6" content="" />
  38. <meta name="text:Link 6 Text" content="" />
  39.  
  40.  
  41. <!-- jquery for tooltips-->
  42.  
  43.  
  44. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  45.  
  46. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  47.  
  48. <script>
  49.  
  50. (function($){
  51.  
  52. $(document).ready(function(){
  53.  
  54. $("a[title]").style_my_tooltips({
  55.  
  56. tip_follows_cursor:true,
  57.  
  58. tip_delay_time:30,
  59.  
  60. tip_fade_speed:300,
  61.  
  62. attribute:"title"
  63.  
  64. });
  65.  
  66. });
  67.  
  68. })(jQuery);
  69.  
  70. </script>
  71.  
  72.  
  73.  
  74.  
  75.  
  76.  
  77. <!--CSS customization here. -->
  78.  
  79. <style type="text/css">
  80.  
  81. #s-m-t-tooltip{
  82. position:absolute;
  83. margin-top: 15px;
  84. z-index:9999;
  85. background:{color:background};
  86. }
  87.  
  88.  
  89.  
  90. /*basics*/
  91. blockquote {
  92. padding:0px 0 0px 5px;
  93. border-left:1px solid {color:text};
  94. margin-left:30px;
  95. }
  96.  
  97. body {
  98. background:{color:background};
  99. color:{color:text};
  100. font-family:arial;
  101. font-size:11px;
  102. text-align:justify;
  103. margin:0;
  104. line-height:16px;
  105. }
  106.  
  107. a {
  108. color:{color:link};
  109. text-decoration:none;
  110. }
  111.  
  112. a:hover {
  113. color:{color:hover};
  114. }
  115.  
  116. img{
  117. opacity:1;
  118. border:none;
  119. text-decoration:none
  120. }
  121.  
  122.  
  123. small {
  124. font-size:9px;
  125. }
  126.  
  127. big {
  128. font-size:12px;
  129. }
  130.  
  131.  
  132. #title {
  133. font-size:12px;
  134. line-height:18px;
  135. font-weight:bold;
  136. margin-bottom:10px;
  137. text-transform:uppercase;
  138. text-align:left;
  139.  
  140. }
  141.  
  142.  
  143. /*sidebar*/
  144. #sidebar {
  145. text-align:left;
  146. position:fixed;
  147. margin-left:-225px;
  148. margin-top:260px;
  149. width:125px;
  150. }
  151.  
  152.  
  153. #blogt {
  154. font-size:18px;
  155. text-align:right;
  156. font-weight:bold;
  157. font-family: Helvetica Neue;
  158. margin-top:-80px;
  159. word-spacing:2px;
  160. padding-left:4px;
  161. padding-right:5px;
  162. }
  163.  
  164. #links {
  165. text-transform:lowercase;
  166. font-size:20px;
  167. border-right:3px {color:text} solid;
  168. }
  169.  
  170.  
  171. #links a {
  172. margin-left:130px;
  173. display: block;
  174. }
  175.  
  176. #description {
  177. text-align:right;
  178. padding-left:4px;
  179. padding-right:3px;
  180. border-top:3px {color:text} solid;
  181. border-right:3px {color:text} solid;
  182. }
  183.  
  184.  
  185. /*pagination*/
  186. #pagination {
  187. margin:50px 0;
  188. text-transform:lowercase;
  189. font-weight:bold;
  190. }
  191. #pagination a {
  192. padding:0 15px;
  193. }
  194.  
  195. /*container*/
  196. #con {
  197. left:50%;
  198. margin-left:-250px;
  199. position:absolute;
  200. }
  201.  
  202.  
  203.  
  204. /*posts*/
  205.  
  206. #entries {
  207. margin-top:75px;
  208. width:400px;
  209. margin-left:100px;
  210. }
  211.  
  212.  
  213.  
  214. #posts {
  215. width:400px;
  216. {block:IndexPage}
  217. margin-bottom:75px;
  218. {/block:IndexPage}
  219. {block:PermalinkPage}
  220. margin-bottom:50px;
  221. {/block:PermalinkPage}
  222.  
  223. }
  224. #posts img {
  225. max-width:400px;
  226. }
  227.  
  228. #posts img, #posts li, #posts blockquote {
  229. max-width: 100%;
  230. }
  231.  
  232. .caption {
  233. width:100%;
  234. margin-top:10px;
  235. }
  236.  
  237. /*quote*/
  238.  
  239. #titlequote{
  240. text-align:left;
  241. font-size:14px;
  242. line-height:18px;
  243. font-weight:bold;
  244. }
  245. #source {
  246. margin-top:15px;
  247. margin-left:15px;
  248. }
  249.  
  250. /*audio*/
  251.  
  252. .player {
  253. width:25px;
  254. height:25px;
  255. overflow:hidden;
  256. position:absolute;
  257. background:gray;
  258. }
  259.  
  260. .audioinfo {
  261. margin-left:50px;
  262. }
  263.  
  264.  
  265. /*asks*/
  266. .q {
  267. margin-bottom:1px;
  268. background:{color:asks};
  269. padding-top:1px;
  270. padding-left:3px;
  271. }
  272. .as {
  273. font-weight:bold;
  274. }
  275.  
  276. .a {
  277. margin-top:1px;
  278. }
  279.  
  280.  
  281. /*chat*/
  282.  
  283. .chat ol {
  284. padding:0;
  285. list-style:none;
  286. }
  287. .line {
  288. padding:5px 0;
  289. border-bottom:1px {color:text} solid;
  290. }
  291.  
  292. .label {
  293. font-weight:bold;
  294. }
  295.  
  296.  
  297.  
  298.  
  299.  
  300. /*permalink and notes*/
  301.  
  302. #permalink {
  303. margin-top:5px;
  304. font-size:9px;
  305. text-transform:lowercase;
  306. border-top:1px {color:text} solid;
  307. }
  308.  
  309. #permalink a {
  310. margin-right:10px;
  311. }
  312.  
  313.  
  314. .tags {
  315. word-break:break-all;
  316. border-top:1px {color:text} solid;
  317. font-size:9px;
  318. }
  319.  
  320. .pagenotes {
  321. {block:IndexPage}
  322. display: none!important;
  323. {/block:IndexPage}
  324. width:400px;
  325. text-align:left;
  326.  
  327. }
  328. .pagenotes img {
  329. display:none!important;}
  330. .pagenotes li {
  331. list-style-type:none;
  332. padding:5px 0px;
  333. text-align:left;
  334. margin:0 0 0 -40px;
  335. }
  336.  
  337.  
  338. #leave {
  339. position:fixed;
  340. font-size:8px;
  341. letter-spacing:1px;
  342. left:10px;
  343. bottom:15px;
  344. border:dotted {color:text} 1px;
  345. }
  346. #leave a {
  347. padding:3px;
  348. color:#000;
  349. background-color:{color:background};
  350. }
  351. #leave a:hover {
  352. color:#ffffff;
  353. background-color:#e6e6ff;
  354. }
  355.  
  356.  
  357.  
  358.  
  359.  
  360. {CustomCSS}
  361.  
  362.  
  363. </style>
  364.  
  365.  
  366.  
  367. </head>
  368.  
  369. <body>
  370.  
  371.  
  372. <img style="position:fixed; opacity: 1.0; max-width: 300px; bottom:20px; right:1px; z-index: 1;" src="{image:corner}">
  373.  
  374. <div id="con">
  375.  
  376. <div id="sidebar">
  377.  
  378.  
  379. <div id="links">
  380.  
  381. <a href="{text:Link 1}" title="{text:Link 1 Text}">✖</a>
  382. <a href="{text:Link 2}" title="{text:Link 2 Text}">✖</a>
  383. <a href="{text:Link 3}" title="{text:Link 3 Text}">✖</a>
  384. <a href="{text:Link 4}" title="{text:Link 4 Text}">✖</a>
  385. <a href="{text:Link 5}" title="{text:Link 5 Text}">✖</a>
  386. <a href="{text:Link 6}" title="{text:Link 6 Text}">✖</a>
  387. </div>
  388.  
  389.  
  390.  
  391. <div id="blogt"><a href="/">{Title}</a></div>
  392.  
  393.  
  394. <div id="description">{Description}</div>
  395.  
  396. <div id="leave"><a href="http://hbbits.tumblr.com">credit</a></div>
  397.  
  398. </div>
  399.  
  400.  
  401.  
  402.  
  403. <div id="entries">
  404.  
  405. {block:Posts}
  406. <div id="posts">
  407.  
  408.  
  409. {block:Quote}
  410.  
  411.  
  412. <div id="titlequote">“{Quote}”</div>
  413. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  414. {/block:Quote}
  415.  
  416.  
  417.  
  418. {block:Text}
  419.  
  420. {block:Title}
  421. <div id="title">{Title}</div>{/block:Title}
  422. {Body}
  423. {/block:Text}
  424.  
  425. {block:Link}
  426. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  427. {/block:Link}
  428.  
  429. {block:Chat}
  430. {block:Title}
  431. <h1>{Title}</h1>
  432. {/block:Title}
  433. <div class="chat">
  434. <ol>{block:Lines}
  435. <li class="line {Alt}">
  436. {block:Label}
  437. <span class="label">
  438. {Label}</span>
  439. {/block:Label}{Line}</li>
  440. {/block:Lines}
  441. </ol></div>
  442. {/block:Chat}
  443.  
  444. {block:Photo}
  445. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}
  446. {/block:Photo}
  447.  
  448. {block:Photoset}
  449. {Photoset-400}
  450. {/block:Photoset}
  451.  
  452. {block:Video}
  453. {Video-400}
  454. {/block:Video}
  455.  
  456. {block:Audio}
  457. <div class="player">{AudioPlayerWhite}</div>
  458. <div class="audioinfo">
  459. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  460. </div>
  461. {/block:Audio}
  462.  
  463. {block:Answer}
  464. <div class="q">
  465. <div class="as">{Asker} whispered: </div>
  466. {Question}</div>
  467. <div class="a">{Answer}</div>
  468. {/block:Answer}
  469.  
  470. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  471.  
  472. {block:Date}
  473. <div id="permalink">
  474. <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}
  475. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  476. </div>
  477. {/block:Date}
  478.  
  479.  
  480.  
  481. </div>
  482.  
  483.  
  484. {block:PostNotes}
  485. <div class="pagenotes">
  486. {PostNotes}
  487. </div>
  488. {/block:PostNotes}
  489.  
  490.  
  491. {/block:Posts}
  492.  
  493. <div id="pagination">
  494. {block:Pagination}
  495. {block:PreviousPage}
  496. <a href="{PreviousPage}">&larr; </a>
  497. {/block:PreviousPage}
  498.  
  499.  
  500. {block:NextPage}
  501. <a href="{NextPage}"> &rarr;</a>
  502. {/block:NextPage}
  503. {/block:Pagination}
  504. </div>
  505.  
  506.  
  507.  
  508. </div>
  509.  
  510. </div>
  511.  
  512.  
  513. {block:ContentSource}
  514. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  515. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  516. {/block:SourceLogo}
  517. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  518. {/block:ContentSource}
  519.  
  520. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement