Advertisement
karenok

Theme 16

May 21st, 2013
193
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.50 KB | None | 0 0
  1. <!--Theme by fvckanonymous, dont remove the credit i worked so hard on this!
  2. -->
  3. <html>
  4. <head>
  5.  
  6. <script type="text/javascript"
  7. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  8.  
  9.  
  10. <meta name="color:background" content="#FFFFFF" />
  11. <meta name="color:text" content="#57554F" />
  12. <meta name="color:link" content="#666666" />
  13. <meta name="image:sidebar" content="" />
  14. <meta name="image:background" content="" />
  15. <meta name="text:Link One Title" content="link" />
  16. <meta name="text:Link One" content="" />
  17. <meta name="text:Link Two Title" content="link "/>
  18. <meta name="text:Link Two" content="" />
  19. <meta name="text:Link Three Title" content="link "/>
  20. <meta name="text:Link Three" content="" />
  21. <meta name="text:Link four Title" content="link "/>
  22. <meta name="text:Link four" content="" />
  23. <meta name="text:Link five Title" content="link "/>
  24. <meta name="text:Link five" content="" />
  25.  
  26.  
  27. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  28. <title>{Title}{block:SearchPage} - Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  29. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  30. <link rel="shortcut icon" href="{Favicon}" />
  31. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  32. <style type="text/css">
  33.  
  34. ::-webkit-scrollbar {
  35. width: 5px;
  36. height: 4px;
  37. background: #FFFFFF;
  38. }
  39.  
  40. ::-webkit-scrollbar-thumb {
  41. background-color: {color:link};
  42. }
  43.  
  44. body {auto; color:{color:text};background-color:{color:background};
  45. background-image: url('{image:background}');background-position: center;background-attachment:fixed;background-repeat: repeat;font-size:11px;font-family:calibri ;line-height:100%;text-align:justify;padding:3px}
  46.  
  47. a{color: {color:link}; text-decoration: none;}
  48.  
  49. a:hover{opacity: 0.9; text-shadow: 2px 0px #df8181, -2px 0px #54d2cb; -webkit-transition: all 1s ease-in-out; }
  50.  
  51. #content {margin-left:415px; margin-top:0px; width:500px}
  52.  
  53. #posts{overflow:hidden; background-color: {color:background}; border-left:0px solid; border-right:0px solid; padding:5px}
  54.  
  55. #sidebar img {max-width: 220px; margin-bottom:4px; margin-top:0px;
  56. height: auto; text-align:center;}
  57.  
  58. div#sidebar{ position:fixed !important; width: 220px; height: auto; margin-left:150px; margin-top: 150px; background: transparent; text-align: center;}
  59. div#links{ font-family: arial;font-size: 12px;background: transparent;text-align:center;text-transform: lowercase;z-index: 99999;}
  60.  
  61. #description {font-family:calibri; font-size:11px; text-align:center; margin-bottom: 2px; padding:1px; text-align:center; color:{color:Text};}
  62.  
  63.  
  64. h1{color:{color:link};font-family:calibri;font-size:15px;line-height:15px;letter-spacing:0px;font-weight:normal;margin:0px;padding:0px;text-align:left}
  65.  
  66. h2{color:{color:title};font-family:calibri;font-size:11px;line-height:14px;letter-spacing:0px;font-weight:normal;margin:0px;padding:0px;margin-bottom:-0px;text-align:justify}
  67.  
  68.  
  69. .user_1 .label {color:{color:link}; font-weight:bold}
  70. .user_2 .label {color:{color:text}; font-weight:bold}
  71. .user_3 .label {color:{color:link}; font-weight:bold}
  72. .user_4 .label {color:{color:text}; font-weight:bold}
  73. .user_5 .label {color:{color:link}; font-weight:bold}
  74. .user_6 .label {color:{color:text}; font-weight:bold}
  75. .user_7 .label {color:{color:link}; font-weight:bold}
  76. .user_8 .label {color:{color:text}; font-weight:bold}
  77. .user_9 .label {color:{color:link}; font-weight:bold}
  78. .user_10 .label {color:{color:text}; font-weight:bold}
  79. .user_11 .label {color:{color:link}; font-weight:bold}
  80. .user_12 .label {color:{color:text}; font-weight:bold}
  81. .user_13 .label {color:{color:link}; font-weight:bold}
  82. .user_14 .label {color:{color:text}; font-weight:bold}
  83. .user_15 .label {color:{color:link}; font-weight:bold}
  84. .user_16 .label {color:{color:text}; font-weight:bold}
  85. .user_17 .label {color:{color:link}; font-weight:bold}
  86. .user_18 .label {color:{color:text}; font-weight:bold}
  87. .user_19 .label {color:{color:link}; font-weight:bold}
  88. .user_20 .label {color:{color:text}; font-weight:bold}
  89. .user_21 .label {color:{color:link}; font-weight:bold}
  90. .user_22 .label {color:{color:text}; font-weight:bold}
  91. .user_23 .label {color:{color:link}; font-weight:bold}
  92. .user_24 .label {color:{color:text}; font-weight:bold}
  93. .user_25 .label {color:{color:link}; font-weight:bold}
  94.  
  95. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  96.  
  97. .question{background: {color:Entries}; font-size: 9px; font-weight:bold; color: {color:Text}; padding: 10px;}
  98.  
  99. .ask{font-size: 10px; background-color:{color:ask background}; color:{color:Text};margin-bottom:0px;
  100.  
  101. padding: 7px;}
  102.  
  103. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #ddd;}
  104.  
  105. blockquote {padding:0px; text-align:left; padding-left:5px; margin:5px; background-color:transparent; border-left:3px solid {color:Link};}
  106.  
  107.  
  108. i, em {color: {color:text};}
  109. b, strong {color: {color:link};}
  110.  
  111. ::selection {
  112. color:{color:Text};
  113. background-color: {color:Link};
  114. }
  115.  
  116. ::-moz-selection {
  117. color:{color:Text};
  118. background-color: {color:Link};
  119. }
  120.  
  121. ::-webkit-selection {
  122. color:{color:Text};
  123. background-color:{color:Link};
  124. }
  125.  
  126.  
  127. blockquote {padding:0px; text-align:left; padding-left:5px; margin:5px; background-color:transparent; border-left:2px solid {color:link};}
  128.  
  129.  
  130. ol.notes img {
  131. width: 16px;
  132. display: inline;
  133. position: relative;
  134. top: 3px;
  135. }
  136.  
  137. .entry {
  138. margin: 5px 0px;
  139. {block:indexpage}
  140. width: 500px;
  141. {/block:indexpage}
  142. {block:permalinkpage}
  143. width: 500px;
  144. {/block:permalinkpage}
  145. padding: 0px;
  146. display: block;
  147. position: relative;
  148. }
  149.  
  150. .entry img {
  151. display: block;
  152. max-width: 100%;
  153. {block:indexpage}
  154. {/block:indexpage}
  155. }
  156.  
  157.  
  158. .entry:hover img {
  159. max-width: 100%;
  160. {block:indexpage}
  161. {/block:indexpage}
  162. }
  163.  
  164.  
  165.  
  166.  
  167. p {
  168. margin: 5px 0px;
  169. }
  170.  
  171.  
  172. p.tags a {
  173. opacity: 1;
  174. filter: alpha(opacity = 100);
  175. }
  176.  
  177. p.tags a:hover {
  178. opacity: 1.0;
  179. filter: alpha(opacity = 100);
  180. }
  181. p.tags {
  182. border-top: 1px solid {color:border color};
  183. margin: 0px;
  184. font-size: 8px;
  185. text-transform: uppercase;
  186. }
  187.  
  188.  
  189.  
  190.  
  191.  
  192. #bite .death {
  193. margin-top: -15px;
  194. filter: alpha(opacity = 0);
  195. opacity: 1;
  196. -webkit-transition: all 0.3s ease-out;
  197. -moz-transition: all 0.3s ease-out;
  198. transition: all 0.3s ease-out;
  199. }
  200. #titexcel {
  201. position: absolute;
  202. right: 3px;
  203. top: 26px;
  204. }
  205.  
  206.  
  207.  
  208.  
  209. .perma {
  210. opacity: 0.0;
  211. filter: alpha(opacity = 1);
  212. z-index:9999991;
  213. display: inline-block;
  214. position: absolute;
  215. left: 5px;
  216. height: 20px;
  217. top: 5px;
  218. margin-left: 40px;
  219. }
  220.  
  221. .entry:hover .perma {
  222. margin-left: 0px;
  223. opacity: 1;
  224. filter: alpha(opacity = 100); -webkit-transition: all 0.7s ease-out;
  225.  
  226. -moz-transition: all 0.7s ease-out;
  227.  
  228. transition: all 0.7s ease-out;
  229. }
  230.  
  231. .likep {
  232. width: 21px;
  233. height: 20px;
  234. overflow: hidden;
  235. z-index: 9999999;
  236. display: inline-block;
  237. }
  238.  
  239. .rep {
  240. width: 24px;
  241. height: 20px;
  242. overflow: hidden;
  243. z-index: 9999999;
  244. display: inline-block;
  245. }
  246.  
  247. .likep a:hover {
  248. background-position: 0px 0px;
  249. }
  250.  
  251. .likep a {
  252. background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
  253. background-position: 0px 0px;
  254. display: block;
  255. z-index: 9999999;
  256. }
  257.  
  258. .likep img {
  259. width: 21px;
  260. height: 20px;
  261. }
  262.  
  263. .rep img{
  264. width: 24px;
  265. height: 20px;
  266. line-height: 30px;
  267. display: inline;
  268. }
  269.  
  270. .not {
  271. position: absolute;
  272. right: 5px;
  273. top: 5px;
  274. display: inline-block;
  275. background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");
  276. height: 20px;
  277. font-size: 11px;
  278. line-height: 20px;
  279. color: #fff;
  280. padding-left: 4px;
  281. padding-right: 4px;
  282. -moz-border-radius: 2px;
  283. border-radius: 2px;
  284. margin-right: 40px;
  285. opacity: 0.0;
  286. filter: alpha(opacity = 1);
  287. }
  288.  
  289. #background{ repeat;}
  290.  
  291. .not a {
  292. color: #fff;
  293. font-weight: bold;
  294. font-family: arial;
  295. }
  296.  
  297. .entry:hover .not, .entry:hover .rep, .entry:hover .likep {
  298. opacity: 1;
  299. filter: alpha(opacity = 80);
  300. margin-right: 0; -webkit-transition: all 0.7s ease-out;
  301.  
  302. -moz-transition: all 0.7s ease-out;
  303.  
  304. transition: all 0.7s ease-out;
  305. }
  306.  
  307. .not:hover , .rep:hover, .likep:hover {
  308. opacity: 1!important;
  309. filter: alpha(opacity = 100)!important;
  310. }
  311.  
  312. .t {
  313. text-align: right;
  314. opacity: 1;
  315. filter: alpha(opacity = 100);
  316. }
  317.  
  318. p.t {
  319. margin: -5px 0px 0px 0px;
  320. font-size: 10px;
  321. line-height: 11px;
  322. }
  323.  
  324. .entry:hover .t {
  325. opacity: 1;
  326. filter: alpha(opacity = 100);
  327. }
  328.  
  329.  
  330. </style>
  331. <style type="text/css">{CustomCSS}</style>
  332.  
  333. </head>
  334.  
  335. <body>
  336. <div id="sidebar">
  337. <div id="sidebar img"><a href="/"><img src="{image:sidebar}"></div></a>
  338. <div id="links">
  339. <a href="{text:Link One}">{text:Link One Title}</a> ✝
  340. <a href="{text:Link Two}">{text:Link Two Title}</a> ✝
  341. <a href="{text:Link Three}">{text:Link Three Title}</a> ✝
  342. <a href="{text:Link four}">{text:Link four Title}</a> ✝
  343. <a href="{text:Link five}">{text:Link five Title}</a></a></div></center>
  344. <div id="description"><center>{Description}</center></div>
  345. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  346. </div>
  347. </div>
  348.  
  349.  
  350. </div>
  351. <div id="content">
  352. {block:Posts}
  353. <div class="entry">
  354. {block:Text}
  355. {block:Title}
  356. <h3><a href="{Permalink}">{Title}</a></h3>
  357. {/block:Title}
  358. {Body}
  359. {block:indexpage}
  360. <p class="t"> <a href="{Permalink}">{NoteCount} notes</a></p>
  361. {/block:indexpage}
  362. {/block:Text}
  363.  
  364. {block:Photo}
  365. {block:IndexPage}
  366. <div class="perma">
  367. <div class="likep">
  368. <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>
  369. </div>
  370. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="24"/></a>
  371. </div>
  372. </div>
  373. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  374. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500"/></a>{LinkCloseTag}
  375. {block:ifcaption}{block:Caption}{caption}{/block:Caption}{/block:ifcaption}
  376. {/block:IndexPage}
  377. {block:PermalinkPage}
  378. {LinkOpenTag}
  379. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>
  380. {LinkCloseTag}
  381. {/block:PermalinkPage}
  382. {/block:Photo}
  383.  
  384. {block:Photoset}
  385. {block:IndexPage}
  386. <div class="perma">
  387. <div class="likep">
  388. <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>
  389. </div>
  390. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="24"/></a>
  391. </div>
  392. </div>
  393. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  394. <center>{Photoset-500}</center>
  395. {block:ifcaption}{block:Caption}{caption}{/block:Caption}{/block:ifcaption}
  396. {/block:IndexPage}
  397. {block:permalinkpage}
  398. {Photoset-500}
  399. {/block:permalinkpage}
  400.  
  401. {/block:Photoset}
  402.  
  403.  
  404. {block:Answer}
  405.  
  406. <b>{Asker}:</b> {Question}
  407.  
  408. <br>
  409.  
  410. {Answer}
  411.  
  412. {block:indexpage}
  413. <p class="t"> <a href="{Permalink}">{NoteCount} notes</a></p>
  414. {/block:indexpage}
  415.  
  416. {/block:Answer}
  417.  
  418.  
  419. {block:Quote}
  420. <i>"{Quote}"</i>
  421. {block:Source}
  422. <div class="source">{Source}</div>
  423. {/block:Source}
  424. {block:indexpage}
  425. <p class="t"> <a href="{Permalink}">{NoteCount} notes</a></p>
  426. {/block:indexpage}
  427. {/block:Quote}
  428.  
  429. {block:Link}
  430. <h3><a href="{URL}" class="link" {Target}>{Name}</a></h3>
  431. {block:Description}
  432. <div class="description">{Description}</div>
  433. {/block:Description}
  434. {block:indexpage}
  435. <p class="t"> <a href="{Permalink}">{NoteCount} notes</a></p>
  436. {/block:indexpage}
  437. {/block:Link}
  438.  
  439. {block:Chat}
  440. {block:Title}
  441. <h3><a href="{Permalink}">{Title}</a></h3>
  442. {/block:Title}
  443. <ul class="chat">
  444. {block:Lines}
  445. <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}
  446. {Line} </li>
  447. {/block:Lines}
  448. </ul>
  449. {block:indexpage}
  450. <p class="t"> <a href="{Permalink}">{NoteCount} notes</a></p>
  451. {/block:indexpage}
  452. {/block:Chat}
  453.  
  454. {block:Video}
  455. {block:IndexPage}
  456. <div class="perma">
  457. <div class="likep">
  458. <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>
  459. </div>
  460. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="24"/></a>
  461. </div>
  462. </div>
  463. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  464. <center>{Video-500}<center>
  465. {block:ifcaption}{block:Caption}{caption}{/block:Caption}{/block:ifcaption}
  466. {/block:IndexPage}
  467. {block:permalinkpage}
  468. {Video-500}
  469. {/block:permalinkpage}
  470. {/block:Video}
  471.  
  472. {block:Audio}
  473. {AudioPlayerBlack}
  474. {block:indexpage}
  475. {block:Caption}
  476. {Caption}
  477. {/block:Caption}
  478. <p class="t"> <a href="{Permalink}">{NoteCount} notes</a></p>
  479. {/block:indexpage}
  480. {/block:Audio}
  481.  
  482. {block:PermalinkPage}
  483. <center>{block:Date}{ShortMonth} {DayofMonth}{DayofMonthSuffix} {Year}{/block:Date}{block:NoteCount} - {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} - Tags: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</center>
  484. {/block:PermalinkPage}
  485. {block:PostNotes}{PostNotes}{/block:PostNotes}
  486. </div>
  487. {/block:Posts}
  488. </div>
  489. </div>
  490.  
  491. </body>
  492.  
  493. </a><div style="position:fixed; bottom:10px; left:1300px;">
  494. <a href="http://fvckanonymous.tumblr.com/"><small>C R E D I T</small></a>
  495.  
  496. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement