API tools faq
paste
Advertisement
cocoofrps

THEME 26 'XHELLE'

cocoofrps
Oct 18th, 2014
364
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.46 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>
  20. <title>{Title}</title>
  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="#dedfdd"/>
  28. <meta name="color:Text" content="#575757"/>
  29. <meta name="color:Links" content="#5db6d6" />
  30. <meta name="color:PostBG" content="#3f3f4b"/>
  31. <meta name="color:Border" content="#333133"/>
  32. <meta name="color:Hover" content="#af9895"/>
  33. <meta name="color:Scrollbar" content="#333133"/>
  34. <meta name="color:ScrollbarBg" content="#b6a499"/>
  35. <meta name="color:Accent" content="#9959cf"/>
  36.  
  37. <meta name="image:Background" content=""/>
  38. <meta name="image:AskBG" content=""/>
  39. <meta name="image:Sidebar" content=""/>
  40. <meta name="image:Banner" content=""/>
  41.  
  42. <meta name="text:Link 1" content="home"/>
  43. <meta name="text:Link 1 URL" content="/"/>
  44. <meta name="text:Link 2" content="inquire"/>
  45. <meta name="text:Link 2 URL" content="/fat"/>
  46. <meta name="text:Link 3" content="nav"/>
  47. <meta name="text:Link 3 URL" content="/etc"/>
  48. <meta name="text:Link 4" content="codes"/>
  49. <meta name="text:Link 4 URL" content="/codes"/>
  50. <meta name="text:WID Title" content=""/>
  51. <meta name="text:TD Title" content=""/>
  52. <meta name="text:WID" content=""/>
  53. <meta name="text:TD" content=""/>
  54. <meta name="text:Sidebar Height" content="150px"/>
  55. <meta name="text:Search Label" content="" />
  56.  
  57. <script type="text/javascript" src="http://static.tumblr.com/8oupd2j/BYTm7u5cn/tag_search.js"></script>
  58.  
  59. <meta name="if:CoverBackgroundImage" content="0"/>
  60.  
  61. <style type="text/css">
  62.  
  63. ::-webkit-scrollbar-thumb {
  64. height:auto;
  65. border:{color:ScrollbarBg};
  66. background-color:{color:Scrollbar};
  67. }
  68.  
  69. ::-webkit-scrollbar {
  70. height:9px;
  71. width:5px;
  72. background-color:{color:ScrollbarBg};
  73. }
  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. background:{color:Background};
  93. margin:0px;
  94. color:{color:Text};
  95. font-family:'arial';
  96. font-size:11px;
  97. line-height:110%;
  98. letter-spacing:1px;
  99. text-align:justify;
  100. {block:ifNotCoverBackgroundImage}
  101. background-image:url('{image:Background}');
  102. background-attachment:fixed;
  103. {block:ifNotCoverBackgroundImage}
  104. {block:IfCoverBackgroundImage}
  105. background: url('{image:Background}') no-repeat center center fixed;
  106. -webkit-background-size: cover;
  107. -moz-background-size: cover;
  108. -o-background-size: cover;
  109. background-size: cover;
  110. {block:IfCoverBackgroundImage}
  111. }
  112.  
  113. code {
  114. font-size:9px;
  115. font-family:'Courier New';
  116. color:{color:Hover};
  117. text-transform:uppercase;
  118. }
  119.  
  120. small,big {
  121. font-size:8px;
  122. }
  123.  
  124. pre {
  125. font-family:'Courier New';
  126. font-size:8px;
  127. width:auto;
  128. padding:5px 8px;
  129. color:{color:Links};
  130. }
  131.  
  132. a {
  133. text-decoration:none;
  134. outline:none;
  135. -moz-outline-style:none;
  136. -webkit-transition: all 0.4s ease-in-out;
  137. -moz-transition: all 0.4s ease-in-out;
  138. -o-transition: all 0.4s ease-in-out;
  139. -ms-transition: all 0.4s ease-in-out;
  140. transition: all 0.4s ease-in-out;
  141. color:{color:Links};
  142. }
  143.  
  144. b {
  145. color:{color:Hover};
  146. font-weight:100;
  147. }
  148.  
  149. a:hover {
  150. color:{color:Hover};
  151. -webkit-transition: all 0.4s ease-in-out;
  152. -moz-transition: all 0.4s ease-in-out;
  153. -o-transition: all 0.4s ease-in-out;
  154. -ms-transition: all 0.4s ease-in-out;
  155. transition: all 0.4s ease-in-out;
  156. }
  157.  
  158. img {
  159. border:none;
  160. width:auto;
  161. }
  162.  
  163. blockquote {
  164. margin-left:5px;
  165. width:auto;
  166. padding-left:5px;
  167. border-left:5px solid {color:Border};
  168. }
  169.  
  170. blockquote blockquote {
  171. padding-left:5px;
  172. border-left:5px solid {color:Border};
  173. }
  174.  
  175. h1 {
  176. font-size:11px;
  177. letter-spacing:2px;
  178. text-transform:uppercase;
  179. font-style:none;
  180. line-height:10px;
  181. text-align:center;
  182. padding:0px;
  183. }
  184.  
  185. /*ENTRIES*/
  186. #entries {
  187. position:absolute;
  188. margin-left:560px;
  189. letter-spacing:1px;
  190. padding-bottom:0px;
  191. overflow-y:auto;
  192. font-weight:100;
  193. font-size:11px;
  194. }
  195.  
  196. #post {
  197. background-color:{color:PostBG};
  198. width:500px;
  199. line-height:100%;
  200. padding:20px;
  201. margin-bottom:50px;
  202. }
  203.  
  204. /*SIDEBAR*/
  205.  
  206. #banner {
  207. width:540px;
  208. height:200px;
  209. margin-left:560px;
  210. background-image:url('{image:Banner}');
  211. }
  212.  
  213. #sidebar {
  214. position:fixed;
  215. margin-top:{text:Sidebar Height};
  216. }
  217.  
  218. .image {
  219. background-image:url('{image:Sidebar}');
  220. width:500px;
  221. height:600px;
  222. bottom:0px;
  223. left:30px;
  224. position:fixed;
  225. z-index:-11;
  226. }
  227.  
  228. .pagi {
  229. font-size:9px;
  230. padding:5px;
  231. position:absolute;
  232. text-align:center;
  233. margin-top:-30px;
  234. width:200px;
  235. height:12px;
  236. font-family:'courier new';
  237. background-color:{color:Links};
  238. }
  239.  
  240. .pagi a {
  241. color:{color:PostBG};
  242. padding:2px 5px;
  243. }
  244.  
  245. .current_page {
  246. padding:2px 5px;
  247. background-color:{color:Accent};
  248. }
  249.  
  250. .desc {
  251. background-color:{color:Hover};
  252. padding:5px;
  253. padding-left:60px;
  254. font-size:10px;
  255. width:200px;
  256. height:62px;
  257. color:{color:border};
  258. overflow:auto;
  259. font-family:'consolas';
  260. position:absolute;
  261. }
  262.  
  263. .box {
  264. z-index:-11;
  265. font-size:10px;
  266. font-family:'consolas';
  267. text-align:left;
  268. position:absolute;
  269. margin-top:70px;
  270. }
  271.  
  272. .wid,.td {
  273. z-index:-11;
  274. font-size:10px;
  275. width:300px;
  276. color:{color:border};
  277. }
  278.  
  279. .wid h2,.td h2 {
  280. font-family:'calibri';
  281. text-transform:lowercase;
  282. font-style:italic;
  283. font-size:14px;
  284. font-weight:bolder;
  285. display:inline-block;
  286. padding:3px 10px;
  287. margin-top:-20px;
  288. position:absolute;
  289. background-color:{color:Border};
  290. color:{color:Links};
  291. }
  292.  
  293. .wid ul,.td ul{
  294. margin-top:30px;
  295. margin-left:-20px;
  296. }
  297.  
  298. .wid li,.td li{
  299. padding:3px;
  300. display:inline-block;
  301. margin-top:3px;
  302. color:{color:border};
  303. background-color:{color:PostBG};
  304. }
  305.  
  306. .links {
  307. position:absolute;
  308. margin-left:-10px;
  309. }
  310.  
  311. .links a{
  312. background-color:{color:Links};
  313. color:{color:Border};
  314. padding:3px 5px;
  315. font-size:8px;
  316. border-left:10px solid {color:Border};
  317. display:inline-block;
  318. font-family:'consolas';
  319. text-transform:uppercase;
  320. }
  321.  
  322. .links a:hover {
  323. margin-left:10px;
  324. }
  325.  
  326. .search {
  327. background-color:{color:Accent};
  328. border:0px solid;
  329. padding:5px;
  330. font-family:'consolas';
  331. font-size:9px;
  332. text-transform:uppercase;
  333. }
  334.  
  335.  
  336. /*AUDIO INFO*/
  337.  
  338. .imgwrapper img{
  339. width:100px;
  340. }
  341.  
  342. .audio_player {
  343. width:25px;
  344. height:25px;
  345. overflow:hidden;
  346. border-radius:25px;
  347. margin-top:-70px;
  348. margin-left:33px;
  349. background-color:#fff;
  350. position:absolute;
  351. padding:5px;
  352. z-index:99;
  353. }
  354.  
  355. .trackdetails {
  356. font-family:calibri;
  357. position:absolute;
  358. font-size:8px;
  359. margin-top:-70px;
  360. text-align:center;
  361. margin-left:250px;
  362. text-transform:uppercase;
  363. letter-spacing:2px;
  364. }
  365.  
  366. /*POST INFO*/
  367.  
  368. #info {
  369. text-align:right;
  370. font-family: 'calibri';
  371. letter-spacing:1px;
  372. font-size:8px;
  373. font-style:none;
  374. margin-left:-20px;
  375. margin-bottom:-35px;
  376. margin-top:5px;
  377. color:{color:Border};
  378. width:530px;
  379. z-index:99999;
  380. line-height:10px;
  381. text-transform:uppercase;
  382. padding:5px;
  383. padding-bottom:7px;
  384. background-color:{color:Links};
  385. }
  386.  
  387. #info a {
  388. text-align:right;
  389. color:{color:Border};
  390. }
  391.  
  392. #info a:hover {
  393. -moz-transition-duration:0s;
  394. -webkit-transition-duration:0s;
  395. -o-transition-duration:0s;
  396. color:{color:PostBG};
  397. }
  398.  
  399. #tags {
  400. text-align:left;
  401. opacity:0;
  402. font-size:8px;
  403. font-family:'arial';
  404. padding:2px;
  405. margin-top:-20px;
  406. text-transform:lowercase;
  407. transition-duration: 0.5s;
  408. -moz-transition-duration: 0.5s;
  409. -webkit-transition-duration: 0.5s;
  410. -o-transition-duration: 0.5s;
  411. }
  412.  
  413. #tagss {
  414. text-align:left;
  415. opacity:1;
  416. font-size:8px;
  417. font-family:'arial';
  418. padding:2px;
  419. margin-top:0px;
  420. text-transform:lowercase;
  421. transition-duration: 0.5s;
  422. -moz-transition-duration: 0.5s;
  423. -webkit-transition-duration: 0.5s;
  424. -o-transition-duration: 0.5s;
  425. }
  426.  
  427.  
  428. #post:hover #tags {
  429. opacity:1;
  430. margin-top:0;
  431. }
  432.  
  433.  
  434. #tags a, #tagss a {
  435. padding:3px;
  436. color:{color:Post Links};
  437. letter-spacing:0px;
  438. font-family:'helvetica';
  439. text-decoration:none;
  440. background-color:{color:Background};
  441. display:inline-block;
  442. }
  443.  
  444. #tags a:hover, #tagss a:hover {
  445. -moz-transition-duration:0.3s;
  446. -webkit-transition-duration:0.3s;
  447. -o-transition-duration:0.3s;
  448. color:{color:Hover};
  449. }
  450.  
  451. /*QUESTION*/
  452.  
  453. .question {
  454. line-height:110%;
  455. background-color:{color:ScrollbarBG};
  456. }
  457.  
  458. .asker {
  459. font-family:'Courier New';
  460. font-size:10px;
  461. display:block;
  462. text-transform:uppercase;
  463. text-align:center;
  464. background-image:url('{image:AskBG}');
  465. color:{color:Hover};
  466. background-color:{color:ScrollbarBG};
  467. text-shadow:1px 1px 0px {color:Border};
  468. padding:2px;
  469. letter-spacing:2px;
  470. }
  471.  
  472. .asker a {
  473. color:{color:Hover};
  474. }
  475.  
  476. .q {
  477. font-size:8px;
  478. margin-top:-12px;
  479. background-color:{color:Text};
  480. color:{color:PostBg};
  481. padding:10px;
  482. }
  483.  
  484. .q small,.q big,.q code {
  485. background-color:{color:Background};
  486. font-size:8px;
  487. }
  488.  
  489. /*CREDIT*/
  490.  
  491. #cred {
  492. position:fixed;
  493. font-family:'helvetica';
  494. text-transform:uppercase;
  495. font-size:20px;
  496. background-color:{color:PostBG};
  497. width:10px;
  498. bottom:10px;
  499. right:10px;
  500. height:10px;
  501. border-radius:20px;
  502. padding:5px;
  503. border:2px solid {color:Border};
  504. }
  505.  
  506. #cred a {
  507. color:{color:PostBG};
  508. }
  509.  
  510. #notes {
  511. font-family:calibri;
  512. text-transform:uppercase;
  513. font-size:8px;
  514. margin-left:-40px;
  515. margin-top:-40px;
  516. }
  517.  
  518. #notes li{
  519. list-style-type:none;
  520. background-color:{color:PostBG};
  521. padding:5px;
  522. }
  523.  
  524. #notes img {
  525. opacity:0;
  526. display:none;
  527. }
  528.  
  529. #s-m-t-tooltip{
  530. position:absolute;
  531. background-color:{color:PostBG};
  532. padding:3px 5px 3px;
  533. z-index:99999999999999999999999999999999;
  534. margin-top:-30px;
  535. margin-left:-30px;
  536. font-family:'Courier New';
  537. display:block;
  538. text-transform:uppercase;
  539. font-size:8px;
  540. color:{color:text};
  541. }
  542. {CustomCSS}</style>
  543. </head>
  544. <body>
  545. <div id="sidebar">
  546.  
  547. <!-- SIDEBAR IMAGE -->
  548. <div class="image"></div>
  549.  
  550. <!-- PAGINATION -->
  551. {block:Pagination}<div class="pagi">{block:PreviousPage}<a href="{PreviousPage}">BACK</a>{/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}
  552. </div>{/block:Pagination}
  553.  
  554. <!-- DESCRIPTION -->
  555. <div class="desc">{Description}</div>
  556.  
  557. <div class="box">
  558. <!-- WHAT I DO LIST. If you want it to appear like the live preview, surround each phrase with <li></li>. -->
  559. <div class="wid">
  560. <h2>{text:WID Title}</h2><ul>{text:WID}</ul>
  561. </div>
  562. <!-- TO DO LIST -->
  563. <div class="td">
  564. <h2>{text:TD Title}</h2><ul>{text:TD}</ul>
  565. </div>
  566.  
  567. <!-- SEARCH BOX -->
  568. <div class="search-box">
  569. <form onsubmit="return tagSearch(this)">
  570. <input type="text" class="search" name="tag" value="{text:Search Label}" onfocus="if (this.value == '{text:Search Label}') {this.value=''}" onblur="if (this.value == '') {this.value='{text:Search Label}'}" />
  571. </form>
  572. </div>
  573. </div>
  574.  
  575.  
  576. <!-- LINKS -->
  577. <div class="links">
  578. <a href="{text:Link 1 URL}">{text:Link 1}</a><br/>
  579. <a href="{text:Link 2 URL}">{text:Link 2}</a><br/>
  580. <a href="{text:Link 3 URL}">{text:Link 3}</a><br/>
  581. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  582. </div>
  583.  
  584. </div>
  585.  
  586. <!-- BANNER -->
  587. <div id="banner">
  588. </div>
  589.  
  590. <!-- POSTS START -->
  591. <div id="entries">
  592. {block:Posts}
  593.  
  594. <div id="post">
  595. {block:Text}
  596. <h1>{block:Title}<a href="{Permalink}" title="{Title}"><div style="border-top:5px solid {color:Links};font-size:8px;font-family:'Courier New';text-transform:uppercase;padding:10px;background-color:{color:Border};color:{color:Links};">{Title}</div></a>{/block:Title}</h1>
  597. {Body}<br>{/block:Text}
  598.  
  599. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  600. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  601.  
  602. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  603. {/block:Caption}<br>{/block:Photoset}
  604.  
  605. {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/>
  606. {block:Source}<div class="qsource"> —{Source}</div>
  607. {/block:Source}<br>{/block:Quote}
  608.  
  609. {block:Link}<a href="{URL}" {Target} title="{Name}"><div style="border-top:5px solid {color:Links};font-size:8px;font-family:'Courier New';text-transform:uppercase;padding:10px;background-color:{color:Border};color:{color:Links};">{Name}</div></a>{block:Description}{Description}{/block:Description}<br/>{/block:Link}
  610.  
  611. {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}
  612. {block:Audio}
  613. {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}{block:AlbumArt}<div class="imgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer} <div class="trackdetails">{block:TrackName}<big>{TrackName}</big><br/>{/block:TrackName}{block:Artist}{Artist}<br/>{/block:Artist}{block:Album}{Album}<br/>{/block:Album}{PlayCountWithLabel}</div>{block:Caption}{Caption}{/block:Caption}<br/>
  614. {/block:Audio}
  615.  
  616. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}<br>{/block:Video}
  617.  
  618. <!--- Please don't steal anything. I find it rude and unethical. -->
  619. {block:Answer}<div id="answer">
  620. <div class="question">
  621. <div class="asker">{Asker}</div><br/><div class="q">{Question}</div></div>
  622. {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}
  623. {block:IndexPage}
  624. <div id="info">
  625. <a href="{Permalink}" title="{ShortMonth}.{DayOfMonth}.{Year}">{TimeAgo}</a>
  626. {block:NoteCount}
  627. | <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>{block:RebloggedFrom} | <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom} {block:ContentSource} |
  628. <a href="{SourceURL}" title="{SourceTitle}">source</a>{/block:ContentSource}
  629. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="Reblogged From" target="_blank"></a>{/block:RebloggedFrom}
  630. {block:HasTags}<div id="tags">
  631. {block:Tags} <a href="/tagged/{Tag}">#{Tag}</a>{/block:Tags}
  632. </div>{block:HasTags}
  633. </div>
  634. {/block:IndexPage}
  635.  
  636. {block:PermalinkPage}
  637. <div id="info">
  638. <a>{Month} {DayOfMonth}, {Year} {12Hour}:{Minutes}{CapitalAmPm} | {TimeAgo}</a>
  639. {block:NoteCount}
  640. | <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>{block:RebloggedFrom} | <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom} {block:ContentSource} |
  641. <a href="{SourceURL}" title="{SourceTitle}">source</a>{/block:ContentSource}
  642. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="Reblogged From" target="_blank"></a>{/block:RebloggedFrom}
  643. {block:HasTags}<div id="tagss">
  644. {block:Tags} <a href="/tagged/{Tag}">#{Tag}</a>{/block:Tags}
  645. </div>{block:HasTags}
  646. </div>
  647. {/block:PermalinkPage}
  648. </div>
  649.  
  650. {/block:Posts}{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  651. {/block:Posts}</div>
  652.  
  653. </div>
  654.  
  655. </div>
  656. <div id="cred">
  657. <a href="http://cocoofrps.tumblr.com/" title="THEME 26 BY COCO">#</a>
  658. </div>
  659. </div>
  660.  
  661. </body>
  662. </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!