Advertisement
worenow

Theme 10

Aug 2nd, 2014
215
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.86 KB | None | 0 0
  1. <!-- base por: suffixyou
  2. adaptado por: worenow
  3. detakhes haikak e dcalcinha
  4. -->
  5.  
  6.  
  7.  
  8.  
  9. <html>
  10.  
  11. <head>
  12.  
  13. <!-- DEFAULT -->
  14. <meta name="color:background" content="#ffffff" />
  15. <meta name="color:hover" content="#D02090" />
  16. <meta name="color:text" content="#6a6369" />
  17.  
  18.  
  19.  
  20.  
  21.  
  22. <meta name="image:sidebar" content="http://static.tumblr.com/qhiozyd/yGFn65v1q/loca.jpg" />
  23. <meta name="if:Rolagem infinita" content="1"/>
  24. <meta name="image:background" content=""/
  25.  
  26.  
  27. <meta name="text:Atoa1 Title" content="link" />
  28. <meta name="text:Link1" content="/" />
  29. <meta name="text:Link1 Title" content="link" />
  30. <meta name="text:Link2" content="/" />
  31. <meta name="text:Link2 Title" content="link" />
  32. <meta name="text:Link3" content="/" />
  33. <meta name="text:Link3 Title" content="link" />
  34. <meta name="text:Link4" content="/" />
  35. <meta name="text:Link4 Title" content="link" />
  36. <meta name="text:Link5" content="/" />
  37. <meta name="text:Link5 Title" content="link" />
  38.  
  39.  
  40.  
  41.  
  42.  
  43. <title>{Title}</title>
  44. <link rel="shortcut icon" href="{FavIcon}">
  45. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  46. {block:Description}
  47. <meta name="description" content="{MetaDescription}" />
  48. {/block:Description}
  49.  
  50. <style type="text/css">
  51.  
  52. body {background-color: {color:background}; background-image:{image:background}; color:{color:text}; font:11px calibri; text-align: center;}
  53.  
  54.  
  55. a:link, a:active, a:visited{color: #000; text-decoration:none;}
  56. a:hover{color: #000;}
  57.  
  58. p {margin: 6px 0 0 0}
  59.  
  60. h1 {text-align: center;font-weight: normal;font-family:calibri; font-size: 14px; color: #000;}
  61.  
  62. s {color: #000000;}
  63. i {color: #000000;}
  64. b, strong {color: #000000;}
  65. u, span.sublinha {color: #000; text-decoration: none; border-bottom:1px solid #000000;}
  66.  
  67. blockquote {margin: 3px; border-left: 3px solid {color:background}; padding-left: 5px; }
  68. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:background};}
  69. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:background}; }
  70. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:background}; }
  71.  
  72. blockquote img{max-width: 470px!important}
  73. blockquote blockquote img{max-width: 450px!important}
  74. blockquote blockquote blockquote img{max-width: 430px!important}
  75. blockquote blockquote blockquote blockquote img{max-width: 410px!important}
  76.  
  77. #container {width: 420px; margin:50px auto: 50px auto;}
  78.  
  79. iframe#tumblr_controls {
  80. top:0px !important;
  81. right:3px !important;
  82. position: fixed !important;
  83. -webkit-transition: opacity 0.7s linear;
  84. opacity: 0.4;
  85. -webkit-transition: all 0.8s ease-out;
  86. -moz-transition: all 0.8s ease-out;
  87. transition: all 0.8s ease-out;
  88. z-index:999999999999999999;}
  89.  
  90. iframe#tumblr_controls:hover{
  91. -webkit-transition: opacity 0.7s linear;
  92. opacity: 1;
  93. -webkit-transition: all 0.4s ease-out;
  94. -moz-transition: all 0.4s ease-out;
  95. transition: all 0.4s ease-out;
  96. z-index:999999999999999999999;}
  97.  
  98.  
  99. #entries {width:450px; float:left; margin-left:530px; margin-top:20px;position:relative; z-index:999; padding-right:0px; padding-top:0px}
  100.  
  101. .entries {width:450px; padding:5px; background-color:#ffffff; margin:0px 0px 0px 0px; margin-bottom:-0px; float:right; text-align:justify; font-family:calibri; font-size:11px; font-family:calibri; }
  102.  
  103.  
  104. .image {text-align: center; border: 0px}
  105. .image img {width: 450px; margin-bottom: 1px; }
  106. .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;}
  107.  
  108. .quote {font-family:calibri; text-align: justify; font-size: 12px; line-height:15px; padding: 2px; border-top: px solid #eee;}
  109. .quotesource {text-align:left; text-transform: none; margin-bottom: 2px;font-family:cambria; font-size: 10px;background-color:#;border-bottom:3px solid #eee;}
  110.  
  111. .chat {line-height: 13px; list-style: none }
  112. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  113. .person1 {color: {color:text}; padding: 2px; }
  114. .person1 .label {font-weight: bold; color:{color:text}}
  115. .person2 {color: {color:text}; padding: 2px; }
  116. .person2 .label {font-weight: bold; color:{color:text}}
  117.  
  118. .player {background-color: #000; text-align: left; display:block;}
  119.  
  120.  
  121.  
  122. #asker {font-family:cambria; text-align: justify; background-color:#;color:#000; font-size:12px;padding:2px; border-bottom:2px solid #f2f2f2; border-left:px solid #f2f2f2; border:px dashed #ddd }
  123. .answer {padding: 1px; font-family:cambria; font-size:12px;}
  124. .answer img {max-width: 400px;}
  125. #asker a:hover {color:;}
  126. #ssource{margin-left:10px; display:none}
  127.  
  128. #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 }
  129. #hoverphoto:hover {color:#777;}
  130.  
  131. .entries:hover #hoverphoto { opacity:1.0;}
  132.  
  133.  
  134. #gogoho {margin-left:-44px; text-align:left; font-size: 10px; font-family: calibri; width:100px;height: auto; text-transform:lowercase}
  135. #gogoho a {text-transform:lowercase; font-style:normal}
  136. #gogoho a:hover {color:#777;}
  137. .notes {width:550px; padding:0px; margin-top:1px; margin-bottom:1px; font-size:12px; text-align:center} ol.notes {list-style: none; margin: 0 20px 0 0px; padding:0px; bord00er-bottom: 1px sólida # ccc; z-index:11;} ol.notes li {background-color:{color:post};margin-bottom:1px; padding:5px;}.notes img{display:none; border:0px}
  138.  
  139.  
  140. #sidebar {position:fixed; width:120px; height:150px; margin-left:370px;margin-top:-240px; -webkit-transition-duration: 0.4s;}
  141.  
  142.  
  143. #foto img {margin-top:39px;margin-left:-227px;position:fixed;text-align:left;}
  144. #foto img{width:170px;height:227;}
  145.  
  146.  
  147. #menu {opacity:0;width:150px;background-color:;position: fixed;font-style:italic; font-family:cambria; letter-spacing:px; font-size:12px; height:px;text-align:center; color:#000;padding:1px;margin-top:300;margin-left:0px;opacity:;margin-left:-1000px;margin-top:14px;border-bottom:1px solid #000; border-radius: 9px;border-top:1px solid #000; border-radius: 9px;opacity:10;}
  148. #sidebar:hover #menu{margin-top:270px;margin-left:-142px;-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;opacity:10;}
  149.  
  150.  
  151. #fotinha {margin-left:-134px; margin-top:267px; position:fixed; text-align:center;-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;}
  152. #fotinha img {width:183px; height:20;}
  153. #sidebar:hover #fotinha {margin-top:280px; opacity:0; -webkit-transform:rotate(-0deg);}
  154.  
  155.  
  156.  
  157. #imagenzinha {opacity:0;margin-left:24px;margin-top:240px;position:fixed;-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;}
  158. #imagenzinha img {width:25px; height:20px;}
  159. #sidebar:hover #imagenzinha {margin-top:266px; margin-left:18px;opacity:10; -webkit-transform:rotate(-360deg);}
  160.  
  161.  
  162. #imagenzinh {opacity:0;margin-left:-133px;margin-top:240px;position:fixed;-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;}
  163. #imagenzinh img {width:25px; height:20px;}
  164. #sidebar:hover #imagenzinh {margin-top:266px; margin-left:-136px;opacity:10; -webkit-transform:rotate(360deg);}
  165.  
  166. #oizinho3 {opacity:1;margin-left:-133px; margin-top:265px; 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}
  167. #oizinho3 img { width:179px; height:auto;}
  168. #sidebar:hover #oizinho3 {opacity:0; margin-top:0px}
  169.  
  170.  
  171.  
  172. #titlezinho{width:145px;margin-top:273px;margin-left:-138px;font-size:11px;font-family:calibri;position:fixed;text-transform:none;text-align:center;color:{color:titlezinho};line-height:11px;opacity:100;-moz-transition:all 0.6s linear; transition:all 0.6s linear;}
  173. #sidebar:hover #titlezinho {margin-top:283px;opacity:0;-moz-transition:all 0.6s linear; transition:all 0.6s linear;}
  174.  
  175.  
  176. .descri{width:170px;margin-top:295px;margin-left:-131px;font-size:11px;font-family:calibri light;position:fixed;text-transform:none;text-align:center;color:#000;line-height:11px;opacity:0;-moz-transition:all 0.6s linear; transition:all 0.6s linear;}
  177. #sidebar:hover .descri{margin-top:290px;opacity:100;-moz-transition:all 0.6s linear; transition:all 0.6s linear;}
  178.  
  179.  
  180.  
  181. #tudo {width:150px; margin-left:20px; margin-top:300px;}
  182. ::-webkit-scrollbar{width:7px;
  183. height:0px;}
  184. ::-webkit-scrollbar-button:start:decrement
  185. ::-webkit-scrollbar-button:end:increment{display:block;
  186. height:0;
  187. background-color:#000;}
  188. ::-webkit-scrollbar-track-piece{background-color:#fff;
  189. -webkit-border-radius:0;
  190. -webkit-border-bottom-right-radius:3px;
  191. -webkit-border-bottom-left-radius:3px;}
  192. ::-webkit-scrollbar-thumb:vertical{height:50px;
  193. background-color:#000;}
  194. ::-webkit-scrollbar-thumb:horizontal{width:50px;
  195. background-color:#000;}
  196.  
  197.  
  198. </style>
  199.  
  200. <style type="text/css">{CustomCSS}</style>
  201.  
  202. <body>
  203.  
  204.  
  205.  
  206. <div id="container">
  207. <div id="sidebar">
  208. <div id="tudo">
  209. <div id="foto"><img src="{image:sidebar}"></div>
  210. <div id="titlezinho">{text:titlezinho}</div>
  211. <div id="menu">
  212. <a href="{text:Link1}">{text:Link1 Title}</a>
  213. <a href="{text:Link2}">{text:Link2 Title}</a>
  214. <a href="{text:Link3}">{text:Link3 Title}</a>
  215. <a href="{text:Link4}">{text:Link4 Title}</a>
  216. <a href="{text:Link5}">{text:Link5 Title}</a></div></div>
  217. <div class="descri">{description}</div>
  218. <div id="imagenzinha">
  219. <img src="http://4.bp.blogspot.com/-voTEEe-RC8s/Tby2atwNkaI/AAAAAAAAAbE/ggsfWax9B-w/s1600/bjinho_mini.gif"></div>
  220. <div id="imagenzinh">
  221. <img src="http://4.bp.blogspot.com/-voTEEe-RC8s/Tby2atwNkaI/AAAAAAAAAbE/ggsfWax9B-w/s1600/bjinho_mini.gif"></div>
  222. <div id="oizinho3"><img src="https://38.media.tumblr.com/264399325a8092fe18963a9944ab6c62/tumblr_n98icngSQw1s3hdh0o1_500.jpg"/></div>
  223.  
  224. </div>
  225. </div>
  226. </div></div>
  227.  
  228.  
  229. <div id="entries">
  230. <div class="autopagerize_page_element">
  231.  
  232.  
  233. {block:IfRolagemInfinita}<div class="autopagerize_page_element">
  234. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfRolagemInfinita}
  235.  
  236.  
  237. {block:Posts}
  238.  
  239.  
  240. <div class="entries">
  241. <div id="hoverphoto">
  242. <div id="gogoho"><a href="{Permalink}">{block:NoteCount}{notecount}{/block:NoteCount}</a></div>{LinkCloseTag}
  243. {block:RebloggedFrom}
  244. <div id="gogoho"><a href="{ReblogParentURL}"></a><a href="{ReblogRootURL}">source</a></div>
  245. {/block:RebloggedFrom}
  246. <div id="gogoho"><a href="{ReblogURL}" target="_blank">reblog</a></div>
  247. {block:HasTags}{block:Tags}
  248. <div id="gogoho"><a href="{TagURL}"><b></b>#{Tag}</a>&nbsp;</div>{/block:Tags}{/block:HasTags}</div>
  249.  
  250. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  251.  
  252. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-400}"></div>{LinkCloseTag}{/block:Photo}
  253.  
  254. {block:Photoset}{Photoset-450}{/block:Photoset}
  255.  
  256. {block:Quote}
  257. <div class="quote">“{Quote}”</div>
  258. {block:Source}<div class="quotesource">
  259. <b>{Source}</b></div>
  260. {/block:Source}
  261. {/block:Quote}
  262.  
  263. {block:Link}
  264. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  265. {block:Description}{Description}{/block:Description}
  266. {/block:Link}
  267.  
  268. {block:Chat}
  269. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  270. <div class="chat"><ul>{block:Lines}
  271. <li class="person{UserNumber}">{block:Label}
  272. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  273. {/block:Chat}
  274.  
  275. {block:Audio}
  276. <div class="player">{AudioPlayerBlack}</div>
  277. {block:Caption}{Caption}{/block:Caption}
  278. {/block:Audio}
  279.  
  280. {block:Video}{Video-400}{/block:Video}
  281.  
  282.  
  283. {block:Answer}
  284. <div id="asker"> <b>{Asker}</b>:</i> {Question}</div>
  285. <div class="answer">{Answer}</div>
  286. {/block:Answer}
  287.  
  288. <div id="photoset">
  289. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  290. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  291. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  292. </div>
  293.  
  294. <div id="ssource">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  295. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  296. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  297. {/block:ContentSource}</div>
  298.  
  299. </div>
  300.  
  301. {/block:Posts}
  302.  
  303. {block:PostNotes}{PostNotes}{/block:PostNotes}<br />
  304.  
  305.  
  306. </div>
  307. </div>
  308. </div>
  309. </div>
  310.  
  311.  
  312.  
  313. </div>
  314. </div>
  315. </div>
  316.  
  317. </body>
  318. <a style="width:120px; font-size:13px; color:#000000; font-family:cambria;position:fixed;bottom:30px;right:-15px;" href="http://worenow.tumblr.com/" title="">worenow</a>
  319.  
  320.  
  321. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement