Advertisement
ibanglouis

Theme #07

Feb 24th, 2013
140
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.90 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=".01" />
  18. <meta name="text:Link1 Url" content="/" />
  19. <meta name="text:Link2 Title" content=".02" />
  20. <meta name="text:Link2 Url" content="/ask" />
  21. <meta name="text:Link3 Title" content=".03" />
  22. <meta name="text:Link3 Url" content="/" />
  23. <meta name="text:Link4 Title" content=".04" />
  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:120px;
  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: 20px;
  150. margin-top: -5px;
  151. text-align:center;
  152. text-transform:uppercase;
  153. position:fixed;
  154.  
  155. }
  156.  
  157. #links a
  158. { color: {color:link};
  159. margin-bottom: -10px;
  160. text-transform: uppercase;
  161. padding:5px;
  162. font-family:Lusitana, sans-serif;
  163. opacity: 1;
  164. padding-top: 1px;
  165. padding-bottom: 1px;
  166. padding-left: 1px;
  167. padding-right: 1px;
  168. height: 14.5px;
  169. font-size: 8px;
  170. letter-spacing: 1px;
  171. margin-left: 1px;
  172. }
  173.  
  174. #links a:hover { color: {color:linkhover}; background-color: {color:linkhoverbackground};
  175. }
  176.  
  177.  
  178.  
  179.  
  180.  
  181.  
  182. #description {
  183. width: 80px;
  184. height: 50px;
  185. font:10px Cambria;
  186. margin-left:130px;
  187. margin-top:-90px;
  188. text-align:center;
  189. border-top: 1px solid {color:border};
  190. border-bottom: 1px solid {color:border};
  191. color:{color:Font};
  192. line-height: 8px;
  193. position:fixed;
  194. padding: 5px;
  195. }
  196.  
  197. #description a {color:{color:text}; -moz-transition-duration:0.4s;
  198. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;}
  199.  
  200. #pagination {
  201. position:fixed;
  202. font-size:11px;
  203. text-align:center;
  204. font-family:Cambria;
  205. margin-top:35px;
  206. margin-left:0px;
  207. width: 80px;
  208. padding-top:0px;}
  209.  
  210. #pagination:hover {
  211. color:{color:linkhover};
  212. }
  213.  
  214.  
  215. #info {
  216. width:500px;
  217. text-align:right;
  218. margin-top:0px;
  219. font-size:10px;
  220. font-family:Lusitana;
  221. font-style:none;
  222. padding-bottom:0px;
  223. }
  224.  
  225. #info a { color: {color:link}
  226.  
  227. }
  228.  
  229. #info a:hover { color: {color:linkhover};}
  230.  
  231. #tags {text-align:right;}
  232.  
  233. #tags a{color:{color:link};}
  234.  
  235. #tags a:hover{color:{color:linkhover};}
  236.  
  237. #asker {
  238. font-size:10px;
  239. text-align:center;
  240. text-transform:lowercase;
  241. }
  242.  
  243.  
  244. #credit{
  245. right:8px;
  246. bottom:10px;
  247. font-size:14px;
  248. position:fixed;
  249. font-family:Lusitana;
  250. border:1px solid #dddddd;
  251. border-radius: 10px;
  252. padding:5px;
  253. }
  254.  
  255. #credit a:hover { color: {color:linkhover};}
  256.  
  257. a:link ::-moz-selection {text-shadow: 0px 0px 0px {color:link};}
  258. : {text-shadow: 0px 0px 0px {color:link};}
  259.  
  260. .postalign{text-align:justify; padding:10px 10px 5px 10px;}
  261.  
  262. .quote{font-family:{font:Quote}; font-size:14px; color: {color:Font}; font-style:italic;}
  263.  
  264.  
  265. .question{background: {color:entries}; font-size: 10px; font-weight:bold; color: {color:Font}; padding: 10px;}
  266.  
  267. .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);
  268. padding: 10px;}
  269.  
  270. .asker{text-transform: none; padding-bottom:0px; font-size: 11px;}
  271.  
  272. .answer{padding:4px;}
  273.  
  274.  
  275. ::-webkit-scrollbar {height:10px; width: 7px; background: {color:entries};}
  276. ::-webkit-scrollbar-thumb {background: {color:scrollbar}; -moz-border-radius: 0px; border-radius: 0px;}
  277.  
  278. .audio{background-color:{color:entries}; height:35px; overflow:hidden;}
  279.  
  280.  
  281. </style></head>
  282. <body>
  283.  
  284.  
  285. <div id="sidebar">
  286.  
  287. <div id="links">
  288. <a href="{text:link1 url}">{text:link1 title}</a>
  289. <a href="{text:link2 url}">{text:link2 title}</a>
  290. <a href="{text:link3 url}">{text:link3 title}</a>
  291. <a href="{text:link4 url}">{text:link4 title}</a>
  292.  
  293. </div>
  294.  
  295. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  296. <div id="description">{block:description}{description}{/block:description}
  297. {block:Pagination}<div id="pagination">
  298.  
  299.  
  300. {block:PreviousPage}
  301. <a href="{PreviousPage}">←</a>
  302. {/block:PreviousPage}
  303. {block:JumpPagination length="5"}
  304. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  305. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  306. {/block:JumpPagination}
  307. {block:NextPage}
  308. <a href="{NextPage}">→</a>
  309. {/block:NextPage}
  310.  
  311.  
  312. </div>{/block:Pagination}
  313. </p>
  314.  
  315.  
  316.  
  317. </div>
  318.  
  319. </div>
  320.  
  321.  
  322. </div>
  323.  
  324. </div>
  325.  
  326. <div id="entries">{block:Posts}<div id="post">
  327.  
  328. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  329.  
  330. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  331.  
  332. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  333.  
  334. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  335.  
  336. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  337.  
  338. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  339.  
  340. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  341.  
  342. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  343.  
  344. {block:Answer}<div id="asker"><img src="{AskerPortraitURL-24}"></div>{Asker}:<br>{Question}<br>{Answer}{/block:Answer}
  345.  
  346.  
  347. <div id="info">
  348. <br><div id="tags">
  349. {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>
  350. </div>
  351.  
  352.  
  353. <div class="note">
  354. {block:PostNotes}{PostNotes}{/block:PostNotes}
  355. </div>
  356. </div>
  357. <br>
  358. <br>
  359. {block:Posts}
  360.  
  361. <div id="credit"><a href="http://ibanglouis.tumblr.com">©</a></div>
  362.  
  363. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement