API tools faq
paste
Advertisement
hollywhood

theme 28 with 400px posts

hollywhood
Jun 15th, 2013
3,143
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.57 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 28 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:border" content="#F2F2F2"/>
  17. <meta name="color:scrollbar" content="#D6D5D5">
  18. <meta name="color:bg" content="#FFFFFF">
  19. <meta name="color:Link Hover" content="#eeeeee"/>
  20.  
  21. <meta name="image:sidebar" content=""/>
  22. <meta name="image:sidebar2" content=""/>
  23. <meta name="image:sidebar3" content=""/>
  24. <meta name="image:sidebar4" content=""/>
  25.  
  26. <meta name="text:link1" content="" />
  27. <meta name="text:link1 url" content="/">
  28. <meta name="text:link2" content="" />
  29. <meta name="text:link2 url" content="/">
  30. <meta name="text:link3" content="" />
  31. <meta name="text:link3 url" content="/">
  32. <meta name="text:link4" content="" />
  33. <meta name="text:link4 url" content="/">
  34.  
  35. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  36.  
  37. <style>
  38. div#qTip {
  39. padding: 2px;
  40. display: none;
  41. text-align: center;
  42. position: absolute;
  43. font-style:normal;
  44. margin-top:4px;
  45. margin-left:10px;
  46. font-size:7px;
  47. line-height:10px;
  48. font-family:times;
  49. z-index: 1000;
  50. background-color:#666;
  51. color: #fff;
  52. text-transform:uppercase;
  53. letter-spacing: 1px;
  54. }
  55. </style>
  56.  
  57. <style type="text/css">
  58.  
  59. ::-webkit-scrollbar {background-color:#fff; height:5px; width:9px}
  60. ::-webkit-scrollbar-thumb:vertical {background-color:#b3b3b3; height:50px;border-radius:10px;border:1px solid #fff;}
  61. ::-webkit-scrollbar-thumb:horizontal {background-color:#fff; height:5px!important}
  62.  
  63. *, body, a, a:hover {cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto;}
  64.  
  65. iframe#tumblr_controls {
  66. white-space:nowrap;
  67. -webkit-filter: invert(100%);
  68. -moz-filter: invert(100%);
  69. -o-filter: invert(100%);
  70. -ms-filter: invert(100%);
  71. filter: invert(100%);
  72. opacity:.2;transition: .8s ease-in-out;
  73. -webkit-transition: .8s ease-in-out;
  74. -moz-transition: .8s ease-in-out;
  75. -o-transition: .8s ease-in-out;
  76. }
  77.  
  78. h1 {
  79. font-weight:normal;
  80. font-size:13px;
  81. text-align:center;
  82. font-style:normal;
  83. line-height:100%;
  84. letter-spacing:1px;
  85. text-transform:normal;
  86. color:{color:text};
  87. }
  88.  
  89. h2 {
  90. font-size:10px;
  91. text-align:center;
  92. line-height:100%;
  93. letter-spacing:-0.5px;
  94. color:{color:text};
  95. font-weight:bold;
  96. text-transform:uppercase;
  97. padding:5px;
  98. padding-bottom:2px;
  99. }
  100.  
  101.  
  102. blockquote {
  103. border-left:2px solid {color:text};
  104. padding-left:5px;
  105. margin:5px;
  106. }
  107.  
  108.  
  109. body {
  110. background:{color:background};
  111. margin:0px;
  112. color:{color:text};
  113. font-family:cambria;
  114. font-size:10px;
  115. line-height:100%;
  116. }
  117.  
  118. a {
  119. text-decoration:none;
  120. outline:none;
  121. -moz-outline-style:none;
  122. color:{color:link};
  123. -moz-transition-duration:0.5s;
  124. -webkit-transition-duration:0.5s;
  125. -o-transition-duration:0.5s;
  126. }
  127.  
  128. a:hover {
  129. text-decoration:none;
  130. outline:none;
  131. -moz-outline-style:none;
  132. color:{color:link hover};
  133. }
  134.  
  135. img {
  136. border:none;
  137. }
  138.  
  139. blockquote {
  140. padding-left:5px;
  141. border-left:2px solid;
  142. }
  143.  
  144. blockquote blockquote {
  145. padding-left:5px;
  146. border-left:2px solid;
  147. }
  148.  
  149. #post {
  150. width:400px;
  151. padding-bottom:40px;
  152. margin-top:15px;
  153. }
  154.  
  155. #entries {
  156. padding:10px;
  157. width:400px;
  158. margin-left:520px;
  159. margin-top:60px;
  160. margin-bottom:50px;
  161. }
  162.  
  163.  
  164. #sidebar {
  165. color:{color:text};
  166. position:fixed;
  167. width:90px;
  168. height:auto;
  169. margin-top:150px;
  170. margin-left:280px;
  171. text-align:left;
  172. }
  173. #sidebarimage {
  174. width 75px;
  175. }
  176.  
  177. #sidebarimage img {
  178. width:75px;
  179. height:75px;
  180. border-radius:90px;
  181. margin-bottom:-86px;
  182. border:#e7e7e7 solid 1px;
  183. padding:4px;
  184. }
  185. #sidebar #sidebarimage {
  186. margin-top:0px;
  187. -moz-transition-duration:1s;
  188. -webkit-transition-duration:1s;
  189. -o-transition-duration:1s;}
  190. #sidebar:hover #sidebarimage {
  191. margin-top:-30px;
  192. -moz-transition-duration:1s;
  193. -webkit-transition-duration:1s;
  194. -o-transition-duration:1s;}
  195.  
  196. #sidebarimage2 img {
  197. width:75px;
  198. height:75px;
  199. border-radius:90px;
  200. margin-bottom:-5px;
  201. margin-left:0px;
  202. margin-top:0px;
  203. border:#e7e7e7 solid 1px;
  204. padding:4px;
  205. }
  206. #sidebar #sidebarimage2 {
  207. margin-top:0px;
  208. margin-left:0px;
  209. opacity:0;
  210. -moz-transition-duration:1s;
  211. -webkit-transition-duration:1s;
  212. -o-transition-duration:1s;}
  213.  
  214. #sidebar:hover #sidebarimage2 {
  215. margin-top:115px;
  216. margin-left:105px;
  217. opacity:1;
  218. -webkit-transform: rotate(360deg);
  219. -moz-transform: rotate(360deg);
  220. -o-transform: rotate(360deg);
  221. -moz-transition-duration:1s;
  222. -webkit-transition-duration:1s;
  223. -o-transition-duration:1s;}
  224.  
  225. #sidebarimage3 img {
  226. width:75px;
  227. height:75px;
  228. border-radius:90px;
  229. margin-bottom:-66px;
  230. border:#e7e7e7 solid 1px;
  231. padding:4px;}
  232.  
  233. #sidebar #sidebarimage3 {
  234. margin-top:10px;
  235. -webkit-transform: rotate(360deg);
  236. -moz-transform: rotate(360deg);
  237. -o-transform: rotate(360deg);
  238. -moz-transition-duration:1s;
  239. -webkit-transition-duration:1s;
  240. -o-transition-duration:1s;}
  241. #sidebar:hover #sidebarimage3 {
  242. margin-top: 35px;
  243. -webkit-transform: rotate(360deg);
  244. -moz-transform: rotate(360deg);
  245. -o-transform: rotate(360deg);
  246. -moz-transition-duration:1s;
  247. -webkit-transition-duration:1s;
  248. -o-transition-duration:1s;}
  249.  
  250. #sidebarimage4 img {
  251. width:75px;
  252. height:75px;
  253. border-radius:90px;
  254. margin-bottom:-5px;
  255. margin-left:0px;
  256. margin-top:0px;
  257. border:#e7e7e7 solid 1px;
  258. padding:4px;
  259. }
  260. #sidebar #sidebarimage4 {
  261. margin-top:0px;
  262. margin-left:0px;
  263. opacity:0;
  264. -moz-transition-duration:1s;
  265. -webkit-transition-duration:1s;
  266. -o-transition-duration:1s;}
  267.  
  268. #sidebar:hover #sidebarimage4 {
  269. margin-top:-135px;
  270. margin-left:-105px;
  271. opacity:1;
  272. -webkit-transform: rotate(360deg);
  273. -moz-transform: rotate(360deg);
  274. -o-transform: rotate(360deg);
  275. -moz-transition-duration:1s;
  276. -webkit-transition-duration:1s;
  277. -o-transition-duration:1s;}
  278.  
  279. #links {
  280. letter-spacing:1px;
  281. position:fixed;
  282. font-family:times;
  283. width:110px;
  284. margin-top:-18px;
  285. margin-left:-5px;
  286. font-size:9px;
  287. text-transform:lowercase;
  288. text-align:center;
  289. line-height:100%;
  290. }
  291.  
  292. #links a{
  293. line-height:100%;
  294. padding:4px;
  295. padding-right:5px;
  296. padding-left:5px;
  297. border-radius:90px;
  298. background-color:#f1f1f1;
  299. color:#111;
  300. text-decoration:none;
  301. -moz-transition-duration:.7s;
  302. -webkit-transition-duration:.7s;
  303. -o-transition-duration:.7s;
  304. }
  305.  
  306. #links a:hover {
  307. text-shadow:3px 0px 0px #9b9b9b, -3px 0px 0px #9b9b9b;
  308. color: #9b9b9b;
  309. padding:5px;
  310. -moz-transition-duration:0.7s;
  311. -webkit-transition-duration:0.7s;
  312. -o-transition-duration:0.7s;
  313. }
  314. #description {
  315. position:fixed;
  316. width:100px;
  317. font-family:cambria;
  318. margin-bottom:15px;
  319. margin-top:-135px;
  320. margin-left:-12px;
  321. padding:4px;
  322. padding-bottom:8px;
  323. text-align:justify;
  324. font-size:9px;
  325. opacity:0;
  326. color: #b9b9b9;
  327. letter-spacing:0px;
  328. line-height:125%;
  329. }
  330.  
  331. #description a {
  332. color:{color:link};
  333. }
  334.  
  335. #description a:hover {
  336. color:#f1f1f1;
  337. }
  338. #sidebar #description {
  339. margin-top:-135px;
  340. -moz-transition-duration:.5s;
  341. -webkit-transition-duration:.5s;
  342. -o-transition-duration:.5s;}
  343. #sidebar:hover #description {
  344. opacity:1;
  345. margin-top:-85px;
  346. -moz-transition-duration:2s;
  347. -webkit-transition-duration:2s;
  348. -o-transition-duration:2s;}
  349.  
  350. #pagination {
  351. font-family:cambria;
  352. width:100px;
  353. font-size:8px;
  354. text-transform:uppercase;
  355. margin-top:5px;
  356. border-top: 1px solid #e3e3e3;
  357. padding-top:3px;
  358. letter-spacing:1px;
  359. font-style:normal;
  360. text-align:center;
  361. }
  362.  
  363. #pagination a {
  364. color:{color:link};
  365. }
  366.  
  367. #info {
  368. font-family:times;
  369. width:391px;
  370. margin-top:3px;
  371. padding:5px;
  372. font-size:7px;
  373. color:{color:text};
  374. text-transform:uppercase;
  375. font-style:normal;
  376. text-align:center;
  377. background-color:#f7f7f7;
  378. -moz-transition-duration:0.5s;
  379. -webkit-transition-duration:0.5s;
  380. -o-transition-duration:0.5s;
  381. }
  382.  
  383. #info a {
  384. color:{color:link};
  385. text-align:right;
  386. font-style:normal;
  387. }
  388.  
  389. #info a:hover {
  390. color:{color:link hover};
  391. }
  392.  
  393. .tags {
  394. font-family:cambria;
  395. font-style:normal;
  396. width:391px;
  397. text-transform:normal;
  398. font-style:italic;
  399. color:{color:link};
  400. line-height:120%;
  401. font-size:8px;
  402. opacity:0;
  403. text-align:center;
  404. padding-top:3px;
  405. -moz-transition-duration:.5s;
  406. -webkit-transition-duration:.5s;
  407. -o-transition-duration:.5s;
  408. }
  409.  
  410. .tags a:hover {
  411. color:{color:link hover};
  412. }
  413.  
  414. #post:hover .tags {
  415. opacity:1;
  416. -moz-transition-duration:.5s;
  417. -webkit-transition-duration:.5s;
  418. -o-transition-duration:.5s;
  419.  
  420. }
  421.  
  422. .audio{
  423. background-color:#e5e5e5;
  424. height:65px;
  425. overflow:hidden;
  426. }
  427.  
  428. #ask {
  429. float:left;
  430. margin-left:10px;}
  431.  
  432. #credit {
  433. font-size:9px;
  434. font-family:cambria;
  435. font-style:italic;
  436. letter-spacing:1px;
  437. -moz-transition-duration:0.5s;
  438. -webkit-transition-duration:0.5s;
  439. -o-transition-duration:0.5s;
  440. }
  441.  
  442. #credit a {
  443. background-color:#fff;
  444. padding:5px;
  445. border:1px solid #e9e9e9;
  446. position:fixed;
  447. right:15px;
  448. bottom:10px
  449. }
  450.  
  451. #credit a:hover {
  452. color:#fff;
  453. background-color:#191919;
  454. }
  455.  
  456.  
  457. {CustomCSS}</style></head><body>
  458.  
  459. <div id="sidebar">
  460.  
  461. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  462. <div id="sidebarimage2"><img src="{image:sidebar2}"></div>
  463. <div id="sidebarimage3"><img src="{image:sidebar3}"></div>
  464. <div id="sidebarimage4"><img src="{image:sidebar4}"></div>
  465.  
  466. <div id="description">
  467. <div id="links">
  468. <a href="{text:link1 url}" title="{text:link1}">I.</a>
  469. <a href="{text:link2 url}" title="{text:link2}">II.</a>
  470. <a href="{text:link3 url}" title="{text:link3}">III.</a>
  471. <a href="{text:link4 url}" title="{text:link4}">IV.</a>
  472.  
  473. </div>
  474.  
  475. {description}
  476.  
  477. {block:Pagination}
  478. <div id="pagination">
  479. {block:PreviousPage}
  480. <a href="{PreviousPage}">«</a>
  481. {/block:PreviousPage}
  482. {block:JumpPagination length="5"}
  483. {block:CurrentPage}
  484. <span class="current_page">{PageNumber}</span>
  485. {/block:CurrentPage}
  486. {block:JumpPage}
  487. <a class="jump_page" href="{URL}">{PageNumber}</a>
  488. {/block:JumpPage}
  489. {/block:JumpPagination}
  490. {block:NextPage}
  491. <a href="{NextPage}">»</a>
  492. {/block:NextPage}
  493. </div>
  494. {/block:Pagination}
  495. </div>
  496.  
  497. </div>
  498. </div>
  499.  
  500. <div id="entries">{block:Posts}<div id="post">
  501.  
  502. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  503.  
  504. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  505.  
  506. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  507.  
  508. {block:Quote}<big><big>"{Quote}"</big></big>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  509.  
  510. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  511.  
  512. {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}
  513.  
  514. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="65px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayerGrey}<br>{block:TrackName}&nbsp;&nbsp;&nbsp;&nbsp; {TrackName}{/block:TrackName}
  515. {block:Artist} &nbsp;—&nbsp; {Artist} {/block:Artist}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  516.  
  517. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  518.  
  519. {block:Answer}<div id="ask"><img src="{AskerPortraitURL-24}" style="border-radius:90px; opacity:.85;margin-left:3px;"></div> &nbsp;<em>{Asker}:<br> &nbsp; <big>"{Question}"</big></em><br><br>{Answer}{/block:Answer}
  520.  
  521. {block:Date}<div id="info"><a href="{Permalink}">{TimeAgo}</a> {block:RebloggedFrom} · <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  522. {block:ContentSource} · <a href="{SourceURL}">source</a> · {/block:ContentSource} {/block:Date} {block:NoteCount} with <font color=#d6bbc8>♥</font> <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}</div>
  523. {block:HasTags}
  524. <div class="tags">
  525. {block:Tags} <a href="{TagURL}"> -{Tag}</a>{/block:Tags}</div>
  526. {/block:HasTags}
  527. <div class="postnote">
  528. {block:PostNotes}{PostNotes}{/block:PostNotes}
  529. </div>
  530. </div>
  531. {/block:Posts}
  532.  
  533. </div>
  534. <div id="credit"><a href="http://hollywhood.tumblr.com">HW</div>
  535.  
  536. </body>
  537. </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!