Advertisement
enemylinnes

Theme 21 - Morningsuns

Nov 17th, 2012
499
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.27 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <!-- Theme created by Sheila ( quietss.tumblr.com ) DON'T STEAL OR USE THIS AS A BASE CODE. FEEL FREE FOR EDIT IT AND ASK ME ANY DOUBT!
  4. -->
  5. <head>
  6. <!-- DEFAULT VARIABLES -->
  7. <meta name="color:Background" content ="#fdfeff"/>
  8. <meta name="color:Scrollbar" content= "#eee4cd"/>
  9. <meta name="font:Text" content="Helvetica"/>
  10. <meta name="color:Text" content="#e9ded6"/>
  11. <meta name="color:Link" content=”"#e0d6c5"/>
  12. <meta name="color:Link Hover" content="#dfd3c0"/>
  13. <meta name="image:Sidebar" content=""/>
  14. <meta name="color:Info" content="#ebddce"/>
  15. <meta name="text:link1" content="link 1" />
  16. <meta name="text:url1" content="/" />
  17. <meta name="text:link2" content="link 2" />
  18. <meta name="text:url2" content="/" />
  19. <meta name="text:link3" content="link3"/>
  20. <meta name="text:url3" content="/"/>
  21. <meta name="text:link4" content="link 4" />
  22. <meta name="text:url4" content="/" />
  23. <meta name="text:link5" content="link 5" />
  24. <meta name="text:url5" content="/" />
  25. <meta name="text:link6" content="link 6" />
  26. <meta name="text:url6" content="/" />
  27. <meta name="text:link7" content="link7"/>
  28. <meta name="text:url7" content="/"/>
  29.  
  30. <script type='text/javascript'>
  31. /*Mensaje que puedes personalizar*/ var mensajeerror = "Oops!"; if(document.layers) window.captureEvents(Event.MOUSEDOWN); function bloquear(e){
  32. if (navigator.appName == 'Netscape' && ( e.which == 2 || e.which == 3)) { alert(mensajeerror);return false; }
  33. if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 2 || event.button == 3)) {
  34. alert(mensajeerror);return false; }} window.onmousedown=bloquear; document.onmousedown=bloquear; </script>
  35.  
  36. <link href='http://fonts.googleapis.com/css?family=Oleo Script' rel='stylesheet' type='text/css'>
  37.  
  38. <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
  39.  
  40. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
  41.  
  42. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  43. <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  44. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  45. <link rel="shortcut icon" href="{Favicon}" />
  46. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  47. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  48. <style type="text/css">
  49. body {
  50. background-color: {color:Background};
  51. background-image: {image:Background};
  52. font-family: calibri;
  53. font-size: 10px;
  54. color: {color:Text};}
  55. a, a:active, a:visited {color: {color:Link};
  56. font-weight: none;
  57. text-decoration: none;
  58. -webkit-transition: all 0.4s ease-out;
  59. -o-transition: all 0.4s ease-out;
  60. -webkit-transition: all 0.4s ease-out;
  61. -moz-transition: all 0.4s ease-out;}
  62. a:hover {
  63. color: {color:Link Hover};}
  64. a img {
  65. border: 0px;}
  66. blockquote {
  67. padding: 0px;
  68. padding-left:5px;
  69. border-left: 3px solid {color:Link Hover};
  70. margin:5px;
  71. }
  72. p{
  73. margin-top:5px;
  74. margin-bottom:5px
  75. }
  76. small{font-size:9px}
  77. big{font-size:14px}
  78. hr{border:1px solid;
  79. border-color:{color:info};}
  80. h1 {
  81. font-size: 20px;
  82. margin: 5px;
  83. }
  84. b, strong{color:{color:Link Hover}}
  85. i, em {color:{color:text}}
  86.  
  87. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:30px;}
  88. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:10px!important;}
  89. ::-webkit-scrollbar {background-color:{color:background}; height:6px; width:6px}
  90.  
  91. #entries {margin-left:450px; margin-top:25px; max-width:510px;}
  92.  
  93. #posts{margin-bottom:10px;
  94. overflow:hidden;
  95. padding:5px;
  96. background-color:transparent;}
  97.  
  98. #posts:hover #info {opacity:1; display:block;
  99. margin-top:0px;}
  100.  
  101. #image img {
  102. margin-left:0px;
  103. margin-top:4px;
  104. max-width:140px;
  105. height:auto;
  106. border:1px solid {color:info};}
  107.  
  108. #container {width:150px;
  109. height:150px;
  110. margin-left:55px;
  111. margin-top:3px;
  112. z-index:0;
  113. background-color:{color:background};
  114. border:1px solid {color:info};}
  115.  
  116. #image {width:150px;
  117. height:150px;
  118. margin-top:0px;
  119. margin-left:0px;
  120. background-color:transparent;
  121. opacity:1;
  122. -webkit-transition:all 0.8s ease-out;
  123. -o-transition:all 0.5s ease-out;
  124. -moz-transition:all 0.5s ease-out;
  125. -ms-transition:all 0.5s ease-out;}
  126.  
  127.  
  128. #sidebar {
  129. max-width:150px;
  130. padding:6px;
  131. font-size:10px;
  132. text-align:center;
  133. font-family:cambria;
  134. margin-left:180px;
  135. letter-spacing:0px;
  136. line-height:10px;
  137. margin-top:230px;
  138. position:fixed;
  139. overflow:visible;
  140. background-color:transparent;
  141. z-index: 100;}
  142.  
  143. #description {text-align:center;
  144. margin-top:0px;
  145. margin-left:58px;
  146. font-style:italic;
  147. padding:2px;
  148. opacity:1;
  149. width:140px;
  150. position:fixed;
  151. background-color:transparent;
  152. z-index:0;
  153. -webkit-transition:all 0.8s ease-out;
  154. -o-transition:all 0.5s ease-out;
  155. -moz-transition:all 0.5s ease-out;
  156. -ms-transition:all 0.5s ease-out;}
  157.  
  158. #nav{text-align:center;
  159. width:99px;
  160. height:50px;
  161. margin-left:25px;
  162. margin-top:-100px;
  163. opacity:0;
  164. z-index:-50px;
  165. position:fixed;
  166. background-color:{color:background};
  167. -webkit-transition:all 0.8s ease-out;
  168. -o-transition:all 0.8s ease-out;
  169. -moz-transition:all 0.8s ease-out;
  170. -ms-transition:all 0.8s ease-out;}
  171.  
  172. #container:hover #nav {opacity:1;
  173. margin-left:-105px;}
  174.  
  175.  
  176. #title {font-family:Open Sans Condensed;
  177. text-align:center;
  178. font-size:22px;
  179. color:{color:text};}
  180.  
  181. #title2 {font-family:Open Sans Condensed;
  182. text-align:center;
  183. font-size:15px;
  184. margin-top:-88px;
  185. margin-left:120px;
  186. border-bottom:1px solid {color:info};
  187. padding:2px;
  188. width:150px;
  189. z-index:100;}
  190.  
  191.  
  192. #links {text-align:center;
  193. font-family:calibri;
  194. width:20px;
  195. padding:2px;
  196. margin-left:-2px;
  197. margin-top:1px;
  198. letter-spacing:1px;
  199. position:fixed;
  200. text-transform: uppercase;}
  201.  
  202. #links a {padding:2px;}
  203.  
  204. #links a:hover {color:white;
  205. background-color:{color:Link Hover};}
  206.  
  207. #links2 {text-align:center;
  208. font-family:calibri;
  209. width:20px;
  210. padding:2px;
  211. margin-left:33px;
  212. margin-top:1px;
  213. letter-spacing:1px;
  214. position:fixed;
  215. text-transform: uppercase;}
  216.  
  217. #links2 a {padding:2px;}
  218.  
  219. #links2 a:hover {color:white;
  220. background-color:{color:Link Hover};}
  221.  
  222. #links3 {text-align:center;
  223. font-family:calibri;
  224. width:20px;
  225. padding:2px;
  226. margin-left:66px;
  227. margin-top:1px;
  228. letter-spacing:1px;
  229. position:fixed;
  230. text-transform: uppercase;}
  231.  
  232. #links3 a {padding:2px;}
  233.  
  234. #links3 a:hover {color:white;
  235. background-color:{color:Link Hover};}
  236.  
  237. #links4 {text-align:center;
  238. font-family:calibri;
  239. width:20px;
  240. padding:2px;
  241. margin-left:-2px;
  242. margin-top:18px;
  243. letter-spacing:1px;
  244. position:fixed;
  245. text-transform: uppercase;}
  246.  
  247. #links4 a {padding:2px;}
  248.  
  249. #links4 a:hover {color:white;
  250. background-color:{color:Link Hover};}
  251.  
  252. #links5 {text-align:center;
  253. font-family:calibri;
  254. width:20px;
  255. padding:2px;
  256. margin-left:32px;
  257. margin-top:18px;
  258. letter-spacing:1px;
  259. position:fixed;
  260. text-transform: uppercase;}
  261.  
  262. #links5 a {padding:2px;}
  263.  
  264. #links5 a:hover {color:white;
  265. background-color:{color:Link Hover};}
  266.  
  267. #links6 {text-align:center;
  268. font-family:calibri;
  269. width:20px;
  270. padding:2px;
  271. margin-left:64px;
  272. margin-top:18px;
  273. letter-spacing:1px;
  274. position:fixed;
  275. text-transform: uppercase;}
  276.  
  277. #links6 a {padding:2px;}
  278.  
  279. #links6 a:hover {color:white;
  280. background-color:{color:Link Hover};}
  281.  
  282. .pagination{
  283. background-color:transparent;
  284. width:170px;
  285. font-family:cambria;
  286. font-style:italic;
  287. color:{color:Link};
  288. margin-top:5px;
  289. margin-left:-10px;
  290. height:5px;
  291. text-align:right;
  292. text-transform:lowercase;
  293. font-size:10px;
  294. color:{color:text};}
  295.  
  296. #info{text-align:left;
  297. font-family:calibri;
  298. width:504px;
  299. margin-top:-8px;
  300. height:auto;
  301. padding:3px;
  302. letter-spacing:1px;
  303. font-size:10px;
  304. text-transform:lowercase;
  305. border-top:1px solid {color:info};
  306. background-color:transparent;}
  307.  
  308. #questions {
  309. display:block;
  310. max-width:450px;
  311. margin-left:40px;
  312. margin-top:-24px;
  313. padding:5px;
  314. font-size:12px;
  315. color:{color:text};
  316. background-color:{color:info};}
  317.  
  318. #line {height:24px;
  319. display:block;
  320. width:3px;
  321. margin-left:31px;
  322. margin-top:-26px;
  323. background-color:{color:info};}
  324.  
  325. #potrait img {display:block;
  326. max-width:24px;
  327. max-height:24px;
  328. border:3px solid;
  329. border-color:{color:info};}
  330.  
  331. #asker {margin-top:5px;
  332. text-align:center;
  333. margin-left:0px;
  334. font-size:10px;
  335. font-weight:bold;
  336. max-width:500px;
  337. text-transform:uppercase;}
  338.  
  339. .quote {
  340. font-family: Open Sans Condensed;
  341. font-size: 22px;
  342. color: {color:link hover};
  343. }
  344.  
  345. .audio {
  346. height:60px;
  347. padding:5px;
  348. margin-bottom:5px; }
  349.  
  350. .audioalbum {
  351. border:2px solid {color:info};
  352. position:absolute;
  353. width:60px; }
  354.  
  355. .audioplayer {
  356. opacity:0.5;
  357. width:25px;
  358. height:25px;
  359. overflow:hidden;
  360. position:absolute;
  361. z-index:100;
  362. margin-left:19px;
  363. margin-top:19px;
  364. -webkit-transition: all 0.5s ease-out;
  365. -o-transition: all 0.5s ease-out;
  366. -webkit-transition: all 0.5s ease-out;
  367. -moz-transition: all 0.5s ease-out;}
  368.  
  369. .audioplayer:hover {opacity:0.8;}
  370.  
  371. .audioinfo {
  372. margin-top:10px;
  373. margin-left:75px;
  374. border-left:2px solid {color:info};
  375. padding-left:5px; }
  376.  
  377.  
  378.  
  379. .source {font-size:11px;
  380. color: {color:text};
  381. margin-left: 35px;}
  382.  
  383. .link {
  384. font-family:Open Sans Condensed;
  385. font-size:22px;
  386. background-color: transparent;
  387. color: {color:link};
  388. padding: 5px;
  389. font-weight: normal;
  390. -webkit-transition: all 0.5s ease-out;
  391. -o-transition: all 0.5s ease-out;
  392. -webkit-transition: all 0.5s ease-out;
  393. -moz-transition: all 0.5s ease-out;}
  394.  
  395. .link:hover {
  396. color: {color:Link Hover};}
  397. ul.chat {
  398. margin: 0px;
  399. padding: 0px;}
  400.  
  401. .chat li {
  402. list-style-type: none;
  403. margin-left: 0px;
  404. padding: 3px;}
  405.  
  406. .chat li.odd {
  407. background-color: transparent;
  408. margin-bottom: 1px;
  409. color:{color:Link};
  410. max-width:500px;
  411. border:1px solid {color:info};}
  412.  
  413. .chat li.even {
  414. background-color: transparent;
  415. margin-bottom: 5px;
  416. color: {color:Link Hover};
  417. max-width:500px;
  418. border:1px solid {color:info};}
  419.  
  420. .label {
  421. padding:2px;
  422. font-size:11px;
  423. font-family:calibri;
  424. font-weight: bold;
  425. letter-spacing:0px;
  426. }
  427.  
  428. #credit {font-size:11px;
  429. font-family:Open Sans Condensed;
  430. font-weight:bold;
  431. text-transform:uppercase;
  432. bottom:10px;
  433. right:10px;
  434. position:fixed;}
  435.  
  436. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  437. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  438.  
  439.  
  440. </style>
  441.  
  442. </head>
  443. <body>
  444. <div id="sidebar">
  445. <div id="container">
  446. <div id="image"><img src="{image:Sidebar}"></div>
  447. <div id="nav"><div id="links">
  448. <a href="/">home</a></div>
  449. <div id="links2"><a href="/faq">mssg</a></div>
  450. <div id="links3">{block:ifLink1}<a href="{text:url1}">{text:link1}</a>{/block:ifLink1}</div>
  451. <div id="links4">{block:ifLink2}<a href="{text:url2}">{text:link2}</a>{/block:ifLink2}</div>
  452. <div id="links5">{block:ifLink3}<a href="{text:url3}">{text:link3}</a>{/block:ifLink3}</div>
  453. <div id="links6">{block:ifLink4}<a href="{text:url4}">{text:link4}</a>{/block:ifLink4}</div><div style="margin-top:17px;">
  454. <div id="links4">{block:ifLink5}<a href="{text:url5}">{text:link5}</a>{/block:ifLink5}</div>
  455. <div id="links5">{block:ifLink6}<a href="{text:url6}">{text:link6}</a>{/block:ifLink6}</div>
  456. <div id="links6">{block:ifLink7}<a href="{text:url7}">{text:link7}</a>{/block:ifLink7}</div></div>
  457. </div>
  458. </div>
  459. <div id="description">
  460. {block:Description}{Description}{/block:Description}
  461. <div class="pagination"> {block:Pagination}
  462. {block:PreviousPage}
  463. <a href="{PreviousPage}">&laquo;</a>
  464. {/block:PreviousPage}
  465. {CurrentPage} of {TotalPages}
  466. {block:NextPage}
  467. <a href="{NextPage}">&raquo;</a>
  468. {/block:NextPage}
  469. {/block:Pagination}</div>
  470. </div>
  471. </div>
  472. </div>
  473.  
  474. <div id="entries">
  475. {block:Posts}
  476. <div id="posts">
  477.  
  478. {block:Text}
  479. <div class="post">
  480. {block:Title}<div id="title">{Title}</div>
  481. {/block:Title}{Body}</div>
  482. {/block:Text}
  483.  
  484. {block:Photo}
  485. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  486. {block:Caption}{Caption}{/block:Caption}
  487. {/block:Photo}
  488.  
  489. {block:Photoset}
  490. <center>{Photoset-500}</center>
  491. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  492.  
  493. {block:Quote}
  494. <div class="quote"><font size="6">&ldquo;</font>{Quote}<font size="6">&#8221;</font>{block:Source}<div class="source">&#8212;{Source}</div>{/block:Source}</div>{/block:Quote}
  495.  
  496. {block:Link}<div class="post"><center><a href="{URL}" class="link" {Target}>{Name}</a></center></div>{block:Description}{Description}{/block:Description}{/block:Link}
  497.  
  498.  
  499. {block:Chat}<div class="post">{block:Title}<div id="title">{Title}</div>{/block:Title}<ul class="chat">{block:Lines}<li class="{Alt} user_{UserNumber}">{block:Label}<span class="label">{Label}{/block:Label}{Line}</li> {/block:Lines}</ul></div><br>{/block:Chat}
  500.  
  501. {block:Audio}
  502. <div class="audio">{block:AlbumArt}<img class="audioalbum" src="{AlbumArtURL}">{/block:AlbumArt}
  503. <div class="audioplayer">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  504.  
  505. <div class="audioinfo">
  506. {block:TrackName}<b>Title:</b> {TrackName}<br>{/block:TrackName}
  507. {block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist}
  508. {block:Album}<b>Album:</b> {Album}<br>{/block:Album}
  509. </div></div>
  510. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  511. {/block:Audio}
  512.  
  513. {block:Video}
  514. {Video-500}{block:Caption}{Caption} {/block:Caption} {/block:Video}
  515.  
  516. {block:Answer}<div id="potrait"><img src="{AskerPortraitURL-24}"></div>
  517. <div id="line"></div>
  518. <div id="questions">{Question}</div><div id="asker"><hr>{Asker}</div>
  519. <div class="answer">{Answer}</div>{/block:Answer}</div>
  520.  
  521. <div id="info">{block:Date}Posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  522. <div style="float:right"><a href="{ReblogURL}" target="_blank" >REBLOG</a> - {block:RebloggedFrom}vía <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">{ReblogParentName}</a> - {/block:RebloggedFrom}{block:ContentSource} <a href="{SourceURL}">©</a>{/block:ContentSource}</div>
  523. <br><div style="font-size:10px; margin-top:2px; width:504px; margin-left:-2px; letter-spacing:0px; padding-left:5px; border-top:1px solid {color:info};">{block:HasTags}{block:Tags}# <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  524. </div></div>
  525. <br>
  526.  
  527. {block:PostNotes}{PostNotes} {/block:PostNotes}
  528. {/block:Posts}</div>
  529. <div id="credit"><a href="http://quietss.tumblr.com"><big>Q</big>uietss</a></div>
  530. </body>
  531. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement