API tools faq
paste
Caylo

Theme 09

Caylo
Nov 20th, 2013
584
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 8.20 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4.  
  5. THEME 09 BY CAYLO (princeoberynn)
  6. Please don't steal, redistribute or remove credit!
  7. Thank you ♥
  8.  
  9. -->
  10.  
  11.  
  12. <html xml:lang="en" lang="en">
  13. <head><title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17.  
  18.  
  19.  
  20. <meta name="color:Sidebarlink" content="#747474"/>
  21. <meta name="color:Description" content="#868686"/>
  22. <meta name="color:Text" content="#868686"/>
  23. <meta name="color:Link" content="#777777"/>
  24. <meta name="color:Hover" content="#545454"/>
  25. <meta name="color:Info" content="#777777"/>
  26. <meta name="color:Border" content="#e1e1e1"/>
  27. <meta name="color:Imageborder" content="e1e1e1" />
  28. <meta name="if:5 links" content="0" />
  29. <meta name="image:sidebar" content=""/>
  30. <meta name="text:Link 1" content="" />
  31. <meta name="text:Link 1 url" content="" />
  32. <meta name="text:Link 2" content="" />
  33. <meta name="text:Link 2 url" content="" />
  34. <meta name="text:Link 3" content="" />
  35. <meta name="text:Link 3 url" content="" />
  36. <meta name="text:Link 4" content="" />
  37. <meta name="text:Link 4 url" content="" />
  38. <meta name="text:Link 4" content="" />
  39. <meta name="text:Link 4 url" content="" />
  40.  
  41.  
  42. <style type="text/css">
  43.  
  44.  
  45. body {
  46.     margin:0px;
  47.     color:{color:text};
  48.     font-family: 'Arial', 'Helvetica', sans-serif;
  49.     font-size:10px;
  50. }
  51.  
  52. a {
  53.     text-decoration:none;
  54.     outline:none;
  55.     -moz-outline-style:none;
  56.     color:{color:link};
  57.     -webkit-transition: all 0.7s ease;
  58.     -moz-transition: all 0.7s ease;
  59.     -o-transition: all 0.7s ease
  60. }
  61.  
  62. pre, p{
  63.     white-space: -moz-pre-wrap;
  64.     white-space: -pre-wrap;
  65.     white-space: -o-pre-wrap;
  66.     white-space: pre-wrap;
  67.     word-wrap: break-word;
  68. }
  69.  
  70. img {
  71.     border:none;
  72. }
  73.  
  74. blockquote {
  75.     padding-left:20px;
  76.     border-left:1px solid #ccc;
  77. }
  78.    
  79. blockquote blockquote {
  80.     padding-left:20px;
  81.     border-left:1px solid #ccc;
  82. }
  83.  
  84. h1 {
  85.     font-size:14px;
  86.     padding-bottom:10px;
  87.     font-weight: 600;
  88. }
  89.  
  90. a:hover {
  91.     opacity:10;
  92.     color:{color:hover};
  93.     -webkit-transition: all 0.7s ease;
  94.     -moz-transition: all 0.7s ease;
  95.     -o-transition: all 0.7s ease
  96. }
  97.  
  98.  
  99. #entries {
  100.     padding:10px;
  101.     width:500px;
  102.     margin-left:450px;
  103.     margin-top:40px;
  104.     font-size:10px;
  105. }
  106.  
  107. #post {
  108.     width:500px;
  109.     padding-bottom:20px;
  110.     padding:10px;
  111.     margin-top:30px;
  112. }
  113.  
  114.  
  115. #sidebar {
  116.     width:120px;
  117.     position:fixed;
  118.     margin-left:230px;
  119.     margin-top:200px;
  120.     opacity:.90;
  121.     text-align:center;
  122. }
  123.  
  124. #sidebarimage {
  125.     -webkit-transition: all 0.4s ease;
  126.     -moz-transition: all 0.4s ease;
  127.     -o-transition: all 0.4s ease
  128. }
  129.  
  130. #sidebarimage img {
  131.     width: 100px;
  132.     height: 100px;
  133.     border: 10px solid {color:imageborder};
  134. }
  135.  
  136. #sidebarimage:hover{
  137.     opacity: 0.8;
  138.     -webkit-transition: all 0.4s ease;
  139.     -moz-transition: all 0.4s ease;
  140.     -o-transition: all 0.4s ease
  141. }
  142.  
  143.  
  144. #links{
  145.     float:right;
  146.     font-family:'consolas', monospace;
  147.     font-size: 9px;
  148.    
  149.     -webkit-transition: all 0.7s ease;
  150.     -moz-transition: all 0.7s ease;
  151.     -o-transition: all 0.7s ease
  152. }
  153.  
  154. #links a span{
  155.     display:none;
  156.     padding: 4px;
  157.     width: 45px;
  158.     margin-left: 25px;
  159.     margin-top: -12px;
  160.     text-align:center;
  161.     position: absolute;
  162.     z-index:10;
  163.     text-shadow: none;
  164.     background-color: #f2f2f2;
  165.     -webkit-transition: all 0.7s ease;
  166.     -moz-transition: all 0.7s ease;
  167.     -o-transition: all 0.7s ease
  168. }
  169.  
  170. #links a:hover span{
  171.     display:block;
  172.     -webkit-transition: all 0.7s ease;
  173.     -moz-transition: all 0.7s ease;
  174.     -o-transition: all 0.7s ease
  175. }
  176.  
  177. .link {
  178.     padding: 2px 0;
  179. }
  180.  
  181. .link a {
  182.     color:{color:sidebarlink};
  183.     text-decoration:none;
  184. }
  185.  
  186. .link a:hover {
  187.    color:{color:sidebarhover};
  188. }  
  189.  
  190.  
  191. #wrapper{
  192.     margin-top: 10px;
  193.     width: 120px;
  194.     min-height: 60px;
  195. }
  196.  
  197. #description {
  198.     min-height: 55px;
  199.     {block:If5Links}
  200.         min-height: 70px;
  201.     {/block:If5Links}
  202.     float:left;
  203.     font-size: 10px;
  204.     font-family:'Calibri', sans-serif;
  205.     width: 87px;
  206.     padding: 0 8px 0 2px;
  207.     text-align:justify;
  208.     border-right: 2px solid {color:border};
  209.     color:{color:description};
  210. }
  211.  
  212. #pagination {
  213.     text-align: right;
  214.     width: 118px;
  215.     font-size:10px;
  216.     margin-bottom: 3px;
  217.     font-style: italic;
  218. }
  219.  
  220. #pagination a{
  221.     color:{color:description};
  222. }
  223.  
  224.  
  225. #info {
  226.     font-family:'century gothic', sans-serif;
  227.     padding: 5px 0;
  228.     margin-top: 15px;
  229.     border-top: 1px solid {color:border};
  230.     font-size: 9px;
  231. }
  232.  
  233. #info a{
  234.     color: {color:info};
  235. }
  236.  
  237. #info a:hover{
  238.     color: {color:hover};
  239. }
  240.  
  241. .tag{
  242.     padding-right: 5px;
  243.     display: inline;
  244. }
  245.  
  246. .tag a{
  247.     color: {color:info};
  248. }
  249.  
  250. #tags {
  251.     padding-top: 5px;
  252. }
  253.    
  254. #tags a {
  255.     display:inline;
  256.     padding:-3px;
  257.     -webkit-transition: all 0.6s ease-in-out;
  258.     -moz-transition: all 0.6s ease-in-out;
  259.     -o-transition: all 0.6s ease-in-out;
  260.     -ms-transition: all 0.6s ease-in-out;
  261.     transition: all 0.6s ease-in-out;
  262. }  
  263.  
  264. #asker{
  265.     font-family: 'Century Gothic', sans-serif;
  266.     text-transform: uppercase;
  267.     padding-bottom: 10px;
  268. }
  269.  
  270. #question {
  271.     padding: 15px;
  272.     border: 7px double #eee;
  273. }
  274.  
  275. {CustomCSS}</style></head><body>
  276.  
  277. <div id="sidebar">
  278.  
  279. {block:Pagination}<div id="pagination">
  280. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
  281. {block:NextPage}<a href="{NextPage}">- forth</a>{/block:NextPage}
  282. </div>{/block:Pagination}
  283.  
  284. <div id="sidebarimage"><a href="/"><img src="{image:sidebar}"></a></div>
  285.  
  286. <div id = "wrapper">
  287. <div id="description">{Description}</div>
  288.  
  289. <div id="links">
  290. <div class="link"><a href="{text:link 1 url}">01.<span>{text:link 1}</span></a></div>
  291. <div class="link"><a href="{text:link 2 url}">02.<span>{text:link 2}</span></a></div>
  292. <div class="link"><a href="{text:link 3 url}">03.<span>{text:link 3}</span></a></div>
  293. <div class="link"><a href="{text:link 4 url}">04.<span>{text:link 4}</span></a></div>
  294. {block:If5Links}<div class="link"><a href="{text:link 5 url}">05.<span>{text:link 5}</span></a></div>{/block:If5Links}
  295. </div>
  296.  
  297. </div>
  298. </div>
  299.  
  300. <div id="entries">
  301. {block:Posts}
  302. <div id="post">
  303.  
  304.  
  305. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  306.  
  307. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  308.  
  309. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  310.  
  311. {block:Quote}<center><h1>"{Quote}"</h1><br/>{Source}</center>{/block:Quote}
  312.  
  313. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  314.  
  315. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  316.  
  317. {block:Audio}
  318. {AudioPlayerWhite}
  319. {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  320. {Caption}
  321. {/block:Audio}
  322.  
  323. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  324.  
  325. {block:Answer}<div id = "question">
  326. <div id="asker">{Asker} asked: </div><i>{Question}</i></div><div style="margin-left: 10px;">{Answer}</div>{/block:Answer}
  327.  
  328. {block:Date}
  329. <div id = "info">
  330. <div id = "dates">
  331. <a href="{Permalink}">{TimeAgo}</a> &nbsp;
  332. {block:NoteCount}<a href="{Permalink}">♥{NoteCount}</a> &nbsp;{/block:NoteCount}
  333. {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a> &nbsp;{/block:RebloggedFrom}  
  334. {block:ContentSource}<a href="{SourceURL}"><a href="{SourceURL}">source</a> &nbsp; {/block:ContentSource}
  335. <a href="{ReblogURL}">reblog</a>
  336.  
  337. </div>
  338. {block:HasTags}
  339. <div id = "tags">
  340. {block:Tags}<div class="tag"><a href="{TagURL}">#{Tag}</a></div>{/block:Tags}
  341. </div>
  342. {/block:HasTags}
  343. </div>
  344. {/block:Date}
  345. </div>
  346. {/block:Posts}
  347.  
  348. {block:PostNotes}{PostNotes-16}{/block:PostNotes}
  349. </div>
  350.  
  351.  
  352. <!-- CREDIT, PLEASE DON'T TOUCH -->
  353.  
  354. <div style="position:fixed; bottom:6px; right:12px; font-size:8px; letter-spacing:1px; font-family:gautami;"><a href="http://carolinesthemes.tumblr.com/">CAYLO</a></div>
  355.  
  356.    
  357. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!