Don't like ads? PRO users don't see any ads ;-)

gasmasks14

By: oathscharm on Jun 15th, 2012  |  syntax: None  |  size: 13.44 KB  |  hits: 165  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <!--
  3.  
  4. @oathscharm.tumblr.com
  5.  
  6. please don't remove credit!!
  7.  
  8.  
  9. -->
  10. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  11. <title>{title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14. <head>
  15.  
  16.  
  17. <meta name="color:BG" content=""/>
  18. <meta name="color:center" content=""/>
  19. <meta name="color:text" content=""/>
  20. <meta name="color:link" content=""/>
  21. <meta name="color:permalink" content=""/>
  22. <meta name="color:hover" content=""/>
  23. <meta name="color:sidelinks" content="">
  24. <meta name="color:sidelinksBG" content="">
  25. <meta name="color:sidelinkshover" content="">
  26. <meta name="color:sidelinksBGhover" content="">
  27. <meta name="color:PermalinkBG" content="#000">
  28. <meta name="font:sidebar" content="Century Gothic" />
  29. <meta name="font:posts" content="Century Gothic" />
  30. <meta name="image:Background" content="" />
  31. <meta name="image:sidebar" content=""/>
  32. <meta name="if:endlessscrolling" content="1"/>
  33. <meta name="if:pages" content=""/>
  34. <meta name="if:biggerposts" content=""/>
  35. <meta name="if:smallerposts" content="1"/>
  36. <meta name="if:biggersidebar" content=""/>
  37. <meta name="if:photocaptions" content=""/>
  38. <meta name="if:hiddendescription" content="1"/>
  39. <meta name="text:spacebetweenposts" content="15">
  40. <meta name="text:Blogtitle" content="" />
  41. <meta name="text:Link1" content="" />
  42. <meta name="text:Link1URL" content="" />
  43. <meta name="text:Link2" content="" />
  44. <meta name="text:Link2URL" content="" />
  45. <meta name="text:Link3" content="" />
  46. <meta name="text:Link3URL" content="" />
  47. <meta name="text:Link4" content="" />
  48. <meta name="text:Link4URL" content="" />
  49. <meta name="text:Link5" content="" />
  50. <meta name="text:Link5URL" content="" />
  51. <meta name="text:Link6" content="" />
  52. <meta name="text:Link6URL" content="" />
  53.  
  54. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  55.  
  56. <style type="text/css">
  57.  
  58.  
  59. iframe#tumblr_controls {position: fixed !important; }
  60.  
  61.  
  62. ::-webkit-scrollbar {width: 10px; }
  63. ::-webkit-scrollbar-track-piece {background-color:{color:center};}
  64. ::-webkit-scrollbar-thumb:vertical {background-color:{color:text};}
  65.  
  66. a{
  67. color:{color:link};
  68. text-decoration:none;
  69.  
  70. -webkit-transition: all .2s ease-in;
  71. -moz-transition: all 0.2s ease-in;
  72. transition: all 0.2s ease;
  73. }
  74.  
  75.  
  76. a:hover{
  77. color: {color:hover};
  78. -webkit-transition: all .2s ease-in;
  79. -moz-transition: all 0.2s ease-in;
  80. transition: all 0.2s ease;
  81.  
  82. }
  83.  
  84. body{
  85.  
  86. margin:0px;
  87. background-image:url('{image:background}');
  88. background-color:{color:BG};
  89. background-repeat:repeat;
  90. background-position:top right;
  91. background-attachment: fixed;
  92. font-family:{font:posts};
  93. font-size:10px;
  94. color:{color:text};
  95.  
  96. }
  97.  
  98. #tittie {font-family:lucid sans; color:{color:text}; margin:10px;padding-bottom:5px;border-bottom:1px dotted;text-transform:uppercase;text-align:center;font-size:20px;letter-spacing:2px;}
  99.  
  100.  
  101. div#sidebarshit{
  102.  
  103. position:fixed;
  104. background-color:{color:center};
  105. z-index:10;
  106. padding:4px 8px 0px 8px;
  107. width:200px;
  108. {block:ifbiggersidebar}width:300px;{/block:ifbiggersidebar}
  109. left:100px;
  110. {block:ifbiggersidebar}left:20px;{/block:ifbiggersidebar}
  111. bottom:0px;
  112. letter-spacing:1px;
  113. font-size:7pt;
  114. font-family:consolas;
  115. -webkit-transition: all 0.5s ease;
  116. -moz-transition: all 0.5s ease;
  117. -o-transition: all 0.5s ease;
  118.  
  119.        
  120. }
  121.  
  122. #sidebarshit img {margin-left:-8px;z-index:12;width:216px;{block:ifbiggersidebar}width:316px;{/block:ifbiggersidebar}}
  123.  
  124. #desc {
  125.    
  126. {block:ifhiddendescription}position:fixed;{/block:ifhiddendescription}
  127.     font-family:{font:sidebar};
  128.     width:190px;
  129. {block:ifbiggersidebar}width:290px;{/block:ifbiggersidebar}
  130. bottom:0px;
  131. padding:5px;
  132. {block:ifhiddendescription}opacity:0;{/block:ifhiddendescription}
  133. overflow:scroll;
  134. height:140px;
  135. overflow-x: hidden;
  136.  
  137. -webkit-transition: all 0.5s ease;
  138. -moz-transition: all 0.5s ease;
  139. -o-transition: all 0.5s ease;}
  140.  
  141. #sidebarshit:hover #desc {opacity:1;}
  142.  
  143. #sidebarshit:hover {{block:ifhiddendescription}padding-bottom:150px;{/block:ifhiddendescription}-webkit-transition: all 0.5s ease;
  144. -moz-transition: all 0.5s ease;
  145. -o-transition: all 0.5s ease;}
  146.  
  147.    ol.notes {
  148.                 padding: 0px;
  149.                 margin: 25px 0px;
  150.                 list-style-type: none;
  151.             }
  152.  
  153. ol.notes li.note img.avatar {
  154.                 width: 0px;
  155.                 height: 0px;
  156.             }
  157.            
  158.             ol.notes li.reblog {margin-top:2px;}
  159.             ol.notes li.like {margin-top:2px;}
  160.            
  161. #entry blockquote {
  162. border-left: 2px solid {color:hover};
  163. padding-left: 5px;
  164. margin-left: 5px;
  165. }
  166.  
  167. #entry {
  168.    
  169. margin:{text:spacebetweenposts}px 0 0 360px;
  170. overflow: hidden;
  171. width:250px;
  172. {block:ifbiggerposts}width:400px;{/block:ifbiggerposts}
  173. background-color:{color:center};
  174. padding:15px;
  175.         -webkit-box-shadow:  10px 10px 10px -8px #000000;
  176.         box-shadow:  10px 10px 10px -8px #000000;
  177. }
  178.  
  179. #entry:hover .hair {
  180. opacity: 1;
  181. font-size:6pt;
  182. width:280px;
  183. {block:ifbiggerposts}width:430px;{/block:ifbiggerposts}
  184. text-transform:uppercase;
  185. padding:2px 0px 2px 0px;
  186. border-left:2px {color:text} dotted;
  187. border-right:2px {color:text} dotted;
  188. margin: -15px 0 0 -17px;
  189. text-align:center;
  190. filter:alpha(opacity=1);
  191. -moz-opacity: 1.0;
  192. -khtml-opacity: 1.0;
  193. -webkit-transition: all 0.5s ease;
  194. -moz-transition: all 0.5s ease;
  195. -o-transition: all 0.5s ease;
  196. }
  197.  
  198. .hair{
  199. position:absolute;
  200. border-left:10px {color:text} dotted;
  201. border-right:10px {color:text} dotted;
  202. padding:2px 0px 2px 0px;
  203. font-size:6pt;
  204. text-transform:uppercase;
  205. width:280px;
  206. {block:ifbiggerposts}width:430px;{/block:ifbiggerposts}
  207. background-color:{color:PermalinkBG};
  208. text-align:center;
  209. margin:-15px 0 0 -17px;
  210. z-index:100;
  211. color:{color:text};
  212. letter-spacing: 1px;
  213. -webkit-transition: 0.8s ease-in;
  214. -moz-transition: 0.8s ease-in;
  215. -o-transition: 0.8s ease-in;
  216. opacity:0;
  217. filter:alpha(opacity=0);
  218. -moz-opacity: 0;
  219. -khtml-opacity: 0;
  220. }
  221.  
  222. .hair a {
  223. padding:2px 0px 2px 0px;
  224. background-color:{color:PermalinkBG};
  225. color: {color:permalink};
  226. margin-top:0%;
  227. opacity: 1;
  228. filter:alpha(opacity=1);
  229. -moz-opacity: 1;
  230. -khtml-opacity: 1;
  231. }
  232.  
  233. .neku {
  234.     width:200px;
  235. {block:ifbiggersidebar}width:300px;{/block:ifbiggersidebar}
  236.     z-index:1;
  237.     margin-bottom:4px;
  238.         -webkit-transition: all 0.5s ease;
  239.         -moz-transition: all 0.5s ease;
  240.         -o-transition: all 0.5s ease;}
  241. .neku a{
  242.    
  243.     background-color:{color:sidelinksBG};
  244.     font-size: 7pt;
  245.     color: {color:sidelinks};
  246.     text-align:right;
  247.     text-transform: uppercase;
  248.     letter-spacing: 1px;
  249.     text-align: center;
  250.     display:inline-block;
  251.     width:96px;
  252.     margin-bottom:2px;
  253.     padding:5px 0 5px 0;
  254.  
  255.         -webkit-transition: all 0.5s ease;
  256.         -moz-transition: all 0.5s ease;
  257.         -o-transition: all 0.5s ease;}
  258.  
  259. .neku a:hover{background-color:{color:sidelinksBGhover};color:{color:sidelinkshover};}
  260.  
  261. #answer {background-color:{color:BG};padding:10px;
  262. min-height:40px;
  263. -webkit-box-shadow: 0 8px 6px -7px black;
  264. -moz-box-shadow: 0 8px 6px -7px black;
  265. box-shadow: 0 8px 6px -7px black;
  266. }
  267.  
  268. #answer img {padding:5px;}
  269.  
  270. #paper {position:fixed;top:0px;left:360px;text-align:center;font-size:13px;background-color:{color:BG};{block:ifbiggerposts}width:430px;{/block:ifbiggerposts}{block:ifsmallerposts}width:280px;{/block:ifsmallerposts};}
  271.  
  272. #paper a {color:{color:link};}
  273. #paper a:hover {color:{color:hover};}
  274.  
  275. #poop {border-left:5px solid {color:font};padding-left:10px;}
  276.  
  277. #what {border-bottom:solid 1px {color:text};padding:2px;}
  278.  
  279. #twister {margin: 12px 0 0 360px;width:280px;{block:ifBiggerPosts}width:430px;{/block:ifBiggerPosts};border-top:1px dotted {color:text};}
  280.  
  281. </style>
  282.  
  283. </head>
  284.  
  285.  
  286. <body>
  287. {block:ifpages}<div id="paper">
  288.     {block:Pagination}
  289.             {block:PreviousPage}
  290.                 <a href="{PreviousPage}">Previous</a>
  291.             {/block:PreviousPage}
  292.  
  293.             {block:JumpPagination length="5"}
  294.                 {block:CurrentPage}
  295.                     <span class="current_page">{PageNumber}</span>
  296.                 {/block:CurrentPage}
  297.  
  298.                 {block:JumpPage}
  299.                     <a class="jump_page" href="{URL}">{PageNumber}</a>
  300.                 {/block:JumpPage}
  301.             {/block:JumpPagination}
  302.  
  303.             {block:NextPage}
  304.                 <a href="{NextPage}">Next</a>
  305.             {/block:NextPage}
  306.         {/block:Pagination}
  307. </div>{/block:ifpages}
  308. <div id="sidebarshit">
  309. <div id="tittie">{text:blogtitle}</div>
  310. <div class="neku">
  311.  
  312. <a href="/">Home</a>
  313. <a href="/ask">Ask</a>
  314. <a href="http://oathscharm.tumblr.com">Theme</a>
  315. {block:ifLink1}<a href="{text:Link1URL}">{text:Link1}</a>{/block:ifLink1}
  316. {block:ifLink2}<a href="{text:Link2URL}">{text:Link2}</a>{/block:ifLink2}
  317. {block:ifLink3}<a href="{text:Link3URL}">{text:Link3}</a>{/block:ifLink3}
  318. {block:ifLink4}<a href="{text:Link4URL}">{text:Link4}</a>{/block:ifLink4}
  319. {block:ifLink5}<a href="{text:Link5URL}">{text:Link5}</a>{/block:ifLink5}
  320. {block:ifbiggersidebar}{block:ifLink6}<a href="{text:Link6URL}">{text:Link6}</a>{/block:ifLink6}{/block:ifbiggersidebar}
  321. </div>
  322. <div id="desc"><p>{Description}</p></div>
  323. {block:ifsidebarimage}<a href="/"><img src="{image:sidebar}"></a>{/block:ifsidebarimage}
  324. </div>
  325.  
  326. {block:ifendlessscrolling}<div class="autopagerize_page_element">{/block:ifendlessscrolling}
  327. <div id="space">
  328. {block:Posts}
  329. <div id="entry">
  330.  
  331. {block:Text}
  332. <div class="hair"><a href="{Permalink}">
  333. {NoteCount} &hearts;</font></a> | <a href="{ReblogURL}">Reblog</a> | <a href="{Permalink}">{TimeAgo}</a></div>
  334. {block:Title}<div id="poop">{Title}</div>{/block:Title}</a>
  335. <div id="ok">{Body}</div>
  336. {/block:Text}
  337. {block:Photo}
  338. <div class="hair"><a href="{Permalink}">
  339. {NoteCount} &hearts;</font></a> | <a href="{ReblogURL}">Reblog</a> | <a href="{Permalink}">{TimeAgo}</a></div>
  340. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  341. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  342. <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}
  343. {block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" {block:ifsmallerposts}width="250"{/block:ifsmallerposts} {block:ifbiggerposts}width="400"{/block:ifbiggerposts};/>
  344.  
  345. {block:IndexPage}</a>{/block:IndexPage}{block:ifphotocaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifphotocaptions}
  346.  
  347. {/block:Photo}
  348.  
  349. {block:Photoset}
  350. <div class="hair"><a href="{Permalink}">
  351. {NoteCount} &hearts;</font></a> | <a href="{ReblogURL}">Reblog</a> | <a href="{Permalink}">{TimeAgo}</a></div>
  352. {block:ifsmallerposts}{Photoset-250}{/block:ifsmallerposts}{block:ifbiggerposts}{Photoset-400}{/block:ifbiggerposts}
  353. <p>{block:ifphotocaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifphotocaptions}
  354. {/block:Photoset}
  355. {block:Quote}
  356. <div class="hair"><a href="{Permalink}">
  357. {NoteCount} &hearts;</font></a> | <a href="{ReblogURL}">Reblog</a> | <a href="{Permalink}">{TimeAgo}</a></div>
  358.  
  359. <center>
  360. "{Quote}"</span></a></font>{/block:NoteCount}
  361. <br></center>
  362. <br>{block:Source}----{Source}{/block:Source}
  363.  
  364.  
  365.  
  366. {/block:Quote}
  367. {block:Link}
  368. <div class="hair"><a href="{Permalink}">
  369. {NoteCount} &hearts;</font></a> | <a href="{ReblogURL}">Reblog</a> | <a href="{Permalink}">{TimeAgo}</a></div>
  370.  
  371. <a href="{URL}"><center>{Name}</center></a>
  372. {block:Description}{Description}{/block:Description}
  373.  
  374.  
  375. {/block:Link}
  376. {block:Chat}
  377.  
  378. <div class="hair"><a href="{Permalink}">
  379. {NoteCount} &hearts;</font></a> | <a href="{ReblogURL}">Reblog</a> | <a href="{Permalink}">{TimeAgo}</a></div>
  380.  
  381. {block:Title}<span class="title">{Title}</span>{/block:Title}
  382. {block:Lines}
  383. <div id="what">
  384. {block:Label}
  385. <span class="label">{Label}</span>
  386. {/block:Label}
  387. {Line}
  388. </div>
  389. {/block:Lines}
  390. {/block:Chat}
  391. {block:Audio}
  392.  
  393. <div class="hair"><a href="{Permalink}">
  394. {NoteCount} &hearts;</font></a> | <a href="{ReblogURL}">Reblog</a> | <a href="{Permalink}">{TimeAgo}</a></div>
  395. {AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}
  396. {/block:Audio}
  397.  
  398. {block:Video}
  399. <div class="hair"><a href="{Permalink}">
  400. {NoteCount} &hearts;</font></a> | <a href="{ReblogURL}">Reblog</a> | <a href="{Permalink}">{TimeAgo}</a></div>
  401. {block:ifsmallerposts}{Video-250}{/block:ifsmallerposts}{block:ifbiggerposts}{Video-400}{/block:ifbiggerposts}
  402. {block:Caption}{Caption}{/block:Caption}
  403. {block:Video}
  404.  
  405. {block:Answer}
  406. <div class="hair"><a href="{Permalink}">
  407. {NoteCount} &hearts;</font></a> | <a href="{ReblogURL}">Reblog</a> | <a href="{Permalink}">{TimeAgo}</a></div>
  408.  
  409. <div id="answer"><img src="{AskerPortraitURL-40}" align="left"/>{Asker} said: <p>{Question}</div>
  410. <br>{Answer}</br>
  411. {/block:Answer}
  412.  
  413. </div>
  414.  
  415. {block:PermalinkPage}<div id="twister">
  416. {block:PostNotes}
  417. {block:Date}<br>Posted on: {DayOfWeek}
  418. {Month} {DayOfMonthWithZero}{DayOfMonthSuffix} {Year}{/block:Date}
  419. {block:RebloggedFrom}<br>Reblogged From: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:ContentSource}<br>Source:<a href="{SourceURL}">{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo} {SourceTitle}{/block:NoSourceLogo}</a> {/block:ContentSource}{block:HasTags}<br>Tagged with: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}
  420. <br>{PostNotes}
  421. {/block:PostNotes}</div>
  422. {/block:PermalinkPage}
  423.  
  424. {/block:Posts}
  425.  
  426. {block:ifendlessscrolling}</div>{/block:ifendlessscrolling}
  427. </div>
  428. </body>
  429. </html>