Advertisement
getnakedmiley

Morning Sun Theme

Oct 23rd, 2012
4,963
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.97 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- Morning Sun theme by SUNSGODOWN -->
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7.  
  8. <head>
  9.  
  10.  
  11. <meta name="color:bg" content="#FFFFFF">
  12. <meta name="color:link" content="#E6E4E4">
  13. <meta name="color:hover" content="#9A9A9A">
  14. <meta name="color:sbtext" content="#B9E6E3">
  15. <meta name="color:sbbg" content="#FFFFFF">
  16. <meta name="color:infobg" content="#FCFCFC">
  17. <meta name="color:text" content="#9A9A9A">
  18. <meta name="color:tags" content="#EDEDED">
  19. <meta name="color:scrollbar" content="#D6D5D5">
  20. <meta name="color:border" content="#F2F2F2">
  21.  
  22.  
  23. <meta name="image:sbimage" content=""/>
  24.  
  25. <meta name="text:link 1" content="">
  26. <meta name="text:link 1 url" content="/">
  27. <meta name="text:link 2" content="">
  28. <meta name="text:link 2 url" content="/">
  29. <meta name="text:link 3" content="">
  30. <meta name="text:link 3 url" content="/">
  31. <meta name="text:link 4" content="">
  32. <meta name="text:link 4 url" content="/">
  33. <meta name="text:link 5" content="">
  34. <meta name="text:link 5 url" content="/">
  35. <meta name="text:link 6" content="">
  36. <meta name="text:link 6 url" content="/">
  37.  
  38. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  39. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  40. <link rel="shortcut icon" href="{Favicon}" />
  41. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  42.  
  43. <style type="text/css">
  44.  
  45.  
  46. a {
  47. color:{color:link};
  48. text-decoration:none;
  49. -moz-transition-duration:0.5s;
  50. -webkit-transition-duration:0.5s;
  51. -o-transition-duration:0.5s;
  52. }
  53.  
  54. a:hover {
  55. color:{color:hover};
  56. }
  57.  
  58. ::-webkit-scrollbar {background-color:{color:infobg}; height:8px; width:8px}
  59. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  60. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  61.  
  62.  
  63. @font-face { font-family: "JE"; src: url('http://static.tumblr.com/qlfmldj/qj1mbm3qz/channel.ttf'); }
  64.  
  65. body {
  66. background-color:{color:bg};
  67. }
  68.  
  69.  
  70. h1 {
  71. font-family:calibri;
  72. font-size:10px;
  73. text-align:center;
  74. font-weight:normal;
  75. font-style:normal;
  76. line-height:120%;
  77. letter-spacing:1px;
  78. text-transform:uppercase;
  79. color:{color:text};
  80. }
  81.  
  82. h2 {
  83. font-family:cambria;
  84. font-size:15px;
  85. text-align:left;
  86. font-weight:normal;
  87. line-height:120%;
  88. font-style:italic;
  89. letter-spacing:-0.5px;
  90. color:{color:text};
  91. background-color:{color:infobg};
  92. padding:10px;
  93. border-top:1px solid {color:border};
  94. }
  95.  
  96. h3 {
  97. font-family:calibri;
  98. font-size:9px;
  99. text-align:center;
  100. font-weight:normal;
  101. font-style:normal;
  102. line-height:120%;
  103. letter-spacing:1px;
  104. text-transform:uppercase;
  105. color:{color:text};
  106. }
  107.  
  108. h4 {
  109. font-family:cambria;
  110. font-size:9px;
  111. text-align:center;
  112. font-weight:normal;
  113. font-style:normal;
  114. line-height:120%;
  115. letter-spacing:-0.5px;
  116. color:{color:link};
  117. }
  118.  
  119. blockquote {
  120. border-left:1px solid {color:text};
  121. padding-left:5px;
  122. margin:5px;
  123. }
  124.  
  125. #theme {
  126. background-color:{color:bg};
  127. width:820px;
  128. text-align: center;
  129. margin: 0 auto -12px auto;
  130. }
  131.  
  132. #sb {
  133. margin-left:525px;
  134. position:fixed;
  135. width:320px;
  136. margin-top:200px;
  137. }
  138.  
  139. #sbar {
  140. position:fixed;
  141. width:160px;
  142. z-index:92222;
  143. }
  144.  
  145. #sbar img{
  146. width:150px;
  147. opacity:1;
  148. -moz-transition-duration:0.8s;
  149. -webkit-transition-duration:0.8s;
  150. -o-transition-duration:0.8s;
  151. padding:5px;
  152. z-index:2;
  153. background-color:{color:bg};
  154. border: 1px solid {color:border};
  155. }
  156.  
  157.  
  158. .pagi {
  159. width:130px;
  160. position:fixed;
  161. border-top:1px dotted {color:border};
  162. text-align:right;
  163. font-family:calibri;
  164. font-size:8px;
  165. letter-spacing:0px;
  166. text-transform:uppercase;
  167. font-style:normal;
  168. margin-top:5px;
  169. padding:10px;
  170. padding-top:0px;
  171. }
  172.  
  173. .desc {
  174. position:fixed;
  175. font-family:calibri;
  176. font-size:8px;
  177. text-transform:uppercase;
  178. width:150px;
  179. height:auto;
  180. letter-spacing:0px;
  181. text-align:justify;
  182. color:{color:sbtext};
  183. padding:5px;
  184. padding-top:0px;
  185. }
  186.  
  187.  
  188. .links {
  189. position:fixed;
  190. margin-left:162px;
  191. margin-top:-75px;
  192. width:150px;
  193. font-family:calibri;
  194. font-size:8px;
  195. letter-spacing:0px;
  196. text-transform:uppercase;
  197. text-align:left;
  198. line-height:160%;
  199. -moz-transition-duration:0.4s;
  200. -webkit-transition-duration:0.4s;
  201. -o-transition-duration:0.4s;
  202. }
  203.  
  204. .links a{
  205. padding-left:10px;
  206. color:{color:text};
  207. border-left:0px solid {color:border};
  208. -moz-transition-duration:0.5s;
  209. -webkit-transition-duration:0.5s;
  210. -o-transition-duration:0.5s;
  211. }
  212.  
  213. .links a:hover{
  214. border-left:10px solid {color:border};
  215. color:{color:border};
  216. -moz-transition-duration:0.8s;
  217. -webkit-transition-duration:0.8s;
  218. -o-transition-duration:0.8s;
  219. }
  220.  
  221. #stuffcontainer {
  222. float:left;
  223. margin-top:75px;
  224. text-align:justify;
  225. background-color:{color:bg};
  226. font-family:cambria;
  227. color:{color:text};
  228. margin-bottom: 5%;
  229. }
  230.  
  231. #stuff {
  232. width:500px;
  233. margin-top:50px;
  234. text-align:justify;
  235. font-style:italic;
  236. font-size:11px;
  237. line-height:90%;
  238. letter-spacing:0.5px;
  239. color:{color:text};
  240. padding-bottom:15px;
  241. }
  242.  
  243. .caption {
  244. width:500px;
  245. text-align:justify;
  246. line-height:120%;
  247. }
  248.  
  249. .ask {
  250. padding:10px 20px 10px 20px;
  251. text-align:left;
  252. color:{color:text};
  253. background-color:{color:infobg};
  254. border-top: 1px solid {color:border};
  255. }
  256.  
  257. .ans {
  258. text-align:left;
  259. padding:10px 20px 10px 20px;
  260. color:{color:text};
  261. }
  262.  
  263. .audio {
  264. width:500px;
  265. height:160px;
  266. }
  267. .albumart {
  268. width:150px;
  269. height:150px;
  270. position:absolute;}
  271. .albumart img {
  272. width:150px;
  273. height:150px;
  274. float:left;}
  275. .playercontainer {
  276. display:block;
  277. width:150px;
  278. height:150px;
  279. background-color:#ffffff;
  280. position:absolute;
  281. }
  282. .player {
  283. margin-left:36px;
  284. margin-top:36px;
  285. width:25px;
  286. height:25px;
  287. overflow:hidden;
  288. background-color:white;
  289. }
  290.  
  291.  
  292. #postinfo {
  293. width:490px;
  294. text-transform:lowercase;
  295. font-family:cambria;
  296. font-style:italic;
  297. letter-spacing:0px;
  298. font-size: 9px;
  299. line-height:120%;
  300. color:{color:link};
  301. text-align:left;
  302. padding:5px;
  303. background-color:{color:infobg};
  304. border-bottom:1px dotted {color:border};
  305. -moz-transition-duration:0.5s;
  306. -webkit-transition-duration:0.5s;
  307. -o-transition-duration:0.5s;
  308. }
  309.  
  310. .notecount {
  311. width:150px;
  312. margin-left:350px;
  313. margin-top:-10px;
  314. position:absolute;
  315. text-align:right;
  316. }
  317.  
  318. .note {
  319. padding:0px 20px 0px 20px;
  320. background-color:{color:bg};
  321. text-transform:lowercase;
  322. font-family:cambria;
  323. text-align:left;
  324. letter-spacing:0px;
  325. font-size: 9px;
  326. line-height:120%;
  327. color:{color:link};
  328. }
  329.  
  330. .note li {
  331. list-style-type:none;
  332. padding:5px 25px 5px 25px;
  333. text-align:left;
  334. margin-left:-40px;
  335. }
  336.  
  337. .tags {
  338. position:absolute;
  339. color:{color:tags};
  340. font-family:calibri;
  341. letter-spacing:0px;
  342. font-size: 9px;
  343. text-align:left;
  344. }
  345.  
  346. .tags a {
  347. -moz-transition-duration:0.5s;
  348. -webkit-transition-duration:0.5s;
  349. -o-transition-duration:0.5s;
  350. }
  351.  
  352. .tags a:hover {
  353. -moz-transition-duration:0.5s;
  354. -webkit-transition-duration:0.5s;
  355. -o-transition-duration:0.5s;
  356. }
  357.  
  358. .audio {
  359. background-color:{color:bg};
  360. display:{color:bg};
  361. }
  362.  
  363. .audioinfo {
  364. background-color:{color:infobg};
  365. padding:10px;
  366. }
  367.  
  368. ul.chat, .chat ol, .chat li {
  369. list-style:none;
  370. margin:0px;
  371. padding:2px;
  372. }
  373.  
  374. .label {
  375. text-decoration:underline;
  376. font-weight:bold;
  377. background-color:{color:infobg};
  378. margin-right:5px;
  379. }
  380.  
  381. #cred {
  382. position:fixed;
  383. width:100px;
  384. font-family:calibri;
  385. font-size:10px;
  386. line-height:150%;
  387. right:-95px;
  388. bottom:10px;
  389. text-align:left;
  390. color:{color:text};
  391. background-color:{color:infobg};
  392. padding:5px;
  393. border:1px solid {color:border};
  394. -moz-transition-duration:0.5s;
  395. -webkit-transition-duration:0.5s;
  396. -o-transition-duration:0.5s;
  397. }
  398.  
  399. #cred:hover {
  400. right:-2px;
  401. -moz-transition-duration:0.5s;
  402. -webkit-transition-duration:0.5s;
  403. -o-transition-duration:0.5s;
  404. }
  405.  
  406.  
  407. </style>
  408.  
  409. </head>
  410. <body>
  411.  
  412. <div id="theme">
  413.  
  414. <div id="sb">
  415. <div id="sbar">
  416. <img src="{image:sbimage}">
  417. <div class="links">
  418. <a href="{text:link 1 url}">{text:link 1}</a><br>
  419. <a href="{text:link 2 url}">{text:link 2}</a><br>
  420. <a href="{text:link 3 url}">{text:link 3}</a><br>
  421. <a href="{text:link 4 url}">{text:link 4}</a><br>
  422. <a href="{text:link 5 url}">{text:link 5}</a><br>
  423. <a href="{text:link 6 url}">{text:link 6}</a>
  424. </div>
  425. <div class="desc">
  426. {Description}
  427. {block:Pagination}
  428. <div class="pagi">
  429. {block:PreviousPage}
  430. <a href="{PreviousPage}">prev</a>
  431. {/block:PreviousPage}
  432. {block:NextPage}
  433. <a href="{NextPage}">next</a>
  434. {/block:NextPage}
  435. </div>
  436. {/block:Pagination}
  437. </div>
  438. </div>
  439.  
  440. </div>
  441.  
  442.  
  443. <div id="stuffcontainer">
  444.  
  445.  
  446. {block:Posts}
  447. <div id="stuff">
  448.  
  449. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  450.  
  451. {block:Quote}<h2>“{Quote}”</h2><h1>— {Source}</h1>{/block:Quote}
  452.  
  453. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  454. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  455.  
  456. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  457.  
  458. {block:Photoset}<center>{Photoset-500}</center>
  459. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  460.  
  461. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  462.  
  463. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  464.  
  465. {block:Answer}<div class="ask"><big><big>❝</big></big>&nbsp;&nbsp;{Asker} asked: {Question}</div><div class="ans">{Answer}</div>{/block:answer}
  466.  
  467. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="100px" height="100px" align="left" style="margin-right:10px;" />{/block:AlbumArt}
  468. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  469. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  470. <br><span class="audio">{AudioPlayerblack}<br></span>
  471. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  472. </div>
  473.  
  474.  
  475. <div id="postinfo">
  476. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:RebloggedFrom} > <a href="{ReblogParentURL}">VIA</a> {/block:RebloggedFrom}
  477. {block:ContentSource} > <a href="{SourceURL}">SOURCE</a>{/block:ContentSource}{block:NoteCount} / <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  478. </div>
  479. <div class="tags">
  480. {block:HasTags}{block:Tags}x&nbsp;&nbsp;&nbsp;<a href="{TagURL}">{Tag}</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</div>
  481. <div class="note">
  482. {block:PostNotes}{PostNotes}{/block:PostNotes}
  483. </div>
  484. {/block:Posts}
  485.  
  486.  
  487. </div>
  488.  
  489. <div id="cred">©&nbsp;&nbsp;&nbsp;<a href="http://sunsgodownthemes.tumblr.com/">THEME</a></div>
  490. </div>
  491. </body>
  492. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement