API tools faq
paste
Advertisement
foundcas

theme 1 light version

foundcas
Apr 27th, 2014
128
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.33 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. <head><title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11.  
  12. <meta name="color:Background" content="#ffffff"/>
  13. <meta name="color:Text" content="#a8a8a8"/>
  14. <meta name="color:Link" content="#b8b8b8"/>
  15. <meta name="color:Tags" content="f0f0f0"/>
  16. <meta name="color:Line" content="#f2f2f2"/>
  17. <meta name="color:Border" content="#e4e4e4"/>
  18. <meta name="color:Post" content="#ffffff"/>
  19. <meta name="color:scrollbarbg" content="ffffff"/>
  20. <meta name="color:odd link bg" content="#000000"/>
  21. <meta name="color:even link bg" content="#a8a8a8"/>
  22. <meta name="color:info bg" content="#f6f6f6"/>
  23.  
  24. <meta name="image:sidebar" content="http://imgur.com/0RfRI5c"/>
  25. <meta name="image:bg" content=""/>
  26. <meta name="image:rightimg" content="http://static.tumblr.com/r44duse/bsHn4pden/untitled.png"/>
  27.  
  28. <meta name="text:Link 1" content="" />
  29. <meta name="text:Link 1 Text" content="Link 1 Title Here" />
  30. <meta name="text:Link 2" content="" />
  31. <meta name="text:Link 2 Text" content="Link 2 Title Here" />
  32. <meta name="text:Link 3" content="" />
  33. <meta name="text:Link 3 Text" content="Link 3 Title Here" />
  34. <meta name="text:Link 4" content="" />
  35. <meta name="text:Link 4 Text" content="Link 4 Title Here" />
  36. <meta name="text:Link 5" content="" />
  37. <meta name="text:Link 5 Text" content="Link 5 Title Here" />
  38. <meta name="text:Link 6" content="" />
  39. <meta name="text:Link 6 Text" content="Link 6 Title Here" />
  40.  
  41.  
  42. <meta name="if:Show Link 1" content="1" />
  43. <meta name="if:Show Link 2" content="1" />
  44. <meta name="if:Show Link 3" content="1" />
  45. <meta name="if:Show Link 4" content="1" />
  46. <meta name="if:Show Link 5" content="1" />
  47. <meta name="if:Show Link 6" content="1" />
  48.  
  49. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  50.  
  51. <style type="text/css">
  52.  
  53. div#qTip {
  54. padding: 3px;
  55. display: none;
  56. text-align: center;
  57. position: absolute;
  58. font-style:italic;
  59. margin-top:-40px;
  60. margin-left:-42px;
  61. font-size:8.5px;
  62. line-height:9px;
  63. font-family:courier;
  64. z-index: 1000;
  65. background-color:{color:even link bg};
  66. border: 1px solid #eee;
  67. color: {color:Background};
  68. text-transform:uppercase;
  69. letter-spacing: 1px;
  70. }
  71.  
  72. pre, code {
  73. padding:10px;
  74. box-sizing:border-box;
  75. -moz-box-sizing:border-box;
  76. webkit-box-sizing:border-box;
  77. display:block;
  78. white-space: pre-wrap;
  79. white-space: -moz-pre-wrap;
  80. white-space: -pre-wrap;
  81. white-space: -o-pre-wrap;
  82. word-wrap: break-word;
  83. width:100%; overflow-x:auto;
  84. }
  85.  
  86. /* --- SCROLLBAR ---*/
  87.  
  88. ::-webkit-scrollbar {
  89. width: 5px;height: 5px;}
  90. ::-webkit-scrollbar-button:start:decrement,
  91. ::-webkit-scrollbar-button:end:increment {
  92. height: 6px;display: block;background-color: {color:white};}
  93. ::-webkit-scrollbar-track-piece {
  94. background-color: {color:scrollbarbg};}
  95. ::-webkit-scrollbar-thumb:vertical {
  96. height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};}
  97.  
  98.  
  99. /* --- BODY ---*/
  100.  
  101. body {
  102. background:{color:background};
  103. margin:0px;
  104. color:{color:text};
  105. font-family:calibri;
  106. font-size:10.5px;
  107. line-height:100%;
  108. word-wrap:break-word;
  109. }
  110.  
  111. a {
  112. text-decoration:underline;
  113. outline:none;
  114. -moz-outline-style:none;
  115. color:{color:link};
  116. }
  117.  
  118. img {
  119. border:none;
  120. }
  121.  
  122. blockquote {
  123. padding-left:5px;
  124. border-left:2px solid;
  125. }
  126.  
  127. blockquote blockquote {
  128. padding-left:5px;
  129. border-left:2px solid;
  130. }
  131.  
  132. h1 {
  133. font-size:11px;
  134. text-transform:uppercase;
  135. }
  136.  
  137. a:hover {
  138. opacity:10;
  139. color:{color:background};
  140. -webkit-transition: all 0.7s ease;
  141. -moz-transition: all 0.7s ease;
  142. -o-transition: all 0.7s ease
  143. }
  144.  
  145. /* --- POST ENTRIES ---*/
  146.  
  147.  
  148. #entries {
  149. padding:20px;
  150. width:465px;
  151. margin-left:460px;
  152. margin-top:0px;
  153. font-size:10.5px;
  154. border-left:1px solid {color:text};
  155. border-right:1px solid {color:text};
  156. }
  157.  
  158. /* --- BODY: POSTS ---*/
  159.  
  160.  
  161. #post {
  162. width:450px;
  163. padding-bottom:20px;
  164. padding:10px;
  165. margin-top:15px;
  166. background-color:{color:Post};
  167. }
  168.  
  169. #post img{
  170. max-width:350px;
  171. }
  172.  
  173. /* --- SIDEBAR IMAGE ---*/
  174.  
  175.  
  176. #sidebar {
  177. width:100px;
  178. position:fixed;
  179. margin-left:260px;
  180. margin-top:150px;
  181. opacity:.80;
  182. background-color:none;
  183. -moz-transition-duration:1s;
  184. -webkit-transition-duration:1s;
  185. -o-transition-duration:1s;
  186. }
  187.  
  188. #sidebarimage {
  189. margin-left:-30px;
  190. height:150px;
  191. width 150px;
  192. }
  193.  
  194. #sidebar:hover{
  195. opacity:1;
  196. -moz-transition-duration:1s;
  197. -webkit-transition-duration:1s;
  198. -o-transition-duration:1s;
  199. }
  200.  
  201. #sidebarimage img {
  202. height:150px;
  203. width:150px;
  204. border:solid 1px;
  205. padding:6px;
  206. border-radius:100%;
  207. border-color: {color:border};
  208. background-color:{color:Background};
  209. }
  210.  
  211.  
  212. /* --- SIDEBAR LINKS ---*/
  213.  
  214. .links {
  215. width:115px;
  216. height:5px;
  217. padding: 9px;
  218. font-size:8px;
  219. font-family:'calibri';
  220. text-align:center;
  221. margin-top:20px;
  222. margin-left:-20px;
  223. text-transform:uppercase;
  224. word-spacing:2px;
  225. position:fixed;
  226. }
  227.  
  228. .links a:nth-child(odd) {
  229. padding:4.5px;
  230. display:inline-block;
  231. color:{color:Sidelinks};
  232. background-color:{color:odd link bg};
  233. }
  234.  
  235. .links a:nth-child(even) {
  236. padding:4.5px;
  237. display:inline-block;
  238. color:{color:Sidelinks};
  239. background-color:{color:even link bg};
  240. }
  241.  
  242. .links a:hover {
  243. background-color:{color:Background};
  244. color:{color:link bg};
  245. }
  246.  
  247. /*TITLE*/
  248. #title{
  249. position:fixed;
  250. text-align:center;
  251. width:100px;
  252. margin-top:-50px;
  253. text-transform:uppercase;
  254. font-family:courier;
  255. font-size:8.5px;
  256. line-height:150%;
  257. }
  258.  
  259. /* --- DESCRIPTION ---*/
  260.  
  261. #description {
  262. position:fixed;
  263. font-family:cambria;
  264. line-height:90%;
  265. font-size:10px;
  266. font-style:italic;
  267. width:100px;
  268. margin-top:-115px;
  269. padding:8px;
  270. margin-left:0px;
  271. text-align:justify;
  272. color:{color:text};
  273. opacity:0;
  274. -moz-transition-duration:1.5s;
  275. -webkit-transition-duration:1.5s;
  276. -o-transition-duration:1.5s;
  277. }
  278.  
  279. #description:hover{
  280. position:fixed;
  281. margin-left:-155px;
  282. font-family:cambria;
  283. line-height:90%;
  284. font-size:10px;
  285. font-style:italic;
  286. width:100px;
  287. margin-top:-115px;
  288. padding:8px;
  289. text-align:justify;
  290. color:{color:text};
  291. -moz-transition-duration:1.9s;
  292. -webkit-transition-duration:1.9s;
  293. -o-transition-duration:1.9s;
  294. opacity:1;
  295. }
  296.  
  297. #description a {
  298. color:{color:text};
  299. -moz-transition-duration:0.4s;
  300. -webkit-transition-duration:0.4s;
  301. -o-transition-duration:0.4s;
  302. }
  303.  
  304. /* --- PAGINATION---*/
  305.  
  306.  
  307. #pagination {
  308. width:100px;
  309. font-style:italic;
  310. font-size:10px;
  311. text-align:center;
  312. margin-left:5px;
  313. margin-top:60px;
  314. position:fixed;
  315. font-family:cambria;
  316. letter-spacing:-1px;
  317. }
  318.  
  319. #pagination a{
  320. text-decoration: none;
  321. }
  322.  
  323. /* --- POST INFO ---*/
  324.  
  325.  
  326. #info {
  327. padding:5px;
  328. text-align:left;
  329. margin-top:2px;
  330. text-transform:uppercase;
  331. font-size:8.5px;
  332. font-style:none;
  333. border-top:2px dotted {color:Line};
  334. background-color:{color:info bg};
  335. }
  336.  
  337. #info a{
  338. text-decoration:none;
  339. }
  340.  
  341. #info a:hover{
  342. color:{color:info bg};
  343. }
  344.  
  345. /*NOTES*/
  346. #notes ol{
  347. list-style-type:upper-roman;
  348. }
  349.  
  350. /* --- POST TAGS---*/
  351.  
  352.  
  353. #tags {
  354. font-family:cambria;
  355. letter-spacing:0px;
  356. text-transform:lowercase;
  357. font-size:10px;
  358. font-style:italic;
  359. margin-top:4px;
  360. text-align:left;
  361. }
  362.  
  363. #tags a {
  364. display:inline;
  365. background-color:{color:Tags};
  366. padding:-3px;
  367. text-align:left;
  368. -webkit-transition: all 0.6s ease-in-out;
  369. -moz-transition: all 0.6s ease-in-out;
  370. -o-transition: all 0.6s ease-in-out;
  371. -ms-transition: all 0.6s ease-in-out;
  372. transition: all 0.6s ease-in-out;
  373. }
  374.  
  375. /*QUOTES*/
  376. .quoyo{
  377. font-size:20px;
  378. line-height:100%;
  379. font-style:italic;
  380. font-weight:bold;
  381. text-align:center;
  382. }
  383.  
  384. .quoso{
  385. font-size:13px;
  386. font-weight:bold;
  387. text-align:center;
  388. }
  389.  
  390. /*AUDIO*/
  391. #playit{
  392. background-color:black;
  393. width:30px;
  394. height:28px;
  395. overflow:hidden;
  396. z-index:1;
  397. margin-top:0px;
  398. margin-left:25px;
  399. }
  400.  
  401. #arte{
  402. position:absolute;
  403. }
  404.  
  405. /*CHATS*/
  406. .chat ul{
  407. margin-left:-40px;
  408. list-style-type:none;
  409. }
  410.  
  411. .chat .odd{
  412. color:#000;
  413. padding:3px;
  414. background:#fff;
  415. }
  416.  
  417. .chat .even{
  418. color:#fff;
  419. padding:3px;
  420. background:#000;
  421. }
  422.  
  423. /* --- QUESTIONS ---*/
  424.  
  425. #asker {
  426. padding:20px;
  427. font-family:cambria;
  428. letter-spacing:1px;
  429. font-style:italic;
  430. margin-left:0px;
  431. background-color:#eee;
  432. border:1.9px solid {color:odd link bg};
  433. }
  434.  
  435. .luci img{
  436. position:absolute;
  437. padding:3px;
  438. margin-top:-11px;
  439. margin-left:-10px;
  440. border:1.9px solid {color:odd link bg};
  441. }
  442.  
  443. #quest{
  444. margin-left:35px;
  445. }
  446.  
  447. /*CREDIT*/
  448.  
  449. #credit{
  450. position:fixed;
  451. bottom:9px;
  452. right:9px;
  453. font-size:10.5px;
  454. letter-spacing:1.5px;
  455. font-family:times;
  456. text-transform:uppercase;
  457. }
  458.  
  459. #credit a{
  460. padding:5px;
  461. color:#dccbe7;
  462. }
  463.  
  464. #credit a:hover{
  465. text-decoration:none;
  466. background-color:#dccbe7;
  467. color:white;
  468. -moz-transition-duration:1.5s;
  469. -webkit-transition-duration:1.5s;
  470. -o-transition-duration:1.5s;
  471. }
  472.  
  473. /*RIGHT IMAGE*/
  474. #decorate{
  475. position:fixed;
  476. right:85px;
  477. margin-top:135px;
  478. }
  479.  
  480. #decorate img{
  481. width:220px;
  482. height:220px;
  483. }
  484.  
  485. #decoratestuff{
  486. color:black;
  487. margin-left:45px;
  488. margin-top:-170px;
  489. padding:15px;
  490. height:90px;
  491. width:95px;
  492. opacity:0;
  493. overflow-y:auto;
  494. -moz-transition-duration:1s;
  495. -webkit-transition-duration:1s;
  496. -o-transition-duration:1s;
  497. }
  498.  
  499. #decorate:hover #decoratestuff{
  500. opacity:1;
  501. -moz-transition-duration:2s;
  502. -webkit-transition-duration:2s;
  503. -o-transition-duration:2s;
  504. }
  505.  
  506. {CustomCSS}</style></head><body>
  507.  
  508. <div id="decorate"><img src="{image:rightimg}"/><div id="decoratestuff"><center><div style="background-color:{color:even link bg};padding:2px">Updates</div>text heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext heretext here</center></div></div>
  509.  
  510. <div id="sidebar">
  511.  
  512. <div id="title"><h2>{Title}</h2></div>
  513.  
  514. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  515.  
  516. <div id="description">
  517. {Description}
  518. </div>
  519.  
  520.  
  521. <div class="links">
  522. <a title="home" href="/"></a>
  523. <a title="message" href="/ask"></a>
  524. {block:IfShowLink1}<a title="{text:Link 1 Text}" href="{text:Link 1}"></a>{/block:IfShowLink1}
  525. {block:IfShowLink2}<a title="{text:Link 2 Text}" href="{text:Link 2}"></a>{/block:IfShowLink2}
  526. {block:IfShowLink3}<a title="{text:Link 3 Text}" href="{text:Link 3}"></a>{/block:IfShowLink3}
  527. {block:IfShowLink4}<a title="{text:Link 4 Text}" href="{text:Link 4}"></a>{/block:IfShowLink4}
  528. {block:IfShowLink5}<a title="{text:Link 5 Text}" href="{text:Link 5}"></a>{/block:IfShowLink5}
  529. {block:IfShowLink6}<a title="{text:Link 6 Text}" href="{text:Link 6}"></a>{/block:IfShowLink6}
  530. </div>
  531.  
  532.  
  533. {block:Pagination}<div id="pagination">
  534. {block:PreviousPage}<a title="backward" href="{PreviousPage}">fall</a>&nbsp;&nbsp;{/block:PreviousPage}
  535. {block:JumpPagination length="3"}
  536. {block:CurrentPage}<span class="current_page" style="text-decoration:underline">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  537. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  538. {/block:JumpPagination}
  539. {block:NextPage}<a title="forward" href="{NextPage}">soar</a>{/block:NextPage}
  540. </div>{/block:Pagination}
  541.  
  542. </div>
  543.  
  544. <div id="entries">{block:Posts}<div id="post">
  545.  
  546. {block:Text}<h1 style="text-align:right;font-style:italic">{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  547.  
  548. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}</center>{/block:Photo}
  549.  
  550. {block:Photoset}<center>{Photoset-400}{block:Caption}{Caption}{/block:Caption}</center>{/block:Photoset}
  551.  
  552. {block:Quote}<div class="quoyo">"{Quote}"</div><br>{block:Source}<div class="quoso">- {Source}</div>{/block:Source}{/block:Quote}
  553.  
  554. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  555.  
  556. {block:Chat}
  557. <div class="chat"><ul>{block:Lines}<li class="{Alt}">{block:Label} {Label} {/block:Label}{Line}</li>{/block:Lines}</ul></div>{/block:Chat}
  558.  
  559. {block:Audio}{block:AlbumArt}<div id="arte"><img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px; margin-top:-30px;border-radius:100%" /></div>{/block:AlbumArt}<div id="playit">{AudioPlayerBlack}</div>
  560. <div style="margin-top:-20px">{block:TrackName}<b>Song:</b> {TrackName}{/block:TrackName} // {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}
  561. {/block:ExternalAudio}// <b>Play Count:</b> {PlayCount} </div> <br><br><br><br>
  562. {block:Caption}{Caption}{/block:Caption}
  563. {/block:Audio}
  564.  
  565. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  566.  
  567. {block:Answer}<div id="asker"><div class="luci"><img src="{AskerPortraitURL-24}"/></div><div id="quest"><span style="font-family:cambria;font-size:9px;font-style:italic;text-transform:uppercase">{Asker} whispered: </span>{Question}</div></div><left><font face="cambria">{Answer}</font>{/block:Answer}
  568.  
  569. <div id="info"><center>
  570. <br>entered on <a href="{Permalink}">{DayOfMonthWithZero} {Month} {Year}</a> {block:RebloggedFrom}|<a title="{ReblogParentName}"href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource}| <a title="{SourceTitle}" href="{SourceURL}">original</a>{/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} | <a title="{NoteCountWithLabel}" href="{Permalink}">Notes</a> <a style="float:right;" title="reblog" href="{ReblogURL}">+ reblog</a></center>
  571. {block:HasTags}<div id="tags"><center>journal tags:{block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}</center></div></div>
  572. {/block:Posts}
  573. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  574. {/block:Posts}</div></div></div>
  575.  
  576.  
  577.  
  578. <!--
  579. THEME MAKER CREDIT
  580. -->
  581.  
  582. <div id="credit"><a title="foundcas" href="http://foundcas.tumblr.com/"> fc</a></div>
  583.  
  584.  
  585. </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!