Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

1mperior.tumblr.com FIRST THEME

By: 1mperior on Feb 23rd, 2012  |  syntax: None  |  size: 7.72 KB  |  hits: 56  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1.  
  2. <html lang="en">
  3. <head>
  4. <!-- DEFAULT VARIABLES -->
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  6. <meta name="color:background" content="#ddd"/>
  7. <meta name="color:text" content="#000"/>
  8. <meta name="color:title" content="#000"/>
  9. <meta name="color:link" content="#000"/>
  10. <meta name="color:hover" content="#fff"/>
  11. <meta name="image:sidebar" content="1"/>
  12. <meta name="if:show photo" content="0"/>
  13. <meta name="if:left sidebar" content="1"/>
  14. <meta name="if:infinite scrolling" content="1"/>
  15. <meta name="if:show blog title" content="1"/>
  16.  
  17.  
  18.  
  19. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20.  
  21. {block:ifinfinitescrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescrolling}
  22.  
  23. <style type="text/css">
  24.  
  25.  
  26.  
  27.  
  28.  
  29.  
  30.  
  31.  
  32.  
  33. body {
  34. margin:0px;
  35. background-color: {color:Background};
  36. background-image:url({image:Background});
  37. background-attachment: fixed;
  38. background-repeat: repeat;}
  39. body, div, p, textarea, submit, input{
  40. font-family: {font:text};
  41. font-size: 10px;
  42. line-height:10px;
  43. letter-spacing:0px;
  44. color:{color:Text};
  45. }
  46.  
  47. body, div, p, textarea, submit, input {
  48. font-family: "04b03";
  49. font-size:8px;
  50.  
  51. text-transform:uppercase;
  52. letter-spacing:0px;
  53. line-height: 11px;
  54. color:#606060;}
  55.  
  56. @font-face {
  57. font-family: "04b03";
  58. src: url('http://static.tumblr.com/5fd89aw/aFUlmf7ca/04b03.ttf');
  59. }
  60.  
  61.  
  62. ::-webkit-scrollbar {width: 8px; height: 4px; background: #FFFFFF; }
  63.  
  64. ::-webkit-scrollbar-thumb { background-color: #eeeeee; -webkit-border-radius: 1ex; border: 1px solid black;}
  65.  
  66. p {
  67. margin:0px;
  68. margin-top:0px;
  69. }
  70.  
  71.  
  72. a:link, a:active, a:visited{
  73. color: {color:Link};
  74. text-decoration: none;
  75. }
  76.  
  77. a:hover {
  78. color:{color:Hover};
  79. text-decoration: none;
  80. font-style: none;
  81. -webkit-transition-duration: 0.8s;
  82. }
  83.  
  84.  
  85.  
  86.  
  87.  
  88.  
  89.  
  90. div#center{
  91. margin:auto;
  92. position:relative;
  93. width:840px;
  94. background-color:;
  95. overflow:auto;
  96. overflow-y:hidden;
  97. }
  98.  
  99. div#content{
  100. float:right;
  101. width:400px;
  102. margin-top: 0px;
  103. padding:2px;
  104. padding-top: 2px;
  105. {block:ifleftsidebar}margin-right: 280px;{/block:ifleftsidebar}
  106. {block:ifrightsidebar}margin-right: 350px;{/block:ifrightsidebar}
  107. background: #fff;
  108. border: 1px solid #606060;
  109. }
  110.  
  111. div#entry{
  112. background-color:;
  113. margin-top:px;
  114. padding-top:0px;
  115. padding-bottom:2px;
  116. }
  117.  
  118.  
  119. div#sidebar{
  120. position:fixed !important;
  121. width: 230px;
  122. height:auto;
  123. margin-top: 150px;
  124. {block:ifleftsidebar}margin-left: -92px;{/block:ifleftsidebar}
  125. {block:ifrightsidebar}margin-left: 500px;{/block:ifrightsidebar}
  126. padding-top:2px;
  127. padding-left:2px;
  128. padding-right:2px;
  129. font-size: 8px;
  130. line-height:11px;
  131. letter-spacing:0px;
  132. margin-bottom: 6px;
  133. background-color:white;
  134. border: 1px solid #606060;
  135. }
  136.  
  137.  
  138.  
  139. #postnotes{
  140. text-align: justify;}
  141.  
  142. #postnotes blockquote{
  143. border: 0px;}
  144.  
  145. .title{
  146. font-family: Amatic sc;
  147. font-size: 56px;
  148. line-height: 50px;
  149. color: {color:Title};
  150. font-weight: ;
  151. padding:0px 0px 0px 0px;
  152. }
  153.  
  154. .blogtitle{
  155. font-family: Amatic sc;
  156. font-size: 56px;
  157. line-height: 50px;
  158. color: {color:Title};
  159. font-weight: ;
  160. padding:0px 0px 0px 0px;
  161. }
  162.  
  163.  
  164.  
  165. .video embed, .post div.video object {width:250px !important; height:187px !important;}
  166.  
  167. blockquote{
  168. padding:0px 0px 2px 5px;
  169. margin:0px 0px 2px 1px;
  170. border-left: 1px dotted #555555;
  171. }
  172.  
  173. blockquote p, ul{
  174. margin:0px;
  175. padding:0px;
  176. }
  177.  
  178.  
  179. a img{border: 0px;}
  180.  
  181. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  182.  
  183. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  184. .user_7 .label, .user_8 .label, .user_9 .label {color:#555555;}
  185.  
  186. .notes img{width:10px; position:relative; top:3px;}
  187.  
  188. .permalink{
  189. display: block;
  190. font-size: 10px;
  191. text-align: right;
  192. text-decoration: none;
  193. }
  194.  
  195.  
  196. small{font-size: 90%;}
  197.  
  198.  
  199.  
  200. #scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; bottom: 15px; right: 15px;}
  201.  
  202.  
  203.  
  204.  
  205.  
  206.  
  207.  
  208.  
  209.  
  210. </style>
  211.  
  212.  
  213. <link rel="shortcut icon" href="{Favicon}">
  214. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  215. <meta name="viewport" content="width=820" />
  216.  
  217.  
  218.  
  219.  
  220.  
  221.  
  222.  
  223.  
  224.  
  225.  
  226. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><img src="http://i43.tinypic.com/14top5z.png" border="0"></a>
  227.  
  228.  
  229.  
  230.  
  231. </head>
  232. <body>
  233.  
  234. <div id="cage">
  235. <div id="center">
  236.  
  237. <div id="sidebar">
  238. <center>
  239. {block:ifshowblogtitle}<span class=blogtitle><a title="" href="/">
  240. {Title}
  241. </a></span><br>{/block:ifshowblogtitle}
  242. {block:ifshowphoto}<a href="/"><img src="{image:sidebar}" width=230px></a>{/block:ifshowphoto}
  243. {Description}<br>
  244. {block:ifshowarrows}
  245. {block:PreviousPage}<a href="{PreviousPage}"><font size="3"><b>&larr;</b></font></a>{/block:PreviousPage}
  246. {block:NextPage}<a href="{NextPage}"><font size="3"><b>&rarr;</b></font></a>{/block:NextPage}
  247. {/block:ifshowarrows}
  248. {block:ifinfinitescrolling}{/block:ifinfinitescrolling}
  249. </div>
  250.  
  251.  
  252. <div id="content">
  253. {block:Posts}
  254. <div id="entry">
  255. {block:Text}
  256. {block:Title}<span class="title">{Title}</span>{/block:Title}
  257. <span class="entrytext">{Body}</span><div align="right"><a href="{Permalink}"><span style="font-size: 8px;">reblog▲</span></a></div>{/block:Text}
  258.  
  259. {block:Link}
  260. <a href="{URL}" class="title">{Name}</a>
  261. {block:Description}{Description}{/block:Description}<div align="right"><a href="{Permalink}"><span style="font-size: 8px;">reblog▲</span></a></div>
  262. {block:Link}
  263.  
  264. {block:Photo}
  265. {block:IndexPage}<center><a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"width=400px/></a></center>{/block:IndexPage}
  266. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  267. {block:IndexPage}</a>{/block:IndexPage}
  268. {block:PermalinkPage}<center><img src="{PhotoURL-500}" alt="{PhotoAlt}"width=400px/></center>{LinkCloseTag}
  269. {/block:PermalinkPage}
  270. {/block:Photo}
  271. {LinkCloseTag}
  272. {/block:Photo}
  273.  
  274.  
  275. {block:Quote}
  276. {Quote}</span>
  277. {block:Source}<strong>{Source}</strong>{/block:Source}<div align="right"><a href="{Permalink}"><span style="font-size: 8px;">reblog▲</span></a></div>
  278. {/block:Quote}
  279.  
  280. {block:Chat}
  281. {block:Title}<span class="title">{Title}</span>{/block:Title}
  282. <ul class="chat">
  283. {block:Lines}
  284. <li class="user_{UserNumber}">
  285. {block:Label}
  286. <span class="label">{Label}</span>
  287. {/block:Label}
  288.  
  289. {Line}
  290. </li>
  291. {/block:Lines}<div align="right"><a href="{Permalink}"><span style="font-size: 8px;">reblog▲</span></a></div>
  292. {/block:Chat}
  293.  
  294.  
  295. {block:Audio}
  296. <center><div style="width:400px; height:28px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:10px; float:right;">
  297. {FormattedPlayCount} plays {block:ExternalAudio}{/block:ExternalAudio}</div></div></center><br><div align="right"><a href="{Permalink}"><span style="font-size: 8px;">reblog▲</span></a></div>
  298. {/block:Audio}
  299.  
  300. {block:Video}<center>
  301. <div class="video">{Video-400}</div></center><div align="right"><a href="{Permalink}"><span style="font-size: 8px;">reblog▲</span></a></div>
  302. {block:Video}
  303.  
  304. {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}
  305.  
  306. {block:PostNotes}{PostNotes}
  307. {/block:PostNotes}
  308. </div>
  309.  
  310. {/block:Posts}
  311.  
  312. {block:ifshowarrows}<center></center>{/block:ifshowarrows}
  313.  
  314. </div></div>
  315.  
  316. </div>
  317. </center>
  318.  
  319.  
  320. </body>
  321. <div style="position:fixed; bottom:10px; left:10px;">
  322. <br>
  323. <br>
  324. <a href="http://1mperior.tumblr.com">theme credit</a><div style="position:fixed; bottom:10px; left:10px;">
  325. <br>
  326. <br>
  327. </html>
create a new version of this paste RAW Paste Data