API tools faq
paste
Advertisement
cocoofrps

THEME 19 'GHOSTLY SHADOWS'

cocoofrps
Apr 19th, 2014
1,578
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.62 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. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  4. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  5. <script>
  6. (function($){
  7. $(document).ready(function(){
  8. $("[title]").style_my_tooltips({
  9. tip_follows_cursor:true,
  10. tip_delay_time:200,
  11. tip_fade_speed:300
  12. }
  13. );
  14. });
  15. })(jQuery);
  16. </script>
  17.  
  18. <head><title>{Title}</title>
  19.  
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23.  
  24. <!--- THEME BY @cocoofrps --->
  25.  
  26. <meta name="color:Background" content="#d4c4a1"/>
  27. <meta name="color:Text" content="#c3a480"/>
  28. <meta name="color:PostBG" content="#d0bd98"/>
  29. <meta name="color:SidebarBorder" content="#b98f78" />
  30. <meta name="color:Border" content="#b07a74"/>
  31. <meta name="color:Hover" content="#d4c4a1"/>
  32. <meta name="color:Scrollbar" content="#c3a480"/>
  33. <meta name="color:ScrollbarBg" content="#b07a74"/>
  34. <meta name="color:Post Links" content="#b98f78"/>
  35. <meta name="color:DescriptionText" content="#c3a480"/>
  36.  
  37. <meta name="image:Background" content=""/>
  38. <meta name="image:AskBG" content=""/>
  39. <meta name="image:Icon" content=""/>
  40. <meta name="image:PNG" content=""/>
  41. <meta name="image:Sidebar" content=""/>
  42.  
  43. <meta name="text:Title" content="SWEGGER"/>
  44. <meta name="text:LINK1" content=""/>
  45. <meta name="text:LINK2" content=""/>
  46. <meta name="text:LINK3" content=""/>
  47. <meta name="text:LINK4" content=""/>
  48. <meta name="text:LINK5" content=""/>
  49. <meta name="text:LINK6" content=""/>
  50. <meta name="text:LINK1 URL" content="/"/>
  51. <meta name="text:LINK2 URL" content="/"/>
  52. <meta name="text:LINK3 URL" content="/"/>
  53. <meta name="text:LINK4 URL" content="/"/>
  54. <meta name="text:LINK5 URL" content="/"/>
  55. <meta name="text:LINK6 URL" content="/"/>
  56.  
  57. <meta name="if:CoverBackgroundImage" content="0"/>
  58.  
  59. <style type="text/css">
  60.  
  61. @font-face {
  62. font-family: "Dixel";
  63. src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf');
  64. }
  65.  
  66. ::-webkit-scrollbar-thumb {
  67. height:auto;
  68. border:{color:ScrollbarBg};
  69. border:1px solid {color:ScrollbarBg};
  70. background-color:{color:Scrollbar};
  71. }
  72.  
  73. ::-webkit-scrollbar {
  74. height:9px;
  75. width:7px;
  76. background-color:{color:ScrollbarBg};
  77. }
  78.  
  79. ::selection {
  80. background: {color:Background};
  81. color: {color:PostBG};
  82. }
  83.  
  84. ::-moz-selection {
  85. background: {color:Background};
  86. color: {color:PostBG};
  87. }
  88.  
  89. ::-webkit-selection {
  90. background: {color:Background};
  91. color: {color:PostBG};
  92. }
  93.  
  94. body {
  95. overflow-y:scroll;
  96. background:{color:Background};
  97. margin:0px;
  98. color:{color:Text};
  99. font-family:'arial';
  100. font-size:11px;
  101. line-height:110%;
  102. letter-spacing:1px;
  103. text-align:justify;
  104. {block:ifNotCoverBackgroundImage}
  105. background-image:url('{image:Background}');
  106. background-attachment:fixed;
  107. {block:ifNotCoverBackgroundImage}
  108. {block:IfCoverBackgroundImage}
  109. background: url('{image:Background}') no-repeat center center fixed;
  110. -webkit-background-size: cover;
  111. -moz-background-size: cover;
  112. -o-background-size: cover;
  113. background-size: cover;
  114. {block:IfCoverBackgroundImage}
  115. }
  116.  
  117. small,big,code {
  118. font-size:8px;
  119. }
  120.  
  121. pre {
  122. font-family:'Dixel';
  123. font-size:8px;
  124. width:auto;
  125. padding:5px 8px;
  126. background-color:{color:Border};
  127. color:{color:Background};
  128. }
  129.  
  130. a {
  131. text-decoration:none;
  132. outline:none;
  133. -moz-outline-style:none;
  134. -webkit-transition: all 0.4s ease-in-out;
  135. -moz-transition: all 0.4s ease-in-out;
  136. -o-transition: all 0.4s ease-in-out;
  137. -ms-transition: all 0.4s ease-in-out;
  138. transition: all 0.4s ease-in-out;
  139. color:{color:Post Links};
  140. }
  141.  
  142. b {
  143. color:{color:Hover};
  144. font-weight:100;
  145. }
  146.  
  147. a:hover {
  148. color:{color:Hover};
  149. -webkit-transition: all 0.4s ease-in-out;
  150. -moz-transition: all 0.4s ease-in-out;
  151. -o-transition: all 0.4s ease-in-out;
  152. -ms-transition: all 0.4s ease-in-out;
  153. transition: all 0.4s ease-in-out;
  154. }
  155.  
  156. img {
  157. border:none;
  158. width:auto;
  159. }
  160.  
  161. blockquote {
  162. margin-left:5px;
  163. width:auto;
  164. padding-left:5px;
  165. border-left:5px solid {color:Border};
  166. }
  167.  
  168. blockquote blockquote {
  169. padding-left:5px;
  170. border-left:5px solid {color:Border};
  171. }
  172.  
  173. h1 {
  174. font-size:11px;
  175. letter-spacing:2px;
  176. text-transform:uppercase;
  177. font-style:none;
  178. line-height:10px;
  179. text-align:center;
  180. padding:0px;
  181. }
  182.  
  183. /*ENTRIES*/
  184.  
  185. #entries {
  186. width:500px;
  187. position:absolute;
  188. margin-left:590px;
  189. margin-top:50px;
  190. letter-spacing:1px;
  191. font-weight:100;
  192. font-size:11px;
  193. }
  194.  
  195. #post {
  196. background-color:{color:PostBG};
  197. width:500px;
  198. padding-bottom:20px;
  199. padding:20px;
  200. -webkit-box-shadow: inset 0px 0px 0px 5px {color:Background};
  201. -moz-box-shadow: inset 0px 0px 0px 5px {color:Background};
  202. box-shadow: inset 0px 0px 0px 5px {color:Background};
  203. border:1px solid {color:Border};
  204. margin-bottom:10px;
  205. }
  206.  
  207. /*SIDEBAR*/
  208.  
  209. #sidebar {
  210. position:fixed;
  211. left:50px;
  212. bottom:50px;
  213. z-index:9999999999;
  214. }
  215.  
  216. #pagi {
  217. width:102px;
  218. position:absolute;
  219. padding:5px;
  220. margin-top:-30px;
  221. background-color:{color:SidebarBorder};
  222. font-weight:bold;
  223. font-size:20px;
  224. padding-bottom:7px;
  225. }
  226.  
  227. #pagi a {
  228. color:{color:Background};
  229. }
  230.  
  231. .image img {
  232. position:absolute;
  233. width:100px;
  234. height:100px;
  235. padding:5px;
  236. border:1px solid {color:SidebarBorder};
  237. }
  238.  
  239. .png img{
  240. position:absolute;
  241. z-index:-9;
  242. width:300px;
  243. height:350px;
  244. margin-left:238px;
  245. margin-top:-200px;
  246. }
  247.  
  248. #title {
  249. width:200px;
  250. margin-left:120px;
  251. text-transform:uppercase;
  252. font-size:14px;
  253. font-weight:bold;
  254. padding:5px;
  255. background-color:{color:SidebarBorder};
  256. }
  257.  
  258. #desc {
  259. width:200px;
  260. margin-left:120px;
  261. height:80px;
  262. font-size:8px;
  263. overflow:auto;
  264. padding:5px;
  265. color:{color:DescriptionText};
  266. background-color:{color:Border};
  267. }
  268.  
  269. #box img {
  270. width:450px;
  271. margin-top:10px;
  272. height:250px;
  273. background-color:{color:Background};
  274. padding:5px;
  275. border:1px solid {color:SidebarBorder};
  276. }
  277.  
  278. #sidebar:hover .links .one{
  279. opacity:1;
  280. transition-duration: 0.5s;
  281. -moz-transition-duration: 0.5s;
  282. -webkit-transition-duration: 0.5s;
  283. -o-transition-duration: 0.5s;
  284. }
  285.  
  286. #sidebar:hover .links .two{
  287. opacity:1;
  288. transition-delay:0.1s;
  289. -webkit-transition-delay:0.1s;
  290. transition-duration: 0.5s;
  291. -moz-transition-duration: 0.5s;
  292. -webkit-transition-duration: 0.5s;
  293. -o-transition-duration: 0.5s;
  294. }
  295.  
  296. #sidebar:hover .links .three{
  297. opacity:1;
  298. transition-delay:0.2s;
  299. -webkit-transition-delay:0.2s;
  300. transition-duration: 0.5s;
  301. -moz-transition-duration: 0.5s;
  302. -webkit-transition-duration: 0.5s;
  303. -o-transition-duration: 0.5s;
  304. }
  305.  
  306. #sidebar:hover .links .four {
  307. opacity:1;
  308. transition-delay:0.1s;
  309. -webkit-transition-delay:0.1s;
  310. transition-duration: 0.5s;
  311. -moz-transition-duration: 0.5s;
  312. -webkit-transition-duration: 0.5s;
  313. -o-transition-duration: 0.5s;
  314. }
  315.  
  316. #sidebar:hover .links .five{
  317. opacity:1;
  318. transition-delay:0.2s;
  319. -webkit-transition-delay:0.2s;
  320. transition-duration: 0.5s;
  321. -moz-transition-duration: 0.5s;
  322. -webkit-transition-duration: 0.5s;
  323. -o-transition-duration: 0.5s;
  324. }
  325.  
  326. #sidebar:hover .links .six{
  327. opacity:1;
  328. transition-delay:0.3s;
  329. -webkit-transition-delay:0.3s;
  330. transition-duration: 0.5s;
  331. -moz-transition-duration: 0.5s;
  332. -webkit-transition-duration: 0.5s;
  333. -o-transition-duration: 0.5s;
  334. }
  335.  
  336. .links {
  337. position:fixed;
  338. margin-top:130px;
  339. margin-left:60px;
  340. transition-duration: 0.5s;
  341. -moz-transition-duration: 0.5s;
  342. -webkit-transition-duration: 0.5s;
  343. -o-transition-duration: 0.5s;
  344. }
  345.  
  346. .links a {
  347. opacity:0;
  348. display:inline-block;
  349. background-color:{color:Border};
  350. padding:5px;
  351. text-align:center;
  352. width:100px;
  353. font-size:14px;
  354. text-transform:uppercase;
  355. font-weight:bold;
  356. margin-top:5px;
  357. }
  358.  
  359. /*AUDIO INFO*/
  360.  
  361. .playerbuttonbg {
  362. position: absolute;
  363. left: 20px;
  364. top: 15px;
  365. width: 30px;
  366. height: 30px;
  367. background-color: #ffffff;
  368. padding: 10px;
  369. opacity: .4;
  370. filter: alpha(opacity=40);
  371. -moz-opacity: 0.4;
  372. -khtml-opacity: 0.4;
  373. transition: opacity .7s ease-in-out;
  374. -moz-transition: opacity .7s ease-in-out;
  375. -webkit-transition: opacity .7s ease-in-out;
  376. }
  377.  
  378. .playerbuttonbg:hover {
  379. opacity: 1;
  380. filter: alpha(opacity=100);
  381. -moz-opacity: 1;
  382. -khtml-opacity: 1;
  383. }
  384.  
  385. .newplayerbutton {
  386. position: relative;
  387. width:30px;
  388. height:30px;
  389. margin-top:-4px;
  390. overflow: hidden;
  391. }
  392.  
  393. .playerbuttonhug {
  394. position: absolute;
  395. top: -25px;
  396. left: -10px;
  397. }
  398.  
  399. .tumblr_audio_player {
  400. height: 90px;
  401. width: 270px;
  402. -moz-transform-origin: top left;
  403. -webkit-transform-origin: top left;
  404. -o-transform-origin: top left;
  405. -ms-transform-origin: top left;
  406. transform-origin: top left;
  407. }
  408.  
  409. .audioimgwrapper {
  410. position: absolute;
  411. left: 0px;
  412. top: 0px;
  413. overflow: hidden;
  414. width: 79px;
  415. height: 79px;
  416. border-left:5px solid {color:Post Links};
  417. }
  418.  
  419. .audioimgwrapper img {
  420. width: 100%;
  421. height: auto;
  422. }
  423.  
  424. .trackdetails {
  425. text-transform:uppercase;
  426. width: auto;
  427. display:inline-block;
  428. margin-top:23px;
  429. margin-left: 90px;
  430. border-left:5px solid {color:Text};
  431. padding:5px;
  432. }
  433.  
  434. .audiowrapper {
  435. position: relative;
  436. display:inline-block;
  437. padding-bottom:10px;
  438. }
  439.  
  440. /*POST INFO*/
  441.  
  442. #info {
  443. text-align:right;
  444. font-family:'Dixel';
  445. letter-spacing:1px;
  446. font-size:8px;
  447. width:520px;
  448. margin-left:-15px;
  449. font-style:none;
  450. color:{color:Background};
  451. line-height:10px;
  452. text-transform:uppercase;
  453. padding:5px;
  454. background-color:{color:Post Links};
  455. border-color:{color:Border};
  456. }
  457.  
  458. #info a {
  459. text-align:right;
  460. color:{color:Background};
  461. }
  462.  
  463. #info a:hover {
  464. -moz-transition-duration:0.3s;
  465. -webkit-transition-duration:0.3s;
  466. -o-transition-duration:0.3s;
  467. color:{color:Hover};
  468. }
  469.  
  470. #tags {
  471. margin-top:4px;
  472. width:530px;
  473. text-align:right;
  474. font-size:8px;
  475. margin-left:-5px;
  476. font-family:'arial';
  477. opacity:1;
  478. padding:0px;
  479. text-transform:lowercase;
  480. transition-duration: 0.5s;
  481. -moz-transition-duration: 0.5s;
  482. -webkit-transition-duration: 0.5s;
  483. -o-transition-duration: 0.5s;
  484. background-color:{color:Border};
  485. }
  486.  
  487. #tags a {
  488. padding:5px;
  489. color:{color:Post Links};
  490. letter-spacing:0px;
  491. font-family:'helvetica';
  492. text-decoration:none;
  493. display:inline-block;
  494. }
  495.  
  496. #tags a:hover {
  497. -moz-transition-duration:0.3s;
  498. -webkit-transition-duration:0.3s;
  499. -o-transition-duration:0.3s;
  500. color:{color:Hover};
  501. }
  502.  
  503. /*QUESTION*/
  504.  
  505. .question {
  506. width:510px;
  507. margin-left:-15px;
  508. padding:10px;
  509. background-image:url('{image:AskBG}');
  510. background-color:{color:SidebarBorder};
  511. }
  512.  
  513. .asker {
  514. font-family:'Courier New';
  515. font-size:11px;
  516. text-transform:uppercase;
  517. text-align:center;
  518. color:{color:Background};
  519. }
  520.  
  521. .asker a {
  522. color:{color:Background};
  523. }
  524.  
  525. .q {
  526. font-size:8px;
  527. width:520px;
  528. margin-left:-10px;
  529. background-color:{color:Background};
  530. color:{color:PostBg};
  531. padding:5px;
  532. }
  533.  
  534. .q small,.q big,.q code {
  535. background-color:{color:Background};
  536. opacity:0.9;
  537. }
  538.  
  539. /*CREDIT*/
  540.  
  541. #cred {
  542. position:fixed;
  543. font-family:'helvetica';
  544. text-transform:uppercase;
  545. font-size:20px;
  546. background-color:{color:PostBG};
  547. right:9px;
  548. bottom:9px;
  549. padding:5px;
  550. padding-bottom:11px;
  551. border:2px solid {color:Border};
  552. letter-spacing:1px;
  553. }
  554.  
  555. #notes {
  556. font-family:helvetica;
  557. text-transform:uppercase;
  558. font-size:8px;
  559. }
  560.  
  561. #notes li{
  562. list-style-type:none;
  563. background-color:{color:PostBG};
  564. padding:2px;
  565. }
  566.  
  567. #notes img {
  568. opacity:0;
  569. }
  570.  
  571. #s-m-t-tooltip{
  572. position:absolute;
  573. background-color:{color:PostBG};
  574. padding:3px 5px 3px;
  575. z-index:99999999999999999999999999999999;
  576. margin-top:-30px;
  577. margin-left:-30px;
  578. font-family:'Courier New';
  579. display:block;
  580. text-transform:uppercase;
  581. font-size:8px;
  582. color:{color:text};
  583. }
  584.  
  585.  
  586. {CustomCSS}</style>
  587. </head>
  588. <body>
  589.  
  590. <div id="sidebar">
  591. <div class="image">
  592. {block:Pagination}
  593. <div id="pagi">
  594. {block:PreviousPage}<a href="{PreviousPage}" title="back">«</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}" title="next">»</a>{/block:NextPage}
  595. </div>
  596. {/block:Pagination}
  597. <img src="{image:Icon}"></div>
  598. <div class="png"><img src="{image:PNG}"></div>
  599. <div id="title">{text:Title}</div>
  600. <div id="desc">{Description}</div>
  601. <div id="box">
  602. <div class="links">
  603. <a class="one" href="{text:Link1 URL}">{text:Link1}</a>
  604. <a class="two" href="{text:Link2 URL}">{text:Link2}</a>
  605. <a class="three" href="{text:Link3 URL}">{text:Link3}</a>
  606. <br/>
  607. <a class="four" href="{text:Link4 URL}">{text:Link4}</a>
  608. <a class="five" href="{text:Link5 URL}">{text:Link5}</a>
  609. <a class="six" href="{text:Link6 URL}">{text:Link6}</a>
  610. </div>
  611. <img src="{image:Sidebar}"></div>
  612. <!-- SIDEBAR ENDS AFTER NEXT DIV -->
  613. </div>
  614.  
  615. <!-- POSTS START -->
  616. <div id="entries">
  617. {block:Posts}
  618. <div id="post">
  619.  
  620. {block:Text}
  621. <h1>{block:Title}<a href="{Permalink}" title="{Title}"><div style="font-weight:100;font-size:12px;font-family:'Courier New';text-transform:uppercase;padding:5px 7px 7px 8px;background-color:{color:Border};color:{color:Text};">{Title}</div></a>{/block:Title}</h1>
  622. {Body}<br>{/block:Text}
  623.  
  624. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  625. {block:Caption}{Caption}{/block:Caption}<br/><br/>{/block:Photo}
  626.  
  627. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  628. {/block:Caption}<br>{/block:Photoset}
  629.  
  630. {block:Quote}<div style="width:490px;font-size:11px;padding:5px;background-color:{color:Border};color:{color:Background};">"{Quote}"</div><br/>
  631. {block:Source}<div class="qsource"> —{Source}</div>
  632. {/block:Source}<br>{/block:Quote}
  633.  
  634. {block:Link}<a href="{URL}" {Target} title="{Name}"><div style="border-top:5px solid {color:SidebarBorder};font-size:8px;font-family:'Courier New';text-tranform:uppercase;padding:5px 7px 7px 8px;background-color:{color:Border};color:{color:Text};">{Name}</div></a>{block:Description}{Description}{/block:Description}{/block:Link}
  635.  
  636. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<span style="font-size:15px;text-transform:uppercase;"><b>{Label}</b></span>{/block:Label} {Line}<br>{/block:Lines}<br>{/block:Chat}
  637.  
  638. {block:AudioPlayer}<div class="audiowrapper">{block:AlbumArt}<div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt} <div class="playerbuttonbg"><div class="newplayerbutton"><div class="playerbuttonhug">{AudioPlayerWhite}</div></div></div><div class="trackdetails">{block:TrackName}{TrackName}{/block:TrackName}<br/>{block:Artist}{Artist}{/block:Artist}<br/>{block:Album}{Album}{/block:Album}<br/></div></div>{block:Caption}{Caption}{/block:Caption}{/block:AudioPlayer}
  639.  
  640.  
  641. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}<br>{/block:Video}
  642.  
  643. <!--- Please don't steal anything. I find it rude and unethical. -->
  644. {block:Answer}<div id="answer">
  645. <div class="question">
  646. <div class="asker">{Asker}</div><br/><div class="q">{Question}</div></div>
  647. {block:Answerer}<br/><br/><div class="question"><div class="asker">{Answerer}</div><br/><div class="q">{Answer}</div></div>{/block:Answerer}{Replies}</div>{/block:Answer}
  648.  
  649. <div id="info">
  650. <a href="{Permalink}" title="{ShortMonth}.{DayOfMonth}.{Year}">{TimeAgo}</a>
  651. {block:NoteCount}
  652. | <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>{block:RebloggedFrom} | <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom} {block:ContentSource} |
  653. <a href="{SourceURL}" title="{SourceTitle}">source</a>{/block:ContentSource}
  654. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="Reblogged From" target="_blank"></a>{/block:RebloggedFrom}
  655. {block:HasTags}<div id="tags">
  656. {block:Tags} <a href="/tagged/{Tag}">#{Tag}</a>{/block:Tags}
  657. </div>{block:HasTags}
  658. </div>
  659. </div>
  660. {/block:Posts}
  661. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  662. {/block:Posts}</div></div></div>
  663. <br><br><br><br>
  664.  
  665. <div id="cred">
  666. <a href="http://cocoofrps.tumblr.com/" title="THEME 19 BY COCO">♚</a>
  667. </div>
  668. </div>
  669.  
  670. </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!