API tools faq
paste
Advertisement
foundcas

Theme 16: Salt Waves

foundcas
Dec 30th, 2014
254
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.27 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-- THEME BY FOUNDCAS // Please don't steal the code, use as a base, or remove the credit (you can move it around or change the style, but make sure its visible)! If you have any questions just ask me at foundcasthemes.tumblr.com/ask :) -->
  5.  
  6. <title>{Title}</title>
  7. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10.  
  11. <meta name="color:Title" content="#fff">
  12. <meta name="color:Text" content="#444">
  13. <meta name="color:Borders" content="#ddd">
  14. <meta name="color:Link" content="#444">
  15. <meta name="color:Link Hover" content="#c09992">
  16. <meta name="color:Link Background" content="#fff">
  17. <meta name="color:Post Shadow" content="#000">
  18. <meta name="color:Scrollbar" content="#444">
  19. <meta name="color:Tooltips" content="#000">
  20. <meta name="color:Tooltips Background" content="#fff">
  21. <meta name="color:Tooltips Border" content="#000">
  22.  
  23. <meta name="if:StopBulliesLogo" content="1">
  24. <meta name="if:Link1" content="1">
  25. <meta name="if:Link2" content="1">
  26. <meta name="if:Link3" content="1">
  27. <meta name="if:Link4" content="1">
  28.  
  29. <meta name="image:Background" content="http://1.bp.blogspot.com/-p5wHlOqF1e0/TtK_GCbmbVI/AAAAAAAADQ0/86ueY_XAfvg/s1600/acrylic.JPG">
  30.  
  31. <meta name="text:Link 1 URL" content="Link 1 URL">
  32. <meta name="text:Link 1 Name" content="Link 1">
  33. <meta name="text:Link 2 URL" content="Link 2 URL">
  34. <meta name="text:Link 2 Name" content="Link 2">
  35. <meta name="text:Link 3 URL" content="Link 3 URL">
  36. <meta name="text:Link 3 Name" content="Link 3">
  37. <meta name="text:Link 4 URL" content="Link 4 URL">
  38. <meta name="text:Link 4 Name" content="Link 4">
  39.  
  40. <link href='http://fonts.googleapis.com/css?family=Codystar|Syncopate|Quicksand|La+Belle+Aurore|Mr+De+Haviland|Shadows+Into+Light|Open+Sans+Condensed:300|Julius+Sans+One|Seaweed+Script' rel='stylesheet' type='text/css'>
  41.  
  42. <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  43.  
  44. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  45. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  46. <script>
  47. (function($){
  48. $(document).ready(function(){
  49. $("[title]").style_my_tooltips({
  50. tip_follows_cursor:true,
  51. tip_delay_time:200,
  52. tip_fade_speed:300
  53. }
  54. );
  55. });
  56. })(jQuery);
  57. </script>
  58.  
  59. <style type="text/css">
  60.  
  61. #s-m-t-tooltip{
  62. max-width:300px;
  63. margin:-20px;
  64. padding:2px 8px;
  65. border:1px solid {color:Tooltips Border};
  66. background:{color:Tooltips Background};
  67. color:{color:Tooltips};
  68. z-index:999999;
  69. font-size:9px;
  70. text-transform:lowercase;
  71. box-shadow:1px 1px 3px {color:Tooltips Shadow};
  72. }
  73.  
  74. ::-webkit-scrollbar{
  75. height:auto;
  76. width:3px;
  77. background:none;
  78. }
  79. ::-webkit-scrollbar-thumb{
  80. height:auto;
  81. width:2px;
  82. border:1px solid transparent;
  83. background:{color:Scrollbar};
  84. }
  85.  
  86. blockquote{
  87. border-left:2px solid {color:Text};
  88. padding:3px;
  89. }
  90.  
  91. blockquote img{
  92. max-width:200px;
  93. }
  94.  
  95. h1{
  96. font-size:16px;
  97. text-align:center;
  98. font-family: 'La Belle Aurore', cursive;
  99. }
  100.  
  101. a, a:active, a:visited{
  102. color:{color:Link};
  103. text-decoration:none;
  104. -webkit-transition: all .8s ease;
  105. -moz-transition: all .8s ease;
  106. -o-transition: all .8s ease;
  107. }
  108.  
  109. a:hover{
  110. color:{color:Link Hover};
  111. border-bottom: 1px solid {color:Link Hover};
  112. -webkit-transition: all .8s ease;
  113. -moz-transition: all .8s ease;
  114. -o-transition: all .8s ease;
  115. }
  116.  
  117. pre, code {
  118. padding:10px;
  119. box-sizing:border-box;
  120. -moz-box-sizing:border-box;
  121. webkit-box-sizing:border-box;
  122. display:block;
  123. white-space: pre-wrap;
  124. white-space: -moz-pre-wrap;
  125. white-space: -pre-wrap;
  126. white-space: -o-pre-wrap;
  127. word-wrap: break-word;
  128. width:100%; overflow-x:auto;
  129. background:#fff;
  130. color:#000;
  131. }
  132.  
  133. body{
  134. color:{color:Text};
  135. font-family: 'Open Sans', sans-serif;
  136. font-size:11px;
  137. line-height:100%;
  138. word-wrap:break-word;
  139. }
  140.  
  141. html {
  142. background: url('{image:Background}') no-repeat center center fixed;
  143. -webkit-background-size: cover;
  144. -moz-background-size: cover;
  145. -o-background-size: cover;
  146. background-size: cover; }
  147.  
  148. #header{
  149. width:450px;
  150. height:80px;
  151. margin-top:30px;
  152. margin-left:auto;
  153. margin-right:auto;
  154. text-align:center;
  155. border:double {color:Borders};
  156. background:rgba(255, 255, 255, 0.5);
  157. }
  158.  
  159. .title{
  160. margin-top:15px;
  161. }
  162.  
  163. .title a{
  164. color:{color:Title};
  165. font-family: 'La Belle Aurore', cursive;
  166. text-transform:lowercase;
  167. font-size:30px;
  168. -webkit-transition: all .8s ease;
  169. -moz-transition: all .8s ease;
  170. -o-transition: all .8s ease;
  171. }
  172.  
  173. .title a:hover{
  174. letter-spacing:-8px;
  175. border:none;
  176. -webkit-transition: all .8s ease;
  177. -moz-transition: all .8s ease;
  178. -o-transition: all .8s ease;
  179. }
  180.  
  181. .desc{
  182. margin-top:10px;
  183. max-width:250px;
  184. max-height:40px;
  185. padding:5px;
  186. overflow-y:auto;
  187. display:inline;
  188. float:left;
  189. }
  190.  
  191. .nav{
  192. margin-top:10px;
  193. max-width:200px;
  194. max-height:40px;
  195. padding:5px;
  196. overflow-y:hidden;
  197. overflow-x:hidden;
  198. display:inline;
  199. float:right;
  200. }
  201.  
  202. .nav a{
  203. padding:5px;
  204. }
  205.  
  206. .nav a:hover{
  207. background:{color:Link Background};
  208. }
  209.  
  210. #pagi{
  211. text-transform:uppercase;
  212. bottom:0px;
  213. padding:10px;
  214. text-align:center;
  215. background:rgba(255, 255, 255, 0.5);
  216. }
  217.  
  218. #diary{
  219. border:double {color:Borders};
  220. padding:15px;
  221. margin-left:auto;
  222. margin-right:auto;
  223. margin-top:20px;
  224. width:450px;
  225. height:450px;
  226. overflow-y:auto;
  227. background:rgba(255, 255, 255, 0.5);
  228. }
  229.  
  230. #entry{
  231. margin:0px 15px 50px 15px;
  232. padding:10px;
  233. width:400px;
  234. box-shadow: 1px 14px 33px transparent;
  235. -webkit-box-shadow: 1px 14px 33px transparent;
  236. -moz-box-shadow: 1px 14px 33px transparent;
  237. -webkit-transition: all .8s ease;
  238. -moz-transition: all .8s ease;
  239. -o-transition: all .8s ease;
  240. }
  241.  
  242. #entry:hover{
  243. box-shadow: 1px 14px 33px {color:Post Shadow};
  244. -webkit-box-shadow: 1px 14px 33px {color:Post Shadow};
  245. -moz-box-shadow: 1px 14px 33px {color:Post Shadow};
  246. -webkit-transition: all .8s ease;
  247. -moz-transition: all .8s ease;
  248. -o-transition: all .8s ease;
  249. }
  250.  
  251. .quo{
  252. font-size:13px;
  253. font-style:italic;
  254. }
  255.  
  256. .src{
  257. font-size:11.5px;
  258. font-weight:bold;
  259. text-align:right;
  260. }
  261.  
  262. .chat{
  263. margin-left:-40px;
  264. list-style-type:none;
  265. }
  266.  
  267. .chat li{
  268. border-bottom:1px solid {color:Text};
  269. padding:5px 0px;
  270. }
  271.  
  272. .chat li:last-child{
  273. border-bottom:none;
  274. }
  275.  
  276. .dude{
  277. padding:10px;
  278. border-bottom:2px solid {color:Text};
  279. text-align:center;
  280. }
  281.  
  282. .what{
  283. text-align:center;
  284. padding:10px;
  285. }
  286.  
  287. .info{
  288. font-size:8.5px;
  289. border-top:1px solid {color:Text};
  290. text-transform:uppercase;
  291. padding-top:3px;
  292. }
  293.  
  294. .tags{
  295. opacity:0;
  296. letter-spacing:1px;
  297. text-transform:lowercase;
  298. -webkit-transition: all .8s ease;
  299. -moz-transition: all .8s ease;
  300. -o-transition: all .8s ease;
  301. }
  302.  
  303. #entry:hover .tags{
  304. opacity:1;
  305. -webkit-transition: all .8s ease;
  306. -moz-transition: all .8s ease;
  307. -o-transition: all .8s ease;
  308. }
  309.  
  310. #cred{
  311. border-radius:100%;
  312. color:#fff;
  313. background:#fff;
  314. text-transform:uppercase;
  315. padding:4px;
  316. font-size:10px;
  317. position:fixed;
  318. bottom:15px;
  319. right:15px;
  320. -moz-transition:.8s ease;
  321. -webkit-transition:.8s ease;
  322. -o-transition:.8s ease;
  323. }
  324.  
  325. #cred:hover{
  326. color:{color:Link Hover};
  327. opacity:1;
  328. -moz-transform:rotate(360deg);
  329. -webkit-transform:rotate(360deg);
  330. -o-transform:rotate(360deg);
  331. -moz-transition:.8s ease;
  332. -webkit-transition:.8s ease;
  333. -o-transition:.8s ease;
  334. }
  335.  
  336. {CustomCSS}
  337. </style>
  338. </head>
  339.  
  340. <body>
  341.  
  342. <div id="header">
  343. <div class="title"><a title="home" href="/">{Title}</a></div>
  344. <div class="desc">{Description}</div>
  345. <div class="nav">
  346. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1 Name}</a>{/block:ifLink1}
  347. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2 Name}</a>{/block:ifLink2}
  348. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3 Name}</a>{/block:ifLink3}
  349. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4 Name}</a>{/block:ifLink4}
  350. </div>
  351. </div>
  352.  
  353.  
  354.  
  355. <div id="diary">
  356. {block:Posts}
  357. <div id="entry">
  358.  
  359. {block:Text} <h1>{Title}</h1> {Body} {/block:Text}
  360.  
  361. {block:Link}
  362. {block:Title}{Title}{/block:Title}
  363. <a href="{URL}"><h1>{Name}</h1></a>
  364. {block:Description}{Description}{/block:Description}
  365. {/block:Link}
  366.  
  367. {block:Quote}
  368. <div class="quo">"{Quote}"</div>
  369. <div class="src">{block:Source} - {Source} {/block:Source}</div>
  370. {block:Quote}
  371.  
  372.  
  373. {block:Chat}
  374. {block:Title}{Title}{/block:Title}
  375. <ul class="chat {Alt}">
  376. {block:Lines}
  377. <li>
  378. {block:Label}{Label}{/block:Label}
  379. {Line}
  380. {/block:Lines}
  381. </li>
  382. </ul>
  383. {/block:Chat}
  384.  
  385.  
  386. {block:Photo}
  387. <center><img src="{PhotoURL-400}"></center>
  388. {block:Photo}
  389.  
  390.  
  391. {block:Video}
  392. {Video-400}
  393. {/block:Video}
  394.  
  395.  
  396. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px;border-radius:100%;-webkit-filter:grayscale(.4);"/>{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</span>
  397. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  398. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  399. <br><br>
  400. {/block:Audio}
  401.  
  402.  
  403. {block:Answer}
  404. <div class="dude">{Asker} whispered</div>
  405. <div class="what">{Question}</div>
  406. <div class="bro">{Answer}</div>
  407. {/block:Answer}
  408.  
  409.  
  410. <div class="info">
  411. <span style="text-align:left">
  412. {block:Date}<a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a>{/block:Date}
  413. •
  414. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  415. •
  416. <a href="{ReblogURL}">reblog</a>
  417. </span>
  418. <span style="float:right">
  419. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>
  420.  
  421. {block:ContentSource}& <a title="{ReblogRootName}" href="{ReblogRootURL}">src</a>{/block:ContentSource}{/block:RebloggedFrom}
  422. </span>
  423. {block:HasTags}<div class="tags">{block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  424. </div>
  425.  
  426. </div>
  427. {/block:Posts}
  428.  
  429. {block:ContentSource}
  430. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  431. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  432. {/block:SourceLogo}
  433. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  434. {/block:ContentSource}
  435.  
  436. <div id="pagi">
  437. {block:Pagination}
  438. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  439. -
  440. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  441. {/block:Pagination}
  442. </div>
  443.  
  444. </div>
  445.  
  446.  
  447. {block:ifStopBulliesLogo}
  448. <div style="bottom:30px; left:30px; 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>
  449. {/block:ifStopBulliesLogo}
  450.  
  451. <a title="foundcas theme" href="http://foundcas.tumblr.com"><div id="cred">dr</div></a>
  452.  
  453. </body>
  454. </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!