Advertisement
Guest User

Untitled

a guest
Jul 1st, 2015
221
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.98 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 44 by Hollywhood
  9. please don't remove the credit
  10. thank you
  11. --->
  12.  
  13. <meta name="color:Background" content="#c7bdac"/>
  14. <meta name="color:Text" content="#968a75"/>
  15. <meta name="color:bold" content="#870707"/>
  16. <meta name="color:italics" content="#870707"/>
  17. <meta name="color:h" content="#600b00"/>
  18. <meta name="color:Link" content="#b94545"/>
  19. <meta name="color:Link Hover" content="#4f0b0b"/>
  20. <meta name="color:scrollbar" content="#600b00">
  21. <meta name="color:post bg" content="#f4f0e9"/>
  22. <meta name="color:flag1" content="#f4f0e9"/>
  23. <meta name="color:flag2" content="#e1dbd1"/>
  24. <meta name="color:flag3" content="#968a75"/>
  25. <meta name="color:info text" content="#968a75"/>
  26. <meta name="color:info link" content="#600b00"/>
  27. <meta name="color:info Link Hover" content="#870707"/>
  28. <meta name="color:tags" content="#885252"/>
  29. <meta name="color:tags Hover" content="#870707"/>
  30. <meta name="color:blockquote" content="#870707">
  31.  
  32.  
  33. <meta name="text:textsize" content="" />
  34.  
  35. <meta name="text:flag2" content="" />
  36. <meta name="text:flag3" content="" />
  37.  
  38. <meta name="text:link1" content="" />
  39. <meta name="text:link1 url" content="/">
  40. <meta name="text:link2" content="" />
  41. <meta name="text:link2 url" content="/">
  42. <meta name="text:link3" content="" />
  43. <meta name="text:link3 url" content="/">
  44. <meta name="text:link4" content="" />
  45. <meta name="text:link4 url" content="/">
  46. <meta name="text:link5" content="" />
  47. <meta name="text:link5 url" content="/">
  48.  
  49.  
  50. <style type="text/css">
  51.  
  52. ::-webkit-scrollbar-thumb{
  53. background-color: {color:scrollbar};
  54. border: 2px solid transparent;
  55. height:auto;
  56. }
  57.  
  58. ::-webkit-scrollbar {
  59. height:auto;
  60. width:11px;
  61. background-color: transparent;
  62. border:5px solid transparent;
  63. }
  64.  
  65.  
  66. iframe#tumblr_controls {
  67. white-space:nowrap;
  68. -webkit-filter: invert(100%);
  69. -moz-filter: invert(100%);
  70. -o-filter: invert(100%);
  71. -ms-filter: invert(100%);
  72. filter: invert(100%);
  73. opacity:.2;transition: .8s ease-in-out;
  74. -webkit-transition: .8s ease-in-out;
  75. -moz-transition: .8s ease-in-out;
  76. -o-transition: .8s ease-in-out;
  77. }
  78.  
  79. h1 {
  80. font-weight:normal;
  81. font-size:13px;
  82. text-align:center;
  83. font-style:normal;
  84. line-height:100%;
  85. letter-spacing:1px;
  86. text-transform:normal;
  87. color:{color:h};
  88. }
  89.  
  90. h2 {
  91. font-size:10px;
  92. text-align:center;
  93. line-height:100%;
  94. letter-spacing:-0.5px;
  95. color:{color:h};
  96. font-weight:bold;
  97. text-transform:uppercase;
  98. padding:5px;
  99. padding-bottom:2px;
  100. }
  101.  
  102.  
  103. blockquote {
  104. border-left:1px solid {color:blockquote};
  105. padding:17px;
  106. margin:10px 2px 0px 10px
  107. background-color:#fafafa;
  108. }
  109.  
  110. body {
  111. background:{color:background};
  112. background-image: url('http://i.imgur.com/GM9CZru.png');
  113.  
  114. background-repeat: no-repeat;
  115. background-size: center;
  116. background-attachment: fixed;
  117. position: absolute;
  118. margin-left:720px;
  119. color:{color:text};
  120. font-family:trebuchet ms;
  121. font-size:{text:textsize}px;
  122. line-height:100%;
  123. }
  124.  
  125. b{
  126. color:{color:bold};
  127. }
  128.  
  129. i{
  130. color:{color:italics};
  131. }
  132.  
  133. a {
  134. text-decoration:none;
  135. outline:none;
  136. -moz-outline-style:none;
  137. color:{color:link};
  138. -moz-transition-duration:0.5s;
  139. -webkit-transition-duration:0.5s;
  140. -o-transition-duration:0.5s;
  141. }
  142.  
  143. a:hover {
  144. text-decoration:none;
  145. outline:none;
  146. -moz-outline-style:none;
  147. color:{color:link hover};
  148. }
  149.  
  150. img {
  151. border:none;
  152. }
  153.  
  154.  
  155. #post {
  156. width:500px;
  157. padding:10px;
  158. margin:10px;
  159. background: {color:post bg};
  160.  
  161.  
  162. }
  163.  
  164. #container {margin: auto;
  165. width: 300px;
  166. }
  167.  
  168. #pcontainer {
  169. width:745px;
  170. height:505px;
  171. padding: 0px;
  172. top:200px;
  173. margin-bottom: 310px;
  174. margin-left:-690px;
  175. position:fixed;
  176. overflow-y:scroll;
  177. overflow-x:hidden;
  178. border:0px dashed ;
  179.  
  180. }
  181.  
  182. #entries {
  183. padding-top:10px;
  184. padding-left:70px;
  185. padding-right:20px;
  186. padding-bottom:10px;
  187. width:500px;
  188. margin-left:15px;
  189. margin-top:0px;
  190. margin-bottom:0px;
  191.  
  192. }
  193.  
  194.  
  195. #theme {
  196. width:500px;
  197. margin:0 auto -12px auto;
  198. }
  199.  
  200. #sidebar {
  201. color:{color:text};
  202. width:200px;
  203. height:auto;
  204. margin-top:90px;
  205. margin-left:165px;
  206. text-align:left;
  207. }
  208.  
  209. #sidebarimage img {
  210. width:100px;
  211. opacity:.9;
  212. margin-top:-10px;
  213. margin-bottom:0px;
  214. margin-left:43px;
  215. }
  216.  
  217. #links {
  218. font-family:'Gabriola';
  219. width:250px;
  220. margin-top:-25px;
  221. margin-left:-480px;
  222. font-size:12px;
  223. text-transform:uppercase;
  224. text-align:center;
  225. line-height:280%;
  226. font-size: 22px;
  227. }
  228.  
  229. #links a{
  230. line-height:280%;
  231. border-bottom:0px solid #fff;
  232. margin-top:0px;
  233. margin-left:13px;
  234. color:{color:link};
  235. text-decoration:none;
  236. -moz-transition-duration:.2s;
  237. -webkit-transition-duration:.2s;
  238. -o-transition-duration:.2s;
  239. }
  240.  
  241. #links a:hover {
  242. color: {color:link hover};
  243. width:60px;
  244. -moz-transition-duration:0.2s;
  245. -webkit-transition-duration:0.2s;
  246. -o-transition-duration:0.2s;
  247. }
  248.  
  249. #description {
  250. width:300px;
  251. font-family:times;
  252. margin-top:-40px;
  253. margin-left:-250px;
  254. text-align:center;
  255. font-size:10px;
  256. color: {color:text};
  257. letter-spacing:0px;
  258. line-height:170%;
  259. -moz-transition-duration:1s;
  260. -webkit-transition-duration:1s;
  261. -o-transition-duration:1s;
  262. }
  263.  
  264. #description a {
  265. color:{color:link};
  266. }
  267.  
  268. #description a:hover {
  269. color:{color:link hover};
  270. }
  271.  
  272. .sidebartitle {
  273. width:300px;
  274. text-align:center;
  275. font-family:'californian fb';
  276. line-height:120%;
  277. margin-left:-58px;
  278. word-spacing:2px;
  279. font-style:italic;
  280. font-size:16px;
  281. margin-top:10px;
  282. color:{color:title};
  283. }
  284.  
  285. #pagination {
  286. font-family:corbel;
  287. width:500px;
  288. font-size:19px;
  289. margin-top:390px;
  290. margin-left:-100px;
  291. padding-left:5px;
  292. letter-spacing:1px;
  293. text-align:center;
  294. text-transform:uppercase;
  295. }
  296.  
  297. #pagination a {
  298. color:{color:link};
  299. }
  300.  
  301. #pagination2 {
  302. position:fixed;
  303. padding: 2px 0 2px 0;
  304. width:50px;
  305. text-align: center;
  306. font-family: georgia;
  307. font-size: 10px;
  308. background-image: url('http://assets.tumblr.com/images/x.gif?v=1');
  309. background-color: #e1dbd1;
  310. z-index: 1000;
  311. top:165px;
  312. margin-left:-180px;
  313. border-radius: 4px;
  314. border:3px double transparent;
  315. }
  316.  
  317. .jump_page {
  318. color: #4c0303;
  319. padding: 2px 5px;
  320. transition: 0.6s;
  321. -moz-transition: 0.6s;
  322. -webkit-transition: 0.6s;
  323. -o-transition: 0.6s;
  324. }
  325.  
  326. .jump_page:hover {
  327. color: #b90b0b;
  328. }
  329.  
  330. .current_page {
  331. padding: 2px 5px;
  332. color: #4c0303;
  333. }
  334.  
  335.  
  336. #info {
  337. font-family:times;
  338. width:500px;
  339. margin-top:8px;
  340. padding-top:4px;
  341. font-size:9px;
  342. border-top:1px solid #ddd;
  343. opacity:0;
  344. color:{color:info text};
  345. text-transform:uppercase;
  346. font-style:normal;
  347. text-align:left;
  348. -moz-transition-duration:0.5s;
  349. -webkit-transition-duration:0.5s;
  350. -o-transition-duration:0.5s;
  351. }
  352.  
  353. #info a {
  354. color:{color:info link};
  355. }
  356.  
  357. #info a:hover {
  358. color:{color:info link hover};
  359. }
  360.  
  361. .tags {
  362. font-family:times;
  363. font-style:normal;
  364. width:500px;
  365. margin-top:4px;
  366. text-transform:normal;
  367. font-style:normal;
  368. line-height:120%;
  369. padding-top:0px;
  370. font-size:10px;
  371. opacity:0;
  372. letter-spacing:1px;
  373. text-align:left;
  374. -moz-transition-duration:0.5s;
  375. -webkit-transition-duration:0.5s;
  376. -o-transition-duration:0.5s;
  377. }
  378. .tags a{
  379. color:{color:tags};
  380. -moz-transition-duration:0.2s;
  381. -webkit-transition-duration:0.2s;
  382. -o-transition-duration:0.2s;
  383. }
  384. .tags a:hover{
  385. color:{color:tags hover};
  386. -moz-transition-duration:0.2s;
  387. -webkit-transition-duration:0.2s;
  388. -o-transition-duration:0.2s;
  389. }
  390.  
  391. #post:hover #info{
  392. opacity:1;
  393. -moz-transition-duration:1s;
  394. -webkit-transition-duration:1s;
  395. -o-transition-duration:1s;
  396. }
  397. #post:hover .tags{
  398. opacity:1;
  399. -moz-transition-duration:1s;
  400. -webkit-transition-duration:1s;
  401. -o-transition-duration:1s;
  402. }
  403.  
  404. .audio{
  405. background-color:#e5e5e5;
  406. height:65px;
  407. overflow:hidden;
  408. }
  409.  
  410. #ask {
  411. float:left;
  412. color:{color:text};
  413. }
  414.  
  415. #credit {
  416. font-size:9px;
  417. font-family:cambria;
  418. font-style:italic;
  419. letter-spacing:1px;
  420. -moz-transition-duration:0.5s;
  421. -webkit-transition-duration:0.5s;
  422. -o-transition-duration:0.5s;
  423. }
  424.  
  425. #credit a {
  426. background-color:#e1dbd1;
  427. color: #600b00;
  428. padding:5px;
  429. border:1px solid transparent;
  430. position:fixed;
  431. right:15px;
  432. bottom:10px
  433. }
  434.  
  435. #credit a:hover {
  436. color:#e1dbd1;
  437. background-color:#600b00;
  438. }
  439.  
  440. #credit2 {
  441. font-size:9px;
  442. font-family:cambria;
  443. font-style:italic;
  444. letter-spacing:1px;
  445. -moz-transition-duration:0.5s;
  446. -webkit-transition-duration:0.5s;
  447. -o-transition-duration:0.5s;
  448. }
  449.  
  450. #credit2 a {
  451. background-color:#e1dbd1;
  452. color: #600b00;
  453. padding:5px;
  454. border:1px solid transparent;
  455. position:fixed;
  456. right:55px;
  457. bottom:10px
  458. }
  459.  
  460. #credit2 a:hover {
  461. color:#e1dbd1;
  462. background-color:#600b00;
  463. }
  464.  
  465. #sidebar2 {
  466. position:absolute;
  467. top:160px;
  468. left:-625px;
  469. }
  470.  
  471. .nav {
  472. background-color: #e1dbd1;
  473. color: #600b00;
  474. padding-top:5px;
  475. padding-left:5px;
  476. padding-right:5px;
  477. padding-bottom:3px;
  478. font-size:14px;
  479. font-family:'Gabriola';
  480. border-radius:4px;
  481. text-transform: uppercase;
  482. }
  483.  
  484. .nav a {
  485. color: #600b00;
  486. transition: 0.6s;
  487. -moz-transition: 0.6s;
  488. -webkit-transition: 0.6s;
  489. -o-transition: 0.6s;
  490. }
  491.  
  492. .nav a:hover {
  493. color: #b90b0b;
  494. transition: 0.6s;
  495. -moz-transition: 0.6s;
  496. -webkit-transition: 0.6s;
  497. -o-transition: 0.6s;
  498. }
  499.  
  500. /************** FLAGS UPDATES TAB **************/
  501. /* tutorial by deanlirium|tumblr (clarence.tk) */
  502.  
  503. #flags {
  504. position:fixed;
  505. top:20px; /* distance from the top of the page - adjust as you wish! */
  506. left:0px;
  507. text-align:center;
  508. text-transform:uppercase; /* the text is in all caps - delete this line and it won't be */
  509. color: {color:text}; /* change text color: use sites like http://www.colorpicker.com/ or the tumblr thing, copy the code it gives you and paste it! remember the #! */
  510. font-size:9px; /* adjust font size */
  511. letter-spacing:1px;
  512. z-index:2147483607;
  513. font-family:calibri;}
  514.  
  515.  
  516. #flag1 {
  517. border:solid 6px {color:flag1}; /* flag color */
  518. border-right:solid 6px transparent; /* IMPORTANT! -- to make the flag thicker increase the border and border-right value; it looks better if they both have the same number! */
  519. padding-left:10px;
  520. width:20px; /* increase or decrease to change the lenght of the CLOSED flag */
  521. height:0px;
  522. position:absolute;
  523. -moz-transition:all 0.7s ease-out;
  524. -webkit-transition:all 0.7s ease-out;
  525. -o-transition:all 0.7s ease-out;}
  526.  
  527. #flag1:hover {
  528. width:180px;} /* lenght of the OPEN flag */
  529.  
  530. #upd1 {
  531. position:absolute;
  532. width:110px;
  533. padding:10px;
  534. padding-left:60px; /* adjust this if you've changed the length of the open flag, subtract what you add here to the 'left' value below */
  535. left:-180px;
  536. margin-top:6px; /* keep this number equal to the 'border' value for the flag */
  537. opacity:0;
  538. -moz-transition:all 0.7s ease-out;
  539. -webkit-transition:all 0.7s ease-out;
  540. -o-transition:all 0.7s ease-out;}
  541.  
  542. #flag1:hover #upd1{
  543. left:0px;
  544. opacity:1;}
  545.  
  546. /* following is the coding for the other flags - same as above! */
  547.  
  548. #flag2 {
  549. border:solid 6px {color:flag2};
  550. margin-top:20px;
  551. position:absolute;
  552. border-right:solid 6px transparent;
  553. padding-left:10px;
  554. width:20px;
  555. height:0px;
  556. -moz-transition:all 0.7s ease-out;
  557. -webkit-transition:all 0.7s ease-out;
  558. -o-transition:all 0.7s ease-out;}
  559.  
  560. #flag2:hover {
  561. width:180px;}
  562.  
  563. #upd2 {
  564. position:absolute;
  565. width:110px;
  566. padding:10px;
  567. padding-left:60px;
  568. left:-180px;
  569. margin-top:6px;
  570. opacity:0;
  571. -moz-transition:all 0.7s ease-out;
  572. -webkit-transition:all 0.7s ease-out;
  573. -o-transition:all 0.7s ease-out;}
  574.  
  575. #flag2:hover #upd2{
  576. left:0px;
  577. opacity:1;}
  578.  
  579. /*if you want more flags, just copy the part of the code below and change the numbers - then increase the margin-top value for the #flag(number) adding 20px each new flag! copy from here: */
  580.  
  581. #flag3 {
  582. border:solid 6px {color:flag3};
  583. position:absolute;
  584. margin-top:40px; /* this one! */
  585. border-right:solid 6px transparent;
  586. padding-left:10px;
  587. width:20px;
  588. height:0px;
  589. -moz-transition:all 0.7s ease-out;
  590. -webkit-transition:all 0.7s ease-out;
  591. -o-transition:all 0.7s ease-out;}
  592.  
  593. #flag3:hover {
  594. width:180px;}
  595.  
  596. #upd3 {
  597. position:absolute;
  598. width:110px;
  599. padding:10px;
  600. padding-left:60px;
  601. left:-180px;
  602. margin-top:6px;
  603. opacity:0;
  604. -moz-transition:all 0.7s ease-out;
  605. -webkit-transition:all 0.7s ease-out;
  606. -o-transition:all 0.7s ease-out;}
  607.  
  608. #flag3:hover #upd3{
  609. left:0px;
  610. opacity:1;}
  611.  
  612. /* to here */
  613.  
  614. {CustomCSS}</style></head><body>
  615.  
  616. <div id="flags">
  617. <div id="flag1"><div id="upd1">
  618.  
  619. {description}
  620.  
  621. </div></div>
  622.  
  623. <div id="flag2"><div id="upd2">
  624.  
  625. {text:flag2}
  626.  
  627. </div></div>
  628.  
  629. <!---- if you want more flags, copy from here ---->
  630.  
  631. <div id="flag3"><div id="upd3">
  632.  
  633. {text:flag3}
  634. </div></div>
  635.  
  636. <!---- to here and change the numbers according to your css! ---->
  637.  
  638. <!---- thanks for passing by and using this tutorial you're raaaaaaaaad c: ---->
  639.  
  640. </div>
  641.  
  642. <div id="theme">
  643. <div id="container">
  644.  
  645. <div id="sidebar2">
  646.  
  647. <span class="nav"><a href="/">Index</a></span> <span class="nav"><a href="/ask">Chat</a></span> <span class="nav"><a href="/archive">Memoire</a></span> <span class="nav"><a href="{text:link1 url}">{text:link1}</a></span> <span class="nav"><a href="{text:link2 url}">{text:link2}</a></span> <span class="nav"><a href="{text:link3 url}">{text:link3}</a></span>
  648.  
  649. </div>
  650.  
  651.  
  652. <div id="sidebar">
  653.  
  654. <div id="sidebarimage">
  655. <a href="/"><img src="{image:sidebar}"></a></div>
  656.  
  657. <div class="sidebartitle">{text:sidebartitle}</div>
  658.  
  659. <div id="links">
  660.  
  661.  
  662. </div>
  663.  
  664. <div id="description"></div>
  665.  
  666. </div>
  667. <div id="pcontainer">
  668. <div id="entries">{block:Posts}<div id="post">
  669.  
  670. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  671.  
  672. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  673.  
  674. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  675.  
  676. {block:Quote}<big><big>"{Quote}"</big></big>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  677.  
  678. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  679.  
  680. {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}
  681.  
  682. {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}
  683. {block:Artist} &nbsp;—&nbsp; {Artist} {/block:Artist}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  684.  
  685. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  686.  
  687. {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}
  688.  
  689. {block:Date}<div id="info"> <a title="{TimeAgo}" href="{Permalink}">{Month} &nbsp;{DayOfMonth}</a>
  690. {/block:Date} {block:NoteCount}&nbsp; ( <font color=#d588a6>♥</font> <a href="{Permalink}">{NoteCount}</a> ) {/block:NoteCount}
  691.  
  692. {block:RebloggedFrom}&nbsp; <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>
  693. </div>
  694.  
  695.  
  696. {block:HasTags}
  697. <div class="tags">
  698. {block:Tags} <a href="{TagURL}"> {Tag}, &nbsp; </a> {/block:Tags}</div>
  699. {/block:HasTags}
  700. <div class="postnote">
  701. {block:PostNotes}{PostNotes}{/block:PostNotes}
  702. </div>
  703. </div>
  704. {/block:Posts}</div>
  705.  
  706.  
  707.  
  708. </div>
  709.  
  710.  
  711.  
  712.  
  713.  
  714.  
  715. <div id="pagination2">
  716.  
  717.  
  718. {block:PreviousPage}
  719. <a href="{PreviousPage}" class="jump_page" title="Previous">←</a>
  720. {/block:PreviousPage}
  721.  
  722. {block:NextPage}
  723. <a href="{NextPage}" class="jump_page" title="Next">→</a>
  724. {/block:NextPage}
  725.  
  726. </div>
  727. <div id="credit"><a href="http://hollywhood.tumblr.com">HW</div>
  728. <div id="credit2"><a href="http://condomglitter.tumblr.com">CG</div>
  729. </div></div>
  730.  
  731. </body>
  732.  
  733. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement