API tools faq
paste
mesmo-distante

theme 13

mesmo-distante
Apr 7th, 2012
312
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.65 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. <meta name="text:Link7" content="/" />
  53. <meta name="text:Link7 Title" content="link" />
  54.  
  55.   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  56.     <title>{Title}</title>
  57.     {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  58.     <link rel="shortcut icon" href="{Favicon}" />
  59.     <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  60.     <style type="text/css">
  61.  
  62. ::-webkit-scrollbar{width:5px;height:4px;}
  63. ::-webkit-scrollbar-button:start:decrement
  64. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  65. ::-webkit-scrollbar-track-piece{background-color:{color:background};-webkit-border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;}
  66. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color:{color:scrollbar};-webkit-border-radius:px;}
  67. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:{color:scrollbar};-webkit-border-radius:px;}  
  68. iframe#tumblr_controls{ top: 1px !important;  margin: 0 0 0 0; right: 6px !important; position: fixed !important;}
  69.  
  70. 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}
  71.  
  72. a:link, a:active, a:visited{color: {color:link}; text-decoration:none}
  73. a:hover{color:{color:link}}
  74.  
  75. blockquote {border-left:2px {color:body} solid; padding-left:5px; margin:0px 2px 0px 10px}
  76.  
  77. small{font-size:10px}
  78. big{font-size:12px}
  79. b, strong{color:{color:text}}
  80. i, em {color:{color:text}}
  81. p{margin-top:5px; margin-bottom:5px}
  82. blockquote {padding:0px; padding-left:2px; margin:5px; border-left:2px solid {color:text}}
  83.  
  84. img a{border:none; width:100%}
  85.  
  86. #entries {float: left; margin-left: 300px; margin-top: 37px;}
  87.  
  88. .posts {width: 500px; background-color: {color:entry}; padding: 9px; margin-bottom: 1px; text-align: none; font-family: {font:body}; font-size: 11px; position: relative;}
  89.  
  90. h1 {font-family: {font:title}; text-align: center; font-size: 16px; text-transform: uppercase; color: {color:text}; font-weight: normal; line-height: 18px;}
  91. h1 a {text-align: center; font-size: 16px; text-transform: uppercase; color: {color:text}; font-weight: normal; line-height: 18px;}
  92. h1 a:hover {text-align: center; font-size: 16px; text-transform: uppercase; color: {color:text}; font-weight: normal; line-height: 18px;}
  93.  
  94. .image {text-align: center; border: 0px}
  95. .image img {max-width: 500px; margin-bottom: 2px }
  96.  
  97. .pquote {font-family: {font:title}; text-align: center; font-size: 13px; line-height: 15px; padding: 3px;}
  98. .pquotesource {text-align: center; text-transform: none; margin-bottom: 5px;}
  99. .pquotesource a, a:hover{text-transform: none;}
  100.  
  101. .chat {line-height: 13px; list-style: none }
  102. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  103. .person1 {color: {color:text}; padding: 2px; }
  104. .person1 .label {font-weight: bold; color:{color:link}}
  105. .person2 {color: {color:text}; padding: 2px; }
  106. .person2 .label {font-weight: bold; color:{color:text}}
  107.  
  108. #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;}
  109.  
  110. #description:hover a{background-color:{color:sbar}; color:{color:text};}
  111.  
  112. #description:hover a{background-color:{color:sbar}; color:{color:text};}
  113.  
  114. .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;}
  115.  
  116. .desc img {float:left; padding:1px 3px; margin:1px 3px 1px 1px; border:0px;}
  117.  
  118. .player {background-color: #000; text-align: left; display:block;}
  119.  
  120. .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; }
  121.  
  122. .answer {padding: 2px; margin-top: -5px;}
  123.  
  124.  
  125. #info {text-align: left; font-size: 9px; font-family: {font:body}; text-transform: lowercase; z-index: 11;}
  126. #info a {font-size: 9px;}
  127.  
  128. .tags {color: {color:text};  font-size: 9px; font-family: verdana;  display: inline; list-style: none; text-transform: lowercase;}
  129. .tags a {font-size: 9px; color: verdana; display: inline; list-style: none; text-transform: lowercase;}
  130.  
  131.  
  132.  
  133. #cap {width: 500px; margin-top: -2px;}
  134. .source {display: none;}
  135.  
  136. .notes {width: 530px; padding: 0px; margin-top: 5px; margin-bottom: 10px; font-size: 9px; text-align: left}
  137. ol.notes {list-style: none; margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  138. ol.notes li {background-color: {color:entry}; margin-bottom: 5px; padding: 5px; }
  139. .notes img{display: none; border:0px}
  140.  
  141. #tumblr_controls{position: fixed!important}
  142. #tumblr_controls{position: fixed!important}
  143. #tumblr_controls{position: fixed!important}
  144. #tumblr_controls{position: fixed!important}
  145.  
  146.  
  147. #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: ;}
  148.  
  149.  
  150.  
  151.  
  152. #slideShowContainer{ float: left; margin-top: 46px; margin-left: -12px; height: 103px; width:184px; position: fixed; background-color: {color:sbar}; }
  153.  
  154.  
  155.  
  156.  
  157.  
  158. #slideShow4 {margin-top: 4px; margin-bottom: 5px;}
  159.  
  160.  
  161.  
  162. #slideShow4 img{width: 176px; height: 95px; margin-left: 4px;}
  163.  
  164.  
  165.  
  166. #links {width: 300px; float: left; margin-left: -198px; margin-top: 46px; 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;}
  167.  
  168.  
  169.  
  170.  
  171.  
  172.  
  173.  
  174. #links a {float: left; margin-left: 98px; display: block; letter-spacing: -1px; font-family: verdana; font-size: 8x; text-align: center; margin-bottom: 1px; width: 87px; 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;}
  175.  
  176.  
  177.  
  178.  
  179.  
  180.  
  181.  
  182. #links  a:hover{text-align: center; background-color: {color:sbar} color:{color:text}; letter-spacing: 2px;}
  183.  
  184.  
  185.  
  186.  
  187.  
  188. #links2 {width: 450px; float: left; margin-left:-98px; margin-top: 20px; 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;}
  189.  
  190.  
  191.  
  192.  
  193.  
  194.  
  195.  
  196. #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: 92px; 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;}
  197.  
  198.  
  199.  
  200.  
  201.  
  202.  
  203.  
  204. #links2  a:hover{text-align: center; background-color: {color:sbar} color:{color:text}; letter-spacing: 2px;}
  205.  
  206.  
  207. .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:-2px; margin-top: 130px;}
  208.  
  209.  
  210. .titi:hover {height:73px; width: 267px; }
  211.  
  212.  
  213.  
  214. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  215. #sidlinks {position: fixed; margin: 5px 0px 0px 140px; opacity: 1; z-index: 3;}
  216.  
  217.  
  218. #sid2 {width: 176px; margin-left: 965px; height: 17px; margin-top: 12px; float:left; text-align: justify; background-color:{color: #000}; position:fixed; padding:3px; font-size: 8px; font-family: tinytots; text-transform: uppercase; }
  219.  
  220. /* PAGINACAO */
  221.  
  222. #sid3 {width: 52px; margin-left: 1246px; height: 10px; margin-top: 100px; float:left; text-align: justify; background-color:{color:#000}; position:fixed; padding:5px; font-size: 20px; }
  223.  
  224. div#pgs {text-align: center; font-family: verdana; font-size: 8px; line-height: 8px;}
  225.  
  226. 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;}
  227.  
  228. div#pgs a:hover {background: {color:sbar}; color: {color:text}; border: none;}
  229.  
  230. div#pgs span.pagina_atual {background: {color:background}; margin: 0px 0 0; padding: 2px 4px; color: {color:text}; font-weight: bold; text-decoration: none;}
  231.  
  232. #pages{ font-family:verdana; margin-top:0px; font-size:23px; text-transform:lowercase; padding:0px; text-align: center;}
  233.  
  234. #pages a{ font-family:verdana; font-size:23px; text-transform:lowercase; text-align:center;color: #4B4B4B;}
  235.  
  236.    </style>
  237.     <style type="text/css">{CustomCSS}</style>
  238. </head>
  239.  
  240. <body>
  241.  
  242. <div id="sidebar">
  243.  
  244.  
  245.  
  246.  
  247.  
  248. <div id="slideShowContainer">
  249.  
  250. <div id="slideShow2"><div id="slideShow4">
  251.  
  252. <img src="{image:sidebar}"/>
  253.  
  254. </div></div></div>
  255.  
  256.  
  257.  
  258.  
  259. <div id="links">
  260.  
  261. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a> {/block:ifLink4}
  262.  
  263. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a> {/block:ifLink5}
  264.  
  265. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a> {/block:ifLink6}
  266.  
  267. {block:ifLink7}<a href="{text:Link7}">{text:Link7 Title}</a> {/block:ifLink7}
  268.  
  269.  
  270. </div>
  271.  
  272. <div id="links2">
  273.  
  274.  
  275. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a> {/block:ifLink1}
  276.  
  277. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a> {/block:ifLink2}
  278.  
  279. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a> {/block:ifLink3}
  280.  
  281.  
  282.  
  283.  
  284.  
  285. <div class="titi">
  286.  
  287. {text:titulo}<br>
  288.  
  289.  
  290. <div style="margin:3px; font:9px verdana; letter-spacing:0px; color: {color:text};">
  291.  
  292.  
  293. {Description}
  294. </div>
  295.  
  296. </div>
  297.  
  298.  
  299.  
  300. </div>
  301.  
  302.  
  303.  
  304.  
  305.  
  306. </div></div>
  307.  
  308.  
  309. <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>
  310. </div>
  311.  
  312. <div id="sid3">
  313.  
  314.  
  315. <div class="sspagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>  {/block:PreviousPage}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}</div></div>
  316.  
  317.  
  318.  
  319. <div id="entries">
  320.  
  321. {block:Posts}
  322. <div class="posts">
  323.  
  324. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  325.  
  326. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  327.  
  328. {block:Photoset}{Photoset-500}{/block:Photoset}
  329.  
  330. {block:Quote}
  331. <div class="pquote">“{Quote}”</div>
  332. {block:Source}<div class="pquotesource"> - {Source}</div>
  333. {/block:Source}
  334. {/block:Quote}
  335.  
  336. {block:Link}
  337. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  338. {block:Description}{Description}{/block:Description}
  339. {/block:Link}
  340.  
  341. {block:Chat}
  342. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  343. <div class="chat"><ul>{block:Lines}
  344. <li class="person{UserNumber}">{block:Label}
  345. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  346. {/block:Chat}
  347.  
  348. {block:Audio}
  349. <div class="player">{AudioPlayerBlack}</div>
  350. {block:Caption}{Caption}{/block:Caption}
  351. {/block:Audio}
  352.  
  353. {block:Video}{Video-500}{/block:Video}
  354.  
  355.  
  356. {block:Answer}
  357. <div class="asker"><img src="{AskerPortraitURL-24}"> {Asker} asked: <div class="question">{Question}</div></div>
  358. <div class="answer">{Answer}</div>
  359. <br>
  360. {/block:Answer}
  361.  
  362. <div id="cap">
  363. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  364. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  365. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  366.  
  367. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  368. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  369. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  370. {/block:ContentSource}</div></div>
  371. <br>
  372.  
  373.  
  374. <div id="info">
  375. {block:Date}<div class="tags">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}<br>{/block:HasTags}</div>
  376. <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}
  377. {block:RebloggedFrom}<br>originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom}{block:RebloggedFrom} · via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  378. {/block:RebloggedFrom}
  379. </div>
  380. </div>{/block:Date}
  381.  
  382.  
  383. {/block:Posts}
  384. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  385.  
  386. </div>
  387. </div>
  388.  
  389.  
  390.  
  391.  
  392.  
  393.  
  394. </body>
  395. </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!