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

SaneInsanity TH

By: taenqooo on Jun 16th, 2012  |  syntax: None  |  size: 10.24 KB  |  hits: 231  |  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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4.  
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.   <meta name="text:TopTitle" content="saneinsanity"/>
  9.   <meta name="text:link 1" content="http://"/>
  10.   <meta name="text:link 1 name" content="Link One"/>
  11.   <meta name="text:link 2" content="http://"/>
  12.   <meta name="text:link 2 name" content="Link Two"/>
  13.   <meta name="text:link 3" content="http://"/>
  14.   <meta name="text:link 3 name" content="Link Three"/>
  15.   <meta name="text:link 4" content="http://"/>
  16.   <meta name="text:link 4 name" content="Link Four"/>
  17.   <meta name="image:Header Image" content="http://i.imgur.com/mbgQR.png"/>
  18.   <meta name="if:Caption" content="0"/>
  19. <style type="text/css">
  20.  
  21. body
  22. {background: #fff;
  23. margin:0px;
  24. color:#646464;
  25. font-family: times new roman;
  26. font-size:10px;
  27. line-height:12px;}
  28.  
  29. a {text-decoration:none;
  30. outline:none;
  31. -moz-outline-style:none; color:#000;
  32. -webkit-transition: opacity 0.4s linear;
  33. -webkit-transition: all 0.4s ease-in-out;
  34. -moz-transition: all 0.4s ease-in-out;
  35. -o-transition: all 0.4s ease-in-out;
  36. opacity:1;}
  37.  
  38. a:hover
  39. {text-decoration:none;
  40. color:#6db5b5;
  41. opacity:1;}
  42.  
  43. a.nav{
  44. display: inline-block;
  45. background: #000;
  46. text-align: center;
  47. color: #fff;
  48. padding: 3px;
  49. font-family: times new roman;
  50. font-size: 10px;
  51. text-transform: uppercase;
  52. width: 80px;
  53. -webkit-transition: all 0.5s ease-in-out;
  54. -moz-transition: all 0.5s ease-in-out;
  55. -o-transition: all 0.5s ease-in-out;
  56. -ms-transition: all 0.5s ease-in-out;
  57. transition: all 0.5s ease-in-out;
  58. }
  59.  
  60. a.nav:hover{
  61. background-color: #fff;
  62. color: #000;
  63. }
  64.  
  65. b{
  66. color:#393838;}
  67.  
  68. i{
  69. color:#393838;}
  70.  
  71. u{
  72. color:#393838;}
  73.  
  74. img:hover
  75. {
  76. -moz-transition: opacity 0.5s linear;
  77. -webkit-transition: opacity 0.5s linear;
  78. -o-transition: opacity 0.5s linear;
  79. transition: opacity 0.5s linear;
  80. opacity: 1;
  81. filter:alpha(opacity=100);
  82. -moz-opacity: 1;
  83. -khtml-opacity: 1;
  84. -webkit-box-shadow: 1px 2px 17px #d1d2d0; /* webkit browser*/
  85. -moz-box-shadow: 1px 2px 17px #d1d2d0; /* firefox */
  86. box-shadow: 1px 2px 17px #d1d2d0;
  87. }      
  88.  
  89. blockquote{
  90. padding-left:5px;
  91. border-left:1px solid #000;}
  92.  
  93. #content {
  94. margin:42px;  
  95. width:300px;
  96. margin-top: 195px;
  97. }
  98.  
  99. #entry{
  100. padding:50px;
  101. margin:0px;  
  102. border-bottom: 1px solid #e5e5e5;
  103. text-align:justify;
  104. color:#888;
  105. -webkit-box-shadow: 0px 6px 9px #d6d7d5; /* webkit browser*/
  106. -moz-box-shadow: 0px 6px 9px #d6d7d5; /* firefox */
  107. box-shadow: 0px 6px 9px #d6d7d5;
  108. }
  109.  
  110. .photoset:hover {
  111. -moz-transition: opacity 0.5s linear;
  112. -webkit-transition: opacity 0.5s linear;
  113. -o-transition: opacity 0.5s linear;
  114. transition: opacity 0.5s linear;
  115. opacity: 1;
  116. filter:alpha(opacity=100);
  117. -moz-opacity: 1;
  118. -khtml-opacity: 1;
  119. }
  120.  
  121. h1{
  122. font-family: times new roman;
  123. font-size: 12px;
  124. letter-spacing: 2px;
  125. color: #6e6e6e;
  126. text-transform: uppercase;
  127. }
  128.              
  129. .top {
  130. background-color:#fff;
  131. position: fixed;
  132. top:0px;
  133. width: 300px;
  134. left: 40px;
  135. padding:7px;
  136. text-transform: lowercase;
  137. margin:0px;    
  138. }
  139.  
  140. .topimg{
  141. -webkit-box-: 0px 0px 0px rgba(0,0,0,0.33);
  142. -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.33);
  143. box-shadow: 0px 0px 0px rgba(0,0,0,0.33);
  144. }
  145.  
  146. .topimg:hover{
  147. -webkit-box-: 0px 0px 0px rgba(0,0,0,0.33);
  148. -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.33);
  149. box-shadow: 0px 0px 0px rgba(0,0,0,0.33);
  150. }
  151.  
  152. #question {
  153. border-left: 3px dotted #dedede;
  154. padding:2px;
  155. padding-left: 5px;
  156. margin: 0px;
  157. margin-bottom: 5px;
  158. padding-bottom:3px;
  159. margin-top: 5px;
  160. }
  161.  
  162. .box {width: 300px;
  163. height: 150px;
  164. margin:auto;
  165. }
  166.  
  167. .main {width: 300px;
  168. height: 150px;
  169. background-color: #fff;
  170. }
  171.  
  172. .b5 {opacity: 0.0;
  173. height: 0px;
  174. background-color: #fff;
  175. width: 300px;  
  176. margin-top: 0px;
  177. position: absolute;
  178. font-size: 0px;  
  179. transition-duration: 0.6s;  
  180. -moz-transition-duration: 0.6s;  
  181. -webkit-transition-duration: 0.6s;  
  182. -o-transition-duration: 0.6s;
  183. }
  184.  
  185. .box:hover .b5 {opacity: 0.9;
  186. height: 100px;  
  187. margin-top: -100px;
  188. font-size: 11px;
  189. transition-duration: 0.6s;  
  190. -moz-transition-duration: 0.6s;  
  191. -webkit-transition-duration: 0.6s;  
  192. -o-transition-duration: 0.6s;
  193. }
  194.    
  195.  
  196.    
  197. .postborder{
  198.      
  199. border-bottom: 1px dotted #cfcfcf;
  200. margin: 10px; }
  201. {CustomCSS}
  202.    
  203. </style>
  204. </head>
  205. <body>
  206. <div class= "top">
  207.  
  208. <h1> <a href="/">{text:TopTitle}</a>
  209. {block:PreviousPage}   <a href="{PreviousPage}">«</a>  {block:PreviousPage} {block:NextPage}  <a href="{NextPage}">&raquo</a>{block:NextPage}</h1> </center>
  210. <center><div class="box">
  211. <div class="main">
  212. <center>
  213. <img src="{image:Header Image}" class="topimg" />
  214. </center>
  215. </div>
  216. <div class="b5" style="text-align: justify;">
  217. &bull; {description}
  218. <br>  
  219. <br>
  220. <center>
  221.     <a href="/" >home</a>
  222.     <a href="/ask" >ask</a>
  223.     <a href="/archive">archive</a>
  224.     <br>
  225.        
  226.  <a href="{text:link 1}">{text:link 2 name}</a>
  227.  <a href="{text:link 2}">{text:link 1 name}</a>
  228.  <a href="{text:link 3}">{text:link 3 name}</a>
  229.  <a href="{text:link 4}">{text:link 4 name}</a>
  230.        
  231. </center>
  232. </div>
  233. </div>
  234.  
  235.  
  236.  
  237. </div>
  238.  
  239. <div id="content">
  240.  
  241.  {block:Posts} <div class="entry">
  242.  
  243. <div class="postborder">
  244.  
  245. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}
  246.  
  247.  
  248. <center><br><a href="{ReblogURL}">Reblog</a> &raquo; <a href="{Permalink}"> {ShortDayOfWeek},</a>  {ShortMonth} {DayOfMonth}, {Year} {block:NoteCount}{NoteCountWithLabel}</a>{/block:NoteCount} <br> {block:HasTags}タグ: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags} </center>
  249. <br>{block:PostNotes}<br><B>注釈</B><BR>{PostNotes}{/block:PostNotes}
  250.  
  251. {/block:Text}
  252.  
  253. {block:Photo}{LinkOpenTag}<center><img src="{PhotoURL-250}"></center>{LinkCloseTag}{block:IfCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfCaption}  
  254.  
  255.  
  256. <center><br><a href="{ReblogURL}">Reblog</a> &raquo; <a href="{Permalink}"> {ShortDayOfWeek},</a>  {ShortMonth} {DayOfMonth}, {Year} {block:NoteCount}{NoteCountWithLabel}</a>{/block:NoteCount} <br> {block:HasTags}タグ: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags} </center>
  257.  
  258.  
  259.  
  260. <br>{block:PostNotes}<br><B>注釈</B><BR>{PostNotes}{/block:PostNotes}
  261. {/block:Photo}
  262.  
  263.  
  264. {block:Photoset}<center>{Photoset-250}</center>{block:IfCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfCaption}
  265.  
  266. <center><br><a href="{ReblogURL}">Reblog</a> &raquo; <a href="{Permalink}"> {ShortDayOfWeek},</a>  {ShortMonth} {DayOfMonth}, {Year} {block:NoteCount}{NoteCountWithLabel}</a>{/block:NoteCount} <br> {block:HasTags}タグ: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags} </center>
  267.  
  268. <br>{block:PostNotes}<br><B>注釈</B><BR>{PostNotes}{/block:PostNotes}
  269. {/block:Photoset}
  270.  
  271. {block:Quote}<i><b>"</b>{Quote}<b>"</b></i><br><i> {block:Source} —{Source}{/block:Source}</i>
  272.  
  273. <center><br><a href="{ReblogURL}">Reblog</a> &raquo; <a href="{Permalink}"> {ShortDayOfWeek},</a>  {ShortMonth} {DayOfMonth}, {Year} {block:NoteCount}{NoteCountWithLabel}</a>{/block:NoteCount} <br> {block:HasTags}タグ: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags} </center>
  274.  
  275. <br>{block:PostNotes}<br><B>注釈</B><BR>{PostNotes}{/block:PostNotes}
  276.  
  277. {/block:Quote}
  278.  
  279. {block:Link}<h1><u><a href="{URL}" {Target}>{Name}</a></u></h1>{block:Description}{Description}{/block:Description}
  280.  
  281.  
  282.  
  283.  
  284.  
  285. <center><br><a href="{ReblogURL}">Reblog</a> &raquo; <a href="{Permalink}"> {ShortDayOfWeek},</a>  {ShortMonth} {DayOfMonth}, {Year} {block:NoteCount}{NoteCountWithLabel}</a>{/block:NoteCount} <br> {block:HasTags}タグ: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags} </center>
  286. <br>{block:PostNotes}<br><B>注釈</B><BR>{PostNotes}{/block:PostNotes}
  287.  
  288. {/block:Link}
  289.  
  290. {block:Chat}{block:Title}<t>{Title}</t>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}
  291.  
  292. <center><br><a href="{ReblogURL}">Reblog</a> &raquo; <a href="{Permalink}"> {ShortDayOfWeek},</a>  {ShortMonth} {DayOfMonth}, {Year} {block:NoteCount}{NoteCountWithLabel}</a>{/block:NoteCount} <br> {block:HasTags}タグ: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags} </center>
  293.  
  294.  
  295. <br>{block:PostNotes}<br><B>注釈</B><BR>{PostNotes}{/block:PostNotes}
  296. {/block:Chat}
  297.  
  298. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}
  299.  
  300.  
  301. <center><br><a href="{ReblogURL}">Reblog</a> &raquo; <a href="{Permalink}"> {ShortDayOfWeek},</a>  {ShortMonth} {DayOfMonth}, {Year} {block:NoteCount}{NoteCountWithLabel}</a>{/block:NoteCount} <br> {block:HasTags}タグ: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags} </center>
  302.  
  303.  
  304.  
  305. <br>{block:PostNotes}<br><B>注釈</B><BR>{PostNotes}{/block:PostNotes}
  306.  
  307. {/block:Audio}
  308.  
  309. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}
  310.  
  311.  
  312. <center><br><a href="{ReblogURL}">Reblog</a> &raquo; <a href="{Permalink}"> {ShortDayOfWeek},</a>  {ShortMonth} {DayOfMonth}, {Year} {block:NoteCount}{NoteCountWithLabel}</a>{/block:NoteCount} <br> {block:HasTags}タグ: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags} </center>
  313.  
  314.  
  315. <br>{block:PostNotes}<br><B>注釈</B><BR>{PostNotes}{/block:PostNotes}
  316.  
  317. {/block:Video}
  318.  
  319. {block:Answer}
  320. <img  src="{AskerPortraitURL-48}"align="right" />
  321. <div id="question">{Asker} ささやき:<br>
  322. <b>"</b>{Question}<b>"</b></div><br>
  323. {Answer} <br><br>
  324. <center><br><a href="{ReblogURL}">Reblog</a> &raquo; <a href="{Permalink}"> {ShortDayOfWeek},</a>  {ShortMonth} {DayOfMonth}, {Year} {block:NoteCount}{NoteCountWithLabel}</a>{/block:NoteCount} <br> {block:HasTags}タグ: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags} </center>
  325.  
  326. <br>{block:PostNotes}<br><B>注釈</B><BR>{PostNotes}{/block:PostNotes}
  327.  
  328.  
  329. {/block:Answer}
  330.   </div>
  331. </div>{/block:Posts}</div>
  332.  
  333.  <!--- DO NOT REMOVE THIS! --->
  334. <div style="font-family:courier new;  font-size:8px; font-weight:bold; text-transform:uppercase; position:fixed; bottom:0px; right:5px; "><a href="http://taenqooo.tumblr.com" title="designer">by taenqooo</a></div>
  335. </body></html>
create a new version of this paste RAW Paste Data