Advertisement
ibanglouis

Theme #29

Jul 16th, 2013
2,087
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.47 KB | None | 0 0
  1. <html>
  2. <!-- THEME MADE BY IBANGLOUIS. DO NOT REMOVE CREDIT -->
  3. <head>
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}" />
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  7. <meta name="color:Background" content="#ffffff"/>
  8. <meta name="color:Text" content="#636263"/>
  9. <meta name="image:Sidebar" content=""/>
  10. <meta name="image:Sidebar2" content=""/>
  11. <meta name="color:Link" content="#A8A7A7"/>
  12. <meta name="color:Linkhover" content="#A8A7A7"/>
  13. <meta name="color:Scrollbar" content="#525252"/>
  14.  
  15. <script src="http://www.ruxim.com/profile/jquery.js"></script><script>$(document).ready(function(){var proof=$("#credit").attr("data");if(proof!="credit"){$("body").empty()}});</script>
  16.  
  17. <meta name="text:Link1 Title" content="home" />
  18. <meta name="text:Link1 Url" content="/" />
  19. <meta name="text:Link2 Title" content="ask" />
  20. <meta name="text:Link2 Url" content="/ask" />
  21. <meta name="text:Link3 Title" content="link" />
  22. <meta name="text:Link3 Url" content="/" />
  23. <meta name="text:Link4 Title" content="link" />
  24. <meta name="text:Link4 Url" content="/" />
  25.  
  26. <link href='http://fonts.googleapis.com/css?family=Lusitana' rel='stylesheet' type='text/css'>
  27.  
  28. <style type="text/css">
  29.  
  30.  
  31. ::-webkit-scrollbar{height: 9px; width: 9px; -webkit-border-radius: 0px; background-color:{color:background};}
  32. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  33. ::-webkit-scrollbar-track{background-color:{color:background};}
  34.  
  35. ::selection {
  36. background:{color:text hover};
  37. }
  38.  
  39. ::-moz-selection {
  40. background:{color:text hover};
  41. }
  42.  
  43. ::-webkit-selection {
  44. background:{color:text hover};
  45. }
  46.  
  47. body {
  48. background:{color:background};
  49. margin:0px;
  50. color:{color:text};
  51. font-family:Cambria;
  52. font-size:10px;
  53. line-height:100%;
  54. cursor: url(http://i.imgur.com/ZOrzC.png), auto;
  55. }
  56.  
  57. a {-webkit-transition:all 1s ease-out;
  58. -moz-transition:all 1s ease-out;
  59. transition:all 1s ease-out;
  60. text-decoration:none;
  61. outline:none;
  62. color:{color:link};
  63. }
  64.  
  65. a:hover {-webkit-transition:all 1s ease-out;
  66. -moz-transition:all 1s ease-out;
  67. transition:all 1s ease-out;
  68. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  69. color:{color:linkhover};
  70. }
  71.  
  72. img {-webkit-transition:all 1s ease-out;
  73. -moz-transition:all 1s ease-out;
  74. transition:all 1s ease-out;
  75. border:none;opacity:.7;
  76. }
  77. img:hover{-webkit-transition:all 1s ease-out;
  78. -moz-transition:all 1s ease-out;
  79. transition:all 1s ease-out;opacity:1;}
  80.  
  81. blockquote {
  82. padding-left:5px;
  83. border-left:2px solid;
  84. }
  85.  
  86.  
  87. blockquote blockquote {
  88. padding-left:5px;
  89. border-left:2px solid;
  90. }
  91.  
  92.  
  93. h1 {
  94. font-size:10px;
  95. }
  96.  
  97.  
  98. #entries {
  99. width:500px;
  100. margin-left:500px;
  101. margin-top:40px;
  102.  
  103.  
  104. }
  105. #post {
  106. width:500px;
  107. padding:5px;
  108. margin-bottom: 20px;
  109. }
  110.  
  111. #sidebar {
  112. width:175px;
  113. height: 100%;
  114. position:fixed;
  115. margin-left:200px;
  116. margin-top:120px;
  117. }
  118.  
  119. #sidebarimage {
  120. width 120px;
  121. padding: 7px 24px 7px 20px;
  122.  
  123. }
  124.  
  125.  
  126. #sidebarimage img {-webkit-transition:all 1s ease-out;
  127. -moz-transition:all 1s ease-out;
  128. transition:all 1s ease-out;
  129. width:120px;
  130. height:120px;
  131. border:1px solid #dddddd;
  132. padding:3px;
  133. margin-left:-6px;
  134. margin-top:10px;
  135.  
  136. }
  137.  
  138. #sidebarimage2 {
  139. width 120px;
  140. padding: 7px 24px 7px 20px;
  141.  
  142. }
  143.  
  144.  
  145. #sidebarimage2 img {-webkit-transition:all 1s ease-out;
  146. -moz-transition:all 1s ease-out;
  147. transition:all 1s ease-out;
  148. width:120px;
  149. height:120px;
  150. border:1px solid #dddddd;
  151. padding:3px;
  152. margin-left:-6px;
  153. margin-top:-10px;
  154.  
  155. }
  156. #sidebar:hover #sidebarimage img{-webkit-transition:all 1s ease-out;
  157. -moz-transition:all 1s ease-out;
  158. transition:all 1s ease-out;-webkit-transform: rotate(360deg);
  159. -moz-transform: rotate(360deg);
  160. -o-transform: rotate(360deg);}
  161.  
  162. #sidebar:hover #sidebarimage2 img {-webkit-transition:all 1s ease-out;
  163. -moz-transition:all 1s ease-out;
  164. transition:all 1s ease-out;-webkit-transform: rotate(360deg);
  165. -moz-transform: rotate(360deg);
  166. -o-transform: rotate(360deg);margin-top:85px;}
  167.  
  168. #title {
  169.  
  170. width:100px;
  171. height:14px;
  172. font:14px Cambria;
  173. margin-left:-6px;
  174. text-align:center;
  175. margin-bottom:3px;
  176.  
  177. }
  178.  
  179. #links {
  180. -webkit-transition:all 1s ease-out;
  181. -moz-transition:all 1s ease-out;
  182. transition:all 1s ease-out;
  183. width:125px;
  184. padding: 5px;
  185. font-size:9px;
  186. margin-left: 11px;
  187. margin-top: -40px;
  188. text-align:center;opacity:0;
  189. position:fixed;
  190. }
  191.  
  192. #links a
  193. { color: {color:link};
  194. margin-bottom: -10px;
  195. padding:5px;
  196. font-family:Cambria;
  197. padding-top: 1px;
  198. padding-bottom: 1px;
  199. padding-left: 1px;
  200. padding-right: 1px;
  201. height: 14.5px;
  202. letter-spacing: 1px;
  203. margin-left: 1px;
  204. }
  205.  
  206. #links a:hover {color:{color:linkhover};}
  207.  
  208. #sidebar:hover #description{-webkit-transition:all 1s ease-out;
  209. -moz-transition:all 1s ease-out;
  210. transition:all 1s ease-out;opacity:1;margin-top:20px;}
  211. #sidebar:hover #links{opacity:1;margin-top:0px;}
  212. #sidebar:hover #pagination{-webkit-transition:all 1s ease-out;
  213. -moz-transition:all 1s ease-out;
  214. transition:all 1s ease-out;opacity:1;}
  215.  
  216.  
  217.  
  218. #description {-webkit-transition:all 1s ease-out;
  219. -moz-transition:all 1s ease-out;
  220. transition:all 1s ease-out;
  221. width: 120px;
  222. height: auto;
  223. font:10px Calibri;
  224. margin-left:14px;
  225. margin-top:-20px;
  226. text-align:center;
  227. color:{color:Font};
  228. line-height: 8px;
  229. position:fixed;
  230. padding: 5px;
  231. padding-bottom:0px;
  232. padding-top:0px;opacity:0;
  233. }
  234.  
  235. #description a {color:{color:text}; -moz-transition-duration:0.4s;
  236. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;}
  237.  
  238. #pagination {-webkit-transition:all 1s ease-out;
  239. -moz-transition:all 1s ease-out;
  240. transition:all 1s ease-out;
  241. position:fixed;
  242. font-size:12px;
  243. text-align:center;
  244. font-family:Cambria;
  245. margin-top:5px;
  246. margin-left:0px;opacity:0;
  247. width: 120px;
  248. padding-top:5px;}
  249.  
  250. #pagination a:hover {
  251. color:{color:linkhover};
  252. }
  253.  
  254. #info {
  255. width:500px;
  256. height:auto;
  257. text-align:center;
  258. margin-top:15px;
  259. padding:5px;
  260. font-size:10px;
  261. font-family:Lusitana;
  262. font-style:none;
  263. border-top:3px double #eee;
  264.  
  265. }
  266.  
  267. #info a { color: {color:link}
  268.  
  269. }
  270.  
  271. #info a:hover { color: {color:linkhover};}
  272.  
  273. #tags {text-align:center; margin:0px; margin-top:-13px;height:auto;padding:3px; height:auto;}
  274.  
  275. #tags a{color:{color:link};}
  276.  
  277. #tags a:hover{color:{color:linkhover};}
  278.  
  279. #credit{
  280. right:8px;
  281. bottom:10px;
  282. position:fixed;
  283. padding:5px;
  284. }
  285.  
  286. #credit a:hover { color: {color:linkhover};}
  287.  
  288.  
  289. a:link ::-moz-selection {text-shadow: 0px 0px 0px {color:link};}
  290. : {text-shadow: 0px 0px 0px {color:link};}
  291.  
  292. .postalign{text-align:justify; padding:10px 10px 5px 10px;}
  293.  
  294. .quote{font-family:{font:Quote}; font-size:14px; color: {color:Font}; font-style:italic;}
  295.  
  296.  
  297. .ask{font-size: 10px; color:{color:Font};margin-bottom:0px;
  298. padding: 10px;border-left:3px double #eee; border-bottom:3px double #eee; border-top:3px dashed #eee;border-right:3px dashed #eee;height:auto;}
  299.  
  300. .answer{text-align:left;}
  301.  
  302.  
  303. ::-webkit-scrollbar {height:10px; width: 7px; background: {color:entries};}
  304. ::-webkit-scrollbar-thumb {background: {color:scrollbar}; -moz-border-radius: 0px; border-radius: 0px;}
  305.  
  306. .audio{background-color:{color:entries}; height:35px; overflow:hidden;}
  307.  
  308.  
  309. </style></head>
  310. <body>
  311.  
  312.  
  313. <div id="sidebar">
  314. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  315. <div id="links">
  316. <a href="{text:link1 url}">{text:link1 title}</a>
  317. <a href="{text:link2 url}">{text:link2 title}</a>
  318. <a href="{text:link3 url}">{text:link3 title}</a>
  319. <a href="{text:link4 url}">{text:link4 title}</a>
  320.  
  321. </div>
  322. <div id="description">{block:description}{description}
  323. {block:Pagination}<div id="pagination">
  324.  
  325. {block:PreviousPage}
  326. <a href="{PreviousPage}">prev</a>
  327. {/block:PreviousPage}
  328. ---
  329. {block:NextPage}
  330. <a href="{NextPage}">next</a>
  331. {/block:NextPage}
  332.  
  333. </div>{/block:Pagination}
  334. {/block:description}</div>
  335.  
  336. <div id="sidebarimage2"><img src="{image:sidebar2}"></div>
  337. </div>
  338.  
  339.  
  340. </div>
  341.  
  342. </div>
  343.  
  344. <div id="entries">{block:Posts}<div id="post">
  345.  
  346. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  347.  
  348. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  349.  
  350. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  351.  
  352. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  353.  
  354. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  355.  
  356. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  357.  
  358. {block:Audio}{AudioPlayerBlack}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  359.  
  360. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  361.  
  362. {block:Answer}<div class="ask"><big><u><i>{Asker}</big></u></i> wondered:{Question}</div><br><div class="answer">{Answer}</div>{/block:Answer}
  363.  
  364.  
  365. <div id="info">
  366. <a href="{Permalink}">{TimeAgo}</a> {block:RebloggedFrom} // <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}(<a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a>){/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} // <a href="{Permalink}">{NoteCountWithLabel}</a></div><br><div id="tags">
  367. {block:HasTags} {block:Tags} <img src="http://i.imgur.com/etMZHKn.png"> <a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags} {/block:HasTags}
  368. </div>
  369.  
  370.  
  371. <div class="note">
  372. {block:PostNotes}{PostNotes}{/block:PostNotes}
  373. </div>
  374. </div>
  375. <br>
  376. <br>
  377. {block:Posts}
  378.  
  379.  
  380. <div id="credit" data="credit"><a href="http://ibanglouis.tumblr.com"><img src="http://i42.tinypic.com/316kbnn.jpg" width="30px" height="30px"></a></div>
  381.  
  382. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement