Advertisement
Guest User

Theme for arindahl ♡

a guest
Jul 23rd, 2014
145
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 6.22 KB | None | 0 0
  1. <!doctype html>
  2. <html lang="en">
  3.  
  4. <!-- Theme bases: Simple Harmony by Michael Xander;
  5.                  Theme 01 by silbreisen.tumblr.com
  6. Custom made for arindahl.tumblr.com - ily ! Keine Atempause! -->
  7.  
  8. <head>
  9. <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
  10. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400' rel='stylesheet' type='text/css'>
  11.  
  12.  <span style="position:fixed;left:0;bottom:0;"><a href="http://silbreisen.tumblr.com"><b><font face="Open Sans" size="1">theme</font></b></a></span>
  13.  
  14. <!-- customize your theme! -->
  15. <meta name="color:text" content="#000000">
  16. <meta name="color:link" content="#000">
  17. <meta name="color:link hover" content="#000">
  18. <meta name="color:title" content="#000000">
  19. <meta name="color:permalink" content="#fff">
  20. <meta name="color:permalink text" content="#000">
  21. <meta name="color:background" content="#fff">
  22. <meta name="color:post bg" content="#fff">
  23. <meta name="color:post border" content="#000000">
  24. <meta name="color:tags" content="#fff">
  25.  
  26.  
  27.     <meta name="color:Header Text" content="#000000"/>
  28.     <meta name="color:Description Text" content="#888888"/>
  29.     <meta name="color:Navi Links" content="#888888"/>
  30.     <meta name="color:Navi Hover" content="#ffffff"/>
  31.     <meta name="font:Header" content="Georgia, 'Bitstream Charter', serif"/>
  32.     <meta name="font:Description" content="Georgia, 'Bitstream Charter', serif"/>
  33.     <meta name="font:Content" content="Georgia, 'Bitstream Charter', serif"/>
  34.  
  35. <title>{title}</title>
  36. <link rel="shortcut icon" href="{Favicon}"/>
  37. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  38. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  39.  
  40. </style>
  41.  
  42. <style type="text/css">
  43.  
  44. body{
  45. color:{color:text}; font-size:14px; line-height: 1.5; background-color:{color:background}; }
  46.            
  47. .navigation{
  48. width:550px;
  49. color: {color:Header Text};
  50. margin-left:455px;
  51. display:block;
  52. margin-top:30px;
  53. float:center;
  54. position:absolute;
  55. padding:5px;
  56. font-family: {font:Header};
  57. text-align:center;
  58. }
  59.  
  60. .cent{
  61. width:515px;
  62. margin-left:427px;
  63. margin-top:160px;
  64. position:absolute;
  65. padding:5px;
  66. }
  67.  
  68. .post{
  69. width:500px;
  70. float:left;
  71. margin:27px;
  72. padding:20px;
  73. font-size:14px;
  74. border:{color:Description Text} solid 7px;
  75. background-color:{color:post bg};
  76. }
  77.  
  78. .quotes {
  79. font-family: 'Georgia';
  80. font-size:15px;
  81. }
  82.  
  83. .photos {
  84. border: {color:Description Text} solid 7px;
  85. }
  86.  
  87. .title {
  88. font-size:23px;
  89. color:{color:title};
  90. text-align:center;
  91. width:210px;
  92. margin-left:500px;
  93. position:fixed;
  94. height:50px;
  95. padding-top:2px;
  96. margin-top:115px;
  97. }
  98.  
  99. .top {
  100. margin-left: 550px;
  101. margin-top:-30px;
  102. position: absolute;
  103. width:85px;
  104. padding:5px;
  105. }
  106.  
  107. .tags {
  108. margin-top:20px;
  109. color:{color:tags};
  110. background-color:{color:Description Text};
  111. padding:2px;
  112. text-transform:lowercase;
  113. font-family: 'Source Sans Pro', sans serif;
  114. font-weight: 300;
  115. }
  116.  
  117. a:link, a:active, a:visited {
  118. color:{color:link};
  119. text-decoration:none;
  120. }
  121.  
  122. a:hover {
  123. color:{color:link hover};
  124. text-decoration:none; }
  125.  
  126. a.tags {
  127. color:white;}
  128.  
  129. a.heart {
  130. color:black;}
  131.  
  132. {CustomCSS]</style>
  133. </head>
  134.  
  135.  
  136. <body>
  137. <!-- navigation -->
  138.     <div class="navigation">
  139. <center>
  140. <font size="40">{title}<br></font></font>
  141. <font size="4.5" color="{color:Description Text}">{description}</font><br><br>
  142. <hr><font style="text-transform: uppercase">
  143.         <a href="/">Home</a>
  144.         {block:HasPages}
  145.         {block:Pages}<a href="{URL}">{Label}</a> {/block:Pages}
  146.         {/block:HasPages}
  147.         {block:AskEnabled} <a href="/ask">Ask</a> {/block:AskEnabled}
  148.         {block:SubmissionsEnabled} <a href="/submit">Submit</a> {/block:SubmissionsEnabled}                
  149.           <a href="/archive">Archive</a></font>
  150. <hr>
  151. </font>
  152. </div><br><br><br>
  153.  
  154. <div class="title"></div>
  155.  
  156. <!-- posts -->
  157. <div class="cent">
  158. {block:Posts}
  159.  
  160. <div class="post">
  161.  
  162. {block:Title}<div class="quotes"><u>{Title}</u></div>{/block:Title}
  163.  
  164. {block:Text}{Body}{/block:Text}
  165.  
  166. {block:Photo}
  167. <a href="{permalink}"><img src="{PhotoURL-500}" width="500"/></a>
  168. {/block:Photo}
  169.  
  170. {block:Photoset}
  171. {Photoset-500}
  172. {/block:Photoset}
  173.  
  174. <div class="quotes">
  175. {block:Quote}
  176. <i>{Quote}</i></div><br>
  177. <div align="right">
  178. {block:Source}- {Source}{/block:Source}
  179. {/block:Quote}</div>
  180.  
  181. {block:Link}
  182. <a href="{URL}" class="link" {Target}><div class="quotes">
  183. {Name}</div> </a> <br>
  184. {block:Description}{Description}{/block:Description}
  185. {/block:Link}
  186.  
  187. {block:Chat}
  188. {block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}
  189. <ul class="chat">
  190. {block:Lines}
  191. <li class="{Alt} user_{UserNumber}">
  192. {block:Label}<em>{Label}</em>{/block:Label}
  193. {Line}
  194. </li>
  195. {/block:Lines}
  196. </ul>
  197. {/block:Chat}
  198.  
  199. {block:Video}
  200. {Video-500}
  201. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  202. {/block:Video}
  203.  
  204. {block:Audio}
  205. {AudioPlayerWhite}
  206. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  207. {/block:Audio}
  208.  
  209. {block:Answer}
  210. {Asker}: <b>{Question}</b><br>
  211. {Answer}
  212. {/block:Answer}
  213.  
  214. <!-- permalink -->
  215. <div class="top">
  216. <a href="{Permalink}" class="heart"></a> {NoteCount}</div>
  217.  
  218. <!-- permalink page: caption / tags / notes -->
  219. {block:PermalinkPage}
  220. {block:Caption}
  221. {Caption}
  222. {/block:Caption}
  223. <br>
  224. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  225. {/block:PermalinkPage}
  226.  
  227. <!-- tags -->
  228. <div class="tags">
  229. {block:HasTags}&nbsp; tags: &nbsp;{block:Tags}#<a href="{TagURL}" class="tags">{Tag}</a>&nbsp;  {/block:Tags}{/block:HasTags}
  230. <br></div>
  231.  
  232. </div>
  233.  
  234. {/block:Posts}
  235.  
  236. <!-- pagination -->
  237. {block:Pagination}
  238.     <nav id="pageNav">
  239.         <ul>
  240.             {block:PreviousPage}<li><a href="{PreviousPage}" id="pageNavNewer">Newer</a></li>{/block:PreviousPage}
  241.             {block:JumpPagination length="5"}
  242.             {block:CurrentPage}<li><a href="{URL}" class="active">{PageNumber}</a></li>{/block:CurrentPage}
  243.             {block:JumpPage}<li><a href="{URL}">{PageNumber}</a></li>{/block:JumpPage}
  244.             {/block:JumpPagination}
  245.             {block:NextPage}<li><a href="{NextPage}" id="pageNavOlder">Older</a></li>{/block:NextPage}
  246.         </ul>
  247.     </nav>
  248. {/block:Pagination}
  249.  
  250. </div>
  251.  
  252. </body>
  253. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement