Advertisement
Dancebeforethedawn

Theme 016 - Winter is coming

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