API tools faq
paste
Advertisement
cocoofrps

THEME 18 'TRUTH OR DARE'

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