API tools faq
paste
Advertisement
foundcas

Theme 7: Squared

foundcas
Jun 25th, 2014
551
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.47 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:Background" content="#fff">
  12. <meta name="color:Post Background" content="#fff">
  13. <meta name="color:Post Container Border" content="#eee">
  14. <meta name="color:Text" content="#444">
  15. <meta name="color:Header Background" content="#fff">
  16. <meta name="color:Header Border" content="#eee">
  17. <meta name="color:Header Links" content="#444">
  18. <meta name="color:Header Text" content="#7e7e7e">
  19. <meta name="color:Title" content="#000">
  20. <meta name="color:Link" content="#aaa">
  21. <meta name="color:Link Hover" content="#a8a8a8"/>
  22. <meta name="color:Scrollbar Background" content="#a8a8a8">
  23. <meta name="color:Scrollbar Thumb" content="#eee">
  24. <meta name="color:Scrollbar Thumb Border" content="#000">
  25. <meta name="color:Tooltips" content="#000">
  26. <meta name="color:Tooltips Background" content="#fff">
  27. <meta name="color:Tooltips Border" content="#eee">
  28. <meta name="color:Post Info Border" content="#eee">
  29. <meta name="color:Asker Background" content="#fff">
  30. <meta name="color:Ask Border" content="#444">
  31. <meta name="color:Chat Odd" content="#a8a8a8">
  32. <meta name="color:Chat Even" content="#444">
  33.  
  34. <meta name="image:Background" content="http://imgur.com/UcillnM.png">
  35. <meta name="image:Header" content="https://31.media.tumblr.com/tumblr_n4p7vaNQTE1tp0gsro1_1398617110_cover.jpg">
  36.  
  37. <meta name="if:ShowStopBullyingLogo" content="1"/>
  38.  
  39. <meta name="select:Title Font" name="Abel" content="Abel">
  40. <meta name="select:Title Font" name="Archivo" content="Archivo">
  41. <meta name="select:Title Font" name="Crafty Girls" content="Crafty Girls">
  42. <meta name="select:Title Font" name="Calibri" content="Calibri">
  43. <meta name="select:Title Font" name="Cambria" content="cambria">
  44. <meta name="select:Title Font" name="Futura" content="futura">
  45. <meta name="select:Title Font" name="Open Sans" content="Open Sans">
  46. <meta name="select:Title Font" name="Pacifico" content="Pacifico">
  47. <meta name="select:Title Font" name="Poiret One" content="Poiret One">
  48. <meta name="select:Title Font" name="Raleway" content="Raleway">
  49. <meta name="select:Title Font" name="Times New Roman" content="Times">
  50. <meta name="select:Title Font" name="Trebuchet MS" content="trebuchet ms">
  51. <meta name="select:Title Font" name="verdana" content="verdana">
  52.  
  53. <meta name="select:Body Font" name="Abel" content="Abel">
  54. <meta name="select:Body Font" name="Archivo" content="Archivo">
  55. <meta name="select:Body Font" name="Crafty Girls" content="Crafty Girls">
  56. <meta name="select:Body Font" name="Calibri" content="Calibri">
  57. <meta name="select:Body Font" name="Cambria" content="cambria">
  58. <meta name="select:Body Font" name="Futura" content="futura">
  59. <meta name="select:Body Font" name="Open Sans" content="Open Sans">
  60. <meta name="select:Body Font" name="Pacifico" content="Pacifico">
  61. <meta name="select:Body Font" name="Poiret One" content="Poiret One">
  62. <meta name="select:Body Font" name="Raleway" content="Raleway">
  63. <meta name="select:Body Font" name="Times New Roman" content="Times">
  64. <meta name="select:Body Font" name="Trebuchet MS" content="trebuchet ms">
  65. <meta name="select:Body Font" name="verdana" content="verdana">
  66.  
  67. <meta name="text:Your URL" content="your url here">
  68. <meta name="text:link 1" content="">
  69. <meta name="text:link 1 url" content="">
  70. <meta name="text:link 2" content="">
  71. <meta name="text:link 2 url" content="">
  72. <meta name="text:link 3" content="">
  73. <meta name="text:link 3 url" content="">
  74. <meta name="text:link 4" content="">
  75. <meta name="text:link 4 url" content="">
  76. <meta name="text:link 5" content="">
  77. <meta name="text:link 5 url" content="">
  78.  
  79. <script>
  80. function toggle(element) {
  81. document.getElementById(element).style.display = (document.getElementById(element).style.display == "none") ? "" : "none";
  82. }
  83. </script>
  84.  
  85. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  86.  
  87. <link href='http://fonts.googleapis.com/css?family=Abel|Crafty+Girls|Poiret+One|Open+Sans+Condensed:300|Raleway|Archivo+Narrow|Pacifico' rel='stylesheet' type='text/css'>
  88.  
  89. <style type="text/css">
  90. .abel{
  91. font-family: 'Abel', sans-serif;
  92. }
  93. .archivo{
  94. font-family: 'Archivo Narrow', sans-serif;
  95. }
  96. .crafty girls{
  97. font-family: 'Crafty Girls', cursive;
  98. }
  99. .open sans{
  100. font-family: 'Open Sans Condensed', sans-serif;
  101. }
  102. .pacifico{
  103. font-family: 'Pacifico', cursive;
  104. }
  105. .poiret one{
  106. font-family: 'Poiret One', cursive;
  107. }
  108. .raleway{
  109. font-family: 'Raleway', sans-serif;
  110. }
  111.  
  112. div#qTip {
  113. padding: 4px;
  114. display: none;
  115. text-align: center;
  116. position: absolute;
  117. margin-top:-40px;
  118. margin-left:-40px;
  119. font-size:8.5px;
  120. line-height:9px;
  121. font-family: {select:Title Font};
  122. z-index: 99999;
  123. background-color:{color:Tooltips Background};
  124. border: 1px solid {color:Tooltips Border};
  125. color: {color:Tooltips};
  126. text-transform:uppercase;
  127. }
  128.  
  129. ::-webkit-scrollbar-thumb:vertical {
  130. background-color: {color:Scrollbar Thumb};
  131. height:auto;
  132. border:1px {color:Scrollbar Thumb Border};
  133. -webkit-border-radius:6px;
  134. }
  135.  
  136.  
  137. ::-webkit-scrollbar-thumb:horizontal {
  138. background-color:{color:Scrollbar Thumb};
  139. height:6px;
  140. border:1px solid {color:Scrollbar Thumb Border};
  141. -webkit-border-radius:6px;
  142. }
  143.  
  144. ::-webkit-scrollbar {
  145. height:8px;
  146. width:8px;
  147. background-color:{color:Scrollbar Background};
  148. -webkit-border-radius:6px;
  149. }
  150.  
  151. body {
  152. background:{color:Background};
  153. background-image: url('{image:Background}');
  154. background-repeat:repeat;
  155. color:{color:Text};
  156. font-family:{select:Body Font};
  157. font-size:12px;
  158. word-wrap:break-word;
  159. }
  160.  
  161. pre, code {
  162. padding:10px;
  163. box-sizing:border-box;
  164. -moz-box-sizing:border-box;
  165. webkit-box-sizing:border-box;
  166. display:block;
  167. white-space: pre-wrap;
  168. white-space: -moz-pre-wrap;
  169. white-space: -pre-wrap;
  170. white-space: -o-pre-wrap;
  171. word-wrap: break-word;
  172. width:100%; overflow-x:auto;
  173. }
  174.  
  175. big {
  176. font-size:14px;
  177. }
  178.  
  179. small {
  180. font-size:10px;
  181. }
  182.  
  183. a {
  184. text-decoration:none;
  185. color:{color:Link};
  186. -webkit-transition:0.8s;
  187. -moz-transition:0.8s;
  188. -ms-transition:0.8s;
  189. -o-transition:0.8s;
  190. }
  191.  
  192. a:hover {
  193. color:{color:Link Hover};
  194. -webkit-transition:0.8s;
  195. -moz-transition:0.8s;
  196. -ms-transition:0.8s;
  197. -o-transition:0.8s;
  198. }
  199.  
  200. blockquote {
  201. border-left:1px solid #e3e3e3;
  202. padding-left:10px;
  203. }
  204.  
  205. h2 {
  206. text-align:center;
  207. }
  208.  
  209. /*header*/
  210. #header {
  211. margin-top:20px;
  212. margin-left:auto;
  213. margin-right:auto;
  214. text-align:center;
  215. width:490px;
  216. color:{color:Header Text};
  217. padding-bottom:10px;
  218. background:{color:Header Background};
  219. border-bottom:7px solid {color:Header Border};
  220. }
  221. #title a{
  222. font-family:{select:Title Font};
  223. letter-spacing:-1px;
  224. font-size:30px;
  225. margin-bottom:5px;
  226. text-transform:uppercase;
  227. color:{color:Title};
  228. -webkit-transition-duration:all .5s ease;
  229. -moz-transition-duration:all .5s ease;
  230. -o-transition-duration:all .5s ease;
  231. }
  232.  
  233. #title a:hover{
  234. letter-spacing:5px;
  235. -webkit-transition-duration:all .5s ease;
  236. -moz-transition-duration:all .5s ease;
  237. -o-transition-duration:all .5s ease;
  238. }
  239.  
  240. #description{
  241. margin:auto;
  242. font-size:12px;
  243. width:250px;
  244. }
  245. #links a{
  246. margin:15px;
  247. font-size:20px;
  248. text-transform:uppercase;
  249. color:{color:Header Links};
  250. -webkit-transition-duration:all 1s ease;
  251. -moz-transition-duration:all 1s ease;
  252. -o-transition-duration:all 1s ease;
  253. }
  254. #links a:hover{
  255. color:{color:Link Hover};
  256. -webkit-filter:drop-shadow(-5px 5px 10px #fff);
  257. -webkit-transition-duration:all 1s ease;
  258. -moz-transition-duration:all 1s ease;
  259. -o-transition-duration:all 1s ease;
  260. }
  261. #lost{
  262. display:inline;
  263. margin:20px;
  264. }
  265. #pag{
  266. width:450px;
  267. margin-left:225px;
  268. letter-spacing:2px;
  269. color:{color:Header Links};
  270. font-size:20px;
  271. bottom:10px;
  272. text-transform:uppercase;
  273. }
  274. #pag a{
  275. letter-spacing:2px;
  276. color:{color:Header Links};
  277. font-size:20px;
  278. bottom:10px;
  279. text-transform:uppercase;
  280. -webkit-transition-duration:all .5s ease;
  281. -moz-transition-duration:all .5s ease;
  282. -o-transition-duration:all .5s ease;
  283. }
  284. #pag a:hover{
  285. letter-spacing:4px;
  286. font-weight:bold;
  287. -webkit-transition-duration:all .5s ease;
  288. -moz-transition-duration:all .5s ease;
  289. -o-transition-duration:all .5s ease;
  290. }
  291. /*all posts*/
  292. #diary{
  293. height:450px;
  294. width:450px;
  295. background:{color:Post Background};
  296. border:3px solid {color:Post Container Border};
  297. padding:15px;
  298. margin-left:auto;
  299. margin-right:auto;
  300. margin-top:30px;
  301. overflow-y:auto;
  302. overflow-x:hidden;
  303. }
  304. #entries{
  305. margin-left:20px;
  306. width:400px;
  307. }
  308. /*TEXT*/
  309. #text {
  310. text-align:left;
  311. }
  312.  
  313. /*PHOTOS*/
  314. #photo {
  315. text-align:left;
  316. }
  317.  
  318. /*PHOTOSETS*/
  319. #photoset {
  320. text-align:left;
  321. }
  322.  
  323. /*QUOTES*/
  324. #words {
  325. font-style:italic;
  326. font-size:17px;
  327. }
  328.  
  329. .source {
  330. font-weight:bold;
  331. text-align:right;
  332. padding-right:5px;
  333. }
  334.  
  335. /*LINKS*/
  336. #linkpost {
  337. text-align:left;
  338. }
  339.  
  340. .linkety {
  341. font-size:14px;
  342. }
  343.  
  344. /*CHAT*/
  345. #chat ul {
  346. margin-left:-40px;
  347. list-style:none;
  348. margin-bottom:0px;
  349. }
  350. #chat li{
  351. border-bottom:1px solid {color:Header Border};
  352. }
  353. #chat li:last-child{
  354. border-bottom:none;
  355. }
  356. #chat even{
  357. color:{color:Chat Even};
  358. }
  359. #chat even{
  360. color:{color:Chat Odd};
  361. }
  362. .label {
  363. font-style:italic;
  364. }
  365.  
  366. /*video posts*/
  367. #video {
  368. text-align:left;
  369. }
  370.  
  371. /*AUDIO*/
  372. #audioplayer {
  373. width:27px;
  374. height:30px;
  375. overflow:hidden;
  376. position:absolute;
  377. margin-top:40px;
  378. margin-left:35px;
  379. opacity:0.7;
  380. z-index:9;
  381. }
  382.  
  383. #albumart {
  384. width:100px;
  385. height:100px;
  386. background-color:#e3e3e3;
  387. -webkit-filter:grayscale(.7);
  388. }
  389.  
  390. /*ASKS*/
  391. #persona{
  392. text-align:right;
  393. text-decoration:underline;
  394. font-size:14px;
  395. padding:5px;
  396. background:{color:Asker Background};
  397. border-right:1px solid {color:Ask Border};
  398. font-style:italic;
  399. color:{color:Link};
  400. }
  401. #curious {
  402. color:#000;
  403. border-top:1px solid {color:Ask Border};
  404. border-left:1px solid {color:Ask Border};
  405. padding:10px;
  406. }
  407.  
  408. #ansy{
  409. padding-top:10px;
  410. }
  411.  
  412. /*POST INFO*/
  413. .info {
  414. border-top:1px solid {color:Post Info Border};
  415. text-align:center;
  416. text-transform:uppercase;
  417. font-size:10px;
  418. padding-top:2px;
  419. }
  420.  
  421. .info a {
  422. color:{color:Text};
  423. }
  424.  
  425. .info a:hover {
  426. color:{color:Link Hover};
  427. opacity:.7;
  428. }
  429.  
  430. .tags {
  431. font-size:9px;
  432. text-align:left;
  433. margin-bottom:50px;
  434. }
  435. .tags a:hover{
  436. font-style:italic;
  437. }
  438. .coms:last-child{
  439. display:none;
  440. }
  441. #notery{
  442. text-transform:uppercase;
  443. }
  444. #notery li{
  445. vertical-align:middle;
  446. padding:3px;
  447. list-style-type:none;
  448. }
  449. #notery img{
  450. vertical-align:middle;
  451. padding:3px;
  452. }
  453. /*CREDIT // DO NOT REMOVE*/
  454. #credit {
  455. right:20px;
  456. bottom:20px;
  457. padding:5px;
  458. font-size:12px;
  459. text-transform:uppercase;
  460. text-align:center;
  461. position:fixed;
  462. -webkit-transition-duration:all .5s ease;
  463. -moz-transition-duration:all .5s ease;
  464. -o-transition-duration:all .5s ease;
  465. }
  466. #credit:hover {
  467. box-shadow:5px 5px 5px #333333;
  468. text-decoration:underline;
  469. -webkit-transition-duration:all .5s ease;
  470. -moz-transition-duration:all .5s ease;
  471. -o-transition-duration:all .5s ease;
  472. }
  473. {CustomCSS}
  474. </style>
  475.  
  476. </head>
  477. <body>
  478.  
  479. <div id="header">
  480. <div id="title"><a href="/">{Title}</a></div>
  481.  
  482. <div id="links">
  483. <a href="javascript:toggle('description')">desc</a>
  484. <a href="javascript:toggle('message')">message</a>
  485. <div id="message" style="display:none">
  486. <div id="lost">
  487. <p><iframe frameborder="0" scrolling="no" width="40%" height="200" src="http://www.tumblr.com/ask_form/{text:Your URL}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  488. <iframe frameborder="0" scrolling="no" width="40%" height="200" src="http://www.tumblr.com/submit_form/{text:Your URL}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="submit_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
  489. </div>
  490. </div>
  491. <a href="javascript:toggle('more')">more</a>
  492. <div id="more" style="display:none">
  493. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
  494. {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
  495. {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
  496. {block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}
  497. {block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}
  498. </div>
  499. </div>
  500. <div id="description" style="display:none">{Description}</div>
  501. </div>
  502.  
  503. <div id="diary">
  504. {block:Posts}
  505. <div id="entries">
  506.  
  507. {block:Text}<div id="text"><h2><a href="{Permalink}">{Title}</a></h2> {Body}</div>{/block:Text}
  508.  
  509. {block:Photo}<div id="photo"><img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  510. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  511. </div>{/block:Photo}
  512.  
  513. {block:Panorama}<div id="panorama">{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>
  514. {/block:Panorama}
  515.  
  516. {block:Photoset}<div id="photoset">{Photoset-400}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>{/block:Photoset}
  517.  
  518. {block:Quote}<div id="quote"><div id="words">"{Quote}"</div>{block:Source}<div class="source">- {Source}</div>{/block:Source}</div>{/block:Quote}
  519.  
  520. {block:Link}<div id="linkpost">{block:PostTitle}<h2><a href="{Permalink}">{PostTitle}</a></h2>{/block:PostTitle} <a href="{URL}" class="linkety" {Target}>{Name}</a>{block:Description}<div class="linkdesc">{Description}</div>{/block:Description}</div>{/block:Link}
  521.  
  522. {block:Chat}<div id="chat"><h2><a href="{Permalink}">{Title}</a></h2>
  523. <ul>{block:Lines}<li class="{Alt} user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}
  524. </ul></div>{/block:Chat}
  525.  
  526. {block:Video}<div id="video">{block:PostTitle}<h2><a href="{Permalink}">{PostTitle}</a></h2>{/block:PostTitle}{Video-400}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div> <!--video-->
  527. {/block:Video}
  528.  
  529. {block:Audio}<div id="audio"><table style="padding:5px;margin-bottom:5px;"><tr><td style="vertical-align:top;"><div id="audioplayer">{AudioPlayerWhite}</div><div id="albumart">
  530. {block:AlbumArt}<img src="{AlbumArtURL}" style="width:100px;height:100px">
  531. {/block:AlbumArt}</div></td><td style="vertical-align:middle;height:100px; font-size:14px; line-height:18px;background:{color:AudioBG};width:400px;padding-left:10px;text-transform:uppercase">{block:TrackName}<i><u>Title:</u></i> {TrackName}<br />{/block:TrackName}{block:Artist}<i><u>Artist:</u></i> {Artist} <br />{/block:Artist}{block:Album}<i><u>Album:</u></i> {Album} <br />{/block:Album}{block:PlayCount}<i><u>Played:</u></i> {FormattedPlayCount} times{/block:PlayCount}
  532. </td></tr></table>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>{/block:Audio}
  533.  
  534. {block:Answer}
  535. <div id="persona">{Asker} whispered: </div>
  536. <div id="curious">{Question}</div>
  537. <div id="ansy">{Answer}</div>
  538. {/block:Answer}
  539.  
  540. <div class="info">
  541. <span style="float:left"><a title="{TimeAgo}" href="{Permalink}">{DayofMonthWithZero}.{MonthNumberWithZero}.{Year}</a>
  542. / <a href="{Permalink}">{NoteCountWithLabel}</a> </span>
  543. {block:RebloggedFrom}<a title="{ReblogParentTitle}" href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} &
  544. {block:RebloggedFrom} <a title="{ReblogRootTitle}" href="{ReblogRootURL}">source</a>{/block:RebloggedFrom}
  545. <a style="float:right" title="reblog?" href="{ReblogURL}" target="_blank">reblog</a>
  546.  
  547. {block:HasTags}<div class="tags">filed under &rarr; {block:Tags} <a href="{TagURL}">{Tag}</a> <span class="coms">,</span>{/block:Tags}</div>{/block:HasTags}
  548. </div>
  549. <div id="notery">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  550. </div>
  551. {/block:Posts}
  552.  
  553. {block:Pagination}
  554. <div id="pag">
  555. {block:PreviousPage}<a title="newer" href="{PreviousPage}">-</a>{/block:PreviousPage}{block:NextPage}<a title="older" href="{NextPage}">+</a>{/block:NextPage}
  556. </div>
  557. {/block:Pagination}
  558.  
  559. </div>
  560.  
  561. {block:IfShowStopBullyingLogo}
  562. <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>
  563. {/block:IfShowStopBullyingLogo}
  564.  
  565. <div id="credit"><a title="by foundcas" href="http://foundcas.tumblr.com">fc</a></div>
  566.  
  567. </body>
  568. </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!