API tools faq
paste
Advertisement
cocoofrps

THEME 13 'BABY, IT'S FACT'

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