API tools faq
paste
Advertisement
Dancebeforethedawn

theme 021 - some nights

Dancebeforethedawn
Aug 18th, 2012
12,266
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.27 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Theme 021
  3. - Some nights 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. <meta name="color:Background" content="#ffffff"/>
  20. <meta name="color:Text" content="#bdb5ac"/>
  21. <meta name="color:Box" content="#ebe9e6"/>
  22. <meta name="color:Title" content="#c0bfbc"/>
  23. <meta name="color:link one" content="#f0eeee"/>
  24. <meta name="color:link two" content="#fde3da"/>
  25. <meta name="color:Link" content="#b9babd"/>
  26. <meta name="color:Link Hover" content="#ffe3d3"/>
  27. <meta name="color:Scrollbar" content="#fde3da"/>
  28. <meta name="color:Border" content="#faf8fa"/>
  29. <meta name="color:Text Hover" content="#ecebe9"/>
  30.  
  31.  
  32. <meta name="image:Sidebar" content=""/>
  33. <meta name="image:Background" content=""/>
  34.  
  35.  
  36.  
  37. <meta name="text:link 1" content="link 1" />
  38. <meta name="text:link 1 url" content="/" />
  39. <meta name="text:link 2" content="link 2" />
  40. <meta name="text:link 2 url" content="/" />
  41. <meta name="text:link 3" content="link 3" />
  42. <meta name="text:link 3 url" content="/" />
  43. <meta name="text:link 4" content="link 4" />
  44. <meta name="text:link 4 url" content="/" />
  45.  
  46.  
  47. <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
  48.  
  49. <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
  50.  
  51. <link href='http://fonts.googleapis.com/css?family=Crushed' rel='stylesheet' type='text/css'>
  52.  
  53. <link href='http://fonts.googleapis.com/css?family=Codystar' rel='stylesheet' type='text/css'>
  54.  
  55.  
  56. <style type="text/css">
  57.  
  58. ::-webkit-scrollbar{height: 9px; width: 9px; -webkit-border-radius: 0px; background-color:{color:background};}
  59. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  60. ::-webkit-scrollbar-track{background-color:{color:background};}
  61.  
  62. ::selection {
  63. background:{color:text hover};
  64. }
  65.  
  66. ::-moz-selection {
  67. background:{color:text hover};
  68. }
  69.  
  70. ::-webkit-selection {
  71. background:{color:text hover};
  72. }
  73.  
  74. body {color:{color:text}; background-attachment:fixed; background-color:{color:background}; background-image: url('{image:Background}'); background-repeat:yes-repeat; text-align:justify; backgroung-top:40px; font-family:calibri; font-size:10px;}
  75.  
  76.  
  77. a {color: {color:link}; text-decoration:none;}
  78. a:hover {color:{color:link hover}; text-decoration:none;}
  79.  
  80. small {font-size:10px;}
  81. big {font-size:12px;}
  82. b, strong {color:{color:link};}
  83. i, em {color:{color:text};}
  84. p {margin-top:5px; margin-bottom:5px}
  85. blockquote {border-left:3px solid {color:border}; padding-left:5px; margin:5px;}
  86.  
  87.  
  88.  
  89. #content {width:500px; margin-top:30px; margin-bottom:30px; position: relative; left:490px;}
  90. #posts {margin-bottom:30px;}
  91.  
  92. #title{color:{color:title}; font-family:'Codystar', cursive; font-size:19px; letter-spacing:1px; text-align:center; margin-top:-20px; margin-bottom:-5px; width:180px;}
  93.  
  94. #sidebarimage {margin:-0px 0 9px 0; text-align:center;}
  95. #sidebarimage img {margin-top:5px; margin-left: -5px; max-width:180px; max-height:180px; text-align:center; border:5px solid {color:border};}
  96. #sidebar {position:fixed; margin-top:165px; left:100px; width:105px;}
  97.  
  98. #sbar {
  99. width: 250px;
  100. height: auto;
  101. margin-left: 0px;
  102. text-align: left;
  103. margin-top: 60px;
  104. position:fixed;
  105. }
  106.  
  107. #nav1 {
  108. font-family:calibri;
  109. text-transform:uppercase;
  110. display: inline-block;
  111. text-align:right;
  112. position: fixed;
  113. padding: 4px;
  114. width: 240px;
  115. height: 10px;
  116. background: {color:link one};
  117. border-top-right-radius: 0px;
  118. -moz-border-radius-topright: 0px;
  119. -webkit-border-top-right-radius: 0px;
  120. border-bottom-right-radius: 0px;
  121. -moz-border-radius-bottom-left: 0px;
  122. -webkit-border-bottom-right-radius: 0px;
  123. transition: all 0.5s ease-out;
  124. -o-transition-transition: all 0.5s ease-out;
  125. -webkit-transition: all 0.5s ease-out;
  126. -moz-transition: all 0.5s ease-out;
  127. margin: 160px 0px 0px 74px;
  128. }
  129.  
  130. #nav1:hover {
  131. transition: all 0.5s ease-out;
  132. -o-transition-transition: all 0.6s ease-out;
  133. -webkit-transition: all 0.6s ease-out;
  134. -moz-transition: all 0.6s ease-out;
  135. padding-left: 30px;
  136. : 50px;
  137.  
  138. }
  139.  
  140. #nav2 {
  141. display: inline-block;
  142. text-align: right;
  143. font-family:calibri;
  144. text-transform:uppercase;
  145. position: fixed;
  146. padding: 4px;
  147. height: 10px;
  148. width: 240px;
  149. background: {color:link two};
  150. border-top-right-radius: 0px;
  151. -moz-border-radius-topright: 0px;
  152. -webkit-border-top-right-radius: 0px;
  153. border-bottom-right-radius: 0px;
  154. -moz-border-radius-bottom-left: 0px;
  155. -webkit-border-bottom-right-radius: 0px;
  156. transition: all 0.5s ease-out;
  157. -o-transition-transition: all 0.5s ease-out;
  158. -webkit-transition: all 0.5s ease-out;
  159. -moz-transition: all 0.5s ease-out;
  160. margin: 181px 0px 0px 74px;
  161. }
  162.  
  163. #nav2:hover {
  164. transition: all 0.5s ease-out;
  165. -o-transition-transition: all 0.5s ease-out;
  166. -webkit-transition: all 0.5s ease-out;
  167. -moz-transition: all 0.5s ease-out;
  168. padding-left: 30px;
  169. }
  170.  
  171. #nav3 {
  172. display: inline-block;
  173. text-align: right;
  174. position: fixed;
  175. font-family:calibri;
  176. text-transform:uppercase;
  177. width: 240px;
  178. padding: 4px;
  179. height: 10px;
  180. background: {color:link one};
  181. border-top-right-radius: 0px;
  182. -moz-border-radius-topright: 0px;
  183. -webkit-border-top-right-radius: 0px;
  184. border-bottom-right-radius: 0px;
  185. -moz-border-radius-bottom-left: 0px;
  186. -webkit-border-bottom-right-radius: 0px;
  187. transition: all 0.5s ease-out;
  188. -o-transition-transition: all 0.5s ease-out;
  189. -webkit-transition: all 0.5s ease-out;
  190. -moz-transition: all 0.5s ease-out;
  191. margin: 202px 0px 0px 74px;
  192. }
  193.  
  194. #nav3:hover {
  195. transition: all 0.5s ease-out;
  196. -o-transition-transition: all 0.5s ease-out;
  197. -webkit-transition: all 0.5s ease-out;
  198. -moz-transition: all 0.5s ease-out;
  199. padding-left: 30px;
  200. }
  201.  
  202. #links {margin-top:0px; font-family:calibri; text-align:center; font-size:10px; text-transform:uppercase; font-weight:none; padding:0px; letter-spacing:0px;width:180px ; }
  203. #links {margin-top:-5px; font-family:calibri; text-align:center; font-size:10px; text-transform:uppercase; font-weight:none; padding:-2px; letter-spacing:0px; width:180px; }
  204.  
  205.  
  206. #description {font-family:calibri; font-size:10px; text-align:justified; width:180px; margin-top:-5px; }
  207.  
  208. #pagination {font-size:10px; text-align: center; font-family:{font:Body}; text-align:center; padding:4px; width:180px; }
  209. #pagination a{color:{color:Link}}
  210.  
  211. h1{font-family:calibri; color:{color:title}; text-transform:uppercase; font-size:12px; letter-spacing:0px; font-weight:normal; margin:0px; text-align:left; line-height:10px;}
  212.  
  213. h2{font-family:calibri; color:{color:title}; font-size:12px; letter-spacing:0px; font-weight:normal; margin:5px; text-align:center; line-height:20px;}
  214.  
  215. #tags{ margin-right:auto; font-family:arial; font-size:9px; text-align: center; letter-spacing:1px;}
  216.  
  217. #tags a{ color: {color:link};}
  218.  
  219. #tags a:hover{ color: {color:link hover};}
  220.  
  221. #tagscontainer{ width:520px;}
  222.  
  223. #notes{ text-align:center; font-family:arial; font-size:9px; letter-spacing:1px; 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:Link Hover}; background-color: {color:none};}
  224.  
  225. #notes a{color: {color:link};}
  226.  
  227. #notes a:hover{ color: {color:link hover};}
  228.  
  229. #notescontainer{ width: 500px;}
  230.  
  231. #postnotes{ width: 500px;padding: 8px; margin-top: 15px; background-color: {color:none}; }
  232.  
  233.  
  234. #asker {margin-left:70px;text-align:center; text-transform:lowercase; color:{color:text};}
  235.  
  236.  
  237. #question {background-color:{color:box};font-size: 10px;line-height:90%;
  238. color: {color:text}; margin: 0 0 11px 0; padding: 15px; position: relative;}
  239.  
  240. #box {width: 12px; height: 6px; font-size:30px; font-family:calibri; position: absolute;
  241. color:{color:box}; bottom: -1.5px; left: 230px;}
  242.  
  243. #answer {color:{color:text};}
  244.  
  245.  
  246. #cred {font-size:9px; letter-spacing:1px; opacity:0.8; text-transform:uppercase; bottom:10px; right:10px; position:fixed;}
  247.  
  248.  
  249. #source {margin-top:1px; text-align:right; font-size:10px;}
  250.  
  251. #audio{padding:5px;}
  252. .player{background-color:black; padding-right:200px;}
  253. .alabel{text-align:left;}
  254.  
  255. .chat {line-height:12px; list-style:none; }
  256. .chat ul {line-height:15px; list-style:none; padding:0px; line-height:20px;}
  257. .person1 {background-color:white; color:{color:text}; }
  258. .person1 .label {font-weight:bold; padding:0px; margin-left:5px; color:{color:text}}
  259. .person2 {color:{color:text};}
  260. .person2 .label {font-weight:bold; padding:0px; margin-left:5px; color:{color:text}}
  261.  
  262. iframe#tumblr_controls {
  263. top:0px !important;
  264. right:3px !important;
  265. position: fixed !important;
  266. -webkit-transition: opacity 0.7s linear;
  267. opacity: 0.4;
  268. -webkit-transition: all 0.8s ease-out;
  269. -moz-transition: all 0.8s ease-out;
  270. transition: all 0.8s ease-out;
  271. z-index:99;}
  272.  
  273. iframe#tumblr_controls:hover{
  274. -webkit-transition: opacity 0.7s linear;
  275. opacity: 1;
  276. -webkit-transition: all 0.4s ease-out;
  277. -moz-transition: all 0.4s ease-out;
  278. transition: all 0.4s ease-out;
  279. z-index:99;}
  280.  
  281. </style>
  282. <style type="text/css">{CustomCSS}</style>
  283. </head>
  284.  
  285. <body>
  286.  
  287. <div id="sbar">
  288.  
  289.  
  290. <div id="nav1">
  291. <a href="/">HOME</a>
  292. </div>
  293. <div id="nav2">
  294. <a href="/ask">MSSG</a>
  295. </div>
  296. <div id="nav3">
  297. <a href="http://icatchingfire.tumblr.com/tagged/themes">THEME</a>
  298.  
  299. </div>
  300. </div></div>
  301.  
  302. <div id="content">
  303.  
  304.  
  305. <div id="sidebar">
  306. <center><div id="title">{Title}</div></center>
  307. <center><div id="sidebarimage"><img src="{image:Sidebar}"/></div></center>
  308.  
  309. <div id="description">{block:Description}{Description}{/block:Description}
  310. <div id="links"><center><br>
  311. <a href="{text:link 1 url}">{text:link 1}</a> &nbsp;
  312. <a href="{text:link 2 url}">{text:link 2}</a> &nbsp;
  313. <a href="{text:link 3 url}">{text:link 3}</a> &nbsp;
  314. <a href="{text:link 4 url}">{text:link 4}</a> &nbsp;
  315. </div>
  316. </div>
  317.  
  318.  
  319. <div id="cred"><a href="http://icatchingfire.tumblr.com/">&copy; icatchingfire</a></div>
  320.  
  321. <center><div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">«</a> &nbsp;{/block:PreviousPage}{CurrentPage}/{TotalPages}{block:NextPage}&nbsp;<a href="{NextPage}">»</a>{/block:NextPage}</div></center>
  322. <center><div class="thm">
  323. </div></center>
  324.  
  325. </div><br>
  326.  
  327.  
  328.  
  329. <br>
  330. <div id="posts">
  331.  
  332. {block:Posts}
  333.  
  334. <div id="posts">
  335.  
  336. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  337.  
  338. {block:Quote}<h2>“{Quote}” — {Source}</h2>{/block:Quote}
  339.  
  340. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  341. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  342.  
  343. {block:Photo}<center><img src="{PhotoURL-500}"/></center>
  344. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  345.  
  346. {block:Photoset}<center>{Photoset-500}</center>
  347. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  348.  
  349. {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}
  350.  
  351. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  352.  
  353.  
  354. {block:Answer}
  355. <div id="question">
  356. <br>
  357. <div id="box">◥</div>
  358. {Question}
  359. <br>
  360. <br>
  361. </div>
  362. <div id="asker">{Asker}</div>
  363. <div id="answer">{Answer}</div>
  364. {/block:answer}
  365.  
  366. {block:Audio}<div class="audio"><div class="player">{AudioPlayerBlack}</div><br>
  367. <div class="alabel">{block:Caption}{Caption}{/block:Caption}</div></center><br clear="all" /></div> {/block:Audio}
  368.  
  369. <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>
  370. <div id="tags">{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  371. </div>
  372.  
  373. {/block:Posts}
  374.  
  375. {block:PostNotes}
  376. <div id="postnotes">{PostNotes}</div></div>
  377. {/block:PostNotes}
  378.  
  379.  
  380.  
  381. </div>
  382. </div>
  383. </div>
  384.  
  385. </body>
  386. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!