API tools faq
paste
Advertisement
foundcas

Theme 17: Hidden

foundcas
Jan 8th, 2015
304
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.06 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4.  
  5. <!--
  6. THEME BY FOUNDCAS // If you have any questions please send theme to capecoding.tumblr.com/ask // Do not steal any part of the code // Do not remove credit
  7. -->
  8.  
  9.  
  10. <title>{Title}</title>
  11.  
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  15.  
  16.  
  17. <meta name="color:Text" content="#fff">
  18. <meta name="color:Link" content="#ccccbb">
  19. <meta name="color:Hover" content="#ccbbbb">
  20. <meta name="color:Title" content="#fff">
  21. <meta name="color:Title Hover" content="#554455">
  22. <meta name="color:Header Link" content="#fff">
  23. <meta name="color:Header Link Hover" content="#fff">
  24. <meta name="color:Header Link BG" content="#fff">
  25. <meta name="color:Header Link BG Hover" content="#ccbbbb">
  26. <meta name="color:Header Link Shadow" content="#ccccbb">
  27. <meta name="color:Container Border" content="#fff">
  28. <meta name="color:Post Border" content="#fff">
  29. <meta name="color:Post Background" content="#fff">
  30. <meta name="color:Chat Border" content="#ccccbb">
  31. <meta name="color:Blockquote" content="#ccbbbb">
  32. <meta name="color:Scrollbar" content="#fff">
  33. <meta name="color:Scrollbar Thumb" content="#999">
  34. <meta name="color:Pop Up Background" content="#fff">
  35. <meta name="color:Selection" content="#ccccbb">
  36. <meta name="color:Selection Background" content="#ccbbbb">
  37. <meta name="color:Tooltips" content="#000">
  38. <meta name="color:Tooltips Background" content="#fff">
  39. <meta name="color:Tooltips Shadow" content="#bbb">
  40. <meta name="color:Tooltips Border" content="#999">
  41.  
  42. <meta name="if:ShowStopBullyingLogo" content="1">
  43. <meta name="if:Link1" content="1">
  44. <meta name="if:Link2" content="1">
  45. <meta name="if:Link3" content="1">
  46. <meta name="if:Link4" content="1">
  47.  
  48. <meta name="text:Ask Text" content="inquired">
  49. <meta name="text:Tag Text" content="filed under">
  50. <meta name="text:URL 1" content="url 1">
  51. <meta name="text:Link 1" content="link 1">
  52. <meta name="text:URL 2" content="url 2">
  53. <meta name="text:Link 2" content="link 2">
  54. <meta name="text:URL 3" content="url 3">
  55. <meta name="text:Link 3" content="link 3">
  56. <meta name="text:URL 4" content="url 4">
  57. <meta name="text:Link 4" content="link 4">
  58.  
  59. <link href='http://fonts.googleapis.com/css?family=Pompiere|Amatic+SC|Over+the+Rainbow|Dawning+of+a+New+Day|Bonbon' rel='stylesheet' type='text/css'>
  60.  
  61. <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  62.  
  63. <script type="text/javascript"
  64. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  65. <script>
  66. $(document).ready(function() {
  67. //
  68. $('a.poplight[href^=#]').click(function() {
  69. var popID = $(this).attr('rel'); //Get Popup Name
  70. var popURL = $(this).attr('href'); //Get Popup href to define size
  71. var query= popURL.split('?');
  72. var dim= query[1].split('&');
  73. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  74. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  75. var popMargTop = ($('#' + popID).height() + 80) / 2;
  76. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  77. //Apply Margin to Popup
  78. $('#' + popID).css({
  79. 'margin-top' : -popMargTop,
  80. 'margin-left' : -popMargLeft
  81. });
  82. $('body').append('<div id="fade"></div>');
  83. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  84. return false;
  85. });
  86. $('a.close, #fade').live('click', function() {
  87. $('#fade , .popup_block').fadeOut(function() {
  88. $('#fade, a.close').remove(); //fade them both out
  89. });
  90. return false;
  91. });
  92. });
  93. </script>
  94.  
  95. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  96. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  97. <script>
  98. (function($){
  99. $(document).ready(function(){
  100. $("[title]").style_my_tooltips({
  101. tip_follows_cursor:true,
  102. tip_delay_time:200,
  103. tip_fade_speed:300
  104. }
  105. );
  106. });
  107. })(jQuery);
  108. </script>
  109.  
  110. <style type="text/css">
  111. #s-m-t-tooltip{
  112. max-width:300px;
  113. margin:-20px;
  114. padding:2px 8px;
  115. border:1px solid {color:Tooltips Border};
  116. background:{color:Tooltips Background};
  117. color:{color:Tooltips};
  118. z-index:999999;
  119. font-size:9px;
  120. text-transform:lowercase;
  121. box-shadow:1px 1px 3px {color:Tooltips Shadow};
  122. }
  123.  
  124. ::-webkit-scrollbar{
  125. width:4px;
  126. height:auto;
  127. background:{color:Scrollbar};
  128. }
  129.  
  130. ::-webkit-scrollbar-thumb{
  131. width:6px;
  132. height:auto;
  133. border:2px solid {color:Scrollbar Thumb};
  134. background:{color:Scrollbar Thumb};
  135. }
  136.  
  137. ::selection{
  138. color:{color:Selection};
  139. background:{color:Selection Background};
  140. }
  141.  
  142. a,a:active,a:visited{
  143. color:{color:Link};
  144. text-decoration:none;
  145. -moz-transition:all .8s ease-in-out;
  146. -webkit-transition:all .8s ease-in-out;
  147. -o-transition:all .8s ease-in-out;
  148. }
  149.  
  150. a:hover{
  151. color:{color:Hover};
  152. -moz-transition:all .8s ease-in-out;
  153. -webkit-transition:all .8s ease-in-out;
  154. -o-transition:all .8s ease-in-out;
  155. }
  156.  
  157. blockquote{
  158. border-left:1px solid {color:Blockquote};
  159. padding:3px;
  160. }
  161.  
  162. h1{
  163. text-align:center;
  164. font-size:15px;
  165. text-transform:uppercase;
  166. }
  167.  
  168. pre, code {
  169. padding:10px;
  170. box-sizing:border-box;
  171. -moz-box-sizing:border-box;
  172. webkit-box-sizing:border-box;
  173. display:block;
  174. white-space: pre-wrap;
  175. white-space: -moz-pre-wrap;
  176. white-space: -pre-wrap;
  177. white-space: -o-pre-wrap;
  178. word-wrap: break-word;
  179. width:100%; overflow-x:auto;
  180. border:1px solid {color:Blockquote};
  181. }
  182.  
  183. body{
  184. font-size:11px;
  185. background:{color:Background};
  186. color:{color:Text};
  187. cursor:crosshair;
  188. font-family: 'Open Sans', sans-serif;
  189. overflow-x:hidden;
  190. overflow-y:hidden;
  191. }
  192.  
  193. html {
  194. background: url(http://38.media.tumblr.com/e2a6b0c7971dbc8f0c9bdd3d21d57162/tumblr_n9i1d1Yuak1st5lhmo1_1280.jpg) no-repeat center center fixed;
  195. -webkit-background-size: cover;
  196. -moz-background-size: cover;
  197. -o-background-size: cover;
  198. background-size: cover; }
  199.  
  200. #header{
  201. position:absolute;
  202. margin-top:-20px;
  203. margin-left:412px;
  204. width:550px;
  205. font-weight:bold;
  206. z-index:9;
  207. }
  208.  
  209. .title{
  210. text-align:right;
  211. margin-top:-2px;
  212. margin-left:-75px;
  213. width:200px;
  214. font-size:30px;
  215. letter-spacing:5px;
  216. }
  217.  
  218. .title a{
  219. font-family: 'Amatic SC', cursive;
  220. color:{color:Title};
  221. }
  222.  
  223. .title a:hover{
  224. font-style:italic;
  225. color:{color:Title Hover};
  226. }
  227.  
  228. .nav{
  229. font-family: 'Amatic SC', cursive;
  230. position:absolute;
  231. margin-top:10px;
  232. margin-left:-400px;
  233. }
  234.  
  235. .nav a{
  236. background:{color:Header Link BG};
  237. color:{color:Header Link};
  238. font-size:16px;
  239. letter-spacing:.5px;
  240. padding:3px;
  241. margin:0px 2px;
  242. border:1px solid {color:Container Border};
  243. }
  244.  
  245. .nav a:hover{
  246. color:{color:Header Link Hover};
  247. border:1px solid transparent;
  248. background:{color:Header Link BG Hover};
  249. text-shadow:2px 2px 2px {color:Header Link Shadow};
  250. }
  251.  
  252. #con{
  253. margin-top:100px;
  254. margin-right:auto;
  255. margin-left:auto;
  256. width:550px;
  257. height:500px;
  258. overflow-y:auto;
  259. border:1px solid {color:Container Border};
  260. overflow-x:hidden;
  261. background:rgba(170,153,153,.5);/*change background color here*/
  262. -moz-transition:all .8s ease-in-out;
  263. -webkit-transition:all .8s ease-in-out;
  264. -o-transition:all .8s ease-in-out;
  265. }
  266.  
  267. .post{
  268. margin-top:50px;
  269. margin-bottom:30px;
  270. padding:10px;
  271. width:400px;
  272. margin-left:auto;
  273. margin-right:auto;
  274. opacity:1;
  275. border:1px solid {color:Post Border};
  276. -webkit-transition: all .8s ease;
  277. -moz-transition: all .8s ease;
  278. -o-transition: all .8s ease;
  279. }
  280.  
  281. .post:hover{
  282. background:{color:Post Background};
  283. -webkit-transition: all .8s ease;
  284. -moz-transition: all .8s ease;
  285. -o-transition: all .8s ease;
  286.  
  287. }
  288.  
  289. .chat li{
  290. margin-left:-40px;
  291. list-style-type:none;
  292. }
  293. .chat li:last-child{
  294. border:none;
  295. }
  296. .chat .odd{
  297. padding:5px;
  298. border-bottom:1px solid {color:Chat Borders};
  299. }
  300.  
  301. .chat .even{
  302. padding:5px;
  303. border-bottom:1px solid {color:Chat Borders};
  304. }
  305.  
  306. .quote{
  307. text-align:center;
  308. }
  309.  
  310. .dude{
  311. text-transform:uppercase;
  312. text-align:left;
  313. padding:5px;
  314. border-bottom:1px solid {color:Chat Borders};
  315. }
  316.  
  317. .dude img{
  318. vertical-align:middle;
  319. border:2px solid {color:Chat Borders};
  320. }
  321.  
  322. .what{
  323. font-style:italic;
  324. text-align:right;
  325. padding:5px;
  326. }
  327.  
  328. .bro{
  329. padding:5px;
  330. }
  331.  
  332. .info{
  333. font-size:10px;
  334. text-transform:uppercase;
  335. margin-top:-30px;
  336. padding-top:3px;
  337. border-top:1px solid #ccbbbb;
  338. opacity:0;
  339. -webkit-transition: all .8s ease;
  340. -moz-transition: all .8s ease;
  341. -o-transition: all .8s ease;
  342. }
  343.  
  344. .post:hover .info{
  345. margin-top:5px;
  346. opacity:1;
  347. -webkit-transition: all .8s ease;
  348. -moz-transition: all .8s ease;
  349. -o-transition: all .8s ease;
  350. }
  351.  
  352. .tags{
  353. text-transform:lowercase;
  354. }
  355.  
  356. .tags a{
  357. font-style:italic;
  358. }
  359.  
  360. .coms:last-child{
  361. display:none;
  362. }
  363.  
  364. #noted li{
  365. list-style-type:none;
  366. padding:6px;
  367. text-transform:uppercase;
  368. }
  369.  
  370. #noted img{
  371. border-radius:100%;
  372. padding:6px;
  373. width:24px;
  374. height:24px;
  375. vertical-align:middle;
  376. border:2px solid {color:Blockquote};
  377. }
  378.  
  379. .popup_block{
  380. display:none;
  381. background:{color:Pop Up Backgrond};
  382. padding:50px;
  383. float:left;
  384. position:fixed;
  385. top:50%;left:50%;
  386. z-index: 99999;
  387. }
  388.  
  389. *html #fade {position: absolute;}
  390. *html .popup_block {position: absolute;}
  391. #fade {
  392. display:none;
  393. position:fixed;
  394. left:0px;
  395. top:0px;
  396. width:100%;
  397. height:100%;
  398. z-index:9999;
  399. opacity:.6;
  400. background:{color:Pop Up Background};
  401. }
  402.  
  403. .credit a{
  404. position:fixed;
  405. font-size:8px;
  406. text-transform:uppercase;
  407. right:15px;
  408. bottom:15px;
  409. line-height:17px;
  410. height:16px;
  411. width:16px;
  412. text-align:center;
  413. padding:3px;
  414. background:#fff;
  415. border-radius:50%;
  416. border:1px solid transparent;
  417. -moz-transition:.8s ease-in-out;
  418. -webkit-transition:.8s ease-in-out;
  419. -o-transition:.8s ease-in-out;
  420. }
  421.  
  422. .credit a:hover{
  423. background:#000;
  424. color:#fff;
  425. border:1px solid {color:Link Hover};
  426. -moz-transition:.8s ease-in-out;
  427. -webkit-transition:.8s ease-in-out;
  428. -o-transition:.8s ease-in-out;
  429. }
  430.  
  431.  
  432. {CustomCSS}
  433. </style>
  434. </head>
  435.  
  436. <body>
  437.  
  438.  
  439. <div id="box1" class="popup_block">
  440. {Description}
  441. </div>
  442.  
  443. <div id="con">
  444.  
  445. <div id="header">
  446. <div class="nav">
  447. {block:Pagination}{block:PreviousPage}<a title="previous page" href="{PreviousPage}">prev</a>{/block:PreviousPage}{/block:Pagination}
  448. {block:Pagination}{block:NextPage}<a title="next page" href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}
  449. <a href="#?w=300" rel="box1" class="poplight" style="cursor:help">about</a>
  450. {block:ifLink1}<a href="{text:URL 1}">{text:Link 1}</a>{/block:ifLink1}
  451. {block:ifLink2}<a href="{text:URL 2}">{text:Link 2}</a>{/block:ifLink2}
  452. {block:ifLink3}<a href="{text:URL 3}">{text:Link 3}</a>{/block:ifLink3}
  453. {block:ifLink4}<a href="{text:URL 4}">{text:Link 4}</a>{/block:ifLink4}
  454. </div>
  455. <div class="title"><a title="index" href="/">{Title}</a></div>
  456. </div>
  457.  
  458.  
  459. {block:Posts}
  460. <div class="post">
  461.  
  462. {block:Text} <h1>{Title}</h1> {Body} {/block:Text}
  463.  
  464. {block:Link}
  465. {block:Title}{Title}{/block:Title}
  466. <a href="{URL}"><h1>{Name}</h1></a>
  467. {block:Description}{Description}{/block:Description}
  468. {/block:Link}
  469.  
  470. {block:Quote}
  471. <div class="quote">
  472. {block:Source}<h3>{Source}:</h3>{/block:Source}
  473. <h2>"{Quote}"</h2>
  474. </div>
  475. {block:Quote}
  476.  
  477.  
  478. {block:Chat}
  479. <div class="chat">
  480. <ul>{block:Lines}
  481. <li class="{Alt}">
  482. {block:Label}{Label} {/block:Label}
  483. {Line}</li>{/block:Lines}
  484. </ul></div>
  485. {/block:Chat}
  486.  
  487.  
  488. {block:PhotoSet}
  489. <center><img src="{PhotoSet-400}"></center>
  490. {block:Caption}{Caption}{/block:Caption}
  491. {block:PhotoSet}
  492.  
  493.  
  494. {block:Photo}
  495. <center><img src="{PhotoURL-400}"></center>
  496. {Caption}
  497. {block:Photo}
  498.  
  499.  
  500. {block:Video}
  501. {Video-400}
  502. {block:Caption}{Caption}{/block:Caption}
  503. {/block:Video}
  504.  
  505.  
  506. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:30px;border-radius:100%;-webkit-filter:grayscale(.4);vertical-align:middle"/>{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</span>
  507. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  508. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  509. <br>
  510. {/block:Audio}
  511.  
  512.  
  513. {block:Answer}
  514. <div class="dude"><img src="{AskerPortraitURL-24}"> {Asker} {text:ask text}:</div>
  515. <div class="what">"{Question}"</div>
  516. <div class="bro">{Answer}</div>
  517. {/block:Answer}
  518.  
  519.  
  520. <div class="info">
  521. {block:Date}<a href="{Permalink}">{12Hour}:{Minutes}{AmPm}</a>{/block:Date}
  522.  
  523. {block:NoteCount}• {NoteCount}{/block:NoteCount}
  524.  
  525. {block:RebloggedFrom}•
  526. <a href="{ReblogParentURL}">via</a>
  527. {block:ContentSource}& <a href="{SourceURL}">src</a>{/block:ContentSource}
  528. {/block:RebloggedFrom}
  529.  
  530. <a style="float:right" href="{ReblogURL}">reblog</a>
  531.  
  532. {block:HasTags}<div class="tags"> {text:tag text} →
  533. {block:Tags}<a href="{TagURL}">{Tag}</a><span class="coms">,</span> {/block:Tags}</div>{/block:HasTags}
  534. </div>
  535.  
  536. {block:PostNotes}<div id="noted">{PostNotes}</div>{/block:PostNotes}
  537.  
  538. </div>
  539. {/block:Posts}
  540.  
  541.  
  542. {block:ContentSource}
  543. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  544. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  545. {/block:SourceLogo}
  546. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  547. {/block:ContentSource}
  548.  
  549.  
  550.  
  551. </div>
  552.  
  553.  
  554. {block:IfShowStopBullyingLogo}
  555. <div style="bottom:15px; left:15px; 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"></a></div>
  556. {/block:IfShowStopBullyingLogo}
  557.  
  558.  
  559.  
  560. <div class="credit"><a title="foundcas" href="http://foundcas.tumblr.com">dr</a></div>
  561.  
  562. </body>
  563. </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!