API tools faq
paste
Advertisement
dylaenobriens

Iris

dylaenobriens
Jul 26th, 2013
331
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.70 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- Iris By Dylaenobriens
  4. Follow the rules and we'll be fine
  5. but if you don't
  6. I WILL RIP YOUR EYEBALLS OUT AND MAKE BLOOD JUICE OUT OF THEM LIKE IN HAPPY TREE FRIENDS-->
  7.  
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  9.  
  10.  
  11. <head>
  12.  
  13. <title>{Title}</title>
  14.  
  15. {block:Description}<meta name="description" content="{MetaDescription}"/>
  16. {/block:Description}
  17. <link rel="shortcut icon" href="{Favicon}" />
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  19.  
  20. <meta name="color:bg" content="#ffffff">
  21. <meta name="color:link" content="#bbb8b8">
  22. <meta name="color:text" content="#9a9a9a">
  23. <meta name="color:tags" content="#b9b7b7">
  24. <meta name="color:ask" content="#fcfcfc">
  25. <meta name="color:hover" content="#eeeeee">
  26. <meta name="color:border" content="#e7e7e7">
  27. <meta name="color:scrollbar" content="#d6d5d5">
  28.  
  29.  
  30. <meta name="image:sidebar" content=""/>
  31. <meta name="image:sidebar2" content=""/>
  32.  
  33. <meta name="text:link1" content="">
  34. <meta name="text:link1 url" content="/">
  35. <meta name="text:link2" content="">
  36. <meta name="text:link2 url" content="/">
  37. <meta name="text:link3" content="">
  38. <meta name="text:link3 url" content="/">
  39. <meta name="text:link4" content="">
  40. <meta name="text:link4 url" content="/">
  41.  
  42. <meta name="if:Cursor" content="1">
  43. <meta name="if:500pxPosts" content="1">
  44. <meta name="if:400pxPosts" content="0">
  45.  
  46.  
  47. <style type="text/css">
  48.  
  49. /*--scrollbar--*/
  50.  
  51. ::-webkit-scrollbar-thumb:vertical {border:3px solid #fff;height:12px; background-color:{color:scrollbar};}
  52. ::-webkit-scrollbar-thumb:horizontal {background-color:#fff;}
  53. ::-webkit-scrollbar {background-color:{color:scrollbar};height:7px;width:12px;border:5px solid #fff;}
  54. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{background-color:{color:scrollbar};display:block;height:8px;border-right:2px solid #fff;border-left:2px solid #fff;
  55. }
  56. /*--body--*/
  57.  
  58.  
  59. body {
  60. font-style:none;
  61. background-color:{color:bg};
  62. font-family:calibri;
  63. color:{color:text};
  64. font-size:9px;
  65. }
  66.  
  67.  
  68. a {
  69. color:{color:link};
  70. text-decoration:none;
  71. -webkit-transition: all 0.5s ease-out;
  72. -moz-transition: all 0.5s ease-out;
  73. transition: all 0.5s ease-out;
  74. }
  75.  
  76. a:hover {
  77. color:{color:hover};
  78. text-decoration:none;
  79. -webkit-transition: all 0.8s ease-out;
  80. -moz-transition: all 0.8s ease-out;
  81. transition: all 0.8s ease-out;
  82. }
  83.  
  84. img {
  85. border:none;
  86. }
  87.  
  88. blockquote {
  89. padding-left:5px;
  90. border-left:2px solid {color:border};
  91. }
  92.  
  93. h1 {
  94. font-size:10px;
  95. }
  96.  
  97. /*--Cursor code--*/
  98.  
  99. {block:ifCursor}
  100.  
  101. body, a, a:hover {cursor: url("http://www.totallylayouts.com/cursors/random/tiny_cursor.png"), auto }
  102.  
  103. {/block:ifCursor}
  104.  
  105.  
  106.  
  107. /*--sidebar--*/
  108.  
  109. #sidebar {
  110. color:{color:text};
  111. position:fixed;
  112. width:150px;
  113. margin-top:30px;
  114. margin-left:-100px;
  115. text-align:left;
  116. }
  117.  
  118. #sidebarimage {
  119. width:130px;
  120. }
  121.  
  122. #sidebarimage img {
  123. position:fixed;
  124. width:130px;
  125. margin-top:-3px;
  126. margin-left:-60px;
  127. padding:3px;
  128. }
  129.  
  130. #sidebarimage2 {
  131. width:130px;
  132. }
  133.  
  134. #sidebarimage2 img {
  135. position:fixed;
  136. width:130px;
  137. margin-top:-3px;
  138. margin-left:69px;
  139. padding:3px;
  140. }
  141.  
  142. #blackbg {
  143. background-color:black;
  144. color:black;
  145. width:150px;
  146. height:130px;
  147. margin-left:252px;
  148. margin-top:220px;
  149. position:fixed;
  150. }
  151.  
  152. /*--links--*/
  153.  
  154. #links {
  155. width:150px;
  156. font-family:'times new roman';
  157. position:fixed;
  158. text-transform:uppercase;
  159. text-align:center;
  160. margin-top:20px;
  161. margin-left:-10px;
  162. }
  163.  
  164. #links a {
  165. color:white;
  166. padding:5px;
  167. font-size:8px;
  168. text-shadow: 3px 4px 3px #FF0000, 5px 3px 1px #00F1F5;
  169. }
  170.  
  171. #links a:hover {
  172. color:{color:hover};
  173. }
  174.  
  175. /*--description--*/
  176.  
  177. #description {
  178. width:120px;
  179. position:fixed;
  180. font-family:'trebuchet ms';
  181. font-size:9px;
  182. text-align:center;
  183. margin-left:7px;
  184. margin-top:55px;
  185. color:#eee;
  186. }
  187.  
  188. #description a {
  189. color:#eee;
  190. }
  191.  
  192. /*--pagination--*/
  193.  
  194. {block:if500pxPosts}
  195.  
  196. #pagination {
  197. text-transform:uppercase;
  198. position:fixed;
  199. text-align:center;
  200. font-size:12px;
  201. margin-left:993px;
  202. margin-top:315px;
  203. font-family:times new roman;
  204. }
  205.  
  206. {/block:if500pxPosts}
  207.  
  208. {block:if400pxPosts}
  209.  
  210. #pagination {
  211. text-transform:uppercase;
  212. position:fixed;
  213. text-align:center;
  214. font-size:12px;
  215. margin-left:900px;
  216. margin-top:315px;
  217. font-family:times new roman;
  218. }
  219.  
  220. {/block:if400pxPosts}
  221.  
  222. #pagination a{
  223. color:{color:link};
  224. }
  225.  
  226. #pagination a:hover {
  227. color:{color:hover};
  228. }
  229.  
  230. /*--posts--*/
  231.  
  232. {block:if500pxPosts}
  233.  
  234. #posts {
  235. width:500px;
  236. margin-bottom:10px;
  237. padding:1px;
  238. font-size:11px;
  239. color:{color:text};
  240. line-height:90%;
  241. text-align:justify;
  242. }
  243.  
  244. {/block:if500pxPosts}
  245.  
  246. {block:if400pxPosts}
  247.  
  248. #posts {
  249. width:400px;
  250. margin-bottom:10px;
  251. padding:1px;
  252. font-size:11px;
  253. color:{color:text};
  254. line-height:90%;
  255. text-align:justify;
  256. }
  257.  
  258. {/block:if400pxPosts}
  259.  
  260. #postscontainer {
  261. margin-bottom:20px;
  262. padding:1px;
  263. margin-left:450px;
  264. margin-top:45px;
  265. }
  266.  
  267.  
  268. #info {
  269. margin-bottom:10px;
  270. font-size:8px;
  271. margin-top:10px;
  272. text-align:left;
  273. padding:5px;
  274. color:{color:link};
  275. border-top:1px solid {color:border};
  276. }
  277.  
  278.  
  279. #reblog {
  280. text-transform:uppercase;
  281. font-family:trebuchet ms;
  282. margin-left:-5px;
  283. margin-top:-5px;
  284. text-align:center;
  285. color:white;
  286. background-color:#cfcece;
  287. width:35px;
  288. padding:3px;
  289. }
  290.  
  291. #reblog a {
  292. color:white;
  293. }
  294.  
  295. #notes {
  296. margin-left:40px;
  297. margin-top:-12px;
  298. }
  299.  
  300. {block:if500pxPosts}
  301.  
  302. #rightinfo {
  303. text-transform:uppercase;
  304. font-family:trebuchet ms;
  305. margin-left:370px;
  306. text-align:justify;
  307. float:right;
  308. background-color:#cfcece;
  309. padding:3px;
  310. margin-top:-12px;
  311. color:white;
  312. }
  313.  
  314. {/block:if500pxPosts}
  315.  
  316. {block:if400pxPosts}
  317.  
  318. #rightinfo {
  319. text-transform:uppercase;
  320. font-family:trebuchet ms;
  321. margin-left:240px;
  322. text-align:justify;
  323. float:right;
  324. background-color:#cfcece;
  325. padding:3px;
  326. margin-top:-12px;
  327. color:white;
  328. }
  329.  
  330. {/block:if400pxPosts}
  331.  
  332. #rightinfo a {
  333. color:white;
  334. }
  335.  
  336. /*--tags--*/
  337.  
  338. #tags {
  339. width:490px;
  340. margin-left:-4px;
  341. margin-top:7px;
  342. font-size:8px;
  343. color:{color:tags}:
  344. }
  345.  
  346. #tags a {
  347. color:{color:tags};
  348. }
  349.  
  350. #tags a:hover {
  351. color:{color:hover}
  352. }
  353.  
  354. /*--asks--*/
  355.  
  356. #askbg {
  357. padding:14px;
  358. background-color:{color:ask};
  359. }
  360.  
  361. #ask {
  362. margin-top:-15px;
  363. font-family:calibri;
  364. text-align:left;
  365. }
  366.  
  367. #ask img {
  368. margin-top:50px;
  369. width:30px;
  370. }
  371.  
  372.  
  373. /*--Tootltips yo--*/
  374.  
  375. #s-m-t-tooltip {
  376. max-width:300px;
  377. padding:3px 4px 5px 4px;
  378. margin:20px 0px 0px 20px;
  379. background-color:#fff;
  380. border:1px solid #ddd;
  381. font-family:calibri;
  382. font-size:9px;
  383. letter-spacing:2px;
  384. text-transform:uppercase;
  385. color:#999;
  386. z-index:999999999999999999999999999999999999;
  387. }
  388.  
  389.  
  390. /*--Hover code
  391. DO NOT TOUCH THIS UNLESS YOU KNOW WHAT YOU'RE DOING--*/
  392.  
  393.  
  394. /*--Left Sidebar--*/
  395.  
  396. #blackbg #sidebarimage img {
  397. margin-right:0px;
  398. -webkit-transition: all 0.5s ease-out;
  399. -moz-transition: all 0.5s ease-out;
  400. transition: all 0.5s ease-out;
  401. }
  402.  
  403. #blackbg:hover #sidebarimage img {
  404. margin-left:-133px;
  405. -webkit-transition: all 0.8s ease-out;
  406. -moz-transition: all 0.8s ease-out;
  407. transition: all 0.8s ease-out;
  408. }
  409.  
  410. /*--Right Sidebar--*/
  411.  
  412. #blackbg #sidebarimage2 img {
  413. margin-right:0px;
  414. -webkit-transition: all 0.5s ease-out;
  415. -moz-transition: all 0.5s ease-out;
  416. transition: all 0.5s ease-out;
  417. }
  418.  
  419. #blackbg:hover #sidebarimage2 img {
  420. margin-left:135px;
  421. -webkit-transition: all 0.8s ease-out;
  422. -moz-transition: all 0.8s ease-out;
  423. transition: all 0.8s ease-out;
  424. }
  425.  
  426. /*--credit
  427. TOUCH THIS AND I'LL SLIT YOUR THROAT--*/
  428.  
  429. #credit {
  430. right:3px;
  431. bottom:6px;
  432. font-size:9px;
  433. padding:5px;
  434. color:{color:text};
  435. background-color:#fafafa;
  436. text-transform:uppercase;
  437. border:1px solid {color:border};
  438. position:fixed;
  439. -webkit-transition: all 0.5s ease-out;
  440. -moz-transition: all 0.5s ease-out;
  441. transition: all 0.5s ease-out;
  442. }
  443.  
  444. #credit:hover {
  445. background-color:black;
  446. color:white;
  447. }
  448.  
  449.  
  450. {CustomCSS}
  451.  
  452. </style></head>
  453.  
  454.  
  455. <body>
  456.  
  457. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  458.  
  459. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  460.  
  461. <script>
  462.  
  463. (function($){
  464.  
  465. $(document).ready(function(){
  466.  
  467. $("a[title]").style_my_tooltips({
  468.  
  469. tip_follows_cursor:true,
  470.  
  471. tip_delay_time:90,
  472.  
  473. tip_fade_speed:600,
  474.  
  475. attribute:"title"
  476.  
  477. });
  478.  
  479. });
  480.  
  481. })(jQuery);
  482.  
  483. </script>
  484.  
  485.  
  486.  
  487. <div id="sidebar">
  488.  
  489. <div id="blackbg">
  490.  
  491. <div id="description">{description}</div>
  492.  
  493. <div id="links">
  494. <a title="{text:link1}" href="{text:link1 url}">I.</a>
  495. <a title="{text:link2}" href="{text:link2 url}">II.</a>
  496. <a title="{text:link3}" href="{text:link3 url}">III.</a>
  497. <a title="{text:link4}" href="{text:link4 url}">IV.</a>
  498. </div>
  499.  
  500.  
  501. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  502.  
  503.  
  504. <div id="sidebarimage2"><img src="{image:sidebar2}"></div></div></div></div>
  505.  
  506. </div></div>
  507.  
  508. {block:Pagination}
  509. <div id="pagination">
  510.  
  511. {block:PreviousPage}<a href="{PreviousPage}">Prev</a>{/block:PreviousPage}
  512. {block:NextPage}<a href="{NextPage}">Next</a>{/block:NextPage}
  513. </div>{/block:Pagination}
  514.  
  515. <div id="postscontainer">
  516.  
  517. {block:Posts}
  518.  
  519. <div id="posts">
  520.  
  521.  
  522. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  523.  
  524.  
  525. {block:Photo}{LinkOpenTag}
  526.  
  527. {block:if500pxPosts}
  528. <img src="{PhotoURL-500}">
  529. {/block:if500pxPosts}
  530.  
  531. {block:if400pxPosts}
  532. <img src="{PhotoURL-400}">
  533. {/block:if400pxPosts}
  534.  
  535. {LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  536.  
  537. {block:Photoset}
  538.  
  539. {block:if500pxPosts}
  540. {Photoset-500}
  541. {/block:if500pxPosts}
  542.  
  543. {block:if400pxPosts}
  544. {Photoset-400}
  545. {/block:if400pxPosts}
  546.  
  547. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  548.  
  549. {block:Quote}{Quote}{block:Source} &#8212;{Source}{/block:Source}{/block:Quote}
  550.  
  551. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  552.  
  553. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  554.  
  555. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  556.  
  557. {block:Video}
  558.  
  559. {block:if500pxPosts}
  560. {Video-500}
  561. {/block:if500pxPosts}
  562.  
  563. {block:if400pxPosts}
  564. {Video-400}
  565. {/block:if400pxPosts}
  566.  
  567. {block:Caption}{Caption}{/block:Caption}{/block:Video}
  568.  
  569.  
  570. {block:Answer}<div id="askbg"><div id="ask"></div><br><img src="{AskerPortraitURL-24}"> <div style="margin-top:-15px;margin-left:30px;"> {Asker} said: {Question}</div></div> {Answer}{/block:Answer}
  571.  
  572. <div id="info"><div id="reblog"><a href="{ReblogURL}" target="_blank" class="details">Reblog</a></div><div id="notes"><a href="{Permalink}">
  573. {NoteCountWithLabel}</a></div>
  574. <div id="rightinfo">{block:Date}<a href="{Permalink}">
  575. {TimeAgo}</a></a>{/block:Date} |{block:RebloggedFrom}<a href="{ReblogParentURL}"
  576. title="{ReblogParenttitle}">Via</a> | <a href="{ReblogRootURL}"title="{ReblogRoottitle}">Source</a>{/block:RebloggedFrom}</div>
  577. {block:HasTags} <div id="tags">Tags:{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>
  578.  
  579.  
  580. </div>
  581.  
  582. {/block:Posts}
  583.  
  584. {block:PostNotes}{PostNotes}</div>{/block:PostNotes}
  585. {/block:Posts}
  586.  
  587. </div>
  588.  
  589.  
  590. <div id="credit"><a href="http://dylaenobriens.tumblr.com/">DYLAENOBRIENS</a>
  591. </body>
  592. </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!