API tools faq
paste
Advertisement
Guest User

THEME

a guest
Dec 20th, 2014
153
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.67 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><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!---- this is theme 41 by Hollywhood
  9. please don't remove the credit
  10. thank you
  11. --->
  12.  
  13. <meta name="color:Background" content="#ffffff"/>
  14. <meta name="color:Text" content="#9B9B9B"/>
  15. <meta name="color:Link" content="#b8b8b8"/>
  16. <meta name="color:scrollbar" content="#999999">
  17. <meta name="color:title" content="#999999">
  18. <meta name="color:Link Hover" content="#eeeeee"/>
  19. <meta name="image:Background" content=""/>
  20. <meta name="image:Updates BR" content=""/>
  21.  
  22. <meta name="image:sidebar" content=""/>
  23. <meta name="text:sidebartitle" content="">
  24.  
  25. <meta name="text:link 1" content="Link 1"/>
  26. <meta name="text:link 1 url" content="/"/>
  27. <meta name="text:link 2" content="Link 2"/>
  28. <meta name="text:link 2 url" content="/"/>
  29. <meta name="text:link 3" content="Link 3"/>
  30. <meta name="text:link 3 url" content="/"/>
  31. <meta name="text:link 4" content="Link 4"/>
  32. <meta name="text:link 4 url" content="/"/>
  33. <meta name="text:link 5" content="Link 5"/>
  34. <meta name="text:link 5 url" content="/"/>
  35.  
  36. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  37.  
  38. <style>
  39. div#qTip {
  40. padding: 3px;
  41. display: none;
  42. text-align: center;
  43. position: absolute;
  44. font-size:7px;
  45. margin-left:10px;
  46. margin-top:-2px;
  47. line-height:9px;
  48. font-family:arial;
  49. z-index: 1000;
  50. border: 1px solid #cacaca;
  51. background-color:#fff;
  52. color: #9b9b9b;
  53. text-transform:uppercase;
  54. letter-spacing: 2px;
  55. }
  56. </style>
  57.  
  58. <style type="text/css">
  59. #container-top-left {
  60. /*don't change anything*/
  61. position:fixed;
  62. left:0px;
  63. top:0px;
  64. z-index:999;
  65. }
  66.  
  67. #container-top-left:hover #text-top-left {
  68. opacity:1; /*don't change*/
  69. /*transition speed: 0.1 = fastest and 1 = slowest*/
  70. -webkit-transition: all .7s ease-in-out;
  71. -moz-transition: all .7s ease-in-out;
  72. -o-transition: all .7s ease-in-out;
  73. }
  74.  
  75. #text-top-left {
  76.  
  77. /*you can change the things below this*/
  78. font-size:12px;
  79. font-family:calibri;
  80. text-align:center;
  81. width:125px; /*how wide the text spans*/
  82. top:30px; /*higher number = farther down on page*/
  83. left:100px; /*lower number = closer to image; beware: don't make this number higher than the image width or your text will be on top of your image*/
  84.  
  85. /*don't change anything below this*/
  86. padding:0px 5px 0px 5px;
  87. position:fixed;
  88. opacity:0;
  89.  
  90. /*transition speed: 0.1 = fastest and 1 = slowest*/
  91. -webkit-transition: all .7s ease-in-out;
  92. -moz-transition: all .7s ease-in-out;
  93. -o-transition: all .7s ease-in-out;
  94.  
  95. }
  96.  
  97. #image-top-left img {
  98. width: 100px; /*higher number = larger image; if you change this, make sure you change the "left:100px" style under #text-top-left, or else your text will be on top of your image*/
  99.  
  100. /*don't change anything below this*/
  101. height: auto;
  102. top:0px;
  103. left:0px;
  104. }
  105.  
  106.  
  107. ::-webkit-scrollbar-thumb{
  108. background-color: #999999;
  109. border: 2px solid #461010;
  110. height:auto;
  111. }
  112.  
  113. ::-webkit-scrollbar {
  114. height:auto;
  115. width:11px;
  116. background-color: #999999;
  117. border:5px solid #461010;
  118. }
  119.  
  120.  
  121. iframe#tumblr_controls {
  122. white-space:nowrap;
  123. -webkit-filter: invert(100%);
  124. -moz-filter: invert(100%);
  125. -o-filter: invert(100%);
  126. -ms-filter: invert(100%);
  127. filter: invert(100%);
  128. opacity:.2;transition: .8s ease-in-out;
  129. -webkit-transition: .8s ease-in-out;
  130. -moz-transition: .8s ease-in-out;
  131. -o-transition: .8s ease-in-out;
  132. }
  133.  
  134. h1 {
  135. font-weight:normal;
  136. font-size:13px;
  137. text-align:center;
  138. font-style:normal;
  139. line-height:100%;
  140. letter-spacing:1px;
  141. text-transform:normal;
  142. color:#9B9B9B;
  143. }
  144.  
  145. h2 {
  146. font-size:10px;
  147. text-align:center;
  148. line-height:100%;
  149. letter-spacing:-0.5px;
  150. color:#9B9B9B;
  151. font-weight:bold;
  152. text-transform:uppercase;
  153. padding:5px;
  154. padding-bottom:2px;
  155. }
  156.  
  157.  
  158. blockquote {
  159. border-left:2px solid #9B9B9B;
  160. padding-left:5px;
  161. margin:5px;
  162. }
  163.  
  164.  
  165. body {
  166. background:;
  167. margin:0px;
  168. color:#9B9B9B;
  169. font-family:trebuchet ms;
  170. font-size:10px;
  171. line-height:100%;
  172. background-attachment:fixed;
  173. background-image: url('http://static.tumblr.com/f503680bc46cb617283b0c50866a4e19/qdwbycj/35zngweak/tumblr_static_5z8r6ddjzd0k80ko040sgg488.png');
  174. background-repeat:no-repeat;
  175. }
  176.  
  177. a {
  178. text-decoration:none;
  179. outline:none;
  180. -moz-outline-style:none;
  181. color:#000000;
  182. -moz-transition-duration:0.5s;
  183. -webkit-transition-duration:0.5s;
  184. -o-transition-duration:0.5s;
  185. }
  186.  
  187. a:hover {
  188. text-decoration:none;
  189. outline:none;
  190. -moz-outline-style:none;
  191. color:#eeeeee;
  192. }
  193.  
  194. img {
  195. border:none;
  196. }
  197.  
  198. blockquote {
  199. padding-left:5px;
  200. border-left:2px solid;
  201. }
  202.  
  203. blockquote blockquote {
  204. padding-left:5px;
  205. border-left:2px solid;
  206. }
  207.  
  208. #post {
  209. width:450px;
  210. padding-bottom:30px;
  211. margin-top:30px;
  212. }
  213.  
  214. #post {
  215. width:530px;
  216. padding-bottom:30px;
  217. margin-top:30px;
  218. }
  219.  
  220. #entries {
  221. padding:10px;
  222. width:530px;
  223. margin-left:120px;
  224. margin-top:150px;
  225. margin-bottom:40px;
  226. position:fixed;
  227.  
  228. overflow:scroll;
  229.  
  230. overflow-x:hidden;
  231.  
  232. height:30%;
  233.  
  234. border:2px none;
  235.  
  236. background-color:transparent;
  237. }
  238.  
  239.  
  240. #sidebar {
  241. color:#cbcec8;
  242. position:fixed;
  243. width:100px;
  244. height:auto;
  245. margin-top:39px;
  246. margin-left:250px;
  247. text-align:left;
  248. }
  249.  
  250. #sidebarimage img {
  251. width:200px;
  252. margin-top:-10px;
  253. margin-bottom:0px;
  254. margin-left:-9px;
  255. }
  256.  
  257.  
  258. #links {
  259. position:absolute;
  260. position:fixed;
  261. font-family:cambria;
  262. width:400px;
  263. margin-top:-90px;
  264. margin-left:235px;
  265. font-size:18px;
  266. text-transform:none;
  267. font-style:italic;
  268. text-align:center;
  269. line-height:280%;
  270. }
  271.  
  272. #links a{
  273. line-height:280%;
  274. margin-top:4px;
  275. margin-left:13px;
  276. color:#131313;
  277. text-decoration:none;
  278. -moz-transition-duration:.2s;
  279. -webkit-transition-duration:.2s;
  280. -o-transition-duration:.2s;
  281. }
  282.  
  283. #links a:hover {
  284. color: #202020;
  285. width:60px;
  286. -moz-transition-duration:0.2s;
  287. -webkit-transition-duration:0.2s;
  288. -o-transition-duration:0.2s;
  289. }
  290.  
  291.  
  292. #description {
  293. position:fixed;
  294. width:200px;
  295. font-family:trebuchet ms;
  296. margin-top:185px;
  297. margin-left:439px;
  298. text-align:justify;
  299. font-size:9px;
  300. color: #9B9B9B;
  301. letter-spacing:0px;
  302. line-height:130%;
  303. -moz-transition-duration:1s;
  304. -webkit-transition-duration:1s;
  305. -o-transition-duration:1s;
  306. }
  307.  
  308. #description a {
  309. color:#000000;
  310. }
  311.  
  312. #description a:hover {
  313. color:#eeeeee;
  314. }
  315.  
  316. .sidebartitle {
  317. width:210px;
  318. text-align:center;
  319. position:fixed;
  320. font-family:arial;
  321. line-height:120%;
  322. margin-left:-13px;
  323. font-size:13px;
  324. margin-top:10px;
  325. color:#000000;
  326. }
  327.  
  328. #pagination {
  329. font-family:cambria;
  330. width:210px;
  331. font-size:12px;
  332. margin-top:300px;
  333. margin-left:550px;
  334. padding-left:5px;
  335. letter-spacing:1px;
  336. font-style:italic;
  337. text-align:center;
  338. }
  339.  
  340. #pagination a {
  341. color:#000000;
  342. }
  343.  
  344. #info {
  345. font-family:arial;
  346. width:493px;
  347. margin-top:5px;
  348. padding-top:1px;
  349. font-size:7px;
  350. background:#f7f7f7;
  351. padding:4px;
  352. color:#9B9B9B;
  353. text-transform:uppercase;
  354. font-style:normal;
  355. text-align:left;
  356. -moz-transition-duration:0.5s;
  357. -webkit-transition-duration:0.5s;
  358. -o-transition-duration:0.5s;
  359. }
  360.  
  361. #info a {
  362. color:#000000;
  363. font-style:normal;
  364. }
  365.  
  366. #info a:hover {
  367. color:#eeeeee;
  368. }
  369.  
  370. .tags {
  371. font-family:calibri;
  372. font-style:normal;
  373. width:495px;
  374. text-transform:normal;
  375. font-style:normal;
  376. line-height:120%;
  377. padding-left:5px;
  378. font-size:10px;
  379. text-align:left;
  380. padding-top:5px;
  381. padding-bottom:15px;
  382. -moz-transition-duration:0.2s;
  383. -webkit-transition-duration:0.2s;
  384. -o-transition-duration:0.2s;
  385. }
  386. .tags a{
  387. color:#000000;
  388. -moz-transition-duration:0.2s;
  389. -webkit-transition-duration:0.2s;
  390. -o-transition-duration:0.2s;
  391. }
  392. .tags a:hover{
  393. color:#eeeeee;
  394. -moz-transition-duration:0.2s;
  395. -webkit-transition-duration:0.2s;
  396. -o-transition-duration:0.2s;
  397. }
  398.  
  399. .audio{
  400. background-color:#e5e5e5;
  401. height:65px;
  402. overflow:hidden;
  403. }
  404.  
  405. #ask {
  406. float:left;
  407. color:#9B9B9B;
  408. }
  409.  
  410. #credit {
  411. font-size:9px;
  412. font-family:cambria;
  413. font-style:italic;
  414. letter-spacing:1px;
  415. -moz-transition-duration:0.5s;
  416. -webkit-transition-duration:0.5s;
  417. -o-transition-duration:0.5s;
  418. }
  419.  
  420. #credit a {
  421. background-color:#fff;
  422. padding:5px;
  423. border:1px solid #e9e9e9;
  424. position:fixed;
  425. right:15px;
  426. bottom:10px
  427. }
  428.  
  429. #credit a:hover {
  430. color:#fff;
  431. background-color:#191919;
  432. }
  433.  
  434. {CustomCSS}</style></head><body>
  435.  
  436. <div id="container-top-left">
  437. <div id="image-top-lef"><img src="{image:Updates BR}" /></div>
  438. <div id="text-top-left">
  439. here goes your text.<br />
  440. whatever you wanna put goes on here.<br />
  441. go cray ! <br />
  442. </div>
  443. </div>
  444.  
  445. <div id="sidebar">
  446.  
  447. <div id="sidebarimage">
  448. <a href="/"><img src="{image:sidebar}"></a></div>
  449.  
  450. <div class="sidebartitle">{text:sidebartitle}</div>
  451.  
  452. <div id="links">
  453. <a href="{text:link 1 url}">{text:link 1}</a><br />
  454. <a href="{text:link 2 url}">{text:link 2}</a><br />
  455. <a href="{text:link 3 url}">{text:link 3}</a><br />
  456. <a href="{text:link 4 url}">{text:link 4}</a><br />
  457. <a href="{text:link 5 url}">{text:link 5}</a><br />
  458. </div>
  459.  
  460. <div id="description">{description}
  461.  
  462. <div id="pagination">
  463. <center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage} &nbsp;&nbsp;&nbsp; {block:NextPage}<a href="{NextPage}">next</a><br />{/block:NextPage}{/block:Pagination}</div></center></div>
  464. </div></div></div>
  465.  
  466. <div id="entries">{block:Posts}<div id="post">
  467.  
  468. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  469.  
  470. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  471.  
  472. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  473.  
  474. {block:Quote}<big><big>"{Quote}"</big></big>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  475.  
  476. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  477.  
  478. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}{hw}
  479.  
  480. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="65px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayerGrey}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  481.  
  482. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  483.  
  484. {block:Answer}<div id="ask"><img src="{AskerPortraitURL-24}" style="margin-left:7px;margin-right:13px;border:1px solid #e3e3e3;padding:2px;"></div> <em>{Asker}:</em><br> "{Question}"<br><br>{Answer}{/block:Answer}
  485.  
  486. {block:Date}<div id="info"> <a href="{Permalink}">{TimeAgo}</a>
  487. {/block:Date} {block:NoteCount}&nbsp; ( <font color=#ec3d3d>♥</font> <a href="{Permalink}">{NoteCount}</a> ) {/block:NoteCount}<div style="float:right;">
  488.  
  489. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">via</a> {/block:RebloggedFrom}{block:ContentSource} &nbsp; / &nbsp; <a title="{SourceTitle}" href="{SourceURL}">source</a>{/block:ContentSource} {/block:RebloggedFrom} &nbsp; ( <a href="{ReblogURL}"target="_blank" title="reblog this post"><big>+</big> </a> ) </div>
  490. </div>
  491.  
  492.  
  493. {block:HasTags}
  494. <div class="tags">
  495. tagged as:{block:Tags} <a href="{TagURL}">&nbsp; -{Tag}</a> {/block:Tags}</div>
  496. {/block:HasTags}
  497. <div class="postnote">
  498. {block:PostNotes}{PostNotes}{/block:PostNotes}
  499. </div>
  500. </div>
  501. {/block:Posts}
  502.  
  503. </div>
  504. <div id="credit"><a href="http://hollywhood.tumblr.com">HW</div>
  505.  
  506. </body>
  507.  
  508. </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!