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

Theme 09

By: CanadianBiebahThemes on Mar 10th, 2012  |  syntax: None  |  size: 8.84 KB  |  hits: 1,005  |  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. Leave the credit please! Enjoy!
  2.  
  3.  
  4. <html>
  5. <head>
  6.  
  7. <!-- DEFAULT VARIABLES -->
  8. <meta name="color:background" content="#FDFBF5" />
  9. <meta name="color:sidebar" content="#F7F4E8" />
  10. <meta name="color:entries" content="#F7F4E8" />
  11. <meta name="color:permalink" content="#FDFBF5" />
  12. <meta name="color:text" content="#B9AF91" />
  13. <meta name="color:link" content="#8F896D" />
  14. <meta name="color:title" content="#8F896D" />
  15. <meta name="color:link hover" content="#5F5B47" />
  16. <meta name="color:links background" content="#F7F4E8" />
  17.  
  18. <meta name="font:body" content="Georgia" />
  19. <meta name="image:sidebar" content=""/>
  20. <meta name="image:background" content="" />
  21.  
  22. <meta name="text:Link1Title" content="link 1"/>
  23. <meta name="text:Link1" content="http://" />
  24. <meta name="text:Link2Title" content="link 2" />
  25. <meta name="text:Link2" content="http://" />
  26. <meta name="text:Link3Title" content="link 3" />
  27. <meta name="text:Link3" content="http://" />
  28.  
  29.  
  30.  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  31.     <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  32.     {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  33.     <link rel="shortcut icon" href="{Favicon}" />
  34.     <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  35. <style type="text/css">
  36.  
  37. @font-face {
  38.     font-family: 'StarsFromOurEyesRegular';
  39.     src: url('http://static.tumblr.com/2lqtwbf/GwJly7nlm/starsfromoureyes-webfont.eot');
  40.     src: url('http://static.tumblr.com/2lqtwbf/GwJly7nlm/starsfromoureyes-webfont.eot?#iefix') format('embedded-opentype'),
  41.          url('http://static.tumblr.com/2lqtwbf/8Obly7nj0/starsfromoureyes-webfont.ttf') format('truetype'),
  42.          url('http://static.tumblr.com/2lqtwbf/8NAly7nnb/starsfromoureyes-webfont.svg') format('svg');
  43.     font-weight: normal;
  44.     font-style: normal;
  45. }
  46.  
  47. body {
  48. color:{color:text};
  49. background-color:{color:Background};
  50. background-image: url('{image:Background}');
  51. background-position:top left;
  52. background-attachment:fixed;
  53. background-repeat:repeat;
  54. font-size:9px;
  55. font-family:{font:body};
  56. line-height:110%;
  57. text-align:justify}
  58.  
  59.  
  60. a:link, a:active, a:visited{
  61. color: {color:link}; text-decoration:none}
  62.  
  63. a:hover{
  64. color:{color:title}; text-shadow: 0px 0px 0px #B39F8C; font-style:normal;
  65. -webkit-transition: all 0.9s ease-in;
  66. -moz-transition: all 0.9s ease-in;
  67. -o-transition: all 0.9s ease-in;
  68. transition: all 0.9s ease-in;
  69. letter-spacing:0px;}
  70.  
  71. #entries {
  72. margin-left:500px;
  73. margin-top:5px;
  74. padding:3px;
  75. width:520px;}
  76.  
  77. #posts{
  78. overflow:hidden;
  79. background-color:{color:entries};
  80. padding:10px;
  81. font-size:9px;
  82. margin-bottom:20px;
  83. font-family:{font:body};
  84. letter-spacing:0px;
  85. }
  86.  
  87. #sidebar {
  88. width:260px;
  89. padding:10px;
  90. height:1000px;
  91. margin-top:85px;
  92. margin-left:110px;
  93. position:fixed;
  94. border-radius:50px 50px 0px 0px;
  95. border-top:2px solid {color:text};
  96. background-color:{color:sidebar};
  97. }
  98.  
  99. #sidebarimg img {
  100. width:260px;
  101. border-radius:50px 50px 0px 0px;
  102. }
  103.  
  104. #sidebarinfo{
  105. color:{color:text};
  106. font-family:{font:body};
  107. font-size:9px;
  108. font-weight:normal;
  109. }
  110.  
  111. #title {
  112. width:250px;
  113. margin-top:60px;
  114. margin-left:115px;
  115. margin-bottom:0px;
  116. color:{color:title};
  117. font-family: 'StarsFromOurEyesRegular';
  118. font-size:15px;
  119. font-style:italic;
  120. letter-spacing:0px;
  121. text-align:center;
  122. line-height:13px;
  123. position:fixed;
  124. }
  125.  
  126. #links {margin-top:95px;
  127. position:fixed;
  128. float:left;
  129. margin-left:400px;
  130. width:60px;}
  131.  
  132. #links a:hover {-webkit-transition: all 1.3s ease-out;
  133. -moz-transition: all 1.3s ease-out;
  134. -o-transition: all 1.3s ease-out;
  135. transition: all 1.3s ease-out;}
  136.  
  137. .linky a {-webkit-transition: all 1.3s ease-out;
  138. -moz-transition: all 1.3s ease-out;
  139. -o-transition: all 1.3s ease-out;
  140. transition: all 1.3s ease-out;
  141. border-radius:10px 100px 10px 100px;
  142. display:block;
  143. width:80px;
  144. font-size:9px;
  145. font-family:Georgia;
  146. font-style:normal;
  147. line-height:30px;
  148. background-color:{color:links background};
  149. color:{color:link};
  150. text-align:center;
  151. padding:3px 0px 3px 0px;
  152. margin-left:3px;
  153. margin-bottom:0px;
  154. letter-spacing:0px;
  155. border:2px solid {color:link};}
  156.  
  157. .linky a:hover {text-shadow: 1px 1px 1px #B39F8C;
  158. color:{color:link hover};
  159. letter-spacing:2px;
  160. font-style:italic;
  161. border-radius:100px 10px 100px 10px;
  162. border:2px solid {color:link};}
  163.  
  164.  
  165. h1{
  166. color:{color:link};
  167. font-family: 'StarsFromOurEyesRegular';
  168. font-size:12px;
  169. line-height:17px;
  170. letter-spacing:0px;
  171. font-weight:none;
  172. margin:0px;
  173. padding:0px;
  174. text-align:left}
  175.  
  176. h2{
  177. color:{color:link};
  178. font-family:'StarsFromOurEyesRegular';
  179. font-size:9px;
  180. line-height:14px;
  181. letter-spacing:0px;
  182. font-weight:none;
  183. margin:0px;
  184. padding:0px;
  185. margin-bottom:0px;
  186. text-align:center}
  187.  
  188. #pagination {
  189. font-family:georgia;
  190. text-align:center;
  191. font-size:25px;
  192. }
  193.  
  194. #permalink {
  195. display:block;
  196. margin:2px 0px 2px 0px;
  197. padding:2px;
  198. color:{color:text};
  199. font:9px {font:body};
  200. line-height:110%;
  201. text-align:left;
  202. text-transform:none;
  203. background-color:{color:permalink};
  204. letter-spacing:0px;
  205. }
  206.  
  207. #permalink a {color:{color:link};}
  208.  
  209. #permalink a:hover {color:{color:link hover};}
  210.  
  211. #audiopost{display:block; background-color:white;}
  212. #audioimage{float:left; width: 60px; border: 5px solid; color: {color:background};}
  213. #audioimage img {max-width: 60px; height: auto;}
  214.  
  215. #askerimg{float: center; margin: 0px 4px 2px 0}
  216.  
  217. #questions {background-color:{color:permalink};
  218. color: {color:text};
  219. padding:10px;
  220. margin-bottom:0px;
  221. font-size:9px;
  222. text-align:center;
  223. font-family:{font:body};
  224. }
  225.  
  226. #notes {font-weight:normal}
  227. #notes li {padding-bottom:0.5em}
  228. #notes li img.avatar {vertical-align:-4px; margin-right:5px; width:16px; height:16px; border-radius:28px}
  229.  
  230. #questions a {color:{color:text};}
  231.  
  232. blockquote {border-left:4px solid {color:text}; padding-left:5px; margin:2px 10px;}
  233. blockquote img, blockquote a img {max-width: 500px}
  234.  
  235. #user_1 .label {color:{color:links}; font-weight:bold}
  236. #user_2 .label {color:{color:text}; font-weight:bold}
  237. ul.chat, .chat ol, .chat li {display:block; background-color: {color:sidebar}; list-style:none; margin:0px; padding:0px;}
  238.  
  239. </style>
  240. <style type="text/css">{CustomCSS}</style>
  241.  
  242. </head>
  243.  
  244. <body>
  245.  
  246. <div id="title">{Title}</div>
  247. <div id="sidebar">
  248. <div id="sidebarimg"><center><img src="{image:sidebar}"></center><br></div>
  249. <div id="sidebarinfo">{Description}</div><br>
  250. <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">« </a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}"> »</a>{/block:NextPage}</div><br><center></div></div>
  251.  
  252. <div id="links"><div class="linky">
  253. <a href="/">home</a><br>
  254. <a href="/ask">ask</a><br>
  255. {block:ifLink1}<a href="{text:Link1}">{text:Link1Title}</a>{/block:ifLink1}<br>
  256. {block:ifLink2}<a href="{text:Link2}">{text:Link2Title}</a> {/block:ifLink2}<br>
  257. {block:ifLink3}<a href="{text:Link3}">{text:Link3Title}</a>{/block:ifLink3}<br>
  258. <a href="http://canadianbiebah.tumblr.com/tagged/themes">theme</a></div></div>
  259.  
  260.  
  261. <div id="entries">
  262. {block:Posts}
  263. <div id="posts">
  264. {block:Quote}<h2>"{Quote}" - {Source}</h2>{/block:Quote}
  265. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  266. {block:Text}{Body}{/block:Text}
  267.  
  268. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  269. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  270.  
  271. {block:Photo}<center><img src="{PhotoURL-500}" width="500px"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  272. {block:Photoset}<center>{Photoset-500}</center>
  273. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  274.  
  275. {block:Chat}<ul class="chat">{block:Lines}<li id="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  276.  
  277. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  278. {block:Answer}<div id="questions"><div class="askerimg"><img src="{AskerPortraitURL-16}">&nbsp;<strong>{Asker}</strong> asked: "{Question}"</div></div>
  279. {Answer}{/block:answer}
  280.  
  281. {block:Audio}<div id="audioimage">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div><span id="audiopost">
  282. {AudioPlayerWhite}</span><br><center>Played {FormattedPlayCount} Times {block:Caption}{Caption}{/block:Caption}{/block:Audio}</center>
  283.  
  284. <div id="permalink">{block:Date}<a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} · <a href="{Permalink}">{NoteCountwithLabel}</a>{/block:NoteCount}{/block:Date}{block:RebloggedFrom} · via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:ContentSource} · &copy; <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}<br>{block:HasTags}{block:Tags}#<a href="/tagged/{Tag}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</div>
  285.  
  286. </div>{/block:Posts}
  287. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  288. </div>
  289. </body>
  290. </html>
create a new version of this paste RAW Paste Data