API tools faq
paste
Advertisement
hollywhood

theme 14 with 400px posts

hollywhood
Apr 19th, 2013
5,619
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.68 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 14 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="#D6D5D5">
  17. <meta name="color:sidebar links" content="#999999">
  18. <meta name="color:Link Hover" content="#eeeeee"/>
  19.  
  20. <meta name="image:sidebar" content=""/>
  21.  
  22. <meta name="text:link 1" content="Link 1"/>
  23. <meta name="text:link 1 url" content="/"/>
  24. <meta name="text:link 2" content="Link 2"/>
  25. <meta name="text:link 2 url" content="/"/>
  26. <meta name="text:link 3" content="Link 3"/>
  27. <meta name="text:link 3 url" content="/"/>
  28. <meta name="text:link 4" content="Link 4"/>
  29. <meta name="text:link 4 url" content="/"/>
  30. <meta name="text:link 5" content="Link 5"/>
  31. <meta name="text:link 5 url" content="/"/>
  32.  
  33.  
  34. <style type="text/css">
  35.  
  36. img{
  37. -webkit-transition: opacity 0.3s linear;
  38. opacity: 1;
  39. }
  40. img:hover{
  41. -webkit-transition: opacity 0.6s linear;
  42. opacity: 1;
  43. }
  44.  
  45.  
  46. ::-webkit-scrollbar {background-color:{color:background}; height:8px; width:6px}
  47. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  48. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:10px!important}
  49.  
  50. *, body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_mem9zjUXhw1rqv2lu.png), auto;}
  51.  
  52. iframe#tumblr_controls {
  53. top: 0% !important;
  54. right:0% !important;
  55. opacity:0.3;
  56. position: fixed !important;
  57. filter:alpha(opacity=30);
  58. -webkit-transition: all 0.7s ease;
  59. -moz-transition: all 0.7s ease;
  60. -o-transition: all 0.7s ease;
  61. }
  62. iframe#tumblr_controls:hover{
  63. top: 0% !important;
  64. right:0% !important;
  65. opacity:0.8;
  66. position: fixed !important;
  67. filter:alpha(opacity=80);
  68. -webkit-transition: all 0.7s ease;
  69. -moz-transition: all 0.7s ease;
  70. -o-transition: all 0.7s ease;
  71. }
  72.  
  73. h1 {
  74. font-weight:normal;
  75. font-size:13px;
  76. text-align:center;
  77. font-style:normal;
  78. line-height:100%;
  79. letter-spacing:1px;
  80. text-transform:normal;
  81. color:{color:text};
  82. }
  83.  
  84. h2 {
  85. font-size:10px;
  86. text-align:center;
  87. line-height:100%;
  88. letter-spacing:-0.5px;
  89. color:{color:text};
  90. font-weight:bold;
  91. text-transform:uppercase;
  92. padding:5px;
  93. padding-bottom:2px;
  94. }
  95.  
  96.  
  97. blockquote {
  98. border-left:2px solid {color:text};
  99. padding-left:5px;
  100. margin:5px;
  101. }
  102.  
  103.  
  104. body {
  105. background:{color:background};
  106. margin:0px;
  107. color:{color:text};
  108. font-family:times;
  109. font-size:10px;
  110. letter-spacing:1px;
  111. line-height:120%;
  112. }
  113.  
  114. a {
  115. text-decoration:none;
  116. outline:none;
  117. -moz-outline-style:none;
  118. color:{color:link};
  119. -moz-transition-duration:0.5s;
  120. -webkit-transition-duration:0.5s;
  121. -o-transition-duration:0.5s;
  122. }
  123.  
  124. a:hover {
  125. text-decoration:none;
  126. outline:none;
  127. -moz-outline-style:none;
  128. color:{color:link hover};
  129. }
  130.  
  131. img {
  132. border:none;
  133. }
  134.  
  135. blockquote {
  136. padding-left:5px;
  137. border-left:2px solid;
  138. }
  139.  
  140. blockquote blockquote {
  141. padding-left:5px;
  142. border-left:2px solid;
  143. }
  144.  
  145. #post {
  146. width:400px;
  147. padding-bottom:25px;
  148. margin-top:45px;
  149. margin-bottom:50px;
  150.  
  151. }
  152.  
  153.  
  154. #entries {
  155. padding:10px;
  156. width:400px;
  157. margin-left:500px;
  158. }
  159.  
  160. #sidebar {
  161. color:{color:text};
  162. position:fixed;
  163. width:90px;
  164. height:auto;
  165. margin-top:150px;
  166. margin-left:0px;
  167. text-align:left;
  168. }
  169.  
  170.  
  171. #sidebar img {
  172. width:400px;
  173. height:775px;
  174. margin-top:-150px;
  175. opacity:0.90;
  176. }
  177.  
  178. #links {
  179. display:block;
  180. position:fixed;
  181. margin-top:-457px;
  182. margin-left:268px;
  183. font-size:9px;
  184. padding:7px;
  185. word-spacing: 3px;
  186. width:70px;
  187. line-height:165%;
  188. color:{color:link};
  189. font-family:cambria;
  190. text-align:center;
  191. }
  192.  
  193. #links a {
  194. display:block;
  195. text-align:center;
  196. background-color:#fff;
  197. width:25px;
  198. opacity:.70;
  199. color:#666;
  200. font-size:0px;
  201. text-transform:uppercase;
  202. margin-bottom:2px;
  203. font-style:normal;
  204. }
  205.  
  206. #links a:hover {
  207. background-color: {color:sidebar links};
  208. font-size:9px;
  209. color:#fff;
  210. opacity:1;
  211. width:125px;
  212. font-style:normal;
  213. -moz-transition-duration:.70s;
  214. -webkit-transition-duration:.70s;
  215. -o-transition-duration:.70s;
  216. }
  217.  
  218. #sidebar #links {
  219. opacity:0;
  220. -moz-transition-duration:.90s;
  221. -webkit-transition-duration:.90s;
  222. -o-transition-duration:.90s;
  223. }
  224.  
  225. #sidebar:hover #links {
  226. opacity:0.9;
  227. -moz-transition-duration:.50s;
  228. -webkit-transition-duration:.50s;
  229. -o-transition-duration:.50s;
  230. }
  231.  
  232.  
  233. #description {
  234. position:absolute;
  235. text-align:justify;
  236. width:130px;
  237. height:58px;
  238. overflow: auto;
  239. padding:10px;
  240. color: #8a8a8a;
  241. opacity:0.85;
  242. margin-left:125px;
  243. margin-top:-450px;
  244. background-color:#ffffff;
  245. font-family:times;
  246. text-transform:none;
  247. font-style:none;
  248. font-size:9px;
  249. line-height:130%;
  250. }
  251.  
  252.  
  253. #pagination {
  254. position:fixed;
  255. font-family:times;
  256. text-align:center;
  257. font-size:8px;
  258. width:150px;
  259. background-color:#fff;
  260. opacity:.85;
  261. word-spacing:3px;
  262. font-style:normal;
  263. margin-top:-368px;
  264. margin-left:125px;
  265. }
  266.  
  267. #info {
  268. font-family:cambria;
  269. width:400px;
  270. margin-top:3px;
  271. padding:1px;
  272. padding-top:5px;
  273. font-size:7px;
  274. color:{color:text};
  275. text-transform:uppercase;
  276. font-style:normal;
  277. letter-spacing:1px;
  278. text-align:left;
  279. -moz-transition-duration:0.5s;
  280. -webkit-transition-duration:0.5s;
  281. -o-transition-duration:0.5s;
  282. }
  283.  
  284. #info a {
  285. color:{color:link};
  286. text-align:right;
  287. letter-spacing:1px;
  288. font-style:normal;
  289. }
  290.  
  291. #info a:hover {
  292. color:{color:link hover};
  293. }
  294.  
  295. .tags {
  296. font-family:trebuchet ms;
  297. font-style:normal;
  298. width:400px;
  299. text-transform:normal;
  300. color:{color:link};
  301. letter-spacing:0px;
  302. opacity:0;
  303. line-height:120%;
  304. font-size:8px;
  305. text-align:left;
  306. padding-top:4px;
  307. -moz-transition-duration:0.2s;
  308. -webkit-transition-duration:0.2s;
  309. -o-transition-duration:0.2s;
  310. }
  311.  
  312. #post:hover .tags {
  313. opacity:1;
  314. -moz-transition-duration:1s;
  315. -webkit-transition-duration:1s;
  316. -o-transition-duration:1s;
  317.  
  318. }
  319.  
  320. .audio{
  321. background-color:#e5e5e5;
  322. height:65px;
  323. overflow:hidden;
  324. }
  325.  
  326. .question {
  327. padding:8px;
  328. text-align:left;
  329. color:{color:text};
  330. background-color: #f9f9f9;
  331. border-left: 2px solid #e3e3e3;
  332. }
  333.  
  334. .answer {
  335. text-align:left;
  336. padding:3px;
  337. color:{color:text};
  338. }
  339.  
  340.  
  341. #credit {
  342. font-size:9px;
  343. font-family:cambria;
  344. font-style:italic;
  345. letter-spacing:1px;
  346. -moz-transition-duration:0.5s;
  347. -webkit-transition-duration:0.5s;
  348. -o-transition-duration:0.5s;
  349. }
  350.  
  351. #credit a {
  352. background-color:#fff;
  353. padding:5px;
  354. border:1px solid #e9e9e9;
  355. position:fixed;
  356. right:15px;
  357. bottom:10px
  358. }
  359.  
  360. #credit a:hover {
  361. color:#fff;
  362. background-color:#191919;
  363. }
  364.  
  365.  
  366. {CustomCSS}</style></head><body>
  367.  
  368. <div id="sidebar">
  369.  
  370. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  371.  
  372. <div id="links">
  373. <a href="{text:link 1 url}">{text:link 1}</a>
  374. <a href="{text:link 2 url}">{text:link 2}</a>
  375. <a href="{text:link 3 url}">{text:link 3}</a>
  376. <a href="{text:link 4 url}">{text:link 4}</a>
  377. <a href="{text:link 5 url}">{text:link 5}</a>
  378. </a>
  379.  
  380. </div>
  381.  
  382. <div id="description">{description}</div>
  383.  
  384. {block:Pagination}
  385. <div id="pagination">
  386. {block:PreviousPage}
  387. <a href="{PreviousPage}">«</a>
  388. {/block:PreviousPage}
  389. {block:JumpPagination length="5"}
  390. {block:CurrentPage}
  391. <span class="current_page">{PageNumber}</span>
  392. {/block:CurrentPage}
  393. {block:JumpPage}
  394. <a class="jump_page" href="{URL}">{PageNumber}</a>
  395. {/block:JumpPage}
  396. {/block:JumpPagination}
  397. {block:NextPage}
  398. <a href="{NextPage}">»</a>
  399. {/block:NextPage}
  400. </div>
  401. {/block:Pagination}
  402. </div>
  403.  
  404. </div>
  405.  
  406. <div id="entries">{block:Posts}<div id="post">
  407.  
  408. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  409.  
  410. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  411.  
  412. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  413.  
  414. {block:Quote}<big><big>"{Quote}"</big></big>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  415.  
  416. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  417.  
  418. {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}
  419.  
  420. {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}
  421. {block:Artist} &nbsp;—&nbsp; {Artist} {/block:Artist}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  422.  
  423. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  424.  
  425. {block:Answer}<div class="question"><i>{Asker}:</i> {Question}</div><div class="answer">{Answer}</div>{/block:answer}
  426.  
  427. {block:Date}<div id="info"> <a href="{Permalink}" style="background-color:#bbb;padding:2px;padding-left:4px;padding-right:4px;color:#fff;">{TimeAgo}</a>
  428. {/block:Date} {block:NoteCount} (<font color=#df99ba><big>♥</big></font> <a href="{Permalink}">{NoteCount}</a>) {/block:NoteCount} {block:RebloggedFrom} / <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  429. {block:ContentSource} / <a href="{SourceURL}">source</a>{/block:ContentSource} <div style="float:right;"> — <a href="{ReblogURL}" target="_blank" class="details">Reblog</a> {/block:Date}</div></div>
  430. {block:HasTags}
  431. <div class="tags">
  432. {block:Tags} <a href="{TagURL}"> # {Tag}</a> {/block:Tags}</div>
  433. {/block:HasTags}
  434. <div class="postnote">
  435. {block:PostNotes}{PostNotes}{/block:PostNotes}
  436. </div>
  437. </div>
  438. {/block:Posts}
  439.  
  440. </div>
  441. <div id="credit"><a href="http://hollywhood.tumblr.com">HW</div>
  442.  
  443. </body>
  444. </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!