API tools faq
paste
fanih

Theme 46

fanih
Jan 28th, 2014
566
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 15.49 KB | None | 0 0
raw download clone embed print report
  1.        <!---- theme por A-RTICULADA.tumblr.com (Fanih)
  2.       base por i-ngenuidade totalmente modificada por a-rticulada
  3.       + dtls catedrais e html-party  ------------------->
  4.  
  5.       <!--- Don't use as base and details, good use. ---->  
  6.  
  7.  
  8. <html>
  9. <head>
  10.  
  11. <!-- DEFAULT VARIABLES -->
  12.  
  13. <meta name="color:background" content="#ffffff" />
  14. <meta name="color:text" content="#696969" />
  15. <meta name="color:post" content="#ffffff" />
  16. <meta name="color:link" content="#696969" />
  17. <meta name="color:linkhover" content="#000000" />
  18. <meta name="color:linksmenu" content="#000000" />
  19. <meta name="color:bgmenu" content="#f0f0f0" />
  20. <meta name="color:bgquote" content="#ddd" />
  21. <meta name="color:desc" content="#4F4F4F" />
  22. <meta name="color:border" content="#f0f0f0" />
  23. <meta name="color:textnotes" content="#000000" />
  24. <meta name="color:bgnotes" content="#ffffff" />
  25.  
  26. <meta name="image:background" content=""/>
  27. <meta name="image:sidebar" content="http://static.tumblr.com/0e9rsgb/Szmmzekzv/ryan_and_marissa.jpg"/>
  28.  
  29. <meta name="text:frase" content="You belong with me" />
  30. <meta name="color:corfrase" content="#696969" />
  31.  
  32.     <meta name="text:Link1" content="/" />
  33.     <meta name="text:Link1 Title" content="link1" />
  34.     <meta name="text:Link2" content="/" />
  35.     <meta name="text:Link2 Title" content="link2" />
  36.     <meta name="text:Link3" content="/" />
  37.     <meta name="text:Link3 Title" content="link3" />
  38.     <meta name="text:Link4" content="/" />
  39.     <meta name="text:Link4 Title" content="link4" />
  40.     <meta name="text:Link5" content="/" />
  41.     <meta name="text:Link5 Title" content="link5" />
  42.    
  43. <script type="text/javascript"
  44. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  45. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  46. <script>
  47.     (function($){
  48.  
  49.         $(document).ready(function(){
  50.             $("[title]").style_my_tooltips();
  51.         });
  52.     })(jQuery);
  53. </script>  
  54.  
  55.  
  56. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  57.     <title>{Title}</title>
  58.     {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  59.     <link rel="shortcut icon" href="{Favicon}" />
  60.     <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  61.  
  62.  
  63.  
  64.  
  65. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><img src="http://static.tumblr.com/i1e3kds/h3Hmxkesf/botao.png" border="0"></a>
  66.  
  67.  
  68. </head>        
  69.  
  70. <style type="text/css">
  71.  
  72. iframe#tumblr_controls {
  73. top:0px !important;
  74. right:3px !important;
  75. position: fixed !important;
  76. -webkit-transition: opacity 0.6s linear;
  77. opacity: 0.3;
  78. -webkit-transition: all 0.8s ease-out;
  79. -moz-transition: all 0.8s ease-out;
  80. transition: all 0.8s ease-out;
  81. z-index:999999999999999999;}
  82.  
  83. iframe#tumblr_controls:hover{
  84. -webkit-transition: opacity 0.6s linear;
  85. opacity: 0.8;
  86. -webkit-transition: all 0.4s ease-out;
  87. -moz-transition: all 0.4s ease-out;
  88. transition: all 0.4s ease-out;
  89. z-index:999999999999999999999;}
  90.  
  91.  
  92. body {color:{color:text}; 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; }
  93.  
  94. a:link, a:active, a:visited{ color: {color:link}; text-decoration:none; -webkit-transition-duration: 0.4s; }
  95.  
  96. a:hover{color:{color:linkhover};}
  97.  
  98. .photo {-webkit-transition: 0.9s ease-in;  -moz-transition: 0.9s ease-in; transition: 0.9s ease-in; position:absolute;  padding:0px; background-color:{color:sidebar}; overflow: hidden; -webkit-transition: all 0.6s ease; margin-top:50px;  border:5px solid {color:border}; }
  99.  
  100. .photo img:hover {-moz-opacity: 0.95;filter: url(filters.svg#grayscale);filter: gray;-webkit-filter: grayscale(1); -moz-opacity: 0.83; filter: alpha(opacity=83); opacity:0.9; -webkit-transition: 0.9s ease-in; -moz-transition: 0.9s ease-in; transition: 0.9s ease-in;  }
  101.  
  102. .photo img {display: block;width:150px; height:157px; -webkit-transition: 0.9s ease-in; -moz-transition: 0.9s ease-in; transition: 0.9s ease-in; }
  103.  
  104.  
  105. #container {background-color: ; width: 1200px; margin: 0 auto 0px auto; background: {color:background};margin-top: 1px}
  106.  
  107. #entries {margin-left: 250px; width: 900px; margin-top: 10px}
  108.  
  109. .entry {{block:IndexPage}width: 250px; background-color:{color:post} ; text-align: justify; padding: 9px; float: left; margin: 10px 0 0 20px;{/block:IndexPage}{block:PermalinkPage} padding:5px; width:540px; margin-top: 1px; height:auto; background-color: {color:post}; font-family:calibri; font-size:12px; color:{color:text}; text-align: left; margin-left:20px;
  110. {/block:PermalinkPage}; border: 1px solid #ddd; border-radius:3px;}
  111.  
  112. .entry img{width: 238px; padding: 1px; border: 0px solid {color:background}}
  113.  
  114. #title {font-size: 16px; font-family: calibri; letter-spacing: 0px; line-height: 16px;
  115. text-transform: none;text-align: center; font-style: none; padding-top: px}
  116.  
  117. #title a{background: {color:linkhover}; padding: 2px; color: #fff}
  118.  
  119.         .quotex {font-family: calibri; text-align: left; font-size: 13px; line-height: 16px; padding: 3px; margin-bottom: 5px;}
  120.     .quotex1 {font-family: calibri; font-size: 12px; text-align: right; text-transform: none; margin-bottom: -2px; background-color:{color:bgquote}; height:20px; width:270px; line-height:2; margin-left: -10px; border-radius:3px; border-right:5px solid #696969; padding: 0px -16px;}
  121.     .quotex1 a, a:hover{text-transform: none;}
  122.  
  123. blockquote {padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:text}}
  124.  
  125. .notes img{width:10px; position:relative; top:1px}
  126. ol.notes, .notes li{width:280px; list-style:none; margin:0px 0 -1px 5px; padding:0px; margin-left:80px;}
  127.  
  128.  
  129. .user_1 .label {color:{color:link}; font-weight:bold}
  130. .user_2 .label {color:{color:text}; font-weight:bold}
  131. .user_3 .label {color:{color:link}; font-weight:bold}
  132. .user_4 .label {color:{color:text}; font-weight:bold}
  133. .user_5 .label {color:{color:link}; font-weight:bold}
  134. .user_6 .label {color:{color:text}; font-weight:bold}
  135. ul.chat, .chat ol, .chat li {list-style:none; padding:0px}
  136.  
  137. .entry:hover #cerejinha {opacity: 1;}
  138.  
  139.    #tags {display:none}
  140.    
  141.  
  142. #askheere {width:190px; margin-left:40px;padding:10px; opacity:1; text-align:justify; color:#000;color:#696969; background-color:#eee; border-radius:5px;font-size: 12px; font-family: Calibri; }
  143.   #askheere a {color:#696969; font-size:13px;}
  144.  
  145. #askhere2 {color:{color:text}; font-size: 11px; font-weight: normal; font-family: Calibri; padding:10px; opacity:1; text-align:justify; background-color:{color:post}; border-radius:5px;}
  146.  
  147.    .askfoto {text-align:center; color:#4d4b4b; font:11px Calibri; text-transform:none; }
  148. .askfoto a{color:#4d4b4b;}
  149. .askfoto img {width:43px; vertical-align:middle; background-color:{color:background}; padding:3px; border-radius:60px; opacity:1; -webkit-transition-duration:.25s; }
  150.  .askfoto:hover {opacity:0.7; -webkit-transition-duration:.25s;}
  151.  
  152. #paginal {font-family: verdana; font-size: 8px; text-align: center;}
  153. #paginal a {background: {color:sidebar}; margin: 0 1px 0 0; padding: 2px 4px; color: {color:link};}
  154. #paginal a:hover {background: {color:sidebar}; color: {color:sidebar};}
  155. #paginal span.pagina_atual {background: {color:sidebar}; margin: 0 1px 0 0; padding: 2px 4px;; color: {color:link}; font-weight: bold; text-decoration: none;}
  156.  
  157. .permalink{position:absolute;width:250px;padding-top:5px;padding-bottom:5px;padding-left:5px;background-color:{color:bgnotes};overflow:hidden;opacity:0.0;font-family:consolas;font-size:9px;letter-spacing:1px;text-align:center;margin-left:0px;text-transform:uppercase;top:-5px;z-index:10;-webkit-transition: all 0.2s;}.permalink a {color:{color:textnotes}; text-transform:uppercase;}.entry:hover .permalink{opacity:.9;top:4px;-webkit-transition: all 0.2s; text-transform:uppercase;}
  158.  
  159. #image {margin-top:35px; margin-left:40px; position:absolute; width:172px; height:190px; position:fixed; background-color:none;}
  160.  
  161. #image img {display: block;width: 200px; height: 200px; border:1px solid #eee; padding:10px; }
  162.  
  163.  
  164. #desc {width:180px; height: 27px; margin-left: 58px; margin-top: 279px; position:fixed; text-align:center; line-height: 16px;  font-family: Calibri; font-size: 11px;  overflow:hidden; color:{color:desc}; background-color: none; padding:3px; padding-bottom:6px;  }
  165.  
  166. .frase {width:175px; height: 15px;  padding:6px;  margin-left: 53px; margin-top: 10px;  position:fixed; text-align:center; line-height: 15px;  font-family: Calibri; font-size: 16px;  overflow:hidden; color:{color:corfrase}; background-color:none; text-transform:none; z-index: 1; padding-top:6px; font-style:italic }
  167.  
  168. #menu {text-align:center; width:409px; margin-top: 459px;  margin-left: 37px;  position:fixed;}
  169.  
  170.  
  171. .links {margin-left:8px; margin-top: -210px; padding: 0px; text-align: center; z-index:2; position: absolute;float: left;clear: both; padding:2px; background-color:{color:background}; border: 1px double #eeecec;}
  172.  
  173. .links a {float: left; margin-top: 2px; margin-left: 1px;font-family: calibri;  font-size:10px;width: 38px;  background-color: {color:bgmenu}; color:{color:linksmenu}; z-index:999999999;display: inline-block; letter-spacing: 0px; text-decoration: none; text-transform:uppercase;  text-align: center;  line-height:13px; padding: 5px 0px ;border: 1px solid #eeecec;}
  174. .links a:hover {z-index:999999999;text-decoration: none; background-color: #2c2c2c; color:#fff;}
  175.  
  176. /*********helpdesigns******/
  177.  
  178. #s-m-t-tooltip {max-width:300px; padding:5px; margin:10px 20px;background-color:#fff; font-family:’04b03′;  font-size:8px;  letter-spacing:1px;   text-transform:uppercase; color:#888; z-index:9999999; border: 1px solid #eee;}/*********helpdesigns******/  
  179.  
  180. .cred {position:fixed; left:0px; top:0px; width:70px; line-height:11px; font:9px calibri; padding:3px; z-index:400;}
  181. .cred a {text-transform:uppercase; color:{color:desc}; letter-spacing: 1px;}
  182. .cred a:hover{background-color:none; color: {color:desc};text-align: center;}
  183.  
  184.  
  185. .pags {position: absolute; margin-top: 505px; margin-left: 68px; width: 168px; background-color: {color:allsidebar}; color: {color:text}; padding: 4px; font-size: 10px; font-family: calibri; text-align: center; margin-bottom: 1px;position:fixed; z-index:3; text-transform:uppercase; }
  186. .pags :hover {text-transform:uppercase;}
  187.  
  188. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Text}; height:auto;-webkit-box-shadow: inset 0 0 6px {color:Text};-webkit-border-radius:1px;}
  189.  
  190. ::-webkit-scrollbar-thumb:horizontal { background-color:{color:Text}; height:5px !important;-webkit-box-shadow: inset 0 0 6px {color:Text};    -webkit-border-radius:1px;}
  191.  
  192. ::-webkit-scrollbar {height:2px; width:7px; background-color:{color:post}; }
  193.  
  194. ::-webkit-scrollbar-corner {background-color:{color:post};}
  195.  
  196.  #viachato {display:none}
  197.  #sourcechato {display:none}
  198.  
  199.  
  200. #scrollToTop:link,#scrollToTop:visited {color:transparent; background-color:transparent; display:none; position:fixed; bottom:15px; right:15px;}
  201.  
  202. /*imagem de carregamento da rolagem infinita*/
  203. #infscr-loading{position:absolute!important;width:16px!important;height:11px!important;margin-bottom:-16px!important;top:auto!important;bottom:0;left:50%!important}
  204.  
  205. #pagination {display:none;}
  206.  
  207. </style>
  208.  
  209.  
  210. <body onkeydown="return false">
  211.  
  212. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/jkEm9tb4p/jquery-1.8.1.min.js"></script>
  213. <script type="text/javascript" src="http://static.tumblr.com/pcjjcmx/1MWmn21zu/olaaaaaaaaa.js"></script>    
  214.  
  215. {block:Pagination}<ul id="pagination">
  216. {block:PreviousPage}
  217. <li><a href="{PreviousPage}"></a></li>
  218. {/block:PreviousPage}
  219. {block:JumpPagination length="5"}
  220. {block:CurrentPage}
  221. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  222. {/block:CurrentPage}
  223. {block:JumpPage}
  224. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  225. {/block:JumpPage}
  226. {/block:JumpPagination}
  227. {block:NextPage}
  228. <li><a id="nextPage" href="{NextPage}"></a></li>
  229. {/block:NextPage}
  230. </ul>{/block:Pagination}
  231. <script type="text/javascript">
  232. $(window).load(function () {
  233. $('#entries').masonry(),
  234. $('.masonryWrap').infinitescroll({
  235. navSelector    : '#pagination',  
  236. nextSelector   : '#pagination a#nextPage',
  237. itemSelector : ".entry, .loading",
  238. bufferPx : 40,
  239. loadingImg : "http://static.tumblr.com/uiqhh9x/38Em68qk4/loading.gif",
  240. loadingText : "<em></em>",
  241. },
  242. function() { $('#entries').masonry({ appendedContent: $(this) }); }
  243. );
  244. });
  245. </script>
  246. {/block:IndexPage}
  247.  
  248.      <div class="cred">
  249. <a href="http://a-rticulada.tumblr.com" title="a-rticulada"> THEME</a></div></div>  
  250.  
  251. <div id="image">
  252. <img src="{image:sidebar}"/></div>
  253.  </div>
  254.  
  255. <div id="desc">{block:Description}{Description}{/block:Description}
  256. </div></div>
  257.  
  258.  
  259.    
  260. <div class="frase">{text:frase}</div>  
  261.  
  262. <div id="menu">
  263. <div class="links">
  264. <a href="{text:Link1}">{text:Link1 Title}</a>
  265. <a href="{text:Link2}">{text:Link2 Title}</a>
  266. <a href="{text:Link3}">{text:Link3 Title}</a>
  267. <a href="{text:Link4}">{text:Link4 Title}</a>
  268. <a href="{text:Link5}">{text:Link5 Title}</a>
  269.     </a></div></div>
  270.    
  271.    
  272. </div></div></div></div>
  273.    
  274. <div id="entries">
  275.  
  276. {block:Posts}
  277. <div class="entry">
  278.  
  279. {block:indexpage}
  280. <div class="permalink"> <a href="{Permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}">Reblog</a></div>
  281.  
  282.  
  283.  
  284. {/block:indexpage}
  285.  
  286.  
  287. {block:Answer}
  288. <div class="askfoto">
  289. <img src="{AskerPortraitURL-48}" align="left"></div>
  290. <div id="askheere">
  291. <strong>{Asker}</strong> asked: {Question}<br /></div>
  292. <div class="askshere2">    <big>{Answer}</big>
  293. </div>{/block:Answer}
  294.              
  295. {block:Text}{block:Title}<div id="title">{Title}</div>{/block:Title}{Body}{/block:Text}
  296.  
  297. {block:Photo}<center><img src="{PhotoURL-400}" width="400px"/></center>
  298. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  299. {block:Photoset}{Photoset-250}{/block:Photoset}
  300.  
  301.   {block:Quote}
  302.     <div class="quotex">“{Quote}”</div>
  303.     {block:Source}<div class="quotex1"> <b>{Source}</b> <br></div>
  304.     {/block:Source}
  305.     {/block:Quote}
  306.  
  307.  
  308.  
  309.  
  310. {block:Link}
  311. <a href="{URL}" id="title" {Target}><div id="title">{Name}</div></a>{block:Description}{Description}{/block:Description}
  312. {/block:Link}
  313.  
  314. {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}
  315.  
  316. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  317.  
  318. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  319.  
  320. {block:Audio}<center>{AudioPlayerWhite}</center>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  321.  
  322.  
  323.  
  324.    
  325. <div class="credito">
  326. {block:Date}<center><div id="tags">{block:HasTags}{block:Tags} #<a href="{TagUrl}">{Tag}</a>{/block:Tags}{/block:HasTags}
  327. </div></center>{/block:IfShowTags}{/block:Date}</div>
  328. </div>
  329.  
  330.  
  331.  
  332. {/block:Posts}
  333. {block:PostNotes}{PostNotes}{/block:PostNotes}
  334. </div></div>
  335. <div class="sourcechato">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  336.           <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}/>
  337.             {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  338.     {/block:ContentSource}</div></div></div>
  339.   <div id= "viachato">
  340.     <a href="{ReblogParentURL}"></a>    
  341. </div>  </div>
  342.  
  343.  
  344. </body>
  345. </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!