Advertisement
jessvm

01 - Morning Light

Nov 18th, 2012
5,411
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.81 KB | None | 0 0
  1. <html>
  2.  
  3. <!--THEME 1 (MORNING LIGHT) BY WINTERDREAMING-->
  4.  
  5. <head>
  6.  
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}
  11. <meta name="description" content="{MetaDescription}" />
  12. {/block:Description}
  13.  
  14. <meta name="color:Background" content="#FFFFFF" />
  15. <meta name="color:Borders" content="#DFDCDC" />
  16. <meta name="color:Text" content="#333233" />
  17. <meta name="color:Links" content="#737071" />
  18. <meta name="color:Post Info Background" content="#FAFAFA" />
  19. <meta name="color:Topbar Links Background" content="#F0EEEF" />
  20. <meta name="color:Topbar Text" content="#B3B1B1" />
  21. <meta name="color:Post Background" content="#FFFFFF" />
  22.  
  23. <meta name="image:Background" content"/">
  24. <meta name="image:TopbarIcon" content"/">
  25.  
  26. <meta name="if:link1" content="1" />
  27. <meta name="if:link2" content="1" />
  28. <meta name="if:link3" content="1" />
  29. <meta name="if:link4" content="1" />
  30. <meta name="if:link5" content="1" />
  31. <meta name="if:link6" content="1" />
  32. <meta name="if:link7" content="1" />
  33. <meta name="if:link8" content="1" />
  34.  
  35. <meta name="text:link 1 URL" content="" />
  36. <meta name="text:link 1 Title" content="" />
  37. <meta name="text:link 2 URL" content="" />
  38. <meta name="text:link 2 Title" content="" />
  39. <meta name="text:link 3 URL" content="" />
  40. <meta name="text:link 3 Title" content="" />
  41. <meta name="text:link 4 URL" content="" />
  42. <meta name="text:link 4 Title" content="" />
  43. <meta name="text:link 5 URL" content="" />
  44. <meta name="text:link 5 Title" content="" />
  45. <meta name="text:link 6 URL" content="" />
  46. <meta name="text:link 6 Title" content="" />
  47. <meta name="text:link 7 URL" content="" />
  48. <meta name="text:link 7 Title" content="" />
  49. <meta name="text:link 8 URL" content="" />
  50. <meta name="text:link 8 Title" content="" />
  51.  
  52.  
  53. <style type="text/css">
  54.  
  55. body{
  56. background-color:{color:Background};
  57. background-image:url('{image:Background}');
  58. background-attachment:fixed;
  59. font-family:cambria;
  60. font-size:11px;
  61. color:{color:Text};
  62. text-align:justify;
  63. }
  64.  
  65. a{
  66. padding:0px 2px;
  67. text-decoration:none;
  68. color:{color:Links};
  69. background:transparent;
  70. -webkit-transition:all 0.3s;
  71. -moz-transition:all 0.3s;
  72. transition:all 0.3s;
  73. }
  74.  
  75. a:hover{
  76. background:{color:Text};
  77. color:#FFF;
  78. -webkit-transition:all 0.3s;
  79. -moz-transition:all 0.3s;
  80. transition:all 0.3s;
  81. }
  82.  
  83. h1{/*post titles*/
  84. font-size:15px;
  85. font-style:italic;
  86. }
  87.  
  88. blockquote{/*for link/quote descs + hover tags as well*/
  89. margin-left:5px;
  90. padding-left:5px;
  91. border-left:1px solid {color:Borders};
  92. }
  93.  
  94. blockquote img{
  95. max-width:485px;
  96. }
  97.  
  98. #container{
  99. width:520px;
  100. margin:auto;
  101. margin-bottom:30px;
  102. }
  103.  
  104. #topbox{
  105. margin-bottom:20px;
  106. background:transparent;
  107. }
  108.  
  109. #topright{
  110. height:130px;
  111. overflow:hidden;
  112. margin-left:150px;
  113. margin-top:-145px;
  114. position:absolute;
  115. width:370px;
  116. padding-bottom:10px;
  117. border-bottom:1px solid {color:Borders};
  118. }
  119.  
  120. #toptitle{
  121. font-style:italic;
  122. text-transform:lowercase;
  123. font-size:18px;
  124. }
  125.  
  126. #topicon img{
  127. width:128px;
  128. height:128px;
  129. padding:5px;
  130. border:1px solid {color:Borders};
  131. }
  132.  
  133. #toplinks{
  134. padding:10px 0px;
  135. }
  136.  
  137. .toplinks{
  138. padding:2px 6px;
  139. text-transform:lowercase;
  140. font-style:italic;
  141. background:{color:Topbar Links Background};
  142. }
  143.  
  144. #topdesc{
  145. text-align:left;
  146. text-transform:uppercase;
  147. color:{color:Topbar Text};
  148. font-family:calibri;
  149. line-height:1em;
  150. font-size:10px;
  151. }
  152.  
  153. #topdesc a{
  154. color:{color:Topbar Text};
  155. font-weight:bold;
  156. }
  157.  
  158. #pages{
  159. font-size:15px;
  160. font-style:italic;
  161. text-align:center;
  162. position:absolute;
  163. margin-left:6px;
  164. margin-top:6px;
  165. width:130px;
  166. line-height:130px;
  167. background:#FFF;
  168. -webkit-opacity:0.2;
  169. -moz-opacity:0.2;
  170. opacity:0.2;
  171. -webkit-transition:all 0.3s;
  172. -moz-transition:all 0.3s;
  173. transition:all 0.3s;
  174. }
  175.  
  176. #pages:hover{
  177. -webkit-opacity:0.9;
  178. -moz-opacity:0.9;
  179. opacity:0.9;
  180. -webkit-transition:all 0.3s;
  181. -moz-transition:all 0.3s;
  182. transition:all 0.3s;
  183. }
  184.  
  185. #post{
  186. margin-bottom:20px;
  187. padding:10px 10px 0px 10px;
  188. border:1px solid {color:Borders};
  189. background-color:{color:Post Background};
  190. }
  191.  
  192. .quote{
  193. font-size:15px;
  194. font-style:italic;
  195. font-weight:bold;
  196. }
  197.  
  198. .albumart img{
  199. z-index:1;
  200. width:100px;
  201. height:100px;
  202. }
  203.  
  204. .player{
  205. margin-top:-65px;
  206. margin-left:35px;
  207. z-index:100;
  208. background:#FFF;
  209. width:25px;
  210. height:25px;
  211. overflow:hidden;
  212. position:absolute;
  213. display:block;
  214. -webkit-opacity:0.2;
  215. -moz-opacity:0.2;
  216. opacity:0.2;
  217. -webkit-transition:all 0.3s;
  218. -moz-transition:all 0.3s;
  219. transition:all 0.3s;
  220. }
  221.  
  222. .player:hover{
  223. -webkit-opacity:0.9;
  224. -moz-opacity:0.9;
  225. opacity:0.9;
  226. -webkit-transition:all 0.3s;
  227. -moz-transition:all 0.3s;
  228. transition:all 0.3s;}
  229.  
  230. .audioinfo{
  231. position:absolute;
  232. margin-left:110px;
  233. margin-top:-100px;
  234. }
  235.  
  236. .ai{
  237. width:378px;
  238. padding:5px;
  239. border-bottom:1px solid {color:Borders};
  240. }
  241.  
  242. .question{
  243. font-size:15px;
  244. text-align:center;
  245. font-style:italic;
  246. padding-bottom:5px;
  247. border-bottom:1px solid {color:Borders};
  248. }
  249.  
  250. #text{
  251. position:fixed;
  252. font-style:italic;
  253. bottom:10px;
  254. right:10px;
  255. padding:5px;
  256. border:1px solid {color:Borders};
  257. }
  258.  
  259. .info{
  260. text-align:center;
  261. padding:5px 0px;
  262. width:518px;
  263. margin-left:-10px;
  264. background:{color:Post Info Background};
  265. }
  266.  
  267. .sideinfo{
  268. position:absolute;
  269. margin-left:520px;
  270. width:200px;
  271. -webkit-opacity:0;
  272. -moz-opacity:0;
  273. opacity:0;
  274. -webkit-transition:all 0.3s;
  275. -moz-transition:all 0.3s;
  276. transition:all 0.3s;
  277. }
  278.  
  279. #post:hover .sideinfo{
  280. -webkit-opacity:1;
  281. -moz-opacity:1;
  282. opacity:1;
  283. -webkit-transition:all 0.3s;
  284. -moz-transition:all 0.3s;
  285. transition:all 0.3s;
  286. }
  287.  
  288. </style>
  289. </head>
  290.  
  291. <body>
  292. <div id="container">
  293.  
  294. <div id="topbox">
  295.  
  296. <div id="pages">
  297. {block:Pagination}
  298. {block:PreviousPage}<a href="{PreviousPage}">back | </a>
  299. {/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  300. {/block:Pagination}
  301. </div>
  302.  
  303. <div id="topicon">
  304. <img src="{image:TopbarIcon}">
  305. </div>
  306.  
  307. <div id="topright">
  308. <div id="toptitle">{Title}</div>
  309.  
  310. <div id="toplinks">
  311. <a href="/" class="toplinks">home</a>&nbsp;
  312. <a href="/ask" class="toplinks">ask</a>&nbsp;
  313. <a href="/archive" class="toplinks">past</a>&nbsp;
  314. {block:Iflink1}
  315. <a href="{text:Link 1 URL}" class="toplinks">
  316. {text:Link 1 Title}</a>
  317. {/block:Iflink1}&nbsp;
  318. {block:Iflink2}
  319. <a href="{text:Link 2 URL}" class="toplinks">
  320. {text:Link 2 Title}</a>
  321. {/block:Iflink2}&nbsp;
  322. {block:Iflink3}
  323. <a href="{text:Link 3 URL}" class="toplinks">
  324. {text:Link 3 Title}</a>
  325. {/block:Iflink3}&nbsp;
  326. {block:Iflink4}
  327. <a href="{text:Link 4 URL}" class="toplinks">
  328. {text:Link 4 Title}</a>
  329. {/block:Iflink4}&nbsp;
  330. {block:Iflink5}
  331. <a href="{text:Link 5 URL}" class="toplinks">
  332. {text:Link 5 Title}</a>
  333. {/block:Iflink5}&nbsp;
  334. {block:Iflink6}
  335. <a href="{text:Link 6 URL}" class="toplinks">
  336. {text:Link 6 Title}</a>
  337. {/block:Iflink6}&nbsp;
  338. {block:Iflink7}
  339. <a href="{text:Link 7 URL}" class="toplinks">
  340. {text:Link 7 Title}</a>
  341. {/block:Iflink7}&nbsp;
  342. {block:Iflink8}
  343. <a href="{text:Link 8 URL}" class="toplinks">
  344. {text:Link 8 Title}</a>
  345. {/block:Iflink8}
  346. </div>
  347.  
  348. <div id="topdesc">{Description}</div>
  349. </div>
  350.  
  351. </div>
  352.  
  353. <div id="entries">{block:Posts}<div id="post">
  354.  
  355. <div class="sideinfo">
  356. <a href="{ReblogURL}">Reblog?</a><br>
  357. <blockquote>{block:HasTags}{block:Tags}
  358. <a href="{TagURL}">#{Tag}</a><br>{/block:Tags}
  359. {/block:HasTags}</blockquote>
  360. </div>
  361.  
  362. {block:Text}
  363. {block:Title}<h1>{Title}</h1>{/block:Title}
  364. {Body}
  365. {/block:Text}
  366.  
  367. {block:Photo}
  368. <div class="images"><img src="{PhotoURL-500}"></div>
  369. {block:Caption}<div class="caption">{Caption}</div>
  370. {/block:Caption}
  371. {/block:Photo}
  372.  
  373. {block:Photoset}
  374. <div class="images">{Photoset-500}</div>
  375. {block:Caption}<div class="caption">{Caption}</div>
  376. {/block:Caption}
  377. {/block:Photoset}
  378.  
  379. {block:Quote}
  380. <div class="quote">{Quote}</div>
  381. {block:Source}<blockquote>{Source}</blockquote>
  382. {/block:Source}
  383. {/block:Quote}
  384.  
  385. {block:Link}
  386. <h1><a href="{URL}">{Name} →</a></h1>
  387. {block:Description}<blockquote>{Description}</blockquote>
  388. {/block:Description}
  389. {/block:Link}
  390.  
  391. {block:Chat}
  392. {block:Title}<h1>{Title}</h1>{/block:Title}
  393. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label}
  394. {Line}<br>{/block:Lines}
  395. {/block:Chat}
  396.  
  397. {block:Video}
  398. {Video-500}
  399. {block:Caption}<div class="caption">{Caption}</div>
  400. {/block:Caption}
  401. {/block:Video}
  402.  
  403. {block:Answer}
  404. <div class="question">{Asker}
  405. asked: {Question}
  406. </div><p/>
  407. <div class="answer">{Answer}</div>
  408. {/block:Answer}
  409.  
  410. {block:Audio}
  411. {block:AlbumArt}
  412. <div class="albumart"><img src="{AlbumArtURL}"></div>
  413. {/block:AlbumArt}
  414. <div class="player">{block:AudioPlayer}{AudioPlayerWhite}
  415. {/block:AudioPlayer}</div><div class="block"></div>
  416. <div class="audioinfo">
  417. <div class="ai">{block:Artist}{Artist}{/block:Artist}<br></div>
  418. <div class="ai">{block:Album}{Album}{/block:Album}<br></div>
  419. <div class="ai">{block:TrackName}{TrackName}{/block:TrackName}</div>
  420. </div>
  421. {block:Caption}<div class="caption">{Caption}</div>
  422. {/block:Caption}
  423. {/block:Audio}
  424.  
  425. <div class="info">
  426. <a href="{Permalink}">{block:Date}{TimeAgo}{/block:Date}
  427. {block:NoteCount} with {NoteCountWithLabel}
  428. {/block:NoteCount}
  429. {block:ContentSource}</a>| <a href="{SourceURL}">
  430. © {SourceTitle}{/block:ContentSource} </a>
  431. <span style="display:none;">{block:RebloggedFrom}
  432. {ReblogParentName}{/block:RebloggedFrom}</span>
  433. </div>
  434.  
  435. {block:PostNotes}{PostNotes}{/block:PostNotes}
  436.  
  437. </div>{/block:Posts}</div>
  438.  
  439. <div id="text">
  440. <a href="http://winterdreaming.tumblr.com">theme</a>
  441. </div>
  442.  
  443. </div>
  444. </body>
  445.  
  446. <html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement