Advertisement
Notlikeamovie

Theme #009

Dec 4th, 2011
26,706
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.57 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.  
  4. <!-- theme #009
  5. made by maraudersmaps.tumblr.com. Do not redistribute or use as a base for other themes -->
  6.  
  7. <head>
  8. <!-- DEFAULT VARIABLES -->
  9.  
  10. <meta name="image:Sidebar" content=""/>
  11. <meta name="image:Background" content=""/>
  12.  
  13. <meta name="font:Body" content="Calibri" />
  14. <meta name="font:Sidebar" content="Georgia" />
  15.  
  16. <meta name="if:Show Link 1" content="0" />
  17. <meta name="if:Show Link 2" content="0" />
  18. <meta name="if:Show Link 3" content="0" />
  19.  
  20. <meta name="text:Link 1 Url" content="http://" />
  21. <meta name="text:Link 1 Name" content="Link 1" />
  22. <meta name="text:Link 2 Url" content="http://" />
  23. <meta name="text:Link 2 Name" content="Link 2" />
  24. <meta name="text:Link 3 Url" content="http://" />
  25. <meta name="text:Link 3 Name" content="Link 3" />
  26. <meta name="text:Font Size" content="16px" />
  27.  
  28. <meta name="color:Background" content="#f0ece6" />
  29. <meta name="color:Text" content="#B17E7E" />
  30. <meta name="color:Posts" content="#fafaf4" />
  31. <meta name="color:Title" content="#8A8383" />
  32. <meta name="color:Permalink" content="#886968" />
  33. <meta name="color:Quote" content="#644550" />
  34. <meta name="color:Source" content="#BDAB8D" />
  35. <meta name="color:Chat1" content="#F7F4ED" />
  36. <meta name="color:Chat2" content="#FCFCFC" />
  37. <meta name="color:Artist" content="#F7F4ED" />
  38. <meta name="color:tracks" content="#F5EeDe" />
  39. <meta name="color:album" content="#fff" />
  40. <meta name="color:ending" content="#F0EDE6" />
  41. <meta name="color:Bold" content="#635464" />
  42. <meta name="color:Italic" content="#746A68" />
  43. <meta name="color:Link" content="#CF8C71" />
  44. <meta name="color:Link Hover" content="#3D3836" />
  45. <meta name="color:Answer" content="#6B3C5A" />
  46. <meta name="color:Question Background" content="#C29C9C" />
  47. <meta name="color:Question Text" content="#fff" />
  48. <meta name="color:Sidebar" content="#fafaf4" />
  49. <meta name="color:Sidetitle" content="#D4CFC1" />
  50. <meta name="color:Sidebar Text" content="#C3C9C2" />
  51. <meta name="color:Border" content="#ffd7c7" />
  52. <meta name="color:Sidebar links" content="#e3dfd9" />
  53. <meta name="color:Scrollbar1" content="#f0ece6" />
  54. <meta name="color:Scrollbar2" content="#f3efe9" />
  55. <meta name="color:Scrollbar3" content="#c3bfb9" />
  56. <meta name="color:Scrollbar4" content="#fff" />
  57.  
  58.  
  59. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  60. <script src="http://code.jquery.com/jquery-latest.js"></script>
  61. <script>
  62. $(document).ready(function(){
  63.  
  64. $(".l2").click(function(){
  65. $(".desc").slideToggle("slow");
  66. $(this).toggleClass("active");
  67. });
  68.  
  69. });
  70. </script>
  71.  
  72.  
  73.  
  74. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic' rel='stylesheet' type='text/css'>
  75.  
  76. <link href='http://fonts.googleapis.com/css?family=Amaranth' rel='stylesheet' type='text/css'>
  77.  
  78. <link href='http://fonts.googleapis.com/css?family=Mate:400italic' rel='stylesheet' type='text/css'>
  79.  
  80. <link href='http://fonts.googleapis.com/css?family=Rosario:400,400italic' rel='stylesheet' type='text/css'>
  81.  
  82. <link href='http://fonts.googleapis.com/css?family=Poly:400italic' rel='stylesheet' type='text/css'>
  83.  
  84. <title>{Title}</title>
  85. <link rel="shortcut icon" href="{Favicon}">
  86. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  87. {block:Description}
  88. <meta name="description" content="{MetaDescription}" />
  89. {/block:Description}
  90.  
  91.  
  92. <style type="text/css">
  93.  
  94.  
  95.  
  96.  
  97. ::-webkit-scrollbar {width: 10px; height:auto; background:{color:scrollbar1};}
  98.  
  99. ::-webkit-scrollbar-corner {background:{color:scrollbar2};}
  100.  
  101. ::-webkit-scrollbar-button:vertical {height:4px; display: block; background:{color:scrollbar3};}
  102.  
  103. ::-webkit-scrollbar-button:horizontal { width: 7px; height: 4px; display: block; background:{color:scrollbar3};}
  104.  
  105. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar3}; border-top: 1px solid {color:scrollbar1}; border-bottom: 1px solid {color:scrollbar1};}
  106.  
  107. ::-webkit-scrollbar-thumb:horizontal {background: {color:scrollbar1};border: 0px solid {color:scrollbar1};}
  108.  
  109. ::-webkit-scrollbar-thumb {background: {color:scrollbar3}; border-top: 0pt solid {color:scrollbar1}; border-bottom: 0pt solid {color:scrollbar1};}
  110.  
  111. ::-webkit-scrollbar-thumb:hover {background: {color:scrollbar3}; cursor:url(http://i53.tinypic.com/zycxmw.png), auto; }
  112.  
  113. ::-webkit-scrollbar-track-piece {background: {color:scrollbar1}; border-top: 1pt solid {color:scrollbar4}; border-bottom: 1pt solid {color:scrollbar4}; width:4pt;}
  114.  
  115.  
  116.  
  117.  
  118.  
  119.  
  120. iframe#tumblr_controls {
  121. top:0px !important;
  122. right:3px !important;
  123. position: fixed !important;
  124. -webkit-transition: opacity 0.7s linear;
  125. opacity: 0.4;
  126. -webkit-transition: all 0.8s ease-out;
  127. -moz-transition: all 0.8s ease-out;
  128. transition: all 0.8s ease-out;}
  129.  
  130. iframe#tumblr_controls:hover{
  131. -webkit-transition: opacity 0.7s linear;
  132. opacity: 1;
  133. -webkit-transition: all 0.4s ease-out;
  134. -moz-transition: all 0.4s ease-out;
  135. transition: all 0.4s ease-out;}
  136.  
  137. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  138.  
  139.  
  140. body {background-color:{color:background}; background-image: url('{image:background}'); color:{color:text}; font-family: calibri; font-size:11px; background-attachment:fixed; background-repeat:no-repeat; text-align:justify; }
  141.  
  142. #content {width:730px; margin:auto; float:left;}
  143.  
  144. #side {width:276px;padding:0px!important;left:703px; position:fixed; float:right; bottom:189px!important; z-index:0;}
  145. #sidebar {width:306px; background-color:#trans;}
  146.  
  147. #sidecontent {width:272px; margin-top:0px!important; margin:auto; padding:0px;}
  148.  
  149. #sidepics { width:271px; padding:0px; margin:auto; margin-bottom:02px!important; margin-left:-2px!important;}
  150. #sidepics img { padding:3px; background-color:{color:Sidebar}; width:270px; overflow:hidden;}
  151.  
  152. #description {padding:1px 5px 2px 5px; color:{color:sidebar text}; font:10px {font:sidebar}; text-transform: none; margin-bottom:0px; background-color:{color:sidebar}; width:266px; margin-left:-02px; margin-top:1px; margin-bottom:1px; font-style:italic; text-align:center; -moz-transition: background-color .4s ease-in-out; -o-transition: background-color .4s ease-in-out; transition: background-color .4s ease-in-out; -webkit-transition: background-color .4s ease-in-out;}
  153.  
  154. #description a.l2 {color:{color:sidebar links}!important; text-transform:lowercase!important; -moz-transition: background-color .4s ease-in-out; -o-transition: background-color .4s ease-in-out; transition: background-color .4s ease-in-out; -webkit-transition: background-color .4s ease-in-out;}
  155.  
  156. #description:hover {border-bottom:2px solid {color:border}; padding:1px 5px 0px 5px; background-color:{color:link hover};}
  157. #description:hover a {color:{color:sidebar}!important;}
  158.  
  159. .desc {padding:2px; text-align:center; background-color:{color:sidebar}; display:none; margin:0px; max-height:120px; overflow-x:hidden; overflow-y:auto; text-align:justify; text-transform:none; letter-spacing:0px; margin:-1px -5px -0px -5px; border-top:1px solid {color:border}; color:{color:sidebar text}; font:10px calibri; font-style:none;}
  160.  
  161. #titleblog {width:272px; border-bottom:2px solid {color:sidebar}; font:{text:font size} poly; font-style:italic; padding:0px 2px 0px 2px; text-align:center; text-transform:lowercase; margin:0px 0px 3px 15px; color:{color:blogtitle}; font-weight:400;}
  162. #titleblog img {max-width:{text:font size}; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; -o-border-radius:50px; vertical-align:middle; margin-right:4px!important; margin:2px; }
  163. #titleblog a{ font:{text:font size} poly; font-style:italic; padding:0px 2px 0px 2px; text-align:center; text-transform:lowercase; color:{color:blogtitle};}
  164.  
  165. #compllinks {width:276px; display:block; text-align:center;; background-color:{color:sidebar}; margin:0px -2px; font-style:italic; color:{color:sidebar text};}
  166. #compllinks a{display:block; font:10px {font:sidebar}; text-transform:lowercase; padding:1px 0px 2px 0px; width:278px; margin-bottom:1px!important; font-style:italic; -moz-transition: background-color .4s ease-in-out; -o-transition: background-color .4s ease-in-out; transition: background-color .4s ease-in-out; -webkit-transition: background-color .4s ease-in-out; color:{color:sidebar links};}
  167. #compllinks a:hover {width:277px; border-bottom:2px solid {color:border}; padding:1px 0px 0px 0px; background-color:{color:link hover}; margin-right:-4px!important; color:{color:sidebar};}
  168. #compllinks a.l1 {display:inline;}
  169. #compllinks a.l1:hover {background-color:{color:sidebar}; border-bottom:0; padding:0px!important; margin-right:0px!important;}
  170.  
  171. #entries {width:510px; float:left; margin-left:165px; position:relative; z-index:999}
  172.  
  173. .entries {width:500px; padding:8px 8px 10px 8px; background-color:{color:Posts}; margin:0px 0px 15px 0px;}
  174.  
  175. #ending {width:498px; background-color:{color:posts};font-size:9px; font-family:calibri, {font:body}; text-transform:uppercase; text-align:center; margin-top:4px; margin-bottom:-3px; padding:1px 0px; color:{color:permalink}; line-height:92%; {block:PermalinkPage}display:none;{/block:PermalinkPage}; border-top:1px solid {color:ending};}
  176. #ending a{color:{color:permalink};}
  177.  
  178. #reblogs {display:none;}
  179.  
  180. .entries:hover #information {opacity:1;}
  181.  
  182. #information{position:absolute; font:10px calibri; text-transform:uppercase; color:{color:link}; margin-left:-174px; opacity:0; height:auto; width: 150px; padding:0px; margin-bottom:0px; margin-top:-08px; background-color:#trans; display:block; text-align:right; padding:2px; -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; border-right:4px solid {color:border};}
  183. #information a{text-transform:lowercase; color:{color:permalink}; font-style:italic;}
  184. #information a:hover {color:{color:sidetitle};}
  185. #information a:link, #information a:active, #information a:visited {font-weight:normal; width:150px; font-size:10px; font-family:{font:Body}; color:{color:permalink}; padding:2px; background-color:#transp; display:inline;}
  186.  
  187. .tagtitle {border-top:0px solid {color:posts}; width:150px; font-size:10px; text-align:right!important;}
  188.  
  189. #title { border-bottom: 2px {color:background} solid; width:500px;}
  190. .texttitle {font-size:12px; font-family: {font:Body}; margin:0px 0px -03px 0px; font-weight:normal; color: {color:title}; text-transform:uppercase; padding:2px 1px; text-align:center;}
  191. .texttitle a {font-size:12px; font-family: {font:Body}; margin:0px 0px -03px 0px; font-weight:normal; color: {color:title}; text-transform:uppercase; padding:2px 1px; text-align:center;}
  192.  
  193. .chat .line{
  194. font:9px {font:Body};
  195. background-color:{color:chat1};
  196. margin: 0 0 1px;
  197. padding: 2px;
  198. }
  199. .chat .line.odd{ background-color:{color:chat2};}
  200.  
  201. .label {font-weight:bold; color:{color:bold}}
  202.  
  203. blockquote {border-left:3px {color:body} solid; padding-left:3px; margin:0px 0px 0px 10px;}
  204. ul, li, ol {margin:0px 0px 0px 10px; color:{color:body}; padding-left:4px}
  205.  
  206. b, strong, .strong {color:{color:Bold};}
  207. i, em, .em {color:{color:Italic};}
  208.  
  209. a {color:{color:link}; text-decoration:none;}
  210.  
  211.  
  212. img a {border:0px color:{color:transparent};}
  213. a img {border:0px color#trans;}
  214.  
  215. .linkdescription {padding:0px; margin:0px; font:9px {font:Body};}
  216.  
  217.  
  218. .caption {margin:0px; padding:0px;}
  219.  
  220. .short_quote {font:17px Amaranth; background-color:#fff; height:auto; margin:0px; padding:6px; text-align:center; color:{color:quote};}
  221. .medium_quote {font:16px Amaranth; background-color:#fff; height:auto; margin:0px; padding:6px; text-align:center; color:{color:quote};}
  222. .long_quote {font:15px Amaranth; background-color:#fff; height:auto; margin:0px; padding:6px; text-align:center; color:{color:quote};}
  223.  
  224. .source {text-align:right; font-style:italic; font-weight:bold; font-size:10px; color:{color:source}; font-family:calibri;}
  225.  
  226. .audio {width:500px;}
  227.  
  228. #audio {
  229. width:494px;
  230. margin:0px 0px 2px 0px;
  231. padding:2px;
  232. background-color:#fff;}
  233.  
  234. .artist {
  235. width:450px!important;
  236. background-color:{color:artist};
  237. font:9px trebuchet ms;
  238. text-transform: uppercase;
  239. margin-bottom:1px;
  240. padding-top:-1px;
  241. text-align:center;
  242. height:17px;
  243. margin-left:-20px;}
  244.  
  245. .tracks {
  246. background-color:{color:tracks};
  247. font:9px trebuchet ms;
  248. text-transform: uppercase;
  249. margin-bottom:1px;
  250. text-align:center;
  251. height:17px;}
  252.  
  253. .album {
  254. background-color:{color:album};
  255. font:9px trebuchet ms;
  256. text-transform: uppercase;
  257. padding-bottom:-1px;
  258. text-align:center;
  259. height:15px!important;
  260. line-height:95%;}
  261.  
  262. .albumart {width:65px; margin-right:-50px;}
  263. .albumart img {margin:0px;}
  264.  
  265. #postnotes {display:block; margin-left:3px; width:500px;}
  266.  
  267.  
  268. .question {
  269. color:{color:question text};
  270. font-size: 9px;
  271. font-weight: normal;
  272. font-family: {font:body};
  273. line-height:95%;
  274. background: {color:question background};
  275. margin: 0 0 10px 0;
  276. padding: 10px 15px;
  277. position: relative;}
  278.  
  279. .questionarrow {
  280. width: 13px;
  281. height: 7px;
  282. font-size:30px;
  283. font-family:'trebuchet ms';
  284. position: absolute;
  285. color:{color:question background};
  286. bottom: -3.5px;
  287. left: 240px;}
  288.  
  289.  
  290. .asker {width:500px; text-align:left; text-transform:uppercase; color:{color:text};}
  291. .asker a {color:{color:text};}
  292. .asker img {float:left; margin-left:220px; vertical-align:top; margin-right:3px; max-height:15px;}
  293.  
  294. .answer {color:{color:answer};}
  295.  
  296. </style>
  297. </head>
  298.  
  299. <body>
  300. <div id="content">
  301.  
  302. <div id="side">
  303. <div id="titleblog"><a href="/">{Title}</a></div>
  304. <div id="sidebar">
  305. <div id="sidecontent">
  306. <div id="sidepics">
  307. <img src="{image:sidebar}">
  308. </div>
  309.  
  310. <div id="description">
  311. <a href="#" class="l2">About</a>
  312. <div class="desc">
  313. {Description}
  314. </div>
  315. </div>
  316. <div id="compllinks"><a href="/ask">ask</a></div>
  317. {block:IfShowLink1}<div id="compllinks"><a href="{text:Link 1 Url}" target="_blank">{text:Link 1 Name}</a></div>{/block:IfShowLink1}
  318. {block:IfShowLink2}<div id="compllinks"><a href="{text:Link 2 Url}" target="_blank">{text:Link 2 Name}</a></div>{/block:IfShowLink2}
  319. {block:IfShowLink3}<div id="compllinks"><a href="{text:Link 3 Url}" target="_blank">{text:Link 3 Name}</a></div>{/block:IfShowLink3}
  320. <div id="compllinks"><a href="http://maraudersthemes.tumblr.com" target="_blank">theme</a></div>
  321. {block:Pagination}<div id="compllinks">{block:PreviousPage}<a href="{PreviousPage}" class="l1">«</a>{/block:PreviousPage} {CurrentPage} of {TotalPages} {block:NextPage}<a href="{NextPage}" class="l1">»</a>{/block:NextPage}</div>{/block:Pagination}
  322. </div>
  323. </div>
  324.  
  325.  
  326. </div>
  327.  
  328. <div id="entries">
  329. {block:Posts}
  330. <div class="entries {block:Photo}photo{/block:Photo}{block:Quote}quote{/block:Quote}{block:Link}link{/block:Link}{block:Text}text{/block:Text}{block:Chat}chat{/block:Chat}{block:Audio}audio{/block:Audio}{block:Video}video{/block:Video}{block:Answer}answer{/block:Answer}">
  331.  
  332. {block:IndexPage}
  333.  
  334. {block:HasTags}
  335. <div id="information">
  336. tagged as<br>
  337. {block:Tags}<a href="{TagURL}" target="_blank"># {Tag}</a><br>{/block:Tags}
  338. {block:RebloggedFrom}
  339. <div class="tagtitle">
  340. via:<a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  341. source:<a href="{ReblogRootURL}">{ReblogRootName}</a>
  342. </div>
  343. {/block:RebloggedFrom}
  344. </div>
  345. {/block:HasTags}
  346. {/block:IndexPage}
  347.  
  348. {block:Text}
  349. <div id="title">
  350. {block:Title}
  351. <div class="texttitle"><a href="{Permalink}" target="_blank">{Title}</a></div>
  352. {/block:Title}
  353. </div>
  354. {Body}
  355. {/block:Text}
  356.  
  357. {block:Photo}
  358. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  359. {block:Caption}
  360. <div class="caption">{Caption}</div>
  361. {/block:Caption}
  362. {/block:Photo}
  363.  
  364. {block:Photoset}
  365. {Photoset-500}
  366. {block:Caption}
  367. <div class="caption">{Caption}</div>
  368. {/block:Caption}
  369. {/block:Photoset}
  370.  
  371. {block:Quote}
  372. <div class="{Length}_quote">
  373. "{Quote}"
  374. {block:Source}
  375. <div class="source">{Source}</div>
  376. {/block:Source}
  377. </div>
  378. {/block:Quote}
  379.  
  380. {block:Link}
  381. <div id="title"><div class="texttitle"><a href="{URL}" class="linkpost" target="_blank">{Name}</a></div></div>
  382. {block:Description}
  383. <div class="linkdescription">{Description}</div>
  384. {/block:Description}
  385. {/block:Link}
  386.  
  387. {block:Chat}
  388. {block:Title}
  389. <div id="title"><div class="texttitle">{Title}</div></div>
  390. {/block:Title}<br>
  391. <div class="chat">
  392. {block:Lines}<div class="chat"><div class="line {Alt}">
  393. <div class="{Alt} user_{UserNumber}">
  394. {block:Label}
  395. <span class="label"><b>{Label}</b></span>
  396. {/block:Label}
  397. {Line}</div>
  398. </div></div>
  399. {/block:Lines}
  400. </div>
  401. {/block:Chat}
  402.  
  403. {block:Video}
  404. {Video-500}
  405. {block:Caption}
  406. <div class="caption">{Caption}</div>
  407. {/block:Caption}
  408. {/block:Video}
  409.  
  410. {block:Audio}
  411. <div id=audio>{AudioPlayerWhite}</div>
  412. <div id="dataudio">
  413. {block:AlbumArt}
  414. <table class="audio">
  415. <tr>
  416. <td padding="0" rowspan="3" class="albumart">
  417. <img src="{AlbumArtURL}" width="64">
  418. </td>
  419. <td rowspan="1" class="artist">
  420. {block:Artist}
  421. {Artist}
  422. {/block:Artist}
  423. </td>
  424. </tr>
  425. <tr>
  426. <td rowspan="1" class="tracks">
  427. {block:TrackName}
  428. {TrackName}
  429. {/block:TrackName}
  430. </td>
  431. </tr>
  432. <tr>
  433. <td rowspan="1" class="album">
  434. {block:Album}
  435. {Album}
  436. {/block:Album}
  437. </td>
  438. </tr>
  439. </table>
  440. {/block:AlbumArt}
  441. </div>
  442. {block:Caption}
  443. <div class="reblogs">
  444. {Caption}
  445. </div>
  446. {/block:Caption}
  447. {/block:Audio}
  448.  
  449. {block:Answer}
  450. <div class="question">
  451. <div class="questionarrow">▼</div>
  452. {Question}
  453. </div>
  454. <div class="asker"><img src="{AskerPortraitURL-24}">{Asker}</div>
  455. <div class="answer">{Answer}</div>
  456. {/block:answer}
  457.  
  458. <div id="ending">
  459. {block:date}<a href="{Permalink}"> Posted {TimeAgo} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}.</a>&nbsp;{/block:date}
  460. </div>
  461.  
  462. </div>
  463.  
  464. {block:PermalinkPage}
  465. <center>
  466. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  467. {block:HasTags} tagged as: {block:Tags}<a href="{TagURL}" target="_blank">{Tag}. </a>{/block:Tags}<br>{/block:HasTags}
  468. {block:RebloggedFrom}reblogged from <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a><br> originally posted by <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>{/block:RebloggedFrom}
  469. </center>
  470. <br>
  471. {block:PostNotes}
  472. <div id="postnotes">{PostNotes}</div><br>
  473. {/block:PostNotes}
  474. {/block:PermalinkPage}
  475. {/block:Posts}
  476.  
  477. <div id=reblogs>{block:RebloggedFrom}<a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-24}"></a>→ reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>, {/block:RebloggedFrom}
  478. {block:ContentSource}originally from <a href="{SourceURL}">{SourceLink}</a><br>
  479. {/block:ContentSource}
  480. <a href="{Permalink}">→ {block:NoteCount}{NoteCount} notes, {/block:NoteCount}{block:Date}posted {TimeAgo}{/block:Date}</a></div><p><p>
  481.  
  482. </div>
  483. </body>
  484. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement