Advertisement
ibanglouis

Theme #22

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