Advertisement
Dancebeforethedawn

Theme 015 - Let it be

Jul 2nd, 2012
9,076
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.60 KB | None | 0 0
  1. <!--
  2. Theme 015
  3. - Let it be 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.  
  11. <head>
  12.  
  13. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  14. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  15. <link rel="shortcut icon" href="{Favicon}" />
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  17.  
  18. <meta name="color:Background" content ="#ffffff"/>
  19. <meta name="color:Text" content="#3f3d3c"/>
  20. <meta name="color:Bold" content="#fac9b1"/>
  21. <meta name="color:Italic" content="#fac9b1"/>
  22. <meta name="color:Link" content="#9a9a9b"/>
  23. <meta name="color:Info" content="#fdf0df"/>
  24. <meta name="color:Pagination" content="#a3a09d"/>
  25. <meta name="color:Link Hover" content="#9a9a9b"/>
  26. <meta name="color:Scrollbar" content ="#fdf0df"/>
  27. <meta name="color:ScrollbarBg" content ="#ffffff"/>
  28. <meta name="color:Pagination" content="#f0f0f0"/>
  29. <meta name="color:sbar border" content="#fffcf8" />
  30. <meta name="color:ask background" content="#fffcf8" />
  31. <meta name="color:stext background" content="#fdf0df" />
  32. <meta name="color:link one" content="#fdb39a"/>
  33. <meta name="color:link two" content="#fdc8b6"/>
  34. <meta name="color:link three" content="#ffe1d5"/>
  35. <meta name="color:link four" content="#fdb39a">
  36. <meta name="color:link five" content="#fdc8b6">
  37. <meta name="color:link six" content="#ffe1d5">
  38. <meta name="color:Question Background" content ="#FFFFFF"/>
  39. <meta name="if:Show Sidebar Pic" content="0"/>
  40. <meta name="image:Background" content=""/>
  41.  
  42. <meta name="image:Sidebar" content=""/>
  43.  
  44. <meta name="if:Title" content="1"/>
  45.  
  46. <meta name="text:Link one" content="/"/>
  47. <meta name="text:Link one Title" content="home"/>
  48. <meta name="text:Link two" content="/ask" />
  49. <meta name="text:Link two Title" content="message"/>
  50. <meta name="text:Link three" content="" />
  51. <meta name="text:Link three Title" content=""/>
  52. <meta name="text:Link four" content=""/>
  53. <meta name="text:Link four Title" content=""/>
  54. <meta name="text:Link five" content=""/>
  55. <meta name="text:Link five Title" content=""/>
  56. <meta name="text:Link six" content=""/>
  57. <meta name="text:Link six Title" content=""/>
  58.  
  59.  
  60. <link href='http://fonts.googleapis.com/css?family=Handlee' rel='stylesheet' type='text/css'>
  61.  
  62. <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
  63.  
  64. <link href='http://fonts.googleapis.com/css?family=Crushed' rel='stylesheet' type='text/css'>
  65.  
  66. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  67. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  68. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  69. <link rel="shortcut icon" href="{Favicon}" />
  70. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  71.  
  72. <style type="text/css">
  73.  
  74. ::-webkit-scrollbar{height: 10px; width: 10px; -webkit-border-radius: 0px; background-color:{color:background};}
  75. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  76. ::-webkit-scrollbar-track{background-color:{color:scrollbarBg};}
  77.  
  78. body {
  79. background-attachment:fixed; background-color:{color:background}; background-image: url('{image:Background}'); background-repeat:yes-repeat; background-position:right top; text-align:justify; font-family: cambria; color: {color:text}; font-size: 10px; line-height:100%;}
  80.  
  81. a:link, a:active, a:visited{color:{color:Link}; text-decoration:none; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out;}
  82. a:hover{color:{color:Link Hover};}
  83.  
  84. p{margin-top:5px; margin-bottom:5px; }
  85.  
  86. b {color:{color:bold};}
  87. em, i {color:{color:italic};}
  88.  
  89. blockquote {text-align:left; padding-left:10px; margin:5px; border-left:3px solid {color:link};}
  90. blockquote img{max-width:200px;}
  91.  
  92.  
  93. h3{font-family:'Handlee', cursive; text-align:center; font-weight: 400; font-size: 18px; text-transform: uppercase; text-decoration: none; letter-spacing: -0.05em; word-spacing: -0.02em;}
  94. h3 a{-moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out;}
  95.  
  96.  
  97.  
  98.  
  99.  
  100. #content {width:500px; margin-top:50px; margin-bottom:30px; position: relative; left: 520px; font-family:'Handlee', cursive; font-size: 12px}
  101.  
  102. #posts {margin-bottom:30px; }
  103.  
  104.  
  105. #sbar {
  106. width: 250px;
  107. height: auto;
  108. margin-left: 128px;
  109. text-align: left;
  110. margin-top: 70px;
  111. position:fixed;
  112. }
  113. .simg {
  114. width:250px;
  115. border: 4px solid;
  116. margin-top:150px;
  117. margin-left: 88px;
  118. border-color:{color:sbar border};
  119. -webkit-transition: all 0.6s ease;
  120. overflow: hidden;
  121. position:fixed;
  122. }
  123.  
  124. .simg img {
  125. display: block;
  126. width:250px;
  127. }
  128.  
  129. .simg:hover {
  130. opacity:10;
  131. -webkit-transition: all 0.6s ease;
  132. }
  133.  
  134. .simg:hover #stext {
  135. margin-top:50px;
  136. height:auto;
  137. margin-left:10px;
  138. }
  139.  
  140. .hov {opacity:0.7;letter-spacing:1px; text-align:right; margin-left: 5px; margin-top:-230px; color:{color:text};position:absolute; font-family:'Handlee', cursive; font-size:10px; text-transform:none;}
  141.  
  142. #stext {
  143. position:absolute;
  144. margin-top:50px;
  145. width:224px;
  146. height:auto;
  147. -webkit-transition: all 0.6s ease;
  148. margin-left: -250px;
  149. display:block;
  150. overflow:hidden;
  151. float:left;
  152. background:{color:stext background};
  153. border-radius: 10px 10px 10px 10px;
  154. padding:3px;
  155. opacity:0.8;}
  156.  
  157.  
  158. #blogtitle{font-family:'Pacifico', cursive; color: {color:Text}; text-transform:none; font-size:23px; line-height:0px; font-weight:normal; padding:6px; text-align:center; letter-spacing:1px; font-style:arial; margin-bottom:-8px;margin-left:115px ; margin-top:135px ; position:fixed;}
  159. #blogtitle:hover{}
  160.  
  161.  
  162. #nav1 {
  163. font-family:'Handlee', cursive;
  164. display: inline-block;
  165. text-align:right;
  166. position: fixed;
  167. padding: 5px;
  168. width: 350px;
  169. height: 9px;
  170. font-family:'Handlee', cursive;
  171. background: {color:link one};
  172. border-top-right-radius: 7px;
  173. -moz-border-radius-topright: 7px;
  174. -webkit-border-top-right-radius: 7px;
  175. border-bottom-right-radius: 7px;
  176. -moz-border-radius-bottom-left: 7px;
  177. -webkit-border-bottom-right-radius: 7px;
  178. transition: all 0.5s ease-out;
  179. -o-transition-transition: all 0.5s ease-out;
  180. -webkit-transition: all 0.5s ease-out;
  181. -moz-transition: all 0.5s ease-out;
  182. margin: 140px 0px 0px -70px;
  183. }
  184.  
  185. #nav1:hover {
  186. transition: all 0.5s ease-out;
  187. -o-transition-transition: all 0.6s ease-out;
  188. -webkit-transition: all 0.6s ease-out;
  189. -moz-transition: all 0.6s ease-out;
  190. padding-left: 50px;
  191. : 50px;
  192.  
  193. }
  194.  
  195. #nav2 {
  196. display: inline-block;
  197. text-align: right;
  198. font-family:'Handlee', cursive;
  199. position: fixed;
  200. padding: 5px;
  201. height: 9px;
  202. width: 350px;
  203. background: {color:link two};
  204. border-top-right-radius: 7px;
  205. -moz-border-radius-topright: 7px;
  206. -webkit-border-top-right-radius: 7px;
  207. border-bottom-right-radius: 7px;
  208. -moz-border-radius-bottomright: 7px;
  209. -webkit-border-bottom-right-radius: 7px;
  210. transition: all 0.5s ease-out;
  211. -o-transition-transition: all 0.5s ease-out;
  212. -webkit-transition: all 0.5s ease-out;
  213. -moz-transition: all 0.5s ease-out;
  214. margin: 161px 0px 0px -70px;
  215. }
  216.  
  217. #nav2:hover {
  218. transition: all 0.5s ease-out;
  219. -o-transition-transition: all 0.5s ease-out;
  220. -webkit-transition: all 0.5s ease-out;
  221. -moz-transition: all 0.5s ease-out;
  222. padding-left: 50px;
  223. }
  224.  
  225. #nav3 {
  226. display: inline-block;
  227. text-align: right;
  228. position: fixed;
  229. font-family:'Handlee', cursive;
  230. width: 350px;
  231. padding: 5px;
  232. height: 9px;
  233. background: {color:link three};
  234. border-top-right-radius: 7px;
  235. -moz-border-radius-topright: 7px;
  236. -webkit-border-top-right-radius: 7px;
  237. border-bottom-right-radius: 7px;
  238. -moz-border-radius-bottomright: 7px;
  239. -webkit-border-bottom-right-radius: 7px;
  240. transition: all 0.5s ease-out;
  241. -o-transition-transition: all 0.5s ease-out;
  242. -webkit-transition: all 0.5s ease-out;
  243. -moz-transition: all 0.5s ease-out;
  244. margin: 182px 0px 0px -70px;
  245. }
  246.  
  247. #nav3:hover {
  248. transition: all 0.5s ease-out;
  249. -o-transition-transition: all 0.5s ease-out;
  250. -webkit-transition: all 0.5s ease-out;
  251. -moz-transition: all 0.5s ease-out;
  252. padding-left: 50px;
  253. }
  254.  
  255. #nav4 {
  256. width: 350px;
  257. display: inline-block;
  258. font-family:'Handlee', cursive;
  259. text-align: right;
  260. position: fixed;
  261. padding: 5px;
  262. height: 9px;
  263. background: {color:link four};
  264. border-top-right-radius: 7px;
  265. -moz-border-radius-topright: 7px;
  266. -webkit-border-top-right-radius: 7px;
  267. border-bottom-right-radius: 7px;
  268. -moz-border-radius-bottomright: 7px;
  269. -webkit-border-bottom-right-radius: 7px;
  270. transition: all 0.5s ease-out;
  271. -o-transition-transition: all 0.5s ease-out;
  272. -webkit-transition: all 0.5s ease-out;
  273. -moz-transition: all 0.5s ease-out;
  274. margin: 203px 0px 0px -70px;
  275. }
  276.  
  277. #nav4:hover {
  278. transition: all 0.5s ease-out;
  279. -o-transition-transition: all 0.5s ease-out;
  280. -webkit-transition: all 0.5s ease-out;
  281. -moz-transition: all 0.5s ease-out;
  282. padding-left: 50px;
  283. }
  284.  
  285. #nav5 {
  286. width: 350px;
  287. display: inline-block;
  288. font-family:'Handlee', cursive;
  289. text-align: right;
  290. position: fixed;
  291. padding: 5px;
  292. height: 9px;
  293. background: {color:link five};
  294. border-top-right-radius: 7px;
  295. -moz-border-radius-topright: 7px;
  296. -webkit-border-top-right-radius: 7px;
  297. border-bottom-right-radius: 7px;
  298. -moz-border-radius-bottomright: 7px;
  299. -webkit-border-bottom-right-radius: 7px;
  300. transition: all 0.5s ease-out;
  301. -o-transition-transition: all 0.5s ease-out;
  302. -webkit-transition: all 0.5s ease-out;
  303. -moz-transition: all 0.5s ease-out;
  304. margin: 224px 0px 0px -70px;
  305. }
  306.  
  307. #nav5:hover {
  308. transition: all 0.5s ease-out;
  309. -o-transition-transition: all 0.5s ease-out;
  310. -webkit-transition: all 0.5s ease-out;
  311. -moz-transition: all 0.5s ease-out;
  312. padding-left: 50px;
  313. }
  314.  
  315. #nav6 {
  316. width: 350px;
  317. display: inline-block;
  318. text-align: right;
  319. position: fixed;
  320. padding: 5px;
  321. height: 9px;
  322. font-family:'Handlee', cursive;
  323. background: {color:link six};
  324. border-top-right-radius: 7px;
  325. -moz-border-radius-topright: 7px;
  326. -webkit-border-top-right-radius: 7px;
  327. border-bottom-right-radius: 7px;
  328. -moz-border-radius-bottomright: 7px;
  329. -webkit-border-bottom-right-radius: 7px;
  330. transition: all 0.5s ease-out;
  331. -o-transition-transition: all 0.5s ease-out;
  332. -webkit-transition: all 0.5s ease-out;
  333. -moz-transition: all 0.5s ease-out;
  334. margin: 245px 0px 0px -70px;
  335. }
  336.  
  337. #nav6:hover {
  338. transition: all 0.5s ease-out;
  339. -o-transition-transition: all 0.5s ease-out;
  340. -webkit-transition: all 0.5s ease-out;
  341. -moz-transition: all 0.5s ease-out;
  342. padding-left: 50px;
  343. }
  344.  
  345.  
  346.  
  347. .quote {font-family:'Handlee', cursive; font-weight: 400; font-size: 18px; text-transform: none; text-decoration: none; letter-spacing: -0.05em; word-spacing: -0.02em; line-height: 1.14;}
  348.  
  349.  
  350. #info {background-color:{color:info}; font-family:{font:info}; font-size:10px; text-transform: lowercase; font-style: arial; color:{color:text}; letter-spacing:1px; padding:5px;}
  351.  
  352. #tags {text-align:right; font-family:{font:info}; font-size:10px; text-transform: lowercase; font-style: arial; color:{color:text}; letter-spacing:1px; padding:2px;}
  353.  
  354. #posts:hover .tag{opacity:1; margin-left:525px; }
  355.  
  356. .chat {line-height: 12px; list-style: none; }
  357. .chat ul {line-height: 15px; list-style: none;padding:5px; line-height:20px;}
  358. .person1 {background-color:white; color: {color:text}; padding: 3px;}
  359. .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:link}}
  360. .person2 {color: {color:text};padding: 3px;}
  361. .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:text};}
  362.  
  363. .link { font-family: cambria; font-style: italic; text-align:center; font-weight: 400; font-size: 17px; text-transform: none; text-decoration: none; letter-spacing: -0.05em; word-spacing: -0.02em; line-height: 1;}
  364.  
  365. .audio{padding:5px;}
  366. .player{background-color:white; padding-right:200px;}
  367. .alabel{text-align:center;}
  368.  
  369. #questions
  370. {color: {color:text};
  371. padding:4px;
  372. margin-bottom:0px;
  373. text-align: left;
  374. text-transform:none;
  375. font-family:'Handlee', cursive;
  376. font-size:12;
  377. line-height:110%;
  378. background-color:{color:ask};
  379. border-bottom:0px {color:ask} solid}
  380.  
  381. #questions a {color:{color:link}}
  382.  
  383. #questions img {border:0px {color:text} solid; float: left; width: 30px; height: 30px; margin-bottom:-10px; margin: 0px 2px 5px 0px; -moz-border-radius: 80px;
  384. -webkit-border-radius: 80px; }
  385.  
  386. #cred {font-size:9px; letter-spacing:1px; opacity:0.8; text-transform:uppercase; bottom:10px; right:10px; position:fixed;}
  387.  
  388.  
  389.  
  390. #pagination {z-index:100;width:245px;text-align:right; opacity:0.8; position:fixed; letter-spacing:1px;font-size:50px; line-height:0px; margin-top:358px; margin-left:80px; }
  391. #pagination a {color:{color:pagination};}
  392. #bottompost{width: 495px; font-size:9px; text-align:center; letter-spacing:1px; padding:5px; text-transform: lowercase; margin-left:2px;}
  393. #bottompost a{color: {color:Link};}
  394. #bottompost a:hover{color: {color:Hold}}
  395.  
  396. #perma {display:block; word-spacing:2px; margin-top:-15px; margin-bottom:30px; width:500px; float:right; font:10px calibri;}
  397.  
  398. .noteperma {width:470px; border-left:10px solid {color:text}; font:10px calibri; text-transform:lowercase; color:{color:text}; padding:2px 4px; line-height:90%; margin-left:5px;}
  399.  
  400.  
  401. .tagperma {width:470px; border-left:10px solid #B3A395; font:10px calibri; text-transform:lowercase; color:{color:text}; padding:2px 4px; line-height:90%; margin-left:5px;}
  402.  
  403. .notperma a, .tagperma a, {color:{color:link};}
  404. .notes img a{
  405. border: 0px;
  406. }
  407.  
  408. .notes li {
  409. list-style-type: none;
  410. }
  411.  
  412. ol.notes {
  413. padding-left: 15px;
  414. margin: 1px 0px;
  415. list-style-type: none;
  416. border-bottom: solid 1px #f7f7f7;
  417. }
  418.  
  419. ol.notes li.note {
  420. border-top: solid 1px #f7f7f7;
  421. padding: 1px;
  422. }
  423.  
  424. ol.notes li.note img.avatar {
  425. vertical-align: -2px;
  426. margin-right: 10px;
  427. width: 10px;
  428. height: 10px;
  429. }
  430.  
  431. ol.notes li.note span.action {
  432. font-weight: normal;
  433. }
  434.  
  435. ol.notes li.note .answer_content {
  436. font-weight: normal;
  437. }
  438.  
  439. ol.notes li.note blockquote {
  440. border-color: {color:link};
  441. padding-left: 5px;
  442. padding-bottom:3px;
  443. margin-left: 15px;
  444. }
  445.  
  446. ol.notes li.note blockquote a {
  447. text-decoration: none;
  448. }
  449.  
  450.  
  451. </style>
  452.  
  453. </head>
  454.  
  455. <body>
  456.  
  457.  
  458.  
  459. <div id="sbar">
  460.  
  461.  
  462. <div id="nav1">
  463. <a href="{text:Link one}">{text:Link one Title}</a>
  464. </div>
  465. <div id="nav2">
  466. <a href="{text:Link two}">{text:Link two Title}</a>
  467. </div>
  468. <div id="nav3">
  469. <a href="{text:Link three}">{text:Link three Title}</a>
  470. </div>
  471. <div id="nav4">
  472. <a href="{text:Link four}">{text:Link four Title}</a>
  473. </div>
  474. <div id="nav5">
  475. <a href="{text:Link five}">{text:Link five Title}</a>
  476. </div>
  477. <div id="nav6">
  478. <a href="{text:Link six}">{text:Link six Title}</a>
  479. </div>
  480. </div></div>
  481.  
  482. <div id="cred"><a href="http://icatchingfire.tumblr.com/">&copy; icatchingfire</a></div>
  483.  
  484.  
  485. <div class="nac"><center>
  486. <div id="blogtitle"><a href="/">{title}</a></div>
  487. <br><div class="simg">
  488. <div id="stext">{block:Description}{Description}{/block:Description}</div>
  489. <img src="{image:sidebar}"> <div id="nav">
  490. <div class="hov">hover</div>
  491. </div></center></div>
  492.  
  493. <div id="stext"><div id="stext">{block:Description}{Description}{/block:Description}</div></div>
  494. <center><div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">«</a> &nbsp;{/block:PreviousPage}{block:NextPage}&nbsp;<a href="{NextPage}">»</a>{/block:NextPage}</div></center>
  495. <center><div class="thm">
  496. </div></center>
  497.  
  498. </div>
  499.  
  500. </div>
  501. <div id="content">
  502. {block:Posts}
  503. <div id="posts">
  504.  
  505.  
  506. {block:Text}
  507. <div class="post text">
  508. {block:Title}
  509. <a href="{Permalink}"><h3>{Title}</h3></a>
  510. {/block:Title}
  511. {Body}
  512. </div>
  513. {/block:Text}
  514.  
  515. {Block:Photo}
  516. {LinkOpenTag}
  517. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  518. {LinkCloseTag}
  519.  
  520. {block:Caption}
  521. {Caption}
  522. {/block:Caption}
  523. {/Block:Photo}
  524.  
  525. {block:Photoset}
  526. <div class="photoset">
  527. <center>{Photoset-500}</center>
  528.  
  529. {block:Caption}
  530. <div class="caption">{Caption}</div>
  531. {/block:Caption}
  532. </div>
  533. {/block:Photoset}
  534.  
  535. {block:Quote}
  536. <div class="quote"><center>"{Quote}"</center></div>
  537. {block:Source}<div class="source">— {Source}{/block:Source}</div>{/block:Quote}
  538.  
  539. {block:Link}
  540. <h3>
  541. <a href="{URL}" {Target}>{Name}</a></h3>
  542. {block:Description}
  543. <div class="description">{Description}</div>
  544. {/block:Description}
  545.  
  546. {/block:Link}
  547.  
  548. {block:Chat}
  549. {block:Title}{Title}{/block:Title}
  550. <div class="chat"><ul>{block:Lines}
  551. <li class="person{UserNumber}">{block:Label}
  552. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  553. {/block:Chat}
  554.  
  555. {block:Answer}<div id="questions"><center><img src="{AskerPortraitURL-24}"><big>{Question}</big></big><br><b>— {Asker}</b></center></div><br>
  556. <div id="answer">{Answer}</div>{/block:Answer}
  557.  
  558. {block:Video}
  559. <div class="post video">
  560. <center>{Video-500}</center>
  561. {block:Caption}
  562. <div class="caption">{Caption}</div>
  563. {/block:Caption}
  564. </div>
  565. {/block:Video}
  566.  
  567. {block:Audio}<div class="audio"><div class="player">{AudioPlayerWhite}</div><br>
  568. <div class="alabel">{block:Caption}{Caption}{/block:Caption}</div></center><br clear="all" /></div> {/block:Audio}
  569.  
  570. <div id="info">
  571. {block:Date}posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date} with {block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom}<br>{block:ContentSource} © <a href="{SourceURL}">{SourceLink}</a>
  572. {/block:ContentSource} - via <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</div>
  573. <div id="tags">{block:HasTags}{block:Tags} #<a href="{TagUrl}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  574. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  575.  
  576.  
  577. {/block:Posts}
  578.  
  579.  
  580. {/block:Posts}
  581. </div>
  582. </body>
  583. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement