API tools faq
paste
Advertisement
foundcas

theme 2

foundcas
May 4th, 2014
275
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.43 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.  
  3. <!-- 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 // foundcasthemes.tumblr.com/ask -->
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <head>
  8.  
  9. <title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12.  
  13. <meta name="color:Background" content="#fff" />
  14. <meta name="color:Sidebar BG" content="#000" />
  15. <meta name="color:Description" content="#fff" />
  16. <meta name="color:header bg" content="#000" />
  17. <meta name="color:header border" content="#315283" />
  18. <meta name="color:title" content="#fff" />
  19. <meta name="color:Body" content="#333" />
  20. <meta name="color:Link" content="#347153" />
  21. <meta name="color:Link Hover" content="#decba4" />
  22. <meta name="color:SB Link BG" content="#fff" />
  23.  
  24. <meta name="image:Background" content="" />
  25. <meta name="image:Sidebar" content="http://media.tumblr.com/eae30c709e96037e684b4429e8ae780b/tumblr_inline_mvp8kypgok1rb3m8r.png" />
  26.  
  27. <meta name="text:Hover for Title Link" content="gallifrey">
  28. <meta name="text:Answer Signature" content="hermits united"/>
  29. <meta name="text:link1 url" content="/"/>
  30. <meta name="text:Link 1 Name" content="Link 1"/>
  31. <meta name="text:link2 url" content="/"/>
  32. <meta name="text:Link 2 Name" content="Link 2"/>
  33. <meta name="text:link3 url" content="/"/>
  34. <meta name="text:Link 3 Name" content="Link 3"/>
  35. <meta name="text:link4 url" content="/"/>
  36. <meta name="text:Link 4 Name" content="Link 4"/>
  37. <meta name="text:link5 url" content="/"/>
  38. <meta name="text:Link 5 Name" content="Link 5"/>
  39. <meta name="text:link6 url" content="/"/>
  40. <meta name="text:Link 6 Name" content="Link 6"/>
  41.  
  42. <link href='http://fonts.googleapis.com/css?family=Oranienbaum' rel='stylesheet' type='text/css'>
  43. <link href='http://fonts.googleapis.com/css?family=Raleway:300,500' rel='stylesheet' type='text/css'>
  44.  
  45. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  46.  
  47.  
  48. <style type="text/css">
  49.  
  50. div#qTip{
  51. font-family:'calibri';
  52. font-size: 8px;
  53. color:#fff;
  54. background-color:#000;
  55. text-align: center;
  56. text-transform: uppercase;
  57. letter-spacing:1px;
  58. min-width:40px;
  59. max-width:120px;
  60. display: none;
  61. position: absolute;
  62. z-index: 9999;
  63. padding: 3px;
  64. margin:-32px -70px;}
  65.  
  66. ::-webkit-scrollbar-thumb {
  67. background-color:#000;
  68. height:100px;
  69. }
  70.  
  71. ::-webkit-scrollbar {
  72. height:10px;
  73. width:10px;
  74. background-color:#eeeeee;
  75. }
  76.  
  77. body {
  78. background: {color:Background};
  79. background-image: url('{image:Background}');
  80. position:absolute;
  81. font-size:12px;
  82. font-family: 'Oranienbaum', serif;
  83. color:{color:Body};
  84. word-wrap:break-word;
  85. }
  86.  
  87. blockquote {
  88. border-left: 3px solid #eee;
  89. padding:5px;
  90. padding-left:10px;
  91. text-align: justify;
  92. }
  93.  
  94. blockquote img {
  95. max-width: 100%;
  96. display: block;
  97. margin-bottom: 5px;
  98. }
  99.  
  100. blockquote blockquote {
  101. margin: 10px;
  102. padding: 10px;
  103. }
  104.  
  105. a {
  106. text-decoration:none;
  107. outline:none;
  108. color:{color:Link};
  109. -webkit-transition: all 0.5s ease-in-out;
  110. -moz-transition: all 0.5s ease-in-out;
  111. -o-transition: all 0.5s ease-in-out;
  112. }
  113.  
  114. a:hover {
  115. color:{color:Link Hover};
  116. -webkit-transition: all 0.5s ease-in-out;
  117. -moz-transition: all 0.5s ease-in-out;
  118. -o-transition: all 0.5s ease-in-out;
  119. }
  120.  
  121. h1 {
  122. font-family:{font:Body};
  123. text-align:center;
  124. }
  125.  
  126. h2 {
  127. font-family:tahoma;
  128. text-transform:uppercase;
  129. padding:5px;
  130. color:{color:Link};
  131. }
  132.  
  133. pre, code {
  134. padding:10px;
  135. box-sizing:border-box;
  136. -moz-box-sizing:border-box;
  137. webkit-box-sizing:border-box;
  138. display:block;
  139. white-space: pre-wrap;
  140. white-space: -moz-pre-wrap;
  141. white-space: -pre-wrap;
  142. white-space: -o-pre-wrap;
  143. word-wrap: break-word;
  144. width:100%; overflow-x:auto;
  145. }
  146.  
  147. /*TOP BAR*/
  148. #arrow {
  149. position:fixed;
  150. font-family: 'Raleway', sans-serif;
  151. width:1000%;
  152. top:0;
  153. left:0;
  154. height:30px;
  155. background-color:{color:header bg};
  156. border-bottom:2px solid {color:header border};
  157. z-index:999;
  158. }
  159.  
  160. #arrow a:hover{
  161. color:#fff5c3;
  162. }
  163.  
  164. #title{
  165. position:fixed;
  166. text-align:right;
  167. letter-spacing:5px;
  168. font-size:13px;
  169. text-transform:uppercase;
  170. font-weight:bold;
  171. margin:8px 40px;
  172. }
  173.  
  174. #title a{
  175. color:{color:title};
  176. }
  177.  
  178. #avim{
  179. position:fixed;
  180. margin:.5px 5px;
  181. border-radius:100%;
  182. }
  183.  
  184. #avim img{
  185. padding:1px;
  186. border: 1px solid {color:title};
  187. border-radius:100%;
  188. }
  189.  
  190. #flip{
  191. margin-top:4px;
  192. padding:5px;
  193. letter-spacing:2px;
  194. margin-left:550px;
  195. text-align:center;
  196. width:400px;
  197. font-size:10px;
  198. color:#fff5c3;
  199. }
  200.  
  201. #flip a{
  202. color:{color:title};
  203. }
  204.  
  205. /*SIDEBAR*/
  206. #aside{
  207. position:fixed;
  208. font-family: 'Raleway', sans-serif;
  209. height:100%;
  210. width:230px;
  211. top:0;
  212. left:0;
  213. background-color:{color:Sidebar BG};
  214. z-index:9;
  215. }
  216. #sideim img{
  217. margin:180px 15px;
  218. height:250px;
  219. width:200px;
  220. }
  221.  
  222. #clicks{
  223. margin:80px 25px;
  224. }
  225.  
  226. .click{
  227. padding:5px;
  228. margin: 5px;
  229. font-size:11px;
  230. text-align:center;
  231. float:left;
  232. width:70px;
  233. height:15px;
  234. background-color:{color:header border};
  235. overflow:hidden;
  236. color:white;
  237. font-weight:bold;
  238. text-transform:uppercase;
  239. -moz-transition-duration:1s;
  240. -webkit-transition-duration:1s;
  241. -o-transition-duration:1s;
  242. }
  243.  
  244. .click:hover{
  245. color:{color:header border};
  246. background-color:white;
  247. -moz-transition-duration:1s;
  248. -webkit-transition-duration:1s;
  249. -o-transition-duration:1s;
  250. }
  251.  
  252. #pen{
  253. position:fixed;
  254. color:{color:Description};
  255. text-align:justify;
  256. font-size:10px;
  257. margin-top:160px;
  258. margin-left: 30px;
  259. width:170px;
  260. line-height:130%;
  261. }
  262.  
  263. /*POST CONTAINER*/
  264. #entries {
  265. font-size:10px;
  266. margin-left: 500px;
  267. margin-top:90px;
  268. float: right;
  269. text-align: justify;
  270. }
  271. /*POSTS*/
  272. #post {
  273. font-size:10px;
  274. margin-bottom:5px;
  275. width: 500px;
  276. color:{color:Body};
  277. text-align: left;
  278. overflow:hidden;
  279. }
  280.  
  281. #post a{
  282. font-style:italic;
  283. }
  284.  
  285. /*QUOTE*/
  286. #saysu{
  287. text-align:center;
  288. text-transform:none;
  289. }
  290.  
  291. /*AUDIO*/
  292. .arte{
  293. border-radius:100%;
  294. float:right;
  295. }
  296.  
  297. .audinfo{
  298. letter-spacing:2px;
  299. text-align:justify;
  300. text-transform:uppercase;
  301. }
  302.  
  303. .play{
  304. position:absolute;
  305. margin: 23px 452px;
  306. height:30px;
  307. width:27px;
  308. overflow:hidden;
  309. background:none;
  310. z-index:9;
  311. }
  312.  
  313. /*ASKS*/
  314. #quest{
  315. padding:10px;
  316. font-size:13px;
  317. color:white;
  318. text-transform:uppercase;
  319. background-color:black;
  320. }
  321.  
  322. #name{
  323. width:200px;
  324. margin-top:-15px;
  325. float:right;
  326. text-align:right;
  327. color:white;
  328. background-color:black;
  329. border-bottom:1px solid #fff5c3;
  330. }
  331.  
  332. #name img{
  333. padding:5px;
  334. border-radius:100%;
  335. vertical-align:middle;
  336. position:relative;
  337. }
  338.  
  339. #reply{
  340. padding:10px;
  341. margin-top:-24px;
  342. background-color:#eee;
  343. }
  344.  
  345. /*LA INFORMACION*/
  346. #info {
  347. padding:10px;
  348. text-align:right;
  349. text-transform:uppercase;
  350. }
  351. #info a{
  352. font-style:normal;
  353. }
  354.  
  355. #dateme{
  356. border-bottom:1px solid black;
  357. }
  358.  
  359. #tag{
  360. font-style:italic;
  361. text-align:left;
  362. text-transform:lowercase;
  363. padding:5px;
  364. letter-spacing:.5px;
  365. -moz-transition-duration:.5s ease;
  366. -webkit-transition-duration:.5s ease;
  367. -o-transition-duration:.5s ease;
  368. }
  369.  
  370. #tag a:hover{
  371. letter-spacing:-1.5px;
  372. -moz-transition-duration:.5s ease;
  373. -webkit-transition-duration:.5s ease;
  374. -o-transition-duration:.5s ease;
  375. }
  376.  
  377. /*credit*/
  378. #credit a{
  379. position:fixed;
  380. font-style:normal;
  381. right:5px;
  382. bottom:5px;
  383. padding:4px;
  384. background:{color:background};
  385. font-size:8px;
  386. color:black;
  387. text-transform:uppercase;
  388. -moz-transition-duration:.5s ease;
  389. -webkit-transition-duration:.5s ease;
  390. -o-transition-duration:.5s ease;
  391. }
  392.  
  393. #credit a:hover {
  394. opacity:1;
  395. color:white;
  396. background:black;
  397. letter-spacing:1px;
  398. -moz-transition-duration:.5s;
  399. -webkit-transition-duration:.5s;
  400. -o-transition-duration:.5s;
  401. }
  402.  
  403.  
  404. </style>
  405. <style type="text/css">{CustomCSS}</style>
  406. </head>
  407. <body>
  408.  
  409. <div id="arrow">
  410. <div id ="avim"><img src="{PortraitURL-24}"/></div><div id="title"><a title="{text:Hover for Title Link}" href="/">{Title}</a></div>
  411.  
  412. <div id="flip">
  413. {block:Pagination}
  414. {block:PreviousPage}<a title="backwards" href="{PreviousPage}">&larr; rewind</a>{/block:PreviousPage}
  415. <span style="text-transform:uppercase;font-size:7.5px">planet {CurrentPage} of {TotalPages} galaxies </span>
  416. {block:NextPage}<a title="onwards" href="{NextPage}">play &rarr;</a>{/block:NextPage}
  417. {/block:Pagination}
  418. </div>
  419.  
  420. </div>
  421.  
  422. <div id="aside">
  423.  
  424. <div id="clicks">
  425. {block:AskEnabled}<a href="/ask"><div class="click">signal</div></a>{/block:AskEnabled}
  426. {block:SubmissionsEnabled}<a href="/submit"><div class="click">{SubmitLabel}</div></a>{/block:SubmissionsEnabled}
  427. <a href="{text:link1 url}"><div class="click">{text:Link 1 Name}</div></a>
  428. <a href="{text:link2 url}"><div class="click">{text:Link 2 Name}</div></a>
  429. <a href="{text:link3 url}"><div class="click">{text:Link 3 Name}</div></a>
  430. <a href="{text:link4 url}"><div class="click">{text:Link 4 Name}</div></a>
  431. <a href="{text:link5 url}"><div class="click">{text:Link 5 Name}</div></a>
  432. <a href="{text:link6 url}"><div class="click">{text:Link 6 Name}</div></a>
  433. </div>
  434.  
  435. <div id="pen">{Description}</div>
  436.  
  437. <div id="sideim"><img src="{image:Sidebar}"></div>
  438.  
  439. </div>
  440.  
  441. <div id="entries">
  442. {block:Posts}
  443. <div id="post">
  444.  
  445. {block:Text}<h1 style="text-align:right">{Title} </h1>{Body}{/block:Text}
  446.  
  447. {block:Quote}<div id="saysu"><h2>“{Quote}”</h2></div>
  448. <div style="text-align:left; padding-bottom:5px;">— {Source}</div>{/block:Quote}
  449.  
  450. {block:Link}<a href="{URL}" class="link" {Target}> <h3 style="text-decoration:underline">{Name}</h3></a>
  451. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  452.  
  453. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  454. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  455.  
  456. {block:Chat}{block:Title}<h3 style="text-align:right">{Title}</h3><br>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  457.  
  458. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  459.  
  460. {block:Audio}
  461. {block:AudioPlayer}
  462. <div class="play">{AudioPlayerWhite}</div>
  463. {/block:AudioPlayer}
  464. {block:AlbumArt}
  465. <img class="arte" src="{AlbumArtURL}" width="70px" height="70px"/>
  466. {/block:AlbumArt}
  467. <br>
  468. <div class="audinfo">
  469. {block:Playcount}spins: {FormattedPlayCount}{/block:Playcount}<br>
  470. {block:TrackName}song: {TrackName}{/block:TrackName}<br>
  471. {block:Artist}musician: {Artist}{/block:Artist}<br>
  472. {block:Album}album: {Album}{/block:Album}<br>
  473. </div>
  474. {block:Caption}{Caption}{/block:Caption}
  475. {/block:Audio}
  476.  
  477. {block:Answer}
  478. <div id="quest">"{Question}"</div><br>
  479. <div id="name"> — whispered {Asker}<img src="{AskerPortraitURL-16}"></div><br>
  480. <div id="reply"><span style="text-transform:uppercase;font-weight:600">my reply:</span> {Answer} - <span style="text-transform:capitalize">{text:Answer Signature}</span></div>
  481. {/block:Answer}
  482.  
  483.  
  484.  
  485. <div id="info">
  486. <div id="dateme"> sent {block:Date}<a href="{Permalink}">{DayofMonthwithZero} {Month} {Year}</a>{/block:Date}
  487. {block:NoteCount}with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{/block:NoteCount}{block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{block:ContentSource} / <a href="{SourceURL}">src</a>{block:ContentSource}{/block:RebloggedFrom} <span style="float:left"><a href="{ReblogURL}">reblog</a></span><br></div>
  488. {block:HasTags}<div id="tag">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  489.  
  490. </div>
  491. {/block:Posts}
  492.  
  493. {block:PostNotes}{PostNotes}{/block:PostNotes}
  494.  
  495. </div>
  496.  
  497. <div id="credit"><a title="theme by foundcas" href="http://foundcas.tumblr.com">foundcas</a></div>
  498. </body>
  499. </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!