API tools faq
paste
MarginalSide

Theme 63 - SuperMan

MarginalSide
Sep 23rd, 2012
306
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.29 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5.  
  6. <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
  7.  
  8.  
  9. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  10.  
  11. <head>
  12.  
  13. <!-- DEFAULT VARIABLES -->
  14. <meta name="color:background" content="#f1f1f1" />
  15. <meta name="color:text" content="#000000" />
  16. <meta name="color:post" content="#ffffff" />
  17. <meta name="color:scroll" content="000000" />
  18. <meta name="color:link" content="000000" />
  19. <meta name="color:links" content="#FFFFFF" />
  20. <meta name="color:bglinkshover" content="#8B8989" />
  21. <meta name="color:letrasidebar" content="#ffffff" />
  22. <meta name="color:linkbg" content="#ffffff" />
  23. <meta name="color:linktext" content="#ffffff" />
  24. <meta name="color:fundo" content="#000000" />
  25. <meta name="image:background" content="" />
  26.  
  27.  
  28. <meta name="image:sidebar" content="http://static.tumblr.com/co1psms/pm3marfsi/tumblr_m5fv9rtsfb1qgx97jo1_500_large.png"/>
  29.  
  30. <meta name="text:frase" content="" />
  31. <meta name="text:link1" content="/" />
  32. <meta name="text:Link1 Title" content="link" />
  33. <meta name="text:Link2" content="/" />
  34. <meta name="text:Link2 Title" content="link" />
  35. <meta name="text:Link3" content="/" />
  36. <meta name="text:Link3 Title" content="link" />
  37. <meta name="text:Link4" content="/" />
  38. <meta name="text:Link4 Title" content="link" />
  39. <meta name="text:Link5" content="/" />
  40. <meta name="text:Link5 Title" content="link5" />
  41.  
  42.  
  43. <title>{Title}</title>
  44. <link rel="shortcut icon" href="http://static.tumblr.com/agz7yft/b57m4t6kt/favicon__7_.ico">
  45. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  46. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  47. </head>
  48.  
  49.  
  50. <style type="text/css">
  51. body {background-color: {color:background}; font-family: verdana; color: {color:text}; text-align: center; font-size: 11px; background-image:url('{image:background}'); background-attachment: fixed; }
  52.  
  53. a {color: {color:link}; text-decoration: none; text-transform: none;}
  54. a:hover {color: {color:lhover}; background-color: transparent; text-decoration: none;}
  55.  
  56. p {margin: 6px 0 0 0}
  57.  
  58. blockquote {margin: 5px 5px 5px 5px; border-left: 6px solid {color:background}; padding-left: 5px; }
  59. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 5px solid {color:background};}
  60. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background}; }
  61. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:background}; }
  62.  
  63. blockquote img{max-width: 470px!important}
  64. blockquote blockquote img{max-width: 450px!important}
  65. blockquote blockquote blockquote img{max-width: 430px!important}
  66. blockquote blockquote blockquote blockquote img{max-width: 410px!important}
  67.  
  68.  
  69.  
  70. #container {text-align: center; width: 935px; margin: 20px auto 20px auto; padding: 0px; z-index: 1}
  71.  
  72. #entrydanay {float: left; margin-top: -70px; margin-left: 505px;}
  73.  
  74. .postsoftumblr {width: 400px; background-color: {color:post}; padding: 3px; margin-bottom: 1px; text-align: justify; font-family: verdana; font-size: 11px; position: relative;}
  75.  
  76. h1 {font-family: verdana; text-align: center; font-size: 14px; text-transform: uppercase; color: {color:text}; font-weight: normal; line-height: 18px;}
  77. h1 a {text-align: center; font-size: 16px; text-transform: uppercase; color: {color:text}; font-weight: normal; line-height: 18px;}
  78. h1 a:hover {text-align: center; font-size: 16px; text-transform: uppercase; color: {color:text}; font-weight: normal; line-height: 18px;}
  79.  
  80. .image {text-align: center; border: 0px}
  81. .image img {max-width: 500px; margin-bottom: -10px }
  82.  
  83. .pquote {font-family: tahoma; text-align: center; font-size: 10px; line-height: 15px; padding: 3px;}
  84. .pquotesource {text-align: right; text-transform: none; margin-bottom: 5px;}
  85. .pquotesource a, a:hover{text-transform: none;}
  86.  
  87. .chat {line-height: 13px; list-style: none }
  88. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  89. .person1 {color: {color:text}; padding: 2px; }
  90. .person1 .label {font-weight: bold; color:{color:text}}
  91. .person2 {color: {color:text}; padding: 2px; }
  92. .person2 .label {font-weight: bold; color:{color:text}}
  93.  
  94. .player {background-color: #fff; text-align: left; display:block;}
  95.  
  96. #asker {font-size: 11px; font-family: {font:text}; text-align: justify;}
  97. .answer {padding: 2px}
  98. .answer img {max-width: 470px;}
  99.  
  100.  
  101. #info {text-align: left; font-size: 9px; font-family: verdana; text-transform: lowercase; z-index: 11;}
  102. #info a {font-size: 9px;}
  103.  
  104. .tags {color: {color:text}; font-size: 9px; font-family: verdana; display: inline; list-style: none; text-transform: lowercase;}
  105. .tags a {font-size: 9px; color: verdana; display: inline; list-style: none; text-transform: lowercase;}
  106.  
  107. #cap {width: 500px; margin-top: -2px;}
  108. .source {display: none;}
  109.  
  110. .notes {width: 530px; padding: 0px; margin-top: 5px; margin-bottom: 1px; font-size: 9px; text-align: left}
  111. ol.notes {list-style: none; margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  112. ol.notes li {background-color: {color:post}; margin-bottom: 5px; padding: 5px; }
  113. .notes img{display: none; border:0px}
  114.  
  115. ::-webkit-scrollbar{width:5px;height:5px;}
  116. ::-webkit-scrollbar-button:start:decrement
  117. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:post;}
  118. ::-webkit-scrollbar-track-piece{background-color: {color:post}; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  119. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:scroll};-webkit-border-radius:px;}
  120.  
  121.  
  122.  
  123.  
  124.  
  125. #sideimg {display: block; margin-left: 202px; float: right; margin-top: 20px; width: auto; height: auto; background-color: transparent; position: fixed; z-index:30;}
  126. .simg1 img {width: 135px; height: 220px; margin-bottom: 2px; border: 4px solid {color:post};}
  127.  
  128.  
  129. #side {position: fixed; width:800px; margin-left:334px; margin-top:0px; z-index:100}
  130.  
  131.  
  132.  
  133. .photo {position:absolute; width:158px; padding:0px; background-color:{color:post}; overflow: hidden; -webkit-transition: all 0.6s ease; margin-top:24px; border:6px solid {color:post}; }
  134. .photo :hover {-webkit-filter: blur(2px)}
  135. .photo img {display: block;width:158px; height:240px; }
  136.  
  137.  
  138.  
  139.  
  140. .li {opacity: 1}
  141. .li2 {opacity: 0.8}
  142. .li3 {opacity: 0.6}
  143. .li4 {opacity: 0.8}
  144. .li5 {opacity: 1}
  145.  
  146.  
  147. @font-face {
  148. font-family: 'Give You Glory';
  149. font-style: normal;
  150. font-weight: norAmal;
  151. src: local('Give You Glory'), local('GiveYouGlory'), url('http://themes.googleusercontent.com/font?kit=DFEWZFgGmfseyIdGRJAxuJre1ArFO0nxyUXZnjCjpOg') format('woff');
  152. }
  153.  
  154.  
  155.  
  156. #textv {width:10px; height: 20px; margin-left:334px; margin-top:277px; position:fixed; color: {color:text}; background-color: {color:post}; z-index: 0; font-family: tahoma; font-size:9px;text-transform: none; border-left:0px solid; border-right:0px solid; z-index:0; padding:3px; width: 164px; height:115px; border: 0px solid {color:border};}
  157.  
  158.  
  159.  
  160. #descricao{position:fixed; width: 158px; height: 35px; font-size: 9px; font-family: verdana; padding: 6px;text-align: center;color: {color:letrasidebar}; background-color: {color:post}; margin-top: 18px; margin-left:195px; overflow:hidden;}
  161.  
  162. #paginal {font-family: verdana; font-size: 8px; text-align: center;}
  163. #paginal a {background: {color:fundo}; margin: 0 1px 0 0; padding: 2px 4px; color: {color:letrasidebar};}
  164. #paginal a:hover {background: {color:letrasidebar}; color: {color:fundo};}
  165. #paginal span.pagina_atual {background:{color:fundo}; margin: 0 1px 0 0; padding: 2px 4px;; color: {color:letrasidebar}; font-weight: bold; text-decoration: none;}
  166. .ps {position: fixed; margin-left: 195px; padding: 2px; width: 64px; height: auto; top: 530px; background-color: {color:fundo}; color: {color:letrasidebar};}
  167.  
  168. #credito {
  169. background-color: {color:fundo};
  170. color: {color:textdescription};
  171. width: 101px;
  172. height: 6px;
  173. padding: 3px 0px 5px 0px;
  174. position: fixed;
  175. float: left;
  176. top: 530px;
  177. left: 272px;
  178. font-family: tinytots;
  179. font-size: 8px;
  180. text-transform: uppercase;
  181. }
  182.  
  183.  
  184. #fraselinks {color: {color:text}; background-color: {color:POST}; border-top:0px solid {color:borderfrase}; margin-top:74px ; margin-left: 334px; position: fixed; width: 170px; font-family: trebuchet MS; font-size: 10px; text-transform: uppercase; line-height: 20px; }
  185.  
  186. .entry .permalink a{
  187. color:{color:link};
  188. }
  189.  
  190.  
  191.  
  192.  
  193.  
  194. .postsoftumblr a:hover {color:{link}}
  195.  
  196. .postsoftumblr .permalink{
  197. width:400px;
  198. height:15px;
  199. padding-right:2px;
  200. padding-left:4px;
  201. margin-top:-10px;
  202. padding-top:4px;
  203. position:absolute;
  204. text-align:center;
  205. font-family:verdana;
  206. line-height:10px;
  207. overflow:hidden;
  208. background-color:#000;
  209. margin-left:-3px;
  210. margin-top:-7px;
  211. z-index:1;
  212. opacity:0.0;
  213. -webkit-transition: all 0.3s linear;
  214. -moz-transition: all 0.3s linear;
  215. transition: all 0.3s linear;
  216. border-left:0px solid black;
  217. }
  218.  
  219. .postsoftumblr:hover .permalink{
  220. overflow:visible;
  221. border-left:15px solid #0000;
  222. -webkit-transition: opacity 0.3s linear; opacity:.8;
  223. -webkit-transition: all 0.3s linear;
  224. -moz-transition: all 0.3s linear;
  225. transition: all 0.3s linear;
  226. }
  227.  
  228. #permalink{
  229. text-align:right;
  230. font-family:pixel;
  231. position:relative;
  232. border-top:1px solid #e8e8e8;
  233. }
  234.  
  235. #credito a:hover {opacity: 0.7; border-left: 0px;}
  236. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  237.  
  238. #nf {
  239. margin-top:22px;
  240. margin-left: 190px;
  241. width:258px;
  242. position:fixed;
  243. background-color:{color:navigation};
  244. z-index:3;
  245. }
  246.  
  247.  
  248.  
  249.  
  250.  
  251.  
  252.  
  253.  
  254.  
  255. .daoravida {margin-left:334px; width:200px; margin-top:70px; height:23px; text-align:center; overflow:hidden; -webkit-transition: 1s ease-in; -moz-transition: 1s ease-in; transition: 1s ease-in; background-color:{color:sidebar};}
  256.  
  257. #titulo {font-size:9px; text-align:center; font-family:verdana; width:162px; -webkit-transition: 1s ease-in; -moz-transition: 1s ease-in; transition: 1s ease-in; padding:4px; position:fixed; height: 14px; line-height:11px; color:{color:text}; background-color:{color:post}; letter-spacing: 0px; margin-top: 1px; border-top: 0px solid {color:text}}
  258.  
  259. .daoravida:hover #titulo {-webkit-transition: 1s ease-in; -moz-transition: 1s ease-in; transition: 1s ease-in; margin-left:-530px;}
  260.  
  261. #linkspaulinho { margin-top:-70px;position:relative;TOP:2PX; width:162px; height: 14px; font-family: verdana; font-size:9px; padding:4px; text-align:center; -webkit-transition: .9s ease-in; -moz-transition: .9s ease-in; transition: .9s ease-in; background-color:{color:post}; color:{color:link} }
  262.  
  263. #linkspaulinho a { font-size:9px; font-family: verdana; color:{color:link};}
  264. #linkspaulinho a:hover {font-weight:bold}
  265.  
  266. .daoravida:hover #linkspaulinho {margin-top:-1px; -webkit-transition: .9s ease-in; -moz-transition: .9s ease-in; transition: .9s ease-in;}
  267.  
  268. .rotacao {
  269. border: 0px solid; color:{color:text};
  270. z-index:9;
  271.  
  272.  
  273.  
  274. }
  275.  
  276.  
  277.  
  278. #questions {background-color:#000; color: {color:text}; padding:1px; margin-bottom:0px; font-family: Verdana; font-size:9px}
  279. #questions a {color:{color:text}}
  280. #ans {font-family: Verdana; font-size:9px}
  281.  
  282.  
  283. #cassied {width: 25px; float: left; margin-left:306px; margin-top: -22px; padding: 0px; text-align: center; position: fixed; -moz-transition: opacity .7s ease-in-out; -o-transition: opacity .7s ease-in-out; transition: opacity .7s ease-in-out; -webkit-transition: opacity .7s ease-in-out; }
  284.  
  285.  
  286.  
  287. #cassied a {float: left; margin-left: 1px; display: block; letter-spacing: -1px; font-family: verdana; font-size: 9px; text-align: center; margin-bottom: 1px; width:10px; background-color: {color:post}; color:{color:text}; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; z-index:1000; line-height:140%; padding:8px; height:54.8px; padding-top:16px;}
  288.  
  289.  
  290.  
  291. #cassied a:hover{text-align: center;background-color: {color:bglinkshover}; color:{color:links}; line-height:120%;}
  292.  
  293.  
  294. #frase {
  295. background-color:{color:barra1};
  296. opacity:1;
  297. height:18px;
  298. width:170px;
  299. font-size:23px;
  300. color:{color:text};
  301. font-family: 'Great Vibes', cursive;
  302. text-align:center;
  303. text-transform:georgia;
  304. letter-spacing:0px;
  305. padding:5px;
  306. line-height:20px;
  307. position:fixed;
  308. z-index:1;
  309.  
  310.  
  311.  
  312.  
  313.  
  314. #tumblr_controls{position: fixed!important}
  315. #tumblr_controls{position: fixed!important}
  316. #tumblr_controls{position: fixed!important}
  317. #tumblr_controls{position: fixed!important}
  318.  
  319. </style>
  320.  
  321. <body>
  322.  
  323.  
  324.  
  325. <div style="position: fixed; top: 472px; left: 500px; font-size: 9px; font-family: verdana; color:{color:text}; text-align: center; letter-spacing: 0px ; z-index:10;">
  326. <div class="rotacao">
  327. <a href="http://ladomarginal.tumblr.com/"> ©</a>
  328. </div></div>
  329.  
  330.  
  331.  
  332. <div id="side">
  333.  
  334.  
  335.  
  336. <div class="photo">
  337.  
  338.  
  339. <img src="{image:sidebar}">
  340. </div></div>
  341.  
  342. </div>
  343.  
  344. </div>
  345. </div>
  346.  
  347.  
  348.  
  349. <div id="textv">{description}{block:PreviousPage}<a href="{PreviousPage}"> - </a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}"> + </a>{/block:NextPage}</div>
  350.  
  351. </div>
  352. <div class="daoravida">
  353.  
  354.  
  355.  
  356. <div id="titulo">
  357. {title}
  358. </div>
  359.  
  360. <div id="linkspaulinho"><marquee>
  361. {text:frase}</marquee>
  362. </div>
  363.  
  364. </div>
  365.  
  366.  
  367. <div id="cassied">
  368.  
  369.  
  370. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  371. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a> {/block:ifLink2}
  372. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  373. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  374. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  375.  
  376. </div>
  377.  
  378. <div id="entrydanay">
  379. {block:Posts}
  380. <div class="postsoftumblr">
  381.  
  382. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  383.  
  384. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-400}"></div>{LinkCloseTag}{/block:Photo}
  385.  
  386. {block:Photoset}{Photoset-400}{/block:Photoset}
  387.  
  388. {block:Quote}
  389. <div class="pquote">“{Quote}”</div>
  390. {block:Source}<div class="pquotesource"> — {Source}</div>
  391. {/block:Source}
  392. {/block:Quote}
  393.  
  394. {block:Link}
  395. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  396. {block:Description}{Description}{/block:Description}
  397. {/block:Link}
  398.  
  399. {block:Chat}
  400. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  401. <div class="chat"><ul>{block:Lines}
  402. <li class="person{UserNumber}">{block:Label}
  403. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  404. {/block:Chat}
  405.  
  406. {block:Audio}
  407. <div class="player">{AudioPlayerWhite}</div>
  408. {block:Caption}{Caption}{/block:Caption}
  409. {/block:Audio}
  410.  
  411. {block:Video}{Video-500}{/block:Video}
  412.  
  413.  
  414. {block:Answer}
  415. <div id="questions"><b>{Asker}</b> said: <br>{Question}</div>
  416. <div id="ans">{Answer}</div>
  417.  
  418. {/block:Answer}
  419. {block:ContentSource}
  420. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  421. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  422. {/block:SourceLogo}
  423. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  424. {/block:ContentSource}
  425.  
  426.  
  427.  
  428. {block:IndexPage}
  429. <div class="permalink"><l>
  430. <a href="{Permalink}"> {ShortMonth} {DayOfMonth}, {Year} with {NoteCountWithLabel}</a>{block:RebloggedFrom}
  431. <a href="{ReblogParentURL}" target="_blank">via</a>{/block:RebloggedFrom}
  432. ·
  433. <a href="{ReblogURL}" target="_blank" class="details">Reblog</a>
  434. </l>
  435. </div>
  436. {/block:IndexPage}
  437.  
  438. <div id="cap">
  439. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  440. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  441. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  442.  
  443. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  444. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  445. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  446. {/block:ContentSource}</div></div>
  447. <br>
  448.  
  449.  
  450. <div id="info">
  451. {block:Date}
  452. {block:IndexPage} {/block:IndexPage}
  453. {/block:RebloggedFrom}
  454. </div>
  455. </div>{/block:Date}
  456.  
  457.  
  458. {/block:Posts}
  459. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  460.  
  461.  
  462.  
  463. </div>
  464.  
  465.  
  466.  
  467.  
  468. </div>
  469. </div>
  470. </div>
  471. </div>
  472.  
  473. </body>
  474. </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!