API tools faq
paste
hawtornes

New Themes - #Theme3

hawtornes
Apr 6th, 2014
3,711
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.21 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.  
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11. <!---new themes #3 by hawtornes--->
  12.  
  13. <meta name="color:Background" content="#ffffff"/>
  14. <meta name="color:Sidebar" content="#ffffff"/>
  15. <meta name="color:Text" content="#a8a8a8"/>
  16. <meta name="color:Link" content="#b8b8b8"/>
  17. <meta name="color:Titlec" content="#777777"/>
  18. <meta name="color:border1" content="F6F6F6"/>
  19. <meta name="color:border2" content="F6F6F6"/>
  20. <meta name="color:border3" content="F6F6F6"/>
  21. <meta name="color:border4" content="F6F6F6"/>
  22. <meta name="color:border5" content="F6F6F6"/>
  23. <meta name="color:Post Links" content="#dddddd"/>
  24. <meta name="color:LinksBg" content="#e4e4e4"/>
  25. <meta name="image:sidebarim" content=""/>
  26. <meta name="image:background" content=""/>
  27. <meta name="text:title 2" content="short title"/>
  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="text:Link 4" content="" />
  35. <meta name="text:Link 4 Text" content="" />
  36. <meta name="text:Link 5" content="" />
  37. <meta name="text:Link 5 Text" content="" />
  38. <meta name="text:Link 6" content="" />
  39. <meta name="text:Link 6 Text" content="" />
  40. <meta name="text:Link 7" content="" />
  41. <meta name="text:Link 7 Text" content="" />
  42. <meta name="text:Link 8" content="" />
  43. <meta name="text:Link 8 Text" content="" />
  44. <meta name="text:Link 9" content="" />
  45. <meta name="text:Link 9 Text" content="" />
  46. <meta name="if:Show Link 1" content="1" />
  47. <meta name="if:Show Link 2" content="1" />
  48. <meta name="if:Show Link 3" content="1" />
  49. <meta name="if:Show Link 4" content="1" />
  50. <meta name="if:Show Link 5" content="1" />
  51. <meta name="if:Show Link 6" content="1" />
  52. <meta name="if:Show Link 7" content="1" />
  53. <meta name="if:Show Link 8" content="1" />
  54. <meta name="if:Show Link 9" content="1" />
  55.  
  56.  
  57.  
  58. <style type="text/css">
  59.  
  60. #s-m-t-tooltip {
  61. max-width:300px;
  62. padding:5px;
  63. margin:10px 0px 0px 10px;
  64. background-color:#57b4bd;
  65. font-family:trebuchet ms;
  66. font-size:7px;
  67. letter-spacing:1px;
  68. font-style:none;
  69. text-transform:uppercase;
  70. padding-bottom:3px;
  71. color:#fff;
  72. z-index:999999999999999999999999999999999999;
  73. }
  74.  
  75.  
  76.  
  77. ::-webkit-scrollbar-thumb {
  78. height:auto;
  79. background-color: #259081;
  80. border:0px solid #fff;
  81. }
  82. ::-webkit-scrollbar {
  83. height:9px;
  84. width:5px;
  85. background-color: #f1f1f1;
  86. border:0px solid #fff;
  87. }
  88.  
  89. body {
  90. cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;
  91. background:{color:background};
  92. margin:0px;
  93. color:{color:text};
  94. font-family:calibri;
  95. font-size:10px;
  96. line-height:100%;
  97. letter-spacing:0px;
  98. text-align:justify;
  99. background-image:url('{image:Background}');
  100. }
  101.  
  102. b, strong {
  103. color: #666;
  104. }
  105.  
  106. i, em {
  107. color:#D7D7D7;
  108. }
  109.  
  110. ::selection {
  111. background-color:#A5DF00;
  112. }
  113.  
  114. a {
  115. text-decoration:none;
  116. outline:none;
  117. -moz-outline-style:none;
  118. color:{color:Post Links};
  119. }
  120.  
  121. img {
  122. border:none;
  123. }
  124.  
  125. blockquote {
  126. padding-left:5px;
  127. text-align:center;
  128. padding:8px;
  129. background-color:#fff;
  130. border-left:2px solid;
  131. width:383px;
  132. margin-left:0px;
  133. }
  134.  
  135. blockquote blockquote {
  136. padding-left:5px;
  137. border-left:2px solid;
  138. }
  139.  
  140. h1 {
  141. font-size:15px;
  142. text-align:center;
  143. text-transform:lowercase;
  144. font-family:arial;
  145. font-style:none;
  146. color:#000;
  147. letter-spacing:-1px;
  148. margin-bottom:6px
  149. }
  150.  
  151. a:hover {
  152. cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;
  153. color:#000000;
  154. -moz-transition-duration:0.3s;
  155. -webkit-transition-duration:0.3s;
  156. -o-transition-duration:0.3s;
  157. }
  158.  
  159. #container {width:800px; text-align:center; margin: 0 auto -12px auto}
  160.  
  161.  
  162.  
  163. #entries {
  164. padding:14px;
  165. width:427px;
  166. margin-left:230px;
  167. margin-top:0px;
  168. font-size:10px;
  169. font-family:'arial';
  170. letter-spacing:0px;
  171. }
  172.  
  173. #post {
  174. width:400px;
  175. padding-bottom:40px;
  176. padding:17px;
  177. margin-top:50px;
  178. border:0px solid;
  179. margin-left:-6px;
  180. border-color:#fff;
  181. padding-bottom:30px;
  182. border:0px solid;
  183. border-color:#fff;
  184. }
  185.  
  186. #tplinks {background-color: #000;
  187. border-bottom:0px solid;
  188. border-color:#fad674;
  189. padding: 9px 0px;
  190. text-align: center;
  191. position: fixed;
  192. width: 100%;
  193. margin-top:0px;
  194. z-index: 5;}
  195.  
  196. #tplinks a {color: #fff;
  197. font-size: 8px;
  198. font-family:calibri;
  199. letter-spacing:2px;
  200. text-transform:Uppercase;
  201. font-weight:none;
  202. margin: 0px 13px;
  203. text-shadow:0px 0px 2px rgba(0,0,0,0.5);
  204. {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}}
  205.  
  206. #tplinks a:hover {color:#888;text-decoration:underline;}
  207.  
  208. #linksborders {margin-top:27px;position:fixed;margin-left:-10px;width:102%; z-index:3;}
  209. .border1 {width:20%;height:4px;background:{color:border1}; float:left;}
  210. .border2 {width:20%;height:4px;background:{color:border2}; float:left;}
  211. .border3 {width:20%;height:4px;background:{color:border3}; float:left;}
  212. .border4 {width:20%;height:4px;background:{color:border4}; float:left;}
  213. .border5 {width:20%;height:4px;background:{color:border5}; float:left;}
  214.  
  215. #sidebar {
  216. width:0px;
  217. height:auto;
  218. position:fixed;
  219. margin-top:-50px;
  220. margin-left:67px;
  221. padding-top:40px;
  222. background-color:#f9f9f9;
  223. }
  224.  
  225. #sidebarim {
  226. width:0px;
  227. margin-top:-365px;
  228. margin-left:10px;
  229. padding:0px;
  230. }
  231.  
  232.  
  233. #sidebarim img {
  234. width:135px;
  235. margin-top:593px;
  236. margin-left:-45px;
  237. padding:0px;
  238. border:0px solid;
  239. border-color:{color:AC1};
  240. }
  241.  
  242.  
  243. #titlef {
  244. color:{color:titlec};
  245. font-size:14px;
  246. font-family:arial;
  247. text-align:center;
  248. letter-spacing:-1px;
  249. margin-left:-37px;
  250. margin-top:3px;
  251. opacity:1;
  252. font-style:none;
  253. font-weight:bold;
  254. text-transform:lowercase;
  255. padding:0px;
  256. position:fixed;
  257. padding-bottom:7px;
  258. line-height:80%;
  259. width:135px;
  260. background-color:#fff;
  261. }
  262.  
  263. #titlef a {
  264. }
  265.  
  266. #titlef:hover {
  267. background-color:#fff;
  268. color:{color:Titlec};
  269. border-bottom:0px solid;
  270. border-color:{color:Titlec};
  271. -moz-transition-duration:0.8s;
  272. -webkit-transition-duration:0.8s;
  273. -o-transition-duration:0.8s;
  274. }
  275.  
  276.  
  277. .links {
  278. position:fixed;
  279. width:140px;
  280. z-index:-1px;
  281. text-transform:uppercase;
  282. font-family:calibri;
  283. padding:4px;
  284. font-size:8px;
  285. letter-spacing:1px;
  286. font-style:none;
  287. position:fixed;
  288. text-align:center;
  289. margin-left:-4px;
  290. margin-top:10px;
  291. -moz-transition-duration:0.8s;
  292. -webkit-transition-duration:0.8s;
  293. -o-transition-duration:0.8s;
  294. padding-top:0px;
  295. line-height:40%;
  296. }
  297.  
  298. .links a {
  299. color:#c92a77;
  300. letter-spacing:0px;
  301. text-align:left;
  302. display:block;
  303. padding:1px;
  304. padding-left:5px;
  305. width:135px;
  306. color:#777;
  307. border-bottom:1px solid #ddd;
  308. line-height:200%;
  309. background-color:#fff;
  310. -moz-transition-duration:1s;
  311. -webkit-transition-duration:1s;
  312. -o-transition-duration:1s;}
  313.  
  314.  
  315. .links a:hover {
  316. width:135px;
  317. color:#fff;
  318. border-bottom:1px solid #999;
  319. background-color:#ddd;
  320. -webkit-transition:all 0.8s;
  321. -moz-transition:all 0.8s;
  322. -ms-transition:all 0.8s;
  323. -o-transition:all 0.8s;
  324. transition:all 0.8s;}
  325.  
  326.  
  327. #description {
  328. text-align:justify;
  329. font-family:'calibri';
  330. text-transform:none;
  331. width:140px;
  332. margin-top:36px;
  333. font-size:10px;
  334. position:fixed;
  335. letter-spacing:0px;
  336. padding:8px;
  337. color:#7B7B7B;
  338. line-height:130%;
  339. margin-left:-45px;
  340. background-color:#fff;
  341. }
  342.  
  343. #description a {
  344. color:#888;
  345. }
  346.  
  347. #description a:hover {
  348. color:#fff;
  349. }
  350.  
  351.  
  352. #pagination {
  353. width:400px;
  354. font-size:8px;
  355. text-align:center;
  356. margin-left:0px;
  357. margin-top:-43px;
  358. padding:12px;
  359. color:#000;
  360. text-transform:uppercase;
  361. font-family:arial;
  362. letter-spacing:0px;
  363. }
  364.  
  365. #pagination a {
  366. padding:7px;
  367. }
  368.  
  369. #info {
  370. margin-top: -5px;
  371. font-size: 6pt;
  372. text-transform: uppercase;
  373. text-align: left;
  374. padding: 5px;
  375. padding-left:0px;
  376. border-top: 2px solid;
  377. border-color:#ddd;
  378. font-family: calibri;
  379. line-height: 100%;
  380. color:#C6C6C6;
  381. width:394px;
  382. }
  383.  
  384. #info a {
  385. color:#888;
  386. }
  387.  
  388. #asker {
  389. text-align: center;
  390. padding: 5px;
  391. width:390px;
  392. background-color:#000;
  393. font-size:11px;
  394. color:#fff;
  395. font-family:arial;
  396. text-transform:lowercase;
  397. letter-spacing:-1px;
  398. font-weight:bold;
  399. -moz-transition-duration:0.4s;
  400. -webkit-transition-duration:0.4s;
  401. -o-transition-duration:0.4s;
  402. margin-bottom:3px;}
  403.  
  404. #asker:hover {
  405. background-color:#f8f8f8;
  406. -moz-transition-duration:0.4s;
  407. -webkit-transition-duration:0.4s;
  408. -o-transition-duration:0.4s;}
  409.  
  410. #asker a {
  411. color:#fff;
  412. }
  413.  
  414. #question {
  415. text-align: center;
  416. width: 384px;
  417. font-family:cambria;
  418. font-size:8px;
  419. text-transform:uppercase;
  420. background-color: #f3f3f3;
  421. padding: 8px;}
  422.  
  423. #answer {
  424. background:transparent;
  425. color:#777;
  426. width:384px;
  427. text-align:justify;
  428. margin-top:3px;
  429. padding:1px 0px 1px 8px;}
  430.  
  431.  
  432.  
  433. #cred {
  434. position:fixed;
  435. font-family:'arial';
  436. text-transform:uppercase;
  437. font-size:18px;
  438. color:#000;
  439. letter-spacing:-6px;
  440. font-weight:bold;
  441. right:9px;
  442. bottom:9px;
  443. padding:4px;
  444. letter-spacing:1px;
  445. }
  446.  
  447. #cred a {
  448. color:#000;
  449. letter-spacing:-3px;
  450. }
  451.  
  452. #cred a:hover {
  453. color:#ddd;
  454. letter-spacing:-3px;
  455. }
  456.  
  457.  
  458.  
  459. {CustomCSS}</style></head>
  460.  
  461. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  462. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  463. <script>
  464. (function($){
  465. $(document).ready(function(){
  466. $("a[title]").style_my_tooltips({
  467. tip_follows_cursor:true,
  468. tip_delay_time:90,
  469. tip_fade_speed:600,
  470. attribute:"title"
  471. });
  472. });
  473. })(jQuery);
  474. </script>
  475.  
  476. <body>
  477.  
  478. <div id="tplinks">
  479. {block:IfShowLink5}<a href="{text:Link 5}">{text:Link 5 Text}</a>{/block:IfShowLink5}
  480. {block:IfShowLink6}<a href="{text:Link 6}">{text:Link 6 Text}</a>{/block:IfShowLink6}
  481. {block:IfShowLink7}<a href="{text:Link 7}">{text:Link 7 Text}</a>{/block:IfShowLink7}
  482. {block:IfShowLink8}<a href="{text:Link 8}">{text:Link 8 Text}</a>{/block:IfShowLink8}
  483. {block:IfShowLink9}<a href="{text:Link 9}">{text:Link 9 Text}</a>{/block:IfShowLink9}
  484. </div>
  485.  
  486. <div id="linksborders">
  487. <div class="border1"></div>
  488. <div class="border2"></div>
  489. <div class="border3"></div>
  490. <div class="border4"></div>
  491. <div class="border5"></div>
  492. </div>
  493. </div>
  494.  
  495.  
  496. <div id="container">
  497.  
  498.  
  499. <div id="sidebar">
  500.  
  501.  
  502. <div id="sidebarim"><img src="{image:sidebarim}"></div>
  503.  
  504. <div id="titlef">
  505. <div style="margin-top:-3px;margin-left:-1px;"><br>{text:title 2};
  506. </div></div>
  507.  
  508. <div id="description">
  509. {Description}
  510.  
  511.  
  512. <div class="links">
  513. <a href="/">refresh</a>
  514. <a href="/ask">ask</a>
  515. {block:IfShowLink1}<a href="{text:Link 1}">{text:Link 1 Text}</a>{/block:IfShowLink1}
  516. {block:IfShowLink2}<a href="{text:Link 2}">{text:Link 2 Text}</a>{/block:IfShowLink2}
  517. {block:IfShowLink3}<a href="{text:Link 3}">{text:Link 3 Text}</a>{/block:IfShowLink3}
  518. {block:IfShowLink4}<a href="{text:Link 4}">{text:Link 4 Text}</a>{/block:IfShowLink4}
  519. </div>
  520. </div>
  521. </div>
  522.  
  523.  
  524. <div id="entries">{block:Posts}<div id="post">
  525.  
  526. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  527.  
  528. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  529.  
  530. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  531.  
  532. {block:Quote}</justify><div style="text-align:center;color:#ddd;font-size:17px;font-family:calibri;line-height:150%;text-transform:none;font-style:none;font-weight:bold;letter-spacing:0px;">"{Quote}"</div>
  533. {block:Source}<div class="qsource"><br><center>—{Source}</div><br>{/block:Source}{/block:Quote}
  534.  
  535. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  536.  
  537. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  538.  
  539. {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>
  540. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  541. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  542. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  543. {/block:Audio}<br>
  544.  
  545. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  546.  
  547. {block:Answer}<div id="asker">{asker}</div>
  548. <div id="question">{Question}</div>
  549. <div id="answer">{Answer}</div>{/block:answer}
  550.  
  551. <div id="info">
  552. {block:Date}
  553. <a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth} {DayOfMonth}</a>
  554. {/block:Date} {block:RebloggedFrom} <a href="{ReblogParentURL}">via,</a>{/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}, {NoteCountWithLabel}<Br>
  555. {block:HasTags} {block:Tags} <a href="{TagURL}"><i>{Tag};</i></a> {/block:Tags} {/block:HasTags}
  556. </div>
  557. </div>
  558.  
  559. {block:PostNotes}{PostNotes}{/block:PostNotes}
  560. {/block:Posts}
  561.  
  562. <br><br><br><br>
  563.  
  564. {block:Pagination}<div id="pagination">
  565. {block:PreviousPage}<a href="{PreviousPage}">back</a>&nbsp;&nbsp;{/block:PreviousPage}
  566. {block:JumpPagination length="8"}
  567. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  568. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  569. {/block:JumpPagination}
  570. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  571. </div>{/block:Pagination}
  572.  
  573. </div>
  574.  
  575. </div></div></div>
  576. <br><br><br>
  577.  
  578.  
  579.  
  580. <div id="cred">
  581. <a href="http://hawtornes.tumblr.com/">TC</a>
  582. </div>
  583.  
  584.  
  585.  
  586. </div>
  587.  
  588. </div>
  589.  
  590.  
  591.  
  592.  
  593. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!