Advertisement
ru2

Sakura

ru2
Feb 20th, 2012
431
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.26 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 >> Sakura
  5. By >> Ruba [http://ru2.tumblr.com/]
  6. >> Free to use, to share and alter
  7. >> Please give credit.
  8. -->
  9. <head>
  10. <title>{Title}</title>
  11. <link href='http://fonts.googleapis.com/css?family=Reenie+Beanie' rel='stylesheet' type='text/css'>
  12. <link href='http://fonts.googleapis.com/css?family=Exo' rel='stylesheet' type='text/css'>
  13. <script type="text/javascript">
  14. WebFontConfig = {
  15. google: { families: [ 'Exo::latin' ] }
  16. };
  17. (function() {
  18. var wf = document.createElement('script');
  19. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  20. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  21. wf.type = 'text/javascript';
  22. wf.async = 'true';
  23. var s = document.getElementsByTagName('script')[0];
  24. s.parentNode.insertBefore(wf, s);
  25. })(); </script>
  26. <script language="JavaScript">
  27. </script>
  28. </head>
  29. <META name="color:Background" content="#FFECEC">
  30. <META name="color:body" content="#7C7171">
  31. <META name="color:Post Link" content="#EC4D68">
  32. <META name="color:Post Hover" content="#DB929E">
  33. <META name="color:Post Background" content="#FCDFE5">
  34. <META name="color:Side1" content="#544741">
  35. <META name="color:Arrow" content="#E6A3B6" />
  36. <META name="color:ArrowBackground" content="#E2E9D4" />
  37. <META name="color:Side2" content="#A39D8F">
  38. <META name="color:Navbar" content="#D4CDBB" />
  39. <META name="color:Side3" content="#B2BB91">
  40. <META name="color:customText" content="#63714D">
  41. <meta name="color:customBG" content="#A39D8F" />
  42. <meta name="color:custom2BG" content="#78654F" />
  43. <META name="image:sidebar" content="http://media.tumblr.com/tumblr_lzoswmRYUN1qan8h1.jpg" />
  44. <META name="image:Background" content="">
  45. <META name="text:Link1" content="LINK">
  46. <META name="text:URL1" content="">
  47. <META name="text:Link2" content="LINK">
  48. <META name="text:URL2" content="">
  49. <META name="text:Link3" content="LINK">
  50. <META name="text:URL3" content="">
  51. <META name="text:Link4" content="LINK">
  52. <META name="text:URL4" content="">
  53. <title>{Title}</title>
  54. <link rel="shortcut icon" href="{Favicon}">
  55. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  56. <style type="text/css">
  57. @import url(http://fonts.googleapis.com/css?family=Exo);
  58. body{
  59. color:{color:body};
  60. background-color:{color:Background};
  61. background-image: url('{image:Background}');
  62. background-position:center;
  63. background-repeat: repeat;
  64. background-attachment: fixed;
  65. font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'Times New Roman', sans-serif;
  66. font-size:9pt;
  67. line-height: 12px;
  68. text-align: justify;}
  69. a:link, a:visited, a:active {
  70. color: {color:Post Link};
  71. text-decoration: none;
  72. font-weight: normal;
  73. padding-bottom: 2px;}
  74. a:hover {
  75. color: {color:Post Hover};
  76. text-decoration: none;
  77. font-weight: normal;}
  78. i, em {font-style:italic;}
  79. u {text-decoration:underline;}
  80. strong, b, strong a, strong a:visited, b a, b a:visited {font-weight: bold;}
  81. small, small a, small a:visited {font-size: 11px; line-height: 16px;}
  82. h1, h3, h1 a, h3 a, h1 a:link, h3 a:link {
  83. margin-top: 7px;
  84. font-family: "Yakout";
  85. font-size: 22px;
  86. line-height: 20px;
  87. margin-bottom: -5px;
  88. color: {color:Post Link};
  89. font-weight: 500;}
  90. #everything{
  91. width: 805px;}
  92. #sidenav1 {
  93. background-color: {color:Side1};
  94. height: 9000px;
  95. width: 75px;
  96. top: 0px;
  97. left:0px;
  98. position: fixed;}
  99. #page {
  100. position: fixed;
  101. bottom: 47px;
  102. left: 15px;}
  103. #page a {
  104. display: inline-block;
  105. height: 50px;
  106. width:40px;
  107. font-family: tahoma, sans-serif;
  108. font-size: 38px;
  109. color: {color:Arrow};
  110. background-color: {color:ArrowBackground};
  111. text-decoration: none;
  112. line-height: 40px;
  113. text-align: center;}
  114. #sidenav2 {
  115. background-color: {color:Side2};
  116. height: 9000px;
  117. width: 75px;
  118. top: 0px;
  119. left:75px;
  120. position: fixed;}
  121. #sidenavi{
  122. padding-left:2px;}
  123. .sidenavi a:link, .sidenav a:active, .sidenav a:visited{
  124. height: 143px;
  125. width: 40px;
  126. display: inline-block;
  127. text-decoration:none;
  128. text-align:center;
  129. font-family: 'Exo', sans-serif;
  130. font-size: 9px;
  131. line-height: 16px;
  132. background-color:{color:Navbar};}
  133. #right{
  134. position:fixed;
  135. left:-777px;
  136. width:230px;
  137. height: 9000px;}
  138. #sidebar {
  139. position:fixed;
  140. background-color: {color:Side3};
  141. font-family: 'Exo', sans-serif;
  142. font-size: 12px;
  143. color:{color:body};
  144. width:230px;
  145. height: 9000px;
  146. margin-left:927px;}
  147. #sidebar img {
  148. padding-top:173px;
  149. max-width: 220px;}
  150. #custom {}
  151. #custom a {
  152. display: block;
  153. border-left: 9px solid {color:customBG};
  154. padding-left: 1px;
  155. margin-bottom: 3px;
  156. font-family: 'Exo', sans-serif;
  157. text-align: left;
  158. font-size: 9px;
  159. height: 15px;
  160. width:120px;
  161. color: {color:customText};
  162. text-decoration: none;
  163. text-transform: uppercase;
  164. -webkit-transition: all 0.5s ease-in-out;
  165. -moz-transition: all 0.5s ease-in-out;
  166. -o-transition: all 0.5s ease-in-out;
  167. -ms-transition: all 0.5s ease-in-out;
  168. transition: all 0.5s ease-in-out;}
  169. #custom a:hover {
  170. border-left: 15px solid {color:custom2BG};
  171. width:170px;
  172. letter-spacing: 3px;
  173. padding-left: 29px;}
  174. #center{
  175. width:580px;
  176. margin-left:585px;
  177. margin-right:;
  178. margin-top:15px;
  179. margin-bottom:20px;}
  180. #entry{
  181. color:{color:body};
  182. background-color:{color:Post background};
  183. padding:5px;
  184. margin-left:53px;
  185. margin-right:;
  186. margin-top:15px;
  187. margin-bottom:0px;
  188. width:510px;
  189. overflow:hidden;}
  190. a.title, a.title:visited, a.title:link {
  191. margin-bottom: 5px;
  192. font-family: 'Rouge Script', cursive;
  193. font-weight: normal;
  194. font-style: none;
  195. letter-spacing: -1px;
  196. color: {color:Post Link};}
  197. a.title:hover {
  198. transparent !important;
  199. text-decoration: none;
  200. color: {color:Post Hover};}
  201. #date{
  202. font-family: 'Exo', sans-serif;
  203. font-size:9px;
  204. padding-left:5px;
  205. padding-right:5px;
  206. padding-bottom:8px;
  207. margin-left:153px;
  208. margin-right:;
  209. margin-top:;
  210. margin-bottom:7px;
  211. overflow:hidden;
  212. text-transform:lowercase;
  213. border-top:1px #fffffd solid;
  214. width:350px;}
  215. </style><body>
  216. <div id="wrapper">
  217. <div id="sidenav1">
  218. <div id="sidenav2">
  219. <div class="sidenavi">
  220. <center><p/><br/><p/>
  221. <a href="/"><br/>❤<BR/>H<BR/>O<BR/>M<BR/>E<BR/> </a><p>
  222. <a href="/ask"><br/>▼<BR/>A<BR/>S<BR/>K<BR/> </a><p>
  223. <a href="/archive"><BR/>♞<br/>A<BR/>R<BR/>C<BR/>H<BR/>I<BR/>V<BR/>E<BR/> </a><p>
  224. <a href="http://ru2themes.tumblr.com"><BR/>♛<br/>T<BR/>H<BR/>E<BR/>M<BR/>E<BR/> </a><p>
  225. </center></div></div></div></div>
  226. <div id="wrapper">
  227. <div id="right">
  228. <div id="sidebar">
  229. <center><div class="sideimg"><img src="{image:sidebar}" width=200px /></center><p>{Description}</p><p/>
  230. <div id="custom">
  231. <p/><a href="{text:URL1}">{text:Link1}</a><p>
  232. <a href="{text:URL2}">{text:Link2}</a><p>
  233. <a href="{text:URL3}">{text:Link3}</a><p>
  234. <a href="{text:URL4}">{text:Link4}</a><p>
  235. </div></div></div></div></div>
  236. </div></div></div>
  237. <div id="center">
  238. {block:Posts}
  239. <div id="perma"><a href="{Permalink}"></a><span class="tags"></span></div>
  240. <div id="entry">
  241. {block:Text}
  242. {block:Title}<center><div class="title"><h3>{Title}</span></h3></div></center>{/block:Title}{Body}
  243. {/block:Text}
  244. {block:Photo}
  245. <center><img src="{PhotoURL-500}" /></center>
  246. {block:Caption}<div style="margin:-5px 0 -10px 0">{Caption}</div>{/block:Caption}
  247. {/block:Photo}
  248. {block:Photoset}
  249. <center>{Photoset-500}</center>
  250. {block:Caption}{Caption}{/block:Caption}
  251. {/block:Photoset}
  252. {block:Quote}
  253. <div align="right"><span style=font-family:gorgia; font-size:55px;>&#10077;<i>{Quote}</i>&#10077;</span>
  254. {block:Source}— {Source}{/block:Source}</div>
  255. {/block:Quote}
  256. {block:Link}
  257. <center><a href="{URL}" class="link" {Target}><h3><span style=font-family:{font:title font}; font-size:55px;>{Name}</span></h3></a></center>
  258. {block:Description}<p>{Description}</p>{/block:Description}
  259. {/block:Link}
  260. {block:Chat}
  261. <div class="conversation">
  262. {block:Title}<h3>{Title}</h3>{/block:Title}
  263. <ul type="none">
  264. {block:Lines}
  265. <li>
  266. {block:Label}<span class="person"><b>{Label}</b></span>{/block:Label}
  267. <span class="line">{Line}</span></li>
  268. {/block:Lines}
  269. </ul>
  270. </div>
  271. {/block:Chat}
  272. {block:Audio}
  273. <center>{PlayCountWithLabel}<br /><br />
  274. {AudioPlayerBlack}</center>{block:Caption}{Caption}{/block:Caption}
  275. {/block:Audio}
  276. {block:Video}
  277. <center>{Video-500}</center>{block:Caption}{Caption}{/block:Caption}<ul><i>{PlayCountWithLabel}</i></ul>
  278. {/block:Video}
  279. {block:Answer}
  280. <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>
  281. {Question}</ul>
  282. {Answer}
  283. {/block:Answer}
  284. </div>
  285. {block:Date}<div id="date">
  286. <div align="right">
  287. <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}
  288. <p id="footer">
  289. {block:Pagination}<div id="page">
  290. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>{/block:PreviousPage}
  291. <P/>{block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  292. </div>{/block:Pagination}
  293. {/block:Posts}
  294. </div>
  295. </body>
  296. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement