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

Iris

By: manolescent on Apr 1st, 2012  |  syntax: None  |  size: 13.32 KB  |  hits: 2,830  |  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. <!--
  4. 88b           d88  
  5. 888b         d888  "Iris"
  6. 88`8b       d8'88  
  7. 88 `8b     d8' 88  
  8. 88  `8b   d8'  88  
  9. 88   `8b d8'   88  
  10. 88    `888'    88  Theme made by Manolescent
  11. 88     `8'     88  Themes page: Plainthemes
  12. -->
  13. <head><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>{block:ifnotShowDescription}
  14. <script src="toggle.js" type="text/javascript"></script>
  15. <script type="text/javascript">
  16. $(document).ready(function(){
  17. $("#description").hide();
  18. $("blogtitle").click(function(){
  19. $('#description').slideToggle(375);
  20. return true;
  21. });
  22. });
  23. </script>{/block:ifnotShowDescription}
  24.  
  25. <meta name="color:Background" content="#FFFFFF" />
  26. <meta name="color:Text" content="#000000"/>
  27. <meta name="color:Hover" content="#989898">
  28.  
  29. <meta name="if:Drop Shadow" content="0" />
  30. <meta name="if:Three Columns" content="0" />
  31. <meta name="if:Two Columns" content="1" />
  32. <meta name="if:One Column" content="0" />
  33. <meta name="if:Ask Link" content="1"/>
  34. <meta name="if:Archive Link" content="1"/>
  35. <meta name="if:Faded Images" content="1"/>
  36. <meta name="if:Italic title" content="0"/>
  37. <meta name="if:Nav One" content="0"/>
  38. <meta name="if:Nav Two" content="1"/>
  39. <meta name="if:Uppercase Title" content="1"/>
  40. <meta name="if:Portait" content="0">
  41. <meta name="if:Show Description" content="0">
  42.  
  43. <meta name="image:Header" content="">
  44.  
  45. <meta name="font:Body" content="Arial"/>
  46.  
  47. <meta name="text:Ask Link Text" content="message"/>
  48. <meta name="text:Archive Link Text" content="archive"/>
  49. <meta name="text:Custom Link One" content="" />
  50. <meta name="text:Custom Link One Title" content="" />
  51. <meta name="text:Custom Link Two" content="" />
  52. <meta name="text:Custom Link Two Title" content="" />
  53. <meta name="text:Custom Link Three" content="" />
  54. <meta name="text:Custom Link Three Title" content="" />
  55. <meta name="text:Custom Link Four" content="" />
  56. <meta name="text:Custom Link Four Title" content="" />
  57. <meta name="text:Custom Link Five" content="" />
  58. <meta name="text:Custom Link Five Title" content="" />
  59. <meta name="text:Title font size" content="18"/>
  60. <meta name="text:Body font size" content="11"/>
  61.  
  62.  
  63. <title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PostSummary} ({PostSummary}){/block:PostSummary}</title>
  64. <link rel="shortcut icon" href="{Favicon}">
  65. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  66. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  67. <script src="js/jquery.js" type=text/javascript"></script>
  68. <script type="text/javascript" src="js/jquery.lazyload.min.js"></script>
  69.  
  70. <style type="text/css">
  71.  
  72. #tumblr_controls{
  73. top: 1px !important;
  74. margin: 0 0 0 0;
  75. right: 1px !important;
  76. position: fixed !important;
  77. opacity:0.6;
  78. }
  79.  
  80. #notes{
  81. text-align:right;
  82. text-transform:uppercase;
  83. color: gray;
  84. font-size:9px;
  85. padding:2px;
  86. opacity:0.6;
  87. filter: alpha(opacity = 70);
  88. -moz-transition: all 0.5;
  89. -webkit-transition: all 0.5s;
  90. -o-transition: all 0.5s;
  91. transition: all 0.5;
  92. }
  93. img{
  94. border:none;
  95. }
  96. ol.notes li.note img.avatar {
  97. display:none;
  98. height:0px;
  99. width:0px;
  100. }
  101.  
  102. {block:IndexPage}
  103. {block:IfFadedImages}
  104. a img{
  105. opacity:1;
  106. -moz-transition: 0.2s ease-in;
  107. -webkit-transition: 0.2s ease-in;
  108. -o-transition: 0.2s ease-in;
  109. transition: 0.2s ease-in;
  110. }
  111. a:hover img{
  112. opacity:0.8;
  113. -moz-transition: 0.2s ease-in;
  114. -webkit-transition: 0.2s ease-in;
  115. -o-transition: 0.2s ease-in;
  116. transition: 0.2s ease-in;
  117. }
  118. {/block:IfFadedImages}
  119. {/block:IndexPage}
  120.  
  121. a:active {
  122. COLOR: {color:text};
  123. text-decoration:none;
  124. }
  125. a:link {
  126. COLOR:{color:text};
  127. text-decoration:none;
  128. }
  129. a:visited {
  130. COLOR: {color:text};
  131. text-decoration:none;
  132. }
  133. a:hover {
  134. COLOR: {color:text};
  135. text-decoration:none;
  136. }
  137. a img:hover{
  138. border:0px;
  139. }
  140. body {
  141. margin:auto;
  142. background-color:{color:background};
  143. font-family:{font:Body};
  144. font-size:{text:Body font size}px;
  145. text-align:justify;
  146. color:{color:text};
  147. text-align:justify;
  148. }
  149. .entry{
  150. margin:10px;
  151. {block:ifOneColumn}
  152. {block:indexpage}width: 500px;{/block:indexpage}
  153. {/block:ifOneColumn}
  154. {block:ifTwoColumns}
  155. {block:indexpage}width: 400px;{/block:indexpage}
  156. {/block:ifTwoColumns}
  157. {block:ifThreeColumns}
  158. {block:indexpage}width: 250px;{/block:indexpage}
  159. {/block:ifThreeColumns}
  160. {block:permalinkpage}width:500px;{/block:permalinkpage}
  161. float: left;
  162. }
  163. .entry img{
  164. {block:ifOneColumn}
  165. {block:indexpage}width: 500px;{/block:indexpage}
  166. {/block:ifOneColumn}
  167. {block:ifTwoColumns}
  168. {block:indexpage}width: 400px;{/block:indexpage}
  169. {/block:ifTwoColumns}
  170. {block:ifThreeColumns}
  171. {block:indexpage}width: 250px;{/block:indexpage}
  172. {/block:ifThreeColumns}
  173. {block:permalinkpage}width:500px;{/block:permalinkpage}
  174. }
  175.  
  176. ::-webkit-scrollbar{width:10px;
  177. height:8px;}
  178. ::-webkit-scrollbar-button:start:decrement
  179. ::-webkit-scrollbar-button:end:increment{display:block;
  180. height:0;
  181. background-color:transparent;}
  182. ::-webkit-scrollbar-track-piece{background-color:{color:background};
  183. -webkit-border-radius:0;
  184. -webkit-border-bottom-right-radius:3px;
  185. -webkit-border-bottom-left-radius:3px;}
  186. ::-webkit-scrollbar-thumb:vertical{height:50px;
  187. background-color:{color:Text};}
  188. ::-webkit-scrollbar-thumb:horizontal{width:50px;
  189. background-color:{color:Text};}
  190.  
  191. {block:ifDropShadow}
  192. a img{
  193. -webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.33);
  194. -moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.33);
  195. box-shadow: 0px 2px 8px rgba(0,0,0,0.33);
  196. }
  197. {/block:ifDropShadow}
  198.  
  199. #description{
  200. font-size:{text:Body font size}px;
  201. }
  202.  
  203. #center{
  204. padding: 10px;
  205. position: absolute;
  206. right: 10px;
  207. top: 10px;
  208. width: 900px;
  209. }
  210. .posts{
  211. margin-left:-1px;
  212. }
  213.  
  214. #sidebar{
  215. padding-top:260px;
  216. text-align: right;
  217. position: fixed;
  218. right: 950px;
  219. width:250px;
  220. height:100%;
  221. background-color:{color:background};
  222. padding-bottom:5px;
  223. }
  224. .audio{
  225. background-color:#000;
  226. {block:ifThreeColumns}
  227. {block:indexpage}width:250px;{/block:indexpage}
  228. {/block:ifThreeColumns}
  229. {block:ifTwoColumns}
  230. {block:indexpage}width:400px;{/block:indexpage}
  231. {/block:ifTwoColumns}
  232. {block:ifOneColumn}
  233. {block:indexpage}width:500px;{/block:indexpage}
  234. {/block:ifOneColumn}
  235. }
  236.  
  237.  
  238. .portrait{padding-bottom:20px;}
  239.  
  240. blogtitle{
  241. font-family:{font:body};
  242. font-size:{text:Title font size}px;
  243. {block:ifUppercaseTitle}
  244. text-transform:uppercase;
  245. {/block:ifUppercaseTitle}
  246. {block:ifItalicTitle}
  247. font-style:italic;
  248. {/block:ifItalicTitle}
  249. text-align:right !important;
  250. }
  251.  
  252. sidelinks{
  253. font-family:{font:body};
  254. font-size:{text:Body Font Size}px;
  255. padding-top:2px;
  256. letter-spacing:.1em;
  257. text-align:right !important;
  258. }
  259. a:hover,links:hover{
  260. color:{color:hover};
  261. -moz-transition: 0.4s ease-in;-
  262. webkit-transition: 0.4s ease-in;
  263. -o-transition: 0.4s ease-in;
  264. transition: 0.4s ease-in;
  265. }
  266.  
  267. </style>
  268.  
  269.  
  270. <script type="text/javascript" src="http://static.tumblr.com/oji7zlw/U1rlp25xe/1masonry.rtf"></script>
  271. <script type="text/javascript" src="http://static.tumblr.com/oji7zlw/1wElp25yl/masonry2.rtf">
  272. </script>
  273. <script src="http://static.tumblr.com/j1tjexd/KFrm9a79z/infinitescroll.js"></script>
  274. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  275. <script type="text/javascript">
  276.  
  277. $(window).load(function () {
  278. $('.posts').masonry(),
  279. $('.masonryWrap').infinitescroll({
  280. navSelector : "div#pagination",
  281. nextSelector : "div#pagination a#nextPage",
  282. itemSelector : ".entry",
  283. bufferPx : 12000,
  284. extraScrollPx: 50,
  285. loadingImg : "http://static.tumblr.com/oji7zlw/lM4lp25ra/ajax-loader.gif",
  286. loadingText : "<em></em>",
  287. },
  288. function() { $('.posts').masonry({ appendedContent: $(this) }); }
  289. );
  290. });
  291. </script>
  292. <script type="text/javascript">
  293. $(window).load(function(){
  294. $("p").remove(":contains('Source:')");
  295. });
  296. </script>
  297. </head>
  298.  
  299. <body>
  300. <div id="sidebar">
  301. {block:ifPortait}
  302. <div class="portrait"><img src="{PortraitURL-64}" style="-webkit-border-radius: 64px; -moz-border-radius: 64px; border-radius: 64px;"/></div>
  303. {/block:ifPortait}
  304. {block:ifnotheaderimage}<blogtitle>{title}</blogtitle><br>{/block:ifnotheaderimage}
  305. {block:IfHeaderImage}<img src="{image:Header}"style="max-width:200px;"/><br><br>{/block:ifheaderimage}
  306. <div id="description">{block:description}{description}<br>{/block:description}</div>
  307.  
  308. <br>{block:ifNavOne}
  309. <a href="/">home</a> /
  310. {block:ifAskLink}<a href="/ask">{text:Ask Link Text}</a> /  {/block:ifAskLink}
  311. {block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}">{text:Custom Link One Title}</a> / {/block:ifCustomLinkOneTitle}
  312. {block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}">{text:Custom Link Two Title}</a> / {/block:ifCustomLinkTwoTitle}
  313. {block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}">{text:Custom Link Three Title}</a> / {/block:ifCustomLinkThreeTitle}
  314. {block:ifCustomLinkFourTitle}<a href="{text:Custom Link Four}">{text:Custom Link Four Title}</a> / {/block:ifCustomLinkFourTitle}
  315. {block:ifCustomLinkFiveTitle}<a href="{text:Custom Link Five}">{text:Custom Link Five Title}</a> / {/block:ifCustomLinkFiveTitle}
  316. {block:ifArchiveLink}<a href="/archive">{text:Archive Link Text}</a> / {/block:ifArchiveLink}
  317. <a href="http://manolescent.tumblr.com/">theme</a><br>
  318. {/block:ifNavOne}
  319.  
  320. {block:ifNavTwo}
  321. <a href="/">home</a><br>
  322. {block:ifAskLink}<a href="/ask">{text:Ask Link Text}</a><br>{/block:ifAskLink}
  323. {block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}">{text:Custom Link One Title}</a><br>{/block:ifCustomLinkOneTitle}
  324. {block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}">{text:Custom Link Two Title}</a><br>{/block:ifCustomLinkTwoTitle}
  325. {block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}">{text:Custom Link Three Title}</a><br>{/block:ifCustomLinkThreeTitle}
  326. {block:ifCustomLinkFourTitle}<a href="{text:Custom Link Four}">{text:Custom Link Four Title}</a><br>{/block:ifCustomLinkFourTitle}
  327. {block:ifCustomLinkFiveTitle}<a href="{text:Custom Link Five}">{text:Custom Link Five Title}</a><br>{/block:ifCustomLinkFiveTitle}
  328. {block:ifArchiveLink}<a href="/archive">{text:Archive Link Text}</a><br>{/block:ifArchiveLink}
  329. <a href="http://manolescent.tumblr.com/">©</a><br>
  330. {/block:ifNavTwo}
  331.  
  332. </div></div>
  333. <div id="center">
  334. <div class="posts">
  335. {block:Posts}
  336. <div class="entry">
  337. {block:Text}
  338. {block:title}<div style="border-bottom: solid 1px #c0c0c0;">{Title}</div>{/block:title}
  339. {Body}<div id="notes"><a href="{Permalink}">{12Hour}:{Minutes}{AmPm}</a></div>
  340. {/block:Text}
  341.  
  342. {block:Photo}
  343. <div id="entry">
  344. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  345. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  346. <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}"width="250"/>
  347. {block:IndexPage}</a>{/block:IndexPage}
  348. {block:PermalinkPage}<br><center>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}<i>Posted on {ShortMonth}&nbsp;{DayOfMonth} with {NoteCountwithlabel}</i></center>
  349. {/block:PermalinkPage}
  350. </div>
  351. {/block:Photo}
  352.  
  353. {block:Photoset}
  354. <div id="entry">
  355. {block:ifOneColumn}
  356. {block:IndexPage}{Photoset-500}{/block:IndexPage}
  357. {/block:ifOneColumn}
  358. {block:ifTwoColumns}
  359. {block:IndexPage}{Photoset-400}{/block:IndexPage}
  360. {/block:ifTwoColumns}
  361. {block:ifthreeColumns}
  362. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  363. {/block:ifThreeColumns}
  364. {block:PermalinkPage}{block:Caption}{caption} {/block:Caption}{/block:permalinkpage}<div id="notes">
  365. <a href="{Permalink}"> {12Hour}:{Minutes}{AmPm}</a></div></div>
  366. {/block:Photoset}
  367.  
  368. {block:Quote}
  369. {Quote}<div style="text-align:right;">- <i>{Source}</i></div><div id="notes"><a href="{Permalink}">{12Hour}:{Minutes}{AmPm}</a></div>
  370. {/block:Quote}
  371.  
  372. {block:Link}
  373. <a href="{URL}" class="link" {Target}><u>{Name}</u></a>{/block:Link}
  374. {block:Link}{block:Description}<P>{Description}</p>{/block:Description}<div id="notes"><a href="{Permalink}">{12Hour}:{Minutes}{AmPm}</a></div>{/block:Link}
  375.  
  376. {block:Chat}
  377. {block:Title}<i>{Title}</i>{/block:Title}<br>
  378. {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}<div id="notes"><a href="{Permalink}">{12Hour}:{Minutes}{AmPm}</a></div>
  379. {/block:Chat}
  380.  
  381. {block:Audio}
  382. <div class="audio">
  383. {AudioPlayerBlack}
  384. </div><center>{block:Caption}{Caption}{/block:Caption}</center>
  385. <div id="notes"><a href="{Permalink}">{12Hour}:{Minutes}{AmPm}</a></div>
  386. {/block:Audio}
  387.  
  388. {block:Video}
  389. {block:ifOneColumn}
  390. {block:IndexPage}{Video-500}{/block:IndexPage}
  391. {/block:ifOneColumn}
  392. {block:ifTwoColumns}
  393. {block:IndexPage}{Video-400}{/block:IndexPage}
  394. {/block:ifTwoColumns}
  395. {block:ifthreeColumns}
  396. {block:IndexPage}{Video-250}{/block:IndexPage}
  397. {/block:ifThreeColumns}
  398. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  399. {block:permalinkpage}{block:Caption}{Caption}{/block:Caption}{/block:permalinkpage}
  400. <div id="notes"><a href="{Permalink}">{12Hour}:{Minutes}{AmPm}</a></div>{/block:Video}
  401.  
  402. {block:Answer}
  403. <i>{Asker}: {Question}</i>
  404. {Answer}<br>
  405. <div id="notes"><a href="{Permalink}">{12Hour}:{Minutes}{AmPm}</a></div>
  406. {/block:Answer}
  407.  
  408. </div>
  409. {/block:Posts}
  410. </div>
  411. </div>
  412. {block:Pagination}<div id="pagination">
  413. {block:PreviousPage}<a href="{PreviousPage}">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}</div>{/block:Pagination}
  414. </body>
  415. </html>
create a new version of this paste RAW Paste Data