Advertisement
ru2

Latte

ru2
Feb 12th, 2012
350
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.09 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <!--
  4. Theme >> Latte
  5.  
  6. By >> Ruba [http://ru2.tumblr.com/]
  7.  
  8. >> Free to use, to share and alter
  9.  
  10. >> Please give credit.
  11.  
  12. -->
  13. <link href='http://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>
  14. <script type="text/javascript">
  15. WebFontConfig = {
  16. google: { families: [ 'Allura::latin' ] }
  17. };
  18. (function() {
  19. var wf = document.createElement('script');
  20. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  21. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  22. wf.type = 'text/javascript';
  23. wf.async = 'true';
  24. var s = document.getElementsByTagName('script')[0];
  25. s.parentNode.insertBefore(wf, s);
  26. })(); </script>
  27. <head>
  28. <META name="color:Background" content="#F3F1ED">
  29. <META name="color:text" content="#5e4d46" />
  30. <META name="color:Title" content="#e94e77" />
  31. <META name="color:link" content="#d68189" />
  32. <META name="color:linkhover" content="#f24855" />
  33. <META name="color:right Background" content="#CABCA2" />
  34. <META name="color:Posts" content="#EBE4D5" />
  35. <META name="color:sidebar" content="" />
  36. <META name="color:Description" content="#b1a6a6" />
  37. <META name="color:Nav Background" content="#c6a49a" />
  38. <META name="color:Nav Background Hover" content="#d68189" />
  39. <META name="color:Nav Text" content="#e5e7e9" />
  40. <META name="color:Nav Text Hover" content="#dcdde1" />
  41. <META name="font:body" content="tahoma" />
  42. <META name="image:sidebar" content="http://media.tumblr.com/tumblr_lzbg3yAiUi1qan8h1.gif" />
  43. <META name="image:Icon1" content="http://media.tumblr.com/tumblr_lzbbckdM7A1qan8h1.jpg" />
  44. <META name="image:Icon2" content="http://media.tumblr.com/tumblr_lzbbpwN8Gt1qan8h1.jpg" />
  45. <META name="image:Icon3" content="http://media.tumblr.com/tumblr_lzbbrcuOov1qan8h1.jpg" />
  46. <META name="image:Background" content="http://static.tumblr.com/q6qqnsd/bUMlzbf37/untitled-1.gif" />
  47. <META name="if:show sidebar" content="1" />
  48. <META name="if:show sidebar image" content="1" />
  49. <META name="if:show Description " content="1" />
  50. <META name="text:font size" content="11" />
  51. <META name="text:title size" content="90" />
  52.  
  53.  
  54. <title>{Title}</title>
  55. <link rel="shortcut icon" href="{Favicon}">
  56. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  57.  
  58. <style type="text/css">
  59. @import url(http://fonts.googleapis.com/css?family=Allura);
  60. @font-face {
  61. font-family: "tempesta";
  62. src: url('http://static.tumblr.com/q6qqnsd/SXelzcjik/pf_tempesta_seven_condensed.ttf');
  63. }
  64. @font-face {
  65. font-family:"alterebro-pixel-font";src:url('http://static.tumblr.com/fvtud4x/hbolxfxbd/alterebro-pixel-font.ttf');
  66. }
  67. body {
  68. background-color: {color:Background};
  69. background-image: url('{image:Background}');
  70. background-position: bottom left;
  71. background-repeat: repeat;
  72. background-attachment: fixed;
  73. height: 100%;
  74. width: 100%;
  75. font-family:{font:body};
  76. font-size:{text:font size}px;
  77. line-height:12px;
  78. text-align:justify;
  79. }
  80. #topnav {
  81. background-color: {color:right Background};
  82. font-family: "tinytots";
  83. font-size: 9px;
  84. color: {color: text};
  85. letter-spacing: 1px;
  86. text-align: left;
  87. width: 100%;
  88. height: 75px;
  89. top: 590px;
  90. left:970px;
  91. position: fixed;
  92. }
  93. #header {
  94. font-family: 'Allura', cursive;
  95. font-size:{text:title size}px;
  96. color: {color:Title};
  97. letter-spacing: 4px;
  98. text-align: left;
  99. margin-right: 23px;}
  100. #customnav {
  101. left: 990px;
  102. top:645px;
  103. float: right;
  104. position: fixed;
  105. font-family: 'Open Sans Condensed', sans-serif;
  106. letter-spacing: 1px;
  107. }
  108. #customnav a {
  109. background-color: {color:Nav Background};
  110. width: 70px;
  111. height: 70px;
  112. padding: 9px;
  113. font-family: "tempesta";
  114. font-size: 9px;
  115. color: {color:Nav Text};
  116. text-decoration: none;
  117. text-align: center;
  118. -moz-border-radius: 35px;
  119. border-radius: 35px;
  120. }
  121.  
  122. #customnav a:hover {
  123. background-color: {color:Nav Background Hover};
  124. color: {color:Nav Text Hover};
  125. }
  126.  
  127.  
  128. #container {
  129. width: 805px;
  130. }
  131. a:link, a:active, a:visited{
  132. color:{color:link};
  133. text-decoration:none;
  134. transition: .5s ease;
  135. -webkit-transition: .5s ease;
  136. -moz-transition: .5s ease;
  137. }
  138.  
  139. a:hover{
  140. color:{color:linkhover};
  141. font-family:{font:title font};
  142. text-decoration:none;
  143. font-size:{text:font size};
  144. cursor:crosshair;
  145. }
  146. h3{
  147. color:{color:link};
  148. font-family:"Georgia";
  149. font-size:20px;
  150. line-height:20px;
  151. letter-spacing:0px;
  152. font-weight:normal;
  153. text-transform:lowercase;
  154. letter-spacing:2px;
  155. }
  156. h5{
  157. color:{color:link};
  158. font-family:"Georgia";
  159. font-size:20px;
  160. line-height:20px;
  161. letter-spacing:0px;
  162. font-weight:normal;
  163. letter-spacing:2px;
  164. }
  165.  
  166.  
  167. #entry{
  168. color:{color:text};
  169. background-color:{color:Posts};
  170. padding:5px;
  171. margin-left:355px;
  172. margin-right:;
  173. margin-top:25px;
  174. margin-bottom:0px;
  175. width:500px;
  176. overflow:hidden;
  177. }
  178.  
  179. #date{
  180. background-color:{color:Posts};
  181. font-family: "tempesta";
  182. font-size:8px;
  183. padding-left:5px;
  184. padding-right:5px;
  185. padding-bottom:8px;
  186. margin-left:355px;
  187. margin-right:;
  188. margin-top:;
  189. margin-bottom:7px;
  190. border-top:1px {color:link} solid;
  191. width:500px;
  192. overflow:hidden;
  193. text-transform:lowercase;
  194. }
  195.  
  196. #sidebar{
  197. background-color:{color:sidebar};
  198. color:{color:Description};
  199. margin-left:160px;
  200. margin-right:;
  201. top:90px;
  202. padding-top:63px;
  203. margin-bottom:;
  204. width:200px;
  205. position:fixed;
  206. overflow:hidden;
  207. }
  208. sideimg{
  209. width:170px;
  210. border: 5px solid
  211. opacity:1;
  212. }
  213. Description{
  214. background-color:{color:sidebar};
  215. color:{color:Description};
  216. width:200px;
  217. padding-top:17px;
  218. margin-left:10px;
  219. }
  220.  
  221. #portrait1 {
  222. position:fixed;
  223. width: 70px;
  224. height: 70px;
  225. margin-left: 10px;
  226. padding-top:17px;
  227. padding-left:47px;
  228. }
  229.  
  230.  
  231. #portrait1 .profilepic{
  232. background: url('{image:Icon1}');
  233. width: 70px;
  234. height: 70px;
  235. border: 5px solid #fff;
  236. margin-top:83px;
  237. margin-bottom:;
  238. -webkit-border-radius: 70px;
  239. -moz-border-radius: 70px;
  240. border-radius: 70px;
  241. }
  242. #portrait2 {
  243. position:fixed;
  244. width: 70px;
  245. height: 70px;
  246. }
  247.  
  248.  
  249. #portrait2 .profilepic{
  250. background: url('{image:Icon2}');
  251. width: 70px;
  252. height: 70px;
  253. border: 5px solid #fff;
  254. margin-top:83px;
  255. margin-bottom:;
  256. -webkit-border-radius: 70px;
  257. -moz-border-radius: 70px;
  258. border-radius: 70px;
  259. }
  260. #portrait3 {
  261. position:fixed;
  262. width: 70px;
  263. height: 70px;
  264. }
  265.  
  266. #portrait3 .profilepic{
  267. background: url('{image:Icon3}');
  268. width: 70px;
  269. height: 70px;
  270. border: 5px solid #fff;
  271. margin-top:83px;
  272. margin-bottom:;
  273. -webkit-border-radius: 70px;
  274. -moz-border-radius: 70px;
  275. border-radius: 70px;
  276. }
  277.  
  278.  
  279. #pagination {
  280. margin-top:440px;
  281. margin-left:275px;
  282. text-align:center;
  283. font-family:"tahoma";
  284. font-size:12px;
  285. position:fixed;
  286. }
  287. </style>
  288. </head>
  289.  
  290.  
  291. <body>
  292. <div id="topnav">
  293. <div id="header">{Title}</div>
  294. <div id="customnav">
  295. <a href="/">H</a>&nbsp;<a href="/archive">E</a>&nbsp;<a href="/ask">A</a>&nbsp;<a href="/random">R</a>&nbsp;<a href="http://ru2themes.tumblr.com/">T</a></div></div>
  296. </div>
  297. </div>
  298. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage} {CurrentPage}/{TotalPages} {block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}</div>
  299.  
  300.  
  301. <div id="wrapper">
  302. <div id="left"><h5><div id="portrait1"><div class=
  303. "profilepic"><div id="portrait2"><div class=
  304. "profilepic"><div id="portrait3"><div class=
  305. "profilepic"></div></div></p></div></div></div>
  306. </h5></center></div>
  307. {block:ifshowsidebar}<div id="sidebar">
  308. {block:ifshowsidebarimage}<center><div class="sideimg"><img src="{image:sidebar}" width=200px /></div></center><br />{/block:ifshowsidebarimage}
  309. <center><br />{block:ifshowDescription}{Description}{/block:ifshowDescription}{/block:ifshowsidebar}
  310. </div></div></div>
  311.  
  312. <div class="autopagerize_page_element">
  313. <div style="margin-left:20px"><div class = "autopagerize_page_element" >
  314.  
  315. {block:Posts}
  316. <div id="perma"><a href="{Permalink}"></a><span class="tags"></span></div>
  317. <div id="entry">
  318.  
  319.  
  320. {block:Text}
  321. {block:Title}<center><div class="title"><h3>{Title}</span></h3></div></center>{/block:Title}{Body}
  322. {/block:Text}
  323.  
  324.  
  325. {block:Photo}
  326. <center><img src="{PhotoURL-500}" /></center>
  327. {block:Caption}<div style="margin:-5px 0 -10px 0">{Caption}</div>{/block:Caption}
  328. {/block:Photo}
  329.  
  330.  
  331. {block:Photoset}
  332. <center>{Photoset-500}</center>
  333. {block:Caption}{Caption}{/block:Caption}
  334. {/block:Photoset}
  335.  
  336.  
  337. {block:Quote}
  338. <div align="right"><h3><span style=font-family:gorgia; font-size:55px;>&#10077;<i>{Quote}</i>&#10077;</span></h3>
  339. {block:Source}— {Source}{/block:Source}</div>
  340. {/block:Quote}
  341.  
  342.  
  343. {block:Link}
  344. <center><a href="{URL}" class="link" {Target}><h3><span style=font-family:{font:title font}; font-size:55px;>{Name}</span></h3></a></center>
  345. {block:Description}<p>{Description}</p>{/block:Description}
  346. {/block:Link}
  347.  
  348.  
  349. {block:Chat}
  350. <div class="conversation">
  351. {block:Title}<h3>{Title}</h3>{/block:Title}
  352. <ul type="none">
  353. {block:Lines}
  354. <li>
  355. {block:Label}<span class="person"><b>{Label}</b></span>{/block:Label}
  356. <span class="line">{Line}</span></li>
  357. {/block:Lines}
  358. </ul>
  359. </div>
  360. {/block:Chat}
  361.  
  362. {block:Audio}
  363. <center>{PlayCountWithLabel}<br /><br />
  364. {AudioPlayerBlack}</center>{block:Caption}{Caption}{/block:Caption}
  365. {/block:Audio}
  366.  
  367.  
  368. {block:Video}
  369. <center>{Video-500}</center>{block:Caption}{Caption}{/block:Caption}<ul><i>{PlayCountWithLabel}</i></ul>
  370. {/block:Video}
  371.  
  372.  
  373.  
  374. {block:Answer}
  375. <ul><h3><img src="{AskerPortraitURL-30}" style=" -moz-border-radius: 21px; -webkit-border-radius: 21px; -o-border-radius:21px;"></img><span style=font-family:{font:title font}; font-size:55px;> {Asker}</h3></span>
  376. {Question}</ul>
  377. {Answer}
  378. {/block:Answer}
  379.  
  380. </div>
  381.  
  382. {block:Date}<div id="date">
  383. <div align="right">
  384. <br /><a href="{Permalink}">{TimeAgo}</a> • {block:NoteCount}{NoteCountWithLabel} •{/block:NoteCount}{block:RebloggedFrom} reblogged via <a href="{ReblogParentURL}">{ReblogParentName}</a> (originally <a href="{ReblogRootURL}">{ReblogRootName}</a>) •{/block:RebloggedFrom}{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags} • <a href="{ReblogURL}">reblog</a><br /></div></div>{/block:Date}
  385.  
  386. {/block:Posts}
  387. {block:PostNotes}<div id="date">{PostNotes}</div>{/block:PostNotes}</div>
  388.  
  389.  
  390. </div>
  391. </body>
  392. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement