Advertisement
descontrolar

Theme 06

May 9th, 2012
80
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.13 KB | None | 0 0
  1. <! theme made by descontrolar | don't copy anything, whore. !>
  2.  
  3.  
  4.  
  5. <html>
  6.  
  7.  
  8.  
  9. <head><!-- DEFAULT VARIABLES -->
  10.  
  11. <meta name="color:bg" content="#fafafa" />
  12. <meta name="color:link" content="#000000" />
  13. <meta name="color:hold" content="#757575" />
  14. <meta name="color:text" content="#000000" />
  15. <meta name="color:post" content="#ffffff" />
  16. <meta name="color:tags" content="#FF4500" />
  17. <meta name="color:details" content="#1E90FF" />
  18. <meta name="color:slink s" content="#000000" />
  19. <meta name="color:slinks hover" content="#bebebe" />
  20.  
  21. <meta name="color:balao bg" content="#000000" />
  22. <meta name="color:balao txt" content="#ffffff" />
  23.  
  24. <meta name="color:pic border" content="#000000" />
  25. <meta name="color:pic border2" content="#ffffff" />
  26.  
  27. <meta name="color:barra1" content="#f0f0f0" />
  28. <meta name="color:barra2" content="#e7e7e7e" />
  29. <meta name="color:barra3" content="#d1d1d1" />
  30.  
  31. <meta name="image:background" content="" />
  32. <meta name="image:picture" content="" />
  33. <meta name="image:picture2" content="" />
  34.  
  35. <meta name="text:Title" content="titulo divo aqui" />
  36. <meta name="text:balao" content="bullshit" />
  37. <meta name="text:Link1" content="/" />
  38. <meta name="text:Link2" content="/" />
  39. <meta name="text:Link3" content="/" />
  40. <meta name="text:Link4" content="/" />
  41. <meta name="text:Link5" content="/" />
  42. <meta name="text:Link6" content="/" />
  43. <meta name="text:Link7" content="/" />
  44.  
  45. <meta name="text:Link1 Title" content="um" />
  46. <meta name="text:Link2 Title" content="dois" />
  47. <meta name="text:Link3 Title" content="tres" />
  48. <meta name="text:Link4 Title" content="quatro" />
  49. <meta name="text:Link5 Title" content="cinco" />
  50. <meta name="text:Link6 Title" content="seis" />
  51. <meta name="text:Link7 Title" content="sete" />
  52.  
  53.  
  54.  
  55.  
  56.  
  57. <title>{Title}</title>
  58. <link rel="shortcut icon" href="{Favicon}">
  59. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  60. {block:Description}
  61. <meta name="description" content="{MetaDescription}" />
  62. {/block:Description}
  63.  
  64.  
  65. <style type="text/css">
  66.  
  67.  
  68.  
  69.  
  70.  
  71. body {background-color: {color:bg}; font-family: verdana; color: {color:text}; text-align: center; font-size: 9px; background-image:url('{image:background}'); background-attachment: fixed; }
  72.  
  73. a {color: {color:link}; text-decoration: none;}
  74. a:hover {color: {color:hold}; background-color: transparent; text-decoration: none; -moz-transition-duration: 1.8s; -webkit-transition-duration: 1.8s;}
  75.  
  76. p {margin: 6px 0 0 0}
  77.  
  78. blockquote {margin: 5px 5px 5px 5px; border-left: 4px solid {color:background}; padding-left: 5px; }
  79. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background};}
  80. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background}; }
  81. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background}; }
  82.  
  83. blockquote img{max-width: 470px!important}
  84. blockquote blockquote img{max-width: 450px!important}
  85. blockquote blockquote blockquote img{max-width: 430px!important}
  86. blockquote blockquote blockquote blockquote img{max-width: 410px!important}
  87.  
  88.  
  89.  
  90.  
  91.  
  92. #emily {text-align: center; width: 935px; margin: 20px auto 20px auto;}
  93.  
  94.  
  95.  
  96. #hanna {float: left; margin-left: 250px; margin-bottom: 49px;}
  97.  
  98.  
  99.  
  100. .aria {width: 500px; background-color: {color:post}; padding: 10px; margin-bottom: 1px; text-align: justify; font-family: verdana; font-size: 11px; position: relative;}
  101.  
  102.  
  103.  
  104. h1 {font-family: georgia; text-align: center; font-size: 16px; text-transform: uppercase; color: {color:text}; font-weight: normal; line-height: 18px;}
  105. h1 a {text-align: center; font-size: 16px; text-transform: uppercase; color: {color:text}; font-weight: normal; line-height: 18px;}
  106. h1 a:hover {text-align: center; font-size: 16px; text-transform: uppercase; color: {color:text}; font-weight: normal; line-height: 18px;}
  107.  
  108. .image {text-align: center; border: 0px}
  109. .image img {max-width: 500px; margin-bottom: 2px }
  110.  
  111. .xquote {font-family: georgia; text-align: center; font-size: 13px; line-height: 15px; padding: 3px;}
  112. .xquotesource {text-align: center; text-transform: none; margin-bottom: 5px;}
  113. .xquotesource a, a:hover{text-transform: none;}
  114.  
  115. .chat {line-height: 13px; list-style: none }
  116. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  117. .person1 {color: {color:text}; padding: 2px; }
  118. .person1 .label {font-weight: bold; color:{color:text}}
  119. .person2 {color: {color:text}; padding: 2px; }
  120. .person2 .label {font-weight: bold; color:{color:text}}
  121.  
  122. .player {background-color: #000; text-align: left; display:block;}
  123.  
  124. .asker {font-size: 15px; width: 100%; background-color: {color:background}; color:{color:link} ;
  125.  
  126. text-transform: uppercase; line-height: 30px}
  127. .asker a a:hover{color:{color:link}}
  128. .asker img{margin-top: 3px; margin-bottom: -3px; margin-left:3px; -moz-border-radius: 10px; border-radius: 10px;}
  129. .q {padding:10px; font-style: italic; background-color:#ddd;}
  130. .a {padding-top: 5px}
  131.  
  132.  
  133. #xdate {text-align: left; font-size: 9px; font-family: verdana; text-transform: lowercase; z-index: 11;}
  134. #xdate a {font-size: 9px;}
  135.  
  136. .tags {color: {color:text}; font-size: 9px; font-family: verdana; display: inline; list-style: none; text-transform: lowercase;}
  137. .tags a {font-size: 9px; color: verdana; display: inline; list-style: none; text-transform: lowercase;}
  138.  
  139. #cap {width: 500px; margin-top: -2px;}
  140. .source {display: none;}
  141.  
  142. .notes {width: 520px; padding: 0px; margin-top: 1px; margin-bottom: 1px; font-size: 9px; text-align: left}
  143. ol.notes {list-style: none; margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  144. ol.notes li {background-color: {color:post}; margin-bottom: 1px; padding: 5px; }
  145. .notes img{display: none; border:0px}
  146.  
  147.  
  148. ::-webkit-scrollbar-thumb:vertical {background-color: #000; height: 50px;}
  149.  
  150.  
  151.  
  152. ::-webkit-scrollbar {height: 5px; width: 5px; background-color: #fff;}
  153.  
  154. #page{text-align: center; margin:10px 0 20px 0; font-size:8px}
  155. #page a{font-size: 15px; text-decoratin: none}
  156.  
  157. #spencer {position: fixed; margin-left: 0px;}
  158.  
  159. .credit{background-color: {color:sidebar}; font-size: 8px; letter-spacing: 1px; color: {color:sidebar text}; text-tranform: uppercase; text-align: center; width: 230px; height: auto; position: relative; padding: 2px 5px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; margin-left: -10px; font-family: verdana; margin-top: 2px; overflow: hidden;}
  160.  
  161.  
  162. .slideShowContainer {margin-top: 0px; margin-left: 80px; height: auto; width: 150px; padding: 5px; background-color: transparent; border: 2px solid {color:pic border};}
  163.  
  164. .slideShow2 {display: block;}
  165.  
  166. .slideShow2 img{width: 150px; height: 170px; opacity: 0.8;}
  167.  
  168. .slideShow2 img:hover{opacity: 1; -webkit-transition-duration: 2.0s; -moz-transition-duration: 2.0s;}
  169.  
  170.  
  171.  
  172. #tumblr_controls{position: fixed!important}
  173.  
  174. #tumblr_controls{position: fixed!important}
  175.  
  176. #tumblr_controls{position: fixed!important}
  177.  
  178. #tumblr_controls{position: fixed!important}
  179.  
  180.  
  181. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  182.  
  183. #sidepfv {position:relative; margin-top: 1px; width: 150px; height: auto; margin-left:80px; padding:5px; color:#000; font-family: verdana; font-size: 9px; letter-spacing: -1px; overflow:hidden; text-align:center; -webkit-transition: 0.9s ease-in; -moz-transition: 0.9s ease-in; transition: 0.9s ease-in;}
  184.  
  185. #honey {font-size:7px; overflow:hidden; margin-top: 10px; position:relative; -moz-transition: all 1.3s ease-in-out!important; -o-transition: all 1.3s ease-in-out!important; transition: all 1.3s ease-in-out!important; -webkit-transition: all 1.3s ease-in-out!important;}
  186.  
  187.  
  188.  
  189. #honey a{padding:2px; display:inline-block; letter-spacing: 0px; font-size: 8px; margin-bottom: 1px; text-align: left; font-family: tinytots; text-transform: uppercase; color: ; -webkit-transition: 1.3s ease-in; -moz-transition: 1.3s ease-in; transition: 1.3s ease-in; text-shadow: 2px 0px 2px {color:slink s}; color: {color: slink s};}
  190.  
  191. #honey a:hover {letter-spacing: 1px; color: {color:slinks hover};}
  192.  
  193. #titlo {font-size: 14px; padding:4px; font-family: consolas; overflow:hidden; letter-spacing: -1px; height: 25px; padding:3px; text-align: center; border-bottom:1px solid #bebebe; -moz-transition: all 1.3s ease-in-out!important; -o-transition: all 1.3s ease-in-out!important; transition: all 1.3s ease-in-out!important; -webkit-transition: all 1.3s ease-in-out!important;}
  194.  
  195. #titlo:hover {height:65px;}
  196.  
  197. #lele {width: 45px; height: 18px; position: fixed; padding: 8px; color: ; background-color:{color:balao bg}; margin-left: 10px; margin-top: 0px; border-top-right-radius: 13px; border-top-left-radius: 13px; border-bottom-right-radius: 13px; border-bottom-left-radius: 13px; -webkit-transform: rotate(-20deg);}
  198.  
  199.  
  200. .esc {font-family: verdana; font-size: 11px; text-transform: none; letter-spacing: 1px; color: {color:balao txt};}
  201.  
  202.  
  203. #hehe {width: 45px; position: fixed; padding: 8px; background-color: transparent; margin-left: 22px; margin-top: 16px; color: {color:balao bg}; font-size: 23px; -webkit-transform: rotate(67deg);}
  204.  
  205. #barra {margin-top:-20px; margin-left:600px; position:fixed;}
  206.  
  207. #barra1{font-size: 9px; font-family: verdana; position: relative; margin-left: 260px; width: 10px; background-color: {color:barra1}; padding: 0px; margin-top: 0px; background-attachment: fixed; background-image:url(''); height:1427px;}
  208.  
  209. #barra2{font-size: 9px; font-family: verdana; position: relative; margin-left: 270px; width: 7px; background-color: {color:barra2}; padding: 0px; margin-top: -1427px; background-attachment: fixed; background-image:url(''); height:1427px;}
  210.  
  211. #barra3{font-size: 9px; font-family: verdana; position: relative; margin-left: 277px; width: 5px; background-color: {color:barra3}; padding: 0px; margin-top: -1427px; background-attachment: fixed; background-image:url(''); height:1427px;}
  212.  
  213. #barra4{font-size: 9px; font-family: verdana; position: relative; margin-left: 282px; width: 12px; background-color: {color:barra1}; padding: 0px; margin-top: -1427px; background-attachment: fixed; background-image:url(''); height:1427px;}
  214.  
  215. #barra5{font-size: 9px; font-family: verdana; position: relative; margin-left: 294px; width: 6px; background-color: {color:barra3}; padding: 0px; margin-top: -1427px; background-attachment: fixed; background-image:url(''); height:1427px;}
  216.  
  217. #barra6{font-size: 9px; font-family: verdana; position: relative; margin-left: 300px; width: 16px; background-color: {color:barra2}; padding: 0px; margin-top: -1427px; background-attachment: fixed; background-image:url(''); height:1427px;}
  218.  
  219. #barra7{font-size: 9px; font-family: verdana; position: relative; margin-left: 246px; width: 14px; background-color: {color:barra3}; padding: 0px; margin-top: -1427px; background-attachment: fixed; background-image:url(''); height:1427px;}
  220.  
  221. #barra8{font-size: 9px; font-family: verdana; position: relative; margin-left: 241px; width: 5px; background-color: {color:barra1}; padding: 0px; margin-top: -1427px; background-attachment: fixed; background-image:url(''); height:1427px;}
  222.  
  223. #picturee {margin-top: 100px; margin-left: 800px; width: 128px; height: auto; position: fixed; padding: 3px; background-color: {color:pic border2}; border: 3px solid {color:pic border2}; box-shadow: 3px 3px 5px 0px #ccc; -webkit-transform: rotate(8deg); z-index:900000;}
  224.  
  225. #picturee:hover {-webkit-transform: rotate(0deg);}
  226.  
  227. #picturee img{width: 128px; height: 128px;}
  228.  
  229. #descrii {font-size: 9px; font-family: verdana; overflow:hidden; letter-spacing: 0px; text-align: center; width: 150px; padding:6px; height: autto; margin-left: 80px; margin-top:0px;}
  230.  
  231. .ps {font-family: georgia; position: fixed; margin-left: 45px; margin-top: 220px; font-size: 38px; z-index: 0;}
  232. .ps a {background-color: transparent;}
  233.  
  234.  
  235. .ps2 {font-family: georgia; position: fixed; margin-left: 45px; margin-top: 280px; font-size: 38px; z-index: 0;}
  236. .ps2 a {background-color: transparent;}
  237.  
  238.  
  239.  
  240.  
  241. </style>
  242.  
  243.  
  244.  
  245. <body>
  246.  
  247. <div id="emily">
  248.  
  249. <div id="spencer">
  250.  
  251. <div class="slideShowContainer">
  252.  
  253. <div class="slideShow2"><img src="{image:picture}"></div>
  254. </div>
  255.  
  256.  
  257.  
  258.  
  259.  
  260. <div id="sidepfv">
  261.  
  262. <div id="titlo">{text:Title}
  263.  
  264. <div id="honey">
  265.  
  266.  
  267.  
  268. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}</a> ×
  269.  
  270. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}</a> ×
  271.  
  272. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a> {/block:ifLink3}</a> ×
  273.  
  274. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a> {/block:ifLink4}</a> ×
  275.  
  276. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a> {/block:ifLink5}</a> ×
  277.  
  278. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a> {/block:ifLink6}</a> ×
  279.  
  280. {block:ifLink7}<a href="{text:Link7}">{text:Link7 Title}</a> {/block:ifLink7}</a> ×
  281.  
  282. <a href="http://descontrolar.tumblr.com">theme (c)</a>
  283.  
  284.  
  285. </div>
  286.  
  287. </div></div>
  288.  
  289. <div id="descrii">{description}</div>
  290.  
  291.  
  292. </div>
  293.  
  294. <div id="barra">
  295.  
  296.  
  297.  
  298. <div id="barra1"> </div>
  299.  
  300.  
  301.  
  302. <div id="barra2"> </div>
  303.  
  304.  
  305.  
  306. <div id="barra3"> </div>
  307.  
  308.  
  309.  
  310. <div id="barra4"> </div>
  311.  
  312.  
  313.  
  314. <div id="barra5"> </div>
  315.  
  316.  
  317.  
  318. <div id="barra6"> </div>
  319.  
  320.  
  321.  
  322. <div id="barra7"> </div>
  323.  
  324.  
  325.  
  326. <div id="barra8"> </div>
  327.  
  328.  
  329.  
  330. </div>
  331.  
  332. <div id="picturee"><img src="{image:picture2}"/>
  333.  
  334.  
  335. </div>
  336.  
  337. <div id="lele">
  338.  
  339. <div class="esc">{text:balao}
  340.  
  341.  
  342.  
  343. </div></div>
  344.  
  345.  
  346.  
  347. <div id="hehe">►</div>
  348.  
  349. <div class="ps">{block:NextPage}<a href="{NextPage}">↑</a>{/block:NextPage}</div>
  350.  
  351. <div class="ps2">{block:PreviousPage}<a href="{PreviousPage}">↓</a>{/block:PreviousPage}</div>
  352.  
  353. <div id="hanna">
  354.  
  355.  
  356.  
  357. {block:Posts}
  358. <div class="aria">
  359.  
  360. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  361.  
  362. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  363.  
  364. {block:Photoset}{Photoset-500}{/block:Photoset}
  365.  
  366. {block:Quote}
  367. <div class="xquote">❝ {Quote}</div>
  368. {block:Source}<div class="xquotesource"> — {Source}</div>
  369. {/block:Source}
  370. {/block:Quote}
  371.  
  372. {block:Link}
  373. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  374. {block:Description}{Description}{/block:Description}
  375. {/block:Link}
  376.  
  377. {block:Chat}
  378. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  379. <div class="chat"><ul>{block:Lines}
  380. <li class="person{UserNumber}">{block:Label}
  381. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  382. {/block:Chat}
  383.  
  384. {block:Audio}
  385. <div class="player">{AudioPlayerBlack}</div>
  386. {block:Caption}{Caption}{/block:Caption}
  387. {/block:Audio}
  388.  
  389. {block:Video}{Video-500}{/block:Video}
  390.  
  391.  
  392. {block:Answer}
  393. <center><div class="asker"><img src="{AskerPortraitURL-24}"> {Asker}</div></center>
  394. <div class="q">{Question}</div>
  395. <div class="a">{Answer}</div>
  396. {/block:Answer}
  397.  
  398.  
  399. <div id="cap">
  400. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  401. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  402. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  403.  
  404. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  405. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  406. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  407. {/block:ContentSource}</div></div>
  408. <br>
  409.  
  410.  
  411. <div id="xdate">
  412. {block:Date}<div class="tags">{block:HasTags}{block:Tags}<font color={color:tags}>#</font><a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}<br>{/block:HasTags}</div>
  413. <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} · <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:IndexPage} · <a href="{ReblogUrl}" target="_blank">reblog this, sweetie</a>{/block:IndexPage}
  414. {block:RebloggedFrom}<br><font color={color:details}>originally</font> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom}{block:RebloggedFrom} · <font color={color:details}>via</font> <a href="{ReblogParentURL}">{ReblogParentName}</a>
  415. {/block:RebloggedFrom}
  416. </div>
  417. </div>{/block:Date}
  418.  
  419.  
  420. {/block:Posts}
  421. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  422.  
  423.  
  424.  
  425.  
  426. </div>
  427. </div>
  428. </div>
  429.  
  430. </div>
  431.  
  432.  
  433.  
  434.  
  435.  
  436.  
  437.  
  438. </body>
  439.  
  440. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement