API tools faq
paste
umlugardocaralho

theme #98

umlugardocaralho
Mar 31st, 2013
1,994
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 11.94 KB | None | 0 0
raw download clone embed print report
  1.  <head>
  2.  
  3.  
  4. <!-- #98 (c) theme por rocklessly
  5. não copie #98 (c) -->
  6.  
  7.  
  8.  
  9. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script>
  10. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  11. <script type="text/javascript" charset="utf-8">
  12. var $j = jQuery.noConflict();
  13. $j(function() {
  14. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  15. $j("img").lazyload({
  16. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  17. effect: "fadeIn",
  18. });
  19. });
  20. </script>
  21.  
  22. <!-- DEFAULT VARIABLES -->
  23. <meta name="color:background" content="#FFFFFF" />
  24. <meta name="color:post" content="#FFFFFF" />
  25. <meta name="color:text" content="#000" />
  26. <meta name="color:link" content="#000" />
  27. <meta name="color:hover" content="#F38910" />
  28. <meta name="color:bg links" content="#000" />
  29. <meta name="color:links" content="#fff" />
  30.  
  31. <meta name="image:sidebar" content=""/>
  32. <meta name="image:background" content="" />
  33.  
  34. <meta name="text:Link1" content="um" />
  35. <meta name="text:Link1 Title" content="um" />
  36. <meta name="text:Link2" content="dois" />
  37. <meta name="text:Link2 Title" content="dois" />
  38. <meta name="text:Link3" content="tres" />
  39. <meta name="text:Link3 Title" content="tres" />
  40. <meta name="text:Link4" content="quatro" />
  41. <meta name="text:Link4 Title" content="quatro" />
  42. <meta name="text:Link5" content="cinco" />
  43. <meta name="text:Link5 Title" content="cinco" />
  44. <meta name="text:Link6" content="cinco" />
  45. <meta name="text:Link6 Title" content="cinco" />
  46.  
  47. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  48. <title>{Title}</title>
  49. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  50. <link rel="shortcut icon" href="{Favicon}" />
  51. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  52. <style type="text/css">
  53.  
  54.  
  55. body {color:{color:text}; background-color:{color:background}; background-image: url('{image:Background}'); background-attachment:fixed; font-family:tahoma; font-size:11px; line-height:100%; text-align:justify;}
  56.  
  57. a:link, a:active, a:visited{color: {color:link}; text-decoration:none}
  58. a:hover{color:{color:hover}}
  59.  
  60. p{margin-top:5px; margin-bottom:5px}
  61. blockquote {padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:text}}
  62.  
  63. img a{border:none; width:100%}
  64.  
  65. ::-webkit-scrollbar{width:10px;
  66. height:8px;}
  67. ::-webkit-scrollbar-button:start:decrement
  68. ::-webkit-scrollbar-button:end:increment{display:block;
  69. height:0;
  70. background-color:transparent;}
  71. ::-webkit-scrollbar-track-piece{background-color:#ffffff;
  72. -webkit-border-radius:0;
  73. -webkit-border-bottom-right-radius:3px;
  74. -webkit-border-bottom-left-radius:3px;}
  75. ::-webkit-scrollbar-thumb:vertical{height:50px;
  76. background-color:#ffb000;}
  77. ::-webkit-scrollbar-thumb:horizontal{width:50px;
  78. background-color:#ffb000;}
  79.  
  80.  
  81.  #face {position:fixed; float: right; right:1px; margin-right:1px; margin-bottom:1px; bottom:1px; opacity:0.3;-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
  82.  #face:hover{opacity:1.0;}
  83.  
  84. #perma {text-align: center; margin-top:5px; font-size: 8.5px; font-family: calibri; text-transform: uppercase; z-index: 11; padding:9px;
  85.   margin-bottom: -7px;}
  86.  
  87. #perma a {font-size:8.5px; font-family: calibri; text-transform: uppercase; color:{color:link};}
  88. #perma a:hover {color:{color:hover};}
  89.  
  90. #ago {background-color:{color:background}; width: 814px; text-align: center; margin: 0px auto 0px auto; padding-top:30px;}
  91.  
  92. #involves { margin-right:0px;  margin: 20px 0 -10px 20px;  float:right; text-align: justify}
  93.  
  94. #posts {width: 465px; text-align: justify; padding:5px; background-color:{color:post};}
  95.  
  96. h1{color:{color:text}; font-family:calibri; font-size:14px; line-height:14px; letter-spacing:0px; font-weight:normal; text-align:center;}
  97.  
  98. #postquote {font-family: calibri; font-size: 14px;  line-height: 15px; padding: 5px; text-align:;}
  99. #sourcequote {text-align: left; padding:5px; text-transform: none; margin-bottom: 3px;}
  100.  
  101. #questions {background-color:{color:background}; color: {color:text}; padding:5px; margin-top: 2px; margin-bottom:2px; font-family:calibri; font-size:10px; text-align:center;}
  102.  
  103.  
  104. .question {color:{color:text}; font-size: 11px; font-weight: normal; font-family: verdana; line-height:95%; background: {color:background}; position: relative; min-height:70px; padding:10px 15px; margin-bottom:2px; margin-right:-10px;}
  105.  
  106. .questionarrow {font-size:30px; color:{color:background}; vertical-align:middle; margin-left:-5px!important;}
  107.  
  108. .asking {text-align:center; color:{color:text}; font:9px verdana; text-transform:none;}
  109. .asking a{color:{color:text};}
  110. .asking img {width:58px; vertical-align:middle; background-color:{color:bckground}; padding:3px;}
  111.  
  112. .answer {color:{color:text};}
  113.  
  114. .audio{background-color:black; display:block}
  115.  
  116. #facce {position:fixed; top:1px; left:1px; padding:5px;}
  117.  
  118. #sidebar {width:170px; top: 60px; margin-left:140px; height: auto;  position:fixed; padding:10px;  background-color:; text-align:center;}
  119.  
  120. #piramide {position: fixed; margin-top:-140px; opacity:0.1; font-size: 230px; margin-left:7px; height:auto;  background-color:transp; text-transform:uppercase;}
  121.  
  122.  
  123. #imagem {height:auto; margin-left:0px; text-align:center;}
  124. #imagem img {-webkit-transition:opacity 1s linear; -webkit-transition:all 0.4s ease-out; -moz-transition:all 0.4s ease-out; transition:all 0.4s ease-out; width:170px; }
  125. #imagem img:hover {opacity:0.7; -webkit-transition:opacity 0.7s linear; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}
  126.  
  127. #baselinks {background-color:; text-align:center;text-align:center;font-size:9px;font-family: calibri;color:{color:link sidebar};   margin-top:1px; margin-left:px; padding:18px; background-color:{color:bg links};}
  128.  
  129. #baselinks a { display: ; font-size:9px; font-family: cambria; font-style:; text-transform: uppercase; text-decoration:none; font-style: ; text-align:center; color:{color:links};text-align:center;margin-bottom:1px; letter-spacing:px; background-color:; -webkit-transition:all 0.4s ease-out; -moz-transition:all 0.4s ease-out; transition:all 0.4s ease-out;}
  130.  
  131. #baselinks a:hover { color:{color:hover};}
  132.  
  133. #theme {margin-left:3px; text-align:left; border-top:2px solid #f0f0f0; margin-top:2px; width:206px;}
  134. #theme a {margin-top:1px; color:#000; font-size:9px; font-family: cambria; text-align-left;}
  135.  
  136. #pagina {width:75px; margin-top:px; margin-left:130px; height:20px; line-height: 20px;  text-align:center; color:#e9e9e9; font-size:8px;}
  137. #pagina a {color:#000; padding:4px; background-color:#f0f0f0; font-size:8px; font-family: verdana; text-align:center;}
  138.  
  139. #lalala {position:fixed; margin-top:100px; opacity:0; margin-left:2px;}
  140.  
  141.  
  142. #description {position:relative; font-family: ; font-size:9px; padding:5px; text-align:justify; background-color:; font-style:italic; margin-left:5px;}
  143.  
  144. #lala {padding:5px; margin-top:0px;font-family:calibri; font-size:9px; margin-left:10px; background-color:; color:{color:link sidebar}; text-align:center;width:195px;}
  145. #quempergunta {padding:5px; font-family:verdana; font-size:11px;}
  146.  
  147.  
  148.  #ssource{margin-left:10px; display:none}
  149.  
  150.  
  151. .user_1 .label {color:{color:link}; font-weight:bold}
  152. .user_2 .label {color:{color:text}; font-weight:bold}
  153. .user_3 .label {color:{color:link}; font-weight:bold}
  154. .user_4 .label {color:{color:text}; font-weight:bold}
  155. .user_5 .label {color:{color:link}; font-weight:bold}
  156. .user_6 .label {color:{color:text}; font-weight:bold}
  157. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px}
  158.  
  159. .notes img{width:10px; position:relative; top:1px}
  160. ol.notes, .notes li{width:490px; list-style:none; margin:0px 0 -1px 5px; padding:0px}
  161.  
  162. .chat ul {
  163. list-style-type: none;
  164. width: 400px;font-family: cambria;
  165. font-size: 9px;
  166. display: block;
  167. margin: auto;
  168. padding: 5px;
  169. border:1px solid #eee;
  170. font-spacing: 1px;
  171. }
  172.  
  173. .post {
  174. margin: auto;font-family: cambria;
  175. font-size: 9px;
  176. margin-top: -0px;
  177. width: 400px;
  178. padding: 0px;
  179. padding-top: 10px;
  180. margin-bottom: 0px;
  181. background-color: {color:Background};
  182. font-size: 11px;
  183. line-height: 14px;
  184. color: {color:Font};
  185. }
  186.  
  187. #titulo { margin-top:5px;font-family:consolas; text-transform:; font-size: 9.6px; text-align:center; padding:3px;}
  188.  
  189. #hoverphoto {  padding:5px;opacity:0.2; margin:0px 0px 465px 465px; filter: alpha(opacity = 0.2); position:absolute;  -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; background-color:{color:post}; }
  190.  
  191. #posts:hover #hoverphoto { opacity:1.0;}
  192.  
  193. #sslide {margin-left:2px; text-align:left; font-size: 9px; font-family: verdana; width:50px;height: auto; background-color:{color:post};}
  194.  
  195. #sslide a {font-size: 9px;  font-family: verdana; color:{color:text};}
  196. #sslide a:hover{color:{color:hover};}
  197.  
  198. iframe#tumblr_controls {
  199.     position: fixed !important;
  200.     top: 0 !important;
  201.     right: 0 !important;
  202. }
  203. </style>
  204. <style type="text/css">{CustomCSS}</style>
  205.  
  206. </head>
  207.  
  208. <body>
  209.  
  210.  
  211. <div id="ago">
  212.  
  213.  
  214.  
  215. <div id="sidebar">
  216. <div id="imagem"><a href="/"><img src="{image:sidebar}"></a></div>
  217. <div id="baselinks">
  218. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  219. {block:ifLink2}<a href="{text:Link2}"> {text:Link2 Title}</a>{/block:ifLink2}
  220. {block:ifLink3}<a href="{text:Link3}"> {text:Link3 Title}</a>{/block:ifLink3}
  221. {block:ifLink4}<a href="{text:Link4}"> {text:Link4 Title}</a>{/block:ifLink4}
  222. {block:ifLink5}<a href="{text:Link5}"> {text:Link5 Title}</a>{/block:ifLink5}
  223. {block:ifLink6}<a href="{text:Link6}"> {text:Link6 Title}</a>{/block:ifLink6}
  224. <a href="http://rocklessly.tumblr.com">@</a>
  225. </div>
  226. </div>
  227.  
  228. <div id="involves">
  229.  
  230.  
  231. {block:Posts}
  232. <div class="autopagerize_page_element">
  233. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  234.  
  235. <div id="posts">
  236.  
  237.  
  238.  
  239. <div id="hoverphoto">
  240. <div id="sslide"><a href="{Permalink}">{block:NoteCount}#{notecount}{/block:NoteCount}</a></div>{LinkCloseTag}
  241. {block:RebloggedFrom}
  242. <div id="sslide"><a href="{ReblogParentURL}"></a><a href="{ReblogRootURL}">#source</a></div>
  243. {/block:RebloggedFrom}
  244. <div id="sslide"><a href="{ReblogURL}" target="_blank">#reblog</a></div>
  245. {block:HasTags}{block:Tags} <div id="sslide"><a href="{TagURL}"><b></b>#{Tag}</a>&nbsp;</div>{/block:Tags}{/block:HasTags}</div>
  246.  
  247. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  248.  
  249. {block:Quote}
  250. <div id="postquote">“{Quote}”</div><br>
  251. {block:Source}<div id="sourcequote"> — {Source}</div>{/block:Source}
  252. {/block:Quote}
  253.  
  254. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  255. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  256.  
  257. {block:Photo}<center><img src="{PhotoURL-500}" width="465px;"/></center>
  258. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  259.  
  260. {block:Photoset}<center>{Photoset-400}</center>
  261. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  262.  
  263.  
  264. {block:Chat}
  265. <div class="post chat">
  266. <div style="margin-bottom: 5px;">
  267. {block:Title}
  268. <h3><a href="{Permalink}">{Title}</a></h3>
  269. {/block:Title}
  270. <ul class="chat">
  271. {block:Lines}
  272. <li class="{Alt} user_{UserNumber}">
  273. {block:Label}
  274. <span class="label">{Label}</span>
  275. {/block:Label}
  276. {Line}
  277. </li>
  278. {/block:Lines}
  279. </ul>
  280. </div>
  281. </div>
  282. {/block:Chat}
  283. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  284.  
  285. {block:Answer}<div id="quempergunta"><b>{Asker}</b> asked: {Question}<br>
  286. <br>
  287. {Answer}</div>
  288. {/block:answer}
  289.  
  290. {block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  291.  
  292. <div id="ssource">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  293. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  294. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  295. {/block:ContentSource}</div>
  296.  
  297.  
  298. </div>
  299.  
  300. {/block:Posts}
  301.  
  302. {block:PostNotes}{PostNotes}{/block:PostNotes}<br />
  303.  
  304. </div></div>
  305.  
  306. </body>
  307.  
  308. </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!