API tools faq
paste
Advertisement
cocoofrps

THEME 31.2 'PROLUSION'

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