API tools faq
paste
Advertisement
cocoofrps

THEME 31 'EXPRESSIVE'

cocoofrps
Jan 17th, 2015
878
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.88 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.  
  21. <title>{Title}</title>
  22. <link rel="shortcut icon" href="{Favicon}">
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  25.  
  26. <!--- THEME BY @cocoofrps --->
  27.  
  28. <meta name="color:Background" content="#dedfdd"/>
  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:Hover" content="#af9895"/>
  36. <meta name="color:Scrollbar" content="#333133"/>
  37. <meta name="color:ScrollbarBg" content="#b6a499"/>
  38.  
  39.  
  40. <meta name="image:Sidebar" content=""/>
  41. <meta name="image:Background" content=""/>
  42.  
  43. <meta name="text:Link 1" content="home"/>
  44. <meta name="text:Link 1 URL" content="/"/>
  45. <meta name="text:Link 2" content="inquire"/>
  46. <meta name="text:Link 2 URL" content="/"/>
  47. <meta name="text:Link 3" content="nav"/>
  48. <meta name="text:Link 3 URL" content="/"/>
  49. <meta name="text:Link 4" content="link 4"/>
  50. <meta name="text:Link 4 URL" content="/"/>
  51. <meta name="text:Link 5" content="link 5"/>
  52. <meta name="text:Link 5 URL" content="/"/>
  53.  
  54. <meta name="if:StretchBackgroundImage" content="0"/>
  55. <meta name="if:HideTags" 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. body {
  73. background:{color:Background};
  74. margin:0px;
  75. color:{color:Text};
  76. font-family:'arial';
  77. font-size:11px;
  78. line-height:20px;
  79. letter-spacing:1px;
  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,big {
  105. font-size:9px;
  106. }
  107.  
  108. pre {
  109. font-family:'Courier New';
  110. font-size:8px;
  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:100;
  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:Border};
  151. }
  152.  
  153. blockquote blockquote {
  154. padding-left:10px;
  155. border-left:1px solid {color:Border};
  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. letter-spacing:1px;
  177. padding-bottom:0px;
  178. font-weight:100;
  179. margin-top:50px;
  180. position:absolute;
  181. }
  182.  
  183. #post {
  184. margin-bottom:150px;
  185. width:500px;
  186. }
  187.  
  188. /* SIDEBAR */
  189.  
  190. #sidebar {
  191. position:fixed;
  192. bottom:50px;
  193. left:120px;
  194. font-size:9px;
  195. }
  196.  
  197. #sidebar img {
  198. width:220px;
  199. }
  200.  
  201. .desc {
  202. width:200px;
  203. padding:10px;
  204. margin-top:-2px;
  205. line-height:15px;
  206. background-color:{color:Hover};
  207. font-size:8px;
  208. }
  209.  
  210. .links {
  211. margin-top:3px;
  212. }
  213.  
  214. .links a {
  215. display:block;
  216. text-align:right;
  217. text-transform:uppercase;
  218. background-color:{color:Border};
  219. margin-top:2px;
  220. text-decoration:none;
  221. color:{color:Links};
  222. padding:5px;
  223. font-size:8px;
  224. line-height:110%;
  225. }
  226.  
  227. .links a:hover {
  228. color:{color:LinksHover};
  229. }
  230.  
  231. .pagi {
  232. background-color:{color:Border};
  233. margin-bottom:2px;
  234. text-align:center;
  235. }
  236.  
  237. .pagi a {
  238. padding:3px;
  239. display:inline-block;
  240. color:{color:Hover};
  241. text-decoration:none;
  242. }
  243.  
  244. .post-title a, .post-link a{
  245. padding:20px;
  246. text-transform:lowercase;
  247. background-color:{color:Border};
  248. color:{color:Hover};
  249. display:block;
  250. text-decoration:none;
  251. }
  252.  
  253.  
  254. /*AUDIO INFO*/
  255.  
  256. .audio img{
  257. width:100px;
  258. }
  259.  
  260. .audio_player {
  261. width:25px;
  262. height:27px;
  263. overflow:hidden;
  264. margin:32px auto;
  265. padding:5px;
  266. z-index:9;
  267. }
  268.  
  269. .player {
  270. width:100px;
  271. height:100px;
  272. position:absolute;
  273. margin-top:-106px;
  274. margin-left:0px;
  275. background-color:#000;
  276. opacity:0.7;
  277. -webkit-transition: all 0.4s ease-in-out;
  278. -moz-transition: all 0.4s ease-in-out;
  279. -o-transition: all 0.4s ease-in-out;
  280. -ms-transition: all 0.4s ease-in-out;
  281. transition: all 0.4s ease-in-out;
  282. }
  283.  
  284. .audio:hover .player {
  285. opacity:1;
  286. -webkit-transition: all 0.4s ease-in-out;
  287. -moz-transition: all 0.4s ease-in-out;
  288. -o-transition: all 0.4s ease-in-out;
  289. -ms-transition: all 0.4s ease-in-out;
  290. transition: all 0.4s ease-in-out;
  291. }
  292.  
  293. .trackdetails {
  294. position:absolute;
  295. font-size:8px;
  296. margin-top:-95px;
  297. margin-left:100px;
  298. padding:5px;
  299. text-transform:lowercase;
  300. letter-spacing:2px;
  301. }
  302.  
  303. /* ASK */
  304.  
  305. .ask {
  306. line-height:110%;
  307. }
  308.  
  309. .asker b {
  310. padding:5px;
  311. background-color:{color:Border};
  312. display:inline-block;
  313. text-transform:lowercase;
  314. color:{color:Hover};
  315. margin-bottom:3px;
  316. }
  317.  
  318. .asker a {
  319. color:{color:Hover};
  320. text-decoration:none;
  321. }
  322.  
  323.  
  324. .question {
  325. padding:5px 0px;
  326. }
  327.  
  328. .answerer {
  329. margin-top:20px;
  330. }
  331.  
  332. .answer {
  333.  
  334. }
  335.  
  336. /*POST INFO*/
  337.  
  338. #info {
  339. text-align:left;
  340. font-family: 'arial';
  341. letter-spacing:1px;
  342. font-size:8px;
  343. font-style:none;
  344. margin-top:5px;
  345. color:{color:Permalink};
  346. z-index:99999;
  347. line-height:10px;
  348. text-transform:lowercase;
  349. margin-top:20px;
  350. }
  351.  
  352. #info b {
  353. font-weight:600;
  354. }
  355.  
  356. #info a {
  357. color:{color:Permalink};
  358. text-decoration:none;
  359. display:inline-block;
  360. padding:0px 10px 0px 0px;
  361. }
  362.  
  363. #info a:hover {
  364. -moz-transition-duration:0s;
  365. -webkit-transition-duration:0s;
  366. -o-transition-duration:0s;
  367. color:{color:Hover};
  368. }
  369.  
  370. #tags {
  371. text-align:left;
  372. {block:HideTags}
  373. opacity:0;
  374. {/block:HideTags}
  375. font-size:8px;
  376. font-family:'arial';
  377. padding:2px;
  378. margin-left:-2px;
  379. text-transform:lowercase;
  380. transition-duration: 0.5s;
  381. -moz-transition-duration: 0.5s;
  382. -webkit-transition-duration: 0.5s;
  383. -o-transition-duration: 0.5s;
  384. }
  385.  
  386. #tagss {
  387. text-align:left;
  388. opacity:1;
  389. font-size:8px;
  390. font-family:'arial';
  391. padding:2px;
  392. margin-top:0px;
  393. text-transform:lowercase;
  394. transition-duration: 0.5s;
  395. -moz-transition-duration: 0.5s;
  396. -webkit-transition-duration: 0.5s;
  397. -o-transition-duration: 0.5s;
  398. }
  399.  
  400.  
  401. #post:hover #tags {
  402. opacity:1;
  403. margin-top:0;
  404. }
  405.  
  406.  
  407. #tags a, #tagss a {
  408. padding:3px;
  409. color:{color:Post Links};
  410. letter-spacing:0px;
  411. font-family:'helvetica';
  412. text-decoration:none;
  413. background-color:{color:Background};
  414. display:inline-block;
  415. }
  416.  
  417. #tags a:hover, #tagss a:hover {
  418. -moz-transition-duration:0.3s;
  419. -webkit-transition-duration:0.3s;
  420. -o-transition-duration:0.3s;
  421. color:{color:Hover};
  422. }
  423.  
  424. /*QUESTION*/
  425.  
  426.  
  427. /*CREDIT*/
  428.  
  429. #cred {
  430. position:fixed;
  431. font-family:'courier new';
  432. text-transform:uppercase;
  433. font-size:8px;
  434. background-color:{color:Border};
  435. bottom:10px;
  436. right:10px;
  437. display:block;
  438. padding:5px 10px;
  439. }
  440.  
  441. #cred a {
  442. color:{color:Links};
  443. text-decoration:none;
  444. }
  445.  
  446. #notes {
  447. font-family:calibri;
  448. text-transform:uppercase;
  449. font-size:8px;
  450. margin-left:-40px;
  451. margin-top:-140px;
  452. width:580px;
  453. }
  454.  
  455. #notes li{
  456. list-style-type:none;
  457. background-color:{color:Hover};
  458. padding:5px;
  459. }
  460.  
  461. #notes img {
  462. opacity:0;
  463. display:none;
  464. }
  465.  
  466. #s-m-t-tooltip{
  467. position:absolute;
  468. background-color:{color:Border};
  469. padding:3px 5px 3px;
  470. z-index:99999999999999999999999999999999;
  471. margin-top:-30px;
  472. margin-left:-30px;
  473. font-family:'Courier New';
  474. display:block;
  475. text-transform:uppercase;
  476. font-size:8px;
  477. color:{color:text};
  478. }
  479.  
  480. {CustomCSS}</style>
  481. </head>
  482. <body>
  483.  
  484. <div id="sidebar">
  485. <div class="pagi">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">--</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">+</a>{/block:NextPage}
  486. {/block:Pagination}</div>
  487. <img src="{image:Sidebar}">
  488. <div class="desc">{Description}</div>
  489. <div class="links">
  490. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  491. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  492. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  493. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  494. <a href="{text:Link 5 URL}">{text:Link 5}</a>
  495. </div>
  496. </div>
  497.  
  498. <!-- POSTS START -->
  499. <div id="entries">
  500. {block:Posts}
  501.  
  502. <div id="post">
  503. {block:Text}
  504. <h1>{block:Title}<div class="post-title"><a href="{Permalink}">{Title}</a></div>{/block:Title}</h1>
  505. {Body}<br>{/block:Text}
  506.  
  507. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  508. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  509.  
  510. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  511. {/block:Caption}<br>{/block:Photoset}
  512.  
  513. {block:Quote}<div class="post-quote">"{Quote}"</div><br/>
  514. {block:Source}<div class="quote-source"> —{Source}</div>
  515. {/block:Source}<br>{/block:Quote}
  516.  
  517. {block:Link}<div class="post-link"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}<br/>{/block:Link}
  518.  
  519. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<div class="post-chat"><b>{Label}</b></div>{/block:Label} {Line}<br>{/block:Lines}<br>{/block:Chat}
  520.  
  521. {block:Audio}<div class="audio">
  522. {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  523. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  524. {block:AudioPlayer}<div class="player">{AudioPlayerBlack}</div>{/block:AudioPlayer}
  525. <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>
  526. {block:Caption}{Caption}{/block:Caption}<br/></div>
  527. {/block:Audio}
  528.  
  529. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}<br>{/block:Video}
  530.  
  531. <!--- Please don't steal anything. I find it rude and unethical. -->
  532. {block:Answer}<div class="ask">
  533. <div class="asker"><b>{Asker}:</b></div> <div class="question">{Question}</div>
  534.  
  535. {block:Answerer}<div class="answerer">
  536. <div class="asker"><b>{Answerer}:</b></div><div class="answer">{Answer}</div>
  537. </div>{/block:Answerer}
  538.  
  539. {Replies}</div>{/block:Answer}
  540.  
  541.  
  542. {block:IndexPage}
  543. <div id="info">
  544.  
  545. {block:Date}
  546. <a href="{Permalink}" title="{TimeAgo}"><b>{ShortMonth}
  547. {DayOfMonthWithZero}</b></a>
  548. {/block:Date}
  549.  
  550. {block:NoteCount}
  551. <a href="{Permalink}">{NoteCountWithLabel}</a>
  552. {/block:NoteCount}
  553.  
  554. {block:RebloggedFrom}
  555. <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
  556. {/block:RebloggedFrom}
  557.  
  558. {block:ContentSource}
  559. <a href="{SourceURL}" title="{SourceTitle}">( src )</a>
  560. {/block:ContentSource}
  561.  
  562. {block:HasTags}<div id="tags">
  563. {block:Tags} <a href="/tagged/{Tag}">+{Tag}</a>
  564. {/block:Tags}
  565. </div>
  566. {block:HasTags}
  567.  
  568.  
  569. </div>
  570. {/block:IndexPage}
  571.  
  572. {block:PermalinkPage}
  573. <div id="info">
  574.  
  575. {block:Date}
  576. <a href="{Permalink}" title="{TimeAgo}"><b>{ShortMonth}
  577. {DayOfMonthWithZero}</b></a>
  578. {/block:Date}
  579.  
  580. {block:NoteCount}
  581. <a href="{Permalink}">{NoteCountWithLabel}</a>
  582. {/block:NoteCount}
  583.  
  584. {block:RebloggedFrom}
  585. <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
  586. {/block:RebloggedFrom}
  587.  
  588. {block:ContentSource}
  589. <a href="{SourceURL}" title="{SourceTitle}">( src )</a>
  590. {/block:ContentSource}
  591.  
  592. {block:HasTags}<div id="tagss">
  593. {block:Tags} <a href="/tagged/{Tag}">+{Tag}</a>
  594. {/block:Tags}
  595. </div>
  596. {block:HasTags}
  597.  
  598.  
  599. </div>
  600. {/block:PermalinkPage}
  601. </div>
  602.  
  603. {/block:Posts}{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  604. {/block:Posts}</div>
  605.  
  606. </div>
  607.  
  608. </div>
  609. <div id="cred">
  610. <a href="http://cocoofrps.tumblr.com/" title="THEME BY COCO">coco</a>
  611. </div>
  612. </div>
  613.  
  614. </body>
  615.  
  616.  
  617. </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!