Want more features on Pastebin? Sign Up, it's FREE!

theme-21

By: fn-themes on Sep 11th, 2012  |  syntax: None  |  size: 15.80 KB  |  views: 79  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1.    
  2.     <head>
  3.    
  4. <link href='http://fonts.googleapis.com/css?family=Codystar' rel='stylesheet' type='text/css'>
  5.     <meta name="font:text" content="Arial" />
  6.     <meta name="color:background" content="#ffffff" />
  7.     <meta name="color:post" content="#ffffff" />
  8.     <meta name="color:posttxt" content="#000000" />
  9.     <meta name="color:sidebar" content="#ffffff" />
  10.     <meta name="color:link4" content="#aaa8a8" />
  11.     <meta name="color:sidebartext" content="#000000" />
  12.     <meta name="color:scrollbar" content="#000000" />
  13.     <meta name="color:linksid" content="#000000" />
  14.     <meta name="color:bglink1" content="#ffffff" />
  15.     <meta name="color:bglink2" content="#fce2f6" />
  16.     <meta name="color:frase" content="#000000" />  
  17.     <meta name="image:bg" content="">
  18.     <meta name="image:sidebar" content="http://static.tumblr.com/yhfuno6/HStm8rqq1/tumblr_m7zn2qelzy1r1vezro1_5003.jpg"/>
  19.      
  20.     <meta name="if:Mostrar tags" content="0"/>
  21.      
  22.     <meta name="text:btitulo" content="UM TITULO AQUI" />
  23.      
  24.     <meta name="text:Link1" content="/" />
  25.     <meta name="text:Link1 Title" content="link1" />
  26.     <meta name="text:Link2" content="/" />
  27.     <meta name="text:Link2 Title" content="link2" />
  28.     <meta name="text:Link3" content="/" />
  29.     <meta name="text:Link3 Title" content="link3" />
  30.     <meta name="text:Link4" content="/" />
  31.     <meta name="text:Link4 Title" content="home" />
  32.     <meta name="text:Link5" content="/" />
  33.     <meta name="text:Link5 Title" content="link5" />
  34.     <meta name="text:Link6" content="/" />
  35.     <meta name="text:Link6 Title" content="link6" />
  36.    
  37.      
  38.     <title>{Title}</title>
  39.      
  40.        <style type="text/css">
  41.     body {background-color:{color:background}; font-family: {font:text}; color: {color:posttxt}; background-image:url('{image:bg}'); font-size: 12px; background-position:bottom left; background-attachment:fixed; background-repeat:repeat;}
  42.     a {color:{color:posttxt}; text-decoration:none; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  43.     a:hover {opacity:0.5;}
  44.      
  45.     ::-webkit-scrollbar-thumb:vertical {background-color: {color:scrollbar}; height: 50px;}
  46.     ::-webkit-scrollbar-thumb:horizontal {background-color: {color:scrollbar}; height: 10px;}
  47.     ::-webkit-scrollbar {height: 5px; width: 5px; background-color: {color:scrollbarbg}; }
  48.      
  49.     blockquote {margin: 5px 5px 5px 5px; border-left: 4px solid {color:background}; padding-left: 5px; }
  50.      
  51.     blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background};}
  52.      
  53.     blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background}; }
  54.      
  55.     blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background}; }
  56.      
  57.      
  58.      
  59.     blockquote img{max-width: 470px!important}
  60.      
  61.     blockquote blockquote img{max-width: 450px!important}
  62.      
  63.     blockquote blockquote blockquote img{max-width: 430px!important}
  64.      
  65.     blockquote blockquote blockquote blockquote img{max-width: 410px!important}
  66.      
  67.     #content {}
  68.          
  69.     @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  70.      
  71.      
  72.     #posts {margin-left: 350px; margin-top:-3px; z-index:999; width:520px; border-top:0px solid transparent; }
  73.      
  74.     .post {width: 500px; background-color: {color:post}; padding: 10px; text-align: justify; font-family: {font:text}; font-size: 11px; position: relative;  opacity:1; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; z-index:999; border-bottom:1px dotted {color:posttxt}; border-right:1px solid {color:background};}
  75.      
  76.     .post img {opacity:0.9; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out}
  77.     .post img:hover {opacity:1;}
  78.      
  79.     .chat {line-height: 12px; list-style: none; }
  80.     .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height:20px;}
  81.      
  82.     .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px;}
  83.      
  84.     .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px;}
  85.      
  86.     .smbluc {position:absolute; left:-42px; top:-15px; color:{color:posttext}; font-size:80px; font-family:arial;}
  87.      
  88.     .quote {font-size:13px; text-align:center; font-family:verdana; width:463px; position:relative; left:37px;}
  89.     .quote small {font-size:14px;}
  90.      
  91.     .sourcequote {text-align:right;}
  92.     .title {font-size:13px; text-align:left; font-weight:bold;}
  93.      
  94.      
  95.     .askerimg {border-radius:5px; -webkit-transition: all 1s ease-out;-moz-transition: all 0.5s ease-out;transition: all 1s ease-out; }
  96.     .askerimg:hover {opacity:1; border-radius:15px;}
  97.      
  98.     .titleask {font-size:9px; font-style:italic;}
  99.     .titleask a {font-weight:bold; opacity:0.9;}
  100.     .titleask a:hover {opacity:0.5;}
  101.      
  102.     .answer {font-size:12px;}
  103.      
  104.     .question {font-size:10px;}
  105.      
  106.     .tags {font-family:tinytots; font-size:8px; text-transform:uppercase}
  107.     .tags a {color:{color:posttxt};}
  108.      
  109.      
  110.      
  111.     #date {font-size:8px;text-align:center; font-family:tinytots;text-transform:uppercase; overflow:hidden; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; margin-top:4px;}
  112.     #date a{ opacity:.3;-webkit-transition: all 1s ease-out;-moz-transition: all 0.5s ease-out;transition: all 1s ease-out;}
  113.     #date a:hover{opacity:1;}
  114.  
  115.     .notecount {font-family:verdana;}
  116.     .tag {}
  117.      
  118.     #notess {margin-left: 0px; width:500px; font-size:8px; text-transform:none; font-family:{font:text}}
  119.     #notess a {}
  120.      
  121.     ol.notes {list-style: none;  margin-bottom:1px; padding: 0px; z-index:999; border-top:1px solid {color:background};}
  122.      
  123.     ol.notes li {background-color:{color:post}; border-bottom: 1px solid {color:bg}; padding: 5px; font-size:10px; z-index:999;}
  124.      
  125.     ol.notes img {display:none}
  126.      
  127.     #cap {position:relative;}
  128.     .source {display: none; position:absolute;}
  129.      
  130.          
  131.     #linkss .oslinks a {text-align:center; float:left;line-height:4px; display:block; padding:5px; font-size:8px; text-transform:uppercase; width:42.5px; height:3px; font-family:tinytots; background-color:{color:bglink1}; color:{color:linksid}; opacity:1; border-bottom:1px solid {color:background}; border-right:1px solid {color:background}}
  132.      
  133.     #linkss .oslinks a:hover {opacity:1; background-color:{color:bglink2}; color:{color:link4};}
  134.      
  135.    
  136.      #linkss {position:fixed; top:420px; left:83px; width:auto; z-index:3; background-color:transparent;}
  137.      
  138.     #linkss .oslinks {width:auto; position:relative; left:79px;}
  139.    
  140. /** --------------------------------------------------------------------**/  
  141.    
  142.    
  143.    #linkss2 .oslinks2 a {float:left;text-align:center; line-height:4px; display:block; padding:5px; font-size:8px; text-transform:uppercase; width:44px; height:3px; font-family:tinytots; background-color:{color:bglink1}; color:{color:linksid}; opacity:1; border-bottom:1px solid {color:background}; border-right:1px solid {color:background};}
  144.      
  145.     #linkss2 .oslinks2 a:hover {opacity:1; background-color:{color:bglink2}; color:{color:link4};}
  146.      
  147.    
  148.      #linkss2 {position:fixed; top:230px; left:70px; width:auto; z-index:9999; background-color:transparent; }
  149.      
  150.     #linkss2 .oslinks2 {width:auto; position:relative; left:183px; top:14px; }
  151.  
  152. /** --------------------------------------------------------------------**/  
  153.    
  154.    
  155.    #linkss2 .oslinks3 a {float:left;text-align:center; line-height:4px; display:block; padding:5px; font-size:8px; text-transform:uppercase; width:40px; height:3px; font-family:tinytots; background-color:{color:bglink2}; color:{color:link4}; opacity:1; border-bottom:1px solid {color:background};}
  156.      
  157.     #linkss2 .oslinks3 a:hover {opacity:1; background-color:{color:bglink1}; color:{color:linksid};}
  158.      
  159.    
  160.      #linkss2 {position:fixed; top:230px; left:30px; width:auto; z-index:9999; background-color:transparent;}
  161.      
  162.     #linkss2 .oslinks3 {width:auto; position:relative; left:132px;}
  163.      
  164.    #crd {width: auto; height: auto; padding:0px; margin-top:580px; margin-left:1200px; position: fixed;z-index: 9999999999;}
  165. #crd a {float: left; display: block; width: auto; letter-spacing:2px;text-transform:uppercase;height:auto; line-height: 15px; padding: 3px; font-family: homenaje; font-size: 10px; text-align: center; background-color:#000; color:#fff;opacity:1;  -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out;}
  166.      
  167.     #sidebar {position:fixed; left:113px; margin-top:233px; height:180px; width:139px; background-color:transparent; color:{color:sidebartext}; border-right:0px solid transparent; z-index:20; border-right:0px solid transparent; border-left:1px solid transparent;}
  168.    
  169.    
  170.    
  171.     #frase {letter-spacing:1px; position:fixed;margin-left:50px; margin-top:-18px;width:150px; line-height:16px; color:{color:frase}; background-color:transparent;font-size:15px;padding:3px; font-size:px; font-family:"Homenaje"; text-align:center;  font-style:normal; height:15px; }
  172.      
  173.     #imagevi1{float: left; margin-top:20.5px; margin-left:48px; padding: 0px; border: 0px double transparent; width: 160px; height:160px; position: fixed; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; background-color: {color:background};}
  174. #imagevi1 a {background-attachment: absolute;}
  175. #imagevi2 {margin-top: 0px; margin-left: 0px; position: absolute;}
  176. #imagevi2 img{width: 160px; height:160px; position: absolute; opacity:1; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out;}
  177. #imagevi2 img:hover{opacity:0.9}
  178.      
  179.    
  180.      
  181.     .pag {position:absolute;bottom:18px; right:95px;}
  182.      
  183.      
  184.     .active_page {font-size:7px; height:auto; padding:4px; font-family:verdana; opacity:0.7; background-color:{color:background}; color:{color:sidebartext};}
  185.      
  186.     .jump_page {font-size:7px; padding:4px; height:auto;font-family:verdana; opacity:1; background-color:{color:background}; color:{color:sidebartext};}
  187.     .jump_page:hover {opacity:0.7;}
  188.      
  189.      
  190.     #description {width:152px; left:161px;position:fixed; top:440px; padding:4px; text-align:center; font-size:10px; background-color:{color:sidebar}; color:{color:sidebartext}; margin-top:0px; border-top:0px solid {color:bg}; padding-top:1px; -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out; z-index:5000; border-right:0px solid {color:bg};}
  191.      
  192.      
  193.     iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.6;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out; z-index:999;}
  194.      
  195.      
  196.      
  197.     iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; }
  198.      
  199.     </style>
  200.     <link rel="shortcut icon" href="{Favicon}">
  201.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  202.             {block:Description}
  203.       <meta name="description" content="{MetaDescription}" />
  204.             {/block:Description}
  205.     </head>
  206.      
  207.     <body>
  208.    
  209.     <div id="content">
  210.      
  211.      
  212.     <div id="sidebar">
  213.      <div id="frase">
  214.     {text:btitulo}
  215.     </div>
  216.    
  217.      <div id="imagevi1">
  218. <div id="imagevi2">
  219.     <img src="{image:sidebar}">
  220.     </div></div>
  221.     <div class="pag">
  222.     {block:JumpPagination length="3"}{block:CurrentPage}<span><a href="#" class="active_page"><center>{PageNumber}</center></a></span> {/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}"><center>{PageNumber}</center></a> {/block:JumpPage}{/block:JumpPagination}
  223.     </div>
  224.      
  225.     </div>
  226.     <div id="description">
  227.     {Description}
  228.     </div>
  229.      
  230.     </div>
  231.      
  232.     <div id="linkss">
  233.     <div class="oslinks">
  234.      {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  235.     {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a> {/block:ifLink2}
  236.     {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a> {/block:ifLink3}
  237.      
  238.     </div>
  239.     </div>
  240.     <div id="linkss2">
  241.     <div class="oslinks2">
  242.     {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a> {/block:ifLink5}
  243.     {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a> {/block:ifLink6}
  244.     </div>
  245.     <div class="oslinks3">
  246.     {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  247.     </div></div>
  248.     <div id="crd"><a href="http://pr-inceso.tumblr.com" title="plagio? ctrl+u baby *u*">theme by pr-inceso</a></div>
  249.  
  250.     </div>
  251.     </div>
  252.      
  253.     <div id="posts">
  254.     {block:Posts}
  255.     <div class="post">
  256.      
  257.      
  258.     {block:Text}{block:Title}<div class="title">{Title}</div>{/block:Title}{Body}{/block:Text}
  259.     {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  260.      
  261.     {block:Photoset}{Photoset-500}{/block:Photoset}
  262.     {block:Quote}
  263.  
  264.      
  265.     <div class="quote">“{Quote}"</div>
  266.     {block:Source}<div class="sourcequote"> — {Source}</div>
  267.     {/block:Source}
  268.     {/block:Quote}
  269.      
  270.     {block:Link}
  271.     <div class="title"><a href="{URL}" {Target}>{Name}</a></div>
  272.     {block:Description}{Description}{/block:Description}
  273.     {/block:Link}
  274.      
  275.     {block:Chat}
  276.     {block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  277.     <div class="chat"><ul>{block:Lines}
  278.     <li class="person{UserNumber}">{block:Label}
  279.     <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  280.     {/block:Chat}
  281.      
  282.     {block:Audio}
  283.     <div class="player">{AudioPlayerBlack}</div>
  284.     {block:Caption}{Caption}{/block:Caption}
  285.     {/block:Audio}
  286.      
  287.     {block:Video}{Video-500}{/block:Video}
  288.      
  289.     {block:Answer}
  290.     <table width="100%" style="font-size:12px;">
  291.     <tr>
  292.     <td width="48"><a href="{AskerURL}" target="_blank"><img width="48" src="{AskerPortraitURL-48}" class="askerimg"></a></td>
  293.     <td class="asker" style="padding:10px;"><font class="titleask"><b>{Asker}</b> asked me:</font><div class="question">{Question}</div></td>
  294.     </tr>
  295.     </table>
  296.     <div class="answer">{Answer}</div>
  297.     {/block:Answer}
  298.      
  299.      
  300.     {block:Photo}<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photo}
  301.     {block:Video}<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Video}
  302.     {block:Photoset}<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photoset}
  303.      
  304.    
  305.    
  306.     <div class="source">
  307.     {block:ContentSource}<a href="{SourceURL}" target="_blank">Source</a>{/block:ContentSource}
  308.     </div>
  309.      
  310.     <div id="date">
  311.     {block:IfMostrartags}{block:HasTags}<div class="tags"><strong>Taged as:</strong> {block:Tags}<font class="tag">#</font><a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}{/block:IfMostrartags}
  312.     {block:Date}
  313.     <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} · <a href="{Permalink}"><strong>{NoteCount}</strong></a> {/block:NoteCount} {block:IndexPage} · <a href="{ReblogUrl}" target="_blank"><strong>reblog baby</strong></a>{/block:IndexPage}
  314.     {block:RebloggedFrom}<div><a href="{ReblogRootURL}" title="{ReblogRootTitle}"></a>{/block:RebloggedFrom}{block:RebloggedFrom}<a href="{ReblogParentURL}"></a></div>
  315.     {/block:RebloggedFrom}
  316.     {block:PostNotes}<div id="notess">{PostNotes}</div>{/block:PostNotes}
  317.     </div>
  318.      
  319.      
  320.     </div>
  321.     {/block:Date}
  322.      {/block:Posts}
  323.      
  324.      
  325.     </div>
  326.     </div>
  327.      
  328.     <div style="display:none">
  329.      
  330.    
  331.     </div>
  332.      
  333.  
  334.  
  335.     </body>
  336.     </html>
clone this paste RAW Paste Data