Advertisement
worenow

Theme 01

Jun 30th, 2014
244
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.45 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html>
  4.  
  5. <!-- base mectube
  6. theme feito por worenow
  7. dtls sexlost/raiodluar -->
  8.  
  9. <!-- DEFAULT -->
  10. <meta name="color:background" content="#ffffff" />
  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:scrollbar" content="#000" />
  15. <meta name="color:scrollbar bg" content="#fff" />
  16. <meta name="color:lhover" content="#555555" />
  17.  
  18.  
  19. <meta name="image:sidebar" content="" />
  20. <meta name="if:Rolagem infinita" content="1"/>
  21.  
  22.  
  23. <meta name="text:Link1" content="/" />
  24. <meta name="text:Link1 Title" content="link" />
  25. <meta name="text:Link2" content="/" />
  26. <meta name="text:Link2 Title" content="link" />
  27. <meta name="text:Link3" content="/" />
  28. <meta name="text:Link3 Title" content="link" />
  29. <meta name="text:Link4" content="/" />
  30. <meta name="text:Link4 Title" content="link" />
  31.  
  32.  
  33.  
  34. <title>{Title}</title>
  35. <link rel="shortcut icon" href="{FavIcon}">
  36. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  37. {block:Description}
  38. <meta name="description" content="{MetaDescription}" />
  39. {/block:Description}
  40.  
  41. <style type="text/css">
  42.  
  43. body {background-color: {color:background}; background-image:url('{image:background}'); color: {color:text}; font:13px calibri; text-align: center;}
  44.  
  45.  
  46. a {color: {color:link}; text-decoration: none; text-transform: none;}
  47. a:hover {color: #777}
  48.  
  49. p {margin: 6px 0 0 0}
  50.  
  51. ::-webkit-scrollbar{width:10px;
  52. height:0px;}
  53. ::-webkit-scrollbar-button:start:decrement
  54. ::-webkit-scrollbar-button:end:increment{display:block;
  55. height:0;
  56. background-color:{color:scrollbar bg};}
  57. ::-webkit-scrollbar-track-piece{background-color:{color:scrollbar bg};
  58. -webkit-border-radius:0;
  59. -webkit-border-bottom-right-radius:3px;
  60. -webkit-border-bottom-left-radius:3px;}
  61. ::-webkit-scrollbar-thumb:vertical{height:70px;
  62. background-color:{color:scrollbar};}
  63. ::-webkit-scrollbar-thumb:horizontal{width:70px;
  64. background-color:{color:scrollbar};}
  65.  
  66.  
  67.  
  68. .tumblrAutoPager_page_separator, .tumblrAutoPager_page_info {display: none;}
  69.  
  70. blockquote {margin: 3px; border-left: 3px solid {color:background}; padding-left: 5px; }
  71. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:background};}
  72. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:background}; }
  73. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:background}; }
  74.  
  75. blockquote img{max-width: 470px!important}
  76. blockquote blockquote img{max-width: 450px!important}
  77. blockquote blockquote blockquote img{max-width: 430px!important}
  78. blockquote blockquote blockquote blockquote img{max-width: 410px!important}
  79.  
  80. #container {width: 420px; margin:50px auto: 50px auto;}
  81.  
  82. iframe#tumblr_controls {
  83. top:0px !important;
  84. right:3px !important;
  85. position: fixed !important;
  86. -webkit-transition: opacity 0.7s linear;
  87. opacity: 0.4;
  88. -webkit-transition: all 0.8s ease-out;
  89. -moz-transition: all 0.8s ease-out;
  90. transition: all 0.8s ease-out;
  91. z-index:999999999999999999;}
  92.  
  93. iframe#tumblr_controls:hover{
  94. -webkit-transition: opacity 0.7s linear;
  95. opacity: 1;
  96. -webkit-transition: all 0.4s ease-out;
  97. -moz-transition: all 0.4s ease-out;
  98. transition: all 0.4s ease-out;
  99. z-index:999999999999999999999;}
  100.  
  101.  
  102. #entries {width:450px; float:left; margin-left:540px; margin-top:0px; position:relative; z-index:999; padding-right:5px; padding-top:10px; line-height:px;}
  103. .entries {width:450px; padding:0px; background-color:#ffffff; margin:0px 0px 0px 0px; margin-bottom:4px; float:right; font-size:13px;text-align:justify; padding-right:5px; padding-left:px; padding-top:px; padding-bottom:px; border-top: px solid ;}
  104.  
  105.  
  106. h1 {font-family:calibri; font-size: 14px; line-height: 17px; text-align: center; font-weight: normal; margin-bottom:8px;}
  107. h1 a {color: {color:link};}
  108. h1 a:hover {color: {color:hover};}
  109.  
  110. .image {text-align: center; border: 0px}
  111. .image img {width: 450px; margin-bottom: 1px; }
  112. .image img {-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-filter: grayscale(%);
  113. margin-bottom: 1px
  114. }
  115.  
  116.  
  117. .quote {font-family: calibri; text-align: justify; font-size: 14px; line-height:15px; padding: 1px; }
  118. .quotesource {text-align:center;font-size:12px; font-family:cambria;font-style:; padding:5px; margin-top:-5px; text-transform:; margin-bottom:px;border-bottom:px solid #ececec;}
  119.  
  120.  
  121. .chat {line-height: 13px; list-style: none }
  122. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  123. .person1 {color: {color:text}; padding: 2px; }
  124. .person1 .label {font-weight: bold; color:{color:text}}
  125. .person2 {color: {color:text}; padding: 2px; }
  126. .person2 .label {font-weight: bold; color:{color:text}}
  127.  
  128. .player {background-color: #000; text-align: left; display:block;}
  129.  
  130. #asker {font-family:calibri; text-align: justify; background-color:#;color:#000; font-size:12px;padding:px;}
  131. .answer {padding: px; font-family:calibri; font-size:12px; margin-top:2px;}
  132. .answer img {max-width: 400px;}
  133. #asker a:hover {color:{color:lhover};}
  134. #ssource{margin-left:10px; display:none}
  135.  
  136. #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:{color:post}; }
  137. #hoverphoto:hover {color:{color:hover};}
  138.  
  139. .entries:hover #hoverphoto { opacity:1.0;}
  140.  
  141. #tequila {margin-left:-44px; text-align:left; font-size: 10px; font-family: calibri; width:100px;height: auto}
  142. #tequila a {font-size: 10px;font-family: calibri;border-left:px solid #000}
  143. #tequila:hover {color:{color:hover} ;}
  144.  
  145.  
  146. .notes {width:400px; padding:0px; font-style:; margin-top:1px; margin-bottom:1px; font-size:11px; text-align:left;text-transform:;}
  147. ol.notes {list-style: none; margin: 0 20px 0 0px; padding:0px; border-bottom: 1px sΓ³lida # ccc; z-index:11;}
  148. ol.notes li {background-color:;margin-bottom:px; padding:5px;text-transform:;}
  149.  
  150. .notes img{display:none; border:0px}
  151.  
  152. /*----------------------------------------
  153. Update Tab #1 (CSS Left) by Incedo
  154. http://incedothemes.tumblr.com
  155. Please do not remove the credit.
  156. Instructions @ http://incedothenes.tumblr.com/tab
  157. Updated 6/14/14
  158. ------------------------------------------*/
  159.  
  160. #updatetab {
  161. font-family: helvetica; /*this is the font*/
  162. color: #A0A0A0;} /*this is the font color*/
  163. #tabtitle, #dropdown, #dropdown p {
  164. background-color:#ffffff; /*this is the background color*/
  165. border-color: #D8D8D8;} /*this is the border color*/
  166.  
  167. #updatetab {
  168. width:100px;
  169. position:fixed;
  170. top:14px;
  171. left:14px;}
  172.  
  173. #tabtitle {
  174. text-align:center;
  175. padding:1px 3px;
  176. letter-spacing:2px;
  177. font-size:9px;
  178. text-transform:uppercase;
  179. border-width:1px;
  180. border-style:solid;
  181. border-radius: 2px;
  182. -moz-border-radius: 2px;
  183. -webkit-border-radius: 2px;}
  184.  
  185. #dropdown {
  186. border-style:solid;
  187. border-width:0px 1px 1px 1px;
  188. padding:2px 5px 0px 5px;
  189. border-bottom-right-radius: 2px;
  190. -moz-border-bottom-right-radius: 2px;
  191. -webkit-border-bottom-right-radius: 2px;
  192. border-bottom-left-radius: 2px;
  193. -moz-border-bottom-left-radius: 2px;
  194. -webkit-border-bottom-left-radius: 2px;
  195. opacity:0;
  196. -webkit-transition: all 0.5s ease-in-out;
  197. -moz-transition: all 0.5s ease-in-out;
  198. -o-transition: all 0.5s ease-in-out;
  199. -ms-transition: all 0.5s ease-in-out;
  200. transition: all 0.5s ease-in-out;}
  201.  
  202. #updatetab:hover #dropdown {
  203. opacity:1;
  204. -webkit-transition: all 0.5s ease-in-out;
  205. -moz-transition: all 0.5s ease-in-out;
  206. -o-transition: all 0.5s ease-in-out;
  207. -ms-transition: all 0.5s ease-in-out;
  208. transition: all 0.5s ease-in-out;}
  209.  
  210. #dropdown p {
  211. padding-top:3px;
  212. padding-bottom:3px;
  213. border-width:0px 0px 1px 0px;
  214. border-style:solid;
  215. font-size:10px;}
  216.  
  217. #dropdown p:last-of-type {
  218. border-bottom:0px solid transparent;}
  219.  
  220. p, ul, li, ol {
  221. margin: 0px 0px 0px 0px;}
  222.  
  223. #c {
  224. position:fixed;
  225. bottom:4px;
  226. right:4px;
  227. font-size:13px;
  228. font-family:helvetica;}
  229.  
  230. #sidebar {float:left; position:fixed; width:210px; bottom:85px; height:8px;top:130px; left:270px; position: fixed;}
  231.  
  232. #foto {margin-top:10px; margin-left:10px; margin-bottom:0px; padding:9px;border:px solid {color:border}; height:auto; width:px; -webkit-transition: all 1.2s ease-out; -moz-transition: all 1.2s ease-out;}
  233. #foto img {display: inline; height:auto; height:280px; width:195px; border-top:px solid #eee;border-right:px solid #000; ; border-left:px solid #000; padding:3px; }
  234. #foto img {opacity:1;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;all 0.3s ease-out;}
  235. #foto img:hover {opacity:1;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;all 0.3s ease-out; -webkit-filter: grayscale(50%)}
  236.  
  237. #links {opacity:0;width:185px;position: fixed;text-transform:uppercase;font-style:; font-size: 9px font-family:cambria; background-color:#fff;border-left:px solid #cdcdcd;letter-spacing:px;;word-spacing:1px; line-height:14px; height:15px;text-align:center; padding-left:-5px;border-left:px solid;margin-top:34px;margin-left:25px;border-top:px solid #000;letter-spacing:px;}
  238. #links {opacity:;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.9s ease-out;all 0.3s ease-out;}
  239. #links a:hover {color:#555555;}
  240. #sidebar:hover #links {margin-top:-10px;opacity:10;-webkit-transition: all 0.7s ease-out; -moz-transition: all 0.8s ease-out;}
  241.  
  242.  
  243.  
  244.  
  245.  
  246.  
  247.  
  248. #bleh{width:210px; position:fixed; margin-left:-78px;height:55px;margin-top:270px; text-align:center; padding:0px; line-height:12px; letter-spacing:0px; font-family:cambria; font-size:20px; color:#000;border-bottom:px solid ; background:; opacity:0;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.9s ease-out;all 0.3s ease-out;}
  249. #sidebar:hover #bleh {opacity:1;}
  250.  
  251. #bleh2{width:210px; position:fixed; margin-left:112px;height:55px;margin-top:270px; text-align:center; padding:0px; line-height:12px; letter-spacing:0px; font-family:cambria; font-size:20px; color:#000;border-bottom:px solid ; background:; opacity:0;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.9s ease-out;all 0.3s ease-out;}
  252. #sidebar:hover #bleh2 {opacity:1;}
  253.  
  254.  
  255. #oizinho {;margin-left:22px; margin-top:247px; position:fixed;text-align:left;-webkit-transition-duration: 0.4s; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out}
  256. #oizinho img { width:185px; height:20px;}
  257. #sidebar:hover #oizinho {opacity:0}
  258.  
  259. #descri {opacity:1;width:160px;border-radius:310px 100px 10px 10px;position: fixed;font-weight:bold; font-family:cambria; font-size:10px; line-height:auto; height:10px;text-align:center; color:#000;padding:-100px;margin-top:-308px;margin-left:30px;border-bottom:px solid #ddd;border:px solid #ddd;border-left:px solid #ddd; text-transform:uppercase;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.9s ease-out;all 0.3s ease-out; font-weight:; padding-bottom:1px; font-weight:;}
  260. #sidebar:hover #descri {opacity:10; margin-top:5px;color solid #fff;}
  261.  
  262.  
  263.  
  264. #oizinho2 {opacity:10;margin-left:24px; margin-top:305px; position:fixed;text-align:left;-webkit-transition-duration: 0.4s; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out}
  265. #oizinho2 img { width:190px; height:auto;}
  266. #sidebar:hover #oizinho2 {opacity:0}
  267.  
  268.  
  269. #oizinho3 {opacity:10;margin-left:23px; margin-top:-200px; position:fixed;text-align:left;-webkit-transition-duration: 0.4s; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s hidden; -webkit-transition: all .7s ease-in-out}
  270. #oizinho3 img { width:189px; height:auto;}
  271. #sidebar:hover #oizinho3 {opacity:10; margin-top:-7px}
  272.  
  273.  
  274. </style>
  275.  
  276.  
  277.  
  278. <style type="text/css"></style>
  279.  
  280.  
  281.  
  282.  
  283. <body>
  284.  
  285.  
  286.  
  287. <div id="container">
  288. <div id="sidebar">
  289. <div id="oizinho2"><img src="https://33.media.tumblr.com/57fe10a9d8a786b02e8109a1456a33a9/tumblr_n8thrk4Flz1rj10ido1_500.jpg"/></div>
  290. <div id="oizinho3"><img src="http://static.tumblr.com/xjqx5xm/ozyn7dj5r/tumblr_n650hduetq1s3hdh0o1_500.jpg"/></div>
  291. <div id="foto"><img src="{image:sidebar}"/></div>
  292. <div id="descri">{description}</div>
  293. <div id="links">
  294. <a href="{text:link1}">{text:link1 title}</a>
  295. <b><a href="{text:link2}">{text:link2 title}</a></b>
  296. <a href="{text:link3}">{text:link3 title}</a>
  297. <b><a href="{text:link4}">{text:link4 title}</a></b>
  298.  
  299.  
  300.  
  301. </div>
  302. </div>
  303. </div>
  304.  
  305.  
  306. <div id="entries">
  307. <div class="autopagerize_page_element">
  308.  
  309.  
  310. {IfRolagemInfinita}<div class="autopagerize_page_element">
  311. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfRolagemInfinita}
  312.  
  313.  
  314. {block:Posts}
  315.  
  316.  
  317. <div class="entries">
  318.  
  319. <div id="hoverphoto">
  320. <div id= "tequila"><a href="{Permalink}">{TimeAgo}</a></div>
  321. <div id= "tequila"><a href="{Permalink}"{block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a></br></div>{LinkCloseTag}
  322. {block:RebloggedFrom}
  323. <div id="tequila"><a href="{ReblogParentURL}"></a><a href="{ReblogRootURL}">source</a></div>
  324. {/block:RebloggedFrom}
  325. <div id="tequila"><a href="{ReblogURL}" target="_blank"><b>reblog</b></a></div>
  326. {block:HasTags}{block:Tags}
  327. <div id="tequila"><a href="{TagURL}"><b></b>#{Tag}</a>&nbsp;</div>{/block:Tags}{/block:HasTags}</div>
  328.  
  329.  
  330. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  331.  
  332. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-400}"></div>{LinkCloseTag}{/block:Photo}
  333.  
  334. {block:Photoset}{Photoset-400}{/block:Photoset}
  335.  
  336. {block:Quote}
  337. <div class="quote">β€œ{Quote}”</div>
  338. {block:Source}<div class="quotesource">
  339. β€” <b>{Source}</b></div>
  340. {/block:Source}
  341. {/block:Quote}
  342.  
  343. {block:Link}
  344. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  345. {block:Description}{Description}{/block:Description}
  346. {/block:Link}
  347.  
  348. {block:Chat}
  349. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  350. <div class="chat"><ul>{block:Lines}
  351. <li class="person{UserNumber}">{block:Label}
  352. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  353. {/block:Chat}
  354.  
  355. {block:Audio}
  356. <div class="player">{AudioPlayerBlack}</div>
  357. {block:Caption}{Caption}{/block:Caption}
  358. {/block:Audio}
  359.  
  360. {block:Video}{Video-400}{/block:Video}
  361.  
  362.  
  363. {block:Answer}
  364. <div id="asker"> <b>{Asker}</b> gemeu gostoso :</i> {Question}</div>
  365. <div class="answer">{Answer}</div>
  366. {/block:Answer}
  367.  
  368. <div id="photoset">
  369. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  370. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  371. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  372. </div>
  373.  
  374.  
  375.  
  376. <div id="ssource">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  377. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  378. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  379. {/block:ContentSource}</div>
  380.  
  381. </div>
  382.  
  383. {/block:Posts}
  384.  
  385. {block:PostNotes}{PostNotes}{/block:PostNotes}<br />
  386.  
  387.  
  388. </div>
  389. </div>
  390. </div>
  391. </div>
  392.  
  393.  
  394.  
  395. </div>
  396. </div>
  397. </div>
  398.  
  399.  
  400. </body>
  401. <a style="width:120px; font-size:9px; color:#4a4a4a; font-family:cambria;position:fixed;font-style:;bottom:30px;right:-15px;" href="http://worenow.tumblr.com/" title="">theme por <b>worenow</b></a>
  402.  
  403.  
  404. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement