Advertisement
Dancebeforethedawn

Theme 022 - back to december

Aug 20th, 2012
7,829
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.93 KB | None | 0 0
  1. <!--
  2. Theme 022
  3. - Back to december by Michelle http://icatchingfire.tumblr.com/
  4. don't remove my credits
  5. dont edit and claim it as your own
  6. enjoy
  7. !-->
  8.  
  9. <html>
  10. <head>
  11. <title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}
  15. <meta name="description" content="{MetaDescription}" />
  16. {/block:Description}
  17. </head>
  18.  
  19.  
  20. <meta name="color:Background" content="#ffffff"/>
  21. <meta name="color:Text" content="#a8a7a6"/>
  22. <meta name="color:Box" content="#f0efee"/>
  23. <meta name="color:Title" content="#d0d5df"/>
  24. <meta name="color:Link" content="#becbe2"/>
  25. <meta name="color:Link Hover" content="#d6d6d5"/>
  26. <meta name="color:Scrollbar" content="#becbe2"/>
  27. <meta name="color:Border" content="#e9e7e7"/>
  28. <meta name="color:Text Hover" content="#f8f2e3"/>
  29. <meta name="color:description" content="#eeedeb"/>
  30.  
  31.  
  32. <meta name="image:Background" content=""/>
  33. <meta name="image:Sidebar" content=""/>
  34.  
  35.  
  36. <meta name="text:Link one" content="" />
  37. <meta name="text:Link one Title" content=""/>
  38. <meta name="text:Link two" content=""/>
  39. <meta name="text:Link two Title" content=""/>
  40. <meta name="text:Link three" content=""/>
  41. <meta name="text:Link three Title" content=""/>
  42.  
  43.  
  44. <link href='http://fonts.googleapis.com/css?family=Codystar' rel='stylesheet' type='text/css'>
  45.  
  46. <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
  47.  
  48. <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
  49.  
  50. <link href='http://fonts.googleapis.com/css?family=Crushed' rel='stylesheet' type='text/css'>
  51.  
  52.  
  53. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  54. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  55. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  56. <link rel="shortcut icon" href="{Favicon}" />
  57. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  58.  
  59. <style type="text/css">
  60.  
  61. ::-webkit-scrollbar{height: 7px; width: 7px; -webkit-border-radius: 0px; background-color:{color:background};}
  62. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  63. ::-webkit-scrollbar-track{background-color:{color:background};}
  64.  
  65. body {
  66. color:{color:text};
  67. background-color:{color:background};
  68. background-image: url('{image:background}');
  69. background-position: center;
  70. background-attachment:fixed;
  71. background-repeat:yes-repeat;
  72. font-size:10px;
  73. font-family:Calibri;
  74. line-height:110%;
  75. text-align:justify}
  76.  
  77. a:link, a:active, a:visited{color: {color:link}; text-decoration:none}
  78.  
  79. a:hover {
  80. color:{color:link hover};{block:if3DEffect}text-shadow:1px 0 0 rgba(244,0,0,0.2), -2px 0 0 rgba(0,244,0,0.2);{/block:if3DEffect}-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
  81.  
  82. #content {margin-left:380px; margin-top:15px; width:510px}
  83.  
  84. #posts{background-color: {color:background}; margin-bottom:10px;overflow:hidden;
  85. padding:5px;
  86. -webkit-transition: all 0.7s
  87. ease-out;-moz-transition: all 0.7s ease-out;
  88. transition: all 0.7s ease-out}
  89.  
  90.  
  91. #pagination {padding:3px;text-align:center; font: 10px georgia; text-transform:lowercase;}
  92. #pagination a{color:{color:text}; font: 10px trebuchet ms;}
  93.  
  94. #title{color:{color:title}; font-family:'codystar', cursive; font-size:14.5px; letter-spacing:1px; text-align:center; margin-top:-20px; margin-bottom:0px; width:200px;}
  95.  
  96. #sidebarimage {margin:-0px 0 9px 0; text-align:center;}
  97. #sidebarimage img {margin-top:5px; max-width:160px; max-height:160px; text-align:center; border:2px solid {color:border};}
  98. #sidebar {position:fixed; margin-top:170px; left:-160px; width:650px;}
  99.  
  100. #links {margin-top:-1px; font-family:calibri; text-align:center; font-size:15px; text-transform:uppercase; font-weight:none; padding:2px; letter-spacing:0px; }
  101. #links {margin-top:-175px; margin-left:-180px; font-family:calibri; text-align:center; font-size:10px; text-transform:uppercase; font-weight:none; padding:-2px; letter-spacing:0px; }
  102.  
  103.  
  104. #description {
  105. text-align:center;
  106. width:140px;
  107. margin-top:-120px;
  108. margin-left:255px;
  109. position:fixed;
  110. background-color:white;
  111. height:110px;
  112. font-size: 10px;
  113. alpha(opacity=3);-moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2;}
  114.  
  115. #description:hover{filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;}
  116.  
  117.  
  118.  
  119. h1{ color:{color:title}; font-family:calibri; font-size:16px; line-height:17px; letter-spacing:0px; font-style:italic; margin:0px; padding:0px; text-align:left; text-transform: lowercase;}
  120.  
  121. h2{ color:{color:text}; font-family:calibri; font-size:13px; line-height:14px; letter-spacing:0px; font-weight:normal; margin:0px; padding:0px; margin-bottom:-0px; font-style: italic; text-align:left; text-transform: lowercase;}
  122.  
  123.  
  124. #tags{ margin-right:auto; font-family:arial; font-size:9px; text-align: center; letter-spacing:1px;}
  125.  
  126. #tags a{ color: {color:link};}
  127.  
  128. #tags a:hover{ color: {color:link hover};}
  129.  
  130. #tagscontainer{ width:520px;}
  131.  
  132. #notes{ text-align:center; font-family:arial; font-size:9px; letter-spacing:2px; margin-bottom: 1px; -moz-border-radius: 0em 0em 1em 1em; border-radius: 0em 0em 1em 1em; -webkit-border-radius: 0em 0em 1em 1em; border-top: 1px dotted {color:sidebar border}; background-color: {color:none};}
  133.  
  134. #notes a{color: {color:link};}
  135.  
  136. #notes a:hover{ color: {color:link hover};}
  137.  
  138. #notescontainer{ width: 500px;}
  139.  
  140. #postnotes{ width: 500px;padding: 8px; margin-top: 15px; background-color: {color:none}; }
  141.  
  142.  
  143. #asker {margin-left:70px;text-align:center; text-transform:lowercase; color:{color:text};}
  144.  
  145.  
  146. #question {background-color:{color:box};font-size: 10px;line-height:90%;
  147. color: {color:text}; margin: 0 0 11px 0; padding: 15px; position: relative;}
  148.  
  149. #box {width: 12px; height: 6px; font-size:30px; font-family:calibri; position: absolute;
  150. color:{color:box}; bottom: -1.5px; left: 230px;}
  151.  
  152. #answer {color:{color:text};}
  153.  
  154. #cred {font-size:11px; letter-spacing:1px; opacity:0.8; text-transform:uppercase; bottom:10px; right:10px; position:fixed;}
  155.  
  156.  
  157.  
  158. blockquote {border-left:2px {color:body} solid; padding-left:5px; margin:0px 2px 0px 10px}
  159. blockquote img, blockquote a img {max-width: 490px}
  160.  
  161. b, strong{color:{color:bold};}
  162. i, em {color:{color:italic};}
  163. p{margin-top:3px; margin-bottom:3px}
  164.  
  165. img a{border:none}
  166.  
  167. #_ {padding:10px 10px 5px 10px}
  168. .qu {font-family:Calibri; font-size:40px; font-weight:bold; line-height:33px; opacity:0.7}
  169. .ote {margin-top:-34px; text-indent:25px; opacity:0.9}
  170.  
  171. .user_1 .label {color:{color:Body text}; font-weight:bold}
  172. .user_2 .label {color:{color:Scrollbar}; font-weight:bold}
  173. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px}
  174.  
  175. #notes {font-weight:normal}
  176. #notes li {padding-bottom:0.5em}
  177. #notes li img.avatar {vertical-align:-4px; margin-right:5px; width:16px; height:16px; border-radius:50px}
  178.  
  179. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important; z-index:-1}
  180.  
  181.  
  182.  
  183. </style>
  184. <style type="text/css">{CustomCSS}</style>
  185. </head>
  186.  
  187. <body>
  188.  
  189.  
  190.  
  191. <div id="sidebar">
  192. <center><div id="title">{Title}</div></center>
  193. <center><div id="sidebarimage"><img src="{image:Sidebar}"/></div></center>
  194.  
  195. <div id="links"><center><br>
  196.  
  197.  
  198.  
  199. <a href="/"><img src="http://i45.tinypic.com/70zxhj.png"></a>
  200. <br>
  201. <br>
  202. <a href="/ask"><img src="http://i47.tinypic.com/xfyble.png"></a>
  203. <br>
  204. <br>
  205. <a href="{text:Link one}"><img src="http://i49.tinypic.com/34dq4qh.png"></a>&nbsp;
  206. <br>
  207. <br>
  208. <a href="{text:Link two}"><img src="http://i45.tinypic.com/2zg92kk.png"></a>&nbsp;
  209. <br>
  210. <br>
  211. <a href="{text:Link three}"><img src="http://i45.tinypic.com/2qbdlok.png"></a>&nbsp;
  212. <br>
  213.  
  214. </div>
  215.  
  216. <div id="description">
  217. {block:Description}{Description}{/block:Description}</div><br>
  218. <br><div id="pagination">{block:Pagination}
  219. {block:PreviousPage}
  220. <a href="{PreviousPage}">←</a>
  221. {/block:PreviousPage}
  222.  
  223. {block:JumpPagination length="5"}
  224. {block:CurrentPage}
  225. <span class="current_page">{PageNumber}</span>
  226. {/block:CurrentPage}
  227.  
  228. {block:JumpPage}
  229. <a class="jump_page" href="{URL}">{PageNumber}</a>
  230. {/block:JumpPage}
  231. {/block:JumpPagination}
  232.  
  233. {block:NextPage}
  234. <a href="{NextPage}">→</a>
  235. {/block:NextPage}
  236. {/block:Pagination}</div></div>
  237. </div></div><br>
  238. </div></div>
  239.  
  240.  
  241. </div>
  242.  
  243. <div id="cred"><a href="http://icatchingfire.tumblr.com/">&copy; icatchingfire</a></div>
  244. <br>
  245.  
  246. <div id="content">
  247. {block:Posts}
  248. <div id="posts">
  249.  
  250. {block:Quote}<h2>"{Quote}"&nbsp; - {Source}</h2>{/block:Quote}
  251. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  252. {block:Text}{Body}{/block:Text}
  253.  
  254. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  255. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  256.  
  257. {block:Answer}
  258. <div id="question">
  259. <br>
  260. <div id="box">◥</div>
  261. {Question}
  262. <br>
  263. <br>
  264. </div>
  265. <div id="asker">{Asker}</div>
  266. <div id="answer">{Answer}</div>
  267. {/block:answer}
  268.  
  269. {block:Photo}<div id="posts"><a href="{permalink}"><div class="posts"><img src="{PhotoURL-500}" width="500px"/></a>{block:IndexPage}<div id="photobox"> <a href="{ReblogURL}" target="_blank"><font color={color:Body text}></font></a></div>{/block:IndexPage}</div></div>
  270. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  271.  
  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 class="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.  
  279. {block:Audio}<div id="_">{block:AlbumArt}<img src="{AlbumArtURL}" width="100px" height="100px" align="left" style="margin-right:10px" />{/block:AlbumArt}{AudioPlayerBlack}<br>
  280. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  281. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  282. {block:ExternalAudio}<b>Download:</b> <a href="{ExternalAudioURL}">click here</a><br />{/block:ExternalAudio}<b>Played:</b> {PlayCount} times
  283. {block:Caption}{Caption}{/block:Caption}<br clear="all" /></div> {/block:Audio}<br><br>
  284.  
  285. <div id="notes">{block:Date}Posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:RebloggedFrom} (originally <a href="{ReblogRootURL}">{ReblogRootName}</a>){/block:RebloggedFrom}{block:NoteCount} + <a href="{Permalink}"> {NoteCountWithLabel}</a>{/block:NoteCount}</div>
  286. <div id="tags">{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  287. </div>
  288.  
  289. {/block:Posts}
  290.  
  291. {block:PostNotes}
  292. <div id="postnotes">{PostNotes}</div></div>
  293. {/block:PostNotes}
  294.  
  295. </div>
  296.  
  297. </body>
  298. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement