Advertisement
Guest User

Mrfckss 12

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