Advertisement
annabananasthemes

Theme numéro très.

Jan 27th, 2013
60
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.29 KB | None | 0 0
  1. <!--
  2. Theme made by decemberr-27th, don't remove the credit. Thanks. <3
  3. -->
  4.  
  5.  
  6. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  7.  
  8.  
  9. <head>
  10. <title>{Title}</title>
  11.  
  12. <!-- DEFAULT COLORS -->
  13. <meta name="color:Background" content="#FFFFFF"/>
  14. <meta name="color:Link" content="#000"/>
  15. <meta name="color:Text" content="#000"/>
  16. <meta name="color:Title" content="#000"/>
  17. <meta name="color:Hover" content="#FFF"/>
  18. <meta name="color:Scrollbar" content="#DDD"/>
  19. <meta name="text:link one" content="" />
  20. <meta name="text:link one title" content="" />
  21. <meta name="text:link two" content="" />
  22. <meta name="text:link two title" content="" />
  23. <meta name="text:link three" content="" />
  24. <meta name="text:link three title" content="" />
  25. <meta name="text:link four" content="" />
  26. <meta name="text:link four title" content="" />
  27. <meta name="text:link five" content="" />
  28. <meta name="text:link five title" content="" />
  29.  
  30. <!-- DEFAULT IMAGES -->
  31. <meta name="image:Sidebar" content="http://30.media.tumblr.com/tumblr_lwejhdxZvd1r74hg4o1_500.jpg"/>
  32. <meta name="image:Background" content=""/>
  33.  
  34. <!--DEFAULT SETTINGS -->
  35. <meta name="if:Enable small cursor" content="0"/>
  36. <meta name="if:Infinite Scrolling" content="0"/>
  37.  
  38.  
  39. <style type="text/css">
  40.  
  41. ::-webkit-scrollbar-thumb:vertical {background-color: {color:Scrollbar}; height:auto; border: 0px solid #000; border-radius:6px;}
  42. ::-webkit-scrollbar-thumb:horizontal {background-color: #565758; height:10px !important;}
  43. ::-webkit-scrollbar {height:7px; width:8px ; background-color:{color:background};}
  44. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  45.  
  46. @font-face {
  47. font-family: "tinytots";
  48. src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
  49. }
  50.  
  51. body {margin:0px; background-color: {color:Background}; background-image:url({image:Background}); background-attachment: fixed; background-repeat: repeat;}
  52.  
  53. body, div, p, textarea, submit, input{ font-family: tinytots; font-size: 8px; line-height:11px; letter-spacing:0px; color:{color:Text};}
  54.  
  55. p { margin:0px; margin-top:0px;}
  56.  
  57. a:link, a:active, a:visited{ color: {color:Link}; text-decoration: none;-webkit-transition-duration: 0.8s;}
  58.  
  59. a:hover {color:{color:Hover}; text-decoration: none;-webkit-transition-duration: 0.8s;}
  60.  
  61. div#center{
  62. margin:auto;
  63. position:relative;
  64. width:780px;
  65. background-color:;
  66. overflow:auto;
  67. overflow-y:hidden;}
  68.  
  69. div#content{
  70. float:right;
  71. width:370px;
  72. padding:2px;
  73. padding-top: 2px;
  74. margin-right: 170px;
  75. background:;
  76. }
  77.  
  78. div#entry{
  79. background-color: #FFF;
  80. border: 1px solid #000000;
  81. margin-top:3px;
  82. padding-top:2px;
  83. padding-right:1px;
  84. padding-bottom:1.75px;
  85. moz border-radius: 0px;
  86. border-radius: 0px;
  87. }
  88.  
  89. #entry .perma a{
  90. color:{Color:Links};}
  91.  
  92. #entry .perma{
  93. width:370px;
  94. position: absolute;
  95. font-family: tinytots;
  96. font-size: 10px;
  97. line-height: 11px;
  98. text-align: center;
  99. overflow:hidden;
  100. opacity: 0.0;
  101. background-color:#fff;
  102. -webkit-transition-duration: 0.8s;
  103. }
  104.  
  105. #entry:hover .perma{
  106. overflow:visible;
  107. -webkit-transition: opacity 0.2s linear; opacity: 0.8;
  108. -webkit-transition: all 0.2s linear;
  109. -moz-transition: all 0.2s linear;
  110. transition: all 0.2s linear;
  111. }
  112.  
  113.  
  114. div#sidebar{
  115. position:fixed !important;
  116. width: 180px;
  117. height:auto;
  118. margin: 215px 0px 0px 30px;
  119. padding: 1px;
  120. line-height:7px;
  121. letter-spacing:0px;
  122. margin-bottom: 5px;
  123. background-color: #FFF;
  124. border: 1px dotted #000;
  125. font-family: tinytots;
  126. font-size: 9px;
  127. }
  128.  
  129. div#navibox{
  130. width: 104px;
  131. position:fixed !important;
  132. height: auto;
  133. margin-left: -78px;
  134. margin-top:215px;
  135. border: 1px dotted #000;
  136. background: white;
  137. }
  138.  
  139.  
  140. div#blogtitle{
  141. position:fixed !important;
  142. margin-left:-78px;
  143. {block:ifinfinitescrolling}
  144. margin-top: 186px;
  145. {/block:ifinfinitescrolling}
  146. {block:ifnotinfinitescrolling}
  147. margin-top: 170px;
  148. {/block:ifnotinfinitescrolling}
  149. text-align: center;
  150. font-family: "amatic sc";
  151. font-size: 50px;
  152. }
  153.  
  154. div#pagination{
  155. width: 290px;
  156. height: auto;
  157. margin-left: -78px;
  158. margin-top: 200px;
  159. position:fixed !important;
  160. background-color: white;
  161. border: 1px solid #000;
  162. text-align: center;
  163. font-family: tinytots;
  164. font-size: 8px;
  165. }
  166.  
  167. .ask {
  168. -moz-border-radius: 10px 10px 0px 0px;
  169. -webkit-border-radius: 10px 10px 0px 0px;
  170. background:#eee;
  171. padding:10px;
  172. padding-left:-20px;
  173. position:relative;
  174. text-shadow: 1px 1px 1px #f8f8f8;
  175. width: 340px;
  176. border-top: 1px solid #000;
  177. border-left: 1px solid #000;
  178. border-right: 1px solid #000;
  179. }
  180.  
  181. .reply {
  182. -moz-border-radius: 0px 0px 10px 10px;
  183. -webkit-border-radius: 0px 0px 10px 10px;
  184. background:#ddd;
  185. padding:10px;
  186. padding-left:-20px;
  187. position:relative;
  188. text-shadow: 1px 1px 1px #f8f8f8;
  189. width: 340px;
  190. border-bottom: 1px solid #000;
  191. border-left: 1px solid #000;
  192. border-right: 1px solid #000;
  193. }
  194.  
  195. div.button a{
  196. display: inline-block;
  197. margin-top: 1px;
  198. margin-left: 2px;
  199. margin-bottom: 1px;
  200. padding-left: 2px;
  201. color: {color:text};
  202. border-left: 5px double #000;
  203. -webkit-transition: 0.5s;
  204. background: transparent;
  205. font-family: tinytots;
  206. font-size: 8px;
  207. padding-top: 2px;
  208. }
  209.  
  210. div.button a:hover{
  211. border-left: 9px double #000;
  212. padding-right:2px;
  213. color: {color:hover};
  214. background: white;
  215. -webkit-transition: 0.5s;
  216. }
  217.  
  218. #postnotes{
  219. text-align: justify;
  220. }
  221.  
  222. #postnotes blockquote{
  223. border: 0px;
  224. }
  225.  
  226. .title{
  227. font-family: Pea Picky Panda;
  228. font-size: 13px;
  229. line-height: 12px;
  230. color: {color:Title};
  231. letter-spacing: 1px;
  232. font-weight: normal;
  233. padding:0px 0px 0px 0px;
  234. }
  235.  
  236. .title2{
  237. font-family: Pea Picky Panda;
  238. font-size: 10px;
  239. line-height: 12px;
  240. color: {color:Title};
  241. letter-spacing: 1px;
  242. font-weight: normal;
  243. padding:0px 0px 0px 0px;
  244. }
  245.  
  246. blockquote{
  247. padding:0px 0px 2px 5px;
  248. margin:0px 0px 2px 1px;
  249. border-left: 1px dotted #555555;
  250. }
  251.  
  252. blockquote p, ul{
  253. margin:0px;
  254. padding:0px;
  255. }
  256.  
  257. a img{
  258. border: 0px;
  259. }
  260.  
  261. ul, ol, li{
  262. list-style:none;
  263. margin:0px;
  264. padding:0px;
  265. }
  266.  
  267. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  268. .user_7 .label, .user_8 .label, .user_9 .label {color:#555555;}
  269.  
  270. .notes img{
  271. width:10px;
  272. position:relative;
  273. top:3px;
  274. }
  275.  
  276. small{font-size: 90%;}
  277.  
  278. </style>
  279.  
  280. <link rel="shortcut icon" href="{Favicon}">
  281. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  282. <meta name="viewport" content="width=820" />
  283. </head>
  284. <body>
  285.  
  286. <div id="cage">
  287. <div id="center">
  288.  
  289. <!-- SIDEBAR -->
  290. <div id="blogtitle">{Title}</div>
  291. <div id="sidebar">
  292. <img src="{image:sidebar}" width=180px>
  293. <br><br>
  294. <center>{Description}
  295. <br>
  296. <div align="right">
  297. <br>
  298. </div>
  299. </div>
  300.  
  301. <!-- NAVIGATION BOX -->
  302. <div id="navibox">
  303. <div class="button">
  304. <div class="linkz">
  305. <center>{block:IfLinkonetitle}<a href="{text:link one}">{text:link one title}</a> {/block:IfLinkonetitle}
  306. {block:IfLinktwotitle} <a href="{text:link two}">{text:link two title}</a> {/block:IfLinktwotitle}
  307. {block:IfLinkthreetitle} <a href="{text:link three}">{text:link three title}</a>{/block:IfLinkthreetitle}
  308. {block:IfLinkfourtitle} <a href="{text:link four}">{text:link four title}</a>{/block:IfLinkfourtitle}
  309. {block:IfLinkfivetitle}<a href="{text:link five}">{text:link five title}</a> {/block:IfLinkfivetitle}
  310.  
  311. </div>
  312. </div>
  313. </div>
  314.  
  315.  
  316. <!-- PAGINATION -->
  317. {Block:ifnotinfinitescrolling}
  318. <div id="pagination">
  319. {block:PreviousPage}<a href="{PreviousPage}">&larr; PRESENT</a>{/block:PreviousPage}
  320. {block:NextPage}<a href="{NextPage}">PAST &rarr;</a>{/block:NextPage}
  321. </div>
  322. {/Block:ifnotinfinitescrolling}
  323.  
  324. <div id="content"> {block:Posts} <div id="entry">
  325.  
  326. {block:IndexPage}
  327. <div class="perma"><a href="{permalink}">{NoteCount}</a> || <a href="{ReblogURL}" target="_blank">REBLOG ☾</a></span></div>
  328. {/block:IndexPage}
  329.  
  330. {block:Text}
  331. {block:Title}<span class="title">{Title}</span>{/block:Title}
  332. <span class="entrytext">{Body}</span><div align="right"><a href="{Permalink}"><span style="font-size: 11px;">+</span></a></div>{/block:Text}
  333.  
  334. {block:Link}
  335. <a href="{URL}" class="title">{Name}</a>
  336. {block:Description}{Description}{/block:Description}<div align="right"><a href="{Permalink}"><span style="font-size: 11px;">+</span></a></div>
  337. {block:Link}
  338.  
  339. {block:Photo}<center>
  340. {LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=367px></a>{LinkCloseTag}</center>
  341. {/block:Photo}
  342.  
  343. {block:Quote}
  344. {Quote}</span>
  345. {block:Source}<strong>{Source}</strong>{/block:Source}<div align="right"><a href="{Permalink}"><span style="font-size: 11px;"> </span></a></div>
  346. {/block:Quote}
  347.  
  348. {block:Photoset}<center>{Photoset-367}</center>
  349. <span class="permalink"><a href="{permalink}">+</a></span>
  350. {/block:Photoset}
  351.  
  352. {block:Chat}
  353. {block:Title}<span class="title">{Title}</span>{/block:Title}
  354. <ul class="chat">
  355. {block:Lines}
  356. <li class="user_{UserNumber}">
  357. {block:Label}
  358. <span class="label">{Label}</span>
  359. {/block:Label}
  360.  
  361. {Line}
  362. </li>
  363. {/block:Lines}<div align="right"><a href="{Permalink}"><span style="font-size: 11px;">+</span></a></div>
  364. {/block:Chat}
  365.  
  366.  
  367. {block:Audio}
  368. <center><div style="width:360px; height:28px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:10px; float:right;">
  369. {FormattedPlayCount} plays {block:ExternalAudio}{/block:ExternalAudio}</div></div></center><br><div align="right"><a href="{Permalink}"><span style="font-size: 11px;"> </span></a></div>
  370. {/block:Audio}
  371.  
  372. {block:Video}<center>
  373. <div class="video">{Video-400}</div></center><div align="right"><a href="{Permalink}"><span style="font-size: 11px;"> </span></a></div>
  374. {block:Video}
  375.  
  376. {block:Answer}
  377. <center><br><div class="ask">{Asker} hushed: {Question}</div>
  378. <div class="reply">{Answer}</div></center><br>
  379. {/block:Answer}
  380.  
  381. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}{/block:PermalinkPage}
  382.  
  383. {block:PostNotes}{PostNotes}
  384. {/block:PostNotes}
  385. </div>
  386.  
  387. {/block:Posts}
  388. </div></div>
  389.  
  390. {Block:ifinfinitescrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/Block:ifinfinitescrolling}
  391.  
  392. {block:ifEnableSmallCursor}<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress;}</style>{/block:ifEnableSmallCursor}
  393.  
  394. </div>
  395. </center>
  396.  
  397. </body>
  398. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement