API tools faq
paste
Advertisement
helpdesigns

Theme Base Futura Suicida #Juh #hover

helpdesigns
Oct 23rd, 2013
760
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.47 KB | None | 0 0
raw download clone embed print report
  1. <!---------------------------------------------------------------------
  2. Theme por ......
  3. Base por helpdesigns
  4. ---------------------------------------------------------------------->
  5.  
  6. <head>
  7.  
  8. <meta name="color:background" content="#ffffff" />
  9. <meta name="color:ask" content="#ffffff" />
  10. <meta name="color:text" content="#959697" />
  11. <meta name="color:entry" content="#ffffff" />
  12. <meta name="color:scrollbar" content="#000000" />
  13. <meta name="color:bordapost" content="#eee" />
  14.  
  15. <meta name="if:one columns" content="1"/>
  16. <meta name="image:background" content=""/>
  17.  
  18. <title>{Title}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}
  22. <meta name="description" content="{MetaDescription}" />{/block:Description}
  23.  
  24. <style type="text/css">
  25.  
  26.  
  27. body {color:{color:text}; opacity:1; background-color:{color:background}; background-image: url('{image:Background}'); background-attachment:fixed; font-family:calibri; font-size:11px; line-height:100%; text-align:justify; text-transform: none;text-align: center; font-style: none; }
  28.  
  29. a:link, a:active, a:visited{ color: {color:text}; text-decoration:none; -webkit-transition-duration: 0.4s; }
  30.  
  31. a:hover{color:{color:linkh};}
  32.  
  33. 58px; margin-left: 553px; position: fixed; text-transform:uppercase; letter-spacing:1px; z-index:1; opacity:1; border-top: 2px solid #eee; border-bottom: 0px solid #eee}
  34.  
  35. #container {background-color: ; width: 1000px; margin: 0 auto 4px auto; background: {color:background}}
  36.  
  37. #entries {margin-left: 420px; width: 800px; margin-top: 5px;}
  38.  
  39. .entry {border:; width: 300px; background-color:{color:entry} ; text-align: justify; padding: 6px; float: left; margin: 2px 0 0 2px;opacity:2; {block:PermalinkPage}width:500px {/block:PermalinkPage};{block:IfOneColumns}width:500px;{/block:IfOneColumns};border-bottom:1px solid {color:bordapost}; }
  40.  
  41. .entry:hover {opacity:2}
  42.  
  43. .entry img {max-width: 300px; padding: 2px; opacity:2; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;{block:IfOneColumns}max-width: 500px;{/block:IfOneColumns};opacity:0.9; }
  44.  
  45. #title2 {font-size: 16px; font-family: Georgia; letter-spacing: 0px; line-height: 13px; text-transform: none;text-align: center; font-style: none; margin-top: 6px; margin-bottom: 8px}
  46.  
  47. #title2 a{background: {color:linkhover}; padding: 4px; color: #fff;}
  48.  
  49.  
  50. #title {font-size: 16px; font-family: Georgia;letter-spacing: 0px; line-height: 10px; text-transform: none;text-align: center; font-style: none; margin-top: 6px; margin-bottom: 12px}
  51.  
  52. #title a{background: {color:linkhover}; padding: 4px; color: #fff; margin-bottom: 5px}
  53.  
  54. @font-face { font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  55.  
  56. /* QUOTE cerejadosundae */
  57.  
  58. .quote:first-letter{font-family: Rochester; font-style:italic; font-size: 21px;}
  59. .quote {margin: 0; padding: 5px; font: normal 11px 'georgia'; text-align: justify;}
  60. .pquotesource {text-align: center; text-transform: none; margin-bottom: 5px;}
  61. .pquotesource a, a:hover{text-transform: none;}
  62.  
  63. @font-face {
  64. font-family: 'Rochester';
  65. font-style: normal;
  66. font-weight: 400;
  67. src: local('Rochester'), local('Rochester-Regular'), url(http://themes.googleusercontent.com/static/fonts/rochester/v3/nE50b4-SbQ54pks-8vOplz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
  68. }
  69.  
  70. blockquote {padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:text}}
  71.  
  72. /* notes by joshdevines*/
  73. .notes img{width:10px; position:relative; top:1px}
  74. ol.notes, .notes li{width:280px; list-style:none; margin:0px 0 -1px 5px; padding:0px}
  75.  
  76.  
  77. .question {
  78. color:{color:text};
  79. font-size: 11px;
  80. font-weight: normal;
  81. font-family: verdana;
  82. line-height:95%;
  83. background: {color:ask};
  84. position: relative;
  85. min-height:70px;
  86. padding:10px 15px;
  87. margin-bottom:2px;
  88. margin-right:-10px;}
  89.  
  90. .questionarrow {
  91. font-size:30px;
  92. color:{color:ask};
  93. vertical-align:middle;
  94. margin-left:-5px!important;}
  95.  
  96.  
  97. .asker {width:500px; text-align:right; text-transform:lowercase; color:{color:text};}
  98. .asker a {color:{color:text};}
  99. .asker img {float:left; margin-left:400px; vertical-align:top; margin-right:3px; max-height:15px;}
  100.  
  101. .asking {text-align:center; color:{color:text}; font:9px verdana; text-transform:none;}
  102. .asking a{color:{color:text};}
  103. .asking img {width:58px; vertical-align:middle; background-color:{color:background}; border-radius:5px; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  104. .asking img:hover {border-radius:32px;}
  105.  
  106. .arrow {padding-top:11px; color:{color:question background}; font-size:30px;}
  107.  
  108.  
  109. .answer {color:{color:answer};}
  110.  
  111.  
  112. /* chat by joshdevines*/
  113. .user_1 .label {color:{color:text}; font-weight:bold; background-color:{color:entry}; text-transform: italic}
  114. .user_2 .label {color:{color:text}; font-weight:bold; background-color:{color:entry}; text-transform: italic}
  115. .user_3 .label {color:{color:text}; font-weight:bold}
  116. .user_4 .label {color:{color:text}; font-weight:bold}
  117. .user_5 .label {color:{color:text}; font-weight:bold}
  118. .user_6 .label {color:{color:text}; font-weight:bold}
  119. ul.chat, .chat ol, .chat li {list-style:none; margin-left: -20px; margin-top: 3px}
  120.  
  121. .cred {opacity: 0; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;margin-top: -10px;}
  122. .cred:hover {opacity: 0.99; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;margin-top:0px;}
  123.  
  124. #info {text-align: left; margin-top:5px; font-size: 10px; font-family: calibri; text-transform: uppercase; z-index: 11;}
  125. #info a {font-size: 10px; text-transform: uppercase;}
  126.  
  127. #tags {color: {color:text}; font-size: 10px; font-family: calibri; display: inline; list-style: none; text-transform: uppercase;;}
  128. #tags a {font-size: 10px; font-family: calibri; display: inline; list-style: none; text-transform: uppercase;;}
  129.  
  130. #cap {width: 500px; margin-top: -2px;}
  131. .source {display: none;}
  132.  
  133. .notes {width: 520px; padding: 0px; margin-top: 1px; margin-bottom: 1px; font-size: 9px; text-align: center}
  134. ol.notes {list-style: none; margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  135. ol.notes li {background-color: {color:post}; margin-bottom: 2px; padding: 5px; }
  136. .notes img{display: none; border:0px}
  137.  
  138. #damon {position: fixed; margin: 0px 0px 0px -492px;}
  139.  
  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. ::-webkit-scrollbar{width:7px;height:6px;}
  147. ::-webkit-scrollbar-button:start:decrement
  148. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  149. ::-webkit-scrollbar-track-piece{background-color: {color:background}; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  150. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:scrollbar};-webkit-border-radius:10px;}
  151. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: {color:scrollbar};-webkit-border-radius:10px;}
  152.  
  153.  
  154.  
  155. </style>
  156.  
  157.  
  158. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  159.  
  160. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  161.  
  162. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  163.  
  164. <script type="text/javascript">
  165. $(window).load(function(){
  166. var $wall = $('#entries');
  167. $wall.imagesLoaded(function(){
  168. $wall.masonry({
  169. itemSelector: '.entry',
  170. isAnimated : true
  171. });
  172. });
  173. $wall.infinitescroll({
  174. navSelector : "div#navigation",
  175. nextSelector : "div#navigation a#nextPage",
  176. itemSelector : '.entry',
  177. loadingImg : "http://th282.photobucket.com/albums/kk259/rxplastic/random%20gifs/th_t348183788_55788_6.gif",
  178. loadingText : "",
  179. donetext : " ",
  180. extraScrollPx : 1000,
  181. bufferPx : 10100,
  182. debug : false,
  183. errorCallback: function() {
  184. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  185. }},
  186. function( newElements ) {
  187. var $newElems = $( newElements );
  188. $newElems.hide();
  189. $newElems.imagesLoaded(function(){
  190. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 25, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  191. });
  192. }); $('#entries').show(500);
  193. });
  194. </script>
  195.  
  196.  
  197.  
  198.  
  199. <body>
  200.  
  201. <div id="entries">
  202.  
  203.  
  204. {block:Posts}
  205. <div class="entry">
  206.  
  207. {block:Answer}
  208. <table width="{block:IfOneColumns}500px{/block:IfOneColumns}300px" cellspacing="0" cellpadding="0">
  209. <tr>
  210. <td width="{block:IfOneColumns}405px{/block:IfOneColumns}300px" class="question">{Question}</td>
  211. <td width="30px"><span class="questionarrow"></span></td>
  212. <td width="1px" class="asking"><img src="{AskerPortraitURL-64}"><br>{Asker}</td>
  213. </tr>
  214. </table>
  215. <div class="answer">{Answer}</div>
  216. {/block:answer}
  217.  
  218.  
  219. {block:Text}{block:Title}<div id="title2">{Title}</div>{/block:Title}{Body}{/block:Text}
  220.  
  221. {block:Photo}<center><img src="{PhotoURL-500}" width="500px"/></center>
  222. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  223.  
  224.  
  225. {block:Photoset}<center>{Photoset-250}</center>
  226. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  227.  
  228.  
  229. {block:Quote}
  230. <div class="quote"><center>{Quote}</center></div>
  231. {block:Source}<div class="pquotesource"> — {Source}</div>
  232. {/block:Source}
  233. {/block:Quote}
  234.  
  235.  
  236. {block:Link}
  237. <a href="{URL}" id="title" {Target}><div id="title">{Name}</div></a>{block:Description}{Description}{/block:Description}
  238. {/block:Link}
  239.  
  240. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  241.  
  242. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  243.  
  244. {block:Audio}<center>{AudioPlayerWhite}</center>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  245.  
  246.  
  247. <div class="cred">
  248. {block:Date}<div id="info">
  249. <center> <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} <font color="{color:tags}">· </font> <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} <font color="{color:tags}">· </font> <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource}<font color="{color:tags}">· </font> <a href="{SourceURL}">source</a>{/block:ContentSource} {block:IndexPage}<font color="{color:tags}">· </font> <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}<center> <div id="tags">{block:HasTags}{block:Tags} #<a href="{TagUrl}">{Tag}</a>{/block:Tags}{/block:HasTags}{/block:Date}</div>
  250. </div></center>{/block:IfShowTags}{/block:Date}</div>
  251. </div>
  252.  
  253. {/block:Posts}
  254. {block:PostNotes}{PostNotes}{/block:PostNotes}
  255. </div></div>
  256.  
  257. {block:Ifrolagemifni}{block:IndexPage}
  258. <div class="column navigation" id="navigation">
  259. {block:Pagination}
  260. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  261. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  262. </div>
  263. {/block:IndexPage}{/block:Ifrolagemifni}
  264. </div></div></div></div>
  265.  
  266. <br></center></div></div></div></div></div></div>
  267. <a style="position:fixed;left:5px;top:5px;font-family:calibri;font-size:11px;" href="http://URL.tumblr.com" title="Sua url | Base Helpdesigns">THEME</a>
  268.  
  269. </body>
  270. </head>
  271. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!