API tools faq
paste
ru2

Colourful カラフル

ru2
Apr 22nd, 2012
403
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.77 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4 /DTD/html4-transitional.dtd”>
  2. <html dir=”rtl” lang=”ar” xmlns=”http://www.w3.org/1999/xhtml”>
  3. <!--
  4. Theme >> Colourful カラフル
  5. By >> Ruba [http://ru2.tumblr.com/]
  6. >> Free to use, to share and alter
  7. >> Please give credit.
  8. -->
  9. <META name="color:Background" content="#f8f8f8">
  10. <META name="color:Text" content="#706F6B">
  11. <META name="color:Title" content="#e6007e" />
  12. <META name="color:Title line" content="#d6fcfc" />
  13. <META name="text:title size" content="14" />
  14. <META name="color:Description" content="#eeeeee">
  15. <META name="color:Post Background" content="#F2EFE9">
  16. <META name="color:Hover" content="#a0a0a0" />
  17. <META name="color:Link" content="#FC2304" />
  18. <META name="color:Description Background" content="#f8f8f8">
  19. <META name="color:Custom" content="#E46170" />
  20. <META name="color:Custom Link" content="#5BC6CF" />
  21. <META name="color:Custom Hover" content="#CC2233" />
  22. <META name="color:Border" content="#68CA50"/>
  23. <META name="color:Date" content="#f24855"/>
  24. <META name="color:Note" content="#e6007e"/>
  25. <meta name="image:Description Background" content=""/>
  26. <META name="image:sideimge" content="http://media.tumblr.com/tumblr_m2u282AZKL1qan8h1.png">
  27. <meta name="image:Background" content="http://static.tumblr.com/q6qqnsd/5xXlxufi5/untitled-8.jpg"/>
  28. <META name="text:Link1" content="LINK">
  29. <META name="text:URL1" content="">
  30. <META name="text:Link2" content="LINK">
  31. <META name="text:URL2" content="">
  32. <META name="text:Link3" content="LINK">
  33. <META name="text:URL3" content="">
  34. <META name="text:Link4" content="LINK">
  35. <META name="text:URL4" content="">
  36. <META name="text:Link5" content="LINK">
  37. <META name="text:URL5" content="">
  38. <META name="text:Link6" content="LINK">
  39. <META name="text:URL6" content="">
  40. <head>
  41. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  42. <title>{Title}</title>
  43. <link rel="shortcut icon" href="{Favicon}">
  44. <style type="text/css">
  45. 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;}
  46. 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;}
  47. ::-webkit-scrollbar-thumb:vertical {background-color:#e5e5e5;height:50px;}
  48. ::-webkit-scrollbar {height:12px;width:8px;background-color:#a0a0a0;}
  49. body{background-color: {color:Background};
  50. background-image:url('{image:Background}');
  51. background-attachment: fixed;
  52. background-position: left center;
  53. background-repeat: no-repeat;
  54. height: 100%;
  55. width: 100%;
  56. font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'Times New Roman', sans-serif;}
  57. a {color:{color:Link};
  58. text-decoration: none;}
  59. a:hover {color:{color:hover};
  60. text-decoration:none;
  61. -webkit-transition: all 0.5s linear;
  62. -moz-transition: all 0.5s linear;
  63. -o-transition: all 0.5s linear;
  64. transition: all 0.5s linear;}
  65.  
  66. #left {width: 255px; height:100%
  67. float: left;
  68. position: fixed;}
  69. #header {font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'Times New Roman', sans-serif;
  70. font-size:{text:title size}px;
  71. color: {color:Title};
  72. text-shadow: 0.1em 0.1em {color:Title line};
  73. letter-spacing: 11px;
  74. margin-left: 117px;
  75. margin-top:34px;
  76. text-align: justify;}
  77. #nav {width: 240px;
  78. margin-left: 77px;}
  79. #nav td a {width: 50px;
  80. height: 40px;
  81. display: block;}
  82. #sidebar {width: 268px;
  83. margin-top: 1px;
  84. margin-left: 77px;}
  85. #Description {margin-left:1px; margin-top:1px;
  86. width: 237px;
  87. height: 93px;
  88. padding: 2px;
  89. background-color: {color:Description Background};
  90. background-image:url('{image:Description Background}');
  91. background-position: top center;
  92. background-repeat: repeat;
  93. color: {color:Description}
  94. font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'Times New Roman', sans-serif;
  95. font-size: 13px;
  96. text-align: justify;
  97. float:left;
  98. overflow-x:auto;
  99. overflow-y:auto;}
  100. #sideimge{
  101. width:243px; Height:140px;;border:2px; #fffffd;}
  102.  
  103. .sidenav{height: 20px;
  104. width:140px;
  105. padding-left:85px;}
  106. .sidenav a:link, .sidenav a:active, .sidenav a:visited{height: 10px;
  107. width:140px;
  108. font-family: sans-serif;
  109. display: block;
  110. border-right: 9px solid {color:Custom};
  111. margin-bottom: 3px;
  112. text-align: right;
  113. badding-right:3px;
  114. font-size: 11px;
  115. text-decoration: none;
  116. text-transform: uppercase;
  117. color:{color:Custom Link};
  118. -webkit-transition: all 0.5s ease-in-out;
  119. -moz-transition: all 0.5s ease-in-out;
  120. -o-transition: all 0.5s ease-in-out;
  121. -ms-transition: all 0.5s ease-in-out;
  122. transition: all 0.5s ease-in-out;}
  123. .sidenav a:hover{color:{color:Custom Hover};
  124. border-right: 35px solid {color:Border};
  125. width:140px;
  126. padding-left: -19px;}
  127. #pages {text-align: center;
  128. width: 225px;}.post {text-align: justify;
  129. width: 600px;
  130. margin-left: 360px;}.entry {background-color:{color: Post Background};
  131. color: {color:text};
  132. width: 500px;
  133. padding: 5px;
  134. float: right;
  135. margin-bottom: 10px;
  136. font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'Times New Roman', sans-serif;
  137. font-size:14px;
  138. z-index: 6;
  139. overflow: hidden;
  140. text-align: justify;}.entry h1 {font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'Times New Roman', sans-serif;
  141. font-size: 19px;
  142. text-indent: 23px;
  143. color: {color:Link};
  144. font-weight: normal;
  145. text-align: justify;}.entry h1 a {text-align: justify;
  146. color: {color:Link};}.entry h1 a:hover {text-align: justify;
  147. color: {color:hover};}.entry blockquote {border-left: 4px solid ;
  148. padding-left: 5px;
  149. text-align: left;}.entry ul {text-align: justify;
  150. list-style-type: circle;}.photo {max-width : 500px;
  151. text-align:justify;}.photo img {max-width: 500px;
  152. text-align:justify;}.text img {max-width: 500px;
  153. text-align: justify;}.entry h2 {font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'Times New Roman', sans-serif;
  154. text-align: justify;
  155. font-size:17px;
  156. color: {color:Hover};
  157. font-weight: normal;
  158. text-align: center;}.quote {font-family: georgia;
  159. text-align: justify;
  160. font-size:42px;
  161. color: {color:text};
  162. float: left;}.ask {background-color:{color: Description Background};
  163. text-align: justify;
  164. padding: 5px;}.ask2 img {max-width:500px;
  165. text-align: right;}.ask h3 {font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'Times New Roman', sans-serif;
  166. text-align:justify;
  167. font-size: 11px;
  168. color: {color:hover};
  169. font-weight: normal;}.ask h3 a {
  170. color: {color:Link};
  171. text-align: justify;}
  172. .perma {font-family:"tahoma";
  173. font-size: 7px;
  174. color: {color:Note};
  175. text-transform: uppercase;
  176. text-align: right;
  177. line-height: 12px;
  178. width: 13px;
  179. height:23px;
  180. float: right;
  181. margin-bottom: -32px;
  182. padding-left: -784px;}
  183. .perma a {color:{color:Date};
  184. text-decoration: none;}
  185. .perma2 {font-family:"tahoma";
  186. font-size:7px;
  187. text-transform: uppercase;
  188. text-align: center;
  189. letter-spacing: 1px;
  190. line-height: 12px;
  191. width: 510px;
  192. height: 10px;
  193. float: right;
  194. margin-bottom: 5px;
  195. padding-left: 594px;}
  196. .perma2 a {color: {color:Border};
  197. text-decoration: none;}
  198. </style>
  199. <BODY>
  200. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  201. </head>
  202. <div id="left">
  203. <div id="header"><center>{Title}</center></div><br/><div id="nav"><table><tr><td><a href="http://www.tumblr.com/follow/{name}"><img src="http://media.tumblr.com/tumblr_lxug8fms8A1qan8h1.png" /></a></td><td><a href="/"><img src="http://media.tumblr.com/tumblr_lxugk7tidP1qan8h1.png" /></a></td><td><a href="/archive"><img src="http://media.tumblr.com/tumblr_lxugn7Eue91qan8h1.png" /></a></td><td><a href="/ask"><img src="http://media.tumblr.com/tumblr_lxugaytF5K1qan8h1.png" /></a></td><td><a href="http://ru2themes.tumblr.com/"><img src="http://media.tumblr.com/tumblr_lxufxtWVO71qan8h1.png" /></a></td>
  204. </tr></table></div>
  205. <div id="sidebar">
  206. <img class="sideimge" src="{image:sideimge}"/><br/>
  207. <div id="Description"><p>{Description}</p></div>
  208. <p/><br/><p><p/><br/><p><div class="sidenav"><p/><br/><p><p/><br/><p><a href="{text:URL1}">&nbsp;&nbsp;{text:Link1}&nbsp;&nbsp;</a>
  209. <a href="{text:URL2}">&nbsp;&nbsp;{text:Link2}&nbsp;&nbsp;</a>
  210. <a href="{text:URL3}">&nbsp;&nbsp;{text:Link3}&nbsp;&nbsp;</a>
  211. <a href="{text:URL4}">&nbsp;&nbsp;{text:Link4}&nbsp;&nbsp;</a>
  212. <a href="{text:URL5}">&nbsp;&nbsp;{text:Link5}&nbsp;&nbsp;</a>
  213. <a href="{text:URL6}">&nbsp;&nbsp;{text:Link6}&nbsp;&nbsp;</a></p>
  214. </div><p/><br/><p/><p/><br/><p/><p/><br/><p/><p/><br/><p/>
  215. <div id="pages">{block:PreviousPage}<a href="{PreviousPage}"><img src="http://media.tumblr.com/tumblr_lxug5oeIKv1qan8h1.png" /></a> &nbsp;&nbsp;&nbsp; {block:PreviousPage}{block:NextPage}<a href="{NextPage}"><img src="http://media.tumblr.com/tumblr_lxug46VWzF1qan8h1.png" /></a>{block:NextPage}
  216. </div></div></div></div>
  217.  
  218.  
  219. {block:Posts}
  220. {block:Text}
  221. <div class="post">
  222. <div class="entry">
  223. {block:Title}
  224. <h1><a href="{Permalink}">{Title}</a></h1>
  225. {/block:Title}
  226. <div class="text"><p>{Body}</p></div></div>
  227. <p class="perma">◆ <br/>{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount}<br>{NoteCountWithLabel}{/block:NoteCount}</p>
  228. {block:HasTags}
  229. <p class="perma2">▸ {block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}
  230. {/block:HasTags}</div>
  231. {/block:Text}
  232. {block:Photo}
  233. <div class="post">
  234. <div class="entry">
  235. <div class="photo"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></div>
  236. {block:Caption}
  237. <div class="text"><p>{Caption}</p></div>
  238. {/block:Caption}</div>
  239. <p class="perma">◆ <br/>{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount}<br>{NoteCountWithLabel}{/block:NoteCount}</p>
  240. {block:HasTags}
  241. <p class="perma2">▸ {block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}
  242. {/block:HasTags}</div>
  243. {/block:Photo}
  244. {block:Photoset}
  245. <div class="post">
  246. <div class="entry">
  247. <div class="photo">{Photoset-500}</div>
  248. {block:Caption}
  249. <div class="text"><p>{Caption}</p></div>
  250. {/block:Caption}</div>
  251. <p class="perma">◆ <br/>{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount}<br>{NoteCountWithLabel}{/block:NoteCount}</p>
  252. {block:HasTags}
  253. <p class="perma2">▸ {block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}
  254. {/block:HasTags}</div>
  255. {/block:Photoset}
  256. {block:Quote}
  257. <div class="post">
  258. <div class="entry">
  259. <div class="quote">&#10077;</div>
  260. <h2>{Quote}</h2>
  261. {block:Source}<p><center>{Source}</center></p>{/block:Source}</div>
  262. <p class="perma">◆ <br/>{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount}<br>{NoteCountWithLabel}{/block:NoteCount}</p>
  263. {block:HasTags}
  264. <p class="perma2">▸ {block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}
  265. {/block:HasTags}</div>
  266. {/block:Quote}
  267. {block:Link}
  268. <div class="post">
  269. <div class="entry">
  270. <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  271. {block:Description}
  272. <div class="text"><p>{Description}</p></div>
  273. {/block:Description}</div>
  274. <p class="perma">◆ <br/>{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount}<br>{NoteCountWithLabel}{/block:NoteCount}</p>
  275. {block:HasTags}
  276. <p class="perma2">▸ {block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}
  277. {/block:HasTags}</div>
  278. {/block:Link}
  279. {block:Chat}
  280. <div class="post">
  281. <div class="entry">
  282. {block:Title}<h1>{Title}</h1>{/block:Title}
  283. {block:Lines}
  284. {block:Label}
  285. <p><b>{Label}</b>
  286. {/block:Label}
  287. {Line}</p>
  288. {/block:Lines}</div>
  289. <p class="perma">◆ <br/>{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount}<br>{NoteCountWithLabel}{/block:NoteCount}</p>
  290. {block:HasTags}
  291. <p class="perma2">▸ {block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}
  292. {/block:HasTags}</div>
  293. {/block:Chat}
  294. {block:Audio}
  295. <div class="post">
  296. <div class="entry">
  297. {block:AlbumArt}
  298. <div class="photo"></div>
  299. {/block:AlbumArt}
  300. <center><p>{AudioPlayerGrey}<br>
  301. <i>{FormattedPlayCount}</i> plays</p></center>
  302. {block:Caption}
  303. <div class="text"><p>{Caption}</p></div>
  304. {/block:Caption}
  305. {block:PermalinkPage}
  306. {block:Caption}
  307. <div class="text"><p>{Caption}</p></div>
  308. {/block:Caption}
  309. {/block:PermalinkPage}</div>
  310. <p class="perma">◆ <br/>{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount}<br>{NoteCountWithLabel}{/block:NoteCount}</p>
  311. {block:HasTags}
  312. <p class="perma2">▸ {block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}
  313. {/block:HasTags}</div>
  314. {/block:Audio}
  315. {block:Video}
  316. <div class="post">
  317. <div class="entry">
  318. {Video-400}
  319. <p><center><i>{FormattedPlayCount}</i> plays</center></p>
  320. {block:Caption}
  321. <div class="text"><p>{Caption}</p></div>
  322. {/block:Caption}
  323. {block:PermalinkPage}
  324. {block:Caption}
  325. <div class="text"><p>{Caption}</p></div>
  326. {/block:Caption}
  327. {/block:PermalinkPage}</div>
  328. <p class="perma">◆ <br/>{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount}<br>{NoteCountWithLabel}{/block:NoteCount}</p>
  329. {block:HasTags}
  330. <p class="perma2">▸ {block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}
  331. {/block:HasTags}</div>
  332. {/block:Video}
  333. {block:Answer}
  334. <div class="post">
  335. <div class="entry">
  336. <div class="ask">
  337. <h3>{Asker} Asked,</h3>
  338. <p>{Question}</p></div>
  339. <p>{Answer}</p></div>
  340. <p class="perma">◆ <br/>{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount}<br>{NoteCountWithLabel}{/block:NoteCount}</p>
  341. {block:HasTags}
  342. <p class="perma2">▸ {block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}
  343. {/block:HasTags}</div>
  344. {/block:Answer}
  345. {block:ContentSource}
  346. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  347. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  348. {/block:SourceLogo}
  349. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  350. {/block:ContentSource}
  351. {/block:Posts}
  352. </body>
  353. </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!