API tools faq
paste
Advertisement
cocoofrps

THEME 24 'WE DON'T EXIST'

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