API tools faq
paste
Advertisement
foundcas

Cold Coffee (Theme 3 Revamp)

foundcas
Jun 10th, 2016
226
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.39 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. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!--This is theme 3 (cold coffee) revamp by foundcas/capecoding.
  9. Don't steal and all that jazz. Any problems just tell me and I'll try to fix it. I honestly don't care if you move the credit or change the styling to suit your tastes, just don't put it on a separate page-->
  10.  
  11. <meta name="color:Background" content="#ffffff">
  12. <meta name="color:Main Color" content="#f8f5ed">
  13. <meta name="color:Accent 1" content="#b2a283">
  14. <meta name="color:Accent 2" content="#decba4">
  15. <meta name="color:Text" content="#444444">
  16. <meta name="color:Italic" content="#bababa">
  17. <meta name="color:Bold" content="#cfcfcf">
  18. <meta name="color:Pagination" content="#ffbdbd">
  19. <meta name="color:Link" content="#b8b8b8">
  20.  
  21. <meta name="image:Sidebar" content="">
  22.  
  23. <meta name="if:Subtitle" content="1">
  24. <meta name="if:StopBulliesLogo" content="1">
  25.  
  26. <meta name="text:Subtitle" content="this is your subtitle">
  27. <meta name="text:Link 1 Name" content="Link 1 Name">
  28. <meta name="text:Link 1 URL" content="Link 1 URL">
  29. <meta name="text:Link 2 Name" content="Link 2 Name">
  30. <meta name="text:Link 2 URL" content="Link 2 URL">
  31. <meta name="text:Link 3 Name" content="Link 3 Name">
  32. <meta name="text:Link 3 URL" content="Link 3 URL">
  33.  
  34. <link href='http://fonts.googleapis.com/css?family=Unica+One' rel='stylesheet' type='text/css'>
  35.  
  36. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  37. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  38.  
  39. <script>
  40.  
  41. (function($){
  42.  
  43. $(document).ready(function(){
  44.  
  45. $("a[title]").style_my_tooltips({
  46.  
  47. tip_follows_cursor:true,
  48.  
  49. tip_delay_time:30,
  50.  
  51. tip_fade_speed:300,
  52.  
  53. attribute:"title"
  54.  
  55. });
  56.  
  57. });
  58.  
  59. })(jQuery);
  60.  
  61. </script>
  62.  
  63. <script>
  64. $(document).ready(function(){
  65. $('updt1').click(function(){
  66. $('.up1').show();
  67. $('.up2').hide();
  68. });
  69. });
  70. </script>
  71.  
  72. <style type="text/css">
  73.  
  74. #s-m-t-tooltip {
  75. padding: 4px;
  76. display: none;
  77. text-align: center;
  78. position: absolute;
  79. font-style:italic;
  80. margin-top:-30px;
  81. margin-left:-20px;
  82. font-size:8.5px;
  83. line-height:9px;
  84. font-family: 'Unica One', cursive;
  85. z-index: 1000;
  86. background-color:{color:Main Color};
  87. border: 1px solid #eee;
  88. color: {color:Text};
  89. text-transform:uppercase;
  90. letter-spacing: 1px;
  91. }
  92.  
  93. /*SCROLLBAR*/
  94. ::-webkit-scrollbar-thumb {
  95. background-color:{color:Main Color};
  96. height:30px;
  97. }
  98.  
  99. ::-webkit-scrollbar {
  100. height:10px;
  101. width:10px;
  102. background-color:none;
  103. }
  104.  
  105. body {
  106. background:{color:Background};
  107. margin:0px;
  108. color:{color:Text};
  109. font-family:trebuchet ms;
  110. font-size:10px;
  111. line-height:100%;
  112. word-wrap:break-word;
  113. cursor:crosshair;
  114. }
  115.  
  116. pre, code {
  117. padding:10px;
  118. box-sizing:border-box;
  119. -moz-box-sizing:border-box;
  120. webkit-box-sizing:border-box;
  121. display:block;
  122. white-space: pre-wrap;
  123. white-space: -moz-pre-wrap;
  124. white-space: -pre-wrap;
  125. white-space: -o-pre-wrap;
  126. word-wrap: break-word;
  127. width:100%; overflow-x:auto;
  128. }
  129.  
  130. a {
  131. text-decoration:none;
  132. outline:none;
  133. -moz-outline-style:none;
  134. color:{color:link};
  135. -webkit-transition: all linear .8s;
  136. -moz-transition: all linear .8s;
  137. -o-transition: all linear .8s;
  138. }
  139.  
  140. a:hover{
  141. color:{color:Background};
  142. text-decoration:underline;
  143. -webkit-transition: all linear .8s;
  144. -moz-transition: all linear .8s;
  145. -o-transition: all linear .8s;
  146. }
  147.  
  148. img {
  149. max-width:500px;
  150. border:none;
  151. }
  152.  
  153. i{
  154. color:{color:Italic};
  155. }
  156.  
  157. b{
  158. color:{color:Bold};
  159. }
  160.  
  161. blockquote {
  162. padding-left:5px;
  163. border-left:2px solid;
  164. }
  165.  
  166. blockquote blockquote {
  167. padding-left:5px;
  168. border-left:2px solid;
  169. }
  170.  
  171. h1 {
  172. text-transform:uppercase;
  173. font-size:15px;
  174. }
  175.  
  176. #entries {
  177. padding:10px;
  178. width:500px;
  179. margin-left:500px;
  180. margin-top:40px;
  181. }
  182.  
  183. #post {
  184. background:{color:Main Color};
  185. width:500px;
  186. padding:20px;
  187. margin-bottom:50px;
  188. }
  189.  
  190. #sidebar {
  191. width:250px;
  192. position:fixed;
  193. margin-left:200px;
  194. margin-top:100px;
  195. }
  196.  
  197. #title {
  198. position:fixed;
  199. font-family: 'Unica One', cursive;
  200. padding:15px 0px;
  201. letter-spacing:2px;
  202. margin:-42px 0px;
  203. line-height:12px;
  204. font-size:18px;
  205. text-transform:uppercase;
  206. width:200px;
  207. height:auto;
  208. color:{color:Accent 2};
  209. background-color:{color:Main Color};
  210. text-align:center;
  211. z-index:999;
  212. opacity:1;
  213. }
  214.  
  215. {block:IfSubtitle}
  216. #title {
  217. position:fixed;
  218. font-family: 'Unica One', cursive;
  219. padding:10px 0px;
  220. letter-spacing:2px;
  221. margin:-44px 0px;
  222. line-height:12px;
  223. font-size:18px;
  224. text-transform:uppercase;
  225. width:200px;
  226. height:auto;
  227. color:{color:Title};
  228. background-color:{color:Main Color};
  229. text-align:center;
  230. z-index:999;
  231. opacity:1;
  232. }
  233. .subtitle{
  234. font-size:12px;
  235. letter-spacing:0px;
  236. text-transform:lowercase;
  237. }
  238. {/block:IfSubtitle}
  239. #sidebarimage {
  240. opacity:.8;
  241. -webkit-transition: all 0.5s ease-in-out;
  242. -moz-transition: all 0.5s ease-in-out;
  243. -o-transition: all 0.5s ease-in-out;
  244. }
  245.  
  246. #sidebarimage img {
  247. width:200px;
  248. height:150px;
  249. }
  250.  
  251. #sidebar:hover #sidebarimage{
  252. opacity:1;
  253. -webkit-transition: all 0.5s ease-in-out;
  254. -moz-transition: all 0.5s ease-in-out;
  255. -o-transition: all 0.5s ease-in-out;
  256. }
  257.  
  258. /*links*/
  259. #clicks{
  260. position:fixed;
  261. display:block;
  262. margin:5px -50px;
  263. }
  264.  
  265. #click{
  266. margin-bottom:10px;
  267. height:20px;
  268. width:20px;
  269. background:{color:Main Color};
  270. -webkit-transition: all 0.5s ease-in-out;
  271. -moz-transition: all 0.5s ease-in-out;
  272. -o-transition: all 0.5s ease-in-out;
  273. }
  274.  
  275. #click:hover{
  276. border-radius:100%;
  277. border:2px solid {color:Accent 1};
  278. -webkit-transition: all 0.5s ease-in-out;
  279. -moz-transition: all 0.5s ease-in-out;
  280. -o-transition: all 0.5s ease-in-out;
  281. }
  282.  
  283. /*description*/
  284. #description {
  285. padding-top:5px;
  286. width:200px;
  287. text-align:justify;
  288. }
  289. {block:IndexPage}
  290. #pagination {
  291. color:{color:Pagination};
  292. padding-top:10px;
  293. padding-bottom:5px;
  294. font-size:11px;
  295. text-align:left;
  296. opacity:0;
  297. -webkit-transition: all 0.5s ease-in-out;
  298. -moz-transition: all 0.5s ease-in-out;
  299. -o-transition: all 0.5s ease-in-out;
  300. margin-top:-17px;
  301. }
  302.  
  303. #pagination a{
  304. padding:0px 5px;
  305. }
  306.  
  307. #pagination a:hover{
  308. font-style:italic;
  309. text-decoration:none;
  310. }
  311.  
  312. #sidebar:hover #pagination{
  313. opacity:1;
  314. margin-top:0px;
  315. }
  316.  
  317. .curpag{
  318. font-size:13px;
  319. text-decoration:underline;
  320. }
  321. {/block:IndexPage}
  322. /*FOOTER*/
  323. #info {
  324. font-size:8px;
  325. background:{color:Accent 1};
  326. text-transform:uppercase;
  327. text-align:right;
  328. padding:10px;
  329. margin-top:20px;
  330. margin-bottom:-20px;
  331. margin-left:-20px;
  332. width:520px;
  333. -webkit-transition: all linear .8s;
  334. -moz-transition: all linear .8s;
  335. -o-transition: all linear .8s;
  336. }
  337.  
  338. #info a{
  339. color:{color:Main Color};
  340. }
  341.  
  342. #urit{
  343. font-size:7px;
  344. text-align:center;
  345. }
  346.  
  347. ol.notes{
  348. list-style-type:none;
  349. }
  350.  
  351. ol.notes li.note{
  352. padding:9px;
  353. }
  354.  
  355. ol.notes li.note img.avatar{
  356. vertical-align:middle;
  357. width:24px;
  358. height:24px;
  359. padding:3px;
  360. }
  361.  
  362. /*TEXT*/
  363. #txtitle{
  364. line-height:13px;
  365. text-align:right;
  366. }
  367.  
  368. /*QUOTES*/
  369. #quo{
  370. font-style:italic;
  371. text-align:right;
  372. padding-bottom:7px;
  373. font-size:15px;
  374. }
  375.  
  376. #quoso{
  377. font-weight:bold;
  378. text-align:left;
  379. font-size:12px;
  380. }
  381.  
  382. /*CHAT*/
  383. .chat ul{
  384. margin-left:-40px;
  385. list-style-type:none;
  386. }
  387.  
  388. .chat li{
  389. padding:6px;
  390. text-transform:uppercase;
  391. }
  392.  
  393. .chat .label{
  394. font-weight:bold;
  395. }
  396.  
  397. /*AUDIO*/
  398. #playit{
  399. background-color:black;
  400. width:30px;
  401. height:28px;
  402. overflow:hidden;
  403. z-index:1;
  404. margin-top:20px;
  405. margin-left:25px;
  406. }
  407.  
  408. #arte{
  409. position:absolute;
  410. }
  411.  
  412. /*ASKS*/
  413.  
  414. #asker {
  415. float:left;
  416. margin-right:5px;
  417. }
  418.  
  419. #asker img{
  420. margin-left:-1px;
  421. margin-top:-10px;
  422. border:2px solid {color:info bg};
  423. border-radius:50%;
  424. }
  425.  
  426. #curiousjoe{
  427. padding-bottom:2px;
  428. font-size:16px;
  429. font-weight:bold;
  430. text-transform:uppercase;
  431. border-bottom:1.5px solid {color:info bg};
  432. }
  433.  
  434. #curiousjoe a:hover{
  435. text-decoration:none;
  436. font-style:italic;
  437. }
  438.  
  439. #qqq{
  440. margin-top:-10px;
  441. padding:10px;
  442. }
  443.  
  444. /*credit*/
  445. #credit a{
  446. position:fixed;
  447. font-style:normal;
  448. right:5px;
  449. bottom:5px;
  450. padding:4px;
  451. background:{color:background};
  452. font-size:8px;
  453. color:black;
  454. text-transform:uppercase;
  455. -moz-transition-duration:.5s ease;
  456. -webkit-transition-duration:.5s ease;
  457. -o-transition-duration:.5s ease;
  458. }
  459.  
  460. #credit a:hover {
  461. opacity:1;
  462. text-decoration:none;
  463. color:white;
  464. background:black;
  465. letter-spacing:1px;
  466. -moz-transition-duration:.5s;
  467. -webkit-transition-duration:.5s;
  468. -o-transition-duration:.5s;
  469. }
  470.  
  471. .updts{
  472. position:fixed;
  473. margin-top:450px;
  474. margin-left:200px;
  475. width:200px;
  476. height:auto;
  477. border-top:2px solid {color:Accent 1};
  478. }
  479.  
  480. .tab{
  481. display:inline-block;
  482. margin:5px 0px;
  483. width:30px;
  484. height:30px;
  485. background:{color:Accent 1};
  486. }
  487.  
  488. .uptxt{
  489. position:absolute;
  490. margin-top:-162px;
  491. height:150px;
  492. width:100%;
  493. background:{color:Main Color};
  494. }
  495.  
  496. {CustomCSS}
  497. </style>
  498. </head>
  499. <body>
  500.  
  501. <!--
  502.  
  503. <div class="updts">
  504.  
  505. <div class="updt1 tab">
  506. <div class="up1 uptxt" style="display:none">
  507. yo
  508. </div>
  509. </div>
  510.  
  511. <div class="updt2 tab">
  512. <div class="up2 uptxt" style="display:none">
  513. what up
  514. </div>
  515. </div>
  516.  
  517. </div>
  518. -->
  519.  
  520. <div id="sidebar">
  521.  
  522. <div id="title">{Title}<br>{block:IfSubtitle}<span class="subtitle">{text:Subtitle}</span>{/block:IfSubtitle}</div>
  523. <div id="clicks">
  524. <a title="ask" href="/ask"><div id="click"></div></a>
  525. <a title="submit" href="/submit"><div id="click"></div></a>
  526. <a title="{text:Link 1 Name}" href="{text:Link 1 URL}"><div id="click"></div></a>
  527. <a title="{text:Link 2 Name}" href="{text:Link 2 URL}"><div id="click"></div></a>
  528. <a title="{text:Link 3 Name}" href="{text:Link 3 URL}"><div id="click"></div></a>
  529. </div>
  530.  
  531. <div id="sidebarimage"><a title="home" href="/"><img src="{image:sidebar}"></a></div>
  532.  
  533. <div id="pagination">
  534. {block:Pagination}{block:PreviousPage}<a title="previous page" href="{PreviousPage}">-</a>{/block:PreviousPage}
  535. {block:JumpPagination length="5"}{block:CurrentPage}<span class="curpag">{PageNumber}</span>{/block:CurrentPage}
  536. {block:JumpPage}<a class="jump2" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  537. {block:NextPage}<a title="next page" href="{NextPage}">+</a>{/block:NextPage}{/block:Pagination}
  538. </div>
  539.  
  540. <div id="description">{Description}</div>
  541.  
  542. </div>
  543.  
  544. <div id="entries">{block:Posts}<div id="post">
  545.  
  546. {block:Text}
  547. <h1 id="txtitle">{block:Title}{Title}{/block:Title}</h1>
  548. {Body}
  549. {/block:Text}
  550.  
  551.  
  552. {block:Photo}
  553. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  554. {block:Caption}{Caption}{/block:Caption}
  555. {/block:Photo}
  556.  
  557.  
  558. {block:Photoset}
  559. {Photoset-500}
  560. {block:Caption}{Caption}{/block:Caption}
  561. {/block:Photoset}
  562.  
  563.  
  564. {block:Quote}
  565. <div id="quo">"{Quote}"</div>
  566. {block:Source}<div id="quoso"> — {Source}</div>{/block:Source}
  567. {/block:Quote}
  568.  
  569.  
  570. {block:Link}
  571. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  572. {block:Description}{Description}{/block:Description}
  573. {/block:Link}
  574.  
  575.  
  576. {block:Chat}
  577. <div class="chat">
  578. <ul>{block:Lines}
  579. <li class="{Alt}">{block:Label}<span class="label"> {Label} </span>{/block:Label}{Line}</li>
  580. {/block:Lines}</ul></div>
  581. {/block:Chat}
  582.  
  583.  
  584. {block:Audio}
  585. {block:AlbumArt}<div id="arte"><img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px; margin-top:-10px;" /></div>{/block:AlbumArt}
  586. <div id="playit">{AudioPlayerBlack}</div>
  587. <div style="border-top:2px solid {color:info bg};border-bottom:2px solid {color:info bg};text-align:center;margin-top:-58px;padding:23px 0px;margin-left:80px;font-style:italic;">
  588. {block:TrackName}<b>Song:</b> {TrackName}{/block:TrackName}<br> {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br>
  589. {/block:ExternalAudio} <b>Play Count:</b> {PlayCount} </div><br>
  590. {block:Caption}{Caption}{/block:Caption}
  591. {/block:Audio}
  592.  
  593.  
  594. {block:Video}
  595. {Video-500}
  596. {block:Caption}{Caption}{/block:Caption}
  597. {/block:Video}
  598.  
  599.  
  600. {block:Answer}
  601. <div id="asker">
  602. <img src="{AskerPortraitURL-40}"></div>
  603. <div id="curiousjoe">{Asker} inquired:</div><br>
  604. <div id="qqq">{Question}</div><br><div id="answer">{Answer}</div>
  605. {/block:Answer}
  606.  
  607.  
  608. <div id="info">
  609. {block:Date} entered {DayofMonthWithZero}/{MonthNumber}/{Year}{/block:Date} with <a href="{Permalink}">
  610. {NoteCountWithLabel}</a>
  611. {block:RebloggedFrom} (<a href="{ReblogParentURL}"
  612. title="{ReblogParentName}">via</a>/<a href="{ReblogRootURL}"title="{ReblogRootName}">source</a>){/block:RebloggedFrom} <span style="float:left"><a href="{ReblogURL}">reblog</a></span><br>
  613.  
  614. {block:HasTags}<div id="urit">{block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  615. </div>
  616.  
  617.  
  618. </div>
  619. {block:PostNotes}{PostNotes}{/block:PostNotes}
  620. {/block:Posts}
  621.  
  622. {block:ContentSource}
  623. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  624. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  625. {/block:SourceLogo}
  626. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  627. {/block:ContentSource}
  628.  
  629. </div>
  630.  
  631. {block:IfStopBulliesLogo}
  632. <div style="bottom:10px; left:10px; width:auto; height:auto; position:fixed; display:block; z-index:9999999; background-color:transparent"><a href="http://stop-bullies.tumblr.com"><img src=" http://i43.tinypic.com/2w585e1.png" width="90"></div>
  633. {/block:IfStopBulliesLogo}
  634.  
  635. <div id="credit"><a title="theme by foundcas" href="http://foundcas.tumblr.com">dr</a></div>
  636.  
  637. </body></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!