Advertisement
mchthemes

Theme 2

Mar 9th, 2015
213
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 10.68 KB | None | 0 0
  1. <!------------------------------------------
  2.                                          
  3.                      THEME BY MACONHHA
  4.                                          
  5. ------------------------------------------->
  6.  
  7. <html>
  8. <head>                                        
  9.  
  10.  
  11. <meta name="color:background" content="#ffffff" />
  12. <meta name="color:link" content="#000000" />
  13. <meta name="color:link hover" content="#BC8F8F" />
  14. <meta name="color:bg links" content="#BC8F8F" />
  15. <meta name="color:text" content="#000000" />
  16. <meta name="color:post" content="#ffffff" />
  17.  
  18. <meta name="image:sidebar" content="" />
  19. <meta name="image:background" content="" />
  20. <meta name="if:Rolagem infinita" content="1"/>
  21.  
  22. <meta name="text:Link1" content="/" />
  23. <meta name="text:Link1 Title" content="link" />
  24. <meta name="text:Link2" content="/" />
  25. <meta name="text:Link2 Title" content="link" />
  26. <meta name="text:Link3" content="/" />
  27. <meta name="text:Link3 Title" content="link" />
  28. <meta name="text:Link4" content="/" />
  29. <meta name="text:Link4 Title" content="link" />
  30.  
  31.  
  32.  
  33.                 <title>{Title}</title>
  34.         <link rel="shortcut icon" href="{FavIcon}">
  35.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  36.         {block:Description}
  37.   <meta name="description" content="{MetaDescription}" />
  38.         {/block:Description}
  39.  
  40.     <style type="text/css">
  41.  
  42. body {background-color: {color:background}; background-image:url('{image:background}'); color: {color:text}; font:12px cambria; text-align: center;}
  43.  
  44. body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}
  45.  
  46. a {color: {color:link}; text-decoration: none; text-transform: none;}
  47. a:hover {color:{color:link hover};-webkit-transition-duration: .90s;}
  48. a:hover {font-style:normal}
  49.  
  50. p {margin: 6px 0 0 0}
  51.  
  52. blockquote {margin: 3px; border-left: 3px solid {color:background}; padding-left: 5px; }
  53. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:background};}
  54. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:background}; }
  55. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:background}; }
  56.  
  57. blockquote img{max-width: 470px!important}
  58. blockquote blockquote img{max-width: 450px!important}
  59. blockquote blockquote blockquote img{max-width: 430px!important}
  60. blockquote blockquote blockquote blockquote img{max-width: 410px!important}
  61.  
  62. #container {width: 420px; margin:50px auto: 50px auto;}
  63.  
  64. iframe#tumblr_controls {
  65. top:0px !important;
  66. right:3px !important;
  67. position: fixed !important;
  68. -webkit-transition: opacity 0.7s linear;
  69. opacity: 0.4;
  70. -webkit-transition: all 0.8s ease-out;
  71. -moz-transition: all 0.8s ease-out;
  72. transition: all 0.8s ease-out;
  73. z-index:999999999999999999;}
  74.  
  75. iframe#tumblr_controls:hover{
  76. -webkit-transition: opacity 0.7s linear;
  77. opacity: 1;
  78. -webkit-transition: all 0.4s ease-out;
  79. -moz-transition: all 0.4s ease-out;
  80. transition: all 0.4s ease-out;
  81. z-index:999999999999999999999;}
  82.  
  83.  
  84. #entries {width:450px; float:left; margin-left:470px; margin-top:10px; position:relative; z-index:999; padding-right:0px; padding-top:0px}
  85.  
  86. .entries {width:450px; padding:px; background-color:#ffffff; margin:0px 0px 0px 0px; margin-bottom:-0px; float:right; text-align:justify; font-family:calibri; font-size:11px; font-family:verdana; }
  87.  
  88.  
  89. h1 {font-family: cambria; font-size: 14px; line-height: 14px; text-align: center; font-weight: normal; margin-bottom:8px;}
  90. h1 a {color: {color:link};}
  91. h1 a:hover {color: {color:link hover};}
  92.  
  93. .image {text-align: center; border: 0px}
  94. .image img {width: 450px; margin-bottom: 1px; }
  95. .image img:hover { -webkit-filter: grayscale(0%);-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;all 0.3s ease-out;}
  96.  
  97. .quote {font-family:calibri; line-height:15px; padding: 2px; border-top: px solid #eee; text-align:left; font-size: 14px}
  98. .quotesource {text-align: center; text-transform: none; margin-bottom: 3px;font-family:calibri; font-size: 12px; background:}
  99.  
  100.  
  101. .chat {line-height: 13px; list-style: none }
  102. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  103. .person1 {color: {color:text}; padding: 2px; }
  104. .person1 .label {font-weight: bold;  color:{color:text}}
  105. .person2 {color: {color:text}; padding: 2px;  }
  106. .person2 .label {font-weight: bold;  color:{color:text}}
  107.  
  108. .player {background-color: #000; text-align: left; display:block;}
  109.  
  110.  
  111. #asker {font-family:calibri; text-align: left;color:#000; font-size:14px;padding:4px; background:#eee;}
  112. .answer {padding: 5px; font-family:calibri; font-size:13px; text-align:left; margin-top:-10px}
  113. .answer img {max-width: 400px;}
  114. #asker a:hover  {color:#000;}
  115. #ssource{margin-left:10px; display:none}
  116.  
  117. #hoverphoto {  padding:3px;opacity:0; margin:0px 0px 495px 495px; filter: alpha(opacity = 0.2); position:absolute;  -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;margin-top:-5px; background-color:transparent;text-transform:lowercase }
  118. #hoverphoto:hover  {color:#777;}
  119.  
  120. .entries:hover #hoverphoto { opacity:1.0;}
  121.  
  122. #postss {margin-left:-44px; text-align:left; font-size: 10px; font-family: Tahoma; width:100px;height: auto; text-transform:lowercase}
  123. #postss a {text-transform:lowercase; font-style:normal}
  124. #postss a:hover {color:{color: link hover};}
  125.  
  126. .notes {width:520px; padding:0px; font-style:; margin-top:1px; margin-bottom:1px; font-size:11px; text-align:left; font-family:Tahoma}
  127. ol.notes {list-style: none; margin: 0 20px 0 0px; padding:0px; border-bottom: 1px sólida # ccc; z-index:11;}
  128. ol.notes li {background-color:transparent;margin-bottom:1px; padding:5px;text-transform:lowercase;}
  129. .notes img{display:none; border:0px}
  130.  
  131.  
  132.     #sidebar img {margin-top:130px;margin-left:10px;position: fixed;height:150px;width:150px;-webkit-transition: all 1.2s ease-out;-moz-transition: all 1.2s ease-out;
  133.         }
  134. #sidebar img:hover {opacity:0.7;
  135. -webkit-transition: 0.2s;}
  136.  
  137.  
  138. .linkss  {font-family:Consolas;width:150px; position:fixed;display1:block;height:120px; margin-top:305px; margin-left:216px; font-size:10px; font-style:none; padding:5px;text-align:center;letter-spacing:1px;color:#000;text-transform:lowercase;line-height:14px}
  139.  
  140. .linkss a:hover {font-weight:none;background:{color:bg links};color:#000;}
  141.  
  142. #descri {font-family:Cambria;width:145px; position:fixed;display:block;height:10px; margin-top:280px; margin-left:222px; font-size:9px; font-style:italic; padding:4px;text-align:justify;letter-spacing:1px;color:#000;text-transform:lowercase;}
  143.  
  144.  
  145. #nav {width: 350px; height: auto; padding:0px; margin-top:222px; margin-left:-620px; }
  146. #nav a {font-size:10px; padding:px; font-style:; letter-spacing:0px;font-family: calibri; text-transform: ; text-decoration:none;
  147.  
  148. text-align:center; color:{color:link sidebar};text-align:center;margin-bottom:1px; letter-spacing:px;}
  149. #nav a:hover {text-align: center; border-bottom:1px solid {color:xxx}}  letter-spacing: 1px;}
  150.  
  151.  
  152.  
  153.  ::-webkit-scrollbar{width:7px;
  154. height:0px;}
  155. ::-webkit-scrollbar-button:start:decrement
  156. ::-webkit-scrollbar-button:end:increment{display:block;
  157. height:0;
  158. background-color:#000;}
  159. ::-webkit-scrollbar-track-piece{background-color:#fff;
  160. -webkit-border-radius:0;
  161. -webkit-border-bottom-right-radius:3px;
  162. -webkit-border-bottom-left-radius:3px;}
  163. ::-webkit-scrollbar-thumb:vertical{height:50px;
  164. background-color:#000;}
  165. ::-webkit-scrollbar-thumb:horizontal{width:50px;
  166. background-color:#000;}
  167.  
  168.  </style>
  169.  
  170.  
  171.      
  172.        
  173.        
  174.     <style type="text/css">{CustomCSS}</style>
  175.  
  176.  
  177.  
  178. <body>
  179.  
  180.  
  181.  
  182.  
  183.  
  184. <div id="container">
  185. <div id="sidebar"><img src="{image:sidebar}"></div></div>
  186. <div id="descri">{description}</div>
  187. <div class="linkss">
  188. <div class="nav">
  189. <a href="{text:link1}">{text:link1 title}</a>
  190. <a href="{text:link2}">{text:link2 title}</a>
  191. <a href="{text:link3}">{text:link3 title}</a>
  192. <a href="{text:link4}">{text:link4 title}</a>
  193. </div>
  194. </div>
  195. </div>
  196.  
  197.  
  198. <div id="entries">
  199. <div class="autopagerize_page_element">
  200.  
  201.  
  202. {block:IfRolagemInfinita}<div class="autopagerize_page_element">
  203. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfRolagemInfinita}
  204.  
  205.  
  206. {block:Posts}
  207.  
  208.  
  209. <div class="entries">
  210.  
  211. <div id="hoverphoto">
  212. <div id= "postss"><a href="{Permalink}">{TimeAgo}</a></div>
  213. <div id= "postss"><a href="{Permalink}"{block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a></br></div>{LinkCloseTag}
  214. {block:RebloggedFrom}
  215. <div id="postss"><a href="{ReblogParentURL}"></a><a href="{ReblogRootURL}">source</a></div>
  216. {/block:RebloggedFrom}
  217. <div id="postss"><a href="{ReblogURL}" target="_blank"><b>reblog</b></a></div>
  218. {block:HasTags}{block:Tags}
  219. <div id="postss"><a href="{TagURL}"><b></b>#{Tag}</a>&nbsp;</div>{/block:Tags}{/block:HasTags}</div>
  220.  
  221.  
  222. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  223.  
  224. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-400}"></div>{LinkCloseTag}{/block:Photo}
  225.  
  226. {block:Photoset}{Photoset-400}{/block:Photoset}
  227.  
  228. {block:Quote}
  229. <div class="quote">“{Quote}”</div>
  230. {block:Source}<div class="quotesource">
  231. <b>— {Source}</b></div>
  232. {/block:Source}
  233. {/block:Quote}
  234.  
  235. {block:Link}
  236. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  237. {block:Description}{Description}{/block:Description}
  238. {/block:Link}
  239.  
  240. {block:Chat}
  241. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  242. <div class="chat"><ul>{block:Lines}
  243. <li class="person{UserNumber}">{block:Label}
  244. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  245. {/block:Chat}
  246.  
  247. {block:Audio}
  248. <div class="player">{AudioPlayerBlack}</div>
  249. {block:Caption}{Caption}{/block:Caption}
  250. {/block:Audio}
  251.  
  252. {block:Video}{Video-400}{/block:Video}
  253.  
  254.  
  255. {block:Answer}
  256. <div id="asker"> <b>{Asker}</b> falou: {Question}</div>
  257. <div class="answer">{Answer}</div>
  258. {/block:Answer}
  259.  
  260. <div id="photoset">
  261. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  262. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  263. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  264. </div>
  265.  
  266.  
  267.  
  268. <div id="ssource">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  269. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  270. {/block:ContentSource}</div>
  271.  
  272. </div>
  273.  
  274. {/block:Posts}
  275.  
  276. {block:PostNotes}{PostNotes}{/block:PostNotes}<br />
  277.  
  278.  
  279. </div>
  280. </div>
  281. </div>
  282. </div>
  283. </div>
  284. </div>
  285. </div>
  286. </body>
  287. <a style="width:120px; font-size:15px; color:#000000; font-family:Cambria;position:fixed;font-style:;bottom:30px;right:-15px;" href="http://maconhha.tumblr.com/" title="feito por maconhha"><i>maconhha</i></a>
  288.  
  289.  
  290. </head>
  291. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement