Advertisement
ibanglouis

Theme #08

Feb 24th, 2013
168
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.58 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="color:border" content="#8C8B8B"/>
  10. <meta name="image:Sidebar" content=""/>
  11. <meta name="color:Link" content="#A8A7A7"/>
  12. <meta name="color:LinkHover" content="#242424"/>
  13. <meta name="color:Scrollbar" content="#525252"/>
  14.  
  15.  
  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 {
  58. text-decoration:none;
  59. outline:none;
  60. color:{color:link};
  61. }
  62.  
  63. a:hover {
  64. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  65. color:{color:linkhover};
  66. }
  67.  
  68. img {
  69. border:none;
  70. }
  71.  
  72. blockquote {
  73. padding-left:5px;
  74. border-left:2px solid;
  75. }
  76.  
  77.  
  78. blockquote blockquote {
  79. padding-left:5px;
  80. border-left:2px solid;
  81. }
  82.  
  83.  
  84. h1 {
  85. font-size:10px;
  86. }
  87.  
  88.  
  89. #entries {
  90. padding:10px;
  91. width:500px;
  92. margin-left:450px;
  93. margin-top:40px;
  94.  
  95.  
  96. }
  97. #post {
  98. width:500px;
  99. padding:10px;
  100. border: 1px #eee solid;
  101. margin-bottom: 20px;
  102. }
  103.  
  104. #sidebar {
  105. width:175px;
  106. height: 100%;
  107. position:fixed;
  108. margin-left:150px;
  109. margin-top:120px;
  110. }
  111.  
  112.  
  113. #sidebarimage {
  114. width 100px;
  115. padding: 7px 24px 7px 20px;
  116.  
  117. }
  118.  
  119.  
  120. #sidebarimage img {
  121. width:100px;
  122. height:100px;
  123. border:1px solid {color:border};
  124. background-color:{color:bg};
  125. padding:3px;
  126. margin-left:-6px;
  127. margin-top:10px;
  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 0.2s ease-out;
  144. -moz-transition:all 0.2s ease-out;
  145. transition:all 0.2s ease-out;
  146. width:80px;
  147. padding: 9px;
  148. font-size:8px;
  149. margin-left: -65px;
  150. margin-top: 15px;
  151. text-align:center;
  152. text-transform:uppercase;
  153. position:fixed;
  154.  
  155. }
  156.  
  157. #link1 {
  158. width:50px;
  159. padding:3px;
  160. height:8px;
  161. border:1px solid {color:border};
  162.  
  163. }
  164.  
  165. #link2 {
  166. width:50px;
  167. padding:3px;
  168. height:8px;
  169. border:1px solid {color:border};
  170.  
  171. }
  172.  
  173. #link3 {
  174. width:50px;
  175. padding:3px;
  176. height:8px;
  177. border:1px solid {color:border};
  178.  
  179. }
  180.  
  181. #link4 {
  182. width:50px;
  183. padding:3px;
  184. height:8px;
  185. border:1px solid {color:border};
  186.  
  187. }
  188.  
  189. #link1:hover {background:{color:linkhoverbackground}; color:{color:linkhover};}
  190.  
  191. #link2:hover {background:{color:linkhoverbackground}; color:{color:linkhover};}
  192.  
  193. #link3:hover {background:{color:linkhoverbackground}; color:{color:linkhover};}
  194.  
  195. #link4:hover {background:{color:linkhoverbackground}; color:{color:linkhover};}
  196.  
  197. #links a
  198. { color: {color:link};
  199. margin-bottom: -10px;
  200. text-transform: uppercase;
  201. padding:5px;
  202. font-family:Lusitana, sans-serif;
  203. opacity: 1;
  204. padding-top: 1px;
  205. padding-bottom: 1px;
  206. padding-left: 1px;
  207. padding-right: 1px;
  208. height: 14.5px;
  209. font-size: 8px;
  210. letter-spacing: 1px;
  211. margin-left: 1px;
  212. }
  213.  
  214.  
  215.  
  216.  
  217.  
  218.  
  219.  
  220.  
  221. #description {
  222. width:100px;
  223. height: 50px;
  224. font:10px Cambria;
  225. margin-left:15px;
  226. margin-top:0px;
  227. text-align:center;
  228. color:{color:Font};
  229. line-height: 8px;
  230. position:fixed;
  231. padding: 5px;
  232. }
  233.  
  234. #description a {color:{color:text}; -moz-transition-duration:0.4s;
  235. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;}
  236.  
  237. #pagination {
  238. position:fixed;
  239. font-size:11px;
  240. text-align:center;
  241. font-family:Cambria;
  242. margin-top:35px;
  243. margin-left:0px;
  244. width: 100px;
  245. padding-top:0px;}
  246.  
  247. #pagination:hover {
  248. color:{color:linkhover};
  249. }
  250. #info {
  251. width:500px;
  252. text-align:right;
  253. margin-top:0px;
  254. font-size:10px;
  255. font-family:Lusitana;
  256. font-style:none;
  257. padding-bottom:0px;
  258. }
  259.  
  260. #info a { color: {color:link}
  261.  
  262. }
  263.  
  264. #info a:hover { color: {color:linkhover};}
  265.  
  266. #tags {text-align:right;}
  267.  
  268. #tags a{color:{color:link};}
  269.  
  270. #tags a:hover{color:{color:linkhover};}
  271.  
  272. #asker {
  273. font-size:10px;
  274. text-align:center;
  275. text-transform:lowercase;
  276. }
  277.  
  278.  
  279. #credit{
  280. right:8px;
  281. bottom:10px;
  282. font-size:14px;
  283. position:fixed;
  284. font-family:Lusitana;
  285. border:1px solid #dddddd;
  286. border-radius: 10px;
  287. padding:5px;
  288. }
  289.  
  290. #credit a:hover { color: {color:linkhover};}
  291.  
  292. a:link ::-moz-selection {text-shadow: 0px 0px 0px {color:link};}
  293. : {text-shadow: 0px 0px 0px {color:link};}
  294.  
  295. .postalign{text-align:justify; padding:10px 10px 5px 10px;}
  296.  
  297. .quote{font-family:{font:Quote}; font-size:14px; color: {color:Font}; font-style:italic;}
  298.  
  299.  
  300. .question{background: {color:entries}; font-size: 10px; font-weight:bold; color: {color:Font}; padding: 10px;}
  301.  
  302. .ask{font-size: 10px; background-color:{color:Background}; color:{color:Font};margin-bottom:0px; box-shadow: 0px 1px 1px rgba(0,0,0,0.14);
  303. padding: 10px;}
  304.  
  305. .asker{text-transform: none; padding-bottom:0px; font-size: 11px;}
  306.  
  307. .answer{padding:4px;}
  308.  
  309.  
  310. ::-webkit-scrollbar {height:10px; width: 7px; background: {color:entries};}
  311. ::-webkit-scrollbar-thumb {background: {color:scrollbar}; -moz-border-radius: 0px; border-radius: 0px;}
  312.  
  313. .audio{background-color:{color:entries}; height:35px; overflow:hidden;}
  314.  
  315.  
  316. </style></head>
  317. <body>
  318.  
  319.  
  320. <div id="sidebar">
  321. <div id ="links">
  322. <div id="link1"><a href="{text:link1 url}">{text:link1 title}</a></div><br>
  323. <div id="link2"><a href="{text:link2 url}">{text:link2 title}</a></div><br>
  324. <div id="link3"><a href="{text:link3 url}">{text:link3 title}</a></div><br>
  325. <div id="link4"><a href="{text:link4 url}">{text:link4 title}</a></div><br>
  326.  
  327. </div>
  328.  
  329. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  330. <div id="description">{block:description}{description}{/block:description}
  331. {block:Pagination}<div id="pagination">
  332.  
  333.  
  334. {block:PreviousPage}
  335. <a href="{PreviousPage}">←</a>
  336. {/block:PreviousPage}
  337. {block:JumpPagination length="5"}
  338. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  339. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  340. {/block:JumpPagination}
  341. {block:NextPage}
  342. <a href="{NextPage}">→</a>
  343. {/block:NextPage}
  344.  
  345.  
  346. </div>{/block:Pagination}
  347. </p>
  348.  
  349.  
  350.  
  351. </div>
  352.  
  353. </div>
  354.  
  355.  
  356. </div>
  357.  
  358. </div>
  359.  
  360. <div id="entries">{block:Posts}<div id="post">
  361.  
  362. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  363.  
  364. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  365.  
  366. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  367.  
  368. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  369.  
  370. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  371.  
  372. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  373.  
  374. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  375.  
  376. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  377.  
  378. {block:Answer}<div id="asker"><img src="{AskerPortraitURL-24}"></div>{Asker}:<br>{Question}<br>{Answer}{/block:Answer}
  379.  
  380.  
  381. <div id="info">
  382. <br><div id="tags">
  383. {block:HasTags} {block:Tags} <a href="{TagURL}"># {Tag}</a>&nbsp;{/block:Tags} | {/block:HasTags}<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>
  384. </div>
  385.  
  386.  
  387. <div class="note">
  388. {block:PostNotes}{PostNotes}{/block:PostNotes}
  389. </div>
  390. </div>
  391. <br>
  392. <br>
  393. {block:Posts}
  394.  
  395. <div id="credit"><a href="http://ibanglouis.tumblr.com">©</a></div>
  396.  
  397. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement