Advertisement
karenok

Theme 17

May 23rd, 2013
92
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.11 KB | None | 0 0
  1. <!--
  2. Theme by fvckanonymous, keep the credits okay? Okay
  3. -->
  4.  
  5. <html>
  6. <head>
  7.  
  8. <script type="text/javascript">
  9. <!--
  10.  
  11. function IE(e)
  12. {
  13. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  14. {
  15. return false;
  16. }
  17. }
  18. function NS(e)
  19. {
  20. if (document.layers || (document.getElementById && !document.all))
  21. {
  22. if (e.which == "2" || e.which == "3")
  23. {
  24. return false;
  25. }
  26. }
  27. }
  28. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  29.  
  30. //-->
  31. </script>
  32.  
  33. <title>{Title}</title>
  34. <link rel="shortcut icon" href="{Favicon}" />
  35. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  36.  
  37. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  38.  
  39. <meta name="color:Background" content="#FCF2DD"/>
  40. <meta name="color:Text" content="#000000"/>
  41. <meta name="color:Title" content="#D198A6"/>
  42. <meta name="color:Link" content="#D48E8E"/>
  43. <meta name="color:Link Hover" content="#000000"/>
  44. <meta name="color:Permalink" content="#F5F5F5"/>
  45.  
  46. <meta name="image:Background" content=""/>
  47. <meta name="image:Sidebar" content=""/>
  48.  
  49.  
  50. <meta name="text:Link1" content="/" />
  51. <meta name="text:Link1 Title" content="" />
  52. <meta name="text:Link2" content="/" />
  53. <meta name="text:Link2 Title" content="" />
  54. <meta name="text:Link3" content="/" />
  55. <meta name="text:Link3 Title" content="" />
  56. <meta name="text:Link4" content="/" />
  57. <meta name="text:Link4 Title" content="" />
  58. <meta name="text:Link5" content="/" />
  59. <meta name="text:Link5 Title" content="" />
  60. <meta name="text:Link6" content="/" />
  61. <meta name="text:Link6 Title" content="" />
  62. <meta name="text:Link7" content="/" />
  63. <meta name="text:Link7 Title" content="" />
  64.  
  65. <style type="text/css">
  66.  
  67. @font-face { font-family: "Metrophobic"; src: url('http://fonts.googleapis.com/css?family=Metrophobic'); }
  68.  
  69.  
  70.  
  71. body{color:{color:Text}; background-attachment:fixed; background-color:{color:Background}; background-image: url('{image:Background}'); text-align:justify; font-family:calibri; font-size:11px;}
  72.  
  73. a{color: {color:link}; text-decoration: none;}
  74.  
  75. a:hover{ color:{color:Link Hover}; font-weight:none; text-shadow: 1px 1px 2px {color:Text}; transition: all 0.5s ease-out; -o-transitiontransition: all 1.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 1.5s ease-out;}
  76.  
  77. a img{border:0}
  78.  
  79. #entries{margin-left:395px; width:500px}
  80.  
  81. #sidebarimg {margin-bottom:3px; padding:5px;border-radius: 30px 30px 30px 30px;}
  82.  
  83. #sidebarimg img {max-width:240px; height: auto;}
  84.  
  85. #sidebar {width:284px; margin-left:80px; height:140%px; margin-top:80px; position:fixed; overflow:hidden; background-color:transparent; padding:-4px;}
  86.  
  87. .title{font-family:arial; color:{color:Title}; font-size:25px;padding:3px; text-align:center;}
  88.  
  89. #links {width:262px; background-color:transparent; text-transform:lowercase;padding:5px; text-align:center; font-size:12px; font-family:calibri;}
  90.  
  91. #description {font-family:calibri; font-size:12px; text-align:center; margin-bottom: 2px; padding:2px; text-align:center; color:{color:Text};}
  92.  
  93. #pagination {font-size:42px; text-align: center; font-family:georgia; text-align:center;}
  94.  
  95. #pagination a{color:{color:Link}}
  96.  
  97. #permalink {position: absolute;margin-top: 1px;margin-left: 69px;opacity: 0;
  98. -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;
  99. -o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
  100.  
  101. #posts{background-color:transparent; margin-bottom:20px; margin-top:10px; padding:7px; overflow:hidden; padding:3px; font-family:calibri;}
  102.  
  103. #h1{font-family:happy monkey; color:{color:Text}; font-size:18px; line-height:12px;font-weight:normal; margin:0px; padding:3px; margin-left:10px;}
  104.  
  105.  
  106.  
  107. blockquote {border-left:2px {color:Link} solid; padding-left:5px; margin:1px 6px 1px 10px}
  108.  
  109. p{margin-top:5px; margin-bottom:5px; }
  110.  
  111. blockquote {padding:0px; text-align:left; padding-left:5px; margin:5px; background-color:{color:Entries}; border-left:3px solid {color:Link};}
  112.  
  113. .postalign{text-align:justify; padding:3px 7px 0px 7px;}
  114.  
  115. .answer{
  116. color:#000000;
  117. padding-top:3px;
  118. font-weight:bold;
  119. font-style:none;}
  120.  
  121. .chat {line-height: 12px; list-style: none }
  122. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height:20px;}
  123. .person1 {background-color:{color:Background}; color: {color:text}; }
  124. .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:Text}}
  125. .person2 {color: {color:Text} }
  126. .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:Text}}
  127.  
  128. .quote{font-family:{font:Title}; font-size:13px; color: {color:Text}; font-style:italic;}
  129.  
  130. .audio{background-color:{color:Entries}; height:35px; overflow:hidden;}
  131.  
  132. i, em {color: {color:Link};}
  133. b, strong {color: {color:Title};}
  134.  
  135. ::selection {
  136. color:{color:Text};
  137. background-color: {color:Link};
  138. }
  139.  
  140. ::-moz-selection {
  141. color:{color:Text};
  142. background-color: {color:Link};
  143. }
  144.  
  145. ::-webkit-selection {
  146. color:{color:Text};
  147. background-color:{color:Link};
  148. }
  149.  
  150.  
  151. .perma{opacity: 0.0;filter: alpha(opacity = 0);margin-top: 0px;width: 60px;height: 30px;line-height: 30px;
  152. font-size: 9px;position:absolute;text-align: center;z-index:9999991; margin-top: 5px;margin-left: 4px;
  153. text-align: center;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;
  154. -o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
  155.  
  156. #entry:hover .perma {margin-top: 11px;-webkit-transition: all 0.4s ease-in-out;
  157. -moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;
  158. transition: all 0.4s ease-in-out;opacity: 1;}
  159.  
  160. .likep {display: inline;width: 21px;float: right;height: 20px;margin-left:-4px;overflow: hidden;
  161. position: relative;z-index: 9999999;-webkit-transition: all .4s ease;}
  162.  
  163. .likep a {background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
  164. background-position: 0px 0px;display: block;z-index: 9999999;-webkit-transition: opacity 0.4s linear;
  165. opacity: 2; -webkit-transition: all 0.1s linear;-webkit-transition: all 0.1s linear;
  166. -moz-transition: all 0.1s linear;transition: all .1s linear;}
  167.  
  168. .likep img {width: 21px;height: 20px;-webkit-transition: opacity 0.4s linear; opacity: 2;
  169. -webkit-transition: all 0.1s linear;-webkit-transition: all 0.1s linear;-moz-transition: all 0.1s linear;
  170. transition: all .1s linear;}
  171.  
  172. .rep img{width: 24px;height: 20px;line-height: 30px;display: inline;}
  173.  
  174. #postnotes{
  175. text-align: justify;}
  176.  
  177. #postnotes blockquote{
  178. border: 0px;}
  179.  
  180. .notes img{width:10px; position:relative; top:3px;}
  181.  
  182. .permalink{
  183. font-family: Arial;
  184. font-size:11px;
  185. line-height:12px;
  186. display: block;
  187. text-align: right;
  188. text-decoration: none;
  189. }
  190.  
  191.  
  192.  
  193. </style>
  194. <style type="text/css">{CustomCSS}</style>
  195. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  196. </head>
  197.  
  198.  
  199. <body>
  200. <div id="sidebar">
  201. <div id="links"><a href="{text:Link1}">{text:Link1 Title}</a> | <a href="{text:Link2}">{text:Link2 Title}</a> | <a href="{text:Link3}">{text:Link3 Title}</a> | <a href="{text:Link4}">{text:Link4 Title}</a> | <a href="{text:Link5}">{text:Link5 Title}</a> | <a href="{text:Link6}">{text:Link6 Title}</a> | <a href="{text:Link7}">{text:Link7 Title}</a></a></div>
  202. <div id="sidebarimg"><center><img src="{image:Sidebar}"/></center></div>
  203. <div id="description">{block:Description}{Description}{/block:Description}</div>
  204. </div>
  205. <div id="entries">
  206. <div class = "autopagerize_page_element" >
  207. <div id="posts">
  208.  
  209. {block:Posts}
  210. <div id="entry">
  211.  
  212. {block:Answer}
  213. <div class="entry">
  214. <b>{Asker}:</b> {Question}&nbsp; {Answer}</div>
  215. {/block:Answer}
  216.  
  217. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><span class="permalink"><a href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></a><br>{/block:HasTags}</span>
  218. {/block:text}
  219.  
  220. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description}<span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a>{/block:link}
  221.  
  222. {block:Photo}
  223. {block:IndexPage}<div class="perma">
  224. <div class="likep"><a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a></div> <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a></div>
  225. </div> <div id="permalink">
  226. <span class="countreblog"><a href="{Permalink}">{NoteCount}</a></span></div>{/block:IndexPage}<center>{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=500px></a>{LinkCloseTag}</center>
  227. {/block:Photo}
  228.  
  229. {block:Photoset}{block:IndexPage}<div class="perma">
  230. <div class="likep"><a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a></div> <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a></div>
  231. </div> <div id="permalink">
  232. <span class="countreblog"><a href="{Permalink}">{NoteCount}</a></span></div>{/block:IndexPage}
  233. <div class="photoset">{Photoset-500}</div>
  234. {/block:Photoset}
  235.  
  236. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> </span>{/block:Quote}
  237.  
  238. {block:Chat}<div style="background-color:{color:Quote background}; padding: 4px;">{block:Title}<span class="title">{Title}</span>{/block:Title}
  239. <ul class="chat">{block:Lines} <li class="user_{UserNumber}"> {block:Label}
  240. <span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}
  241. </ul></div><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a>{/block:Chat}
  242.  
  243.  
  244. {block:Audio}
  245. {/block:IndexPage}<center><div style="width: 350px; height:28px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:10px; float:right;"> {block:ExternalAudio}{/block:ExternalAudio}</div></div></center><br/>{block:Caption}{Caption}{/block:Caption}<span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> </span>
  246. {/block:Audio}
  247.  
  248. {block:Video}{block:IndexPage}<div class="perma">
  249. <a href="{permalink}">{NoteCountWithLabel}</a> •&nbsp;<a href="{ReblogURL}" target="_blank">reblog</a></span></div>{/block:IndexPage}<center>
  250. <div class="video">{Video-500}</div></center>
  251. {block:Video}
  252.  
  253. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}{/block:PermalinkPage}
  254.  
  255. {block:PostNotes}{PostNotes}
  256. {/block:PostNotes}
  257. </div>
  258.  
  259. {/block:Posts}
  260. </center>
  261. </div></div>
  262.  
  263. </body>
  264.  
  265. </a><div style="position:fixed; bottom:10px; left:1280px;">
  266. <a href="http://fvckanonymous.tumblr.com/"><big>C R E D I T</big></a>
  267.  
  268. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement