Advertisement
Malettes

theme #2 by hearttopieces

Jul 21st, 2013
1,980
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.21 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.  
  4.  
  5. <head><title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8.  
  9. <!------------------------
  10. THEME #2 - by AALIYAH, TUMBLR USER HEARTTOPIECES
  11. HEARTTOPIECES.TUMBLR.COM
  12. PLEASE RESPECT THE RULES AND DO NOT DO THE FOLLOWING;
  13. 1. CLAIM AS YOURS.
  14. 2. USE AS A BASE THEME.
  15. 3. REMOVE THE CREDIT.
  16. IF YOU DO RESPECT THESE RULES, THANK YOU
  17. ------------------------>
  18.  
  19.  
  20. <meta name="color:Background" content="#ffffff"/>
  21. <meta name="color:Desc" content="#f7f7f7"/>
  22. <meta name="color:Text" content="#777777"/>
  23. <meta name="color:Links" coFntent="#555555"/>
  24. <meta name="color:Main Color" content="#bdcbcc" />
  25. <meta name="color:Links Hover" content="#01a4e0"/>
  26. <meta name="image:Sidebar" content=""/>
  27. <meta name="image:Background" content=""/>
  28.  
  29. <meta name="text:Link1 URL" content="/" />
  30. <meta name="text:Link1" content="link 1" />
  31. <meta name="text:Link2 URL" content="/" />
  32. <meta name="text:Link2" content="link 2" />
  33. <meta name="text:Link3 URL" content="/" />
  34. <meta name="text:Link3" content="link 3" />
  35.  
  36. <style type="text/css">
  37.  
  38. <style type="text/css">
  39.  
  40. {block:IfCustomScrollbar}
  41. ::-webkit-scrollbar {
  42. width:8px;
  43. height:8px;
  44. }
  45.  
  46. ::-webkit-scrollbar-track-piece {
  47. background-color:#fcfcfc;
  48. }
  49. ::-webkit-scrollbar-thumb {
  50. background-color:#999797;
  51. }
  52. {/block:IfCustomScrollbar}
  53.  
  54. iframe#tumblr_controls {top:0px!important;right:3px!important;position: fixed!important;}
  55.  
  56. body {font-family:calibri;font-size:10px;background-color:#ffffff;color:#a7a7a7;line-height:11px;letter-spacing:0px;}
  57.  
  58. a {text-decoration:none;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;-ms-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear;color:{color:links};}
  59. a:hover {color:{color:main color};}
  60.  
  61. strong, bold, b {font-weight:normal;color:#c6c6c6;}
  62.  
  63. small {font-size:10px;}
  64. sub {font-size:10px;}
  65. code {font-size:10px;font-family:calibri;}
  66. pre {word-wrap:break-word;font-size:10px;font-family:calibri;}
  67.  
  68. blockquote {padding-left:8px;margin-left:10px;border-left:3px solid #f1f1f1;}
  69.  
  70. blockquote img {max-width:300px;}
  71.  
  72. h1 {font-size:10px;font-weight:normal;}
  73.  
  74. .label {font-weight:bold;color:#cccece;}
  75. .chat {line-height:12px;margin:8px;}
  76.  
  77. #credit {position:fixed;bottom:5px;right:5px;text-transform:uppercase;font-size:8px;font-weight:bold;font-family:calibri;padding:3px;border:1px solid #f1f1f1;}
  78.  
  79. body {
  80. background:{color:background};
  81. background-image: url({image:Background});
  82. background-repeat: repeat;
  83. background-attachment: fixed;
  84. margin:0px;
  85. color:{color:text};
  86. font-size:11px;
  87. line-height:100%;}
  88.  
  89. a {
  90. text-decoration:none;
  91. color:{color:links};
  92. -webkit-transition: all 0.3s ease-in-out;
  93. -moz-transition: all 0.3s ease-in-out;
  94. -o-transition: all 0.3s ease-in-out;}
  95.  
  96. a:hover {color:{color:Links Hover};}
  97.  
  98. img {border:none;}
  99.  
  100. blockquote {
  101. border-left: 3px solid #ddd;
  102. padding-left: 4px;
  103. margin: 4px;}
  104.  
  105. h1 {
  106. font-family:cambria;
  107. font-weight:normal;
  108. font-style:italic;
  109. font-size:16px;}
  110.  
  111. h2 {
  112. padding:5px;
  113. color:#333;
  114. font-family:cambria;
  115. font-weight:normal;
  116. font-size:13px;
  117. font-style:italic;
  118. line-height:90%;}
  119.  
  120. #sidebar {
  121. width:150px;
  122. text-align:center;
  123. position:fixed;
  124. margin-left:190px;
  125. margin-top:110px;}
  126.  
  127. #sidebarimage {
  128. width:150px;
  129. text-align:center;
  130. -moz-transition-duration: 1.6s;
  131. -webkit-transition-duration: 1.6s;
  132. -o-transition-duration: 1.6s;}
  133.  
  134. #sidebarimage img {
  135. max-width:150px;}
  136.  
  137. .nav {
  138. width:150px;
  139. text-align:center;}
  140.  
  141. .nav a {
  142. text-decoration:none;
  143. width:35px;
  144. display:inline-block;
  145. font-family:calibri;
  146. text-transform:uppercase;
  147. font-size:10px;
  148. margin-top:3px;
  149. padding:5px;
  150. color:#777;
  151. background-color:{color:desc};
  152. border:1px solid #fff;
  153. -webkit-transition: all 0.6s ease-in-out;
  154. -moz-transition: all 0.6s ease-in-out;
  155. -o-transition: all 0.6s ease-in-out;}
  156.  
  157. .nav a:hover {
  158. border:1px solid {color:Links Hover};
  159. background-color:{color:links Hover};
  160. color:#fff;
  161. -webkit-transition: all 0.3s ease-in-out;
  162. -moz-transition: all 0.3s ease-in-out;
  163. -o-transition: all 0.3s ease-in-out;}
  164.  
  165. #description {
  166. width:116px;
  167. margin-bottom:5px;
  168. font-family:cambria;
  169. font-size:10px;
  170. background-color:{color:desc};
  171. text-align:justify;
  172. padding:17px;
  173. border-top: 3px double #fff;
  174. border-bottom: 3px double #fff;}
  175.  
  176. #pag {
  177. font-family:'calibri';
  178. text-align:center;
  179. font-size:10px;
  180. padding: 9px;
  181. margin-top: 7px;
  182. display:block;}
  183.  
  184. #entries {
  185. margin-left: 400px;
  186. width: 400px;
  187. padding: 0px 0px 40px 0px;}
  188.  
  189. #post {
  190. font-family: calibri;
  191. font-size: 10px;
  192. text-align: justify;
  193. line-height: 85%;
  194. margin-top: 40px;
  195. width: 500px;
  196. padding-bottom:5px;
  197. border-bottom: 1px solid #f0f0f0;}
  198.  
  199. #info {
  200. width:506px;
  201. margin-top:2px;
  202. margin-left:4px;
  203. font-family:arial;
  204. font-size:8px;
  205. letter-spacing:1px;
  206. text-align:left;
  207. color:{color:text};}
  208.  
  209. #info a {text-decoration:none; color:{color:text};}
  210. #info a:visited {text-decoration:none; color:{color:text};}
  211. #info a:hover {color:{color:text};}
  212.  
  213. #tags {margin-top:-8px; text-align:left; padding:1px;}
  214. #tags a {color:{color:text}}
  215.  
  216. .tagged {font-family:cambria; font-size:9px; font-style:italic; text-transform:lowercase; letter-spacing:0px;}
  217.  
  218. #notes {
  219. margin-top:20px;
  220. margin-left:-40px;
  221. width: 540px;
  222. text-transform:lowercase;
  223. line-height:90%;
  224. color:{color:text};
  225. font-size:10px;}
  226.  
  227. ol.notes li {
  228. border-bottom:1px solid #f5f5f5;
  229. list-style:none;
  230. padding:8px;
  231. -moz-transition-duration:0.6s;
  232. -webkit-transition-duration:0.6s;
  233. -o-transition-duration:0.6s;}
  234.  
  235. ol.notes li img {opacity:0}
  236. #asker {
  237. text-align: right;
  238. padding: 8px;
  239. background-color:#444;
  240. font-size: 13px;
  241. color: #fff;
  242. font-family: calibri;
  243. text-transform: uppercase;
  244. -moz-transition-duration:0.4s;
  245. -webkit-transition-duration:0.4s;
  246. -o-transition-duration:0.4s;
  247. margin-bottom:3px;}
  248.  
  249. #asker:hover {
  250. background-color:{color:Links Hover};
  251. -moz-transition-duration:0.4s;
  252. -webkit-transition-duration:0.4s;
  253. -o-transition-duration:0.4s;}
  254.  
  255. #asker a {
  256. color:#fff;}
  257.  
  258. #question {
  259. text-align: right;
  260. width: 484px;
  261. background-color: #f3f3f3;
  262. padding: 8px;}
  263.  
  264. #answer {
  265. background:transparent;
  266. font-family: calibri;
  267. color:#777;
  268. margin-top:3px;
  269. padding:1px 0px 1px 8px;}
  270.  
  271. #audio {
  272. width:480px;
  273. height:90px;
  274. padding:10px;}
  275.  
  276. .audiobg {
  277. float:right;
  278. width:208px;
  279. background:#fafafa;
  280. padding:30px;}
  281.  
  282. .audiolinks {
  283. float:left;
  284. width:186px;
  285. display:block;
  286. background-color:#fafafa;
  287. margin-top:4px;
  288. margin-bottom:1px;
  289. padding:7px;
  290. border-right:5px solid #f5f5f5;}
  291.  
  292. ul.chat, .chat ol, .chat li {list-style:none; margin:1px; padding:6px}
  293.  
  294.  
  295. {CustomCSS}</style></head><body>
  296.  
  297. <div id="sidebar">
  298.  
  299. <a href="/"><div id="sidebarimage"><img src="{image:sidebar}"></div></a>
  300.  
  301.  
  302. <div id="description">{Description}</div>
  303.  
  304. <div class="nav">
  305. <a href="/">home</a>
  306. <a href="/ask">ask</a>
  307. <a href="{text:Link1 URL}">{Text:Link1}</a>
  308. <a href="{text:Link2 URL}">{Text:Link2}</a>
  309. <a href="{text:Link3 URL}">{Text:Link3}</a>
  310. <a href="http://hearttopieces.tumblr.com/">credit</a><br>
  311. </div>
  312.  
  313. {block:Pagination}
  314. <div id="pag">
  315. {block:PreviousPage}
  316. <a href="{PreviousPage}">← </a>
  317. {/block:PreviousPage}
  318. {block:NextPage}
  319. <a href="{NextPage}"> →</a>
  320. {/block:NextPage}
  321. </div>{/block:Pagination}
  322.  
  323. </div>
  324.  
  325. <div id="entries">{block:Posts}<div id="post">
  326.  
  327. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  328.  
  329. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  330.  
  331. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  332.  
  333. {block:Quote}<h2>{Quote} {block:Source} —{Source}{/block:Source}</h2>{/block:Quote}
  334.  
  335. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  336.  
  337. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  338.  
  339. {block:Audio}
  340. <div id="audio">
  341. <div class="audiobg"><center>{AudioPlayerWhite}</center></div>{block:Artist}
  342.  
  343. <div class="audiolinks">Artist: <b>{Artist}</b></div>{/block:Artist}{block:TrackName}
  344. <div class="audiolinks">Track: <b>{TrackName}</b></div>{/block:TrackName}
  345. <div class="audiolinks">Played: <b>{playcount}</b> times.</div></div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  346.  
  347. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  348.  
  349. {block:Answer}<div id="asker">{asker}</div>
  350. <div id="question">{Question}</div>
  351. <div id="answer">{Answer}</div>{/block:answer}
  352.  
  353. </div>
  354.  
  355. <div id="info">
  356.  
  357. {block:Date}<div id="info"><div id="permalink"><a style="color:#aaa" href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a>{block:NoteCount} <span style="letter-spacing:1px">(<font color="#d71732">&hearts;</font><a style="color:#aaa" href="{Permalink}">{NoteCount}</a>)</span>{/block:NoteCount}{block:RebloggedFrom} <a href="{ReblogParentURL}"></a>© <a href="{SourceURL}">{SourceLink}</a><a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}{block:HasTags}<div id="tags"><br>{block:Tags}#<a class="tagged" href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>{/block:Date}
  358.  
  359. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  360.  
  361. {/block:Posts}</div>
  362.  
  363. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement