API tools faq
paste
Advertisement
hawtornes

THEME26.

hawtornes
Oct 6th, 2013
12,543
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.44 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9.  
  10. <!---theme #26 by hawtornes--->
  11.  
  12. <meta name="color:Background" content="#ffffff"/>
  13. <meta name="color:Sidebar" content="#fafafa"/>
  14. <meta name="color:Text" content="#a8a8a8"/>
  15. <meta name="color:SidebarLink" content="#777777"/>
  16. <meta name="color:Tags" content="f0f0f0"/>
  17. <meta name="color:Hover" content="#f2f2f2"/>
  18. <meta name="color:Selection" content="#f2f2f2"/>
  19. <meta name="color:Post Links" content="#f2f2f2"/>
  20. <meta name="color:Border" content="#e4e4e4"/>
  21. <meta name="color:Title" content="#000000"/>
  22. <meta name="color:Italic" content="#def13a"/>
  23. <meta name="color:LinksBg Hover" content="#000000"/>
  24. <meta name="color:SidebLink Bg" content="#ffffff"/>
  25. <meta name="image:sidebar" content=""/>
  26. <meta name="image:background" content=""/>
  27. <meta name="text:title 2" content="short title here"/>
  28. <meta name="text:Link 1" content="" />
  29. <meta name="text:Link 1 Text" content="" />
  30. <meta name="text:Link 2" content="" />
  31. <meta name="text:Link 2 Text" content="" />
  32. <meta name="text:Link 3" content="" />
  33. <meta name="text:Link 3 Text" content="" />
  34. <meta name="if:Show Link 1" content="1" />
  35. <meta name="if:Show Link 2" content="1" />
  36. <meta name="if:Show Link 3" content="1" />
  37.  
  38.  
  39.  
  40. <style type="text/css">
  41.  
  42. #s-m-t-tooltip {
  43. max-width:300px;
  44. padding:5px;
  45. margin:10px 0px 0px 10px;
  46. background-color:#57b4bd;
  47. font-family:trebuchet ms;
  48. font-size:7px;
  49. letter-spacing:1px;
  50. font-style:none;
  51. text-transform:uppercase;
  52. padding-bottom:3px;
  53. color:#fff;
  54. z-index:999999999999999999999999999999999999;
  55. }
  56.  
  57.  
  58. ::-webkit-scrollbar-thumb {
  59. height:auto;
  60. background-color: #555;
  61. border:1px solid #fff;
  62. }
  63. ::-webkit-scrollbar {
  64. height:9px;
  65. width:5px;
  66. background-color: #ddd;
  67. border:2px solid #fff;
  68. }
  69.  
  70. body {
  71. cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;
  72. background:{color:background};
  73. margin:0px;
  74. color:{color:text};
  75. font-family:calibri;
  76. font-size:10px;
  77. line-height:100%;
  78. letter-spacing:0px;
  79. text-align:justify;
  80. background-image:url('{image:Background}');
  81. }
  82.  
  83. b, strong {
  84. color:{color:Title};
  85. }
  86.  
  87. i, em {
  88. color:{color:Italic};
  89. }
  90.  
  91. ::selection {
  92. background-color: {color:Selection};
  93. }
  94.  
  95. a {
  96. text-decoration:none;
  97. outline:none;
  98. -moz-outline-style:none;
  99. color:{color:Post Links};
  100. }
  101.  
  102. img {
  103. border:none;
  104. }
  105.  
  106. blockquote {
  107. padding-left:5px;
  108. border-left:2px solid;
  109. }
  110.  
  111. blockquote blockquote {
  112. padding-left:5px;
  113. border-left:2px solid;
  114. }
  115.  
  116. h1 {
  117. font-size:16px;
  118. text-align:left;
  119. text-transform:lowercase;
  120. font-family:calibri;
  121. font-style:none;
  122. color:#000;
  123. letter-spacing:0px;
  124. margin-bottom:6px
  125. }
  126.  
  127. a:hover {
  128. cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;
  129. color:#000000;
  130. -moz-transition-duration:0.3s;
  131. -webkit-transition-duration:0.3s;
  132. -o-transition-duration:0.3s;
  133. }
  134.  
  135. #entries {
  136. padding:14px;
  137. width:500px;
  138. margin-left:294px;
  139. margin-top:-30px;
  140. font-size:10px;
  141. font-family:'arial';
  142. letter-spacing:0px;
  143. }
  144.  
  145. #post {
  146. width:500px;
  147. padding-bottom:40px;
  148. padding:17px;
  149. margin-top:50px;
  150. border:1px solid;
  151. border-color:#fff;
  152. padding-bottom:30px;
  153. border:1px solid;
  154. border-color:#fff;
  155. }
  156.  
  157. #sidebar {
  158. width:258px;
  159. height:1000px;
  160. position:fixed;
  161. margin-top:-227px;
  162. margin-left:0px;
  163. padding-top:40px;
  164. background-color:{color:Sidebar};
  165. background-image:url('{image:SBackground}');
  166. }
  167.  
  168. #sidebarimage {
  169. width:200px;
  170. margin-top:200px;
  171. margin-left:80px;
  172. }
  173.  
  174. #sidebarimage img {
  175. width:190px;
  176. margin-top:230px;
  177. margin-left:-53px;
  178. padding:8px;
  179. }
  180.  
  181.  
  182. #sidebarimage img:hover{
  183. opacity:0.8;
  184. -moz-transition-duration:0.8s;
  185. -webkit-transition-duration:0.8s;
  186. -o-transition-duration:0.8s;
  187. }
  188.  
  189. #titlef {
  190. color:#000;
  191. font-size:37px;
  192. font-family:arial;
  193. text-align:center;
  194. letter-spacing:-5px;
  195. margin-left:-39px;
  196. margin-top:-26px;
  197. font-style:none;
  198. font-weight:bold;
  199. text-transform:lowercase;
  200. padding:4px;
  201. padding-top:0px;
  202. padding-bottom:8px;
  203. padding-right:0px;
  204. position:fixed;
  205. padding-left:px;
  206. width:198px;
  207. padding-left:29px;
  208. }
  209.  
  210.  
  211. .links {
  212. position:fixed;
  213. width:180px;
  214. z-index:-1px;
  215. text-transform:uppercase;
  216. font-family:TAHOMA;
  217. padding:7px;
  218. font-size:7px;
  219. letter-spacing:1px;
  220. font-style:none;
  221. position:fixed;
  222. text-align:center;
  223. margin-left:-4px;
  224. margin-top:15px;
  225. -moz-transition-duration:0.8s;
  226. -webkit-transition-duration:0.8s;
  227. -o-transition-duration:0.8s;
  228. padding-top:0px;
  229. }
  230.  
  231. .links a {
  232. letter-spacing:1px;
  233. text-align:center;
  234. padding:3px;
  235. background-color:{color:SidebLink Bg};
  236. -moz-transition-duration:1s;
  237. -webkit-transition-duration:1s;
  238. -o-transition-duration:1s;
  239. color:{color:SidebarLink};
  240. }
  241.  
  242.  
  243. .links a:hover {
  244. text-align:center;
  245. letter-spacing:1px;
  246. -moz-transition-duration:0.3s;
  247. -webkit-transition-duration:0.3s;
  248. -o-transition-duration:0.3s;
  249. color:#fff;
  250. background-color:{color:LinksBg Hover};
  251. }
  252.  
  253.  
  254.  
  255.  
  256.  
  257. #description {
  258. font-style:bold;
  259. text-align:center;
  260. font-family:'calibri';
  261. text-transform:uppercase;
  262. width:171px;
  263. margin-top:18px;
  264. font-size:8px;
  265. position:fixed;
  266. letter-spacing:0px;
  267. padding:8px;
  268. color:#999;
  269. line-height:100%;
  270. margin-left:34px;
  271. }
  272.  
  273.  
  274. #pagination {
  275. width:200px;
  276. height:114px;
  277. padding:6px;
  278. font-family:'tahoma';
  279. letter-spacing:0px;
  280. font-size:7px;
  281. text-align:center;
  282. font-weight:none;
  283. letter-spacing:0px;
  284. margin-top:25px;
  285. margin-left:-19px;
  286. line-height:14px;
  287. }
  288.  
  289. #pagination a {
  290. color:#999;
  291. }
  292.  
  293. #info {
  294. width:502px;
  295. border-top:1px solid;
  296. border-color:{color:Border};
  297. text-align:center;
  298. font-family:'tahoma';
  299. margin-top:6px;
  300. margin-left:-2px;
  301. letter-spacing:1px;
  302. font-size:7px;
  303. line-height:0px;
  304. padding-left:0px;
  305. text-transform:uppercase;
  306. }
  307.  
  308. #info a {
  309. text-align:center;
  310. color:#ddd;
  311. margin-left:-1px;
  312. padding:0px;
  313. }
  314.  
  315. #info a:hover {
  316. -moz-transition-duration:0.3s;
  317. -webkit-transition-duration:0.3s;
  318. -o-transition-duration:0.3s;
  319. color:{color:Hover};
  320. }
  321.  
  322. #cred {
  323. position:fixed;
  324. font-family:TAHOMA;
  325. text-transform:uppercase;
  326. font-size:7px;
  327. letter-spacing:0px;
  328. right:3px;
  329. bottom:3px;
  330. padding:3px;
  331. border:1px solid {color:#fafafa};
  332. padding:5px;
  333. letter-spacing:1px;
  334. text-align:center;
  335. line-height:120%;
  336. color:#ddd;
  337. }
  338.  
  339. #cred a{
  340. color:#999;
  341. padding:5px;
  342. }
  343.  
  344. #cred a:hover{
  345. color:#fff;
  346. background-color:#000;
  347. padding:5px;
  348. -moz-transition-duration:0.7s;
  349. -webkit-transition-duration:0.7s;
  350. -o-transition-duration:0.7s;
  351. }
  352.  
  353. #question {
  354. padding:10px;
  355. background-color:#f9f9f9;
  356. font-family:trebuchet ms;
  357. font-size:8px;
  358. text-transform:uppercase;
  359. position: relative;}
  360.  
  361. #question:after, #demo:before { border: solid transparent;
  362. content: ' ';
  363. height: 0; left: 100%;
  364. position: absolute;
  365. width: 0;}
  366.  
  367. #question:after { border-width: 9px;
  368. border-left-color:#F7F7F7;
  369. top: 7px;}
  370.  
  371. #question:before { border-width: 14px;
  372. border-left-color:#F7F7F7;
  373. top: 10px;}
  374.  
  375.  
  376.  
  377. #tags {
  378. float:left;
  379. width:489px;
  380. margin-top:-1px;
  381. margin-left:-2px;
  382. text-align:center;
  383. font-size:7px;
  384. padding:5px;
  385. font-size:8px;
  386. opacity:1;
  387. transition-duration: 0.5s;
  388. -moz-transition-duration: 0.5s;
  389. -webkit-transition-duration: 0.5s;
  390. -o-transition-duration: 0.5s
  391. color:#ddd;
  392. letter-spacing:1px;
  393. text-transform:uppercase;
  394. font-family:tahoma;
  395. line-height:90%;
  396. }
  397.  
  398. #tags a {
  399. letter-spacing:0px;
  400. font-size:9px;opacity:1;
  401. text-align:center;
  402. text-decoration:none;
  403. display:inline-block;
  404. margin-right:0px;
  405. margin-top:0px;
  406. background-color:#fff;
  407. letter-spacing:0px;
  408. color:#ddd;
  409. font-family:times;
  410. text-transform:lowercase;
  411. font-style:italic;
  412. padding:4px;
  413. }
  414.  
  415. #tags a:hover {
  416. opacity:1;
  417. color:{color:Hover};
  418. background-color:#fff;
  419. -moz-transition-duration:0.3s;
  420. -webkit-transition-duration:0.3s;
  421. -o-transition-duration:0.3s;}
  422.  
  423. #tags a:hover {
  424. opacity:1;
  425. color:#eee;
  426. background-color:{color:Tags Bg};
  427.  
  428. {CustomCSS}</style></head>
  429.  
  430. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  431. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  432. <script>
  433. (function($){
  434. $(document).ready(function(){
  435. $("a[title]").style_my_tooltips({
  436. tip_follows_cursor:true,
  437. tip_delay_time:90,
  438. tip_fade_speed:600,
  439. attribute:"title"
  440. });
  441. });
  442. })(jQuery);
  443. </script>
  444.  
  445. <body>
  446.  
  447.  
  448. <div id="sidebar">
  449.  
  450. <div id="sidebarimage"><a title="home" href="/"><img src="{image:sidebar}"></a></div>
  451.  
  452. <div id="description">
  453. <div id="titlef">
  454. <div style="margin-top:-3px;margin-left:-1px;"><br><B>{text:title 2};</B></div></div>
  455. {Description}
  456.  
  457. <div class="links">
  458. <a title="home"href="/">home</a>
  459. <a title="ask"href="/ask ">ask</a>
  460. {block:IfShowLink1}<a href="{text:Link 1}">{text:Link 1 Text}</a>{/block:IfShowLink1}
  461. {block:IfShowLink2}<a href="{text:Link 2}">{text:Link 2 Text}</a>{/block:IfShowLink2}
  462. {block:IfShowLink3}<a href="{text:Link 3}">{text:Link 3 Text}</a>{/block:IfShowLink3}
  463. </div>
  464.  
  465. <div id="pagination">
  466. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage} {CurrentPage} OF {TotalPages}
  467. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}{/block:Pagination}
  468.  
  469.  
  470. </div>
  471.  
  472.  
  473.  
  474.  
  475. </div>
  476. </div>
  477.  
  478. <div id="entries">{block:Posts}<div id="post">
  479.  
  480. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  481.  
  482. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  483.  
  484. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  485.  
  486. {block:Quote}<div style="text-align:center;color:#ddd;font-size:16px;font-family:calibri;line-height:150%;text-transform:none;font-weight:bold;letter-spacing:0px;">"{Quote}"</div>
  487. {block:Source}<div class="qsource"><center><br>—{Source}</div>{/block:Source}{/block:Quote}
  488.  
  489. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  490.  
  491. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  492.  
  493. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  494. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  495. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  496. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  497. {/block:Audio}<br>
  498.  
  499. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  500.  
  501. {block:Answer}
  502. <img align="right" src="{AskerPortraitURL-30}"> <div id="question" style="width:437px;"><div style="color:#fff;background-color:#111;padding:3px;">{Asker}:</div>{Question}</div>
  503. {Answer}
  504. {/block:Answer}
  505.  
  506. <div id="info">
  507. <span style="background-color:white;color:#999;padding:4px;padding-bottom:0px;"><a href="{Permalink}">{TimeAgo}</a> — {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}"><a href="{SourceURL}">(src)</a>{/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} with {NoteCountWithLabel}</a</span>
  508. {block:HasTags}<div id="tags">
  509.  
  510. {block:Tags}<a href="/tagged/{Tag}"><u>{Tag}</u></a>{/block:Tags}
  511. </div>{block:HasTags}
  512. </div>
  513. </div>
  514. {/block:Posts}
  515. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  516. {/block:Posts}</div></div></div>
  517.  
  518.  
  519.  
  520. <div id="cred">
  521. <a href="http://hawtornes.tumblr.com">THEME</a>
  522. </div>
  523.  
  524.  
  525.  
  526. </div>
  527.  
  528. </div>
  529.  
  530.  
  531.  
  532.  
  533. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!