API tools faq
paste
Advertisement
fanih

Theme 66

fanih
Oct 26th, 2014
257
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 15.69 KB | None | 0 0
raw download clone embed print report
  1.    <!---- cultiveis.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="#979696" />
  12. <meta name="color:text" content="#8c8c8c" />
  13. <meta name="color:Post" content="#ffffff" />
  14. <meta name="color:linksmenu" content="#727171" />
  15. <meta name="color:lhover" content="#7e7d7d" />
  16. <meta name="color:desc" content="#767676" />
  17. <meta name="color:allcor" content="#DCDCDC" />
  18. <meta name="color:textnotes" content="#737373"/>
  19. <meta name="color:bgnotes" content="#fff" />
  20.          
  21.     <meta name="image:background"/>
  22.     <meta name="image:sidebar" content=""/>
  23.  
  24.      
  25.     <meta name="text:frase" content="Let it be"/>
  26. <meta name="color:corfrase" content="#848484" />
  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.     <meta name="text:Link6" content="/" />
  39.     <meta name="text:Link6 Title" content="link6" />
  40.  
  41.     <link rel="shortcut icon" href="{Favicon}" />
  42.     <title>{Title}</title>  
  43.    
  44. <style>
  45.        
  46.      
  47. 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; }
  48.      
  49.     a {color: {color:link}; text-decoration: none; text-transform: none;}
  50.     a:hover {color: {color:lhover}; background-color: transparent; text-decoration: none;}
  51.        
  52.     #pagina {float: left; margin-left: 460px;}
  53.      
  54.     .post {width: 400px; background-color: {color:post}; padding: 10px; top: -3px; margin-bottom: 2px; text-align: justify; font-family: cambria; font-style:italic; font-size: 12px; position: relative; color:{color:text}; border: 1px solid #eee;}
  55.      
  56.     h1 {font-family: cambria; text-align: left; font-size: 13px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px; font-style:italic;}
  57.     h1 a {text-align: center; font-size: 14px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  58.     h1 a:hover {text-align: center; font-size: 14px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  59.      
  60. .notes {width: 420px; padding: 0px; margin-top: -3px;  margin-left: 10px; margin-bottom: 2px; font-family: calibri; font-size: 10px; text-align: left; }
  61. ol.notes {list-style: none;  margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  62. ol.notes li {background-color: {color:post}; margin-bottom: 2px; padding: 5px; border-top: solid 1px #f8f8f8; }
  63. .notes img{vertical-align: -6px;margin-right: 10px;width: 16px;height: 16px;float: left;}
  64.    
  65.      
  66.         .quotex {font-family: cambria; text-align: left; font-size: 12px; line-height: 15px; padding: 3px; margin-bottom: 5px;}
  67.     .quotex1 {font-family: cambria; font-size: 12px; text-align: left; text-transform: none; margin-bottom: 5px; font-weight:bold; font-style:italic;}
  68.     .quotex1 a, a:hover{text-transform: none;}
  69.  
  70.     .chat {line-height: 13px; list-style: none }
  71.     .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  72.      
  73.     .imagepost {text-align: center; border: 0px}
  74.     .imagepost img {max-width: 400px; margin-bottom: 2px }
  75.     .imagepost:hover { opacity:0.9; }
  76.    
  77.     #info {margin-top: -32px; }
  78.  
  79.      
  80.     #cap {width: 400px; margin-top: -2px;}
  81.     .source {display: none;}
  82.  
  83. .tags {display: none;}
  84.  
  85. #image {margin-top:35px; margin-left:250px; position:absolute; width:172px; height:190px; position:fixed; background-color:none;  }
  86.  
  87. #image img {display: block;width: 174px; height: 180px; border:1px solid #eee; padding:10px; padding-top: 50px; padding-bottom: 100px;}
  88.  
  89.  
  90. #desc {width:180px; height: 27px; margin-left: 254px; margin-top: 40px; position:fixed; text-align:center; line-height: 16px;  font-family: Cambria; font-size: 11px;  overflow:hidden; color:{color:desc}; background-color: none; padding:3px; padding-bottom:6px; border-bottom: 1px solid #eee; }
  91. #desc a {font-size:10px; font-family:calibri; color:#808080; letter-spacing: 0.5px;}
  92. #desc a:hover {color: #4a4a4a;}
  93.  
  94. .frase {width:175px; height: 15px;  padding:6px;  margin-left: 253px; margin-top: 275px;  position:fixed; text-align:center; line-height: 15px;  font-family: Cambria; font-size: 10px;  overflow:hidden; color:#5d5d5d; background-color:none; text-transform:uppercase; z-index: 1; padding-top:6px; border-top: 1px solid #eee; border-bottom: 1px solid #eeecec; }
  95.  
  96. #menu {text-align:center; width:409px; margin-top: 510px;  margin-left: 45px;  position:fixed; opacity:0.6;-webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; }
  97. #menu:hover {opacity:1.0; -webkit-transition-duration: 0.6s;-moz-transition-duration: 0.6s; }
  98.  
  99. .links {margin-left:208px; margin-top: -210px; padding: 0px; text-align: center; z-index:2; position: absolute;float: left;clear: both; }
  100.  
  101. .links a {float: left; margin-top: 2px; font-family: cambria;  font-size:9px;width: 61px;  background-color: none; color:#5d5d5d; 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-bottom: 1px solid #eeecec;  }
  102. .links a:hover {z-index:999999999;text-decoration: none; background-color: none;  color:#000;}
  103.  
  104. #paginacaohm {display: block; font: bold 8px verdana; color: {color:desc}; padding: 4px; text-align: center; text-transform:none; margin-top: 16px; margin-left: 297px; position: fixed;}
  105. #paginacaohm a {background: {color:background}; color: {color:desc}; font: 8px verdana; text-transform: none;padding: 4px; -webkit-transition-duration: .90s;  text-decoration: none;}
  106. #paginacaohm a:hover {background: {color:background}; padding: 4px;  text-decoration: none;}
  107. #paginacaohm span.pagina_atual {background: {color:background}; text-decoration: none;padding: 4px;}
  108.  
  109.  iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.7;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  110.  
  111. /** helpdesigns **/ #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;}/** finish **/  
  112.  
  113.  
  114. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Text}; height:auto;-webkit-box-shadow: inset 0 0 6px {color:Text};-webkit-border-radius:1px;}
  115.  
  116. ::-webkit-scrollbar-thumb:horizontal { background-color:{color:Text}; height:5px !important;-webkit-box-shadow: inset 0 0 6px {color:Text};    -webkit-border-radius:1px;}
  117.  
  118. ::-webkit-scrollbar {height:2px; width:7px; background-color:{color:post}; }
  119.  
  120. ::-webkit-scrollbar-corner {background-color:{color:post};}
  121.  
  122.  
  123. .cred {position:fixed; left:0px; top:0px; line-height:11px; font:9px calibri; padding:3px; z-index:400;}
  124. .cred a {text-transform:uppercase; color:{color:desc}; letter-spacing: 0px;}
  125. .cred a:hover{background-color:none; color: {color:desc};text-align: center;}
  126.  
  127. /*** ask by conjuntar **/
  128.  
  129. .per {position:relative; padding: 3px 7px; margin:0; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; background:#eee; clear:both; font-family:calibri; font-size:11px;}
  130. .fe {display:block; position:absolute; bottom:-15px; left:20px; width:0; border-width:15px 15px 0; border-style:solid; border-color:#eee transparent;}
  131. .autor {position:absolute; bottom:-20px; left:45px; font-family:calibri; font-size:10px;}
  132.  
  133. .notesinf {display: block; text-align: justify; overflow: hidden; margin-bottom: 15px; }
  134. .notesinfo {bottom: -1px; position: absolute; background-color: #fff; text-align:right; margin-left: 0px;  text-transform:none; color: transparent; padding: 3px; font-size: 10px; opacity: 0; z-index: 99; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; -webkit-transition-duration: .90s; width:110px; padding-top:5px; bottom:-10px; left:290px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
  135. .notesinfo a {color: {color:textnotes}; font-family:cambria;font-size: 10px; font-style:italic; text-transform:none;-webkit-transition: all 0.6s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.6s linear; transition: all 0.2s linear; }
  136. .notesinf:hover .notesinfo {opacity:99; color: {color:textnotes}; text-transform:uppercase;-webkit-transition: all 0.2s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; bottom:5px;}
  137.  
  138. .notesinf1 {display: block; text-align: justify; overflow: hidden; margin-bottom: 15px; }
  139. .notesinfo1 {position: absolute; background: {color:bgnotes}; text-align:right; margin-left: 0px; text-transform:uppercase; color: transparent; padding: 3px; font-size: 10px; opacity: 0; z-index: 99; -webkit-border-bottom-right-radius: 6px;-webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear;}
  140. .notesinfo1 a {color: {color:textnotes}; font-family:cambria;font-size: 10px; font-style:italic; text-transform:none;}
  141. .notesinf1:hover .notesinfo1 {opacity:99; color: {color:textnotes}; text-transform:uppercase; }
  142.  
  143. .notesinf2 {display: block; text-align: justify; overflow: hidden; margin-bottom: 15px; }
  144. .notesinfo2 {bottom:-1px; position: absolute; background: none; text-align:right; margin-left: 0px; text-transform:uppercase; color: transparent; padding: 3px; font-size: 10px; opacity: 0; z-index: 99; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; -webkit-transition-duration: .90s; width:400px;  }
  145. .notesinfo2 a {color: {color:textnotes};font-family:cambria;font-size: 10px; font-style:italic; text-transform:none;}
  146. .notesinf2:hover .notesinfo2 {opacity:99; color: {color:textnotes}; text-transform:uppercase;}
  147.  
  148. #viachato {display: none}
  149.  
  150.    </style>
  151.    
  152.      
  153.     <body>
  154.    
  155.     <script type="text/javascript"
  156. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  157. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  158. <script>
  159.     (function($){
  160.  
  161.         $(document).ready(function(){
  162.             $("[title]").style_my_tooltips();
  163.         });
  164.     })(jQuery);
  165. </script>
  166.  
  167.  <div id="image">
  168. <img src="{image:sidebar}"/>
  169. </div>
  170. <div class="frase">{text:frase}</div>  
  171.     <div class="cred">
  172. <a href="http://cultiveis.tumblr.com" title="Cultiveis"> THEME</a></div>
  173.  
  174. <div id="desc">
  175. {block:Description}{Description}{/block:Description}
  176. </div>
  177.  
  178. <div id="menu">
  179. <div class="links">
  180. <a href="{text:Link1}">{text:Link1 Title}</a>  
  181. <a href="{text:Link2}">{text:Link2 Title}</a>  
  182. <a href="{text:Link3}">{text:Link3 Title}</a>  
  183. <a href="{text:Link4}">{text:Link4 Title}</a>  
  184. <a href="{text:Link5}">{text:Link5 Title}</a>
  185. <a href="{text:Link6}">{text:Link6 Title}</a>
  186.  </a></div></div></div></div>   </div>
  187.  
  188. </div></div>
  189.  
  190. <div id="paginacaohm">
  191. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  192. {block:JumpPagination length="5"}
  193. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  194. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  195. {/block:JumpPagination}
  196. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  197. </div>
  198.  
  199.  </div></div>  
  200.  
  201. <div id="pagina">
  202.      
  203. {block:Posts}
  204.      
  205.    <div class="post">
  206.    
  207.  
  208.     {block:Text}<div class="notesinf"><div class="notesinfo"><a href="{Permalink}">{NoteCountWithLabel}</a> // <a href="{ReblogURL}">reblog</a></div>{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  209.      
  210.     {block:Photo}<div class="notesinf1"><div class="notesinfo1"><a href="{Permalink}">{NoteCountWithLabel}</a> // <a href="{ReblogURL}">reblog</a></div>{LinkOpenTag}<div class="imagepost"><img src="{PhotoURL-400}"></div>{LinkCloseTag}{/block:Photo}
  211.      
  212.  {block:Photoset}<div class="notesinf1"><div class="notesinfo1"><a href="{Permalink}">{NoteCountWithLabel}</a> // <a href="{ReblogURL}">reblog</a></div>{Photoset-400}{/block:Photoset}
  213.    
  214.     {block:Quote}<div class="notesinf"><div class="notesinfo"><a href="{Permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}">reblog</a></div> <div class="quotex"><i>{Quote}</i></div>
  215.     {block:Source}<div class="quotex1"><b><i> {Source}</b></i></div>
  216.     {/block:Source}
  217.     {/block:Quote}
  218.      
  219.     {block:Link}<div class="notesinf"><div class="notesinfo"><a href="{Permalink}">{NoteCountWithLabel}</a> // <a href="{ReblogURL}">reblog</a></div><h1><a href="{URL}" {Target}>{Name}</a></h1>
  220.     {block:Description}{Description}{/block:Description}
  221.     {/block:Link}
  222.      
  223.     {block:Chat}<div class="notesinf"><div class="notesinfo"><a href="{Permalink}">{NoteCountWithLabel}</a> // <a href="{ReblogURL}">reblog</a></div>
  224.     {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  225.     <div class="chat"><ul>{block:Lines}
  226.     <li class="person{UserNumber}">{block:Label}
  227.     <span class="label"><strong>{Label}</strong></span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  228.     {/block:Chat}
  229.      
  230.     {block:Audio}<div class="notesinf1"><div class="notesinfo1"><a href="{Permalink}">{NoteCountWithLabel}</a> // <a href="{ReblogURL}">reblog</a></div><div class="player">{AudioPlayerBlack}</div>
  231.     {block:Caption}{Caption}{/block:Caption}
  232.     {/block:Audio}
  233.      
  234.     {block:Video}<div class="notesinf1"><div class="notesinfo1"><a href="{Permalink}">{NoteCountWithLabel}</a> // <a href="{ReblogURL}">reblog</a></div>{Video-500}{/block:Video}
  235.    
  236. {block:Answer}<div class="notesinf2"><div class="notesinfo2"><a href="{Permalink}">{NoteCountWithLabel}</a></div><div class="per"><p>{Question}<p><div class="fe"></div>
  237. <div class="autor">{Asker}</div></div>
  238. <div class="both"><p>&nbsp;</p></div>
  239. <div class="text"><p>{Answer}</p></div>{/block:Answer}
  240.    
  241.      
  242.  <div id="cap">
  243.     {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  244.     {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  245.     {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  246.      
  247.     <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  248.           <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  249.             {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  250.     {/block:ContentSource}</div></div></div>
  251.     <br>
  252.      
  253.     <div class="opant">
  254.     {block:Date}<div id="info">
  255.    </div><center><div class="tags">{block:HasTags}{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}{/block:HasTags}
  256.     </div></center>{/block:Date}</div>
  257.     </div>
  258.  
  259.      {/block:Posts}
  260.     {block:PostNotes}<div class="notes" style="margin-bottom:40px;">{PostNotes}</div>{/block:PostNotes}
  261.      
  262.  
  263.  
  264. </div></div>
  265.  
  266.  
  267.     </div>
  268.     </div>
  269.         <div id= "viachato">
  270.     <a href="{ReblogParentURL}"></a>    
  271. </div>  </div>    
  272.    
  273.  
  274.     </body>
  275.     </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!