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

Kitty Theme by Twistedheart-s

By: a guest on May 18th, 2012  |  syntax: None  |  size: 15.31 KB  |  hits: 57  |  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. <!--
  2. 1ST TWEAKED THEME BY TWISTEDHEART-s.KEEP THE CREDITS PLS!
  3. Thank you :D
  4. -->
  5.  
  6. <head>
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  8. <meta name="color:background" content="#ffff"/>
  9. <meta name="color:Text" content="#000000"/>
  10. <meta name="color:Title" content="#000000"/>
  11. <meta name="color:Link" content="#000000"/>
  12. <meta name="color:hover" content="#D8D8D8"/>
  13. <meta name="image:Background" content="http://i49.tinypic.com/r249k0.png"/>
  14. <meta name="image:Sidebar" content="http://i46.tinypic.com/a2dybp.jpg"/>
  15. <meta name="color:nav" content="#aaa"/>
  16. <meta name="color:linkies" content="#000000"/>
  17. <meta name="color:frame" content="#eee"/>
  18. <meta name="if:Enable small cursor" content="0"/>
  19. <meta name="if:Infinite Scrolling" content="0"/>
  20. <meta name="text:Link 1 URL" content="">
  21. <meta name="text:Link 1 Name" content="">
  22. <meta name="text:Link 2 URL" content="">
  23. <meta name="text:Link 2 Name" content="">
  24. <meta name="text:Link 3 URL" content="">
  25. <meta name="text:Link 3 Name" content="">
  26. <meta name="text:Link 4 URL" content="">
  27. <meta name="text:Link 4 Name" content="">
  28. <meta name="text:Link 5 URL" content="">
  29. <meta name="text:Link 5 Name" content="">
  30. <meta name="text:Link 6 URL" content="">
  31. <meta name="text:Link 6 Name" content="">
  32.  
  33. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  34. <title>{block:SearchPage}Search results for "{SearchQuery}" - {/block:SearchPage}{block:PostSummary}
  35.  
  36. {block:ifinfinitescrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescrolling}
  37.  
  38. {PostSummary} - {/block:PostSummary}{Title}</title>
  39.  
  40. <style type="text/css">
  41.  
  42. #tumblr_controls {
  43. top: 4.30% !important;
  44. margin: -28px 0 0 0;
  45. right: 1px !important;
  46. position: fixed !important;
  47. }
  48.  
  49. body {
  50. margin:0px;
  51. background-color: {color:Background};
  52. background-image:url({image:Background});
  53. background-attachment: fixed;
  54. background-repeat: repeat;
  55. }
  56. body, div, p, textarea, submit, input{
  57. font-family: Trebuchet MS;
  58. font-size: 11px;
  59. line-height:11px;
  60. letter-spacing:1px;
  61. color:{color:Text};}
  62.  
  63. p { margin:0px; margin-top:1px;}
  64.  
  65. a:link, a:active, a:visited{
  66. color: {color:Link};
  67. text-decoration: none;
  68. }
  69.  
  70. a:hover {
  71. color:{color:Hover};
  72. text-decoration: none;
  73. -moz-transition:.4s linear;
  74. -webkit-transition:.2s linear;
  75. }
  76.  
  77. #cage{
  78. margin:auto;
  79. position:relative;
  80. width:900px;
  81. overflow:hidden;
  82. color: {color:Title}; _margin-left:10%;
  83. }
  84.  
  85. #center{
  86. margin:auto;
  87. position:relative;
  88. width:900px;
  89. background-color:;
  90. overflow:auto;
  91. overflow-y:hidden;}
  92.  
  93. #content{
  94. float:right;
  95. width:380px;
  96. padding:2px;
  97. padding-top:5px;
  98. margin-top:3px;
  99. margin-right: 280px;
  100. margin-bottom:20px;
  101. background:transparent;
  102. }
  103.  
  104. #entry{
  105. width: 400px;
  106. margin-bottom: 4px;
  107. background-color: #fff;
  108. padding: px;
  109. border:2pt solid #eee
  110. }
  111.  
  112. #entry .perma a{color:white;}
  113.  
  114. #entry .perma{
  115. width:400px;
  116. height:30px;
  117. position: absolute;
  118. font-family: Trebuchet MS;
  119. font-size: 10px;
  120. line-height: 30x;
  121. text-align: center;
  122. overflow:hidden;
  123. opacity: 0.0;
  124. background-color:#000000;
  125. -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;
  126. }
  127.  
  128. #entry:hover .perma{
  129. overflow:visible;
  130. -webkit-transition: opacity 0.2s linear; opacity: 0.8;
  131. height:25px;
  132. -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
  133.  
  134.  
  135. #sidenav{
  136. position:fixed !important;
  137. margin-top: 167px ;
  138. margin-left:33px;
  139. font-size: 11px;
  140. letter-spacing:0px;
  141. background-color:transparent;
  142. color:black;
  143. text-align:center;
  144. }
  145.  
  146. #nav {
  147. opacity:0.5;
  148. background-color: {color:nav};
  149. color:#fff;
  150. text-transform:uppercase;
  151. text-align:center;
  152. font-family:Trebuchet MS;
  153. font-size:9px;
  154. padding-left:10px;
  155. padding-right:10px;
  156. padding-top: 10px;
  157. padding-bottom: 3px;
  158. font-family:9px;
  159. margin-left:1px;
  160. -webkit-transition: all 0.3s ease-out;
  161. -moz-transition: all 0.3s ease-out;
  162. -o-transition: all 0.3s ease-out;
  163. }
  164.  
  165. #nav:hover {
  166. color:#ccc;
  167. padding-top:100px;
  168. -webkit-transition: all 0.3s ease-out;
  169. -moz-transition: all 0.3s ease-out;
  170. -o-transition: all 0.3s ease-out;
  171. }
  172.  
  173. #linkiesbox {
  174. position:fixed !important;
  175. margin-top: 308px ;
  176. margin-left:12px;
  177. font-size: 11px;
  178. letter-spacing:0px;
  179. background-color:transparent;
  180. color:black;
  181. text-align:center;
  182. }
  183.  
  184. #linkies {
  185. background-color: #aaa;
  186. color:#fff;
  187. text-transform:uppercase;
  188. text-align:center;
  189. font-family:Trebuchet MS;
  190. font-size:9px;
  191. padding-left:10px;
  192. padding-right:10px;
  193. padding-top: 5px;
  194. padding-bottom: 3px;
  195. font-family:9px;
  196. margin-left:1px;
  197. -webkit-transition: all 0.3s ease-out;
  198. -moz-transition: all 0.3s ease-out;
  199. -o-transition: all 0.3s ease-out;
  200. }
  201.  
  202. #linkies:hover {
  203. color:#fff;
  204. padding-top:125px;
  205. -webkit-transition: all 0.3s ease-out;
  206. -moz-transition: all 0.3s ease-out;
  207. -o-transition: all 0.3s ease-out;
  208. }
  209.  
  210. #linkies2 {
  211. background-color: #aaa;
  212. color:#fff;
  213. text-transform:uppercase;
  214. text-align:center;
  215. font-family:Trebuchet MS;
  216. font-size:9px;
  217. padding-left:10px;
  218. padding-right:10px;
  219. padding-top: 5px;
  220. padding-bottom: 3px;
  221. font-family:9px;
  222. margin-left:0px;
  223. -webkit-transition: all 0.3s ease-out;
  224. -moz-transition: all 0.3s ease-out;
  225. -o-transition: all 0.3s ease-out;
  226. }
  227.  
  228. #linkies2:hover {
  229. color:#ccc;
  230. padding-top:125px;
  231. -webkit-transition: all 0.3s ease-out;
  232. -moz-transition: all 0.3s ease-out;
  233. -o-transition: all 0.3s ease-out;
  234. }
  235.  
  236.  
  237. #sidetitle{
  238. position:fixed !important;
  239. width: 170px;
  240. height: 13px;
  241. margin-top: 180px ;
  242. margin-left:30px;
  243. font-size: 11px;
  244. letter-spacing:0px;
  245. background-color:{color:frame};
  246. color:black;
  247. text-align:center;
  248. }
  249.  
  250. #sideimg {
  251. position:fixed !important;
  252. margin-top: 180px ;
  253. margin-left:0px;
  254. font-size: 11px;
  255. letter-spacing:0px;
  256. background-color:transparent;
  257. color:white;
  258. text-align:center;
  259. }
  260.  
  261. #sidedesc{
  262. position:fixed !important;
  263. width: 137px;
  264. height: auto;
  265. margin-top: 193px ;
  266. margin-left:30px;
  267. font-size: 10px;
  268. letter-spacing:0px;
  269. background-color:#F8F8FF;
  270. color:black;
  271. text-align:justify;
  272. }
  273.  
  274. #sidenp{
  275. position:fixed !important;
  276. width: 30px;
  277. height: auto;
  278. margin-top: 170px ;
  279. margin-left:254px;
  280. font-size: 10px;
  281. letter-spacing:0px;
  282. background-color:#8B8386;
  283. color:black;
  284. text-align:justify;
  285. border-radius:0px 10px 10px 0px;
  286. }
  287.  
  288. .cred{
  289. bottom:3px;
  290. left:3px;
  291. font-size:8px;
  292. z-index:4;
  293. position:fixed;
  294. padding:2px;
  295. background:#eee;
  296. font-family: Trebuchet MS;
  297. -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;
  298. border: 1px solid #000;
  299. }
  300.  
  301. .links a {
  302. background-color:#000;
  303. color:#fff;
  304. line-height:12px;
  305. width:54px;
  306. text-align:center;
  307. -webkit-transition-timing-function: ease-out;
  308. -webkit-transition-duration: 0.5s;
  309. -moz-transition-timing-function: ease-out;
  310. -moz-transition-duration: 0.5s;
  311. display:block;
  312. border-bottom:1px dotted #ff9797;
  313. }
  314.  
  315. .links a:hover {
  316. background-color:#000;
  317. color:#555;
  318. -webkit-transition-timing-function: ease-out;
  319. -webkit-transition-duration: 0.5s;
  320. -moz-transition-timing-function: ease-out;
  321. -moz-transition-duration: 0.5s;
  322. border-bottom:1px dotted #516;
  323. }
  324.  
  325. #askbox {
  326. background-color:#fff;
  327. border-top: 1px dotted #f1f1f1;
  328. line-height:5px;
  329. color:#999;
  330. text-align:center;
  331. margin-top:3px;
  332. font-family: Trebuchet MS;
  333. font-size:8px;
  334. height:15px;
  335. }
  336.  
  337. .bubble {
  338. color: #737373;
  339. background:#eee;
  340. border-bottom: 0px;
  341. border-left: 1px;
  342. border-right: 0px;
  343. margin-top: 1px;
  344. margin-left: 0px;
  345. border-top: 0px;
  346. display: block;
  347. font-style: normal;
  348. font-family: consolas;
  349. text-transform: uppercase;
  350. font-size: 9px;
  351. letter-spacing:1px;
  352. padding: 5px;
  353. padding-bottom: 5px;
  354. }
  355. .bubble p a{color: ;}
  356.  
  357.  
  358.  
  359. #postnotes{ text-align: center}
  360.  
  361. #postnotes blockquote{ border: 0px;}
  362.  
  363. .title{ font-family: {font:title}; font-size: 10px; line-height: 10px; color: {color:Title}; letter-spacing: 1; font-weight: none; }
  364.  
  365. blockquote{padding:0px 0px 2px 5px; margin:0px 0px 2px 1px; border-left: 1px dotted {color:Text}; }
  366.  
  367. blockquote p, ul{margin:0px; padding:0px; }
  368.  
  369. a img{border: 0px;}
  370.  
  371. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  372.  
  373. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  374. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};}
  375.  
  376. .notes img{width:10px; position:relative; top:3px;}
  377.  
  378. div.video embed,
  379. div.post div.video object {width:300px; height:210px;}
  380.  
  381. small{font-size: 90%;}
  382.  
  383. {CustomCSS}
  384.  
  385. </style>
  386. <link rel="shortcut icon" href="{Favicon}">
  387. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  388. <meta name="viewport" content="width=820" />
  389.  
  390. </head>
  391. <body>
  392. <div id="cage">
  393.  
  394. <div id="center">
  395.  
  396. <div id="sidenav">
  397. <a href="/" title="Index" id="nav">home</a>
  398. <a href="/ask" title="Ask" id="nav">Ask</a>
  399. <a href="http://twistedheart-s.tumblr.com/" title="Theme" id="nav">(c)</a>
  400. </div>
  401.  
  402. <div id="sideimg">
  403. <div style="border:5px solid #aaa"><img src="{image:sidebar}" width=180px></a>
  404. </div></div>
  405.  
  406. <div id="sidedesc">
  407. {description}
  408. </div>
  409.  
  410. <div id="linkiesbox">
  411. <a href="{text:Link 1 URL}" title="Index" id="linkies">+</a>
  412. <a href="{text:Link 2 URL}" title="Ask" id="linkies">P</a>
  413. <a href="{text:Link 3 URL}" title="Credits" id="linkies">A</a>
  414. <a href="{text:Link 4 URL}" id="linkies2">R</a>
  415. <a href="{text:Link 5 URL}" id="linkies2">I</a>
  416. <a href="{text:Link 6 URL}" id="linkies2">S</a>
  417. </div>
  418.  
  419. <div id="sidenp">
  420. <center><div style="margin-top:2px; margin-bottom:2px;">{block:PreviousPage}<a href="{PreviousPage}">&larr; </a> &middot; {/block:PreviousPage}{block:NextPage}<a href="{NextPage}"> &rarr;{/block:NextPage}</div>
  421.  
  422.  
  423. </div>
  424.  
  425.  
  426.  
  427. <div id="content">
  428. {block:Posts}
  429. <div id="entry">
  430.  
  431. {block:Text}
  432. {block:Title}<span class="title">{Title}</span><br>{/block:Title}
  433. <span class="entrytext">{Body}</span>
  434.  
  435. <div id="askbox"><div style="float:left; font-size:9px; line-height:16px; font-family:Trebuchet MS; text-transform: uppercase; padding-right:5px; letter-spacing: 1px;">{Month} {DayOfMonth} {Year} </div><div style="float:right; font-size:10px; line-height:16px; font-family:Trebuchet MS; text-transform: uppercase; padding-right:5px;"><a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCount}</a> + <a href="{ReblogURL}" target="_blank">{ Reblog }</a><br></div></div>
  436.  
  437. {/block:Text}
  438.  
  439. {block:Link}
  440. <a href="{URL}" class="title">{Name}</a><br>
  441. {block:Description}{Description}{/block:Description}
  442.  
  443. <div id="askbox"><div style="float:left; font-size:9px; line-height:16px; font-family:Trebuchet MS; text-transform: uppercase; padding-right:5px; letter-spacing: 1px;">{Month} {DayOfMonth} {Year} </div><div style="float:right; font-size:10px; line-height:16px; font-family:Trebuchet MS; text-transform: uppercase; padding-right:5px;"><a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCount}</a> + <a href="{ReblogURL}" target="_blank"> { Reblog }</a><br></div></div>
  444.  
  445. {block:Link}
  446.  
  447. {block:Photo}
  448. {block:IndexPage}<div class="perma"><a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCount}</a> + <a href="{ReblogURL}" title="Reblog!" target="_blank"> { Reblog }</a></div>{/block:IndexPage}
  449. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=400px/>{LinkCloseTag}
  450. {/block:Photo}
  451.  
  452. {block:Quote}
  453. {Quote}</span>
  454. {block:Source}<b>{Source}</b>{/block:Source}
  455.  
  456. <div id="askbox"><div style="float:left; font-size:9px; line-height:16px; font-family:Trebuchet MS; text-transform: uppercase; padding-right:5px; letter-spacing: 1px;">{Month} {DayOfMonth} {Year} </div><div style="float:right; font-size:10px; line-height:16px; font-family:Trebuchet MS; text-transform: uppercase; padding-right:5px;"><a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCount}</a> + <a href="{ReblogURL}" target="_blank"> { Reblog }</a><br></div></div>
  457.  
  458. {/block:Quote}
  459.  
  460. {block:Chat}
  461. {block:Title}<span class="title">{Title}</span>{/block:Title}
  462. <ul class="chat">
  463. {block:Lines}
  464. <li class="user_{UserNumber}">
  465. {block:Label}
  466. <span class="label">{Label}</span>
  467. {/block:Label}
  468. {Line}
  469. </li>
  470. {/block:Lines}
  471.  
  472. <div id="askbox"><div style="float:left; font-size:9px; line-height:16px; font-family:Trebuchet MS; text-transform: uppercase; padding-right:5px; letter-spacing: 1px;">{Month} {DayOfMonth} {Year} </div><div style="float:right; font-size:10px; line-height:16px; font-family:consolas; text-transform: uppercase; padding-right:5px;"><a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCount}</a> + <a href="{ReblogURL}" target="_blank">{ reblog }</a><br></div></div>
  473.  
  474. {/block:Chat}
  475.  
  476. {block:Audio}
  477. <centeR><div style="width:300px; height:30px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:10px; float:right;">
  478. {block:ExternalAudio} // <a href="{ExternalAudioURL}">Download?</a>{/block:ExternalAudio}</div></div></center>
  479.  
  480. <div id="askbox"><div style="float:left; font-size:9px; line-height:16px; font-family:Trebuchet MS; text-transform: uppercase; padding-right:5px; letter-spacing: 1px;">{Month} {DayOfMonth} {Year} </div><div style="float:right; font-size:10px; line-height:16px; font-family:Trebuchet MS; text-transform: uppercase; padding-right:5px;"><a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCount}</a> + <a href="{ReblogURL}" target="_blank"> { Reblog }</a><br></div></div>
  481.  
  482. {/block:Audio}
  483.  
  484. {block:Video}<center>
  485. <div class="video">{Video-400}</div></center>
  486.  
  487. <div id="askbox"><div style="float:left; font-size:9px; line-height:16px; font-family:Trebuchet MS; text-transform: uppercase; padding-right:5px; letter-spacing: 1px;">{Month} {DayOfMonth} {Year} </div><div style="float:right; font-size:10px; line-height:16px; font-family:Trebuchet MS; text-transform: uppercase; padding-right:5px;"><a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCount}</a> + <a href="{ReblogURL}" target="_blank"> { Reblog }</a><br></div></div></div>
  488. {block:Video}
  489.  
  490. {block:Answer}
  491. <div class="bubble"><img src="{AskerPortraitURL-24}" style-"border-radius:70px;"> <br><i>"{Question}"</i><br><div style=" float: right; font-family: consolas; text-transform: lowercase; letter-spacing: 1px; font-size: 10px; font-style: italic;">love,;<b>{Asker}</b></div></div>
  492. <div style="font-family: garamond; text-transform: lowercase; font-size: 9px; letter-spacing:1px;"><br><center>{Answer}</center></div>
  493.  
  494. <div id="askbox"><div style="float:left; font-size:9px; line-height:16px; font-family:Trebuchet MS; text-transform: uppercase; padding-right:5px; letter-spacing: 1px;">{Month} {DayOfMonth} {Year} </div><div style="float:right; font-size:10px; line-height:16px; font-family:Trebuchet MS; text-transform: uppercase; padding-right:5px;"><a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCount}</a> + <a href="{ReblogURL}" target="_blank"> { Reblog }</a><br></div></div>
  495.  
  496. {/block:Answer}
  497.  
  498. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{block:NoteCount}<center>{NoteCountWithLabel}</center>{/block:NoteCount}{/block:PermalinkPage}
  499.  
  500. {block:PostNotes}{PostNotes}
  501. {/block:PostNotes}
  502. </div>
  503.  
  504. {/block:Posts}
  505. </div></div>
  506.  
  507. {Block:ifinfinitescrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/Block:ifinfinitescrolling}
  508.  
  509. {block:ifEnableSmallCursor}<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}</style>{/block:ifEnableSmallCursor}
  510.  
  511. </div>
  512. </body>
  513. </html>
create a new version of this paste RAW Paste Data