API tools faq
paste
fanih

Theme 42

fanih
Dec 15th, 2013
713
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 12.50 KB | None | 0 0
raw download clone embed print report
  1.     <!----theme por A-RTICULADA.tumblr.com (Fanih)  -->
  2.      
  3.     <!--- Don't use as base and details, good use. ---->  
  4.    
  5.     <html>
  6.     <head>
  7.    
  8. <!-- DEFAULT VARIABLES -->
  9.  
  10. <meta name="color:Background" content="#fff" />
  11. <meta name="color:Link" content="#4d4b4b" />
  12. <meta name="color:text" content="#4d4b4b" />
  13. <meta name="color:Post" content="#ffffff" />
  14. <meta name="color:linksmenu" content="#ffffff" />
  15. <meta name="color:lhover" content="#3d3d3d" />
  16. <meta name="color:desc" content="#eeebeb" />
  17. <meta name="color:allcor" content="#eeeeee" />
  18. <meta name="color:bgnotes" content="#fafafa"/>
  19. <meta name="color:textnotes" content="#000"/>
  20. <meta name="color:linhacoluna" content="#DCDCDC" />
  21.          
  22.     <meta name="image:background"/>
  23.     <meta name="image:bgsidebar" content="http://static.tumblr.com/1c018d50076cb625676455b80e1204ac/i1e3kds/M8cmuhegx/tumblr_static_tumblr_mgj04ctj2n1r08nqko1_400.jpg"/>
  24.      
  25.     <meta name="text:frase" content="But, I really love you."/>
  26. <meta name="color:corfrase" content="#eeeeee" />
  27.      
  28.     <meta name="text:Link1" content="/" />
  29.     <meta name="text:Link1 Title" content="link1" />
  30.     <meta name="text:Link2" content="/" />
  31.     <meta name="text:Link2 Title" content="link2" />
  32.     <meta name="text:Link3" content="/" />
  33.     <meta name="text:Link3 Title" content="link3" />
  34.     <meta name="text:Link4" content="/" />
  35.     <meta name="text:Link4 Title" content="link4" />
  36.     <meta name="text:Link5" content="/" />
  37.     <meta name="text:Link5 Title" content="link5" />
  38.  
  39.  <title>{Title}</title>
  40.  
  41.     <link rel="shortcut icon" href="{Favicon}" />
  42. <link href='http://fonts.googleapis.com/css?family=Sacramento' rel='stylesheet' type='text/css'>
  43. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  44. <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>
  45.      
  46.  
  47. </head>        
  48. <style>
  49.  
  50. body {background-color: {color:background}; font-family: verdana; color: {color:text}; text-align: center; font-size: 11px; background-image:url('{image:background}'); background-attachment: fixed; }
  51.      
  52.     a {color: {color:link}; text-decoration: none; text-transform: none;}
  53.     a:hover {color: {color:lhover}; background-color: transparent; text-decoration: none;}
  54.        
  55.     #pagina {float: left; margin-left: 371px;}
  56.      
  57.     .post {width: 400px; background-color: {color:post}; padding: 10px; top: -3px; margin-bottom: -30px; text-align: justify; font-family: cambria; font-size: 12px; position: relative; color:{color:text}; border-top: 1px solid #eee;  }
  58.      
  59.     h1 {font-family: cambria; text-align: center; font-size: 16px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  60.     h1 a {text-align: center; font-size: 16px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  61.     h1 a:hover {text-align: center; font-size: 16px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  62.      
  63.          .notes {width: 420px; padding: 0px; margin-top: 20px;  margin-left: 10px; margin-bottom: 20px; font-family: calibri; font-size: 10px; text-align: left; }
  64.     ol.notes {list-style: none;  margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  65.     ol.notes li {background-color: {color:post}; margin-bottom: 2px; padding: 5px; border-top: solid 1px #f8f8f8; }
  66.     .notes img{vertical-align: -6px;margin-right: 10px;width: 16px;height: 16px;float: left;}
  67.    
  68.         .quotex {font-family: cambria; text-align: left; font-size: 12px; line-height: 14px; padding: 3px; margin-bottom: 2px;}
  69.     .quotex1 {font-family: cambria; font-size: 11px; text-align: center; text-transform: none; }
  70.     .quotex1 a, a:hover{text-transform: none;}
  71.  
  72.     .chat {line-height: 13px; list-style: none }
  73.     .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  74.      
  75.     .imagepost {text-align: center; border: 0px}
  76.     .imagepost img {max-width: 400px; margin-bottom: 2px }
  77.     .imagepost:hover { opacity:0.8; }
  78.    
  79.     #info {display: none; border-top: 1px solid #eee; }
  80.  
  81.      
  82.     #cap {width: 400px; margin-top: -2px;}
  83.     .source {display: none;}
  84.  
  85.   #askheere {width:330px; margin-left:0px;padding:10px; opacity:1; text-align:justify; color:{color:text}; background-color:#f8f8f8; border-radius:5px;font-size: 12px; font-family: Calibri; }
  86.   #askheere a {color:#8b8b8b; font-size:13px;}
  87.   #askheere a:hover {color:#696969; font-size:13px;}  
  88.  
  89.      #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;}
  90.  
  91.    .askfoto {text-align:center; color:{color:text}; font:11px Calibri; text-transform:none; border-radius:60px; opacity:1; -webkit-transition-duration:.25s; }
  92.    .askfoto a{color:{color:text};}
  93.    .askfoto img {width:58px; vertical-align:middle; background-color:{color:background}; padding:3px; }
  94.    .askfoto:hover {opacity:0.7; -webkit-transition-duration:.25s;}
  95.    
  96. .tags {display: none;}
  97. .cred {position:fixed; left:0px; top:0px; width:70px; line-height:11px; font:9px calibri; padding:3px; z-index:400;}
  98. .cred a {text-transform:uppercase; color:{color:text}; letter-spacing: 1px;}
  99. .cred a:hover{background-color:none ;color: {color:lhover};text-align: center;}
  100.  
  101. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Text}; height:auto;-webkit-box-shadow: inset 0 0 6px {color:Text};-webkit-border-radius:1px;}
  102.  
  103. ::-webkit-scrollbar-thumb:horizontal { background-color:{color:Text}; height:5px !important;-webkit-box-shadow: inset 0 0 6px {color:Text};    -webkit-border-radius:1px;}
  104.  
  105. ::-webkit-scrollbar {height:2px; width:7px; background-color:{color:post}; }
  106.  
  107. ::-webkit-scrollbar-corner {background-color:{color:post};}
  108.  
  109.  /*********helpdesigns******/
  110.  
  111. #s-m-t-tooltip {max-width:300px; padding:5px; margin:20px -20px;background-color:#fff; font-family:’04b03′;  font-size:8px;  letter-spacing:1px;   text-transform:none; color:#888; z-index:9999999; border-radius:10px; border: 1px solid #eee;} /*********helpdesigns******/
  112.  
  113. #coluna {background:url('{image:bgsidebar}'); position: fixed; margin-left: 90px; width: 250px;border: 1px solid #dcdcdc; height: 580px;  margin-top: -50px; opacity:0.90;  background-color:{color:coluna}; order-top-left-radius:180px;border-bottom-left-radius:180px;border-bottom-right-radius:180px; }
  114.  
  115. #desc {width:197px; height: 68px; margin-left: 92px; margin-top: 55px; position:fixed; z-index:3; text-align:center; line-height: 12px;  font-family: cambria; font-size: 12px;  overflow:hidden; color:{color:desc}; background-color: none; padding: 3px 2px;font-style:italic; }
  116.  
  117. #frase {width:229px; height: 20px; margin-left: 76px; margin-top: 10px; position:fixed; text-align:center; line-height: 19px;  font-family: "Sacramento"; font-size: 26px;  overflow:hidden; color:{color:corfrase}; background-color: none; padding: 6px 2px; z-index:999999999; }
  118.  
  119. #menu {text-align:center; width:249px; margin-top: 55px;  margin-left: 94px;  position:fixed;}
  120.  
  121. .links { text-align: center; padding:1px; margin-top: -17px; width:214px; margin-left: 25px; background-color: none; }
  122. .links a {text-transform: uppercase; padding: 4px; letter-spacing: 0px; font-family:calibri; font-size: 10px; text-align:center; color:{color:linksmenu}; text-decoration: none; background-color: none; font-weight:normal;-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; text-transform:none; text-shadow: 1px 1px 1px #020202; font-style: italic; }
  123. .links a:hover {text-align: center; font-weight: none; font-style: italic; color:#000000; }
  124.  
  125.  
  126. .notesinf {display: block; text-align: justify; overflow: hidden; margin-bottom: 15px; }
  127. .notesinfo {position: absolute; font-family:calibri; background: {color:bgnotes}; text-align:right; margin-left: 0px; text-transform:uppercase; color: {color:textnotes}; padding: 3px; font-size: 10px; opacity: 0; z-index: 99;   -webkit-transition-duration: .70s; }
  128. .notesinfo a {color: {color:textnotes}; text-transform:uppercase;}
  129. .notesinf:hover .notesinfo {opacity:99; color: {color:textnotes}; text-transform:uppercase;}
  130.  
  131. #scrollToTop:link,#scrollToTop:visited {color:transparent; background-color:transparent; display:none; position:fixed; bottom:15px; right:15px;}
  132.  
  133.     </style>
  134.      
  135.     <body>
  136.    
  137.    <script type="text/javascript"
  138. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  139. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  140. <script>
  141.     (function($){
  142.  
  143.         $(document).ready(function(){
  144.             $("[title]").style_my_tooltips();
  145.         });
  146.     })(jQuery);
  147. </script>    
  148.  
  149. <div class="cred">
  150. <a href="http://a-rticulada.tumblr.com" title="© A-RTICULADA"> THEME</a></div>
  151.  
  152. <div id="coluna"></div>
  153.          
  154. <div id="desc">
  155. {block:Description}{Description}{/block:Description}
  156. </div>
  157. <div id="frase">{text:frase}</div>  
  158.  
  159. <div id="menu">
  160. <div class="links">
  161. <a href="{text:Link1}">{text:Link1 Title}</a>  
  162. <a href="{text:Link2}">{text:Link2 Title}</a>  
  163. <a href="{text:Link3}">{text:Link3 Title}</a>  
  164. <a href="{text:Link4}">{text:Link4 Title}</a>  
  165. <a href="{text:Link5}">{text:Link5 Title}</a>  
  166.     </a></div></div>
  167.        
  168.  
  169.          
  170.     <div id="pagina">
  171.      
  172.      {block:Posts}
  173.      
  174.      
  175.      
  176.     <div class="post">
  177.    
  178.     <div class="notesinf">
  179.  
  180. <div class="notesinfo">
  181. <a href="{Permalink}">{NoteCountWithLabel}</a> • <a href="{ReblogURL}">reblog</a></div>
  182.    
  183.     {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  184.      
  185.     {block:Photo}{LinkOpenTag}<div class="imagepost"><img src="{PhotoURL-400}"></div>{LinkCloseTag}{/block:Photo}
  186.      
  187.  {block:Photoset}{Photoset-400}{/block:Photoset}
  188.     {block:Quote}
  189.     <div class="quotex">{Quote} <b> {Source}</b></div>
  190.     {block:Source}<div class="quotex1"></div>
  191.     {/block:Source}
  192.     {/block:Quote}
  193.      
  194.     {block:Link}
  195.     <h1><a href="{URL}" {Target}>{Name}</a></h1>
  196.     {block:Description}{Description}{/block:Description}
  197.     {/block:Link}
  198.      
  199.     {block:Chat}
  200.     {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  201.     <div class="chat"><ul>{block:Lines}
  202.     <li class="person{UserNumber}">{block:Label}
  203.     <span class="label"><strong>{Label}</strong></span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  204.     {/block:Chat}
  205.      
  206.     {block:Audio}
  207.     <div class="player">{AudioPlayerBlack}</div>
  208.     {block:Caption}{Caption}{/block:Caption}
  209.     {/block:Audio}
  210.      
  211.     {block:Video}{Video-500}{/block:Video}
  212.      
  213.          {block:Answer}<img src="{AskerPortraitURL-48}" align="right" class="askfoto">
  214.          <div id="askheere">
  215.        <strong>{Asker}</strong> <font color= #8b8b8b>asked:</font> <br>{Question}<br /></div>
  216.         <div class="askshere2">    {Answer}
  217.     </div>{/block:Answer}
  218.    
  219.      
  220.     <div id="cap">
  221.     {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  222.     {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  223.     {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  224.      
  225.     <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  226.           <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  227.             {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  228.     {/block:ContentSource}</div></div></div>
  229.     <br>
  230.      
  231.     <div class="opant">
  232.     {block:Date}<div id="info">
  233.     <center>POSTED ON  <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} WITH <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} · <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} · <a href="{SourceURL}">source</a>{/block:ContentSource} {block:IndexPage}· <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</center> </div><center><div class="tags">{block:HasTags}{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}{/block:HasTags}
  234.     </div></center>{/block:Date}</div>
  235.     </div>
  236.    
  237.      {/block:Posts}
  238.     {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  239.      
  240.  
  241.  
  242. </div></div>
  243.  
  244.  
  245.      
  246.  
  247.     </div>
  248.     </div>
  249.      
  250.     </body>
  251.     </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!