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

invision~

By: roxasmustdie on Jul 1st, 2011  |  syntax: None  |  size: 13.00 KB  |  hits: 1,240  |  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. Let's make a new-fucking-theme.
  5.  
  6. -->
  7. <html xmlns="http://www.w3.org/1999/xhtml">
  8. <html lang="en"><head>
  9.  
  10. <title>{Title}{block:PostTitle} ~ {PostTitle}{/block:PostTitle}</title>
  11.  
  12. <meta name="color:text" content="8B8A8A" />
  13. <meta name="text:Custom Link One" content=""/>
  14. <meta name="text:Custom Link One URL" content=""/>
  15. <meta name="text:Custom Link Two" content=""/>
  16. <meta name="text:Custom Link Two URL" content=""/>
  17. <meta name="text:Custom Link Three" content=""/>
  18. <meta name="text:Custom Link Three URL" content=""/>
  19. <meta name="text:Custom Link Four" content=""/>
  20. <meta name="text:Custom Link Four URL" content=""/>
  21. <meta name="text:Custom Link Five" content=""/>
  22. <meta name="text:Custom Link Five URL" content=""/>
  23. <meta name="text:Custom Link Six" content=""/>
  24. <meta name="text:Custom Link Six URL" content=""/>
  25. <meta name="color:Sidebar Background" content="#000"/>
  26. <meta name="color:Sidebar Right Border" content="#fff"/>
  27. <meta name="color:Post Titles" content="#8F8F8F"/>
  28. <meta name="color:Body Text" content="#686868"/>
  29. <meta name="color:Links" content="#D87920"/>
  30. <meta name="color:Links Hover" content="#ccc"/>
  31. <meta name="color:Navigation Arrows" content="#ccc"/>
  32. <meta name="color:Description Background" content="#333333"/>
  33. <meta name="color:Description Link" content="#BDBEBE"/>
  34. <meta name="color:Description Link Hover" content="#AAAAAA"/>
  35. <meta name="color:Description Link Border" content="#63767A"/>
  36. <meta name="color:Description Link Background" content="#dbdbdb"/>
  37. <meta name="color:Description Link Background Hover" content="#ffffff"/>
  38. <meta name="color:Description Text" content="#CACACA"/>
  39. <meta name="text:Description1" content="INDEX"/>
  40. <meta name="text:Description1URL" content="/"/>
  41. <meta name="text:Description2" content="???"/>
  42. <meta name="text:Description2URL" content="/archive"/>
  43. <meta name="text:Description3" content="???"/>
  44. <meta name="text:Description3URL" content="http://"/>
  45. <meta name="text:Description4" content="???"/>
  46. <meta name="text:Description4URL" content="http://"/>
  47.  
  48. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lkl671Uwrz1qfamg6.jpg">
  49.  
  50. <style type="text/css">
  51. body {background-color:#ededed;color:#A4A4A4;font-family:lucida console;font-size:10px;overflow-x:hidden;cursor: crosshair; letter-spacing:1px;background-image:url(#);background-attachment:fixed;
  52. background-repeat:no-repeat;
  53. background-attachment:fixed;
  54. background-position:bottom left;}
  55. a {text-decoration:none;color:#CACACA;-webkit-transition: all 0.7s ease-out;
  56.         -moz-transition: all 0.7s ease-out;
  57.         transition: all 0.7s ease-out;}
  58. a:hover {color:#fff;}
  59. img {border:none;}
  60.  
  61. iframe#tumblr_controls {
  62.  
  63.    right:3px !important;
  64.  
  65.    position: fixed !important;
  66.  
  67.       -webkit-transition: opacity 0.7s linear;
  68.  
  69.       opacity: 0.2;
  70.  
  71.       -webkit-transition: all 0.8s ease-out;
  72.  
  73.       -moz-transition: all 0.8s ease-out;
  74.  
  75.       transition: all 0.8s ease-out;}
  76.  
  77.  
  78.  
  79. iframe#tumblr_controls:hover{
  80.  
  81.    -webkit-transition: opacity 0.7s linear;
  82.  
  83.    opacity: 1;
  84.  
  85.    -webkit-transition: all 0.4s ease-out;
  86.  
  87.    -moz-transition: all 0.4s ease-out;
  88.  
  89.    transition: all 0.4s ease-out;}
  90. ol.notes {width:500px;font-size:9px;padding:0px;color:#cacaca;margin: 15px 0px;list-style-type: none;background:none;
  91.                }
  92. ol.notes a,ol.notes span,#tra span {color:#cacaca;background:none;}
  93. ol.notes li.note { border-top: solid 0px #333333;padding:12px;}
  94. blockquote{padding:0 0 0 3px; margin:0 0 0 14px; border-left: 2px solid #D1D1D1; }
  95. div.hib a  {font-size:9px;font-style:none;font-family:lucida console;text-align:left;position:absolute;left:910px;width:200px;color:#fff;line-height:22px;}
  96. div.hib {
  97.         opacity: 0;
  98.         filter:alpha(opacity=0);
  99.         -moz-opacity: 0;
  100.         -khtml-opacity: 0;
  101.         -webkit-transition: all 0.5s ease;
  102.         -moz-transition: all 0.5s ease;
  103.         -o-transition: all 0.5s ease;
  104. }
  105. div.bird:hover div.hib {
  106.         opacity: 1;
  107.         filter:alpha(opacity=100);
  108.         -moz-opacity: 1;
  109.         -khtml-opacity: 1;
  110. }
  111. .muk {font-size:50px;z-index:999;position:fixed;left:910px;bottom:0px;text-align:right;
  112. }
  113. .muk a:hover {color:#fff;}
  114.  
  115. a:link, a:visited, a:active{color:#777575; outline: none; -moz-outline-style: none;text-decoration:none;}
  116. a:hover{-moz-outline-style: none; -webkit-transition: 0.3s ease-in; color:#ffffff;}
  117.  
  118. #giffu{background-color:#ffffff; width: 220px; position: fixed; right:50px; top: 120px; -moz-box-shadow: 2px 2px 1px #dfdfdf;-webkit-box-shadow: 2px 2px 1px #dfdfdf;}
  119. #sidebar{background-color:#ffffff; font-family: "lucida console", "courier new"; width: 200px; position: fixed; right:50px; top: 200px; padding: 0px 10px 10px 10px;-moz-box-shadow: 2px 2px 1px #dfdfdf;-webkit-box-shadow: 2px 2px 1px #dfdfdf; letter-spacing:0; line-height: 10px;}
  120. #won a {display:block;width:170px;background-color:{color:Description Link Background};margin-bottom:1px;text-transform:lowercase;font-size:10px;text-align:left;border-right:none;border-right:5px solid {color:Description Link Border};color:{color:Description Link};}
  121. #won a:hover {background-color:{color:Description Link Background Hover};text-align:right;text-transform:uppercase;border-left:none;border-right:none;border-left:3px solid {color:Description Link Border};color:{color:Description Link Hover};}
  122. #won a span {line-height:10px;font-family:lucida console;letter-spacing:1px;margin-left:10px;}
  123.  
  124. #taemin{width:200px; font-size:10px; text-transform:uppercase; letter-spacing:1px; font-family:lucida console; background-color:#63767A;}
  125.  
  126. .about{background-color:#ffffff; color:#919191; width: 200px; position: fixed; right:55px; top: 415px; padding: 5px; text-align: center; float:right;font-size: 7px;-moz-box-shadow: 2px 2px 1px #dfdfdf;-webkit-box-shadow: 2px 2px 1px #dfdfdf;}
  127. h2{font-size: 20px; line-height:100%; color:{color:link};}
  128.  
  129. #notes{background-color:#FFFFFF;font-family:lucida console;font-size:10px;font-weight:normal;color:#CACACA;display:block; width:508px;margin:auto;padding:1px;-moz-box-shadow: 2px 2px 1px #dfdfdf;-webkit-box-shadow: 2px 2px 1px #dfdfdf;}
  130. #onew{position:absolute; margin-left:-11px; margin-top:10px;}
  131. #minho{width:500px; padding:5px; background-color:#ffffff; margin-top: 10px; right:50px;opacity:.90; -moz-opacity: 0.80; filter: alpha(opacity=80);overflow:hidden;-moz-box-shadow: 2px 2px 1px #dfdfdf;-webkit-box-shadow: 2px 2px 1px #dfdfdf;}
  132. #jonghyun{margin: auto; width:500px; padding:1px; background-color:#; position:absolute; right:285px;}
  133.  
  134. #goku {;top:{block:IfDescriptionTopPosition}{text:Description Top Position}{/block:IfDescriptionTopPosition};left:{block:IfDescriptionLeftPosition}{text:Description Left Position}{/block:IfDescriptionLeftPosition};height{block:IfSidebarImageHeight}{text:Sidebar Image Height}{/block:IfSidebarImageHeight};background-image:url(http://oi55.tinypic.com/16i8u48.jpg);}
  135. .shiny img, .dead img {max-width:350px;}
  136. .stars {text-align:;left;margin:10px;}
  137. .stars li, .stars ol, .stars blockquote {text-align:left;}
  138. h3 a {font-family: georgia;text-transform:lowercase;font-size:15px;
  139.         font-weight:normal;color:#000;padding:7px;font-style:italic;
  140.         }
  141.  
  142. #sora {position:fixed;bottom:-290px;left:50px;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; filter: alpha(opacity = 30);opacity:0.3;z-index:1;}
  143.  
  144. #sora:hover { -webkit-transform: translate(-3em,1em);-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;filter: alpha(opacity = 100);opacity:1.0; }
  145.  
  146. img{
  147. -webkit-transition: opacity 0.8s linear;
  148. opacity: 0.60;
  149. }
  150. img:hover{
  151. -webkit-transition: opacity 0.8s linear;
  152. opacity: 1;
  153. }
  154.  
  155.  
  156.  
  157. b {
  158. font-weight: bold;
  159. color: #9DACAC;}
  160.  
  161.  
  162.  
  163. i, em {
  164. font-weight:italic;
  165. color: #a4c0b6;}
  166.  
  167.  
  168.  
  169. u {
  170. font-weight:none;
  171. border-bottom: 2px solid #c0c0c0;
  172. }
  173.  
  174. ol.notes {
  175.     color: #9DACAC;
  176.     padding: 0px;
  177.     margin: 5px 5px;
  178. }
  179.  
  180. ol.notes li.note {
  181.     color: #9DACAC;
  182.     border-top: none;
  183.     padding: 0px;
  184. }
  185.  
  186. ol.notes li.note img.avatar {
  187.     color: #9DACAC;
  188.     vertical-align: 0px;
  189.     margin-right: 5px;
  190.     width: 16px;
  191.     height: 16px;
  192. }
  193.  
  194. ol.notes li.note span.action {
  195.     font-weight: normal;
  196.     color: #9DACAC;
  197. }
  198.  
  199. ol.notes li.note .answer_content {
  200.     font-weight: normal;
  201.     color: #9DACAC;
  202. }
  203.  
  204. ol.notes li.note blockquote {
  205.     color: #CACACA;
  206.     border-color: #9DACAC;
  207.     padding: 5px 5px;
  208.     margin: 5px 5px 5px 5px;
  209. }
  210.  
  211. ol.notes li.note blockquote a {
  212.     text-decoration: none;
  213.     color: #9DACAC;
  214. }
  215.  
  216. a:link, a:visited, a:active{color:#777575; font-family: "lucida console", "courier new" ; font-size: 10px; outline: none; -moz-outline-style:none;text-decoration:none;  LETTER-SPACING: 1px;}
  217. a:hover{ -moz-outline-style: none; -webkit-transition: 0.8s ease-in; color:#B7C1C1;}
  218. a.linkies{font-size: 20px; line-height:100%; color:#777575;}
  219. a.perma{line-height:100%; color:#88989C;}
  220. a.nav{font-family:arial black; font-size: 20px; line-height:100%; color:#777575;}
  221.  
  222. </style>
  223.  
  224. <body>
  225.  
  226.  
  227.  
  228. <div id="jonghyun"><div class = "autopagerize_page_element">{block:Posts}
  229. <div id="onew"><a href="{Permalink}" title="{TimeAgo} | {NoteCountWithLabel}" class="perma">x</a></div>
  230. <div id="minho">
  231.  
  232. {block:Text} {block:Title}<div class="title"><center>{Title}</center></div>{/block:Title}<center>{Body}</center>{/block:Text}
  233.  
  234. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}"{block:IndexPage} title="{PhotoAlt}"{/block:IndexPage} width="500">{LinkCloseTag}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}
  235.  
  236. {block:Photoset}
  237. {Photoset-500}{block:Caption}{Caption}{/block:Caption}
  238. {/block:Photoset}
  239.  
  240. {block:Quote}<div class="title"><center><a href="{Permalink}" class="linkies">❝{Quote}❞</a></div>{block:Source}<div class="src">{Source}</div></p>{/block:Source}</center>{/block:Quote}
  241.  
  242. {block:Link}<div class="title"><center><a href="{URL}" {Target} class="linkies">{Name}</a></center></div>{block:Description}{/block:Description}{/block:Link}
  243.  
  244. {block:Chat}{block:Title}<div class="title">{Title}</div>{/block:Title}
  245. <ul class="chat">{block:Lines}<li class="{Alt} user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}</ul>{/block:Chat}
  246.  
  247. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  248. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  249. {block:Answer} <center><font color=#79a6a3><blockquote>{Asker}: {Question}</font></blockquote><br> --- <big><big><big>♛</big></big></big> --- <center><br>{Answer}{/block:Answer}
  250. </div>
  251. {/block:Posts}</div>
  252. {block:PostNotes}
  253. <div id="notes">{PostNotes}{/block:PostNotes}</div>
  254. </div>
  255. </div>
  256.  
  257.  
  258. <footer><center><a href="http://elyxir.tumblr.com"></a></center></footer>
  259.  
  260.  
  261.  
  262.  
  263.  
  264. <div id=giffu>
  265. <img src="http://24.media.tumblr.com/tumblr_lm36l8C2971qdqy0bo1_500.gif"/ width="220px"></div>
  266. </div>
  267. <div id="sidebar"><center>
  268. <div id="won"><br>
  269. <a href="/"><span>{text:Description1}</span></a>
  270. <a href="/tagged/100facts"><span>{text:Description2}</span></a>
  271. <a href="/tagged/30days"><span>{text:Description3}</span></a>
  272. <a href="/ask"><span>{text:Description4}</span></a>
  273. {block:IfCustomLinkOne}<a href="{block:IfCustomLinkOneURL}{text:Custom Link One URL}{/block:IfCustomLinkOneURL}"><span>{text:Custom Link One}</span>{/block:IfCustomLinkOne}</a>{block:IfCustomLinkTwo}<a href="{block:IfCustomLinkTwoURL}{text:Custom Link Two URL}{/block:IfCustomLinkTwoURL}"><span>{text:Custom Link Two}</span>{/block:IfCustomLinkTwo}</a>{block:IfCustomLinkThree}<a href="{block:IfCustomLinkThreeURL}{text:Custom Link Three URL}{/block:IfCustomLinkThreeURL}"><span>{text:Custom Link Three}</span>{/block:IfCustomLinkThree}</a>
  274. {block:IfCustomLinkFour}<a href="{block:IfCustomLinkFourURL}{text:Custom Link Four URL}{/block:IfCustomLinkFourURL}"><span>{text:Custom Link Four}</span>{/block:IfCustomLinkFour}</a>
  275. {block:IfCustomLinkFive}<a href="{block:IfCustomLinkFiveURL}{text:Custom Link Five URL}{/block:IfCustomLinkFiveURL}"><span>{text:Custom Link Five}</span>{/block:IfCustomLinkFive}</a>
  276. {block:IfCustomLinkSix}<a href="{block:IfCustomLinkSixURL}{text:Custom Link Six URL}{/block:IfCustomLinkSixURL}"><span>{text:Custom Link Six}</span>{/block:IfCustomLinkSix}</a></div><br>
  277.  
  278. <div id="taemin"><font color=ffffff><center><small></small>{title}</center></font></div>{Description}<div id="taemin">best view in chrome</div>
  279.  
  280.  
  281. </center><div>
  282. <div id =gokku>
  283. <br><center><select style="font-family: lucida console;color:#696969;background:#fff;width:180px;font-size:9px;letter-spacing:1px;border:2px solid #ccc;"
  284.  
  285. onChange="location.href=this.options[this.selectedIndex].value;"><option value=''>♚~ s e l e c t</option>
  286.  
  287.  
  288.  
  289. <option value="/archive"> ~ archive</option>
  290.  
  291. <option value="/intro"> ~ intro</option>
  292.  
  293. <option value="/bias"> ~ bias</option>
  294.  
  295. </select></div>
  296.  
  297. <div class=about><center><a href=http://elyxir.tumblr.com/tagged/theme><small>//more themes//</small></a></div>
  298.  
  299. <div id="sora"><img src="#" width="500px"></div>
  300.  
  301.  
  302. </div></div>
  303.  
  304. </body>
  305.  
  306. </script>
create a new version of this paste RAW Paste Data