API tools faq
paste
Advertisement
EllenMaty

Elly's NEW Base code

EllenMaty
Apr 26th, 2014
617
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.58 KB | None | 0 0
raw download clone embed print report
  1. <!-- Base Code by:
  2.  
  3. ▓▓▓▓▓__▓▓_____▓▓___▓▓____▓▓
  4. ▓▓_____▓▓_____▓▓____▓▓__▓▓
  5. ▓▓▓▓▓__▓▓_____▓▓_____▓▓▓▓
  6. ▓▓_____▓▓_____▓▓______▓▓
  7. ▓▓▓▓▓__▓▓▓▓▓__▓▓▓▓▓___▓▓
  8.  
  9. Não redistribua sem minha autoria!
  10.  
  11. thelittledanger.tumblr.com
  12. elly-themes.tumblr.com
  13.  
  14. -->
  15.  
  16. <html lang="en">
  17.  
  18. <head>
  19.  
  20. <!----------- TÍTULO ----------->
  21.  
  22. <title>{Title}</title>
  23.  
  24. <!----------- FAV ICON ----------->
  25.  
  26. <link rel="shortcut icon" href="{Favicon}">
  27.  
  28. <!----------- NÃO REMOVA ESSES SCRIPTS: COMEÇO ----------->
  29.  
  30. <link href="http://static.tumblr.com/3l2jcs4/NYMn4n79a/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  31. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  32. <script src="http://static.tumblr.com/3l2jcs4/209n1fe9k/jquery.style-my-tooltips.js"></script>
  33. <script>
  34. (function($){
  35. $(document).ready(function(){
  36. $("[title]").style_my_tooltips({
  37. tip_follows_cursor:true,
  38. tip_delay_time:100,
  39. tip_fade_speed:100,
  40. attribute:"title"
  41. });
  42. });
  43. })(jQuery);
  44. </script>
  45.  
  46. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  47.  
  48. {block:IndexPage}
  49. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  50. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  51.  
  52. <script type="text/javascript">
  53. $(window).load(function(){
  54. var $wall = $('#entry');
  55. $wall.imagesLoaded(function(){
  56. $wall.masonry({
  57. itemSelector: '#post, #post_photo',
  58. isAnimated : false
  59. });
  60. });
  61.  
  62. $wall.infinitescroll({
  63. navSelector : '#pagination',
  64. nextSelector : '#pagination a',
  65. itemSelector : '#post, #post_photo',
  66. bufferPx : 2000,
  67. debug : false,
  68. errorCallback: function() {
  69. $('#scroll').fadeOut('normal');
  70. }},
  71. function( newElements ) {
  72. var $newElems = $( newElements );
  73. $newElems.hide();
  74. $newElems.imagesLoaded(function(){
  75. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  76. });
  77. }); $('#entry').show(500);
  78. });
  79. </script>
  80. {/block:IndexPage}
  81.  
  82. <!----------- NÃO REMOVA ESSES SCRIPTS: FIM ----------->
  83.  
  84. <style type="text/css">
  85.  
  86. body {
  87. background-color: white; /* Cor do Background */
  88. background-attachment: fixed;
  89. line-height: 13px; /* Espaçamento entre as linhas (Opcional) */
  90. font-family: Trebuchet MS; /* Font Style */
  91. font-size: 12px; /* Tamanho da fonte */
  92. color: #757575; /* Cor da fonte */
  93.  
  94. /* Remova essa linha se não quiser uma imagem como background */
  95. background-image: url(http://www.designbolts.com/wp-content/uploads/2012/12/SubtleNet-White-Simple-Seamless-Patterns-For-Website-Backgrounds.jpg);
  96. /* Fim da Linha */
  97. }
  98.  
  99. /*********** LINKS ***********/
  100.  
  101. a {
  102. color: #ccc; /* Cor do Link */
  103. text-decoration: none;
  104. -webkit-transition: all 0.4s ease-in-out;
  105. -moz-transition: all 0.4s ease-in-out;
  106. -o-transition: all 0.4s ease-in-out;
  107. }
  108.  
  109. a:hover {
  110. color: #ddd; /* Cor do Link quando passa-se o mouse */
  111. -webkit-transition: all 0.4s ease-in-out;
  112. -moz-transition: all 0.4s ease-in-out;
  113. -o-transition: all 0.4s ease-in-out;
  114. }
  115.  
  116. /*********** CONTEÚDO EM GERAL ***********/
  117.  
  118. #container {
  119. margin: auto;
  120. width: 585px;
  121. {block:PermalinkPage}
  122. width: 520px;
  123. {/block:PermalinkPage}
  124. }
  125.  
  126. /*********** ENTRIES (ONDE SE ALINHAM OS POSTS) ***********/
  127.  
  128. #entry {
  129. width: 585px;
  130. margin-top: 20px;
  131. {block:PermalinkPage}
  132. width:500px;
  133. {/block:PermalinkPage}
  134. }
  135.  
  136. /* Dica: Aumente WIDTH para um tamanho maior em relação aos posts para que eles fiquem em grade. Exemplo: Cada post tem o tamanho de 100px. Deixe WIDTH em 300px para que os posts se alinhem em 3 colunas. (100.3=300) */
  137.  
  138. /*********** POST ***********/
  139.  
  140. #post {
  141. width: 250px;
  142. padding: 10px;
  143. {block:IndexPage}
  144. margin: 10px;
  145. {/block:IndexPage}
  146. text-align: justify;
  147. {block:PermalinkPage}
  148. width:500px;
  149. margin-bottom: 10px;
  150. {/block:PermalinkPage}
  151. background-color: #fff;
  152. }
  153.  
  154. blockquote {
  155. margin: 0px;
  156. border-left: 1px solid #ccc;
  157. padding-left: 10px;
  158. margin-left: 10px;
  159. }
  160.  
  161. /* Não remova o conteúdo de #post img */
  162.  
  163. #post img {
  164. max-width: 100%;
  165. }
  166.  
  167. /* Título do Post */
  168.  
  169. .posttitle {
  170. text-align: center;
  171. font-size: 15px;
  172. color: #ccc;
  173. }
  174.  
  175. /* Onde ficam o link "reblog" e as notas do post */
  176.  
  177. .permalink {
  178. text-align: center;
  179. border-top: 1px solid #ccc;
  180. margin-top: 10px;
  181. padding-top: 5px;
  182. color: #ccc;
  183. }
  184.  
  185. /*********** SIDEBAR ***********/
  186.  
  187. #sidebar {
  188. width: 100%;
  189. margin-top: 50px;
  190. margin-bottom: 40px;
  191. position: relative; /* Alinhe para FIXED, ABSOLUTE ou RELATIVE */
  192. text-align: center;
  193. /* Alinhamento da Sidebar */
  194. }
  195.  
  196. #sidebar img {
  197. width: 80px;
  198. }
  199.  
  200. /* Titulo da Sidebar */
  201.  
  202. .sidetitle {
  203. font-size: 25px;
  204. color: #ccc;
  205. }
  206.  
  207. /* Links da Sidebar */
  208.  
  209. #links {
  210. position: relative;
  211. }
  212.  
  213. #links a {
  214. color: #fff;
  215. background-color: #ccc;
  216. margin-bottom: 5px;
  217. padding: 2px 7px 2px 7px;
  218. }
  219.  
  220. #links a:hover {
  221. background-color: #fff;
  222. color: #ccc;
  223. }
  224.  
  225. /* Descrição */
  226.  
  227. .description {
  228. margin-top: 15px;
  229. margin-bottom: 20px;
  230. }
  231.  
  232. /*********** NÃO REMOVA ***********/
  233.  
  234. .source {
  235. margin-top: 5px;
  236. text-align: right;
  237. }
  238.  
  239. #scroll{
  240. bottom:-20px;
  241. position: absolute;
  242. left: 50%;
  243. width:10px;
  244. height:5px;
  245. overflow:hidden;
  246. margin-bottom:80px;}
  247.  
  248. /*********** POST NOTES STYLE ***********/
  249.  
  250. ol.notes li.note {
  251. padding-bottom: 3px;
  252. }
  253.  
  254. ol.notes {
  255. padding-top: 10px;
  256. margin-left: -40px;
  257. list-style-type: none;
  258. }
  259.  
  260. ol.notes li.note img.avatar {
  261. vertical-align: -4px;
  262. margin-right: 10px;
  263. width: 16px;
  264. height: 16px;
  265. }
  266.  
  267. /*********** SELEÇÃO COLORIDA ***********/
  268.  
  269. ::-moz-selection {
  270. background:#ccc; /*Cor do fundo*/
  271. color:#fff; /*Cor da fonte*/
  272. }
  273. ::selection {
  274. background:#ccc;/*Cor do fundo*/
  275. color: #fff; /*Cor da fonte*/
  276. }
  277.  
  278. /*********** TOOLTIP ***********/
  279.  
  280. #s-m-t-tooltip{
  281. margin-top: 13px;
  282. margin-left: 5px;
  283. font-size: 12px;
  284. font-family: Trebuchet MS;
  285. font-size: 11px;
  286. background-color: #FFFFFF;
  287. color: #5e5e5e;
  288. padding: 8px;
  289. }
  290.  
  291. /*********** BARRA DE ROLAGEM (CherryBomb) ***********/
  292.  
  293. ::-webkit-scrollbar-thumb:vertical {
  294. background: #ccc; /*Cor da barrinha que se move*/ }
  295.  
  296. ::-webkit-scrollbar-thumb:horizontal {
  297. background-color: #ccc; /*Cor da barrinha que se move*/ }
  298.  
  299. ::-webkit-scrollbar-corner { background-color: #fff; /*Cor do Corner (encontro dos scrolls no canto inferior direito) */}
  300.  
  301. ::-webkit-scrollbar {
  302. width:10px; height: 10px; /*Largura da barra de rolagem*/
  303. background: #fff; /*Cor da parte fixa, que fica no mundo*/ }
  304.  
  305.  
  306. </style>
  307.  
  308. </head>
  309.  
  310. <body>
  311.  
  312. <div id="container">
  313.  
  314. <div id="sidebar">
  315.  
  316. <div class="sidetitle">{Title}</div>
  317.  
  318. <div class="description">{block:Description}{Description}{/block:Description}</div>
  319.  
  320. <div id="links">
  321. <a href="#" title="Link Tooltip">Home</a>
  322. <a href="#" title="Link Tooltip 2">Message</a>
  323. <a href="#" title="Link Tooltip 3">Archive</a>
  324. </div>
  325.  
  326. </div>
  327.  
  328. <div id="entry">
  329.  
  330. {block:Posts}
  331.  
  332. {block:ContentSource}
  333. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  334. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  335. {/block:SourceLogo}
  336. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  337. {/block:ContentSource}
  338.  
  339. <div id="post">
  340.  
  341. {block:Text}
  342. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  343. {Body}
  344. {/block:Text}
  345.  
  346. {block:Quote}
  347. "{Quote}"<br>
  348. <div style="text-align:right">— {Source}</div>
  349. {/block:Quote}
  350.  
  351. {block:Link}
  352. <div class="posttitle"><a href="{URL}">{Name}</a></div>
  353. {/block:Link}
  354.  
  355. {block:Chat}
  356. {block:Lines}{block:Label}<b>{Label}</b> {/block:Label}{Line}<br>{/block:Lines}
  357. {/block:Chat}
  358.  
  359. {block:Answer}
  360. {Asker} asked: {Question}<br>
  361. {Answer}
  362. {/block:Answer}
  363.  
  364. {block:Audio}
  365. {AudioPlayer}
  366. {/block:Audio}
  367.  
  368. {block:Video}
  369. {Video-400}
  370. {/block:Video}
  371.  
  372. {block:Photo}
  373. <img src="{PhotoURL-400}"/>
  374. {/block:Photo}
  375.  
  376. {block:Photoset}
  377. {Photoset-250}
  378. {block:PermalinkPage}
  379. {Photoset-500}
  380. {/block:PermalinkPage}
  381. {/block:Photoset}
  382.  
  383. {block:caption}{Caption}{/block:caption}
  384.  
  385. {block:PermalinkPage}
  386. {block:PostNotes}{PostNotes}{/block:PostNotes}
  387. {/block:PermalinkPage}
  388.  
  389. {block:IndexPage}
  390. <div class="permalink"><a href="{ReblogURL}">Reblog</a> /
  391. <a href="{Permalink}">{NoteCount}</a></div>{/block:IndexPage}
  392.  
  393. </div>
  394. {/block:Posts}
  395. </div>
  396.  
  397. {block:IndexPage}
  398. {block:Pagination}
  399. <div id="pagination">
  400. {block:NextPage}
  401. <a id="nextPage" href="{NextPage}"></a>
  402. {/block:NextPage}
  403. {block:PreviousPage}
  404. <a href="{PreviousPage}"></a>
  405. {/block:PreviousPage}
  406. </div>
  407. {/block:Pagination}
  408. {/block:IndexPage}
  409.  
  410. </body>
  411.  
  412. </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!