Advertisement
comandadinha

theme 01

Sep 1st, 2014
224
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.83 KB | None | 0 0
  1. <!-- BASE POR FCKRAW E THEME POR CAOSDSALTO-->
  2.  
  3.  
  4.  
  5. <html><head>
  6.  
  7. <!-- DEFAULT -->
  8.  
  9. <meta name="color:texts" content="#000000" />
  10. <meta name="color:links side" content="#000000" />
  11. <meta name="color:bg" content="#ffffff" />
  12. <meta name="color:posts" content="#ffffff" />
  13. <meta name="color:links sidebar" content="#000000" />
  14. <meta name="color:links hover" content="#000000" />
  15. <meta name="image:sidebar" content="" />
  16. <meta name="text:Link1" content="/" />
  17. <meta name="text:Link1 Title" content="link" />
  18. <meta name="text:Link2" content="/" />
  19. <meta name="text:Link2 Title" content="link" />
  20. <meta name="text:Link3" content="/" />
  21. <meta name="text:Link3 Title" content="link" />
  22. <meta name="text:Link4" content="/" />
  23. <meta name="text:Link4 Title" content="link" />
  24.  
  25.  
  26.  
  27. <title>{Title}</title><link rel="shortcut icon" href="{FavIcon}"><link rel="alternate" type="application/rss+xml" href="{RSS}">{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  28.  
  29. <script src="http://static.tumblr.com/kcrxiw3/LDBlqq9ia/jquerry.js"></script> <script type="text/javascript" src="http://proto.jp/js/tumblrAutoPager.js"></script> <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js"></script> <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  30.  
  31.  
  32. <style type="text/css">
  33.  
  34.  
  35.  
  36.  
  37. body {font-size: 12px; background-color: {color:bg}; background-image:url('http://assets.tumblr.com/images/x.gif'); color: {color:texts};}
  38.  
  39. a {color: {color:texts}; text-decoration: none; text-transform: none;}
  40. a:hover {color: {color:texts};}
  41. p {margin: 6px 0 0 0}
  42.  
  43. blockquote {margin: 0px; padding-left: 0px; }
  44. blockquote img{width: 400px!important; text-align:justify;}
  45.  
  46.  
  47.  
  48.  
  49.  
  50.  
  51. #container {width: 400px; margin:100px auto: 70px auto;}
  52. #entry {float:left; margin-top:0px; margin-bottom:-20px; margin-left:480px; width:400px;}
  53.  
  54. .posts {width: 450px; background-color:{color:posts}; padding: 10px; text-align: justify; margin-bottom:0px; position: relative; font-size:12px;}
  55.  
  56. .source {display: none;}
  57. #captt {width: 400px; margin-top: -2px; text-align: center;}
  58.  
  59.  
  60.  
  61.  
  62.  
  63.  
  64. h1 {font-family: cambria; font-size: 13px; letter-spacing:0px; line-height: 12px; text-align: center; font-weight: normal;color: {color:texts}; margin-bottom:-15px;}
  65. h1 a {color: {color:texts};}
  66.  
  67. h2 {font-family: arial; font-size: 11px; line-height: 14px; text-align: justify; margin-top:25px; font-weight: normal;color: {color:texts}; margin-bottom:3px;}
  68. h2 a {color: {color:texts};}
  69.  
  70.  
  71.  
  72.  
  73.  
  74.  
  75. .image {text-align: left;}
  76. .image img {width: 450px; opacity:0.9; -webkit-filter: grayscale(10%)}
  77. .photoset {width: 450px;opacity:0.9; -webkit-filter: grayscale(10%)}
  78.  
  79.  
  80.  
  81.  
  82.  
  83.  
  84.  
  85. .quote {font-family: calibri; font-size: 12px; letter-spacing:0px; line-height: 13px; text-align: justify; font-weight: normal;color: {color:texts}; margin-bottom:5px;}
  86. .sorc {font-family: calibri; font-size: 10px; line-height: 9px; padding:3px; text-align: right; font-weight: normal;color: {color:texts}; text-transform: uppercase; background-color: transparent; }
  87. .sorc a {text-transform: uppercase; color:{color:links hover}}
  88.  
  89.  
  90.  
  91.  
  92.  
  93.  
  94. .chat {text-align: justify; margin-top:-15px; margin-bottom:-15px; font-size: 12px; line-height: 12px; list-style: none;font-family: calibri; font-size: 9px; }
  95. .chat ul { list-style: none; padding: 0px; line-height:12px;font-family: calibri; font-size: 9px;}
  96. .person1 {color: {color:texts}; padding: 2px; font-family: calibri; font-size: 9px;}
  97. .person1 .label {font-style:italic; color:{color:texts};font-family: calibri; font-size: 9px;}
  98. .person2 {color: {color:texts}; padding: 2px; font-family: calibri; font-size: 9px;}
  99. .person2 .label {font-style:italic; color:{color:texts};font-family: calibri; font-size: 9px;}
  100.  
  101.  
  102.  
  103.  
  104.  
  105.  
  106.  
  107. .audio {opacity: 1.0; position:relative; overflow:hidden; min-height:130px; font-size: 8px; margin-bottom:-45px;}
  108. .player {position:absolute; z-index:3; background:transparent; margin-top:45px; margin-left:0px;}
  109. .audioplayer {width:25px; height:18px; overflow:hidden; padding:5px; margin-right:11px}
  110. .audioinfo {margin-left:110px; line-height:155%; font-family: calibri; font-size:9px!important;}
  111. .audiocaption {margin-left:162px;}
  112. .audiocaption img {width:130px!important}
  113. .audiocaption blockquote img {max-width:320px!important}
  114. .audiocaption blockquote blockquote img {max-width:310px!important}
  115.  
  116.  
  117.  
  118.  
  119.  
  120.  
  121. #asker {border-bottom:1px solid #eeeeee;margin-left:0px; font-size: 11px;padding:2px; font-family: calibri; text-align: justify;}
  122. .answer {margin-left:0px;font-size: 11px; font-family: calibri; padding: 0px}
  123.  
  124.  
  125.  
  126.  
  127.  
  128.  
  129.  
  130. #info {text-align: right; margin-top:0px; font-size: 9px; font-family: arial; z-index: 11; letter-spacing:0px; margin-left:0px; width: 400px; margin-bottom: -19px; color:{color:texts};-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;opacity:0;}
  131. #info a {font-size:9px; text-transform: lowercase; color:{color:texts}; -webkit-transition-duration: 0.4s;}
  132. #info:hover {color:{color:links hover}}
  133. .posts:hover #info {opacity:9; padding-top:4px; margin-bottom:0px;}
  134.  
  135.  
  136.  
  137.  
  138.  
  139.  
  140.  
  141. ::-webkit-scrollbar{width:5px;height:5px;}
  142. ::-webkit-scrollbar-button:start:decrement
  143. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:#fff;}
  144. ::-webkit-scrollbar-track-piece{background-color: transparent; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  145. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: #f8f8f8;-webkit-border-radius:px;}
  146. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: #f8f8f8;-webkit-border-radius:px;}
  147.  
  148. iframe#tumblr_controls { position:fixed;white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.3;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  149.  
  150. .tumblrAutoPager_page_separator,
  151. .tumblrAutoPager_page_info {display: none;}
  152.  
  153. #tumblr_controls{position: fixed!important}
  154. #tumblr_controls{position: fixed!important}
  155. #tumblr_controls{position: fixed!important}
  156. #tumblr_controls{position: fixed!important}
  157.  
  158.  
  159.  
  160.  
  161.  
  162.  
  163. #sidebar {position:fixed; width: auto; height:auto; margin-left:339px;margin-top:45px;}
  164.  
  165.  
  166.  
  167. #morph {height:auto; margin-top:90px; margin-left:-50px; position:fixed; text-align:left;}
  168. #morph img { width:170px; height:auto;}
  169.  
  170.  
  171.  
  172.  
  173.  
  174.  
  175.  
  176.  
  177.  
  178.  
  179.  
  180.  
  181. #links {background:;-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;position:fixed;font: 11px Segoe UI Semibold;font-style:;color:#fff ;padding: 3px;background-color:tranparent;width:170px;text-align:center;margin-left:-53px;margin-top:305px;}
  182. #links a{color: #000;-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; font-style:;}
  183. #links a:hover{background-color:{color:hover}; -moz-opacity:1.0;font-style:italc; text-shadow:0px 0px 1px; color: {color:links hover};-khtml-opacity: 1.0; opacity: 1.0; -webkit-transition: all 0.5s linear; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear; }
  184.  
  185. #sidebar:hover #links {;margin-top:305px;opacity:8;-webkit-transition: all 0.7s ease-out; -moz-transition: all 0.8s ease-out;}
  186.  
  187.  
  188.  
  189.  
  190.  
  191.  
  192. #justen {;margin-left:-52px; margin-top:308px; 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;}
  193. #justen img { width:20px; height:20px;}
  194. #sidebar:hover #justen {;-moz-transform: rotate(360deg);-webkit-transform: rotate(-360deg);}
  195.  
  196.  
  197. #imagenzinha2 {;margin-left:104px; margin-top:308px; 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;}
  198. #imagenzinha2 img { width:20px; height:20px;}
  199. #sidebar:hover #imagenzinha2 {-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);}
  200.  
  201.  
  202.  
  203.  
  204.  
  205. </style><body ondragstart=’return false’>
  206.  
  207.  
  208.  
  209.  
  210.  
  211. <div id="sidebar">
  212. <div id="morph"><img src="{image:sidebar}"></div>
  213. <div id="justen"><img src="http://static.tumblr.com/pzfke2y/APdnaizoq/2-7.png"></div>
  214. <div id="imagenzinha2"><img src="http://static.tumblr.com/pzfke2y/APdnaizoq/2-7.png"></div>
  215. <div id="links">
  216. <a href="{text:link1}">{text:link1 title}</a>
  217. <a href="{text:link2}">{text:link2 title}</a>
  218. <a href="{text:link3}">{text:link3 title}</a>
  219. <a href="{text:link4}">{text:link4 title}</a>
  220. </div>
  221.  
  222. </div>{block:IfRolagemInfinita}<div class="autopagerize_page_element">
  223. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfRolagemInfinita} <div id="entry"> <div class="autopagerize_page_element">{block:Posts}<div class="posts">
  224.  
  225. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}<h2>{body}</h2>{/block:Text}
  226.  
  227. {block:Photo}<div class="image"><img src="{PhotoURL-400}"></div>{block:Caption}<h2>{Caption}</h2>{/block:Caption}{/block:Photo}
  228.  
  229. {block:Photoset}<div class="photoset">{Photoset-400}</div>{block:Caption}<h2>{Caption}</h2>{/block:Caption}{/block:Photoset}
  230.  
  231. {block:Quote}<div class="quote">{Quote}</div><br><div class="sorc">{Source}</div>{/block:Quote}
  232.  
  233. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}<h2>{Description}</h2>{/block:Description}{/block:Link}
  234.  
  235. {block:Chat}{block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}<div class="chat"><ul>{block:Lines}<li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{/block:Chat}
  236.  
  237.  
  238. {block:Audio}<div class="audio">{block:AlbumArt}<img src="{AlbumArtURL}" width="85px" height="85px" align="left" style="margin-left:0px; -webkit-filter: grayscale(40%); opacity: 0.8; border: 1px solid #ededed; padding: 3px;" />{/block:AlbumArt}
  239. <div class="audioplayer" style="margin-left:50px;">{AudioPlayerWhite}</div>
  240. <div class="audioinfo">
  241. {block:TrackName}Song: {TrackName}{/block:TrackName}<br>
  242. {block:Artist}Artist: {Artist}{/block:Artist}<br>
  243. {block:Album}Album: {Album}{/block:Album}</div></div>{/block:Audio}
  244.  
  245.  
  246. {block:Video}{Video-400}{/block:Video}
  247.  
  248. {block:Answer}<div id="asker"><b>{Asker}</b>: {Question}</div><div class="answer">{Answer}</div>{/block:Answer}
  249.  
  250. <div id="captt">
  251.  
  252. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}"/>{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>{/block:ContentSource}</div></div><br>
  253.  
  254. {block:Date}<div id="info"><left> <a href="{Permalink}">{Month} {DayOfMonthWithZero}</a> / {block:Date}{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} / <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} / <a href="{SourceURL}">source</a>{/block:ContentSource}{block:IndexPage} / <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div>{/block:Date}</div>
  255.  
  256. {/block:Posts}</div></div></div></div></div>
  257.  
  258. <a style="width:120px; font-size:9px; color:#4a4a4a; font-family:cambria;position:fixed;font-style:;bottom:25px;right:-35px;" href="http://caosdsalto.tumblr.com/" title="">theme by <b>caosdesalto</b></a>
  259.  
  260. </body>
  261. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement