Advertisement
princefoolish

Mrfckss 4

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