Advertisement
karenok

Theme 12

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