fanih

Theme 36

Oct 15th, 2013
516
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.82 KB | None | 0 0
  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="#000000" />
  12. <meta name="color:text" content="#000000" />
  13. <meta name="color:Post" content="#ffffff" />
  14. <meta name="color:linksmenu" content="#000000" />
  15. <meta name="color:bglinkshover" content="#000000" />
  16. <meta name="color:linksmenuhover" content="#fff" />
  17. <meta name="color:lhover" content="#3d3d3d" />
  18. <meta name="color:desc" content="#0b0b0c" />
  19. <meta name="color:bgnotes" content="#fff"/>
  20. <meta name="color:bordanotes" content="#c0c0c0"/>
  21. <meta name="color:textnotes" content="#070700"/>
  22. <meta name="color:colunabg" content="#DCDCDC" />
  23. <meta name="color:bordaimgsidebar" content="#000" />
  24.  
  25. <meta name="image:background"/>
  26. <meta name="image:sidebar" content="http://static.tumblr.com/i1e3kds/mHqmuq8a7/kaya.jpg"/>
  27. <meta name="image:bgcoluna" content="http://static.tumblr.com/i1e3kds/biQmuq8gg/bgondas.jpg"/>
  28.  
  29. <meta name="text:frase" content="But, I like you ..."/>
  30. <meta name="color:corfrase" content="#000" />
  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. <link rel="shortcut icon" href="{Favicon}" />
  44. <title>{Title}</title>
  45.  
  46. <style>
  47.  
  48. 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; }
  49.  
  50. a {color: {color:link}; text-decoration: none; text-transform: none;}
  51. a:hover {color: {color:lhover}; background-color: transparent; text-decoration: none;}
  52.  
  53. #pagina {float: left; margin-left: 471px;}
  54.  
  55. .post {width: 400px; background-color: {color:post}; padding: 10px; top: -3px; margin-bottom: 10px; text-align: justify; font-family: calibri; font-size: 12px; position: relative; color:{color:text}; border-left: 1px solid #eee; border: 1px solid #eee; }
  56.  
  57. h1 {font-family: calibri; text-align: left; font-size: 16px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  58. h1 a {text-align: center; font-size: 16px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  59. h1 a:hover {text-align: center; font-size: 16px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  60.  
  61. .notes {width: 420px; padding: 0px; margin-top: 10px; margin-bottom: 1px; font-family: calibri; font-size: 10px; text-align: center}
  62. ol.notes {list-style: none; margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  63. ol.notes li {background-color: {color:post}; margin-bottom: 2px; padding: 5px; }
  64. .notes img{display: none; border:0px}
  65.  
  66. .quotex {font-family: calibri; text-align: left; font-size: 13px; line-height: 15px; padding: 3px; margin-bottom: 5px;}
  67. .quotex1 {font-family: calibri; font-size: 12px; text-align: center; text-transform: none; margin-bottom: 5px; border-top: 1px solid #eee;}
  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.95; }
  76.  
  77. #info {margin-top: -32px; }
  78.  
  79.  
  80. #cap {width: 400px; margin-top: -2px;}
  81. .source {display: none;}
  82.  
  83. #askheere {width:330px; margin-left:40px;padding:10px; opacity:1; text-align:justify; color:#000; background-color:#eee; border-radius:5px;font-size: 12px; font-family: Calibri; }
  84. #askheere a {color:#000; font-size:13px;}
  85.  
  86. #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;}
  87.  
  88. .askfoto {text-align:center; color:{color:text}; font:11px Calibri; text-transform:none; border-radius:60px; opacity:1; -webkit-transition-duration:.25s; }
  89. .askfoto a{color:{color:text};}
  90. .askfoto img {width:58px; vertical-align:middle; background-color:{color:background}; padding:3px; }
  91. .askfoto:hover {opacity:0.7; -webkit-transition-duration:.25s;}
  92.  
  93. .tags {display: none;}
  94.  
  95. #allimage{ float: left; top: 70px; left: 250px; height: auto; width:102px; height: 82px; position: fixed; background-color: none; }
  96.  
  97. #image {margin-top: 5px; margin-bottom: 5px; }
  98. #image img{width: 172px; height: 213px; margin-top: -1px; margin-left: -1; border: 1px solid {color:bordaimgsidebar}; -webkit-transition: all 1.0s ease-out; -moz-transition: all 1.2s ease-out; padding: 7px;}
  99. #image:hover img {opacity:0.8;-webkit-transition: all 1.2s ease-out; -moz-transition: all 1.2s ease-out;}
  100.  
  101. #desc {width:159px; height: 58px; margin-left: 255px; margin-top: 330px; position:fixed; z-index:3; text-align:center; line-height: 11px; font-family: calibri; font-size: 11px; overflow:hidden; color:{color:desc}; background-color: none; padding: 3px 2px; border-bottom: 1px solid #eee; }
  102.  
  103. #frase {width:209px; height: 20px; margin-left: 230px; margin-top: 305px; position:fixed; text-align:center; line-height: 15px; font-family:"honeyscript"; font-size: 29px; overflow:hidden; color:{color:corfrase}; background-color: none; padding: 6px 2px; }
  104.  
  105. #menu {text-align:center; width:409px; margin-top: 606px; margin-left: 90px; position:fixed;}
  106.  
  107.  
  108. .links2 {margin-left:166px; margin-top: -210px; padding: 0px; text-align: center; z-index:2; position: absolute;float: left;clear: both; }
  109.  
  110. .links2 a {float: left; font-family: Calibri; font-size:11px;width: 165px; background-color: none; color:{color:linksmenu}; z-index:999999999;display: inline-block; letter-spacing: 0px; text-decoration: none; text-transform:uppercase; text-align: center; line-height:10px; padding: 5px 0;border-bottom: 1px solid #eee; }
  111. .links2 a:hover {z-index:999999999;text-decoration: none; background-color: {color:bglinkshover}; color:{color:linksmenuhover};}
  112.  
  113. #paginacaohm {display: block; font: bold 8px verdana; color: {color:desc}; padding: 4px; text-align: center; text-transform:none; margin-top: 40px; margin-left: 292px; position: fixed;}
  114. #paginacaohm a {background: {color:background}; color: {color:desc}; font: 8px verdana; text-transform: none;padding: 4px; -webkit-transition-duration: .90s; text-decoration: none;}
  115. #paginacaohm a:hover {background: {color:background}; padding: 4px; text-decoration: none;}
  116. #paginacaohm span.pagina_atual {background: {color:background}; text-decoration: none;padding: 4px;}
  117.  
  118. /*********helpdesigns******/
  119.  
  120. #s-m-t-tooltip {max-width:300px; padding:5px; margin:15px 20px;background-color:#fff; font-family:’04b03′; font-size:8px; letter-spacing:1px; text-transform:uppercase; color:#888; z-index:9999999; border-radius:10px; border: 1px solid #eee;}/*********helpdesigns******/
  121.  
  122. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Text}; height:auto;-webkit-box-shadow: inset 0 0 6px {color:Text};-webkit-border-radius:1px;}
  123.  
  124. ::-webkit-scrollbar-thumb:horizontal { background-color:{color:Text}; height:5px !important;-webkit-box-shadow: inset 0 0 6px {color:Text}; -webkit-border-radius:1px;}
  125.  
  126. ::-webkit-scrollbar {height:2px; width:7px; background-color:{color:post}; }
  127.  
  128. ::-webkit-scrollbar-corner {background-color:{color:post};}
  129.  
  130. #coluna {background:url('{image:bgcoluna}'); position: fixed; margin-left: 430px; width: 30px;border: 1px solid #dcdcdc; height: 1080px; margin-top: -50px; opacity:0.90; background-color:{color:coluna};}
  131.  
  132. #coluna2 {background:url('{image:bgcoluna}'); position: fixed; margin-left: 210px; width: 30px;border: 1px solid #dcdcdc; height: 1080px; margin-top: -50px; opacity:0.90; background-color:{color:coluna};}
  133.  
  134. .cred {margin-left:20px; margin-top:20px; padding:5px; text-align: center; z-index:3; position: fixed;}
  135. .cred a {float: left; margin-right: 1px; font-family: Calibri; font-size:10px; margin-bottom:1px; width: 90px; background-color:{color:background}; color:{color:desc}; display: block; letter-spacing: 1px; text-decoration: none; text-transform:uppercase; line-height:20px; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  136. .cred a:hover{background-color:{color:background} ;color: {color:desc};text-align: center;}
  137.  
  138. .notesinf {display: block; text-align: justify; overflow: hidden; margin-bottom: 15px; }
  139.  
  140. .notesinfo {position: absolute; background: {color:bgnotes}; text-align:right; margin-left: 0px; border: 1px solid {color:bordanotes}; text-transform:uppercase; color: transparent; padding: 3px; font-size: 10px; opacity: 0; z-index: 99; -webkit-transition-duration: .70s; }
  141. .notesinfo a {color: {color:textnotes}; text-transform:uppercase;}
  142. .notesinf:hover .notesinfo {opacity:99; color: {color:textnotes}; text-transform:uppercase;}
  143.  
  144. #viachato {display: none}
  145.  
  146.  
  147. @font-face { font-family: "honeyscript"; src: url('http://static.tumblr.com/q54tzar/vvam21fco/honeyscript-light_1_.ttf'); }
  148.  
  149.  
  150. </style>
  151.  
  152. <body>
  153.  
  154. <script type="text/javascript"
  155. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  156. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  157. <script>
  158. (function($){
  159.  
  160. $(document).ready(function(){
  161. $("[title]").style_my_tooltips();
  162. });
  163. })(jQuery);
  164. </script>
  165.  
  166. <div class="cred">
  167. <a href="http://a-rticulada.tumblr.com" title="© theme by a-rticulada"> THEME</a></div></div>
  168. <div id="coluna"> </div>
  169. <div id="coluna2"> </div>
  170.  
  171. <div id="menu">
  172. <div class="links2">
  173. <a href="{text:Link1}">{text:Link1 Title}</a>
  174. <a href="{text:Link2}">{text:Link2 Title}</a>
  175. <a href="{text:Link3}">{text:Link3 Title}</a>
  176. <a href="{text:Link4}">{text:Link4 Title}</a>
  177. <a href="{text:Link5}">{text:Link5 Title}</a>
  178.  
  179.  
  180. </a></div></div>
  181.  
  182.  
  183.  
  184.  
  185. <div id="desc">{block:Description}{Description}{/block:Description}
  186. </div></div>
  187. <div id="frase">{text:frase}</div>
  188.  
  189. <div id="allimage"><div id="image">
  190.  
  191. <img src="{image:sidebar}"/></div></div>
  192.  
  193.  
  194.  
  195. <div id="paginacaohm">
  196. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  197. {block:JumpPagination length="4"}
  198. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  199. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  200. {/block:JumpPagination}
  201. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  202. </div>
  203.  
  204. <div id="pagina">
  205.  
  206. {block:Posts}
  207.  
  208.  
  209.  
  210. <div class="post">
  211.  
  212. <div class="notesinf">
  213.  
  214. <div class="notesinfo">
  215. <a href="{Permalink}">{NoteCountWithLabel}</a> • <a href="{ReblogURL}" target="_blank">reblog</a></div>
  216.  
  217.  
  218. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  219.  
  220. {block:Photo}{LinkOpenTag}<div class="imagepost"><img src="{PhotoURL-400}"></div>{LinkCloseTag}{/block:Photo}
  221.  
  222. {block:Photoset}{Photoset-400}{/block:Photoset}
  223. {block:Quote}
  224. <div class="quotex">“{Quote}”</div>
  225. {block:Source}<div class="quotex1"> <strong>— {Source}</strong></div>
  226. {/block:Source}
  227. {/block:Quote}
  228.  
  229. {block:Link}
  230. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  231. {block:Description}{Description}{/block:Description}
  232. {/block:Link}
  233.  
  234. {block:Chat}
  235. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  236. <div class="chat"><ul>{block:Lines}
  237. <li class="person{UserNumber}">{block:Label}
  238. <span class="label"><strong>{Label}</strong></span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  239. {/block:Chat}
  240.  
  241. {block:Audio}
  242. <div class="player">{AudioPlayerBlack}</div>
  243. {block:Caption}{Caption}{/block:Caption}
  244. {/block:Audio}
  245.  
  246. {block:Video}{Video-500}{/block:Video}
  247.  
  248. {block:Answer}
  249. <img src="{AskerPortraitURL-48}" align="left" class="askfoto">
  250. <div id="askheere">
  251. <strong><>{Asker}</strong> asked: {Question}<br /></div>
  252. <div class="askshere2"> {Answer}
  253. </div>{/block:Answer}
  254.  
  255.  
  256. <div id="cap">
  257. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  258. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  259. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  260.  
  261. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  262. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  263. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  264. {/block:ContentSource}</div></div></div>
  265. <br>
  266.  
  267. <div class="opant">
  268. {block:Date}<div id="info">
  269. </div><center><div class="tags">{block:HasTags}{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}{/block:HasTags}
  270. </div></center>{/block:Date}</div>
  271. </div>
  272.  
  273. {/block:Posts}
  274. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  275.  
  276.  
  277.  
  278. </div></div>
  279.  
  280.  
  281. </div>
  282. </div>
  283. <div id= "viachato">
  284. <a href="{ReblogParentURL}"></a>
  285. </div> </div>
  286.  
  287.  
  288. </body>
  289. </html>
Advertisement
Add Comment
Please, Sign In to add comment