Advertisement
Malettes

theme #6 by hearttopieces

Sep 14th, 2013
3,092
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.85 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!--THEME 06 by aaliyah @ HEARTTOPIECES-->
  9.  
  10. <meta name="color:Background" content="#ffffff"/>
  11. <meta name="color:Text" content="#838282"/>
  12. <meta name="color:Link" content="#b8b8b8"/>
  13. <meta name="color:Link hover" content="#616161"/>
  14. <meta name="color:Ask bg" content="#fafafa" />
  15. <meta name="color:Post border" content="#f2f2f2"/>
  16. <meta name="color:Scrollbar" content="#999999">
  17. <meta name="image:Sidebar" content=""/>
  18.  
  19. <meta name="text:Home link" content="home" />
  20. <meta name="text:Ask link" content="ask" />
  21. <meta name="text:Link 1" content="link" />
  22. <meta name="text:Link 1 URL" content="/" />
  23. <meta name="text:Link 2" content="link" />
  24. <meta name="text:Link 2 URL" content="/" />
  25.  
  26. <style type="text/css">
  27.  
  28.  
  29. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar};height:5px;}
  30. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Scrollbar};height:5px!important;}
  31. ::-webkit-scrollbar {background-color:{color:Background};height:5px;width:6px;}
  32.  
  33.  
  34. body {
  35. background:{color:Background};
  36. margin:0px;
  37. color:{color:text};
  38. font-family:calibri;
  39. font-size:10px;
  40. line-height:100%;
  41. }
  42.  
  43. a {
  44. text-decoration:none;
  45. outline:none;
  46. -moz-outline-style:none;
  47. color:{color:Link};
  48. padding:1px;
  49. -webkit-transition: all 0.7s ease;
  50. -moz-transition: all 0.7s ease;
  51. -o-transition: all 0.7s ease;
  52. }
  53.  
  54. a:hover {
  55. color: #b8b8b8;
  56. }
  57.  
  58. sub{font-size:10px; line-height:110%}
  59. big {font-size:14px; line-height:110%}
  60. p{margin-top:5px; margin-bottom:5px}
  61.  
  62. img {
  63. border:none;
  64. }
  65.  
  66. blockquote {
  67. padding-left:5px;
  68. border-left:2px solid;
  69. }
  70.  
  71. blockquote blockquote {
  72. padding-left:5px;
  73. border-left:2px solid;
  74. }
  75.  
  76. h1 {
  77. font-size:12px;
  78. }
  79.  
  80. h1 a {-webkit-transition: all 0.7s ease;
  81. -moz-transition: all 0.7s ease;
  82. -o-transition: all 0.7s ease;}
  83.  
  84. h1 a:hover {font-size:11px; -webkit-transition: all 0.7s ease;
  85. -moz-transition: all 0.7s ease;
  86. -o-transition: all 0.7s ease;}
  87.  
  88. .quote {font-size:12px; font-style:italic;}
  89.  
  90. .source {font-size:10px; font-style:normal;}
  91.  
  92.  
  93. .entries {
  94. padding:10px;
  95.  
  96. margin-left:200px;
  97. margin-top:50px;
  98. margin-bottom:50px;
  99. }
  100.  
  101. .post {
  102. width:500px;
  103. padding-bottom:0px;
  104. padding-top: 5px;
  105. }
  106.  
  107.  
  108. #sidebar {
  109. width:180px;
  110. position:fixed;
  111. margin-left:770px;
  112. margin-top:200px;
  113. }
  114.  
  115.  
  116. #sidebarimage {
  117. width 230px;
  118. text-align:center;
  119. opacity:1;
  120. -webkit-transition: all 0.7s ease;
  121. -moz-transition: all 0.7s ease;
  122. -o-transition: all 0.7s ease;
  123. }
  124.  
  125.  
  126. #sidebarimage img {
  127. width:230px;
  128.  
  129. -webkit-transition: all 0.7s ease;
  130. -moz-transition: all 0.7s ease;
  131. -o-transition: all 0.7s ease;
  132.  
  133. }
  134.  
  135. .description {
  136. padding:5px;
  137. font-size:10px;
  138. width:220px;
  139. height:auto;
  140. font-style:regular;
  141. opacity:0.9;
  142. text-align:left;
  143. margin-top:-4px;
  144. margin-left:2px;
  145. }
  146.  
  147. .sidelinks{
  148. font-size:10px;
  149. font-family: calibri;
  150. width:160px;
  151. font-style:normal;
  152. text-transform:lowercase;
  153. line-height:120%;
  154. margin-top:7px;
  155. margin-left:40px;
  156. margin-bottom:5px;
  157. text-align: center;
  158. }
  159.  
  160. .sidelinks a{
  161. padding:5px;
  162. letter-spacing:0px;
  163. color:#9a9a9a;
  164. text-decoration:none;
  165. -moz-transition-duration:0.6s;
  166. -webkit-transition-duration:0.6s;
  167. -o-transition-duration:0.6s;
  168. }
  169.  
  170. .sidelinks a:hover{
  171. color:#9a9a9a;
  172. text-decoration:underline;
  173. -moz-transition-duration:0.6s;
  174. -webkit-transition-duration:0.6s;
  175. -o-transition-duration:0.6s;
  176. }
  177.  
  178. #pagination {
  179. font-size:10px;
  180. text-align:center;
  181. margin-top:10px;
  182. margin-right:-70px;
  183. }
  184.  
  185. #info {
  186. text-align:right;
  187. margin-top:10px;
  188. padding-top: 4px;
  189. border-top: 1px solid {color:Post border};
  190. margin-bottom:20px;
  191. }
  192.  
  193.  
  194. .tags {
  195. text-align:right;
  196. margin-top:1px;
  197. padding-bottom: 20px;
  198. font-size:10px;
  199. padding-left:15px;
  200. text-transform:lowercase;
  201. }
  202.  
  203. .tags a {text-decoration:normal;}
  204.  
  205.  
  206. .reblogsource {
  207. text-align:left;
  208. float:left;
  209. font-weight:bold;
  210. }
  211.  
  212. .reblogsource a {text-decoration:none;
  213. font-weight:normal;
  214. }
  215.  
  216. .notecount {
  217. text-align:left;
  218. float:left;
  219.  
  220. }
  221.  
  222. .datetime {
  223. text-align:right;
  224. }
  225.  
  226.  
  227. .portrait {
  228. float:left;
  229. background-color:none;
  230. }
  231.  
  232. .asker {text-transform:uppercase;
  233. font-weight:bold;
  234. }
  235.  
  236. .question {
  237. background-color:{color:Ask bg};
  238. padding:10px;
  239. margin-left:27px;
  240. }
  241.  
  242. .answer {margin-left:0px;}
  243.  
  244. #notes {
  245. text-transform:lowercase;
  246. font-size:10px;
  247. }
  248.  
  249.  
  250. {CustomCSS}</style></head><body>
  251.  
  252. <div id="sidebar">
  253.  
  254. {block:IfSidebarImage}<div id="sidebarimage"><a href="/"><img src="{image:sidebar}"></a></div>{/block:IfSidebarImage}
  255.  
  256. <div class="sidelinks">
  257. <a href="/">{text:Home link}</a>
  258. <a href="/ask">{text:Ask link}</a>
  259. {block:IfLink1} <a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:IfLink1}
  260. {block:IfLink2} <a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:IfLink2}
  261. <a href="http://hearttopieces.tumblr.com/">credit</a>
  262. </div>
  263.  
  264. <div class="description">{Description}</div>
  265.  
  266. <div id="pagination">
  267.  
  268. {block:Pagination}
  269. <div class="pagi">
  270. {block:PreviousPage}
  271. <a href="{PreviousPage}">prev</a>
  272. {/block:PreviousPage}
  273. {block:NextPage}
  274. <a href="{NextPage}">next</a>
  275. {/block:NextPage}
  276. </div>
  277. {/block:Pagination}
  278.  
  279. </div></div>
  280.  
  281. <div class="entries">{block:Posts}<div class="post">
  282.  
  283. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  284.  
  285. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  286.  
  287. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  288.  
  289. {block:Quote}<div class="quote">{Quote}{block:Source} —<span class="source">{Source}</span>{/block:Source}</div>{/block:Quote}
  290.  
  291. {block:Link}<h1>&raquo; <a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  292.  
  293. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  294.  
  295. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  296.  
  297. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  298.  
  299. {block:Answer}<div class="portrait"><img src="{AskerPortraitURL-24}"></div><div class="question"><span class="asker">{Asker}</span> asked:<br>{Question}</div><div class="answer">{Answer}</div>{/block:Answer}
  300.  
  301.  
  302. {block:ContentSource}
  303. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  304. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  305. {/block:SourceLogo}
  306. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  307. {/block:ContentSource}
  308.  
  309.  
  310. <div id="info">
  311. <div class="notecount"><a href="{Permalink}">
  312. {NoteCountWithLabel}</a></div>
  313.  
  314. <div class="datetime">
  315. {block:Date}{TimeAgo}{/block:Date}</div>
  316.  
  317. <div class="reblogsource">{block:RebloggedFrom}via: <a href="{ReblogParentURL}"
  318. title="{ReblogParentTitle}">{ReblogParentName}</a>&nbsp;<span class="plus">+</span>&nbsp;source: <a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom}</div>
  319.  
  320.  
  321.  
  322. <div class="tags">
  323. {block:HasTags}{block:Tags} <a href="{TagURL}">{Tag}, </a>{/block:Tags}{/block:HasTags}</div>
  324.  
  325.  
  326.  
  327.  
  328. </div>
  329. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  330. {/block:Posts}</div>
  331.  
  332. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement