API tools faq
paste
mesmo-distante

theme 05

mesmo-distante
Mar 27th, 2012
479
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.31 KB | None | 0 0
raw download clone embed print report
  1. <! theme por mesmo-distante | don't copy. !>
  2.  
  3. <html>
  4. <script>
  5. function click() {
  6. if (event.button==2||event.button==3) {
  7. oncontextmenu='return false';
  8. }
  9. }
  10. document.onmousedown=click
  11. document.oncontextmenu = new Function("return false;")
  12. </script> 
  13. <link href='http://fonts.googleapis.com/css?family=Snippet|Sue+Ellen+Francisco|Andika|Delius+Swash+Caps|Lobster|Redressed|Tangerine|Rancho|Rochester|Lobster+Two|Dancing+Script|Pacifico|Crafty+Girls' rel='stylesheet' type='text/css'>
  14.  
  15. <head>
  16.  
  17.     <!-- DEFAULT VARIABLES -->
  18. <meta name="color:background" content="#f1f1f1" />
  19. <meta name="color:entry" content="#ffffff" />
  20.  
  21. <meta name="color:sbar" content="#ffffff" />
  22.  
  23. <meta name="color:link" content="#C7C7C7" />
  24. <meta name="color:text" content="#C7C7C7" />
  25.  
  26.  
  27.  
  28. <meta name="color:scrollbar" content="#C7C7C7" />
  29.  
  30.  
  31.  <meta name="font:title" content="georgia" />
  32.     <meta name="font:body" content="verdana" />
  33.  
  34.  <meta name="image:sidebar" content="http://27.media.tumblr.com/tumblr_m1kaz3vaOv1r182g0o1_500.jpg" />
  35.  
  36. <meta name="image:background" content="" />
  37.  
  38. <meta name="text:titulo" content="titulo aqui" />
  39.  
  40. <meta name="text:Link1" content="/" />
  41. <meta name="text:Link1 Title" content="link" />
  42. <meta name="text:Link2" content="/" />
  43. <meta name="text:Link2 Title" content="link" />
  44. <meta name="text:Link3" content="/" />
  45. <meta name="text:Link3 Title" content="link" />
  46. <meta name="text:Link4" content="/" />
  47. <meta name="text:Link4 Title" content="link" />
  48. <meta name="text:Link5" content="/" />
  49. <meta name="text:Link5 Title" content="link" />
  50. <meta name="text:Link6" content="/" />
  51. <meta name="text:Link6 Title" content="link" />
  52.  
  53.   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  54.     <title>{Title}</title>
  55.     {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  56.     <link rel="shortcut icon" href="{Favicon}" />
  57.     <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  58.     <style type="text/css">
  59.  
  60. ::-webkit-scrollbar{width:5px;height:4px;}
  61. ::-webkit-scrollbar-button:start:decrement
  62. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  63. ::-webkit-scrollbar-track-piece{background-color:{color:background};-webkit-border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;}
  64. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color:{color:scrollbar};-webkit-border-radius:px;}
  65. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:{color:scrollbar};-webkit-border-radius:px;}  
  66. iframe#tumblr_controls{ top: 1px !important;  margin: 0 0 0 0; right: 6px !important; position: fixed !important;}
  67.  
  68. body {color:{color:text}; background-color:{color:background}; background-image: url('{image:Background}'); background-attachment:fixed; font-family:{font:body}; font-size:10px; line-height:110%; text-align:justify}
  69.  
  70. a:link, a:active, a:visited{color: {color:link}; text-decoration:none}
  71. a:hover{color:{color:link}}
  72.  
  73. blockquote {border-left:2px {color:body} solid; padding-left:5px; margin:0px 2px 0px 10px}
  74.  
  75. small{font-size:10px}
  76. big{font-size:12px}
  77. b, strong{color:{color:text}}
  78. i, em {color:{color:text}}
  79. p{margin-top:5px; margin-bottom:5px}
  80. blockquote {padding:0px; padding-left:2px; margin:5px; border-left:2px solid {color:text}}
  81.  
  82. img a{border:none; width:100%}
  83.  
  84. #entries {float: left; margin-left: 400px; margin-top: 37px;}
  85.  
  86. .posts {width: 500px; background-color: {color:entry}; padding: 9px; margin-bottom: 1px; text-align: none; font-family: {font:body}; font-size: 11px; position: relative;}
  87.  
  88. h1 {font-family: {font:title}; text-align: center; font-size: 16px; text-transform: uppercase; color: {color:text}; font-weight: normal; line-height: 18px;}
  89. h1 a {text-align: center; font-size: 16px; text-transform: uppercase; color: {color:text}; font-weight: normal; line-height: 18px;}
  90. h1 a:hover {text-align: center; font-size: 16px; text-transform: uppercase; color: {color:text}; font-weight: normal; line-height: 18px;}
  91.  
  92. .image {text-align: center; border: 0px}
  93. .image img {max-width: 500px; margin-bottom: 2px }
  94.  
  95. .pquote {font-family: {font:title}; text-align: center; font-size: 13px; line-height: 15px; padding: 3px;}
  96. .pquotesource {text-align: center; text-transform: none; margin-bottom: 5px;}
  97. .pquotesource a, a:hover{text-transform: none;}
  98.  
  99. .chat {line-height: 13px; list-style: none }
  100. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  101. .person1 {color: {color:text}; padding: 2px; }
  102. .person1 .label {font-weight: bold; color:{color:link}}
  103. .person2 {color: {color:text}; padding: 2px; }
  104. .person2 .label {font-weight: bold; color:{color:text}}
  105.  
  106. #description {width:266px; padding-top:4px; padding-bottom:4px; padding-left:5px; padding-right:5px; background-color:{color:sbar}; font:10px verdana; color:{color:text}; text-transform:uppercase; letter-spacing:1px; text-align:center; -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; margin-left:-5px; margin-top:217px;}
  107.  
  108. #description:hover a{background-color:{color:sbar}; color:{color:text};}
  109.  
  110. #description:hover a{background-color:{color:sbar}; color:{color:text};}
  111.  
  112. .desc {padding:2px; text-align:center; background-color:{color:sbar}; display:none; margin:0px; max-height:120px; overflow-x:hidden; overflow-y:auto; text-align:justify; text-transform:none; letter-spacing:0px; font-family:verdana;}
  113.  
  114. .desc img {float:left; padding:1px 3px; margin:1px 3px 1px 1px; border:0px;}
  115.  
  116. .player {background-color: #000; text-align: left; display:block;}
  117.  
  118. .question {background-color: {color:background}; font-family: verdana; font-size:11px; -moz-border-radius: 3px; padding:5px; text-align: justify; color: {color:text}; margim-bottom: 1px; margin-top: -1px; margin-left: -5px; margin-right: -5px; }
  119.  
  120. .answer {padding: 2px; margin-top: -5px;}
  121.  
  122.  
  123. #info {text-align: left; font-size: 9px; font-family: {font:body}; text-transform: lowercase; z-index: 11;}
  124. #info a {font-size: 9px;}
  125.  
  126. .tags {color: {color:text};  font-size: 9px; font-family: verdana;  display: inline; list-style: none; text-transform: lowercase;}
  127. .tags a {font-size: 9px; color: verdana; display: inline; list-style: none; text-transform: lowercase;}
  128.  
  129.  
  130.  
  131. #cap {width: 500px; margin-top: -2px;}
  132. .source {display: none;}
  133.  
  134. .notes {width: 530px; padding: 0px; margin-top: 5px; margin-bottom: 10px; font-size: 9px; text-align: left}
  135. ol.notes {list-style: none; margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  136. ol.notes li {background-color: {color:entry}; margin-bottom: 5px; padding: 5px; }
  137. .notes img{display: none; border:0px}
  138.  
  139. #tumblr_controls{position: fixed!important}
  140. #tumblr_controls{position: fixed!important}
  141. #tumblr_controls{position: fixed!important}
  142. #tumblr_controls{position: fixed!important}
  143.  
  144.  
  145. #sidebar {width: 400px; height: 189px; margin-top: 0px; margin-left: 970px; position: fixed; overflow: hidden; padding-left: 5px; padding-top: 5px; padding-bottom: 2px; padding-right: 2px; border: 0px; background-color: ; font-size: 9px; color: ;}
  146.  
  147.  
  148.  
  149.  
  150. #slideShowContainer{ float: left; margin-top: 58px; margin-left: -2px; height: 155px; width:272px; position: fixed; background-color: {color:sbar}; }
  151.  
  152.  
  153.  
  154.  
  155.  
  156. #slideShow4 {margin-top: 4px; margin-bottom: 5px;}
  157.  
  158.  
  159.  
  160. #slideShow4 img{width: 264px; height: 147px; margin-left: 4px;}
  161.  
  162. #links {width: 85px; float: left; margin-left:273px; margin-top: 58px; 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;}
  163.  
  164.  
  165.  
  166.  
  167.  
  168.  
  169.  
  170. #links a {float: left; margin-left: -2px; display: block; letter-spacing: -1px; font-family: verdana; font-size: 9px; text-align: center; margin-bottom: 1px; width: 62px; background-color: {color:sbar}; color:{color:text}; text-decoration: none; text-transform: none; line-height: 25px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  171.  
  172.  
  173.  
  174.  
  175.  
  176.  
  177.  
  178. #links  a:hover{text-align: center; background-color: {color:sbar} color:{color:text}; letter-spacing: 2px;}
  179.  
  180.  
  181.  
  182. #links2 {width: 312px; float: left; margin-left:16px; margin-top: 214px; 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;}
  183.  
  184.  
  185.  
  186.  
  187.  
  188.  
  189.  
  190. #links2 a {float: left; margin-left: -2px; display: block; letter-spacing: -1px; font-family: verdana; font-size: 9px; text-align: center; margin-bottom: 2px; width: 82px; background-color: {color:sbar}; color:{color:text}; text-decoration: none; text-transform: none; line-height: 25px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  191.  
  192.  
  193.  
  194.  
  195.  
  196.  
  197.  
  198. #links2  a:hover{text-align: center; background-color: {color:sbar} color:{color:text}; letter-spacing: 2px;}
  199.  
  200.  
  201. .titi {background-color: {color:sbar}; padding:2px; font:15px georgia; text-align:center; overflow:hidden; height:20px; position:fixed; width:268px; color: {color:text}; -webkit-transition: all 1.9s ease-out; -moz-transition: all 1.9s ease-out; padding-top:-26px; letter-spacing:-1px; margin-left:-18px; margin-top: -181px;}
  202.  
  203. .titi:hover {height:173px; width: 267px;}
  204.  
  205.  
  206. #sid2 {width: 176px; margin-left: 1025px; height: 17px; margin-top: 245px; float:left; text-align: justify; background-color:{color: #000}; position:fixed; padding:3px; font-size: 9px; }
  207.  
  208. /* PAGINACAO */
  209.  
  210. #sid3 {width: 52px; margin-left: 1246px; height: 10px; margin-top: 141px; float:left; text-align: justify; background-color:{color:sbar}; position:fixed; padding:5px; font-size: 9px; }
  211.  
  212. div#pgs {text-align: center; font-family: verdana; font-size: 8px; line-height: 8px;}
  213.  
  214. div#pgs a {background:{color:background}; padding: 2px 4px; color: {color:text}; text-decoration: none; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  215.  
  216. div#pgs a:hover {background: {color:sbar}; color: {color:text}; border: none;}
  217.  
  218. div#pgs span.pagina_atual {background: {color:background}; margin: 0px 0 0; padding: 2px 4px; color: {color:text}; font-weight: bold; text-decoration: none;}
  219.  
  220. #pages{ font-family:verdana; margin-top:0px; font-size:23px; text-transform:lowercase; padding:0px; text-align: center;}
  221.  
  222. #pages a{ font-family:verdana; font-size:23px; text-transform:lowercase; text-align:center;color: #4B4B4B;}
  223.  
  224.    </style>
  225.     <style type="text/css">{CustomCSS}</style>
  226. </head>
  227.  
  228. <body>
  229.  
  230. <div id="sidebar">
  231.  
  232.  
  233.  
  234.  
  235.  
  236. <div id="slideShowContainer">
  237.  
  238. <div id="slideShow2"><div id="slideShow4">
  239.  
  240. <img src="{image:sidebar}"/>
  241.  
  242. </div></div></div>
  243.  
  244.  
  245.  
  246.  
  247. <div id="links">
  248.  
  249. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a> {/block:ifLink1}
  250.  
  251. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a> {/block:ifLink2}
  252.  
  253. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a> {/block:ifLink3}
  254.  
  255.  
  256.  
  257.  
  258. </div>
  259.  
  260. <div id="links2">
  261.  
  262. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a> {/block:ifLink4}
  263.  
  264. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a> {/block:ifLink5}
  265.  
  266. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a> {/block:ifLink6}
  267.  
  268.  
  269. <div class="titi">
  270.  
  271. {text:titulo}<br>
  272.  
  273.  
  274.  
  275. <div style="margin:3px; font:9px verdana; letter-spacing:0px; color: {color:text};">
  276.  
  277. {Description}
  278. </div>
  279.  
  280. </div>
  281.  
  282.  
  283.  
  284. </div>
  285.  
  286.  
  287.  
  288.  
  289.  
  290. </div></div>
  291.  
  292.  
  293. <div id="sid2"><center> theme by mesmo-distante+ <a href="http://03am.tumblr.com">details.</a>  <a href="http://mesmo-distante.tumblr.com">©</a> </center>
  294. </div>
  295.  
  296. <div id="sid3">
  297.  
  298. <center><div id="sspagination"><div id="pgs">{block:JumpPagination length="2"}{block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage} {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}</div></div></center></div>
  299.  
  300. <div id="entries">
  301.  
  302. {block:Posts}
  303. <div class="posts">
  304.  
  305. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  306.  
  307. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  308.  
  309. {block:Photoset}{Photoset-500}{/block:Photoset}
  310.  
  311. {block:Quote}
  312. <div class="pquote">“{Quote}”</div>
  313. {block:Source}<div class="pquotesource"> - {Source}</div>
  314. {/block:Source}
  315. {/block:Quote}
  316.  
  317. {block:Link}
  318. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  319. {block:Description}{Description}{/block:Description}
  320. {/block:Link}
  321.  
  322. {block:Chat}
  323. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  324. <div class="chat"><ul>{block:Lines}
  325. <li class="person{UserNumber}">{block:Label}
  326. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  327. {/block:Chat}
  328.  
  329. {block:Audio}
  330. <div class="player">{AudioPlayerBlack}</div>
  331. {block:Caption}{Caption}{/block:Caption}
  332. {/block:Audio}
  333.  
  334. {block:Video}{Video-500}{/block:Video}
  335.  
  336.  
  337. {block:Answer}
  338. <div class="asker"><img src="{AskerPortraitURL-24}"> {Asker} asked: <div class="question">{Question}</div></div>
  339. <div class="answer">{Answer}</div>
  340. <br>
  341. {/block:Answer}
  342.  
  343. <div id="cap">
  344. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  345. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  346. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  347.  
  348. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  349. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  350. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  351. {/block:ContentSource}</div></div>
  352. <br>
  353.  
  354.  
  355. <div id="info">
  356. {block:Date}<div class="tags">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}<br>{/block:HasTags}</div>
  357. <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount}  · <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:IndexPage} · <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}
  358. {block:RebloggedFrom}<br>originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom}{block:RebloggedFrom} · via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  359. {/block:RebloggedFrom}
  360. </div>
  361. </div>{/block:Date}
  362.  
  363.  
  364. {/block:Posts}
  365. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  366.  
  367. </div>
  368. </div>
  369.  
  370.  
  371.  
  372.  
  373.  
  374.  
  375. </body>
  376. </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!