API tools faq
paste
Advertisement
Guest User

Sensibility

a guest
Oct 20th, 2013
2,080
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.01 KB | None | 0 0
raw download clone embed print report
  1. <html lang="en">
  2.  
  3. <head>
  4.  
  5. <style type="text/css">html, a:hover {cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), progress !important;}</style>
  6.  
  7. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  8. <script type="text/javascript" src="http://arrow.scrolltotop.com/arrow83.js"> padding=5px; </script>
  9.  
  10.  
  11.  
  12. <title>{Title}</title>
  13. <link rel="shortcut icon" href="{favicon}"/>
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  16.  
  17. <meta name="color:Title" content="#424242"/>
  18. <meta name="color:Text" content="#777777"/>
  19. <meta name="color:Link" content="#969696"/>
  20. <meta name="color:Background" content="#e2e2e2"/>
  21.  
  22. <meta name="image:Background" content=""/>
  23. <meta name="image:Sidebar" content=""/>
  24. <meta name="image:Right" content""/>
  25.  
  26.  
  27. <meta name="text:Link 1" content="/"/>
  28. <meta name="text:Link 1 Title" content=""/>
  29.  
  30.  
  31. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  32.  
  33. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  34.  
  35. <style type="text/css">
  36.  
  37. @font-face {font-family: 'Sunshine'; src:url(http://static.tumblr.com/nzks45o/eUxmrir8a/sunshine_in_my_soul.ttf)}
  38.  
  39. ::-webkit-scrollbar {width:5px;height: 5px; background:#Ffffff;}
  40.  
  41. ::-webkit-scrollbar-thumb { background:#707070;}
  42.  
  43. {block:ifwhitetumblrcontrols}
  44.  
  45. iframe#tumblr_controls {
  46. position:fixed !important;-webkit-filter: invert(100%) ;
  47. -moz-transition: all 0.8s ease-out;
  48. -webkit-transition: opacity 0.7s linear;
  49. -webkit-transition: all 0.8s ease-out;
  50. transition: all 0.8s ease-out;
  51. opacity: 0.5;}
  52.  
  53. {/block:ifwhitetumblrcontrols}
  54.  
  55.  
  56. iframe#tumblr_controls {
  57. top:2px !important;
  58. right:3px !important;
  59. position: fixed !important;
  60. -webkit-transition: opacity 0.7s linear;
  61. opacity: 0.5;
  62. -webkit-transition: all 0.8s ease-out;
  63. -moz-transition: all 0.8s ease-out;
  64. transition: all 0.8s ease-out;
  65. }
  66.  
  67. iframe#tumblr_controls:hover {
  68. -webkit-transition: opacity 0.7s linear;
  69. opacity: 1;
  70. -webkit-transition: all 0.4s ease-out;
  71. -moz-transition: all 0.4s ease-out;
  72. transition: all 0.4s ease-out;
  73. }
  74.  
  75. div#qTip {
  76. display: none;
  77. text-align:center;
  78. position:absolute;
  79. letter-spacing:1px;
  80. text-transform:uppercase;
  81. font-weight:;
  82. z-index:99;
  83. font-family:'consolas';
  84. font-size:8px;
  85. padding:3px;
  86. line-height:10px;
  87. border-radius:3px;
  88. border:1px solid #eee;
  89. color:#999999;
  90. background:#ffffff;
  91. }
  92.  
  93.  
  94. #lace {
  95. background-image:url('http://static.tumblr.com/3yblkz0/S8omdno3x/jaja.png');
  96. repeat:repeat-x;
  97. left:0;
  98. width:100%;
  99. margin-top:-10px;
  100. height:18px;
  101. position: fixed;
  102. z-index: 1;
  103. opacity:1;}
  104.  
  105.  
  106. body{
  107. color:{color:Text};
  108. font-family:'consolas';
  109. font-size:10px;
  110. background-color:{color:Background};
  111. background-image:url({image:Right}), url({image:Background});
  112. background-attachment:fixed, fixed;
  113. background-repeat: no-repeat, repeat;
  114. background-position:bottom right, bottom right;
  115. }
  116.  
  117. a:link, a:active, a:visited{
  118. text-decoration: none;
  119. color:#444444;}
  120.  
  121. a:hover{
  122. text-decoration:none;
  123. color:#424242;}
  124.  
  125. #entries{
  126. width:500px;
  127. margin-left:600px;
  128. margin-top:10px;
  129. position:absolute;
  130. {block:PermalinkPage}width:500px;{/block:PermalinkPage}}
  131.  
  132.  
  133. #post{
  134. padding:7px;
  135. margin-top:10px;
  136. background:#fff;
  137. width:250px;
  138. height:auto;
  139. overflow:hidden;
  140. border:solid 1px #ddd;
  141. border-radius:3px;
  142. {block:PermalinkPage}
  143. width:450px;
  144. text-align:left;
  145. line-height:10px;
  146. {/block:PermalinkPage}}
  147.  
  148. #post img{
  149. border-radius:3px;
  150. -webkit-transition: opacity 0.8s linear;
  151. opacity: 0.7;
  152. -webkit-filter:grayscale(0%); }
  153.  
  154. #post img:hover{
  155. -webkit-transition: opacity 0.8s linear;
  156. opacity: 0.9;
  157. -webkit-filter:none;}
  158.  
  159. .quote {
  160. padding:10px;
  161. letter-spacing:1px;
  162. text-transform:uppercase;opacity:0.6;font-weight:bold;
  163. background:url('http://tinyurl.com/acrqqb3') no-repeat 5px 5px;
  164. color:{color:Title};}
  165.  
  166. .question{
  167. background-color:#f5f5f5;
  168. border-radius:3px;
  169. padding:3px;
  170. font-style:italic;
  171. max-width:250px;
  172. }
  173. #post .permalink{
  174. font-family:Consolas;
  175. position:absolute;
  176. width:240px;
  177. background:#fff;
  178. opacity:0;
  179. padding:5px;
  180. margin-top:-20px;
  181. padding-bottom:5px;
  182. text-align:center;
  183. font-size:10px;
  184. line-height:10px;
  185. letter-spacing:0px;
  186. text-transform:uppercase;
  187. -webkit-transition: 0.8s linear;
  188. }
  189.  
  190. #post:hover .permalink {
  191. opacity:0.6;
  192. -webkit-transition: 0.8s linear;
  193. }
  194.  
  195.  
  196. .permapage{
  197. margin-top:30px;
  198. font-size:10px;
  199. text-align:center;
  200. }
  201.  
  202. blockquote img {
  203. {block:IndexPage}
  204. max-width:85px!important
  205. max-height:85px!important
  206. {/block:IndexPage}
  207. {block:PermalinkPage}
  208. max-width:250px!important;
  209. max-height:250px!important
  210. {/block:PermalinkPage}
  211. }
  212. blockquote blockquote img {
  213. {block:IndexPage}
  214. max-width:85px!important;
  215. max-height:85px!important
  216. {/block:IndexPage}
  217. {block:PermalinkPage}
  218. max-height:250px!important;
  219. max-width:250px!important
  220. {/block:PermalinkPage}
  221. }
  222. blockquote blockquote blockquote img {
  223. {block:IndexPage}
  224. max-width:85px!important;
  225. max-height:85px!important
  226. {/block:IndexPage}
  227. {block:PermalinkPage}
  228. max-width:250px!important;
  229. max-height:250px!important
  230. {/block:PermalinkPage}
  231. }
  232. blockquote blockquote blockquote blockquote img {
  233. {block:IndexPage}
  234. max-width:85px!important;
  235. max-height:85px!important
  236. {/block:IndexPage}
  237. {block:PermalinkPage}
  238. max-width:250px!important;
  239. max-height:250px!important
  240. {/block:PermalinkPage}
  241. }
  242.  
  243. #sidebar{
  244. text-align:center;
  245. width:200px;
  246. height:auto;
  247. margin-top:150px;
  248. margin-left:350px;
  249. position:fixed;
  250. padding:5px;
  251. }
  252.  
  253.  
  254. .title{
  255. font-size:25px;
  256. background-color:transparent;
  257. font-family: 'Sunshine';
  258. color:{color:Title};
  259. position:relative;
  260. text-align:left;
  261. padding-left:10px;
  262. margin-bottom:-20px;}
  263.  
  264. .description{
  265. background:#fff;
  266. line-height:15px;
  267. font-size:10px;
  268. padding:7px;
  269. border-radius:3px;
  270. border-bottom: 1px;
  271. border:solid 1px #ddd;
  272. }
  273. .links{
  274. margin-top:5px;
  275. text-align:center;
  276. position:relative;
  277. font-family:'consolas';
  278. text-transform:uppercase;
  279. padding:5px 0px;
  280. width:35px;
  281. border-radius:3px
  282. -moz-border-radius:3px;
  283. -webkit-border-radius:3px;
  284. background:#fff;
  285. border:1px #ddd solid;
  286.  
  287. display:inline-block;}
  288.  
  289.  
  290. #credit{
  291. position:fixed;
  292. left:5px;
  293. bottom:5px;
  294. text-transform:uppercase;
  295. font-family:Calibri;
  296. font-size:9px;}
  297.  
  298. #credit a{
  299. color:#AAAAAA;}
  300.  
  301. </style>
  302.  
  303. </head>
  304. <body>
  305. <div id="lace"></div>
  306.  
  307.  
  308. <div id="sidebar">
  309. <div class="title"><a href="/">{Title}</a></div>
  310. <div class="description">{Description}</div>
  311. <div class="links"><a href="/" title="home">I.</a></div>
  312. <div class="links"><a href="/ask" title="ask">II.</a></div>
  313. <div class="links">{block:IfLink1}<a href="{text:Link 1}" title="{text:Link 1 Title}">III.</a>{/block:IfLink1}</div>
  314. </div>
  315. </div>
  316.  
  317. <div id="entries">
  318.  
  319. <div class = "autopagerize_page_element">
  320. {block:Posts}
  321.  
  322. <div id="post">
  323.  
  324. {block:Text}
  325. {Title}{Body}
  326. <div class="notes">
  327. <a href="{Permalink}"><div class="permalink"><a href="{ReblogURL}">↺</a> &middot; <a href="{Permalink}">{notecount}</a></div></a>
  328. </div>
  329. {/block:Text}
  330.  
  331. {block:Link}
  332. <a href="{URL}"><i><big>{Name}</big></i></a>
  333. {block:Description}{Description}{/block:Description}
  334. <div class="notes">
  335. <a href="{Permalink}"><div class="permalink"><a href="{ReblogURL}">↺</a> &middot; <a href="{Permalink}">{notecount}</a></div></a>
  336. </div>
  337. {/block:Link}
  338.  
  339. {block:Photo}
  340. {block:IndexPage}<a href="{permalink}"><img src="{PhotoURL-250}"/></a>{/block:IndexPage}
  341. {block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="450px"/>{/block:PermalinkPage}
  342. <div class="notes">
  343. <a href="{Permalink}"><div class="permalink"><a href="{ReblogURL}">↺</a> &middot; <a href="{Permalink}">{notecount}</a></div></a>
  344. </div>
  345. {/block:Photo}
  346.  
  347. {block:Photoset}
  348. {Photoset-250}
  349. <div class="notes">
  350. <a href="{Permalink}"><div class="permalink"><a href="{ReblogURL}">↺</a> &middot; <a href="{Permalink}">{notecount}</a></div></a>
  351. </div>
  352. {/block:Photoset}
  353.  
  354.  
  355. {block:Quote}
  356. <div class="quote"><i>{Quote}</i></div>
  357. <div class="notes">
  358. <a href="{Permalink}"><div class="permalink"><a href="{ReblogURL}">↺</a> &middot; <a href="{Permalink}">{notecount}</a></div></a>
  359. </div>
  360. {/block:Quote}
  361.  
  362.  
  363. {block:Video}
  364. {Video-250}<br>
  365. <div class="notes">
  366. <a href="{Permalink}"><div class="permalink"><a href="{ReblogURL}">↺</a> &middot; <a href="{Permalink}">{notecount}</a></div></a>
  367. </div>
  368. {/block:Video}
  369.  
  370. {block:Chat}
  371. {block:Lines}
  372. {block:Label}
  373. <br>{Label}
  374. {/block:Label}
  375. &nbsp;{Line}
  376. {/block:Lines}
  377. {/block:Chat}
  378.  
  379. {block:Audio}
  380. {AudioPlayerWhite}
  381. {block:Caption}{Caption}{/block:Caption}
  382. <div class="notes">
  383. <a href="{Permalink}"><div class="permalink"><a href="{ReblogURL}">↺</a> &middot; <a href="{Permalink}">{notecount}</a></div></a>
  384. </div>
  385. {/block:Audio}
  386.  
  387.  
  388. {block:Answer}
  389. <div class="question"><b><i>{Asker} whispered: </i>{Question}</b></div>
  390. {Answer}
  391. {/block:Answer}
  392.  
  393. {block:PermalinkPage}
  394. {block:Caption}{Caption}{/block:Caption}
  395. {block:Date}<div class="permapage">{block:RebloggedFrom}<a href="{ReblogParentURL}">VIA</a> -
  396. {block:ContentSource}<a href="{ReblogRootURL}">SOURCE</a>
  397. {/block:ContentSource}<br>{/block:RebloggedFrom}
  398. posted {TimeAgo} - {NoteCountWithLabel}
  399. {block:HasTags}<br>
  400. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  401. {/block:HasTags}</div>{/block:Date}
  402. {block:NoteCount}<div style="margin-top:10px;">
  403. {block:PostNotes}{PostNotes}{/block:PostNotes}
  404. </div>{/block:NoteCount}{/block:PermalinkPage}
  405. </div>
  406.  
  407. {/block:Posts}
  408. </div>
  409. </div>
  410. <div id="credit"><a href="http://aesthesos.tumblr.com">theme</a></div>
  411. </body>
  412. </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!