ru2

Notes

ru2
Oct 14th, 2012
485
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.87 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <!--
  4. Theme >> Notes
  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. <head>
  14. <title>{Title}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. <META name="image:Background" content="http://media.tumblr.com/tumblr_mbuwqyPE7B1qan8h1.jpg"/>
  18. <META name="image:SidePicture" content="http://media.tumblr.com/tumblr_mbuws96KcQ1qan8h1.jpg"/>
  19. <META name="image:SidePicture2" content=""/>
  20. <META name="color:Background" content="#fff" />
  21. <META name="color:ESM" content="#ff0000" />
  22. <META name="color:ESMBG" content="#fff" />
  23. <META name="color:Description" content="#444" />
  24. <META name="color:DescriptionBG" content="#f8f8f3" />
  25. <META name="color:DescriptionLink" content="#d8d7d6" />
  26. <META name="color:Side" content="#aaa" />
  27. <META name="color:SideHover" content="#000" />
  28. <META name="color:SideBG" content="#fff" />
  29. <META name="color:SideBorder" content="#eee" />
  30. <META name="color:SideLines" content="#ddd" />
  31. <META name="color:Link" content="#e50051" />
  32. <META name="color:LinkHover" content="#7a7979" />
  33. <META name="color:PostBackground" content="#fff" />
  34. <META name="color:Ask Bg" content="#f3f3f1" />
  35. <META name="color:Ask Text" content="#000" />
  36. <META name="image:PostBorder" content="http://media.tumblr.com/tumblr_mbux42E0Sp1qan8h1.jpg"/>
  37. <META name="color:Title" content="#009fe3" />
  38. <META name="color:TitleBG" content="#cbedec" />
  39. <META name="color:Texts" content="#888" />
  40. <META name="color:Memo" content="#161829" />
  41. <META name="color:NoteBorder" content="#ece9ec" />
  42. <META name="color:Notes" content="#9f0737" />
  43. <META name="color:Tags" content="#aaa" />
  44. <META name="color:TagsHover" content="#000" />
  45. <META name="text:Link1" content="Link 1"/>
  46. <META name="text:Link1URL" content=""/>
  47. <META name="text:Link2" content="Link 2"/>
  48. <META name="text:Link2URL" content=""/>
  49. <META name="text:Link3" content="Link 3"/>
  50. <META name="text:Link3URL" content=""/>
  51. <style type="text/css">
  52. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  53.  
  54. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  55. body
  56. {font-family:lucida console;
  57. font-size:9px;
  58. color:{color:Texts};
  59. background-color:{color:Background};
  60. background-image:url('{image:Background}');
  61. background-position: fixed;
  62. background-attachment:fixed;
  63. background-repeat:repeat;}
  64. a
  65. {text-decoration:none;
  66. color:{color:Link};
  67. -webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;
  68. opacity:1;}
  69. a:hover
  70. {text-decoration:none;
  71. color:{color:LinkHover};
  72. opacity:1;}
  73. blockquote
  74. {border-left:2px solid {color:Notes};
  75. padding-left:5px;margin:-5px 15px 0px 15px;}
  76. #left
  77. {position:fixed;top:90px;left:24px;}
  78. .bar
  79. {margin-bottom:10px;}
  80. #pictureone
  81. {width:200px;overflow:hidden;-webkit-border-top-left-radius: 99px;
  82. -webkit-border-top-right-radius: 99px;
  83. -moz-border-radius-topleft: 99px;
  84. -moz-border-radius-topright: 99px;
  85. border-top-left-radius: 99px;
  86. border-top-right-radius: 99px;}
  87. #pictureone .img
  88. {width:200px;overflow:hidden;-webkit-border-top-left-radius: 99px;
  89. -webkit-border-top-right-radius: 99px;
  90. -moz-border-radius-topleft: 99px;
  91. -moz-border-radius-topright: 99px;
  92. border-top-left-radius: 99px;
  93. border-top-right-radius: 99px;}
  94. #picturtwo
  95. {width:200px;overflow:hidden;-webkit-border-bottom-right-radius: 99px;
  96. -webkit-border-bottom-left-radius: 99px;
  97. -moz-border-radius-bottomright: 99px;
  98. -moz-border-radius-bottomleft: 99px;
  99. border-bottom-right-radius: 99px;
  100. border-bottom-left-radius: 99px;}
  101. #picturetwo .img
  102. {width:200px;overflow:hidden;-webkit-border-bottom-right-radius: 99px;
  103. -webkit-border-bottom-left-radius: 99px;
  104. -moz-border-radius-bottomright: 99px;
  105. -moz-border-radius-bottomleft: 99px;
  106. border-bottom-right-radius: 99px;
  107. border-bottom-left-radius: 99px;}
  108. #asl
  109. {background-color:{color:SideBG};border:2px solid {color:SideBorder};padding:3px 5px 5px 5px;}
  110. .nav
  111. {border-bottom:1px solid {color:SideLines};
  112. padding:2px 0px 0px 0px;
  113. color:{color:Side}; padding-left:60px;
  114. -webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
  115. .nav:hover
  116. {color:{color:SideHover}; padding-left:112px;}
  117. .zeel
  118. {position:absolute;margin:20px;text-align:justify;-webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;opacity:0;}
  119. #pictureone:hover .zeel
  120. {opacity:1;}
  121. #picturtwo:hover .zeel
  122. {opacity:1;}
  123. .Desc
  124. {padding:5px;background-color:{color:DescriptionBG};width:150px;margin-bottom:5px;-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
  125. #title
  126. {-webkit-border-top-left-radius: 999px;
  127. -webkit-border-top-right-radius: 999px;
  128. -moz-border-radius-topleft: 999px;
  129. -moz-border-radius-topright: 999px;
  130. border-top-left-radius: 999px;
  131. border-top-right-radius: 999px;font-size:16px;font-family:courier;text-transform:uppercase;text-align:center;background-color:{color:ESMBG};color:{color:ESM};margin-left:-20px;}
  132. #pictureone:hover #title
  133. {margin-left:0px;}
  134. #Description
  135. {margin-left:20px;padding:10px;width:140px;}
  136. #pictureone:hover #Description
  137. {margin-left:0px;color:{color:Description};}
  138. #Description a
  139. {color:{color:DescriptionLink};}
  140. #pagination
  141. {margin-left:-28px;float:right;position:absolute;margin-right:5px;}
  142. .page
  143. {background-color:{color:DescriptionBG};padding:4px 6px 4px 6px;text-align:center;margin-bottom:10px;color:{color:DescriptionLink};}
  144. .waslah
  145. {background-color:{color:DescriptionBG};color:{color:Description};margin-bottom:5px;padding:5px 10px 5px 10px;width:140px;font-family:courier;letter-spacing:1px;text-align:center;text-transform:uppercase;-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
  146. .waslah:hover
  147. {color:{color:DescriptionLink};}
  148. #rabt
  149. {margin-left:3px;}
  150. #picture:hover #rabt
  151. {margin-left:0px;}
  152. #entries
  153. {margin-left:270px;}
  154. #post
  155. {width:500px;
  156. border:6px solid -moz-border-image:url('{image:PostBorder}'); -webkit-border-image:url('{image:PostBorder}');
  157. -o-border-image:url('{image:PostBorder}');
  158. border-image:url('{image:PostBorder}');
  159. background-color:{color:PostBackground};
  160. margin-bottom:10px;
  161. }
  162. #post img
  163. {max-width:500px;}
  164. .dakhl
  165. {padding:5px;text-align:justify; font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'Times New Roman', sans-serif;}
  166. .title
  167. {font-size:14px;font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'Times New Roman', sans-serif;text-transform:uppercase;text-align:center;background-color:{color:TitleBG};color:{color:Title};padding:2px 0px 2px 0px;}
  168. #noto
  169. {width:495px;
  170. margin-bottom:7px;
  171. border-top:2px solid {color:NoteBorder};
  172. padding:5px;
  173. color:{color:Memo};
  174. text-align:center;}
  175. #alnotes
  176. {width:495px;border-top:1px solid {color:NoteBorder};
  177. padding:5px;
  178. color:{color:Memo};}
  179. .notno
  180. {color:{color:Notes};}
  181. .tag
  182. {color:{color:Tags};-webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
  183. .tag:hover
  184. {color:{color:TagsHover};}
  185. #mohadtha
  186. {border-bottom:1px solid #eee;padding:1px 0px 2px 0px;}
  187. .odd .label
  188. {color:{color:LinkHover};}
  189. .even .label
  190. {color:{color:Link};}
  191. .arrow
  192. {color:{color:LinkHover};}
  193. .sout{
  194. padding:1px;
  195. margin-top:5px;
  196. margin-left:-10px;
  197. background-color: #fff;}
  198. .sout:hover{
  199. opacity:1;}
  200. #quote
  201. {text-align:center}
  202. #source
  203. {text-align:center;}
  204. #right
  205. {position:fixed;top:115px;left:920px;
  206. width:150px;}
  207. .ask {
  208. padding:8px;
  209. font-size:14px;
  210. font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'Times New Roman', sans-serif;
  211. text-transform:uppercase;}
  212. .ask a{
  213. font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'Times New Roman', sans-serif;
  214. text-transform:uppercase;}
  215. .ask img{
  216. border-radius:100px;}
  217. table{
  218. margin-left:-3px;
  219. width:500px;}
  220. </style>
  221. </head>
  222. <body>
  223. <div id="left">
  224. {block:Pagination}
  225. <div id="pagination">
  226. {block:NextPage}
  227. <a href="{NextPage}"><div class="page">&larr;</div></a>
  228. {/block:NextPage}
  229. {block:PreviousPage}
  230. <a href="{PreviousPage}"><div class="page">&rarr;</div></a>
  231. {/block:PreviousPage}
  232. </div>
  233. {/block:Pagination}
  234. <div class="bar" id="pictureone">
  235. <div class="zeel">
  236. <a href="/"><div class="Desc" id="title">
  237. {Title}
  238. </div></a>
  239. <div class="Desc" id="Description">
  240. {Description}
  241. </div>
  242. </div>
  243. <img id="sidepic" style="margin-bottom:-3px;" width="200px" src="{image:SidePicture}"/>
  244. </div>
  245. <div class="bar" id="asl">
  246. <a href="/"><div class="nav"><font color={color:Link}>•</font> HOME</div></a>
  247. <a href="/ask"><div class="nav"><font color={color:Link}>•</font> MESSAGE</div></a>
  248. <a href="/archive"><div class="nav"><font color={color:Link}>•</font> ARCHIVE</div></a>
  249. <a href="http://ru2themes.tumblr.com/" ><div class="nav"><font color={color:Link}>•</font> THEME</div></a>
  250. </div>
  251. <div class="bar" id="picturtwo">
  252. <div class="zeel">
  253. <a href="{text:Link1URL}"><div class="waslah" id="rabt">{text:Link1}</div></a>
  254. <a href="{text:Link2URL}"><div class="waslah" id="rabt">{text:Link2}</div></a>
  255. <a href="{text:Link3URL}"><div class="waslah" id="rabt">{text:Link3}</div></a>
  256. </div>
  257. <img id="sidepic" style="margin-bottom:-3px;" width="200px" src="{image:SidePicture2}"/>
  258. </div>
  259. </div>
  260. <div id="entries">
  261. {block:Posts}
  262. <div class="bar" id="post">
  263. {block:ContentSource}
  264. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  265. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  266. {/block:SourceLogo}
  267. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  268. {/block:ContentSource}
  269. {block:RebloggedFrom}
  270. <!--{ReblogParentName}-->
  271. {/block:RebloggedFrom}
  272. {block:Quote}
  273. <div class="dakhl" id="quote">"{Quote}"</div>
  274. {block:Source}<div class="dakhl" id="source">— {Source}</div>{/block:Source}
  275. {/block:Quote}
  276. {block:Photo}
  277. <center>{LinkOpenTag}<div>
  278. <img src="{PhotoURL-500}" style="margin-bottom:-3px;"/>
  279. </div>{LinkCloseTag}</center>
  280. {/block:Photo}
  281. {block:Photoset}
  282. <div style="margin-bottom:-3px;">
  283. {Photoset-500}
  284. </div>
  285. {/block:Photoset}
  286. {block:Video}
  287. <div style="margin-bottom:-3px;">
  288. {Video-500}</div>
  289. {/block:Video}
  290. {block:Text}
  291. {block:Title}<div class="title">{Title}</div> {/block:Title}
  292. <div class="dakhl">{Body}</div>
  293. {/block:Text}
  294. {block:Chat}
  295. {block:Title}<div class="title">{Title}</div> {/block:Title}
  296. <div class="dakhl">{block:Lines}<div id="mohadtha" class="{Alt}">{block:Label}<span class="label">{Label} </span>{/block:Label}{Line}</div>{/block:Lines}</div>
  297. {/block:Chat}
  298. {block:Link}
  299. <a href="{URL}" target="_blank"><div class="title">{Name}</div></a>
  300. {block:Description}
  301. <div class="dakhl">{Description}</div>
  302. {/block:Description}
  303. {/block:Link}
  304. {block:Audio}{AudioPlayerWhite}{/block:Audio}
  305. {block:Answer}
  306. <table>
  307. <tr><td colspan="2" style="padding:8px; text-align:center; background-color:{color:ask bg}; color:{color:ask text};">{Question}</td></tr>
  308. <tr>
  309. <td width="310"><div style="position:relative;margin-top:-15px;margin-left:20px; color:{color:ask bg};">◥</div></td><td width="10"style="text-align::left; padding-left:0px; font-family:consolas;
  310. font-size:9px; letter-spacing:0px;
  311. text-transform:uppercase;">{Asker}</td><tr>
  312. <td colspan="3" style="text-align:left; padding-left:5px;">{Answer}</td>
  313. </table>
  314. {/block:Answer}
  315. {block:IndexPage}
  316. <div class="dakhl">{Caption}</div>
  317. {/block:IndexPage}
  318. {block:PermalinkPage}
  319. <div class="dakhl">{Caption}</div>
  320. {/block:PermalinkPage}
  321. </div>
  322. <div class="bar" id="noto">
  323. <div id="hour">{block:Date}Posted {TimeAgo}{/block:Date} - <a href="{Permalink}"><span class="notno">{NoteCount}</span></a> - <a href="{ReblogURL}">reblog</a></div>
  324. {block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}"> #<span class="tag">{Tag}</span></a> {/block:Tags} </div>{/block:HasTags}
  325. </div>
  326. {block:PermalinkPage}
  327. {block:PostNotes}
  328. <div class="in" id="alnotes">
  329. <div style="text-align:center;">{block:RebloggedFrom}via:<a href="{ReblogParentURL}">{ReblogParentName}</a>, origin:<a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}</div>
  330. {PostNotes}
  331. </div>
  332. {/block:PostNotes}
  333. {/block:PermalinkPage}
  334. {/block:Posts}
  335. </div>
  336. </body>
  337. </html>
Advertisement
Add Comment
Please, Sign In to add comment