API tools faq
paste
rockwithyous

Winter Fell | Theme #009

rockwithyous
Mar 17th, 2013
3,856
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.86 KB | None | 0 0
raw download clone embed print report
  1. <!-- Winter Fell Theme by rockwithyous | tumblr
  2. PLEASE DO NOT:
  3. * redistribute
  4. * remove credit
  5. * use as base code
  6. * claim as your own!
  7. Doing these are also considered as stealing!-->
  8.  
  9. <head>
  10.  
  11. <!-- DEFAULT VARIABLES -->
  12. <meta name="color:background" content="#ffffff" />
  13. <meta name="color:text" content="#ffffff" />
  14. <meta name="color:border" content="#e4e2e1" />
  15. <meta name="color:post bg" content="#000000" />
  16. <meta name="color:link" content="#000000" />
  17. <meta name="color:linkhover" content="#dfa46e" />
  18. <meta name="color:scrollbar" content="#000000" />
  19. <meta name="color:scrollbg" content="#ffffff" />
  20.  
  21. <meta name="image:sbar background" content="http://media.tumblr.com/ca988d65a2581a373c192e9a5e1272af/tumblr_inline_mjq2xalso11r94h34.png" />
  22. <meta name="image:background" content="" />
  23.  
  24. <!-- LINKS -->
  25. <meta name="text:link 1" content="link 1" />
  26. <meta name="text:link 1 url" content="/" />
  27. <meta name="text:link 2" content="link 2" />
  28. <meta name="text:link 2 url" content="/" />
  29. <meta name="text:link 3" content="link 3" />
  30. <meta name="text:link 3 url" content="/" />
  31. <meta name="text:link 4" content="link 4" />
  32. <meta name="text:link 4 url" content="/" />
  33.  
  34. <!-- TITLES -->
  35. <meta name="text:title1" content="Title One" />
  36. <meta name="text:title2" content="Title Two" />
  37.  
  38. <link href='http://fonts.googleapis.com/css?family=Oleo+Script' rel='stylesheet' type='text/css'>
  39. <link href='http://fonts.googleapis.com/css?family=Lobster+Two' rel='stylesheet' type='text/css'>
  40. <link href='http://fonts.googleapis.com/css?family=Oxygen+Mono' rel='stylesheet' type='text/css'>
  41. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  42.  
  43. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  44. <title>{Title}</title>
  45. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  46. <link rel="shortcut icon" href="{Favicon}" />
  47. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  48. <style type="text/css">
  49.  
  50. ::-webkit-scrollbar {width: 10px; height:auto; background:{color:scrollbg}}
  51.  
  52. ::-webkit-scrollbar-corner {background:{color:scrollbg}}
  53.  
  54. ::-webkit-scrollbar-button:vertical {height:4px; display: block; background:{color:scrollbar}}
  55.  
  56. ::-webkit-scrollbar-button:horizontal {width: 7px; height: 4px; display: block; background:{color:scrollbar}}
  57.  
  58. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar}; border-top: 1px solid {color:scrollbg}; border-bottom: 1px solid {color:scrollbg}}
  59.  
  60. ::-webkit-scrollbar-thumb:horizontal {background: {color:scrollbg}; border: 0px solid {color:scrollbg}}
  61.  
  62. ::-webkit-scrollbar-thumb {background: {color:scrollbar}; border-top: 0pt solid {color:scrollbg}; border-bottom: 0pt solid {color:scrollbg}}
  63.  
  64. ::-webkit-scrollbar-thumb:hover {background: {color:scrollbar}; cursor:url(http://i53.tinypic.com/zycxmw.png), auto}
  65.  
  66. ::-webkit-scrollbar-track-piece {background: {color:scrollbg}; border-top: 1pt solid {color:scrollbg}; border-bottom: 1pt solid {color:scrollbg}; width:4pt}
  67.  
  68. body {color:{color:text}; background-color:{color:background}; background-image: url('{image:Background}'); background-attachment:fixed; line-height:100%; font-family:calibri;font-style:none; text-transform:uppercase; letter-spacing:1px; font-size:8px;text-align:justify;}
  69.  
  70. a:link, a:active, a:visited{color: {color:link}; text-decoration:none;}
  71. a:hover {text-decoration: none;
  72. -webkit-transition: all 0.2s ease-out;
  73. -o-transition: all 0.2s ease-out;
  74. -webkit-transition: all 0.2s ease-out;
  75. -moz-transition: all 0.2s ease-out;
  76. color:{color:linkhover};
  77. }
  78.  
  79. b, strong{color:{color:title}}
  80. i, em {color:{color:text}}
  81. p{margin-top:5px; margin-bottom:5px}
  82. blockquote {padding:0px; padding-left:5px; margin:5px; border-left:2px solid #fff;}
  83.  
  84. img a{border:none; width:100%}
  85.  
  86. #container {background-color:transparent; text-align:center; width:530px; margin:0 auto 0 auto;}
  87.  
  88. #entries {margin-top:20px; margin-left:300px; text-align:justify;}
  89.  
  90. #entry {margin: 0px 0 0px 0; width: 500px; text-align: justify; padding: 15px; background-color:{color:post bg}; color:{color:text}; }
  91.  
  92.  
  93.  
  94. #sidebar { top:-120px; margin-left:-8px; margin-top:100px; padding:0px; width: 235px; height:750px; position:fixed; font-family:calibri; background-image: url('{image:sbar background}'); }
  95.  
  96. #stext {color:#fff; text-align:justify; font-family: 'Inconsolata'; font-size: 8px; padding:6px; margin-left:5px; width:110px; letter-spacing:1px; border-right: 1px solid #fff; text-transform: uppercase;}
  97.  
  98. #description {font-family:'Inconsolata'; padding-top:1px; width:130px; margin-left:10px; margin-top:40px; text-align:center; line-height:110%; font-size:10px;}
  99.  
  100. #description:hover .links {
  101. opacity:1;
  102. -moz-transition-duration:0.6s;
  103. -webkit-transition-duration:0.6s;
  104. -o-transition-duration:0.6s;
  105.  
  106. }
  107.  
  108. .links {
  109. opacity:1;
  110. margin-top:-25px;
  111. margin-left:130px;
  112. position:fixed;
  113. width:80px;
  114. height:180px;
  115. font-size:6px;
  116. text-transform:uppercase;
  117. text-align:left;
  118. padding:0px;
  119. letter-spacing:2px;
  120. font-family:'oxygen mono';
  121. line-height:170%;
  122. z-index:999;
  123. -moz-transition-duration:0.6s;
  124. -webkit-transition-duration:0.6s;
  125. -o-transition-duration:0.6s;
  126. }
  127.  
  128. .links a{
  129. color:#fff;
  130. background-color: #000;
  131. display:block;
  132. padding:5px;
  133. margin:5px;
  134. text-decoration:none;
  135. -moz-transition-duration:1s;
  136. -webkit-transition-duration:1s;
  137. -o-transition-duration:1s;
  138. }
  139.  
  140. .links a:hover{
  141. color:#000;
  142. background-color: #fff;
  143. -moz-transition-duration:1s;
  144. -webkit-transition-duration:1s;
  145. -o-transition-duration:1s;
  146. }
  147.  
  148. #titles {
  149. background:transparent;
  150. margin-left:5px;
  151. }
  152. .blogtitle{
  153. text-align: center;
  154. letter-spacing: 1px;
  155. font-size: 25px;
  156. line-height: 16px;
  157. margin-top: 150px;
  158. margin-bottom:-10px;
  159. margin-left:0px;
  160. color: #fff;
  161. text-transform: lowercase;
  162. font-family: 'Oleo Script' bold italic;
  163. z-index:1;
  164. }
  165.  
  166. .blogtitle2{
  167. text-align: center;
  168. letter-spacing: 0px;
  169. font-size: 10px;
  170. line-height: 16px;
  171. margin-top: -5px;
  172. margin-bottom:-10px;
  173. margin-left:-0px;
  174. color: #fff;
  175. text-transform: uppercase;
  176. font-family: georgia;
  177. z-index:1;
  178. }
  179.  
  180. #title {margin-top:17px; font-family:'Lobster Two'; color:{color:Title}; text-transform:lowercase; font-size:14px; font-style:italic; line-height:12px; letter-spacing:0px; text-align:center;text-transform:none; letter-spacing:none;text-decoration:none;}
  181.  
  182. #title1 {font-size:20px; font-style:none; font-family:'Lobster Two'; text-decoration: none;line-height:16px; text-transform:none; text-decoration:none;}
  183.  
  184. #title2 {font-size:15px; font-style:none; font-family:'Lobster Two';line-height:16px; text-transform:none; letter-spacing:none;}
  185.  
  186.  
  187. #audio {margin-bottom:5px; width:500px; height:105px;}
  188. .albumart {width:100px; height:100px; position:absolute;}
  189. .albumart img {width:100px; height:100px; float:left;}
  190. .playercontainer {opacity: .2; display:block; width:100px; height:100px; background-color:#ffffff; position:absolute; z-index:3;}
  191. .playercontainer:hover {opacity:.7; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
  192. .player {margin-left:36px; margin-top:36px; width:25px; height:25px; overflow:hidden; background-color:white;}
  193. .audioinfo {margin-left:110px; float:left; background-color:#fffdf3;} width:388px; padding:2px; margin-top:3px;}
  194.  
  195. #postinfo{text-transform:uppercase;font-family:'Inconsolata'; letter-spacing:2px; font-size: 9px; color: {color:text}; text-align: left; padding:6px 5px 6px 5px;border:3px double {color:border}; background-color: #eee; }
  196. #postinfo :hover {color:{color:linkhover};}
  197.  
  198. .info a{
  199. color:#fff;
  200. background-color: #000;
  201. text-decoration:none;
  202. -moz-transition-duration:1s;
  203. -webkit-transition-duration:1s;
  204. -o-transition-duration:1s;
  205. }
  206.  
  207. .info a:hover{
  208. color:#000;
  209. background-color: #fff;
  210. -moz-transition-duration:1s;
  211. -webkit-transition-duration:1s;
  212. -o-transition-duration:1s;
  213. }
  214. .info {text-transform:uppercase;font-family:Inconsolata; text-spacing:2px; font-size: 9px; color: #fff; text-align: left; padding:6px 5px 6px 5px;border:3px double #fff; background-color: #000; width:485px;}
  215.  
  216. #postnotes {background-color:#000; width:500px; padding:15px;}
  217.  
  218. .pagination{margin-left:-50px;}
  219. .pagination {background: transparent; margin-bottom:10px; text-align:center; line-height:0px; font-family:calibri; font-size:7px; font-weight:bold; color: #fff; padding:2px;}
  220. .pagination a{
  221. color:#fff;
  222. background-color: transparent;
  223. text-decoration:none;
  224. padding:2px;
  225. border:1px solid #fff;
  226. -moz-transition-duration:1s;
  227. -webkit-transition-duration:1s;
  228. -o-transition-duration:1s;
  229. }
  230.  
  231. .pagination a:hover{
  232. color:#000;
  233. background-color: #fff;
  234. padding:2px;
  235. border:1px solid #000;
  236. -moz-transition-duration:1s;
  237. -webkit-transition-duration:1s;
  238. -o-transition-duration:1s;
  239. }
  240.  
  241. #tags {margin-top:5px; margin-right:7px; font-family:'oxygen mono'; text-align:right; text-transform:lowercase; font-style:none;font-size:7px; color: #fff;}
  242.  
  243. #tags a{
  244. color:#fff;
  245. background-color: #000;
  246. text-decoration:none;
  247. -moz-transition-duration:1s;
  248. -webkit-transition-duration:1s;
  249. -o-transition-duration:1s;
  250. }
  251.  
  252. #tags a:hover{
  253. color:#000;
  254. background-color: #fff;
  255. -moz-transition-duration:1s;
  256. -webkit-transition-duration:1s;
  257. -o-transition-duration:1s;
  258. }
  259.  
  260. #question { padding:10px; background-color: #000; position: relative;color: #fff; border:5px solid #fff;}
  261. #question:after, #demo:before { border: solid transparent; content: ' '; height: 0; left: 100%; position: absolute; width: 0;}
  262. #question:after { border-width: 15px; border-left-color: {color:box}; top: 0px;}
  263. #question:before { border-width: 20px; border-left-color: {color:box}; top: 5px;}
  264. #quotesource {margin-top:3px; text-align:right; margin-bottom:5px; font-size:8px;}
  265.  
  266. .chat {line-height: 12px; list-style: none;}
  267. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height:20px;}
  268. .person1 {background-color:{color:background}; color: {color:gray};}
  269. .person1 .label {font-style: underline ;font-weight: bold; padding: 0px; margin-left: 5px; color:{color:gray};}
  270. .person2 {color: {color:Text};}
  271. .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:Text};}
  272.  
  273. /* CREDIT */
  274.  
  275. .cred { font-family:calibri; letter-spacing:1px; font-size:10px; bottom:1px; right:5px; position:fixed; padding:10px; text-align:right; font-weight:bold; color:#000; }
  276.  
  277. .cred:hover #name { margin-bottom:0;
  278. -webkit-transition: all 0.2s ease-out;
  279. -o-transition: all 0.2s ease-out;
  280. -webkit-transition: all 0.2s ease-out;
  281. -moz-transition: all 0.2s ease-out;}
  282.  
  283. .cred:hover #star { opacity:0;
  284. -webkit-transition: all 0.2s ease-out;
  285. -o-transition: all 0.2s ease-out;
  286. -webkit-transition: all 0.2s ease-out;
  287. -moz-transition: all 0.2s ease-out;}
  288.  
  289. #star { font-size:20px; padding-bottom:10px; }
  290. #name { margin-bottom:-36px;
  291. -webkit-transition: all 0.2s ease-out;
  292. -o-transition: all 0.2s ease-out;
  293. -webkit-transition: all 0.2s ease-out;
  294. -moz-transition: all 0.2s ease-out;}
  295.  
  296.  
  297.  
  298. </style>
  299. <style type="text/css">{CustomCSS}</style>
  300.  
  301.  
  302. </head>
  303.  
  304. <body>
  305.  
  306. <div id="container">
  307. </div>
  308. <div id="sidebar">
  309. <div id="titles">
  310. <div class="blogtitle">{text:title1}</div><br><p>
  311. <div class="blogtitle2">{text:title2}</div>
  312. </div><p>
  313. <div id="description"><center>
  314. <div id="sb">
  315. <div class="links"><br>
  316. <a href="/">index</a>
  317. <a href="/ask">message</a>
  318. <a href="{text:link 1 url}">{text:link 1}</a>
  319. <a href="{text:link 2 url}">{text:link 2}</a>
  320. <a href="{text:link 3 url}">{text:link 3}</a>
  321. <a href="{text:link 4 url}">{text:link 4}</a>
  322. </div></center>
  323.  
  324. <div id="stext">{Description}</div><br>
  325. {block:Pagination}<div class="pagination">
  326. {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
  327. {block:JumpPagination length="4"}{block:CurrentPage}
  328. <span class="current_page" style="padding-right:5px;padding-left:5px;">{PageNumber}</span>
  329. {/block:CurrentPage}
  330. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  331. {/block:JumpPagination}
  332. {block:NextPage}<a href="{NextPage}">→</a> {/block:NextPage}
  333. </div>{/block:Pagination}</div><br>
  334. </div></div><div class="cred"><div id="star">★</div>
  335. <div id="name"><i><font color="black">theme by</i> <br /><a href="http://rockwithyousthemes.tumblr.com">©ROCKWITHYOUS</a></font></div>
  336.  
  337. </div>
  338.  
  339.  
  340. </div>
  341. <div id="entries">
  342. {block:Posts}
  343. <div id="entry">
  344.  
  345. {block:Title}<div id="title1">{Title}</div>{/block:Title}
  346. {block:Text}{Body}{/block:Text}
  347.  
  348. {block:Quote}<div id="title2">"{Quote}"</div>
  349. {block:Source}<div id="quotesource">— <b>{Source}</b></div>{/block:Source}{/block:Quote}
  350.  
  351. {block:Link}<div id="title1"><a href="{URL}" class="link" {Target}>{Name}</a></div>
  352. {block:Description}{Description}{/block:Description}
  353. {/block:Link}
  354.  
  355. {block:Photo}<center><img src="{PhotoURL-500}"/></center>
  356. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  357.  
  358. {block:Photoset}<center>{Photoset-500}</center>
  359. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  360.  
  361. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label" style="font-weight:bold; color:{color:text};"><u>{Label}</u></span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  362.  
  363. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  364.  
  365. {block:Answer}
  366. <img align="right" src="{AskerPortraitURL-40}"> <div id="question" style="width:420px;"> <font color="#000"><i><strong><big><code>{Asker}</code></big></strong></i></font>&nbsp;<i>whispered</i>: {Question}</div> <BR>
  367. {Answer}
  368. {/block:Answer}
  369.  
  370. {block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  371.  
  372. <br>
  373. <div id="postinfo" class="info">posted <a href="{Permalink}">{TimeAgo}</a> with <a href="{Permalink}">{NoteCountWithLabel}</a> • {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a> • {/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}">source</a>.{/block:ContentSource} • <a href="{ReblogURL}" target="_blank">reblog</a></div><p>
  374.  
  375. <div id="tags">{block:HasTags}{block:Tags}# <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div></div>
  376. <br /><br>
  377.  
  378. {/block:Posts}
  379.  
  380. <div id="postnotes">
  381. {block:PostNotes}{PostNotes}{/block:PostNotes}</div><br />
  382.  
  383.  
  384. </div></div>
  385.  
  386.  
  387. </body>
  388.  
  389. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!