Advertisement
Guest User

Untitled

a guest
Oct 20th, 2014
211
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.44 KB | None | 0 0
  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 23 by Hollywhood
  9. please don't remove the credit
  10. thank you
  11. --->
  12. <meta name="image:Background" content=""/>
  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:Link Hover" content="#eeeeee"/>
  19.  
  20. <meta name="image:sidebar" content=""/>
  21.  
  22. <meta name="text:link1" content="" />
  23. <meta name="text:link1 url" content="/">
  24. <meta name="text:link2" content="" />
  25. <meta name="text:link2 url" content="/">
  26. <meta name="text:link3" content="" />
  27. <meta name="text:link3 url" content="/">
  28. <meta name="text:link4" content="" />
  29. <meta name="text:link4 url" content="/">
  30. <meta name="text:link5" content="" />
  31. <meta name="text:link5 url" content="/">
  32.  
  33. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  34.  
  35. <style>
  36. div#qTip {
  37. padding: 3px;
  38. display: none;
  39. text-align: center;
  40. position: absolute;
  41. font-style:normal;
  42. margin-top:5px;
  43. margin-left:15px;
  44. font-size:10px;
  45. line-height:9px;
  46. font-family:cambria;
  47. z-index: 1000;
  48. background-color:#888;
  49. color: #fff;
  50. text-transform:uppercase;
  51. letter-spacing: 1px;
  52. }
  53. </style>
  54.  
  55. <style type="text/css">
  56.  
  57. ::-webkit-scrollbar {background-color:{color:background}; height:8px; width:5px}
  58. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  59. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:10px!important}
  60.  
  61. *, body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_mem9zjUXhw1rqv2lu.png), auto;}
  62.  
  63. iframe#tumblr_controls {
  64. top: 0% !important;
  65. right:0% !important;
  66. opacity:0.3;
  67. position: fixed !important;
  68. filter:alpha(opacity=30);
  69. -webkit-transition: all 0.7s ease;
  70. -moz-transition: all 0.7s ease;
  71. -o-transition: all 0.7s ease;
  72. }
  73. iframe#tumblr_controls:hover{
  74. top: 0% !important;
  75. right:0% !important;
  76. opacity:0.8;
  77. position: fixed !important;
  78. filter:alpha(opacity=80);
  79. -webkit-transition: all 0.7s ease;
  80. -moz-transition: all 0.7s ease;
  81. -o-transition: all 0.7s ease;
  82. }
  83.  
  84.  
  85. h1 {
  86. font-weight:normal;
  87. font-size:13px;
  88. text-align:center;
  89. font-style:normal;
  90. line-height:100%;
  91. letter-spacing:1px;
  92. text-transform:normal;
  93. color:{color:text};
  94. }
  95.  
  96. h2 {
  97. font-size:10px;
  98. text-align:center;
  99. line-height:100%;
  100. letter-spacing:-0.5px;
  101. color:{color:text};
  102. font-weight:bold;
  103. text-transform:uppercase;
  104. padding:5px;
  105. padding-bottom:2px;
  106. }
  107.  
  108.  
  109. blockquote {
  110. border-left:2px solid {color:text};
  111. padding-left:5px;
  112. margin:5px;
  113. }
  114.  
  115.  
  116. body {
  117. background:{color:background};
  118. margin:0px;
  119. color:{color:text};
  120. font-family:times;
  121. font-size:13px;
  122. line-height:120%;
  123. background-image:url({image:Background});
  124. background-attachment: fixed;
  125. background-repeat: no-repeat;
  126. background-position:left top;
  127. }
  128.  
  129. a {
  130. text-decoration:none;
  131. outline:none;
  132. -moz-outline-style:none;
  133. color:{color:link};
  134. -moz-transition-duration:0.5s;
  135. -webkit-transition-duration:0.5s;
  136. -o-transition-duration:0.5s;
  137. }
  138.  
  139. a:hover {
  140. text-decoration:none;
  141. outline:none;
  142. -moz-outline-style:none;
  143. color:{color:link hover};
  144. }
  145.  
  146. img {
  147. border:none;
  148. }
  149.  
  150. blockquote {
  151. padding-left:5px;
  152. border-left:2px solid;
  153. }
  154.  
  155. blockquote blockquote {
  156. padding-left:5px;
  157. border-left:2px solid;
  158. }
  159.  
  160. #post {
  161. width:400px;
  162. padding-bottom:30px;
  163. margin-top:35px;
  164. opacity: 0.80;
  165.  
  166. }
  167.  
  168. #theme {
  169. width:400px;
  170. margin:0 auto -12px auto;
  171. }
  172.  
  173. #entries {
  174. position: absolute;
  175. height: 270px;
  176. overflow-x: hidden;
  177. overflow-y: auto;
  178. padding:20px;
  179. width:416px;
  180. top:200px;
  181. left:360px;
  182. margin-top:42px;
  183. border-top-left-radius: 10px ;
  184. border-bottom-left-radius: 10px ;
  185. border-top-right-radius: 10px ;
  186. border-bottom-right-radius: 10px ;
  187. }
  188. #description {
  189. position:fixed;
  190. width:200px;
  191. font-family:trebuchet ms;
  192. top:165px;
  193. left:400px;
  194. text-align:center;
  195. font-size:9px;
  196. color: {color:text};
  197. letter-spacing:0px;
  198. line-height:130%;
  199. opacity: .8;
  200. -moz-transition-duration:1s;
  201. -webkit-transition-duration:1s;
  202. -o-transition-duration:1s;
  203. }
  204.  
  205. #description a {
  206. color:{color:link};
  207. }
  208.  
  209. #description a:hover {
  210. color:{color:link hover};
  211. }
  212.  
  213. #links {
  214. position:absolute;
  215. letter-spacing:1px;
  216. position:fixed;
  217. font-family:times new roman;
  218. width:400px;
  219. top:550px;
  220. left:700px;
  221. font-size:15px;
  222. text-transform:uppercase;
  223. text-align:left;
  224. line-height:170%;
  225. }
  226.  
  227. #links a{
  228. width:400px;
  229. padding:1px;
  230. color:{color:text};
  231. letter-spacing:1px;
  232. text-decoration:none;
  233. -moz-transition-duration:.7s;
  234. -webkit-transition-duration:.7s;
  235. -o-transition-duration:.7s;
  236. }
  237.  
  238. #links a:hover {
  239. color: #7c7c7e;
  240. background-color:#cacaca;
  241. opacity:2;
  242. width:78px;
  243. -moz-transition-duration:.4s;
  244. -webkit-transition-duration:.4s;
  245. -o-transition-duration:.4s;
  246. }
  247.  
  248.  
  249. #pagination {
  250. font-size:9px;
  251. text-transform:lowercase;
  252. top:100px;
  253. left:500px;
  254. letter-spacing:1px;
  255. word-spacing:4px;
  256. font-style:italic;
  257. text-align:center;
  258. }
  259.  
  260. #pagination a {
  261. color:{color:link};
  262. }
  263.  
  264. #info {
  265. font-family:times;
  266. width:395px;
  267. margin-top:8px;
  268. padding:3px;
  269. padding-top:3px;
  270. font-size:7px;
  271. letter-spacing:1px;
  272. color:{color:text};
  273. text-transform:uppercase;
  274. font-style:none;
  275. text-align:center;
  276. background-color:#f9f9f9;
  277. -moz-transition-duration:0.5s;
  278. -webkit-transition-duration:0.5s;
  279. -o-transition-duration:0.5s;
  280. }
  281.  
  282. #info a {
  283. color:{color:link};
  284. font-style:none;
  285. }
  286.  
  287. #info a:hover {
  288. color:{color:link hover};
  289. }
  290.  
  291. .tags {
  292. font-family:times;
  293. font-style:normal;
  294. width:400px;
  295. text-transform:italic;
  296. color:{color:link};
  297. line-height:120%;
  298. opacity:0;
  299. font-size:8px;
  300. text-align:center;
  301. padding-top:4px;
  302. -moz-transition-duration:0.5s;
  303. -webkit-transition-duration:0.5s;
  304. -o-transition-duration:0.5s;
  305. }
  306.  
  307. #post:hover .tags {
  308. opacity:1;
  309. -moz-transition-duration:.5s;
  310. -webkit-transition-duration:.5s;
  311. -o-transition-duration:.5s;
  312.  
  313. }
  314.  
  315. audio{
  316. background-color:#e5e5e5;
  317. height:65px;
  318. overflow:hidden;
  319. }
  320.  
  321. .question {
  322. padding:4px;
  323. text-align:left;
  324. text-transform:italic;
  325. color:{color:text};
  326. border-left:3px solid #e3e3e3;
  327. margin-left:10px;
  328. line-height:120%;
  329. }
  330.  
  331. .answer {
  332. text-align:left;
  333. padding:3px;
  334. color:{color:text};
  335. }
  336.  
  337. #credit a {
  338. background-color:#fff;
  339. padding:5px;
  340. position:fixed;
  341. right:15px;
  342. bottom:10px
  343. }
  344.  
  345. #credit a:hover {
  346. color:{color:link};
  347. }
  348. #updatesbox {/*the styling of the whole updates box; tutorial by http://bangjensen.tumblr.com*/
  349. line-height:100%;/*don't change this!*/
  350. display:block;/*don't change this either lol*/
  351. border:2px solid #ffffff;/*the border of the whole box; 1px is the width, #eee is the hex color (go to colorpicker.com and pick one)*/
  352. height:12px;/*the height of the box before hover*/
  353. width:30px;/*the width of the box before hover*/
  354. padding:0px 5px 5px 5px;/*don't change this!*/
  355. z-index:0;/*don't change this!*/
  356. top:15px;/*distance from top of page*/
  357. left:15px;/*distance from left of page*/
  358. color:#999;/*color of text*/
  359. position:fixed;/*don't change this!*/
  360. background:#fff;/*background color of updates box*/
  361. overflow:hidden;/*don't change this!*/
  362. text-align:left;/*text alignment of everything in updates box*/
  363. -moz-transition-duration:0.6s;
  364. -webkit-transition-duration:0.6s;
  365. -o-transition-duration:0.6s;
  366. border-top-left-radius: 10px ;
  367. border-bottom-left-radius: 10px;
  368. border-top-right-radius: 10px ;
  369. border-bottom-right-radius: 10px ;
  370. }
  371.  
  372. #updatesbox:hover {/*the updates box after hover*/
  373. height:130px;/*the height of the box after hover*/
  374. width:110px;/*the width of the box after hover*/
  375. -moz-transition-duration:0.5s;
  376. -webkit-transition-duration:0.5s;
  377. -o-transition-duration:0.5s;
  378. }
  379.  
  380. /*tutorial by bangjensen.tumblr.com; please don't remove this note*/
  381.  
  382. #updatestitle {/*the title of the updates box*/
  383. line-height:17px;/*don't change this!*/
  384. font-family:calibri;/*the font of the updates title*/
  385. text-transform:uppercase;/*can be uppercase, lowercase, none*/
  386. font-size:8px;/*font size of updates title*/
  387. }
  388.  
  389. #inside {/*the actual updates*/
  390. font-size:9px;/*the font size of the actual updates*/
  391. font-family:baskerville;/*the font of the actual updates*/
  392. width:110px;/*if you increase the width of #updatesbox:hover , increase the width of #inside by the same value. for instance, if you increase the width of #updatesbox:hover from 90px to 100px, change the width of #inside to 100px*/
  393. line-height:10px;/*don't change this!*/
  394. -moz-transition-duration:0.5s;
  395. -webkit-transition-duration:0.5s;
  396. -o-transition-duration:0.5s;
  397. }
  398.  
  399. #ocehans {
  400. position:fixed;
  401. text-align:center;
  402. font-size: 10px;
  403. right:0px;
  404. width:65px;
  405. height:auto;
  406. margin-top: 535px;
  407. padding:5px;
  408. left: 800px;
  409. font-size:8px;
  410. font-family:consolas;
  411. text-transform:uppercase;
  412. line-height:9px;
  413. letter-spacing:1px;
  414. overflow:hidden;
  415. z-index:999;
  416. -moz-border-radius:3px;
  417. border-radius:3px;
  418. }
  419. }
  420. #ocehans2 {
  421. height:10px;
  422. width:55px;
  423. background-color: auto;
  424. z-index: 99;
  425. }
  426.  
  427. {CustomCSS}</style></head><body>
  428.  
  429. <div id="ocehans">
  430. <div id="ocehans2">
  431. <!-- stick a music player here -->
  432. </div> </div>
  433.  
  434. <!-- begin updates box -->
  435. <div id="updatesbox">
  436. <span id="updatestitle">info</span>
  437. <div id="inside">
  438. movie & musical based.<br>indie & selective. <br>fc: aubrey plaza<br>#solidteflon<br> other active blogs: <br>( <a href="http://oflorule.tumblr.com">oflorule</a> )<br>( <a href="http://stagisms.tumblr.com">stagisms</a> )
  439. </div>
  440. </div>
  441. <!-- end updates box; it would be nice if you left the below comment in the code! :)
  442. updates box tutorial by http://bangjensen.tumblr.com -->
  443.  
  444. <div id="theme">
  445.  
  446. <div id="sidebar">
  447.  
  448. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  449.  
  450. <div id="links">
  451. <a href="{text:link1 url}" title="{text:link1}">╳</a>
  452. <a href="{text:link2 url}" title="{text:link2}">╳</a>
  453. <a href="{text:link3 url}" title="{text:link3}">╳</a>
  454. <a href="{text:link4 url}" title="{text:link4}">╳</a>
  455. <a href="{text:link5 url}" title="{text:link5}">╳</a>
  456. </a>
  457.  
  458. </div>
  459.  
  460. <div id="description">{description}</div>
  461. <p></p><small><center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}{/block:Pagination}
  462. {block:Pagination}{block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}{/block:Pagination}{/block:Pagination} </center> </small>
  463. </div>
  464.  
  465. <div id="entries">{block:Posts}<div id="post">
  466.  
  467. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  468.  
  469. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  470.  
  471. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  472.  
  473. {block:Quote}<big><big>"{Quote}"</big></big>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  474.  
  475. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  476.  
  477. {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}
  478.  
  479. {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}
  480.  
  481. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  482.  
  483. {block:Answer}<div class="question">{Asker}: <i>{Question}</i></div><div class="answer">{Answer}</div>{/block:answer}
  484.  
  485. {block:Date}<div id="info"><a href="{Permalink}">{TimeAgo}</a> {block:NoteCount}with <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}{block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  486. {block:ContentSource} © <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}{/block:Date}</div>
  487. {block:HasTags}
  488. <div class="tags">
  489. {block:Tags} # <a href="{TagURL}"> {Tag}</a>{/block:Tags}</div>
  490. {/block:HasTags}
  491. <div class="postnote">
  492. {block:PostNotes}{PostNotes}{/block:PostNotes}
  493. </div>
  494. </div>
  495. {/block:Posts}
  496.  
  497. </div>
  498. <div id="credit"><a href="http://hollywhood.tumblr.com">╳</div> </div>
  499.  
  500. </body>
  501. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement